BAB III ANALISA DAN PERANCANGAN SISTEM

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 Obejek Penelitian 3.1.1 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 http://digilib.mercubuana.ac.id/

32

3.3 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

Pelanggan Mencatat Pembayaran

Kasir Memberikan Bukti Pembelian

Gambar 3.2 Use Case Diagram Sistem Yang Berjalan

http://digilib.mercubuana.ac.id/

33

Tabel 3.1 Deskripsi Use Case Diagram memilih galon dan gas Nama Use Case

Memilih Galon dan Gas

Aktor

Pelanggan dan kurir

Pre-kondisi

Pelanggan memilih galon dan gas

Tindakan

Pelanggan memilih galon dan gas sesuai kebutuhan

Post kondisi

Kurir mengantar galon dan gas kepelanggan

Tabel 3.2 Deskripsi Use Case Diagram mengantarkan galon dan gas Nama Use Case

Mengantarkan galon dan gas

Aktor

Kurir

Pre-kondisi

Kurir mengantarkan galon dan gas

Tindakan

Kurir mengantarkan galon dan gas sesuai kebutuhan

Post kondisi

Pelanggan menerima pesanan galon dan gas

Tabel 3.3 Deskripsi Use Case Diagram memasang regulator Nama Use Case

Memasang regulator

Aktor

Kurir

Pre-kondisi

Kurir memasang selang regulator

Tindakan

Kurir memberikan bonus jasa pemasangan selang regulator

Post kondisi

Kurir memberikan bukti pembelian


34

Tabel 3.4 Deskripsi Use Case Diagram mencatat pesanan Nama Use Case

Mencatat pesanan

Aktor

Kasir

Pre-kondisi

Pelanggan memilih galon dan gas yang ingin dipesan

Tindakan

Kasir menerima pesanan yang dipesan oleh pembeli

Post kondisi

Kasir memberikan list pesanan kepada kurir

Tabel 3.5 Deskripsi Use Case Diagram mencatat pembayaran Nama Use Case

Mencatat pembayaran

Aktor

Kasir

Pre-kondisi

Menerima pembayaran

Tindakan

Kasir menghitung pembayaran

Post kondisi

Mengeluarkan bukti pembelian

3.4.1 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.


35

4. Konfirmasi Pelanggan

Admin

3. Menampilkan Data

1. Memesan galon dan gas 2. Menyimpan Data

Database

Internet

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. 3.4.2 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. 3.4.3 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


36

kelas dan bagaimana system berinteraksi dengan dunia luar. Secara umum pemodelan use case pada aplikasi ini dapat dilihat pada gambar dibawah ini:

System

<>

Mengelola Pesanan

Menginput Pesanan

<> Pembeli Membatalkan Pesanan

Admin

Menampilkan Pesanan

Gambar 3.4 Use Case Diagram Usulan


37

Tabel 3.6 Deskripsi Use Case Diagram Login Nama Use Case

Login

Akotr

Admin, Pembeli

Pre-Kondisi

-

Tindakan

Aktor memasukan user name dan password untuk masuk

Post kondisi

User masuk system

Tabel 3.7 Deskripsi Use Case Diagram Cek Status Pemesanan Nama Use Case

Cek Status Pemesan

Akotr

Pembeli

Pre-Kondisi

Setelah memesan galon dan gas

Tindakan

Pembeli mengecek status pemesanannya

Post kondisi

Pembeli melihat status pemesanannya

Tabel 3.8 Deskripsi Use Cse Diagram Menginput Pesanan Nama Use Case

Menginput pesanan

Akotr

Pembeli

Pre-Kondisi

Memilih pesanan

Tindakan

Pembeli menginput pesanan dengan menggunakan smartphone Android

Post kondisi

Pesanan langsung terkirim ke admin

Tabel 3.9 Deskripsi Use Case Diagram Membatalkan Pesanan Nama Use Case

Membatalkan pesanan

Akotr

Pembeli


38

Pre-Kondisi

Pesanan dari pelanggan

Tindakan

Pembeli membatalkan pesanan pelanggan dengan menggunakan smartphone android

Post kondisi

Pesanan tidak terkirim ke admin

Tabel 3.10 Deskripsi Use Case Diagram Menginput Stok Nama Use Case

Menginput stok

Aktor

Admin

Pre-Kondisi

Admin melihat jumlah pembelian

Tindakan

Admin mengatur jumlah stok yang ada diagen kedalam sistem

Post kondisi

Admin merubah jumlah stok yang ada

Tabel 3.11 Deskripsi Use Case Diagram Menampilkan Pesanan Nama Use Case

Menampilkan pesanan

Aktor

Admin

Pre-Kondisi

Admin menerima detail pesanan pembeli

Tindakan

Admin menampilkan pesanan pada computer

Post kondisi

Admin mendapatkan detail pesanan pembeli

3.4.4 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.


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 Email dan password yang sudah didaftarkan. Jika email dan password yang dimasukan benar maka system akan menampilkan halaman member.


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.


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.


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.


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.


44

f. Activity Diagram Login Admin System

Admin

Masukan email dan password

Validasi

ditolak

diterima

Gambar 3.11 Activity Diagram Login Admin Admin melakukan login sebelum melakukan pemesanan dengan memasukan email dan password yang sudah didaftarkan. Jika email dan password yang dimasukan benar maka system akan menampilkan halaman admin. 3.4.5 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.


45

Form Pesanan

Menu

Pembeli

Pesan

Detail Pesanan

buka() input pesanan jenis_pesanan get(id_session(),jenis_pesanan(),rincian(),harga(),stok()) id_session(),jenis_pesanan(),rincian(),stok() save()

Save(id_pesan()jenis_pesanan(),rincian(),harga(),jumlah()) id_pesan(),jenis_pesanan(),rincian(),harga(),jumlah()

Exit()

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.

:Menu Status

Pembeli

: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.


46

Pembeli

Batal Konfirmasi

Form Batal Pesan 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.


47

Admin

Menu Utama

Menu Pesanan

Input Username()dan password() Validasi login gagal()

Pilih data_pemesanan() Diplay detil_data_pemesanan()

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.


48

Halaman Login

Admin

:menu stok

:stok

Input email() 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.

3.4.5 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.


49

Admin -*username -password -nama_lengkap -email -no_telpon -blokir -level +save() +edit()

Member

1

*

1 Stok *

*

1 * Galon Gas

-*id -nama -alamat -jenis_kelamin -no_telpon -username -password +save() +delete() +edit()

-*id -galongas -merkukuran -tgl_restok -jam_ngirim -harga -stok +add() +save() +delete() +edit()

*

*

*

*

-*id -galongas +add() +save() +delete() +edit()

Pesan

*

-*id -nama -no_telpon -id_stok -qty -status -tanggal_pesan -id_member -total +add() +save() +delete() +edit()

*

merkukuran -*id -merkukuran +add() +save() +delete() +edit()

*

Gambar 3.16 Class Diagram Usulan

3.4.6 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

Email

Varchar

50

Email Admin

5

No Telpon

Varchar

15

Telpon Admin


50

6

Level

Varchar

5

Level Admin

7

Blokir

Enum

-

Pemblokiran

(„Y‟,‟N‟)

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


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


52

memperlihatkan dilingkungan seperti apa aplikasi nanti di tempatkan. Berikut ini desain tampilan dari aplikasi yang akan dibangun: 3.5.1 Rancangan Halaman Utama Pada halaman ini berisikan rancangan halaman tampilan registrasi user

Nama

Alamat

No Telepon

Email Password

Register

Gambar 3.17 Rancangan Halaman Registrasi 3.5.2 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.


53

3.5.3 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. 3.5.4 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. 3.5.5 Tampilan Menu Bantuan Aplikasi Pemesanan Android Tampilan dibaawah ini adalah rancangan antar muka menu bantuan aplikasi pemesanan android.


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. 3.5.6 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. 3.5.7 Tampilan Menu Pesan Aplikasi Pemesanan Android Tampilan dibawah ini adalah rancangan antar muka menu pesan aplikasi pemesanan pada android.


55

Email

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. 3.5.8 Tampilan Login Web Tampilan dibawah ini adalah rancangan antar muka menu login pada web Aplikasi Pemesanan Galon Gas

Email 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.

3.5.9 Tampilan Mastr Web Tampilan dibawah ini adalah rancangan antar muka menu user pada web.


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. 3.5.10 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. 3.5.11 Tampilan Pengaturan Web Tampilan dibawah ini adalah rancangan antar muka menu pengaturan pada web.


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.


BAB III ANALISA DAN PERANCANGAN SISTEM

Recommend Documents