commit to user 26
Tabel 3.7 Desain tb_pengaturan Atribut
Tipe data Panjang
Keterangan Id_config
int
Primary key
Waktu_pengiriman time Status_sms
enum “0”,”1”
Laundry_selesai text
Laundry_terlambat text Pengirim
varchar 20
Kata_broadcast text
3.3 Desain Tampilan Sistem
Desain tampilan sistem berfungsi sebagai acuan untuk membuat
user interface
dalam implementasi sistem. Berikut ini adalah penjabaran tentang desain tampilan sistem dalam SIL Sistem Informasi
Laundry
berbasis SMS
gateway
.
3.3.1 Rancangan Halaman Login
Rancangan halaman login untuk SIL berbasis
SMS gateway
ditunjukkan pada gambar 3.12 berikut ini :
Username Password
Masuk Header
Footer Reset
Gambar 3.12 Rancangan Halaman Login
commit to user 27
3.3.2 Rancangan Halaman Menu Utama Admin
Setelah login berhasil, kemudian masuk ke halaman utama. Rancangan halaman menu utama untuk admin ditunjukkan pada gambar 3.13 berikut
ini :
Header
Footer Laundry Baru
Kelola Data Rak Kelola Data
Konsumen Kelola Data
Barang Kelola Data
Transaksi Cek SMS
Broadcast SMS Pengaturan SMS
Data User Laporan Transaksi
Gambar 3.13 Rancangan Menu Utama Admin
3.3.3 Rancangan Halaman Menu Utama Petugas
Rancangan halaman menu utama untuk petugas ditunjukkan pada gambar 3.14 berikut ini :
Header
Footer Kelola Data
Transaksi Laundry Baru
Kelola Data Konsumen
Cek SMS
Gambar 3.14 Rancangan Menu Utama Petugas
commit to user 28
3.3.4 Rancangan Halaman Menu Laundry Baru
Rancangan halaman jika menu laundry baru dipilih ditunjukkan pada gambar 3.15 berikut ini :
Header
Footer ID konsumen
Jumlah Barang Tanggal Masuk
Tanggal Jadi Perkiraan DATA LAUNDRY BARU
RINCI
HITUNG RESET
M E
N U
U T
A M
A
Gambar 3.15 Rancangan Halaman Menu Laundry Baru
3.3.5 Rancangan Halaman Menu Kelola Data Rak
Rancangan halaman jika menu kelola data rak dipilih ditunjukkan pada gambar 3.16 berikut ini :
Header
Footer + TAMBAH DATA RAK
Pencarian : CARI
No Nama Rak
Status Aksi
M E
N U
U T
A M
A ID Rak
Gambar 3.16 Rancangan Halaman Menu Kelola Data Rak
commit to user 29
Jika klik tambah data rak, maka rancangan halaman tambah data rak ditunjukkan pada gambar 3.17 berikut ini :
Header
Footer ID Rak
Nama Rak TAMBAH DATA RAK
SIMPAN RESET
M E
N U
U T
A M
A
Gambar 3.17 Rancangan Halaman Tambah Data Rak
3.3.6 Rancangan Halaman Menu Kelola Data Konsumen
Rancangan halaman jika menu kelola data konsumen dipilih ditunjukkan pada gambar 3.18 berikut ini :
Header
Footer + TAMBAH DATA KONSUMEN
Pencarian : CARI
No Nama Konsumen
ID kosumen Alamat
Telp Aksi
M E
N U
U T
A M
A
Gambar 3.18 Rancangan Halaman Menu Kelola Data Konsumen
Jika klik tambah data konsumen, maka rancangan halaman tambah data konsumen ditunjukkan pada gambar 3.19 berikut ini :
commit to user 30
Header
Footer ID Konsumen
Nama Konsumen Alamat
Jenis Kelamin No. telp
TAMBAH DATA KONSUMEN
SIMPAN RESET
M E
N U
U T
A M
A
Gambar 3.19 Rancangan Halaman Tambah Data Konsumen
3.3.7 Rancangan Halaman Menu Kelola Data Barang
Rancangan halaman jika menu kelola data barang dipilih ditunjukkan pada gambar 3.20 berikut ini :
Header
Footer + TAMBAH DATA BARANG
Pencarian : CARI
No Nama Barang
Biaya item Aksi
M E
N U
U T
A M
A ID Barang
Gambar 3.20 Rancangan Halaman Menu Kelola Data Barang
commit to user 31
Jika klik tambah data barang, maka rancangan halaman tambah data barang ditunjukkan pada gambar 3.21 berikut ini :
Header
Footer ID Barang
Nama Barang Biaya
TAMBAH DATA BARANG
SIMPAN RESET
M E
N U
U T
A M
A
Gambar 3.21 Rancangan Halaman Tambah Data Barang
3.3.8 Rancangan Halaman Menu Kelola Data Transaksi
Rancangan halaman jika menu kelola data transaksi dipilih ditunjukkan pada gambar 3.22 berikut ini :
Header
Footer Pencarian :
CARI No
Nama Konsumen Tgl_masuk Biaya
Tgl_ambil Aksi
Status Jml
M E
N U
U T
A M
A PENGELOLAAN DATA TRANSAKSI LAUNDRY
ID Transaksi
Gambar 3.22 Rancangan Halaman Menu Kelola Data Transaksi
commit to user 32
Data transaksi
laundry
yang muncul nantinya akan ada aksi, tombol aksi ini yang nantinya akan digunakan untuk perubahan status
laundry
. Jika
laundry
sudah selesai, ganti status menjadi selesai dan memilih rak tempat penyimpanan barang
laundry
. Rancangan halaman jika
laundry
sudah selesai ditunjukkan pada gambar 3.23 berikut ini :
Header
Footer Id Konsumen
Nama Tgl masuk
Tgl Perkiraan Jadi Total Barang
Status Pilih Rak
DETAIL TRANSAKSI LAUNDRY
RINCIAN
SIMPAN M
E N
U U
T A
M A
Gambar 3.23 Rancangan Halaman
Laundry
Selesai
Sedangkan jika konsumen akan mengambil barang
laundry
, disitu sudah terlihat dimana posisi rak tempat menyimpan barang
laundry
konsumen. Rancangan halaman ambil
laundry
ditunjukkan pada gambar 3.24 berikut ini :
commit to user 33
Header
Footer Id Konsumen
Nama Tgl masuk
Tgl Perkiraan Jadi Total Barang
Status Posisi Rak
DETAIL TRANSAKSI LAUNDRY
RINCIAN
AMBIL BAYAR M
E N
U U
T A
M A
Gambar 3.24 Rancangan Halaman Ambil
Laundry
Setelah
laundry
diambil, status laundry otomatis akan berubah menjadi sudah diambil.
3.3.9 Rancangan Halaman Menu Cek
SMS
Rancangan halaman jika menu cek
sms
dipilih ditunjukkan pada gambar 3.25 berikut ini :
commit to user 34
Header
Footer Pencarian :
CARI No
Tanggal Nomor Tujuan
Aksi M
E N
U U
T A
M A
Isi
Gambar 3.25 Rancangan Halaman Menu Cek SMS
3.3.10 Rancangan Halaman Menu
Broadcast
SMS Rancangan halaman jika menu broadcast sms dipilih ditunjukkan pada
gambar 3.26 berikut ini :
Header
Footer Kata Broadcast
Pencarian : CARI
No Nama Konsumen
ID kosumen Telp
Alamat Aksi
M E
N U
U T
A M
A KIRIM PESAN
SIMPAN RESET
Gambar 3.26 Rancangan Halaman Menu
Broadcast
SMS
commit to user 35
3.3.11 Rancangan Halaman Menu Pengaturan SMS
Rancangan halaman jika menu pengaturan sms dipilih ditunjukkan pada gambar 3.27 berikut ini :
Header
Footer Waktu Pengiriman
Status SMS Pengirim
Laundry Selesai Laundry Terlambat
PENGATURAN SMS
SIMPAN RESET
M E
N U
U T
A M
A Aktif
Tidak aktif
Gambar 3.27 Rancangan Halaman Pengaturan SMS
3.3.12 Rancangan Halaman Menu Data User
Rancangan halaman jika menu data user dipilih ditunjukkan pada gambar 3.28 berikut ini :
commit to user 36
Header
Footer + TAMBAH DATA USER
Pencarian : CARI
No Username
Level Aksi
M E
N U
U T
A M
A
Gambar 3.28 Rancangan Halaman Menu Data User
Jika klik tambah data user, maka rancangan halaman tambah data user ditunjukkan pada gambar 3.29 berikut ini :
Header
Footer Level
Username Password
TAMBAH DATA USER
SIMPAN RESET
M E
N U
U T
A M
A
Gambar 3.29 Rancangan Halaman Tambah Data User
commit to user 37
3.3.13 Rancangan Halaman Menu Laporan Transaksi
Rancangan halaman jika menu laporan transaksi dipilih ditunjukkan pada gambar 3.30 berikut ini :
Header
Footer Tgl Awal :
Tgl Akhir : SIAPKAN
Laporan Transaksi Keuangan M
E N
U U
T A
M A
Gambar 3.30 Rancangan Halaman Menu Laporan Transaksi
commit to user
38
BAB IV IMPLEMENTASI DAN ANALISA
Implementasi dan analisa menjelaskan hasil analisa dan beberapa pembahasan yang yang berhubungan dengan sistem. Berdasarkan implementasi
ini, pembaca diharapkan dapat memahami hasil penelitian melalui beberapa gambar dengan beberapa uraian yang pokok di setiap gambar.
4.1 Keperluan Sistem
