PROGRAM PENJUALAN PAKAIAN BERBASIS WEB · M. Rizky Aditya (12144970), Program Penjualan Pakaian Berbasis Web Dalam memperoleh data untuk penyusunan penulisan tugas akhir ini, penulis

PROGRAM PENJUALAN PAKAIAN

BERBASIS WEB

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

M Rizky Aditya

NIM : 12144970

Program Studi Manajemen Informatika

AMIK BSI Jakarta

Jakarta

2017

vii

KATA PENGANTAR

Dengan mengucapkan puji syukur kehadirat Allah SWT atas

terselesaikannya tugas akhir dengan judul: “Program Penjualan Pakaian

Berbasis Web” Yang merupakan salah satu syarat kelulusan Program Studi

Manajemen Informatika Akademi Manajemen Informatika dan Komputer Bina

Sarana Informatika.

Dalam tugas akhir ini diharapkan dapat memberikan informasi yang

kemudian bermanfaat bagi kita. Selama mengerjakan tugas akhir ini, penulis telah

banyak menerima bimbingan dan saran-saran dari berbagai pihak. Untuk itu

penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada yang

terhormat:

1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

Informatika.

2. Ketua Program Studi Manajemen Informatika Akademi Manajemen

Informatika dan Komputer Bina Sarana Informatika.

3. Ibu Yesni Malau, M.Kom, selaku Dosen Pembimbing.

4. Bapak Riva Abdillah Aziz, M.M., M.Kom, selaku Asisten Pembimbing.

Akhirnya penulis berharap semoga laporan ini bermanfaat bagi semua

pihak yang membantu, meskipun dalam laporan ini masih banyak kekurangannya.

Oleh karena itu kritik dan saran yang membangun tetap penulis harapkan.

Jakarta, Juli 2017

M. Rizky Aditya

viii

ABSTRACT

M. Rizky Aditya (12144970), Web Based Clothing Sales Program

In obtaining data for the preparation of this thesis, the author tries some research

methods are observation and literature study. To facilitate the sale of clothing,

this sales program is made to facilitate the sale of clothing. In addition, for

consumers who are not in the same region can facilitate them for online

transactions. The purpose of this study is to create and develop sales programs to

make it easier and more efficient in its management and transactions. In making

this web registration using PHP script, MySql, CSS, and jQuery. The design was

built using Sublime Text 3. Web Based Approach Sales Program has been

completed with PHP and MySql.

Keywords : Web Based Clothing Sales Program

ix

ABSTRAK

M. Rizky Aditya (12144970), Program Penjualan Pakaian Berbasis Web

Dalam memperoleh data untuk penyusunan penulisan tugas akhir ini, penulis

mencoba beberapa metode penelitian diantaranya adalah observasi dan studi

pustaka. Untuk memudahkan penjualan pakaian, program penjualan ini dibuat

untuk memudahkan penjualan pakaian. Selain itu, bagi konsumen yang tidak satu

daerah dapat memudahkan mereka untuk transaksi secara online. Tujuan dari

penelitian ini adalah untuk membuat dan mengembangkan program penjualan

agar lebih mudah dan efisien dalam pengelolaannya dan transaksinya. Dalam

pembuatan web pendaftaran ini menggunakan script PHP, MySql, CSS, dan

jQuery. Desainnya dibangun dengan menggunakan Sublime Text 3.

Kesimpulannya Program Penjualan Pakaian Berbasis Web ini telah selesai dibuat

dengan PHP dan MySql.

Kata Kunci : Program Penjualan Pakaian Berbasis Web

x

DAFTAR ISI

Halaman

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

Lembar Pernyataan Keaslian Tugas Akhir ...................................................... ii

Lembar Penyataan Persetujuan Publikasi Karya Ilmiah .................................. iii

Lembar Persetujuan dan Pengesahan Tugas Akhir .......................................... iv

Lembar Konsultasi Tugas Akhir ...................................................................... v

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

Lembar Abstraksi ............................................................................................. viii

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

Daftar Simbol .................................................................................................. xiii

Daftar Gambar ................................................................................................ xiv

Daftar Tabel .................................................................................................... xviii

BAB I PENDAHULUAN

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

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

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

1.4 Ruang Lingkup ......................................................................... 5

1.5 Sistematika Penulisan ............................................................... 5

BAB II LANDASAN TEORI

2.1 Konsep Dasar ........................................................................... 7

1. Website .............................................................................. 7

xi

2. Internet ............................................................................... 8

3. Xampp .............................................................................. 8

2.1.1 Bahasa Pemrograman .................................................... 8

1. HTML ..................................................................... 9

2. PHP ......................................................................... 10

3. Java Script ............................................................... 10

2.1.2 Basis Data ...................................................................... 11

1. MySQL ................................................................... 11

2. PHPMyAdmin .......................................................... 12

3. Apache ..................................................................... 12

2.1.3 Model Pengembangan Perangkat Lunak ........................ 13

2.2 Peralatan Pendukung (Tools System)........................................ 14

2.2.1 Struktur Navigasi ......................................................... 15

2.2.2 Sublime Text 3 .............................................................. 18

2.2.3 Pengujian (Testing) ...................................................... 20

2.2.4 Cascading Style Sheet (CSS) ........................................ 21

2.2.5 Entity Relationship Diagram (ERD) ............................ 21

2.2.6 Logical Record Structure(LRS) .................................... 22

BAB III PEMBAHASAN

3.1 Analisa Kebutuhan .................................................................. 24

3.1.1 Kebutuhan Pengguna ..................................................... 24

3.1.2 Kebutuhan Sistem .......................................................... 24

3.2 Perancangan Perangkat Lunak ................................................ 25

xii

3.3.1 Rancangan Antar Muka ......................................................... 25

3.3.2 Rancangan Basis Data .................................................. 40

3.3.3 Rancangan Struktur Navigasi ....................................... 50

3.4 Implementasi dan Pengujian Unit ............................................ 51

3.4.1 Implementasi ................................................................... 51

3.4.2 Pengujian Unit ................................................................. 69

BAB IV PENUTUP

4.1 Kesimpulan .............................................................................. 71

4.2 Saran ........................................................................................ 71

DAFTAR PUSTAKA .................................................................................... 73

RIWAYAT HIDUP ........................................................................................ 75

xiii

DAFTAR SIMBOL

A. Simbol Entity Relationsip Diagram (ERD)

ENTITY

Entity atau entitas yaitu kumpulan dari objek yang

dapat diindentifikasikan secara unik

RELATIONSHIP

Relationship berfungsi untuk menghubungkan entitas

ATTRIBUTE

Attibute berfungsi mendeskripsikan karakter entitas

PRIMARY KEY ATTRIBUTE

Simbol attribute yang di garis bawahi berfungsi sebagai

kunci diantara nama-nama atribut yang ada pada entity

CONECCTOR

Simbol ini berfungsi untuk menghubungkan antara

entitas atau atribut satu dengan yang lainnya

xiv

DAFTAR GAMBAR

Halaman

Gambar II.1 Struktur Navigasi Linear Navigation Model ............................... 15

Gambar II.2 Struktur Navigasi NonLinier ...................................................... 16

Gambar II.3 Struktur Navigasi Hierarchical Model ....................................... 16

Gambar II.4 Struktur Navigasi Campuran ....................................................... 17

Gambar III.1 Rancangan Antar Muka Penjualan Index ................................... 25

Gambar III.2 Rancangan Antar Muka Login ................................................... 26

Gambar III.3 Rancangan Antar Muka Register ............................................... 26

Gambar III.4 Rancangan Antar Muka How To Shop ....................................... 27

Gambar III.5 Rancangan Antar Muka New Arrival ......................................... 27

Gambar III.6 Rancangan Antar Muka Top ...................................................... 28

Gambar III.7 Rancangan Antar Muka Bottom ................................................. 28

Gambar III.8 Rancangan Antar Muka Accessories .......................................... 29

Gambar III.9 Rancangan Antar Muka Detail Order ........................................ 29

Gambar III.10 Rancangan Antar Muka Detail Product ................................... 30

Gambar III.11 Rancangan Antar Muka Penjualan Checkout ........................... 30

Gambar III.12 Rancangan Antar Muka Data Top ............................................ 31

Gambar III.13 Rancangan Antar Muka Add Data Section Top ...................... 31

Gambar III.14 Rancangan Antar Muka Sale Transaction ............................... 32

Gambar III.15 Rancangan Antar Muka Add Data Section Carousel ............... 32

Gambar III.16 Rancangan Antar Muka Add Data Section Bottom .................. 33

Gambar III.17 Rancangan Antar Muka Add Data Section Arrival .................. 33

Gambar III.18 Rancangan Antar Muka Add Data Section Accessories ........... 34

xv

Gambar III.19 Rancangan Antar Muka Data Contactus .................................. 34

Gambar III.20 Rancangan Antar Muka Data Member ..................................... 35

Gambar III.21 Rancangan Antar Muka Edit Data Section Top ....................... 35

Gambar III.22 Rancangan Antar Muka Section Bottom .................................. 36

Gambar III.23 Rancangan Antar Muka Sale Report ........................................ 36

Gambar III.24 Rancangan Antar Muka Edit Data Section Arrival .................. 37

Gambar III.25 Rancangan Antar Muka Edit Data Section Carousel ............... 37

Gambar III.26 Rancangan Antar Muka Data Carousel ................................... 38

Gambar III.27 Rancangan Antar Muka Edit Data Section Accessories .......... 38

Gambar III.28 Rancangan Antar Muka Data Bottom ....................................... 39

Gambar III.29 Rancangan Antar Muka Data Arrival....................................... 39

Gambar III.30 Rancangan Antar Muka Buyer Address ................................... 39

Gambar III.31 Rancangan Antar Muka Data Accessories ............................... 40

Gambar III.32 ERD .......................................................................................... 41

Gambar III.33 LRS........................................................................................... 42

Gambar III.34 Struktur Navigasi Halaman Admin ........................................... 50

Gambar III.35 Struktur Navigasi Halaman User ............................................. 50

Gambar III.36 Implementasi Halaman Index ................................................... 51

Gambar III.37 Implementasi Halaman Login .................................................. 52

Gambar III.38 Implementasi Halaman Admin Accesoriess ............................. 52

Gambar III.39 Implementasi Halaman Admin Alamat Pembeli ...................... 53

Gambar III.40 Implementasi Halaman Admin Arrival ..................................... 53

Gambar III.41 Implementasi Halaman Admin Bottom ..................................... 54

Gambar III.42 Implementasi Halaman Admin Carosel.................................... 54

xvi

Gambar III.43 Implementasi Halaman Admin Edit Accessories ...................... 55

Gambar III.44 Implementasi Halaman Admin Edit Arrival ............................. 55

Gambar III.45 Implementasi Halaman Admin Edit Bottom ............................. 56

Gambar III.46 Implementasi Halaman Admin Edit Carousel .......................... 56

Gambar III.47 Implementasi Halaman Admin Edit Top .................................. 57

Gambar III.48 Implementasi Halaman Admin Edit Laporan ........................... 57

Gambar III.49 Implementasi Halaman Admin Member ................................... 58

Gambar III.50 Implementasi Halaman Admin Pesan Pembeli ......................... 58

Gambar III.51 Implementasi Halaman Admin Tambah Accessories ............... 59

Gambar III.52 Implementasi Halaman Admin Tambah Arrival ....................... 59

Gambar III.53 Implementasi Halaman Admin Tambah Bottom ....................... 60

Gambar III.54 Implementasi Halaman Admin Tambah Carousel ................... 60

Gambar III.55 Implementasi Halaman Admin Tambah Top ............................ 61

Gambar III.56 Implementasi Halaman Admin Top .......................................... 61

Gambar III.57 Implementasi Halaman Admin Transaksi ................................. 62

Gambar III.58 Implementasi Halaman User .................................................... 62

Gambar III.59 Implementasi Halaman Arrival ................................................ 63

Gambar III.60 Implementasi Halaman Accesories .......................................... 63

Gambar III.61 Implementasi Halaman Bottom ................................................ 64

Gambar III.62 Implementasi Halaman Check Out ........................................... 64

Gambar III.63 Implementasi Halaman Detail .................................................. 65

Gambar III.64 Implementasi Halaman Detail Barang ..................................... 65

Gambar III.65 Implementasi Halaman Cara Membeli ..................................... 66

Gambar III.66 Implementasi Halaman Register .............................................. 66

xvii

Gambar III.67 Implementasi Halaman Top ..................................................... 67

xviii

DAFTAR TABEL

Halaman

Tabel III.1 Tabel Login .................................................................................... 44

Tabel III.2 Tabel Produk .................................................................................. 45

Tabel III.3 Tabel Order .................................................................................... 46

Tabel III.4 Tabel Order Items .......................................................................... 48

Tabel III.5 Tabel Carousel ............................................................................... 49

Tabel III.6 Tabel Contact ................................................................................. 49

Tabel III.7 Tabel Hasil Pengujian Black Box ................................................... 69

Tabel III.8 Tabel Hasil Pengujian Black Box ................................................... 71

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Dalam meningkatkan penjualan dan mendapatkan keuntungan serta

banyak konsumen, suatu bidang usaha harus inovatif dan selalu memberikan

pelayanan yang terbaik bagi konsumen. Inovatif dalam menjual barang-barang

yang sesuai dengan kebutuhan, kemudian selalu memberikan yang terbaik

berarti memberikan alternatif yang mudah dalam bertransaksi. Banyak usaha

yang dilakukan oleh para wirausahawan seperti membuat iklan dengan pamflet,

spanduk, brosur dan yang lainnya untuk mempromosikan dan menjual barangnya.

Seiring majunya teknologi banyaknya para wirausahawan ataupun

perusahaan yang menggunakan alat teknologi untuk penjualan, dari perangkat

keras yang dipakai seperti mesin cetak yang digunakan maupun perangkat

lunak program-program yang dibuat oleh programer seperti website.

Teknologi ini sangat memudahkan wirausahawan dan perusahaan dalam

mempromosikan barang atau jasanya dan membuat daya tarik peminat lebih

banyak karena sudah banyaknya teknologi komputer yang dipakai oleh manusia.

Bisnis dalam bidang penjualan terutama penjualan pakaian sangatlah

banyak, masalah yang sering timbul adalah konsumen saat ini menginginkan

transaksi yang mudah dan akurat serta dapat dilakukan kapan saja, melakukan

pembelian tanpa harus datang langsung ke toko pakaian, dan produk yang di

tawarkan memiliki kualitas yang baik. Solusi dari masalah tersebut adalah dengan

2

membuat sebuah program yang melayani penjualan secara efektif dan efisien

berbasis web.

Penjualan di dalam bidang fashion yang terdiri dari penjualan pakaian,

celana, dan accessories. Untuk mempermudah dalam proses transaksi penjualan

maka penulis mebuat sebuah website penjualan (e-commerce), dengan adanya

penjualan barang melalui website dapat meningkatkan daya tarik konsumen

terhadap produk yang ditawarkan. Penjualan dengan website akan memberikan

kemudahan terhadap konsumen yang sedang mencari informasi di dunia maya

tentang barang yang dibutuhkannya. Penulis dapat memberikan banyak informasi

dengan rinci maupun singkat, dengan website ini dan juga memungkinkan

mendapatkan banyak berbagai konsumen dari berbagai kota. Sesuai dengan hal

diatas, maka penulis mengambil suatu pembahasan dalam pembuatan sebuah

website, tugas akhir ini mencangkup konsep dasar dari website yang dibuat.

Penulis memilih judul untuk tugas akhir ini adalah “PERANCANGAN

PROGRAM PENJUALAN PAKAIAN BERBASIS WEB”.

1.2 Maksud dan Tujuan

Maksud dari pembuatan tugas akhir ini yaitu:

1. Untuk membangun sebuah sistem berbasis web yang selain bermanfaat,

juga memiliki tampilan yang menarik dengan bantuan bootstrap.

2. Untuk menyajikan informasi mengenai penjualan pakaian, penjualan serta

pemesanan pakaian.

3. Untuk menyajikan informasi terkait busana pakaian sehingga dapat

meningkatkan penjualan.

3

Sedangkan tujuan dari penulisan tugas akhir ini adalah sebagai syarat

kelulusan Program Diploma Tiga (D.III) Program Studi Manajemen Informatika

di Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

(AMIK BSI).

1.3 Metode Penelitian

Dalam menulis tugas akhir ini metode penelitian yang digunakan oleh

penulis adalah sebagai berikut:

A. Metode Pengembangan Perangkat Lunak

Metode yang digunakan pada pengembangan perangkat lunak ini

menggunakan model water fall, yang menurut Rosa dan Shalahuddin (2013:28)

terbagi menjadi lima tahapan, yaitu:

1. Analisis Kebutuhan Perangkat Lunak

Pada proses ini mengutamakan mengenai proses pemesanan produk

pakaian secara online. Hal ini dilakukan untuk mempermudah proses

transaksi penjualan dan memberikan kemudahan tersendiri kepada para

pengguna internet yang akan memesan maupun memperoleh informasi

mengenai produk pada website penjualan pakaian

2. Desain

Pada tahap desain ini penulis melakukan perancangan antarmuka atau

tampilan website untuk dapat memudahkan user untuk melakukan

transaksi pembelian dengan menggunakan perangkat pemodelan sistem

seperti ERD dan LRS.

4

3. Pembuatan Kode Program

Desain harus ditranslasikan ke dalam program perangkat lunak. Pada tahap

ini penulis melakukan pembuatan kode program atau coding yang

merupakan penerjemahan design dalam bahasa yang dikenal oleh

komputer. Pada tahap ini penulis menggunakan bantuan Sublime Text 3.

4. Pengujian

Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan

keluaran yang dihasilkan sesuai dengan yang diinginkan. Pada tahap ini

penulis melakukan pengujian unit dengan bantuan Black Box Testing

untuk meminimalisir (error) dan memastikan keluaran yang dihasilkan

sesuai dengan yang diinginkan.

5. Pendukung (Support) atau Pemeliharaan (Maintenance)

Tahap pendukung atau pemeliharaan dapat mengulangi proses

pengembangan mulai dari tahap analisa spesifikasi untuk perubahan

perangkat lunak yang sudah ada, tetapi tidak untuk membuat perangkat

lunak yang baru.

B. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan Tugas Akhir ini yaitu :

1. Observasi

Penulis menggunakan observasi dalam pengumpulan data pada berbagai

website penjualan lain yang sejenis untuk dijadikan gambaran dalam

pembuatan website pada tugas akhir ini.

5

2. Studi Pustaka

Penulis menggunakan studi pustaka dengan mengambil referensi dari

beberapa buku dan artikel–artikel di internet.

3. Wawancara

Dalam metode wawancara dilakukan dengan sesi Tanya jawab langsung

dengan narasumber untuk mendapatkan data yang akurat, data yang

penulis butuhkan dalam penulisan tugas akhir ini.

1.4 Ruang Lingkup

Dalam tugas akhir ini, penulis membatasi permasalahan mengenai

perancangan program penjualan berbasis web. Pembahasan lebih di khususkan

bagaimana proses perancangan yang meliputi proses pembuatan konsep

menggunakan ERD dan LRS, design interface, sampai pemrograman yang

menyangkut pemberian informasi tentang penjualan pakaian kepada pengguna

serta penginputan data-data oleh admin.

1.5 Sistematika Penulisan

Pada penulisan tugas akhir ini, penulisannya dibagi menjadi empat bab

diantaranya sebagai berikut :

BAB I PENDAHULUAN

Dalam bab ini diuraikan masalah umum, maksud dan tujuan

penulisan Tugas Akhir, metode penelitian, ruang lingkup dan

sistematika penulisan.

6

BAB II LANDASAN TEORI

Pada bab ini penulis menjelaskan tentang konsep dasar sistem

dan peralatan pendukungnya (tools system).

BAB III ANALISIS SISTEM BERJALAN

Dalam bab ini menjelaskan tentang Tahap Tinjauan Perusahaan

seperti Sejarah Perusahaan, Struktur Organisasi dan Fungsi,

Tahap Analisis Kebutuhan, Tahap Perancangan Perangkat Lunak

seperti Rancangan Antar Muka, Rancangan Basis Data, dan

Rancangan Struktur Navigasi, Tahap Implementasi dan Pengujian

Unit.

BAB IV PENUTUP

Bab ini merupakan bab penutup atau akhir yang berisi tentang

kesimpulan dan saran, supaya pemecahan masalah dari

keseluruhan pembahasan sistem yang telah dianalisa.

7

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Menurut Kustiyahningsih (2011:5) “World Wide Web (WWW) lebih

dikenal dengan web yang merupakan salah satu layanan yang didapat oleh

pemakai komputer, yang terhubung ke internet dengan fasilitas hypertext

untuk menampilkan data berupa teks, gambar, suara, animasi dan data

multimedia lainnya”.

Php merupakan salah satu script (perintah-perintah program) server side

yang sangat populer diterapkan dalam sebuah situs web. Situs atau web dapat

diterapkan menjadi dua yaitu web Statis dan web Dinamis. Web Statis adalah web

yang berisi atau menampilkan informasi-informasi yang sifatnya statis (tetap),

sedangkan “web Dinamis adalah web yang menampilkan informasi serta dapat

berinteraksi dengan pengguna”.

Ada dua kategori pemrograman web yaitu pemrograman server side dan

client side. Pada pemrograman server side perintah-perintah program (script)

dijalankan di server web, kemudian hasil dikirimkan ke browser dalam bentuk

HTML biasa. Adapun pada client side perintah program dijalankan pada browser

web sehingga ketika klient meminta dokumen script maka script dapat di-

download dari server kemudian dijalankan pada browser yang bersangkutan.

1. Website

Menurut Fathansyah (2012:464) menyimpulkan bahwa “World Wide Web

(WWW) merupakan sistem informasi terdistribusi yang berbasis hypertext”.

Dokumen-dokumen yang dikelola dalam web bisa beraneka jenis (pengolahan

8

kata, lembar kerja, tabel basis data presentasi, hypertext, dan lain-lain) dan

beragam format (.doe, .pdf, .xls, .dbf, .ppt, .html, dan lain-lain)

2. Internet

Menurut Oetomo (2007:23) menyatakan bahwa Internet berasal dari kata

Interconnection Networking yang berarti hubungan komputer dengan

berbagai tipe yang membentuk sistem jaringan yang mencakup seluruh dunia

(jaringan komputer global) melalui jalur telekomunikasi seperti telepon, radio

link, satelit, handphone dan lain-lain”.

Pada awalnya, internet berasal dari ARPAnet, dibangun oleh Advance

Research Project Agency. ARPAnet merupakan jaringan riset dan pertahanan

yang dibuat oleh Departemen Pertahanan AS pada awal 1970-an untuk riset

sistem jaringan dan sarana komunikasi serta pertukaran data antar ilmuwan untuk

proyek lainnya. The National Science Foundation (NSF) memperluas ARPAnet

dengan NSFnet yang pada awalnya dirancang untuk mengkoneksikan universitas-

univesitas dan pusat riset. Kemudian koneksi ini juga digunakan untuk

berkomunikasi antara individu-individu di dalam institusi ini lewat e-mail,

transfer file data, kelompok diskusi dan penggunaan lainnya.

3. XAMPP

Menurut Wardana (2010:8), “XAMPP adalah paket software yang

didalamnya sudah terkandung Web Server Apache, database MySQL dan PHP

sebuah software web server apache yang didalamnya sudah tersedia database

server MySQL dan support PHP programming.

2.1.1 Bahasa Pemrograman

Menurut Munir (2011:13) mengemukakan bahwa “Bahasa pemrograman

adalah bahasa komputer yang digunakan dalam menulis program”. Menurut

9

Subhan (2012:109) mengungkapkan: “Perancangan adalah proses pengembangan

spesifikasi baru berdasarkan rekomendasi hasil analisis sistem”. Menurut

Yulikuspartono (2009:29) mengemukakan bahwa, “Program merupakan sederetan

instruksi atau statement dalam bahasa yang dimengerti oleh komputer yang

bersangkutan”. Menurut Stice (2009:571) adalah: “Persediaan ditujukan untuk

barang-barang yang tersedia untuk dijual dalam kegiatan bisnis normal, dan dalam

kasus perusahaan manufaktur, maka persediaan ditujukan untuk barang dalam

proses produksi atau yang ditempatkan dalam kegiatan produksi”. Untuk

mengembangkan proses pembuatan website penulis menggunakan beberapa

bahasa pemrograman diantaranya, adalah :

1. HTML (HyperText Markup Language)

Menurut Winarmo (2013:1) “HTML merupakan singkatan dari HyperText

Markup Language, artinya bahasa ini adalah bahasa markup untuk

memformat konten halaman web. Atau dengan kata lain, bahasa untuk

mengatur bagaimana penampilan dan pemfromatan konten yang ada web”.

HTML menekenkan penggambaran komponen-komponen struktur dan format

didalam halaman web. Adapun untuk menentukan penampilan adalah tugas

CSS. Dengan adanya HTML, maka komputer menjadi memiliki bahasa

komunikasi yang standar. Jadi dokumen HTML ini bisa dilihat dengan

penampilan yang sama, baik di komputer Windows, MAC, Linux dan lain

sebagainya.

HTML digunakan untuk menampilkan berbagai info di dalam sebuah

penjelajah web internet dan formating hypertext sederhana yang ditulis ke

dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang

http://en.wikipedia.org/wiki/Prose

10

terintegrasi. HTML saat ini merupakan standar internet yang didefinisikan

dan dikendalikan penggunaannya oleh world wide web (www). Dengan kata

lain, HTML adalah script pemograman yang mengatur bagaimana kita

menyajikan informasi di dunia internet dan bagaimana itu membawa kita

melompat dari satu tempat ke tempat lainnya. Adapun elemen-elemen yang

termasuk adalah head, body, table, paragraph, dan list. Elemen dapat berupa

teks murni atau bukan teks, atau berupa keduanya.

2. PHP (Personal Home Page)

Menurut Anhar (2010:3), menyatakan bahwa PHP singkatan dari PHP:

Hypertexy Processor yaitu bahasa pemrograman web server-side yang

bersifat open source. PHP merupakan script yang terintegrasi dengan HTML

dan berada pada server (server side HTML embedded scripting). PHP adalah

script yang digunakan untuk membuat halaman yang dinamis. Dinamis

berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh

client. Mekanisme ini menyebabkan informasi yang diterima client selalu

yang terbaru atau up to date. Semua script PHP dieksekusi pada server

dimana script tersebut dijalankan.

PHP digunakan untuk membuat tampilan web menjadi lebih dinamis, dengan

PHP anda bisa menjalankan beberapa file dalam satu file dengan cara

memasukkan atau memanggil. PHP itu sendiri sudah dapat berinteraksi

dengan beberapa database walaupun dengan kelengkapan berbeda, yaitu

seperti : DBM, FilePro (Personal,Inc), Informix, Ingres, Interbase, Microsoft

Access, MSSQL, MySQL, Oracle, PostgrSQL, dan Sybase.

3. JavaScript

11

Menurut Sunyoto (2007:17) “Javascript adalah bahasa scripting yang

popular di internet dan dapat bekerja di sebagian besar browser popular

seperti Internet Exploler, Mozilla Firefox, Netscape, dan Opera”. Kode

Javascript dapat disisipkan dalam halaman web mengunakan tag script.

Beberapa hal tentang JavaScript sebagai berikut:

1. JavaScript didesain untuk menambah interaktif suatu web.

2. JavaScript merupakan sebuah bahasa scripting.

3. JavaScript berisi baris kode yang dijalankan di komputer (web

browser).

4. Bahasa Scirpting merupakan bahasa pemrograman yang ringan.

5. JavaScript biasanya disisipkan (embedded) dalam halaman HTML

6. JavaScript adalah bahasa interpreter (yang berarti skrip dieksekusi

tanpa proses kompilasi).

2.1.2 Basis Data

Menurut Anhar (2010:45) “Database adalah sekumpulan tabel-tabel yang

berisi data dan merupakan kumpulan dari baris (field) dan kolom (column).

Setruktur file yang menyusun sebuah database adalah Data Record dan Field”.

1. MySQL

Menurut Anhar (2010:5) mengatakan bahwa “MySQL (My Structured

Query Language) adalah sebuah program pembuat dan pengelola database

atau yang sering disebut DBMS (Database Management System), sifat dari

DBMS ini adalah Open Source dan ini didapatkan gratis pada alamat

http://www.mysql.com”.

http://www.mysql.com/

12

MySQL awalnya dibuat oleh perusahaan konsultan bernama TcX yang

berlokasi di Swedia dan dulunya MySQL berjalan pada Platform Linux,

dengan adanya perkembangan dan banyaknya pengguna, serta lisensi dari

database ini adalah Open Source, maka para ahli pengembang merilisnya

versi windowsnya.

2. PHPMyAdmin

Menurut Nugroho (2009:88), “PHPMyAdmin adalah suatu aplikasi Open

Source yang berbasis web, aplikasi ini dibuat menggunakan PHP, fungsi

aplikasi ini adalah untuk mengakses database MySQL”.

Dengan adanya aplikasi ini akan sangat mempermudah dan

mempersingkat kerja kita dalam mengelola database MySQL. Dengan

adanya kelebihan yang dimilikinya mengakibatkan para pengguna awan

tidak harus mampu untuk mengetahui perintah-perintah MySQL dalam

pembuatan database dan tabel.

3. Apache

Menurut Sibero (2011:374),“Apache adalah perangkat lunak yang

digunakan untuk mengakses dan mengatur konfigurasi Apache web

server”.

Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang dapat

dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache juga

didukung oleh sejumlah antarmuka pengguna berbasis grafik (GUI) yang

memungkinkan penanganan server menjadi mudah. Apache merupakan

perangkat lunak sumber terbuka dikembangkan oleh komunitas terbuka

13

yang terdiri dari pengembang-pengembang dibawah naungan Apache

Software Foundation.

2.1.3 Model Pengembangan Perangkat Lunak

Menurut Rosa dan Shalahuddin (2013:28), “Air terjun (water fall) adalah

model sekuensial linier (sequential linear) atau alur hidup klasik (classic life

cycle). Model air terjun menyediakan pendekatan alur hidup perangkat lunak

secara sekuential atau terurut dimulai dari analisis, desain, pengkodean, pengujian,

dan tahap pendukung (support)”.

1. Analisis Kebutuhan Perangkat Lunak

Proses pengumpulan kebutuhan dilakukan secara intensif untuk

menspesifikasikan 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 langkah yang focus pada desain

pembuatan program perangkat lunak termasuk struktur data, arsitektur

perangkat lunak, representasi antar muka, dan prosedur pengkodean. Tahap

ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke

representasi desain agar dapat diimplementasikan menjadi program pada

tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga

perlu didokumentasikan.

3. Pembuatan Kode Program

14

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 logic dan fungsional untuk

memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk

meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan

sesuai dengan yang diinginkan.

5. Pendukung (Support) atau Pemeliharaan (Maintenance)

Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan

ketika sudah dikirim ke user. Perubahan bisa terjadi karena adanya kesalahan

yang muncul dan tidak terdeteksi saat pengujian atau perangkat lunak yang

harus beradaptasi dengan lingkungan baru. Tahap pendukung atau

pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis

spesifikasi untuk perubahan perangkat lunak yang sudah ada, tetapi tidak

untuk membuat perangkat lunak yang baru.

2.2. Peralatan Pendukung (Tools Systems)

Perancangan program tidak terlepas dari penggunaan peralatan pendukung

(tools system), penggunaan peralatan pendukung ini menambah kemudahan dalam

merancang website. Pada perancngan website kali ini penulis menggunakan 6

(enam) peralatan pendukung diantaranya :

15

2.2.1 Struktur Navigasi

Menurut Binanto (2010:268) “Struktur navigasi adalah gabungan dari

struktur referensi informasi situs web dan mekanisme link yang mendukung

pengunjung untuk melakukan penjelajahan situs”. Struktur navigasi berfungsi

untuk menggambarkan dengan jelas hubungan dan rantai kerja seluruh elemen

yang akan digunakan dalam aplikasi. Sebelum menyusun aplikasi multimedia

kedalam sebuah software, kita harus menentukan terlebih dahulu alur yang akan

digunakan dalam aplikasi yang dibuat. Ada 4 macam bentuk dasar struktur

navigasi:

1. Struktur Navigasi Linier

Struktur Navigasi Linier merupakan tipe navigasi yang paling mudah, secara

konseptual banyak digunakan pada beberapa presentasi baik dalam

perkuliahan, buku test, video, dan lain-lain. Dalam navigasi linier tampilan

satu persatu secara langsung dan utuh.

Pada struktur navigasi ini tidak diperkenankan adanya percabangan. Biasanya

struktur ini digunakan untuk membuat multimedia presentasi karena tidak

selalu menurut keinteraksi tetapi hanya memerlukan keindahan dan

kemudahan menampilkan data sebagai informasi.

Sumber: Binanto (2010:269)

Gambar II.1

Struktur Navigasi Linear Navigation Model

16

2. Struktur Navigas Non Linier

Pada struktur nonlienier diperkenankan membuat struktur navigasi

bercabang, percabangan ini berbeda dengan percabangan pada struktur

hirarki. Pada percabangan nonlinier walaupun terdapat banyak percabangan

tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada pada

master page dan salve page.


Gambar II. 3

Struktur Navigasi NonLinier

3. Struktur Navigasi Hirarki

Struktur Navigasi Hirarki (bercabang) merupakan suatu struktur yang

mengendalikan percabangan untuk menampilkan data atau gambar pada

layer berdasarkan kriteria tertentu. Tampilan pada menu utama disebut

master page (halaman utama kesatu), halaman utama ini mempunyai

halaman percabangan yang disebut slave page (halaman pendukung). Jika

salah satu halaman pendukung dipilih atau diaktifkan maka tampilan tersebut

akan bernama master page (halaman utama kedua), dan seterusnya. Pada

struktur navigasi ini tidak diperkenankan adanya tampilan linier.

17


Gambar II. 4

Struktur Navigasi Hierachical Model

4. Struktur Navigasi Campuran

Struktur Navigasi Campuran merupakan gabungan dari ketiga struktur

sebelumnya. Struktur ini juga bisa disebut navigasi bebas, struktur ini banyak

digunakan dalam pembuatan aplikasi multimedia sehingga dapat

memberikan keinteraksian yang lebih tinggi.


Gambar II. 5

Struktur Navigasi Campuran

18

2.2.2 Sublime Text 3

Menurut Haughee (2013:32), “bahwa Sublime Text adalah aplikasi editor

untuk kode dan teks yang dapat berjalan di berbagai platform operating system

dengan menggunakan teknologi Phyton API”.

Sublime Text 3 adalah aplikasi editor untuk kode dan teks yang dapat

berjalan diberbagai platform operating system dengan menggunakan teknologi

Phyton API. Terciptanya aplikasi ini terinspirasi dari aplikasi Vim, Aplikasi ini

sangatlah fleksibel dan powerfull. Fungsionalitas dari aplikasi ini dapat

dikembangkan dengan menggunakan sublime-packages. Sublime Text bukanlah

aplikasi Open Source dan juga aplikasi yang dapat digunakan dan didapatkan

secara gratis, akan tetapi beberapa fitur pengembangan fungsionalitas (packages)

dari aplikasi ini merupakan hasil dari temuan dan mendapat dukungan penuh dari

komunitas serta memiliki linsensi aplikasi gratis.

Sublime Text mendukung berbagai bahasa pemrograman dan mampu

menyajikan fitur syntax highlight hampir di semua bahasa pemrogramman yang

didukung ataupun dikembangkan oleh komunitas seperti; C, C++, C#, CSS, D,

Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua,

Markdown, MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile

and XML. Biasanya bagi bahasa pemrograman yang didukung ataupun belum

terdukung secara default dapat lebih dimaksimalkan atau didukung dengan

menggunakan add-ons yang bisa didownload sesuai kebutuhan user.

Berikut beberapa fitur yang diunggulkan dari aplikasi Sublime Text:

a. Goto Anything

19

Fitur yang sangat membantu dalam membuka file ataupun menjelajahi isi dari

file hanya dengan beberapa keystrokes.

b. Multiple Selections

Fitur ini memungkinkan user untuk mengubah secara interaktif banyak baris

sekaligus, mengubah nama variabel dengan mudah, dan memanipulasi file

lebih cepat dari sebelumnya.

c. Command Pallete

Dengan hanya beberapa keystorkes, user dapat dengan cepat mencari fungsi

yang diinginkan, tanpa harus menavigasi melalu menu.

d. Distraction Free Mode

Bila user memerlukan fokus penuh pada aplikasi ini, fitur ini dapat membantu

user dengan memberikan tampilan layar penuh.

e. Split Editing

Dapatkan hasil yang maksimal dari monitor layar lebar dengan dukungan

editing perpecahan. Mengedit sisi file dengan sisi, atau mengedit dua lokasi di

satu file. Anda dapat mengedit dengan banyak baris dan kolom yang user

inginkan.

f. Instant Project Switch

Menangkap semua file yang dimasukkan kedalam project pada aplikasi ini.

Terintegrasi dengan fitur Goto Anything untuk menjelajahi semua file yang

ada ataupun untuk beralih ke file dalam project lainnya dengan cepat.

g. Plugin API

Dilengkapi dengan plugin API berbasis Phyton sehingga membuat aplikasi

ini sangat tangguh.

20

h. Customize Anything

Aplikasi ini memberikan user fleksibilitas dalam hal pengaturan fungsional

dalam aplkasi ini.

i. Cross Platform

Aplikasi ini dapat berjalan hampir disemua operating system modern seperti

Windows, OS X, dan Linux based operating system.

2.2.3 Pengujian (Testing)

Menurut Nidhra dan Dondeti (2012:1), pengujian software adalah

teknik yang sering digunakan untuk verifikasi dan validasi kualitas suatu

software. Pengujian software adalah prosedur untuk eksekusi sebuah program

atau sistem dengan tujuan untuk menemukan kesalahan.

a. Behavioral (Black-Box)

Menurut Black (2009 :3), “Tester menggunakan behavioral test (disebut

juga Black-Box Tests), sering digunakan untuk menemukan bugdalam

high level operations, pada tingkatan fitur, profil operasional dan

skenario customer”. Tester dapat membuat pengujian fungsional black

box berdasarkan pada apa yang harus sistem lakukan. Behavioral testing

melibatkan pemahaman rinci mengenai domain aplikasi, masalah bisnis

yang dipecahkan oleh sistem dan misi yang dilakukan sistem.

b. Structural (White-Box)

Menurut Black (2009 :2), “Structural test (atau yang biasa disebut white-

box testsdan glass-box tests) menemukan bugdalam elemen struktur tingkat

rendah seperti yang terjadi di tingkatan code , data base scemas, chips,

21

subassemblies dan interfaces”. Pengujian struktural ini didasarkan pada

bagaimana suatu sistem beroperasi.

2.2.4 Cascading Style Sheet (CSS)

Menurut Prasetio (2012:260) “Cascading Style Sheet (CSS) adalah suatu

teknnologi yang digunakan untuk memperindah halaman website (situs). Ada dua

jenis CSS yang dapat anda gunakan yaitu CSS yang bersifat internal dan

eksternal. Anda akan lebih mudah menggunakan yang eksternal, karena script

CSS akan tersimpan berupa file CSS tersendiri, jadi akan lebih mudah melakukan

pengeditan, karena biasanya dihubungkan dengan link. Jika anda melakukan

perubahan format, anda cuku melakukan perubahan pada file CSS, maka halaman

yang terhubung dengan file CSS tersebut akan ikut berubah. Jika menggunakan

CSS bersifat internal pada halaman, maka buka ada perubahan format harus

melakukan banyak pengeditan pada semua file.

2.2.5 Entity Relationship Diagram (ERD)

Menurut salah satu para ahli, Brady dan Loonam (2010), Entity

Relationship diagram (ERD) merupakan teknik yang digunakan untuk

memodelkan kebutuhan data dari suatu organisasi, biasanya oleh System Analys

dalam tahap analisis persyaratan proyek pengembangan system. Sementara seolah-

olah teknik diagram atau alat peraga memberikan dasar untuk desain database

relasional yang mendasari sistem informasi yang dikembangkan. ERD bersama-

sama dengan detail pendukung merupakan model data yang pada gilirannya

digunakan sebagai spesifikasi untuk database.

22

ERD merupakan suatu model untuk menjelaskan hubungan antar data

dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan

antar relasi. ERD untuk memodelkan struktur data dan hubungan antar data, untuk

menggambarkannya digunakan beberapa notasi dan simbol.

Cardinality yang digunakan untuk menjelaskan batasan pada jumlah entity

yang berhubungan melalui suatu relationship.

1. One to One ( 1 : 1 )

Hubungan antara entity pertama dengan entity ke dua adalah satu berbanding

satu. Hubungan tersebut dapat digambarkan dengan tanda lingkaran untuk

menunjukkan tabel dan relasi antara keduanya dan diwakili dengan tanda

anak panah tunggal.

2. One to Many ( 1 : M )

Hubungan antara entity pertama dengan entity ke dua adalah satu berbanding

banyak .

3. Many to Many ( M : N )

Hubungan antara entity pertama dengan entity ke dua adalah banyak

berbanding banyak

.

2.2.6 Logical Record Structure (LRS)

Menurut Hasugian dan Shidiq (2012:608) memberikan batasan bahwa

LRS adalah “sebuah model sistem yang digambarkan dengan sebuah diagram-ER

akan mengikuti pola atau aturan permodelan tertentu dalam kaitanya dengan

konvensi ke LRS”. Perubahan yang terjadi yaitu mengikuti aturan-aturan sebagai

berikut (Hasugian dan Shidiq, 2012:608) :

23

1. Setiap entitas akan diubah kebentuk kotak.

2. Sebuah atribut relasi disatukan dalam sebuah kotak bersama entitas jika

hubungan yang terjadi pada diagram-ER 1:M (relasi bersatu dengan

cardinality M) atau tingkat hubungan 1:1 (relasi bersatu dengan

cardinality yang paling membutuhkan referensi).

24

BAB III

PEMBAHASAN

3.1 Analisis Kebutuhan

Mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna

dan kebutuhan system.

1. Kebutuhan Pengguna

1. Kebutuhan Pengguna Admin

a. Admin dapat melakukan penginputan data-data namun harus

melakukan login terlebih dahulu untuk bisa mengakses halaman

admin.

b. Admin juga dapat melihat isi website termasuk ke dalam beranda,

transaksi, data barang, transaksi.

c. Admin juga dapat menambah, menghapus serta mengedit data

barang.

d. Admin dapat melihat laporan dari data-data yang telah dimasukan.

2. Kebutuhan Pengguna Pengunjung

3. Pengunjung website dapat melihat new arrival, top, bottom,

accessories, memesan barang namun harus melakukan login terlebih

dahulu.

4. Kebutuhan Sistem

a. Admin membutuhkan form login untuk melakukan penginputan

serta mengatur data-data terkait pada bagian admin.

25

b. Pengunjung membutuhkan form login untuk memesan barang.

3.2 Perancangan Perangkat Lunak

3.3.1 Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada program

Penjualan Pakaian berbasis web.

1. Rancangan Antar Muka Penjualan Index

The

POLSHow to shop Login Register

New

arrivalTop Bottom Accessories Your order Facebook Twitter Google+ Search

Carousel

Gambar III.1

Rancangan Antar Muka Penjualan Index

26

2. Rancangan Antar Muka Login

Username

Password

XXXXX

XXXXX

Login

Hello! Are you a new visitor? Let’s sign up!

Sign Up

Gambar III.2

Rancangan Antar Muka Login

3. Rancangan Antar Muka Register

Username

Password

XXXXX

XXXXX

Register

Hola! Nice to meet you J

Nama Lengkap

E-mail

Gender

Alamat

XXXXX

[email protected]

Are you female or male?

XXXXX

Gambar III.3

Rancangan Antar Muka Register

27

4. Rancangan Antar Muka How To Shop

How to shop

1. Login/Register

Login Page.

First of all you have to login, if you haven’t sign up yet then you have to sign up.

Product Image

2. Choose Product

Gambar III.4

Rancangan Antar Muka How To Shop

5. Rancangan Antar Muka New Arrival

New


Image Image Image

Category Title List Grid

Gambar III.5

Rancangan Antar Muka New Arrival

28

6. Rancangan Antar Muka Top

New


Image Image Image


Gambar III.6

Rancangan Antar Muka Top

7. Rancangan Antar Muka Bottom

New


Image Image Image


Gambar III.7

Rancangan Antar Muka Bottom

29

8. Rancangan Antar Muka Accessories

New


Image Image Image


Gambar III.8

Rancangan Antar Muka Accessories

9. Rancangan Antar Muka Detail Order

The

POLSHow to shop Logout

Have a nice day, User

New


Information and Orders

BBM/LINE/Whatsapp/SMS/

Telp

Cart Detail

Code Item Name Quantity Unit Price Sub Total Option

xxx-999 xxxx 99 Rp. 9999999 Rp. 9999999 Add Min Del

Total: Rp. 9999999

<< Continue Shopping Check out >>

Gambar III.9

Rancangan Antar Muka Detail Order

30

10. Rancangan Antar Muka Detail Product

New


Your Cart

No Item Quantity Sub Total

Add to cart >>

< Cart Details >

Cart is empty!

Iamge

Product’s name

Price : Rp. 999999

Stock : In Stock

Information :

Gambar III.10

Rancangan Antar Muka Detail Product

11. Rancangan Antar Muka Penjualan Checkout

Checkout Cart

Form Checkout

Please fill in the form below correspond your identity!

Total expense Rp. 999999

Name

E-mail

Address

Zip codes

xxxx

xxx/[email protected]

xxxx

99999

City

Phone

Account Bank

Account Name

Bank

Date

xxxx

99999

99999

xxxx

xxxx

yyyy-mm-dd

Submit

Gambar III.11

Rancangan Antar Muka Penjualan Checkout

31

12. Rancangan Antar Muka Data Top

Home Data Master Transaction Report Logout

Data Top

You can manage your top section with add data or edit data or delete it! Have a good day! Add Data

Codes Name Price Description Stock Color Image Option

xxx-999 xxx 999 xxxx 99 xxx xxx Edit Delete

Gambar III.12

Rancangan Antar Muka Data Top

13. Rancangan Antar Muka Add Data Section Top

Code

Name

xxx-999

xxx

Reset

Price

Description

Stock

Color

99

xxxx

99

xxx


Add data section Top

Image Choose File No file choosen

Tambah

Gambar III.13

Rancangan Antar Muka Add Data Section Top

32

14. Rancangan Antar Muka Sale Transaction


Sale Transaction

This is the result of Transaction from client check it wisely and you also can print it beside!

No. Order Name Username Code Quantity Total Price Option

99 xxx xxxx xxx-999 99 9999 Delete

Gambar III.14

Rancangan Antar Muka Sale Transaction

15. Rancangan Antar Muka Add Data Section Carousel

Code

Name

xxxxxxxx-999

xxx


Add data section Carousel

Reset


Tambah

Gambar III.15

Rancangan Antar Muka Add Data Section Carousel

33

16. Rancangan Antar Muka Add Data Section Bottom

Code

Name

xxxxxx-999

xxx

Reset

Price

Description

Stock

Color

99

xxxx

99

xxx


Add data section Bottom


Tambah

Gambar III.16

Rancangan Antar Muka Add Data Section Bottom

17. Rancangan Antar Muka Add Data Section Arrival

Code

Name

xxxxxxxx-999

xxx

Reset

Price

Description

Stock

Color

99

xxxx

99

xxx


Add data section Arrival


Tambah

Gambar III.17

Rancangan Antar Muka Add Data Section Arrival

34

18. Rancangan Antar Muka Add Data Section Accessories

Code

Name

xxx-999

xxx

Reset

Price

Description

Stock

Color

99

xxxx

99

xxx


Add data section Accessories


Tambah

Gambar III.18

Rancangan Antar Muka Add Data Section Accessories

19. Rancangan Antar Muka Data Contactus


Data Contactus

This is the result of message from client check it wisely, so you can heard them carefully!

Name Email Message Option

xxx xxx/[email protected] xxxx Delete

Gambar III.19

Rancangan Antar Muka Data Contactus

35

20. Rancangan Antar Muka Data Member


Data Member

You can manage your member section here! Have a good day!

Codes Username Full Name Gender E-mail Address Option

99 xxx xxxx xxx xxx/[email protected] xxxx Delete

Gambar III.20

Rancangan Antar Muka Data Member

21. Rancangan Antar Muka Edit Data Section Top

Code

Name

xxx-999

xxx

Cancel

Price

Description

Stock

Color

99

xxxx

99

xxx


Edit data section Top


Edit

Gambar III.21

Rancangan Antar Muka Edit Data Section Top

36

22. Rancangan Antar Muka Edit Data Section Bottom

Code

Name

xxxxxx-999

xxx

Cancel

Price

Description

Stock

Color

99

xxxx

99

xxx


Edit data section Bottom


Edit

Gambar III.22

Rancangan Antar Muka Edit Data Section Bottom

23. Rancangan Antar Muka Sale Report


Sale Report

Date ID Order Name Code Quantity Address Phone nu

yyyy-mm-dd 99 xxxx xxx-999 99 xxxxx 99

Input Date Period

yyyy-mm-dd yyyy-mm-dd Submit Print This Page

Total Price

99

Gambar III.23

Rancangan Antar Muka Sale Report

37

24. Rancangan Antar Muka Edit Data Section Arrival

Code

Name

xxxxxxxx-999

xxx

Cancel

Price

Description

Stock

Color

99

xxxx

99

xxx


Edit data section Arrival


Edit

Gambar III.24

Rancangan Antar Muka Edit Data Section Arrival

25. Rancangan Antar Muka Edit Data Section Carousel

Code

Name

xxxxxxxx-999

xxx


Edit data section Carousel

Cancel


Edit

Gambar III.25

Rancangan Antar Muka Edit Data Section Carousel

38

26. Rancangan Antar Muka Data Carousel


Data Carousel

You can manage your Carousel section with add data or edit data or delete it! Have a good day!

Codes Name Image Option

xxxxxxxx-999 xxxx xxxx DeleteEdit

Add Data

Gambar III.26

Rancangan Antar Muka Data Carousel

27. Rancangan Antar Muka Edit Data Section Accessories

Code

Name

xxx-999

xxx

Cancel

Price

Description

Stock

Color

99

xxxx

99

xxx


Edit data section Accessories


Edit

Gambar III.27

Rancangan Antar Muka Edit Data Section Accessories

39

28. Rancangan Antar Muka Data Bottom


Data Bottom

You can manage your bottom section with add data or edit data or delete it! Have a good day! Add Data


xxxxxx-999 xxx 999 xxxx 99 xxx xxx Edit Delete

Gambar III.28

Rancangan Antar Muka Data Bottom

29. Rancangan Antar Muka Data Arrival


Data Arrival

You can manage your arrival section with add data or edit data or delete it! Have a good day! Add Data



Gambar III.29

Rancangan Antar Muka Data Arrival

30. Rancangan Antar Muka Buyer Address


Buyer Address

This is the result of Address from client check it wisely and carefully!

No.

Order

Full

NameUsername E-mail Address

Zip

CodesOption

99 xxx xxxx

xx/

[email protected]

x

xxxx 9999 Delete

City PhoneAccount

Bank

Account

NameBank Date

xxxx 9999 99999 xxxx xxxxyyyy-

mm-dd

Gambar III.30

Rancangan Antar Muka Buyer Address

40

31. Rancangan Antar Muka Data Accessories


Data Accessories

You can manage your accessories section with add data or edit data or delete it! Have a good day! Add Data



Gambar III.31

Rancangan Antar Muka Data Accessories

3.3.2 Rancangan Basis Data

Perancangan basis data menghasilkan pemetaan tabel-tabel yang

digambarkan dengan Entity Relationship Diagram (ERD) dan Logical

Relationship System (LRS).

41

A. Entity Relationship Diagram (ERD)

Gambar III.32

Gambar Entity Relationship Diagram (ERD)

42

B. Logical Relationship System (LRS)

Gambar III.33

Gambar Logical Relationship System (LRS)

43

C. Spesifikasi File

Dalam pembuatan program aplikasi ini penulis menggunakan satu

buah file database yaitu penjualan. Spesifikasi file yang di maksud

yaitu :

1. Tabel Login

Nama file : Login

Akronim : tb_login.myd

Fungsi : Untuk login admin, user, dan operator

Type file : File master

Organisasi : Index Sequential

Akses file : Random

Media : Hard Disk

Record size : 251 Record

Record Key : kode_user

Software : phpmyadmin

44

Table III.1

Spesifikasi Table Login

NO ELEMEN

DATA AKRONIM TYPE PANJANG KETERANGAN

1 Kode User kode_user Int 11 Primary Key

2 Username Username Varchar 40 -

3 Password Password Varchar 40 -

4 Nama Lenkap nama_lengkap Varchar 100 -

5 Jenis Kelamin jenis_kelamin Enum - -

6 Email Email Varchar 100 -

7 Alamat Alamat Text - -

8 Level Level Enum - -

2. Tabel Produk

Nama file : Produk

Akronim : tb_produk.myd

Fungsi : Untuk melihat data produk

Type file : File master


Akses file : Random

Media : Hard Disk


Record Key : IDProduk


45

Table III.2

Spesifikasi Table Produk

NO ELEMEN


1 Id Produk IDProduk Int 11 Primary Key

2 Kode Produk KodeProduk Varchar 20 -

3 Nama Nama Varchar 50 -

4 Harga Harga Int 11 -

5 Jenis Jenis Varchar 50 -

6 Deskripsi Deskripsi Varchar 250 -

7 Stock Stock Int 11 -

8 Warna Warna Varchar 20 -

9 Gambar Gambar Varchar 50 -

46

3. Tabel Order

Nama file : Order

Akronim : tb_order.myd

Fungsi : Untuk transaksi detail user

Type file : File Transaksi


Akses file : Random

Media : Hard Disk


Record Key : order_id


Table III.3

Spesifikasi Table Order

NO ELEMEN


1 Id Order order_id Int 11 Primary Key

2 Kode User kode_user Int 11 Foreign key

3 Username

User user_username Varchar 40 -

4 Nama

Lenkap User user_nama_lengkap Varchar 100 -

5 Email User user_emal Varchar 100 -

6 Alamat User user_alamat Text - -

7 Zip User user_zip Varchar 6 -

8 City User user_city Varchar 25 -

9 Phone User user_phone Varchar 20 -

47

10 Bank User user_bank Varchar 30 -

11 Name Bank

User user_bankname Varchar 30 -

12 Bank Bank Varchar 30 -

13 Tanggal Tanggal Date - -

14 Total Harga total_harga Double - -

4. Tabel Order Items

Nama file : Order Items

Akronim : tb_order_items.myd

Fungsi : Untuk detail transaksi

Type file : File Transaksi


Akses file : Random

Media : Hard Disk


Record Key : id


48

Table III.4

Spesifikasi Table Order

NO ELEMEN


1 Id Id Int 11 Primary Key

2 Id Order order_id Int 11 Foreign key

3 Id Produk id_produk Int 11 -

4 Qty Qty Int 11 -

5 Jumlah

Harga jumlah_harga Double - -

5. Tabel Carousel

Nama file : Carousel

Akronim : carousel.myd

Fungsi : Untuk mengubah data slideshow

Type file : File Master


Akses file : Random

Media : Hard Disk


Record Key : kode_baju


49

Table III.5

Spesifikasi Table Carousel

NO ELEMEN


1 Kode_Baju kode_baju Varchar 20 Primary Key

2 Nama Nama Varchar 50 -

3 Gambar Gambar Varchar 50 -

6. Tabel Contact

Nama file : Contact

Akronim : contact.myd

Fungsi : Untuk melihat data masukkan dari user

Type file : File Master


Akses file : Random

Media : Hard Disk


Record Key : id_pesan


Table III.6

Spesifikasi Table Contact

NO ELEMEN


1 Id Pesan id_pesan Int 11 Primary Key

2 Nama User nama_user Varchar 50 -

3 Email User email_user Varchar 30 -

4 Pesan User pesan_user Text - -

50

3.3.3 Rancangan Struktur Navigasi

1. Struktur Navigasi Admin

Gambar III.34

Gambar Struktur Navigasi Admin

2. Struktur Navigasi User

Gambar III.35

Gambar Struktur Navigasi User

51

3.4 Implementasi dan Pengujian Unit

Pada pembahasan kali ini penulis akan menjelaskan tentang tahap

Implementasi dan Pengujian Unit yang digunakan penulis dalam pembuatan

perancangan web di tugas akhir ini terdiri dari:

3.4.1 Implementasi

A. Implementasi Rancangan Antar Muka

1. Implementasi Halaman Index

Gambar III.36

Gambar Implementasi Halaman Index

52

2. Implementasi Halaman Login

Gambar III.37

Gambar Implementasi Halaman Login

3. Implementasi Halaman Admin Accesories

Gambar III.38

Gambar Implementasi Halaman Accessories

53

4. Implementasi Halaman Admin Alamat Pembeli

Gambar III.39

Gambar Implementasi Halaman Admin Alamat Pembeli

5. Implementasi Halaman Admin Arrival

Gambar III.40

Gambar Implementasi Halaman Admin Arrival

54

6. Implementasi Halaman Admin Bottom

Gambar III.41

Gambar Implementasi Halaman Admin Bottom

7. Implementasi Halaman Admin Carosel

Gambar III.42

Gambar Implementasi Halaman Carosel

55

8. Implementasi Halaman Admin Edit Accesories

Gambar III.43

Gambar Implementasi Halaman Edit Accessories

9. Implementasi Halaman Admin Edit Arrival

Gambar III.44

Gambar Implementasi Halaman Admin Edit Arrival

56

10. Implementasi Halaman Admin Edit Bottom

Gambar III.45

Gambar Implementasi Halaman Admin Edit Bottom

11. Implementasi Halaman Admin Edit Carousel

Gambar III.46

Gambar Implementasi Halaman Admin Edit Carousel

57

12. Implementasi Halaman Admin Edit Top

Gambar III.47

Gambar Implementasi Halaman Admin Edit Top

13. Implementasi Halaman Admin Laporan

Gambar III.48

Gambar Implementasi Halaman Admin Laporan

58

14. Implementasi Halaman Admin Member

Gambar III.49

Gambar Implementasi Halaman Admin Member

15. Implementasi Halaman Admin Pesan Pembeli

Gambar III.50

Gambar Implementasi Halaman Admin Pesan Pembeli

59

16. Implementasi Halaman Admin Tambah Accesories

Gambar III.51

Gambar Implementasi Halaman Admin Tambah Accesories

17. Implementasi Halaman Admin Tambah Arrival

Gambar III.52

Gambar Implementasi Halaman Admin Tambah Arrival

60

18. Implementasi Halaman Admin Tambah Bottom

Gambar III.53

Gambar Implementasi Halaman Admin Tambah Bottom

19. Implementasi Halaman Admin Tambah Carousel

Gambar III.54

Gambar Implementasi Halaman Index

61

20. Implementasi Halaman Admin Tambah Top

Gambar III.55

Gambar Implementasi Halaman Admin Tambah Top

21. Implementasi Halaman Admin Top

Gambar III.56

Gambar Implementasi Halaman Admin Top

62

22. Implementasi Halaman Admin Transaksi

Gambar III.57

Gambar Implementasi Halaman Admin Transaksi

23. Implementasi Halaman User

Gambar III.58

Gambar Implementasi Halaman User

63

24. Implementasi Halaman Arrival

Gambar III.59

Gambar Implementasi Halaman Arrival

25. Implementasi Halaman Accesories

Gambar III.60

Gambar Implementasi Halaman Accesories

64

26. Implementasi Halaman Bottom

Gambar III.61

Gambar Implementasi Halaman Bottom

27. Implementasi Halaman Check Out

Gambar III.62

Gambar Implementasi Halaman Check Out

65

28. Implementasi Halaman Detail

Gambar III.63

Gambar Implementasi Halaman Detail

29. Implementasi Halaman Detail Barang

Gambar III.64

Gambar Implementasi Halaman Detail Barang

66

30. Implementasi Halaman Cara Membeli

Gambar III.65

Gambar Implementasi Halaman Cara Membeli

31. Implementasi Halaman Register

Gambar III.66

Gambar Implementasi Halaman Register

67

32. Implementasi Halaman Top

Gambar III.67

Gambar Implementasi Halaman Top

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dari perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan pendaftaran peserta

didik baru berbasis web untuk pihak sekolah.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

68

4) Monitor

5) Koneksi internet dengan kecepatan 2 Mbps

b. Client

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor

5) Koneksi internet dengan kecepatan 2 Mbps

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi Microsoft Windows

b. Aplikasi Xampp yang terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server

(2) Aplikasi PHP Server

(3) Aplikasi MySQL Server

(4) Aplikasi phpMyAdmin

c. Aplikasi Mozilla Firefox, Internet Explorer, Google Chrome

2. Client

a. Sistem operasi Microsoft Windows

b. Aplikasi Mozilla Firefox, Internet Explorer, Google Chrome

69

3.4.2 Pengujian Unit

Pengujian terhadap program yang di buat menggunakan blackbox testing

yang fokus terhadap proses masukan dan keluaran suatu program.

Pengujian terhadap halaman login admin

Table III.7

Hasil Pengujian Blackbox Testing Login Admin

No Skenario Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1

Username dan

Password Tidak

Diisi atau kosong

kemudian klik

Login

Username

(Kosong)

Password

(Kosong)

Sistem akan

menolak

akses muncul

peringatan

pesan

“Data Tidak

Boleh

Kosong.”

Sesuai

Harapan

Valid

2

Username diisi dan

Password Tidak

Diisi kemudian klik

Login

Username

(xxxxx)

Password

(Kosong)

Sistem akan

menolak

akses muncul

peringatan

pesan

“Data Tidak

Boleh

Kosong.”

Sesuai

Harapan

Valid

3

Username tidak

dan Password diisi

kemudian klik

login

Username

(Kosong)

Password

(xxxxx)

Sistem akan

menolak

akses muncul

peringatan

pesan

“Data Tidak

Boleh

Kosong.”

Sesuai

Harapan

Valid

4

Username dan

Password diisi

Namun ada yang

salah kemudian

klik login

Username

(xxxxx)

Benar

Password

(xxxxx)

Salah

Sistem akan

menolak

akses muncul

peringatan

pesan

“Username

dan password

salah.”

Sesuai

Harapan

Valid

5 Username dan

Password diisi

Dengan benar

Username

(xxxxx)

Benar

Sistem akan

menerima

muncul

Sesuai

Harapan

Valid

70

Kemudian klik

Login

Password

(xxxxx)

Benar

peringatan

pesan

“Login

Berhasil.”

6

Username salah

dan

Password diisi

Dengan benar

Kemudian klik

Login

Username

(xxxxx)

Salah

Password

(xxxxx)

Benar

Sistem akan

menolak

akses muncul

peringatan

pesan

“Username

dan password

salah.”

Sesuai

Harapan

Valid

7

Username salah

dan

Password tidak

diisi Kemudian klik

login

Username

(xxxxx)

Salah

Password

(Kosong)

Sistem akan

menolak

akses muncul

peringatan

pesan

“Data Tidak

Boleh

Kosong.”

Sesuai

Harapan

Valid

8

Username Kosong

dan Password diisi

Dengan Salah

Kemudian klik

login

Username

(Kosong)

Password

(xxxxx)

Salah

Sistem akan

menolak

akses muncul

peringatan

pesan

“Data Tidak

Boleh

Kosong.”

Sesuai

Harapan

Valid

9

Username dan

Password diisi

Dengan Salah

Kemudian klik

login

Username

(xxxxx)

Salah

Password

(xxxxx)

Salah

Sistem akan

menolak

akses muncul

peringatan

pesan

“Username

dan password

salah.”

Sesuai

Harapan

Valid

10

Username diisi

Salah dan

Password diisi

Dengan benar

Kemudian klik

login

Username

(xxxxx)

Salah

Password

(xxxxx)

Benar

Sistem akan

menolak

akses muncul

peringatan

pesan

“Username

dan password

salah.”

Sesuai

Harapan

Valid

71

Table III.8

Hasil Pengujian Blackbox Testing Checkout

No Skenario Pengujian Test Case

Hasil Yang

Diharapkan

Hasil

Pengujian Kesimpulan

1

Name Tidak

Diisi atau kosong

kemudian klik

Save Data

Name

(kosong)

Sistem akan

Menolak

akses muncul

peringatan

pesan “Please

fill out this

field.”

Sesuai

Harapan

Valid

2

Name maksimal

diisi sebanyak 25

karakter kemudian

klik Save Data

Name diisi

sebanyak

26

karakter

Sistem akan

stop

menginput

ketika sudah

25 karakter

Sesuai

Harapan

Valid

3

E-mail Tidak

Diisi atau kosong

kemudian klik

Save Data

E-mail

(kosong)

Sistem akan

Menolak

akses muncul

peringatan

pesan “Please

fill out this

field.”

Sesuai

Harapan

Valid

4

E-mail diisi dengan

karakter tanpa

menggunakan at

(@)

Memasukk

an karakter

tanpa @

Sistem akan

menolak

akses muncul

peringatan

pesan

“Please

include an

‘@’ in the

email

address.”

Sesuai

Harapan

Valid

5

Zip Code Tidak

Diisi atau kosong

kemudian klik

Save Data

E-mail

(kosong)

Sistem akan

Menolak

akses muncul

peringatan

pesan “Please

fill out this

field.”

Sesuai

Harapan

Valid

6

Zip Code maksimal

diisi sebanyak 6

angka kemudian

klik Save Data

Zip Code

diisi

sebanyak 7

angka

Sistem akan

stop

menginput

ketika sudah 6

karakter

Sesuai

Harapan

Valid

7 City Tidak

Diisi atau kosong

City

(kosong)

Sistem akan

menolak

Sesuai

Harapan

Valid

72

kemudian klik

Save Data

akses muncul

peringatan

pesan

“Please select

an item in the

list.”

8

Additional shipping

terisi sendiri

Memilih

opsi di

City

Sistem akan

memasukkan

harga dengan

sendirinya

sesuai pilihan

Sesuai

Harapan

Valid

9

Phone Number

Tidak Diisi atau

kosong kemudian

klik Save Data

Phone

Number

(kosong)

Sistem akan

menolak

akses muncul

peringatan

pesan

“Please select

an item in the

list.”

Sesuai

Harapan

Valid

10

Phone Number

maksimal diisi

sebanyak 13 angka

kemudian klik Save

Data Kemudian

klik

login

Phone

Number

diisi

sebanyak

14 angka

(xxxxx)

Benar

Sistem akan

stop

menginput

ketika sudah

13 angka

Sesuai

Harapan

Valid

11

Account Number

tidak diisi atau

kosong kemudian

klik Save Data

Account

Number

(kosong)

Sistem akan

menolak

akses muncul

peringatan

pesan

“Please select

an item in the

list.”

Sesuai

Harapan

Valid

12

Account Number

maksimal diisi

sebanyak 15

karakter kemudian

klik Save Data

Zip Code

diisi

sebanyak

16

karakter

Sistem akan

stop

menginput

ketika sudah

15 karakter

13

Account Name

tidak diisi atau

kosong kemudian

klik Save Data

Account

Name

(kosong)

Sistem akan

menolak

akses muncul

peringatan

pesan

“Please select

an item in the

list.”

Sesuai

Harapan

Valid

73

14

Account Name

maksimal diisi

sebanyak 30

karakter kemudian

klik Save Data

Account

Name diisi

sebanyak

31

karakter

Sistem akan

stop

menginput

ketika sudah

30 karakter

15

Bank Tidak Diisi

atau kosong

kemudian klik Save

Data

Bank

(kosong

Sistem akan

menolak

akses muncul

peringatan

pesan

“Please select

an item in the

list.”

71

BAB IV

PENUTUP

4.1. Kesimpulan

Dengan berakhirnya pembahasan dalam penulisan ini, penulis mengambil

beberapa kesimpulan dari pembahasan-pembahasan bab sebelumnya, antara lain:

1. Dengan adanya website ini maka perusahaan dapat memperluas pemasaran

dan konsumen menjadi lebih mudah mendapatkan informasi tentang produk

tanpa harus datang ke toko.

2. Dengan adanya website ini dapat memudahkan proses transaksi yang selama

ini sifatnya konvensional menjadi lebih modern dengan tersedianya transaksi

online. Dimana pelanggan yang berada di luar kota tetap dapat melakukan

transaksi tanpa harus datang langsung ke toko.

3. Dengan adanya website ini dapat mempermudah dalam membuat laporan

penjualan yang sebelumnya masih manual. Laporan juga sudah mencakup

pendapatan yang di dapat.

4. Sistem yang dibuat telah sesuai dengan kebutuhan pengguna, ditinjau dari

segi menu dan fungsi pada website.

4.2. Saran

Berdasarkan informasi dan hasil yang diperoleh, saran yang dapat diberikan

bagi pengembangan aplikasi di masa mendatang yaitu:

1. Perlu adanya pengembangan pada desain tampilan agar lebih menarik

sehingga dapat lebih banyak memikat minat pelanggan.

72

2. Perlu adanya penambahan fasilitas lain yang mendukung fungsionalitas

website, sehingga konsumen akan terus mengunjungi website dengan kata lain

jika sering masuk website maka kemungkinan untuk belanja pun semakin

tinggi.

3. Diharapkan untuk mempunyai backup file dimana bagian untuk mencegah

apabila terjadi kesalahan/permasalahan didalam rancangan website.

4. Diharapkan pula memberikan proteksi yang tinggi untuk website, agar data-

data yang ada di dalam website tersebut tidak hilang, dicuri, ataupun dirusak.

5. Perlu ada penambahan ongkos kirim yang lebih spesifik agar harga

pengiriman setiap daerah berbeda.

6. Pembayaran yang tidak hanya melalui transfer antar bank tetapi dapat juga

melalui paypal dan kartu kredit.

73

DAFTAR PUSTAKA

Anhar. 2010. Panduan Menguasai PHP & MySQL. Secara Otodidak. Jakarta: Mediakita.

Asmaun, Prasetyo. 2012. Desain Pembelajaran Berbasis Pendidikan Karakter, Ar-Ruzz

Media. Yogyakarta.

Binanto, Iwan (2010). Multimedia Digital – Dasar Teori dan Pengembangannya. Yogyakarta:

Andi.

Black, J A & Champion, D J. (2009). Metode & masalah Penelitian Sosial. Bandung: Refika

Aditama.

Brady, M.,& Loonam, J. 2010. “Exploring the use of entity - relationship diagramming as a

technique to support grounded theory inquiry”, Bradford: Emerald Group Publishing.

Fathansyah. 2012. Basis Data – Buku Teks Ilmu Komputer Basis Data (Edisi Revisi),

Bandung: Informatika.

Hasugian, H., & Shidiq, A. N. (2012). Rancang bangun sistem informasi industri kreatif

bidang penyewaan sarana olahraga, 2012 (Semantik), 606–612.

Haughee, Eric. 2013. Sublime Text Starter, Birmingham: PACKT Publishing.

Kustiyahningsih. 2011. Pemrograman Basis Data Berbasis Web Menggunakan PHP &

sMySql. Yogyakarta: Graha Ilmu.

Nidhra, Srinivas dan Jagruthi Dondeti. 2012. Black box and White box Testing Techniques –

A Literature Review. Internasional Journal of Embedded System and Applications

(IJESA) Vol.2, No.2.

Nugroho, Riant. 2008. Public Policy: Teori Kebijakan – Analisis Kebijakan – Proses. Jakarta:

Elex Media Komputindo.

Oetomo, Budi Sutedjo Dharma.2007. E-education : konsep, teknologi dan aplikasi internet

pendidikan. Yogyakarta : Andi.

Shalahuddin, M. Dan Rosa AS. 2013. Rekayasa Perangkat Lunak Terstruktur Dan

Berorientasi Objek. Informatika. Bandung.

Sibero, 2011, Kitab Suci Web Programing MediaKom, Yogyakarta.

Skousen, Earl Stice, James D Stice, 2009, Intermediate Accounting, Jakarta: Salemba Empat.

Subhan, Mohamad. 2012. Analisa Perancangan Sistem. Jakarta : Lentera Ilmu Cendikia.

74

Sunyoto, Andi. 2007, Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript

dan XML. Yogyakarta: CV. Andi Offset.

Wardana. 2010. Menjadi Master PHP Dengan Framework Codeigniter. Jakarta: Elex Media

Komputindo.

Winarno, Edy., Ali Zaki dan SmiDev Community (2013). Buku Sakti Pemrograman PHP.

Semarang : Penerbit Elex Media Komputindo.

Yulikuspartono, 2009. Pengantar Logaritma dan Algoritma, Yogyakarta: Andi.

PROGRAM PENJUALAN PAKAIAN BERBASIS WEB · M. Rizky Aditya (12144970), Program Penjualan Pakaian Berbasis Web Dalam memperoleh data untuk penyusunan penulisan tugas akhir ini, penulis

Documents