Institutional Repository | Satya Wacana Christian University: Pembuatan Website E-Commerce Garskin Menggunakan Adobe Dreamweaver CS6
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
2014
i
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
2014
ii
iii
iv
v
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
BAB I PENDAHULUAN
1.1 Judul ................................................................................ 1
1.2 Latar Belakang ................................................................. 1
Latar Belakang ................................................................. 2
Latar Belakang ................................................................. 3
Latar Belakang ................................................................. 4
Latar Belakang ................................................................. 5
1.3 Tujuan.............................................................................. 6
1.3.1 Tujuan Umum ........................................................ 6
1.3.2 Tujuan Khusus ....................................................... 7
vi
1.4 Rumusan Masalah ............................................................ 8
1.5 Batasan Masalah .............................................................. 8
1.6 Metodologi....................................................................... 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
3.4 Lembar Kerja Tampilan .................................................. 23
vii
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
4.1.5 Halaman Harga Pada Menu Admin ........................ 42
viii
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
4.2 Hasil Pengujian ............................................................... 53
Hasil Pengujian ............................................................... 54
Hasil Pengujian ............................................................... 55
4.3 Analisis ........................................................................... 56
BAB V PENUTUP
5.1 Kesimpulan ...................................................................... 57
5.2 Saran ............................................................................... 58
Saran ............................................................................... 59
Daftar Pustaka
Lampiran
Lampiran I (Kartu Bimbingan)
ix
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
terima kasih yang sebesar-besarnya kepada :
x
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
mendampingi
dan
penulis.
ketulusannya
Semoga
Tuhan
dalam
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
pengerjaan laporan kerja praktek ini
xi
xii
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
2014
i
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
2014
ii
iii
iv
v
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
BAB I PENDAHULUAN
1.1 Judul ................................................................................ 1
1.2 Latar Belakang ................................................................. 1
Latar Belakang ................................................................. 2
Latar Belakang ................................................................. 3
Latar Belakang ................................................................. 4
Latar Belakang ................................................................. 5
1.3 Tujuan.............................................................................. 6
1.3.1 Tujuan Umum ........................................................ 6
1.3.2 Tujuan Khusus ....................................................... 7
vi
1.4 Rumusan Masalah ............................................................ 8
1.5 Batasan Masalah .............................................................. 8
1.6 Metodologi....................................................................... 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
3.4 Lembar Kerja Tampilan .................................................. 23
vii
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
4.1.5 Halaman Harga Pada Menu Admin ........................ 42
viii
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
4.2 Hasil Pengujian ............................................................... 53
Hasil Pengujian ............................................................... 54
Hasil Pengujian ............................................................... 55
4.3 Analisis ........................................................................... 56
BAB V PENUTUP
5.1 Kesimpulan ...................................................................... 57
5.2 Saran ............................................................................... 58
Saran ............................................................................... 59
Daftar Pustaka
Lampiran
Lampiran I (Kartu Bimbingan)
ix
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
terima kasih yang sebesar-besarnya kepada :
x
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
mendampingi
dan
penulis.
ketulusannya
Semoga
Tuhan
dalam
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
pengerjaan laporan kerja praktek ini
xi
xii