Perancangan Arsitektur Analisis Sistem

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 :