Perancangan Antar Muka Perancangan Sistem

83 1. Halaman Login Admin Login Username Password Login Administrator Tabel 4.16. Deskripsi Login Admin No Nama Objek Jenis Objek Keterangan 1. Username Textbox Input Username 2. Password Textbox Input Password 3. Login Button Masuk ke Halaman Admin 2. Halaman Awal Admin Halaman awal admin adalah tampilan setelah admin melakukan proses login. Halaman admin dapat dilihat pada gambar 4.14 : Gambar 4.13. Form Login Admin 84 Produk Transaksi Modul Home Halaman Muka Tabel 4.17. Deskripsi Halaman Admin No Nama Objek Jenis Objek Keterangan 1. Home Textbox Masuk ke menu utama 2. Produk Textbox Input produk. 3. Transaksi Textbox Input transaksi 4. Modul Textbox Input modul 3. Halaman Input Produk Halaman input produk digunakan oleh admin untuk merubah, menambah, atau menghapus data kategori, data produk dan biaya kirim Gambar 4.14. Form Tampilan Halaman Admin 85 provinsi. Berikut ini adalah halaman input data kategori, data produk dan biaya kirim provinsi yang dapat dilihat pada gambar di bawah ini : Home Produk Transaksi Modul Kode Kategori Nama Kategori Simapn Batal Tabel 4.18. Deskripsi Halaman Input Kategori No Nama Objek Jenis Objek Keterangan 1. Kode Kategori Textbox Input kode kategori 2. Nama Kategori Textbox Input nama kategori 3. Simpan Kategori Button Tambah data kategori 4. Batal Kategori Button Membatalkan penambahan data kategori Gambar 4.15. Form Input Kategori 86 Home Produk Transaksi Modul Kategori Produk Nama Produk Tanggal Harga Stok Berat Keterangan Batal Gambar Simpan Tabel 4.19. Deskripsi Halaman Input Produk No Nama Objek Jenis Objek Keterangan 1. Pilih Kategori Textbox Input pilih kategori produk 3. Nama Kategori Textbox Input nama produk 4. Tanggal Textbox Input tanggal 5. Harga Textbox Input harga 6. Stok Textbox Input stok produk 7. Gambar Textbox Input gambar 8. Keterangan Textbox Input keterangan 9. Simpan Produk Button Tambah data produk 10 Batal Produk Button Membatalkan penambahan data produk Gambar 4.16. Form Input Produk 87 Home Produk Transaksi Modul Provinsi Kota Simapn Batal Biaya Kirim Tabel 4.20. Deskripsi Halaman Input Biaya Kirim Provinsi No Nama Objek Jenis Objek Keterangan 1. Provinsi Textbox Input pilih provinsi 2. Kota Textbox Input kota 3. Biaya Kirim Textbox Input biaya kirim 3. Simpan Button Tambah data biaya kirim 4. Batal Button Membatalkan penambahan data biaya kirim Gambar 4.17. Form Input Biaya Kirim Provinsi 88 4. Halaman Pendaftaran Member Halaman registrasi member digunakan oleh admin untuk merubah, atau menghapus data member. Berikut ini adalah halaman data member yang dapat dilihat pada gambar 4.17 : Home Produk List Belanja Guest Book Username Password Nama Lengkap Email Alamat Telepon Hp Daftar Provinsi Kota Kode Post Tabel 4.21. Deskripsi Halaman Pendaftaran Member No Nama Objek Jenis Objek Keterangan 1. Username Textbox Input Username 2. Password Textbox Input Password 3. Nama Lengkap Textbox Input Nama Lengkap 4. Email Textbox Input Email 5. Alamat Textbox Input Alamat 6. Telp Textbox Input No Telp Gambar 4.18. Tampilan Pendaftaran Member 89 Tabel 4.21. Deskripsi Halaman Pendaftaran Member lanjutan No Nama Objek Jenis Objek Keterangan 7. Hp Textbox Input No Hp 8. Logo atau Foto Textbox Input Logo atau Foto 9. Register Button Sudah Masuk Member

4.2.5.3. Perancangan Output

Desain output adalah produk dari sistem informasi yang dihasilkan setelah input dilaksanakan. Hasil dari desain input dapat dilihat dari media keluaran dalam desain output sistem informasi ini juga memanfaatkan file database yang mengandung data-data yang terbilang cukup banyak. Tampilan output pada perancangan ini merupakan kumpulan- kumpulan data yang telah dimasukkan ke dalam database komputer melalui form masukkan data. Tujuan dari perancangan output yaitu untuk menyajikan sejumlah data yang terdapat dalam sistem database dalam bentuk laporan yang berkaitan yaitu berupa lampiran laporan pemesanan. 90 Home Produk Transaksi Modul No Username No Transaksi Jumlah Harga Total 1 2 3 Eva Nana Doni PO0003 PO0004 PO0005 Tanggal 01112011 04112011 12112011 Kode Produk 011 012 031 Nama Produk Wayang Bonsai Gloves 1 2 3 55000 125000 150000 55000 250000 450000

4.2.6. Perncangan Arsitektur Jaringan

www. Internet Modem Wireless Bridge Router ` Switch Web Server ` Manajer Umum ` Pelanggan ` Pelanggan ` Admin Staff Pemasaran Gambar 4.19. Laporan Pemesanan Gambar 4.20. Perancangan Arsitektur Jaringan 91 Sistem Informasi Pemesanan dan Penjualan Produk KUMKM di KSG Bandung Barat ini di kembangkan dengan menggunakan pemrograman berteknologi WEB, pemilihan teknologi ini diambil agar semua informasi yang ada dalam sistem dapat ditampilkan melalui Internet, sehingga akan sangat membantu memudahkan User atau Client untuk mengakses informasi yang diperlukan secara online. Arsitektur jaringan yang digunakan adalah TCPIP Transmission Control ProtocolInternet Protocol. TCPIP adalah sebuah arsitektur jaringan yang dipakai dalam jaringan internet. Protocol-protocol TCPIP memberikan dukungan jaringan untuk menghubungkan seluruh tempat dan host. Protocol TCPIP memiliki empat lapisan hirarki, yaitu lapisan aplikasi application layer, lapisan transport transport layer, lapisan internet internet layer, dan lapisan akses jaringan network access layer. Lapisan akses jaringan adalah lapisan pada hirarki terendah dalam TCPIP dan protokol pada lapisan ini bertugas menghubungkan device- device yang terletak pada jaringan yang sama. Protokol utama yang terletak pada lapisan ini adalah Internet Protocol IP. Protokol ini menjadi dasar dari Internet. Karakteristik protokol IP adalah connectionless, yang berarti tidak memerlukan sambungan yang telah terbuka terlebih dahulu dari sumber ke tujuan. 92

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi

Tahap implementasi merupakan tahap penciptaan perangkat lunak yang terdiri dari penjelasan mengenai batasan implementasi, implementasi perangkat lunak, implementasi perangkat keras, implementasi basis data sintaks SQL, implementasi antar muka, implementasi instalasi program, dan penggunaan program.

5. 1.1. Batas Implementasi

Pembatasan implementasi dimaksudkan agar ruang lingkup implementasi menjadi lebih jelas. Batasan implementasi dari aplikasi pemesanan online adalah sebagai berikut : 1. Tidak semua kebutuhan sistem dikerjakan tetapi lebih terfokus pada pemesanan produk serta aplikasi-aplikasi pendukung pemesanan secara online. 2. Perangkat lunak masih merupakan prototype.

5. 1.2. Implementasi Perangkat Lunak.

Untuk pengembangan perangkat lunak ini digunakan Apache 2.2, PHP 5.2.8, dan MySQL 5.1.30, Apache sebagai perangkat lunak untuk