KARMILA NIM : 12142022...PERANCANGAN SISTEM INFORMASI PENJUALAN SEPATU BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat keluluan Diploma Tiga (D.III) KARMILA NIM

PERANCANGAN SISTEM INFORMASI PENJUALAN

SEPATU BERBASIS WEB

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat keluluan Diploma Tiga (D.III)

KARMILA

NIM : 12142022

Program Studi Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2017

KATA PENGANTAR

Puji dan syukur kita panjatkan kepada Tuhan Yang Esa atas segala rahmat

yang telah dilimpahkan-Nya, sehingga penulis dapat menyelesaikan Tugas Akhir

ini. Tugas Akhir ini penulis sajikan dalam bentuk buku yang sederhana dengan

judul sebagai berikut, “Perancangan Sistem Informasi Penjualan Sepatu

Berbasis Web”

Tujuan penulisan Tugas Akhir ini dibuat sebagai salah satu syarat

kelulusan Program Diploma Tiga (D.III) AMIK BSI Jakarta. Penulis menyadari

bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan tugas

akhir ini tidak akan lancar. Oleh karena itu pada kesempatan ini, izinkanlah

penulis menyampaikan ucapan terimakasih kepada:

1. Direktur Amik BSI Jakarta.

2. Bapak, Kresna Ramanda M.Kom selaku Dosen Pembimbing Tugas Akhir

dan Bapak, Lusino M.Kom Selaku asisten Dosen Pembimbing Tugas

Akhir.

3. Orang tua dan keluarga tercinta yang senantiasa memberikan dukungan

dan semangat.

4. Sahabat saya Maisaroh Ali Rahman,Dian Meiyanti, Nur Azizah, dan

teman-teman Senat yang sudah ikut membantu dalam penyelesaian Tugas

Akhir ini.

5. Teman-teman mahasiswa Program Diploma Tiga Manajemen Informatika,

dan sahabat-sahabatku yang telah memberikan dukungan dan motivasi

selama proses penyelesaian tugas akhir ini.

viii

Serta semua pihak yang telah banyak membantu penulis walaupun tidak

mungkin disebutkan satu persatu sehingga Tugas Akhir ini dapat terselesaikan.

Penulis menyadari bahwa penulisan Tugas Akhir ini masih jauh dari sempurna,

dan masih banyak kelemahan. Meskipun demikian penulis berharap semoga

Tugas Akhir ini dapat bermanfaat untuk penulis sendiri maupun untuk pembaca.

Akhir kata semoga Tugas Akhir ini memberikan manfaat bagi semua

pihak, terutama bagi penulis dan para pembaca.

Jakarta, 02 Juli 2017

Penulis

Karmila

viii

ABSTRAKSI

Karmila (12142022), Perancangan Sistem Informasi Penjualan Sepatu

Berbasis Web

Jaringan internet telah terbukti dapat mempermudah pemakainya baik dalam

berkomunikasi maupun dalam pertukaran informasi. Internet merupakan media

informasi yang tepat untuk menjawab semua kebutuhan dan dapat diakses oleh

siapapun kapanpun dan dimanapun.Perancangan Sistem informasi penjualan

Sepatu berbasis web ini menjual sepatu berbasis E-commerce. Website E-

commerce sangat berguna dalam meningkatkan penjualan dan memperkenalkan

produk kepada konsumen karena dapat diakses kapanpun, dimanapun dan tanpa

harus bertatap muka penjual maupun konsumen dapat melakukan transaksi

dengan mudah dan praktis. Pembuatan website E-commerce dengan menggunakan

dreamweaver CS6, PHP, CSS, dan MySQL merupakan cara untuk membangun

sebuah website yang dinamis dengan tampilan yang menarik untuk meningkatkan

minat beli konsumen. Dengan adanya hal itu diharapkan penulis mampu

memperkenalkan E-commerce sebagai solusi dalam dunia bisnis khususnya dalam

hal meningkatkan penjualan, kualitas pelayanan dan media promosi.

Kata Kunci: Sistem Informasi, Internet, E-commerce, Penjualan Sepatu

ix

ABSTRACT

Karmila (12142022), Design of Shoes information system based of website

Internet network has been shown to facilitate the user both in communication and

in the exchange of information. Internet is a media of appropriate information to

answer all your needs and can be accessed by anyone anytime and anywhere. The

web based clothing sales information systems sells clothes based E-commerce. E-

commerce websites are very useful in increasing sales and introduce products to

consumers because it can be accessed anytime, anywhere, and without having to

meet sellers and consumers can conduct transactions easily and practically. E-

commerce website creation by using Dreamweaver CS6, PHP, CSS, and MySQL

is a way to build a dynamic website with an attractive appearance to improve

consumer buying interest. With the authors it is expected to be able to introduce

E-commerce as a solution in the business world, especially in terms of increasing

sales, quality of service and a media promotion.

Keywords: Information Systems, Internet, E-commerce, Shoes Sales

x

DAFTAR ISI

Halaman

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 ............................................................................................................ vi

Abstrak ...................................................................................................................... viii

Daftar Isi ....................................................................................................................... x

Daftar Simbol ............................................................................................................... xii

Daftar Gambar ............................................................................................................. xiii

Daftar Tabel ................................................................................................................ xiv

Daftar Lampiran ........................................................................................................... xv

BAB I PENDAHULUAN ........................................................................................... 1

1.1. Latar Belakang ........................................................................................... 1

1.2. Maksud dan Tujuan .................................................................................... 2

1.3. Metode Penelitian....................................................................................... 2

1.4. Ruang Lingkup ........................................................................................... 3

1.5. Sistematika penulisan ................................................................................. 4

BAB II LANDASAN TEORI .................................................................................... 5

2.1. Konsep Dasar Web ..................................................................................... 5

2.1.1. Website ........................................................................................... 5

2.1.2. Bahasa Pemograman .................................................................... 13

2.1.3. Basis Data (Database).................................................................. 16

2.1.4. Model Pengembangan Perangkat Lunak ...................................... 18

2.2. Teori Pendukung ...................................................................................... 20

2.2.1. Struktur Navigasi ......................................................................... 20

2.2.2. Enterprise Relationship Diagram (ERD) .................................... 23

2.2.3. Logical Record Structure (LRS) .................................................. 25

2.2.4. Pengujian Web ............................................................................. 26

BAB III PEMBAHASAN ....................................................................................... 27

3.1. Analisis Kebutuhan................................................................................... 27

3.1.1. Kebutuhan Pengguna ..................................................................... 27

3.1.2. Kebutuhan Sistem .......................................................................... 28

3.2. Perancangan Perangkat Lunak.................................................................. 28

3.2.1. Rancangan Antar Muka.................................................................. 28

3.2.2. Basis Data ...................................................................................... 36

3.2.3. Rancangan Struktur Navigasi ......................................................... 49

3.3. Implementasi dan Pengujian Unit............................................................. 51

xi

3.3.1. Implementasi ................................................................................... 51

3.3.2. Pengujian Unit ................................................................................. 58

BAB IV PENUTUP .................................................................................................. 62

4.1. Kesimpulan .............................................................................................. 62

4.2. Saran ......................................................................................................... 63

DAFTAR PUSTAKA ............................................................................................... 64

DAFTAR RIWAYAT HIDUP ................................................................................ 65

LAMPIRAN .............................................................................................................. 66

xiii

DAFTAR GAMBAR

Halaman

Gambar II.1. Ilustrasi Metode Waterfall .................................................................... 11

Gambar II.2. Struktur Navigasi Linier ....................................................................... 14

Gambar II.3. Struktur Navigasi Hirarki ..................................................................... 14

Gambar II.4. Struktur Navigasi Non Linier ............................................................... 15

Gambar II.5. Struktur Navigasi Komposit ................................................................. 15

Gambar II.6. Binary Relation ..................................................................................... 19

Gambar II.7. Unary Relation ..................................................................................... 20

Gambar II.8. N-ary Relation ...................................................................................... 26

Gambar III.1. Rancangan Antar Muka Login Admin ................................................ 26

Gambar III.2. Rancangan Antar Muka Ruang Admin ............................................... 27

Gambar III.3. Rancangan Antar Pustaka User ........................................................... 27

Gambar III.4. Rancangan Antar Muka Pustaka Web ................................................. 28

Gambar III.5. Rancangan Antar Muka Halaman Pengunjung ................................... 28

Gambar III.6. Rancangan Antar Muka Daftar Member ............................................. 29

Gambar III.7. Rancangan Antar Muka Login Member .............................................. 29

Gambar III.8. Rancangan Antar Muka Halaman Member ......................................... 30

Gambar III.9. Rancangan Antar Muka Beli Produk .................................................. 30

Gambar III.10. Rancangan Antar Muka Tabel Pesanan ............................................ 30

Gambar III.11. Rancangan Antar Muka Konfirmasi Pembayaran ............................. 31

Gambar III.12. Entity Relationship Diagram ............................................................. 32

Gambar III.13. Logical Relational Structure ............................................................. 33

Gambar III.14. Struktur Navigasi Halaman Admin ................................................... 42

Gambar III.15. Struktur Navigasi Halaman Utama Pengunjung ............................... 43

Gambar III.16. Implementasi Rancangan Antar Muka Member ............................... 44

xiv

DAFTAR TABEL

Halaman

Tabel III.1. Spesifikasi File admin ............................................................................. 34

Tabel III.2. Spesifikasi File Cart ................................................................................ 35

Tabel III.3. Spesifikasi File JNE ................................................................................ 36

Tabel III.4. Spesifikasi File Kategori ......................................................................... 36

Tabel III.5. Spesifikasi File Konfirmasi ..................................................................... 37

Tabel III.6. Spesifikasi File Pesan.............................................................................. 38

Tabel III.7. Spesifikasi File Pesanan ......................................................................... 38

Tabel III.8. Spesifikasi File Barang .......................................................................... 39

Tabel III.9. Spesifikasi File User ............................................................................... 40

Tabel III.11. Hasil Pengujian Black Box Testing Halaman Login Member ............... 50

Tabel III.12. Hasil Hasil Pengujian Black box Testing Halaman Login Admin ........ 51

Tabel III.13. Hasil Pengujian Black box Testing Halaman Pendaftaran .................... 52

xv

DAFTAR LAMPIRAN

A.1 Halaman Detail Barang ........................................................................................... 61

A.2 Halaman Form Pemesanan...................................................................................... 61

A.3 Halaman Konfirmasi ............................................................................................... 62

A.4 Cetak Invoice .......................................................................................................... 62

B.1 Halaman Laporan Penjualan ................................................................................... 63

B.2 Cetak Laporan Penjualan ........................................................................................ 63

B.3 Cetak Laporan Barang ............................................................................................. 63

B.4 Cetak Laporan Barang .............................................................................................. 64

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Perkembangan teknologi saat ini mendukung kreatifitas manusia untuk mencapai

hasil maksimal dalam berbagai bidang, salah satu aspek yang paling menonjol saat ini

adalah peran media komputer dalam sebuah bisnis jual beli secara online, bisnis

online saat ini semakin marak didunia internet mulai dari penjualan komputer,

handphone, pakaian, sampai bisnis makanan pun sekarang sudah menggunakan

internet sebagai alat untuk pemasaran dan juga menjual produk.

Semakin berkembangnya penjualan sepatu, kebutuhan pengguna juga semakin

bertambah. Umumnya dari industri penjualan sepatu yang ada saat ini masih

menggunakan cara pemasaran dan penjualan produk secara konvensional. Penjualan

yang dilakukan hanya sebatas pada toko yang mereka miliki, dampak dari penjualan

seperti ini adalah produk yang terbatas pada pelanggan tertentu saja. Selain itu kurang

tersedianya waktu pelanggan untuk datang melihat produk baru yang disediakan.

Melihat permasalahan-permasalahan tersebut, dan adanya peluang pengguna

teknologi informasi khususnya internet untuk pelaku bisnis sepatu, maka diperlukan

sebuah dukungan sistem aplikasi yang nantinya dapat diimplementasikan oleh pelaku

bisnis sepatu. Perkembangan aplikasi berbasis web ini akan penulis sajikan dalam

2

bentuk tugas akhir dengan judul: “PERANCANGAN SISTEM INFORMASI

PENJUALAN SEPATU BERBASIS WEB”.

1.2. Maksud dan Tujuan

Setiap penelitian yang dilakukan tentunya memiliki maksud dan tujuan yang

jelas. Adapun maksud dan tujuan dari penelitian ini yaitu:

1.2.1. Maksud

Maksud dari penelitian ini yaitu:

1. Memberikan informasi produk dengan cepat dan akurat serta kemudahan

untuk penjual mempromosikan penjualan sepatu dengan sistem berbasis web.

2. Mengontrol pengelolaan transaksi penjualan dan pemasaran.

3. Memberikan solusi kepada para calon pembeli yang tidak memiliki banyak

waktu untuk datang berbelanja ke tempat belanja secara secara langsung.

1.2.2. Tujuan

Tujuan dari dilakukannya penelitian ini adalah untuk melengkapi salah satu

syarat yang telah dilakukan dalam mencapai kelulusan pada Program Diploma

Tiga (D.III) program studi manajemen informatika pada akademi Manajemen

Informatika dan Komputer Bina Sarana Informatika.

3

1.3. Metode Penelitian

A. Metode Pengumpulan Data

Metode pengumpulan data yang penulis gunakan yaitu:

1. Observasi

Dalam pencarian data, penulis mengamati secara langsung proses-proses yang

terjadi pada website penjualan Sepatu untuk mendapatkan informasi tentang

sistem penjualan dan promosi pada website penjualan Sepatu.

2. Studi Pustaka

Untuk mempelajari masalah secara mendalam yang berkaitan dengan pembuatan

sistem informasi penjualan berbasis web, maka perlu melakukan studi

kepustakaan yaitu dengan mengumpulkan data-data teoritis dan mempelajari

buku-buku ilmiah serta mengumpulkan data informasi dari artikel maupun

tutorial yang penulis cari di internet dengan maksud untuk mendapatkan teori-

teori dan bahan-bahan yang berkaitan dengan masalah tersebut diatas.

B. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan

model water fall (sommerville, 2007:66) yang terbagi tiga tahapan yaitu:

1. Analisis Definisi Persyaratan

Tahapan ini sangat menekan pada masalah pengumpulan kebutuhan pengguna

pada tingkatan sistem dengan menentukan konsep sitem beserta antarmuka yang

menggunakannya dengan lingkungan sekitar. Hasilnya berupa spesifikasi sistem.

4

2. Perancangan Sistem dan Perangkat Lunak

Proses perancangan sistem ini difokuskan pada empat atribut, yaitu stuktur data,

representasi antarmuka, arsitektur perangkat lunak, dan interaksi antar objek.

3. Implementasi dan Pengujian Unit

Pada tahap ini perancangan perangkat lunak direalisasikan sebagai serangkaian

program atau unit program. Kemudian pengujian unit melibatkan verifikasi

bahwa setiap unit program telah memenuhi spesifikasinya.

1.4. Ruang Lingkup

Sesuai judul diatas agar masalah yang teliti tidak keluar dan menyimpang maka

penulis membatasi ruang lingkup penelitian yaitu:

1. Dalam sistem E-Commerce ini menyajikan informasi mengenai produk dari

Sepatu yang dujual hanya melalui sistem transaksi online. Input yang dilakukan

oleh pelanggan adalah data profil tentang pelanggan dan data produk yang

dipesan, mengelola data transaksi dan status pelangggan, sedangkan input yang

dilakukan Admin adalah memasukan data produk yang dijual. Proses pembayaran

yang dipakai pelanggan menggunakan sistem transfer bank karena sistem ini

dianggap paling aman dalam keamanan datanya (tidak mengambil banyak resiko).

Pelanggan melakukan transaksi kemudian pelanggan melakukan konfirmasi dan

Pelanggan dapat mengecek status pemesanan.

5

1.5. Sistematika Penulisan

Dalam sistematis penulisan ini, penulis menjelaskan mengenai inti dari setiap

bab yang ada dalam tugas akhir ini. Adapun uraian singkatan dari setiap bab nya

yaitu:

BAB I PENDAHULUAN

Pada bab ini penulis menjelaskan tentang latar belakang, maksud dan

tujuan, metode penelitian, ruang lingkup dan sistematika penulisan.

BAB II LANDASAN TEORI

Dalam bab ini menjelaskan tentang konsep dasar web yang meliputi:

website, bahasa pemrogrman, basis data, model pengembangan

perangkat lunak serta teori teori pendukung seperti struktur navigasi,

ERD, Relationship, LRS.

BAB III PEMBAHASAN

Dalam bab ini menjelaskan tentang analisa dan perancangan sistem

informasi yang antara lain berisi tentang, spesifikasi rancangan web,

rancangan struktur navigasi serta spesifikasi file.

BAB IV PENUTUP

Bab ini merupakan bab terakhir yang menjelaskan tentang kesimpulan

dari keseluruhan isi penulisan Tugas Akhir. Serta saran-saran yang

disampaikan penulis untuk pengembangan sitem yang ada demi

kesempurnaan sistem yang lebih baik.

6

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Menurut Yuhefizar (2008:159) menyimpulkan bahwa: “word wide web sering

disingkat www atau web adalah Suatu metode untuk menampilkan informasi

di internet, baik berupa teks, gambar, suara maupun video yang interaktif dan

mempunyai kelebihan untuk menghubungkan (link) satu dokumen dengan

dokumen lainnya (hyperlink) yang dapat diakses melalui sebuah browser”.

2.1.1. Website

1. Internet

Menurut Sutarman (2012:32) menyimpulkan bahwa “internet merupakan

hubungan antar berbagai jenis komputer dan jaringan di dunia yang berbeda

system informasi maupun alplikasinya, di mana hubungan tersebut

memanfaatkan kemajuan media komunikasi (telepon dan satelit) yang

menggunakan protocol standar dalam komunikasi, yaitu protocol TCP/IP”.

2. Website

Menurut Yuhefizar dkk (2008:2) memberikan batasan bahwa “Website adalah

keseluruhan halaman-halaman web yang terdapat dalam sebuah domain yang

mengandung informasi” Dengan adanya website, semua orang di dunia bisa

mendapatkan dan mengelola informasi dengan berbagai sumber yang tersedia

di internet. Website sendiri saat ini memuat berbagai macam mediaa, mulai

dari teks, gambar, suara, bahkan video.

7

3. Aplikasis berbasis Web

a. XAMPP

Menurut wicaksono (2008:7) memberikan bahwa “XAMPP adalah sebuah

software yang berfungsi untuk menjalankan website berbasis PHP dan

menggunakan pengelola data MySQL di komputer lokal”.XAMPP berperan

sebagai server web pada komputer anda XAMPP juga dapat disebut sebuah

Cpanel server virtual, yang dapat membantu anda melakukan preview

sehingga dapat memodifikasi website tanpa harus online atau terakses dengan

internet.

b. Mozilla Firefox

Menurut Manzur (2012:2) memberikan batasan bahwa “mozilla firefox

merupakan aplikasi web browser gratis yang dikembangkan oleh Yayasan

Mozilla dan beberapa deveolper pendukungnya” sebelumnya Firefox telah

berganti nama dua kali. Pada saat pertama kali dirilis tanggal 9 November

2004 (versi 1.0) browser ini bernama Phonix. Kemudian berganti nama

Mozilla Firebird, hingga akhirnya berganti nama menjadi Mozilla Firefox,

c. Adobe Dreamweaver CS6

Menurut Agung (2012:129) memberikan bahasa bahwa “Adobe Dreamweaver

CS6 adalah sebuah software web design yang menawarkan cara mendesain

website dengan dua langkah sekaligus dalam satu waktu, yaitu mendesain dan

melakukan scripting”. Dreamweaver memiliki satu jendela mini yang disebut

code tempat kode-kode HTML 5 dan juga script programan yang lainnya

ditulis.

8

2.1.2. Bahasa Pemrograman

1. PHP

Menurut Eko Prasteyo (20082:19) menyimpulkan bahwa “PHP (atau resminya

PHP:Hypertext Preprosessor) adalah skrip bersifat server-side yang

ditambahkan ke dalam HTML”. PHP sendiri merupakan singkatan dari

Personal Home Page Tools. Skrip ini akan membuat suatu aplikasi dapat di

integrasikan ke dalam HTML sehingga suatu halaman web tidak lagi bersifat

statis, namun menjadi bersifat dinamis. Sifat server-side berarti pengerjaan

skrip dilakukan di server, baru kemudian hasilnya dikirimkan ke browser.

2. HTML

Menurut Sugiri dan Kurniawan (2007:12) memberikan batasan bahwa

“HTML (hyper text markup language) adalah sebuah protocol yang digunakan

untuk membuat format suatu dokumen web yang mampu dibaca dalam

browser dari berbagai platform komputer”. Sifat bahasa ini adalah client cript,

dimana dokumen tersebut dapat dibuka dalam komputer stand alone yang

tidak membutuhkan server untuk dapat menampilkannya di dalam browser.

Dokumen HTML merupakan file yang pada umumnya berektensi htm atau

html, di mana bahasa HTML tersebut tersusun atas tag yang berformat <isi

tag>.

3. CSS

Menurut sugiri dan Kurniawan (2007:21) memberikan batasan bahwa “CSS

(Casading Style Sheet) adalah sebuah cara untuk memisahkan isi dengan

layout dalam halaman web yang dibuat”. CSS memperkenalkan template yang

berupa style untuk membuat dan mempermudah penulisan dari halaman-

9

halaman yang dirancang. Hal ini sangat penting karena halaman yang

menggunakan CSS dapat dibaca secara bolak balik dan isinya dapat dilihat

oleh pengunjung dari manapun.

4. Java Script

Menurut Zaki (2009:29) “JavaScript merupakan bahasa pemrograman

sederhana yang digunakan untuk mengelola dokumen (HTML). Bahasa ini

bersifat Client Side, yaitu untuk dijalankan pada program web browser

pengguna. Kode JavaScript dituliskan pada file HTML menggunakan tag

<SCRIPT>”.

2.1.3. Basis Data

1. Database

Menurut Talib (2010:245) memberikan batasan bahwa “database adalah

sekumpulan data yang disimpan secara teratur sehingga memudahkan dalam

pencarian kembali, pengelompokan , dan pengolahannya menjadi informasi”.

Setiap kolom database merupakan sebuah field yang harus berisi kumpulan

data yang terdiri atas beberapa field. Nama field (judul kolom) harus dalam

satu baris serta mempunyai nama unik, artinya nama satu field harus berbeda

dengan field lainnya agar lebih inoformatif, nama field sebaiknya dapat

menjelaskan isi field.

2. MySQL

Menurut Kristanto (2010:219) memberikan batasan bahwa “MySQL (My

Stuctured Query Language) merupakan sebuah program pembuat database

yang bersifat open source, artinya semua orang dapat menggunakannya dan

dapat dijalankan pada semua platform baik windows maupun Linux”. MySQL

10

juga merupakan sebuah perangkat lunak sistem manajemen basis data SQL

yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multi user

(banyak pengguna) MySQL juga sering dikenal dengan nama sistem

manajemen database relational. Satu database rasional menyimpan data dalam

tabel yang terpisah. Tabel-tabel memperoleh kombinasi data dari beberapa

tabel dalam suatu permintaan.

3. PHP MyAdmin

Menurut Rahman (2013:21) memberikan batasan bahwa “PHP Myadmin

adalah sebuah saoftware berbasis program PHP yang digunakan sebagai

administrasi MySQL melalui browser (web) yang digunakan untuk

managemen database”. PHP MyAdmin mendukung berbagai aktivitas MySQL

seperti pengelolaan data, tabel, relasi antar tabel.

11

2.1.4. Model Pengembangan Perangkat Lunak

Menurut Sukamto dan Shalaluddin (2013:28) memberikan batasan bahwa

“Model SDLC (Software Deveploment Life Cycle) air terjun (Waterfall) sering

juga disebut model sekuensi linier (Sequential Liniar) atau alur hidup klasik

(classic life cycle)”. Model air terjun menyediakan pendekatan alur hidup

perangkat lunak secara sekuensial atau terurut dimulai dari analisis, desain,

pengkodean, pengujian, dan tahap pendukung (support). Berikut adalah gambar

model air terjun:

(Sumber: Sukamto dan Shalahuddin 2013:29)

Gambar II.1.

Ilustrasi Model Waterfall

1. Analisis Kebutuhan Perangkat Lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

menspesifikasikan kebutuhan prangkat lunak agar dapat dipahami perangkat

lunak seperti apa yang dibutuhkan oleh user, spesifikasi kebutuhan perangkat

lunak pada tahap ini untuk didokumentasikan

Sistem/ Rekayasa

Informasi

Analisis Desain Pengodean Pengujian

12

2. Desain

Desain perangkat lunak adalah proses multi langkah yang fokus pada desain

pembuatan program prangkat lunak harus termasuk struktur data, arsitektur

perankat lunak harus, representasi antarmuka, dan prosedur pengkodean.

Tahap ini mentranslasi kebutuhan perangkat lunak harus dari tahap analisis

kebutuhan ke representasi desain agar diimplementasikan menjadi web e-

commerce pada tahap selanjutnya. Desain prangkat lunak harus yang

dihasilkan pada tahap ini juga perlu di dokumentasikan.

3. Pembuatan Kode Program

Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari

tahap ini adalah perangkat lunak harus sesuai desain yang telah dibuat pada

tahap desain.

4. Pengujian

Pengujian fokus pada perangkat lunak harus secara dari segi lojik (logic),

fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini

dilakukan untuk meminimalisir kesalahan (error) dan memasitikan keluaran

yang dihasilkan sesuai dengan yang diinginkan.

5. Pendukung (support) atau pemeliharaan (maintenance)

Tidak menutup kemungkinan sebuah perangkat lunak harus mengalami

perubahan ketika sudah dikirimkan ke user, perubahan bisa terjadi karena

adanya kesalahan yang muncul dan tidak terdeteksi saat pengujian atau

perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung

atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis

13

spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk

membuat prangkat lunak baru.

Dari kenyataan yang terjadi sangat jarang model air terjun dapat dilakukan

sesuai alurnya karena sebab berikut:

a. Perubahan spesifikasi perangkat lunak terjadi di tengah alur

pengembangan.

b. Sangat sulit bagi pelanggan untuk mendefinisikan semua spesifikasi di

awal alur pengembangan. Pelanggan sering kali butuh contoh (prototype)

untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut.

c. Pelanggan tidak mungkin bersabar mengakomodasikan perubahan yang

diperlukan di akhir alur pengembangan.

Dengan berbagai kelemahan yang dimiliki model air terjun (waterfall) tapi

model ini telah menjadi dasar model-model yang lain dalam melakukan perbaikan

model pengembangan perangkat kunak.

Model air terjun (waterfall) sangat cocok digunakan kebutuhan pelanggan

sudah sangat dipahami dan kemungkinan terjadinya perubahan kebutuhan selama

pengembangan perangkat lunak kecil. Hal positif dari model air terjun (waterfall)

adalah struktur tahap pengembangan sistem jelas, dokumentasi dihasilkan di

setiap tahap pengembangan, dan sebuah tahap dijalankan setelah tahap

sebelumnya selesai dijalankan (tidak ada timpang tindih pelaksanaan tahap).

Model waterfall adalah model SDLC yang paling sederhana model ini hanya

cocok untuk pengembangan perangkat lunak dengan spesifikasi yang tidak

berubah-ubah.

14

2.2. Teori Pendukung

2.2.1. Struktur Navigasi

Menurut Binanto (2010:268) memberikan batasan bahwa “setiap rencana

akan dibuat desainnya dan kemudian diproduksi menjadi produk jadi yang bersifat

sementara. Di samping itu tahap ini mencakup perencanaan struktur navigasi yang

baik untuk antarmuka penggunanya. Ada 4 struktur dasar yang digunakan yaitu

linier, non linier, hirarki dan konposit”.

1. Linier

Pegguna akan melakukan navigasi secara berurutan, dari frame atau byte

informasi yang satu ke yang lainnya.

(Sumber : Binanto 2010:269)

Gambar II.2.

Struktur Navigasi Linier

2. Hierarkis

Struktur dasar ini disebut juga struktur “linier dengan percabangan-

percabangan” karena pengguna melakukan navigasi di sepanjang cabang pohon

struktur yang terbentuk oleh logika ini.


Gambar II.3.

Struktur Navigasi Hirarkis

15

3. Non linier

Pengguna akan melakukan navigasi dengan jelas melalui isi proyek dengan

tidak terikat dengan jalur yang sudah ditentukan sebelumnya.


Gambar II.4.

Sturuktur Navigasi Nonlinier

4. Komposit

Pengguna akan melakukan navigasi dengan bebas (secara non-linier), tetapi

terkadang dibatasi prestasi linier film atau informasi penting dan/atau pada data

yang paling terorganisasi secara logis pada suatu hirarki.

(sumber : Binanto 2010:270)

Gambar II.5.

Struktur Navigasi Komposit

16

2.2.2. Entity Relationship Diagram (ERD)

Menurut Yakub (2008:225) memberikan batasan bahwa “Entity Relationship

Diagram (ERD) merupakan suatu model jaringan yang menggunakan susunan

data yang disimpan pada sistem secara abstrak”. ERD menghubungkan antara satu

entitas yang memiliki sejumlah atribut dengan entitas yang lain dalam suatu

sistem yang terintegritas. ERD ini perancang sistem pemodelan data yang

nantinya akan dikembangkan menjadi basis data (database). Model data ini

digunakan utuk membantu menganalisis data dan perancangan basis data, model

data ini menunjukan bermacam-macam data yang dibutuhkan dan hubungan antar

data.

1. Komponen ERD

Menurut Yakub (2008:26) memberikan batasan bahwa “ERD terbagi atas

tiga komponen”, yaitu:

a. Entitas (Entity)

Entitas (entity) menunjukkan obyek-obyek dasar yang terkait didalam

sistem. Obyek dasar dapat berupa orang, benda atau hal lain yang

keterangannya perlu disimpan dalam basis data. Untuk menggambarkan

entitas dilakukan dengan mengikuti aturan-aturan sebagai berikut:

1) Entitas dinyatakan dengan simbol persegi panjang.

2) Nama entitas berupa kata benda tunggal.

3) Nama entitas sedapat mungkin menggunakan nama yang mudah

dipahami dan menyatakan maknanya dengan jelas.

17

b. Atribut (Atribute)

Atribut sering juga disebut sebagai properti (property), merupakan

keterangan-keterangan yang terkait pada sebuah entitas yang perlu disimpan

sebagai basis data. Atribut berfunsi sebagai penjelas sebuah entitas untuk

menggambarkan atribut yang dilakukan dengan mengikuti aturan sebagai

berikut:

1) Atribut dinyatakan dengan simbol ellips

2) Nama atribut dituliskan dalam simbol ellips

3) Nama atribut berupa kata benda tunggal

4) Nama atribut sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat menyatakan maknanya dengan jelas.

5) Atribut dihubungkan dengan entitas yang bersesuaian dengan

menggunakan garis.

c. Relasi (relation)

Relasi atau hubungan adalah kejadian atau transaksi yang terjadi di

antara dua entitas yang keterangannya perlu disimpan dalam basis data.

Aturan penggambaran relasi antar entity adalah:

1) Relasi dinyatkan dengan simbol belah ketupat.

2) Nama relasi dituliskan di dalam simbol belah ketupat.

3) Relasi menghubungkan dua entitas.

4) Nama relasi menggunakan kata kerja aktif (diawali awalan me)

tunggal.

5) Nama relasi sedapat mungkin menggunakan nama yang mudah

dipahami dan dapat dinyatakan maknanya dengan jelas.

18

2. Derajat Relationship

Menurut yakub (2008:33) mengemukakan bahwa “model relasi ini

berdasarkan persepsi dunia nyata diantaranya himpunan objek dan di

identifikasikan secara nik, dan objeknya dapat berbentuk orang, barang, dan

sebagainya”. Kardinalitas relasi yang terjadi dua himpunan entitas (misalkan A

dan B) dapat berupa satu ke satu (one to one), satu ke dua (one to many), banyak

ke satu (many to one) dan banyak ke banyak (many to many).

a. Satu ke satu (one to one)

Berarti setiap entitas pada himpunan entitas A berhubungan dengan paling

banyak dengan entitas pada himpunan entitas B, dan begitu juga sebaliknya

setiap entitas pada himpunan B berhubungan paling banyak dengan satu

entitas himpunan entitas B.

b. Satu ke Banyak (One to Many)

Berarti setiap entitas pada himpunan entitas A dan dapat berhubungan

dengan banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya,

dimana setiap entitas pada himpunan entitas yang berhubungan dengan

paling banyak dengan satu entitas pvda himpunan entitas A.

c. Banyak ke Satu (Many to One)

Berarti setiap entitas pada himpuan entitas A berhubungan dengan paling

banyak dengan satu entitas pada himpunan B, tetapi tidak sebaliknya,

dimana setiap entitas pada himpunan entitas A berhubungan dengan paling

banyak satu entitas pada himpunan entitas B.

19

d. Banyak ke Banyak (Many to Many)

Berarti setiap entitas pada himpunan entitas A dapat berhubungan dengan

banyak entitas pada himpunan entitas B, demikian juga sebaliknya, dimana

setiap entitas pada himpunan entitas B dapat berhubungan dengan banyak

entitas pada himpunan entitas A.

3. Varias Relasi

Menurut Yakub (2008:30) mengemukakan bahwa “varian relasi terbagi menjadi

tiga yaitu relasi biner (binary relation), relasi tunggal (unary relation), relasi

multi entity (N-ary relation)”

a. Relasi Biner (Binary Relation)

Relasi biner (binary relation) merupakan relasi yang terjadi diantara 2 (dua)

himpunan entitas yang berbeda Relasi ini merupakan relasi yang umum

digunakan. Relasi antara mahasiswa mengambil matakuliah yang menunjukan

binary relation.

E1 E2R1

(sumber: Yakub 2008:31)

Gambar II.6.

Binary Relation

20

b. Relasi Tunggal (Unary Relation)

Unary Relation merupakan variasi relasi yang terjadi dari sebuah

himpunan entitas ke himpunan entitas yang sama, dan unary sering disebut

dengan relasi tunggal. Relasi antara dosen dan mendapingi yang menunjukan

unary relation.

E1 E2R1

E3

(Sumber : Yakub 2008:31)

Gambar II.7.

Unary Relation

21

c. Relasi Multi Entity (N-ary Relation)

N-ary Relation merupakan relvsi dari 3 (tiga) himpunan entitas atau lebih.

Relasi ini untuk menghubungkan dari tiga entitas yang dimaksudkan ke relasi

multi entitas. N-ary relation menunjukan secara lebih jelas bahwa beberapa entitas

berpartisipasi dalam sebuah relasi tunggal. Bentuk relasi semacam ini sedapat

mungkin dihindari karena akan mengaburkan derajat relasi yang ada dan akan

menyebabkan perencanaan basis data semakin kompleks.

E1 E2R1

E3

E4

(sumber : Yakub 2008:32)

Gambar II.8

N-ary Relation

2.2.3. Logical Relationship Structure (LRS)

Menurut Bahra (2006:210) aturan-aturan dalam melakukan transformasi E-R

Diagram ke logical Record Structure aalah sebagai berikut:

1. Setiap Entity akan diubah ke bentuk sebuah kotak dengan nama entity berada

diluar kotak dan atribut berada di dalam kotak.

2. Sebuah relasi kadang disatukan dalam sebuah kotak bersama entity, kadang

dipisah dalam sebuah kotak tersendiri.

22

2.2.4. Pengujian Web

1. Black box Testing

Menurut Sukamto dan Shalahuddin (2013:275) memberikan batasan bahwa

“Black-Box Testing (penguji kotak hitam) yaitu menguji perangkat lunak dari segi

spesifikasi fungsional tanpa menguji desain dan kode program penguji

dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari

perangkat lunak sesuai dengan spesifikasi yang dibutuhkan”. Pengujian kotak

hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua dengan

memakai perangkat lunak apakah sesuai dengan spesifikasi yang dibutuhkan.

Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat

dengan kasus benar dan kasus salah, misalkan untuk kasus proses login maka

kasus uji yang dibuat adalah:

1. Jika user memasukkan nama pemakai (username) dan kata sandi

(password) yang benar.

2. Jika user memasukkan nama pemakai (username) yang salah, misalnya

nama pemakai benar tapi kata sandi salah, atau sebaliknya, atau keduannya

salah.

23

BAB III

PEMBAHASAN

3.1. Analisa Kebutuhan

Kemampuan yang harus dipenuhi oleh sistem dengan spesifikasi yang di

inginkan oleh Pemesan (user), yang meliputi kebutuhan informasi, kebutuhan

aplikasi (proses pengolahan data untuk menghasilkan informasi yang telah di

identifikasi) dan kebutuhan perangkat keras.

3.1.1. Kebutuhuan Pengguna

Informasi-informasi yang digunakan sebagai dasar pembuatan basis data

sistem penjualan sepatu. Informasi tersebut meliputi informasi yang berhubungan

dengan sepatu, informasi tentang harga produk yang dijual, serta informasi

tentang kategori sepatu apa saja yang diual.

Adapun yang dapat menggunakan fasilitas web ini sebagai berikut:

1. Kebutuhan pengguna administrasi

a. Admin dapat melakukan login

b. Admin dapat mengecek informasi apabila ada pemesanan

c. Admin juga dapat menambah data barang, data propinsi, data

kategori,bank dan data admin.

d. Admin dapat merubah status pembayaran

e. Admin dapat merubah status pesanan

f. Bagian admin juga dapat menambah data member yang sudah

mendaftarkan sebagai member di website ini.

2. Kebutuhan pengguna user

24

a. Pengguna dapat melihat halaman beranda, kontak, produk dan panduan

3. Kebutuhan penggguna member

a. Member dapat melakukan login apabila sudah mendaftar menjadi member.

b. Member dapat membeli produk yang diinginkan.

c. Member dapat melakukan transaksi setelah pembelian.

d. Member dapat melihat status transaksi dan status pesanan apabila sudah

melakukan pembayaran.

3.1.2. Kebutuhan Sistem

Menyelesaikan masalah yang ada pada pemesanan (user) sistem informasi

sistem ini merupakan suatu sistem tentang penjualan produk yang diakses pada

administrator dengan data yang akurat sehingga pengunjung maupun member

mendapatkan informasi yang terdapat pada saat pengguna menginginkannya.

Dalam sistem ini, kecepatan transaksi akan meningkat, dan menggunakan

database akan terasa lebih mudah. Pengguna juga dihadapkan pada form yang

user-friendly.

25

3.2. Perancangan Perangkat lunak

3.2.1. Rancangan Antar Muka

A. Rancangan antar muka login admin

Admin Login

Login

Email

Password

Gambar III.I.

Rancangan Antar muka Login Admin

B. Rancangan antar muka beranda admin

Admin Home Pustaka User Pustaka Web Logout

Selamat Datang, xxxx

ICON

Gambar III.2.

Rancangan Antarmuka beranda admin

26

C. Rancangan antar muka Pustaka user



Table Admin

Nama Email Password No HP AlamatID Admin

Delete

Data User

Pengiriman

Pustaka User

xxxxxxxx

Halaman :[2]

xxxx xxx999 9999999 xxxx

xxxxxxxx xxxx xxx999 9999999 xxxx

Gambar III.3.

Rancangan Antarmuka Pustaka User

D. Rancangan antar muka Pustaka Web



Table Admin

Nama Email Password No HP AlamatID Admin

Delete

Data User

Pengiriman

Pustaka User

xxxxxxxx

Halaman :[2]

xxxx xxx999 9999999 xxxx

xxxxxxxx xxxx xxx999 9999999 xxxx

Update Admin

Pilih Id

Pilih Id

Rubah nama

Rubah Tanggal Lahir

Rubah Password

Rubah No HP

Rubah Alamat

Update

Gambar III.4.

Rancangan Antarmuka Halaman Admin

27

E. Rancangan antar muka halaman pengunjung

Log-in

Jadilah member dan rasakan kemudahan bertransakasi bersama kami

Tentang kami

Shoepaholic

Jakarta Pusat, kode pos 9999

Tel 999-9999-99

Fax 9999-999-9999

icon

icon

icon

benner gambar

Promo

Nama_barang: xx

Harga: xx99999

Detail

Shoepaholic Search Message Categories

gambar

Nama_barang: xx

Harga: xx99999

Detail

gambar

Nama_barang: xx

Harga: xx99999

Detail

gambar

Nama_barang: xx

Harga: xx99999

Detail

gambar

Harga: xx99999

Detail

gambar gambar

Home

Anda punya pertanyaan? Temukan jawabannya dilink berikut: http://xxxxxx.com

Tentang Shoepaholic Persyaratan dan Ketentuan @ 2016,2017 Shoepaholic

Nama_barang: xx Nama_barang: xx

Harga: xx99999

Detail

Nama_barang: xx

Harga: xx99999

Detail

Gambar III.5.

Rancangan Antarmuka Halaman Admin

F. Rancangan antar muka daftar member

Log-inShoepaholic Search Message CategoriesHome



Email *

Password *

email

Daftar

WaJib di isi

DetaIl Informasi

RegistraSi New account

Nama Lengkap No Hp

Jenis Kelamin

Laki-Laki Perempuan

00/00/0000Tanggal Lahir

Alamat

alamat

Gambar III.6.

Rancangan Antarmuka Halaman Pengunjung

28

G. Rancangan antar muka login member

Log-in

Daftar

Anda Baru di Shoepaholic

Shoepaholic Search Message CategoriesHome



Saya Telah Registrasi

Email *

Password *

email

Login

Gambar III.7.

Rancangan Antarmuka Login Member

H. Rancangan antar muka halaman member

Log-in

Jadilah member dan rasakan kemudahan bertransakasi bersama kami

Tentang kami

Shoepaholic

Jakarta Pusat, kode pos 9999

Tel 999-9999-99

Fax 9999-999-9999

icon

icon

icon

benner gambar

Promo

Nama_barang: xx

Harga: xx99999

Detail


gambar

Nama_barang: xx

Harga: xx99999

Detail

Home



Add to cart

gambar

Nama_barang: xx

Harga: xx99999

Detail Add to cart

gambar

Nama_barang: xx

Harga: xx99999

Detail Add to cart

gambar

Nama_barang: xx

Harga: xx99999

Detail Add to cart

gambar

Nama_barang: xx

Harga: xx99999

Detail Add to cart

gambar

Nama_barang: xx

Harga: xx99999

Detail Add to cart

Gambar III.8.

Rancangan antar muka halaman member

29

I. Rancangan Antar Muka Beli Produk

Log-in

Welcome, xxxxx

Kd_transaksi

Nama item

Pesan sekarang


gambar

Input jumlah pesanan X (Rp)

Home



jumlah item 999999

Pilih pengiriman JNE

pilih jenis

Kota

pilih kota

Alamat dan No HP

alamat dan no hp

Submit

Gambar III.9.

Rancangan Antar Muka Beli Produk

J. Rancangan antar muka Tabel Pesanan

Log-in

Welcome, xxxxx

Kode pesanan

Shoepaholic Search Pesanan Categories

xxx999

Home



nama JNE kota Alamat no hp Status Detail

xxxx xxx xxxx xxx999 xxxx Detail

Gambar III.10.

Rancangan Antar Muka Form pesanan

30

K. Rancangan antar muka Konfirmasi

Log-in

Welcome, xxxxx

Shoepaholic Pesanan Konfirmasi CategoriesHome



Kode pesanan

Struk pembayaran

No file chosenChosee file

nama pemesanan

konfirmasi

pilih kode

Gambar III.11.

Rancangan antarmuka Konfirmasi pembayaran

31

3.2.2. Basis Data

1. Entity Relationshio Diagram (ERD)

user melakukan Pesanan memiliki

nama

jk

lahir

hp

alamat

passworditem

kode

nama

bank

emailalamat

kurir

kota

Cart

email

id tambah

qty

melakukan

konfirmasi

email

nama

kode

emailJml_transfer

Struk

No_rekening

melakukan

JNE

kode

kota

kecamatan

status

barangmemiliki

id

jenis

nama

hargal

query

email

foto

memiliki

kategori

namaid

regoke

yes

total

No_rekening

melakukan

nama

Gambar III.12.

Entity Relationship Diagram (ERD)

32

2. Logical Relationship Structure (LRS)

Jne

Kode*

kota

kecamatan

Reg

Oke

yes

Pesanan

Kode*

nama

Item

Kurir

kota

alamat

emaIl

total

bank

status

User

EmaIl*

Password

NamA

Hp

Jk

Lahir

Alamat

barang

Id*

Foto

Jenis

nama

harga

query

kategori

Id*

nama

cart

email*

id

Nama

tambah

qty

konfirmasi

Kode*

emaIl

nama

Jml_transfer

No_rekening

Nm_rekening

struk

1 M

1

1

M

1

1

1

1

1

1

M

Gambar III.13.

Logical Relationship Diagram (LRS)

33

3. Spesifikasi File

1. Spesifikasi File Adminnistrator

Nama File : Admin

Akronim : admin

Fungsi : Untuk menyimpan data dan login administrator

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 120 Record

Kunci Field : id

Software :MySQL

Tabel III.I

Spesifikasi File Admin

No. Elemen Data Nama Field Tipe Panjang Keterangan

1 Id Id Varchar 6 Primary Key

2 Nama Nama Varchar 30 -

3 Tanggal Tanggal Date - -

4 Email Email Varchar 30 -

5 Password Password Varchar 10 -

6 Hp Hp Varchar 14 -

7 Alamat Alamat Varchar 30 -

34

2. Spesifikasi File Cart

Nama : Cart

Akronim : cart

Fungsi : Untuk menyimpan data belanja

Tipe File : File Transaksi


Akses File : Random

Media : Hard Disk

Panjang Record : 65

Kunci Field : email

Software : MySQL

Tabel III.2.

Spesifikasi File Cart

No. Elemen data Nama Field Tipe Panjang Keterangan

1 Email Email Varchar 30 Primary key

2 id id Varchar 10 -


4 Tambah Tambah Varchar 20 -

5 Qty Qty Int 5 -

3. Spesifikasi File JNE

Nama : JNE

Akronim : jne

Fungsi : Menyimpan data tujuan



35

Akses File : Random

Media : Hard Disk

Panjang Record : 141

Kunci Field : Kode

Software : MySql

Tabel III.3.

Spesifikasi File JNE

No. Elemen data Nama field Tipe Panjang Keterangan

1 Kode Kode Int 11 Primary key

2 Kota Kota Varchar 50 -

3 Kecamatan Kecamatan Varchar 50 -

4 Reg Reg Int 10 -

5 Oke Oke Int 10 -

6 Yes Yes Int 10 -

4. Spesifikasi File Jenis kategori

Nama File : Sepatu

Akronim : Sepatu

Fungsi : Untuk menyimpan data sepatu


Organsisasi File : Indexed Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 30

Kunci Field : Id

Software : MySql

36

Tabel III.4.

Spesifikasi File Kategori

No Elemen Data Nama Field Tipe Panjang Keterangan

1 Id Id Int 10 Primary key


5. Spesifikasi File Konfirmasi

Nama File : Konfirmasi

Akronim : konfirmasi

Fungsi : Sebagai tempat menyimpan data transaksi


Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk


Kunci Field : email

Software : MySQL

Tabel III.5.

Spesifikasi File Konfirmasi

No Elemen data Nama Field Tipe Panjang Keterangan

1 Email Email Varchar 30 Primary Key

2 Kode Kode Varchar 6 -


4 No_rekening No_rekening Varchar 12 -

5 Jml_transfer Jml_transfer Varchar 12 -

37

6 Struk Struk Varchar 30 -

6. Spesifikasi File Pesan

Nama File : Pesan

Akronim : pesan

Fungsi : Sebagai tempat menyampaikan Pesan

Tipe File : File

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 42

Kunci Field : email

Software : MySQL

Tabel III.6.

Spesifikasi File Pesan

no Elemen Data Nama Field Tipe Panjang Keterangan


2 Hp Hp Int 12

3 Pesan Pesan Text -

7. Spesifikasi File Pesanan

Nama file : Pesanan

Akronim : Pesanan

Fungsi : Sebagai tempat menyimpan data penjualan


Organsisasi File : Index Sequential

38

Akses File : Random

Media : Hard Disk


Kunci Field : kode

Software : MySQL

Tabel III.7.

Spesifikasi File Pesanan


1 Kode Kode Varchar 10 Primary Key


3 Item Item Int 2 -

4 Kurir Kurir Varchar 30 -

5 Kota Kota Varchar 50 -

6 Alamat Alamat Varchar 40 -

7 Email Email Varchar 40 -

8 Total Total Int 10 -

9 Bank Bank Varchar 12 -

10 Status Status Varchar 30 -

8. Spesifikasi File barang

Nama file : barang

Akronim : barang

Fungsi : Sebagai tempat menyimpan data sepatu



Akses File : Random

Media : Hard Disk

39


Kunci Field : id

Software : MySQL

Tabel III.8.

Spesifikasi File Barang


1 Id Id Int 10 Primary Key

2 Foto Foto Varchar 30 -

3 Jenis Jenis Varchar 20 -


5 Harga Harga Int 10 -

6 Query Query Varchar 50 -

7 Stok Stok Int 6 -

9. Spesifikasi File User

Nama file : User

Akronim : user

Fungsi : Sebagai tempat menyimpan data user



Akses File : Random

Media : Hard Disk


Kunci Field : email

Software : MySQL

40

Tabel III.9.

Spesifikasi File User



2 Password Password Varchar 10 -


4 Hp Hp Varchar 20 -

5 Jenis Kelamin Jk Varchar 10 -

6 Lahir Lahir Date - -

7 Alamat Lamat Varchar 100 -

41

3.2.3. Rancangan Struktur Navigasi

1. Struktur Navigasi Halaman Utama Admin

Login

Logout

Sepatu

Pustaka Web

Tambah

Data

Tambah

JenisData Sepatu

admin

Tambah

admin

Tambah

Sepatu

Pustaka

User

PengirimanData User

Tambah Tujuan JNE

Konfirmas

i

Lihat

Transaksi

Tabel

User

Update

Pesanan

Gambar III.14.

Struktur Navigasi Halaman Administrator

42

2. Struktur Navigasi Halaman Utama Pengunjung

SEARCHHOME PESAN CATEGORIES

PRODUK

index

PRODUK PRODUK PRODUK

LOG-IN

Gambar III.15.

Struktur Navigasi Halaman Pengunjung

43

3. Struktur Navigasi Halaman Utama Member

KONFIRMASIPESANAN CEK PESANAN CATEGORIES

PRODUK

LOGIN

PRODUK PRODUK PRODUK

LOG-OUTHOME

Gambar III.16.

Struktur Navigasi Halaman Member

44

3.3. Implementasi dan pengujian unit

3.3.1. Implementasi

A. Implementasi Rancangan antar Muka

1. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat

menggunakan konten yang terdapat pada halaman beranda administrator.

Jika berhasil, maka menampilkan halaman beranda admin.

2. Halaman Login Member

Untuk melakukan pembelian, konsumen diharapkan untuk mengisi login

member apabila belum mempunyai akun silahkan mendaftar terlebih

dahulu.

45

3. Halaman daftar member baru

Konsumen yang belum mempunyai akun diharapkan untuk mengisi form

yang terdapat pada login member setelah menekan link daftar disini.

46

4. Halaman Jenis Sepatu

Halaman Jenis Sepatu dapat ditambahkann, diubah ataupun dihapus oleh

administrator.

5. Halaman Data Sepatu/Produk

Halaman produk menambahkan, mengubah, dan mengapus produk yang

akan ditampilkan pada halaman pengunjung dan pelangggan.

47

6. Halaman Beranda

Halaman ini berisi banner untuk menarik perhatian pengunjung web.

7. Halaman Kategori

48

8. Halaman Pesan

Halaman pesan menyediakan pelanggan untuk berkomentar atau

memberikan pertanyaan mengenai produk.

49

B. Spesifikasi Sistem Komputer

1. Spesifikasi Perangkat Keras

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce

untuk pemesanan tiket pesawat.

a. Spesifikasi Perangkat Keras

1. Server

a. CPU

1) Processor Intel® Celeron®

2) RAM DDR2 4,00GB

3) Hard Disk 500 GB

b. Mouse

c. Keyboard

d. Monitor dengan resolusi layar minimum 1366x768

e. Koneksi internet dengan kecepatan 2 Mbps

2. Client

a. CPU

1) Processor Intel® Pentium® 4

2) RAM DDR2 1 GB

3) Hard Disk 20 GB

b. Mouse

c. Keyboard

d. Monioir dengan resolusi minimum 1024x768

50

e. Koneksi internet dengan kecepatan 56 kbps

b. Spesifikasi Perangkat Lunak

1) Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dll).

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad

yang terdiri dari beberapa komponen, diantaranya:

1. Aplikasi Apache Server v2

2. Aplikasi PHP Server v5

3. Aplikasi MySQL Server v5

4. Aplikasi phpMyAdmin v3

c. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

2) Client

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dll).

Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

51

3.3.2. Pengujian Unit

A. Pengujian Terhadap Form Login

Tabel III.10

Hasil Pengujian Black Box Testing Halaman Login Member

No. Skenario

Pengujian

Test

Case

Hasil yang

diharapkan

Hasil

Pengujian Kesimpulan

1.

Username

dan

Password

tidak diisi

kemudian

klik tombil

login

Username: (kosong)

Password : (kosong)

Sistem akan menolak

akses user dan akan

menampilkan

“Username atau

Password salah!”

Sesuai

harapan Valid

2.

Mengetikan

username

dan

password

tidak disi

atau kosong

kemudian

klik tombol

login

Username: admin

Password:

(kosong)

Sistem akan menolak

akses user dan akan

menampilkan

“Username atau

Password salah!”

Sesuai

harapan Valid

4.

Mengetikkan

salah satu

kondisi salah

pada

username

atau

password

kemudian

klik tombol

login

Username:

[email protected]

(benar)

Password:

web(salah)

Sistem akan menolak

akses user dan akan

menampilkan

“Username atau

Password salah!”

Sesuai

harapan Valid

5.

Mengetikkan

username

dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username:

[email protected]

(benar)

Password:

mili@123(benar)

Sistem menerima

akses login dan

kemudian akan

muncul kotak pesan

“Selamat datang to

kamilaaruzy@gmail”,

dan user akan dibawa

ke halaman koleksi.

Sesuai

harapan Valid

52

Tabel III.11.

Hasil Pengujian Black box Testing Halaman Login Admin

No

.

Skenario

Pengujian Test Case

Hasilyang

diharapkan

Hasil

Pengujia

n

Kesimpul

an

1.

Username

dan

Password

tidak

diisikemudi

an klik

tombil login

Username: (kosong)

Password : (kosong)

Sistem akan

menolak akses user

dan akan muncul

peringatan “maaf,

anda tidak terdaftar

sebagai admin di

website ini!”

Sesuai

harapan Valid

2.

Mengetikan

username

dan

password

tidak disi

atau kosong

kemudian

klik tombol

login

Username: tommy

Password:

(kosong)

Sistem akan

menolak akses user

dan akan muncul

peringatan “maaf,


sebagai admin di

website ini!”

Sesuai

harapan Valid

3.

Username

tidak

diisi(kosong

) dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username :

(kosong)

Password: (123)

Sistem akan

menolak akses user

dan akan muncul

peringatan “maaf,


sebagai admin di

website ini!”

Sesuai

harapan Valid

4.

Mengetikka

n salah satu

kondisi

salah pada

username

atau

password

kemudian

klik tombol

login

Username :

[email protected]

om

(benar)

Password:

kiki(salah)

Sistem akan

menolak akses user

dan akan muncul

peringatan “maaf,


sebagai admin di

website ini!”

Sesuai

harapan Valid

53

5.

Mengetikka

n username

dan

password

dengan data

yang benar

kemudian

klik tombol

login

Username :

tommy(benar)

Password:

tommy(benar)

Sistem menerima

akses login dan

kemudian akan

muncul kotak

pesan “Selamat

datang to

kamilaaruzy@gmai

l”, dan user akan

dibawa ke halaman

koleksi.

Sesuai

harapan Valid

Tabel III.12.

Hasil Pengujian Black box Testing Halaman Pendaftaran

No. Skenario

Pengujian Test Case

Hasilyang

diharapkan

Hasil

Pengujian Kesimpulan

1.

Semua kolom

tidak diisi, lalu

klik proses daftar

Email:

(kosong)

Password:

(kosong)

Nama

Lengkap :

(kosong)

No. Telepon :

(kosong)

JK: (kosong)

Tgl Lhr:

(kosong)

Alamat :

(kosong)

Sistem tidak

memproses

penyimpanan

data dan

menampilkan

pesan error pada

tiap kolom yang

kosong

Sesuai

harapan Valid

2.

Salah satu kolom

diisi dan kolom

yang lain kosong

Email:

(kosong)

Password:

(kosong)

Nama

Lengkap :

(kamila)

No. Telepon :

(kosong)

JK: (kosong)

Tgl Lhr:

(02/04/1996)

Sistem tidak

memproses

penyimpanan

data dan

menampilkan

pesan error pada

tiap kolom yang

kosong. Kecuali

pada kolom yang

terisi

Sesuai

harapan Valid

54

Alamat :

(kosong)

3.

Email diisi

dengan format

yang salah

Email: mella

(salah)

Password:

(mili@123)

Nama

Lengkap :

(kamila)

No. Telepon :

(0897795383

6)

JK:

(perempuan)

Tgl Lhr:

(02/04/1996)

Alamat :

senen

Sistem tidak

memproses

penyimpanan data

dan menampilkan

pesan error pada

email “Please

enter an email

address”

Sesuai

harapan Valid

4.

Username diisi

dengan username

yang sudah

terdaftar sebagai

member

Email:

(kosong)

Password:

(kosong)

Nama

Lengkap :

(kosong)

No. Telepon :

(kosong)

JK: (kosong)

Tgl Lhr:

(kosong)

Alamat :

(kosong)

Sistem tidak

memproses

penyimpanan data

dan menampilkan

pesan error maaf,

alamat email anda

sudah dipakai.

Thanks”

Sesuai

harapan Valid

5.

Semua kolom

diisi dengan

benar

Email:

bmeiylla@g

mail.com

Password:me

lla

Nama

Lengkap :

mella aruzzy

No. Telepon

:0897795383

6

JK:

perempuan

Sistem

memproses

penyimpanan data

dan menampilkan

pesan

“Pendaftaran

member baru

berhasil, silahkan

login dengan

username dan

password anda”

Sesuai

harapan Valid

55

Tgl Lhr:

02/04/1996

Alamat

:senen

56

BAB IV

PENUTUP

4.1. Kesimpulan

Dari hasil pembahasan tentang Sistem Informasi Penjualan Sepatu

Berbasis Web, maka diambil kesimpulan :

1. Dengan adanya sistem informasi ini, memudahkan pengguna sistem dalam

mengelola dan mengembangkan usahanya serta memaksimalkan

penjualan.

2. Mempermudah pengguna sistem dalam pencarian data, pengolahan data

dan pembuatan laporan

3. Memberikan keuntungan kepada pengguna sistem dalam hal jam

operasional yang lebih lama dibandingkan dengan toko biasa dan

ketersediaan data yang lebih akurat

4. Memudahkan pelanggan dalam hal efisiensi waktu dalam proses transaksi,

karena menggunakan jaringan internet yang dapat diakses dimanapun dan

kapanpun.

57

4.2 Saran

Untuk pengembangan lebih lanjut maka penulis memberikan saran yang

berkaitan dengan website ini, yaitu :

1. Pengguna sistem atau admin harus memberikan informasi yang mendetail

kepada konsumen tentang barang atau produk yang dijual serta

menentukan regulasi tentang peraturan dan tatacara berbelanja.

2. Memberikan pelayanan informasi untuk membantu konsumen yang

memerlukan informasi tambahan. Hal tersebut perlu dilakukan untuk

memberikan rasa aman dan meningkatkan kepercayaan konsumen untuk

membeli barang atau produk dari website ini.

3. Melakukan back up dan pengarsipan data untuk mencegah hal-hal yang

tidak dinginkan.

58

DAFTAR PUSTAKA

Agung. 2012. Buku Pintar HTML5+CSS3+Dreamweaver CS6. Jakarta: PT Elex

Media Komutindo

Bahra bin Ladjamuddin B. 2006. Rekayasa Perangkat Lunak Yogyakarta: Graha

Ilmu.

Binanto, Iwan. 2010. Multimedia Digital-Dasar teori dan Pengembangannya

Yogyakarta: Andi

Kristanto, Andri, 2010.kupas Tuntas PHP & MySQL. Klaten : Cable Book

Manzur, aunurrofiq. 2010. 141 Add-ons Pilihan Untuk Firefox. Jakarta: Pt Elex

Media Komputindo

Rahman, su. 2013. Cara Gampang Bikin CMS PHP Tanpa Ngoding. Jakarta: PT

Transmedia

Sugiri, Budi Kurniawan. 2007. Desain Web Menggunakan HTML dan CSS.

Yogyakarta: Andi

Sukamto, Rosa A dan M. Shalahuddin. 2013. Rekayasa Perangkat Lunak

Terstruktur dan Berorientasi Objek. Bandung: Informatika Bandung

Talib, Haer. 2010. Panduan Praktis Menguasai Komputer. Jakarta: PT Elex Media

Komputindo

Wicaksono, Yogi. 2008. Membangun Bisnis Online dengan Mambo. Jakarta: PT

Elex Media Komputindo

Yakub. 2010. Sistem Basis Data Tutorial Konseptual. Jakarta: Graha Ilmu

Yuhefizar. 2008. 10 Jam menguasai Internet Teknologi dan Aplikasinya. Jakarta:

PT Gramedia

59

Yuhefizar, HA Mooduto, Rahmat Hidayat. 2009. Cara Mudah Membangun

Website Interaktif menggunakan Content management System

Joomla (CMS) Edisi Revisi. Jakarta: PT Elex Media Komputindo

Zaki, Ali. 2009. Teknik Hacking Dan Overlay Friendster. Jakarta: PT Elex Media

Komputindo

60

DAFTAR RIWAYAT HIDUP

A. Biodata Mahasiswa

N.I.M : 12142022

Nama Lengkap : Kamila

Tempat & Tanggal Lahir : Aceh Tengah, 02 April 1996

Alamat Lengkap :.Jl.Prapatan No.18 Asrama Brimob

Kwitang

B. Riwayat Pendidikan Formal & Non-Formal

1. 2002-2007 : SDN 02 Takengon, Aceh Tengah

2. 2007-2010 : SMPN 10 Unggul, Aceh Tengah

3. 2010-2013 : SMAN 01, Aceh Tengah

Jakarta, 02 Juli 2017

Kamila

61

LAMPIRAN

Lampiran A.1. Halaman Detail Barang

Lampiran A.2. Halaman Form Pemesanan

62

Lampiran A.3. Halaman Invoice

Lampiran A.4. Halaman Konfirmasi

63

Lampiran B.1. Halaman Data Barang

Lampiran A.1. Halaman Tabel Transaksi

Documents

KARMILA NIM : 12142022...PERANCANGAN SISTEM INFORMASI PENJUALAN SEPATU BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat keluluan Diploma Tiga (D.III) KARMILA NIM