BAB IV

PERANCANGAN SISTEM INFORMASI

4.1 Perancangan Perangkat Lunak

Tahapan ini merupakan rangkaian pemodelan kasus dan
menggunakan sequence diagram, class diagram dan antar muka
pemakai.

4.1.1 Sequence Diagram

Sequence diagram merupakan diagram untuk
menggambarkan perilaku sistem terhadap suatu interaksi antar kelas
berdasarkan urutan waktu.

4.1.1.1 Sequence Diagram Admin

1. Sequence diagram login

Gambar 4.1 Sequence Diagram Login Admin

88
 89

2. Sequence diagram kategori produk

Gambar 4.2 Sequence Diagram Kategori Produk

3. Sequence diagram kelola produk

Gambar 4.3 Sequence Diagram Kelola Produk

 90

4. Sequence diagram kelola jasa kirim

Gambar 4.4 Sequence Diagram Kelola Jasa Kirim

5. Sequence diagram kelola website

Gambar 4.5 Sequence Diagram Kelola Website

 91

6. Sequence diagram kelola user

Gambar 4.6 Sequence Diagram Kelola User

7. Sequence diagram kelola pesanan

Gambar 4.7 Sequence Diagram Kelola Pesanan

 92

8. Sequence diagram kelola bayar

Gambar 4.8 Sequence Diagram Kelola Bayar

9. Sequence diagram laporan

Gambar 4.9 Sequence Diagram Laporan

 93

4.1.1.2 Sequence Diagram Pengunjung

1. Sequence diagram beranda

Gambar 4.10 Sequence Diagram Beranda

2. Sequence diagram registrasi

Gambar 4.11 Sequence Diagram Registrasi

 94

3. Sequence diagram syarat dan ketentuan

Gambar 4.12 Sequence Diagram Syarat dan Ketentuan

4.1.1.3 Sequence Diagram Sales Point

1. Sequence diagram login

Gambar 4.13 Sequence Diagram Login Sales Point

 95

2. Sequence diagram history belanja

Gambar 4.14 Sequence Diagram History Belanja

3. Sequence diagram keranjang

Gambar 4.15 Sequence Diagram Keranjang

 96

4. Sequence diagram prosedur pesan

Gambar 4.16 Sequence Diagram Prosedur Pesan

4.1.1.4 Sequence Diagram Marketing

1. Sequence diagram login

Gambar 4.17 Sequence Diagram Login

 97

2. Sequence diagram kelola pesanan

Gambar 4.18 Sequence Diagram Kelola Pesanan

3. Sequence diagram kelola bayar

Gambar 4.19 Sequence Diagram Kelola Bayar

 98

4. Sequence diagram laporan

Gambar 4.20 Sequence Diagram Laporan

 99

4.1.2 Class Diagram

Class diagram merupakan sebuah class yang
menggambarkan struktur dan penjelasan objek, class, paket, serta
hubungan satu sama lain. Adapun class diagram tahap perancangan
adalah sebagai berikut:

Gambar 4.21 Class Diagram Admin

 100

Ga
mbar 4.22 Class Diagram Pengunjung
 101

Gambar 4.23 Class Diagram Sales Point

Gambar 4.24 Class Diagram Marketing

 102

4.1.3 Antar Muka Pemakai

Perancangan antar muka menjelaskan rutinitas program
yang di jalankan oleh sebuah sistem komputerisasi untuk
menjelaskan interaksi antara pengguna dengan sistem yang di buat.

Gambar 4.25 Perancangan Antar Muka Login Users

 103

Gambar 4.26 Perancangan Antar Muka Halaman Admin

Gambar 4.27 Perancangan Antar Muka Halaman Marketing

 104

Gambar 4.28 Perancangan Antar Muka Halaman Utama

Gambar 4.29 Perancangan Antar Muka Halaman Produk

 105

Gambar 4.30 Perancangan Antarmuka Halaman Registrasi

4.2 Perancangan Perangkat Keras

Perancangan perangkat keras ini menjelaskan apa saja
spesifikasi perangkat keras yang akan digunakan oleh sistem serta
penjelasan dari spesifikasi itu sendiri seperti apa.

4.2.1 Konfigurasi Perangkat Keras

Konfigurasi perangkat keras merupakan gambaran
bagaimana hubungan antar komponen dari suatu sistem itu berjalan,
perangkat keras menjadi salah satu komponen yang sifatnya
berbentuk nyata dan akan saling bekerja sama membentuk suatu
kesatuan.
 106

Untuk menerapkan sistem informasi pemesanan AMDK

berbasis website membutuhkan konfigurasi perangkat keras
manfaatnya sebagai gambaran dari topologi yang akan di gunakan.

Gambar 4.31 Konfigurasi Perangkat Keras

4.2.2 Spesifikasi Perangkat Keras

Dari hasil perancangan yang dibuat maka dibutuhkan
perangkat keras untuk pembuatan aplikasi sistem informasi
pemesanan AMDK berbasis website di PT Muawanah Al Ma’soem
dengan spesifikasi sebagai berikut :
 107

1. Processor Intel Core 2.80 GHz

2. Memory 8 GB
3. Harddisk
4. Monitor
5. Keyboard dan Mouse
6. Printer
7. DVD RW

4.2.3 Spesifikasi Perangkat Lunak

Agar dapat berjalan sebagaimana mestinya perancangan
aplikasi sistem informasi pemesanan AMDK berbasis website di PT
Muawanah Al Ma’soem, membutuhkan beberapa perangkat lunak
untuk membuat aplikasi ini diantaranya sebagai berikut :
1. Microsoft Windows 10
2. Web Browser
3. Xampp
4. Sublime Text 3
5. Draw.io
6. Microsoft Office 2016