150
4.5 Deployment Diagram
Deployment Diagram menyediakan gambaran bagaimana sistem secara fisik dan terlihat. Sistem yang terdiri dari node-node dimana setiap node tersebut
diwakili dengan simbol atau sebuah kubus. Pada sistem ini menggunakan program client dan server dengan menggunakan jaringan LAN karena sistem ini
digunakan dalam satu area. Oleh karena itu dalam penerapan sistem ini digunakan suatu application server berupa XAMPP yang disebut juga sebagai
CPanel server virtual yang dapat berfungsi untuk membuat aplikasi dapat diakses secara offline. Informasi dapat diakses menggunakan web browser, pada
site mini ditambahkan juga printer untuk mencetak data, Dari penjelasan diatas, maka deployment diagram pada Sistem Informasi Penjualan PT. I-Cube Creativindo
dapat dilihat pada Gambar 4.25.
Gambar 4.25 Deployment Diagram Pada Sistem Informasi Penjualan
PT. I-Cube Creativindo
151
4.6 Perancangan Interface 4.6.1 Struktur Menu
Pada tahap ini, akan dirancang struktur menu bagi masing-masing aktor yang ada dalam sistem. Perancangan struktur menu ini dimulai dari menu utama dan submenu
berdasarkan hak akses aktor masing-masing. 1. Admin
Sistem Informasi Penjualan PT. I-Cube Creativindo
Masukkan Password Menu Sistem Informasi Penjualan PT.
I-Cube Creativindo Data supplier
Data customer Data produk
Data penjualan Jika menekan data supplier,
Maka akan tampil daftar supplier Jika menekan data customer,
Maka akan tampil dafta customer
Jika menekan produk, Maka akan tampil data produk
Jika menekan data penjualan, Maka akan tampil ke menu
selanjutanya Jika Username dan Password benar
maka akan masuk ke aplikasi Jika Username dan Password salah
maka akan masuk ke Login
Akun Profile Jika menekan akun profile,
Maka akan tampil daftar akun profil Data pengembalian
Jika menekan data pengembalian, maka akan tampil data pengembalian
Data pembelian Jika menekan data pembelian,
Maka akan tampil data pembelian grafik
Jika menekan grafik, Maka akan tampil grafik penjualan
Data transaksi Jika menekan data transaksi,
Maka akan tampil daftar data transaksi pengiriman
Jika menekan pengiriman, Maka akan tampil daftar pengiriman
sebelum barang terkirim Data pengiriman
Jika menekan data pengiriman, Maka akan tampil daftar status
pengirimn barang tersebut.
Gambar 4.26 Struktur menu Admin
2. Staff Marketing
Sistem Informasi Penjualan PT. I-Cube Creativindo
Masukkan Password Menu Sistem Informasi Penjualan PT.
I-Cube Creativindo Data supplier
Data customer Data penjualan
Jika menekan data supplier, Maka akan tampil daftar supplier
Jika menekan data customer, Maka akan tampil dafta
customer Jika menekan data penjualan,
Maka akan tampil ke menu selanjutanya
Jika Username dan Password benar maka akan masuk ke aplikasi
Jika Username dan Password salah maka akan masuk ke Login
Akun Profile
Jika menekan akun profile, Maka akan tampil daftar akun profil
Data pembelian
Jika menekan data pembelian, Maka akan tampil data pembelian
Data transaksi
Jika menekan data transaksi, Maka akan tampil daftar data transaksi
pengiriman
Jika menekan pengiriman, Maka akan tampil daftar pengiriman
sebelum barang terkirim
Data pengiriman
Jika menekan data pengiriman, Maka akan tampil daftar status
pengirimn barang tersebut.
Gambar 4.27 Struktur menu outside sales
152 3. Staff Gudang
Sistem Informasi Penjualan PT. I-Cube Creativindo
Masukkan Password Menu Sistem Informasi Penjualan PT.
I-Cube Creativindo
Data produk
Jika menekan produk, Maka akan tampil data produk
Jika Username dan Password benar maka akan masuk ke aplikasi
Jika Username dan Password salah maka akan masuk ke Login
Akun Profile
Jika menekan akun profile, Maka akan tampil daftar akun profil
Data pengembalian
Jika menekan data pengembalian, maka akan tampil data pengembalian
Gambar 4.28 Struktur menu Staff Gudang
4. Manajer
Sistem Informasi Penjualan PT. I-Cube Creativindo
Masukkan Password Menu Sistem Informasi Penjualan PT.
I-Cube Creativindo
Jika Username dan Password benar maka akan masuk ke aplikasi
Jika Username dan Password salah maka akan masuk ke Login
Akun Profile
Jika menekan akun profile, Maka akan tampil daftar akun profil
Grafik
Jika menekan grafik, Maka akan tampil grafik penjualan serta
dapat mengunduh laporanp enjualan.
Laporan retur
Jika menekan laporan retur, maka akan tampil data laporan retur
dengan mengunduh terlebih dahulu.
Gambar 4.29 Struktur menu manajer marketing
153
4.6.2 Perancangan Layout
Menggambarkan Halaman antarmuka yang akan dirancang dalam aplikasi. Terdapat 4 fungsi user dalam sistem:
1. Tampilan Halaman Untuk Admin 1. 1 Tampilan Halaman Login Admin
HEADER
username
password
FOOTER login
Gambar 4.30 Halaman Login Admin
Keterangan gambar : Merupakan tampilan halaman home admin dari sistem, dimana tampilan tersebut ada ketika admin akan masuk kedalam halaman utama admin atau
sistem.
154
1.2 Tampilan Halaman Home Admin
HEADER
home Akun profile
Data supplier Data customer
FOOTER
Data pembelian Data produk
Data penjualan Data pengembalian
Grafik Log out
Selamat datang ---------------------------------------------------------------------------------
--------------------------------------------------------------------------------- ---------------------------------------------------------------------------------
20 20
20 20
20
S Juli 14
S R
K J
S M
1 2
3 4
5 6
7 8
9 1
1 1
1 2
1 3
1 4
1 5
1 6
1 7
1 8
1 9
2 2
1 2
2 2
3 2
4 2
5 2
6 2
7 2
8 2
9 3
3 1
Gambar 4.31 Halaman Home Admin
Keterangan gambar : merupakan tampilan Home Admin dari System, dimana tampilan tersebut ada ketika admin telah berhasil login dan memasuki sistem.
155
1.3 Tampilan Halaman Akun Profile
HEADER
home Akun profile
Data supplier Data customer
FOOTER
Data pembelian Data produk
Data penjualan Data pengembalian
Grafik Log out
Tambah akun No. Nip username nama lengkap jabatan email no.telpHP aksi
Gambar 4.32 Halaman Akun Profile Admin
Keterangan : Merupakan tampilan Admin untuk mengelola data user dari System, seperti menambah data user dimana tampilan tersebut ada ketika admin telah berhasil login dan
memasuki system dan didalam halaman juga dapat mengedit dan mnghapus data akun tersebut.
156
1.4 Tampilan Halaman Data Supplier
Kategori