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 2014 i
ii
iii
iv
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 Perancangan 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. 3. BapakSri Winarso Martyas Edi, S.Kom, M.Cs. Selaku Kepala Program Studi Teknik Informatika, Diploma Fakultas Teknologi Informasi, Universitas Kristen Satya Wacana Salatiga. v
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 Agung Nugroho Daryanto vi
Daftar Isi Judul... i LembarPengesahan... ii LembarPernyataanBebasPlagiasi... iii LembarPernyataanPersetujuanPublikasi... iv KataPengantar... v DaftarIsi... vii DaftarGambar... ix Daftar Lampiran... xi Bab I Pendahuluan 1.1 LatarBelakang... 1 1.2 Tujuan... 3 1.3 Rumusan Masalah... 4 1.4 Batasan Masalah... 5 1.5 Metodologi... 5 BabIITinjauanPustaka 2.1 Penelitian Terdahulu... 7 2.2 Landasan Teori... 8 Bab III PerancanganSistem 3.1 Perancangan... 13 3.2 Rancangan Use Case Diagram... 15 vii
3.3 Rancangan DFD... 16 3.4 Struktur Halaman Website... 19 3.5 Desain Database... 21 3.6 Flowchart... 24 Bab IV Hasil dan Analisis 4.1 Hasil Karya / Implementasi... 50 4.2 Hasil Pengujian... 69 4.3 Analisis... 69 Bab V Penutup 5.1 Kesimpulan... 70 5.2 Saran... 70 Daftar Pustaka... 72 Lampiran... 73 viii
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 Gambar 3.23Flowchart kategori produk admin... 44 ix
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 Gambar 4.19 Halaman Order Admin... 68 x
Daftar Lampiran Lampiran Kode Website... 73 Lampiran Weekly Report... 99 xi
12