PERANCANGAN SISTEM INFORMASI PENJUALAN

PAKAIAN BERBASIS WEB PADA

DISTRO MAINSTAY BEKASI

TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

ARFI ANDIAS
NIM: 12153791

Program Studi Manajemen Informasi

AMIK BSI Bekasi
Bekasi
2018
 ABSTRAK

Arfi Andias (12153791), Perancangan Sistem Informasi Penjualan Pakaian

Berbasis Web Pada Distro Mainstay Bekasi.

Bisnis penjualan pakaian salah satu bisnis yang sangat cepat berkembang,
sehingga persaingan bisnis untuk memperoleh pelanggan dan keuntungan semakin
meningkat. Berbagai strategi dilakukan pengusaha agar mampu bersaing,
membuka cabang berbagai daerah agar dapat menjangkau pelanggan, namun
trategi tersebut membutuhkan biaya yang sangat besar. Berdasarakan riset yang
penulis lakukan, hal tersebut juga menjadi permasalahan pada Distro Mainstay
Bekasi. saat ini juga mendapatkan informasi tentang produk-produk masih harus
menggunakan cara manual seperti datang langsung ke toko, dari orang ke orang,
serta melalui meda cetak seperti brosur atau katalog. Dan pembeli hanya bisa
dilakukan secara langsung ditoko. Untuk itu penulis membuat tugas akhir tentang
Perancangan Sistem Informasi Penjualan Pakaian berbasis web yang diharapkan
dapat menjadi solusi bagi masalah yang dihadapi Distro Mainstay Bekasi. pada
masa perkembangan internet saat ini e-commerce menjadi salah satu aplikasi
website yang mudah untuk mencari informasi. Kita dapat melakukan bisnis
transaksi kapan saja dimana saja tanpa perlu menghabiskan biaya dan waktu.
Sehingga mempermudah pembeli dalam melakukan semua proses transaksi
pembeli dan mempermudah mengelola data-data yang berkaitan dalam penjualan
dan mempromosikan produk-produk Mainstay hingga keberbagai daerah.

Kata Kunci : Sistem Informasi Penjualan Penjualan Pakaian berbasis Web

 ABSTRACK

Arfi Andias (12153791), Design of web-Based Clothing Infornation System On

Mainstay Distro Bekasi.

The clothing sales business is one of the fastest growing businesses, so

business competition for customers and profits is increasing. Various strategies
are implemented by entrepreneurs to be able to compete, open branches in
various regions in order to reach customers, but these strategies require huge
costs. Based on the research that the author did, this also became a problem in
the Bekasi Mainstay Distro. currently also getting information about products still
have to use manual methods such as coming directly to the store, from person to
person, and through print meda such as brochures or catalogs. And buyers can
only be done directly in the shop. For this reason the author makes a final
assignment about the design of a web-based clothing sales information system
which is expected to be a solution to the problems faced by the Bekasi Mainstay
Distro. during the development of the internet, e-commerce is now one of the
easiest website applications to find information. We can do business transactions
anytime anywhere without spending time and money. So that makes it easier for
buyers to carry out all the transaction transaction processes and make it easier to
manage data relating to sales and promote Mainstay products to various regions.

Keywords: Sales Information Systems, Web-based Clothing Sales

 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 ........................................................................................................ vi
Abstrak ................................................................................................................... viii
Daftar Isi....................................................................................................................x
Daftar Gambar......................................................................................................... xii
Daftar Tabel. ........................................................................................................... xiv
Daftar Lampiran .......................................................................................................xv

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

1.1 Latar Belakang ..................................................................................1
1.2 Tujuan dan Manfaat .................................................................... 2
1.3 Metode Penelitian ..............................................................................3
1.4 Ruang Lingkup ..................................................................................5

BAB II LANDASAN TEORI ........................................................ 7

2.1 Konsep Dasar Web ............................................................... 7
A. Website .................................................................................. 7
B. Bahasa Pemograman .....................................................................9
C. Basis Data ....................................................................................11
D. Model Pengembangan Perangkat Lunak .....................................12
2.2 Teori Pendukung ..............................................................................13
A. Struktur Navigasi .........................................................................14
B. ERD (Entity Relationship Diagram) ...........................................16
C. LRS (Logical Record Structure) ..................................................17
2.3 Implementasi dan Pengujian Web ....................................................17

BAB III PEMBAHASAN .................................................................................18

3.1 Tinjauan Perusahaan .........................................................................18

x
 1. Sejarah Perusahaan ......................................................................18
2. Struktur Organisasi ......................................................................18
3.2 Analisa Kebutuhan ...........................................................................19
A. Identifikasi Kebutuhan Pengguna ................................................19
B. Identifikasi Kebutuhan Sistem .....................................................20
3.3 Rancangan Dokumen........................................................................21
A. Rancangan Dokumen Masukan (Input) .......................................21
B. Rancangan Dokumen Keluaran (Output) ....................................22
3.4 ERD (Entity Relationship Diagram) ................................................23
A. ERD (Entity Relationship Diagram) ...........................................23
B. LRS (Logical Record Structure) ..................................................24
3.5 Spesifikasi File .................................................................................25
3.6 Pengkodean.......................................................................................37
3.7 Spesifikasi Program ..........................................................................37
A. Rancangan Struktur Navigasi ......................................................37
3.8 Implementasi ....................................................................................39
A. Implementasi Rancangan Antar Muka ........................................39
3.9 Pengujian Unit ..................................................................................56

BAB IV PENUTUP . .......................................................................................61

4.1. Kesimpulan ......................................................................................61
4.2. Saran ...............................................................................................61

DAFTAR PUSTAKA ..............................................................................................

DAFTAR RIWAYAT HIDUP ................................................................................
SURAT KETERANGAN PKL ...............................................................................
LAMPIRAN-LAMPIRAN ......................................................................................

xi
 DAFTAR SIMBOL

A. Entity Relationship Diagram (ERD)

Entitas atau entity

Nama_Entitas Entitas merupakan data inti yang akan

disimpan, membuat tabel pada basis
data, biasanya mengacu pada benda yang terlib
at dalam aplikasi yang akan dibuat

Atribut atau Elemen Data

Nama_Atribut
Field atau kolom data yang butuh disimpan dalam
suatu entitas

Atribut Kunci Primery

Field atau kolom data yang butuh disimpan dalam
Kunci Primery suatu entitas dan digunakan sebagai kunci akses
record yang di inginkan; biasanya berupa id atau
kode yang tidak boleh sama
atau jika lebih dari satu maka kombinasinya tidak
boleh sama; kunci pemanggil benda sepertihalnya
nama pada manusia

Relasi
Nama_Relasi
Relasi yang menghubungkan antar
entitas biasanya di awali dengan kata kerja; biasany
a juga mendefinisikan relasi proses
antar entitas/benda yang terkait dengan aplikasi

Connection

Penghubung antara relasi dan entitas dimana dikedua

ujungnya memilki multiplicitykemungkinan jumlah
pemakaian.

xii
 DAFTAR GAMBAR
Halaman

Gambar II.1 Ilustrasi Model Waterfall ........................................................... 13

Gambar II.2 Struktur Navigasi Linier ............................................................ 14
Gambar II.3 Struktur Navigasi Non-Linier .................................................... 15
Gambar II.3 Struktur Navigasi Hierarki ......................................................... 15
Gambar II.3 Struktur Navigasi Campuran ..................................................... 16
Gambar III.1 Struktur Organisasi ................................................................... 19
Gambar III.2 ERD (Entity Relationship Diagram) ........................................ 23
Gambar III.3 LRS (Logical Record Structure)............................................... 24
Gambar III.4 Rancangan Struktur Navigasi Pengunjung ............................... 38
Gambar III.5 Rancangan Struktur Navigasi Member..................................... 38
Gambar III.6 Rancangan Struktur Navigasi Admin ....................................... 39
Gambar III.7 Implementasi Login Admin ...................................................... 40
Gambar III.8 Implementasi Beranda Admin .................................................. 41
Gambar III.9 Implementasi Data Berita ......................................................... 41
Gambar III.10 Implementasi Data Produk ..................................................... 42
Gambar III.11 Implementasi Tambah Produk ................................................ 42
Gambar III.12 Implementasi Kategori Produk ............................................... 43
Gambar III.13 Implementasi Data Pelanggan ................................................ 43
Gambar III.14 Implementasi Tambah Pelanggan ........................................... 44
Gambar III.15 Implementasi Data Transaksi ................................................. 44
Gambar III.16 Implementasi Laporan Transaksi............................................ 45
Gambar III.17 Implementasi Data Banner ..................................................... 45
Gambar III.18 Implementasi Tambah Banner ................................................ 46
Gambar III.19 Implementasi Data Rekening.................................................. 46
Gambar III.20 Implementasi Tambah Rekening ............................................ 47
Gambar III.21 Implementasi Data User ......................................................... 47
Gambar III.22 Implementasi Tambah User.................................................... 48

xiii
Gambar III.23 Implementasi Konfigurasi ...................................................... 48
Gambar III.24 Implementasi Home Pengunjung ............................................ 49
Gambar III.25 Implementasi Collection ......................................................... 50
Gambar III.26 Implementasi Contac Us ........................................................ 51
Gambar III.27 Implementasi Login Member.................................................. 52
Gambar III.28 Implementasi Register ............................................................ 53
Gambar III.29 Implementasi Your Shopping Cart ......................................... 54
Gambar III.30 Implementasi Payment Confirmation ..................................... 55

xiv
 DAFTAR TABEL
Halaman

Tabel III.1 Spesifikasi File Banner .........................................................................25

Tabel III.2 Spesifikasi File Berita ...........................................................................26
Tabel III.3 Spesifikasi File Config ..........................................................................27
Tabel III.4 Spesifikasi File Countries .....................................................................28
Tabel III.5 Spesifikasi File Gambar Produk ...........................................................29
Tabel III.6 Spesifikasi File Kategori Berita ............................................................29
Tabel III.7 Spesifikasi File Banner .........................................................................25
Tabel III.8 Spesifikasi File Produk .........................................................................31
Tabel III.9 Spesifikasi File Transaksi .....................................................................32
Tabel III.10 Spesifikasi File Pembayaran ...............................................................34
Tabel III.11 Spesifikasi File Kategori Produk ........................................................35
Tabel III.12 Spesifikasi File Rekening ...................................................................35
Tabel III.1 Spesifikasi File User .............................................................................36

xv
 DAFTAR LAMPIRAN

Halaman

B.1. Laporan Harga Produk .....................................................................................66

B.2. Laporan Transaksi ............................................................................................67

xvi
 BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Bisnis penjualan pakaian salah satu bisnis yang sangat cepat berkembang,

karena pakaian merupakan salah satu barang yang wajib dimiliki oleh setiap

orang. Sehingga persaingan bisnis untuk memperoleh pelanggan dan keuntungan

juga semakin meningkat. Berbagai strategi dilakukan pengusaha agar mampu

bersaing, membuka cabang diberbagai daerah agar dapat menjangkau pelanggan,

namun strategi tersebut membutuhkan biaya yang sangat besar. Pesatnya

teknologi internet merupaka sebuah peluang untuk mengembangkan usaha untuk

membuat website sebagai media promosi suatu produk, yang menggantikan media

sebelumnya yaitu brosur, pamplet, dan sebagainya (Christiana, 2018). Kita juga

dapat melakukan bisnis transaksi kapan saja dan dimana saja tanpa perlu

menghabiskan biaya dan waktu. E-Commerce adalah suatu proses yang dilakukan

konsumen dalam membeli dan menjual berbagai produk secara elektronik dari

penjual ke pembeli dengan menggunakan komputer sebagai perantara transaksi

bisnis yang dilakukan.

Pembeli mendapatkan informasi tentang produk-produk yang dijual masih

harus menggunakan cara manual seperti datang langsung ke toko, dari orang ke

orang, serta melaui media cetak seperti brosur atau katalog. Pembeli pun ketika

ingin mendaftar menjadi member harus datang ke toko untuk mengisi formulir

pendaftaran member secara tertulis dan melengkapi syarat-syarat untuk menjadi

member. Ketika pembeli sudah memilih produk yang ingin dibeli maka pembeli

1
 2

harus mendatangi kasir untuk melakukan pembayaran secara tunai, setelah itu

pembeli mendapatkan nota pembelian sebagai bukti telah melakukan transaksi.

Pegawai pun masih menggunakan cara manual untuk mengelola data produk-

produk yang dijual dengan cara ditulis dalam buku besar yang dinamai dokumen

data produk. Begitu pun dalam mengelola data customer, pegawai masih

menggunakan cara yang sama dengan pengelolaan data produk yang dinamai

dokumen data customer. Untuk mengelola data transaksi pegawai mencatat setiap

terjadin ya transaksi dalam buku besar yang dinamai dokumen data transaksi yang

akan menjadi acuan dalam pembuatan laporan harian, mingguan, dan bulanan

yang disimpan pada rak khusus agar rapih dan mudah untuk mencarinya.

Solusi yang diajukan untuk mengatasi masalah tersebut adalah dengan E-

commerce, keutungan yang di peroleh dari E-commerce, adalah menigkatkan

pendapatan dengan penjualan secara online yang biayanya lebih murah dan juga

sekaligus mengurangi biaya-biaya operasional seperti kertas untuk promosi, dan

mengembangkan aplikasi web E-commerce untuk mempermudah penggunaaan

dalam bertransaksi kapan dan dimanapun.

1.2. Tujuan dan Manfaat

Tujuan dari penulisan Tugas Akhir ini adalah:

1. Mempermudah pembeli dalam malakukan semua proses transakasi

pembelian.

2. Mempermudah pegawai untuk mengelola data-data yang berkaitan dengan

proses transaksi penjualan pada di`stro Mainstay.

 3

3. Memperluas jangkauan dalam penjualan dan mempromosikan produk-

produk Mainstay hingga ke berbagai daerah.

Sedangkan manfaat penulisan Tugas Akhir adalah sebagai berikut:

1 Manfaat untuk Penulis sebagai salah satu syarat kelulusan Program Diploma

Tiga (D.III) pada program studi Manajemen Informatika di Akademi

Manajemem Informatika dan Komputer Bina Sarana Informatika (AMIK

BSI)

2 Manfaat untuk objek penelitian

a Sebagai bahan evaluasi terhadap sistem yang sedang berjalan

b Menghasikan suatu informasi yang cepat dan akurat dalam membantu dan

mempermudah proses penjualandan pemasaran produk.

3 Manfaaat untuk Pembaca

Memberi pemahan mengenai konsep perancangan sistem penjualan dan

pemasaran produk sehingga optimal.

1.3. Metode Penelitian

Agar hasil yang diinginkan dapat tercapai dengan baik dan tepat diperlukan

beberapa metode penelitian dan pengumpulan data. Adapun metode penelitian dan

pengumpulan data yang digunakan penulis dalam menyusun tugas akhir ini adalah

sebagai berikut:

A. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini

menggunakan model water fall yang terbagi menjadi lima tahapan, yaitu:
 4

1. Analisa kebutuhan perangkat lunak

Penulis menganalisa perangkat lunak agar dapat menyelesaikan

masalah dalam transaksi jual beli pakaian secara online. Seperti dalam

pemilihan produk, cara pemesanan dan pembayaran, hingga

pengiriman barang yang dapat membantu menghemat waktu dan

biaya.

2. Desain

Dalam tahap pembuatan desain penulis merancang terlebih dahulu

tampilan untuk website tersebut dan untuk merancang tampilan

website penulis menggunakan struktur navigasi. LRS (Logical Record

Structure) untuk menentukan kardinalitas, jumlah table, dan foreign

key. ERD (Entity Relationship Diagram) untuk mengimplementasikan

basis data secara logika dan secara fisik. Serta XAMPP sebagai web

server database untuk menyimpan data-data yang digunakan didalam

web ini.

3. Pembuatan kode program

Dalam tahap ini penulis melakukan pengkodean menggunakan Adobe

Dreamweaver, Javascript, Cascading Style Sheet (CSS), jQuery,

menggunakan Bahasa Pemrograman PHP dan MySQL sebagai

database.

4. Pengujian

Dalam tahap pengujian website, metode yang dipakai adalah metode

black box testting agar lebih mudah dan lebih cepat untuk menguji

fungsional dari website yang sudah dibuat.

 5

B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan Tugas Akhir adalah:

1. Metode Observasi (Pengamatan Langsung)

Metode ini merupakan metode pengamatan dan pencatatan secara

sistematik terhadap semua data yang bekaitan dengan penjualan pada

distro Mainstay.

2. Metode Wawancara

Metode ini merupakan metode yang digunakan penulis untuk

memenuhi tugas akhir dengan cara menggunakan tanya jawab kepada

salah satu pemilik dan karyawan distro Mainstay.

3. Metode Studi Pustaka

Dengan metode studi pustaka ini penulis, mendapatkan sumber data

dari buku- buku dan makalah-makalah yang berhubungan dengan

studi literature pada buku atau referensi yang berkaitan dengan

perancangan desain web, artikel-artikel dan lain sebagainya serta situs-

situs internet yang menujang.

1.4. Ruang Lingkup

Dalam penulisan Tugas Akhir ini, penulis membahas tentang e-commerce

penjualan pakaian berbasis web pada distro Mainstay Bekasi. Pada distro

mainstay menjual berbagai macam produk pakaian seperti kaos, kemeja dan

jaket. Mengingat pembahasan luas agar tugas akhir ini dapat mencapai sasaran

maka ruang lingkup pembahasan meliputi front end yaitu home, colecctions,
 6

contacst us, category dan login member, untuk back end terdapat Login Admin,

meliputi dashbord, berita, produk, pelanggan, transaksi, banner, data rekening,

user, konfigurasi. Perangkat lunak yang digunakan untuk membuat web ini terdiri

dari: Adobe Dreamweaver, Bahasa pemrograman mengunakan PHP dan MySQL

sebagai database.
 BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Pembuatan tugas akhir ini tidak lepas dari teori-teori yang mendukung

kemudahan dalam mempelajari dan merancang program aplikasi.

A. Website

(Setiyawati and Sardiarinto 2016)“Website adalah suatu sistem yang

berkaitan dengan dokumen yang digunakan sebagai media untuk menampilkan

gambar, teks, multimedia dan lainnya yang ada pada jaringan internet”.

Menurut Abdulloh (2015:1), “Website atau disingkat web, dapat diartikan

sekumpulan halaman yang terdiri dari beberapa laman yang berisi informasi

dalam bentuk data digital baik berupa text, gambar, video, audio, dan animasi

lainnya yang disediakan melalui jalur koneksi internet”.

Dalam pembuatan website ini dibutuhkan beberapa tools perangkat lunak,

diantaranya sebagai berikut:

1. Internet

Menururt (Pranta and Hidayatun 2016), “Internet kumpulan komputer yang

saling terhubung satu dengan yang lain dalam sebuah jaringan”.

Menurut Hidayatullah (2014:1), “Internet merupakan jaringan global yang

menghubungkan komputer-komputer di seluruh dunia”.

Menurut Irawan (2015:2),“Internet singkatan dari intrconnetion networking,

yang berarti rangkaian komputer terhubung menjadi beberapa rankaian jaringan.

7
 8

Sistem komputer terhubung secara global dan menggunakan TPC/IP sebagai

protokol”.

2. Web Browser

(Po, Ai, and Cobit 2013) menjelaskan bahwa “Web browser adalah software

yang digunakan untuk menampilkan informasi dari web. Software ini kini telah

dikembangkan dengan menggunakan user interface grafis, sehingga pemakai

dapat dengan melakukan „point dan click‟ untuk pindah antardokumen.”

Menurut Irawan (2015:3) menjelaskan bahwa “Web Browser adalah aplikasi

yang digunakan untuk menampilkan halaman web beserta kontennya. Beberapa

aplikasi browser yang banyak digunakan antara lain Internet Explorer, Firefox,

Chrome, dan Opera”.

3. Web Server

Andi (2016:22), “Web Server adalah suatu program komputer yang

mempunyai tanggung jawab atau tugas menerima permintaan HTTP dari
komputer klien, yang di kenal dengan nama web browser, dan melayani mereka
dengan menyediakan respon HTTP berupa konten data, biasa nya berupa halaman
web yang terdiri dari dokumen HTML, dan objek terkait seperti gambar dan lain-
lain”.

(Sumarna 2015), “ Web server adalah sebuah perangkat lunak server yang

berfungsi menerima permintaan HTTP atau HTTPS dari client yang di kenal

dengan web browser, dan mengirim kembali hasil dalam bentuk halaman-halaman

web yang umumnya berbentuk dokumen HTML.

 9

4. E-Commerce

(Wardani and Sari 2017), “ E-commerce diartikan sebagai suatu proses

berbisnis dengan menggunakan teknologi elektronik yang menghubungkan antar

perusahaan, konsumen dan masyarakat dalam bentuk transaksi elektronik dan

pertukaran/penjualan barang, servis, dan informasi secara elektronik”.

Kim dan Moon di tahun 1998 di dalam I Putu Agus Eka Pratama (2015:2)

menyatakan bahwa E-Commerce adalah proses untuk mengantarkan informasi,

produk, layanan, dan proses pembayaran, melalui kabel telepon, koneksi internet,

dan akses digital lainnya.

Quayle di tahun 2002 di dalam I Putu Agus Eka Pratama (2015:2) juga tidak
mau kalah untuk menambahkan definisi dari E-Commerce, E-Commerce
didefinisikan sebagai berbagai bentuk pertukaran data elektronik atau Electronic
Data Interchange (EDI) yang melibatkan penjual dan pembeli melalui perangkat
mobile, E-Mail, perangkat terhubung mobile, didalam jaringan internet dan
intranet”.

B. Bahasa Pemrograman

1. HTML (Hyper Text MarkupLanguage)

(Hayuningtyas 2017), “HTML merupakan singkatan dari Hypertext Markup

Language, artinya bahasa markup yang digunakan untuk membuat sebuah

halaman web dan menampilkan berbagai informasi didalam sebuah browser

internet.

Menurut Andi (2016:33), “Hyper Text Markup Languange (HTML) adalah

suatu bahasa yang digunakan untuk membuat halaman web”.

 10

2. PHP (PHP Hypertext Preprocessor)

Menurut Winarno (2013:59), “PHP adalah bahasa pemrograman yang

memungkinkan anda menggenerate kode HTML secara dinamis, artinya anda bisa

membuat tampilan halaman web yang dinamis bisa berubah-ubah sesuai dengan

keinginan programernya”.

(AS and Septiani 2016) “PHP adalah akronim dari Hypertext preprocessor,

yaitu suatu bahasa pemograman berbasiskan kode-kode (script) yang di gunakan

untuk mengelola suatu data dan mengirimkannya kembali ke web browser

menjadi HTML”.

3. CSS (Cascanding Style Sheet)

Menurut Andi (2016:47), “CSS adalah kumpulan kode-kode yang berurutan

dan saling berhubungan untuk mengatur format atau tampilan suatu halaman

HTML”.

Menurut Prasetio (2014:252), menjelaskan bahwa “CSS adalah suatu

teknologi yang digunakan untuk memperindah tampilan halaman website (situs)”.
Dengan atribut CSS, user memiliki kemampuan untuk:
a. Mengatur posisi secara absolute,
b. Mengubah warna,
c. Mengubah ukuran front,
d. Mengubah margin,
e. Dan lain sebagainya.

4. JavaScript

Menurut Prasetio (2014:291), “JavaScript adalah bahasa pemograman yang

digunakan untuk membuat web lebih dinamis dan interatif. JavaScript terintegrasi

langsung dengan HTML”.

 11

Menurut Andi (2016:53), “JavaScript adalah bahasa script yang

ditempelkan pada kode HTML dan dip roses dari sisi Client”.

C. Basis Data

Menurut Priyadi (2013:1), “Basis data terdiri dari sekumpulan table yang

saling berelasi atau pun tidak berelasi. Semua table tersebut merupakan

representasi tempat untuk menyimpan data yang mendukung fungsi dari basis data

tersebut pada suatu sistem”.

Menurut Pahlevi (2013:1), “Basis data adalah sekumpulan data yang salng

berhubungan secara logis beserta deskripsinya, yang digunakan secara bersama-

sama dan dirancang untuk memenuhi kebutuhan informasi di suatu tempat”.

1. MySQL

Menurut Prasetio (2014:183), “MySQL adalah sebuah server database open

source, yang paling popular keberadaanya. MySQL umumnya digunakan

bersamaan dengan script PHP untuk membuat aplikasi server yang dinamis dan

powerfull”.

Menurut Sadeli (2014:20), “MySQL adalah database yang mengubungkan

script php menggunakan perintah query dan escaps character yang sama dengan

php. MySQL mempunyai tampilan client yang mempermudah anda dalam

mengakses database dengan kata sandi untuk mengizinkan proses yang bisa anda

lakukan”.
 12

2. PHPMyAdmin

Menurut Sadeli (2014:20), “phpmyadmin adalah sebuah software yang

berbentuk seperti halaman situs yang terdapat pada web server”.

3. XAMPP

Menurut Yudhanto dan Purbayu (2014:11), “XAMPP merupakan program

paket PHP dan MySQL berbasis open source yang saat ini merupakan andalan

para programmer PHP dalam melakukan programming dan melakukan testing

hasil programnya”.

(Ferdika and Kuswara 2017), “XAMPP adalah sebuah software web server

apache yang didalam sudah tersedia database server MySQL dan dapat

mendukung pemograman PHP”.

D. Model Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini

menggunakan model air terjun (waterfall).

Menurut Sukamto dan Shalahuddin (2013:28) menjelaskan bahwa:

“Model SDLC (Software Development Life Cycle) waterfall adalah model
sekuensial linier (sequential linear) atau alur hidup klasik (classic life cycle).”
Model waterfall menyediakan pendekatan alur hidup perangkat lunak secara
sekuensial atau turut dimulai dari analisis, desain, pengkodean, pengujian, dan
tahap pendukung.
 13

Sumber : Menurut Sukamto dan Shalahuddin (2013:28)

Gambar II.1 Ilustrasi Model Waterfall

Adapun penjelasan dari gambar II.1 adalah:

1. Analisis kebutuhan perangkat lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk
memspesifikasikan kebutuhan perangkat lunak agar dapat dipahami
perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi
kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multi langka yang fokus pada desain
pembuatan program perangkat lunak termasuk struktur data, arsitektur
perangkat lunak, representasi antarmuka, dan prosedur pengkodean. Tahap
ini menstranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan
ke representasi desain agar dapat diimplementasikan menjadi program pada
tahap selanjutnya. Desain perangkat lunak yang dihasil kan 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 sesuai dengan desain yang telah dibuat
pada tahap desain.
4. Pengujian
Pengujian fokus pada perangkat lunak dari segi logika dan fungsional dan
memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan
sesuai dengan yang diinginkan.

2.2. Teori Pendukung

Adapun teori-teori yang mendukung kemudahan dalam mempelajari dan

merancang program aplikasi ini sebagai berikut :

 14

A. Struktur Navigasi

(Hidayat, Catur, and Ningrum 2017) “Struktur navigasi merupakan

hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu
mengorganisasikan seluruh elemen aplikasi dengan pemberian perintah dan pesan
yang memberikan kemudahan dalam menganalisa interaktif seluruh objek dalam
aplikasi dan bagai mana pengaruh interaktif terhadap pengguna”.

Andriansyah (2017:61), “Dalam sebuah pemrograman website diperlukan

struktur navigasi sebagai bentuk penggambaran dari halaman-halaman apa saja

yang tersedia didalam websit”.

Ada empat macam bentuk dasar dari struktur navigasi yang biasa

digunakan yaitu :

1. Struktur Navigasi Linier

Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte

informasi ke informasi lainnya.

Sumber : Andriansyah (2017:62)

Gambar II.2 Struktur Navigasi Linier

2. Struktur Navigasi Tidak Berurut(Non Linear)

Struktur navigasi non-linier merupakan pengembangan diperkenankan

membuat navigasi bercabang. Percabangan yang dibuat pada struktur non-

linier ini berbeda dengan percabangan non- linier ini walaupun terdapat

percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama

yaitu tidak ada Master Page dan Slave Page, pengguna akan melakukan
 15

navigasi dengan bebas melalui isi proyek dengan tidak terkait dengan jalur

yang sudah ditentukan sebelumnya.

Sumber : Andriansyah (2017:62)

Gambar II.3 Struktur Navigasi Tidak Berurut (Non-Linier)

3. Struktur Navigasi Hierarki (Hierarchi)

Struktur dasar ini disebut juga struktur linier dengan percabangan karena

pengguna melakukan navigasi disepanjang cabang pohon struktur yang

terbentuk oleh logika isi.

Sumber : Andriansyah (2017:62)

Gambar II.4 Struktur Navigasi Hirarki (Hierarchi)

 16

4. Struktur Navigasi Campuran (Composite)

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

terkadang dibatasi presentasi linier film atau informasi penting dan pada

data yang paling terorganisasi secara logis pada suatu hirarki.

Sumber: Andriansyah (2017:63)

Gambar II.5 Struktur Navigasi Campuran (Composite)

B. ERD (Entity Relationship Diagram)

Menurut Sukamto dan Shalahuddin (2016:53), “ERD (entity relationship

diagram) digunakan untuk pemodelan basis data relasional. Sehingga jika
penyimpanan basis data menggunaan OODBMS maka perancangan basis data
tidak perlu menggunakan ERD”.
Dengan diagram hubungan entitas ini kita dapat menguji model dengan
mengabaikan proses yang harus dilakukan. Diagram hubungan entitas dapat
membantu dalam menjawab persoalan tentang datayang diperlukan dan
bagaimana data tersebut saling berhubungan. ERD terbagi atas empat komponen,
yaitu:
1. Entitas (Entity)
Entitas merupakan benda yang memiliki data dan harus disimpan datanya
agar dapat diakses oleh aplikasi komputer, penamaan entitas biasanya lebih
kekata benda dan belum merupakan nama table. Entitas dinyatakan dengan
simbol persegi panjang.
2. Atribut (Atributte)
Atribut (atributte) merupakan field atau kolom data yang butuh disimpan
dalam suatu entitas. Atribut digambarkan dalam bentuk lingkaran atau elips.
Atribut yang menjadi kunci entitas atau key diberi garis bawah.
3. Relasi (Relation)
Relasi atau hubungan adalah kejadian atau transaksi yang terjadi diantara
dua entitas yang keterangannya perlu disimpan dalam basis data.
Penghubung antara himpunan relasi dengan himpunan entitas dengan atribut
dinyatakan dalam bentuk garis. Relasi biasanya diawali dengan kata kerja.
 17

4. Kardinalitas (Kardinality)
Menunjukan julmah maksimum entitas yang dapat berelasi dengan entitas
pada himpunan entitas yang lain.

C. LRS (Logical Record Structure)

Menurut Lajdamudin (2013:210), “Logical Record Structure adalah aturan

dalam melakukan transformmasi ERD Diagram ke Logical Record Structure
setiap entity akan diubah kebentuk sebuah kotak dengan nama entity berada diluar
kotak dan atribut berada didalam kotak. Sebuah relasi kadang disatukan dalam
sebuah kotak bernama entity, kadang dipisah dalam sebuah kotak tersendiri”.

“Sebuah model sistem digambarkan dengan sebuah diagram-ER akan

mengikuti pola/aturan pemodelantertentu dalam kaitannya konversi ke LRS”.

2.3. Implementasi dan Pengujian Web

Menurut Sukamto dan Shalahuddin (2014:274) “Black-Box Testing

(pengujian kotak hitam) yaitu menguji perangkat lunak dari segi spesifikasi
fungsional tanpa menguji desain dan kode program.”Pengujian 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 fungsi dengan memakai perangkat lunak apakah sesuai dengan
spesifikasi yang di butuhkan. Kasus uji yang dibuat untuk melakukan pengujian
kotak hitam harus sesuai dengan kasus benar dan kasus salah, misalkan untuk
kasus proses login maka kasus uji yang dibuat adalah:
a. Jika user memasukan nama pemakai (username) dan kata
sandi(password) yang benar.
b. Jika user memasukan nama pemakai (username) dan kata
sandi(password) yang salah, misalnya nama pemakai benar tapi
kata sandi salah, atau sebaliknya, atau keduanya salah.
 BAB III

PEMBAHASAN

3.1. Tinjauan Perusahaan

Tempat usaha Distro Mainstay yang menjual jenis pakaian mulai berdiri

pada tahun 2014 yang bertempat di Bekasi Selatan, pada saat ini tempat usaha

baru memiliki surat keterangan (NO : 16 / 01 / X / 2014) dari kelurahan sebagai

surat keterangan usaha yang menjelaskan bahwa pemilik benar-benar memiliki

usaha distro.

1. Sejarah Perusahaan

Awal mula berkembangnya bidang pemasaran barang melalui distro terjadi

dikarenakan banyaknya peminat akan kebutuhan sekunder. Dengan melihat

peluang bisnis yang ada saat ini maka pada tanggal 30 Maret 2014 berdirilah

MAINSTAY pada bidang distro sebagai Badan Usaha dengan misi untuk menjadi

perusahaan yang menghasilkan produk kebutuhan sekunder dan membuka

peluang kerja.

Yang mendirikan sekaligus mengelola Distro Mainstay tersebut adalah

Bapak Muchammad Rizqi. Pada awal berdirinya beliau hanya bekerja sendiri,

namun sekarang usaha beliau sudah berkembang sehingga mampu

memperkerjakaan 3 orang karyawan.

2. Struktur Organisasi

Struktur organisasi adalah suatu susunan dan hubungan antara tiap bagian

serta posisi yang ada pada suatu organisasi atau perusahaan dalam menjalankan

18
 19

kegiatan operasional untuk mecapai tujuan. Struktur organisasi menggambarkan

dengan jelas pemisahaan kegiatan pekerjaan antara yang satu dengan yang lain

dan bagaimana hubungan aktivitas dan fungsi dibatasi.

Sumber : Muchammad Rizqi

Gambar III.1 Struktur Organisasi Distro Mainstay

3.2. Analisa Kebutuhan

Dalam merancang suatu sistem informasi berbasis web diperlukan adanya

suatu identifikasi berdasarkan kebutuhan pengguna dan kebutuhan sistem untuk

mempermudah proses perancangan website dan menghasilkan sistem yang sesuai

dengan kebutuhan pengguna. Berikut adalah analisa kebutuhan dalam pembuatan

tugas akhir ini.

A. Identifikasi Kebutuhan Pengguna

Dalam pembuatan sistem informasi berbasis web diperlukan adanya suatu

identifikasi berdasarkan kebutuhan pengguna dan kebutuhan sistem untuk

mempermudah proses perancangan website dan menghasilkan sistem yang sesuai

 20

dengan kebutuhan pengguna. Berikut adalah analisa kebutuhan dalam tugas akhir

ini.

1. Halaman Admin

a. Admin dapat melakukan login dengan melakukan verivikasi berdasarkan

username admin dan password.

b. Admin dapat mengelola data barang seperti menambah barang, dan megolah

katagori produk.

c. Admin dapat mengelola data pelanggan

d. Admin dapat mengelola data transaksi

e. Admin dapat mencetak laporan data penjualan dan laporan data produk

2. Halaman Member

a. Member memilih produk yang akan dipesan.

b. Melakukan kalkulasi ongkos kirim dan total biaya (analisa keterangan
sistem)
c. Member dapat mengisi data registerasi member untuk mendapatkan proses
transaksi.
d. Member dapat login dan account yang telah dibuat apabila melakukan
pemesanan dilain hari.

B. Identifikasi Kebutuhan Sistem

Kebutuhan sistem menjelaskan bagaimana proses-proses apa saja yang

nantinya akan dilakukan oleh sistem. Kebutuhan sistem juga berisi informasi-

informasi apa saja yang harus ada dan dihasilkan oleh sistem.

Berikut analisis Kebutuhan sistem yang ada pada website e-commerce ini

adalah sebagai berikut:

 21

1. Jika pelanggan belum terdaftar sebagai member, maka user di wajibkan

untuk melakukan pendaftaran terlebih dahulu untuk medapatkan username

dan password agar sistem dapat dengan mudah mengetahui identitas

pelanggan.

2. Pelanggan harus melakukan login terlebih dahulu untuk dapat melakukan

transaksi pembelian dangan memasukan username dan password agar

privasi sarta data masing-masing pelanggan tetap terjaga keamanannya.

3. Apabila pengguna melakukan kesalahan dalam memasukan username dan

password maka sistem secara otomatis tidak mengizinkan untuk masuk

kedalam tautan halaman website.

4. Semua data di simpan di dalam database, sehingga update data menjadi

lebih mudah.

3.3. Rancangan Dokumen

A. Rancangan Dokumen Masukan (Input)

1. Nama Dokumen : Daftar Produk

Fungsi : Sebagai data barang yang dijual

Sumber : Pemilik

Tujuan : Admin

Media : Cetakan

Jumlah : 1 halaman

Frekuensi : Setiap terjadi penambahan barang

Bentuk : Lampiran A.1

 22

B. Rancangan Dokument Keluaran (Output)

1. Nama Dokumen : Faktur

Fungsi : Sebagai Bukti Pembayaran

Sumber : Administrrasi

Tujuan : Customor

Media : Cetakan

Jumlah : 1 halaman

Frekuensi : Setiap Terjadi Transaksi Pembayaran

Bentuk : Lampiran B.1

2. Nama Dokumen : Laporan Pengiriman

Fungsi : Sebagai Bukti Pengiriman

Sumber : Administrrasi

Tujuan : Customor

Media : Cetakan

Jumlah : 1 halaman

Frekuensi : Setiap Terjadi Transaksi Pembayaran

Bentuk : Lampiran B.1

 23

3.4. Entity Relationship Diagram

A. Entity Relationship Diagram

Gambar III.2 Entity Relationship Diagram

 24

B. LRS (Logical Relational Structure)

Gambar III.3 Logical Relational Structure

 25

3.9. Spesifikasi File

1. Spesifikasi File Banner

Nama File : Banner
Akronim : Banner
Fungsi : Untuk menampilkan slide di home
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 1296 byte
Kunci Field : Id_banner
Software : Mysql

Tabel III.1 Spesifikasi File Banner

No Elemen Data Akronim Tipe Panjang Keterangan

1 Benner id_benner int 11 Primary Key
2 Judul Judul Varchar 255
3
Posisi Posisi Varchar 20
4 Deskripsi Deskripsi Varchar 500
5 Gambar Gambar Varchar 255
6 Website Website Varchar 255

2. Spesifikasi file Berita

Nama File : Berita
Akronim : Berita
Fungsi : Penjelasan lengkap yang harus diketahui pembeli
Tipe File : File Master
 26

Organisasi File : Indexed Sequential

Akses File : Random
Media : Harddisk
Panjang Record : 573 byte
Kunci Field : id_berita
Software : Mysql

Tabel III.2 Spesifikasi File Berita

No Elemen Data Akronim Tipe Panjang Keterangan

1 Berita Id_berita Int 11 Primary Key
2 Judul Judul varchar 500
3 jenis berita jenis_berita varchar 20
4 Katagori Id_kategori int 11
5 Isi Isi longtext
6 User Id_user Int 11
7 Setatus berita setatus_berita varchar 20
8 Tanggal Tanggal timestamp

3. Spesifikasi file Config

Nama File : Config
Akronim : Config
Fungsi : Mengoptimalkan aplikasi
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Harddisk
Panjang Record : 2342 byte
 27

Kunci Field : id
Software : Mysql

Tabel III.3 Spesifikasi File Config

No Elemen Data Akronim Tipe Panja Keterangan
ng

1 Id Id Int 11 Primary Key

2 Nama web Namaweb varchar 200

3 Tagline Tagline varchar 200

4 Website Website varchar 255

5 Email Ema il varchar 255

Alamat Alamat varchar 300

6

7 Fax Fax varchar 50

8 Facebook Fb varchar 50

9 Twitter Twitter varchar 255

10 Instagram Instagram varchar 255

11 Map Map text

12 Keyword Keyword varchar 500

13 Metatext Metatext text

14 User Id_user int 11

15 Tanggal Tangal timestamp

 28

4. Spesifikasi file Countries

Nama file : Countries

Akronim : Countries

Fungsi : Menampilkan data negara

Tipe file : File Master

Organisasi file : Index S equential

Akses file : Random

Media : Hardisk

Panjang record : 52byte

Kunci field : Id_countries

Software : Mysql

Tabel III.4 Spesifikasi File Countris

No Elemen Data Akronim Tipe Panjang Keterangan

1 negara idCountry Int 5 Primary Key

2 Code negara countryCode char 2

3 Nama negara countryNama vachar 45

5. Spesifikasi file Gambar produk

Nama file : Gambar produk
Akronim : Gambar_produk
Fungsi : Menampilkan detail produk
Tipe file : File Master
Organisasi file : Index Sequential
Akses file : Random
Media : Hardisk
Panjang record : 222byte
 29

Kunci field : Id_gambar

Software : Mysql

Tabel III.5 Spesifikasi File Gambar produk

No Elemen Data Akronim Tipe Panjang Keterangan

1 Gambar id_gambar Int 11 Primary Key

2 Produk id_produk Int 11

3 Nama Gambar nama_gambar Varchar 200

4 Tanggal Tangal Timestamp

6. Spesifikasi File Kategori berita

Nama file : Kategori Berita

Akronim : kategori_berita

Fungsi : Menambahkan data berita

Tipe file : File Master

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record : 222 byte

Kunci field : id_kategori

Software : Mysql

Tabel III.6 Spesifikasi File Katagori Berita

No Elemen Data Akronim Tipe Panjang Keterangan

1 Kategori Id_kategori Int 11 Primary Key

 30

2 Nama kategori Nama_kategori Varchar 200

3 No Urutan Urutan Int 11

7. Spesifikasi file Pelanggan

Nama file : Pelanggan

Akronim : Pelanggan

Fungsi : Menampilkan data pelanggan

Tipe file : File Pelanggan

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record :1244 byte

Kunci field : Id_pelanggan

Software : Mysql

Tabel III.7 Spesifikasi File Pelanggan

No Elemen Data Akronim Tipe Panjang Keterangan

1 Pelanggan Id_pelanggan Int 11 Primary Key

2 First name Firstname Varchar 100
3 Last name Lastname Varchar 100

4 Email Email Varchar 255

5 Password Password Varchar 64

6 Alamat Alamat Varchar 500

7 Neagara Negara Varchar 100

8 Kota Kota Varchar 100

 31

9 No hp Hp Varchar 12

10 Jenis kelamin Kelamin Varchar 2

11 Tanggal Lahir tanggal_lahir Date

12 User id_user Int

Tanggal
13 tanggal_daftar Datetime
Daftar
Tanggal
14 tanggal_update timestamp
Update

8. Spesifikasi file Produk

Nama file : Produk

Akronim : Produk

Fungsi : Menampilkan Data Produk

Tipe file : File Master

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record : 561,2byte

Kunci field : Id_produk

Software : Mysql

Tabel III.8 Spesifikasi File Produk

No Elemen Data Akronim Tipe Panjang Keterangan

1 Produk id_produk Int 11 Primary Key

2 Nama produk Nama Varchar 300

3 Kategori id_kategori Int 11

 32

Gambar
4 Gambar Varchar 200
Produk
5 Jumlah Produk Jumlah Int 11

6 Harga Produk Harga Decimal 17,2

7 Ringkasan Ringkasan Text

8 detail Detail Longtext

9 user Id_user Int 11
10 Tanggal input Tanggal_input Datetime
Tanggal
11 Tanggal_update Timestamp
Update

9. Spesifikasi file Transaksi

Nama file : Transaksi

Akronim : Transaksi

Fungsi : Menampilkan data produk

Tipe file : File Transaksi

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record : 142byte

Kunci field : Id_transaksi

Software : Mysql

Tabel III.9Spesifikasi File Transaksi

No Elemen Data Akronim Tipe Panjang Keterangan

Primary
1 Transaksi id_transaksi Int 11
Key
 33

2 Kode transaksi Kode_transaksi Varchar 21

3 Produk Id_produk Int 11

4 Pelanggan Id_pelanggan Int 11

5 Jumlah Jumlah Int 11

6 Harga Harga Decimal 17,2

7 Total Total Decimal 17,0

Status Status_pembaya
8 Varchar 200
pembayaran ran
9 Status transaksi Status_transaksi Varchar 20
Tanggal_transak
10 Tanggal transaksi Datetime
si
Timesta
11 Tanggal Update Tanggal_update
mp

10. Spesifikasi File Pembayaran

Nama file : Pembayaran

Akronim : id_pembayaran

Fungsi : Merekam data hasil pembayaran

Tipe file : File Transaksi

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record : 142byte

Kunci field : Id_pembayaran

Software : Mysql
 34

Tabel III.10 Spesifikasi File Pembayaran

No Elemen Data Akronim Tipe Panjang Keterangan

Primary
1 Pembayaran id_pembayaran Int 11
Key
2 Pelanggan Id_pelanggan Int 11

3 Kode Transaksi Kode_transaksi Varchar 200

4 Rekening Id_rekening Int 11

5 Jumlah Jumlah Decimal 17,2

6 Tanggal Bayar Tanggal_bayar Date

7 Bukti Bayar Bukti_bayar Varchar 200

8 Validasi Validasi Varchar 200

9 Keterangan Keterangan Text

10 User Id_user Int 11

Timesta
11 Tanggal Update Tanggal_update
mp

11. Spesifikasi File Kategori Produk

Nama file : Kategori Produk

Akronim : kategori_produk

Fungsi : Menambahkan data kategori produk

Tipe file : File Master

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record : 222 byte

Kunci field : id_katagori

Software : Mysql
 35

Tabel III.11 Spesifikasi File Kategori Produk

No Elemen Data Akronim Tipe Panjang Keterangan

1 Kategori Id_kategori Int 11 Primary Key

2 Nama kategori Nama_kategori Varchar 200
3 No Urutan urutan Int 11

12. Spesifikasi File Rekening

Nama file : Rekening

Akronim : Rekening

Fungsi : Menambahkan data rekening

Tipe file : File Master

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record : 511 byte

Kunci field : id_rekening

Software : Mysql

Tabel III.12 Spesifikasi File Rekening

No Elemen Data Akronim Tipe Panjang Keterangan

Primary
1 rekening id_rekening Int 11
Key
2 Nama Bank nama_bank Varchar 200
3 Nama Pemilik nama_pemilik Varchar 200
Nomor
4 nomor_rekening Varchar 50
rekening
 36

5 Logo Logo Varchar 50

6 Keterangan keterangan text

13. Spesifikasi File User

Nama file : User

Akronim : pengguna

Fungsi : Menambahkan data user

Tipe file : File Master

Organisasi file : Index Sequential

Akses file : Random

Media : Hardisk

Panjang record : 511 byte

Kunci field : id_user

Software : Mysql

Tabel III.13 Spesifikasi File User

No Elemen Data Akronim Tipe Panjang Keterangan

Primary
1 user id_user Int 11
Key
2 Nama user Nama Varchar 100
3 Email Email Varchar 255

4 username Username Varchar 32

5 password Password Varchar 64

6 Akses level akses_level Varchar 20

7 Tangal tanggal timestamp

 37

3.6. Pengkodean

A. Id Transaksi

Setiap pembeli memiliki kode transaksi untuk membedakan setiap transaksi

yang dilakukan oleh pembeli.

X X 0 0 1

Id_pelanggan No_urut
contoh :

0 1 0 1 2

Id_pelanggan No_urut

ket: Id_pelanggan dan No.transaksi

 38

3.7. Spesifikasi Program

A. Rancangan Struktur Navigasi

Penulis membuat rancangan struktur navigasi komposit atau campuran

sesuai dengan program. Berikut ini adalah rancangan struktur navigasi

pengunjung, pelanggan (member) dan pengguna (admin):

1. Rancangan Struktur Navigasi Pengunjung (front-end)

INDEX

YOUR
CONFRIM
HOME COLLECTION CONTACS US SHOPPING REGISTER LOGIN
PAYMENT
CART

CATEGORY

KAOS KEMEJA JAKET

Gambar III.4. Rancangan Struktur Navigasi Pengunjung (front-end)

 39

2. Rancangan Struktur Navigasi Member (front-end)

LOGIN

INDEX

YOUR
CONFIRM
HOME COLLECTION CONTACS US SHOPPING LOGOUT
PAYMENT
CART

CATEGORY

KAOS KEMEJA JAKET

Gambar III.5. Rancangan Struktur Navigasi Member (front-end)

3. Rancangan Struktur Navigasi Admin (back-end)

Gambar III.6. Rancangan Struktur Navigasi Admin (back-end)

 40

3.8. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada aplikasi e-commerce berdasarkan

hasil rancangan antar muka. Berikut ini aktifitas yang dilakukan dalam merancang

dan mengimplementasikan sistem informasi pada website penjualan kaos distro.

a. Implementasi Login Admin

Login admin dengan memasukan user dan password untuk masuk ke index.

Berikut gambaran form login admin sebagai berikut:

Gambar III.7. Implementasi Login Admin

b. Implementasi Beranda Admin

Beranda admin setelah administrator melakukan login, administrator akan

dibawa kehalaman menu utama admin, di antaranya ada menu dasbord ,

berita, produk, pelanggan, transaksi, banner, data rekening, user,

konfigurasi, dan logout.

 41

Gambar III.8. Implementasi Beranda Admin

c. Implementasi Data Berita

Administrator bisa masuk kehalaman berita, halaman ini berfungsi untuk

melihat data berita maupun menambah berita.

Gambar III.9. Implementasi Data Berita

d. Implementasi Data Produk

administrator bisa masuk kehalaman produk, halaman ini berfungsi untuk

melihat data produk, mengolah data produk dan menambah kategori produk.
 42

Gambar III.10. Implementasi Data Produk

e. Implementasi Tambah Produk

administrator bisa masuk kehalaman tambah produk, halaman ini berfungsi

untuk menambah data produk.

Gambar III.11. Implementasi Tambah produk

 43

f. Implementasi Kategori Produk

administrator bisa masuk kehalaman kategori produk, halaman ini berfungsi

utuk mengolah kategori.

Gambar III.12. Implementasi Tambah Kategori

g. Implementasi Data Pelanggan

Administrator bisa masuk kehalaman data pelanggan, halaman ini

berfungsi untuk melihat data pelanggan.

Gambar III.13. Implementasi Data Pelanggan

 44

h. Implementasi Tambah Pelanggan

Administrator bisa masuk kehalaman tambah pelanggan, halaman ini
berfungsi untuk menambah data pelanggan.

Gambar III.14. Implementasi Tambah Pelanggan

i. Implementasi Data Transaksi

Administrator bisa masuk kehalaman data transaksi, halaman ini berfungsi
untuk melihat data transaksi.

Gambar III.15. Implementasi Data Transaksi

 45

j. Implementasi Laporan Transaksi

Administrator bisa masuk kehalaman laporan transaksi, halaman ini
berfungsi untuk mencetak laporan transaksi.

Gambar III.16. Implementasi LaporanTransaksi

k. Implementasi Data Banner

Administrator bisa masuk kehalaman data banner, halaman ini berfungsi
untuk menampilkan slid di home.

Gambar III.17. Implementasi Data Banner

 46

l. Implementasi Tambah Banner

Administrator bisa masuk kehalaman tambah banner, halaman ini
berfungsi untuk menambah data banner.

Gambar III.18. Implementasi Tambah Banner

m. Implementasi Data Rekening

Administrator bisa masuk kehalaman data rekening, halaman ini berfungsi
untuk melihat data rekening.

Gambar III.19. Implementasi Data Rekening

 47

n. Implementasi Tambah Rekening

Administrator bisa masuk kehalaman tambah rekening, halaman ini
berfungsi intuk menambah data rekening.

Gambar III.20. Implementasi Tambah Rekening

o. Implementasi Data User

Administrator bisa masuk ke halaman data user, halaman ini berfungsi
untuk menambah data user.

Gambar III.21. Implementasi Data User

 48

p. Implementasi Tambah User

Administrator bisa masuk kehalaman tambah user, halaman ini berfungsi
menambah user.

Gambar III.22. Implementasi Tambah User

q. Implementasi Konfigurasi
Administrator bisa masuk kehalaman konfigurasi. Halaman ini berfungsi
untuk data distro mainstay.

Gambar III.23. Implementasi Konfigurasi

 49

r. Implementasi Home Pengunjung

Pelanggan bisa melihat tampilan index (tammpilan awal website)dan bisa
melakukan login atau daftar member.

Gambar III.24. Implementasi Home Pengunjung

 50

s. Implementasi Collection
Halaman ini pelanggan bisa melihat produk yang dijual.

Gambar III.25. Implementasi Collection

 51

t. Implementasi Contact us
Halaman ini pelanggan bisa melihat data produk dan bisa memberikan
sebuah komentar.

Gambar III.26. Implementasi Contact us

 52

u. Implementasi Login Member

Halaman login member ini berfungsi untuk dapat melanjutkan transaksi.

Gambar III.27. Implementasi Login Membeer

 53

v. Implementasi Register
Halaman ini pengunjung yang ingin belanja dapat melakukan register agar
dapat belanja.

Gambar III.28. Implementasi Register

 54

w. Implementasi your shopping cart

Halaman ini pengunjung dapat melihat rincian transaksi dan bisa
megkalkulasikan total belanja.

Gambar III.29. Implementasi your shopping cart

 55

x. Implementasi payment confirmation

Halaman ini berfungsi untuk member memberikan bukti pembayaran
kepada pihak Distro Maisnstay.

Gambar III.30. Implementasi payment confirmation

 56

3.9. Pengujian Unit

1. Pengujian Terhadap Halaman Login Admin

Tabel III.11. Hasil Pengujian Black Box Testing Login Admin

Skenario Hasil Yang Hasil

No Test Case Kesimpulan
Pengujian Diharapkan Pengujian
Username Username : Sistem akan Sesuai Valid
dan (kososng) menolak harapan
password Password : akses admin
tidak diisi (kosong) dan
1 kemudian menampilkan
klik tombol pesan
login “username/
Password
salah”
Username Username : Sistem akan Sesuai Valid
diisi dan (diisi) menolak harapan
password Password : akses admin
tidak diisi (kosong) dan
2 kemudian menampilkan
klik tombol pesan
login “username/
Password
salah”
Username Username : Sistem akan Sesuai Valid
tidak diisi (kosong) menolak harapan
dan Password : akses admin
password (diisi) dan
3 diisi menampilkan
kemudian pesan
klik tombol “username/
login Password
salah”
Satu kondisi Username : Sistem akan Sesuai Valid
salah pada (benar) menolak harapan
username Password : akses admin
4 atau (salah) dan
password menampilkan
kemudian pesan
klik tombol “username/
 57

login Password
salah”
Satu kondisi Username : Sistem akan Sesuai Valid
salah pada (salah) menolak harapan
username Password : akses admin
atau (benar) dan
5 password menampilkan
kemudian pesan
klik tombol “username/
login Password
salah”
Satu kondisi Username : Sistem akan Sesuai Valid
benar pada (benar) menerima harapan
username Password : akses login
atau (benar) kemudian
6
password langsung ke
kemudian halaman
klik tombol beranda
login admin

2. Pengujian Terhadap Login Member

Tabel III.12. Hasil Pengujian Black Box Testing Login Member

Skenario Hasil Yang Hasil Kesimpul

No Test Case
Pengujian Diharapkan Pengujian an
Email dan Email : Sistem akan Sesuai Valid
password (kososng) menolak harapan
tidak diisi Password : akses
kemudian (kosong) member dan
1 klik tombol menampilkan
login pesan
“oopss..usern
ame/passwor
d is invalid”
Email diisi Email : Sistem akan Sesuai Valid
dan (diisi) menolak harapan
password Password : akses
2
tidak diisi (kosong) member dan
kemudian menampilkan
klik tombol pesan
 58

login “oopss..user
name/passwo
rd is invalid”
Email tidak Email : Sistem akan Sesuai Valid
diisi dan (kosong) menolak Harapan
password Password : akses
diisi (diisi) member dan
3 kemudian menampilkan
klik tombol pesan
login “oopss..user
name/passwo
rd is invalid”
Satu kondisi Email : Sistem akan Sesuai Valid
salah pada (benar) menolak harapan
email atau Password : akses
password (salah) member dan
4 kemudian Atau menampilkan
klik tombol Email : pesan
login (benar) “oopss..user
Password : name/passwo
(salah) rd is invalid”
Satu kondisi Username : Sistem akan Sesuai Valid
benar pada (benar) menerima harapan
username Password : akses login
atau (benar) kemudian
5
password langsung ke
kemudian halaman
klik tombol beranda
login member

3. Pengujian Terhadap Halaman Registrasi

Tabel III.13. Hasil Pengujian Black Box Testing Registrasi

Skenario Hasil Yang Hasil

No Test Case Kesimpulan
Pengujian Diharapkan Pengujian
Semua Email : (kosong) Sistem akan Sesuai Valid
isisan form Password : menolak akses harapan
1 atau salah (kosong) dan
satu isian Password menampilkan
form tidak confirmation : pesan “please
 59

diisi (kosong) don’ t hesitate

(kosong) First name : to fill in this
kemudian (kosong) form
klik tombol Last name : completely”
daftar (kosong)
Addres : (kosong)
Country : (kosong)
City : (kosong)
Handphone :
(kosong)
Gender : (kosong)
Date of birth :
(kosong)
Mengetik Email : Sistem akan Sesuai Valid
email yang (andias@gmail.com) menolak dan harapan
sudah Password : menampilkan
terdaftar (1234) pesan
kemudian Password “oops..Email
klik tombol confirmation : address:
daftar (1234) andias@
First name : gmail.com
(Andias) already
Last name : (Arfi) registered.
2 Addres : (Alamanda Please sign up
regency blok E7 no with new
21 ) email
Country : address”
(Indonesia)
City : (bekasi)
Handphone :
(02135475868)
Gender : (male)
Date of birth :
(2000-11-09)
Mengetikan Email : Sistem akan Sesuai Valid
semua (dulur@gmail.com) menerima dan Harapan
isisan form Password : menampilkan
3 dengan (1234) pesan “Thank
format Password you...your
yang benar confirmation : registration
kemudian (1234) are accepted.
 60

klik tombol First name : (dulur) Please logged

daftar Last name : (uyee) in using your
Addres : (jl yoman) new account”
Country : (Guyana)
City : (mokat)
Handphone :
(98765432)
Gender : (male)
Date of birth :
(1998-04-04)
 BAB IV

PENUTUP

4.1. Kesimpulan

Berdasarkan pembahasan yang dikemukakan penulis pada bab-bab

sebelumnya, penulis menarik kesimpulan, antara lain:

1. Dengan menggunakan sistem informasi penjualan secara online semakin

memudahkan proses transaksi tanpa harus datang ke toko lagsung.

2. Dengan website dapat mempermudah dan memperluas wilayah pemasaran

produk sehingga penjualan dapat ditingkatkan.

3. Pembuatan web e-commerce memberikan kemudahan bagi masyarakat dalam

berbelanja, dengan mengakses internet orang dapat melihat, memilih dan

memesan produk yang diinginkan kapanpun dan dimanapun mereka berada.

4. Memudahkan dalam menyajikan laporan penjualan produk.

4.2. Saran

Adapun saran-saran yang ingin disampaikan oleh penulis didalam sekripsi

ini adalah sebagai berikut:

1. Saat pembayaran hanya dapat menggunakan via transfer antara bank, hal ini

dikarenakan website ini belum menyediakan layanan pembayaran kredit via

paypal atau kartu kredit.

2. Dari segi layanan interaktif, saat ini hanya menyediakan hubungan kami pada

website, untuk itu dapat ditambah fasilitas live chat agar dapat berkomunikasi

secara langsung real time.

61
 DAFTAR PUSTAKA

Agus Prayitno, Yulia Safitri. 2015. “Volume 1 No 1 – 201Lppm3.Bsi.Ac.Id/Jurnal IJSE –

Indonesian Journal on Software Engineering.” IJSE – Indonesian Journal on Software
Engineering 1(1): 1–10.

Andriansyah, Doni. 2017. “Sistem Informasi Pendaftaran Event.” Sistem Informasi

Pendaftaran Event: 61.

AS, Muhammad Ali, and Noer Azni Septiani. 2016. “PERANCANGAN SISTEM
INFORMASI AKADEMIK MENGGUNAKAN METODE WATERFALL Studi
Kasus: MADRASAHALIYAH AL-MANSYURIYAH KANZA MEKARJAYA
TANGERANG Muhammad.” Techno Nusa Mandiri XIII(2): 80–88.

Ferdika, Mikhael, and Heri Kuswara. 2017. “Sistem Informasi Penjualan Berbasis Web Pada
PT Era Makmur Cahaya Damai Bekasi.” Information System for Educatos and
Professionals. E-ISSN: 2548-3587 1(2): 175–88. http://ejournal-
binainsani.ac.id/index.php/ISBI/article/view/390/392.

Hayuningtyas, Ratih Yulia. 2017. “Aplikasi Filtering of Spam Email Menggunakan Naïve
Bayes.” 2(1): 53–60.

Hidayat, Miwan Kurniawan, Retno Catur, and Pangestu Ningrum. 2017. “Sistem Informasi
Penjualan Online Pada Toko Yusuf Bekasi.” 2(2): 24–30.
Hidayatullah, priyanto. 2014. Pemograman Web. Bandung.

Po, Domain, D A N Ai, and Framework Cobit. 2013. “Vol . IX No . 2 September 2013
INFORMASI MENGGUNAKAN MATURITY LEVEL Pilar Nusa Mandiri Vol . IX
No . 2 September 2013.” IX(2): 123–30.

Pranta, Joni, and Nunung Hidayatun. 2016. “Pendekatan Classic Life Cycle Dalam
Perancangan Web E-Commerce Untuk Penjualan Pakaian Anime.” Indonesian Journal
on Computer and Information Technology 1(1): 51–60.

Setiyawati, Erwin, and Sardiarinto. 2016. “PERANCANGAN SISTEM INFORMASI

BERBASIS WEB Studi Kasus : KSU BMT Al-Ikhwan Yogyakarta.” Indonesian
Journal on Computer and Information Technology 1(1): 34–41.
http://ejournal.bsi.ac.id/jurnal/index.php/ijcit/article/view/417/317.

Sukamto,Rosa Ariani dan M.Shalahudin. (2013). Rekayasa Perangkat Lunak .

Bandung.

Sumarna. 2015. “P c b s I.” Perancangan Clustering Ujian Online Studi Kasus Bina Sarana
Informatika XII(1): 35–40.

Wardani, Astri, and Retno Sari. 2017. “Perancangan Sistem Informasi Penjualan Suku
Cadang Mobil Berbasis Web Studi Kasus: Kreasi Auto Parts.” Jurnal Ilmu
Pengetahuan dan Teknologi Komputer 3(1): 145–52.
http://ejournal.nusamandiri.ac.id/ejurnal/index.php/jitk/article/view/688.