perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
PPEMBUATAN APLIKASI
Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya
Program Diploma III Ilmu Komputer
PROGRAM DIII
JURUSAN
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
i
PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU
TUGAS AKHIR
Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya
Program Diploma III Ilmu Komputer
Disusun Oleh :
Ike Istiqomah
M3208055
PROGRAM DIII ILMU KOMPUTER
JURUSAN MANAJEMEN INFORMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2011
KERAJINAN KAYU
Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ii
HALAMAN PERSETUJUAN
PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU
Disusun Oleh
IKE ISTIQOMAH
NIM. M3208055
Tugas Akhir ini telah disetujui untuk dipertahankan
di hadapan dewan penguji
pada tanggal 5 Juli 2011
Pembimbing
Mohtar Yunianto,M.Si
NIP. 19800630 200501 1 001
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
HALAMAN PENGESAHAN
PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU
Disusun Oleh
IKE ISTIQOMAH
NIM. M3208055
Di bimbing oleh
Pembimbing Utama
Mohtar Yunianto,M.Si
NIP. 19800630 200501 1 001
Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir Program Diploma III Ilmu Komputer pada hari Selasa tanggal 5 Juli 2011
Dewan Penguji
1. Penguji 1 Mohtar Yunianto, M.Si ( )
NIP. 19800630 200501 1 001
2. Penguji 2 Didiek Sri Wiyono, ST., MT. ( ) NIP. 19750331 200501 1 001
3. Penguji 3 Nanang Maulana, S.Si ( )
Disahkan Oleh
Dekan
Fakultas MIPA UNS
Ir. Ari Handono Ramelan, M.Sc(Hons).,Ph.D
NIP. 19610223 198601 1 001
Ketua Program Studi DIII Ilmu Komputer UNS
Drs. YS. Palgunadi, M.Sc. NIP. 19560407 198303 1 004
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iv
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix
DAFTAR ISI
HALAMAN JUDUL .............................................................................. i
HALAMAN PERSETUJUAN ................................................................ ii
HALAMAN PENGESAHAN ................................................................. iii
HALAMAN ABSTRACT ....................................................................... iv
HALAMAN ABSTRAK ......................................................................... v
HALAMAN MOTTO ............................................................................. vi
HALAMAN PERSEMBAHAN .............................................................. vii
KATA PENGANTAR ............................................................................ viii
DAFTAR ISI .......................................................................................... ix
DAFTAR TABEL .................................................................................. xi
DAFTAR GAMBAR .............................................................................. xii
BAB I PENDAHULUAN .................................................................... 1
1.1 Latar Belakang Masalah ..................................................... 1
1.2 Perumusan Masalah ............................................................. 1
1.3 Batasan Masalah ................................................................. 1
1.4 Tujuan Penelitian ................................................................ 1
1.5 Manfaat Penulisan Penelitian .............................................. 2
1.6 Metodologi Penelitian ......................................................... 2
1.7 Sistematika Penulisan ......................................................... 3
BAB II LANDASAN TEORI ............................................................... 5
2.1 Tinjauan Pustaka ................................................................. 5
2.1.1 Toko Online ................................................................ 5
2.1.2 World Wide Web ......................................................... 6
2.1.3 Internet ....................................................................... 6
2.1.4 PHP ............................................................................ 6
2.1.5 SQL ............................................................................ 7
2.1.6 Basis Data ................................................................... 8
2.1.7 Diagram Entity-Relationship ....................................... 9
2.1.8 DFD ............................................................................ 10
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
x
BAB III DESAIN DAN PERANCANGAN ............................................ 12
3.1 Analisis Kebutuhan.............................................................. 12
3.1.1 Kebutuhan Hardware .................................................. 12
3.1.2 Kebutuhan Software .................................................... 12
3.2 Deskripsi Umum Sistem ...................................................... 14
3.3 Perancangan Aplikasi .......................................................... 14
3.3.1 Context Diagram ......................................................... 14
3.3.2 Data Flow Diagram Level 0 ........................................ 15
3.3.3 DFD Level 1 Proses Pemesanan .................................. 16
3.3.4 DFD Level 1 Proses Manajemen Pemesanan .............. 17
3.4 Perancangan Database ......................................................... 18
3.5 ERD (Entity Relationship Diagram) .................................... 21
3.6 Relasi Antar Tabel ............................................................... 22
3.7 Rancangan Desain Halaman ................................................ 23
3.7.1 Halaman Utama User .................................................. 23
3.7.2 Halaman Admin .......................................................... 24
BAB IV IMPLEMENTASI DAN ANALISIS ........................................ 26
4.1 Implementasi Aplikasi ......................................................... 26
4.1.1 Koneksi PHP ke MySQL ............................................. 26
4.1.2 Implementasi Penggunaan Session .............................. 26
4.1.3 Implementasi Cara Penanganan Form ......................... 27
4.1.4 Implementasi Structured Query Language .................. 28
4.1.5 Implementasi Upload File ........................................... 29
4.2 Screenshot Aplikasi dan Penjelasan ..................................... 30
BAB V PENUTUP ............................................................................... 54
5.1 Kesimpulan ........................................................................ 54
5.1 Saran .................................................................................. 54
DAFTAR PUSTAKA ............................................................................. 55
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xi
DAFTAR TABEL
Tabel 2.1 Tabel Notasi Simbolik Diagram E-R ........................................ 10
Tabel 3.1 Tabel Admin ............................................................................ 18
Tabel 3.2 Tabel Kota ............................................................................... 18
Tabel 3.3 Tabel Kategori.......................................................................... 18
Tabel 3.4 Tabel Pelanggan ....................................................................... 19
Tabel 3.5 Tabel Pemesanan ...................................................................... 19
Tabel 3.6 Tabel Produk ............................................................................ 20
Tabel 3.7 Tabel Buku Tamu ..................................................................... 20
Tabel 3.8 Tabel Pesan_detail.................................................................... 21
Tabel 3.9 Tabel Konfirmasi ..................................................................... 21
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xii
DAFTAR GAMBAR
Gambar 2.1 Contoh entity luar ................................................................. 10
Gambar 2.2 Simbol aliran data ................................................................. 11
Gambar 2.3 Simbol proses ....................................................................... 11
Gambar 2.4 Simbol berkas ....................................................................... 11
Gambar 3.1 Context Diagram Toko Online Kerajinan Kayu .................... 14
Gambar 3.2 DFD Level 0 Toko Online Kerajinan Kayu ........................... 15
Gambar 3.3 DFD Level 1 proses pemesanan ............................................ 16
Gambar 3.4 DFD Level 1 proses manajemen pemesanan .......................... 17
Gambar 3.5 ERD Toko Online Kerajinan Kayu ....................................... 22
Gambar 3.6 Relasi Antar Tabel ................................................................ 22
Gambar 3.7 Rancangan Halaman Utama User ......................................... 23
Gambar 3.8 Rancangan Halaman Login Admin ........................................ 24
Gambar 3.9 Rancangan Halaman Utama Admin ...................................... 24
Gambar 4.1 Halaman Utama .................................................................... 30
Gambar 4.2 Halaman Daftar Produk ........................................................ 31
Gambar 4.3 Alert stok barang habis ......................................................... 32
Gambar 4.4 Halaman Daftar Pelanggan ................................................... 32
Gambar 4.5 Halaman Keranjang Belanja ................................................. 33
Gambar 4.6 Halaman Transaksi Kota Pengiriman .................................... 34
Gambar 4.7 Halaman Transaksi Jumlah Pembayaran ............................... 35
Gambar 4.8 Halaman Cara Pembelian ...................................................... 36
Gambar 4.9 Halaman Buku Tamu ............................................................ 37
Gambar 4.10 Halaman Konfirmasi Pembeli ............................................. 38
Gambar 4.11 Halaman Login Admin ....................................................... 38
Gambar 4.12 Halaman Utama Admin ...................................................... 39
Gambar 4.13 Halaman Update Produk ..................................................... 40
Gambar 4.14 Halaman Edit Produk .......................................................... 41
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiii
Gambar 4.15 Halaman Hapus Produk ...................................................... 42
Gambar 4.16 Halaman Tambah Produk ................................................... 43
Gambar 4.17 Halaman Update Kota ........................................................ 44
Gambar 4.18 Halaman Edit Kota ............................................................ 45
Gambar 4.19 Halaman Hapus Kota ......................................................... 45
Gambar 4.20 Halaman Tambah Kota ...................................................... 46
Gambar 4.21 Halaman Update Kategori ................................................... 47
Gambar 4.22 Halaman Edit Kategori ....................................................... 47
Gambar 4.23 Halaman Hapus Kategori .................................................... 48
Gambar 4.24 Halaman Tambah Kategori ................................................. 48
Gambar 4.25 Halaman Pelanggan ............................................................ 49
Gambar 4.26 Halaman Daftar Pelanggan ................................................. 50
Gambar 4.27 Cetak Data Pelanggan ......................................................... 50
Gambar 4.28 Halaman Pemesanan ........................................................... 51
Gambar 4.29 Halaman Konfirmasi Pemesanan......................................... 52
Gambar 4.30 Halaman Kategori ............................................................... 53
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iv
ABSTRACT
Ike Istiqomah. 2011. The Making of Online Store Application Woodcraft, Diploma Degree Computer Science, Informatics Management, Science and Mathematics Faculty, Sebelas Maret University of Surakarta.
The author would like to develop sales and marketing of wooden handicrafts in a broader scope. For it was made a wooden craft online store application using PHP and HTML programming language with the MySQL DBMS.
The research method in collecting data used was observation by observing the existing sales system, the method of direct interviews with business owners woodcraft and literature study by collecting data from reading books and internet related problems that made the object of research.
Online store application woodcraft has two pages, they are the user’s and administrator’s pages. On the page the user has seven menus and menu admin page has five. Online store application woodcraft can be used as media sales and marketing products. So that makes it easy for buyers to make purchases, payments and have a target market of products within the scope of the wider region.
Keywords : application, woodcraft, online store, PHP
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
v
ABSTRAK
Ike Istiqomah. 2011. PEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU. Program DIII Ilmu Komputer, Manajemen Informatika. Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret Surakarta.
Penulis ingin mengembangkan penjualan dan pemasaran kerajinan kayu dalam lingkup yang lebih luas. Untuk itu dibuatlah sebuah aplikasi toko online kerajinan kayu menggunakan bahasa pemrograman PHP dan HTML dengan DBMS MySQL.
Metode penelitian pengumpulan data yang digunakan adalah observasi dengan mengamati sistem penjualan yang sudah berjalan, metode wawancara langsung dengan pemilik usaha kerajinan kayu dan studi pustaka dengan mengumpulkan data dari membaca buku dan internet yang berhubungan dengan masalah yang dijadikan objek penelitian.
Aplikasi toko online kerajinan kayu mempunyai dua halaman, yaitu halaman user dan halaman admin. Pada halaman user memiliki tujuh menu dan halaman admin memiliki lima menu. Aplikasi toko online kerajinan kayu dapat dijadikan sebagai media penjualan dan pemasaran produk. Sehingga memberikan kemudahan bagi pembeli dalam melakukan pembelian, pembayaran dan memiliki target pasar produk dalam lingkup daerah yang lebih luas.
Kata kunci : aplikasi, kerajinan kayu, toko online, PHP
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vi
MOTTO
“Berbuat sebaik“Berbuat sebaik“Berbuat sebaik“Berbuat sebaik----baiknya seakanbaiknya seakanbaiknya seakanbaiknya seakan----akan besok hari akhir, tapi semangat akan besok hari akhir, tapi semangat akan besok hari akhir, tapi semangat akan besok hari akhir, tapi semangat
haruslah tidak boleh lemah sedikitpun”.haruslah tidak boleh lemah sedikitpun”.haruslah tidak boleh lemah sedikitpun”.haruslah tidak boleh lemah sedikitpun”.
“Berjuanglah kamu dalam keadaan ringan atau berat, dan berjihadlah dengan harta dan dirimu dijalan Allah. Yang demikian itu adalah lebih baik bagimu jika kamu mengetahui”. (Q.S. At Taubah 41)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vii
PERSEMBAHAN
Karya ini kupersambahkan untuk :
• Ayah dan Bunda yang mendukung saya selama ini
• Adik yang membuat saya semangat hingga tugas
akhir ini
• Teman-teman (Bayu, Ilyas, Ary) yang telah
membantuku dalam penyelesaian tugas akhir ini
• Zanik, Dini dan Ferdia yang memberikan dukungan,
terima kasih atas persahabatan kalian selama ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
viii
KATA PENGANTAR
Assalamu’alaikum Wr. Wb.
Alhamdulillahi robbil alamin, puji syukur kehadirat Allah SWT atas
segala rahmat dan hidayahNya, sehingga penulis dapat menyelesaikan penulisan
laporan Tugas Akhir ini dengan judul PEMBUATAN APLIKASI TOKO
ONLINE KERAJINAN KAYU.
Pembuatan Laporan Tugas Akhir ditujukan untuk memenuhi persyaratan
kelulusan Diploma III (D3) Ilmu Komputer bidang minat Manajemen Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret
Surakarta.
Dalam kesempatan ini, penulis mengucapkan terimakasih kepada semua
pihak yang telah membantu dalam penyelesaian laporan tugas akhir ini, antara
lain :
1. Drs. YS. Palgunadi, M.Sc., selaku Ketua Program Diploma III Teknik
Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sebelas Maret Surakarta.
2. Mohtar Yunianto,M.Si selaku dosen pembimbing yang telah
memberikan pengarahan dalam penyusunan tugas akhir ini.
3. Ayah Bunda, dan adik yang selalu memberi dukungan tiada henti.
4. Teman–teman D3 Ilmu Komputer, yang pantang menyerah dan selalu
meluangkan waktu untuk membantu menyelesaikan kesulitan yang
dihadapi penulis.
Semoga amal dan kebaikan kita semua dibalas dengan nikmatNya yang
tiada henti dan mudah-mudahan selalu diberikan ridhoNya.
Laporan tugas akhir ini masih jauh dari sempurna sehingga kritik dan
saran yang membangun sangat diharapkan . Terima kasih
Wassalamualaikum Wr. Wb.
Sragen, Juli 2011
Penulis
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Berawal dari melihat keadaan sekitar yang memiliki usaha kayu dan kayu itu
bisa dibuat kerajinan sebagai furniture, maka penulis ingin mengetahui bagaimana
penjualan dan pemasaranya. Selama proses pemasarannya, publikasi dilaksanakan
melalui mouth by mouth, maka dari itu penulis ingin mengembangkan pemasaran
dan penjualan lebih luas lagi via online. Untuk itu dibuatlah sebuah aplikasi toko
online kerajinan kayu yang digunakan untuk mempermudah proses jual beli dan
pemasaran produk dalam lingkup daerah yang lebih luas.
1.2 Perumusan Masalah
Berdasarkan beberapa uraian latar belakang masalah di atas, maka penulis
merumuskan masalah yaitu, “bagaimana membuat aplikasi toko online kerajinan
kayu untuk pemasaran dan penjualan produk?”
1.3 Batasan Masalah
Batasan masalah yang diambil penulis pada pembuatan aplikasi toko online
kerajinan kayu meliputi admin dapat mengupload, update, edit dan hapus produk,
cetak laporan dan mengkonfirmasi order produk. Sedangkan user dapat mendaftar
sebagai pelanggan, login untuk membeli produk dan memberikan komentar.
1.4 Tujuan Penelitian
Tujuan yang ingin dicapai pada masalah yang dibahas adalah pembuatan
aplikasi toko online kerajinan kayu agar menarik dan tepat guna. Dengan adanya
aplikasi ini diharapkan dapat mempermudah proses jual beli dan pemasaran
produk dalam lingkup daerah yang lebih luas.
1
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
1.5 Manfaat Penulisan Penelitian
Adapun manfaat dari penulisan penelitian ini adalah sebagai berikut.
a. Bagi Penulis
Diharapkan bisa digunakan untuk mengaplikasikan ilmu yang telah
diperoleh diperkuliahan dan membantu pendistribusian sistem penjualan
dalam lingkup yang semakin luas.
b. Bagi Pengguna(User)
Diharapkan bisa menjadi sarana untuk memperoleh informasi
penjualan kerajinan kayu menggunakan transaksi secara online.
1.6 Metodologi Penelitian
1.6.1 Metode Pengumpulan Data
Dalam penelitian tugas akhir ini dilakukan dengan beberapa
metode, yaitu sebagai berikut:
a. Metode Observasi
Metode ini dilakukan dengan cara pengamatan tentang penjualan
yang sudah berjalan, yaitu bagaimana aplikasi sistem penjualan pada
umumnya bekerja.
b. Wawancara
Metode pengumpulan data dengan mengadakan wawancara atau
tanya jawab secara langsung dengan pihak yang terkait dengan
masalah yang diteliti. Dalam hal ini mengadakan wawancara langsung
dengan pemilik usaha kerajinan kayu di desa Godegan. Dengan
metode ini diharapkan dapat diperoleh keterangan yang jelas dan
lengkap sesuai dengan tujuan penelitian.
c. Studi Pustaka
Mengumpulkan data dari membaca buku dan internet yang
berhubungan dengan permasalahan yang dijadikan objek penelitian.
1.6.2 Metode Analisis Sistem
Analisis sistem adalah suatu uraian sistem informasi yang utuh,
yang dibagi menjadi beberapa komponen bagiannya dengan maksud untuk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
mengidentifikasi dan mengevaluasi permasalahan dan hambatan yang
terjadi, serta mengusulkan berbagai macam kebutuhan untuk perbaikan.
1.6.3 Perencanaan Content Sistem
Perencanaan content sistem digunakan untuk menentukan fasilitas-
fasilitas dalam aplikasi agar sistem dapat bekerja dengan maksimal.
1.6.4 Implementasi Sistem
Implementasi sistem merupakan kegiatan memaparkan rancangan
yang telah disusun untuk bisa diwujudkan. Tahapan implementasi sistem
mencakup pengkodean program dan deployment program. Jika semua
tahap berakhir, maka akan sampai pada tahap evaluasi sistem. Evaluasi
sistem adalah menguji dan memastikan bahwa sistem sudah sesuai dengan
alur sistem secara keseluruhan.
1.7 Sistematika Penulisan
Penulisan laporan tugas akhir ini dibagi menjadi beberapa kriteria bab, dimana
setiap kriteria bab memiliki pembahasan yang berbeda, yaitu sebagai berikut:
1. Bab I Pendahuluan
Bab ini membahas tentang latar belakang masalah, perumusan masalah,
batasan masalah, tujuan penelitian, manfaat penulisan, metodologi
penelitian dan sistematika penulisan tugas akhir yang diperlukan dalam
penyelesaian tugas akhir.
2. Bab II Landasan Teori
Bab ini berisi landasan teori yang memuat teori-teori yang menunjang
dalam laporan Tugas Akhir ini, yaitu toko online, World Wide Web,
internet, PHP, SQL, basis data, diagram entity-relationship dan DFD.
3. Bab III Desain dan Perancangan
Berisi langkah-langkah penyelesaian masalah secara umum. Tahapan itu
meliputi perancangan dan desain sistem yang dibangun oleh penulis.
Perancangan dan desain tersebut meliputi pemodelan proses, pemodelan
basis data dan perancangan struktur navigasi.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
4. Bab IV Implementasi
Berisi uraian implementasi perancangan dalam hal kerja sistem yang
menjelaskan dari desain antarmuka sistem.
5. Bab V Penutup
Bab ini berisi kesimpulan dan saran mengenai produk dari tugas akhir
yang telah dibuat.
6. Daftar Pustaka
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
5
BAB II
LANDASAN TEORI
2.1 Tinjauan Pustaka
2.1.1 Toko Online Membangun toko online bukan sekedar menjual barang dagangan melalui
website. Toko online adalah salah satu seni dalam berjualan. Dengan adanya toko
online, penjual dan pembeli bisa melakukan transaksi tanpa harus bertatap muka
secara langsung. Hal ini akan menjadikan transaksi menjadi lebih cepat dan
mudah. Syarat – syarat membangun toko online yang harus diperhatikan. Yang
pertama, toko online adalah toko yang dijalankan berdasarkan unsur saling
percaya. Membangun kepercayaan pelanggan adalah syarat mutlak dalam bisnis
toko online. Selain mengutamakan unsur saling percaya, juga harus membuat
tampilan website toko yang mudah dimengerti calon pembeli. Membangun toko
online yang professional, artinya akan memberikan pelayanan yang professional
ke pelanggan. Syarat lain yang harus dipenuhi dalam membangun toko online
adalah menyediakan metode pembayaran yang fleksibel bagi pelanggan. (Susanto,
Gm 2010)
Menurut (Pramusinto, W 2011), membuat toko online mempunyai
kekurangan dan juga kelebihan, diantaranya :
Kekurangan Toko Online
1. Barang hanya bisa dilihat oleh orang yang mempunyai akses internet
2. Diperlukan keahlian khusus untuk membuat dan mengoperasikan toko
online
3. Harga barang menjadi lebih mahal karena akan dikenakan ongkos kirim ke
tempat pembeli
Kelebihan Toko Online
1. Biaya operasional penjual menjadi lebih murah karena tidak perlu
mengeluarkan biaya untuk sewa tempat dan perlengkapan
2. Bisa dioperasikan dari mana saja dan kapan saja selama ada akses internet
3. Transaksi jual beli menjadi lebih cepat
5
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
6
4. Area pemasaran yang sangat luas, bisa mencapai seluruh dunia.
2.1.2 WWW (World Wide Web)
WWW (World Wide Web) adalah sebuah metode baru yang berjalan didunia
internet yang akhir-akhir ini berkembang dengan cepat. Dengan adanya media ini,
seseorang dapat menciptakan puluhan bahkan ratusan aplikasi yang berjalan
dibawah web. Teknik pembuatan website pun dapat dilakukan dengan beberapa
macam pemrograman maupun nonpemrograman. (Nugroho, B 2004)
2.1.3 Internet
Internet adalah suatu media informasi komputer global yang dapat dikatakan
sebagai teknologi teercanggih abad ini. Dengan internet kita dapat melakukan
semua aktivitas yang sulit dilakukan secara biasa mulai dari menonton, baca
berita, belanja. Secara etimologis, internet berasal dari bahasa inggris, yakni inter
berarti antar dan net berarti jaringan sehingga dapat kita artikan hubungan antar
jaringan.
Internet merupakan suatu media informasi yang berjalan dalam suatu
komputer. Akan tetapi, tidak semua komputer yang ada bisa berhubungan karena
suatu komputer dapat dikatakan sebagai internet jika sudah terhubung dengan
suatu jaringan. Sejarah terciptanya internet dimulai di Amerika, saat itu dalam
keadaan perang. (Nugroho, B 2004)
2.1.4 PHP
PHP merupakan bahasa standar yang digunakan dalam dunia website. PHP
adalah bahasa program yang terbentuk script yang diletakkan didalam server web.
Jika kita lihat dari sejarah , mulanya PHP diciptakan dari ide Rasmus Lerdof yang
membuat sebuah script perl. Script tersebut sebenarnya dimaksudkan untuk
digunakan sebagai program untuk dirinya sendiri. Akan tetapi, kemudian
dikembangkan lagi sehingga menjadi sebuah bahasa yang disebut “Personal
Home Page”. Inilah awal mula munculnya PHP sampai saat ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
7
PHP adalah program yang fleksibel, artinya script-script PHP dapat
dituliskan pada sela-sela tag HTML. Karena PHP memiliki sifat yang dapat
berkonteraksi dengan program lain, maka kita tidak usah bingung-bingung dalam
menuliskan scriptnya. Jadi, kita dapat membuat sebuah program PHP yang
didalamnya berupa tag-tag HTML murni yang kemudian disisipi script PHP.
Akan tetapi, PHP juga dapat berdiri sendiri sehingga tidak memerlukan HTML
murni untuk meletakan script-scriptnya. Contoh script:
<html>
<head>
<title>Programku yang pertama </title>
</head>
<body>
<?php echo “Aku kepengen menjadi web master” ?>
</body>
</html> (Nugroho, B 2004)
2.1.5 SQL
SQL merupakan kependekan dari Structured Query Language (Bahasa
Query yang terstruktur). Istilah Query Language memang tidak tepat sama
dengan istilah Bahasa Basis Data (Database Language). Bahasa Basis Data
terdiri atas Data Definition Language (DDL) dan Data Manipulation Language
(DML). DDL merujuk pada kumpulan perintah yang dapat digunakan untuk
mendefinisikan objek-objek basis data, seperti membuat sebuah tabel basis data
atau indeks primer/sekunder. Sedang DML mengacu pada kumpulan perintah
yang dapat digunakan untuk melakukan manipulasi data, seperti penyimpanan
data kesuatu tabel, kemudian mengubahnya atau menghapusnya atau hanya
sekedar menampilkannya kembali.
Kendati SQL sendiri merujuk pada Query Language, tidak berarti perintah-
perintah yang menjadi standar hanyalah perintah-perintah yang berhubungan
dengan query data. Selain mencakup DML, SQL juga telah dilengkapi dengan
berbagai perintah yang tergolong DDL dan perintah kontrol transaksi (transaction
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
8
control). Pada sejumlah perintah kita harus lebih dulu menguasai beberapa aspek
yang berkaitan dengan Query Processing, Security, Integrity.
Sebuah ekspresi SQL dasar sebenarnya hanya terdiri atas 3 klausa yaitu
select, from dan where:
1.Klausa select digunakan untuk menetapkan daftar atribut (field) yang diinginkan
sebagai hasil query.
2.Klausa from digunakan untuk menetapkan tabel (atau gabungan tabel) yang
akan ditelusuri selama query data dilakukan.
3.Klausa where, yang sifatnya opsional, digunakan sebagai predikat (kriteria)
yang harus dipenuhi dalam memperoleh hasil query. (Fathansyah, 2007)
2.1.6 Basis Data
Menurut Fathansyah (2007), Basis Data terdiri atas 2 kata, yaitu Basis dan
Data. Basis kurang lebih dapat diartikan sebagai markas atau gudang, tempat
bersarang/berkumpul. Sedangkan Data adalah representasi fakta dunia nyata yang
mewakili suatu objek. Tujuan awal dan utama dalam pengelolaan data dalam
sebuah basis data adalah agar kita dapat memperoleh, menemukan kembali data
(yang kita cari) dengan mudah dan cepat. Secara lebih lengkap, pemanfaatan basis
data dilakukan untuk memenuhi sejumlah tujuan (objektif) seperti berikut ini:
1. Kecepatan dan Kemudahan (Speed)
Pemanfaatan basis data untuk dapat menyimpan data atau melakukan
perubahan/manipulasi terhadap data atau menampilkan kembali data tersebut
dengan lebih cepat dan mudah, daripada kita menyimpan data secara manual.
2. Efisiensi Ruang Penyimpanan (Space)
Dengan basis data, efisiensi/optimalisasi penggunaan ruang penyimpanan dapat
dilakukan, karena kita dapat melakukan penekanan jumlah redundansi data,
baik dengan menerapkan sejumlah pengkodean atau dengan membuat relasi
antar kelompok data yang saling berhubungan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
3. Keakuratan (Accuracy)
Pemanfaatan pengkodean atau pembentukan relasi antar data bersama dengan
penerapan aturan/batasan (constraint) tipe data, sangat berguna untuk menekan
ketidakakuratan pemasukan/penyimpanan data.
4. Ketersediaan (Availability)
Untuk mengakomodasi kebutuhan kelengkapan data yang semakin
berkembang, maka kita tidak hanya dapat menambah record-record data, tetapi
juga dapat melakukan perubahan struktur dalam basis data.
5. Kelengkapan (Completeness)
Data yang sudah jarang atau bahkan tidak pernah lagi kita gunakan, dapat kita
atur untuk dilepaskan dari sistem basis data yang sedang aktif baik dengan cara
penghapusan atau dengan memindahkannya ke media penyimpanan.
6. Keamanan (Security)
Untuk sistem yang besar dan serius, aspek keamanan dapat diterapkan dengan
ketat. Dengan begitu, kita dapat menentukan siapa-siapa (pemakai) yang boleh
menggunakan basis data beserta objek-objek didalamnya dan menentukan jenis
operasi apa saja yang boleh dilakukan.
7. Kebersamaan Pemakaian (Sharability)
Pemakai basis data seringkali tidak terbatas pada satu pemakai saja, atau di satu lokasi saja atau oleh satu sistem/aplikasi saja.
2.1.7 Diagram Entity-Relationship (Diagram E-R)
Menurut Fathansyah (2007), Model Entity-Relationship yang berisi
komponen Himpunan Entitas dan Himpunan Relasi yang masing-masing
dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta dari’dunia
nyata’ yang kita tinjau, dapat digambarkan dengan lebih sistematis dengan
menggunakan Diagram Entity-Relationship(Diagram E-R). Notasi-notasi simbolik
didalam Diagram E-R yang dapat kita gunakan adalah:
1. Persegi panjang, menyatakan Himpunan Entitas
2. Lingkaran/Elip, menyatakan Atribut (Atribut yang berfungsi sebagai key
digarisbawahi)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
3. Belah Ketupat, menyatakan Himpunan Relasi
4. Garis, sebagai penghubung antara Himpunan Relasi dengan Himpunan Entitas
dan Himpunan Entitas dengan Atributnya
5. Kardinalitas Relasi dapat dinyatakan dengan banyaknya garis cabang atau
dengan pemakaian angka (1 dan 1 untuk relasi satu ke satu, dan N untuk relasi
satu ke banyak atau N dan N untuk relasi banyak ke banyak).
Tabel 2.1 Notasi Simbolik Diagram E-R
Simbol Nama Simbol Nama
2.1.8 DFD
DFD adalah suatu model logika data atau proses yang dibuat untuk
menggambarkan darimana asal data dan kemana tujuan data yang keluar dari
sistem, antara data yang tersimpan dan proses yang dikenakan pada data tersebut
(Kristanto, A 2003). DFD menggambarkan penyimpanan data dan proses yang
mentransformasikan data. DFD menunjukan hubungan antara data pada sistem
dan proses pada sistem. Simbol DFD yang dipakai untuk menggambarkan data
beserta proses transformasi data antara lain:
A. Entity luar
Entity luar digambarkan dengan simbol persegi biasa. Entity luar merupakan
sumber atau tujuan dari aliran data dari atau ke sistem. Entity luar merupakan
lingkungan luar sistem, jadi sistem tidak tahu menahu mengenai apa yang
terjadi di entity luar. Perhatikan Gambar Berikut ini:
Gambar 2.1 Contoh entity luar
A Agen
K Konsumen
E R
a
Himpunan entitas E
Himpunan Relasi R
Atribut a sebagai key
Link
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
B. Aliran Data
Menggambarkan aliran data dari satu proses ke proses lainnya. Adapun
symbol dari aliran data bentuk garisnya boleh bebas yaitu sebagai berikut:
Gambar 2.2 Simbol aliran data
C. Proses
Proses atau fungsi yang mentransformasikan data secara umum digambarkan
dengan lingkaran, seperti pada gambar berikut ini:
Gambar 2.3 Simbol proses
D. Berkas atau tempat penyimpanan
Merupakan komponen yang berfungsi untuk menyimpan data atau file. Simbol
dari berkas ini dapat digambarkan dengan segi empat terbuka dan
penggambarannya adalah sebagai berikut:
Gambar 2.4 Simbol berkas
(Kristanto, A 2003).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
BAB III
DESAIN DAN PERANCANGAN
3.1 Analisis Kebutuhan
3.1.1 Kebutuhan Hardware
3.1.1.1 Kebutuhan hardware untuk pembuatan
Hardware minimum untuk pembuatan Aplikasi Toko Online Kerajinan
Kayu adalah dengan spesifikasi sebagai berikut :
a. Processor.
Processor yang digunakan untuk pembuatan aplikasi ini processor Intel
Pentium.
b. Memory.
Memory yang digunakan dalam pembuatan aplikasi ini RAM 1 GB.
c. Harddisk.
Harddisk yang digunakan dalam pembuatan aplikasi ini 160 GB.
3.1.1.2 Kebutuhan hardware untuk menjalankan
Hardware minimum untuk menjalankan Aplikasi Toko Online Kerajinan
Kayu adalah dengan spesifikasi sebagai berikut :
a. Processor.
Processor yang digunakan untuk menjalankan aplikasi ini processor Intel
Pentium 4.
b. Memory.
Memory yang digunakan untuk menjalankan aplikasi ini RAM 512 MB
c. Harddisk.
Harddisk yang digunakan untuk menjalankan aplikasi ini 1 GB.
3.1.2 Kebutuhan Software
3.1.2.1 Kebutuhan software untuk pembuatan
Software yang diperlukan dalam pembuatan Aplikasi Toko Online
Kerajinan Kayu adalah:
12
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
13
a. Sistem Operasi.
Pembuatan aplikasi ini memerlukan Sistem Operasi Windows karena aplikasi
ini merupakan yang berbasis Windows, disarankan minimal menggunakan
Windows XP.
b. Macromedia Dreamweaver merupakan sebuah HTML editor profesional
untuk mendesain secara visual dan mengelola situs web maupun halaman
web. Perangkat lunak ini digunakan sebagai editor script dalam pembuatan
website dengan menggunakan bahasa pemrograman web, yaitu PHP dan
HTML.
c. Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misalnya
Internet Explorer dan Mozilla Firefox. Digunakan untuk mengecek jalannya
aplikasi sistem informasi tersebut.
d. Web Server yaitu XAMPP yaitu server yang melayani permintaan aplikasi
web. XAMPP merupakan tool yang menyediakan paket perangkat lunak ke
dalam satu buah paket. Dengan menginstal XAMPP maka tidak perlu lagi
melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL
secara manual.
3.1.2.2 Kebutuhan software untuk menjalankan
Software yang diperlukan untuk menjalankan Aplikasi Toko Online
Kerajinan Kayu adalah sebagai berikut :
a. Sistem Operasi.
Untuk menjalankan aplikasi ini memerlukan Sistem Operasi Windows karena
aplikasi ini merupakan yang berbasis Windows, disarankan minimal
menggunakan Windows XP.
b. Aplikasi web adalah jenis aplikasi yang diakses melalui browser, misalnya
Internet Explorer dan Mozilla Firefox. Digunakan untuk mengecek jalannya
aplikasi sistem informasi tersebut.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
14
3.2 Deskripsi Umum Sistem
Dalam pembuatan aplikasi toko online kerajinan kayu ini, sistem dirancang
dan dibuat dengan tujuan untuk mempermudah jual beli dan pemasaran produk
kerajinan kayu. Isi dari aplikasi ini meliputi home, daftar produk, daftar
pelanggan, keranjang belanja, cara pembelian, buku tamu dan konfirmasi
pembelian. User bisa login dengan nama dan password yang telah dibuat pada
saat mendaftar sebagai pelanggan. Admin dapat mengupload, update, edit dan
hapus produk serta mengkonfirmasi order produk.
3.3 Perancangan Aplikasi
Perancangan sistem bertujuan untuk menentukan rancangan aplikasi toko
online kerajinan kayu. Dalam perancangan aplikasi ini menjelaskan langkah-
langkah pembuatan alur fungsi dan proses yang ada dalam aplikasi toko online
kerajinan kayu. Hal ini akan dibutuhkan untuk pedoman implementasi.
3.3.1 Context Diagram
Context Diagram memperlihatkan masukan, proses dan keluaran dari
sistem yang akan dirancang dan dibuat. Hal pertama yang dilakukan adalah
membuat context diagram yang dibuat sebagai dasar perancangan, seperti gambar
3.1 dari context diagram, selanjutnya diturunkan menjadi DFD level 0 yang dapat
menjelaskan proses-proses yang terdapat didalam sistem.
Gambar 3.1 Context Diagram Toko Online Kerajinan Kayu
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
15
3.3.2 Data Flow Diagram (DFD) Level 0
DFD level 0 merupakan rincian dari proses-proses yang terjadi didalam
sistem. Pada gambar 3.2 dapat dilihat proses utama yang ada didalam sistem,
yaitu daftar, login, pemesanan, manajemen pelanggan, pemesanan, manajemen
pemesanan dan buku tamu. Pada DFD level 0 memiliki 3 entity yaitu admin,
pengunjung dan pelanggan. Sedangkan data storagenya ada 7, yaitu admin,
pelanggan, produk, pemesanan, kategori, pesan_detail dan bukutamu. Diagram
berikut ini adalah gambar 3.2 DFD level 0 dari sistem yang dibuat.
Gambar 3.2 DFD Level 0 Toko Online Kerajinan Kayu
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
16
3.3.3 Data Flow Diagram (DFD) Level 1 Proses Pemesanan
Gambar 3.3 DFD Level 1 proses pemesanan
DFD level 1 proses pemesanan diatas terdiri dari 2 entity, 4 proses dan 4 data
storage yaitu:
1. Entity meliputi :
a. Admin
b. Pelanggan
2. Proses meliputi :
a. Pilih Produk
b. Cek Keranjang Belanja
c. Konfirmasi Data
d. Pembayaran
3. Data Storage yang digunakan meliputi:
a. File data kategori, digunakan untuk menyimpan data produk
berdasarkan kategori yang ada di dalam database, yaitu almari, kursi
tamu, meja makan, jam hias, tempat tidur.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
17
b. File data produk, digunakan untuk menyimpan definisi produk yang
dijual.
c. File pesan_detail, digunakan untuk menyimpan produk apa yang
dipesan dan berapa jumlah produk yang dipesan.
d. File pemesanan, digunakan untuk merekap data pemesanan yang telah
dilakukan.
3.3.4 Data Flow Diagram (DFD) Level 1 Proses Manajemen Pemesanan
Gambar 3.4 DFD Level 1 proses manajemen pemesanan
DFD level 1 proses manajemen pemesanan diatas terdiri dari 1 entity, 3
proses dan 3 data storage yaitu:
1. Entity meliputi :
a. Admin
2. Proses meliputi :
b. Konfigurasi kategori
c. Konfigurasi produk
d. Konfigurasi pesan_detail
3 Data Storage yang digunakan meliputi:
a. Kategori
b. Produk
c. Pesan_detail
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
18
3.4 Perancangan Database
Dalam pembuatan sistem penjualan kerajinan kayu diperlukan adanya suatu
basis data yang digunakan untuk tempat menyimpan seluruh informasi dan data.
Perancangan untuk sistem penjualan kerajinan kayu adalah sebagai berikut :
1. Tabel Admin
Tabel admin berfungsi menyimpan data administrator web administrator
yang ditunjukan pada tabel 3.1 berikut ini:
Tabel 3.1 Admin
Field Type Keterangan
username varchar(20)
password varchar(5)
2. Tabel Kota
Tabel kota berfungsi menyimpan data kota dan ongkos kirim untuk
pengiriman barang. Seperti yang ditunjukan pada tabel 3.2 berikut ini:
Tabel 3.2 Kota
Field Type Keterangan
id_kota varchar(10) Primary key
kota varchar(30)
ongkoskirim int(20)
3. Tabel Kategori
Tabel kategori berfungsi menyimpan data kategori untuk mendefinisikan
produk sesuai kategorinya. Seperti yang ditunjukan pada tabel 3.3 berikut ini.
Tabel 3.3 Kategori
Field Type Keterangan
id_kategori int(10) Primary Key
kategori varchar(20)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
19
4. Tabel Pelanggan
Tabel pelanggan digunakan untuk menyimpan data pelanggan atau
pembeli produk. Data pelanggan meliputi data-data pribadi yang identitasnya juga
digunakan untuk menunjukan pengiriman produk yang sudah dibeli. Seperti yang
ditunjukan pada tabel 3.4 berikut ini.
Tabel 3.4 Pelanggan
Field Type Keterangan
id_pelanggan varchar(20) Primary Key
no_identitas varchar(30)
password varchar(50)
nama varchar(30)
jenis_kelamin varchar(1)
TTL varchar(25)
alamat varchar(100)
kota varchar(30)
email varchar(30)
telepon varchar(12)
5. Tabel Pemesanan
Tabel pemesanan digunakan untuk menyimpan data yang sebelumnya
berada didalam tabel keranjang. Seperti yang ditunjukan pada tabel 3.5 berikut
ini.
Tabel 3.5 Tabel Pemesanan
Field Type Keterangan
id_pesan varchar(50) Primary Key
id_pelanggan varchar(20)
tgl date
id_kota varchar(10)
Status varchar(10) Pesan,Lunas,Kirim
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
20
6. Tabel Produk
Tabel produk digunakan untuk menyimpan data produk apa saja yang
dijual. Seperti yang ditunjukan pada tabel 3.6 berikut ini.
Tabel 3.6 Tabel Produk
Field Type Keterangan
id_produk int(5) Primary Key
nama varchar(30)
kategori varchar(20)
harga int(20)
deskripsi text
gambar text
stok int(5)
7. Tabel Buku Tamu Tabel buku tamu berfungsi menyimpan data komentar. Seperti yang
ditunjukan pada tabel 3.7 berikut ini.
Tabel 3.7 Tabel Buku Tamu Field Type Keterangan
id_bukutamu int(11) Primary Key
nama varchar(30)
email varchar(30)
tanggal date
comment varchar(100)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
21
8. Tabel Pesan_detail
Tabel pesan_detail berfungsi data yang sudah dibeli. Seperti yang
ditunjukan pada tabel 3.8 berikut ini.
Tabel 3.8 Tabel Pesan_detail
Field Type Keterangan
id_pesan varchar(50) Foreign Key
id_produk int(5) Foreign Key
jumlah int(5)
9. Tabel Konfirmasi
Tabel konfirmasi berfungsi untuk mengecek pembayaran dalam transaksi
penjualan. Seperti yang ditunjukan pada tabel 3.9 berikut ini.
Tabel 3.9 Tabel Konfirmasi
Field Type Keterangan
id_pesan varchar(50)
id_konfirmasi int(11) Primary Key
jml_bayar int(20)
bank_asal varchar(20)
rek_asal int(20)
atas_nama varchar(40)
tgl_transfer varchar(10)
3.5 ERD (Entity Relationship Diagram)
Pemodelan data dilakukan dengan menggunakan Model Entity Relationship
(ERD) yang merupakan suatu penyajian data dengan menggunakan Entity dan
Relationship yang bertujuan untuk menunjukkan struktur objek data (entity) dan
hubungan (relationship) yang ada pada objek tersebut. ERD berisi hubungan
diantara tabel-tabel yang diperlukan sebagai database dari sistem yang dibuat.
ERD(Entity Relationship Diagram) dari sistem ini dapat dilihat seperti gambar 3.5
berikut ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
22
Gambar 3.5 ERD Toko Online Kerajinan Kayu
3.6 Relasi Antar Tabel
Relasi yang terjadi antara tabel ditunjukan seperti gambar 3.6 dibawah ini.
Gambar 3.6 Relasi Antar Tabel
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
23
3.7 Rancangan Desain Halaman
3.7.1 Halaman Utama User
Halaman ini merupakan halaman yang dapat diakses oleh user untuk
mendapatkan informasi penjualan kerajinan kayu. User dapat melihat produk,
memberikan komentar dan membeli produk bagi yang sudah terdaftar sebagai
pelanggan. Rancangan halaman utama ditunjukkan pada gambar 3.7
Gambar 3.7 Rancangan Halaman Utama User
Rancangan halaman utama user pada navigasi menu memiliki 7 menu,
yaitu home, daftar produk, daftar pelanggan, keranjang belanja, cara pembelian,
buku tamu dan konfirrmasi pembeli. Isi dari masing-masing menu tersebut
terletak pada content, jadi yang membedakan tampilan menu satu dengan yang
lainnya ada pada bagian content seperti gambar 3.7. Home berisi tampilan
sebagian barang yang dijual, daftar produk menampilkan produk apa saja yang
dijual, daftar pelanggan merupakan tampilan form untuk pengunjung yang ingin
melakukan pendaftaran sebagai pelanggan, keranjang belanja digunakan untuk
menampilkan produk yang telah dipesan oleh pelanggan. Cara pembelian
merupakan petunjuk untuk memberitahukan pada pengunjung maupun pelanggan
dalam melakukan pembelian, rancangan pada halaman buku tamu berisi form
pengisian komentar dan tampilan komentar yang telah ada. Sedangkan konfirmasi
HEADER
FOOTER
Contact
CONTENT
NAVIGASI MENU
Search
Login
Kategori
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
24
pembeli berisi form yang harus diisi pembeli yang telah melakukan pembayaran
terhadap barang yang telah dibeli.
3.7.2 Halaman Admin
Halaman ini merupakan halaman yang dapat diakses oleh Admin yang
memiliki hak dalam mengelola dan mengatur seluruh fasilitas yang ada dalam
aplikasi toko online kerajinan kayu. Admin berhak menginput data, mengedit
data, menghapus data, serta memanajemen pemesanan barang. Rancangan
halaman login admin ditunjukkan pada gambar 3.8 dan gambar 3.9 Rancangan
Halaman Utama Admin
Gambar 3.8 Rancangan Halaman Login Admin
Gambar 3.9 Rancangan Halaman Utama Admin
Gambar 3.9 Rancangan Halaman Utama Admin
HEADER
FOOTER
Navigasi Menu
Contact
Content Search
Kategori
Login Admin
Username
Password
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
25
Rancangan halaman admin seperti pada gambar 3.9 yang memiliki 5
menu, yaitu home, manajemen file, pelanggan, order dan logout. Pada manajemen
file memiliki sub menu produk, kota dan kategori dan menu pelanggan
mempunyai 2 sub menu yaitu lihat pelanggan, daftarkan pelanggan dan cetak data
pelanggan. Semua tampilan halaman admin sama seperti gambar 3.9, yang
membedakan ialah isi dari masing-masing menu terletak pada content.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
26
BAB IV
IMPLEMENTASI
4.1 IMPLEMENTASI APLIKASI
Aplikasi ini memiliki fungsi utama sebagai sistem penjualan berbasis web
kerajinan kayu. Pembuatan aplikasi ini menggunakan kode pemrograman PHP
dan HTML yang berbasis web sehingga pada implementasinya akan bisa
digunakan dimanapun dan kapanpun. DBMS yang digunakan untuk sistem ini
adalah MySql yang memiliki keunggulan dalam hal kecepatan akses data.
4.1.1 Koneksi PHP ke MySQL
Untuk melakukan koneksi, dibutuhkan: Server name, merupakan nama
server atau no.IP server dimana MySQL tersebut diinstall. Username,
merupakan nama user yang diberikan wewenang untuk mengakses database dalam
MySQL. Password, merupakan password yang dimiliki username dalam rangka
autentifikasi. Database name, merupakan nama database dalam MySQL yang ingin
kita akses. Sedangkan perintah PHP untuk melakukan koneksi ke MySQL adalah
<?php
mysql_connect("localhost","root","") or die
(mysql_error());
mysql_select_db('mebel');
?>
Perintah di atas akan menampilkan koneksi ke MySQL sukses apabila
koneksi telah berhasil, sedangkan apabila gagal akan menampilkan pesan
kesalahan.
4.1.2 Implementasi Penggunaan Session
Dengan session, data dapat disimpan dan selanjutnya dapat diakses di
beberapa halaman web. Penggunaan session sering diterapkan pada aplikasi web
yang bersifat multiuser. Sebelum menyimpan data dalam session, terlebih dahulu
26
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
harus memulai session. Secara implementasi dapat dilihat seperti contoh dibawah
ini:
<?php
session_start();
if (!isset($_SESSION['id']))
{
echo "<link href=mebel.css rel=stylesheet
type=text/css />
<br><br><br><br><br><br><br><br><br><br><h2
align=center>◊ Anda belum login ◊</h2>";
exit;
}
?>
<?php
session_start();
// menghapus session
session_destroy();
header('location:index_admin.php');
?>
Biasanya menghapus data session yang terkait dengan username
diterapkan pada proses logout. Dengan proses logout, maka username yang telah
tersimpan dalam session akan terhapus. Pada perintah diatas terdapat lebih dari
satu session dan ingin dihapus semuanya, maka menggunakan perintah
session_destroy();
4.1.3 Implementasi Cara Penanganan Form
Untuk merancang sebuah form inputan, setidaknya ada 3 hal penting yaitu:
1. Method
Method dari sebuah form menentukan bagaimana data inputan
form dikirim. Method ini ada 2 macam, yaitu get dan post.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
2. Action
Action dari sebuah form menentukan dimana data inputan dari
form proses.
3. Submit Button
Submit button merupakan sebuah tombol yang berfungsi sebagai
trigger pengiriman data dari inputan.
Program menampilkan form inputan dengan method POST dapat dilihat
seperti script dibawah ini:
<?php include('koneksi.php');?>
<form enctype="multipart/form-data"
action="prosesREG_pelanggan.php" method="post">
<tr>
<td width="187">Nama</td>
<td>: </td>
<td><span id="sprytextfield1">
<label>
<input type="text" name="nama" size="30"/>
</label>
</tr>
<td colspan="3" align="center"><input type="submit"
name="button" id="button" value="DAFTAR" /></td>
Proses pengolahan form dilakukan di halaman yang terpisah dengan form
inputannya. Dari contoh script diatas value pada atribut action diisi
prosesREG_pelanggan.php yang merupakan alamat halaman tempat proses
pengolahan form.
4.1.4 Implementasi Structured Query Language
Insert merupakan salah satu perintah dalam SQL yang digunakan untuk
menambahkan sebuah record kedalam tabel. Implementasi dapat dilihat sebagai
berikut:
mysql_select_db(mebel) or die(mysql_error());
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
mysql_query("INSERT INTO kota (id_kota, kota,
ongkos_kirim)VALUES('$id_kota','$kota','$ongkos_ki
rim')") or die (mysql_error());
Proses update bisa sewaktu-waktu dilakukan jika terdapat data atau record
dalam suatu tabel yang perlu diperbaiki. Proses update tidak menambahkan data
baru tetapi memperbaiki data yang lama. Implementasi untuk mengupdate data
seperti perintah dibawah:
updateSQL = sprintf("UPDATE kategori SET
kategori=%s WHERE id_kategori=%s",
GetSQLValueString($_POST['kategori'], "text"),
GetSQLValueString($_POST['id_kategori'], "text"));
Delete form merupakan perintah dasar untuk menghapus suatu record dari
tabel, produk merupakan nama tabel untuk yang akan dihapus recordnya dan
perintah where diikuti kondisi tertentu yang menentukan record mana yang akan
dihapus. Perintah delete seperti script dibawah ini:
$query = "DELETE FROM produk WHERE id_produk =
'$id_produk'";
4.1.5 Implementasi Upload File
Form inputan upload file dapat menggunakan tag <input> dengan value
atribut TYPE=”FILE”. Maksud dari variabel upload file dibawah ini adalah file
yang sudah diupload ke folder temporary akan dipindahkan(move) kedirektori
yang digunakan menggunakan fungsi move_uploaded_file().
$stor_path = "gambar/";
$uplotgbr=$stor_path.$_FILES['gbruser']['name'];
$_FILES['gbruser']['error'] == 0;
$path_parts =pathinfo($_FILES['gbruser']['name']);
$extension =strtolower($path_parts["extension"]);
$img_filename = $id . "." . $extension;
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
if(move_uploaded_file($_FILES['gbruser']['tmp_name
'],$uplotgbr)){
$namagbr=("gambar/$id.jpg");
rename("$uplotgbr.", "$namagbr");
}
4.2 SCREENSHOT APLIKASI DAN PENJELASAN
Screenshot terhadap aplikasi yang dibuat bisa dilihat melalui desain menu
utama, yang secara garis besar adalah sebagai berikut:
1. Halaman Utama
Pada Halaman utama berisi navigasi menu yaitu home, daftar produk,
daftar pelanggan, keranjang belanja, buku tamu dan konfirmasi pembelian. Selain
itu juga terdapat login untuk pelanggan, cari produk, contact dan melihat kategori
produk yang dijual. Hal ini dapat dilihat pada gambar 4.1 berikut ini.
Gambar 4.1 Halaman Utama
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
2. Halaman Daftar Produk
Daftar produk memberikan informasi data produk apa yang dijual dengan
menampilkan gambar, id produk, nama produk, kategori dan harga. Untuk
membeli barang yang ada didaftar tinggal klik button beli, tetapi harus login
terlebih dahulu menggunakan user dan password pelanggan untuk dapat membeli
barang. Halaman daftar produk dapat dilihat pada gambar 4.2 dibawah ini.
Gambar 4.2 Halaman Daftar Produk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
Jika produk dah divalidasi admin statusnya dikirm,maka otomatis akan
berkurang sesuai dengan produk yang kluar,bila stok 0 atau habis maka jika
button beli diklik akan muncul alert seperti gambar 4.3:
4.3 Alert stok barang habis
3. Halaman Daftar Pelanggan
Pada form daftar pelanggan digunakan pengunjung untuk mengisi data
pendaftaran menjadi pelanggan. Dengan mengisi form daftar pelanggan, maka
data nama dan password bisa digunakan untuk login dan dapat membeli barang.
Halaman daftar pelanggan dapat dilihat pada gambar 4.4 dibawah ini.
Gambar 4.4 Halaman Daftar Pelanggan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
4. Halaman Keranjang Belanja
Pada halaman ini digunakan untuk menampilkan barang apa saja yang
dibeli. Pembeli dapat mengupdate jumlah barang yang dibeli dengan jenis produk
yang sama. Tampilan keranjang belanja dapat dilihat pada gambar 4.5 dibawah
ini.
Gambar 4.5 Halaman Keranjang Belanja
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
Setelah selesai membeli barang maka klik next kemudian akan lanjut ke
halaman transaksi untuk menentukan pilihan kota pengiriman barang seperti
tampilan gambar 4.6 dibawah ini.
Gambar 4.6 Halaman Transaksi Kota Pengiriman
Jika telah memilih kota pengiriman barang maka untuk melanjutkan
transaksi jumlah uang yang harus ditransfer lalu klik next, maka akan masuk ke
halaman transaksi jumlah pembayaran seperti gambar 4.7 . Checkout digunakan
untuk mengakhiri belanja. Lalu pilih logout untuk keluar dari web.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
Gambar 4.7 Halaman Transaksi Jumlah Pembayaran
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
5. Halaman Cara Pembelian
Pada Halaman ini berfungsi untuk memberitahukan pengunjung dan
pelanggan dalam langkah-langkah untuk melakukan pembelian produk. Halaman
ini dapat dilihat pada gambar 4.8 Dibawah ini.
Gambar 4.8 Halaman Cara Pembelian
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
6. Halaman Buku Tamu
Halaman ini berisi form buku tamu yang digunakan untuk memberikan
komentar. Dengan melihat guestbook admin dapat mengetahui komentar yang
telah diberikan oleh user yang mengunjungi web ini.
Gambar 4.9 Halaman Buku Tamu
7. Halaman Konfirmasi Pembeli
Bagi pembeli yang sudah membayar barang yang sudah dibeli, maka
pelanggan dapat mengisi form konfirmasi pembeli. Halaman form ini dapat dilihat
pada gambar 4.10 berikut ini:
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
Gambar 4.10 Halaman Konfirmasi Pembeli
8. Halaman Login Admin
Pertama harus dilakukan adalah login ke dalam sistem dengan username
dan password yang dientry ketika pembuatan sistem melalui basis data secara
langsung. Username ini memiliki jabatan sebagai administrator sistem. Hal ini
dapat dilihat pada gambar 4.11 berikut ini.
Gambar 4.11 Halaman Login Admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
9. Halaman Utama Admin
Jika telah memasukkan username dan password dengan benar maka sistem
akan menampilkan navigasi atau halaman utama admin, navigasi yang muncul
adalah: Home, Manajemen File, Pelanggan, Order dan Logout. Pada bagian kanan
terdapat cari produk yang ingin dilahat dan contact toko kerajinan kayu yang
dapat dihubungi. Apabila tombol Logout diklik maka akan kembali ke halaman
Login seperti pada gambar 4.11 diatas. Navigasi menu dapat dilihat pada gambar
4.12 berikut ini.
Gambar 4.12 Halaman Utama Admin
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
10. Halaman Manajemen File
Halaman ini memiliki sub menu produk (update, hapus dan tambah
produk), kota (update, hapus, tambah kota) dan kategori (update, hapus, tambah
kategori). Beberapa sub menu yang terdapat pada manajemen file dapat dilihat
seperti gambar dibawah ini:
Gambar 4.13 Halaman Update Produk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
Untuk mengedit produk dapat diklik edit pada kolom aksi, jika telah
selesai mengganti data produk maka klik buton update record seperti gambar 4.14
dibawah ini.
Gambar 4.14 Halaman Edit Produk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
Pada Halaman hapus produk digunakan untuk menghapus salah satu
produk seperti gambar 4.15 dibawah ini:
Gambar 4.15 Halaman Hapus Produk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
Halaman tambah produk digunakan untuk menambahkan produk dengan
menginputkan data seperti tampilan dibawah ini:
Gambar 4.16 Halaman Tambah Produk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
Halaman update kota berfungsi untuk mengupdate ataupun mengedit kota
yang telah ada. Halaman update dan edit kota dapat dilihat seperti 4.17 dan 4.18
Gambar 4.17 Halaman Update Kota
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
Gambar 4.18 Halaman Edit Kota
Pada Halaman hapus kota digunakan untuk menghapus salah satu kota
seperti gambar 4.19 dibawah ini:
Gambar 4.19 Halaman Hapus Kota
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
Halaman tambah kota digunakan untuk menambahkan kota dengan
menginputkan data seperti tampilan dibawah ini:
Gambar 4.20 Halaman Tambah Kota
Halaman update kategori berfungsi untuk mengupdate ataupun mengedit
kota yang telah ada. Halaman update dan edit kategori dapat dilihat seperti 4.21
dan 4.22 berikut ini:
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
Gambar 4.21 Halaman Update Kategori
Gambar 4.22 Halaman Edit Kategori
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
Gambar 4.23 Halaman Hapus Kategori
Gambar 4.24 Halaman Tambah Kategori
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
11. Halaman Pelanggan
Halaman Pelanggan memiliki sub menu lihat pelanggan dan mendaftarkan
pelanggan. Pada lihat pelanggan digunakan untuk melihat data pelanggan yang
sudah ada pada database. Sedangkan halaman mendaftarkan pelanggan digunakan
untuk mengisi data untuk menjadi pelanggan . Selain itu juga ada menu cetak data
pelanggan dalam bentuk file pdf dan data bisa diprint melalui menu ini.
Gambar 4.25 Halaman Pelanggan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
50
Gambar 4.26 Halaman Daftar Pelanggan
Gambar 4.27 Cetak Data Pelanggan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
51
12. Halaman Order
Pada form order berisi tampilan tabel pemesanan produk yang berisi data
id pesan, id pelanggan, tanggal pesan dan status pemesanan. Untuk mengubah
status pemesan dari pesan, lunas menjadi kirim maka admin dapat klik detail lalu
akan masuk halaman konfirmasi pemesanan. Halaman order dapat dilihat pada
gambar 4.28 berikut ini.
Gambar 4.28 Halaman Pemesanan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
52
Gambar 4.29 Halaman Konfirmasi Pemesanan
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
53
13. Halaman Kategori
Halaman kategori berisi tampilan dari daftar produk yang berdasarkan
kategori yang dipilih. Contoh tampilan kategori almari dapat dilihat pada gambar
4.30
Gambar 4.30 Halaman Kategori
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
54
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan pada aplikasi yang telah dibuat, dapat disimpulkan bahwa telah
berhasil dibuat aplikasi toko online kerajinan kayu untuk pemasaran dan penjualan
produk tanpa harus tatap muka secara langsung. Aplikasi toko online kerajinan kayu
mempunyai 2 halaman, yaitu halaman user dan halaman admin. Pada halaman user
memiliki 7 menu melipui home, daftar produk, daftar pelanggan, keranjang belanja,
buku tamu dan konfirmasi pembelian. Halaman admin mempunyai 5 menu meliputi
home, manajemen, Pelanggan, Order dan logout. Selain itu Aplikasi Toko Online
kerajinan kayu dapat digunakan untuk membantu pelaku usaha dibidang mebel dalam
mendistribusikan produknya dalam lingkup yang lebih luas.
5.2 Saran
Berdasarkan hasil analisis dari aplikasi toko online kerajinan kayu, maka
saran yang disampaikan untuk menjadikan aplikasi yang lebih baik yaitu aplikasi ini
belum menyediakan sistem pembayaran online (pay pal, master card). Sebaiknya
aplikasi toko online ini disertai dengan verifikasi email yang berguna untuk
mengidentifikasi email pengunjung.