tugas akhir...perancangan sistem informasi penjualan laptop berbasis web tugas akhir diajukan untuk...
TRANSCRIPT
PERANCANGAN SISTEM INFORMASI PENJUALAN
LAPTOP BERBASIS WEB
TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)
DESIANA DWI SUWARNO
NIM : 12142743
Program Studi Manajemen Informatika
Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika
Jakarta
2018
vii
KATA PENGANTAR
Dengan mengucapkan puji dan syukur kehadirat Allah SWT, yang telah
melimpahkan rahmat dan karunia-Nya sehingga Penulis 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
Sistem Informasi Penjualan Laptop Berbasis WEB”.
Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan
program Diploma Tiga (D.III) AMIK BSI Jakarta. Penulis mengambil bahan
penulisan berdasarkan hasil penelitian, observasi dan beberapa sumber literatur yang
mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan dukungan
dari semua pihak, maka penulisan tugas akhir ini tidak akan berjalan lancar. Oleh
karena itu pada kesempatan ini izinkan Penulis menyampaikan ucapan terima kasih
kepada:
1. Orang tua dan keluarga tercinta yang telah memberikan dukungan moral
maupun spiritual,
2. Direktur Akademi Manajemen Informatika & Komputer Bina Sarana
Informatika,
3. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta,
4. Ibu Duwi Cahya Putri Buani, M.Kom selaku Dosen Pembimbing I Tugas
Akhir,
5. Bapak Ahmad Fauzi, M.Kom selaku Dosen Pembimbing II Tugas Akhir,
ix
ABSTRAK
Desiana Dwi Suwarno (12142743), Perancangan Sistem Informasi Penjualan Laptop Berbasis Web Kemajuan teknologi informasi yang mengalami perkembangan yang sangat pesat dari tahun ke tahun menuntut kita untuk selalu melangkah maju dan mengikuti perkembangan tersebut. Penjualan online atau e-commerce merupakan mekanisme bisnis tersendiri yang terbilang masih cukup baru. Namun terdapat keistimewaan yaitu seluruh manusia di muka bumi dapat memiliki kesempatan yang sama agar bisa berhasil dalam bisnis didunia maya. Tujuan dari pembuatan tugas akhir ini adalah menyediakan aplikasi penjualan laptop yang langsung terhubung ke website secara lengkap sekaligus memberikan informasi harga dan cara pembelian laptop sehingga dapat mempermudah pengguna dalam mencari laptop yang diinginkan. Metode penelitian yang digunakan dalam tugas akhir ini adalah metode waterfall yang meliputi komunikasi perencanaan, desain sistem, implementasi dan pengujian unit. Dengan menggunakan metode tersebut sangat membantu dalam menyelesaikan website penjualan laptop ini. Pembuatan website ini diharapkan dapat menjadi solusi untuk lebih memudahkan calon pembeli dalam memperoleh informasi produk dan melakukan pembelian secara online. Akses informasi menjadi lebih mudah dan sistem penjualan menjadi lebih luas. Dengan begitu, dapat tercapai suatu kegiatan yang efektif dan efisien dalam menunjang aktifitas pada penjualan online ini. Kata Kunci : Website, E-commerce, Laptop
x
ABSTRACT A System for Laptop Sale Information on Web Version. Desiana Dwi Suwarno (12142743) Advances in information technology that has developed very rapidly from year to year, requires us to always move forward and follow the developments. Online shop or e-commerce is a individually business mechanism as well known new comer. Even though found extraordinary that is all of man kind in the earth could to possess illegally chance to be successful in cyberspace business. The purpose of this final project is to make available the application laptop sale integration to website completed an the same time give price information how to buying laptop in order to make easily the users to desire the laptop. The research method on this thesis is a waterfall method deal with plan communication, system design, implementation and testing unit. Using this method is very aid to complete the laptop sale website. The expectation of create this website to give solution and make easily the purchaser to get product information and buying online. Access information is more easily and the sale system is more free. Even though, could achieved one effective and efficient activity to support the business online. Keywords : Website, E-commerce, laptop
xi
DAFTAR ISI
Lembar Judul Tugas Akhir ......................................................................................... i Lembar Pernyataan Keaslian Tugas Akhir.............................................................. ii Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah..................................... iii Lembar Persetujuan dan Pengesahan Tugas Akhir............................................... iv Lembar Konsultasi Tugas Akhir ............................................................................... v Kata Pengantar.......................................................................................................... vii Lembar Abstraksi....................................................................................................... ix Daftar Isi ..................................................................................................................... xi Daftar Simbol............................................................................................................. xii Daftar Gambar .........................................................................................................xiii Daftar Tabel ............................................................................................................... xv BAB I PENDAHULUAN ...................................................................................... 1
1.1. Latar Belakang Masalah..................................................................... 1 1.2. Maksud dan Tujuan............................................................................ 3 1.3. Metode Penelitian............................................................................... 4 1.4. Ruang Lingkup................................................................................... 7 1.5. Sistematika Penulisan ........................................................................ 7
BAB II LANDASAN TEORI ................................................................................. 9 2.1. Konsep Dasar Web............................................................................. 9 2.2. Teori Pendukung .............................................................................. 15
BAB III PEMBAHASAN ....................................................................................... 22 3.1. Analisa Kebutuhan........................................................................... 22 3.2. Perancangan Perangakat Lunak ....................................................... 24
3.2.1. Rancangan Antar Muka ....................................................... 24 3.2.2. Rancangan Basis Data ......................................................... 40 3.2.3. Rancangan Struktur Navigasi .............................................. 49
3.3. Implementasi dan Pengujian Unit .................................................... 51 3.3.1. Implementasi........................................................................ 51 3.3.2. Pengujian Unit ..................................................................... 66
BAB IV PENUTUP ................................................................................................ 71 4.1. Kesimpulan ...................................................................................... 71 4.2. Saran ................................................................................................ 72
Daftar Pustaka........................................................................................................... 73 Daftar Riwayat Hidup .............................................................................................. 75
xii
DAFTAR SIMBOL
xiii
DAFTAR GAMBAR
Gambar I.1. Grafik Perkembangan E-commerce......................................................... 2 Gambar II.1. Model Waterfall..................................................................................... 13 Gambar II.2. Struktur Navigasi Linear....................................................................... 15 Gambar II.3. Struktur Navigasi Hierarchical............................................................. 16 Gambar II.4. Struktur Navigasi Full Web................................................................... 17 Gambar III.1. Rancangan Antar Muka Halaman Utama............................................. 24 Gambar III.2. Rancangan Antar Muka Halaman Register.......................................... 25 Gambar III.3. Rancangan Antar Muka Halaman Produk............................................ 26 Gambar III.4. Rancangan Antar Muka Halaman Detail Produk................................. 27 Gambar III.5. Rancangan Antar Muka Halaman Tentang Kami ................................ 28 Gambar III.6. Rancangan Antar Muka Halaman Kontak Kami.................................. 29 Gambar III.7. Rancangan Antar Muka Halaman Login.............................................. 29 Gambar III.8. Rancangan Antar Muka Halaman Utama Member.............................. 30 Gambar III.9. Rancangan Antar Muka Halaman Keranjang Belanja ......................... 31 Gambar III.10.Rancangan Antar Muka Halaman Konfirmasi Data ........................... 32 Gambar III.11.Rancangan Antar Muka Halaman List Pesanan.................................. 33 Gambar III.12.Rancangan Antar Muka Halaman Detail Pesanan .............................. 34 Gambar III.13.Rancangan Antar Muka Halaman Konfirmasi Pembayaran ............... 35 Gambar III.14.Rancangan Antar Muka Halaman Login Administrator..................... 36 Gambar III.15.Rancangan Antar Muka Halaman Home Administrator..................... 36 Gambar III.16.Rancangan Antar Muka Halaman Katalog Administrator.................. 37 Gambar III.17.Rancangan Antar Muka Halaman Kategori Administrator................. 37 Gambar III.18.Rancangan Antar Muka Halaman Ongkos Kirim ............................... 38 Gambar III.19.Rancangan Antar Muka Halaman Order Masuk ................................. 38 Gambar III.20.Rancangan Antar Muka Halaman Member......................................... 39 Gambar III.21.Rancangan Antar Muka Halaman User.............................................. 39 Gambar III.22.Entity Relationship Diagram............................................................... 40 Gambar III.23.Logical Relational Structure............................................................... 41 Gambar III.24.Struktur Navigasi Halaman Pengunjung............................................. 49 Gambar III.25.Struktur Navigasi Halaman Member...................................................49 Gambar III.26.Struktur Navigasi Halaman Administrator.......................................... 50 Gambar III.27.Halaman Utama................................................................................... 51 Gambar III.28.Halaman Register................................................................................ 52 Gambar III.29.Halaman Produk.................................................................................. 53 Gambar III.30.Halaman Detail Produk ....................................................................... 54 Gambar III.31.Halaman Tentang Kami ...................................................................... 55 Gambar III.32.Halaman Kontak Kami........................................................................ 55 Gambar III.33.Halaman Login Member...................................................................... 56 Gambar III.34.Halaman Utama Member.................................................................... 57 Gambar III.35.Halaman Keranjang Belanja................................................................ 58 Gambar III.36.Halaman Check Out / Konfirmasi Data Penerima .............................. 58
xiv
Gambar III.37.Halaman List Pesanan ......................................................................... 59 Gambar III.38.Halaman Detail Pesanan...................................................................... 60 Gambar III.39.Halaman Konfirmasi Pembayaran ...................................................... 61 Gambar III.40.Halaman Login Administrator............................................................. 62 Gambar III.41.Halaman Home Administrator............................................................ 62 Gambar III.42.Halaman Katalog Administrator......................................................... 63 Gambar III.43.Halaman Kategori Administrator........................................................ 63 Gambar III.44.Halaman Ongkos Kirim ...................................................................... 64 Gambar III.45. Halaman Order Masuk....................................................................... 64 Gambar III.46.Halaman Member................................................................................ 65 Gambar III.47.Halaman User...................................................................................... 65
xv
DAFTAR TABEL Tabel III.1.Spesifikasi File table_member .................................................................. 42 Tabel III.2.Spesifikasi File table_katalog......................................................................43 Tabel III.3.Spesifikasi File ongkir..................................................................................44 Tabel III.4.Spesifikasi File kategori...............................................................................45 Tabel III.5.Spesifikasi File orders_detail.......................................................................46 Tabel III.6.Spesifikasi File orders..................................................................................47 Tabel III.7.Spesifikasi File konfirmasi..........................................................................48 Tabel III.8.Pengujian Terhadap Form Login Member ...................................................66 Tabel III.9.Pengujian Terhadap Form Pendaftaran Member..........................................67 Tabel III.10.Pengujian Terhadap Form Konfirmasi Pembayaran..................................69 Tabel III.11.Pengujian Terhadap Form Login Administrator ........................................70
1
BAB I
PENDAHULUAN
1.1. Latar Belakang Masalah
Di zaman yang serba canggih saat ini, kemajuan teknologi semakin meningkat
pesat yang dapat memanjakan manusia dalam menjalani kegiatan atau aktivitas
sehari-hari. Hal ini disebabkan teknologi dan ilmu pengetahuan yang semakin
berkembang dari zaman ke zaman. Sekarang ini tidak bisa kita pungkiri lagi bahwa
internet sudah menjadi kebutuhan yang sangat diperlukan oleh kita, karena itu
perkembangan pasar e-commerce di Indonesia saat ini sudah sangat besar dan mulai
terlihat jelas. Banyak orang yang mengalokasikan uang mereka dari iklan offline
menjadi online. Banyak orang yang mengalokasikan dana mereka untuk berinvestasi
di online sehingga kita bisa lihat banyak sekali toko online atau e-commerce di
Indonesia ini. Dengan jumlah pengguna internet yang mencapai 84 juta orang
pengguna atau sekitar 36% dari total penduduk Indonesia, perkembangan e-
commerce di Indonesia dapat kita manfaatkan menjadi tambang emas yang sangat
menggoda bagi sebagian orang yang dapat melihat potensi kedepannya. Pertumbuhan
ini didukung dengan data dari kemkominfo yang mengatakan bahwa nilai transaksi e-
commerce pada tahun 2014 sudah mencapai angka 140 trilliun rupiah. Menurut
Matthew Driver, presiden MasterCard untuk wilayah Asia Tenggara, Indonesia
adalah salah satu negara dengan pertumbuhan pasar e-commerce yang terbesar di
2
Asia-Pacific. Di bawah ini adalah jumlah estimasi penjualan e-commerce untuk
wilayah Asia-Pacific.
Sumber : https://imersmuda.com/perkembangan-e-commerce-di-indonesia/, (Diakses
30 Oktober 2017)
Gambar I.1 Grafik Perkembangan E-commerce
Beberapa tahun lalu terdapat PC (Personal Computer) yang masih berbentuk
tabung dengan menggunakan monitor dan CPU yang sangat membantu manusia
dalam mengerjakan pekerjaan sehari-hari. Seiring dengan perkembangan teknologi,
PC tersebut mengalami revolusi dengan munculnya laptop. Laptop sendiri merupakan
bentuk komputer dengan ukuran lebih kecil dibanding PC, laptop tidak perlu
menggunakan CPU secara terpisah karena didalam laptop itu sendiri sudah mencakup
perangkat komputer yang lain dalam satu komponen. Dan juga laptop sangat fleksible
dan praktis untuk dibawa pergi kemana-mana.
3
Dengan meningkatnya kebutuhan manusia akan barang elektronik seperti
laptop, banyak toko yang menjual berbagai jenis merk, type laptop bahkan dengan
harga yang bervariasi. Pembeli harus datang langsung ke toko untuk sekedar melihat
atau mencari laptop yang sesuai dengan keinginan sang pembeli.
Untuk memudahkan pembeli agar tidak perlu repot-repot datang langsung ke
toko maka dibutuhkan online shop yang menjual berbagai jenis laptop. Pembeli juga
dapat mengetahui type, merk, spesifikasi sampai harga laptop dari yang terendah
sampai tertinggi dengan cara membuka situs online shop tersebut. Oleh karena itu,
penulis tertarik untuk membuat perancangan sistem informasi penjualan laptop
berbasis web, penulis pun mengambil judul : “PERANCANGAN SISTEM
INFORMASI PENJUALAN LAPTOP BERBASIS WEB”.
1.1. Maksud dan Tujuan
Berdasarkan latar belakang masalah diatas, maka maksud dari penulisan tugas
akhir ini adalah :
1. Merancang aplikasi e-commerce yang menyediakan fasilitas berbelanja online
bagi pembeli,
2. Memudahkan pembeli untuk belanja online tanpa harus datang langsung ke
toko,
3. Agar pembeli tidak perlu mengeluarkan ongkos untuk datang ke toko,
4. Agar pembeli tidak perlu bermacet-macet jika ingin belanja ditoko,
5. Mengimplementasikan website sehingga mempermudah para pengguna
internet dalam memperoleh informasi.
4
Adapun tujuan dari penulisan Tugas Akhir ini adalah sebagai salah satu syarat
kelulusan pada program Diploma Tiga (D.III) untuk program studi Manajemen
Informatika di Akademi Manajemen dan Komputer Bina Sarana Informatika (AMIK
BSI Jakarta).
1.2. Metode Penelitian
Metode penelitian yang digunakan penulis dalam penulisan tugas akhir ini
adalah sebagai berikut :
A. Metode Pengembangan Perangkat Lunak
Menurut Pressman (2007:37) Metode Waterfall adalah suatu proses
pengembangan perangkat lunak berurutan, di mana kemajuan dipandang sebagai
terus mengalir ke bawah (seperti air terjun) melewati fase-fase perencanaan,
pemodelan, implementasi (konstruksi) dan pengujian. Dalam pengembangannya,
metode Waterfall memiliki beberapa tahapan sebagai berikut :
1. Requirement Analysis
Pada tahap ini, pengembang sistem diperlukan suatu komunikasi yang
bertujuan untuk memahami software yang diharapkan pengguna dan batasan
software. Informasi ini biasanya dapat diperoleh melalui wawancara, survei
atau diskusi. Informasi tersebut dianalisis untuk mendapatkan data yang
dibutuhkan oleh pengguna.
5
2. System Design
Spesifikasi kebutuhan dari tahap pertama akan dipelajari dalam fase ini dan
desain sistem disiapkan. Desain Sistem membantu dalam menentukan
perangkat keras dan sistem persyaratan dan juga membantu dalam
mendefinisikan arsitektur sistem secara keseluruhan. System Design yang
penulis gunakan dalam pembuatan website penjualan laptop ini yaitu struktur
navigasi, ERD dan LRS.
3. Implementation
Pada tahap ini, sistem pertama kali dikembangkan diprogram kecil yang
disebut unit, yang terintegrasi dalam tahap berikutnya. Setiap unit
dikembangkan dan diuji untuk fungsionalitas yang disebut sebagai Unit
Testing.
4. Integration dan Testing
Semua unit yang dikembangkan dalam tahap implementasi diintegrasikan
kedalam sistem setelah pengujian masing-masing unit. Pasca integrasi seluruh
sistem diuji untuk mengecek setiap kesalahan dan kegagalan. Pada tahap
terakhir ini penulis melakukan pengujian dengan Black Box Testing.
6
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan
pengumpulan data untuk pembuatan tugas akhir adalah :
1. Metode Observasi (Observation)
Pada metode pengumpulan data ini, penulis melakukan pengamatan terhadap
objek yang kali ini berupa model-model website e-commerce di internet
(contohnya: Lazada, Buka Lapak, Tokopedia dan lain sebagainya) yang
diamati untuk bahan perbandingan, penulis juga melakukan pengamatan
langsung ke toko-toko penjualan barang elektronik seperti laptop. Dan untuk
mengatasi rasa kekhawatiran pembeli, biasanya penjual (online shop) akan
melakukan pengiriman barang dengan cara COD (cash on delivery).
2. Studi Pustaka (Study of the literature)
Untuk menjunjung kelengkapan dalam hal pembuatan web dan penulisan.
Penulis melakukan studi pustaka untuk mencari buku-buku referensi dan
tulisan-tulisan yang berhubungan dengan penulisan Tugas Akhir ini.
7
1.3. Ruang Lingkup
Batasan-batasan masalah yang digunakan dalam penulisan tugas akhir ini
adalah website penjualan laptop ini tidak menangani proses pembayaran secara online
dengan kartu kredit, pembayaran dilakukan secara (offline payment) transfer antar
rekening bank dan terintegrasi dengan sistem jasa pengiriman serta website penjualan
laptop ini digunakan untuk pemesanan, penjualan, pencarian barang dan pembuatan
laporan penjualan serta tidak membahas pengembalian barang dan tidak membahas
keamanan website dan jaringan.
1.4. Sistematika Penulisan
Untuk mengetahui secara ringkas permasalahan dalam penulisan Tugas Akhir
ini, maka kami gunakan sistematika penulisan yang bertujuan untuk mempermudah
pembaca menelusuri dan memahami Tugas Akhir ini.
BAB I PENDAHULUAN
Bab ini merupakan bab pendahuluan, yang didalamnya akan
membahas latar belakang permasalahan, rumusan masalah, batasan
masalah, tujuan dan manfaat penelitian serta sistematika penulisan.
BAB II LANDASAN TEORI
Bab ini menjelaskan tentang teori-teori yang berkaitan dengan yang
akan dibahas meliputi konsep dasar web dan teori pendukung.
8
BAB III PEMBAHASAN
Bab ini berisikan tentang analisa kebutuhan, rancangan antar muka,
ERD, LRS, rancangan struktur navigasi, implementasi dari Website
Penjualan Laptop dan blackbox testing.
BAB IV PENUTUP
Bab terakhir ini merupakan bab yang berisikan kesimpulan dan saran
dari hasil penulisan dan penelitian yang telah dilakukan oleh penulis.
9
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
Teknologi informasi saat ini sangat berpengaruh dalam bidang internet bagai
sebuah kebutuhan karena didalamnya kita bisa mendapatkan informasi dari seluruh
dunia. Website memang sangat popular dilingkungan pengguna internet, karena
kemudahan yang diberikan kepada pengguna internet untuk melakukan penelusuran
dan pencarian informasi.
A. Website
Menurut Soetejo (2012:11), “Website atau Situs dapat diartikan sebagai
kumpulan halaman-halaman yang digunakan untuk menampilkan informasi, gambar
gerak, suara, dan atau gabungan dari semuanya itu”.
1. Internet
Menurut Soetejo (2012:1), “Ialah sistem global dari seluruh jaringan
komputer yang saling terhubung menggunakan standar Internet Protocol Suite
(TCP/IP) untuk melayani miliyaran pengguna diseluruh dunia”.
2. Web Server
Menurut Sutisna (2007:5) “Web Server adalah halaman-halaman website
yang diakses oleh user melalui browser disimpan pada web server”. Untuk itu,
diperlukan program khusus agar website yang kita buat dapat diterima dengan baik
oleh client. Ada beberapa software yang bisa digunakan baik gratis (Open Source)
maupun yang komersial, diantaranya: Netscape Server, Microsoft IIS, Xitami,
Webstar dan lain-lain. Contoh dari web server adalah Apache.
10
Apache adalah perangkat lunak web server yang paling populer, hal ini
memungkinkan komputer untuk menjadi satu Host atau lebih, situs yang dapat
diakses melalui internet menggunakan web browser. Versi pertama Apache dirilis
pada 1995 oleh Grup Apache. Pada tahun 1999 Grup Apache menjadi Apache
Software Foundation sebuah organisasi nirlaba yang saat ini mempertahankan
pengembangan perangkat lunak Web server Apache.
1. E-commerce
Menurut Ahmadi dan Dadang (2013:35), e-commerce “Merupakan
aktivitas pembelian dan penjualan melalui jaringan internet dimana pembeli dan
penjual tidak bertemu secara langsung, melainkan berkomunikasi melalui
internet”.
A. Bahasa Pemrograman
1. HTML (Hypertext Markup Language)
Menurut Sibero (2011:19), “HTML adalah singakatan dari Hypertext
MarkupLanguage yaitu bahasa yang digunakan pada dokumen web
sebagai bahasa untuk pertukaran dokumen web”.
2. CSS (Cascading Style Sheet)
Menurut Madcoms (2010:32), CSS merupakan Pendukung HTML dalam
mendesain web.Panel CSS style menampilkan aturan dan property CSS
yang mempengaruhi suatu unsur halaman yang sedang aktif. Juga
menampilkan aturan dan properti yang mempengaruhi seluruh dokumen.
Perintah-perintah yang sering digunakan dalam suatu atau seluruh halaman
11
dapat dikumpulkan dalam CSS, sehingga dapat digunakan kembali dalam
mendesain web dan tidak perlu mengulang perintah awal.
3. PHP (Personal Hypertext Preprocessor)
Menurut Hirin dan Virgi (2011:25), Menyimpulkan bahwa PHP atau
kependekan dari Personal Hypertext Preprocessor adalah salah satu
bahasa pemograman open source yang sangat cocok atau dikhususkan
untuk pengembangan web dan dapat di tanamkan pada sebuah skrip
HTML. Bahasa PHP dapat dikatakan menggambarkan beberapa bahasa
pemograman seperti C, Java dan Perl serta mudah untuk dipelajari.
4. Adobe Dreamweaver CS5
Menurut Sigit (2010:1) “Macromedia Dreamweaver CS5 adalah sebuah
HTML editor profesional untuk mendesain web secara visual dan
mengelola situs atau halaman web”. Saat ini terdapat software dari
kelompok Adobe yang belakangan banyak digunakan untuk mendesain
suatu web. Versi terbaru dari Adobe Dreamwever CS5 memiliki beberapa
kemampuan bukan hanya sebagai software untuk desain web saja, tetapi
juga menyunting kode serta pembuatan aplikasi web. Antara lain: JSP,
PHP, ASP, XML, dan ColdFusion.
12
B. Basis Data
Menurut Fathansyah (2007:2) mengemukakan bahwa “Basis data terdiri
atas 2 kata, yaitu Basis dan data. Basis kurang lebih dapat diartikan sebagai
markas atau gudang, tempat bersarang atau berkumpul. Sedangan Data adalah
representasi fakta dunia nyata yang mewakili suatu objek seperti manusia
(pegawai, siswa, pembeli, pelanggan), barang, hewan, peristiwa, konsep, keadaan,
dan sebagainya yang terekam dalam bentuk angka, huruf, simbol, teks, gambar,
bunyi, atau kombinasi lainnya”.
Basis data atau Database adalah kumpulan data yang disimpan secara
sistematis didalam komputer dan dapat diolah atau dimanupulasi menggunakan
perangkat lunak (program aplikasi) untuk menghasilkan informasi.
1. MySQL
Menurut Sadeli (2011:8), mengemukakan bahwa “MySQL adalah
database yang menghubungkan script PHP menggunakan perintah query
dan escaps character yang sama dengan PHP”.
2. Php MyAdmin
Menurut Purwanto (2012:5), “PhpMyAdmin adalah perangkat lunak bebas
yang ditulis dalam bahasa pemrograman PHP yang digunakan untuk
menangani administrasi MySQL melalui Jejaring Jagat Jembar (World
Wide Web)”.
Fungsi dari halaman ini adalah sebagai pengendali database MySQL
sehingga pengguna MySQL tidak perlu repot untuk menggunakan
perintahperintah SQL. Karena dengan adanya halaman ini semua hal
13
tersebut dapat dilakukan hanya dengan meng-klik menu fungsi yang ada
pada halaman php MyAdmin.
C. Model Pengembangan Perangkat Lunak
Model SDLC air terjun (waterfall) menurut Rosa dan Shalahuddin
(2013:28), “Sering juga disebut model sekuensial linier (sequential linear) atau
alur hidup klasik (classic life cycle). Model air terjun menyediakan pendekatan
alur hidup perangkat lunak secara sekuensial atau terurut dimulai dari analisis,
desain, pengodean, pengujian dan tahap pendukung (support)”.
Berikut adalah fase waterfall :
Sumber: Rosa dan Shalahuddin (2013:28)
Gambar II.1 Model Waterfall
Sistem/ Rekayasa Informasi
Analisis
Desain
Pengkodean
Pengujian
14
1. Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk spesifikasi
kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti
apa yang yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat
lunak pada tahap ini perlu untuk didokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada
desain pembuatan program perangkat lunak termasuk struktur data,
arsitektur perangkat lunak, representasi antarmuka dan prosedur
pengkodean. Tahap ini mentranslasi kebutuhan perangkat lunak dari tahap
analisis kebutuhan kerepresentasi desain agar dapat diimplementasikan
menjadi program pada tahap selanjutnya. Desain perangkat lunak yang
dihasilakan pada tahap ini juga perlu didokumentasikan.
3. Pembuatan Kode Program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari
tahap ini adalah program komputer-komputer sesuai dengan desain yang
telah dibuat pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional
dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan memastikan keluaran yang
dihasilkan sesuai dengan yang diingnkan.
15
2.2. Teori Pendukung
Teori pendukung atau landasan teori dalam penyusunan tugas akhir ini
sangat diperkukan karena sebagai referensi untuk menunjang atau memperdalam
pemahaman terhadap informasi-informasi yang disajikan, teori pendukung yang
berisi Struktur Navigasi, ERD dan LRS.
A. Struktur Navigasi
Menurut Sutopo (2007:245) “Struktur Navigasi adalah struktur bagaimana
halaman web dihubungkan dengan halaman lain”.
Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan
sebelum membuat website. Ada tiga macam bentuk dasar struktur navigasi yaitu:
1. Linear Navigation Model
Digunakan oleh sebagian besar website. Informasi diberikan secara
sekuensial dimulai dari satu halaman. Beberapa desainer web menggunakan satu
halaman untuk masuk atau keluar dari website.
Sumber : Sutopo (2007:6)
Gambar II.2 Struktur Navigasi Linear
Homepage Halaman 2 Halaman 1 Halaman 3
16
2. Hierarchical Model
Diadaptasi dari top-down design. Konsep navigasi ini dimulai dari satu
node yang menjadi homepage. Dari homepage dapat dibuat beberapa cabang ke
halaman-halaman utama. Apabila diperlukan, dari tiap halaman utama dapat
dikembangkan menjadi beberapa cabang lagi. Hal ini seperti struktur organisasi
dalam perusahaan.
Sumber : Sutopo (2007:6)
Gambar II.3 Struktur Navigasi Hierarchical
Homepag
e
Topik B Topik C Topik A
Subtopik
A2
Subtopik
A1
Subtopik
C2
Subtopi
k C3
Subtopi
k C1
17
Homepage Topik A Topik B
Topik C Topik D Topik E
Subtopik
Topik G Topik F
3. Full Web Model
Memberikan kemampuan hyperlink yang banyak. Full web model banyak
digunakan karena user dapat mengakses semua topik dengan subtopik dengan
cepat. Namun kelemahan dari model ini, yaitu dapat berakibat user kehilangan
cara untuk kembali ke topik sebelumnya.
Sumber : Sutopo (2007:8)
Gambar II.4 Struktur Navigasi Full Web
18
B. Enterprise Relationship Diagram
Menurut Simarmata dan Iman (2006:67) menyatakan bahwa “Entity
Relationship Diagram adalah Pemodelan data utama dan akan membantu
mengorganisasikan data dalam suatu proyek kedalam entitas-entitas dan
menentukan hubungan antar entitas-entitas”.
Menurut Frieyadie (2007:10-12) Menyatakan bahwa komponen yang
terdapat dalam Entity Relationship Diagram sebagai berikut:
1. Entity (Entitas)
Entitas adalah suatu data yang dapat disimpan dan berguna bagi badan
atau perusahaan, dengan kata lain suatu objek yang dapat dibedakan
dengan objek lainnya. Entitas digambarkan dengan kotak persegi panjang.
Terdapat juga Entitas Lemah (weak Entity), yaitu suatu entitas sangat
bergantung dengan entitas biasa, dengan kata lain, entitas lemah tidak akan
ada apabila tidak ada entitas biasa. Entitas lemah digambarkan dengan
kotak persegi panjang dengan garis ganda.
2. Atribut
Atribut menunjukkan karakteristik dari tiap-tiap entitas. Atribut
digambarkan dengan bentuk oval.
3. Relasi
Relasi menunjukkan hubungan yang terjadi antarentitas. Relasi
digambarkan dengan bentuk belah ketupat atau diamond.
4. Line Connector
Line Connector digambarkan dengan bentuk garis tunggal.
19
5. Atribut Utama
Atribut utama digambarkan dengan bentuk oval, dengan keterangan diberi
garis bawah absolut.
6. Atribut Pilihan.
Atribut digambarkan dengan bentuk oval dengan keterangan diberi garis
bawah putus-putus.
Menurut Frieyadie (2007:13), Kardinalitas merupakan tingkat hubungan
yang terjadi antar entitas di dalam sebuah sistem. Terdapat tiga tingkat hubungan
yang terjadi, yaitu :
1. Hubungan Satu pada Satu (One to One atau 1:1)
Tingkat hubungan dinyatakan satu pada satu, jika satu kejadian pada
entitas pertama hanya mempunyai satu hubungan dengan suatu kejadian
pada entitas kedua. Demikian juga sebaliknya, satu kejadian pada entitas
kedua hanya bisa mempunyai satu hubungan dengan satu kejadian pada
entitas yang pertama.
2. Hubungan Satu pada Banyak (One to Many atau 1:M)
Tingkat hubungan satu pada banyak (1:M) adalah sama dengan banyak
pada sati (M:1), tergantung dari arah mana hubungan tersebut dilihat.
Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak
hubungan dengan kejadian pada entitas yang kedua.
20
3. Hubungan Banyak pada Banyak (Many to Many atau M:N)
Tingkat hubungan banyak pada banyak (M:N) terjadi jika tiap kejadian
pada sebuah entitas akan mempunyai banyak hubungan dengan kejadian
pada entitas lainnya, baik dilihat dari sisi entitas yang pertama maupun
dilihat dari sisi entitas yang kedua.
C. LRS (Logical Relationship Structure)
Menurut Kusrini (2007:3) “LRS (Logical Record Structure) adalah
repsentasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil
antar himpunan entitas, menentukan jumlah tabel dan Foreign Key (FK)”. LRS
dibentuk dengan nomor dari tipe record, beberapa tipe record digambarakan
dengan kotak persegi panjang dengan nama yang unik, LRS juga terdiri dari
hubungan diantara tipe record.
D. Pengujian Web
Pengujian merupakan proses eksekusi program yang telah selesai
dibuat yang bertujuan untuk menemukan kesalahan. Pengujian yang baik
adalah pengujian yang dilakukan dengan probablitas penemuan kesalahan
yang tidak diduga, sedangkan pengujian yang sukses adalah pengujian yang
berhasil mengatasi penyelesaian penemuan kesalahan yang tidak diduga.
21
1. Blackbox Testing
Menurut Pressman (2008:495) “Black Box Texting atau pengujian Kotak
Hitam atau juga disebut Behavioral Testing, berfokus pada persyaratan fungsional
dari perangkat lunak. Artinya, teknik Black Box Testing memungkinkan untuk
mendapatkan set kondisi masukan yang sepenuhnya akan melaksanakan semua
persyaratan fungsional untuk suatu program”.
Pengujian yang dilakukan hanya mengamati hasil eksekusi melalui data uji
dan memeriksa fungsional dari perangakat lunak.
a. Kelebihan Blackbox adalah dapat memilih subset test secara efektif dan
efesien, dapat menemukan cacat, dan memaksimalkan testing invesmen.
b. Kekurangan Blackbox adalah tester tidak pernah yakin dengan PL tersebut
benar-bener lulus uji.
22
BAB III
PEMBAHASAN
3.1. Analisa Kebutuhan
Pada website e-commerce ini, customer dapat melakukan transaksi langsung
secara online tanpa harus datang ke toko.untuk membeli produk. Berikut ini
spesifikasi kebutuhan dari website e-commerce ini.
A. Halaman Pengunjung :
1. Pengunjung dapat melihat home,
2. Pengunjung dapat melakukan daftar member dengan mengisi data dengan benar
dan lengkap,
3. Pengunjung dapat melihat produk dikatalog,
4. Pengunjung dapat menyortir dengan memilih kategori,
5. Pengunjung dapat melihat produk detail,
6. Pengunjung dapat melihat halaman kontak kami.
23
B. Halaman Administrator Sistem :
1. Administrator dapat melakukan login,
2. Administrator dapat melihat home,
3. Administrator dapat mengelola menu katalog,
4. Administrator dapat mengelola menu kategori,
5. Administrator dapat mengelola menu ongkos kirim,
6. Administrator dapat mengelola menu order masuk,
7. Administrator dapat mengelola menu member,
8. Administrator dapat mengelola menu user / admin,
9. Administrator dapat melakukan logout.
C. Halaman Member :
1. Member dapat melakukan login dan memilih produk yang akan dibeli,
2. Member dapat melihat, menambahkan, mengurangi, dan menghapus produk yang
telah ditambahkan ke keranjang belanja,
3. Member dapat melihat bukti pemesanan yang berisi detail transaksi dan ongkos
kirim yang harus dibayarkan,
4. Member dapat melakukan konfirmasi pembayaran,
5. Member dapat melihat profil member.
24
3.1. Perancangan Perangkat Lunak
Perancangan perangkat lunak terdiri dari rancangan antar muka, basis data dan
struktur navigasi.
3.1.1. Rancangan Antar Muka
Rancangan antar muka berisi rancangan antar muka halaman pengunjung,
halaman member atau pengguna dan halaman admin.
A. Halaman Pengunjung
1. Rancangan Antar Muka Halaman Utama
Gambar III.1. Rancangan Antar Muka Halaman Utama
25
2. Rancangan Antar Muka Halaman Register
Header Login Register
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Register MemberKategori
Kategori Produk
Informasi Toko
Sosial Media
Footer
Nama Lengkap
Username
Password
No. Tlp
Asal Kota
Alamat
:
:
:
:
:
:
:
Daftar Batal
Gambar III.2. Rancangan Antar Muka Halaman Register
26
3. Rancangan Antar Muka Halaman Produk
Header Login Register
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Kategori
Kategori Produk
Informasi Toko
Sosial Media
Footer
Detail
Gambar
ProdukProdukDetail
GambarGambar Gambar
Detail Detail Detail Detail
GambarGambarGambarGambar
Gambar III.3. Rancangan Antar Muka Halaman Produk
27
4. Rancangan Antar Muka Halaman Detail Produk
Header Login Register
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Kategori
Kategori Produk
Informasi Toko
Sosial Media
Footer
Nama Produk
GambarHarga
Keterangan Produk
: Text
: Text
Deskripsi Produk
Stok
Berat
: Text
: Text
Gambar III.4. Rancangan Antar Muka Halaman Detail Produk
28
5. Racangan Antar Muka Halaman Tentang Kami
Header Login Register
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Kategori
Kategori Produk
Informasi Toko
Sosial Media
Footer
Tentang Kami
Text
Gambar III.5. Rancangan Antar Muka Halaman Tentang Kami
29
6. Rancangan Antar Muka Halaman Kontak Kami
Gambar III.6. Rancangan Antar Muka Halaman Kontak K ami
B. Halaman Member
1. Rancangan Antar Muka Halaman Login
Gambar III.7. Rancangan Antar Muka Halaman Login
30
2. Rancangan Antar Muka Halaman Utama Member
Header Logout
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Gambar
Kategori
Kategori Produk
Informasi Toko
Sosial Media
Pembayaran
Logo Bank
Pengiriman
Logo Pengiriman
Gambar
Detail
Gambar
Detail
Gambar
Detail
Gambar Gambar Gambar
Gambar Gambar Gambar
Detail Detail Detail
Detail Detail Detail
Footer
Ltst Pesanan
Profil
Gambar III.8. Rancangan Antar Muka Halaman Utama Member
31
3. Rancangan Antar Muka Halaman Keranjang Belanja
Header Logout
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Kategori
Kategori Produk
Informasi Toko
Sosial Media
Footer
List Pesanan
Profil
Keranjang Belanja
JumlahNama BarangNo OpsiSubtotalHarga SatuanBerat
Text Text Text Text Text Text Text
Total :
Check Out
Gambar III.9. Rancangan Antar Muka Halaman Keranjang Belanja
32
4. Rancangan Antar Muka Halaman Check Out / Konfirmasi Data Penerima
Header Logout
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Kategori
Logo Produk
Informasi Toko
Sosial Media
Footer
Profil
List Pesanan
Keranjang Belanja
Check Out / Konfirmasi Data Penerima
Nama Lengkap
Telp
Kota Tujuan
Total
Alamat
Text
Text
Text
Text
Text
Text
Submit
Text
Gambar III.10. Rancangan Antar Muka Halaman Check Out / Konfirmasi
Data Penerima
33
5. Rancangan Antar Muka Halaman List Pesanan
Gambar III.11. Rancangan Antar Muka Halaman List Pesanan
34
6. Rancangan Antar Muka Halaman Detail Pesanan
Gambar III.12. Rancangan Antar Muka Halaman Detail Pesanan
35
7. Rancangan Antar Muka Halaman Konfirmasi Pembayaran
Header Logout
LogoKeranjang Belanja
Kontak KamiProdukTentang KamiHome
Kategori
Logo Produk
Informasi Toko
Sosial Media
Footer
Profil
List Pesanan
Konfirmasi Pembayaran
Submit
No. Order
Nama Pemesan
Tanggal Bayar
Total Transfer
Transfer Tujuan
Text
Text
Text
Text
Text
Text
Data Pengirim Text
Text
Text
Gambar III.13. Rancangan Antar Muka Halaman Konfirm asi Pembayaran
36
C. Halaman Administrator Sistem
1. Rancangan Antar Muka Halaman Login Administrator
Gambar III.14. Rancangan Antar Muka Halaman Login Administrator
2. Rancangan Antar Muka Halaman Home Administrator
Gambar III.15. Rancangan Antar Muka Halaman Home Administrator
37
3. Rancangan Antar Muka Halaman Katalog Administrator
Gambar III.16. Rancangan Antar Muka Halaman Katalog Administrator
4. Rancangan Antar Muka Halaman Kategori Administrator
Gambar III.17. Rancangan Antar Muka Halaman Kategori Administrator
38
5. Rancangan Antar Muka Halaman Ongkos Kirim
Gambar III.18. Rancangan Antar Muka Halaman Ongkos Kirim
6. Rancangan Antar Muka Halaman Order Masuk
Gambar III.19. Rancangan Antar Muka Halaman Order Masuk
39
7. Rancangan Antar Muka Halaman Member
Gambar III.20. Rancangan Antar Muka Halaman Member
8. Rancangan Antar Muka Halaman User
Gambar III.21. Rancangan Antar Muka Halaman User
40
3.1.2. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan
dengan Entity Relationship Diagram (ERD) dan Logical Relational Structure (LRS).
A. Entity Relationship Diagram (ERD)
Ongkos_kirim
Memiliki
OrderMelakukanMember
Melakukan
Konfirmasi
Memiliki
Detail_order
Memiliki
Produk
Memiliki
KategoriMemiliki
Ongkos_kirim
Tujuan_kirim
Id_ongkir
nama
password
telepon
alamat
Id_member
Id_ongkir
Id_order
Tgl_order
Jam_order
Id_member
Id_produk
jumlah
subtotal
Id_order
Bank_pengirim
Bank_penerima
Akun_bank
Id_konfirmasi
Id_member
Id_order
Jumlah_bayar
Tgl_konfirmasi
Id_produk
Nama_produk
harga berat
stok
Id_kategori
Nama_kategori
Id_kategori
1
1
11
1
1
1 1
1
M
1
1
1 1
Memiliki
1
1
Gambar III.22. Entity Relationship Diagram
41
B. Logical Relational Structure (LRS)
Keterangan : (*) Primary Key (**) Foreign Key
Gambar III.23. Logical Relational Structure
42
C. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD
(file-file penunjang untuk web). File-file ini tersimpan pada Database Penjualan
Laptop dengan parameter-parameter sebagai berikut :
1. Spesifikasi File Member
Nama File : Tabel member
Akronim : table_member
Fungsi : Menyimpan data member
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 193 Karakter
Kunci Field : id_member
Software : Mysql
Tabel III.1 Spesifikasi File table_member
No Elemen Data Nama Field Tipe Size Ket
1. Id member Id_member Int 2 Primary Key
2. Nama Nama Varchar 25
3. Email Email Varchar 25
4. Password Password Varchar 25
5. Alamat Alamat Varchar 100
6. Telpon Telpon Varchar 13
7. Id kota Id_kota Int 3
43
2. Spesifikasi File Katalog
Nama File : Tabel Katalog
Akronim : table_katalog
Fungsi : menyimpan data produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 151 Karakter
Kunci Field : id_katalog
Software : Mysql
Tabel III.2 Spesifikasi File table_katalog
No Elemen Data Nama Field Tipe Size Ket
1. Id katalog Id_katalog Int 2 Primary Key
2. Id kategori Id_kategori Int 2 Foreign Key
3. Nama Nama Varchar 25
4. Harga Harga Int 11
5. Stok Stok Varchar 5
6. Deskripsi Deskripsi Longtext -
7. Berat Berat Decimal 5,2
8. Tanggal Tanggal Date -
9. Gambar Gambar Varchar 100
44
3. Spesifikasi File Ongkir
Nama File : Tabel Ongkir
Akronim : table_ongkir
Fungsi : menyimpan data ongkos kirim
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 39 Karakter
Kunci Field : id_ongkir
Software : Mysql
Tabel III.3 Spesifikasi File table_ongkir
No Elemen Data Nama Field Tipe Size Ket
1. Id ongkir Id_ongkir Int 2 Primary Key
2. Nama ongkir Nama_ongkir Varchar 25
3. Ongkos kirim Ongkos_kirim Int 11
45
4. Spesifikasi File Kategori
Nama File : Tabel Kategori
Akronim : table_kategori
Fungsi : menyimpan data kategori produk
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 27 Karakter
Kunci Field : id_kategori
Software : Mysql
Tabel III.4 Spesifikasi File table_kategori
No Elemen Data Nama Field Tipe Size Ket
1. Id kategori Id_kategori Int 2 Primary Key
2. Nama kategori nama_kategori Varchar 25
46
5. Spesifikasi File orders detail
Nama File : Tabel Orders Detail
Akronim : order_detail
Fungsi : untuk menyimpan data order detail
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 10 Karakter
Kunci Field : id_orders
Software : Mysql
Tabel III.5 Spesifikasi File order_detail
No Elemen Data Nama Field Tipe Size Ket
1. Id orders Id_orders Int 3 Primary Key
2. Id produk Id_produk Int 2
3. Jumlah Jumlah Int 5
47
6. Spesifikasi File Orders
Nama File : Tabel Orders
Akronim : orders
Fungsi : menyimpan data pemesana pelanggan
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 67 karakter
Kunci Field : id_orders
Software : Mysql
Tabel III.6 Spesifikasi File orders
No Elemen Data Nama Field Tipe Size Ket
1. Id orders Id_orders Int 3 Primary Key
2. Nama kustomer Nama_kustomer varchar 25
3. Alamat Alamat Text -
4. Telpon Telpon varchar 11
5. Email Email Varchar 25
6. Status orders Status_orders enum -
7. Tanggal order tgl_ordes Date -
8. Jam orders Jam_ordes Time -
9. Id kota Id_kota Int 3 Foreign Key
48
7. Spesifikasi File Konfirmasi
Nama File : Tabel Konfirmasi
Akronim : table_konfirmasi
Fungsi : menyimpan data konfirmasi member
Tipe File : Transaksi
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang record : 311 Karakter
Kunci Field : id_bayar
Software : Mysql
Tabel III.7 Spesifikasi File Table_konfirmasi
No Elemen Data Nama Field Tipe Size Ket
1. Id Bayar Id_bayar Int 3 Primary Key
2. Nama Nama Varchar 25
3. Email Email Varchar 25
4. Id oders Id_oders Varchar 3 Foreign Key
5. Tanggal Tanggal Date
6. Jumlah Jumlah Int 5
7. Bank Terima Bank_terima Varchar 100
8. Bank Kirim Bank_kirim Varchar 100
9. Type Type Varchar 25
10. Akun Bank Akun_bank Varchar 25
49
3.1.3. Rancangan Struktur Navigasi
1. Struktur Navigasi Hierarchical Halaman Pengunjung
Gambar III.24. Struktur Navigasi Halaman Pengunjung
2. Struktur Navigasi Hierarchical Halaman Member
Gambar III.25. Struktur Navigasi Halaman Member
50
3. Struktur Navigasi Hierarchical Halaman Administrator
Gambar III.26. Struktur Navigasi Halaman Administrator
51
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
Implementasi rancangan antar muka pada aplikasi e-commerce penjualan
laptop berdasarkan hasil rancangan antar muka.
1. Implementasi Rancangan Antar Muka Pengunjung
a. Halaman Utama
Gambar III.27. Halaman Utama
52
b. Halaman Register
Gambar III.28. Halaman Register
53
c. Halaman Produk
Gambar III.29. Halaman Produk
54
d. Halaman Detail Produk
Gambar III.30. Halaman Detail Produk
55
e. Halaman Tentang Kami
Gambar III.31. Halaman Tentang Kami
f. Halaman Kontak Kami
Gambar III.32. Halaman Kontak Kami
56
2. Implementasi Rancangan Antar Muka Member
i. Halaman Login Member
Gambar III.33. Halaman Login Member
57
ii. Halaman Utama Member
Gambar III.34. Halaman Utama Member
58
iii. Halaman Keranjang Belanja
Gambar III.35. Halaman Keranjang Belanja
iv. Halaman Check Out / Konfirmasi Data Penerima
Gambar III.36. Halaman Check Out / Konfirmasi Data Penerima
59
v. Halaman List Pesanan
Gambar III.37. Halaman List Pesanan
60
vi. Halaman Detail Pesanan
Gambar III.38. Halaman Detail Pesanan
61
vii. Halaman Konfirmasi Pembayaran
Gambar III.39. Halaman Konfirmasi Pembayaran
62
3. Implementasi Rancangan Antar Muka Administrator
a. Halaman Login Administrator
Gambar III.40. Halaman Login Administrator
b. Halaman Home Administrator
Gambar III.41. Halaman Home Administrator
63
c. Halaman Katalog Administrator
Gambar III.42. Halaman Katalog Administrator
d. Halaman Kategori Administrator
Gambar III.43. Halaman Kategori Administrator
64
e. Halaman Ongkos Kirim
Gambar III.44. Halaman Ongkos Kirim
f. Halaman Order Masuk
Gambar III.45. Halaman Order Masuk
65
g. Halaman Member
Gambar III.46. Halaman Member
h. Halaman User
Gambar III.47. Halaman User
66
3.3.2. Pengujian Unit
A. Pengujian Terhadap Form Login Member
Tabel III.8. Pengujian Terhadap Form Login Member
No Skenario pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Username dan Password tidak di isi kemudian klik tombol login
Username: (kosong) Password: (kosong)
Sistem akan menolak akses user dan menampilkan “username atau password anda salah”
Sesuai harapan
Valid
2
Mengetikan username dan Password tidak diisi kemudian klik tombol login
Username: Aufar (benar) Password: (kosong)
Sistem akan menolak akses user dan menampilkan “username atau password anda salah”
Sesuai harapan
Valid
3
Username tidak diisi dan Password diisi kemudian klik tombol login
Username: (kosong) Password: 123456 (benar)
Sistem akan menolak akses user dan menampilkan “username atau password anda salah”
Sesuai harapan
Valid
4
Mengetikan username dan password dengan data yang benar kemudian klik tombol login
Username: Aufar (benar) Password: 123456 (benar)
Sistem menerima akses login, kemudian langsung menampilkan "Berhasil Login, Selamat berbelanja”.
Sesuai harapan
Valid
67
B. Pengujian Terhadap Form Pendaftaran Member
Tabel III.9. Pengujian Terhadap Form Pendaftaran Member
No Skenario pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Nama lengkap, e-mail, password, telepon, kota, alamat lengkap tidak diisi kemudian klik daftar
Nama Lengkap: (kosong) Email : (kosong) Password : (kosong) Telepon : (kosong) Kota : (kosong) Alamat lengkap : (kosong)
Sistem akan menolak akses user dan menampilkan “please select an item in the list” pada listbox form yang kosong
Sesuai harapan
Valid
2
Mengisi salah satu form, mengosongkan form yang lain kemudian klik daftar
Nama lengkap: Desi Email : (kosong) Password : (kosong) Telepon : (kosong) Kota : (kosong) Alamat lengkap : (kosong)
Sistem akan menolak akses user dan menampilkan “please select an item in the list” pada listbox form yang kosong
Sesuai harapan
Valid
3
Mengisi beberapa form nama lengkap, email, password, telepon, kemudian klik daftar
Nama lengkap: Desi Email : [email protected] Password : 123456 Telepon : 087998765670 Kota : (kosong) Alamat lengkap : (kosong)
Sistem akan menolak akses user dan menampilkan “please select an item in the list” pada listbox form yang kosong
Sesuai harapan
Valid
68
4
Mengisi semua form dengan data yang benar kemudian klik tombol daftar
Nama lengkap: Desi Email : [email protected] Password : 123456 Telepon : 087998765670 Kota : Jakarta Alamat lengkap : Jl. Mangga Besar IX
Sistem akan menerima akses user dan menampilkan "Selamat anda telah menjadi member, silahkan Login untuk berbelanja"
Sesuai harapan
Valid
69
C. Pengujian Terhadap Form Konfirmasi Pembayaran
Tabel III.10. Pengujian Terhadap Form Konfirmasi Pembayaran
No Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1
Mengosong kan salah satu form kemudian klik simpan
Tanggal: (kosong) Jumlah kirim: 400000 Bank pengirim: (kosong) Dari Bank: BCA Type transaksi: Bank transfer Nama Akun: (kosong)
Sistem akan menolak akses user dan menampilkan "Please fill out this field" pada awal form yang kosong
Sesuai harapan
Valid
2
Mengisikan seluruh form dengan data lengkap dan benar
Tanggal: 07/27/17 Jumlah kirim: 400000 Bank pengirim: CIMB NIAGA Dari Bank: BCA Type transaksi: Bank transfer Nama Akun: khairul
Sistem akan menerima data dan menampilkan "Konfirmasi pembayaran anda akan kami proses, terima kasih."
Sesuai harapan
Valid
70
D. Pengujian Terhadap Form Login Administrator
Tabel III.11. Pengujian Terhadap Form Login Administrator
No Skenario Pengujian
Test Case Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Username dan Password tidak diisi kemudian klik tombol Login
Username: (kosong) Password: (kosong)
Sistem akan menolak akses user dan menampilkan "Please fill out this field" pada awal form yang kosong
Sesuai harapan
Valid
2
Mengosongkan salah satu form kemudian klik tombol Login
Username: Desi Password: (kosong)
Sistem akan menolak akses user dan menampilkan "Please fill out this field" pada awal form yang kosong
Sesuai harapan
Valid
3
Mengetikan salah satu kondisi salah pada username atau password kemudian klik tombol login
Username: Desi Password: 12345
Sistem akan menolak akses user dan menampilkan "username atau password salah"
Sesuai harapan
Valid
4
Mengetikan username dan password dengan data yang benar kemudian klik tombol login
Username: Desi Password: 123456
Sistem menerima akses login, kemudian menampilkan "Selamat datang Desi" di halaman administrator
Sesuai harapan
Valid
71
BAB IV
PENUTUP
4.1 Kesimpulan
Dari uraian tentang pembuatan website sebagai sarana informasi dan
penjualan laptop yang telah dibahas pada bab sebelumnya, penulis dapat memberikan
kesimpulan sebagai berikut :
1. Informasi yang ditampilkan dalam website penjualan ini tersedia dalam
bentuk teks dan gambar sehingga membuat calon pembeli tertarik untuk
melihat website ini,
2. Website penjualan laptop ini dibuat bertujuan untuk memudahkan para calon
pembeli dalam mencari informasi mengenai produk yang ditawarkan, para
pembeli juga dapat membeli produk yang dinginkan secara online tanpa harus
datang langsung ke toko,
3. Aplikasi Adobe Dreamweaver sangat mempermudah dalam menyelesaikan
website penjualan laptop ini sehingga website ini dapat bermanfaat bagi siapa
saja yang ingin berbelanja online.
72
4.2 Saran
Setelah penulis mengemukakan kesimpulan dalam pembuatan website
penjualan laptop ini, maka penulis mencoba mengajukan saran-saran yang
membangun yang dapat meningkatkan kualitas dalam penggunaan program ini.
Saran-saran tersebut yaitu sebagai berikut :
1. Disarankan agar website ini dapat memberikan promo-promo menarik untuk
membuat pembeli tertarik untuk berbelanja,
2. Disarankan agar kedepannya website penjualan laptop ini terdapat fitur
pembayaran tidak hanya transfer via atm atau bank tetapi juga bisa dengan
menggunakan credit card agar lebih memudahkan bagi pengguna credit card
dalam melakukan pembayaran.
3. Disarankan agar kedepannya harus memiliki back up database dan file agar
lebih mudah mencari solusi jika terjadi hal yang tidak diinginkan,
4. Disarankan agar kedepannya terdapat laporan atau stock opname dari hasil
penjualan untuk memudahkan penjual / pemilik dalam menghitung produk
yang sudah terjual dan juga menghitung keuntungan penjualan tersebut.
5. Disarankan agar kedepannya website ini bisa ditambahkan fitur lupa password
dan ganti password sehingga bila pengunjung / admin lupa password, tidak
membuat akun baru,
73
DAFTAR PUSTAKA
Ahmadi, Candra, dan Dadang Hermawan. 2013. E-Business & E-commerce.
Yogyakarta: Andi. Fathansyah. 2007. Buku teks Komputer Basis Data. Bandung: Informatika Bandung. Frieyadie. 2007. Belajar sendiri Pemograman Database Menggunakan Foxpro 9.0.
Jakarta: PT. Elex Media Komputindo. Hirin, AM dan Virgi. 2011. Cepat Mahir Pemograman Web dengan PHP dan
MySQL. Jakarta: Prestasi Pustaka. Imersmuda. (2016, 18 September). Perkembangan Ecommerce Di Indonesia.
Diperoleh 30 Oktober 2017, dari https://imersmuda.com/perkembangan-e-commerce-di-indonesia/
Kusrini. 2007. Konsep dan Aplikasi Sistem Pendukung Keputusan. Yogyakarta :
Penerbit Andi. Madcoms, 2010. Adobe Dreamweaver CS5 Dengan Pemrograman PHP & MySQL.
Yogyakarta: Andi. Pressman, Roger, 2007. Rekayasa Perangkat Lunak Pendekatan Praktisi (Buku I),
Yogyakarta: Penerbit Andi & McGraw-Hill Book Co. Purwanto, E. 2012. Perbandingan Strategi Replikasi Pada Sistem Basis Data
Terdistribusi. Jurnal Informatika. Sadeli.2011. Membuat Toko Online dengan PHP untuk Orang Awam. Palembang:
Maxikom. Shalahuddin, M. dan Rosa A.S. 2013. Rekayasa Perangkat Lunak Terstruktur dan
Berorientasi Objek. Bandung: Informatika Bandung. Sibero, Alexander F.K. 2011. Kitab Suci Web Programming. Yogyakarta:
MediaKom. Sigit, Christianus. 2010. Mudah Membuat Toko Online Dengan OsCommerce.
Yogyakarta : Andi. Simarmata, Janner, dan Iman Paryudi. 2006. Basis Data. Yogyakarta: Andi.
74
Soetejo, John. 2012. Jurus kilat mahir Internet dari nol hingga jago dalam hitungan menit. Jakarta: Dunia Komputer.
Sutisna, Dadan. 2007. 7 Langkah Mudah Menjadi Webmaster. Jakarta : PT. Trans
Media. Sutopo, Ariesto Hadi. 2007. Pemrograman Flash dengan PHP dan MySQL.
Yogyakarta : Graha Ilmu.