LAPORAN AKHIR PROGRAM PROFESIONAL

Website Penawaran Jasa Video dan Photography

Di Susun Oleh :

EDY SETIAWAN
NIM : DBC 107 035

JURUSAN/PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK
UNIVERSITAS PALANGKARAYA
2012

Lembar Pengesahan Ujian Program Profesional

Dengan ini pembimbing mata kuliah Program Profesional bagi mahasiswa :
NIM

: DBC 107 035

Nama

: Edy Setiawan

Judul

: Website Penawaran Jasa Video dan Photography

Menyetujui mahasiswa tersebut diatas untuk mengikuti ujian mata kuliah Program
Profesional

Palangka Raya,

Mei 2012

Dosen Pembimbing,

Viktor H. Pranatawijaya, ST.,MT

NIP. 19610606 200501 1 001

ii

HALAMAN PERSEMBAHAN
Banyak orang bijak berkata bahwa kekuatan itu hanya ada dalam kuasa
TUHAN. Saya percaya bahwa ucapan tersebut adalah benar adanya. Sampai pada
akhirnya saya mampu menyelesaikan tugas Mata Kuliah Program Profesional ini
tepat pada waktunya adalah karena orang-orang yang banyak terlibat dalam tugas
ini.
Terima kasih dan ucapan syukur saya berikan kepada orang-orang yang
telah mendukung saya dalam menyelesaikan tugas Mata Kuliah Program
Profesinal tersebut, yaitu :
1. Kedua orang tua Ayah dan Ibu yang selalu menyayangi saya dan selalu
mendukung saya dalam doa.
2. Bapak Viktor H.P., S.T, M.T yang sudah membantu dan membimbing saya
dari awal sampai akhir penyelesaian tugas ini.
3. Sahabat sahabat dekat saya yang selalu ada saat suka maupun duka yang
selalu mendukung saya dan yang tidak pernah meninggalkan saya yaitu

Dodik, Lius, Nina dan Yoga yang sudah memberikan semangat dalam
kepada saya.
Saya ucapkan banyak-banyak terima kasih kepada pihak-pihak yang telah
mendukung saya dan mendoa akan saya dalam keberhasilan. Saya sadar, tanpa
mereka saya tidak ada artinya bahkan tanpa mereka semua yang saya kerjakan
akan jadi sia-sia.

iii

KATA PENGANTAR

Puji syukur kita panjatkan ke hadirat Tuhan Yang Maha Esa karena atas
rahmat, dan berkat-Nya, hingga tepat pada waktunya penulis dapat menyelesaikan
laporan akhir Mata Kuliah Program Profesional ini.
Adapun Laporan akhir Mata Kuliah Program Profesional dengan judul
Website Penawaran Jasa Video dan Photography ini diangkat dan dibahas, yaitu
sepenuhnya untuk memenuhi tugas yang diberikan oleh Dosen Mata Kuliah
Program Profesional.
Penulis mengucapkan banyak terima kasih pada semua pihak yang telah
membantu dalam penyusunan laporan ini baik secara langsung maupun tidak
langsung terutama kepada dosen pembimbing mata kuliah Program Profesional
Bapak Viktor H.P., S.T, M.T.
Penulis menyadari bahwa laporan ini masih jauh dari kesan kesempurnaan.
Oleh karena itu, penulis mengharapkan pendapat, kritik, maupun saran yang
bersifat membangun demi penyempurnaan laporan ini.
Akhir kata, semoga laporan ini dapat bermanfaat bagi kita semua khususnya
bagi mahasiswa jurusan Teknik Informatika.

Palangka Raya, Mei 2012

Penulis

iv

ABSTRAK
Untuk menawarkan jasa video dan photography maka kami membuat
sebuah website, gunanya untuk mempromosikan usaha tersebut agar dapat dikenal
di masyarakat yang bisa mengakses melalui site website.
Hal inilah yang menjadi suatu strategi untuk mempromosikan usaha ke
lingkungan sosial, secara khusus adalah perkembangan informasi didalam dunia
usaha. Maka melalui media teknologi web inilah yang menjadi dasar di buatnya
Website Penawaran Jasa Video dan Photography ini.
Dalam pembuatan website penawaran jasa ini, kami mengunakan
Dreamweaver 8 untuk melakukan modifikasi website, sehingga tampilan website
menjadi sesuai dengan keinginan pembuat.
Kata-kata kunci : Photoshop, Dreamweaver, Mysql, PHP.

DAFTAR ISI
Halaman
Halaman Judul ........................................................................................

Halaman Pengesahan ..............................................................................

ii

Halaman Persembahan ............................................................................

iii

Kata Pengantar ........................................................................................

iv

Abstrak ....................................................................................................

Daftar Isi .................................................................................................

vi

Daftar Gambar .........................................................................................

ix

Daftar Tabel ............................................................................................

xii

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

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

1.2. Rumusan Masalah ......................................................................

1.3. Batasan Masalah ........................................................................

1.4. Tujuan .......................................................................................

1.5. Metodologi ................................................................................

1.6. Sistematika Penulisan ................................................................

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

2.1. Pengertian Website ....................................................................

2.2. Definisi Web Profile ..................................................................

2.3. Syarat-syarat Website ................................................................

2.4. Teknologi Internet .....................................................................

2.5. Pengenalan HTML .....................................................................

2.6. Pengenalan PHP .........................................................................

10

2.7. Pengenalan SQL ........................................................................

11

2.8. Pengenalan CSS .........................................................................

15

2.9. Mengenal Macromedia Dreamweaver 8 ....................................

15

2.10. UML (Unified Modelling Language) ......................................

18

vi

BAB III ANALISIS DESAIN SISTEM .................................................

23

3.1. Analisi Sistem ............................................................................

23

3.2. Desain Sistem ............................................................................

23

3.3. Perancangan Tabel .....................................................................

30

3.4. Perancangan Antar Muka ..........................................................

31

3.5. Desain Halaman Web ................................................................

32

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM ....................

35

4.1. Implementasi ...............................................................................

35

4.2. Implementasi Rancangan Antar Muka ......................................

35

4.3. Pengujian Sistem Menggunakan BlackBox ...............................

38

BAB V KESIMPULAN DAN SARAN ..................................................

42

5.1. Kesimpulan ................................................................................

42

5.2. Saran ..........................................................................................

42

Daftar Pustaka
Lampiran

vii

DAFTAR GAMBAR
Halaman
Gambar 1.1 Metodologi Waterfall ..........................................................

Gambar 2.1 Use Case Diagram ...............................................................

19

Gambar 2.2 Activity Diagram .................................................................

20

Gambar 2.3 Class Diagram .....................................................................

22

Gambar 2.4 Diagram Sequence ..............................................................

22

Gambar 3.1 Use Case Diagram ...............................................................

25

Gambar 3.2 Use Case Diagram Admin ..................................................

25

Gambar 3.3 Diagram Activity Login ......................................................

26

Gambar 3.4 Activity Diagram User Proses Melihat Halaman Awal ......

26

Gambar 3.5 Activity Diagram User Proses Melihat Halaman Jasa ........

27

Gambar 3.6 Activity Diagram User Proses Melihat Halaman Galeri .....

27

Gambar 3.7 Activity Diagram User Proses Melihat Halaman Kontak ...

28

Gambar 3.8 Diagram Aktifitas Mengubah Admin ...................................

28

Gambar 3.9 Diagram Aktifitas Mengubah Jasa ......................................

29

Gambar 3.10 Diagram Aktifitas Mengubah Kontak ................................

29

Gambar 3.11 Class Diagram ...................................................................

30

Gambar 3.12 Entity Relationship Diagram (ERD) .................................

30

Gambar 3.13 Desain Menu Samping .....................................................

32

Gambar 3.13 Desain Menu Login ...........................................................

32

Gambar 3.14 Desain Halaman Utama .....................................................

32

Gambar 3.15 Desain Halaman Jasa ........................................................

33

Gambar 3.16 Desain Halaman Galeri ....................................................

33

Gambar 3.17 Desain Halaman Kontak ..................................................

34

Gambar 4.1 Tampilan Pada Halaman Beranda (Bagian Awal Web) .......

35

Gambar 4.2 Tampilan Pada Halaman Tentang ......................................

36

Gambar 4.3 Tampilan Pada Halaman Galeri .........................................

36

Gambar 4.4 Tampilan Pada Halaman Kontak .......................................

37

Gambar 4.5 Tampilan Pada Halaman Login ...........................................

37

Gambar 4.6 Tampilan Apabila Admin Telah Melakukan Login ............

viii

38

Gambar 4.7 Tampilan Nama dan Password Kosong ..............................

39

Gambar 4.8 Tampilan Nama dan Password Salah ..................................

39

Gambar 4.9 Tampilan Nama dan Password Benar .................................

40

ix

DAFTAR TABEL
Halaman
Tabel 3.1 Definisi Actor Use Case .........................................................

24

Tabel 3.2 Tabel Admin ...........................................................................

31

Tabel 3.3 Tabel Jasa ................................................................................

31

Tabel 3.4 Tabel Kontak ...........................................................................

31

Tabel 4.1 Pengujian Halaman Admin .....................................................

38

Tabel 4.2 Hasil Pengujian Halaman Admin ...........................................

40