Institutional Repository | Satya Wacana Christian University: Pembuatan Website pada Distro Happy Sunday sebagai Media Promosi dan Informasi
Pembuatan Website Pada Distro Happy Sunday
Sebagai Media Promosi Dan Informasi
Diajukan Kepada
Fakultas Teknologi Informasi
Untuk Memperoleh Gelar Ahli Madya Komputer
Oleh:
Setya Adde Christiyanto
562010026
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2013
Pembuatan Website Pada Distro Happy Sunday
Sebagai Media Promosi dan Informasi
Laporan Tugas Akhir
Oleh:
Setya Adde Christiyanto
562010026
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2013
i
ii
iii
iv
KATA PENGANTAR
Segala puji syukur penulis panjatkan kehadiran Tuhan
Yang Maha Esa atas segala berkat dan anugerahnya yang sangat
luar biasa sehingga penulis dapat menyelesaikan penulisan
laporan Tugas Akhir ini. Penulisan laporan Tugas Akhir ini
dimaksudkan untuk memenuhi sebagian dari syarat dalam rangka
meraih gelar sarjana Ahli Madya Komputer pada Program Studi
Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga.
Penulis menyadari bahwa tanpa adanya bantuan dari
berbagai pihak, maka penulis tidak akan dapat menyelesaikan
Tugas Akhir ini dengan lancar. Oleh karena itu, pada kesempatan
ini penulis ingin menyampaikan terimakasih kepada
1. Dr. Dharmaputra T. Palekahelu, M.Pd sebagai Dekan
Fakultas Teknologi Informasi, Universitas Kristen Satya
Wacana.
2. Bapak Budhi Kristianto, S.Kom, M.Sc sebagai Ketua
Program Studi Teknik Informatika, Diploma Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
3. Sri Winarso Martyas Edy, S.Kom yang telah berkenan
meluangkan waktu untuk memberikan bimbingan dalam
penyusunan Tugas Akhir ini.
v
4. Orang tua dan keluarga tercinta, yang memberikan
dukungan baik moril maupun materil kepada penulis
untuk selalu berusaha mencapai hasil yang terbaik.
5. Semua teman-teman D3 Teknik Informatika 2010 yang
telah memberikan doa, dukungan, serta kebersamaannya
selama ini.
6. Serta semua pihak yang tidak dapat penulis sebutkan satu
persatu.
Salatiga, 31 Juli 2013
Setya Adde Christiyanto
vi
DAFTAR ISI
Halaman
HALAMAN JUDUL ............................................................................. i
LEMBAR PENGESAHAN ................................................................... ii
LEMBAR PERNYATAAN BEBAS PLAGIASI .................................. iii
LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI ................ iv
KATA PENGANTAR .......................................................................... v
DAFTAR ISI ......................................................................................... vii
DAFTAR GAMBAR ............................................................................ x
DAFTAR TABEL ................................................................................. xii
DAFTAR LAMPIRAN ......................................................................... xiii
BAB I PENDAHULUAN ..................................................................... 1
1.1 Latar Belakang Masalah ...................................................... 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 ................................................................. 4
1.5 Metodologi .......................................................................... 5
BAB II TINJAUAN PUSTAKA ........................................................... 8
2.1 Landasan Teori .................................................................... 8
2.1.1 Website ..................................................................... 8
2.1.2 Unsur - Unsur Website .............................................. 9
2.1.3 Promosi ..................................................................... 10
2.1.4 Internet Commerce .................................................... 11
2.1.5 Pengertian E-commerce ............................................ 12
2.1.6 Klasifikasi E-commerce ............................................ 13
2.1.7 Manfaat E-commerce ................................................ 14
vii
2.1.8 Keamanan E-commerce ............................................ 16
2.1.9 Konsep Dasar Basis Data .......................................... 18
2.1.10 Pemrograman Web ................................................... 21
BAB III PERANCANGAN SISTEM ................................................... 24
3.1 Flowchart ............................................................................ 24
3.2 Context Diagram.................................................................. 26
3.3 DFD (Data Flow Diagram) .................................................. 27
3.4 DFD (Data Flow Diagram) Level 1 ..................................... 30
3.4.1 DFD Level 1 Pengolahan Produk .............................. 30
3.4.2 DFD Level 1 Pengolahan Data Pesanan ................... 30
3.4.3 DFD Level 1 Pengolahan Buku Tamu ...................... 31
3.4.4 DFD Level 1 Pengolahan Data Member ................... 32
3.4.5 DFD Level 1 Pengolahan Laporan ............................ 33
3.5 ERD (Entity Relationalship Diagram) ................................. 35
3.6 Tabel dan Relasi .................................................................. 36
3.7 Jaringan Semantik Tampilan ............................................... 37
3.8 Lembar Kerja Tampilan ...................................................... 43
3.8.1 LKT Daftar Member Baru ........................................ 43
3.8.2 LKT Login Member .................................................. 45
3.8.3 LKT Pesan Barang Member ..................................... 47
3.8.4 LKT Isi Buku Tamu .................................................. 48
3.8.5 LKT Login Admin .................................................... 49
3.8.6 LKT Tambah Barang ................................................ 50
3.8.7 LKT Ganti Password Admin ..................................... 51
BAB IV HASIL DAN ANALISIS ........................................................ 52
4.1 Hasil Karya dan Implementasi ............................................ 52
4.1.1 Tampilan Utama Website ........................................ 52
4.1.2 Tampilan Halaman Admin ...................................... 55
viii
4.1.3 Tampilan Halaman Member ..................................... 59
4.2 Hasil Pengujian ................................................................... 62
4.3 Analisis ............................................................................... 62
BAB V PENUTUP ................................................................................ 63
5.1 Kesimpulan ......................................................................... 63
5.2 Saran-Saran ......................................................................... 64
DAFTAR PUSTAKA ........................................................................... 65
LAMPIRAN........................................................................................... 66
ix
DAFTAR GAMBAR
Gambar 3.1 Flowchart Daftar Member ............................................... 25
Gambar 3.2 Transaksi Pembelian Member ........................................ 25
Gambar 3.3 Flowchart Admin ............................................................. 26
Gambar 3.4 Context Diagram Website Penjualan ............................... 27
Gambar 3.5 DFD Website Penjualan .................................................. 29
Gambar 3.6 DFD Level 1 Pengolahan Produk .................................... 30
Gambar 3.7 DFD Level 1 Pengolahan Data Pesanan .......................... 31
Gambar 3.8 DFD Level 1 Pengolahan Data Buku Tamu ................... 32
Gambar 3.9 DFD Level 1 Pengolahan Data Member ........................ 33
Gambar 3.10 DFD Level 1 Pembuatan Laporan .................................. 34
Gambar 3.11 ERD Website Penjualan ................................................. 36
Gambar 3.12 Relasi Website Penjualan ............................................... 37
Gambar 3.13 Jaringan Semantik Tampilan Produk Pada Admin ......... 38
Gambar 3.14 Jaringan Semantik Tampilan Pesanan Pada Admin ....... 39
Gambar 3.15 Jaringan Semantik Tampilan Member Pada Admin ....... 40
Gambar 3.16 Jaringan Semantik Tampilan Hubungi Pada Admin ....... 40
Gambar 3.17 Jaringan Semantik Tampilan Ganti Password Pada Admin
................................................................................................................ 41
Gambar 3.18 Jaringan Semantik Tampilan Produk Pada Member ....... 42
Gambar 3.19 Jaringan Semantik Tampilan Hubungi Kami Pada Member
................................................................................................................ 43
Gambar 3.20 Daftar Member Baru ....................................................... 44
Gambar 3.21 Laporan Member ............................................................ 45
Gambar 3.22 Login Member ................................................................ 46
Gambar 3.23 Halaman Member ........................................................... 46
Gambar 3.24 Pesan Produk Member .................................................... 47
Gambar 3.25 Laporan Pesan Produk Member ..................................... 48
Gambar 3.26 Isi Buku Tamu Member .................................................. 48
Gambar 3.27 Laporan Isi Buku Tamu Hapus Pesan ............................. 49
x
Gambar 3.28 Login Admin.................................................................... 49
Gambar 3.29 Tambah Barang ............................................................... 50
Gambar 3.30 Hasil Tambah Barang ..................................................... 51
Gambar 3.31 Ganti Password Admin.................................................... 51
Gambar 4.1 Tampilan Halaman Utama................................................ 53
Gambar 4.2 Tampilan Halaman Tentang Kami ................................... 53
Gambar 4.3 Tampilan Halaman Produk............................................... 54
Gambar 4.4 Tampilan Halaman Hubungi Kami................................... 54
Gambar 4.5 Tampilan Halaman Login Admin .................................... 55
Gambar 4.6 Tampilan Halaman Update Barang Admin ...................... 56
Gambar 4.7 Tampilan Halaman Pesanan Admin ................................ 56
Gambar 4.8 Tampilan Hasil Data Pemesanan PDF File ...................... 57
Gambar 4.9 Tampilan Halaman Data Member Admin ........................ 57
Gambar 4.10 Tampilan Halaman Hubungi Kami Admin .................... 58
Gambar 4.11 Tampilan Halaman Ganti Password Admin ................... 58
Gambar 4.12 Tampilan Halaman Daftar Member................................ 59
Gambar 4.13 Tampilan Halaman Login Member................................. 59
Gambar 4.14 Tampilan Halaman Produk Member .............................. 60
Gambar 4.15 Tampilan Halaman Pembelian ....................................... 61
Gambar 4.16 Tampilan Hubungi Kami ................................................ 61
xi
DAFTAR TABEL
Tabel 4.1 Tabel Hasil Pengujian Website Happy Sunday .................... 62
xii
DAFTAR LAMPIRAN
Kode Program ....................................................................................... 66
xiii
Sebagai Media Promosi Dan Informasi
Diajukan Kepada
Fakultas Teknologi Informasi
Untuk Memperoleh Gelar Ahli Madya Komputer
Oleh:
Setya Adde Christiyanto
562010026
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2013
Pembuatan Website Pada Distro Happy Sunday
Sebagai Media Promosi dan Informasi
Laporan Tugas Akhir
Oleh:
Setya Adde Christiyanto
562010026
Program Studi Diploma Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
2013
i
ii
iii
iv
KATA PENGANTAR
Segala puji syukur penulis panjatkan kehadiran Tuhan
Yang Maha Esa atas segala berkat dan anugerahnya yang sangat
luar biasa sehingga penulis dapat menyelesaikan penulisan
laporan Tugas Akhir ini. Penulisan laporan Tugas Akhir ini
dimaksudkan untuk memenuhi sebagian dari syarat dalam rangka
meraih gelar sarjana Ahli Madya Komputer pada Program Studi
Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga.
Penulis menyadari bahwa tanpa adanya bantuan dari
berbagai pihak, maka penulis tidak akan dapat menyelesaikan
Tugas Akhir ini dengan lancar. Oleh karena itu, pada kesempatan
ini penulis ingin menyampaikan terimakasih kepada
1. Dr. Dharmaputra T. Palekahelu, M.Pd sebagai Dekan
Fakultas Teknologi Informasi, Universitas Kristen Satya
Wacana.
2. Bapak Budhi Kristianto, S.Kom, M.Sc sebagai Ketua
Program Studi Teknik Informatika, Diploma Fakultas
Teknologi Informasi, Universitas Kristen Satya Wacana.
3. Sri Winarso Martyas Edy, S.Kom yang telah berkenan
meluangkan waktu untuk memberikan bimbingan dalam
penyusunan Tugas Akhir ini.
v
4. Orang tua dan keluarga tercinta, yang memberikan
dukungan baik moril maupun materil kepada penulis
untuk selalu berusaha mencapai hasil yang terbaik.
5. Semua teman-teman D3 Teknik Informatika 2010 yang
telah memberikan doa, dukungan, serta kebersamaannya
selama ini.
6. Serta semua pihak yang tidak dapat penulis sebutkan satu
persatu.
Salatiga, 31 Juli 2013
Setya Adde Christiyanto
vi
DAFTAR ISI
Halaman
HALAMAN JUDUL ............................................................................. i
LEMBAR PENGESAHAN ................................................................... ii
LEMBAR PERNYATAAN BEBAS PLAGIASI .................................. iii
LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI ................ iv
KATA PENGANTAR .......................................................................... v
DAFTAR ISI ......................................................................................... vii
DAFTAR GAMBAR ............................................................................ x
DAFTAR TABEL ................................................................................. xii
DAFTAR LAMPIRAN ......................................................................... xiii
BAB I PENDAHULUAN ..................................................................... 1
1.1 Latar Belakang Masalah ...................................................... 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 ................................................................. 4
1.5 Metodologi .......................................................................... 5
BAB II TINJAUAN PUSTAKA ........................................................... 8
2.1 Landasan Teori .................................................................... 8
2.1.1 Website ..................................................................... 8
2.1.2 Unsur - Unsur Website .............................................. 9
2.1.3 Promosi ..................................................................... 10
2.1.4 Internet Commerce .................................................... 11
2.1.5 Pengertian E-commerce ............................................ 12
2.1.6 Klasifikasi E-commerce ............................................ 13
2.1.7 Manfaat E-commerce ................................................ 14
vii
2.1.8 Keamanan E-commerce ............................................ 16
2.1.9 Konsep Dasar Basis Data .......................................... 18
2.1.10 Pemrograman Web ................................................... 21
BAB III PERANCANGAN SISTEM ................................................... 24
3.1 Flowchart ............................................................................ 24
3.2 Context Diagram.................................................................. 26
3.3 DFD (Data Flow Diagram) .................................................. 27
3.4 DFD (Data Flow Diagram) Level 1 ..................................... 30
3.4.1 DFD Level 1 Pengolahan Produk .............................. 30
3.4.2 DFD Level 1 Pengolahan Data Pesanan ................... 30
3.4.3 DFD Level 1 Pengolahan Buku Tamu ...................... 31
3.4.4 DFD Level 1 Pengolahan Data Member ................... 32
3.4.5 DFD Level 1 Pengolahan Laporan ............................ 33
3.5 ERD (Entity Relationalship Diagram) ................................. 35
3.6 Tabel dan Relasi .................................................................. 36
3.7 Jaringan Semantik Tampilan ............................................... 37
3.8 Lembar Kerja Tampilan ...................................................... 43
3.8.1 LKT Daftar Member Baru ........................................ 43
3.8.2 LKT Login Member .................................................. 45
3.8.3 LKT Pesan Barang Member ..................................... 47
3.8.4 LKT Isi Buku Tamu .................................................. 48
3.8.5 LKT Login Admin .................................................... 49
3.8.6 LKT Tambah Barang ................................................ 50
3.8.7 LKT Ganti Password Admin ..................................... 51
BAB IV HASIL DAN ANALISIS ........................................................ 52
4.1 Hasil Karya dan Implementasi ............................................ 52
4.1.1 Tampilan Utama Website ........................................ 52
4.1.2 Tampilan Halaman Admin ...................................... 55
viii
4.1.3 Tampilan Halaman Member ..................................... 59
4.2 Hasil Pengujian ................................................................... 62
4.3 Analisis ............................................................................... 62
BAB V PENUTUP ................................................................................ 63
5.1 Kesimpulan ......................................................................... 63
5.2 Saran-Saran ......................................................................... 64
DAFTAR PUSTAKA ........................................................................... 65
LAMPIRAN........................................................................................... 66
ix
DAFTAR GAMBAR
Gambar 3.1 Flowchart Daftar Member ............................................... 25
Gambar 3.2 Transaksi Pembelian Member ........................................ 25
Gambar 3.3 Flowchart Admin ............................................................. 26
Gambar 3.4 Context Diagram Website Penjualan ............................... 27
Gambar 3.5 DFD Website Penjualan .................................................. 29
Gambar 3.6 DFD Level 1 Pengolahan Produk .................................... 30
Gambar 3.7 DFD Level 1 Pengolahan Data Pesanan .......................... 31
Gambar 3.8 DFD Level 1 Pengolahan Data Buku Tamu ................... 32
Gambar 3.9 DFD Level 1 Pengolahan Data Member ........................ 33
Gambar 3.10 DFD Level 1 Pembuatan Laporan .................................. 34
Gambar 3.11 ERD Website Penjualan ................................................. 36
Gambar 3.12 Relasi Website Penjualan ............................................... 37
Gambar 3.13 Jaringan Semantik Tampilan Produk Pada Admin ......... 38
Gambar 3.14 Jaringan Semantik Tampilan Pesanan Pada Admin ....... 39
Gambar 3.15 Jaringan Semantik Tampilan Member Pada Admin ....... 40
Gambar 3.16 Jaringan Semantik Tampilan Hubungi Pada Admin ....... 40
Gambar 3.17 Jaringan Semantik Tampilan Ganti Password Pada Admin
................................................................................................................ 41
Gambar 3.18 Jaringan Semantik Tampilan Produk Pada Member ....... 42
Gambar 3.19 Jaringan Semantik Tampilan Hubungi Kami Pada Member
................................................................................................................ 43
Gambar 3.20 Daftar Member Baru ....................................................... 44
Gambar 3.21 Laporan Member ............................................................ 45
Gambar 3.22 Login Member ................................................................ 46
Gambar 3.23 Halaman Member ........................................................... 46
Gambar 3.24 Pesan Produk Member .................................................... 47
Gambar 3.25 Laporan Pesan Produk Member ..................................... 48
Gambar 3.26 Isi Buku Tamu Member .................................................. 48
Gambar 3.27 Laporan Isi Buku Tamu Hapus Pesan ............................. 49
x
Gambar 3.28 Login Admin.................................................................... 49
Gambar 3.29 Tambah Barang ............................................................... 50
Gambar 3.30 Hasil Tambah Barang ..................................................... 51
Gambar 3.31 Ganti Password Admin.................................................... 51
Gambar 4.1 Tampilan Halaman Utama................................................ 53
Gambar 4.2 Tampilan Halaman Tentang Kami ................................... 53
Gambar 4.3 Tampilan Halaman Produk............................................... 54
Gambar 4.4 Tampilan Halaman Hubungi Kami................................... 54
Gambar 4.5 Tampilan Halaman Login Admin .................................... 55
Gambar 4.6 Tampilan Halaman Update Barang Admin ...................... 56
Gambar 4.7 Tampilan Halaman Pesanan Admin ................................ 56
Gambar 4.8 Tampilan Hasil Data Pemesanan PDF File ...................... 57
Gambar 4.9 Tampilan Halaman Data Member Admin ........................ 57
Gambar 4.10 Tampilan Halaman Hubungi Kami Admin .................... 58
Gambar 4.11 Tampilan Halaman Ganti Password Admin ................... 58
Gambar 4.12 Tampilan Halaman Daftar Member................................ 59
Gambar 4.13 Tampilan Halaman Login Member................................. 59
Gambar 4.14 Tampilan Halaman Produk Member .............................. 60
Gambar 4.15 Tampilan Halaman Pembelian ....................................... 61
Gambar 4.16 Tampilan Hubungi Kami ................................................ 61
xi
DAFTAR TABEL
Tabel 4.1 Tabel Hasil Pengujian Website Happy Sunday .................... 62
xii
DAFTAR LAMPIRAN
Kode Program ....................................................................................... 66
xiii