tugas akhir - bina sarana informatika · bab iii pembahasan pada bab ini penulis membahas tentang...
TRANSCRIPT
PERANCANGAN PROGRAM PENJUALAN JILBAB
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Diploma Tiga III
SITI MARYANI SOPIYA
NIM:12145654
Program Studi Manajemen Informatika
AMIK BSI Jakarta
Jakarta
2017
vii
ABSTRAK
Siti Maryani Sopiya (12145654), Perancangan Program Penjualan Jilbab Berbasis Web
Berkembangnya Teknologi yang semakin canggih, kini muncul beberapa manfaat teknologi
yang dirasakan oleh pengguna teknologi untuk dapat mempermudah kegiatan ataupun
pekerjaan sehari-hari. Salah satunya yaitu elektronik ecommerce (e-commerce) yang dapat
mempermudah dibidang bisnis. Electronik ecomerce yaitu Suatu tempat untuk kegiatan jual
beli dengan menggunakan internet. Ini sangat dibutuhkan bagi para penjual maupun pembeli.
Demikian halnya dengan penjualan jilbab. Para pembeli harus mendatangi langsung ke toko
jilbab ini sangat menyita waktu dan biaya pembeli, bahkan hanya untuk mendapatkan
informasi saja. Dalam hal ini bukan pembeli saja yang dirugikan namun penjual juga harus
meyewa tempat, membayar karyawan dan menunggu sekaligus melayani pembeli. Oleh
karena itu, Untuk mengefisiensi dan mengefektifkan waktu. Penulis mencoba merancang web
e_commerce untuk penjualan dan pemasaran produk penjualan jilbab diharapkan dapat
mengatasi masalah dalam pemasaran dan penjualan jilbab.
Kata Kunci: Perancangan Program, Penjualan”
ABSTRACT
viii
Siti Maryani Sopiya (12145654), Web-Based Hijab Program Design”
The development of increasingly sophisticated technology, now emerging serveral benefits of
technology perceived bytechnology user to be able to save activities or daily work. One of
them is electronic ecommerce that can be in the field of businnes. Ecommerce elektronics is a
place for buying and selling activities by using the internet. This is needed for both sellers
and buyers. similarly, the sale of hijab. The buyer have to go diractly to this hijab shop is
very time-consuming and cost buyers, even just information only. In this case is not the buyer
who harmed the hell the seller must also rent place, play employees and wait while serving
the buyer. Therefore, to make efficiency to make time effektive. The author tries to make
ecommerce web for sale, and marketing hijab product sales is expected to solve the problem
in marketing and selling hijab.
Keyword : Program Design, Sales“
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir .................................................................................. i
Lembar Pernyataan Keaslian Tugas Akhir ......................................................... ii
viii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah……………………… iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ............................................. iv
Lembar Konsultasi Tugas Akhir ......................................................................... v
Kata Pengantar ..................................................................................................... vii
Abstraksi ............................................................................................................. ix
Daftar Isi ............................................................................................................. xi
Daftar Simbol ................................................................................ xiii
Daftar Gambar .................................................................................................... xiv
Daftar Tabel ........................................................................................................ xv
Daftar Lampiran .................................................................................................. xvi
BAB I PENDAHULUAN .......................................................................... 1 1.1. Latar Belakang Masalah ........................................................... 1
1.2. Maksud dan Tujuan .................................................................. 2
1.3. Metode Penelitian ..................................................................... 3
1.4. Ruang Lingkup ......................................................................... 3
1.5. Sistematika Penulisan ............................................................... 5
BAB II LANDASAN TEORI ........................................................................ 6 2.1. Konsep Dasar Web ....................................................................... 6
2.1.1. Website ................................................................................. 6
2.1.2. Bahasa Pemograman ........................................................... 11
2.1.3. Basis Data (Database) ......................................................... 13
2.1.4. Model Pengembangan Perangkat Lunak ............................ 14
2.2. Teori Pendukung ....................................................................... 15
2.2.1. Struktur Navigasi ................................................................. 15
2.2.2. Entity Relationship Diagram (ERD) .................................. 18
2.2.3. Logical Record Structure (LRS) ......................................... 20
2.2.4. Pengujian Web ..................................................................... 20
BAB III PEMBAHASAN ............................................................................. 22
3.1. Analisa Kebutuhan ................................................................... 22
3.1.1. Analisis Kebutuhan Pengguna ............................................ 22
3.1.2. Analisis Kebutuhan Sistem .................................................. 24
3.2. Perancangan Perangkat lunak .................................................. 24
3.2.1. Rancangan Antar Muka ..................................................... 24
3.2.2. Rancangan Basis Data ....................................................... 35
3.2.3. Rancangan Struktur Navigasi ............................................ 40
3.3. Implementasi dan Pengujian Unit .......................................... 43
3.3.1. Implementasi ..................................................................... 43
3.3.2. Pengujian Unit ................................................................... 51
BAB IV PENUTUP ........................................................................................... 56
4.1. Kesimpulan ............................................................................... 56
4.2. Saran ......................................................................................... 57
DAFTAR PUSTAKA ..................................................................................................................................... 58
DAFTAR RIWAYAT HIDUP .................................................................... 59
LAMPIRAN-LAMPIRAN ...................................................................... 60
viii
DAFTAR SIMBOL
Entity Relationship Diagram
Entitas atau Obyek Data
Kumpulan obyek atau sesuatu yang dapat dibedakan
atau dapat diindentifikasi secara unik.
Relationship
Hubungan yang terjadi antara satu entitas atau lebih.
Kumpulan relationship yang sejenis disebut
relationship set
Atribut atau elemen data
karekteristik dalam entity atau relationship yang
mengerjakan penjelasan detail rentang entity atau
relationship atau dengan kata lain adalah kumpulan
elemen data yang membentuk suatu entitas.
Connectoin
Digunakan sebagai penghubung entitas yang
membedakan entitas tersebut dengan entitas lainnya.
viii
DAFTAR GAMBAR Halaman
1. Gambar II.1 Adobe Dreamweaver ............................................................ 12
2. Gambar II.2 Stuktur Navigasi Linear Navigation Model…..…………… 16
3. Gambar II.3 Struktur Navigasi Hirarki Model ........................................... 17
4. Gambar II.4 Stuktur Navigasi non-Linier Model ...................................... 17
5. Gambar II.5 Struktur Composiet ................................................................ 18
6. Gambar III.1 Rancangan Antar Muka Login Admin .................................. 25
7. Gambar III.2 Rancangan Antar Muka Beranda Admin .............................. 25
8. Gambar III.3 Rancangan Antar Muka Login || Daftar User........................ 27
9. Gambar III.4 Rancangan Antar Muka Produk Kami .................................. 28
10. Gambar III.5 Rancangan Antar Muka Home Pelanggan ............................ 29
11. Gambar III.6 Rancangan Antar Muka Home Pengunjung .........................30
12. Gambar III.7 Entity Relationship Diagram ................................................ 31
13. Gambar III.8 Logical Record Strukture ...................................................... 32
14. Gambar III.9 Struktur Navigasi Halaman Pengunjung ............................... 42
15. Gambar III.10 Struktur Navigasi Halaman Pelanggan ................................. 43
16. Gambar III.11 Struktur Navigasi Halaman Admin ....................................... 43
17. Gambar III.12 Implementasi Halaman Login Admin ................................... 44
18. Gambar III.13 Implementasi Halaman Admin ............................................. 45
19. Gambar III.14 Implementasi Halaman User ................................................. 46
20. Gambar III.15 Implementasi Halaman Pengunjung ..................................... 47
21. Gambar III.16 Implementasi HalamanLogin || Daftar User.......................... 48
22. Gambar III.17 Implementasi Halaman Produk Kami.................................... 49
23. Gambar III.17 Implementasi Halaman Konfirmasi....................................... 50
24. Gambar III.17 Implementasi Halaman Cek Pesanan.....................................50
viii
DAFTAR TABEL Halaman
1. Tabel III.1 Spesifikasi File Admin .............................................................. 34
2. Tabel III.2 Spesifikasi File Barang .............................................................. 35
3. Tabel III.3 Spesifikasi File Checkout .......................................................... 36
4. Tabel III.4 Spesifikasi File Testimoni ........................................................ 37
5. Tabel III.5 Spesifikasi File JNE .................................................................. 38
6. Tabel III.6 Spesifikasi File Konfirmasi ....................................................... 39
7. Tabel III.7 Spesifikasi File User .................................................................. 40
8. Tabel III.7 Spesifikasi File Cart ................................................................... 41
9. Tabel III.8 Hasil Pengujian Black Box Testing Form Login Admin ............ 53
10. Tabel III.9 Hasil Pengujian Black Box Testing Form Login Pelanggan ...... 53
11. Tabel III.10 Hasil Pengujian Black Box Testing Form Halaman Produk ...... 54
viii
DAFTAR LAMPIRAN
Gambar Halaman
Lampiran A-1 Login Admin ................................................................................. 59
Lampiran A-2 Beranda Admin ............................................................................. 59
Lampiran B-1 pendaftaran Member...................................................................... 60
Lampiran B-2 Login Member ............................................................................... 60
Lampiran C-1 Halaman Produk ............................................................................ 61
Lampiran D-1 Halaman Keranjang Belanja ........................................................ 62
Lampiran E-1 Halaman Checkout ........................................................................ 62
Lampiran F-1 Halaman Konfirmasi ...................................................................... 63
Lampiran F-1 Halaman Cetak bukti ..................................................................... 63
viii
KATA PENGANTAR
Puji syukur alhamdulillah, Penulis Panjatkan kehadirat Allah SWT, yang
telah melimpahkan rahmat dan hidayah-Nya, sehingga penulis akhirnya dapat
menyelesaikan tugas akhir ini dengan baik, dimana Tugas Akhir ini penulis sajikan
dalam bentuk buku yang sederhana. Adapun judul tugas akhir yang penulis ambil
yaitu “Perancangan Program Penjualan Jilbab Berbasis web”.
Tujuan penulisan Tugas Akhir ini dibuat sebagai salah satu syarat kelulusan
Program Diploma Tiga (D.III) AMIK BSI. Sebagai bahan penulisan diambil
berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber literatur
yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan
dorongan dari semua pihak, maka penulisan Tugas Akhir ini tidak akan lancar. Oleh
karena itu pada kesempatan ini, izinkan penulis menyampaikan ucapan terima kasih
kepada:
1. Orang tua tercinta yang telah memberikan dukungan moral maupun spiritual.
2. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika.
3. Ketua Program Studi Manajemen Informatika AMIK BSI
4. Bapak Akhmaludin dan Ibu Reni Widyastuti yang telah memberikan
bimbingan penulisan Tugas Akhir ini.
5. Staff / karyawan / dosen dilingkungan Akademi BSI.
6. Rekan-rekan mahasiswa.
1
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Perkembangan teknologi dan ilmu pengetahuan kini berkembang semakin
maju khususnya teknologi informasi yang semakin canggih yang selalu
mendorong orang untuk menciptakan hal-hal baru. Perusahaan perusahaan
semakin dipacu untuk menggunakan teknologi yang maju sebagai senjata untuk
tetap bertahan dan memenangkan persaingan yang kian hari terasa ketat dan keras.
Perkembangan fenomena yang menarik pada internet yaitu munculnya electronic
commerce (e-commerce) dalam lingkungan bisnis. Dengan adanya ecommerce
dapat memudahkan melakukan transaksi jual beli tanpa harus mendatangi
langsung tokonya, cukup dengan menggunakan internet.
Kerudung atau jilbab saat ini sudah menjadi trend center di kalangan
masyarakat, dengan banyaknya model jilbab dan motif jilbab yang menarik juga
jilbab merupakan kewajiban untuk kaum wanita muslimah sebagai penutup
auratnya. Oleh karena itu jilbab sudah menjadi kultur bagian masyarakat.
Berkembangnya pemakaian jilbab dan pakaian islam saat ini mengikuti mode
fashion di masyarakat jadi bukan lagi dikatakan ketinggalan zaman bahkan saat
ini sudah menjadi trend fashion untuk para wanita muslimah.
Dari sudut pandang tersebut, konsumen kerudung kini semakin meningkat,
para penjual kerudung harus pandai mempunyai strategi penjualan untuk bisa
menyaingi banyaknya persaingan penjualan. Dengan memperhatikan sistem
pemasarannya, penjualan yang masih memakai sistem konvensional yaitu pembeli
2
harus datang langsung sehingga dapat menyita waktu konsumen yang berada jauh.
Juga kurangnya media promosi penjualan membuat sepi pengunjung. Faktor
dominan yaitu kesalahan manusia banyak terjadi dalam pengolahan data serta
penyimpanan dan perawatan dokumen yang berbentuk kertas, dimana hal ini
sangat sulit ditanggulangi.
Berdasarkan uraian tersebut penulis tertarik untuk membangun suatu program
penjualan Jilbab Online. Dengan digunakan program web ecommerce diharapkan
mampu menjawab kelemahan-kelemahan yang selama ini muncul. Berdasarkan
hal diatas, maka penulis tertarik mengambil judul tugas akhir “PERANCANGAN
PROGRAM PENJUALAN JILBAB BERBASIS WEB”.
1.2. Maksud dan Tujuan
Maksud dari pengambilan judul Tugas Akhir ini adalah sebagai berikut:
1. Penulis menerapkan ilmu yang telah didapatkan selama mengikuti pelajaran
perkuliahan jurusan Manajemen Informatika khususnya Perancangan Sistem
Informasi e-commerce.
2. Mempermudah konsumen dalam pembelian jilbab tanpa harus mendatangi
tokonya langsung, cukup dengan menggunakan internet.
3. Mengontrol pengolaan transaksi penjualan dan pemasaran.
4. Dengan dibuatkannya pemprograman ecommerce diharapkan dapat menjadi
lebih efektif dan efisien serta mengurangi kesalahan dalam hal pengolahan
datanya.
Sedangkan Tujuan dari penulisan Tugas Akhir ini adalah sebagai salah
satu syarat kelulusan mahasiswa Program Diploma Tiga (D.III) jurusan
3
Manajemen Informatika di Akademi Manajemen Informatika dan Komputer Bina
Sarana Informatika (AMIK BSI).
1.3. Metode Penelitian
Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan
pengumpulan data atau bahan untuk pembuatan tugas akhir dengan cara yaitu:
1. Study Banding
Penulis mencoba membandingkan website penjualan yang dibuat dengan
website lainnya sebagai acuan pengembangan pembuatan website ini.
2. Studi Pustaka
Sebagai pendukung untuk mencari berbagai informasi, penulis menggunakan
teknik studi pustaka dengan mengambil beberapa materi berupa buku – buku
dan jurnal yang menunjang materi yang berkaitan dengan penulisan Tugas
Akhir.
1.4. Ruang Lingkup
Dalam website e-commerce ini terdiri dari 3 kategori pengguna, yaitu
pengunjung, pelanggan dan admin. Halaman utama pengunjung terdiri dari
beberapa menu yaitu home, tentang kami, cara order, testimoni, login || daftar.
Selain itu juga terdapat beberapa informasi dihalaman utama yaitu kontak admin,
tentang website, alamat toko dan link lainnya yang dapat dihubungi.
Halaman Utama pada Pelanggan terdiri dari home, produk kami, Checkout,
konfirmasi, cek pesanan dan log out. Untuk pengiriman barang penulis membatasi
4
hanya dengan menggunakan JNE yes atau Ok. Dan hanya tercantum bagian
kotanya saja.
Admin adalah pengelola website ini, admin dapat mengubah, menghapus dan
mengedit menu yang ada dihalam admin yaitu meliputi menu-menu pengaturan
data admin, data barang, data member, testimoni customer, lihat konfirmasi, lihat
checkout, status pemesanan, dan laporan penjualan.
1.5. Sistematika Penulisan
Pada penulisan Tugas Akhir ini, sistematika penulisannya dibagi menjadi
empat bab diantaranya sebagai berikut :
BAB I PENDAHULUAN
Pada bab ini penulis menjelaskan tentang latar belakang masalah,
maksud dan tujuan, metode penelitian, ruang lingkup dan
sistematika penulisan.
BAB II LANDASAN TEORI
Pada bab ini penulis meenjelaskan tentang konsep dasar website
menurut para ahli dan teori pendukungnya (tools program) yang
mendasari penyususnan tugas akhir ini.
BAB III PEMBAHASAN
Pada bab ini penulis membahas tentang Analisis Kebutuhan,
Perancangan Perangkat Lunak, Rancangan Antar Muka, Rancangan
Basis Data, Rancangan Struktur Navigasi, Implementasi dan
Pengujian Unit yang terdiri dari Implementasi dan Pengujian Unit.
5
BAB IV PENUTUP
Pada bab ini merupakan bab penutup atau akhir yang berisi tentang
kesimpulan dan saran dalam pembuatan tugas akhir pada penjualan
jilbab berbasis website.
6
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Website
Konsep Dasar Website adalah sebagai salah satu hal terpenting yang dalam
pembuatan website, kini web sudah mulai dikembangkan menjadi salah satu hal
yang diperhatikan dalam perkembangan internet.
Contoh teori konsep dasar program:
2.1.1. Website
Menurut Wiswakarma (2009:1) “Website adalah sebuah media
presentasi online untuk sebuah perusahaan atau individu”.
Menurut Bunafit (2007a:10) website juga mempunyai beberapa istilah
penting yang sering digunakan yaitu:
1. Website yaitu : nama alamat internet yang biasanya dikunjungi, misalnya :
http://www.msn.com/, http://www.yahoo.com/, dan lain-lain.
2. Website yaitu : suatu kumpulan menu yang terdapat didalam suatu
halaman Website (dan biasa disingkat dengan nama Website).
3. Website browsing yaitu : suatu program software yang digunakan untuk
mengakses internet, misalnya Internet Explorer atau Netscape
Communicator.
4. Website server yaitu : sebuah computer yang menyediakan jasa layanan
untuk internet.
5. Website hosting yaitu : untuk memasukkan website yang kita rancang ke
dalam internet.
7
1. E-commerce
Menurut Jony (2010:33) “Pengertian dari E-commerce adalah pembelian,
penjulan dan pemasaran barang serta jasa melalui sitem elektronik”. Istilah E-
commerce juga dapat digunakan untuk menunjuk pada penggunaan jaringan
jaringan komputer untuk mencari informasi yang menunjang proses pembuatan
keputusan oleh individu dan perusahaan.
a. Businnes To Business (B2B)
Meliputi Transaksi IOS (Inter Organizational System) dan Transaksi pasar
elektronik (Electronik market transactions) antar organisasi. Tipe-tipe IOS
antara lain berupa EDI (Electronic Data Interchange), extranets,
electronic funds transfer, electronic form, integrated messaging, shared
databases, dan supply chain management.
Contoh : Alibaba.com
b. Business To Cunsumer(B2C)
Merupakan sistem komunikasi bisnis antar pelaku bisnis dengan konsumen
untuk memenuhi kebutuhan tertentu pada saat tertentu.
Contoh : amazon.com, blackberry.com
c. Cunsumer To Cunsumer(C2C)
Dimana konsumen menjadi produk secara langsung kepada konsumen
lainnya. Biasanya individu mengiklankan produk, jasa, pengetahuan,
maupun keahliannya disalah satu situs lelang atau classifed ads.
Contoh : kaskus.com, tokobagus.com
8
d. Cunsumer To Business(C2B)
Merupakan individu yang menjual produk atau jasa kepada organisasi,
dan individu yang mencari penjual dan melakukan transaksi.
Contoh : priceline.com
2. Internet
Menurut Shalahuddin (2008:3) “Internet atau Internetworking adalah
sekumpulan jaringan berbeda yang saling berhubugan bersama sebagai satu
kesatuan dengan menggunakan berbagai macam protokol, salah satunya adalah
protokol TCP/IP (Transmission Control Protokol/Internet Protocol)”.
Internet yang kita kenal saat ini pertama kali dikembangkan pada tahun 1969
dengan nama ARPANet (Advance Research Projects Agency Network) oleh
Departemen Pertahanan Amerika Serikat (US Departement of Defence).
ARPANet dibangun dengan sasaran untuk membuat jaringan komputer yang
tersebar untuk menghindari pemusatan informasi disatu titik dipandang rawan
untuk dihancurkan apabila terjadi peperangan. Pada awal 1990-an, ARPANet
terpecah menjadi dua jaringan, yaitu ARPANet dan Milnet (sebuah jaringan
militer),akan tetapi keduanya mempunyai hubungan sehingga komunikasi antar
jaringan tetap dapat dilakukan. Pada mulanya jaringan interkoneksi ini disebut
DAPRA internet,tetapi lama-kelamaan disebut Internet saja.
3. Web Browser
Menurut Sidik (2014:5) “Web Browser adalah sofware yang digunakan untuk
menampilkan informasi dari server web”. Lebih dalem lagi, web browser adalah
9
suatu program atau software yang digunakan untuk menjelajahi internet
ataumencari informasi darisuatu web yang tersimpan didalam komputer.
Fungsi dari web browser adalah untuk menampilkan dan melakukan interaksi
dengan dokumen-dokumen yang disedikan oleh web server.Beberapa web
browser yang populer saat ini antara lain :
a. Mozila Firefox
Mozilla Firefox adalah suatu web browser yang dikembangkan oleh
Mozilla. Sampai saat ini Firefox adalah web browser yang paling populer
dan juga handal. Juga dapat menjelajahi internet dengan cepat dan ringan.
b. Internet Explorer
Internet Explorer adalah web browser yang paling tua. Bahkan hampir
semua pengguna komputer mengenal Internet Explorer. Karena secara
default telah tersedia saat pertama kali menginstal windows.
c. Opera
Opera juga merupakan web browser yang tidak kalah pepolernya dengan
kedua web diatas. Kini opera menjadi browser tercepat dalam versi
mobile. Walau terkadang penggunaan opera pada dekstop/pc sering di
pandang sebelah mata, namun pada rilis terbarunya opera dapat
mengalahkan firefox dalam kecepatan menjelajahnya.
d. Google Chrome
Google Chrome merupakan browser yang dikeluarkan oleh Google sebuah
perusahaan search engine terkemuka didunia. Google Chrome juga
dirancang agar berjalan secepat mungkin, Cepat dimulai dari desktop,
memuat laman web dalam sekejap, dan menjalankan aplikasi web yang
10
rumit dengan sangat cepat. Google chrome juga pesaing berat dari Firefox.
Walau Google Chrome baru saja di buat namun Google Chrome bisa
meyaingi Web browser lainnya. Google Chrome ini tidak kalah dengan
Firefox bahkan dapat melebihi kecepatan dari Firefox. Sehingga banyak
pengguna internet yang dulunya memakai web browser Firefox berpindah
untuk menggunakan web browser Google Chrome.
e. Safari
Berbicara mengenai perkembangan tekhnologi apple merupakan
perusahaan yang tampil dengan penuh inovasi,Apple menghadirkan sistem
operasi yang cantik dan menarik,dan juga membuat web browser yang
dikenal dengan nama Safari browser. Bahkan Safari browser merupakan
web brwser yang paling cepat dan cantik dengan tampilan yang simpel
ditambah lagi banyak plugin yang disediakan untuk menjadi yang terbaik.
4. Web Server
Menurut Supardi (2010:2) “Web Server merupakan perangkat lunak yang
mengelola (mengatur) permintaan user dari broser dan hasilnya dikembalikan
kembali ke browser”. Web server juga merupakan aplikasi yang berfungsi untuk
melayani permintaan pemanggilan alamat dari pengguna melaluiweb
browser,dimana web server mengirimkan kembali informasi yang diminta
tersebut melalui HTTP (Hyper Text Transfer Protocol) umtuk ditampilkan ke
layar monitor komputer.
2.1.2. Bahasa Pemrograman
1. Hypertext Pre-Processor (PHP)
11
Menurut Winaryo (2011:4) “PHP adalah sebuah bahasa pemrograman web
berbasis server(server-side) yang mampu mem-parsing kode php dari kode web
dengan ekstensi”.PHP sehingga menghasilkan tampilan website yang dinamis
disisi elient (browser). Jadi hubngan PHP dengan HTML adalah PHP yang
menggerate kode HTML secara dinamis,artinya tampilan yang dilihat user di
komputer tidak statis,tapi dinamis, bisa berubah-ubah tergantung pada
keinginan.
2. Hyper Text Markup Language (HTML)
Menurut Simarmata (2011:52) “HTML (Hyper Text Markup Language)
adalah bahasa markup untuk menyebar informasi web”. Ketika merancang
HTML, ide ini diambil dari Standar Generalisasi Markup Language (SGML).
SGML adalah cara yang terstandarisasi dari pengorganisasian dan informasi
yang terstruktur di dalam dokumen atau sekumpul dokumen. Walau HTML
tidak dengan mudah dapat dipahami kebanyakan orang. Ketika diterbitkan
penggunaannya menjadi jelas.
3. Macromedia Dreamweaver
Madcoms (2011:2) Mengatakan bahwa “Dreamweaver merupakan software
aplikasi yang digunakan sebagai HTML editor profesional untuk mendesain web
secara visual.” Bekerja pada visual editing, Dreamweaver menyediakan suatu tool
yang sangat membantu untuk pembuatan web. Fitur-fitur visual editing di dalam
dreamweaver mengijinkan pembuatan halaman web dengan cepat tanpa menulis
baris kode.
12
Gambar II.1
Tampilan Adobe Dreamweaver CS
4. CSS(Cascanding Style Sheet)
Menurut Andi (2013:11) ”CSS (Cascanding Style Sheet) adalah bahasa
stylesheet yang digunakan untuk mengatur tampil halaman web dan ditulis dengan
HTML atau XHTML”.
2.1.3. Basis Data
1. Data Basis
Menurut Rosa A.S (2013:43) “Basis data adalah sistem terkomputerisasi yang
tujuan utamanya adalah memelihara data yang sudah di olah atau informasi dan
membuat informasi tersedia saat dibutuhkan”. Penyusunan basis data meliputi
proses memasukan data kedalam media penyimapanan data,dan diatur dengan
menggunakan perangkat Sistem Manajemen Basis Data (Database Management
System – DBMS).
2. MySQL
13
Prasetyo (2012:57) mendefinisikan “MySQL adalah database yang
menghubungkan script php menggunakan perintah query dan escape character
yang sama dengan php”. Database digunakan untuk menyimpan data, demikian
pula dengan MySQL, MySQL termasuk jenis RDBMS (Relational Database
Manangement System) yaitu hubungan antar tabel yang berisi data-data pada suatu
database. Database MySQL terdiri dari tabel-tabel. Setiap tabel mempunyai
kolom, baris, serta record untuk menyimpan data. Tabel-tabel tersebut di link oleh
suatu relasi yang memungkinkan untuk mengkombinasikan data dari beberapa
tabel ketika sesorang user menginginkan menampilkan informasi dari suatu
database, penggunaan MySQL biasanya dipadukan dengan menggunakan program
aplikasi PHP, karena dengan menggunakan dua program tersebut telah terbukti
akan kehandalannya dengan menangani permintaan data.
Kelebihan lain dari MySQL adalah menggunakan bahasa query atau
(permintaan) standar SQL (structure query languange). SQL adalah suatu bahasa
permintaan yang terstruktur yang telah di standarkan untuk semua program
pengakses database seperti: oracle, SQL server dan lain-lain.
2.1.4. Model Pengembangan Perangkat Lunak
Model water fall telah diperoleh dari proses engineering, Model water fall
juga menawarkan cara pembuatan perangkap lunak secara lebih nyata menurut
Rosa (2013:28) langkah-langkah yang penting dalam model ini adalah:
1. Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami
14
perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi
kebutuhan perangkap lunak pada tahap ini perlu untuk di dokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multi langka yang fokcus pada
desain pembuatan program perangkap lunak termasuk struktur data,
arsitektur perangkat lunak, repressentasi antarmuka, dan prosedur
pengodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap
analisis kebutuhan ke representasi desain agar dapat diimplementasikan
menjadi program pada tahap selanjutnya. Desain perangkat lunak yang
dihasilkan pada tahap ini juga perlu didokumentasikan.
3. Pembuatan Kode Program
Desain harus di translasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah program komputer sesuai dengan desain yang telah dibuat
pada tahap desain.
4. Pengujian
Pengujian focus pada perangkap lunak secara dari segi lojic dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Guna untuk
meminimalisir kesalahan dan hasil sesuai apa yang diinginkan.
5. Pendukung (support) atau pemeliharaan (maintance)
Tahap pendukung atau pemeliharaan dapat mengulangi proses
pengembangan muli dari analisi spesifikasi untuk perubahan perangkat
lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.
15
2.2. Teori Pendukung
2.2.1. Struktur Navigasi
Menurut Prihatna (2005:51) “Struktur navigasi adalah struktur atau alur suatu
program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area
yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan
website”. Menentukan struktur navigasi merupakan halaman yang sebaiknya
dilakukan sebelum membuat suatu website. Ada empat macam bentuk dasar dari
struktur navigasi yang biasa digunakan dalam proses pembuatan website, yaitu:
1. Struktur Navigasi linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang
berurut, yang menampilkan satu demi satu tampilan layar secara berurut
menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini
adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat
dua halaman sebelumnya atau dua halaman sesudahnya.
Sumber : Prihatna (2005:55)
Gambar II.2
Struktur Navigasi Linier
2. Struktur Navigasi Hirarki
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan
suatu struktur yang mengandalkan percabangan untuk menampilkan data
16
berdasarkan kriteria tertentu. Tampilan pada menu satu akan disebut sebagai
Master Page (halaman utama pertama), halaman utama ini mempunyai
halaman percabangan yang disebut Slave Page (halaman pendukung). Jika
salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan tersebut
akan bernama Master Page (halaman utama kedua) dan seterusnya. Pada
navigasi ini tidak diperkenalkan adanya tampilan secara linier.
Sumber : Prihatna (2005:56)
Gambar II.3
Struktur navigasi hirarki
3. Struktur Navigasi Non-Linier
Struktur navigasi Non-linier merupakan pengembangan dari struktur
navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang.
Percabangan pada struktur non linier ini berbeda dengan percabangan pada
struktur hirarki. Karena pada percabangan ini walaupun terdapat percabangan,
tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada
Master Page dan Slave Page.
Sumber : Prihatna (2005:57)
17
Gambar II.4
Struktur navigasi Non-linier
4. Struktur Navigasi Composite (Campuran)
Struktur navigasi bebas yang merupakan gabungan dari ketiga struktur
yang ada. Struktur navigasi ini biasa digunakan dalam Struktur navigasi
composite (campuran) disebut juga struktur pembuatan multimedia karena
dapat memberikan keinteraksian yang lebih tinggi.
Sumber : Prihatna (2005:58)
Gambar II.5
Struktur Navigasi Composite (Campuran)
2.2.2. Enterprise Relationship Diagram (ERD)
Ema Utami dan Anggit Dwi Hartanto (2012:18) mendefinisikan “ERD
adalah suatu diagram untuk menggambarkan desain konseptual dari model
konseptual suatu basis data realasional. ERD juga merupakan gambaran yang
menghubungkan antara objek satu dengan objek yang lain dalam dunia nyata.
Bisa dikatakan bahwa bahan yang akan digunakan untuk membuat ERD adalah
dari objek di dunia nyata”. Secara umum ERD terdiri dari 3 Komponen, yaitu:
1. Entitas (Entity)
Entitas merupakan suatu “objek nyata” yang mampu dibedakan dengan
objek yang lain. Objek tersebut dapat berupa orang benda ataupun hal
18
yang lainnya.
2. Atribut (Attribute)
Atribut merupakan semua informasi yang berkaitan dengan entitas. Di
dalam dunia pemograman, atribut adalah property dari suatu objek.
Sebagai contoh jika entitas adalah manusia/orang maka atributnya adalah
rambut, hidung, tangan, kaki, dan lain-lain. Atribut digambarkan
dengan suatu lingkaran dengan nama atribut ditulis di tengahnya.
3. Relasi (Relationship)
Belah ketupat merupakan penggambaran hubungan (relasi) antar entitas
atau sering disebut kerelasian. Ada dua macam penggambaran relasi,yakni
relasi kuat dan relasi lemah. Relasi kuat biasanya untuk menghubungkan
antar entitas kuat, sedangkan relasi lemah untuk menghubungkan antara
entitas kuat dengan entitas lemah. Ada tiga macam relasi menurut
derajatnya, yaitu unary adalah relasi yang menghubungkan satu entitas,
binary adalah relasi yang menghubungkan dua entitas, ternary adalah
relasi yang menghubungkan lebih dari dua entitas. Pada kerelasian binary
terdapat kardinalitas atau derajat hubungan antar entitas. Untuk
menghubungkan entitas-kerelasian-entitas digunakan digaris lurus.
Nugroho (2004:63) mendefinisikan derajat relasi adalah jumlah entitas
yang berpartisipasi dalam suatu relasi. Derajat-derajat relasi yang umum di
jumpai pada penggambaran diagram E-R adalah:
a. Unary Relationship
Relasi berderajat 1 (unary relationship) adalah relasi dimana entitas yang
19
telibatnya hanya 1 (relasi yang berderajat 1 sering juga dinamakan relasi
rekursi/recursive relationship.
b. Binary Relationship
Relasi berderajat 2, sering juga disebut sebagai relasi biner (binary-
relationship), adalah relasi yang melibatkan 2 entitas.
c. Ternary relationship
Ternary relationship adalah relasi berderajat 3, yaitu relasi tunggal yang
menghubungkan 3 entitas yang berbeda.
2.2.3. Logical Relation Structure (LRS)
Menurut Kusrini (2007:141) ”LRS (Logical Record Structure) Adalah
representasi dari struktur record-record pada tebel-tabel yang terbentuk dari
hasil antar himpunan entitas.” Menentukan kardinalitas, jumlah table dan
Foreign Key (FK). Berikut contoh serta cara kerja dari LRS berdasarkan
kardinalitas antar tabel:
a) One to one (1 : 1)
Setiap entitas pada suatu himpunan berhubungan paling banyak
dengan satu entitas pada himpunan lainnya, begitupun sebaliknya.
b) One to Many (1 : M)
Setiap entitas pada suatu himpunan berhubungan dengan banyak
entitas pada himpunn entitas lainnya, tetapi tidak sebaliknya.
c) Many to Many (M : M)
Setiap entitas pada suatu himpunan berhubungan dengan paling
banyak satu entitas pada himpunan lainnya, tetapi tidak sebaliknya.
20
2.2.4. Pengujian Web
1. Black Box Testing
Program text case berbasis spesifikasi test planning dapat dimulai sejak
awal proses pengembangan sistem. Black Box Testing berfokus pada
persyaratan fungsional perangkat lunak. Metode ini memungkinkan software
developer untuk mendapatkan serangkaian kondisi input yang menggunakan
semua persyaratan fungsional program. Black Box Testing bukan alternatif
White Box Testing, namun merupakan pelengkapan yang mampu
mengungkapkan kesalahan jika dibandingkan metode White Box.
Penguji Black Box Testing berusaha menemukan kesalahan dalam
kategori sebagai berikut:
a) Fungsi-fungsi yang tidak benar atau hilang.
b) Kesalahan interface.
c) Kesalahan dalam struktur data atau akses database eksternal.
d) Kesalahan kinerja.
e) Inisialisasi dan kesalahan terminasi.
21
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Analisa kebutuhan di bagi menjadi 2(dua) bagian yaitu kebutuhan
pengguna dan kebutuhan sistem:
3.1.1. Kebutuhan Pengguna
1. Kebutuhan Pengunjung
Pengunjung dapat mendaftarkan diri sebagai member, pengujung juga
dapat melihat halaman home yang berisikan beberapa produk penjualan,
mengisi halaman testimoni jika ingin memberi masukan atau saran.
Terdapat bagian tentang cara order dan tetang kami yang berisikan profil
toko penjualan.
2. Kebutuhan Pelanggan
Pelanggan dapat melihat halaman home, produk kami, harga , beserta
detail bahan. Pelanggan dapat melakukan pemesanan barang, melakukan
konfirmasi sebagai bukti telah melakukan transaksi pembayaran dan
pelanggan dapat mengecek pesanan barang.
Berikut adalah proses cara pembelian jilbab pada website yang penulis
buat:
1. Daftarkan diri sebagai Pelanggan untuk dapat membeli produk
kami.
2. Masukkan email dan password yan sudah terdaftarkan.
22
3. Buka halaman produk kami, pilih jilbab yang akan anda dipesan.
Anda juga bisa menambahkan berapa item jumlah barang yang
akan dibeli.
4. Produk yang sudah anda pilih akan masuk ke dalam keranjang. Isi
data diri alamat yang akan dituju. Pilih pengiriman JNE dengan
menggunakan oke/reg.
5. Jika sudah selesai pilih simpan data. Cetak bukti pemesanan
barang sebagai bukti telah selesai memesan barang.
6. Lakukan transaksi pembayaran melalui via ATM ke nomor
rekening toko yang sudah tertera.
7. Lakukan konfirmasi sebagai bukti telah membayar barang pesanan
anda.
8. Barang akan dikirim setelah melakukan pembayaran.
9. Anda dapat mengecek pesanan barang pesanan dihalaman cek
pesanan.
3. Kebutuhan Administrator
a. Admin dapat mengecek informasi apabila ada pesanan
b. Admin dapat menambah, mengubah, dan menghapus data barang
c. Admin dapat melihat jika ada testimoni dari costumer
d. Admin dapat melihat konfirmasi pembayaran dari customer
e. Admin dapat melihat laporan penjualan
3.1.2. Kebutuhan Sistem
23
1. Admin membutuhan form login untuk dapat masuk kedalam data data
yang ada dihalaman admin.
2. Admin membutukan penampilkan pengolahan data untuk mengatur data
pelanggan, produk, pemesanan dan pembayaran
3. Menyediakan form keranjang belanja untuk melakukan transaksi online.
4. Pelanggan membutuhkan banyak informasi mengenai produk maka
penyedia produk menyediakan form produk kami beserta detail produk
agar dapat melihat lihat produk.
5. Pelanggan membutuhkan form konfirmasi pembayaran sebagai bukti
telah melakukan transaksi pembayaran
6. Sistem menyediakan halaman login untuk pelanggan
3.2. Perancangan Perangkat Lunak
3.2.1. Rancangan Antar Muka
Dalam hal ini penulis menggambarkan rancangan antar muka website
yang penulis buat, baik dari sisi desain maupun fungsinya, spesifikasi bentuk
halaman, spesifikasi file serta struktur navigasi program yang nantinya dapat
membantu dalam tahap perancangan web ini yaitu sebagai berikut.
A. Rancangan Antar Muka Login Admin
ADMINISTRATOR
24
Username :
Password :
Gambar III.1.
Rancangan Antar Muka Login admin
B. Rancangan Antar Muka Beranda Admin
HEADER
Bera
nda
Data
Admin
Data
Baran
g
Data
Member
Testimoni
Customer
Lihat
Konfirmas
i
Lihat
Checkout
Status
Pemesanan
Laporan
Penjualan
Logout
Selamat Datang
FOOTER
Gambar III.2.
Rancangan Antar Muka Beranda admin
C. Rancangan Antar Muka Data Admin
HEADER
Bera
nda
Data
Admin
Data
Baran
g
Data
Member
Testimoni
Customer
Lihat
Konfirmas
i
Lihat
Checkout
Status
Pemesanan
Laporan
Penjualan
Logout
Login Cancel
25
Data admin>>Tambah Admin
Username Password Name No telepon Alamat Aksi
Ubah Hapus
FOOTER
Gambar III.3.
Rancangan Antar Muka Data admin
D. Rancangan Antar Muka Login || Daftar Pelanggan
Happy
Shopping Home Tentang Kami Testimoni Login ||
Daftar
Saya Telah Registrasi
Login Registrasi New Account
Cara
Order
26
Gambar III.4.
Rancangan Antar Muka Login || Daftar Pelanggan
E. Rancangan Antar Muka Produk Kami
Gambar III.5.
Rancangan Antar Muka Produk Kami
Daftar
Hh
Home Produk
Kami
Konfirmas
i
Happy
Shopping
Log Out Cek
Pesanan
Merk
Produk
Harga
Detail Beli
Merk Merk
Produk Produk
Harga
Detai
l
Beli
Harga
Detail
Great ^
^*
g Tentang
Olshop
Alamat Kami Follow Us !
Logo
Logo
Beli
Logo
Dribble_gre
y
Logo
Flickr
Footer
Checkout
Produk
Merk
Detai
l
Beli
27
F. Rancangan Antar Muka Home Pelanggan
Gambar III.6.
Rancangan Antar Muka Home Pelanggan
G. Rancangan Antar Muka Home Pengunjung
Happy Shopping Home Konfirmas
i
Cek
Pesanan
Produk
Kami
Checkou
t
Log
Out
Header
Great ^
Footer
Tentang Olshop Alamat Kami Follow US !
Logo
Logo
Logo
Dribble
grey
Logo
Flickr
Produk
Merk
Harga
Detail Beli
Merk Merk
Produk Produk
Harga Harga
Detail Beli Detail Beli
Happy Shopping Home Testimon
i
Cara Order Tentang
Kami
Login || Daftar
Header
Produk
Merk Merk
Produk
Merk
Produk
Harga
Detai
l Beli
Merk
Produk
28
Gambar III.7.
Rancangan Antar Muka Home Pengunjung
3.2.2. Rancangan Basis Data
Adapun perancangan basis data yang diperlukan dalam pembuatan web
penjualan jilbab berbasis web ini di perlukan dengan Entity Relationship
Diagram (ERD).
A. Entity Relationship Diagram
Great ^
Footer
Tentang
Olshop
Alamat Kami Follow US !
Logo
Logo
Logo
Dribble
grey
Logo
Flickr
Harga
Detail Beli
Harga
Beli Detail
Harga
Detail Beli
29
user
Konfimasi
Barang
Cart
br_stok
ket
harga_satuan
br_gbr
br_id
kode
br_id
br_nmbr_hrg
br_item
Memilih
Melakukan
sub_total
alamat
kota
pilih
bank
Malakukan
struck
nama
lahir
jk
hp
nama
password
alamat
Melakukan
Checkout
br_nm jumlah
kode
br_gbr
Harga_barang
jumlahkode
emailId_checkout
Sub_total
Biaya_antar
br_nmStatus_pesan
mbr_id
Gambar III.8.
Entity Relationship Diagram
B. Logical Relational Structure (LRS)
30
Barang
br_id
br_nm
br_item
br_hrg
br_stok
br_gambar
ket
Checkout
alamat
kota
pilih
bank
id_checkout
kode
jumlah
biaya_antar
harga_barang
sub_total
status_pesan
br_nm
br_gbr
Konfirmasi
kode
struck
nama
Admin
username
password
name
no_telepon
alamat_adm
id_admin
Cart
kode
br_id
br_nm
jumlah
harga_satuan
sub_total
User
password
nama
hp
jk
lahir
alamat
mbr_id
1 : 1
1:11 : M
1:1
Gambar III.9.
Logical Relational Structure
C. Spesifikasi File
31
Bentuk aplikasi yang ada pada aplikasi website ini merupakan kumpulan data
yang berasal dari dokumen input. Data tersebut diproses untuk mendapatkan hasil
yang menunjang sistem kerja yang diinginkan. Dalam pembuatan aplikasi website
ini penulis menggunakan 1 file database yaitu dunia_hijab dengan 7 tabel sebagai
berikut:
1. Tabel Admin
Nama File :Admin
Nama database :dunia_hijab
Fungsi :Untuk menyimpan data admin
Tipe File :File Master
Organisasi File :Index Squential
Akses File :Random
Media :Hardissk
Panjang Record :90
Field Kunci :id_admin
Software :phpmyadmin 3.2.4
No Elemen Data Tipe Panjang Keterangan
1 username Varchar 20
2 password Varchar 6
3 Name Varchar 20
4 no_telepon Varchar 13
5 alamat_adm Varchar 25
6 id_admin Varchar 6 Primary Key
Tabel III.1.
32
Spesifikasi Tabel Admin
2. Tabel Barang
Nama File :Barang
Nama database :dunia_hijab
Fungsi :Untuk menyimpan data barang yang akan dijual
Tipe File :File Master
Organisasi File :Index Squential
Akses File :Random
Media :Hardissk
Panjang Record :140
Field Kunci :br_id
Software :phpmyadmin 3.2.4
No Elemen Data Tipe Panjang Keterangan
1 br_id Varchar 10 Primary Key
2 br_nm Varchar 30
3 br_item Int 5
4 br_harga Int 10
5 br_stok Int 5
6 br_gbr Varchar 30
7 Ket Varchar 50
Tabel III.2.
Spesifikasi Tabel Barang
3. Tabel Checkout
Nama File :Checkout
Nama database :dunia_hijab
33
Fungsi :Untuk menyimpan data alamat customer yang sudah
melakukan pemesanan produk.
Tipe File :File Transaksi
Organisasi File :Index Squential
Akses File :Random
Media :Hardissk
Panjang Record :269
Field Kunci :id_checkout
Software :phpmyadmin 3.2.4
No Elemen Data Type Panjang Keterangan
1 Alamat Varchar 30
2 Kota Varchar 30
3 Piih Varchar 20
4 Bank Varchar 15
5 id_checkout Int 4 Primary Key
6 Email Varchar 30
7 Kode Varchar 10
8 Jumlah Int 10
9 biaya_antar Int 10
10 harga_barang Int 10
11 sub_total Int 20
12 status_pesan Varchar 20
13 br_nm Varchar 20
34
14 br_gbr Varchar 40
Tabel III.3.
Spesifikasi Tabel Checkout
4. Tabel Testimoni
Nama File :Testimoni
Nama database :dunia_hijab
Fungsi :Untuk menyimpan data komplain atau testimoni dari
pelanggan.
Tipe File :File Master
Organisasi File :Index Squential
Akses File :Random
Media :Hardissk
Panjang Record :47
Field Kunci :id_testimoni
Software :phpmyadmin 3.2.4
No Elemen Data Type Panjang Keterangan
1 email_anda Varchar 30
2 no_hp Varrchar 13
3 komentar Text -
4 id_testimoni Int 4 Primary Key
Tabel III.4.
Spesifikasi Tabel Testimoni
5. Tabel JNE
Nama File :jne
35
Nama database :dunia_hijab
Fungsi :Untuk menyimpan data harga pengiriman malalui jne
Tipe File :File Transaksi
Organisasi File :Index Squential
Akses File :Random
Media :Hardissk
Panjang Record :91
Field Kunci :code
Software :phpmyadmin 3.2.4
No Elemen Data Type Panjang Keterangan
1 Code Int 11 Primary Key
2 Kota Varchar 50
3 Reg Int 10
4 Oke Int 10
5 Yes Int 10
Tabel III.5.
Spesifikasi Tabel JNE
6. Tabel Konfirmasi
Nama File :konfirmasi
Nama database :dunia_hijab
Fungsi :Untuk menyimpan data bukti transfer customer
Tipe File :File Master
Organisasi File :Index Squential
Akses File :Random
36
Media :Hardissk
Panjang Record :66
Field Kunci :-
Software :phpmyadmin 3.2.4
No Elemen Data Type Panjang Keterangan
1 Kode Varchar 6
2 Struck Varchar 30
3 Nama Varchar 30
4 Email Varchar 30
Tabel III.6.
Spesifikasi Tabel Konfirmasi
7. Tabel User
Nama File :User
Nama database :dunia_hijab
Fungsi :Untuk menyimpan data pelanggan
Tipe File :File Master
Organisasi File :Index Squential
Akses File :Random
Media :Hardissk
Panjang Record :119
Field Kunci :-
Software :phpmyadmin 3.2.4
No Elemen Data Type Panjang Keterangan
1 Email Varchar 30
37
2 Password Varchar 6
3 Nama Varchar 30
4 Hp Varchar 13
5 Jk Varchar 10
6 Lahir Date
7 Alamat Varchar 30
Tabel III.7.
Spesifikasi Tabel User
8. Tabel Cart
Nama File :Cart
Nama database :dunia_hijab
Fungsi :Untuk menyimpan data customer yang sudah melakukan
pemesanan produk.
Tipe File :File Transaksi
Organisasi File :Index Squential
Akses File :Random
Media :Hardissk
Panjang Record :105
Field Kunci :kode
Software :phpmyadmin 3.2.4
No Elemen Data Tipe Panjang Keterangan
1 kode Varchar 10 Primary Key
1 br_id Varchar 10
2 br_nm Varchar 30
38
3 jumlah Int 10
4 harga_satuan Int 5
5 sub_total Int 10
6 email Varchar 30
Tabel III.8.
Spesifikasi Tabel Cart
3.2.3. Rancangan Struktur Navigasi
Dalam perancangan navigasi website ini, penulis memilih struktur
navigasi Hirarki untuk merangkai menu navigasi agar lebih mudah dipahami dan
dijalankan oleh pelanggan dan pengunjung.
1. Struktur navigasi halaman pengunjung
Menu
Login || Daftar TestimoniTentang KamiCara OrderHome
Detail Beli
39
Gambar III.10.
Struktur Navigasi Halaman Utama Pengunjung
2. Stuktur Navigasi Halaman Pelanggan
Login
Home Produk Kami Checkout Konfirmasi Cek Pesanan
Detail Beli
Log Out
Cetak Struk
Gambar III.11.
Struktur Navigasi Halaman Utama Pelanggan
3. Struktur Navigasi Halaman Admin
40
Login
Beranda Data Admin Lihat CheckoutData MemberLihat
KonfirmasiStatus
PemesananLaporan
PenjualanLog OutData Barang
hapusubah
tambah
hapusubah
tambah
Testimoni Customer
Gambar III.12.
Stuktur Navigasi Halaman Admin
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implementasi rancangan antar muka pada aplikasi e-commerce berdasarkan
hasil rancangan antar muka.
1. Halaman Login Admin
Admin harus melakukan login terlebih dahulu untuk dapat menginput,
mengubah, menghapus data admin, data barang, data member dan testimoni.
Admin juga dapat melihat data checkout, status pemesanan, konfirmasi dan
laporan penjualan. Jika login berhasil, maka menu menu tersebut akan
ditampilkan setelah login.
41
Gambar III.13.
Implementasi Rancangan Antar Muka Login Admin
2. Halaman Admin
Setelah Login berhasil admin dapat masuk ke halaman admin. Dihalaman
admin terdapat menu data admin, data barang, data member, testimoni
customer, lihat checkout, status pemesanan, laporan penjualan dan logout.
42
Gambar III.14.
Implementasi Rancangan Antar Muka Halaman Admin
3. Halaman Pelanggan
Halaman user berisikan Home, Produk Kami, Checkout, Konfirmasi, Cek
Pesanan dan Log out. Untuk pemesanan barang user dapat melihat barang
dihalaman produk kami, setelah klik beli lalu akan ke halaman checkout, isi
data pemesanan barang, setelah simpan data cetak bukti pemesanan. Lakukan
konfirmasi sebagai bukti telah melalukan pembayaran. Setelah melakukan
pembayaran lewat Via ATM barang pesanan dapat dicek dibagian halaman
Cek Pesanan.
43
Gambar III.15.
Implementasi Rancangan Antar Muka Halaman Pelanggan
4. Halaman Pengunjung
Pengunjung hanya dapat melihat bagian Home, Tentang kami, Cara order dan
Testimoni. Pengunjung tidak dapat melakukan pemesanan barang, sebelum
mendaftarkan diri sebagai pelanggan.
44
Gambar III.16.
Implementasi Rancangan Antar Muka Halaman Pengunjung
5. Halaman Login || Daftar Pelanggan
Lakukan pendaftaran new account terlebih dahulu untuk dapat melakukan
pemesanan barang, jika sudah terdaftar sebagai member dapat melakukan
Login Pelanggan.
45
Gambar III.17.
Implementasi Rancangan Antar Muka Login | | daftar Pelanggan
6. Halaman Produk Kami
Dihalaman produk kami berisikan barang penjualan, beserta harga stok dan
bahan. Jika ingin memesan barang klik tombol beli, jika ingin melihat bahan
jilbab beserta stok klik bagian detail.
46
Gambar III.18.
Implementasi Rancangan Antar Muka Produk Kami
7. Halaman Konfirmasi
47
Gambar III.19.
Implementasi Rancangan Antar Muka Konfirmasi
8. Halaman Cek Pesanan
Gambar III.20.
Implementasi Rancangan Antar Muka CeK Pesanan
B. Spesifikasi Sistem Komputer
Spesifikasi komputer disini menjelaskan tentang sarana atau alat bantu yang
digunakan agar program yang dibuat dapat berjalan sebagaimana mestinya.
48
Sarana pendukung program terbagi menjadi dua bagian, yaitu perangkat keras
(hardware) dan perangkat lunak (software) yang masing-masing sarana
pendukung tersebut harus dapat menunjukkan kesesuaian dan saling menunjang
kelancaran kerja dari sistem , khususnya program aplikasi yang digunakan.
1. Perangkat Keras
Perangkat keras adalah seperangkat alat atau elemen elektronik yang dapat
membantu sistem perancangan program penjualan online berbasis web yang
diusulkan oleh penulis dapat bekerja dengan baik.
Berikut adalah kebutuhan perangkat keras yang diperlukan untuk
menjalankan pogram pengolahan data penjualan jilbab ini :
a. Prosessor : Pentium Dual-Core CPU T4500 @2.3GHz
b. RAM : 4 Gb
c. Hard Disk : 500 Gb
d. Keyboard : Standar 102-key
e. Mouse : Standar
f. Monitor : LCD Widescreen 14”
2. Perangkat Lunak
Perangkat lunak (Software) adalah suatu program yang dibutuhkan untuk
melakukan pengolah data. Dengan adanya sistem terkomputerisasi, maka tidak
akan bisa lepas dari masalah software yang digunakan dalam menyusun program
49
aplikasi serta operasi yang akan digunakan untuk menjalankan suatu program
aplikasi tersebut.
Perangkat lunak yang dibutuhkan agar aplikasi program ini dapat digunakan
dengan maksimal adalah :
a. Sistem Operasi : Windows 7
b. Program Design : Adobe Dreamweaver CS8
c. Bahasa Script : PHP
d. Web Server : XAMPP
e. Web Browser : Mozilla Firefox
f. Database : MySQL
3.3.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan Blackbox Testing
yang fokus terhadap proses masukan dan keluaran program
A. Pengujian Terhadap Form Login Admin
Tabel III.9.
Hasil Pengujian Black Box Testing Form Login Admin
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Mengetikan
salah satu
kondisi salah
pada user atau
Password
kemudian klik
tombol login
User:admin
(benar)
Paasword:
yani
(salah)
Sistem akan
menolak akses
user dan
menampilkan
“KESALAHAN
INPUT :
Login Gagal”
Sesuai
harapan
Valid
2 Mengetikan
user dan
password
dengan data
yang benar
User :
Admin
(benar)
Password :
Maryani
Sistem
menerima akses
login dan
kemudian
langsung
Sesuai
harapan
Valid
50
kemudian klik
tombol login
(benar)
menampilkan
menu home
B. Pengujian terhadap Form Login Pelanggan
Tabel III.10.
Hasil Pengujian Black Box Testing Form Login Pelanggan
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Mengetikkan
salah satu
kondisi salah
pada user
dan password
kemudian
klik tombol
login
User :
maryani(benar)
Password:
987654(salah)
Sistem akan
menolak
akses user
dan
menampilkan
login
“maaf,anda
tidak
terdaftar
sebagai
member
diwebsite in”
Sesuai
harapan
Valid
2 Mengetikkan
user dan
password
dengan data
yang benar
kemudian
klik tombol
login
User : maryani
(benar)
Password:123456
(benar)
Sistem
langsung
menerima
akses login
dan
kemudian
langsung
menampilkan
menu home
Sesuai
harapan
Valid
C. Pengujian terhadap halaman Produk
Tabel III.10.
Hasil Pengujian Black Box Testing Form Produk
No Skenario
Pengujian
Test Case Hasil Yang
diharapkan
Hasil
Pengujian
Kesimpulan
1 Membeli
produk tapi
belom login
Beli Sistem akan
menolak akses
user dan
menampilkan
bagian login
Sesuai
harapan
Valid
2 Membeli Beli Sistem akan Sesuai Valid
51
produk setelah
mendaftar diri
sebagai diri
lengkap dan
sudah login
menerima
akses login dan
kemudian akan
menampilkan
ke bagian
home
harapan
3 Membeli
produk setelah
login dan bisa
lihat katalog
produk dan
pesen produk
Beli Sistem akan
menerima
akses dan akan
menampilkan
“checkout,
konfirmasi, cek
pesanan dan
logout”
Sesuai
harapan
Valid
52
BAB IV
PENUTUP
4.1. Kesimpulan
Akhir kata dalam penutup ini, penulis menyimpulkan uraian-uraian
yang telah dikemukakan pada bab-bab sebelumnya sehingga dapat memberikan
gambaran secara umum tentang penulisan tugas akhir ini. Adapun kesimpulannya
adalah sebagai berikut :
a. Dengan web kita dapat mengetahui informasi suatu produk tanpa harus
langsung datang ke tempat yang akan dituju.
b. Dengan web ecommerce diharapkan dapat mempermudah dan memperluas
wilayah pemasaran penjualan sebagai sarana media promosi yang komuniktif
dan interaktif dengan pengunjung kapanpun tanpa harus dibatasi ruang dan
waktu .
c. Dengan web ecommerce diharapkan seluruh pengguna (user) dapat
mengetahui tentang berbelanja dengan menggunakan website.
4.2. Saran-saran
Adapun saran-saran yang ingin disampaikan oleh penulis di dalam
tugas akhir ini adalah sebagai berikut:
a. Perlu diadakanya pelatihan kepada pengguna web mengenai cara penggunaan
aplikasi komputer yang berbasis web ecommerce.
b. Lakukan evaluasi terhadap web ecommerce yang sudah berjalan agar program
web ecommerce ini dapat digunakan sesuai kebutuhan dan diperbaiki jika ada
kekurangan.
c. Website ini dapat di kembangkan secara berkala supaya tampilan menjadi
lebih dinamis dari segi desain maupun program didalamnya.
53
DAFTAR PUSTAKA
Andi. 2013. Adobe Dreamweaver CS6. Yogyakarta : C.V andi Offset
Andi Prasetyo, 2012. Buku Sakti Webmaster Menggunakan php, MYSQL, HTML
Dan CSS. Jakarta: MediaKom.
Betha Sidik,Ir. Husni iskandar pohan,Ir., M.Eng, 2014. Pemrogaman Web dengan
HTML.. Bandung : Informatika Bandung
Edi Winaryo ST, M.Eng, Ali zaki, & SmitDev Community. 2011. Mudah
Membuat Website dan e-Commerce dengan PHP Fremwork. Jakarta :
PT.Elex Media Komputindo.
Janner Simarmata. 2010. Rekayasa Web. Yogyakarta: C.V Andi Offse.
Jony Wong. 2010. Internet Marketing for Beginners. Jakarta: PT.Elex Media
Komputindo
Ir. Yuniar Supardi. 2010. Web My profil dengan Joomla 1.5.x. Jakarta:PT.Elex
Media Komputindo
Nugroho, Bunafit. 2007. Bergelut Dengan Web Server Apache, ISS Tahap awal.
Bandung: PT.Cripta Indah
Madcoms.2011. Kupas Tuntas Adobe Dreamweaver CS5 dengan Pemprograman
PHP & MysQL. Yogyakarta : Andi Office
Prihatna, Hengky. 2015. Kiat Praktis Menjadi Webmaster Profesional. Jakarta :
Elex Media Komputindo.
Rosa A. S. M. Shlahuddin. 2013. Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung : Informatika
Setiawan, Wiswakarma. 2009. Trik dan Rahasia Membuat Aplikasi Web dengan
PHP.Yogyakarta : Gaya Media
Shalahuddin, Bagus. 2008. Paduan Mahir AKSES INTERNET. Jakarta : Kriya
Pustaka, Puspa Swara
Utami, Ema, dan Anggit Dwi Hartanto. 2012. Sistem Basis Data Menggunakan
Microsoft SQL Server 2005. Yogyakarta: Andi.
59
Lampiran A-1 Login Admin
Lampiran A-2 Halaman Beranda Admin
60
Lampiran B-1 Halaman Pendaftrana Pelanggan Baru
Lampiran B-2 Login Pelanggan
61
Lampiran C-1 Halaman Produk
62
Lampiran D-1 Halaman Keranjang Belanja
Lampiran E-1 Halaman checkout
63
Lampiran F-1 Halaman Konfirmasi
Lampiran G-1 Halaman Cetak Bukti