ANALISIS DAN PERANCANGAN SISTEM

33

BAB III ANALISIS DAN PERANCANGAN SISTEM

III.1. Analisis Sistem yang sedang Berjalan Pada bab ini akan menjelaskan mengenai analisis sistem yang sedang berjalan, dengan tujuan untuk mengetahui proses kegiatan yang ada pada CV. Contingent. Tahap ini sangat penting, karena tahap ini sangat menunjang untuk tahap-tahap selanjutnya. III.1.1 Analisis Masalah Selama ini kegiatan penjualan dan pembelian yang dilakukan pada CV. Contingent sudah menggunakan media internet sebagai strategi pemasarannya seperti sistem pemasaran dengan memanfaatkan fasilitas blog dan website perusahaan, akan tetapi fasilitas yang dimiliki perusahaan masih belum optimal, seperti sistem pembayaran yang ada masih dilakukan transfer antar rekening, sistem keamanan website perusahaan masih rawan terhadap para hacker dan website perusahaan yang ada masih banyak kekurangannya, seperti tampilan website yang tidak komunikatif. Untuk mengelola kegiatan tersebut agar menjadi lebih baik lagi maka perusahaan tersebut membutuhkan sebuah perubahan dari sistem yang sudah ada, aplikasi berbasis web dengan keamanan dan pembayaran secara online dikira sangat penting untuk melakukan pemasaran, penjualan, yang cukup optimal bagi perusahaan yang bergerak di bidang perdagangan. Melalui media internet e-commerce digunakan sebagai strategi pemasaran, penjulan dan pembelian dengan melakukan perancangan sebuah sistem pendukung proses penjualan dengan tetap mempertahankan konsep- konsep e-commerce dan strateginya. Berdasarkan permasalahan di atas penulis membatasi dalam pembangunan aplikasi yang akan dibuat. Adapun batasan pembatasan masalah yang akan penulis batasi adalah sebagai berikut: 1. Pembayaran dengan paypal atau transfer antar bank. 2. Sistem keamanan dengan HTTPS SSL. 3. Produk ini hanya mengelola tiga jenis produk yaitu AERON, THIN dan LUTANIK. 4. Pengiriman hanya dilakukan dengan TIKI dan JNE. Untuk Proses pengiriman barang akan dilakukan setelah pihak CV. Contingent menerima bukti pembayaran yang dilakukan secara online paypal maupun offline transfer anatar bank atas pembelian produk tersebut, dan CV. Contingent akan menelepon konsumen sehari sebelum proses pengiriman. 5. Sistem komunikasi antara sistem dengan user dengan email, telepon terhadap admin dan YM. 6. Sistem Promosi dengan facebook. III.1.2. Analisis Dokumen Analisis dokumen merupakan kegiatan menganalisis seluruh dokumen dasar yang digunakan dan mengalir pada sebuah sistem yang sedang berjalan. Adapun jenis-jenis dokumen yang digunakan pembangunan aplikasi ecommerce pada CV. Contingent yang sedang berjalan yaitu data barang, faktur pembelian, surat pesanan, faktur penjualan, surat jalan, tanda terima barang, data stok barang, rekap data barang dan laporan penjualan. Adapun rincian dari masing-masing dokumen tersebut dapat dilihat pada tabel 3.1. Tabel III.1 Tabel Analisis Dokumen No Dokumen Uraian 1 Pembelian data barang Deskripsi : Barang yang akan diberikan kepada konsumen Fungsi : Sebagai informasi barang yang akan diberikan kepada konsumen. Sumber : Bagian gudang Atribut : Tanggal, Nama pemesan, Alamat , No Telepon, Nama barang, Jenis barang, Satuan, Jumlah, Harga. 2 Faktur Penjualan Deskripsi : Bukti transaksi penjulan yang diberikan bagian administrasi kepada konsumen. Fungsi : Untuk mencatat dan bukti transaksi penjualan. 3 Surat Jalan Deskripsi : Bukti barang yang akan dikirim ke konsumen Fungsi : Untuk bukti pengiriman barang Sumber : Bagian penjualan Atribut : Tanggal, Nama pemesan, Alamat , No Telepon, Nama barang, Jenis barang, Satuan, Jumlah, harga. Tabel III.1 Tabel Analisis Dokumen lanjutan No Dokumen Uraian 4 Tanda Terima Barang Deskripsi : Bukti barang yang dipesan telah dikirim Fungsi : Untuk bukti barang yang dikirim telah diterima. Sumber : Bagian pengiriman. Atribut : Tanggal, Nama pemesan, Alamat , No Telepon, Nama, barang, Satuan, Jumlah, harga. 5 Data Stok Barang Deskripsi : Catatan persediaan barang keluar masuk Barang. Fungsi : Mengetahui persediaan barang Sumber : Bagian gudang. Atribut : Tanggal, Nama barang,Jenis barang, Jumah. 6 Surat Jalan Deskripsi : Bukti barang yang akan dikirim ke konsumen Fungsi : Untuk bukti pengiriman barang Sumber : Bagian penjualan. Atribut : Tanggal, Nama pemesan, Alamat, No, Telepon, Nama Barang, Jenis barang, Satuan, Jumlah, harga. 7 Laporan Data Barang Deskripsi : Catatan persediaan barang atau keluar masuk barang. Fungsi : Mengetahui persediaan barang. Sumber : Bagian gudang. Atribut : Tanggal, Nama barang, nama, Jenis barang, jumlah. 8 Laporan Penjualan Deskripsi : Catatan penjualan barang Fungsi : Mengetahui laporan penjualan Sumber : Bagian penjualan Atribut : Tanggal, Nama barang, Jenis barang, jumlah, satuan, Harga. 9 Data Stok Barang Deskripsi : Catatan persediaan barang keluar masuk barang Fungsi : Mengetahui persediaan barang Sumber : Bagian gudang Atribut : Tanggal, Nama barang, Jenis barang, Jumah. III.2.9. Analisis Prosedur Pada tahapan ini akan dianalisis mengenai prosedur-prosedur yang sedang berjalan pada CV.Contingent, sehingga dari analisis ini diperoleh beberapa prosedur diantaranya proses dan penjualan. Untuk lebih jelasnya dapat dilihat pada gambar 3.1. III.1.3.1. Prosedur Penjualan yang Berjalan Saat Ini Pada prosedur pemesanan terdapat beberapa entitas yang terlibat didalamnya diantaranya: konsumen, kasir, pimpinan. 1. Konsumen melakukan pemesanan terhadap barang yang akan dibeli. 2. Kasir akan mencatat pemesanan barang, dan setelah diproses kasir akan memnerikan data detail pemesana barang kepada bagian produksi untuk dicek. 3. Bagian produksi akan mengecek stok data barang dan menghasilkan empat rangkap, rangkap pertama jika barang tidak ada akan diberikan kepada kasir setelah itu kasir akan memberikan kepada konsumen. 4. Rangkap kedua, jika barang tersedia maka barang akan direkap dan akan digunakan oleh bagian produksi untuk pembuatan laporan data barang yang akan diberikan kepada pimpinan. 5. Rangkap ketiga akan diberikan kepada kasir untuk pembuatan laporan data penjualan dan pembuatan faktur penjualan. 6. Setelah mendapat rekap data barang yang akan dipesan, kasir akan membuat laporan data penjualan yang akan diberikan kepada pimpinan dan faktur penjualan yang menghasilkan tiga rangkap, rangkap pertama berwarna putih untuk konsumen, warna kedua berwarna merah untuk arsip, warna ketiga berwarna kuning untuk pimpinan perusahaan. 7. Rangkap keempat akan diberikan kepada Bagian pengiriman untuk pembuatan surat jalan dan pembuatan kwitansi tanda terima barang yang menghasilkan dua rangkap, rangkap pertama diarsipkan dan rangkap kedua diberikan kepada konsumen. Adapun prosedur transaksi penjualan tersebut dapat diihat pada Gambar III.1 flowmap pemesanan dan penjualan. Gambar III.1 FlowMap penjualan yang sedang berjalan Keterangan : A : Arsip faktur penjualan barang B : Arsip kwitansi tanda terima barang III.1.4. Analisis Aliran Informasi Dalam tahap ini akan dianalisis dari aliran informasi dari aplikasi yang akan dibuat berikut ini analisis dari aliran informasi yang akan dibuat: III.1.4.1. Kebutuhan Data Dalam proses pengolahan data penjualan, pembayaran dan pemesanan maka dibutuhkan data untuk menjalankan pemprosesan. Data yang dibutuhkan untuk mengolah data, seperti pada tabel III.2. Tabel III.2 Kebutuhan data N0 Nama Data Fungsi Sumber 1 Informasi konsumen Bagian Admin Kasir 2 Laporan data penjualan Mengetahui laporan data penjualan Kasir 3 Laporan data barang Mengetahui persediaan barang Bagain produksi III.1.4.2. Informasi yang Dihasilkan Adapun informasi yang dihasilkan dari prosedur-prosedur yang digambarkan pada tabel III.3. Tabel III.3 Informasi yang dihasilkan No Nama Informasi Tujuan Fungsi 1 Informasi konsumen Bagian admin Informasi mengenai identitas konsumen 2 Informasi penjualan Bagian admin dan Pimpinan Informasi tentang jumlah pemesanan barang 3 Informasi pembayaran Bagian operator CV.Contingent dan Pimpinan informasi tentang jumlah penjualan barang 4 Informasi stok barang Bagian administrator, bagian gudang, dan Pimpinan informasi tentang jumlah stok barang 5 Informasi pemesanan barang Bagian admin, dan pimpinan informasi mengenai pemesanan barang III.1.5. Analisis Pengkodean Kode merupakan penyajian dalam mengklafikasikan data sehingga mudah dalam proses masukan ke dalam sistem program. Pengunaan kode biasanya untuk mengidentifikasi data, simbol kode biasanya digunakan pada hampir semua proses yang ada keterkaitannya dengan data. Kode barang Error Objects cannot be created from editing field codes. Untuk jenis produk kodenya adalah sebagai berikut : 001 : AERON 002 : LUNATIC 003 : THIN Contoh : Kode barang A.08.001.012 Barang dengan jenis THIN dengan nomor produksi 12, diproduksi pada tahun 2010 III.1.6. Analisis Konseptual Basis Data Dalam memodelkan data dan menggambarkan hubungan antara data digunakan alat bantu yaitu diagram E-R, sehingga dari diagram E-R dapat dilihat hubungan antar entitas. Diagram E-R yang diusulkan untuk sistem yang akan dibangun dapat dilihat pada gambar III.2 dibawah ini. Konsumen Pembelian Produk Memiliki Det_pembelian Konfirmasi_ kirim Forwarder Ongkos_kirim Kota Memiliki Provinsi Memiliki Kategori Admin Mengelola Mengelola Berita 1 N N M N M N N 1 N 1 1 N no Kode_produk Id_konsumen Id_konsumen Kode_produk Id_kategori Id_kategori Id_admin Id_admin Id_admin Id_berita Id Id_pembelian Id_forwarder Id_forwarder Id_kirim Id_forwarder Id_provinsi Id_kabkota Id_kabkota Id_provinsi Id_provinsi Id_konsumen Id_pembelian Id_pembelian N 1 N M 1 pengiriman Id_forwarder Id_konsumen id N M Konfirmasi_bank Memiliki id Id_pembelian N 1 Memiliki 1 Ukuran N Kode_produk Id_ukuran Gambar III.2 ERD III.1.7. Software Requirement SpecificationSRS Dokumen SRS ini menjelaskan requirement untuk mengimplementasikan fitur-fitur pada pembangunan aplikasi ecommerece contin jaket motor sport. III.1.7.1. Administrator 1. Login Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan transaksi. 2. Melihat kategori Menu ini digunakan untuk melihat menambah atau menghapus kategori 3. Melihat stock Menu ini digunakan untuk melihat, mengubah, dan menghapus data kategori. 4. Menambah data barang Menu ini digunakan untuk menambah data barang. 5. Melihat data barang Menu ini digunakan untuk melihat, mengubah, dan menghapus data barang 6. Melihat data pesanan Menu ini digunakan untuk melihat, mengubah status pesanan, dan penyesuaian data detail pesanan. 7. Mengirim pesan ke konsumen Menu ini digunakan untuk melakukan pengiriman pesan ke konsumen 8.Logout Menu ini digunakan untuk keluar dari sistem. III.1.7.2. Pengunjung 1. Melihat lihat data barang Informasi barang yang ditawarkan pada CV.Contingent. 2. Melakukan registrasi Tahap yang harus dilakukan untuk dapat melakukan transaksi pemesanan barang adalah melakukan registrasi. 3. Melihat menu kontak Menu ini digunakan untuk menghubungi pihak Pada CV.Contingent 4. Melihat menu profil Menu ini digunakan untuk melihat profil CV.Contingent 5. Melihat menu cara pesan Menu ini digunakan untuk melihat cara cara pemesanan 6. Cek status pemesanan Menu ini digunakan untuk melakukan cek status pemesanan yang dilakukan oleh pemesan yang belum menjadi member. III.1.7.3. Konsumen 1. Login Menu ini digunakan untuk masuk kedalam sistem agar dapat melakukan transaksi. 2. Melihat data barang Informasi barang yang ditawarkan pada CV.Contingent. 3. Melihat kategori Menu ini digunakan untuk melihat kategori barang yang ada pada CV.Contingent. 4. Melihat menu cara pemesanan Menu ini digunakan untuk melihat cara pemesanan barang. 5. Melihat pesan dari administrator Menu ini digunakan untuk membaca pesan dari administrator. 6. Menulis pesan untuk administrator Menu ini digunakan jika user ingin mengirimkan pesan ke administrator. 7. Mengubah profil Menu ini digunakan untuk mengubah profil konsumen. 8. Logout Menu ini digunakan untuk keluar dari sistem. III.1.8. Analisis Kebutuhan Non Fungsional Pada tahap ini akan dijelaskan kebutuhan non fungsional dari aplikasi yang akan dibangun . III.1.8.1. Analisis User 1. Adapun karakterisik dari administrator yaitu : yang harus dimiliki administrator yaitu kemampuan dasar di bidang komputer dan mengoperasikan Sistem Operasi Windows XP, pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet. 2. Karakteristik untuk layanan pengunjung yaitu : Mengerti kualifikasi yang harus dimiliki yaitu dapat melakukan browsing di internet. 3. Karakteristik untuk layanan konsumen yaitu : Mengerti kualifikasi yang harus dimiliki yaitu dapat melakukan browsing di internet. III.1.8.2. Analisis Perangkat Keras Perangkat keras merupakan komponen atau unsur peralatan yang digunakan untuk menunjang pembangunan sistem informasi. Adapun spesifikasi perangkat keras yang ada di CV. Contingent yaitu : 1. Processor intel Pentium 4 1.7 Ghz dengan kapasitas memori 1 Gb 2. Monitor LG 17 “ 3. Harddisk 80 GB 4. DVD rom asus 16Xmax 5. Mouse dan keyboard 6. printer Epson Stylus T11 7. Cpd, paket Game 1 Mb Sedangkan spesifikasi yang digunakan sistem yang akan di bangun yaitu : 1. Processor intel Pentium 4 1.7 Ghz dengan kapasitas memori 1 Gb 2. Monitor LG 17 “ 3. Harddisk minimal 20 GB 4. DVD rom asus 16Xmax 5. Mouse dan keyboard 6. printer Epson Stylus T11 7. Cpd, paket Game 1 Mb Berdasarkan spesifikasi di atas maka dalam pembangunan aplikasi ini tidak ada perubahan dalam spesifikasi perangkat keras. III.1.8.3. Analisis Perangkat Lunak Kebutuhan perangkat lunak merupakan faktor-faktor yang harus dipenuhi untuk merancang sebuah perangkat lunak sehingga perangkat lunak tersebut sesuai dengan maksud dan tujuan perangkat lunak tersebut dibuat. Spesifikasi perangkat lunak yang ada pada CV. Contingent yaitu : 1. Windows Xp service pack 2 2. Microsoft Office 2007 3. Internet explorer 4. Adobe reader 6.0 Spesifikasi perangkat lunak yang dibutuhkan untuk membagun aplikasi e- commerce pada CV.Contingent adalah : 1. Windows xp sebagai sistem operasi 2. PHP 3. Macromedia Dreamweaver 8 4. MySQL sebagai Database 5. Web Server phpMyadmin 6. Mozila sebagai browser III.1.8.4. Analisis Jaringan Aplikasi ini bekerja pada jaringan tingkat internet dimana computer client dan server terkoneksi dengan internet agar bisa saling berhubungan dengan jaringan internet maka administrator dan user harus memiliki kontrak dengan provider internet. III.1.9. Analisis Kebutuhan Fungsional Analisis ini diperlukan untuk menentukan masukan yang diperlukan sistem, keluaran yang akan dihasilkan sistem, lingkup proses yang digunakan untuk mengolah masukan menjadi keluaran. III.1.9.1. Diagram Konteks Diagram konteks merupakan gambaran secara umum mengenai sebuah sistem yang dirancang secara global, yaitu suatu diagram yang mempresentasikan atau menggambarkan hubungan antara sistem dengan luar lingkungan luar sistem yang mempengaruhi operasi sistem. Sistem ditunjukkan dalam satu lingkungan yang menggambarkan keseluruhan proses dalam sistem hubungannya dengan entitas. Diagram konteks yang sedang berjalan pada CV.Contingent dapat dilihat pada gambar III.3. Website E-Commerece penjualan jaket pada CV.Contingent pengunjung Konsumen Administrator -Data registrasi pengunjung -Cari kategori -Cari produk -Info data registrasi pengunjung -Info kategori -Info produk -Info cara pembelian -Info berita -Data login konsumen -Data lupa pasword -Konfirmasi logout -Cari kategori -Cari produk -Reques data kategori -Reques data produk -Reques pembelian -Data pengiriman -Info login valid -Info login invalid -Info lupa password -Info ganti password -Info perubahan profil -Info kategori -Info porduk -Info ukuran -Info pembelian -info det_pembelian -Info ongkos kirim -Info Berita -Info pengiriman -Data Login admin -Data admin -Data kategori -Data berita -Data provinsi -Data kab_kota -Data produk -Data Berita_konsumen -Data pembelian -Reques konfirmasi kirim -Data det_pembelian -Data ongkos kirim -Data forwarder -Data ukuran -Info login valid -Info login Invalid -Info perubahan pasword admin -Info konfirmasi pengiriman -Info kategori -Info berita -Info provinsi -Info kab_kota -Info produk -Info berita -Info pembelian -Info det_pembelian -Info ongkos Kirim -Info forwarder -Info ukuran Gambar III.3 Diagram konteks III.1.9.2. Data Flow Diagram Data Flow Diagram DFD merupakan model grafis dari sebuah sistem yang menunjukkan sebuah aliran sistem, berikut ini DFD Level 0 dapat dilihat pada gambar III.4. Registrasi Pengelolaan konsumen Login konsumen Login Admin Cari Produk Pengelolaan data master Admin Pengunjung -I nf o ke tp gor i -I nf o P rodu k Berita Kategori Tab_provinsi Kab_kota Produk Data berita Info berita Data kategori Inf o dat a ka te gor i D a ta p rovi n si In fo p ro v in s i Dat a kab _ ko ta In fo k a b _ k o ta D at a pr od uk -I nfo pr od uk -I n fo k a tego ri Konsumen Admin Data ko nsume n Info data konsumen Info data registrasi pengunjung Data registrasi pengunjung Data konsumen Info konsumen Konsumen In fo l o gi n va lid In fo l o g in in va lid D a ta lo gi n kon s ume n D a ta ko nsu m en Info konsumen -Data Login Konsumen -Data lupa pasword Info login_valid Info login_invalid Info lupa pasword -I nf o ke te g o ri -I nf o pr o d u k In fo k a te g o ri In fo pr odu k View data produk Login valid In fo k a te go ri In fo Pr od u k -Info kategori -Info produk -info ukuran Transaksi L o g in V a lid -I nf o pe m b e lia n -I nf o de t_ pe m b el ia n -I nf o on gk s o k ir im R equ es pe mbe lia n Det_pembelian Data det_pembelian info det_pembelian D e t_pe mbe lia n View history Log in v alid Info pembelian, det_pembelian D a ta lo g in A d m in In fo lo g in v ali d In fo lo gin in va lid Data login admin -Info login valid -Info login invalid -D at a kat e g o ri -D at a ber it a -D at a ta b_p rovi nsi -D at a kab _ko ta -D at a pr od uk -D at a pem bel ia n -D at a det _p emb e lian -D at a ong kos K ir im -D at a fo rw a rder Lo gi n admi n va lid In fo p e mbe lia n In fo d e t_ p e m be lian In fo de t_ pe mbel ia n In fo p e mb eli a n -I nf o ka b _ k o ta -I nf o on g k o s k ir im -I nf o k a tego ri -I nf o ber it a -I nf o ta b_p rovi nsi -I nf o kab _ko ta -I nf o pr od uk -I nf o pem bel ia n -I nf o det _p emb e lian -I nf o ong kos k ir im -I nf o fo rw a rder 1.0 Info data admin 2.0 3.0 4.0 6.0 7.0 8.0 9.0 10 -C ar i k at ego ri -C ar i p rodu k Reques data kategori Reques data produk Reques data ukuran -Ca ri k a te g o ri -C ar i pr odu k -Info data konsumen -Info password -Info perubahan profil Info Data Forwarder Data Ongkos Kirim -I nf o ong kos k ir im -I nf o kab _ko ta Data Forwarder Ongkos_kirim Forwarder Info Forwarder Informasi Berita Data admin -Info kategori -info data produk Pengelolaan Administrator Da ta a d m in In fo a d mi n Lo gi n admi n va lid Info data admin 5.0 Info perubahan pasowrd admin Konfirmasi_kirim -Info det_pembelian -info konfirmasi kirim Reques konfirmasi kirim Info konfirmasi kirim Pembelian Data pembelian Info pembelian Pengiriman -Data pegiriman Info Pengiriman Data forwarder In fo fo rw a rd e r Konfirma si_bank R equ es pe mbel ian D e t_pe mbel ia n In fo r D e t_ pem bel ia n Ukuran Data ukuran In fo u k ura n Inf o pr od uk Info ukuran Data konsumen Data admin L o gi n ad min va lid Gambar III.4 DFD Level 0 2.1 Verifikasi Username Admin 2.2 Verifikasi Password Admin Data login admin -Info login valid -Info login invalid Verifikasi Username Admin Valid -Info Login valid -Info Login Invalid Data login admin -Info Login valid -Info Login Invalid -Info login valid -Info login invalid Data login admin Data login admin Info login valid Info login invalid Gambar III.5 DFD Level 1 P0.2 Login Admin Gambar III.6 DFD Level 1 P0.3 Login Konsumen Gambar III.7 DFD Level 1 P0.5 Pengelolaan Data Konsumen Gambar III.8 DFD Level 1 P0.6 Pengelolaan Data Master 9.1 PilihProduk 9.2 Ubah detail pembelian 9.5 CheckOut 9.6 Pengiriman Konsumen Produk Pembelian Detail_pembelian Data detail_pembelian Info detail_pembelian Info pembelian Data pembelian Info produk Data detail_pembelian Info detail_pembelian Request data produk Info produk -Reques Pembelian Info pembelian Info det_pembelian Info ongkos kirim Data ongkos kirim Info ongkos kirim Data ongkos kirim In fo d e ta il_ p e mb el ia n Data pembelian Info pembelian Kab_kota Data kab_kota - Info kab_kota - Info ongkos kirim Data Produk Data produk Info produk Ongkos Kirim TambahProduk 9.3 pengiriman Data pengiriman Data forwarder Info pengiriman Info Forwarder Pembayaran Konfirmasi Bank Data_det pembelian Info det_pembelian Data ongkos Kirim Info ongkos kirim Reques pembelian Data_det pembelian Info Det_pembelian 9.7 Info produk Reques produk 9.4 Hapus pembelian Data pembelian Info pembelian In fo de ta il_ p e mb el ia n d a ta de ta il_ pe mbel ian Info pembelian Info det_pembelian Data produk Info produk Gambar III.9 DFD Level 1 P0.9 Pengelolaan Data Transaksi Tambah Berita Edit Berita Info berita Data berita Info berita Data berita Info berita Data berita Info berita Data berita 6.1.1 6.1.2 administrator Berita Hapus Berita 6.1.3 Data berita Info berita Data berita Info berita Gambar III.10 DFD Level 2 P0.6.1 Pengelolaan Data Berita Gambar III.11 DFD Level 2 P0.6.2 Pengelolaan Data Pembelian Tambah produk Edit produk produk Data kategori Data kategori Data Produk Info data kategori Info data produk Data kategori -Data kategori -Data produk 6.3.2 6.3.3 6.3.1 Cari produk Kategori administrator Data kategori Info data kategori Data kategori Info data kategori Data produk Data produk Info data produk Info dat produk Info Data produk Info data produk Hapus produk Data produk Info dat produk Data kategori -Data kategori -Data produk Info Data produk Info data produk Gambar III.12 DFD Level 2 P0.6.3 Pengelolaan Data Produk Gambar III.13 DFD Level 2 P0.6.4 Pengelolaan Data Kategori Gambar III.14 DFD Level 2 P0.6.5 Pengelolaan Data Kabupaten Kota Gambar III.15 DFD Level 2 P0.6.6 Pengelolaan Data Provinsi 6.7.2 Tambah ongkos kirim 6.7.3 Edit Ongkos Kirim Administrator Ongkos Kirim Data kategori produk Info ongkos Kirim Data ongkos kirim Info ongkos kirim Info ongkos kirim Data ongkos kirim Data ongkos kirim Cari ongkos kirim Info Ongkos Kirim Data Ongkos Kirim Data Ongkos Kirim Info Ongkos Kirim 6.7.1 Info ongkos kirim 6.7.3 Hapus Ongkos Kirim Info ongkos Kirim Data kategori produk Data ongkos kirim Info ongkos kirim Gambar III.16 DFD Level 2 P0.6.7 Pengelolaan Data Ongkos Kirim Gambar III.17 DFD Level 2 P0.6.8 Pengelolaan Data Forwader III.1.9.3. Spesifikasi Proses Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD . Spesifikasi proses dari gambaran DFD di atas akan dijelaskan seperti pada tabel III.4. Tabel III.4 Spesifikasi Proses No Proses Keterangan 1 No.Proses 1.0 Nama Registrasi Source Pengunjung Input Data konsumen Output Info data konsumen Destination Pengunjung Logika proses Begin {pengunjung memasukkan data} If data lengkap Then {data disimpan} Else {pesan eror ditampilkan} End 2 No.proses 2.0 Nama Login Admin Source Administrator Input username, password administrator Output Login valid, login invalid Destination administrator Logika proses Begin { administrator memasukkan data login} {sistem memanggil data penguna sesuai data login} If username dan password sesuai Then {antar muka terbuka sesuai hak akses} Else {antar muka tetap seperti awal dan data login dihapus} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 3 No.proses 3.0 Nama Login Konsumen Source Konsumen, Input Username,passwordkonsumen Output Login valid, Login invalid Destination Konsumen, Logika proses Begin Begin { konsumen memasukkan data login} {sistem memanggil data penguna sesuai data login} If username dan password sesuai Then {antar muka terbuka sesuai hak akses} Else {antar muka tetap seperti awal dan data login dihapus} End 4 No.proses 4.0 Nama Kelola data konsumen Source Konsumen,administrator Input Data konsumen,data administrator Output Info data konsumen, info data administrator Destination Konsumen, administrator Logika proses Begin {konsumen,administrator mengubah, dan menghapus data ke dalam database} If password lama salah Then {tampilkan pesan error} Else {data disimpan di dalam database} End. Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 5 No.proses 6.0 Nama Pengelolaan data master Source Administrator Input Data kategori, data produk, data pesanan, data berita, data provinsi, data kab_kota,data ongkos kirim, data Forwader, Output Info data kategori, info data produk, Info data pesanan, info data berita, info data provinsi, info data kab_kota, info data ongkos kirim, info data Forwader. Destination Administrator Logika proses Begin {administrator menambah, mengubah, atau menghapus data ke dalam database} If data tidak lengkap Then {tampilkan status error} Else {data disimpan ke database} End. 6 No.proses 7.0 Nama View data barang Source Konsumen, pengunjung Input - Output Info data barang, info data kategori Destination Konsumen, pengunjung Logika proses Begin {data dari database di panggil dan ditampilkan} End 7 No.proses 8.0 Nama Cari produk Source Konsumen , pengunjung Input - Output info data kategori, info data barang Destination Konsumen, pengunjung Logika proses Begin If konsumen memilih kategori then {data barang di tampilkan} Else {hanya tampilkan data kategori} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 8 No.proses 9.0 Nama Transaksi Source Konsumen Input Data pesanan Output Info data pesanan Destination Konsumen Logika proses Begin {konsumen memilih produk} {konsumen memasukan data pesanan} {konsumen mengubah detail pesanan} {konsumen melakukan cekout} {konsumen mengisi data pembayaran} If data tidak lengkap Then {tampilkan pesan error} Else If jumlah stock Then {konfirmasi kesalahan} Else pembelian berhasil Then {pilih data pembayaran} Else kirim data pembayaran} Then End 9 No.proses 2.1 Nama Verifikasi Username Source Administrator, Suver administrator Input Data login Admin, Data login Suver admin Output Info login invalid, valid Destination Admin, suver admin Logika proses Begin {Admin, suver admin memasukkan data login} If username valid Then {username valid} Else if username invalid Then {username invalid} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 10 No.proses 2.2 Nama Verifikasi Pasword Source Admin, suver admin Input Data login Admin, Data login suver admin Output Info Data login Administrator Destination Konsumen Logika proses Begin {Administrator memasukkan data login} If pasword valid Then {pasword valid} Else if username invalid Then {password invalid} End 11 No.proses 3.1 Nama Verifikasi Username Source Konsumen Input Data login Konsumen Output Info login konsumen invalid Destination Konsumen Logika proses Begin {Konsumen memasukkan data login} If username valid Then {username valid} Else if username invalid Then {username invalid} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 12 No.proses 3.2 Nama Verifikasi Pasword Source Konsumen Input Data login Konsumen Output Info Data login Konsumen Destination Konsumen Logika proses Begin {Konsumen memasukkan data login} If pasword valid Then {pasword valid} Else if username invalid Then {password invalid} End 13 No.proses 4.1 Nama Mengubah profil Source Konsumen Input Data konsumen yang akan diubah Output Info data konsumen yang telah, diubah, Destination - Konsumen - Tabel konsumen Logika proses Begin { konsumen mengubah data konsumen yang ada dalam database} End 14 No.proses 4.2 Nama Mengubah Pasword Source Konsumen Input Pasword konsumen yang akan diubah Output Info pasword konsumen yang telah diubah Destination - Konsumen - Tabel konsumen Logika proses Begin { konsumen mengubah pasword yang ada dalam database} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 15 No.proses 6.1 Nama Kelola berita Source Administrator Input Data berita Output Info data berita Destination Administrator Logika proses Begin {administrator mengelola data berita} If data berita lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End 16 No.proses 6.2 Nama Kelola pembelian Source Administrator Input Data pembelian Output Info data pembelian Destination Administrator Tabel pembelian Logika proses Begin {administrator mengelola data pembelian} If data pembelian lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 17 No.proses 6.3 Nama Kelola produk Source Administrator Input Data produk Output Info data produk Destination Administrator Logika proses Begin {administrator mengelola data produk} If data lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End 18 No.proses 6.4 Nama Kelola kategori Source Administrator Input Data kategori Output Info data kategori Destination Administrator Logika proses Begin {administrator mengelola data kategori} If data kategori lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 19 No.proses 6.5 Nama Kelola Kab_kota Source Administrator Input Data Kab_kota Output Info data Kab_kota Destination Administrator Logika proses Begin {administrator mengelola data Kab_kota} If data kategori lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End 20 No.proses 6.6 Nama Kelola Provinsi Source Administrator Input Data Provinsi Output Info data Provinsi Destination Administrator Logika proses Begin {administrator mengelola data provinsi} If data kategori lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End 21 No.proses 6.7 Nama Kelola Ongkos Kirim Source Administrator Input Data Ongkos kirim Output Info data ongkos kirim Destination Administrator Logika proses Begin {administrator mengelola data ongkos kirim} If data ongkos kirim lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 22 No.proses 6.8 Nama Kelola Forwader Source Administrator Input Data Forwader Output Info data Forwader Destination Administrator Logika proses Begin {administrator mengelola data Forwader} If data Forwader lengkap Then {data disimpan di database} Else {konfirmasi terjadi kesalahan} End 23 No.proses 6.1.1 Nama Menambah berita Source Administrator Input Data berita Output Info data berita Destination Administrator Logika proses Begin {admin menambah berita member } If data tidak lengkap Then {konfirmasi kesalahan} Else {data kategori di simpan di database} End 24 No.proses 6.1.2 Nama Menambah berita Source Administrator Input Data berita Output Info data berita Destination Administrator Logika proses Begin {admin menambah berita } If data tidak lengkap Then {konfirmasi kesalahan} Else {data kategori di simpan di database} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 25 No.proses 6.2.1 Nama Cari Pembelian Source Administrator Input Data pembelian Output Info data pembelian Destination Administrator Logika proses Begin {cari pembelian,cari berdasarkan id pembelian, nama dan kode produk} If data data ditemukan Then {data di tampilkan} End 26 No.proses 6.2.2 Nama Edit Status pembelian Source Administrator Input Data pembelian Output Info data pembelian Destination Administrator Logika proses Begin {mengedit data pembelian} If pilih tombol Edit Then {verifikasi sudah dikirim atau gagal dikirim } Else If pilih ya then {update satus pengiriman} End 27 No.proses 6.2.3 Nama Kirim Pembelian Source Administrator Input Data pembelian Output Info data pembelian Destination Administrator Logika proses Begin {admin mengkonfrimasi data pengiriman, Pilih jasa pengiriman} If data lengkap Then {data siap dikirim} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 30 No.proses 6.3.1 Nama Cari Produk Source Administrator Input Data data produk, data kategori Output Info data kategori, info data produk Destination Administrator Logika proses Begin {admin mencari produk berdasarkan nama,kategori dan status} If admin mencari produk Then {tampilkan form berdasarkan nama, End 31 No.proses 6.3.2 Nama Tambah Produk Source Administrator Input Data data produk, data kategori Output Info data kategori, info data produk Destination Administrator Logika proses Begin {admin menambah produk } If admin tambah produk Then {tampilkan form produk terbaru, End 32 No.proses 6.3.3 Nama Cari Produk Source Administrator Input Data data produk, data kategori Output Info data kategori, info data produk Destination Administrator Logika proses Begin {admin mngubah produk} If admin memilih kategori Then {tampilkan data produk} Else if {data diubah} Then {data baru disimpan dalam database} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 33 No.proses 6.4.1 Nama Menambah kategori Source Administrator Input Data kategori Output Info data kategori Destination Administrator Logika proses Begin {admin menambah data kategori} If data lengkap Then {meminta konfirmasi} If pilih yes {data ditambahkan ke database} Else {proses dibatalkan} End 34 No.proses 6.4.2 Nama Edit kategori Source Administrator Input Data kategori Output Info data kategori Destination Administrator Logika proses Begin {admin mengedit data kategori} If data lengkap Then {meminta konfirmasi} If pilih yes {data ditambahkan ke database} Else {proses dibatalkan} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 35 No.proses 6.5.1 Nama Mencari data kab_kota Source Administrator Input Data Kota Output Info dataKota Destination Administrator Logika proses Begin {admin mencari data kota} If data data lengkap Then {konfirmasi data ditemukan} Else {data ditemukan} End 36 No.proses 6.5.2 Nama Menambah data kota Source Administrator Input Data kota Output Info data kota Destination Administrator Logika proses Begin {admin menambah data kota} If data tidak lengkap Then {konfirmasi kesalahan} Else {data kota disimpan di database} End 37 No.proses 6.5.3 Nama Edit data kota Source Administrator Input Data kota Output Info data kota Destination Administrator Logika proses Begin {admin mengubah data kota} If data tidak lengkap Then {konfirmasi kesalahan} Else {data kota disimpan di database} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 38 No.proses 6.6.1 Nama Mencari data provinsi Source Administrator Input Data provinsi Output Info data provinsi Destination Administrator Logika proses Begin {admin mencari data provinsi} If data data lengkap Then {konfirmasi data ditemukan} Else {data ditemukan} End 39 No.proses 6.6.2 Nama Menambah data provinsi Source Administrator Input Data provinsi Output Info data provinsi Destination Administrator Logika proses Begin {admin menambah data provinsi} If data tidak lengkap Then {konfirmasi kesalahan} Else {data provinsi disimpan di database} End Logika proses Begin {admin mengubah data provinsi} If data tidak lengkap Then {konfirmasi kesalahan} Else {data provinsi disimpan di database} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 40 No.proses 6.6.3 Nama Edit data provinsi Source Administrator Input Data provinsi Output Info data provinsi Destination Administrator Logika proses Begin {admin mengubah data provinsi} If data tidak lengkap Then {konfirmasi kesalahan} Else {data provinsi disimpan di database} End 41 No.proses 6.7.1 Nama Mencari data ongkos kirim Source Administrator Input Data data ongkos kirim Output Info data ongkos kirim Destination Administrator Logika proses Begin {admin mencari data ongkos kirim berdarkan id kirim, status dan tangal kirim} If tekan tombol cari Then {data ditemukan} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 42 No.proses 6.7.2 Nama Menambah ongkos kirim Source Administrator Input Data ongkos Output Info data ongkos Destination Administrator Logika proses Begin {admin menambah data ongkos} If admin memilih provinsi Then {tampilkan data kota} If data diisi Then {meminta konfirmasi} If pilih yes {data ditambahkan ke database} Else {proses dibatalkan} End 43 No.proses 6.7.3 Nama Edit ongkos kirim Source Administrator Input Data ongkos Output Info data ongkos Destination Administrator Logika proses Begin {admin mengubah data ongkos} If admin memilih provinsi Then {tampilkan data kota} If data rubah Then {meminta konfirmasi} If pilih yes {data ditambahkan ke database} Else {proses dibatalkan} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 44 No.proses 6.8.1 Nama Mencari data Forwader Source Administrator Input Data data Forwader Output Info data Forwader Destination Administrator Logika proses Begin {admin mencari data Forwader} If tekan tombol cari Then {data ditemukan} End 45 No.proses 6.8.2 Nama Menambah Forwader Source Administrator Input Data Forwader Output Info data Forwader Destination Administrator Logika proses Begin {admin menambah data Forwader} If admin memilih Forwader Then {tampilkan table Forwader} If data di isi Then {meminta konfirmasi} If pilih yes {data ditambahkan ke database} Else {proses dibatalkan} End Tabel III.4 Spesifikasi Proses lanjutan No Proses Keterangan 46 No.proses 6.8.3 Nama Edit data Forwader Source Administrator Input Data Forwader Output Info data Forwader Destination Administrator Logika proses Begin {admin mengubah data Forwader} If admin memilih provinsi Then {tampilkan data Forwader} If data rubah Then {meminta konfirmasi} If pilih yes {data ditambahkan ke database} Else {proses dibatalkan} End III.1.9.4. Kamus data Kamus data merupakan deskripsi formal mengenai seluruh elemen yang tercangkup dalam DFD. Kamus data untuk diagram alir data pada aplikasi E- Commerece ini akan dijelaskan sebagai berukut pada table III.5 Tabel III.5 Kamus data Nama Aliran data Data konsumen Where used how used Pengunjung proses 1 Konsumen proses 4 Deskripsi Berisi data konsumen yang digunakan untuk registrasi, validasi dan data data yang akan disimpan didalam database. Struktur data Id_konsumen, password, nama, email, alamat, kota, tlp, kode_pos, contac_person, tlp_cp. Id_konsumen Password Nama Email Alamat Kota Contak_person Tlp Tlp_Cp Kode pos [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] [0-9] [0-9] Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data Info konsumen Where used how used Pengunjung proses 1 Konsumen proses 4 Deskripsi Berisi informasi data konsumen yang digunakan untuk registrasi, validasi dan data data yang akan disimpan didalam database. Struktur data Id_konsumen, password, nama, email, alamat, kota, tlp, kode_pos, contac_person, tlp_cp. Id_konsumen Password Nama Email Alamat Kota Contak_person Tlp Tlp_Cp Kode pos [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] [0-9] [0-9] Nama Aliran data Info kategori Where used how used Pengunjung proses 7 Pengunjung proses 6 Konsumen proses 7 Konsumen proses 6 Administrator proses 5 Administrator proses 5.3 Administrator proses 5.4 Administrator proses 5.3.1 Administrator proses 5.3.2 Administrator proses 5.3.3 Administrator proses 5.4.1 Administrator proses 5.4.2 Deskripsi Berisi data pada tabel kategori Struktur data Id_kategori, id_admin, nama_kategori, keterangan, Id_kategori Id_admin Nama_kategori keterangan [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data Data kategori Where used how used Administrator proses 5 Administrator proses 5.3 Administrator proses 5.4 Administrator proses 5.3.1 Administrator proses 5.3.2 Administrator proses 5.3.3 Administrator proses 5.4.1 Administrator proses 5.4.2 Deskripsi Berisi data pada tabel kategori Struktur data Id_kategori, id_admin, nama_kategori, keterangan. Id_kategori Id_admin Nama_kategori keterangan [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Nama Aliran data Data produk Where used how used Administrator proses 5 Deskripsi Berisi data pada table produk Struktur data Kode_produk, id_kategori, nama_produk, harga, diskon, stok, gambar, keterangan. Kode_produk Id_kategori Nama_produk harga diskon stok Gambar keterangan [0-9] [0-9] [A-Z|a-z|0-9] [0-9] [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data Info produk Where used how used Administrator proses 5 Pengunjung proses 7 Pengunjung proses 6 Konsumen proses 7 Konsumen proses 6 Administrator proses 4.2 Administrator proses 4.2.1 Administrator proses 4.2.2 Administrator proses 4.2.3 Deskripsi Berisi data pada tabel produk Struktur data Kode_produk, id_kategori, nama_produk, harga, diskon, stok, gambar, keterangan. Kode_produk Id_kategori Nama_produk harga diskon stok Gambar keterangan [0-9] [0-9] [A-Z|a-z|0-9] [0-9] [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Nama Aliran data Data pembelian Where used how used konsumen proses 8 Admin proses 5 Deskripsi Berisi data pada tabel pesanan_konsumen Struktur data Id_pembelian, kode_produk,id_konsumen,tgl,jumlah,total, diskon, sub_total, id_kirim. no Id_pembelian Kod_produk Id_konsumen tgl jumlah total diskon sub_total id kirim [0-9] [0-9] [0-9] [0-9] date [0-9] [0-9] [0-9] [|0-9] [0-9] Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data Info pembelian Where used how used Administrator proses 5 Konsumen proses 8 Konsumen proses 9 Deskripsi Data pada tabel pembelian Struktur data Id_pembelian,kode_produk,id_konsumen,tgl,jumlah,total, diskon, sub_total, id_kirim. Id_pembelian Kod_produk Id_konsumen tgl jumlah total diskon sub_total id kirim [0-9] [0-9] [0-9] date [0-9] [0-9] [0-9] [|0-9] [0-9] Nama Aliran data Data login Admin Where used how used Administrator proses 2 Deskripsi Data yang di lakukan untuk verivikasi login Struktur data Username, password Username password [A-Z|a-z|0-9] [A-Z|a-z|0-9] Nama Aliran data Data login Login konsumen Where used how used Administrator proses 3 Deskripsi Data yang di lakukan untuk verivikasi login Struktur data Username, password Username password [A-Z|a-z|0-9] [A-Z|a-z|0-9] Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data Data berita Where used how used Administrator proses 5 Deskripsi Data pada tabel berita Struktur data Id_berita, id_admin, judul,isi, gambar, tanggal. Id Id_admin judul gambar tanggal [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Date Nama Aliran Data Info berita Where used how used Administrator proses 5 Deskripsi Data pada tabel berita Struktur data Id, judul, isi Id Id_admin judul gambar tanggal [0-9] [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Date Nama Aliran data Ongkos kirim Where used how used Administrator proses 5 Deskripsi Data pada tabel ongkos kirim Struktur data Id_kirim, id_provinsi, id_kabkota, ongkos_kirim, id_Forwader Id_kirim Id_provinsi Id_kabkota Ongkos_kirim Id_Forwader [0-9] [0-9] [0-9] [A-Z|a-z|0-9] [0-9] Nama Aliran data Data Forwader Where used how used Administrator proses 5 Deskripsi Data pada tabel fowader Struktur data Id_Forwader, nama_Forwader, alamat_Forwader, tlp Id_Forwader Nama_Forwader Alamat_Forwader tlp [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] Tabel III.5 Tabel Analisis Dokumen lanjutan Nama Aliran data det_pembelian Where used how used Admin proses 6.3 Deskripsi Berisi data pada tabel det_pembelian Struktur data Id_pembelian, id_konsumen, tgl, status, totalbayar, tgl_kirim, tgl_terima, status_kirim, kodetransaksibayar,waktubayar, besarbayar, matauangbayar, id_konfirmasi_bank Id_pembelian Id_konsumen status tgl status_kirim kodetransaksibayar waktubayar besarbayar matauangbayar id_konfirmasi_bank [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] date [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] [0-9] [A-Z|a-z|0-9] [0-9] Nama Aliran data Info det_pembelian Where used how used Admin proses 6.3 Deskripsi Berisi data pada tabel det_pembelian Struktur data Id_pembelian, id_konsumen, tgl, status, totalbayar, tgl_kirim, tgl_terima, status_kirim, kodetransaksibayar,waktubayar, besarbayar, matauangbayar, id_konfirmasi_bank Id_pembelian Id_konsumen status tgl status_kirim kodetransaksibayar waktubayar besarbayar matauangbayar id_konfirmasi_bank [0-9] [A-Z|a-z|0-9] [A-Z|a-z|0-9] date [A-Z|a-z|0-9] [A-Z|a-z|0-9] [0-9] [0-9] [A-Z|a-z|0-9] [0-9] III.2 Perancangan Sistem Tujuan dari perancangan sistem adalah untuk memberikan gambaran secara umum kepada pemakai tentang sistem yang baru. Perancangan dapat mengidentifikasikan komponen-komponen sidtem informasi yang akan dirancanhg secara terperinci. Perancangan sitem merupakan lanjutan dari analisis sitem, dimana pada perancangan ini digambarkan rancangan sistem yang akan dibangun sebelum dilakukan pengkodean kedalam suatu bahasa pemrograman. III.2.1. Perancangan Basis Data Perancangan basis data merupakan perancangan sebuah data base, pada dasarnya melibatkan enam tahap yang bersifat berulang yaitu perancangan, analisis, pemrograman, implementasi dan penggunaan. III.2.2. Skema relasi Skema relasi mengambarkan hubungan antar data, arti data dan batasanya dijelaskan dangan baris dan kolom. Untuk lebih jelasnya dapat dilihat pada gambar III.18. Gambar III.18. Skema relasi III.2.3. Perancangan Struktur Tabel Tabel-tabel yang terdapat dalam basis data yang digunakan dalam sistem ini adalah sebagai berikut: 1. File berita a. Nama File : berita b. Primary Key : id_berita c. Jumlah Field : 6 d. Keterangan : tabel untuk data berita umum Tabel III.6. Tabel berita Nama Tabel : Tabel berita Keterangan : Tabel untuk data berita Nama Field Tipe Data Panjang Keterangan Id_berita Int 11 Primary key Id_admin varchar 15 judul Text isi Text Gambar Varchar 50 Tanggal datetime 2. File kategori a. Nama File : kategori b. Primary Key : id_kategori c. Jumlah Field : 5 d. Keterangan : Tabel untuk data kategori Tabel III.7. Tabel kategori Nama Tabel : Tabel kategori Keterangan : Tabel untuk data kategori Nama Field Tipe Data Panjang Keterangan Id_kategori Int 11 Primary key Id_admin varchar 10 nama_kategori varchar 20 keterangan Text status enum 3. File Admin a. Nama File : admin b. Primary Key : id_admin c. Jumlah Field : 6 d. Keterangan : Tabel untuk data admin Tabel III.8. Tabel admin Nama Tabel : Tabel admin Keterangan : Tabel untuk data admin Nama Field Tipe Data Panjang Keterangan Id_admin varchar 10 Primary key nama_admin varchar 50 pass_admin varchar 10 email varchar 50 telp varchar 15 rule enum 4. File produk a. Nama File : produk b. Primary Key : kode_produk c. Jumlah Field : 9 d. Keterangan : Tabel untuk data produk Tabel III.9. Tabel produk Nama Tabel : Tabel produk Keterangan : Tabel untuk data produk Nama Field Tipe Data Panjang Keterangan Kode_produk varchar 10 Primary key Id_kategori varchar 10 nama_produk varchar 20 harga int 20 diskon int 5 stok int 20 gambar varchar 50 keterangan text status enum 5. File pembelian a. Nama File : pembelian b. Primary Key : no c. Jumlah Field : 11 d. Keterangan : Tabel untuk data pembelian Tabel III.10. Tabel pembelian Nama Tabel : Tabel pembelian Keterangan : Tabel untuk data pembelian Nama Field Tipe Data Panjang Keterangan no int 11 Primary key id_pembelian int 11 kode_produk varchar 10 Id_konsumen varchar 10 tanggal tgl Date jumlah int 11 total int 30 diskon int 20 subtotal int 30 status varchar 6 Id_kirim int 11 6. File konsumen a. Nama File : konsumen b. Primary Key : id_konsumen c. Jumlah Field : 11 d. Keterangan : Tabel untuk data konsumen Tabel III.11. Tabel konsumen Nama Tabel : Tabel konsumen Keterangan : Tabel untuk data konsumen Nama Field Tipe Data Panjang Keterangan Id_konsumen varchar 10 Primary key Pass_konsumen varchar 10 nama varchar 20 alamat varchar 20 email varchar 50 kodepos varchar 10 telp varchar 10 cp varchar 20 telp_cp int 15 tgl_buat_konsumen datetime status enum rule enum Id_kabkota varchar 10 7. File provinsi a. Nama File : provinsi b. Primary Key : id_provinsi c. Jumlah Field : 2 d. Keterangan : Tabel untuk data provinsi Tabel III.12. Tabel provinsi Nama Tabel : Tabel provinsi Keterangan : Tabel data provinsi Nama Field Tipe Data Panjang Keterangan Id_provinsi int 10 Primary key nama varchar 100 8. File kota a. Nama File : kota b. Primary Key : id_kabkota c. Jumlah Field : 6 d. Keterangan : Tabel untuk data kab_kota Tabel III.13. Tabel kota Nama Tabel : Tabel kota Keterangan : Tabel untuk data kab_kota Nama Field Tipe Data Panjang Keterangan Id_kabkota int 10 Primary key Id_provinsi int 10 nama varchar 50 kabkota varchar 20 kd_telepon vachar 10 tampil varchar 2 9. File ongkos kirim a. Nama File : ongkos kirim b. Primary Key : id_kirim c. Jumlah Field : 5 d. Keterangan : Tabel untuk data ongkos kirim Tabel III.14. Tabel ongkos kirim Nama Tabel : Tabel ongkos krirm Keterangan : Tabel untuk data ongkos kirim Nama Field Tipe Data Panjang Keterangan Id_kirim int 11 Primary key Id_provinsi varchar 10 Id_kabkota varchar 10 Ongkos_kirim int 20 Id_Forwader int 20 10. File forwader a. Nama File : forwader b. Primary Key : id_forwader c. Jumlah Field : 5 d. Keterangan : Tabel untuk data forwader Tabel III.15. Tabel forwader Nama Tabel : Tabel Forwader Keterangan : Tabel untuk data Forwader Nama Field Tipe Data Panjang Keterangan Id_Forwader int 11 Primary key Nama_Forwader varchar 20 Alamat_Forwader varchar 50 telp varchar 15 Status enum 11. File konfirmasi_kirim a. Nama File : konfirmasi_kirim b. Primary Key : id c. Jumlah Field : 4 d. Keterangan : Tabel untuk data konfirmasi kirim status pembelian Tabel III.16. Tabel konfirmasi_kirim Nama Tabel : Tabel konfirmasi_kirim Keterangan : Tabel untuk data konfirmasi kirim satus pembelian Nama Field Tipe Data Panjang Keterangan id int 5 Primary key Id_pembelian int 5 Id_Forwader int 5 Kode_pengiriman varchar 50 III.2.4. Perancangan arsitektur Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah proses pembangunan aplikasi E-Commerce pada CV.Contingent. III.2.5. Perancangan antar muka Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Perancangan interface untuk Aplikasi e-commerece cv.contingnet ini adalah sebagai berikut: III.2.5.4. Antar Muka Pengunjung 1. Form antarmuka index pengunjung P01 P01 HEADER INDEX PROFIL CARA BELI KONTAK DAFTAR FOOTER LOGIN Jaket Dengan Kualitas Terbaik Username : Password : Login Contin Jaket Motor Sport Lupa pasword Gambar Produk Terlaris Navigasi 1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02 3. Klik cara beli untuk menuju P03 4. Klik kontak untuk menuju P04 5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06 7. Klik Lupa password untu menuju P07 Gambar Cari Kategori Produk Cari Enter Text THIN : Kategori : Harga : Keterangan : Diskon : Add To cart Share facebook Share twiter Like Facebook YM Page 1 of n 1 n Gambar THIN : Kategori : Harga : Keterangan : Diskon : Add To cart Gambar Payment and Shiping Methode Gambar III.19 Form antarmuka index pengunjung 2. Form antarmuka profil pengunjung P02 Gambar III.20 Form antarmuka profil pengunjung 3. Form antarmuka cara beli P03 Gambar III.21 Form antarmuka cara beli 4. Form antarmuka kontak P04 Gambar III.22 Form antarmuka kontak 5. Form antarmuka daftar P05 P05 HEADER INDEX PROFIL CARA BELI KONTAK DAFTAR FOOTER LOGIN Form Pendaftaran Username : Password : Login Contin Jaket Motor Spor Lupa pasword Gambar Produk Terlaris Nama Konsumen Username Pasword Konfirmasi Pasword Email Provinsi Kota Alamat Kode Pos Telp Kode Masukan Kode Untuk Tanda Wajib diisi Enter Text Enter Text Enter Text Enter Text Enter Text Enter Text Enter Text Enter Text Enter Text Enter Text Kode Capcaha Enter Text Register 1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02 3. Klik Cara beli untuk menuju P03 4. Klik kontak untuk menuju P04 5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06 7. Klik Lupa pasword untu menuju P07 Gambar III.23 Form antarmuka daftar 6. Form antarmuka berita P06 P06 HEADER INDEX PROFIL CARA BELI KONTAK DAFTAR FOOTER LOGIN Tanggal Suting Username : Password : Login Informasi Lupa pasword Gambar Produk Terlaris Brand Baru Gambar Berita Terbaru Text Berita 1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02 3. Klik Cara Beli untuk menuju P03 4. Klik kontak untuk menuju P04 5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06 7. Klik Lupa pasword untu menuju P07 Gambar III.24 Form antarmuka berita 7. Form antarmuka lupa password P07 K02 HEADER INDEX PROFIL KATALOG KONTAK DAFTAR FOOTER LOGIN Username : Password : Login Contin Jaket MotoSport Lupa pasword Gambar Produk Terlaris Lupa Pasword Masukan Username Anda Enter Text Kirim 1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02 3. Klik Cara Beli untuk menuju P03 4. Klik kontak untuk menuju P04 5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06 7. Klik Lupa password untu menuju P07 Gambar III.25 Form antarmuka lupa password 8. Form antarmuka login konsumen K08 HEADER INDEX PROFIL CARA BELI KONTAK DAFTAR FOOTER Terimakasih telah melakukan aktifasi, sekarang akun anda telah digunakan silahkan melakuakn login terima kasih. CV.CONTINGENT Username : Login Contin Jaket Motor Sport 1. Klik Index untuk menjuju P01 2. Klik Profil untuk menuju P02 3. Klik Cara beli untuk menuju P03 4. Klik kontak untuk menuju P04 5. Klik Daftar untuk menuju P05 6. Klik Berita untuk menuju P06 7. Klik Lupa pasword untu menuju P07 Silahkan Masukan password dan username anda Login Konsumen Password : Lupa Password Gambar III.26 Form antarmuka login konsumen III.2.5.2. Antar Muka Konsumen 1. Form antarmuka Index Konsumen K01 Gambar III.27 Form antarmuka Index Konsumen 2. Form antarmuka belanja konsumen K02 K02 HEADER FOOTER GAMBAR PRODUK GAMBAR PRODUK Nama Produk Kategori Harga Stok Produk Qty Keterangan Beli Produk Page 1 of n 1 n Gambar Produk Terlaris Enter Text Enter Text Cari Nama Produk Kategori Harga Stok Produk Qty Keterangan Beli Produk Logout 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau k03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untuk menuju K07 8. Klik gambar link | Item produk| untuk menuju K03A atau K03B 9. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Produk Kategori Teks Kategori Teks Kategori Link Gamar Keranjang Gambar III.28 Form antarmuka belanja konsumen 3. Form antarmuka keranjang padasaat kosong K03A K03A HEADER FOOTER Produk Kategori Teks Kategori Teks Kategori Contin Jaket Motosport Gambar Produk Terlaris Logout Keranjang anda masih kosong Gambar LInk 1. Klik Index untuk menjuju K03 2. Klik Belanja untuk menuju K04 3. Klik Keranjang untuk menuju K05A 4. Klik Histori untuk menuju K06A atau KO6B 5. Klik Kontak untuk menuju K07 6. Klik Berita untuk menuju K08 7. Klik Text Kategori untuk menuju K09 8. Klik gambar link | Item produk| untuk menuju K05A 9. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Link Gamar Keranjang Gambar III.29 Form antarmuka keranjang padasaat kosong 4. Form antarmuka keranjang padasaat tidak kosong K03B K03B HEADER INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA FOOTER Produk Kategori Nama Produk HargaRp Jumlah TotalRp DiskonRp Hapus Teks Kategori Teks Kategori Contin Jaket MotoSport Gambar Produk Terlaris Logout Ubah Sub Total Rp Ongkos Kirim Rp Total Bayar Rp Chekout Tambah Batal Apabila anda ingin mnegubah jumlah, klik buton ubah terlebih dahulu Icon Link 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07 8. Klik gambar link | Item produk| untuk menuju K03B 9. Klik button “ubah” untuk menuju K011 10. Klik icon link hapus untuk menuju K03A 10. Klik button “tambah produk” untuk menuju K02 11. Klik button “batal” untuk menuju K03A 12. Klik button “checkout” untuk menuju K012 14. Klik Text Logout untuk menuju P01 Link Gamar Keranjang Gambar III.30 Form antarmuka keranjang padasaat tidak kosong 5. Form antarmuka histori belanja padasaat kosong K04A K04A HEADER FOOTER Produk Kategori Id Pembelian Tanggal Total PembelianRp Status Bayar Status Kirim Detail Teks Kategori Teks Kategori Histori Pembelian Konsumen Gambar Produk Terlaris Logout Selamat Datang 1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau K03B 5. Klik Histori untuk menuju K04A 6. Klik Kontak untuk menuju K05 7. Klik Berita untuk menuju K06 8. Klik Text Kategori untuk menuju K07 9. Klik Text |item produk| untuk menuju K03A atau K03B 10. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Link Gamar Keranjang Gambar III.31 Form antarmuka histori belanja padasaat kosong 6. Form antarmuka histori belanja padasaat tidak kosong K04B K04B HEADER FOOTER Produk Kategori Id Pembelian Tanggal Total PembelianRp Status Bayar Status Kirim Detail Teks Kategori Teks Kategori Histori Pembelian Konsumen Gambar Produk Terlaris Logout Selamat Datang Icon Link 1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau K03B 5. Klik Histori untuk menuju KO4B 6. Klik Kontak untuk menuju K05 7. Klik Berita untuk menuju K06 8. Klik Text Kategori untuk menuju K07 9. Klik Text |produk| “pada saat produk kosong” untuk menuju K03A atau K03B 11. Klik icon detail untuk menuju K013 12. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Link Gamar Keranjang Gambar III.32 Form antarmuka histori belanja padasaat tidak kosong 7. Form antarmuka kontak konsumen K05A K05 HEADER FOOTER LOGIN Produk Kategori Kontak CV.Contingent Teks Kategori Teks Kategori Username : Password : Login Contin Jaket MotoSport Lupa pasword Gambar Produk Terlaris 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau k03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07 8. Klik Text |item produk untuk menuju K03A atau K03B 9. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI KONTAK BERITA Link Gamar Keranjang Gambar III.33 Form antarmuka kontak konsumen 8. Form antarmuka berita konsumen K06 K06 HEADER FOOTER Tanggal Suting Contin Jaket MotoSport Gambar Produk Terlaris Brand Baru Gambar Berita Terbaru Text Berita Logout 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau k03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07 8. Klik Link gambar |item produk| untuk menuju K03A atau K03B Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Produk Kategori Teks Kategori Teks Kategori Link Gamar Keranjang Gambar III.34 Form antarmuka berita konsumen 9. Form antarmuka produk kategori K07 K07 HEADER FOOTER GAMBAR PRODUK GAMBAR PRODUK Nama Produk Kategori Harga Stok Produk Qty Diskon Keterangan Beli Produk Page 1 of n 1 n Gambar Produk Terlaris Nama Produk Kategori Harga Stok Produk Qty diskon Keterangan Beli Produk Logout 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau K03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untuk menuju K07 8. Klik link gambar |Item produk| untuk menuju K03A atau K03B 9. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA MotoSport Kategori Contin Produk Kategori Teks Kategori Teks Kategori Link Gamar Keranjang Gambar III.35 Form antarmuka produk kategori 10. Form antarmuka ganti password K08 Gambar III.36 Form antarmuka ganti password 11. Form antarmuka konfirmasi pembayaran transfer bank K09 K09 HEADER FOOTER Konfirmasi Pembayaran dengan transfer Bank Gambar Produk Terlaris Logout 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau k03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07 8. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Produk Kategori Teks Kategori Teks Kategori ID Pembelian : Nama Pemilik Rekening Dibayar dari No rekening Pembayaran Melalui Bank Kode trasnfer Tanggal Kirim Enter Text Enter Text Enter Text Enter Text Enter Text Enter Text Konfirmasi Gambar III.37 Form antarmuka konfirmasi pembayaran transfer bank 12. Form antarmuka tracking pengiriman K010 ` K010 HEADER FOOTER Contin Jaket MotoSport Gambar Produk Terlaris Logout Enter Text Serch 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau k03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07 8. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Produk Kategori Teks Kategori Teks Kategori Jne Airwail Bil Number : Gambar III.38 Form antarmuka tracking pengiriman 13. Form antarmuka ubah jumlah pembelian K011 K011 HEADER INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA FOOTER Produk Kategori Nama Produk HargaRp Jumlah TotalRp DiskonRp Hapus Teks Kategori Teks Kategori Contin Jaket MotoSport Gambar Produk Terlaris Logout Ubah Sub Total Rp Ongkos Kirim Rp Total Bayar Rp Apabila anda ingin mnegubah jumlah, klik buton ubah terlebih dahulu Icon Link 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau K03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untu menuju K07 8. Gambar Link hapus untuk menuju K03A 9. Gambar Link |Item produk| untuk menuju K03B 10. Klik button “ok” untuk menuju K03B 11. Klik Text Logout untuk menuju P01 Link Gamar Keranjang Gambar III.39 Form antarmuka ubah jumlah pembelian 14. Form antarmuka pengiriman K12 k012 HEADER INDEX BELANJA KERANJANG HISTORI KONTAK BERITA FOOTER PENGIRIMAN 1. NAMA KONSUMEN: 2. ALAMATt : 3. KABUPATENKOTA 4. KODE POS 5. TELP Jika Anda mengisi ke alamat yang lain silahkan isi data di bawah ini: 6. PROVINSI 7. KOTA 8. ALAMAT 9. KODE POS 10 TELP 11. JASA PENGIRIMAN 12. TOTAL BERAT PRODUK 13. JASA KIRIM Enter Text Enter Text Checkout 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau k03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untuk menuju K07 8. Klik Checkout untuk menuju K014 9. Klik Text Logout untuk menuju P01 Enter Text Enter Text Enter Text Enter Text Enter Text Enter Text Gambar III.40 Form antarmuka pengiriman 15. Form antarmuka detail pembelian K13 K013 HEADER FOOTER Produk Kategori Id Pembelian Nama Produk Harga Jumlah Ongkos Jasa Kirim Kode Kirim Sub Total Total Teks Kategori Teks Kategori Dtail Pembelian Konsumen Gambar Produk Terlaris Logout Selamat Datang Contin MotoSport Kembali 1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau K03B 5. Klik Histori untuk menuju K04A atau KO4B 6. Klik Kontak untuk menuju K05 7. Klik Berita untuk menuju K06 8. Klik Text Kategori untuk menuju K07 9. Klik Text |item produk| “pada saat produk kosong” untuk menuju K03A atau K03B 10. Klik butun kembali untuk menuju K04A atau KO4B 11. Klik Text Logout untuk menuju P01 INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Link Gamar Keranjang Gambar III.41 Form antarmuka detail pembelian 16. Form antarmuka pembayaran K14 K014 HEADER FOOTER Produk Kategori Nama Produk HargaRp Jumlah TotalRp DiskonRp Teks Kategori Teks Kategori Silahkan pilh Metode Pembayaran di bawah ini untuk melakukan transaksi Gambar Produk Terlaris Logout Sub Total Rp Ongkos Kirim Rp Total Bayar Rp Batal Link Paypal Order Reset 1. Klik Index untuk menuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau K03B 4. Klik Histori untuk menuju K04A atau KO4B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untuk menuju K07 8. Klik Text |produk| “pada saat produk kosong” untuk menuju K03A atau K03B 9. Klik buton kembali untuk menuju K05A 10. Klik buton order untuk menuju K015 10. Klik Text Logout untuk menuju P01 Gambar BNI Gambar BCA BNI BCA No rekening No rekening Payment INDEX BELANJA KERANJANG HISTORI DAFTAR BERITA Link Gamar Keranjang Gambar III.42 Form antarmuka pembayaran 17. Form antarmuka order bank K15 k015 HEADER INDEX BELANJA KERANJANG HISTORI KONTAK BERITA FOOTER Contin Jaket Motor Sport 1. NAMA KONSUMEN: 2. ALAMATt : 3. KABUPATENKOTA 4. KODE POS 5. NO TELP 6. JASA KIRIM 1. Klik Index untuk menjuju K01 2. Klik Belanja untuk menuju K02 3. Klik Keranjang untuk menuju K03A atau k03B 4. Klik Histori untuk menuju K04A atau KO64B 5. Klik Kontak untuk menuju K05 6. Klik Berita untuk menuju K06 7. Klik Text Kategori untuk menuju K07 8. Klik Text Logout untuk menuju P01 Terima kasih atas pemesanannya Id pembelian anda : Nama Produk HargaRp Jumlah TotalRp DiskonRp Sub Total Rp Ongkos Kirim Rp Total Bayar Rp Anda telah melakukan pesanan ini sales kami akan segera akan melakukan proses pengiriman setelah andamengkonfirmasi dalam melakukan pembayaran ke : Nama Bank : No rekening : Atas nama Gambar III.43 Form antarmuka order bank III.2.5.3. Antar Muka Administrator 1. Form login administrator A0 A0 Username Password Login Login Admin Gambar III.44 Form login administrator 2. Form Index administrator A01 Gambar III.45 Form home administrator 3. Form data konsumen A02 A02 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| Selamat datang : Admin Website Contin jaket MotoSport Jika Anda ingin Mengganti Pasword : |Ganti Pasword| No Nama Konsumen Kota Email Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan Telp Contac Person Status Tanggal Terakhir Transaksi Edit Icon EditLink Halaman 1 of n 1 n Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Edit” untuk menuju A14 Gambar III.46 Form data administrator 4. Form data produk A03 Gambar III.47 Form Data produk 5. Form Data Kategori A04 A04 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| DATA KATEGORI Id Ktegori Nama Kategori Keterangan Status Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan Edit |Tambah| Edit Link Icon Halaman 1 of n 1 n Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah kategori” untuk menuju A17 14. Klik “Edit Kategori” untuk menuju A18 Gambar III.48 form Data kategori 6. Form data provinsi A05 A05 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| DATA PROVINSI Kode Provinsi Nama Provinsi Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan Edit |Tambah| Edit Link Icon Halaman 1 of n 1 n Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A19 14. Klik “Edit” untuk menuju A20 Gambar III.49 Data provinsi 7. Form data kota A06 A06 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| DATA KOTA Kode kota Nama Kota Kab Kota Provinsi Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan Kode Telp Edit Icon EditLink Halaman 1 of n 1 n |Tambah Kota| Enter Text Masukkan Nama Kota Cari Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A21 14. Klik “Edit” untuk menuju A22 Gambar III.50 Form Data kota 8. Form data Forwader A07 A07 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| DATA FORWADER ID FORWAD ER NAMA FORWADER ALAMAT FORWADER TELEPON FORWADER Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan STATUS Edit Icon EditLink Halaman 1 of n 1 n |Tambah Forwader| Enter Text Masukkan Forwader Cari Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A23 14. Klik “Edit” untuk menuju A24 Gambar III.51 Form data forwader 9. Form data ongkos kirim A08 A08 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| DATA ONGKOS KIRIM ID KIRIM NAMA PROVINSI NAMA KOTA ONGKOS KIRIM Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan FORWADER Edit Icon EditLink Halaman 1 of n 1 n |Tambah ongkos kirim| Enter Text Masukkan Kata Kunci Cari Cari Berdasarkan Enter Text Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Tambah” untuk menuju A25 14. Klik “Edit” untuk menuju A26 Gambar III.52 Form data ongkos kirim 10. Form data pembelian A09 Gambar III.53 Form data pembelian 11. Form data berita A10 Gambar III.54 Form data berita 12. Form data laporan A11 Gambar III.55 Form data laporan 13. Form perubahan password admin A12 Gambar III.56 Form perubahan password admin 14. Form edit data admin A13 A13 FOOTER Header Data admin Data konsumen Data produk Data kategori |Kembali| EDIT DATA ADMIN Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1.ID ADMIN Enter Text Simpan |Logout| 2. NAMA ADMIN 3. EMAIL Enter Text Enter Text Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A01 14. Klik “Simpan” untuk menuju A01 Gambar 3. Gambar III.57 Form edit data admin 15. Form edit data status konsumen A14 A14 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| Selamat datang : EDIT DATA KONSUMEN Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1. Nama Konsumen 2. Pasword 3. Alamat 4. Kota 5. Email 6. Telp 7. Kode Pos 8. Contak person 9. Telp Contak person 10. Tanggal buat konsumen 11. Status Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text di kunci Enter Text Simpan Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menju A02 14. Klik “Simpan” untuk menuju A02 Gambar III.58 Form edit data status konsumen 16. Form tambah data produk A15 Gambar III.59 Form tambah data produk 17. Form edit data produk A16 Gambar III.60 Form edit data poduk 18. Form tambah data kategori A17 A17 FOOTER Header Data admin Data konsumen Data produk Data kategori |Kembali| TAMBAH DATA KATEGORI Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1. Nama Kategori 2. Keterangan 3. Status Enter Text Simpan Aktif Enter Text |Logout| Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A04 14. Klik “Simpan” untuk menuju A04 Gambar III.61 Form tambah data kategori 19. Form edit data kategori A18 A18 FOOTER Header Data admin Data konsumen Data produk Data kategori |Kembali| EDIT DATA KATEGORI Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1. Id Kategori 2. Nama Kategori 3. Keterangan 4. Status Enter Text di kunci Enter Text Simpan Aktif Enter Text |Logout| Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data Berita” untuk menuju A10 12. Klik “Data Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A04 14. Klik “Simpan” untuk menuju A04 Gambar III.62 Form edit data kategori 20. Form tambah provinsi A19 A19 FOOTER Header Data admin Data konsumen Data produk Data kategori |Kembali| TAMBAH PROVINSI Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1. Nama Provinsi Enter Text Simpan |Logout| Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A05 14. Klik “Simpan” untuk menuju A05 Gambar III.63 Form tambah provinsi 21. Form edit data provinsi A19 Gambar III.64 Form edit data provinsi 22. Form tambah kota A21 Gambar III.65 Form tambah kota 23. Form edit data kota A22 A22 FOOTER Header Data admin Data konsumen Data produk Data kategori |Kembali| EDIT DATA KOTA Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1. Kode kota Enter Text di kunci Simpan |Logout| 2. Provinsi Enter Text 3. Nama kota Enter Text 4. KabKota Enter Text 5. Kode Telp Enter Text Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data Berita” untuk menuju A10 12. Klik “Data Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A06 14. Klik “Simpan” untuk menuju A06 Gambar III.66 Form edit data kota 24. Form tambah data Forwader A23 A23 FOOTER Header Data admin Data konsumen Data produk Data kategori |Kembali| TAMBAH DATA FORWADER Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1.NAMA FORWADER Enter Text Simpan |Logout| 2. ALAMAT FORWADER 3. TELEPON FORWADER Enter Text Enter Text 4. STATUS Enter Text Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13. Klik “Kembali” untuk menuju A07 14. Klik “Simpan” untuk menuju A07 Gambar III.67 Form tambah data Forwader 25. Form edit data Forwader A24 Gambar III.68 Form edit data Forwader 26. Form tambah data ongkos kirim A25 Gambar III.69 Form tambah data ongkos kirim 27. Form edit data ongkos kirim A26 Gambar III.70 Form edit data ongkos kirim 28. Form detail pembelian A27 Gambar III.71 Form detail pembelian 29. Form konfirmasi kirim status pengiriman A28 A28 FOOTER Header Data admin Data konsumen Data produk Data kategori |Kembali| Konfirmasi Kirim Dashboard Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan 1.Pilih Jasa Pengiriman Kirim |Logout| 2. Kode Pengiriman Enter Text Enter Text no yang didapat dari jasa pengiriman Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 Gambar III.72 Form konfirmasi kirim satus pengiriman 30. Form edit berita A29 A29 FOOTER Header Data admin Data konsumen Data produk Data kategori |Logout| Data provinsi Data kota Data forwader Data ongkos kirim Data pembelian Data berita Laporan |Tambah| JUDUL INFORMASI TERAKHIR UPDATE ISI GAMBAR Enter Text Enter Text di kunci Enter Text di kunci Browse Simpan Navigasi : 1. Klik “Logout” untuk menuju A0 2. Klik “Data Admin” untuk menuju ke A01 3. Klik “Data Konsumen” untuk menuju ke A02 4. Klik” Data produk” untuk menuju ke A03 5. Klik “Kategori” untuk menuju ke A04 6. Klik “Data Provinsi” untuk menuju A05 7. Klik “Data Kota” untuk menuju A06 8. Klik “Data Forwader” untuk menuju A07 9. Klik “Data ongkos kirim” untuk menuju A08 10. Klik “Data Pembelian” untuk menuju A09 11. Klik “Data berita” untuk menuju A10 12. Klik “Laporan” untuk menuju A11 13 klik “Simpan” untuk menuju A10 Text Berita EDIT BERITA Gambar III.73 Form edit beria

IV.2.5.4. Antarmuka Super Admin

1. Form antarmuka login super admin SA0 SA0 Username Password Login Login Super Admin Gambar III.74 Form antarmuka login super admin 2. Form antarmuka halaman super admin SA01 SA01 FOOTER Header Menu Data konsumen |Logout| Selamat datang super Admin Username Password Email |Tambah| Halaman 1 of n 1 n Navigasi : 1. Klik “Logout” untuk menuju SA0 2. Klik “Data Admin” untuk menuju ke SA01 3 Klik “Tambah” untuk menuju ke SA02 3. Klik “Ubah” untuk menuju ke SA03 4. Klik” Hapus” untuk menuju ke SA01 Edit ubah hapus Gambar III.75 Form antarmuka halaman super admin 3. Form antarmuka tambah admin SA02 SA02 FOOTER Header Menu Data konsumen |Logout| Selamat datang super Admin Username Password Email |Tambah| Navigasi : 1. Klik “Logout” untuk menuju SA0 2. Klik “Data Admin” untuk menuju ke SA01 3 Klik “Tambah” untuk menuju ke SA02 3. Klik “Ubah” untuk menuju ke SA03 4. Klik” Hapus” untuk menuju ke SA01 Edit ubah hapus 1. Username 2. Password 3. Email : 4. TELP : Enter Text Enter Text Enter Text Enter Text Tambah Reset Gambar III.76 Form antarmuka tambah admin 4. Form antarmuka edit admin SA02 SA03 FOOTER Header Menu Data konsumen |Logout| Selamat datang super Admin Username Password Email |Tambah| Navigasi : 1. Klik “Logout” untuk menuju SA0 2. Klik “Data Admin” untuk menuju ke SA01 3 Klik “Tambah” untuk menuju ke SA02 3. Klik “Ubah” untuk menuju ke SA03 4. Klik” Hapus” untuk menuju ke SA01 Edit ubah hapus 1. Username 2. Password 3. Email : 4. TELP : Enter Text Enter Text Enter Text Enter Text Tambah Reset Gambar III.77 Form antarmuka edit admin III.2.6. Struktur Menu 1. Struktur menu pengunjung Index Daftar Berita Kontak Cara Beli View Profil Tambah Gambar III.78 Struktur menu pengunjung 2. Struktur menu konsumen Index HIstori Kontak Berita Keranjang Belanja Edit View Tambah Produk Kategori Ganti pasword Logout Detail Gambar III.79 Struktur menu konsumen 3. Struktur menu admin Gambar III.80 Struktur menu admin III.2.7. Perancangan Pesan Perancangan pesan yang terdapat pada sistem ini dapat dilihat pada gambar berikut : III.2.7.1. Perancanga pesan pengunjung dan konsumen Gambar III.81 Perancangan pesan konsumen III.2.7.2. Perancanga pesan administrator Gambar III.82 Perancangan pesan administrator III.2.8. Jaringan Semantik 1. Jaringan semantik interface pengunjung P02 P01 P03 P04 P05 P06 P07 P08 N02,N03,N04,NO5,NO6,N08, N09,N010,N011,N12,N13,N14 Gambar III.83 Jaringan semantic Interface pengunjung 2. Jaringan semantik interface konsumen K02 K01 K06 K05 K06 K03 K07 K08 K10 K11 K04 K09 N17,N18 N20,N21,N22, N23,N24,N25 N16,N19,N20 Gambar III.84 Jaringan semantik interface konsumen 3. Jaringan semantik interface konsumen Gambar III.85 Jaringan semantik interface administrator III.2.9. Procedural 1. Flowchart konsumen proses transaksi pembelian Gambar III.86 Flowchart transaksi pembelian konsumen 2. Flowchart Admin dalam mengelola transaksi pembelian Lihat order pemesanan pending Cek saldo Sudah Menerima Uang Ubah status pemesanan Kirim Ke E-mail Pemberitahuan Kirim pemesanan produk Start Selesai Tidak Gambar III.87 Flowchart Pengelolaan data pembelian 167

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM