Perancangan Aplikasi Wedding Organizer Berbasis Web
PERANCANGAN APLIKASI WEDDING ORGANIZER BERBASIS
WEB
TUGAS AKHIR
EKA LUSYANTI MARPAUNG
132406185
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
PERANCANGAN APLIKASI WEDDING ORGANIZER BERBASIS
WEB
Universitas Sumatera Utara
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
EKA LUSYANTI MARPAUNG
132406185
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: PERANCANGAN
APLIKASI
ORGANIZER BERBASIS WEB
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
:
:
:
:
:
:
WEDDING
TUGAS AKHIR
EKA LUSYANTI MARPAUNG
132406185
DIPLOMA III TEKNIK INFORMATIKA
MATEMATIKA
MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Pembimbing,
Dr. Syahriol Sitorus, S.Si.M.IT
NIP. 197103101997031004
Universitas Sumatera Utara
4
PERNYATAAN
PERANCANGAN APLIKASI WEDDING ORGANIZER BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
EKA LUSYANTI MARPAUNG
132406185
Universitas Sumatera Utara
5
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
tugas
akhir
ini
dengan
judul
PERANCANGAN
APLIKASI
WEDDING
ORGANIZER BERBASIS WEB.
Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan
merupakan salah astu syarat menyelesaikan pendidikan D3 Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dalam penyeleaian Tugas Akhir ini, penulis sadar akan keterbatasan
kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang
membangun serta dapat memberikan inspirasi yang baik untuk kemampuan Tugas
Akhir ini.
Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih
kepada:
1. Bapak Dr. Syahriol Sitorus, S.Si.M.IT selaku Dosen Pembimbing yang selalu
memberi masukan baik kritik dan saran kepada penulis selama pembuatan
Tugas Akhir dari awal hingga selesai.
2. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D-3Teknik
Informatika dan Bapak Dr. Syahriol Sitorus, S.Si.M.IT selaku Sekretaris
Ketua Prodi
Universitas Sumatera Utara
6
3. Bapak Prof. Tulus, M.Si selaku Ketua Departemen Fakultas Matematika dan
Ibu Dra. Mardiningsih selaku Departemen Fakultas Matematika
4. Bapak Dr. Krista Sebayang, M.Si selaku Dekan Fakultas MIPA Universitas
Sumatera Utara
5. Seluruh teman D-3 Teknik Informatika yang memberi dukungan dan bantuan
kepada penulis dalam pengerjaan Tugas Akhir ini
6. Teristimewa kepada kedua orang tua penulis, Bapak Halmer Marpaung dan
Ibu Yuliatin atas segala kasih sayang, doa, dukungan dan bantuan yang
senantiasa diberikan.
Akhir kata, penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapa
pun yang membacanya. Semoga Tuhan Yang Maha Esa senantiasa memberikan
rahmat kepada kita semua. Amin
Medan, Juni 2016
Penulis,
Eka Lusyanti Marpaung
Universitas Sumatera Utara
7
ABSTRAK
Perancangan Aplikasi Wedding Organizer Berbasis Web bertujuan untuk
membangun suatu aplikasi web dinamis secara online yang bermanfaat untuk
menyediakan informasi mengenai Wedding Organizer. Pada Proses pembuatan
aplikasi ini perangkat lunak yang digunakan adalah XAMPP yang merupakan
gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Google Chrome.
Universitas Sumatera Utara
8
DAFTAR ISI
Halaman
Persetujuan ..................................................................................................................... i
Pernyataan
ii
Penghargaan ................................................................................................................. iii
Abstrak
v
Daftar Isi....................................................................................................................... vi
Daftar Tabel ............................................................................................................... viii
Daftar Gambar.............................................................................................................. ix
Bab 1.
Pendahuluan
1.1 Latar Belakang ..................................................................................... 1
1.2 Perumusan Masalah .............................................................................. 3
1.3 Pembatasan Masalah ............................................................................. 3
1.4 Tujuan Dan Manfaat ............................................................................. 4
1.5 Tinjauan Pustaka ................................................................................... 4
1.6 Metodologi Penelitian
13
1.7 Sistematika Penulisan.......................................................................... 14
Bab 2.
Landasan Teori
2.1 Pengertian Komputer
16
2.1.1 Sistem Komputer
17
18
2.1.2 Konsep Dasar Perancangan
18
2.1.3 Konsep Aplikasi
2.1.4 Konsep Dasar Perancangan Aplikasi
18
2.2 Bagan Alir (Flowchart)
20
2.3 Pengertian Basis Data (Database)
21
2.4 Sejarah dan Perkembangan Internet
21
2.4.1 Jaringan Internet
23
2.4.2 Sekilas Mengenai Web
25
2.4.3 Web Browser
25
2.4.4 Web Server
26
2.5 PHP
26
2.6 MySQL
27
2.7 Java Script
28
......................................................................................................... 2222222222423324
Universitas Sumatera Utara
9
Bab 3.
Analisa Perancangan Sistem
3.1 Analisa Sistem ......................................................................................... 29
3.2 Perancangan Sistem ................................................................................. 29
3.2.1 Diagram Konteks ........................................................................... 30
3.2.2 Data Flow Diagram Level 0 Wedding Organizer ......................... 31
3.3 Perancangan Database ............................................................................. 32
3.4 Flowchart ................................................................................................. 35
3.4.1 Flowchart Menu Utama .................................................................. 37
3.4.2 Flowchart Menu Administrator ...................................................... 38
3.4.3 Flowchart Menu Tambah Paket ...................................................... 38
3.4.4 Flowchart Pemesanan
39
3.5 Rancangan Desain Interface Aplikasi .............................. 39
Bab 4. Implementasi Sistem
4.1 Definisi Implementasi Sistem .................................................................. 51
4.2 Tujuan Implementasi Sistem ................................................................... 51
4.3 Komponen Sistem ................................................................................... 52
4.4 Tampilan Menu Utama ............................................................................ 54
Bab 5. Kesimpulan dan Saran
5.1 Kesimpulan .............................................................................................. 62
5.2 Saran ........................................................................................................ 62
Universitas Sumatera Utara
10
DAFTAR TABEL
Nomor
Gambar
Judul
2.1
Tabel Simbol-Simbol flowchart
3.3
Tabel Admin
Tabel Galeri
3.5
Tabel Gambar
3.6
Tabel Member
3.7
Tabel Paket
3.8
Tabel Jenis Paket
3.9
Tabel Pengaturan
3.10
Tabel Pesan
3.11
Tabel Slider
3.12
Tabel Testimonial
Halaman
20
32 3.4
32
33
33
33
34
34
34
35
35
Universitas Sumatera Utara
11
DAFTAR GAMBAR
Nomor Judul Halaman Gambar
3.2.1
3.2.2
3.2.3
3.3.1
3.4.1
3.4.2
3.4.3
3.4.4
3.5.1
3.5.2
3.5.3
3.5.4
3.5.5
3.5.6
3.5.7
3.5.8
3.5.9
3.5.10
5.4.1
5.4.2
5.4.3
5.4.4
5.4.5
5.4.6
5.4.7
5.4.8
Diagram Konteks
Data Flow Diagram Level 0
Data Flow Diagram Level 1
Entity Relationship Diagram (ERD)
Flowchart Menu Utama
Flowchart Menu Administrator
Flowchart Tambah Paket
Flowchart Pemesanan
Struktur Program Perancangan Wedding Organizer
Tampilan Menu Beranda
Tampilan Wedding Organizer
Tampilan Event Organizer
Tampilan Testimonial
Tampilan Registrasi
Tampilan Galeri
Tampilan Menu Login
Tampilan Menu Cara Bayar
Tampilan Menu Hubungi Kami
Tampilan Menu Beranda Registrasi
Tampilan Menu Login
Tampilan Menu Testimonial
Tampilan Menu Wedding Organizer
Tampilan Menu Event Organizer
Tampilan Menu Galeri
Tampilan Menu Cara Bayar
Tampilan Menu Hubungi Kontak
30
31
32
37
38
39
40
42
43
44
45
46
47
48
49
50
51
54
55
56
57
56
57
60
61
Universitas Sumatera Utara
WEB
TUGAS AKHIR
EKA LUSYANTI MARPAUNG
132406185
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
PERANCANGAN APLIKASI WEDDING ORGANIZER BERBASIS
WEB
Universitas Sumatera Utara
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
EKA LUSYANTI MARPAUNG
132406185
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: PERANCANGAN
APLIKASI
ORGANIZER BERBASIS WEB
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Departemen
Fakultas
:
:
:
:
:
:
WEDDING
TUGAS AKHIR
EKA LUSYANTI MARPAUNG
132406185
DIPLOMA III TEKNIK INFORMATIKA
MATEMATIKA
MATEMATIKA DAN ILMU PENGETAHUAN
ALAM (FMIPA) UNIVERSITAS SUMATERA
UTARA
Disetujui di
Medan, Juni 2016
Disetujui Oleh
Program Studi D3 Teknik Informatika FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si
NIP. 196005201985032002
Pembimbing,
Dr. Syahriol Sitorus, S.Si.M.IT
NIP. 197103101997031004
Universitas Sumatera Utara
4
PERNYATAAN
PERANCANGAN APLIKASI WEDDING ORGANIZER BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil karya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juni 2016
EKA LUSYANTI MARPAUNG
132406185
Universitas Sumatera Utara
5
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha
Penyayang, dengan limpah karunia-Nya penulis dapat menyelesaikan penyusunan
tugas
akhir
ini
dengan
judul
PERANCANGAN
APLIKASI
WEDDING
ORGANIZER BERBASIS WEB.
Penulisan Tugas Akhir ini merupakan karya tulis yang sederhana dan
merupakan salah astu syarat menyelesaikan pendidikan D3 Teknik Informatika
Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
Dalam penyeleaian Tugas Akhir ini, penulis sadar akan keterbatasan
kemampuan dan pengetahuan penulis, sehingga diharapkan kritik dan saran yang
membangun serta dapat memberikan inspirasi yang baik untuk kemampuan Tugas
Akhir ini.
Dengan selesainya Tugas Akhir ini penulis mengucapkan terima kasih
kepada:
1. Bapak Dr. Syahriol Sitorus, S.Si.M.IT selaku Dosen Pembimbing yang selalu
memberi masukan baik kritik dan saran kepada penulis selama pembuatan
Tugas Akhir dari awal hingga selesai.
2. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D-3Teknik
Informatika dan Bapak Dr. Syahriol Sitorus, S.Si.M.IT selaku Sekretaris
Ketua Prodi
Universitas Sumatera Utara
6
3. Bapak Prof. Tulus, M.Si selaku Ketua Departemen Fakultas Matematika dan
Ibu Dra. Mardiningsih selaku Departemen Fakultas Matematika
4. Bapak Dr. Krista Sebayang, M.Si selaku Dekan Fakultas MIPA Universitas
Sumatera Utara
5. Seluruh teman D-3 Teknik Informatika yang memberi dukungan dan bantuan
kepada penulis dalam pengerjaan Tugas Akhir ini
6. Teristimewa kepada kedua orang tua penulis, Bapak Halmer Marpaung dan
Ibu Yuliatin atas segala kasih sayang, doa, dukungan dan bantuan yang
senantiasa diberikan.
Akhir kata, penulis berharap semoga Tugas Akhir ini bermanfaat bagi siapa
pun yang membacanya. Semoga Tuhan Yang Maha Esa senantiasa memberikan
rahmat kepada kita semua. Amin
Medan, Juni 2016
Penulis,
Eka Lusyanti Marpaung
Universitas Sumatera Utara
7
ABSTRAK
Perancangan Aplikasi Wedding Organizer Berbasis Web bertujuan untuk
membangun suatu aplikasi web dinamis secara online yang bermanfaat untuk
menyediakan informasi mengenai Wedding Organizer. Pada Proses pembuatan
aplikasi ini perangkat lunak yang digunakan adalah XAMPP yang merupakan
gabungan dari Apache Web Server, PHP, dan MySQL, dan browser Google Chrome.
Universitas Sumatera Utara
8
DAFTAR ISI
Halaman
Persetujuan ..................................................................................................................... i
Pernyataan
ii
Penghargaan ................................................................................................................. iii
Abstrak
v
Daftar Isi....................................................................................................................... vi
Daftar Tabel ............................................................................................................... viii
Daftar Gambar.............................................................................................................. ix
Bab 1.
Pendahuluan
1.1 Latar Belakang ..................................................................................... 1
1.2 Perumusan Masalah .............................................................................. 3
1.3 Pembatasan Masalah ............................................................................. 3
1.4 Tujuan Dan Manfaat ............................................................................. 4
1.5 Tinjauan Pustaka ................................................................................... 4
1.6 Metodologi Penelitian
13
1.7 Sistematika Penulisan.......................................................................... 14
Bab 2.
Landasan Teori
2.1 Pengertian Komputer
16
2.1.1 Sistem Komputer
17
18
2.1.2 Konsep Dasar Perancangan
18
2.1.3 Konsep Aplikasi
2.1.4 Konsep Dasar Perancangan Aplikasi
18
2.2 Bagan Alir (Flowchart)
20
2.3 Pengertian Basis Data (Database)
21
2.4 Sejarah dan Perkembangan Internet
21
2.4.1 Jaringan Internet
23
2.4.2 Sekilas Mengenai Web
25
2.4.3 Web Browser
25
2.4.4 Web Server
26
2.5 PHP
26
2.6 MySQL
27
2.7 Java Script
28
......................................................................................................... 2222222222423324
Universitas Sumatera Utara
9
Bab 3.
Analisa Perancangan Sistem
3.1 Analisa Sistem ......................................................................................... 29
3.2 Perancangan Sistem ................................................................................. 29
3.2.1 Diagram Konteks ........................................................................... 30
3.2.2 Data Flow Diagram Level 0 Wedding Organizer ......................... 31
3.3 Perancangan Database ............................................................................. 32
3.4 Flowchart ................................................................................................. 35
3.4.1 Flowchart Menu Utama .................................................................. 37
3.4.2 Flowchart Menu Administrator ...................................................... 38
3.4.3 Flowchart Menu Tambah Paket ...................................................... 38
3.4.4 Flowchart Pemesanan
39
3.5 Rancangan Desain Interface Aplikasi .............................. 39
Bab 4. Implementasi Sistem
4.1 Definisi Implementasi Sistem .................................................................. 51
4.2 Tujuan Implementasi Sistem ................................................................... 51
4.3 Komponen Sistem ................................................................................... 52
4.4 Tampilan Menu Utama ............................................................................ 54
Bab 5. Kesimpulan dan Saran
5.1 Kesimpulan .............................................................................................. 62
5.2 Saran ........................................................................................................ 62
Universitas Sumatera Utara
10
DAFTAR TABEL
Nomor
Gambar
Judul
2.1
Tabel Simbol-Simbol flowchart
3.3
Tabel Admin
Tabel Galeri
3.5
Tabel Gambar
3.6
Tabel Member
3.7
Tabel Paket
3.8
Tabel Jenis Paket
3.9
Tabel Pengaturan
3.10
Tabel Pesan
3.11
Tabel Slider
3.12
Tabel Testimonial
Halaman
20
32 3.4
32
33
33
33
34
34
34
35
35
Universitas Sumatera Utara
11
DAFTAR GAMBAR
Nomor Judul Halaman Gambar
3.2.1
3.2.2
3.2.3
3.3.1
3.4.1
3.4.2
3.4.3
3.4.4
3.5.1
3.5.2
3.5.3
3.5.4
3.5.5
3.5.6
3.5.7
3.5.8
3.5.9
3.5.10
5.4.1
5.4.2
5.4.3
5.4.4
5.4.5
5.4.6
5.4.7
5.4.8
Diagram Konteks
Data Flow Diagram Level 0
Data Flow Diagram Level 1
Entity Relationship Diagram (ERD)
Flowchart Menu Utama
Flowchart Menu Administrator
Flowchart Tambah Paket
Flowchart Pemesanan
Struktur Program Perancangan Wedding Organizer
Tampilan Menu Beranda
Tampilan Wedding Organizer
Tampilan Event Organizer
Tampilan Testimonial
Tampilan Registrasi
Tampilan Galeri
Tampilan Menu Login
Tampilan Menu Cara Bayar
Tampilan Menu Hubungi Kami
Tampilan Menu Beranda Registrasi
Tampilan Menu Login
Tampilan Menu Testimonial
Tampilan Menu Wedding Organizer
Tampilan Menu Event Organizer
Tampilan Menu Galeri
Tampilan Menu Cara Bayar
Tampilan Menu Hubungi Kontak
30
31
32
37
38
39
40
42
43
44
45
46
47
48
49
50
51
54
55
56
57
56
57
60
61
Universitas Sumatera Utara