e. Impelementasi dan Pengujian Merupakan tahap menjelaskan implementasi dan pengujian terhadap
perangkat lunak yang telah dibangun. f. Maintenance
Tahap akhir dimana perangkat lunak sudah selesai dapat mengalami perubahan
–perubahan atau penambahan sesuai dengan permintaan user.
1.6 Sistematika Penulisan Laporan
Sistematika penulisan skripsi ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan skripsi ini adalah
sebagai berikut :
BAB I PENDAHULUAN
Bab ini berisi uraian tentang latar belakang masalah, merumuskan masalah, menentukan maksud dan tujuan, batasan masalah, metodologi penelitian
dan sistematika penulisan.
BAB II TINJAUAN PUSTAKA
Bab ini membahas tentang tinjauan instansi dan berbagai konsep dasar dan teori-teori yang berkaitan dengan analisis dan pembangunan sistem penjualan
online di toko Wallen Cell beserta aplikasinya.
BAB III ANALISIS DAN PERANCANGAN
Bab ini menganalisis masalah dari pembangunan sistem penjualan online di toko Wallen Cell dan perancangan aplikasi yang akan dibangun, serta
menentukan kebutuhan-kebutuhan aplikasi dan perangkat lunak aplikasi.
BAB IV IMPLEMENTASI DAN PENGUJIAN
Bab ini menjelaskan implementasi pembangunan sistem penjualan online di toko Wallen Cell serta menjelaskan pengujian aplikasi yang telah dibuat
tersebut.
BAB V KESIMPULAN DAN SARAN
Bagian ini berisi kesimpulan dari permasalahan yang dibahas secara umum dan saran yang membangun untuk pembangunan sistem penjualan online di toko
Wallen Cell yang telah dibuat.
8
BAB II TINJAUAN PUSTAKA
2.1 Tinjauan Instansi
2.1.1 Sekilas Instansi
Toko Wallen Cell hadir demi menunjang kebutuhan hidup masyarakat akan telekomunikasi, terutama telekominukasi berbasis mobile. Toko Wallen Cell
terletak di Mall ITC lantai 3 blok C menjual handphone baik berupa GSM maupun CDMA.
2.1.2 Struktur Organisasi
Struktur organisasi adalah suatu susunan dan hubungan antara tiap bagian serta posisi yang ada pada suatu organisasi atau perusahaan dalam menjalankan
kegiatan operasional untuk mencapai tujuan. Struktur organisasi menggambarkan dengan jelas pemisahan kegiatan pekerjaan antara yang satu dengan yang lain dan
bagaimana hubungan aktivitas dan fungsi dibatasi. Dalam struktur organisasi yang bail harus menjelaskan hubungan wewenang siapa melapor kepada siapa.
Beberapa keuntungan yang dapat diperoleh dari penggunaan bagan organisasi adalah dapat memperlihatkan karakteristik utama dari suatu perusahaan
tersebut, tentang gambaran pekerjaan dan hubungan-hubungan yang ada didalam perusahaan serta digunakan untuk merumuskan rencana kerja yang ideal sebagai
pedoman untuk dapat mengetahui siapa bawahan dan atasannya. Adapun bagian-bagian pekerjaan yang ada di toko Wallen Cell :
1. Pemilik : Ogi
2. Bagian Penjualan : Deti
3. Bagian Gudang : Yadi
Untuk lebih jelasnya struktur organisasi pada toko Wallen Cell dapat dilihat pada gambar berikut ini :
Pemilik
Bag. Penjualan Bag. Gudang
Gambar 2.1 Struktur Organisasi 2.1.3
Deskripsi Kerja
Deskripsi kerja digunakan untuk mengetahui tugas, wewenang, tanggung jawab dari masing-masing bagian. Deskripsi kerja yang ada di toko Wallen Cell
adalah sebagai berikut : 1. Pemilik Toko
a. Sebagai pengambil keputusan. b. Sebagai koordinator semua kegiatan yang telah dilaksanakan.
c. Mengevaluasi semua kegiatan yang telah dilaksanakan. d. Menerapkan dan mengesahkan kebijakan yang menyangkut toko Wallen
Cell. e. Melaksanakan pemeriksaan yang meliputi seluruh aspek kegiatan
manajemen keuangan dan operasional agar pengelolaan dapat dilaksanakan secara efektif dan efisien.
2. Bagian Penjualan a. Bagian penjualan yang bertatap muka langsung dengan konsumen.
b. Menghitung uang hasil penjualan dan bertanggung jawab atas uang yang masuk.
c. Melaporkan hasil penjualan harian. d. Bagian penjualan akan melaporkan kebagian gudang apabila stok barang
di counter kurang atau habis. 3. Bagian Gudang
a. Bertanggung jawab atas pengadaan barang apabila stok barang di bagian penjualan dan di gudang habis.
b. Bertanggung jawab atas barang yang ada di gudang dan pengiriman barang ke bagian penjualan.
c. Melakukan stock of name tiap hari atas barang yang masuk maupun yang keluar.
d. Pemeliharaan atas barang.
2.1.4 Visi dan Misi
Visi Menjadikan Toko Wallen Cell sebagai toko penjualan handphone yang
memiliki kualitas pelayanan yang terbaik. Misi
Memberikan pelayanan yang terbaik bagi konsumen.
2.2 Landasan Teori
2.2.1 Konsep Dasar Sistem
2.2.1.1 Pengertian Sistem
“Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau
untuk menyelesaikan suatu sasaran tertentu. ”
[2] Dari pengertian diatas dapat diambil suatu kesimpulan bahwa suatu sistem
merupakan elemen yang saling berkaitan dan saling mempengaruhi dalam melakukan kegiatan bersama untuk mencapai suatu tujuan tertentu.
2.2.1.2 Karakteristik Sistem
Model umum dari sebuah sistem terdiri dari input, proses, dan output. Hal ini merupakan konsep sebuah sistem yang sangat sederhana mengingat sebuah
sistem dapat mempunyai beberapa masukan dan keluaran sekaligus. Selain itu sebuah sistem juga memiliki karakteristik atau sifat-sifat tertentu, yang
mencirikan bahwa hal tersebut bisa dikatakan sebagai suatu sistem. Diantaranya sebagai berikut:
1. Komponen sistem Components 2. Batasan sistem Boundary
3. Lingkungan luar sistem Environtment 4. Penghubung sistem Interface
5. Masukan Sistem Input 6. Keluaran sistem Output
7. Pengolah sistem Proses
8. Sasaran sistem Objective
Input Pengolah
Output Interface
Lingkungan Luar
Boundary Boundary
Boundary Subsistem
Subsistem
Subsistem Subsistem
Gambar 2.2 Karakteristik Sistem
2.2.1.3 Klasifikasi Sistem
Dari berbagai sudut pandang, sistem dapat diklasifikasikan menjadi beberapa bagian yaitu :
1. Sistem abstrak dan sistem fisik Sistem abstrak merupakan sistem yang tidak bisa dilihat secara mata biasa dan
biasanya sistem ini berupa pemikiran atau ide-ide. Contoh dari sistem abstrak ini adalah filsafat. Sistem fisik merupakan sistem yang bisa dilihat secara mata biasa
dan biasanya sering digunakan oleh manusia. Contoh dari sistem fisik adalah sistem akuntansi, sistem komputer, dan sebagainya.
2. Sistem alamiah dan sistem buatan
Sistem alamiah merupakan sistem yang terjadi karena pengaruh alam. Misalnya sistem rotasi bumi, sistem gravitasi dan sebagainya. Sistem buatan
merupakan sistem yang dirancang dan dibuat oleh manusia. Misalnya, sistem pengolahan gaji.
3. Sistem tertutup dan sistem terbuka Sistem tertutup merupakan sistem yang tidak berhubungan dengan bagian luar
sistem dan biasanya tidak berpengaruh oleh kondisi di luar sistem. Sedangkan sistem terbuka merupakan sistem yang berhubungan dengan bagian luar sistem.
2.2.2 Konsep Dasar Data dan Informasi
2.2.2.1 Pengertian data
“Data merupakan bentuk yang masih mentah yang belum dapat bercerita banyak sehingga perlu diolah lebih lanjut.” [2]
Secara rinci definisi dari data adalah sebagai berikut : 1. Data adalah penggambaran dari sesuatu dan kejadian yang kita hadapi.
2. Data bisnis bussines data adalah penggambaran dari suatu organisasi tentang sesuatu resource dan kejadian transactions yang terjadi.
3. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata. Kejadian event adalah sesuatu yang terjadi pada saat
tertentu. Sebagai contoh, dalam dunia bisnis kejadian-kejadian nyata sering terjadi adalah perubahan dari suatu nilai yang disebut dengan transaksi.
Misalnya penjualan adalah transaksi perubahan nilai barang menjadi nilai uang atau nilai piutang dagang. Kesatuan nyata fact and entity adalah berupa
suatu obyek nyata seperti tempat, benda dan orang yang betul-betul ada dan terjadi.
4. Data yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimannya.
5. Sesuatu yang nyata atau setengah nyata yang dapat mengurangi derajad ketidakpastian tentang suatu keadaan atau kejadian.
2.2.2.2 Pengertian informasi
“Informasi adalah data yang telah diolah menjadi suatu bentuk yang berarti bagi penerima dan bermanfaat dalam mengambil keputusan saat ini atau
yang akan datang”. [2] Dalam hal ini, data bisa dianggap sebagai obyek dan informasi adalah
suatu subyek yang bermanfaat bagi penerimanya. Informasi juga bisa disebut sebagai hasil pengolahan atau pemrosesan data.
Sumber dari informasi adalah data. Data adalah kenyataan yang menggambarkan suatu kejadian-kejadian dan kesatuan nyata, tetapi data
merupakan bentuk yang masih mentah dan belum dapat memberikan arti banyak bagi pemakai, sehingga perlu diolah lebih lanjut untuk menghasilkan informasi
yang dibutuhkan. Dengan kata lain informasi adalah hasil dari pengolahan data.[2]
2.2.2.2.1 Siklus informasi
Data yang masih merupakan bahan mentah apabila tidak diolah maka data tersebut tidak akan berguna. Data tersebut akan berguna dan menghasilkan suatu
informasi apabila diolah melalui suatu model. Model yang digunakan untuk
mengolah data tersebut disebut dengan model pengolahan data atau lebih dikenal dengan nama siklus pengolahan data.
Gambar 2.3 Siklus Informasi Dari gambar diatas dapat dijelaskan bahwa data yang merupakan suatu
kejadian yang menggambarkan kenyataan yang terjadi dimasukan melalui elemen input
kemudian data tersebut akan diolah dan diproses menjadi suatu output dan output
tersebut adalah informasi yang dibutuhkan. Informasi tersebut akan diterima oleh pemakai atau penerima, kemudian penerima akan memberikan
umpan balik yang berupa evaluasi terhadap informasi tersebut dan hasil umpan balik tersebut akan menjadi data yang akan dimasukan menjadi input kembali.
2.2.2.2.2 Kualitas informasi
Kualitas informasi tergantung dari 3 hal yang sangat dominan yaitu keakuratan informasi, ketepatan waktu dari informasi dan relevan.
1. Akurat Informasi yang dihasilkan harus bebas dari kesalahan-kesalahan dan tidak
menyesatkan bagi orang yang menerima informasi tersebut. Adapun komponen akurat meliputi :
1 Completeness; Are necessary message items present? Berarti informasi yang dihasilkan atau dibutuhkan harus memiliki
kelengkapan yang baik, karena bila informasi yang dihasilkan sebagian-sebagian
tentunya akan mempengaruhi dalam pengambilan keputusan atau menentukan tindakan secara keseluruhan, sehingga akan berpengaruh terhadap kemampuannya
untuk mengontrol atau memecahkan suatu masalah dengan baik. 2 Correctness; Are message items correct?
3 Security; Did the message reach all or onlu the intended systems users? 2. Tepat waktu
Informasi yang diterima haris tepat pada waktunya, sebab kalau informasi yang diterima terlambat maka informasi tersebut sudah tidak berguna lagi.
Informasi yang using tidak mempunyai nilai yang baik, sehingga kalau digunakan sebagai dasar dalam pengambilan keputusan akan berakibat fatal atau kesalahan
dalam keputusan dan tindakan. 3. Relevan
Informasi harus mempunyai manfaat bagi si penerima, sebab informasi ini akan digunakan untuk pengambilan suatu keputusan dalam pemecahan suatu
permasalahan.
2.2.3 Konsep Dasar Sistem Informasi
Telah diketahui bahwa informasi merupakan hal yang sangat penting bagi manajemen di dalam pengambilan keputusan.Informasi dapat diperoleh dari
sistem informasiinformation systems. Sistem informasi didefinisikan oleh Robert A. Leitch dan K. Roscoe Davis sebagai berikut :
“Sistem Informasi adalah Suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi,
bersifat manajerial dan kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan
”. [2] 2.2.3.1
Komponen dan tipe sistem informasi
Sistem informasi terdiri dari komponen-komponen yang disebut dengan istilah blok bangunan building block, yang terdiri dari blok masukan, blok
model, blok keluaran, blok teknologi, blok basis data dan blok kendali. Sebagai suatu sistem, keenam blok tersebut saling berinteraksi satu dengan yang lain
membentuk suatu kesatuan untuk mencapai sasaran. 1. Blok masukan input block
Input yang mewakili data yang masuk kedalam sistem informasi. Yang
dimaksud dengan input di sini termasuk metode dan media untuk menangkap data yang akan dimasukan, yang dapat berupa dokumen-dokumen dasar.
2. Blok model model block Blok ini terdiri dari kombinasi prosedur, logika dan model matematik yang
akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah tertentu untuk menghasilkan keluaran yang diinginkan.
3. Blok keluaran output block Produk dari sistem informasi adalah keluaran yang merupakan informasi yang
berkualitas dan dokumentasi yang berguna untuk semua tingkatan manajemen serta semua pemakai sistem.
4. Blok teknologi technology block Teknologi merupakan tool box dalam suatu sistem informasi. Teknologi
digunakan untuk menerima input, menjalankan model, menyimpan dan
mengakses data, menghasilkan dan mengirimkan keluaran dan membantu pengendalian dari sistem secara keseluruhan. Teknologi terdiri dari 3 tiga bagian
utama yaitu Teknisi, Perangkat Lunak dan Perangkat Keras. 5. Blok basis data database block
Basis data merupakan kumpulan data yang saling berkaitan dan berhubungan satu dengan yang lainnya, tersimpan di perangkat keras komputer dan perangkat
lunak. 6. Blok kendali control block
Beberapa pengendalian perlu dirancang dan diterapkan untuk meyakinkan bahwa hal-hal yang dapat merusak sistem dicegah dan bila terlanjur terjadi maka
kesalahan-kesalahan dapat dengan cepat teratasi.
2.2.4 Pengertian Basis Data
“Basis data adalah himpunan kelompok data arsip yang saling berhubungan yang diorganisasi sedemikian rupa agar kelak dapat dimanfaatkan
kembali dengan cepat dan mudah”.[1]
2.2.5 World Wide Web
World Wide Web adalah salah satu layanan global yang diperuntukkan
bagi semua pengguna internet. World wide web dikembangkan oleh W3C Worl Wide Web Consortium
yang merupakan badan resmi dalam membuat standar web. W3C
http:www.w3.org yang didirikan pada tahun 1994 ini juga menjadi
standar acuan dalam aturan spesifikasi, guide line, software, dan tool yang dibuat di seluruh dunia.[6]
2.2.5.1 Fasilitas yang tersedia di internet
Komputer pribadi dan jaringan komputer yang terhubung ke internet semakin bertambah serta orang yang mengakses internet makin banyak pula. Oleh
karena itu, para ahli terus bekerja keras untuk mengembangkan berbagai macam layanan atau aplikasi dalam internet.
1. E-mail E-mail
merupakan jenis layanan di internet yang paling populer. Dengan menggunakan layanan e-mail, para pengakses dapat saling berkirim atau
menjawab surat atau berita dari rekan-rekan di mana pun dan kapan pun mereka berada. Layanan e-mail memungkinkan pula para pengakses untuk mengirimkan
lampiran berupa file yang berisi gambar atau tulisan. 2.
Mailing List Penggunaan e-mail dapat dikembangkan menjadi layanan mailing list atau
sering disebut milis. Layanan bermanfaat untuk berlangganan informasi dari suatu grup diskusi yang diminati atau sarana diskusi yang mengasyikan. Melalui milis,
para pengakses dapat mengirimkan informasi-informasi, baik berupa laporan kejadian, berita ekonomi, politik, keamanan, maupun informasi ilmu pengetahuan
dan teknologi. 3. USENET dan Newsgroup
USENET adalah layanan internet berupa Bulletin Board Service BBS dalam bentuk pesan. Setiap pengakses internet dapat bergabung untuk saling bertukar
informasi satu sama lainnya.
Sedangkan Newsgroup adalah sarana konfrensi elektronik jarak jauh bagi para pengguna internet berdasarkan kompetensi atau bidang minat tertentu.
4. File Transfer Protocol FTP FTP adalah metode dalam melakukan transfer file menggunakan internet. Pada
umumnya, metode digunakan untuk mengupload file ke server lain. Kemudian, server
mengirimkannya ke pengguna yang dituju. 5. Telnet
Telnet adalah fasilitas yang seolah-olah menghubungkan langsung komputer pengakses dengan komputer rekannya melalui internet.
6. Bulletin Board Service BBS Bulletin Board Service
adalah suatu pusat layanan informasi yang menyediakan informasi dari berbagai bidang, seperti : bidang pendidikan dan
teknologi, bisnis, sosial, maupun promosi niaga. 7. World Wide Web WWW
World Wide Web adalah aplikasi dan layanan internet yang mencakup sumber
daya multimedia. Akhir-akhir ini, layanan WWW lebih dikenal dengan sebutan Web
. 8.
Internet Telephony Fasilitas yang memungkinkan para pengakses untuk berbicara melalui internet
seperti layaknya menggunakan pesawat telepon. Namun, terminalnya berupa komputer yang dilengkapi alat penerima dan mikrofon.
9. Internet Fax
Layanan internet untuk mengirimkan faks yang biasa dilakukan melalui mesin faksimili. Aplikasi untuk pengiriman faks lewat internet mudah digunakan dan
biayanya dihitung sebagai biaya local.
2.2.6 Paypal
2.2.14.1 Definisi Paypal
Paypal adalah salah satu alat pembayaran Payment procesors menggunakan internet yang terbanyak digunakan didunia dan teraman. Pengguna
internet dapat membeli barang di ebay, lisensi software original, keanggotaan
situs, urusan bisnis, mengirim uang ke pengguna Paypal lain di seluruh dunia dan banyak fungsi lainnya dengan mudah dan otomatis menggunakan internet, Paypal
mengatasi kekurangan dalam pengiriman uang tradisional seperti Cek atau Money order
yang prosesnya dapat memakan waktu. Pelanggan bisa membayar dengan saldo Paypal mereka, dengan cek, atau bahkan dengan kartu kredit dan kartu debit
mereka. Kebijaksanaan perlindungan tertulis untuk pembeli yang menggunakan
PayPal menyatakan pembeli yang menggunakan PayPal dapat melakukan komplain dalam waktu 45 hari jika pembeli belum mendapatkan barang yang
dipesan atau jika barang yang dipesan tidak sesuai deskripsi yang diberitahukan penjual. Jika pembeli menggunakan kartu kredit akan mendapatkan pengembalian
uang charge back dari perusahaan kartu kreditnya.
Gambar 2.4 Alur pembayaran dengan Paypal Paypal juga melindungi penjual dari pengembalian uang atau komplain
tergantung situasi dan pembuktian. Kebijakan perlindungan tertulis untuk penjual dirancang untuk melindungi penjual dari klaim pembeli yang mengaku telah
mengirim uang yang tidak ada catatan bukti pembayarannya. Setiap pembelian menggunakan Paypal selalu ada catatan bukti pembayarannya di akun Paypal
pengirim dan penerima uang, sebagai bukti jika benar telah terjadi pengiriman uang. Dari sini bisa diambil kesimpulan menggunakan Paypal lebih aman dari alat
pembayaran online lain bagi pengirim dan penerima uang karena ada bukti pembayaran dan dapat melakukan komplain jika terjadi sesuatu. [14]
2.2.14.2 Membuat Account Paypal
2.2.6.2.1 Persyaratan umum
Pemegang account Paypal harus berusia minimal 18 tahun atau lebih dan mempunyai :
1. Alamat e-mail = Sebagai username account Paypal anda nantinya. 2. Kartu kredit = Pengguna Paypal Indonesia saat ini baru dapat menggunakan
kartu kredit untuk mengisi dana account Paypalnya pertama kali, dan hanya kartu kredit dari bank tertentu yang diterima.
3. Kartu debit Indonesia belum bisa 4. Rekening bank Indonesia belum bisa
2. Cara pembayaran a. Klik bacaan SignUp Now untuk mendaftar
b. Selanjutnya ada pilihan negara, karena anda di Indonesia pilih Indonesia. Lalu pilih tipe account yang anda inginkan, untuk pendaftar baru di
Indonesia disarankan memilih yang personal account dahulu, anda dapat mengupgradenya kemudian ke tipe Premiere atau Business dengan mudah dan
gratis. Setelah itu tekan Continue. c. Selanjutnya masukan informasi anda seperti Nama, Alamat, Telp, E-
mail Pastikan Nama, Alamat, Telp yang anda isi untuk pendaftaran sama dengan
data kartu kredit anda. Untuk mata uang biarkan tetap U.S. Dollars karena Rupiah belum ada
Contoh penulisan nomor Telepon yang benar : 02177755555 atau 021-77755555 Contoh penulisan nomor Mobile phone yang benar : 08123456789. E-mail yang
anda masukan akan menjadi username Paypal anda untuk login atau bertransaksi menggunakan Paypal kemudian Isi Password anda dengan kombinasi huruf dan
angka agar password anda lebih aman, minimal 8 karakter Pada Password Recovery. Plih dan isikan 2 pertanyaan dan jawaban pribadi untuk mendapatkan
password anda kembali jika suatu saat anda lupa password .
Baca lagi User Agreement dan Privacy Policy jika diperlukan, lalu beri tanda centang pada Yes, dan ketikan kode pengaman yang berwarna kuning pada
kolom yang tersedia tanpa spasi. Periksa lagi dan pastikan Nama, Alamat, Telp yang anda isi sesuai dengan data kartu kredit anda, jika sudah yakin tekan Sign Up
Dibagian selanjutnya diinstruksikan untuk memasukan Nomor kartu kredit anda yang akan digunakan untuk memasukan dana ke account Paypal anda, Jika
sudah klik Add Card. Jika anda tidak ingin memasukan data kartu kredit anda sekarang klik Cancel, anda dapat memasukan data kartu kredit anda kemudian
setelah login di halaman My Account. Anda akan menerima e-mail konfirmasi bahwa anda telah mendaftar untuk
mendapatkan account Paypal, buka e-mail dari Paypal tersebut dan klik link konfirmasi yang terdapat didalamnya untuk konfirmasi bahwa anda adalah Admin
e-mail tersebut. Setelah itu anda diinstruksikan untuk memasukan password anda
dan klik Submit, lalu klik lagi Continue, setelah itu anda akan masuk ke halaman My
Account.Jika ini pertama kalinya anda masuk ke halaman My Account akan ada bacaan Expanded option pilihan, baca dengan teliti instruksinya, anda di
instruksikan untuk menekan tombol Get Number untuk menjadi Verified member Paypal
Kebenaran alamat anda sudah di cek oleh Paypal.
Pilihan 1 :
Untuk mendaftar menjadi Verified member Paypal sekarang tekan tombol Get Number
untuk mendapatkan 4 digit kode keamanan dari Paypal, yang akan dikirimkan kedalam statement bulanan kartu kredit anda selanjutnya, kartu kredit
anda akan di charge 1.95 USD untuk keperluan ini. Tujuan mengirimkan kode keamanan Paypal ini adalah untuk memastikan bahwa alamat yang anda berikan
adalah benar bukan alamat fiksi belaka.
Jika anda sudah mendapatkan 4 digit kode keamanan tersebut dari statement
bulanan kartu kredit anda, login dengan account Paypal anda, kemudian dihalaman My Account klik bagian Activate Account - Complete Expanded Use
Enrollment , setelah anda memasukan 4 digit kode keamanan tersebut account
paypal anda akan menjadi Verified member dan akan ditambahkan 1.95 USD kedalam account Paypal anda otomatis karena menjadi Verified member, jadi
hitung-hitung gratis. Setelah anda mengklik tombol Get Number anda akan dibawa ke halaman My Account.
Pilihan 2 :
Jika anda tidak ingin menjadi Verified member sekarang lewatkan bagian Expanded Version
ini, klik bagian ACTIVATE ACCOUNT lain waktu dihalaman My
Account setelah login untuk mendaftar menjadi Verified member agar limit dana anda tidak dibatasi, setelah anda melewatkan bagian Expanded Version anda
akan dibawa ke halaman My Account.
2.2.7 SSL
SSL ialah suatu protokol yang biasanya digunakan untuk mengamankan komunikasi di internet dan melalui web yang dikembangkan oleh Netscape
Communication . SSL dimasukkan ke dalam browser dan bekerja diantara
protokol komunikasi TCPIP di internet dan perangkat lunak aplikasi. SSL menggunakan teknologi kunci umum dan sertifikat digital untuk
otentifikasi server dalam suatu transaksi dan melindungi informasi pribadi pada saat melalui satu jaringan ke jaringan lainnya di internet.[11]
2.2.8 E-commerce
Electronic Commerce E-commerce merupakan konsep baru yang biasa
digambarkan sebagai proses jual beli barang atau jasa pada World Wide Web Internet atau proses jual beli atau pertukaran produk, jasa dan informasi melalui
jaringan informasi termasuk internet. “E-commerce atau bisa disebut Perdagangan elektronik atau e-dagang
adalah penyebaran, pembelian, penjualan, pemasaran barang dan jasa melalui sistem elektronik seperti internet atau televisi, www, atau jaringan komputer
lainnya. E-commerce dapat melibatkan transfer dana elektronik, pertukaran data elektronik, sistem manajemen inventori otomatis, dan sistem pengumpulan data
otomatis. ”[13]
2.2.11.1 Keuntungan E-commerce
2.2.11.1.1 Keuntungan Bagi Perusahaan
1 Memperpendek jarak Perusahaan-perusahaan dapat lebih mendekatkan diri dengan konsumen.
Dengan hanya mengklik link-link yang ada pada situs, konsumen dapat menuju perusahaan dimanapun saat itu mereka berada.
2 Perluasan pasar Jangkauan pemasaran menjadi semakin luas dan tidak terbatas oleh area
geografis dimana perusahaan berada. 3 Perluasan jaringan mitra bisnis
Pada perdagangan tradisional, sangat sulit bagi suatu perusahaan untuk mengetahui posisi geografis mitra kerjanya yang berada di Negara-negara lain
atau benua lain. Bagaimana pun juga mitra kerja sama sangat penting untuk konsultasi dan kerjasama baik teknis maupun non-teknis. Dengan adanya
perdagangan elektronik lewat jaringan internet, hal-hal tersebut bukan menjadi masalah yang besar lagi.
4 Efisien Perusahaan yang berdagang secara elektronik tidak membutuhkan kantor dan
toko yang besar, menghemat kertas-kertas yang digunakan untuk transaksi- transaksi, periklanan, serta pencatatan-pencatatan. Selain itu perdagangan
elektronik juga sangat efisien dari sudut waktu yang digunakan. Pencarian informasi-informasi produkjasa dan transaksi-transaksi bisa dilakukan lebih cepat
serta lebih akurat.
2.2.11.1.2 Keuntungan Bagi Konsumen
1. Efektif Konsumen dapat memperoleh informasi tentang produkjasa yang
dibutuhkannya dan bertransaksi dengan cepat dan murah. 2. Aman secara fisik
Konsumen tidak perlu mendatangi toko tempat perusahaan menjajakan barangnya dan ini memungkinkan konsumen dapat berinteraksi dengan aman
sebab di daerah-daerah tertentu mungkin sangat berbahaya jika berkendaraan dan membawa uang tunai dalam jumlah yang besar.
3. Fleksibel
Konsumen dapat melakukan transaksi dari berbagai lokasi, baik dari rumah, kantor, warnet, atau tempat-tempat lainnya. Konsumen juga tidak perlu berdandan
rapi seperti pada perdagangan tradisional umumnya.
2.2.11.1.3 Keuntungan Bagi Masyarakat Umum
1. Mengurangi polusi dan pencemaran lingkungan Dengan adanya perdagangan elektronik yang dapat dilakukan dimana saja,
konsumen tidak perlu melakukan perjalanan-perjalanan ke toko-toko, dimana hal ini pada gilirannya akan mengurangi jumlah kendaraan yang berlalu-lalang di
jalanan. Berkurangnya kendaraan di jalanan berarti menghemat bahan bakar BBM dan mengurangi tingkat polusi udara sebab gas-gas buangan kendaraan
bermotor dapat mencemari lingkungan. 2. Membuka peluang kerja baru
Era perdagangan elektronik akan membuka peluang-peluang kerja baru bagi mereka yang tidak „buta‟ teknologi. Muncul pekerjaan-pekerjaan baru seperti
pemrogram komputer, perancang web, ahli di bidang basis data, analis sistem, ahli di bidang jaringan komputer, dan sebagainya.
3. Menguntungkan dunia akademis Berubahnya pola hidup masyrakat dengan hadirnya perdagangan elektronik,
kalangan akademisi akan semakin diperkaya dengan kajian-kajian psikologis, antropologis, sosial-budaya, dan sebagainya, yang berkaitan dengan cara dan pola
hidup yang berkaitan dengan dunia maya. Selain itu dampak langsung dari hadirnya internet secara langsung akan menantang kiprah ilmuwan di bidang
teknik komputer, teknik telekomunikasi, elektronika, pengembangan perangkat lunak, dan sebagainya.
4. Meningkatkan kualitas sumber daya manusia Perdagangan elektronik, seperti juga teknologi komputer pada umumnya,
hanya bisa dilakukan oleh orang-orang yang tidak gaptek gagap teknologi, sehingga pada gilirannya akan merangsang orang-orang untuk mempelajari
teknologi komputer demi kepentingan mereka sendiri. Selain itu, dalam melakukan perdagangan elektronik, seseorang suatu saat mungkin akan „tersesat‟
ke situs-situs berkualitas yang akan meningkatkan pemahaman orang yang bersangkutan.
2.2.11.2 Resiko dan kerugian E-commerce
Disamping segala hal yang menguntungkan di atas, segala sesuatu ciptaan manusia pasti memiliki sisi negatif. Namun, dari sudut pandang manapun,
perdagangan elektronik memiliki segi positif lebih banyak dari sisi negatifnya. Beberapa segi negatif perdangangan elektronik adalah :
1. Meningkatkan individualisme Pada perdangan elektronik, seseorang dapat bertransaksi dan mendapatkan
barangjasa yang diperlukannya tenpa perlu bertemu dengan siapa pun. Ini membuat beberapa orang menjadi berpusat pada diri sendiri egois serta
individualistis dan merasa dirinya tidak terlalu membutuhkan kehadiran orang lain dalam hidupnya.
2. Terkadang menimbulkan kekecewaan
Apa yang dilihat di layar monitor komputer kadang berbeda dengan apa yang dilihat dengan secara kasat mata. Seseorang yang membeli lukisan tidak di
internet mungkin suatu saat akan mendapati lukisannya tidak memiliki warna yang sama dengan apa yang dilihatnya di layar monitor. Seseorang yang membeli
sofa di internet adalah contoh yang lain. Di layar monitor sofa yang akan dibelinya terlihat begitu nyaman diduduki. Kenyataannya? Sangat mungkin, apa
yang terlihat begitu lembut di layar monitor ternyata pada kenyataannya tidak begitu adanya.
3. Tidak manusiawi Sering sekali orang pergi ke toko-toko dan pusat-pusat pebelanjaan mall
tidak sekedar ingin memuaskan kebutuhannya akan barangjasa tertentu. Ia mungkin melakukannya untuk penyegaran refreshing atau bersosialisasi dengan
rekan-rekan atau keluargannya. Perdagangan elektronik gagal dipandang dari sudut pandang seperti ini. Di internet, meski kita dapat mengobrol chating
dengan orang lain, kita mungkin tidak dapat merasakan jabat tangannya, senyuman ramahnya, atau candannya.
2.2.9 HTML
HTML HyperText Markup Language dikenal sebagai bahasa kode berbasis teks untuk membuat sebuah halaman web. HTML bersifat fleksibel,
artinya HTML dapat disisipi kode-kode script.[6]
2.2.10 CSS
CSS Cascading Style Sheet adalah sebuah fitur yang diperkenalkan sejak HTML versi 4.0 dan berfungsi untuk menangani masalah tampilan pada HTML
seperti jenis, ukuran dan warna font, posisi teks, batas tulisan atau margin, warna background,
dan sebagainya.[6]
2.2.11 PHP
2.2.14.1 Pengertian PHP
PHP dibuat oleh Rasmus Lerdorf pada tahun 1994, pada awalnya tidak untuk didistribusikan dan hanya digunakan pada homepage pribadinya. Pada
tahun 1995 dikeluarkan versi pertama dapat digunakan oleh umum dengan nama Personal Home Page Tools.
Ditulis kembali pada pertengahan 1995dan diberi nama sebagai PHPF1 Version 2.F1 berasal dari paket Rasmus yang mana
merupakan html interpreter untuk data form. Pada hasil kombinasi tersebut juga ditambah dukungan terhadap SQL. PHPF1 terus berkembang dan banyak orang
mulai memberikan kontribusi dalam pengembangannya.[11] Hampir seluruh aplikasi berbasis web dapat dibuat dengan PHP ini, namun
fungsi PHP yang paling utama adalah untuk menghubungkan database dengan web. Dengan PHP, membuat aplikasi web yang terkoneksi ke database menjadi
sangat mudah. Sistem database yang telah didukung oleh PHP adalah : Oracle, Sybase, Msql, MySQL, Solid, Generic ODBC, PostgresSQL. PHP juga
mendukung komunikasi dengan layanan lain melalui protokol IMAP, SNMP, NNTP, dan POP3 atau HTTP.[8]
2.2.14.2 Kelebihan PHP
Adapaun kelebihan-kelebihan dari PHP yaitu : 1. PHP mudah dibuat dan kecepatan akses tinggi
2. PHP dapat berjalan dalam web server yang berbeda dan dalam sistem operasi yang berbeda pula
3. PHP diterbitkan secara gratis 4. PHP adalah termasuk bahasa yang embedded bisa ditempel atau diletakan
dalam tag HTML 5. PHP termasuk server-side programming.
2.2.12 MySQL
MySQL merupakan salah satu software database basis data open source yang dikembangkan sebuah komunitas bernama MySQL AB dengan tujuan
membantu user untuk menyimpan data dalam tabel-tabel. Tabel terdiri atas field kolomyang mengelompokkan data-data berdasarkan kategori tertentu, misalnya
nama, alamat, nomor telepon, dan sebagainya. Bagian lain dari tabel adalah record
baris yang mencantumkan isi data yang sebenarnya. MySQL sebagaimana software database lainnya, dapat menampung
banyak schemata, di mana masing-masing schemata ini dapat digunakan oleh aplikasi-aplikasi yang berbeda, baim dari sisi tujuan maupun dari sisi bahasa
pemrograman yang digunakan oleh masing-masing aplikasi yang bersangkutan.[7]
2.2.15.1 Perintah-perintah MySQL
Pada MySQL terdapat beberapa perintah. Perintah-perintah pada MySQL ini hampir sama dengan perintah-perintah pada database server lainnya.
Perintah perintah MySQL itu antara lain adalah sebagai berikut : 1. Create database, digunakan untuk membuat database pada database server.
Sintaksnya adalah :
Create database database_name Database_name
adalah nama database yang akan dibuat. 2. Use database, digunakan untuk menunjuk database yang akan digunakan.
Sintaksnya adalah : Use database_name
Database_name adalah nama database yang akan digunakan.
3. Create table, digunakan untuk membuat tabel pada database yang digunakan. Sintaksnya adalah :
Create table table_name
Column1 column_type column_attributes, Column2 column_type column_attributes,
Primary_key column_name
; Table_name
adalah nama tabel yang akan dibuat. Column1 adalah nama kolom yang akan dibuat pada tabel. Column_type adalah tipe dari kolom tersebut,
dapat berupa char, varchar, tinytext, mediumtext, longtext, enum, int, tinyint, mediumint, bigint, float, decimal, time, date, datetime, timestamp, year
. 4. Insert, digunakan untuk menambahkan record pada tabel.
Sintaksnya adalah : Insert into table_namecolumn1, column2,.. values value1,value2,..
Table_name adalah nama tabel yang akan ditambahkan record-nya. Column1,
column2 adalah kolom yang akan ditambahkan data. Value1,value2 adalah data
yang akan ditambahkan. 5. Update, digunakan untuk mengubah record yang sudah ada pada tabel.
Sintaksnya adalah : Update table_name set column1=value1, column2=value2 where column=value
Table _name adalah nama tabel yang akan dirubah record-nya. Column1,
column2 adalah kolom yang akan dirubah data. Value1,value2 adalah data yang akan digantikan.
6. Drop table, digunakan untuk menghapus tabel. Sintaksnya adalah :
Drop table table_name Table_name
adalah nama tabel yang akan dihapus. 7. Show tables, digunakan untuk menampilkan tabel-tabel yang telah dibuat dalam
database yang aktif.
Sintaksnya adalah : Show tables
8. Show field, digunakan untuk menampilkan seluruh field dalam suatu tabel. Sintaksnya adalah :
Show field from table_name Table_name
adalah nama tabel yang akan ditampilkan field-nya. 9. Alter table, digunakan untuk menambah, merubah dan menghapus field dalam
suatu tabel. Sintaksnya adalah :
a. Untuk menambahkan Alter table_name add column column1 column_type column_attributes
Table_name adalah nama tabel yang akan ditambahkan field-nya. Column1
adalah nama field baru, column_type adalah tipe kolom dan column_attributes adalah atribut kolom yang akan ditambahkan.
b. Untuk mengubah Alter table_name change column1 column2
column_type column_attributes Column1
adalah nama field yang akan dirubah, column2 adalah nama field baru, column_type adalah tipe kolom dan column_attributes adalah atribut kolom.
c. Untuk menghapus Alter table table_name drop column column1
Table_name adalah tabel yang akan dihapus field-nya. Column1 adalah
nama field yang akan dihapus.[10]
2.2.13 JavaScript
Gambar 2.5 JavaScript JavaScript adalah bahasa scripting yang popular di internet dan dapat
bekerja di sebagian besar browser popular seperti Internet Explorer IE, Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman
web menggunakan tag SCRIPT.
Beberapa hal tentang javascript: a. JavaScript didesain untuk menambah interaktif suatu web.
b. JavaScript merupakan sebuah bahasa scripting. c. Bahasa scripting merupakan bahasa pemrograman yang ringan.
d. JavaScript berisi baris kode yang dijalankan di komputer web browser. e. JavaScript biasanya disispkan embedded dalam halaman HTML.
f. JavaScript adalah bahas interpreter yang berarti skrip dieksekusi tanpa proses kompilasi.
g. Setiap orang dapat menggunakan JavaScript tanpa membayar lisensi.[10]
2.2.14 Apache Web Server
Gambar 2.6 Apache Apache web server merupakan server web yang paling populer di seluruh
dunia. Salah satu alasan yang utama dari terpilihnya apache web server adalah karena harganya. Apache web server bisa diperoleh secara Cuma-Cuma gratis
dengan melakukan download di internet. Apache web server bersifat open source, para pengguna apache dapat melakukan analisis terhadap kode sumber source
code dan dapat menemukan solusi dari masalah keamanan yang dihadapinya.[7]
2.2.15 WAMP
Wamp Server merupakan lingkungan pengembangan web Windows. Hal ini memungkinkan Anda untuk membuat aplikasi web dengan Apache, PHP dan
database MySQL. Hal ini juga dilengkapi dengan PHPMyAdmin untuk dengan mudah mengelola database .
Wamp Server menginstal secara otomatis installer, dan penggunaannya sangat intuitif. Anda akan dapat menyetel server Anda tanpa menyentuh
pengaturan file. Wamp Server merupakan satu-satunya solusi paket yang akan memungkinkan
untuk mereproduksi server produksi. Wamp Server juga memiliki trayicon untuk mengelola server.[9]
2.2.16 SEO Search Engine Optimation
SEO adalah cara optimasi website agar bisa ditampilkan di halaman utama pada sebuah situs pencarian. Intinya adalah apabila seseorang mengetikan kata
pencarian pada kotak search engine seperti di Google, Yahoo, maupun MSN maka alamat web kita bisa muncul di halaman pertama pencarian sesuai dengan
kata kunci yang dicari user tersebut. Jika tujuan SEO terpenuhi, tentunya visi misi dari website tersebut akan
mudah tercapai . Otomatis statistik pengunjung meningkat, interaksi dan transaksi bertambah dan kepopuleran website lebih cepat. Ini semua akan memberikan
suntikan motivasi untuk lebih semangat dan kreatif dalam mengelola sebuat website
untuk memuaskan semua user yang mengaksesnya.
2.2.17 Perancangan Sistem
2.2.17.1 Diagram Konteks
Diagram konteks
adalah sebuah
diagram sederhana
yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari sistem.
Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem.
2.2.17.2 DFD
DFD Data Flow Diagram adalah diagram untuk menggambarkan arus data sistem sekarang.
DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau
sistem baru
yang akan
dikembangkan secara
logika tanpa
mempertimbangkan lingkungan fisik dimana data tersebut mengalir misalnya lewat telpon, surat dan sebagainya atau lingkungan fisik dimana data tersebut
akan disimpan misalnya file kartu, microfiche, harddisk, tape, diskette dan lain sebagainya. DFD merupakan alat yang digunakan pada metodologi
pengembangan sistem yang terstruktur. DFD juga merupakan dokumentasi dari sistem yang baik.[2]
Simbol-simbol yang digunakan dalam Data Flow Diagram menurut notasi Yourdan adalah sebagai berikut :
1. Proses Suatu proses adalah kegiatan atau kerja yang dilakukan oleh orang, mesin
atau komputer dari hasil suatu arus data yang masuk ke dalam proses untuk dihasilkan arus data yang akan keluar dari proses.
Proses adalah simbol pertama data flow diagram. Proses dilambangkan dengan lingkaran, dimana proses ini menunjukan bagian dari sistem yang
mengubah satu atau lebih input dan output. Nama proses dituliskan dengan satu kata, singkatan atau kalimat sederhana.
2. Arus Data
Arus Data di DFD diberi simbol suatu panah dengan tanda panah. Arus data ini mengalir diantara proses process, simpanan data data store dan
kesatuan luar external entity. Arus data ini menunjukkan arus dari data yang dapat berupa masukan untuk sistem atau hasil dari proses sistem.
3. Simpanan Data Simpanan data data store merupakan simpanan dari data yang dapat
berupa sebagai berikut ini a. Suatu file atau database di sistem komputer
b. Suatu arsip atau catatan manual c. Suatu kotak tempat data di meja seseorang
d. Suatu tabel acuan manual e. Suatu agenda atau buku.
4. Kesatuan luar Kesatuan luar external entity merupakan kesatuan entity di lingkungan
luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang berada dilingkungan luarnya yang akan memberikan input atau menerima output dari
sistem.[2]
2.2.17.3 Diagram E-R
Entity Relationship Diagram atau biasa dikenal dengan diagram E-R secara grafis menggambarkan isi sebuah database. Diagram ini memiliki dua
komponen utama yaitu entitas entity dan relasi relation. Kedua komponen ini dideskripsikan lebih jauh melalui sejumlah atributproperti.
1. Entitas Entity
Pada E-R diagram, entity digambarkan dengan sebuah bentuk persegi panjang. Entitas merupakan individu yang mewakili sesuatu yang nyata
eksistensinya dan dapat dibedakan dari sesuatu yang lain.Sederhananya entitas menunjuk pada individu suatu objek, sedang himpunan entitas menunjuk pada
rumpun family dari individu tersebut. 2. Relationship Relasi
Pada E-R diagram, relationship dapat digambarkan dengan sebuah bentuk belah ketupat. Relasi menunjukan adanya hubungan diantara sejumlah entitas
yang berasal dari himpunan entitas yang berbeda. 3. Atribut
Setiap entitas pasti memiliki atribut yang mendeskripsikan karakteristik property dari entitas tersebut.Penentuanpemilihan atribut-atribut yang relevan
bagi sebuah entitas merupakan hal enting lainnya dalam pembentukan model data. 4. Kardinalitas
Kardinalitas relasi menunjukan jumlah maksimum tupel yang dapat berelasi dengan entitas yang lainnya. Dari sejumlah kemungkinan banyaknya hubungan
yang terjadi dari entitas, kardinalitas relasi merujuk kepada hubungan maksimum yang terjadi dari entitas yang satu ke entitas yang lainnya dan begitu juga
sebaliknya. Macam-macam kardinalitas relasi, yaitu : a.
One to one Yang berarti setiap entitas pada himpunan entitas A berhubungan dengan
paling banyak dengan satu entitas pada himpunan entitas B, dan begitu juga sebaliknya.
A R
B 1
1
Gambar 2.7 One to One b.
One to many Yang berarti setiap entitas pada himpunan entitas A dapat berhubungan
dengan banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya, di mana setiap entitas pada himpunan entitas B berhubungan dengan paling banyak dengan
satu entitas pada himpunan entitas A.
A R
B 1
N
Gambar 2.8 One to Many c. Many To One
Yang berarti setiap entitas pada himpunan A berhubungan dengan paling banyak dengan satu entitas pada himpunan entitas B, tetapi tidak sebaliknya, di
mana setiap entitas pada himpunan entitas A berhubungan dengan paling banyak satu entitas pada himpunan entitas B.
A R
B N
1
Gambar 2.9 Many to One d. Many to many
Yang berarti setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, dan dmikian juga sebaliknya.[1]
A R
B N
N
Gambar 2.10 Many to Many
2.2.17.4 Kamus Data
Kamus data berfungsi membantu pelaku sistem untuk mengartikan aplikasi secara detail dan mengorganisasi semua elemen data yang digunakan
secara detail dan mengorganisasi semua elemen data yang digunakan dalam sistem secara persis sehingga pemakai dan penganalisis sistem mempunyai dasar
pengertian yang sama tentang masukan, keluaran, penyimpanan dan proses. Kamus data sering disebut juga dengan sistem data dictionary adalah
katalog fakta tentang data dan kebutuhan-kebutuhan informasi dari suatu sistem informasi. Dengan menggunakan kamus data maka dalam analisis, sistem dapat
mendefinisikan data yang mengalir di sistem dengan lengkap. Pada tahap analisis, kamus data digunakan sebagai alat komunikasi antara analisis sistem dengan
pemakai sistem tentang data yang mengalir dari sistem, yaitu tentang data yang masuk ke sistem dan tentang informasi yang dibutuhkan oleh pemakai sistem.
Pada tahap perancangan sistem, kamus data digunakan untuk merancang input, merancang laporan-laporan dan database [9].
Dalam membuat kamus data, harap diperhatikan beberapa hal yaitu : 1. Apakah semua aliran data dan penyimpanan dalam DFD sudah didefinisikan
dalam kamus data? 2. Apakah semua komponen elemen data sudah didefinisikan dengan baik?
3. Adakah elemen data yang didefinisikan lebih dari satu kali?
4. Apakah semua notasi yang digunakan pada kamus data sudah dikoreksi? 5. Adakah elemen data dalam kamus data tidak menjelaskan sesuatu dalam DFD
atau Entity Relation?
44
BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk
mengidentifikasikan permasalahan-permasalahan,
hambatan-hambatan, kesempatan-kesempatan dan kebutuhan-kebutuhan yang diharapkan sehingga
dapat diusulkan perbaikan-perbaikannya.
3.1.1 Analisis Masalah
Masalah yang dianalisis adalah mengenai prosedur-prosedur atau cara kerja dari setiap data yang dibutuhkan dan dihasilkan dari sistem penjualan yang
ada pada toko Wallen Cell. Dari setiap proses menghasilkan data dan informasi yang harus diolah sehingga dapat menghasilkan keluaran baru sesuai kebutuhan
dari setiap fungsinya. Berdasarkan hasil penelitian yang dilakukan bahwa di toko Wallen Cell
masih terdapat masalah-masalah sebagi berikut. 1. Ruang lingkup penjualan yang masih terbatas di sekitar Bandung dan belum
dapat menjangkau pasar yang berada di luar provinsi jawa barat. 2. Promosi produk yang terbatas menyebabkan konsumen tidak mendapatkan
informasi produk yang lengkap. 3. Penjualan produk dengan sistem konvensional kurang efektif sehingga
menyebabkan keuntungan belum maksimal.
4. Masih belum mempunyai sarana media promosi utama untuk memberikan informasi kepada konsumen.
3.1.2 Analisis Prosedur Yang Sedang Berjalan
Prosedur merupakan urutan kegiatan yang tepat dan tahapan-tahapan yang menerangkan mengenai proses apa yang dikerjakan, siapa yang mengerjakan
proses tersebut, bagaimana proses itu dapat dikerjakan dan dokumen apa saja yang dilibatkan.
Uraian prosedur penjualan produk Toko Wallen Cell saat ini adalah sebagai berikut.
1. Setelah konsumen memilih barang yang akan dibeli, bagian penjualan akan mengecek apakah barang tersebut masih tersedia atau tidak.
2. Jika tersedia maka bagian penjualan akan menghitung total harga yang harus dibayar oleh konsumen.
3. Konsumen membayar setelah mengetahui total yang harus dibayar. 4. Kasir melakukan pembuatan nota penjualan rangkap 2, 1 kwitansi
diberikan kepada konsumen, 1 kwitansi disimpan di kasir untuk pencatatan data penjualan.
5. Kasir mencatat data penjualan kedalam buku penjualan.
Barang yang akan dibeli
Barang yang akan dibeli
Menghitung total
Pembuatan nota
penjualan
kwitansi nota
nota
Pencatatan data
penjualan kwitansi
Buku penjualan barang
A1
A2 Jumlah yang
dibayar Jumlah yang
dibayar Konsumen
Bagian Penjualan
Pengecekan barang
Daftar barang tersedia
A3
tersedia ya
Barang yang tidak tersedia
Barang yang tidak tersedia
tidak
Gambar 3.1 Flow Map Penjualan
Keterangan : A1 : Arsip transaksi untuk kasir
A2 : Arsip buku penjualan A3 : Arsip buku stok barang
Uraian prosedur pembuatan laporan produk Toko Wallen Cell saat ini adalah sebagai berikut.
1. Bagian gudang menyerahkan data stok barang yang ada digudang kepada pemilik.
2. Bagian penjualan menyerahkan data penjualan kepada pemilik. 3. Pemilik toko melakukan pengecekan laporan.
Buku stok barang Bagian gudang
Bagian Penjualan Pemilik
A3
Pembuatan laporan stok
barang
Laporan barang Buku penjualan
A2
Pembuatan laporan
penjualan
Laporan penjualan Laporan barang
Laporan penjualan
Pengecekan laporan
Gambar 3.2 Prosedur pembuatan laporan Keterangan :
A2 : Arsip buku penjualan A3 : Arsip buku stok barang
3.1.3 Analisis Kebutuhan Non Fungsional
Analisa kebutuhan non fungsional adalah suatu analisis untuk mengetahui elemen
– elemen apa saja yang berhubungan dengan sistem yang sedang berjalan.
3.1.3.1 Analisis Pengguna
Aplikasi ini akan digunakan oleh empat jenis pengguna, yaitu Admin, operator, member dan pengunjung.
Tabel 3.1 Analisis Pengguna Pengguna Tanggung
Jawab Hak
Akses Tingkat
Pendidikan Tingkat
Keterampilan Pengalaman Jenis
Pelatihan Keterangan
Admin Menentukan
operator dan melihat data
laporan Mengolah
data operator
update, tambah
Lulus SMA Menguasai pengolahan
data dalam
bentuk web, menguasai
teknik komputerisas
i
dan penguasaan
di bidang
komputer 3
tahun dibidang
komputer Cara
mengelola dalam web
Pemilik toko
sebagai admin
Operator Melakukan
pengolahan data
Mengelola data
update, tambah,
hapus Lulus SMA Menguasai
pengolahan data
dalam bentuk web,
menguasai teknik
komputerisas i
dan penguasaan
di bidang
komputer 3
tahun dibidang
komputer Cara
mengelola dalam web
Bagian penjualan
sebagai operator
Pengunju ng
Hanya dapat melihat
produk tetapi tidak
Hanya dapat
melihat produk
Lulus SMA Mampu mengoprasik
an komputer dan mengerti
Panduan dalam
pendaftara n menjadi
-
bisa melakukan
pembelian tetapi
tidak bisa melakuka
n pembelian
dalam menjalankan
web browser
untuk browsing
di Internet.
member
Member Melakukan
transaksi pembelian
Melakuka n transaksi
pembelian Lulus SMA Mengenal
internet dan mengerti
bisnis online. Panduan
melakukan pembelian
barang secara
online
. -
Eksistensi User :
Setelah dilakukan analisis dan observasi serta wawancara dengan pihak toko, maka dapat disimpulkan bahwa pengguna yang ada di toko Wallen Cell
sudah memenuhi standar penerapan aplikasi ini.
3.1.3.2 Analisis Perangkat Keras
Adapun spesifikasi minimum perangkat keras yang digunakan sistem ini adalah sebagai berikut.
Tabel 3.2 Analisis Perangkat Keras Pengguna
Perangkat Keras Pengguna
a. Processor minimal dengan kecepatan 1 GHz + Motherboard
b. Kapasitas harddisk minimal 20 GB c. RAM minimal 256 MB
d. VGA card minimal 32 MB e. Monitor
f. Koneksi internet g. Mouse
h. Keyboard
Pembuat a. Processor minimal dengan kecepatan 1 GHz +
Motherboard b. Kapasitas harddisk minimal 20 GB
c. RAM minimal 256 MB d. VGA card minimal 32 MB
e. Monitor
f. Koneksi internet g. Mouse
h. Keyboard
3.1.3.3 Analisis Perangkat Lunak
Adapun spesifikasi perangkat lunak yang digunakan pada sistem ini adalah sebagai berikut.
Tabel 3.3 Analisis Software Pengguna
Perangkat Lunak Pengguna
a. Sistem operasi bebas dikarenakan aplikasi berbasis web b. Web browser minimal Mozilla 3.0, Internet Explorer 8,
Opera 9.0 Pembuat
a. Sistem operasi yang digunakan Windows XP, Windows 7 atau Windows Vista agar tools pendukung dapat
dijalankan b. Web browser minimal Mozilla 3.0, Internet Explorer 8,
Opera 9.0 c. Tool antarmuka design Microsoft Visio 2007
d. Wamp sebagai web server e. Adobe Dreamweaver CS5 sebagai editor PHP
f. MySQL sebagai DBMS
3.1.4 Analisis Basis Data
Basis data merupakan kumpulan data terhubung yang disimpan secara bersama-sama pada suatu media, tanpa mengatap satu sama lain atau tidak perlu
suatu kerangkapan data kalaupun ada maka kerangkapan data tersebut harus seminimal mungkin dan terkontrol, data disimpan dengan cirri-ciri tertentu
sehingga mudah untuk digunakan atau ditampilkan kembali, data dapat digunakan oleh satu atau lebih program-program aplikasi secara optimal, data disimpan tanpa
mengalami ketergantungan dengan program yang akan menggunakannya, data disimpan sedemikian rupa sehingga proses penambahan jenis, pengambilan dan
modifikasi data dapat dilakukan dengan mudah.
Basis data dapat digambarkan dengan menggunakan Entity Relationship Diagram
ERD. Entity Relationship Diagram
ERD yang ada pada sistem di Toko Wallen Cell dapat dilihat pada gambar berikut.
member orders
produk n
merk n
n Order_detail
memiliki 1
Kategori pengiriman
Kota n
memiliki 1
Jasa pengiriman
1 memiliki
n memiliki
1 n
bank memiliki
1
1 memiliki
n
Id_merk Id_produk
Id_orders Id_bank
Id_member
Id_kota Id_jasa_pengiriman
Id_kategori_ pengiriman
Id_orders warna
Id_warna
provinsi Id_provinsi
ongkir
retur
Retur_detail n
memiliki 1
1 memiliki
n 1
memiliki n
memiliki 1
n memiliki
1 n
Id_retur_detail Id_retur
Id_ongkir n
memiliki 1
n
hubungi Mengisi
1
n
admin mengelola
n
1 Mata uang
Id_hubungi
Id_admin memiliki
n 1
kode
mengelola
1 n
mengelola
1 n
mengelola 1
n
mengelola 1
n mengelola
1 n
mengelola 1
n mengelola
1 n
mengelola mengelola
mengelola
1 n
1 n
1 n
mengelola
1 n
mengelola n
1
Gambar 3.3 Entity Relationship Diagram 3.1.5
Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional adalah kebutuhan perangkat lunak terhadap aspek-aspek yang berhubungan dengan perancangan sistem yang akan dibangun.
3.1.5.1 Diagram Konteks
Diagram konteks merupakan arus data yang berfungsi untuk menggambarkan hubungan input atau output antara sistem dengan dunia luarnya
kesatuan luar. Adapun diagram konteks untuk sistem yang akan dibangun dapat dilihat pada gambar berikut ini :
Sistem Penjualan
Online operator
Member
Pengunjung Data Produk
Data Member Data Warna
Data Bank Data Order
Data Merk Data ongkir
Data jasa pengiriman Data kategori pengiriman
Data kota Data Provinsi
Data login operator Data Retur
Info Produk Info Member
Info Pesanan Info Warna
Info Merk Info ongkir
Info jasa pengiriman Info kategori pengiriman
Info kota Info Provinsi
Info login operator Info Retur
Data Login Member Data Pesanan
Data Member Data Komentar
Data merk Data Produk
Data History Pesanan Data Retur
Info Login Member Info Pesanan
Info Member Info merk
Info Produk Info History Pesanan
Info Retur Data registrasi
Data merk Data produk
Data komentar info registrasi
info merk info produk
info komentar Web Email
Paypal Aktivasi
Akun Registrasi
Info Aktivasi
Akun Registrasi
Info pemesanan Data
pembayaran Status
pembayaran
Sosial Network
Info produk
admin Data login admin
Data operator Data laporan penjualan
Data Laporan Stok Info login admin
info operator info laporan penjualan
info Laporan Stok Jasa
pengiriman Tracking pengiriman
Gambar 3.4 Diagram Konteks
3.1.5.2 Data Flow Diagram
Data Flow Diagram DFD adalah alat pembuatan model yang
memungkinkan profesional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain dengan alur data,
baik secara manual maupun komputerisasi. DFD ini sering disebut juga dengan nama Bubble chart, Bubble diagram, model proses, diagram alur kerja, atau
model fungsi. DFD merupakan salah satu alat pembuatan model yang sering digunakan,
khususnya bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD
adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem. Adapun DFD untuk sistem yang akan dibangun adalah sebagai berikut :
1. DFD Level 1 Pada DFD level 1 ini terdapat 7 proses, akses website, pengolahan laporan,
registrasi, login, keranjang belanja, transaksi dan pengolahan data master.
Web Email
Paypal admin
3 Pengolahan
Data master
kota admin
merk kategori_peng
iriman hubungi
member
orders produk
operator Data kota,
Data komentar, Data hubungi,
Data member, Data kategori pengiriman,
Data orders, Data order_detail,
Data produk, Data Retur
Info kota, Info hubungi,
Info merk, Info member,
Info kategori pengiriman, Info orders,
Info order_detail, Info produk,
Info Retur Data kota
Info kota admin
Info admin Data komentar
Info komentar Data merk
Info merk Data member
Info member Data kategori pengiriman
Info kategori pengiriman Data orders
Info orders Data produk
Info produk pengunjung
2 registrasi
Data registrasi Info registrasi
Data registrasi
Info registrasi Link
aktivasi Aktivasi berhasil
member 1
login Data login admin
Info login admin Data login operator
Info login operator
Info login member Data login member
Data login admin, Data login operator
Info login operator, Info login admin
Data login member Info login member
4 Keranjang
belanja Data operator
Info operator Info Login
Operator, admin valid
Info login member valid Data
pembayaran info
pembayaran Data produk
Info produk Info orders
Data orders Jasa
pengiriman Info jasa
pengiriman Data jasa
pengiriman
Info kategori pengiriman Data kategori pengiriman
5 Akses website
Data komentar
Data produk Info produk
Data komentar Info komentar
6 Pengolahan
laporan Data
laporan Data
laporan orders
Info Laporan
orders Info
laporan Data transaksi
Info komentar
Info login admin valid
Data laporan
stok info
laporan stok
Order detail info order detail
Data order detail Data order detail
info order detail warna
Data warna Info warna
bank
Data bank
Info bank provinsi
Info provinsi Data provinsi
Info transaksi Info bank
Data bank
Info merk Data merk
7 Tracking
Data no resi Info tracking
Jasa pengiriman Data no resi
Info tracking ongkir
Data ongkir Info ongkir
matauang Data matauang
Info matauang Data ongkir
Info ongkir
Info matauang Data mata uang
Gambar 3.5 DFD Level 1
2. DFD Level 2 Proses 1.0 Login
Pada DFD Level 2 Proses 1.0 ini terdapat 2 proses, verifikasi username, password
dan lupa password.
1.1 Verifikasi
usernam,pass word
operator member
admin member
Data username, password operator Data username,password member
Info login gagal Info login gagal
Data username, password admin dan operator
Info username, password
tidak valid Data username, password member
Info username, password
tidak valid Login valid
1.2 Lupa password
Data email Data email
Web email Data email dan username
Password baru Password baru
Data username Data username
admin Data username, password admin
Info login gagal Data email
Data username Password baru
Gambar 3.6 DFD Level 2 Proses 1.0 Login
3. DFD Level 2 Proses 2.0 Registrasi
Pada DFD Level 2 Proses 2.0 ini terdapat 2 proses, isi formulir registrasi dan aktivasi.
pengunjung 2.1
Isi form registrasi
Web email 2.2
aktivasi k
ot a
Data Registrasi Data kota
Data registrasi Data Registrasi
Data Registrasi
Link aktivasi Info Link aktivasi
Info Data Registrasi tidak valid
Data Aktifasi Info registrasi
Info kota
Data registrasi valid Member
prov ins
i Data provinsi
Info provinsi
Gambar 3.7 DFD Level 2 Proses 2.0 Registrasi
4. DFD Level 2 Proses 3 Pengolahan Data Master
Pada DFD Level 2 Proses 3 ini terdapat 15 proses, pengolahan data jasa pengiriman, merk, produk, member, provinsi, kota, kategori pengiriman, orders,
ongkir, Admin, bank, backup dan restore database, warna, hubungi, retur.
operator 3.1
Pengolahan data jasa
pengiriman 3.2
Pengolahan data Merk
3.3 Pengolahan
data produk
3.5 Pengolahan
data provinsi 3.6
Pengolahan data kota
kota data jasa
pengiriman Data Merk
Data Produk info Produk
Info provinsi Data kota
Data provinsi
Info Data kota
info jasa pengiriman
info Merk
Data kota Info kota
Jasa pengiriman
Merk produk
provinsi data jasa
pengiriman Info jasa
pengiriman Data merk
Info Merk Data produk
Info produk
Data provinsi Info provinsi
3.4 Pengolahan
data member member
Data member Info member
Social network
Info produk Login operator
valid Login operator
valid
Login operator valid
Login operator valid
Login operator valid
Login operator valid
Kategori pengiriman
3.7 Pengolahan
data kategori pengiriman
Data kategori pengiriman Info kategori pengiriman
Data kategori pengiriman Info kategori pengiriman
orders 3.8
Pengolahan data orders
Data orders info orders
Data orders info orders
admin Login operator
valid
Login operator valid
Data member Info member
admin 3.10
Pengolahan data admin
Data operator info operator
Data operator info operator
Login admin
3.12 backup dan
restore database
Data database
Info database 3.11
Pengolahan data bank
bank Data bank
info bank Data bank
info bank 3.9
Pengolahan data ongkos
kirim ongkir
Data ongkos kirim info ongkos kirim
Data ongkos kirim Info ongkos kirim
3.13 Pengolahan
warna
Login operator valid
Login operator valid
Login operator valid
warna Data warna
Info warna
Data warna Info warna
3.14 Pengolahan
hubungi info hubungi
Data hubungi Info hubungi
hubungi data hubungi
3.15 Ubah status
Retur info retur
data retur retur
data retur info retur
3.16 Ubah data kurs
Data kurs Info kurs
Matauang Data kurs
Info kurs Data kota
Data kategori pengiriman Data provinsi
Login operator valid
Login operator valid
Login operator valid
Login operator valid
Web Email Status retur
Data jasa pengiriman
Data jasa pengiriman
Gambar 3.8 DFD Level 3 Pengolahan Data Master
5. DFD Level 2 Proses 4 Keranjang Belanja
Pada DFD Level 2 Proses 4 ini terdapat 4 proses, pilih barang, update order detail, hapus order detail dan checkout.
4.1 Pilih barang
4.2 Update detail
orders
4.3 Hapus detail
orders member
4.4 checkout
orders produk
Data produk Data produk yang dipesan
Update Data produk yang dipesan Data pemesanan yang dihapus
Data pemesanan Data produk yang dipesan
Update Data produk yang dipesan Data pemesanan yang dihapus
Info data barang yang dipesan Info update data produk pesanan
Info produk yang dipesan
Info data pemesanan yang dihapus Info produk yang dipesan
Info data pemesanan Info data pemesanan yg dihapus
Info update data produk pesanan
Info data pemesanan
Data pemesanan Login member
valid
Login member valid
Login member valid
Login member valid
Order_detail Data order detail
info order detail
Gambar 3.9 DFD Level 2 Proses 4 Keranjang Belanja
6. DFD level 3 proses 4.4 checkout
Merupakan alur subproses checkout dimana member mengisi data pengiriman, kemudian member dapat melihat history pemesanan dan memilih pembayaran
lewat bank atau lewat paypal.
Member 4.4.2
History pemesanan
Data order Info order
Kategori pengiriman
4.4.1 Isi data
pengiriman
Login Member Valid
Login member Valid
Data Pengiriman Info Pengiriman
Data Kategori pengiriman Info Kategori pengiriman
Data Order Info Order
Order
Web Email In
fo p
emb aya
ra n
4.4.3 Pilih
Pembayaran Paypal
Data pembayaran Status pembayaran
Data pembayaran Jasa
Pengiriman Data Jasa pengiriman
Info Jasa pengiriman
Kota Data Kota
Info Kota D
a ta
P en
gi ri
man ,
d ata ord
e r
Login Member Valid
Status pembayaran provinsi
info provinsi Data provinsi
bank Info bank
Data bank
matauang Info matauang
Data matauang ongkir
Info ongkir Data ongkir
Gambar 3.10 DFD level 3 proses 4.4 checkout
7. DFD level 3 proses 3.1 pengolahan data jasa pengiriman
Pada DFD Level 3 Proses 3.1 ini terdapat 4 proses, tambah data jasa pengiriman, edit data jasa pengiriman, hapus data jasa pengiriman, dan cari data
jasa pengiriman.
operator 3.1.1
Tambah data jasa
pengiriman
3.1.2 edit data jasa
pengiriman
3.1.3 hapus data
jasa pengiriman
3.1.4 cari data jasa
pengiriman Jasa
pengiriman Data jasa pengiriman
info jasa pengiriman
Data jasa pengiriman info jasa pengiriman
Data jasa pengiriman info jasa pengiriman
info jasa pengiriman Data jasa pengiriman
Data jasa pengiriman info jasa pengiriman
Data jasa pengiriman info jasa pengiriman
Data jasa pengiriman info jasa pengiriman
Data jasa pengiriman info jasa pengiriman
Gambar 3.11 DFD Level 3 Proses 3.1 Pengolahan Data Jasa Pengiriman
8. DFD level 3 proses 3.2 pengolahan data merk
Pada DFD Level 3 Proses 3.2 ini terdapat 4 proses, tambah merk, edit merk,
hapus merk, dan cari merk.
operator 3.2.1
Tambah merk
3.2.2 Edit data merk
Data merk Baru
3.2.3 Hapus data
merk Data merk
Data merk Info data kateori
Info merk
Info Data merk merk
Data merk
Data merk Data merk
Info merk Info merk
Info merk Login operator
valid
Login operator valid
Login operator valid
3.2.4 cari data merk
Info merk Info merk
Data merk Login operator
valid
Gambar 3.12 DFD Level 3 Proses 3.2 Pengolahan Data Merk
9. DFD level 3 proses 3.3 pengolahan data produk
Pada DFD Level 3 Proses 3.3 ini terdapat 4 proses, tambah produk, edit data produk, hapus data produk, dan cari data produk.
operator 3.3.1
Tambah produk
3.3.2 Edit data
produk Data produk baru
3.3.3 Hapus data
produk Data produk
Data produk Info produk
Info produk
Info Data produk produk
Data Produk
Data Produk Data Produk
Info produk Info produk
Info produk Social
network Info produk
Login operator valid
Login operator valid
Login operator valid
3.3.4 Cari produk
Login operator valid
Data produk Info Data produk
Info Data produk Data produk
warna info warna
Data warna
Gambar 3.13 DFD Level 3 Proses 3.3 Pengolahan Data Produk
10. DFD level 3 proses 3.4 pengolahan member
Pada DFD Level 3 Proses 3.4 ini terdapat 4 proses, tambah member, edit data
member, hapus data member, cari data member.
operator 3.4.1
Tambah member
3.4.2 Edit data
member Data member baru
Data member Info data member
Info member member
Data member
Data member Info member
Info member Login admin
valid
Login admin valid
3.4.3 cari data
member Info member
Data member Data member
Info member Login admin
valid
Gambar 3.14 DFD Level 3 Proses 3.4 Pengolahan Member
11. DFD level 3 proses 3.5 pengolahan provinsi
Pada DFD Level 3 Proses 3.5 ini terdapat 4 proses, tambah provinsi, edit
provinsi, hapus provinsi dan cari provinsi.
operator 3.5.1
Tambah provinsi
3.5.2 Edit data
provinsi Data provinsi
3.5.3 Hapus data
provinsi Data provinsi
Data provinsi Info provinsi
Info provinsi
Info provinsi provinsi
Data provinsi
Data provinsi Data provinsi
Info provinsi Info provinsi
Info provinsi Login operator
valid
Login operator valid
Login operator valid
3.5.4 Cari provinsi
Login operator valid
Data provinsi Info provinsi
Info provinsi Data provinsi
Gambar 3.15 DFD Level 3 Proses 3.5 Pengolahan Provinsi
12. DFD level 3 proses 3.6 pengolahan kota
Pada DFD Level 3 Proses 3.6 ini terdapat 4 proses, tambah kota, edit kota, hapus kota dan cari kota.
operator 3.6.1
Tambah kota
3.6.2 Edit data kota
Data kota
3.6.3 Hapus data
kota Data kota
Data kota Info kota
Info kota
Info kota kota
Data kota
Data kota Data kota
Info kota Info kota
Info kota Login operator
valid
Login operator valid
Login operator valid
3.6.4 Cari kota
Login operator valid
Data kota Info kota
Info kota Data kota
Gambar 3.16 DFD Level 3 Proses 3.6 Pengolahan Kota
13. DFD level 3 proses 3.7 pengolahan kategori pengiriman
Pada DFD Level 3 Proses 3.7 ini terdapat 4 proses, tambah kategori pengiriman, edit kategori pengiriman, hapus kategori pengiriman dan cari kategori
pengiriman.
operator 3.7.1
Tambah kategori
pengiriman 3.7.2
Edit data kategori
pengiriman Data kategori pengiriman
3.7.3 Hapus data
kategori pengiriman
Data kategori pengiriman
Data kategori pengiriman Info kategori pengiriman
Info kategori pengiriman
Info kategori pengiriman kategori
pengiriman Data kategori pengiriman
Data kategori pengiriman Data kategori pengiriman
Info kategori pengiriman Info kategori pengiriman
Info kategori pengiriman Login operator
valid
Login operator valid
Login operator valid
3.7.4 Cari kategori
pengiriman Login operator
valid Data kategori pengiriman
Info kategori pengiriman Info kategori pengiriman
Data kategori pengiriman jasa
pengiriman Jasa pengiriman
Gambar 3.17 DFD Level 3 Proses 3.7 Pengolahan Kategori Pengiriman
14. DFD level 3 proses 3.8 pengolahan orders
Pada DFD Level 3 Proses 3.8 ini terdapat 3 proses, ubah status orders, isi no resi dan konfirmasi email.
operator 3.8.1
Ubah status orders
3.8.3 Konfirmasi
email orders
Status orders Data pembayaran
Status orders Info status orders
Status orders Info status orders
Status orders Info status orders
Web email Status orders
Login operator valid
Login operator valid
3.8.2 Isi no resi
No resi No resi
Gambar 3.18 DFD Level 3 Proses 3.8 Pengolahan Orders
15. DFD level level 3 proses 3.9 pengolahan data ongkir
Pada DFD Level 3 Proses 3.9 ini terdapat 5 proses, lihat data ongkir, tambah data ongkir, edit data ongkir, hapus data ongkir dan cari data ongkir.
operator 3.9.1
Tambah ongkir
3.9.2 Edit data
ongkir Data ongkir
3.9.3 Hapus data
ongkir Data ongkir
Data ongkir Info ongkir
Info ongkir
Info ongkir ongkir
Data ongkir
Data ongkir Data ongkir
Info ongkir Info ongkir
Info ongkir Login operator
valid
Login operator valid
Login operator valid
3.9.4 Cari ongkir
Login operator valid
Data ongkir Info ongkir
Info ongkir Data ongkir
Kategori pengiriman
info kategori pengiriman kota
provinsi Info provinsi
info kota Jasa
pengiriman info jasa pengiriman
Data jasa pengiriman
Data provinsi Data kategori
pengiriman
Gambar 3.19 DFD Level 3 Proses 3.9 Pengolahan Data ongkir
16. DFD level level 3 proses 3.10 pengolahan data admin
Pada DFD Level 3 Proses 3.10 ini terdapat 4 proses, tambah data admin, edit data admin, hapus data admin dan cari data admin.
operator admin
3.10.1 Edit operator
3.10.3 hapus
operator 3.10.4
Cari operator admin
Data operator info operator
Data operator info operator
3.10.2 tambah
operator Data operator
Data operator info operator
Data operator info operator
info operator Data operator
Data operator info operator
Data operator info operator
Data operator info operator
Login operator valid
Login admin valid
Login admin valid
Login admin valid
Login admin valid
Gambar 3.20 DFD Level 3 Proses 3.10 Pengolahan Data Admin
17. DFD level level 3 proses 3.11 pengolahan data bank
Pada DFD Level 3 Proses 3.11 ini terdapat 4 proses, tambah data bank, edit
data bank, hapus data bank dan cari data bank.
operator 3.11.1
Tambah bank
3.11.2 Edit data bank
Data bank
3.11.3 Hapus data
bank Data bank
Data bank Info bank
Info bank
Info bank bank
Data bank
Data bank Data bank
Info bank Info bank
Info bank Login operator
valid
Login operator valid
Login operator valid
3.11.4 Cari bank
Login operator valid
Data bank Info bank
Info bank Data bank
Gambar 3.21 DFD level level 3 proses 3.11 pengolahan data bank 18. DFD level level 3 proses 3.13 pengolahan data warna
Pada DFD Level 3 Proses 3.13 ini terdapat 4 proses, lihat data warna, tambah data warna, edit data warna, hapus data warna dan cari data warna.
operator 3.13.1
Tambah warna
3.13.2 Edit data
warna Data warna
3.13.3 Hapus data
warna Data warna
Data warna Info warna
Info warna
Info warna warna
Data warna
Data warna Data warna
Info warna Info warna
Info warna Login operator
valid
Login operator valid
Login operator valid
3.13.4 Cari warna
Login operator valid
Data warna Info warna
Info warna Data warna
Gambar 3.22 DFD Level 3 Proses 3.9 Pengolahan Data warna
19. DFD level level 3 proses 3.14 pengolahan data hubungi
Pada DFD Level 3 Proses 3.14 ini terdapat 2 proses, hapus data hubungi dan cari data hubungi.
operator 3.14.1
Hapus data hubungi
Data hubungi Info hubungi
hubungi Data hubungi
Info hubungi Login operator
valid
3.14.2 Cari hubungi
Login operator valid
Data hubungi Info hubungi
Info hubungi Data hubungi
Gambar 3.23 DFD Level 3 Proses 3.14 Pengolahan Data hubungi
3.1.5.3 Spesifikasi Proses
Spesifikasi proses digunakan untuk menggambarkan proses model aliran yang terdapat pada DFD. Spesifikasi proses dari gambaran DFD diatas akan
dijelaskan pada tabel berikut : Tabel 3.4 Spesifikasi Proses
No Proses Keterangan
1 No. Proses
1 Nama
Login Source
Admin, operator, member Input
Data login Admin, operator, member Output
Info login Admin, operator, member Destination
Admin, operator, member Logika Proses
1. Member, Admin, operator mengirimkan data login
. 2.Jika login valid, maka bisa masuk ke proses yang
sudah ditentukan, jika login tidak valid, maka tidak bisa masuk ke proses lainnya.
2 No. Proses
2 Nama
Registrasi Source
Pengunjung,web email
Input Data Registrasi,aktivasi berhasil
Output Info Registrasi, link aktivasi
Destination Pengunjung, web email
Logika Proses 1. Pengunjung melakukan registrasi.
2. kode aktivasi akan dikirimkan ke email. 3. jika berhasil aktivasi, pengunjung akan menjadi
member dan bisa membeli produk.
2. jika tidak melakukan aktivasi, pengunjung hanya akan melihat produk, isi komentar dan lihat
kategori. 3
No. Proses 3
Nama Pengolahan data master
Source Operator dan Admin
Input Data member, Data jasa Pengiriman, Data order,
Data kota, Data kategori, Data produk, Data komentar, Data kategori pengiriman, data order
detail, data kurs
Output info member, info jasa Pengiriman, info order, info
kota, info kategori, info produk, info komentar, info kategori pengiriman info order detail, info kurs
Destination Operator, Admin
Logika Proses 1. Admin dan operator melakukan login.
2. jika berhasil login,Admin dan operator dapat melakukan pengolahan data master.
3. jika tidak berhasil login,Admin dan operator tidak dapat melakukan pengolahan data master.
4 No. Proses
4 Nama
Keranjang Belanja Source
Paypal, Member Input
Data transaksi, status orders, info orders Output
Info orders Destination
Member Logika Proses
1. member memilih produk. 2. Member memasukan data pengiriman,
pembayaran .
3. Member akan mendapatkan detail pemesanan lewat email.
5 No. Proses
5 Nama
Akses website Source
Pengunjung Input
Data komentar, Data kategori, Data produk Output
Info komentar, Info kategori, Info produk Destination
Pengunjung Logika Proses
1. Pengunjung mengirimkan data informasi website yang ingin dilihat.
2.Jika informasi website ada maka tampil, jika tidak ada maka informasi website tidak akan keluar
6 No. Proses
6 Nama
Pengolahan laporan Source
Admin Input
Data laporan orders, data laporan stok Output
Info laporan orders, info laporan stok Destination
Admin Logika Proses
1. Admin melihat data laporan penjualan. 2.jika data laporan ada, maka akan tampil di layar.
7 No. Proses
1.1 Nama
Verifikasi username dan password Source
Operator, Admin dan member Input
Data username, password Output
Info login gagal, info login berhasil Destination
Operator, Admin dan member Logika Proses
1.
Data username dan password di cek di dalam database.
2.
Jika username dan password benar maka operator, Admin dan member dapat melakukan
proses lainnya.
8 No. Proses
1.2 Nama
Lupa password Source
Operator, Admin dan member Input
Data email, data username Output
Password baru
Destination Operator, Admin dan member
Logika Proses 1. operator, Admin dan member memasukan
username dan email.
2. jika username dan email terdapat di dalam database dan benar, maka password baru akan
dikirimkan oleh sistem
9 No. Proses
2.1 Nama
Isi formulir registrasi Source
pengunjung Input
Data registrasi Output
Info registrasi Destination
Pengunjung,web email Logika Proses
1. pengunjung melakukan registrasi. 2. jika semua data telah diisi, maka link aktivasi
akan diberikan oleh sistem melalui web email. 10 No. Proses
2.2 Nama
aktivasi Source
Web email
Input Data aktivasi
Output Info registrasi
Destination pengunjung
Logika Proses 1. pengunjung membuka email.
2. pengunjung mengklik link aktivasi di email. 3.Jika aktivasi berhasil, maka pengunjung tersebut
akan menjadi member. 11 No. Proses
3.1 Nama
Pengolahan data jasa pengiriman Source
operator Input
Data jasa pengiriman Output
Info jasa pengiriman Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan data jasa pengiriman. 12 No. Proses
3.2 Nama
Pengolahan data merk Source
operator Input
Data merk Output
Info merk Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan data merk. 13 No. Proses
3.3 Nama
Pengolahan data produk Source
operator Input
Data produk Output
Info produk Destination
Operator, Social network Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan data produk. 3. data produk kemudian tampil di social network
14 No. Proses 3.4
Nama Pengolahan data member
Source operator
Input Data member
Output Info member
Destination operator
Logika Proses 1. Operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan proses pengolahan data member.
15 No. Proses 3.5
Nama Pengolahan data provinsi
Source operator
Input Data provinsi
Output Info provinsi
Destination operator
Logika Proses 1. Operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan proses pengolahan data provinsi.
16 No. Proses 3.6
Nama Pengolahan data kota
Source operator
Input Data kota
Output Info kota
Destination operator
Logika Proses 1. Operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan proses pengolahan data kota.
17 No. Proses 3.7
Nama Pengolahan data kategori pengiriman
Source operator
Input Data kategori pengiriman
Output Info kategori pengiriman
Destination operator
Logika Proses 1. Operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan proses pengolahan data kategori
pengiriman. 18 No. Proses
3.8 Nama
Pengolahan data orders Source
operator Input
Data orders Output
Info orders Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan data orders. 19 No. Proses
3.9 Nama
Pengolahan data ongkir Source
operator Input
Data ongkir Output
Info ongkir Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan data ongkir. 20 No. Proses
3.10
Nama Pengolahan data Admin
Source Operator,Admin
Input Data Admin
Output Info Admin
Destination Operator,Admin
Logika Proses 1. Operator dan Admin melakukan login.
2. Jika operator dan Admin telah melakukan login, maka dapat melakukan proses pengolahan data
Admin. 21 No. Proses
3.11 Nama
Pengolahan data bank Source
operator Input
Data bank Output
Info bank Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan data bank. 22 No. Proses
3.12 Nama
Backup dan restore database Source
operator Input
Data database Output
Info database Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses backup dan restore. 23 No. Proses
3.14 Nama
Pengolahan hubungi Source
operator Input
Data Hubungi Output
Info Hubungi Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan hubungi. 24 No. Proses
3.15 Nama
Pengolahan retur Source
operator Input
Data retur Output
Info retur Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan retur, mengubah
status retur. 25 No. Proses
3.16 Nama
Pengolahan kurs Source
operator Input
Data kurs Output
Info kurs Destination
operator Logika Proses
1. Operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan proses pengolahan kurs, menambah kurs ke tabel matauang.
26 No. Proses 4.1
Nama Pilih barang
Source member
Input Data produk yang dipesan
Output Info produk yang dipesan
Destination member
Logika Proses 1. member melakukan login.
2. Jika member telah melakukan login, maka dapat melakukan proses pilih barang.
27 No. Proses 4.2
Nama Update detail orders
Source member
Input Data update detail orders
Output Info update detail orders
Destination Member
Logika Proses 1. member melakukan login.
2. Jika member telah melakukan login, maka dapat melakukan update detail orders.
28 No. Proses 4.3
Nama Hapus detail orders
Source member
Input Data detail orders yang dihapus
Output Info detail orders yang dihapus
Destination member
Logika Proses 1. member melakukan login.
2. Jika member telah melakukan login, maka dapat melakukan hapus detail orders.
29 No. Proses 4.4
Nama Isi data pengiriman
Source member
Input Data pengiriman, data jasa pengiriman, data
kategori pengiriman. Output
data pengiriman Destination
Proses pesan
Logika Proses 1. member melakukan login.
2. Jika member telah melakukan login, maka dapat melakukan isi data pengiriman.
30 No. Proses 4.5
Nama Isi data pembayaran
Source member
Input Data pembayaran, data bank, data paypal.
Output Data pembayaran
Destination Proses pesan
Logika Proses 1. member melakukan login.
2. Jika member telah melakukan login, maka dapat melakukan isi data pembayaran.
31 No. Proses 4.6
Nama pesan
Source member
Input Data pembayaran, data pemesanan, data order
detail, info barang yang dipesan Output
Info pembayaran, info pemesanan, info order detail, data pemesanan.
Destination member
Logika Proses 1. member melakukan login.
2. Jika member telah melakukan login, maka dapat melakukan pesan.
32 No. Proses 5.1
Nama Lihat website
Source pengunjung
Input Data website
Output Info website
Destination Pengunjung
Logika Proses 1. pengunjung memasukan data website ke sistem.
33 No. Proses 5.2
Nama lihat merk
Source pengunjung
Input Data merk
Output Info merk
Destination pengunjung
Logika Proses 1.pengunjung melihat merk yang ingin dilihat.
2. jika data ada, maka akan tampil merk. 34 No. Proses
5.3 Nama
lihat produk Source
pengunjung Input
Data produk Output
Info produk Destination
pengunjung Logika Proses
1.pengunjung melihat produk yang ingin dilihat.
2. jika data ada, maka akan tampil produk. 35 No. Proses
5.4 Nama
Isi komentar Source
pengunjung Input
Data komentar Output
Info komentar Destination
pengunjung Logika Proses
1.pengunjung mengisi komentar pada web. 2. jika data berhasil, maka komentar akan disimpan.
36 No. Proses 3.1.1
Nama Tambah data jasa pengiriman
Source operator
Input Data jasa pengiriman
Output Info jasa pengiriman
Destination operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan tambah data jasa pengiriman.
3. jika data berhasil ditambah, maka akan keluar pesan.
37 No. Proses 3.1.2
Nama Edit data jasa pengiriman
Source operator
Input Data jasa pengiriman
Output Info jasa pengiriman
Destination operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan edit data jasa pengiriman.
3. jika data berhasil diedit, maka akan keluar pesan. 38 No. Proses
3.1.3 Nama
Hapus data jasa pengiriman Source
operator Input
Data jasa pengiriman Output
Info jasa pengiriman Destination
operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan hapus data jasa pengiriman. 3. jika data berhasil dihapus, maka akan keluar
pesan. 39 No. Proses
3.1.4 Nama
cari data jasa pengiriman Source
operator Input
Data jasa pengiriman
Output Info jasa pengiriman
Destination operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari data jasa pengiriman.
3. sistem akan memberikan data jasa pengiriman. 40 No. Proses
3.2.1 Nama
Tambah merk Source
operator Input
Data merk Output
Info merk Destination
operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan tambah merk. 3. jika data berhasil ditambah, maka akan keluar
pesan. 41 No. Proses
3.2.2 Nama
edit merk Source
operator Input
Data merk Output
Info merk Destination
operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan edit merk. 3. jika data berhasil diedit, maka akan keluar pesan.
42 No. Proses 3.2.3
Nama hapus merk
Source operator
Input Data merk
Output Info merk
Destination operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan hapus merk.
3. jika data berhasil dihapus, maka akan keluar pesan.
43 No. Proses 3.2.4
Nama cari merk
Source operator
Input Data merk
Output Info merk
Destination operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari merk.
44 No. Proses 3.3.1
Nama Tambah produk
Source operator
Input Data produk
Output Info produk
Destination Operator, social network
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan tambah produk.
3. jika data berhasil ditambah, maka akan keluar pesan.
4. data produk yang telah disimpan akan muncul di social network
. 45 No. Proses
3.3.2 Nama
edit produk Source
operator Input
Data produk Output
Info produk Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan edit produk. 3. jika data berhasil diedit, maka akan keluar pesan.
46 No. Proses 3.3.3
Nama hapus produk
Source operator
Input Data produk
Output Info produk
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan hapus produk.
3. jika data berhasil dihapus, maka akan keluar pesan.
47 No. Proses 3.3.4
Nama cari produk
Source operator
Input Data produk
Output Info produk
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari produk.
3. jika data berhasil dicari, maka akan keluar pesan. 48 No. Proses
3.4.1 Nama
Tambah member Source
operator Input
Data member Output
Info member Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan tambah member. 3. jika data berhasil ditambah, maka akan keluar
pesan. 49 No. Proses
3.4.2 Nama
edit member Source
operator Input
Data member Output
Info member Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan edit member. 3. jika data berhasil diedit, maka akan keluar pesan.
50 No. Proses 3.4.3
Nama hapus member
Source operator
Input Data member
Output Info member
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan hapus member.
3. jika data berhasil dihapus, maka akan keluar pesan.
51 No. Proses 3.4.4
Nama cari member
Source operator
Input Data member
Output Info member
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari member.
3. jika data berhasil dicari, maka akan keluar pesan. 52 No. Proses
3.5.1 Nama
Tambah provinsi
Source operator
Input Data provinsi
Output Info provinsi
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan pengolahan provinsi.
3. jika berhasil, maka akan keluar pesan. 53 No. Proses
3.5.2 Nama
edit provinsi Source
operator Input
Data provinsi Output
Info provinsi Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan pengolahan provinsi. 3. jika berhasil, maka akan keluar pesan.
54 No. Proses 3.5.3
Nama Hapus provinsi
Source operator
Input Data provinsi
Output Info provinsi
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan pengolahan provinsi.
3. jika berhasil, maka akan keluar pesan. 55 No. Proses
3.5.4 Nama
Cari provinsi Source
operator Input
Data provinsi Output
Info provinsi Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan cari provinsi. 3. jika berhasil, maka data akan tampil.
56 No. Proses 3.6.1
Nama Tambah kota
Source operator
Input Data kota
Output Info kota
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan tambah kota.
3. jika data berhasil ditambah, maka akan keluar pesan.
57 No. Proses 3.6.2
Nama edit kota
Source operator
Input Data kota
Output Info kota
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan edit kota.
3. jika data berhasil diedit, maka akan keluar pesan. 58 No. Proses
3.6.3 Nama
hapus kota Source
operator Input
Data kota Output
Info kota Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan hapus kota. 3. jika data berhasil dihapus, maka akan keluar
pesan. 59 No. Proses
3.6.4 Nama
cari kota Source
operator Input
Data kota Output
Info kota Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan cari kota. 3. jika data berhasil dicari, maka akan keluar pesan.
60 No. Proses 3.7.1
Nama Tambah kategori pengiriman
Source operator
Input Data kategori pengiriman
Output Info kategori pengiriman
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan tambah kategori pengiriman.
3. jika data berhasil ditambah, maka akan keluar
pesan. 61 No. Proses
3.7.2 Nama
edit kategori pengiriman Source
operator Input
Data kategori pengiriman Output
Info kategori pengiriman Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan edit kategori pengiriman. 3. jika data berhasil diedit, maka akan keluar pesan.
62 No. Proses 3.7.3
Nama hapus kategori pengiriman
Source operator
Input Data kategori pengiriman
Output Info kategori pengiriman
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan hapus kategori pengiriman.
3. jika data berhasil dihapus, maka akan keluar pesan.
63 No. Proses 3.7.4
Nama cari kategori pengiriman
Source operator
Input Data kategori pengiriman
Output Info kategori pengiriman
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari kategori pengiriman.
3. jika data berhasil dicari, maka akan keluar pesan. 64 No. Proses
3.8.1 Nama
Ubah status orders Source
operator Input
Data status orders, data pembayaran Output
Info status orders, info data pembayaran Destination
Operator Logika Proses
1. operator melakukan login. 2. Jika operator telah melakukan login, maka dapat
melakukan ubah status orders. 3. jika data berhasil diubah, maka akan keluar pesan.
65 No. Proses 3.8.2
Nama Isi no resi
Source operator
Input No resi
Output No resi
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat menambahkan no resi.
3. jika data berhasil diubah, maka akan keluar pesan. 66 No. Proses
3.8.3 Nama
Konfirmasi email Source
operator Input
Status orders Output
Status orders Destination
Web email
Logika Proses 1. konfirmasi akan terkirim melalui email jika
sudah melakukan ubah status. 67 No. Proses
3.9.1 Nama
Tambah ongkir Source
Operator Input
Data ongkir Output
Info ongkir Destination
Operator Logika Proses
1. operator dan Admin melakukan login. 2. Jika operator dan Admin telah melakukan login,
maka dapat melakukan tambah ongkir. 68 No. Proses
3.9.2 Nama
edit ongkir Source
Operator Input
Data ongkir Output
Info ongkir Destination
Operator Logika Proses
1. operator dan Admin melakukan login. 2. Jika operator dan Admin telah melakukan login,
maka dapat melakukan edit ongkir. 69 No. Proses
3.9.3 Nama
hapus ongkir Source
Operator Input
Data ongkir Output
Info ongkir Destination
Operator Logika Proses
1. operator dan Admin melakukan login. 2. Jika operator dan Admin telah melakukan login,
maka dapat melakukan hapus ongkir. 70 No. Proses
3.9.4 Nama
cari ongkir Source
Operator
Input Data ongkir
Output Info ongkir
Destination Operator
Logika Proses 1. operator dan Admin melakukan login.
2. Jika operator dan Admin telah melakukan login, maka dapat melakukan cari ongkir.
71 No. Proses 3.10.1
Nama edit data Admin
Source Operator, Admin
Input Data Admin
Output Info Admin
Destination Operator, Admin
Logika Proses 1. operator dan Admin melakukan login.
2. Jika operator dan Admin telah melakukan login, maka dapat melakukan edit data Admin.
72 No. Proses 3.10.2
Nama Tambah operator
Source Admin
Input Data operator
Output Info operator
Destination Admin
Logika Proses 1. Admin melakukan login.
2. Jika Admin telah melakukan login, maka dapat melakukan tambah data operator.
73 No. Proses 3.10.3
Nama hapus operator
Source Admin
Input Data operator
Output Info operator
Destination Admin
Logika Proses 1. Admin melakukan login.
2. Jika Admin telah melakukan login, maka dapat melakukan hapus data operator.
74 No. Proses 3.10.4
Nama Cari operator
Source Admin
Input Data operator
Output Info operator
Destination Admin
Logika Proses 1. Admin melakukan login.
2. Jika Admin telah melakukan login, maka dapat melakukan cari data operator.
75 No. Proses 3.11.1
Nama Tambah bank
Source Operator
Input Data bank
Output Info bank
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan tambah bank.
76 No. Proses 3.11.2
Nama edit bank
Source Operator
Input Data bank
Output Info bank
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan edit bank.
77 No. Proses 3.11.3
Nama hapus bank
Source Operator
Input Data bank
Output Info bank
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan hapus bank.
78 No. Proses 3.11.4
Nama cari bank
Source Operator
Input Data bank
Output Info bank
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari bank.
79 No. Proses 3.13.1
Nama Tambah warna
Source Operator
Input Data warna
Output Info warna
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan tambah warna.
80 No. Proses 3.13.2
Nama edit warna
Source Operator
Input Data warna
Output Info warna
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan edit warna.
81 No. Proses 3.13.3
Nama hapus warna
Source Operator
Input Data warna
Output Info warna
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan hapus warna.
82 No. Proses 3.13.4
Nama cari warna
Source Operator
Input Data warna
Output Info warna
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari warna.
83 No. Proses 3.14.1
Nama hapus data hubungi
Source Operator
Input Data hubungi
Output Info hubungi
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan hapus hubungi.
84 No. Proses 3.14.2
Nama cari hubungi
Source Operator
Input Data hubungi
Output Info hubungi
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat melakukan cari hubungi.
85 No. Proses 3.15.1
Nama Ubah status retur
Source Operator
Input Data retur
Output Info retur
Destination Operator,web email
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat mengubah status retur.
86 No. Proses 3.16.1
Nama Ubah data kurs
Source Operator
Input Data kurs
Output Info kurs
Destination Operator
Logika Proses 1. operator melakukan login.
2. Jika operator telah melakukan login, maka dapat mengubah data kurs.
3.1.5.4 Kamus Data
Kamus data merupakan sebuah daftar tersusun dari elemen data yang saling berhubungan dengan sistem. Kamus data untuk diagram arus data pada
sistem penjualan online di Wallen Cell adalah sebagai berikut. Tabel 3.5 Kamus Data
Nama Aliran Data Data merk
Where used how used Operator, member dan pengunjung
Proses 3, Proses 5, Proses 3.2, proses 3.2.1, proses 3.2.2, proses 3.2.3, proses 3.2.4
Deskripsi Berisi data merk untuk produk
Struktur Data id_ merk + nama_ merk + id_admin
id_ merk nama_ merk
id_admin [0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran Data Data Produk
Where used how used Operator, Member
Proses 3, Proses 3.3, Proses 4, Proses 4.1, Proses 6, Proses 5.3, Proses 3.3.1, Proses 3.3.2, Proses
3.3.3, Proses 3.3.4
Deskripsi Berisi data produk
Struktur Data id_produk + nama_produk + id_ merk +
deskripsi + harga + stok + id_warna+ berat + hits + tgl_masuk + last_update + dibeli +
id_admin
id_produk [0-9]
nama_produk id_merk
deskripsi harga
stok berat
hits tgl_masuk
last_update dibeli
id_admin [A-Z|a-z|0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
Nama Aliran Data Data Member
Where used how used operator
proses 3.4, Proses 3.4.1, Proses 3.4.2, Proses 3.4.3, Proses 3.4.4
Deskripsi Berisi data member
Struktur Data id_member + nama_member + username +
password + alamat + email + telepon + id_kota +
kodepos + block + tgl_reg + login_terakhir + kode_verifikasi + id_admin
id_member nama_member
username
password alamat
email telepon
id_kota kodepos
block tgl_reg
login
_terakhir kode_verifikasi
id_admin [A-Z|a-z|0-9]
[A-Z|a-z] [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]
[A-Z|a-z] [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9]
Nama Aliran Data Data Jasa Pengiriman
Where used how used operator
Proses 3.1, Proses 3.1.1, Proses 3.1.2, Proses 3.1.3, Proses 3.1.4
Deskripsi Berisi data jasa pengiriman
Struktur Data id_jasa_pengiriman + nama_jasa_pengiriman +
id_admin id_jasa_pengiriman
nama_jasa_pengiriman id_admin
[0-9] [A-Z|a-z|0-9]
[0-9]
Nama Aliran Data Data Kategori Pengiriman
Where used how used operator
Proses 3.7 , Proses 4.4 , Proses 3.7.1, Proses 3.7.2, Proses 3.7.3, Proses 3.7.4
Deskripsi Berisi data kategori pengiriman
Struktur Data id_kategori_pengiriman + id_jasa_pengiriman +
nama_kategori_pengiriman + id_admin id_kategori_pengiriman
nama_kategori_pengiriman id_jasa_pengiriman
id_admin [0-9]
[A-Z|a-z|0-9] [0-9]
[0-9]
Nama Aliran Data Data Kota
Where used how used operator
Proses 2.1, Proses 3, Proses 3.6.1, Proses 3.6.2, Proses 3.6.3, Proses 3.6.4
Deskripsi Berisi data Kota
Struktur Data id_kota + nama_kota + id_admin
id_kota nama_kota
id_admin [0-9]
[A-Z|a-z] [0-9]
Nama Aliran Data Data Orders
Where used how used Operator, Admin dan member
Proses 3, Proses 4, Proses 3.7, Proses 3.8, Proses 11, Proses 15
Deskripsi Berisi data order yaitu data pesanan suatu produk
Struktur Data id_orders + status_order + id_member +
tgl_order + nama_t + id_kota_t + alamat_t + kodepos_t + telepon + id_ongkir + tgl_kirim +
tgl_diterima + tgl_batas_bayar + tgl_batas_retur + id_bank + dibayar + atas_nama + no_rekening
+ no_resi + paypal_transaksi + waktu_bayar + paypal_email + bayar_paypal + mata_uang + jp
+ id_admin
id_orders status_order
id_member tgl_order
nama_t id_kota_t
alamat_t kodepos_t
telepon id_ongkir
tgl_kirim tgl_diterima
tgl_batas_bayar tgl_batas_retur
id_bank dibayar
atas_nama no_rekening
no_resi paypal_transaksi
waktu_bayar paypal_email
bayar_paypal mata_uang
jp id_admin
[0-9] [A-Z|a-z]
[0-9] [0-9]
[A-Z|a-z|0-9] [0-9]
[A-Z|a-z|0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[0-9] [0-9]
[A-Z|a-z] [0-9]
[0-9] [0-9]
[0-9] [A-Z|a-z|0-9]
[0-9] [A-Z|a-z]
[A-Z|a-z] [0-9]
Nama Aliran Data Data Admin
Where used how used Admin, operator
Proses 3, Proses 3.10.1, Proses 7.2 Deskripsi
Berisi data Admin Struktur Data
Id + nama_Admin + username + password + email
+ level id
nama_Admin username
password email
level [0-9]
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z]
Nama Aliran Data Data hubungi
Where used how used operator
Proses 3, Proses 3.14.3, Proses 3.14.4 Deskripsi
Berisi data komentar Struktur Data
id_hubungi + nama + email + subjek + pesan + tgl + id_member
id_hubungi nama
[0-9] [A-Z|a-z]
email subjek
pesan tgl
id_admin [A-Z|a-z||_|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[0-9] [0-9]
Nama Aliran Data Data Bank
Where used how used operator
Proses 4, Proses 3.11, Proses 3.11.1, Proses 3.11.2, Proses 3.11.3, Proses 3.11.4, Proses 4.5
Deskripsi Berisi data bank
Struktur Data id_bank + nama_bank + id_admin
id_bank nama_bank
id_admin [0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran Data Data provinsi
Where used how used operator
Proses 3, Proses 2.1, Proses 3.5, Proses 3.5.1, Proses 3.5.2, Proses 3.5.3, Proses 3.5.4
Deskripsi Berisi data provinsi
Struktur Data id_ provinsi + nama_ provinsi + id_admin
id_ provinsi nama_ provinsi
id_admin [0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran Data Data warna
Where used how used operator
Proses 3, Proses 2.1, Proses 3.13, Proses 3. 13.1, Proses 3. 13.2, Proses 3. 13.3, Proses 3. 13.4,
proses 3.3.1
Deskripsi Berisi data warna
Struktur Data id_ warna + nama_ warna + id_admin
id_ warna nama_ warna
id_admin [0-9]
[A-Z|a-z|0-9] [0-9]
Nama Aliran Data Data kurs
Where used how used operator
Proses 3, proses 3.16, proses 3.16.1 Deskripsi
Berisi data kurs Struktur Data
kode + kurs + id_admin kode
kurs id_admin
[A-Z] [0-9]
[0-9]
3.2 Perancangan Sistem
3.2.1 Perancangan Basis Data
3.2.1.1.Skema Relasi
Skema relasi merupakan rangkaian hubungan antara dua tabel atau lebih pada sistem database. Gambar dibawah merupakan penjelasan rangkaian database
pada aplikasi di Toko Wallen Cell.
provinsi PK
id_provinsi
nama_provinsi FK1,I1
id_admin
jasa_pengiriman PK
id_jasa_pengiriman
nama_jasa_pengiriman FK1,I1
id_admin
merk PK
id_merk
nama_merk FK1,I1
id_admin
retur PK
id_retur
FK2,I1 id_orders
status_retur tgl_retur
no_resi
FK1,I2 id_admin
kategori_pengiriman PK
id_kategori_pengiriman
nama_kategori_pengiriman FK2,I1
id_jasa_pengiriman FK1,I2
id_admin
ongkir PK
id_ongkir
FK4,I1 id_kota
FK3,I2,I1 id_kategori_pengiriman
tarif FK2,I3
id_jasa_pengiriman FK1,I4
id_admin
kota PK
id_kota
nama_kota FK2,I1
id_provinsi FK1,I2
id_admin
retur_detail PK
id_retur_detail
FK2,I1 id_retur
FK1,I2,I1 id_order_detail
id_produk jumlah
keluhan
admin PK
id_admin
nama_admin U1
username password
U1 email
level
order_detail PK
id_order_detail
FK1,I2 id_orders
FK2,I1 id_produk
jumlah
matauang
PK kode
kurs FK1,I1
id_admin
produk PK
id_produk
I3 nama_produk
FK2,I1 id_merk
deskripsi harga
stok FK3,I2
id_warna berat
hits tgl_masuk
last_update dibeli
FK1,I4 id_admin
orders PK
id_orders
status_order FK3,I1
id_member tgl_order
nama_t FK2,I3
id_kota_t alamat_t
kode_pos_t telepon
FK4,I2 id_ongkir
tgl_kirim tgl_diterima
tgl_batas_bayar tgl_batas_retur
total_bayar I4
id_bank dibayar
atas_nama no_rekening
no_resi waktu_bayar
paypal_email bayar_paypal
FK5,I5 kode
jp
FK1,I6 id_admin
member PK
id_member
nama_member U1
username password
alamat U1
email telepon
FK2,I1 id_kota
kode_pos block
tgl_reg kode_verifikasi
FK1,I2 id_admin
warna PK
id_warna
nama_warna dihapus
FK1,I1 id_admin
bank PK
id_bank
nama_bank FK1,I1
id_admin
hubungi PK
id_hubungi
nama email
subjek pesan
tgl
FK1,I1 id_member
Gambar 3.24 Skema Relasi
3.2.1.2.Perancangan Struktur Tabel
Tabel-tabel yang terdapat dalam basis data yang digunakan dalam Pembangunan Aplikasi E-commerce di Toko Wallen Cell adalah sebagai berikut :
1. File Member a. Nama Tabel : Tabel Member
b. Primary Key : id_member c. Jumlah Field : 14
d. Foreign Key : id_kota e. Keterangan : Tabel berisi data member
Tabel 3.6 Tabel Member Nama Field
Tipe Data Ukuran
Keterangan Id_member
int -
Primary Key Nama_member
Varchar 30
Nama member Username
Varchar 50
Username member
Password Varchar
50 Password
member Alamat
Teks -
Alamat member email
Varchar 50
Email member
telepon Varchar
20 Telepon
member Id_kota
int -
Foreign key
reference ke
tabel kota field id_kota
Kodepos Varchar
10 Kode
pos member
Block Enum
- Block member
Tgl_reg Datetime
- Tanggal daftar
member Login
_terakhir Datetime
- Login
terkahir member
Kode_verifikasi Int
- Kode verifikasi
yang di berikan pada saat daftar
Id_admin Int
- Foreign
key
reference ke
tabel admin
field id_admin
2. File Admin a. Nama Tabel : Tabel Admin
b. Primary Key : id c. Jumlah Field : 6
d. Foreign Key : - e. Keterangan : Tabel berisi data Admin
Tabel 3.7 Tabel Admin Nama Field
Tipe Data Ukuran
Keterangan Id
int -
Primary Key Nama_Admin
Varchar 50
Nama Admin Username
Varchar 50
Username Admin
Password Varchar
50 Password
Admin email
Varchar 50
Email Admin
level Enum
- Telepon Admin
3. File hubungi a. Nama Tabel : Tabel hubungi
b. Primary Key : id_hubungi c. Jumlah Field : 6
d. Foreign Key : - e. Keterangan : Tabel berisi data hubungi
Tabel 3.8 Tabel hubungi Nama Field
Tipe Data Ukuran
Keterangan Id_hubungi
int -
Primary Key
Nama Varchar
50 Nama
pengunjung Email
Varchar 100
Email pengunjung
Subjek Varchar
100 judul
Pesan Text
- Isi pesan
tgl Datetime
- Tanggal masuk
komentar Id_member
int -
Foreign key
reference ke
tabel member
field id_member
4. File kota a. Nama Tabel : Tabel kota
b. Primary Key : id_kota c. Jumlah Field : 3
d. Foreign Key : id_provinsi e. Keterangan : Tabel berisi data kota
Tabel 3.9 Tabel Kota Nama Field
Tipe Data Ukuran
Keterangan Id_kota
int -
Primary Key Nama_kota
Varchar 45
Nama kota Id_provinsi
Int -
Foreign key
reference ke tabel provinsi field id_
provinsi
Id_admin Int
- Foreign
key reference ke tabel
admin field
id_admin
5. File bank a. Nama Tabel : Tabel bank
b. Primary Key : id_bank
c. Jumlah Field : 2 d. Foreign Key : -
e. Keterangan : Tabel berisi data bank Tabel 3.10 Tabel Bank
Nama Field Tipe Data
Ukuran Keterangan
Id_bank int
- Primary Key
Nama_bank Varchar
45 Nama bank
Id_admin Int
- Foreign
key reference
ke tabel
admin field
id_admin
6. File jasa pengiriman a. Nama Tabel : Tabel jasa pengiriman
b. Primary Key : id_jasa_pengiriman c. Jumlah Field : 2
d. Foreign Key : - e. Keterangan : Tabel berisi data jasa pengiriman
Tabel 3.11 Tabel Jasa Pengiriman Nama Field
Tipe Data Ukuran
Keterangan Id_jasa_pengiriman
int -
Primary Key Nama_jasa_pengiriman Varchar
45 Nama
jasa pengiriman
Id_admin Int
- Foreign
key reference
ke tabel
admin field
id_admin
7. File merk a. Nama Tabel : Tabel merk
b. Primary Key : id_ merk
c. Jumlah Field : 2 d. Foreign Key : -
e. Keterangan : Tabel berisi data merk Tabel 3.12 Tabel merk
Nama Field Tipe Data
Ukuran Keterangan
Id_ merk int
- Primary Key
Nama_ merk Varchar
50 Nama merk
Id_admin Int
- Foreign
key reference
ke tabel
admin field
id_admin
8. File orders a. Nama Tabel : Tabel orders
b. Primary Key : id_ orders c. Jumlah Field : 27
d. Foreign Key : id_member, id_kategori_pengiriman, id_kota, id_ongkir, id_bank
e. Keterangan : Tabel berisi data orders Tabel 3.13 Tabel orders
Nama Field Tipe Data
Ukuran Keterangan
Id_orders int
- Primary Key
Status_order Varchar
45 Status order
Id_member int
- Foreign
key reference ke tabel
member field id_ member
Tgl_order Date
- Tanggal dipesan
Nama_t Varchar
45 Nama tujuan
Id_kota_t int
- Foreign
key reference ke tabel
kota field id_ kota Alamat_t
text -
Alamat tujuan
Kode_pos_t int
- Kode pos tujuan
Telepon Varchar
45 No telepon tujuan
Id_ongkir int
- Foreign
key reference ke tabel
ongkir field
id_ ongkir
Tgl_kirim date
- Tanggal
produk dikirim
Tgl_diterima date
- Tanggal
produk diterima
Tgl_batas_bayar date
- Tanggal batas bayar
Tgl_batas_retur date
- Tanggal batas retur
produk Total_bayar
double -
Grandtotal bayar Id_bank
date -
Foreign key
reference ke tabel bank field id_ bank
dibayar double
- Harga yang telah
dibayar Atas_nama
Varchar 50
Atas nama bank No_rekening
Varchar 50
Nomor rekening No_resi
Varchar 10
Nomor resi Paypal_transaksi
Varchar 100
Waktu_bayar datetime
Tanggal_bayar Paypal_email
Varchar 100
Email pembayar
Bayar_paypal double
- Harga yang dibayar
di paypal Kode
Varchar 3
Foreign key
reference ke tabel matauang field kode
jp Varchar
100 Jenis pembayaran
Id_admin Int
- Foreign
key reference ke tabel
admin field id_admin
9. File order detail a. Nama Tabel : Tabel order_detail
b. Primary Key : id_order_detail c. Jumlah Field : 4
d. Foreign Key : id_orders, id_produk
e. Keterangan : Tabel berisi data order_detail Tabel 3.14 Tabel order_detail
Nama Field Tipe Data
Ukuran Keterangan
Id_orders int
- Foreign
key reference
ke tabel
orders field
id_orders Id_produk
int -
Foreign key
reference ke
tabel produk
field id_produk
jumlah int
- Jumlah produk
yang dipesan
10. File kategori pengiriman a. Nama Tabel : Tabel kategori_pengiriman
b. Primary Key : id_ kategori_pengiriman c. Jumlah Field : 6
d. Foreign Key : id_jasa_pengiriman, id_kota e. Keterangan : Tabel berisi data kategori pengiriman
Tabel 3.15 Tabel kategori pengiriman Nama Field
Tipe Data Ukuran
Keterangan Id_kategori_pengiriman
int -
Primary Key Nama_kategori_pengiriman Varchar
45 Nama
kategori pengiriman
Id_jasa_pengiriman int
- Foreign
key reference
ke tabel
jasa pengiriman field
id_jasa_pengiri man
Id_kota int
- Foreign
key reference
ke tabel kota field
id_kota harga
double -
Biaya
pengiriman Id_admin
Int -
Foreign key
reference ke
tabel admin field id_admin
11. File warna a. Nama Tabel : Tabel warna
b. Primary Key : id_ warna c. Jumlah Field : 3
d. Foreign Key : - e. Keterangan : Tabel berisi data warna
Tabel 3.16 Tabel warna Nama Field
Tipe Data Ukuran
Keterangan Id_ warna
int -
Primary Key Nama_warna
varchar 50
Nama warna dihapus
varchar 50
Status dihapus Id_admin
Int -
Foreign key
reference ke
tabel admin
field id_admin
12. File provinsi
a. Nama Tabel : Tabel provinsi b. Primary Key : id_ provinsi
c. Jumlah Field : 2 d. Foreign Key : -
e. Keterangan : Tabel berisi data provinsi Tabel 3.17 Tabel provinsi
Nama Field Tipe Data
Ukuran Keterangan
Id_ provinsi int
- Primary Key
Nama_provinsi varchar
50 Nama provinsi
Id_admin Int
- Foreign
key reference
ke tabel
admin field
id_admin
13. File retur a. Nama Tabel : Tabel retur
b. Primary Key : id_ retur c. Jumlah Field : 4
d. Foreign Key : id_ retur e. Keterangan : Tabel berisi data retur
Tabel 3.18 Tabel retur Nama Field
Tipe Data Ukuran
Keterangan Id_ retur
int -
Primary Key Id_orders
int -
Foreign key
reference ke
tabel orders
field id_orders
Status_retur varchar
50 Status retur
Tgl_retur Datetime
- Tanggal retur
No_resi int
- No
resi pengirim
Id_admin Int
- Foreign
key reference
ke tabel
admin field
id_admin
14. File retur_detail a. Nama Tabel : Tabel retur_detail
b. Primary Key : id_ retur_detail c. Jumlah Field : 5
d. Foreign Key : id_ orders,id_retur,id_order_detail,id_produk e. Keterangan : Tabel berisi data retur_detail
Tabel 3.19 Tabel retur_detail Nama Field
Tipe Data Ukuran
Keterangan Id_ retur_detail
int -
Primary Key Id_retur
int -
Foreign key
reference ke
tabel retur
field id_retur
Id_order_detail int
- Foreign
key reference
ke tabel
order_detail field
id_order_detail Id_produk
int -
Foreign key
reference ke
tabel produk
field id_produk
jumlah int
- Jumlah produk
keluhan text
- keluhan
15. File ongkir a. Nama Tabel : Tabel ongkir
b. Primary Key : id_ ongkir c. Jumlah Field : 4
d. Foreign Key : id_ kota,id kategori pengiriman e. Keterangan : Tabel berisi data ongkir
Tabel 3.20 Tabel ongkir Nama Field
Tipe Data Ukuran
Keterangan Id_ ongkir
int -
Primary Key Id_kota
int -
Foreign key
reference ke tabel kota field id_kota
Id_kategori_pengiriman int
- Foreign
key reference ke tabel
kategori_pengiri man
field id_pengiriman
tarif double
- tarif
Id_admin Int
- Foreign
key reference ke tabel
admin field
id_admin
16. File produk a. Nama Tabel : Tabel produk
b. Primary Key : id_ produk c. Jumlah Field : 12
d. Foreign Key : id_ kategori,id_warna e. Keterangan : Tabel berisi data produk
Tabel 3.21 Tabel produk Nama Field
Tipe Data Ukuran
Keterangan Id_ produk
int -
Primary Key Nama_produk
varchar 50
Nama produk Id_merk
varchar 50
Foreign key
reference ke
tabel merk
field id_merk
deskripsi text
- Dekripsi
produk harga
int -
Harga produk Stok
int -
Stok produk Id_warna
int -
Foreign key
reference ke
tabel warna
field id_warna
berat float
- Berat produk
hits int
- dilihat
Tgl_masuk datetime
- Tanggal masuk
Last_update datetime
- Tanggal update
dibeli int
- dibeli
Id_admin Int
- Foreign
key reference
ke tabel
admin field
id_admin
17. File matauang a. Nama Tabel : Tabel matauang
b. Primary Key : kode c. Jumlah Field : 2
d. Foreign Key : - e. Keterangan : Tabel berisi data kurs
Tabel 3.22 Tabel matauang Nama Field
Tipe Data Ukuran
Keterangan kode
varchar 3
Primary Key kurs
double -
Nilai kurs Id_admin
Int -
Foreign key
reference ke tabel admin
field id_admin
3.2.2 Struktur Menu
Berikut ini adalah struktur menu Sistem penjualan online Toko Wallen Cell : a. Struktur Menu Pengunjung
home
registrasi member
profil Cara pemesanan,
pembayaran dan retur
Hubungi kami Semua
produk
Lupa password
merk
tracking
Gambar 3.25 Struktur Menu Pengunjung b. Struktur menu member
keranjang history
logout Edit akun
home login
profil Cara pemesanan
dan pembayaran Hubungi kami
Semua produk
merk
Gambar 3.26 Struktur Menu Member c. Struktur menu operator
login
Manajemen produk
Manajemen kota
Manajemen merk
Manajemen Orders
home
logout Manajemen
member
Manajemen hubungi
Manajemen kategori
pengiriman Manajemen
provinsi Manajemen
ongkir Manajemen
retur
Manajemen jasa
pengiriman
Gambar 3.27 Struktur Menu Operator
d. Struktur menu Admin
login
Manajemen admin
laporan home
logout
Gambar 3.28 Struktur Menu Admin
3.2.3 Perancangan Antar Muka
Interface atau antar muka merupakan tampilan dari suatu program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana
berdialog antara program dan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user.
Perancangan interface untuk sistem penjualan online Toko Wallen Cell adalah sebagai berikut :
1. Antar muka pengunjung a. Form home pengunjung
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
A01
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
Produk terbaru
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Gambar 3.29 Form Home Pengunjung
b. Form Semua Produk
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
A02
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
Semua Produk
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Gambar 3.30 Form Semua Produk
c. Form Cara Pembelian, Pembayaran dan retur
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A03
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Cara Pembelian, pembayaran dan retur teks
Gambar 3.31 Form Cara Pembelian, Pembayaran dan retur
d. Form Profil
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A04
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Profil teks
Gambar 3.32 Form Profil
e. Form Hubungi Kami
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A05
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Hubungi Kami teks
email subjek
nama pesan
masukan batal
Gambar 3.33 Form Hubungi Kami
f. Form Pendaftaran member baru
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A06
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Pendaftaran member baru nama
datftar ulang
username password
Ulangi password
alamat email
telepon provinsi
kota Kode pos
Gambar 3.34 Form Pendaftaran member baru
g. Form Lupa Password
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A07
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
teks
proses Masukan username anda
Masukan email anda
Gambar 3.35 Form Lupa Password
h. Detail Produk
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A08
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
gambar Teks
Data barang
beli Detail Produk
Gambar 3.36 Form Detail Produk
i. Keranjang
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A09
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Keranjang Anda no
Nama produk
jumla h
harga subtot
al hapus
hapus Lanjutkan
berbelanja checkout
berat warna Klik link keranjang belanja menuju ke
A09 Klik link selesai menuju ke A10
selesai
Gambar 3.37 Form Keranjang
2. Antar muka Member a. Form Pendaftaran Member Baru
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A06
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Pendaftaran member baru nama
datftar ulang
username password
Ulangi password
alamat email
telepon provinsi
kota Kode pos
Gambar 3.38 Pendaftaran Member Baru
b. Form Home sebelum Login
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
A01
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
Produk terbaru
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Gambar 3.39 Form Home Sebelum Login
c.
Form Home Sesudah Login
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami
merk Teks merk
Teks merk teks
Keranjang belanja Keranjang belanja
Banyak dilihat produk
Terlaku produk
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
A15
cari Klik link home menuju ke A15
Klik link semua produk menuju ke A16 Klik link cara pembelian, pembayaran dan
retur menuju ke A17 Klik link profil menuju ke A18
Klik link hubungi kami menuju ke A05 Klik link view produk menuju ke A19
Produk terbaru
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Menu My account
home Edit account
Ganti password My order
Keranjang belanja Lihat history pemesanan
Log out Klik link beli menuju ke A20
Gambar 3.40 Form Home Sesudah Login
d.
Form Semua Produk
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami
merk Teks merk
Teks merk teks
Keranjang belanja Keranjang belanja
Banyak dilihat produk
Terlaku produk
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
gambar Teks
Data barang
View produk
harga beli
A16
cari Semua produk
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Menu My account
home Ganti password
My order Keranjang belanja
Lihat history pemesanan Log out
Klik link home menuju ke A15 Klik link semua produk menuju ke A16
Klik link cara pembelian, pembayaran dan retur menuju ke A17
Klik link profil menuju ke A18 Klik link hubungi kami menuju ke A05
Klik link view produk menuju ke A19 Klik link beli menuju ke A20
Gambar 3.41 Form Semua Produk
e.
Form Cara Pembelian, pembayaran dan retur
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami
merk Teks merk
Teks merk teks
Keranjang belanja Keranjang belanja
Banyak dilihat produk
Terlaku produk
A17
cari
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Cara Pembelian, pembayaran dan retur teks
Klik link home menuju ke A15 Klik link semua produk menuju ke A16
Klik link cara pembelian, pembayaran dan retur menuju ke A17
Klik link profil menuju ke A18 Klik link hubungi kami menuju ke A05
Klik link view produk menuju ke A19 Menu
My account home
Ganti password My order
Keranjang belanja Lihat history pemesanan
Log out
Gambar 3.42 Form Cara Pembelian Cara Pembelian, pembayaran dan retur
f.
Form Profil
header Home
Semua produk
cara pembelian, pembayaran dan
retur profil
hubungi kami Login member
username password
login Daftar baru
Lupa password merk
Teks merk Teks merk
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A04
cari Klik link home menuju ke A01
Klik link semua produk menuju ke A02 Klik link cara pembelian, pembayaran dan
retur menuju ke A03 Klik link profil menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
footer
Keterangan :
Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px
logo Social network
Customer Service gambar
Tracking JNE No resi
Profil teks
Gambar 3.43 Form Profil
g.
Form Hubungi Kami
header Home
produk cara pembelian
profile hubungi kami
Login member username
password login
Daftar baru Lupa password
kategori Teks kategori
Teks kategori Teks kategori
teks Keranjang belanja
Banyak dilihat produk
Terlaku produk
A05
cari Klik link home menuju ke A01
Klik link produk menuju ke A02 Klik link cara pembelian menuju ke A03
Klik link profile menuju ke A04 Klik link hubungi kami menuju ke A05
Klik link daftar baru menuju ke A06 Klik link lupa password menuju ke A07
Klik link view produk menuju ke A08 Klik link keranjang menuju ke A09
Klik link selesai menuju ke A10 Klik link teks kategori menuju ke A11
Hubungi Kami
teks Keterangan :
Ukuran Layar : Dinamis Default 1366x768 Type ukuran Font : Times New Roman 10px
Customer Service gambar
keranjang selesai
teks
email subjek
nama pesan
masukan batal
Gambar 3.44 Form Hubungi Kami
h.
Form Keranjang
header Home
produk cara pembelian
profile hubungi kami
Login member username
password login
Daftar baru Lupa password
kategori Teks kategori
Teks kategori Teks kategori
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A09
cari Keranjang Anda
teks Keterangan :
Ukuran Layar : Dinamis Default 1366x768 Type ukuran Font : Times New Roman 10px
Customer Service gambar
Klik link home menuju ke A01 Klik link produk menuju ke A02
Klik link cara pembelian menuju ke A03 Klik link profile menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
Klik link keranjang menuju ke A09 Klik link selesai menuju ke A10
Klik link teks kategori menuju ke A11 Klik link lanjutkan berbelanja menuju ke A02
Klik link update menuju ke A09 no
Nama produk
jumlah harga subtotal hapus hapus
update Lanjutkan
berbelanja selesai
Gambar 3.45 Form Keranjang
i.
Form Alamat
header Home
produk cara pembelian
profile hubungi kami
Selamat Datang Profil
Member
kategori Teks kategori
Teks kategori Teks kategori
teks Keranjang belanja
Banyak dilihat produk
Terlaku produk
A10
cari Form Pengiriman
teks Keterangan :
Ukuran Layar : Dinamis Default 1366x768 Type ukuran Font : Times New Roman 10px
Customer Service gambar
keranjang selesai
Klik link home menuju ke A11 Klik link produk menuju ke A02
Klik link cara pembelian menuju ke A03 Klik link profile menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
Klik link keranjang menuju ke A09 Klik link selesai menuju ke A10
Klik link teks kategori menuju ke A02 Klik tombol kembali menuju ke A09
Klik lanjutkan menuju ke A11 Nama
Alamat Kode pos
kota lanjutkan
kembali
Gambar 3.46 Form Alamat
j.
Form Konfirmasi
header Home
produk cara pembelian
profile hubungi kami history
kategori Teks kategori
Teks kategori Teks kategori
teks Keranjang belanja
Keranjang belanja
Banyak dilihat produk
Terlaku produk
A11
cari Keranjang Anda
teks Keterangan :
Ukuran Layar : Dinamis Default 1366x768 Type ukuran Font : Times New Roman 10px
Customer Service gambar
Klik link home menuju ke A01 Klik link produk menuju ke A02
Klik link cara pembelian menuju ke A03 Klik link profile menuju ke A04
Klik link hubungi kami menuju ke A05 Klik link daftar baru menuju ke A06
Klik link lupa password menuju ke A07 Klik link view produk menuju ke A08
Klik link keranjang menuju ke A09 Klik link selesai menuju ke A10
Klik link teks kategori menuju ke A08 Klik link pesan menuju ke A12
Klik link kembali menuju ke A10 id
Nama produk
jumlah harga berat
total
kembali pesan
subtotal Total ongkos
Total Bayar Profil Member
Selamat Datang
Gambar 3.47 Form Konfirmasi
k.
Form Transaksi Selesai
header Home
produk cara pembelian
profile hubungi kami history
kategori Teks kategori
Teks kategori Teks kategori
teks Keranjang belanja
Banyak dilihat produk
Terlaku produk
A12
cari Klik link home menuju ke A01
Klik link produk menuju ke A02 Klik link cara pembelian menuju ke A03
Klik link profile menuju ke A04 Klik link hubungi kami menuju ke A05
Klik link daftar baru menuju ke A06 Klik link lupa password menuju ke A07
Klik link view produk menuju ke A08 Klik link keranjang menuju ke A09
Klik link selesai menuju ke A10 Klik link teks kategori menuju ke A11
Terima Kasih
teks Keterangan :
Ukuran Layar : Dinamis Default 1366x768 Type ukuran Font : Times New Roman 10px
Customer Service gambar
keranjang selesai
teks Profil Member
Selamat Datang
Gambar 3.48 Form Terima Kasih
l.
Form History Pemesanan
header Home
produk cara pembelian
profile hubungi kami history
kategori Teks kategori
Teks kategori Teks kategori
teks Keranjang belanja
Banyak dilihat produk
Terlaku produk
A13
cari Klik link home menuju ke A01
Klik link produk menuju ke A02 Klik link cara pembelian menuju ke A03
Klik link profile menuju ke A04 Klik link hubungi kami menuju ke A05
Klik link daftar baru menuju ke A06 Klik link lupa password menuju ke A07
Klik link view produk menuju ke A08 Klik link keranjang menuju ke A09
Klik link selesai menuju ke A10 Klik link teks kategori menuju ke A08
Klik link history menuju A13 history
teks Keterangan :
Ukuran Layar : Dinamis Default 1366x768 Type ukuran Font : Times New Roman 10px
Customer Service gambar
keranjang selesai
Profil Member Selamat Datang
no Id_orde
r status
Tangg al
order detail
detail
Gambar 3.49 Form history pemesanan
m.
Form History Pemesanan Detail
header Home
produk cara pembelian
profile hubungi kami history
kategori Teks kategori
Teks kategori Teks kategori
teks Keranjang belanja
Banyak dilihat produk
Terlaku produk
A14
cari Klik link home menuju ke A01
Klik link produk menuju ke A02 Klik link cara pembelian menuju ke A03
Klik link profile menuju ke A04 Klik link hubungi kami menuju ke A05
Klik link daftar baru menuju ke A06 Klik link lupa password menuju ke A07
Klik link view produk menuju ke A08 Klik link keranjang menuju ke A09
Klik link selesai menuju ke A10 Klik link teks kategori menuju ke A08
Klik link history menuju A13 Klik link detail menuju A14
Detail history
teks Keterangan :
Ukuran Layar : Dinamis Default 1366x768 Type ukuran Font : Times New Roman 10px
Customer Service gambar
keranjang selesai
Profil Member Selamat Datang
Id_pro duk
produk jumlah harga
Gambar 3.50 Form history pemesanan detail
3. Antar muka operator a. Form Login
username password
login Lupa password
header
gambar
footer Silahkan Login Terlebih Dahulu
Klik link login menuju B02 Klik Lupa password menuju C09
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B01
Gambar 3.51 Form login
b. Form lupa password
username email
proses header
gambar
footer teks
Klik link kirim akan mengiriman password ke email.
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C09
Gambar 3.52 Form lupa password
c. Form home operator
header
footer admin, selamat datang
Apa yang akan anda lakukan hari ini? Klik home menuju B02
Klik detail menuju B03 Klik ubah status menuju B04
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B02
Home Pengolahan Data Master
Transaksi
10 Orde Terkahir Id Order
Nama Member Status Order
Tanggal Order Aksi
Detail Daftar ID Order
Daftar Nama Member Daftar Status Order
Daftar Tanggal Order Ubah Status
Logout
Gambar 3.53 Form home operator
d. Form Home Aksi-Detail
header
Isi Detail Order
footer Detail Order
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah status menuju B04
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B03
Home Pengolahan Data Master
Logout
Kembali Transaksi
Gambar 3.54 Form Home Aksi-Detail
e. Form Aksi Ubah-Status
header
footer Manajemen Pesanan
Klik kembali menuju B02 Klik home menuju B02
Klik ubah status menuju B04 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B04
Home Pengolahan Data Master
Logout
Simpan Transaksi
Kembali ID Order
Nama Member Status Order
Tanggal Order
Gambar 3.55 Form Aksi Ubah-Status
f. Form Manajemen produk
header
footer Total produk : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B04
Klik tambah menuju B06 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B05
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List produk
No Gambar
Nama Stok
Last Update Aksi
Harga Transaksi
Hits Ubah
Hapus
Gambar 3.56 Form manajemen produk
g. Form tambah produk
header
footer Klik batal menuju B02
Klik home menuju B02 Klik simpan menuju B05
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B06
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama
produk harga
berat deskripsi
stok gambar
merk warna
kg
Gambar 3.57 Form tambah produk
h. Form Edit Produk
header
footer Klik batal menuju B02
Klik home menuju B02 Klik simpan menuju B05
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B07
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama
produk harga
berat deskripsi
stok gambar
merk
warna kg
Gambar 3.58 Form Edit Produk
i. Form Manajemen Merk
header
footer Total merk : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B04
Klik tambah menuju B06 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B08
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List Merk
No merk
Aksi Transaksi
Ubah Hapus
Gambar 3.59 Form Manajemen Merk
j. Form Tambah Merk
header
footer Klik batal menuju B02
Klik home menuju B02 Klik detail menuju B03
Klik ubah menuju B04 Klik simpan menuju B09
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B09
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama merk
Form Tambah Merk
Gambar 3.60 Form Tambah Merk
k. Form Edit Merk
header
footer Klik batal menuju B02
Klik home menuju B02 Klik detail menuju B03
Klik ubah menuju B04 Klik simpan menuju B09
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B10
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama merk
Form Edit Merk
Gambar 3.61 Form Edit Merk
l. Form manajemen warna
header
footer Total warna : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B13
Klik tambah menuju B06 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B11
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List warna
No Nama warna
Aksi Transaksi
Ubah Hapus
Gambar 3.62 Form manajemen warna
m. Form tambah warna
header
footer Klik batal menuju B11
Klik home menuju B02 Klik detail menuju B03
Klik ubah menuju B04 Klik simpan menuju B11
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B12
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama warna
Form Tambah warna
Gambar 3.63 Form tambah warna
n. Form edit warna
header
footer Klik batal menuju B11
Klik home menuju B02 Klik detail menuju B03
Klik ubah menuju B04 Klik simpan menuju B11
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B13
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama warna
Form Edit warna
Gambar 3.64 Form edit warna
o. Form Manajemen Bank
header
footer Total bank : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B16
Klik tambah menuju B15 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B14
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List bank
No Nama bank
Aksi Transaksi
Ubah Hapus
Gambar 3.65 Form Manajemen Bank
p. Form Tambah Bank
header
footer Klik batal menuju B14
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B14 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B15
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama bank
Form Tambah bank
Gambar 3.66 Form Tambah Bank
q. Form Edit Bank
header
footer Klik batal menuju B14
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B14 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B16
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama bank
Form Edit bank
Gambar 3.67 Form Edit Bank
r. Form Kurs
header
footer Klik kembali menuju B02
Klik home menuju B02 Klik detail menuju B03
Klik masukan menuju B02 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B17
Home Pengolahan Data Master
Logout
masukan kembali
Transaksi Kurs yang sedang dipakai
Form Tambah kurs Rp.
Masukan kurs saat ini Rp.
Http:www.bni.co.id
Gambar 3.68 Form Kurs
s. Form Manajemen Jasa Pengiriman
header
footer Total jasa pengiriman : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B20
Klik tambah menuju B19 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B18
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List jasa pengiriman
No Nama jasa pengiriman
Aksi Transaksi
Ubah Hapus
Gambar 3.69 Form Manajemen Jasa Pengiriman
t. Form Tambah Jasa Pengiriman
header
footer Klik batal menuju B18
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B18 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B19
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama jasa pengiriman
Form Tambah jasa pengiriman
Gambar 3.70 Form Tambah Jasa Pengiriman
u. Form Edit Jasa Pengiriman
header
footer Klik batal menuju B18
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B18 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B20
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama jasa pengiriman
Form Edit jasa pengiriman
Gambar 3.71 Form Edit Jasa Pengiriman
v. Form Manajemen Kategori Pengiriman
header
footer Total kategori pengiriman : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B23
Klik tambah menuju B22 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B21
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List kategori pengiriman
No Nama kategori pengiriman
Aksi Transaksi
Ubah Hapus
Nama Jasa Pengiriman
Gambar 3.72 Form Manajemen Kategori Pengiriman
w. Form Tambah Kategori Pengiriman
header
footer Klik batal menuju B21
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B21 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B22
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi
Nama jasa pengiriman Form Tambah kategori pengiriman
Nama kategori pengiriman
Gambar 3.73 Form Tambah Kategori Pengiriman
x. Form Edit Kategori Pengiriman
header
footer Klik batal menuju B21
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B21 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B23
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi
Nama jasa pengiriman Form Tambah kategori pengiriman
Nama kategori pengiriman
Gambar 3.74 Form Edit Kategori Pengiriman
y. Form Manajemen Member
header
footer Total member : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik edit menuju B26
Klik tambah menuju B25 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B24
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List Member
No Nama Member
Email Tgl reg
Aksi Status Blok
edit
Gambar 3.75 Form Manajemen Member
z. Form Tambah Member
header
footer Klik batal menuju B24
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B24 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B25
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Form Tambah Member
nama username
password Ulangi
password alamat
email telepon
provinsi kota
Kode pos
Gambar 3.76 Form Tambah Member
aa. Form Edit Member
header
footer Klik batal menuju B24
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B24 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B26
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Form Edit Member
nama username
password Ulangi
password alamat
email telepon
provinsi kota
Kode pos
Gambar 3.77 Form Edit Member
bb. Form manajemen kota
header
footer Total kota: buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B29
Klik tambah menuju B28 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B27
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List kota
No Nama kota
Aksi Transaksi
Ubah Hapus
Gambar 3.78 Form manajemen kota
cc. Form tambah kota
header
footer Klik batal menuju B27
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B27 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B28
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama kota
Form Tambah kota Pilih Provinsi
Gambar 3.79 Form tambah kota
dd. Form Edit Kota
header
footer Klik batal menuju B27
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B27 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B29
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama kota
Form edit kota
Gambar 3.80 Form Edit Kota
ee. Form Manajemen Provinsi
header
footer Total provinsi: buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B32
Klik tambah menuju B31 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B30
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List provinsi
No Nama provinsi
Aksi Transaksi
Ubah Hapus
Gambar 3.81 Form Manajemen Provinsi
ff. Form Tambah Provinsi
header
footer Klik batal menuju B30
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B30 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B31
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama provinsi
Form Tambah provinsi
Gambar 3.82 Form Tambah Provinsi
gg. Form Edit Provinsi
header
footer Klik batal menuju B30
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B30 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B32
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Nama provinsi
Form Tambah provinsi
Gambar 3.83 Form Edit Provinsi
hh. Form Manajemen Ongkos Kirim
header
footer Total ongkir : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B35
Klik tambah menuju B34 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B33
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List ongkos kirim
No Kategori pengiriman
Aksi Transaksi
Ubah Hapus
Kota Tujuan tarif
Gambar 3.84 Form Manajemen Ongkos Kirim
ii. Form Tambah Ongkos Kirim
header
footer Klik batal menuju B33
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B33 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B34
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi Kategori pengiriman
Form Tambah ongkir provinsi
Kota Tarif
Gambar 3.85 Form Tambah Ongkos Kirim
jj. Form Edit Ongkos Kirim
header
footer Klik batal menuju B33
Klik home menuju B02 Klik detail menuju B03
Klik simpan menuju B33 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen KP menuju B21 Klik manajemen member menuju B24
Klik manajemen kota menuju B27 Klik manajemen provinsi menuju B30
Klik manajemenongkir menuju B33 Klik manajemen hubungi menuju B36
Klik bakcup menuju B37 Klik restore menuju B38
Klik transaksi semua pesanan menuju B39 Klik dibayar menuju B40
Klik dikirm menuju B41 Klik diterima menuju B42
Klik manajemen retur menuju B43 Klik detail retur menuju B44
Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B35
Home Pengolahan Data Master
Logout
Simpan Batal
Transaksi
Kategori pengiriman Form edit ongkir
Kota Tarif
Gambar 3.86 Form Edit Ongkos Kirim
kk. Form Manajemen Hubungi
header
footer Total hubungi : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B03 Klik ubah menuju B35
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B36
Home Pengolahan Data Master
Logout Cari
gambar
Kembali List pesan
No email
Aksi Transaksi
Hapus subjek
pesan nama
Tgl
Gambar 3.87 Form Manajemen Hubungi
ll. Backup
header
footer Klik home menuju B02
Klik ubah menuju B35 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen Kategori Pengiriman menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B37
Home Pengolahan Data Master
Logout Cari
gambar
Backup database Transaksi
Proses bakcup database
Gambar 3.88 Backup
mm. Restore
header
footer Klik home menuju B02
Klik ubah menuju B35 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen Kategori Pengiriman menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B38
Home Pengolahan Data Master
Logout Cari
gambar
restore database Transaksi
restore database File backup
database .sql browse
Gambar 3.89 Restore
nn. Form manajemen orders-semua pesanan
header
footer Total order : buah
Klik home menuju B02 Klik ubah status menuju B35
Klik detail menuju B35 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen Kategori Pengiriman menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B39
Home Pengolahan Data Master
Logout Cari
gambar
Kembali Manajemen pesanan
No Status order
Aksi Transaksi
detail Ubah status
Tgl order tarif
Id order Nama member
Cari order berdasarkan
Gambar 3.90 Form manajemen orders-semua pesanan
oo. Form manajemen orders-pesanan dibayar
header
footer Total order : buah
Klik home menuju B02 Klik ubah status menuju B35
Klik detail menuju B35 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen Kategori Pengiriman menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B40
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali Manajemen pesanan
No Status order
Aksi Transaksi
detail Ubah status
Tgl order tarif
Id order Nama member
Cari order berdasarkan
Gambar 3.91 Form manajemen orders-pesanan dibayar
pp. Form manajemen orders-pesanan dikirim
header
Manajemen Produk Manajemen Kategori
Manajemen kota Manajemen komentar
Manajemen Orders Manajemen Jasa
Pengiriman Manajemen Kategori
Pengiriman Manajemen Member
Manajemen Bank Logout
footer Klik link manajemen produk menuju B04
Klik link manajemen kategori menuju B05 Klik link manajemen kota menuju B06
Klik link manajemen komentar menuju B07 Klik link manajemen orders menuju B08
Klik link manajemen jasa pengiriman menuju B09
Klik link manajemen kategori pengiriman menuju B10
Klik link manajemen member menuju B11 Klik link manajemen bank menuju B12
Klik link batal menuju B03
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B16
Tambah jasa
pengiriman
tambah batal
nama deskripsi
Gambar 3.92 Form manajemen orders-pesanan dikirim
qq. Form manajemen orders-pesanan diterima
header
footer Total order : buah
Klik home menuju B02 Klik ubah status menuju B35
Klik detail menuju B35 Klik Logout menuju B01
Klik Manajemen Produk menuju B05 Klik manajemen merk menuju B08
Klik warna menuju B11 Klik manahemen bank menuju B14
Klik kurs menuju B17 Klik manajemen jasa pengiriman menuju B18
Klik manajemen Kategori Pengiriman menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B41
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali Manajemen pesanan
No Status order
Aksi Transaksi
detail Ubah status
Tgl order tarif
Id order Nama member
Cari order berdasarkan
Gambar 3.93 Form manajemen orders-pesanan diterima
rr. Form Manajemen Retur
header
footer Total retur : buah
Klik kembali menuju B02 Klik home menuju B02
Klik detail menuju B44 Klik ubah status menuju B45
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B43
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali Manajemen pesanan
No Aksi
Transaksi
detail Ubah status
Tgl retur No resi
Id order Status retur
Cari order berdasarkan
Gambar 3.94 Form Manajemen Retur
ss. Form Detail Retur
header
footer Klik kembali menuju B44
Klik home menuju B02 Klik detail menuju B44
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B44
Home Pengolahan Data Master
Logout Cari
gambar
Kembali Manajemen pesanan
No Transaksi
alasan Nama produk
jumlah Cari order berdasarkan
Gambar 3.95 Form Detail Retur
tt. Form Ubah Status
header
footer Klik kembali menuju B43
Klik simpan menuju B43 Klik home menuju B02
Klik Logout menuju B01 Klik Manajemen Produk menuju B05
Klik manajemen merk menuju B08 Klik warna menuju B11
Klik manahemen bank menuju B14 Klik kurs menuju B17
Klik manajemen jasa pengiriman menuju B18 Klik manajemen KP menuju B21
Klik manajemen member menuju B24 Klik manajemen kota menuju B27
Klik manajemen provinsi menuju B30 Klik manajemenongkir menuju B33
Klik manajemen hubungi menuju B36 Klik bakcup menuju B37
Klik restore menuju B38 Klik transaksi semua pesanan menuju B39
Klik dibayar menuju B40 Klik dikirm menuju B41
Klik diterima menuju B42 Klik manajemen retur menuju B43
Klik detail retur menuju B44 Klik ubah status menuju B45
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px B45
Home Pengolahan Data Master
Logout
Simpan kembali
Transaksi Id retur
Ubah Status Retur Status retur
Tgl retur No res pengiriman
Gambar 3.96 Form Ubah Status
4. Antar muka Admin a. Form login
username password
login Lupa password
header
gambar
footer Silahkan Login Terlebih Dahulu
Klik link login menuju C02 Klik Lupa password menuju C09
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C01
Gambar 3.97 Form login
b. Form Home Admin
header
footer Superadmin, selamat datang
Apa yang akan anda lakukan hari ini? Klik home menuju C02
Klik home aksi-detail menuju C03 Klik Manajemen User menuju C04
Klik Laporan Stok menuju C05 Klik Laporan Stok-Proses menuju C06
Klik Laporan Penjualan menuju C07 Klik Laporan Penjualan-Proses menuju C08
Klik logout menuju C02
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C02
Home Pengolahan Data Master
Logout
10 Orde Terkahir Id Order
Nama Member Status Order
Tanggal Order Aksi
Detail Daftar ID Order
Daftar Nama Member Daftar Status Order
Daftar Tanggal Order
Gambar 3.98 Form home Admin
c. Form aksi-detail
header
Isi Detail Order
footer Detail Order
Klik home menuju C02 Klik home aksi-detail menuju C03
Klik Manajemen User menuju C04 Klik Laporan Stok menuju C05
Klik Laporan Stok-Proses menuju C06 Klik Laporan Penjualan menuju C07
Klik Laporan Penjualan-Proses menuju C08 Klik kembali menuju C02
Klik logout menuju C02
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C03
Home Pengolahan Data Master
Logout
Kembali
Gambar 3.99 Form aksi-detail
d. Form Manajemen Operator
header
footer Total admin : buah
Klik home menuju C02 Klik home aksi-detail menuju C03
Klik Manajemen User menuju C04 Klik Laporan Stok menuju C05
Klik Laporan Stok-Proses menuju C06 Klik Laporan Penjualan menuju C07
Klik Laporan Penjualan-Proses menuju C08 Klik kembali menuju C02
Klik logout menuju C02
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C04
Home Pengolahan Data Master
Logout
Tambah Cari
gambar
Kembali List Admin
No Nama Admin
Username Email
Level Aksi
Password ubah
hapus
Gambar 3.100 Form manajemen operator
e. Form Laporan Stok
header
footer Klik home menuju C02
Klik home aksi-detail menuju C03 Klik Manajemen User menuju C04
Klik Laporan Stok menuju C05 Klik Laporan Stok-Proses menuju C06
Klik Laporan Penjualan menuju C07 Klik Laporan Penjualan-Proses menuju C08
Klik Proses menuju C06 Klik logout menuju C02
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C05
Home Pengolahan Data Master
Logout Laporan Stok Barang
Dari Tanggal Sampai
Proses
Gambar 3.101 Form manajemen laporan
f. Form Laporan Stok-proses
header
footer Klik home menuju C02
Klik home aksi-detail menuju C03 Klik Manajemen User menuju C04
Klik Laporan Stok menuju C05 Klik Laporan Stok-Proses menuju C06
Klik Laporan Penjualan menuju C07 Klik Laporan Penjualan-Proses menuju C08
Klik Proses menuju C06 Klik logout menuju C02
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C06
Home Pengolahan Data Master
Logout Laporan Stok Barang
No Nama
ID Stok
Tanggal Masuk Harga
Total Produk = buah Total Stok = buah
Gambar 3.102 Form laporan stok-proses
g. Form Laporan Penjualan
header
footer Klik home menuju C02
Klik home aksi-detail menuju C03 Klik Manajemen User menuju C04
Klik Laporan Stok menuju C05 Klik Laporan Stok-Proses menuju C06
Klik Laporan Penjualan menuju C07 Klik Laporan Penjualan-Proses menuju C08
Klik Proses menuju C08 Klik logout menuju C02
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C07
Home Pengolahan Data Master
Logout Laporan Penjualan
Dari Tanggal Sampai
Proses Status Order :
--Pilih status --
Gambar 3.103 Form Laporan penjualan
h. Form Laporan Penjualan Proses
header
footer Klik home menuju C02
Klik home aksi-detail menuju C03 Klik Manajemen User menuju C04
Klik Laporan Stok menuju C05 Klik Laporan Stok-Proses menuju C06
Klik Laporan Penjualan menuju C07 Klik Laporan Penjualan-Proses menuju C08
Klik Proses menuju C08 Klik logout menuju C02
Keterangan : Ukuran Layar : Dinamis Default 1366x768
Type ukuran Font : Times New Roman 10px C08
Home Pengolahan Data Master
Logout Laporan Penjualan
No Faktur
Nama Produk Total Bayar
Tanggal Order Jumlah
Jumlah Pesanan yang : Buah
Gambar 3.104 Form laporan penjualan proses
3.2.4 Perancangan Pesan
Perancangan pesan merupakan pesan pesan yang akan ditampilkan di sistem ketika sistem digunakan. Pesan yang ada di aplikasi ini adalah sebagai
berikut :
OK Username atau password
salah, silahkan coba lagi M01
OK Maaf, Username Telah
Digunakan M02
OK Maaf, Username Telah
Digunakan M03
OK Aktivasi account telah
dikirim kan ke email Anda, Silahkan cek email Anda
M04 OK
Anda tidak punya akses terhadap halaman ini
M05 OK
Maaf, admin yang Anda coba masukan sudah ada
di sistem M06
OK admin sudah tersimpan
M07 OK
Apakah Anda benar-benar akan menghapus ?
M08 OK
bank sudah tersimpan M09
OK Barang Sudah Tersimpan
M10 OK
Jasa pengiriman sudah tersimpan
M11 OK
Kategori pengiriman sudah tersimpan
M12
OK Maaf, jasa pengiriman
yang Anda coba masukan sudah ada di sistem
M13 OK
Maaf, kota yang Anda coba masukan sudah ada
di sistem M14
OK kota sudah tersimpan
M15
OK Maaf, member yang Anda
coba masukan sudah ada di sistem
M16 OK
Member Sudah Tersimpan M17
OK Maaf, merk yang Anda
coba masukan sudah ada di sistem
M18
OK merk sudah tersimpan
M19 OK
Maaf, ongkir yang Anda coba masukan sudah ada
di sistem M20
OK ongkir Sudah Tersimpan
M21
Gambar 3.105 perancangan pesan
3.2.5 Jaringan Semantik
1. Jaringan semantic pengunjung
A01 A02
A03
A04 A05
A06 A07
A08
M01,M04,M09
M01, M02,M03,M04,M05,M06,M07
,M08,M09,M10.M11 ,M12,M13,M14
M04,M09
Gambar 3.106 semantik pengunjung
2. Jaringan semantic member
A01 A06
A11
A02 A03
A04
A09 A12
A13 A14
M01, M02,M03,M04,M05,M06,M07
,M08,M09,M10.M11 ,M12,M13,M14
A05 M04,M09
Gambar 3.107 semantik member
3. Jaringan semantic operator
B01
B02 B03
B18 B05
B08 B17
B27
B11 B14
B21 B24
B19 B06
B09 B12
B15 B22
B25 B30
B33 B37
B38
B07 B10
B13 B16
B20 B23
B26 B29
B28 B32
B31 B35
B34 M01
M03,M04
M03,M04 M05,M06
M07,M08 M09,M10
M10,M11 M10,M11
M12,M13 M14,M15
M19,M20 M14,M16
M06,M07 M06,M07
M06,M07 M06,M07
M06,M07 M06,M07
M06,M07 M02,M05
M14,13 M05,M15
Gambar 3.108 Semantik Operator 4. Jaringan semantic Admin
C01
C02
C04 C05
C03
M01, M02,M03,M04,M05,M09,M10
.M11
Gambar 3.109 Semantik Admin
3.2.6 Perancangan Prosedural Algoritma
Perancangan prosedural flowchart adalah tata cara atau urutan langkah- langkah untuk melakukan suatu proses. Flowchart yang akan dijelaskan, yaitu:
3.2.6.1 Perancangan Prosedural Login
Flowchart login menggambarkan langkah-langkah yang dilakukan oleh
Admin dan member untuk melakukan proses login agar dapat masuk ke dalam aplikasi yang dibangun.
Validasi Username password
Memasukan Username dan
Password Login Salah
Masuk ke Menu Utama
Login Benar Mulai
Selesai
Gambar 3.110 Flowchart Login
3.2.6.2 Flowchart Penambahan Data
Flowchart penambahan data menggambarkan langkah-langkah yang
dilakukan oleh Admin untuk melakukan penambahan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses penambahan data dapat dilihat
pada gambar dibawah.
Mulai
Memasukkan data
Proses Penyimpanan Data
Validasi inputan
Menampilkan Pesan
kesalahan salah
benar
gagal
Menampilkan Pesan Data
berhasil Disimpan
berhasil
selesai
Gambar 3.111 Flowchart Penambahan Data
3.2.6.3 Flowchart Perubahan Data
Flowchart perubahan data menggambarkan langkah-langkah yang
dilakukan oleh Admin untuk melakukan perubahan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses perubahan data dapat dilihat
pada gambar dibawah.
Mulai
Data yang akan diubah
Cari data
Data ditemukan?
Data ketemu
Selesai Tampilan pesan
data tidak ketemu tidak
ya
Ubah Data
Simpan data Data yang
sudah diubah tersimpan
Gambar 3.112 Flowchart Perubahan Data
3.2.6.4 Flowchart Pencarian Data
Flowchart pencarian data menggambarkan langkah-langkah yang
dilakukan oleh Admin dan member untuk melakukan pencarian data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses pencarian data dapat
dilihat pada gambar dibawah.
Mulai
Data yang akan dicari
Cari data
Data ditemukan?
Selesai Tampilan pesan
data tidak ketemu tidak
ya Menampilkan data
yang dicari
Data yang dicari
Gambar 3.113 Flowchart Pencarian Data
3.2.6.5 Flowchart Penghapusan Data
Flowchart pencarian data menggambarkan langkah-langkah yang
dilakukan oleh Admin untuk melakukan penghapusan data pada aplikasi yang dibangun. Adapun gambaran flowchart dari proses penghapusan data dapat dilihat
pada gambar dibawah.
mulai Input Data
yang akan dihapus
Validasi inputan
salah Menampilkan
pesan kesalahan
benar Pesan
persetujuan
tidak Menampilkan
Pesan data Berhasil
dihapus
Selesai Proses Hapus
Data ya
berhasil gagal
Gambar 3.114 Flowchart Penghapusan Data
3.2.6.6 Flowchart pemesanan
Flowchart pembelian menggambarkan langkah-langkah yang dilakukan
oleh member untuk membeli sebuah produk. Adapun gambaran flowchart dari proses pembelian dapat dilihat pada gambar dibawah.
Mulai
Pilih Produk yang akan
dipesan
Pesan lagi ?
Selesai Ya
Tidak
Data Order
Gambar 3.115 Flowchart Pembelian
3.2.6.7 Flowchart perubahan password
Member dan admin menginputkan data kata sandipassword, kemudian memproses, apabila valid maka data kata sandi password baru akan masuk ke
database, jika tidak valid maka ulangi kembali.
Mulai
Input data kata sandi
Valid
Selesai Ya
Tidak Ubah data kata
sandi
Pengubahan kata sandi
berhasil Memasukkan data
yang diubah ke database
Gambar 3.116 flowchart perubahan password
3.2.7 Perancangan SEO Search Engine Optimation
Metode SEO yang digunakan pada aplikasi yang akan dibuat ini adalah sebagai berikut:
1. Membuat Tag title dan Meta tags a. Tag Description, berisikan deskripsi yang berhubungan dengan aplikasi ini.
meta name=”description” content=” www.wallencell.com
menjual produk handphone termurah.
” b. Tag keywords, berisi kata kunci yang sesuai dengan aplikasi ini.
meta name=”keywords” content=”hape baru, hape murah” c. Tag Robots, tag ini untuk memberitahukan ke crawl agar melakukan
pengindexan atau tidak. meta name=”robot” content=”index, follow”
meta name=”googlebot” content=”index, follow” meta name=”msnbot” content=”index, follow”
d. Tag title, tag title akan ditampilkan di kiri atas suatu browser. Isi title dengan kalimat yang berhubungan dengan aplikasi ini.
title Halaman Utama Tokotitle
meta name=”title” content=”Hape murah, hape baru” 2. Memakai file htaccses untuk mengoptimasi pencarian di google.
192
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakukan setelah perancangan selesai dilakukan dan
selanjutnya akan diimplementasikan pada bahasa pemrograman. Setelah implementasi maka dilakukan pengujian terhadap sistem yang baru dan akan
dilihat kekurangan-kekurangannya pada website yang baru untuk pengembangan selanjutnya.
4.1 Implementasi Sistem
Implementasi merupakan tahap menerjemahkan perancangan berdasarkan hasil analisis.
4.1.1 Implementasi Perangkat Lunak
Perangkat lunak Software yang dipasang pada sistem komputer yang digunakan untuk membangun website ini adalah sebagai berikut:
Tabel 4.1 Implementasi Perangkat Lunak No
Perangkat Lunak Keterangan
1 Sistem Operasi
Windows 7 Professional 2
PHP Bahasa Pemrograman
3 MySQL
Penyimpanan Database 4
PhpMyAdmin Interface Database
5 WampServer 2.1
Web Server
6 Adobe Dreamweaver CS5
Kode dan Perancangan Tampilan 7
Mozilla Firefox Web
Browser
4.1.2 Perangkat Keras Yang Digunakan
Selain perangkat lunak software juga dibutuhkan keberadaan perangkat keras hardware, kebutuhan minimum yang diperlukan agar dapat membangun
sistem ini dengan spesifikasi sebagai berikut: Tabel 4.2 Analisis Perangkat Keras
No Perangkat Keras Spesifikasi
1 Processor
Intel dual core 2.2 GHz 2
RAM 2048 MB
3 Harddisk
320 Gb 4
Mouse -
5 Keyboard
- 6
monitor 14 inch
4.2 Implementasi Basis Data
Pembuatan database
dilakukan dengan
menggunakan aplikasi
PHPMyAdmin. Implementasi database dalam bahasa SQL adalah sebagai berikut:
1. Tabel Admin
CREATE TABLE `Admin` `id_Admin` INT11 NOT NULL AUTO_INCREMENT ,
`nama_Admin` VARCHAR50 NOT NULL , `username` VARCHAR50 NOT NULL ,
`password` VARCHAR50 NOT NULL , `email` VARCHAR50 NOT NULL ,
`level` ENUMsuperAdmin,Admin NOT NULL DEFAULT Admin , PRIMARY KEY `id_Admin` ,
UNIQUE INDEX `username` `username` ASC, `email` ASC ENGINE = InnoDB
AUTO_INCREMENT = 6 DEFAULT CHARACTER SET = latin1;
2.
Tabel Bank
CREATE TABLE `bank` `id_bank` INT11 NOT NULL AUTO_INCREMENT ,
`nama_bank` VARCHAR50 NOT NULL , PRIMARY KEY `id_bank`
ENGINE = InnoDB
AUTO_INCREMENT = 7 DEFAULT CHARACTER SET = latin1;
3. Tabel Hubungi
CREATE TABLE `hubungi` `id_hubungi` INT11 NOT NULL AUTO_INCREMENT ,
`nama` VARCHAR50 NOT NULL , `email` VARCHAR50 NOT NULL ,
`subjek` VARCHAR50 NOT NULL , `pesan` TEXT NOT NULL ,
`tgl` DATETIME NOT NULL , PRIMARY KEY `id_hubungi`
ENGINE = InnoDB DEFAULT CHARACTER SET = latin1;
4.
Tabel Jasa_pengiriman
CREATE TABLE `jasa_pengiriman` `id_jasa_pengiriman` INT11 NOT NULL AUTO_INCREMENT ,
`nama_jasa_pengiriman` VARCHAR50 NOT NULL , PRIMARY KEY `id_jasa_pengiriman`
ENGINE = InnoDB AUTO_INCREMENT = 6
DEFAULT CHARACTER SET = latin1; 5.
Tabel Kategori_pengiriman
CREATE TABLE `kategori_pengiriman` `id_kategori_pengiriman` INT11 NOT NULL AUTO_INCREMENT ,
`nama_kategori_pengiriman` VARCHAR50 NOT NULL , `id_jasa_pengiriman` INT11 NOT NULL ,
PRIMARY KEY `id_kategori_pengiriman` , INDEX `id_jasa_pengiriman` `id_jasa_pengiriman` ASC ,
CONSTRAINT `kategori_pengiriman_ibfk_1` FOREIGN KEY `id_jasa_pengiriman`
REFERENCES `webwallen`.`jasa_pengiriman` `id_jasa_pengiriman` ON DELETE NO ACTION
ON UPDATE CASCADE ENGINE = InnoDB
AUTO_INCREMENT = 3 DEFAULT CHARACTER SET = latin1;
6.
Tabel Kota
CREATE TABLE `kota` `id_kota` INT11 NOT NULL AUTO_INCREMENT ,
`nama_kota` VARCHAR50 NOT NULL , `id_provinsi` INT11 NOT NULL ,
PRIMARY KEY `id_kota` , INDEX `id_provinsi` `id_provinsi` ASC ,
CONSTRAINT `kota_ibfk_1` FOREIGN KEY `id_provinsi`
REFERENCES `webwallen`.`provinsi` `id_provinsi` ON DELETE NO ACTION
ON UPDATE CASCADE ENGINE = InnoDB
AUTO_INCREMENT = 99 DEFAULT CHARACTER SET = latin1;
7.
Tabel Member
CREATE TABLE `member` `id_member` INT11 NOT NULL AUTO_INCREMENT ,
`nama_member` VARCHAR50 NOT NULL , `username` VARCHAR50 NOT NULL ,
`password` VARCHAR50 NOT NULL , `alamat` TEXT NOT NULL ,
`email` VARCHAR50 NOT NULL , `telepon` VARCHAR20 NOT NULL ,
`id_kota` INT11 NOT NULL , `kode_pos` VARCHAR6 NOT NULL ,
`block` ENUMya,tidak NOT NULL DEFAULT ya , `tgl_reg` DATETIME NOT NULL ,
`last_login` DATETIME NOT NULL , `kode_verifikasi` VARCHAR50 NOT NULL ,
PRIMARY KEY `id_member` , UNIQUE INDEX `username` `username` ASC, `email` ASC ,
INDEX `id_kota` `id_kota` ASC , CONSTRAINT `member_ibfk_1`
FOREIGN KEY `id_kota` REFERENCES `webwallen`.`kota` `id_kota`
ON DELETE NO ACTION ON UPDATE CASCADE
ENGINE = InnoDB AUTO_INCREMENT = 17
DEFAULT CHARACTER SET = latin1; 8.
Tabel Merk
CREATE TABLE `merk` `id_merk` INT11 NOT NULL AUTO_INCREMENT ,
`nama_merk` VARCHAR50 NOT NULL , PRIMARY KEY `id_merk`
ENGINE = InnoDB AUTO_INCREMENT = 11
DEFAULT CHARACTER SET = latin1; 9.
Tabel Ongkir
CREATE TABLE `ongkir`
`id_ongkir` INT11 NOT NULL AUTO_INCREMENT , `id_kota` INT11 NOT NULL ,
`id_kategori_pengiriman` INT11 NOT NULL , `tarif` DOUBLE NOT NULL ,
PRIMARY KEY `id_ongkir` , INDEX `id_kota` `id_kota` ASC, `id_kategori_pengiriman` ASC ,
INDEX `id_kategori_pengiriman` `id_kategori_pengiriman` ASC , CONSTRAINT `ongkir_ibfk_1`
FOREIGN KEY `id_kota` REFERENCES `webwallen`.`kota` `id_kota`
ON DELETE NO ACTION ON UPDATE CASCADE,
CONSTRAINT `ongkir_ibfk_2` FOREIGN KEY `id_kategori_pengiriman`
REFERENCES `webwallen`.`kategori_pengiriman` `id_kategori_pengiriman` ON DELETE NO ACTION
ON UPDATE CASCADE ENGINE = InnoDB
AUTO_INCREMENT = 396 DEFAULT CHARACTER SET = latin1;
10.
Tabel orders
CREATE TABLE `orders` `id_orders` INT11 NOT NULL AUTO_INCREMENT ,
`status_order` VARCHAR50 NOT NULL , `id_member` INT11 NOT NULL ,
`tgl_order` DATE NOT NULL , `nama_t` VARCHAR45 NOT NULL ,
`id_kota_t` INT11 NOT NULL , `alamat_t` TEXT NOT NULL ,
`kode_pos_t` INT10 NOT NULL , `telepon` VARCHAR45 NOT NULL ,
`id_ongkir` INT11 NULL DEFAULT NULL , `tgl_kirim` DATE NOT NULL ,
`tgl_diterima` DATE NOT NULL , `tgl_batas_bayar` DATE NOT NULL ,
`tgl_batas_retur` DATE NOT NULL , `total_bayar` DOUBLE NOT NULL ,
`id_bank` INT11 NOT NULL , `dibayar` DOUBLE NOT NULL ,
`atas_nama` VARCHAR50 NOT NULL , `no_rekening` VARCHAR50 NOT NULL ,
`no_resi` VARCHAR10 NOT NULL DEFAULT - , `paypal_transaksi` VARCHAR100 NOT NULL ,
`waktu_bayar` DATETIME NOT NULL ,
`paypal_email` VARCHAR100 NOT NULL , `bayar_paypal` DOUBLE NOT NULL ,
`mata_uang` VARCHAR5 NOT NULL , `jp` VARCHAR100 NOT NULL ,
`session_id` VARCHAR50 NOT NULL , PRIMARY KEY `id_orders` ,
INDEX `id_member` `id_member` ASC , INDEX `orders_ibfk_2` `id_ongkir` ASC ,
INDEX `orders_ibfk_3` `id_kota_t` ASC , INDEX `id_bank` `id_bank` ASC ,
CONSTRAINT `orders_ibfk_1` FOREIGN KEY `id_member`
REFERENCES `webwallen`.`member` `id_member` ON DELETE NO ACTION
ON UPDATE CASCADE, CONSTRAINT `orders_ibfk_4`
FOREIGN KEY `id_ongkir` REFERENCES `webwallen`.`ongkir` `id_ongkir`
ON DELETE NO ACTION ON UPDATE CASCADE,
CONSTRAINT `orders_ibfk_5` FOREIGN KEY `id_kota_t`
REFERENCES `webwallen`.`kota` `id_kota` ON DELETE NO ACTION
ON UPDATE CASCADE ENGINE = InnoDB
AUTO_INCREMENT = 210 DEFAULT CHARACTER SET = latin1;
11.
Tabel Order_detail
CREATE TABLE `order_detail` `id_order_detail` INT11 NOT NULL AUTO_INCREMENT ,
`id_orders` INT11 NOT NULL , `id_produk` INT11 NOT NULL ,
`jumlah` INT11 NOT NULL , PRIMARY KEY `id_order_detail` ,
INDEX `id_produk` `id_produk` ASC , INDEX `id_orders` `id_orders` ASC ,
CONSTRAINT `order_detail_ibfk_1` FOREIGN KEY `id_orders`
REFERENCES `webwallen`.`orders` `id_orders` ON DELETE NO ACTION
ON UPDATE CASCADE, CONSTRAINT `order_detail_ibfk_2`
FOREIGN KEY `id_produk` REFERENCES `webwallen`.`produk` `id_produk`
ON DELETE NO ACTION ON UPDATE CASCADE
ENGINE = InnoDB AUTO_INCREMENT = 209
DEFAULT CHARACTER SET = latin1; 12.
Tabel Produk
CREATE TABLE `produk` `id_produk` INT11 NOT NULL AUTO_INCREMENT ,
`nama_produk` VARCHAR30 NOT NULL , `id_merk` INT11 NOT NULL ,
`deskripsi` TEXT NOT NULL , `harga` DOUBLE NOT NULL ,
`stok` INT11 NOT NULL , `id_warna` INT11 NOT NULL ,
`berat` FLOAT NOT NULL , `hits` INT11 NOT NULL ,
`tgl_masuk` DATE NOT NULL , `last_update` DATETIME NOT NULL ,
`dibeli` INT11 NOT NULL , PRIMARY KEY `id_produk` ,
INDEX `id_kategori` `id_merk` ASC , INDEX `id_warna` `id_warna` ASC ,
CONSTRAINT `produk_ibfk_3` FOREIGN KEY `id_warna`
REFERENCES `webwallen`.`warna` `id_warna` ON DELETE NO ACTION
ON UPDATE CASCADE, CONSTRAINT `produk_ibfk_4`
FOREIGN KEY `id_merk` REFERENCES `webwallen`.`merk` `id_merk`
ON DELETE NO ACTION ON UPDATE CASCADE
ENGINE = InnoDB AUTO_INCREMENT = 19
DEFAULT CHARACTER SET = latin1; 13.
Tabel Provinsi
CREATE TABLE `provinsi` `id_provinsi` INT11 NOT NULL AUTO_INCREMENT ,
`nama_provinsi` VARCHAR50 NOT NULL , PRIMARY KEY `id_provinsi`
ENGINE = InnoDB AUTO_INCREMENT = 34
DEFAULT CHARACTER SET = latin1; 14.
Tabel Retur
CREATE TABLE `retur` `id_retur` INT11 NOT NULL AUTO_INCREMENT ,
`id_orders` INT11 NOT NULL , `status_retur` VARCHAR50 NOT NULL ,
`tgl_retur` DATE NOT NULL , `no_resi` VARCHAR10 NOT NULL ,
PRIMARY KEY `id_retur` , INDEX `id_orders` `id_orders` ASC ,
CONSTRAINT `retur_ibfk_1` FOREIGN KEY `id_orders`
REFERENCES `webwallen`.`orders` `id_orders` ON DELETE NO ACTION
ON UPDATE CASCADE ENGINE = InnoDB
AUTO_INCREMENT = 7 DEFAULT CHARACTER SET = latin1;
15.
Tabel Retur_detail
CREATE TABLE `retur_detail` `id_retur_detail` INT11 NOT NULL AUTO_INCREMENT ,
`id_retur` INT11 NOT NULL , `id_order_detail` INT11 NOT NULL ,
`id_produk` INT11 NOT NULL , `jumlah` INT11 NOT NULL ,
`keluhan` TEXT NOT NULL , PRIMARY KEY `id_retur_detail` ,
INDEX `id_retur` `id_retur` ASC, `id_order_detail` ASC , INDEX `id_order_detail` `id_order_detail` ASC ,
CONSTRAINT `retur_detail_ibfk_1` FOREIGN KEY `id_retur`
REFERENCES `webwallen`.`retur` `id_retur` ON DELETE NO ACTION
ON UPDATE CASCADE, CONSTRAINT `retur_detail_ibfk_2`
FOREIGN KEY `id_order_detail` REFERENCES `webwallen`.`order_detail` `id_order_detail`
ON DELETE NO ACTION ON UPDATE CASCADE
ENGINE = InnoDB AUTO_INCREMENT = 6
DEFAULT CHARACTER SET = latin1; 16.
Tabel warna
CREATE TABLE `warna` `id_warna` INT11 NOT NULL AUTO_INCREMENT ,
`nama_warna` VARCHAR20 NOT NULL ,
`dihapus` ENUMya,tidak NOT NULL DEFAULT tidak , PRIMARY KEY `id_warna`
ENGINE = InnoDB AUTO_INCREMENT = 7
DEFAULT CHARACTER SET = latin1; 17.
Tabel matauang
CREATE TABLE IF NOT EXISTS `wallen030711`.`matauang` `kode` VARCHAR3 NOT NULL ,
`kurs` DOUBLE NOT NULL , PRIMARY KEY `kode`
ENGINE = MyISAM DEFAULT CHARACTER SET = latin1
4.3
Implementasi Antar Muka
Setelah melakukan implementasi data dilakukanlah implementasi antarmuka yang berguna sebagai tampilah untuk pengguna sistem. Implementasi
dilakukan pada setiap hasil perancangan antarmuka yang telah dibuat kedalam bentuk aplikasi pada Adobe Dreamweaver CS5.
Untuk mengetahui lebih jelas tentang proses yang ada didalam sistem beserta hasil implementasinya dapat dilihat dalam tabel berikut:
Tabel 4.3 Implementasi Antarmuka Operator
Menu Deskripsi
Nama File
Login Digunakan sebagai halaman login Admin login.php
Home Operator Digunakan sebagai halaman beranda
Admin dan terdapat beberapa menu diantaranya menu pengolahan data
master, data transaksi, dan laporan. index.php
Manajemen Merk Halaman yang berisi informasi merk
merk_list.php Tambah Merk
Halaman yang brguna untuk menambah data merk
merk _add.php Edit Merk
Halaman yang
digunakan untuk
mengubah data merk. merk_edit.php
Manajemen Produk Halaman yang berisi informasi produk
produk_list.php Tambah produk
Halaman yang brguna untuk menambah data produk
produk_add.php
Edit produk Halaman
yang digunakan
untuk mengubah data produk
produk_edit.ph p
Warna Halaman yang berisi informasi warna
Warna_list.php Tambah warna
Halaman yang brguna untuk menambah data warna
Warna_add.php Edit warna
Halaman yang
digunakan untuk
mengubah data warna Warna_edit.php
Manajemen bank Halaman yang berisi informasi bank
bank _list.php Tambah bank
Halaman yang brguna untuk menambah data bank
bank _add.php Edit bank
Halaman yang
digunakan untuk
mengubah data bank bank _edit.php
Manajemen jasa pengiriman
Halaman yang berisi informasi jasa pengiriman
Jasa_pengirima n _list.php
Tambah jasa pengiriman
Halaman yang brguna untuk menambah data jasa pengiriman
Jasa_pengirima n _add.php
Edit jasa pengiriman Halaman yang
digunakan untuk
mengubah data jasa pengiriman Jasa_pengirima
n _edit.php Manajemen kategori
pengiriman Halaman yang berisi informasi kategori
pengiriman kategori
_pengiriman _list.php
Tambah kategori pengiriman
Halaman yang brguna untuk menambah data kategori pengiriman
kategori _pengiriman
_add.php Edit kategori
pengiriman Halaman
yang digunakan
untuk mengubah data kategori pengiriman
kategori _pengiriman
_edit.php Manajemen member Halaman yang berisi informasi member
member _list.php
Tambah member Halaman yang brguna untuk menambah
data member member
_add.php Edit member
Halaman yang
digunakan untuk
mengubah data member member
_edit.php Manajemen Kota
Halaman yang berisi informasi kota kota_list.php
Tambah kota Halaman yang brguna untuk menambah
data kota kota_add.php
Edit kota Halaman
yang digunakan
untuk mengubah data kota
kota_edit.php Manajemen Provinsi Halaman yang berisi informasi provinsi
provinsi_list.ph p
Tambah provinsi Halaman yang brguna untuk menambah
data provinsi provinsi_add.ph
p Edit provinsi
Halaman yang
digunakan untuk
mengubah data provinsi provinsi_edit.ph
p
Manajemen Ongkir Halaman yang berisi informasi Ongkir
Ongkir _list.php Tambah Ongkir
Halaman yang brguna untuk menambah data Ongkir
Ongkir _add.php
Edit Ongkir Halaman
yang digunakan
untuk mengubah data Ongkir
Ongkir _edit.php
Manajemen Hubungi
Halaman yang berisi informasi komentar hubungi
_list.php backup
Halaman yang brguna untuk mem- backup database
Backup.php restore
Halaman yang brguna untuk me-restore database
Recovery_data. php
Manajemen Pesanan Halaman yang berisi informasi pesanan pesanan
_list.php Edit status
Halaman
digunakan untuk mengubah status pesanan
pesanan_edit.ph p
Manajemen Retur Halaman yang berisi informasi retur
retur _list.php Edit status
Halaman
digunakan untuk mengubah status retur
retur_edit.php Logout
Digunakan operator untuk keluar dari aplikasi.
Logout.php
Tabel 4.4 Implementasi Antarmuka Admin
Menu Deskripsi
Nama File Login
Digunakan sebagai
halaman login
Admin
login .php
Home
Admin
Digunakan sebagai halaman beranda
Admin
dan terdapat beberapa menu diantaranya menu pengolahan data
master dan laporan. index.php
User Halaman yang berisi informasi user
user _list.php Tambah user
Halaman yang brguna untuk menambah data user
user _add.php Edit user
Halaman yang
digunakan untuk
mengubah data user user _edit.php
Laporan penjualan Halaman
yang berisi
informasi mengenai laporan pemesanan
laporan_penjual an.php
Laporan stok Halaman
yang berisi
informasi mengenai laporan
stok
yang tersedia
laporan_stok.ph p
Logout Digunakan Admin untuk keluar dari
aplikasi. Logout.php
Tabel 4.5 Implementasi Antarmuka pengunjung
Menu Deskripsi
Nama File
Registrasi Digunakan sebagai halaman pendaftaran
sebagai member Registrasi_membe
r.php Home
Digunakan sebagai halaman beranda home.php
Semua Produk Halaman yang berisi informasi mengenai
data produk semua_produk.ph
p Cara pemesanan
dan pembayaran Halaman yang berisi informasi mengenai
tutorial pemesanan,pembayaran dan retur Cara_pemesanan.p
hp Profil
Halaman yang berisi informasi tentang perusahaan
about.php Hubungi Kami
Halaman ini berguna untuk mengirim pesan ke pada Admin disaat Admin tidak
online Contact_us.php
Tabel 4.6 Implementasi Antarmuka member
Menu Deskripsi
Nama File
Login Digunakan sebagai halaman login untuk
masuk kedalam aplikasi Admin_login.php
Home Digunakan sebagai halaman beranda
index.php Semua Produk
Halaman yang berisi informasi mengenai data produk
semua_produk.ph p
Cara pemesanan dan pembayaran
Halaman yang berisi informasi mengenai tutorial pemesanan,pembayaran dan retur
Cara_pemesanan.p hp
Profil Halaman yang berisi informasi tentang
perusahaan about.php
Hubungi Kami Halaman ini berguna untuk mengirim
pesan ke pada Admin disaat Admin tidak online
Contact_us.php
ganti password Halaman ini berguna untuk member
mengganti password nya gantipass.php
Edit account Halaman ini berguna untuk member
mengganti data pribadinya Edit_akun.php
History Pemesanan
Halaman ini berguna untuk melihat history pemesanan dan status pemesanan
History_pemesana n.php
Keranjang belanja
Digunakan untuk melihat, mengubah, menghapus data pembelian yang akan
dilakukan -
4.4 Pengujian Alpha
