EKOMERSE GERABAH] Aplikasi E-Commerce Sebagai Media Pengoptimalan Penjualan Gerabah

APLIKASI E-COMMERCE SEBAGAI MEDIA
PENGOPTIMALAN PENJUALAN GERABAH
TUGAS AKHIR
Oleh:
HIDAYATUL AINI
1300330024
PROGRAM STUDI MANAJEMEN INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
(STMIK) BUMIGORA
MATARAM
2017
TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat Untuk Memenuhi Kebutuhan Studi

Tahap Diploma Tiga (D3) Program Studi Manajemen Informatika Pada
Sekolah Tinggi Manajemen Informatika dan Komputer
(STMIK) Bumigora Mataram
Oleh:
HIDAYATUL AINI
1300330024

(STMIK) BUMIGORA
MATARAM
2017
TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat Untuk Memenuhi Kebutuhan Studi

Tahap Diploma Tiga (D3) Program Studi Manajemen Informatika Pada
Sekolah Tinggi Manajemen Informatika dan Komputer
Oleh:
HIDAYATUL AINI
1300330024
Ketua,
Komariyuli Anwariyah, S.T., M.Kom

NIK. 13.6.171
(STMIK) BUMIGORA MATARAM
TUGAS AKHIR
JUDUL : Aplikasi E-Commerce Sebagai Media
Pengoptimalan Penjualan Gerabah
NAMA : Hidayatul Aini
NIM : 1300330024
NPM : 13.8.349.32.53.0.2.0024
PROGRAM STUDI : Manajemen Informatika
JENJANG : Diploma Tiga (D3)
DIUJIKAN : 26 Agustus 2017
Menyetujui:
Ahmat Adil, S.Kom., M.Sc Restu Fahdiansyah, S.E., M.S.A

Pembimbing I Pembimbing II
Tanggal Menyetujui: Tanggal Menyetujui:
Telah diterima dan disetujui sebagai salah satu syarat untuk memperoleh
Sebutan ProfesionalAhli Madya (A.Md.)
Mengetahui:
Ismarmiaty, S.T., MMSI

Ketua Program Studi D3 Manajemen Informatika
Tanggal Mengetahui:
LEMBAR PENGESAHAN PENGUJI
Diajukan Sebagai Salah Satu Syarat Untuk Memenuhi Kebulatan Studi

Tahap Diploma Tiga (D3) Program Studi Manajemen Informatika
Pada Sekolah Tinggi Manajemen Informatika dan Komputer
Oleh:
HIDAYATUL AINI
1300330024
Disetujui oleh Penguji :
1. Prof. Dr. H. M. Tajuddin, M.Si

NIK. 196011221995011001
2. Ahmad Ashril Rizal, M.Cs

NIK. 11.6.160
KATA PENGANTAR
Terima Kasih atas rahmat, hidayah serta ridho’ Tuhan YME, tugas akhir
yang berjudul “Aplikasi E-Commerce Sebagai Media Pengoptimalan
Penjualan Gerabah” telah memenuhi salah satu syarat untuk maju seminar
proposal didalam mengejar gelar sarjana Diploma-3 pada program studi
Manajemen Informatika STMIK Bumigora Mataram.
Dengan selesainya Tugas Akhir ini, penulis ingin mengucapkan
terimakasih kepada pihak–pihak yang telah banyak membantu dalam
penyelesaian Tugas Akhir ini. Dalam kesempatan ini penulis menyampaikan
ucapan terima kasih kepada :
1. Ibu Komariyuli Anwariyah, S.T., M.Kom., selaku Ketua Sekolah Tinggi
Manajemen Informatika dan Komputer (STMIK) Bumigora Mataram.
2. Ibu Ismarmiaty, ST., MMSI., selaku Ka. Prodi D3 Manajemen Informatika.
3. BpkAhmad Adil, S.Kom., M. SC., selaku Dosen Pembimbing I (Satu)
dalam penulisan Tugas Akhiri ini yang telah memberikan bimbingan dan
arahan.
4. BpkRestu Fahdiansyah, S.E., M.S.A., selaku Dosen Pembimbing II (Dua)
dalam penulisan Tugas Akhiri ini yang telah memberikan bimbingan dan
arahan.
5. Bapak/Ibu Dosen yang telah memberikan ilmu selama dalam perkuliahan.
6. Kedua orang tua tercinta yang tidak pernah lelah untuk memberikan doa
dan dukungan baik secara moral ataupun material.
i
7. Teman–teman D3MI seperjuangan angkatan 2013, penulis mengucapkan
terimakasih atas dukungannya dan atas bantuan dalam penyelesaian
Tugas Akhir ini.
Penulis menyadari bahwa tidak ada satupun yang sempurna
termasuk dalam penulisan Tugas Akhir ini jadi penulis berharap kepada
semua pihak agar dapat memakluminya. Semoga Tugas Akhir ini dapat
bermanfaat bagi semua pihak. Amiin…
Mataram, 28 Agustus 2017
Penulis,
ii
(STMIK) BUMIGORA MATARAM
LEMBAR PERNYATAAN KEASLIAN
Saya yang bertandatangan di bawah ini:

Nama : Hidayatul Aini
NIM : 1300330024
Program studi : D3 Manajemen Informatika
Menyatakanbahwa Tugas Akhir yangberjudul:

APLIKASI E-COMMERCE SEBAGAI MEDIA PENGOPTIMALAN
PENJUALAN GERABAH
Benar-benar merupakan hasil karya pribadi dan seluruh sumber yang dikutip
maupundirujuktelahsayanyatakandenganbenar dan apabila di kemudian hari
terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini, maka
saya bersedia menerima sanksi akademik sesuai denagn aturan yang
berlaku.
Mataram, 28 Agustus 2017
Hidayatul Aini
NIM :1300330024
iii
IZIN PENGGUNAAN
Tugas akhir ini merupakan syarat kelulusan pada Program Studi D3

Manajemen Informatika STMIK Bumigora Mataram, dengan ini penulis setuju
Tugas Akhir ini digandakan (diduplikasi) baik sebagian maupunsepenuhnya,
ataupun dikembangkan untuk kepentingan akademis yang disetujui oleh
pembimbing penulis, Pembantu Ketua I atau Ketua STMIK Bumigora .
Untuk dimaklumi, bahwa menduplikasi, mempublikasikan atau menggunakan

Tugas Akhir ini, maupun bagian-bagiannya dengan tujuan komersial /
keuntungan finansial, tidak diizinkan tanpa adanya izin tertulis dari STMIK
Bumigora. Jika hal ini dilanggar maka STMIK Bumigora akan memberikan
sanksi sesuai dengan hukum yang berlaku.
Penghargaan akademis terkait isi dari Tugas Akhir ini adalah pada penulis
dan STMIK Bumigora.
Permintaan izin untuk menduplikasikan atau menggunakan materi dari Tugas

Akhir ini baik sebagian maupun seluruhnya harus ditujukan pada :
Pembantu Ketua I
Ketua Program Studi D3 Manajeman Informatika
STMIK Bumigora Mataram
iv
ABSTRAK
Tugas Akhir ini membuat suatu aplikasi penjualan online yang

bermanfaat untuk menawarkan dan menyebarkan informasi yang baik
dengan cepat dan mudah. Dan juga melalui kajian ini di harapkan
dapat memberi inspirasi kepada pembaca untuk mencoba bisnis
penjualan on_line sehingga membuka lapangan kerja baru dan
mendapatkan penghasilan tambahan.
Perangkat lunak yang di gunakan dalam merancang aplikasi e-
commerce media penjualan gerabah ini adalah menggunakan PHP.
Dengan menggunakan PHP paket-paket aplikasi yang kita perlukan
dalam merancang sebuah situs web telah tersedia. Sistem penjualan
on_line ini meliputi pemakaian situs oleh pelanggan seperti regestrasi
pelanggan, pembelian, pemesanan barang, mengedit data pribadi dan
pemberian informasi terbaru. Pengaturan situs oleh admin baik proses
pengamanan berbagai data, pengiriman barang dan transaksi jual beli.
Semua hal tersebut digunakan untuk menampung data-data yang di
perlukan dan memperlancar sistem jual beli.
Electronic commerce adalah salah satu bagian yang paling
terpenting dari internet akhir- akhir. Saat ini dengan semakin pesatnya
perkembangan teknologi dan internet di indonesia, telah memiliki
dampak yang besar terhadap perubahan bisnis. Yaitu mulai dari cara
beriklan, cara jual beli, cara berinteraksi antar manusia, dan
sebagainya. Dengan e-commerce telah banyak merubah dalam proses
jual-beli. Jika dalam suatu jual-beli penjual dan pembeli bertemu,
namun jika dengan e-commerce mereka tidak perlu bertemu. Penelitian
ini berfokus pada kebutuhan identifikasi bisnis dan desain sistem e-
commerce yang sesuai dengan bisnis ini.
Fitur-fitur ini meliputi produk pencarian, ketertiban dan informasi
rekening, pengiriman dan konfirmasi pembayaran dan sehingga
memberikan integrasi dari persediaan seluruh unit penjualan jaringan.
Faktor yang tidak kalah penting adalah kepercayaan. Dalam proses ini
kepercayaanlah yang menjadi modal utama. Karena tanpa
kepercayaan kedua belah pihak, maka proses jual beli e-commerce bisa
terjadi dan terlaksana.
Kata Kunci: e-commerce, media penjualan gerabah
v
DAFTAR ISI
Halaman
HALAMAN JUDUL
LEMBAR PENGESAHAN
KATA PENGANTAR ............................................................................................ i
LEMBAR PERNYATAAN KEASLIAN ................................................................ iii
IZIN PENGGUNAAN .......................................................................................... iv
ABSTRAK .......................................................................................................... v
DAFTAR ISI ...................................................................................................... vi
DAFTAR GAMBAR ......................................................................................... viii
DAFTAR TABEL ............................................................................................... ix
DAFTAR LAMPIRAN ......................................................................................... x
BAB I
PENDAHULUAN
1.1 Latar Belakang ........................................................................................... 1
1.2 Rumusan Masalah ..................................................................................... 3
1.3 Batasan Masalah........................................................................................ 3
1.4 Tujuan dan Manfaat Penulisan ................................................................... 3
1.4.1 Tujuan penulisan ................................................................................. 3
1.4.2 Manfaat Penulisan ............................................................................... 4
1.5 Metode Penelitian....................................................................................... 4
1.6 Sistematika Penulisan ................................................................................ 7
BAB II
LANDASAN TEORI
2.1 Profil Usaha Dagang (UD.) Dimas Patuh ....................................................... 9
2.2 Struktur Organisasi .................................................................................. 12
2.3 Penjualan ................................................................................................. 12
2.4 Perdagangan Elektronik (E-Commerce)................................................... 14
2.4.1 Sejarah Singkat (e-commerce)........................................................... 14
2.4.2 Definisi Elektronik Commerce ............................................................ 15
2.4.3 Fitur-Fitur Elektronik Commerce ........................................................ 17
2.5 Internet ........................................................................................................ 18
2.6 HTML (Hypertext Markup Language) ....................................................... 18
2.7 PHP ......................................................................................................... 19
2.8 CSS ............................................................................................................. 20
2.9 JavaScript ............................................................................................... 20
2.10 Basis Data ................................................................................................ 20
2.11 MySQL....................................................................................................... 21
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Kebutuhan ...................................................................................... 23
3.1.1 Analisis Data dan Informasi ...................................................................... 23
3.1.2 Identifikasi Masalah .................................................................................. 25
3.1.3 Analisis Alternatif Solusi ............................................................................ 26
3.1.4 Analisis Kebutuhan Sistem ....................................................................... 26
3.1.5 Analisa Data ............................................................................................. 28
vi
3.2Desain Sistem............................................................................................... 32
3.2.1 Desain Sistem Lama .......................................................................... 33
3.2.2 Desain Sistem Alternatif ..................................................................... 35
3.2.3 Entity Relationship Diagram (ERD) .................................................... 37
3.2.4 Diagram Arus Data (DAD).................................................................. 39
3.2.5 Kamus Data ....................................................................................... 43
3.2.6 SITE MAP .......................................................................................... 49
3.2.7 Desain Interface................................................................................. 50
3.3 Implementasi ............................................................................................... 58
3.4 Uji Coba ....................................................................................................... 59
BAB IV
HASIL DAN PEMBAHASAN
4.1 Persiapan Implementasi ........................................................................... 60
4.2 Tahap Pembangunan ............................................................................... 61
4.2.1 Langkah-langkah Pembangunan ....................................................... 61
4.3 Penjelasan Flowchartdan OutputProgram ................................................ 61
4.3 Uji Coba dan Hasil.................................................................................... 79
4.4.1 Kuesioner Responden ....................................................................... 79
BAB V
PENUTUP
5.1 Kesimpulan .............................................................................................. 85
5.2 Saran ....................................................................................................... 86
DAFTAR PUSTAKA
LAMPIRAN
vii
DAFTAR GAMBAR
Halaman
Gambar 2.1 Contoh Kerajinan Gerabah............................................................. 10

Gambar 2.2 Proses Pembuatan Gerabah .......................................................... 11
Gambar 2.3 Struktur Organisasi Usaha Dagang (UD.) Dimas Patuh ................. 12
Gambar 3.1 Desain Sistem Lama ...................................................................... 34
Gambar 3.2 Desain sistem Alternatif.................................................................. 36
Gambar 3.3 Desain ERD ................................................................................... 38
Gambar 3.4 Diagram Contex ............................................................................. 40
Gambar 3.5 Diagram Level 1 ............................................................................. 41
Gambar 3.6 Diagram Level 2 Untuk Proses 3 Inputan Data............................... 42
Gambar 3.7 Level 2 untuk Proses 4 Pemesanan ............................................... 43
Gambar 3.8 Site Map ......................................................................................... 50
Gambar 3.9 Desain Halaman Daftar .................................................................. 51
Gambar 3.10 Desain HalamanLogin .................................................................. 51
Gambar 3.11 Desain HalamanAwal ................................................................... 52
Gambar 3.12 Desain HalamanAwal (Konsumen) ............................................... 53
Gambar 3.13 Desain Pemesanan Barang (Konsumen) ..................................... 53
Gambar 3.14 Desain HalamanKonfirmasi Pembayaran (Konsumen) ................. 54
Gambar 3.15 Desain HalamanDaftar Pemesanan (Konsumen) ......................... 55
Gambar 3.16 Desain Halaman Data Master (Admin) ......................................... 55
Gambar 3.17 Desain HalamanTambah Data Barang (Admin)............................ 56
Gambar 3.18 Desain HalamanKonfirmasi Pemesanan (Admin) ......................... 57
Gambar 3.19 Desain HalamanDaftar Pemesanan (Admin) ................................ 57
Gambar 3.20 Desain HalamanUser Admin (Admin) ........................................... 58
Gambar 4.1 Flowchart Register/Daftar User ...................................................... 62
Gambar 4.2 Tampilan Halaman register ............................................................ 63
Gambar 4.3 Flowchart Login User ..................................................................... 63
Gambar 4.4 Tampilan Halaman Awal ................................................................ 64
Gambar 4.5 Flowchart Halaman Awal................................................................ 65
Gambar 4.6 Tampilan Halaman Awal ................................................................ 66
Gambar 4.7 Flowchart Pemesanan Barang ....................................................... 67
Gambar 4.8 Tampilan Halaman Pemesanan Barang ......................................... 68
Gambar 4.9 Flowchart Halaman Konfirmasi Pembayaran.................................. 68
Gambar 4.10 Tampilan Halaman Konfirmasi Pemesanan.................................. 69
Gambar 4.11 Flowchart Halaman Daftar pemesanan ........................................ 70
Gambar 4.12 Tampilan Halaman Daftar pemesanan ......................................... 71
Gambar 4.13 Flowchart Halaman Data Master .................................................. 71
Gambar 4.14 Tampilan Halaman Data Master ................................................... 72
Gambar 4.15 Flowchart Halaman Tambah Data Barang.................................... 73
Gambar 4.16 Tampilan Halaman Tambah Data Barang .................................... 74
Gambar 4.17 Flowchart Konfirmasi Pemesanan ................................................ 75
Gambar 4.18 Tampilan Halaman Konfirmasi Pemesanan.................................. 76
Gambar 4.19 Flowchart Halaman Data pemesanan .......................................... 76
Gambar 4.20 Tampilan Halaman Data Pemesanan ........................................... 77
Gambar 4.21 Flowchart Halaman Manajemen User Admin ............................... 78
Gambar 4.22 Tampilan Halaman Manajemen User Admin.................................78
viii
DAFTAR TABEL
Halaman
Tabel 3.1 Bentuk tidak normal ........................................................................... 29

Tabel 3.2 Bentuk 1NF tabel pemesanan ............................................................ 29
Tabel 3.3 Bentuk 1NF tabel user ....................................................................... 30
Tabel 3.4 Bentuk 1NF tabel barang ................................................................... 30
Tabel 3.5 Bentuk 2NF tabel pemesanan detail .................................................. 30
Tabel 3.6 tabel user ........................................................................................... 30
Tabel 3.7 tabel kategori ..................................................................................... 31
Tabel 3.8 tabel barang ....................................................................................... 31
Tabel 3.9 tabel gambar barang .......................................................................... 31
Tabel 3.10 tabel barang ..................................................................................... 31
Tabel 3.11 tabel pemesanan ............................................................................. 32
Tabel 3.12 tabel pemesanan detail .................................................................... 32
Tabel 4.1 hasil pengujian kuesioner penjualan .................................................. 80
Tabel 4.2 hasil pengujian kuesioner pembeli ..................................................... 82
ix
DAFTAR LAMPIRAN
Halaman
LAMPIRAN A WAWANCARA .......................................................................... A-1

LAMPIRAN B KUESIONER ............................................................................ B-1
LAMPIRAN C SOURCE CODE PROGRAM .................................................... C-1
x
BAB I
PENDAHULUAN
1.1 Latar Berlakang
Perkembangan dunia seni yang semakin pesat dan perhatian dunia
akan keindahan suatu karya seni telah mendorong para pelaku karya seni
semakin mengeksplorasi kemampuan yang dimiliki. Karya seni saat ini
telah terwujud kedalam berbagai jenis karya, beberapa diantaranya yaitu
karya lukis, karya pahat, karya suara, karya drama, hingga kerajinan
tangan berupa gerabah (Ismail, 2010).
Gerabah sebagai salah satu kerajinan tangan saat ini telah menjadi
salah satu karya seni yang diminati dan memiliki kemanfaatan yang cukup
besar baik dalam hal penyediaan lapangan kerja hingga memberikan peran
serta didalam peningkatan penerimaan devisa Negara melalui kegiatan
ekspor yang telah dilakukan ke Singapura dan Australia. Hal ini tentunya
dikarenakan oleh nilai seni, keunikan bentuk serta kualitas dari gerabah itu
sendiri memberikan daya tarik yang besar bagi para peminat seni baik dari
kalangan penikmat hingga kalangan pencinta gerabah (Mahrup, 2016).
Usaha Dagang (UD.) Dimas Patuh sebagai salah satu artshop yang
berada di Jl. Tgh. Lopan No.89 Labuapi Lombok Barat NTB telah sejak
lama bergerak pada bidang usaha artshop tepatnya sejak tahun 1997.
Artshop ini telah memiliki 10 orang pegawai tetap dan 30 orang pengerajin
dengan omset penjualan yang dapat dikatakan cukup besar yaitu sepuluh
juta hingga limabelas juta rupiah per bulan dengan pangsa pasar
melingkupi pasar lokal dan nasional (Mahrup, 2016).
1
2
E-Commerce merupakan cara bagi seorang konsumen untuk dapat
membeli barang yang diinginkan secara online, E-Commerce adalah
sebuah barang langsung dijual menggunakan internet, baik untuk
konsumen (Bisnis to Consumen) maupun untuk bisnis (Bisnis to Bisnis).
(Sri Haryanti, 2011)
Perkembangan teknologi informasi yang begitu besar dan ketatnya
persaingan bisnis serta adanya era globalisasi tentunyaUsaha Dagang
(UD.) Dimas Patuh yang bergerak dibidang usaha kerajinan gerabah dapat
memanfaatkan fasilitas yang disediakan oleh teknologi informasi melalui
media internet sebagai salah satu media pemasarannya sehingga dapat
merambah pangsa pasar yang lebih luas dengan tidak dibatasi oleh jarak,
ruang dan waktu, sehingga pencapaian penjualan dapat ditingkatkan
dengan efektifitas waktu yang semakin baik (Ismail, 2010).
Aplikasi penjualan online pada artshop Usaha Dagang (UD.) Dimas
Patuh diharapkan dapat menjadi media promosi yang tepat dan
meningkatkan penjualan serta memperluas pemasaran artshop Usaha
Dagang (UD.) Dimas Patuh. Selain itu dapat membantu konsumen untuk
mengetahui ketersediaan produk yang ada tanpa harus mengunjungi
artshop Usaha Dagang (UD.) Dimas Patuh (Uswatun Hasanah, 2013).
Media pemasaran internet dapat digunakan oleh Usaha Dagang
(UD.) Dimas Patuh dengan mengembangkan suatu aplikasi penjualan
gerabah berbasis web sehingga informasi yang ingin disampaikan kepada
konsumen dapat diakses melalui internet di berbagai tempat (Sri Haryanti,
2011).
3
1.2 Rumusan Masalah
Berdasarkan latar belakang diatas maka dapat dirumuskan suatu
permasalahan yaitu “Bagaimana Membangun Program Aplikasi E-
Commerce Sebagai Media Pengoptimalan Penjualan Gerabah Pada Usaha
Dagang (UD.) Dimas Patuh?”.
1.3 Batasan Masalah
Berdasarkan perumusan masalah diatas, maka dibuat batasan
masalah sebagai berikut:
1. Aplikasi yang dihasilkan yaitu aplikasi e-commercesebagi media
pengoptimalan penjualan gerabah Usaha Dagang (UD.) Dimas Patuh;
2. Aplikasi penjualan gerabah berbasis web ini di buat dalam
BahasaIndonesia;
3. Bahas pemrograman yang digunakan yaitu PHP dan Framework Laravel
4. Kategori website adalah e-commerce dengan fitur-fitur yang dibatasi
pada: Etalase/halaman Display, katalog, keranjang belanja, konfirmasi
pembayaran Contact Link;
5. Database manajemensystem yang digunakan yaitu MySQL;
6. Survey dilakukan pada Usaha Dagang (UD.) Dimas Patuh.
1.4 Tujuan dan Manfaat Penulisan
1.4.1. Tujuan Penulisan
Tujuan dari penelitian tugas akhir ini adalah untuk
memudahkan konsumen dalam pembelian gerabah serta
mempermudah promosi untuk pihak Usaha Dagang (UD.) Dimas
Patuh.
4
1.4.2. Manfaat Penulisan
Penulisan ini dapat dirasakan manfaatnya oleh pihak-pihak
terkait yakni sebagai berikut:
a. Bagi Usaha Dagang (UD.) Dimas Patuh
1. Dapat membantu Usaha Dagang (UD.) Dimas Patuh dalam
melakukan pengolahan data penjualan gerabah;
2. Dapat dijadikan sebagai bahan pertimbangan dalam
pengambilan tindakan-tindakan untuk peningkatan tingkat
pemasaran gerabah;
3. Dapat menghasilkan informasi yang bermanfaat bagi
manajemen perusahaan untuk meningkatkan keuntungan
perusahaan.
b. Bagi masyarakat
1. Dapat menjadi alternatif dalam mengetahui informasi
mengenai produk gerabah yang ada pada Usaha Dagang
(UD.) Dimas patuh;
2. Memberikan pengetahuan terhadap masyarakat awam
khususnya pemanfaatan Teknologi Informasi dalam
pemasaran gerabah;
3. Membantumasyarakatkhususnya konsumen untuk
mempercepat proses penyampaian informasi mengenai
produk gerabah.
5
1.5 Metode Penelitian
Peneliti menggunakan metode waterfall karena tahap demi tahap
yang dilalui harus menunggu selesainya tahap sebelumnya dan berjalan
berurutan. Metode ini merupakan metode yang sering digunakan oleh
penganalisa sistem pada umumnya. Inti dari metode waterfall adalah
pengerjaan dari suatu system dilakukan secara berurutan atau secara
linear. Jadi setiap tahap harus diselesaikan terlebih dahulu secara penuh
sebelum diteruskan ke tahap berikutnya untuk menghindari terjadinya
pengulangan tahapan. Secara garis besar metode waterfall mempunyai
langkah-langkah sebagai berikut: SurveiSistem, Analisa Sistem,Design
Sistem, Pembuatan Sistem, Implementasi Sistem,Pemeliharaan Sistem.
a. Survei Sistem
Manfaat dari fase penyelidikan atau survey sistem ini adalah
untuk menentukan problem-problem atau kebutuhan yang timbul. Hal
itu memerlukan pengembangan system secara menyeluruh ataukah
ada usaha lain yang dapat dilakukan untuk memecahkannya. Salah
satu alternatif jawabannya mungkin saja merupakan suatu keputusan
untuk tidak melakukan perubahan apapun terhadap system yang
berjalan. Dengan katalain sistemyang ada tetap berjalan tanpa perlu
perubahan maupun pembangunan sistem yangbaru. Hal ini dapat
terjadi karena kebutuhan itu tidak dapat diimplementasikan atau
ditangguhkan pelaksanaannya untuk suatu kurun waktu tertentu.
Alternatif lainnya mungkin hanya diperlukan perbaikan-perbaikan
padasistem tanpaharus menggantinya.

6
b. Analisis Sistem
Tahap analisis bertitik-tolak pada kegiatan-kegiatan dantugas-
tugas dimana system yang berjalan dipelajari lebih mendalam,
konsepsi dan usulan dibuat untuk menjadi landasan bagi sistem yang
baru yang akan dibangun. Pada akhir tahap ini separuh kegiatan dari
usaha pengembangan system informasi telah diselesaikan. Salah
satu tujuan terpenting tahap ini adalah untuk mendefinisikan sistem
berjalan. Prosedur-prosedur didokumentasikan menurut kacamata
pemakai system sehingga parapemakai system akan berpartisipasi
dan memahami semua permasalahan yang dihadapi dan
memberikan usulan-usulan penyempurnaan. Pemakai system dan
analisa system bekerjasama untuk menjabarkan kebutuhan dan
kemampuan dari system baru yang akan diusulkan.
c. Desain Sistem
Padatahap ini sebagian besar kegiatan yang berorientasi ke
computer dilaksanakan. Spesifikasi perangkat keras dan perangkat
lunak (HW/SW) yang telah disusun pada tahap sebelumnya ditinjau
kembali dan juga tentang programnya. Latihan bagi para pemakai
system dimulai. Pada akhirnya dengan berpartisipasi penulis dari
pemakai sistem, dilakukan tes sistem secar amenyeluruh. Apabila
pemaka isistem telah puas melihat hasil testing yang dilakukan maka
steering committee dimulai persetujuannya untuk tahap selanjutnya.

7
d. Implementasi Sistem
Tahap ini adalah prosedur yang dilakukan untuk menyelesaikan
design system yang ada dalam dokumen design sistemyang disetujui
dan menguji, menginstall dan memulai penggunaan system baru atau
system yang telah diperbaiki.Tujuan dari tahap implementasi ini
adalah untuk menyelesaikan design system yang telah disetujui,
menguji serta mendokumentasikan program-programdan prosedur
system yang diperlukan, memastikan bahwa personil yang terlibat
dapat mengoperasikan system baru dan memastikan bahwa konversi
sistem lamake system yang baru dapat berjalan secara baik dan
benar.
1.6 Sistematika Penulisan
Untuk memberikan gambaran yang jelas dalam penulisan tugas
akhir ini, maka penulis dapat menguraikan sistematika penulisan sebagai
berikut:
BAB I PENDAHULUAN
Bab ini mencakup pembahsan latar belakang masalah, rumusan
masalah, batasan masalah, tujuan dan manfaat penulisan, metode
penelitian, dan sistematika penulisan
BAB II LANDASAN TEORI
Bab ini menjelaskan tentang profil Usaha Dagang (UD.) Dimas
Patuh, teori-teori yang berkaitan dengan tugas akhir ini seperti
perdagangan elektronik (e-commerece), PHP dan MySQL.

8
BAB III ANALISIS DAN PERANCANGAN SISTEM
Bab ini menjelaskan tentang desain sistem lama , desain sistem
alternatif, Diagram arus data (DAD), struktur database, Entity
relationship Diagram (ERD), relasi database, struktur program,
rancangan tampilan layar .
BAB IV HASIL DAN PEMBAHASAN
Bab ini menjelaskan tentang tampilan output program, diagram
alur program / flowchart.
BAB V PENUTUP
Bab ini berisi simpulan yang merangkum semua hasil yang telah
diuraikan secara lengkap dan saran untuk pengembangan sistem
selanjutnya.
BAB II
LANDASAN TEORI
Dalam bab ini membahas tentang teori-teori yang berhubungan dengan
permasalahan penelitian yang akan dibahas dalam penyusunan tugas akhir ini.
Adapun teori-teori tersebut sebagai berikut :
2.1 Profil Usaha Dagang (UD.) Dimas Patuh
Usaha Dagang (UD.)Dimas Patuh telah mulai merintis usahanya
untuk memasarkan gerabah dimulai sejak tahun 1997, yang beralamatkan
di Jl. Tgh. Lopan No.89 Labuapi Lombok Barat NTB. Pada awalnya pemilik
sekaligus sebagai pengerajin yang dibantu oleh anggota keluarga. Karena
daerah tujuan pemasaran semakin berkembang maka Usaha Dagang
(UD.) Dimas Patuh mulai merekrut pegawai dan pengerajin. Sampai saat
ini Usaha Dagang (UD.)Dimas Patuh sudah memiliki 10 orang pegawai dan
30 orang pengerajin.
Kerajinan gerabah yang ditawarkan oleh Usaha Dagang (UD.) Dimas
Patuh beraneka bentuk, ragam dan ukuran, antara lain:
Name: Name : Name : Name :

Tray Teracotta w/ Yin & Yang RumahLilin Telur berTUAH
rattan Teracotta Teracotta Size :
Size: Size : Size : Heigh = 8 cm;
Heigh = 7 cm; Heigh = 5 cm; Heigh = 20 cm; Body Diameter =
Diameter = 35 cm Diameter = 15 cm Diameter = 28 cm 13 cm
9
10
Name : Name : Name : Name :

Celengan Ayam Ayam Dot Teracotta Telur Unta Mangkuk Cinta
Teracotta with Rattan Size : Size :
Size : Size : Heigh = 10 cm; Heigh = 8 cm;
Heigh = 15 cm; Heigh = 37 cm; Body Diameter = 18 Top
Body Diameter = Body Diameter = 25 cm Diameter = 23
20cm cm cm
Gambar 2.1 Contoh Kerajinan Gerabah
Harga yang ditawarkan sesuai dengan bentuk, bahan, diameter
panjang dan tingginya. Ukuran dibagi menjadi 3 yaitu kecil, sedang dan
besar. Nama-nama barang menggunakan bahasa asing karena
menyesuaikan dengan kondisi saat ini dimana penjualan lebih banyak
berorientasi dengan warga asing yang sedang berlibur di pulau lombok.
Bahan-bahan yang digunakan untuk dapat menghasilkan sebuah
gerabah dengan motif dan corak tertentu antara lain:
- Tanah liat sebagai bahan baku (pokok),
- Asam, dedak sebagai pewarna hitam,
- Jerami untuk pembakaran,
- Daun-daun, kulit telur sebagai hiasan,
- Pasir pantai, keong sebagai hiasan,
- Anyaman bambu sebagai hiasan luar,
- Dan lainnya disesuaikan dengan kebutuhan.
Adapun proses pembuatan gerabah padaUsaha Dagang (UD.) Dimas
Patuh yaitu;
11
1. Penjemuran Tanah 2. Pembuatan 3. Penghalusan
4. Penjemuran 5. Pembakaran 6. Pembakaran
7. Pewarnaan 8. Finishing 9. Finishing
Gambar 2.2 Proses Pembuatan Gerabah
Dalam menjalankan bisnisnya Usaha dagang (UD.) Dimas Patuh
telah melakukan pemasaran produknya melalui beberapa cara yakni:
- Melalui brosur,
- Pemasaran dipasar tradisional,
- Pemasaran di Usaha Dagang (UD.) Dimas Patuh,
- Mengikuti Pameran,
- Bekerja sama dengan artshop lainnya

12
2.2 Struktur Organisasi
STRUKTUR ORGANISASI USAHA DAGANG (UD.) DIMAS PATUH
PIMPINAN
Drs. H. Mahrup
ADMINISTRASI BENDAHARA
Misbah Fariz Hj. Suri Murni
PEMASARAN SAMPLE &

Lalu Mislan PRODUKSI
Wadi Muhrim
KOORDINATOR
LAPANGAN
Hadi Irawan
KARYAWAN
UD. DimasPatuh
Gambar 2.3 Struktur Organisasi Usaha Dagang (UD.) Dimas Patuh
2.3 Penjualan
Penjualan merupakan suatu kegiatan dalam usaha, dimana sumber
keuntungan dari suatu usaha tersebut dapat diperoleh dari penjualan
produk atau jasa. Tanpa adanya penjualan maka usaha tidak akan
mendapatkan income untuk dapat menutup biaya kegiatan operasional
bulanan atau tahunan (Indrajani dan shelly, 2007).
Penjualan dalam pengertian luasnyabukan saja bertujuan untuk
melakukan penjualan tetapi juga menandai calon pembeli, merangsang
permintaan, menyediakan informasi serta jasa kepada pmbeli untuk

13
mencapai tujuan yang diinginkan. Pemasarn harus memudahkan kegiatan-
kegiatan seperti penjualan perseorangan, pembuatan iklan, promosi,
penjualan, pemaketan, dan pelayanan pelanggan (Indrajani dan shelly,
2007).
Konsep penjualan adalah gagasan bahwa konsumen tidak akan
membeli cukup banyak produk perusahaan kecuali jika perusahaan
tersebut melakukan usaha penjualan dan promosi dalam skala besar.
Menurut kotler (2006:457), penjualan merupakan sebuah proses
dimanakebutuhan pembeli dan kebutuhan penjualan dipenuhi, melalui
antar pertukaran informasi dan kepentingan. Jadi konsep penjualan
adalahcarauntukmempengaruhi konsumen untuk membeli produk yang
ditawarkan.
Kegiatan penjualan yang dilakukan oleh Usaha Dagang (UD.)
Dimas Patuh ini merupakan penjualan tidak langsung dalam arti
perusahaan hanya menampilkan berupa gambar gerabah kepada
konsumen sesuai contoh yang dimiliki. Bila pembeli cocok dengan gambar
gerabah dapat melakukan pemesanan dan kemudian perusahaan
memberikan surat pesanan. Dari pesanan dan gambar gerabah yang
dipesan maka selanjutnya dibuatkan oleh pengerajin yang ditunjuk oleh
perusahaan.
Aturan pembayaran pada Usaha Dagang (UD.) Dimas Patuh adalah
tunai. Penjualan tunai disini dimaksud berupa proses pembayaran
dilakukan dengan pembayaran setengah diawal pemesanan yang
berupadana pemulaan (DP), setelah barang jadi dan dikirim baru dibayar
sisanya. Kemudian untuk return penjualan diperoses bila ada barang rusak,
14
maka pembeli bias melakukan komplain keperusahaan dan perusahaan
akan mengkomplain kepihak pengirim.Barang diterima oleh pengirim, maka
kerusakan barang tersebut ditanggung perusahaan.tetapi bila barang rusak
dari pengirim ke penerima maka ditanggung oleh pengirim dengan dikasih
potongan harga sesuai perjanjian.
Berikut deskripsi cara pembayaran pembelian gerabah adalah.
a. Untukpembeliandipasar (pasartradisional,supermarket, pameran
dan artshop)pembayarandilakukansecara langsung.
b. Untuk pesanan dalam jumlah banyak biasanya menggunakan
uang muka sesuai kesepakatan dan sisanya dilunasi bila barang
sudah diterima sesuai pesanan pembeli (tidak ada keluhan).
c. Untuk pembayaran jarak jauh biasanya menggunakan wesel pos
atau transfer melalui rekening bank.
d. Pembayaran dapat jugak berbentuk uang giral seperti cek.
2.4 Perdagangan Elektronik (e-commerce)
1.4.1 Sejarah singkat e-commerce
Penerapan electronic commerce yang bermula di awal tahun
1970-an dengan adanya inovasi semacam Electronic Fund
Transfer (EFT). Saat itu penerapan sistem ini masih sangat
terbatas pada perusahaan berskala besar, lembaga keuangan
pemerintah dan beberapa perusahaan menengah kebawah yang
nekat, kemudian berkembang hingga muncullah yang dinamakan
EDI ( Electronic Data Interchange).
Bermula dari transaksi keuangan ke pemprosesan transaksi
lainnya yang membuat perusahaan-perusahaan lain ikut serta,

15
mulai dari lembaga-lembaga keuangan hingga ke manufacturing,
ritel, jasa dan lainnya. Kemudian terus berkembang aplikasi-
aplikasi lain yang memiliki jangkauan dari trading saham sampai
ke sistem reservasi perjalanan. Pada waktu itu sistem tersebut
dikenal sebagai aplikasi telekomunikasi. Dengan adanya
komersialisasi internet diawal tahun1990-an,serta pesatnya
pertumbuhan yang mencapai hingga jutaan pelanggan potensial
maka muncullah istilah electronic commerce(e-commerce) yang
aplikasinya segera berkembang pesat.
Satu alasan bagi pesatnya perkembangan teknologi tersebut
adalah adanya perkembangan jaringan, protocol, perangkat lunak
dan spesifikasi. Alasan lain adalah meningkatnya persaingan dan
berbagi tekanan bisnis lain. Dari tahun 1995 hingga 1999 kita telah
menyaksikan berbagai aplikasi inovatif, mulai dari iklan hingga
pelelangan dan pengalaman realitas maya. Hampir setiap
organisasi menengah dan besar di AS telah memiliki situs web
sendiri (Suyanto M, 2003).
1.4.2 Definisi Electronik Commerce
Secara garis besar, perdagangan elektronik (e-commerce)
didefinisikan sebagai cara untuk menjual dan membeli barang-
barang, dan jasa lewat jaringan internet. jadi proses pemesanan
barang, transaksi pembayaran hingga pengiriman barang di
komunikasikan melalui internet.
Sejak awal perdagangan elektronik mencakup transaksi
pembelian serta transfer dana via jaringan komputer. Saat ini

16
perdagangan elektronik telah bertumbuh sehingga memungkinkan
terjadinya perdagangan dan penjualan komoditas-komoditas baru
yang dulu tidak terbayangkan, seperti misalnya informasi-informasi
elektronik (perangkat lunak-perangkat lunak komputer, lagu-lagu,
film-film, dan sebagainya) (Nugroho, 2006).
Dilihat dari jenis transaksinya e-commerece di kelompokkan
menjadi 2 (dua) segmen, yaitu;
 Bussines to Bussines e-commerce (B2B e-commerce), adalah
transaksi perdagangan melalui internet, yang dilakukan oleh
dua atau lebih perusahaan. Transaksi ini biasanya dilakukan
untuk pembelian bahan baku atau komponen pendukung
kegiatan produksi ataupun perdagangan. Dalam dunia bisnis,
transaksi dagang tersebut sering disebut EnterpriseResources
Planning (ERP) ataupun supplychain management.
 Business to Consumer (B2C), merupakan transaksi jual beli
melalui internet antara penjual barang konsumsi dengan
konsumen (end user). Penggunaan internet sebagai media
perdagangan terus meningkat dari tahun ketahun, hal ini
disebabkan karena berbagai manfaat yang didapat oleh
perusahaan ataupun konsumen dengan melakukan transaksi
melalui internet (Budi dalam karang, 2009).

17
1.4.3 Fitur-fitur Electronic Commerce
Sebuah situs e-commerce biasanya memiliki fitur-fitur utama
sebagai berikut :
 Etalase / Halaman Display yang memuat nama, deskripsi dan
harga barang/jasa yang ditawarkan;
 Catalog, yang bisa dieksplorasi isinya dengan mudah untuk
mencari produk atau jasa yang kita inginkan, umumnya
difasilitasi dengan fungsi search / Cari;
 Shopping Cart/keranjang belanja, yaituntempat kita menaruh
barang-barang atau jasa yang kita inginkan, memuat nama
barang, Quantity dan harga serta jumlah bayar, umumnya
dilengkapi dengan automatic calculation yang dapat
memunculkan informasi nominal pembayaran yang harus
dilakukan;
 Payment Methode, umumnya menawarkan tiga metode cara
bayar, yaitu Cash/Transfer/Debit, kredit dengan kartu kredit
dan C.O.D (Cash On Delivery);
 System pengiriman (delivery method), umumnya berafiliasi
dengan pihak ketiga / perusahaan jasa pengiriman barang
dengan berbagai layanannya yang dapat dipilih oleh pembeli
misalnya layanan kiriman sampai pada hari yang sama,
keesokan harinya dan lain-lain;
 Contact Link, berisi alamat dan/atau nomer telepon atau
seluler lain (email/IM) yang dapat digunakan untuk komunikasi
antara pembeli dan penjual, umumnya disertai pula contact

18
form yang terdiri dari field-field untuk memasukkan identitas
pengirim (nama, email/website) serta berita/pesan yang ingin
disampaikan. Isi pesan yang disampaikan melalui contact form
umumnya dapat diteruskan kepada penjual/pengelola/pemilik
web dalam bentuk email (Webdosen, 2010).
2.5 Internet
Internet (Interconnected networks) adalah kumpulan
jaringanjaringan komputer (networks) sedunia yang saling berhubungan
satu sama lain. Agar bisa berhubungan, Internet menggunakan bahasa
yang sama yang disebut TCP/IP (Transmission Control Protocol /Internet
Protocol). TCP/IP memberikan sebuah alamat (address) dan identitas
(identity:disingkat ID) yang unik (tidak boleh sama) pada setiap komputer
diseluruh dunia untuk menghindari adanya kesalahan pengiriman data.
Sebagai sebuah jaringan komputer dunia, Internet dapat dikatakan
sebagai jalur transportasi segala informasi yang berbentuk file atau data
pada komputer lain. Dengan demikian, Internet sendiri tidak mengandung
informasi.Lebih tepat dikatakan,bahwa informasi dapat ditemukan melalui
atau menggunakan internet(MaryonoY &B. Patmi Istiana, 2008).
2.6 HTML (Hypertext Markup Language)
HTML(Hypertext Markup Language) adalahsebuahbahasa
pemrograman yang berbentuk skrip-skrip yang berguna untuk membuat
sebuah halaman web.HTML dapat dibaca oleh berbagaiplatform
seperti:Windows,Linux,Macintosh.Kata ”Markup Language” pada HTML
menunjukkan fasilitas yang berupa tanda tertentu dalam skrip HTML
dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain
19
dengan perintah yang telah ditentukan pada elemen HTML. HTML sendiri
dikeluarkan oleh W3C (Word Wide Web Consortin), setiap terjadi
perkembangan level HTML harus dievakuasi ketat dan disetujui oleh
W3C. (Kadir, 2002).
2.7 PHP
PHP adalah bahasa pemrograman web atau scripting language
yang dijalankan diserver. PHP dibuat pertama kali oleh Rasmus Lerdorf,
yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada
homepagenya.Pada waktu itu PHP bernama FI (Form Interpreter).Pada
saattersebutPHPadalahsekumpulan script yang digunakan untuk mengolah
data form dari web.Perkembangan selanjutnya adalah Rasmus
melepaskan kode sumber tersebut dan menamakannya PHP/FI,
padasaattersebutkepanjangan dari PHP/FI adalah PersonalHome
Page/Form Interpreter. Pelepasan kode sumber ini menjadi open source,
maka banyak programmer yang tertarik untuk ikut mengembangkan PHP.
Pada tahun 1997 sebuah perusahaan bernama Zend, menulis
ulang interpreter PHP mejadi lebih bersih, lebih baik dan lebih cepat.
Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru
untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Pada
pertengahan tahun1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling
banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai
untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan
proses dan stabilitas yang tinggi.

20
Pada Juni 2004 Zend merilis PHP 5.0. Versi ini adalah versi
mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami
perubahan besar. Dalam versi ini juga dikenalkan model pemrograman
berorientasi objek baru untuk menjawab perkembangan bahasa
pemrograman kearah pemrograman berorientasi objek. Hal yang menarik
yang didukung oleh PHP adalah kenyataan bahwa PHP bisa digunakan
untuk mengakses berbagai macam database seperti Access, Oracle,
MySQL, dan lain-lain (Kadir, 2002).
2.8 CSS
CSS adalah singkatan dari Cascading Style-Sheet, yaitu sebuah
pengembangan atas kode HTML yang sudah ada sebelumnya.Dengan
CSS, bisa menentukan sebuah struktur dasar halaman web secara lebih
mudah dan cepat, serta irit size (Kadir, 2002).
2.9 JavaScript
JavaScript merupakan modifikasi dari bahasa c++ dengan pola
penulisan yang lebih sederhana. Interpreter bahasa ini sudah disediakan
ASP ataupun internet explorer. Kelebihan JavaScript adalah berinteraksi
dengan HTML, ini membolehkan pembuat web untuk memasukkan web
mereka dengan kandungan-kandungan yang dinamik,menukar warna
background,menukarbanner,efekmouse, menu interaktif dan sebagainya
(Kadir, 2002).
21
2.10 Basis Data
Basis data adalah sistem berkas terpadu yang dirancang terutama
untuk meminimalkan duplikasi data. Basis data lebih di batasi pada arti
implicit yang khusus, yaitu:
a. Basis data merupakan penyajian suatu aspek dari dunia nyata (real
word).
b. Basis data merupakan kumpulan data dari berbagai sumber yang
secara logika mempunyai arti implisit yang khusus, yaitu:
a. Basis data merupakan penyajian suatu aspek dari dunia nyata
(real word).
b. Basis data merupakan kumpulan data dari berbagai sumber yang
secara logika mempunyai arti implisit.Sehingga data yang
terkumpul secara acak dan tanpa mempunyai arti, tidak dapat
disebut basis data.
c. Basis data pel dirancang, dibangun dan data dikumpulkan untuk
suatu tujuan. Basis data dapat digunakan oleh beberapa user dan
beberapa aplikasi yang sesuai dengan kepentingan user.
Dari beberapa definisi-definisi tersebut, dapat dikatakan bahwa
basis data mempunyai berbagai sumber data dalam pengumpulan
data,bervariasi derajat interaksi kejadian dari dunia nyata,
dirancang dan di bangun agar dapat digunakan oleh beberapa
user untuk berbagai kepentingan (Kadir, 2009).

22
2.11 MySQL
MySQL (My Structured Query Language) atau yang biasa dibaca mai-
se-kuel adalah sebuah program pembuat dan pengelola database atau
yang sering disebut dengan DBMS (DataBase Management System),
sifat dari DBMS ini adalah Open Source.
MySQL sebenarnya produk yang berjalan pada platform Linux,
dengan adanya perkembangan dan banyaknya pengguna, serta lisensi
dari database ini adalah Open Source, maka para pengembang kemudian
merilis versi Windows. Selain itu MySQL juga merupakan program
pengakses database yang bersifat jaringan, sehingga dapat digunakan
untuk aplikasi Multi User (Banyak Pengguna). Kelebihan lain dari MySQL
adalah menggunakan bahasa query (permintaan)standard SQL
(Structured Query Language).
Sebagai sebuah program penghasil database, MySQL tidak
mungkin berjalan sendiri tanpa adanya sebuah aplikasipengguna
(interface) yang berguna sebagai program aplikasi pengakses
databaseyang dihasilkan.MySQL dapat didukung oleh hampir
semuaprogram aplikasi baik yang Open Source seperti PHP maupun
yang tidak Open Source yang ada pada platform windows seperti Visual
Basic, Delphi dan lainnya(Bunafit Nugroho, 2008).

BAB III
ANALISIS DAN PERANCANGAN SISTEM
Berdasarkan pembahasan pada bab sebelumnya bahwa metodologi yang
penulis gunakan adalah metodologi waterfall. Adapun tujuan dari penulis
menggunakan metodologi ini agar tahapan-tahapan dalam pengembangan
perangkat lunak menjadi lebih terstruktur dan sistematik.
Tahapan-tahapan dalam metode waterfall adalah tahap analisiskebutuhan,
desain sistem, implementasi, uji coba, dan pemeliharaan. Sedangkan dalam
penelitian ini penulis hanya mengadopsi 4 (empat) tahap yaitu analisa
kebutuhan, desain sistem, implementasi dan pengujian.
3.1. Analisis Kebutuhan
Analisis kebutuhan dilakukan untuk perkiraan kebutuhan dalam
proses pembangunan sistem. Analisis kebutuhan meliputi analisa data,
identifikasi masalah, alternatif solusi serta kebutuhan sistem. Adapun
analisis kebutuhan sebagai berikut :
3.1.1. Analisis Data dan Informasi
Sebelum melakukan perancangan sistem yang baru,
diperlukan informasi yang jelas mengenai sistem lama yang
pernah diterapkan sebelumnya untuk memperoleh gambaran
umum mengenai prosedur kerja sistem lama. Sehingga dapat
diketahui bagian mana dari prosedur tersebut yang perlu
diperbaiki untuk meningkatkan atau mengganti sistem yang
berjalan.
23
24
Dalam penelitian ini dilakukan beberapa teknik
pengumpulan data, yaitu observasi dan wawancara.Observasi dan
wawancara dilakukan langsung pada Usaha Dagang (UD.) Dimas
Patuh yang beralamatkan di jl. Tgh. Lopan No.89 Labuapi Lombok
Barat NTB.Adapun berikut ini adalah rincian hasil pengumpulan
data dan informasi yang dilakukan.
a. Observasi
Observasi atau pengamatan langsung pada obyek yakni Usaha
Dagang (UD.) Dimas Patuh. Adapun hasil pengamatan yang
telah dilakukan yakni :
 Diketahui bahwa sistem yang berjalan pada Usaha
Dagang (UD.) Dimas Patuh masih menggunakan sistem
manual. Sistem manual yang dimaksud adalah tidak
menggunakan teknologi komputer.
 Dapat diketahui bahwa sistem yang berjalan saat ini
sebagaimana desain sistem yangakandisampaikan pada
bagian subbab berikutnya.
b. Wawancara
Selain observasi, digunakan pula metode wawancara untuk
mendapatkan informasi yang lebih detail mengenai obyek
penelitian. Wawancara pada penelitian ini dilakukan dengan
pimpinan Usaha Dagang (UD.) Dimas Patuh Bapak Drs. H.
Mahrup, adapun hasil wawancara yang telah dilakukan yaitu:
 Produk-produk yang dihasilkan oleh Usaha Dagang (UD.)
Dimas Patuh adalah produk gerabah yang berbahan baku

25
tanah liat dan pasir, serta dengan bahan baku proses
pembuatan yaitu kayu dan jerami. Untuk detail produk yang
dihasilkan sebagaimana telah disampaikan pada Bab II.
 Sistem pemasaran yang dilakukan oleh Usaha Dagang
(UD.) Dimas Patuh masih menggunakan sistem
konvensional yakni melalui pameran-pameran,
pemanjangan langsung pada tempat usaha dan melalui
brosur.
 Diperlukan pengembangan aplikasi penjualan gerabah
berbasis web pada Usaha Dagang (UD.)Dimas Patuh
untuk mempermudah dalam pemasaran serta pengontrolan
pemesanan.
3.1.2. Identifikasi Masalah
Berdasarkan hasil data dan informasi yang telah
dijabarkan diatas, ditemukan beberapa hal yang dianggap sebagai
kendala dari sistem lama, antara lain:
a) Sistem Pemasaran
Sistem pemesaran secara konvensional yakni melalui pameran-
pameran, pemajangan langsung pada tempat usaha dan melalui
brosur.
b) Media Promosi
Selain sistem pemesaran secara konvensional, tidak terdapat
media promosi yang dinilai efektif dalam meningkatkan
pendapatan pada Usaha Dagang (UD.) Dimas Patuh.

26
c) Sistem yang mempermudah pemesanan
Tidak terdapat sistem yang dapat membantu pemesanan
gerabah secara langsung. Karena pemesanan harus menuju ke
lokasi Usaha Dagang (UD.)Dimas Patuh.
3.1.3. Analisis Alternatif Solusi
Berdasarkan hasil identifikasi masalah yang telah
dijelaskan diatas, maka solusi yang dapat dilakukan untuk
mengatasi masing-masing permasalahan antara lain:
1. Diperlukan sebuah sistem yang dapat digunakan sebagai
media promosi untuk pemasaran yang lebih efektif.
2. Diperlukan sebuah sistem yang dapat digunakan untuk
mempermudah pemesanan gerabah.
3. Pihak Usaha Dagang (UD.) Dimas Patuh dapat mengontrol
penjualan barang gerabah.
4. Pihak Usaha Dagang (UD.) Dimas Patuh membutuhkan
sistem pemasaran melalui website yang dapat mencakup area
yang tidak terbatas karena menggunakan teknologi internet.
3.1.4. Analisis Kebutuhan Sistem
Analisa kebutuhan sistem dilakukan untuk perkiraan
kebutuhan sistem baru yang akan dibangun. Adapun analisis
kebutuhan sistem meliputi:
1. Perangkat Keras
Untuk menjalankan sistem ini diperlukan beberapa
perangkat keras yaitu:

27
 Komputer RAM minimal 2GB
 Komputer Harddisk 500 GB
 Komputer CPU Core 2 Duo
2. Perangkat Lunak
Untuk menjalankan sistem ini diperlukan beberapa
perangkat lunak yaitu:
 Sistem Operasi Windows minimal Windows 7.
 Xampp sebagai Web Server.
 MySql sebagai DBMS.
 Navicat sebagai tools database yang mempermudah dalam
pengolahan database secara langsung.
 WebBrowser untuk mengakses aplikasi Web Client.
3. Pengguna
Agar perangkat lunak yang dibangun dapat berjalan
dengan baik, maka diperlukan beberapa pengguna antara
lain:
 Admin, yaitu pengguna yang menangani tentang isi konten
sistem. Pengguna admin yang di kategorikan merupakan
pegawai Usaha Dagang (UD.)Dimas Patuh. Kemampuan
yang harus dimiliki admin yaitu:
A. Dapat mengoperasikan komputer dan perangkat
lunak lainnya.
B. Dapat mengoperasikan komputer khususnya web
browser.
28
 Konsumen,yaitu pengguna yang akan melakukan
pemesanan barang ke Usaha Dagang (UD.)Dimas Patuh.
Kemampuan yang harus dimiliki antara lain:
A. Dapat mengoperasikan komputer dengan baik.
B. Dapat mengoperasikan perangkat lunak webbrowser
dengan baik.
3.1.5. Analisa Data
A. Normalisasi
Berikut ini merupakan tahapan normalisasi yang digunakan pada
pengembangan perangkat lunak yang dibahas, yaitu dari bentuk tidak
normal sampai dengan bentuk yang normal.

29
1. Bentuk tidak normal
Tabel 3.1 tabel tidak normal

Id Nama Status Id Nama Jumlah Id Total Tanggal
Harga
pemesan pemesan pemesanan barang baranng (qty) user pemesanan
Pemesanan 1 Gerabah 2 1 30000 60000
1 Saupi 12/7/2017
diterima guci
Aini Pemesanan 2 Gerabah 1 2 15000 15000
2 12/7/2017
diterima piring
2. Bentuk normal pertama 1NF
Tabel 3.2tabel pemesanan

Id Alamat Jumlah Statuspemesa Tanggal
Nama pemesan Barang Total
pemesan pemesan (qty) nan pemesanan
1 Lombok Gerabah Pemesanan
Saupi 2 60000 12/7/2017
Tengah guci diterima
2 Lombok Gerabah Pemesanan
Aini 1 15000 12/7/2017
Tengah piring diterima
Tabel 3.3 tabel user

Id user Nama user Alamat No telp
1 Gopek Lombok tengah 086798473473

2 Cika Mataram 086348623745
30
Tabel 3.4 tabel barang

Id barang Nama barang Keterangan Harga
1 Gerabah guci Gerabah hiasan berbentuk 30000
guci
2 Gerabah piring Gerabah cantik seperti 15000
piring
3. Bentuk normal kedua 2NF
Tabel 3.5tabel pemesanan detail

Id Id user Id barang Jumlah Harga Tanggal Total
pemesan (Qty) pemesan
1 1 1 2 30000 12/7/2017 60000
2 2 2 1 15000 12/7/2017 15000

31
B. Struktur Database
Berdasarkan hasil normalisasi diatas terbentuk beberapa tabel pada
database yang akan di bangun dengan struktur sebagai berikut :
1. Tabel user
Tabel 3.6tabel user

Nama Field Tipe Ukuran Keterangan
Id Int - Id user
Name Varchar 255 Nama user
Email Varchar 255 Email user
Password Varchar 255 Password user
Alamat Varchar 255 Alamat user
No_telp Varchar 255 No telp user
Akses Varchar 255 Status akses user
created_at datetime - Tanggal pembuatan data user
update_at datetime - Tanggal perubahan data user
2. Tabel jenis barang
Tabel 3.7tabel kategori

Id Int - Id jenis barang
Kategori Varchar 255 Nama kategori barang
3. Tabel barang
Tabel 3.8tabel barang

Id Int - Id barang
Nama_barang Varchar 255 Nama barang
Harga Int 11 Harga barang
Deskripsi Text - Deskripsi singkat tentang barang
Stok Enum 2 Informasi stok barang
Jenis_barang_id Int - Foreign key dari tabel jenis barang
Images Varchar 255 Nama file buat gambar
created_at Datetime - Tanggal pembuatan data barang
update_at Datetime - Tanggal perubahan data barang
32
4. Tabel gambar barang
Tabel 3.9tabel gambar barang

Id Int - Id gambar barang
Files Varchar 255 Nama file gambar barang
Barang_id Int - Foreign key dari tabel barang
created_at datetime - Tanggal pembuatan data
gambar barang
update_at datetime - Tanggal perubahan data gambar
barang
5. Tabel shoping chart
Tabel 3.10tabel barang

Id Int - Id shoping chart
Jumlah Int 11 Jumlah barang yang dibeli
Keterangan Text - Keterangan singkat tentang
pembelian
Barang_id Int - Foreign key dari tabel barang
User_id Int - Foreign key dari tabel user
6. Tabel pemesanan
Tabel 3.11tabel pemesanan

Id Int - Id pemesanan
Bukti_pembayaran varchar 255 Nama file bukti pemabayaran
Status varchar 255 Status pemesanan
User_id Int - Foreign key dari tabel user
created_at datetime - Tanggal pembuatan data
pemesanan
update_at datetime - Tanggal perubahan data
pemesanan
33
7. Tabel pemesanan detail
Tabel 3.12tabel pemesanan detail

Id Int - Id pemesanan detail
Jumlah Int 11 Jumlah barang yang dipesan
Keterangan Text - Keterangan singkat tentang
pemesanan
barang_id Int - Foreign key dari tabel barang
Pemesanan_id Int - Foreign key dari
tablepemesanan
3.2. Desain Sistem
Desain system merupakan gambaran-gambaran umum dalam
pengembangan perangkat lunak atau sistem yang akan dibangun. Meskipun
pada subbab ini hampir keseluruhan akan membahas desain sistem baru,
tidak lupa penulis akan menjabarkan desain sistem lama untuk mengevaluasi
prosedur yang dilakukan oleh Usaha Dagang (UD.)Dimas Patuh.
3.2.1. Desain Sistem Lama
Desain system lama merupakan system yang berjalan
sebelumnya di Usaha Dagang (UD.) Dimas Patuh. Penulis
menjabarkan alur proses yang terjadi di Usaha Dagang (UD.) Dimas
Patuh menggunakan sebuah flowchartalir. Berikut desain sistem lama
dapat dilihat pada gambar 3.1 Desain sistem lama.

34
UD. Dimas Patuh
Bag Admin Guide Konsumen
Start
Data barang Data barang
dan harga dan harga
Mencatat
daftar barang
dan harga
Memasarkan barang
sesuai daftar barang
Data barang Y Pembelian

dan harga langsung ?
Terima daftar
pemesanan garnier T
Terima pesanan dari

konsumen dan guide
T Apakah barang
ada ?
Transaksi dan
pembayaran
Membuat bukti /
kwitansi pembayaran
dan packing barang
Kwitansi Menerima kwitansi

pembayaran pembayaran dan
barang pesanan
Membuat
laporan data End
barang
Gambar 3.1 Desain sistem lama
Penjelasan desain sistem lama

35
1. Bagian admin merupakan bagian di Usaha Dagang (UD.) Dimas
Patuh yang bertugas dalam memanajemen daftar barang serta
harga yang akan dijual.
2. Proses pertama yang dilakukan adalah bagian admin mencatat
daftar barang dan barang yang akan dijual.
3. Data barang serta harganya akan dikirim ke guide, guide adalah
bagian yang bertugas sebagai pemasaran.
4. Selanjutnya guide akan melakukan pemasaran barang yang sesuai
data barang yang telah diterima.
5. Jika konsumen ingin melakukan pemesanan secara langsung maka
admin akan menerima pemesanan tersebut. Jika tidak maka
konsumen dapat memesan barang dengan cara lewat guide,
selanjutnya guide akan melanjutkan ke pihak admin
6. Admin akan mengecek data barang tersedia atau tidak saat terjadi
pemesanan barang.
7. Jika ada maka admin akan melakukan transaksi pembayaran.
8. Selanjutnya admin akan membuat kwitansi dan packing barang
selanjutnya dikirim ke konsumen.
9. Konsumen menerima kuitansi dan barang sesuai yang telah
dipesan.
10. Proses terkahir bagian admin akan membuat laporan data barang
dan penjualan yang dilakukan oleh Usaha Dagang (UD.)Dimas
Patuh.
36
3.2.2. Desaian Sistem Alternatif
Penulis menawarkan sistem baru sebagai alternatif dari sistem
lama, sistem lama ini menggambarkan alur dalam proses pemasaran
serta transaksi antara Usaha Dagang (UD.)Dimas Patuh. Berikut ini
merupakan desain sistem baru pada gambar 3.2 desain sistem
alternatif:
37
UD. Prima Patuh (alternatif)
Bag Admin Konsumen
Start
Melihat barang
yang telah diposting
Melakukan posting
data barang yang T
akan dijual
Tertarik
memesan
barang ?
Mengkonfirmasi
Melakukan pembayaran
pemesanan barang
via transfer
Packing serta
Memposting bukti
mengirim barang ke
pembayaran
konsumen
Menerima barang yang

telah dipesan
End
Gambar 3.2 Desain sistem alternatif
Penjelasan desain sistem alternatif
1. Bagian admin akan melakukan posting data barang dan harga yang
akan dijual, dalam proses posting ini admin juga akan memposting
data-data atau informasi yang berkaitan dengan barang tersebut.

38
2. Konsumen dapat melihat barang-barang yang telah diupload oleh
bagian admin.
3. Jika tertarik maka konsumen akan melakukan pembayaran via transfer,
Jika tidak konsumen dapat melihat barang kembali.
4. Selanjutkan konsumen harus mengirim bukti pembayaran sebagai
konfirmasi pembayaran telah dilakukan.
5. Bagian admin akan melakukan proses konfirmasi pemesanan barang
meliputi pembayaran, serta barang yang dipesan.
6. Selanjutnya bagian admin akan melakukan packing barang serta
mengirimnya ke konsumen.
7. Konsuman akan menerima barang yang telah dipesan.
3.2.3. Entity Relationship Diagram (ERD)
ERD atau Model-R merupakan suatu model yang digunakan
untuk menggambarkan data dalam bentuk entitas, atribut dan
hubungan antar entitas (Kadir). Berikut ini merupakan desain ERD
pada Gambar 3.3 Desain ERD.

39
id barang_id id
jumlah
1
keterangan Pemesanan_detail M Memiliki id
1
id
barang_id Nama_barang Memiliki
barang_id
pemesanan_id harga
M
id Barang deskripsi id
M
bukti_pembayaran pemesan_id stok Gambar_barang files

1
Pemesanan Memiliki
status jenis_barang_id barang_id
id
user_id images
1
M
id id jenis_barang_id
M
Memiliki Memiliki Memiliki
user_id barang_id
id
id 1 M
1
id
name id
jumlah Jenis_barang
password kategori
1 M
Users Memiliki Shopping_chart keterangan
alamat
user_id
no_telp
barang_id
akses id user_id
Gambar 3.3 Desain ERD

40
3.2.4. Diagram Arus Data (DAD)
DAD digunakan untuk menggambarkan suatu sistem yang
telah ada atau sistem baru yang akan dikembangkan secara
logika tanpa mempertimbangkan lingkungan fisik dimana data
tersebut mengalir atau lingkungan fisik dimana data tersebut akan
disimpan.
A. Diagram Contex
Dagram contex ini mewakili proses dari seluruh sistem. Diagram
contex menggambarkan hubungan input/output antara sistem
dengan dunia luarnya (kesatuan luar) (Jogiyanto, 2005)
Diagram contex untuk sistem yang akan dibangun memiliki 2
satuan luar yakni admin dan konsumen. Untuk desain diagram
contex dapat dilihat pada gambar 3.4 Diagram contex berikut ini:
41
Informasi kategori
Informasi barang
Informasi pemesanan
Informasi data konsumen
Input data admin

Input data kategori
Input data barang
Input konfirmasi pemesanan
Admin
Aplikasi ecommerce Konsumen
penjualan gerabah
Input data konsumen
Input data pemesanan
Input konfirmasi pemesanan
Informasi pemesanan
Informasi konfirmasi pemesanan
Infomasi data admin
Gambar 3.4 Diagram contex
B. Diagram Level 1 (Overview)
Diagaram ini dibuat untuk menggambarkan tahapan proses yang
ada didalam diagram contex, yang penjabarannya lebih
terperinci.
Diagram level 1 untuk sistem yang akan dibangun dapat dilihat
pada gambar 3.5 Diagram level 1 berikut ini:

42
Data konsumen Input data konsumen

1. Daftar Akun
Pengguna Data konsumen
Input data konsumen

2. Login
Input data admin

Informasi pemesanan
Data admin Informasi kategori
informasi barang
Admin Input data admin 3. Input Data Konsumen
Input data kategori Data kategori
Input data barang
Kategori
Data barang
Input data Barang
konfirmasi Data kategori
pemesanan Data barang
4. Pemesanan Input data pemesanan
Data pemesanan
Shopping chart
Data pemesanan
5. Konfirmasi Input data konfirmasi pembayaran
Pembayaran
Data konfirmasi
pembayaran
Pemesanan
Data konfirmasi
pemesanan 6. Konfirmasi Informasi pemesanan
pemesanan
Informasi pemesanan
Gambar 3.5 Dagram level 1
C. Diagram Level 2
Diagram level ini akan membahas diagram level 2 berupa
diagram lebih mendetail dari diagram sebelumnya. Berikut
gambaran diagram level 2 dengan masing-masing proses.

43
1. Level 2 untuk proses 3 Input data
Berikut ini adalah proses input data utama yang dilakukan
oleh admin, terdapat 3 proses di level ini yaitu input data
admin, input data kategori barang, serta input data barang.
Diagram dapat dilihat pada gambar 3.6 Diagram level 2
untuk proses 3 input data.
Input data admin 3.1. Input data

Data admin Pengguna
admin
3.2. Input data

Admin Input data kategori Data kategori Kategori
kategori
3.3. Input data

Input data barang Data kategori Barang
barang
Gambar 3.6 Diagram level 2 untuk proses 3 input data
2. Level 2 untuk proses 4 Pemesanan
Berikut ini adalah proses pemesanan yang dilakukan oleh
konsumen. Terdapat 3 proses pada level yaitu, melihat

44
kategori, melihat barang, pemesanan barang. Diagram dapat
dilihat pada gambar 3.7 Diagram level 2 untuk proses 4
Pemesanan.
4.1. Melihat
Kategori Data kategori Informasi kategori
kategori
4.2. Melihat
Barang Data barang Informasi barang Konsumen
barang
4.3. Pemesanan
Shopping chart Data pemesanan Input data pemesana
barang
Gambar 3.7 level 2 untuk proses 4 Pemesanan
3.2.5. Kamus Data
Kamus data (KD) atau data directory (DD) atau disebut juga
dengan istilah system data directory adalah katalog fakta tentang
datadankebutuhan-kebutuhan informasi dari suatu sistem
informasi. Kamus data dibuat pada tahap analisis maupun pada
tahap perancangan sistem.

45
1. Nama arus data : Data admin
Alias :-
Bentuk data : form input
Arus data : dari satuan luar ke proses 2
Penjelasan : Arus data ini berfungsi untuk mengetahui data
pengguna admin dalam proses login, serta untuk
pendaftaran akun admin yang baru.
Volume : 1 Hari sekali
Periode : Selama melakukan proses 2
Struktur data :
id
name
password
alamat
no telp
akses
2. Nama arus data : Data konsumen
Alias :-
Arus data : dari satuan luar ke proses 1 dan proses 2

46
Penjelasan : arus data ini berfungsi untuk mengetahui data
pengguna konsumen dalam proses daftar serta
dalam proses login ke sistem.
Volume : 1 hari sekali
Periode : selama melakukan proses 2
Stuktur data :
id
name
password
alamat
no telp
akses
3. Nama arus data : Data kategori
Alias :-
Penjelasan : data ini digunakan untuk membuat kategori
barang yang akan dijual.
Volume : 1 bulan sekali
Periode : Selama terdapat kategori baru

47
Struktur data :
id
kategori
4. Nama arus data : Data barang
Alias :-
Penjelasan : arus data ini berfungsi untuk memberikan
informasi tentang data-data barang yang jual.
Periode : selama terdapat data barang baru atau data
barang yang berubah.
Struktur data :
id
nama barang
harga
deskripsi
stok
jenis barang id
images
48
5. Nama arus data : Data pemesanan
Alias :-
Penjelasan : arus data ini berfungsi untuk menyimpan data
pemesanan yang dipesan oleh konsumen.
Periode : selama konsumen melakukan proses
pemesanan terhadap barang yang akan dibeli.
Struktur data :
id
jumlah
keterangan
user id
barang id
6. Nama arus data : Data konfirmasi pembayaran
Alias :-

49
Penjelasan :setelahkonsumenmelakukanprosespemesanan,
maka konsumen harusmelampirkan bukti
pembayaransebagai buktibahwa
pemesanannya telah dibayarkan.
Periode : selama konsumen melakukan proses konfirmasi
pembayaran kepada pemesanan yang telah
dilakukannya.
Stuktur data :
id
bukti pembayaran
status
user id
7. Nama arus data : Data konfirmasi pemesanan
Alias :-
Penjelasan : data konfirmasi pemesanan merupakan data
perubahan status pemesanan atas barang yang
telah dipesan, apakan barang dikirim atau tidak.

50
Periode : selama terdapat pemesanan dari konsumen
serta konsumen telah mengirim konfirmasi
pembayaran.
Struktur :
id
bukti_pembayaran
status
user id
3.2.6. SITE MAP
Site map merupakan bagan yang menggambarkan
halaman sistem secara keseluruh dari awal hingga ke proses
tertentu. Desain site map akan dijabarkan pada gambar 3.8 Site
Map dibawah ini :

51
Beranda
Login Daftar
Admin Pengguna
Halaman utama Halaman utama
Konfirmasi
Data master Cari barang Pemesanan
pemesanan
Daftar Input user Konfirmasi

Logout
pemesanan admin Pembayaran
Logout
Gambar 3.8 Site map
3.2.7. Desain Interface
Desain interface adalah desain yang digunakan untuk
menggambarkan tampilan antar muka aplikasi. Rancangan
interface aplikasi ini secara umum terbagi menjadi 2 pengguna,
yaitu admin dan konsumen. Berikut detail tentang rancangan
interface yang akan dibangun.
1. Desain halaman daftar
Pada halaman ini digunakan untuk konsumen yang ingin membuat
akun pada aplikasi ini. Berikut desain halaman daftar.

52
Gambar 3.9 Desain halaman daftar
2. Desain halaman login
Jika seorang konsumen memiliki ukun, konsumen dapat melakukan
proses login untuk masuk ke dalam aplikasi yang dibangun. Berikut
desain halaman login.
Gambar 3.10 Desain halaman login

53
3. Desain halaman awal
Pada halaman awal menyediakan tampilan awal sebuah aplikasi
yang dapat digunakan oleh pengunjung (belum memiliki akun) untuk
melihat daftar barang yang ada pada aplikasi e-commerce. Berikut
desain halaman awal.
Gambar 3.11 Desain halaman awal
4. Desain halaman awal (konsumen)
Halaman ini merupakan halaman awal setelah konsumen
melakukan proses login. Pada halaman awal ini konsumen dapat
melihat daftar barang yang ada pada aplikasi e-commerce. Berikut
desain halaman awal (konsumen).

54
Gambar 3.12 Desain halaman awal (konsumen)
5. Desain halaman pemesanan barang (konsumen)
Halaman ini berfungsi untuk melakukan pembelian barang yang
dipesan oleh konsumen. Berikut desain halaman pemesanan
barang (konsumen).
Gambar 3.13 Desain pemesanan barang (konsumen)

55
6. Desain halaman konfirmasi pembayaran (konsumen)
Halaman ini digunakan untuk mengirim bukti pembayaran bahwa
pemesanannya telah dibayarkan oleh konsumen. Berikut desain
halaman konfirmasi pembayaran (konsumen).
Gambar 3.14 Desain halaman konfirmasi pembayaran (konsumen)
7. Desain halaman daftar pemesanan (konsumen)
Pada halaman ini konsumen dapat melihat history pemesanan yang
telahdilakukansebelumnya.Berikut desain halaman daftar
pemesanan (konsumen).
56
Gambar 3.15 Desain halaman daftar pemesanan (konsumen)
8. Desain halaman data master (admin)
Pada halaman data master berfungsi untuk menyimpan data-data
master seperti membuat kategori barang, dan data barang yang
akan dijual. Berikut merupakan desain halaman data master
(admin).
Gambar 3.16 Desain halaman data master (admin)

57
9. Desain halaman tambah data barang (admin)
Halaman ini berfungsi untuk menampilkan form yang selanjutnya
digunakan untuk menginputkan data barang baru yang akan
dipublish. Berikut desain halaman tambah data barang (admin).
Gambar 3.17 desain halaman tambah data barang (admin)
10. Desain halaman konfirmasi pemesanan (admin)
Halaman konfirmasi pemesanan (admin) merupakan halaman yang
berisi daftar pemesanan yang dilakukan oleh konsumen.Di halaman
ini admin bertugas untuk mengkonfirmasi pemesanan tersebut.
Berikut desain halaman konfirmasi pemesanan (admin).

58
Gambar 3.18 Desain halaman konfirmasi pemesanan (admin)
11. Desain halaman daftar pemesanan (admin)
Halaman daftar pemesanan adalah halaman yang berisi history
pemesanan yang dilakukan oleh konsumen. Berikut desain halaman
daftar pemesanan (admin).
Gambar 3.19 Desain halaman daftar pemesanan (admin)

59
12. Desain halaman user admin (admin)
Halaman user admin adalah halaman yang digunakan untuk
memanajemen useradmin, seperti menambah user baru, mengubah
atau menghapusnya. Berikut desain halaman user admin.
Gambar 3.20 Desain halaman user admin (admin)
3.3. Implementasi
Saat melakukan pengkodean/pengembangan aplikasi dilakukan
dengan tahap seperti berikut:
1. Membangun database seperti yang telah dirancang menggunakan
DBMS Mysql.
2. Membangun aplikasi dengan bahasa pemrograman PHP sebagai
server-side serta laravel sebagai web framework guna mempercepat
pengembangan aplikasi.
60
3.4. Uji Coba
Uji coba akan dilakukan oleh para stakeholder dengan menguji
aplikasi yang sudah dibuat. Penulis akan memberikan kuesioner untuk
mengisi pengapat para stakeholder mengenai aplikasi.
Adapun tahap-tahap pengujian yang akan dilakukan terhadap
aplikasi antara lain:
1. Kegiatan umum
 Daftar
 Login
2. Kegiatan sebagai konsumen
 Melihat barang
 Membuat pemesanan
 Konfirmasi pembayaran
 Melihat riwayat pemesanan
3. Kegiatan sebagai admin
 Memanajemen data master
 Mengkonfirmasi pemesanan
 Melihat riwayat pemesanan yang telah dilakukan
 Memanajemen data user admin

BAB IV
HASIL DAN PEMBAHASAN
4.1. Persiapan Implementasi
Pada tahapan ini dilakukan beberapa persiapan sebelum
melakukan implementasi program, adapun tahap-tahap yang dilakukan
dalam proses ini adalah:
a. Instalasi paket-paket program yang dibutuhkan untuk web server disini
penulis menggunakan xampp.
b. Instalasi navicat sebagai toolsmanajemen database.
c. Instalasi laravel 5.2 di web server untuk digunakan sebagai web
framework.
d. Instalasi text editor untuk pengkodingan web, penulis menggunaan
Subime Text 3.
e. Instalasi web browser yang digunakan untuk melihat hasil web yang
dibangun. Penulis menggunakan google chrome.
61
62
4.2. Tahap Pembangunan
4.2.1. Langkah-langkah pembangunan
a. Pembuatan DatabasePerancangan sistem ini dimulai dengan
pembuatan databasedi local server menggunakan navicat. Navicat
dapat digunakan dalam pengolahan desain serta pembuatan relasi
database yang dibangun.
b. Pembuatan Aplikasi E-Commerce
Setelah database selasai dibuat, kemudian dilakukan proses
pembuatan aplikasi e-commerce dengan desain serta fungsi seperti
dijelaskan pada bab sebelumnya. Seperti diketahui juga penulis
menggunakan bahasa pemrogramanPHPserta menggunakan
frameworklaravel dan DBMS yang digunakan adalah mysql.
c. Pengujian Aplikasi
Pengujian aplikasi dilakukan dengan mengecek setiap inputan yang
ada di aplikasi apakah telah menghasilkan output yang diinginkan.
4.3. Penjelasan Flowchart dan Output Program
Pada subbab ini penulis akan menjelaskan tentang tampilan
program serta alur prosedur program dengan menggunan flowchart.
Sesuai dengan perancangan pada BAB III.
Berikut merupakan tampilan aplikasi dan flowchartnya:

63
A. Register / daftar user
Halaman ini berisi form untuk registrasi agar user dapat mempunyai
akun untuk mengakses aplikasi. Berikut merupakan flowchart untuk
proses registrasi.
start Simpan data

user
Halaman
register Tidak Ya user
Input data
user Halaman
Valid ? home
Validasi data
user end
Gambar 4.1 Flowchart register/daftar user
Penjelasan flowchart:
 Untuk melakukan register, user harus menginputkan data
register pada form yang sudah disediakan.
 Sistem akan melakukan proses validasi apakah data yang di
inputkan oleh user adalah benar atau tidak.
 Jika benar, maka data akan disimpan ke server. Jika salah
maka user harus menginputkan ulang data registrasi yang
dibutuhkan.
64
Output halaman register
Gambar 4.2 Tampilan halaman register
B. Login user
Halaman login berupa form username dan password yang harus diisi
untuk dapat mengakses aplikasi. Berikut merupakan flowchart untuk
proses login.
Start
Login Halaman
Form login Tidak Ya
berhasil ? Home
Input End
username, Validasi login
password
Gambar 4.3 Flowchartlogin user

65
 User yang akan menggunakan sistem harus melakukan login
terlebih dahulu.
 Sistem akan menyediakan tampilan formlogin yang berisi
username dan password.
 User harus menginputkan username dan password pada
formlogin.
 Sistem selanjutnya akan melakukan proses validasi user.
 Jika user valid dan berhasil login, maka sistem menampilkan
halaman home (awal).
Output halaman login
Gambar 4.4 Tampilan halaman awal

66
C. Halaman awal (konsumen)
Halaman merupakan halaman pertama yang akan tampil ketika proses
login berhasil. Pada halaman awal ini terdapat navigasi yang berfungsi
untuk mengarahkan user ke halaman lain.
Start Halaman daftar

Cari barang ? Ya
barang
Tidak
Menu Utama
Halaman
Pemesanan
barang?
Ya pemesanan
barang
Tidak
Pilih menu
Lihat riwayat Halaman daftar
Ya
pemesanan ? pemesanan
Tidak End
Gambar 4.5 Flowchart halaman awal
 Sistem menampilkan halaman awal, pada halaman awal ini
hanya dapat tampil jika user melakukan proses login terlebih
dahulu.
 Sistem secara default akan menampilkan beberapa daftar
barang secara random (acak).
 Dalam halaman awal terdapat menu navigasi untuk
menampilkan halaman selanjutnya.

67
 Jika user memilih menu pencarian barang, maka sistem akan
menampilkan halaman daftar barang.
 Jika user memilih menu pemesanan barang, maka sistem akan
menampilkan halaman pemesanan barang.
 Jika user memilih menu lihat pemesanan, maka sistem akan
menampilkan halaman daftar pemesanan.
Output halaman awal
Gambar 4.6 Tampilan halaman awal
D. Halaman melakukan pemesanan barang (konsumen)
Halaman ini merupakan halaman yang berfungsi untuk memasukkan
pemesanan barang. Pada halaman ini konsumen dapat memasukkan
jumlah barang yang akan dipesan. Berikut merupakan flowchart untuk
proses pemesanan barang.

68
start Simpan
pemesanan
Halaman
daftar barang Shoping chart
Tidak
Input data Halaman
keterangan dan home
jumlah pemesan
Ya
Validasi data end

Valid ?
pemesanan
Gambar 4.7 Flowchart pemesanan barang
 User yang ingin memesan barang yang dicari harus
memasukkan keterangan serta jumlah barang yang akan
dipesan.
 Sistem akan melakukan validasi pemesanan.
 Jika valid, maka sistem akan melakukan proses simpan
pemesanan ke database.
 Selanjutnya sistem akan menampilkan halaman awal.

69
Output halaman melakukan pemesanan barang
Gambar 4.8 Tampilan halaman pemesanan barang
E. Halaman melakukan konfirmasi pembayaran (konsumen)
Setelah konsumen selesai melakukan pemesanan maka konsumen
diharuskan untuk melakukan proses pembayaran. Pada halaman ini
konsumen dapat mengirim bukti proses pembayaran. Berikut
merupakan flowchart untuk proses konfirmasi pembayaran.
start Simpan
pemesanan
Halaman
konfirmasi Pemesanan
pembayaran
Tidak
Input bukti Halaman

pembayaran pemesanan
Ya
Validasi bukti end

Valid ?
pembayaran
Gambar 4.9 Flowchart halaman konfirmasi pembayaran

70
 Saat konsumen selesai melakukan pemesanan barang, maka
konsumen diharuskan untuk mengirim bukti pembayaran.
 Pada halaman konfirmasi pembayaran user diharuskan untuk
memasukkan bukti pembayaran.
 Sistem akan melakukan validasi bukti pembayaran.
 Jika valid, maka sistem akan menyimpan pemesanan yang
dilakukan ke database.
 Selanjutnya sistem akan menampilkan daftar pemesanan yang
telah disimpan.
Output halaman konfirmasi pembayaran
Gambar 4.10 Tampilan halaman konfirmasi pemesanan

71
F. Halaman melihat daftar pemesanan (konsumen)
Halaman ini merupakan halaman yang berfungsi menampilakan daftar
pemesanan yang telah dilakukan oleh konsumen. Berikut merupakan
flowchart untuk halaman melihat daftar pemesanan.
Start Daftar
Ditemukan ? Ya
pemesanan
Halaman
pemesanan End
Tidak
Tidak terdapat
Pemesanan
daftar
pemesanan
Gambar 4.11 Flowchart halaman daftar pemesanan
 Pada halaman pemesanan sistem akan melihat data
pemesanan yang terdapat pada database.
 Jika terdapat data yang ditemukan maka akan menampilkan
daftar pemesanan.
 Jika tidak maka sistem akan menampilkan tampilan tidak
terdapat pemesanan.
72
Output halaman daftar pemesanan
Gambar 4.12 Tampilan halaman daftar pemesanan
G. Halaman manajemen data master (admin)
Halaman ini berfungsi untuk memanajemen data kategori serta data
barang yang dipublish oleh admin. Berikut merupakan flowchart untuk
proses manajemen data master.
Tidak
Start
Ditemukan ? Ya Daftar barang
Tidak
Halaman data
Tambah
master barang
Tidak terdapat baru?
daftar barang yang
dipublish
Ya
Melihat data barang
pada database Halaman
tambah data
barang
Barang End
Gambar 4.13 Flowchart halaman data master

73
 Pada halaman data master sistem akan melihat data barang
yang ada pada database.
 Jika terdapat data, maka sistem akan menampilkan daftar
barang. Jika tidak maka sistem akan menampilkan tidak
terdapat barang yang dipublish.
 Jika seorang admin ingin menambah data barang baru, maka
sistem akan menampilkan halaman tambah barang.
Output halaman data master
Gambar 4.14 Tampilan halaman data master
H. Halaman tambah data barang (admin)
Halaman ini merupakan halaman yang berisi form untuk mengisi data
barang yang akan dipublish. Berikut merupakan flowchart untuk proses
tambah data barang.

74
start Simpan data

barang
Halaman
tambah Ya
barang Tidak
barang
Input data Valid ?

barang
Halaman
data master
Validasi data
barang
end
Gambar 4.15 Flowchart halaman tambah data barang
 Untuk melakukan tambah data barang, user admin harus
menginputkan data barang pada form yang sudah disediakan.
 Data barang yang harus diinputkan seperti nama barang,
deskripsi, harga, stok, jenis/kategori barang serta yang terakhir
user harus melampirkan foto barang.
 Sistem akan melakukan proses validasi apakah data yang di
inputkan oleh user admin adalah benar atau tidak.
 Jika benar, maka data akan disimpan ke server. Jika salah
maka user admin harus menginputkan ulang data registrasi
yang dibutuhkan.
75
 Jika tidak maka akan kembali ke halaman tambah data barang.
Seorang user admin harus menginputkan data barang dengan
benar.
Output halaman tambah data barang
Gambar 4.16 Tampilan halaman tambah data barang
I. Halaman konfirmasi pemesanan (admin)
Jikaterdapat pemesanan maka admin akan mengecek bukti
pembayaran serta pemesanan yang dilakukan oleh konsumen. Pada
halaman ini admin dapat mengkonfirmasi pemesanan yang dilakukan
oleh konsumen. Berikut merupakan flowchart untuk proses konfirmasi
pemesanan.
76
Lihat bukti pembayaran

Start
serta pengecekkan
pembayaran
Pesanan
Halaman
diterima ?
konfirmasi Tidak Ya
pemesanan Ya
Tidak Pemesanan diterima

Pemesanan ditolak admin serta akan
admin melakukan proses
pengiriman
Ada
pemesanan ?
End
Gambar 4.17 Flowchart konfirmasi pemesanan
 Padahalaman konfirmasi pemesanan jika terdapat pemesanan,
maka admin akan melihat bukti pembayaran yang telah di
upload oleh konsumen,sertapengecekkanpembayaran.
 Selanjutnya admin dapat menerima atau menolak pemesanan.
Jika pemesanan diterima, maka admin akan melakukan proses
pengiriman.
77
Output halaman konfirmasi pemesanan
Gambar 4.18 Tampilan halaman konfirmasi pemesanan
J. Halaman data pemesanan (admin)
Pada halaman ini admin dapat melihat riwayat data pemesanan yang
pernah dilakukan oleh admin. Berikut merupakan flowchart untuk
halaman data pemesanan.
Start Daftar riwayat

Ditemukan ? Ya
pemesanan
Halaman data
pemesanan
Tidak End
Pemesanan Tidak terdapat

daftar pemesanan
Gambar 4.19 Flowchart halaman data pemesanan

78
 Pada halaman pemesanan sistem akan melihat data
pemesanan yang terdapat pada database.
 Jika terdapat data yang ditemukan maka akan menampilkan
daftar pemesanan.
 Jika tidak maka sistem akan menampilkan tampilan tidak
terdapat pemesanan.
Output halaman data pemesanan
Gambar 4.20 Tampilan halaman data pemesaanan
K. Halaman manajemen user admin (admin)
Halaman manajemen user admin merupakan halaman yang berfungsi
untuk memanajemen data user admin. Berikut merupakan flowchart
untuk proses manajemen user admin.

79
Start User Form tambah

user admin
Halaman data user

Daftar User
admin Ya End
Tidak
Melihat data user admin
pada database Tambah user
admin baru?
Gambar 4.21 Flowchart halaman manajemenuser admin
 Pada halaman manajemenuser admin sistem akan melihat data
user admin yang ada pada database.
 Sistem akan menampilkan daftar user admin yang dapat login
ke aplikasi.
 Jika seorang admin ingin menambah data user admin baru,
maka sistem akan menampilkan form tambah user admin.
Output halaman manajemen data user admin
Gambar 4.22 Tampilan halaman manajemenuser admin

80
4.4. Uji Coba dan Hasil
4.4.1 Kuesioner Responden
Berikut ini adalah hasil kuesioner dari 10 orang responden yang
terdiri dari 5 orang penjual pada Usaha Dagang (UD.) Dimas Patuh
dan 5 orang pembeli Usaha Dagang (UD.) Dimas Patuh. responden ini
akan menguji aplikasi yang telah dibangun serta mengukur aplikasi
telah memenuhi kebutuhan pengguna atau belum.
Pengujian dilakukan dengan memberikan angket kuesioner dari
aplikasi. Hasil kuesioner dapat dilihat pada bagian lampiran.
Berdasarkan data hasil kuesioner, dapat dilakukan pencarian
persentase dari masing-masing jawaban dengan menggunakan rumus
𝜮𝒋𝒓
berikut: 𝒀 = (𝒒∗𝒑) ∗ 𝟏𝟎𝟎
Keterangan:
𝜮𝒋𝒓 = jumlah seluruh jawaban 𝒒 = jumlah pertanyaan
responden
𝒑 = jumlah responden 𝒀 = nilai persentase
 Uji coba pada penjual
Adapun hasil pengujian dengan kuesioner kepada penjual
adalah sebagai berikut:

81
Tabel 4.1 Hasil pengujian kuesioner penjual

Pilihan Jawaban
No. Pertanyaan
1 2 3 4 5
1. Apakah aplikasi ini memiliki tampilan yang menarik ? 0 0 0 1 4
2. Apakah aplikasi ini mudah digunakan ? 0 0 0 3 2
3. Apakah aplikasi ini dapat membantu dalam penjualan? 0 0 0 3 2
Apakah aplikasi ini mempermudah penyampaian

4. 0 0 0 2 3
promosi produk yang dijual ?
Apakah aplikasi ini dapat membantu dalam pengolahan

5. 0 0 0 0 5
data penjualan gerabah ?
Apakah hasil yang diperoleh sesuai dengan yang

6. 0 0 0 2 3
diharapkan ?
Jumlah 0 0 0 11 19
Persentase (%) 0 0 0 37 63
Keterangan:
1 = Sangat Tidak Setuju
2 = Tidak Setuju
3 = Moderat
4 = Setuju
5 = Sangat Setuju
Perhitungan untuk masing-masing jawaban sebagai barikut:
𝛴𝑗𝑟
1. Sangat tidak setuju = (𝑞∗𝑝) ∗ 100
= 0/(6*5)*100
= 0/(30)*100
=0
82
𝛴𝑗𝑟
2. Tidak setuju = (𝑞∗𝑝) ∗ 100
= 0/(6*5)*100
= 0/(30)*100
=0
𝛴𝑗𝑟
3. Moderat = (𝑞∗𝑝) ∗ 100
= 0/(6*5)*100
= 0/(30)*100
=0
𝛴𝑗𝑟
4. Setuju = (𝑞∗𝑝) ∗ 100
= 11/(6*5)*100
= 11/(30)*100
= 37
𝛴𝑗𝑟
5. Sangat setuju = (𝑞∗𝑝) ∗ 100
= 19/(6*5)*100
= 19/(30)*100
= 63
Berdasarkan hasil dari pengujian tabulasi kuesioner diatas
maka didapatkan hasil perhitungan persentase sebanyak 0%
responden menjawab sangat tidak setuju (1), sebanyak 0%
responden menjawab tidak setuju (2), sebanyak 0% responden

83
menjawab moderat (3), sebanyak 7% responden menjawab setuju
(4), dan sebanyak 63% responden menjawab sangat setuju (5).
Sehingga dapat diketahui nilai tertinggi dari jawaban responden di
atas adalah sangat setuju (5) sebesar 67% sehingga dapat
disimpulkan bahwa aplikasi ini memenuhi kebutuhan pengguna.
 Uji coba pada pembeli
Adapun hasil pengujian dengan kuesioner kepada pemesan
adalah sebagai berikut:
Tabel 4.2 Hasil pengujian kuesioner pembeli

Pilihan Jawaban
No. Pertanyaan
1 2 3 4 5
1. Apakah aplikasi ini memiliki tampilan yang menarik ? 0 0 0 4 1
2. Apakah aplikasi ini mudah digunakan ? 0 0 0 1 4

Apakah aplikasi ini sudah sesuai harapan dan
3. 0 0 0 0 5
kebutuhan ?
Apakah waktu yang dibutuhkan untuk pengolahan data
4. 0 0 0 2 3
dan informasi pada aplikasi tersebut relatif lebih cepat ?
Apakah informasi yang dihasilkan aplikasi tersebut

5. 0 0 0 2 3
sudah sesuai dengan kebutuhan ?
Apakah aplikasi ini bisa membantu masyarakat
6. khususnya costumer untuk mempercepat proses 0 0 0 1 4
penyampaian informasi mengenai produk gerabah ?
Jumlah 0 0 0 10 20
Persentase (%) 0 0 0 33 67
Keterangan:
1 = Sangat Tidak Setuju
2 = Tidak Setuju
3 = Moderat
84
4 = Setuju
5 = Sangat Setuju
Perhitungan untuk masing-masing jawaban sebagai barikut:
𝛴𝑗𝑟
1. Sangat tidak setuju = (𝑞∗𝑝) ∗ 100
= 0/(6*5)*100
= 0/(30)*100
=0
𝛴𝑗𝑟
2. Tidak setuju = (𝑞∗𝑝) ∗ 100
= 0/(6*5)*100
= 0/(30)*100
=0
𝛴𝑗𝑟
3. Moderat = (𝑞∗𝑝) ∗ 100
= 0/(6*5)*100
= 0/(30)*100
=0
𝛴𝑗𝑟
4. Setuju = (𝑞∗𝑝) ∗ 100
= 10/(6*5)*100
= 10/(30)*100
= 33
𝛴𝑗𝑟
5. Sangat setuju = (𝑞∗𝑝) ∗ 100
85
= 20/(6*5)*100
= 20/(30)*100
= 67
Berdasarkan hasil dari pengujian tabulasi kuesioner diatas
maka didapatkan hasil perhitungan persentase sebanyak 0%
responden menjawab sangat tidak setuju (1), sebanyak 0%
responden menjawab tidak setuju (2), sebanyak 0% responden
menjawab moderat (3), sebanyak 33% responden menjawab setuju
(4), dan sebanyak 77% responden menjawab sangat setuju (5).
Sehingga dapat diketahui nilai tertinggi dari jawaban responden di
atas adalah sangat setuju (5) sebesar 77% sehingga dapat
disimpulkan bahwa aplikasi ini memenuhi kebutuhan pengguna.

BAB V
PENUTUP
5.1. Kesimpulan
Berdasarkan uraian hasil dan pembahasan pada bab sebelumnya,
maka dapat disimpulkan sebagai berikut:
1. Aplikasi e-commerce dapat menampilkan data produk gerabah yang
dijual di Usaha Dagang (UD.) Dimas Patuh.
2. Konsumen dapat langsung melihatproduk baru dari aplikasie-
commerce sehingga dapat melakukan proses pembelian.
3. Aplikasi e-commerce dapat melakukan pemesanan barang yang
akan dibeli serta melakukan proses konfirmasi pembayaran, jika
produk yang dipesan telah dibayar.
4. Aplikasi e-commerce dapat mempromosikan produk yang akan dijual
pihak Usaha Dagang (UD.) Dimas Patuh serta aplikasi dapat
membantu penjualan. Hal ini dibuktikan dari hasil kuesioner uji coba
program yang telah dilakukan pada penjualan, didapatkan rincian dari
tanggapan 5 responden yang menyatakan sangat tidak setuju (STS)
berjumlah 0%, yang menyatakan tidak setuju (TS) berjumlah 0%,
yang menyatakan moderat (M) berjumlah 0%, sedangkan yang
menyatakan setuju (S) berjumlah 37 %, dan yang menyatakan sangat
86
87
setuju (SS) berjumlah 63%. Jadi dapat diketahui nilai tertinggi dari
jawaban responden penjualan adalah sangat setuju (SS) sebesar
63%.
5. Aplikasi e-comerce dapat memberikan informasi yang sesuai
kebutuhan pembeli serta waktu yang digunakan untuk menampilkan
informasi relatif lebih cepat. Hal ini dibuktikandari hasil kuesioner uji
coba program yang telah dilakukan pada pembelian, didapatkan
rincian dari tanggapan 5 responden yang menyatakan sangat tidak
setuju (STS) berjumlah 0%, yang menyatakan tidak setuju (TS)
berjumlah 0%, yang menyatakan moderat (M) berjumlah 0%,
sedangkan yang menyatakan setuju (S) berjumlah 33%, dan yang
menyatakan sangat setuju (SS) berjumlah 67%. Jadi dapat diketahui
nilai tertinggi dari jawaban responden pembelian adalah sangat
setuju (SS) sebesar 67%.

88
5.2. Saran
Setelah melihat kesimpulan diatas, pada penulisan tugas akhir ini
masih belum sempurna serta aplikasi yang dibangun masih memiliki
beberapa kekurangan sehingga penulis memberikan saran sebagai
berikut:
Untuk Usaha Dagang (UD.) Dimas Patuh:
1. Sistem yang dibangun dapat menampilkan barang berdasarkan
pengurutan barang berdasarkan tanggal, harga, dll guna
mempermudah konsumen dalam mencari barang yang akan dipesan.
2. Sistem dapat mengirim email kepada pihak admin jika terdapat
pemesan barang.
3. Sistem dapat melakukan proses pembayaran yang lebih bervariatif.
4. Sistem dapat menambahkan fitur realtime messenger, guna
mempermudah interaksi antara konsumen dan pihak admin jika
terdapat pertanyaan.
Untuk Peneliti Selanjutnya:
1. Mengingat keterbatasan kemampuan dalam desain grafis maka
aplikasi ini perlu ditingkatkan dengan menambahkan animasi agar
konsumen lebih tertarik untuk membukanya.

89
2. Pembayaran yang dilakukan lewat bank diharapkan untuk
kedepannya perlu ditingkatkan dengan melakukan pembayaran
online.
3. Aplikasi ini belum membahas masalah return penjualan, diharapkan
ke depannya bisa dilakukan pengembangan lebih lanjut.

DAFTAR PUSTAKA
Indrajani dan Shelly. (2007), Analisis dan perancangan system informasi
penjualan berbasiskan web pada PT. DAIRYFOOD INTERNUSA,Penerbit
Seminar Nasional Sistem dan Informatika. Universitas Bina Nusantara.
Ismail. (2010), Teknologi informasi perguruan tinggi. Yogyakarta: Andi Ofset
Jogiyanto, H. (2005),Analisa & Desain Sistem Informasi. Yogyakarta: Andi Offset.
Kadir, A. (2009), Analisa & Desain Sistem Informasi. Yogyakarta: Andi Offset.
Kadir, A. (2002), Pemrograman Web Mencakup: HTML, CSS, JAVASCRIPT &
PHP. Yogyakarta: Andi Offset.
Mahrup, H. (2016), Sekilas UD. Dimas Patuh.
Maryono, Y dan B. patmi Istiana. (2008), Teknologi Informasi & Komunikasi 3.
Cetakan pertama. Bandung: Quadra.
Nugroho, A. (2006), E-Commerce memahami perdagangan Modern di Dunia
Maya. Bandung. Bandung: Informatika Bandung.
Nugroho, Bunafit. (2008), Latihan Membuat Aplikasi Web PHP dan MySQL
Dengan Dreamweaver MX (6,7, 2004) dan 8. Yogyakarta : Gava Media.
SriHaryanti,TriIrianto.(2011), RancangBangunSistemInformasiE-
CommerceUntukUsahaFashion StudiKasusOmahModeKudus.
Suyanto, M. (2003), Strategi Periklanan pada e-Commerce perusahaan Top
Dunia. Yogyakarta : Andi.
UswatunHasanah,BambangEkaPurnama,Sukadi. (2013),
SISTEMINFORMASIPENJUALANON_LINEPADATOKOKREATIFSUNCOM
PACITAN.
LAMPIRAN A
WAWANCARA
Hasil Wawancara
No Pertanyaan Jawaban Narasumber

1. Sejakkapanbapakmendirikan Usaha ini saya dirikan Pimpinan UD. Dimas
usaha ini ? tahun1997dan Patuh atas nama bpk
berkembangsampai Drs. H. Mahrup
sekarang
2. Mengapa memilih pekerjaan Saya memilih pekerjaan -
usaha dagang gerabah ini? ini karena lebih
menjanjikan, pada
awalnya saya dulu itu
perajin kulit mbak. Tetapi
karena usaha yang saya
rintis pada kerajinan kulit
tidak begitu memberikan
hasil, saya berinisiatif
untuk beralihkepekerjaan
sebagai perajin gerabah
3. Berapa jumlah tnanga kerja dulu itu pas awal-awal -
bapak saat ini? berdiri, tenaga kerja
Cuma sebatas keluarga
saja, tapi sekarang
karena usaha saya sudah
lumayan maju, jadi saya
menambah 10 pegawai
tetap dan 30 pengerajin
4. Kendala apa saja yang kendalanya pada saat -
dihadapi dalam memasuki memasuki pasar
pasar? pertamakali mbak, jadi
kan belum banyak
memproleh konsumen,
jadi harus bersabar dan
tentunya selalu
melakukan inovasi produk
agar nggak ketinggalan,
dan mungkin
permasalahannya pada
informasi tentang selera
konsumen, atau pesaing
yang bermunculan, kalau
nggak pintar dalam
memanfaatkan celah-
celah untuk masuk pasar
ya susah juga ya mbak
5. Produk apa saja yang Vas bunga, guci, tempat -
dihasilkan? lilin, tempat lampu, tempat
buah, hiasan dinding,
asbak, dll
A-1
6. Produk apa yang menjadi Vas bunga, tempat lilin, dan -
andalan dan paling tempat lampu, tapi
dinikmati konsumen? semuanya tergantung
pesanan
7. Adakah perbedaan harga Jelas ada mbak, Kalu -
yang diterapkan oleh perbedaan harga ini
perajin pada setiap tergantung pada jenis,
produk-produknya? ukuran, dan tingkat
kesulitan pembuatan
produknya mbak
8. Sejauhmana promosi disini mbak, promosi yang -
yang dilakukan dan dalam saya lakukan adalah
bentuk apa promosi dengan membuka artshop
dilakukan? dirumah saya sendiri juga di
pasar seni, saya juga
membuat brosur kemudian
saya juga menghadiri
pameran-pameran seni
9. Apa saja yang menjadi  karakter gerabah yang -
faktor kekuatan para saya produksi berbeda,
perajin pada UD. Dimas lebih natural
Patuh untuk  kemampuan mengelola
mengembangkan usaha? produk
 Tenaga kerja saya
terampil
10. Bagaimana bapak Kalok dalam penjualan -
menetukan lokasi biasanya konsumen datang
penjualannya? langsung ke sini mbak,
paling kalau yang sudah
kenal dan sering memesan
produk saya, mereka
menghubungi lewat telfon,
kalau nggak ya melalui fax
mabk. Jadi gak datang
langsung kesini, tinggal
mereka mengirimkan
modelnya, ukuran
danjumlahnya berapa. Jadi
lebih praktis. Ya kaya gini
mbak saya pajang produk
disekitar rumah saya
11. Strategi apa yg dilakukan saya kerjasama mbak , -
bpk dalam memasuki dengan artshop disekitar
pasarnya? sini, selain itu saya juga
menunggu pemesan mabk,
dan kebetulan saya sudah
punya pelanggan tetap
A-2
LAMPIRAN B
KUESIONER
B-1
B-2
B-3
B-4
B-5
B-6
B-7
B-8
B-9
B-10
LAMPIRAN C
SOURCE CODE
PROGRAM
<?php return
namespace view('guest.product_list')
App\Http\Controllers; -
use App\Model\Barang; >with('barang', $barang);
use }
Illuminate\Http\Request;
use public function
Illuminate\Support\Facades\ getKategoriNoLogin($id)
Auth; {
class FindController $barang =
extends Controller Barang::where('jenis_barang
{ _id', $id)->paginate(20);
public function return
getIndex() view('tamu.product_list')
{ -
$barang = >with('barang', $barang);
Barang::take(200)- }
>paginate(20); }
if (Auth::guest()){
return <?php
redirect('/');
} namespace
return App\Http\Controllers;
view('guest.product_list')
- use App\Http\Requests;
>with('barang', $barang); use App\Model\ShopingChart;
} use
Illuminate\Http\Request;
public function
postIndex(Request use App\Model\Barang;
$request){ use App\Model\JenisBarang;
$id = $request- use App\Model\Pemesanan;
>input('search'); use
$barang = Illuminate\Support\Facades\
Barang::where('nama_barang' Auth;
, 'like', '%'.$id.'%')- class HomeController
>paginate(20); extends Controller
// return $id; {
return /**
view('tamu.product_list') * Create a new
- controller instance.
>with('barang', $barang); *
* @return void
} */
public function public function
getKategori($id) __construct()
{ {
$barang = $this-
Barang::where('jenis_barang >middleware('auth');
_id', $id)->paginate(20); }
C-1
/** use App\Http\Requests;
* Show the application class KonfirmController
dashboard. extends Controller
* {
* @return public function
\Illuminate\Http\Response getIndex()
*/ {
public function index() $pemesanan =
Pemesanan::where('status',
{ '=','Telah dibayar')
$jenisBarang = ->with('user')
JenisBarang::get(); ->paginate(20);
if (Auth::user()- return
>akses == "admin"){ view('admin')-
$pemesanan = >with('pemesanan',
Pemesanan::where('status', $pemesanan);
'=','Telah dibayar') }
- public function
>with('user') getPemesanan()
- {
>paginate(20); $pemesanan =
return Pemesanan::with('pemesananD
view('admin')- etail')->with('user')-
>with('pemesanan', >paginate(20);
$pemesanan)- return
>with('jenisBarang', view('administrator.pemesan
$jenisBarang); an')->with('pemesanan',
}else{ $pemesanan);
$cart = }
ShopingChart::where('user_i public function
d', Auth::id())- getDetail($id)
>with('barang')->get(); {
return $pemesananDetail =
view('guest')->with('cart', PemesananDetail::with('bara
$cart); ng')->where('pemesanan_id',
} $id)->get();
return
} view('administrator.pemesan
} an_detail')-
>with('pemesananDetail',
<?php $pemesananDetail);
}
namespace
App\Http\Controllers; public function
getTerima($id) // menerima
use App\Model\Pemesanan; pemesanan
use {
App\Model\PemesananDetail; $data = array(
use 'status' =>
Illuminate\Http\Request; 'Pemesanan Diterima'
);
C-2
return
Pemesanan::findOrFail($id)- view('administrator.master'
>update($data); )->with('jenisBarang',
return $jenisBarang)-
redirect('home'); >with('barang', $barang);
} }
public function public function

getTolak($id) // menolak postJenisBarang(Request
pemesanan $request) //untuk menambah
{ kategori
$data = array(
'status' => {
'Pemesanan Ditolak' $this-
); >validate($request, [
'kategori' =>
Pemesanan::findOrFail($id)- 'required|unique:jenis_bara
>update($data); ng|max:25',
return ]);
redirect('home'); $data = array(
} 'kategori' =>
} $request->input('kategori')
<?php );
namespace JenisBarang::create($data);
App\Http\Controllers; return
redirect('master');
use Carbon\Carbon; }
use File;
use public function
Illuminate\Http\Request; getJenisBarang($id) //route
menghapus jenis kategori
use App\Http\Requests; barang
use App\Model\JenisBarang; {
use App\Model\Barang;
use JenisBarang::destroy($id);
Intervention\Image\Facades\ return
Image; redirect('master');
}
class MasterController
extends Controller public function
{ getBarang() //route untuk
public function menampilkan form menambah
getIndex() //route 'master' barang
{ {
$jenisBarang = $jenisBarang =
JenisBarang::get(); JenisBarang::get();
$barang = return
Barang::orderBy('updated_at view('administrator.barang_
', 'desc')->paginate(12); add')->with('jenisBarang',
$jenisBarang);
C-3
} $ext = $files-
>getClientOriginalExtension
public function ();
postTes(Request $request) $nama = time();
{ $namaFoto = $nama .
return $request- '.' . $ext;
>file('file');
} $thumbnail-
>save(public_path('assets/p
public function roduct/thumbs/'.$namaFoto))
postBarang(Request ;
$request) //untuk menambah $files-
data barang >move(public_path('/assets/
{ product/'), $namaFoto);
$this-
>validate($request, [ $data = array(
'nama_barang' 'nama_barang'
=> => $request-
'required|unique:barang|max >input('nama_barang'),
:255', 'harga' =>
'harga' => $request->input('harga'),
'required|numeric', 'deskripsi' =>
'deskripsi' => $request-
'required', >input('deskripsi'),
'stok' => 'stok' =>
'required', $request->input('stok'),
'jenis_barang_id' => 'jenis_barang_id' =>

'required', $request-
'images' => >input('jenis_barang_id'),
'required' 'images' =>
]); $namaFoto
);
$files = $request-
>file('images'); Barang::create($data);
return
$thumbnail = redirect('master');
Image::canvas(200, 200, }
'#f9f9f9');
$image = public function
Image::make($files)- getUpdateBarang($id)
>resize(200, 200, function //menampilkan form update
($c) { data barang
$c- {
>aspectRatio(); $barang =
$c->upsize(); Barang::find($id);
}); $kategori =
$thumbnail- Barang::find($id)-
>insert($image, 'center'); >jenisBarang;
$jenisBarang =
JenisBarang::get();
C-4
return Barang::where('id',
view('administrator.barang_ $id)->update($data);
update') return
- redirect('master');
>with('barang', $barang) }
-
>with('jenisBarang', public function
$jenisBarang) getDelBarang($id) //untuk
- menghapus data barang
>with('kategori', {
$kategori); $barang =
} Barang::findOrFail($id);
if ($barang->images
public function !== ''){
postUpdateBarang(Request
$request) //untuk mengubah File::delete(public_path().
data barang '/assets/product/'.$barang-
{ >images);
$this-
>validate($request, [ File::delete(public_path().
'nama_barang' '/assets/product/thumbs/'.$
=> 'required|max:255', barang->images);
'harga' => }
'required|numeric',
'deskripsi' => Barang::destroy($id);
'required', return
'stok' => redirect('master');
'required', }
'jenis_barang_id' => }
'required' <?php
]);
$id = $request- namespace
>input('id'); App\Http\Controllers;
$data = array(
'nama_barang' use App\Model\Pemesanan;
=> $request- use
>input('nama_barang'), App\Model\PemesananDetail;
use
'harga' => $request- Illuminate\Http\Request;
>input('harga'),
'deskripsi' => use App\Http\Requests;
$request- use Auth;
>input('deskripsi'),
'stok' => class PemesananController
$request->input('stok'), extends Controller
{
'jenis_barang_id' => public function
$request- getIndex()
>input('jenis_barang_id') {
);
C-5
$pemesanan = return
Pemesanan::with('pemesananD view('guest.cart')-
etail')->where('user_id', >with('cart', $cart);
Auth::id())->get(); }
return
view('guest.pemesanan')- public function
>with('pemesanan', postCart(Request $request)
$pemesanan); {
} $data = array(
'jumlah' =>
public function $request->input('jumlah'),
getDetail($id) 'keterangan' =>
{ $request-
>input('keterangan'),
$pemesananDetail = 'user_id' =>
PemesananDetail::with('bara Auth::id(),
ng')->where('pemesanan_id', 'barang_id' =>
$id)->get(); $request-
return >input('barang_id')
view('guest.pemesanan_detai );
l')-
>with('pemesananDetail', ShopingChart::create($data)
$pemesananDetail); ;
} return
} redirect('home');
}
<?php
public function
namespace getDelCart($id)
App\Http\Controllers; {
$shopingCart =
use App\Model\Pemesanan; ShopingChart::destroy($id);
use return
App\Model\PemesananDetail; redirect('home');
use App\Model\ShopingChart; }
use Carbon\Carbon;
use public function
Illuminate\Http\Request; getKonfirmasi()
{
use App\Http\Requests; // return
use Auth; Carbon::now();
$cart =
class ShopingCartController ShopingChart::where('user_i
extends Controller d', Auth::id())->get();
{ return
public function getIndex() view('guest.konfirmasi');
{ }
$cart =
ShopingChart::where('user_i public function
d', Auth::id())- postKonfirmasi(Request
>with('barang')->get(); $request)
C-6
{
//proses validasi 'keterangan' => $detail-
inputan >keterangan,
$this- 'barang_id'
>validate($request, [ => $detail->barang->id,
'bukti_pembayaran' => 'pemesanan_id' =>

'required' $pemesanan->id
]); );
$files = $request- PemesananDetail::create($da

>file('bukti_pembayaran'); ta);
$ext = $files- }
>getClientOriginalExtension
(); ShopingChart::where('user_i
$nama = time(); d', $id)->delete();
$namaFoto = $nama .
'.' . $ext;
$files- return redirect('home');
>move(public_path('/assets/ }
bukti/'), $namaFoto); }
<?php
//proses input ke
pemesanan namespace
$id = $request- App\Http\Controllers;
>input('user_id');
$data = array( use App\User;
use
'bukti_pembayaran' => Illuminate\Http\Request;
$namaFoto,
'status' => use App\Http\Requests;
'Telah dibayar',
'user_id' => class UserAdminController
$id extends Controller
); {
$pemesanan = public function
Pemesanan::create($data); getIndex()
{
//proses input ke $user =
pemesanan detail User::where('akses',
$cart = 'admin')->get();
ShopingChart::where('user_i return
d', Auth::id())->get(); view('administrator.user')-
foreach ($cart as >with('user', $user);
$detail){
$data = array( }
'jumlah' => public function
$detail->jumlah, getAdd()
{
C-7
return
view('administrator.user_ad Model
d');
} <?php
public function namespace App\Model;

postAdd(Request $request)
{ use
$this- Illuminate\Database\Eloquen
>validate($request, [ t\Model;
'name' =>
'required|max:255', class Barang extends Model
'email' => {
'required|email|max:255|uni protected $fillable = [
que:users',
'password' => 'nama_barang',
'required|min:6', 'harga', 'deskripsi',
'alamat' => 'stok',
'required|max:255', 'jenis_barang_id','images'
'no_telp' => ];
'max:13'
]); protected $table =
$data = array( 'barang';
'name' =>
$request->input('name'), public function
'alamat' => gambarBarang() //one to
$request->input('alamat'), many dengan gambar
'no_telp' => {
$request->input('no_telp'), return $this-
'email' => >hasMany('App\Model\GambarB
$request->input('email'), arang', 'barang_id');
'password' => }
bcrypt($request-
>input('password')), public function
'akses' => jenisBarang() //relasi
'admin' dengan jenis_barang
); {
return $this-
User::create($data); >belongsTo('App\Model\Jenis
return Barang');
redirect('users'); }
}
public function
public function shopingCart() //one to many
getDel($id) dengan shopingChart
{ {
User::destroy($id); return $this-
return >hasMany('App\Model\Shoping
redirect('users'); Chart', 'barang_id');
} }
}
C-8
public function class JenisBarang extends
pemesananDetail() //one to Model
many dengan pemesananDetail {
{ protected $fillable = [
return $this- 'kategori'
>hasMany('App\Model\Pemesan ];
anDetail', 'barang_id');
} protected $table =
'jenis_barang';
}
public $timestamps =
<?php false;
namespace App\Model; public function

barang() //one to many
use dengan barang
Illuminate\Database\Eloquen {
t\Model; return $this-
>hasMany('App\Model\Barang'
class GambarBarang extends , 'jenis_barang_id');
Model }
{ }
protected $fillable = [
'files', <?php
'barang_id'
]; namespace App\Model;
protected $table = use

'gambar_barang'; Illuminate\Database\Eloquen
t\Model;
public $timestamps =
false; class Pemesanan extends
Model
public function {
barang() //relasi dengan protected $fillable =
barang [
{ 'bukti_pembayaran',
return $this- 'status', 'user_id'
>belongsTo('App\Model\Baran ];
g');
} protected $table =
} 'pemesanan';
<?php
public function
namespace App\Model; user() //relasi dengan user
{
use return $this-
Illuminate\Database\Eloquen >belongsTo('App\User');
t\Model; }
C-9
public function }
pemesananDetail() //one to
many dengan pemesanan <?php
detail
{ namespace App\Model;
return $this-
>hasMany('App\Model\Pemesan use
anDetail', 'pemesanan_id'); Illuminate\Database\Eloquen
} t\Model;
} class ShopingChart extends

Model
<?php {
protected $fillable =
namespace App\Model; [
'jumlah',
use 'keterangan', 'user_id',
Illuminate\Database\Eloquen 'barang_id'
t\Model; ];
class PemesananDetail
extends Model protected $table =
{ 'shoping_chart';
protected $fillable = [
'jumlah', public $timestamps =
'keterangan', 'barang_id', false;
'pemesanan_id'
]; public function
barang() //relasi dengan
protected $table = barang
'pemesanan_detail'; {
return $this-
public $timestamps = >belongsTo('App\Model\Baran
false; g');
}
public function pemesanan()
//relasi dengan pemesanan public function
{ user() //relasi dengan user
return $this- {
>belongsTo('App\Model\Pemes return $this-
anan'); >belongsTo('App\User');
} }
public function }
barang() //relasi dengan
barang User
{
return $this- <?php
>belongsTo('App\Model\Baran
g'); namespace App;
}
C-10
<?php
use
Illuminate\Foundation\Auth\ /*
User as Authenticatable; |--------------------------
---------------------------
class User extends ---------------------
Authenticatable | Model Factories
{ |--------------------------
/** ---------------------------
* The attributes that ---------------------
are mass assignable. |
* | Here you may define all
* @var array of your model factories.
*/ Model factories give
protected $fillable = [ | you a convenient way to
'name', 'email', create models for testing
'password', 'alamat', and seeding your
'no_telp', 'akses' | database. Just tell the
]; factory how a default model
should look.
/** |
* The attributes that */
should be hidden for $factory-
arrays. >define(App\User::class,
* function (Faker\Generator
* @var array $faker) {
*/ return [
protected $hidden = [ 'name' =>
'password', "administrator",
'remember_token', 'email' =>
]; "admin@admin.com",
public function 'password' =>
shopingChart() //one to bcrypt('admin123'),
many dengan shopingchart 'alamat' =>
"Mataram",
{ 'akses' => "admin",
return $this- 'no_telp' =>
>hasMany('App\Model\Shoping "089876543210",
Chart', 'user_id'); 'remember_token' =>
} str_random(10),
];
public function });
pemesanan() //one to many
dengan pemesanan Migrations
{
return $this- <?php
>hasMany('App\Model\Pemesan
an', 'user_id'); use
} Illuminate\Database\Schema\
} Blueprint;
C-11
use }
Illuminate\Database\Migrati
ons\Migration; <?php
class CreateUsersTable use

extends Migration Illuminate\Database\Schema\
{ Blueprint;
/** use
* Run the migrations. Illuminate\Database\Migrati
* ons\Migration;
* @return void
*/ class
public function up() CreatePasswordResetsTable
{ extends Migration
{
Schema::create('users', /**
function (Blueprint $table) * Run the migrations.
{ *
$table- * @return void
>increments('id'); */
$table- public function up()
>string('name'); {
$table-
>string('email')->unique();
$table- Schema::create('password_re
>string('password'); sets', function (Blueprint
$table- $table) {
>string('alamat'); $table-
$table- >string('email')->index();
>string('no_telp'); $table-
$table- >string('token')->index();
>string('akses')- $table-
>default('guest'); >timestamp('created_at');
$table- });
>rememberToken(); }
$table-
>timestamps(); /**
}); * Reverse the
} migrations.
*
/** * @return void
* Reverse the */
migrations. public function down()
* {
* @return void
*/ Schema::drop('password_rese
public function down() ts');
{ }
}
Schema::drop('users');
} <?php
C-12
use class CreateBarang extends
Illuminate\Database\Schema\ Migration
Blueprint; {
use /**
Illuminate\Database\Migrati * Run the migrations.
ons\Migration; *
class CreateJenisBarang * @return void
extends Migration */
{ public function up()
/** {
* Run the migrations.
* Schema::create('barang',
* @return void function (Blueprint $table)
*/ {
public function up() $table-
{ >increments('id');
$table-
Schema::create('jenis_baran >string('nama_barang');
g', function (Blueprint $table-
$table) { >integer('harga');
$table-
>increments('id'); $table-
$table- >text('deskripsi');
>string('kategori'); $table-
}); >enum('stok',['tersedia',
} 'habis']);
$table-
/** >integer('jenis_barang_id')
* Reverse the ->unsigned();;
migrations. $table-
* >foreign('jenis_barang_id')
* @return void -
*/ >references('id')
public function down() -
{ >on('jenis_barang')
-
>onDelete('cascade');
Schema::drop('jenis_barang' $table-
); >string('images', 255);
} $table-
} >timestamps();
});
<?php }
use /**
Illuminate\Database\Schema\ * Reverse the
Blueprint; migrations.
use *
Illuminate\Database\Migrati * @return void
ons\Migration; */
C-13
public function down() * Reverse the
{ migrations.
*
Schema::drop('barang'); * @return void
} */
} public function down()
{
<?php
Schema::drop('gambar_barang
use ');
Illuminate\Database\Schema\ }
Blueprint; }
use
Illuminate\Database\Migrati <?php
ons\Migration;
use
class CreateGambarBarang Illuminate\Database\Schema\
extends Migration Blueprint;
{ use
/** Illuminate\Database\Migrati
* Run the migrations. ons\Migration;
* class CreateShopingChart
* @return void extends Migration
*/ {
public function up() /**
{ * Run the migrations.
*
Schema::create('gambar_bara * @return void
ng', function (Blueprint */
$table) { public function up()
$table- {
>increments('id');
$table- Schema::create('shoping_cha
>string('files'); rt', function (Blueprint
$table- $table) {
>integer('barang_id')- $table-
>unsigned(); >increments('id');
$table- $table-
>foreign('barang_id') >integer('jumlah');
- $table-
>references('id') >text('keterangan');
$table-
->on('barang') >integer('user_id')-
- >unsigned();
>onDelete('cascade'); $table-
$table- >integer('barang_id')-
>timestamps(); >unsigned();
}); $table-
} >foreign('user_id')
-
/** >references('id')
C-14
- function (Blueprint $table)
>on('users') {
- $table-
>onDelete('cascade'); >increments('id');
$table- $table-
>foreign('barang_id') >string('bukti_pembayaran')
- ;
>references('id') $table-
- >string('status');
>on('barang') $table-
>integer('user_id')-
- >unsigned();
>onDelete('cascade'); $table-
}); >foreign('user_id')
} -
>references('id')
/** -
* Reverse the >on('users')
migrations. -
* >onDelete('cascade');
* @return void $table-
*/ >timestamps();
public function down() });
{ }
Schema::drop('shoping_chart /**
');
}
} * Reverse the
migrations.
<?php *
* @return void
use */
Illuminate\Database\Schema\ public function down()
Blueprint; {
use
Illuminate\Database\Migrati Schema::drop('pemesanan');
ons\Migration; }
}
class CreatePemesanan
extends Migration <?php
{
/** use
* Run the migrations. Illuminate\Database\Schema\
* Blueprint;
* @return void use
*/ Illuminate\Database\Migrati
public function up() ons\Migration;
{
class CreatePemesananDetail
Schema::create('pemesanan', extends Migration
C-15
{ public function down()
/** {
* Run the migrations.
* Schema::drop('pemesanan_det
* @return void ail');
*/ }
}
public function up()
{ @extends('home')
Schema::create('pemesanan_d @section('konten')
etail', function (Blueprint <link rel="stylesheet"
$table) { href="{{
$table- asset('/assets/global/css/d
>increments('id'); ropzone.css') }}">
$table- <div class="col-md-9 col-
>integer('jumlah'); sm-12">
$table- <div class="content-form-
>text('keterangan'); page">
$table- <div class="row">
>integer('barang_id')- <div class="col-md-12">
>unsigned();; <h4
$table- class="block">Barang</h4>
>integer('pemesanan_id')- <form action="{{
>unsigned(); url('/master/barang') }}"
$table- method="post" class="form-
>foreign('barang_id') horizontal"
- enctype="multipart/form-
>references('id') data">
- {{
>on('barang') csrf_field() }}
- <div class="form-group {{
>onDelete('cascade'); $errors->has('nama_barang')
$table- ? ' has-error' : '' }}">
>foreign('pemesanan_id') <label class="col-lg-3
- control-label">Nama
>references('id') Barang<span
- class="require">
>on('pemesanan') *</span></label>
- <div class="col-lg-7">
>onDelete('cascade'); <input type="text"
}); class="form-control"
} name="nama_barang"
autofocus value="{{
/** old('nama_barang') }}">
* Reverse the
migrations. @if ($errors-
* >has('nama_barang'))
<span class="help-block">
* @return void
*/
C-16
<strong>{{ $errors- <strong>{{ $errors-
>first('nama_barang') >first('harga') }}</strong>
}}</strong> </span>
</span>
@endif
@endif </div>
</div> </div>
</div> <div class="form-group {{
<div class="form-group {{ $errors->has('stok') ? '
$errors->has('deskripsi') ? has-error' : '' }}">
' has-error' : '' }}"> <label class="col-lg-3
<label class="col-lg-3 control-label">Stok <span
control-label">Deskripsi class="require">
Barang<span *</span></label>
class="require"> <div class="col-lg-7">
*</span></label> <select name="stok"
<div class="col-lg-7"> class="form-control">
<textarea rows="8" <option
class="form-control" value="tersedia">Tersedia</
name="deskripsi">{{ option>
old('deskripsi') <option
}}</textarea> value="habis">Habis</option
>
@if ($errors- </select>
>has('deskripsi'))
<span class="help-block"> @if ($errors->has('stok'))
<strong>{{ $errors-
>first('deskripsi') <span class="help-block">
}}</strong> <strong>{{ $errors-
</span> >first('stok') }}</strong>
</span>
@endif
</div> @endif
</div>
</div> </div>
<div class="form-group {{ <div class="form-group {{
$errors->has('harga') ? ' $errors-
has-error' : '' }}"> >has('jenis_barang_id') ? '
<label class="col-lg-3 has-error' : '' }}">
control-label">Harga <span <label class="col-lg-3
class="require"> control-label">Jenis Barang
*</span></label> / Kategori <span
<div class="col-lg-7"> class="require">
<input type="text" *</span></label>
placeholder="Rp. " <div class="col-lg-7">
class="form-control" <select
name="harga" value="{{ name="jenis_barang_id"
old('harga') }}"> class="form-control">
@if ($errors->has('harga')) @foreach($jenisBarang as

<span class="help-block"> $item)
C-17
<option value="{{ $item->id <a href="{{ url('/master')
}}">{{ $item->kategori }}" class="btn btn-arrow-
}}</option> link">Batal</a>
</div>
@endforeach </div>
</select> </form>
{{--ini
@if ($errors- untuk dropzone--}}
>has('jenis_barang_id')) {{--
<span class="help-block"> <form action="{{
<strong>{{ $errors- url('master/tes') }}"
>first('jenis_barang_id') class="dropzone" id="my-
}}</strong> awesome-dropzone"--}}
</span>
{{--
@endif enctype="multipart/form-
</div> data">--}}
{{-
</div> -{{ csrf_field() }}--}}
<div class="form-group {{ {{-
$errors->has('images') ? ' -<div class="fallback">--}}
has-error' : '' }}">
<label class="col-lg-3 {{--<input name="file"
control-label">Foto <span type="file" multiple />--}}
class="require"> {{-
*</span></label> -</div>--}}
<div class="col-lg-7"> {{--
<input type="file" </form>--}}
name="images" </div>
accept="image/*" </div>
class="form-control"> </div>
</div>
@if ($errors-
>has('images')) {{--dropzone--}}
<span class="help-block"> <script src="{{
<strong>{{ $errors- asset('/assets/global/scrip
>first('images') ts/dropzone.js') }}"
}}</strong> type="text/javascript"></sc
</span> ript>
@endsection
@endif
</div> @extends('home')
</div>
<div class="form-group"> @section('konten')
<div class="col-md-7 col- <div class="col-md-9 col-
md-offset-3"> sm-12">
<button class="btn btn- <div class="content-form-
primary" page">
type="submit">Selesai</butt <div class="row">
on>
<div class="col-md-12">
C-18
<h4
class="block">Barang</h4> @if ($errors-
<form action="{{ >has('deskripsi'))
url('/master/update- <span class="help-block">
barang') }}" method="post" <strong>{{ $errors-
class="form-horizontal"> >first('deskripsi')
{{ }}</strong>
csrf_field() }} </span>
<input type="hidden"
name="id" value="{{ @endif
$barang['id'] }}"> </div>
<div class="form-group {{ </div>
$errors->has('nama_barang') <div class="form-group {{
? ' has-error' : '' }}"> $errors->has('harga') ? '
<label class="col-lg-3 has-error' : '' }}">
control-label">Nama <label class="col-lg-3
Barang<span control-label">Harga <span
class="require"> class="require">
*</span></label> *</span></label>
<div class="col-lg-7"> <div class="col-lg-7">
<input type="text" <input type="text"
class="form-control" placeholder="Rp."
name="nama_barang" class="form-control"
value="{{ name="harga" value="{{
$barang['nama_barang'] }}"> $barang['harga'] }}">
@if ($errors- @if ($errors->has('harga'))

>has('nama_barang')) <span class="help-block">
<span class="help-block"> <strong>{{ $errors-
<strong>{{ $errors- >first('harga') }}</strong>
>first('nama_barang') </span>
}}</strong>
</span> @endif
</div>
@endif </div>
</div> <div class="form-group {{
</div> $errors->has('stok') ? '
<div class="form-group {{ has-error' : '' }}">
$errors->has('deskripsi') ? <label class="col-lg-3
' has-error' : '' }}"> control-label">Stok <span
<label class="col-lg-3 class="require">
control-label">Deskripsi *</span></label>
Barang<span
class="require"> <div class="col-lg-7">
*</span></label> <select name="stok"
<div class="col-lg-7"> class="form-control">
<textarea rows="8" <option value="{{
class="form-control" $barang['stok'] }}">{{
name="deskripsi">{{ $barang['stok'] }}</option>
$barang['deskripsi']
}}</textarea>
C-19
<option <strong>{{ $errors-
value="tersedia">Tersedia</ >first('jenis_barang_id')
option> }}</strong>
<option </span>
value="habis">Habis</option
> @endif
</select> </div>
</div>
@if ($errors->has('stok')) <div class="form-group">
<span class="help-block"> <div class="col-md-7 col-
<strong>{{ $errors- md-offset-3">
>first('stok') }}</strong> <button class="btn btn-
</span> primary"
type="submit">Selesai</butt
@endif on>
</div> <a href="{{ url('/master')
</div> }}" class="btn btn-arrow-
<div class="form-group {{ link">Batal</a>
$errors- </div>
>has('jenis_barang_id') ? ' </div>
has-error' : '' }}"> </form>
<label class="col-lg-3 </div>
control-label">Jenis Barang </div>
/ Kategori <span </div>
class="require"> </div>
*</span></label>
<div class="col-lg-7"> @endsection
<select
name="jenis_barang_id" @extends('home')
class="form-control">
@section('konten')
<option value="{{ <div class="col-md-9 col-
$kategori->id }}">{{ sm-12">
$kategori->kategori <div class="content-form-
}}</option> page">
<div class="row">
@foreach($jenisBarang as <h4 class="block">Kategori
$item) Jenis Barang</h4>
<option value="{{ $item->id <form action="{{
}}">{{ $item->kategori url('/master/jenis-barang')
}}</option> }}" method="post">
<div class="input-group">
@endforeach
</select> {{ csrf_field() }}
<input type="text"
@if ($errors- name="kategori"
>has('jenis_barang_id')) placeholder="Kategori
<span class="help-block"> barang" class="form-
control">
C-20
<span class="input-group- <td align="center"
btn"> colspan="2">Belum terdapat
<button class="btn blue" kategori barang</td>
type="submit" </tr>
type="button">Tambah</butto
n> @endif
</span> </tbody>
</div> </table>

@if ($errors- </div>
>has('kategori')) <div class="col-md-7">
<span class="help-block"> <h4 class="block">Barang
<strong>{{ $errors- Yang Telah Di Publish</h4>
>first('kategori') <a href="{{
}}</strong> url('/master/barang') }}">
</span> <button class="btn btn-
primary">Publish
@endif Barang</button></a>
</form> <br>
<br> <br>
<table class="table table- <table class="table table-
bordered"> bordered">
<thead> <thead>
<tr> <tr>
<td>Kategori</td> <td>Nama Barang</td>
<td width="20%">Aksi</td> <td>Harga</td>
</tr> <td>Stok</td>
</thead>
<tbody> </tr>
</thead>
@if(count($jenisBarang ) > <tbody>
0)
@if(count($barang ) > 0)
@foreach($jenisBarang as
$item) @foreach($barang as $items)
<tr> <tr>
<td>{{ $item->kategori <td><a href="#product-pop-
}}</td> up-{{$items->id}}"
<td><a href="{{ class="btn btn-default
url('/master/jenis- fancybox-fast-view">{{
barang').'/'.$item->id $items->nama_barang
}}"><button class="btn btn- }}</a></td>
primary">hapus</button></a> <td>{{ $items->harga
</td> }}</td>
</tr> <td>{{ $items->stok }}</td>
</tr>
@endforeach
@endforeach
@else
<tr> @else
<tr>
C-21
<td align="center" asset('assets/product').'/'
colspan="3">Tidak ada .$items->images }}"></a>
data</td> </div>
</tr> </div>
<div class="col-md-6 col-
@endif sm-6 col-xs-9">
</tbody> <h2>{{ $items->nama_barang
</table> }}</h2>
{{ <div class="price-
$barang->render() }} availability-block
</div> clearfix">
</div> <div class="price">
</div> <strong><span>Rp. </span>{{

</div> $items->harga }}</strong>
</div> </div>
<div class="availability">
@foreach($barang as
$items) Stok : <strong>{{ $items-
<div id="product-pop-up- >stok }}</strong>
{{$items->id}}" </div>
style="width: 700px; </div>
display: none;"> <div class="description">
<div class="product-page <p>{{ $items->deskripsi
product-pop-up"> }}</p>
<div class="row"> </div>
<div class="col-md-6 col- <div class="product-page-
sm-6 col-xs-3"> cart">
<div class="product-main- <a href="{{
image" style="position: url('/master/update-
relative; overflow: barang/').'/'.$items->id
hidden;"> }}" class="btn btn-
<img src="{{ primary">Ubah</a>
asset('assets/product').'/' <a href="{{
.$items->images }}" url('/master/del-
class="img-responsive"> barang').'/'.$items->id }}"
<img src="{{ class="btn btn-
asset('assets/product').'/' default">Hapus</a>
.$items->images }}" </div>
class="zoomImg" </div>
style="position: absolute; </div>
top: -34.3636px; left: - </div>
266.727px; opacity: 0; </div>
width: 600px; height: @endforeach
800px; border: none; max-
width: none;"></div> @endsection
<div class="product-other- @extends('home')
images">
<a href="#" @section('konten')
class="active"><img src="{{ <div class="col-md-9 col-
sm-8">
C-22
<h2>Daftar Pemesanan Produk <h3>{{ $val->user->name
Anda</h2> }}</h3>
<div class="goods-page"> <p><strong>Alamat</strong>
<div class="goods-data - {{ $val->user->alamat
clearfix"> }}</p>
<div class="table-wrapper- <em>{{ $val->user->no_telp
responsive"> }}</em>
<table summary="Shopping </td>
cart"> <td class="goods-page-ref-
<tbody> no">
<tr>
<th class="goods-page- {{ $val->created_at }}
image">Bukti</th> </td>
<th class="goods-page- <td class="goods-page-ref-
description">Status</th> no">
<th class="goods-page- <a href="{{
description">Data url('/assets/bukti/').'/'.$
Pemesan</th> val->bukti_pembayaran }}"
<th class="goods-page-ref- class="btn btn-default
no">Tanggal Pemesanan</th> fancybox-button">Lihat</a>
<th class="goods-page-ref- </td>
no">Lihat Bukti</th> </tr>
</tr>
@endforeach
@if(count($pemesanan) > 0)
@else
@foreach($pemesanan as
$val) <tr>
<tr> <td colspan="5"
<td class="goods-page- align="center"><strong>Tida
image"> k ada data
<a href="#"><img src="{{ pemesanan</strong></td>
asset('assets/bukti').'/'.$ </tr>
val->bukti_pembayaran
}}"></a> @endif
{{
</td> $pemesanan->render() }}
<td class="goods-page- </tbody>
description"> </table>
<h3><a href="{{ </div>
url('/konfirm/detail').'/'. </div>
$val->id }}">{{ $val- </div>
>status }}</a></h3> </div>
<p>Jumlah barang </p>
<p>x {{ count($val- @endsection
>pemesananDetail) }}
items</p> @extends('home')
</td>
@section('konten')
<td class="goods-page- <div class="col-md-9 col-
description"> sm-8">
C-23
<h2>Keranjang Belanja
Anda</h2> {{ $val->keterangan }}
<div class="goods-page"> </td>
<div class="goods-data </tr>
clearfix"> <?php $plus = $val-
<div class="table-wrapper- >jumlah*$val->barang-
responsive"> >harga; ?>
<?php $total = $total +
<table summary="Shopping $plus; ?>
cart">
<tbody> @endforeach
<tr> </tbody>
<th class="goods-page- </table>
image">Gambar</th> </div>
<th class="goods-page- <div class="shopping-
description">Nama total">
Barang</th> <ul>
<th class="goods-page- <li class="shopping-total-
quantity">Jumlah price">
Pesanan</th> <em>Total</em>
<th class="goods-page-ref- <strong
no">Keterangan</th> class="price"><span>Rp.
</tr> </span>{{ $total
<?php $total = 0; ?> }}</strong>
</li>
@foreach($pemesananDetail </ul>
as $val) </div>
<tr> </div>
<td class="goods-page- <a href="{{ url('/konfirm')
image"> }}" class="btn btn-
<a href="#"><img src="{{ primary">Kembali <i
asset('/assets/product/').' class="fa fa-
/'.$val->barang->images }}" check"></i></a>
alt="Berry Lace Dress"></a> </div>
</td> </div>
<td class="goods-page- @endsection
description">
<h3><a href="/f/{{ $val->id @extends('home')
}}">{{ $val->barang-
>nama_barang }}</a></h3> @section('konten')
<p>Rp. {{ $val->barang- <div class="col-md-9 col-
>harga }}</p> sm-8">
</td> <h2>User Administrator</h2>
<td class="goods-page-ref- <div class="goods-page">
no"> <div class="goods-data
<strong>x {{ count($val- clearfix">
>jumlah) }}</strong> <div class="table-wrapper-
</td> responsive">
<table summary="Shopping
<td class="goods-page-ref- cart">
no"> <tbody>
C-24
<tr>
<th class="goods-page- @endforeach
description">Email</th>
<th class="goods-page- @else
quantity">Nama</th> <tr>
<th class="goods-page- <td colspan="4"
price">No Telp</th> align="center"><strong>Tida
<th class="goods-page- k ada data
total" user</strong></td>
colspan="2">Dibuat</th>
</tr> </tr>
@if(count($user) > 0) @endif

</tbody>
@foreach($user as $val) </table>
<tr> </div>
<td class="goods-page- </div>
description">
<h3><a href="#">{{ $val- @if(count($user) >= 1)
>email }}</a></h3> <a href="{{
<p><strong>Alamat</strong> url('/users/add') }}"
- {{ $val->alamat }}</p> class="btn btn-
</td> primary">Tambah User <i
<td class="goods-page-ref- class="fa fa-plus"></i></a>
no"> @endif
<strong>{{ $val->name </div>
}}</strong> </div>
</td>
<td class="goods-page- @endsection
price">
<strong>{{ $val->no_telp @extends('home')
}}</strong>
</td>w @section('konten')
<td class="goods-page- <div class="col-md-9 col-
total"> sm-12 ">
<strong>{{ $val->created_at <h1>Buat Akun
}}</strong> Administrator</h1>
</td> <div class="content-form-
<td class="del-goods-col"> page">
<div class="row">
@if( $val->id !== <div class="col-md-7 col-
Auth::id()) sm-7">
<a class="del-goods" <form class="form-
href="{{ horizontal" role="form"
url('users/del').'/'.$val- method="POST"
>id }}"> </a> action="{{
url('/users/add') }}">
@endif {{
</td> csrf_field() }}
</tr> <fieldset>
C-25
<legend>DATA DIRI <div class="form-group {{
PRIBADI</legend> $errors->has('no_telp') ? '
$errors->has('name') ? ' <label for="no_telp"
has-error' : '' }}"> class="col-lg-4 control-
<label for="firstname" label">No Telp</label>
class="col-lg-4 control- <div class="col-lg-8">
label">Nama <span <input type="text"
class="require">*</span></l class="form-control"
abel> name="no_telp" value="{{
<div class="col-lg-8"> old('no_telp') }}">
<input type="text"
class="form-control" @if ($errors-
name="name" value="{{ >has('no_telp'))
old('name') }}"> <span class="help-block">
<strong>{{ $errors-
@if ($errors->has('name')) >first('no_telp')
<span class="help-block"> }}</strong>
<strong>{{ $errors- </span>
>first('name') }}</strong>
</span> @endif
</div>
@endif </div>
</div> </fieldset>
</div> <fieldset>
<div class="form-group {{ <legend>Data untuk akun
$errors->has('alamat') ? ' login</legend>
<label for="alamat" <div class="form-group {{
class="col-lg-4 control- $errors->has('email') ? '
label">Alamat <span has-error' : '' }}">
class="require">*</span></l <label for="email"
abel> class="col-lg-4 control-
<div class="col-lg-8"> label">Email <span
<input type="text" class="require">*</span></l
name="alamat" class="form- abel>
control" value="{{ <div class="col-lg-8">
old('alamat') }}"> <input type="text"
class="form-control"
@if ($errors- name="email" value="{{
>has('alamat')) old('email') }}">
<strong>{{ $errors- @if ($errors->has('email'))
>first('alamat') <span class="help-block">
}}</strong> <strong>{{ $errors-
</span> >first('email') }}</strong>
</span>
@endif
</div> @endif
</div> </div>
</div>
C-26
<div class="form-group{{ lupa password silahkan
$errors->has('password') ? reset password anda.</p>
' has-error' : '' }}"> <p>User yang anda daftarkan
<label for="password" khusus untuk user
class="col-md-4 control- admin.</p>
label">Password <span </div>
class="require">*</span></l </div>
abel>
<div class="col-md-8"> </div>
<input type="text" </div>
class="form-control" </div>
name="password" value="{{
old('password') }}"> @endsection
@if ($errors- @extends('layouts.app')

>has('password'))
<span class="help-block"> 
<strong>{{ $errors- @section('content')
>first('password') <div class="main">
}}</strong> <div class="container">
</span> <div class="row margin-
bottom-40">
@endif <div class="col-md-8 col-
</div> sm-12 col-md-offset-2">
</div> <h1>Reset Password</h1>
</fieldset> <div class="content-form-
page">
<div class="row"> <div class="row">
<div class="col-lg-8 col- <div class="col-md-12 col-
md-offset-4 padding-left-0 sm-12">
padding-top-20">
<button type="submit" @if (session('status'))
class="btn btn- <div class="alert alert-
primary">Create an success">
account</button>
<a href="{{ url('/home') {{ session('status') }}
}}" class="btn btn- </div>
default">Cancel</a>
</div> @endif
</div> <form class="form-
</form> horizontal form-without-
</div> legend" role="form"
<div class="col-md-4 col- method="POST" action="{{
sm-4 pull-right"> url('/password/email') }}">
<div class="form-info">
<h2><em>Informasi</em> {{ csrf_field() }}
Penting</h2>
<p>Sistem ini hanya bisa <div class="form-group{{
untuk daftar satu email $errors->has('email') ? '
untuk satu akun, jika anda has-error' : '' }}">
C-27
<label for="email" <div class="panel panel-
class="col-md-4 control- default">
label">E-Mail <div class="panel-
Address</label> heading">Reset
Password</div>
<input id="email"
type="email" class="form- <div class="panel-body">
control" name="email" <form class="form-
value="{{ old('email') }}"> horizontal" role="form"
method="POST" action="{{
url('/password/reset') }}">
@if ($errors->has('email')) {{
<span class="help-block"> csrf_field() }}
<strong>{{ $errors-
>first('email') }}</strong> <input type="hidden"
</span> name="token" value="{{
$token }}">
@endif
</div> <div class="form-group{{
</div> $errors->has('email') ? '
<div class="form-group"> <label for="email"
<div class="col-md-6 col- class="col-md-4 control-
md-offset-4"> label">E-Mail
<button type="submit" Address</label>
class="btn btn-primary">
<i class="fa fa-btn fa- <input id="email"
envelope"></i> Kirim link type="email" class="form-
reset password control" name="email"
</button> value="{{ $email or
</div> old('email') }}">
</div>
</form>
</div> @if ($errors->has('email'))
</div> <span class="help-block">
</div> <strong>{{ $errors-
</div> >first('email') }}</strong>
</div> </span>
</div>
</div> @endif
@endsection </div>
</div>
@extends('layouts.app')
<div class="form-group{{
@section('content') $errors->has('password') ?
<div class="container"> ' has-error' : '' }}">
<div class="row">
md-offset-2">
C-28
<label for="password" </div>
class="col-md-4 control- </div>
label">Password</label>
<div class="form-group">
<div class="col-md-6"> <div class="col-md-6 col-
<input id="password" md-offset-4">
type="password" <button type="submit"
class="form-control" class="btn btn-primary">
name="password"> <i class="fa fa-btn fa-
refresh"></i> Reset
Password
@if ($errors- </button>
>has('password')) </div>
<span class="help-block"> </div>
<strong>{{ $errors- </form>
>first('password') </div>
}}</strong> </div>
</span> </div>
</div>
@endif </div>
</div> @endsection
</div>
@extends('layouts.app')
<div class="form-group{{ @section('content')
$errors- <div class="main">
>has('password_confirmation <div class="container">
') ? ' has-error' : '' }}"> <div class="row margin-
<label for="password- bottom-40">
confirm" class="col-md-4 <div class="col-md-10 col-
control-label">Confirm sm-12 col-md-offset-1">
Password</label> <h1>Login</h1>
<div class="col-md-6"> <div class="content-form-
<input id="password- page">
confirm" type="password" <div class="row">
class="form-control" <div class="col-md-7 col-
name="password_confirmation sm-7">
"> <form class="form-
horizontal form-without-
legend" role="form"
@if ($errors- method="POST" action="{{
>has('password_confirmation url('/login') }}">
'))
<span class="help-block"> {{ csrf_field() }}
<div class="form-group {{
$errors->has('email') ? '
<strong>{{ $errors- has-error' : '' }}">
>first('password_confirmati <label for="email"
on') }}</strong> class="col-lg-4 control-
</span> label">Email <span
class="require">*</span></l
@endif abel>
C-29
<div class="col-lg-8"> <div class="col-lg-8 col-
<input type="text" md-offset-4 padding-left-0
name="email" class="form- padding-top-20">
control" id="email"
value="{{ old('email') }}"> <button type="submit"
class="btn btn-
@if ($errors->has('email')) primary">Login</button>
<strong>{{ $errors- </div>
>first('email') }}</strong> <div class="row">
</span> <div class="col-lg-8 col-
md-offset-4 padding-left-0
@endif padding-top-10 padding-
right-30">
</div> <hr>
</div> </div>
<div class="form-group {{ </div>
$errors->has('password') ? </form>
' has-error' : '' }}"> </div>
<label for="password" <div class="col-md-4 col-
class="col-lg-4 control- sm-4 pull-right">
label">Password <span <div class="form-info">
class="require">*</span></l <h2><em>Informasi</em></h2>
abel> <p>Jika belum memiliki akun
<div class="col-lg-8"> silahkan untuk registrasi
<input type="password" terlebih dahulu.</p>
name="password" <a href="{{
class="form-control" url('/register') }}"
id="password"> type="button" class="btn
btn-default">Register</a>
@if ($errors- </div>
>has('password')) </div>
<strong>{{ $errors- </div>
>first('password') </div>
}}</strong> </div>
</span> </div>
</div>
@endif
</div> @endsection
</div>
<div class="row"> @extends('layouts.app')
<div class="col-lg-8 col-
md-offset-4 padding-left- @section('content')
0"> <div class="main">
<a href="{{ <div class="container">
url('/password/reset') <div class="row margin-
}}">Forget Password?</a> bottom-40">
</div> 
</div> <div class="col-md-10 col-
<div class="row"> sm-12 col-md-offset-1">
C-30
<h1>Buat Akun</h1>
<div class="content-form- @if ($errors-
page"> >has('alamat'))
<div class="row"> <span class="help-block">
<div class="col-md-7 col- <strong>{{ $errors-
sm-7"> >first('alamat')
<form class="form- }}</strong>
horizontal" role="form" </span>
method="POST" action="{{
url('/register') }}"> @endif
{{ csrf_field() }} </div>
<fieldset> </div>
<legend>DATA DIRI <div class="form-group {{
PRIBADI</legend> $errors->has('no_telp') ? '
$errors->has('name') ? ' <label for="email"
has- class="col-lg-4 control-
error' : '' }}"> label">No Telp</label>
<label for="firstname" <div class="col-lg-8">
class="col-lg-4 control- <input type="text"
label">Nama <span class="form-control"
class="require">*</span></l name="no_telp">
abel>
<div class="col-lg-8"> @if ($errors-
<input type="text" >has('no_telp'))
class="form-control" <span class="help-block">
name="name"> <strong>{{ $errors-
>first('no_telp')
@if ($errors->has('name')) }}</strong>
<span class="help-block"> </span>
<strong>{{ $errors-
>first('name') }}</strong> @endif
</span> </div>
</div>
@endif </fieldset>
</div> <fieldset>
</div> <legend>Data untuk akun
<div class="form-group {{ login</legend>
$errors->has('alamat') ? ' <div class="form-group {{
has-error' : '' }}"> $errors->has('email') ? '
<label for="alamat" has-error' : '' }}">
class="col-lg-4 control- <label for="email"
label">Alamat <span class="col-lg-4 control-
class="require">*</span></l label">Email <span
abel> class="require">*</span></l
<div class="col-lg-8"> abel>
<input type="text" <div class="col-lg-8">
name="alamat" class="form- <input type="text"
control"> class="form-control"
name="email">
C-31
name="password_confirmation
@if ($errors->has('email')) ">
<strong>{{ $errors-
>first('email') }}</strong> @if ($errors-
</span> >has('password_confirmation
'))
@endif <span class="help-block">
</div> <strong>{{ $errors-
</div> >first('password_confirmati
<div class="form-group{{ on') }}</strong>
$errors->has('password') ? </span>
' has-error' : '' }}">
<label for="password" @endif
class="col-md-4 control- </div>
label">Password <span </div>
class="require">*</span></l
abel> </fieldset>
<input id="password" <div class="row">
type="password" <div class="col-lg-8 col-
class="form-control" md-offset-4 padding-left-0
name="password"> padding-top-20">
<button type="submit"
class="btn btn-
@if ($errors- primary">Create an
>has('password')) account</button>
<strong>{{ $errors- <a href="/" type="button"
>first('password') class="btn btn-
}}</strong> default">Cancel</a>
</span> </div>
</div>
@endif </form>
</div> </div>
<div class="form-group{{ sm-4 pull-right">
$errors- <div class="form-info">
>has('password_confirmation <h2><em>Informasi</em>
') ? ' has-error' : '' }}"> Penting</h2>
<label for="password- <p>Sistem ini hanya bisa
confirm" class="col-md-4 untuk daftar satu email
control-label">Confirm satu akun, jika anda lupa
Password <span password silahkan reset
class="require">*</span></l password anda.</p>
abel>
<p>Jika telah memiliki akun
<div class="col-md-6"> silahkan klik Login.</p>
<input id="password-
confirm" type="password"
class="form-control"
C-32
<a href="/login" <a href="#"><img src="{{
type="button" class="btn asset('assets/product/thumb
btn-default">Login</a> s').'/'.$val->barang-
</div> >images }}"></a>
</div> </td>
</div> <td class="goods-page-
</div> description">
</div> <h3><a href="#">{{ $val-
 >barang->nama_barang
</div> }}</a></h3>
</div> <em>{{ $val->keterangan
</div> }}</em>
@endsection </td>
<td class="goods-page-ref-
@extends('home') no">
<strong>x {{ $val->jumlah
@section('konten') }}</strong>
<div class="col-md-9 col- </td>
sm-8"> <td class="goods-page-
<h2>Keranjang Belanja price">
Anda</h2> <strong><span>Rp. </span>{{
<div class="goods-page"> $val->barang->harga
<div class="goods-data }}</strong>
clearfix"> </td>
<div class="table-wrapper- <td class="goods-page-
responsive"> total">
<table summary="Shopping <strong><span>Rp. </span>{{
cart"> $val->jumlah*$val->barang-
<tbody> >harga }}</strong>
<tr> </td>
<th class="goods-page- <td class="del-goods-col">
image">Gambar</th> <a class="del-goods"
<th class="goods-page- href="/cart/del-cart/{{
description">Deskripsi</th> $val->id
<th class="goods-page- }}"> </a>
quantity">Jumlah</th> </td>
<th class="goods-page- </tr>
price">Harga/item</th> <?php $plus = $val-
<th class="goods-page- >jumlah*$val->barang-
total" >harga; ?>
colspan="2">Total</th> <?php $total = $total +
</tr> $plus; ?>
<?php $total = 0; ?>
@endforeach
@if(count($cart) > 0)
@else
@foreach($cart as <tr>
$val) <td colspan="5"
<tr> align="center"><strong>Tida
<td class="goods-page- k ada data di keranjang
image"> anda</strong></td>
C-33
</tr> <form action="{{
url('/cart/konfirmasi') }}"
@endif method="post" class="form-
</tbody> horizontal"
</table> enctype="multipart/form-
</div> data">
<div class="shopping- {{
total"> csrf_field() }}
<ul> <input type="hidden"
<li class="shopping-total- name="user_id" value="{{
price"> Auth::id() }}">
<em>Total</em> <div class="form-group {{
<strong $errors-
class="price"><span>Rp. >has('bukti_pembayaran') ?
</span>{{ $total ' has-error' : '' }}">
}}</strong> <label class="col-lg-3
</li> control-label">Bukti
</ul> Pembayaran <span
</div> class="require">
</div> *</span></label>
<a href="{{ url('/home') <div class="col-lg-7">
}}" class="btn btn- <input type="file"
default">Lanjutkan Belanja name="bukti_pembayaran"
<i class="fa fa-shopping- class="form-control"
cart"></i></a> accept="image/*">
@if(count($cart) > 0) @if ($errors-

<a href="{{ >has('bukti_pembayaran'))
url('/cart/konfirmasi') }}" <span class="help-block">
class="btn btn- <strong>{{ $errors-
primary">Pembayaran <i >first('bukti_pembayaran')
class="fa fa- }}</strong>
check"></i></a> </span>
@endif
</div> @endif
</div> </div>
</div>
@endsection <div class="form-group">
@extends('home') md-offset-3">
<button class="btn btn-
@section('konten') primary"
<div class="col-md-9 col- type="submit">Selesai</butt
sm-12"> on>
<div class="content-form- <a href="{{ url('/home')
page"> }}" class="btn btn-arrow-
<div class="row"> link">Batal</a>
<div class="col-md-12"> </div>
<h4 </div>
class="block">Konfirmasi </form>
Pemesanan</h4> </div>
C-34
<h3><a href="{{
</div> url('/pemesanan/detail').'/
</div> '.$val->id }}">{{ $val-
</div> >status }}</a></h3>
@endsection </td>
<td class="goods-page-ref-
@extends('home') no">
<strong>x {{ count($val-
@section('konten') >pemesananDetail)
<div class="col-md-9 col- }}</strong>
sm-8"> </td>
<h2>Keranjang Belanja <td class="goods-page-ref-
Anda</h2> no">
<div class="goods-page">
<div class="goods-data {{ $val->created_at }}
clearfix"> </td>
<div class="table-wrapper- <td class="goods-page-ref-
responsive"> no">
<table summary="Shopping <a href="{{
cart"> asset('/assets/bukti').'/'.
<tbody> $val->bukti_pembayaran }}"
<tr> class="btn btn-default
<th class="goods-page- fancybox-button">Lihat</a>
image">Bukti</th> </td>
<th class="goods-page- </tr>
description">Status</th>
<th class="goods-page- @endforeach
quantity">Jumlah
Barang</th> @else
<th class="goods-page-ref-
no">Tanggal Pemesanan</th> <tr>
<th class="goods-page-ref- <td colspan="5"
no">Lihat Bukti</th> align="center"><strong>Tida
</tr> k ada data
pemesanan</strong></td>
</tr>
@if(count($pemesanan) > 0)
@endif
@foreach($pemesanan as </tbody>
$val) </table>
<tr> </div>
<td class="goods-page- </div>
image"> <a href="{{ url('/home')
<a href="#"><img src="{{ }}" class="btn btn-
asset('/assets/bukti').'/'. default">Belanja Lagi <i
$val->bukti_pembayaran class="fa fa-shopping-
}}"></a> cart"></i></a>
</td> <a href="{{ url('/cart')
<td class="goods-page- }}" class="btn btn-
description"> primary">Keranjang Belanja
C-35
<i class="fa fa- <td class="goods-page-ref-
check"></i></a> no">
</div> <strong>x {{ count($val-
</div> >jumlah) }}</strong>
@endsection
@extends('home')
@section('konten') </td>
<div class="col-md-9 col- <td class="goods-page-ref-
sm-8"> no">
<h2>Keranjang Belanja
Anda</h2> {{ $val->keterangan }}
<div class="goods-page"> </td>
<div class="goods-data </tr>
clearfix">
@endforeach
</tbody>
<div class="table-wrapper- </table>
responsive"> </div>
<table summary="Shopping </div>
cart"> <a href="{{ url('/home')
<tbody> }}" class="btn btn-
<tr> default">Lanjutkan Belanja
<th class="goods-page- <i class="fa fa-shopping-
image">Gambar</th> cart"></i></a>
<th class="goods-page- <a href="{{
description">Nama url('/pemesanan') }}"
Barang</th> class="btn btn-
<th class="goods-page- primary">Kembali <i
quantity">Jumlah class="fa fa-
Pesanan</th> check"></i></a>
<th class="goods-page-ref- </div>
no">Keterangan</th> </div>
</tr> @endsection
@extends('home')
@foreach($pemesananDetail @section('konten')
as $val) <div class="col-md-9 col-
<tr> sm-7">
<td class="goods-page- <h2>Produk kita</h2>
image"> 
<a href="#"><img src="{{ <div class="row product-
asset('assets/product/thumb list">
s').'/'.$val->barang- 
>images }}" alt="Berry Lace
Dress"></a> @if(count($barang) > 0)
</td>
<td class="goods-page- @foreach($barang as $item)
description"> <div class="col-md-4 col-
<h3><a href="/f/{{ $val->id sm-6 col-xs-12">
}}">{{ $val->barang- <div class="product-item">
>nama_barang }}</a></h3> <div class="pi-img-
</td> wrapper">
C-36
<img style="width: 100%" </div>
src="{{ @endif
asset('/assets/product/thum 
bs').'/'.$item->images }}" </div>
class="img-responsive"> 
<div> 
<a href="{{ <div class="row">
asset('/assets/product/').' {{ $barang-
/'.$item->images }}" >render() }}
class="btn btn-default </div>
fancybox-button">Zoom</a> 
<a href="#product-pop-up-{{ </div>
$item->id }}" class="btn <div id="product-pop-up-{{
btn-default fancybox-fast- $val->id }}"
view">View</a> style="display: none;
</div> width: 700px;">
</div> <div class="product-page
<h3><a href="shop- product-pop-up">
item.html">{{ $item- <div class="row">
>nama_barang }}</a></h3> <div class="col-md-6 col-
<div class="pi-price">Rp. sm-6 col-xs-3">
{{ $item->harga }}</div> <div class="product-main-
<a href="#product-pop-up-{{ image">
$item->id }}" class="btn <img src="{{
btn-default add2cart asset('/assets/product/thum
fancybox-fast- bs').'/'.$item->images }}"
view">Beli</a> class="img-responsive">
</div> </div>
</div> <div class="product-other-
@endforeach images">
@else <a href="#"
@foreach($barang as class="active"><img src="{{
$val) asset('/assets/product/thum
<div class="content-page bs').'/'.$item->images
page-404"> }}"></a>
<div class="number"> </div>
404 </div>
<div class="details"> sm-6 col-xs-9">
<h3>Maaf! Barang Tidak <h2>{{ $val->nama_barang
Ditemukan.</h3> }}</h2>
<p> <div class="price-
availability-block
Barang kategori ini tidak clearfix">
di temukan.<br> <div class="price">
<a href="{{ url('/') }}" <strong><span>Rp. </span>{{
class="link">Kembali ke $val->harga }}</strong>
halaman utama</a> atau cari </div>
kategori lain. <div class="availability">
</p>
</div>
C-37
</div>
Stok: <strong>{{ $val->stok </div>
}}</strong> <div class="product-page-
</div> cart">
</div> <div class="product-
<div class="description"> quantity">
<p>{{ $val->deskripsi <input id="product-
}}</p> quantity" type="text"
</div> name="jumlah" value="1"
<form action="{{ readonly name="product-
url('/cart/cart') }}" quantity" class="form-
method="post"> control input-sm">
</div>
{{ csrf_field() }} <button class="btn btn-
<input type="hidden" primary"
name="barang_id" value="{{ type="submit">Beli</button>
$val->id }}"> </div>
<div class="product-page- </form>
options"> </div>
<div class="pull-left"> </div>
<label class="control- </div>
label">Keterangan :</label> </div>
<input type="text" @endforeach
name="keterangan" @endsection
class="form-control input-
sm">
C-38

EKOMERSE GERABAH] Aplikasi E-Commerce Sebagai Media Pengoptimalan Penjualan Gerabah

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

EKOMERSE GERABAH] Aplikasi E-Commerce Sebagai Media Pengoptimalan Penjualan Gerabah

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI E-COMMERCE SEBAGAI MEDIA

PENGOPTIMALAN PENJUALAN GERABAH

PROGRAM STUDI MANAJEMEN INFORMATIKA

Diajukan Sebagai Salah Satu Syarat Untuk Memenuhi Kebutuhan Studi

PROGRAM STUDI MANAJEMEN INFORMATIKA

Diajukan Sebagai Salah Satu Syarat Untuk Memenuhi Kebutuhan Studi

Komariyuli Anwariyah, S.T., M.Kom

Ahmat Adil, S.Kom., M.Sc Restu Fahdiansyah, S.E., M.S.A

Tanggal Menyetujui: Tanggal Menyetujui:

Ismarmiaty, S.T., MMSI

LEMBAR PENGESAHAN PENGUJI

Diajukan Sebagai Salah Satu Syarat Untuk Memenuhi Kebulatan Studi

Disetujui oleh Penguji :

1. Prof. Dr. H. M. Tajuddin, M.Si

2. Ahmad Ashril Rizal, M.Cs

yang berjudul “Aplikasi E-Commerce Sebagai Media Pengoptimalan

proposal didalam mengejar gelar sarjana Diploma-3 pada program studi

Manajemen Informatika STMIK Bumigora Mataram.

Dengan selesainya Tugas Akhir ini, penulis ingin mengucapkan

terimakasih kepada pihak–pihak yang telah banyak membantu dalam

penyelesaian Tugas Akhir ini. Dalam kesempatan ini penulis menyampaikan

ucapan terima kasih kepada :

1. Ibu Komariyuli Anwariyah, S.T., M.Kom., selaku Ketua Sekolah Tinggi

Manajemen Informatika dan Komputer (STMIK) Bumigora Mataram.

2. Ibu Ismarmiaty, ST., MMSI., selaku Ka. Prodi D3 Manajemen Informatika.

3. BpkAhmad Adil, S.Kom., M. SC., selaku Dosen Pembimbing I (Satu)

4. BpkRestu Fahdiansyah, S.E., M.S.A., selaku Dosen Pembimbing II (Dua)

5. Bapak/Ibu Dosen yang telah memberikan ilmu selama dalam perkuliahan.

dan dukungan baik secara moral ataupun material.

terimakasih atas dukungannya dan atas bantuan dalam penyelesaian

Tugas Akhir ini.

Penulis menyadari bahwa tidak ada satupun yang sempurna

bermanfaat bagi semua pihak. Amiin…

Mataram, 28 Agustus 2017

LEMBAR PERNYATAAN KEASLIAN

Saya yang bertandatangan di bawah ini:

Menyatakanbahwa Tugas Akhir yangberjudul:

Mataram, 28 Agustus 2017

Tugas akhir ini merupakan syarat kelulusan pada Program Studi D3

Untuk dimaklumi, bahwa menduplikasi, mempublikasikan atau menggunakan

Permintaan izin untuk menduplikasikan atau menggunakan materi dari Tugas

Tugas Akhir ini membuat suatu aplikasi penjualan online yang

Kata Kunci: e-commerce, media penjualan gerabah

Gambar 2.1 Contoh Kerajinan Gerabah............................................................. 10

Tabel 3.1 Bentuk tidak normal ........................................................................... 29

LAMPIRAN A WAWANCARA .......................................................................... A-1

1.1 Latar Berlakang

Perkembangan dunia seni yang semakin pesat dan perhatian dunia

semakin mengeksplorasi kemampuan yang dimiliki. Karya seni saat ini

telah terwujud kedalam berbagai jenis karya, beberapa diantaranya yaitu

tangan berupa gerabah (Ismail, 2010).

serta didalam peningkatan penerimaan devisa Negara melalui kegiatan

kalangan penikmat hingga kalangan pencinta gerabah (Mahrup, 2016).

melingkupi pasar lokal dan nasional (Mahrup, 2016).

E-Commerce merupakan cara bagi seorang konsumen untuk dapat

membeli barang yang diinginkan secara online, E-Commerce adalah

sebuah barang langsung dijual menggunakan internet, baik untuk

konsumen (Bisnis to Consumen) maupun untuk bisnis (Bisnis to Bisnis).

(Sri Haryanti, 2011)

Perkembangan teknologi informasi yang begitu besar dan ketatnya

persaingan bisnis serta adanya era globalisasi tentunyaUsaha Dagang

memanfaatkan fasilitas yang disediakan oleh teknologi informasi melalui

media internet sebagai salah satu media pemasarannya sehingga dapat