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