1 PPEMBUATAN APLIKASI TOKO ONLINE KERAJINAN KAYU TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli A Madya Program Diplom...
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
commit to user i
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
commit to user ii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
Ketua Program Studi DIII Ilmu Komputer UNS
Dekan Fakultas MIPA UNS
Ir. Ari Handono Ramelan, M.Sc(Hons).,Ph.D NIP. 19610223 198601 1 001
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
commit to user xii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
commit to user xiii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
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
commit to user v
perpustakaan.uns.ac.id
digilib.uns.ac.id
MOTTO
“Berbuat sebaiksebaik-baiknya seakanseakan-akan besok hari akhir, tapi semangat 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)
commit to user vi
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
commit to user vii
perpustakaan.uns.ac.id
digilib.uns.ac.id
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
commit to user viii
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user 1
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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 fasilitasfasilitas 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user 5
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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: Programku yang pertama (Nugroho, B 2004)
2.1.5 SQL SQL merupakan kependekan dari Structured Query Language (Bahasa Query yang terstruktur). Istilah Query Language memang tidak tepat dengan
sama
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 perintahperintah 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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)
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
E
Simbol
Himpunan entitas E
R
Atribut a sebagai key
a
Nama
Himpunan Relasi R
Link
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:
A
K
Agen
Konsumen Gambar 2.1 Contoh entity luar
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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).
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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:
commit to user 12
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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 langkahlangkah 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
username
varchar(20)
password
varchar(5)
Keterangan
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
id_kota
varchar(10)
kota
varchar(30)
ongkoskirim
int(20)
Keterangan
Primary key
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
id_kategori
int(10)
kategori
varchar(20)
Keterangan
Primary Key
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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 id_pelanggan no_identitas
Type varchar(20) varchar(30)
password
varchar(50)
nama jenis_kelamin
varchar(30) varchar(1)
TTL alamat
varchar(25) varchar(100)
kota email
varchar(30) varchar(30)
telepon
varchar(12)
Keterangan Primary Key
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
id_pesan
varchar(50)
id_pelanggan
varchar(20)
tgl
date
id_kota
varchar(10)
Status
varchar(10)
Keterangan
Primary Key
Pesan,Lunas,Kirim
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
id_produk
int(5)
nama
varchar(30)
kategori
varchar(20)
harga
int(20)
deskripsi
text
gambar
text
stok
int(5)
Keterangan
Primary Key
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)
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
HEADER NAVIGASI MENU
Search Login
CONTENT
Kategori
Contact
FOOTER 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
Login Admin Username Password
Gambar 3.8 Rancangan Halaman Login Admin
HEADER Navigasi Menu
Content Gambar Search 3.9 Rancangan Halaman Utama Admin Kategori
Contact
FOOTER Gambar 3.9 Rancangan Halaman Utama Admin
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
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
commit to user 26
perpustakaan.uns.ac.id
digilib.uns.ac.id 27
harus memulai session. Secara implementasi dapat dilihat seperti contoh dibawah ini:
◊ Anda belum login ◊
"; exit; } ?> 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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:
enctype="multipart/form-data"
action="prosesREG_pelanggan.php" method="post">
Nama
:
<span id="sprytextfield1">
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());
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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 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;
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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.
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 35
Gambar 4.7 Halaman Transaksi Jumlah Pembayaran
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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:
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 42
Pada Halaman hapus produk digunakan untuk menghapus salah satu produk seperti gambar 4.15 dibawah ini:
Gambar 4.15 Halaman Hapus Produk
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 43
Halaman tambah produk digunakan untuk menambahkan produk dengan menginputkan data seperti tampilan dibawah ini:
Gambar 4.16 Halaman Tambah Produk
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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:
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 47
Gambar 4.21 Halaman Update Kategori
Gambar 4.22 Halaman Edit Kategori
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 48
Gambar 4.23 Halaman Hapus Kategori
Gambar 4.24 Halaman Tambah Kategori
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 50
Gambar 4.26 Halaman Daftar Pelanggan
Gambar 4.27 Cetak Data Pelanggan
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 52
Gambar 4.29 Halaman Konfirmasi Pemesanan
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id 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
commit to user
perpustakaan.uns.ac.id
digilib.uns.ac.id
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.
