PERANCANGAN SISTEM INFORMASI BERBASIS WEB DENGAN
MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 LAWE SIGALA GALA
TUGAS AKHIR
KHAIRUL YASSIN ARIGA 072406092
PROGRAM STUDI DIPLOMA 3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA
PERANCANGAN SISTEM INFORMASI BERBASIS WEB DENGAN
MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 LAWE SIGALA GALA
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
KHAIRUL YASSIN ARIGA
072406092
PROGRAM STUDI D3 ILMU KOMPUTER
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
PERSETUJUAN
Judul : PERANCANGAN SISTEM INFORMASI BERBASIS
WEB DENGAN MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 LAWE SIGALA GALA
Kategori : TUGAS AKHIR
Nama : KHAIRUL YASSIN ARIGA
Nomor Induk Mahasiswa : 072406092
Program Studi : D3 KOMPUTER
Departemen : MATEMATIKA
Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM
(FMIPA) UNIVERSITAS SUMATERA UTARA
Diluluskan di
Medan, Juni 2010
Diketahui/Disetujui oleh
Departemen Matematika FMIPA USU
Ketua, Pembimbing
Dr. Saib Suwilo, M.Sc Prof. Dr. Opim Salim Sitompul, M.Sc
PERNYATAAN
PERANCANGAN SISTEM INFORMASI BERBASIS WEB DENGAN
MENGGUNAKAN PHP DAN MYSQL PADA SMA NEGERI 1 LAWE SIGALA GALA
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 2010
KHAIRUL YASSIN ARIGA
PENGHARGAAN
Dengan mengucapkan “ Alhamdulillah “ dan memanjatkan puji syukur atas kehadiran Allah SWT yang Maha Pengasih dan Maha Penyayang, dengan limpahan Rahmat dan Karunia- Nya, Tugas Akhir ini berhasil diselesaikan tepat pada waktunya sebagai salah satu syarat untuk menyelesaikan studi pada Diploma III Ilmu Komputer FMIPA USU.
Adapun judul dari tugas akhir ini adalah “ PERANCANGAN SISTEM INF ORMASI BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN MYSQL
PADA SMA NEGERI 1 LAWE SIGALA GALA “.
Ucapan terima kasih disampaikan yang sebesar – besarnya kepada :
1. Bapak Dr.Eddy Marlianto, M.Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
2. Bapak Dr.Saib Suwilo, M.Sc, Ketua Departemen Matematika Universitas Sumatera Utara.
3. Bapak Prof. Dr. Opim Salim Sitompul, M.Sc, sebagai Dosen Pembimbing yang telah banyak memberikan bimbingan dan arahan dalam penulisan laporan Tugas Akhir ini.
4. Seluruh Staf Pengajar dan Pegawai FMIPA USU.
5. Bapak Drs. Abdurrahman selaku kepala sekolah SMA Negeri 1 Lawe Sigala Gala yang telah berkenan memberikan memberikan kesempatan pada saya untuk melakukan riset.
6. Seluruh Staf di Kantor Badan Pemberdayaan Perempuan dan Keluarga Berencana Kabupaten Labuhan Batu.
7. Teristimewa untuk ayahanda dan ibunda tercinta, kakak, abang, dan adik yang saya sayangi, terima kasih atas cinta dan motivasinya dalam menyelesaikan laporan Tugas Akhir ini.
9. Teman – teman seperjuangan di D III Ilmu Komputer 2007, khususnya di Komputer A’07.
10.Semua pihak yang ikut membantu dalam penyelesaian Tugas Akhir ini yang tidak dapat disebut satu persatu, diucapkan terima kasih banyak.
Akhir kata penulis mengucapkan doa semoga Allah SWT akan membalas kebaikan semua pihak. Amin.
Medan, Juni 2010
ABSTRAK
DAFTAR ISI
Halaman
Persetujuan ii
Pernyataan iii
Penghargaan iv Abstrak vi Daftar Isi vii
Daftar Tabel ix
Daftar Gambar x
Bab 1 Pendahuluan ... 1.1Latar Belakang ... 1
1.2Identifikasi Masalah ... 2
1.3Rumusan Masalah ... 2
1.4Batasan Masalah ... 3
1.5Maksud dan Tujuan... 3
1.6Metodologi Penelitian ... 4
1.7Sistematika Penulisan ... 5
Bab 2 Landasan Teori 2.1 Sistem Informasi 8
2.1.2 Pengertian Informasi 9
2.1.3 Pengertian Sistem Informasi 10
2.1.4 Pengertian Data 11
2.2 Pengenalan Internet 12
2.3 Pengenalan Intranet 13
2.4 HTML 14
2.5 CSS (Cassading Style Sheet) 16
2.6 Pengenalan PHP (Personal Home Page) 17
2.7 Database 18
2.8 MySQL 19
2.9 XAMPP 20
2.10 Macromedia Dreamweaver 8 20
Bab 3 Sekilas Tentang SMA Negeri 1 Lawe Sigala Gala
3.1 Sejarah 22
3.2 Visi dan Misi SMA Negeri 1 Lawe Sigala Gala 24
3.2.1 Visi 24
3.2.2 Misi 24
3.3 Struktur Organisasi 25
Bab 4 Perancangan Sistem
4.1 Perencanaan Perancangan Sistem 26
4.2 Perancangan Data Flow Diagram (DFD) 27
4.3 Perancangan Database 30
4.4 Flowchart 35
4.4.2 Flowchart Halaman Login 37
4.4.3 Flowchart Halaman Guru / Pegawai 38
4.4.4 Flowchart Halaman Utama Admin 39
4.4.5 Flowchart Kotak Masuk 40
4.4.6 Flowchart Input Pegawai 41
4.4.7 Flowchart Data Pegawai 42
4.4.8 Flowchart Absensi Pegawai 43
4.4.9 Flowchart Absensi Harian Pegawai 44
4.5 Perancangan Halaman Website 45
4.6 Perancangan User Interface 48
Bab 5 Implementasi Sistem
5.1 Pengertian Implementasi Sistem 49
5.2 Tujuan Implementasi Sistem 49
5.3 Spesifikasi Sistem 50
5.4 Instalasi Xampp 1.6.4 50
5.4.1 Menjalankan XAMPP 54
5.5 Pengujian di Browser 55
5.6 Demonstrasi Program 57
Bab 6 Kesimpulan dan Saran
6.1 Kesimpulan 63
6.2 Saran 64
DAFTAR TABEL
Halaman
Tabel 4.1 Tabel Pegawai 30
Tabel 4.2 Tabel Golongan 31
Tabel 4.3 Tabel Absensi 31
Tabel 4.4 Tabel User 31
Tabel 4.5 Tabel Berita 31
Tabel 4.6 Tabel Galeri 32
Tabel 4.7 Tabel Komentar 32
Tabel 4.8 Tabel Kotak Masuk 33
Tabel 4.9 Tabel Kategori 33
DAFTAR GAMBAR
Halaman
Gambar 4.1 Data Flow Diagram (DFD) Level Konteks 28
Gambar 4.2 Data Flow Diagram (DFD) Level Nol 29
Gambar 4.3 Flowchart Halaman Utama 36
Gambar 4.4 Flowchart Halaman Login 37
Gambar 4.5 Flowchart Halaman Guru / Pegawai 38
Gambar 4.6 Flowchart Halaman Admin 39
Gambar 4.7 Flowchart Kotak Masuk 40
Gambar 4.8 Flowchart Input Pegawai 41
Gambar 4.9 Flowchart Data Pegawai 42
Gambar 4.10 Flowchart Input Absensi 43
Gambar 4.11 Flowchart Absensi Harian Pegawai 44
Gambar 4.12 Tampilan Macromedia Dreamweaver 8 47
Gambar 4.13 Header Situs 48
Gambar 5.1 Xampp Installer 51
Gambar 5.2 Pilihan Bahasa Instalasi Xampp 51
Gambar 5.3 Setup Wizard 52
Gambar 5.4 End user lisence agreement 52
Gambar 5.5 Lokasi Instalasi 53
Gambar 5.6 Setup Selesai 53
Gambar 5.8 Menjalankan Xampp 54
Gambar 5.9 Peletakan Folder ke dalam htdocs 55
Gambar 5.10 Penulisan alamat di URL 56
Gambar 5.11 Halaman Utama Index.php 56
Gambar 5.12 Halaman Utama Admin 57
Gambar 5.13 Halaman Input Pegawai 58
Gambar 5.14 Halaman Data Pegawai 59
Gambar 5.15 Halaman Utama pegawai 60
Gambar 5.16 Halaman Isi Absensi 61
Gambar 5.17 Pemberitahuan sukses isi absensi 61
Gambar 5.18 Pemberitahuan telat masuk 62
ABSTRAK
BAB 1
PENDAHULUAN
1.1Latar Belakang
Teknologi di bidang komputer saat ini sangat berkembang pesat sehingga dapat
meningkatkan keefisienan dan efektifitas dalam melakukan setiap pekerjaan. Komputer
bukan hanya sekedar pengolah data dan gambar saja tetapi penggunannya semakin
meluas menjadi salah satu sarana komunikasi, media informasi dan edukasi.
Pengembangan jaringan komunikasi data antar komputer menjadikan internet muncul
dengan berbagi macam aplikasi, internet dengan berbagai aplikasinya pada dasarnya
adalah media yang digunakan untuk mengefisiensi proses komunikasi. Untuk dapat
memaksimalkan penggunaan internet, harus dapat kita tentukan dan artikan kebutuhan
komunikasi dari seseorang.
SMA Negeri 1 Lawe Sigala – Gala mempunyai siswa – siswi sekitar 720 siswa - siswi, selain itu memiliki 54 staf pengajar dan pegawai. Dengan banyaknya staf pegawai
serta siswa dan siswi, SMA Negeri 1 Lawe Sigala – Gala belum memiliki suatu sistem informasi dimana sistem informasi itu berguna bagi staf pengajar dan pegawai yaitu
berupa sistem absensi, selain itu juga berguna bagi tiap siswa-siswi untuk mengetahui
informasi akademik baik itu berupa artikel sekolah, materi pelajaran, forum diskusi,dan
berkeinginan merancang sebuah sistem informasi yang berbasis web guna mempermudah
bagi pihak administrasi untuk melihat laporan absensi staf pengajar dan pegawai,
mempercepat serta mengefisienkan pencarian data staf pengajar dan pegawai SMA
Negeri 1 Lawe Sigala – Gala.
Atas dasar pertimbangan itu, maka penulis tertarik membuat suatu aplikasi online
sekolah dengan judul: “PERANCANGAN SISTEM INFORMASI BERBASIS WEB DENGAN MENGGUNAKAN PHP dan MYSQL PADA SMA NEGERI 1 LAWE
SIGALA - GALA”.
1.2Identifikasi Masalah
Masalah yang ditemukan pada SMA Negeri 1 Lawe Sigala – Gala adalah terdapat kendala dalam mengelola absensi pegawai yang bersifat manual serta pemberian
informasi yang juga secara manual, untuk itu diperlukan sebuah sistem informasi yang
mengelola absensi yang lebih sistematis serta informasi yang ada dapat dimanfaatkan
1.3Rumusan Masalah
Bagaimana merancang atau membuat suatu sistem informasi untuk memudahkan siswa
mengetahui informasi tentang sekolahnya dimana dan kapan pun mereka berada tanpa
harus datang ke sekolah tersebut, dan juga untuk memperkenalkan informasi tentang
sekolah dan segala sesuatunya kepada masyarakat umum yang ingin mengetahui tentang
sekolah tersebut.
1.4Batasan Masalah
Agar sistem yang dirancang tetap berjalan sesuai dengan sasaran yang ingin dicapai maka
dibuat batasan masalah agar langkah pengerjaan tetap bersifat sistematis dan efisien.
Adapun batasan yang dilakukan dalam perancangan sistem ini antara lain:
1. Sistem yang dirancang hanya menangani tentang profil sekolah, data guru dan
siswa, dan segala informasi yang berhubungan dengan sekolah tersebut.
2. Sistem yang dirancang akan diupayakan dapat bekerja secara dinamis, yaitu
dipergunakan dari tahun ke tahun.
3. Sistem yang dirancang hanya dibatasi untuk sistem absensi jam jam masuk kerja
pegawai atau staf pengajar saja, karena jam pulang semua staf pengajar dan
1.5Tujuan dan Manfaat Penelitian
Tujuan Penelitian ini yaitu untuk merancang sebuah sistem informasi SMA Negeri 1
Lawe Sigala - Gala agar lebih mudah dan cepat untuk para siswa memperoleh informasi
yang mereka butuhkan dari sekolah itu, serta merancang sistem absensi pegawai dan staf
pengajar di sekolah tersebut.
Adapun manfaat yang didapatkan dari penelitian ini adalah :
1. Memudahkan siswa-siswi dalam melihat informasi akademik.
2. Mempermudah pegawai administrasi untuk mendapatkan laporan absensi harian
ataupun bulanan pegawai dan staf pengajar.
3. Meningkatkan efektivitas dan produktivitas siswa-siswi dan pihak Sekolah dalam
mengelola informasi.
4. Memberikan informasi mengenai segala sesuatu yang berhubungan dengan
1.6 Metodelogi Penelitian
Untuk mendapatkan keterangan-keterangan dan data yang diperlukan guna memperoleh
suatu kebenaran ilmiah, maka penulis melakukan penelitian dengan cara:
1.Mengumpulkan data dengan cara:
a.Melakukan riset kepada pihak SMA Negeri 1 Lawe Sigala - Gala.
b.Melakukan wawancara kepada pegawai dan staf pengajar.
c.Mencari informasi mengenai siswa-siswi kepada pegawai dan staf pengajar.
2.Studi kepustakaan
Mencari bahan bahan berupa buku, artikel dan informasi informasi yang berkaitan
dengan pembuatan sistem informasi berbasis web yang bersifat dinamis.
3.Merancang dan mendesain sistem informasi.
4.Menginput(memasukkan) data
Memasukkan semua data data hasil riset yang telah dilakukan pada sekolah. Baik
itu data siswa, staf pengajar, karyawan, sekolah maupun semua data yang diperlukan
dalam pembuatan sistem tersebut.
Setelah desain rancangan dan data data sudah selesai di input maka sistem tersebut
di uji apakah dapat dijalankan atau tidak.Serta memperbaiki kesalahan kesalahan yang
ada sehingga sistem dapat digunakan secara baik.
6.Membuat laporan Tugas Akhir
Membuat suatu laporan mengenai sistem informasi yang telah di buat yang
mencakup hal hal pada sistem tersebut.Diantaranya: cara kerja sistem, kegunaan sistem
serta hasil hasil yang telah dicapai dalam pembuatan sistem tersebut.Serta merivisi
kesalahan kesalahan yang ada pada laporan.
Dalam melakukan metodologi penelitian ini, peneliti harus benar-benar dapat
memperhitungkan hal-hal apa saja yang akan dibutuhkan dalam menyelesaikan penelitian
nya agar nantinya tidak terjadi kesalahan atau hambatan dalam memperoleh data yang
dibutuhkan dalam penelitian.
1.7Sistematika Penulisan
Secara garis besar tugas akhir ini terdiri dari 6 (enam) bab dan beberapa lampiran.
Adapun setiap bab terdiri dari sub – sub bab . Sistematika penulisan tugas akhir ini adalah :
Pada bab ini diuraikan seara ringkas permasalahan tentang latar belakang, identifikasi
masalah, rumusan masalah, tujuan dan manfaat penelitian, metode penelitian dan
sistematika penulisan.
BAB 2 : LANDASAN TEORI
Di dalam bab ini diuraikan mengenai pengertian-pengertian dan mengenai bahasa
pemrograman yang digunakan.
BAB 3 : SEKILAS TENTANG SMA NEGERI 1 LAWE SIGALA - GALA
Bab ini penulis manyajikan gambaran tentang SMA Negeri 1 Lawe Sigala - Gala yang
BAB 4 : PERANCANGAN SISTEM
Bab ini menjelaskan tentang perancangan struktur database, perancangan program yang
meliputi input dan output yang akan dibuat pada sistem informasi pengolahan data.
BAB 5 : IMPLEMENTASI DAN SISTEM
Bab ini merupakan bagian yang berisi tentang pengertian dan tujuan implementasi sistem
serta penjabaran-penjabaran elemen sistem baik dari segi hardwre, software dan
brainware.
BAB 6 : KESIMPULAN DAN SARAN
Bab ini berisikan kesimpulan mengenai hasil rancangan sistem yang telah dibuat dan
disertai dengan saran yang diberikan oleh penulis kepada pihak lembaga pendidikan SMA
BAB 2
LANDASAN TEORI
2.1 Sistem Informasi
2.1.1 Pengertian Sistem
Sistem merupakan suatu jaringan kerja dari beberapa prosedur yang saling berhubungan,
berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu
tujuan tertentu. Sistem mempunyai karakteristik atau sifat-sifat tertentu, yaitu:
1. Komponen sistem
2. Batasan sistem
3. Lingkungan luar sistem
4. Pengubung sistem
5. Masukan sistem
6. Keluaran sistem
7. Pengolah sistem
2.1.2 Pengertian Informasi
Informasi merupakan data yang telah dibentuk menjadi sesuatu yang memiliki arti dan
berguna bagi manusia. Informasi adalah hasil pemrosesan data yang diperoleh dari setiap
elemen sistem tersebut menjadi bentuk yang mudah dipahami dan merupakan
pengetahuan yang relevan yang dibutukan oleh orang untuk menambah pemahaman dari
fakta-fakta yang ada. Informasi bagi setiap elemen akan berbeda satu sama lain sesuai
dengan kebutuhannya masing-masing (Sutedjo Dharma Oetomo Budi, 2003, hal: 82).
Sistem merupakan hasil dari pengolahan data dalam suatu bentuk yang
menggambarkan suatu kejadian-kejadian yang nyata dengan lebih berguna dan berarti
(Wawan at al, 2006). Kualitas informasi sangat dipengaruhi oleh beberapa hal antara lain:
1. Akurat
2. Tepat waktu
3. Relevan
4. Ekonomis
5. Efisien
6. Dapat dipercaya
2.1.3 Pengertian Sistem Informasi
Sistem informasi merupakan sekumpulan elemen yang saling berhubungan satu sama lain
yang membentuk satu kesatuan untuk mengintegrasikan data, memproses dan menyimpan
serta mendistribusikan informasi yang akan mendukung pembuatan keputusan dan
melakukan kontrol. Dengan kata lain, sistem informasi merupakan kesatuan
elemen-elemen yang saling berinteraksi secara sistematis, teratur untuk menciptakan dan
membentuk aliran informasi yang mendukung pembuatan keputusan dan melakukan
kontrol dalam sebuah perusahaan. Sistem informasi berisi informasi tentang orang-orang,
tempat, dan hal-hal penting di dalam organisasi atau lingkungan.
Tiga aktivitas di dalam sistem informasi akan memproduksi informasi yang
dibutuhkan untuk membuat keputusan, pengendalian operasi, menganalisis permasalahan
dan menciptakan produksi baru. Aktvitas tersebut adalah input, proses dan output.
Input Processing Output
Input berfungsi untuk merekam atau mengumpulkan data mentah dari dalam
berarti. Output bertugas untuk mengirimkan informasi yang telah diproses tersebut
kepada orang-orang yang akan menggunakan atau aktivitas yang akan menggunakan
informasi tersebut (Laudon Kenneth C et al, 2007).
2.1.4 Data
Data adalah sekumpulan data yang disusun dalam bentuk beberapa tabel yang saling
berkaitan maupun berdiri sendiri. J.Longkutoy menyatakan bahwa “ istilah data adalah suatu majemuk dari kata datum, yang berarti fakta atau bagian dari fakta yang
mengandung arti, yang dihubungkan dengan kenyataan, kata-kata, simbol-simbol yang
menunjukan suatu ide, objek, atau situasi.
Kegunaan dari data adalah sebagai bahan dasar yang objektif di dalam proses
penyusunan kebijaksanaan dan keputusan oleh pimpinan organisasi. Data merupakan
keterangan yang masih mentah (belum diolah). Agar dapat dipergunakan, maka data
tersebut harus diolah terlebih dahulu ke dalam bentuk informasi yang sesuai dengan
keperluan yang dibutuhkan.
Data adalah nilai yang merepresentasikan deskripsi dari suatu objek atau kejadian
objek, kejadian, atau fakta yang terdokumentasikan dengan memiliki struktur untuk suatu
atau beberapa entitas (Wawan et al, 2006).
2.2 Pengenalan Internet
Internet (Interconnection Network) adalah sebuah jaringan komputer yang sangat besar
yang terdiri dari jaringan-jaringan kecil yang saling terhubung yang menjangkau seluruh
dunia. Kata internet berasal dari kata Internetworking, atau terhubungnya
jaringan-jaringan terpisah, yang masing-masing memiliki identitasnya sendiri, menjadi jaringan-jaringan
yang dapat terhubung (www.wikipedia.org).
Sebuah situs Ensiklopidia terbesar, www.wikipedia.com mendefenisikan arti kata
internet merupakan pendekatan dari kata inter-network adalah rangkaian komputer yang
terhubung melintasi beberapa rangkaian. Inter-network yang terhubung secara global dan
menggunakan TCP/IP sebagai protocol pertukaran paket (packet switching
communication protocol). Rangkaian internet yang terbesar dinamakan internet. Agar
Gambar 2.1 Jaringan Internet Dunia
Asal-usul internet berasal dari jaringan komputer yang dimulai pada awal tahun
1970-an sebagai jaringan departemen pemerintahan Amerika Serikat untuk
menghubungkan para ilmuan dan profesor univesitas di seluruh dunia. Selanjutnya,
jaringan tersebut terus diperbaharui dan dikembangkan dan sekarang internet telah
menjadi sistem komunikasi dunia yang paling luas dan umum yang sekarang menyaingi
sistem telepon global dalam jangkauan dan jarak (Laudon Kenneth C et al, 2007).
2.3 Pengenalan Intranet
Intranet adalah sebuah jaringan privat ( private network ) yang menggunakan protokol – protokol internet ( TCP / IP ). Untuk membagi informasi rahasia perusahaan atau operasi
merujuk kepada layanan yang terlihat, yakni situs web internal perusahaan.
(www.wikipedia.org).
Pada dasarnya yang terjadi pada intranet adalah interaksi antara client (komputer
milik pemakai) dan server (komputer pusat yang mengendalikan intranet). Komputer
client digunakan oleh para pegawai perusahaan untuk mencari informasi, memasukkan
data, atau berkomunikasi antar karyawan. Sedangkan server adalah computer yang
melayani segala aktifitas yang dilakukan oleh client tersebut, seperti mencarikan
informasi yang diminta, mengolah data – data yang dikirim, serta mengatur hubungan komunikasi yang ada.
Interaksi yang terjadi antar pemakai dan pusat adalah sebagai berikut :
a. Pemakai yang terhubung pada intranet melakukan permintaan (misalnya ingin
menuju ke halaman internet tertentu)
b. Permintaan tersebut dikirim melalui network kepada server intranet.
c. Server lalu mencari halaman (dokumen) yang diminta.
d. Dokumen tersebut dikirimkan ke computer pemakai yang meminta.
2.4 HTML
HTML merupakan kepanjangan dari HyperText Markup Language adalah suatu bahasa
yang digunakan untuk membuat halaman-halaman Hypertext (Hypertext Page) pada
internet. Dokumen HTML disebut sebagai markup language karena mengandung
tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat
kepentingan dari teks tersebut dalam suatu dokumen. Beberapa hal yang bisa dilakukan
HTML yaitu:
a. Mengontrol tampilan dari web page dan content-nya.
b. Mempublikasikan dokumen secara online sehingga bisa diakses dari seluruh
dunia.
c. Menambahkan objek-objek seperti image, flash, audio, dan video dalam dokumen
HTML.
Beberapa program yang dapat digunakan untuk membuat dokumen HTML antara
lain adalah Ms. FontPage, Dreamweaver, Notepad, dan lain-lain. Struktur dokumen
HTML:
<html>
<head>
<title>Judul Halaman</title>
<body>
.... Isi dari halaman WEB....
</body>
</html>
Keterangan :
1. Dokumen HTML selalu diawali dengan tanda tag pembuka <html> dan diakhiri
dengan tanda tag penutup </html>.
2. Pada elemen head <head></head>, dapat kita sisipkan kode - kode untuk
menuliskan keterangan tentang dokumen HTML, atau dapat juga kita sisipkan
scripts – scripts pemrograman web seperti Java Script, VBScripts, atau CSS untuk menambah daya tarik pada situs yang kita buat agar lebih menarik dan dinamis.
3. Elemen <body></body> berisi tag – tag untuk isi atau layout tampilan situs kita, seperti : <font></font>, <table></table>, <form></form>
Jadi jelas bahwa elemen adalah suatu bagian yang besar yang terdiri dari kode – kode tag tersebut. Sedangkan tag hanyalah merupakan bagian dari elemen. 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 penutup seperti <br>, <hr>,
2.5 CSS ( Cassading Style Sheet )
CSS (Cassading Style Sheet) merupakan sebuah pengembangan dokumen yang dapat
melakukan dukungan terhadap HTML dalam men-desain web. Dokumen ini tidak bisa
disebut bahasa pemrograman melainkan sebuah design berbasiskan scripting yang
disisipkan (embedded) pada tag HTML. CSS juga digunakan sebagai pengumpulan
sebuah blok perintah yang sering dilakukan berulang-ulang sehingga dapat mempercepat
proses kerja dalam mendesain web. (Mulya Hadi, 2006, Hal:112 ).
CSS digunakan untuk membantu mendesain isi halaman web. Misalnya sebuah
halaman web yang terdiri dari beberapa file, untuk melakukan pemformatan pada
halaman tersebut, tidak perlu memformat satu persatu, tetapi cukup membuat satu file
CSS. CSS distandardisasi oleh W3C ( World Wide Web Consortium). CSS dapat
dipasang pada dokumen HTML / XHTML yang telah jadi.
2.6 Pengenalan PHP
PHP adalah salah satu bahasa pemrograman yang berjalan di dalam server, dan mampu
membuat web menjadi interaktif dan dinamis. PHP dapat mengolah data dari komputer
( Madcoms, 2008, hal : 133).
PHP adalah akronim dari Hypertext Preprocessor, yaitu suatu bahasa
pemrograman berbasiskan kode – kode ( script ) yang digunakan untuk mengolah suatu data dan mengirimkannya kembali ke web browser menjadi kode HTML. Kode PHP
mempunyai ciri khusus yaitu :
a. Hanya dapat dijalankan menggunakan web server , misalnya Apache.
b. Kode PHP diletakkan dan dijalankan di web server.
c. Kode PHP dapat digunakan untuk mengakses database, seperti : MySQL,
PostgreSQL, Oracle, dan lain – lain.
d. Merupakan Software yang bersifat open source.
e. Gratis untuk di-download dan digunakan.
f. Memiliki sifat multiplatform, artinya dapat dijalankan menggunakan system
operasi apapun, seperti: Linux, Unix, Windows, dan lain – lain.
Dengan menggunakan PHP, selain memberikan keuntungan seperti pada beberapa
poin diatas, juga didukung oleh banyak komunitas. Hal ini yang membuat PHP terus
berkembang. Sebelum mempelajari PHP, sebaiknya lakukan beberapa persiapan terlebih
dahulu, seperti menyediakan web server dan program bantu editor PHP. Dengan editor
khusus, maka dapat dengan mudah mendeteksi jika terjadi kesalahan penulisan perintah.
Program bantu editor PHP yang akan digunakan dalam perancangan ini adalah
2.7 Database
Defenisi database adalah sekumpulan data dan prosedur yang memiliki struktur
sedemikian rupa sehingga mudah dalam menyimpan, mengatur dan menampilkan data.
Banyak program database yang tersedia, diantaranya adala Oracle, MySQL, MSSQL,
PostgreSQL, Paradox, Foxpro dan lain – lain. Database terbentuk dari beberapa komponen, yaitu :
1. Table
Table atau tabel adalah sekumpulan data dengan struktur yang sedemikian rupa,
terbentuk dari record dan field. Istilah tabel disini berbeda dengan istilah tabel
pada HTML, walaupun secara visual hampir sama.
2. Record
Record adalah sekumpulan field yang membentuk suatu objek tertentu.
3. Field
Field adalah atribut dari objek yang memiliki tipe data tertentu.
2.8 MySQL
MySQL adalah aplikasi atau suatu sistem untuk mengelola database atau manajemen
data. Untuk menyimpan data dan informasi ke komputer kita menggunakan database.
MySQL bertugas mengatur dan mengelola data – data dalam database, dalam mengelola database MySQL menggunakan struktur atau kerangka yang berbentuk tabel. Dalam
tabel itulah data diatur dan dikelompokkan. ( Wahyu Gunawan, 2010 ).
Data adalah bagian penting dari pemrograman modern sehingga keseluruhan
bahasa program menyediakan fungsi untuk mengakses database. Standar utama untuk
bahasa database adalah Structured Query Language ( SQL). SQL distandardisasi sebagai
bahasa untuk menciptakan database , menyimpan informasi ke dalam database, dan
mendapatkan kembali informasi darinya. Aplikasi khusus dan lingkungan pemrograman
mengkhususkan diri untuk menginterpretasikan data SQL.
Banyak Relatioanl Database Management System ( RDBMS ) yang tersedia,
tetapi MySQL khususnya sangat cocok untuk bekerja sama dengan PHP. Bagaimanapun,
konsep dasar SQL tetap sama apa pun jenis database yang dipergunakan. Secara umum,
dan Oracle, seperti halnya pada sejumlah paket RDBMS lainnya. (Kasiman
Peranginangin, 2006, hal :380).
2.9 XAMPP
XAMPP adalah salah satu paket software web server yang terdiri dari Apache, MySQL,
PHP dan Php MyAdmin. XAMPP sangat mudah penggunaannya, terutama jika seorang
pemula. Proses instalasi XAMPP sangat mudah, karena tidak perlu melakukan
konfigurasi Apache, PHP dan MySQL secara manual, XAMPP melakukan instalasi dan
konfigurasi secara otomatis.
2.10 Macromedia Dreamweaver 8
Dreamweaer8 adalah sebuah programan web editor yang digunakan untuk membuat dan
mendesain web. Dreamweaver8 menpunyai kehandalan dalam membuat mendesain web
tanpa harus menuliskan tag-tag HTML satu persatu. Dreamweaver8 merupakan metode
klik dan drag yang dapat mempermudah anda untuk membuat website dengan cepat,
mudah, menarik dan interaktif. Dreamweaver8 juga mempunyai kemampuan untuk
mendukung pemrograman server side dan Client side. Server side digunakan untuk
memproses data yang berhubung dengan server, misal pengolahan database. Cliant side
Dreamweaver merupakan perangkat lunak yang ditujukan untuk membuat suatu
web. Versi terbaru dari Dreamweaver adalah Dreamweaver CS4. versi terbaru ini
merupakan performa lebih baik dan memiliki tampilan yang memudahkan untuk
membuat dan mengelola halaman web, termasuk diantaranya dalam hubungan dengan
BAB 3
SEKILAS TENTANG SMA NEGERI 1 LAWE SIGALA – GALA
3.1 Sejarah
Aceh Tenggara menjadi kabupaten Tahun 1992 pemekaran dari Kabupaten Aceh
Tengah ibukota Takengon. Berkat kegigihan tokoh-tokoh masyarakat di moroti kapten
H.Sahadat Deski maka berdirilah aceh tenggara ibu kotanya kotacane. Saat ini pemekaran
ini aceh tenggara berbatas sebelah timur berbatas dengan bukit barisan/Bahorok. Sebelah
selatan berbatas dengan sumatra utara/ tahang karo yaitu lawe pakam. Sebelah barat
berbatas denagan bukit barisan/ Aceh selatan. Sebelah utara berbatas dengan Aceh
Selatan / Belang pidi pada mulanya Gayo Lues wilayah aceh tenggara yg sekarang sudah
menjadi pemekaran yang namanya Gayo lues/ belang kejeren pada tahun 2002 sebelum
pemekaran ini SMA hanya 1 yaitu SMA negeri Kutacane yg terletak di babusalam dekat
ibukota jarak dari pada kecamatan lawa sigala-gala lebih kurang 20km kecamata lawe
sigala-gala di pimpin oleh camat H.M.Sabri Deski dengan banyaknya siswa dari
kecamatan lawe sigala sekolah SMA negeri 1 kutacane maka camar Sabri membuka SMA
PEMDA Lawe sigala dengan catatan guru pengajar pada sore hati di bantukan dari guru
SMA negeri kotacane . pada waktu itu ada beberapa Orang guru dari SMA 1 kutacane
yaitu :
2. T.M Anjasmara, BA disiplin Ilmu Bahasa Indonesia
3. Manudin, BA disiplin Ilmu Hayat
4. Supriyadi, BA disiplin Ilmu Kimia
5. J. Silitong, BA disiplin Ilmu Matemetika.
Di tambah dengan pegawai camat yang layak di pakai. SMA PEMDA ini
perkembangannya sangat pesat Tahun 3 sudah mencapai (sebelas lokal)
perkembangan SMA PEMDA ini sangat pesat masa KKNDEP Syeh Ahmadin di usul
kepihak provinsi Aceh supaya dapat di negerikan.
Berkat perjuangan tokoh masyarakat lawe sigala-gala degan pertimbangn jarak
lawe sigala-gala dengan SMA 1 kutacane yang bertempat di kampus babusalam lebih
kurang 25km maka berhasil didirikan pada Tahun 1982 menjadi SMA negeri 1 lawe
sigala-gala dan dilantik atau di kukuhkan kepala SMA PEMDA saudara Merah kaban
Sitepu BA menjadi kepala sekolah. SMA negeri 1 lawe sigala ini setiap tahun
muritnya bertambah secara terus menerus sangat pesat maka dengan berbagai
pertimbangan pemerintah daerah di dirikan SMA negeri 2berdomisili di kampung
bakti dwilahay kemukiman selatan dan sekarang menjadi kecamatan baru namanya
kecamatan balulmakmur SMA negeri 1 lawe sigala sampai saat ini sudah beberapa
kali pergantian kepala sekolah:
1. Merah kaban Sitepu BA daritahun 1977 sampai & 1982
3. Drs. Wahibun Selian 1992 & 1995 almarhum
4. Drs. Gani Suhut 1995 & 1999
5. Hamidin skd. Sag 1999 & 2010
6. Drs. Abdul Rahman 2010 sampai saat ini.
Demikian perkembangan SMA negeri 1 lawe sigala-gala, ini sudah berbilang jari
masuk AKABRI Angkaran Darat maupun Angkatan Udara dan Memegang jabatan
tertentu di kantor kabupaten. Demikian sepintas kilas perkembangan dan kemajuan
mengikuti zaman.
3.2Visi dan Misi SMA Negeri 1 Lawe Sigala – Gala
3.2.1 Visi
a. Unggul dalam PRESTASI KREATIF dalam BIDANG ILMU
b. Berbudi Luhur dan Berakhlak Terpuji dengann Landasan IMAN dan TAKWA
serta NILAI-NILAI BUDAYA BANGSA.
3.2.2 Misi
a. Meningkatkan Keimanan dan Ketakwaan terhadap Tuhan Yang Maha Esa.
b. Melaksanakan proses belajar dan mengajar secara Aktif dan Efisien yang
BAB 4
PERANCANGAN SISTEM
4.1 Perencanaan dan Perancangan Sistem
Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah
situs. Perencanaan yang matang akan memberikan hasil akhir yang bagus. Dalam
membuat sebuah situs, tentukan terlebih dahulu tujuan dari situs yang akan dibuat karena
bentuk desain dan isi sebuah situs sangat tergantung dari tujuan situs itu dibuat.
Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang
jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang
membentuk situs. Situs ini dirancang dengan menggunakan PHP sebagai bahasa
pemogramannya dan MySQL sebagai databasenya, serta Dreamweaver 8 digunakan
sebagai media untuk membuat layout dari situs yang telah dirancang.
Situs yang akan dibuat dalam tugas akhir ini adalah situs lembaga pendidikan
pemerintahan, dalam hal ini adalah SMA Negeri 1 Lawe Sigala - Gala, yang
didalamnya berita yang berkenaan dengan sekolah, dan artikel yang berguna bagi
pengunjung,serta sistem absensi yang dipakai untuk guru dan pegawai.
Pada situs SMA Negeri 1 Lawe Sigala - Gala, juga disediakan beberapa aktivitas
lain diantaranya, memberikan kritik dan saran melalui fasilitas contact us, forum diskusi
sesama pengunjung situs, mengirim artikel sehingga bisa berbagi informasi sesama
pengunjung, melihat daftar guru SMA Negeri 1 Lawe Sigala - Gala, dan juga berguna
sebagai sistem absensi untuk guru dan pegawai.
4.2. Perancangan DFD (Data Flow Diagram)
Data Flow Diagram (DFD) merupakan diagram yang menggunakan notasi-notasi
(simbol-simbol) untuk menggambarkan arus dari data sistem. DFD sering digunakan
untuk menggambarkan suatu sistem yang telah ada atau sistem baru yang akan
dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data
1.Diagram Konteks
- informasi Data Pegawai
- informasi absensi pegawai
- data pegawai - informasi artikel sekolah
-data absensi pegawai - input galeri seklah
- data artikel sekolah -
-galeri sekolah
- informasi data pegawai - data pegawai
- informasi absensi pegawai - data absensi
- informasi artikel sekolah - data artikel sekolah
[image:44.612.78.571.99.573.2]- informasi galeri sekolah LAPORAN - data galeri sekolah
Gambar 4.1 Diagram Konteks Sistem Informasi
SMA Negeri 1 Lawe Sigala - Gala
Bagian Umum dan Administrasi
KEPALA SEKOLAH
2. Diagram Konteks Level Nol
F1 Admin
-info sekolah dan absensi guru pegawai
-data pegawai data sekolah dan absensi guru dan pegawai
-data absensi pegawai
-data artikel sekolah
-data galeri sekolah F2 Pegawai
F3 absensi pegawai
F4 artikel sekolah
F5 galeri sekolah
LAPORAN -laporan guru dan pegawai
-lap.absensi guru & pegawai
-lap.artikel sekolah
[image:45.612.101.522.105.687.2]-lap.galeri sekolah
Gambar 4.2 Diagram Konteks Level Nol
ADMIN 1.0
Registrasi Administrat
or
2.0
Input data, edit data, hapus
data
Guru dan Pegawai
4.3 Perancangan Database
Perancangan database adalah salah satu langkah untuk menentukan file database, table,
tipe data dan ukuran dari data yang digunakan. Tahap ini merupakan tahap yang paling
penting dalam perancangan sistem.
Pada tahap ini dipersiapkan tempat untuk menampung data di server, data tersebut
nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman web.
Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program MySQL.
Adapun database yang dibuat oleh penulis adalah database Website SMA Negeri
[image:46.612.103.549.541.709.2]1 Lawe Sigala – Gala dengan tabel-tabel sebagai berikut:
Tabel 4.1.Tabel Pegawai.
Field Name Type Length Keterangan
id* Int 7 id pegawai
nip Varchar 30 no induk pegawai
nama Varchar 40 nama pegawai
golongan Varchar 5 Golongan pegawai
jabatan Varchar 20 Jabatan pegawai
tempat_lahir Varchar 30 Tempat_lahir
tanggal_lahir Varchar 10 Tanggal_lahir
agama Varchar 30 Agama
Tabel 4.2. Tabel Golongan.
Field Name Type Length Keterangan
id* Int 2 id golongan
[image:47.612.102.547.284.355.2]golongan Varchar 8 Golongan
Tabel 4.3. Tabel Absensi.
Field Name Type Length Keterangan
id* Int 10 id golongan
nip Varchar 30 no induk pegawai
keterangan Varchar 30 keretangan
[image:47.612.104.547.459.531.2]date Varchar 30 date absensi
Tabel 4.4. Tabel User.
Field Name Type Length Keterangan
id* Int 4 id user
nama Varchar 35 Nama
password Varchar 35 Password
status Varchar 35 Status
Tabel 4.5. Tabel Berita.
Field Name Type Length Keterangan
id_berita* Int 5 id berita
id_kategoti Int 5 id kategori
id_user Varchar 50 Id user
judul Varchar 100 Judul berita
gambar Varchar 100 Gambar berita
hari Varchar 20 Hari
tanggal Date Tanggal
jam Time Jam
counter Int 5 Counter
Tabel 4.6. Tabel Galeri.
Field Name Type Length Keterangan
id_galeri* Int 5 Id galeri
id_user Varchar 50 Id user
judul Varchar 100 Judul
gambar Varchar 100 Gambar
hari Varchar 20 Hari
tanggal Date Tanggal
jam Time Jam
[image:48.612.102.548.520.605.2]counter Int 5 Counter
Tabel 4.7. Tabel Komentar.
Field Name Type Length Keterangan
id* Int 5 Id komentar
nama Varchar 25 Nama
waktu Datetime Waktu
pesan Text Pesan
Tabel 4.8. Tabel Kotak Masuk.
Field Name Type Length Keterangan
id Int 6 Id kotak masuk
nama Varchar 35 Nama
email Varchar 35 Email
pesan Text Pesan
replay Text Replay
time_replay Datetime Time_replay
date Datetime Date
Tabel 4.9. Tabel Katagori.
Field Name Type Length Keterangan
id_kategori Int 5 Id kategori
nama_kategori Varchar 50 Nama kategori
keterangan Varchar 100 Keterangan
4.4 Flowchart
Tahap selanjutnya adalah tahap pembuatan flowchart (diagram alir) atau aliran informasi
dari situs tersebut. Flowchart atau diagram alir adalah gambaran yang menampilkan
struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat
membantu untuk memvisualisasikan isi dari setiap halaman situs tersebut. Dengan
pembuatan flowchart dalam suatu situs dapat membantu mempermudah dalam
pemeliharaan dan pembaharuan isi situs. Hal ini sangat penting dilakukan karena isi situs
Penjelasan arti dari lambang – lambang flowchart dapat didefenisikan seperti tabel berikut :
Tabel 4.10 Simbol – Simbol Flowchart
No. Simbol Fungsi
1. Terminator, untuk memulai dan mengakhiri suatu
program.
2. Process, suatu simbol yang menunjukkan setiap
pengolahan yang dilakukan oleh komputer.
3. Data, untuk memasukkan data maupun
menunjukkan hasil dari suatu proses.
4. Decision, suatu kondisi yang akan menghasilkan
beberapa kemungkinan jawaban atau pilihan.
5. Connector, merupakan symbol untuk masuk dan
keluarnya suatu prosedur pada lembar kertas yang
sama.
6. Off-page Connector, merupakan symbol untuk
masuk dan keluarnya suatu prosedur pada lembar
kertas yang lain.
7. Preparation, suatu symbol untuk menyediakan
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 symbol untuk data yang
berbentuk informasi.
10. Predefenied Process, untuk menyatakan
sekumpulan langkah proses yang ditulis sebagai
prosedur.
11. Display, untuk output yang ditujukan suatu
devices, seperti monitor.
4.4.1 Flowchart Halaman Utama Start Menampilkan Halaman Utama Halaman Utama Tentang sekolah Articles gallery About us Contact Us Selesai ? Stop Memilh daftar Link
Pilih Link Yang Ada B Tampil articles X Login Prosedur login A Tampil gallery Tampil about us ya tidak tidak ya ya tidak ya tidak ya tidak ya tidak database Halama n contact us
Isi contact us Apakah
sudah diisi? simpan
Ya Ya
[image:52.612.87.495.118.678.2]Tidak Tidak
4.4.2. Flowchart Login
A Masukkan Username Username Benar Masukkan Password
Password Benar
C Ya
Tidak
Tidak
Ya
Status admin ? Status pegawai ?
D Halaman
utama
ya tidak
tidak
[image:53.612.131.525.153.420.2]ya
4.4.3 Flowchart Halaman Guru / Pegawai
D
Halaman pegawai
Menu utama Contact us gallery Isi absensi Daftar absensi bulanan Ubah password Isi contact simpan database Tampil gallery simpan database Tampil daftar absensi bulanan Edit password Password sudah di update ? database Tentang sekolah Sejarah singkat
Visi dan misi
Kegiatan osis Struktur organisasi TU Struktur organisasi osis Denah sekolah Password sudah di update ? Prosedur logout X Tampil sejarah singkat Tampil visi dan misi Tampil kegiatan osis Tampil struktur organisasi TU Tampil struktur organisasi osis Tampil denah sekolah T
Y T T T T
[image:54.612.98.552.96.663.2]Y T Y Y Y Y Y Y Y Y T Y T Y T T T T T Y Y Y Y Y T Y T
4.4.4 Flowchart Halaman Admin C Halaman Admin Kotak Masuk Ubah Password E Edit Password Password Sudah
di update? database
Manajemen data Data pegawai
Absensi harian pegawai Absensi bulanan pegawai
Artikel sekolah Galeri sekolah
F G
Input data Input data pegawai Input absensi pegawai Input artikel sekolah Input galeri sekolah
I J K L
Logout Prosedur logout X ya ya ya tidak tidak ya tidak
tidak tidak tidak tidak
ya ya ya ya
ya tidak tidak
tidak tidak
ya ya ya ya
[image:55.612.99.529.137.594.2]tidak ya tidak tidak Pilih tanggal Tampil absensi harian Pilih bulan Tampil absensi bulanan H
4.4.5 Flowchart Kotak Masuk E Halaman kotak masuk Menampilkan form kotak masuk Lihat selengkapnya kotak masuk Selengkapny a kotak masuk
Balas kotak masuk Form kotak masuk Isi form Simpan ?
database
Hapus kotak masuk Hapus kotak masuk
[image:56.612.103.566.139.627.2]Keluar ? c1 ya tidak ya tidak ya ya tidak tidak ya tidak tidak ya
4.4.6 Flowchart Input Pegawai
I
Form input pegawai
Batal Input pegawai Data sudah
diinput
database
Keluar
C1
tidak
ya
ya
tidak
[image:57.612.129.529.158.510.2]ya tidak
4.4.7 Flowchart Data Pegawai
F
Tampil Form data
pegawai
Edit pegawai Edit pegawai Update ?
[image:58.612.122.536.156.667.2]Hapus pegawai database F1 Hapus pegawai keluar C1 F1 Ya tidak ya tidak ya tidak Lihat selengkapnya data pegawai Selengkapn ya data pegawai ya tidak tidak ya
4.4.8 Flowchart Absensi Pegawai
J
Tampil input absensi
Batal Input absensi Cek waktu
[image:59.612.119.583.156.563.2]database Keluar B1 tidak ya ya tidak Lewat pukul 7.30 ? tidak ya database Data sudah diinput ? Data sudah diinput ? Anda telat Sudah absen ya tidak ya tidak
4.4.9 Flowchart Absensi Harian Pegawai F Tampil Form absensi harian
Hapus pegawai Hapus pegawai
keluar C1 F1 ya tidak ya tidak Pilih tanggal, bulan dan tahun
tidak
Tampil absensi harian
[image:60.612.90.567.113.568.2]Cetak ? CETAK Ya tidak Tambah ? Tampil Form absensi harian Input database database F1 ya
4.5 Perancangan Halaman Website
Adapun halaman - halaman yang dibangun adalah:
1. Halaman index.php, merupakan halaman utama yang akan diakses pertama kali situs
dibuka. Halaman ini berisikan berita dan artikel secara singkat dan link-link menuju
halaman berikutnya.
Halaman index yang penulis bangun dibagi menjadi 2 bagian, yaitu :
a. Halaman index untuk admin
Merupakan halaman yang dikhususkan untuk bagian umum dan
administrasi yang mana untuk masuk ke halaman ini harus melakukan login
terlebih dahulu. Di halaman ini admin bisa melakukan pengeditan maupun
penghapusan terhadap data guru dan pegawai, artikel, ataupun absensi
pegawai terhadap sistem informasi absensi dan sekolah tersebut.
b. Halaman index untuk guru dan pegawai/ user
Merupakan halaman untuk guru dan pegawai/ user, dimana guru dan
pegawai/user dapat melihat halaman web tersebut. Pada halaman ini guru dan
pegawai / user tidak dapat mengedit ataupun menghapus data mereka ataupun
harian mereka, jika lewat dari pukul 07.30 pagi maka guru dan pegawai
dinyatakan terlambat atau alpa.
2. Halaman home merupakan halaman yang berisikan sekilas tentang SMA Negeri 1
Lawe Sigala gala serta link-link menuju halaman berikutnya.
3. Halaman sejarah merupakan halaman yang berisikan tentang sejarah singkat SMA
Negeri 1 Lawe Sigala gala.
4. Halaman visi misi merupakan halaman berisikan tentang visi dan misi SMA Negeri 1
Lawe Sigala gala.
5. Halaman kegiatan OSIS merupakan halaman berisikan tentang kegiatan – kegiatan anggota OSIS di SMA Negeri 1 Lawe Sigala gala.
6. Halaman struktur organisasi tata usaha merupakan halaman yang berisikan tentang
strukur organisasi SMA Negeri 1 Lawe Sigala gala.
7. Halaman struktur organisasi OSIS merupakan halaman yang berisikan tentang struktur
organisasi OSIS SMA Negeri 1 Lawe Sigala gala.
8. Halaman artikel merupakan halaman yang berisikan tentang artikel sekolah ataupun
artikel tentang pendidikan.
9. Halaman galeri sekolah merupakan halaman yang berisikan foto ataupun gambar – gambar SMA Negeri 1 Lawe Sigala gala.
10. Halaman contact us merupakan halaman yang berisikan tentang letak sekolah dan
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai
berikut:
1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout dan
penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat
[image:63.612.116.535.249.504.2]dilihat seperti gambar berikut ini:
Gambar 4.14 Tampilan Macromedia Dreamweaver 8
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada
Macromedia Dreamweaver yaitu dengan meletakkan link-link, grafik, isi berita
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat
yang sesuai yang dikerjakan di jendela Code pada Macromedia Dreamweaver.
4. Mengerjakan halaman-halaman berikutnya.
4.6 Perancangan User Interface
Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver. Perancangan
tampilan utama pada situs ini dibagi menjadi dua bagian yaitu headerdan isi halaman.
Header adalah merupakan dari halaman yang terletak pada bagian atas yang berisikan
nama website SMA Negeri 1 Lawe Sigala gala, sedangkan bagian isi adalah merupakan
bagian terpenting karena pada pada bagian ini merupakan tempat menampilkan informasi
yang akan disampaikan. Secara keseluruhan desain header yang dirancang adalah sebagai
[image:64.612.107.544.498.656.2]berikut:
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan
dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji dan
memulai sistem baru atau sistem yang diperbaiki.
5.2 Tujuan Implementasi Sistem
Adapun tujuan dari implementasi sistem ini adalah sebagai berikut:
1. Menyelesaikan desain sistem yang telah disetujui sebelumnya.
2. Memastikan bahwa pemakai (user) dapat mengoperasikan sistem baru
3. Menguji apakah sistem baru tersebut sesuai dengan pemkai.
4. Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan membuat rencana,
5.3 Spesifikasi Sistem
Spesifikasi sistem untuk yang dianjurkan penulis untuk membuat dan menjalankan
aplikasi web ini di komputer lokal adalah sebagai berikut:
1. Komputer dengan processor Intel Pentium 4 1800 MHz (1,8 GHz) atau setara.
2. Memori RAM 512 MB.
3. Kapasitas Hardisk minimal 80 GB.
4. Microsoft Windows XP Professional
5.4.Instalasi Xampp 1.4.6
Dengan menginstalasi Xampp secara otomatis ketiga software utama yang akan
digunakan yaitu Apache, PHP dan MySQL telah dapat digunakan tanpa perlu konfigurasi
yang rumit.
Adapun tahap-tahap instalasinya adalah sebagai berikut:
Gambar 5.1 Xampp-win32-1.4.6-installer
2. Pilih bahasa yang digunakan dalam proses instalasi. Pada tahap instalasi ini juga
mendukung bahasa Indonesia.
[image:67.612.213.436.441.565.2]3. Klik tombol Next.
Gambar 5.3 Setup Wizard
Gambar 5.4 End User License Agreement (EULA)
[image:69.612.212.458.186.388.2]5. Untuk lokasi instalasi, penulis menyarankan untuk membiarkannya secara default.
Gambar 5.5 Lokasi Instalasi
6. Tunggu proses instalasi sampai selesai. Proses ini memerlukan waktu yang cukup
Gambar 5.6 Setup selesai
5.4.2 Menjalankan Xampp
Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan
Gambar 5.7 Direktori C:\apachefriends\xampp
Untuk menjalankan Xampp, klik ganda pada xampp_start.exe, sedangkan untuk
mematikan servis Xampp klik ganda pada xampp_stop.exe. Jika servis sudah berjalan
[image:71.612.181.474.251.401.2]akan muncul jendela baru seperti:
Gambar 5.8 Menjalankan Xampp
5.5 Pengujian di Browser
Setelah menginstalasi Xampp, maka aplikasi web telah dapat diujikan di komputer lokal.
Adapun caranya adalah sebagai berikut:
1. Letakkan file-file yang membangun web tadi ke dalam suatu folder kemudian
Gambar 5.9 Peletakan Folder Berisi File-FileWeb Dalam Folder htdocs
2. Buka browser Internet Explorer.
3. Pada kotak URL ketikkan http://localhost/[namafolder]/index.php. Karena penulis
meletakkan file-file web di folder poltekkes maka alamatnya sebagai berikut:
[image:72.612.120.525.534.608.2]4. Setelah dilakukan Enter pada keyboard maka akan terlihat tampilan sebagai berikut:
5.11 Halaman Utama Index.php
6.Halaman Input data pegawai
7.Halaman Pegawai
8.Halaman utama Pegawai
9. Halaman Isi Absensi
5.16 Halaman isi absensi
10. Pemberitahuan sukses isi absensi
11. Pemberitahuan telat masuk
5.18 Pemberitahuan telat masuk
12. Halaman Absensi Harian Pegawai
BAB 6
KESIMPULAN DAN SARAN
6.1 Kesimpulan
Dalam penulisan Tugas Akhir ini telah diuraikan bagaimana perancangan Sistem dalam
pembangunan website SMA Negeri 1 Lawe Sigala Gala. Maka dapat disimpulkan :
1. Pemasukan data ke sistem absensi Guru dan Pegawai SMA Negeri 1 Lawe Sigala
Gala menjadi lebih mudah.
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
DAFTAR PUSTAKA
Oktavian, Diar Puji. 2010. Menjadi Programmer Jempolan Menggunakan PHP.
Yogyakarta: Penerbit MediaKom.
Sutarman. 2009. Pengantar Teknologi Informasi. Jakarta: Penerbit Bumi Aksara.
Madcoms, 2009. Menguasai XHTML, CSS, PHP, & MySQL melalui DREAMWEAVER.
Yogyakarta: Penerbit Andi.
Madcoms. 2008. Teknik Mudah Membangun Website dengan HTML, PHP, & MySQL.
Yogyakarta: Penerbit Andi.
Hadi, Mulya. 2007. Dreamweaver 8 untuk orang awam. Palembang: Penerbit Maxikom.
Sutarman. 2007. Membangun Aplikasi Web dengan PHP dan MySQL Edisi 2. Jakarta :
Graha Ilmu.
Peranginangin, Kasiman. 2006. Aplikasi WEB dengan PHP dan MySQL. Yogyakarta :