Telp_klien Varchar
20 Kodepos_klien
Varchar 6
Email_klien Varchar
50 Verification_code
Varchar 50
Status_klien enum
‘0’,’1’
3.2.3 Perancangan Arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Perancangan arsitektur meliputi beberapa perancangan
diantaranya perancangan struktur menu, spesifikasi antarmuka, perancangan keluaran dan jaringan semantik.
3.2.3.1 Perancangan Struktur Menu
Struktur menu dirancang sesuai dengan level pengguna sistem. Terdapat tiga pengguna aplikasi yaitu admin, member dan pengunjung. Adapun Struktur
menunya adalah sebagai berikut. 1.
Perancangan Struktur Menu Pengunjung
Gambar 3.32 Perancangan Struktur Menu Pengunjung
2. Perancangan Struktur Menu Member
Gambar 3.33 Perancangan Struktur Menu Member
3. Perancangan Struktur Menu Admin
Gambar 3.34 Perancangan Struktur Menu Admin
3.2.3.2 Perancangan Antarmuka
Perancangan antarmuka merupakan perancangan yang dibuat untuk memberikan gambaran sebelum aplikasi dibangun. Perancangan antar muka
inputoutput, struktur dan tampilan dirancang sedemikian rupa agar mudah dioperasikan oleh pengguna.
Perancangan Antarmuka Pengunjung
1. Perancangan Antamuka Menu Utama Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.35 :
Gambar 3.36 Perancangan Antarmuka Menu Utama
2. Perancangan Antamuka Produk Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.36 :
Gambar 3.37 Perancangan Antarmuka Produk
3. Perancangan Antamuka Registrasi Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.38 :
Gambar 3.38 Perancangan Antarmuka Registrasi
4. Perancangan Antamuka Our Client Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.39 :
Gambar 3.39 Perancangan Antarmuka Our Client
5. Perancangan Antamuka Ketentuan Retur Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.40 :
Gambar 3.40 Perancangan Antarmuka Ketentuan Retur
6. Perancangan Antamuka About Us Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.41 :
Gambar 3.41 Perancangan Antarmuka About Us
7. Perancangan Antamuka Contact Us Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.42 :
Gambar 3.42 Perancangan Antarmuka Contact Us
8. Perancangan Antamuka Lupa Password Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.43 :
Gambar 3.43 Perancangan Antarmuka Lupa Password
Perancangan Antarmuka Member
1. Perancangan Antamuka Menu Utama Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.44 :
Gambar 3.44 Perancangan Antarmuka Menu Utama
2. Perancangan Antamuka Produk Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.45 :
Gambar 3.45 Perancangan Antarmuka Produk
3. Perancangan Antamuka Our Client Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.46 :
Gambar 3.46 Perancangan Antarmuka Our Client
4. Perancangan Antamuka Cart Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.47 :
Gambar 3.47 Perancangan Antarmuka Cart
5. Perancangan Antamuka About Us Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.48 :
Gambar 3.48 Perancangan Antarmuka About Us
6. Perancangan Antamuka Contact Us Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.49 :
Gambar 3.49 Perancangan Antarmuka Contact Us
7. Perancangan Antamuka Retur Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.50 :
Gambar 3.50 Perancangan Antarmuka Retur
8. Perancangan Antamuka Profil Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.51 :
Gambar 3.51 Perancangan Antarmuka Profil
9. Perancangan Antamuka Ubah Password Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.52 :
Gambar 3.52 Perancangan Antarmuka Ubah Password
10. Perancangan Antamuka History Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.53 :
Gambar 3.53 Perancangan Antarmuka History
11. Perancangan Antamuka Detail Barang Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.54 :
Gambar 3.54 Perancangan Antarmuka Detail Barang
12. Perancangan Antamuka Detail Pengiriman Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.55 :
Gambar 3.55 Perancangan Antarmuka Detail Pengiriman
Perancangan Antarmuka Admin
1. Perancangan Antamuka Login Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.56 :
Gambar 3.56 Perancangan Antarmuka Login
2. Perancangan Antamuka Data Admin Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.57 :
Gambar 3.57 Perancangan Antarmuka Data Admin
3. Perancangan Antamuka Edit Profil Sistem Penawaran Jasa Percetakan Online
Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.58 :
Gambar 3.58 Perancangan Antarmuka Edit Profil
4. Perancangan Antamuka Edit Password Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.59 :
Gambar 3.59 Perancangan Antarmuka Edit Password
5. Perancangan Antamuka Pengolahan Data Utama Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.60 :
Gambar 3.60 Perancangan Antarmuka Pengolahan Data Utama
6. Perancangan Antamuka Pengolahan Data Utama Kategori Sistem Penawaran
Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.61 :
Gambar 3.61 Perancangan Antarmuka Pengolahan Data Utama Kategori
7. Perancangan Antamuka Data Member Sistem Penawaran Jasa Percetakan
Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.62 :
Gambar 3.62 Perancangan Antarmuka Pengolahan Data Member
8. Perancangan Antamuka Pengolahan Data Barang Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.63 :
Gambar 3.63 Perancangan Antarmuka Pengolahan Data Barang
9. Perancangan Antamuka Pengolahan Data Detail Barang Sistem Penawaran
Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.64 :
Gambar 3.64 Perancangan Antarmuka Pengolahan Data Detail Barang
10. Perancangan Antamuka Pengolahan Data Ukuran Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.65 :
Gambar 3.65 Perancangan Antarmuka Pengolahan Data Ukuran
11. Perancangan Antamuka Pengolahan Data Provinsi Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.66 :
Gambar 3.66 Perancangan Antarmuka Pengolahan Data Provinsi
12. Perancangan Antamuka Pengolahan Data Kota Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.67 :
Gambar 3.67 Perancangan Antarmuka Pengolahan Data Kota
13. Perancangan Antamuka Pengolahan Data Ongkos Kirim Sistem Penawaran
Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.68 :
Gambar 3.68 Perancangan Antarmuka Pengolahan Data Ongkos Kirim
14. Perancangan Antamuka Pengolahan Data Hubungi Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.69 :
Gambar 3.69 Perancangan Antarmuka Pengolahan Data Hubungi
15. Perancangan Antamuka Pengolahan Data Member Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.70 :
Gambar 3.70 Perancangan Antarmuka Pengolahan Data Member
16. Perancangan Antamuka Pengolahan Data Klien Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.71 :
Gambar 3.71 Perancangan Antarmuka Pengolahan Data Klien
17. Perancangan Antamuka Pengolahan Data Transaksi Sistem Penawaran Jasa
Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.72 :
Gambar 3.72 Perancangan Antarmuka Pengolahan Data Transaksi
18. Perancangan Antamuka Pengolahan Data Laporan Penjualan Sistem
Penawaran Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.73 :
Gambar 3.73 Perancangan Antarmuka Pengolahan Data Penjualan
19. Perancangan Antamuka Pengolahan Data Laporan Penjualan Antar Waktu
Sistem Penawaran Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.74 :
Gambar 3.74 Perancangan Antarmuka Pengolahan Data Penjualan Antar Waktu
20. Perancangan Antamuka Pengolahan Data Laporan Penjualan Harian Sistem
Penawaran Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.75 :
Gambar 3.75 Perancangan Antarmuka Pengolahan Data Penjualan Harian
21. Perancangan Antamuka Pengolahan Data Laporan Penjualan Bulanan Sistem
Penawaran Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.76 :
Gambar 3.76 Perancangan Antarmuka Pengolahan Data Penjualan Bulanan
22. Perancangan Antamuka Pengolahan Data Laporan Penjualan Tahunan Sistem
Penawaran Jasa Percetakan Online Dengan Konsep Business To Customer B2C Di Sonya Print Gambar 3.77 :
Gambar 3.77 Perancangan Antarmuka Pengolahan Data Penjualan Tahunan
3.2.3.3 Perancangan Pesan
Gambar 3.78 Perancangan Pesan
3.2.3.4 Jaringan Semantik
Jaringan semantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya.
1. Jaringan Semantik Pengujung
Gambar 3.79 Jaringan Semantik Pengunjung 2.
Jaringan Semantik Member
Gambar 3.80 Jaringan Semantik Member
3. Jaringan Semantik Admin
Gambar 3.81 Jaringan Semantik Admin
3.2.3.5 Perancangan Prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menetapkan detail algoritma yang akan dinyatakan kedalam suatu sistem. Adapun
perancangan prosedural untuk sistem penawaran jasa percetakan berbasis web yang akan dibangun adalah sebagai berikut.
1. Prosedur Login
Gambar 3.82 Prosedur Login 2.
Prosedur Registrasi
Gambar 3.83 Prosedur Registrasi
3. Prosedur Edit Profil Member
Gambar 3.84 Prosedur Edit Profil Member 4.
Prosedur Edit Profil Admin
Gambar 3.85 Prosedur Edit Profil Admin
5. Prosedur Pemesanan
Gambar 3.86 Prosedur Pemesanan 6.
Prosedur Tambah Barang
Gambar 3.87 Prosedur Tambah Barang
7. Prosedur Ubah Barang
Gambar 3.88 Prosedur Ubah Barang 8.
Prosedur Tambah Kategori
Gambar 3.89 Prosedur Tambah Kategori
9. Prosedur Ubah Kategori
Gambar 3.90 Prosedur Ubah Kategori 10.
Prosedur Tambah Provinsi
Gambar 3.91 Prosedur Tambah Provinsi
11. Prosedur Ubah Provinsi
Gambar 3.92 Prosedur Ubah Provinsi 12.
Prosedur Tambah Kota
Gambar 3.93 Prosedur Tambah Kota
13. Prosedur Ubah Kota
Gambar 3.94 Prosedur Ubah Kota 14.
Prosedur Tambah Ukuran
Gambar 3.95 Prosedur Tambah Ukuran
15. Prosedur Ubah Ukuran
Gambar 3.96 Prosedur Ubah Ukuran 16.
Prosedur Tambah Ongkos Kirim
Gambar 3.97 Prosedur Tambah Ongkos Kirim
17. Prosedur Ubah Ongkos Kirim
Gambar 3.98 Prosedur Ubah Ongkos Kirim
171
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Implementasi sistem merupakan tahap lanjutan dari kegiatan perancangan sistem dalam usaha mewujudkan sistem yang dirancang.
Tahap ini menerjemahkan perancangan berdasarkan hasil analisis dalam bahasa yang dapat
dimengerti oleh mesin serta penerapan perangkat lunak pada keadaan yang sesungguhnya.
4.1.1 Perangkat Keras yang digunakan
Spesifikasi perangkat
keras hardware
yang digunakan
dalam pembangunan aplikasi Sistem Penawaran Jasa Percetakan Online di Sonya Print
adalah sebagai berikut. 1.
Processor Core 2 Duo E7400 2,80 GHz. 2.
RAM 2 GB. 3.
Hardisk 320 GB. 4.
Monitor VGA dengan resolusi 1024 x 768.
4.1.2 Perangkat Lunak yang digunakan
Spesifikasi perangkat lunak Software yang dipasang pada sistem komputer yang digunakan untuk membangun aplikasi Sistem Penawaran Jasa Percetakan
Online di Sonya Print adalah sebagai berikut.