Requirement definition
System and software design
Implementation and unit testing
Integration and system testing
Operationand maintenance
Gambar I.1 Model Waterfall
I.6 Sistematika Penulisan
Penulisan laporan tugas akhir ini dibagi menjadi lima bab, seperti yang dijelaskan sebagai berikut:
Bab I Pendahuluan
Pada bab ini membahas tentang latar belakang masalah, rumusan
masalah, maksud dan tujuan, batasan masalah ruang lingkup
kajian, metode penelitian, dan sistematika penulisan.
Bab II Tinjauan Pustaka
Pada bab ini menjabarkan profil singkat tempat skripsi mengenai sejarah instansi, logo instansi, badan hukum instansi, struktur
organisasi dan job description. Sedangkan landasan teori berisi teori-teori pendukung dalam membangun aplikasi e-commerce
pada toko IBC Computer Bandung.
Bab III Analisis dan Perancangan Sistem
Pada bab ini menjelaskan tentang perancangan sistem secara keseluruhan berdasarkan hasil analisis. Perancangan sistem ini
mencangkup pemodelan sistem yang dibuat, seperti Entity Relationship Diagram ERD, Diagram Konteks dan Data Flow
Diagram DFD. Tahap perancangan berisi tahapan-tahapan dalam perancangan antar muka, perancangan input dan perancangan
output, disertai keterangan komponen yang mendukung terciptanya suatu aplikasi yang dinamis.
Bab IV Implementasi dan Pengujian Sistem
Pada bab ini menjelaskan tentang implementasi hasil dari analisis dan perancangan sistem kedalam bentuk bahasa pemograman.
Serta kebutuhan perangkat keras dan perangkat lunak yang diperlukan dalam mengembangkan sistem. Selain itu, akan dibahas
tentang pengujian dari aplikasi yang dibuat.
Bab V Kesimpulan dan Saran
Bab ini berisi kesimpulan dari setiap tahapan yang dilewati dalam penelitian tugas akhir ini, dan berisi saran untuk pengembangan
sistem selanjutnya.
12
Bab II Tinjauan Pustaka
II.1 Tinjauan Perusahaan II.1.1 Profil Singkat Perusahaan
Toko IBC Computer yang beralamat di Jl. A. Yani No. 296 Bandung tepatnya di Plaza IBCC Lt. UG Blok D 60-61 dirintis oleh Bapak Chandra. Toko
IBC Computer menjual berbagai macam merk laptop. Awalnya toko ini hanya menjual beberapa merk laptop saja, namun seiring dengan berjalannya waktu toko
ini terus berkembang sehingga laptop yang di jual semakin banyak dari berbagai merk terkenal yang ada di pasaran.
II.1.2 Visi dan Misi Perusahaan Visi
Menjadi pusat penjualan laptop terbesar dan terlengkap khususnya di kota bandung.
Misi
Menyediakan berbagai model dan merk produk yang terbaru dan di butuhkan oleh banyak konsumen.
II.1.3 Struktur Organisasi dan Fungsi
Pimpinan pada Toko IBC Computer adalah pemilik dan perintisnya itu sendiri yang menentukan arah dan kebijakan jalannya usaha. Toko IBC Computer
Bandung menerapkan struktur organisasi lini, dimana seorang pemimpin memberikan perintah langsung kepada bawahannya. Hal ini diwujudkan dalam
wewenang dan tanggung jawab dari bawahan kepada atasannya sebagaimana terlihat didalam struktur organisasi berikut:
Store Manager
Bagian Gudang
Kasir
Gambar II.1 Struktur Organisasi Toko IBC Computer Bandung Secara umum tugas dan fungsi organisasi dari masing-masing bagian adalah
sebagai berikut : a.
Store Manager Pimpinan adalah sekaligus pemilik usaha, dimana segala keputusan
dan kebijakan serta pengawasan jalannya usaha ditentukan olehnya. b. Kasir
Bagian ini melakukan kegiatan pendataan barang yang masuk dan keluar dan melayani customer, dan bagian inilah yang akan
melaporkan semua hasil transaksi kepada store manager. c. Bagian Gudang
Bagian ini melakukan kegiatan penerimaan barang, pengeluaran barang dan memonitor jumlah keadaan persediaan barang, dan
melaporkan kepada store manager jika persediaan barang tidak mencukupi.
II.2 Landasan Teori II.2.1. Konsep Dasar Sistem
Sistem menurut Jogianto 1990 dapat didefinisikan sebagai suatu kesatuan yang terdiri dari dua atau lebih komponen atau subsistem yang
berinteraksi untuk mencapai suatu tujuan. Sedangkan menurut wikipedia, sistem berasal dari bahasa Latin
systēma dan bahasa Yunani sustēma adalah suatu kesatuan yang terdiri komponen atau elemen yang dihubungkan bersama untuk
memudahkan aliran informasi, materi atau energi.
II.2.1.1 Karakteristik Sistem
Suatu sistem mempunyai beberapa karakteristik, yaitu: 1. Komponen Sistem Components
Komponen-komponen sistem atau elemen-elemen sistem dapat berupa suatu subsistem atau bagian-bagian sistem, yang mempunyai sifat-sifat
dari sistem untuk menjalankan suatu fungsi tertentu dan mempengaruhi proses sistem keseluruhan.
2. Batas Sistem Boundary Batas sistem boundary merupakan daerah yang membatasi antara suatu
sistem dengan sistem yang lainnya atau dengan lingkungan luarnya. Batas suatu sistem menunjukkan ruang lingkup scope dari sistem tersebut.
3. Lingkungan Luar Sistem Environments Lingkungan luar environments dari suatu sistem adalah apapun diluar
batas dari sistem yang mempengaruhi operasi sistem. Lingkungan luar sistem dapat bersifat menguntungkan dan merugikan sistem.
4. Penghubung Sistem Interface Penghubung interface merupakan media penghubung antara satu
subsistem dengan susbsistem lainnya sehingga memungkinkan sumber- sumber daya mengalir antara subsistem yang satu dengan yang lain.
5. Masukan Sistem Input Masukan input adalah energi yang dimasukkan ke dalam sistem.
Masukan dapat berupa masukan perawatan maintenance input dan masukan sinyal signal input.
6. Keluaran Sistem Output Keluaran output adalah hasil dari energi yang diolah dan diklasifikasikan
menjadi keluaran yang berguna dan sisa pembuangan. Keluaran dapat merupakan masukan untuk subsistem yang lain atau kepada supra sistem.
7. Pengolah Sistem Process Suatu sistem dapat mempunyai suatu bagian pengolah yang akan merubah
masukan jadi keluaran. 8. Sasaran Sistem Objectives
Sasaran dari sistem sangat menentukan sekali masukan yang dibutuhkan sistem dan keluaran yang akan dihasilkan sistem. Suatu sistem dikatakan
berhasil bila mengenai sasaran atau tujuannya.
Input Pengolah
Output Sub
Sistem Sub
Sistem Sub
Sistem Sub
Sistem Boundary
Boundary
Boundary Interface
Lingkungan Luar
Gambar II.2 Karakteristik Sistem
II.2.1.2 Klasifikasi Sistem
Sistem dapat diklasifikasikan dari beberapa sudut pandang, diantaranya adalah sebagai berikut :
1. Sistem diklasifikasikan sebagai sistem abstrak abstract system dan sistem fisik physical system. Sistem abstrak adalah sistem yang
berupa pemikiran atau ide-ide yang tidak tampak secara fisik, misalnya sistem teologia dan sistem fisik merupakan sistem yang ada secara
fisik, misalnya sistem komputer. 2. Sistem diklasifikasikan sebagai sistem alamiah natural system dan
sistem buatan manusia human made system. Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak dibuat manusia,
misalnya sistem perputaran bumi dan sistem buatan manusia adalah sistem yang dirancang oleh manusia.
3. Sistem diklasifikasikan sebagai sistem tertentu deterministic system dan sistem tak tentu probabilistic system. Sistem tertentu beroperasi
dengan tingkah laku yang sudah dapat diprediksi dan sistem tak tentu adalah sistem yang kondisi masa depannya tidak dapat diprediksi
karena mengandung unsur probabilitas. 4. Sistem diklasifikasikan sebagai sistem tertutup closed system dan
sistem terbuka open system. Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak terpengaruh dengan lingkungan luarnya
dan sistem terbuka adalah sistem yang berhubungan dan terpengaruh dengan lingkungan luarnya.
II.2.2 Konsep Dasar Informasi
Informasi adalah data yang telah di olah dan di organisasi melalui suatu proses dan dengan maksud tertentu. Data yang sudah ada dikemas dan diolah
sedemikian rupa sehingga menjadi sebuah informasi yang berguna. Sebagai contoh bila kita memasukan nama-nama mahasiswa dengan nilai rata-rata ,nama-
nama konsumen dengan saldo bank,jumlah gaji dengan jumlah jam kerja,kita akan mendapatkan informasi yang berguna. Berikut adalah pembahasan definisi
informasi berdasarkan berbagai sumber. Informasi merupakan suatu hasil dari pemrosesan data menjadi sesuatu
yang bermakna bagi yang menerimanya, sebagaimana dikemukakan oleh Vercellis 2009: 7 “Information is the outcome of extraction and processing
activities carried out on data, and it appears meaningful for those who receive it in a specific domain
.” Selain merupakan hasil dari pengolahan data, informasi
juga menggambarkan sebuah kejadian, sebagaimana dikemukakan oleh Wawan dan Munir 2006: 1 bahwa “Informasi merupakan hasil dari pengolahan data
dalam suatu bentuk yang menggambarkan suatu kejadian-kejadian event yang nyata fact
dengan lebih berguna dan lebih berarti “. Dengan demikian informasi dapat dijelaskan kembali sebagai sesuatu yang
dihasilkan dari pengolahan data menjadi lebih mudah dimengerti dan bermakna yang menggambarkan suatu kejadian dan fakta yang ada.
II.2.3 Sistem Informasi II.2.3.1 Pengertian Sistem Informasi
Sistem informas dapat di bedakan menjadi dua yaitu sistem informasi manual dan sistem informasi berbasis komputer CBIS. CBIS atau selanjutnya di
sebut sistem informasi SI saja adalah jenis sistem informasi yang menggunakan komputer.
Beberapa pengertian sistem informasi menurut beberepa sumber : a. Alter 1992
Sistem informasi adalah kombinasi antar prosedur kerja, informasi, orang, dan teknologi informasi yang diorganisasikan untuk mencapai tujuan
dalam sebuah organisasi b. Bodnar dan Hopwood 1993
Sistem informasi adalah kumpulan perangkat keras dan perangkat lunak yang dirancang untuk mentransformasikan data ke dalam bentuk informasi
yang berguna.
c. Gelinas Oram dan Wiggins 1990 Sistem informasi adalah suatu sistem buatan manusia yang secara umum
terdiri atas sekumpulan komponen berbasis komputer dan manual yang dibuat untuk menghimpun, menyimpan, dan mengelola data serta
menyediakan informasi keluaran kepada para pemakai. d. Hall 2001
Sistem informasi adalah sebuah rangkaian prosedur formal di mana data dikelompokkan, diproses menjadi informasi, dan didistribusikan kepada
pemakai. Jadi sistem informasi merupakan kumpulan dari berbagai komponen dalam
sebuah organisasi seperti pegawai,komputer dan alat yang membantu dalam pengelolaan data dalam suatu organisasi.
II.2.3.2 Fungsi Sistem Informasi
Adapun beberapa kemampuan sistem informasi adalah sebagai berikut: 1. Melaksanakan komputasi numerik,bervolume besar,dengan kecepatan
tinggi. 2. Menyediakan komunikasi dalam organisasi atau antar organisasi yang
murah akurat dan cepat. 3. Menyimpan informasi dalam jumlah yang sangat besar dalam ruang yang
kecil tetapi mudah diakses 4. Memungkinkan pengaksesan informasi yang sangat banyak di seluruh
dunia dengan cepat dan murah
5. Meningkatkan efektivitas dan efisiensi orang-orang yang bekerja dalam kelompok dalam suatu tempat atau pada beberapa lokasi
6. Menyajikan informasi dengan jelas yang menggugah pikiran manusia 7. Mengotomasikan proses-proses bisnis yang semiotomatis dan tugas-tugas
yang dikerjakan secara manual. Selain kemampuan sistem informasi juga mempunyai beberapa peranan
penting antara lain : 1. Berpartisipasi dalam pelaksanaan tugas-tugas otomasi.
2. Mengaitkan perencanaan, pengerjaan, dan pengendali dalam sebuah subsistem.
3. Mengkoordinasikan subsistem-subsistem. 4. Mengintegrasikan subsistem-subsistem.
II.2.4 Sistem Online
Sistem online adalah sistem yang menerima langsung input pada area dimana input tersebut direkam dan menghasilkan output yang dapat berupa hasil
komputasi pada area dimana mereka dibutuhkan. Area sendiri dapat dipisah-pisah dalam skala, misalnya ratusan kilometer. Biasanya digunakan bagi reservasi
angkutan udara, reservasi kereta api, perbankan dan lain-lain.
II.2.5 Konsep Dasar Web II.2.5.1 Website
Secara terminologi, website adalah kumpulan dari halaman-halaman situs, yang biasanya terangkum dalam sebuah domain atau subdomain, yang tempatnya
berada di dalam World Wide Web WWW di Internet. Sebuah halaman web
adalah dokumen yang ditulis dalam format HTML Hyper Text Markup Language, yang hampir selalu bisa diakses melalui HTTP, yaitu protokol yang
menyampaikan informasi dari server website untuk ditampilkan kepada para pemakai melalui web browser. Semua publikasi dari website-website tersebut
dapat membentuk sebuah jaringan informasi yang sangat besar. Halaman-halaman dari website akan bisa diakses melalui sebuah URL
yang biasa disebut Homepage. URL ini mengatur halaman-halaman situs untuk menjadi sebuah hirarki, meskipun, hyperlink-hyperlink yang ada di halaman
tersebut mengatur para pembaca dan memberitahu mereka sususan keseluruhan dan bagaimana arus informasi ini berjalan.
Beberapa website membutuhkan subskripsi data masukan agar para user bisa mengakses sebagian atau keseluruhan isi website tersebut. Contohnya, ada
beberapa situs-situs bisnis, situs-situs email gratisan, yang membutuhkan subkripsi agar kita bisa mengakses situs tersebut.
II.2.5.2 Aplikasi Web
Dalam rekayasa perangkat lunak, suatu aplikasi web bahasa Inggris: web application atau sering disingkat webapp adalah suatu aplikasi yang diakses
menggunakan penjelajah web melalui suatu jaringan seperti Internet atau intranet. Ia juga merupakan suatu aplikasi perangkat lunak komputer yang dikodekan
dalam bahasa yang didukung penjelajah web seperti HTML, JavaScript, AJAX, Java, dll dan bergantung pada penjelajah tersebut untuk menampilkan aplikasi.
Aplikasi web menjadi populer karena kemudahan tersedianya aplikasi klien untuk mengaksesnya, penjelajah web, yang kadang disebut sebagai suatu
thin client klien tipis. Kemampuan untuk memperbarui dan memelihara aplikasi web tanpa harus mendistribusikan dan menginstalasi perangkat lunak pada
kemungkinan ribuan komputer klien merupakan alasan kunci popularitasnya. Aplikasi web yang umum misalnya webmail, toko ritel daring, lelang daring, wiki,
papan diskusi, weblog, serta MMORPG.
II.2.5.3 WWW
World Wide Web disingkat sebagai WWW atau Web adalah suatu ruang informasi yang yang dipakai oleh pengenal global yang disebut Uniform Resource
Identifier URI untuk mengidentifikasi sumber-sumber daya yang berguna. WWW sering dianggap sama dengan Internet secara keseluruhan, walaupun
sebenarnya ia hanyalah bagian daripadanya. WWW World Wide Web, merupakan kumpulan web server dari seluruh
dunia yang berfungsi menyediakan data dan informasi untuk dapat digunakan bersama.
WWW atau biasa disebut web adalah bagian yang paling menarik dari Internet.
Melalui web, dapat mengakses informasi-informasi yang tidak hanya berupa teks tetapi bisa juga berupa gambar, suara, video dan animasi.
Fasilitas ini tergolong masih baru dibandingkan surel email, sebenarnya WWW merupakan kumpulan dokumen-dokumen yang sangat banyak yang berada
pada komputer server web server, di mana server-server ini tersebar di lima benua termasuk Indonesia, dan terhubung menjadi satu melalui jaringan Internet.
Dokumen-dokumen informasi ini disimpan atau dibuat dengan format HTML Hypertext Markup Language. Suatu halaman dokumen informasi dapat terdiri
atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen
lain. Keterkaitan halaman lewat teks ini disebut hypertext. Dokumen infomasi ini
tidak hanya terdiri dari teks tetapi dapat juga berupa gambar, mengandung suara bahkan klip video. Kaitan antar-dokumen yang seperti itu biasa disebut
hypermedia. Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen
multimedia yang saling terkoneksi menggunakan hyperteks link. Dengan mengklik hyperlink, maka bisa berpindah dari satu dokumen ke dokumen lainnya.
II.2.5.4 Web Browser
Web Browser adalah perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web.
Web Browser yang populer adalah Microsoft Internet Explorer dan Mozilla Firefox. Web Browser adalah jenis agen pengguna yang paling sering digunakan.
Web sendiri adalah kumpulan jaringan berisi dokumen dan tersambung satu dengan yang lain, yang dikenal sebagai World Wide Web.
II.2.5.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.
II.2.5.6 Istilah-istilah Dalam Pemrograman Web
Beberapa istilah yang sering digunakan dalam pemrograman web, antara lain :
a. Internet adalah kependekan International Networking, yang artinya jaringan komputer berskala internasional yang dapat membuat masing-
masing komputer saling berhubungan. b. TCPIP adalah kependekan dari Transmission Control ProtocolInternet
Protocol artinya protokol yang terdiri dari sub-protokol, yang beroperasi pada lapisan yang berbeda.
c. URL adalah kependekan dari Uniform Resource Locators, artinya sebuah alamat didalam internet yang terdiri dari 2 bagian. bagian pertama adalah
pengenal protokol dan bagian kedua pengenal domain. d. HTML adalah kependekan dari Hyper Text Markup Language, artinya
adalah protokol yang berfungsi untuk mendefinisikan dan menjelaskan bagaimana server dan client berinteraksi dalam pengiriman dan menerima
dokumen web. protokol ini di desain untuk mentransfer berkas yang berisi hyperteks seperti berkas yang berisi HTML yang digunakan world wide
web. e. FTP adalah kependekan dari File Transfer Protokol, artinya sebuah
protokol yang dipergunakan untuk mengirim berkas di antara dua komputer.
f. Gophers adalah Protokol Publikasi informasi berbasis karakter yang menggunakan menu untuk mengakses teks, menempatkan informasi yang
disimpan pada internet servers dengan menggunakan hirarki menu.
II.2.6 E-commerce
E-commerce, atau Electronic Commerce merupakan salah satu teknologi yang berkembang pesat dalam dunia perinternetan. Penggunaann sistem E-Com,
begitu biasanya E-commerce disingkat, sebenarnya dapat menguntungkan banyak pihak, baik pihak konsumen, maupun pihak produsen dan penjual retailer. Di
Indonesia, sistem E-com ini kurang populer, karena banyak pengguna internet yang masih menyangsikan keamanan sistem ini, dan kurangnya pengetahuan
mereka mengenai apa itu E-Com yang sebenarnya. Bagi pihak konsumen, menggunakan E-Com dapat membuat waktu
berbelanja menjadi singkat. Tidak ada lagi berlama-lama mengelilingi pusat pertokoan untuk mencari barang yang diinginkan. Selain itu, harga barang-barang
yang dijual melalui E-Com biasanya lebih murah dibandingkan dengan harga di toko, karena jalur distribusi dari produsen barang ke pihak penjual lebih singkat
dibandingkan dengan toko konvensional. Online shopping menyediakan banyak kemudahan dan kelebihan jika
dibandingkan dengan cara belanja yang konvensional. Selain bisa menjadi lebih cepat, di internet telah tersedia hampir semua macam barang yang biasanya dijual
secara lengkap. Selain itu, biasanya informasi tentang barang jualan tersedia secara lengkap, sehingga walaupun kita tidak membeli secara online, kita bisa
mendapatkan banyak informasi penting yang diperlukan untuk memilih suatu produk yang akan dibeli.
Kegiatan E-Commerce mencakup banyak hal, untuk membedakannya E- Commerce dibedakan menjadi 2 berdasarkan karakteristiknya:
1. Business to Business, karakteristiknya: a. Trading partners yang sudah saling mengetahui dan antara mereka
sudah terjalin hubungan yang berlangsung cukup lama. b. Pertukaran data dilakukan secara berulang-ulang dan berkala dengan
format data yang telah disepakati bersama. c. Salah satu pelaku tidak harus menunggu rekan mereka lainnya untuk
mengirimkan data. d. Model yang umum digunakan adalah peer to peer, di mana processing
intelligence dapat didistribusikan di kedua pelaku bisnis. 2. Business to Consumer, karakteristiknya:
a. Terbuka untuk umum, di mana informasi disebarkan secra umum pula. b. Servis yang digunakan juga bersifat umum, sehingga dapat digunakan
oleh orang banyak. c. Servis yang digunakan berdasarkan permintaan.
d. Sering dilakukan sistim pendekatan client-server.
II.2.7 Database
Basis data atau database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu
program komputer untuk memperoleh informasi dari basis data tersebut.
Perangkat lunak yang digunakan untuk mengelola dan memanggil kueri query basis data disebut sistem manajemen basis data database management system,
DBMS. Istilah basis data berawal dari ilmu komputer. Meskipun kemudian artinya
semakin luas, memasukkan hal-hal di luar bidang elektronika, artikel ini mengenai basis data komputer. Catatan yang mirip dengan basis data sebenarnya sudah ada
sebelum revolusi industri yaitu dalam bentuk buku besar, kuitansi dan kumpulan data yang berhubungan dengan bisnis.
Konsep dasar dari basis data adalah kumpulan dari catatan-catatan, atau potongan dari pengetahuan. Sebuah basis data memiliki penjelasan terstruktur dari
jenis fakta yang tersimpan di dalamnya: penjelasan ini disebut skema. Skema menggambarkan obyek yang diwakili suatu basis data, dan hubungan di antara
obyek tersebut. Ada banyak cara untuk mengorganisasi skema, atau memodelkan struktur basis data, ini dikenal sebagai model basis data atau model data. Model
yang umum digunakan sekarang adalah model relasional, yang menurut istilah layman mewakili semua informasi dalam bentuk tabel-tabel yang saling
berhubungan dimana setiap tabel terdiri dari baris dan kolom definisi yang sebenarnya menggunakan terminologi matematika. Dalam model ini, hubungan
antar tabel diwakili dengan menggunakan nilai yang sama antar tabel. Model yang lain seperti model hierarkis dan model jaringan menggunakan cara yang lebih
eksplisit untuk mewakili hubungan antar tabel. Istilah basis data mengacu pada koleksi dari data-data yang saling
berhubungan, dan perangkat lunaknya seharusnya mengacu sebagai sistem
manajemen basis data database management systemDBMS. Jika konteksnya sudah jelas, banyak administrator dan programer menggunakan istilah basis data
untuk kedua arti tersebut.
II.2.7.1 SQL
SQL Struktur Query Language adalah bahasa standar yang digunakan oleh DBMS Database Management System untuk memanipulasi dan
memperoleh data dari sebuah database yang berelasi. Perintah-perintah pada SQL terbagi menjadi 5 yaitu sebagai berikut :
1. Data Definitions Language DDL
Adalah perintah Sql yang digunakan untuk mendefinisikan kerangka basis data, perintahnya adalah :
a. CREATE : untuk membuat atau menciptakan objek basisdata b. ALTER : untuk memodifikasi atau mengubah objek basis data
c. DROP : untuk menghapus objek basis data d. Objek database : dimaksud adalah basisdata, tabel, index
2. Data Manipulations Language DML
Adalah perintah yang digunakan untuk memanipulasi isi basisdata, Sql menyediakan 4 perintah DML :
a. SELECT : digunakan untuk mengambil data dari basisdata b. DELETE : digunakan untuk menghapus data dari basisdata
c. INSERT : digunakan untuk menambah data kedalam tabel d. UPDATE : digunakan untuk memodifikasi data pada basisdata
3. Security
Adalah perintah-perintah yang digunakan untuk menjamin keamanan data, perintah-perintah antara lain :
a. GRANT : digunakan untuk memberikan akses kepada user tertentu ke basisdata
b. REVOKE : digunakan untuk mencabut hak akses dari user
4. Integrity
Adalah perintah yang digunakan untuk menjaga kesatuan data. Contohnya RECOVER tabel; digunakan untuk memperbaiki tabel pada basisdata
5.
Auxilliary
Adalah perintah pelengkap atau tambahan seperti : rename.
II.2.7.2 MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL atau DBMS database management system 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.
MySQL adalah Relational Database Management System RDBMS yang didistribusikan secara gratis dibawah lisensi GPL General Public License.
Dimana setiap orang bebas untuk menggunakan MySQL, namun tidak boleh dijadikan produk turunan yang bersifat komersial. MySQL sebenarnya merupakan
turunan salah satu konsep utama dalam database sejak lama, yaitu SQL Structured Query Language. SQL adalah sebuah konsep pengoperasian
database, terutama untuk pemilihan atau seleksi dan pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan mudah secara otomatis.
Keandalan suatu sistem database DBMS dapat diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah SQL, yang dibuat oleh
user maupun program-program aplikasinya. Sebagai database server, MySQL dapat dikatakan lebih unggul dibandingkan database server lainnya dalam query
data. Hal ini terbukti untuk query yang dilakukan oleh single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari PostgreSQL dan lima kali lebih
cepat dibandingkan Interbase. MySQL memiliki beberapa keistimewaan, antara lain :
1. Portabilitas. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan
masih banyak lagi. 2. Open Source. MySQL didistribusikan secara open source, dibawah lisensi
GPL sehingga dapat digunakan secara cuma-cuma.
3. Multiuser. MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami masalah atau konflik.
4. Performance tuning. MySQL memiliki kecepatan yang menakjubkan dalam menangani query sederhana, dengan kata lain dapat memproses lebih banyak
SQL per satuan waktu. 5. Jenis Kolom. MySQL memiliki tipe kolom yang sangat kompleks, seperti
signed unsigned integer, float, double, char, text, date, timestamp, dan lain- lain.
6. Perintah dan Fungsi. MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah Select dan Where dalam perintah query.
7. Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama host, dan izin akses user dengan sistem perizinan yang
mendetail serta sandi terenkripsi. 8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam
skala besar, dengan jumlah rekaman records lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung
mencapai 32 indeks pada tiap tabelnya. 9. Konektivitas. MySQL dapat melakukan koneksi dengan klien menggunakan
protokol TCPIP, Unix soket UNIX, atau Named Pipes NT. 10. Lokalisasi. MySQL dapat mendeteksi pesan kesalahan pada klien dengan
menggunakan lebih dari dua puluh bahasa. Meski pun demikian, bahasa Indonesia belum termasuk di dalamnya.
11. Antar Muka. MySQL memiliki interface antar muka terhadap berbagai aplikasi dan bahasa pemrograman dengan menggunakan fungsi API
Application Programming Interface. 12. Klien dan Peralatan. MySQL dilengkapi dengan berbagai peralatan tool
yang dapat digunakan untuk administrasi basis data, dan pada setiap peralatan yang ada disertakan petunjuk online.
13. Struktur tabel. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan basis data lainnya semacam
PostgreSQL ataupun Oracle.
II.2.8 Diagram Konteks
Diagram konteks adalah suatu diagram alir yang tingkat tinggi yang menggambarkan seluruh jaringan, masukan dan keluaran. sistem yang dimaksud
adalah untuk menggambarkan sistem yang sedang berjalan. mengidentifikasikan awal dan akhir data awal dan akhir yang masuk dan keluaran sistem. Diagram ini
merupakan gambaran umum sistem yang nantinya akan kita buat. secara uraian dapat dikatakan bahwa diagram konteks itu berisi siapa saja yang memberikan
data inputan kesistem serta kepada siapa data informasi yang harus dihasilkan sistem. Bahar Edukasi : 2009.
II.2.9 Data Flow Diagram DFD
Data Flow Diagram DFD adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya
sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas.
DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
Suatu yang lazim bahwa ketika menggambarkan sebuah sistem kontekstual data flow diagram yang akan pertama kali muncul adalah interaksi antara sistem
dan entitas luar. DFD didisain untuk menunjukkan sebuah sistem yang terbagi- bagi menjadi suatu bagian sub-sistem yang lebih kecil adan untuk
menggarisbawahi arus data antara kedua hal yang tersebut diatas. Diagram ini lalu dikembangkan untuk melihat lebih rinci sehingga dapat terlihat model-model
yang terdapat di dalamnya.
II.2.10 ERD Entity Relational Diagram
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 Fathansyah, 1999: 30. 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. Relasi yang terjadi diantara dua himpunan entitas misalnya A dan B
dalam satu basis data yaitu Abdul Kadir, 2002: 48 :
1 Satu ke satu One to one Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A
berhubungan paling banyak dengan satu entitas pada himpunan entitas B. 2 Satu ke banyak One to many
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat
berhubungan dengan satu entitas pada himpunan entitas A. 3 Banyak ke banyak Many to many
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak entitas pada himpunan entitas B.
II.2.11 Kamus Data
Kamus data data dictionary adalah suatu penjelasan tertulis tentang suatu data yang berada di dalam database. Kamus data pertama berbasis kamus
dokumen tersimpan dalam suatu bentuk hard copy dengan mencatat semua penjelasan data dalam bentuk yang dicetak. Walau sejumlah kamus berbasis
dokumen masih ada, praktek yang umum saat ini ialah mempergunakan kamus data yang berbasis komputer. Pada kamus data berbasis komputer, penjelasan data
dimasukkan ke dalam komputer dengan memakai Data Description Language DDL dari sistem manajemen database, sistem kamus atau peralatan CASE.
Kamus data tidak perlu dihubungkan dengan diagram arus data dan formulir- formulir kamus data dirancang untuk mendukung diagram arus data.
II.2.12 Spesifikasi Proses
Spesifikasi proses menggambarkan deskripsi dan spesifikasi dari setiap proses pada pemodelan DFD sesuai kebutuhan sistem. Spesifikasi proses
berfungsi untuk menjelaskan apa yang dilakukan ketika masukan ditransformasi menjadi keluaran. Menggunakan notasi bentuk Algoritma atau Structured English
Pseudo-code. Spesifikasi proses tersusun dari tiga struktur dasar yaitu struktur sekuensi, pemilihan dan pengulangan.
II.2.13 Software Pendukung II.2.13.1 HTML
HyperText Markup Language HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser Internet. 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.
Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah berkembang XHTML yang merupakan pengembangan dari HTML.
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang
merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh
aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau
lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks
ditampilkan menjadi tebal seperti : TAMPIL TEBAL, maka penulisannya
dilakukan dengan cara :
bTAMPIL TEBALb
. Tanda
b
digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan
diakhiri dengan tanda
b
untuk menonaktifkan cetak tebal tersebut. Secara garis besar, terdapat 4 jenis elemen dari HTML:
1. Structural. tanda yang menentukan level atau tingkatan dari sebuah teks contoh,
h1Golfh1
akan memerintahkan browser untuk menampilkan Golf sebagai teks tebal besar yang menunjukkan sebagai Heading 1
2. Presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut contoh,
bboldfaceb
akan
menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh
CSS dan tidak direkomendasikan untuk mengatur tampilan teks, 3. hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut
atau pranala ke dokumen lain.
contoh,
a href=http:www.wikipedia.orgWikipediaa
akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu.
4. Elemen widget yang membuat objek-objek lain seperti tombol button, list li, dan garis horizontal hr.
Selain markup presentational , markup yang lain tidak menentukan bagaimana tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag
HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai gantinya digunakan Cascading Style Sheets.
Contoh dokumen HTML sederhana
DOCTYPE html html
head titleHalo HTMLtitle
head body
pHalo Duniap body
html
II.2.13.2 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.
Pada awalnya PHP merupakan kependekan dari Personal Home Page Situs Personal. PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995.
Pada waktu itu PHP masih bernama FI Form Interpreted, yang wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya PHPFI. Dengan perilisan kode sumber ini menjadi open source,
maka banyak programmer yang tertarik untuk ikut mengembangkan PHP. Pada November 1997, dirilis PHPFI 2.0. Pada rilis ini interpreter PHP
sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHPFI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada
Juni 1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut sebagai PHP 3.0 dan singkatan PHP dirubah menjadi
akronim berulang PHP: Hypertext Preprocessing. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan
kemampuannya untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Versi ini juga memasukkan model
pemrograman berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa pemrograman ke arah paradigma berorientasi objek.
Kelebihan PHP dari bahasa pemrograman lain 1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya. 2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari
mulai apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah.
3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahamanan, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.
5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin Linux, Unix, Macintosh, Windows dan dapat dijalankan secara runtime
melalui console serta juga dapat menjalankan perintah-perintah sistem. Berikut ini adalah contoh program yang relatif lebih kompleks yang ditulis
dengan menggunakan PHP. Contoh program ini adalah program untuk menampilkan barisan bilangan Fibonacci.
?php now = 1;
prev = 0; jumlah = 8;
while i jumlah { temp = prev;
prev = now; now = now + temp;
echonow . , ; i++;
} ?
II.2.13.3 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 i keluaran Adobe Systems adalah versi 10 yang ada dalam
Adobe Creative Suite 4 sering disingkat Adobe CS4.
II.2.13.4 CSS Cascading Style Sheets
CSS adalah kepanjangan dari Cascading Style Sheets, yaitu sebuah halaman terpisah dari halaman web yang dipergunakan untuk pengaturan
komponen style seperti font, warna, layout dan sebagainnya. CSS bekerja sebagai pelengkap pada HTML. CSS memungkinkan web developer untuk memisahkan
HTML dari aturan-aturan untuk membentuk tampilan sebuah website. Tapi terkadang, banyak orang yang baru belajar HTML, menganggap remeh kekuatan
dan fleksibilitas dari sebuah css. CSS diperkenalkan untuk pengembangan website pada tahun 1996. Nama CSS didapat dari fakta bahwa setiap deklarasi style yang
berbeda dapat diletakkan secara berurutan, yang kemudian akan membentuk hubungan parent-child pada setiap style. Setelah CSS distandarisasikan, Internet
Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.
Keuntungan menggunakan CSS Cascading Style Sheets :
1. Update tampilan lebih mudah Mengupdate tampilan situs web yang terdiri
dari beberapa halaman saja tentu jauh lebih mudah daripada untuk situs dengan ratusan atau ribuan halaman. Dengan CSS, kita akan dapat
mengupdate tampilan halaman-halaman web dalam jumlah banyak dengan mudah, karena semua tag untuk style ini berada pada satu file CSS saja.
2. Beban bandwidth lebih kecil Dengan CSS, ukuran file web akan menjadi langsing karena tag-tag style dipisahkan secara mandiri. Hal ini secara
signifikan akan berdampak pada proses loading yang lebih cepat. Selain itu, CSS hanya akan di-load satu kali oleh browser dan akan terus dittahunpkan
pada halaman-halaman lain. Hal ini berbeda dengan situs yang menggunakan table karena harus di-load berulang-ulang.
3. Modifikasi web template lebih mudah Cara paling cepat membangun situs web ialah dengan menggunakan template. Namun terkadang template tersebut
tidak sesuai dengan keinginan dan keperluan kita. Dengan CSS, kita akan lebih mudah melakukan “vermak” pada template tersebut, misalnya
mengganti warna latar atau mengubah jenis huruf. 4. Lebih mudah digunakan pada mobile phone Sekarang, orang melakukan
browsing tidak hanya melalui browser di PC, tetapi juga melalui mobile phone atau PDA. Situs web yang menggunakan CSS akan jauh lebih mudah
digunakan oleh mereka yang browsing melalui gadget-gadget tersebut.
5. Search engine friendly Sebuah situs web yang dilayout dengan CSS akan lebih search engine friendly daripada situs-situs web yang menggunakan
tabel sebagai pondasi layoutnya. Kerugian Mengggunakan CSS Cascading Style Sheets :
Tidak semua browser mengartikan kode CSS dengan cara yang sama. Jadi kadang-kadang, tampilan web dengan CSS terlihat baik di browser yang satu, tapi
berantakan di browser yang lain. Jadi anda harus memeriksa tampilan supaya terlihat baik di semua browser dan menambahkan kode-kode khusus browser
tertentu jika memang dibutuhkan agar tampilan web anda terlihat baik di semua browser.
II.2.13.5 SSL Secure Sockets Layer
SSL atau Secure Sockets Layer adalah sebuah protokol keamanan data yang digunakan untuk menjaga pengiriman data web server dan pengguna situs
web tersebut. SSL memastikan data transaksi yang terjadi secara online di enkripsiacak
sehingga tidak dapat dibaca oleh pihak lain. Kegunaan utamanya adalah untuk menjaga keamanan dan kerahasiaan data ketika melakukan transaksi.
SSL memberikan jaminan keamanan pada pemilik dan pengunjung situs atas data yang dikirim lewat web. SSL yang sering digunakan dapat dilihat pada
situs perbankan untuk melakukan transaksi e-banking. Tingkat keamanan SSL terletak pada kekuatan enkripsi yang didukungnya
misalnya 256 bit. Semakin besar tingkat enkripsi semakin susah untuk dibobol.
Secara teknis, semua SSL dengan tingkat enkripsi yang sama, mempunyai tingkat keamanan yang sama.
Sebuah icon berlambangkan gembok yang terkunci akan muncul di browser yang telah diamankan dengan SSL. Dengan mengklik icon tersebut akan
diketahui otoritas sertifikasi dari sertifikat SSL tersebut. Umumnya situs yang tidak menggunakan sertifikasi SSL dapat diketahui
ketika membuka halaman web situs tersebut misalnya terdapat “Certificate Error:
Navigation Blocked ” pada browser Internet Explorer atau “This Connection is
Untrusted ” pada browser Mozilla Firefox.
Bagi pengunjung situs yang tidak memiliki sertifikat SSL, dianjurkan untuk tidak melakukan transaksi secara online atau melanjutkan membuka situs
tersebut dengan mengklik link “Continue to this website not recommended”.
II.2.13.6 Paypal
PayPal adalah cara yang lebih aman dan lebih mudah untuk membayar dan dibayar secara online. Layanan ini memungkinkan setiap orang untuk
membayar dengan cara sesuai kehendak mereka, termasuk melalui kartu kredit, rekening bank, kredit pembeli atau saldo rekening, tanpa memberitahukan
informasi keuangan mereka. PayPal dengan cepat menjadi pemimpin global solusi pembayaran online
dengan lebih dari 153 juta rekening di seluruh dunia. Dengan tersedia di 190 pasar dan 23mata uang di seluruh dunia, PayPal mendukung e-commerce global dengan
memungkinkan pembayaran melintasi berbagai lokasi, mata uang, dan bahasa. PayPal telah menerima lebih dari 20 penghargaan keunggulan dari industri
internet dan komunitas bisnis, yang terbaru adalah Penghargaan Webby untuk Situs Layanan Keuangan Terbaik 2006 dan Penghargaan Suara Pelanggan Webby
untuk Situs Layanan Keuangan Terbaik 2006. Terletak di San Jose, California, PayPal didirikan tahun 1998 dan
diakuisisi oleh eBay pada tahun 2002. Mendaftar ke rekening PayPal itu gratis dan tidak ada biaya untuk kirim
uang. Biaya transaksi yang rendah dari PayPal diterapkan apabila pemegang Rekening Primer dan Bisnis menerima uang.
Manfaat Menggunakan PayPal antara lain : a. Lebih cepat daripada mengirim cek atau pesanan uang
b. Pencegahan penipuan terkemuka di industri menjaga keselamatan Anda c. Informasi keuangan dirahasiakan dan aman
d. Alat eBay dan Layanan Pedagang dapat digunakan secara gratis e. Diterima di situs web eBay dan pedagang
f. Pembayaran dapat dilakukan secara lokal atau di 190 negara dan wilayah di seluruh dunia
Bab III Analisis dan Perancangan Sistem
III.1 Analisis Sistem
Pada bagian ini akan dilakukan analisis secara mendalam pada sistem yang akan digunakan secara menyeluruh ke dalam bagian-bagian dari komponen sistem
dengan maksud agar dapat diketahui permasalahan, kesempatan, hambatan dan kebutuhan yang diperlukan sehingga dapat dilakukan perbaikan pada tahap
analisis sebuah sistem dan dapat mencapai tujuan dari pembangunan sistem. Sesuai dengan metodologi penelitian yang digunakan, dalam membangun
perangkat lunak, tahap analisis merupakan tahap yang sangat penting dan kritis, karena jika terjadi kesalahan di tahap ini akan menyebabkan kesalahan pada
tahap-tahap selanjutnya, karena akan menimbulkan permasalahan baru yang tidak terduga sehingga membuat sistem akan menjadi gagal. Secara global analisis
sistem adalah mengidentifikasi apa saja yang diperlukan oleh sistem yang akan dibangun dan memahami dengan jelas proses yang akan berjalan pada sistem.
III.1.1 Analisis Masalah
Berdasarkan hasil penelitian di Toko IBC Computer, penjualan yang di lakukan masih menggunakan cara konvensional yaitu pembeli harus datang
langsung ke Toko IBC Computer dan melakukan transaksi. Begitu juga dengan pengolahan data penjualan, pendapatan, dan pengeluaran yang terjadi akan di
catat kemudian akan di simpan dan di olah secara manual. Penjualan yang terjadi jika melibatkan data barang yang tidak sedikit mengakibatkan lamanya waktu
yang di butuhkan untuk menyelesaikan pengolahan data barang yang di jual.
Dengan semua proses yang masih menitik beratkan kepada sistem manual, lalu prosedur yang terlibat di dalamnya cukup banyak sehingga perlu kecermatan
dalam menangani setiap transaksi, selain itu semua proses pengolahan data yang biasa di lakukan kurang dapat di selesaikan secara maksimal.
III.1.2 Analisis Prosedur Yang Sedang Berjalan
Prosedur adalah kumpulan dari proses dalam suatu sistem yang saling terkait antara satu dengan lainnya untuk mencapai tujuan yang telah diterapkan.
Sistem yang sedang berjalan saat ini di Toko IBC Computer memiliki tiga prosedur, yaitu :
1. Prosedur penjualan barang 2. Prosedur pemesanan dan pengiriman barang
3. Prosedur pembuatan laporan Di bawah ini adalah penjelasan dari prosedur-prosedur yang terlibat dalam
sistem transaksi penjualan di Toko IBC Computer adalah sebagai berikut :
III.1.2.1 Prosedur Penjualan Barang
Adapun langkah-langkah yang harus di lakukan pelanggan dalam melakukan pembelian adalah sebagi berikut :
1. Pelanggan memilih barang yang di inginkan, kemudian pelanggan memberikan data barang yang akan di beli kepada kasir.
2. Kemudian kasir memberitahukan kepada bagian gudang untuk mengecek apakah barang yang di maksud ada atau tidak.
3. Jika tidak ada barang yang diiginkan tidak tersedia, maka bagian gudang akan memberitahukan kepada pelanggan bahwa barang yang diinginkan
tidak ada. 4. Jika barang yang diinginkan tersedia, maka kasir akan membuat kwitansi
pembayaran sebanyak dua rangkap. 5. Kwitansi pembayaran yang pertama di serahkan kepada konsumen
sedangkan lembaran kwitansi yang kedua di simpan untuk di jadikan arsip kwitansi pembayaran.
6. Pelanggan membayar barang yang dibeli kepada kasir. 7. Kasir menyerahkan barang kepada pelanggan kemudian mencatat transaksi
ke dalam data transaksi penjualan. Flowmap dari prosedur penjualan barang dapat dilihat pada Gambar III.1.
III.1.2.2 Prosedur Pemesanan dan Pengiriman barang
Ada beberapa tahap dalam pemesanan diantaranya adalah: 1. Pelanggan melakukan pemesanan barang kepada kasir.
2. Kemudian kasir menyerahkan data pemesanan kepada bagian gudang. 3. Bagian gudang mengecek barang yang di pesan, jika tidak tersedia barang
yang diinginkan maka bagian gudang akan memberitahukan kepada pelanggan.
4. Jika barang yang diinginkan ada maka bagian kasir akan membuat kwitansi pembayaran, sedangkan barang yang di pesan di serahkan kepada
bagian gudang untuk dilakukan pengiriman barang.
Flowmap Penjualan Barang
Kasir Bagian Gudang
Pelanggan
Kwitansi kosong
Data barang yang dibeli
Data transaksi penjualan.xls Input Data
transaksi penjualan
A1 Membuat data
penjualan Data barang yang
dibeli Mengisi
kwitansi
Kwitansi yang sudah di isi
1 2
Kwitansi yang sudah di isi
Kwitansi yang sudah di isi
Gambar III.1 Flowmap Penjualan Barang
Keterangan : A1 : Arsip kwitansi pembayaran.
A2 : Arsip data transaksi penjualan.
5. Kasir akan mencatat data barang yang di pesan di dalam arsip data barang yang terjual.
6. Pelanggan akan membayar barang sesuai pesanan, bukti pembayaran akan di serahkan kepada kasir.
7. Kasir akan mencatat bukti pembayaran. 8. Bagian gudang akan mengirim barang kepada pelanggan.
Flowmap dari prosedur pemesanan dan pengiriman barang dapat dilihat pada Gambar III.2.
Flowmap Pemesanan dan Pengiriman Barang
Bagian Gudang Kasir
Pelanggan
Data barang yang dipesan
Data barang yang dipesan
Data barang yang dipesan
Mengecek stok barang
yang dipesan Ada ?
Data barang yang dipesan tidak ada
Data barang yang dipesan tidak ada
Data barang yang dipesan
Data barang yang dipesan
Membuat kwitansi
Mengirim Barang
yang dipesan
Barang yang di kirim
Kwitansi Kwitansi
Membayar barang
yang dipesan
Barang yang di kirim
Menerima pembayaran
Input Data transaksi
penjualan
Data transaksi penjualan.xls A1
A2 1
2
Gambar III.2 Flowmap Pemesanan dan Pengiriman Barang
Keterangan : A1 : Arsip kwitansi pembayaran.
A2 : Arsip data transaksi penjualan.
III.1.2.3 Prosedur Pembuatan Laporan
Laporan yang akan di buat berdasarkan hasil penjualan dan laporan data barang yang telah terjual, laporan penjualan ini di buat berdasarkan kwitansi
pembayaran dan data penjualan yang di catat oleh kasir per hari. Sedangkan laporan data barang yang terjual di buat berdasarkan data
barang terjual, kemudian di simpan dalam arsip data barang terjual. Adapun tahap-tahap sebagai berikut :
1. Kasir membuat laporan penjualan dan laporan data barang. 2. Kemudian laporan yang di buat di buat rangkap 2 untuk diserahkan kepada
store manager. 3. Setelah di terima oleh store manager, kemudian laporan di cek, disahkan
dan diterima. 4. Laporan yang ditandatangani di berikan kepada kasir.
Flowmap dari prosedur pembuatan laporan dapat dilihat pada Gambar III.3.
III.1.3 Analisis Pengkodean
Kode merupakan penyajian dalam mengklasifikasikan data sehingga mudah dalam proses memasukan ke dalam sistem. Penggunan kode biasanya
digunakan untuk mengidentifikasi data, simbol kode biasanya digunakan hampir semua proses yang ada kaitannya dengan data.
Flowmap Pembuatan Laporan
Store Manager Kasir
Kwitansi pembayaran
Daftar barang
Laporan penjualan
Pengesahan Laporan
Laporan data barang yang telah
disahkan Laporan penjualan
yang telah disahkan
Laporan data barang yang telah
disahkan Laporan data
barang Laporan penjualan
Laporan data barang
Laporan penjualan yang telah
disahkan Pembuatan Laporan
A3 A4
1 2
1 2
2 1
1 2
1 2
1 2
Membuat laporan A1
A2
Gambar III.3 Flowmap Pembuatan Laporan
Keterangan : A1 : Arsip kwitansi pembayaran
A2 : Arsip daftar barang A3 : Laporan Penjualan
A4 : Laporan Data Barang
Pengkodean kode barang di Toko IBC Computer yaitu sebagai berikut : Pengolahan kode barang yang terdiri dari 6 digit
Format : X X 999
3 digit nomor urut barang 1 digit merk barang
1 digit kategori barang
Inisial produk ada dua macam yaitu L untuk Laptop dan N untuk Notebook. Contoh : LH001, menunjukan kode barang di Toko IBC Computer,
dengan L inisial Laptop, H inisial HP, 001 nomor urut barang.
III.1.4 Analisis Kebutuhan Non-Fungsional
Analisis non-fungsional adalah sebuah tahap di mana seorang pembangun perangkat lunak menganalisis sumber daya yang akan menggunakan
perangkat lunak yang di bangun. Sehingga dapat di tentukan kompatibilitas aplikasi yang di bangun terhadap sumber yang ada.
III.1.4.1 Analisis Perangkat Keras Hardware
Sistem yang akan dibangun akan diimplementasikan langsung dalam jaringan internet. Berdasarkan fakta yang ada di tempat penelitian sudah ada
perangkat komputer dengan spesifikasi sebagai berikut : 1. Prosessor Intel Dual Core
2. RAM 1 Gb 3. Harddisk dengan kapasitas 80 Gb
Untuk membangun sistem ini dibutukan komputer dengan spesifikasi minimal sebagai berikut:
1. Prosessor Intel Pentium IV atau setara dengan kecepatan 1.4 GHz 2. RAM 256 Mb
3. Harddisk dengan ruang kosong 2 Gb 4. Monitor dengan resolusi 1024 x 768 pixels
5. Terkoneksi dengan internet Sedangkan untuk pengguna, spesifikasi minimum perangkat keras yang
dibutuhkan, yaitu: 1. Prosessor Intel Pentium III atau setara dengan 800 MHz
2. Memori 128 MB 3. Harddisk dengan ruang kosong 100 MB
4. Monitor dengan resolusi 1024 x 768 pixels 5. Terkoneksi dengan internet.
Dari penelitian di Toko IBC Computer maka dapat di simpulkan bahwa spesifikasi perangkat keras yang di miliki Toko IBC Computer sudah memenuhi
kebutuhan sistem yang di bangun.
III.1.4.2 Analisis Perangkat Lunak Software
Di tempat penelitian sudah ada perangkat lunak dengan spesifikasi berikut:
1. Sistem operasi Windows XP. 2. Browser seperti Internet Explorer 6, Mozilla Firefox dan Opera.
Sedangkan untuk menggunakan aplikasi yang dibangun, dibutuhkan perangkat lunak dengan spesifikasi minimal sebagai berikut:
1. Sistem operasi Windows XP. 2. Macromedia Dreamweaver 8, Adobe Photoshop CS2 dan Macromedia
Flash 8 sebagai tools pembangun aplikasi. 3. WampServer 2.0 sebagai web server saat pembangunan aplikasi.
4. DBMS menggunakan MySQL. 5. Bahasa pemrograman yang digunakan adalah PHP dan untuk optimalisasi
tampilannya menggunakan CSS. Setelah perangkat lunak yang akan digunakan di Toko IBC Computer telah
terpenuhi, diharapkan dapat menunjang efektifitas dari sistem yang dibangun.
III.1.4.3 Analisis Pengguna User
Analisis pengguna dilakukan untuk mengetahui tugas dan karakteristik pengguna yang akan menggunakan sistem yang akan dibangun. Dengan
mempertimbangkan tingkat pengalaman pengguna dalam menggunakan komputer, dapat dirancang sebuah sistem yang mudah dipelajari dan digunakan
oleh pengguna tersebut. Di Toko IBC Computer ada seorang store manager yang sudah terbiasa menggunakan komputer dengan pendidikan DIII. Ada juga kasir
dan bagian gudang yang juga sudah terbiasa menggunakan computer dan aplikasi internet dengan pendidikan SMK.
Terdapat tiga kategori pengguna dari sistem yang akan dibangun, yaitu admin, pembeli sebagai member dan pengunjungguest. Adapun karakteristik
pengguna dari sistem e-commerce toko IBC Computer dapat dilihat pada tabel III.1.
Tabel III.1 Karakteristik Pengguna
Pengguna Tanggung
Jawab Hak akses
Tingkat Keterampilan
Pengalaman
Admin Menangani
pengolahan data
penjualan, pengolahan
data master, pengiriman,
dan pembuatan
laporan Menjalankan
aplikasi sesuai
dengan tugasnya Mengerti
serta dapat
menggunakan komputer
dan teknis perawatan
Mengoperasi kan komputar
Member -
Melihat katalog
produk dan
melakukan transaksi
pembelian produk -
-
Pengunjung -
Melihat halaman
utama sistem, dan dapat
mengakses menu-menu
yang ada
info pada
halaman -
-
Analisis pengguna user dari sistem e-commerce toko IBC Computer yang akan dibangun ini terdiri dari tiga pengguna, yaitu :
1. Admin adalah pengguna dengan tugas dan akses khusus, yaitu read, write, update, dan delete dalam mengolah sistem aplikasi e-commerce pada toko
IBC Computer. 2. Member adalah pengguna yang dapat melihat data barang, mencari data
barang yang diinginkan, melakukan transaksi pesanan, melakukan konfirmasi pembayaran, registrasi, mengisi data komentar dan data
pelanggan sendiri.
3. Pengunjung adalah pengguna yang hanya dapat melihat data barang dan tidak dapat melakukan transaksi pesanan karena belum menjadi member.
III.1.5 Analisis Basis Data
Basis data atau yang sering disebut database merupakan salah satu komponen penting dalam sistem informasi yang terkomputerisasi, karena
berfungsi sebagat basis penyedia informasi bagi pemakainya. Basis data juga diibaratkan sebagai sebuah tempat atau wadah dimana didalamnya terdapat
kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan redudansi yang tidak perlu untuk
memenuhi berbagai kebutuhan.
III.1.5.1 Entity Relationship Diagram ERD
Komponen utama pembentukan Entity Relationship Diagram atau biasa disebut diagram E-R yaitu Entity entitas dan Relation relasi sehingga dalam
hal ini diagram ER merupakan komponen-komponen himpunan entitas dan himpunan relasi yang dideskripsikan lebih jauh melalui sejumlah atribut-atribut
property yang menggambarkan seluruh fakta dari sistem yang ditinjau. Adapun diagram Entity Relationship E-R dari database sistem penjualan yang akan
dibangun dapat digambarkan pada gambar III.4.
III.1.6 Analisis Kebutuhan Fungsional
Kebutuhan fungsional merupakan tahap perancangan pola aliran informasi yang meliputi perancangan diagram konteks, dan aliran informasi yang di
representasikan dengan menggunakan data flow diagram DFD.
PROVINSI Memiliki
KOTA Dimiliki
MEMBER Memesan
PESANAN
MERK
RATING Memiliki
ADMIN Mengelola
KONTEN JENIS
PENGIRIMAN JASA
PENGIRIMAN
KERANJANG BELANJA
RETUR RETUR DETAIL
KURS 1
N N
1 1
N 1
N
PRODUK Memiliki
Memiliki
Detail Pesanan
Memiliki Memiliki
Memiliki Memiliki
Memiliki
Memiliki Memiliki
Memiliki 1
N
N 1
N N
1 N
1 1
N N
N N
1 N
1 N
1
N 1
N 1
N
Id_ongkos_kirim Id_kota
Id_jenis_pengiriman
Id_kota Id_provinsi
Id_provinsi
id_admin
Id_kota
Id_konten id_admin
id_member Id_kota
Id_merk Id_merk
Id_produk
Id_rating Id_produk
Id_bank
Id_kurs Id_jasa_pengiriman
Id_jenis_pengiriman Id_jasa_pengiriman
Id_keranjang_belanja Id_produk
Id_produk Id_pesanan
Id_pesanan Id_jenis_pengiriman
Id_kurs id_admin
Id_pesanan Id_retur
Id_pesanan Id_retur
Id_produk
id_member
Mengelola N
1 RETUR
DETAIL
Mengelola 1
N
Mengelola 1
N
Mengelola 1
N
Mengelola 1
N BANK
Id_bank
Gambar III.4 Entity Relationship Diagram
III.1.6.1 Diagram Konteks
Sistem yang dibangun digambarkan secara garis besar dengan menggunakan diagram konteks. Dari diagram ini dapat dilihat secara umum
mengenai alur proses yang ditangani sistem. Hakekatnya sistem memiliki keterkaitan dengan sejumlah entitas, baik itu
keterkaitan dengan entitas luar sistem maupun keterkaitan dengan entitas dalam sistem. Hubungan antara entitas dengan sistem aplikasi e-commerce ini dapat
digambarkan dengan diagram konteks, seperti terlihat pada gambar III.5 berikut ini:
Sistem E-Commerce
Toko IBC Computer
MEMBER PENGUNJUNG
Data login Data lupa password
Data akun member Data produk
Data pesanan Data detail pesanan
Data keranjang belanja Data retur
Data detail retur Data konten
Info login Info lupa password
Info akun member Info produk
Info pesanan Info detail pesanan
Info keranjang belanja Info retur
Info detail retur Info konten
Daftar Data produk
Data konten
Info pendaftaran Info produk
Info konten
ADMIN
Data login Data lupa password
Data akun operator Data kota
Data provinsi Data bank
Data kurs Data merk
Data produk Data member
Data pesanan Data detail pesanan
Data retur Data retur detail
Data jasa pengiriman Data jenis pengiriman
Data ongkos pengiriman Data kurs
Data bank
PAYPAL
Data pembayaran Info login
Info lupa password Info akun operator
Info kota Info provinsi
Info bank Info kurs
Info merk Info produk
Info member Info pesanan
Info detail pesanan Info retur
Info retur detail Info jasa pengiriman
Info jenis pengiriman Info ongkos pengiriman
Info kurs Info bank
Gambar III.5 Diagram Konteks
III.1.6.2 Aliran Informasi
Aliran informasi ini direpresentasikan dengan menggunakan Data Flow Diagram DFD. Data Flow Diagram DFD untuk sistem aplikasi e-commerce
pada toko IBC computer, diantaranya sebagai berikut :
1. DFD Level 1 Sistem E-commerce toko IBC Computer
1.0 Lihat produk
PENGUNJUNG
Produk
Data produk Data produk
3.0 Daftar
Member
Data pendaftaran
Data pendaftaran
Data pendaftaran Data pendaftaran
4.0 Login
MEMBER
Data login Data login
ADMIN
Data login Data login invalid
5.0 Pengolahan
akun member
D at
a login invali
d D
at a login
Data akun member Data akun member
Data akun member
Data akun member D
ata pr
oduk D
a ta pr
oduk
Pesanan Keranjang Belanja
Detail Pesanan
6.0 Pemesanan
Data pesanan Data keranjang belanja
Data detail pesanan Data retur
Data pesanan Data keranjang belanja
Data detail pesanan Data retur
Data keranjang belanja Data keranjang belanja
Data pesanan Data pesanan
Data detail pesanan Data detail pesanan
D ata pr
oduk D
at a pr
oduk
Bank Konten
7.0 Pengolahan Data
Master Merk
Kurs Produk
Provinsi Kota
Data kota Data provinsi
Data konten Data bank
Data merk Data kurs
Data produk Data retur
Data member Data pesanan
Data detail pesanan Data kota
Data provinsi Data konten
Data bank Data merk
Data kurs Data produk
Data retur Data member
Data pesanan Data detail pesanan
D ata k
ota D
at a kot
a Data kurs
Data kurs 8.0
Laporan
Data pesanan Data pesanan
Data member, Data pesanan, Data detail pesanan Data member, data pesanan, data detail pesanan
Data member Data member
Data detail pesanan Data detail pesanan
Login valid member
Login valid admin Login valid admin, login valid operator
Data produk
Data produk
Retur
Data retur Data retur
Data produk Data produk
Login valid member 2.0
Cara belanja Data cara belanja
Data cara belanja Data cara belanja
Data cara belanja
D ata
h ubungi k
ami D
ata h
ubungi k ami
Data merk
Data merk
D at
a pr ovinsi
Data merk Data retur
Data retur Data member
Data member Data konten
Data konten
Data bank Data bank
D a
ta pr ovinsi
Data provinsi Data detail pesanan
Data detail pesanan Data pesanan
Data pesanan
PAYPAL
Data konfirmasi pembayaran Data konfirmasi pembayaran
Admin
Data login Data login
Gambar III.6 Data Flow Diagram Level 1 Sistem E-commerce toko IBC Computer
2. DFD Level 2 Proses 3.0 Daftar Pengunjung yang ingin mendaftar menjadi member, terlebih dahulu harus
mengisi form pendaftaran. Setelah proses pendaftaran selesai maka pengunjung harus membuka emailnya untuk mengaktifkan akun. Untuk
lebih jelasnya bisa dilihat pada gambar III.7.
3.1 Pengisian
form pendaftaran
Member
PENGUNJUNG
3.2 Aktifasi akun
Provinsi Kota
D at
a p
endaf taran
D a
ta pe
ndaf ta
ra n
D at
a regi
st ra
si p
ro v
insi D
at a
reg ist
rasi provi
nsi D
at a
reg ist
rasi kot
a D
at a
r e
gi st
ra s
i kot
a
Data pendaftaran Data pendaftaran
Data aktifasi akun berhasil Data pendaftaran
Data pendaftaran Data provinsi
Gambar III.7 DFD Level 2 Proses 3.0 Daftar 3. DFD Level 2 Proses 4.0 Login
Member dan Admin harus memasukan terlebih dahulu email dan password sebelum login, kalau valid maka login berhasil. Untuk lebih jelasnya bisa
dilihat pada gambar III.8.
4.1 Verifikasi
email
MEMBER Member
4.2 Verifikasi
password
ADMIN
Em a
il m
e m
b e
r Da
ta e
m a
il i n
v a
lid
Data email invalid Email admin
Email user Data email invalid
Da ta
p a
s s
wo rd
D a
ta p
a s
s wo
rd in
v a
lid
Data password Data password invalid
Data password invalid Data password
4.3 Lupa
password
Data email Password baru
Data email Password baru
Data email Data email invalid
Admin
Email admin Email admin
Gambar III.8 DFD Level 2 Proses 4.0 Login
4. DFD Level 3 Proses 4.3 Lupa password Member dan admin memasukan email, apabila email valid maka akan
dikirimkan password ke emailnya. Untuk lebih jelasnya bisa dilihat pada gambar III.9.
4.3.2 Pengiriman
password
Member ADMIN
MEMBER
4.3.1 Verifikasi
email Data email
Data email Info email invalid
Info email invalid Email valid
Password baru Data email
Password baru Password baru
Password baru
Admin
Data email
Gambar III.9 DFD Level 3 Proses 4.3 Lupa password
5. DFD Level 2 Proses 5.0 Pengolahan akun member Member bisa melakukan ubah alamat, ubah akun info ataupun ubah
password. Untuk lebih jelasnya bisa dilihat pada gambar III.10.
MEMBER
5.1 Ubah alamat
5.2 Ubah akun
info
Member
Data alamat yang akan diubah
Info alamat yang telah diubah
Data alamat yang akan diubah
Info alamat yang telah diubah
Data akun info yang akan diubah
Info akun info yang telah diubah
Data akun info yang akan diubah
Info akun info yang telah diubah
5.3 Ubah
password Data password
yang akan diubah Data password
yang akan diubah Info password
yang telah diubah Info password
yang telah diubah
Gambar III.10 DFD Level 2 Proses 5.0 Pengolahan akun member
6. DFD Level 2 Proses 6.0 Pemesanan Member terlebih dahulu memasukan barang belanjaannya ke keranjang
belanja, setelah selesai belanja member kemudian melakukan checkout, setelah itu member melakukan konfirmasi pembayaran. Jika pembayaran
menggunalan paypal, maka akan dikirim data pembayaran ke paypal, dan paypal yang akan mengkonfirmasi pembayaran itu secara otomatis. Jika
pembayaran menggunakan bank, maka operator bertugas mengecek validasi pembayaran pesanan tersebut. Untuk lebih jelasnya bisa dilihat
pada gambar III.11.
6.1 Pengolahan
data pesanan
MEMBER Pesanan
6.2 Pengolahan
data keranjang
belanja 6.3
Konfirmasi pembayaran
pesanan
Keranjang belanja
Produk
D a
ta p
e sa
n a
n In
fo p
e sa
n a
n Da
ta ke
ra n
ja n
g b
e la
n ja
In fo
ke ra
n ja
n g
b e
la n
ja
Info pesanan Data pesanan
In fo
K o
n fir
m a
si p
e mb
a y
a ra
n p
e sa
n a
n
Da ta
K o
n fi
rma s
i p
e mb
a ya
ra n
p e
sa n
a n
Info keranjang belanja
Data keranjang belanja
Data produk Info produk
Info produk Data produk
Data produk Info produk
Data Konfirmasi pembayaran pesanan Info Konfirmasi pembayaran pesanan
ADMIN
Data Konfirmasi pembayaran pesanan
Info Konfirmasi pembayaran pesanan
6.4 Konfirmasi
retur pesanan
Info Konfirmasi retur pesanan Data Konfirmasi retur pesanan
Info Konfirmasi retur pesanan
Data Konfirmasi retur pesanan
In fo
K o
n fi
rma si
re tu
r p
e sa
n a
n D
a ta
K o
n firma
si re
tu r
p e
sa n
a n
PAYPAL
Data konfirmasi pembayaran
Info konfirmasi pembayaran
Gambar III.11 DFD Level 2 Proses 6.0 Pemesanan
7. DFD Level 3 Proses 6.1 Pengolahan data pesanan Member bisa menambah pesanan, mengubah pesanan atau menghapus
pesanan yang tersimpan di keranjang belanja. Untuk lebih jelasnya bisa dilihat pada gambar III.12.
MEMBER
6.1.1 Tambah
pesanan
6.1.2 Ubah pesanan
6.1.3 Hapus
pesanan
Pesanan
Data pesanan yang akan ditambah
Info pesanan yang telah ditambah
Data pesanan yang akan diubah
Info pesanan yang telah diubah
Info pesanan yang telah dihapus
Data pesanan yang akan dihapus
Data pesanan yang akan ditambah
Info pesanan yang telah ditambah
Data pesanan yang akan diubah
Info pesanan yang telah diubah
Info pesanan Yang telah dihapus
Data pesanan yang akan dihapus
Produk
Data produk Info produk
Data produk Info produk
Data produk Info produk
Gambar III.12 DFD Level 3 Proses 6.1 Pengolahan data pesanan 8. DFD Level 3 Proses 6.2 Pengolahan data keranjang belanja
Member bisa menambah pesanan, mengubah pesanan atau menghapus pesanan yang tersimpan di keranjang belanja. Untuk lebih jelasnya bisa
dilihat pada gambar III.13.
MEMBER
6.2.1 Tambah
keranjang belanja
6.2.2 Ubah
keranjang belanja
6.2.3 Hapus
keranjang belanja
Keranjang belanja
Data keranjang belanja yang akan ditambah
Info keranjang belanja yang telah ditambah
Data keranjang belanja yang akan diubah
Info keranjang belanja yang telah diubah
Info keranjang belanja yang telah dihapus
Data keranjang belanja yang akan dihapus
Data keranjang belanja yang akan ditambah
Info keranjang belanja yang telah ditambah
Data keranjang belanja yang akan diubah
Info keranjang belanja yang telah diubah
Info keranjang belanja Yang telah dihapus
Data keranjang belanja yang akan dihapus
Produk
Data produk Info produk
Data produk Info produk
Data produk Info produk
Gambar III.13 DFD Level 3 Proses 6.2 Pengolahan data keranjang belanja
9. DFD Level 2 Proses 7.0 Pengolahan data master Berikut ini pada gambar III.14 adalah pengolahan data master yang
dilakukan oleh admin.
ADMIN
7.2 pengolahan
Merk
7.3 pengolahan
produk
7.4 Pengolahan
retur Merk
produk Retur
Info retur Data retur
Data retur Info retur
Data Merk
Data produk
Data kota Info produk
Info Merk
Info produk Data produk
Info Merk Data Merk
7.1 pengolahan
Bank Bank
Data bank Info Bank
Data bank Info Bank
7.6 pengolahan
Kota Kota
Info Kota Data kota
Info Kota
7.7 pengolahan
Provinsi Provinsi
Data Provinsi Info provinsi
Info provinsi Data Provinsi
D at
a kat
eg or
i
Data Provinsi
7.8 pengolahan
Konten Konten
Data Konten Info Konten
Info Konten Data Konten
7.5 Pengolahan
kurs Kurs
Info kurs Data kurs
Info kurs Data kurs
7.9 pengolahan
pesanan Pesanan
Data pesanan Info pesanan
Info pesanan Data pesanani
Gambar III.14 DFD Level 2 Proses 7.0 Pengolahan data master
10. DFD Level 3 Proses 7.1 Pengolahan data bank Berikut ini pada gambar III.15 adalah pengolahan data bank yang
dilakukan oleh admin.
ADMIN
7.1.1 Tambah bank
7.1.2 Ubah bank
7.1.3 Hapus bank
Bank
Data bank yang akan ditambah Info bank yang telah ditambah
Data bank yang akan diubah Info bank yang telah diubah
Info bank yang telah dihapus Data bank yang akan dihapus
Data bank yang akan ditambah Info bank yang telah ditambah
Data bank yang akan diubah Info bank yang telah diubah
Info bank telah dihapus Data bank yang akan dihapus
Gambar III.15 DFD Level 3 Proses 7.1 Pengolahan data bank 11. DFD Level 3 Proses 7.2 Pengolahan data merk
Berikut ini pada gambar III.16 adalah pengolahan data merk yang dilakukan oleh admin.
ADMIN
7.2.1 Tambah merk
7.2.2 Ubah merk
7.2.3 Hapus merk
Merk
Data merk yang akan ditambah Info merk yang telah ditambah
Data merk Yang akan diubah
Info merk Yang telah diubah
Info merk yang telah dihapus Data merk yang akan dihapus
Data merk yang akan ditambah Info merk yang telah ditambah
Data merk Yang akan diubah
Info merk Yang telah diubah
Info merk yang telah dihapus Data merk yang akan dihapus
Gambar III.16 DFD Level 3 Proses 7.2 Pengolahan data merk
12. DFD Level 3 Proses 7.3 Pengolahan data produk Berikut ini pada gambar III.17 adalah pengolahan data produk yang
dilakukan oleh admin.
ADMIN
7.3.1 Tambah
produk
7.3.2 Ubah produk
7.3.3 Hapus produk
Produk
Data produk yang akan ditambah Info produk yang telah ditambah
Data produk yang Akan diubah
Info produk yang Telah diubah
Info produk yang telah dihapus Data produk yang akan dihapus
Data produk yang akan ditambah Info produk yang telah ditambah
Data produk yang Akan diubah
Info produk yang telah diubah
Info produk yang telah dihapus Data produk yang akan dihapus
Merk Data Merk
Data Merk
Data Merk
Gambar III.17 DFD Level 3 Proses 7.3 Pengolahan data produk 13. DFD Level 3 Proses 7.4 Pengolahan data retur
Berikut ini pada gambar III.18 adalah pengolahan data retur yang dilakukan oleh admin.
ADMIN
7.4.1 Ubah status
retur
7.4.2 Hapus retur
Retur
Data retur yang Akan diubah
Info data retur Yang telah diubah
Info retur yang telah dihapus Data retur yang akan dihapus
Data retur yang akan diubah Info retur
yang telah diubah
Info retur yang telah hapus Data retur yang akan dihapus
Gambar III.18 DFD Level 3 Proses 7.4 Pengolahan data retur
14. DFD Level 3 Proses 7.5 Pengolahan data kurs Berikut ini pada gambar III.19 adalah pengolahan data kurs yang
dilakukan oleh admin.
ADMIN
7.5.1 Tambah kurs
7.5.2 ubah kurs
7.5.3 Hapus kurs
Kurs Data kurs yang akan ditambah
Info kurs yang telah ditambah
Data kurs Yang akan diubah
Info kurs yang telah diubah
Info kurs Yang telah dihapus
Data kurs yang akan dihapus Datak urs yang akan ditambah
Info kurs yang telah ditambah
Data kurs Yang akan diubah
Info kurs Yang telah diubah
Info kurs yang telah dihapus Data kurs yang akan dihapus
Gambar III.19 DFD Level 3 Proses 7.5 Pengolahan data kurs 15. DFD Level 3 Proses 7.6 Pengolahan data kota
Berikut ini pada gambar III.20 adalah pengolahan data kota yang dilakukan oleh admin.
ADMIN
7.6.1 Tambah Kota
7.6.2 Ubah Kota
7.6.3 Hapus Kota
Kota Data Kota yang akan ditambah
Info Kota yang telah ditambah
Data Kota yang Akan diubah
Info Kota yang telah diubah
Info Kota yang telah dihapus Data Kota yang akan dihapus
Data Kota yang akan ditambah Info kota yang telah ditambah
Data Kota yang akan diubah Info Kota yang telah diubah
Info Kota yang telah dihapus Data kota yang akan dihapus
Provinsi Data Provinsi
Data Provinsi
Data Provinsi
Gambar III.20 DFD Level 3 Proses 7.6 Pengolahan data kota
16. DFD Level 3 Proses 7.7 Pengolahan data provinsi Berikut ini pada gambar III.21 adalah pengolahan data provinsi yang
dilakukan oleh admin.
ADMIN
7.7.1 Tambah
Provinsi
7.7.2 Ubah Provinsi
7.7.3 Hapus
Provinsi Provinsi
Data Provinsi yang akan ditambah Info Provinsi yang telah ditambah
Data Provinsi yang Akan diubah
Info Provinsi Yang telah diubah
Info Provinsi akan dihapus Data Provinsi telah dihapus
Data Provinsi yanga akan ditambah Info provinsi yang telah ditambah
Data Provinsi yang Akan diubah
Info Provinsi yang Telah diubah
Info Provinsi yang telah dihapus Data Provinsi yang akan dihapus
Gambar III.21 DFD Level 3 Proses 7.7 Pengolahan data provinsi 17. DFD Level 3 Proses 7.8 Pengolahan data konten
Berikut ini pada gambar III.22 adalah pengolahan data konten yang dilakukan oleh admin.
ADMIN
7.8.1 Lihat Konten
7.8.2 Tambah
Konten
7.8.3 Hapus Konten
Konten Data Konten yang akan dilihat
Info Konten yang telah dilihat
Data Konten yang Akan ditambah
Info Konten Yang telah ditambah
Info Konten akan dihapus Data Konten telah dihapus
Data Konten yanga akan dilihat Info Konten yang telah dilihat
Data Konten yang akan ditambah Info Konten yang
Telah ditambah
Info Konten yang telah dihapus Data Konten yang akan dihapus
Gambar III.22 DFD Level 3 Proses 7.8 Pengolahan data konten
18. DFD Level 3 Proses 7.9 Pengolahan pesanan Berikut ini pada gambar III.23 adalah pengolahan data kurs yang
dilakukan oleh admin.
ADMIN
7.9.1 Ubah status
pesanan
7.9.2 Hapus
pesanan
Pesanan
Data pesanan yang akan diubah
Info pesanan yang telah diubah
Info pesanan yang telah dihapus
Data pesanan yang akan dihapus
Data pesanan yang akan diubah
Info pesanan yang telah diubah
Info pesanan Yang telah dihapus
Data pesanan yang akan dihapus
Produk
Data produk Info produk
Data barang Info barang
Gambar III.23 DFD Level 3 Proses 7.9 Pengolahan pesanan 19. DFD Level 2 Proses 8.0 Pengolahan laporan
Berikut ini pada gambar III.24 adalah pengolahan data kurs yang dilakukan oleh admin.
ADMIN
8.1 Lihat laporan
8.2 buat laporan
8.3 Cetak laporan
Pesanan
Info laporan member pesanan, detail pesanan
Data laporan Member, pesanan
detail pesanan
Data laporan Member, pesanan
detail pesanan Info laporan
Member, pesanan detail pesanan
Data laporan member pesanan, detail pesanan
Info laporan Member, pesanan
detail pesanan
Detail Pesanan Member
Info pesanan Data member
Data pesanan Info detail pesanan
Data detail pesanan Info
Member, pesanan detail pesanan
Data Member, pesanan
detail pesanan Info
Member, pesanan detail pesanan
Data Member, pesanan
detail pesanan Info member
Gambar III.24 DFD Level 2 Proses 8.0 Pengolahan laporan
III.1.6.3 Spesifikasi Proses
Spesifikasi proses merupakan alat bantu tools sistem yang akan menjelaskan perilaku-perilaku proses yang ada dalam diagram aliran data. Berikut
adalah spesifikasi proses dari Sistem E-commerce toko IBC Computer :
Tabel III.2 Spesifikasi Proses No
Proses Keterangan
1. No. Proses
1.0 Nama Proses
Lihat Produk Source
Pengunjung Input
Data produk yang akan dilihat Output
Info produk yang akan dilihat
Destination Pengunjung
Logika Proses 1. Pengunjung memasukan data produk yang akan
dilihat. 2. Sistem akan menampilkan data produk yang akan
dilihat. 2.
No. Proses 2.0
Nama Proses Cara belanja
Source Pengunjung, member
Input Data Cara belanja
Output Info Cara belanja
Destination Pengunjung, member
Logika Proses 1. Pengunjung atau member mengklik menu cara
belanja. 2. Sistem akan memberitahukan Cara belanja kepada
member atau pengunjung. 3.
No. Proses 3.0
Nama Proses Daftar
Source Pengunjung
Input Data pendaftaran
Output Info pendaftaran valid dan info pendaftaran invalid
Destination Pengunjung
Logika Proses 1. Pengunjung memasukan data pendaftaran pada form
pendaftaran. 2. Apabila data pendaftaran valid, sistem akan
menampilkan pesan bahwa pendaftaran berhasil dan pengunjung dipersilahkan untuk login
3. Apabila data pendaftaran invalid, maka sistem akan menampilkan pesan kesalahan maka pengunjung
diminta untuk mengisi form pendaftaran kembali
4. No.Proses
3.1 Nama Proses
Pengisian form pendaftaran Source
Pengunjung Input
Data pendaftaran Output
Info pendaftaran valid dan info pendaftaran invalid Destination
Pengunjung Logika Proses
1. Pengunjung mengisi data pendaftaran pada form pendaftaran
2. Apabila pendaftaran valid maka akan menampilkan pesan data berhasil disimpan dan peringatan data
telah dikirim ke email untuk aktivasi 5.
No.Proses 3.2
Nama Proses Aktivasi akun
Source Pengunjung
Input Data aktivasi
Output Info data aktivasi valid, info data aktivasi invalid
Destination Pengunjung
Logika Proses 1. Pengunjung membuka email dan lalu melakukan
aktivasi akun. 2. Apabila aktivasi valid maka akan muncul informasi
valid dan Pengunjung diperbolehkan untuk login. 6.
No. Proses 4.0
Nama Proses Login
Source Admin, Member
Input Data Login
Data Email Output
Info login valid, Invalid Info password yang diminta
Info email tidak terdaftar
Destination Admin, Member
Logika Proses 1. Pengguna Admin, Member mengisi data login
pada form login. 2. Apabila data login valid, sistem akan menampilkan
halaman akun sesuai dengan akun pengguna. 3. Apabila data login invalid maka sistem akan
menampilkan pesan kesalahan, dan pengguna diminta login kembali.
7. No. Proses
4.1 Nama Proses
Verifikasi email Source
Admin, Member Input
Email Output
Info login valid, invalid Destination
Admin, Member Logika Proses
1. Admin, Member melakukan login 2. Sistem akan memverifikasi untuk kesesuaian data
3. Sistem akan menampilkan data valid atau invalid 8.
No. Proses 4.2
Nama Proses Verifikasi Password
Source Admin, Member
Input Email
Output Info login valid, invalid
Destination Admin, Member
Logika Proses 1. Admin, Member melakukan login
2. Sistem akan memferivikasi untuk kesesuaian data 3. Sistem akan menampilkan data valid atau invalid
9. No. Proses
4.3 Nama Proses
Lupa password Source
Admin, Member Input
Data email Output
Info password yang diminta Info email tidak terdaftar
Destination Admin, Member
Logika Proses 1. Pengguna Admin, Member memilih menu lupa
password 2. Sistem akan menampilkan form lupa password
3. Pengguna menginputkan email 4. Data password akan dikirim ke email pengguna
10. No.Proses 4.3.1
Nama Proses Verifikasi email
Source Admin, Member
Input Data verifikasi
Output Info verifikasi valid, invalid
Destination Admin, Member
Logika Proses 1. Admin, Member mengisi form lupa password
11. No.Proses 4.3.2
Nama Proses Pengiriman password
Source Admin, Member
Input Data email
Output Info data Admin, Member dan data password baru
Destination Admin, Member
Logika Proses 1. Admin, Member menerima email request password
12. No. Proses 5.0
Nama Proses Pengolahan Akun Member
Source Member
Input Data member
Output Info data Member yang di ubah
Destination Member
Logika Proses 1. Member dapat merubah data profil Member
13. No. Proses 5.1
Nama Proses Ubah alamat
Source Member
Input Data profile Member
Output Info data profile Member yang dilihat
Destination Member
Logika Proses 1. Member memilih menu lihat profile, dan lalu akan
melakukan edit profile. 2. Sistem akan menampilkan data profile Member
14. No. Proses 5.2
Nama Proses Ubah akun info
Source Member
Input Data profile Member
Output Info data profile Member yang dilihat
Destination Member
Logika Proses 1. Member memilih menu lihat profile, dan lalu akan
melakukan edit profile. 2. Sistem akan menampilkan data profile Member
15. No. Proses 5.3
Nama Proses Ubah Password
Source Member
Input Data Member
Output Info data password yang sudah diubah
Destination Member
Logika Proses 1. Member memilih menu ubah password
2. Sistem akan menampilkan informasi pesan ubah password berhasil.
16. No. Proses 6.0
Nama Proses Pemesanan
Source Member
Input Data pesanan, data keranjang belanja
Output Info pesanan, info keranjang belanja
Destination Member
Logika Proses 1. Pemesan memilih menu pemesanan atau keranjang
belanja 2. Sistem akan menampilkan data barang yang telah
dipesan dan data keranjang belanja 3. Sistem akan menampilkan detail pesanan barang
yang telah dipesan dan keranjang belanja 17. No. Proses
6.1 Nama Proses
Pengolahan data pesanan Source
Member Input
Data tambah pesanan, data edit pesanan, data hapus pesanan Output
Info tambah pesanan, info edit pesanan, info hapus pesanan Destination
Member
Logika Proses 1. Member memilih menu pesan barang
2. Sistem akan menampilkan data barang yang telah dipesan
3. Sistem akan menampilkan detail pesanan barang yang telah dipesan
18. No. Proses 6.1.1
Nama Proses Tambah pesanan
Source Member
Input Data pesanan
Output Info pesanan
Destination Member
Logika Proses 1. Member memilih menu tambah belanja yang
disimpan di keranjang belanja 2. Sistem akan menampilkan data pesanan dari
Member 19. No. Proses
6.1.2 Nama Proses
Edit pesanan Source
Member Input
Data pesanan Output
Info pesanan Destination
Member Logika Proses
1. Member memilih menu edit pesanan belanja yang disimpan di keranjang belanja
2. Sistem akan menampilkan data pesanan dari Member
20. No. Proses 6.1.3
Nama Proses Hapus pesanan
Source Member
Input Data pesanan
Output Info pesanan
Destination Member
Logika Proses 1. Member memilih menu hapus pesanan belanja yang
disimpan di keranjang belanja 2. Sistem akan menampilkan data pesanan dari
pemesan 21. No. Proses
6.2 Nama Proses
Pengolahan data keranjang belanja Source
Member Input
Data tambah keranjang belanja, data edit keranjang belanja, data hapus keranjang belanja
Output Info tambah keranjang belanja, info edit keranjang belanja,
info hapus keranjang belanja Destination
Member Logika Proses
1. Member memilih menu keranjang belanja 2. Sistem akan menampilkan data barang yang telah
dipesan 3. Sistem akan menampilkan detail pesanan barang
yang telah dipesan 22. No. Proses
6.2.1 Nama Proses
Tambah keranjang belanja Source
Member Input
Data keranjang belanja Output
Info keranjang belanja Destination
Member Logika Proses
1. Member memilih menu tambah keranjang belanja 2. Sistem akan menampilkan data pesanan dari
Member 23. No. Proses
6.2.2 Nama Proses
Edit keranjang belanja Source
Member Input
Data keranjang belanja Output
Info keranjang belanja Destination
Member Logika Proses
1. Member memilih menu edit keranjang belanja yang 2. Sistem akan menampilkan data pesanan dari
Member 24. No. Proses
6.2.3 Nama Proses
Hapus keranjang belanja Source
Member Input
Data keranjang belanja Output
Info keranjang belanja Destination
Member Logika Proses
1. Member memilih menu hapus keranjang belanja 2. Sistem akan menampilkan data pesanan dari
Member 25. No. Proses
6.3 Nama Proses
Konfirmasi pembayaran pesanan Source
Member Input
Data konfirmasi pembayaran pesanan Output
Info konfirmasi pembayaran pesanan Destination
Member Logika Proses
1. Member memilih menu konfirmasi pembayaran setelah melakukan pemesanan barang
2. Sistem akan menampilkan form konfirmasi pembayaran untuk diisi oleh Member sebagai tanda
bukti pembayaran 26. No. Proses
6.4 Nama Proses
Konfirmasi retur pesanan Source
Member Input
Data konfirmasi retur pesanan
Output Info konfirmasi retur pesanan
Destination Member
Logika Proses 1. Member memilih menu konfirmasi retur
2. Sistem akan menampilkan form konfirmasi retur untuk diisi oleh Member
27. No. Proses 7.0
Nama Proses Pengolahan data master
Source Admin
Input Data bank, data merk, data produk, data retur, data kurs,
data kota, data provinsi, data konten, data pesanan Output
info bank, info merk, info produk, info retur, info kurs, info kota, info provinsi, info konten, info pesanan
Destination Admin
Logika Proses 1. Admin memilih menu data master
2. Sistem akan menampilkan menu data master seperti : Data bank, data merk, data produk, data retur, data
kurs, data kota, data provinsi, data konten, data pesanan
3. Admin kemudian mengolah data master tersebut. 28. No. Proses
7.1 Nama Proses
Pengolahan bank Source
Admin Input
Data bank Output
Info data bank Destination
Admin Logika Proses
1. Admin memilih menu bank 2. Sistem akan menampilkan daftar bank
29. No. Proses 7.2
Nama Proses Pengolahan merk barang
Source Admin
Input Data merk barang
Output Info data merk barang
Destination Admin
Logika Proses 1. Admin memilih menu merk barang
2. Sistem akan menampilkan daftar merk barang 30. No. Proses
7.3 Nama Proses
Pengolahan produk Source
Admin Input
Data produk Output
Info data produk Destination
Admin Logika Proses
1. Admin memilih menu produk 2. Sistem akan menampilkan daftar produk
31. No. Proses 7.4
Nama Proses Pengolahan retur
Source Admin
Input Data retur
Output Info data retur
Destination Admin
Logika Proses 1. Admin memilih menu retur
2. Sistem akan menampilkan daftar retur 32. No. Proses
7.5 Nama Proses
Pengolahan kurs Source
Admin Input
Data kurs Output
Info data kurs Destination
Admin Logika Proses
1. Admin memilih menu kurs 2. Sistem akan menampilkan daftar kurs
33. No. Proses 7.6
Nama Proses Pengolahan kota
Source Admin
Input Data kota
Output Info data kota
Destination Admin
Logika Proses 1. Admin memilih menu data kota
2. Sistem akan menampilkan daftar kota 34. No. Proses
7.7 Nama Proses
Pengolahan provinsi Source
Admin Input
Data provinsi Output
Info data provinsi Destination
Admin Logika Proses
1. Admin memilih menu provinsi 2. Sistem akan menampilkan daftar provinsi
35. No. Proses 7.8
Nama Proses Pengolahan hubungi kami
Source Admin
Input Data hubungi kami
Output Info data hubungi kami
Destination Admin
Logika Proses 1. Admin memilih menu hubungi kami
2. Sistem akan menampilkan daftar hubungi kami 36. No. Proses
7.9 Nama Proses
Pengolahan pesanan Source
Admin Input
Data pesanan Output
Info data pesanan Destination
Admin Logika Proses
1. Admin memilih menu pesanan
2. Sistem akan menampilkan daftar pesanan 37. No. Proses
7.1.1 Nama Proses
Tambah bank Source
Admin Input
Data bank Output
Info data bank Destination
Admin Logika Proses
1. Admin memilih menu tambah bank 2. Sistem akan menampilkan daftar bank yang berhasil
ditambahkan 38. No. Proses
7.1.2 Nama Proses
ubah bank Source
Admin Input
Data bank Output
Info data bank Destination
Admin Logika Proses
1. Admin memilih menu ubah bank 2. Sistem akan menampilkan daftar bank yang berhasil
diubah 39. No. Proses
7.1.3 Nama Proses
Hapus bank Source
Admin Input
Data bank Output
Info data bank Destination
Admin Logika Proses
1. Admin memilih menu hapus bank 2. Sistem akan menampilkan daftar bank yang berhasil
dihapus 40. No. Proses
7.2.1 Nama Proses
Tambah merk Source
Admin Input
Data merk Output
Info data merk Destination
Admin Logika Proses
1. Admin memilih menu tambah merk 2. Sistem akan menampilkan pesan data merk berhasil.
41. No. Proses 7.2.2
Nama Proses ubah merk
Source Admin
Input Data merk
Output Info data merk
Destination Admin
Logika Proses 1. Admin memilih menu ubah merk
2. Sistem akan menampilkan data merk yang berhasil diubah.
42. No. Proses 7.2.3
Nama Proses Hapus merk
Source Admin
Input Data merk
Output Info data merk
Destination Admin
Logika Proses 1. Admin memilih menu hapus merk
2. Sistem akan menampilkan pesan informasi data merk yang berhasil dihapus.
43. No. Proses 7.3.1
Nama Proses Tambah produk
Source Admin
Input Data produk
Output Info data produk
Destination Admin
Logika Proses 1. Admin memilih menu tambah produk
2. Sistem akan menampilkan informasi data produk yang berhasil ditambahkan.
44. No. Proses 7.3.2
Nama Proses ubah produk
Source Admin
Input Data produk
Output Info data produk
Destination Admin
Logika Proses 1. Admin memilih menu ubah produk
2. Sistem akan menampilkan informasi data produk yang berhasil diubah.
45. No. Proses 7.3.3
Nama Proses Hapus produk
Source Admin
Input Data produk
Output Info data produk
Destination Admin
Logika Proses 1. Admin memilih menu hapus produk
2. Sistem akan menampilkan pesan informasi data produk berhasil dihapus.
46. No. Proses 7.4.1
Nama Proses ubah status retur
Source Admin
Input Data status retur
Output Info data status retur
Destination Admin
Logika Proses 1. Admin memilih menu ubah status retur
2. Sistem akan menampilkan informasi data status retur yang berhasil diubah.
47. No. Proses 7.4.2
Nama Proses Hapus retur
Source Admin
Input Data retur
Output Info data retur
Destination Admin
Logika Proses 1. Admin memilih menu hapus retur
2. Sistem akan menampilkan pesan informasi data retur berhasil dihapus.
48. No. Proses 7.5.1
Nama Proses Tambah kurs
Source Admin
Input Data kurs
Output Info data kurs
Destination Admin
Logika Proses 1. Admin memilih menu tambah kurs
2. Sistem akan menampilkan pesan informasi data kurs yang berhasil ditambah.
49. No. Proses 7.5.2
Nama Proses ubah kurs
Source Admin
Input Data kurs
Output Info data kurs
Destination Admin
Logika Proses 1. Admin memilih menu ubah kurs
2. Sistem akan menampilkan pesan informasi data kurs berhasil diubah.
50. No. Proses 7.5.3
Nama Proses Hapus kurs
Source Admin
Input Data kurs
Output Info data kurs
Destination Admin
Logika Proses 1. Admin memilih menu hapus kurs
2. Sistem akan menampilkan pesan informasi data kurs berhasil dihapus.
51. No. Proses 7.6.1
Nama Proses Tambah kota
Source Admin
Input Data kota
Output Info data kota
Destination Admin
Logika Proses 1. Admin memilih menu tambah kota
2. Sistem akan menampilkan pesan informasi kota berhasil ditambah.
52. No. Proses 7.6.2
Nama Proses ubah kota
Source Admin
Input Data kota
Output Info data kota
Destination Admin
Logika Proses 1. Admin memilih menu ubah kota
2. Sistem akan menampilkan pesan informasi data kota berhasil diubah.
53. No. Proses 7.6.3
Nama Proses Hapus kota
Source Admin
Input Data kota
Output Info data kota
Destination Admin
Logika Proses 1. Admin memilih menu hapus kota
2. Sistem akan menampilkan pesan informasi data kota berhasil dihapus.
54. No. Proses 7.7.1
Nama Proses Tambah provinsi
Source Admin
Input Data provinsi
Output Info data provinsi
Destination Admin
Logika Proses 1. Admin memilih menu tambah provinsi
2. Sistem akan menampilkan pesan informasi data provinsi berhasil ditambah.
55. No. Proses 7.7.2
Nama Proses ubah provinsi
Source Admin
Input Data provinsi
Output Info data provinsi
Destination Admin
Logika Proses 1. Admin memilih menu ubah provinsi
2. Sistem akan menampilkan pesan informasi data provinsi berhasil diubah.
56. No. Proses 7.7.3
Nama Proses Hapus provinsi
Source Admin
Input Data provinsi
Output Info data provinsi
Destination Admin
Logika Proses 1. Admin memilih menu hapus provinsi
2. Sistem akan menampilkan pesan informasi data provinsi berhasil dihapus.
57. No. Proses 7.8.1
Nama Proses Lihat konten
Source Admin
Input Data konten
Output Info data konten
Destination Admin
Logika Proses 1. Admin memilih menu lihat konten
2. Sistem akan menampilkan pesan informasi data konten.
58. No. Proses 7.8.2
Nama Proses tambah konten
Source Admin
Input Data konten
Output Info data konten
Destination Admin
Logika Proses 1. Admin memilih menu tambah konten
2. Sistem akan menampilkan pesan informasi data konten berhasil ditambah.
59. No. Proses 7.8.3
Nama Proses Hapus konten
Source Admin
Input Data konten
Output Info data konten
Destination Admin
Logika Proses 1. Admin memilih menu hapus konten
2. Sistem akan menampilkan pesan informasi data konten berhasil dihapus.
60. No. Proses 7.9.1
Nama Proses ubah status pesanan
Source Admin
Input Data status pesanan
Output Info data status pesanan
Destination Admin
Logika Proses 1. Admin memilih menu ubah status pesanan
2. Sistem akan menampilkan informasi data status pesanan yang berhasil diubah.
61. No. Proses 7.9.2
Nama Proses Hapus pesanan
Source Admin
Input Data pesanan
Output Info data pesanan
Destination Admin
Logika Proses 1. Admin memilih menu hapus pesanan
2. Sistem akan menampilkan pesan informasi data pesanan berhasil dihapus.
62. No. Proses 8.0
Nama Proses Pengolahan laporan
Source Admin
Input Data laporan penjualan barang
Data lihat laporan Output
Info laporan penjualan barang Info lihat laporan
Destination Admin
Logika Proses 1. Admin memilih menu lihat laporan penjualan.
2. Sistem akan menampilkan menu lihat laporan lalu akan menampilkan menu buat laporan.
63. No. Proses 8.1
Nama Proses Lihat laporan
Source Admin
Input Data laporan penjualan
Output Info data laporan penjualan
Destination Admin
Logika Proses 1. Admin memilih menu lihat laporan penjualan.
2. Sistem akan menampilkan data penjualan, serta menampilkan pendapatan dari hasil penjualan.
64. No. Proses 8.2
Nama Proses Buat laporan
Source Admin
Input Data laporan penjualan
Output Info data laporan penjualan
Destination Admin
Logika Proses 1. Admin memilih menu lihat laporan penjualan.
2. Operator menginputkan tanggal transaksi sesuai dengan keinginan.
3. Sistem akan menampilkan data penjualan, serta menampilkan pendapatan dari hasil penjualan.
65. No. Proses 8.3
Nama Proses Cetak laporan
Source Admin
Input Data laporan penjualan
Output Info data laporan penjualan
Destination Admin
Logika Proses 1. Admin memilih menu cetak laporan penjualan.
2. input tanggal transaksi sesuai dengan keinginan. 3. Sistem akan mencetak data laporan penjualan sesuai
yang diinginkan.
III.1.6.4 Kamus Data
Kamus data atau data dictionary adalah katalog data tentang akta dan kebutuhan-kebutuhan
informasi dari
suatu sistem
informasi. Dengan
menggunakan kamus data, analisis sistem dapat mengidentifikasikan data yang mengalir dalam sistem yang lengkap.
Kamus data dapat dibuat berdasarkan arus data yang ada dalam data flow diagram DFD. Arus data yang ada dalam data flow diagram DFD sifatnya
adalah global, hanya ditunjukan arus datanya saja. Untuk lebih jelas dapat dilihat pada tabel berikut :
Tabel III.3 Kamus Data Nama
Data Provinsi
Deskripsi Berisi data provinsi
Struktur data Id_provinsi+nama_provinsi
Id_provinsi nama_provinsi
[0…9] [A…Z] [a…z]
Nama Data Kota
Deskripsi Berisi data kota
Struktur data Id_kota+no_kota+nama_kota+id_provinsi
Id_kota no_kota
nama_kota id_provinsi
[0…9] [0…9]
[A…Z] [a…z] [0…9]
Nama Data Ongkos Pengiriman
Deskripsi Berisi data ongkos pengiriman
Struktur Data Id_ongkos_kirim+id_jenis_pengiriman+id_kota+ongkos
Id_ongkos_kirim id_jenis_pengiriman
id_kota ongkos
[0…9] [0…9]
[0…9] [0…9]
Nama Data Jenis Pengiriman
Deskripsi Berisi data jenis pengiriman
Stuktur data id_jenis_pengiriman+id_jasa_pengiriman+nama_jenis_pen
giriman id_jenis_pengiriman
id_jasa_pengiriman nama_jenis_pengiriman
[0…9] [0…9]
[A…Z] [a…z]
Nama Data Jasa Pengiriman
Deskripsi Berisi data jasa pengiriman
Stuktur data id_jasa_pengiriman+nama_jasa_pengiriman
id_jasa_pengiriman nama_jasa_pengiriman
[0…9] [A…Z] [a…z]
Nama Data Konten
Deskripsi Berisi data konten
Stuktur data Id_konten+id_admin+judul+isi
Id_konten id_admin
judul isi
Simbol [0…9]
[0…9] [A…Z] [a…z]
[A…Z] [a…z] [0..9] [Simbol] [
||||||?||\|+|,|.| ;|’|”|]
Nama Data Admin
Deskripsi Berisi data admin
Struktur data Id_admin+email_admin+password+nama_admin+tgl_lahir
+id_kota+alamat+kode_pos+telp+status+aktif Id_admin
email_admin password
nama_admin tgl_lahir
id_kota alamat
kode_pos telp
status aktif
Simbol [0…9]
[A…Z] [a…z] [0..9] [Simbol] [A…Z] [a…z] [0..9] [Simbol]
[A…Z] [a…z] [0…9]
[0…9] [A…Z] [a…z] [0..9] [Simbol]
[0…9] [0…9]
[A…Z] [a…z] [0…9]
[
||||||?||\|+|,|.| ;|’|”|]
Nama Data Pesanan
Deskripsi Berisi data pesanan
Struktur data id_pesanan+ id_member+ id_jenis_pengiriman+id_bank+
id_kurs+id_admin+status_pesanan+tgl_pesanan+jam_pesa nan+nomer_rekening+kode_transaksi+waktu_bayar+pemb
ayar+besar_bayar+mata_uang_bayar+ nomer_resi
id_pesanan id_member
id_jenis_pengiriman id_bank
id_kurs id_admin
status_pesanan tgl_pesanan
jam_pesanan nomer_rekening
kode_transaksi [0…9]
[0…9] [0…9]
[0…9] [0…9]
[0…9] [A…Z] [a…z]
[0…9] [0…9]
[0…9] [A…Z] [a…z] [0..9] [Simbol]
waktu_bayar pembayar
besar_bayar mata_uang_bayar
nomer_resi simbol
[0…9] [A…Z] [a…z] [0..9] [Simbol]
[0…9] [A…Z] [a…z]
[0…9] [
||||||?||\|+|,|.| ;|’|”|]
Nama Data Member
Deskripsi Berisi data member
Struktur data Id_member+email_member+password+nama_member+tgl
_lahir+id_kota+alamat+kode_pos+telp+aktif+kode_verifik asi
Id_member email_member
password nama_member
tgl_lahir id_kota
alamat kode_pos
telp aktif
kode_verifikasi Simbol
[0…9] [A…Z] [a…z] [0..9] [Simbol]
[A…Z] [a…z] [0..9] [Simbol] [A…Z] [a…z]
[0…9] [0…9]
[A…Z] [a…z] [0..9] [Simbol] [0…9]
[0…9] [0…9]
[A…Z] [a…z] [0..9] [Simbol] [
||||||?||\|+|,|.| ;|’|”|]
Nama Data Produk
Deskripsi Berisi data produk
Struktur data id_produk+ id_merk+ nama_produk+ deskripsi+ harga+
stok+ berat+ diskon+ tgl_masuk+ gambar+ dibeli+ dilihat+ rating
id_produk id_merk
nama_produk deskripsi
harga stok
berat diskon
tgl_masuk gambar
dibeli dilihat
simbol [0…9]
[0…9] [A…Z] [a…z]
[A…Z] [a…z] [0…9] [simbol] [0…9]
[0…9] [0…9]
[0…9] [0…9]
[A…Z] [a…z] [0…9]
[0…9] [
||||||?||\|+|,|.| ;|’|”|]
Nama Data Rating
Deskripsi Berisi data rating produk
Struktur data Id_rating+id_produk
Id_rating id_produk
[0…9] [0…9]
Nama Data Merk
Deskripsi Berisi data merk
Struktur data Id_merk+nama_merk
Id_merk nama_merk
[0…9] [A…Z] [a…z]
Nama Data Detail Pesanan
Deskripsi Berisi data detail pesanan
Struktur data Id_pesanan+id_produk+jumlah+diskon
Id_pesanan id_produk
jumlah diskon
[0…9] [0…9]
[0…9] [0…9]
Nama Data Keranjang Belanja
Deskripsi Berisi data keranjang belanja
Struktur data Id_keranjang_belanja+id_produk+id_session+jumlah+disk
on+tgl_keranjang_belanja+jam_keranjang_belanja Id_keranjang_belanja
id_produk id_session
jumlah diskon
tgl_keranjang_belanja jam_keranjang_belanja
[0…9] [0…9]
[0…9] [0…9]
[0…9] [0…9]
[0…9]
Nama Data Retur
Deskripsi Berisi data retur
Struktur data Id_retur+id_pesanan+retur_tgl+retur_status
Id_retur id_pesanan
retur_tgl retur_status
[0…9] [0…9]
[0…9] [A…Z] [a…z]
Nama Data Retur Detail
Deskripsi Berisi data detail retur
Struktur data Id_retur+id_pesanan+id_produk+jml+ket
Id_retur id_pesanan
id_produk jml
ket [0…9]
[0…9] [0…9]
[0…9] [A…Z] [a…z]
Nama Data Kurs
Deskripsi Berisi data kurs mata uang
Struktur data Id_kurs+nama_kurs+nominal
Id_kurs Nama_kurs
nominal [0…9]
[A…Z] [a…z] [0…9]
Nama Data Bank
Deskripsi Berisi data bank
Struktur data Id_bank+nama_bank
Id_bank nama_bank
[0…9] [A…Z] [a…z]
III.1.6.5 Skema Relasi
Proses relasi antar file merupakan gabungan antar file yang mempunyai kunci utama yang sama, sehingga file tersebut menjadi satu kesatuan yang
dihubungkan oleh field kunci tersebut. Pada proses ini elemen-elemen data dikelompokkan menjadi satu file database beserta entitas dan hubungannya.
Skema relasi sistem e-commerce pada toko IBC computer bandung dapat dilihat pada gambar III.25.
III.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 satu kesatuan yang utuh atau berfungsi. Tahapan ini menyangkut
konfirmasi dari komponen-komponen perangkat lunak dan perangkat keras dari suatu sistem, sehingga setelah instalasi dari sistem haruslah sesuai dengan rancang
bangun yang telah ditetapkan pada akhir tahap analisis sistem.
Gambar III.25 Skema Relasi Sistem e-commerce toko IBC computer bandun
III.2.1 Perancangan Struktur Tabel
Perancangan struktur tabel adalah perancangan tabel-tabel yang akan digunakan pada database. Struktur tabel untuk setiap tabel yang terdapat dalam
database Sistem e-commerce toko IBC computer bandung : 1. Tabel Provinsi
Tabel provinsi merupakan tabel yang digunakan untuk mencatat data provinsi. Struktur tabel yang akan digunakan untuk mencatat data provinsi
dapat dilihat pada tabel III.4 :
Tabel III.4 Tabel Provinsi Field
Jenis Kunci
Keterangan
Id_provinsi Int11
Primary key Not Null
nama_provinsi Varchar100
Not Null
2. Tabel Kota Tabel kota merupakan tabel yang digunakan untuk mencatat data kota.
Struktur tabel yang akan digunakan untuk mencatat data kota dapat dilihat pada tabel III.5 :
Tabel III.5 Tabel Kota Field
Jenis Kunci
Keterangan
Id_kota Int11
Primary key Not Null
No_kota Int11
Not Null Nama_kota
Varchar100 Not Null
Ongkos_kirim Int11
Not Null Ongkos_kirim_plus Int11
Not Null Id_provinsi
Int11 Foreign Key to
provinsi Not Null
3. Tabel Ongkos Pengiriman Tabel ongkos pengiriman merupakan tabel yang digunakan untuk
mencatat data ongkos pengiriman. Struktur tabel yang akan digunakan untuk mencatat data ongkos pengiriman dapat dilihat pada tabel III.6 :
Tabel III.6 Tabel Ongkos Pengiriman Field
Jenis Kunci
Keterangan
Id_ongkos_kirim Int11
Primary key Not Null
Id_jenis_pengiriman Int11 Foreign Key to jenis
pengiriman Not Null
Id_kota Int11
Foreign Key to kota Not Null
Ongkos_kirim Int11
Not Null
4. Tabel Jenis Pengiriman Tabel jenis pengiriman merupakan tabel yang digunakan untuk mencatat
data jenis pengiriman. Struktur tabel yang akan digunakan untuk mencatat data jenis pengiriman dapat dilihat pada tabel III.7 :
Tabel III.7 Tabel Jenis Pengiriman Field
Jenis Kunci
Keterangan
Id_jenis_pengiriman Int11
Primary key Not Null
Id_jasa_pengiriman Int11
Foreign Key to jasa pengiriman
Not Null Nama_jenis_pengiriman Varchar50
Not Null
5. Tabel Jasa Pengiriman Tabel jasa pengiriman merupakan tabel yang digunakan untuk mencatat
data jasa pengiriman. Struktur tabel yang akan digunakan untuk mencatat data jasa pengiriman dapat dilihat pada tabel III.8 :
Tabel III.8 Tabel Jasa Pengiriman Field
Jenis Kunci
Keterangan
Id_jasa_pengiriman Int11
Primary key Not Null
Nama_jasa_pengiriman Varchar30
Not Null
6. Tabel Konten Tabel konten merupakan tabel yang digunakan untuk mencatat data
konten. Struktur tabel yang akan digunakan untuk mencatat data konten dapat dilihat pada tabel III.9 :
Tabel III.9 Tabel Konten Field
Jenis Kunci
Keterangan
Id_konten Int11
Primary key Not Null
Id_admin Int11
Foreign Key to admin Not Null
judul Varchar100
Not Null isi
Text Not Null
7. Tabel Admin Tabel admin merupakan tabel yang digunakan untuk mencatat data admin.
Struktur tabel yang akan digunakan untuk mencatat data admin dapat dilihat pada tabel III.10 :
Tabel III.10 Tabel Admin Field
Jenis Kunci
Keterangan
Id_admin int11
Primary key Not Null
Email_admin Varchar50 Unique,Not Null
password Varchar50
Not Null Nama_admin Varchar100
Not Null Tgl_lahir
Date Not Null
Id_kota int11
Foreign Key to kota Not Null
alamat Varchar200
Not Null Kode_pos
int11 Not Null
telp Varchar15
Not Null status
Varchar15 Not Null
aktif int11
Not Null
8. Tabel Pesanan Tabel pesanan merupakan tabel yang digunakan untuk mencatat data
pesanan. Struktur tabel yang akan digunakan untuk mencatat data pesanan dapat dilihat pada tabel III.11 :
Tabel III.11 Tabel Pesanan Field
Jenis Kunci
Keterangan
id_pesanan Int11
Primary key Not Null
id_member Int11
Foreign Key to member
Not Null id_jenis_pengiriman Int11
Foreign Key to jenis pengiriman
Not Null id_bank
Int11 Foreign Key to
bank Not Null
id_kurs Int11
Foreign Key to kurs
Not Null id_admin
Int11 Foreign Key to
admin Not Null
status_pesanan Varchar50
Not Null tgl_pesanan
Date Not Null
jam_pesanan Time
Not Null nomer_rekening
Varchar15 Not Null
kode_transaksi Varchar30
Not Null waktu_bayar
datetime Not Null
pembayar Varchar50
Not Null besar_bayar
Int11 Not Null
mata_uang_bayar Varchar50
Not Null nomer_resi
Varchar20 Not Null
9. Tabel Member Tabel member merupakan tabel yang digunakan untuk mencatat data
member. Struktur tabel yang akan digunakan untuk mencatat data member dapat dilihat pada tabel III.12 :
Tabel III.12 Tabel Member Field
Jenis Kunci
Keterangan
id_member Int11
Primary key Not Null
email_member Varchar50 Unique, Not Null
password Varchar50
Not Null nama_member
Varchar100 Not Null
tgl_lahir date
Not Null id_kota
Int11 Foreign Key to kota
Not Null alamat
Varchar200 Not Null
kode_pos Int11
Not Null telp
Varchar15 aktif
Int11 Not Null
kode_verifikasi Varchar50 Not Null
10. Tabel Produk Tabel produk merupakan tabel yang digunakan untuk mencatat data
produk. Struktur tabel yang akan digunakan untuk mencatat data produk dapat dilihat pada tabel III.13 :
Tabel III.13 Tabel Produk Field
Jenis Kunci
Keterangan
id_produk Int11
Primary key Not Null
id_merk Int11
Foreign Key to merk Not Null
nama_produk Varchar100
Not Null deskripsi
Text Not Null
harga Int11
Not Null stok
Int11 Not Null
berat Double
Not Null diskon
Int11 Not Null
tgl_masuk Date
Not Null gambar
Varchar100 Not Null
dibeli Int11
Not Null dilihat
Int11 Not Null
rating Int11
Not Null
11. Tabel Rating Tabel rating merupakan tabel yang digunakan untuk mencatat data rating.
Struktur tabel yang akan digunakan untuk mencatat data rating dapat dilihat pada tabel III.14 :
Tabel III.14 Tabel Rating Field
Jenis Kunci
Keterangan
Id_rating Int11
Primary key Not Null
Id_produk Int11
Foreign Key to produk Not Null
12. Tabel Merk Tabel merk merupakan tabel yang digunakan untuk mencatat data merk.
Struktur tabel yang akan digunakan untuk mencatat data merk dapat dilihat pada tabel III.15 :
Tabel III.15 Tabel Merk Field
Jenis Kunci
Keterangan
Id_merk Int11
Primary key Not Null
Nama_merk Varchar50
Not Null
13. Tabel Keranjang Belanja Tabel keranjang belanja merupakan tabel yang digunakan untuk mencatat
data keranjang belanja. Struktur tabel yang akan digunakan untuk mencatat data keranjang belanja dapat dilihat pada tabel III.16 :
Tabel III.16 Tabel Keranjang Belanja Field
Jenis Kunci
Keterangan
Id_keranjang_belanja Int11
Primary key Not Null
Id_produk Int11
Foreign Key to produk
Not Null Id_session
Varchar100 Not Null
jumlah Int11
Not Null diskon
Int11 Not Null
Tgl_keranjang_belanja date
Not Null Jam_keranjang_belanja time
Not Null
14. Tabel Detail Pesanan Tabel detail pesanan merupakan tabel yang digunakan untuk mencatat data
detail pesanan. Struktur tabel yang akan digunakan untuk mencatat data detail pesanan dapat dilihat pada tabel III.17 :
Tabel III.17 Tabel Detail Pesanan Field
Jenis Kunci
Keterangan
Id_pesanan Int11
Foreign Key to pesanan Not Null
Id_produk Int11
Foreign Key to produk Not Null
jumlah Int11
Not Null diskon
Int11 Not Null
15. Tabel Retur Tabel retur merupakan tabel yang digunakan untuk mencatat data retur.
Struktur tabel yang akan digunakan untuk mencatat data retur dapat dilihat pada tabel III.18 :
Tabel III.18 Tabel Retur Field
Jenis Kunci
Keterangan
Id_retur Int11
Primary key Not Null
Id_pesanan Int11
Foreign Key to pesanan Not Null Retur_tgl
Date Not Null
Retur_keterangan Varchar200 Not Null
Retur_status Varchar20
Not Null
16. Tabel Retur Detail Tabel retur detail merupakan tabel yang digunakan untuk mencatat data
detail retur. Struktur tabel yang akan digunakan untuk mencatat data retur detail dapat dilihat pada tabel III.19 :
Tabel III.19 Tabel Retur Detail Field
Jenis Kunci
Keterangan
Id_retur Int11
Foreign Key to pesanan Not Null
Id_pesanan Int11
Not Null
Id_produk Int11
Not Null Jml
Int11 Not Null
Ket Varchar200
Not Null
17. Tabel Kurs Tabel kurs merupakan tabel yang digunakan untuk mencatat data kurs.
Struktur tabel yang akan digunakan untuk mencatat data kurs dapat dilihat pada tabel III.20 :
Tabel III.20 Tabel Kurs Field
Jenis Kunci
Keterangan
Id_kurs Int11
Primary key Not Null
Nama_kurs Varchar30
Not Null nominal
Int11 Not Null
18. Tabel Bank Tabel bank merupakan tabel yang digunakan untuk mencatat data bank.
Struktur tabel yang akan digunakan untuk mencatat data bank dapat dilihat pada tabel III.21 :
Tabel III.21 Tabel Bank Field
Jenis Kunci
Keterangan
Id_bank Int11
Primary key Not Null
Nama_bank Varchar10
Not Null
III.2.2 Perancangan Arsitektur Perangkat Lunak
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Perancangan yang digunakan adalah perancangan
arsitektur network. Dengan perancangan arsitektur akan mempermudah proses, perancangan arsitektur pada sistem e-commerce toko IBC computer yang akan
dibangun adalah sebagai berikut :
III.2.2.1 Perancangan Struktur Menu
Perancangan struktur menu dari sistem e-commerce toko IBC computer adalah sebagai berikut :
1. Struktur menu pengunjung dan member dari sistem e-commerce toko IBC computer dapat dilihat pada Gambar III.26:
Sistem E-commerce toko IBC Computer
Login Daftar
Depan Cara Belanja
Cara Pembayaran
Hubungi Kami Tracking
Beranda Akun Saya
Daftar keranjang Belanja
Konfirmasi Pembayaran
Daftar Pesanan Logout
Gambar III.26 Menu Pengunjung dan Member
2. Struktur menu admin dari sistem e-commerce toko IBC computer dapat dilihat pada Gambar III.27 :
LOGIN Depan
Pesanan Retur
Konten Logout
Kategori Produk
Provinsi Kota
Laporan
Tambah Ubah
Hapus Pelanggan
Pesanan Retur
Gambar III.27 Struktur Menu Operator
III.2.2.2 Perancangan Antarmuka
Perancangan antar muka merupakan perancangan yang dibuat untuk memberikan gambaran sebelum aplikasi dibangun. Perancangan antar muka
inputoutput, struktur dan tampilan dirancang sedemikian rupa agar mudah dioperasikan oleh user yaitu :
1. Perancangan Tampilan Untuk Pengunjung Sebelum Login Pengunjung dapat melihat menu cara belanja, cara pembayaran, hubungi kami,
konfirmasi retur, tracking pesanan dan informasi produk yang di jual di toko IBC Computer.
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
PRODUK TERBARU Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Gambar 5 Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T01
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI
Gambar 9 Gambar
10 Gambar
11 Gambar
12 Beli
Beli Beli
Beli
Gambar III.28 Tampilan Index Pengunjung
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T02
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI CARA BELANJA
Langkah 1 Langkah 2
Langkah 3 Langkah 4
Langkah 5 Langkah 6
Gambar III.29 Tampilan Cara Belanja
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T03
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI CARA PEMBAYARAN
Transfer Bank Silakan transfer pembayaran ke salah satu nomor rekening dibawah ini.
Pembayaran Cash On Delivery COD Untuk saat ini pembayaran COD hanya untuk wilayah Bandung.
Transfer Paypal
Gambar III.30 Tampilan Cara Pembayaran
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T04
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI HUBUNGI KAMI
Nama : Email :
Judul : Pesan :
Gambar III.31 Tampilan Hubungi Kami
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T05
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI TRACKING PESANAN
Nomer Resi : Cari
Gambar III.32 Tampilan Tracking
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T06
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI
No. pesanan Nama Pemesan
E-mail Keterangan
Kerusakan
Kirim Konfirmasi Retur
Gambar III.33 Tampilan Konfirmasi Retur
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T07
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI
Nama Depan Tanggal Lahir
Provinsi Kota
Alamat Kode Pos
No. Telepon Email
Password Ulangi Password
DAFTAR
Gambar III.34 Tampilan Daftar
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
T08
- klik Depan menuju T01 - klik Cara Belanja untuk
menuju T02 - klik Cara Pembayaran
untuk menuju T03 - klik Hubungi Kami untuk
menuju T04 - klik Konfirmasi retur
untuk menuju T05 - klik tracking pesanan anda
untuk menuju T06 - klik daftar untuk
menuju T07 - klik Login untuk
menuju T08 - klik Cari pilih merk pada
pencarian produk untuk menuju T9
- klik Cari pilih harga pada pencarian produk
untuk menuju T10 - klik Beli untuk
menuju T11 - klik Gambar untuk
menuju T12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI
E-mail Password
Login
[ Lupa Password ]
Gambar III.35 Tampilan Login 2. Perancangan Tampilan Untuk Member Sesudah Login
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami
Konfirmasi Retur Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
P01
- klik Depan menuju P01 - klik keranjang Belanja
untuk menuju P02 - klik history pemesanan
untuk menuju P03 - klik konfirmasi pembayaran
untuk menuju P04 - klik alamat anda
untuk menuju P05 - klik data diri anda
untuk menuju P06 - klik ubah password untuk
menuju P07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI INFORMASI AKUN ANDA
Email : Nama :
Jenis Kelamin : Tgl lahir :
Telp : Alamat :
MENU Keranjang belanja
History pemesanan Konfirmasi pembayaran
Alamat anda Data diri anda
Ubah password
Gambar III.36 Tampilan Akun Saya
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk KERANJANG BELANJA
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
P02
- klik Depan menuju P01 - klik keranjang Belanja
untuk menuju P02 - klik history pemesanan
untuk menuju P03 - klik konfirmasi pembayaran
untuk menuju P04 - klik alamat anda
untuk menuju P05 - klik data diri anda
untuk menuju P06 - klik ubah password untuk
menuju P07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI NO
BELANJA TANGGAL
BELANJA KONFIRMASI BAYAR
SUB TOTAL
TOTAL BELANJA
ACTION
Gambar III.37 Tampilan Keranjang Belanja
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
HISTORY PEMESANAN Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
P03
- klik Depan menuju P01 - klik keranjang Belanja
untuk menuju P02 - klik history pemesanan
untuk menuju P03 - klik konfirmasi pembayaran
untuk menuju P04 - klik alamat anda
untuk menuju P05 - klik data diri anda
untuk menuju P06 - klik ubah password untuk
menuju P07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI NO
BELANJA TANGGAL
BELANJA KONFIRMASI BAYAR
SUB TOTAL
TOTAL BELANJA
ACTION
Gambar III.38 Tampilan History Pemesanan
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk KONFIRMASI PEMBAYARAN
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
P04
- klik Depan menuju P01 - klik keranjang Belanja
untuk menuju P02 - klik history pemesanan
untuk menuju P03 - klik konfirmasi pembayaran
untuk menuju P04 - klik alamat anda
untuk menuju P05 - klik data diri anda
untuk menuju P06 - klik ubah password untuk
menuju P07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI NO
BELANJA TANGGAL
BELANJA KONFIRMASI BAYAR
SUB TOTAL
TOTAL BELANJA
ACTION
Gambar III.39 Tampilan Konfirmasi Pembayaran
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
ALAMAT ANDA Nama :
Alamat : UBAH
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
P06
- klik Depan menuju P01 - klik keranjang Belanja
untuk menuju P02 - klik history pemesanan
untuk menuju P03 - klik konfirmasi pembayaran
untuk menuju P04 - klik alamat anda
untuk menuju P05 - klik data diri anda
untuk menuju P06 - klik ubah password untuk
menuju P07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI
Gambar III.40 Tampilan Alamat Anda
BANNER LOGO
Depan Cara Belanja
Cara Pembayaran Hubungi Kami Konfirmasi Retur
Tracking Pesanan Anda
Tanggal Keranjang Belanja
Pencarian Produk
Pilih merk
CARI Produk Diskon
Gambar Keterangan Gambar
Banner Bawah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
P07
- klik Depan menuju P01 - klik keranjang Belanja
untuk menuju P02 - klik history pemesanan
untuk menuju P03 - klik konfirmasi pembayaran
untuk menuju P04 - klik alamat anda
untuk menuju P05 - klik data diri anda
untuk menuju P06 - klik ubah password untuk
menuju P07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Daftar Login
Produk Terlaku
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
Pilih harga
CARI UBAH PASSWORD
Password lama : Password baru :
Ulangi password baru : Update
Gambar III.41 Tampilan Ubah Password 3. Perancangan Tampilan Untuk Admin Sebelum Login
BANNER LOGO
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
A01
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
E-mail Password
Login
[ Lupa Password ]
Gambar III.42 Tampilan Index Admin
4. Perancangan Tampilan Untuk Admin Sesudah Login
BANNER LOGO DATA ADMIN
Nama : Email :
Jenis kelamin : Tgl lahir :
Alamat : Telp :
Data diri anda Alamat anda
Ubah password MENU ADMIN
Home Pengolahan Data Pesanan
Pengolahan Data Kategori Pengolahan Data Produk
Pengolahan Data Provinsi Pengolahan Data Kota
Pengolahan Data Ongkos Kirim Pengolahan Data Hubungi Kami
Pengolahan Data Member Pembuatan Laporan
Logout
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B01
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.43 Tampilan Menu Admin
BANNER LOGO INFORMASI DATA DIRI ANDA
Nama : Email :
Jenis kelamin : Tgl lahir :
Alamat : Telp :
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B02
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.44 Tampilan Data Diri Anda
BANNER LOGO ALAMAT ANDA
Nama : Email :
Jenis kelamin : Tgl lahir :
Alamat : Telp :
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B03
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.45 Tampilan Alamat Anda
BANNER LOGO UBAH PASSWORD
Password lama : Password baru :
Ulangi password baru : Ubah
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B04
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.46 Tampilan Ubah Password
BANNER LOGO DATA PESANAN
No. Pesanan Email Pembeli Tgl Pemesanan Jam Pemesanan Status Pesanan Aksi
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B05
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.47 Tampilan Pengolahan Data Pesanan
BANNER LOGO DATA KATEGORI
No. Nama Kategori Aksi
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B06
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.48 Tampilan Pengolahan Data Kategori
BANNER LOGO DATA PRODUK
No. Nama Produk Berat Harga Stok Diskon Tgl Masuik Aksi
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.49 Tampilan Pengolahan Data Produk
BANNER LOGO DATA PROVINSI
No. Nama Provinsi Aksi
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B08
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.50 Tampilan Pengolahan Data Provinsi
BANNER LOGO DATA KOTA
No. Nama Kota Aksi
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B09
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.51 Tampilan Pengolahan Data Kota
BANNER LOGO ONGKOS KIRIM
No. Nama Kota Ongkos Kirim Aksi
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B10
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.52 Tampilan Pengolahan Data Ongkos Kirim
BANNER LOGO HUBUNGI KAMI
No. Nama Email Subjek Tgl Status Aksi
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B11
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.53 Tampilan Pengolahan Data Hubungi Kami
BANNER LOGO
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B12
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.54 Tampilan Pengolahan Data Member
BANNER LOGO LAPORAN DATA PENJUALAN
Dari tanggal : sd tanggal :
Proses Batal
Copyright © 2011 IBC Computer Bandung Untuk tampilan terbaik gunakan Browser Mozilla Firefox
- klik Home menuju B01 - klik Data diri anda untuk
menuju B02 - klik Alamat anda
untuk menuju B03 - klik ubah password untuk
menuju B04 - klik Pengolahan Data
Pesanan untuk menuju B05 - klik Pengolahan Data
Kategori untuk menuju B06 - klik Pengolahan Data
Produk untuk menuju B07 - klik Pengolahan Data
Provinsi untuk menuju B08 - klik Pengolahan Data
Kota untuk menuju B09 - klik Pengolahan Data
Ongkos kirim untuk menuju B010
- klik Pengolahan Data Hubungi Kami untuk
menuju B11 - klik Pengolahan Data
Member untuk menuju B12 - klik pembuatan laporan
untuk menuju B13 - klik Logout untuk
menuju B01
B13
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
Gambar III.55 Tampilan Pembuatan Laporan
III.2.2.3 Perancangan Pesan
Silahkan isi no.pesanan anda disini OK
M01
Gambar III.56 Perancangan Pesan
Silahkan isi jumlah transfer disini OK
M02
Gambar III.57 Perancangan Pesan
No. pesanan tidak ditemukan OK
M03
Gambar III.58 Perancangan Pesan
Nama belum diisi OK
M04
Gambar III.60 Perancangan Pesan
Provinsi belum dipulih OK
M06
Gambar III.61 Perancangan Pesan
Kota belum dipulih OK
M07
Gambar III.62 Perancangan Pesan
Kode Pos belum diisi OK
M08
Gambar III.63 Perancangan Pesan
Nomer Telepon belum diisi OK
M09
Gambar III.64 Perancangan Pesan
Email belum diisi OK
M10
Gambar III.65 Perancangan Pesan
Password belum diisi OK
M11
Gambar III.66 Perancangan Pesan
Ulangi Password belum diisi OK
M12
Gambar III.67 Perancangan Pesan
Email tidak valid OK
M13
Gambar III.68 Perancangan Pesan
Minimal panjang password 6 – 15 karakter
OK M14
Gambar III.69 Perancangan Pesan
Password tidak sama OK
M15
Gambar III.70 Perancangan Pesan
Karakter yang anda masukan bukan angka OK
M16
Gambar III.71 Perancangan Pesan
Apakah anda yakin akan mengeluarkan produk ini dari keranjang anda ? OK
M17
Gambar III.72 Perancangan Pesan
Yakin data tersebut akan di batalkan? OK
M18
Gambar III.73 Perancangan Pesan
Nama pemesan belum diisi OK
M19
Gambar III.74 Perancangan Pesan
Keterangan barang rusak belum diisi OK
M20
Gambar III.75 Perancangan Pesan
Password lama belum diisi OK
M21
Gambar III.76 Perancangan Pesan
Silahkan masukan password baru OK
M22
Gambar III.77 Perancangan Pesan
III.2.2.4 Jaringan Semantik
Jaringan simantik pada sistem e-commerce toko IBC Computer sebagai berikut : 1. Jaringan semantik pengunjung Belum Login
Jaringan semantik pengunjung sebelum login dapat dilihat pada Gambar III.78.
T01 T02
T03
T04
T05 T08
T09 T11
T12 T13
T15
M04,M 05,M0
6,M07,M 08,M09
,M10,M 11,M12
, M13,M
14,M15 ,M16
M10,M11,M13 M16
Gambar III.78 Jaringan Semantik Pengunjung belum login Tabel III.16 Keterangan Tampilan Jaringan Semantik Pengunjung
No.Tampilan Keterangan
T01 Tampilan halaman utama
T02 Tampilan halaman cara belanja
T03 Tampilan halaman cara pembayaran
T04 Tampilan halaman hubungi kami
T05 Tampilan halaman tracking pesanan
T08 Tampilan halaman daftar
T09 Tampilan halaman login member
T11 Tampilan halaman tampil produk
T12 Tampilan halaman tampil detail produk
T13 Tampilan halaman hasil pencarian
produk T15
Tampilan halaman keranjang belanja sebelum login
M01 Perancangan pesan isi no.pesanan
M02 Perancangan pesan isi jumlah transfer
M04 Perancangan pesan nama belum diisi
M06 Perancangan pesan povinsi belum
dipilih M07
Perancangan pesan kota belum dipilih M08
Perancangan pesan isi kode pos M09
Perancangan pesan nomor telepon
harus diisi M10
Perancangan pesan isi email M11
Perancangan pesan password belum diisi
M12 Perancangan pesan ulangi password
belum diisi M13
Perancangan pesan email invalid M14
Perancangan pesan panjang password kurang dari 6 karakter
M15 Perancangan pesan password tidak
sama M16
Perancangan pesan karakter yang diinputkan bukang angka
M19 Perancangan pesan email pemesan
belum diisi
2. Jaringan semantik member Setelah login Jaringan semantik member sesudah login dapat dilihat pada gambar III.79:
P01 P06
P05 P04
P03 P02
P11
P10
P9 P08
M16
M01,M02
M 04
,M 05
,M 06
,M 07
,M 08
,M 09
P07 M04
,M05 ,M06
,M07 ,M08
,M09 ,M10
,M11 ,M12
, M13
,M14 , M1
6 M12,M21,M22
Gambar III.79 Jaringan simantik member sesudah login
Tabel III.17 keterangan tampilan jaringan simantik member sudah login No.Tampilan
Keterangan P01
Tampilan halaman utama member P02
Tampilan halaman informasi akun P03
Tampilan halaman keranjang belanja P04
Tampilan halaman konfirmasi pembayaran
P05 Tampilan halaman history pemesanan
P06 Tampilan halaman ubah akun member
P07 Tampilan halaman ubah password
P08 Tmapilan halaman detail pembayaran
P9 Tampilan halaman pilih tujuan
pengiriman P10
Tampilan halaman faktur pembelian P11
Tampilan halaman selesai belanja M01
Perancangan pesan isi no.pesanan M02
Perancangan pesan isi jumlah transfer M04
Perancangan pesan nama belum diisi M05
Perancangan pesan povinsi belum dipilih
M06 Perancangan pesan kota belum dipilih
M07 Perancangan pesan isi kode pos
M08 Perancangan pesan nomor telepon
harus diisi M09
Perancangan pesan isi email M10
Perancangan pesan password belum diisi
M11 Perancangan pesan ulangi password
belum diisi M12
Perancangan pesan email invalid M13
Perancangan pesan panjang password kurang dari 6 karakter
M14 Perancangan pesan password tidak
sama M16
Perancangan pesan karakter yang diinputkan bukang angka
M21 Perancangan pesan password lama
belum diisi M22
Perancangan pesan password baru belum diisi
3. Jaringan semantik admin Jaringan semantik admin sesudah login dapat dilihat pada gambar III.80 :
ST01 ST03
ST16 ST12
ST11 ST10
ST08 ST07
ST06 ST05
ST04 ST17
ST18 ST19
ST20 ST21
ST25 ST02
ST15
Gambar III.80 Jaringan Simantik admin Tabel III.18 keterangan tampilan jaringan simantik admin
No.Tampilan Keterangan
ST01 Tampilan halaman utama admin
ST02 Tampilan halaman pesanan
ST03 Tampilan halaman retur
ST04 Tampilan halaman hubungi kami
ST05 Tampilan halaman logout
ST06 Tampilan halaman ubah profile admin
ST07 Tampilan halaman ubah password
ST08 Tampilan halaman kategori
ST10 Tampilan halaman produk
ST11 Tampilan halaman provinsi
ST12 Tampilan halaman kota
ST15 Tampilan halaman laporan member
ST16 Tampilan halaman laporan pesanan
ST17 Tampilan halaman laporan penjualan
ST18 Tampilan halaman view detail pesanan
ST20 Tampilan halaman provinsi
ST21 Tampilan halaman tambah kategori
ST25 Tampilan halaman tambah produk
III.2.2.5 Perancangan Prosedural
Perancangan prosedural mentransformasi elemen-elemen struktural dari arsitektur program kedalam suatu deskripsi prosedural dari komponen-komponen
perangkat lunak. Adapun perancangan procedural untuk aplikasi yang akan dibangun adalah sebagai berikut :
a. Flowchart Login
Start
Login
Login berhasil Finish
Ya
Valid Ya
Input email
Valid Input
Password Ya
Tidak
Tidak
Valid Tidak
Ya
Gambar III.81 Flowchart Login
b. Flowchart Daftar
Start Input data
registrasi Daftar
Valid ?
Registrasi berhasil Finish
Ya Tidak
Gambar III.82 Flowchart Daftar c.
Flowchart pengubahan profil
Start
Input data profil
Ubah
Valid ?
Pengubahan berhasil
Finish Ya
Tidak
Gambar III.83 Flowchart pengubahan profil
d. Flowchart tambah data produk
Start Input data
produk yang akan
ditambah Tambah
Valid ?
Penambahan berhasil
Finish Ya
Tidak
Gambar III.84 Flowchart tambah data produk e.
Flowchart ubah data produk
Start Input data
produk yang akan
diedit Edit
Valid ?
Pengeditan berhasil
Finish Ya
Tidak
Gambar III.85 Flowchart ubah data produk
f. Flowchart tambah data merk
Start Input data
kategori yang akan
ditambah
Tambah
Valid ?
Penambahan berhasil
Finish Ya
Tidak
Gambar III.86 Flowchart Tambah data merk g.
Flowchart ubah merk
Start
I
Edit
Valid ?
Pengeditan berhasil
Finish Ya
Tidak
Gambar III.87 Flowchart ubah merk
h. Flowchart tambah data kota
Start Input data
kota yang akan
ditambah Tambah
Valid ?
Penambahan berhasil
Finish Ya
Tidak
Gambar III.88 Flowchart tambah data kota i.
Flowchart ubah data kota
Start Input data
kota yang akan diedit
Edit
Valid ?
Pengeditan berhasil
Finish Ya
Tidak
Gambar III.89 Flowchart ubah data kota
j. Flowchart tambah data provinsi
Start Input data
provinsi yang akan
ditambah Tambah
Valid ?
Penambahan berhasil
Finish Ya
Tidak
Gambar III.90 Flowchart tambah provinsi k.
Flowchart ubah data provinsi
Start Input data
provinsi yang akan
diedit
Edit
Valid ?
Pengeditan berhasil
Finish Ya
Tidak
Gambar III.91 Flowchart ubah provinsi
l. Flowchart tambah data pemesanan
Start Input data
pemesanan yang akan
ditambah Tambah
Valid ?
Penambahan berhasil
Finish Ya
Tidak
Gambar III.92 Flowchart tambah data pemesanan m.
Flowchart edit data pemesanan
Start Input data
pemesanan yang akan
ditambah Tambah
Valid ?
Penambahan berhasil
Finish Ya
Tidak
Gambar III.93 Flowchart ubah data pemesanan
n. Flowchart pemesanan
Start
Pilih kategori Valid ?
Ya Tidak
Pilih produk Simpan id_produk
Lihat dan edit daftar pesanan
Checkout login
Login berhasil
Pilih cara pembayaran
Finish
Gambar III.94 Flowchart pemesanan
129
Bab IV Implementasi dan Pengujian Sistem