sistem informasi akademik berbasis web di smk

SISTEM INFORMASI AKADEMIK BERBASIS WEB
DI SMK NEGERI 1 SEMBORO
Marga Hartono, Indah Dwi Mumpuni, Sigit Setyowibowo
Program Studi Manajemen Informatika
STMIK PPKIA Pradnya Paramita Malang
Jl. Laksda Adi Sucipto No-249 A, Malang
e-mail: [email protected]
ABSTRACT
In this globalization era, a information can be spread rapidly, even just in a matter of
second information can be accepted and delivered. A very useful information for all the people,
and valueless moreover, in an institution and company.
Through the information quickly and correctly to facilitate a lot of things wothy to gain
information needed, for example businessman, the shops, enterpreneurs, restaurants, private
education institutions as well as the country. Through the information quickly and correctly,
exchange of information that will further develop and extends it.
Because it, writer takes the theme about the information system based on the WEB.
Academic with the existence of a web information can be packaged with such a way that
information expressed can reach the target. In addition, the web potentially a good alternative and
profitable for any storage medium information to the public at large.
Key words : Academic Information Systems, Website.
belum bisa maksimal. Untuk itu perubahan dan
PENDAHULUAN
SMK
merupakan
NEGERI
sekolah
1
SEMBORO
menengah
kejuruan
berbasis kompetensi yang mencetak siswa
terampil
dan
memudahkan
dalam
penyampaian informasi.
mengiginkan penyampaian informasi yang
NEGERI 1 SEMBORO, sekolah ini dapat
efektif dan tepat sasaran, dengan menggunakan
mempromosikan dirinya kepada masyarakat
website informasi yang disampaikan dengan
luas dan masyarakat pun dengan mudah
efisien
oleh
mengakses dan mengetahui segala sesuatu
masyakat luas, seperti wali murid, sekolah –
mengenai SMK NEGERI 1 SEMBORO
sekolah,
swasta,
dengan cepat tanpa memerlukan waktu yang
universitas dan perusahaan – perusahaan.
banyak. Selain itu penyampain informasi
Namun manajemen didalam sekolah masih
akademik bebasis web pun dapat dipenui,
menggunakan cara manual dan microsoft
Peranan website ini juga tidak terlepas dari
office
penggunaan peralatan yang mampu mengatasi
efektif
instansi
sebagai
dapat
Sekolahan
akan
Dengan adanya website di SMK
pengolahan
kerja.
tersetruktur
ini
dan
siap
penyesuaian pengolahan data yang baik dan
diterima
negeri maupun
media
datanya.
penyimpanan
Dengan
dan
keadaan
manajemen sekarang ini untuk menyampaikan
kelemahan-kelemahan
yang
mengandalkan
tenaga manusia.
informasi yang efisien dan tepat sasaran masih
Jurnal Dinamika DotCom Vol. 5 No. 1
52
Berdasarkan
uraian
sebelumnya
Metode Penelitian
dengan melihat kondisi manajemen sekolah
Metode
“Sistem
pengembangan
maka
penulis
mengambil
judul
pengambilan
aplikasi
data
yang
Informasi Akademik Berbasis Web Di Smk
dalam penelitian ini meliputi :
Negeri 1 Semboro”.
1.
dan
dilakukan
Metode literatur
Dalam metode ini peneliti mengumpulkan
Rumusan Masalah
buku – buku yang berkaitan denggan
Berdasarkan latar belakang yang telah
website dan deain sistem sebagai landasan
dijelaskan pada
pembuatan sistem informasi akademik di
sub bab 1.1,
dapat
SMK nnegeri 1 semboro, selain itu
dirumuskan permasalahan sebagai berikut :
peneliti juga menganbil data dari smk
1. Bagaimana membuat sistem informasi
negeri
akademik berbasis Web di SMK
1
semboro
sebagai
bahan
pembuatan desain sistem dan pengolahan
Negeri 1 Semboro?
informasi.
2. Pengolahan data yang manual sehingga
2.
Metode Wawancara
penyedian informasi kurang efektif dan
Pada metode ini peneliti berhadapan
efisen dalam penyampaian informasi
langsung
kepada masyakat luas.
mendapatkan
(
face
to
face
informasi
)
untuk
secara
lesan
dengan tujuan mendapatkan data yang
3. Bagaimana membuat aplikasi web yang
dapat meningkatkan kinerja dalam
dapat
menjelaskan
permasalahan
proses pengolahan data dan penyediaan
penelitian. Wawancara dilakukan pada ibu
Ratri Rahmawati, S.Pd. selaku wakasek
laporan yang dibutuhkan oleh pihak
Kurikulum
sekolah dan masyarakat luas?
3.
Metode Obsevarsi
Selain menggunakan metode literature
Tujuan Penelitian
dan
Tujuan dari penelitian ini adalah :
1.
MySQL.
sistem yang berjalan untuk bahan acuan
cepat, tepat, akurat dan bermutu kepada
instansi
pembuatan sistem.
4.
Memberikan pelayanan informasi yang
organisasi, siswa- siswi,
negeri
juga
metode ini peneliti mengamati jalanya
secara on-line menggunakan
bahasa scripting PHP dan web database
2.
peneliti
menggunakan metode observasi, dalam
Merancang dan membuat sistem informasi
akademik
wawancara
masyarakat,
maupun
swasta,
perusahaan, dan wali murid mengunakan
media website.
Fase Penelusuran Kebutuhan
Pada fase ini peneliti mencoba mencari
tahu beberapa pertanyaan berikut:
apa yang dibutuhkan?
apa tujuan dari aplikasi ini?
apa yang ingin dicapai?
Jurnal Dinamika DotCom Vol. 5 No. 1
53
5.
apakah ada referensi atau contoh?
1. Mempermudah dalam pengolahan data
siapa sasaran penggunaan aplikasi
didalam manajemen sekolah sehingga
ini?
informasi
Fase analisa
untuk pembuatan aplikasi web, peneliti
memustuskan seperti apa aplilkasi yang
bangun,setelah
itu
penambahan
seperti feature yang harus ada dalam
aplikasi komenter, view data siswa, data
adanya
sistem
informasi
akademik berbasis web siswa dapat
mengakses
informasi
–
infomasi
sekolah sehingga siswa lebih efektif
dalam mendapat informasi
–
Setelah menganalisa apa saja yang ada
perkembangan sekolah, perkembnaan
dalam
siswa - siswi yang berprestasi.
aplikasi
database
sistem
peneliti
yang
informamsi
merancang
digunaka,
table
instasi
4. Dengan
terkait
adanya
untuk
sistem
mendapat
informasi
mendesain
akademik ini untuk dunia usaha dapat
interface,aplikasi, struktur dan menetukan
mengetahui kompetensi siswa – siswi
fungsi yang dipakai.
sehingga dunia usaha dapat menyerap
Fase Pengembangan
Pada tahap ini peneliti akan menulis kode
program sesuai yang telah direncanakan
tenaga kerja dari SMK negeri 1
semboro.
perancangan.
Untuk wali murid khususnya dapat
Setelah penulisan kode progam selesai
memantau kegiatan anak – anaknya
dan sesuai fungsi yang diinginkan peneliti
dalam proses belajar mengajar, mulia
akan menguji fungsi - fungsi yang dipakai
dari nilai siswa tiap pelajarannya,
telah berjalan sesuai yang diinginkan.
kehadiran siswa di sekolah.
sebelumnya
8.
2. Dengan
Fase Perancangan
akademik
7.
dapat
3. Memberikan informasi kepada instansi
guru, nilai , jadual pelajaran dan absensi.
6.
bermutu
disampaikan kepada masyarakat umum
Setelah mengetahui apa yang dibutuhkan
akan
yang
pada
fase
Fase installasi
Setalah memastikan aplikasi berjalan
LANDASAN TEORI
dengan baik didalam server maka akan
Konsep Dasar Sistem
lakukan sosialisai masyakat umum dan
Sistem adalah “kumpulan dari elemen
– elemen yang berinteraksi untuk mencapai
dunia maya.
tujuan tertentu” (Jogianto, 2005:1).
Manfaat
Sistem memiliki kareteristik atau sifat
Manfaat penggunaan sistem informasi
– sifat yang tertentu. Sistem kareteristik itu
berbasis
sendiri mempuyai komponen – komponen
web
di
SMK
NEGERI
SEMBORO :
1
yaitu suatu sistem yang terdiri dari sejumlah
Jurnal Dinamika DotCom Vol. 5 No. 1
54
kmponen yang saling berinteraksi, yang artinya
lakukan secara teroganisir, terarah, sehingga
bekerja sama membentuk suatu kesatuan.
data tersebut menjadi output yang benar–benar
memiliki
manfaat,
membutuhkannya
Konsep Dasar Informasi
Jeffrey L. Whitten, Lonnie D. Bentley,
menambah
nilai
atau
pengetahuan
bagi
yang
penerimanya
dan
seseorang
yang
Kevin C. Dittman (2004 : 23) mengatakan,
menggunakan informasi tersebut. Bila output
“Informasi adalah data yang telah diproses atau
tersebut di hubungkan dengan website maka
diatur ulang sehingga menjadi lebih berarti
informasi akademik tersebut berupa data yang
bagi
dari
telah di olah masing–masing sub akademik
kombinasi-kombinasi data yang diharapkan
sebelumnya yang kemudian dipublikasikan
dapat
dengan media website agar dapat dikonsumsi
seseorang.
Informasi
memberikan
arti
tersusun
tertentu
bagi
penerimanya.
Informasi
oleh penggunanya.
dapat
mempertegas
informasi yang telah ada. Ini berguna untuk
Internet
meningkatkan persepsi penerimaannya atau
kebenaran informasi yang telah diterimanya.
Menurut Foni agus setiawan, (2012:
12) bahwa “internet adalah kumpulan dari
Dari definisi tersebut maka pengertian
beberapa komputer, jaringan, geteway yang
informasi adalah merupakan keluaran dari
berkomunikasi satu sama lain. Komunikasi
suatu proses pengolahan data input. Dengan
berlangsung dengan memakai dokumen yang
kata lain data – data yang telah di proses
formatnya
sedimikian rupa sehingga mempunyai nilai
TCP/IP”
sama
yang
disebut
protokol
bagi penggunanya atau pemakainya.
HTTP
“HTTP (Hypertext Transfer Protocol)
Konsep Dasar Sistem Informasi
Sistem informasi suatu sistem di dalam
adalah protokol yang dipergunakan untuk
organisasi
mempertemukan
mentransfer dokumen dalam World Wide Web
transaksi harian,
(WWW). Dan HTTP adalah sebuah protokol
mendukung oprasi, bersifat manajerial dan
yang meminta/menjawab antara client dan
kegiatan srategi dari suatu organisasi dan
server”. Dalam hal ini progam yang digunakan
menyediakan pihak luar tertentu dengan
untuk
laporan – laporan yang diperlukan (Jogianto,
sehingga informasi yang disampaikan bisa
2005 : 36).
dibaca oleh pengguna( Foni agus setiawan,
suatu
yang
kebutuhan pengolahan
menam
pilkan
dokumen
HTML
2012: 14).
Konsep Dasar Sistem Informasi Akademik
Sistem informasi akademik
yaitu
pengaturan dalam pengolahan data yang di
Jurnal Dinamika DotCom Vol. 5 No. 1
55
untuk mengirimkan permintaan keserver ketika
WWW (World Wide Web)
WWW
(World
Wide
Web),
mengunakan
PHP
language
server-side
merupakan kumpulan web server dari seluruh
embedded
dunia yang berfungsi menyediakan data dan
melakukan hal – hal beikut :
informasi untuk dapat digunakan bersama.
1. membaca permintaan dari client
Melalui web, dapat mengakses informasi-
script
sebagai
server
akan
atua
browser
informasi yang tidak hanya berupa teks tetapi
2. mencari halaman/page di server
bias
3. melakukan instruksi yang diberikan oleh
juga
berupa
gambar,
suara,
video
dananimasi.
PHP
untuk
melakukan
modifikasi
halaman/page
4. mengirim kembali halaman tersebut pada
PHP
PHP
adalah
bahasa
pemrograman
yang
client melalui internet atau intranet.
digunakan secara luas untuk penanganan
pembuatan dan pengembangan sebuah Web
Sistem Basis Data
dan bias digunakan pada HTML.
Konsep dasar dari basis data adalah kumpulan
PHP
merupakan singkatan dari “PHP : Hypertext
dari
preprocessor”, dan merupakan bahasa yang
pengetahuan. Sebuah basis data memiliki
disertakan dalam dokumen HTML sekaligus
penjelasan terstruktur dari jenis fakta yang
bekerja disisi server (server – side HTML -
tersimpan di dalamnya: penjelasan ini disebut
embedded – scripting). Artinya sintaks dan
Skema (halaman belum tersedia). Skema
perintah yang diberikan akan sepenuhnya
menggambarkan obyek yang diwakili suatu
dijanlan
basis data, dan hubungan di antara obyek
diserver
tetapi
disertakan
pada
catatan-catatan,
atau
potongan
dari
halaman HTML biasa, sehingga scriptnya tak
tersebut.
tampak disisi client. PHP dirancang untuk
mengorganisasi
dapat berkerja sama dengan database, server
struktur basis data: ini dikenal sebagai Model
dan
sehingga
basis data atau model data. Model yang umum
pembuatan dokumen HTML yang dapat di
digunakan sekarang adalah Model relasional,
akses database secara mudah. Tujuan dari
yang menurut istilah layman mewakili semua
bahasa scripting ini adalah untuk membuat
informasi dalam bentuk tabel-tabel yang saling
aplikasi
yang
berhubungan dimana setiap tabel terdiri dari
dibangun oleh PHP pada umumnya akan
baris dan kolom (definisi yang sebenarnya
memberikan hasil pada web browser, tetapi
menggunakan terminologi matematika). Dalam
prosesnya secara keseluruan di jalankan di
model ini, hubungan antar tabel diwakili denga
server. Pada prinsipnya server akan bekerja
menggunakan nilai yang sama antar tabel.
di
buat
sedemikian
dimana
aplikasi
rupa
tersebut
Ada
banyak
skema,
atau
cara
untuk
memodelkan
apabila ada permintaan dari client. dalam hal
ini client menggunakan kode – kode PHP
Jurnal Dinamika DotCom Vol. 5 No. 1
56
1. Proses daftar : pada proses ini (proses
ANALISIS MASALAH
Setelah melakukan analisis pada sistem
1), calon user mendaftar terlebih
yang ada, di dapat desain sistem baru yang
dahulu un tuk dapat login user di
akan diterakan di dalam manajemen sekolahan
sistem informasi yang tersedia dan
sehingga dapat membantu kinerja manajemen.
digunakan dalam proses selanjutnya.
Gambaran sistem tersebut dapat di jabarkan
2. Proses login (proses 2), didalam ini
sebagai berikut :
akan digunakan untuk validasi data
login userdan admin.
3. Proses pengolahan data (proses 3),
DIAGRAM KONTEKS
setelah admin login kedalam system
Contex Diagram
Diagram Konteks mencakup satu simbol
proses
yang
mewakili
seluruh
informasi, admin akan mengolah data
sistem
yang akan disampaikan ke user.
pengolahan database dengan entitas luar. Pada
Berikut DFD Level1 dari sistem yang
Pembuatan Sistem Informasi ini, diagram
di buat
konteks yang digambarkan dalam sistem ini
terdiri dari 2 entitas luar. Entitas luar yang
Log.valid
user
mempengaruhinya adalah admin, dan user.
Admin
Login Admin
Berikut ini merupakan diagram konteks dari
Pembuatan Sistem Informasi Akademik SMK
Log.valid
Negeri 1 Semboro:
Dt User
Dt user
2
Login
Login User
Dt.admin
Db.admin
Db.siswa
Dt.siswa
Dt.jadwal Pelajaran
ADMIN
SI
SMK NEGERI1
SEMBORO
Login
3
Pengoolahan data
Db.Kelas
validasi
Dt Sisiwa
Login
Dt Guru
Dt Absensi
MEMBER
Daftar
1
Daftar
Info SMK
Db Guru
Dt Nilai Akhir
Db.user
Admin
Dt Guru
Dt Absensi
Dt Nilai Akhir
Db.jadwal
Pelajaran
Db Absensi
Db Nilai
Akhir
Dt.kelas
Dt Mata Pelajaran
Gambar 1. Konteks Diagram
DFD Level 1
Gambar 2. DFD Level 1
DFD Level 2
DFD Level 1 merupakan penjabaran
DFD Level 2 merupakan penjabaran
proses dari diagram konteks yang memuat
lebih lanjut dari DFD Level 1. Pada bagian ini
proses-proses yang ada dalam sistem secara
akan digambarkan DFD level 2 dari beberapa
keseluruhan. Pada level 0 ini dicantumkan
proses yang ada, yaitu :
proses-proses yang ada dalam sistem secara
garis besar dan dicantumkan pula entitas
eksternal yang berhubungan dengan sistem dan
DFD Level 2 Proses Daftar
DFD Level 1 proses daftar (proses 1)
juga data store atau penyimpan data.
adalah proses pendaftaran calon User. Proses
Dalam sistem ini terdapat 3 proses utama, yaitu
tersebut digambarkan pada Gambar 3 berikut:
:
Jurnal Dinamika DotCom Vol. 5 No. 1
57
login untuk mengolah data – data yang ada di
1.2
Konfirmasi
Data
Dt.Login User
USER
Dt.User
dalam sistem informasi akademik.
DFD Level 2 Proses Pengolahan Data
1.1
Input data
Dt.User
Dt.User
Db.user
Dari DFD level 1(proses 3) pengolahan data
dapat di jabarkan di DFD level 2 pengolahan
Gambar 3. DFD Level 2 Proses Daftar
Pada Proses daftar ini calon user harus
melakukan
pendaftaran
sebagai
data sebagai berikut,
User
3.3
Info terbaru
Data terbaru
angoota
Dt.nilai
terlebih dahulu. User memasukkan data-data
Db Nilai
Akhir
admin
Db.jadual
Pelajaran
Dt.jadwal
Db Absensi
Dt.absensi
data login anggota yang kemudian disimpan
Dt.absen
Dt. Absen terbaru
Dt.kelas
Dt. kelas terbaru
Dt.guru
Db.Kelas
Dt.Siswa
Dt.Jadwal
Dt.absensi
Dt.kelas
Dt.guru
Dt.nilai
pada data store user.
Dt.jadual
Dt. Jadual terbaru
Dt.nilai
user sehingga didapatkan data anggota dan
3.2
Edit & delete
data
Dt. Nilai terbaru
Dt. guru terbaru
Dt.kelas
Db Guru
Dt.guru
Dt. siswa terbaru
Dt.siswa
Db.siswa
3.1
Input data
Dt.siswa
DFD Level 2 Proses Login
Dari DFD Level 1 (proses 2) proses login
Gambar 5. DFD level 2 Pengolahan Data
dapat di jabarkan ke dfd level 2 sebagai
berikut,
Dari dfd di atas dapat di jelaskan pengolahan
di lakukan admin setelah melakukan login,
Db.admin
admin akan mengentri data siswa, data jadwal,
Dt.log ADMIN
Admin
Data user valid
Login Admin
Login User
data absensi, data kelas, data guru, data nilai
Log.Admin
2.1
LOGIN
2.3
VALIDASI
Log.user LOGIN
User
SISTEM
INFORMASI
AKADEMIK
Data admin valid
Dt.log User
Db.User
yang akan di inputkan ke dalam data store
masing – masing, setelah data – data ter baru di
entrikan ke dalam data store admin akan
mengedit data yang lama dan yang baru,
Gambar 4. DFD Proses Login
kemudian data – data yang lama yang tidak
diperlukan akan di delete dan di ganti dengan
Dalam proses ini terdapat 2 entitas yang akan
data – data yang terbaru yang sudah di entrikan
merlakukan login yaitu user dan admin, dari
ke dalam data store, setelah data – data dalam
proses pertama user melakukan login dengan
data store sudah terupdate admin akan
daftar loginnya, kemudian data user akan di
memosting informasi akademik ke menu user.
cek dalam db.user untuk validasi data, setelah
data tersebut tervalidasi user dapat masuk ke
DFD Level 2 Proses Data Admin
system informasi akademik. Entitas yang ke 2
Dalam level ini di gambarkan admin mengolah
yaitu admin, disini admin melakukan login
data admin, sebagai berikut
sama seperti user, hanya perbedaannya admin
Jurnal Dinamika DotCom Vol. 5 No. 1
58
Dt.nilai
Validasi login
[log admin]
[Dt.Siswa]
[Dt.Jadwal]
[Dt.absensi]
[Dt.kelas]
[Dt.guru]
[Dt.nilai]
admin
Dt.Siswa
3.2.1
Edit &delete data
akademik
Dt.nilai
Input data
admin
Dt.admin
Dt.jadual
Dt.admin
Dt.absensi
Dt.Jadwal
3.2.2
Smpan data
Dt.absensi
Dt.kelas
Dt.guru
Db
Db Nilai
Nilai
Akhir
Akhir
Db.jadual
Db.jadual
Pelajaran
Pelajaran
Db
DbAbsensi
Absensi
Dt.nilai
Dt.jadual
Dt.absensi
Dt.kelas
Dt.guru
Dt.siswa
Dt.kelas
Db.Kelas
Db.Kelas
Dt.guru
Dt.siswa
Db
DbGuru
Guru
Db.siswa
Db.siswa
admin
Dt.admin
Db.admin
Db.admin
Gambar 8 Dfd Level 3 Edit Dan Delete
Gambar 6 Proses Data Admin
Data Akademik
Dari proses dapat di jelaskan Setelah admin
Dari DFD level 3 di atas dapat di jelaskan
mendapatkan
admin
bahwa admin mengolaha data – data yang
terbaruuntuk
sudah ada didalam data store. Admin akan
menginputkan
validasi
data
–
login,
data
data
menghapus data – data yang sudah tidak pakai
tersebut di olah dan di simpan kembali ke
dan menggantinya dngan data – data yang
db.admin.
baru, setelah itu admin akan mengedit data –
disimpan
ked
db.admin.
Kemudian
data tersebut untuk di simpan kembali ke data
store.
DFD Level 2 Data User
Berikut adalah dfd level 2 data user,
DFD level 3 input data akademik
Dari dfd level 2 pengolahan data (proses
Validasi login
[log user]
3.1) telah di gambarkan proses input data dan
user
Dt.user
Input data
user
Dt.user
berikut adalah DFD level 3 input data
akademik,
Dt.user
Db.user
Dt.nilai
Gambar 7. Proses Data User
Dalam proses di atas user sudah mendapat
validasi login dan user masuk kedalam menu
[Dt.nilai ]
admin
[Dt.Siswa]
[Dt.Jadwal]
[Dt.absensi]
[Dt.kelas]
[Dt.guru]
[Dt.nilai]
Dt.jadual
[Dt.Siswa ]
[Dt.Jadwal ]
3.1.1
Input data
[Dt.absensi ]
[Dt.kelas ]
Db Nilai
Akhir
Db.jadual
Pelajaran
Dt.absensi Db Absensi
3.1.2
simpan
Dt.kelas
a
[Dt.guru ]
Dt.guru
Dt.Siswa
user untuk update data user,
Db Guru
Db.siswa
Gambar 9. DFD level 3 input data akademik
DFD Level 3 Edit dan Delete Preses
Pengolahan Data
Dari dfd di atas dapat di jelaskan proses
Di dalam DFD level 2 (proses 3.2) telah
pinyimpanan data yang telah di entrikan ke
di gambarkan proses edit dan delete data, dan
data store. Admin akan mengentrikan semua
berikut adalah dfd level 3 penjabaran dari
data akedmik terbaru ke dalam data store untuk
proses tersebut,
untuk di proses kembali.
Jurnal Dinamika DotCom Vol. 5 No. 1
59
ERD
Dari desain sistem diatas didapat desain tabel
dan relasi antar tabelnya sebagai berikut :
siswa
nilai
nis
nilai
ul1
ul2
ul3
ul4
ul5
ul6
ul7
UT S
UAS
nis
nama
tmp_lahir
tgl_lahir
jkel
agama
n_ortu
pekerjaan_ortu
alamat
kelas
Relationship_1
I
VA20
I
I
I
I
I
I
I
I
I
absensi_siswa
I
VA30
VA30
D
VA10
VA20
VA30
VA30
VA40
VA5
kelas
nis
nama_sis
tanggal
alpa
sakit
izin
Relationship_2
Relationship_3
kelas
Relationship_5
nama
VA30
kls
VA5
jur
VA10
nama_guru VA20
hnilai
Relationship_4
id_kelas I
semester I
kd_pel
I
Relationship_6
guru
pelajaran
nam_pel
nip
nama
tmp_lahir
tgl_lahir
status_guru
agama
j_kel_guru
alamat_guru
pendidikan_guru
tgl_kerja_guru
jabatan_guru
m_pel_guru
wali_kls
VA50
jadual
Relationship_7
jam
jam_mulai
jam_akhir
VA5
I
VA30
D
VA15
VA15
VA15
hari
kelas
kd_jam
kd_ruangan
kd_guru
kd_pel
VA10
VA5
VA3
VA11
I
I
Relationship_8
Relationship_9
VA10
VA10
I
VA30
VA30
D
VA10
VA20
VA10
VA30
VA20
D
VA20
VA50
VA30
Gambar 11. Halaman Utama
user
id_user
username
password
nama
email
status
tmp_lahir
tgl_lahir
alamat
level
ststus
I
VA15
T XT
VA30
T XT
VA15
VA30
D
VA40
VA10
VA10
buku_tamu
no
nama
kls
jur
nama_guru
I
VA30
VA5
VA10
VA20
Halaman Utama Menu Sistem Informasi
Akademik (SIA) Login
Sebelum memasuki halaman sistem
informasi anggota harus login terlebih dahulu,
Gambar 10. ERD
tapi jika user belum memiliki keanggotaan user
tidak bisa login ke SIA SMKN 1 Semboro,
PEMBAHASAN
Dari desain sistem yang telah dibuat
User harus mendaftar atau Mengklik Link
dapat di implemantasikan kedalam progam
REGISTER
terlebih dahulu Untuk bisa
sehingga diperoleh hasil sebagai berikut,
mengakses Sistem Informasi Akademik.
HALAMAN UTAMA (HOME)
Pada tampilan ini terdapat menu home
yang merupakan tampilan awal dari WEBSITE
Sistem Informasi Akadmik SMK Negeri 1
Semboro,
menjelaskan
terdapat
tentang
menu
SMK
profil
yang
NEGERI
1
SEMBORO, direktori merupakan menu info
guru, pegawai dan siswa, dan menu – menu
Gambar 12. Menu Login Anggota
lainnya yang akan di bahas di sub menu
selanjutnya, Halaman ini dapat ditunjukkan
pada gambar berikut,
Halaman Login Admin
Dalam
WEBSITE
ini
ada
yang
mengelola yaitu dengan user admin, admin
disini yang mengelola semua data – data yang
akan dipublikasikan di
web. Admin disini
sebagai level tertinggi. Tampilan login admin
dapat dilihat pada gambar 12.
Jurnal Dinamika DotCom Vol. 5 No. 1
60
Gambar 13. Login Admin
Gambar 15. Halaman Verifikasi User dan Login
User
Menu Admin Data Absensi
Didalam data absensi terdapat view
edit, delete dan entri data absensi, admin
Menu Admin Data guru
bertugas untuk mengentri data siswa yang
Gambar 16 merupakan view dari data
tidak masuk dalam proses belajar mengajar,
guru secara keseluruan, kemudian icon pesnsil
yang kemudian dapat ditampilkan di view
dan silang di tabel paling kanan berfungsi
absensi. Debgan demikian user dapat melihat
sebagai edit data guru dan hapus data guru.
siapa saja yang tidak mengikuti proses belajar
Jika icon pensil atau edit terklick akan di
mengajar. Tampilan menu data ini dapat
alihkan
diliihat pada gambar 14.
guru.tampilan menu dapat dilihat pada gambar
ke
form
atau
menu
edit
data
16
Gambar 14. Data Absensi
Halaman Verivikasi User
Gambar 16. Admin Data Guru
Menu admin Entri Data Siswa
Setelah melakukan pendaftran dan di
Menu ini digunakan untuk entri data
terima, sistem akan membawa user ke halaman
siswa – siswi SMK Negeri 1 semboro dan
verifikasi user gambar 15 setelah itu user
untuk tampilannya dapat digambarkan pada
melakukan login seperti gambar 15 untuk
gambar 17.
masuk ke halaman anggota.
Jurnal Dinamika DotCom Vol. 5 No. 1
61
Halaman Menu Data Nilai
Gambar 20 merupakan form view data nilai
ketika kelas kita pilih, kemudian tetukan
semester, matapelajaran dan tekan tombol cari
maka akan keluar data view
berdasrkan kelas, semester , dan pelajaran.jika
tekan semua, akan muncul semua data nilai.
Tampilan dari menu data nilai dapat dilihat
Gambar 17. Entri Data Siswa
pada gambar 20
Menu Admin Data Jadwal
Menu ini berisikan view dari jadual
pelajaran siswa, yang dapat access melalui
icon jadual pelajaran. Tampilan dari menu ini
dapat dilihat pada gambar 18.
Gambar 20. Data Nilai
Halaman Menu Entri Data Nilai
Dalam menu entri data nilai admin
mengentrikan nilai berdasar nilai yang telah
diperoleh
Gambar 18. Menu Data Jadwal
siswa,
berdasarkan
kelas
kemudian
dan
mata
disimpan
pelajaran.
Tampilan mennu ini dapat dilihat pada gambar
Halaman Menu Entri Jadual
21
Dalam menu ini admin mengentrikan
data jadwal pelajaran siswa untuk disimpan
didalam database untuk ditampilkan diview
jadual.
Gambar 21. Entri Data Nilai
Gambar 19. Enri Data Jadual
Jurnal Dinamika DotCom Vol. 5 No. 1
62
PENUTUP
Kesimpulan
Kesimpulan
dari
keseluruhan
perancangan dan pembuatan Sistem Informasi
Akademik Berbasis Web di SMK NEGERI 1
Semboro adalah :
1. Proses
pengolahan
dan
penyampaian
informasi menjadi lebih cepat dan mudah.
2. Mamperkecil kesalahan dalam pengolahan
data.
Jogiyanto, 1999. Sistem Informasi
Berbasis Komputer. Jakarta : PT.
Ardana media
Leman. 1998. Metodelogi Pengembangan
Sistem Informasi. PT Elex Media
Komputindo, Jakarta.
Riyanto, 2011. Sistem Informasi Penjualan
Dengan PHP dan MySQL, Gava
Media, Yogyakarta.
Sunarfrihantono. 2002. PHP dan MySQL
untuk Web. Andi Offset, Yogyakarta
Whitten, Bentley, Ditmen, 2004. Desain
Dan Analisa Sistem. Jakarta : PT
Ardana Arkola
Saran
Saran untuk peneliti berikutnya:
1. Penambahan fasilitas pengolahan kenaikan
kelas
dan perpindahan siswa berdasar
jurusan.
2. Perlunya
keamanan
sistem
dalam
penyimpanan data.
Saran untuk SMK Negeri 1 Semboro:
1. Data yang di tampilkan tidak hanya pada
kelas XI dan XII namun keseluruan data
siswa kelas X, XI dan XII dapat di
tampilkan di dalam sistem informasi ini.
2. Sistem informasi akademik berbasis web
dapat
dikembangkan
dengan
fasilitas
pendaftaran siswa baru online, menu materi
– materi pelajaran (upload dan download)
dan menu alumni.
DAFTAR PUSTAKA
Foni agus setiawan, 2012. Pemrograman
Internet. Graha Ilmu, Yogyakarta.
HM, Jogiyanto, 2005. Analisis dan desain
sisteminformasi. Yogyakarta : andi
Offset
Jurnal Dinamika DotCom Vol. 5 No. 1
63