Perancangan Web pada SMK Negeri 9 Medan

PERANCANGAN WEB PADA SMK NEGERI 9 MEDAN

TUGAS AKHIR

IMAM FAKHRI JUNDI 112406111

PROGRAM STUDI D-III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2014

PERANCANGAN WEB PADA SMK NEGERI 9 MEDAN

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya

IMAM FAKHRI JUNDI 112406111

PROGRAM STUDI D-III TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2014

LEMBAR PERSETUJUAN

Judul : PERANCANGANWEB PADA SMK NEGERI 9

MEDAN

Kategori : TUGAS AKHIR

Nama : IMAM FAKHRI JUNDI

Nomor Induk Mahasiswa : 112406154

Program Studi : DIPLOMA III TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU

PENGETAHUANALAM

UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juli 2014

Diketahui / Disetujui oleh

Program Studi D-3 Teknik Informatika FMIPA USU

Ketua, Pembimbing

Drs. Elly Rosmaini, M. Si

NIP. 196005201985032002 NIP. 19530303 198303 1 002

Drs. Henry Rani S, M.Si

PERNYATAAN

PERANCANGAN WEB PADA SMK NEGERI 9 MEDAN

TUGAS AKHIR

Saya mengakui bahwwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, Juni 2014

Imam Fakhri Jundi 112406154

PENGHARGAAN

Dengan mengucapkan “ Alhamdulillah “ dan memanjatkan puji dan syukur atas kehadirat Allah SWT, yang telah melimpahkan karunia-Nya dalam mengerjakan tugas akhir ini. Karena berkat rahmat dan ridho-Nya pula penulis dapat menyelesaikan Tugas Akhir ini. Penyusunan danpenulisan Tugas Akhir ini dibuat untuk memenuhi syarat kelulusan bagi setiapMahasiswa Jurusan Teknik Informatika Program Studi D3 di FMIPA USU Medan.

Adapun judul dari Tugas Akhir ini adalah“PERANCANGAN WEBSITE PADA SMK NEGERI 9 MEDAN”.

Penulis sepenuhnya menyadari bahwa penyelesaian Tugas Akhir ini tidak akanterwujud tanpa adanya dukungan dan bantuan semua pihak. Penulis mengucapkanterima kasih dan penghargan yang setinggi-tingginya kepada:

1. Bapak Drs. Henry Rani S, M.Si selaku Dosen Pembimbing Tugas Akhir yang telahmemberikan bimbingan dan arahan selama ini kepada penulis dalam menyelesaikan tugas akhir.

2. Bapak Drs. Sutarman, M.Si, selaku Dekan Fakultas Matematika danIlmu Pengetahuan Alam Universitas Sumatera Utara.

3. Ibu Dra. Elly Rosmaini, M.Si selaku Ketua Pelaksanaan Program Studi D3 Teknik Informatika FMIPA USU.

4. Seluruh Dosen pengajar Program Studi D3 Teknik Informatika Fakultas Matematika dan Ilm Pengetahuan Alam Universitas Sumatera Utara yang telah memberikan ilmu yang bermanfaat kepadapenulis selama masa perkuliahan. 5. Kepala Sekolah, Guru dan Pegawai SMK Negeri 9 Medan yang telah

membantu memberikan informasi yang dibutuhkan kepada Penulis

6. Serta rekan-rekan seangkatan D3 Teknik Informatika Stambuk 2011 yang tidak dapat penulis sebutkan namanya satu persatu.

Penulis menyadari bahwa dalam penyusunan Tugas Akhir ini masih banyakkekurangan karena keterbatasan kemampuan yang penulis miliki, untuk itu penulis mengharapkan kritik dan saran yang membangun.

Akhir kata penulis memohon maaf atas segala kekurangan yang ada dalampenulisan Tugas Akhir ini.

Medan, Juni 2014 Penulis,

IMAM FAKHRI JUNDI 112406154

ABSTRAK

Website SMK Negeri 9 MEDAN bertujuan sebagai jembatan antara pihak sekolah dengan masyarakat umum. Sistem informasi ini dikembangkan menggunakan Macromedia Dreamweaver sebagai PHP Editor, Apache sebagai web server dan MySQL sebagai database. Metodologi pengembangan sistem adalah berdasarkan algoritma pemrogramannya. Sistem ini meliputi input data yang berkaitan dengan pegawai,murid kemudian sistem login untuk administrator. Objektif utama sistem informasi ini adalah untuk mempermudah publikasi data sekolah serta informasi agar kinerja penyebaran informasi dapat lebih mudah dan cepat.

DAFTAR ISI

Halaman

Persetujuan ii

Pernyataan iii

Penghargaan iv

Abstrak vi

Daftar Isi vii

Daftar Tabel ix

Daftar Gambar x

BAB 1 PENDAHULUAN 1

1.1 Latar Belakang 1

1.2 Rumusan Masalah 3

1.3 Batasan Masalah 4

1.4 Tujuan dan Manfaat 4

1.5 Metode Penelitian 5

1.6 Sistematika Penulisan 6

BAB 2 LANDASAN TEORI 8

2.1 Sistem Informasi 8

2.1.1 Pengertian Sistem 8

2.1.2 Pengertian Informasi 8

2.1.3 Pengertian Sistem informasi 9

2.1.4 Data 9

2.2 Pengertian Komputer 10

2.3Pengertian Internet 10

2.4 Pengertian Website 11

2.5PHP (Personal Home Page) 12

2.5.1 Sejarah PHP 13

2.5.2 Konsep dasar PHP 14

2.6 MySQL 16

2.7 Fungsi PHP dan MySQL 17

2.8HTML (Hypertext Markup Language) 18

2.9 CSS (Cascading Style Sheet) 21

2.10 Pengenalan Adobe Dreamweaver CS6 21

BAB 3 PERANCANGAN SISTEM 22

3.1 Profil Sekolah 22

3.2 Visi dan Misi 23

3.3Struktur Organisasi 23

BAB 4 IMPLEMENTASI SISTEM 25

4.1Perancangan Sistem 25

4.2Data Flow Diagram 26

4.3Perancangan Basis Data 27

4.4 Flowchart 29

4.5Perancangan Antar Muka (Interface) 41

BAB 5 IMPLEMENTASI SISTEM 42

5.1 Pengertian Implementasi Sistem 42

5.2 Tujuan Implementasi Sistem 43

5.3Komponen Sistem 43

5.4 Akhir Website 45

5.4.1 Halaman Beranda 45

5.4.2 Halaman Profil 46

5.4.3 Halaman Warga Sekolah 48

5.4.4 Halaman Pendaftaran Online 49

5.4.5 Halaman Galeri Foto 50

5.4.6 Halaman Kritik dan Saran 51

5.4.7Halaman Portal 51

5.4.8 Halaman Admin 52

BAB 6 KESIMPULAN DAN SARAN 53

6.1 Kesimpulan 53

6.2 Saran 54

Daftar Pustaka 55

Lampiran

DAFTAR TABEL

Nomor Tabel Judul Halaman

4.1 Simbol-simbol DFD 26

4.2 Buku Tamu 28

4.3 Pendaftaran Online 28

4.4 Guru 29

4.5 Sarana 29

4.6 Prasarana 29

DAFTAR GAMBAR

Nomor Gambar Judul Halaman

1 Struktur Organisasi SMK Negeri 9 Medan 24

2 Diagram Konteks Website SMK Negeri 9 27

3 Flowchart Halaman Utama 31

4 Flowchart Menu Profil 32

5 Flowchart Menu Pendaftaran 33

6 Flowchart Menu Galeri 34

7 Flowchart Menu Buku Tamu 35

8 Flowchart Menu Admin 36

9 Flowchart Menu Guru 37

10 Flowchart Menu Sarana 38

11 Flowchart Laporan Sarana 39

12 Flowchart Menu Pendaftar 40

13 Halaman Beranda 49

14 Halaman Profil 50

15 Halaman Visi dan Misi 46

16 Halaman Struktur Organisasi 46

17 Halaman Warga Sekolah 48

18 Halaman Pendaftaran Online 49

19 Halaman Pendaftar yg Lulus 49

20 Halaman Galeri 50

21 Halaman Kritik dan Saran 51

22 Halaman Login Admin 51

23 Halaman Utama Admin 52

ABSTRAK

Website SMK Negeri 9 MEDAN bertujuan sebagai jembatan antara pihak sekolah dengan masyarakat umum. Sistem informasi ini dikembangkan menggunakan Macromedia Dreamweaver sebagai PHP Editor, Apache sebagai web server dan MySQL sebagai database. Metodologi pengembangan sistem adalah berdasarkan algoritma pemrogramannya. Sistem ini meliputi input data yang berkaitan dengan pegawai,murid kemudian sistem login untuk administrator. Objektif utama sistem informasi ini adalah untuk mempermudah publikasi data sekolah serta informasi agar kinerja penyebaran informasi dapat lebih mudah dan cepat.

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Saat ini adalah zamannya internet dimana batasan waktu dan jarak tidak berarti lagi bagi media yang satu ini. Penulis dapat berkomunikasi dengan siapa saja dan dimana saja di seluruh dunia ini dengan menggunakan fasilitas e-mail maupun dengan cara chatting. Mungkin pada saat ini hampir setiap orang sudah memiliki e-mail untuk dapat bergabung di internet. Namun, bagaimana dengan yang memiliki website pribadi? Apalagi website yang merupakan hasil karya sendiri, mungkin tidak semua orang memilikinya. Padahal dengan memiliki website penulis dapat mengenalkan diri penulis pada semua orang yang ada di seluruh dunia, baik mengenai diri penulis, perusahaan penulis atau segala sesuatu yang ingin penulis sampaikan. Tidak mustahil juga penulis dapat memperoleh uang dengan memiliki website pribadi, asalkan penulis dapat mengelolanya dengan baik.

Pengembangan jaringan komunikasi data antar komputer menjadikan internet muncul dengan berbagai macam aplikasi. internet dengan berbagai aplikasinya pada dasarnya adalah media yang digunakan untuk mengefesienkan proses komunikasi. Untuk dapat memaksimalkan penggunaan internet, harus dapat penulis tentukan dan artikan tentang kebutuhan komunikasi dari seseorang.

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. Oleh karena itu, dengan berkembangnya kemajuan teknologi ini, SMK Negeri 9 Medan perlu mempromosikan dirinya melalui sebuah website yang online di internet. Dengan sebuah website yang online di internet, masyarakat dapat dengan mudah mengakses dan mengetahui segala sesuatu mengenai SMK Negeri 9 Medan dengan cepat. Peranan website ini juga tidak terlepas dari penggunaan peralatan yang mampu mengatasi kelemahan-kelemahan yang mengandalkan tenaga manusia.

Informasi tentang sekolah yang dapat di akses oleh semua orang melalui internet memberikan ide buat penulis untuk membuat suatu website sekolah yang bisa memberikan informasi bagi para pengunjungnya. Atas dasar pertimbangan itu, maka penulis tertarik membuat suatu website pendidikan (sekolah) dengan judul “PERANCANGAN WEB PADA SMK NEGERI 9 MEDAN ”.

Penulis berharap semoga penulisan tugas akhir ini dapat memberikan kemudahan bagi seluruh masyarakat terutama siswa-siswi SMK Negeri 9 Medan melalui sebuah website yang online di internet dan umumnya bagi siapa saja yang ingin tahu mengenai SMK Negeri 9 Medan.

1.2 Rumusan Masalah

Kegiatan penelitian penulis lakukan di SMK Negeri 9 Medan yang berada di Jl. Patriot No. 20A Medan. Mengingat jumlah siswa-siswi, staf pengajar dan pegawai dan keingintahuan masyarakat yang tinggi, maka penulis mencoba mengidentifikasi permasalahan :

1. Memudahkan para siswa dan calon siswa untuk mendapatkan informasi tentang SMK Negeri 9 Medan.

2. Memudahkan pihak sekolah untuk memberikan informasi kepada siswa khususnya dan masyarakat pada umumnya.

3. Memudahkan calon siswa untuk mendaftar secara online untuk menghemat waktu dan biaya yang dikeluarkan ketika pendaftaran secara manual.

1.3 Batasan Masalah

Adapun batasan dari tugas akhir ini adalah membahas pembuatan desain web dinamis sebagai suatu website yang memberikan informasi dan pendaftaran secara online bagi pengguna baik kalangan masyarakat umum maupun dari pihak sekolah itu sendiri yang membutuhkan informasi tentang SMK Negeri 9 Medan.

Aplikasi web ini dibangun dibawah sistem operasi Windows 8 yang mencakup aplikasi Adobe Dreamweaver CC, Web Server Apache, Web Scripting PHP dan MySQL. Selain itu. aplikasi web ini juga didukung bahasa pemrograman web lainnya seperti HTML (Hypertext Markup Language), CSS (Cascading Style Sheet), dan bahasa pemrograman web lainnya.

1.4 Tujuan dan Manfaat

Dengan semakin berkembangnya perangkat komputer baik hardware maupun software membuat seluruh aspek kehidupan menuntut suatu manajemen yang baikdalam meningkatkan efisiensi dan efektivitas kerja. Salah satu cara penerapannya adalah dengan membuat website SMK Negeri 9 Medan. Adapun maksud dan tujuan dari penelitian ini adalah :

1. Mempromosikan dan mengenalkan SMK Negeri 9 Medan.

2. Membantu masyarakat dengan kemudahan mendaftarkan anaknya di SMK Negeri 9 Medan.

1.5 Metode 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 menyusun landasan teoritis.

2. Penelitian Lapangan (Field Research)

Penelitian dilakukan langsung ke SMK Negeri 9 Medan untuk mendapatkan data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada kepala sekolah, guru-guru dan pegawai pada sekolah tersebut.

3. Studi Literatur

Mempelajari website yang berhubungan dengan tugas akhir mahasiswa seperti website sekolah, serta mempelajari bahasa-bahasa pemrograman web dengan mengunjungi website-website yang menyediakan tutorial

mengenai pemrograman web.

1.6 Sistematika Penulisan

Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran. Adapun setiap bab terdiri dari sub-sub bab. Adapun sistematika penulisan tugas akhir ini adalah :

BAB 1 : PENDAHULUAN

Pada bab ini diuraikan secara ringkas pembahasan tentang Latar Belakang, Identifikasi Masalah, Ruang Lingkup Masalah, Maksud dan Tujuan, Metode Penelitian, dan Sistematika Penulisan.

BAB 2 : LANDASAN TEORI

Di dalam bab ini diuraikan sekilas tentang Pengertian Web Dinamis, Pengenalan Internet, Teknologi Internet, Pengenalan HTML, PHP, MySQL, CSS, dan DHTML, serta Adobe Dreamweaver CC.

BAB 3 : GAMBARAN SEKILAS SMK NEGERI 9MEDAN

Bab ini berisikan tentang profil SMK Negeri 9Medan, struktur organisasi SMK Negeri 9Medan, uraian tugas dan

fungsi organisasi, serta visi dan misi SMK Negeri 9Medan

BAB 4 : PERANCANGAN SISTEM

Bab ini berisikan pembahasan mengenai sistem yang dirancang, dan penggunaan Adobe Dreamweaver CC sebagai editor perancangan website.

BAB 5 : IMPLEMENTASI SISTEM

Pada bab ini berisikan Pengertian Implementasi Sistem, tujuan Implementasi Sistem, Spesifikasi Sistem, dan Instalasi Apache, PHP, dan MySQL.

BAB 6 : KESIMPULAN DAN SARAN

Di bab ini diuraikan kesimpulan dan saran dari hasil penelitian yang penulis peroleh.

BAB 2

LANDASAN TEORITIS

2.1 Sistem Informasi

2.1.1 Pengertian Sistem

Sistem berasal dari bahasa latin ( systema ) dan bahasa yunani ( sustema ) adalah suatu kesatuan yang terdiri dari komponen atau elemen yang dihubungkan bersama untuk memudahkan aliran informasi, materi, atau energi. Sistem juga merupakan kesatuan bagian-bagian yang saling berhubungan yang berada dalam suatu wilayah serta memiliki item-item penggera).

2.1.2 Pengertian Informasi

Informasi adalah hasil dari suatu pengolahan data, maksudnya adalah sesuatu yang diperoleh setelah adanya pemrosesan data dan penyusunan data-data kedalam bentuk yang sedemikian rupa sehingga memiliki makna untuk dapat digunakan dalam pengambilan keputusan. (http://www.scribd.com)

2.1.3 Pengertian Sistem informasi

Sistem informasi merupakan suatu sistem yang menerima masukan data dan instruksi, mengolah data tersebut sesuai dengan instruksi dan mengeluarkan hasilnya. Gordon B. Davis (1991: 91)

Sistem informasi merupakan sarana alternatif untuk membantu memberikan informasi bagi suatu lembaga/perusahaan ataupun perorangan. Salah satunya adalah website, merupakan sarana promosi yang memberikan kemudahan bagi siapa saja yang ingin mengaksesnya kapanpun dan dimanapun.

2.1.4 Data

Data berasal dari bahasa Latin yaitu datum yang berarti fakta, kenyataan, kejadian atau peristiwa. Jadi data atau fakta adalah kenyataan dari sesuatu kejadian atau peristiwa. Data dapat didefinisikan yaitu kumpulan fakta-fakta yang berupa fisik dan bukan fisik, kejadian-kejadian dan prosedur yang belum diolah manusia atau peralatan yang digunakan oleh manusia.

Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam proses penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data

merupakan keterangan yang masih mentah (belum diolah). Agar dapat dipergunakan, maka data tersebut harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan keperluan yang dibutuhkan. Kenneth C. Laudon dan Jane P. Laudon (2008).

2.2 Pengertian Komputer

Istilah komputer (computer) diambil dari bahasa Latin computare yang berarti menghitung (to compute). Dengan demikian komputer dapat diartikan sebagai alat hitung. Komputer bukan sekedar mesin hitung tetapi komputer mempunyai kemampuan yang dapat membantu manusia dalam menyelesaikan pekerjaan. Komputer dapat melakukan berbagai macam pekerjaan sesuai dengan program yang diberikan. Program adalah sekumpulan instruksi atau perintah terperinci yang sudah dipersiapkan agar komputer dapat melakukan fungsinya dengan cara yang sudah ditentukan. Komputer adalah alat elektronik yang mampu melakukan beberapa pekerjaan diantaranya:

a. Menerima masukan data

b. Memproses masukan sesuai dengan programnya.

c. Menyimpan perintah-perintah dan hasil dari pengolahan. d. Menyediakan keluaran dalam bentuk informasi

2.3Pengertian Internet

Internet (Interconnected Network) merupakan jaringan komputer yang terdiri dari ribuan jaringan komputer independen yang dihubungkan antara satu dengan yang lainnya. Secara etimologis, internet berasal dari bahasa Inggris yakni Inter yang berarti antar dan Net yang berarti jaringan sehingga Internet dapat diartikan hubungan antar jaringan. MADCOMS (2008).

2.4 Pengertian Website

Website atau situs juga dapat diartikan sebagai 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 jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap, jarang berubah, dan isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua arah berasal dari pemilik serta pengguna website. Contoh website statis adalah berisi profil perusahaan, sedangkan website dinamis adalah seperti Friendster, Multiply, dll. Dalam sisi pengembangannya, website statis hanya bisa diupdate oleh pemiliknya saja, sedangkan website dinamis bisa diupdate oleh pengguna maupun

Untuk menyediakan sebuah website, maka kita harus menyediakan unsur- unsur penunjangnya, seperti halnya Nama Domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.

Contoh: Nama domain diperjual belikan secara bebas

di internet dengan status sewa tahunan.

Nama Domain itu terbeli di salah satu penyedia jasa pendaftaran, maka pengguna disediakan sebuah kontrol panel untuk administrasinya. Jika pengguna lupa/tidak memperpanjang masa sewanya, maka nama domain itu akan di lepas lagi ketersediaannya untuk umum. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah:

1. .co.id : Untuk Badan Usaha yang mempunyai badan hukum sah 2. .ac.id : Untuk Lembaga Pendidikan

3. .go.id : Khusus untuk Lembaga Pemerintahan Republik Indonesia 4. .mil.id : Khusus untuk Lembaga Militer Republik Indonesia

5. .or.id : Untuk segala macam organisasi yang tidak termasuk dalam kategori “ac.id”,”co.id”,”go.id”,”mil.id” dan lain-lain.

7. .sch.id : khusus untuk Lembaga Pendidikan yang menyelenggarakan pendidikan seperti SD, SMP dan atau SMU.

2.5 PHP (Personal Home Page)

PHP adalah singkatan dari Personal Home Page yang merupakan bahasa standar yang digunakan dalam dunia website. PHP adalah bahasa pemrograman yang berbentuk script yang diletakkan didalam web server. Ada beberapa pengertian tentang PHP, akan tetapi PHP dapat diartikan sebagai Hypertext Preeprocessor. Ini merupakan bahasa yang hanya dapat berjalan pada server yang hasilnya dapat ditampilkan pada klien. Interpreter PHP dalam mengeksekusi kode PHP pada sisi server disebut serverside, berbeda dengan mesin maya Java yang mengeksekusi program pada sisi klien (client-server). Kasiman Peranginangin, (2009)

2.5.1 Sejarah PHP

PHP pertama kali diciptakan oleh Rasmus Lerdorf pada tahun 1994. Awalnya, PHP digunakan untuk mencatat jumlah serta untuk mengetahui siapa saja pengunjung pada homepage-nya. Rasmus lerdorf adalah seorang pendukung open source. Oleh karena itu, ia mengeluarkan Personal Home Page Tools versi 1.0 secara gratis, kemudian menambah kemampuan PHP 1.0 dan meluncurkan PHP 2.0.

Pada tahun 1996, PHP telah banyak digunakan dalam website didunia. Sebuah kelompok pengembang software yang terdiri dari Rasmus, Zeew Zuraski, Andi Gutman, Stig Bakken, Shane Caraveo dan Jim Winstead bekerjasama untuk menyempurnakan PHP 2.0. Akhirnya, pada tahun 1998, PHP 3.0 diluncurkan. Penyempurnaan terus dilakukan sehingga pada tahun 2000 diluncurkan PHP 4.0. Tidak berhenti sampai disitu, kemampuan PHP terus ditambah dan versi terbaru yang dikeluarkan adalah PHP 5.0.x. Kasiman Peranginangin, 2009

2.5.2 Konsep dasar PHP

Kode PHP diawali dengan tanda lebih kecil (<) dan diakhiri dengan tanda lebih besar (>). Ada beberapa cara untuk menuliskan skrip PHP yaitu:

1. <? …..skrip PHP ?>

2. <?php …..skrip PHP ?>

3. <script language=”PHP”> …..skrip PHP

4. <% …..skrip PHP %>

Pemisah antar instruksi adalah tanda titik koma (;) dan untuk membuat atau menambahkan komentar/standar penulisan adalah: /* komentar */, // komentar, # komentar. Untuk menuliskan skrip PHP ada dua cara yang sering digunakan yaitu Embedded Script dan Non-Embedded Script.

a. Embedded Script adalah script PHP yang disisipkan diantara tag dokumen html. Contoh penulisan dari Embedded Script:

<html>

<head><title>Embedded Script</title></head> <body>

<?pho

echo “Hallo, selamat menggunakan PHP”; ?>

</body> </html>

b. Non-Embedded Script adalah skrip PHP murni, tag html yang digunakan untuk membuat dokumen merupakan bagian dari skrip PHP. Contoh penulisan dari Non-Embedded Script :

<?php

echo “<html>”: echo “<head>”:

echo “<title>Mengenal PHP</title>”: echo “</head>”:

echo “<body>”:

echo “<p>PHP itu mudah</p>”: echo “</body>”:

echo “<html>”: ?>

Script yang dibuat dengan PHP disimpan dengan nama file dan diikuti dengan ekstensi *.php, misalnya : coba.php. Bila skrip PHP diakses melalui komputer local maka file PHP disimpan di folder htdocs di web server. Sama halnya dengan penaman dokumen html, pemberian nama dokumen yang sama tetapi dituliskan dengan case yang berbeda akan dianggap sebagai dokumen yang berbeda. Skrip dapat disisipkan di bagian manapun dalam dokumen html, begitu pula sebaiknya skrip HTML dapat diletakkan di antara skrip PHP. Kasiman Peranginangin, 2009.

2.6MySQL

MySQL merupakan software sistem manajemen database (Database Management System – DBMS) yang sangat popular di kalangan pemrogram web, terutama di lingkungan Linux dengan menggunakan skrip dan Ped.

Fungsi MySQL dapat dikatakan sebagai interpreter query, karena setiap kita menggunakan query SQL (perintah SQL) kita harus meletakkannya di dalam fungsi ini. Dengan kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi MySQL. MySQL termasuk jenis relational database management system (RDBMS). Sehingga istilah seperti tabel, baris dan kolom tetap digunakan dalam MySQL. Pada MySQL, sebuah database mengandung beberapa tabel, tabel terdiri dari sejumlah baris dan kolom.

SQL merupakan kependekan Structured Query language. SQL digunakan untuk berkomunikasi dengan sebuah database. SQL adalah bahasa yang meliputi perintah-perintah untuk menyimpan, menerima, memelihara, dan mengatur akses-akses ke basis data serta digunakan untuk memanipulasi dan menampilkan data dari database.(R.W. Rosari, 2008).

2.7Fungsi PHP dan MySQL

Fungsi PHP untuk mengakses MySQL yang biasa digunakan diantaranya adalah :

a. mysql_connect(), fungsi mysql_connect adalah untuk menghubungkan PHP dengan database MySQL.

Format fungsinya adalah : mysql_connect(string hostname, string username, string password);

b. mysql_select_db, setelah terhubung ke database MySQL dengan menggunakan mysql_connect, langkah selanjutnya adalah memilihi database yang akan digunakan. Fungsi mysql_connect_db digunakan untuk memilih database. Format fungsinya adalah: mysql_select_db(string database, koneksi);

c. mysql_query, dalam database MySQL, perintah untuk melakukan trnasaksi ialah perintah SQL. Sebutan untuk mengirim perintah SQL dinamakan query. Query memberi perintah kepada database untuk melakukan apa yang dikehendaki. Format fungsinya adalah: int mysql_query(string query, int[link_identifier]);

d. mysql_num_rows, kegunaan dari fungsi ini adalah untuk menghitung jumlah baris yang dikenai oleh proses SQL. Format penulisannya adalah: int mysql_num_rows(int result);

e. mysql_fetch-array, fungsi ini digunakan untuk menampilkan data. Dalam fungsi ini, hasil query ditampung dalam bentuk array. Format fungsinya adalah: Array mysql_fetch_array(int result, int [result_type]);

2.8 Hypertext Markup Language (HTML)

Hypertext Markup Language merupakan kepanjangan dari kata HTML. HTML adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat intenet. HTML juga merupakan file teks murni yang dapat dibuat dengan editor teks sembarang yaitu yang dikenal sebagai web page atau dokumen yang disajikan dalam web browser. Dokumen ini umumnya berisi informasi atau interface aplikasi didalam internet.

HTML sendiri adalah suatu dokumen teks biasa yang mudah dimengerti dibanding bahasa pemrograman lainnya, dan karena bentuknya itu maka HTML dapat dibaca oleh berbagai platform seperti : windows, Linux, Macintosh. Kata Markup Language pada HTML menunjukkan fasilitas yang berupa tanda tertentu dalam script HTML sehingga kita bisa mengatur judul, garis, tabel, gambar dan lain-lain dengan perintah yang telah ditentukan dalam elemen HTML.

Simbol penandaan yang digunakan dalam HTML ditandai dengan tanda lebih kecil (<) dan tanda lebih besar (>) yang disebut dengan tag. Misalnya hendak menampilkan teks yang tercetak miring, maka mark up yang digunakan adalah sebagai berikut :

<i> Teks ini akan dicetak miring </i> (MADCOMS, 2008)

HTML itu sendiri terdiri dari beberapa bagian yang fungsinya sebagai penanda suatu kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai dengan kode <form>, judul dengan <title> dan sebagainya. Untuk lebih lanjut mengenai bagian-bagian HTML perhatikan skema dibawah ini :

<html> <head>

<title> Judul Halaman </title> </head>

<body>

…isi dari halaman web… </body>

</html> Keterangan :

1. Dokumen HTML selalu diawali dengan tand tag pembuka <html> dan diakhiri dengan tanda tag penutup </html>.

2. Pada elemen head <head></head>, dapat kita sisipkan kode untuk menuliskan keterangan tentang dokumen HTML. Atau dapat juga kita sisipkan scripts pemrograman web seperti Javascript, VBscript atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.

3. Elemen-elemen <body></body> berisi tag-tag untuk isi atau layout tampilan situs kita, seperti : <font></font>, <table></table>, <form></form>.

Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kodekode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. Tag adalah kode-kode yang digunakan untuk mengatur dokumen HTML. Secara garis besar bentuk umum tag adalah sebagai berikut : <tag-awal>TEKS<tag-akhir>. Namun ada juga tag yang tidak perlu ada tag penutup seperti <br>, <hr>, <img> dan lain-lain. (MADCOMS, 2008)

2.9CSS (Cascading Style Sheet)

CSS merupakan kependekan Cascading Style Sheet yang berfungsi untuk mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut standar HTML. CSS sebenarnya adalah suatu kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mengontrol tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu jika ingin mengubah dokumen, maka tidak perlu mengubah satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyispkan kode CSS langsung dalam kode HTML atau simpan menjadi file tersendiri berekstensi *.css. Dengan meyimpan sebagai file tersendiri akan memudahkan untuk mengontrol tampilan dalam banyak dokumen secara langsung. CSS mendapat dukungan penuh pada browser versi 4 dan pada versi sebelumnya, hanya Internet Explorer yang masih mampu mengenal CSS. Tampilan CSS dapat berbeda jika ditampilkan pada menu browser yang berbeda. (Diar Puji Oktavian, 2010).

2.10 Pengenalan Adobe Dreamweaver CS6

Dreamweaver CS6 merupakan salah satu produk software yang dikeluarkan dari perusahaan Adobe, Inc. Software ini bergerak dalam bidang perancangan web. Sekelompok software perancang web diantaranya Flash, Dreamweaver, Firework, Freehand dan lain-lain. Macromedia tampaknya sangat serius dalam membuat software pembangun website yang mampu melakukan banyak hal dan memiliki banyak keunggulan.

Dreamweaver CS6 adalah suatu bentuk software editor web yang dibuat oleh Macromedia. Dengan software ini, seorang programmer web dapat dengan mudah membuat tampilan websitenya. Dreamweaver CS6 merupakan editor yang komplit dan dapat digunakan untuk membuat animasi sederhana dalam bentuk halaman. Dengan adanya software ini kita tidak direpotkan untuk menuliskan skrip-skrip format HTML, PHP, ASP maupun bentuk program lainnya.

BAB 3

GAMBARAN SEKILAS MENGENAI SMK NEGERI 9 MEDAN

3.1 Profil Sekolah

SMK Negeri 9 Medan adalah sebuah Sekolah Menengah Kejuruan Negeri yang berlokasi di Jln. Patriot No. 20 A Medan. Sekolah ini didirikan pada 07 Maret 1997. SMK Negeri 9 Medan memliki 3 program jurusan, yaitu : Teknik Komputer dan Pengelolaan Jaringan(TKPJ), Pekerjaan Sosial(PekSos), dan Rekayasa Perangkat Lunak(RPL) dengan TKPJ sebagai jurusan unggulannya. Sekolah ini juga memiliki akreditasi Negeri A. Kegiatan belajar mengajar disini dimulai pada pukul 07.30 sampai dengan pukul 13.45. Pada sore hari dan hari sabtu biasanya lebih banyak diisi dengan kegiatan ekstrakurikuler seperti Pramuka, Paskibraka, PMR, Kegiatan keagamaan dan lain sebagainya.

Untuk mendukung kegiatan belajar mengajar di sini, SMK Negeri 9 Medan memiliki beberapa faslitas-fasilitas pendukung seperti laboratorium komputer, aula, lapangan olahraga, perpustakaan, mushola, dan fasilitas lainnya untuk mendukung kegiatan belajar mengajar di sekolah ini.

3.2 Visi dan Misi

A. Visi

Visi SMK Negeri 9 Medan :

Menjadikan SMK Negeri 9 Medan sekolah yang berkualitas keilmuan dan ketrampilan untuk dapat menghasilkan tamatan yang profesional.

B. Misi

Misi SMK Negeri 9 Medan :

1. Menyiapkan infranstruktur yang memadai dan mendukung kompetensi 2.Meningkatkan mutu tenaga kependidikan sehingga memiliki kompetensi

nasional dan internasional

3. Melaksanakan pendidikan dan latihan yang mengacu kepada kurikulum untuk menghasilkan tamatan yang memiliki kompetensi sesuai standar nasional dan internasional.

4. Menciptakan lingkungan kerja yang kondusif

5. Menjalin mitra dengan institusi pasangan yang berstandar nasional dan internasional

6. Meningkatka peran serta masyarakat dan unit produksi dalam pengembangan sekolah

3.3 Struktur Organisasi Sekolah

Struktur organisasi merupakan gambaran tentang hubungan kerjasama dari orang orang yang berada dalam suatu organisasi. Struktur organisasi juga menunjukkan kerangka dan susunan perwujudan pola tetap hubungan diantara orang orang yang menunjukkan tugas dan kedudukan serta wewenang yang berbeda dalam suatu organisasi. Struktur organisasi mengandung unsur-unsur spesialis kerja, standarisasi, koordinasi, sentralisasi maupun desentralisasi dalam pembuatan keputusan dan ukuran status kerja.

BAB 4

PERANCANGAN SISTEM

4.1 Perancangan Sistem

Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan user (pemakai) mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan. Perancangan sistem adalah suatu upaya untuk membuat suatu sistem baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Desain sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemogram komputer dan ahli teknik lainnya yang akan mengimplementasikan sistem.

4.2 Data Flow Diagram

Data Flow Diagram (DFD) merupakan alat bantu yang dapat digunakan untuk menggambarkan aliran data informasi dan transformasi (proses) dari data dimulai dari pemasukan data sampaimenghasilkan keluaran (output) data. Adapun simbol-simbol dari Data Flow Diagram yaitu:

Tabel 4.1 Simbol-simbol DFD

No Gambar Nama Fungsi

1 Kesatuan Luar

(Exsternal Entity)

Merupakan kesatuan luar di lingkungan luar sistem yang akan memberikan input atau menerima output dari sistem.

2 Proses (Proses)

Kegiatan dari hasil suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan keluar atau untuk mengubah input menjadi output.

3 Aliran Data

(Data Flow)

Data mengalir melalui sistem dimulai dengan sebagian input dan diubah menjadi output.

4 Penyimpanan Data

(Data Storage)

Data disimpan untuk keperluan berikutnya.

Admin

Pengunjung Website SMK Negeri 9

Medan

Berikut ini merupakan Data Diagram Flow dari rancangan website SMK Negeri 9 Medan

Informasi Sekolah Data Guru

Data Pendaftar Data Sarana

Gambar 2 Diagram Konteks Website SMK Negeri 9 Medan

4.3 Perancangan Basis Data

Basis data atau database merupakan kumpulan data yang saling berhubungan satu dengan lainnya, tersimpan disimpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu komponen

yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya. Dalam hal ini penulis mengambil MySQL sebagai tempat penyimpanan data pada website ini yang memiliki server tersendiri. Untuk menghasilkan informasi pada website dibutuhkan beberapa tabel data dalam satu database, yaitu :

Tabel 4.2 Buku Tamu

Tabel 4.6 Prasarana

4.4 Flowchart

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadiflowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaandisuatu algoritma. Penjelasan arti lambang-lambang flowchart dapat didefenisikan seperti tabel berikut:

No Simbol Fungsi

1 Terminator, untuk memulai dan mengakhiri

suatu program.

2

Process, suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan oleh komputer.

3 Data, digunakan untuk memasukkan data

maupun menunjukkan hasil dari suatu proses.

4

Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.

5

Preparation, suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage.

6

Connector, merupakan simbol untuk masuk dan

keluarnya suatu prosedur pada lembar kertas yang sama.

7

Off-Page Connector, suatu simbol untuk masuk dan keluarnya suatu prosedur lembar kertas yang lain.

8

Arus atau flow, prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, dari kiri ke kanan, atau dari kanan ke kiri.

9 Document, merupakan simbol untuk data

yang berbentuk informasi.

10

Predefined process, digunakan untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur.

11 Display, untuk output yang ditujukan suatu

device, seperti monitor.

12 Magnetic Disk, untuk menyimpan data.

Gambar 3 Flowchart Halaman Utama Start

Tampilan Homepage

Pendaftaran Guru-Guru

Profil

Galeri

Buku Tamu Beranda

A

B

D Sambutan Kepala

Sekolah

Menu Pendaftaran

Menu Profil

Menu Buku Tamu Home

Data – Data Guru

Menu Galeri

Gambar 4 Flowchart Menu Profil Tampilan

Profil

Visi dan Misi

Sarana dan Prasarana

Struktur Organisasi

Keluar

Tampilan Struktur Organisasi

Tampilan Sarana dan

Prasarana Tampilan Visi dan Misi

Beranda A

Gambar 5 Flowchart Menu Pendaftaran B

Menu Pendaftaran

Pendaftar yg Lulus

If nilai un>60

Tampilan Pendaftar yg

lulus

Beranda

Tampilan Form Daftar Mendaftar

Data Base

Isi Biodata

Isi

Gambar 6 Flowchart Menu Galeri C

Tampilan Galeri

Sekilas Foto Pesantren

Keluar Beranda

Sekilas foto MOS

Sekilas FotoBazaar

Sekilas Foto Outbond Sekilas Foto

Kunjungan

Tampilan Foto-foto

Tampilan Foto-foto Tampilan Foto-foto Tampilan Foto-foto Tampilan Foto-foto

Gambar 7 Flowchart Menu Buku Tamu Isi Buku

Tamu Tampilan dan

Form Buku Tamu

D

Isi

Data Base

Gambar 8 Flowchart Menu Admin

Tampilan Menu Admin

Data Guru

Data Sarana

Data Pendaftar

Logout

Menu

Data Sarana

Menu Data

Pendaftar Menu

Data Guru

C B A Login

Gambar 9 Flowchart Menu Guru A

Tampilan Menu Data

Guru

Input Data Guru

Isi Data Guru

ISI

Logout

Login

Data Base

Tampilan Laporan Data Guru

Hapus Data Guru Hapus

Data Guru

Koreksi Data Guru

Gambar 10 Flowchart Menu Sarana BB

B

Tampilan Menu Data Sarana dan

Prasarana

Input Data Sarana

Isi Data Sarana Login

ISI

Logout

Data Base

Input Data Prasarana

Isi Data Prasarana

Data Base

Gambar 11 Flowchart Laporan Sarana

Tampilan Laporan Data Sarana dan Prasarana

Hapus Data Sarana

Hapus Data Sarana BB

Koreksi Data Sarana

Koreksi Data Prasarana Hapus Data

Prasarana

Hapus Data Prasarana

Koreksi Data Prasarana

Koreksi Data Sarana

Update Sarana Update Prasarana

Gambar 12 Flowchart Menu Pendaftar

C Login

Tampilan Laporan Data

Pendaftar

Hapus Data

Update

Logout

Data Base

Hapus Data Pendaftar

Koreksi Data Pendaftar

4.5 Perancangan Antar Muka (Interface)

Salah satu faktor agar situs diminati para pengunjung adalah desain layout yang bagus. Sebelum kita mendesain sebuah layout terlebih dahulu kita harus membuat sketsa, setelah itu kita bagi situs menjadi beberapa bagian, diantaranya adalah:

a. Bagian header berisi nama sekolah, lambang, dan beberapa grafik untuk mempercantik tampilan.

b.Navigasi harus mudah dikenali dan mudah digunakan

c. Bagian konten merupakan isi yang ingin disampaikan kepada pengunjung. d. Bagian Footer berisi nama, dan informasi dari pemilik situs

BAB 5

IMPLEMENTASI SISTEM

5.1Pengertian Implementasi Sistem

Implementasi sistem adalah prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji, menginstal dan memulai menggunakan sistem baru yang diperbaiki. Adapun langkah-langkah yang dibutuhkan dalam implementasi sistem adalah :

1. Mendapatkan software dan hardware yang tepat/sesuai untuk merancang website.

2. Menyelesaikan rancangan sistem.

3. Menulis, menguji, mengontrol dan mendokumentasikan website. 4. Mendapatkan persetujuan.

5.2Tujuan Implementasi Sistem

1. Memberi rangkaian sistem baik dari segi software maupun hardware sebagai sarana pengolahan data dan penyajian informasi.

2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau yang telah disetujui.

5.3 Komponen Sistem

Untuk menjalankan sistem yang telah dirancang, dibutuhkan beberapa komponen, antara lain:

1. Hardware

Hardware (perangkat keras) merupakan komponen fisik dalam rangkaian komputer, sedangkan spesifikasi hardware yang dibutuhkan adalah sebagai berikut :

1. Monitor

2. Prosessor Intel Pentium IV atau lebih tinggi 3. Ram 128 MB atau lebih tinggi

4. Hardisk 5. Keyboard 6. Mouse 7. Printer 2. Software

Software (perangkat lunak) merupakan instruksi program yang dapat digunakan dalam komputer dan memberikan fungsi serta menampilkan

seperti yang diinginkan. Software yang diperlukan untuk menjalankan perangkat keras untuk aplikasi pengolahan data, yaitu :

1. Windows XP, Vista atau Seven

2. Adobe flash player atau pemutar video lainnya

3. XAMPP Version 3.2.1 software yang merangkum Apache 2.4.4 sebagai web server, PHP 5.5.9 sebagai web programming dan MySQL 5.5.32 sebagai database server.

4. Adobe Dreamweaver CS6 dan Sublime Text sebagai web editor. 5. Adobe Photoshop CS6 sebagai desain layout.

3. Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer, yang dibutuhkan adalah :

1. Sistem Analis adalah orang sedang membangun fasilitas rancangan sistem.

2. Programmer adalah orang yang mengerti bahasa pemrograman dalam membuat dan membangun program.

3. Operator adalah orang yang menangani langsung dalam pengolahan data mulai dari mempersiapkan data sampai dengan pengertian data ke dalam komputer.

5.4 Tampilan Akhir Website

Website ini berisikan Menu Utama Beranda, Profil, Warga Sekolah, Pendaftaran Online, Galeri Foto, dan Buku Tamu.

5.4.1 Halaman Beranda

Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Berisi tentang sambutan Kepala Sekolah SMK Negeri 9 Medan.

5.4.2 Halaman Profil

Pada halaman ini berisi tentang visi misi, sarana dan prasarana dan struktur organisasi pada SMK Negeri 9 Medan.

Gambar 15 Halaman Sarana Prasarana

5.4.3 Halaman Warga Sekolah

Pada halaman ini berisi data tentang pegawai dan guru SMK Negeri 9 Medan.

5.4.4 Halaman Pendaftaran Online

Pada halaman ini berisi tentang pendaftaran online dan data pendaftar yang sudah lulus.

Gambar 18 Halaman Pendaftaran Online

5.4.5 Halaman Galeri Foto

Halaman ini berisi tentang kumpulan dokumentasi foto kegiatan SMK Negeri 9 Medan.

5.4.6 Halaman Kritik dan Saran

Pada halaman ini berisi tentang kritik dan saran dari pengunjung.

5.4.7 Halaman Login

Pada halaman ini terdapat halaman login untuk admin.

Gambar 21 Halaman Pegawai

5.4.7 Halaman Utama Admin

Pada halaman ini terdapat Link menuju Data Guru, Data Sarana, Data Pendaftar, dan Data Komentar.

BAB 6

KESIMPULAN DAN SARAN

6.1Kesimpulan

Dari penjelasan pada bab – bab sebelumnya, penulis dapat merangkum beberapa kesimpulan, yaitu sebagai berikut :

1. Penggunaan dan pemanfaatan website ini dapat memberikan kemudahan bagi pihak sekolah dalam mempromosikan perkembangan sekolah di mata masyarakat yang berhubungan dengan kualitas dan prestasi sekolah.

2. Dengan menggunakan internet sebagai media informasi akan mengefisienkan tenaga dan waktu.

3. Penyajian informasi yang baik dapat dilakukan dengan meng-update isi dari situs tersebut secara berkala.

4. Pembuatan sistem informasi penggajian berbasis web ini dibuat dengan menggunakan bahasa pemrograman PHP, database MySQL, dan web server Apache.

6.2Saran

Dengan selesainya perancangan website SMK Negeri 9 Medan dengan menggunakan PHP dan MySQL ini, ada beberapa saran yang kiranya dapat ditanggapi oleh semua pihak yaitu :

1. Isi situs web seharusnya di-update oleh admin secara berkala guna memberikan informasi yang akurat.

2. Komputer yang digunakan dalam membuat suatu aplikasi web sebaiknya memiliki spesifikasi dengan level menengah karena penggunaan software – software dapat memakan sumber daya komputer seperti memori dan kapasitas harddisk.

3. Pemeliharaan keamanan terhadap data-data pada server perlu diperhatikan dan dijaga agar data-data pada server tidak bisa diakses oleh orang yang tidak berhak mengaksesnya.

DAFTAR PUSTAKA

Desiani, A., dan Arhami, M. 2008. Konsep Kecerdasan Buatan. Yogyakarta: Penerbit ANDI.

Kadir, Abdul. 2009. Belajar Database Menggunakan MySQL. Yogyakarta: Penerbit ANDI.

Kurniawan, Budi. 2008. Desain Web Praktis dengan CSS. Jakarta: Penerbit PT. Gramedia Elex Media Komputindo.

Laudon, Kenneth C. dan Laudon, Jane P. 2008. Sistem Informasi Manajemen. Jakarta: Penerbit Salemba Empat.

Lauster, Peter. 2008. Tes Kepribadian. Terjemahan D.H. Gulo. Jakarta: PT Bumi Aksara.

MADCOMS. Dasar Teknis Instalasi Jaringan Komputer. 2008. Yogyakarta: Penerbit ANDI

MADCOMS. Panduan Menggunakan Internet untuk Pemula. 2008. Yogyakarta: Penerbit ANDI.

Panduan Tatacara Penulisan Tugas Akhir. 2008. Dokumen Nomor :Akad/05/2005. Medan: Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.

Peranginangin, Kasiman.2009. Aplikasi Web dengan PHP dan MySQL. Yogyakarta: Penerbit ANDI.

Oktavian, Diar Puji. Menjadi Programmer Jempolan dengan Menggunakan PHP. 2010. Yogyakarta: Penerbit Mediakom.

Ramadhan, Arif dan Saputra, Hendra. 2008. Buku Latihan PHP 5 dan MySQL. Jakarta: Penerbit Elex Media Komputindo.

Rosari, R. W. 2008. PHP dan MySQL untuk pemula, Yogyakarta: Penerbit ANDI. Simarmata, Janner. 2009. Pengenalan Teknologi Komputer dan Informasi,

Yogyakarta: Penerbit ANDI.

Suharto, Herry B dan Soesilo Wijono. 2008. Membangun Aplikasi Menggunakan Qt Designer dengan Database Postgree SQL/MySQL. Yogyakarta: Penerbit ANDI.

L

A

M

P

I

R

A

N

Hasil Uji Program Tugas Akhir SURAT KETERANGAN

Yang bertanda tangan dibawah ini, menerangkan bahwa Tugas Akhir Mahasiswa Program Diploma 3 Teknik Informatika :

Nama : Imam Fakhri Jundi

NIM : 102406154

Program Studi : TEKNIK INFORMATIKA

Judul Tugas Akhir : PERANCANGAN WEBSITE PADA SMK NEGERI 9 MEDAN

Telah melaksanakan uji program Tugas Akhir Mahasiswa tersebut diatas pada tanggal juni 2014

Dengan Hasil : Sukses / Gagal

Demikian Surat Keterangan ini dibuat untuk melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Juni 2014 Dosen Pembimbing,

Drs. Henry Rani S, M.Si NIP. 19530303 198303 1 002

KEMENTRIAN PENDIDIKAN DAN KEBUDAYAAN UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

Jl. Bioteknologi No. 1 Kampus USU Telp. (061) 8211050 Fax. (061) 8214290 Medan-20155

Email : Dekanat@FMIPA.USU.AC.ID

KARTU BIMBINGAN TUGAS AKHIR MAHASISWA

Nama Mahasiswa : IMAM FAKHRI JUNDI

Nomor Stambuk : 112406154

Judul Tugas Akhir : PERANCANGAN WEBSITE PADA SMK

NEGERI 9 MEDAN Dosen Pembimbing : Drs. Henry Rani S, M.Si Tanggal Mulai Bimbingan :

Tanggal Selesai Bimbingan :

No Tanggal Asisten Bimbingan

Pembahasan pada Asistensi Mengenai,

pada Bab

Paraf Dosen

Pembimbing Keterangan 1 2 3 4 5 6

Diketahui, Disetujui Pembimbing Utama/

Program Studi D-3 Teknik Informatika FMIPA USU

Ketua, Penanggung Jawab

Drs. Elly Rosmaini, M. Si

NIP. 19600520 198503 2 002 NIP. 19530303 198303 1 002 Drs. Henry Rani S, M.Si

<?php

Koneksi.php

ob_start(); session_start();

$dbserver="localhost"; $dbusername="root"; $dbpassword="";

$dbname="db_datamhs";

mysql_connect($dbserver,$dbusername,$dbpassword) or die(mysql_error());

mysql_select_db($dbname) or die (mysql_error()); ?>

<?php Index.php

include("koneksi/koneksi.php"); ?>

<!DOCTYPE HTML> <html>

<head>

<title>SMK Negeri 9 Medan</title>

<meta name="description" content="website description" />

<meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" />

<script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head>

<body>

<div id="main"> <header>

<div id="logo"> <div id="logo_text">

<!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span

class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div>

</div> <nav>

<ul class="sf-menu" id="nav">

<li class="selected"><a href="index.php">Beranda</a></li> <li><a href="#">Profil</a>

<ul>

<li><a href="visi.php">Visi dan Misi</a></li>

<li><a href="sarana.php">Sarana dan Prasarana</a></li>

<li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul>

</li>

<li><a href="guru.php">Warga Sekolah</a></li> <li><a href="#">Pendaftaran Online</a>

<li><a href="daftaronline.php">Mendaftar</a></li>

<li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul>

</li> </li>

<li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul>

</nav> </header>

<div id="site_content"> <ul id="images">

<li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li>

<li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li>

<li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li>

<li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li>

<li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li>

<li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li>

</ul>

<div class="content">

<h1>Selamat Datang di Website SMK Negeri 9 Medan</h1> <h2>Kata Sambutan Kepala Sekolah</h2>

<p>

Puji syukur kami panjatkan kehadirat Allah Swt, atas segala limpahan Rahmat, Taufiq, Hidayah, serta Inayah-Nya kepada kita semua, sehingga kita masih diberi kesempatan untuk berpartisipasi secara aktif dalam dunia pendidikan. Dalam era global seperti sekarang ini, kecepatan memperoleh informasi akan menjadi modal utama dalam rangka menentukan langkah kedepan. Untuk mewujudkan hal itu, kami telah membuat sebuah Website SMK Negeri 9 Medan dengan harapan bisa lebih komunikatif dan lebih bisa memenuhi kebutuhan informasi tentang sekolah kami.

<p>Semoga dengan terciptanya website terbaru SMK Negeri 9 Medan ini bisa menjawab semua kebutuhan masyarakat tentang kondisi sekolah kami dan masyarakat bisa memanfaatkan konten yang ada sebagai sarana untuk berkomunikasi dengan kami. Kami menyadari bahwa semua ini masih perlu penyempurnaan, untuk itu kami tetap menunggu saran dan kritik membangun dari masyarakat / stakeholder agar sekolah yang kita cintai ini menjadi sekolah yang benar-benar berkualitas.</p>

Wassalamualaikum Wr. Wb. </p>

</div> </div> <footer>

Design by : <a

href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri

Jundi</a></p> </footer> </div>

<p>&nbsp;</p>

<!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript">

$(document).ready(function() { $('#images').kwicks({

max : 600, spacing : 2 });

$('ul.sf-menu').sooperfish(); });

</script> </body> </html>

<?php Visi.php

include("koneksi/koneksi.php"); ?>

<!DOCTYPE HTML> <html>

<head>

<title>Visi dan Misi</title>

<meta name="description" content="website description" />

<meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<link rel="stylesheet" type="text/css" href="css/style.css" /> <!-- modernizr enables HTML5 elements and feature detects -->

<script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head>

<body>

<div id="main"> <header>

<div id="logo"> <div id="logo_text">

<!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span

class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div>

</div> <nav>

<ul class="sf-menu" id="nav">

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

<ul>

<li class="selected"><a href="visi.php">Visi dan Misi</a></li> <li><a href="sarana.php">Sarana dan Prasarana</a></li>

<li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul>

</li>

<li><a href="#">Pendaftaran Online</a> <ul>

<li><a href="daftaronline.php">Mendaftar</a></li>

<li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul>

<li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul>

</nav> </header>

<div id="site_content"> <ul id="images">

<li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li>

<li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li>

<li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li>

<li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li>

<li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li>

<li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li>

</ul>

<div class="content"> <h1>Visi dan Misi</h1> <h2>Visi</h2>

<p><marquee>MENJADIKAN SMK NEGERI 9 MEDAN YANG BERKUALITAS KEILMUAN DAN KETRAMPILAN UNTUK DAPAT

MENGHASILKAN TAMATAN YANG PROFESIONAL.</marquee></p> <h2>Misi</h2>

<p><span class="left"><img src="images/misi.jpg" alt="example graphic" /></span></p>

</div> </div> <footer> Design by : <a

href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri

Jundi</a></p> </footer> </div>

<p>&nbsp;</p>

<!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript">

$(document).ready(function() { $('#images').kwicks({

max : 600, spacing : 2 });

}); </script> </body> </html>

<?php Sarana.php

include("koneksi/koneksi.php"); ?>

<!DOCTYPE HTML> <html>

<head>

<title>Sarana dan Prasarana</title>

<meta name="description" content="website description" />

<meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" />

<!-- modernizr enables HTML5 elements and feature detects -->

<script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head>

<body>

<div id="main"> <header>

<div id="logo"> <div id="logo_text">

<h1><a href="index.html">SMKN9 <span class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div>

</div> <nav>

<ul class="sf-menu" id="nav">

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

<ul>

<li><a href="visi.php">Visi dan Misi</a></li>

<li class="selected"><a href="sarana.php">Sarana dan Prasarana</a></li>

<li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul>

</li>

<li><a href="guru.php">Warga Sekolah</a></li> <li><a href="#">Pendaftaran Online</a>

<ul>

<li><a href="daftaronline.php">Mendaftar</a></li>

<li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul>

</li>

<li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul>

</header>

<div id="site_content"> <ul id="images">

<li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li>

<li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li>

<li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li>

<li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li>

<li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li>

<li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li>

</ul>

<div class="content">

<h2 align="center">Sarana dan Prasarana SMK Negeri 9 Medan</h2> <p align="justify">SMK Negeri 9 Medan terletak di Jln. Patriot No 20 A Medan Sumatera Utara. SMK Negeri 9 Medan memiliki luas tanah 8877m2 dan luas bangunan 4567m2. Berikut detail dari sarana dan Prasarana yang ada.</p> <table width="100%" border="1" align="center" cellpadding="3"

cellspacing="0"> <tr> <td>Nama Bangunan</td> <td>Jumlah</td> </tr> <?php

$daftarsiswa=mysql_query($myquery) or die (mysql_error()); while($dataku=mysql_fetch_object($daftarsiswa))

{ ?> <tr>

<td><?php echo $dataku->nama_gedung?></td> <td><?php echo $dataku->jlh_gedung?></td> </tr>

<?php } ?> </table>

<table width="100%" border="1" align="center" cellpadding="3" cellspacing="0">

<tr>

<td>Nama Alat</td> <td>Jumlah</td> </tr>

<?php

$myquery="select nama_alat,jlh_alat from tb_prasarana"; $daftarsiswa=mysql_query($myquery) or die (mysql_error()); while($dataku=mysql_fetch_object($daftarsiswa))

{ ?> <tr>

<td><?php echo $dataku->jlh_alat?></td> </tr> <?php } ?> </table> </div> </div> <footer> Design by : <a

href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri

Jundi</a></p> </footer> </div>

<p>&nbsp;</p>

<!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript">

$(document).ready(function() { $('#images').kwicks({

max : 600, spacing : 2 });

$('ul.sf-menu').sooperfish(); });

</script> </body> </html>

<?php

Sorganisasi.php

include("koneksi/koneksi.php"); ?>

<!DOCTYPE HTML> <html>

<head>

<title>Struktur Organisasi</title>

<meta name="description" content="website description" />

<meta name="keywords" content="website keywords, website keywords" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="css/style.css" />

<!-- modernizr enables HTML5 elements and feature detects -->

<script type="text/javascript" src="js/modernizr-1.5.min.js"></script> </head>

<body>

<div id="main"> <header>

<div id="logo"> <div id="logo_text">

<!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span

class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div>

</div> <nav>

<ul class="sf-menu" id="nav">

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

<ul>

<li><a href="visi.php">Visi dan Misi</a></li>

<li><a href="sarana.php">Sarana dan Prasarana</a></li> <li class="selected"><a href="sorganisasi.php">Struktur Organisasi</a></li>

</ul> </li>

<li><a href="guru.php">Warga Sekolah</a></li> <li><a href="#">Pendaftaran Online</a>

<ul>

<li><a href="daftaronline.php">Mendaftar</a></li>

<li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul>

</li>

<li><a href="galeri.php">Galeri Foto</a></li> <li><a href="btamu.php">Buku Tamu</a></li> </ul>

</nav> </header>

<div id="site_content"> <ul id="images">

<li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li>

<li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li>

<li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li>

<li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li>

<li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li>

<li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li>

</ul>

<div class="content">

<h1>Struktur Organisasi</h1>

<p><span class="left"><img src="images/so.png" alt="example graphic" /></span></p>

</div> </div> <footer> Design by : <a

href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri

Jundi</a></p> </footer> </div>

<p>&nbsp;</p>

<!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript">

$(document).ready(function() { $('#images').kwicks({

max : 600, spacing : 2 });

$('ul.sf-menu').sooperfish(); });

</script> </body> </html>

<?php Guru.php

include("koneksi/koneksi.php"); ?>

<!DOCTYPE HTML> <html>

<head>

<div id="logo_text">

<!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html">SMKN9 <span

class="logo_colour">Medan</span></a></h1> <h2>Jln. Patriot No. 20 A Medan</h2> </div>

</div> <nav>

<ul class="sf-menu" id="nav">

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

<ul>

<li><a href="visi.php">Visi dan Misi</a></li>

<li><a href="sarana.php">Sarana dan Prasarana</a></li>

<li><a href="sorganisasi.php">Struktur Organisasi</a></li> </ul>

</li>

<li><a href="guru.php">Warga Sekolah</a></li>

<li><a href="daftaronline.php">Pendaftaran Online</a></li> <li><a href="#">Pendaftaran Online</a>

<ul>

<li><a href="daftaronline.php">Mendaftar</a></li>

<li><a href="pendaftarlulus.php">Pendaftar yg Lulus</a></li> </ul>

</li>

</ul> </nav> </header>

<div id="site_content"> <ul id="images">

<li><img src="images/S.jpg" width="600" height="300" alt="seascape_one" /></li>

<li><img src="images/m.jpg" width="600" height="300" alt="seascape_two" /></li>

<li><img src="images/K.jpg" width="600" height="300" alt="seascape_three" /></li>

<li><img src="images/n.jpg" width="600" height="300" alt="seascape_four" /></li>

<li><img src="images/9.jpg" width="600" height="300" alt="seascape_five" /></li>

<li><img src="images/MEDAN.jpg" width="600" height="300" alt="seascape_seascape" /></li>

</ul>

<div class="content">

<h2>Kritik dan Saran</h2>

<p>Kami sadar situs ini masih banyak kekurangan, maka daripada itu kami berharap para pengunjung mau memberikan kritik dan sarannya melalui kotak tanggapan pengunjung di bawah ini, atau langsung menghubungi kami di <a href="https://wwww.admin@smkn9.sch.id">E-mail</a> atau langsung

mengunjungi <a href="https://www.facebook.com/smkn9medan">Facebook</a> kami.</p>

<p>

<form method="post" action="prosestamu.php" enctype="multipart/form-data">

<th id="judul" align="center" colspan="2">Masukkan Komentar Anda</th>

<tr>

<td id="kolom1">Nama Lengkap</td> <td id="kolom2">

<input type="text" size="35" name="nama">

</td> </tr>

<tr>

<td id="kolom1">E-mail</td> <td id="kolom2">

<input type="text" size="30" name="email">

</td> <tr>

<td id="kolom1">Komentar</td> <td id="kolom2">

<textarea rows="4" cols="30" name="komentar"></textarea>

</td> </tr>

<tr>

<td id="kolom2-1">

<input id="masuk" type="submit" name="OK" value="OK"> </td>

</tr> </table>

</form>

<table width="100%" border="1" align="center" cellpadding="3" cellspacing="0">

<tr>

<td>Nama </td> <td>E-Mail</td> <td>Komentar</td> </tr>

<?php

$myquery="select *from buku_tamu";

$daftarsiswa=mysql_query($myquery) or die (mysql_error()); while($dataku=mysql_fetch_object($daftarsiswa))

{ ?> <tr>

<td><?php echo $dataku->nama?></td> <td><?php echo $dataku->email?></td> <td><?php echo $dataku->komentar?></td> </tr>

<?php } ?> </table> </div> </div> <footer>

Design by : <a

href="http://www.css3templates.co.uk">css3templates.co.uk</a>.<p> Modified by : <a href="http://www.facebook.com/imamfakhrijundi">Imam Fakhri

</footer> </div>

<p>&nbsp;</p>

<!-- javascript at the bottom for fast page loading --> <script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.easing-sooper.js"></script> <script type="text/javascript" src="js/jquery.sooperfish.js"></script> <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script> <script type="text/javascript">

$(document).ready(function() { $('#images').kwicks({

max : 600, spacing : 2 });

$('ul.sf-menu').sooperfish(); });

</script> </body> </html>

<?php

Prosestamu.php

include('koneksi/koneksi.php'); $nama=$_POST['nama'];

$email=$_POST['email'];

/*echo "$nama - $nisn - $alamat ";*/

$query="insert into buku_tamu values ('$nama','$email','$komentar')"; if(mysql_query($query))

header("location:btamu.php"); else

echo mysql_error(); ?>