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: rwilarto@gmail.com

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