TUGAS AKHIR - Bina Sarana Informatika · BAB III PEMBAHASAN Pada bab ini penulis membahas tentang Analisis Kebutuhan, Perancangan Perangkat Lunak, Rancangan Antar Muka, Rancangan

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.

http://www.msn.com/

http://www.yahoo.com/

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

http://1.bp.blogspot.com/-iafP8VqsgC0/U66YuQjK6qI/AAAAAAAABlk/7Igiux4KxmA/s1600/linier.png

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.


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.


http://4.bp.blogspot.com/-GVbzlNx_4lc/U66Y3cM_KWI/AAAAAAAABl4/7bGJwKW5Wco/s1600/hirarki.png

http://4.bp.blogspot.com/-ui8IlwRhyF0/U66Y5iqi3DI/AAAAAAAABmA/JGeLfFhV_pY/s1600/nonlinier.png

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.


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

http://2.bp.blogspot.com/-4Xt4QFIkfx0/U66Y03fCxlI/AAAAAAAABlw/D38AsaQoGTU/s1600/campuran.png

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

Twitter

Logo

Facebook

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

Twitter

Logo

Facebook

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

Twitter

Logo

Facebook

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

email

hp

nama

password

alamat

Melakukan

Checkout

br_nm jumlah

email

kode

email

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

email

kode

jumlah

biaya_antar

harga_barang

sub_total

status_pesan

br_nm

br_gbr

Konfirmasi

kode

struck

nama

email

Admin

username

password

name

no_telepon

alamat_adm

id_admin

Cart

kode

br_id

br_nm

jumlah

harga_satuan

sub_total

email

User

email

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


Fungsi :Untuk menyimpan data barang yang akan dijual



Akses File :Random

Media :Hardissk

Panjang Record :140

Field Kunci :br_id



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


33

Fungsi :Untuk menyimpan data alamat customer yang sudah

melakukan pemesanan produk.

Tipe File :File Transaksi


Akses File :Random

Media :Hardissk

Panjang Record :269

Field Kunci :id_checkout


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


Fungsi :Untuk menyimpan data komplain atau testimoni dari

pelanggan.



Akses File :Random

Media :Hardissk

Panjang Record :47

Field Kunci :id_testimoni



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


Fungsi :Untuk menyimpan data harga pengiriman malalui jne



Akses File :Random

Media :Hardissk

Panjang Record :91

Field Kunci :code



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


Fungsi :Untuk menyimpan data bukti transfer customer



Akses File :Random

36

Media :Hardissk

Panjang Record :66

Field Kunci :-



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


Fungsi :Untuk menyimpan data pelanggan



Akses File :Random

Media :Hardissk

Panjang Record :119

Field Kunci :-



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


Fungsi :Untuk menyimpan data customer yang sudah melakukan

pemesanan produk.



Akses File :Random

Media :Hardissk

Panjang Record :105

Field Kunci :kode



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


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


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

Documents

TUGAS AKHIR - Bina Sarana Informatika · BAB III PEMBAHASAN Pada bab ini penulis membahas tentang Analisis Kebutuhan, Perancangan Perangkat Lunak, Rancangan Antar Muka, Rancangan