i ABSTRAK Pada Tugas Akhir ini dibuat Website Toko Bunga Untuk

ABSTRAK
Pada Tugas Akhir ini dibuat Website Toko Bunga Untuk Informasi dan
Pemesanan. Tugas akhir ini bertujuan untuk membuat website penjualan bunga
secara online. Sehingga dapat memberikan informasi bunga yang up to date.
Dengan adanya website ini diharapkan dapat membantu pelanggan
mendapatkan bunga yang diinginkan dan mempermudah pelanggan untuk membeli
bunga tanpa harus datang ke toko bunga untuk membeli bunga. Percobaan yang
dilakukan pada jaringan local area network (LAN) telah berhasil dilakukan. Hasilnya
adalah server website dapat diakses oleh komputer lain dalam jaringan dan dapat
menjalankan aplikasi dalam website dengan baik.
i
Universitas Kristen Maranatha
ABSTRACT
This final project about the flower shop website for information and orders.
This final project is making a website for selling flower on online. So it can provide a
information up to date.
With this website is expected to help the customers get the desired flowers
and enables consumers to buy the flowers without having to come to the florist to
buy the flowers. Experiments conducted on a network local area network (LAN) has
been successfully performed. The result is a web server can be accessed by other
computers on the network and can run applications in the website properly.
ii
Universitas Kristen Maranatha
DAFTAR ISI
Halaman
ABSTRAK . ........................................................................................................ i
ABSTRACT ........................................................................................................ iii
KATA PENGANTAR........................................................................................... iv
DAFTAR ISI. ....................................................................................................... vi
DAFTAR GAMBAR ............................................................................................ x
DAFTAR TABEL ................................................................................................ xv
BAB I.
PENDAHULUAN ............................................................................... 1
1.1
LatarBelakang Masalah .............................................................................. 1
1.2
Identifikasi Masalah .................................................................................... 2
1.3
Maksud dan Tujuan .................................................................................... 3
1.4
Batasan Masalah ........................................................................................ 3
1.5
Sistematika Penulisan ................................................................................ 3
BAB II.
LANDASAN TEORI .......................................................................... 6
2.1
Internet ..................................................................................................... 6
2.2
E-commerce ............................................................................................... 7
2.3
World Wide Web (WWW) ........................................................................... 8
2.4
HTML
..................................................................................................... 8
vi
Universitas Kristen Maranatha
2.5
Database .................................................................................................... 9
2.6
Software 10
2.6.1 Adobe Dreamweaver CS3 ................................................................ 10
2.6.2 Apache ( versi 2.2 ) .......................................................................... 10
2.6.3 PHP ( versi 5.2.4 ) ............................................................................ 11
2.6.4 PHPMyAdmin ( versi 2.11.1 ) ........................................................... 12
2.6.5 XAMPP ............................................................................................. 12
BAB III.
ANALISIS DAN PERANCANGAN SISTEM ..................................... 15
3.1
Persiapan Pembuatan Website .................................................................. 15
3.2
Menu yang Terdapat pada Website ............................................................ 17
3.3
Alur Program ( Flowchart ) ......................................................................... 18
3.4
Tahapan Rancangan Pembuatan Program ................................................ 21
3.4.1 Rancangan Pembuatan Database .................................................... 21
3.4.2 Rancangan Pembuatan Menu Home ................................................ 25
3.4.3 Rancangan Pembuatan Menu Produk .............................................. 27
3.4.4 Rancangan Pembuatan Menu Contact Us........................................ 28
3.4.5 Rancangan Pembuatan Menu Panduan ........................................... 29
3.4.6 Rancangan Pembuatan Control Panel Admin .................................. 29
3.5
Pembuatan Website ................................................................................... 30
3.5.1 Pembuatan Menu Home ................................................................... 33
vii
Universitas Kristen Maranatha
3.5.2 Pembuatan Berita ............................................................................. 40
3.5.3 Pembuatan Menu Produk ................................................................. 41
3.5.4 Pembuatan Menu Contact Us ........................................................... 42
3.5.5 Pembuatan Menu Panduan .............................................................. 43
3.5.6 Pembuatan Control Panel Admin...................................................... 44
3.5.6.1 Data Anggota .............................................................................. 46
3.5.6.2 Tambah Kategori Bunga ............................................................. 47
3.5.6.3 Ubah Kategori Bunga ................................................................. 47
3.5.6.4 Tambah Koleksi Bunga ............................................................... 48
3.5.6.5 Tampil Koleksi Bunga ................................................................. 49
3.5.6.6 Tambah Berita ............................................................................ 50
3.5.6.7 Ubah Berita ................................................................................. 51
3.5.6.8 Ubah Admin ................................................................................ 52
3.5.6.9 Logout......................................................................................... 52
BAB IV.
DATA PENGAMATAN ................................................................ 53
4.1
Spesifikasi Kebutuhan Konfigurasi Sistem............................................... 53
4.2
Tampilan User Website ........................................................................... 55
4.3
Tampilan Control Panel Admin Website .................................................. 64
4.4
Pengujian Website pada Local Area Network .......................................... 72
viii
Universitas Kristen Maranatha
BAB V.
KESIMPULAN DAN SARAN ....................................................... 74
5.1
Kesimpulan................................................................................................. 74
5.2
Saran
..................................................................................................... 74
DAFTAR PUSTAKA ........................................................................................... 75
ix
Universitas Kristen Maranatha
DAFTAR GAMBAR
Halaman
Gambar 3.1 XAMPP control panel ...................................................................... 16
Gambar 3.2 Informasi tentang PHPMyAdmin ..................................................... 17
Gambar 3.3 Flowchart user ................................................................................ 19
Gambar 3.4 Flowchart admin ............................................................................. 20
Gambar 3.5 Rancangan menu Home sebelum login user .................................. 24
Gambar 3.6 Rancangan menu Home setelah login user .................................... 25
Gambar 3.7 Rancangan tampilan menu Produk ................................................. 27
Gambar 3.8 Rancangan tampilan menu Contact Us........................................... 27
Gambar 3.9 Rancangan tampilan menu Panduan .............................................. 28
Gambar 3.10 Rancangan Tampilan Control Panel .............................................. 28
Gambar 3.11 Index.php....................................................................................... 33
Gambar 3.12 Tampilan agt_daftar.php ................................................................ 34
Gambar 3.13 Tampilan inc.login.php................................................................... 35
Gambar 3.14 Tampilan agt_ubah.php ................................................................. 36
Gambar 3.15 Tampilan PemesananFm.php........................................................ 36
Gambar 3.16 Tampilan PemesananTampil.php .................................................. 36
Gambar 3.17 Tampilan PemesananUbahFm.php ............................................... 37
Gambar 3.18 Tampilan konfirmasiFm.php .......................................................... 38
Gambar 3.19 Tampilan KonfirmasiTampil.php .................................................... 39
x
Universitas Kristen Maranatha
Gambar 3.20 Tampilan KonfirmasiUbahFm.php ................................................. 39
Gambar 3.21 Tampilan berita.php ....................................................................... 40
Gambar 3.22 Tampilan bungakategori.php ......................................................... 41
Gambar 3.23 Tampilan bungadetail.php ............................................................. 42
Gambar 3.24 Tampilan bukutamu.php ................................................................ 42
Gambar 3.25 Tampilan bukutamu_tampil.php..................................................... 43
Gambar 3.26 Tampilan panduan.php .................................................................. 43
Gambar 3.27 Tampilan login.php admin ............................................................. 44
Gambar 3.28 Tampilan index.php admin ............................................................ 45
Gambar 3.29 Tampilan frm_kiri.php .................................................................... 45
Gambar 3.30 Tampilan AnggotaTampil.php ........................................................ 46
Gambar 3.31 Tampilan AnggotaDetail.php ......................................................... 46
Gambar 3.32 Tampilan KategoriTambahFm.php ................................................ 47
Gambar 3.33 Tampilan KategoriTampil.php ........................................................ 47
Gambar 3.34 Tampilan KategoriUbahFm.php ..................................................... 48
Gambar 3.35 Tampilan KoleksiTambahFm.php .................................................. 48
Gambar 3.36 Tampilan KoleksiTampil.php.......................................................... 49
Gambar 3.37 Tampilan KoleksiUbahFm.php....................................................... 50
Gambar 3.38 Tampilan BeritaTambahFm.php .................................................... 50
Gambar 3.39 Tampilan BeritaTampil.php ............................................................ 51
Gambar 3.40 Tampilan BeritaUbahFm.php ......................................................... 51
xi
Universitas Kristen Maranatha
Gambar 3.41 AdminUbahFm.php........................................................................ 52
Gambar 4.1 Tampilan Awal Website. .................................................................. 55
Gambar 4.2 Tampilan Detail Berita ..................................................................... 56
Gambar 4.3 Tampilan Kategori Produk. .............................................................. 56
Gambar 4.4 Tampilan Bunga pada Kategori Anniversary ................................... 57
Gambar 4.5 Tampilan Detail Bunga.................................................................... 58
Gambar 4.6 Tampilan Input Buku Tamu ............................................................. 59
Gambar 4.7 Tampilan Data Buku Tamu ............................................................. 59
Gambar 4.8 Tampilan Panduan .......................................................................... 60
Gambar 4.9 Tampilan Registrasi ........................................................................ 60
Gambar 4.10 Tampilan Registrasi Berhasil ......................................................... 61
Gambar 4.11 Tampilan Tampilan User Setelah Login ......................................... 61
Gambar 4.12 Tampilan Ubah Profile ................................................................... 61
Gambar 4.13 Tampilan Pemesanan.................................................................... 62
Gambar 4.14 Tampilan Ubah Pemesanan .......................................................... 63
Gambar 4.15 Tampilan Konfirmasi ...................................................................... 63
Gambar 4.16 Tampilan Ubah Konfirmasi ............................................................ 64
Gambar 4.17 Tampilan Login Admin ................................................................... 65
Gambar 4.18 Tampilan Awal Control Panel Admin ............................................. 65
Gambar 4.19 Tampilan Data Anggota ................................................................. 66
Gambar 4.20 Tampilan Detail Data Anggota ....................................................... 66
xii
Universitas Kristen Maranatha
Gambar 4.21 Tampilan Tambah Kategori Bunga ................................................ 67
Gambar 4.22 Tampilan Daftar Kategori Bunga ................................................... 67
Gambar 4.23 Tampilan Form Ubah Kategori Bunga ........................................... 68
Gambar 4.24 Tampilan Tambah Koleksi bunga .................................................. 68
Gambar 4.25 Tampilan Daftar Koleksi Bunga ..................................................... 69
Gambar 4.26 Tampilan Form Ubah Koleksi Bunga ............................................. 69
Gambar 4.27 Tampilan Tambah Berita .............................................................. 70
Gambar 4.28 Tampilan Daftar Berita................................................................... 70
Gambar 4.29 Tampilan Ubah Berita .................................................................... 71
Gambar 4.30 Tampilan Ubah Admin . ................................................................. 71
xiii
Universitas Kristen Maranatha
DAFTAR TABEL
Halaman
Tabel 3.1 Tabel Admin ........................................................................................ 21
Tabel 3.2 Tabel Kategori ..................................................................................... 21
Tabel 3.3 Tabel Anggota ..................................................................................... 22
Tabel 3.4 Tabel Koleksi ....................................................................................... 22
Tabel 3.5 Tabel Berita ......................................................................................... 23
Tabel 3.6 Tabel BukuTamu ................................................................................. 23
Tabel 3.7 Tabel Pemesanan ............................................................................... 24
Tabel 3.8 Tabel Konfirmasi ................................................................................. 24
xiv
Universitas Kristen Maranatha
DAFTAR LAMPIRAN
Halaman
Lampiran A ....................................................................................................
A-1
Listing Program Home…………………………………………………………….
A-2
Script index.php …………………………………………………. ……………….
A-3
Script bukafile.php ………………………………………………. ……………….
A-4
Script index.php……………………………………………………………………
A-7
Script agt_daftar.php………………………………………………………………
A-8
Script agt_daftarsim.php……..……………………………………………………
A-9
Script agt_daftarok.php……………………………………………………….......
A-11
Script inc.agt.session.php…………………………………………………………
A-12
Script inc.status.php………………………………………………………………..
A-12
Script bungakategori.php…………………………………………………………..
A-13
Script bungakoleksi.php……………………………………………………………. A-14
Script bungadetail.php……………………………………………………………… A-15
Script bukutamu.php………………………………………………………………… A-16
Script bukutamu_sim.php………………………………………………………….. A-17
Script bukutamu_tampil.php……………………………………………………….. A-18
Script panduan.php…………………………………………………………………. A-19
Lampiran B…………………………………………………………………………… B-1
Listing Program Bagian User………………………………………………………. B-2
Script inc_login.php…………………………………………………………………
B-3
Script login_periksa.php……………………………………………………………. B-4
Script login_out.php…………………………………………………………….......
B-5
xv
Universitas Kristen Maranatha
Script agt_ubah.php……………………………………………………………….
B-5
Script agt_ubahsim.php…………………………………………………………..
B-6
Script PemesananFm.php………………………………………………………..
B-8
Script PemesananSim.php……………………………………………………….
B-9
Script pemesanantampil.php……………………………………………………..
B-10
Script konfirmasi.php……………………………………………. ……………….
B-11
Script konfirmasisim.php…………………………………………………………
B-13
Script konfirmasitampil.php………………………………………………………
B-14
Lampiran C…………………………………………………………………………
C-1
Listing Program Bagian Admin………………………………………………….
C-2
Script login.php…………………………………………………………………...
C-3
Script login_periksa.php…………………………………………………………
C-3
Script login_out.php………………………………………………………………
C-4
Script index.php………………………………………………………………….
C-4
Script frm_kiri.php………………………………………………………………..
C-5
Script frm_kanan.php…………………………………………………………….
C-6
Script AnggotaTampil.php………………………………………………………
C-7
Script AnggotaHapus.php………………………………………………………
C-9
Script KategoriTambahFm.php…………………………………………………
C-9
Script KategoriTambahSim.php…………………………………………………
C-10
Script KategoriTampil.php…………………………………………………………
C-11
Script KategoriUbahFm.php……………………………………………………
C-12
Script KategoriUbahSim.php……………………………………………………
C-12
Script KategoriHapus.php………………………………………………………
C-13
xvi
Universitas Kristen Maranatha
Script KoleksiTambahFm.php…………………………………………………….
C-14
Script KoleksiTambahSim.php……………………………………………………
C-15
Script KoleksiTampil.php………………………………………………………….
C-16
Script KoleksiUbahFm.php……………………………………………………….
C-18
Script KoleksiUbahSim.php………………………………………………………
C-20
Script KoleksiHapus.php………………………………………………………….
C-21
Script BeritaTambahFm.php………………………………………………………
C-21
Script BeritaTambahSim.php……………………………………………………..
C-22
Script BeritaTampil.php……………………………………………………………
C-23
Script BeritaUbahFm.php…………………………………………………………
C-24
Script BeritaUbahSim.php………………………………………………………..
C-25
Script BeritaHapus.php…………………………………………………………..
C-25
Script AdminUbahFm.php………………………………………………………..
C-26
Script AdminUbahSim.php……………………………………………………….
C-27
xvii
Universitas Kristen Maranatha