LAPORAN PROYEK AKHIR COMPANY PROFILE “KAISA ROSSIE” SEBAGAI MEDIA PUBLIKASI BIRO JASA PERJALANAN DI SEMARANG.
Disusun Oleh :
Nama
: M. Khoirul Anwar
Nim
: A22.2008.01701
Progdi
: Teknik Informatika D3 / Multimedia
FAKULTAS ILMU KOMPUTER UNIVERSITAS DIAN NUSWANTORO SEMARANG 2013
LAPORAN PROYEK AKHIR COMPANY PROFILE “KAISA ROSSIE” SEBAGAI MEDIA PUBLIKASI BIRO JASA PERJALANAN DI SEMARANG. Laporan ini disusun guna memenuhi salah satu sy arat untuk meny elesaikan Program Studi Teknik Informatika D-3 pada Fakultas Ilmu Komputer Universitas Dian Nuswantoro
Disusun Oleh :
Nama
: M. Khoirul Anwar
Nim
: A22.2008.01701
Progdi
: Teknik Informatika D3 / Multimedia
FAKULTAS ILMU KOMPUTER UNIVERSITAS DIAN NUSWANTORO SEMARANG 2013 i
PERSETUJUAN LAPORAN PROYEK AKHIR
Nama Pelaksana
: M. Khoirul Anwar
NIM
: A22.2008.01701
Program Study
: Teknik Informatika – D3
Fakultas
: Ilmu Komputer
Judul Proyek Akhir
: Company Profile “Kaisa Rossie” Sebagai Media Publikasi Biro Jasa Perjalanan Di Semarang.
Proyek Akhir ini telah diperiksa dan disetujui, Semarang, 28 Februari 2013
Menyetujui : Pembimbing
Mengetahui : Dekan Fakultas Ilmu Komputer
Muslih, S.Kom NPP : 0686.11.1996.082
Dr. Abdul Syukur, Drs, MM NPP : 0686.11.1992.017
ii
PENGESAHAN DEWAN PENGUJI
Nama Pelaksana
: M. Khoirul Anwar
NIM
: A22.2008.01701
Program Study
: Teknik Informatika – D3
Fakultas
: Ilmu Komputer
Judul Proyek Akhir
: Company Profile “Kaisa Rossie” Sebagai Media Publikasi Biro Jasa Perjalanan Di Semarang.
Proyek ini telah diujikan dan dipertahankan dihadapan Dewan Penguji pada Sidang proyek akhir tanggal Februari 2013, Menurut pandangan kami proyek Akhir ini memadai dari segi kualitas maupun kuantitas untuk tujuan Penganugerahan gelar Ahli Madya (D3)
Semarang, 28 Februari 2013
Dewan Penguji : Pendamping
Anggota
Muslih, S.Kom NPP : 0686.11.1996.082
Elkaf Rahmawan P, M.Kom NPP : 0686.11.1998.147
Ketua Penguji
Suhariyanto M.Kom NPP : 0686.11.2000.209 iii
PERNYATAAN KEASLIAN PROYEK AKHIR
Sebagai mahasiswa Universitas Dian Nuswantoro, yang bertanda tangan di bawah ini, saya : Nama
: M. Khoirul Anwar
NIM
: A22.2008.01701
Menyatakan bahwa karya ilmiah saya yang berjudul :
Company Profile “Kaisa Rossie” Sebagai Media Publikasi Biro Jasa Perjalanan Di Semarang. Merupakan karya asli saya (kecuali cuplikan dan ringkasan yang masing-masing telah saya jelaskan sumbernya) Apabila dikemudian hari, karya saya disinyalir bukan merupakan karya asli saya, yang disertai dengan bukti-bukti yang cukup, maka saya bersedia untuk dibatalkan gelar saya beserta hak dan kewajiban yang melekat pada gelar tersebut. Demikian surat pernyataan ini saya buat dengan sebenarnya.
Dibuat di
: Semarang
Pada Tanggal
: 28 Februari 2013
Yang menyatakan
( M. Khoirul Anwar )
iv
PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS Sebagai mahasiswa Universitas Dian Nuswantoro, yang bertanda tangan dibawah ini, saya : Nama
:
M. Khoirul Anwar
NIM
:
A22.2008.01701
Demi mengembangkan Ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas Dian Nuswantoro Hak Bebas Royalti Non-Ekskusif (non-exclusif Royalti-Free Right) atas karya ilmiah saya yang berjudul :
Company Profile “Kaisa Rossie” Sebagai Media Publikasi Biro Jasa Perjalanan Di Semarang. beserta perangkat yang diperlukan (bila ada). Dengan Hak Bebas Royalti NonEkseklusif ini Universitas Dian Nuswantoro berhak untuk menyimpan, mengcopy ulang (memperbanyak), menggunakan, mengelolanya dalam bentuk pangkalan data (database), mendistribusikannya dan menampilkan/mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari saya selama tetap mencantumkan nama saya sebagai penulis/pencipta. Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas Dian Nuswantoro, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini. Demikian surat pernyataan ini saya buat dengan sebenarnya. Dibuat di
: Semarang
Pada tanggal : 28 Februari 2013 Yang menyatakan
(M. Khoirul Anwar)
v
UCAPAN TERIMAKASIH
Dengan memanjatkan puji syukur kehadirat Allah SWT. Tuhan Yang Maha Pengasih dan Penyayang yang telah melimpahkan segala rahmat, hidayah dan inayah-Nya kepada penulis sehingga laporan proyek akhir dengan judul Company Profile “Kaisa Rossie” Sebagai Media Publikasi Biro Jasa Perjalanan Di Semarang. Dapat penulis selesaikan sesuai dengan rencana, mulai perencanaan sampai dengan penyelesaian proyek akhir ini, penulis telah banyak mendapatkan bantuan-bantuan dari berbagai pihak, oleh karena itu dalam kesempatan ini penulis mengucapkan banyak terima kasih kepada: 1. Dr. Ir. Edi Noersasongko, M.Kom, selaku Rektor Universitas Dian Nuswantoro Semarang. 2. Dr Abdul Syukur selaku Dekan Fasilkom. 3. Sugiyanto, M. Kom, selaku Ketua Progdi TI-D3 4. Muslih S. Kom, selaku pembimbing proyek akhir yang memberikan ide penelitian, memberikan informasi referensi yang penulis butuhkan dan bimbingan yang berkaitan dengan penelitian penulis. 5. Dosen-dosen pengampu di Fakultas Ilmu Komputer Teknik Informatika Universitas Dian Nuswantoro Semarang yang telah memberikan ilmu dan pengalamanya masing- masing, sehingga penulis dapat mengimplementasikan ilmu yang telah disampaikan. 6. Keluarga yang telah memberikan dukungan. 7. Teman-teman yang telah membantu dan member dukungan. Semoga Tuhan yang Maha Esa memberikan balasan yang lebih besar kepada beliau-beliau dan pada akhirnya penulis berharap bahwa penulisan laporan proyek akhir ini dapat bermanfaat dan berguna sebagaimana fungsinya.
Semarang, 28 Februari 2013 Penulis
vi
ABSTRAK Perusahaan Kaisa Rossie merupakan salah satu perusahaan yang bergerak dibidang Tour & Travel / Biro Perjalanan Wisata. Pelayanan yang disajikan Kaisa Rossie sangat lengkap mulai dari pemesanan tiket pesawat, reservase hotel dan paket perjalanan wisata baik dalam maupun luar negeri. Selain itu Kaisa Rossie juga melayani paket kunjungan dinas dalam dan luar negeri, ibadah keagamaan dalam dan luar negeri, umrah dan mengurus dokumen perjalanan, persewaan bus pariwisata, mobil dan travel bussiness. Publikasi pada dasarnya merupakan suatu bentuk komunikasi yang bertujuan untuk mengajak atau mempengaruhi orang. Pemasaran suatu produk merupakan salah satu bentuk pengenalan kepada masyarakat, sehingga disini masyarakat dapat mengenal produk/jasa dari perusahaan itu sendiri, banyak media yang digunakan untuk memasarkan suatu produk/jasa agar mudah dikenal luas oleh masyarakat. Seiring dengan perkembangan zaman, dunia teknologi dan internet berkembang sangat pesat di dunia semakin hari jumlah pengguna internet saat ini semakin besar dan meningkat. Sebuah website bisa dijadikan sebagai media promosi atau pemasaran untuk mendatangkan calon konsumen. Banyak perusahaan bisa menggaet klien melalui website, karena jangkauan internet sangat luas dan dapat diakses kapanpun dan dimanapun. Company Profile berbasis website yang dibuat penulis merupakan halaman yang berisi tentang profil perusahaan Kaisa Rossie. Company profile ini pun diharapkan dapat meningkatkan kualitas Kaisa Rossie. Kata kunci: company profile, website, publikasi, biro perjalanan, internet
vii
ABSTRACT Kaisa Rossie Company is one company engaged in Tour & Travel / Travel Bureau. Services presented a very complete Kaisa Rossie ranging from booking airline tickets, hotel reservase tour package both inside and outside the country. Besides Kaisa Rossie also serve packets official travel within and outside the country, religious services at home and abroad, Umrah and take care of travel documents, rental buses, cars and travel bussiness. The publication is primarily a form of communication intended to persuade or influence people. Marketing a product is a form of introduction to the public, so that people here can get to know the product / service of the company itself, many media used to market a product / service to be easily known by the people. Along with the times, the world of technology and the Internet is growing very rapidly in the world the day the number of Internet users is currently growing and increasing. A website can be used as a media or marketing campaign to bring in potential customers. Many companies can hook the client through the website, because it is very wide reach of the internet and can be accessed anytime and anywhere. Company Profile writer based website created a page that contains the company's profile Kaisa Rossie. Company profile is also expected to improve the quality of Kaisa Rossie. Keywords: company profile, website, publications, travel agencies, internet
viii
DAFTAR ISI
Halaman Halaman Sampul Depan
i
Halaman Persetujuan
ii
Halaman Pengesahan
iii
Halaman Pernyataan Keaslian Proyek Akhir
iv
Halaman Persetujuan Publikasi
v
Halaman Ucapan Terimakasih
vi
Halaman Abstrak
vii
Halaman Daftar Isi
ix
Halaman Daftar Tabel
xii
Halaman Daftar Gambar
xiii
BAB I
PENDAHULUAN ………………………………………………..
1
1.1 Latar Belakang ......................................................................
1
1.1.1 Alasan Pemilihan Tema ...............................................
1
1.1.2 Alasan Pemilihan Karya...............................................
2
1.2 Batasan Masalah ..................................................................
4
1.3
Tujuan Pembuatan Proyek Akhir ..........................................
5
1.4
Metode Pengumpulan Data ...................................................
5
1.4.1 Alat Pengumpulan Data ...............................................
5
1.4.2 Target Audien ..............................................................
5
1.4.3 Pemilihan Lokasi..........................................................
5
1.5 Sistematika Penulisan ...........................................................
6
Bab I Pendahuluan ..............................................................
6
Bab II Konsep Berkarya / Landasan Teori...........................
6
Bab II Metode Penciptaan Karya .........................................
6
Bab IV Hasil Karya ...............................................................
6
Bab V Penutup .....................................................................
6
Daftar Pustaka .......................................................................
6
ix
Halaman
BAB II
LANDASAN TEORI .....................................................................
7
2.1
Kepustakaan Tema dan Jenis Karya .....................................
7
2.1.1 Biro Perjalanan .............................................................
7
A. Pengertian Biro Perjalanan .......................................
8
B. Ruang Lingkup Biro Perjalanan................................
8
C. Fungsi Biro Perjalanan.............................................
8
2.1.2 Jenis Karya ..................................................................
9
A. Website ....................................................................
9
B. Jenis Website ...........................................................
10
C. Bahasa Pemrogaman ................................................
10
D. Domain ....................................................................
11
E. Hosting .....................................................................
11
F. Multimedia ...............................................................
11
2.2
Landasan Estetika..................................................................
12
2.3
Landasan TI/Pemrograman ...................................................
14
2.3.1 Software .......................................................................
14
A. Mengenal Area Kerja Dreamweaver CS3 ...............
14
B. Mengenal Xampp ....................................................
22
C. Mengenal Google Chrome ......................................
25
D. Mengenal Area Kerja Corel DrawX3 .....................
26
2.3.2 Hardware ......................................................................
32
Desain....................................................................................
33
2.5 Teori Storyboard ....................................................................
34
METODE PENCIPTAAN KARYA ...............................................
35
3.1 Pemilihan Alat dan Bahan........................................................
35
3.1.1 Alat ..................................................................................
35
3.1.2 Pemilihan Bahan .............................................................
35
3.2 Teknik dan Proses Berkarya.....................................................
36
3.2.1 Teknik .............................................................................
36
2.4
BAB III
x
BAB IV
BAB V
3.2.2 Proses Berkarya...............................................................
38
3.3 Storyboard ................................................................................
38
HASIL KARYA .............................................................................
44
4.1 Print Out dan Spesifikasi Karya ...............................................
44
4.1.1 Print Out ..........................................................................
44
4.1.2 Spesifikasi Karya ............................................................
47
4.2 Deskripsi Karya........................................................................
48
4.3 Analisis Karya ..........................................................................
48
4.4 Tutorial .....................................................................................
48
PENUTUP.......................................................................................
62
5.1 Kesimpulan ..............................................................................
62
5.2 Saran.........................................................................................
62
DAFTAR PUSTAKA ....................................................................
63
LAMPIRAN ...................................................................................
64
xi
DAFTAR TABEL Halaman Tabel 2.1 Fungsi Tools Tab Common....................................................................
19
Tabel 2.2 Fungsi Tools Tab Layout .......................................................................
19
Table 2.3 Fungsi Tools Tab Form ..........................................................................
20
Tabel 2.4 Komponen Corel Draw ..........................................................................
27
Tabel 3.1 Storyboard ..............................................................................................
39
xii
DAFTAR GAMBAR Halaman Gambar 2.1 Jendela Awal Program .......................................................................
15
Gambar 2.2 Menu Bar ............................................................................................
15
Gambar 2.3 Document Toolbar..............................................................................
15
Gambar 2.4 Code View ..........................................................................................
16
Gambar 2.5 Design View .......................................................................................
16
Gambar 2.6 Split View...........................................................................................
17
Gambar 2.7 Tag Selector........................................................................................
17
Gambar 2.8 Panel Group ........................................................................................
18
Gambar 2.9 Insert Panel ........................................................................................
18
Gambar 2.10 Tab Common ....................................................................................
18
Gambar 2.11 Tab Layout .......................................................................................
19
Gambar 2.12 Tab Form ..........................................................................................
20
Gambar 2.13 Property Inspector ............................................................................
21
Gambar 2.14 Tabel Property ..................................................................................
22
Gambar 2.15 Xampp ..............................................................................................
23
Gambar 2.16 Google Chrome ................................................................................
25
Gambar 2.17 Hal Depan Corel Draw .....................................................................
26
Gambar 2.18 Mengenal Komponen Corel Draw ...................................................
27
Gambar 4.1 Halaman Home ...................................................................................
44
Gambar 4.2 Halaman Visi & Misi .........................................................................
44
Gambar 4.3 Halaman Layanan...............................................................................
45
Gambar 4.4 Halaman Sarana..................................................................................
45
Gambar 4.5 Halaman Paket Wisata .......................................................................
46
Gambar 4.6 Halaman Buku Tamu .........................................................................
46
Gambar 4.7 Halaman Contact Person ....................................................................
47
Gambar 4.8 Xampp Aktivasi Apache & MySql ....................................................
49
Gambar 4.9 Halaman Awal Adobe Dreamweaver .................................................
50
Gambar 4.10 Membuat Tabel ...............................................................................
50
Gambar 4.11 Background Color & image .............................................................
51
xiii
Gambar 4.12 Megedit dan Menggeser Tabel .........................................................
52
Gambar 4.13 Memasukkan Animasi Flash ............................................................
52
Gambar 4.14 Membuat Navigasi ...........................................................................
53
Gambar 4.15 Membuat Teks Bergerak ..................................................................
53
Gambar 4.16 Menambahkan Script PHP ...............................................................
54
Gambar 4.17 Membuat Halaman Menu .................................................................
55
Gambar 4.18 Membuat Halaman Visi Misi ...........................................................
55
Gambar 4.19 Membuat Halaman Layanan ............................................................
56
Gambar 4.20 Membuat Halaman Sarana ...............................................................
56
Gambar 4.21 Membuat Halaman Paket Wisata .....................................................
57
Gambar 4.21 Membuat Halaman Buku Tamu .......................................................
58
Gambar 4.22 Script untuk menampilkan DataBase ...............................................
59
Gambar 4.23 Membuat Halaman Contact ..............................................................
60
Gambar 4.24 PhpmyAdmin ...................................................................................
60
Gambar 4.25 Tampilan pada Google Chrome .......................................................
61
xiv
BAB I PENDAHULUAN
1.1. Latar Belakang Pemilihan Tema Dan Karya 1.1.1. Alasan Pemilihan Tema Biro Perjalanan Wisata merupakan suatu badan usaha yang dapat memberikan jasa-jasa pelayanan bagi orang-orang yang melakukan perjalanan baik sebagai pelancong pada umumnya dan sebagai wisatawan pada khususnya. Biro Perjalanan Wisata juga merupakan suatu usaha yang dapat memberikan penerangan atau informasi tentang segala sesuatu yang berhubungan dengan dunia perjalanan pada umumnya dan dunia kepariwisataan pada khususnya. Biro Perjalanan Wisata berfungsi sebagai suatu badan perantara, biasanya antara para wisatawan atau turis disatu pihak dan pengusaha-pengusaha industri pariwisata (penerbangan, bus atau taksi, kereta api, hotel, obyek wisata, restoran hiburan dan lain sebagainya. Tak lagi bisa dipungkiri, wisata sudah menjadi lahan bisnis yang potensial. Meski belum tergarap dengan maksimal, wisata Indonesia cukup bisa diandalkan untuk mendulang rupiah lewat biro perjalanan dan wisata yang ada. Melalui biro perjalanan dan wisata juga, masyarakat Indonesia bisa mengenal objek-objek wisata dari negara lain. Karena selain mempromosikan tempat wisata domestik, para biro perjalanan dan wisata juga mempopulerkan tempat-tempat wisata di luar negeri. Bagi masyarakat yang ingin berwisata atau melakukan perjalanan jelas terbantu dengan adanya perusahaan perjalanan dan wisata ini. Di Semarang terdapat berbagai biro perjalanan diantaranya Pelangi Tour, Kaisa Rossie Tour & Travel, Ageni Tour, Artha Tour, Kartika Tour & Travel, Marina Tour & Travel, Perusahaan Kaisa Rossie merupakan salah satu perusahaan yang bergerak dibidang
1
2
Tour & Travel / Biro Perjalanan Wisata. Kaisa Rossie sebagai salah satu biro perjalanan wisata terkemuka di Semarang. Sejak berdiri pada 10 November 2003 berkantor pusat di Jl. Cendrawasih No.17 C-F Semarang, Kaisa Rossie terus berkembang sampai tahun ini bahkan telah memiliki 5 cabang usaha yang tersebar di Semarang, Jakarta dan Lampung. Pelayanan yang disajikan Kaisa Rossie sangat lengkap. Mulai dari pemesanan tiket pesawat, reservase hotel dan paket perjalanan wisata baik dalam maupun luar negeri. Selain itu Kaisa Rossie juga melayani paket kunjungan dinas dalam dan luar negeri, ibadah keagamaan dalam dan luar negeri, umrah dan haji khusus, mengurus dokumen perjalanan, persewaan bus pariwisata, mobil dan travel bussiness. Seperti bisnis yang lain, dalam industri perjalanan dan wisata juga ada persaingan. “Persaingan yang ada bukanlah perkara harga, melainkan soal pelayanan” Pelayanan kepada konsumen memang menjadi nilai jual utama bagi sebuah biro perjalanan. Pelayanan yang cepat dan prima sangat didambakan oleh masyarakat. Yang dijual oleh biro perjalanan dan wisata itu adalah jasa. Jadi yang utama adalah pelayanannya.
1.1.2. Alasan Pemilihan Jenis Karya Publikasi pada dasarnya merupakan suatu bentuk komunikasi yang bertujuan untuk mengajak atau mempengaruhi orang untuk melakukan sesuatu. Pemasaran suatu produk merupakan salah satu bentuk pengenalan kepada masyarakat, sehingga disini masyarakat dapat mengenal produk/jasa dari perusahaan itu sendiri, banyak sekali media yang digunakan untuk memasarkan suatu produk/jasa agar mudah dikenal luas oleh masyarakat, contohnya bisa melalui selebaran, majalah, poster, baliho dan bisa juga melalui media periklanan seperti iklan tv, iklan radio dan internet.
3
Seiring dengan perkembangan zaman, dunia teknologi dan internet berkembang sangat pesat di dunia, tak terkecuali Indonesia. Semakin hari jumlah pengguna internet saat ini semakin besar dan meningkat. Sebuah website juga bisa dijadikan sebagai media promosi atau pemasaran untuk mendatangkan calon konsumen. Banyak perusahaan bisa menggaet klien melalui website, karena jangkauan internet sangat luas dan dapat diakses kapanpun dan dimanapun. Dalam perencanaan dan perancangan media promosi memiliki peranan yang sangat penting dimana media merupakan jembatan informasi maupun perkembangan bagi masyarakat luas. Maka diperlukan suatu strategi untuk membangun jangkauan yang saling melengkapi dan dapat menciptakan efisiensi serta efektivitas media. Informasi tersebut umumnya bersifat statis alias tidak akan terlalu sering di- update dan hanya untuk dikomunikasikan satu arah, seperti informasi tentang sarana perusahaan, struktur organisasi perusahaan, jenis jasa dan produk yang ditawarkan, alamat usaha dan sejenisnya. Namun, pada website perusahaan terdapat juga informasi-informasi yang lebih dinamis dan semestinya diperbaharui secara berkala. Misalnya informasi tentang berita perusahaan (news), topik aktual (highlights), artikel ataupun promosi produk dan jasa perusahaan. Website adalah satu halaman atau banyak halaman yang berisikan informasi digital yang berupa teks, gambar, foto, animasi gambar, suara, video, yang bertujuan sebagai media informasi, media bisnis dan media informasi digital lainnya yang bisa diakses secara global diseluruh penjuru dunia yang terhubungkan dengan internet. Dengan keberadaan sebuah website tentunya perusahaan berharap proses publikasi dan komunikasi dengan pihak-pihak terkait menjadi lebih lancar dan perusahaan dapat mengambil
4
manfaat lain dari keberadaan website tersebut, misalnya untuk lebih dikenal luas oleh publik. Selain itu, imej perusahan tentu diharapkan akan lebih terangkat, karena memiliki website dapat diartikan juga perusahaan bisa dikunjungi secara online, tentunya oleh siapa saja yang berada dibelahan dunia mana saja selama 24 jam. perusahaan dapat memperluas jaringan pemasaran serta existensinya secara global dan menyeluruh baik di pasar domestik maupun internasional. Website merupakan kantor secara online dalam dunia maya yang berfungsi sebagai sarana membangun sebuah pemasaran yang efektif, dengan sarana promosi, dapat menerobos batasan tempat dan waktu dalam memberikan informasinya yang selalu aktif selama 24 jam sehingga sangat terjangkau sebagai sarana berpromosi. Salah satu kebutuhan dan layanan untuk biro tour dapat dipublikasi dalam bentuk website. Website Kaisa Rossie saat ini masih dalam group biro wisata dengan berbagai biro lainya yang beralamat www.ayoholiday.com. Untuk lebih spesifik maka Kaisa Rossie membutuhkan website yang baru sebagai media publikasi. Berdasarkan uraian diatas maka penulis menjadikan Kaisa Rossie sebagai objek penyusunan proyek akhir dengan judul Company Profile “Kaisa Rossie” Sebagai Media Publikasi Biro Jasa Perjalanan Di Semarang.
1.2. Batasan Masalah Penulis membatasi bagaimana pembuatan company profile “Kaisa Rossie” sebagai media publikasi untuk meningkatkan layanan pada perusahaan tersebut.
5
1.3. Tujuan Pembuatan Proyek Akhir Tujuan dalam pembuatan proyek akhir ini, untuk menginformasikan dan memperluas paket produk/jasa Kaisa Rossie kepada para konsumen melalui website. Dengan hal ini diharapkan dapat meningkatkan penjualan produk/jasa dari perusahaan Kaisa Rossie.
1.4. Metode Pengumpulan Data Metode
yang
digunakan
untuk
mengumpulkan
data
dalam
penyusunan Proyek Ahir ini dapat diuraikan sebagai berikut: 1.4.1
Alat Pengumpul Data Data yang dikumpulkan merupakan data sekunder.Yaitu sumber data penelitian yang diperoleh peneliti secara tidak langsung
melalui media perantara (diperoleh dan dicatat oleh pihak lain). Data sekunder umumnya berupa bukti, catatan atau laporan historis yang telah tersusun dalam arsip (data dokumenter) yang dipublikasikan dan yang tidak dipublikasikan. Data diperoleh dari telaah pustaka dan dokumen yang didapat penulis dari pustaka yang mendukung, informasi dan buku-buku serta artikel-artikel dari internet. 1.4.2
Target Audien Target audien itu sendiri lebih ditujukan untuk masyarakat pada umumnya dan khususnya pada calon wisatawan yang akan mengadakan perjalanan berwisata.
1.4.3
Pemilihan Lokasi Beberapa lokasi yang dipilih untuk mengumpulkan data yaitu perpustakaan, toko buku, warnet dan perusahaan Kaisa Rossie yang berkantor pusat di Jl. Cendrawasih No.17 C-F Semarang.
6
1.5. Sistematika Penulisan Secara garis besar penyusunan laporan proyek akhir ini dibagi menjadi 5 (lima) bab, dengan susunannya sebagai berikut : Bab I Pendahuluan Pada bab ini mengulas tentang latar belakang dari sebuah karya serta tujuan dan metode pengumpulan data dari karya tersebut. Bab II Konsep Berkarya / Landasan Teori Pada bab ini berisikan teori atau landasan kepustakaan terpilih sesuai dengan tema dan jenis karyanya, teori-teori ini ditulis dengan bentuk poin A, B, C, dst. Bab III Metode Penciptaan Karya Dalam bab ini berisikan tentang metode-metode penciptaan karya, sesuai dengan jenis tema dan karyanya, metode tersebut berisikan tentang pemilihan alat dan bahan serta teknik dan proses berkarya. Bab IV Hasil Karya Dalam bab ini berisikan tentang hasil dari karya, dalam hasil karya ini berisikan tentang print out dan spesifikasi karya serta berisikan tutorial dari karya tersebut. Bab V Penutup Dalam bab ini berisikan tentang penutup laporan yang berisikan tentang kesimpulan dan saran dari sebuah karya. Daftar Pustaka
BAB II KONSEP BERKARYA/LANDASAN TEORI 2.1 Kepustakaan Tema dan Jenis Karya 2.1.1 Biro Perjalanan A. Pengertian Biro Perjalanan Menurut Nyoman S. Pendit (Ilmu Pariwisata, 1990). Yang dimaksud dengan Definisi Biro Perjalanan adalah Wisata perusahaan yang mempunyai tujuan untuk menyiapkan suatu perjalanan (dalam bahasa asingnya trip atau travel) bagi orang-orang atau seorang yang merencanakan untuk mengadakannya. Secara umum pengertian Biro Perjalanan Wisata adalah perusahaan yang menyelenggarakan kegiatan paket wisata dan agen perjalanan. Sesuai dengan perkembangan pariwisata, Direktorat Jenderal Pariwisata memberikan definisi tentang Biro Perjalanan Wisata melalui Surat Keputusan Direktorat Jenderal Pariwisata No. Kep. 16/U/II/Tanggal 25 Februari 1988 tentang Pelaksanaan Ketentuan Usaha Perjalanan, pada Bab I Penelitian Umum Pasal 1, memberi pengertian dengan batasan sebagai berikut: 1.
Usaha Perjalanan adalah kegiatan usaha yang bersifat komersial yang mengatur, meyediakan dan menyelenggarakan pelayanan bagi seseorang, sekelompok orang untuk melakukan perjalanan dengan tujuan utama berwisata.
2. Biro
Perjalanan
Wisata
adalah
badan
usaha
yang
menyelenggarakan kegiatan usaha perjalanan ke dalam negeri dan atau ke luar negeri. 3. Cabang Biro Perjalanan Wisata adalah salah satu unit usaha Biro Perjalanan Wisata, yang berkedudukan di wilayah yang sama dengan kantor pusatnya atau di wilayah lain, yang melakukan kegiatan kantor pusatnya.
7
8
4. Agen Perjalanan adalah badan usaha yang menyelenggarakan usaha perjalanan yang bertindak sebagai perantara di dalam menjual dan atau mengurus jasa untuk melakukan perjalanan. 5. Perwakilan adalah Biro Perjalanan Wisata, Agen Perjalanan, badan usaha lainnya atau perorangan, yang ditunjuk oleh suatu Biro Perjalanan Wisata yang berkedudukan di wilayah lain untuk melakukan kegiatan yang diwakilkan baik secara tetap maupun tidak tetap.
B. Ruang lingkup Biro Perjalanan 1. Membuat, menjual dan menyelenggarakan paket wisata. 2. Mengurus jasa angkutan perorangan atau kelompok yang di urusnya. 3. Melayani pemesanan akomodasi, restaurant dan sarana wisata lainnya. 4. Mengurus dokumen perjalanan 5. Menyelenggarakan panduan perjalanan perjalanan wisata. 6. Melayani penyelenggaraan konvensi.
C. Fungsi Biro Perjalanan Fungsi Biro Perjalanan Umum di bedakan dua fungsi yaitu: 1. Fungsi Umum dalam hal ini biro perjalanan merupakan suatu badan usaha yang dapat memberikan penerangan atau informasi tentang segala sesuatu yang berhubungan dengan dunia perjalanan
pada
umumnya
dan
perjalanan
wisata
pada
khususnya. 2. Fungsi khusus: a.
Biro perjalanan sebagai perantara. Dalam kegiatannya biro perjalanan bertindak atas nama perusahaan lain dan menjual jasa-jasa perusahaan yang diwakilinya. Karena itu biro
9
perjalanan bertindak di antara wisatawan dan industri wisata. b.
Biro perjalanan sebagai badan usaha yang merencanakan dan menyelenggarakan tour dengan tanggung jawab dan resikonya sendiri.
c.
Biro perjalanan sebagai pengorganisasi yaitu dalam menggiatkan usaha perusahaan aktif menjalin kerjasama dengan perusahaan lain baik dalam dan luar negeri. Fasilitas yang dimiliki di manfaatkan sebagai dagangannya. [1]
2.1.2 Jenis Karya A. Website Word Wide Web atau web adalah halaman informasi yang disediakan melalui jalur internet sehingga bisa diakses di seluruh dunia selama terkoneksi dengan jaringan internet. Website merupakan kumpulan halaman yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringanjaringan halaman (hyperlink). [2]
B. Jenis Website Secara umum, situs web digolongkan menjadi 2 jenis yaitu Website Statis dan Website Dinamis. 1. Website Statis website Statis (Static Website) adalah sebuah website yang kontennya statis / tidak berubah-ubah. Sekali dibuat dan online di Internet, pada umumnya website tersebut tidak dapat diubah kecuali diubah secara manual melalui pengubahan bahasa pemograman website tersebut.
10
2. Website Dinamis Website Dinamis (Dynamic Website) adalah jenis halaman web yang disusun oleh konten dan layout yang kaya akan informasi didalamnya. Dinamakan website Dinamis karena kontennya dapat berubah-ubah. Dengan kata lain, adanya program yang berjalan untuk mengatur perubahan data yang ditampilkan dalam website Dinamis tersebut. [3]
C. Bahasa Pemerograman Bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus. Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets dsb. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs. Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.
11
D. Domain Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengenali sebuah situs, atau dengan kata lain nama domain adalah alamat yang digunakan untuk menemukan sebuah website di internet.
E. Hosting Hosting adalah salah satu bentuk layanan jasa penyewaan tempat di Internet yang memungkinkan perorangan ataupun organisasi menampilkan layanan jasa atau produknya di web / situs Internet. Tempat dapat juga diartikan sebagai tempat penyimpanan data berupa megabytes (mb) hingga terabytes (tb) yang memiliki koneksi ke internet sehingga data tersebut dapat direquest atau diakses oleh user dari semua tempat secara simultan. Inilah yang menyebabkan sebuah website dapat diakses bersamaan dalam satu waktu oleh multi user.[4]
F.
Multimedia Multimedia
merupakan
alat
yang
dapat
menciptakan
presentasi yang dinamis dan interaktif yang mengkombinasikan teks, grafik, animasi, audio dan gambar video (Robin dan Linda, 2001). Adapun elemen-elemen dari pada multimedia adalah sebagai berikut : 1. Teks Teks merupakan media yang paling umum digunakan dalam penyajian informasi, baik yang menggunakan model baris perintah maupun GUI (Graphical User Interface). Teks dapat disajikan dalam berbagai bentuk font maupun ukuran.
12
2. Suara Suara merupakan media ampuh untuk menyajikan informasi
tertentu,
misalkan
untuk
mendengarkan
cara
melafalkan sebuah kata dalam bahasa Inggris. Dengan bantuan suara, pemakai dapat mendengar bunyi suatu kata dengan tepat. Adanya penggunaan suara dalam aplikasi multimedia akan menambah daya tarik bagi user karena informasi yang ditampilkan akan menjadi lebih nyata dan menyenangkan. 3. Gambar Gambar merupakan salah satu elemen terpenting dalam multimedia, sebab sebagian besar manusia bahkan hampir semua manusia selalu berorientasi terhadap visual. Berdasarkan penglihatan manusia dapat merepresentasikan satu gambar menjadi suatu ungkapan yang dapat mewakili seribu kata. File gambar dikenal dengan nama image dan format gambar di komputer antara lain adalah BMP, JPG, GIF, TIF, WMF dan lain-lain. 4. Video Video merupakan elemen tambahan yang berisi rekaman dari kaset video atau yang lainnya yang bersifat analog. Kemudian dimasukkan dalam lingkungan komputer yang berubah menjadi gambar-gambar digital yang tidak jauh berbeda dengan animasi yang bersuara. Penggunaan video sudah banyak digunakan dalam aplikasi multimedia dan umumnya format file video yang digunakan adalah AVI yang merupakan standar video dalam sistem operasi windows.[5]
2.2 Landasan Estetika Untuk mencapai karya desain diperlukan nilai estetika dari sebuah desain itu sendiri. Pada tahun 1750 istilah estetika diperkenalkan oleh filsuf bernama A.G. Baumgarten (1714-1762). Istilah estetika ini diambil dari
13
bahasa Yunani kuno, aistheton, yang berarti “kemampuan melihat melalui penginderaan”. Baumgarten menamakan seni itu sebagai pengetahuan sensoris, yang dibedakan dengan logika yang dinamakannya pengetahuan intelektual. Tujuan estetika adalah keindahan, sedang tujuan logika adalah kebenaran. Keindahan merupakan pengertian yang didalamnya tercakup sebagai aktivitas kebaikan. Plato misalnya menyebutkan tentang watak yang indah dan hukum yang indah, sedangkan Aristoteles merumuskan keindahan sebagai sesuatu yang selain baik juga menyenangkan. Plotinus menulis tentang ilmu yang indah dan kebajikan yang indah. Berbicara mengenai buah pikiran yang indah dan adat kebiasaan yang indah. Bangsa yunani membedakan pengertian keindahan dalam arti estetis yang disebutnya “symmetria” khusus untuk keindahan berdasarkan penglihatan (seni rupa) dan “harmonia” untuk keindahan berdasarkan pendengaran (musik). Sehingga pengertian keindahan dapat saja meliputi : keindahan seni, keindahan alam, keindahan moral, keindahan intelektual. Keindahan secara murni, menyangkut pengalaman estetis seseorang dalam kaitannya dengan sesuatu yang dihayatinya. Sedangkan keindahan secara sempit menyangkut benda-benda yang dihayati melalui indera. Ciri-ciri umum yang ada pada semua benda dianggap indah dan kemudian menyamakan ciri-ciri atau kwalita hakiki itu dengan pengertian keindahan. Ciri umum tersebut adalah sejumlah kwalita yang secara umum disebut unity, harmony, symmetry, balance dan contrast. Ciri-ciri tersebut dapat dinyatakan bahwa keindahan merupakan satu cermin dari unity, harmony, symmetry, balance dan contrast dari garis, warna, bentuk, nada dan kata-kata.[6] Pengertian berikutnya yang lebih membukakan jalan bagi perkembangan modern, adalah beberapa rumusan keindahan yang datang dari Thomas Aquinas. Seperti “keindahan berkaitan dengan pengetahuan; kita menyebut sesuatau indah jika sesuatu itu menyenangkan mata sang pengamat, dan mencoloknya peranan subyek”. Kemudian “keindahan harus mencakup tiga kualitas; integritas atau kelengkapan, proporsisi atau keselarasan yang benar
14
dan cemerlang”. Dan yang terakhir “keindahan itu terjadi jika pengarahan si subyek muncul lewat kontemplasi atau pengetahuan inderawi.” 2.3 Landasan TI/Pemrograman 2.3.1 Software Perangkat software yang penulis gunakan dalam pembuatan Website antara lain sebagai berikut: -
Adobe DreamWeaver CS3
- Google Chrome
-
Xampp 1.7.3
-
Corel Draw X3
A. Mengenal Area Kerja Adobe Dream Weaver CS3 Salah satu aplikasi untuk melakukan perancangan desain web secara visual adalah Adobe Dreamweaver. Aplikasi ini secara umum sudah sangat poluler digunakan untuk merancang desain website. Aplikasi Adobe Dreamweaver menyediakan banyak fasilitas yang dapat memudahkan user dalam menghasilkan sebuah website yang interaktif dan menarik.
15
Menu bar
Insert Panel
Document Toolbar
Document Window Panel Group
Property Inspector
Tag Selector
Gambar 2.1. Jendela Awal Program 1. Menu Bar Menu bar pada Adobe Dreamweaver yaitu File, Edit, View, Insert, Modify, Format, Commands, Site, Window, dan Help. Setiap menu mempunyai beberapa submenu sesuai dengan kategorinya, selain itu juga mempunyai fungsi yang berbedabeda.
Gambar 2.2 Menu bar 2. Document Window Document windows menampilkan document dari halaman web yang aktif, atau dokumen yang sedang diedit. Pada Document Window terdapat Title Bar yang menampilkan judul halaman, fasilitas Zoom, Document Toolbar, dan Tag Selector. 3. Document Toolbar
Gambar 2.3 Document Toolbar
16
Dokumen Toolbar berisi tombol-tombol yang digunakan untuk mengatur layar kerja dokumen pada dengan cepat, diantaranya show Code view, Show Code and Design views, dan Show Design view.
Gambar 2.4 Code View
Show Code View : Code hanya akan menampilkan kode-kode script dari halaman web.
Gambar 2.5 Design View Show Design View : Tampilan layar mode Design akan menampilkan dokumen halaman web secara grafis atau visual.
17
Gambar 2.6 Split View Show Split View : Mode tampilan layar ini dikenal dengan mode Split,
yaitu
menampilkan
atau
menggabungkan
secara
bersamaan tampilan layar code dan tampilan layar design. Untuk menampilkan dokumen halaman web. 4. Tag Selector Tag selector berfungsi untuk menampilkan tag HTML dari objek yang terseleksi. Kita dapat meng-klik untuk memilih keseluruhan elemen dokumen. Tag Selector ini terdapat pada Document Window, dan terletak di bawah sebelah kiri.
Gambar 2.7 Tag Selector 5. Panel Groups Panel groups merupakan salah satu fasilitas yang terdapat pada Adobe Dreamweaver yang berfungsi untuk membantu dalam mengedit suatu halaman web. Panel Groups terletak di sebelah kanan layar kerja dan terdiri dari beberapa panel. Untuk
18
menampilkan panel, klik ganda pada nama panel tersebut.
Gambar 2.8 Panel Group 6. Insert Panel Insert Panel berfungsi untuk menyisipkan objek-objek ke dalam halaman web. Pada Insert Panel terdapat beberapa Tab diantaranya: - Common - Layout - Forms - Data - Spry - InContext Editing - Text - Favorites
Gambar 2.9 Insert Panel
7. Tab Common Pada tab ini terdapat tool yang digunakan untuk membuat dan menyisipkan objek ke dalam halaman web, seperti membuat hyperlink, tabel, gambar, media, dan lain sebagainya. Berikut keterangan fungsi dari tool-tool yang terdapat pada tab Common.
Gambar 2.10 Tab Common
19
Tabel 2.1 Fungsi Tools Tab Common
8. Tab Layout Tab ini berisikan tool-tool yang berfungsi untuk membuat layout halaman web, seperti membuat tabel, frame dan lain sebagainya. Berikut keterangan fungsi dari tool-tool pada tab layout
Gambar 2.11 Tab Layout Tabel 2.2 Fungsi Tools Tab Layout
20
9. Tab Form Tab ini membuat tampilan website menjadi lebih interaktif karena pengguna dapat memberikan input pada sistem atau website dengan menggunakan tool yang ada dalam tab Forms. Berikut keterangan fungsi dari tool-tool yang ada pada tab Forms:
Gambar 2.12 Tab Form Table 2.3 Fungsi Tools Tab Form
10. Property Inspector Setiap membuka aplikasi Dreamweaver, Property Inspector yang pertama tampil adalah properti halaman untuk mengelola teks, paragraf, maupun style (CSS). Page Property Inspector tersebut terbagi menjadi dua pilihan, yaitu HTML dan CSS. Untuk memilih salah satu Property Inspector tersebut, Kita dapat menekan tombol yang ada di sebelah kiri dari Property Inspector.
21
Gambar 2.13 Property Inspector Keterangan gambar di atas: -
Format berfungsi untuk mengatur teks dalam bentuk paragraf ataupun heading.
-
Class berfungsi untuk menyisipkan class dari CSS Style pada halaman web.
-
Link berfungsi untuk memberikan hyperlink.
-
Targeted Rule menampilkan properti CSS yang ada dalam objek pada halaman web yang terpilih.
-
Tombol Edit Rule digunakan untuk mengedit perintah atau script dari CSS pada objek yang terpilih.
-
Tombol panel CSS untuk mengaktifkan dan membuka CSS Style Panel.
-
Font menampilkan jenis font yang digunakan pada teks yang diseleksi dan digunakan untuk memformat jenis font.
-
Size digunakan untuk mengatur ukuran font pada teks.
-
Tombol B, I digunakan untuk mengatur format teks menjadi huruf tebal atau bold(B), dan cetak huruf miring atau italic(I).
-
Tombol Align Left berfungsi untuk mengatur halaman menjadi rata kiri/ left.
-
Tombol Align Center berfungsi untuk mengatur halaman menjadi rata tengah/ center.
-
Tombol Align Right berfungsi untuk mengatur halaman menjadi rata kanan/ right.
22
-
Tombol Justify berfungsi untuk mengatur halaman menjadi rata kanan koro/ justify.
-
Color ditandai dengan ikon digunakan untuk mengatur warna yang akan dipakai pada halaman web.
-
Tombol Page Properties digunakan untuk mengatur properti halaman web.
11. Tabel Property Jika Kita menyeleksi tabel pada jendela kerja, maka tampilan dari Property Inspector menjadi seperti berikut:
Gambar 2.14 Tabel Property Rows menampilkan jumlah baris yang ada pada tabel. -
Cols menampilkan jumlah kolom yang ada pada tabel.
-
W (Width) berfungsi untuk mengatur ukuran tabel.
-
Cellpad berfungsi untuk mengatur jarak antara cell dengan isi tabel.
-
CellSpace berfungsi untuk mengatur jarak antar cell.
-
Align berfungsi untuk mengatur posisi tabel.
-
Border berfungsi untuk memberikan ketebalan garis tabel.
-
Class berfungsi untuk menyisipkan class dari CSS Style.
B. Mengenal Xampp XAMPP adalah perangkat lunak bebas, yang mendukung banyak sistem operasi, merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server, MySQLdatabase, dan
23
penerjemah bahasa yang ditulis dengan bahasa pemrograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X (empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia dalam GNU (General Public License) dan bebas, merupakan web server yang mudah digunakan yang dapat melayani tampilan halaman web yang dinamis.
Gambar 2.15 Xampp 1. APACHE Apache memiliki peran menghasilkan halaman web yang benar kepada user, berdasarkan kode PHP yang dituliskan oleh pembuat halaman web. Jika diperlukan juga berdasarkan kode PHP yang dituliskan, maka dapat saja suatu database diakses terlebih dahulu (misalnya dalam MySQL) untuk mendukung halaman web yang dihasilkan. 2. MySQL Merupakan aplikasi pengelolaan database yang paling digemari oleh programmer web. MySQL memiliki Query yang telah ditandarkan ANSI(American National Standards Institute)/ISO yaitu menggunakan bahasa SQL (Structured Query Language) sebagai bahasa permintaaanya. Kemampuan
24
lain yang dimiliki MySQL adalah mampu mendukung RDMS (Relational
Database
Management
System).
Dengan
kemampuan yang dimilkinya ini, MySQL mampu menangani data-data sebuah perusahaan yang berukuran sangat besar, bahkan hingga berukuran Gigabyte. MySQL adalah pasangan serasi dari PHP. MySQL dibuat dan dikembangkan oleh MySQL AB yang berada di Swedia. 3. PHPMyAdmin Merupakan sebuah program bebas yang dibuat dengan menggunakan PHP. Tujuan dari dibuatnnya program ini adalah untuk memudahkan user dalam pengelolaan database Mysql. Dengan digunakannnya PHPMyAdmin, pengelolaan database akan sangat mudah dan tidak menyita waktu untuk menuliskan sintaks-sintaks SQl dalam pembuatan dan pengelolaan database MySql. Untuk mengaktifkan phpMyAdmin langkah-langkahnya adalah : yang pertama setelah XAMP terinstall, kita harus mengaktifkan web server Apache dan MySQL dari control panel XAMPP. Yang kedua, jalankan browser (IE, Mozilla Firefox atau Opera) lalu ketikkan alamat web berikut : http://localhost/phpmyadmin/ pada address bar lalu tekan Enter. Langkah ketiga apabila telah nampak interface (tampilan antar muka) phpMyAdmin anda bisa memulainya dengan mengetikkan nama database, nama tabel dan seterusnya.
25
C. Google Chrome
Gambar 2.16 Google Chrome
Browser tercepat saat ini masihlah milik google.inc dengan produk browser andalannya browser google chrome. Sejak diluncurkan google chrome sudah membuat banyak user internet berpindah dari firefox maupun IE dan beralih ke google chrome ini, selain kesederhanaan yang minimalis ia sangat cepat untuk meload sebuah halaman website dan lebih ringan dibandingkan IE dan firefox makanya tidak heran jika saat ini google chrome menjadi primadona browser untuk user internet. Google Chrome adalah web browser open source yang dikembangkan oleh Google. Perangkat lunak terbuka ini adalah rekayasa dari scratch (menggunakan komponen dari perangkat lunak open source lainnya termasuk WebKit dan Mozilla Firefox) untuk memenuhi perubahan kebutuhan pengguna dan menyadari bahwa sekarang sebagian besar situs web tidak lagi hanya halaman web tapi juga aplikasi web. keunggulannya termasuk stabilitas, kecepatan, keamanan, antarmuka pengguna bersih, sederhana dan efisien.
26
D. Mengenal Area kerja Corel DrawX3 Coreldraw adalah program pengolah grafik vektor yang handal merupakan program aplikasi desain grafis intuitif dan menyediakan banyak fasilitas yang menawarkan kemudahan bagi pengguna dalam membuat sebuah objek desain grafis. 1. Halaman Depan Corel Draw
Gambar 2.17 Hal Depan Corel Draw -
Klik new untuk membuat baru.
-
Recently used untuk membuka file-file yang telah dibuka.
-
Open untuk membuka file yang tersimpan.
-
New From Template membuat baru dari template.
-
Corel Tutor melihat instruksi secara bertahap tentang Corel Draw.
-
What’s New untuk melihat fasilitas baru pada Corel Draw X3.
27
2. Mengenal Komponen Corel
Gambar 2.18 Mengenal Komponen Corel Draw Tabel 2.4 Komponen Corel Draw Bagian Menu bar Property bar
Toolbar Title bar Ruler Toolbox Drawing window
Docker window
Keterangan Area berisi pilihan dalam bentuk pull-down menu Adalah menu bar yang memiliki perintah yang berhubungan dengan obyek atau tool yang sedang aktif. bar menampilkan perintah untuk membuat dan mengedit teks. Sebagai contoh, ketika text tool sedang aktif, maka text property Adalah menu bar yang berisi shortcut menuju menu dan perintah lainnya. Adalah area yang menampilkan nama dokumen yang sedang dibuka. Batas horisontal and vertikal yang digunakan untuk menentukan ukuran dan posisi obyek dalam gambar Berisi tool yang berguna untuk membuat dan memodifikasi obyek dalam gambar Adalah area di luar area kerja yang dibatasi dengan scroll bars. Drawing page Area berbentuk persegi di dalam drawing window yang merupakan area kerja yang tercetak. Adalah window yang menyediakan perintah
28
3. Toolbox Pada toolbox terdapat berbagai peralatan untuk menggambar atau membuat desain. Ikon-ikon yang tampil hanyalah sebagian dari yang ada. Untuk melihat ikon-ikon yang tersembunyi, klik pada ikon dengan durasi waktu yang agak lama, maka akan tampil ikon-ikon yang tersembunyi. Berikut ini tampilan ikonnya : -
Pick Tool Untuk menyeleksi, mengubah ukuran, dan juga memutar arah objek gambar.
-
Shape Edit a. Shape : Menyunting bentuk objek gambar. b. Smudge Brush : Mengubah / mendistorsi keseluruhan gambar dengan menarik garis tepinya. c. Roughen Brush : Mengubah / mendistorsi keseluruhan outline bentuk gambar dengan menarik garis tepinya. d. Free Transform Tools : Mengubah objek gambar menggunakan rotasi(pemutaran posisi) bebas, rotasi sudut, mengubah ukuran dan, dan juga memiringkan bentuk gambar.
-
Crop Tool a. Crop : Menghilangkan bagian yang tidak diinginkan dalam objek. b. Knife : Mengubah / mendistorsi keseluruhan gambar dengan menarik garis tepinya. c. Erase : Menghapus area dalam gambar. d. Virtual Segment Delete : Menghapus suatu bagian objek yang berada dalam persinggungan(interseksi).
-
Zoom a. Zoom : Mengubah perbesaran gambar dalam jendela gambar. b. Hand : Mengatur bagian gambar yang tampil di dalam jendela gambar.
29
-
Curve a. Freehand : Menggambar segmen atau kurva dalam bentuk garis tunggal. b. Bezier : Menggambar kurva dalam bentuk garis tunggal per titik (node). c. Artistic Media Tool : Memunculkan fungsi pembuat bentuk(pena), seperti brush(efek kuas dengan pola pulasan tertentu), Sprayer(efek cat semprot), Calligraphic(efek pena kaligrafi), dan Pressure (efek pena teknik yang akan membentuk garis tepi tanpa lengkung). d. Pen
:
Menggambar
kurva
dalam
sebuah
segmen
pertitik(node). e. Polyline : Menggambar garis dan kurva dalam modus preview. f. 3 Point Curve : Menggambar kurva dengan menentukan titik awal dan akhir, lalu titik pusat kurva. g. Interactive Connector : Menggabungkan dua objek dengan sebuah garis. h. Dimension : Menggambar garis secara vertical, horizontal, bersudut, dan miring. -
Smart Tools a. Smart Fill : Untuk menciptakan objek dari sebuah area lalu mengisikannya dengan warna atau tekstur. b. Smart Drawing : Untuk mengubah coretan pointer yang anda gambar ke bentuk dasar atau bentuk yang wujudnya lebih halus.
-
Rectangle 1. Rectangle : Untuk membentuk segi dan kotak. 2. 3 Point Rectangle : Untuk membentuk segi dan kotak dengan menyusunnya per titik.
-
Ellipse
30
e. Ellipse : Untuk menggambar elips dengan lingkaran. f. Hand : Mengatur bagian gambar yang tampil di dalam jendela gambar. -
Object a. Polygon : Untuk membentuk polygon dan bintang secara simetris. b. Star : Untuk membentuk bintang. c. Complex Star : Untuk membentuk bintang dengan bentuk yang lebih kompleks dengan persinggungan sudut. d. Graph Paper : Untuk membentuk serupa tabel atau susunan kotak-kotak seperti pada kertas gambar teknik. e. Spiral : Untuk membentuk spiral(per) secara simetris dan logaritmis
-
Perfect Shapes a. Basic Shapes : Menyediakan aneka bentuk jadi seperti segidelapan, smiley face, hingga segitiga. b. Arrow Shapes : Untuk memudahkan menggambar bentuk tanda panah dengan aneka variasi bentuk, arah, dan jumlah kepala panah. c. Flowchart Shapes : Untuk memudahkan menggambar bentuk flowchart(bagan). d. Banner Shapes : Untuk memudahkan menggambar bentuk pita dan symbol ledakan. e. Callout : Untuk memudahkan menggambar bentuk balon bicara dan label.
-
Text Tool Untuk membuat teks langsung di area gambar baik yang berfungsi sebagai teks artistic maupun keterangan.
-
Interactive Tools a. Interactive Blend : Untuk membentuk segi dan kotak b. Interactive Contour : Untuk membentuk segi dan kotak dengan menyusunnya per tit
31
c. Interactive Distortion : Untuk mendistorsi objek secara push/pull, zipper, dan twister. d. Interactive Drop Shadow : Untuk menyisipkan bayangan ke dalam objek. e. Interactive Envelope : Untuk mengubah bentuk objek dengan menarik titik(node) pada outline. f. Interactive Extrude : Untuk membentuk ilusi kedalaman pada objek. g. Interactive Transparency : Untuk menyisipkan efek transparan pada objek. -
Eyedropper a. Eyedropper : Untuk menyeleksi dan menyalin property yang terkait dari sebuah objek, seperti warna (isi dalam objek), garis, ketebalan garis, ukuran, dan efek. b. Paintbucket : Untuk menerapkan property yang terkait dari sebuah objek, seperti warna (isi dalam objek), garis, ketebalan garis, ukuran, dan efek; yang diambil lewat eyedropper tool, ke objek lainnya.
-
Outline a. Outline Pen Dialog : Untuk mengakses boks dialog outline pen. b. Outline Color Dialog : Untuk mengakses boks dialog pengaturan warna outline. c. No Outline : Untuk menghilangkan outline dari sebuah objek. d. ½ Point Outline : Untuk membentuk ketebalan garis ½ point. e. 1 Point Outline : Untuk membentuk ketebalan garis 1 point. f. 2 Point Outline : Untuk membentuk ketebalan garis 2 point. g. 8 Point Outline : Untuk membentuk ketebalan garis 8 point. h. 16 Point Outline : Untuk membentuk ketebalan garis 16
32
point. i. 24 Point Outline : Untuk membentuk ketebalan garis 24 point. j. Color Docker Window : Untuk membuka docker untuk pengaturan warna dan outline objek. -
Fill Tools a. Fill Color Dialog : Untuk mengakses boks dialog pengaturan cat(pengisi bagian dalam objek) dari sebuah objek. b. Fountain Fill Dialog : Untuk mengakses boks dialog pengisi warna dan gradasi ke dalam objek. c. Pattern Fill Dialog : Untuk mengakses boks dialog pengisi pola ke dalam objek. d. Texture Fill Dialog : Untuk mengakses boks dialog pengisi tekstur ke dalam objek. e. Post Script Fill Dialog : Untuk mengakses boks dialog pengisi gambar post-script ke dalam objek. f. No Dialog : Untuk menghilangkan unsur pengisi dari sebuah objek. g. Color Docker Window : Untuk membuka docker untuk pengaturan warna dan outline objek.
-
Interactive Fill a. Interactive Fill : Untuk mengisi aneka fill(pengisi objek) ke dalam sebuah objek. b. Interactive Mesh : Untuk menerapkan garis-garis jejaring pada objek.
2.3.2 Hardware Dalam pembuatan proyek akhir ini, diperlukan perangkat keras/hardware yang memadai guna untuk menjalakan perangkat lunak / software-software yang penulis gunakan. Hardware yang penulis gunakan yaitu sebuah computer dengan spesifikasi sebagai berikut:
33
-
Prosesor
: Pentium(R) Dual-Core CPU
-
Memory
: 1.00 GB RAM
-
Operation System
: Windows 7 Ultimate
-
Harddisk
: 250 GB HDD
-
Monitor
: 19” LCD
2.4 Desain Untuk menghasilkan sebuah karya desain yang bagus perlu diperhatikan adalah masalah komposisi. Komposisi adalah pengorganisasian unsur-unsur rupa yang disusun dalam karya desain secara harmonis antara bagian dengan bagian, maupun antara bagian dengan keseluruhan. Komposisi memiliki kaidah dan prinsip-prinsip yang meliputi: 1. Kesatuan (Unity) Merupakan salah satu prinsip yang menekankan pada keselarasan dari unsur-unsur yang disusun, baik dalam wujud maupun kaitannya dengan ide yang melandasinya. 2. Keseimbangan (Balance) Merupakan prinsip dalam komposisi yang menghindari kesan berat sebelah atas suatu bidang ayau ruang yang diisi dengan unsur-unsur rupa. 3. Irama (Rhythm) Irama atau Rhythm adalah penyusunan unsur-unsur dengan mengikuti suatu pola penataan tertentu secara teratur agar didapatkan kesan yang menarik. 4. Kontras Kontras didalam komposisi diperlukan sebagai vitalitas agar tidak terkesan monoton. 5. Fokus Fokus atau pusat perhatian selalu diperlukan dalam suatu komposisi untuk menunjukan bagian yang dianggap penting dan diharapkan menjadi perhatian utama.
34
6. Proporsi Proporsi adalah perbandingan ukuran antara bagian dengan bagian dan antara bagian dengan keseluruhan. [7]
2.5 Teori Storyboard Menurut M. Suyanto dalam bukunya yang berjudul “Analisis Desain
Aplikasi
Multimedia
&
Untuk Pemasaran” dijelaskan bahwa
storyboard merupakan serangkaian sketsa (gambaran kartun) dibuat persegi panjang yang menggambarkan suatu urutan (alur cerita) elemen-elemen yang diusulkan untuk aplikasi multimedia. [8] Menurut Dony Ariyus dalam bukunya yang berjudul “Keamanan Multimedia” mendefinisikan storyboard sebagai sebuah tahap dimana mevisualisasikan alur cerita dalam sebuah gambar dan rancangan lengkap multimedia untuk penyusunan dan pembuatan multimedia interaktif. [9] Menurut Nur Hadi W dalam bukunya berjudul “Tutorial Komputer Multimedia”, storyboard merupakan bentuk visualisasi ide dari aplikasi yang akan dibangun, sehingga dapat memberikan gambaran dari aplikasi yang akan dihasilkan. Storyboard dapat dikatakan juga visual script yang akan dijadikan outline dari sebuah proyek, ditampilkan shot by shot yang biasa disebut dengan istilah scene. [10] Penggunaan storyboard dalam pembuatan website company profile ini sangat diperlukan sebab dengan adanya storyboard dapat memudahkan penulis dalam menentukan/membuat website sesuai alur cerita yang sudah direncanakan sebelumnya.
BAB III METODE PENCIPTAAN KARYA
3.1 Pemilihan Alat dan Bahan
Dalam pembuatan sebuah website perlu memperhatikan alat dan bahan yang akan digunakan, agar nantinya tidak menghambat proses kerja. Adapun alat dan bahan yang penulis gunakan dalam pembuatan website company profile ini antara lain yaitu: 3.1.1
Alat Perangkat keras (hardware) yang penulis gunakan dalam pembuatan company profile adalah komputer dengan spesifikasi sebagai berikut.
3.1.2
-
Prosesor
: Pentium(R) Dual-Core CPU
-
Memory
: 1.00 GB RAM
-
Operation System
: Windows 7 Ultimate
-
Harddisk
: 250 GB HDD
-
Monitor
: 19” LCD
Pemilihan Bahan Bahan yang digunakan dalam pembuatan company profile ini terdiri dari beberapa format file dan disesuaikan dengan kebutuhan yang akan ditampilkan. 1. Teks Teks di dalam company profile ini menggunakan font Tahoma serta Arial yang ukurannya disesuaikan dengan tempatnya. 2. Gambar Selain Teks, dalam pembuatan company profile ini, penulis juga menggunakan gambar sebagai pendukung. Gambar diperoleh 35
36
penulis dari dokumentasi perusahaan yang berupa foto-foto obyek wisata. 3. Animasi Animasi adalah sebuah proses merekam dan memainkan kembali serangkaian gambar statis untuk mendapatkan sebuah ilusi pergerakan.
3.2 Teknik dan Proses Berkarya 3.2.1
Teknik Dalam menciptakan sebuah karya seperti pembuatan company profile membutuhkan teknik-teknik tertentu, tidak hanya penguasaan software akan tetapi teknik pendukung. Teknik yang digunakan untuk membuat website yang bagus serta dapat menghasilkan pengembangan dalam berkarya. Adapun teknik-teknik yang digunakan antara lain sebagai berikut : a.
Teknik Pemilihan Software Untuk
pembuatan
company
profile
diperlukan software yang tepat, supaya
berbasis
web,
hasil yang diperoleh
bagus dan sesuai dengan yang diharapkan, serta memudahkan dalam
pengerjaannya.
Dalam
pemilihan
software
penulis
memakai software Adobe Dreamweaver CS3, Xampp v.1.7.3, Google Chrome dan Corel Draw X3 untuk membuat website. Adobe Dreamweaver CS3 merupakan salah satu software untuk mendesain halaman web yang sangat populer dan sudah diakui kecanggihannya. Kelengkapan dan kemampuannya yang luar biasa untuk mendesain halaman web, tampilan interface, fungsi yang beragam serta kumpulan tool yang lengkap sangat membantu dan memudahkan dalam pembuatan karya website yang menarik.
37
b. Pemilihan Desain Dalam tahap ini penulis berpikir tentang bentuk desain tampilan menu serta desain tampilan company profile. c. Tahap Pembuatan Merupakan tahap dimana semua bahan serta desain tampilan mulai dibuat dan digabungkan. Pada tahap ini disebut juga dengan visualisasi, dimana tahap ini penulis merealisasikan ide-ide seperti pembuatan layout menggunakan software Adobe Dreamweaver CS3 dan software pengelolaan image seperti corel draw x3 serta google chrome sebagai browser. d. Tahap Percobaan Setelah aplikasi jadi, penulis mencoba menjalankan aplikasi tersebut untuk melihat kesalahan atau kekurangan aplikasi yang telah dibuatnya. e. Tahap Perbaikan Pada tahap ini penulis memperbaiki kesalahan yang ditemukan selama proses percobaan. f.
Tahap Percobaan II Tahap dimana penulis mencoba aplikasi untuk yang kedua kali, bila ditemukan kesalahan maka akan masuk pada perbaikan tahap II bila tidak maka aplikasi siap untuk dipakai.
38
3.2.2
Proses Berkarya Sebelum melakukan proses pembuatan website, terlebih dahulu penulis menyusun rancangan atau tahapan yang harus dilakukan. Diantaranya seperti yang tercantum dibawah ini. Merencanakan ide profil dengan cara menentukan objek dan konsep.
a. Melakukan survey dan mengumpulkan data-data mengenai materi profil yang diperlukan. b. Mulai membuat layout Company Profile dengan menggunakan software utama yaitu Adobe Dreamweaver CS3. c. Pada pembuatan Company Profile dengan menggunakan Adobe Dreamweaver CS3 dimana semua pemanggilan navigasi menu dengan menggunakan script PHP. d. Melakukan test uji navigasi. e. Sebelum melakukan pembuatan, diperlukan rancangan untuk mempermudah proses pembuatan. Dalam hal ini penulis menggunakan storyboard. Dengan adanya storyboard diharapkan akan mempermudah dalam menerangkan objek dan aplikasi program yang dibuat.
3.3 Storyboard 3.3.1
Storyboard Storyboard merupakan konsep komunikasi dan ungkapan kreatif, teknik dan media untuk menyampaikan pesan dan gagasan secara visual, huruf dan warna, serta tata letaknya, sehingga pesan dan gagasan dapat diterima oleh sasarannya. Dengan adanya storyboard maka akan mempermudah dalam membuat sebuah website.
39
Tabel 3.1: Storyboard No.
Menu
Visual
Keterangan
Halaman
Pada halaman utama
utama
website
terdapat
4
bagian yaitu header, navigasi, content dan footer.
- Header berisi logo perusahaan dan animasi gambar, - Navigasi terdiri dari tombol home, visi misi, layanan, sarana, paket wisata, buku tamu dan contact person. Apabbila tombol tersebut ditekan maka akan mengarah pada content. - Content merupakan isi / tampilan dari tombol navigasi
40
Tombol
Pada menu Home
Home
akan menampilkan sekilas tentang perusahaan Kaisa Rossie.
Tombol Visi Misi
Pada menu Visi Misi akan menampilkan visi dan misi perusahaan Kaisa Rossie.
41
Tombol Layanan & Sarana
Pada menu Layanan akan menampilkan tentang layanan yang ditawarkan oleh perusahaan Kaisa Rossie.
Pada menu Sarana akan menampilkan tentang Sarana yang disajikan oleh perusahaan Kaisa Rossie.
42
Tombol Paket Wisata
Pada menu Objek Wisata akan menampilkan objek wisata yang ditawarkan beserta gambar oleh perusahaan Kaisa Rossie.
Tombol
Pada menu Buku
Buku Tamu
Tamu akan berisi form untuk input komentar dan menampilkan tentang komentar dari beberapa pengunjung yang menuliskan komentar untuk Kaisa Rossie.
43
Tombol
Pada menu Contact
Contact
Person akan
Person
menampilkan tentang Alamat, No telephone alamat email dan peta Kaisa Rossie.
BAB IV HASIL KARYA
4.1
Print Out dan Spesifikasi Karya 4.1.1
Print Out Karya
Gambar 4.1 Halaman Home Pada menu Home akan menampilkan sekilas tentang profil perusahaan Kaisa Rossie.
Gambar 4.2 Halaman Visi & Misi 44
45 Pada menu Visi & Misi akan menampilkan tentang visi dan misi perusahaan Kaisa Rossie.
Gambar 4.3 Halaman Layanan
Pada menu Layanan akan menampilkan tentang Layanan yang disediakan perusahaan Kaisa Rossie.
Gambar 4.4 Halaman Sarana
46 Pada menu Sarana akan menampilkan sarana yang dimiliki perusahaan Kaisa Rossie.
Gambar 4.5 Halaman Objek Wisata Pada menu Paket Wisata akan menampilkan objek wisata yang ditawarkan Kaisa Rossie beserta gambar
Gambar 4.6 Halaman Buku Tamu
47 Pada menu Buku Tamu akan menampilkan form input komentar beserta tampilan komentar pengunjung yang telah menulis
Gambar 4.7 Halaman Contact Person
Pada menu Contact Person akan menampilkan alamat, no. telpon, fax, email dan website Kaisa Rossie
4.1.2
Spesifikasi Karya Berikut adalah spesifikasi dari Company Profile Kaisa Rossie berbasis Website: Kategori
: Company Profile berbasis web
Nama file
: index.php
Ukuran folder
: 30.4 Mb
48 4.2
Deskripsi Karya Proyek ini merupakan sebuah website company profile yang dirancang dan dibuat untuk mengenalkan lebih jauh kepada masyarakat umum. Dengan adanya company profile ini diharapkan dapat memberikan informasi serta dapat menjadi media promosi untuk perusahaan Kaisa Rossie. Adapun media yang digunakan untuk mempromosikan yaitu media internet,
seiring
perkembangan
zaman
internet
merupakan
media
komunikasi yang paling efektif karena semakin hari jumlah pengguna internet saat ini semakin besar dan meningkat. Sebuah website sangat tepat dijadikan sebagai media promosi atau publikasi untuk mendatangkan calon konsumen. karena jangkauan internet sangat luas dan dapat diakses kapanpun dan dimanapun.
4.3
Analisis Karya Website company profile ini dirancang dan didesain menggunakan computer berbasis windows. Dalam pembuatan iklan ini, penulis menggunakan software Adobe Dreamweaver CS3 sebagai software utama, sedangkan untuk software pendukung menggunakan Xampp, Google chrome dan Corel Draw X3.
4.4
Tutorial Tahap pertama pembuatan Company Profile ini adalah membuat folder htdocs dengan menginstal Xampp lalu membuat layout dengan table menggunakan Adobe Dreamweaver CS3 kemudian meng-editing gambargambar dan membuat background yang akan dipakai dalam Company Profile dengan Corel Draw X3. Tahap selanjutnya menggabungkan semua file dengan Adobe Dreamweaver CS3. Berikut ini adalah penjelasan dari tahap-tahap pembuatan Company Profile :
49 4.4.1
Xampp - Buka program Xampp kemudian aktifkan tombol Apache dan MySql. - Lalu buka pada directory C:\xampp\htdocs dan buat folder bernama Kaisa yang nantinya seluruh file akan disimpan di folder Kaisa.
Gambar 4.8 Xampp Aktivasi Apache & MySql
50 4.4.2
Index - Buka program Adobe Dreamweaver CS3 maka akan tampil seperti gambar berikut dan pilih Page Type : PHP.
Gambar 4.9 Halaman Awal Adobe Dreamweaver
- Buat table : Menu Insert > table - Table size rows=1, columns=1, width=100 percent dan border=0 - Pilih Header=none - Kemudian tekan tombol OK
Gambar 4.10 Membuat Tabel
51 - Kemudian klik di dalam table maka akan muncul properties table dibawah desain. - Klik Background URL of cell (gambar folder) untuk memasukkan gambar background. - Setelah gambar muncul pada design view klik garis tepi table lalu geser sesuai background - Buka code view pada script body tambahkan sebagai berikut maka sepenuhnya background paling belakang akan berwarna ungu.
Gambar 4.11 Background Color & image
- Selanjutnya membuat table di dalam table yang pertama - Menu Insert > table - Table size rows=4, columns=2, width=100 percent dan border=0 Pilih Header=none - Kemudian tekan tombol OK - Geser garis tengah sesuai line pada background
52
Gambar 4.12 Megedit dan Menggeser Tabel
- Menambahkan Header. - Memasukan animasi flash menggunakan menu Insert > Media > Flash (ctrl+alt+f).
Gambar 4.13 Memasukkan Animasi Flash
- Buat Navigasi di dalam table sebelah kiri - Menu Insert > table - Table size rows=3, columns=2, width=100 percent dan border=0 - Pilih Header=none - Kemudian tekan tombol OK - Klik area yang akan di isi navigasi kemudian buka pada code view tuliskan script seperti gambar dibawah
53
Gambar 4.14 Membuat Navigasi
- Membuat Teks berjalan menggunakan code HTML marquee - Klik pada area teks yang akan digerakkan kemudian buka code view lalu ketikan kode marquee <marquee> text seperti gambar di bawah ini
Gambar 4.15 Membuat Teks Bergerak
- Klik pada area content kemudian ketik kode php pada code view sebagai berikut :
54 { case 1 : include("home.php");break; case 2 : include("visi.php");break; case 3 : include("layanan.php");break; case 4 : include("sarana.php");break; case 5 : include("paket.php");break; case 6 : include("bukutamu.php");break; case 7 : include("contact.php");break; default : include ("home.php"); } ?> - Selanjutnya
simpan
ke
dalam
folder
directory
c:/xampp/htdoxcs/kaisa dengan nama index.php.
Gambar 4.16 Menambahkan Script PHP 4.4.3
Halaman Menu - Pilih File > New (ctrl+n) > PHP - Masukan Teks - Simpan
dengan
c:/xampp/htdocs/kaisa
nama
home.php
pada
directory
55
Gambar 4.17 Membuat Halaman Menu
4.4.4
Halaman Visi Misi - Pilih File > New (xctrl+n) > PHP - Masukan Teks dan pilih Align Center pada Properties - Simpan
dengan
nama
visi.php
pada
directory
c:/xampp/htdocs/kaisa
Gambar 4.18 Membuat Halaman Visi Misi
4.4.5
Halaman Layanan - Pilih File > New (xctrl+n) > PHP - Masukan Teks dan buat table
56 - Simpan
dengan
nama
layanan.php
pada
directory
c:/xampp/htdocs/kaisa
Gambar 4.19 Membuat Halaman Layanan
4.4.6
Halaman Sarana - Pilih File > New (ctrl+n) > PHP - Masukan Teks - Simpan
dengan
nama
sarana.php
pada
c:/xampp/htdocs/kaisa
Gambar 4.20 Membuat Halaman Sarana
directory
57
4.4.7
Halaman Paket Wisata - Pilih File > New (ctrl+n) > PHP - Buat table Rows = 10 Columns=3 - Kemudian klik pada table masukkan gambar dengan Menu Insert > Image (xctrl+alt+i) dan masukkan teks - Simpan
dengan
nama
paket.php
pada
directory
c:/xampp/htdocs/kaisa
Gambar 4.21 Membuat Halaman Paket Wisata
4.4.8
Halaman Buku Tamu - Pilih File > New (ctrl+n) > PHP - Ketikan teks kemudian membuat form dengan menu Insert > Form > Form - Buat table Rows = 4 columns=2 - Untuk membuat input nama dan email klik menu insert Form > Text Field dan untuk input komentar gunakan Textarea - Pada properties beri variable nama Texfield nama=fnama, email=femail dan komentar=fkomentar - Simpan
dengan
nama
c:/xampp/htdocs/kaisa
bukutamu.php
pada
directory
58
Gambar 4.21 Membuat Halaman Buku Tamu
- Ketikkan Script PHP di bawah Form
$nama=$_POST[fnama]; $email=$_POST[femail]; $komentar=$_POST[fkomentar];
$masuk = mysql_query ("insert into buku_tamu
values
('$_POST[fnama]','$_POST[femail]','$_POST[fkomentar]')");
$tampil=mysql_query("SELECT * FROM buku_tamu"); echo "
"; //membuat tag pembuka table echo bgcolor=#6C609E>NAMA
"
59 bgcolor=#6C609E>EmailKomentar |
";
while($data=mysql_fetch_array($tampil)) ///mengambil data ke variabel $pilih2 dari $pilih { echo ""; echo "| $data[nama] | "; echo "$data[email] | "; echo "$data[komentar] | "; echo "
"; } echo "
"; ?>
Gambar 4.22 Script untuk menampilkan DataBase
4.4.9
Halaman Contact - Pilih File > New (ctrl+n) > PHP - Masukan Teks - Simpan
dengan
c:/xampp/htdocs/kaisa
nama
contact.php
pada
directory
60
Gambar 4.23 Membuat Halaman Contact
4.4.10 Membuat Database - Ketikkan pada alamat URL : localhost/phpmyadmin - Create new database = kaisa tekan tombol create - Kemudian klik Tool S
QL dan membuat query
Create table buku_tamu (Nama Varchar(35), email Varchar(35), komentar Varchar(100)); - Lalu klik tombol go
Gambar 4.24 PhpmyAdmin
61 4.4.11 Output pada Google Chrome - Melihat hasil melalui Google Chrome - Ketikkan pada alamat URL : localhost/kaisa - Check tombol navigasi
Gambar 4.25 Tampilan pada Google Chrome
BAB V PENUTUP
5.1 Kesimpulan Dengan dibuatnya Company Profile ini diharapkan dapat mempermudah masyarakat untuk mengenal dan mengetahui tentang informasi produk dan jasa dari Kaisa Rossie melalui media internet. Company Profile ini juga bisa dijadikan media Promosi oleh pihak Kaisa Rossie saat sosialisasi pada masyarakat. Company Profile berbasis web yang dibuat penulis merupakan halaman yang berisi tentang profil perusahaan Kaisa Rossie. Company profile ini pun diharapkan dapat meningkatkan kualitas Kaisa Rossie.
5.2 Saran Saran yang dapat penulis sampaikan pada laporan proyek akhir ini adalah sebagai berikut : a. Sebaiknya kumpulkan data dari perusahaan yang akan dibuatkan Company Profile sebanyak mungkin agar memudahkan dalam memilih konten apa saja yang akan ditampilkan nantinya. b. Dalam pembuatan Company Profile harus memiliki tema dan konsep yang tepat dan kuat untuk kematangan hasil yang menarik. c. Untuk menghasilkan Company Profile yang menarik diperlukan ide-ide kreatif dan penguasaan keahlian menggunakan software terkait dalam pembuatannya.
62
DAFTAR PUSTAKA 1. Pendit, I Nyoman, S. (1999). Ilmu Pariwisata, Sebuah Pengantar Perdana. Jakarta: PT Pradnya Paramita. 2. http://www.proweb.co.id/articles/web_design/website_adalah.html 3. http://www.webarq.com/id/website-statis--website-dinamis.html 4. Rahmat Hidayat (2010) Cara Praktis Membangun Website. Jakarta: PT. Elex Komputindo. 5. http://www.satriamultimedia.com/artikel_apa_itu_multimedia.html 6. Sachari, Agus. (2002), Estetika: Makna, Simbol, Day. Penerbit ITB, Bandung. 7. Kusrianto, A. (2007). Pengantar Desain Komunikasi Visual. Yogyakarta: ANDI.
8. M. Suyanto. (2004) Analisis & Desain Aplikasi Multimedia Untuk Pemasaran. Yogyakarta: Andi Offset. 9. Dony Ariyus. (2009). Keamanan Multimedia Yogyakarta: Andi Publisher. 10. http://staff.uny.ac.id/sites/default/files/tmp/Storyboard%20dalam%20Media% 20Pembelajaran%20Interaktif.pdf 11. www.w3schools.com 12. http://www.lynda.com/Dreamweaver-CS3-tutorials/essential-training/4102.html 13. Yehfizar dkk (2006) Cara mudah membangun Website Interakti Menggunakan Content Management System Joomla. Jakarta: PT. Elex Media Komputindo 14. Riyanto. (2010) Membuat sendiri Sistem Informasi Penjualan dengan PHP dan MySQL. Yogyakarta: Gava Media 15. http://www.websiteflashmedia.com/2012/10/yang-diperlukan-dalammembuat-website.html#.USGqYR192AA 16. http://elevemedia.com/2012/03/mengenal-tool-tool-di-coreldraw-x3/
63
