a. Interview. Teknik pengumpulan data dengan mengadakan tanya jawab secara langsung yang
ada kaitannya dengan topik yang diambil.
1.5.2. Tahap pembuatan perangkat lunak.
Teknik analisis data dalam pembuatan perangkat lunak menggunakan paradigma perangkat lunak secara waterfall, yang meliputi beberapa proses
diantaranya: a.
System Information Engineering Merupakan bagian dari sistem yang terbesar dalam pengerjaan suatu proyek,
dimulai dengan menetapkan berbagai kebutuhan dari semua elemen yang diperlukan sistem dan mengalokasikannya kedalam pembentukan perangkat lunak.
b. Analisis
Merupakan tahap menganalisis hal-hal yang diperlukan dalam pelaksanaan proyek pembuatan perangkat lunak.
c. Design
Tahap penerjemahan dari data yang dianalisis kedalam bentuk yang mudah dimengerti oleh user.
d. Coding
Tahap penerjemahan data atau pemecahan masalah yang telah dirancang keadalam bahasa pemrograman tertentu.
e. Pengujian
Merupakan tahap pengujian terhadap perangkat lunak yang dibangun. f.
Maintenance
Tahap akhir dimana suatu perangkat lunak yang sudah selesai dapat mengalami perubahan
–perubahan atau penambahan sesuai dengan permintaan user.
1.6 Sistematika Penulisan
Sistematika penulisan proposal penelitian ini disusun untuk memberikan gambaran umum tentang penelitian yang dijalankan. Sistematika penulisan tugas akhir ini adalah
sebagai berikut :
BAB I PENDAHULUAN
Menguraikan tentang latar belakang permasalahan, mencoba merumuskan inti permasalahan yang dihadapi, menentukan maksud dan tujuan
penelitian, yang kemudian diikuti dengan pembatasan masalah, metodologi penelitian serta sistematika penulisan.
BAB II LANDASAN TEORI
Membahas berbagai konsep dasar dan teori-teori yang berkaitan dengan topik penelitian yang dilakukan dan hal-hal yang berguna dalam proses
analisis permasalahan serta tinjauan terhadap penelitian-penelitian serupa yang telah pernah dilakukan sebelumnya.
BAB III ANALISIS MASALAH
Bab ini berisi analisis kebutuhan dalam membangun aplikasi ini, analisis sistem yang sedang berjalan pada aplikasi ini sesuai dengan metode
pembangunan perangkat lunak yang digunakan. Selain itu terdapat juga perancangan antarmuka untuk aplikasi yang akan dibangun sesuai dengan
hasil analisis yang telah dibuat.
BAB IV PERANCANGAN DAN IMPLEMENTASI
Bab ini berisi hasil implementasi dari hasil analisis dan perancangan yang telah dibuat disertai juga dengan hasil pengujian dari aplikasi ini yang
dilakukan di ruko Bantenbiz Komputer sehingga diketahui apakah sistem yang dibangun sudah memenuhi syarat sebagai aplikasi yang user-friendly.
BAB V KESIMPULAN DAN SARAN
Bab ini berisi kesimpulan tentang keseluruhan dari pembangunan aplikasi ini dan saran tentang aplikasi ini untuk masa yang akan datang.
10
BAB II TINJAUAN PUSTAKA
2.1 Tinjauan Instansi
2.1.1. Riwayat Perusahaan
Ruko Bantenbiz Komputer didirikan pada tahun 2008 oleh Purnama Sahri dan kawan kawan. Bantenbiz Komputer bergerak di bidang penjualan kebutuhan
komputer dengan selalu berusaha memberikan pelayanan terbaik kepada pelanggan dan selalu memberikan harga yang kompetitif khususnya untuk daerah
sekitar. Ruko bantenbiz komputer sendiri mengkhususkan penjualan pada
kebutuhan produk komputer. Produk yang tersedia disini adalah produk-produk dari vendor-vendor ternama seperti penjualan Processor dari INTEL dan AMD,
penjualan HardDisk dari Seagate dan Samsung dan produk-produk komputer yang lainnya.
2.1.2. Logo Ruko Bantenbiz
Logo bantenbiz seperti terlihat pada Gambar 2.1, yang hanya berupa tulisan bantenbiz yang di padukan dengan pencahayaan warna yang cerah dah
perbedaan warna.
Gambar 2.1 logo banteniz
2.1.3. Struktur Organsisasi Perusahaan
Organisasi adalah sekelompok orang yang bekerja sama untuk mencapai tujuan yang telah di rencanakan, dari pengertian tersebut organisasi dapat di
simpulkan sebagai kumpulan orang-orang yang bekerja sama dengan dasar persamaan tujuan.
Organisasi perusahaan sangatlah penting didalam menjamin kelangsungan dan kelancaran mekanisme kerja perusahaan, adanya organisasi dapat
menciptakan suatu sistem pembagian kerja atau tugas yang sesuai dengan kebutuhan perusahaan sehingga mempermudah kegiatan operasional perusahaan
dalam mencapai tujuan.
Gambar 2.1. Struktur organisasi
Uraian struktur organisasi dari ruko bantenbiz komputer adalah sebagai berikut : 1. Pemilik
a. Bertanggung jawab atas kelangsungan ruko. b. Membuat perencanaan tentang sistem kerja,
c. Memonitoring perkembangan.
PEMILIK
ADMINISTRASI KEUANGAN KASIR BAGIAN GUDANG
2. Bagian Administrasi dan Keuangan a. Melaksanakan tugas mencatat segala transaksi yang terjadi dalam satu
hari b. Bertanggung jawab pencatatan laporan laporan berupa dokumen atau
kwitansi c. Bertanggung jawab terhadap pemasukan dan pengeluaran keuangan,
d. membuat anggaran pemasukan dan pengeluaran perusahaan.
3. Bagian gudang kasir a. Membuat laporan pengeluaran dan pemasukan produkbarang
b. Bertanggung jawab akan barang barang yang ada di ruko,
2.1.4 Visi dan Misi
Bantenbiz komputer mempunyai visi dan misi dalam menjalankan tugasnya sebagai salah satu perusahaan yang bergerak dalam penjualan bermacam
macam kebutuhan komputer, Adapun visi dan misi dari ruko ini adalah : 1. Visi
Menjadi ruko yang terpercaya dalam penjualan produk-produk komputer khususnya untuk daerah sekitar.
2. Misi Menjadikan ruko terbesar untuk penjualan kebutuhan komputer dan
meningkatkan pertumbuhan profit usaha.
2.2 Landasan Teori
Analisis yang dilakukan di Ruko Bantenbiz komputer Serang, mengutip beberapa toeri yang relevan berdasarkan penelitian.
2.2.1 Pengertian Basis Data
Basis data database adalah kumpulan dari berbagai data yang saling berhubungan satu dengan yang lainnya. Basis data tersimpan di perangkat keras,
serta dimanipulasi dengan menggunakan perangkat lunak. Pendefinisian basis data meliputi spesifikasi dari tipe data, struktur dan batasan dari data atau
informasi yang akan disimpan. Database merupakan salah satu komponen yang penting dalam sistem informasi, karena merupakan basis dalam menyediakan
informasi pada para pengguna atauuser. Penyusunan basis data meliputi proses memasukkan data kedalam media
penyimpanan data dan diatur dengan menggunakan perangkat Sistem Manajemen Basis Data Database Management System DBMS. Manipulasi basis
data meliputi pembuatan pernyataan query untuk mendapatkan informasi tertentu, melakukan pembaharuan atau penggantian update data, serta
pembuatan report data.
2.2.2 Pengertian ERD
ERD merupakan suatu model untuk menjelaskan hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan
antar relasi.ERD untuk memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa notasi dan simbol. Pada dasarnya ada tiga simbol yang digunakan, yaitu :
a.
Entiti
Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan dari sesuatu yang lain. Simbol dari entiti ini biasanya digambarkan
dengan persegi panjang.
b. Atribut
Setiap entitas pasti mempunyai elemen yang disebut atribut yang berfungsi untuk mendeskripsikan karakteristik dari entitas tersebut. Isi dari atribut
mempunyai sesuatu yang dapat mengidentifikasikan isi elemen satu dengan yang lain. Gambar atribut diwakili oleh simbol elips.
c. Hubungan Relasi
Hubungan antara sejumlah entitas yang berasal dari himpunan entitas yang berbeda.
2.2.3 Internet
Internet interconnected-networking ialah rangkaian komputer yang terhubung di dalam beberapa rangkaian. Manakala Internet ialah sistem
komputer umum, yang berhubung secara global dan menggunakan TCPIP sebagai protokol pertukaran paket packet switching communication protocol.
Rangkaian internet yang terbesar dinamakan Internet. Cara menghubungkan
rangkaian dengan kaedah ini dinamakan internetworking
.
2.2.4 Website
Website atau situs juga dapat diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi,
suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana
masing-masing dihubungkan dengan jaringan-jaringan halaman hyperlink. Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi
informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah
berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster,
Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna
maupun pemilik
.
2.2.5 Web Server
Server web adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan browser
web dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web
yang umumnya berbentuk dokumen HTML. Server web yang terkenal diantaranya adalah Apache dan Microsoft Internet Information Service IIS.
Apache merupakan server web antar-platform, sedangkan IIS hanya dapat beroperasi di sistem operasi Windows.
2.2.6 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL bahasa Inggris: database management system atau DBMS yang multithread,
multi-user , dengan sekitar 6 juta instalasi di seluruh dunia. MySQL AB membuat
MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU General Public License GPL
, tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan penggunaan GPL.
Tidak sama dengan proyek-proyek seperti Apache, dimana perangkat lunak dikembangkan oleh komunitas umum, dan hak cipta untuk kode sumber dimiliki
oleh penulisnya masing-masing, MySQL dimiliki dan disponsori oleh sebuah perusahaan komersial Swedia MySQL AB, dimana memegang hak cipta hampir
atas semua kode sumbernya. Kedua orang Swedia dan satu orang Finlandia yang mendirikan MySQL AB adalah: David Axmark, Allan Larsson, dan Michael
Monty Widenius.
2.2.7 E-Commerce
Perdagangan elektronik atau e-commerce 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.
Industri teknologi informasi melihat kegiatan e-commerce ini sebagai aplikasi dan penerapan dari e-bisnis e-business yang berkaitan dengan transaksi
komersial, seperti: transfer dana secara elektronik, SCM supply chain management
, pemasaran secara elektronik e-marketing, atau pemasaran online online marketing, pemrosesan transaksi online online transaction processing,
pertukaran data elektronik electronic data interchange EDI dan lain lain. E-commerce merupakan bagian dari e-business, di mana cakupan e-business
lebih luas, tidak hanya sekedar perniagaan tetapi mencakup juga pengkolaborasian mitra bisnis, pelayanan nasabah, lowongan pekerjaan dll.
Selain teknologi jaringan www, e-commerce juga memerlukan teknologi basisdata atau pangkalan data databases, surat elektronik e-mail, dan bentuk
teknologi non komputer yang lain seperti halnya sistem pengiriman barang, dan alat pembayaran untuk e-commerce ini.
E-commerce pertama kali diperkenalkan pada tahun 1994 pada saat pertama kali banner-elektronik dipakai untuk tujuan promosi dan periklanan di suatu
halaman-web website. Menurut Riset Forrester, perdagangan elektronik menghasilkan penjualan seharga AS12,2 milyar pada 2003. Menurut laporan
yang lain pada bulan oktober 2006 yang lalu, pendapatan ritel online yang bersifat non-travel di Amerika Serikat diramalkan akan mencapai seperempat
trilyun dolar US pada tahun 2011. Menurut Taryana Suryana dalam bukunya yang berjudul e-commerce
menggunakan PHP dan MySQL e-commerce di klarifikasikan ke dalam beberapa model yaitu:
2.2.7.1 Model Store Front
Store front ialah kombinasi proses transaksi, sekuriti, pembayaran secara
online serta penyimpanan informasi yang memungkinkan para pedagang untuk menjual dagangannya di internet melalui website. Store front merupakan konsep
dasar perdagangan elektronik dimana terjadi interaksi penjual dan pembeli secara langsung.
Untuk menjalankan store front, seseorang harus mengorganisasikan dalam bentuk katalog produk yang ditempatkan pada halaman website. Pemilik
bisnis online juga harus dapat menerima pembayaran secara online dalam kondisi aman, mengatur pengiriman dagangan para konsumen serta mengolah data
konsumen. Dalam praktiknya, para pedagang online menggunakan teknologi yang disebut shopping cart atau kereta belanja. Dengan menggunakan shopping cart
konsumen dapat memasukan barang barang pesanannya kedalam shopping cart nya.
2.2.7.2 Model Lelang
Model lain perdagangan online ialah model lelang, model ini berfungsi sebagai forum dimana para pengguna internet dapat memasuki website dengan
berperan sebagai penawar atau penjual. Jika seseorang berperan sebagai penjual produk, maka yang bersangkutan dapat mencari situs situs yang menyediakan
barang barang yang sedang dia cari, melihat lihat kegiatan penawaran saat itu dan memasang penawaran.
2.2.7.3 Model Portal
Model portal merupakan bentuk lain dari e-commerce. Portal berisi berbagai informasi meliputi mulai berita politik dan ekonomi, olahraga, teknologi,
sampai dengan berita berita ringan mengenai kehidupan selebriti, gaya hidup, cerita bersambung dll.
2.2.7.4 Model Dynamic Pricing
Model dynamic pricing atau penetapan harga merupakan model yang mengikuti pola mekanisme bisnis, yaitu bagaimana antara bisnis berlangsung dan
produk diberi harga, dengan demikian seorang konsumen dapat membeli suatu produk dengan tawaran yang paling rendah. Strategi lain ialah dengan cara
menawarkan produk atau jasa tertentu secara gratis. Model model dalam kategori ini ialah model menentukan sendiri harga
produk your price model, model harga perbandingan comparison pricing model
, model harga sensitive di dasarkan kebutuhan demand sensitive pricing model
, Model barter, Model rebate dan model penawaran produk dan jasa secara gratis.
2.2.7.5 Model Online Trading
Model online trading biasanya merupakan perdagangan elektronik dalam bentuk perdagangan sekuritas. Perdagangan saham secara online dilakukan oleh
broker yang mendapatkan komisi karena jasa para broker dalam mengatur
jalannya perdagangan saham tersebut. Melalui perdagangan saham secara online
ini, konsumen dapat melakukan penelitian terhadap sekuritas, membeli dan menjual investasi melalui komputer yang tersambung dengan internet.
2.2.7.6 Model Online Loan
Online loan atau pinjaman secara online merupakan salah satu bisnis
online yang sudah cukup popular, konsumen saat ini dapat mencari pinjaman
dengan bunga rendah melalui internet. Salah satu portal yang member pinjaman secara online adalah e-loan dengan alamat www.eloan.com . situs ini menawarkan
layanan kartu kredit, pinjaman pembelian rumah dan peralatan, serta kalkulator untuk membuat konsumen mahir dalam memutuskan mencari pinjaman.
2.2.7.7 Layanan Perjalanan Secara Online
Saat ini bagi orang yang senang bepergian akan lebih mudah mengaturnya karena mulai pemilihan lokasi wisata, booking hotel dan tiket pesawat dapat
dipesan secara online. Para pelancong dapat memilih lokasi baik didalam maupun luar negeri. Yang bersangkutan hanya menyediakan biaya dan siap melakukan
perjalanan.
2.2.8 HTML
Hyper Text Markup Language HTML adalah sebuah bahasa markup
yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext
sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan
tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal
sehingga menjadi home page dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan
percetakan yang disebut dengan SGML Standard Generalized Markup Language,
HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang
didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium W3C. HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee robert
ketika mereka bekerja di CERN pada tahun 1989 CERN adalah lembaga penelitian fisika energi tinggi di Jenewa.
Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.
2.2.9 PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak
tertutup kemungkinan digunakan untuk pemakaian lain. Contoh terkenal dari aplikasi PHP adalah phpBB dan MediaWiki software
di belakang Wikipedia. PHP juga dapat dilihat sebagai pilihan lain dari ASP.NETCVB.NET Microsoft, ColdFusion Macromedia, JSPJava Sun
Microsystems, dan CGIPerl. Contoh aplikasi lain yang lebih kompleks berupa
CMS yang dibangun menggunakan PHP adalah Mambo, Joomla, Postnuke, Xaraya, dan lain-lain.
2.2.10 Java Script
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.
2.2.11 Adobe Dreamweaver
Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver
keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Versi terakhir
Macromedia Dreamweaver sebelum Macromedia dibeli oleh Adobe Systems yaitu versi 8. Versi terakhir Dreamweaver keluaran Adobe Systems adalah versi 10
yang ada dalam Adobe Creative Suite 4 sering disingkat Adobe CS4.
2.2.12 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 dan menerima donasisumbangan, mengirim uang
ke pengguna PayPal lain di seluruh dunia dan banyak fungsi lainnya dengan mudah dan otomatis menggunakan internet atau mobile, PayPal mengatasi
kekurangan dalam pengiriman uang tradisional seperti Cek atau Money order yang prosesnya dapat memakan waktu PayPal seperti rekening bank, pertama
anda membuat account, lalu dana akan ditarik langsung dari kartu kredit anda ke account tersebut atau dengan dana dari transferan account PayPal orang lain ke
Saldo Balance PayPal anda, dan anda sudah dapat menggunakan account PayPal
untuk bertransaksi.
2.2.13 Secures Socket Layer SSL
2.2.13.1 Pengertian SSL
Secure Sockets Layer atau yang disingkat SSL adalah sebuah protokol
keamanan data yang digunakan untuk menjaga pengiriman data antara web server dan pengguna situs web tersebut. SSL umumnya sudah terinstall didalam
mayoritas browser web yang ada IE, Netscape, Firefox, dll, sehingga pengguna situs web dapat mengidentifikasi tingkat keamanan situs web tersebut yang
menggunakan protokol keamanan SSL ini. Browser web secara otomatis akan mencek apakah sertifikat SSL dan
identitas situs web valid dan situs tersebut terdaftar pada otoritas sertifikasi CA SSL cth. Verisign. Dengan demikian, SSL ini menjadi sangat penting terutama
untuk situs web yang menjalankan transaksi online. Koneksi SSL akan memproteksi informasi vital dengan meng-enkripsi
informasi yang dikirim dan diterima antara pc pengguna situs dan web server,
sehingga informasi yang berjalan tidak mungkin dapat diambil ditengah jalan dan dibaca isinya. Hal ini berarti pengguna tidak perlu ragu untuk mengirim informasi
vital seperti nomor kartu kredit kepada situs web yang telah memasang SSL tersertifikat ini.
2.2.13.2 Cara Kerja SSL
Seorang pelanggan masuk kedalam situs anda dan melakukan akses ke URL yang terproteksi ditandai dengan awalan https atau dengan munculnya
pesan dari browser. Server anda akan memberitahukan secara otomatis kepada pelanggan
tersebut mengenai sertifikat digital situs anda yang menyatakan bahwa situs anda telah tervalidasi sebagai situs yang menggunakan SSL.
Browser pelanggan akan mengacak “session key” dengan “public key” situs anda sehingga hanya situs anda yang akan dapat membaca semua transaksi
yang terjadi antara browser pelanggan dengan situs anda. Hal diatas semua terjadi dalam hitungan detik dan tidak memerlukan
aktifitas apapun dari pelanggan.
25
BAB III ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Analisis sistem dapat didefinisikan sebagai penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk
mengidentifikasi dan mengevaluasi permasalahan-permasalahan, kesempatan- kesempatan, hambatan-hambatan yang terjadi dan kebutuhan-kebutuhan yang
diharapkan sehingga dapat diusulkan perbaikan-perbaikannya.
3.1.1 Analisis Masalah
Ada beberapa permasalahan yang timbul dalam sistem yang sedang berjalan saat ini. Permasalahan-permasalahan tersebut diuraikan pada table 3.1
analisis masalah berikut:
Table 3.1. Tabel analisis masalah No
Permasalahan Bagianpihak
1.
2.
3.
4. Sistem yang berjalan saat ini masih manual
dengan sistem transaksi datang langsung ke tempatnya
Media promosi bantenbizkomputer masih sangat minim
Dengan sistem yang berjalan sekarang, pemberian informasi kepada customer dirasakan kurang
efektive sehingga
costumer belum
tentu mendapatkan informasi secara lengkap.
Sistem pembayaran yang digunakan hanya dengan money cash, sehingga dirasakan tidak
costumer
perusahaan
costumer
costumer
5. fleksible
. Dan bagi costumer yang ingin melakukan transaksi dalam jumlah besar, harus
membawa uang cash yang cukup besar. Selama ini pengarsipan dilakukan dengan
menggunakan kertas sehingga mudah hilang dan using.
perusahaan
3.1.2 Analisis Prosedur Yang Sedang Berjalan
Fungsinya: mendefinisikan hubungan antara bagian pelaku proses, proses manualberbasis komputer dan aliran data dalam bentuk dokumen
keluaran dan masukan. Prosedur penjualan barang di ruko bantenbizkomputer yang ada saat ini
adalah seperti terlihat pada gambar 3.1.
barang yg dibeli
barang yg dibeli
Jumlah yg dibayar
A1 nota
Jumlah yg dibayar
barang nota
konsumen kasir
Menghitung total
Buat nota penjualan
Gambar 3.1. Flowmap penjualan saat ini
3.1.3 Analisis Kebutuhan Non Fungsional
Analisis kebutuhan ini diperlukan untuk menentukan keluaran yang akan dihasilkan sistem, masukan yang diperlukan sistem, lingkup proses yang
digunakan untuk mengolah masukan menjadi keluaran, volume data yang akan ditangani sistem, jumlah user dan kategori user, serta kontrol terhadap sistem.
3.1.3.1 Analisis User
Pada sistem yang di usulkan, user akan dibagi menjadi 2 yaitu ; 1. Admin
Admin adalah yang bertugas mengolah data pesanan konsumen, input
data produk, kategori dan merk, yang harus dimiliki operator yaitu kemampuan dasar dibidang komputer dan mengoperasikan Sistem Operasi
windows 9x2000XP, pemahaman yang cukup untuk mengelola data dalam web serta memiliki pengetahuan tentang internet.
2. User Sedangkan user hanya bisa melihat daftar produk dan melakukan
pemesanan serta melakukan transaksi secara online yang sebelumnya harus sudah registrasi terlebih dahulu. User minimal harus sudah bisa
browsing di internet.
3.1.3.2 Analisis Perangkat Keras
Adapun spesifikasi perangkat keras yang nantinya akan dibutuhkan untuk menjalankan aplikasi ini akan dijelaskan pada tabel 3.2.
Tabel 3.2 Perangkat Keras
No Perangkat Keras
1 Processor dengan kecepatan minimal 1 GHz 2 Kapasitas HardDisk minimal 40GB
3 RAM minimal 256 MB 4 VGA Card minimal 64MB
5 Monitor minimal dengan resolusi 1024x768 6 Lan Card 10100Mbps
7 Koneksi internet minimal 64kbps 8 mouse
9 keyboard
3.1.3.3 Analisis Perangkat Lunak
Perangkat lunak atau sering disebut software merupakan suatu aspek penting dalam pembuatan aplikasi. Adapun spesifikasi perangkat lunak yang
nantinya akan dibutuhkan untuk membangun aplikasi penjualan ini akan dijelaskan pada tabel 3.3.
Tabel 3.3 Perangkat Lunak
No Perangkat Lunak
1 Windows XP sebagai Sistem Operasi 2 Macromedia Dreamweaver 8
3 menggunakan bahasa pemrograman PHP 4 MySQL sebagai Database
5 Web Server phpMyAdmin 6 Mozilla Firefox sebagai browser
3.1.3.4 Analisis Jaringan
Aplikasi ini bekerja pada jaringan tingkat internet dimana computer client dan server terkoneksi dengan internet agar bisa saling berhubungan dengan
jaringan internet maka adminadministrator dan user harus memiliki kontrak dengan provider internet.
3.1.4 Analisis Basis Data
ERD Entity Relationship Diagram digunakan dalam membangun basis data untuk menggambarkan relasi atau hubungan dari dua file atau dua tabel. ERD
terdiri dari 2 komponen utama yaitu entitas dan relasi. Kedua komponen tersebut dideskripsikan lebih jauh melalui atribut
–atribut atau properti.
Adapun ERD dari sistem e-commerce ini dapat dilihat pada gambar 3.2.
31
iduser
ongkos No_resi
stock
pesanan member
idpro
N
produk admin
kategori
kota
N 1
1
1
memiliki
N
mengelola
N
memiliki
N
1
iduser email
password catid
catname admuser
Idadm
kdkota nama_kota
propinsi memiliki
1 N
kdpro nama_propinsi
detail_pesanan memiliki
mengelola
N N
1
password
nama harga description
Image username
tanggal Jasa_kirim
status kabkota
Id_detail Nama_t
Alamat_t kodepos
telfon ongkir
Total_bayar
harga qty
kdpro
kurs mengelola
1
kode kurs
1
Idadm
Id_detail idpro
idadm
Idadm
merk
idmerk nama_merk
N
memiliki
1
catid
idmerk
kdkota
memiliki
1
return
Id_return Id_detail
1
memiliki
N
Detail_return
alasan qty
status idpro
1
memiliki
1
1
mengelola
1
N
idadm idmerk
idpro catid
kode
Id_detail
Id_return Id_return
Id_detail
kdkota iduser
idpro
Gambar 3.2. Entity relationship diagram
3.1.5 Analisis Kebutuhan Fungsional
Analisis kebutuhan fungsional bertujuan untuk mengetahui proses informasi yang mengalir melalui perangkat lunak. Untuk menggambarkan proses
informasi secara umum digunakan alat bantu, yaitu Diagram Konteks, Data Flow Diagram
DFD, spesifikasi proses dan kamus data.
3.1.5.1 Diagram Konteks
Diagram Konteks merupakan suatu model yang menjelaskan secara global bagaimana digunakan dan ditransformasikan untuk proses atau yang
menggambarkan aliran data kedalam dan keluar sistem. Berikut adalah gambar diagram konteks untuk sistem yang akan dibangun
dapat dilihat pada gambar 3.3.
Bantenbiz komputer
admin member
pengunjung info produk
Info merk info kategori
info pesanan Info return
Info produk yang dicari Data Login Member
Data Lupa password Data pesanan
Data return Cari produk
Info merk info produk
info kategori Info kurs
Info admin info pesanan
Info return laporan
Data admin Data merk
Data produk Data kategori
Data kurs Data pesanan
Data return
info produk info kategori
info merk Info pesanan
Info pencarian Data calon member
Data pencarian webmail
paypal Info pembayaran
Data regisrasi Info registrasi
Data pembayran
Gambar 3.3. Diagram konteks
3.1.5.2 Data Flow Diagram DFD
Data Flow Diagram adalah representasi dari suatu sistem yang
menggambarkan bagian-bagian dari sistem tersebut beserta seluruh keterlibatan diantara bagian yang ada. Arus data pada DFD dapat berupa masukan untuk
sistem ataupun keluaran yang disampaikan kepada pengguna sistem:
34
member Pengunjung
Admin 1.0
Registrasi 2.0
Login 3.0
Pengolahan data master
5.0 Pencarian
6.0 Transaksi
member admin
product categories
Data registrasi Info data registrasi
Data registrasi Info data registrasi
Data pencarian Info pencarian
info Data produk Data produk
Data kategori Info kategori
Data login member Data lupa password
Info Data login member invalid Info Data login admin
Data login admin
Data pesanan info pesanan
Data produk Data kategori
Data merk Data admin
Data kurs Data login admin
info produk info kategori
info merk Info admin
Info kurs
Info Data login admin invalid Info Data login member invalid
Info Data lupa password merk
Data merk Info merk
Data pencarian Info pencarian
4.0 View produk
Info produk, info merk, info kategori Info produk, info merk, info kategori
Info merk
Info produk Info kategori
pesanan
Info pemesanan Data pesanan
Info pesanan
7.0 Laporan
Data pesanan Data produk
Info laporan pesanan, info laporan produk Data admin
Info admin kurs
Data kurs Info kurs
8.0 return
return Data pesanan
Data pesanan yang direturn info pesanan yang dikembalikan
Data pesanan yang mw direturn
info pesanan yang dikembalikan
Detail_return Detail_pesanan
Info detail_pesanan Data pesanan
Data detail_pesanan Data detail_pesanan yang direturn
info detail_pesanan yang direturn Info return
Info kurs paypal
webmail Info data registrasi
Info data registrasi
Info pembayaran Data pembayaran
Data pesanan
Data return
Gambar 3.4. DFD Level 1 E-Commerce
member admin
member admin
2.1 Verifikasi
email
2.2 Verifikasi
password
2.3 Lupa
password Data login member
Info login member invalid Data email
Verifikasi email Data password
Verifikasi passwrod Info login admin invalid
Verifikasi username Data login admin
Info login admin invalid Data username
Info login member invalid Data password
Verifikasi passwrod email valid, data password
Login valid Data email
Info password Info password
Data email
Gambar 3.5. DFD Level 2 proses 2.0 Login
admin 3.1
Pengolahan produk
Data produk, data merk, data kategori
Info produk, info merk, info kategori Info produk, info merk, data, kategori
product Data produk, data merk, data kategori
3.2 Pengolahan
kategori Data kategori
Info kategori Info kategori
categories Data kategori
3.3 Pengolahan
merk Info merk
merk Data merk
Info merk Data merk, data kategori
Login valid
Login valid
Login valid Data merk
Info merk
3.4 Pengolahan
admin Login valid
Data admin Data admin
admin Info admin
Info admin
3.5 Pengolahan
kurs Login valid
Data kurs
Data kurs Mata uang
Info kurs Info kurs
Data kategori Data merk
Gambar 3.6. DFD Level 2 proses 3.0 Pengolahan Data Master
Admin product
3.1.1 Tambah data
produk 3.1.2
Edit data produk
3.1.3 Hapus data
produk Data produk
Info produk Data produk
Info produk Data produk
Info produk Data merk, data produk, data kategori
Info produk Data merk, data produk, data kategori
Info produk Data merk, data produk, data kategori
Info produk merk
categories Data kategori
Info kategori Data merk
Info merk
Data kategori Data kategori
Data kategori Data merk
Data merk Data merk
3.1.4 Tambah stok
produk Data jumlah stok
Data jumlah stok Info produk
Info produk
Gambar 3.7. DFD Level 3 proses 3.1. pengolahan data produk
Admin
categories 3.2.1
Tambah data kategori
3.2.2 Edit data
kategori
3.2.3 Hapus data
kategori Data kategori
Info kategori Data kategori
Info kategori Data kategori
Info kategori Data kategori
Info kategori
Data kategori Info kategori
Data kategori Info kategori
Gambar 3.8. DFD Level 3 proses 3.2 pengolahan data kategori
Admin
merk 3.3.1
Tambah data merk
3.3.2 Edit data merk
3.3.3 Hapus data
merk Data merk
Info merk Data merk
Info merk Data merk
Info merk Data merk
Info merk
Data merk Info merk
Data merk Info merk
Gambar 3.9. DFD Level 3 proses 3.3 pengolahan data merk
Admin
admin 3.4.1
Tambah data admin
3.4.2 Edit data
admin
3.4.3 Hapus data
admin Data admin
Info admin Data admin
Info admin Data admin
Info admin Data admin
Info admin
Data admin Info admin
Data admin
Info admin
Gambar 3.10. DFD Level 3 proses 3.4 pengolahan data admin
Admin
kurs 3.5.1
Tambah data kurs
3.5.2 Edit data kurs
3.5.3 Hapus data
kurs Data kurs
Info kurs Data kurs
Info kurs Data kurs
Info kurs Data kurs
Info kurs
Data kurs Info kurs
Data kurs
Info kurs
Gambar 3.11. DFD Level 3 proses 3.5 pengolahan data kurs
Pengunjung
Member 5.1
Input data pencarian
produk
pesanan Data pencarian
Data pencarian Data pencarian
Data pencarian 5.2
Tampil data pencarian
Info pencarian Info pencarian
Info pencarian Info pencarian
Gambar 3.12 DFDLevel 2 proses 5.0 pencarian
6.1 Proses
pemesanan
6.2 Proses
pembayaran Data pesanan
pesanan member
member
admin Login valid
Info data pembayaran Info data pesanan
Data pesanan
Info data pesanan
info pesanan Info pesanan
Data pembayaran Data member
Login valid paypal
data pembayaran
D at
a kur
s
info pembayaran data pembayaran
Info data pembayaran kurs
Gambar 3.13. DFD level 2 proses 6.0 transaksi
member Detail_pesanaan
6.1.1 Pilih produk
6.1.2 Tampil detail
pesanan
6.1.3 Tampil
pesanan produk
member Info data member
Data produk
Data produk
Info data produk Info detail_pesanan
info pesanan pesanan
Data pesanan
Info pesanan Pilih produk
6.14 Update
pesanan Info pesanan
admin Info pesanan
Data pesanan Data pesanan
Gambar 3.14. DFD level 3 proses 6.1 proses pemesanan
pesanan member
6.2.1 Pilih pesanan
yang mau dibayar
6.2.2 Pilih pesana
yang mau dibayar
6.2.3 Konfirmasi
bayar Administrator
PayPal Data pesanan
Data pesanan Info pesanan
Info pesanan
Pilih Cara pembayaran
Data pembayaran Info konfirmasi, info pembayaran
Data konfirmasi, data pembayaran Info pembayaran
Data konfirmasi, data pembayaran Data pesanan dikonfirmasi, data pembayaran
in fo
k u
rs
Info pesanan Info cara pembayaran
Info pesanan Info pembayaran
Info konfirmasi
kurs
Gambar 3.15. DFD level 3 proses 6.2 proses pembayaran
member Return
8.1 Pilih pesana
yang mau direturn
8.2 Pilih produk
yang mau direturn
8.3 Update status
return pesanan
Data pesanan
Data pesana yang mw direturn
Data return
Info detail return, info status detail_return Detail_return
Data detail_pesanan yang direturn
Data deteail return Pilih return pesanan
Detail_pesanan
Data detail_pesanan
Info detail return admin
Update status detail_return Pilih produk yang mau direturn
Gambar 3.16. DFD level 2 proses 8.0 proses return
3.1.5.3 Spesifikasi Proses
Spesifikasi proses pada aplikasi ini dapat di lihat pada tabel 3.4.
Tabel 3.4. Spesifikasi Proses
No Proses
Keterangan 1
No.Proses 1
Nama Registrasi
Source Pengunjung
Input Data calon member
Output Info data member
Destination Pengunjung
Logika proses Begin
{pengunjung memasukan data} If
data lengkap Then
{data disimpan} Else
{pesan eror ditampilkan} End
2 No.proses
2 Nama
login Source
Member, administrator Input
email, password
member, username,
password administrator Output
Login valid, login invalid Destination
member administrator Logika proses
Begin {memberadministrator memasukan data
login} {sistem memanggil data penguna sesuai data
login} If
emailusername dan password sesuai Then
{antar muka terbuka sesuai hak akses} Else
{antar muka tetap seperti awal} End
3 No.proses
3 Nama
Pengolahan data master Source
Administrator Input
Data kategori, data merk, data produk Output
Info data data kategori, data merk, data produk Destination
administrator Logika proses
Begin {administrator menambah, mengubah, atau
menghapus data ke dalam database } If
data tidak lengkap
Then {tampilkan pesan error}
Else {data disimpan ke database}
End .
4 No.proses
4 Nama
View produk Source
Member, pengunjung Input
- Output
Info data kategori, info data produk, info data merk
Destination Member, pengunjung
Logika proses Begin
{data dari database di panggil dan ditampilkan}
End 5
No.proses 5
Nama pencarian
Source Member, pengunjung
Input -
Output Info data merk, info data produk, info data
kategori, info pesanan Destination
Member, pengunjung Logika proses
Begin If pengunjungmember memasukan data
pencarian then
{data pencarian ditampilkan} Else
{tidak ada data yang dicari} End
6 No.proses
6 Nama
transaksi Source
member Input
Data transaksi Output
info data transaksi Destination
member Logika proses
Begin {member memilih pesanan yang mau
dibayar} {member memasukan data pembayaran}
If
data tidak lengkap Then
{tampilkan pesan error} Else
{pembayaranberhasil} End
7 No.proses
7 Nama
Laporan Source
Administrator Input
Data produk, data pemesanan Output
Laporan produk, laporan pemesanan Destination
Administrator Logika proses
Begin If
data tidak ada Then
{tampilkan pesan data pemesananproduk kosong}
Else {pembuatan laporan berhasil}
End 8
No.proses 3.1
Nama pengolahan produk
Source Administrator
Input Data produk
Output Info data produk
Destination Administrator
Logika proses Begin
{administrator mengelola data produk} If data lengkap
Then {data disimpan di database}
Else {konfirmasi terjadi kesalahan}
End 9
No.proses 3.2
Nama pengolahan kategori
Source Administrator
Input Data kategori
Output Info data kategori
Destination Administrator
Logika proses Begin
{administrator mengelola data kategori} If data kategori lengkap
Then {data disimpan di database}
Else
{konfirmasi terjadi kesalahan} End
10 No.proses
3.3 Nama
Pengolahan merk Source
Administrator Input
Data merk Output
Info data merk Destination
Administrator Logika proses
Begin {administrator mengelola data merk}
If data lengkap Then
{data disimpan di database} Else
{konfirmasi terjadi kesalahan} End
11 No.proses
3.1.1 Nama
Tambah Produk Source
administrator Input
Data data produk, data kategori, data merk Output
Info data kategori, info data produk, info data merk
Destination Administrator
Logika proses Begin
{admin menambah produk} If
admin memilih tambah produk Then
{tampilkan form penambahan produk} Else if
{data lengkap} Then
{data di simpan dalam database}
Else {proses tambah dibatalkan}
End 12
No.proses 3.1.2
Nama Ubah Produk
Source administrator
Input Data data produk, data kategori
Output Info data kategori, info data produk
Destination administrator
Logika proses Begin
{admin mengedit produk}
If admin memilih view produk
Then {tampilkan data produk}
Else if
{pilih edit} Then
{data di ubah dan lengkap} {data baru di simpan dalam database}
Else {proses edit dibatalkan}
End 13
No.proses 3.1.3
Nama Hapus produk
Source Administrator
Input Data merk, data produk, data kategori
Output Info data kategori, info data produk, info dara
merk Destination
Administrator Logika proses
Begin {admin menghapus produk}
If admin memilih view produk
Then {tampilkan data produk}
Else if {pilih hapus}
Then {data di hapus dari database}
Else {proses hapus dibatalkan}
End 14
No.proses 3.2.1
Nama Tambah kategori
Source Administrator
Input Data kategori
Output Info data kategori
Destination Administrator
Logika proses Begin
{admin menambah kategori} If
admin memilih tambah kategori Then
{tampilkan form penambahan kategori} Else if
{data lengkap} Then
{data di simpan dalam database}
Else
{proses tambah dibatalkan} End
15 No.proses
3.2.2 Nama
Edit kategori Source
administrator Input
Data kategori Output
Info data kategori Destination
administrator Logika proses
Begin {admin mengedit kategori}
If admin memilih view kategori
Then {tampilkan data produk}
Else if
{pilih edit} Then
{data di ubah dan lengkap} {data baru di simpan dalam database}
Else {proses edit dibatalkan}
End 16
No.proses 3.2.3
Nama Hapus kategori
Source Administrator
Input Data kategori
Output Info data kategori
Destination administrator
Logika proses Begin
{admin menghapus kategori} If
admin memilih view kategori Then
{tampilkan data kategori} Else if
{pilih hapus} Then
{data di hapus dari database}
Else {proses hapus dibatalkan}
End 17
No.proses 3.3.1
Nama Tambah merk
Source Administrator
Input Data merk
Output Info data merk
Destination Administrator
Logika proses Begin
{admin menambah merk} If
admin memilih tambah merk Then
{tampilkan form penambahan merk} Else if
{data lengkap} Then
{data di simpan dalam database}
Else {proses tambah dibatalkan}
End 18
No.proses 3.3.2
Nama Edit merk
Source administrator
Input Data merk
Output Info data merk
Destination Administrator
Logika proses Begin
{admin mengedit merk} If
admin memilih view merk Then
{tampilkan data merk} Else if
{pilih edit} Then
{data di ubah dan lengkap} {data baru di simpan dalam database}
Else {proses edit dibatalkan}
End 19
No.proses 3.3.3
Nama Hapus merk
Source Administrator
Input Data merk
Output Info data merk
Destination administrator
Logika proses Begin
{admin menghapus merk} If
admin memilih view merk Then
{tampilkan data merk} Else if
{pilih hapus}
Then {data di hapus dari database}
Else {proses hapus dibatalkan}
End
3.1.5.4 Kamus Data
Kamus data merupakan katalog fakta tentang data dan kebutuhan informasi dari suatu sistem informasi. Dengan menggunakan kamus data, analisis
sistem dapat mendefinisikan data yang mengalir di sistem dengan lengkap.. Kamus data pada aplikasi ini dapat di lihat pada tabel 3.5.
Tabel 3.5 Kamus data
Nama Aliran data Data member
Where used how used Pengunjung proses 1
Deskripsi Berisi data calon member yang digunakan untuk
registrasi, validasi dan data yang akan disimpan di dalam database.
Struktur data Iduser, username, password, email, kota,
alamat, telepon, kodepos Id
Username Password
Email Alamat
Kota Provinsi
Tlp Kode_pos
Fax pekerjaan
[0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [A-Z|a-z|0-9||.|]
[A-Z|a-z|0-9] [A-Z|a-z|0-9]
[A-Z|a-z|0-9] [0-9]
[0-9] [0-9]
[A-Z|a-z|0-9]
Nama Aliran data Info kategori
Where used how used Pengunjung proses 4
Pengunjung proses 5 member proses 4
member proses 5 Administrator proses 3
Administrator proses 3.1 Administrator proses 3.2
Administrator proses 3.2.1 Administrator proses 3.2.2
Administrator proses 3.2.3 Deskripsi
Berisi data pada tabel kategori Struktur data
Catid, catname Catid
Catname [0-9]
[A-Z|a-z|0-9] Nama Aliran data
Data kategori
Where used how used Administrator proses 3
Administrator proses 3.1 Administrator proses 3.2
Administrator proses 3.2.1 Administrator proses 3.2.2
Administrator proses 3.2.3 Deskripsi
Berisi data pada tabel kategori Struktur data
Catid, catname Catid
Catname [0-9]
[A-Z|a-z|0-9]
Nama Aliran data Data produk
Where used how used Administrator proses 3
Administrator proses 3.1 Administrator proses 3.1.1
Administrator proses 3.1.2 Administrator proses 3.1.3
Deskripsi Berisi data pada table produk
Struktur data Idpro, idmerk, catid,
nama, description, harga, stock, image
Idpro Idmerk
Catid Nama
Description Harga
Stock Image
[0-9] [0-9]
[0-9] [A-Z|a-z]
[A-Z|a-z|0-9] [0-9]
[0-9] [image]
Nama Aliran data Info produk
Where used how used Pengunjung proses 4
Pengunjung proses 5 Member proses 4
Member proses 5 Administrator proses 3
Administrator proses 3.1 Administrator proses 3.1.1
Administrator proses 3.1.2 Administrator proses 3.1.3
Deskripsi Berisi data pada tabel produk
Struktur data Idpro, idmerk, catid,
nama, description, harga, stock, image
Idpro Idmerk
Catid Nama
Description Harga
Stock Image
[0-9] [0-9]
[0-9] [A-Z|a-z]
[A-Z|a-z|0-9] [0-9]
[0-9] [image]
Nama Aliran data Data transaksi
Where used how used member proses 6
Administrator proses 6 Deskripsi
Berisi data pesanan pada tabel pesanan Struktur data
Id_detail, Iduesr, nama_t, kota_t, alamat_t, total_bayar, tanggal
Id Id_produk
Id_pelanggan Total_bayar
tanggal [0-9]
[0-9] [0-9]
[0-9] date
Nama Aliran data Info transaksi
Where used how used Administrator proses 6
member proses 6 Deskripsi
Data pada tabel detail_pesanan Struktur data
Id_detail, idpro, qty, harga
Id Idpro
Iduser Qty
Sub_total [0-9]
[0-9] [0-9]
[0-9] [0-9]
Nama Aliran data Laporan
Where used how used Administrator proses 7
Deskripsi Data yang di lakukan untuk pembuatan laporan
Struktur data no, email, nama_produk, qty, harga, sub_total,
total No
email nama_produk
Qty Sub_total
Total [0-9]
[A-Z|a-z|0-9||.|] [A-Z|a-z]
[0-9] [0-9]
[0-9]
Nama Aliran data Info merk
Where used how used Pengunjung proses 4
Pengunjung proses 5 member proses 4
member proses 5 Administrator proses 3
Administrator proses 3.1 Administrator proses 3.3
Administrator proses 3.3.1 Administrator proses 3.3.2
Administrator proses 3.3.3
Deskripsi Berisi data pada tabel merk
Struktur data idmerk, nama_merk
Catid Catname
[0-9] [A-Z|a-z|0-9]
Nama Aliran data Data merk
Where used how used Administrator proses 3
Administrator proses 3.1 Administrator proses 3.3
Administrator proses 3.3.1 Administrator proses 3.3.2
Administrator proses 3.3.3 Deskripsi
Berisi data pada tabel kategori Struktur data
idmerk, nama_merk Catid
Nama_merk [0-9]
[A-Z|a-z|0-9] Nama Aliran data
Return Where used how used
Member proses 8 Administrator proses 8
Deskripsi Berisi data pesanan yang dikembalikan
Struktur data id_detail, idpro, jumlah, alasan, status
Id_detail idpro
jumlah alasan
status [0-9]
[0-9] [0-9]
[A-Z|a-z]
[A-Z|a-z]
Nama Aliran data Kurs
Where used how used Administrator proses 3
Administrator proses 3.1 Administrator proses 3.5
Administrator proses 3.5.1 Administrator proses 3.5.2
Administrator proses 3.5.3 Deskripsi
Berisi data pada tabel matauang Struktur data
Kode, kurs kode
kurs [0-9]
[0-9]
3.2 Perancangan Sistem
Perancangan akan dimulai setelah tahap analisis terhadap sistem selesai dilakukan. perancangan dapat didefinisikan sebagai penggambaran, perencanaan
dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah ke dalam suatu kesatuan yang utuh dan befungsi. Alat bantu yang digunakan untuk
menggambarkan perancangan sistem secara umum yang akan dibagun, yaitu diagram konteks, data flow diagram, spesifikasi proses dan kamus data.
3.2.1 Perancangan Data
Perancangan data terdiri dari skema relasi dan struktur tabel yang terdapat pada ERD dari aplikasi penjualan kebutuhan komputer berbasis web pada ruko
bantenbiz komputer.
3.2.1.1 Skema Relasi
Skema relasi menggambarkan suatu hubungan antar tabel yang sudah ada dalam keadaan normal. Perancangan skema relasi dalam membangun sebuah
aplikasi penjualan kebutuhan komputer berbasis web pada ruko bantenbiz kompuer adalah sebagai berikut :
categories
PK catid
catname
FK1 idadm
Product
PK idpro
FK1 idmerk
nama harga
description stock
image admin
PK idadm
admuser password
pesanan
PK id_detail
FK2 idadm
FK3 iduser
nama_t alamat_t
FK1 kota_t
kodepos telfon
total_bayar status
jasa_kirim no_resi
tanggal paypal_transaksi
waktu_trans_paypal paypal_email
paypal_bayar mata_uang
propinsi
PK kdpro
nama_propinsi kota
PK kdkota
nama_kota kabkota
ongkos
FK2 kdpro
merk
PK idmerk
nama_merk
FK1 catid
1 N
N 1
1
N 1
1 N
1
1 N
1 N
detail_pesanan
FK1 id_detail
FK2 idpro
harga qty
tanggal N
member
PK iduser
username password
email
FK1 kdkota
alamat kodepos
telepon 1
1 return
PK id_return
id_detail 1
1
N 1
detail_return
FK1 id_return
idpro jumlah
alasan status
N 1
N
N N
1
Gambar 3.17. Skema Relasi
3.2.1.2 Sruktur Tabel
Tabel merupakan tempat penyimpanan informasi dari sebuah aliran data dalam sebuah sistem. Berikut ini merupakan struktur dari beberapa tabel sistem
yang akan dibangun 1. Tabel admin
a. Nama File : data admin
b. Primary Key
: idadm
c. Jumlah Field : 3
d. Keterangan : tabel untuk data administrator
Tabel 3.6. Tabel admin Nama Tabel : Tabel admin
Keterangan : Tabel untuk data administrator
Nama Field Tipe Data Panjang Keterangan
Idadm smallint
5 Primary Key
admuser varchar
50 password
Varchar 50
Status enum
1,0
2. Tabel kategori a. Nama File
: Tabel kategori b. Primary Key
: catid c. Jumlah Field
: 3 d. Keterangan
: Tabel untuk data kategori
Tabel 3.7. Tabel kategori Nama Tabel : Tabel Categories
Keterangan : Tabel untuk data kategori
Nama Field Tipe Data Panjang Keterangan
Catid Int
10 Primary Key
Catname Varchar
50 Idadm
smallint 5
Foreign key reference ke tabel
admin field idadm
3. Tabel merk a. Nama File
: Tabel merk b. Primary Key
: idmerk c. Jumlah Field
: 3 d. Katerangan
: Tabel berisi data merk
Tabel 3.8. Tabel merk Nama Tabel : Tabel merk
Keterangan : Tabel untuk data merk
Nama Field Tipe Data Panjang Keterangan
Idmerk Int
10 Primary Key
Nama_merk Varchar
50 Idadm
smallint 5
Foreign key reference ke tabel
admin field idadm
4. Tabel produk a. Nama File
: Tabel produk b. Primary Key
: idpro c. Jumlah Field
: 8 d. Keterangan
: Tabel berisi data produk
Tabel 3.9 Tabel produk Nama Tabel : Tabel product
Keterangan : Tabel untuk data produk
Nama Field Tipe Data Panjang Keterangan
Idpro Int
10 Primary Key
Idmerk Int
10 Foreign key reference
ke tabel merk field idmerk
Catid Int
10 Foreign key reference
ke tabel kategori field catid
Nama Varchar
50 Harga
int 11
Description Varchar
100 Berat
int 11
Dalam satuan gram Stock
int 5
Image longblob
Klik int
10 Seller
int 10
5. Tabel member a. Nama File
: Tabel member b. Primary Key
: iduser c. Jumlah Field
: 4 d. Keterangan
: Tabel berisi data member
Tabel 3.10 Tabel member Nama Tabel : Tabel member
Keterangan : Tabel untuk data member
Nama Field Tipe Data Panjang Keterangan
Iduser Int
10 Primary Key
Username Varchar
30 Password
Varchar 50
Email Varchar
75 Kota
int 10
Foreign key reference ke tabel
kota field kdkota Alamat
varchar 100
Kodepos int
7 Telepon
Varchar 15
6. Tabel kota a. Nama File
: Table kota b. Primary Key
: kdkota c. Jumlah Field
: 5 d. Keterangan
: Tabel berisi data kota
Tabel 3.11 Tabel kota Nama Tabel : Tabel kota
Keterangan : Tabel untuk data kota
Nama Field Tipe Data Panjang Keterangan
Kdkota Smallint
5 Primary Key
Kdpro Smallint
5 Foreign key reference
ke tabel propinsi field kdpro
Nama_kota Varchar
50 kabkota
Varchar 50
Ongkos double
7. Tabel propinsi a. Nama File
: Tabel propinsi b. Primary Key
: kdpro c. Jumlah Fiels
: 2 d. Keterangan
: Tabel berisi data propinsi
Tabel 3.12 Tabel propinsi Nama Tabel : Tabel propinsi
Keterangan : Tabel untuk data propinsi
Nama Field Tipe Data Panjang Keterangan
Kdpro Smallint
5 Primary Key
Nama_propinsi varchar
50
8. Tabel Keranjang a. Nama File
: Keranjang b. Primary Key
: nomor c. Jumlah Field
: 6 d. Ketarangan
: Tabel berisi data keranjang
Tabel 3.13. Tabel keranjang Nama Tabel : keranjang
Keterangan : Tabel untuk data keranjang
Nama Field Tipe Data Panjang Keterangan
Nomor Int
10 Primary key, auto increment
Iduser Int
10 Foreign key reference
ke tabel member field iduser
Idpro Int
10 Foreign key reference
ke tabel product field idpro
Qty Int
10 Harga
Int Tanggal
date
9. Tabel Pesanan a. Nama File
: Pesanan b. Primary Key
: id_detail c. Jumalah Field
: 17 d.
Keterangan : Tabel berisi data pesanan
Tabel 3.14. Tabel pesanan Nama Tabel :
pesanan Keterangan : Tabel untuk data Pesanan
Nama Field Tipe Data Panjang
Keterangan id_detail
Int 10
Primary Key Iduser
Int 10
Foreign key reference ke tabel
member field iduser
Nama_t Int
Alamat_t Varchar
12 Kota_t
Varchar 25
Foreign key reference ke tabel
kota field kdkota Kodepos
Varchar 25
Telfon varchar
15 Total_bayar
Double 15
Jasa_kirim Varchar
50 No_resi
varchar 100
tanggal date
50 Paypal_transaksi
Varchar 100 Waktu_trans_paypal
Datetime Paypal_email
varchar 100
Paypal_bayar Double
Mata_uang varchar
5
10. Tabel Detail_pesanan a. Nama File
: detail_pesanan b. Primary Key
: - c. Jumlah Field
: 4 d. Keterangan
: Tabel berisi data detail_pesanan
Tabel 3.15. Tabel detail_pesanan Nama Tabel : detail_pesanan
Keterangan : Tabel untuk data detail_pesanan
Nama Field Tipe Data Panjang Keterangan
Id_detail Int
10 Foreign key reference
ke tabel pesanan field id_detail
Idpro Int
10 Foreign key reference
ke tabel product field idpro
Qty Samllint
5 Harga
Int
11. Tabel kurs a. Nama File
: kurs b. Primary Key
: kode c. Jumlah Field
: 2 d. Keterangan
: Tabel berisi data kurs
Tabel 3.16. Tabel kurs Nama Tabel : kurs
Keterangan : Tabel untuk data kurs
Nama Field Tipe Data Panjang Keterangan
kode varchar
3 Primary Key
kurs double
10
12. Tabel return a.
Nama File : return
b. Primary Key : id_return
c. Jumlah Field : 2
d. Keterangan : Tabel berisi data return
Tabel 3.17. Tabel return
Nama Tabel : return Keterangan : Tabel untuk data return
Nama Field Tipe Data Panjang Keterangan
Id_return varchar
3 Primary Key
Id_detail double
10 Foreign key reference
ke tabel pesanan field id_detail
13. Tabel detail_return a. Nama File
: detail_return b. Primary Key
: - c. Jumlah Field
: 5 d. Keterangan
: Tabel berisi data detail_return
Tabel 3.18. Tabel detail_return Nama Tabel : detail_return
Keterangan : Tabel untuk data detail_return
Nama Field Tipe Data Panjang Keterangan
Id_return Int
10 Foreign key reference
ke tabel pesanan field id_detail
Idpro Int
10 Foreign key reference
ke tabel detail_pesanan field idpro
Qty int
10 Alas an
varchar 100
status varchar
100
3.2.1.3 Pengkodean
Pengkodean ini digunakan sebagai identitas untuk setiap data yang di input menggunakan angka auto increment untuk menghindari tabrakan data sehingga
data jauh lebih valid
3.2.2 Perancangan Struktur Menu
Perancangan struktur menu menu dan submenu yang berfungsi untuk memudahkan user dalam menggunakan sistem. Menu
– menu tersebut dibagi berdasarkan hak akses masing-masing user. Berikut ini gambaran mengenai
struktur menu e-commerce yang akan dibangun. a. Struktur menu pengunjung
Struktur menu pengunjung dapat dilihat pada gambar 3.18
produk Tentang kami
Pengiriman dan pembayaran Cara pemesanan
registrasi
view tambah
Tracking
Gambar 3.18. struktur menu pengunjung
b. Struktur menu member Struktur menu member dapat dilihat pada gambar 3.19
produk Keranjang belanja
Pengiriman pembayaran Log Out
view Edit Qty
Delete
Login member
Cara Pemesanan Tracking
Pesanan Anda
Gambar 3.19. struktur menu member
c. Struktur menu adminoperator Struktur menu member dapat dilihat pada gambar 3.20
produk merk
kategori pesanan
Log Out
view Edit
Delete Tambah
Login Admin operator
laporan
Gambar 3.20. struktur menu adminoperator
d. Struktur menu adminsuperadmin Struktur menu member dapat dilihat pada gambar 3.21
produk merk
kategori pesanan
Log Out
view Edit
Delete Tambah
Login Admin super admin
laporan admin
Gambar 3.21. struktur menu adminsuperadmin
3.2.3 Perancangan Antarmuka
Interface atau antar muka merupakan tampilan dari suau program aplikasi
yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan
menyediakan interface yang mudah dipahami dan digunakan oleh user Perancangan interface untuk aplikasi E-Commerce pada ruko bantenbiz
komputer adalah sebagai berikut :
3.2.3.1 Antarmuka pengunjung
a. Form home pengunjung AM01
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik tracking menuju ke AM06
Klik registrasi menuju ke AM07
Klik forgot password manuju
ke AM08 Klik login menuju
ke M01 Klik icon menuju
ke AM09 Ø KATEGORI
Flash Disk Hard Disk
Keyboard Mouse Memory
Monitor Processor
Speaker Ø PENCARIAN PRODUK
Ø Info Client Ø LOGIN MEMBER
email password
Ø HUBUNGI KAMI
Ø TRANSFER TEKS WELCOME
PRODUK TERBARU
PRODUK PALING BANYAK DILIHAT
FOOTER
PRODUK TERLARIS Forgot password
Ø CEK PESANAN ID Pesanan
Tracking
Gambar 3.22. Form home pengunjung
b. Form produk AM02
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Ø KATEGORI Flash Disk
Hard Disk Keyboard Mouse
Memory Monitor
Processor Speaker
Ø PENCARIAN PRODUK
Ø Info Client Ø LOGIN MEMBER
email password
Ø HUBUNGI KAMI
Ø TRANSFER MERK PRODUK
PRODUK
FOOTER
Forgot password Ø CEK PESANAN
ID Pesanan
Tracking
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik tracking menuju ke AM06
Klik registrasi menuju ke AM07
Klik forgot password manuju
ke AM08 Klik login menuju
ke M01 Klik icon menuju
ke AM09
Gambar 3.23. Form produk pengunjung
c. Form tentang kami AM03
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik registrasi menuju ke AM06
Klik forgot password manuju
ke AM08 Klik login menuju
ke M01mba Klik icon menuju
ke AM09 Ø KATEGORI
Flash Disk Hard Disk
Keyboard Mouse Memory
Monitor Processor
Speaker Ø PENCARIAN PRODUK
Ø Info Client Ø LOGIN MEMBER
email password
Ø HUBUNGI KAMI
Ø TRANSFER TENTANG KAMI
FOOTER
Forgot password Ø CEK PESANAN
ID Pesanan
Tracking
Gambar 3.24. Form tentang kami
d. Form pengiriman dan pembayaran AM04
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik registrasi menuju ke AM06
Klik forgot password manuju
ke AM08 Klik login menuju
ke M01mba Klik icon menuju
ke AM09 Ø KATEGORI
Flash Disk Hard Disk
Keyboard Mouse Memory
Monitor Processor
Speaker Ø PENCARIAN PRODUK
Ø Info Client Ø LOGIN MEMBER
email password
Ø HUBUNGI KAMI
Ø TRANSFER TEKS PENGIRIMAN DAN PEMBAYARAN
FOOTER
Forgot password Ø CEK PESANAN
ID Pesanan
Tracking
Gambar 3.25. Form pengiriman dan pembayaran
e. Form cara pemesanan AM05
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik registrasi menuju ke AM06
Klik forgot password manuju
ke AM08 Klik login menuju
ke M01mba Klik icon menuju
ke AM09 Ø KATEGORI
Flash Disk Hard Disk
Keyboard Mouse Memory
Monitor Processor
Speaker Ø PENCARIAN PRODUK
Ø Info Client Ø LOGIN MEMBER
email password
Ø HUBUNGI KAMI
Ø TRANSFER TEKS CARA PEMESANAN
FOOTER
Forgot password Ø CEK PESANAN
ID Pesanan
Tracking
Gambar 3.26. Form cara pemesanan
f. Form tracking AM06
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Ø KATEGORI Flash Disk
Hard Disk Keyboard Mouse
Memory Monitor
Processor Speaker
Ø PENCARIAN PRODUK
Ø Info Client Ø LOGIN MEMBER
email password
Ø HUBUNGI KAMI
Ø TRANSFER
FOOTER
Forgot password Ø CEK PESANAN
ID Pesanan
Tracking
TEKS No resi
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik tracking menuju ke AM06
Klik tombol tracking menuju ke tracking
JNE Klik registrasi
menuju ke AM07 Klik forgot
password manuju ke AM08
Klik login menuju ke M01
Klik icon menuju ke AM09
Gambar 3.27. Form tracking
g. Form registrasi AM07
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik registrasi menuju ke AM06
Klik tombol registrasi menuju
AM07 Klik forgot
password manuju ke AM08
Klik login menuju ke M01mba
Forgot password
Tracking
email password
TEKS username
kota alamat
provinsi
telepon Security code
kodepos SECURITY CODE
Berupa huruf dan angka
Ø LOGIN MEMBER email
password Ø HUBUNGI KAMI
Ø Info Client
Gambar 3.28. Form registrasi
h. Form Terima Kasih AM08
produk Tentang kami
Pengiriman dan pembayaran Registrasi
HEADER Cara Pemesanan
Klik home menuju ke AM01
Klik produk menuju ke AM02
Klik Tentang Kami menuju ke AM03
Klik Pengiriman dan Pembayaran
menuju ke AM04 Klik Cara
Pemesanan menuju ke AM05
Klik registrasi menuju ke AM06
Klik tombol registrasi menuju
AM07 Klik forgot
password manuju ke AM08
Klik login menuju ke M01mba
FOOTER
Forgot password
Tracking
UCAPAN TERIMA KASIH Ø LOGIN MEMBER
email password
Ø HUBUNGI KAMI Ø Info Client
Gambar 3.29. Form terima kasih
3.2.3.2 Antarmuka Member
a. Form home member M01
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik Pengiriman Pembayaran
menuju ke M07 Klik Cara
Pemesanan menuju ke M08
Klik Tracking menuju ke M09
Klik icon menuju M10
Klik Log Out menuju ke AM01
Ø KATEGORI Flash Disk
Hard Disk Keyboard Mouse
Memory Monitor
Processor Speaker
Ø PENCARIAN PRODUK Ø Info Client
Ø KERANJANG
Ø HUBUNGI KAMI
Ø TRANSFER TEKS SELAMAT DATANG
PRODUK TERBARU
PRODUK TERLARIS
FOOTER
Ø CEK PESANAN Pesanan Anda
PRODUK PALING BANYAK DILIHAT
Tracking
Ø SELAMAT DATANG email yang login
Gambar 3.30. Form home member
b. Form produk M02
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik menuju ke M03
Klik keranjang belanja ke M03
Klik Pengiriman Pembayaran
menuju ke M07 Klik Cara
Pemesanan menuju ke M08
Klik Tracking menuju ke M09
Klik icon menuju M10
Klik Log Out menuju ke AM01
Ø KATEGORI Flash Disk
Hard Disk Keyboard Mouse
Memory Monitor
Processor Speaker
Ø PENCARIAN PRODUK Ø Info Client
Ø KERANJANG
Ø HUBUNGI KAMI
Ø TRANSFER MERK PRODUK
PRODUK
FOOTER
Ø CEK PESANAN Pesanan Anda
Tracking
Ø SELAMAT DATANG email yang login
Nana produk : Ket :
gambar harga
Gambar 3.31. Form produk
c. Form keranjang belanja M03
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik tombol kembali berbalanja menuju
M01 Klik tombol update
menuju ke M03 Klik tujuan
pengiriman menuju ke M04
Klik Pengiriman Pembayaran
menuju ke M07 Klik Cara
Pemesanan menuju ke M08
Klik Tracking menuju ke M09
Klik Log Out menuju ke AM01
FOOTER Tracking
Ø SELAMAT DATANG email yang login
TEKS
INFO PRODUK YANG ADA DI KERANJANG
TEKS Ø KERANJANG
Ø HUBUNGI KAMI Ø Info Client
Gambar 3.32. Form keranjang belanja
d. Form tujuan pengiriman M04
produk home
Keranjang Belanja Pengiriman dan pembayaran
Log Out HEADER
Cara Pemesanan
Klik home menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik tombol lanjutkan menuju
ke menu M05 Klik Pengiriman
dan Pembayaran menuju ke M07
Klik Cara Pemesanan
menuju ke M08 Klik Tracking menju
ke M09 Klik Log Out
menuju ke AM01
FOOTER
Form Tujuan Pengiriman Produk nama
kota alamat
provinsi
telepon kodepos
Ø SELAMAT DATANG email yang login
Ø KERANJANG
Ø HUBUNGI KAMI Ø Info Client
Gambar 3.33. Form tujuan pengiriman
e. Form selesai M05
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik tombol kembali pengaturan menuju
ke M04 Klik tombol ckeck
out menuju ke M06 Klik Pengiriman
Pembayaran menuju ke M07
Klik Cara Pemesanan
menuju ke M08 Klik Tracking
menuju ke M09 Klik icon
menuju M10 Klik Log Out
menuju ke AM01 Ø PENCARIAN PRODUK
Ø KERANJANG
Ø HUBUNGI KAMI
Ø TRANSFER DATA PENGIRIMAN BARANG
ALAMAT PENGIRIMAN
FOOTER
Ø CEK PESANAN Pesanan Anda
Tracking
Ø SELAMAT DATANG email yang login
Gambar 3.34. Form selesai
f. Form Check Out M06
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik Pengiriman Pembayaran
menuju ke M07 Klik Cara
Pemesanan menuju ke M08
Klik Tracking menuju ke M09
Klik icon menuju M10
Klik Log Out menuju ke AM01
Ø PENCARIAN PRODUK Ø KERANJANG
Ø HUBUNGI KAMI
Ø TRANSFER DATA PENGIRIMAN BARANG
FOOTER
Ø CEK PESANAN Pesanan Anda
Tracking
Ø SELAMAT DATANG email yang login
Gambar 3.35. Form check out
g. Form pengiriman dan pembayaran M07
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik Pengiriman Pembayaran
menuju ke M07 Klik Cara
Pemesanan menuju ke M08
Klik Tracking menuju ke M09
Klik icon menuju M10
Klik Log Out menuju ke AM01
Ø KATEGORI Flash Disk
Hard Disk Keyboard Mouse
Memory Monitor
Processor Speaker
Ø PENCARIAN PRODUK Ø Info Client
Ø KERANJANG
Ø HUBUNGI KAMI
Ø TRANSFER TEKS PENGIRIMAN DAN PEMBAYARAN
FOOTER
Ø CEK PESANAN Pesanan Anda
Tracking
Ø SELAMAT DATANG email yang login
Gambar 3.36. Form pengiriman dan pembayaran
h. Form cara pemesanan M08
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik Pengiriman Pembayaran
menuju ke M07 Klik Cara
Pemesanan menuju ke M08
Klik Tracking menuju ke M09
Klik icon menuju M10
Klik Log Out menuju ke AM01
Ø KATEGORI Flash Disk
Hard Disk Keyboard Mouse
Memory Monitor
Processor Speaker
Ø PENCARIAN PRODUK Ø Info Client
Ø KERANJANG
Ø HUBUNGI KAMI
Ø TRANSFER TEKS CARA PEMESANAN
FOOTER
Ø CEK PESANAN Pesanan Anda
Tracking
Ø SELAMAT DATANG email yang login
Gambar 3.37. Form cara pemesanan
i. Form Tracking M09
produk Keranjang Belanja
Pengiriman pembayaran Log Out
HEADER Cara Pemesanan
Klik menuju ke M01
Klik produk menuju ke M02
Klik keranjang belanja ke M03
Klik Pengiriman Pembayaran
menuju ke M07 Klik Cara
Pemesanan menuju ke M08
Klik Tracking menuju ke M09
Klik tombol tracking menuju web
tracking JNE Klik icon
menuju M10 Klik Log Out
menuju ke AM01 Ø KATEGORI
Flash Disk Hard Disk
Keyboard Mouse Memory
Monitor Processor
Speaker Ø PENCARIAN PRODUK
Ø Info Client Ø KERANJANG
Ø HUBUNGI KAMI
Ø TRANSFER TEKS
FOOTER
Ø CEK PESANAN Pesanan Anda
Tracking
Ø SELAMAT DATANG email yang login
No resi
Gambar 3.38. Form Tracking
3.2.3.3 Antarmuka adminoperator
a. Form login admin
A01
USERNAME PASSWORD
Klik login akan dibawa ke menu
A02
Gambar 3.39. Form login admin
b. Form home
A02
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik produk menuju ke A05
Klik kategori menuju ke A07
Klik pesanan menuju ke A10
Klik laporan menuju ke A14
Klik Log Out akan dibawa ke menu
A01
DATA PRODUK
laporan
Data Produk
Gambar 3.40. Form home admin
c. Form merk produk
A03
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik tambah merk akan menuju ke
A04 Klik view merk akan
menuju ke A03 Klik produk menuju
ke A05 Klik kategori
menuju ke A07 Klik pesanan
menuju ke A10 Klik laporan menuju
ke A14 Klik Log Out akan
dibawa ke menu A01
laporan
Tambah Merk | View Merk
DATA MERK
Gambar 3.41. Form merk produk
d. Form tambah merk A05
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik tambah merk akan menuju ke
A04 Klik view merk akan
menuju ke A03 Klik produk menuju
ke A05 Klik kategori
menuju ke A07 Klik pesanan
menuju ke A10 Klik laporan menuju
ke A14 Klik Log Out akan
dibawa ke menu A01
laporan
Tambah Merk | View Merk
Nama merk image
TAMBAH MERK BARU
Gambar 3.42. Form tambah merk
e. Form produk
A06
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke menu A03
Klik produk menuju ke menu A05
Klik tambah produk menuju ke menu
A06 Klik view produk
menuju ke menu A05
Klik tambah stok menuju ke menu
A07 Klik kategori
menuju ke menu A08
Klik pesanan menuju ke A10
Klik laporan menuju ke menu A14
Klik Log Out akan dibawa ke menu
A01
laporan
Tambah Produk | View Produk | Tambah Stok
DATA PRODUK
Gambar 3.43. Form produk
f. Form tambah produk
A07
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke menu A03
Klik produk menuju ke menu A05
Klik tambah produk menuju ke menu
A06 Klik view produk
menuju ke menu A05
Klik tambah stok menuju ke menu
A07 Klik kategori
menuju ke menu A08
Klik pesanan menuju ke A10
Klik laporan menuju ke menu A14
Klik Log Out akan dibawa ke menu
A01
laporan
Merk produk TAMBAH PRODUK BARU
Kategori produk Nama produk
Harga produk Description produk
Stock image
Berat produk Tambah Produk | View Produk | Tambah Stok
Gambar 3.44. Form tambah produk
g. Form kategori produk
A08
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik produk menuju ke A05
Klik kategori menuju ke A08
Klik tambah kategori menuju ke
menu A09 Klik view kategori
menuju ke menu A08
Klik pesanan menuju ke A10
Klik laporan menuju ke A14
Klik Log Out akan dibawa ke menu
A01
laporan
Tambah kategori | View kategori
DATA KATEGORI
Gambar 3.45. Form kategori produk
h. Form tambah kategori
A09
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik produk menuju ke A05
Klik kategori menuju ke A08
Klik tambah kategori menuju ke
menu A09 Klik view kategori
menuju ke menu A08
Klik pesanan menuju ke A10
Klik laporan menuju ke A14
Klik Log Out akan dibawa ke menu
A01
laporan
Tambah kategori | View kategori
Nama kategori TAMBAH KATEGORI BARU
Gambar 3.46. Form tambah kategori
i. Form pesanan
A10
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik produk menuju ke A05
Klik kategori menuju ke A08
Klik pesanan menuju ke A10
Klik laporan menuju ke A14
Klik Log Out akan dibawa ke menu
A01
laporan
Terbayar | Terkirim | Tersampaikan
DATA PESANAN
Gambar 3.47. Form pesanan
j. Form laporan
A14
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik produk menuju ke A05
Klik kategori menuju ke A08
Klik pesanan menuju ke A10
Klik laporan menuju ke A14
Klik Log Out akan dibawa ke menu
A01
laporan
Laporan Penjualan | Laporan Produk
DATA LAPORAN
Gambar 3.48. Form laporan
3.2.3.4 Antarmuka adminsuperadmin
a. Form login admin AS01
USERNAME PASSWORD
Klik login akan dibawa ke menu
A02
Gambar 3.49. Form login admin
b. Form home AS02
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke menu A03
Klik merk menuju ke A05
Klik produk menuju ke A07
Klik kategori menuju ke A10
Klik pesanan menuju ke A12
Klik laporan menuju ke A16
Klik Log Out akan dibawa ke menu
A01
DATA PRODUK
laporan
Data Produk
admin
Gambar 3.50. Form home
c. Form admin AS03
produk merk
kategori pesanan
Log out HEADER
Klik merk menuju ke A03
Klik tambah merk akan menuju ke
A04 Klik view merk akan
menuju ke A03 Klik produk menuju
ke A05 Klik kategori
menuju ke A08 Klik pesanan
menuju ke A10 Klik laporan menuju
ke A14 Klik Log Out akan
dibawa ke menu A01
laporan
Tambah admin | View admin
DATA ADMIN
admin
Gambar 3.51. Form admin
d. Form tambah admin AS04
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke menu A03
Klik tambah admin menuju ke manu
A04 Klik ciew admin
menuju ke manu A03
Klik merk menuju ke A05
Klik produk menuju ke A07
Klik kategori menuju ke A10
Klik pesanan menuju ke A12
Klik laporan menuju ke A16
Klik Log Out akan dibawa ke menu
A01
laporan
Tambah admin | View admin
Nama Admin Password
TAMBAH ADMIN BARU Status
Operator Administrator
admin
Gambar 3.52. Form tambah admin
e. Form merk AS05
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke menu AS03
Klik merk menuju ke AS05
Klik tambah merk menuju ke menu
AS06 Klik view merk
menuju ke manu AS05
Klik produk menuju ke AS07
Klik kategori menuju ke AS10
Klik pesanan menuju ke AS12
Klik laporan menuju ke AS16
Klik Log Out akan dibawa ke menu
A01
laporan
Tambah Merk | View Merk
DATA MERK
admin
Gambar 3.53. Form merk
f. Form tambah merk AS06
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke menu AS03
Klik merk menuju ke AS05
Klik tambah merk menuju ke menu
AS06 Klik view merk
menuju ke manu AS05
Klik produk menuju ke AS07
Klik kategori menuju ke AS10
Klik pesanan menuju ke AS12
Klik laporan menuju ke AS16
Klik Log Out akan dibawa ke menu
A01
laporan
Tambah Merk | View Merk
Nama merk image
TAMBAH MERK BARU
admin
Gambar 3.54. Form tambah merk
g. Form produk AS07
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke menu AS03
Klik merk menuju ke AS05
Klik produk menuju ke AS07
Klik tambah produk menuju ke menu
AS08 Klik view produk
menuju ke manu AS07
Klik tambah stok menuju ke menu
AS09 Klik kategori
menuju ke AS10 Klik pesanan
menuju ke AS12 Klik laporan menuju
ke AS16 Klik Log Out akan
dibawa ke menu A01
laporan
DATA PRODUK
admin
Tambah Produk | View Produk | Tambah Stok
Gambar 3.55. Form produk
h. Form tambah produk AS08
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke menu AS03
Klik merk menuju ke AS05
Klik produk menuju ke AS07
Klik tambah produk menuju ke menu
AS08 Klik view produk
menuju ke manu AS07
Klik tambah stok menuju ke menu
AS09 Klik kategori
menuju ke AS10 Klik pesanan
menuju ke AS12 Klik laporan menuju
ke AS16 Klik Log Out akan
dibawa ke menu A01
laporan admin
Merk produk TAMBAH PRODUK BARU
Kategori produk Nama produk
Harga produk Description produk
Stock image
Berat produk Tambah Produk | View Produk | Tambah Stok
Gambar 3.56. Form tambah produk
i. Form kategori AS10
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke manu AS03
Klik merk menuju ke AS05
Klik produk menuju ke AS07
Klik kategori menuju ke AS10
Klik tambah kategori menuju ke
menu AS11 Klik view kategori
menuju ke menu AS10
Klik pesanan menuju ke A12
Klik laporan menuju ke A16
Klik Log Out akan dibawa ke menu
A01
laporan
DATA KATEGORI
admin
Tambah kategori | View kategori
Gambar 3.57. Form kategori
j. Form tambah kategori AS11
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke manu AS03
Klik merk menuju ke AS05
Klik produk menuju ke AS07
Klik kategori menuju ke AS10
Klik tambah kategori menuju ke
menu AS11 Klik view kategori
menuju ke menu AS10
Klik pesanan menuju ke A12
Klik laporan menuju ke A16
Klik Log Out akan dibawa ke menu
A01
laporan admin
Tambah kategori | View kategori
Nama kategori TAMBAH KATEGORI BARU
Gambar 3.58. Form tambah kategori
k. Form pesanan AS12
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke manu AS03
Klik merk menuju ke AS05
Klik produk menuju ke AS07
Klik kategori menuju ke AS10
Klik pesanan menuju ke A12
Klik laporan menuju ke A16
Klik Log Out akan dibawa ke menu
A01
laporan admin
Terbayar | Terkirim | Tersampaikan
DATA PESANAN
Gambar 3.59. Form pesanan
l. Form laporan AS16
produk merk
kategori pesanan
Log out HEADER
Klik admin menuju ke manu AS03
Klik merk menuju ke AS05
Klik produk menuju ke AS07
Klik kategori menuju ke AS10
Klik pesanan menuju ke A12
Klik laporan menuju ke A16
Klik Log Out akan dibawa ke menu
A01
laporan admin
Laporan Penjualani | Laporan Produk
DATA LAPORAN
Gambar 3.60. Form laporan
3.2.4 Perancangan Pesan
M001 Apakah anda yakin data akan di hapus?
ok cancel
Gambar 3.61. Form tampilan pesan delete
M002 Login Please
ok
Gambar 3.62. Form tampilan pesan please login
M003 Kesalahan Input Data Pada :
ok
Gambar 3.63. Form tampilan pesan kesalahan input
M002 M004
Silahkan masukan no resi ok
Gambar 3.64. Form tampilan pesan kesalahan input
3.2.5 Jaringan semantik
a. Jaringan semantik interface pengunjung
AM06 AM01
AM05 AM04
AM03 AM02
AM07 M002
M003 M004
Gambar 3.65. Jaringan semantik pengunjung
b. Jaringan semantik interface member
M02 M01
M07
M06
M03 M04
M05
M001 M08
M09
M003 M004
Gambar 3.66. Jaringan semantik member
c. Jaringan semantik interface administrator
A02 A01
A09
A05 A07
A08
A06
M001 M001
M001 A03
A04
Gambar 3.67. Jaringan semantik administrator
3.2.6 Perancangan Prosedural
1. Flowchart Tambah Data, merupakan prosedur yang terjadi ketika
Administrator , pengunjung atau member menginputkan data baru.
Mulai
Pilih menu data yang akan ditambah
Data sudah lengkap?
Data valid? Ya
Ya Tidak
Selesai Isi data yang akan
ditambah
Tampil pesan invalid data
tidak
Tampil pesan invalid data
Tampil Pesan Data Sudah Tersimpan di
Database database
Simpan? Ya
Tidak
Masukkan Data Kedalam Database
Data tidak jadi ditambahkan
Gambar 3.68. flowchart tambah data
2. Flowchart Ubah Data, merupakan prosedur yang terjadi ketika
Administrator atau member mengubah data yang dianggap perlu
dilakukan perubahan.
Mulai
Pilih menu data yang akan diubah
Data sudah lengkap?
Data valid? Ya
Ya Tidak
Selesai Ubah data yang telah
dipilih
Tampil pesan invalid data
tidak
Tampil Pesan invalid data
Tampil Pesan Data Sudah diubah di
Database database
Ubah? Ya
Tidak
Masukkan Data Kedalam Database
Data tidak jadi diubah
Gambar 3.69. Flowchart ubah data
3. Flowchart Hapus Data, merupakan prosedur yang terjadi ketika
Administrator atau member menghapus data.
Mulai
Pilih data yang akan dihapus
Ya
Selesai Tidak
Tampil Pesan Data Sudah Dihapus
Tampil Pesan konfirmasi apakah
yakin akan menghapus data
database Hapus data terpilih dari
database Tidak
Ya
Gambar 3.70. Flowchart hapus data
105
BAB IV IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang baru. Tahapan ini dilakuka 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 aplikasi yang baru untuk
pengembangan selanjutnya.
4.1 Implementasi
Setelah sistem dianalisis dan didesain secara rinci maka akan menuju tahap implementasi yang bertujuan untuk mengkonfirmasi modul
– modul perancangan, sehingga pengguna dapat memberi masukan kepada pengembang sistem.
4.1.1 Implementasi Perangkat Keras
Perangkat keras yang digunakan untuk mengimplementasikan sistem e - commerce ini akan dijelaskan pada tebel 4.1
Tabel 4.1 Implementasi Perangkat Keras No
Perangkat Keras
1 Processor dengan kecepatan 2 GHz 2 Kapasitas HardDisk 250GB
3 RAM 1 GB 4 VGA Card 256 64MB
5 Monitor minimal dengan resolusi 1024x768 6 Lan Card 10100Mbps
7 Koneksi internet MOBI 64kbps 8 mouse
9 keyboard
4.1.2 Implementasi Perangkat Lunak
Perangkat lunak yang digunakan untuk mengimplementasikan sistem e - commerce ini akan dijelaskan pada tebel 4.2
Tabel 4.2 Implementasi Perangkat Lunak
No Perangkat Lunak
1 Windows seven sebagai Sistem Operasi 2 Macromedia Dreamweaver 8
3 menggunakan bahasa pemrograman PHP 4 MySQL sebagai Database
5 Web Server phpMyAdmin 6 Mozilla Firefox sebagai browser
4.1.3 Implementasi Database
Pembuatan database
dilakukan dengan
menggunakan aplikasi
PHPMyAdmin. Implementasi database dalam bahasa SQL adalah sebagai berikut:
1. Tabel admin
CREATE TABLE `admin`
`idadm` smallint5 NOT NULL auto_increment, `admuser` varchar50 NOT NULL,
`password` varchar100 NOT NULL, `status` enum1,0 NOT NULL default 0,
PRIMARY KEY `idadm`
ENGINE = InnoDB DEFAULT CHARSET = latin1
AUTO_INCREMENT = 3 ;
2. Tabel member
CREATE TABLE `member` `iduser` int10 NOT NULL auto_increment,
`username` varchar30 NOT NULL, `password` varchar50 NOT NULL,
`email` varchar75 NOT NULL, `kota` int10 NOT NULL,
`alamat` varchar100 NOT NULL,
`kodepos` int7 NOT NULL, `telepon` varchar15 NOT NULL,
PRIMARY KEY `iduser`, UNIQUE KEY `email` `email`,
KEY `kota` `kota` CONSTRAINT `member_ibfk_1` FOREIGN KEY `kota`
REFERENCES `kota` `kdkota`;
ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
3. Tabel kota
CREATE TABLE `kota`
`kdkota` smallint5 NOT NULL auto_increment, `kdpro` smallint5 NOT NULL,
`nama_kota` varchar50 NOT NULL, `kabkota` varchar50 NOT NULL,
`ongkos` double NOT NULL, PRIMARY KEY `kdkota`,
UNIQUE KEY `nama_kota` `nama_kota`,`kabkota`, KEY `kdpro` `kdpro`
CONSTRAINT `kota_ibfk_1` FOREIGN KEY `kdpro` REFERENCES `propinsi` `kdpro`;
ENGINE = InnoDB DEFAULT CHARSET = latin1
AUTO_INCREMENT = 425 ;
4. Tabel propinsi
CREATE TABLE `propinsi`
`kdpro` smallint5 NOT NULL auto_increment, `nama_propinsi` varchar50 NOT NULL,
PRIMARY KEY `kdpro`, UNIQUE KEY `nama_pro` `nama_propinsi`
ENGINE = InnoDB DEFAULT CHARSET = latin1
AUTO_INCREMENT = 34 ;
5. Tabel produk
CREATE TABLE `product`
`idpro` int10 NOT NULL auto_increment, `idmerk` int10 NOT NULL,
`nama` varchar50 NOT NULL, `harga` int11 NOT NULL,
`description` varchar100 NOT NULL, `berat` int11 NOT NULL,
