BAB IV ANALISIS DAN PERANCANGAN SISTEM
4.1
Analisis Sistem yang Berjalan Tahapan yang diperlukan didalam pembuatan suatu aplikasi yaitu
menganalisa sistem yang telah ada mengenai kelebihan dan kekurangan sistem. Dimana menurut Jogiyanto (2005 : 129), analisis sistem merupakan penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya dengan maksud untuk mengidentifikasikan dan mengevaluasi permasalahanpermasalahan, kesempatan-kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikanperbaikannya. 4.1.1
Analisis Kebutuhan Perancangan aplikasi ini dimaksudkan sebagai sarana untuk memberikan
informasi mengenai bengkel AHASS, Service, Suku cadang, Promosi dan Produk yang berada pada PT. Anugrah Mandiri Motor, agar konsumen dapat mengetahui keberadaan bengkel AHASS di sekitarnya. Dan informasi tentang bengkel AHASS, Service, Suku cadang, Promosi dan Produk lebih jelas dan akurat.
61
62
4.1.2
Analisis Prosedur yang sedang Berjalan Untuk menentukan kebutuhan dari pengguna yaitu dengan cara
menganalisis sistem yang sedang berjalan, kemudian mengevaluasinya. Adapun hasil dari proses analisis sistem pencarian bengkel AHASS yang sedang berjalan adalah sebagai berikut : 1. Proses permintaan service dilakukan oleh konsumen langsung kepada bagian admin 2. Bagian admin langsung menanyakan kepada konsumen mengenai kebutuhan service dan admin langsung mencatat kebutuhan service tersebut, kemudian memberikan faktur service yang sudah dicatat kepada konsumen. Jika konsumen ingin tahu tentang suku cadang yang diminta, konsumen harus menanyakan kepada bagian admin. 3. Admin akan mencari suku cadang yang diminta oleh konsumen, kemudian memberikan informasi suku cadang tersebut kepada konsumen. 4. Admin memberikan faktur kebutuhan service kepada montir dan montir akan langsung mengerjakan sesuai kebutuhan service yang dicatat. 5. Untuk mengetahui promosi yang sedang berjalan pada bengkel tersebut, konsumen harus meminta informasi kepada supervisor tentang promosi dan detail promosi yang sedang berjalan. 6. Untuk mengetahui produk kendaraan dan spesifikasi kendaraan yang berada dibengkel tersebut, konsumen juga harus menanyakan kepada supervisor ataupun dengan cara meminta brosur produk.
63
4.1.2.1 Use Case Diagram Berikut ini adalah diagram use case yang menggambarkan proses utama dari sistem yang sedang berjalan :
P er mintaan Ser vice
<
> <<extend>> <>
M enginputkan Kebutuhan Ser vice
M ember ikan Faktur Ser vice
Admin M eminta Infor masi Suku C adang
Konsumen
M ember ikan faktur kebutuhan Ser vice M eminta Infor masi P r omosi
Montir
<> M eminta Infor masi P r oduk
Supervisor
(Gambar 4.1, UseCase Diagram Sistem yang sedang Berjalan)
64
Skenario Use Case Sistem yang sedang Berjalan
No Use Case
: 01
Nama Use Case
: Permintaan Service
Skenario
: Tabel 4.1 Skenario Permintaan Service Aksi Aktor
Reaksi Sistem
1. Meminta service 2. Menanyakan kebutuhan service 3. Memberikan informasi yang akan di service 4. Mencatat kebutuhan service 5. Meminta informasi suku cadang 6. Memberikan informasi suku cadang 7. Menerima informasi suku cadang 8. Memberikan faktur service 9. Menerima faktur service
65
No Use Case
: 02
Nama Use Case
: Memberikan faktur kebutuhan service
Skenario
:
Tabel 4.2 Skenario Memberikan faktur kebutuhan service Aksi Aktor
Reaksi Sistem
1. Memberikan faktur kebutuhan service 2. Menerima faktur kebutuhan service 3. Menyiapkan suku cadang kebutuhan service 4. Melakukan service 5. Menerima faktur hasil service
66
No Use Case
: 03
Nama Use Case
: Meminta Informasi Promosi
Skenario
: Tabel 4.3 Skenario Meminta Informasi Promosi Aksi Aktor
Reaksi Sistem
1. Meminta informasi promosi 2. Memberikan informasi promosi 3. Menerima informasi promosi 4. Menanyakan informasi produk 5. Memberikan informasi produk 6. Menerima informasi produk
67
4.1.2.2 Activity Diagram Berikut ini adalah activity diagram yang menggambarkan aktivitas yang terjadi dalam sistem yang berjalan, diagram ini menjelaskan detail dari proses use case sebelumnya.
Konsumen
Meminta service
Admin
Menanyakan kebutuhan service
Memberikan informasi yang akan di service Mencatat kebutuhan service Meminta informasi suku cadang Memberikan informasi suku cadang Menerima informasi suku cadang Memberikan faktur service
Menerima faktur service
(Gambar 4.2, Activity Diagram Permintaan service yang sedang Berjalan)
68
Admin
Montir
Memberikan faktur kebutuhan service
Menerima faktur kebutuhan service
Menyiapkan suku cadang kebutuhan service
Melakukan service
Menerima faktur hasil service
(Gambar 4.3, Activity Diagram Memberikan faktur kebutuhan service yang sedang Berjalan)
69
Konsumen
Supervisor
Meminta informasi promosi
Memberikan informasi promosi
Menerima informasi promosi
Menanyakan informasi produk
Memberikan informasi produk
Menerima informasi produk
(Gambar 4.4, Activity Diagram Meminta Informasi Promosi yang sedang Berjalan)
70
4.1.3
Evaluasi Sistem yang Berjalan Melihat dari sistem yang sedang berjalan, bahwa kegiatan dari proses
AHASS, Service, Suku Cadang, Promosi dan Produk masih memiliki kekurangan dan kelemahan, antara lain sebagai berikut :
Tabel 4.4 Evaluasi Sistem yang sedang Berjalan No 1
Masalah Informasi bengkel
lokasi
Pemecahan Masalah suatu Akan dibuatkan aplikasi menu pencarian
tidak disampaikan bengkel
kepada konsumen.
dengan
menampilkan
baik
lokasi, gambar AHASS, alamat lengkap dan kode bengkel AHASS
2
Konsumen tidak diberitahu Akan dibuatkan menu service dengan tentang kategori service dan menampilkan kisaran
biaya
Jika
konsumen
service
dan
service kisaran biaya service berikut juga dengan
perkategori. 3
kategori
list service perkategori. ingin Akan dibuatkan aplikasi menu mengenai
mengetahui bentuk dan harga detail suku cadang dengan detail gambar suku cadang, konsumen harus dan harga suku cadang. menanyakan ke bagian admin. 4
Promosi yang dilakukan oleh Akan dibuatkan aplikasi menu mengenai
71
bengkel
masih
berupa bengkel
yang
sedang
mengadakan
pemasangan spanduk disekitar promosi, berikut dengan lokasi promosi bengkel
atau
dengan dan detail promosi.
selembaran promosi. 5
Informasi
produk
kendaraan
terbaru Akan dibuatkan aplikasi menu produk mengenai berupa spesifikasi produk dan harga
spesifikasi dan harga masih produk. berupa
selebaran
kertas
ataupun berupa spanduk.
72
4.2 Perancangan Sistem Perancangan sistem bertujuan untuk menspesifikasikan aspek-aspek teknik yang menjadi solusi dalam perencanaan. Pada tahap ini perancangan akan didefinisikan secara detail untuk mengatasi masalah-masalah yang lebih teknis, berkaitan dengan kegiatan implementasi seperti tujuan perancangan, gambaran umum sistem, perancangan sistem yang di usulkan dan perancangan antarmuka. 4.2.1
Tujuan Perancangan Adapun tujuan dari perancangan aplikasi pencarian lokasi bengkel,
service, suku cadang, promosi dan produk pada bengkel AHASS ialah : 1. Untuk mengetahui informasi lokasi bengkel, service, suku cadang, promosi dan produk pada suatu bengkel AHASS disampaikan kepada konsumen. 2. Untuk membuat perancangan aplikasi pencarian lokasi bengkel, service, suku cadang, promosi dan produk pada bengkel AHASS. 3. Untuk mengetahui implementasi aplikasi pencarian lokasi bengkel, service, suku cadang, promosi dan produk pada bengkel AHASS. 4. Untuk mengetahui analisis dan pengujian aplikasi pencarian lokasi bengkel, service, suku cadang, promosi dan produk pada bengkel AHASS. 4.2.2
Gambaran Umum Sistem
Data
Data
Aplikasi Mobile
Web Service Data Base Server
(Gambar 4.5, Gambaran Umum Sistem)
73
1. Aplikasi Mobile Apliaksi Mobile dalam hal ini merupakan analisis fungsional aplikasi untuk mengakses data dari data base server melalui web service. Aplikasi ini dibangun diatas platform Android dan bekerja dengan memparsing data dari web service yang bertipe JSON untuk diolah pada platform Android 2. Web Service Web Service pada penelitian ini berfungsi sebagai jembatan antara aplikasi mobile dengan data base server. Cara kerja web service ini yaitu dengan mengambil data dari data base server dan kemudian mengkonversikan data tersebut ke format pertukaran data JSON. 3. Protokol HTTP Protokol HTTP merupakan protokol lapisan jaringan aplikasi yang digunakan
untuk
sistem
informasi
terdistribusi,
kolaboratif
dan
menggunakan hypermedia. Dalam penelitian ini protocol HTTP digunakan sebagai protokol yang dapat mendistribusikan data dari data base server.
74
4.2.3
Perancangan Prosedur Diusulkan
4.2.3.1 UseCase Diagram
M emilih Infor masi P r oduk
System
M emilih A H A SS
<> <> <> User
Info Kategor i ser vice
info suku cadang
Detail Lokasi A H A SS
M emilih P r omosi
<>
Detail P r omosi
<> Detail Lokasi
(Gambar 4.6, UseCase Diagram yang Diusulkan)
Admin
75
No. Use Case
: 01
Nama Use Case
: Memilih Informasi Produk
Skenario
: Tabel 4.5, Skenario Memilih Informasi Produk Aksi Aktor
Reaksi Aplikasi
1. Admin Mengelola Data Produk 2. Menyimpan Data Produk 3. Memilih Menu Produk 4. Menampilkan list Produk 5. Memilih Absolute Revo CW 6. Menampilkan detail Absolute Revo CW 7. Memilih BeAT CW 8. Menampilkan detail BeAT CW 9. Memilih CB150R StreetFire 10.
Menampilkan
detail
CB150R
StreetFire 11. Memilih New Blade Racing Edition 12. Menampilkan detail New Blade Racing Edition 13. Memilih New Mega Pro CW 14. Menampilkan detail New Mega Pro CW 15. Memilih Scoopy FI 16. Menampilkan detail Scoopy FI 17. Memilih CBR 250 18. Menampilkan detail CBR 250
76
No. Use Case
: 02
Nama Use Case
: Memilih AHASS
Skenario
: Tabel 4.6, Skenario Memilih AHASS Aksi Aktor
Reaksi Aplikasi
1. Admin Mengelola Data AHASS 2. Menyimpan Data AHASS 3. Memilih Menu AHASS 4. Menampilkan Nama-nama AHASS 5. Memilih Pilihan AHASS 6. Menampilkan Profil AHASS 7. Memilih lokasi .
8. Menampilkan detail Lokasi AHASS 9. Memilih Suku Cadang 10. Menampilkan list Suku Cadang 11. Memilih pilihan Suku Cadang 12. Menampilkan detail Suku Cadang 13. Memilih Service 14. Menampilkan Detail Service
77
No. Use Case
: 03
Nama Use Case
: Memilih Promosi
Skenario
: Tabel 4.7, Skenario Memilih Promosi Aksi Aktor
Reaksi Aplikasi
1. Admin Mengelola Data Promosi 2. Menyimpan Data Promosi 3. Memilih Menu Promosi 4. Menampilkan Promosi 5. Memilih Pilihan Promosi 6. Menampilkan Detail Promosi 7. Memilih Lokasi 8. Menampilkan detail Lokasi Promosi
78
4.2.3.2. Activity Diagram 1. Produk Activity Diagram User
Sistem
Memilih Menu Produk
Menyimpan Data Produk
Admin
Mengelola Data Produk
Menampilkan List Produk Memilih Absolute Revo CW Menampilkan detail Absolute Revo CW Memilih BeAT CW Menampilkan detail BeAT CW Memilih CB150R StreetFire Menampilkan detail CB150R StreetFire Memilih New Blade Racing Edition Menampilkan detail New Blade Racing Edition Memilih New Mega Pro CW Menampilkan detail New Mega Pro CW Memilih Scoopy FI Menampilkan detail Scoopy FI Memilih CBR 250 Menampilkan detail CBR 250
(Gambar 4.7, Activity Diagram Produk yang Diusulkan)
79
2. AHASS Activity Diagram User
Memilih Menu AHASS
Sistem
Menyimpan Data AHASS
Admin
Admin Mengelola Data AHASS
Menampilkan Nama-nama AHASS Memilih Pilihan AHASS Menampilkan Profil AHASS Memilih Lokasi Menampilkan detail Lokasi AHASS Memilih Suku Cadang Menampilkan list Suku Cadang Memilih pilihan Suku Cadang Menampilkan detail Suku Cadang Memilih Service Menampilkan Detail Service
(Gambar 4.8, Activity Diagram AHASS yang Diusulkan)
80
3. Promosi Activity Diagram User
Memilih Menu Promosi
Sistem
Menyimpan Data Promosi
Admin
Mengelola Data Promosi
Menampilkan Promosi
Memilih Pilihan Promosi
Menampilkan Detail Promosi
Melihat Lokasi
Menampilkan detail Lokasi Promosi
(Gambar 4.9, Activity Diagram Promosi yang Diusulkan)
81
4.2.3.3. Class Diagram
AndroidDashboardDesignActivity
AHASSActivity +KEY_TITLE +KEY_PRICE +KEY_DEC +KEY_LAT +KEY_LONG +adapter +con +intent +jsonObj +maListViewPerso +menuItem
+onCreate()
ItemMaps
+onCreate() +searchProductByID() +seList()
+onCreate() +isRouteDisplayed() Service
SparePart
ProdukActivity +KEY_TITLE +KEY_PRICE +KEY_DEC +KEY_LAT +KEY_LONG +adapter +con +intent +jsonObj +maListViewPerso +menuItem
PromoDetail +onCreate() +getDrawablefromURL()
+onCreate() +searchProductByID() +setList()
+KEY_TITLE +KEY_PRICE +KEY_DEC +KEY_LAT +KEY_LONG +adapter +con +intent +jsonObj +maListViewPerso +menuItem
+KEY_TITLE
+onCreate() +searchProductByID() +setList()
+onCreate() +setList()
+KEY_PRICE +KEY_DEC +KEY_LAT +KEY_LONG +adapter +con +intent +jsonObj +maListPerso +menuItem
PromoActivity +KEY_TITLE +KEY_PRICE +KEY_DEC +KEY_LAT +KEY_LONG +adapter +con +intent +jsonObj +maListPerso +menuItem +onCreate() +searchProductByID() +setList()
(Gambar 4.10, Class Diagram)
connectServer +api +base_url +getBaseUrl() +setApi() +getApi() +getJsonObj() +requestHTTP() +writeJSON()
82
4.2.3.4 Sequence Diagram 1. Produk Sequence Diagram
menu : AndroidDashboardDesignActivity
Produk : ProdukActivity
server : connectServer
SERVER
: USER 1 : onCreate() 2 : Select Product
3 : onCreate()
4 : searchProduct
5: <> 6 : setApi() 7 : getApi() 8 : getBaseUrl() 9 : requestHTTP() 10 : Query 11 : Hasil Query 12 : writeJSON() 13 : getJsonObj() 14 : Data Product 15 :<<destroy>>
16 : seList() 17 : Detail Prodct
(Gambar 4.11, Produk Sequence Diagram)
83
2. AHASS Sequence Diagram
Main menu : AndroidDashboardDesignActivity
SearchActivity
Maps
SparePart
Service
connectServer
Server
: USER 1 : onCreate() 2 : Select Search Item
3 : onCreate()
4 : Form searchItem() 5 : Nama AHASS() 6 : searchAHASS() <> 7 8 : setApi() 9 : getApi() 10 : getBaseUrl() 11 : requestHTTP() 12 : Query 13 : Hasil Query 14 : writeJson() 15 : getJsonObj()
16 : DataAHASS <<destroy>> 17 19 : ListAHASS()
20 : SelectAHASS()
18 : seList()
21 : onCreate()
22 : seList()
23 : ListSparepart() 25 : seList() 24 : SelectService() 26 : ListService() 27 : SelectLokasi()
28 : isRouteDisplayed()
29 : Lokasi AHASS()
(Gambar 4.12, AHASS Sequence Diagram)
84
3. Promosi Sequence Diagram
menu : AndroidDashboardDesignActivity
viewPromo : Promo
detail : PromoDetail
Maps
server : connectServer
SERVER
: USER 1 : onCreate() 2 : Select Promo
3 : onCreate() 4 : searchPromosi <> 5 6 : setApi() 7 : getApi() 8 : getBaseUrl() 9 : requestHTTP() 10 : Query 11 : Hasil Query 12 : writeJSON() 13 : getJsonObj() 14 : Data Promosi <<destroy>> 15 16 : seList() 17 : List Promosi 18 : Select Promosi
19 : onCreate() 20 : getDrawablefromURL()
21 : Detail Promosi 22 : Select View Location
23 : onCreate() 24 : isRouteDisplayed()
25 : Lokasi Promosi
(Gambar 4.13, Promosi Sequence Diagram)
85
4.2.3.5 Collaboration Diagram 1. Produk Collaboration Diagram 2 : Select Product 1 : onCreate()
menu : AndroidDashboardDesignActivity
SERVER
: USER
3 : onCreate() 17 : List Product
Produk : ProdukActivity
11 : Hasil Query <<destroy>> 15 <> 5
10 : Query
connect : connectServer
14 : Data Product
4 : searchProduct 16 : setList()
6 : setApi() 7 : getApi() 8 : getBaseUrl() 9 : requestHTTP() 12 : writeJSON() 13 : getJsonObj()
(Gambar 4.14, Produk Collaboration Diagram) 2. AHASS Collaboration Diagram 2 : Select Search Item 1 : onCreate()
menu : AndroidDashboardDesignActivity
SERVER
20 : Select AHASS 5 : NamaAHASS 26 : ListService() : USER 29 : LokasiAHASS
3 : onCreate()
4 : Form searchItem 19 : ListAHASS 23 : ListSparepart() 24 : SelectService()
Maps
SparePart
Service 27 : SelectLokasi()
28 : isRouteDisplayed()
13 : Hasil Query 12 : Query
25 : seList()
SearchActivity
21 : onCreate() 22 : seList()
<<destroy>> 17 <> 7 connect : connectServer
16 : DataAHASS
6 : searchAHASS 18 : seList()
8 : setApi() 9 : getApi() 10 : getBaseUrl() 11 : requestHTTP() 14 : writeJSON() 15 : getJsonObj()
(Gambar 4.15, AHASS Collaboration Diagram)
86
3. Promosi Collaboration Diagram 2 : Select Promo 1 : onCreate()
menu : AndroidDashboardDesignActivity
SERVER
: USER
18 : Select Promosi
25 : Lokasi Promosi 22 : Select View Location 21 : Detail Promosi
3 : onCreate()
17 : List Promosi
maps : ItemMaps
detail : PromoDetail 23 : onCreate()
24 : isRouteDisplayed()
viewPromo : Promo 19 : onCreate()
20 : getDrawablefromURL()
11 : Hasil Query <<destroy>> 15 <> 5
10 : Query
connect : connectServer
14 : Data Promosi
4 : searchPromosi 16 : setList()
(Gambar 4.16, Promosi Collaboration Diagram)
6 : setApi() 7 : getApi() 8 : getBaseUrl() 9 : requestHTTP() 12 : writeJSON() 13 : getJsonObj()
87
4.2.3.6 Component Diagram
XML
Google API
class
PHP
Web Server
Resource
(Gambar 4.17, Component Diagram)
4.2.3.7 Deployment Diagram
Android App class Google Server XML
HTTP
Google API
Resource
HTTP
Server PHP
Web Server
MYSQL Database
(Gambar 4.18, Deployment Diagram)
MYSQL Database
88
4.2.4
Perancangan Antar Muka Untuk memudahkan proses pembuatan aplikasi pencarian informasi lokasi
bengkel, service, suku cadang, promosi dan produk pada bengkel AHASS ini, maka terlebih dahulu membuat rancangan antar muka diantaranya Menu, Produk, Pencarian AHASS, Service, Suku Cadang, Promosi, Detail Promosi dan Maps.
1. Perancangan Antar Muka Menu Perancangan Antar Muka Menu adalah Desain Interface dari konten Menu. Terdiri dari tiga buah icon button, diantaranya Produk, AHASS dan Promosi.
(Gambar 4.19, Perancangan Antar Muka Menu)
89
2. Perancangan Antar Muka Produk Perancangan Antar Muka Produk adalah Desain Interface dari konten Produk yang dapat user gunakan untuk mendapatkan informasi produk. Terdapat List View yang menunjukan detail harga dan kategori produk.
(Gambar 4.20, Perancangan Antar Muka Produk)
90
3. Perancangan Antar Muka Pencarian AHASS Perancangan Antar Muka Pencarian AHASS adalah Desain Interface dari konten menu AHASS yang dapat user gunakan untuk mencari informasi bengkel berdasarkan nama Bengkel AHASS. Terdapat Form Pencarian AHASS yang Terdiri dari Edit Text, Button Search dan List View.
(Gambar 4.21, Perancangan Antar Muka Pencarian AHASS)
91
4. Perancangan Antar Muka Suku Cadang Perancangan Antar Muka Suku Cadang adalah Desain Interface dari konten Suku Cadang yang dapat user gunakan untuk mencari informasi Suku Cadang dengan menggunakan search. Terdapat Form Suku Cadang yang Terdiri dari Edit Text, Button Search dan List View.
(Gambar 4.22, Perancangan Antar Muka Suku Cadang)
92
5. Perancangan Antar Muka Service Perancangan Antar Muka Service adalah Desain Interface dari konten Service yang dapat user gunakan untuk mendapatkan informasi Service. Terdapat select button yang menunjukan deskripsi tentang service ringan dan service berat.
(Gambar 4.23, Perancangan Antar Muka Service)
93
6. Perancangan Antar Muka Promosi Perancangan Antar Muka Promosi adalah Desain Interface dari konten Promosi yang dapat user gunakan untuk mendapatkan informasi promosi. Terdapat List View yang menunjukan promosi yang sedang aktif.
(Gambar 4.24, Perancangan Antar Muka Promosi)
94
7. Perancangan Antar Muka Detail Promosi Perancangan Antar Muka Detail Promosi adalah Desain Interface dari konten Detail Promosi yang dapat user gunakan untuk mendapatkan detail dari informasi promosi yang telah user pilih. Terdapat beberapa Text View, Image View dan Icon Button yang digunakan untuk menampilkan lokasi Bengkel AHASS dimana promosi berada.
(Gambar 4.25, Perancangan Antar Muka Detail Promosi)
95
8. Perancangan Antar Muka Maps Perancangan Antar Muka Maps adalah Desain Interface dari konten Maps yang dapat user gunakan untuk melihat lokasi bengkel AHASS dalam bentuk Street View pada google-maps.
(Gambar 4.26, Perancangan Antar Muka Maps)
96
9. Perancangan Antar Muka Admin Perancangan Antar Muka Admin adalah Desain Interface Admin yang dapat admin gunakan untuk mengelola data Bengkel AHASS yaitu Data Produk, Data AHASS, Data Suku Cadang dan Data Promosi.
(Gambar 4.27, Perancangan Antar Muka Admin)
