i
Perancangan Aplikasi Web E-Commerce
WK Komputer Berbasis Multimedia
Laporan Tugas Akhir
Oleh:
Agung Nugroho Daryanto 562011602
Program Studi Diploma Teknik Informatika
FakultasTeknologiInformasi
Universitas Kristen SatyaWacana
Salatiga
v
Kata Pengantar
Segala puji dan syukur penulis panjatkan kehadirat Tuhan Yesus Kristus atas berkat dan anugerahnya yang sangat luar biasa sehingga penulis dapat menyelesaikan penulisan laporan Tugas Akhir dengan baik yang berjudul“Perancanga n
Aplikasi Web E – Commerce WK Komputer Berbasis
Multimedia” Laporan tugas akhir ini disusun untuk
mendapatkan gelar Ahli Madya Komputer pada Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi Universitas Kristen Satya Wacana Salatiga. Penulis juga menyadari bahwa terselesaikan laporan ini tidak lepas dari peran orang-orang yang sudah mendukung dalam pembuatan laporan ini, maka penulis ingin mengucapkan terima kasih kepada :
1. Dr. Dharmaputra T. Palekahelu, M. Pd sebagai Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana.
2. Bapak Drs. Prihanto Ngesti Basuki, M.Kom yang telah berkenan meluangkan waktu untuk memberikan bimbingan dalam penyusunan Tugas Akhir ini.
vi
4. Orang tua serta keluarga , yang telah memberikan dukungan moril maupun materil kepada penulis untuk selalu mencapai hasil yang terbaik.
5. Semua teman-teman D3 Teknik Informatika 2011 yang sudah memberikan dukungan, serta kebersamaannya selama ini.
6. Serta semua pihak yang tidak dapat penulis sebutkan satu persatu.
Salatiga, 18 Agustus 2014
vii
Daftar Isi
Judul ... i
LembarPengesahan ... ii
LembarPernyataanBebasPlagiasi ... iii
LembarPernyataanPersetujuanPublikasi ... iv
KataPengantar ... v
DaftarIsi ... vii
DaftarGambar ... ix
Daftar Lampiran ... xi
Bab I Pendahuluan 1.1LatarBelakang ... 1 2.1Penelitian Terdahulu ... 7
2.2Landasan Teori ... 8
Bab III PerancanganSistem 3.1Perancangan ... 13
viii
3.3Rancangan DFD ... 16
3.4Struktur Halaman Website ... 19
3.5Desain Database ... 21
3.6Flowchart ... 24
Bab IV Hasil dan Analisis 4.1 Hasil Karya / Implementasi ... 50
4.2 Hasil Pengujian... 69
ix
Daftar Gambar
Gambar 3.1 Use Case Diagram ... 15
Gambar 3.2 DFD Tingkat 0 ... 16
Gambar 3.3 DFD Tingkat 1 ... 17
Gambar 3.4 Struktur Halaman Website ... 19
Gambar 3.5Relasi tbl cms dan kategori... 21
Gambar 3.6 Database user ... 21
Gambar 3.7Relasi tbl, orders,orders_detail,produk ,orders_temp,kategori ... 22
Gambar 3.8Database setting ... 23
Gambar 3.9 Database download ... 23
Gambar 3.10 Flowchart Menu Utama ... 24
Gambar 3.11Flowchart pemesanan produk ... 26
Gambar 3.12Flowchart login anggota ... 27
Gambar 3.13 Flowchart daftar anggota ... 29
Gambar 3.14Flowchart menu utama anggota ... 30
Gambar 3.15Flowchart berita anggota ... 31
Gambar 3.16Flowchart login administrator... 32
Gambar 3.17 Flowchart menu admin ... 33
Gambar 3.18 Flowchart setting admin ... 34
Gambar 3.19 Flowchart user admin ... 36
Gambar 3.20 Flowchart kategori berita admin ... 38
Gambar 3.21 Flowchart berita admin ... 40
Gambar 3.22 Flowchart download admin ... 42
x
Gambar 3.24Flowchart produk admin ... 46
Gambar 3.25Flowchart order admin ... 48
Gambar 4.1Halaman Home ... 50
Gambar 4.2 Halaman Berita ... 51
Gambar 4.3 Halaman Download... 52
Gambar 4.4 Halaman Profile ... 53
Gambar 4.5 Halaman Produk ... 54
Gambar 4.6 Halaman Keranjang Belanja ... 55
Gambar 4.7 Halaman Hubungi Kami ... 56
Gambar 4.8 Halaman Login ... 57
Gambar 4.9 Halaman Home User ... 58
Gambar 4.10 Halaman Berita User ... 59
Gambar 4.11 Halaman Admin ... 60
Gambar 4.12 Halaman Setting Admin ... 61
Gambar 4.13 Halaman User Admin ... 62
Gambar 4.14 Halaman Kategori Berita Admin ... 63
Gambar 4.15 Halaman Berita Admin ... 64
Gambar 4.16 Halaman Download Admin ... 65
Gambar 4.17 Halaman Kategori Produk Admin ... 66
Gambar 4.18 Halaman Produk Admin ... 67
xi