Institutional Repository | Satya Wacana Christian University: Perancangan Aplikasi Web E-Commerce WK Komputer Berbasis Multimedia
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
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