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