Pembuatan website Perkenalan Wisata Alam Danau Toba Menggunakan PHP Dan MySQL

(1)

Pembuatan website Perkenalan Wisata Alam Danau Toba MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

EIGTO M P SIREGAR 102406157

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013


(2)

Pembuatan website Perkenalan Wisata Alam Danau Toba MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

EIGTO M P SIREGAR 102406157

PROGRAM STUDI DIPLOMA III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2013


(3)

(4)

PERSETUJUAN

Judul Kategori Nama

Nomor Induk Mahasiswa Program Studi

Departemen Fakultas

: PEMBUATAN WEBSITE PERKENALAN WISATA ALAM DANAU TOBA DALAM PHP DAN MYSQL : TUGAS AKHIR

: EIGTO MARTINUS P SIREGAR : 102406157

: DIPLOMA III TEKNIK INFORMATIKA : MATEMATIKA

: MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di

Medan, 7 JUNI 2013

Komisi Pembimbing :

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU Ketua,

Prof. Dr. Tulus, M.Si

NIP. 196209011 198803 1 002

Pembimbing,

Dra,Partano Siagian NIP. 130877994


(5)

PEMBUATAN WEBSITE PERKENALAN WISATA ALAM DANAU TOBA

MENGGUNAKAN PHP DAN MYSQL

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, 7 Juni 2013

Eigto M P Siregar 102406157


(6)

PENGHARGAAN

Puji dan syukur penulis panjatkan kehadirat Allah SWT yang telah memberikan rahmat dan karunia-Nya sehingga penulis dapat menyelesaikan Tugas Akhir ini tepat pada waktunya. Pembuatan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan Program Studi Diploma III Teknik Informatika pada Universitas Sumatera Utara. Adapun judul Tugas Akhir ini adalah “PEMBUATAN WEBSITE

WISATA ALAM DANAU TOBA MENGGUNAKAN PHP DAN MYSQL”.

Selama mempersiapkan Tugas Akhir ini penulis banyak mendapat bantuan, dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada kesempatan ini penulis ingin mengucapkan terima kasih kepada :

1. Bapak Dr.Sutarman,M.Sc selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

2. Bapak Prof.Dr.Tulus,M.Si selaku ketua Departemen Matematika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

3. Bapak Syahril Efendi S.Si, M.IT dan Syahriol Sitorus S.Si, M.IT selaku ketua dan sekretaris program studi Diploma III Teknik Informatika Fakultas MIPA

Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan.

4. Bapak Drs,Partano Siagian selaku pembimbing penulis yang telah banyak memberikan saran dan masukan dalam penyelesaian Tugas Akhir ini.


(7)

5. Bapak Drs,Partano Siagian yang telah membantu saya supaya motifasi dalam mengerjakan Tugas Akhir saya..

6. Seluruh staf pengajar di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara khususnya program studi DIII Teknik Informatika yang telah benyak memberikan ilmu selama perkuliahan.

7. Ayahanda Timbul Somba Siregar dan Ibunda Rapmasi atas doa restunya dan kasih sayangnya yang tiada habisnya diberikan pada penulis serta dukungan moril maupun materi yang tanpa jasanya tak mungkin penulis sampai pada saat sekarang.

8. Seluruh rekan mahasiswa Jurusan DIII Teknik Informatika khususnya kekasihku tersayang Indra Perdana, A.md, dan teman-teman yang telah banyak memberikan dorongan semangat. Dan terimakasih atas semua dukungannya.

Penulis menyadari bahwa Tugas Akhir ini masih banyak mendapati kekurangan dan kesalahan, untuk itu penulis mengharapkan kritik dan saran dari semua pihak guna penyempurnaan Tugas Akhir di masa yang akan datang. Akhir kata, semoga Tugas Akhir ini dapat berguna dan bermanfaat bagi kita semua dan penulis pada khususnya.

Medan, 7 juni 2012


(8)

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di perusahaan atau organisasi.

Begitu juga dengan wisata alam Danau Toba, diharapkan dapat menyediakan informasi yang tepat dan akurat dalam data pariwisata Danau Toba secara on-line.

Oleh sebab itu penulis mencoba merancang sebuah database pada perkenalan wisata alam Danau Toba. Dengan adanya portal ini diharapkan masyarakat setempat ini dapat menyediakan informasi yang lebih cepat dan akurat pada wisatawan lokal maupun wisatawan mancanegara yang juga dapat membantu dalam mempromosikan daerah pariwisata alam Danau toba.

Web ini dirancang dengan menggunakan bahasa pemrograman web, yaitu PHP 5.0 dan MySQL 5.0 sebagai server database serta Apache 2.0 sebagai web server. Database ini dirancang sedemikian rupa agar dapat menarik minat siswa dalam memperoleh informasi yang lebih cepat dan akurat serta menarik. Database ini bersifat dinamis, yaitu berarti bahwa informasi yang diberikan tersebut dapat berubah sewaktu-waktu berdasarkan keadaan yang sedang terjadi. Database ini meliputi banyak informasi seperti profil sekolah, data pegawai dan data siswa. Objektif utama Portal ini adalah untuk

menyediakan jendela bagi masing-masing siswa dalam mendapatkan informasi secara lengkap dan jelas.


(9)

DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftas Isi Daftar Gambar Bab 1 Pendahuluan

1.1 Latar Belakang 1.2 Identifikasi Masalah 1.3 Batasan Masalah 1.4 Metodelogi Penelitian 1.5 Maksud dan Tujuan 1.6 Kegunaan Penelitian 1.7 Sistematika Penulisan Bab 2 Landasan Teori

ii iii iv vi vii x 1 1 2 3 3 4 5 5 7

2.1 Pengertian Komputer 7

2.1.1 Sistem Komputer 8

2.2 Pengertian Data, DFD (Data Flow Diagram), Flowchart (Diagram Alir), Informasi dan Sistem

2.2.1 Pengertian Data

2.2.2 Pengertian DFD (Data Flow Diagram) 2.2.3 Diagram Alir (flowchart)

2.2.4 Pengertian Informasi 2.2.5 Pengertian Sistem

9 9 10 12 14 15

2.3 Sistem Informasi 16

2.3.1 Komponen sistem informasi 2.3.2 Perangkat sistem informasi

16 18

2.4 Internet 19

2.4.1 Manfaat internet 20

2.5 Website 21

2.5.1 Web statis 2.5.2 Web dinamis

21 22 2.6

2.7

Hypertext Markup Language (HTML) PHP

22 24 2.7.1 Sejarang singkat PHP

2.7.2 Kelebihan PHP 2.7.3 Sintaks PHP

24 25 27 2.8 2.9 MySQL Apache 28 30


(10)

Bab 3 Tinjauan WISATA ALAM DANAU TOBA 34 3.1

3.2 3.3

Profil

Kegiatan tahun di danau toba Objek wisata

34 36 37 3.3.1 Wisata Sigale-gale

3.3.2 Wisata Tuk-Tuk 3.3.3 Objek Wisata Tomok 3.3.4 Objek Wisata Ambarita 3.3.5 Objek Wisata Panggururan

3.3.6 Objek Wisata Air Terjun Sipiso-Piso

Bab 4 Perancangan Sistem

37 39 41 42 43 44 45 4.1 4.2

Perencanaan dan Perancangan Perancangan Halaman Website

47 47 4.2.1 Halaman Home

4.2.2 Halaman Info 4.2.3 Halaman Kontak 4.2.4 Halaman Objek Wisata 4.2.5 Halaman Galery

47 47 48 48 48 4.3 4.4

Perancangan Database Server Design Website

49 95 4.4.1 Design Halaman Beranda

4.4.2 Design Halaman Informasi website

4.4.3 Design Halaman Objek Wisata Alam Danau Toba Website

Bab 5 Implementasi Sistem

96 96 97 98 5.1 5.2 5.3 5.4

Pengertian Implementasi Sistem Tujuan Implementasi Sistem

Komponen Dalam Implementasi Sistem Instalasi Apache, PHP, dan MySQL

98 98 99 100

Bab 6 Kesimpulan dan Saran 106

6.1 6.2 Kesimpulan Saran 106 107 Daftar Pustaka Lampiran A Lampiran B


(11)

DAFTAR TABEL Halaman Tabel Tabel Tabel Tabel Tabel Tabel Tabel Tabel Tabel 2.1 2.2 4.1 4.2 4.3 4.4 4.5 4.6 4.7

Simbol-simbol Data Flow Diagram Simbol-simbol Flowchart

Tabel Admin Tabel Siswa Tabel Nilai Tabel Guru Tabel Buku Tamu

Tabel Informasi Akademik Tabel Informasi Beasiswa

11 12 53 53 54 55 56 56 56


(12)

ABSTRAK

Perkembangan teknologi khususnya komputer pada saat ini mempunyai peranan yang sangat penting dalam kehidupan di masyarakat. Teknologi yang berkembang sesuai tuntutan zaman diharapkan menjadi sarana penunjang untuk menangani permasalahan yang timbul dalam mengelola dan menyelesaikan permasalahan yang ada di perusahaan atau organisasi.

Begitu juga dengan wisata alam Danau Toba, diharapkan dapat menyediakan informasi yang tepat dan akurat dalam data pariwisata Danau Toba secara on-line.

Oleh sebab itu penulis mencoba merancang sebuah database pada perkenalan wisata alam Danau Toba. Dengan adanya portal ini diharapkan masyarakat setempat ini dapat menyediakan informasi yang lebih cepat dan akurat pada wisatawan lokal maupun wisatawan mancanegara yang juga dapat membantu dalam mempromosikan daerah pariwisata alam Danau toba.

Web ini dirancang dengan menggunakan bahasa pemrograman web, yaitu PHP 5.0 dan MySQL 5.0 sebagai server database serta Apache 2.0 sebagai web server. Database ini dirancang sedemikian rupa agar dapat menarik minat siswa dalam memperoleh informasi yang lebih cepat dan akurat serta menarik. Database ini bersifat dinamis, yaitu berarti bahwa informasi yang diberikan tersebut dapat berubah sewaktu-waktu berdasarkan keadaan yang sedang terjadi. Database ini meliputi banyak informasi seperti profil sekolah, data pegawai dan data siswa. Objektif utama Portal ini adalah untuk

menyediakan jendela bagi masing-masing siswa dalam mendapatkan informasi secara lengkap dan jelas.


(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Kebutuhan akan informasi yang akurat dan tepat untuk penyajian data sangat

diperlukan oleh suatu organisasi atau perusahaan. Dinas Pariwisata merupakan salah satu organisasi yang bergerak dalam memberikan pelayanan kepada masyarakat dalam bidang perkenalan wisata alam dan pemekaran daera pariwisata. Salah satu unsur terpenting dari suatu objek wisata adalah wisatawan.

Dengan kemajuan teknologi komputer, pengolahan data dan informasi dapat dilakukan dengan cepat dan akurat. Komputer merupakan suatu alat yang banyak digunakan untuk membantu permasalahan yang sering dihadapi oleh suatu organisasi atau perusahaan.


(14)

Cara kerja komputer yang cepat dan praktis dalam pengolahan data membuat komputer banyak digunakan oleh organisasi atau perusahaan. Oleh karena itu

alangkah bagusnya jika sekolah juga menggunakan teknologi komputer dalam pengolahan data maupun informasi. Dengan pertimbangan tersebut penulis memilih judul “Pembuatan Website Perkenalan Wisata Alam Danau Toba Menggunakan PHP & MYSQL”.

Dalam perancangan sistem informasi berbasis web pada Perkenalan Wisata Alan Danau Toba ini penulis menggunakan bahasa pemograman PHP dan MySQL dan beberapa software pendukung seperti Apache dan Dreamweaver 8.

1.2 Identifikasi Masalah

Pengolahan data dengan menggunakan komputer akan dapat menghemat waktu dan dapat mengefisienkan pengerjaan pengolahan data pada pembuatan website tentang wisata alam Danau Toba SUMUT. Dengan demikian dapat diidentifikasi masalah dalam penelitian ini adalah bagaimana membentuk sebuah pemograman berbasis web untuk mengolah data tersebut dengan efektif dan efisien sehingga dapat terorganisasi dengan baik.


(15)

1.3 Batasan Masalah

Agar masalah yang akan dibahas tidak menyimpang dan tidak meluas dikarenakan keterbatasan waktu dan tenaga. Dalam hal ini penulis membatasi permasalahan yang akan dibahas yaitu mengenai pelayan apa aja yang terdapat di daerah wisata Danau Toba baik di bidan kuliner , penginapan dan kekayaan alam yang masi kita belum ketahuin.

1.4 Metodologi Penelitian

Metode penelitian yang digunakan dalam tulisan ini, antara lain :

1. Penelitian Lapangan (Field Research)

Metode penelitian ini dilakukan langsung pada objek penelitian, hal ini dilakukan dengan cara :

a. Wawancara (interview)

Dalam hal ini penulis mengadakan tanya jawab dengan masyarakat setempat yang berhubungan dengan masalah yang akan dibahas.


(16)

Dalam metode ini penulis melakukan observasi untuk mendapatkan data secara umum dengan melihat langsung, mengamati dan mencatat

kegiatan yang ada pada objek wisata alam Danau Toba.

2. Penelitian Kepustakaan (Library Research)

Penelitian ini dimaksudkan untuk mendapatkan landasan teori yang memadai dalam menyusun tugas akhir, dalam hal ini penulis melakukannya dengan membaca serta mengkaji buku-buku yang berkaitan dengan masalah yang ditinjau.

1.5 Maksud dan Tujuan

Maksud penulis mengadakan penelitian pada wisata alam Danau Toba adalah untuk memperkenalkan kekayaan alam yang terdapat di daerah SUMUT sampe ke luar negeri, dan untuk melestarikan adat dan barang barang peninggalan para nenek moyang suku Batak Toba.

Adapun tujuan dari penelitian yang diakukan penulis adalah untuk merancang sistem informasi pada perkenalan wisata alam Danau Toba dengan menggunakan bahasa pemograman HTML, PHP, dan MySQL


(17)

1.6 Kegunaan Penelitian

Kegunaan penelitian yang dilakukan penulis adalah sebagai berikut :

1. Bagi wisatawan mendapat suatu aplikasi komputerisasi yang memudahkan dalam mencari informasi tentang data wisata kuliner , penginapan dan

beberapa keanekaragaman adat istiadat yang terdapat di parapat,ambarita,tuk-tuk, pangururan sehinggah mendapatkan kemudahan bagi para wisatawan yang mau berkunjung ke Danau Toba.

2. Bagi penulis untuk memenuhi syarat bagi Mahasiswa Fakultas Matematika dan Ilmu Pengetahuan Alam Program Studi D-III Teknik Informatika dalam menyelesaikan perkuliahan.

3. Merupakan kesempatan yang baik bagi penulis untuk menerapkan dan mengaplikasikan ilmu yang didapat selama perkuliahan.

1.7 Sistematika Penulisan

Dalam penulisan tugas akhir ini, penulis membentuk suatu sistematika penulisan yang bertujuan untuk menggambarkan secara ringkas bab-bab yang mencakup hal-hal sebagai berikut :


(18)

BAB 1

BAB 2

: PENDAHULUAN

Bab ini berisikan latar belakang penulisan, identifikasi masalah, pembatasan masalah, metodelogi penelitian, maksud dan tujuan, dan sistematika penulisan.

: LANDASAN TEORI

Bab ini menjelaskan landasan teori yang meliputi pengertian data, informasi, sistem informasi, uraian singkat tentang bahasa pemograman HTML, PHP dan MySQL.

BAB 3

BAB 4

BAB 5

BAB 6

: TINJAUAN WISATA ALAM DANAU TOBA

Bab ini berisi tentang sejarah, fasilitas yang terdapat di daerah Danau Toba supaya mempermudahkan wisatawan yang mau berkunjung ke Danau Toba Samosir

: PERANCANGAN SISTEM

Bab ini menjelaskan tentang perancangan sistem yang diusulkan meliputi data flow diagram, struktur database, sertifikasi input, sertifikasi output dan flowchart.

: IMPLEMENTASI

Pada bab ini dibahas tentang implementasi sistem yang dirancang

: KESIMPULAN DAN SARAN

Bab ini merupakan bab terakhir yang mencakup kesimpulan dan saran.


(19)

BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Secara ringkas komputer dapat diartikan sebagai mesin yang melakukan tugas-tugas tertentu yang dikontrol oleh instruksi-instruksi digital. Komputer berasal dari bahasa latin yaitu computare yang mengandung arti menghitung. Komputer adalah mesin penghitung elektronik yang cepat dan dapat menerima informasi input digital, kemudian memprosesnya sesuai dengan program yang tersimpan dalam memori dan menghasilkan output berupa informasi.

Komputer juga berasal dari bahasa inggris, to compute yang artinya menghitung. Jadi, komputer dapat diartikan sebagai alat untuk menghitung.

Perkembangan teknologi dan ilmu komputer memberikan penigkatan pada kegunaan komputer, sehingga defenisi komputer juga mengalami perubahan. Sekarang ini,


(20)

pengolahan data, permainan, pengontrol mesin, membuat grafik, mengedit data dan lain sebagainya.

2.1.1 Sistem komputer

Sistem komputer adalah kumpulan beberapa perangkat komputer yang saling mendukung dan mengerjakan masing-masing fungsinya untuk melakukan suatu pekerjaan. Tujuan dari sistem komputer adalah mengolah data untuk menghasilkan informasi. Agar tujuan tersebut dapat tercapai maka elemen-elemen dari komputer harus lengkap.

Elemen-elemen dari sistem komputer adalah sebagai berikut :

1. Perangkat Keras (Hardware), yaitu perangkat pada komputer yang secara fisik dapat dilihat dan dapat disentuh, seperti keyboard, monitor dan casing.

2. Perangkat Lunak (software), yaitu program yang berisi perintah-perintah pengolahan data, seperti Microsoft Office dan sebagainya.

3. Brainware adalah manusia yang terlibat dalam mengoperasikan serta mengatur sistem komputer.


(21)

Ketiga elemen komputer di atas harus saling berhubungan dan membentuk suatu kesatuan. Hardware tanpa adanya software, maka komputer tidak akan berfungsi seperti yang diharapkan, hanya berupa benda mati saja. Hardware yang telah didukung oleh software juga tidak akan berfungsi jika tidak ada manusia yang mengoperasikannya. Akan tetapi jika ketiga elemen sistem komputer tersebut sudah berhubungan dan berinteraksi dengan baik, maka komputer akan berfungsi sesuai dengan yang kita harapkan.

2.2 Pengertian Data, Data Flow Diagram (DFD), Diagram Alir (Flowchart) dan Sistem.

2.2.1 Pengertian data.

Beberapa pengertian tentang data sebagai berikut :

a. Menurut berbagai kamus bahas Inggris-Indonesia, data diterjemahkan sebagai istilah yang berasal dari kata datum yang berarti fakta atau bahan keterangan.

b. Pengertian yang lain mengatakan bahwa data merupakan deskripsi dari sesuatu kejadian yang kita hadapi.

c. Menurut Gordon B. Davis dalam bukunya Management Information System : Conceptual Foundation, Structures, and Development menyebutkan data sebagai bahan mentah dari informasi, yang dirumuskan sebagi sekelompok


(22)

Dari beberapa pengertian di atas, dapat disimpulkan bahwa data adalah bahan baku informasi, didefenisikan sebagai sekelompok simbol yang mewakili kuantitas, tindakan, dan sebagainya. Data terbentuk dari karakter, dapat berupa alphabet, angka, maupun simbol khusus. Data disusun untuk diolah dalam betuk struktur data, struktur file, dan basisdata.

2.2.2 Pengertian data flow diagram (DFD)

Data flow diagram adalah suatu gambaran grafis dari suatu sistem yang dapat menggambarkan arus data di dalam sistem dengan struktur, jelas dan menggunakan sejumlah bentuk-bentuk simbol untuk menggambarkan bagaimana data mengalir melalui suatu proses yang saling berkaitan.


(23)

No Demarco And Yourdan Symbols

Keterangan Gane And Sarson Symbols

1 Eksternal Entity (Kesatuan

Luar) merupakan kesatuan dilingkungan luar sistem yang dapat berupa orang, organisasi atau sistem lainnya yang akan memberikan input atau menerima output.

2 Proses adalah kegiatan atau

kerja yang dilakukan oleh orang, mesin atau computer dari hasil suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan keluar dari

proses………...

3 Arus data (Data Flow) diberi

simbol panah. Arus data ini mengalir diantara proses, yang dapat dilakukan dari atas ke bawah, dari bawah ke atas, dari kiri kekanan dan dari kanan kekiri.

4 Storage (simpanan data)

merupakan tempat penyimpanan dari data yang dapat berupa file atau database Tabel 2.1 Simbol-simbol Data Flow Diagram


(24)

No Simbol Fungsi

1 Simbol titik terminal digunakan untuk menunjukkan awal dan akhir dari suatu proses.

2 Simbol proses digunakan untuk mewakili suatu

proses atau untuk pengolahan aritmatika dan pemindahan data

3 Simbol input-output digunakan untuk mewakili

data imput/output dan menunjukkan hasil dari suatu proses.

4 Simbol keputusan (Decision) digunakan untuk

suatu penyeleksian (perbandingan logika) kondisi di dalam program.

2.2.3 Diagram alir (Flowchart)

Diagram alir program (program flow chart) adalah suatu diagram yang

menggambarkan arus logika dari data yang akan diproses dalam suatu program dari awal sampai akhir. Diagram alir terdiri dari simbol-simbol yang mewakili fungsi- fungsi langkah program dan garis alir (flow line) menunjukkan urutan dari simbol- simbol yang akan dikerjakan.


(25)

5 Simbol persiapan (Predefined) digunakan untuk pemberian nilai awal suatu variable atau counter.

6 Simbol penghubung (Connector) digunakan untuk

menunjukkan hubungan arus proses yang terputus masih dalam halaman yang sama.

7 Simbol Off-page connector digunakan untuk

menunjukkan hubungan arus proses yang terputus masih dalam halaman yang berbeda

8 Simbol proses terdefenisi digunakan untuk

menunjukkan suatu operasi yang rinciannya ditunjukkan di tempat lain.

9 Simbol display digunakan untuk output yang

ditunjukkan/ditampilkan di monitor.

10 Simbol dokumen yang digunakan untuk

menunjukkan suatu dokumen input dan output baik untuk proses manual, mekanik atau komputer.

11 Simbol garis alir (Flow line) yang digunakan untuk

menunjukkan arus dari suatu proses.

12 Simbol storage yang digunakan untuk menyimpan


(26)

2.2.4 Pengertian informasi

Beberapa pengertian tentang informasi sebagai berikut :

a. Menurut Gordon B. Davis dalam bukunya Managemen Information System : conceptual Foundation, Structures, and Development menyebut informasi sebagai data yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa nilai yang dapat dipahami di dalam keputusan sekarang maupun masa mendatang.

b. Menurut Barry E. Cushing dalam buku Accounting Information System and business Organization, dikatakan bahwa informasi merupakan suatu yang menunjukkan hasil pengolahan data yang diorganisasi dan berguna bagi orang yang menerimanya.

c. Menurut Robert N. Anthony dan Jhon Dearden dalam buku Management Control System, menyebutkan informasi sebagai suatu kenyataan, data, item, yang menambah pengetahuan bagi penggunanya.

d. Menurut Stephen A. Moscope dan Mark G. Simkin dalam bukunya

Accounting information System : Concepts and Practise mengatakan informasi sebagai kenyataan atau bentuk-bentuk yang berguna yang dapat digunakan untuk pengambilan keputusan.


(27)

Dari beberapa pengertian di atas, dapat disimpulkan bahwa informasi

merupakan hasil dari pengolahan data menjadi bentuk yang lebih berguna bagi yang menerimanya yang menggambarkan suatu kejadian nyata dan dapat digunakan sebagai alat bantu untuk pengambilan keputusan.

2.2.5 Pengertian sistem

Beberapa pengertian tentang sistem sebagai berikut :

a. Dalam kamus Inggris-Indonesia-nya Jhon M. Echols dan Hassan Shadily, system diartikan sebagai susunan.

b. Menurut M. Alexander dalam buku Information System Analisyst : Theory and Application, sistem merupakan suatu grup dari elemen-elemen baik yang berbentuk fisik maupun non-fisik yang menunjukkan suatu kumpulan saling berhubungan dan berinteraksi bersama menuju suatu tujuan, sasaran atau akhir dari sebuah sistem.

Dari pengertian sistem di atas dapat disimpulkan bahwa sistem adalah suatu kesatuan utuh terdiri dari beberapa bagian yang saling berhubungan dan berinteraksi untuk mencapai tujuan tertentu.


(28)

2.3 Sistem Informasi

Pada dasarnya sistem informasi merupakan suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-komponen dalam organisasi untuk mencapai sutau tujuan yaitu menyajikan data informasi. Sistem informasi menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi, dan mengeluarkan hasilnya.

2.3.1 Komponen sistem informasi

Sistem informasi memiliki komponen-komponen yang saling berinteraksi membentuk satu kesatuan dalam mencapai sasaran sistem. Adapun komponen-komponen dari sistem informasi adalah sebagai berikut :

a. Blok Masukan ( Input Block)

Blok masukan dalam sebuah sistem informasi meliputi metode-metode dan media untuk menangkap data yang akan dimasukkan, dapat berupa dokumen- dokumen dasar.

b. Blok Model ( Model Block)

Blok model ini terdiri dari kombinasi prosedur, logika dan model matematik yang berfungsi memanipulasi data untuk keluaran tertentu.


(29)

c. Blok Keluaran (Output Block)

Blok keluaran berupa data-data keluaran seperti dokumen output dan informasi yang berkualitas.

d. Blok Teknologi (Thechnology Block)

Blok teknologi digunakan untuk menerima input, menjalankan model, menyimpan data dan mengakses data, menghasilkan dan mengirimkan keluaran serta membantu pengendalian dari sistem secara keseluruhan. Blok teknologi ini merupakan komponen bantu yang memperlancar proses

pengolahan yang terjadi dalam sistem.

e. Blok Basisdata (Database Block)

Merupakan kumpulan data yang berhubungan satu dengan lainnya, tersimpan di perangkat keras komputer dan perangkat lunak untuk memanipulasinya.

f. Blok Kendali (Control Block)

Meliputi masalah pengendalian terhadap operasional sistem berfungsi mencegah dan menangani kesalahan/kegagalan sistem.


(30)

2.2.3 Perangkat sistem informasi

Sebuah sistem informasi yang lengkap memiliki kelangkapan sebagai berikut :

a. Hardware

Bagian ini merupakan bagian perangkat keras sistem informasi. Sistem informasi modren memiliki perangkat keras seperti komputer, printer dan teknologi jaringan komputer.

b. Software

Bagian ini merupakan bagian perangkat lunak sistem informasi. Sistem informasi modren memiliki perangkat lunak untuk memerintahkan komputer dalam melaksanakan tugas yang harus dikerjakannya.

c. Data

Merupakan komponen dasar dari sistem informasi yang akan diproses lebih lanjut untuk menghasilkan informasi.

d. Prosedur

Merupakan bagian yang berisikan dokumentasi prosedur atau proses-proses yang terjadi dalam sistem.

e. Manusia

Manusia merupakan bagian utama dalam suatu sistem informasi. Yang terlibat dalam komponen manusia adalah sebagai berikut :


(31)

1. Cleciral personal : untuk menangani transaksi dan pemrosesan data dan melakukan incuiry (operator).

2. First level manager : untuk mengolah pemrosesan data didukung dengan perencanaan, penjadwalan, identifikasi situasi out-of control dan pengambilan keputusan level menengah kebawah.

3. Staff specialist : untuk menganalisis perencanaan dan pelaporan.

4. Management : untuk pembuatan laporan berkal, permintaan khusus, analisis khusus, laporan khusus, pendukung analisis pengambilan keputusan level atas.

2.4 Internet

Internet (International Networking) adalah sutu kumpulan jaringan komputer dari berbabagai tipe, yang saling berkomunikasi dengan menggunakan suatu standar komunikasi. Saat ini ada jutaan sistem komputer dengan puluhan juta pengguna di seluruh dunia telah bergabung dengan internet.

Secara teknis internet merupakan dua komputer atau lebih yang saling berhubungan membentuk jaringan komputer hingga meliputi jutaan komputer di


(32)

jutaan bahkan miliaran informasi atau data yang dapat berupa teks, grafik, suara maupun animasi untuk melakukan pertukaran informasi jarak jauh.

2.4.1 Manfaat internet

Sejalan dengan meningkatnya peranan informasi dalam bisnis maupun teknologi, akses terhadap sumber dan jaringan informasi semakin penting bagi pengguna. Internet adalah jaringan informasi komputer mancanegara yang berkembang sangat pesat dan pada saat ini dapat dikatakan sebagai jaringan informasi terbesar di dunia. Sehingga manfaat internet sangat terasa bagi pengguna.

Adapun manfaat yang bisa diperoleh dari internet adalah sebagai berikut:

a. Informasi yang didapat lebih cepat dan murah dengan menggunakan aplikasi fasilitas internet seperti e-mail, www, newsgroup dan lain sebagainya.

b. Mengurangi biaya kertas dan biaya distribusi, dengan adanya koran, majalah dan brosur di dalam internet.

c. Sebagai media promosi, misalnya pengenalan dan pemesanan produk perusahan.

d. Komunikasi interaktif melalaui e-mail, video conferencing, dan sebagainya.

e. Sebagai alat penelitian dan pengembangan.


(33)

2.5 Website

Website atau world wide web sering disingkat sebagai www atau web, yaitu sebuah sistem dimana informasi dalam bentuk teks, gambar, suara, dan lain-lain

direpresentasikan dalam bentuk hypertext dan dapat diakses oleh perangkat lunak yang disebut browser.

Kemampuan di atas telah menjadikan web sebagai service yang paling cepat pertumbuhannya. Web mengijinkan pemberian highlight (penyorotan) pada kata-kata atau gambar dalam sebuah dokumen untuk menghubungkan atau menunjuk dari sembarang tempat pada dokumen lain. Dengan sebuah browser yang memiliki graphical user interface (GUI), link-link dapat dihubungkan ke tujuannya dengan menunjuk link tersebut dengan mouse dan meng-klik link tersebut. Menurut kemampuannya, web dapat dibedakan menjadi 2 (dua), yaitu web statis dan web dinamis.

2.5.1 Web statis

Web statis adalah web yang berisi informasi yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat berinteraksi dengan web tersebut. Untuk mengetahui web


(34)

berhubungan dengan halaman web lain berisi suatu informasi yang tetap maka web tersebut statis.

Pada web statis, pengguna hanya dapat melihat isi dokumen pada halaman web yang berisi informasi yang tetap atau tidak berubah. Interaksi pengguna hanya terbatas dapat melihat informasi yang ditampilkan. Web statis biasanya merupakan HTML yang ditulis pada editor teks dan disimpan dalam bentuk .html atau .htm.

2.5.3 Web dinamis

Web dinamis adalah web yang menampilkan informasi serta berinteraksi dengan pengguna. Web yang dinamis memungkinkan pengguna untuk berinteraksi menggunakan form sehingga dapat mengolah informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan terlihat lebih indah. Informasi di web pada umumnya ditulis dalam format HTML dan PHP.

2.6 Hypertext Markup Language (HTML)

Hypertext Markup Language (HTML) merupakan sebuah bahasa scripting yang berguna untuk menuliskan halaman web. Pada halaman web, html dijadikan sebagai


(35)

bahasa script dasar yang berjalan bersama berbagai bahasa scripting pemograman lainnya.

Dalam penulisan script html dapat menggunakan editor biasa seperti notepad, edit plus ataupun editor lain yang berbasis GUI (Graphical User Interface) seperti Microsoft Frontpage dan yang digunakan penulis adalah Macromedia Dreameweaver 8. Dengan software ini kode html tidak perlu di ketik, karena semua perintahnya diwujudkan secara icon base. Tetapi bagi seorang pengembang aplikasi web, kemampuan penguasaan terhadap kode html sangat diperlukan, sehingga sangat disarankan untuk menguasai kode html dengan menggunakan editor teks seperti notepad.

Secara umum HTML dapat melakukan tugas-tugas sebagai berikut :

a. Mengontrol tampilan halaman web dan isinya.

b. Mempublikasikan web secara online.

c. Membuat online form yang bisa digunakan untuk menangani pendaftaran buku tamu, dan transaksi online lainnya.

d. Menambahkan objek-objek seperti image, audio, video, dan juga applet dalam dokumen html.


(36)

Browser merupakan software yang diinstall di komputer client yang berfungsi untuk menerjemahkan tag-tag HTML menjadi halaman web. Browser yang biasa digunakan adalah internet explorer, opera, mozila fireworks dan lain sebagainya.

2.7 PHP

PHP singkatan dari hypertext preprocessor yang digunakan sebagai bahasa script server-side dalam pengembangan web yang disisipkan pada dokumen html. Penggunaan php memungkinkan web dapat dibuat dinamis sehingga maintanance situs web tersebut lebih mudah dan efisien. Php merupakan software open-source yang disebarkan dan dilisensikan secara gratis dan dapat didownload dari situs resminya yaitu : http://www.php.net.

PHP yang ditulis dengan menggunakan bahas C dapat dikembangkan sendiri dengan menambah fungsi-fungsi baru. PHP adalah bahasa pemograman yang sangat populer. Sebagian besar sintak php mirip dengan sintak pada bahasa pemograman C dan Perl.

2.7.1 Sejarah singkat PHP

PHP pertama kali diciptakan oleh Rasmus Lerdof pada tahun 1994. Awalnya PHP digunakan untuk mencatat jumlah serta mengetahui siapa saja pengunjung pada homepage-nya. Rasmus Ledorf adalah salah satu pendukung open source. Oleh karena


(37)

itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dengan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan di dunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Suraski, Andi Gutman, Stig Bakken, Shane Caraveo, dan Jim Winstead bekerja sama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 dikeluarkan PHP 4.0. tidak terhenti sampai di situ, kemampuan PHP terus ditambah, dan versi terbaru yang telah di keluarkan adalah PHP 5.0.x.

2.7.2 Kelebihan PHP

PHP memiliki banyak kelebihan yang tidak dimiliki bahasa script sejenis. PHP difokuskan pada pembuatan script server-side, yang bisa melakukan apa saja yang dapat dilakukan oleh GCI, sepeti mengumpulkan data dari form, menghasilkan isi halaman web dinamis, dan kemampuan mengirim dan menerima cookies bahkan lebih dari kemampuan CGI.

PHP dapat digunakan pada setiap sistem operasi, antara lain Linux, Unix, Windows, dan Macintosh. PHP juga mendukung banyak Web Server, seperti Apache,


(38)

PHP tidak terbatas pada hasil keluaran HTML. PHP juga memiliki

kemampuan untuk mengolah keluaran gambar, file pdf, dan movies flash. PHP juga dapat menghasilkan teks seperti XHTML dan file XML lainnya.

Salah satu fitur yang dapat diandalkan oleh PHP adalah dukungannya terhadap banyak database. Berikut database yang dapat didukung oleh PHP :

a. Adabase D

b. dBase

c. Direct MS-SQL

d. Empress

e. FilePro (read only)

f. FrontBase

g. Hyperware

h. IBM DB2

i. Informix

j. Ingres

k. Interbase


(39)

m. MySQL

n. ODBC

o. Oracle (OC17 dan OC18)

p. Ovrimos

q. PostgrSQL

r. Solid

s. Sybase

t. Unix DBM

u. Velocis

2.7.3 Sintaks PHP

Sintaks PHP ditulis dalam apitan tanda khusus PHP. Ada empat macam pasangan tag PHP yang dapat digunakan untuk menandai blok script PHP.

1. <?php … ?>

2. <script language=”PHP”> … </script> 3. <? … ?>


(40)

Cara 1 dan 2 merupakan cara yang paling umum digunakan walaupun cara 3 tampak lebih praktis, karena cara 3 tidak selalu diaktifkan dalam konfigurasi file php.ini yang terdapat pada direktori C:\Program Files\Apache Software Foundation\Apache2.2\PHP.

Cara 4 juga dimungkinkan sebagai kemudahan bagi anda yang sudah terbiasa dengan Active Server Pages (ASP). Namun, bila cara tersebut tidak dikenal, maka harus dilakukan pengaktifan pada file konfogurasi php.ini. Pengaktifan yang dilakukan pada file php.ini terdapat pada baris berikut :

Language options

Allow ASP-style <%%>tags.

Asp_tags=off

Ubah off menjadi on, kemudian simpan dan restart kembali web server anda.

2.8 MySQL

MySQL adalah salah satu jenis database server yang sangat terkenal. Kepopulerannya disebabkan MySQL menggunakan Structure Query Language (SQL) sebagai bahasa dasar untuk mengakses databasenya. Selain itu, ia bersifat gratis (tidak peru membayar untuk menggunakannya) pada pelbagai platform (kecuali pada windows, yang bersifat shareware atau perlu membayar setelah melakukan evaluasi dan memutuskan untuk digunakan untuk kepeluan produksi). Perangkat lunak MySQL sendiri bisa didownload dari http://www.mysql.org atau http://www.mysql.com.


(41)

MySQL termasuk jenis Relation Database Management Sistem (DBMS). Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Tabel terdiri atas sejumlah baris dan setiap baris mengandung satu atau beberapa kolom.

MySQL dapat didefenisikan sebagai:

a. MySQL merupakan sistem manajemen database. Database merupakan struktur penyimpanan data. Untuk menambah, mengakses, dan memproses data yang disimpan dalam sebuah database komputer, diperlukan sistem manajemen database MySQL server.

b. MySQL merupakan sistem manajemen database atau basis data terhubung (Relation Database Management System). Database terhubung menyimpan pada tabel-tabel terpisah. Kata SQL pada MySQL merupakan singkatan dari Structure Query Language. SQL merupakan bahasa standar yang digunakan untuk mengakses database dan ditetapkan oleh ANSI/ISO SQL Standart.

c. MySQL merupakan Software Open Source, berarti semua orang diizinkan menggunakan dan memodifikasi software ini. Semua orang dapat mendownload software MySQL dari internet dan menggunakannya tanpa membayar. Anda dapat mempelajari Source Code dan menggunakannya sesuai dengan kebutuhan.


(42)

kecepatan, dan keamanannya membuat server MySQL cocok untuk mengakses database di internet.

e. MySQL Server bekerja di client server atau sistem embedded. Software

database MySQL merupakan sistem yang terdiri atas multitheread SQL Server yang mendukung software client dan library yang berbeda, tool administrative, dan sejumlah Application Programming Interfaces (APIs).

f. MySQL tersedia dalam beberapa macam bahasa.

Beberapa SQL command atau perintah SQL yang harus diketahui adalah :

1. CREATE DATABASE, untuk membuat sebuah database. 2. DROP DATABASE, untuk menghapus sebuah database. 3. CREATE TABLE, untuk membuat sebuah table.

4. ALTER TABLE, untuk memodifikasi sebuah table. 5. DROP TABLE, untuk menghapus sebuah table. 6. SELECT, untuk menampilkan data dari database. 7. UPDATE, untuk memodifikasi data dari database. 8. INSERT INTO, untuk menambah data di database. 9. DELETE, untuk menghapus data dari database.

2.9 Apache

Apache merupakan software yang dikeluarkan oleh Group Apache. Group Apache terlibat dalam satu proyek yang disebut Proyek Apache untuk mengembangkan suatu


(43)

software implementasi di server HTTP (web) yang handal, standar komersial, dan Source Code-nya didistribusikan secara gratis. Adapun alamat website Apache adalah : http://www.apache.org/.

2.10 Cassading Style Sheet (CSS)

Cassading Style Sheet (CSS) banyak digunakan untuk memperluas kemampuan HTML dalam memformat dokumen web atau untuk mempercantik tampilan web, bahkan untuk pemosisian dan layoutting halaman web. Dengan mendefenisikan suatu style sekali saja dapat digunakan berulang kali.

CSS banyak didukung browser, terutama versi baru sehingga penempatan layout menjadi lebih fleksibel. Membuat HTML menggunakan tag minimal

berpengaruh tehadap ukuran file, dapat menampilkan konten utama terlebih dahulu sementara gambar dan yang lainnya dapat ditampilkan sesudahnya. Selain itu, penggunaan CSS pada file terpisah dapat mempermudah pengubahan tampilan situs secara keseluruhan.

2.11 JavaScript


(44)

JavaScript adalah bahasa script yang ditempatkan pada kode HTML dan diproses pada sisi client. Dengan adanya bahasa ini maka kemampuan dokumen HTML menjadi lebih luas. Sebagai contoh, digunakan untuk validasi masukan formulir sebelum diproses ke tahap selanjutnya. Bisa untuk membuat permainan interaktif dan juga bisa untuk menambah design web.

2.12 Macromedia Dreamweaver 8

Saat ini Dreamweaver merupakan software utama yang digunakan oleh web server designer maupun web programmer dalam membangun suatu web. Dreamweaver memberikan kemudahan bagi penggunanya dalam menentukan ruang kerja yang diinginkan. Tipe ruang kerja, fasilitas dan kemampuan dreamweaver mampu

meningkatkan produktivitas dan efektivitas dalam design maupun dalam membangun web.

Versi terbaru Macromedia Dreamweaver di tahun 2005 adalah Macromedia Dreameweaver 8 yang merupakan penyempurnaan dari versi sebelumnya dan semakin mudah dalam penggunaannya. Fasilitas terbaru dari Macromedia Dreamweaver 8 adalah Zoom Tool and Guides, Panel CSS yang baru, Code Collapse, Coding Toolbar, Insert Flash Video dan tampilan baru dalam Dreamweaver 8 membuat pekerjaan anda lebih cepat selesai.

Tidak jauh beda dengan versi sebelumnya, Macromedia Dreamweaver 8 mendukung pemograman Client Side yang terkenal, yaitu JavaScript dengan


(45)

penggunaan yang sangat mudah. Macromedia Dreamweaver 8 juga mendukung pemograman Script Server Side, seperti PHP, ASP, ASP.NET, dan JSP.


(46)

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi sistem adalah langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui untuk menguji, menginstall dan memulai sistem baru atau sistem yang diperbaiki untuk menggantikan sistem yang lama.

5.2 Tujuan Implementasi Sistem

Tujuan implementasi sistem adalah sebagai berikut :

1. Menyelesaikan desain sistem yang ada dalam dokumen sistem yang disetujui, menysusun dokumen baru atau dokumen yang diperbaiki.


(47)

2. Menguji program-program dan prosedur baru atau dokumen yang diperbaiki. 3. Memastikan bahwa sistem yang dibuat dapat digunakan oleh setiap pemakai

tanpa mengalami kesulitan dalam penggunaannya.

4. Menguji apakah sistem baru tersebut sesuai dengan apa yang diinginkan oleh pemakai.

5.3 Komponen dalam Implementasi Sistem

Untuk mengetahui perancangan sistem yang telah kita kerjakan dapat berjalan dengan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah kita buat. Untuk itu dibutuhkan beberapa komponen utama mencakup perangkat keras

(hardware), perangkat lunak (software), dan perangkat otak (brainware).

Pada website Perkenal Wisata Alam Danau Toba ini dibutuhkan beberapa komponen seperti yang disebutkan diatas, yaitu :

1. Perangkat Keras (Hardware) a. Monitor

b. CPU (Central Processing Unit) c. Harddisk


(48)

2. Pearangkat Lunak (Software) a. Sistem Operasi Windows XP.

b. MySQL sebagai pengelola database server. c. PHP sebagai bahasa pemograman serverside.

d. Apache Web Server sebagai server lokal dalam pengetesan halaman web.

e. Macromedia Dreamweaver 8 sebagai media mendesain web dan menggabungkan antara layout dengan bahasa pemograman.

f. Browser sebagai software untuk menjalankan website yang dibuat.

3. Perangkat Operator (Brainware) a. Administrator

b. Pengunjung

5.4 Instalasi Apache, PHP dan MySQL

Dalam menginstalasi Apache, PHP, dan MySQL dapat dilakukan secara satu persatu. Software dapat didownload secara gratis dari situs http://www.apache.org untuk software Apache, http://www.php.net untuk software PHP, dan http://www.mysql.com untuk software MySQL.


(49)

Namun pada perancangan website ini penulis menggunakan software Apache2triad. Dimana pada software ini sudah terdapat Apache, PHP, dan MySQL. Dengan menggunakan software ini penulis mendapat beberapa kemudahan, yakni hanya perlu menginstall satu kali saja yakni Apache2triad dan tidak perlu lagi untuk konfigurasi.

Adapun tahap-tahap installasi Apache2triad adalah sebagai berikut :

1. Klik ganda pada file apache2triad 1.5.4 atau pada ikon

2. Maka akan muncul tampilan seperti Gambar 5.1. Klik Next untuk melanjutkan instalasi.


(50)

3. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.2. Tentukan direktori tempat penginstalan Apache2triad, kemudian klik Next.

Gambar 5.2 Menentukan Direktori Instalasi Apache2triad

4. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.3. Masukkan password yang anda inginkan dengan ketentuan minimal 8 karakter dan maksimal 32 karakter. Kemudian klik Next.


(51)

5. Setelah kita klik Next maka akan muncul tampilan seperti Gambar 5.4. klik I Agree untuk melanjutkan instalasi..

Gambar 5.4 Autentifikasi Instalasi Apache2triad

6. Setelah kita klik I Agree maka akan muncul tampilan seperti Gambar 5.5. Tunggu sampai proses selesai.


(52)

7. Setelah proses pada Gambar 5.5 selesai kemudian akan muncul tampilan seperti Gambar 5.6. Klik OK untuk konfigurasi dan melanjutkan instalasi.

Gambar 5.6 Proses Instalasi Apache2triad

8. Setelah kita klik OK maka akan muncul tampilan seperti Gambar 5.7. Kemudian masukkan kembali password yang di buat pada langkah ke 4 kemudian tekan Enter.


(53)

9. Setelah kita masukkan password dan tekan Enter, maka akan muncul tampilan seperti pada Gambar 5.8.

Gambar 5.8 Proses Instalasi Apache2triad

10. Setelah proses pada Gambar 5.8 selesai maka akan muncul tampilan pada Gambar 5.9. Klik OK maka komputer akan restart ulang dan proses instalasi selesai.


(54)

BAB 4

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan

Tahap perencanaan dan perancangan merupakan tahap awal yang dilakukan penulis dalam membangun website ini. Pada tahap ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari situs yang akan dibangun. Situs ini dirancang dengan menggunakan PHP sebagai bahas pemogramannya, MySQL sebagai databasenya, Apache sebagai servernya, dan Deameamweaver 8 sebagai media untuk membuat layout dari situs yang akan dirancang.

Sebelum membangun sebuah website, ada beberapa pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain :

a. Website apa yang akan dibangun ?


(55)

c. Apa saja aktivitas yang dapat dilakukan pengunjung dalam website ?

d. Apa saja yang ingin dicapai dari pembuatan website tersebut ?

Dengan menjawab beberapa pertanyaan di atas, maka akan semakin membantu dan mempermudah dalam membangun website ini karena dengan pertanyaan-

pertanyaan tersebut akan terbentuk kata kunci untuk membangun dan mengembangkan website ke arah yang lebih lanjut.

Berkaitan dengan website yang akan dibangun, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut :

a. Website yang akan dibuat adalah sistem informasi berbasis web, yang

menyediakan informasi yang menyangkut keindah , pasilitas yang terdapat di objek wisata Alam Danau Toba.

b. Pengunjung situs tersebut adalah para wisatawan lokal yang mau berkunjung ke Danau Toba, namun tidak menutup kemungkinan bagi para wisatawan mancan negara yang mau akan berlibur ke objek wisata alam Danau Toba.

c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai daerah-daerah yang ada di sekitar objek wisata tersebut,mengenai wisata kuliner , mengenai adat istiadat yang ada di objek wisata,jadwal penyebrangan kapal,dan mengenai alat tranfortasi yang


(56)

d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi para wisatawan yang akan berlibur ke danau toba dalam memperoleh informasi yang dibutuhkan serta dapat membantu sekolah dalam mempromosikan sekolahnya.

Tahap selanjutnya adalah tahap pembuatan bagan atau sruktur dari situs tersebut. Struktur website tersebut menampilkan struktur hirarki dan isi halaman per halaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman situs dan navigasi antar halaman.

4.2 Perancangan Halaman Website

4.2.1 Halaman Beranda

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi tentang lokasi atau tempat-tempat wisata yang akan di kunjungin oleh para wisatawan yang akan berlibur ke objek wisata alam Danau Toba.

4.2.2 Halaman Info

Halaman ini berisikan informasi sekilas tentang kegiatan yang rutin di laksanakan di objek wisata alam Danau Toba , yaitu pesta Danau Toba yang bisa di katakan dengan hari ulang tahun Danau Toba.


(57)

4.2.3 Halaman Kontak

Halaman ini berisikan data pribadi pembuat website.

4.2.4 Halaman Objek Wisata

Halaman ini berisikan informasi daerah pariwisata yang ada di Danau Toba.

4.2.5 Halaman Galery

Merupakan halaman yang hanya menampilkan gambar pemandangan objek wisata alam Danau Toba.


(58)

4.3 Perancangan Database Server

Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.

Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database pariwisata alam Danau Toba terdiri dari 5(lima) colom sebagai berikut :

1. Database beranda <html>

<head>

<title>Pariwisata Samosir</title>

<link rel="stylesheet" type="text/css" href="style.css">

<link rel="stylesheet" href="flexslider.css"/>

<link rel="stylesheet"

href="jquery/shadowbox/shadowbox.css"/>

<script src="jquery/shadowbox/shadowbox.js"></script>


(59)

<script src="jquery/jquery.flexslider.js"></script>

<script type="text/javascript" charset"utf-8">

$(window).load(function() {

$('.flexslider').flexslider({

animation: "slide"

});

Shadowbox.init();

});

</script>

</head>

<body>

<div class="wrapper">

<div class="header">

<ul>

<li><a href="index.php">Beranda</a></li>

<li><a href="#">Info</a>


(60)

</ul>

</li>

<li><a href="#">Obyek Wisata</a>

<ul>

<li><a target="_blank">Ambarita</a></li>

<li><a target="_blank">Pangururan</a></li>

<li><a target="_blank">Sigale-gale</a></li>

<li><a target="_blank">Sipiso-piso</a></li>

<li><a target="_blank">Tomok</a></li>

href="ambarita.php"

href="pangururan.php"

href="sigale.php"

href="sipiso.php"

href="tomok.php"

<li><a href="tuk.php" target="_blank">Tuk- Tuk</a></li>

</ul>

</li>

<li><a href="#">Galery</a>


(61)

<li><a href="foto.php">Foto</a></li>

<li><a href="video.php">Video</a></li>

</ul>

</li>

<li><a href="kontak.php">Kontak</a></li>

</ul>

</div>

<div class="gambar">

<div class="flexslider">

<ul class="slides">

<li><a href="images/dono toba.jpg" rel="shadowbox['1']" title="Keindahan Danau Toba dari Atas Bukit" ><img height="300"

src="images/dono toba.jpg"/></a></li>

<li><a href="images/tuktuk.jpg" rel="shadowbox['1']" title="Pemandangan Cottages di Tuktuk" ><img height="300" src="images/tuktuk.jpg"/></a></li>

<li><a href="images/tomok5.jpg" rel="shadowbox['1']" title="Pasar Tomok" ><img height="300"


(62)

<li><a href="images/gale.jpg" rel="shadowbox['1']" title="Boneka Sigale-gale" ><img height="300" src="images/gale.jpg"/></a></li>

<li><a href="images/ambarita2.jpg" rel="shadowbox['1']" title="Kampung Ambarita" ><img height="300" src="images/ambarita2.jpg"/></a></li>

<li><a href="images/parbaba.jpg" rel="shadowbox['1']" title="Pantai Pasir Putih Parbaba" ><img height="300" src="images/parbaba.jpg"/></a></li>

<li><a href="images/sipiso.jpg" rel="shadowbox['1']" title="Air Terjun Sipiso-piso" ><img height="300" src="images/sipiso.jpg"/></a></li>

<li><a href="images/danau-toba1.jpg" rel="shadowbox['1']" title="Keindahan Danau Toba dari Tongging" ><img height="300" src="images/danau-toba1.jpg"/></a></li>

<li><a href="images/landscape.jpg" rel="shadowbox['1']" title="Pemandangan Danau Toba saat Sunsheet" ><img height="300"

src="images/landscape.jpg"/></a></li>

</ul>

</div>


(63)

<div class="tengah">

<div class="menutengah">

<p id="isitengah">

<br>Sebelum Anda memutuskan berwisata ke Danau Toba, sebaiknya Anda harus mengetahui informasi

tentang lokasi atau tempat-tempat wisata yang sangat layak Anda kunjungi, Objek Wisata Kawasan Danau Toba memang

lumayan banyak, seperti Air terjun Sipiso-piso, Tomok, Tuktuk, Parapat,

maupun dari pinggiran Danau toba lainnya. Danau Toba di kelilingi oleh 8

Kabupaten, bisa Anda bayangkan betapa luasnya Danau Toba, setiap

kabupaten tersebut mengandalkan Danau Toba sebagai tempat wisata andalan.

Kabupaten-kabupaten tersebut menawarkan pesona yang

berbeda-beda walau dalamannya tetap sama, yaitu Pesona Danau Toba.<br>


(64)

Keindahan Danau Toba tak akan pernah habis diperbincangkan orang.

Dipandang dari sudut mana pun baik dari Parapat, Tongging, maupun dari

Pulau Samosir danau ini sama indahnya. Kali ini saya akan mengajak

Anda menyusuri Danau Toba dari dalam.<br>

</p>

</div>

<div class="menutengah1">

<div id="judul">

<p id="isi"><a href="ambarita.php" target="_blank">Ambarita</a></p>

</div>

<div id="gambar">

<img height="100%"src="images/ambarita3.jpg">

</div>

</div>

<div class="menutengah1">


(65)

<div id="judul">

<p id="isi"><a href="pangururan.php" target="_blank">Pangururan</a></p>

</div>

<div id="gambar">

<img height="100%"src="images/pangururan.jpg">

</div>

</div>

<div class="menutengah1">

<div id="judul">

width="100%"

<p id="isi"><a href="sigale.php" target="_blank">Sigale-gale</a></p>

</div>

<div id="gambar">

<img height="100%"src="images/gale.jpg">

</div>


(66)

<div class="menutengah1">

<div id="judul">

<p id="isi"><a href="sipiso.php" target="_blank">Sipiso-piso</a></p>

</div>

<div id="gambar">

<img height="100%"src="images/sipiso.jpg">

</div>

</div>

<div class="menutengah1">

<div id="judul">

width="100%"

<p id="isi"><a href="tomok.php" target="_blank">Tomok</a></p>

</div>

<div id="gambar">

<img height="100%"src="images/tomok3.jpg">

</div>


(67)

</div>

<div class="menutengah1">

<div id="judul">

<p id="isi"><a href="tuk.php" target="_blank">Tuk-Tuk</a></p>

</div>

<div id="gambar">

<img height="100%"src="images/tuktuk.jpg">

</div>

</div>

</div>

<div class="kanan">

<ul class="info">

<li>Informasi</a></li>

</ul>

<ul class="menukanan">


(68)

<li><a target="_blank">Hotel</a></li>

<li><a

href="hotel.php"

href="transport.php" target="_blank">Transportasi</a></li>

</ul>

</div>

<div class="footer">

<p id="isif">Copright by Eighto M.P. Siregar || <a href="facebook.com">Facebook</a>

href="twitter.com">Twitter</a></p>

</div>

<div class="clear"></div>

</div>

</body>

</html>

2. Database Agenda

<html>

<head>


(69)

<title>Pariwisata Samosir</title>

<link rel="stylesheet" type="text/css" href="style2.css">

<link rel="stylesheet" href="flexslider.css"/>

<link rel="stylesheet"

href="jquery/shadowbox/shadowbox.css"/>

<script src="jquery/shadowbox/shadowbox.js"></script>

<script src="jquery/jqueryflexider.min.js"></script>

<script src="jquery/jquery.flexslider.js"></script>

<script type="text/javascript" charset"utf-8">

$(window).load(function() {

$('.flexslider').flexslider({

animation: "slide"

});

Shadowbox.init();

});

</script>


(70)

<div class="header">

<ul>

<li><a href="index.php" target="_blank">Beranda</a></li>

<li><a href="#">Info</a>

<ul>

<li><a target="_blank">Agenda</a></li>

</ul>

</li>

<li><a href="#">Obyek Wisata</a>

<ul>

<li><a target="_blank">Ambarita</a></li>

<li><a target="_blank">Pangururan</a></li>

<li><a target="_blank">Sigale-gale</a></li>

<li><a target="_blank">Sipiso-piso</a></li>

href="agenda.php"

href="ambarita.php"

href="pangururan.php"

href="sigale.php"


(71)

<li><a target="_blank">Tomok</a></li>

href="tomok.php"

<li><a href="tuk.php" target="_blank">Tuk- Tuk</a></li>

</ul>

</li>

<li><a href="#">Galery</a>

<ul>

<li><a href="foto.php" target="_blank">Foto</a></li>

</ul>

</li>

<li><a href="kontak.php" target="_blank">Kontak</a></li>

</ul>

</div>

<div class="gambar">

<div class="flexslider">


(72)

<li><a href="images/dono toba.jpg" rel="shadowbox['1']" title="Keindahan Danau Toba dari Atas Bukit" ><img height="300"

src="images/dono toba.jpg"/></a></li>

<li><a href="images/tuktuk.jpg" rel="shadowbox['1']" title="Pemandangan Cottages di Tuktuk" ><img height="300" src="images/tuktuk.jpg"/></a></li>

<li><a href="images/tomok5.jpg" rel="shadowbox['1']" title="Pasar Tomok" ><img height="300" src="images/tomok5.jpg"/></a></li>

<li><a href="images/gale.jpg" rel="shadowbox['1']" title="Boneka Sigale-gale" ><img height="300" src="images/gale.jpg"/></a></li>

<li><a href="images/ambarita2.jpg" rel="shadowbox['1']" title="Kampung Ambarita" ><img height="300" src="images/ambarita2.jpg"/></a></li>

<li><a href="images/parbaba.jpg" rel="shadowbox['1']" title="Pantai Pasir Putih Parbaba" ><img height="300" src="images/parbaba.jpg"/></a></li>

<li><a href="images/sipiso.jpg" rel="shadowbox['1']" title="Air Terjun Sipiso-piso" ><img height="300" src="images/sipiso.jpg"/></a></li>


(73)

<li><a href="images/danau-toba1.jpg" rel="shadowbox['1']" title="Keindahan Danau Toba dari Tongging" ><img height="300" src="images/danau-toba1.jpg"/></a></li>

<li><a href="images/landscape.jpg" rel="shadowbox['1']" title="Pemandangan Danau Toba saat Sunsheet" ><img height="300"

src="images/landscape.jpg"/></a></li>

</ul>

</div>

</div>

<div class="tengah">

<div class="menutengah">

<div id="tema">

<p id="isitema">Pesta Danau Toba</p>

</div>

<p id="isitengah">

<?php


(74)

$pass="";

$db="pariwisata";

$koneksi=mysql_connect($host,$user,$pass);

mysql_select_db($db);

$query="select * from artikel where id_artikel='AG1'";

$record=mysql_query($query);

$a=mysql_fetch_array($record);

echo $a['isi'];

?>

</p>

</div>

<div class="menutengah1">

<div class="foto">

<div id="gambar">

<img height="100%"src="images/pesta2.jpg">

</div>


(75)

</div>

<div class="isi">

<div id="judul">

<p id="isidalam">

<?php

$host="localhost";

$user="root";

$pass="";

$db="pariwisata";

$koneksi=mysql_connect($host,$user,$pass);

mysql_select_db($db);

$query="select * from artikel where id_artikel='AG2'";

$record=mysql_query($query);


(76)

</p>

</div>

</div>

</div>

<div class="menutengah1">

<div class="foto1">

<div id="gambar">

<img height="100%"src="images/pesta3.jpg">

</div>

</div>

<div class="isi1">

<div id="judul1">

<p id="isidalam1">

<?php

$host="localhost";

$user="root";

$pass="";

$db="pariwisata";


(77)

$koneksi=mysql_connect($host,$user,$pass);

mysql_select_db($db);

$query="select * from artikel where id_artikel='AG3'";

$record=mysql_query($query);

$a=mysql_fetch_array($record);

echo $a['isi'];

?>

</p>

</div>

</div>

</div>

<div class="menutengah1">

<div class="foto">


(78)

</div>

</div>

<div class="isi">

<div id="judul">

<p id="isidalam">

<?php

$host="localhost";

$user="root";

$pass="";

$db="pariwisata";

$koneksi=mysql_connect($host,$user,$pass);

mysql_select_db($db);

$query="select * from artikel where id_artikel='AG4'";

$record=mysql_query($query);

$a=mysql_fetch_array($record);


(79)

?>

</p>

</div>

</div>

</div>

<div class="komentar">

<div id="comment">

<td colspan="3"><h3>Tinggalkan Komentar Anda : </h3></td>

<form name="submitcomment" method="post" action="submitcommentkl.php">

Nama:<br><input placeholder="Nama" type="text"><br>

name="nama" size=35

Email :<br><input name="email" size=35 placeholder="E-Mail" type="text"><br>

Website :<br><input name="website" size=35 placeholder="Website" type="text"><br>


(80)

type="hidden"><br>

<input

<input

name="art_url"

name="tombol"

value="kuliner.php"

value="Kirim" type="submit"></form></div>

<div id="publishcomment">

<?php include("publiscomment.php"); getcomment("1"); ?></div>

</div>

</div>

<div class="kanan">

<ul class="info">

<li>Informasi</a></li>

</ul>

<ul class="menukanan">

<li><a target="_blank">Kuliner</a></li>

<li><a target="_blank">Hotel</a></li>

href="kuliner.php"


(81)

<li><a href="transport.php" target="_blank">Transportasi</a></li>

</ul>

</div>

<div class="footer">

<p id="isif">Copright by Eighto M.P. Siregar || <a href="facebook.com">Facebook</a> || <a href="twitter.com">Twitter</a></p>

</div>

<div class="clear"></div>

</div>

</body>

</html>

3. Database Objek Wisata

<html>

<head>


(82)

<link rel="stylesheet" href="flexslider.css"/>

<link rel="stylesheet"

href="jquery/shadowbox/shadowbox.css"/>

<script src="jquery/shadowbox/shadowbox.js"></script>

<script src="jquery/jqueryflexider.min.js"></script>

<script src="jquery/jquery.flexslider.js"></script>

<script type="text/javascript" charset"utf-8">

$(window).load(function() {

$('.flexslider').flexslider({

animation: "slide"

});

Shadowbox.init();

});

</script>

</head>

<body>

<div class="wrapper">

<div class="header">


(1)

<div id="comment">

<td colspan="3"><h3>Tinggalkan Komentar Anda : </h3></td> <form name="submitcomment" method="post"

action="submitcommentkl.php">

Nama:<br><input name="nama" size=35 placeholder="Nama" type="text"><br>

Email :<br><input name="email" size=35 placeholder="E-Mail" type="text"><br>

Website :<br><input name="website" size=35 placeholder="Website" type="text"><br>

Komentar :<br><textarea name="komentar" rows="6" cols="50"></textarea><br>

<input name="art_id" value="1" type="hidden">

<input name="art_url" value="kuliner.php" type="hidden"><br> <input name="tombol" value="Kirim" type="submit"></form></div> <div id="publishcomment">

<?php include("publiscomment.php"); getcomment("1"); ?></div> </div>

</div>

<div class="kanan"> <ul class="info">

<li>Informasi</a></li> </ul>

<ul class="menukanan">

<li><a href="kuliner.php" target="_blank">Kuliner</a></li> <li><a href="hotel.php" target="_blank">Hotel</a></li> <li><a href="transport.php" target="_blank">Transportasi</a></li> </ul>

</div>

<div class="footer">

<p id="isif">Copright by Eighto M.P. Siregar || <a

href="facebook.com">Facebook</a> || <a href="twitter.com">Twitter</a></p> </div>

<div class="clear"></div> </div>

</body> </html>

---LISTING KONTAK.PHP <html>

<head>

<title>Pariwisata Samosir</title>

<link rel="stylesheet" type="text/css" href="style5.css"> <link rel="stylesheet" href="flexsliderft.css"/>

<link rel="stylesheet" href="jquery/shadowbox/shadowbox.css"/> <script src="jquery/shadowbox/shadowbox.js"></script>

<script src="jquery/jqueryflexider.min.js"></script> <script src="jquery/jquery.flexslider.js"></script> <script type="text/javascript" charset"utf-8">

$(window).load(function() { $('.flexslider').flexslider({ animation: "slide" });

Shadowbox.init(); });

</script> </head>


(2)

<body>

<div class="wrapper"> <div class="header"> <ul>

<li><a href="index.php" target="_blank">Beranda</a></li> <li><a href="#">Info</a>

<ul>

<li><a href="agenda.php" target="_blank">Agenda</a></li> </ul>

</li>

<li><a href="#">Obyek Wisata</a> <ul>

<li><a href="pangururan.php" target="_blank">Pangururan</a></li> <li><a href="sigale.php" target="_blank">Sigale-gale</a></li> <li><a href="sipiso.php" target="_blank">Sipiso-piso</a></li> <li><a href="tomok.php" target="_blank">Tomok</a></li> <li><a href="tuk.php" target="_blank">Tuk-Tuk</a></li> </ul>

</li>

<li><a href="#">Galery</a> <ul>

<li><a href="foto.php" target="_blank">Foto</a></li> </ul>

</li>

<li><a href="#" target="_blank">Kontak</a></li> </ul>

</div>

<div id="isitema"> <a>Kontak</a> </div>

<div class="tengah"> <div class="foto">

<div id="gambar">

<img width="100%" height="100%"src="images/eighto.jpg"> </div>

</div>

<div class="biodata"> <ul id="contact"> <li>Nama

<li>Tanggal Lahir <li>Tempat Lahir <li>Pendidikan

<li>Alamat <li>Phone Number <li>Email

<li>Facebook <li>Twitter

: Eighto M.P. Siregar</li><br> : 18 Maret 1992</li><br>

: Samosir</li><br> : D-III Teknik Informatika

Mipa, Univ. Sumatera Utara</li><br> : Jl. Dr. Mansur Komplek USU</li><br> : 083197613646</li><br>

: eigto@yahoo.com</li><br> : facebook.com/eighto</li><br>

: @eighto</li><br> </ul>

</div> </div>

<div class="kanan">

<ul class="info">

<li>Informasi</a></li> </ul>

<ul class="menukanan">

<li><a href="kuliner.php">Kuliner</a></li> <li><a href="hotel.php">Hotel</a></li>


(3)

<li><a href="transport.php">Transportasi</a></li> </ul>

</div>

<div class="footer">

<p id="isif">Copright by Eighto M.P. Siregar || <a

href="facebook.com">Facebook</a> || <a href="twitter.com">Twitter</a></p> </div>

<div class="clear"></div> </div>

</body> </html>

----LISTING GALERY.PHP

<html> <head>

<title>Pariwisata Samosir</title>

<link rel="stylesheet" type="text/css" href="style4.css"> <link rel="stylesheet" href="flexsliderft.css"/>

<link rel="stylesheet" href="jquery/shadowbox/shadowbox.css"/> <script src="jquery/shadowbox/shadowbox.js"></script>

<script src="jquery/jqueryflexider.min.js"></script> <script src="jquery/jquery.flexslider.js"></script> <script type="text/javascript" charset"utf-8">

$(window).load(function() { $('.flexslider').flexslider({ animation: "slide" });

Shadowbox.init(); });

</script> </head>

<body>

<div class="wrapper"> <div class="header"> <ul>

<li><a href="index.php" target="_blank">Beranda</a></li> <li><a href="#">Info</a>

<ul>

<li><a href="agenda.php" target="_blank">Agenda</a></li> </ul>

</li>

<li><a href="#">Obyek Wisata</a> <ul>

<li><a href="pangururan.php" target="_blank">Pangururan</a></li> <li><a href="sigale.php" target="_blank">Sigale-gale</a></li> <li><a href="sipiso.php" target="_blank">Sipiso-piso</a></li> <li><a href="tomok.php" target="_blank">Tomok</a></li> <li><a href="tuk.php" target="_blank">Tuk-Tuk</a></li> </ul>

</li>

<li><a href="#">Galery</a> <ul>

<li><a href="foto.php" target="_blank">Foto</a></li> </ul>

</li>

<li><a href="kontak.php" target="_blank">Kontak</a></li> </ul>


(4)

</div>

<div class="judul"> <div id="tema">

<p id="isitema"> <h1>Galery Foto Danau Toba Samosir-Sumatera Utara</h1></p> </div>

</div>

<div class="tengah"> <div class="flexslider"> <ul class="slides">

<li><a href="images/dono toba.jpg" rel="shadowbox['1']" title="Keindahan Danau Toba dari Atas Bukit" ><img height="300" src="images/dono toba.jpg"/></a></li>

<li><a href="images/tuktuk.jpg" rel="shadowbox['1']" title="Pemandangan Cottages di Tuktuk" ><img height="300" src="images/tuktuk.jpg"/></a></li>

<li><a href="images/tomok5.jpg" rel="shadowbox['1']" title="Pasar Tomok" ><img height="300" src="images/tomok5.jpg"/></a></li>

<li><a href="images/gale.jpg" rel="shadowbox['1']" title="Boneka Sigale-gale" ><img height="300" src="images/gale.jpg"/></a></li>

<li><a href="images/ambarita2.jpg" rel="shadowbox['1']" title="Kampung Ambarita" ><img height="300" src="images/ambarita2.jpg"/></a></li>

<li><a href="images/parbaba.jpg" rel="shadowbox['1']" title="Pantai Pasir Putih Parbaba" ><img height="300" src="images/parbaba.jpg"/></a></li>

<li><a href="images/sipiso.jpg" rel="shadowbox['1']" title="Air Terjun Sipiso-piso" ><img height="300" src="images/sipiso.jpg"/></a></li>

<li><a href="images/danau-toba1.jpg" rel="shadowbox['1']" title="Keindahan Danau Toba dari Tongging" ><img height="300" src="images/danau-toba1.jpg"/></a></li>

<li><a href="images/landscape.jpg" rel="shadowbox['1']" title="Pemandangan Danau Toba saat Sunsheet" ><img height="300" src="images/landscape.jpg"/></a></li>

<li><a href="images/ambarita2.jpg" rel="shadowbox['1']" title="Cluster Kursi Dewan" ><img height="300" src="images/ambarita2.jpg"/></a></li>

<li><a href="images/ambarita3.jpg" rel="shadowbox['1']" title="Rumah Adat yang Bejejer Rapi di Ambarita" ><img height="300" src="images/ambarita3.jpg"/></a></li>

<li><a href="images/ambarita4.jpg" rel="shadowbox['1']" title="Makam Kepala Suku di Ambarita" ><img height="300" src="images/ambarita4.jpg"/></a></li>

<li><a href="images/ambarita5.jpg" rel="shadowbox['1']" title="Ikon Desa Ambarita" ><img height="300" src="images/ambarita5.jpg"/></a></li>

<li><a href="images/ambarita6.jpg" rel="shadowbox['1']" title="Rumah Adat Ambarita" ><img height="300" src="images/ambarita6.jpg"/></a></li>

<li><a href="images/pangururan1.jpg" rel="shadowbox['1']" title="Salah Satu Penginapan di Desa Pangururan" ><img height="300"

src="images/pangururan1.jpg"/></a></li>

<li><a href="images/parbaba.jpg" rel="shadowbox['1']" title="Pantai Pasir Putih Parbaba di Pangururan" ><img height="300" src="images/parbaba.jpg"/></a></li>

<li><a href="images/parbaba1.jpg" rel="shadowbox['1']" title="Sunrise di Pantai Parbaba" ><img height="300" src="images/parbaba1.jpg"/></a></li>

<li><a href="images/parbaba2.jpg" rel="shadowbox['1']" title="Keindahan Pantai Parbaba" ><img height="300" src="images/parbaba2.jpg"/></a></li>

<li><a href="images/tomok.jpg" rel="shadowbox['1']" title="Pasar di Tomok" ><img height="300" src="images/tomok.jpg"/></a></li>

<li><a href="images/tomok3.jpg" rel="shadowbox['1']" title="Suasana di Desa Tomok" ><img height="300" src="images/tomok3.jpg"/></a></li>

<li><a href="images/tomok4.jpg" rel="shadowbox['1']" title="Rumah Warga di Tomok" ><img height="300" src="images/tomok4.jpg"/></a></li>

<li><a href="images/tomok6.jpg" rel="shadowbox['1']" title="Gereja HKBP Tomok" ><img height="300" src="images/tomok6.jpg"/></a></li>

<li><a href="images/tomok7.jpg" rel="shadowbox['1']" title="Kuburan Ketua Adat di Tomok" ><img height="300" src="images/tomok7.jpg"/></a></li>

</ul> </div> </div>


(5)

<div class="kanan">

<ul class="info">

<li>Informasi</a></li> </ul>

<ul class="menukanan">

<li><a href="kuliner.php">Kuliner</a></li> <li><a href="hotel.php">Hotel</a></li> <li><a href="transport.php">Transportasi</a></li> </ul>

</div>

<div class="komentar">

<div id="comment">

<td colspan="3"><h3>Tinggalkan Komentar Anda : </h3></td> <form name="submitcomment" method="post"

action="submitcommentda.php">

Nama:<br><input name="nama" size=35 placeholder="Nama" type="text"><br>

Email :<br><input name="email" size=35 placeholder="E-Mail" type="text"><br>

Website :<br><input name="website" size=35 placeholder="Website" type="text"><br>

Komentar :<br><textarea name="komentar" rows="6" cols="50"></textarea><br>

<input name="art_id" value="1" type="hidden">

<input name="art_url" value="ambarita.php" type="hidden"><br> <input name="tombol" value="Kirim" type="submit"></form></div> <div id="publishcomment">

<?php include("publiscomment.php"); getcomment("1"); ?></div> </div>

<div class="footer">

<p id="isif">Copright by Eighto M.P. Siregar || <a

href="facebook.com">Facebook</a> || <a href="twitter.com">Twitter</a></p> </div>

<div class="clear"></div> </div>

</body> </html>


(6)

DAFTAR PUSTAKA

Jogiyanto, H.M. 1988.

Pengenalan Komputer : Dasar Ilmu Komputer, Pemograman,

Sistem Informasi, dan Intelegensi Buatan.

Yogyakarta : Andi Yogyakarta.

Kadir, Abdul. 2003.

Pemograman Web.

Yogyakarta: Andi Yogyakarta.

Lenawati, Mei. 2006.

Macromedia Dreameaver 8 dengan PHP.

Yogyakarta

Syafii, M. 2005.

Membangun Aplikasi Berbasis PHP dan MySQL.

Yogyakarta: Andi

Wahana, Komputer. 2006.

Membuat Website Interaktif dengan Macromedia

Dreamweaver 8.

Yogyakarta: Andi.

http://www.freetemplate.com . Diakses tanggal 03 Februari 2012.