BAB III ANALISA DAN PERANCANGAN SISTEM
3.1.
Analisa Sistem Aplikasi ini dibuat berbasis web untuk mendukung aplikasi pencari jasa laundry,
dimana aplikasi ini digunakan oleh user admin dan user laundry. Didalam aplikasi ini, user admin dapat mengelola data – data laundry dan juga data – data pelanggan. Didalam aplikasi ini user laundry juga dapat mengelola data – data transaksinya. Sesuai dengan tahapan dalam pengembangan perangkat lunak, analisa dilakukan sebelum dibuat perencanaan. Pada tahapan analisa ini akan dibuat empat buah diagram untuk menggambarkan kebutuhan sistem. Yaitu use case diagram untuk menggambarkan kebutuhan fungsional dari aplikasi, selanjutnya dibuat activity diagram untuk menggambarkan proses bisnis dari aplikasi, lalu dibuat sequence diagram untuk menggambarkan perilaku dalam palikasi, dan terakhir dibuat class diagram untuk menggambarkan hubungan interaksi antar class.
3.2.
Analisa Sistem Berjalan
Pada tahapan ini akan digambarkan proses bisnis dari usaha laundry yang sedang berjalan dalam bentuk diagram activity. pelanggan
laundry melayani pelanggan
mengantar pakaian
menerima pakaian
menghitung harga laundry
menerima bukti layanan
membuat bukti layanan
mengambil pakaian
proses laundry
melakukan pembayaran
menerima pembayaran
24
http://digilib.mercubuana.ac.id/
25
Gambar 3.1 Activity Diagram Berjalan 3.3.
Analisa Sistem Usulan Pada tahap ini akan dibuat analisa sistem usulan, akan dibuat empat buah
diagram yaitu use case diagram, activity diagram, sequence diagram, dan terakhir class diagram. 3.3.1.
Use Case Diagram Usulan System Web Laundry Locator
Login
Update Profile
Mengelola Pemesanan User Laundry
Mengelola Data Laundry
Mengelola Data Pelanggan
User Admin
Melihat Data Transaksi Laundry
Gambar 3.2 Use Case Diagram
Tabel 3.1 Skenario Use Case Login Use Case
Login
Aktor
User admin dan user laundry
Deskripsi
User admin dan user laundry login terlebih dahulu agar dapat mengakses web laundry locator
Tabel 3.2 Skenario Use Case Mengupdate Profile Use Case
Update profile
http://digilib.mercubuana.ac.id/
26
Aktor
User laundry
Deskripsi
User laundry dapat melakukan perubahan terhadap profilenya sendiri, seperti mengubah nama, alamat, daftar harga, dll
Tabel 3.3 Skenario Use Case Mengelola Pemesanan Use Case
Mengelola pemesanan
Aktor
User laundry
Deskripsi
User laundry dapat mengelola pemesanan – pemesanan dari pelanggan yang masuk. User laundry dapat menerima pesanan, menolak pemesanan jika tidak memungkinkan, dan memasukan detil - detil transaki seperti berapa banyak laundry yang akan dikerjakan
Tabel 3.4 Skenario Use Case Mengelola Data Laundry Use Case
Mengelola data laundry
Aktor
User admin
Deskripsi
User admin dapat mengelola data – data laundry seperti mendaftarkan tempat laundry yang baru, menghapus tempat laundry yang sudah tidak memungkinkan, mengupdate data – data laundry, dan melihat transaksi – transaksi yang dilakukan oleh tempat laundry
Tabel 3.5 Skenario Use Case Mengelola Data Pelanggan Use Case
Mengelola data pelanggan
Aktor
User admin
Deskripsi
User admin dapat mengelola data – data pelanggan seperti mendaftarkan pelanggan, menghapus pelanggan yang sudah tidak memungkinkan dan mengupdate data – data pelanggan
Tabel 3.6 Skenario Use Case Melihat Data Transaksi Laundry Use Case
Melihat Data Transaksi Laundry
Aktor
User Admin
Deskripsi
User admin dapat melihat transaksi – transaksi yang masuk ke tempat
http://digilib.mercubuana.ac.id/
27
laundry, apakah pemesanan laundry diterima atau tidak disanggupi 3.3.2.
Activity Diagram Usulan
3.3.2.1. Activity Diagram Login User Admin
User Laundry
Sistem
Mulai
Mulai
Menampilkan halaman login
Membuka halaman login web
Membuka halaman login web
Memasukan username dan password
Salah
Memasukan username dan password
Benar
User Laundry
User admin
Menampilkan halaman user laundry
Menampilkan halaman user admin
Masuk halaman user laundry Masuk halaman user laundry
Selesai Selesai
Gambar 3.3 Activity Diagram Login
3.3.2.2. Activity Diagram Update Profile User Laundry
Sistem
Mulai Masuk halaman atur profile
Menampilkan profile laundry
Mengubah data profile
Simpan ke database
Logout
Selesai
http://digilib.mercubuana.ac.id/
28
Gambar 3.4 Activity Diagran Update Profile 3.3.2.3. Activity Diagram Megelola Pemesanan
User Laundry
Sistem
Mulai Masuk halaman transaksi
Masuk halaman konfirmasi
Menampilkan daftar pemesanan yang masuk
Menampilkan peta dan halaman konfirmasi
Memberi konfirmasi
Tidak disanggupi
Disanggupi
Simpan konfirmasi ke database
Simpan konfirmasi ke database
Masuk halaman input transaksi
Menampilkan halaman input transaksi
Memaskan data transaksi
Simpan Ke database
Logout
Selesai
Gambar 3.5 Activity Diagram Mengelola Transaksi
http://digilib.mercubuana.ac.id/
29
3.3.2.5. Activity Diagram Mengelola Data Laundry User Admin
Sistem
Mulai
Masuk ke halaman data laundry
Menampilkan tempat laundry yang terdaftar
Mengelola data laundry
Update Profle
Menghapus
Meletakan lokasi di peta
Melihat profile
Mendaftarkan
Menampilkan profile laundry
Simpan ke database
Logout
Selesai
Gambar 3.6 Activity Diagram Mengelola Data Laundry
http://digilib.mercubuana.ac.id/
30
4.3.2.5. Activity Diagram Mengelola Data Pelanggan User Admin
Sistem
Mulai
Masuk ke halaman data pelanggan
Menampilkan pelanggan yang terdaftar
Mengelola data pelanggan
Update Profle
Menghapus
Meletakan lokasi di peta
Mendaftarkan
Simpan ke database
Logout
Selesai
Gambar 3.7 Activity Diagram Mengelola Data Pelanggan
3.3.2.6. Activity Diagram Melihat Data Transaksi Laundry User Admin
Sistem
Mulai
Masuk ke halaman data laundry
Menampilkan laundry yang terdaftar
Masuk ke halaman transaksi laundry
Menampilkan data transaksi laundry
Logout
Selesai
Gambar 3.8 Activity Diagram Melihat Data Transaksi
http://digilib.mercubuana.ac.id/
31
3.3.3.
Sequence Diagram
3.3.3.1. Sequence Diagram Update Profile
Halaman login
Proses Login
Halaman atur profil
Database
User laundry Username dan password
Halaman login
validasi Gagal Ubah
Gambar 3.9 Sequence Diagram Update Profile 3.3.3.2. Sequence Diagram Kelola Transaksi Halaman login
Proses Login
Halaman Daftar Pemesanan
Halaman Peta dan Konfirmmasi
Halaman Transaksi
User laundry Halaman login
Username dan password validasi Gagal Konfirmasi
Data transaksi
Gambar 3.10 Sequence Diagram Kelola Transaksi
http://digilib.mercubuana.ac.id/
Simpan
Database
32
3.3.3.3.
Sequence Diagram Kelola Data Laundry Halaman login
Halaman daftar laundry
Proses login
Halaman atur peta
Database
User admin Halaman login
Username dan password Validasi Gagal Tambah
Letak
Simpan
Ubah
Hapus
Gambar 3.11 Sequence Diagram Kelola Data Laundry 3.3.3.4. Sequence Diagram Kelola Data Pelanggan Halaman login
Proses login
Halaman daftar pelanggan
Halaman atur peta
Database
User admin Halaman login
Username dan password Validasi Gagal Tambah
Letak
Simpan
Ubah
Hapus
Gambar 3.12 Sequence Diagram Kelola Data Pelanggan
http://digilib.mercubuana.ac.id/
33
3.3.3.5. Sequuence Diagram Lihat Data Transaksi Halaman login
Halaman daftar laundry
Proses login
Halaman daftar transaksi
Halaman detil transaksi
User admin Username dan password
Halaman login
Validasi Gagal Tampil
Tampil
Gambar 3.13 Sequence Diagram Lihat Data Transaksi 3.6.
Class Diagram
user
tempat_laundry
-id_user -username -password -status +tambah() +ubah() +hapus()
-id_laundry -nama -no_telp -email -alamat -latlng -buka -tutup -lama_pengerjaan -perkilo -cuci_setrika -setrika -id_harga_expess -id_user +tambah() +ubah() +hapus()
1
admin -username -password +tambah() +ubah() +hapus() +melihat()
Laundry
1
-username -password +Konfirmasi()
1
harga_satuan -id_harga_satuan -jenis -harga -id_laundry
1
1
harga_express -id_harga_express -lama_pengerjaan -harga
1
pelanggan pemesanan
1.. *
-id-pemesanan -tanggal -total -status -username -id_laundry
1..*
Gambar 3.14 Class Diagram
http://digilib.mercubuana.ac.id/
1
-username -nama -password -jk -no_telp -email -alamat -latlng +tambah() +ubah()
34
3.6. 1.
Rancangan Struktur Basis Data Tabel user Nama tabel
: user
Field kunci
: id_user
Jumlah field : 4
Tabel 3.7 Struktur Tabel user
2.
No
Nama Field
Type
Size
Keterangan
1.
id_user
integer
11
Primary Key
2.
Username
varchar
25
3.
Password
varchar
35
4.
Status
integer
2
Tabel pelanggan Nama table
: pelanggan
Field kunci
: username
Jumlah field : 8
Tabel 3.8 Struktur Tabel pelanggan
3.
No
Nama Field
Type
Size
Keterangan
1.
Username
varchar
35
Primary Key
2.
Nama
varchar
35
3.
Password
varchar
35
4.
Jk
varchar
15
5.
no_telp
varchar
15
6.
Email
varchar
35
7.
alamat
text
-
8.
Latlng
varchar
35
Tabel tempat_laundry Nama tabel
: tempat_laundry
Field kunci
: id_laundry
Jumlah field : 14
http://digilib.mercubuana.ac.id/
35
Tabel 3.9 Struktur Tabel tempat_laundry
4.
No
Nama Field
Type
Size
Keterangan
1.
id_laundry
varchar
15
Primary Key
2.
Nama
varchar
30
3.
no_telp
varchar
15
4.
Email
varchar
35
5.
Alamat
text
-
6.
Latlng
varchar
35
7.
Buka
varchar
10
8.
Tutup
varchar
10
9.
lama_pengerjaan
integer
11
10.
Perkilo
integer
11
11.
cuci_setrika
integer
11
12
Setrika
integer
11
13.
id_harga_express
integer
11
Foreign Key
14.
id_user
integer
11
Foreign Key
Size
Keterangan Primary key
Tabel harga_satuan Nama tabel
: harga_satuan
Field kunci
: id_harga_satuan
Jumlah Field : 4
Tabel 3.10 Struktur Tabel harga_satuan
5.
No
Nama Field
Type
1.
id_harga_satuan integer
11
2.
jenis
varchar
35
3.
harga_satuan
integer
11
4.
id_laundry
integer
11
Tabel harga_express Nama tabel
: harga_express
Field kunci
: id_harga_express
Jumlah field : 3
http://digilib.mercubuana.ac.id/
Foreign key
36
Tabel 3.11 Struktur Tabel harga_express
6.
No
Nama Field
1.
Type
Size
Keterangan
id_harga_express integer
11
Primary Key
2.
lama_pengerjaan
integer
11
3.
harga
integer
11
Tabel pemesanan Nama tabel
: pemesanan
Field Kunci : id_pemesanan Jumlah field : 6
Tabel 3.12 Struktur Tabel pemesanan
7.
No
Nama Field
Type
Size
Keterangan
1.
id_pemesanan
integer
11
Primary key
2.
tanggal_pemesanan datetime
-
3.
total
integer
11
4.
status
int
2
5.
username
varchar
35
Foreign Key
6.
id_laundry
integer
11
Foreign Key
Tabel detil_pemesanan Nama tabel
: detil_pemesanan
Field kunci
: id_detil_pemesanan
Jumlah field : 5
Tabel 3.13 Struktur Tabel detil_pemesanan No
Nama Field
Type
Size
Keterangan
1.
id_detil_pemesanan
integer
11
Primary Key
2.
jenis
varchar
35
3.
harga
integer
11
4.
jumlah
integer
11
5.
Id_pemesanan
integer
11
http://digilib.mercubuana.ac.id/
Foreign Key
37
3.7.
Rancangan Layar
3.7.1.
Struktur Tampilan Layar
1.
Struktur Tampilan Layar Untuk User Laundry
Halaman Beranda User Laundry
Daftar Pemesanan
Halaman Konfirmasi dan Peta
Halaman Transaksi
Daftar Harga Satuan
Atur Profile
Halaman Tambah Harga Satuan
Halaman Ubah Harga Satuan
Halaman Detil Transaksi
Gambar 3.15 Struktur Tampilan Layar Untuk User Laundry
http://digilib.mercubuana.ac.id/
38
2.
Struktur Tampilan Layar Untuk User Admin
Halaman Beranda User Admin
Halaman Daftar Data Laundry
Halaman Ganti Password Admin
Halaman Daftar Data Pelanggan
Halaman Tambah Pelanggan
Halaman Tambah Tempat Laundry
Halaman Ubah Data tempat Laundry
Halaman Atur Peta Tempat Laundry
Halaman Ubah Data Pelanggan
Halaman Daftar Harga Laundry
Halaman Daftar Harga Satuan
Halaman Ganti Password Pelanggan
Halaman Peta Tempat Laundry
Halaman Tambah Harga Satuan
Halaman Atur Peta Pelanggan
Halaman Daftar Transaksi
Gambar 3.16 Struktur Tampilan Layar Untuk User Admin
http://digilib.mercubuana.ac.id/
39
3.7.2.
1.
Rancangan Layar
Halaman Login
HALAMAN LOGIN
USERNAME
:
PASSWORD
:
LOGIN
LAUNDRY LOCATOR
Gambar 3.17 Halaman Login
2.
Halaman Beranda User Admin LAUNDRY LOCATOR ADMIN
MENU
SELAMAT DATANG
DATA LAUNDRY DATA PELANGGAN
BACKGROUND
GANTI PASSWORD LOGOUT
Gambar 3.18 Halaman Beranda User Admin
http://digilib.mercubuana.ac.id/
40
3.
Halaman Daftar Tempat Laundry
MENU DATA LAUNDRY
DATA TEMPAT LAUNDRY
DATA PELANGGAN
Tambah Tempat laundry
GANTI PASSWORD LOGOUT
TABEL DAFTAR LIST LAUNDRY
Gambar 3.19 Halaman Daftar Tempat Laundry
4.
Halaman Daftar Pelanggan LAUNDRY LOCATOR HALAMAN ADMIN
MENU DATA LAUNDRY
DATA PELANGGAN
DATA PELANGGAN
Tambah Pelanggan
GANTI PASSWORD LOGOUT
TABEL DAFTAR LIST PELANGGAN
Gambar 3.20 Halaman Daftar Pelanggan
http://digilib.mercubuana.ac.id/
41
5.
Halaman Lihat Transaksi LAUNDRY LOCATOR ADMIN
DAFTAR PEMESANAN LAUNDRY
MENU DATA LAUNDRY DATA PELANGGAN
TABEL LIST DATA MASUK LAUNDRY
GANTI PASSWORD LOGOUT
Gambar 3.21 Halaman Lihat Transaksi
6.
Halaman Ganti Password User Admin LAUNDRY LOCATOR HALAMAN ADMIN
MENU GANTI USERNAME DAN PASSWORD
DATA LAUNDRY DATA PELANGGAN GANTI PASSWORD LOGOUT
USERNAME LAMA
:
PASSWORD LAMA
:
USERNAME BARU
:
PASSWORD BARU
: GANTI
Gambar 3.22 Halaman Ganti Password User Admin
http://digilib.mercubuana.ac.id/
42
7.
Halaman Beranda User Laundry LAUNDRY LOCATOR NAMA LAUNDRY SELAMAT DATANG “NAMA LAUNDRY”
MENU BERANDA DAFTAR PEMESANAN
BACKGROUND
DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT
Gambar 3.23 Halaman Beranda User Laundry
8.
Halaman Daftar Pemesanan LAUNDRY LOCATOR HALAMAN LAUNDRY
MENU
DAFTAR PEMESANAN LAUNDRY
BERANDA DAFTAR PEMESANAN DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT
TABEL DAFTAR LIST LAUNDRY
Gambar 3.24 Halaman Daftar Pemesanan
http://digilib.mercubuana.ac.id/
43
9.
Halaman Daftar Harga Satuan LAUNDRY LOCATOR HALAMAN LAUNDRY
MENU
HARGA SATUAN LAUNDRY
BERANDA TAMBAH
DAFTAR PEMESANAN DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT
TABEL HARGA SATUAN
Gambar 3.25 Daftar Harga Satuan
10.
Halaman Atur Profil LAUNDRY LOCATOR HALAMAN LAUNDRY
UBAH PROFIL
MENU BERANDA DAFTAR PEMESANAN DAFTAR HARGA SATUAN ATUR PROFIL LOGOUT
NAMA
:
NO. TELP
:
EMAIL
:
ALAMAT
:
JAM BUKA
:
JAM TUTUP
:
CUCI BIASA
:
CUCI DAN SETRIKA
:
SETRIKA
:
LAMA PENGERJAAN (HARI)
:
PAKET EXPRESS
:
GANTI USERNAME
:
GANTI PASSWORD
:
GANTI
Gambar 3.26 Halaman Atur Profil
http://digilib.mercubuana.ac.id/
44
11.
Halaman Peta Laundry Locator NAMA LAUNDRY
MENU
Peta Tempat Pelanggan
BERANDA DAFTAR PEMESANAN DAFTAR HARGA SATUAN peta
ATUR PROFIL LOGOUT
kembali
Gambar 3.27 Halaman Peta User Laundry
http://digilib.mercubuana.ac.id/