Deskripsi Umum Sistem Desain Rancangan Program

commit to user

3.1.2 Kebutuhan Hardware

1. Hardware yang digunakan untuk membuat aplikasi. a. Processor Processor yang digunakan untuk pembuatan aplikasi ini yaitu processor Intel Pentium dual-core b. Memory Memory yang digunakan dalam pembuatan dan untuk menjalankan aplikasi ini adalah RAM 1GB c. Harddisk Harddisk yang digunakan dalam pembuatan dan untuk menjalankan aplikasi ini yaitu harddisk 160 GB d. Monitor 12 inch 2. Hardware yang digunakan untuk menjalankan aplikasi. a. Processor. Processor yang digunakan untuk menjalankan aplikasi ini processor Intel Pentium core two duo. b. Memory . Memory yang digunakan untuk menjalankan aplikasi ini RAM 512 MB c. Harddisk. Harddisk yang digunakan untuk menjalankan aplikasi ini 1 GB.

3.2 Deskripsi Umum Sistem

Pembuatan aplikasi rute transportasi umum berbasis mobile web ini, sistem yang dihasilkan diharapkan dapat membantu masyarakat untuk mempermudah dalam mengakses transportasi yang akan digunakan dan dapat mengetahui rute mana saja yang akan dilewati. Dengan adanya program yang dihasilkan diharapkan dapat mengurangi tingkat polusi udara dan kemacetan terutama di Kabupaten Sragen. Isi dari aplikasi ini meliputi Sragen, peta, transport, dan about . commit to user

3.3 Perancangan

Database Pembuatan aplikasi rute transportasi umum diperlukan adanya suatu basis data yang digunakan untuk tempat menyimpan seluruh informasi dan data. Pada aplikasi ini terdapat tabel halte, tabel rule, dan tabel tempat. Perancangan untuk aplikasi rute transportasi umum adalah sebagai berikut:

3.3.1 Relasi Antar Tabel

Relasi tabel pada aplikasi rute transportasi umum berbasis mobile web dapat dilihat pada gambar 3.1 di bawah ini: Gambar 3.1 Relasi Antar Tabel Tabel 3.1 Tabel halte Nama Field Tipe Data Keterangan id Integer Sebagai id halte PK nama Varchar45 Berisi nama halte long Integer Longitude pada peta lat Integer Latitude pada peta commit to user Tabel 3.2 Tabel Rule Nama Field Tipe Data Keterangan id_asal Integer Sebagai id halte halte asalFK Id_tujuan Integer Sebagai id halte halte tujuanFK Keterangan Varchar255 Berisi deskripsi busangkot yang akan ditumpangi Tabel 3.3 Tabel tempat Nama Field Tipe Data Keterangan parent Integer Sebagai group, misal:Panduan Sragen, resto cafe, tempat belanja, fasilitas umum title Varchar45 Judul panduan image Varchar100 Menampilkan gambar Isi Varchar255 Berisi deskripsi panduan

3.4 Perancangan Aplikasi

Perancangan aplikasi bertujuan untuk menentukan rancangan aplikasi rute transportasi umum. Dalam perancangan aplikasi ini menjelaskan langkah-langkah pembuatan alur fungsi dan proses yang ada dalam aplikasi rute transportasi umum. Hal ini akan dibutuhkan untuk pedoman implementasi.

3.4.1 Use Case Diagram

Use case diagram mendefinisikan fitur-fitur yang terdapat dalam aplikasi rute transportasi umum berbasis mobile web Kabupaten Sragen. Use case diagram tersebut menunjukkan adanya interaksi antara aktor dan sistem. Aktor yang berperan adalah pengguna, dan sistem adalah aplikasi rute transportasi rute transportasi umum berbasis mobile web Kabupaten Sragen. commit to user Gambar 3.2 Use Case Diagram Aplikasi Tabel 3.4 Tabel Deskripsi Use Case Aktor : Pengguna Deskripsi : 1. Use Case Melihat panduan Sragen Aktor Pengguna - Pengguna dapat melihat sedikit deskripsi tentang Sragen, resto café, tempat belanja, fasilitas umum. 2. Use Case Melihat Peta Aktor Pengguna commit to user - Pengguna dapat melihat peta Kabupaten Sragen 3. Use Case Melihat transport Aktor Pengguna - Pengguna dapat menginputkan tempat asal dan tujuan pada aplikasi untuk mengetahui jenis transportasi apa yang akan ditumpangi. - Pengguna dapat mencari informasi tempat tujuan dan jenis transportasi yang akan ditumpangi dan selanjutnya rute transportasi tersebut akan ditampilkan dalam bentuk peta. 4. Use Case Melihat tentang Aktor Pengguna - Pengguna dapat melihat informasi tentang aplikasi

3.4.2 Activity Diagram

Activity diagram menggambarkan aktivitas yang secara umum dilakukan tanpa menggambarkan objek yang bertanggung jawab atas aktivitas tersebut. Keadaan pertama yang muncul adalah keadaan pada saat load aplikasi pada mobile. Setelah keadaan itu terpenuhi, maka aktifitas memilih menu dilakukan oleh pengguna. commit to user Gambar 3.3 Activity Diagram Aplikasi commit to user Gambar 3.4 Activity Diagram Menu utama Gambar 3.5 Activity Diagram Sekilas Sragen commit to user Pilih menu panduan Sragen Pilih menu Resto cafe Tampil informasi Resto cafe tidak ya Gambar 3.6 Activity Diagram Resto Cafe Pilih menu panduan Sragen Pilih menu Tempat belanja Tampil informasi Tempat belanja tidak ya Gambar 3.7 Activity Diagram Tempat Belanja commit to user Gambar 3.8 Activity Diagram Fasilitas Umum Pilih menu panduan Sragen Pilih menu Wisata Tampil informasi Wisata tidak ya Gambar 3.9 Activity Diagram Wisata commit to user Gambar 3.10 Activity Diagram Transport Gambar 3.11 Activity Diagram Melihat peta commit to user Gambar 3.12 Activity Diagram Tentang

3.4.3 Sequence Diagram

Sequence diagram pada gambar 3.13 menggambarkan interaksi yang terjadi antar objek untuk menghasilkan tampilan berupa panduan Sragen. Objek menu berinteraksi langsung dengan pengguna yang mengirimkan pesan berupa pilih menu ke objek menu. Objek menu meneruskan pesan tersebut berupa permintaan menampilkan halaman menu Sragen, resto cafe, tempat belanja, dan fasilitas umum. Objek menu-menu tersebut menerima pesan tersebut dan mengembalikan pesan tersebut kepada pengguna berupa keterangan informasi yang ada pada menu panduan Sragen. commit to user Pengguna Menu Panduan Sragen 1. buka aplikasi 2. pilihan menunya 3. panduan 4. menu sragen Informasi 5. tampil informasi sragen 6.menu resto cafe 7. tampil informasi resto 8.menu tempat belanja 9.tampil informasi tempat belanja 10.tampil fasilitas umum 11.tampil informasi fasilitas umum 12. tampil menu wisata 13. tampil informasi Menu wisata Gambar 3.13 Sequence Diagram Panduan Sragen Sequence diagram pada gambar 3.14 memiliki proses yang hampir sama dengan halaman sekilas Sragen, hanya pesan yang disampaikan kepada pengguna berupa tampilan inputan tujuan tempat asal dan tujuan serta keterangan busangkot yang akan digunakan pengguna transportasi, setelah itu akan ditunjukkan langsung beserta rute transportasinya. commit to user Gambar 3.14 Sequence Diagram Transport Sequence diagram pada gambar 3.15 memiliki proses yang hampir sama dengan halaman inputan, hanya pesan yang disampaikan kepada pengguna berupa tampilan gambar peta kabupaten Sragen. Gambar 3.15 Sequence Diagram Peta commit to user Sequence diagram pada gambar 3.16 terjadi interaksi antara pengguna dengan objek menu. Pengguna mengirimkan pesan kepada objek menu dan meneruskan ke objek info untuk menampilkan informasi nama aplikasi dan nama pembuat aplikasi. Gambar 3.16 Sequence Diagram Tentang

3.4.4 Class Diagram

Gambar 3.17 Class Diagram Rute Transportasi Umum commit to user

3.4 Desain Rancangan Program

Desain program pada Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen adalah sebagai berikut: 1. Desain Rancangan Tampilan Aplikasi Awal Splash Screen Desain rancangan tampilan Aplikasi Awal Splash Screen Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.18. Gambar 3.18 Desain Rancangan Splash Screen 3. Desain Rancangan Tampilan Menu Utama Desain rancangan tampilan menu utama Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.19. Pada menu utama terdapat empat menu yaitu menu panduan, peta, transport, dan menu tentang. Gambar 3.19 Desain Rancangan Menu Utama commit to user 4. Desain Rancangan Tampilan Menu Panduan Desain rancangan tampilan menu panduan Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.20. Pada menu panduan terdapat beberapa sub menu yaitu Sragen, restocafe, tempat belanja, dan fasilitas umum. Gambar 3.20 Desain Rancangan Menu Panduan 5. Desain Rancangan Tampilan Menu Peta Desain rancangan tampilan menu peta Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.21. Gambar 3.21 Desain Rancangan Menu Peta commit to user 6. Desain Rancangan Tampilan Menu Transport Desain rancangan tampilan menu transport Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.22. Tempat asal: Tempat tujuan: Keterangan:............... panduan peta transport tentang pilih kembali OK Gambar 3.22 Desain Rancangan Menu Transport 7. Desain Rancangan Tampilan Menu Tentang Desain rancangan tampilan menu tentang Aplikasi Rute Transportasi Umum Berbasis Mobile Web Kabupaten Sragen ditunjukkan pada gambar 3.23. Gambar 3.23 Desain Rancangan Menu Tentang commit to user

BAB IV IMPLEMENTASI DAN ANALISA

4.1 Hierarki Input Proses Output HIPO

1. Hierarki Sistem yang dirancang ini merupakan aplikasi rute transportasi umum berbasis mobile web Kapubaten Sragen secara stand alone tanpa mengakses sumber data eksternal. 2. Input Pengguna memberikan input untuk mencari lokasi rute tempat yang dituju. Input kemudian akan diproses menjadi suatu hasil dimana rute yang dituju menunjukkan adanya suatu tempat beserta informasi jenis transportasi apa yang akan ditumpangi. 3. Proses Proses mencari suatu rute transportasi dan jenis kendaraan yang ditumpangi dari input yang diberikan pengguna. 4. Output Pengguna dapat mengetahui rute tempat tujuan yang dicari dan jenis transportasi yang dapat ditumpangi.

4.2 Spesifikasi Pengguna

Aplikasi mobile peta ini ditujukan untuk digunakan oleh semua pihak yang ingin mencari rute transportasi umum dan mengetahui jenis transportasi apa yang dapat digunakan untuk mencapai tempat tujuan.

4.3 Tampilan Aplikasi

Tampilan dari aplikasi ini hanya terdiri dari satu platform, yaitu dari client tampilan menggunakan alat yaitu mobile atau ponsel. Berikut ini beberapa gambar tampilan aplikasi. 32 34