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
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”
viii
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
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
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
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
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
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
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
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
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.
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.
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.
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.
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
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
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)
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
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).
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
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.
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
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.
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
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
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.
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.
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.
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
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
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
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
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 MerkProduk
Harga Detail Beli Merk MerkProduk
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 CheckoutProduk
Merk Detai l BeliF. 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 MerkProduk
Produk
Harga HargaDetail Beli Detail Beli
Happy Shopping Home Testimon
i Cara Order Tentang
Kami Login || Daftar
Header
Produk
Merk MerkProduk
MerkProduk
Harga Detai l Beli MerkProduk
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
user Konfimasi Barang Cart br_stok ket harga_satuan br_gbr br_id kode br_id br_nm br_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 jumlah kode email Id_checkout Sub_total Biaya_antar br_nm Status_pesan mbr_id Gambar III.8.
Entity Relationship Diagram
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:1 1 : M 1:1 Gambar III.9.
Logical Relational Structure
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
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
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
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 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
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
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
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 Testimoni Tentang Kami Cara Order Home Detail Beli
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
Login
Beranda Data Admin Data Barang Data Member KonfirmasiLihat Lihat Checkout PemesananStatus PenjualanLaporan Log Out
hapus ubah tambah hapus ubah 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.
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.
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.
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.
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
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.
Gambar III.18.
Implementasi Rancangan Antar Muka Produk Kami
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.
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
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
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
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
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.
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
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
63
Lampiran F-1 Halaman Konfirmasi
