TUGAS AKHIR...PERANCANGAN SISTEM INFORMASI PENJUALAN LAPTOP BERBASIS WEB TUGAS AKHIR Diajukan untuk...

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.


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.


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

Email

No. Tlp

Asal Kota

Alamat

:

:

:

:

:

:

:

Daftar Batal

Gambar III.2. Rancangan Antar Muka Halaman Register

26

3. Rancangan Antar Muka Halaman Produk




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




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




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



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



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



Kategori

Logo Produk

Informasi Toko

Sosial Media

Footer

Profil

List Pesanan

Keranjang Belanja

Check Out / Konfirmasi Data Penerima

Nama Lengkap

Email

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



Kategori

Logo Produk

Informasi Toko

Sosial Media

Footer

Profil

List Pesanan

Konfirmasi Pembayaran

Submit

No. Order

Nama Pemesan

Email

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

email

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



Akses File : Random

Media : Harddisk

Panjang record : 151 Karakter

Kunci Field : id_katalog

Software : Mysql

Tabel III.2 Spesifikasi File table_katalog


1. Id katalog Id_katalog Int 2 Primary Key

2. Id kategori Id_kategori Int 2 Foreign Key


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



Akses File : Random

Media : Harddisk


Kunci Field : id_ongkir

Software : Mysql

Tabel III.3 Spesifikasi File table_ongkir


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



Akses File : Random

Media : Harddisk


Kunci Field : id_kategori

Software : Mysql

Tabel III.4 Spesifikasi File table_kategori


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


Akses File : Random

Media : Harddisk


Kunci Field : id_orders

Software : Mysql

Tabel III.5 Spesifikasi File order_detail


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



Akses File : Random

Media : Harddisk

Panjang record : 67 karakter

Kunci Field : id_orders

Software : Mysql

Tabel III.6 Spesifikasi File orders


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


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



Akses File : Random

Media : Harddisk


Kunci Field : id_bayar

Software : Mysql

Tabel III.7 Spesifikasi File Table_konfirmasi


1. Id Bayar Id_bayar Int 3 Primary Key



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)


Sesuai harapan

Valid

3

Username tidak diisi dan Password diisi kemudian klik tombol login

Username: (kosong) Password: 123456 (benar)


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


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)


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)


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


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


Hasil Pengujian

Kesimpulan

1

Username dan Password tidak diisi kemudian klik tombol Login

Username: (kosong) Password: (kosong)


Sesuai harapan

Valid

2

Mengosongkan salah satu form kemudian klik tombol Login

Username: Desi Password: (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.

TUGAS AKHIR...PERANCANGAN SISTEM INFORMASI PENJUALAN LAPTOP BERBASIS WEB TUGAS AKHIR Diajukan untuk...

Documents

Transcript of TUGAS AKHIR...PERANCANGAN SISTEM INFORMASI PENJUALAN LAPTOP BERBASIS WEB TUGAS AKHIR Diajukan untuk...