BAB IV ANALISIS DAN PERANCANGAN. tujuannya. Sistem aplikasi ini di beri nama Prototype Aplikasi Indomaret

Transkripsi

1 BAB IV ANALISIS DAN PERANCANGAN Analisis dan perancangan sistem memerlukan tahapan yang sistematis untuk mendapatkan aplikasi yang baik dan sesuai dengan kegunaan dan tujuannya. Sistem aplikasi ini di beri nama Prototype Aplikasi Indomaret Shopping Advisor and Financial Planner Analisis Sistem Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan, sehingga dapat sesuai dengan kebutuhan Analisis Masalah Berdasarkan penelitian di lapangan, customer sedikit kesulitan berbelanja dengan hemat dan sesuai dengan kebutuhan, dan juga ekonomi yang makin hari makin merosot membuat masyarakat gerah sehingga penulis berfikir bagaimana membuat sebuah perencanaan keuangan dengan memanfaatkan gadget mobile (android) yang ada. Oleh sebab itu, solusi yang di tawarkan adalah dengan membangun bangun sistem berbasis android yang dapat membuat daftar belanja dengan smart dan hemat serta dapat membuat perencanaan keuangan yang 102

2 103 sederhana yang tujuan utamanya untuk mengontrol keuangan para customer sehingga diharapkan dapat meningkatkan perekonomian dan taraf hidup masyarakat. Pemilihan Android sebagai platform dasar agar dapat menjalankan semua fitur aplikasi secara lengkap menggantikan mobile browser. Tren gadget di indonesia juga saat ini tengah meroket baik smartphone ataupun tablet yang berbasis android, hal ini dapat menjadi sebuah solusi dari permasalahan yang terjadi, masyarakat dapat memanfaatkan android sebagai alat untuk membuat perencanaan keuangan (financial advisor) serta shoping advisor Perancangan Sistem Perancangan adalah suatu bagian dari metodologi pengembangan pembangunan suatu perangkat lunak yang dilakukan setelah tahapan untuk memberikan gambaran secara terperinci. Berdasarkan uraian diatas perancangan sistem merupakan tahapan dari siklus pengembangan sistem yang didefinisikan dari kebutuhan-kebutuhan fungsional dan persiapan untuk rancang bangun implementasi yang menggambarkan bagaimana suatu sistem dibentuk, yang dapat berupa penggambaran, perancangan, dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi, juga menyangkut konfigurasi dari komponen-komponen perangkat keras dan perangkat lunak dari suatu sistem.

3 Tujuan Perancangan Sistem Analisis kebutuhan merupakan penjelasan mengenai fitur-fitur yang akan dimasukan ke dalam aplikasi. Fitur-fitur tersebut antara lain sebagai berikut: 1. Mampu membuat sistem yang dapat memberikan saran (advice) kepada user sehingga dapat berbelanja dengan smart dan hemat. 2. Mampu membuat sebuah perencanaan keuangan (financial planner) sederhana. 3. Mampu menampilkan chart (grafik) dari planner 4. Mampu menampilkan promo terbaru dari indomaret Gambaran Umum Sistem yang Diusulkan Pembuatan Prototype Aplikasi Indomaret Shopping Advisor and Financial Planner yang akan dibuat diharapkan dapat memberikan saran (advice) kepada user sehingga dapat berbelanja dengan smart dan hemat, membuat perencanaan keuangan sederhana, serta melihat promo-promo terbaru yang akan diterapkan pada smartphone android Perancangan Sistem yang Diusulkan Proses perancangan ini merupakan tahap awal dari perancangan Prototype Aplikasi Indomaret Shopping Advisor and Financial Planner yang dilakukan sebagai pemecahan masalah yang ada pada proses aplikasi ketika digunakan.

4 105 Pemodelan dan perancangan sistem dimodelkan dengan menggunakan UML (Unified Modeling Language). Tahap-tahap pemodelan dalam analisis tersebut antara lain Usecase diagram, Class Diagram, Activity Diagram, Sequence Diagram, Collaboration Diagram, Component Diagram dan Deployment Diagram Use Case Diagram System promo <<include>> <<include>> promo detail store location user admin shoping advisor financial planning <<extend>> graph Gambar 4.1 Use Case Diagram Prototype Aplikasi Indomaret Shopping Advisor and Financial Planner

5 106 Definisi Actor Bisa dibuat dalam bentuk table berikut: Tabel 4.1 Definisi Actor No Actor Deskripsi 1 User Actor dapat menjalankan menu yang ada pada aplikasi sperti menu Advisor, Planner, Graph, dan Promo. 2 Admin Admin mengelola basis data yang di simapn di web server Skenario Use Case No Use Case : 01 Nama Use Case : promo Skenario : Tabel 4.2 Tabel Sekenario Promo Aksi Aktor 1. Admin memasukan data barang promo 3. User memilih menu promo 5. Memilih promo 7. Melihat lokasi promo Reaksi Sistem 2. Menyimpan barang promo 4. Menampilkan promo 6. Menampilkan detail promo 8. Menampilkan lokasi

6 107 No Use Case : 02 Nama Use Case : advisor Skenario : Tabel 4.3 Sekenario menu advisor AksiAktor 1. Admin mengelola data barang dan promo 3. Memilih menu advisor 5. Memasukan list barang 6. Menekan button get advice 8. Menyimpan advice dan melihat lokasi indomaret terdekat ReaksiSistem 2. Menyimpan data barang 4. Menampilkan halaman awal advisor 7. Menampilkan advice barang 9. Menampilkan peta No Use Case : 3 Nama Use Case : planner Skenario :

7 108 Tabel 4.4 Sekenario Menu Planner AksiAktor 1. Memilih menu planner 3. Mengisi form planner ReaksiSistem 2. Menampilkan tampilan awal planner 4. Menghitung planner 5. Menampilkan hasil dari perhitungan 6. Menampilkan Grafik No Use Case : 04 Nama Use Case : graph Skenario : Tabel 4.5 Sekenario Menu Graph AksiAktor 1. Memilih menu graph ReaksiSistem 2. Mengambil data dari hasil perhitungan planner 3. Menampilkan grafik

8 Activity Diagram user system admin open apps save promo data manage promo data show promo select promo show promo detail Show Map Location Gambar 4.2 Activity Diagram Promo

9 110 user system admin select advisor menu show advisor main screen add shoping list manage product data select get advice button get advice see advice Gambar 4.3 Activity Diagram Advisor

10 111 user system select planning menu Show Planning screen Input Planning show Plan Calculate Show Graph Gambar 4.4 Activity Diagram Planner

11 112 user system select graph menu get transaction data see graph show graph Gambar 4.5 Activity Diagram Graph

12 Class Diagram Main +oncreate() PromoActivity #str_result: String -malistviewperso: ListView -con: connectserver -jsonobj: JSONObject -menuitem: JSONArray #handler: Handler +oncreate() +onclick() +searchproductbyid() +setlist() +onitemclick() PromoDetail +oncreate() GraphActivity +oncreate() +onclick() RekapitulasiActivity +getdata() PlannerActivity +oncreate() +onclick() GeneralPlannerActivity +getdata() +oncreate() +hitungpengeluaran() connectserver +base_url: String -namespace: String -api: String +connectserver() +getbaseurl() +setnamspace() +getnamspace() +setapi() +getjsonarr() +getjsonobj() +requesthttp() +writejson() +makerequest() AdvisorActivity +oncreate()() +onclick() AdvisorAddActivity -con: connectserver -jsonobj: JSONObject -menuitem: JSONArray +adapter: ListViewAdapter +pdialog: ProgressDialog +list_barang: Spinner +list_barang2: ListView +jenis_barang: Vector<String> +list_item: Vector <String> +oncreate() +onclick() +setspinnerbarang() #onpreexecute() #doinbackground() #onpostexecute() AdvisorAdviceActivity +oncreate() AdvisorMapActivity +oncreate() +isroutedisplayed() Gambar 4.6 Class Diagram Prototype Aplikasi Indomaret Shopping Advisor and Financial Planner

13 Sequence Diagram : user Main PromoActivity connectserver SERVER 1 : oncreate() 2 : oncreate() 3 : requestlist() 4 : connectserver : HTTP() 6 : getjsonobject() 7 : data() 5 : otentification() 9 : Result : PromoList() 8 : setlist() Gambar 4.7 Sequence Diagram Promo

14 115 : user Main PlannerActivity GeneralPlanner DBTransaksi 1 2 : oncreate() 3 : oncreate() 4 : getdate() 5 : insert() 6 7 : Result Data Gambar 4.8 Sequence Diagram Planner

15 116 Main AdvisorActivity AdvisorAddActivity AdvisorAdviceActivity AdvisorMapActivity connectserver SERVER : user 1 2 : oncreate() 3 : oncreate() 4 : connectserver() 5 : setapi() 6 : requesthttp() 7 : writejson() 8 : getjsonobj() 10 : JSON Data 9 : JSON Data 11 : setspinerbarang() 12 : Result :Data Barang 13 : onclick() 14 : getadvice() 15 : getlocation() Gambar 4.9 Sequence Diagram Advisor

16 117 Main GraphActivity DBTransaksi : user 1 2 : oncreate() 3 : getdata() 4 : Data 5 : showgraph() Gambar 4.10 Sequence Diagram Graph

17 Collaboration Diagram setlist 7 : promolist PromoActivity : user 2 : oncreate() 1 : oncreate() 3 : requestlist() 6 : getjasonobj() +autentification Main connectserver 4 : connectserver() SERVER 5 : data Gambar 4.11 Collaboration Diagram Promo 1 : oncreate() Main 2 : oncreate() PlannerActivity : user 5 : Result() 3 : oncreate() getdate GeneralPlannerActivity 4 : insert() DBTransaksi Gambar 4.12 Collaboration Diagram Planner

18 119 setapi connectserver : user 8 : JSONData 1 9 : Data Barang 5 : requesthttp() 6 : getjsonobj() Main 7 : JSON Data 4 : connectserver() 2 : oncreate() 3 : oncreate() +setspinnerbarang writejson AdvisorActivity AdvisorAddActivity SERVER Gambar 4.13 Collaboration Diagram Advisor 1 : oncreate() Main : user 5 : showgraph() 2 : oncreate() GraphActivity 3 : getdata() Object3 4 : Data() Gambar 4.14 Collaboration Diagram Graph

19 Component Diagram XML Google API class PHP Web Server MYSQL Database Resource Gambar 4.15 Component Diagram Prototype Aplikasi Indomaret Shopping Advisor and Financial Planner

20 Deployment Diagram Android App class XML HTTP Google Server Google API Resource HTTP Server PHP Web Server MYSQL Database Gambar 4.16 Deployment Diagram Prototype Aplikasi Indomaret Shopping Advisor and Financial Planner

21 Perancangan Antar Muka Perancangan interface adalah bagian yang penting dalam membangun sebuah aplikasi. Perancangan dilakukan untuk menggambarkan, merencanakan, dan membuat sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan yang utuh dan berfungsi. Perancangan ini merupakan hasil transformasi dari analisa ke dalam perancangan yang nantinya akan di implementasikan. Hal penting yang menjadi perhatian pada perancangan adalah bahwa rancangan yang dibuat diharapkan dapat digunakan dengan mudah oleh semua pengguna smartphone android. Tidak hanya seorang ahli dalam memainkan aplikasi android saja yang dapat menggunakan aplikasi ini, namun orang awam pun dengan mudah dapat memainkannya. Selain itu beberapa hal yang harus diperhatikan antara lain adalah kinerja program yang baik dalam mengoperasikan aplikasi yang dibuat Struktur Menu Pada perancangan struktur menu Aplikasi Berat Badan Ideal memiliki 6 menu utama diantaranya menu Advisor, Planner, Transaction, Graph, dan Promo

22 123 Gambar 4.17 Rancangan Struktur Menu Aplikasi Perancangan Input Perancangan input merupakan rancangan yang menggambarkan konversi data mentah menjadi output contoh Kegiatan input yang dilakukan dalam sistem ini adalah

23 124 Gambar 4.18 Rancangan Menu Planner Perancangan Output Perancangan output atau keluaran merupakan hal yang tidak dapat diabaikan, karena keluaran yang dihasilkan harus memudahkan bagi setiap unsur manusia yang membutuhkannya.

24 125 Gambar 4.19 Perancangan Output Advice Gambar 4.20 Perancangan Output Grafik

25 126 Gambar 4.21 Rancagan Output Map Indomaret Gambar 4.22 Rancangan Output Promo