RANCANG BANGUN SISTEM INFORMASI ADMINISTRASI

RANCANG BANGUN SISTEM INFORMASI ADMINISTRASI
AKADEMIK BERBASIS WEB DENGAN MENGGUNAKAN xHTML
(STUDI KASUS PADA SMAN 8 SURABAYA)
Awad Achmad Hansyi 1)
1) S1 / Sistem Informasi. Sekolah Tinggi Manajemen Informatika & Teknik Komputer Surabaya
Email : [email protected]
Abstract: Academic administration student information system is a web based system that can provide periodic
reports students' online activity, whether it be information on grades, attendance, finances, and scores of
students who are concerned violations. Along with the increased number of students from year to year, SMAN 8
has disadvantages in terms of student academic information delivery activities to parents.
One solution of the problem is the construction of an information system with a web-based academic
administration using xHTML for students who can be accessed through mobile devices. This system was built
based on web using HTML programming language, xHTML, PHP and Javascript and uses MySQL database.
This application can assist the academic functions in terms of student data storage to deliver
information on academic activities for students and parents or guardians. This system was built as a means of
improving the quality of education in schools as well as easy solutions for the SMAN 8. This system can
perform maintenance and management of process data into information useful in disseminating information on
student academic activities to parents
.Keywords
: SMAN 8, Academic Information System, PHP, xHTML.
Pendidikan
bagi
mengelola data yang terjadi di SMAN 8
dari
Surabaya. Selain itu terdapat kurangnya
kemajuan suatu bangsa terlihat pada
komunikasi antara pihak sekolah dengan
kualitas
Di
wali murid. Selama ini komunikasi yang
Indonesia sekolah merupakan sarana untuk
terjadi antara wali murid dengan pihak
meningkatkan kualitas pendidikan. Dalam
sekolah hanya terjadi pada saat acara
pelaksanaan
sedikit
penerimaan rapot, yang diadakan dua kali
Teknologi
setiap semester. Karena itu wali murid
Informasi (TI) sehingga terdapat kendala
kurang mendapatkan informasi mengenai
yang dihadapi yaitu berkaitan dengan
kegiatan akademik anaknya diantaranya
pengawasan
wali
nilai akademik dan kegiatan siswa di
pendidikan
akademik
kemajuan
sekolah
bangsa,
penting
karena
pendidikan
itu
pendidikan
yang
kunci
sendiri.
masih
menerapkan
murid
terhadap
anaknya.
Salah
sekolah.
satunya yang terjadi di SMAN 8 Surabaya.
Dengan adanya permasalahan yang
Permasalahan yang terjadi di
ada di SMAN 8 surabaya, maka perlu
SMAN 8 Surabaya adalah belum adanya
adanya suatu sistem informasi administrasi
sistem informasi akademik yang dapat
akademik
berbasis
web
dengan
1
menggunakan xHTML. Pemilihan aplikasi
menyebutkan
berbasis
sasaran (objectives).
web
dengan
menggunakan
untuk
mencapai
suatu
xHTML karena dapat diakses melalui
perangkat
handphone
yang
dapat
digunakan
dimana
saja,
serta
Informasi
Menurut
Jogiyanto
(2005:8),
membutuhkan biaya yang murah. Hal
Informasi adalah data yang diolah menjadi
tersebut dapat mempermudah wali murid
bentuk yang lebih berguna dan lebih
mendapatkan informasi mengenai kegiatan
berarti bagi yang menerimanya. Sumber
akademik anaknya.
dari informasi adalah data. Data adalah
Dengan adanya penerapan sistem
administrasi
dengan
akademik
berbasis
menggunakan
membantu
pihak
Surabaya
untuk
xHTML
sekolah
web
kejadian-kejadian dan kesatuan nyata.
dapat
Kejadian-kejadian (event) adalah sesuatu
SMAN
mengolah
kenyataan yang menggambarkan suatu
8
yang terjadi pada saat tertentu.
data
administrasi akademik siswa menjadi suatu
Sistem Informasi
informasi yang dapat disampaikan kepada
Menurut Herlambang (2005:121),
wali murid dengan lebih cepat dan lebih
data adalah fakta-fakta atau kejadian-
baik. Dari informasi tersebut diharapkan
kejadian yang dapat berupa angka-angka
dapat membantu wali murid
dalam
atau kode-kode tertentu. Data masih belum
memantau kegiatan akademik anaknya di
mempunyai arti bagi penggunanya. Untuk
sekolah
dapat
agar
menjadi
siswa
yang
mempunyai
arti
data
diolah
sedemikian rupa sehingga dapat digunakan
berprestasi.
oleh penggunanya. Hasil pengolahan data
LANDASAN TEORI
inilah yang disebut sebagai informasi.
Sistem
Secara ringkas, Informasi adalah data yang
(2005:2),
telah diolah dan mempunyai arti bagi
Sistem adalah kumpulan dari elemen-
penggunanya. Sehingga sistem informasi
elemen yang berinteraksi untuk mencapai
dapat
suatu tujuan tertentu.
prosedur yang digunakan untuk mengolah
Menurut
Jogiyanto
Suatu sistem mempunyai maksud
tertentu. Ada yang menyebutkan maksud
data
didefinisikan
sehingga
dapat
sebagai
prosedur-
digunakan
oleh
penggunanya.
dari suatu sistem adalah untuk mencapai
suatu
tujuan
(goal)
dan
ada
yang
2
California
Sistem Informasi Akademik
bernama
Unwired
Planet,
Menurut Satoto (2009) Sistem
memulai penelitian untuk mengirim paket
Informasi Akademik adalah perangkat
data ke peralatan yang terhubung jaringan
lunak yang digunakan untuk menyajikan
wireless digital. Unwired Planet kemudian
informasi dan menata administrasi yang
memutuskan untuk membangun suatu
berhubungan dengan kegiatan akademis.
sistem yang mampu mengirimkan halaman
Dengan menggunakan perangkat lunak
informasi dari bahasa pengkodean ke
seperti
kegiatan
browser mobile dengan memanfaatkan
dikelola
protokol HTTP.
ini
administrasi
diharapkan
akademis
dapat
dengan baik dan informasi yang diperlukan
dapat diperoleh dengan mudah dan cepat.
Pada tahun 1997, operator jaringan
Omnipoint menawarkan servis informasi
data mobile dan mengundang perusahaan
untuk merealisasikannya. Hal ini direspon
World Wide Web (WWW)
Menurut Sidik dan Pohan (2007:1)
oleh
Nokia,
Ericson,
Unwired
dengan web, merupakan salah satu layanan
membentuk
yang didapat oleh pemakai komputer yang
gabungan
terhubung ke internet.
tersebut mengumumkan spesifikasi standar
informasi
dalam
internet,
dengan
yang
WAP
bekerja
dan
World Wide Web (WWW), lebih dikenal
Web pada awalnya adalah ruang
Planet,
Motorola,
Forum.
sama
Akhirnya
perusahaan-perusahaan
besar
Wireless Application Protocol (WAP)
versi 1.0.
menggunakan teknologi hypertext, yang
digunakan untuk menemukan informasi
xHTML MP
dengan mengikuti link yang disediakan
dalam dokumen web yang ditampilan
dalam browser web.
Menurut Jusak (2008) Extensible
Hypertext
Markup
Language
Mobile
Profile (xHTML MP) merupakan sebuah
bahasa markup yang didefinisikan dalam
Komunikasi Data Mobile
Wireless Application Protocol (WAP) 2.0.
Menurut Prasetyo (2005:3) Untuk
meningkatkan
telekomunikasi
fitur-fitur
digital,
sistem
ditambahkan
layanan-layanan seperti keamanan, pesan
teks, dan komunikasi data. Pada tahun
1994,
sebuah
perusahaan
kecil
di
yaitu sebuah protocol komunikasi untuk
aplikasi-aplikasi nirkabel yang dibuat oleh
WAP
forum.
xHTML
gabungan
antara
Language
(HTML)
sebagai
bahasa
merupakan
Hypertext
yang
Markup
digunakan
pemrograman
untuk
3
membuat
situs-situs
internet
dan
Extensible Markup Language (XML).
bekerjasama sehingga manusia merasa
puas dengan cara yang paling efektif.
Penambahan istilah Mobile Profile berarti
xHTML
MP
merupakan
bahasa
ANALISA PERANCANGAN SISTEM
pemrograman yang dikhususkan untuk
Sistem Flow Kehadiran
membangun aplikasi-aplikasi yang dapat
Sistem
flow
proses
kehadiran
perangkat-perangkat
melibatkan dua entitas yaitu TU dan guru.
mobile, seperti: telepon seluler(ponsel),
Proses dimulai pada saat guru menerima
PDA ataupun smartphone. Jadi xHTML
form
MP merupakan bagian dari xHTML.
melakukan
Karena itu sintaks dan aturan-aturan dalam
menghasilkan
menulis aplikasi dengan menggunakan
selanjutnya
xHTML MP mengikuti sintaks dan aturan
terabsensi ke TU. Setelah menerima form
sebagaimana
Aplikasi
terabsensi dari guru, TU melakukan input
menggunakan
data kehadiran yang akan menyimpan
dibaca
melalui
mobile
pada
yang
xHTML.
dibangun
xHTML MP, selain dapat dibaca melalui
browser yang ada di dalam ponsel, juga
absensi
dari
proses
kemudian
absensi
form
guru
TU,
yang
terabsensi
dan
menyerahkan
form
kedalam database transaksi kehadiran.
Sistem Flow Proses Kehadiran
Guru
TU
Siswa
dapat dibaca melalui internet browser.
Mulai
Informasi
Kehadiran
Interaksi Manusia dan komputer
Form Absensi
Form Absensi
Menurut Rizky (2007:3) Interaksi
Melakukan
absensi Siswa
Manusia
dan
Komputer
sistem
Entri Data
Kehadiran
Input Data
Kehadiran
komputer
interaktif untuk dipakai oleh manusia,
Transaksi
Kehadiran
Menyerahkan form
terabsensi ke TU
Simpan Kehadiran
ilmu yang mempelajari desain, evaluasi,
dan
Form Terabsensi
(IMK)
dideskripsikan sebagai sebuah disiplin
implementasi
Mencetak form
abensi
Form Terabsensi
Tampilkan
Informasi
Kehadiran
Informasi
Kehadiran
Selesai
beserta studi tentang faktor- faktor utama
dalam lingkungan interaksinya. Deskripsi
IMK
menurut
Galitz
(2002)
Gambar 1 Sistem Flow Proses Kehadiran
dalam
Rizky(2007:3) adalah suatu ilmu yang
mempelajari
perencanaan
dan
desain
tentang cara manusia dan komputer saling
4
Context Diagram
Context diagram dari sistem informasi ini
Conceptual Data Model
Sebuah
seperti digambarkan pada gambar di
Conceptual
menggambarkan
bawah ini.
Data
secara
Model
keseluruhan
konsep struktur basis data yang dirancang
Process Model
Project : Tugas Akhir
untuk suatu program atau aplikasi.
Model : Sistem Informasi Administrasi Akademik
Author : Awad Achmad Hansyi
Version
13/04/2011
Laporan Nilai
Rekap Pelanggaran
Guru
Laporan Kehadiran
BP
kelas
kd_kelas
nama_kelas
daya_tampung
tingkat
g uru
kd_guru
nama_g uru
inisial_g uru
sk
nuptk
jabatan
ag ama
jenkel
alamat
tempat_lahir
tang g al_lahir
telp_g uru
hp_g uru
status
mata_pelajaran
kd_mata_pelajaran
nama_mata_pelajaran
tingkat
kode mata pelajaran
0
kode kelas
Data Nilai
Data Pelanggaran
Data Guru
Jenis Pelanggaran
Data Kehadiran
Mata Pelajaran
Sistem Informasi Administrasi
Akademik
Data Keuangan
Data Siswa
Data Kelas
Data Pembayaran
+
Laporan Pelanggaran
Siswa
Laporan Nilai
Bagian Kurikulum
Laporan Keuangan
Laporan Kehadiran
Gambar 2 Context Diagram
Dari context diagram diatas maka di break
down ke level 0 untuk melihat proses lebih
siswa
kd_siswa
nama_siswa
password
jenkel
alamat
ag ama
tempat_lahir
tang g al_lahir
tang g al_masuk
telp_siswa
status_keluarga
anak_ke
jml_saudara
asal_smp
no_sttb
tahun_sttb
nama_ayah
nama_ibu
pkj_ayah
pkj_ibu
alamat_ortu
telp_ortu
nama_wali
pkj_wali
alamat_wali
telp_wali
status
kd_siswa
transaksi_penilaian
kd_transaksi_penilaian
tahun
tug as
ulangan
uts
uas
nilai_akhir
kode guru
transaksi_kehadiran
kode siswa
kd_transaksi_kehadiran
tang g al
transaksi_pembayaran
kode siswa
kode siswa
kd_transaksi_spp
bulan
tahun
tang g al_bayar
status_bayar
transaksi_pelangg aran
kd_transaksi_pelang g aran
tang g al
keterang an
kode pelanggaran
jenis_pelangg aran
kd_pelangg aran
jenis_pelangg aran
point
detail lagi seperti gambar dibawah ini :
Data Keuangan
Gambar 4 CDM
Mata Pelajaran
Bagian Kurikulum
Simpan Data Kelas
11
Data Kelas
Simpan Mata Pelajaran
Guru
Data Kelas
10 Mata pelajaran
Hasil dan Pembahasan
1
Data Guru
BP
Siswa
+
Data Siswa
Sebelum
9
Data Guru
1
Data Siswa
2
Jenis Pelanggaran
Simpan Data Guru
Pengolahan Data
Jenis Pelanggaran
kehadiran,
Simpan Data Siswa
Simpan jenis pelanggaran
2
melakukan
proses
admin
terlebih
transaksi
dahulu
melakukan proses login untuk melakukan
7
Modul Kehadiran
Transaksi Kehadiran
validasi hak akses ke dalam sistem
Simpan Kehadiran Siswa
Data Kehadiran
3
Laporan Nilai siswa
Penilaian
5
Data Nilai
Transaksi Penilaian
Simpan Nilai Siswa
4
Data Pembayaran
Pembayaran
8
Transaksi Pembayaran
Simpan Data Pembayaran
5
Modul Pelanggaran
Data Pelanggaran
6
Transaksi Pelanggaran Siswa
Simpan Pelanggaran Siswa
6
Laporan Keuangan
7
Transaksi Kehadiran
5
Transaksi Penilaian
6
Transaksi Pelanggaran Siswa
8
Transaksi Pembayaran
Laporan Kehadiran
Laporan Nilai
Laporan Kehadiran
Laporan Pelanggaran
Laporan Nilai Siswa
Laporan
Rekap Pelanggaran
Laporan Nilai
Laporan Kehadiran
Laporan Pelanggaran Siswa
+
Laporan Pembayaran
Gambar 3 DFD Level 0
Gambar 5 Tampilan Form Login Admin
Setelah proses login selesai, admin
melakukan proses transaksi kehadiran
dengan
memilih
menu
Transaksi
Kehadiran sehingga muncul tampilan
seperti Gambar 6
5
Gambar 6 Tampilan halaman transaksi
kehadiran
Seteah proses kehadiran selesai, wali
murid atau siswa dapat melihat informasi
kehadiran siswa melalui mobile web
dengan cara melakukan proses login pada
halaman mobile web terlebih dahulu.
Gambar 8 Tampilan Menu Utama mobile
web
Setelah memilih Informasi kehadiran maka
akan muncul tampilan seperti pada Gambar
9
Gambar 7 Tampilan Halaman Login
mobile web
Jika siswa atau wali murid berhasil
melakukan login, maka akan muncul menu
utama untuk memilih informasi mengenai
kehadiran,
keuangan,
penilaian,
Gambar 9 Tampilan Informasi Kehadiran
Kesimpulan
pelanggaran, dan komunitas.
Kesimpulan yang dapat diambil
dari
hasil
evaluasi
Sistem
Informasi
Administrasi Akademik Siswa berbasis
web dengan menggunakan xHTML adalah
Sistem Informasi Administrasi Akademik
Siswa berbasis web ini telah dapat
6
memberikan informasi akademik mengenai
perkembangan dan aktivitas siswa bagi
siswa dan orangtua/wali.
Saran
Saran
untuk
pengembangan
sistem adalah sebagai berikut:
a. Menambahkan
proses
pendaftaran
Teknik Universitas
Diponegoro, Seminar
Nasional Aplikasi Sains dan
Teknologi, Yogyakarta.
Sidik, Betha dan Husni Iskandar
Pohan, 2007, Pemrograman
Web dengan HTML Disertai
lebih dari 200 contoh
program beserta tampilan
grafisnya, Informatika,
Bandung.
hingga proses raport dan prestasi siswa
pada sistem untuk halaman admin.
b. Menambahkan
proses
perizinan
kehadiran untuk halaman mobile web.
Daftar Pustaka
Davis,
G.B., 1974, Management
Information
System:
Conseptual
Foundations,
Structure and Development,
McGrew-Hill.
Effendy, Onong Uchjana, 1989,
Sistem Informasi Manajemen,
Tanpa Penerbit.
Herlambang, Soendoro, dan Haryanto
Tanuwijaya, 2005, Sistem
Informasi: konsep, teknologi,
dan manajemen, Graha Ilmu,
Yogyakarta.
Jusak, 2008, Kreasi Situs Mobile
Internet dengan xHTML MP,
Prestasi Pustaka.
Prasetyo, Didik Dwi, 2005, Aplikasi
Web Mobile Menggunakan
ASP.NET, Elex Media
Komputindo, Bandung.
Satoto, 2009, Analisis Keamanan
Sistem Informasi Akademik
Berbasis Web Di Fakultas
7