BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Obejek Penelitian Sejarah Agen Agen AHS Sabna merupakan tempat untuk melakukan isi ulang air mineral resmi dari brand aqua, selain galon AHS Sabna juga mendistribusikan gas elpiji ukuran 3kg dan 12kg. Agen yang berlokasi di Jalan Sukabakti 2 No.4 Tangerang Kota.AHS Sabna merupakan suatu perusahaan yang bergerak dibidang kebutuhan rumah tangga yaitu menyediakan galon dan gas serta menjual aksesorisnya. AHS Sabna dipimpin oleh Muhammad Firdaus sekaligus pemilik agen. Pada awal berdirinya hanya memiliki 2 orang pegawai dan hanya ada 1 orang kurir, hingga saat ini Firdaus sudah memliki 4 orang karyawan. Masing-masing karyawan memiliki tugasnya masing-masing. 3.2 Struktur Organisasi Pemilik Kasir Kurir Gambar 3.1 Struktur Organisasi AHS Sabna 31

2 Analisa Pada tahapan alias dan perancangan system ini diperlukan salah satu model proses rekayasa perangkat lunak agar aplikasi yang akan dibuat sesuai dengan kegunaan dan tujuannya, salah satunya adalah menggunakan model perangkat lunak yaitu model Waterfall. Maka pada bab ini akan dibahas tentang tahap-tahap dalam membangun perangkat lunak dengan menggunakan model Waterfall. Proses analisis merupakan salah satu tahapan yang harus dilalui rekayasa perangkat lunak karena melalui analisis definisi masalah menjadi lebih jelas. Kebutuhan system dapat dispesifikasi sehingga kriteria yang harus dipenuhi dalam aplikasi dapat ditentukan agar aplikasi yang akan dihasilkan menjadisolusi dari masalah tersebut. 3.4 Perancangan Sistem Berjalan System Memilih Galon dan Gas Mengantarkan Galon dan Gas Kurir Memasang Regulator Mencatat Pesanan Mencatat Pembayaran Pelanggan Kasir Memberikan Bukti Pembelian Gambar 3.2 Use Case Diagram Sistem Yang Berjalan

3 33 Nama Use Case Tabel 3.1 Deskripsi Use Case Diagram memilih galon dan gas Memilih Galon dan Gas Aktor Pre-kondisi Tindakan Post kondisi Pelanggan dan kurir Pelanggan memilih galon dan gas Pelanggan memilih galon dan gas sesuai kebutuhan Kurir mengantar galon dan gas kepelanggan Nama Use Case Tabel 3.2 Deskripsi Use Case Diagram mengantarkan galon dan gas Mengantarkan galon dan gas Aktor Pre-kondisi Tindakan Post kondisi Kurir Kurir mengantarkan galon dan gas Kurir mengantarkan galon dan gas sesuai kebutuhan Pelanggan menerima pesanan galon dan gas Nama Use Case Tabel 3.3 Deskripsi Use Case Diagram memasang regulator Memasang regulator Aktor Pre-kondisi Tindakan Post kondisi Kurir Kurir memasang selang regulator Kurir memberikan bonus jasa pemasangan selang regulator Kurir memberikan bukti pembelian

4 34 Nama Use Case Aktor Pre-kondisi Tindakan Post kondisi Tabel 3.4 Deskripsi Use Case Diagram mencatat pesanan Mencatat pesanan Kasir Pelanggan memilih galon dan gas yang ingin dipesan Kasir menerima pesanan yang dipesan oleh pembeli Kasir memberikan list pesanan kepada kurir Nama Use Case Tabel 3.5 Deskripsi Use Case Diagram mencatat pembayaran Mencatat pembayaran Aktor Pre-kondisi Tindakan Post kondisi Kasir Menerima pembayaran Kasir menghitung pembayaran Mengeluarkan bukti pembelian Gambaran Umum Sistem Yang Diusulkan Pembuatan aplikasi pemesanan galon dan gas yang akan dibuat mampu menampilkan menu galon dan gas secara digital dan pemesanan secara online yang dilakukan oleh pembeli memanfaatkan koneksi internet sehingga dapat terkoneksi langsung antara kasir menggunakan smartphone android.

5 35 4. Konfirmasi Pelanggan Admin 1. Memesan galon dan gas 3. Menampilkan Data 2. Menyimpan Data Internet Database Gambar 3.3 Gambaran Umum Sistem yang Diusulkan Perangkat lunak pada server yaitu web server yang ditangani oleh script PHP dan MySQL sebagai database berfungsi untuk menangani koneksi client yang berbasis android. Setiap request dari client akan ditangani oleh webserver. Aplikasi pada client (pembeli) dibuat menggunakan platform android, aplikasi ini akan dipasangkan pada smartphone / tablet android yang digunakan oleh client (pembeli). Aplikasi ini berfungsi untuk melakukan pemesanan galon dan gas dengan data yang dikirim keweb server dan selanjutya diproses kekasir. Pada bagian kasir menggunakan computer sebagai antar muka berbasis web dan internet sebagai penghubung untuk melakukan koneksi kewebserver Perancangan Prosedur Yang Diusulkan Proses perancangan ini merupakan tahapan awal dari perancangan aplikasi pemesanan galon dan gas yang dilakukan sebagai pemecah masalah yang adapada proses aplikasi pemesanan galon dan gas ketika digunakan Pemodelan Diagram Use Case Use Case menjelaskan manfaat system jika dilihat menunjukkan pandangan orang yang berada diluar system (actor),diagram usecase juga menunjukan fungsionalitas suatu system atau

6 36 kelas dan bagaimana system berinteraksi dengan dunia luar. Secara umum pemodelan use case pada aplikasi ini dapat dilihat pada gambar dibawah ini: System <<include>> Mengelola Pesanan Menginput Pesanan <<include>> Pembeli Membatalkan Pesanan Admin Menampilkan Pesanan Gambar 3.4 Use Case Diagram Usulan

7 37 Nama Use Case Akotr Login Tabel 3.6 Deskripsi Use Case Diagram Login Admin, Pembeli Pre-Kondisi - Tindakan Post kondisi Aktor memasukan user name dan password untuk masuk User masuk system Nama Use Case Akotr Pre-Kondisi Tindakan Post kondisi Tabel 3.7 Deskripsi Use Case Diagram Cek Status Pemesanan Cek Status Pemesan Pembeli Setelah memesan galon dan gas Pembeli mengecek status pemesanannya Pembeli melihat status pemesanannya Nama Use Case Akotr Pre-Kondisi Tindakan Post kondisi Tabel 3.8 Deskripsi Use Cse Diagram Menginput Pesanan Menginput pesanan Pembeli Memilih pesanan Pembeli menginput pesanan dengan menggunakan smartphone Android Pesanan langsung terkirim ke admin Nama Use Case Akotr Tabel 3.9 Deskripsi Use Case Diagram Membatalkan Pesanan Membatalkan pesanan Pembeli

8 38 Pre-Kondisi Tindakan Post kondisi Pesanan dari pelanggan Pembeli membatalkan pesanan pelanggan dengan menggunakan smartphone android Pesanan tidak terkirim ke admin Nama Use Case Aktor Pre-Kondisi Tindakan Post kondisi Tabel 3.10 Deskripsi Use Case Diagram Menginput Stok Menginput stok Admin Admin melihat jumlah pembelian Admin mengatur jumlah stok yang ada diagen kedalam sistem Admin merubah jumlah stok yang ada Nama Use Case Tabel 3.11 Deskripsi Use Case Diagram Menampilkan Pesanan Menampilkan pesanan Aktor Pre-Kondisi Tindakan Post kondisi Admin Admin menerima detail pesanan pembeli Admin menampilkan pesanan pada computer Admin mendapatkan detail pesanan pembeli Activity Diagram Activity Diagram digunakan untuk model perilaku dalam proses bisnis, dalam berbagai hal activity diagram dapat dipandang sebagai diagram aliran data yang canggih yang digunakan dalam hubungan analis terstruktur. Dalam diagram ini akan digambarkan berbagai aliran activity dalam sistem, yang bertujuan untuk mengetahui alur proses pada system yang diusulkan. Berikut adalah diagram activity yang mengacu pada setiap skenario use case yang sudah dibuat sebelumnya.

9 39 a. Activity Diagram Login Pembeli System Masukan User dan Password Validasi ditolak diterima Gambar 3.5 Activity Diagram Login Pembeli Pembeli melakukan login sebelum melakukan pemesan dengan memasukan dan password yang sudah didaftarkan. Jika dan password yang dimasukan benar maka system akan menampilkan halaman member.

10 40 b. Activity Diagram Input Pesanan Pembeli System Membuka menu pesanan Menampilkan menu pesanan Memilih menu pesanan diinginkan Menginput menu pesanan yg diinginkan Mengirimkan data pesanan Gambar 3.6 Activity Diagram Input Pesanan Pembeli membuka menu pesanan pada aplikasi dan memilih menu pesanan yang telah ditentukan oleh pembeli dan kemudian diinput serta dikirimkan agar dapat diproses.

11 41 c. Activity Diagram Membatalkan Pesanan Pembeli System Membuka menu pesanan Menampilkan form pesanan Meinput data pesanan Membatalkan data pesanan Gambar 3.7 Activity Diagram Membatalkan Pesanan Pembeli membuka menu pesanan dan system menampilkan menu pesanan kemudian pembeli menghapus pesanan yang sudah dipesan setelah itu di kirim kembali kesistem untuk di proses.

12 42 d. Activity Diagram Menampilkan Pesanan Kasir System Membuka Menu Pesanan Menampilkan Pesanan Gambar 3.8 Activity Diagram Menampilkan Pesanan Kasir menerima pesanan kemudian membuka pesanan, lalu sistem menampilkan detil pemesanan yang sudah di pesan oleh pembeli untuk di proses.

13 43 e. Activity Diagram Pemesanan pembeli System Memilih pesanan Masukan jumlah pesanan Merekam data pesanan tidak Ya Bayar pesanan Merekam pembayaran Gambar 3.10 Activity Diagram Pemesanan Admin membuka menu penyetokan, kemudian sistem menampilkan data stok dan kemudian menginput data stok terbaru, setelah itu sistem menampilkan stok terbaru. Yang di input admin adalah seperti jenis gas dan harga gas.

14 44 f. Activity Diagram Login Admin Admin System Masukan dan password Validasi ditolak diterima Gambar 3.11 Activity Diagram Login Admin Admin melakukan login sebelum melakukan pemesanan dengan memasukan dan password yang sudah didaftarkan. Jika dan password yang dimasukan benar maka system akan menampilkan halaman admin Sequence Diagram Sequence Diagram adalah suatu diagram yang mengambarkan interaksi antara obyek dan mengindikasikan komunikasi antara obyek-obyek tersebut. Diagram ini juga menunjukan serangkaian pesan yang dipertukarkan oleh obyek-obyek yang melakukan suatu tugas atau aksi tertentu.obyek-obyek tersebut kemudian diurutkan dari kiri ke kanan, actor yang menginisiasi interaksi biasanya ditaruh disebelah kiri dari diagram. Berikut adalah digram sekuensial yang mengambarkan fungsionalitas system aplikasi pemesanan gallon dan gas berbasis android.

15 45 Pembeli Menu Form Pesanan Pesan Detail Pesanan buka() input pesanan jenis_pesanan get(id_session(),jenis_pesanan(),rincian(),harga(),stok()) id_session(),jenis_pesanan(),rincian(),stok() save() Exit() Save(id_pesan()jenis_pesanan(),rincian(),harga(),jumlah()) id_pesan(),jenis_pesanan(),rincian(),harga(),jumlah() Gambar 3.12 Sequence Input Pesanan Pembeli dapat melakukan input pemesanan galon dan gas pada menu pesanan. Menu pesanan akan menampilkan form yang berisi nomer pesanan, nema menu dan harga galon & gas yang ada AHS Sabna yang akan dipesan kemudian mengirimkan keaplikasi server. Pembeli :Menu Status :Cek Status buka viewdata() id_pesan(),jenis_pesanan(),rician(),jumlah(),status() Cek Exit Gambar 3.15 Sequence Diagram Cek Status Pembeli dapat melakukan Cek Status pesanan galon dan gas yang dipesan pada menu pemesanan. Menu pesanan akan menampilkan form yang berisikan nomer pesanan, nama menu dan harga galon, gas yang ada di AHS Sabna.

16 46 Pembeli Form Batal Pesan Batal Konfirmasi buka viewdata() id_pesanan(),jenis_pesanan(),rincian(),harga(),stok() Delete delete(id_pesan(),jenis_pesanan(),rincian(),stok() data terhapus() Exit() Gambar 3.13 Sequence Diagram Membatalkan Pesanan Pembeli dapat membatalkan pesanan galon dan gas yang dipesan pada menu pesanan, dengan cara menghapus data pesanan agar pesanan tidak dapat diproses.

17 47 Admin Menu Utama Menu Pesanan Input Username()dan password() login gagal() Validasi Pilih data_pemesanan() detil_data_pemesanan() Diplay View_detil_data_pemesanan() Exit() Gambar 3.14 Sequence Diagram Menampilkan Pesanan Untuk melakukan akses ke menu utama admin terlebih dahulu melakukan proses login sebagai admin dengan memasukan Username dan Password. Jika admin berhasil maka akan menampilkan menu utama untuk menampilkan menu pesanan.

18 48 Admin Halaman Login :menu stok :stok Input () dan password() Validasi Gagal login() Pilih penyetokan() Display Detil penyetokan() Input pesanan_harga_tanggal() Update Data stok berhasil ditambahkan Gambar 3.15 Sequence Diagram Menampilkan Stok Untuk menampilkan akses ke menu utama admin terlebih dahulu melakukan proses login sebagai admin dengan memasukan Username dan Password. Setelah itu admin dapat menginput stok yang akan di update atau dirubah. Contohnya seperti stok galon dan gas Class Diagram Diagram ini digunakan untuk mengidentifikasi kelas-kelas serta paket-paket yang terdapat dalam system, kemudian dilanjutkan dengan mengidentifikasi hubungan antar kelas.berikut ini Class Diagram aplikasi.

19 49 Admin -*username -password -nama_lengkap - -no_telpon -blokir -level +save() +edit() Galon Gas -*id -galongas +add() +save() +delete() +edit() -*id -merkukuran +add() +save() +delete() +edit() 1 * merkukuran 1 * 1 * * * * Stok -*id -galongas -merkukuran -tgl_restok -jam_ngirim -harga -stok +add() +save() +delete() +edit() * * * Member -*id -nama -alamat -jenis_kelamin -no_telpon -username -password +save() +delete() +edit() Pesan -*id -nama -no_telpon -id_stok -qty -status -tanggal_pesan -id_member -total +add() +save() +delete() +edit() * * Gambar 3.16 Class Diagram Usulan Perancangan Basis Data Basis data adalah tempat penyimpanan paling optimal oleh sebab itu diperlukan Perancangan Basis Data untk menentukan susunan data. Tujuan dari perancangan ini adalah untuk pengoptimalisasi pengambilan data dan penyimpanan data. Tabel 3.12 Tabel Admin No Nama Field Type Data Panjang Keterangan 1 Username Varchar 20 Primary Key 2 Password Varchar 20 Password Admin 3 Nama Lengkap Varchar 30 Nama Admin 4 Varchar 50 Admin 5 No Telpon Varchar 15 Telpon Admin

20 50 6 Level Varchar 5 Level Admin 7 Blokir Enum ( Y, N ) - Pemblokiran Tabel 3.13 Tabel Member No Nama Field Type Data Panjang Keterangan 1 Id Varchar 3 Primary key 2 Nama Varchar 25 Nama Member 3 Alamat Varchar 30 Alamat Member 4 Jenis Kelamin Varchar 10 Jenis Kelamin Member 5 No Telpon Varchar 12 No Telpon Member 6 Username Varchar 8 Username Member 7 Password Varchar 8 Password Member Table 3.14 Tabel Stok No Nama Field Type Data Panjang Keterangan 1 Id Varchar 2 Identitas Stok 2 Galon Varchar 10 Jenis Galon 3 Gas Varchar 10 Jenis Gas 4 Harga Varchar 10 Harga 5 Stok Varchar 3 Jumlah Stok Galon Gas Tabel 3.15 Tabel Galon Gas

21 51 No Nama Field Type Data Panjang Keterangan 1 Id Varchar 2 Identias Galon Gas 2 Galon Gas Varchar 2 Jenis Galon Gas Tabel 3.16 Tabel Pesan No Nama Field Type Data Panjang Keterangan 1 Id Varchar 2 Identias Pemesanan 2 Nama Varchar 25 Nama Pemesan 3 No_Telpon Varchar 12 No Telpon Pemesan 4 Id_Stok Varchar 3 Identitas Stok 5 Qty Int 40 Jumlah yg Dipesan 6 Status Varchar 2 Status Pembayaran 7 Tanggal_Pesan Date 10 Tanggal Pemesanan 8 Id_Member Varchar 2 Identitas member 9 Total Int 40 Harga Total Pemesan Tabel 3.17 Tabel Merk Ukuran No Nama Field Type Data Panjang Keterangan 1 Id Varchar 2 Identias Merk Ukuran 2 Merk Ukuran Varchar 2 Jenis Merk Ukuran 3.5 Rancangan Antar Muka Perancangan tampilan aplikasi merupakn rancangan dari desain aplikasi yang akan dibangun. Desain akan menentukan sebuah karakteristik dari aplikasi yang dibangun, serta

22 52 memperlihatkan dilingkungan seperti apa aplikasi nanti di tempatkan. Berikut ini desain tampilan dari aplikasi yang akan dibangun: Rancangan Halaman Utama Pada halaman ini berisikan rancangan halaman tampilan registrasi user Nama Alamat No Telepon Password Register Gambar 3.17 Rancangan Halaman Registrasi Rancangan Halaman Utama Pada halaman ini berisikan rancangan tampilan halaman utama Aplikasi Pemesanan Galon dan Gas Berbasis Android. Halaman utama adalah halaman yang dapat diakses user melakukan login. Tentang Informasi Lokasi AHS Sabna Pesan Galon Gas Bantuan Exit Gambar 3.18 Rancangan Halaman Utama Pada tampilan menu utama ini terdapat 6 button yaitu, tentang, informasi, lokasi AHS Sabna, pesan galon gas, bantuan, exit. Pada setiap menu tersebut kita bias melihat fitur aplikasi tersebut.

23 Tampilan Menu Tentang Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka menu tentang aplikasi pemesanan android. Tentang text Gambar 3.19 Rancangan Halaman Tentang Pada tampilan menu tentang, kita akan mengetahui tentang agen AHS Sabna mulai sejarah hingga sekarang Tampilan Menu Informasi Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka menu informasi, aplikasi pemesanan galon dan gas. Informasi text Gambar 3.20 Rancangan Halaman Informasi Pada tampilan informasi kita bias melihat jenis gas, harga gas galon hingga update stok terbaru, jadi pelanggan bias mengetahui stok gas dan galon terbaru Tampilan Menu Bantuan Aplikasi Pemesanan Android Tampilan dibaawah ini adalah rancangan antar muka menu bantuan aplikasi pemesanan android.

24 54 Bantuan text text text text Ganbar 3.21 Rancangan Halaman Bantuan Pada menu bantuan ini, pembeli bias menberikan pertanyaan yang sering diajukan, kirim sms layanan dan juga dapat menghubungi layanan pelanggan Tampilan Menu Lokasi AHS Sabna Tampilan dibawah ini adalah rancangan antar muka menu tentang lokasi AHS Sabna. Lokasi Gambar 3.22 Rancangan Menu Halaman Lokasi AHS Sabna Pada menu lokasi ini terdapat lokasi agen, dilengkapi dengan alamat lengkap sehingga pelanggan tidak usah khawatir jika pelanggan ingin meretur ataupun complain Tampilan Menu Pesan Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka menu pesan aplikasi pemesanan pada android.

25 55 Password Login Register Gambar 3.23 Rancangan Menu Halaman Pesan Pada saat menekan tombol pesan keluar halaman login dimana pembeli harus login terlebih dahulu sebelum melakukan pemesanan Tampilan Login Web Tampilan dibawah ini adalah rancangan antar muka menu login pada web Aplikasi Pemesanan Galon Gas Admin Password xxxxxxxxxxxx login Gambar 3.24 Rancangan Halaman Login Web Admin Pada halaman ini admin harus melakukan login terlebih dahulu sebelum dapat mengakses halaman admin. Data ini diisi sesuai data yang terdaftar sesuai pada database admin Tampilan Mastr Web Tampilan dibawah ini adalah rancangan antar muka menu user pada web.

26 56 Master Tranksaksi Pengaturan Keluar Galon/Gas Merk/Ukuran Member Gambar 3.25 Rancangan Halaman user pada web Pada menu user ini terdapat 3 sub menu yaitu, galon, gas, dan member. Pada menu tersebut admin dapat mengelola atau pun merubah isi dari 3 sub menu tersebut Tampilan Transaksi Web Tampilan dibawah ini adalah rancangan antar muka menu transaksi pada web. Master Tranksaksi Pengaturan Keluar Stok pemesanan Gambar 3.26 Rancangan Halaman Menu Transaksi pada web Pada menu transaksi tersebut terdapat 2 sub menu yaitu, stok dan pemesanan. Pada 2 sub menu tersebut adamin dapat merubah atau mengelola isi dari masing-masing sub menu Tampilan Pengaturan Web Tampilan dibawah ini adalah rancangan antar muka menu pengaturan pada web.

27 57 Master Tranksaksi Pengaturan Keluar Ganti Password Gambar 3.27 Rancangan Halaman Pengaturan pada web Pada menu pengaturan terdapat sub menu ganti password dimana admin dapat menggubah password sendiri pada menu ini.