pembuatan web sekolah pada sman 4 tambun

KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
PEMBUATAN WEB SEKOLAH
PADA SMAN 4 TAMBUN SELATAN
DENGAN MENGGUNAKAN PHP DAN MYSQL
Rizki Ramon ZR
Abstrak
Sejauh ini, SMA 4 Negeri Tambun Selatan belum menggunakan pengolahan secara manual
dalam pendataan. Permasalahan yang muncul adalah seperti keamanan data-data yang dicatat secara
manual akan mudah hilang dan rusak. Dan juga ada beberapa kasus seperti uang pembayaran SPP
yang tidak disampaikan ke sekolah meskipun sudah diberikan oleh orang tua. Masalah daftar
kehadiran pun juga ada beberapa masalah. Dan masalah surat orang tua yang tidak disampaikan ke
orang tua. Masalah yang terakhir yaitu tidak disampaikan nya nilai yang didapat oleh siswa ke orang
tua atau wali murid.
Guna mengantisipasi kondisi demikian, maka diperlukan suatu aplikasi yang berbasis website
yang dapat membantu pengelolaan dan pengolahan data yang lebih baik serta dapat menjamin
keamanan data.
Tujuan dari penulisan ini adalah membuat aplikasi yang berbasiskan web yang diharapkan
dapat membantu pihak Sekolah dalam mengolah data administrasi dan juga membantu para wali
murid dalam memantau anaknya. Bahasa pemrograman yang digunakan adalah PHP dan databasenya
MySQL sedangkan untuk editornya menggunakan Dreamweaver.
Keywords: Aplikasi, Web, Administrasi, Sekolah, PHP, MySQL
PENDAHULUAN
Tujuan dari penulisan ini adalah membuat
Latar Belakang
aplikasi yang berbasiskan web yang diharapkan
Pengelolaan
data
melalui
media
komputerisasi dewasa ini memiliki peran yang
signifikan.
Globalisasi
serta
berkembang
pesatnya teknologi menjadi suatu tuntutan baru
bagi individu, masyarakat, atau organisasi untuk
dapat beradaptasi dengan kemajuan teknologi
dalam segala hal termasuk pengolahan data.
dapat membantu pihak Sekolah dalam mengolah
data administrasi dan juga membantu para wali
murid
dalam
memantau
anaknya.
Maka
diperlukan suatu media yang diharapkan dapat
membantu pihak sekolah dalam mengolah data
administrasi dan juga membantu para wali murid
dalam memantau anaknya.
Melihat realita dan kondisi objektif masyarakat
saat ini, masih banyak terdapat beberapa sekolah
di kawasan Kecamatan Tambun yang belum
Metodologi
Metodologi
yang
digunakan
dalam
penulisan tugas akhir ini adalah WDLC ( Web
1 KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
Development Life Cycle ) adapun tahapannya
antar dan net berarti jaringan sehingga dapat
adalah sebagai berikut :
diartikan hubungan antar jaringan. (Bunafit
1.
Nugroho, 2004)
Analisis
Pada tahapan analisis penulis menentukan
berbagai kebutuhan apa yang dibutuhkan
2.
3.
dari website yang akan dibangun dan juga
Arpanet, yaitu jaringan komputer yang dibentuk
perangkat (tools) yang digunakan.
oleh departemen pertahanan Amerika Serikat.
Penentuan Spesifikasi
Selanjutnya
Pada tahap ini bertujuan untuk membuat
diperbarui dan dikembangkan, dan sekarang
spesifikasi secara rinci tentang arsitektur
penerusnya menjadi tulang punggung global
proyek, gaya dan kebutuhan material untuk
untuk sumber daya informasi yang disebut
proyek.
dengan internet. Sebagai contoh berkomunikasi
Struktur Situs dan Desain
dengan pemakai lain diseluruh dunia dengan
Pada tahap ini penulis membuat sketsa
mengirim dan menerima electronic mail (e-mail)
desain,
desain,
atau dengan menggunakan program-program dan
merancang
sumber daya informasi yang tersedia secara
menganalisis
menentukan
konten
hasil
dan
database.
4.
tersebut
World Wide Web
WWW
adalah
sekelompok
dokumen
Pengujian
multimedia yang saling terkoneksi menggunakan
Pada tahap ini dilakukan pengujian terhadap
hypertext link, dengan mengklik pada hot link
website yang telah dibuat.
maka bisa berpindah dari satu dokumen ke
Pemasaran
dokumen lainnya..
Pada
7.
komputer
Pengembangan
dan pemograman dari sistem website.
6.
jaringan
gratis.
Pada tahap ini dilakukan pembuatan berkas
5.
Jaringan komputer tersebut disebut dengan
tahap
ini
dilakukan
pemasaran
Dokumen-dokumen informasi ini dibuat
terhadap website yang dibuat.
dengan
Pemeliharaan
Language) dan disimpan di dalam komputer
Pada
tahap
menemukan
pemeliharaan
kesalahan
atau
ini
format
HTML
(Hypertext
Markup
adalah
server (server web) berbentuk sebuah file yang
gangguan
disebut dengan Web Page atau Page saja. Suatu
setelah website di implementasikan.
halaman dokumen informasi dapat terdiri atas
teks yang saling terkait dengan teks lainnya atau
Web Dan Internet
bahkan
dengan
dokumen
lain.
Keterkaitan
Asal usul Internet berasal dari jaringan
halaman lewat teks ini disebut hypertext.
komputer yang dibentuk pada tahun 1970an.
Dokumen informasi ini tidak hanya terdiri dari
Pengertian Internet secara etimologis, internet
teks, gambar, suara bahkan klip video. Kaitan
berasal dari bahasa inggris, yakni inter berarti
2 KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
antar dokumen yang tidak hanya terdiri atas teks
ini disebut hypermedia.
Sistem Informasi Berbasis Web
Informasi dapat didefinisikan sebagai hasil
HTTP
dari pengolahan data dalam suatu bentuk yang
Hypertext Transfer Protocol (HTTP) adalah
lebih berguna dan lebih berarti bagi penerimanya
sebuah metode yang dipakai untuk mengirim atau
yang menggambarkan suatu kejadian-kejadian
mentransfer file-file (web page) dari server
yang nyata yang digunakan untuk pengambilan
WWW
keputusan.
ke
komputer
client.
Protokol
ini
merupakan protokol standar yang dipakai untuk
Sistem informasi juga merupakan sistem
mengakses dokumen HTML. Definis lain HTML
yang berisi jaringan SPD (Sistem Pengolahan
adalah sebuah protocol yang menentukan aturan
Data)
main antara software web browser dan Software
komunikasi yang digunakan dalam system
Web Server dalam penyediaan dokumen yang
organisasi data.
diminta oleh Browser.
yang
dilengkapi dengan
kanal-kanal
Elemen proses dari sistem informasi adalah
mengumpulkan
HTML
data,
mengolah
data,
dan
menyebar informasi. Di dalam sistem informasi,
HTML
membangun
yang
merupakan
sebuah
situs
dasar
untuk
web,
HTML
manusia berinteraksi dengan manusia, manusia
dengan
komputer,
dan
komputer
dengan
dikembangkan dari SGML (Standardized General
komputer.
Markup
informasi, atau pengetahuan mengalir dibawa
Language),
atau
bahasa
yang
ditingkatkan secara umum dan dibakukan.
HTML
sendiri
akronim/singkatan
dari
dan bisa dibuat dengan software pengedit (editor)
Memudahkan
menulis
sebuah
pekerjaan,
informasi
data,
seperti telepon atau jaringan komputer.
Markup
Language, sebuah dokumen dalam format ASCII,
naskah.
sistem
oleh dokumen atau media komunikasi elektronik,
merupakan
Hypertext
Dalam
SDLC (The Systems Development Life
saja
Cycle) adalah model konseptual yang digunakan
dengan
dalam manajemen proyek yang menggambarkan
Worldstar, World, Excel atau NotePad dan
tahap-tahap yang terlibat dalam suatu proyek
WordPad. Dengan kata lain HTML adalah
pengembangan
bahasa
kelayakan awal melalui pemeliharaan aplikasi
dokumen
yang
bisa
Web Development Life Cycle (WDLC)
HTML
ditingkatkan
dengan
sistem informasi
dari
studi
Hypertext/hypertextlink yang juga sering dijuluki
selesai.
dengan HOT Metal.
dikembangkan untuk memandu proses-proses
Secara
mudah,
HTML
adalah
sebuah
Berbagai
metodologi
SDLC
telah
yang terlibat termasuk model air terjun (metode
dokumen yang memuat kalimat-kalimat untuk
SDLC
diproses oleh Browser, sehingga ditayangkan
(RAD), pengembangan aplikasi bersama (JAD),
dilayar ketika dipanggil dari internet.
air mancur model dan spiral model. Sebagian
asli),
pengembangan
aplikasi
cepat
3 KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
besar, beberapa model digabungkan menjadi
semacam metodologi hibrida.
Sejauh ini, SMAN 4 Tambun Selatan masih
belum menggunakan pengolahan secara manual
Dokumentasi ini penting terlepas dari jenis
dalam pendataan. Permasalahan yang muncul
model yang dipilih atau diciptakan untuk aplikasi
adalah seperti keamanan data-data yang dicatat
apapun, dan biasanya dilakukan secara paralel
secara manual akan mudah hilang dan rusak. Dan
dengan proses pembangunan. Beberapa metode
juga
bekerja lebih baik untuk jenis proyek tertentu,
kehadiran siswa disekolah, surat orang tua dari
tetapi dalam analisis akhir, faktor yang paling
pihak sekolah yang tidak disampaikan ke orang
penting bagi keberhasilan proyek ini dapat
tuanya. Masalah yang terakhir yaitu tidak
seberapa dekat rencana tertentu diikuti.
disampaikannya
ada
beberapa
nilai
kasus
mata
seperti
masalah
pelajaran
yang
didapat oleh siswa ke orang tua atau wali murid.
Tools yang digunakan adalah Struktur navigasi,
Guna mengantisipasi kondisi demikian,
dreamweaver sebagai editor, PHP sebagai bahasa
maka diperlukan suatu aplikasi yang berbasis
pemrograman, dan MySQL sebagai databasenya.
website yang dapat membantu pengelolaan dan
pengolahan data yang lebih baik serta dapat
PEMBAHASAN
Berdirinya
menjamin keamanan data.
SMAN
4
Tambun
Selatan
ditengah – tengah lingkungan perumahan seiring
Setelah melakukan analisis masalah, maka
itu pula antusias para orang tua menyekolahkan
tahap selanjutnya adalah bagian perancangan.
anaknya semakin berkembang pesat, sesuai
Diawali dengan perancangan struktur navigasi,
dengan
belajar
perancangan database, ERD, normalisasi dan
sembilan tahun. Sehingga muncul permasalahan
perancangan tampilan input output. Berikut
bagi pihak sekolah dalam mengolah data
adalah pembahasannya.
program
pemerintah
wajib
administrasi dan juga membantu para wali murid
dalam memantau anaknya.
Di
era
globalisasi
serta
berkembang
pesatnya teknologi menjadi suatu tuntutan baru
bagi individu, masyarakat atau organisasi untuk
dapat beradaptasi dengan kemajuan teknologi
dalam segala hal termasuk pengolahan data.
Melihat realita dan kondisi objektif masyarakat
saat ini, masih banyak terdapat beberapa sekolah
Gambar 1. Struktur Navigasi Website
di kawasan Kecamatan Tambun yang belum
mampu beradaptasi dengan kemajuan teknologi
Pada penulisan ini, ERD yang digunakan
atau memanfaatkan fasilitas teknologi dalam
terdiri dari 6 entitas yaitu Murid, Guru, orang
menjalankan program kelembagaanya.
tua, surat orang tua, nilai, dan absen serta 8
4 KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
Relationship. Setiap entitas dan relationship
4.
Tabel Orang tua
yang ada memiliki atribut-atribut. Untuk
5.
Tabel Guru
entitas murid terdiri dari 6 atribut, yaitu :
6.
Table Surat Orang tua
NIS, nama siswa, alamat, telpon, kelas dan
7.
Table Absen
username murid. kemudian untuk entitas
nilai terdiri dari NIS, id nilai dan id mata
pelajaran.
Kemudian untuk entitas orang tua terdiri
dari id orang tua, nama orang tua, username
orang tua dan NIS. Kemudian entitas guru
terdiri dari NIG, nama guru dan username
guru. Kemudian entitas surat orang tua terdiri
dari isi surat, id surat dan subject. Kemudian
entitas absen terdiri dari id absen dan NIS.
Gambar 3. Tabel Admin, Siswa, Nilai, Orang
tua, Guru, Surat Orang tua, Absen
Rancangan Halaman Home
Halaman ini merupakan halaman yang akan
dijadikan induk dari semua halaman. Di halaman
home akan terdapat beberapa link seperti : Home,
Profil, Guru, Siswa, Orang tua, Berita dan
Admin. Gambar 2. ERD (Entity Relational Database)
Perancangan Database
Pada
aplikasi
web
ini
menggunakan
database untuk menyimpan data-data yang
dibutuhkan SMA 4 Negeri Tambun Selatan bagi
Rental, dan memproses perhitungan transaksi.
Data base web sistem informasi akademik 8
tabel, antara lain:
1.
Tabel Admin
2.
Tabel Siswa
3.
Tabel Nilai
5 KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
Adapun perangkat keras dan perangkat
lunak yang digunakan dalam pembuatan aplikasi
ini antara lain :
•
Perangkat Keras
Micro processor
: Intel(R) Core(TM) i3
CPU M 390 @ 2.67GHz (4 CPUs), ~2.7GHz
-
Kapasitas memory
:
2.99 Gb
-
Monitor
: 14,0”
-
Harddisk
: 500 Gb
•
Perangkat Lunak
-
Sistem operasi Microsoft Windows 7
-
Microsoft office 2007
-
Dreamweaver
-
XAMPP 1.7.1 (PHP, Apache, MySQL)
-
Google Chrome
Web aplikasi ini akan dibagi menjadi 2 tipe
pengguna, yang pertama adalah pengguna biasa
atau user. Dan satu lagi adalah admin. Berikut
adalah penjabaran halaman user.
Tampilan halaman ini adalah tampilan awal
dari web aplikasi yang dibuat. Pada tampilan ini
akan terdiri dari beberapa link dan text selamat
Gambar 4. Rancangan Halaman Web Site
Setelah
melakukan
konseptualisasi
datang.
dan
perancangan aplikasi web, langkah selanjutnya
yaitu melakukan pengumpulan bahan, pembuatan
dan
testing
aplikasi.
Pengumpulan
bahan,
pembuatan dan testing pada aplikasi ini terdiri
dari spesifikasi kebutuhan perangkat keras,
spesifikasi kebutuhan perangkat lunak, fungsi
Gambar 5. Tampilan Index Home
dari setiap form pada aplikasi disertai dengan
Tampilan halaman ini adalah tampilan awal dari
cara pengoperasian.
web aplikasi yang dibuat. Pada tampilan ini akan
terdiri dari beberapa link dan text selamat datang.
6 KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
Gambar 6. Tampilan Profil
Gambar 9. Tampilan Kehadiran
Tampilan halaman profil terdiri dari profil
Berikut adalah tampilan halaman index siswa
sekolah, identitas sekolah dan juga ada visi &
yang terdiri didalamnya pengecekan kehadiran
misi.
siswa/i di sekolah.
Gambar 7. Tampilan Login
Gambar 10. Tampilan Berita
Tampilan halaman berita akan menampilkan
semua berita yang berhubungan dengan kegiatan
yang ada di sekolah.
Gambar 8. Tampilan Cek Nilai
Tampilan halaman index siswa yang terdiri
didalamnya pengecekan nilai siswa/i untuk
masing-masing mata pelajaran.
Gambar 11. Tampilan Login Admin
Tipe pengguna selanjutnya adalah admin. Berikut
adalah penjabaran halaman admin.
7 KARYA ILMIAH MAHASISWA TEKNIK INFORMATIKA S-1
informasi sekolah serta guru dapat memasukkan
data nilai mata pelajaran. siswa juga dapat
dengan mudah dalam mengecek nilai. Hasil
pengujian
pengguna
aplikasi
web
sekolah
91.25% responden menyatakan bahwa aplikasi
ini layak untuk di implementasikan sedangkan
8,75% responden menganggap aplikasi ini tidak
layak untuk di implementasikan.
Gambar 12. Tampilan Index Admin
Daftar Pustaka
Setelah admin login. Maka admin bisa mengatur
Wahana Komputer (2005), Menjadi Seorang
semua konten yang ada di website melalui
Design Web, Andi: Yogyakarta. Wahana
halaman ini sepeti manage user, manage mata
Komputer
Abdul kadir (2003), Dasar Pemograman Web
pelajaran, menage berita dan logout.
Dinamis Menggunakan Php, Andi :
Yogyakarta.
KESIMPULAN
Lukmanul Hakim (2006), Buku Sakti Menjadi
Berdasarkan
pengujian
penerimaan
pengguna, maka dapat ditarik kesimpulan bahwa
tampilan yang dibuat termasuk “baik”. Selain itu,
membantu para orang tua dan para wali siswa/i
melihat kondisi anak-anaknya disekolah, siswa/i
mendapatkan informasi nilai dan kehadiran
Programer Sejati PHP. Solusi Media
Madcoms
(2005),
Mahir
Dalam
7
Hari
Macromedia Dreamweaver dengan ASP.
Edisi I, Andi, Madiun.
Hartono Jogiyanto (1990)., Analisis dan Desain
Sistem Informasi, Andi : Yogyakarta.
secara cepat, staff tata usaha memberikan
8