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