Institutional Repository | Satya Wacana Christian University: Perancangan Aplikasi Website E-Commerce pada Toko Venus Computer Equipment Kudus
PERANCANGAN APLIKASI WEBSITE E-COMMERCE
PADA TOKO VENUS COMPUTER EQUIPMENT KUDUS
DIAJUKAN KEPADA
FAKULTAS TEKNOLOGI INFORMASI
UNTUK MEMPEROLEH GELAR AHLI MADYA KOMPUTER
Disusun Oleh :
Dewi Wulansari
562011003
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS KRISTEN SATYA WACANA
SALATIGA
2014
PERANCANGAN APLIKASI WEBSITE E-COMMERCE
PADA TOKO VENUS COMPUTER EQUIPMENT KUDUS
LAPORAN TUGAS AKHIR
Disusun Oleh :
Dewi Wulansari
562011003
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS KRISTEN SATYA WACANA
SALATIGA
2014
ii
xvi
xvii
iii
iv
v
KATA PENGANTAR
Segala puji syukur kepada Tuhan Yang Maha Esa, atas berkat,
rahmat dan karunia-Nya, sehingga laporan Tugas Akhir yang berjudul
Pembangunan Website E-Commerce pada Toko Venus Computer Equipment
Kudus ini dapat terselesaikan dengan baik. Laporan Tugas Akhir ini dibuat
sebagai salah satu syarat kelulusan yang sesuai dengan tugas yang diberikan
oleh Diploma III Teknik Informatika, Fakultas Teknologi Informasi di
Universitas Kristen Satya Wacana Salatiga.
Pengalaman yang penulis dapatkan selama mengerjakan Tugas Akhir
dan Laporan Tugas Akhir ini adalah harus pandai dalam mengatur waktu
dalam pengerjaan karena pada kesempatan ini, penulis mengerjakan Laporan
Tugas Akhir bersamaan dengan pengerjaan Laporan Kerja Praktek dimana
penulis sendiri masih dalam masa pelaksanaan Kerja Praktek di Grand
Wahid Hotel Salatiga.
Adapun dalam pengerjaan Tugas Akhir dan Laporan Tugas Akhir ini,
penulis mengucapkan terima kasih yang ditujukan kepada :
1. Bapak Dr. Dharmaputra Tadulangga Palekahelu, M.Pd. sebagai
Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya
Wacana.
2. Bapak Sri Winarso Martyas Edi, S.Kom., M.Cs. sebagai Kaprogdi
D3 Teknik Informatika, dosen pengajar konsentrasi Multimedia dan
Web yang dengan sangat sabar meluangkan waktu untuk mendengar,
membimbing, penulis selama 3 tahun menempuh studi di D3 TI
UKSW.
vi
3. Bapak Budhi Kristianto, S.Kom., M.Sc. sebagai dosen konsentrasi
Jaringan di D3 Teknik Informatika, Fakultas Teknologi Infornasi,
Universitas Kristen Satya Wacana.
4. Bapak Felix David, S.Kom. selaku dosen konsentrasi programming
dan pembimbing yang telah meluangkan waktu untuk membimbing
dan mengarahkan penulis untuk penyusunan laporan tugas akhir ini.
5. Bapak Teguh Wahyono, S.Kom., M.Cs., sebagai dosen pembimbing
konsentrasi Multimedia dan Penulisan Karya Ilmiah, yang telah
memberikan saran dan ilmu dalam penulisan laporan tugas akhir.
6. Orang tua dan keluarga penulis di Kudus dan Salatiga, yang telah
memberikan banyak bantuan, dukungan dan do’a.
7. Ari, yang selama ini dengan sabar selalu membantu penulis apabila
mengalami kesulitan, banyak memberikan semangat, inspirasi, do’a,
dukungan dan nasehat untuk terus berkembang dan tidak pantang
menyerah dalam pengerjaan Tugas Akhir dan Laporan Tugas Akhir.
8. Selly, Iva, Puji, Linda, Meilina dan seluruh teman-teman D3 Teknik
Informatika angkatan 2011 yang tidak dapat disebutkan satu persatu,
atas segala bantuan dalam proses belajar bersama di bangku kuliah
selama 3 tahun ini, serta terima kasih untuk setiap kenangan,
dukungan, do’a dan saling memberi semangat dalam pengerjaan
tugas akhir dan laporan tugas akhir ini.
9. Pihak-pihak lain yang tidak dapat penulis sebutkan satu per satu yang
telah memberikan dukungan dan bantuan serta yang terlibat dalam
perancangan Tugas Akhir dan penulisan laporan Tugas Akhir ini.
Akhir kata, diharapkan supaya laporan ini dapat bermanfaat dan
menjadi inspirasi bagi para pembaca dan untuk pengembangan ke
depannya. Penulis pun menyadari bahwa masih ada kekurangan dalam
vii
laporan ini, sehingga kritik dan saran akan penulis terima dengan senang
hati demi perbaikan laporan ini.
Salatiga, Agustus 2014
Penulis
viii
DAFTAR ISI
Judul .............................................................................................................. i
Halaman Judul ............................................................................................. ii
Lembar Pengesahan .................................................................................... iii
Lembar Peryataan Bebas Plagiasi ............................................................... iv
Lembar Pernyataan Persetujuan Publikasi ................................................... v
Kata Pengantar ............................................................................................ vi
Daftar Isi ..................................................................................................... ix
Daftar Gambar ........................................................................................... xii
Daftar Tabel .............................................................................................. xiv
Daftar Lampiran ......................................................................................... xv
BAB I. PENDAHULUAN ........................................................................... 1
1.1. Latar Belakang ...................................................................................... 1
1.2. Tujuan ................................................................................................... 2
1.2.1. Tujuan Umum ......................................................................... 2
1.2.2. Tujuan Khusus ........................................................................ 2
1.3. Rumusan Masalah ................................................................................. 3
1.4. Batasan Masalah ................................................................................... 3
1.5. Metodologi Penelitian ........................................................................... 4
1.5.1. Planning (Perencanaan) .......................................................... 4
1.5.2. Designing (Desain) ................................................................. 4
1.5.3. Rekayasa dan Pemodelan Sistem/Informasi ........................... 5
1.5.4. Scripting (Pemrograman) ....................................................... 5
1.5.5. Testing (Pengujian) ................................................................. 5
1.5.6. Maintenance (Pemeliharaan Secara Berkala) ......................... 5
ix
BAB II. TINJAUAN PUSTAKA ................................................................ 7
2.1. Penelitian Terdahulu ............................................................................. 7
2.2. Landasan Teori...................................................................................... 7
2.2.1. Pengertian E-Commerce ............................................................ 7
2.2.2. Interaksi Manusia dan Komputer (IMK) ................................... 9
2.2.3. Internet ..................................................................................... 10
2.2.4. World Wide Web (www)............................................................ 10
2.2.5. Web Server ................................................................................ 11
2.2.6. Web Browser ............................................................................. 12
2.2.7. HTML ....................................................................................... 12
2.2.8. Bahasa Pemrograman................................................................ 12
2.2.9. Database ................................................................................... 14
BAB III. PERANCANGAN SISTEM ....................................................... 16
3.1. Data Flow Diagram (DFD) ................................................................ 16
3.1.1. Data Flow Diagram Level 0 ..................................................... 16
3.1.2. Data Flow Diagram Level 1 ..................................................... 17
3.1.3. Data Flow Diagram Level 2 ..................................................... 18
3.2. Flowchart Sistem ................................................................................ 19
3.2.1. Flowchart Customer ................................................................. 19
3.2.2. Flowchart Visitors .................................................................... 19
3.3. Jaringan Semantik Lampiran (JST) .................................................... 20
3.3.1. JST Web .................................................................................... 20
3.3.2. JST Admin ................................................................................. 23
3.4. Lembar Kerja Tampilan (LKT) .......................................................... 24
3.4.1. LKT Web ................................................................................... 24
3.4.2. LKT Admin ............................................................................... 29
BAB IV. HASIL DAN ANALISIS ........................................................... 31
4.1. Hasil Karya/Implementasi .................................................................. 31
x
4.2. Hasil Pengujian ................................................................................... 40
4.2.1. Pengujian Perangkat Customer ................................................. 40
4.3. Analisis ............................................................................................... 41
BAB V. PENUTUP ................................................................................... 43
5.1. Kesimpulan ......................................................................................... 43
5.2. Saran ................................................................................................... 43
DAFTAR PUSTAKA
LAMPIRAN
xi
DAFTAR GAMBAR
Gambar 3.1. DFD Level 0 Website Venus Computer Equipment ........... 16
Gambar 3.2. DFD Level 1 Website Venus Computer Equipment ......... 17
Gambar 3.3. DFD Level 2 Website Venus Computer Equipment ........... 18
Gambar 3.4. Flowchart Customer ........................................................... 19
Gambar 3.5. Flowchart Visitors / Pengunjung Web ................................ 19
Gambar 3.6. Jaringan Semantik Tampilan (JST) Web ............................ 20
Gambar 3.7. JST Admin ..........................................................................23
Gambar 3.8. LKT tampilan Home .......................................................... 24
Gambar 3.9. LKT tampilan Tentang Kami .............................................. 25
Gambar 3.10. LKT tampilan Cara Pembelian ......................................... 25
Gambar 3.11. LKT tampilan Service ....................................................... 26
Gambar 3.12. LKT form Order Barang ................................................... 27
Gambar 3.13. LKT Produk dari tiap Categories ...................................... 27
Gambar 3.14. LKT Detail Barang dari tiap Produk ................................. 28
Gambar 3.15. LKT Berita Teknologi daru sub menu News .................... 28
Gambar 3.16. LKT tampilan Home pada Admin .................................... 29
Gambar 3.17. LKT tampilan Tambah Produk ......................................... 29
Gambar 3.18. LKT tampilan Tambah Berita ........................................... 30
Gambar 4.1. Page tab Halaman Utama/Home ........................................ 31
Gambar 4.2. Page tab Tentang Kami ...................................................... 32
Gambar 4.3. Page tab Cara Pembelian .................................................... 33
xii
Gambar 4.5. Page tab Service ................................................................. 34
Gambar 4.6. Page tab Order .................................................................... 35
Gambar 4.7. Page Produk dari Categories............................................... 36
Gambar 4.8. Daftar Nomor Rekening untuk Transaksi ........................... 37
Gambar 4.9. Tab News ............................................................................ 37
Gambar 4.10. Page Details ...................................................................... 38
Gambar 4.11. Tampilan Lengkap Berita Teknologi ................................ 38
Gambar 4.12. Tampilan Home pada Admin ............................................ 39
Gambar 4.13. Tampilan tambah produk pada Admin.............................. 39
Gambar 4.14. Tampilan tambah Berita pada Admin ............................... 40
xiii
DAFTAR TABEL
Tabel 4.1. Tabel Pengujian Perangkat Customer………………………..40
xiv
DAFTAR LAMPIRAN
Kartu Bimbingan Tugas Akhir
xv
PADA TOKO VENUS COMPUTER EQUIPMENT KUDUS
DIAJUKAN KEPADA
FAKULTAS TEKNOLOGI INFORMASI
UNTUK MEMPEROLEH GELAR AHLI MADYA KOMPUTER
Disusun Oleh :
Dewi Wulansari
562011003
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS KRISTEN SATYA WACANA
SALATIGA
2014
PERANCANGAN APLIKASI WEBSITE E-COMMERCE
PADA TOKO VENUS COMPUTER EQUIPMENT KUDUS
LAPORAN TUGAS AKHIR
Disusun Oleh :
Dewi Wulansari
562011003
PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS KRISTEN SATYA WACANA
SALATIGA
2014
ii
xvi
xvii
iii
iv
v
KATA PENGANTAR
Segala puji syukur kepada Tuhan Yang Maha Esa, atas berkat,
rahmat dan karunia-Nya, sehingga laporan Tugas Akhir yang berjudul
Pembangunan Website E-Commerce pada Toko Venus Computer Equipment
Kudus ini dapat terselesaikan dengan baik. Laporan Tugas Akhir ini dibuat
sebagai salah satu syarat kelulusan yang sesuai dengan tugas yang diberikan
oleh Diploma III Teknik Informatika, Fakultas Teknologi Informasi di
Universitas Kristen Satya Wacana Salatiga.
Pengalaman yang penulis dapatkan selama mengerjakan Tugas Akhir
dan Laporan Tugas Akhir ini adalah harus pandai dalam mengatur waktu
dalam pengerjaan karena pada kesempatan ini, penulis mengerjakan Laporan
Tugas Akhir bersamaan dengan pengerjaan Laporan Kerja Praktek dimana
penulis sendiri masih dalam masa pelaksanaan Kerja Praktek di Grand
Wahid Hotel Salatiga.
Adapun dalam pengerjaan Tugas Akhir dan Laporan Tugas Akhir ini,
penulis mengucapkan terima kasih yang ditujukan kepada :
1. Bapak Dr. Dharmaputra Tadulangga Palekahelu, M.Pd. sebagai
Dekan Fakultas Teknologi Informasi, Universitas Kristen Satya
Wacana.
2. Bapak Sri Winarso Martyas Edi, S.Kom., M.Cs. sebagai Kaprogdi
D3 Teknik Informatika, dosen pengajar konsentrasi Multimedia dan
Web yang dengan sangat sabar meluangkan waktu untuk mendengar,
membimbing, penulis selama 3 tahun menempuh studi di D3 TI
UKSW.
vi
3. Bapak Budhi Kristianto, S.Kom., M.Sc. sebagai dosen konsentrasi
Jaringan di D3 Teknik Informatika, Fakultas Teknologi Infornasi,
Universitas Kristen Satya Wacana.
4. Bapak Felix David, S.Kom. selaku dosen konsentrasi programming
dan pembimbing yang telah meluangkan waktu untuk membimbing
dan mengarahkan penulis untuk penyusunan laporan tugas akhir ini.
5. Bapak Teguh Wahyono, S.Kom., M.Cs., sebagai dosen pembimbing
konsentrasi Multimedia dan Penulisan Karya Ilmiah, yang telah
memberikan saran dan ilmu dalam penulisan laporan tugas akhir.
6. Orang tua dan keluarga penulis di Kudus dan Salatiga, yang telah
memberikan banyak bantuan, dukungan dan do’a.
7. Ari, yang selama ini dengan sabar selalu membantu penulis apabila
mengalami kesulitan, banyak memberikan semangat, inspirasi, do’a,
dukungan dan nasehat untuk terus berkembang dan tidak pantang
menyerah dalam pengerjaan Tugas Akhir dan Laporan Tugas Akhir.
8. Selly, Iva, Puji, Linda, Meilina dan seluruh teman-teman D3 Teknik
Informatika angkatan 2011 yang tidak dapat disebutkan satu persatu,
atas segala bantuan dalam proses belajar bersama di bangku kuliah
selama 3 tahun ini, serta terima kasih untuk setiap kenangan,
dukungan, do’a dan saling memberi semangat dalam pengerjaan
tugas akhir dan laporan tugas akhir ini.
9. Pihak-pihak lain yang tidak dapat penulis sebutkan satu per satu yang
telah memberikan dukungan dan bantuan serta yang terlibat dalam
perancangan Tugas Akhir dan penulisan laporan Tugas Akhir ini.
Akhir kata, diharapkan supaya laporan ini dapat bermanfaat dan
menjadi inspirasi bagi para pembaca dan untuk pengembangan ke
depannya. Penulis pun menyadari bahwa masih ada kekurangan dalam
vii
laporan ini, sehingga kritik dan saran akan penulis terima dengan senang
hati demi perbaikan laporan ini.
Salatiga, Agustus 2014
Penulis
viii
DAFTAR ISI
Judul .............................................................................................................. i
Halaman Judul ............................................................................................. ii
Lembar Pengesahan .................................................................................... iii
Lembar Peryataan Bebas Plagiasi ............................................................... iv
Lembar Pernyataan Persetujuan Publikasi ................................................... v
Kata Pengantar ............................................................................................ vi
Daftar Isi ..................................................................................................... ix
Daftar Gambar ........................................................................................... xii
Daftar Tabel .............................................................................................. xiv
Daftar Lampiran ......................................................................................... xv
BAB I. PENDAHULUAN ........................................................................... 1
1.1. Latar Belakang ...................................................................................... 1
1.2. Tujuan ................................................................................................... 2
1.2.1. Tujuan Umum ......................................................................... 2
1.2.2. Tujuan Khusus ........................................................................ 2
1.3. Rumusan Masalah ................................................................................. 3
1.4. Batasan Masalah ................................................................................... 3
1.5. Metodologi Penelitian ........................................................................... 4
1.5.1. Planning (Perencanaan) .......................................................... 4
1.5.2. Designing (Desain) ................................................................. 4
1.5.3. Rekayasa dan Pemodelan Sistem/Informasi ........................... 5
1.5.4. Scripting (Pemrograman) ....................................................... 5
1.5.5. Testing (Pengujian) ................................................................. 5
1.5.6. Maintenance (Pemeliharaan Secara Berkala) ......................... 5
ix
BAB II. TINJAUAN PUSTAKA ................................................................ 7
2.1. Penelitian Terdahulu ............................................................................. 7
2.2. Landasan Teori...................................................................................... 7
2.2.1. Pengertian E-Commerce ............................................................ 7
2.2.2. Interaksi Manusia dan Komputer (IMK) ................................... 9
2.2.3. Internet ..................................................................................... 10
2.2.4. World Wide Web (www)............................................................ 10
2.2.5. Web Server ................................................................................ 11
2.2.6. Web Browser ............................................................................. 12
2.2.7. HTML ....................................................................................... 12
2.2.8. Bahasa Pemrograman................................................................ 12
2.2.9. Database ................................................................................... 14
BAB III. PERANCANGAN SISTEM ....................................................... 16
3.1. Data Flow Diagram (DFD) ................................................................ 16
3.1.1. Data Flow Diagram Level 0 ..................................................... 16
3.1.2. Data Flow Diagram Level 1 ..................................................... 17
3.1.3. Data Flow Diagram Level 2 ..................................................... 18
3.2. Flowchart Sistem ................................................................................ 19
3.2.1. Flowchart Customer ................................................................. 19
3.2.2. Flowchart Visitors .................................................................... 19
3.3. Jaringan Semantik Lampiran (JST) .................................................... 20
3.3.1. JST Web .................................................................................... 20
3.3.2. JST Admin ................................................................................. 23
3.4. Lembar Kerja Tampilan (LKT) .......................................................... 24
3.4.1. LKT Web ................................................................................... 24
3.4.2. LKT Admin ............................................................................... 29
BAB IV. HASIL DAN ANALISIS ........................................................... 31
4.1. Hasil Karya/Implementasi .................................................................. 31
x
4.2. Hasil Pengujian ................................................................................... 40
4.2.1. Pengujian Perangkat Customer ................................................. 40
4.3. Analisis ............................................................................................... 41
BAB V. PENUTUP ................................................................................... 43
5.1. Kesimpulan ......................................................................................... 43
5.2. Saran ................................................................................................... 43
DAFTAR PUSTAKA
LAMPIRAN
xi
DAFTAR GAMBAR
Gambar 3.1. DFD Level 0 Website Venus Computer Equipment ........... 16
Gambar 3.2. DFD Level 1 Website Venus Computer Equipment ......... 17
Gambar 3.3. DFD Level 2 Website Venus Computer Equipment ........... 18
Gambar 3.4. Flowchart Customer ........................................................... 19
Gambar 3.5. Flowchart Visitors / Pengunjung Web ................................ 19
Gambar 3.6. Jaringan Semantik Tampilan (JST) Web ............................ 20
Gambar 3.7. JST Admin ..........................................................................23
Gambar 3.8. LKT tampilan Home .......................................................... 24
Gambar 3.9. LKT tampilan Tentang Kami .............................................. 25
Gambar 3.10. LKT tampilan Cara Pembelian ......................................... 25
Gambar 3.11. LKT tampilan Service ....................................................... 26
Gambar 3.12. LKT form Order Barang ................................................... 27
Gambar 3.13. LKT Produk dari tiap Categories ...................................... 27
Gambar 3.14. LKT Detail Barang dari tiap Produk ................................. 28
Gambar 3.15. LKT Berita Teknologi daru sub menu News .................... 28
Gambar 3.16. LKT tampilan Home pada Admin .................................... 29
Gambar 3.17. LKT tampilan Tambah Produk ......................................... 29
Gambar 3.18. LKT tampilan Tambah Berita ........................................... 30
Gambar 4.1. Page tab Halaman Utama/Home ........................................ 31
Gambar 4.2. Page tab Tentang Kami ...................................................... 32
Gambar 4.3. Page tab Cara Pembelian .................................................... 33
xii
Gambar 4.5. Page tab Service ................................................................. 34
Gambar 4.6. Page tab Order .................................................................... 35
Gambar 4.7. Page Produk dari Categories............................................... 36
Gambar 4.8. Daftar Nomor Rekening untuk Transaksi ........................... 37
Gambar 4.9. Tab News ............................................................................ 37
Gambar 4.10. Page Details ...................................................................... 38
Gambar 4.11. Tampilan Lengkap Berita Teknologi ................................ 38
Gambar 4.12. Tampilan Home pada Admin ............................................ 39
Gambar 4.13. Tampilan tambah produk pada Admin.............................. 39
Gambar 4.14. Tampilan tambah Berita pada Admin ............................... 40
xiii
DAFTAR TABEL
Tabel 4.1. Tabel Pengujian Perangkat Customer………………………..40
xiv
DAFTAR LAMPIRAN
Kartu Bimbingan Tugas Akhir
xv