PENDAHULUAN LANDASAN TEORI DESKRIPSI SEKOLAH PERANCANGAN SISTEM IMPLEMENTASI SISTEM 41 PENDAHULUAN LANDASAN TEORI

DAFTAR ISI Halaman PERSETUJUAN ii PERNYATAAN iii PENGHARGAAN iv ABSTRAK v DAFTAR ISI vi DAFTAR TABEL viii DAFTAR GAMBAR ix

BAB 1 PENDAHULUAN

1 1.1 Latar Belakang 1 1.2 Identifikasi Masalah 3 1.3 Ruang Lingkup Masalah 4 1.4 Tujuan Penelitian 4 1.5 Metodologi Penelitian 5 1.6 Tinjauan Pustaka 6 1.7 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI

8 2.1 Pengertian Komputer 8 2.2 Pengertian Internet 9 2.3 Pengenalan HTML 10 2.3.1 Pendahuluan HTML 10 2.3.2 Bagian-bagian HTML 10 2.4 Pengenalan Apache 12 2.5 Pengenalan PHP 13 2.5.1 Sejarah PHP 13 2.5.2 Penggabungan Script PHP dan HTML 15 2.6 Pengenalan MySQL 17 2.7 CSS Cascading Style Sheet 18 2.8 Pengenalan Macromedia Dreamweaver 8 19 2.8.1 Memulai Dreamweaver 8 20 2.8.2 Area Kerja Dreamweaver 8 20 2.8.3 Menu Bar Area Kerja Dreamweaver 8 22

BAB 3 DESKRIPSI SEKOLAH

24 3.1 Sekilas Tentang Sekolah 24 3.2 Struktur Organisasi 25 3.3 Uraian Tugas dan Tanggung Jawab 27

BAB 4 PERANCANGAN SISTEM

28 4.1 Perencanaan dan Perancangan 28 4.2 Gambaran Umum Pembuatan Program 29 Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009 4.3 Membangun Halaman Situs 30 4.4 Flowchart Situs 32 4.5 Mempersiapkan Database Server 34 4.6 Desain Situs 38 4.7 Proses Upload File 38 4.8 Metode Pengembangan Sistem 39

BAB 5 IMPLEMENTASI SISTEM 41

5.1 Pengertian Implementasi Sistem 41 5.2 Tujuan Implementasi Sistem 41 5.3 Komponen Dalam Implementasi Sistem 42 5.4 Installasi Apache, PHP, dan MySQL 44 5.4.1 Installasi Apache 2.0.48 44 5.4.2 Installasi PHP 5.1.1 46 5.4.3 Installasi MySQL 47 5.4.4 Installasi phpmyadmin 48

BAB 6 KESIMPULAN DAN SARAN

49 6.1 Kesimpulan 49 6.2 Saran 50 DAFTAR PUSTAKA 51 LAMPIRAN A: Tampilan Halaman Situs LAMPIRAN B: Listing Program LAMPIRAN C: Surat-Surat Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009 DAFTAR TABEL Halaman Tabel 4.1 Tabel Profil 35 Tabel 4.2 Tabel Organisasi 36 Tabel 4.3 Tabel Guru 36 Tabel 4.4 Tabel Siswa 37 Tabel 4.5 Tabel Admin 37 Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009 DAFTAR GAMBAR Halaman Gambar 3.1 Struktur Organisasi SMA Negeri 1 Batangkuis 26 Gambar 4.1 Rancangan Halaman Web yang dibangun 30 Gambar 4.2 Alur Flowchart Menu Utama 33 Gambar 4.3 Alur Flowchart Adiministrator 34 Gambar 4.4 Desain Area Header 38 Gambar 5.1 Apache 2.0.48 44 Gambar 5.2 Apache telah berhasil 45 Gambar 5.3 PHP 5.1.1 46 Gambar 5.4 PHP telah berhasil 46 Gambar 5.5 MySQL 5.0.22 47 Gambar 5.6 PHP telah berhasil 48 Gambar 5.7 phpmyadmin telah berhasil 48 Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009 BAB 1 PENDAHULUAN

1.1 Latar Belakang

Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat meningkatkan keefisienan dan efektifitas dalam melakukan setiap pekerjaan. Komputer bukan hanya sekedar pengolah data dan gambar saja tetapi penggunaannya semakin meluas menjadi salah satu sarana komunikasi, media informasi, dan edukasi. Internet dengan berbagai aplikasinya pada dasarnya adalah media yang digunakan untuk mengefisienkan proses komunikasi. Salah satu aplikasinya yaitu World Wide Web WWW. Di awal perkembangannya World Wide Web hanya digunakan untuk kalangan akademisi dan riset, namun sekarang World Wide Web digunakan untuk bisnis dan hiburan. PHP Hypertext Preprocessor merupakan bahasa server side script yaitu bahasa berbentuk script yang terletak dan dieksekusi di server untuk kemudian hasilnya berupa kode HTML dikembalikan ke browser userpengguna. Misalnya dapat mengakses database dan menampilkannya di halaman web dengan cepat dan mudah. PHP juga dapat berinteraksi dengan hampir semua teknologi web yang telah Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009 ada dan sifatnya yang open source bebas pakai memberikan kesempatan buat semua user dan programmer untuk menggunakan dan mengembangkannya. Perkembangan aplikasi web yang semakin pesat sejak munculnya teknologi internet sangat membantu dalam kemudahan serta kecepatan pengiriman, penyampaian, dan penerimaan informasi. Mulai dari perusahaan-perusahaan, sekolah- sekolah, perguruan tinggi, dan lembaga atau organisasi lainnya yang telah banyak memanfaatkan aplikasi web dalam kegiatan penjualan, promosi, belajar, dan kegiatan lainnya dimana dibutuhkan pengiriman, penyebaran, dan penerimaan informasi sehingga memberikan kemudahan bagi pengguna user yang membutuhkan. Informasi yang diperoleh dari internet pun bermacam-macam tergantung dari informasi yang dibutuhkan user pengguna. Salah satu informasi yang dapat kita peroleh banyaknya situs-situs pendidikan mulai dari tingkat atas SMA sampai dengan tingkat kampus-akademik. Oleh karena itu, dengan berkembangnya kemajuan teknologi ini, SMA Negeri 1 Batangkuis perlu mempromosikan dirinya melalui sebuah website yang on-line di internet. Dengan sebuah website yang on-line di internet, masyarakat dapat dengan mudah mengakses dan mengetahui segala sesuatu mengenai SMA Negeri 1 Batangkuis dengan cepat tanpa memerlukan waktu yang banyak. Dengan melihat kondisi ini, penulis tertarik untuk mengangkat masalah ini sebagai tugas akhir guna melengkapi salah satu syarat dalam menyelesaikan program studi D3 Ilmu Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam di Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009 Universitas Sumatera Utara. Penulis mencoba merancang sebuah website pada SMA Negeri 1 Batangkuis sebagai tugas akhir. Atas pertimbangan tersebut dan pribadi penulis yang ingin menerapkan pengetahuan yang telah diperoleh maka penulis memutuskan untuk membuat suatu situs pendidikan sekolah dengan judul: “ MEMBANGUN APLIKASI WEB YANG DINAMIS DENGAN MACROMEDIA DREAMWEAVER 8 PADA SMA NEGERI 1 BATANGKUIS”.

1.2 Identifikasi Masalah

Masalah yang akan dipecahkan adalah bagaimana SMA Negeri 1 Batangkuis dapat memanfaatkan aplikasi web sebagai suatu sarana untuk menyajikan dan mengirimkan informasi dengan lebih cepat dan mudah bagi masyarakat umum khususnya pada kalangan siswa-siswi, guru-guru, dan pegawai itu sendiri. Sehubungan dengan hal tersebut maka penulis mencoba mengidentifikasikan masalah sebagai berikut: 1. Sejauh mana website ini dapat dirancang dengan semenarik mungkin sehingga dapat memenuhi keingintahuan masyarakat mengenai SMA Negeri 1 Batangkuis. 2. Informasi apa saja yang disediakan dalam web SMA Negeri 1 Batangkuis sehingga oleh pengunjung dapat dirasakan manfaatnya. Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009

1.3 Ruang Lingkup Masalah

Adapun batasan dari tugas akhir ini adalah membahas pembuatan aplikasi web dinamis SMA Negeri 1 Batangkuis dengan menampilkan halaman-halaman web baik bersifat statis maupun dinamis sebagai suatu website yang memberikan informasi bagi mengenai SMA Negeri 1 Batangkuis baik untuk kalangan masyarakat umum maupun dari kalangan siswa-siswi, guru-guru, dan pegawai itu sendiri yang membutuhkan informasi. Pihak administrator web sangat berperan penting dalam membuat, menambah, maupun mengubah data yang ditampilkan pada web. Aplikasi web ini dibangun di bawah sistem operasi Windows XP dengan menggunakan aplikasi web server Apache 2.0.48, PHP 5.1.1 dan MySQL 5.0.22 serta menggunakan bantuan Macromedia Dreamweaver 8 dan Adobe Photoshop CS sebagai editor perancangan layout dan pembangunan web.

1.4 Tujuan Penelitian

Adapun tujuan diadakannya penelitian ini adalah: 1. Mendapatkan datainformasi yang dimiliki sekolah, agar penulis dapat mengolahnya menjadi suatu informasi. 2. Merancang suatu aplikasi web yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah. Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009 3. Memberikan kemudahan bagi sekolah khususnya para siswa untuk memperoleh informasi yang dibutuhkannya.

1.5 Metodologi Penelitian

Adapun metodologi penelitian yang digunakan penulis dalam mengumpulkan data adalah: 1. Penelitian Kepustakaan Library Research Disini penulis menggunakan buku-buku yang berhubungan dengan masalah sehingga dapat membantu penyelesaian masalah dalam perancangan situs yang benar, serta dalam mendukung tugas akhir ini untuk menyususn landasan teoritis. 2. Penelitian Lapangan Field Research Penelitian dilakukan langsung ke Sekolah Menengah Atas SMA untuk mendapatkan data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada guru-guru dan pegawai pada sekolah tersebut. 3. Studi Literature Mempelajari site-site yang berhubungan dengan tugas akhir mahasiswa seperti situs- situs sekolah, serta mempelajari bahasa-bahasa pemrograman web dengan mengunjungi situs-situs yang menyediakan tutorial pemrograman web seperti www.ilmukomputer.com dan lain-lain. Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009

1.6 Tinjauan Pustaka

Dalam pembuatan tugas akhir ini, penulis menggunakan 3 buku pokok yang menjadi acuan dalam pembuatan tugas akhir ini, yaitu: 1. Analisis dan Desain, Jogiyanto, HM., MBA., Akt., Ph.D., 2005, penerbit Andi, Yogyakarta, yang mana buku ini sebagai penuntut dalam pembuatan perancangan sistem. 2. Menguasai Pemrograman Web dengan PHP 5, diterbitkan atas kerjasama antara Wahana Komputer dan Penerbit ANDI, 2006, penerbit Andi, Yogyakarta, yang mana buku ini menjadi acuan dalam pembuatan program dan website. 3. Merancang Sendiri Halaman Website menggunakan Macromedia Dreamweaver 8, 2007, A. Taufiq Hidayatullah, penerbit INDAH Surabaya, Surabaya, yang mana buku ini menjadi acuan dalam pembuatan tampilan desain layout website. 4. Selain ketiga buku diatas, penulis juga menggunakan beberapa buku pendukung lainnya yang menjadi referensi dalam pembuatan tugas akhir ini.

1.7 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 6 enam bab dan beberapa lampiran, yang mana setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah: Rahma Afriyanti : Membangun Aplikasi Web yang Dinamis Dengan Macromedia DreamWeaver 8 Pada SMA Negeri 1 Batangkuis, 2008. USU Repository © 2009

BAB 1 : PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang latar belakang, identifikasi masalah, ruang lingkup masalah, tujuan penelitian, metodologi penelitian, tinjauan pustaka, dan sistematika penulisan.

BAB 2 : LANDASAN TEORI

Di dalam bab ini diuraikan sekilas tentang pengertian komputer, pengenalan internet, pengenalan HTML, pengenalan Apache, Pengenalan PHP dan MySQL, dan Macromedia Dreamweaver 8.

BAB 3 : DESKRIPSI SEKOLAH