i
PEMBUATAN WEBSITE
E-COMMERCE
GARSKIN MENGGUNAKAN ADOBE
DREAMWEAVER CS6
Diajukan kepada Fakultas Teknologi Informasi
untuk memperoleh Gelar Ahli Madya Teknik Komputer
Oleh: Selly Avi Astuti NIM: 562011015
Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga
ii
PEMBUATAN WEBSITE
E-COMMERCE
GARSKIN MENGGUNAKAN ADOBE
DREAMWEAVER CS6
Laporan Tugas Akhir
Oleh: Selly Avi Astuti NIM: 562011015
Program Studi Diploma Teknik Informatika Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana Salatiga
vi
DAFTAR ISI
Cover ... ii
Lembar Pengesahan ... iii
Lembar Pernyataan Bebas Plagiasi ... iv
Lembar Pernyataan Persetujuan Publikasi ... v
Daftar Isi ... vi
Daftar Isi ... vii
Daftar Isi ... viii
Daftar Isi ... ix
Kata Pengantar ... x
Kata Pengantar ... xi
Kata Pengantar ... xii
vii
1.4Rumusan Masalah ... 8
1.5Batasan Masalah ... 8
1.6Metodologi... 9
1.6.1 Pengumpulan Data ... 9
1.6.2 Perancangan Sistem ... 10
Perancangan Sistem ... 11
BAB II TINJAUAN PUSTAKA 2.1 Penelitian Terdahulu ... 12
2.2 Landasan Teori ... 13
2.2.1 Internet ... 14
2.2.2 Website ... 14
2.2.3 Database ... 15
2.2.4 Multimedia ... 16
2.2.5 WebServer ... 17
BAB III PERANCANGAN SISTEM 3.1 Data Flow Diagram (DFD) ... 18
3.2 Flowchart ... 19
1. Flowchart Admin Website ... 19
2. Flowchart Customers ... 20
3. Flowchart Pengunjung Website ... 21
3.3 Bagan Jaringan Website ... 22
viii
3.4.1 Halaman Awal (Home) ... 23
3.4.2 Halaman Cara Pemesanan ... 24
3.4.3 Halaman Cara Pembayaran ... 25
3.4.4 Halaman Check Order ... 26
3.4.5 Halaman Kontak ... 27
3.4.6 Halaman Login Admin ... 28
3.4.7 Halaman Home Pada Menu Admin ... 29
3.4.8 Halaman Kategori Pada Menu Admin ... 30
3.4.9 Halaman Harga Pada Menu Admin ... 31
3.4.10 Halaman kontak Pada Menu Admin ... 32
3.4.11 Halaman Log Out ... 33
3.4.12 Halaman Kategori... 34
3.4.13 Halaman Beli... 35
3.4.14 Halaman Harga... 36
3.4.15 Halaman Agenda ... 37
BAB IV HASIL DAN ANALISIS 4.1 Hasil Karya atau Implementasi ... 38
4.1.1 Halaman Home ... 38
4.1.2 Halaman Log In Admin ... 39
4.1.3 Halaman Home Pada Menu Admin ... 40
4.1.4 Halaman Kategori Pada Menu Admin ... 41
ix
4.1.6 Halaman Kontak Pada Menu Admin... 43
4.1.7 Halaman Log Out ... 44
4.1.8 Halaman Cara Pemesanan ... 45
4.1.9 Halaman Cara Pembayaran ... 46
4.1.10 Halaman Check Order ... 47
4.1.11 Halaman Kontak ... 48
4.1.12 Menu Kategori dan Halaman Kategori ... 49
4.1.13 Menu Harga dan Halaman Harga ... 50
4.1.14 Menu Agenda dan Halaman Agenda ... 51
4.1.15 Halaman Form Beli ... 52
x
KATA PENGANTAR
Segala puji dan syukur penulis panjatkan kepada Tuhan
Yang Maha Esa karena dengan limpahan rahmat, hidayah dan
karunia-Nya penulis dapat menyelesaikan Laporan Tugas Akhir
dengan baik dan tepat waktu. Laporan Tugas Akhir ini dibuat
untuk memenuhi persyaratan kelulusan Tugas Akhir, sesuai
dengan tugas yang diberikan oleh Diploma III Teknik
Informatika, Fakultas Teknologi Informasi di Universitas Kristen
Satya Wacana Salatiga.
Dalam pembuatan Laporan Tugas Akhir ini penulis
mengambil dari proyek yang ada sebelumnya yaitu pembuatan
website e-commerce. Didalam proyek tersebut penulis membuat
website menggunakan adobe dreamweaver cs6 sebagai media
pembuatan website. Dari proyek tersebut penulis dapat menyusun
laporan ini sesuai dengan yang ada dalam proyek yang penulis
buat.
Laporan ini bertujuan sebagai bentuk tanggung jawab
Tugas Akhir yang telah diberikan oleh Diploma III Teknik
Informatika, Fakultas Teknologi Informasi di Universitas Kristen
Satya Wacana Salatiga. Penulis menyadari sepenuhnya, bahwa
begitu banyak pihak yang telah turut membantu dalam
penyelesaian laporan kerja praktek ini. Melalui kesempatan ini,
dengan segala kerendahan hati, penulis ingin mengucapkan
xi
1. Dr.Dharmaputra Tadulangga Palekahelu, M.Pd, selaku
dekan Universitas Kristen Satya Wacana
2. Sri Winarso Martyas Edi, S.Kom., M.Cs, selaku Ketua
Program Studi Diploma III Teknik Informatika,
Universiras Kristen Satya Wacana
3. Drs.Prihanto Ngesti Basuki, M.Kom, selaku Pembimbing
Kerja Praktek Fakultas Teknologi Informasi di
Universitas Kristen Satya Wacana Salatiga
4. Ayahanda Maryono dan ibunda Tri Astuti tercinta, terima
kasih yang tak terhingga atas doa, semangat, kasih
sayang, pengorbanan dan ketulusannya dalam
mendampingi penulis. Semoga Tuhan senantiasa
melimpahkan rahmad dan ridho-Nya kepada keduanya.
Serta kepada kakak tercinta Bonny Susanto dan Cholis
Fitriyani yang selalu memberikan semangat dan dukungan
kepada penulis tak lupa untuk Nizrina Yumna Arrijani
satu-satunya keponakan yang selalu mampu menjadi
tempat beristirahat dan melepas penat yang luar biasa.
5. Dewi Wulansari, Linda Ayu Fajarsari, Maslifah, Meilina
Nur Sofianty dan Puji Lestari sahabat yang selalu saling
mendukung, memberi semangat satu sama yang lainnya,
berjuang bersama-sama dalam menuai ilmu dan selalu
bisa menciptakan senyuman ditengah penatnya dalam