Perancangan Sistem Informasi Berbasis Web Dengan Menggunakan PHP Dan MYSQL Pada SMA Negeri 1 Lawe Sigala Gala

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

MEDAN 2010

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 2010

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 NIP. 196401091988031004 NIP. 196108171987011001

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 072406092

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.

8. Dina Syahfitri yang senantiasa memberikan cinta dan perhatiannya kepada penulis selama menyelesaikan penulisan 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

Tugas akhir ini merancang suatu aplikasi Sistem Informasi SMA Negeri 1 Lawe Sigala gala berbasis web yang bermanfaat untuk menyediakan informasi yang baik dengan cepat dan mudah, juga melalui kajian ini diharapkan dapat memberi kemudahan kepada siswa, khususnya guru dan pegawai dalam melakukan pengisian absensi. Perancangan sistem dalam merancang sistem informasi berbasis web SMA Negeri 1 Lawe Sigala gala ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Apache 2.2.3, PHP 5.2, dan MYSQL 5.0. Sistem Informasi SMA Negeri 1 Lawe Sigala gala ini meliputi pemakaian situs oleh siswa untuk mengetahui Informasi sekolah dan juga oleh guru dan pegawai SMA Negeri 1 Lawe Sigala gala untuk informasi absensi seperti daftar absensi harian. Hal tersebut digunakan untuk menampung data – data yang diperlukan dalam memperlancar sistem informasi.

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 PUSTAKA LAMPIRAN

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

Tugas akhir ini merancang suatu aplikasi Sistem Informasi SMA Negeri 1 Lawe Sigala gala berbasis web yang bermanfaat untuk menyediakan informasi yang baik dengan cepat dan mudah, juga melalui kajian ini diharapkan dapat memberi kemudahan kepada siswa, khususnya guru dan pegawai dalam melakukan pengisian absensi. Perancangan sistem dalam merancang sistem informasi berbasis web SMA Negeri 1 Lawe Sigala gala ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Apache 2.2.3, PHP 5.2, dan MYSQL 5.0. Sistem Informasi SMA Negeri 1 Lawe Sigala gala ini meliputi pemakaian situs oleh siswa untuk mengetahui Informasi sekolah dan juga oleh guru dan pegawai SMA Negeri 1 Lawe Sigala gala untuk informasi absensi seperti daftar absensi harian. Hal tersebut digunakan untuk menampung data – data yang diperlukan dalam memperlancar sistem informasi.

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 sebagainya. Oleh karena itu, dengan berkembangnya kemajuan teknologi ini, penulis

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 oleh pihak sekolah dan juga oleh masyarakat luas.

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 pegawai tidak sama, tergantung banyaknya jam mata pelajaran mereka.

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 terdiri dari sejarah, struktur organisas, visi dan misi.

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 Negeri 1 Lawe Sigala – Gala.

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

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 maupun luar. Proses (processing) mengubah data input mentah menjadi bentuk yang

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 (event). Dengan demikian dapat dijelaskan kembali bahwa data dapat merupakan suatu

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 lebih jelas, berikut adala contoh jaringan internet versi wikipedia (MADCOMS, 2008).

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 dalam perusahaan tersebut kepada karyawannya. Terkadang, istilah intranet hanya

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. e. Komputer pemakai menampilkan halaman tersebut.

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 client dan dari komputer server itu sendiri, sehingga mudah disajikan dalam browser.

( 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 macromedia dreamweaver 8. ( Diar Puji Oktavian, 2010, hal : 31 ).

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. ( Diar Puji Oktavian, 2010, hal : 62).

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, perintah SQL bekerja tanpa modifikasi dalam Microsoft Access, Microsoft SQL Server,

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 merupakan bahasa pemrograman lainnya. (Mulya Hadi, 2006, Hal:2 ).

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 bahasa pemrograman PHP dan database MySQL. (MADCOMS, 2009, hal:10).

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 2. Drs.H.TM Anjasmara 1982 & 1992

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 berwawasan Keunggulan, Tekun bahkan Semangat Belajar.

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 menyediakan informasi-informasi mengenai lembaga pendidikan tersebut, termasuk

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 tersebut mengalir. Adapun Data Flow Diagram yang diajukan, yaitu:

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

- 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

-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

3.0 Pembuatan Laporan KEPALA SEKOLA H

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

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

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

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 harus selalu diperbaharui sehingga pengunjung tidak bosan.

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

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

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

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

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

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

ya tidak

4.4.7 Flowchart Data Pegawai

F

Tampil Form data

pegawai

Edit pegawai Edit pegawai Update ?

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}

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

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 absensi harian dan bulanan mereka. Mereka hanya dapat mengisi absensi

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 juga tempat untuk memberikan kritik dan saran melalui email.

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

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 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, mengontrol dan melakukan instalasi baru secara benar.

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.

3. Klik tombol Next.

Gambar 5.3 Setup Wizard

Gambar 5.4 End User License Agreement (EULA)

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 lama. Jika sudah selesai akan tampil gambar di bawah ini:

Gambar 5.6 Setup selesai

5.4.2 Menjalankan Xampp

Setelah proses instalasi berjalan dengan sempurna, langkah selanjutnya ialah menjalankan Xampp. Untuk itu, buka direktori C:\apachefriends\xampp.

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 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 diletakkan di dalam folder htdocs, terlihat seperti gambar berikut:

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:

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 segala yang baru.

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 : C.V. ANDI OFFSET.

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 segala yang baru.

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 : C.V. ANDI OFFSET.