Tujuan perancangan sistem Gambaran Umum Perancangan Sistem yang Diusulkan Perancangan Arsitektur Jaringan

60

BAB IV ANALISIS DAN PERANCANGAN SISTEM

4.1. Perancangan sistem

Perancangan Sistem adalah tahapan untuk mengambarkan sistem secara umum, menganalisis kebutuhan fungsional, penggambaran, perancangan maupun pembuatan sketsa dari sistem yang akan diusulkan sehingga mempermudah pembuatan sistem baru yang diusulkan. Hasil analisis dan perancangan tersebut dimodelkan dengan diagram UML Unified Modeling Language. Diagram tersebut digunakan untuk memodelkan aliran proses, kerja, data, struktur organisasi obyek dan pesan, serta prilaku sistem, sampai perancangan antarmuka. Pada tahapan ini nantinya akan memberikan penjelasan mengenai aplikasi pemetaan fasilitas-fasilitas umum Kota Cimahi berbasis android yang akan diusulkan. Tahapan perancangan sistem merupakan data yang telah dianalisis ke dalam bentuk yang mudah dan dimengerti oleh pemakai user.

4.1.1. Tujuan perancangan sistem

Tujuan perancangan ini sistem adalah untuk memberikan penjelasan kepada pemakai program mengenai sistem yang akan diusulkan oleh penulis. Dengan demikian pembuatan sistem ini nantinya diharapakan dapat membantu seluruh masyarakat untuk mendapatkan informasi-informasi dari fasilitas umum yang ada di Kota Cimahi yang lebih cepat dan tepat.

4.1.2. Gambaran Umum Perancangan Sistem yang Diusulkan

Sistem yang diusulkan adalah Aplikasi Pemetaan Fasilitas-fasilitas Umum Kota Cimahi Berbasis Android. Dengan menggunakan tools pendukung JAVA , MYSQL, dan Eclipse IDE sebagai bahasa pemrograman utama dalam pembuatannya. Aplikasi pemetaan fasilitas-fasilitas umum berbasis android ini dapat digambarkan sebagai bentuk sebuah aplikasi yang menyediakan informasi- informasi mengenai alamat, lokasi, ataupun denah dari fasilitas-fasilitas umum yang berada di Kota Cimahi serta semuanya dapat diakses oleh para pengguna smartphone dengan operating sistem android tanpa harus melakukan login terlebih dahulu. Dengan adanya perancangan aplikasi Pemetaan fasilitas-fasilitas umum Kota Cimahi android ini diharapkan akan memudahkan masyarakat untuk mendapatkan informasi fasilitas umum, lokasi ,alamat atau denah dimana fasilitas-fasilitas umum tersebut berada. Berikut adalah gambaran umum sistem yang diusulkan. Gambar 4.1 Gambaran Umum Perancangan Sistem Diusulkan

4.1.3. Perancangan Prosedur yang Diusulkan

Perancangan prosedur adalah merupakan tahap awal pada saat akan membuat sistem, dimana pada prosedur yang diusulkan ini dapat terlihat proses- proses yang akan dibutuhkan pada saat pembuatan system serta penggunaan sistem. Adapun prosedur yang diusulkan oleh penulis adalah sebagai berikut : Perancangan Prosedur Admin : 1. Melakukan konfigurasi software Xampp xampp-control.exe, dengan mengaktifkan Apache dan MySQL. 2. Konfigurasi database yang ada pada PhpMyAdmin, dengan menuju link, http:localhostphpmyadmin. 3. Konfigurasi Koneksi Database, pastikan file database yang ada pada folder aplikasi fasilias umum dengan nama data koneksinya adalah jamaldb.php, harus memiliki sintak database yang sama. Perancangan Prosedur User : 1. User membuka aplikasi Pemetaaan Fasilitas Umum Kota Cimahi. 2. User melakukan pencarian informasi fasilitas umum dengan memilih fasilatas apa yang hendak di cari di wilayah Kota Cimahi. 3. Hasil output merupakan informasi , mapping fasilitas yang telah ditentukan oleh user dan petunjuk jalan menuju tempat yang di tentukan.

4.1.3.1 Use case diagram

Pada Use Case Diagram yang diusulkan dibuat agar pengguna sistem paham dan mengerti mengenai sistem yang akan dibuat, berikut use case diagram sistem yang diusulkan. Gambar 4.2 Use Case Diagram sistem yang Diusulkan uc Use Case Model Server Si stem Client Sistem User Admin Aplikasi Fasilitas umum Kota cimahi Pemrosesan data Panggilan Telepon Nav igasi j alan Pengambilan data Pemrosesan Data Update data Login «extend» «extend» «include»

4.1.3.2. Skenario Use Case

Skenario Use Case digunakan untuk untuk menjabarkan alur kinerja atau step by step tiap use case melalui skenario, berikut skenario use case yang diusulkan. Table IV.1 Use Case Skenario login admin Nama use case Login admin Deskripsi Use case ini menggambarkan kegiatan login ke google play Kondisi awal Admin melakukan login ke web google play Kondisi akhir Menampilkan halaman web google play Aktor yang terlibat Admin Scenario Aksi actor Respon system 1. Memasukan data username dan password 2. autentikasi username dan pasword 3. menampilkan halaman web google Play EXCEPTIONAL CASE 1: Jika admin salah menginputkan username atau password, maka admin tidak bisa masuk ke dalam Google Play dan kembali ke menu login. Table IV.2 Use Case Skenario Upload Instaler. Nama use case Update Data Fasilitas Umum Deskripsi Use case ini menggambarkan kegiatan admin Meng- Upload Instaler.apk Kondisi awal Admin meng Upload Instaler.apk Kondisi akhir Memperbaharui data yang terupdate Aktor yang terlibat Admin Scenario Aksi aktor Respon system 1. mengupload Instaler.apk 2. memproses apk yang di upload 3. Memperbaharui data yang terupdate Tabel IV.3 Use Case Skenario Menu Utama Nama use case Melihat Informasi Fasilitas Umum Deskripsi Use case ini menggambarkan bagaimana user masuk ke menu utama aplikasi Kondisi awal Perangkat sudah terisntal pada mobile device OS android dan terhubung dengan internet Kondisi akhir Sistem menampilkan Menu utama Aktor yang terlibat User Scenario Aksi actor Respon system 1. User menjalankan aplikasi 2. Sistem melakukan loading resource database 3. Sistem menampilkan Menu Utama Tabel IV.4 Use Case Skenario Menu Informasi dan mapping Nama use case Melihat Informasi Fasilitas Umum Deskripsi Use case ini menggambarkan bagaimana user informasi beserta mapping Kondisi awal User memilih fasilitas umum Kondisi akhir Sistem menampilkan Menu informasi dan mapping Aktor yang terlibat User Scenario Aksi actor Respon system 1. User memilih Fasilitas Umum apa yang telah dikategorikan 2. System melakukan loading resoure database 3. Sistem menampilkan Informasi, beserta mapping dari fasilitas umum yang telah di pilih Tabel IV.5 Use Case Skenario Navigasi Jalan Nama use case Melihat Rute Fasilitas Umum Deskripsi Use case ini menggambarkan bagaimana user mendapatkan navigasi petunjuk jalan. Kondisi awal User Memilih Menu Dapatkan Rute Pada Menu Info Kondisi akhir Menampilkan Rute Perjalanan berdasarkan letak koordinat user Aktor yang terlibat User Scenario Aksi actor Respon system 1. User mengklik tombol dapatkan rute 2. Sistem melakukan loading resource pencarian rute kelokasi 3. Sistem akan menampilkan rute jalan kelokasi

4.1.3.3 Activity diagram

Activity diagram digunakan untuk mendokumentasikan alur kerja pada sebuah sistem. Table IV.6 Activity Diagram Skenario login admin Table IV.7 Activity Diagram update Data Fasilitas Umum act login admin sistem admin memasukan data username dan pasw ord melaukan autentifikasi username dan pasw ord Menampilkan Database Serv er act update data fasilitas umum sistem admin mengupdate database fasilitas umum memproses data yang diupload memperbaharui data yang terupdate Table IV.8 Activity Diagram Menu Utama Table IV.8 Activity Diagram Menu Informasi dan Mapping act menu utama sistem user menjalankan aplikasi melakukan loading resource ke database menampilkan menu utama act informasi dan mapping sistem user memilih fasilitas umum melakukan loading resoure database menampilkan Informasi beserta mapping dari fasilitas umum yang telah di pilih Table IV.12 Activity Diagram Navigasi Jalan

4.1.3.4 Sequences diagram

Sequence Diagram digunakan untuk menggambarkan interaksi antar objek dalam waktu yang berurutan.Tetapi pada dasarnya Sequence Diagram selain digunakan dalam lapisan abstraksi model objek, kegunaannya untuk menunjukkan rangkaian pesan yang dikirim antar object juga interaksi antara object. Sesuatu yang terjadi pada titik tertentu dalam eksekusi sistem. Komponen utama sequence diagram terdiri atas objek yang dituliskan dengan kotak segiempat bernama pesan diwakili oleh garis dengan tanda panah dan waktu yang ditunjukkan dengan proses vertikal. Berikut adalah sequence diagram yang ada pada aplikasi Pemetaaan Fasilitas Umum Kota Cimahi,yaitu: act nav igasi sistem user mengklik tombol dapatkan rute melakukan loading resource pencarian rute kelokasi menampilkan rute j alan kelokasi Gambar 4.3 Gambar 4.4 Sequence Diagram login admin Gambar 4.4 Sequence Diagram Update Data Fakultas Umum sd update adm in halaman upload database google play uploadinstaler sendinstaler update responsenotification update berhasil responsenotification update berhasil sd login admin web browser admin halaman login google play database google store open show loginusername, password sendusername, password validation responsestatus responsestatus Gambar 4.5 Sequence Diagram Menu Utama Gambar 4.6 Sequence Diagram Menu Informasi dan Mapping sd menu utama user aplikasi fasilitas umum halaman menu utama server open loadresource sendresource change querry sendresource menu utama sd menu informasi dan mapping user aplikasi pemetaan fasili tas umum kota cimahi server halaman info dan mapping reciver memili h sal ah satu fasili tas umum yang telah di kategorikan memuatresource memanggil kontak fasil itas mengi rimresource mengubah querry mengirimresource menampilkan menu informasi dan mapping sambungan telepon Gambar 4.7 Sequence Diagram Navigasi Jalan 4.1.3.5.Deployment Diagram Deployment diagram menampilkan rancangan fisik software dan hardware apasaja yang digunakan dan dibutuhkan dalam proses pengembangan sistem. Diagram deployment system dapat dilihat pada gambar di bawah ini. Gambar 4.8 Gambar Deployment Diagram sd menu nav igasi user apl ikasi pemetaan umum kota ci mahi hal aman navigasi server menekan tombol dapatkan rute l oad resource sendresource change querry sendresource menampi l kan rute j alan deployment Use Case Model «device» Google Serv ice «device» Handphone Android «device» Serv er OS 4.1.1 ICS Fasilitas Umum Kota Cimahi.apk GPS Google Maps Memory 512Mbinternal OS Window s 7 Eclipse IDE PHPmyAdmin j amal.db intel i3 HDD 360Gb Memory 2Gb DDR3

4.1.3.6. Class Diagram

Class diagram digunakan untuk menampilkan kelas-kelas dan paket-paket di dalam system. Class diagram memberikan gambaran system secara statis dan relasi antar mereka. Biasanya, dibua beberapa class diagram untuk system tunggal. Beberapa diagram akan menampilkan subset dari kelas-kelas dan relasinya. Dapat dibuat beberapa diagram sesuai dengan yang diinginkan untuk mendapatkan gambaran lengkap terhadap system yang dibangun. Gambar 4.9 Gambar Class Diagram class j amaldasw ara Activi ty CallActiv ity ~ buttonCall : Button ~ phone: String ~ textPhone: TextView - init : voi d onCreateBundle : voi d Activity InfoDetailActiv ity ~ btnNav: Button ~ btnPhone: Button ~ connector: HttpConnector ~ detai l: InfoDetail = nul l - di alog: ProgressDialog ~ hasi lGetData: Stri ng ~ idInfoDetai l: Stri ng ~ infoDetai l: ListInfoDetail = nul l ~ infoParser: InfoDetai lParser = new InfoDetai lP... ~ lati tude: float ~ lm: LocationManager ~ longi ntude: fl oat - mMap: GoogleMap ~ nama: Stri ng starting_point_lat: String starting_point_long: String ~ tvAlamat: TextView ~ tvJam: TextView ~ tvNama: T extVi ew ~ tvPhone: TextView - getDataString : String - init : void onCreateBundle : void Li stActivity ListInfoActiv ity ~ connector: HttpConnector - data: VectorRowData ~ dataIdKategori: String - dialog: ProgressDi al og ~ hasilGetData: String ~ indexPosition: int ~ li atInfoParser: InfoParser = new InfoParser ~ li stInfo: Li stInfoBeans = null ~ menu: String - myInflater: LayoutInflater ~ notify: Al ertDialog.Buil der ~ rd: RowData - getDataString : Stri ng - onActi onString : void onActi vityResultint, int, Intent : voi d onCreateBundle : voi d onLi stItemCl ickLi stView, Vi ew, int, long : void ListActi vity MainMenu - data: VectorRowData ~ dataAl l: Stri ng ~ indexPosition: int ~ kategori: ListKategori = null ~ kategoriParser: Kategori Parser = new KategoriParser ~ menu: String - myInflater: LayoutInflater ~ notify: Al ertDialog.Buil der ~ rd: RowData - onActi onString : void onActi vityResultint, int, Intent : voi d onCreateBundle : voi d onLi stItemCl ickLi stView, Vi ew, int, long : void Locati onListener MyLocationListener - getAppl icati onContext : Context isRouteDisplayed : boolean + onLocationChangedLocati on : voi d + onProviderDi sabl edString : void + onProviderEnabledString : void + onStatusChangedString, int, Bundle : voi d Acti vity SplashScreen ~ connector: HttpConnector ~ dataAl l: String - i ntent: Intent - getAllCategory : String onCreateBundl e : void

4.1.3.7. Component Diagram

Component diagram dirancang untuk memodelkan hubungan fisik antara modul fisik dari kode. Diagram ini bila dikombinasikan dengan diagram penyebaran dapat digunakan untuk menggambarkan distribusi fisik dari modul perangkat lunak melalui jaringan. Gambar 4.10 Gambar Component Diagram

4.1.4. Perancangan Antar Muka

Perancangan antar muka merupakan penggambaran tampilan yang digunakansecara langsung oleh pengguna, interaksi yang dapat dilakukan oleh pengguna dalam sistem. Adapun dalam antar muka ini terdapat beberapa bagian yang harus dilakukan,yaitu dari mulai menentukan struktur menu yang ada dalam program, tampilan inputdan output pada setiap fungsi yang telah ditentukan, diuraikan sebagai berikut. cmp edu.skripsi.j amal MainActiv ity InfoDetailActiv ity ListInfoActiv ity CallActiv ity LocationListener Fasilitas Umum.apk

4.1.4.1 Struktur Menu

Struktur menu aplikasi pemetaan fasilitas-fasilitas umum Kota Cimahi berbasis android.s Gambar 4.11 Struktur Menu aplikasi pemetaan fasilitas umum Kota Cimahi berbasis android

4.1.4.2. Perancangan User Interface

Perancangan ini merupakan rancangan antar muka interface halaman aplikasi yang di usulkan dari aplikasi pemetaan fasilitas umum Kota Cimahi pada mobile device oprating system android. 1. Tampilan Menu Utama Gambar dibawah ini merupakan tampilan menu utama aplikasi Pemetaan Fasilitas-fasilitas Umum berbasis android. Berisi tentang daftar fasilitas umum telah diklasifikasikan kedalam kategori fasilitas umum. Nama Dialog Screen : Menu Utama Fungsi : Digunakan untuk menampilkan menu M enu Ut ama M enu Informasi dan M apping M enu Navigat or M enu Panggilan t elef on Gambar 4.12 Tampilan Menu Utama. 2. Tampilan Menu Informasi dan Mapping Gambar dibawah ini merupakan tampilan menu Informasi dan Mapping aplikasi Pemetaan Fasilitas-fasilitas Umum berbasis android. Berisi tentang informasi informasi dari fasilitas umum yang telah dipilih pada menu utama. utama pemilihan fasilitas yang hend ak di cari Bentuk : List view Fasilitas Umum Kota Cimahi  SEKOLAH  RUMAH SAKIT  KANTOR POLISI  TERMINAL  STASIUN Fasilits umum kota cimahi SMA Negeri 1 Cimahi SMA Negeri 2 Cimahi SMA Negeri 3 Cimahi SMA Negeri 1 Cimahi SMK PASUNDAN 2 SMK PASUNDAN 3 Uraian Penggunaan : 1. User dapat memilih fasilitas umum yang telah di kategorikan. Gambar 4.13 Tampilan Menu Informasi dan Mapping. 3. Tampilan Menu Navigasi Gambar dibawah ini merupakan tampilan menu Informasi dan Mapping aplikasi Pemetaan Fasilitas-fasilitas Umum berbasis android. Berisi akses petunjuk jalan menuju fasilitas umum yang telah dipilih sebelumnya dari global posisitioning system GPS yang di pancarkan mobile device yang di gunakan oleh user. Nama Dialog Screen : Menu Informasi dan Mapping Fungsi : Digunakan untuk menampilkan informasi fasilitas umum beserta gambaran berbentuk peta Bentuk : Text view dan mapping Informasi dan Mapping Nama : Alamat: Telepon: MAPPING Uraian Penggunaan : 2. User dapat melihat informasi fakultas umum yang telah dipilih dalam menu utama sebelumnya, melakukan panggilan telepon dari info kontak telepon serta menampilkan rute menu fasilitas umum tang di maksud. Call Tampilkan rut e Gambar 4.14 Tampilan Menu Navigasi

4.1.5. Perancangan Arsitektur Jaringan

Adapun kebutuhan untuk mendukung jaringan ini adalah : 1. User, pengguna yang memakai aplikasi 2. Smartphone Android, lebih dikenal sebagai perangkat keras yang sering digunakan untuk komunikasi pada mobile dengan internet. 3. Internet ,untuk akses memperoleh database fasilitas umum. Nama Dialog Screen : Menu Informasi dan Mapping Fungsi : Digunakan untuk menampilkan rute menuju lokasi fasilitas umum Bentuk : mapping Navigasi NAVIGASI JALAN MENUJU FASILITAS UMUM Uraian Penggunaan : 1. User dapat melihat petunjuk jalan menuju lokasi fakultas umum yang telah ditentukan.

4. Server, penyimpanan database informasi Fasilitas umum .

INTERNET Android USER SERVER Gambar 4.15 Arsitektur Jaringan 81

BAB V IMPLEMENTASI DAN PENGUJIAN PROGRAM

Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan diimplementasikan pada bahasa pemrograman. Setelah implementasi maka dilakukan pengujian terhadap sistem yang baru dan akan dilihat kekurangan-kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.

5.1. Implementasi

Implementasi adalah suatu bentuk kegiatan yang merupakan rangkaian lanjutan dari kegiatan perancangan perangkat lunak. Implementasi dimaksudkan sebagai usaha untuk mewujudkan hasil dari perancangan perangkat lunak. Hasil ini berarti hasil dari kegiatan rangkaian implementasi perancangan perangkat lunak adalah proses aplikasi yang telah dibuat dan sudah dapat digunakan serta berfungsi dengan baik. Jadi secara garis besar implementasi merupakan proses penerapan rancangan program yang telah dibuat pada bab sebelumnya atau aplikasi dalam melaksanakan sisten informasi pemograman yang dibuat.