i

Laporan Proyek Akhir

Website Wedding Organizer Menggunakan Adobe

Dreamweaver dan PHP

Disusun oleh :

Nama : Arung Domas Yudhatama

NIM : 13.3.00007

Program Studi : Teknik Informatika

Program Pendidikan : Diploma III

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

SINAR NUSANTARA

SURAKARTA

2016

ii

iii

iv

v

MOTTO

“Mulai” adalah kata yang penuh kekuatan. Cara terbaik untuk menyelesaikan

sesuatu adalah “Mulai” Tapi juga mengherankan. Pekerjaan apa yang dapat kita

selesaikan kalau kita hanya memulainya

(Clifford Warren)

Membuat suatu hal menjadi sederhana lebih sulit daripada membiarkannya tetap

rumit. Kamu harus bekerja keras membuat pikiranmu bersih dari hal lain untuk

membuat hal itu menjadi sederhana

(Steve Jobs)

Arung Domas Yudhatama

vi

PERSEMBAHAN

Laporan Proyek Akhir ini penulis persembahan untuk :

1. Ucapan syukur alhamdulilah kepada Allah S.W.T

2. Untuk STMIK Sinar Nusantara Surakarta yang selama 3 tahun ini

memberikesempatan kepada saya untuik menimba ilmu.

3. Untuk Ibu Kumaratih Sandradewi,S.P., M.Kom selaku Ketua STMIK

Sinar Nusantara Surakarta.beserta semua Staff dan karyawan.

4. Untuk Bapak Wawan Laksito, S.Si, M.Kom selaku dosen pembimbing

akademik yang telah memberikan bimbingan selama perkuliahan kepada

Penulis.

5. Untuk Bapak Kustanto, S.T, M.Eng selaku dosen pembimbing yang

telah memberikan bimbingan kepada Penulis.

6. Untuk kedua Orang Tuaku Bapak Tito Arie Yudhawan dan Ibu Arisa

Boegiana yang selalu melimpahkan kasih sayang, semangat, dan doa yang

tidak terputus kepada saya.

7. Untuk Adik Kandungku Arya Caesar Nur Yudhananta yang selalu

memberi dukungan.

8. Untuk teman-temanku di TI-D3 angkatan 2013. Keluargaku di kampus

biru yang suka duka kita lalui.

9. Teman-teman seperjuangan Semua Jurusan angkatan 2013, terima kasih

atas pertemanannya.

10. Almamaterku dan pembaca yang budiman.

vii

RINGKASAN

Laporan proyek akhir ini dengan judul Website Wedding Organizer

Menggunakan Adobe Dream Weaver dan PHP. Disusun berdasarkan penelitian

dan analisa yang dilakukan pada tanggal 19 Agustus sampai Mei 2016.

Tujuan dari Proyek Akhir ini adalah terbentuknya sebuah website

Wedding Organizer yang bertujuan untuk memudahkan Shekar Wedding

Organizer untuk memasarkan produk-produknya

Langkah yang digunakan untuk menyelesaikan tugas akhir ini adalah

dengan mengumpulkan informasi melalui wawancara, kajian pustaka, browsing di

internet dan penelitian secara langsung di Shekar Wedding Organizer. Program

yang digunakan untuk membuat media pembelajaran ini adalah program XAMPP.

Adobe Photoshop CS3 dan Notepad ++ untuk mendesign dan membuat

komponen-komponen yang akan disusun di Adobe Dreamweaver dan akan

ditampilkan melalui Browser.

Berdasarkan hasil pengujian yang telah dilakukan di Shekar Wedding

Organizer yang diuji oleh pemilik Shekar Wedding Organizer, Maka Tugas Akhir

dengan judul Website Wedding Organizer Menggunakan Adobe Dreamweaver

dan PHP ini sudah baik dan layak digunakan.

viii

SUMMARY

This final project report titled Wedding Organizer Website Using Adobe

Dreamweaver and PHP. Compiled based on research and analysis conducted on

August 19, until May 2016.

The purpose of this final project is the establishment of a Wedding

Organizer website that aims to facilitate Shekar Wedding Organizer for marketing

their products

Steps used to complete this final task is to gather information through

interviews, literature review, browsing the internet and research directly in Shekar

Wedding Organizer. The program used to create learning media is XAMPP

program. Adobe Photoshop CS3 and Notepad ++ to design and create the

components that will be compiled in Adobe Dreamweaver and will be displayed

through the Browser.

Based on the results of testing that has been done in Shekar Wedding

Organizer is tested by the owner Shekar Wedding Organizer, then Final titled

Wedding Organizer Website Using Adobe Dreamweaver and PHP is already good

and fit for use

ix

KATA PENGANTAR

Dengan memanjatkan Puji Syukur kehadiran Tuhan Yang Maha Esa yang

telah melimpahkan rahmat dan hidayah-Nya, sehingga penulis dapat

menyelesaikan Laporan Proyek Akhir ini dengan judul “Website Wedding

Organizer Menggunakan Adobe Dreamweaver dan PHP”.

Laporan Proyek Akhir ini disusun sebagai salah satu kewajiban yang

dimaksudkan untuk melengkapi syarat dalam menyelesaikan program pendidikan

Diploma III pada STMIK Sinar Nusantara Surakarta.

Penyusunan Laporan Proyek Akhir ini tidak lepas dari bimbingan dan

bantuan berbagai pihak. Oleh karena itu dalam kesempatan ini penulis tidak lupa

mengucapkan terima kasih kepada :

1. Ibu Kumaratih Sandradewi, S.P, M.Kom, selaku Ketua STMIK Sinar

Nusantara Surakarta.

2. Bapak Kustanto, S.T, M.Eng selaku Pembimbing dalam penyusunan

Laporan Proyek Akhir ini.

3. Dosen yang telah memberikan ilmu praktek dan teori selama masa

perkuliahan di STMIK Sinar Nusantara Surakarta.

4. Staff karyawan dan karyawati kampus STMIK Sinar Nusantara.

5. Karyawan Shekar Wedding Organizer yang telah memberikan kesempatan

dan bantuan kepada penulis dalam penyusunan Laporan Proyek Akhir ini.

6. Orang tua tercinta, yang telah memberikan dorongan, semangat, dan doa

untuk menyelesaikan Laporan Proyek Akhir ini.

x

7. Teman-teman D3 Teknik Informatika Angkatan tahun 2013. Terima kasih

atas kebersamaannya selama kuliah.

8. Sahabat-sahabatku yang telah membantu dalam menyelesaikan Tugas

Akhir ini.

9. Semua pihak yang telah membantu kelancaran dalam penyusunan Laporan

Proyek Akhir ini.

Penulis menyadari bahwa penyusunan Laporan Proyek Akhir ini masih

ada kekurangan dan jauh dari kata sempurna. Hal ini semata-mata karena

keterbatasan pengetahuan dan pengalaman penulis. Oleh karena itu, penulis

mengharapkan kritik dan saran yang bersifat membangun, semoga Laporan

Proyek Akhir ini dapat bermanfaat bagi penulis dan bagi pembaca yang budiman.

Surakarta, Mei 2016

(Arung Domas Yudhatama)

Penulis

xi

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

HALAMAN PERSETUJUAN PEMBIMBING ............................................ ii

HALAMAN PENGESAHAN ................................. ....................................... iii

SURAT PERNYATAAN ......................................................................... ..... iv

HALAMAN MOTTO ..................................................................................... v

HALAMAN PERSEMBAHAN...................................................................... vi

HALAMAN RINGKASAN ............................................................................ vii

HALAMAN SUMARRY ............................................................................... viii

HALAMAN KATA PENGANTAR ............................................................... ix

DAFTAR ISI ................................................................................................... xi

DAFTAR TABEL ........................................................................................... xii

DAFTAR GAMBAR ...................................................................................... xiv

BAB I PENDAHULUAN ....................................................................... 1

1.1. Latar Belakang ................................................................... 1

1.2. Perumusan Masalah ............................................................ 2

1.3. Pembatasan Masalah .......................................................... 2

1.4. Tujuan Proyek Akhir .......................................................... 3

1.5. Manfaat Proyek Akhir ........................................................ 3

1.6. Metode Penelitian ............................................................... 4

1.7. Sistematika Penulisan Proyek Akhir .................................. 7

BAB II LANDASAN TEORI............................................................... ... 9

2.1 Website ............................................................................... 9

2.2 Domain ............................................................................... 10

2.3 PHP ..................................................................................... 11

2.4 Adobe Photoshop ................................................................ 12

2.5 Notepad ++ ......................................................................... 13

2.6 Filezilla .............................................................................. 14

2.7 Adobe Dreamweaver .......................................................... 15

xii

BAB III TINJAUAN UMUM ................................................................... 21

3.1 Objek Penelitian .................................................................. 21

3.1.1 Sejarah Perusahaan ................................................. 21

3.1.2 Visi Dan Misi .......................................................... 22

3.1.3 Struktur Organissasi ................................................ 23

3.1.4 Deskripsi Dan Tugas ............................................... 24

3.2 Produk Dan Jasa ................................................................. 25

3.3 Pemasaran Produk .............................................................. 27

3.4 Omset .................................................................................. 28

BAB IV HASIL PENELITIAN ............................................................... 29

4.1. Struktur Database ................................................................ 30

4.2. Rancangan Desain Website ................................................ 36

4.3. Mengimplementasikan Sistem ............................................ 37

4.3.1 Kebutuhan Sistem .................................................. 38

4.4. Melakukan Pembahasan Terhadap Hasil Implementasi

Sistem ................................................................................. 38

4.4.1 Penjelasan Pemakaian ............................................. 39

4.4.2 Hosting Website. ..................................................... 45

4.5. Hasil Penelitian . ................................................................. 50

BAB V PENUTUP .................................................................................. 51

5.1. Kesimpulan ........................................................................ 51

5.2. Saran ................................................................................... 51

DAFTAR PUSTAKA

xiii

DAFTAR TABEL

Tabel 4.1 : Tabel Admin .......................................................................... 29

Tabel 4.2 : Tabel Blogs .. ......................................................................... 30

Tabel 4.3 : Tabel Inbox ............................................................................ 31

Tabel 4.4 : Tabel Portofolio ..................................................................... 32

Tabel 4.5 : Tabel Pricing_Standar ........................................................... 32

Tabel 4.6 : Tabel Pricing_Gold ................................................................ 33

Tabel 4.7 : Tabel Pricing_Premium ......................................................... 34

Tabel 4.8 : Tabel Slider ............................................................................ 35

Tabel 4.9 : Tabel Team............................................................................. 36

xiv

DAFTAR GAMBAR

Gambar 2.1: Area Kerja Adobe Dreamweaver ................................................ 17

Gambar 3.1: Struktur Organisasi Shekar Wedding Organizer ......................... 23

Gambar 3.2: Undangan Pernikahan ................................................................. 24

Gambar 3.3: Souvenir Pernikahan ................................................................... 26

Gambar 3.4: Dekorasi Pernikahan ................................................................... 26

Gambar 3.5: Foto Pre-Wedding ....................................................................... 27

Gambar 4.1: Halaman Login Shekar ................................................................ 36

Gambar 4.2: Rancangan Halaman Admin ....................................................... 37

Gambar 4.3: Rancangan Halaman Utama ....................................................... 37

Gambar 4.4: Halaman Login Shekar ................................................................ 39

Gambar 4.5: Halaman Admin Shekar .............................................................. 40

Gambar 4.6: Halaman Home Shekar ............................................................... 40

Gambar 4.7: Halaman Tentang Kami .............................................................. 41

Gambar 4.8: Halaman Layanan........................................................................ 42

Gambar 4.9: Halaman Portofolio ..................................................................... 42

Gambar 4.10: Halaman Paket Wedding ........................................................... 43

Gambar 4.11: Halaman Blog............................................................................ 44

Gambar 4.12: Halaman Kontak Kami .............................................................. 44

Gambar 4.13: Menu Login IdHostinger ........................................................... 45

Gambar 4.14: Halaman Menu Utama IdHostinger .......................................... 46

Gambar 4.15: Halaman Form Alamat Website IdHostinger ........................... 46

Gambar 4.16 Menu Database MySQL ........................................................... 47

Gambar 4.17 Menu PHP MyAdmin .............................................................. 48

Gambar 4.18: Menu Halaman File Manager.................................................... 48

Gambar 4.19: Menu Upload File Manager ..................................................... 49

Gambar 4.20: Hasil Jadi Hosting ..................................................................... 50

53

4.4.1 Penjelasan Pemakaian

Tahap ini merupakan langkah-langkah dari pemakaian

website profil Shekar Wedding Organizer. Berikut sub-sub

pembahasan pemakaian :

1. Menu Login

Menu Login merupakan menu yang hanya dapat

digunakan untuk masuk ke halaman admin disini hanya

admin atau karyawan yang diberi kepercayaan oleh

pemilik yang dapat masuk.

Gambar 4.4 Halaman Login Shekar

2. Halaman Admin

Halaman ini digunakan oleh admin untuk mengedit

segala hal yang ada di dalam website mulai dari daftar

produk, karyawan, blogpost dan lain-lain

54

Gambar 4.5 Halaman Admin Shekar

3. Halaman Home

Halaman ini adalah halaman yang pertama kali

dibuka oleh user yang mengunjungi website. Halaman ini

menampilkan profil singkat dari Shekar.

Gambar 4.6 Halaman Home Shekar

55

4. Halaman Tentang Kami

Halaman ini menampilkan profil tentang tim beserta

skill yang mereka miliki di wedding organizer Shekar

Gambar 4.7 Halaman Tentang Kami

5. Halaman Layanan

Halaman ini menjelaskan tentang layanan yang ada

di Wedding Organizer Shekar.

56

Gambar 4.8 Halaman Layanan

6. Halaman Portofolio

Halaman Portofolio sendiri menampilkan beberapa

contoh produk yang ada di Shekar.

Halaman 4.9 Halaman Portofolio

57

7. Halaman Paket Wedding

Halaman ini menampilkan paket wedding yang

tersedia mulai dari Standard, Premium hingga Gold

Gambar 4.10 Halaman Paket Wedding

8. Halaman Blog

Halaman Blog dibuat untuk memberikan ruang

update tentang event atau berita tentang Shekar yang akan

dibuka oleh user

58

Gambar 4.11 Halaman Blog

9. Halaman Kontak Kami

Halaman Kontak Kami adalah halaman khusus yang

dibuat untuk user dapat menghubungi kami melalui

website. Di halaman ini juga diberikan alamat dan peta

menuju Shekar melalui Google Maps.

Gambar 4.12 Halaman Kontak Kami

59

4.4.2 Hosting Website

Hosting sangatlah penting dalam proses pembuatan

Website dikarenakan hosting adalah sebuah proses untuk meng-

onlinekan sebuah website agar dapat dikunjungi oleh calon

pelanggan. Berikut adalah proses Hosting website Shekar :

1. Login ke website Idhostinger

Login sendiri bisa dilakukan melalui sebuah layanan

hosting di link https://cpanel.idhostinger.com/auth disini

kita bisa menggunakan akun sosial media kita untuk login

ataupun mendaftar dengan email

Gambar 4.13 Menu Login Idhostinger

60

2. Memilih menu Hosting Baru

Gambar 4.14 Halaman Menu Utama Idhostinger

3. Memilih Alamat Website

Mula-mula kita akan dihadapkan pada pilihan untuk

memilih pilihan biaya domain mulai dari gratis hingga

berbayar. Disini saya memilih gratis terlebih dahulu dan

mengisi nama alamat website yang diinginkan

Gambar 4.15 Halaman Form Alamat Website Idhostinger

61

4. Membuat Database

Setelah membuat alamat kita menuju ke menu

utama dalam alamat yang kita buat kemudian mencari

pilihan Database MySQL dan kemudian membuat

database yang kita inginkan.

Gambar 4.16 Menu Database MySQL

5. Import Database

Setelah membuat database kita harus mengimport

database yang kita buat sebelumnya melalui pilihan

PHPMyAdmin disebelah menu Database MySQL dan

masuk ke menu PHPMyAdmin dan import database yang

telah dibuat sebelumnya

62

Gambar 4.17 Gambar Menu PHPMyAdmin

6. Masuk Menu File Manager

Setelah sukses import database langsung menuju

menu File Manager untuk upload file website kita. Dengan

cara masuk folder public_html

Gambar 4.18 Menu Halaman File Manager

63

7. Upload File Website

Setelah itu upload file website yang sebelumnya kita

buat dan zip file yang sudah kita buat. Tunggu proses

upload. Setelah selesai ubah file koneksi sesuai dengan

yang kita buat tadi

Gambar 4.19 Menu Upload File Manager

64

8. Hasil Jadi Website

Berikut ini hasil jadi website yang sudah dihostingkan

Gambar 4.20 Hasil jadi Hosting

4.5 Hasil Penelitian

Hasil dari Pembuatan Website Shekar Wedding Organizer sendiri

adalah meningkatnya jumlah omset Shekar Wedding Organizer sendiri,

Yang awal mulanya Omset bersih 10.179.000 Juta perbulan. Setelah

adanya Website Omset naik menjadi 12.561.500 Juta rupiah. Omset naik

dikarenakan setiap presentasi produk tidak perlu membawa contoh

souvenir atau undangan yang banyak yang terkesan ribet, Namun cukup

menunjukkan Website kepada pelanggan Shekar.