• Tidak ada hasil yang ditemukan

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

N/A
N/A
Protected

Academic year: 2016

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

Copied!
133
0
0

Teks penuh

(1)

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

(2)

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

(3)

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

(4)

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

(5)

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.

(6)

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

(7)

ABSTRAK

(8)

DAFTAR ISI

2.10.1 Memulai Dreamweaver MX 2004 26

2.10.2 Area Kerja Pada Dreamweaver MX 2004 27

(9)

Bab 3 Sekilas SMA NEGERI 1 BARUS 30

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

(10)

DAFTAR TABEL

Halaman

Tabel 4.1 Tabel Admin 48

Tabel 4.2 Tabel Siswa 48

Tabel 4.3 Tabel Guru 49

(11)

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

(12)

ABSTRAK

(13)

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

(14)

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.

(15)

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 :

(16)

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.

(17)

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 :

(18)

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

(19)

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

(20)

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

(21)

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.

(22)

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

(23)

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.

(24)

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.

(25)

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

(26)

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.

(27)

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

(28)

<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

(29)

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.

(30)

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.

(31)

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.

(32)

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

(33)

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

(34)

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;

(35)

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

(36)

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.

(37)

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 :

(38)

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

(39)

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

(40)

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

(41)

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.

(42)

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.

(43)

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.

(44)

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.

(45)

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.

(46)

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.

(47)
(48)
(49)

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 ?

(50)

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.

(51)

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

(52)

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

(53)

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

(54)

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

(55)

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

(56)

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

(57)

F

Gambar 4.5 Flowchart Admin Siswa

(58)

G

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

(59)

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

(60)

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

(61)

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

(62)

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

(63)

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

(64)

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

(65)
(66)

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

(67)

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

(68)

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

(69)

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

(70)

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.

(71)

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.

(72)
(73)

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

(74)

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

(75)

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.

(76)

L

A

M

P

(77)

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

(78)

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,

(79)

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 :

(80)

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>

(81)

<li><a href="gurusiswa/gurusiswa.php" title="#">GURU DAN SISWA</a></li>

<li><a href="admin/index.php" title="#">ADMIN</a></li> </ul>

</div>

<div id="header">

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

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

<h1 class="style11">Selamat Datang </h1> <table width="365" height="29" align="right"> <tr>

<th width="193" scope="col"><div id="rightcolumn2"> <h3 align="left" class="style6">SMA N 1 BARUS</h3> <div align="left">

<ul>

<li><span class="style11"><a href="visi/visi.php" class="style2">Visi Misi</a></span></li>

<li class="style11"><span class="style2"><a

href="kurikulum/kurikulum.php">Kurikulum</a></span></li>

<li class="style11"><a href="galeri/galeri.php" class="style2">Galeri</a></li> <li class="style11"><span class="style2"><a

href="komponen/komponen.php">Komponen</a></span></li>

<li class="style11"><a href="struktur/struktur.php" class="style2">Struktur Organisasi</a></li>

<li><span class="style14"><a href="sejarah/sejarah.php">Sejarah Singkat</a></span></li> menyediakan informasi seputar SMA NEGERI 1 BARUS.</p>

</div>

(82)

<p align="justify" class="style5">Era globalisasi dengan segala implikasinya

menjadi salah satu pemicu cepatnya perubahan yang terjadi pada berbagai aspek kehidupan masyarakat, dan bila tidak ada upaya sungguh-sungguh untuk mengantisipasinya maka hal tersebut akan menjadi masalah yang sangat serius. Dalam hal ini dunia pendidikan

mempunyai tanggung jawab yang besar, terutama dalam menyiapkan sumber daya manusia yang tangguh sehingga mampu hidup selaras didalam perubahan itu sendiri. Pendidikan merupakan investasi jangka panjang yang hasilnya tidak dapat dilihat dan dirasakan secara instan, sehingga sekolah sebagai ujung tombak dilapangan harus memiliki arah

pengembangan jangka panjang dengan tahapan pencapaiannya yang jelas dan tetap

mengakomodir tuntutan permasalahan faktual kekinian yang ada di masyarakat.</p>

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

<div id="footer"><marquee>

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

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

</div>

font-family: Arial, Helvetica, sans-serif; color: #666666;

font-size: 12px;

background-color: #333333; }

img {

padding: 3px;

(83)

float: right;

background-color: #65fc00; background-repeat: no-repeat; text-align: right;

color: #ff7733; background-color: #333332; height: 55px;

background-image: url(images/navbg1.jpg); background-repeat: no-repeat;

text-align: center; padding: 5px;} #nav {

padding: 0; height: 2.2em; margin-top: 15px; }

#nav li {

list-style-type: none; display: inline; line-height: 20px; }

(84)

text-decoration: none; color: #333360; border-bottom: 0; padding: 5px 10px; font-size: 1.1em; font-weight: bold; }

border: 1px #ff7733 solid; margin: 5px 5px 5px 5px; height: 200px;

padding: 10px;

background-color: #333332;

background-image: url(images/header.jpg); background-repeat: no-repeat;

}

#header h1 { color: #89cc46; font-size: 1.7em;

text-decoration: underline; }

#header a { color: #bce296; font-size: 1em; text-decoration: none; font-weight: bold; }

#maintext {

border: 1px solid #ccc; margin: 0px 5px 5px 5px; padding: 4px;

(85)

font-size: 1.2em;

border:#66cc00 1px solid; margin:5px 0 0 5px;

#leftcolumn1 { /* Parent Wrapper for inside boxes */ margin: 0 0px 0px 5px;

display: inline; /* IE Hack */ width: 180.5px;

float: left;

min-height: 300px; padding: 4px;

(86)

}

* html #leftcolumn1 {height:300px} /* IE Min-Height Hack */ #leftcolumn2 { /* Parent Wrapper for inside boxes */

margin: 0 0px 0px 0px; display: inline; /* IE Hack */ width: 180px;

float: left;

min-height: 300px; padding: 4px;

border-top: 1px #66ff00 solid; border-bottom: 1px #66ff00 solid;}

* html #leftcolumn2 {height:300px} /* IE Min-Height Hack */ /* --- */

/* --- */

#rightcolumn1 { /* Parent Wrapper for inside boxes */ margin: 0px 0px 0px 0px;

display: inline; /* IE Hack */ padding: 4px;

width: 181px; float: left;

min-height: 300px;

border-top: 1px #66ff00 solid; border-bottom: 1px #66ff00 solid; border-left: 1px #66ff00 solid;} * html #rightcolumn1 {height:300px;

border-left: 1px #66ff00 solid;} /* IE Min-Height Hack */ #rightcolumn2 { /* Parent Wrapper for inside boxes */ border: 1px solid #66ff00;

margin: 0px 0px 0px 0px; display: inline; /* IE Hack */ padding: 4px;

width: 181px; float: left;

min-height: 300px; }

* html #rightcolumn2 {height:300px} /* IE Min-Height Hack */ /* --- */

#leftcolumn1 ul, #leftcolumn2 ul, #rightcolumn1 ul, #rightcolumn2 ul{ margin-left: 30px;

margin-top: 20px; color: #66ff00;}

#leftcolumn1 li, #leftcolumn2 li, #rightcolumn1 li, #rightcolumn2 li{ padding-top: 10px;

padding-left: 10px; }

#leftcolumn1 a, #leftcolumn2 a, #rightcolumn1 a, #rightcolumn2 a{ color: #ff7733;

Gambar

Gambar 4.1 Struktur Website
Gambar 4.2 Diagram Konteks Website
Gambar 4.3 Flowchart Menu Utama
gambar 4.4 di bawah ini.
+7

Referensi

Dokumen terkait

Sistem Informasi geografis Untuk Pengelolaan Bentang Lahan Berbasis Sumber Daya Alam Buku 1 Sistem Informasi Geografis dan Pengindraan Jauh Menggunakan ILWIS Open Source..

Penelitian ini bertujuan untuk menguji secara empiris pengaruh penerapan sistem informasi akuntansi, komunikasi internal, dan kompensasi terhadap kinerja karyawan pada Usaha

Manfaat dengan ditemukannya formulasi hubungan varietas padi dan material kompon rol terhadapgesekan dan perilaku retak pada beras pecah kulit, maka

Tingginya efisiensi penyisihan kekeruhan pada variasi debit udara 4 L/menit dapat disebabkan karena pada variasi debit udara ini memiliki kenaikan nilai pH yang paling tinggi

This research was conducted in Silahisabungan Subdistrict of Dairi District and Pangururan Subdistrict of Samosir Regency of North Sumatera Province, This study

Studi Thalib (2008) terhadap penggunaan kultur isolat bakteri asetogen Asetobacterium woodii + faktor pertumbuhan mikroba (FPM) + defaunator menghasilkan jumlah

Komponen biaya kegiatan pemberdayaan perangkat (operasional LL, LUPH, BPT dan Sub Lab Hayati) meliputi :Honor petugas, pelatihan, bahan dan alat, solialisasi,

Pengaruh penilaian kinerja dan motivasi kerja karyawan terhadap produktivitas kerja karyawan pada divisi manajemen sumber daya manusia di PT Inti (Persero) Bandung..