Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

PERANCANGAN WEBSITE SEKOLAH DASAR ISLAM TERPADU PERMATA BUNDA (SDIT-PB)

GEDUNG MENENG RAJABASA BANDAR LAMPUNG

Mira Febriana Sesunan, Hartini Program Studi D3 Manajemen Informatika STMIK Jenderal Achmad Yani Yogyakarta

s3sun4n@gmail.com

ABSTRACT

In activity learn and study on SDIT-PB has connection books for evaluate activity students a days in school and in the houses. This book completed with teachers communication paper and the parents else paper is information study program for a week. For rapidly and clearly communication between students, parents and teachers needed to make systems has can to used by all element are connect. From that reason so has made a website with name design website for elementary school Islam Terpadu Permata Bunda (SDIT-PB) at Gedung Meneng Rajabasa in Bandar Lampung with content about information in SDIT-PB and data processing administration SDIT-PB with used PHP programming. Keyword: information, data processing.

PENDAHULUAN

Sekolah Dasar Islam Terpadu Permata Bunda (SDIT-PB) merupakan

salah satu sekolah Islam yang beralamat di jl. Sutan Jamil No.29 Gedung

Meneng, Raja Basa, Bandar Lampung. Integritas pendidikan mencetak generasi

muslim cerdas spiritual, emosional dan intelektual dijadikan sebagai motonya.

SDIT-PB didirikan oleh yayasan Darul Hikmah yang diketuai oleh Drs. Dulhadi.

Dalam kegiatan belajar mengajar SDIT-PB mempunyai buku penghubung

untuk mengecek aktivitas siswa sehari-hari di sekolah dan di rumah masing-

masing. Bentuk aktivitas di sekolah meliputi kondisi emosi, kebersihan, ketertiban,

kesopanan, empati kerjasama, kemandirian dan hafalan Qur’an. Sedangkan

aktifitas di rumah meliputi kondisi emosi, kebersihan, sholat, membantu orang tua,

kesopanan terhadap orang tua, menyayangi sesama dan sikap mandiri. Buku

tersebut dilengkapi dengan lembar komunikasi guru dan wali siswa serta lembar

informasi program pengajaran pekanan. Untuk aktifitas di sekolah buku diisi oleh

guru/wali kelas dan aktifitas di rumah diisi oleh orang tua siswa. Dengan adanya

buku tersebut aktifitas siswa menjadi terkendali dan jika ada masalah dapat

segera terselesaikan. Namun dengan majunya dunia teknologi penghubung

menggunakan buku tersebut masih dipandang tidak efektif karena dapat

mengakibatkan lambatnya informasi, lambatnya proses administrasi dan lain-lain.

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 82

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

Untuk mengatasi kelemahan di atas dibutuhkan sebuah wadah yang

dapat dijadikan sebagai pusat informasi yang cepat, akurat dan mudah diakses

oleh siapapun dan dimanapun. Dalam hal ini penulis akan membuat website

yang memuat informasi-informasi yang dibutuhkan tentang SDIT-PB, informasi

perkembangan anak (di sekolah dan di rumah) termasuk didalamnya kotak

komunikasi antara orang tua siswa dan guru/wali kelas, nilai harian, daftar hadir

dan rapot (rangkuman nilai keseluruhan). Website ini dapat dilihat melalui

internet.

Saat ini internet sudah merupakan kebutuhan pokok bagi sebagian orang.

Dengan internet kita bisa mendapatkan banyak informasi apapun jenisnya.

Seiring dengan perkembangan, internet tidak saja digunakan sebagai media

penyaji informasi semata. Bahkan internet mulai digunakan untuk aplikasi yang

banyak membutuhkan masukkan dari user dan bahasa pemrograman yang kuat.

Dalam pembuatan website ini penulis menggunakan bahasa pemrograman PHP

(Hypertext Preprocessor).

Penelitian ini adalah bagaimana mendesain dan membuat website untuk

SDIT-PB dan membuat suatu aplikasi yang memuat informasi tentang

perkembangan siswa, nilai, daftar hadir, rapot, serta pengolahan data

pendukungnya.

Tujuan penulisan ini adalah: 1) Melakukan kajian tentang konsep

perancangan dan pembuatan website SDIT-PB, 2) Memperkecil tindak

keteledoran kerena kekurangtelitian seorang guru untuk mengecek absensi dan

juga nilai siswa yang dibimbing, 3) Aktifitas administrasi menjadi lebih rapi,

efesien, baik yang berhubungan dengan media, waktu maupun tenaga.

METODOLOGI PENELITIAN

Metode pengembangan perangkat lunak yang digunakan adalah model

sekuensial linier atau model air terjun (waterfall). Model ini melingkupi aktifitas-

aktifitas (fase) yang meliputi :

1. Penentuan dan analisis spesifikasi jasa, kendala dan tujuan dihasilkan

dari konsultasi dengan pengguna sistem. Kemudian semuanya itu dibuat

dalam bentuk yang dapat dimengerti oleh user dan staf pengembang.

2. Desain sistem dan perangkat lunak

Proses desain sistem membagi kebutuhan-kebutuhan menjadi

sistem perangkat lunak atau perangkat keras. Proses tersebut

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 83

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

menghasilkan sebuah arsitektur sistem keseluhan. Desain perangkat

lunak termasuk menghasilkan fungsi sistem perangkat lunak dalam

bentuk yang mungkin ditransformasi ke dalam satu atau lebih program

yang dapat dijalankan.

3. Implementasi dan ujicoba unit

Selama tahap ini desain perangkat lunak disadari sebagai sebuah

program lengkap atau unit program. Dalam hal ini penulis menggunakan

program PHP dengan MySQL-Front sebagai media database. Uji unit

termasuk pengujian bahwa setiap unit sesuai spesifikasi.

4. Integrasi dan ujicoba sistem

Unit program diintegrasikan dan diuji menjadi sistem yang lengkap

untuk menyakinkan bahwa persyaratan perangkat lunak telah dipenuhi.

Setelah ujicoba, sistem disampaikan ke kastamer.

5. Operasi dan pemeliharaan

Normalnya, ini adalah phase yang terpanjang. Sistem dipasang

dan digunakan. Pemeliharaan termasuk pembetulan kesalahan yang

tidak ditemukan pada langkah sebelumnya. Perbaikan implementasi unit

sistem dan peningkatan jasa sistem sebagai kebutuhan baru ditemukan.

Untuk lebih jelasnya model ini dapat digambarkan sebagai berikut:

Gambar 1 Model air terjun

Analisis Sistem

Proses desain adalah proses membagi kebutuhan-kebutuhan menjadi

sistem perangkat lunak melalui tahap pembuatan model proses. Pada desain ini

penulis membuat suatu sistem website yang dapat menampung semua informasi

yang digambarkan dengan diagram arus data (Data Flow Diagram) dan model

Implementation and unit

testing

System and software design

Requirements definition

Integration and system

testing

Operation and maintenance

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 84

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

umum perangkat lunak. Pekerjaan administrasi dikerjakan menggunakan

komputer dan berjalan secara otomatis.

Diagram Konteks

Gambar 2 Diagram Konteks Website SDIT-PB

Rancangan Database

Rancangan sistem website SDIT-PB dapat digambarkan menggunakan

entitas-entitas beserta hubungan antar entitas seperti terlihat pada Gambar 2.

Admin

Website SDIT-

PB

Guru / karyawan

Wali siswa

Data siswa

Data karyawan

Data MP

Data walisiswa

Informasi siswa

Id siswa

UMUM

Informasi Umum

Data

rapot Data

Nilai Data

Absensi

Data

Aktifitas

Sekolah

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 85

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

Gambar 3 Relasi entitas

HASIL DAN PEMBAHASAN

Hasil

Pada sub bab ini akan ditampilkan hasil dari tampilan program yang telah

dirancang.

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 86

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

Gambar 4 Tampilan Halaman Utama

Pada halaman utama terdapat tiga menu khusus yaitu :

1. login admin digunakan oleh administrator

2. login guru digunakan oleh para guru

3. login walisiswa digunakan oleh walisiswa

Masing-masing menu tersebut mempunyai user id untuk memasukinya.

Selain menu di atas terdapat pula menu tambahan yang dapat dilihat oleh

umum yaitu:

1. Pendaftaran berisi tentang informasi waktu pendaftaran, syarat pendaftar,

waktu belajar dan rincian biaya.

Gambar 5 Tampilan Halaman Informasi Pendaftaran

2. Prestasi berisi tentang prestasi-prestasi yang telah di dapat oleh SDIT-PB

dan daftar penghargaan.

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 87

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

Gambar 6 Tampilan Halaman Prestasi

3. Hasil Karya berisi tentang bermacam-macam hasil karya yang telah

dibuat oleh siswa SDIT-PB.

Gambar 7 Tampilan Halaman Hasil Karya

4. Artikel berisi tentang artikel-artikel umum.

Gambar 8 Tampilan Halaman Artikel

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 88

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

5. Tips dan Trik berisi tentang tips-tips dan trik masalah pendidikan dan

anak.

Gambar 9 Tampilan Halaman Tips dan Trik

6. Profil berisi tentang sekilas SDIT-PB, Kurikulum, Model, Pola Belajar dan

Waktu Belajar, Fasilitas Belajar, Pengelola dan Guru.

Gambar 10 Tampilan Halaman Profil

Pembahasan

Pada sub bab ini akan dijelaskankan cara penggunaan dan fungsi-fungsi

tombol yang ada pada tampilan program yang telah dirancang.

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 89

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

Gambar 11 Tampilan Halaman Login Admin

Sebelum masuk halaman admin, administrator harus mengisi user name

dan password terlebih dulu pada isian user name dan password kemudian klik

tombol enter. Jika user name dan password salah maka akan muncul kotak

pesan kesalahan. Klik OK untuk mengulang.

Gambar 12 Tampilan Pesan Kesalahan Login Admin

Jika benar maka akan langsung menuju ke menu admin. Tombol clear

digunakan untuk mengulangi pengisian user name dan password. Link HOME

digunakan untuk kembali ke halaman utama.

Gambar 13 Tampilan Menu Admin

ISSN: 1979-7656 TEKNOMATIKA Vol.2, No.2, JANUARI 2010 90

Perancangan Website Sekolah Dasar...............(Mira Febriana Sesunan)

Pada menu admin berisi lima link yaitu :

1. Data Siswa

2. Data Guru

3. Data Mata Pelajaran

4. Data Wali Siswa

5. Logout

KESIMPULAN

Dari pembahasan di atas dan berdasar pada masalah-masalah yang ada

maka dapat dihasilkan kesimpulan bahwa:

1. Untuk memperluas jaringan informasi SDIT-PB maka dibuat suatu konsep

perancangan dan pembuatan website tentang SDIT-PB dengan

menggunakan bahasa pemrograman PHP. Dengan website tersebut

informasi mengenai siswa dan sekolah dasar Islam Terpadu Permata

Bunda dapat diakses oleh semua pihak dengan mudah dan cepat.

2. Tindak keteledoran yang dikarenakan kekurangtelitian seorang guru

dalam mengecek absensi dan juga nilai siswa yang dibimbing dapat

teratasi.

3. Aktifitas administrasi menjadi lebih rapi, efesien, baik yang berhubungan

dengan media, waktu maupun tenaga dan komunikasi antara siswa, wali

siswa dan guru lebih cepat dan jelas.

DAFTAR PUSTAKA

Abdul Kadir, 2002, Dasar Pemrograman Web Dinamis Menggunakan PHP, Andi Yogyakarta, Yogyakarta.

Bimo Sunarfrihantono, 2002, PHP dan MySQL untuk Web, Andi Yogyakarta.

Bunafit Nugroho, 2004, Aplikasi Pemrograman Web Dinamis dengan PHP dan MySQL, Gava Media, Jakarta.

Jogiyanto HM, 1999, Analisis dan Desain Sistem Informasi, Andi Offset,

Yogyakarta.

Moh. Nazir, 1999, Metode Penelitian, Ghalia Indonesia, Jakarta.

Roger S. Pressman, 1997, Rekayasa Perangkat Lunak Pendekatan Praktisi, Andi Yogyakarta, Yogyakarta.

Sutarman, 2000, Membangun Aplikasi Web Dengan PHP dan MySQL, Graha Ilmu, Yogyakarta.