tugas akhir · web viewlembar pernyataan keaslian tugas akhir yang bertanda tangan di bawah ini:...

116
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”

Upload: others

Post on 25-Jan-2021

4 views

Category:

Documents


0 download

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

Email

Email

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

Email

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

Email

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

email

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