tugas akhir · web viewlembar pernyataan keaslian tugas akhir yang bertanda tangan di bawah ini:...
TRANSCRIPT
PEMBUATAN WEBSITE E-COMMERCE ANUGRAH MUSIK
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)
Eka Aria Yogaswara
NIM: 12127301
Program Studi Manajemen Informatika
Akademi Manajemen Informatika dan Komputer “BSI Bandung”
Bandung
ix
2015
v
LEMBAR PERNYATAAN KEASLIAN TUGAS AKHIR
Yang bertanda tangan di bawah ini:
Nama:Eka Aria Yogaswara
NIM:12127301
Program Studi:Manajemen Informatika
Perguruan Tinggi:AMIK Bina Sarana Informatika
Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul: “Pembuatan Website E-commerce Toko Anugrah Musik”, adalah asli (orsinil) atau tidak plagiat (menjiplak) dan belum pernah diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun.
Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksanaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa tugas akhir yang telah saya buat adalah hasil karya milik seseorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari Akademi Manajemen Informatika & Komputer Bina Sarana Informatika dicabut/dibatalkan.
Dibuat di : Bandung
Pada tanggal: 6 Agustus 2015
Yang menyatakan,
Eka Aria Yogaswara
LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS
Yang bertanda tangan di bawah ini, saya:
Nama: Eka Aria Yogaswara
NIM: 12127301
Program Studi:Manajemen Informatika
Perguruan Tinggi:AMIK Bina Sarana Informatika
Dengan ini menyetujui untuk memberikan ijin kepada pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul: “Pembuatan Website E-commerce Toko Anugrah Musik”, beserta perangkat yang diperlukan (apabila ada).
Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika berhak menyimpan, mengalih-media atau format-kan, mengelolaannya dalam pangkalan data (database), mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari kami selama tetap mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut.
Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini.
Demikian pernyataan ini saya buat dengan sebenarnya.
Dibuat di : Bandung
Pada tanggal: 6 Agustus 2015
Yang menyatakan,
Eka Aria Yogaswara
LEMBAR PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR
Tugas Akhir ini diajukan oleh:
Nama: Eka Aria Yogaswara
NIM: 12127301
Program Studi : Manajemen Informatika
Jenjang: Diploma Tiga (D.III)
Judul Tugas Akhir: Pembuatan Website E-commerce Toko Anugrah Musik
Untuk dipertahankan pada pariode I-2015 dihadapan penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya (A.Md) pada Program Diploma Tiga (D.III) Jurusan Manajemen Informatika di Akademi Manajemen Informatika & Komputer Bina Sarana Informatika.
Bandung, .. .... 2015
PEMBIMBING TUGAS AKHIR
Pembimbing :Dr. Doni Purnama Alam Syah, MM, M.Kom .......................
Pembimbing II:Fitriyani, ST.,M.Kom.....................
D E W A N P E N G U J I
Penguji I: Mulyadi M.kom..............................
Penguji II:Indra SN. ST..............................
LEMBAR PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR
Tugas Akhir ini diajukan oleh:
Nama: Eka Aria Yogaswara
NIM: 12127301
Program Studi : Manajemen Informatika
Jenjang: Diploma Tiga (D.III)
Judul Tugas Akhir: Pembuatan Website E-Commerce Toko Anugrah Musik
Telah dipertahankan pada pariode I-2015 dihadapan penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya (A.Md) pada Program Diploma Tiga (D.III) Jurusan Manajemen Informatika di Akademi Manajemen Informatika & Komputer Bina Sarana Informatika.
Bandung, 1 September 2015
PEMBIMBING TUGAS AKHIR
Pembimbing :Dr. Doni Purnama Alam Syah, MM, M.Kom .......................
Pembimbing II:Fitriyani, ST.,M.Kom.....................
D E W A N P E N G U J I
Penguji I: Mulyadi M.kom..............................
Penguji II:Indra SN. ST..............................
LEMBAR KONSULTASI TUGAS AKHIR
AKADEMI MANAJEMEN INFORMATIKA & KOMPUTER
BINA SARANA INFORMATIKA
· N I M: 12127301
· Nama Lengkap: Eka Aria yogaswara
· Dosen Pembimbing: Dr. Doni Purnama Alam Syah, MM, M.Kom.
· Judul Tugas Akhir: Pembuatan Website E-Commerce Anugrah
Musik
No
Tanggal Bimbingan
Pokok Bahasan
Paraf dosen
Pembimbing
1.
20-04-2015
Konsep E-commerce alat musik
2.
30-04-2015
BAB I Revisi, latar belakang minimal 3-4 lembar dan ruang lingkup
3.
12-06-2015
BAB II Revisi, cara mengutip dan penulisan
4.
29-07-2015
Revisi BAB III dan BAB IV, penulisan dan struktur navigasi
5.
30-07-2015
Revisi BAB III dan BAB IV, penulisan dan struktur navigasi
6.
06-08-2015
Pengajuan keseluruhan BAB, revisi keseluruhan penulisan BAB
Bimbingan Tugas Akhir
· Dimulai pada tanggal: 06 April 2015
· Diakhiri pada tanggal: 07 Agustus 2015
· Jumlah pertemuan bimbingan: 6 Pertemuan
Disetujui oleh,
Dosen Pembimbing
[Dr. Doni Purnama Alam Syah, MM, M,Kom.]
LEMBAR KONSULTASI TUGAS AKHIR
AKADEMI MANAJEMEN INFORMATIKA & KOMPUTER
BINA SARANA INFORMATIKA
· N I M: 12127301
· Nama Lengkap: Eka Aria yogaswara
· Asisten Pembimbing: Fitriyani, ST.,M.Kom.
· Judul Tugas Akhir: Pembuatan Website E-commerce Anugrah
Musik
No
Tanggal Bimbingan
Pokok Bahasan
Paraf dosen
Pembimbing
1.
10-07-2015
Pengajuan BAB III
2.
28-07-2015
Revisi BAB III
3.
29-07-2015
Revisi BAB III,Program dan ERD
4.
06-08-2015
Keseluruhan BAB
Bimbingan Tugas Akhir
· Dimulai pada tanggal: 06 April 2015
· Diakhiri pada tanggal: 07 Agustus 2015
· Jumlah pertemuan bimbingan: 4 Pertemuan
Disetujui oleh,
Asisten Pembimbing
[Fitriyani, ST.,M.Kom]
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Allah SWT, karena atas rahmat dan karunia-Nya penulis dapat menyusun dan menyelesaikan Tugas akhir ini dengan baik. Dimana skripsi ini penulis sajikan dalam bentuk buku yang sederhana. Adapun judul Tugas akhir, yang penulis ambil sebagai berikut: “Pembuatan Website E-commerce Anugrah Musik”. yang merupakan salah satu syarat kelulusan Program Diploma Tiga Pada Jurusan Manajemen Informatika Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Bandung.
Tak lupa shalawat serta salam semoga selalu terlimpah curahkan kepada tauladan kita Nabi Muhammad SAW, kepada keluarganya, para sahabatnya, serta para pengikut yang setia pada ajarannya hingga akhir zaman.
Dalam penyusunan laporan ini, penulis telah banyak menerima bimbingan, pengarahan, petunjuk dan saran hingga terselesaikannya laporan ini. Untuk itu penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada yang terhormat:
1. Kedua Orang tua yang senantiasa selalu mendo’akan, memberikan dukungan materi kepada penulis.
2. Bapak Dr. Doni Purnama Alam Syah,MM.M,kom selaku Dosen Pembimbing I Tugas Akhir
3. Ibu Fitri Yani selaku Dosen Pembimbing II Tugas Akhir.
4. Sahabat Berry Firmann,Rosmana Dewo,Bani,Fathu dan semua pihak yang telah memberikan dukunganya kepada penulis walaupun tidak dapat disebutkan semua nama satu persatu.
5. Adik tercinta yang menjadi motivasi bagi penulis untuk dapat segera lulus dari jenjang Diploma Tiga.
6. Teman-teman kelas 12.6a.16.
Penulis menyadari bahwa dalam penyusunan laporan ini masih terdapat kekurangan, oleh karena itu penyusun sangat mengharapkan saran dan kritik yang membangun dari pembaca sebagai masukan bagi penulis.
Akhir kata penulis berharap Laporan Pembahasan ini dapat bermanfaat bagi pembaca pada umumnya dan penulis pada khususnya. Atas segala perhatiannya penulis mengucapkan terima kasih.
Bandung, Agustus 2015
Penulis
Eka Aria Yogaswara
ABSTRAKSI
Eka Aria Yogaswara (12127301), Pembuatan Website E-commerce Pada Anugrah Musik.
Anugrah Musik merupakan usaha yang menyediakan berbagai macam jenis alat musik, dalam mempromosikan produknya Anugrah Musik masih terbatas pada pelanggan ke pelanggan selain itu media promosi dan penjualan belum tersedia. Electronic commerce atau yang lebih dikenal dengan dengan istilah E-commerce, yang merupakan bentuk perdagangan secara electronik melalui media internet. Proses penjualan, promosi dan pemesanan melalui internet. Dengan E-commerce memungkinan kita bertransaksi dengan cepat dan biaya yang terjangkau tanpa membuang banyak waktu. Dimana pelanggan cukup dengan mengakses internet ke website perusahaan yang mengiklankan produknya di internet. Perancangan website Anugrah Musik ini meliputi perancangan arsitektur databasemenggunakan Entity Relationship Diagram (ERD), perancangan interface bagi admin dan user. websiteE-commerce yang dibuat diharapkan dapat menjadi media promosi, membantu meningkatkan penjualan dan menekan biaya operasional bagi perusahaan serta mempermudah konsumen dalam melakukan proses pemesanan dan pembayaran suatu produk karena dilakukan secara online.
Kata Kunci : Anugrah Musik, Alat Musik,Website, E-Commerce.
ABSTRACT
Eka Aria Yogaswara (12127301), Pembuatan Website E-commerce Pada Anugrah Musik.
Anugrah Music Store is a store which provides many kinds of music instruments. in promoting its products in this store is still limited to subscribers, in addition to media promotion and sales integrated is not yet available. electronic commerce or more commonly known by the term e-commerce, is a form of trading electronically over the internet. with e-commerce allows buyers to Transact quickly and an affordable cost without having to waste a lot of time. with access to the internet or specific company website, prospective buyers can look at a variety of companies that advertise their products on the internet.the design of the Anugrah Music Store websites covers the architecture of the database using entity relationship diagram or better known as ERD, as well as the design of the interface for the admin or user. e-commerce application that created, expected to become media promotions, help improve sales and depress operational cost for the company, as well as facilitate the customer when doing transaction process while online.
Keywords : Anugrah Musik,Online Shop,Website, E-commerce
DAFTAR ISI
LEMBAR PERNYATAAN KEASLIAN TUGAS AKHIRiiLEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAHiiiLEMBAR PERSETUJUAN DAN PENGESAHAN TUGAS AKHIRvLEMBAR KONSULTASI TUGAS AKHIRviLEMBAR KONSULTASI TUGAS AKHIRviiKATA PENGANTARviiiABSTRAKSIxABSTRACTxiDAFTAR ISIxiiDAFTAR SIMBOLxivDAFTAR GAMBARxvDAFTAR TABELxviDAFTAR LAMPIRANxvii
BAB I PENDAHULUAN11.1.Latar Belakang Masalah11.2.Maksud dan Tujuan31.3.Metode Penelitian31.4.Ruang Lingkup61.5.Sistematika Penulisan6
BAB II LANDASAN TEORI82.1.Konsep Dasar Web82.2.Teori Pendukung10
BAB III PEMBAHASAN203.1 Analisis Kebutuhan203.1.1. Tahapan Analisis203.1.2. Perancangan Perangkat Lunak213.2.1. Rancangan Antar Muka223.3.2. Rancangan Basis Data353.3.3. Rancangan Struktur Navigasi453.4. Implementasi Dan Pengujian Unit483.4.1. Implementasi483.4.2.Pengujian Unit55
BAB IV PENUTUP604.1. Kesimpulan604.2. Saran61DAFTAR PUSTAKA62DAFTAR RIWAYAT HIDUP63LAMPIRAN64
DAFTAR SIMBOL
1. Simbol Entity Relationship Diagram (ERD)
Entitas/Entity
Entitas berfungsi untuk memberikan identitas pada entitas yang memiliki label dan nama. Entitas memiliki bentuk persegi panjang.
Relasi
Relasi ialah hubungan yang terjadi antara 1 entitas atau lebih yang tidak mempunyai fisik tetapi hanya sebagai konseptual.
Atribut
Berfungsi mendeskripsikan karakter entitas
Garis
Digunakan sebagai penghubung relasi dengan entitas, relasi dan entitas dengan atribut
DAFTAR GAMBAR
Gambar II.1. Contoh Struktur Navigasi Linier12
Gambar II.2. Contoh Struktur Navigasi Hirarki13
Gambar II.3. Contoh Strukutr Navigasi Non Linier13
Gambar II.4. Contoh Struktur Navigasi Campuran14
Gambar II.5. Cara menghindari relasi tenary16
Gambar III.1. Halaman Beranda22
Gambar III.2. Halaman Daftar23
Gambar III.3. Halaman Masuk24
Gambar III.4. Halaman Beranda Sesudah Masuk25
Gambar III.5. Halaman Kontak27
Gambar III.6. Halaman Detail Produk28
Gambar III.7. Halaman Keranjang Belanja29
Gambar III.8. Halaman Pemesanan Produk31
Gambar III.9 Halaman Transaksi32
Gambar III.10. Halaman Konfirmasi34
Gambar III.11. Entity Relationship Diagram36
Gambar III.12. Logical Record Structure37
Gambar III.13. Rancangan Navigasi Halaman Admin45
Gambar III.14. Rancangan Navigasi Halaman User47
Gambar III.15. Halaman Antar Muka Sebelum Masuk49
Gambar III.16. Gambar Halaman Antar Muka Daftar49
Gambar III.17. Gambar Halaman Antar Muka Masuk50
Gambar III.18. Gambar Halaman Antar Muka Sesudah Masuk51
Gambar III.19. Gambar Halaman Antar Muka Kontak51
Gambar III.20. Halaman Antar Muka Produk52
Gambar III.21. Gambar Halaman Antar Muka Keranjang Belanja52
Gambar III.22. Gambar Halaman Antar Muka Transaksi53
DAFTAR TABEL
Tabel II.1. Contoh bentuk hubungan relasi ERD15
Tabel III.1. Keterangan Halaman Beranda22
Tabel III.2. Keterangan Halaman Daftar24
Tabel III.3. Keterangan Halaman Masuk25
Tabel III.4. Keterangan Halaman Beranda Sesudah Masuk26
Tabel III.5. Keterangan Halaman Kontak27
Tabel III.6. Keterangan Halaman Detail Produk28
Tabel III.7. Keterangan Halaman Keranjang Belanja30
Tabel III.8. Keterangan Halaman pemesanan produk31
Tabel III.9. Keterangan Halaman Transaksi33
Tabel III.10. Keterangan Halaman Konfirmasi34
Tabel III.11. Spesifikasi File User38
Tabel III.12. Spesifikasi File Produk39
Tabel III.13. Spesifikasi File Transaksi41
Tabel III.14. Spesifikasi File Transaksi Barang42
Tabel III.15. Spesifikasi File Kontak43
Tabel III.16. Spesifikasi File Konfirmasi43
Tabel III.17. Spesifikasi File Testimoni44
Tabel III.18. Rencana Pengujian Perancangan.56
Tabel III.19. Pengujian Form Login56
Tabel III.20. Pengujian Form Daftar57
Tabel III.21. Pengujian Form Pemesanan58
Tabel III.22. Pengujian Form Kontak58
DAFTAR LAMPIRAN
A.1. Halaman Admin64
A.2. Halaman Detail Produk64
A.3. Pemesanan65
A.4. Halaman Konfirmasi65
A.5. Halaman Data Pelanggan66
BAB I PENDAHULUAN
1.1. Latar Belakang Masalah
Perkembangan internet saat ini sangatlah pesat, internet juga sudah menjadi salah satu media informasi yang dapat di akses dengan cepat tanpa dibatasi ruang dan waktu, penggunaan internet sebagai fasilitas pendukung sarana informasi bahkan semakin menjanjikan. Salah satu media informasi yang terdapat di internet adalah berupa website.
Website dapat juga diartikan sebagai kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman. Perancangan web adalah istilah umum yang digunakan untuk mencakup bagaimana isi web konten ditampilkan, yang dikirimkan ke pengguna akhir melalui World Wide Web, dengan menggunakan sebuah browser web atau perangkat lunak berbasis web. salah satu contoh dari website adalah web E-commerce secara online atau electronic commerce (e-commerce). E-commerce memudahkan kegiatan-kegiatan komersil dalam lingkungan bisnis, dengan menggunakan e-commerce calon pembeli hanya perlu mengakses internet untuk mengetahui informasi mengenai produk yang ada secara detail, transaksi juga tetap dapat dilakukan tanpa harus mendatangi toko tersebut.
E-commerce merupakan extension dari commerce dengan mengeksplotasi media elektronik. Meskipun pengunaan media transaksi elektronik ini belum banyak dimanfaatkan oleh masyarakat pengguna internet atau dimengerti banyak kalangan. Akan tetapi desakan bisnis menyebabkan para pelaku bisnis mau tidak mau harus menggunakan media elektronik ini.sebagai contoh, usaha bisnis harus memiliki website. kepemilikan website ini menentukan kredibilitas dari perusahaan, hampir sama dengan kepemilikan telepon bagi sebuah usaha bisnis.meledaknya penggunaan internet menyebabkan munculnya teknologi e-commerce yang mulai menjadi salah satu kebutuhan bagi pembisnis.
Untuk perusahaan yang memiliki usaha bisnis dalam memperdagangkan barangnya seperti alat musik, media periklanan merupakan hal yang penting. Apalagi persaingan alat musik sekarang ini sangat menjamur dikehidupan masyarakat. Tujuan menggunakan media Internet juga agar dapat membantu dalam memberikan pengenalan barang secara tepat yang tidak memandang ruang dan waktu. Strategi pemasaran ini banyak dipakai karena memiliki peran penting dalam dunia bisnis dan memiliki jangkuan pasar yang luas.
Anugrah Musik merupakan salah satu toko yang menjual alat musik. Anugrah Musik Dalam proses kegiatan penjualannya. Anugrah Musik ini melakukan promosi dari media sosial yang penyampaian produknya masih terbatas, sehingga sedikit orang yang mengetahui informasi produk-produk apa saja yang tersedia.
Masalah tersebut yang menarik diangkat menjadi topik dalam tugas akhir ini karena dengan dibangunnya e-commerce ini maka akan semakin meningkatkan kinerja Anugrah Musik. Tugas akhir ini merancang dan membangun e-commerce yang dapat menampilkan produk-produk yang dijual untuk toko musik serta dapat memberikan fungsi transaksi penjualan barang oleh konsumen dengan cepat dan mudah, Anugrah Musik ingin memanfaatkan internet sebagai medianya dengan membuat website e-commerce.
Bedasarkan uraian diatas, maka penulisan tertarik untuk membuat website berbasis e-commerce dengan mengambil judul : “Pembuatan Website E-commerce Anugrah Musik”.
1.2. Maksud dan Tujuan
Maksud dari penulisan Tugas Akhir ini antara lain :
1. Pemanfaatan internet sebagai media promosi dan penjualan dengan menggunakan konsep E-commerce.
2. Memudahkan konsumen dalam membeli produk alat musik yang tersedia di anugrah musik.
3. Meningkatkan penjualan produk Anugrah Musik.
Tujuan dari penulisan Tugas Akhir ini adalah sebagai salah satu syarat kelulusan Program Diploma III Jurusan Manajemen Informatika di Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Bandung.
1.3. Metode Penelitian
Metode penelitian yang digunakan penulis untuk pembuatan program ini adalah menganalisa dan mengumpulkan data. Berikut ini adalah metode yang digunakan:
A. Metode Pengembangan Perangkat Lunak
Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan model Waterfall (Sukamto dan Salahuddin, 2014:29) yang terbagi menjadi 3 tahapan, yaitu:
a. Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan.
b. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya. Desain perangkat lunak yang dihasilkan pada tahap ini juga perlu didokumentasikan.
c. Pembuatan kode program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain. Dalam pembuatan website ini penulis menggunakan pemrograman berorientasi objek yaitu dengan bahasa pemrograman PHP.
d. Pengujian
Pengujian fokus pada perangkat lunak dari segi logika dan fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan. Pengujian yang dilakukan penulis terhadap pemrograman menggunakan sistem black box testing yang dapat menemukan hal-hal seperti fungsi yang tidak benar atau tidak ada, kesalahan antar muka (interface errors), kesalahan pada struktur data dan akses basis data, kesalahan perform (performance errors), kesalahan insialiasi dan terminasi.
B. Teknik Pengumpulan Data
Teknik pengumpulan data yang digunakan penulis dalam melakukan pengumpulan data untuk pembuatan Tugas Akhir adalah :
1. Observasi
Dalam mendapatkan informasi yang dibutuhkan, maka penulis melakukan melakukan pengamatan terhadap website E-commerce yang sudah ada.
2. Wawancara
Pada metode ini, penulis melakukan kegiatan tanya jawab secara langsung di Anugrah Musik yang beralamat di jalan raya barat no 304 cimahi untuk pembuatan website penjualan secara online.
3. Studi Pustaka
Untuk mendukung penelitian dan pengumpulan data yang telah di lakukan penulis mengumpulkan berbagai buku bacaan yang ada diperpustakaan Bina Sarana Informatika (BSI), sebagai referensi-referensi untuk melengkapi Laporan Tugas Akhir ini.
1.4. Ruang Lingkup
Permasalahan yang dibahas dalam pembuatan website E-commerce ini sangatlah luas, agar tidak terjadi penyimpangan dalam laporan Tugas Akhir ini, Maka penulis membatasi hanya dalam ruang lingkup pembuatan website e-commerce, yang didalamnya mencakup tampilan : Admin, pendaftaran user, transaksi pembayaran, produk yang dijual, pengiriman barang dan pemesanan barang.
1.5. Sistematika Penulisan
Sistematika penyusunan Laporan Tugas Akhir ini terdiri dari empat bab, setiap bab memuat rincian serta penjelasannya masing-masing. Sistematika penyusunan Laporan Tugas Akhir ini sebagai berikut:
BAB IPENDAHULUAN
Pada bab ini merupakan pendahuluan dari latar belakang pemilihan pembahasan laporan tugas akhir. Bagian pertama menjelaskan secara umum tentang pembuatan website e-commerce pada Anugrah Musik kemudian menjelaskan mengenai maksud dan tujuan, metode penelitian, ruang lingkup, dan sistematika penulisan.
BAB IILANDASAN TEORI
Pada bab ini menjelaskan tentang konsep dasar web serta teori pendukungnya yang digunakan dalam pembuatan website e-commerce pada Anugrah Musik.
BAB III PEMBAHASAN
Pada bab ini berisi tentang pembahasan mengenai tinjauan kasus, kemudian penulis menganalisa kebutuhan pokok yang dibutuhkan dalam pembuatan website e-commerce pada Anugrah Musik. Penulis juga merancang perangkat lunak serta implementasi dan pengujian unit.
BAB IVPENUTUP
Pada bab ini merupakan penutup yang meliputi tentang keseluruhan dari pembuatan website e-commerce pada Anugrah Musik.
BAB IILANDASAN TEORI2.1. Konsep Dasar WebA. Pengertian Internet
internet adalah kelompok atau kumpulan dari jutaan komputer.Penggunaan internet memungkinkan kita untuk mendapatkan informasi dari komputer yang ada didalam kelompok tersebut dengan asumsi bahwa pemilik komputer memberikan izin akses. Untuk mendapatkan sebuah informasi, sekumpulan protokol harus digunakan, yaitu sekumpulan aturan yag menetapkan bagaimana sutau informasi dapat dikirim dan diterima (Simarmata, 2010:47).
Salah satu unsur yang paling umum digunakan dari internet selain e-mail adalah World Wide Web. Dewasa ini, WWW atau yang sering juga disebut sebagai “Web” saja merupakan aplikasi internet yang paling populer.Karena Web begitu populer, banyak orang kemudian salah mengidentikkannya dengan Internet.
B. Pengertian Web
Simarmata (2010:47) menyatakan bahwa :
Web adalah sebuah sistem dengan informasi yang disajikan dalam bentuk teks, gambar, suara, dan lain – lain yang tersimpan dalam sebuah server Web Internet yang disajikan dalam bentuk hiperteks. Informasi dalam bentuk teks umumnya ditulis dalam format HTML (Hypertext Markup Language). Informasi lainnya disajikan dalam bentuk grafis (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainya (seperti MIDI, Shockwave, Quicktime, Movie, 3D World).
Sofana (2011:86) menyatakan bahwa :
layanan web atau tepatnya WWW (World Wide Web) merupakan layanan yang paling popular, Web dapat diibaratkan seperti halaman sebuah majalah, kita dapat melihat berbagai informasi dengan mengakses internet yang lebih dikenal dengan istilah (surfing) menggunakan aplikasi khusus yang disebut web browser atau yang lebih dikenal dengan browser.
C. Web Server
Saputra (2010:2) menyatakan bahwa “web server adalah server internet yang digunakan sebagai koneksi dan transfer data(HTML, asp, aspx, php, js, dan lain sebagainya)”.
D. Pengertian PHP
Menurut Firdaus (2007:18) PHP (Hypertext Preprocessor) merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Dalam mengeksekusi kode PHP pada sisi server (disebut server side) berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client side). Proses eksekusi kode PHP yang disisipkan pada halaman HTML. PHP merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemograman yang berbentuk script yang diletakan didalam server web. Sekitar tahun 1994, Rasmus Lerdorf telah meletakan bersama Perl script untuk membuat siapa yang telah melihat resumenya terkesan. Kemudian sedikit demi sedikit user mulai menyukai script ini.
E. Pengertian E-commerce
Pengertian dari electronic commerce adalah pembelian, penjualan dan pemasaran barang serta jasa melalui sistem elektroik. Seperti televise, radio, dan jaringan komputer atau internet. E-commerce meliputi transfer dana secara elektronik, pertukaran dan pengumpulan data. Semua diatur dalam sistem manajemen inventori otomatis.
Perdagangan elektronik ini sudah masuk dalam kategori industri teknologi informasi. Karena jenis usahanya melibatkan aplikasi dan penerapan sistem IT. Dikatakan perdagangan elektronik karena semua jenis usaha berkaitan dengan transaksi komersial dan mengarah pada bisnis.
Pada mulanya perdagangan elektronik ini hanya sebatas pengiriman dokumen komersial saja seperti pesanan pembelian (invoice) secara elektronik (melalui fax dan email). Kemudian e-commerce berkembang menjadi perdagangan web, yaitu pembelian barang dan jasa melalui World Wide Web. Perdagangan web ini sudah menggunakan jalur (server) yang aman, server protokol semacam HTTPS.
Dewasa ini, perdagangan web dengan menggunakan server protokol HTTPS banyak diminati oleh masyarakat bisnis di seluruh dunia. Banyak perusahaan dan pembisnis mengembangkan situs web komersial untuk menjaring pasar dunia yang lebih luas dan tidak mengenal batas (Wong, 2010:33).
2.2. Teori Pendukung
A. Model Waterfall
Menurut Sukamto dan Salahudin (2014:28)
1. Analisis Kebutuhan Perangkat Lunak
Proses pengumpulan kebutuhan dilakukan secara intensif untuk mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami seperti yang digunakan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap ini perlu didokumentasikan.
2. Desain
Desain perangkat lunak adalah proses multi langkah yang fokus pada desain pembuatan program perangkat lunak termasuk struktur data, arsitektur perangkat lunak, dan prosedur pengkodean. Tahapan ini mentranslasi kebutuhan perangkat lunak dari tahap analisis kebutuhan ke representasi desain agar dapat diimplementasikan menjadi program pada tahap selanjutnya.
3. Pembuatan Kode Program
Desain harus ditranslasikan ke dalam program perangkat lunak. Hasil dari tahap ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap desain. 4. Pengujian
Pengujian fokus pada perangkat lunak secara dari segi lojik dan fungsional dan memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk meminimalisir kesalahan (error) dan memastikan keluaran yang dihasilkan sesuai dengan yang diinginkan.
5. Pendukung Support atau pemeliharaan (maintenance)
Tidak menutup kemungkinan sebuah perangkat lunak mengalami perubahan ketika sudah dikirimkan ke user. Perubahan bias terjadi karena adanya kesalahan yang muncul dan tidak terditeksi saat pengujian atau perangkat lunak harus beradaptasi dengan lingkungan baru. Tahap pendukung atau pemeliharaan dapat mengulangi proses pengembangan mulai dari analisis spesifikasi untuk perubahan perangkat lunak yang sudah ada, tapi tidak untuk membuat perangkat lunak baru.
B. Struktur Navigasi
Menurut Sutopo (2007:7) struktur navigasi adalah rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen aplikasi multimedia dengan pemberan perintah pesan. Struktur navigasi juga memberikan kemudahan dalam menganalisa keinteraktifan seluruh objek dalam aplikasi multimedia dan bagaimana pengaruh keinteraktifannya terhadap pengguna.
Ada empat macam bentuk dasar dari struktur navigasi yang biasa di gunakan dalam proses pembuatan aplikasi multimedia, yaitu:
1. Linier
Linier merupakan struktur yang hanya mempunyai satu rangkaian cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan layar yang secara berurut menurut urutannya dan tidak diperbolehkan adanya percabangan, tampilan yang dapat ditampilakn adalah satu halaman sebelumnya atau satu halaman sesudahnya
Gambar II.1. Contoh Struktur Navigasi Linier
Sumber: Sutopo (2007:7)
2. Hirarki
Hirarki merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan criteria tertentu. Tampilan pada menu pertama akan disebut sebagai master page, halaman utama ke satu. Halaman utama ini akan mempunyai halaman percabangan yang dikatakan slave page, halaman pendukung. Jika salah satuhalaman pendukung diaktifkan, maka tampilan tersebut akan bernama master page, halaman utama ke dua. Pada struktur navigasi ini tidak diperkenalkan adanya tampilan secara linier.
Gambar II.2. Contoh Struktur Navigasi Hirarki
Sumber: Sutopo (2007:7)
3. Non Linier
Struktur navigasi non-linier atau struktur tidak berurut merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur nonlinier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan nonlinier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada master page dan slave page.
Gambar II.3. Contoh Strukutr Navigasi Non Linier
Sumber: Sutopo (2007:7)
4. Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan website karena struktur ini dapat digunakan dalam pembuatan website sehingga dapat memberikan keinteraksian yang lebih tinggi.
Gambar II.4. Contoh Struktur Navigasi Campuran
Sumber: Sutopo (2007:7)
C. Entity Relationship Diagram(ERD)
Permodelan awal basis data yang paling banyak digunakan adalah menggunakan Entity Relationship Diagram (ERD). ERD dikembangkan berdasarkan teori himpunan dalam bidang matematika. ERD digunakan untuk pemodelan basis data relasional. Sehingga jika penyimpanan basis data menggunakan OODBMS maka perancangan basis data tidak perlu menggunakan ERD. ERD memiliki beberapa aliran notasi seperti notasi Chen, Barker, notasi Crow’s Foot, dan beberapa notasi lainnya. Namun yang banyak digunakan adalah notasi dari Chen (Sukamto dan Salahudin:2014).
Maka ERD biasanya memiliki hubungan binary (satu relasi mgnhubungkan dua buah relasi). Beberapa metode perancangan ERD menoleransi hubungan relasi ternary (satu relasi menghubungkan tiga buah relasi) atau N-ary (satu relasi menghubungkan banyak entitas), tapi banyak metode perancangan ERD yang tidak mengizinkan hubungan ternary atau N-ary. Berikut adalah contoh bentuk hubungan relasi ERD :
Nama
Gambar
Binary
Ternary
N-ary
Tabel II.1. Contoh bentuk hubungan relasi ERD
(Sukamto dan Salahudin:2014)
Beberapa metode perancangan ERD memberikan solusi untuk perancangan ERD yang tidak binary diubah sebagai berikut :
Gambar II.5. Cara menghindari relasi tenary
(Sukamto dan Salahudin:2014)
Entitas E4 berasal dari relasi R1 yang dijadikan entitas, karena banyak metode perencanaan ERD yang menyatakan bahwa jiga terjadi relasi ternary, maka sebenarnya lebih layak dijadikan entitas dibandingkan menjadi relasi.
D. Logical Record Structure
Physical Data Model (PDM) adalah model yang menggunakan sejumlah tabel untuk mennggambarkan data serta hubungan antara data. Setiap tabel mempunyai sejumlah kolom dimana setiap kolom memiliki nama yang unik beserta tipe datanya. PDM merupakan konsep yang menerangkan detail dari bagaimana data di simpan didalam basis data. PDM sudah merupakan bentuk fisik perancangan basis data yang sudah diimplementasikan kedalam DMBS sehingga nama tabel juga sudah merupakan nama asli tabel yang akan diimplementasikan kedalam DBMS. (Sukamto dan Shalahuddin, 2014:63)
Aturan umum dalam proses transformasi dari diagram E-R menjadi data fisik adalah
a. Setiap Himpunan Entitas akan digambarkan oleh tabel.
b. Relasi dengan derajat 1-1 yang menghubungkan 2 buah himpunan entitas akan di representasikan dalam bentuk penambahan atau penyertaan atribut-atribut relasi ke tabel yang mewakili salah satu dari kedua himpunan entitas.
c. Relasi dengan derajat 1-N yang menghubungkan 2 buah himpunan entitas, juga akan di representasikan dalam bentuk pemberian atribut key dari himpunan entitas pertama (yang berderajat 1) ke tabel yang mewakili himpunan entitas kedua (yang berderajat N). Atribut key dari himpunan entitas pertama menjadi tambahan bagi himpunan entitas kedua.
d. Relasi dengan derajat N-N (banyak ke banyak)yang menghubungkan 2 buah himpunan entitas, akan diwujudkan dalam bentuk tabel khusus yang memiliki field (tepatnya foreign key) yang berasal dari key-key himpunan entitas yang dihubungkannya. (Fathansyah, 2012:116)
E. Black Box Testing
Menurut Sukamto dan Salahudin (2014:275) Black Box Testing adalah menguji perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program. Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi, masukan, dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang dibutuhkan.
Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah yang sesuai dengan spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian kotak hitam harus dibuat dengan kasus benar dan kasus salah.
F. Basis Data
Menurut Sukamto dan Salahudin (2014:43) Basis data adalah system terkomputerisasi yang tujuan utamanya adalah memelihara data yang sudah diolah atau informasi dan membuat informasi tersedia saat dibutuhkan. Pada intinya basis data adalah media untuk menyimpan data agar dapat diakses dengan mudah dan cepat.
G. MySQL dan PhpMyAdmin
MySQL Menurut Firdaus (2007) MySQL atau yang biasa dibaca “mai-se-kuel” adalah sebuah program pembuat database yang bersifat open source, yang artinya siapa saja boleh menggunakannya. MySQL sebenarnya produk yang berjalan pada platform linux, karena sifatnya yang open source. MySQL dapat dijalankan pada semua platform baik windows maupun linux, MySQL juga merupakan program pengakses database yang bersifat jaringan sehingga dapat digunakan untuk aplikasi multi user (banyak pengguna). Kelebihan dari MySQL adalah dengan menggunakan bahasa query standar yang dimiliki SQL (Structure Query Language). SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program pengakses database seperti Oracle, Posgres SQL, SQL Server, dan lain-lain.
PhpMyAdmin Menurut Firdaus (2007) PhpMyAdmin adalah suatu program open source yang berbasis web yang dibuat menggunakan aplikasi PHP. Program ini digunakan untuk mengakses database MySQL. Program ini mempermudah dan mempersingkat kerja penggunanya. Dengan kelebihannya, para pengguna awam tidak harus paham sintak-sintak SQL dalam pembuatan database dan tabel.
BAB IIIPEMBAHASAN
3.1 Analisis Kebutuhan
Perangkat lunak yang akan dibangun memerlukan berbagai macam kebutuhan yang akan menunjang pembuatan dan pengembangan perangkat lunak. Oleh karena itu diperlukan tahan analisis kebutuhan software yang merupakan proses menganalisis dan mengumpulkan kebutuhan-kebutuhan sistem yang sesuai dengan informasi, sistem kerja, dan tampilan antar muka yang diinginkan, guna menetukan solusi perangkat lunak yang akan di bangun. Berikut ini merupakan tahapan analisa kebutuh software pada sistem ini :
3.1.1. Tahapan Analisis
Sistem penjualan secara online berbasis website dimana penjual dan pembeli tidak bertatap muka secara langsung. Calon pembeli melakukan pembelian melalui media internet. Berikut ini spesifikasi kebutuhan perangkat lunak dari sitem penjualan online berbasis website e-commerce.
1. Halaman Pengguna :
a. Pembeli dapat login sebagai member terlebih dahulu untuk dapat mengunakan seluruh fitur yang terdapat pada sistem penjualan online ini.
b. Pembeli dapat mendaftar sebagai member baru melalui menu daftar.
c. Pembeli dapat memilih kategori produk yang diinginkan sebagai salah satu metode pencarian barang.
d. Pembeli dapat memilih produk yang diinginkan untuk melihat detail produk dan menambahkan pada keranjang belanja.
e. Pembeli dapat mengelola keranjang belanja untuk menambahkan produk, mengubah jumlah beli dan menghapus produk yang ingin dibeli.
f. Pembeli dapat mengisi data tentang detail pengiriman, dan cara pembayaran.
g. Pembeli dapat melakukan konfirmasi, apabila sudah membeli produk.
h. Pembeli dapat mengirim pesan melalui kontak, apabila ada keluhan.
2. Halaman Administrasi Web :
a. Administrator dapat mengelola data produk.
b. Administrator dapat mengelola data tentang kami.
c. Administrator dapat mengelola data pemesanan.
d. Administrator dapat mengelola data kontak.
e. Administrator dapat mengelola data member.
f. Administrator dapat mengelola data konfirmasi.
3.1.2. Perancangan Perangkat Lunak
Tahapan ini akan menerangkan dan menterjemahkan kebutuhan-kebutuhan software yang sudah dianalisis pada tahap sebelumnya ke sebuah perancangan perangkat lunak yang dapat diperkirakan sebelum pengkodean. Pada tahap ini, penulis melakukan rancangan antar muka, rancangan basisdata,rancangan struktur navigasi dari sistem yang akan di buat.
3.2.1. Rancangan Antar Muka
Rancangan antar muka memperlihatkan bagaimanakah bentuk dari perangkat lunak yang akan di bangun nantinya berdasarkan struktur aplikasi yang sudah dibuat.
1. Halaman Beranda Sebelum Masuk
Nama Dokumen: Halaman beranda sebelum masuk.
Fungsi: Merupakan ruang utama website yang berisi menu.
Gambar III.1. Halaman Beranda
Tabel III.1. Keterangan Halaman Beranda
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk masuk
4
Menu4
Konfigurasi untuk daftar
5
Menu5
Konfigurasi untuk kategori produk
6
Slide
Sebagai gambar slide tampilan beranda
7
Gambar1
Sebagai gambar semua produk
8
Gambar2
Sebagai gambar produk yang sering di beli
9
Gambar3
Sebagai gambar produk
2. Halaman Daftar
Nama Dokumen : Halaman daftar.
Fungsi: Merupakan halaman pendaftaran untuk user.
Gambar III.2. Halaman Daftar
Tabel III.2. Keterangan Halaman Daftar
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk masuk
4
Menu4
Konfigurasi untuk form daftar
5
Form
Konfigurasi untuk menginput form daftar
3. Halaman Masuk
Nama Dokumen : Halaman masuk.
Fungsi: Merupakan Halaman Untuk Masuk.
Gambar III.3. Halaman Masuk
Tabel III.3. Keterangan Halaman Masuk
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk masuk
4
Menu4
Konfigurasi untuk mengintup form daftar
5
Form
Konfigurasi untuk menginput form masuk
4. Halaman Beranda Sesudah Masuk
Nama Dokumen: Halaman Beranda Sesudah Masuk.
Fungsi: Merupakan ruang utama user untuk membeli produk.
Gambar III.4. Halaman Beranda Sesudah Masuk
Tabel III.4. Keterangan Halaman Beranda Sesudah Masuk
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk tampilan kontak kami
4
Menu4
Konfigurasi untuk tampilan keranjang belanja
5
Menu5
Konfigurasi untuk transaksi
6
Menu6
Konfigurasi untuk keluar
7
Menu7
Konfigurasi untuk tampilan kategori
8
Slide
Sebagai gambar slide tampilan beranda
9
Gambar2
Sebagai gambar semua produk
10
Gambar3
Sebagai gambar produk yang sering di beli
11
Gmabar4
Sebagai gambar produk
5. Halaman Kontak
Nama Dokumen : Halaman Kontak
Fungsi: Merupakan halaman untuk mengirim pesan kritik dan saran
Gambar III.5. Halaman Kontak
Tabel III.5. Keterangan Halaman Kontak
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk tampilan kontak kami
4
Menu4
Konfigurasi untuk tampilan keranjang belanja
5
Menu5
Konfigurasi untuk tampilan transaksi
6
Menu6
Konfigurasi untuk keluar
7
From
Konfigurasi untuk menginput form pesan,kritik dan saran
6. Halaman Detail Produk
Nama Dokumen: Halaman Detail Produk
Fungsi: Merupakan halaman untuk melihan produk secara detail.
Gambar III.6. Halaman Detail Produk
Tabel III.6. Keterangan Halaman Detail Produk
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk tampilan kontak kami
4
Menu4
Konfigurasi untuk tampilan keranjang belanja
5
Menu5
Konfigurasi untuk transaksi
6
Menu6
Konfigurasi untuk keluar
7
Gambar1
Sebagai gambar produk yang sering di beli
8
Gambar2
Sebagai gambar dan detail dari produk yang akan di beli
9
Gambar3
Sebagai gambar semua produk
7. Halaman Keranjang Belanja
Nama Dokumen: Halaman Keranjang Belanja
Fungsi: Merupakan halaman untuk belakukan pembelian
Gambar III.7. Halaman Keranjang Belanja
Tabel III.7. Keterangan Halaman Keranjang Belanja
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk tampilan kontak kami
4
Menu4
Konfigurasi untuk tampilan keranjang belanja
5
Menu5
Konfigurasi untuk transaksi
6
Menu6
Konfigurasi untuk keluar
7
Form1
Konfigurasi nama produk yang di beli
8
Form2
Konfigurasi jumlah pembelian produk
9
Form3
Konfigurasi harga produk
10
Form4
Konfigurasi total harga produk
11
Form5
Konfigurasi hapus produk
12
Form6
Konfigurasi total pembelian produk
8. Halaman Pemesanan Produk
Nama Dokumen: Halaman Pemesanan Produk
Fungsi: Merupakan halaman untuk mengisi data diri penerima barang.
Gambar III.8. Halaman Pemesanan Produk
Tabel III.8. Keterangan Halaman pemesanan produk
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk tampilan kontak kami
4
Menu4
Konfigurasi untuk tampilan keranjang belanja
5
Menu5
Konfigurasi untuk pemesanan
6
Menu6
Konfigurasi untuk keluar
7
Form1
Konfigurasi untuk mengisi data diri pembeli produk
8
Form2
Konfigurasi untuk menampilkan produk yang di beli
9. Halaman Transaksi
Nama Dokumen : Halaman Transaksi.
Fungsi: Merupakan halaman untuk transaksi user.
Gambar III.9 Halaman Transaksi
Tabel III.9. Keterangan Halaman Transaksi
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk tampilan kontak kami
4
Menu4
Konfigurasi untuk tampilan keranjang belanja
5
Menu5
Konfigurasi untuk transaksi
6
Menu6
Konfigurasi untuk keluar
7
Form1
Sebagai detail transaksi
8
Form2
Konfigurasi cetak transaksi
9
Form3
Konfigurasi kembali ke beranda
10
Form4
Konfigurasi konfirmasi transaksi
10. Halaman konfirmasi
Nama Dokumen : Halaman Konfirmasi.
Fungsi: Merupakan halaman untuk melakukan konfirmasi.
Gambar III.10. Halaman Konfirmasi
Tabel III.10. Keterangan Halaman Konfirmasi
No
Nama
Keterangan
1
Menu1
Konfigurasi untuk tampilan beranda
2
Menu2
Konfigurasi untuk tampilan tentang kami
3
Menu3
Konfigurasi untuk tampilan kontak kami
4
Menu4
Konfigurasi untuk tampilan keranjang belanja
5
Menu5
Konfigurasi untuk tampilan pemesanan
6
Menu6
Konfigurasi untuk keluar
7
From
Konfigurasi untuk menginput nomor transaksi
3.3.2. Rancangan Basis Data
Rancangan basis data menggambarkan tabel-tabel serta relasi antar tabel.
Penulis menggambarkan tabel-tabel beserta relasinya menggunakan Entity Relationship Diagram atau yang lebih dikenal dengan istilah ERD. Berikut ini merupakan gambaran dari ERD beserta spesifikasi filenya.
1. Entity Relationship Diagram
Gambar III.11. Entity Relationship Diagram
2. Logical Record Structure
Gambar III.12. Logical Record Structure
3. Spesifikasi file
a. File user
Nama file:user
Akronim:tb_user
Fungsi: Untuk menyimpan data user
Tipe:File Master
Akses file:Random
Media :Hard Disk
Panjang record:225 Karakter
Kunci Field:id_user
Software:MySQL
Tabel III.11. Spesifikasi File User
No
Elemen Data
Akronim
Tipe
Panjang
Keterangan
1
Id user
id_user
Int
11
Primary Key
2
Username
Username
Varchar
20
3
Password
Password
Char
32
4
Nama depan
Subjek
Varchar
10
5
Nama belakang
Nama_
belakang
Varchar
20
6
Varchar
100
7
Alamat
Alamat
Text
-
8
Kota
Kota
Varchar
12
9
Kode pos
kode_pos
Varchar
5
10
Telepon
Telepon
Varchar
14
11
Status
Status
Char
1
12
Created_at
created_at
Timestamp
-
13
Updated_at
update_at
Timestamp
-
b. File produk
Nama file:tb_produk
Akronim:produk
Fungsi: Untuk menyimpan data produk
Tipe:File Master
Akses file:Random
Media :Hard Disk
Panjang record:279 Karakter
Kunci Field:id_ produk
Software:MySQL
Tabel III.12. Spesifikasi File Produk
No
Elemen Data
Akronim
Tipe
Panjang
Keterangan
1
Id produk
id_produk
int
11
Primary Key
2
Kode produk
kode_produk
Varchar
10
3
Nama produk
nama_produk
Varchar
38
4
Gambar
Gambar
Text
-
5
Stok
Stok
Tinyint
4
6
Harga Produk
harga_produk
int
11
7
Best produk
best_produk
Tinyint
4
8
Kategori produk
kategori_
produk
Varchar
25
9
Sub kategori
sub_kategori
Varchar
25
10
Keterangan singkat
keterangan_
singkat
Varchar
140
11
Keterangan
Keterangan
Text
-
c. File transaksi
Nama file:transaksi
Akronim:tb_transaksi
Fungsi: Untuk menyimpan data transaksi
Tipe:File Dinamik
Akses file:Random
Media :Hard Disk
Panjang record:111 Karakter
Kunci Field:id_ transaksi
Software:MySQL
Tabel III.13. Spesifikasi File Transaksi
No
Elemen Data
Akronim
Tipe
Panjang
Keterangan
1
Id Transaksi
id_transaksi
int
11
Primary Key
2
Kode transaksi
Kode_transaksi
Varchar
12
3
Tgl Transaksi
tgl_transaksi
Date
-
4
Kartu
Kartu
Char
20
5
No Rekening
no_transaksi
Varchar
20
6
Atas Nama
atas_nama
Varchar
20
7
Alamat penerima
alamat_penerima
Text
-
8
Kota penerima
kota_penerima
Varchar
12
9
Kode pos
kode_pos
Varchar
5
10
Total harga
Total_harga
Double
-
11
Created_at
created_at
Timestamp
-
12
Updated_at
update_at
Timestamp
-
13
Id user
Id_user
Int
11
Foreign key
d. File Transaksi Barang
Nama file:transbarang
Akronim:tb_transbarang
Fungsi: Untuk menyimpan data transaksi barang
Tipe:File Dinamik
Akses file:Random
Media :Hard Disk
Panjang record:33 Karakter
Kunci Field:id_transbarang
Software:MySQL
Tabel III.14. Spesifikasi File Transaksi Barang
No
Elemen Data
Akronim
Tipe
Panjang
Keterangan
1
Id
Tratransbarang
id_transbarang
int
11
Primary key
2
Id produk
id_produk
int
11
Foreign key
3
Id transaksi
id_transaksi
int
11
Foreign key
4
Created_at
created_at
Timestamp
-
5
Updated_at
update_at
Timestamp
-
e. File Kontak
Nama file:kontak
Akronim:tb_kontak
Fungsi: Untuk menyimpan data kontak
Tipe:File Master
Akses file:Random
Media :Hard Disk
Panjang record:26 Karakter
Kunci Field:id_kontak
Software:MySQL
Tabel III.15. Spesifikasi File Kontak
No
Elemen Data
Akronim
Tipe
Panjang
Keterangan
1
Id Kontak
id_kontak
int
11
Primary Key
2
Isi Pesan
isi_pesan
Text
-
3
Status baca
status_baca
Tinyint
4
4
Created_at
Created_at
Timestamp
-
5
Id user
id_user
int
11
Foreign key
f. File Konfirmasi
Nama file:konfirmasi
Akronim:tb_konfirmasi
Fungsi: Untuk menyimpan data kontak
Tipe:File Master
Akses file:Random
Media :Hard Disk
Panjang record:34 Karakter
Kunci Field:id_tentang
Software:MySQL
Tabel III.16. Spesifikasi File Konfirmasi
No
Elemen Data
Akronim
Tipe
Panjang
Keterangan
1
Id konfirmasi
id_konfirmasi
Int
11
Primary Key
2
Kode transaksi
Kode_transaksi
Varchar
12
Foreign key
3
Id_transaksi
Id_transaksi
Timestamp
-
Foreign key
4
Created_at
Created_at
Timestamp
-
5
Id user
id_user
Int
11
Foreign key
g. File Testimoni
Nama file:testimoni
Akronim:tb_testimoni
Fungsi: Untuk memberikan testimoni
Tipe:File Master
Akses file:Random
Media :Hard Disk
Panjang record:315 Karakter
Kunci Field:id_testimoni
Software:MySQL
Tabel III.17. Spesifikasi File Testimoni
No
Elemen Data
Akronim
Tipe
Panjang
Keterangan
1
Id testimoni
id__testimoni
Int
11
Primary Key
2
Isi testimoni
Isi_testimoni
Varchar
255
3
Id user
Id_user
int
11
Foreign key
4
Created_at
Created_at
Timestamp
19
5
Updated_at
Updated_at
Timestamp
19
3.3.3. Rancangan Struktur Navigasi
Rancangan struktur navigasi dibuat untuk memudahkan pengguna melihat navigasi yang terdapat pada website Anugrah Musik. Berikut tampilan struktur navigasinya.
1. Rancangan Struktur Navigasi Admin
Gambar III.13. Rancangan Navigasi Halaman Admin
Keterangan rancangan struktur navigasi halaman admin :
a. Login
Dihalaman ini admin melakukan login untuk mendapatkan hak akses kehalaman utama halaman admin supaya dapat melakukan pengelolaan terhadap website. Apabila kombinasi username dan password benar maka akan diarahkan kehalaman admin, apabila salah maka akan muncul box peringatan bahwa username atau password yang dimasukan salah dan diminta mengisi kembali dengan benar.
b. Anggota
Merupakan halaman untuk melihat dan mengelola anggota.
c. Tentang Kami
Dihalaman ini admin dapat melakukan pengelolaan data terhadap tentang kami dan menambah informasi baru yang akan di munculkan pada halaman website.
d. Produk
Dihalaman ini admin dapat melakukan pengelolaan produk-produk yang akan ditampilkan dan dijual kepada pengguna di website.
e. Pesanan
Admin dapat melihat dan mengelola laporan pemesanan produk.
f. Konfirmasi
Admin melakukan konfirmasi pemesanan barang.
g. Kontak
Admin dapat melihat dan mengelola laporan kontak.
h. Pengaturan
Dihalaman ini admin dapat melakukan pengaturan pengelolaan data id utntuk admin baru di website.
i. Logout
Admin melakukan logout, keluar dari halaman utama menu pengelolaan admin dan kembali ke halaman login.
2. Rancangan Struktur Navigasi Halaman konsumen
Gambar III.14. Rancangan Navigasi Halaman konsumen
Keterangan rancangan navigasi halaman konsumen :
a. Beranda
Pada menu beranda, tampil navigasi keseluruhan dari website. User bisa memilih menu-menu utama yang ada pada menu bar dan dapat langsung memilih produk yang tersedia, klik untuk melihan produk detail.
b. Tentang Kami
Berisi informasi tentang Anugrah music.
c. Kontak
Menu ini menampilkan form kontak. User dapat mengisi form kontak untuk mengirim pesan kepada admin.
d. Keranjang Belanja
Menu ini menampilkan produk apa saja yang telah di beli
e. Pemesanan
Menu ini menampilkan form pemesanan produk. User harus melihat detail produk, terdapat tombol keranjang dan beli sekarang, produk akan muncul pada form pemesanan dan user harus mengisi data sebelum memesan produk.
f. Keluar
Tombol untuk user Keluar.
3.4. Implementasi Dan Pengujian Unit3.4.1. Implementasi
Implementasi adalah suatu proses penerapan rancangan program yang telah dibuat ke dalam sebuah aplikasi pemrograman sesuai dengan tujuan yang diharapkan dari program aplikasi tersebut. Kegiatan implementasi dilakukan dengan dasar yang telah direncanakan dalam tahap perancangan.
A. Implementasi Rancangan Antar Muka
a. Halaman Beranda Sebelum Masuk
Tampilan halaman beranda sebelum menjadi member di website e-commerce.
Gambar III.15. Halaman Antar Muka Sebelum Masuk
b. Halaman Daftar
Tampilan halaman daftar, untuk mendaftar menjadi member di website.
Gambar III.16. Gambar Halaman Antar Muka Daftar
c. Halaman Masuk
Tampilan halaman masuk, halaman ini memiliki 2 fungsi apabila pengguna memasukan username dan password admin maka akan diarahkan ke halaman admin dan apabila pengguna mengguna memasukan username dan password member pembeli maka akan di arahkan ke halaman beranda.
Gambar III.17. Gambar Halaman Antar Muka Masuk
d. Halaman Sesudah Masuk
Tampilan halaman sesudah masuk menjadi member website Anugrah Musik.
Gambar III.18. Gambar Halaman Antar Muka Sesudah Masuk
e. Halaman Kontak
Tampilan halaman kontak yang berfungsi untuk mengirim pesan.
Gambar III.19. Gambar Halaman Antar Muka Kontak
f. Produk
Tampilan halaman produk yang berisi produk yang tersedia.
Gambar III.20. Halaman Antar Muka Produk
g. Halaman Keranjang Belanja
Tampilan halaman keranjang belanja berfungsi untuk membeli produk.
Gambar III.21. Gambar Halaman Antar Muka Keranjang Belanja
h. Halaman Transaksi
Halaman tansaksi berfungsi untuk mengetahui produk yang di beli.
Gambar III.22. Gambar Halaman Antar Muka Transaksi
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perngkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan website e-commerce Anugrag Musik.
1. Spesifikasi perangkat keras
a. Server
1) Cpu
(a) ProcessorIntel® Pentium® Core 2 Duo
(b) RAM DDR2 2 GB
(c) Hard Disk 320 GB
2) Mouse
3) Keyboard
4) Monitor dengan minimal resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1) CPU
(a) ProcessorIntel® Pentium®
(b) RAM DDR21 GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan minimal resolusi layar minimum 1024x768
5) Koneksi internet dengan kecepatan 56 kbps.
2. Spesifikasi perangkat lunak
1. Server
a. Sistem operasi : Microsoft Windows
b. Aplikasi bundle web server seperti Xampp yang terdiri dari :
(1) Aplikasi Apache v2.4.3
(2) Aplikasi PHP v5.4.7
(3) Aplikasi My SQL v5.5.27
(4) Aplikasi phpMyAdmin v3.5.2.2
c. Aplikasi web browser seperti: Mozilla Firefox, Opera, Google chrome.
2. Client
a. Sistem operasi yang sering digunakan seperti: Microsoft Windows atau linux.
b. Aplikasi web browser seperti : Mozilla Firefox, Opera, Google chrome.
3.4.2. Pengujian Unit
Pengujian program yang dilakukan penulis adalah Pengujian Black Box adalah pengujian aspek fundamental sistem tanpa memperhatikan struktur logika internal perangkat lunak. Metode ini digunakan untuk mengetahui apakah perangkat lunak berfungsi dengan benar. Pada metode ini data uji dibangkitkan, dieksekusi pada perangkat lunak dan kemudian keluaran dari perangkat lunak dicek apakah telah sesuai dengan yang diharapkan.
1. Rencana Pengujian
Pengujian yang telah dilakukan selama membuat web ini, antara lain :
a. Pengujian unit merupakan pengujian ini difokuskan pada suatu unit dari program secara sendiri.
b. Pengujian Penerimaan. merupakan pengujian yang meyakinkan bahwa sistem telah sesuai dengan kebutuhan organisasi.
c. Pengujian perangkat lunak sistem informasi e-commerce ini, menggunakan metode black box. Pengujian black box berfokus pada persyaratan fungsional perangkat lunak yang dibuat.
Tabel III.18. Rencana Pengujian Perancangan.
Kelas Uji
Butir Uji
Tingkat Pengujian
Jenis Pengujian
Login
Hak akses penggunaan program
Modul
Blackbox
Form daftar
Menginput data dan menyimpan data
Modul
Blackbox
Form pemesanan
Menginput data dan menyimpan data
Modul
Blackbox
Form kontak
Menginput data dan menyimpan data
Modul
Blackbox
2. Kasus dan Hasil Pengujian
Kasus dan hasil pengujian dibuat untuk mengetahui apakah Perancangan E-commerce Anugrah Music dapat berjalan dengan baik atau tidak.
Tabel III.19. Pengujian Form Login
No
Skenario Pengujian
Test Case
Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Username dan Password tidak diisi kemudian di klik tombol login
Username : (kosong)
Password : (kosong)
Sistem menolak akses user dan fokus akan kembali ke Form login
Sesuai harapan
Valid
2
Mengetikan username dan password tidak diisi atau kosong kemudian klik tombol login
Username : admin
Password : (kosong)
Sistem menolak akses user dan fokus kembali ke form login
Sesuai harapan
Valid
3
User tidak diisi atau kosong dan password diisi kemudian klik tombol login
Username : (kosong)
Password : beruang
Sistem menolak akses user dan focus kembali ke form login
Sesuai harapan
Valid
4
Mengetikan dengan data yang benar pada username atau password kemudian klik login
Username: admin(benar)
Password:
apaaja(benar)
Sistem menerima akses dan menampilkan akun user
Sesuai harapan
Valid
5
Pada saat Mengklik Tentang Kami
Klik Tentang Kami
Sistem akan menampilkan tampilan Tentang kami
Sesuai harapan
Valid
Tabel III.20. Pengujian Form Daftar
No
Skenario Pengujian
Test Case
Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Menginputbeberapa form Pendaftaran dan klik simpan
Klik Simpan
Sistem menolak akses User dan fokus akan kembali ke Form daftar
Sesuai harapan
Valid
2
Menginput keseluruhan form pendaftaran dan klik simpan
Klik Simpan
Sistem menerima akses user dan fokus ke halaman form login
Sesuai harapan
Valid
Tabel III.21. Pengujian Form Pemesanan
No
Skenario Pengujian
Test Case
Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Menginputbeberapa form pemesanan dan klik Memesan Barang
Klik Memesan Barang
Sistem menolak akses User dan fokus akan kembali ke Form Pemesanan
Sesuai harapan
Valid
2
Menginput keseluruhan form pemesanan dan klik Memesan Barang
Klik Memesan Barang
Sistem menerima akses user dan fokus ke halaman form Pemesanan
Sesuai harapan
Valid
Tabel III.22. Pengujian Form Kontak
No
Skenario Pengujian
Test Case
Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Menginputbeberapa form Kontak dan klik Kirim Pesan
Klik Kirim Pesan
Sistem menolak akses User dan fokus akan kembali ke Form Kontak
Sesuai harapan
Valid
2
Menginput keseluruhan form pemesanan dan klik Kirim Pesan
Klik Kirim Pesan
Sistem menerima akses user dan fokus ke halaman form Kontak
Sesuai harapan
Valid
Tabel III.21 Pengujian Form Konfirmasi
No
Skenario Pengujian
Test Case
Hasil yang diharapkan
Hasil Pengujian
Kesimpulan
1
Menginputkode transaksi yang salah dan klik Ok
Memasukan kode transaksi yang salah
Sistem menolak akses User dan fokus akan kembali ke form konfirmasi
Sesuai harapan
Valid
2
Menginput kode transaksi yang benar dan klik Ok
Memasukan kode transaksi yang benar
Sistem menerima akses user dan fokus ke halaman form transaksi
Sesuai harapan
Valid
3. Kesimpulan Hasil Pengujian
Berdasarkan hasil pengujian dengan kasus uji sample diatas, maka penulis dapat menarik kesimpulan bahwa perangkat lunak bebas dari kesalahan sintak secara funsional mengeluarkan hasil yang sesuai dengan yang diharapkan.
BAB IVPENUTUP
4.1. Kesimpulan
Pada bab ini akan diulas tentang kesimpulan yang berisi hasil-hasil yang diperoleh setelah dilakukan analisis, desain, dan implementasi dari perancangan perangkat lunak yang dibangun dan telah dikembangkan serta saran-saran yang akan memberikan catatan penting dan kemungkinan perbaikan yang perlu dilakukan untuk pembangunan perangkat lunak selanjutnya.Selain itu pula, perlu disimpulkan berdasarkan hasil analisis dan pembahasan yang telah disusun dalam penulisan laporan ini, maka dapat disimpulkan sebagai berikut :
1. Website yang dibuat dapat memberikan kemudahan konsumen untuk melakukan transaksi penjualan tanpa harus datang langsung ke Anugrah Musik dan mempermudah cara mempromosikan barang tanpa mengeluarkan biaya yang lebih.
2. Website yang dibuat dapat memperluas pangsa pasar area secara bebas khususnya konsumen luar kota Bandung, tanpa mengeluarkan modal atau biaya yang besar.
4.2. Saran
Sebagai penulis tentuntunya tidaklah luput dari kekurangan dalam penerapan website e-commerce Anugrah Musik ini, mengingat waktu pengerjaan tugas akhir dan perancangan website yang cukup singkat serta kemampuan programming web penulis yang masih terbatas, maka ada beberapa hal yang dapat dijadikan acuan apabila dikemudian hari website ini akan di kembangkan, diantaranya:
1. Aplikasi e-commerce Anugrah Musik dapat dikembangkan dalam versi mobile dengan berbagai platform seperti iOS dan Android.
2. Melakukan pengembangan dan penyempurnaan sistem, seperti : peningkatan keamanan bertransaksi, fasilitas transaksi pembayaran dengan mengenkripsi setiap data-data transaksi pada website dan bekerja sama dengan pihak-pihak bank terkait.
DAFTAR PUSTAKA
Fathansyah. (2012). Basis Data. Bandung: Informatika.
Firdaus. (2007). 7 Jam Belajar Interaktif PHP dan MySQL dengan Dreamwever. Palembang: Maxikom.
Kusrini. (2007). Perancangan dan Pengelolaan Basis Data. Yogyakarta: Penerbit Andi.
Ramadhan, A. (2006). Pemrograman Web Database PHP dan MySQL. Jakarta: PT. Elex Media Komputindo.
Saputra, R. (2010). Simple Step Programming with CSS. Jakarta: PT. Elex Media Komputindo.
Simarmata, J. (2010). Rekayasa Web. Yogyakarta: Andi Offset.
Sofana, I. (2011). Teori dan Praktikum Jaringan Komputer. Bandung: Modula.
Sukamto, R. A. dan M.Shalahuddin. (2014). Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek. Bandung: Informatika.
Sutopo, A. H. (2007). Pemrograman Flash dengan PHP dan MySQL. Yogyakarta: Graha Ilmu.
Wong, J. (2010). Internet Marketing for Beginners. Jakarta: PT. Elex Media Komputindo.
DAFTAR RIWAYAT HIDUP
1. Biodata Mahasiswa
NIM : 12127301
Nama : Eka Aria Yogaswara
Tempat Tanggal Lahir : Bandung, 29 April 1994
Alamat : KP.BLOK PJKA No.019
RT 001/ RW 004 Desa Kertajaya
Kec.Padalarang Kab.Bandung Barat
1. Riwayat Pendidikan Formal
1. 2000-2006 SDN KRIDA UTAMA
1. 2006-2009 SMPN 1 NGAMPRAH
1. 2009-2012 SMAN 1 PADALARANG
Bandung, 30 Juli 2015
FOTO
2 x 3
Eka Aria Yogaswara
LAMPIRAN
A.1. Halaman Admin
A.2. Halaman Detail Produk
A.3. Pemesanan
A.4. Halaman Konfirmasi
A.5. Halaman Data Pelanggan
A.6. Halaman Testimoni
E1E2R1
E1
E2
R1
E1E2R1
E2
E1
E2
R1
E2
E1E2R1
E2
E2
E1
E2
R1
E2
E2
E1E4E2
E3
R1
R3
R2
E1
R1
E4
E2
E3
R3
R2
Slide Show
Menu
5
Gambar 1
Gambar 3
Gambar
2
footer
Header
Menu 1Menu 2Menu 4Menu 3
Header
Menu 1
Menu 2
Menu 4
Menu 3
Slide Show
Menu 5
Gambar 1
Gambar 3
Gambar 2
footer
Header
Menu 1Menu 2Menu 4Menu 3
Form
Footer
Header
Menu 1
Menu 2
Menu 4
Menu 3
Form
Footer
Header
Menu 1Menu 2Menu 4Menu 3
Form
Footer
Header
Menu 1
Menu 2
Menu 4
Menu 3
Form
Footer
Slide Show
Menu
7
Gambar 1
Gambar 3
Gambar 2
footer
Header
Menu 1Menu 2Menu 4Menu 3Menu 5Menu 6
Header
Menu 1
Menu 2
Menu 5
Menu 4
Menu 3
Slide Show
Menu 7
Gambar 1
Gambar 3
Gambar 2
footer
Menu 6
Header
Menu 1Menu 2Menu 5Menu 4Menu 3
Form
Footer
Menu 6
Header
Menu 1
Menu 2
Menu 5
Menu 4
Menu 3
Form
Footer
Menu 6
Gambar 2
Gambar 3
Gambar 1
footer
Header
Menu 1Menu 2Menu 4Menu 3Menu 5Menu 6
Header
Menu 1
Menu 2
Menu 5
Menu 4
Menu 3
Gambar 2
Gambar 3
Gambar 1
footer
Menu 6
Header
Menu 1Menu 2Menu 5Menu 4Menu 3
Footer
Menu 6
form1form5form4form3form2
form6
Header
Menu 1
Menu 2
Menu 5
Menu 4
Menu 3
form1
Footer
Menu 6
form5
form4
form3
form2
form6
Header
Menu 1Menu 2Menu 5Menu 4Menu 3
Form 1
Footer
Menu 6
Form 2
Header
Menu 1
Menu 2
Menu 5
Menu 4
Menu 3
Form 1
Footer
Menu 6
Form 2
Header
Menu 1Menu 2Menu 5Menu 4Menu 3
Form1
Footer
Menu 6
Form3Form4
Form2
Header
Menu 1
Menu 2
Menu 5
Menu 4
Menu 3
Form1
Footer
Menu 6
Form3
Form4
Form2
Header
Menu 1Menu 2Menu 5Menu 4Menu 3
Form
Footer
Menu 6
Header
Menu 1
Menu 2
Menu 5
Menu 4
Menu 3
Form
Footer
Menu 6
kontak
Status_baca
Isi_pesan
Id_kontak
Id_user
Transaksi
No_rekening
Total_harga
Tgl_transaksi
kode_transaksi
kartu
stok
Kota_penerima
Atas_nama
Id_user
Kode_pos
Id_transaksi
Alamat_penerima
Created_at
Id_user
kotausername
password
nama_depan
alamat
Kode_pos
telepon
status
Created_at
Updated_at
nama_belakang
user
Id_konfirmasi
Created_at
Kode_transaksi
melakukan
Id_transaksi
keterangan
Id_user
Keterangan_singkat
Kategori_produk
Nama_produk
Kode_produk
Id_produk
Harga_produk
Sub_kategori
gambar
stok
Best_produk
Produk
mengirim
Id_user
konfirmasi
Created_at
Updated_at
Id_user
mengambil
Id_user
melakukanMencari
1
Id_transaksiId_konfirmasi
Id_transaksi
Id_userId_konfirmasi
Id_transaksi
Id_produk
Memberi
Testimoni
Isi_testimoni
Id_user
Updated_at
Id_testimoni
Created_at
Id_testimoni
1
M
MM
N
1
1
11
1
M
1
Id_user
Transaksi
Id_user
kota
username
password
nama_depan
alamat
Kode_pos
telepon
status
Created_at
Updated_at
nama_belakang
No_rekening
user
Total_harga
Tgl_transaksi
kode_transaksi
kartu
stok
Kota_penerima
Atas_nama
Id_user
Kode_pos
Id_transaksi
Alamat_penerima
Created_at
Created_at
Updated_at
Id_user
kontak
Status_baca
melakukan
Isi_pesan
Id_kontak
keterangan
Id_user
Keterangan_singkat
Kategori_produk
Nama_produk
Kode_produk
Id_produk
Harga_produk
Sub_kategori
gambar
stok
Best_produk
Produk
Id_user
Id_transaksi
Id_user
mengambil
Id_konfirmasi
Created_at
Kode_transaksi
Mencari
1
konfirmasi
mengirim
Id_user
Id_transaksi
Id_konfirmasi
Id_transaksi
melakukan
Id_user
Id_konfirmasi
Id_transaksi
Id_produk
Memberi
Testimoni
Isi_testimoni
Id_user
Updated_at
Id_testimoni
Created_at
Id_testimoni
1
M
M
M
N
1
1
1
1
1
M
1
Id_user
tb_user
id_user (PK)
username
password
nama_depan
nama_belakang
alamat
kota
kode_pos
telepon
status
created_at
updated_at
tb_produk
id_produk (PK)
kode_produk
nama_produk
gambar
stok
harga_produk
best_produk
kategori_produk
sub_kategori
keterangan_singkat
keterangan
tb_transaksi
id_transaksi (PK)
kode_transaksi
tgl_transaksi
kartu
no_rekening
atas_nama
alamat_penerima
kota_penerima
kode_pos
total_harga
created_at
update_at
id_user (FK)
tb_transbarang
id_transbarang (PK)
id_produk (FK)
id_transaksi (FK)
created_at
updated_at
tb_kontak
id_kontak (PK)
isi_pesan
status_baca
created_at
id_user (FK)
tb_konfirmasi
id_konfirmasi (PK)
kode_transaksi
id_transaksi
created_at
id_user (FK)
M
1
M
1
M
1
1
M
1
1
1
1
tb_testimoni
id_testimoni (PK)
isi_testimoni
id_user (FK)
created_at
updated_at
1
M
View
Tentang Kami
Anggota
Produk
Pesanan
Konfirmasi
Gitar Elektrik
Gitar Akustik
Drum
Kontak
Pengaturan
Logout
Login
Konfirmasi
Login
Gitar Elektrik
Gitar Akustik
Tentang Kami
Anggota
Produk
Pesanan
Drum
Kontak
Pengaturan
Logout
Main Page
Beranda
Gitar Akustik
Semua
Produk
Keranjang
Belanja
Kontak
Tentang kami
Pemesanan
Keluar
Gitar Elektrik
Drum
Produk Detail
konfirmasi
Main Page
Beranda
Gitar Akustik
Semua Produk
Keranjang Belanja
Kontak
Tentang kami
Pemesanan
Keluar
Gitar Elektrik
Drum
Produk Detail
konfirmasi