Sistem Informasi Pada SMA Negeri 1 Barus Berbasis Web Dinamis Dengan Php Dan Mysql

SISTEM INFORMASI PADA SMA NEGERI 1 BARUS BERBASIS WEB DINAMIS DENGAN PHP DAN MYSQL

TUGAS AKHIR

SYAHRIAL ALI AKBAR SIREGAR 072406019

PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA

FAKULATAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2010

SISTEM INFORMASI PADA SMA NEGERI 1 BARUS BERBASIS WEB DINAMIS DENGAN PHP DAN MYSQL

TUGAS AKHIR

Diajukan sebagai salah satu syarat dalam menyelesaikan Pendidikan Program Studi Diploma 3 Ilmu Komputer

SYAHRIAL ALI AKBAR SIREGAR 072406019

PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA

FAKULATAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA

MEDAN 2010

PERSETUJUAN

Judul : SISTEM INFORMASI PADA SMA NEGERI 1 BARUS

BERBASIS WEB DINAMIS DENGAN PHP DAN MYSQL

Kategori : TUGAS AKHIR

Nama : SYAHRIAL ALI AKBAR SIREGAR

Nomor Induk Mahasiswa : 072406019

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM ( FMIPA )

UNIVERSITAS SUMATERA UTARA

Disetujui oleh :

Diketahui

Departemen Matematika FMIPA USU

Ketua, Pembimbing

Dr. Saib Suwilo, M.Sc Dra. Mardiningsih, Msi NIP. 196401091988031004 NIP. 196304051988112001

PERNYATAAN

SISTEM INFORMASI PADA SMA NEGERI 1 BARUS BERBASIS WEB DINAMIS DENGAN 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, Mei 2010

SYAHRIAL ALI AKBAR SIREGAR 072406019

PENGHARGAAN

Syukur Alhamdulillah KepadaMu Ya Allah , berkat ridho dan kesehatan yang Engkau berikan kepada penulis, penulis dapat menyelesaikan Tugas Akhir ini sesuai dengan waktu yang telah ditargetkan penulis. Adapun Tugas Akhir ini berjudul “SISTEM INFORMASI PADA SMA NEGERI 1 BARUS BERBASIS WEB DINAMIS DENGAN PHP DAN MYSQL”.

Selama penulisan tugas akhir ini, penulis menyadari akan kesalahan-kesalahan yang mungkin terjadi, baik itu dari segi teknik tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran dari pembaca dalam upaya perbaikan tugas akhir ini.

Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada bantuan dari berbagai pihak. Pada kesempatan yang baik ini, penulis ingin mengucapkan terima kasih yang setulus-tulusnya kepada :

1. Bapak Prof. Dr. Eddy Marlianto, M. Sc, selaku Dekan Fakultas MIPA Universitas Sumatera Utara.

2. Bapak Dr. Saib Suwilo, M. Sc, selaku Ketua Jurusan Program Studi D-3 Ilmu Komputer.

3. Ibu Dra. Mardiningsih, Msi, selaku Dosen Pembimbing Tugas Akhir Program Studi D-3 Ilmu Komputer Fakultas MIPA Universitas Sumatera Utara yang telah

memberikan bimbingan dan arahan selama ini kepada penulis dalam penyelesaian tugas akhir.

4. Bapak Binson Simangunsong, S. Pd, sekolah SMA NEGERI 1 BARUS yang telah memberikan kesempatan kepada penulis untuk melakukan riset sebagai data dalam pembuatan tugas akhir.

5. Seluruh Staf Pengajar Program Studi D-3 Ilmu Komputer Faklutas MIPA Universitas Sumatera Utara yang telah memberikan ilmu dan pengetahuannya kepada penulis selama masa perkuliahan.

6. Rekan - rekan seangkatan Ilmu Komputer 2007 khususnya Rudi Ertanto (Jawa), Hadriansyah Putra (Etoy), M. Hanafi (Nafi), Miftahul Jannah (Lona), anak – anak APC, dan juga teman-teman Kom A ‘07 semuanya.

7. Seluruh guru dan pegawai SMA NEGERI 1 BARUS yang telah banyak membantu penulis dalam mengumpulkan data dalam pembuatan tugas akhir.

8. Pihak-pihak yang telah banyak membantu penulis, yang tidak dapat penulis sebutkan namanya satu - persatu.

9. Teristimewa buat Ayahanda H. A. Hasan Siregar dan Ibunda tercinta

Hj. Rosmaniar serta kakak – kakak saya yang senantiasa menasehati penulis dan mendoakan penulis agar lancar dalam segala urusan.

Medan, Mei 2010 Penulis

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website pada SMA NEGERI 1 BARUS. Website ini dikembangkan dengan mengguinakan perangkat lunak Macromedia Dreamweaver MX 2004, Apache, PHP, dan MYSQL, website ini berfungsi untuk memberikan informasi tentang SMA NEGERI 1 BARUS. Tujuan website ini adalah untuk mempermudah masyarakat dalam memperoleh informasi mengenai SMA NEGERI 1 BARUS secara online dan update.

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 Batasan Masalah 3

1.3 Perumusan Masalah 3

1.4 Tujuan dan Manfaat Penelitian 4

1.5 Metodologi Penelitian 5

1.6 Sistematis Penulisan 6

Bab 2 Tinjauan Teori 8

2.1 Pengertian Sistem 8

2.2 Data dan Informasi 9

2.3 Sistem Informasi 9

2.4 Internet 9

2.4.1 Sejarah Internet 10

2.4.2 Manfaat Internet 12

2.4.3 URL (Uniform Resource Locator) 13

2.4.4 Nama Domain 13

2.4.5 Browser 14

2.4.6 Email 15

2.4.7 Chatting 15

2.5 Pengenalan HTML 15

2.5.1 Bagian-Bagian HTML 16

2.6 Pengenalan PHP 17

2.6.1 Kelebihan dan Kelemahan PHP 18 2.6.2 Penggabungan Script PHP dan HTML 19

2.7 Pengenalan SQL 21

2.7.1 Standarisasi SQL 22

2.7.2 Pemakaian Dasar SQL 22

2.8 Pengenalan CSS 24

2.9 Pengenalan DHTML 24

2.10 Mengenal Macromedia Dreamweaver MX 2004 25

2.10.1 Memulai Dreamweaver MX 2004 26

2.10.2 Area Kerja Pada Dreamweaver MX 2004 27

Bab 3 Sekilas SMA NEGERI 1 BARUS 30

3.1 Profil 30

3.2 Uraian Tugas dan Fungsi Organisasi 31

3.2.1 Kepala Sekolah 31

3.2.2 Wakil Kepala Sekolah 31

3.2.3 Guru 32

3.2.4 Wali Kelas 32

3.2.5 Guru Pembimbing dan Konseling 33

3.2.6 Pustakawan Sekolah 33

3.2.7 Pengelola Laboratorium 33

3.2.8 Kepala Tata Usaha 34

3.3 Visi dan Misi 34

3.4 Struktur Organisasi 35

Bab 4 Perancangan Sistem 37

4.1 Perencanaan dan Perancangan 37 4.2 Perancangan Halaman Website 40

4.2.1 Halaman Home 40

4.2.2 Halaman Profil 40

4.2.3 Guru dan Siswa 40

4.2.4 Halaman Buku Tamu 40

4.2.5 Halaman Admin 41

4.3 Perancangan Data Flow Diagram (DFD) 41 4.4 Perancangan Diagram Alir (flowchart) Website 43

4.4.1 Flowchart Menu Utama 43

4.4.2 Flowchart Admin 45

4.4.3 Flowchart Administrator Siswa 46

4.4.4 Flowchart Admin Guru 47

4.5 Merancang Database Server 47

4.6 Design Website 50

4.6.1 Design halaman home 50

4.6.2 Design header website 51

4.7 Gambaran Umum Perancangan Website 52

4.7.1 Administrator Website 52

4.7.2 Pengunjung Website 54

Bab 5 Implementasi Sistem ... 56 5.1 Pengertian Implementasi sistem 56 5.2 Tujuan Implementasi Sistem 56 5.3 Komponen dalam Implementasi Sistem 57 5.4 Instalasi Apache, PHP dan MySQL 58

Bab 6 Kesimpulan dan Saran 63

6.1 Kesimpulan 63

6.2 Saran 64

Daftar Pustaka 65

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Admin 48

Tabel 4.2 Tabel Siswa 48

Tabel 4.3 Tabel Guru 49

DAFTAR GAMBAR

Halaman Gambar 3.1 Struktur Organisasi SMA NEGERI 1 BARUS 36

Gambar 4.1 Struktur Website 39

Gambar 4.2 Diagram Konteks Wibesite 42

Gambar 4.3 Flowchart Menu Utama 44

Gambar 4.4 Flowchart Admin 45

Gambar 4.5 Flowchart Admin Siswa 46

Gambar 4.6 Flowchart Admin Guru 47

Gambar 4.7 Tampilan Halaman Home 51

Gambar 4.8 Tampilan Header Website 52

Gambar 4.9 Tampilan Halaman Administrator 53

Gambar 5.1 Instalasi Apache2triad 59

Gambar 5.2 Menentukan Direktori Instalasi Apache2triad 59 Gambar 5.3 Masukan Password Instalasi Apache2triad 60 Gambar 5.4 Autentifikasi Instalasi Apache2triad 60

Gambar 5.5 Proses Instalasi Apache2triad 61

Gambar 5.6 Proses Instalasi Apache2triad 61

Gambar 5.7 Proses Instalasi Apache2triad 62

Gambar 5.8 Proses Instalasi Apache2triad 62

ABSTRAK

Kajian ini bertujuan untuk membangun suatu website pada SMA NEGERI 1 BARUS. Website ini dikembangkan dengan mengguinakan perangkat lunak Macromedia Dreamweaver MX 2004, Apache, PHP, dan MYSQL, website ini berfungsi untuk memberikan informasi tentang SMA NEGERI 1 BARUS. Tujuan website ini adalah untuk mempermudah masyarakat dalam memperoleh informasi mengenai SMA NEGERI 1 BARUS secara online dan update.

BAB 1

PENDAHULUAN

1.1 Latar Belakang

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 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.

Aplikasi web atau bisa disebut juga dengan perangkat lunak berbasis web telah berkembang dengan pesat baik dari segi penggunaan, ukuran, bahasa yang digunakan dan kompleksitasnya. Aplikasi web pada mulanya hanya berupa situs web yang bersifat statis dan navigated oriented, serta lebih banyak digunakan sebagai brosur produk atau profil perusahaan online. Pada saat ini aplikasi web telah banyak yang bersifat dinamis, interaktif dan task oriented untuk digunakan dalam sistem informasi, telekomunikasi, perdagangan, perbankan dan lain-lain.

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, maka penulis membuat suatu website di SMA NEGERI 1 BARUS, yang mana sebelumnya di sekolah tersebut belum mempunyai sebuah website. Dengan sebuah website ini, sekolah SMA NEGERI 1 BARUS pun dapat mempromosikan dirinya kepada masyarakat luas dan masyarakat pun dengan mudah mengakses dan mengetahui segala sesuatu mengenai SMA NEGERI 1 BARUS dengan cepat tanpa memerlukan waktu yang banyak. 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 :

”SISTEM INFORMASI PADA SMA NEGERI 1 BARUS BERBASIS WEB DINAMIS DENGAN PHP DAN MY SQL”.

Penulis berharap semoga penulisan tugas akhir ini dapat memberikan kemudahan bagi seluruh masyarakat terutama siswa / siswi SMA NEGERI 1 BARUS melalui sebuah website ini dan umumnya bagi siapa saja yang ingin tahu mengenai SMA NEGERI 1 BARUS.

Adapun batasan dari tugas akhir ini adalah :

1. Membahas pembuatan desain web dinamis sebagai suatu website yang memberikan informasi bagi pengguna baik kalangan masyarakat umum maupun dari pihak sekolah itu sendiri yang membutuhkan informasi tentang SMA NEGERI 1 BARUS.

2. Aplikasi web ini dibangun dibawah sistem operasi Windows XP yang mencakup aplikasi Macromedia Dreamweaver MX 2004, 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.3 Perumusan Masalah

Permasalahan yang dihadapi dalam penelitian ini adalah bagaimana membuat suatu website yang dinamis pada SMA NEGERI 1 BARUS sehingga dapat menarik perhatian pengunjung web, baik dari kalangan masyarakat umum maupun dari pihak sekolah tersebut.

Sehubung dengan hal tersebut dapat dirumuskan permasalahan sebagai berikut :

1.Bagaimana penyajian informasi dan fasilitas yang ada di SMA NEGERI 1 BARUS ini dapat sampaikan dengan baik.

2. Langkah apa yang dilakukan agar aplikasi web dapat diakses oleh user dengan cepat dan mudah.

3. Ide - ide apa yang akan diterapkan sehingga membuat tampilan web banyak diminati user.

4. Bagaimana informasi pada aplikasi web dapat di update dengan mudah pada waktu yang diinginkan.

1.4 Tujuan dan Manfaat Penelitian

Dengan semakin berkembangnya perangkat komputer baik hardware maupun software membuat seluruh aspek kehidupan menuntut suatu manajemen yang baik dalam meningkatkan efisiensi dan efektivitas kerja. Salah satu cara penerapannya adalah dengan membuat website SMA NEGERI 1 BARUS.

Adapun tujuan dan manfaat dari penelitian ini adalah : Tujuan penulisan tugas akhir ini adalah :

1. Untuk merancang suatu aplikasi web yang dinamis yang dimanfaatkan untuk menyebarkan informasi yang baik dengan cepat dan mudah.

2. Untuk menunjukkan penggunaan dari PHP dalam membangun suatu aplikasi web dinamis serta hubungannya dengan bahasa pemrograman web dan aplikasi lainnya.

1. Memberikan kemudahan bagi para alumni SMA NEGERI 1 BARUS untuk mengetahui tentang keberadaan dari semua teman-temannya semasa sekolah dulu dengan menggunakan website ini.

2. Memberikan kemudahan bagi masyarakat umum untuk mengetahui informasi tentang SMA NEGERI 1 BARUS.

3. Serta membantu mempromosikan dan mengenalkan SMA NEGERI 1 BARUS, agar para orang tua mau menyekolahkan anak-anak mereka disekolah ini.

1.5 Metodologi Penelitian

Adapun Metodologi penelitian yang di lalukan penulis adalah :

1. Penelitian Kepustakaan (Library Research)

Disini penulis menggunakan buku-buku yang berhubungan dengan masalah sehingga dapat membantu penyelesaian masalah.

2. Penelitian Lapangan (Field Research)

Penelitian dilakukan langsung ke SMA NEGERI 1 BARUS

untuk mendapatkan data, dimana penulis melakukan pengumpulan data dengan cara bertanya langsung kepada pihak sekolah yang terkait.

3. Perancangan Website

Membahas mengenai sistem yang dirancang dan penggunaan Macromedia Dreamweaver MX 2004 sebagai editor parancang website.

4. Pengeditan Website :

b. Pengeditan grafic / gambar

c. Pengerjaan script PHP dan MYSQL 5. Pengujian

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, Batasan Masalah, Perumusan Masalah, Tujuan dan Manfaat Penelitian, Metodologi Penelitian, dan Sistematika Penulisan.

BAB 2 : TINJAUAN TEORI

Di dalam bab ini diuraikan sekilas tentang Pengertian sistem, Data dan Informasi, Sistem Informasi, Pengenalan Internet, Sejarah Internet, Pengenalan HTML, PHP, MYSQL, CSS, dan DHTML, serta Macromedia Dreamweaver MX 2004.

BAB 3 : GAMBARAN SEKILAS SMA NEGERI 1 BARUS

Bab ini berisikan tentang profil SMA NEGERI 1 BARUS, Uraian tugas dan fungsi organisasi SMA NEGERI 1 BARUS, Visi dan misi SMA NEGERI 1 BARUS, Dan struktur organisasi SMA NEGERI 1 BARUS.

BAB 4 : PERANCANGAN SISTEM

Bab ini berisikan pembahasan mengenai sistem yang dirancang, dan penggunaan Macromedia Dreamweaver MX 2004 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 TEORI

2.1 Pengertian Sistem

Sistem berasal dari Yunani “System”, yang artinya sekumpulan objek yang bekerja bersama-sama menghasilkan metode, prosedur, teknik yang digabungkan dan diatur sedemikian rupa sehingga menjadi satu kesatuan yang berfungsi untuk mencapai suatu tujuan (Anatol Raporot).

Sebuah sistem berarti adanya ketentuan, adanya peraturan dan adanya suatu tujuan. Ada beberapa elemen yang membentuk sebuah sistem, yaitu :

a. Tujuan b. Masukan c. Proses d. Keluaran

2.2 Data dan Informasi

Data merupakan jamak dari bentuk tunggal atau data item, data merupakan informasi yang masih dalam bentuk mentah yang belum dapat diceritakan, sehingga perlu diolah lebih lanjut. Data dapat didefinisikan sebagai kenyataan yang digambarkan oleh nilai-nilai bilangan, untaian karakter atau simbol-simbol yang membawa arti tertentu. Data informasi adalah hasil dari pengolahan data dalam bentuk yang lebih berarti dan lebih berguna bagi penerimanya yang digunakan sebagai alat bantu dalam pengambilan keputusan.

2.3 Sistem Informasi

Sistem informasi adalah sekumpulan prosedur organisasi yang pada saat dilaksanakan akan memberikan informasi bagi pengambilan keputusan atau untuk mengendalikan organisasi.

2.4. Internet

Internet dapat diartikan sebagai jaringan komputer luas dan besar yang mendunia, yaitu menghubungkan pemakai komputer dari suatu negara ke negara lain di seluruh dunia, dimana di dalamnya terdapat berbagai sumber daya informasi dari mulai yang statis hingga yang dinamis dan interaktif.

Sejarah internet dimulai pada 1969 ketika Departemen Pertahanan Amerika memutuskan untuk mengadakan riset tentang bagaimana caranya menghubungkan sejumlah komputer sehingga membentuk jaringan organik. Program riset ini dikenal dengan nama ARPANET. Pada 1970, sudah lebih dari 10 komputer yang berhasil dihubungkan satu sama lain sehingga mereka bisa saling berkomunikasi dan membentuk sebuah jaringan.

Tahun 1972, Roy Tomlinson berhasil menyempurnakan program e-mail yang ia ciptakan setahun yang lalu untuk ARPANET. Program e-mail ini begitu mudah, sehingga langsung menjadi populer. Pada tahun yang sama, icon @ juga diperkenalkan sebagai lambang penting yang menunjukan "at" atau "pada". Tahun 1973, jaringan komputer ARPANET mulai dikembangkan meluas ke luar Amerika Serikat. Komputer University College di London merupakan komputer pertama yang ada di luar Amerika yang menjadi anggota jaringan ARPANET. Pada tahun yang sama, dua orang ahli komputer yakni Vinton Cerf dan Bob Kahn mempresentasikan sebuah gagasan yang lebih besar, yang menjadi cikal bakal pemikiran internet. Ide ini dipresentasikan untuk pertama kalinya di Universitas Sussex. Hari bersejarah berikutnya adalah tanggal 26 Maret 1976, ketika Ratu Inggris berhasil mengirimkan e-mail dari Royal Signals and Radar Establishment di Malvern. Setahun kemudian, sudah lebih dari 100 komputer yang bergabung di ARPANET membentuk sebuah jaringan atau network. Pada 1979, Tom Truscott, Jim Ellis dan Steve Bellovin, menciptakan newsgroups pertama yang diberi nama USENET. Tahun 1981 France Telecom menciptakan gebrakan dengan meluncurkan telpon televisi pertama, di mana orang bisa saling menelpon sambil berhubungan dengan video link. Karena komputer yang membentuk jaringan semakin hari semakin banyak, maka dibutuhkan sebuah protokol resmi yang diakui oleh semua jaringan.

Pada tahun 1982 dibentuk Transmission Control Protocol atau TCP dan Internet Protocol atau IP yang kini kita kenal semua. Sementara itu di Eropa muncul jaringan komputer tandingan yang dikenal dengan Eunet, yang menyediakan jasa jaringan komputer di negara-negara Belanda, Inggris, Denmark dan Swedia. Jaringan Eunet menyediakan jasa e-mail dan newsgroup USENET. Untuk menyeragamkan alamat di jaringan komputer yang ada, maka pada tahun 1984 diperkenalkan sistem nama domain, yang kini kita kenal dengan DNS atau Domain Name System. Komputer yang tersambung dengan jaringan yang ada sudah melebihi 1000 komputer lebih. Setahun kemudian alamat anggota jaringan mulai menggunakan alamat dengan akhiran .com.. Sistem alamat yang serba praktis ini langsung menggelumbungkan jumlah komputer yang tersambung dengan jaringan. Pada 1987 jumlah komputer yang tersambung ke jaringan melonjak 10 kali lipat menjadi 10.000 lebih.

Tahun 1988, antar sesama komputer sudah mulai dapat mengobrol atau chatting, karena Jarko Oikarinen dari Finland berhasil menemukan dan sekaligus memperkenalkan IRC atau Internet Relay Chat. Setahun kemudian, jumlah komputer yang saling berhubungan kembali melonjak 10 kali lipat dalam setahun. Tak kurang dari 100.000 komputer kini membentuk sebuah jaringan. Tahun 1990 adalah tahun yang paling bersejarah, ketika Tim Berners Lee menemukan program editor dan browser yang bisa menjelajah antara satu komputer dengan komputer lainnya, yang membentuk jaringan itu. Program inilah yang disebut www, atau World Wide Web.

Tahun 1992, komputer yang saling tersambung membentuk jaringan sudah melampaui sejuta komputer, dan di tahun yang sama muncul istilah "surfing the internet". Tahun 1994, situs internet telah tumbuh menjadi 3.000 alamat halaman, dan untuk pertama kalinya virtual-shopping atau e-retail muncul di internet. Dunia langsung berubah. Di tahun yang sama Yahoo! Didirikan, yang juga sekaligus tahun kelahiran Netscape Navigator 1.0.

Setahun kemudian internet sudah menjadi jalur di mana suara, gambar, bisa streaming sekaligus. Tahun 1996 transaksi perdagangan di internet sudah mencapai satu milyar dollar AS. Tahun 1997 situs internet sudah melewati 1,2 juta. Nama domain business.com mencapai rekor penjualan 150.000 dollar AS. Tahun 1998, situs internet tumbuh menjadi 4,2 juta, dan nama domain yang terdaftar sudah melewati angka dua juta. Tahun 1999 nama domain business.com terjual kembali 7,5 juta dollar AS. Tahun 2000 situs internet sudah melewati 21,1 juta.

2.4.2 Manfaat Internet

Secara umum ada banyak manfaat yang dapat diperoleh apabila seseorang mempunyai akses ke internet. Berikut ini sebagian dari apa yang tersedia di internet :

1. Informasi untuk kehidupan pribadi : kesehatan, rekreasi,hobby, pengembangan pribadi, rohani, sosial.

2. Informasi untuk kehidupan profesional / pekerja :sains,teknologi, perdagangan, saham, komoditas, berita bisnis, asosiasi profesi, asosiasi bisnis, berbagai forum komunikasi.

Satu hal yang paling menarik ialah keanggotaan internet tidak mengenal batas negara, ras, kelas ekonomi, ideologi atau faktor faktor lain yang biasanya dapat menghambat pertukaran pikiran. Internet adalah suatu komunitas dunia yang sifatnya sangat demokratis serta memiliki kode etik yang dihormati segenap anggotanya. Manfaat internet terutama diperoleh melalui kerjasama antar pribadi atau kelompok tanpa mengenal batas jarak dan waktu. Untuk lebih meningkatkan kualitas sumber daya manusia di Indonesia, sudah

waktunya para profesional Indonesia memanfaatkan jaringan internet dan menjadi bagian dari masyarakat informasi dunia.

2.4.3 URL (Uniform Resource Locator)

URL digunakan sebagai penunjuk lokasi pada internet. URL dapat dimisalkan dengan alamat yang menunjuk pada suatu lokasi . Contoh penggunaan URL adalah untuk menunjuk alamat pada suatu website.

2.4.4 Nama Domain

Setiap komputer yang terhubung jaringan TCP/IP akan memilki IP address yang unik. IP address terdiri dari empat grup angka yang dipisahkan oleh titik. Nama domain sebenarnya adalah representasisari IP address. Sebagai contoh IP address dari website Google. Perbedaannya adalah saat mengetikkan url komputer terlebih dahulu mencari IP address dari google.com yaitu kemudian akan me-link ke server tempat file –filenya disimpan.

2.4.5 Browser

Browser adalah sebuah program yang digunakan untuk menampikan halaman web. Browser berkomunikasi dengan web server melalui protocol HTTP, yang membaca dan menerjemahkan bahasa HTML dan data gambar untuk ditampilkan secara visual sehingga informasi yang ada dapat dibaca.. Pengeksekusian atau pembacaan halaman web oleh browser dibagi menjadi dua berdasarkan pengeksekusiannya, yaitu pengeksekusian pada sisi klien dan pada sisi server.

a. Client Side

Pada sisi klien, script yang dibuat akan dijalankan pada komputer klien (user) lalu ditampilkan hasinya pada browser sehingga sering disebut browser scripting. Diantaranya adalah HTML, JavaScript, VBScript, DHTML dan lain – lain. Kegunaannya untuk membuat tampilan pada web lebih menarik dan dinamis.

b. Server Side

Pada sisi server, script akan dijalankan pada komputer server, kemudian server akan mengirimkan hasilnya pada browser komputer klien. Kerja script pada server side berbeda dengan client side, pada server side, server pada komputer menjadi berat , karena server side membutuhkan banyak resource server untuk mendukung scriptingnya. Scripting pada server side diantaranya adalah Perl, PHP, ASP, JSP, Coldfusion dan lain-lain.

2.4.6 Email

Email adalah salah satu produk yang dihasilkan pada masa sejarah berkembang internet. Dengan email komunikasi pada dunia internet menjadi lebih cepat dan efisien. Email adalah singkatan dari electronic mail (surat elektronik) yang fungsinya sama yaitu untuk mengirim surat atau pesan ke alamat yang dituju, tetapi dengan media internet.

Chatting adalah pembicaraan yang dilakukan kepada orang lain dengan menuliskan kata-kata dan menggunakan komputer yang terhubung ke internet secara bersamaan. Apapun yang anda ketik melalui keyboard, maka akan muncul pada layar komputer rekan chatting anda. Ada banyak program-pogram chatting diantaranya Yahoo Instant Messager (YIM), MIRC, MSN, dan lain-lain.

2.5 Pengenalan HTML

HTML atau yang memiliki kepanjangan Hypertext Markup Language adalah script dimana kita bisa menampilkan informasi dan daya kreasi kita lewat 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 skrip HTML dimana kita bisa mengatur judul, garis, tabel, gambar, dan lain-lain dengan perintah yang telah ditentukan pada elemen HTML.

HTML sendiri dikeluarkan oleh W3C (World Wide Web Consortium), setiap terjadi perkembangan level HTML, harus dievaluasi ketat dan disetujui oleh W3C. Hingga kini versi terakhir HTML yang telah disetujui oleh W3C adalah HTML versi 4.01.

2.5.1 Bagian-Bagian HTML

HTML 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>…</title> </head>

<body>

… isi dari halaman web … </body>

</html>

Tag adalah kode-kode yang digunakan untuk men-setting 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.

2.6 Pengenalan PHP

PHP adalah bahasa pemrograman web atau scripting language yang didesain untuk web. PHP dibuat pertama kali oleh satu orang yaitu Rasmus Lerdorf, yang pada awalnya dibuat untuk menghitung jumlah pengunjung pada homepagenya. Pada waktu itu PHP bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang digunakan untuk mengolah data form dar

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut dan menamakannya Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi banyak programmer yang tertarik untuk ikut mengembangkan PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan. Pada tahun 1997, sebuah perusahaan bernama cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0.

Pada tahun 1997, sebuah perusahaan bernama menjadi lebih bersih, lebih baik dan lebih cepat. Kemudian pada Juni 1998 perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan nama rilis tersebut menjadi PHP 3.0. Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak dipakai. Versi ini banyak dipakai sebab versi ini mampu dipakai untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan proses dan stabilitas yang tinggi.

Pada Juni 2004, Zend merilis PHP 5.0. Versi ini adalah versi mutakhir dari PHP. Dalam versi ini, inti dari interpreter PHP mengalami perubahan besar. Dalam versi ini juga dikenalkan model bahas pemrograman kearah pemrograman berorientasi objek.

2.6.1 Kelebihan dan Kelemahan PHP

Kelebihan PHP sebagai bahasa server-side adalah :

1. Bahasa pemrograman php adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaanya.

2. Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai IIS sampai dengan apache, dengan configurasi yang relatif mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, php adalah bahasa scripting yang paling mudah karena referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin dapat menjalankan perintah-perintah system.

Adapun Kelemahan PHP adalah :

1. Tidak ideal untuk pengembangan skala besar.

2. Tidak bisa memisahkan antara tampilan dengan logik dengan baik (walau penggunaan template dapat memperbaikinya).

3. PHP memiliki kelemahan security tertentu apabila programmer tidak jeli dalam melakukan pemrograman dan kurang memperhatikan isu dan konfigurasi PHP.

Bahasa pemrograman PHP dapat digabungkan dengan HTML dengan terlebih dahulu memberikan tanda tag buka dilanjutkan tanda tanya ( <? ) kemudian ditutup dengan tanda tanya dilanjutkan tanda tag tutup ( ?> ). Ada dua tipe penggabungan antara PHP dan HTML yaitu:

1. Embedded Script

Yakni penulisan tag PHP di sela-sela tag HTML. Dengan cara ini, penulisan tag PHP digunakan untuk mengapit bagian-bagian tertentu dalam dokumen yang memerlukan script PHP untuk proses di dalam server. Embedded Script menempatkan sebagai bagian dari script HTML.

Contoh penulisan Embedded Script dapat dilihat di bawah ini : <html>

<head>

<title>Testing</title> </head>

<body>

<? echo "Halo Dunia"; ?> </body>

</html>

2. Non Embedded Script

Yakni cara penulisan tag PHP dibagian paling awal dan paling akhir dokumen. Dengan cara ini, penulisan tag PHP digunakan untuk mengawali dan mengakhiri keseluruhan bagian dalam sebuah dokumen. Non Embedded Script menempatkan script HTML sebagai bagian dari script PHP.

Contoh Penulisan Non Embedded Script dapat dilihat dibawah ini : <?

echo ‘<html>’; echo ’<head>’; echo ‘<title>Testing</title>’; echo ‘</head> <body>’;

echo ‘Halo Dunia’;

echo ‘</body>’; echo ’</html>’;

?>

2.7 Pengenalan SQL

SQL adalah sebuah database yang dapat berjalan sebagai Server maupun Client. Produk database MySQL ini memiliki General Public Licence, dan bersifat Open Source, sehingga bebas untuk digunakan, diedarkan, maupun dikembangkan kembali, tanpa harus khawatir dengan hak cipta. Sejarah SQL dimulai dari artikel seorang peneliti dari IBM bernama EF Codd yang membahas tentang ide pembuatan basis data relasional pada bulan juni tahun 1970. Dalam artikel ini juga dibahas tentang kemungkinan pembuatan bahasa standar untuk mengakses data dalam basis data tersebut. Bahasa tersebut kemudian diberi nama SEQUEL (Structured English Query Language).

Setelah terbitnya artikel tersebut, maka IBM mengadakan proyek pembuatan basis data relasional beserta SEQUEL. Akan tetapi karena permasalah hukum mengenai penamaan SEQUEL, maka IBM merubahnya menjadi SQL. Implementasi basis data relasional dikenal dengan System/R.

Di akhir tahun 1970-an muncul perusahaan bernama Oracle yang membuat server basis data populer yang bernama sama dengan nama perusahaannya. Dengan naiknya kepopuleran Oracle, maka SQL juga ikut populer sehingga saat ini menjadi standar defacto bahasa dalam manajemen basis data.

2.7.1 Standarisasi SQL

Standarisasi SQL dimulai pada tahun 1986, ditandai dengan dikeluarkannya standar SQL oleh ANSI. Standar ini sering disebut dengan SQL86. Standar tersebut kemudian diperbaiki pada tahun 1989 kemudian diperbaiki lagi pada tahun 1992. Versi terakhir dikenal dengan SQL92. Pada tahun 1999 dikeluarkan standar baru yaitu SQL99 atau disebut juga SQL99, akan tetapi kebanyakan implementasi mereferensi pada SQL92.

2.7.2 Pemakaian Dasar SQL

Pemakaian dasar SQL adalah sebagai berikut: 1. Mendefinisikan Tabel

CREATE TABLE NAMA_TABLE (DEFINISI_TABLE); Contoh:

CREATE TABLE TEST ( NAMA VARCHAR(20), ALAMAT VARCHAR(255), PASSWORD VARCHAR(10) );

2. Menyimpan data

Untuk menyimpan data dalam tabel dipergunakan sintaks :

INSERT INTO NAMA_TABLE (DAFTAR_FIELD) VALUES (DAFTAR_NILAI);

Contoh:

INSERT INTO TEST (NAMA, ALAMAT, PASSWORD) VALUES ('akbar', 'jl. Setia budi psr. 2 tj. sari gg. Bunga dewi I no. 10', '21463');

3. Mengambil data

Untuk mengambil data dipergunakan sintaks :

SELECT DAFTAR_FIELD FROM NAMA_TABLE KONDISI; Contoh:

SELECT nama FROM TEST;

Kondisi diatas berupa optional (bisa digunakan dan bisa tidak digunakan).

4. Mengubah data

Untuk mengubah data dipergunakan sintaks :

UPDATE NAMA_TABEL SET DATA_FIELD_LAMA WHERE DATA_FIELD_BARU;

UPDATE mahasiswa SET nama = 'akbar' WHERE nama = 'syahrial'; 5. Menghapus data

Untuk menghapus data dipergunakan sintaks: DELETE FROM NAMA_TABLE KONDISI Contoh:

DELETE FROM TEST WHERE NAMA='akbar';

2.8 Pengenalan CSS

Cascading Style Sheets (CSS) adalah suat mengatur tampilan suatu dokumen yang ditulis dalam pelengkap pada HTML. Dan tugas utama CSS adalah adalah menetapkan aturan tampilan/style yang akan digunakan pada sebuah website. CSS dapat mengubah besar kecilnya text, mengganti warna background pada sebuah halaman, atau dapat pula mengubah warna border pada tabel, dan masih banyak lagi hal yang dapat dilakukan oleh CSS. Singkatnya, CSS digunakan untuk mengatur susunan tampilan pada halaman HTML.

2.9 Pengenalan DHTML

DHTML adalah suatu istilah yang diberikan untuk suatu halaman web yang memanfaatkan HTML (Hypertext Markup Language) dan DOM (Document Object Model), CSS (Cascading Style Sheet) dan client-side scripting untuk membuat tampilan halaman tersebut dinamis atau interaktif. Istilah Dynamic ditambahkan untuk membedakan sifat dinamis halaman web ini dengan halaman web statis yang dibuat hanya berdasarkan HTML.

DHTML mulai diterapkan pada browser generasi ke empat - Microsoft Internet Explorer 4 (IE4) dan Netscape Communicator 4 (NS4). DHTML sepenuhnya merupakan teknologi client side yang hanya bergantung pada kemampuan browser untuk menampilkan dan memanipulasi elemen halaman web yang tidak bisa dilakukan dengan hanya mengandalkan HTML.

Sebagian besar hal yang bisa dibuat dengan DHTML bisa juga dibuat dengan menggunakan teknologi authoring web lain seperti Java, Flash, atau ShockWave. Penggunaan DHTML mempunyai kelebihan karena tidak memerlukan plugin apapun untuk menjalankannya dan ukurannya jauh lebih kecil dibandingkan penggunaan teknologi lain. Kelemahannya, masih banyak hal-hal yang belum bisa dilakukan dengan menggunakan DHTML seperti suara dan video. Saat ini sudah cukup banyak penerapan DHTML yang sering anda temukan sewaktu mengakses internet sehari-hari. Yang umum misalnya rollover menu (baik berbentuk image ataupun teks biasa), dropdown menu, trailing cursor, sliding text, dll.

2.10 Mengenal Macromedia Dreamweaver MX 2004

Macromedia Dreamweaver adalah sebuah editor HTML profesional untuk mendesain secara visual dan mengelola situs Web maupaun halaman Web. Macromedia Dreamweaver MX 2004 adalah salah satu produk dari vendor Macromedia Inc. Pada saat ini, pihak Macromedia telah mengeluarkan versi terbaru dari Macromedia Dreamweaver yaitu Macromedia Dreamweaver MX 8.

Dreamweaver MX 2004 memiliki kemampuan untuk menyunting kode dengan lebih baik, serta mampu menggabungkan layout site dengan programming webnya. Kehebatan

Dreamweaver ini menjadikan Dreamweaver lebih banyak digunakan oleh Web Desainer maupun Web Programmer guna mengembangkan situs web. Ruang kerja, fasilitas, dan kemampuan Dreamweaver mampu meningkatkan produktivitas dan efektivitas dalam desain maupun membangun situs web.

2.10.1 Memulai Dreamweaver MX 2004

Sepertinya halnya dengan program-program lain, untuk menjalankan Macromedia Dreamweaver MX 2004, mulailah dengan memilih tombol Start pada taskbar, kemudian pilih All Program pada tampilan Start Menu Program, pilih folder Macromedia dan klik Macromedia Dreamweaver MX 2004. Pada saat pertama kali menggunakan Dreamweaver setelah penginstallan, kita akan mendapatkan tampilan kotak dialog yang menanyakan pilihan layout ruang kerja yang ingin anda gunakan, sebaiknya kita gunakan ruang kerja designer.

2.10.2 Area Kerja Pada Dreamweaver MX 2004

Komponen yang terdapat pada ruang kerja Dreamweaver MX 2004 adalah :

1. Document Window berfungsi untuk menampilkan dokumen dimana Anda sekarang bekerja.

2. Menu Utama berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

3. Insert Bar terdiri dari tombol-tombol untuk menyisipkan berbagai macam objek seperti hyperlink, image, tabel, daan lain-lain.

4. Document Toolbar berisi tombol-tombol dan menu pop-up dari dokumen yang sedang kita gunakan.

5. Panel Groups adalah sekumpulan panel window yang saling berkaitan satu sama lain, yang dikelompokkan dibawah satu judul untuk membantu bekerja dengan Dreamweaver.

6. Tag Selector adalah tag-tag HTML yang terpilih sesuai dengan objek yang ada di area kerja.

7. Properti Inspector digunakan untuk melihat dan megubah berbagai properti dari tiap objek terpilih yang ada di area kerja. Setiap objek memiliki properti yang berbeda-beda.

2.10.3 Menu Bar Area Kerja

Di dalam area kerja Dreamweaver MX 2004 terdapat beberapa menu utama yang sangat sederhana dan mudah untuk dipahami. Pada Menu Bar Area Kerja Dreamweaver MX 2004 terdiri dari beberapa komponen yang dapat kita gunakan, yaitu :

1. Menu File

Menu File terdiri dari perintah untuk membuat dokumen baru, membuka dokumen yang telah disimpan, dan lain-lain.

2. Menu Edit

Menu Edit terdiri dari perintah untuk mencopy, memindahkan, serta perintah untuk pemilihan seperti Select All, dan lain-lain.

3. Menu View

Berisi perintah untuk menampilkan beberapa macam tampilan jendela dari area kerja Dreamweaver MX 2004. Seperti jendela Code dan View, serta untuk menampilkan dan menyembunyikan beberapa elemen halaman dan toolbar.

4. Menu Insert

Berisikan alternatif baris insert untuk menyisipkan obyek didalam dokumen.

5. Menu Modify

Berfungsi untuk melakukan perubahan properti pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti tabel dan elemen tabel, dan bermacam bentuk aksi untuk item library dan template.

6. Menu Text

Berfungsi untuk mempermudah dalam melakukan format teks.

7. Menu Commands

Berisi akses ke beberapa perintah, format kode yang sesuai dengan format pilihan kita, membuat photo album, dan melakukan pengeditan gambar dengan menggunakan Macromedia Fireworks.

8. Menu Site

Berisi item untuk mengelola situs seperti mendefenisikan situs baru, menghapus situs, menduplikasikan situs yang telah didefenisi.

9. Menu Window

Menyediakan akses ke seluruh panel, inspector, dan jendela didalam Dreamweaver.

10. Menu Help

BAB 3

SEKILAS SMA NEGERI 1 BARUS

3.1Profil

SMA NEGERI 1 BARUS berada di Jl. KS. Tubun No. 2 Barus Kec. Barus Kab. Tapanuli Tengah. Sekolah ini didirikan pada tanggal 18 Juli 1962. Pada awal berdirinya sekolah ini bernama SMU NEGERI 1 BARUS, tetapi kemudian berubah menjadi SMA NEGERI 1 BARUS.

Seperti sekolah-sekolah lain pada umumnya memiliki ruang kelas untuk kegiatan belajar mengajar. Di SMA NEGERI 1 BARUS ini terdapat 12 ruangan kelas. Yang mana kelas satunya terdapat 4 ruangan, kelas duanya terdapat 4 ruangan, yang terdiri dari 2 ruangan untuk jurusan IPA dan 2 ruangan lagi untuk jurusan IPS dan di kelas tiganya juga terdapat 4 ruangan, yang terdiri dari 2 ruangan untuk jurusan IPA dan 2 ruangan lagi untuk jurusan IPS.

Untuk mendukung kegiatan siswa / siswi dalam belajar di SMA NEGERI 1 BARUS ini juga terdapat perpustakaan, ruangan laboratorium komputer, ruangan laboratorium untuk

pelaksanaan praktikum dan fasilitas lainnya yang menunjang kegiatan belajar siswa / siswi SMA NEGERI 1 BARUS. Untuk pelaksanaan kegiatan olah raga, sekolah ini sudah dilengkapi dengan lapangan volly dan lapangan futsal. Dan untuk tidak menyampingkan moral dan ahklak siswa / siswi SMA NEGERI 1 BARUS, juga terdapat tempat ibadah seperti mushola dan kegiatan-kegiatan keagamaan seperti pesantren kilat dan kebangkitan rohani yang diharapkan mampu meningkatkan ahklak dan moral siswa / siswi SMA NEGERI 1 BARUS.

3.2Uraian Tugas dan Fungsi Organisasi

3.2.1 Kepala Sekolah

Kepala Sekolah berfungsi dan bertugas sebagai edukator, manejer, administrator, supervisor serta pemimpin / Leader inovator.

3.2.2 Wakil Kepala Sekolah

Wakil Kepala Sekolah bertugas membantu Kepala Sekolah dalam kegiatan : 1. Menyusun kurikulum

2. Mengatur segala program kesiswaan.

3. Merencanakan kebutuhan sarana dan prasarana.

4. Mengatur dan mengembangkan hubungan dengan masyarakat. 5. Mengatur dan mengawasi penyelenggaraan program pendidikan.

6. Mengatur mutasi siswa.

7. Menyusun program kegiatan ekstrakurikuler.

8. Mengatur penyusunan bahan pengajaran dan pengembangan kurikulum.

3.2.3 Guru

Guru bertanggung jawab kepada Kepala Sekolah dan mempunyai tugas melaksanakan kegiatan proses belajar mengajar secara efektif dan efisien.

3.2.4 Wali Kelas

Membantu Kepala Sekolah dalam kegiatan: 1. Pengelolaan kelas.

2. Penyelenggaraan administrasi kelas. 3. Pembuatan catatan khusus tentang siswa. 4. Penyusunan statistik bulanan siswa. 5. Penyusunan nilai siswa.

Bertugas membantu Kepala Sekolah dalam penyusunan dan pelaksanaan pembimbingan dan konseling di sekolah.

3.2.6 Pustakawan Sekolah

Bertugas membantu Kepala Sekolah dalam kegiatan: 1. Perencanaan pengenalan buku-buku.

2. Pengurusan pelayanan perpustakaaan. 3. Perencanaan pengembangan perpustakaan.

4. Menyusun laporan pelaksanaan kegiatan perpustakaan secara berkala.

3.2.7 Pengelola Laboratorium

Bertugas membantu Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut: 1. Perencanaan dan pengadaan alat laboratorium.

2. Menyusun jadwal laboratorium.

3. Menyusun laporan pelaksanaan kegiatan laboratorium.

Kepala Tata Usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan bertanggung jawab kepada Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut:

1. Penyusunan program kerja tata usaha sekolah. 2. Pengolahan keuangan sekolah.

3. Penyusunan administrasi perlengkapan sekolah.

4. Penyusunan laporan pelaksanaan kegiatan pengurusan ketatausahaan secara umum.

.

3.3Visi dan Misi

Visi SMA Negeri 1 BARUS :

“Unggul dalam prestasi dan tertib pada peraturan”

Misi SMA Negeri 1 BARUS :

1. Menumbuhkan moral dan budi pekerti, sehingga mampu menjauhkan diri dari perbuatan dan sikap tercela.

2. Meningkatkan rasa percaya diri, penguasaan materi pelajaran, bersikap kritis dan rasa bangga pada almamater.

3. Membangkitkan rasa ingin tahu, ingin maju dan bersaing sehat dalam diri siswa dengan mengoptimalkan daya nalar sebagai upaya untuk meraih prestasi yang lebih tinggi.

4. Mempertahankan sikap saling menghormati dan saling menghargai antar komponen agar tercipta keharmonisan kerja, belajar dan berkreasi.

5. Menampilkan semangat dan daya kerja / belajar yang tinggi sebagai perwujudan relevansi pengetahuan yang dimiliki dengan keterampilan kerja / belajar untuk memupuk pengalaman yang akan diaplikasikan dalam kehidupan di tengah masyarakat.

3.4Struktur Organisasi

Struktur Organisasi adalah suatu bagian yang menunjukkan kedudukan, tugas, wewenang dan tanggung jawab dalam suatu organisasi. Dengan adanya struktur organisasi diharapkan setiap bagian dapat melaksanakan tugasnya masing-masing sesuai denagn wewenang dan tanggung jawab yang telah diberikan, sehingga tujuan dari suatu organisasi atau perusahaan tersebut dapat tercapai dengan baik.

Adapun struktur organisasi dari SMA Negeri 1 BARUS dapat dilihat pada gambar dibawah ini :

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 ?

b. Siapa saja pengunjung yang akan diharapkan ke website tersebut ?

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

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 pendidikan dan kegiatan yang dilakukan sekolah.

b. Pengunjung situs tersebut adalah para siswa SMA NEGERI 1 BARUS, namun tidak menutup kemungkinan bagi masyarakat umum yang ingin mengetahui tentang SMA NEGERI 1 BARUS.

c. Aktivitas yang dapat dilakukan dalam situs tersebut adalah pengunjung dapat mengetahui informasi mengenai berita pendidikan terbaru, membaca artikel para siswa, mengetahui nilai siswa yang dapat diprint, mengetahui kegiatan yang dilakukan sekolah seta informasi penting lainnya.

d. Target yang ingin dicapai dalam pembuatan situs ini adalah dapat memberikan kemudahan bagi siswa 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.

Adapun struktur dari situs yang penulis buat ditunjukkan pada gambar berikut:

Gambar 4.1 Struktur Website

4.2 Perancangan Halaman Website 4.2.1 Halaman Home

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan beberapa informasi umum tentang sekolah dan link-link utama yang menuju ke halaman-halaman lainnya.

4.2.2 Halaman Profil

Halaman ini berisikan informasi sekilas tentang sekolah, alamat sekolah dan link-link yang menghubungkan ke halaman profil tentang sekolah lainnya, seperti Sejarah, Identitas, Visi dan Misi, Struktur Organisasi, serta Komponen dari sekolah dan fungsinya.

Home

Profil Guru dan Buku Admin

Sejarah Data

Data Identitas

Visi dan

Login

4.2.3 Guru dan Siswa

Halaman ini berisikan data guru dan data siswa.

4.2.4 Halaman Buku Tamu

Halaman ini berisikan form tamu untuk memberikan pesan dan kesan kepada sekolah. Isi pesan tersebut hanya dapat dilihat oleh pengirim pesan dan administrator website.

4.2.5 Halaman Admin

Halaman admin berisikan login yang akan menghubungkan ke halaman administrator. Halaman ini khusus hanya dapat diakses oleh administrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data.

4.3 Perancangan Data Flow Diagram (DFD)

Data flow diagram 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 secara grafis. Berikut ini adalah bentuk Data FlowDiagram dari website SMA NEGERI 1 BARUS.

- Info Sejarah Sekolah - Info Data Siswa - Info Struktur Organisasi - Login Administrator - Info Visi Misi - Data Guru

- Info Kurikulum - Data Buku Tamu - Info Data Guru

Buku Tamu

Buku Tamu

Laporan - Pengunjung - Info Data Siswa

Laporan - Administrator - Info Nilai Siswa

Laporan - Data Guru

Laporan - Data Siswa dan Nilai Siswa

Gambar 4.2 Diagram Konteks Website Pengunjung

Sistem Informasi Berbasis Web Pada

Sekolah SMA NEGERI 1 BARUS

Administrator

Siswa Kepala Sekolah

4.4 Perancangan Diagram Alir (flowchart) Website

Diagram alir (flowchart) ini menjelaskan secara rinci langkah-langkah dari proses program. Flowchart dibuat dengan menggunakan simbol-simbol tertentu yang menyatakan setiap langkah program. Berikut ini adalah bentuk-bentuk flowchart dari website SMA NEGERI 1 BARUS.

4.4.1 Flowchart Menu Utama

Seorang pengunjung website dapat mengakses website SMA NEGERI 1 BARUS dan dapat berpindah dari halaman yang satu ke halaman yang lainnya. Masing-masing halaman utama memiliki link-link yang dapat dipilih oleh pengunjung. Flowchart menu utama dapat dilihat pada gambar 4.3 di bawah ini :

START

Tampilan Menu

Home

Profil

Guru dan Siswa

Buku Tamu

Portal Akademik

Admin

Keluar

Pilih link yang ada A

Pilih link yang ada

Pilih link yang ada

Pilih link yang ada

Prosedur Login

Prosedur Login

END

B

C

D

E Ya

Ya

Ya

Ya

Ya

Ya

Ya Tidak

Tidak

Tidak

Tidak

Tidak

Tidak

Tidak

Gambar 4.3 Flowchart Menu Utama

Halaman admin hanya bisa diakses oleh administrator. Username dan password dari administrator harus sesuai dengan tabel admin. Jika username dan password sesuai maka admin akan masuk ke halaman administrator dan jika username atau password salah maka akan timbul pesan error dan diminta untuk login kembali. Flowchart admin dapat dilihat pada gambar 4.4 di bawah ini.

E

Buka Halaman Admin

Input username & password

Cek Username &

password Username & password salah

Tampil Menu Admin

Halaman Data Siswa

Halaman Data Guru

Logout

E

Tampil Halaman Siswa

Tampil Halaman Guru

F

G Ya

Ya

Ya

Ya

Tidak

Tidak

Tidak

Tidak

Gambar 4.4 Flowchart Admin 4.4.3 Flowchart Administrator Siswa

F

Halaman Admin siswa

Input Siswa Baru

Input Nilai Siswa

Edit Data Siswa

Logout

Form Input Siswa

Form Input Nilai

Edit Hapus Form Edit Update Simpan Data Data Tersimpan Data Sudah Dihapus Simpan Simpan Data Data Tersimpan Simpan Simpan Data Data Tersimpan E Ya Ya Ya Ya Ya _Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Tidak Tidak Tidak

Gambar 4.5 Flowchart Admin Siswa

G

Halaman Admin Guru

Input Guru Baru

Edit Data Guru

Logout

Form Input Guru

Edit Hapus Form Edit Update Simpan Data Data Tersimpan Data Sudah Dihapus Simpan Simpan Data Data Tersimpan E Ya Ya Ya Ya Tidak Tidak Tidak Tidak Tidak Ya Ya Tidak Tidak

Gambar 4.6 Flowchart Admin Guru

4.5 Merancang 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 sekolah yang terdiri dari 4 (empat) tabel sebagai berikut :

1. Tabel Admin

Tabel 4.1 Tabel Admin

Field Name Type Width Description

Id Int 10 No.Urut (auto_increment, primary key)

User Varchar 45 Nama User

Password Varchar 45 Password User

2. Tabel Siswa

Tabel 4.2 Tabel Siswa

Field Name Type Width Description

Id Int 10 No Urut (auto_increment, primary key) Password varchar 20 Password Siswa Untuk Login Ke Portal

Nis varchar 50 No Induk Siswa

Nama varchar 40 Nama Siswa

Kelamin varchar 15 Jenis Kelamin Siswa tgl_lahir varchar 15 Tanggal Lahir Siswa

Agama varchar 20 Agama Siswa

Alamat varchar 60 Alamat Siswa Ortu varchar 40 Nama Orang Tua Siswa

3. Tabel Guru

Field Name Type Width Description

Id Int 4 No Urut (auto_increment, Primary Key) Nig varchar 20 Nomor Induk Guru

Nama varchar 45 Nama Guru

Kelamin varchar 15 Jenis Kelamin Guru tanggal_lahir varchar 15 Tanggal Lahir Guru

Alamat varchar 60 Alamat Guru Lulusan varchar 45 Pendidikan Terakhir Guru

Agama varchar 15 Agama Guru

4. Tabel Buku Tamu

Tabel 4.4 Tabel Buku Tamu

Field Name Type Width Description

Nama Varchar 40 Nama Pengirim Email Varchar 45 Email Pengirim

Pesan Text - Pesan yang Ditinggalkan Pengirim

4.6 Design Website

4.6.1 Design halaman home

Dalam mendesign halaman ini, penulis menggunakan software Adobe Photoshop CS3 dan Macromedia Flash 8. Halaman home adalah halaman pembuka yang merupakan halaman

yang akan tampil setelah masuk ke dalam situs SMA NEGERI 1 BARUS. Adapun tampilannya adalah sebagai berikut :

Gambar 4.7 Tampilan Halaman Home

4.6.2 Design header website

Header website adalah bagian paling atas dari website yang biasanya berisi gambar website, alamat, dan nama website. Pada perancangan website ini penulis juga mendesign header website dengan menggunakan software Adobe Photoshop CS3. Header ini berisikan tulisan SMA NEGERI 1 BARUS, nama web, dan alamat sekolah. Secara keseluruhan design header yang penulis buat dapat dilihat pada gambar berikut ini :

Gambar 4.8 Tampilan Header Website

4.7 Gambaran Umum Perancangan Website

Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server dan dapat diakses melalui jaringan interanet dan internet. Karena program ini berjalan dalam sebuah jaringan intranet dan internet, maka dapat dijalankan dengan multiuser, dapat diakses oleh banyak pengguna secara bersamaan dari komputer yang berbeda.

4.7.1 Administrator Website

Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 (tiga) cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin pengguna harus melakukan login terlebih dahulu dengan username : admin dan password : password.

Pada halaman administrator website SMA NEGERI 1 BARUS terdapat 3 (tiga) menu utama, yaitu Halaman Data Siswa, Halaman Data Guru dan Halaman Buku Tamu. Tampilan halaman Administrator dapat dilihat pada gambar berikut ini :

Gambar 4.9 Tampilan Halaman Administrator

1. Halaman Data Siswa

Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, menghapus, dan menambah data dan nilai siswa.

2. Halaman Data Guru

Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, dan menghapus data guru yang mengajar di SMA NEGERI 1 BARUS. Seorang admin dapat melakukan penambahan data guru dengan meng-klik link input guru baru. Serta mengedit dan menghapus data guru dengan meng-klik ling edit data guru. Data guru yang dapat ditambah, diubah dan dihapus mencakup nama, tempat lahir, tanggal lahir, jenjang dan jurusan,

4.6.2 Pengunjung Website

Jenis pengunjung pada website SMA NEGERI 1 BARUS yang dibuat penulis dibagi atas dua jenis pengunjung yaitu pengunjung umum dan pengunjung khusus (siswa/siswi, guru dan pihak SMA NEGERI 1 BARUS.

1. Pengunjung Umum

Pengunjung umum adalah pengunjung biasa atau masyarakat umum yang ingin melihat website SMA NEGERI 1 BARUS maupun untuk memperoleh informasi yang disajikan pada website tersebut. Pengunjung umum ini hanya dapat melihat isi dari website tanpa dapat menambah, mengubah, dan menghapus isi website.

2. Pengunjung Khusus

Pengunjung khusus adalah siswa/siswi maupun pihak sekolah SMA NEGERI 1 BARUS. Siswa/siswi memiliki username dan password .

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.

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 SMA NEGERI 1 BARUS ini dibutuhkan beberapa komponen seperti yang disebutkan diatas, yaitu :

1. Perangkat Keras (Hardware) a. Monitor

b. CPU (Central Processing Unit) c. Harddisk

d. Memory minimal 256 MB. e. Keyboard dan Mouse

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

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 Apache MySQL.

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.

Gambar 5.1 Instalasi Apache2triad

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.

Gambar 5.3 Masukkan Password Instalasi Apache2triad

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.

Gambar 5.5 Proses Instalasi Apache2triad

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

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.

Gambar 5.7 Proses Instalasi Apache2triad

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.

BAB 6

KESIMPULAN DAN SARAN

6.1.Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem dalam pembangunan website SMA NEGERI 1 BARUS. Maka dapat penulis simpulkan :

1. Website merupakan sarana informasi online yang dapat diakses oleh siapapun.

2. Dalam membangun sebuah website tidak harus terhubung dengan internet. Internet diperlukan pada saat upload file dan pengaksesan website.

3. Layout / header yang bagus dan menarik dapat menambah daya tarik website sehingga banyak dikunjungi para pengunjung.

4. Website yang baik adalah website yang selalu meng-update informasinya dengan segala yang baru

1. Senantiasa menjaga dan memperbaharui website agar pengunjung tidak merasa bosan dan mendapatkan informasi-informasi yang up-to-date.

2. 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

Hakim, L, dan Musalini, U. 2004. Cara Cerdas Menguasai Layout, Desain dan Aplikasi Web. Jakarta: PT Elex Media Komputindo.

Diakses

tanggal 15 Januari 2010.

Peranginangin, K. 2006. Aplikasi Web dengan PHP dan MYSQL. Yogyakarta: C.V ANDI OFFSET.

Prijono, Agus dkk. 2007. Mudah dan Cepat Menguasai Pemrograman Web. Bandung: Informatika Bandung.

L

A

M

P

I

R

A

N

Hasil Uji Program Tugas Akhir

S U R A T K E T E R A N G A N

Yang bertanda tangan di bawah ini, menerangkan bahwa Mahasiswa Tugas Akhir Program Diploma III Ilmu Komputer :

N a m a : SYAHRIAL ALI AKBAR SIREGAR

N I M : 072406019

Program Studi : D-3 Ilmu Komputer

Judul TA : SISTEM INFORMASI PADA SMA NEGERI 1 BARUS BERBASIS WEB DINAMIS DENGAN PHP DAN MYSQL.

Telah melaksanakan test program Tugas Akhir Mahasiswa tersebut di atas pada tanggal Mei 2010.

Dengan Hasil : Sukses / Gagal

Demikian diterangkan untuk digunakan melengkapi syarat pendaftaran Ujian Meja Hijau Tugas Akhir Mahasiswa bersangkutan di Departemen Matematika FMIPA USU Medan.

Medan, Mei 2010 Dosen Pembimbing

Dra. Mardiningsih, Msi NIP. 196304051988112001

KEMENTERIAN PENDIDIKAN NASIONAL

UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM(FMIPA)

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

Nomor Induk Mahasiswa Judul Tugas Akhir

Dosen Pembimbing Tanggal Mulai Bimbingan Tanggal Selesai Bimbingan

: : :

: : :

Syahrial Ali Akbar Siregar 072406019

Sistem Informasi Pada SMA NEGERI 1 BARUS Berbasis Web Dinamis Dengan PHP dan MYSQL

Dra. Mardiningsih, Msi

No Tanggal Bimbingan

Pembahasan Mengenai, pada bab :

Paraf Dosen

Pembimbing Keterangan

* Kartu ini harap dikembalikan ke Departemen Matematika bila bimbingan telah selesai.

Diketahui

Departemen Matematika FMIPA USU Dosen Pembimbing,

Ketua,

Dr. Saib Suwilo, M.Sc Dra. Mardiningsih, Msi NIP : 196401091988031004 NIP: 196304051988112001

KEMENTRIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jl. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155

Telp. (061) 8211050, Fax. (061) 8214290

Medan, 12 Januari 2010 Nomor : 1940 /H5.2.1.8/SPB/2010

Lamp : 1 Lembar

Hal : Permohonan Pengumpulan Data Riset

Kepada YTH :

Bapak/Ibu Kepala Sekolah SMA NEGERI 1 BARUS Di Tempat

Dengan hormat, bersama dengan ini kami memohon kesediaan Bapak/Ibu untuk menerima Mahasiswa/i Program Diploma III Ilmu Komputer FMIPA-USU untuk melakukan penelitian atau pengumpulan data pada SMA NEGERI 1 BARUS yang khusus dipergunakan untuk menyusun Tugas Akhir Mahasiswa/i yang bersangkutan atas nama:

NIM NAMA Program Studi

072406019 Syahrial Ali Akbar Siregar D-III Ilmu Komputer

Data yang dimaksud khusus dipergunakan untuk menyusun Tugas Akhir mahasiswa/i yang berjudul “Sistem Informasi Pada SMA NEGERI 1 BARUS Berbasis Web Dinamis Dengan

PHP dan MY SQL” pada program studi Diploma III Ilmu Komputer FMIPA-USU.

Demikianlah kami sampaikan, atas kerjasama dan bantuannya kami ucapkan terima kasih

a.n. Dekan

Pembantu Dekan I

NIP. 196310261991031001 Dr. Sutarman, M.Sc

Tembusan :

1. Ketua Program Studi DIII-Ilmu Komputer 2. Arsip

LAMPIRAN SCRIP PROGRAM

INDEX.PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>SMA NEGERI 1 BARUS</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="main.css" />

<style type="text/css"> <!--

.style2 {font-size: 18px} .style9 {

color: #0033FF;

font-family: Georgia, "Times New Roman", Times, serif; }

.style3 {font-size: 16px; } .style4 {

color: #0033FF; font-size: 14px;

font-family: Georgia, "Times New Roman", Times, serif; }

.style5 {

font-size: 14px;

font-family: Georgia, "Times New Roman", Times, serif; }

.style6 {

color: #0033FF; font-size: 12px;

font-family: Georgia, "Times New Roman", Times, serif; }

.style11 {font-family: Georgia, "Times New Roman", Times, serif; }

.style12 {font-family: Georgia, "Times New Roman", Times, serif; color: #ECE9D8; } .style13 {font-family: Georgia, "Times New Roman", Times, serif; color: #FF0000; } .style14 {font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; } --> </style> </head> <body> <div id="wrapper"> <div id="navbartop">

<a href="index.php" title="Free CSS Templates" class="style11">Home</a></div> <div id="navbar">

<ul class="style12" id="nav">

<li><a href="index.php" title="Free CSS Templates">HOME</a></li> <li><a href="propil/propil.php" title="#">PROFIL</a></li>

<h2 class="style21">Siswa SMA NEGERI 1 BARUS </h2> <p> </p>

<form action="tampilsiswa.php" method="get"> <table width="466">

<tr>

<td width="497" colspan="4"><span class="style20">Pilih Kategori :</span> <select name="select">

<option value="nama">Nama Lengkap</option> <option value="nis">NIS</option>

</select>

<input type="text" name="nama2" /> </td></td> </tr>

<tr>

<td>&nbsp;</td> </tr>

<tr>

<td><input name="submit2" type="submit" value="Lihat" /></td> </tr>

</table> </form>

<div align="left"><br /> <br />

<?php include("server.php");

$query = mysql_query ("select * from siswa order by nis",$db) or die (mysql_error()); $jumlah = mysql_num_rows($query);

echo "<b>Jumlah Siswa = $jumlah Siswa</b>"; echo "<br>";

/*echo "<table border = \"0\" align =\"left\" style=border-collapse:collapse cellpadding=8> <tr bgcolor=#CCCCCC></tr>";

Printf("<tr bgcolor=#cccccc><td width=\"150\"><b>NIS</b></td><td width=\"450\"><b>NAMA</b></td></tr>");

while ($user = mysql_fetch_array($query)) {

echo "<tr bgcolor = #FFFFFF><td>"; $nama=$user["nama"];

$nis=$user["nis"];

Printf("<tr><td><a href=isisiswa.php?nis=$nis>$nis</a></td><td> $nama </td></tr>"); }

echo "</table>"; */

?>

<br /> <?php

mysql_connect('localhost', 'root', ''); mysql_select_db('smabarus');

// jumlah data yang akan ditampilkan per halaman $dataPerPage = 10;

// apabila $_GET['page'] sudah didefinisikan, gunakan nomor halaman tersebut, // sedangkan apabila belum, nomor halamannya 1.

if(isset($_GET['page'])) {

$noPage = $_GET['page']; }

else $noPage = 1; // perhitungan offset

$offset = ($noPage - 1) * $dataPerPage;

// query SQL untuk menampilkan data perhalaman sesuai offset

$query = "SELECT * FROM siswa order by nis LIMIT $offset, $dataPerPage"; $result = mysql_query($query) or die('Error');

// menampilkan data $no=$offset+1;

echo "<table width=550 border='1' align =\"left\" style=border-collapse:collapse cellpadding=5 cellspcing=5>";

Printf("<tr bgcolor=#cccccc><td width=25><b>NO</b></td><td width=\"100\"><b>No Induk Siswa</b></td><td width=\"300\"><b>Nama Siswa</b></td></tr>");

while ($user = mysql_fetch_array($result)) {

echo "<tr bgcolor = #FFFFFF><td><td>"; $nama=$user["nama"];

$nis=$user["nis"];

printf("<tr><td align=center>$no</td><td align=center><a

href=isisiswa.php?nis=$nis>$nis</a></td><td> $nama </td></tr>"); $no++;

}

/*while($data = mysql_fetch_array($result)) {

$nama=$user["nama"]; $nis=$user["nis"]; echo "<tr><td><a

href=isisiswa.php?nis=$nis>$nis</a></td><td>".$data['nama']."</td></tr>"; }*/

echo "</table>";

// mencari jumlah semua data dalam tabel guestbook

$query = "SELECT COUNT(*) AS jumData FROM siswa"; $hasil = mysql_query($query);

$data = mysql_fetch_array($hasil); $jumData = $data['jumData'];

// menentukan jumlah halaman yang muncul berdasarkan jumlah semua data $jumPage = ceil($jumData/$dataPerPage);

// menampilkan link previous

if ($noPage > 1) echo "<br><br><br><br><a

href='".$_SERVER['PHP_SELF']."?page=".($noPage-1)."'>&lt;&lt; Prev</a>"; // memunculkan nomor halaman dan linknya

for($page = 1; $page <= $jumPage; $page++) {

if ((($page >= $noPage - 3) && ($page <= $noPage + 3)) || ($page == 1) || ($page == $jumPage))

{

if (($showPage != ($jumPage - 1)) && ($page == $jumPage)) echo "..."; if ($page == $noPage) echo " <b>".$page."</b> ";

else echo " <a href='".$_SERVER['PHP_SELF']."?page=".$page."'>".$page."</a> "; $showPage = $page;

} }

// menampilkan link next

if ($noPage < $jumPage) echo "<a

href='".$_SERVER['PHP_SELF']."?page=".($noPage+1)."'>Next &gt;&gt;</a>"; ?>

</div> </div> </div></th>

<td width="202"><div id="right"> <h2 class="style21">Menu</h2> <p>&nbsp;</p>

<ul class="style19">

<li><span class="style20"><a href="siswa.php">Data Siswa </a></span></li> </ul>

<p class="style20">&nbsp;</p> <ul class="style19">

<li><span class="style20"><a href="gurusiswa.php">Kembali</a></span></li> </ul>

</div></td> </tr>

</table> </blockquote>

<h2 class="style20">Terima kasih telah mengunjungi website kami </h2> </div>

<div id="footer"><marquee>

<span class="style20">:: Copyright &copy; 2010 by SMA NEGERI 1 BARUS:: </span> </marquee>

<span class="style20"> Designed by: <a

href="http://www.getcsstemplates.com"title="free css templates and layouts">Syahrial Ali Akbar Siregar </a></span> </div>

</div> </body> </html> <?php

include("server.php");

if((!empty($select)) and (!empty($nama2))) {

$query = mysql_query ("select * from siswa where $select='$nama2'",$db) or die (mysql_error());

while ($user = mysql_fetch_array($query)) {

$nis=$user["nis"];

$password=$user["password"]; $nama=$user["nama"];

$tanggal_lahir=$user["tanggal_lahir"]; $kelamin=$user["kelamin"];

$alamat=$user["alamat"]; $ortu=$user["ortu"];

$agama=$user["agama"];

header("location:isisiswa.php?nis=$nis"); }

}

else echo "Variabel kosong"; ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head>

<title>SMA NEGERI 1 BARUS</title>

<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="../galeri/main.css" /> <style type="text/css">

<!-- .style11 {

font-size: 16px; font-weight: bold;

font-family: Georgia, "Times New Roman", Times, serif; }

.style12 {font-family: Georgia, "Times New Roman", Times, serif}

.style13 {color: #0033FF; font-family: Georgia, "Times New Roman", Times, serif; } -->

</style> </head> <body>

<div id="wrapper"> <div id="navbartop">

<a href="../index.php" title="Free CSS Templates" class="style12">Home</a></div> <div id="navbar">

<ul class="style12" id="nav">

<li><a href="../index.php" title="Free CSS Templates">HOME</a></li> <li><a href="../propil/propil.php" title="#">PROFIL</a></li>

<li><a href="../bukutamu/bukutamu.php" title="#">BUKU TAMU</a></li> <li><a href="../gurusiswa/gurusiswa.php" title="#">GURU DAN

SISWA</a></li>

<li><a href="#" title="#">ADMIN</a></li> </ul>

</div>

<div id="header">

<h1 class="style12">SMA NEGERI 1 BARUS</h1>

<span class="style12"><a href="../index.php">Welcome to website</a> </span></div> <div id="maintext">

<table align="right" width="520"> <tr>

<?php

include"../time.php"; ?> </td>

</tr> </table> <blockquote>

<table width="723"> <tr>

<th colspan="2" scope="row">&nbsp;</th> </tr>

<tr>

<th width="550" scope="row"><div id="left"> <div class="post">

<h2 align="center" class="style13"> Data Pribadi Siswa </h2> <p align="left">&nbsp;</p>

<form action="../bukutamu/input.php" method="post" id="form1"> <div align="left">

<?php include("server.php");

$query = mysql_query ("select * from siswa where nis='$nis'",$db) or die (mysql_error()); echo "<table border = \"0\" align =\"left\" style=border-collapse:collapse cellpadding=8> <tr bgcolor=#CCCCCC>

<tr></tr> <tr></tr> <tr></tr> </tr>";

while ($user = mysql_fetch_array($query)) {

echo "<tr bgcolor = #FFFFFF><td>"; $nig=$user["nig"];

$nama=$user["nama"];

$tanggal_lahir=$user["tanggal_lahir"]; $kelamin=$user["kelamin"];

$alamat=$user["alamat"]; $lulusan=$user["lulusan"];

$agama=$user["agama"];

/Printf("<tr><td><strong> No Induk </strong></td><td><strong>:</strong></td><td>$nig </td></tr>");

Printf("<tr><td> NAMA </td><td><strong>:</strong></td><td><strong>$nama </strong></td></tr>");

Printf("<tr><td> TANGGAL LAHIR

</td><td><strong>:</strong></td><td><strong>$tanggal_lahir </strong></td></tr>"); Printf("<tr><td> JENIS KELAMIN

</td><td><strong>:</strong></td><td><strong>$kelamin </strong></td></tr>"); Printf("<tr><td> ALAMAT </td><td><strong>:</strong></td><td><strong>$alamat </strong></td></tr>");

//Printf("<tr><td> LULUSAN </td><td><strong>:</strong></td><td><strong>$lulusan </strong></td></tr>");

Printf("<tr><td> AGAMA </td><td><strong>:</strong></td><td><strong>$agama <strong></td></tr>");

//Printf("<br><br><tr><td>&nbsp;</td><td>&nbsp;</td><td align=\"center\"><a href=edit.php?nig=$nig>EDIT</a></td>");

}

echo "</table>"; ?>

</div> </form>

<p align="left">&nbsp;</p> </div>

<div class="post"></div> </div></th>

<td width="216"><div id="right"> <h2 class="style13">Menu</h2> <p>&nbsp;</p>

<ul>

<li><a href="gurusiswa.php" class="style11">Kembali</a></li> </ul>

</div></td> </tr>

<tr>

<th scope="row">&nbsp;</th> <td>&nbsp;</td>

</tr> </table>

<p>&nbsp;</p> </blockquote>

<h2 class="style12">Terima kasih telah mengunjungi website kami </h2> </div>

<div id="footer"><marquee>

<span class="style12">:: Copyright &copy; 2010 by SMA NEGERI 1 BARUS::</span> </marquee>

<span class="style12"> Designed by: <a href="http://www.getcsstemplates.com"title="free css templates and layouts">Syahrial Ali Akbar Siregar</a></span> </div>

</div> </body> </html>