ke tabel produk field id_produk
stok int
10 -
Not null
3.6.2 Perancangan Arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah
dalam proses pembangunan aplikasi sisitem informasi ini. Perancangan perangkat lunak ini mengikuti konsep yang telah dilakukan pada tahap analisis sistem.
Perancangan arsitektur ini terdiri dari perancangan struktur menu, perancangan antar muka, dan jaringan semantik
3.6.2.1 Perancangan struktur menu
Struktur menu dirancang admin, Jendral, pelanggan dan pengunjung. Adapun struktur menunya adalah sebagai berikut :
1. Perancangan menu admin ditunjukan oleh Gambar 3.45. 2. Perancangan menu Jendral ditunjukan oleh Gambar 3.46.
3. Perancangan menu pelanggan ditunjukan oleh Gambar 3.47. 4. Perancangan menu pngunjung ditunjukan oleh Gambar 3.48
Beranda Akun admin
Data master Data penjualan
Data komentar logout
Admin
Ubah profil Ubah password
Data jenis Data level
Data produk Data provinsi
kota Data jendral
Data pelanggan
tambah Ubah
hapus Laporan pembayaran
Gambar 3.45 Struktur Menu Admin
jendral
beranda Update lokasi
Lihat posisi jendral permintaan
pelanggan Akun saya
Ubah profile Ganti password
Detail penjualan
Gambar 3.46 Struktur Menu Jendral
Pelanggan
beranda Update permintaan
lokasi Lihat posisi jendral
Akun saya
Ubah profile Ganti password
Detail penjualan
Gambar 3.47 Struktur Menu pelanggan
pengunjung
login Lihat posisi jendral
Registrasi
Detail penjualan Lupa password
Gambar 3.48 Struktur Menu pengunjung
Perancangan antar muka 3.6.2.1
Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user. Spesifikasi antarmuka
terdiri dari perancangan tampilan menu dan tampilan form. 1. Perancangan antar muka admin
a. Menu login Berikut dapat dilihat perancangan antarmuka menu login dari pembangunan
aplikasi penjualan produk Maicih yang tercantum pada Gambar 3.49
Keterangan Ukuran
Jenis Huruf : Halaman Login
: 1024x768 : Tahoma
T01 1. Klik tombol login maka akan muncul
T02 yaitu tampilan utama administrator 2. Jika email atau password kosong
maka akam muncul M01 3. Jika email atau password salah maka
akam muncul M02 LOGO
Password Email
Login
Gambar 3.49 antarmuka menu login admin
b. Menu utama Berikut dapat dilihat perancangan antarmuka menu utama dari pembangunan
aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.50
Keterangan Ukuran
Jenis Huruf : Halaman Utama
: 1024X768 : Tahoma
LOGO
SELAMAT DATANG DIHALAMAN ADMINISTRATOR T02
1. Klik tombol beranda maka akan muncul T02
2. Klik tombol akun saya maka akan muncul submenu T03 dan T04
3. Klik tombol pengolahan data master maka akan muncul submenu T05, T07,
T09, T11, T13, T15, T17 4. Klik tombol pengolahan data pejualan
maka akan muncul T19 5. Klik tombol pengolahan data komentar
maka akan muncul T21 6. Klik tombol pengolahan laporan maka
akan muncul T34, T35 7. Klik tombol logout maka akan kembali
ke T01 Pengolahan
Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Gambar 3.50 antarmuka menu utama admin c. Menu ubah profile
Berikut dapat dilihat perancangan antarmuka menu ubah profile admin dari pembangunan aplikasi penjualan produk Maicih yang tercantum pada Gambar
3.51 d. Menu ubah password
Berikut dapat dilihat perancangan antarmuka menu ubah password admin dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada
Gambar 3.52 e. Menu pengolahan data jenis
f. Berikut dapat dilihat perancangan antarmuka pengolahan data jenis dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada
Gambar 3.53
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Profile
: 1024X768 : Tahoma
LOGO T03
1. Klik tombol beranda maka akan muncul T02
2. Klik tombol akun saya maka akan muncul submenu T03 dan T04
3. Klik tombol pengolahan data master maka akan muncul submenu T05, T07,
T09, T11, T13, T15, T17 4. Klik tombol pengolahan data pejualan
maka akan muncul T19 5. Klik tombol pengolahan data komentar
maka akan muncul T21 6. Klik tombol logout maka akan kembali ke
T01 7. Klik tombol pengolahan laporan maka
akan muncul T34, T35 8. Klik update maka akan muncul M03
Ubah Profile Admin
Update Email
Nama Telp
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.51 antarmuka menu ubah profile
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Password
: 1024X768 : Tahoma
LOGO T04
Ubah Password Admin
Ubah Password Password Lama
Password Baru Confirm Password
Admin 1. Klik tombol beranda maka akan muncul
T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik ubah password maka akan muncul M04
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.52 antarmuka menu ubah password
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Jenis
: 1024X768 : Tahoma
LOGO T05
1. Klik tombol beranda maka akan muncul T02
2. Klik tombol akun saya maka akan muncul submenu T03 dan T04
3. Klik tombol pengolahan data master maka akan muncul submenu T05, T07,
T09, T11, T13, T15, T17 4. Klik tombol pengolahan data pejualan
maka akan muncul T19 5. Klik tombol pengolahan data komentar
maka akan muncul T21 6. Klik tombol pengolahan laporan maka
akan muncul T34, T35 7. Klik tombol logout maka akan kembali
ke T01 8. Klik tombol tambah jenis maka akan
muncul T06 9. Klik tombol cari akan muncul data hasil
pencarian 10. Klik tombol ubah maka akan muncul
T24 11. Klik tombol hapus maka akan muncul
M12
Pengolahan Data Jenis Cari
Tambah Jenis Ubah
Hapus Tabel
Jenis Pengolahan
Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Gambar 3.53 antarmuka menu pengolahan data jenis
e. Menu tambah data jenis Berikut dapat dilihat perancangan antarmuka menu tambah data jenis dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.54
f. Menu pengolahan data level Berikut dapat dilihat perancangan antarmuka pengolahan data level admin
dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.55
g. Menu tambah data level Berikut dapat dilihat perancangan antarmuka tambah data level dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.56
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Jenis
: 1024X768 : Tahoma
LOGO T06
Nama Jenis Produk Batal
Simpan 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M05
9. Klik tombol batal maka akan muncul T05
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.54 antarmuka menu tambah data jenis
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Level
: 1024X768 : Tahoma
LOGO T07
Pengolahan Data Level Cari
Tambah Level Ubah
Hapus Tabel
Level 1. Klik tombol beranda maka akan muncul
T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T08
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol ubah maka akan muncul T25
11. Klik tombol hapus maka akan muncul M12
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.55 antarmuka menu pengolahan data level
Keterangan Ukuran
Jenis Huruf : 1024X768
: Tahoma LOGO
T08
Nama Level Batal
Simpan 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M05
9. Klik tombol batal maka akan muncul T07
: Halaman Tambah Data level Pengolahan
Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Gambar 3.56 antarmuka menu tambah data level
h. Menu pengolahan data produk Berikut dapat dilihat perancangan antarmuka menu pengoilahan data produk
dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.57
i. Menu tambah data produk Berikut dapat dilihat perancangan antarmuka tambah data produk dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.58
j. Menu pengolahan data provinsi Berikut dapat dilihat perancangan antarmuka pengolahan data provinsi dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.59
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Produk
: 1024X768 : Tahoma
LOGO T09
Pengolahan Data Jenis Cari
Tambah Produk Ubah
Hapus Tabel
Produk Cari berdasarkan :
V 1. Klik tombol beranda maka akan muncul
T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T10
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol ubah maka akan muncul T26
11. Klik tombol hapus maka akan muncul M12
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.57 antarmuka menu pengolahan data produk
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Produk
: 1024X768 : Tahoma
LOGO T10
Nama Jenis Produk
Batal Simpan
Level Deskripsi Produk
V V
1. Klik tombol beranda maka akan muncul T02
2. Klik tombol akun saya maka akan muncul submenu T03 dan T04
3. Klik tombol pengolahan data master maka akan muncul submenu T05, T07,
T09, T11, T13, T15, T17 4. Klik tombol pengolahan data pejualan
maka akan muncul T19 5. Klik tombol pengolahan data komentar
maka akan muncul T21 6. Klik tombol pengolahan laporan maka
akan muncul T34, T35 7. Klik tombol logout maka akan kembali ke
T01 8. Klik tombol sImpan maka akan muncul
M05 9. Klik tombol batal maka akan muncul T09
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.58 antarmuka menu tambah data produk
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Provinsi
: 1024X768 : Tahoma
LOGO T11
Pengolahan Data Provinsi Cari
Tambah Provinsi Ubah
Hapus Tabel
Provinsi 1. Klik tombol beranda maka akan muncul
T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T12
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol ubah maka akan muncul T27
11. Klik tombol hapus maka akan muncul M12
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.59 antarmuka pengolahan data provinsi
k. Menu tambah data provinsi Berikut dapat dilihat perancangan antarmuka menu tambah data provinsi dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.60
l. Menu pengolahan data kota Berikut dapat dilihat perancangan antarmuka pengolahan data kotadari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.61
m. Menu tambah data kota Berikut dapat dilihat perancangan antarmuka tambah data kota dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.62
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Provinsi
: 1024X768 : Tahoma
LOGO T12
Nama Provinsi Batal
Simpan 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M05
9. Klik tombol batal maka akan muncul T11
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.60 antarmuka tambah data provinsi
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Kota
: 1024X768 : Tahoma
LOGO T13
Pengolahan Data Kota Cari
Tambah Kota Ubah
Hapus Tabel
Kota Cari berdasarkan :
V 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T14
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol ubah maka akan muncul T28
11. Klik tombol hapus maka akan muncul M12
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.61 antarmuka pengolahan data kota
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Kota
: 1024X768 : Tahoma
LOGO T14
Nama Kota Batal
Simpan Nama Provinsi
V 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M05
9. Klik tombol batal maka akan muncul T13
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.62 antarmuka tambah data kota
n. Menu pengolahan data Jendral Berikut dapat dilihat perancangan antarmuka menu tambah data provinsi dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.63
o. Menu tambah data Jendral Berikut dapat dilihat perancangan antarmuka pengolahan data kota dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.64
p. Menu pengolahan data pelanggan Berikut dapat dilihat perancangan antarmuka tambah data kota dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.65
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Jendral
: 1024X768 : Tahoma
LOGO T15
Pengolahan Data Jendral Cari
Tambah Jendral Ubah
Hapus Tabel
Jendral Cari berdasarkan :
V 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T16
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol ubah maka akan muncul T29
11. Klik tombol hapus maka akan muncul M12
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.63 antarmuka pengolahan data Jendral
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data jendral
: 1024X768 : Tahoma
LOGO T16
Password
Batal Simpan
Username
V V
Email Nama Jendral
Alamat Provinsi
Kota No.Telp
Pin BB Nama Kendaraan
Plat Nomor Id Twitter
Status aktif 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M05
9. Klik tombol batal maka akan muncul T15
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.64 antarmuka tambah data Jendral
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Pelanggan
: 1024X768 : Tahoma
LOGO T17
Pengolahan Data Pelanggan Cari
Tambah Pelangganl Ubah
Hapus Tabel
Pelanggan Cari berdasarkan :
V 1. Klik tombol beranda maka akan muncul
T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T18
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol ubah maka akan muncul T30
11. Klik tombol hapus maka akan muncul M12
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.65 Pengolahan Data Pelanggan
q. Menu tambah data pelanggan Berikut dapat dilihat perancangan antarmuka menu tambah data pelanggan
dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.66
r. Menu pengolahan data penjualan Berikut dapat dilihat perancangan antarmuka pengolahan data penjualan dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.67
s. Menu tambah data penjualan Berikut dapat dilihat perancangan antarmuka tambah data kota dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.68,Gambar 3.69 dan Gambar 3.70
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Pelanggan
: 1024X768 : Tahoma
LOGO T18
Nama Pelanggan
Batal Simpan
Username V
V Email
Password Alamat
Provinsi Kota
No.Telp 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M05
9. Klik tombol batal maka akan muncul T17
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.66 antarmuka tambah data pelanggan
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Penjualan
: 1024X768 : Tahoma
LOGO T19
Pengolahan Data Penjualan Cari
Tambah Penjualan Detail
Penjualan Detail
Pembayaran Tabel
Penjualan Cari berdasarkan :
V 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T20
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol detail penjualan maka akan muncul T31
11. Klik tombol detail posisi maka akan muncul T32
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.67 antarmuka pengolahan data penjualan
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Penjualan
: 1024X768 : Tahoma
LOGO T20
Batal Simpan
Nama jendral Search
1. Klik tombol beranda maka akan muncul T02
2. Klik tombol akun saya maka akan muncul submenu T03 dan T04
3. Klik tombol pengolahan data master maka akan muncul submenu T05, T07,
T09, T11, T13, T15, T17 4. Klik tombol pengolahan data pejualan
maka akan muncul T19 5. Klik tombol pengolahan data
komentar maka akan muncul T21 6. Klik tombol pengolahan laporan maka
akan muncul T34, T35 7. Klik tombol logout maka akan kembali
ke T01 8. Klik tombol sImpan maka akan
muncul T22 9. Klik tombol batal maka akan muncul
T19 Pengolahan
Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Gambar 3.68 antarmuka tambah data penjualan
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Penjualan
: 1024X768 : Tahoma
LOGO T22
Tanggal : No penjualan :
Nama jendral : Produk :
Tambah Produk Hapus
Tabel Produk
Batal Konfirmasi
pembayaran 1. Klik tombol beranda maka akan muncul T02
2. Klik tombol akun saya maka akan muncul submenu T03 dan T04
3. Klik tombol pengolahan data master maka akan muncul submenu T05, T07, T09, T11, T13, T15,
T17 4. Klik tombol pengolahan data pejualan maka
akan muncul T19 5. Klik tombol pengolahan data komentar maka
akan muncul T21 6. Klik tombol pengolahan laporan maka akan
muncul T34, T35 7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah produk maka akan muncul T23
9. Klik tombol konfirmasi pembayaran maka akan muncul T32
10. Klik tombol batal maka akan muncul T20 Pengolahan
Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Gambar 3.69 antarmuka tambah data penjualan
Keterangan Ukuran
Jenis Huruf : Halaman Tambah Data Penjualan
: 1024X768 : Tahoma
LOGO T23
Nama Jenis Produk
Batal Simpan
Level Jumlah Produk
V V
Bungkus 1. Klik tombol beranda maka akan muncul
T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol simpan maka akan muncul M05
9. Klik tombol batal maka akan muncul T22
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.70 antarmuka tambah data penjualan
t. Menu pengolahan data komentar Berikut dapat dilihat perancangan antarmuka pengolahan data komentar dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.71
u. Menu ubah data jenis Berikut dapat dilihat perancangan antarmuka ubah data jenis dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.72
v. Menu ubah data level Berikut dapat dilihat perancangan antarmuka ubah data level dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.73
Keterangan Ukuran
Jenis Huruf : Halaman Pengolahan Data Komentar
: 1024X768 : Tahoma
LOGO T21
Pengolahan Data Komentar Cari
Hapus Tabel
Komentar Cari berdasarkan :
V 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol tambah jenis maka akan muncul T20
9. Klik tombol cari akan muncul data hasil pencarian
10. Klik tombol detail posisi maka akan muncul T33
11. Klik tombol hapus maka akan muncul M12
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.71 antarmuka pengolahan data komentar
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Data Jenis
: 1024X768 : Tahoma
LOGO T24
Nama Jenis Produk Batal
Simpan 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M08
9. Klik tombol batal maka akan muncul T05
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.72 antarmuka ubah data jenis
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Data Level
: 1024X768 : Tahoma
LOGO T25
Nama Level Batal
Simpan 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M08
9. Klik tombol batal maka akan muncul T07
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.73 antarmuka ubah data level
w. Menu ubah data produk Berikut dapat dilihat perancangan antarmuka pengolahan ubah data produk
dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.74
x. Menu ubah data provinsi Berikut dapat dilihat perancangan antarmuka ubah data provinsi dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.75
y. Menu ubah data kota Berikut dapat dilihat perancangan antarmuka ubah data kota dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.76
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Data produk
: 1024X768 : Tahoma
LOGO T26
Nama Jenis Produk
Batal Simpan
Level Deskripsi Produk
V V
1. Klik tombol beranda maka akan muncul T02
2. Klik tombol akun saya maka akan muncul submenu T03 dan
T04 3. Klik tombol pengolahan data
master maka akan muncul submenu T05, T07, T09, T11, T13,
T15, T17 4. Klik tombol pengolahan data
pejualan maka akan muncul T19 5. Klik tombol pengolahan data
komentar maka akan muncul T21 6. Klik tombol pengolahan laporan
maka akan muncul T34, T35 7. Klik tombol logout maka akan
kembali ke T01 8. Klik tombol sImpan maka akan
muncul M08 9. Klik tombol batal maka akan
muncul T09
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.74 antarmuka ubah data produk
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Data Provinsi
: 1024X768 : Tahoma
LOGO T27
Nama Provinsi Batal
Simpan 1. Klik tombol beranda maka akan muncul
T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M08
9. Klik tombol batal maka akan muncul T11
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.75 antarmuka ubah data provinsi
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Data Kota
: 1024X768 : Tahoma
LOGO T28
Nama Kota Batal
Simpan Nama Provinsi
V 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M08
9. Klik tombol batal maka akan muncul T13
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.76 antarmuka ubah data kota
z. Menu ubah data Jendral Berikut dapat dilihat perancangan antarmuka pengolahan ubah data Jendral
dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.77
aa. Menu ubah data pelanggan Berikut dapat dilihat perancangan antarmuka ubah data pelanggan dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.78
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Data Jendral
: 1024X768 : Tahoma
LOGO T29
Password
Batal Simpan
Username
V V
Email Nama Jendral
Alamat Provinsi
Kota No.Telp
Pin BB Nama Kendaraan
Plat Nomor Id Twitter
Status aktif 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M08
9. Klik tombol batal maka akan muncul T15
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.77 antarmuka ubah data Jendral
Keterangan Ukuran
Jenis Huruf : Halaman Ubah Data Pelanggan
: 1024X768 : Tahoma
LOGO T30
Nama Pelanggan
Batal Simpan
Username V
V Email
Password Alamat
Provinsi Kota
No.Telp 1. Klik tombol beranda maka akan
muncul T02 2. Klik tombol akun saya maka akan
muncul submenu T03 dan T04 3. Klik tombol pengolahan data master
maka akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol logout maka akan kembali ke T01
8. Klik tombol sImpan maka akan muncul M08
9. Klik tombol batal maka akan muncul T17
Pengolahan Data
Penjualan Beranda
Akun Saya Pengolahan
Data Master Pengolahan
Komentar Logout
Pengolahan Laporan
Gambar 3.78 antarmuka ubah data pelanggan
bb. Menu konfirmasi pembayaran Berikut dapat dilihat perancangan antarmuka konfirmasi pembayaran dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.79
Keterangan Ukuran
Jenis Huruf : Halaman Konfirmasi Pembayaran
: 1024X768 : Tahoma
LOGO T32
Id penjualan : Nama jendral :
1. Klik tombol beranda maka akan muncul T02 2. Klik tombol akun saya maka akan muncul
submenu T03 dan T04 3. Klik tombol pengolahan data master maka
akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol Simpan maka akan Muncul M05 8. Klik tombol batal maka akan muncul T22
Pengolahan Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Total produk : Total harga :
Konfirmasi Pembayaran : Jenis Pembayaran :
V Simpan
Batal
Gambar 3.79 antarmuka konfirmasi pembayaran
cc. Menu laporan pembayaran harian Berikut dapat dilihat perancangan antarmuka laporan pembayaran harian dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.80
dd. Menu laporan pembayaran pembulanan Berikut dapat dilihat perancangan antarmuka laporan pembayaran bulanan
dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.81
Keterangan Ukuran
Jenis Huruf : Halaman Laporan pembayaran Harian
: 1024X768 : Tahoma
LOGO T33
1. Klik tombol beranda maka akan muncul T02 2. Klik tombol akun saya maka akan muncul
submenu T03 dan T04 3. Klik tombol pengolahan data master maka
akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol cari manampilkan pencarian berdasarkan tanggal
Pengolahan Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Tabel pembayaran Pengolahan Laporan Pembayaran Harian
Cari
Gambar 3.80 antarmuka laporan pembayaran harian
Keterangan Ukuran
Jenis Huruf : Halaman Laporan Pembayaran Bulanan
: 1024X768 : Tahoma
LOGO T34
1. Klik tombol beranda maka akan muncul T02 2. Klik tombol akun saya maka akan muncul
submenu T03 dan T04 3. Klik tombol pengolahan data master maka
akan muncul submenu T05, T07, T09, T11, T13, T15, T17
4. Klik tombol pengolahan data pejualan maka akan muncul T19
5. Klik tombol pengolahan data komentar maka akan muncul T21
6. Klik tombol pengolahan laporan maka akan muncul T34, T35
7. Klik tombol cari manampilak pencarian berdasarkan bulanan
Pengolahan Data Penjualan
Beranda Akun Saya
Pengolahan Data Master
Pengolahan Komentar
Logout Pengolahan
Laporan
Tabel pembayaran Pengolahan Laporan Pembayaran Bulanan
Cari Bulan
Tahun V
V
Gambar 3.81 antarmuka laporan pembayaran bulanan
2. Perancangan antar muka Jendral a. Menu login
Berikut dapat dilihat perancangan antarmuka menu login Jendral dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada
Gambar 3.82 b. Menu utama
Berikut dapat dilihat perancangan antarmuka menu utama Jendral dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada
Gambar 3.83
LOGO
Password Login
Username MJ01
1. Klik tombol Login menuju MJ02 2. Jika Email Atau Password salah maka
akan muncul M06 4 Klik Lupa Password menampilkan dialog
jendral
Keterangan Ukuran
Font Ukuran : Halaman Login
: 320x480 : 12
Lupa Password
Gambar 3.82 antarmuka menu login
c. Update Posisi Berikut dapat dilihat perancangan antarmuka update posisi Jendral dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.84, Gambar 3.85,Gambar 3.86.
d. Lihat Posisi Jendral Berikut dapat dilihat perancangan antarmuka menu login Jendral dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.87
Keterangan Ukuran
Font Ukuran : Halaman Menu Utama
: 320x480 : 12
MJ01 1.Klik gambar 1 menuju MJ03
2.klik gambar 2 menuju MJ04 3.klik gambar 3 menuju MJ05
4.Klik gambar 4 menuju MJ06 5.Klik gambar 5 menuju keluar aplikasi
6. Klik logout menuju MJ01
Gambar 1 Update Posisi
Gambar 2 Tampil posisi jendral
Gambar 3 Tampil saran lokasi
Gambar 5 keluar
Gambar 4 Akun saya
Logout
Gambar 3.83 antarmuka menu utama
Keterangan Ukuran
Font Ukuran : Halaman update posisi
: 320x480 : 12
MJ03 1.Klik Kunci Lokasi menuju MJ07
Peta map
Pilih Lokasi
Gambar 3.84 antarmuka update posisi 1
Keterangan Ukuran
Font Ukuran : Halaman update posisi
: 320x480 : 12
MJ07 1. Klik Status produk menuju MJ08
No. Penjualan : Tanggal Gentayangan:
Status produk Lama Penjualan
Set waktu Gentayangan
Gambar 3.85 antarmuka update posisi 2
Keterangan Ukuran
Font Ukuran : Halaman Detail Penjualan
: 320x480 : 12
MJ08 1. Klik Update Posisi menuju M10
Update Posisi penjualan
level Nama
produk Stok
produk
Jumlah semua produk :
Gambar 3.86 antarmuka update posisi 3
Keterangan Ukuran
Font Ukuran : Halaman lihat posisi jendral
: 320x480 : 12
MJ04 1. Klik Kembali menuju MJ02
Peta map
Kembali
Gambar 3.87 antarmuka lihat posisi Jendral
e. Tampil saran lokasi Berikut dapat dilihat perancangan antarmuka tampil saran lokasi dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.88
f. Akun saya Berikut dapat dilihat perancangan antarmuka menu akun saya dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.89
g. Ubah Password Berikut dapat dilihat perancangan antarmuka menu Ubah password dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.90
Keterangan Ukuran
Font Ukuran : Halaman tampil saran lokasi pelanggan
: 320x480 : 12
MJ05
Peta map
Kembali 1. Klik Kembali menuju MJ02
Gambar 3.88 antarmuka lihat saran lokasi
Keterangan Ukuran
Font Ukuran : Halaman Akun saya
: 320x480 : 12
MJ06 1. Klik Kembali menuju MJ02
2. Klik Simpan menuju M05 3. Klik Ubah Password menuju MJ09
Nama Jendral Pin
telepon NamaMerk Kendaraan
Plat No kendaraan
Simpan Ubah Password
twitter
Gambar 3.89 antarmuka akun saya
Keterangan Ukuran
Font Ukuran : Halaman Ubah Password
: 320x480 : 12
MJ09 -Klik kembali menuju MJ02
-Klik Ubah Password menuju M09
Konfirmasi Password
Ubah Password Password
kembali
Gambar 3.90 antarmuka ubah password
3. Perancangan antar muka Pelanggan
a. Menu Utama Berikut dapat dilihat perancangan antarmuka login pelanggan dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.91
Keterangan Ukuran
Font Ukuran : Halaman Menu pengunjung
: 320x480 : 12
MP01 1. Klik gambar 1 menuju MP02
2. klik gambar 2 menuju MP03 3. klik gambar 3 menuju MP04
4. Klik gambar 4 menuju MP05 Gambar 1
Update Saran Lokasi Gambar 2
Tampil posisi jendral Gambar 3
Tampil Saran lokasi Gambar 4
keluar
Gambar 3.91 antarmuka menu halaman pengunjung
b. Menu login Berikut dapat dilihat perancangan antarmuka login pelanggan dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.92
c. Menu utama Pelanggan Berikut dapat dilihat perancangan antarmuka menu utama pelanggan dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.93
LOGO
Password Login
Username MP02
1. Klik tombol Login menuju MP06 2. Jika Email Atau Password salah maka
akan muncul M06 3. klik tombol registrasi menuju ke MP11
4. klik tombol lupa password mnampilkan dialog lupa password
Keterangan Ukuran
Font Ukuran : Halaman Login
: 320x480 : 12
Registrasi Lupa password
Gambar 3.92 antarmuka login pelanggan
d. Update Posisi Berikut dapat dilihat perancangan antarmuka update posisi pelanggan untuk
menambah komentar dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.94 dan Gambar 3.95
e. Lihat Posisi Jendral Berikut dapat dilihat perancangan antarmuka menu login Jendral dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.96
Keterangan Ukuran
Font Ukuran : Halaman Menu Utama pelanggan
: 320x480 : 12
MP06 1. Klik gambar 1 menuju MP07
2. klik gambar 2 menuju MP03 3. klik gambar 3 menuju MP04
4. Klik gambar 4 menuju MP09 5. Klik gambar 5 menuju keluar aplikasi
6. Klik gambar 6 menuju MP01
Gambar 1 Update
Saran Lokasi Gambar 2
Tampil posisi jendral Gambar 3
Tampi saran lokasi Gambar 5
keluar Gambar 4
Akun saya
Gambar 3.93 antarmuka menu utama
Keterangan Ukuran
Font Ukuran : Halaman update posisi
: 320x480 : 12
MP07 1. Klik ubah saran komentar menuju
MP02 2. Klik Menu menuju MP06
Peta map
Menu Ubah saran komentar
Gambar 3.94 antarmuka update saran lokasi pelanggan
Keterangan Ukuran
Font Ukuran : Halaman Tambah Komentar
: 320x480 : 12
MP08 1. Klik update komentar saran menuju
M07
Update Komentar Saran Nama
Komentar
Gambar 3.95 antarmuka update saran komentar
Keterangan Ukuran
Font Ukuran : Halaman lihat posisi jendral
: 320x480 : 12
MP03 1. Klik Kembali menuju MP02 atau MP06
Peta map
Kembali Cari posisi terdekat
Gambar 3.96 antarmuka tampil posisi Jendral
f. Tampil saran lokasi pelanggan Berikut dapat dilihat perancangan antarmuka tampil saran lokasi pelanggan
dari pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.97
g. akun saya Berikut dapat dilihat perancangan antarmuka menu akun saya dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.98
h. ubah password Berikut dapat dilihat perancangan antarmuka menu ubah password dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.99
i. registrasi Berikut dapat dilihat perancangan antarmuka menu registrasi dari
pembangunan aplikasi tracking penjualan produk Maicih yang tercantum pada Gambar 3.100 dan Gambar 3.101
Keterangan Ukuran
Font Ukuran : Halaman lihat permintaan lokasi
: 320x480 : 12
MP05
Peta map
Kembali -Klik Kembali menuju MP02
Keterangan Ukuran
Font Ukuran : Halaman tampil saran lokasi pelanggan
: 320x480 : 12
MP04 2.Klik Kembali menuju MP02 atau MP06
Peta map
Kembali
Gambar 3.97 tampil saran lokasi pelanggan
Keterangan Ukuran
Font Ukuran : Halaman Akun saya
: 320x480 : 12
MP09 1. Klik Kembali menuju MP06
2. Klik Simpan menuju MP06 3. Klik Ubah Password menuju MP10
Nama Pelanggan Alamat
telepon
Simpan Ubah Password
Gambar 3.98 antarmuka akun saya
Keterangan Ukuran
Font Ukuran : Halaman Ubah Password
: 320x480 : 12
MP10 1.Klik kembali menuju MP06
2.Klik Ubah Password menuju M09 Konfirmasi
Password Ubah Password
Password
kembali
Gambar 3.99 antarmuka Ubah Password
Keterangan Ukuran
Font Ukuran : Halaman Registrasi
: 320x480 : 12
MP11 1. Klik selanjutnya menuju MP11
Nama Jendral Alamat
telepon
selanjutnya Kota
V Email
Konfirmasi email
Gambar 3.100 antarmuka Registrasi
Keterangan Ukuran
Font Ukuran : Halaman Registrasi 2
: 320x480 : 12
MP12 -Klik Registrasi menuju M13
Username Password
Registrasi Konfirmasi password
Gambar 3.101 antarmuka Registrasi2
Perancangan Pesan 3.6.2.2
Pada Gambar 3.102 dibawah ini merupakan perancangan pesan yang terdapat Pada Aplikasi Tracking penjualan produk Maicih. Adapun tampilan
pesan yang ada adalah sebagai berikut :
Email atau password anda belum diisi M01
Email atau password anda masih salah Data sudah terupdate
Password berhasil diubah Data berhasil disimpan
Email atau Password yang anda masukan salah
X
OK OK
OK M02
X M03
X
M04 X
OK OK
M05 X
M06 X
OK Data sudah berhasil dikirim
M07 X
OK Data sudah berhasil dubah
M08 X
OK OK
OK
Password telah berhasil di ubah M09
X
Update data penjualan berhasil M10
X
OK OK
Data berhasil dihapus M12
X
OK Terima kasih telah mendaftar, silahkan cek
email anda untuk aktivasi M13
X
OK
Gambar 3.102 Perancangan pesan
Jaringan Semantik 3.6.2.3
Setelah melakukan perancangan antarmuka dan perancangan pesan maka dilakukanlah perancangan terhadap aliran dari menu-menu yang ada di program
akan digambarkan dalam sebuah jaringan semantik. Jaringan semantik yang akan dijelaskan pada gambar terdiri dari jaringan semantik admin, Jendral dan
Pelanggan.
a. Jaringan semantik admin Jaringan semantik admin bisa dilihat pada Gambar 3.103
b. Jaringan semantik Jendral Jaringan semantik Jendral bisa dilihat pada Gambar 3.104
c. Jaringan semantik pelanggan Jaringan semantic pelanggan bisa dilihat pada Gambar 3.105
T02
T03 T17
T04
T05 T06
T18 T19
T21
T07 T08
T09 T10
T20
T11 T12
T14 T01
T13 T15
T16 T24
T26
T27 T28
T29 T30
T25 T23
T22 T31
Gambar 3.103 Jaringan semantik admin
MJ01 MJ02
MJ04 MJ03
MJ08 MJ05
MJ06 MJ07
MJ09
Gambar 3.104 Jaringan semantik Jendral
MP01 MP06
MP04 MP03
MP09
MP07
MP08
MP02
MP11 MP12
Gambar 3.105 Jaringan semantik pelanggan
Perancangan Prosedural 3.6.2.4
Sebagai langkah terakhir dalam perancangan yaitu merancang procedural yang akan diimplementasikan kedalam sistem. Prosedur ini akan digunakan
sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan prosedural untuk pembangunan aplikasi tracking produk Maicih
yang akan dibangun sebagai berikut
:
1. Perancangan Prosedural pada admin a. prosedur login
untuk lebih jelas tentang prosedur login admin dapat dilihat pada Gambar 3.106
Mulai
Masukan usename dan
password
Cek username dan pasword
Masuk menu Admin
Valid
Selesai Tampilkan pesan
ERROR : username atau
password salah Invalid
Gambar 3.106 Prosedur login
b. prosedur ubah data user untuk lebih jelas tentang prosedur ubah data user dapat dilihat pada Gambar
3.107
Mulai
Input data User yang
akan diubah
Data profil User
Cek Kelengkapan data profil
Data gagal disimpan
Data profil user berhasil
diubah
Selesai Invalid
Valid
Gambar 3.107 ubah data user
c. prosedur tambah data jenis untuk lebih jelas tentang prosedur tambah data jenis dapat dilihat pada
Gambar 3.108
Mulai
Input data jenis yang
akan ditambah
Data Jenis
Data Kosong Tampilkan pesan
data dibutuhkan Ya
Data Terisi Tidak
Cek validasi data Tampil pesan
data salah
Simpan data
Selesai
Gambar 3.108 tambah data jenis
d. prosedur ubah data jenis untuk lebih jelas tentang prosedur ubah data jenis dapat dilihat pada Gambar
3.109
Mulai
Input data jenis yang
akan ditambah
Data Jenis
Data Kosong Tampilkan pesan
data dibutuhkan Ya
Data Terisi Tidak
Cek validasi data Tampil pesan
data salah
Simpan data
Selesai
Gambar 3.109 ubah data jenis
e. prosedur tambah data level untuk lebih jelas tentang prosedur tambah data level dapat dilihat pada
Gambar 3.110
Mulai
Input data level yang
akan ditambah
Data level
Data Kosong Tampilkan pesan
data dibutuhkan Ya
Data Terisi Tidak
Cek validasi data Tampil pesan
data salah
Simpan data
Selesai
Gambar 3.110 tambah data level
f. prosedur ubah data level untuk lebih jelas tentang prosedur tambah data plevel dapat dilihat pada
Gambar 3.111
Mulai
Input data level yang
akan diubah
Data level
Cek Kelengkapan data level
Data gagal disimpan
Data level berhasil
diubah
Selesai Invalid
Valid
Gambar 3.111 ubah data level
g. prosedur tambah data produk untuk lebih jelas tentang prosedur tambah data produk dapat dilihat pada
Gambar 3.112
Mulai
Input data produk yang
akan ditambah
Data produk
Data Kosong Tampilkan pesan
data dibutuhkan Ya
Data Terisi Tidak
Cek validasi data Tampil pesan
data salah
Simpan data
Selesai
Gambar 3.112 tambah data produk
h. prosedur ubah data produk untuk lebih jelas tentang prosedur ubah data produk dapat dilihat pada
Gambar 3.113
Mulai
Input data produk yang
akan diubah
Data produk
Cek Kelengkapan data produk
Data gagal disimpan
Data produk berhasil
diubah
Selesai Invalid
Valid
Gambar 3.113 ubah data produk
i. prosedur tambah data penjualan
untuk lebih jelas tentang prosedur tambah data penjualan dapat dilihat pada Gambar 3.114
Gambar 3.114 tambah data penjualan
Mulai
Input data jendral yang
sudah tersimpan
Data jendral
Cek Kelengkapan data jendral
Data jendral belum diinput
Input data produk yang
akan ditambah
Selesai Invalid
Valid
Data produk
Cek Kelengkapan data produk
valid Data produk
belum diinput Invalid
Input data pembayara
n Simpan data
191
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
BAB 4
Pada bab ini akan dilakukan implementasi dan pengujian terhadap aplikasi tracking penjualan produk Maicih pada mobile dan web yang dibangun. Tahapan
ini dilakukan setelah perancangan selesai dilakukan dan selanjutnya akan di implementasikan ke dalam bahasa pemrograman. Setelah implementasi maka
dilakukan pengujian terhadap sistem yang baru akan dilihat kekurangan- kekurangan pada aplikasi yang baru untuk pengembangan sistem selanjutnya.
Implementasi Sistem 4.1
Tahapan implementasi merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap
dimana sistem siap untuk dioperasikan, yang terdiri dari penjelasan mengenai lingkungan implementasi, dan implementasi program. Untuk mendukung aplikasi
yang diterapkan pada PT Maicih Inti Synergi, maka dalam hal ini menggunakan perangkat keras dan perangkat lunak yang menunjang dalam pembangunan
aplikasi tracking berbasis mobile dan web.
4.1.1 Perangkat Keras Yang Digunakan
Spesifikasi perangkat keras yang digunakan dalam pembangunan aplikasi tracking berbasis mobile dan web pada PT Maicih Inti Synergi adalah tercantum
pada tabel 4.1 sebagai berikut :