Sistem Informasi Berbasis Web Pada SMA Negeri 2 Lawe Sigala-Gala Kabupaten Aceh Tenggara

(1)

SISTEM INFORMASI BERBASIS WEB PADA SMA NEGERI 2

LAWE SIGALA-GALA KABUPATEN ACEH TENGGARA

TUGAS AKHIR

FRENGKY ADI SYAHPUTRA SIREGAR

062406069

PROGRAM STUDI D3 ILMU KOMPUTER

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SUMATERA UTARA

(2)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten PERSETUJUAN

Judul : SISTEM INFORMASI BERBASIS WEB PADA

SMA NEGERI 2 LAWE SIGALA-GALA KABUPATEN ACEH TENGGARA

Kategori : TUGAS AKHIR

Nama : FRENGKY ADI SYAHPUTRA SIREGAR

Nomor Induk Mahasiswa : 062406069

Program Studi : D3 ILMU KOMPUTER

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN

ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Diluluskan di Medan, Juli 2009

Diketahui/Disetujui oleh

Departemen Matematika FMIPA USU

Ketua

Dr. Saib Suwilo, M.Sc NIP 131769149

Pembimbing,

(3)

PERNYATAAN

SISTEM INFORMASI BERBASIS WEB PADA SMA NEGERI 2 LAWE SIGALA-GALA KABUPATEN ACEH TENGGARA

TUGAS AKHIR

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

Medan, Juni 2009

(4)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten ABSTRAK

Kajian ini bertujuan untuk membangun sebuah aplikasi website yang dinamis. Sistem perancangan dalam membangun website SMA Negeri 2 Lawe Sigala-gala Aceh Tenggara, ini dikembangkan dengan menggunakan software yakni PHPTriad versi

2.2 dan menggunakan bantuan Macromedia Dreamweaver 8, Adobe Photoshop CS,

(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang telah

melimpahkan rahmat tak terhingga kepada penulis, sehingga penulis dapat selalu

optimis dan bersemangat juang yang tinggi dalam menyelesaikan Tugas Akhir ini.

Dalam menyelesaikan Tugas Akhir ini Penulis telah banyak mendapatkan

bantuan dan bimbingan, baik moril maupun material dari berbagai pihak. Pada

kesempatan ini juga dengan segala kerendahan hati, penulis sampaikan ucapan terima

kasih kepada :

1. Bapak Dr. Eddy Marlianto, M.Sc sebagai Dekan FMIPA USU.

2. Bapak Dr. Saib Suwilo, M.Sc sebagai Ketua Departemen Program Studi D3 Ilmu

Komputer FMIPA USU.

3. Bapak Drs. Pangeran Sianipar, MS sebagai Dosen Pembimbing yang telah

meluangkan waktunya untuk dapat memberikan bimbingan dan arahan kepada

penulis.

5. Bapak Drs. Sarpin sebagai Kepala Sekolah Sma Negeri 2 lawe Sigala-gala

yang memberikan kesempatan untuk dapat meraih data riset seakurat mungkin

guna keberhasilan proyek dari Tugas Akhir ini.

6. Bapak Drs.M.Zahir Ahmad Sebagai wakil kepala sekolah bagian kesiswaan pada

Sekolah Sma Negeri 2 lawe Sigala-gala yang sangat banyak membantu untuk

dapat meraih data riset seakurat mungkin guna keberhasilan proyek dari Tugas

Akhir ini.

7. Kepada semua Guru yang ada di sekolah SMA negeri 2 yang terus memberi

(6)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten

8. Yang teristimewa kepada keluargaku, Ayah dan Ibu tercinta, Paman dan semua

keluargaku yang telah memberikan dukungan baik moril maupun material,

sehingga penulis dapat menyelesaikan perkuliahan ini dengan baik.

9.Dan tak lupa penulis ucapkan terima kasih kepada teman-teman Kom B’06 yang

lucu-lucu dan manis,.

Akhir kata, semoga Tugas Akhir ini dapat bermanfaat khususnya bagi Penulis

sendiri dan umumnya bagi pihak-pihak lain yang berkepentingan,

Medan, Juni 2009

(7)

DAFTAR ISI

1.2Identifikasi Masalah 3-4

1.3Maksud dan tujuan 4

1.4Batasan Masalah 4-5

1.5Kontribusi Penelitian 5

1.6Metode Penelitian 5-6

1.7Sistematika Penulisan 6-7

BAB 2 LANDASAN TEORI

2.1 Pengertian Komputer 8

2.2 Pengertian Data 8-9

2.3 Sistem 9

2.4 Informasi 9

2.41 Kualitas Informasi 9.10

2.5 Sitem Informasi 10

2.6 Pengertian Internet 10-11

2.7 HTML 11

2.71Struktur Dokumen HTML 12

2.8 PHP 12

2.8.1 Sejarah PHP 13-15

2..9 Database 15

2.9.1 Database Server MYSQL 15-16

2.10 CSS (Cascading Style Sheet) 16

2.11 Macromedia Dreamweaver 17

BAB 3 DESKRIPSI SEKOLAH

3.1 Sekilas Tentang Sekolah 18-19

3.2 Struktur Organisasi 19-20

3.3 Uraian Tugas dan Tanggung Jawab 21

3.3.1Kepala Sekolah 21

(8)

3.3.3Wakil Kepala Sekolah 22

3.3.4Guru Bimbingan dan Konseling 22-23

3.3.5Pustakawan Sekolah 23

3.3.6Wali Kelas 24

3.3.7Guru 24

3.4 Visi dan Misi Sekolah 25

BAB 4 PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan 26-27

4.2 Flowchart 27

4.2.1

4.3 Mempersiapkan Database Server 4.4 Desain Situs

4.5 Proses Upload File

4.6 Metode Pengembangan Sistem 4.7 Bagian Sysadmin

4.7.1 Content Management System (CMS) 4.7.2 Manajemen Profil

BAB 5 IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem 45

5.2 Tujuan Implementasi Sistem 45-46

5.3 Kompenen Utama Dalam Implementasi 4647

5.4 Spesifikasi Program 48-49

5.5 Instalasi Apache,PHP dan MYSQL 49

5.5.1 Instalasi Phptriad 2.2.1 50-51

5.5.2 Menjalakan Phptriad 51-52

5.5.3 Memnbauat Database 52-54

5.6 Menguji di Browser 54-55

5.7Melakukan Upload File dan Database 56-57

5.8Mempromosikan Situs 57-58

BAB 6 KESIMPULAN DAN SARAN

6.1 Kesimpulan 59-60

6.2 Saran 60

DAFTAR PUSTAKA

LAMPIRAN A : Tampilan Halaman Situs LAMPIRAN B : Listing Program

(9)

DAFTAR GAMBAR

Halaman

Gambar Struktur Organisasi 18

Gambar 4.2.1 Gambar Simbol-simbolFlochart 28-29

Gambar 4.2.2 Gamabar Flowchart Menu 30

Gambar 4.5.2 Tampilan Macromedia Dreamweaver 44

Gambar 5.5.1.1 Ikon Phptriad 50

Gambar 5.5.1.2 Lisensi phptriad 50

Gambar 5.5.1.3 Proses Ekstrak phptriad 50

Gambar 5.5.1.4 Installasi phptriad selesai 51

Gambar 5.5.2.1 Ikon apache di desktop 51

Gambar 5.5.2.2 Pengujian Localhost 52

Gambar 5.5.3.1 Phpmyadmin 53

Gambar 5.5.3.2 Command promt 53

Gambar 5.5.3.3 Mysql Command promt 1 53

Gambar 5.5.3.4 Mysql Command promt 2 54

(10)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten DAFTAR TABEL

Halaman

Tabel 4.4.1 Tabel Buku Tamu 38

Tabel 4.4.2 Tabel Conten 38

Tabel 4.4.3 Tabel Counter 39

Tabel 4.4.4 Tabel Galeri 39

Tabel 4.4.5 Tabel Guru 39

Tabel 4.4.6 Tabel Kelas 40

Tabel 4.4.7 Tabel Nilai_pelajaran 40

Tabel 4.4.8 Tabel Nilai _Siswa 41

Tabel 4.4.9 Tabel Pegawai 41

Tabel 4.4.10 Tabel Siswa 42

(11)

DAFTAR ISTILAH

Analisa : Mempelajari masalah dan lingkungan masalah yang diperbaiki serta mengajukan alternanif dari penyelesaian masalah

Browser : Perangkat lunak yang digunakan untuk menampilkan informasi dari server web

Data : Kenyataan yang digambarkan oleh nilai-nilai ,bilangan-bilangan dan symbol-simbolyang mempunyai arti tertentu

Database : Kumpulan file yang saling berhubungan satu dengan yang lainnya

Dreamweaver : Aplikasi professional untuk mengedit HTML secara visual dalam mengelole situs web

File : Kumpulan dari record yang saling terkait dan memiliki format field yang sama dan sejenis

Flowchart : Bagan yang menunjukkan arus pekerjaan secara keseluruhan dari system

Hardware : Perangkat keras

Home page : Diesebut juga website

HTML : Bahasa pemrograman Internet yang digunakan untuk membuat

halaman web.

HTTP : Protokol yang digunakan untuk mentransfer data antara web serve ke browser

Implementasi : Menulis, dan menguji medebug program-program computer serta mengonversi ke sistem baru atau system yang dipakai.

Informasi : Data yang sudah diolah untuk tujuan tertentu dalam mengambil keputusan.

Input : Komponen penggerak atau pemberi tenaga di mana sistem itu dioperasikan.

Internet : Kumpulan computer pribadi yang terhubung satu sama lain dalam bentuk jaringan.

Komputer : Suatu rangkaian peralatan elektronik yang menerima data dan menggolongkannya secara otomatis untuk mengatasi berbagai masalah serta menghasilkan informasi.

Link : Teks atau gambar pada suatu halaman web yang menuntun kita ke

halaman lain.

MySqL : Salah satu pemrograman database serve.

Output : Hasil dari suatu operasi sistem atau informasi yang dihasilkan oleh program aplikasi yang akan digunakan oleh para pemakai sebagai bahan pengambilan keputusan.

PHP : Bahasa scripting yang menyatu dengan tag-tag HTML ,

(12)

Sistem : Satu kesatuan yang terdiri dari sub-sub sistem yang saling berhubungan untuk mencapai suatu tujuan.

Software : Perangkat lunak

TCP/IP : Jenis protokol yang memungkinkan komputer berkomunikasi dengan komputer lain, mengatur bagaimana cara komputer

terhubung internet dan mengatur pertukaran data yang terjadi pada komputer tersebut

URL : Data yang berisikan alamat home page dari suatu situs web. Web Server : Komputer yang digunakan untuk menyimpan berbagai dokumen

web dan melayani permintaan dokumen web dari kliennya.

(13)

BAB 1

PENDAHULUAN

1.1 Latar Belakang

Internet merupakan media informasi terkini dan paling up to date berisikan data

informasi yang dapat diakses secara global. Melalui internet orang-orang dapat

bertukar informasi tanpa harus bertatap muka sehingga memudahkan pekerjaan

seseorang.

Pada saat ini, internet semakin lama semakin berkembang dan menarik perhatian

sejalan dengan perkembangan perangkat lunak teknologi yang semakin canggih.

Perangkat lunak tersebut adalah software yang dapat digunakan untuk menampilkan

data di internet semenarik mungkin dapat berupa teks, gambar, suara dan animasi.

Dengan menggunakan software tersebut data yang ditampilkan menjadi lebih

menarik untuk dibaca karena data yang ditampilkan bukan hanya sekedar teks biasa,

melainkan perpaduan teks, gambar, suara, animasi. Perpaduan tersebutlah disebut

(14)

Jadi website adalah media yang digunakan untuk menampung data teks, gambar,

animasi, dan suara, yang dapat ditampilkan di internet dan dapat diakses oleh

komputer yang terhubung dengan internet secara global.

Pesatnya perkembangan ilmu pengetahuan dan teknologi saat ini tidak dapat

dipungkiri lagi. Kebutuhan akan informasi yang cepat, tepat dan akurat sangatlah

diperlukan oleh suatu instansi, organisasi ,maupun perusahaan. Kebutuhan yang

mendesak dan semakin berharganya nilai waktu membuat orang bekerja ekstra cepat

dengan hasil semaksimal mungkin. Komputer sebagai alat untuk mengolah data

menjadi informasi, menjadi kebutuhan primer bagi semua kalangan yang

berkecimpung di dunia teknologi informasi ini.

Di dunia teknologi informasi ini komputer tidak hanya digunakan sebagai alat

untuk mengolah data menjadi informasi tetapi aplikasinya semakin luas, misalnya

sebagai sarana komunikasi, informasi, edukasi dll. Pesatnya perkembangan di bidang

komputer dapat meningkatkan keefektifan dan keefisienan dalam setiap pekerjaan.

Internet dengan berbagai aplikasi yang disediakannya adalah salah satu media

komunikasi. Salah satu aplikasi internet yaitu World Wide Web (WWW). Di awal

perkembangannya World Wide Web hanya digunakan untuk kalangan akademis dan

riset. Namun sekarang penggunaannya sudah merambah sampai ke dunia hiburan dan

bisnis.

Informasi yang diperoleh dari internet pun bermacam-macam tergantung dari

(15)

situs atau website pendidikan. Situs-situs itu mulai bertaburan di internet dari tingkat

SD sampai Universitas.

SMA Negeri 2 lawe sigala-gala adalah sekolah yang terletak di Jl. Kutacane -

Medan km 31,5 Aceh Tenggara, merupakan salah satu sekolah yang ingin

memajukan sekolahnya di bidang informasi teknologi. Siswa-siswinya dapat

menggunakan fasilitas lab komputer untuk mempelajari berbagai aplikasi komputer.

Lab komputer ini juga telah terpasang jaringan internet untuk aktifitas browsing dan

belajar mengajar antara guru dan siswanya.

Dalam pelayanan informasi kepada masyarakat luas, sekolah ini sebelumnya

memang belum memiliki portal sekolah. Namun karena diera globalisasi ini maka

sekolah ini pun membutuhkan portal sebagai pusat informasi.. Untuk itulah penulis

mencoba merancang web sekolah SMA Negeri 2 lawesigala-gala kabupaten aceh

tenggara. agar bisa digunakan dengan semestinya baik secara online maupun offline.

Dengan latar belakang tersebut penulis tertarik untuk membangun situs

pendidikan dengan judul “Sistem Informasi Berbasis Web pada SMA Negeri 2

Lawe siga-gala Kabupaten Aceh Tenggara ”.

1.2 Identifikasi Masalah

Pada dasarnya setiap lembaga pendidikan memerlukan sarana untuk menyampaikan

informasi sekolah melalui media internet. Sehubungan dengan hal itu, penulis

(16)

1. Bagaimana pemanfaatan aplikasi web yang dibangun dalam penyebaran

informasi yang up to date dan interaktif.

2. Sejauh mana aplikasi web SMA Negeri 2 lawe sigala-gala itu dapat

disajikan dengan baik.

3. Informasi apa saja yang disediakan sehingga pengunjung dapat

mengaksesnya.

1.3 Maksud dan Tujuan

Sesuai dengan judul dan identifikasi masalah yang diutarakan sebelumnya maka

maksud dan tujuan penulis adalah membangun sistem informasi berbasis web di SMA

Negeri 2 Lawe Siga-gala ini berupa sistem informasi siswa, guru dan pegawai

sehingga memberi kemudahan untuk mengaksesnya.

1.4 Batasan Masalah

Adapun batasan dari Tugas Akhir ini adalah menampilkan halaman-halaman web baik

bersifat statis maupun dinamis. Sebagai suatu website yang memberikan informasi

mengenai SMA Negeri 2 Lawe Sigla-gala baik untuk kalangan mayarakat umum

maupun dari kalangan sekolah itu sendiri yang membutuhkan informasi. Pihak

administrator web sangat berperan penting dalam menginput atau menambah data,

mengubah dan menghapus data yang ditampilkan pada web seperti data siswa, guru

(17)

Aplikasi web ini dibangun di bawah sistem operasi Windows XP,

menggunakan Apache sebagai webserver, PHP sebagai bahasa pemrogramannya,

MySql sebagai database dan Macromedia Dreamweaver 8 sebagai editor perancangan

dan pembangunan web.

1.5 Kotribusi Penelitian

Kontribusi penelitian bagi penulis adalah untuk menciptakan suatu sistem informasi

berupa website yang dapat mempermudah siswa maupun masyarakat umum untuk

mengakses informasi tentang SMA Negeri 2 Lawe Sigala-gala Kabupaten Aceh

Tenggara.

1.6 Metode Penelitian

Metodologi penelitian yang digunakan dalam penelitian ini, meliputi antara lain:

1. Penelitian Lapangan (Field Research)

Penelitian dilakukan langsung ke SMA Negeri 2 Lawe Sigalala untuk

mendapatkan data dimana penulis melakukan pengumpulan data dengan cara

bertanya langsung kepada guru yang terkait.

a. Wawancara (interview)

Penulis melakukan tanya jawab kepada Tata Usaha dan Guru yang berkaitan

dengan masalah yang akan dipecahkan sehingga penulis memperoleh

(18)

b. Pengamatan (observasi)

Penulis melakukan peninjauan secara langsung ke lapangan dengan

mengamati pelaksanaan sistem yang sedang berjalan dan mengamati

jalannya informasi yang ditinjau dari segi yang dianggap penting.

c. Membuat / merancang

Penulis melakukan perancangan, perancangan merupakan sebuah tahap awal

dalam membangun sebuah situs. Situs ini dirancang dengan menggunakan

PHP sebagai pemrogramannya dan MySQL sebagai databasesnya,

sedangkan Dreamweaver 8 digunakan sebagai tempat untuk membuat layout

dari situs yang telah dirancang.

2. Penelitian Kepustakaan (Library Research)

Penelitian ini dimaksudkan untuk mendapatkan landasan teori yang memadai

dalam menyusun tugas akhir.

.

1.7 Sistematika Penulisan

Secara garis besar pembahasan tugas akhir ini terdiri dari 6 (enam) bab, yaitu :

BAB 1 : PENDAHULUAN

Bab ini berisi tentang latar belakang, perumusan masalah, maksud dan tujuan

penelitian, metode penelitian dan sistematika penulisan. Merupakan uraian

latar belakang , identifikasi masalah, maksud dan tujuan penulisan, batasan

(19)

BAB 2 : LANDASAN TEORI

Bab ini berisi tentang pengertian-pengertian yang berhubungan dengan system

informasi yang akan penulis buat yaitu pengertian komputer, internet,

pengenalan PHP, MySQL dan Macromedia Dreamweaver, serta gambaran

umum sekolah.

BAB 3 : DESKRIPSI SEKOLAH

Pada bab ini penulis menjelaskan tentang struktur organisasi sekolah, visi dan

misi, serta tugas dan tanggung jawabnya.

BAB 4 : PERANCANGAN SISTEM

Pada bab ini penulis menjelaskan tentang perancangan database beserta

tabelnya, algoritma dan perancangan input program.

BAB 5 : IMPLEMENTASI SISTEM

Pada bab ini akan dijelaskan tentang definisi dan tujuan dari implementasi

sistem.

BAB 6 : KESIMPULAN DAN SARAN

Bab ini berisikan kesimpulan dari tugas akhir ini dan saran untuk SMA

(20)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten BAB 2

LANDASAN TEORI

2.1 Pengertian Komputer

Komputer berasal dari bahasa inggris, to compute yang artinya menghitung. Jadi,

komputer dapat diartikan sebagai alat untuk menghitung. Itulah pada mulanya arti dan

fungsi utama komputer, yakni sebagai alat untuk menghitung (Darwin

Sitompul,1994).

Perkembangan teknologi dan ilmu komputer selanjutnya telah memberikan

berbagai kemampuan lain pada komputer, sehingga definisi komputer pun mengalami

perubahan. Sekarang ini, proses menghitung merupakan sebagian saja dari kerja yang

dapat dilakukan komputer. Banyak fungsi lain yang dapat dilakukannya, seperti

pengolahan data, permainan, pengolahan data, permainan, pengontrolan mesin,

membuat grafik, melakukan analis statistik, merancang gambar teknik dan sebagainya

(Darwin Sitompul,1994).

2.2 Pengertian Data

Data sering disebut sebagai bahan mentah informasi. Tapi menurut Murdik, dkk

(21)

keputusan, biasanya dicatat dan diarsipkan tanpa maksud untuk segera diambil

kembali untuk pengambilan keputusan. Menurut Zulkifli Amsyah (1987) data adalah

fakta yang sudah ditulis dalam bentuk catatan atau direkam dalam berbagai bentuk

media.

2.3 Sistem

Terdapat dua kelompok pendekatan di dalam mendefinisikan sistem, yaitu yang

menekankan pada prosedurnya dan yang menekankan pada komponen dan elemennya.

Suatu sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling

berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau untuk

menyelesaikan suatu sasaran yang tertentu. Sedangkan pengertian prosedur itu sendiri

menurut Richard F. Neuschel, prosedur adalah suatu urutan-urutan operasi klerika

(tulis-menulis), biasanya melibatkan beberapa orang di dalam satu atau lebih

departemen, yang diterapkan untuk menjamin penanganan yang seragam dari

transaksi-transaksi bisnis yang terjadi (Darwin Sitompul,1994).

2.4 Informasi

Informasi adalah data yang diolah menjadi bentuk yang lebih berguna dan lebih

berarti bagi yang menerimanya (Yogiyanto, 1989).

(22)

Kualitas dari suatu informasi tergantung tiga hal yaitu, informasi harus akurat, tepat

pada waktunya, dan relevan. Yang dimaksud dengan akurat berarti informasi harus

bebas dari kesalahan-kesalahan dan tidak menyesatkan. Sedangkan tepat pada

waktunya berarti, informasi yang datang pada penerima tidak boleh terlambat. Yang

terakhir adalah relevan, berarti informasi tersebut mempunyai manfaat untuk

pemakainya (Yogiyanto, 1989).

2.5 Sistem Informasi

Sistem informasi adalah suatu sistem yang dibuat oleh manusia yang terdiri dari

komponen-komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan

informasi (Al-Bahra Bin Ladjamudin, 2005).

2.6 Pengertian Internet

Dalam beberapa tahun terakhir ini istilah internet sudah tidak asing lagi, dari orang

dewasa sampai pelajar sudah menggunakan teknologi ini. Bahkan produsen komputer

pun berlomba-lomba menciptakan komputer yang canggih untuk memenuhi

kebutuhan yang semakin bertambah. Pada zaman dahulu informasi yang didapat

hanya melalui media cetak seperti koran atau buku serta media elektronik seperti

radio dan televisi. Media-media ini berkembang terus seiring dengan kebutuhan

masyarakat akan informasi. Namun media-media ini banyak kekurangannya, karena

hanya memberikan informasi yang ada maupun berita yang sudah lama juga informasi

(23)

didapat tidak terbatas oleh waktu, terbuka sehari semalam dan dapat mencari

informasi yang dibutuhkan.

Internet adalah metode untuk menghubungkan berbagai komputer ke dalam

satu jaringan komputer global, melalui protokol yang disebut Transmission Control

Protocol/Internet Protocol (TCP/IP). Protokol adalah suatu petunjuk yang

menunjukkan pekerjaan yang akan pengguna (user) lakukan dengan internet, apakah

akan mengakses situs web, melakukan transfer file, mengirim email dan sebagainya.

Protokol bisa dibayangkan seperti suatu bahasa yang digunakan untuk berkomunikasi

berbagai jenis komputer maupun sistem operasi yang terhubung di internet (Abdul

Kadir, 2002).

2.7 HTML

HTML singkatan dari Hypertext Markup Language. Disebut dengan markup language

karena HTML berfungsi untuk memperindah file tulisan (text) biasa untuk dapat

dilihat pada web browser-web browser yang ada. Dokumen HTML adalah file teks

murni yang dapat dibuat dengan editor text sembarang. Dokumen ini dikenal sebagai

web page dan disajikan dalam browser web server. Dokumen ini umumnya berisi

informasi ataupun interface aplikasi didalam internet. Ada dua cara untuk membuat

sebuah web page : dengan HTML editor teks biasa (misalnya notepad). dan dapat juga

dengan web editor misalkan Microsoft Front Page atau dengan Macromedia

(24)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten 2.7.1 Struktur Dokumen HTML

Setiap dokumen HTML diawali dengan tag <HTML>. Tag ini digunakan oleh

webserver dan web browser untuk berkomunikasi. Tag ini akan memberitahukan web

browser bahwa yang dikirim adalah dokemen HTML.

Tag <HTML> mempunyai tag penutup, tag ini digunakan untuk memberitahu

browser akhir dari dokumen HTML. Tag penutup untuk tag <HTML> adalah

</HTML>. Tag penutup ini harus berada di baris terkahir pada dukemen HTML.

<HTML>

</HTML>

2.8 PHP

PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini. PHP

banyak dipakai untuk memrogram situs web dinamis, walaupun tidak tertutup

kemungkinam untuk digunakan untuk pemakaian lain.

Contoh terkenal dari aplikasi PHP adalah phpBB dan MediaWiki (software di

belakang Wikipedia). PHP juga dapat dilihat sebagai pilihan lain dari

(25)

Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa CMS

yang dibangun menggunakan PHP adalah Mambo, Joomla!, Postnuke, Xaraya, dan

lain-lain.

2.8.1 Sejarah PHP

PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP

bernama FI (Form Interpreted). Pada saat tersebut PHP adalah sekumpulan script yang

digunakan untuk mengolah data form dari web.

Perkembangan selanjutnya adalah Rasmus melepaskan kode sumber tersebut

dan menamakannya PHP/FI, pada saat tersebut kepanjangan dari PHP/FI adalah

Personal Home Page/Form Interpreter. Dengan pelepasan kode sumber ini menjadi

open source, maka banyak programmer yang tertarik untuk ikut mengembangkan

PHP.

Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini interpreter sudah

diimplementasikan dalam C. Dalam rilis ini disertakan juga modul-modul ekstensi

yang meningkatkan kemampuan PHP/FI secara signifikan.

Pada tahun 1997, sebuah perusahaan bernama Zend, menulis ulang interpreter

PHP 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

(26)

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 pemrograman berorientasi objek baru untuk

menjawab perkembangan bahas pemrograman kearah pemrograman berorientasi

objek. Kelebihan PHP dari bahasa pemrograman lain Bahasa pemrograman php

adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam

penggunaanya.

Web Server yang mendukung php dapat ditemukan dimana - mana dari mulai

IIS sampai dengan apache, dengan configurasi yang relatif mudah. Dalam sisi

pengembangan lebih mudah, karena banyaknya milis - milis dan developer yang siap

membantu dalam pengembangan. Dalam sisi pemahamanan, php adalah bahasa

scripting yang paling mudah karena referensi yang banyak.

Di dalam PHP untuk menuliskan script PHP ada 3 cara:

1. Menggunakan tag <? ... ?>

Format: <? Script PHP Anda ?>

2. Menggunakan tag <?php ... ?>

Format: <?php

Script PHP Anda

?>

(27)

Format: <script language = “php”>

Script PHP Anda

</script>

Cara pertama akan sering digunakan karena lebih ringkas. Cara kedua

digunakan dengan kombinasi XML, sebuah bahasa yang merupakan pengembangan

dari HTML. Cara yang ketiga digunakan untuk mengantisipasi editor-editor yang

tidak dapat menerima kedua cara di atas. Berikut ini contoh sederhana pemakaian

bahasa PHP dalam halaman web:

<html>

Database adalah suatu kumpulan data komputer yang teintegrasi, diorganisasikan dan

disimpan menurut cara yang memudahkan pengambilan kembali. Dan tujuan utama

konsep database adalah meminimumkan pengulangan (Gultom et al, 2005).

2.9.1 Database Server MySQL

MySQL adalah suatu perangkat lunak database relasi (Relational Database

(28)

dan sebagainya. MySQL AB menyebut produknya sebagai database open source

terpopuler di dunia. Berdasarkan riset dinyatakan bahwa bahwa di platform Web, dan

baik untuk kategori open source maupun umum, MySQL adalah database yang paling

banyak dipakai. Menurut perusahaan pengembangnya, MySQL telah terpasang di

sekitar 3 juta komputer. Puluhan hingga ratusan ribu situs mengandalkan MySQL

bekerja siang malam memompa data bagi para pengunjungnya.

2.10 CSS (Cascading Style Sheet)

CSS merupakan kependekan dari Cascading Style Sheet yang berfungsi untuk

mengatur tampilan dengan kemampuan jauh lebih baik dari tag maupun atribut

standar HTML (Hypertext Markup Language). CSS sebenarnya adalah suatu

kumpulan atribut untuk fungsi format tampilan dan dapat digunakan untuk mangontrol

tampilan banyak dokumen secara bersamaan. Keuntungan menggunakan CSS yaitu

jika ingin mengubah format dokumen, maka tidak perlu mengedit satu persatu.

Penggunaan CSS ada dua cara yaitu dengan menyidipkan kode CSS langsung

dalam kode HTML atau simpan menjadi file tersendiri berekstensi .css. Dengan

menyimpan sebagai file tersendiri akan lebih memudahkan untuk mengontrol

tampilan banyak dokumen secara langsung. CSS mendapat dukungan penuh pada

browser Internet Explorer versi 6 (empat) dan pada versi sebelumnya. Perlu diketahui

bahwa tampilan CSS dapat berbeda bila ditampilkan pada menu browser yang berbeda

pula (Abdullah, 2005).

(29)

2.11 Macromedia Dreamweaver

Dalam membuat suatu website diperlukan suatu editor. Salah satu editor yang sangat

sederhana adalah Notepad. Dengan perkembangan perangkat lunak, suatu perusahaan

yang bernama Macromedia, Inc. membuat suatu editor berbasis GUI yang

dikhususkan untuk pembuatan website yang diberi nama Dreamweaver.

Dreamweaver merupakan editor HTML yang profesional untuk mendesain,

menulis kode program, dan mengembangkan website, halaman web, dan aplikasi web.

Dalam pengerjaannya, Dreamweaver memberikan 3 (tiga) pilihan yaitu bekerja

dengan menulis kode program (Menu Code), dengan pengeditan secara visual (Mode

Design) dan dengan tampilan keduanya (Mode Split). Dreamweaver juga

(30)

DESKRIPSI SEKOLAH

3.1 Sekilas Tentang Sekolah

Sma Negeri 2 Lawe Sigala-gala adalah sekolah yang mengelola dan mengembangkan

pendidikan..Sekolah ini berada di Jalan Medan-Kutacane KM 31,5 , kec. Lawe

Sigal-gala, kab.Aceh Tenggara.sekolah ini didirikan pada tanggal 09 juli 1993. Berikut

profil sekolah:

1. Nama Sekolah : SMA Negeri 2 Lawe Sigala-gala

2.Tempat Sekolah : Jln Medan-Kutacane km 31,5

3.Nomor dan Tgl SK. Penegerian : 0260/O/1994, 5 Oktober 1994

4. Terhitung Mulai Tanggal : 5 Oktober 1994

5. Nomor Statistik Sekolah : 30 1 06 08 09 500

6. Alamat Sekolah /Kode Pos : Jln Medan-Kutacane Desa Bakti /24673

7. Provinsi :Nanggro Aceh Darussalam

8. Kabupaten : Aceh Tenggara

(31)

10. Gedung sendiri /Menumpang : Gedung Sendiri

11. Permanen /Semipermanen : Permanen

12. Jumlah ruangan/Lokal belajar : 10 ruang

13. Gedung Asrama : Tidak ada

Seperti sekolah-sekolah lain pada umumnya memiliki ruang kelas untuk

kegiatan belajar mengajar siswa-siswinya, dengan dukungan laboratorium untuk

pelaksanaan praktikum, fasilitas olahraga, serta tidak mengenyampingkan moral dan

akhlak siswa dengan adanya tempat ibadah dan kegiatan-kegiatan keagamaan yang

diharapkan mampu meningkatkan akhlak dan moral siswa.

3.2 Struktur Organisasi

Struktur organisasi merupakan gambaran secara skematis tentang tata hubungan tugas

atau kerjasama dari orang-orang yang menggerakkan organisasi untuk mencapai

tujuannya. Dengan adanya suatu organisasi, maka setiap tugas dan tanggungjawab

dapat dikerjakan dan diselesaikan oleh masing-masing individu yang ada dalam

(32)

Struktur organisasi SMA Negeri 2 Lawe Sigala-gala :

Wakasek, bag

Perpustakaan

Olahraga/Pramuka _SENI

WALI KELAS

(33)

3.3 Uraian Tugas dan Tanggung Jawab

3.3.1 Kepala Sekolah

Mempunyai tugas yaitu :

1. Menyusun perencanaan

2. Mengorganisasikan, mengarahkan, mengkoordinasi, dan melakukan evaluasi

kegiatan

3. Melaksanakan pengawas

4. Menentukan kebijaksanaan

5. Mengadakan rapat

6. Mengambil keputusan

7. Mengatur proses belajar-mengajar

8. Mengatur administrasi, ketatausahaan, siswa, ketenegaan, sarana-prasarana

dan keuangan.

9. Mengatur Organisasi Siswa Intra Sekolah (OSIS)

10.Mengatur hubungan sekolah dengan masyarakat dan Instansi terkait.

3.3.2 Kepala Tata Usaha

Kepala tata usaha sekolah mempunyai tugas melaksanakan ketatausahaan sekolah dan

(34)

1. Penyusunan program kerja tata usaha sekolah

2. Pengelolaan keuangan sekolah

3. Pengurusan administrasi ketenagaan dan siswa

4. Pembinaan dan pengembangan karir pegawai tata usaha sekolah

5. Penyusunan administrasi perlengkapan sekolah

6. Penyusunan dan penyajian data / statistik sekolah

7. Mengkoordinasi dan melaksanakan 7 K

8. Penyusunan laporan pelaksanaan bimbingan dan konseling

3.3.3 Wakil Kepala Sekolah

Wakil kepala sekolah terdiri dari 4 bagian yaitu ;

1. Wakil kepala sekolah bagian kesiswaaan

2. Wakil kepala sekolah bagian kurikulum

3. wakil kepala sekolah bagian humas

4. wakil kepala sekolah bagian sarana dan pra sarana

Wakil kepala sekolah membantu kepala sekolah dalam kegiatan sebagai berikut :

1. Menyusun perencanaan membuat program kegiatan dan pelaksanaan program

2. Pengorganisasian, pengarahan, ketenagaan, pengkoordinasian, pengawasan

dan penilaian.

3. Identifikasi dan pengumpulan data

4. Penyusunan laporan

3.3.4 Guru Bimbingan dan Konseling

(35)

1. Penyusunan program pelaksanaan bimbingan konseling

2. Koordinasi dengan wali kelas dalam rangka mengatasi masalah yang dihadapi

oleh siswa tentang kesulitan belajar

3. Memberikan layanan dan bimbingan kepada siswa agar lebih berprestasi

dalam kegiatan belajar

4. Memberikan sarana dan pertimbangan kepada siswa dalam memperoleh

gambaran tentang lanjutan pendidikan dan lapangan pekerjaan yang sesuai

5. Mengadakan penilaian pelaksanaan bimbingan dan konseling

6. Menyusun statistik hasil penilaian bimbingan dan konseling

7. Melaksanakan kegiatan analis hasil evaluasi belajar

8. Menyusun dan melaksanakan program tidak lanjut bimbingan dan konseling

9. Menyusun laporan pelaksanaan bimbingan dan konseling

3.3.5 Pustakawan Sekolah

Pustakawan sekolah membantu sekolah dalam kegiatan-kegiatan sbb:

1. Perencanaan pengadaan buku-buku bahan pustaka media elektronika

2. Pengurusan pelayanan perpustakaan

3. Perencanaan pengembangan pustakaan

4. Pemeliharaan dan perbaikan buku-buku bahan pustaka media elektronika

5. Inventarisasi dan pengadministrasian buku-buku bahan pustaka media

elektronika

6. Melakukan layanan bagi siswa, guru, dan tenaga kependidikan lainnya serta

masyarakat

(36)

8. Menyusun tata tertib perpustakaan secara berkala

3.3.6 Wali Kelas

Wali kelas membantu kepala sekolah dalam kegiatan sbb :

1. Pengelolaan kelas

2. Penyelenggaraan administrasi kelas seperti : denah tempat duduk siswa, papan

absensi siswa, daftar pelajaran kelas, daftar piket kelas, buku absesi siswa,

buku pembelajaran, tata tertib siswa

3. Penyusunan pembuatan statistik bulanan siswa

4. Pengisian daftar kumpulan nilai siswa

5. Pembuatan catatan khusus tentang siswa

6. Pengisian buku laporan dan pembagian buku laporan penilaian hasil belajar

3.3.7 Guru

Guru bertanggung jawab kepada kepala sekolah dan mempunyai tugas melaksanakan

kegiatan proses belajar mengajar secara efektif dan efisien :

1. Membuat perangkat pengajaran : AMP, program tahunan / semester, program

satuan pelajaran, program rencana pengajaran, program mingguan guru, LKS.

2. Melaksanakan kegiatan pembelajaran, penilaian proses belajar, ulangan harian,

ulangan umum, ujian akhir.

3. Melaksanakan analisis hasil ulangan harian, mengisi daftar nilai siswa,

membuat alat pelajaran dan menumbuh kembangkan sikap menghargai karya

(37)

3.4 Visi dan Misi Sekolah

3.4.1 Visi :

Mewujudkan anak didik yang unggul dalam IPTEK dan berbudu pekerti yang baik.

Indikator :

1. Unggul dalam prestasi akademik Melaksanakan kegiatan pembelajaran

2. Unggul dalam aktifitas keagamaan

3. Unggul dalam prestasi non akademik

4. Unggul dalam kemampuan berbahasa inggris

5. Unggul dalam kemampuan dasar mengoperasikan komputer

3.4.2. Misi :

1. Menegakkan disiplin belajar dan mengajar

2. Memberikan motifasi belajar yang tinggi untuk mencapai prestasibaik dalam

akademik maupun non akademik.

3. Memberikan manajemen / partisifatif dengan melibatkan seluruh warga

(38)

PERANCANGAN SISTEM

4.1 Perencanaan dan Perancangan

Tahap perencanaan dan perancangan ini merupakan tahap awal dalam membangun

sebuah situs, seperti membuat perencanaan, perancangan, diagram alur, tujuan dan isi

dari sebuah situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa

pemrogramannya, MySQL sebagai databasenya, dan Dreamweaver digunakan sebagai

editor skrip program dan juga untuk mendesain situs.

Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan

yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen

yang membentuk situs.

Sebelum membangun situs, perlu dilakukan identifikasi awal antara lain:

1. Situs apa yang ingin dibuat?

2. Siapa saja pengunjung yang diharapkan berkunjung ke situs tersebut?

3. Apa saja aktivitas yang dapat mereka lakukan dalam situs?

(39)

Dengan menjawab pertanyaan-pertanyaan di atas, akan semakin memperjelas

dan mempermudah dalam membangun situs karena dari situlah nantinya akan

terbentuk kata kunci untuk membuat dan mengembangkan situs lebih lanjut.

Berkenaan dengan situs yang akan dibangun, maka jawaban untuk pertanyaan diatas

sebagai berikut:

1. Situs yang akan dibuat adalah situs lembaga pendidikan pemerintahan, dalam hal

ini adalah SMA negeri 2 Lawe Sigala-gala , yang menyediakan

informasi-informasi mengenai lembaga pendidikan tersebut.

2. Pengunjungnya adalah pegawai/guru, siswa-siswi tersebut dan masyarakat awam

yang ingin mengetahui informasi terbaru seputar pendidikan dan informasi umum

mengenai SMA negeri 2 Lawe Sigala-gala.

3. Aktivitas yang akan dijumpai di dalam situs tersebut adalah :

a. Pengunjung dapat mengetahui informasi umum mengenai SMA negeri 2 Lawe

Sigala-gala, membaca berita atau informasi terkini dari sekolah tersebut.

b. Guru, pegawai, dan siswa dapat melihat biodata dan mengisi

komentar-komentarnya pada form komentar yang telah disediakan. Tentu saja dengan

melakukan login terlebih dahulu bagi mereka yang telah terdaftar di situs itu.

c. Guru melakukan input nilai siswa berdasarkan kelas dan mata pelajaran yang

diajarnya,

d. Dan tiap siswa bisa lihat nilai secara online.

4. Target yang akan dicapai dari situs tersebut adalah pengunjung mendapatkan

informasi tentang SMA negeri 2 Lawe Sigala-gala

(40)

Flowchart atau diagram alir adalah bagan-bagan yang mempunyai arus yang

menggambarkan langkah-langkah penyelesaian suatu masalah. Dengan adanya

flowchart, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman

situs tersebut.

Flowchart adalah sekumpulan simbol-simbol yang menunjukkan atau

menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir, jadi

flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di

suatu algoritma.

Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti

tabel berikut :

No. Simbol Fungsi

1 Terminator, untuk memulai dan mengakhiri suatu

program

2 Process, suatu simbol yang menunjukkan setiap

pengolahan yang dilakukan oleh computer

3 Data, untuk memasukkan data maupun menunjukkan

hasil dari suatu proses

4 Decision, suatu kondisi yang akan menghasilkan

beberapa kemungkinan jawaban atau pilihan

5 Preparation, suatu simbol untuk menyediakan

tempat-tempat pengolahan data dalam storage

6 Connector, merupakan simbol untuk masuk dan

(41)

7 Off-page Connector, merupakan simbol untuk masuk

dan keluarnya suatu prosedur pada lembar kertas yang

lain

No Simbol Fungsi

8 Arus atau flow, prosedur yang dapat dilakukan dari atas

ke bawah, bawah ke atas, dari kiri ke kanan atau dari

kanan ke kiri

9 Document, merupakan simbol untuk data yang

berbentuk informasi

10 Predefined Process, untuk menyatakan sekumpulan

langkah proses yang ditulis sebagai prosedur

11 Display, untuk output yang ditujukan suatu device,

seperti monitor

12 Magnetic disk, untuk menyimpan data

(42)

Adapun flowchart dari situs yang penulis buat yaitu :

(43)

(44)

Gbr 4.2.3 Flowchart Login Form Login

Username=username_usr

Password=password_usr

Halama n Admin

Ya

Tidak

(45)

(46)

Gbr 4.2.4 .flowchart admin

4.3 Perancangan Halaman Website.

Adapun halaman-halaman yang dirancang penulis yaitu :

1. Halaman index.php, merupakan halaman yang pertama kali muncul pada saat

situs dibuka. Semua halaman navigasi akan ditampilkan di bagian isi.

(47)

2. Halaman profil.php, merupakan halaman yang berisikan tentang profil sekolah

3. Halaman sejarah.php, merupakan halaman yang berisikan berita-berita

mengenai sejarah berdirinya sekolah.

4. Halaman organisasi.php, merupakan halaman yang berikan semua organisasi

yang ada di SMA Negeri 2 LAwe Sigala-gala

5. Halaman pengajar.php, merupakan halaman yang menampilkan data guru

Gambar 4.3.2 Halaman Guru.php

6. Halaman siswa.php, merupakan halaman yang menampilkan data siswa

Halaman pegawai.php, merupakan halaman yang menampilkan data pegawai

7. Halaman galeri php, merupakan halaman yang menampilkan photo-photo

8. Halaman kontak.php, merupakan halaman yang menampilkan buku tamu yang

(48)

9. Halaman admin.php, merupakan halaman yang terdapat dalam folder admin.

Halaman ini hanya dapat diakses oleh admin untuk melakukan pengaturan di

dalam situs ini, seperti tambah, edit, dan hapus data siswa, guru, kelas, dan

materi pelajaran, serta informasi umum seperti profil, berita, gallery, dan opini.

Gambar 4.3.3 Halaman Admin.php

10.Halaman siswa.php yang terdapat dalam folder siswa. Halaman ini hanya

dapat diakses oleh siswa yang sudah terdaftar di database. Di sini siswa bisa

(49)

(50)

(51)

4.4 Mempersiapkan Database Server

Tahap ini merupakan tahapan dimana penulis menempatkan data yang sudah ada pada

bagian server. Data tersebut nantinya akan diproses oleh program yang sudah dibuat.

Tempat untuk menampung data disebut dengan database, database terdiri atas

table-tabel yang dibuat menggunakan MySQL.

Adapun database yang penulis buat yaitu database “sman 2” yang terdiri dari

11 (sebelas) tabel, yaitu :

1. Tabel Buku Tamu

Tabel 4.4.1 Tabel Buku Tamu

2. Tabel Conten

(52)

3. Tabel Counter

Tabel 4.4.3 Tabel Counter

4. Tabel Galery

Tabel 4.4.4 Tabel Galery

(53)

Tabel 4.4.5 Tabel Guru

6. Tabel Kelas

Tabel 4.4.6 Tabel Kelas

(54)

Tabel 4.4.7 Tabel Nilai-pelajaran

8. Tabel Nilai_siswa

Tabel 4.4.8 Tabel Nilai_siswa

9. Tabel Pegawai

(55)

10.Tabel Siswa

Tabel 4.4.10 Tabel Siswa

(56)

Tabel 4.4.11 Tabel User

4.5 Desain Situs

Pada tahap desain situs ini, penulis hanya membuat desain untuk header atau bagian

atas dari suatu situs, kemudian ditambah dengan grafik-grafik aksesoris lainnya

sebagai pelengkap.

Dalam membuat desain header pada situs sekolah ini, penulis menggunakan

software Adobe Photoshop 7 sebagai pengolah gambarnya. Area header adalah bagian

paling atas dari sebuah situs. Pada area ini biasanya terdapat logo, foto, dan nama

situs. Secara keseluruhan desain header yang penulis buat dapat dilihat seperti gambar

di bawah ini :

Gambar 4..5.1 Header

Tahap-tahap yang dilakukan penulis dalam membangun halaman situs adalah

(57)

1. Membuka software Macromedia Dreamweaver sebagai software pengatur letak

layout dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya

dapat dilihat seperti gambar

berikutini:

Gambar 4.5.2 Tampilan Macromedia Dreamweaver

2. Mengatur tata letak layout dengan memanfaatkan tool dan perintah yang terdapat

pada Macromedia Dreamweaver yaitu dengan meletakkan table-tabel, link-link,

animasi, kerangka halaman di tempat yang telah ditentukan.

3. Menulis dan meletakkan skrip-skrip PHP, HTML, dan CSS yang diperlukan pada

tempat yang sesuai yang dikerjakan di jendela Code pada Macromedia

(58)

4. Mengerjakan halaman-halaman berikutnya.

BAB 5

IMPLEMENTASI SISTEM

5.1 Pengertian Implementasi Sistem

Implementasi Sistem adalah 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

Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:

1. Menyelesaikan desain sistem yang telah disetujui sebelumnya, menyusun

dokumen-dokumen baru atau dokumen yang baru diperbaiki.

2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru

3. Menguji apakah sistem baru tersebut sesuai dengan pemakai.

4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat

(59)

Langkah-langkah yang dibutuhkan dalam pengimplementasian sistem adalah sebagai

berikut:

1. Menyelesaikan desain web.

2. Mendapatkan software dan hardware.

3. Menulis, menguji, dan mendokumentasikan program komputer.

4. Menguji sistem.

5. Mendapatkan persetujuan.

5.3 Komponen Utama dalam Implementasi Sistem

Pengolahan data dalam sistem terkomputerisasi memerlukan fasilitas-fasilitas yang

secara prinsipil harus ada. Adapun fasilitas yang dibutuhkan penulis dalam merancang

web sebagai berikut:

1. Hardware

Hardware adalah seluruh komponen perlatan-peralatan yang membentuk suatu

sistem komputer dan perlatan lainnya yang memungkinkan komputer dapat

melaksanakan tugasnya.

Dalam penyusunan sistem informasi ini penulis membutuhkan perangkat keras

sebagai berikut:

(60)

Merupakan jantung dari komputer, komputer yang merupakan pusat

pengolahan data serta pusat pengontrolan dari keseluruhan sistem

komputer.

b. Memory

Merupakan tempat penampungan atau tempat menyimpan data untuk

sementara.

c. Monitor

Merupakan layar yang menampilkan output program.

d. Keyboard

Merupakan alat input.

e. Modem

Yaitu singkatan dari modulator demodulator merupakan alat bantu

komputer untuk proses komunikasi. Alat ini berfungsi mengubah signal

analog menjadi sinyal digital dan sebaliknya.

2. Software

Merupakan koponen-komponen dari sistem pengolahan data yang diluar dari

peralatan komputernya sendiri. Adapun software yang digunakan penulis

adalah sebagai berikut:

a. Operating system (Sistem Operasi).

b. Bahasa Pemrograman PHP dan MySQL.

c. Macromedia Dreamweaver.

3. Brainware

Brainware merupakan faktor manusia yang menangani fasilitas komputer yang

(61)

keahlian dibidang komputer dan merupakan unsur manusia yang dibutuhkan,

meliputi:

a. Analisa Sistem.

b. Programmer.

c. Computer Operator.

d. Data Entri Operator.

5.4 Spesifikasi Program

Dalam melakukan implementsi sistem perancangan website di SMA Negeri 2 Lawe

Sigala-gala kabupaten Aceh Tenggaraa spesifikasi program yang sudah dirancang

membutuhkan perangkat keras (hardware), perangkat lunak (software) dan perangkat

operator (brainware).

a. Spec minimum perangkat keras (Hardware)

a. Microprocessor Pentium III

b. Harddisk atau media penyimpanan dengan kapasitas 40 GB

c. Memori 128 MB

d. Monitor VGA

e. Keyboard dan Mouse

b. Perangkat lunak (Software)

a. Sistem Operasi Windows XP. Penulis menggunakan sistem operasi

(62)

b. MySQL sebagai bahasa pemrograman untuk database dalam bahasa SQL

(Structure Query Language) yang digunakan dalam mengolah dan

mengelola database.

c. HTML Editor adalah software yang dipakai untuk mendesain web, seperti:

Notepad, Microsoft frontpage, dan Macromedia Dreamweaver.

d. PHP sebagai bahasa pemrograman server side, dapat membuat perintah

query pada pemrogramannya seperti perintah dasar SQL.

e Web Server sebagai server lokal dalam pengetesan halaman web sebelum

file-file dan script web dipublikasikan pada internet, seperti PWS

(Personal Web Server) atau Apache Web Server seperti yang digunakan

penulis.

f. Browser sebagai tempat melihat output atau tampilan halaman web, misal :

Internet Explorer, Mozilla, Netscape Navigator, dan lain – lain.

c. Pengguna/ User (Brainware)

Pengguna atau user adalah orang yang mengerti dan mampu mengoperasikan

sistem windows dan internet. Pengguna atau user ini terbagi 2, yaitu:

1. Administrator (programmer).

2. Pengunjung (publik).

5.5 Instalasi Apache, PHP dan Mysql

Dalam menginstalasi Apache, PHP dan MySQL dilakukan secara satu per satu.

Adapun softwarenya dapat diperoleh dari situs www.apache.org untuk Apache,

(63)

dimulai dengan menginstalasi Apache, kemudian disusul dengan menginstalasi PHP

dan MySQL. Setelah instalasi selesai dilanjutkan dengan melakukan pengaturan

konfigurasi yang diberikan setelah instalasi selesai. Namun hal ini memerlukan

pengaturan yang sedikit rumit.

Alternatif lain yang digunakan penulis adalah dengan menginstalasi Phptriad

2.2. Perangkat lunak Phptriad 2.2 ini penulis download di situs www.phptriad.com.

5.5.1 Instalasi Phptriad 2.2.1

a. Klik 2x ikon

Gambar 5.5.1 Ikon phptriad

b. Tekan tombol I Agree

(64)

Mengestrak

Gambar 5.5.1.3 Proses Ekstrak phptriad

Gambar 5.5.1.4 Installasi phptriad selesai

5.5.2 Menjalankan Phptriad 2.2 .1

(65)

Gambar 5.5.2.1 Ikon apache di desktop

Atau dari menu start - all program - phptriad - apache console - start apache

c. Aktifkan server mysql dari menu start - all program - phptriad - MySQL – MySQL D

d. Buka browser, ketikkan alamat

Gambar 5.5.2.2 Pengujian Localhost

5.5.3 Membuat Database

a. Dengan PhpMyAdmin

Ketikkan alamat

Di sini pembuatan dan pengelolaan mysql dapat dikelola dengan praktis, tinggal pilih

(66)

Gambar 5.5.3.1 PhpMyAdmin

b. Dengan command prompt

Buka command prompt dari:

Gambar 5.5.3.2Command Prompt

(67)

Gambar 5.5.3.3 mysql command prompt1

Di sinilah pembuatan database dan tabel-tabel secara manual menggunakan query

bahasa SQL.

(68)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten 5.6 Menguji di Browser

Folder website yang telah selesai dibuat disimpan di direktori htdocs. Selanjutnya

diuji di server localhost dengan alamat

(69)

(70)

Frengky Adi Syahputra Siregar : Sistem Informasi Berbasis Web Pada Sma Negeri 2 Lawe Sigala-Gala Kabupaten 5.7 Melakukan Upload File dan Database

Upload adalah proses mentransfer file-file situs yang telah dibuat ke suatu server di internet, dengan tujuan agar situs tersebut dapat diakses oleh semua orang di seluruh

dunia yang terhubung ke internet.

Tempat meletakkan file-file situs di internet namanya server hosting atau web

hosting. Ada dua jenis web hosting, yaitu web hosting yang gratis dan web hosting

yang berbayar. Maksudnya, ada yang merelakan server hosting-nya untuk digunakan

oleh siapa pun secara gratis, dengan ketentuan server host akan memasang

iklan/banner di situs pelanggan dan nama alamat dari situs pun harus menyertakan

nama situs server host, misalnya www.geocities.com/poltekkes. Sedangkan bila

membeli domain dan hosting, nama alamat situs (URL) dapat diberikan sesuai

keinginan dan tanpa dibumbui dengan iklan serta dilengkapi dengan fasilitas lainnya

yang memudahkan dalam melakukan manajemen situs. Salah satu situs di Indonesia

yang menyediakan hosting berbayar yaitu http://www.singcat.com.

Web hosting gratis bisa diperoleh dengan melakukan pencarian melalui search engine seperti Google atau Yahoo. Sebenarnya web hosting gratis ini telah banyak

disediakan di internet, namun kebanyakan hanya mendukung halaman situs yang

statis.

Salah satu situs di internet yang menyediakan hosting gratis dan telah

mendukung PHP dan MySQL yaitu http://www.tripod.co.uk. Web hosting ini

(71)

kapasitas free hosting sebesar 500 MB dan didukung juga dengan Frontpage dan

PHPMyAdmin. Proses pendaftarannya cukup sederhana seperti pengisian form email.

Setelah sukses mendaftar, diwajibkan untuk melakukan aktivasi dengan meng-klik

link yang dikirim ke email pendaftar. Setelah login ke situs tersebut, barulah dapat

melakukan upload file.

Dalam meng-upload file, web hosting telah memberikan fasilitas seperti

WebFTP (Lycos Tripod) atau File Manager (Singcat). Proses meng-upload dengan

fasilitas ini adalah dengan memasukkan file satu demi satu. Fasilitas lain yang bisa

digunakan adalah dengan menggunakan aplikasi FTP (File Transfer Protocol) seperti

software WS_FTP atau Cute_FTP. Dengan mengetikkan alamat ftp server pada bagian Address, misalnya ftp.members.lycos.co.uk/PLN, dan koneksinya berhasil maka proses peng-upload-an file dapat dilakukan dengan mudah yaitu dengan memindahkan

file-file yang ada di kotak sebelah kiri ke kotak sebelah kanan.

Dalam meng-upload database ke web hosting, terlebih dahulu dilakukan

dumping. melalui perintah MySQL di komputer lokal. Kemudian hasil dumping

tersebut diupload dengan menggunakan fasilitas PHPMyAdmin yang disediakan web

hosting.

5.8 Mempromosikan Situs

Salah satu cara agar situs dapat terlihat saat orang lain melakukan pencarian adalah

dengan mempromosikan situs. Salah satu usaha yang dapat dilakukan adalah dengan

(72)

membuka kemungkinan lebih besar bahwa situs yang dibuat akan diakses oleh orang

lain. Lain search engine, maka lain pula aturan atau cara pendaftarannya. Berikut cara

mendaftarkan alamat situs di Google:

1. Ketikkan alamat situs http://www.google.com/addurl.com di URL.

2. Mengisi alamat URL dan komentar, lalu diakhiri dengan klik tombol Add URL.

3. Tunggu kira-kira sebulan, kemudian coba ketikkan kata kunci situs yang telah

dibuat di search engine Google. Jika beruntung, situs tersebut akan tampil di salah

satu daftar pencarian. Selain memerlukan waktu yang lama untuk validasinya, juga

didukung faktor keberuntungan apakah situs tersebut diperbolehkan terdaftar di

search engine tersebut.

Salah satu alternatif lain adalah dengan menggunakan software sejenis URL

Submitter dan Indo URL Submitter yang mempunyai kemampuan untuk mendaftarkan

situs ke ribuan search engine secara otomatis. Software tersebut dapat di-download

(73)

BAB 6

KESIMPULAN DAN SARAN

6.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan sistem

dalam pembangunan web SMA Negeri 2 lawe Sigala-gala Kabupaten Aceh Tenggara.

Maka dapat penulis simpulkan :

1. Aplikasi berbasis web dapat menjadi alternatif pilihan utama bagi para user

yang tidak mau bersusah payah dalam mencari yang dapat menghabiskan

waktu, uang dan tenaga.

2. Situs SMA Negeri 2 lawe Sigala-gala Kabupaten Aceh Tenggara ini adalah

sarana informasi online yang bisa diakses oleh siapapun juga, baik dari pihak

sekolah maupun para pengunjung yang mengunjungi situsnya.

3. Pembuatan aplikasi web memerlukan strategi perencanaan terbaik bagaimana

cara untuk menarik perhatian user agar mau berkunjung dan mencari

informasi.

4. Kecepatan dalam membuka halaman web merupakan salah satu faktor penting

yang perlu diperhatikan dalam membangun aplikasi web, agar pengunjung

tidak merasa bosan karena harus menunggu lama untuk membuka halaman

(74)

5. Situs SMA Negeri 2 lawe Sigala-gala Kabupaten Aceh Tenggara memberikan

informasi yang berkaitan dengan data yang penulis peroleh.

6.2 Saran

1. Diharapkan agar ada partisipasi dari pihak administrator dalam memelihara

dan memperbarui web SMA Negeri 2 lawe Sigala-gala Kabupaten Aceh

Tenggara.

2. Kemudahan dalam penjelajahan web SMA Negeri 2 lawe Sigala-gala

Kabupaten Aceh Tenggara perlu diperhatikan agar pengunjung dapat

menerima informasi dengan mudah.

3. Web yang dibuat sebaiknya dibuat semenarik mungkin, baik dari sisi grafis

maupun content agar para pengunjung lebih sering mengunjungi situs ini.

4. Agar aplikasi web ini dapat lebih menarik, maka dapat dibuat antarmuka

(75)

DAFTAR PUSTAKA

Al-Bahra bin Ladjamudin.B, 2005, Analisis dan Desain Sistem Informasi,

Yogyakarta: Graha Ilmu.

Madcom, 2005, Aplikasi Manajemen Database Pendidikan Berbasis Web dengan

PHP dan MySQL, Yogyakarta : Penerbit Andi.

Sano, Alb.V.Dian, 2005, 24 Jam Menguasai HTML, JSP, dan MySQL, Yogyakarta:

Penerbit Andi.

Sunarfrihantono, Bimo, 2002, PHP dan MySQL untuk Web, Yogyakarta: Penerbit

Andi.

Utdirartatmo, Firrar, 2006, Segudang Trik Pengembangan Situs Web: Memanfaatkan

HTML, Java Script dan CSS secara Kreatif, Yogyakarta: Penerbit Andi

Wahana Komputer, 2006, Tutorial 5 Hari Membuat Website Interaktif dengan