PERANCANGAN SISTEM INFORMASI AKADEMIK
BERBASIS WEB PADA SMA NEGERI 37
JAKARTA
JURNAL
Diajukan untuk memenuhi salah satu syarat kelulusan Strata Satu (S1)
Rizky Wilarto
11161100
Program Studi Sistem Informasi
STMIK Nusa Mandiri Jakarta
Jakarta
2017
2
DAFTAR ISI
ABSTRAKSI INDONESIA .................................................................................. 3
ABSTRAKSI INGGRIS ......................................................................................... 4
PERSETUJUAN DAN PENGESAHAN SKRIPSI ................................................. 5
KARTU BIMBINGAN ............................................................................................ 6
JURNAL ................... .............................................................................................. 8
3
ABSTRAK
Rizky Wilarto (11161100), Perancagan Sistem Informasi Akademik Berbasis Web Pada
SMA Negeri 37 Jakarta
SMA Negeri 37 Jakarta merupakan sekolah yang memiliki misi yaitu melahirkan peserta didik
berprestasi di bidang akademik maupun non akademik berdasarkan iman dan taqwa. Sekolah ini
pengolahan data dan nilai siswa masih dilakukan secara konvensional, belum ada sistem
komputerisasi yang terintegrasi khusus untuk pengelolahan data dan data nilai siswa. Sehingga
pada saat proses menginput, pemrosessan datanya masih lambat dan tidak efisiensi waktu didalam
proses mencari data, serta keamanan datanya dinilai masih lemah karena masih menggunakan
lembaran kertas dan arsip sehingga dapat menyebabkan data-data yang ada mudah hilang ataupun
rusak. Perancangan sistem informasi akademik berbasis web pada SMA Negeri 37 Jakarta ini
merupakan sistem yang bertujuan memberikan kemudahan bagi sekolah untuk pengolahan data-
datanya. Dan juga menghasilkan informasi seputar akademik kepada guru, siswa, dan juga orang
tua siswa secara online dengan berbasiskan web. Pada sistem ini, terdiri oleh beberapa user yaitu
siswa, guru, orang tua dan admin. Dalam penelitian ini juga akan dibahas mengenai perancangan
sistem informasi, Sehingga diharapakan dapat diimplementasikan dalam sebuah produk yang akan
memperbaiki segala kekurangan yang ada pada sistem lama. Perancangan sistem informasi
akademik pada SMA Negeri 37 jakarta dirancang dengan menggunakan bahasa pemograman PHP
dan pengolahan basis data menggunakan MySQL. Sedangkan untuk mendesain tampilan halaman
atau user interface webnya agar lebih menarik penulis menggunakan Adobe Dreamwaver CS 6,
Adode Photoshop CS6 dan Wow Slider.
Kata Kunci : Sistem, Informasi , Akademik
4
ABSTRACT
Rizky Wilarto (11161100), Design of Web-Based Academic Information System At SMA Negeri
37 Jakarta
SMA 37 Jakarta is a school that has a mission that is giving birth students in academic and non
academic achievement based on faith and taqwa. This school is processing data and student values
are still done conventionally, there is no computerized system that is integrated specifically for
pengelolahan data and student value data. So when the process of input, pemrosessan data is still
slow and not efficient time in the process of finding data, and data security is still considered weak
because it still uses sheets of paper and archives so that it can cause data that is easily lost or
damaged. The design of web-based academic information system at SMA 37 Jakarta is a system
that aims to provide convenience for schools for data processing. And also generate information
about academic to teachers, students, and also parents of students online with web-based. In this
system, consists of several users ie students, teachers, parents and admin. In this study will also
be discussed about the design of information systems, so it is expected to be implemented in a
product that will fix any shortcomings that exist in the old system. The design of academic
information system at SMA Negeri 37 jakarta is designed by using PHP programming language
and database processing using MySQL. As for designing page Views or web user interface to be
more interesting authors using Adobe Dreamwaver CS 6, Adode Photoshop CS6 and Wow Slider
Key Words: Academic, Information, System
8
PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB
PADA SMA NEGERI 37 JAKARTA
Rizky Wilarto, Laila Septiana, Irawan Satriadi
Program Studi Sistem Informasi STMIK Nusa Mandiri Jakarta
Jalan Kramat Raya No.18, RT. 01/RW. 07, Kwitang, Senen, Kota Jakarta Pusat, DKI Jakarta 10420
Email: [email protected]
Abstrak
SMA Negeri 37 Jakarta merupakan sekolah yang memiliki misi yaitu melahirkan peserta didik berprestasi di
bidang akademik maupun non akademik berdasarkan iman dan taqwa. Sekolah ini pengolahan data dan nilai
siswa masih dilakukan secara konvensional, belum ada sistem komputerisasi yang terintegrasi khusus untuk
pengelolahan data dan data nilai siswa. Sehingga pada saat proses menginput, pemrosessan datanya masih
lambat dan tidak efisiensi waktu didalam proses mencari data, serta keamanan datanya dinilai masih lemah
karena masih menggunakan lembaran kertas dan arsip sehingga dapat menyebabkan data-data yang ada mudah
hilang ataupun rusak. Perancangan sistem informasi akademik berbasis web pada SMA Negeri 37 Jakarta ini
merupakan sistem yang bertujuan memberikan kemudahan bagi sekolah untuk pengolahan data-datanya. Dan
juga menghasilkan informasi seputar akademik kepada guru, siswa, dan juga orang tua siswa secara online
dengan berbasiskan web. Pada sistem ini, terdiri oleh beberapa user yaitu siswa, guru, orang tua dan admin.
Dalam penelitian ini juga akan dibahas mengenai perancangan sistem informasi, Sehingga diharapakan dapat
diimplementasikan dalam sebuah produk yang akan memperbaiki segala kekurangan yang ada pada sistem lama.
Abstract
Design of Web-based Academic Information System. SMA 37 Jakarta is a school that has a mission that is
giving birth students in academic and non academic achievement based on faith and taqwa. This school is
processing data and student values are still done conventionally, there is no computerized system that is
integrated specifically for pengelolahan data and student value data. So when the process of input, pemrosessan
data is still slow and not efficient time in the process of finding data, and data security is still considered weak
because it still uses sheets of paper and archives so that it can cause data that is easily lost or damaged. The
design of web-based academic information system at SMA 37 Jakarta is a system that aims to provide
convenience for schools for data processing. And also generate information about academic to teachers,
students, and also parents of students online with web-based. In this system, consists of several users ie students,
teachers, parents and admin. In this study will also be discussed about the design of information systems, so it is
expected to be implemented in a product that will fix any shortcomings that exist in the old system.
Keywords: Academic, Information, System
9
1. Pendahuluan
Perkembangan teknologi telah banyak
mempengaruhi kinerja manusia saat ini, mulai dari
memudahkan pekerjaan, mengatasi masalah, dan
menyelesaikannya. Salah satu teknologi yang
membantu memudahkan manusia dalam
melaksanakan pekerjaan adalah teknologi web.
Web digunakan sebagai suatu fasilitas penyedia
layanan (dalam bentuk informasi) yang akurat,
tepat dan relevan.
SMA Negeri 37 Jakarta adalah sekolah yang
beralamat Jl. H No.40 Kebon Baru, Kota Jakarta
Selatan Tebet, 12830. Permasalahan yang ada pada
sekolah ini adalah belum adanya sistem
komputerisasi yang terintegrasi khusus untuk
pengelolahan data dan data nilai siswa. Sehingga
pada saat proses menginput, pemrosesan datanya
masih lambat dan tidak efisiensi waktu didalam
proses mencari data serta keamanan datanya juga
dinilai masih lemah.
Menurut Wiyono dan Wardati (2014:17)
“Pengolahan data nilai siswa pada SMP Negeri III
Tegalombo masih di lakukan secara konvensional
yaitu dicatat pada buku induk nilai siswa hal
tersebut bisa saja mengakibatkan data hilang
karena data masih dalam bentuk lembaran-
lembaran. Selain itu proses pencarian data nilai
siswa membutuhkan waktu yang lama karena harus
mencari dan membuka berkas-berkas yang dahulu
Dengan adanya beberapa permasalahan yang telah
disebutkan maka, proses pengolahan data nilai
siswa di SMP Negeri III Tegalombo yang selama
ini dilakukan secara konvensional dirasa perlu
untuk diubah. Oleh sebab itu, penulis berupaya
merancang dan membangun sistem informasi
Akademik pada SMP Negeri III Tegalombo yang
kedepannya dapat di implementasi kan ke sebuah
sistem infomasi.”
Permasalahan yang teridentifikasi pada SMA
Negeri 37 Jakarta adalah sebagai berikut:
a. Proses penginputan dan pemrosesan data dan
data nilai siswa masih lambat dan belum adanya
fasilitas pelayanan untuk siswa dan wali murid
untuk melihat data hasil pencapaian belajar
siswa.
b. Media penyimpanan data yang belum berupa
database sehingga memperlambat proses
pencarian data-data yang berkaitan dengan
kegiatan akademik.
c. Belum adanya sistem informasi yang dapat
mengelola data dengan sistem yang terintegrasi
agar data yang dikelola aman dan untuk
mencegah terjadinya kehilangan data.
Proses pengolahan data dan data nilai yang masih
mengimplementasikan sistem lama. Dalam
pelaksanaannya, ditemukan adanya kendala pada
kegiatan tersebut. Oleh sebab itu, penulis merasa
perlunya penerapan teknologi web pada sekolah ini
2. Metode Penelitian
2.1. Teknik Pengumpulan Data
A. Observasi
Untuk dapat mengumpulkan data dan dapat melihat
secara langsung proses yang sedang berjalan.
Maka, penulis melakukan pengamatan secara
langsung dengan mendatangi sekolah SMA Negeri
37 Jakarta.
B. Wawancara
Dalam penulisan Skrispi ini, untuk mendapatkan
informasi secara lengkap dan jelas maka penulis
melakukan suatu metode tanya jawab dengan
bagian Tata Usaha yaitu dengan KASUBBAG Tata
Usaha, Bapak S. Ahyar Muis, Sos dan juga Staff
TU Bapak Abdul Rahman, SE mengenai semua
kegiatan yang berhubungan sistem pengolahan
datanya.
C. Studi Pustaka
Selain melakukan kegiatan diatas penulis juga
melakukan studi perpustakaan yaitu dengan
membaca buku-buku yang berhubungan dengan
penulisan ini serta sumber yang ada kaitannya
dengan masalah yang akan dibahas.
2.2. Model Pengembangan Sistem
Dalam mengembangkan System Development Life
Cycle (SDLC) yang merupakan metodelogi umum
dalam pengembangan sistem yang menandai
keajuan dan usaha analisa dan desain. SDLC yang
sering juga disebut sebagai pendekatan air terjun
(waterfall) yaitu penggunaan sistem yang memiliki
tahapan sebagai berikut:
A. Analisa Kebutuhan Software
Penulis menganalisa dan mengumpulkan informasi
apa saja yang dibutuhkan secara intensif agar dapat
10
menentukan sistem pengolahan data dan data nilai
siswa yang diperlukan untuk membangun sistem
akademik berbasis web pada SMA Negeri 37
Jakarta.
B. Desain
Pada tahap ini penulis melakukan perancangan
sistem informasi menggunakan pemodelan UML
(Unified Modeling Language), bahasa pemograman
PHP dan MySQL sebagai databasenya, serta web
server yang diinstal pada laptop (localhost).
C. Code Generation
Penulis mengaplikasikan sejumlah kode program
dari hasil analisa sistem berjalan pada sekolah yang
telah diteliti sebelumnya kedalam program
terstruktur menggunakan tools PHP.
D. Testing
Pada tahap ini penulis melakukan ujicoba hanya
menggunakan metode blackbox testing. Metode
ujicoba blackbox memfokuskan pada keperluan
fungsional dari software. Ujicoba blackbox
berusaha untuk menemukan kesalahan dalam
fungsi-fungsi yang salah atau hilang, interface,
struktur data atau akses database eksternal,
performa, inisialisasi dan terminasi.
E. Support
Pengembangan sistem yang dibuat dalam
mengantisipasi perkembangan maupun perubahan
sistem operasi yaitu Windows Xp atau sesudahnya,
untuk hardware minimal processor Core 2 Duo, 2,4
Ghz, RAM 1GB. Sedangkan untuk browser yang
disarankan oleh penulis adalah Google Chrome,
Mozilla Firefox, dan juga Internet Explorer.
3. Hasil Dan Pembahasan
3.1. Analisa Kebutuhan Software
A. Tahapan Analisis
Sistem informasi akademik berbasis web ini
melibatkan beberapa user yaitu Admin, Siswa,
Guru dan juga Orang Tua Siswa. Berikut
spesifikasi kebutuhan (system requirement) dari
sistem informasi akademik:
1. Halaman Admin
A.1. Admin dapat melakukan Login
A.2. Admin dapat mengelola Data Master yaitu:
A.3. Mengelola Data Siswa
A.4. Mengelola Data Guru
A.5. Mengelola Data Mata Pelajaran
A.6. Mengelola Data Kelas
A.7. Mengelola Data Wali murid
A.8. Admin dapat mengelola Data Akademik
yaitu:
A.9. Mengelola Data Jadwal Pelajaran
A.10. View Data Nilai
A.11. View Data Rekap Absen
A.12. Admin dapat mengelola Pengaturan Akun
A.13. Tambah Administrator
A.14. Ganti Katasandi
A.15. Admin dapat Mengatur Website, yaitu:
A.16. Mengelola Menu Home
A.17. Mengelola Menu Ekstrakulikuler
A.18. Mengelola Menu Pengumuman
A.19. Mengelola Menu Sarpras
2. Halaman Siswa
B.1. Siswa dapat melakukan Login
B.2. Siswa dapat melihat Info Sekolah, yaitu:
B.3. View Info Jadwal Pelajaran
B.4. View Info Kelas
B.5. Download Materi
B.6. Siswa dapat melihat Data Nilai, yaitu:
B.7. View Nilai Tugas
B.8. View Nilai Ulangan Harian
B.9. View Nilai UTS
B.10. View Nilai UAS
B.11. View Nilai Akhir
B.12. Siswa dapat melakukan Pengaturan Akun
B.13. View Profil Saya
B.14. Ubah Katasandi
3. Halaman Guru
C.1. Guru dapat melakukan Login
C.2. Guru dapat Mengelola Data akademik
C.3. Lihat Jadwal
C.4. Upload Materi
C.5. Guru dapat menginput absen siswa
C.6. Guru dapat melihat rekap absen siswa
C.7. Guru dapat mengelola data nilai siswa
C.8. Input Data Nilai
C.9. Lihat Data Nilai
C.10. Guru dapat melakukan Pengaturan Akun
C.11. View Profil Saya
C.12. Ubah katasandi
4. Halaman Orang Tua
D.1. Orang Tua dapat melakukan Login
D.2. Orang Tua dapat melihat Info Sekolah
D.3. View Info Jadwal Pelajaran
D.4. View Info kelas
D.5. Orang Tua dapat melihat data nilai siswa
D.6. View Nilai Tugas
D.7. View Nilai Ulangan Harian
D.8. View Nilai UTS
D.9. View Nilai UAS
D.10.View Nilai Akhir
D.11. Orang Tua dapat melakukan Pengaturan
D.12. View Profil Wali Murid
D.13. View Profil Siswa
D.14. Ubah Katasandi
5. Halaman Pengunjung
E.1. Melihat Menu Home
E.2. Melihat Menu Profil
E.3. Melihat Menu Eskul
E.4. Melihat Menu Umum
E.5. Melihat Menu Sarpras
11
B. Use Case Diagram
Gambar 1 Use Case Diagram Halaman Admin
Tabel 1 Deskripsi Use Case Diagram Sistem
Informasi Akademik Halaman Admin
Use Case Name Halaman Admin
Requirements A1-A19
Goal Admin Dapat mengelola
data akademik dan dapat
mengelola website.
Pre – Condition Admin Belum Melakukan
Login
Post – Codition Admin Telah memasuki
halaman admin
Failed end
Condition
Admin gagal Login
dikarenakan username atau
password salah
Primary Actors Admin
Main Flow / Basic
Path
Admin dapat mengelola
data master yaitu: data
siswa, data guru, Data
mata pelajaran, Data kelas,
dan data wali murid.
Admin dapat mengelola
data Akademik, yaitu: Data
Jadwal Pelajaran, Data
Nilai, Data Rekap Absen.
Admin dapat mengelola
pengaturan akun yaitu:
Tambah Administrator dan
ganti katasandi.
Admin dapat mengelola
menu-menu yang ada di
website. Yaitu menu:
Home,Ekstrakuliker, Menu
Pengumuman, dan menu
Sarpras
Invariant -
Gambar 2 Use Case Diagram Halaman Siswa
Tabel 2 Deksripsi Use Case Diagram Halaman
Siswa
Use Case Name Halaman Siswa
Requirements B1-B14
Goal Siswa dapat melihat
informasi data akademik
sekolah
Pre-Condition Siswa belum melakukan
Login
Post-Condition Jika Siswa berhasil
melakukan Login maka akan
masuk ke halaman siswa
Failed End
Condition
Gagal melakukan Login.
Kemungkinan siswa salah
memasukan username atau
password pada halaman
Login
Primary Actors Siswa
Main Flow /
Basic Path
1. Siswa Login ke sistem
2. Siswa dapat view info
jadwal pelajaran
3. Siswa dapat View info
kelas
4. Siswa dapat
mendownload materi
5. Siswa dapat view nilai
tugas
6. Siswa dapat view nilai
Uh
7. Siswa dapat view nilai
UTS
8. Siswa dapat view nilai
12
UAS
9. Siswa dapat view nilai
akhir
Invariant -
Gambar 3 Use Case Diagram Halaman Guru
Tabel 3 Deksripsi Use Case Diagram Halaman Guru
Use Case Name Halaman Guru
Requirements C1-C12
Goal Guru bisa Login ke
halaman guru
Pre-Condition Guru belum
melakukan Login
Post-Condition Jika guru berhasil
melakukan Login
maka akan masuk ke
halaman guru
Failed End
Condition
Gagal melakukan
Login. Kemungkinan
guru salah
memasukan username
atau password pada
halaman Login
Primary Actors Guru
Main Flow / Basic
Path
1. Guru Login ke
Sistem
2. Guru telah Login
ke ruang guru
3. Guru dapat lihat
jadwal mengajar
4. Guru dapat upload
materi
5. Guru dapat input
absensi siswa
6. Guru dapat input
nilai siswa
7. Guru dapat lihat
nilai siswa
Invariant -
Gambar 4 Use Case Diagram Halaman Orang Tua
Tabel 4 Deksripsi Use Case Diagram Orang Tua
Use Case Name Halaman Orang Tua
Requirements D1 – D14
Goal Orang Tua bisa Login
ke halaman orang tua
Pre-Condition Orang tua belum
melakukan Login
Post-Condition Jika orang tua berhasil
melakukan Login maka
akan masuk ke halaman
orang tua
Failed End Condition Gagal melakukan
Login. Kemungkinan
orang tua salah
memasukan username
atau password pada
halaman Login
Primay Actors Orang Tua
Main Flow / Basic
Path
1. Orang tua bisa
Login ke
sistem
2. Orang tua bisa
Login ke
halaman orang
tua
3. Orang tua view
info sekolah
4. Orang tua view
13
nilai siswa
Invariant -
Gambar 5 Use Case Diagram Halaman Pengunjung
Tabel 5 Deksripsi Use Case Diagram Halaman
Pengunjung
Use Case Name Use Case Halaman
Pengunjung
Requirement E1
Goal Pengunjung bisa
Melihat Menu
Home
Pre Conditions Pengunjung telah
membuka Website
Post Conditions Jika Pengunjung
berhasil membuka
website maka akan
masuk ke halaman
home website
Failed Conditions Gagal membuka
website.
Kemungkinan
Pengunjung salah
membuka alamat
website
Primary Actors Pengunjung
Main Flow / Basic
Path
Pengunjung dapat
melihat menu
Home
Alternate Flow /
Invariant E
-
C. Activity Diagram
Gambar 6 Acitvity Diagram Halaman Admin
Gambar 7 Activity Diagram Halaman Siswa
Gambar 8 Activity Diagram Halaman Siswa
14
D. Entity Relationship Diagram
Gambar 9 Entity Relationship Diagram (ERD)
E. Logical Record Structure
Gambar 10 Logical Record Structure (LRS)
3.2. User Interface
Rancangan layar atau User interface merupakan
salah komponen darisistem yang dirancang
berfungsi sebagai saran komunikasi antara User
dan program sistem yang nantinya akan digunakan.
Gambar 11 User Interface Halaman Home Website
Gambar 12 User Interface Halaman Home Admin
Gambar 13 User Interface Halaman Admin Mengelola
Data Siswa
Gambar 14 User Interface Halaman Home Guru
Gambar 15 User Interface Guru Input Absen
Gambar 16 User Interface Guru Input Nilai
Gambar 17 User Interface Halaman Home Siswa
Gambar 18 User Interface Lihat Nilai Siswa
Gambar 19 User Interface Halaman Home Orang Tua
15
Gambar 20 User Interface Orang Tua Melihat Nilai
4. Kesimpulan
Dengan menggunakan sistem informasi
akademik berbasis web, masalah yang ada
pada sekolah ini dapat terpecahkan, yaitu
seperti proses penginputan dan pemrosessan
data nilai siswa menjadi lebih cepat dan
efektif. Serta dikarenakan program yang
penulis buat berbasiskan web, maka guru
dapat melakukan input data nilai dimanapun
tidak harus disekolah dan juga kapanpun.
Siswa dan Orang Tua siswa pun juga
dimudahkan dengan disediakannnya fasilitas
untuk melihat nilai siswa, sehingga mereka
dapat melihat nilai hanya dengan membuka
web sekolahnya saja. Dengan adanya
teknologi sistem database untuk penyimpanan
datanya, maka pihak sekolah kini dapat
dengan mudah mencari data-data akademik
tanpa harus mencari data-data di rak atau
lemari pengarsipan lagi. Dengan adanya
teknologi sistem database juga, maka data
yang dikelola menjadi lebih terintegrasi, aman,
dan kemungkinan terjadinya kehilangan data
menjadi lebih kecil.
Daftar Acuan
[1] Al Fatta, Hanif. 2007. Analisis dan Perancangan
Sistem untuk Keunggulan Bersaing Perusahan
dan Organisasi Modern. Yogjakarta :
[2] AndiGaol, L, Jimmy. 2008. Sistem Informasi
Manajemen Pemahaman dan Aplikasi. Jakarta :
Penerbit PT Grasindo.
[3] Mulyanto, Agus. 2009. Sistem Informasi
Konsep & Aplikasi. Yogjakarta : Pustaka
Belajar.
[4] Rosa, AS. dan Shalahuddin. M. 2014. Modul
Pembelajaran: Rekayasa Perangkat Lunak
(Terstruktur dan Berorientasi Objek). Bandung:
Informatika Bandung.
[5] Sutabri, Tata. 2012. Analisis Sistem Informasi.
Yogjakarta : Andi.
Publikasi elektronik, informasi dari internet,
[6] Saraswati, Ela. 2013. Sistem Informasi
Akademik Berbasis Web Pada Sekolah
Menengah Pertama Negeri 3 Pringkuku. ISSN :
2302-5700. Jakarta: Indonesia Journal on
Networking and Security (IJNS), Vol.2 No.4
Oktober 2013. Diambil dari:
http://download.portalgaruda.org/article.php?art
icle=269042&val=7110&title=Sistem%20Infor
masi%20Akademik%20Berbasis%20Web%20P
ada%20Sekolah%20Menengah%20Pertama%2
0Negeri%203%20Pringkuku
[7] Susanti, Melan. 2016. Perancangan Sistem
Informasi Akademik Berbasis Web Pada SMK
Pasar Minggu Jakarta. ISSN : 2355-6579.
Jakarta: Jurnal Informatika, Vol.III No.1 April
2016. Diambil dari:
http://ejournal.bsi.ac.id/ejurnal/index.php/ji/arti
cle/download/304/296
[8] Wiyono Budi Gurid, Indah Uly Wardati. 2014. Pembangunan Sistem Informasi Akademik
Pada Sekolah Menengah Pertama (SMP) Negeri
III Tegalombo. ISSN : 2354-6654 Jakarta:
ndonesia Journal on Networking and Security
(IJNS) Vol.3 No.3 Juli 2014. Diambil dari:
http://ijns.org/journal/index.php/ijns/article/vie
wFile/327/321