PERANCANGAN SISTEM INFORMASI PENJUALAN

AKSESORIS BERBASIS WEB

TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma (D.III)

Domingas Lourdes Da Silva

NIM : 12140357

Program Studi Manajemen Informatika

Akademi Manajemen Informatika dan Komputer BSI Jakarta
Jakarta
2017
 KATA PENGANTAR

Puji Syukur kehadirat Tuhan Yang Maha Esa, yang telah memberik:an

kekuatan lahir batin, sehingga penulis dapat menyelesaikan Tugas Akhir ini

dengan baik. Dimana Tugas Akhir ini penulis sajikan dalam bentuk buku yang

sederhana . Adapun judul penulisan Tugas Akhir, yang penulis ambil sebagai

berikut:

"Perancanagan Sistem Informasi Penjualan Aksesoris

Berbasis Web".

Tujuan penulisan Tugas Akhir ini dibuat sebagai salah satu syarat

kelulusan program Tiga (D.III) AMIK BSI. Sebagai bahan penulisan diambil

berdasarkan hasil penelitian (ekperimen) , obsevasi dan berapa sumber literature

yang mengukung penulisan ini. Dalam menyusun karya Tugas Akhir ini,penulis

memperoleh dukungan motivasi ,bimbingan,doa,maupun bantuan dari berbagai

pihak, Oleh sebab itu pada kesempatan ini penulis ingin menyampaikan ucapan

terima kasih kepada:

1. Direktur Bina Sarana Informatika

2. Wakil direktur I Bidang Akademik Bina Sarana Informatika

3. Ketua Jurusan Manajemen Informatika Bina Sarana Informatika

4. lbu Anggi Oktaviani,M.Kom selaku Dosen Pembirnbing Tugas Akhir.

5. lbu Rahayu Swastika, M.Kom selaku Asisten Pembimbing Tugas Akhir.

6. Staff penganjar /karyawan /dosen dilingkungan AMIK BSI.

vii
7. Ana Paula Gama ,Sr.lvonia Belo,FMA.

8. Rekan-rekan mahasiswa kelas 12.6B.07

9. Kedua orang tua tercinta yang telah memberikan motivasi dan Doa sehingga

penulis dapat menyelesaikan kuliah dan penulisan tugas Akhir.

Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga

terwujudnya penulisan ini. penulis menyadari bahwa penulisan tugas akhir ini

masih jauh dari sempuma, untuk itu punulis mohon kritik dan saran yang bersifat

membangun demi kesempurnaan penulisan dimasa yang yang akan datang.

akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya

dan bagi para pembaca yang berminat pada umumnya.

Domingas Lourdes Da Silva

viii
 ABSTRAK

Domingas Lourdes Da Silva (12140357),Perancangan sistem informasi

penjualan aksesoris berbasis web.

Saat ini usaha kreatif sangat populer di masyarakat dan mengalami perkembangan
yang sangat pesat, salah satunya adalah usaha aksesoris. Usaha ini mempunyai
cukup banyak pelanggan, namun proses pemasarannya kurang efektik dan efesien
karena penggunaan sistem informasi yang masih konvensional atau tradisional.
Hal ini merupakan alasan mengapa perancangan sistem informasi penjualan
aksesoris berbasis web merupakan isu yang selalu menarik untuk dibahas.
Perancangan sistem informasi ini bertujuan untuk memperluas daerah pemesaran
dari pasar nasional ke pasar internasional, meningkatkan efisieni perusahaan,
meminimalkan biaya pembuatan, pemrosesan, pendistribusian, penyimpanandan
pencarian informasi yang menggunakan kertas serta mengurangi biaya
administrasi. Metode pengembangan perangkat lunak yang digunakan dalam
perancangan ini adalah model water fall yang terbagi menjadi lima tahapan yaitu
Communication (Project Initiation & Requirement Gatherin), Planning
(Estimating, Scheduling, Tracking), Modeling (Analysis & Design), Construction
(Code & Test), Dan Deployment (Delivery, Support, Feedback). Sedangkan
metode pengumpulan data melalui observasi dan studi pustaka.Dengan adanya
sistem ini, memungkinkan pelanggan berbelanja atau melakukan transaksi lain
sepanjang tahun selama 24 jam sehari dari manapun. Bagi penulis sendiri, dapat
memanfaatkan sistem ini untuk menyalurkan hobi bahkan menjadikan media
kreasi melalui aneka ragam aksesoris yang akhirnya berkembang menjadi suatu
keuntungan dalam berbisnis.

Kata Kunci:Sistem informasi, aksesoris berbasis web.

ix
 ABSTRACT

Domingas Lourdes Da Silva (12140357), information Design sales of web-

based accessories.

The design of this information system aims to expand the enlargement area from

the national market to the international market, improve the efficiency of the

company, minimize the cost of making, processing, distributing, storing and

searching information using paper and reduce administrative costs. The software

development method used in this design is the water fall model which is divided

into five stages: Communication (Project Initiation & Requirement Gathering),

Planning (Estimating, Scheduling, Tracking), Modeling (Analysis & Design),

Construction (Code & Test), And Deployment (Delivery, Support, Feedback).

While the method of data collection is through observation and literature

study.With this system, allow the customers to shop or perform other transactions

throughout the year for 24 hours a day from anywhere. For writers themselves,

can take advantage of this system to channel the hobby and even create a creative

media through a variety of accessories that eventually developed into an

advantage in doing business.

Keywords: Information systems, web-based accessories.

x
 DAFTAR ISI

Halaman

Lembar Judul Tugas Akhir...............................................................................i

Lembar peryataan Keaslian Tugas Akhir ........................................................ ii
Lembar Pernyataan Persetujuan .....................................................................iii
Lembar Persetujuan dan pengesahan Tugas Akhir .........................................iv
Lembar Konsultasi Tugas Akhir ..................................................................... v

Kata Pengantar ............................................................................................... vii

Lembar Abstrak ...............................................................................................ix
Daftar isi ..........................................................................................................xi
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................................................................... 3
1.4.Ruang Lingkup ........................................................................ 5
1.5. Sistematika Penulisan ............................................................ 5

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

2.1. Konsep Dasar Web .................................................................................. 7
2.1.1 Internet /Website ....................................................... 7
2.1.2 Website..................................................................... 9
 2.1.3 Web Browser .................................................................................. 10
2.1.4 Web Server ..................................................................... 10
2.1.5 URL( Universal Resource Locatol) ........................................................ 10
2.1.6 Web Hosting ........................................................................................ 11
2.1.7 Hipertext Markup languague (HTML)..................................... 11
2.1.8 Web Hosting ................................................................... 12
2.2. Bahasa Pemograman ................................................................................ 12
2.2.1 Apache..................................................................................................... 12
2.2.2 PHP ......................................................................................................... 13
2.2.3 MySQL.................................................................................................... 13
2.2.4 PHP MyAdmin ........................................................................................ 13
2.2.5 Basis Data ............................................................................................... 15
2.2.6 Model pengembangan Perangkat Lunak ................................................ 16
2.2.7 Analisis dan definisi Perangkat Lunak .................................................. 19
2.2.8 Perancangan Sistem dan Perangkat lunak ............................................. 19
2.2.9 Implementasi dan Pengujian Unit ......................................................... 20
2.3.Teori Pendukung ........................................................................................ 20
2.3.1 Struktur Navigasi .................................................................................... 20
2.3.2Entity Relationship Diagram.................................................................... 23
2.3.3 Cardinality Ratio/derajat Kardinalitas.................................................. 25
2.3.4Logical Record Structure ......................................................................... 27
2.3.5Pengujian web .......................................................................................... 28

BAB III PEMBAHASAN ............................................................................... 30

3.1.Analisa Kebutuhan ..................................................................................... 30
3.2. Perancangan perangkat lunak .................................................................... 33
3.2.1 Rancangan Antar Muka ......................................................................... 31
3.2.2 Rancangan Basis Data ...................................................... 38
 3.2.3 Rancangan Struktur Navigasi .......................................... 48
3.3. Implementasi dan pengujian Unit ............................................................ 50
3.3.1 Implementasi Rancangan Antar Muka ................................ 50
3.3.2 Spesifikasi Sistem komputer .............................................. 61
3.3.3 Pengujian Unit ....................................................................................... 62
BAB IV PENUTUP ......................................................................................... 65
4.1 Kesimpulan ................................................................................................ 65
4.2 Saran .......................................................................................................... 65

DAFTAR PUSTAKA ..................................................................................... 67

DAFTAR RIWAYAT HIDUP ...................................................................... 68
LAMPIRAN .................................................................................................... 69-72
 DAFTAR GAMBAR

Gambar Halaman

1. Gambar II.1 Jaringan Internet .................................................................... .8

2. Gambar II. 2 Tampilan phpMyAdmin ...................................................... 14
3. Gambar II.3 Tampilan Database phpMyAdmin....................................... 14
4. Gambar II.1Ilustrasi model waterfall ........................................................... 16
5. Gambar II.4 Struktur Navigasi linier ........................................................... 21
6.Gambar II.5 Struktur Navigasi non-linier ..................................................... 22
7.Gambar II.6Struktur Navigasi hirarki non –linier ......................................... 22
8.Gambar II.7 Stuktur Navigasi campuran ...................................................... 22
10.Gambar III.1 HalamanLogin Admin ........................................................... 31
11.Gambar III.2Halaman Utama Admin ........................................................ .32
12.Gambar III.3Halaman Tambah Admin baru ............................................... 33
13.Gambar III.4 Halaman Tabel Data ............................................................. 33
14.Gambar III.5 Halaman form pengisian data ................................................ 34
15.Gambar III.6Halaman data admin ............................................................... 34
16.Gambar III.7 Halaman Data kategori Aksesoris ......................................... 34
17.Gambar III.8 Halaman Data kota pengirim................................................. 35
18.Gambar III.9 Halaman data pemesanan sementara .................................... 35
19. Gambar III.10Form Pengisian data ........................................................ ..36
20. Gambar III.11Form kategori aksesoris .................................................... 36
21. Gambar III. 12Form Kategoris ................................................................. 37
22. Gambar III.13 Form kota Pengirim .......................................................... 37
 DAFTAR TABEL
Table Halaman

1. Tabel III.1 Admin....................................................................................51

2. Tabel III.2 Akseoris...............................................................................52

3. Tabel III.3Order.....................................................................................52

4. Tabel III.4Kategori.................................................................................53

5. Tabel III.5Sementara..............................................................................53

6. Tabel III.6 Ongkir...................................................................................54

7. Tabel III.7Pembayaran...........................................................................54

8. Tabel III.8 Member.................................................................................55

9. Tabel III.9 Pengujian Black Box Login user dan admin........................55

 DAFTAR LAMPIRAN

Lampiran A-1 Tampilan Awal Admin ............................................................69

Lampiran A-2 Tampilan Home Admin ..........................................................69

Lampiran A-3 Tampilan tabel data Admin ....................................................70

Lampiran B-4 Tampilan Awal Web ................................................................70

Lampiran B-5 Tampilan Home .......................................................................71

Lampiran B-6 Tampilan Profil ........................................................................71

Lampiran B-7 Tampilan Barang .....................................................................72

 1

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Aksesoris adalah barang-barang apa yang dipakai untuk berhias, benda yang digunakan

untuk mempercantik diri. Aksesoris merupakan pernak-pernik atau hiasan yang biasanya

dipakai oleh seorang wanita dengan tujuan untuk mempercantik dirinya agar terlihat

lebih menarik. Oleh karena itu banyak wanita yang tertarik dan berminat untuk

mengkoleksi berbagai aksesoris yang lucu, unik, dan dengan model yang bagus.

Aksesoris–aksesoris yang sering digunakan, seperti: anting, gelang, kalung, jepit

rambut,dan masih banyak lagi yang lainnya, dan memiliki variasi bahan yang

berbeda-beda mulai dari yang murah sampai yang mahal.

Bahan-bahan aksesoris dari emas meskipun memiliki kekuatan dan pesona

tersendiri, namun harganya tentulah sangat mahal, sedangkan aksesoris wanita dari

bahan-bahan alam seperti kayu, batu, bahan limbah dan lain sebagainya relatif lebih

murah. Namun masing-masing memiliki segmen penggemar sendiri-sendiri, hal inilah

yang menyebabkan bisnis aksesoris wanita pasarnya sangat luas. Bisnis aksesoris

wanita menjadi salah satu peluang usaha yang cukup potensial.

Mengingat belum terlalu banyak usaha yang dibuka khusus menjual aksesoris

wanita berbasis web, maka bahan kajian yang akan disajikan pada kesempatan ini adalah

E-Commerce tipe penjualan Aksesoris dimana proses penjualannya hampir sama dengan

prosedur penjualan toko on-line,yang memudahkan setiap peminat dan pembeli dengan

ragam manfaat yang tersedia. Berdasarkan pemahaman diatas, maka penulis merasa
 2

terinspirasi untuk membuat laporan Tugas Akhir dengan judul:“PERANCANGAN

SISTEM INFORMASI PENJUALAN AKSESORIS BERBASIS WEB”.

1.2 Maksud Dan Tujuan

Maksud perancangan e-commerce penjualan Aksesoris ini yaitu:

1. Memperluas daerah pemasaran dari pasar nasional hingga ke pasar internasional.

2. Dengan pengeluaran dana yang minim, perusahan dapat dengan mudah dan cepat

menemukan banyak pelanggan, supplier yang lebih baik dan rekan bisnis yang

baru.

3. Mengurangi biaya pembuatan, pemrosesan, pendistribusian, penyimpanan, dan

pencarian informasi yang menggunakan kertas.

4. Dapat mengurangi biaya administrasi hinga 80% atau lebih, mengurangi biaya

purchasing hingga 5-10%, dan mengurangi cycle time hingga 50% lebih.

Tujuan dari perancangan e-commerce ini yaitu:

1. Untuk memungkinkan pelanggan berbelanja atau melakukan transaksi lain

sepanjang tahun selama 24 jam sehari dari manapun.

2. Memanfaatkan media sosial untuk menyalurkan hobi bahkan menjadikan media

kreasi melalui aneka ragam aksesoris yang akhirnya berkembang menjadi suatu

keuntungan dalam berbisnis.

3. Sebagai salah satu syarat kelulusan program Diploma Tiga (D.III) Jurusan

Manajemen Informastika dan pada Akademi Manajemen Informatika Bina Sarana

(AMIK BSI).
 3

1.3 Metode Penilitian

A. Metode pengembangan perangkat lunak

Menurut Sukanto, dan M.Shalahudin (2010:28) Model air terjung (waterfall)

sering juga disebut model sekuensial linear atau alur hidup perangkat lunak

secara sekuensial atau terurut dari analisis desain pengodean, pengujian dan

tahap pendukung (support)

1. Analisa dan Defini Persyaratan

Tahapan ini sangat menekan pada pengumpulan kebutuhan pengguna pada

tingkatan sistem dengan menentukan konsep sistem beserta antarmuka yang

menghubunkannya dengan lingkungan sekitar, hasilnya berupa spesifikasi

2. Perangkat Sistem dan Perangkat Lunak

Proses perancangan sistem ini difokuskan pada empat atribut, strutur data,

representasi antarmuka,arsitektur lunak,dan interaksi antar objek.

3. Implementasi dan Pengujian Unit

Pada tahap ini,perangakat lunak direalisasikan sebagai serangkaian program

atau unit program. Kemudian pengujian unit melibatkan verifikasi bahwa

setiap unit program telah memenuhi spesifikasinya.

B. Teknik Pengumpulan Data

Guna memperoleh data-data sebagai bahan penyusunan Tugas Akhir ini, Penulis

telah mengumpulkan data-data dari hasil pengamatan dengan melakukan

metode pengumpulan data yaitu:

1. Penelitian Lapangan (field Research)

 4

Penelitian isi dilakukan dengan melakukan pada pengumpulan data ini

dilakukan dengan meminta dari pihak data yang memperoleh akan menjadi

pedoman dalam perancangan online ini.

2. Penelitian kepustakan (library Research)

Dalam hal ini penulian menggunakan buku-buku yang berhubungan dengan

masalah yang akan dibahas dann searching internet ataupun yang

diperoleh penulis selama masa perkuliahan yang berguna sebagai bahan

referensi untuk melengkapi penulisan TA ini.

1.4 Ruang lingkup

Ruang lingkup yang akan dibahas dalam Tugas Akhir yang dibuat oleh penulis

adalah:Home, Profile, Barang, Panduan, Konfirmasi, dan Keranjang Belanja.

1.5 Sistem Penulisan

Bab ini berisi tentang latar belakang maksud dan tujuan, metode penelitian, ruang

lingkup dan sistematika penulis.

BAB I PENDAHULUAN

Bab ini Berisi tentang latar belakang maksud dan tujuan,

Metodepenelitian, ruang lingkup dan sistematika

penulisan.

BAB II LANDASAN TEORI

Pada bab ini berisikan tentang uraian konsep dasar web dan teori

pendukung sistem.
 5

BAB III PEMBAHASAN

Pada bab ini menjelaskan analisa kebutuhan, perancangan perangkat

lunak yang menguraikan rancangan antar muka dan basis

data,spesifikasi file implementasi dan pengujian unit yang

menguraikan implementasi rancangan antar muka dan spesifikasi

sistem komputer yang menguraikan spesifikasi perangkat keras dan

spesifikasi perangkat lunak,pengujian unit.

BAB IV PENUTUP

Bab ini berisi tentang kesimpulan dan saran dari hasil penyusunan

Laporan Tugas Akhir yang telah disusun.

 BAB II

LANDASAN TEORI
2.1.Konsep Dasar Web

Menurut Hidayat,Rahmat(2010:2),Website atau situs dapat diartikan

sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar

diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya,

baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian

bangunan yang saling terkait dimana masing-masing dihubungkan dengan

jaringan-jaringan halaman (hyperlink) Bersifat statis apabila isi

informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari

pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-

ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta

penggunawebsite.

2.1.1 Internet Website

Menurut Irawan (2011:2) internet merupakan kependekan dari kata“

internetwork”,yang berarti rangkaian komputer yang terhubung menjadi beberapa

rangkaian jaringan. Sistem komputer terhubung secara global dan mengunakan

TCP/IP sebagai protocol. Secara umum internet dapat diartikan sebagai pertukan

Informasi dan komunikasi semua informasi didapatkan dengan mudah dan bebas

di internet tanpa ada batasan. berikut perkembangan penting yang dianggap

sebagai cikal-cikal lahirnya internetsekaligus sebagai tahapan paling bersejarah

yang membuat teknologi jaringan dan internet menjadi berkembang seperti

sekarang ini.

7
 8

a. Penemuan packet switching pada tahun 1960 oleh ARPA. pakcet switching

adalah pengiriman pesan yang data dipecah dalam paket-paket kecil yang

masing-masing paketnya dapat melalui alternative jalur packet swiching juga

memungkinkan jaringan dapat digunakan secara bersama untuk melekukan

banyak koneksi.

b. Salah satu pekembangan besar jaringan komputer yang dicatat dalam sejarah

padahal pengembanga lapisan protocol jaringan yang paling banyak

digunakansekarang yaitu TCP/IP (Transmission Control/Internet

Protocol).protocol adalah suatu kumpulan aturan untuk berhubungan antar

jaringan.peritiwa yang paling bersejarah ,dan membawa perubahan besar dalam dalam

dunia internet adalah ketika terbangunnya aplikasi WWW(world wide web)pada tahun

1990 oleh Tim Berners –Lee.WWW membuat semua pengguna dapat saling berbagi

bermacam-macam aplikasi dan konten,serta salin mengaitka materi-materi dan informasi

yang terbesar di internet. Setelah lahirnya WWW aplikasi dan konten internet pun

semakin berkembang hingga hari ini.sebagai sebuah sebuah jaringan transportasi segala

informasi yang berbentuk yang membentuk file atau data.

Gambar II.1
Jaringan Internet
Sumber:Irawan (2011:2)
 9

2.1.3 Website

Pengertian website Menurut Rudianto (2011:1), www biasa disingakat

web adalah suatu ruang informasi yang dipakai oleh pengenal global yang disebut

(Uniform Resorce Indentifirer) untuk mengindentifikasi sumber daya berguna,

maka dengan web ini, pengguna bisa mencari informasi dalam berbagai bentuk.

Informasi yang dihasilkanweb dapat berupa teks gambar,audio visual,model grafis

film,dan lain-lain.

Menurut Hidayat (2010:3), sering dengan perkembangan teknologi

informasi yang begitucepat, website juga mengalami perkembangan yang sangat

berarti. Dalam pengelompokan jenis web, lebih diarahkan berdasarkan kepada

fungsi. Sifat atau style dan bahasa pemrograman yang diguanakan. Apapun jenis-

jenis web, berdasarkan sifat atau style.

a. Website dinamis, merupakan sebuah website yang menyediakan konten atau isi

yang selalu berubah-ubah setiap saat. bahasa pemrograman yang digunakan antara

lain PHP,ASP,NET dan memanfaatkan database MySQL atau SQL.

b.Website statis, merupakam website yang kontenya sangat jarang berubah bahasa

pemrograma yang digunakan adalah HTML dan belum memanfaatkan

database.berdasarkan pada fungsinya website terbagi atas;

personal website, website yang berisi informasi pribadi seseorang. Commercial

website,website yang memiliki oleh instansi pemerintah, pendidikan yang

bertujuan membersikan pelayanan kepada pengguna.

 10

2.1.4 Web Browser

Untuk mengakses internet diperlukan suatu aplikasi yang disebut web

browser, program aplikasi ini mempunyai kemampuan untuk menampilkan suatu

web pageyang ditulis dengan format HTML.Dua contoh program aplikasi

angkatan pertama danmosale.Lynx adalah web browser yang berbasis text.

kekurangannya adalah dia tidak bisa menampilkan gambar tetapi dia lebih cepat

menampilkan text format browser ini banyak diikuti oleh browser lain yang lahir

setelahnya seperti nascape atau internet explorer.

2.1.5 Web Server

Web server merupakan server internet yang mampu melayani koneksi

transfer data dalam protokol HTTP. Web server merupakan hal yang terpenting

dari server di internet dibandingan server lainnya seperti e-mail server,ftp server

ataupun newsserver.Hal ini disebabkan web server telah dirancang untuk dapat

melayani beragam jenis data, dari text sampai grafis 3 dimensa. kesempatan ini

telah menyebabkan berbagai institusi seperti universitas maupun perusahan dapat

menerima kehadirannya dan juga sekaligus mengunakannya sarana di internet.

2.1.6 URL (Universal Resouce Locatol)

Seorang pengguna internet bukan hanya mengakses web page yang berupa

dokumen HTML saja tetapi data juga mengakses dokumen-dokumen yang

disediakan FTP, Gopher, Unsenet news dan sebagainnya. Karena jenis dokumen

yang bisa di akses maka dibutukan suatu cara–cara menunjuk dengan cepat
 11

kedokumen yang diinginkan. URL (Universal Resouce Locatol) adalah jawaban

dari masalah tersebut.

2.1.7 Hipertext Markup Languague (HTML)

Menurut Sibero (2012:19), “Hyper Text Markup Language atau HTML

adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk

pertukaran dokumen web”.

Menurut Kustiyahningsih (2012:13), ”HTML kependekan hyper

textmarkup language. Dokumen HTML adalah text lift murni dapat dibuat dengan

editor text sembarang. Dokumen ini dikenal sebagai web page. File-file HTML ini

berisi instruksi-instruksi yang kemudian diterjemahkan oleh browser yang ada di

komputer Klient(user) sehingga isi informasinya dapat di tampilkan secara visual

di komputer pengguna”.

HTML merupakan salah satu format yang digunakan dalam pembuatan

dokumen atau aplikasi yang berjalan di halaman web atau word wide web, dengan

hypertext dan informasi lain yang akan ditampilkan pada halaman web”.

Berdasarkan pendapat para yang dikemukakan di atas ditarik kesimpulan bahwa

HTML adalah bahasa yang tepat dipakai untuk menampilkan informasi pada

halaman web, karena HTML menampilkan informasi dalam bentuk hypertext dan

juga mendukung sekumpulan perintah yang dapat digunakan untuk mengatur

tampilnya informasi.
 12

2.1.8 Web Hosting

Web hosting terdiri dari banyak web server yang menampung banyak situs

dengan domain yang berbeda didalamnya. Untuk itu sebelumnya kita harus

memiliki nama domain agar situs yang sudah dibuat dapat dipublikasikan. Untuk

nama domain dengan bentuk www.namadomain.xxx (dimana xxx antara lain com,

net,org ataupun co.id). karena aplikasi yang kita buat menggunakan script PHP,

maka otomatis web host yang harus dipilih adalah yang mendukung penggunaan

PHP.

2.2 Bahasa Pemograman

Pemograman berbasis web adalah proses membuat sebuah program

komputer yang berdasarkan pada halaman situs yang menampilkan sebagai

informasi berbentuk teks, grafi, suara dan sumber daya animasi melalui protokol

transfer hypertex. Untuk membuat sebuah pemograman berbasis web dibutuhkan

sebuah bahasa pemograman tertentu yang dapat mendukun program tersebut

bahasa pemograman.

2.2.1 Apache

Apache server web yang bisa dijalankan di banyak sistem operasi. Apache

merupakan web server yang digunakan untuk menampilkan website di internet

seperti menggunakan Mozilla, Google Crome, IE,safari dll berdasarkan kode-

kode yang di tulis didalam website tersebut baik menggunakan bahasa

pemograman HTML maupun PHP yang mengambil suatu database yang dibangun

di MySQl.
 13

2.2.2. PHP

Manurut Anhar (2010:3) “PHP adalah bahasa pemograman script yang

paling banyak dipakai saat ini”. PHP banyak dipakai untuk pemograman situs web

dinamis, walaupun tidak tertutup kemungkinan digunakan untuk pemakaian lain.

Berbeda dengan HTML yang source kodenya di tampilkan di website, source

kode PHP tidak di tampilkan di halaman muka suatu website karenaa PHP di olah

dan doproses di server, PHP bersifat server-side scripting yang mampu berjalan di

berbagai sistem operasi seperti windows, linux, dll.

PHP memiliki kedinamisa dalam hal database yang bisa dihubungan

dengan PHP seperti MySQL, Oracle, MS Access SQL. Namun untuk

pemograman website yang palin digunakan adalah MySQL. PHP sendiri sekarang

sudah mengalami perkembangan yang pesat.

2.2.3. MySQL

MenurutAnhar (2010:21) “MySQL (My Structure Query Language)

adalahsebuahperangkatlunaksistemmanajemen basis data SQL (Database

Management System) atau DBMS darisekianbanyak DBMS, seperti oracle, MS

SQL, Postagre SQL, dan lain-lain”.

2.2.4 PHPMyAdmin

Menurut Sibero (2011:367) “phpmyadmin adalah aplikasi web yang dibuat

oleh phpMyAdmin.net.. phpMyAdmin digunakan untuk administrasi database

MySQL”. Program ini digunakan untuk mengakses database MySQl. Perintah

untuk membuat tabel dapat menggunakan form yang sudah tersedia pada
 14

phpMyAdmin atau dapat langsung menuliskan script pada menu SQl.

phpMyAdmindijalankan dengan cara mengetik http://localhost/phpmyadmin pada

web brouser.

Gambar II.2

Tampilan phpMyAdmin

Sumber: Sibero (2011:367)

Gambar II.3

Database phpAdmin

Sumber : Sibero (2011:367)

 15

2.2.5 Basis Data

Basis data adalah (database) atau basis data,adalah kumpulan informasi

yang disimpam di dalam komputer secara komputer secara sistematik sehingga

dapat diperiksa menggunakan suatu program komputer untuk memperoleh

informasi dari basis data tersebut. Perangkat lunak yang digunakan untuk

mengelola dan memanggil query basis data disebut sistem manajemen basis data

(database managemen system,DBMS). Sistem basis data dipelajari dalam ilmu

informasi.

Konsep dasar dari basis data adalah kumpulan dari catatan-catatan,atau

potongan dari pengetahuan. Sebuah basis data memiliki penjelasan struktur dari

jenis fakta yang di simpan di dalamnya. Penjelasan ini disebut skema. skema

menggambarkan obyek yang diwakili suatu bisnis data, dan hubungan di antara

objek tersebut. ada banyak cara untuk mengorganisasi skema,atau memodelkan

struktur basis data. Ini dikenal sebagai model basis data atau model data. Model

yang umum digunakan sekarang adalah model relasional,yang menurut istilah

lumayan mewakili semua informasi dalam bentuk tabel-tabel yang saling

berhubngan dimana setiap tabel terdiri dari baris dan kolom (definisi yang

sebenarnya menggunakan terminologi matematika) .dalam model ini ,hubungan

antar tabel diwakili dengan menggunakan nilai yang sama antar tabel.model yang

lain seperti model hierarkis dan model jaringan menggunakan cara yang lebih

eksplisit untuk mewakili hubungan antar tabel.

 16

Menurut Connolly (2010:65),database adalah suatu kumpulan data yang saling

berhubungan secara logis dan penjelasan tentang data yang terhubungan tersebut

dirancang sedemikian rupa sehingga dapat memberikan informasi yang diperlukan

oleh organisasi.

2.2.6 Model Pengembangan Perangkat Lunak

Menurut Sukanto dan Shalaluddin (2013:29), Model SDLC air terjun

(waterfall) sering juga disebut model skuensial linier (squensial linier) atau alur

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

hidup perangkat lunak secara skuensial atau terurut dimulai dari analisis, desain,

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

model air terjun:

Gambar II.I
Ilustrasi Model Waterfall
Sumber : Sukamto danShalaluddin (2013:29)

1. Analisis kebutuhan perangkat lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

menspesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat

 17

lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat

lunak pada tahap ini perlu untuk didokumentasikan.

2. Desain

Desain perangkat lunak adalah proses multilangkah yang fokus pada

desain pembuatan program perangkat lunak termasuk struktur data arsitertur

perangkat lunak, representasi antarmuka, dan prosedur pengodean. Tahap ini

mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke

representasi desain agar dapat diimplementasikankan menjadi program pada tahap

selanjutnya. Desain prarangkat lunak yang dihasilkan pada tahap ini juga

perludidokummentasikan.

3. Pembuatan kode program

desain harus ditranslasikan kedalam 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 secara dari segi logik dan fungsional dan

memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk

meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai

yang diinginkan.

5. Pendukung (support) atau pemeliharaan (maintensnce)

 18

Tidak ditutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika

sudsh dikirimksn ke user. Perubahan bisa terjadi karena adanya kesalahan yang

muncul dan tidak terdeteksi saat pengujian atau perangkat lunak harus beradaptsi

dengan lingkungan baru. Tahap pendukung atau pemeliharandapat mengulangi

proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat

lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.Dari

kenyataan yang terjadi sangat jarangmodel air terjun dapat dilakukan sesuai

alurnya karena sebab berikut:

a.perubahan spesifikasi perangkat lunak terjadi di tenggan alur

pengembangan.

b. sangat sulit bagi pelanggan untuk mendefiniskan semua spesifikasi di

awal alur pengembangan pealnggan sering kali btuh contoh (prototype

untuk menjabarkan spesifikasi kebutuhan sistem lebih lanjut

c. pelanggan tidak mungkin bersadar mengakomodasikan perubahan yang

diperlukan di akhiri 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 lunak.

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 sistern jelas,dokumentasi

 19

dihasilkan di setiap tahap pengembangan, dan sebuah tahap dijalankan setelah

tahap sebelumnya selesai dijalankan ( tidak ada tumpang 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.

2.2.7 Analisa dan definisi peryaratan

Mengumpulkan kebutuhan secara lengkap kemudian dianalisis dan

didefinisikan kebutuhan yang harus dipenuhi oleh program yang akan dibangun.

fase ini harus dikerjakan secara lengkap untuk bisa menghasikan desain yang

lengkap. Dalam requirement ini meliputi pengumpulan data. Sedangkan teknik

pemgumpulan data yang yang digunakan adalah:

a . Wawancara dengan pemilik toko aksesoris

b. Observasi /Analisa langsung di toko aksesoris

c. Studi pustaka dari internet dan perputakaan

setelah pengumpulang data telah selesai proses analisis E-Commerce dilakukan

guna mendapatkan design mentah dari data yang didapat.

2.2.8 Perangkat Sistem Dan Perangkat Lunak

 20

Pada tahapan ini, perancangan atau disebut juga design yang telah

dianalisi dan dibuat akan di implementasikan. Proses implementasi disini

merupakan proses penulisan code-code pembangunan E-Commerce.proses

perancangan sistem ini difokuskan pada empat atribut, yaitu struktur data,

arsitektur perangkat lunak, represenasi antarmuka dan detail (algoritma)prosedural

.yang dimaksud struktur data adalah presentsi dari hibungan logis antara elemen-

elemen data individual.

2.2.9 Implementasi Dan Pengujian Unit

Pada tahap ini, perancangan perangkat lunak direalisasikan sebagai

serangkaian program atau unit program. kemudian pengujian unit melibatkan

verifisakasi bahwa setiap unit program telah memenuhi spesifikasinya. Unit

progam- program individual diintegrasikan menjadi sebuah kesatuan sistem dan

kemudian dilakukan pengujian. Dengan kata lain,pengujian ini ditujukan untuk

menguji keterhubungan dari tiap-tiap fungsi perangkat lunak-lunak menjamin

bahwa peryaratan sistem telah terpenuhi. Setelah pengujian sistem selesai

dilalukan.perangkat lunak dikirim ke pelanggan/user.

2.3 Teori Pendukung

2.3.1 Struktur Navigasi

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

akan dibuat desainnya dan kemudian diproduksi menjadi jadi yang bersifat

sementara. Di samping tahap ini mencakup perencanaan struktur navigasi yang

 21

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

liniar, non liniar, hirarki dan komposit”.

1. Linear

Ppengguna akan melakukan navigasi secara berurutan, dari frame atau

byteinformasi yang satu ke yang lainnya.

Gambar II.4
Struktur Navigasi Linear
Sumber : Binanto (2010:269)

2. Stuktur Navigasi Non –Linear

Stuktur navigasi non-linear atau struktur tidak berurut merupakan

pengembangan dari stuktur navigasi linear. Pada struktur ini diperkenankan

membuat navigasi bercabang . percabangan yang dibuat pada struktur nonlinear

ini berbeda dengan .

Percabangan pada stuktur hirarki, karena pada percabangan non linear ini

walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan

yang sama yaitu tidak ada master page dan Slave page .
 22

Gambar 11.5
Struktur Navigasi Non-linear
Sumber : Binanto (2010:269)

3. Stuktur Navigasi Hirarki

Stuktur navigasi hirarki biasa disebut struktur bercabang merupakan suatu

stuktru yang mengandalkan percabangan untuk menanpilkan data berdasarkan

kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master page

(halaman utama pertama),halaman utama ini mempunyai halaman pendunkung

dipilih atau diaktifkan. maka tampilan tersebut akan bernama Master page

(halaman utama kedua) danseterusnya. Pada struktur navigasi ini tidak

diperkenankan adanya tampilan secara linear .

Gambar II.6
Stuktur Navigasi Hirarki Non-Linier
Sumber : Binanto (2010:269)
 23

4. Struktur Navigasi Campuran

Struktur navigasi campuran merupakan gabungan dari ketiga struktur

sebelumnya yaitu linear ,non-linear dan hirarki. Struktur navigasi ini juga biasa

disebut dengan sruktur bebas. Struktur navigaasi ini banyak digunakan dalam

pembuatan website karena ini dapat digunakan dalam pembuatan website

sehingga dapat memberikan ke –integrasi yang lebih tinggi.

Gambar II.7
Stuktur Navigasi Campuran /Composite
Sumber : Binanto (2010:269)

2.3.2 Entity Relationshp Diagam

a. Entity Relationshp diagram ( ERD)

Menurut Simarmata & Iman paryudi (2010: 67),Entity Relationshp

diagram adalah alat pemodelan data utama dan akan membatu mengorganisasi

data dalam suatu proyek kedalam etintas-etintas dan menetukan hubungan

antarentitas. Proses memungkinkan analis menghasilkan struktur basisdata yang

baik sehingga data dapat disimpan dan diambil secara efisien . ERD sendiri

memiliki beberapa unsur pembangun yaitu:

 24

1. Entity /Entitas

Entitas adalah sesuatu yang nyata abstrak dimana akan menyimpan data. Ada 4

kelas etintas ,yaitu misalnya pegawai,pembayaran, Kampus,dan buku. Contoh

suatu entitas disebut instansi, misalnya pegawai Adi ,pembayaran Niko dan lain

sebagainya.

2. Relasi (Relationship)

Relasi adalah hubungan almiah yang terjadi antara satu atau lebih etintas

,misalnya proses pembayaran pegawai. Kardinalitas menentukan kejadian suatu

entitas untuk satu kejadian pada entitas yang berhubungan. Misalnya mahasiswa

bisa mengambil banyak mata kuliah.

3. Atribut (Attribute)

Atribut adalah ciri umum semua sebagai besar instansi pada entintas tertentu.

Sebutan lain atribut adalah properti,elemen,data dan field. Misalnya

nama,alamat,nomor pegawai, dan gaji adalah atribut entitas pegawai. Sebuah

atribut atau kombinasi atribut yang mengidentifikasikan satu dan hanya satu

instansi suatu entitas disebut kunci utama atau pengenal. Misalnya,nomor pegawai

adalah kunci untuk pegawai.

Tabel III.1
Metode ERD

1.Menentukan Entitas Menentutukan peran,kejadian,lokasi ,hal

nyata dan konsep dimana pengguna akan
menyimpan data.
 25

2.Mentukan Relasi Tentukan hubungan antara pasangan

3.Gambar Erd sementara
4. Isi kardinalitas
5. Tentukan kunci utama
6. Gambar ERD berdasar kunci
7.Menentukan Atribut
8. Pemetaan Atribut
9.Gambar ERD dengan Atribut
10. Periksa Hasil
entitas mengunakan matriks relasi.
Entitas digambarkan dengan kotak dan
relasi dengan garis yang menghubungkan
entitas
Tentukan jumlah kejadian dari satu entitas
untuk sebuah kejadian pada entitas yang
berhubungan.
Tentukan atribut yang mengidentifikasi
satu dan hanya satu kejadian pada masing-
masing entitas.
Hiangkan relasi Many-to-Many dan
masukkan primary dan kunci tamu pada
masing-masin entitas.
Tuliskan field-field yang diperlukan oleh
sistem
Pasangkan atribut dengan satu entitas yang
sesuai pada masing-masing atribut
Aturlah ERD dari langkah 6 dengan
menambahkan entitas atau relasi yang
ditemukan pada langkah 8
Apakah ERD sudah menggambarkan
system yang digangun.

2.3.3. Cardinality Ratio /Derajat Kardinalitas

Merupakan rasio yang menunjukkan maksimal jumlah keterhubungan dari entitas

satu dengan entitas lainnya. Cardinality Rasio dibagi menjadi 3:

a. One to One (1:1)

Keadaanya dimana saat entitas A hanya bisa berhubungan sekali dengan entitas B.
 26

Contoh: Seorang Raja hanya bisa memimpim 1 kerajaan, demikian pula 1

kerajaan hanya bisa di pimpin oleh seorang raja.

Raja
1 1
memimpin Kerajaan

b. One to Many (1:N) atau Many to One (N:1)

Ini bisa disebut One to Many apabila ,satu anggota entitas A bisa berhubungan

dengan beberapa anggota entitas B,namun anggota entitas B hanya bisa

berhubungan dengan 1 anggota A,dan untuk Many to One adalah kebalikan

dari one to Many.

Contoh: 1 Perusahan bisa mempekerjan banyak pegawai,namun 1 pegawai

hanya bisa bekerja di 1 perusahaan.

1
n
Perusahan Memperkerjakan Kerajaan

c. Many to Many (M:N)

Apabila satu anggota entitas A biasa berhubungan dengan banyak anggota

entitas B,dan sebaliknya anggota B juga bisa berhubungan dengan banyak

anggota A.

Contoh: Satu orang bisa meminjam beberapa buku diperpustakaan, dan 1

buku bisa dipinjam beberapa orang.

 27

m n
Pelanggan membeli Buku

Buku

Tahapan Membuat ERD :

1. Menentukan entitas-entitas yang akan digunakan

2. Menentukan atribut dari setiap entitas

3. Menentukan atribut kunci dari setiap entitas

4. Menentukan relasi antar entitas

5. Menentukan atribut dari relasi(optimal)

6. Menentukan derajat kardinalitas

7. Menentukan participation constraint

2.3.4 Logical Record Structure (LRS)

Menurut Lestari(2013:29)”Logical Record structure dibentuk

dengannomor tipe record. Beberapa tipe record digambarkan oleh kotak

empatpersegi panjang dan dengan nama yang unik”. Perbedaan LRS dengan ERD

dan tipe record berada diluar field tipe record ditempatkan. LRS terdiri dari link-

link diantara tipy record. Link ini menunjukkan arah dari satu tipe record lainnya.

Banyak link dari LRS yang field-field yang kelihatan pada kedua link type record.

Penggambaran LRS mulai dengan menggunakan model yang dimengerti. dua

metode yang dapat digunakan,dimulai dengan hubungan kedua model yang dapat

dikonversikan ke LRS. metode lain dimulai dengan Entity Relationship Diagram

dan langsung dikonversikan ke LRS. Berikut tahapan transformasi ERD ke LRS.

 28

1. Konversi ERD ke LRS,Entity Relationship Diagram harus diubah ke bentuk

LRS(struktur record secara logic). Dari bentuk LRS inilah yang nantinya dapat

ditransformasikan ke bentuk relasi tabel.

2. Konversi ERD ke LRS sebuah model sistem yang digambarkan dengan

model sistem yang digambarkan dengan sebuah ERD akan mengikuti pola

pemodelan tertentu. dalam kaitannya dengan konversi ke LRS,untuk perubahan

yang terjadi adalah mengikuti aturan-aturan berikut:

a. Sebuah Relasionship kadang disatukan, dalam sebuah kotak bersama

entitas,kadang sebuah kotak bersama-sama dengan entitas,kadang disatukan

dalam sebuah kotak tersendiri.

b. Konversi LRS ke relasi tabel atau tabel adalah bentuk pernyataan data

secara grafis dimensi, yang terdiri dari kolom dan baris. Relasi adalah bentuk

visual dari sebuah file,dan tiap tuple dalam sebuah fied,atau bentuk lingkarang

Diagram Entity Relationship dikenal dengan sebutan atribut. konverso dari logika

structure dilakukan dengan cara ;

1. Nama logika record structure menjadi lama relasi.

2. Tiap atribut menjadi sebuah kolom didalam relasi.

C. Spesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dar transformasi ERD

dan atau file-file penunjang untuk web. Spesifikasi yang terdapat dalam

perancangan program ini merupakan kumpulan data yang berasal dari dokumen

masukan (input),data tersebut diproses untuk mendapat hasil guna menenjang

 29

kerja dari pembuatan program penjualan aksesoris yang diinginkan nama database

yang dipakai dalam program penjualan.

2.3.5 Pengujian Web

Menurut Rosa dan Shalahuddin (2013:275) perangkat lunak dari segi

spesifikasi fungsional tanpa menguji desain dan kode program. pengujian

dimasudkan untuk mengetahui apakah fungsi-fungsi masukan dan keluaran dari

perangakat lunak 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 coba yang

dilalukan adalah:

a. Jika user memasukan nama Pemakai (username) dan kata sandi (password)

yang benar.

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

yang salah, misalkan nama pemakai benar tapi kata sandi salah, atau sebaliknya

atau keduanya salah.

 BAB III

PEMBAHASAN

1.1 Analisa Kebutuhan

Adapun kebutuhan-kebutuhan yang wajib di miliki oleh user untuk

menggunakan website sebagai berikut:

a) Internet

b) Laptop/PC

c) Mouse

d) Hard Disk

e) Keyboard

1.2 Perancangan Perangkat Lunak

Perangkat lunak (software ) adalah program-program atau rangkaian

instruksi yang diperlukan untuk menjalankan perangkat keras

diantaranya adalah language software, operation sistem, dan application

software.

a) Sistem operasi : Windows 7.1 profesional

b) Program Design : Adove Dreamweaver cs6

c) Bahasa script : XAMPP,PHP,HTML,CSS

d) Web Hosting : localhost

e) Web Browser : Mozilla Firefox,Google Chorme

f) Database : phpmyadmin, Mysql

30
 31

3.2.1 Rancangan Antar Muka

Rancangan antar muka pada web toko aksesoris meliputih perancangan tampilan

pada user dan Admin website toko aksesoris.

A. Rancangan Antar Muka User

1.Rancangan Antar Muka Tampilan Login Admin

Admin Website

Username

Password

Login

Gambar III.1

Rancangan Antar Muka Login Admin

1. Rancangan Antar Muka Ruang Admin

Admin HOME

Doshboard

My Doshboard Data ongkos Kirim Data Member Form Barang

Tambah Admin Baru

Tabel Data Data pemesanan Online

Show 10 Entries Search:

Form Pengisian Data

ID Transaksi Nama penerima ID Aksesoris Jumlah Aksesoris Total Biaya ID Kota Status Pilihan

Detail Update Hapus

First Previous 1 Next Last

FOOTER

Gambar III.2 Rancangan Antar muka Ruang Admin

 32

2. Rancangan Antar Muka Halaman Tambah Admin Baru

Admin HOME

Doshboard

My Doshboard Data ongkos Kirim Data Member Form Barang

Tambah Admin Baru

Tabel Data
Personal-info Admin

Id Admin : MTR002
Form Pengisian Data

mastercode
Username :

...................

Password :

No.telf : No.telf

Alamat

Save

Gambar III.3

Rancangan Antar Muka Halaman Tambah Admin Baru

3. Rancangan Antar Muka Halaman Tabel data

Admin HOME

Doshboard

Tambah Admin Baru My Doshboard Data ongkos Kirim Data Member Form Barang

Tabel Data
Personal-info Admin

Data Admin
Id Admin : MTR002

Data Kategori
Aksesoris Username : Mastercode

..................
Password :
Data Persediaan
Aksesoris

Data Kota Pengirim

No.telf : No.Telf

Data Pemesanan
Sementara

Alamat

Data Order Pelanggan

Save

Data Pembayaran

Data Member

Form Pengisian Data

Gambar III.4
 33

Rancangan Antar Muka Halaman Tabel data

4. Rancangan Antar Muka Halaman Form Pengisian data

Admin HOME

Doshboard

Tambah Admin Baru My Doshboard Data ongkos Kirim Data Member Form Barang

Tabel Data
Personal-info Admin

Form Pengisian data

Id Admin : MTR002

Form kategori
Username : Mastercode

Form Aksesoris
..................
Password :
No.Telf
No.telf :

Form Kota Alamat

Pengiriman

Save

Gambar III.5

Rancangan Antar muka Halaman Form Pengisian data

5. Rancangan Antar Muka Halaman Data Admin

Admin HOME

Doshboard

My Doshboard Data ongkos Kirim Data Member Form Barang

Tambah Admin Baru

Tabel Data
Data Admin lourdes

Show 10 Entries Search:

Form Pengisian Data

ID Admin Username Password Alamat No.Telf Pilihan

MTR001 081213516228
Mastercode .............. Sunter Indah Edit Hapus
first Previous 1 Next Last

Gambar III.6

Rancangan Antar Muka Halaman Data Admin

6. Rancangan Antar Muka Halaman Data kategori Aksesoris

 34

Admin HOME

Doshboard

Data ongkos
Tambah Admin My Doshboard Data Member Form Barang
Baru
Kirim

Data Kategori
Aksesoris

Tabel Data
Show 10 Entries Search:

Pilihan
No ID Kategori Nama Kategori
Form Pengisian
Data
1 KTG001 Cicing Edit Hapus
2 KTG002 Anting Edit Hapus

KTG003 Gelang Edit Hapus

3

4 KTG004 Gelang Anak Edit Hapus

5 KTG005 Gelang Dewasa Edit Hapus

First Previous 1 Next Last

Gambar III.7

Rancangan Antar Muka Halaman Data Kategori Aksesoris

7. Rancangan Antar muka Halaman Data kota pengirim

Admin HOME

Doshboard

Data ongkos
Tambah Admin My Doshboard Data Member Form Barang
Baru
Kirim

Data ongkos kirim

Tabel Data
Show 10 Entries Search:

Pilihan
No ID Kategori Nama Kategori
Form Pengisian
Data
1 KTG001 Cicing Edit Hapus
2 KTG002 Anting Edit Hapus

KTG003 Gelang Edit Hapus

3

4 KTG004 Gelang Anak Edit Hapus

5 KTG005 Gelang Dewasa Edit Hapus

First Previous 1 Next Last

Gambar III.8 Rancangan antar muka Halaman Data kota pengirim

 35

9 . Rancangan Antar muka Halaman Data pemesanan Sementara

Admin HOME

Doshboard

Data ongkos
Tambah Admin My Doshboard Data Member Form Barang
Baru
Kirim

Data pemesanan
sementara

Tabel Data
Show 10 Entries Search:

NO.sementara ID member Kode barang Jumlah barang harga Pilihan

Form Pengisian
Data
No data Availabel in Table

First Previous 1 Next Last

Gambar III.9

Rancangan antar muka Halaman Data pemesanan Sementara

10 . Rancangan Antar muka Form pengisian data

Admin HOME

Doshboard

Tambah Admin Data ongkos Form barang

Baru
My Doshboard Data Member
Kirim

Formulir Data
ongkos kirim

Tabel Data
Show 10 Entries Search:

ID Kota : ID Kota
Form Pengisian
Data
Nama Kota : Nama Kota

Biaya : Enter Change

Save

Gambar III.10

Rancangan antar muka Form pengisian data

 36

11. Rancangan Antar muka form Kategori Aksesoris

Admin HOME

Doshboard

Tambah Admin
Baru
My Doshboard Data ongkos Data Member Form barang
Form Pengisian Data
Kirim

Form Kategori Formulir Data

kategori Aksesoris

Form aksesoris
Show 10 Entries Search:

Kd kategori : KTG007
Form kota
pengiriman
Nama kategori : Nama Kategori

Save

Gambar III.11

Rancangan Antar Muka Halaman Form data kategori Aksesoris

12. Rancangan Antar muka Form Aksesoris

Admin HOME

Doshboard

Tambah Admin Baru

Data ongkos
My Doshboard Data Member Form barang
Form Pengisian Data Kirim

Form Kategori Formulir menanbah data aksesoris

Form aksesoris
Show 10 Entries Search:

ID kategori : AKS030

Form kota pengiriman

Nama Aksesoris :
Nama Kategori

Kategori aksesoris : Cincin

Persediaan : Persediaan
Harga : Harga

Gambar : No File Selected Choose File

Save
 37

Gambar III.12

Halaman Form Aksesoris

13. Rancangan Antar Muka Form Kota pengirim

Admin HOME

Doshboard

Tambah Admin Baru

Data ongkos Form barang

My Doshboard Data Member
Form Pengisian Data Kirim

Form Kategori Formulir Data ongkos Kirim

Show 10 Entries Search:

Form aksesoris
ID Kota : ID Kota

Nama Kota :
Nama Kota
Form kota pengiriman
Biaya Enter Change

Save

Gambar III.13

Rancangan Antar muka Halaman Form Kota pengirim

 38

3.2.2 Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel –tabel yang

Digambarkan dengan Entity Relationnship Diagram (ERD)

A. Entity Relationship Diagram

no _ pelanggan no _ pesan
no _ pelanggan
password

username
1 M
alamat
tbl _ pelanggan melakukan tbl _ keranjang kode _ barang

email _ hp
jumlah _ barang

nm _ depan
1 tgl _ transaksi

nm _ belakang
total _ harga

lahir konfirmasi
pemesanan
jk nama _ bank
no _transaksi cabang _ bank
id _ kota no _transaksi
no _pesan 1
tujuan _ kota id _ transfer
penerima

biaya _ antar 1 1 1 1
tbl _ pengiriman memiliki tbl _ history mempunyai tbl _ upload Nama_pemilik

no
kode _ barang
kode _ admin
Upload_struk
Kode_admin jumlah _ barang 1
No_pelanggan

tujuan _ kota nama _ barang

biaya _ antar mempunyai

no _ pelanggan

tgl _ pesan
alamat
M
jam _ pesan status
Jumlah biaya

id _ kategori
1 1
tbl _ kategori Melakukan tbl _ aksesoris
kode _ admin

Nama_kategori
id _ kategori

no gambar

kode _ barang
negara
stock
Kode_admin
nama _ barang
harga

Gambar III.14

Entity Relationship Diagram

 39

B. Logical Relational Structure (LRS)

Tb_kategori Tb_aksesoris Tabel Admin

m Tb_member
Id_aksesoris 1
Kd_kategori 1 Tb_member Tb_admin
Nama_aksesoris 1
Nm_kategori Id_member Id_admin
Stock
Id Password Username
Harga
Id_admin Alamat Password
Negara
Email Alamat
Gambar
m Nm_depan No_tlf
kd_kategori
Nm_belakang
id_admin
Tgl_lahir
Tb_ongkir 1 Jenis kelamin
Id_kota
Nm_kota
Biaya
Id Tb_order
Id_transaksi 1
Id_admin No_sementara
Gambar penerima
Id_kategori Tb_sementara m
m Id_aksesoris
Kd_admin Id_kota
biaya Nm_sementara
Tgl_pesan Id_member
Tb_pembayar Jam_pesan Email
Id_transaksi Total_biaya m Id_aksesoris
Nama_bank Status Jml_aksesoris
Nama_pemilik Alamat Tanggal
Struk Id_member total
Id_member Nm_aksesoris
Id_admin

Gambar III.15

Logical Relational Structure

C. Spesifikasi File

Bentuk aplikasi file yang ada pada website penjualan aksesoris ini

merupakan kumpulan dan yang berasal dari dokumen input. Data tersebut

diproses untuk mendapatkan hasil yang menunjang sistem kerja yang

diinginkan. Dalam pembuatan website ini menulis menggunakan 1 buah file

database dengan”db_lourdes_aksesoris” yang memiliki 9 tabel yaitu:

 40

1. Spesifikasi file Admin

Nama database : db_lourdes_aksesoris

Nama file : Admin

Akronim : Admin

Fungsi : Memyimpan data login administrasi

Tipe file : file master

Akses file : Random

Media : Harddisk

Panjang record : 130 karakter

Kunci field : id

Software : phpmyadmin

Tabel III.1.

file Admin

No Nama Field Type Data Field Size Ket

1 Id_admin varchar 10 Primary key
2 Username varchar 15
3 Password varchar 40
4 Alamat varchar 50
5 Telf varchar 15

2. Spesifikasi file Aksesoris

Nama database : db_lourdes_aksesoris

Nama file : Aksesoris

Fungsi : Memyimpan data aksesoris

Tipe file : file master

 41

Akses file : Random

Media : Harddisk

Panjang record : 170 karakter

Kunci field : kd_ aksesoris

Software : phpmyadmin

Tabel III.2.
file Aksesoris
No Nama Field Type Data Field Size Ket
1 Id_aksesoris varchar 15 Primary key
2 Nama_aksesoris varchar 40
3 Stock Int 5
4 Harga varchar 20
5 Gambar varchar 70
6 Kode varchar 10
7 Id_admin varchar 10

3. Spesifikasi file Order

Nama database : db_lourdes_aksesoris

Nama file : Order

Fungsi : Memyimpan data Barang

Tipe file : file master

 42

Akses file : Random

Media : Harddisk

Panjang record : 319 karakter

Kunci field : kd_ Kategori

Software : phpmyadmin

Tabel III.3.

file Order

No Nama Field Type Data Field Size Ket

1 Id_transaksi Varchar 15 Primary key
2 No_sementara Int 5
3 Penerima Varchar 40
4 Id_aksesoris Varchar 15
5 Jml_aksesoris Int 6
6 Id_kota Varchar 10
7 Biaya Varchar 15
8 Tgl_pesan Varchar 30
9 Jam_pesan Varchar 8
10 Total_biaya Varchar 15
11 Status Varchar 40
12 Alamat Varchar 60
13 Id_member Varchar 10
14 Nama_aksesoris Varchar 40
15 Id_admin Varchar 10
 43

4. Spesifikasi file kategori

Nama database : db_lourdes_aksesoris

Nama file : Kategori

Fungsi : Memyimpan data Barang

Tipe file : file master

Akses file : Random

Media : Harddisk

Panjang record : 60 karakter

Kunci field : kd _Kategori

Software : phpmyadmin

Tabel III.4.

file kategori

No Nama Field Type Data Field Size Ket

1 kd_kategori Varchar 10 Primary key

2 nm_kategori Varchar 40

3 Id_admin Varchar 10
 44

5. Spesifikasi file Sementara

Nama database : db_lourdes_aksesoris

Nama file : Sementara

Fungsi : Memyimpan data Barang

Tipe file : file master

Akses file : Random

Media : Harddisk

Panjang record : 131 karakter

Kunci field : kd_ Kategori

Software : phpmyadmin

Tabel III. 5

file Sementara

No Nama Field Type Data Field Size Ket

1 No_sementara Int 5 Primary key
2 Id_member Varchar 10
3 Email_hp Varchar 45
4 Id_aksesoris Varchar 15
5 Jml_aksesoris Int 6
6 Tgl Varchar 40
7 Total Varchar 20
 45

6. Spesifikasi file Ongkir

Nama database : db_lourdes_aksesoris

Nama file : Ongkir

Fungsi : Memyimpan data Barang

Tipe file : file master

Akses file : Random

Media : Harddisk

Panjang record : 70 karakter

Kunci field : kd_ Kategori

Software : phpmyadmin

Tabel III.6

File Ongkir

No Nama Field Type Data Field Size Ket

1 id_kota Varchar 10 Primary key
2 nm_kota Varchar 30 -
3 biaya Int 15 -
4 Id Int 5 -
5 id_admin Varchar 10 -
 46

7.Spesifikasi file Pembayaran

Nama database : db_lourdes_aksesoris

Nama file : Pembayaran

Fungsi : Memyimpan data Barang

Tipe file : file master

Akses file : Random

Media : Harddisk

Panjang record : 149 karakter

Kunci field : kd_ Kategori

Software : phpmyadmin

Tabel III.22

File Pembayaran

No Nama Field Type Data Field Size Ket

1 Id_pembayaran Varchar 4 Primary key
2 Id_transaksi Varchar 15
3 Nama_bank Varchar 30
4 Nama_pemilik Varchar 40
5 Struk Varchar 50
6 Id_gambar Varchar 10

1. Spesifikasi file Member

Nama database : db_lourdes_aksesoris

Nama file : Member

Akronim : tbl_member

Fungsi : UntukMemyimpan data pelanggan.

 47

Tipe file : file master

Akses file : Random

Media : Harddisk

Panjang record : 220 karakter

Kunci field : Email

Software : phpmyadmin.

Tabel III.23

File Member

No Nama Field Type Data Field Size Ket

1 id_member Varchar 10 Primary key
2 Passwword Varchar 15
3 Alamat varchar 55
4 Email Varchar 50
5 nm_depan Varchar 20
6 nm_belakang Varchar 30
7 tgl_lahir Varchar 20
8 jenis kelamin Varchar 20
 48

3.2.3. Rancangan Struktur Navigasi Aksesoris

A. Navigasi User atau Pelanggan

Home Profil Barang Panduan Komfirmasi

Login
Koneksi Barang

Transaksi Beli

Keranja Belanja
Keranja belanja

Kofirmasi belanja
Tampilan Transaksi

Logout

Kategori

Gambar III.23 Navigasi User atau pelanggan

 49

a. Navigasi Admin

Login

Admin
Laporan data provinsi

Password Admin
Laporan data Kategori

Data Provinsi

Laporang data Barang

Data Kategori

Data Barang Laporang data Pelangga

Data Pelanggan
Laporan Pemesanan Masuk

Pemesanan Barang

Laporang pemesanan lunas

Tanggan
Komfirmasi Transfer

Laporan Pemesanan Lunas periode

Logout

Gambar III.24Navigasi Admin

 50

3.3 Implementasi dan pengujian Unit

3.3.1 Implementasi Rancangan Antar Muka

Implementasi antarmuka meliputih setiap halaman program yang dibuat beserta

pengkodean dalam bentuk file program. Berikut adalah implementasi antarmuka

Aplikasi Website lourdes aksesoris shop:

1. Tampilan Halaman login Admin

Gambar III.24
Tampilan Halaman login admin
 51

2. Tampilan Halaman Home

Gambar III.25
Tampilan Halaman utama admin

3. Tampilan Halaman tabel admin

Gambar III.26
Tampilan Halaman tabel admin
 52

4. Tampilan halaman Data kategori Aksesoris

Gambar III.28
Tampilan Halaman Data kategori Aksesoris

5. Tampilan halaman data persediaan aksesoris

Gambar III.29
Tampilan halaman data persediaan aksesoris
 53

6. Tampilan halaman Data kota pengiriman

Gambar III.30
Tampilan halaman Data kota pengiriman

7. Tampilan halaman data pemesana sementara

Gambar III.31

Tampilan halaman data pemesana sementara

 54

8. Tampilan Halaman Data Order Pelanggan

Gambar III.32
Tampilan Halaman Data Order Pelanggan

9. Tampilan halaman Data Pembayaran

Gambar III.33
Tampilan halaman Data Pembayaran
 55

10. Tampilan halaman Data Member

Gambar III.34
Tampilan halaman Data Member
 56

11. Tampilan halaman Form Pengisian Data

Gambar III.35
Tampilan halaman Form Pengisian Data

12. Tampilan halaman Form Kategori

Gambar III.36

Tampilan halaman Form Kategori

 57

13. Tampilan halaman FormAksesoris

Gambar III.37

Tampilan halaman FormAksesoris

14. Tampilan halaman Form Kota Pengiriman

Gambar III.38

Tampilan halaman Form Kota Pengiriman

 58

15.Tampilan halaman utama user

Gambar III.39

Tampiln halaman utama user

16.Tampilan halaman barang

 59

Gambar III.40

Tampilan halaman barang

17.Tampilan halaman troli belanja

Gambar III.41 Tampilan halaman troli belanja

18.Tampilan halaman pembayaran

 60

Gambar III.42

Tampilan halaman pembayaran

19.Tampilan halaman kontak kami

Gambar III.43 Tampilan halaman kontak kami

 61

3.3.2 Spesifikasi Sistem Komputer

1. Spesifikasi Perangkat Keras

a. Server

Perangkat keras yang disarahkan untuk digunakan sebagai pendukung

program aplikasi ini adalah sebagai berikut:

a. Motherboard ASUS P4S533-MX.

b. Processor Intel Insid i5.

c. RAM 128 MB.

d. Harddisk.

e. Monitor Philips 14.

f. Floppy disk 3.5 inchi.

g. Keyboard 102 keys.

h. Koneksi internet dengan kecepatan 4 mbps.

b. Client

1) CPU

(a) Processor Intel.

(b) RAM DDR2 4GB

(c) HARD DISK 20GB

2) Mouse

3) Keyboard 108 key

4) Monitor dengan layar minimun 1024×768

5) Koneksi internet dengan kecepatan 56 kbps

 62

15. Spesifikasi Perangkat Lunak (Software)

Perangkat lunak atau disebut juga software , sering diistilahkan dengan

Program yang berfungsi untuk menjalankan perangkat keras. Software adalah

kumpulan dari instruksi-instruksi yang akan dijalankan . Maka dari segi perangkat

lunak ini, yang digunakan dalam pembuatan tugas akhir ini adalah sebagai.

a) Sistem operasi : Windows 7 ultimate

b) Program Design : Adobe Dreamweaver CS 6.

c) Bahasa Script : Aplikasi Explorer, mozilla Firefox, Google.

3.3.3 Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang

fokus terhadap proses masukan dan keluaran program.

 63

A. Pengujian terhadap form login Admin

Tabel Hasil Pengujian Black Box Testing Halaman Login User

No Skenario Test Case Hasil ygdi Hasil Kesimpulan

Harapkan pengujian

User dan User dan Sistem akan

Password Password menolak akses Sesuai Valid

1 tidak diisi tidak boleh user dan harapan

kemudian kosong menampilkan

klik tombol data tidak

login boleh kosong

User diisi dan Data Sistem akan

Password Password menolak akses Sesuai Valid

tidak diisi kosong user dan harapan

2 kemudian silakan diisi menampilkan

klik tombol dengan data tidak

login benar boleh kosong

 64

B. Pengujian Terhadap Form Login Admin

Tabel Hasil Pengujian Black Box Testing Halaman Login Admin

No Skenario Test Case Hasil ygdi Hasil Kesimpulan

Harapkan pengujian

User dan User dan Sistem akan

Password Password menolak akses Sesuai Valid

1 tidak diisi tidak boleh user dan harapan

kemudian kosong menampilkan

klik tombol data tidak

login boleh kosong

User diisi dan Data Sistem akan

Password Password menolak akses Sesuai Valid

tidak diisi kosong user dan harapan

2 kemudian silakan diisi menampilkan

klik tombol dengan data tidak

login benar boleh kosong

 BAB IV

PENUTUP

4.1 Kesimpulan

Berdasarkan pengamatan yang telah dilakukan, serta disesuaikan

dengan tujuan awal dari penulisan tugas akhir ini, dimana peluang pasar

bisnis aksesoris wanita sangatlah besar, maka kesimpulan yang dapat

diperoleh dari hasil pembuatan Perancangan Sistem Informasi Penjualan

Aksesoris Berbasis Webini adalah sebagai berikut:

1. Untuk memperluas daerah pemesaran hingga ke pasar nasional dan

juga ke pasar internasional.

2. Dengan adanya sistem ini, memungkinkan pelanggan berbelanja atau

melakukan transaksi lain sepanjang tahun selama 24 jam sehari dari

manapun.

3. Dengan sistem ini, penulis dapat memanfaatkannya untuk

menyalurkan hobi bahkan menjadikan media kreasi melalui aneka

ragam aksesoris yang akhirnya berkembang menjadi suatu keuntungan

dalam berbisnis.

4.2 Saran
Dalam pembuatan tugas akhir ini, penulis sadar bahwa masih jauh

dari kesempurnaan, baik dalam materi maupun cara penyajiannya. Oleh

karena itu penulis mengharapkan kritik dan saran yang bersifat

65
 66

membangun. Pada akhir pembuatan tugas akhir ini, penulis ingin

menyampaikan beberapa saran sebagai berikut:

1. Perlu dilakukan uji coba sebelum menerapkan sistem ini.

2. Jika hasil coba menunjukan hasil yang positif maka perlu tindakan

pelatihan bagi semua orang terlibat dalam pemakaian sistem ini.

3. Dalam Perancangan Sistem Informasi Penjualan Aksesoris Berbasis

Web ini perlu menambahkan layanan multi bahasa (Indonesia

danInggris)
 DAFTAR PUSAKA

Arief M Rudianto 2011 pemograman web dinamis menggunakan PHP

danMySQL C.V ANDI OFFSETYogyakarta.

Sibero, Alexander F.K. 2012.“Kitab Suci Web Programing”. Jakarta:

MediaKom.

Binanto Iwan 2010 Multimedia Digital–Dasar Teori dan

pengembangannya Yogyakarta Andi.

Connoly, dan begg. 2010. Database system: A practical Approch To Design,

Implementation And Manajemen. Pearson Education. Jakarta.

Hidayat, Deddy.2010:3“Definisi sistem” Tangerang Jurnal cyber Raharja.

Kristanto,Andri. 2010 Kupas Tuntas PHP& MySQL klaten Cable Book.

Kustiyahningsih, yeni.2011. pemograman Basis data Berbasis Web

menggunakan PHP& MySQL. Jakarta: Graha ilmu.

Simarmata,Janer. 2010, Rekayasa Web. Yogyakarta Andi Offset.

Sukanto M. Mshalahudin 2013, Rekayasa Perangkat Lunak.

Talib Haer 2010 Panduan Menguasai Komputer Jakarta PT Elex Media

Komputindo.

Yakup 2010 Sistem Basis Data Tutorial Konseptual Jakarta Graha Ilmu.

67
 DAFTAR RIWAYAT HIDUP

A.Biodata Mahasiswa

N.I.M : 12140357

Nama Lengkap : Domingas Lourdes Da Silva

Tempat Tanggal Lahir : Wailili, 4 September 1989

Jenis Kelamin : Perempuan

Kewarganegaraan : Timor-Leste

Alamat : Jl.Sunter Indah V No.4-5 Jakarta Utara

B.Riwayat Pendidikan Formal & Non-Formal

I. SD Negeri I Wailili/Baucau, Timor-Leste, Lulus 2005

2. SMP Negeri 2 Wailili/Baucau, Timor-Leste, Lulus 2008

3. SMKK Sta Maria Mazzarello Venilale/Baucau, Timor-Leste, Lulus 2011

A. Riwayat Pengalaman Berorganisasi/Pekerjaan

I. Staff Bakery Dili, Timor-Leste tahun 2012 s.d 2013

68
Lampiran A-1 Tampilan Awal Admin

Lampiran A-2 Tampilan Home Admin

68
 69

Lampiran A-3 Tampilan tabel data Admin

Lampiran B-4 Tampilan Awal Web

 70

Lampiran B-5 Tampilan Home

Lampiran B-6 Tampilan Profil

 71

Lampiran B-7 Tampilan Barang