Anda di halaman 1dari 151

SISTEM INFORMASI AKADEMIK SEKOLAH BERBASIS WEB

(PENILAIAN)
(Studi Kasus : SMA NEGERI 1 TAMBANG)

LAPORAN KERJA PRAKTEK


Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana
Pada Jurusan Teknik Informatika

Oleh :

RAHMAD RIZKI ADI


11251105158

FAKULTAS SAINS DAN TEKNOLOGI


UNIVERSITAS ISLAM NEGERI SULTAN SYARIF KASIM RIAU
PEKANBARU
2016

KATA PENGANTAR

Assalammualaikum wa rahmatullahi wa barakatuh.


Alhamdulillahi rabbil alamin, puji syukur kehadirat Allah SWT yang
senantiasa memberikan rahmat dan karunia-Nya, sehingga penulis dapat
menyelesaikan Kerja Praktek yang berjudul Sistem Informasi Akademik
Sekolah Berbasis Web Studi kasus (Di SMAN 1 Tambang). Laporan kerja
praktek ini disusun sebagai salah satu prasyarat kelulusan dari Universitas Islam
Negeri Sultan Syarif Kasim Riau. Selain itu sebagai dokumentasi hasil dari
menyelesaikan kerja praktek.
Selama pelaksanaan kerja praktek ini, penulis mendapatkan banyak
pengetahuan, pengalaman, bimbingan, dukungan dan juga arahan dari semua
pihak yang telah membantu hingga penulisan laporan ini dapat diselesaikan.
Untuk itu, penulis ingin menyampaikan ucapan terima kasih kepada :
1.

Bapak Prof. Dr. H. Munzir Hitami, MA, selaku Rektor Universitas Islam
Negeri Sultan Syarif Kasim Riau.

2.

Bapak Dr. Hartono, M.Pd, selaku dekan Fakultas Sains dan Teknologi
Universitas Islam Negeri Sultan Syarif Kasim Riau.

3.

Bapak M. Irsyad, M.T, selaku Ketua Jurusan Teknik Informatika


Universitas Islam Negeri Sultan Syarif Kasim Riau.

4.

Ibu Lola Oktavia, S.S.T, MTI, selaku pembimbing kerja praktek dari
jurusan sekaligus koordinator kerja praktek yang telah memberikan
bimbingan, arahan, dan telah memberikan banyak kritik dan saran dalam
penyusunan laporan kerja praktek ini.

5.

Ibu dan Bapak dosen TIF yang telah banyak memberikan ilmunya kepada
penulis.

6.

Ibu Iis Afrianty,ST.,M.Sc

selaku pembimbing kerja praktek yang telah

banyak meluangkan waktunya untuk membimbing, memberikan arahan,


saran

dan

kritik

dalam

penyelesaian

kerja

praktek

ini.

7.

Bapak Hendra Feri, Amd selaku pembimbing perusahaan yang telah banyak
memberikan arahan selama kerja praktek berlangsung.

8.

Teman teman dan sahabat saya TIF H angkatan 2012 yang tidak bisa
penulis sebutkan nama satu persatu yang selalu mendukung dalam pengerjaan
kerja praktek penulis.

9.

Semua pihak yang terlibat baik langsung maupun tidak langsung dalam
pelaksanaan kerja praktek ini yang tidak dapat penulis sebutkan satu persatu.
Semoga laporan ini dapat bermanfaat bagi penulis dan juga untuk para

pembacanya. Penulis berharap adanya kritik dan saran dari pembaca atas laporan ini
yang dapat disampaikan ke alamat email penulis : rahmad.looker@gmail.com.
Akhir kata penulis ucapkan terima kasih dan selamat membaca.

Pekanbaru, 4 April 2016

Penulis

LEMBAR PENGESAHAN PERUSAHAAN

SISTEM INFORMASI AKADEMIK SEKOLAH BERBASIS WEB


(PENILAIAN)
(Studi Kasus : SMA NEGERI 1 TAMBANG)

LAPORAN KERJA PRAKTEK

Jurusan Teknik Informatika


Fakultas Sains Dan Teknologi
Universitas Islam Negeri Sultan Syarif Kasim Riau

oleh:

RAHMAD RIZKI ADI


11251105158
Telah diperiksa dan disetujui sebagai laporan Kerja Praktek
di Pekanbaru, pada tanggal Maret 2016

Pembimbing

Hendra Feri, Amd.Kom

ii

LEMBAR PENGESAHAN JURUSAN


SISTEM INFORMASI AKADEMIK SEKOLAH BERBASIS WEB
(PENILAIAN)
(Studi Kasus : SMA NEGERI 1 TAMBANG)
LAPORAN KERJA PRAKTEK
Oleh:

RAHMAD RIZKI ADI


11251105158
Telah disetujui dan disahkan sebagai laporan Kerja Praktek
di Pekanbaru, pada tanggal Maret 2016
Pembimbing Kerja Praktek

Iis Afrianty, ST., M.Sc


NIK. 130 511 004
Mengetahui,
Ketua Jurusan Teknik Informatika
Fakultas Sains dan Teknologi
Universitas Islam Negeri Sultan Syarif Kasim Riau
Pekanbaru

Muhammad Irsyad, MT
NIP. 19780508 200710 1 007

iii

ABSTRAK
Perkembangan institusi pendidikan berpijak pada kemampuan untuk mengikuti
perkembangan teknologi dan kemampuan mengakses serta menyajikan informasi. Pada
Sekolah Menengah Atas (SMA) Negeri 1 Tambang ini, penyampaian informasi nilai
masih kurang efisien karena dalam pengumpulan data, penginputan sampai pemberian
hasil nilai ke siswa dilakukan dengan cara manual. Untuk mengatasi permasalahan
tersebut diperlukanlah sebuah Sistem Informasi Akademik Sekolah Berbasis WEB
(SMA Negeri 1 Tambang) yang dirancang menggunakan Waterfall Model, bahasa
pemograman PHP dengan memakai database server yaitu database MySQL. Sistem ini
dapat mengelola data guru, data siswa, data nilai dan data jadwal, serta pembuatan
laporan secara lebih cepat dan tidak memerlukan waktu yang lama. Sistem Informasi
Akademik Sekolah Berbasis WEB (SMA Negeri 1 Tambang) yang telah dibangun dapat
memberi kemudahan guru dan bagian operator dalam penginputan data khususnya data
nilai, dan juga mempermudah siswa dalam melihat data nilainya. Dengan demikian
Sistem Informasi Akademik Sekolah Berbsasis WEB berhasil diterapkan di SMA
Negeri 1 Tambang.
Kata Kunci: Akademik, Sekolah, Sistem Informasi Akademik, Waterfall model, Web.

iv

DAFTAR ISI
Halaman
LEMBAR PENGESAHAN PERUSAHAAN.............................................

ii

LEMBAR PENGESAHAN JURUSAN ......................................................

iii

ABSTRAK ....................................................................................................

iv

KATA PENGANTAR ..................................................................................

DAFTAR ISI .................................................................................................

viii

DAFTAR GAMBAR ....................................................................................

xiii

DAFTAR TABEL ........................................................................................

xv

DAFTAR SIMBOL ......................................................................................

xvii

DAFTAR LAMPIRAN ................................................................................

xix

BAB I

PENDAHULUAN ........................................................................

I-1

1.1. Latar Belakang .....................................................................

I-1

1.2. Rumusan Masalah ................................................................

I-2

1.3. Batasan Masalah...................................................................

I-2

1.4. Tujuan Kerja Praktek ...........................................................

I-3

1.5. Waktu dan Tempat Pelaksanaan ..........................................

I-3

1.6. Sistematika Penulisan ..........................................................

I-4

BAB II

PROFIL SMA NEGERI 1 TAMBANG


2.1. Sejarah Singkat SMA Negeri 1 Tambang ............................

II-1

2.2. Struktur Organisasi ..............................................................

II-2

2.3. Visi dan Misi SMA Negeri 1 Tambang ...............................

II-3

2.3.1

Visi ...........................................................................

II-3

2.3.2

Misi ..........................................................................

II-3

BAB III KERJA PRAKTEK


3.1. Tugas Kerja Praktek ............................................................. III-1
3.2. Analisa Permasalahan .......................................................... III-2
3.3. Metodologi Pengerjaan ........................................................ III-2
3.4. Jadwal Pengerjaan ............................................................... III-3
BAB IV LANDASAN TEORI
v

4.1. Sistem Informasi .................................................................. IV-1


4.1.1

Komponen Sistem Informasi .................................. IV-2

4.2. Sistem Informasi Akademik................................................. IV-2


4.3. Model Pengembangan Perangkat Lunak.............................. IV-3
4.3.1

Model Pengembangan The Waterfall ...................... IV-3

4.3.2

Model Pengembangan Prototyping ......................... IV-4

4.4. Flowchart ............................................................................. IV-4


4.5. Data Flow Diagram (DFD) ................................................. IV-5
4.6. Entity Relationship Diagram(ERD) ..................................... IV-5
4.7. Hypertext Preprocessor (PHP) ............................................ IV-6
4.8. MySQL................................................................................. IV-7
BAB V

ANALISA DAN PERANCANGAN


5.1. Metode Analisis ..................................................................

V-1

5.1.1 Analisa Sistem Lama ................................................

V-1

5.1.2 Flowchart Sistem Lama ...........................................

V-2

5.1.3 Analisis Sistem Baru ................................................

V-3

5.2. Hasil Analisis .......................................................................

V-3

5.2.1 Data Masukan ...........................................................

V-4

5.2.2 Proses ......................................................................

V-5

5.2.3 Data Keluaran ..........................................................

V-5

5.3. Hasil Perancangan ...............................................................

V-5

5.3.1

Flowchart ................................................................

V-5

5.3.2

Context Diagram .....................................................

V-7

5.3.3

Data Flow Diagram (DFD) .....................................

V-7

5.3.4

DFD Level 1.............................................................

V-7

5.3.5

DFD Level 2 Proses 1 .............................................. V-10

5.3.6

DFD Level 2 Proses 2 .............................................. V-11

5.3.7

DFD Level 2 Proses 3 .............................................. V-13

5.4. Entity Relationship Diagram (ERD) .................................... V-16


5.5. Perancangan Tabel ............................................................... V-16
5.5.1

Rancangan Struktur Menu ....................................... V-30


vi

5.6. Perancangan Antar Muka ..................................................... V-32


5.6.1

Perancangan Antar Muka Halaman Utama Web .... V-32

5.6.2

Perancangan Antar Muka Login Admin ................. V-32

5.6.3

Perancangan Antar Muka Login Guru .................... V-33

5.6.4

Perancangan Antar Muka Login Siswa ................... V-34

5.6.5

Perancangan Antar Muka Halaman Utama Admin. V-34

5.6.6

Perancangan Antar Muka Halaman Utama Guru ... V-35

5.6.7

Perancangan Antar Muka Halaman Utama Siswa .. V-36

BAB VI IMPLEMENTASI DAN PENGUJIAN


6.1

Implementasi Sistem ............................................................ VI-1


6.1.1. Pengertian dan Tujuan Implementasi ....................... VI-1
6.1.2. Lingkungan Implementasi ........................................ VI-2

6.2

Implementasi Antar Muka Halaman utama website ............ VI-2

6.3

Implementasi Antar Muka Admin ........................................ VI-3


6.3.1

Halaman Login ........................................................ VI-3

6.3.2

Halaman Administrator ........................................... VI-4

6.3.3

Halaman User Admin ............................................... VI-5

6.3.4

HalamanUser Guru ................................................... VI-5

6.3.5

Halaman User Siswa................................................. VI-6

6.3.6

Halaman Data Master Ruangan ................................ VI-8

6.3.7

Halaman Data Master Kelas ..................................... VI-9

6.3.8

Halaman Data Master Mata Pelajaran ...................... VI-10

6.3.9

Halaman Data Diri Guru .......................................... VI-11

6.3.10 Halaman Data Diri Siswa ......................................... VI-12


6.3.11 Halaman Jadwal Pelajaran ........................................ VI-13
6.3.12 Halaman Input Nilai ................................................. VI-14
6.3.13 Halaman Cari Siswa ................................................. VI-15
6.3.14 Halaman Pindah Kelas ............................................. VI-15
6.3.15 Halaman Laporan Jadwal Guru ................................ VI-16
6.3.16 Halaman Laporan Jadwal Kelas ............................... VI-17
6.3.17 Halaman Laporan Jadwal Per Hari ........................... VI-17
vii

6.3.18 Halaman Laporan Nilai ............................................ VI-18


6.4

6.5

6.6

6.7

Implementasi Antar Muka Guru ........................................... VI-19


6.4.1

Halaman Login Guru ................................................ VI-19

6.4.2

Halaman Utama Guru ............................................... VI-20

6.4.3

Halaman Data Anda ................................................ VI-21

6.4.4

Halaman Jadwal Mengajar ....................................... VI-22

Implementasi Antar Muka Siswa ........................................ VI-22


6.5.1

Halaman Login Siswa .............................................. VI-22

6.5.2

Halaman Utama Siswa ............................................. VI-23

6.5.3

Halaman Data Anda ................................................. VI-24

6.5.4

Halaman Jadwal Pelajaran ........................................ VI-25

6.5.5

Halaman Laporan Nilai ............................................ VI-25

Pengujian ............................................................................. VI-26


6.6.1

Black Box ................................................................. VI-26

6.6.2

User Acceptance Test (UAT) .................................. VI-38

Kesimpulan Hasil Pengujian ............................................... VI-45

BAB VII PENUTUP


7.1

Kesimpulan .......................................................................... VII-1

7.2

Saran..................................................................................... VII-1

viii

DAFTAR GAMBAR
Gambar

Halaman

2.1. Struktur Organisasi SMA Negeri 1 Tambang .......................................

II-2

4.1. Model Pengembangan Waterfall ........................................................... IV-3


5.1. Flowchart Sistem Lama ........................................................................

V-3

5.2. Flowchart Sistem Baru ........................................................................

V-6

5.3. Context Diagram Sistem Informasi Akademik Sekolah .......................

V-7

5.4. DFD Level 1 Sistem Informasi Akademik Sekolah..............................

V-8

5.5. DFD Level 2 Proses 1 (Data User) ....................................................... V-10


5.6. DFD Level 2 Proses 2 (Data Master) .................................................... V-12
5.7. DFD Level 2 Proses 3 (Data Diri) ........................................................ V-14
5.8. ERD Sistem Informasi Akademik Sekolah ........................................... V-16
5.9. Rancangan Menu Guru ......................................................................... V-31
5.10. Rancangan Menu Siswa ........................................................................ V-31
5.11. Rancangan Antar Muka Halaman Utama Website ............................... V-32
5.12. Rancangan Antar Muka Login Admin .................................................. V-33
5.13. Rancangan Antar Muka Login Guru ..................................................... V-33
5.14. Rancangan Antar Muka Login Siswa ................................................... V-34
5.15. Rancangan Antar Muka Halaman Utama Admin ................................ V-35
5.16. Rancangan Antar Muka Halaman Utama Guru .................................... VI-36
5.17. Rancangan Antar Muka Halaman Utama Siswa ................................... VI-37
6.1. Halaman Utama Website ...................................................................... VI-3
6.2. Halaman Login Admin.......................................................................... VI-4
6.3. Halaman Utama Administrator ............................................................. VI-5
6.4. Halaman User Admin............................................................................ VI-5
6.5. Halaman User Guru .............................................................................. VI-6
6.6. Halaman Input User Guru ..................................................................... VI-6
6.7. Halaman User Siswa ............................................................................. VI-7
6.8. Halaman Input User Siswa .................................................................... VI-7
6.9. Halaman Data Master Ruangan ............................................................ VI-8
ix

6.10. Halaman Input Data Ruangan ............................................................... VI-8


6.11. Halaman Data Master Kelas ................................................................. VI-9
6.12. Halaman Input Data Kelas .................................................................... VI-9
6.13. Halaman Data Master Mata Pelajaran .................................................. VI-10
6.14. Halaman Input Data Mata Pelajaran ..................................................... VI-10
6.15. Halaman Data Diri Guru ....................................................................... VI-11
6.16. Halaman Input Data Guru ..................................................................... VI-11
6.17. Halaman Data Diri Siswa ...................................................................... VI-12
6.18. Halaman Input Data Siswa .................................................................... VI-12
6.19. Halaman Jadwal Pelajaran .................................................................... VI-13
6.20. Halaman Input Data Jadwal Pelajaran .................................................. VI-13
6.21. Halaman Input Nilai(pilih kelas dan mapel) ......................................... VI-14
6.22. Halaman Input Nilai .............................................................................. VI-14
6.23. Halaman Cari Siswa .............................................................................. VI-15
6.24. Halaman Pindah Kelas .......................................................................... VI-16
6.25. Halaman Laporan Jadwal Guru............................................................. VI-16
6.26. Halaman Laporan Jadwal Kelas ............................................................ VI-17
6.27. Halaman Laporan Jadwal Perhari ......................................................... VI-18
6.28. Halaman Laporan Nilai ......................................................................... VI-18
6.29. Halaman Detil Nilai Siswa .................................................................... VI-19
6.30. Halaman Form Login Guru ................................................................... VI-20
6.31. Halaman Utama Guru ........................................................................... VI-20
6.32. Halaman Data Anda .............................................................................. VI-21
6.33. Halaman Edit Data Diri......................................................................... VI-21
6.34. Halaman Jadwal Mengajar .................................................................... VI-22
6.35. Halaman Form Login Siswa ................................................................. VI-23
6.36. Halaman Utama Siswa .......................................................................... VI-23
6.37. Halaman Data Anda .............................................................................. VI-24
6.38. Halaman Edit Data Diri......................................................................... VI-24
6.39. Halaman Jadwal Pelajaran .................................................................... VI-25
6.40. Halaman Laporan Nilai ........................................................................ VI-25
x

DAFTAR TABEL
Tabel

Halaman

2.1. Periodisasi Kepemimpinan SMA Negeri 1Tambang ............................

II-2

3.1. Jadwal Pengerjaan Kerja Praktek ..........................................................

III-

5.1. Proses DFD Level 1 Sistem Informasi Akademik ................................

V-9

5.2. Aliran Data DFD Level 1 Sistem Informasi Pengelolaan


Akademik Sekolah ................................................................................ V-10
5.3. Proses DFD Level 2 Proses 1 (Data User) ........................................... V-10
5.4. Aliran Data DFD Level 2 Proses 1 (Data User).................................... V-11
5.5. Proses DFD Level 2 Proses 2 (Data Master) ....................................... V-12
5.6. Aliran Data DFD Level 2 Proses 2 (Data Master) ................................ V-13
5.7. Proses DFD Level 2 Proses 3 (Data Diri) ............................................ V-15
5.8. Aliran Data DFD Level 2 Proses 2 (Data Diri) ..................................... V-15
5.9. Keterangan Entitas Pada ERD .............................................................. V-19
5.10. Konseptual Data Model Tabel Ruangan ............................................... V-22
5.11. Konseptual Data Model Tabel Kelas ................................................... V-22
5.12. Konseptual Data Model Tabel Mata Pelajaran ..................................... V-23
5.13. Konseptual Data Model Tabel Guru & User Guru ............................... V-23
5.14. Konseptual Data Model Tabel Siswa & User Siswa............................. V-24
5.15. Konseptual Data Model Tabel Siswa Ayah .......................................... V-25
5.16. Konseptual Data Model Tabel Siswa Ibu ............................................. V-26
5.17. Konseptual Data Model Tabel Siswa Wali ........................................... V-27
5.18. Konseptual Data Model Tabel Siswa Kegemaran ................................ V-27
5.19. Konseptual Data Model Tabel Siswa Pendidikan Sebelum .................. V-28
5.20. Konseptual Data Model Tabel Siswa Kelas .......................................... V-28
5.21. Konseptual Data Model Tabel Jadwal ................................................. V-29
5.22. Konseptual Data Model Tabel Nilai .................................................... V-29
5.23. Konseptual Data Model Tabel User Admin ......................................... V-30
6.1. Pengujian Form Login ....................................................................... VI-26
6.2. Pengujian Form User Admin ............................................................... VI-28
xi

6.3. Pengujian Form User Guru ................................................................... VI-29


6.4. Pengujian Form User Siswa ................................................................. VI-29
6.5. Pengujian Form Data Master Ruangan ................................................. VI-30
6.6. Pengujian Form Data Master Kelas ...................................................... VI-31
6.7. Pengujian Form Data Master Mata Pelajaran ....................................... VI-32
6.8. Pengujian Form Data Diri Guru............................................................ VI-33
6.9. Pengujian Form Data Diri Siswa ......................................................... VI-33
6.10. Pengujian Form Jadwal Pelajaran ......................................................... VI-34
6.11. Pengujian Form Input Nilai .................................................................. VI-35
6.12. Pengujian Form Cari Siswa .................................................................. VI-36
6.13. Pengujian Form Pindah Kelas............................................................... VI-37
6.14. Pengujian Laporan Jadwal .................................................................... VI-38
6.15. Pengujian Laporan Kelas ...................................................................... VI-38
6.16. Kuisioner User Acceptance Test ........................................................... VI-40
6.17. Hasil Pengujian UAT Admin ................................................................ VI-41
6.18. Hasil Pengujian UAT Guru ................................................................... VI-42
6.19. Hasil Pengujian UAT Siswa ................................................................. VI-43
6.20. Nilai Persentasi Kuisioner ..................................................................... VI-45

xii

DAFTAR SIMBOL
Flowchart
Terminator : Simbol terminator (Mulai/ selesai)
merupakan tanda bahwa sistem akan dijalankan atau
berakhir

Proses: Simbol yang digunakan untuk melakukan


pemrosesan data baik oleh user maupun komputer (sistem)

Verifikasi : Simbol yang digunakan untuk memutuskan


apakah valid atau tidak validnya suatu kejadian.

Data : Simbol yang digunakan untuk mendeskripsikan dat


yang digunakan.

Data Flow Diagram (DFD)

Entitas Eksternal : simbol kesatuan diluar lingkungan


sistem yang akan menerima input dan menghasilkan
output.

Proses : Simbol yang digunakan untuk melakukan


pemrosesan data baik oleh user maupun komputer
(sistem)

Data Store : Simbol yang digunakan untuk


mewakili suatu penyimpanan data (database)

Arus Data : Simbol yang digunakan untuk


menggambarkan arus data di dalam sistem

xiii

Entitas Relationship Diagram (ERD)


Entitas : Entitas suatu objek yang dapat
diidentifikasikan dalam lingkungan pemakai.
Entitas merupakan individu yang mewakili suatu
yang nyata (eksistensinya) dan dapat dibedakan
dari sesuatu yang lain

Atribut : atribut merupakan properti yang


dimiliki setiap yang akan disimpan datanya.
Entitas mempunyai elemen yang namanaya
atribut.

Relasi : Relasi menunjukkan adanya


hubungan diantara entitas yang berasal dari
himpunan entitas berbeda.

xiv

DAFTAR LAMPIRAN
Lampiran

Halaman

Perancangan Antarmuka Pada Admin...................................... ............ A-1

Perancangan Antarmuka Pada Pimpinan .............................................. B-1

xv

I-1

BAB I
PENDAHULUAN
1.1 Latar Belakang
Pada saat ini teknologi dan ilmu pengetahuan berkembang sangat pesat.
Dengan adanya perkembangan teknologi ini setiap pekerjaan akan dapat
direalisasikan secara lebih efisien dan efektif. Sebelum maraknya teknologi,
dalam menjalankan aktifitas terasa begitu lamban dan membutuhkan banyak
waktu, dengan adanya teknologi pada saat ini dapat mempercepat segala aktivitas
yang akan dilakukan dengan waktu yang lebih singkat. Tidak terkecuali pada
instusi pendidikan pada saat ini.
Perkembangan institusi pendidikan berpijak pada kemampuan untuk
mengikuti perkembangan teknologi dan kemampuan mengakses serta menyajikan
informasi. Sehingga dalam rangka meningkatkan kualitas pendidikan, sudah
saatnya sekolah memiliki Sistem Informasi yang dapat membantu sekolah dalam
mengelola kegiatan belajar mengajar dengan efektif dan efisien termasuk dalam
memberikan informasi penilaian yang di tuangkan ke dalam sebuah Sistem
Akademik Sekolah.
Sekolah Menengah Atas (SMA) Negeri 1 Tambang adalah sebuah sekolah
yang beralamatkan di Jalan Raya Pekanbaru-Bangkinang Desa Sungai Pinang
Kecamatan Tambang. Pada sekolah tersebut dalam penyampaian informasi nilai
masih dirasa kurang efisien karena dalam penginptuan nilai sampai pemberian
hasil nilai ke siswa dilakukan dengan cara manual, seperti guru harus membuat
nilai dalam Ms. Excel lalu memberikannya ke bagian kurikulum untuk
digabungkan dan dicetak, setelah itu bagian kurikulum kembali memberi nilai
yang sudah dicetak kepada guru, kemudian guru memberikan hasil nilai tersebut
ke siswanya. Hal ini tentunya sangat menyita waktu dan tenaga khususnya di
bagian kurikulum. padahal di sekolah tersebut sudah terdapat teknologi informasi
yang memadai, seperti tersedianya jaringan komputer. Tetapi sepertinya
teknologi tersebut belum dimanfaatkan sebagaimana mestinya. Jika teknologi

I-2

tersebut dapat dimanfaatkan secara maksimal, maka akan meningkatkan reputasi


dan kualitas sekolah. Salah satu pemanfaatannya adalah dengan membangun
sebuah SISTEM INFORMASI AKADEMIK SEKOLAH BERBASIS WEB.
Dengan berkembangnya kemajuan teknologi saat ini, pihak SMA Negeri 1
Tambang pastinya perlu untuk bersaing dalam hal informasi akademik, selain
untuk memudahkan siswa dan guru dalam hal akademik, juga bisa membantu
meningkatkan kinerja guru.
Berdasakan latar belakang tersebut maka penulis mencoba untuk membuat
suatu sistem informasi akademik sekolah berbasis web di SMA Negeri 1
Tambang yang terkomputerisasi secara optimal. Dan judul yang diambil untuk
penyusunan laporan ini, yaitu SISTEM INFORMASI AKADEMIK SEKOLAH
BERBASIS WEB DI SMAN 1 TAMBANG

1.2 Rumusan Masalah


Sesuai dengan judul yang diambil dalam laporan ini, maka berdasarkan
penelitian yang dilakukan dibuatlah rumusan masalah yaitu Bagaimana
membangun system informasi akademik sekolah yang dinamis pada SMA Negeri
1 Tambang.

1.3

Batasan Masalah
Dalam hal ini penulis merasa perlu untuk membatasi masalah yang akan

dibahas agar pada perancangan dan pembangunan website sekolah dinamis ini
dapat lebih terarah sesuai dengan tujuan yang ingin dicapai.
Adapun masalah yang dibahas dalam laporan ini hanya dibatasi pada :
1. Sistem yang akan dibangun hanya sistem informasi akademik sekolah dan
mengolah data- data seperti data guru, siswa, jadwal, dan nilai.
2. Sistem yang akan di bangun tidak membahas tentang kepegawaian guru,
dan tidak membahas tentang security system.

I-3

1.4

Tujuan Kerja Praktek


Adapun tujuan dari dilaksanannya kerja praktek ini adalah :
1. Sebagai salah satu syarat kelulusan untuk memperoleh gelar sarjana
pada jurusan Teknik Informatika Universitas Sultan Syarif Kasim Riau.
2. Mempraktekkan ilmu yang telah dipelajari selama perkuliahan kedalam
lingkungan dunia kerja.
3. Menambah pengalaman kerja bagi mahasiswa.
4. Menambah pengalaman di dunia kerja sebelum terjun langsung ke duniakerja.
5. Membentuk dan melatih mahasiswa agar dapat bekerja disiplin,
propesional dan berkomunikasi dengan baik.

1.4.1 Tujuan Khusus


Kerja praktek yang dilakukan di SMA Negeri 1 Tambang ini bertujuan
untuk

membangun system informasi akademik sekolah yang dinamis untuk SMA

Negeri 1 Tambang sehingga dapat memberi kemudahan untuk guru dan siswa dalam
memperoleh informasi akademik.

1.5

Tempat dan Waktu Pelaksanaan


Waktu dan tempat pelaksanaan kegiatan kerja praktek:

Waktu

: 20 Oktober 2015 s/d 31 Desember 2015

Tempat

: SMA NEGERI 1 TAMBANG

1.6

Sistematika Penulisan
Sistematika penulisan laporan kerja praktek ini terdiri dari pokok-pokok

permasalahan yang dibahas pada masing-masing yang diuraikan menjadi beberapa


bagian :

I-4

BAB I. PENDAHULUAN
Menguraikan tentang latar belakang masalah, Rumusan Masalah, Batasan
Masalah, Tujuan Kerja Praktek, Tempat Kerja Praktek, dan Sistematika
Penulisan.

BAB II. PROFIL PERUSAHAAN


Menjelaskan mengenai sejarah sekolah SMA Negeri 1 Tambang, struktur
organisasi, lokasi, visi dan misi SMA Negeri 1 Tambang.

BAB III. TUGAS KERJA PRAKTEK


Menjelaskan uraian tugas kerja praktek, analisa permasalahan, serta jadwal
pengerjaan dari kerja praktek.

BAB IV. LANDASAN TEORI


Merupakan penjelasan mengenai studi pustaka terhadap teori - teori yang
mendasari dalam pelaksanaan Kerja Praktek untuk membangun sebuah Sistem
Informasi Akademik Sekolah Berbasis Web di SMA Negeri 1 Tambang.

BAB V. ANALISA DAN PERANCANGAN SISTEM


Menerangkan tentang Sistem Informasi Akademik Sekolah Berbasis Web di
SMA Negeri 1 Tambang

yang akan digunakan untuk menyelesaikan

permasalahan yang ada di bagian akademik yang masih manual.

BAB VI. IMPLEMENTASI DAN PENGUJIAN


Bab ini berisi penjelasan tentang batasan implementasi dan pengembangan serta
tampilan perangkat lunak yang dibuat (Sistem Informasi Akademik Sekolah
Berbasis Web di SMA Negeri 1 Tambang).

BAB VII. KESIMPULAN


Berisi kesimpulan dan saran yang dapat diambil dari pelaksanaan Kerja Praktek
dalam membangun Sistem Informasi Akademik Sekolah Berbasis Web di SMA
Negeri 1 Tambang.

II - 1

BAB II
PROFIL SMAN 1 TAMBANG
2.1 Sejarah SMA Negeri 1 Tambang
SMA Negeri 1 Tambang adalah salah satu lembaga pendidikan formal yang
berada di Kecamatan Tambang, Kabupaten Kampar. Sekolah ini terletak 45
kilometer sebelah Timur Kota Bangkinang. Berdiri di atas tanah seluas 2 hektar
dengan jumlah ruangan sebagai berikut: 19 unit ruangan belajar, labor 3 ruangan,
pustaka 1 ruangan, musholla dan 6 toilet siswa, 2 ruangan toilet guru dan
lapangan olahraga. Jumlah siswa hingga saat ini 574 orang, rombongan belajar 21
kelas, 7 rombongan belajar untuk kelas X, 7 rombongan belajar untuk kelas XI
dan 7 rombongan belajar untuk kelas XII.
SMA Negeri 1 Tambang awalnya berasal dari SMA Swasta LKMD Desa
Tambang Kecamatan Kampar Kabupaten Kampar didirikan tahun 1985,
selanjutnya berdasarkan Surat Keputusan Kepala Kantor Wilayah Provinsi Riau
Departemen Pendidikan Nasional Nomor: 11110/I09.2.2/PR/2000 tanggal 14
Desember tahun 2000 sekolah ini dinegerikan. Sehubungan terjadinya pemekaran
kecamatan di wilayah Kabupaten Kampar, maka sekolah ini berada di bawah
naungan Kecamatan Tambang. Periodisasi kepemimpinan Sekolah SMAN 1
Tambang dapat dilihat pada tabel berikut:

DAFTAR KEPALA SEKOLAH

No

NAMA

TAHUN

01.

Hasan Jus

1985 1986

02.

Hj. Siti Aminah, BA.

1986 2001

KETERANGAN

II-2

03.

Drs. M. Zein

2001

04.

Drs. Basrun, M.Pd.

2002 2005

05.

Drs. Darwis

2005 2014

06.

Drs. Khairullah, M.Pd.

2014 sekarang

2.2 Struktur Organisasi


Didalam instansi tentunya memiliki sebuah struktur orgranisasi agar dapat
menjalankan pekerjaan sesuai bagian bagiannya masing masing. Berikut adalah
struktur organisasi SMAN 1 Tambang 2.1 berikut ini.
KEPALA SEKOLAH

KOMITE SEKOLAH

Drs. Khairullah, M.pd

Ir. H. Eka Suhendra

WAKA HUMAS

WAKA HUMAS

WAKA HUMAS

WAKA SARANA / PRASARANA

KEPALA TATA USAHA

Syahruman, S.pd

Syahruman, S.pd

Syahruman, S.pd

Drs. Mansur

Sarmuji

KOORDINATOR PERPUSTAKAAN

BENDAHARA

Hj. Herlina, SE

Dasratman, SH

WALI KELAS X
Nurkholis M SIP
Mhd. Azli, S.Ag
Dra. Erma Wati, S.Pd
Masniari, S.Si
Muharmiati, S.Pd
Rosnimar, S.Pd
Sri Jusmaini, SE

WALI KELAS XI

Wali Kelas X-1


Wali Kelas X-2
Wali Kelas X-3
Wali Kelas X-4
Wali Kelas X-5
Wali Kelas X-6
Wali Kelas X-7

Muliati, S.Pd
Suparman, S.Pd
Rahma Wati, S.Pd
Eka Yulia F, S.Pd
Yona Afriani, SE
Syamsurijal, S.Ag
Hj. Herlina, SE

Wali Kelas XI - IPA 1


Wali Kelas XI - IPA 2
Wali Kelas XI - IPA 3
Wali Kelas XI - IPS 1
Wali Kelas XI - IPS 2
Wali Kelas XI - IPS 3
Wali Kelas XI - IPS 4

WALI KELAS XII


Darnis, S.Pd
Dra. Nelvia Fitriati
Nelina Malina, S.Pd
Nursanti, S.Pd
Mhd. Nasir, S.Ag

S I S W A

Gambar 2.1 Struktur Organisassi SMAN 1 Tambang

Wali Kelas XII IPA 1


Wali Kelas XII IPA 2
Wali Kelas XII IPS 1
Wali Kelas XII IPS 2
Wali Kelas XII IPS 3

II-3

2.3 VISI DAN MISI SMAN 1 TAMBANG


Adapun visi dan misi SMAN 1 Tambang antara lain :

2.3.1 VISI
Menjadikan SMAN 1 TAMBANG sebagai sekolah yang berprestasi,
berakhlak mulia, terampil dan berwawasan lingkungan.

2.3.2 MISI
1. Meningkatkan kualitas pbm, sehingga terwujudnya peningkatan mutu
pendidikan yang selaras dengan nilai keilmuan, moral dan keagamaan.
2. Meningkatkan prestasi siswa dan

menumbuh kembangkan semangat

kewirausahaan.
3. Mempersiapkan lulusan yang siap diterima/bersaing di perguruan tinggi
negeri.
4. Mengembangkan kreasi, daya nalar siswa dengan mengaktifkan sanggar
serta kajian ilmiah secara teratur,terencanadan terprogram.
5. Pemantapan kemampuan profesionalisme tenaga kependidikan.
6. Pemantapan managemen peningkatan mutu berbasis sekolah.
7. Peningkatan pelaksanaan disiplin sekolah.
8. Meningkatkan kegiatan olahraga dalam upaya membudayakan hidup
sehat.
9. Mengelolah dan menata lingkungan sekolah sebagai lingkungan yang
rindang sehat.
10. Mengelola dan menata lingkungan sekolah sebagai lingkungan yang
bersih.
11. Mengelolah dan menata lingkungan sekolah sebagai lingkungan yang
bermanfaat.
12. Mengelolah dan menata lingkungan sekolah sebagai lingkungan yang
hemat energi dan air.

III - 1

BAB III
TUGAS KERJA PRAKTEK
3.1 Tugas Kerja Praktek
Kerja praktek yang berlangsung dari tanggal 20 Oktober 2015
sampai dengan 31 Desember 2015 ini, merupakan sebuah pengalaman
yang sangat

berharga

bagi penulis. Pada saat kerja praktek ini

berlangsung penulis dapat memperoleh berbagai pengetahuan mengenai


dunia kerja secara umum pada instansi pendidikan seperti di SMA Negeri
1 Tambang tempat penulis melaksanakan kerja praktek terutama di bagian
Akademik yang akan penulis paparkan pada laporan ini.
Secara umum, pembelajaran yang diikuti penulis selama melakukan
kerja praktek antara lain, menganalisa proses kerja dibagian Akademik
(kurikulum,kesiswaan

dan

operator)

terutama

proses

penilaian,

penjadwalan. Adapun beberapa tugas yang dapat diuraikan yaitu :


1. Melakukan analisa pada bagian Akademik (kurikulum, kesiswaan dan
operator) sekolah di SMA Negeri 1 Tambang.
2. Merumuskan permasalahan dan hambatan yang dihadapi sekolah
khususnya dalam mengelola data siswa, guru, jadwal dan nilai.
Berdasarkan analisa prosedur yang sedang berjalan, penulis melakukan
analisa pada sistem baru yang akan digunakan.
3. Setelah selesai melakukan analisa pada sistem baru, penulis melakukan
implementasi. Ketika tahap ini berjalan, penulis rutin mendiskusikan tahap
implementasi agar sistem yang dibangun sesuai analisa pada sistem baru
dan layak digunakan.
4. Tahap implementasi selesai dan dilanjutkan dengan pengujian.

III-1

III - 2

3.2 Analisa Permasalahan


Permasalahan yang dihadapi selama ini dapat diuraikan sebagai berikut :
Sulitnya mengelolah data nilai karena setiap guru atau wali kelas
harus membuat nilai ke dalam format excel dan memberikan ke bagian
operator lalu bagian operator mencetak nilai yang akan dibagikan ke siswa
melalui wali kelas. Tentunya menyulitkan bagian operator karena harus
mencetak seluruh nilai siswa dan memberikannya ke wali kelas masingmasing, hal ini tentu membutuhkan waktu yang lama dan kurang efektif.

3.3 Metodologi Pengerjaan


Adapun metode pengerjaan dalam pelaksanaan kerja praktek ini adalah
sebagai berikut:
1. Pengumpulan data
A. Studi Pustaka
Membaca dan mempelajari buku-buku dan literature yang berhubungan
dengan pengembangan sebuah sistem dan pembuatan laporan. Seperti:
Buku Sistem Basis Data.
B. Wawancara (interview)
Model yang dimaksud ialah dengan mengajukan beberapa pertanyaan atau
berupa aktivitas tanya jawab secara langsung terhadap pembimbing
instansi pada SMA Negeri 1 Tambang.
C. Diskusi
yang dilakukan dengan pembimbing instansi sekolah, dimana pembimbing
juga mengambil andil terhadap analisa dan implementasi pada sistem baru.
D. Observasi
Melakukan

pengamatan proses penjadwalan dan penilain yang terjadi

di SMAN 1 Tambang secara langsung.

III - 3

2. Analisa dan perancangan


Pada tahap ini peneliti melakukan analisa terhadap kebutuhan sistem
serta melakukan perancangan terhadap sistem yang akan dibuat. Alat bantu
yang digunkaan dalam analisa dan perancangan adalah Flowchart, Context
Diagram, Data Flow Diagram, Struktur Aplikasi dan Model Sistem.
3. Tahap Implementasi dan Pengujian
Merupakan tahap penyusunan perangkat lunak sistem (coding) dan
pengujian (testing) apakah

sistem

dapat

berjalan

sesuai

dengan

kebutuhan. Untuk mengimplementasikan aplikasi ini maka dibutuhkan


perangkat pendukung, perangkat tersebut berupa perangkat keras dan
perangkat lunak. Pengujian menggunakan blackbox dan User Acceptentance
Test ( UAT).
Perangkat lunak dibutuhkan:
A. Platform

: Windows 10

B. Bahasa Pemograman : PHP,JavaScript,CSS


C. DBMS

: MySQL

3.4 Jadwal Pengerjaan


Jadwal pengerjaan Kerja Praktek ini dijelaskan pada Tabel 3.1
Tabel 3.1 Jadwal Pengerjaan Kerja Praktek
Waktu Pelaksanaan
No
1
2
3

4
5
6

Kegiatan
Kerja Praktek
Studi
kepustakaan
Wawancara dan
pengumpulan
data
Analisa dan
Perancangan
Implementasi
Laporan Kerja
Praktek

Oktober

November

Desember

Januari

III - 4

BAB IV
LANDASAN TEORI

4.1

Sistem Informasi
Menurut Jogiyanto (2005: 2) di dalam litelaturnya mengatakan sistem

merupakan kumpulan elemen - elemen yang saling berinteraksi untuk mencapai


suatu tujuan tertentu atau yang diinginkan. Sistem ini menggambarkan suatu
kejadian - kejadian dan satu kesatuan yang nyata adalah suatu objek nyata, seperti:
tempat, benda, dan orang-orang yang betul-betul ada dan terjadi.
Sistem merupakan suatu kumpulan dari elemen-elemen yang saling terkait
dan bekerja sama, saling berhubungan dan berinteraksi untuk mengolah data
masukan (input) untuk mencapai tujuan tertentu sampai menghasilkan keluaran
(output) yang diinginkan (Kristanto, 2003).
Sedangkan Informasi adalah data yang diolah menjadi bentuk lebih
berguna dan lebih berarti bagi yang menerimanya (McLeod, 2004). Informasi juga
disebut data yang diproses atau data yang memiliki arti. Informasi merupakan data
yang telah diproses sedemikian rupa sehingga meningkatkan pengetahuan
seseorang yang menggunakannya.
Menurut Jogiyanto HM., (1999: 692), informasi dapat didefinisikan
sebagai hasil dari pengolahan data dalam suatu bentuk yang lebih berguna dan
lebih berarti bagi penerimanya yang menggambarkan suatu kejadian kejadian
(event) yang nyata (fact) yang digunakan untuk pengambilan keputusan.

4.1.1 Komponen Sistem Informasi


Di dalam komponen sistem terdapat beberapa komponen-komponen
seperti: (Kadir, 2003 dikutip oleh Kendall, 2006)
1. Perangkat keras (hardware): mencakup piranti-piranti fisik, seperti komputer dan
printer.

IV-1

IV-2

2. Perangkat lunak (software): sekumpulan instruksi yang memungkinkan perangkat


keras untuk dapat memproses data.
3. Prosedur: Sekumpulan aturan yang dipakai untuk mewujudkan pemrosesan data
dan pembangkitan keluaran yang dikehendaki.
4. Orang: semua orang yang bertanggung jawab dalam pengembangan sistem
informasi, pemrosesan, dan penggunaan keluaran sistem informasi.
5. Basis data (database): sekumpulan tabel, hubungan dan lain-lain yang berkaitan
dengan penyimpanan data.
6. Jaringan komputer dan komunikasi data: sistem penghubung yang memungkinkan
sumber (resources) di pakai secara bersama atau diakses oleh sejumlah pemakai.

4.2

Sistem Informasi Akademik


Sistem Informasi Akademik adalah suatu sistem yang dirancang untuk

keperluan pengeloaan data-data Akademik dengan penerapan teknologi komputer


baik hardware maupun software, hardware (perangkat keras) adalah
peralatan-peralatan seperti komputer (PC maupun Laptop), Printer dan sebagainya.
Sedangkan Software (perangkat lunak) merupakan program komputer yang
memfungsikan hardware tersebut, sehingga seluruh proses kegiatan akademik
dapat terkelola menjadi informasi yang bermanfaat dalam pengelolaan nilai dan
pengambilan keputusan-keputusan bagi pengambil keputusan di lingkungan
Instansi Pendidikan baik itu Negeri ataupun Swasta.

4.3

Model Pengembangan Perangkat Lunak


Model sistem yang dikembangkan dalam menganalisa perangkat lunak

menggunakan metode konvensional dengan memanfaatkan model atau paradigma


siklus hidup klasik atau lebih sering disebut Waterfall Model dan Prototyping.

4.3.1 Model Pengembangan Waterfall


Model pengembangan ini bersifat linear dari tahap awal pengembangan
system yaitu tahap perencanaan sampai tahap akhir pengembangan sistem yaitu
tahap pemeliharaan. Tahapan berikutnya tidak akan dilaksanakan sebelum

IV-3

tahapan sebelumnya selesai dilaksanakan dan tidak bisa kembali atau mengulang
ke tahap sebelumnya. Secara umum kerangka kerja model Waterfall selengkapnya
pada Gambar 4.1 berikut ini
Perencanaan

Analisis

Perancangan

Implementasi

Pemeliharaan

Gambar 4.1 Kerangka Kerja Model Pengembangan Waterfall (Sommerville, 2011)

Keterangan dari gambar 4.1 :


1.

Perencanaan

Menyangkut pengumpulan kebutuhan pengguna, studi kelayakan secara


teknis maupun secara teknologi serta penjadwalan pengembangan perangkat lunak.
2.

Analisis
Tahap analisis dilakukan setelah tahap perencanaan dan sebelum tahap
perancangan. Tahap ini merupakan tahap yang kritis. Tugas utama pada tahap ini
adalah menentukan ruang lingkup sistem, mengumpulkan fakta, menganalisis
fakta dan mengkomunikasikan temuan-temuan tersebut melalui laporan analisis
sistem.

3.

Perancangan
Tahap ini merupakan tahap pencarian solusi dari masalah yang didapat
pada tahap analisa.

IV-4

4.

Tahap Implementasi
Pada tahap ini dimulai proses penyusunan perangkat lunak aplikasi
(coding), dan pengujian (testing) apakah sistem sudah sesuai dengan kebutuhan.

5. Tahap Pemeliharaan
Tahap pemeliharaan merupakan tahap yang penting untuk memlihara
keutuhan data dan informasi yang telah dihimpun di dalamnya.

4.3.2 Model Pengembangan Prototyping


Prototyping adalah salah satu pendekatan dalam rekayasa perangkat lunak
yang secara langsung mendemontrasikan bagaimana sebuah perangkat lunak atau
komponen-komponen perangkat lunak akan bekerja dalam lingkungannya
sebelum tahapan konstruksi aktual dilakukan.

4.4

Flowchart
Flowchart merupakan metode untuk menggambarkan tahap-tahap

pemecahan masalah dengan merepresentasikan simbol-simbol tertentu yang


mudah dimengerti, mudah digunakan dan standar. Tujuan utama penggunaan
flowchart adalah menggambarkan suatu tahapan penyelesaian masalah secara
sederhana, terurai, simbolan jelas dengan menggunakan simbol-simbol standar.
Tahap penyelesaian masalah yang disajikan harus jelas, sederhana, efektif dan
tepat.

4.5

Data Flow Diagram (DFD)


Data Flow Diagram (DFD) adalah representasi grafik dari sebuah sistem.

DFD menggambarkan komponen-komponen sebuah sistem, aliran-aliran data di


mana komponen-komponen tersebut, dan asal, tujuan, dan penyimpanan dari data
tersebut (Kendall, 2006).
Pembuatan DFD merupakan cara ilmiah mendokumentasikan suatu sistem.
Beberapa simbol untuk menjaga tiap DFD sesederhana mungkin membuat DFD
komunitas-komunitas efektif. Sehingga ketika analis sistem menggambar DFD,

IV-5

manager dapat memahami dengan mudah (MClead, 1998 dikutip oleh Kendall,
2006).

4.6

Entity Relationship Diagram (ERD)


Entity Relationship Diagram (ERD) merupakan notasi grafis dalam

pemodelan data konseptual yang mendeskripsikan hubungan antara penyimpanan.


ERD digunakan untuk memodelkan struktur data dan hubungan antar data, karena
hal ini relatif kompleks. Dengan ERD kita dapat menguji model dengan
mengabaikan proses yang harus dilakukan dan dengan ERD kita mencoba
menjawab pertanyaan seperti : Data apa yang kita perlukan? Bagaimana data
yang satu berhubungan dengan data yang lain? (Supriyanto, 2005 dikutip Kendall,
2006).
ERD untuk memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa notasi dan simbol. Pada dasarnya ada
tiga simbol yang digunakan, yaitu :
1. Entiti merupakan objek yang mewakili sesuatu yang nyata dan dapat dibedakan
dari sesuatu yang lain (Fathansyah, 1999 dikutip Kendall, 2006).
2. Atribut yang berfungsi mendeskripsikan karakateristik dari suatu entitas.
3. Hubungan antar relasi (relationship) adalah hubungan antara entitas dengan
entitas lainnya. Ada beberapa jenis hubungan relasi yakni:
a. Satu ke satu (one to one)
Hubungan relasi satu ke satu yaitu setiap entitas pada himpunan entitas A
berhubungan paling banyak dengan satu entitas pada himpunan entitas B.
b. Satu ke banyak (one to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak
entitas pada himpunan entitas B, tetapi setiap entitas pada entitas B dapat
berhubungan dengan satu entitas pada himpunan entitas A.
c. Banyak ke banyak (many to many)
Setiap entitas pada himpunan entitas A dapat berhubungan dengan banyak
entitas pada himpunan entitas B.

IV-6

4.7

Hypertext Preprocessor (PHP)


Hypertext Preprocessor (PHP) merupakan bahasa standar yang digunakan

dalam dunia website. PHP adalah bahasa program yang berbentuk script yang
diletakkan di dalam server web. Jika kita lihat dari sejarah, mulanya PHP
diciptakan dari ide Rasmus Lerdof yang membuat script perl. Script tersebut
sebenarnya dimaksudkan untuk digunakan sebagai program untuk dirinya sendiri.
Akan tetapi, kemudian dikembangkan lagi sehingga menjadi sebuah bahasa yang
disebut Personal Home Page. Inilah awal mula munculnya PHP sampai saat ini.
PHP

telah

dicipta

terutama

untuk

kegunaan

web

dan

boleh

menghubungkan query database dan menggunakan simple task yang boleh


diluruskan dengan 3 atau 4 baris kode saja. PHP adalah bahasa programming
yang baru dibangun sekitar tahun 1994/1995. Malah penggunaannya masih baru
di Malaysia dan sedang meningkat popular kegunaannya. PHP dapat menukarkan
static website yang menggunakan HTML ke dynamic web pages yang berfungsi
secara automatic seperti ASP, CGI dan sebagainya.

4.8

MySQL
MySQL merupakan software yang tergolong sebagai DBMS (Database

Management System) yang bersifat Open Source. Open Source menyatakan


bahwa software ini dilengkapi dengan source code (kode yang dipakai untuk
membuat MySQL), selain tentu saja bentuk executable-nya atau kode yang dapat
dijalankan secara langsung dalam sistem operasi, dan bisa diperoleh dengan cara
men-download di Internet secara gratis.
MySQL awalnya dibuat oleh perusahaan konsultan bernama TcX yang
berlokasi di Swedia. Saat ini pengembangan MySQL berada di bawah naungan
perusahaan MySQL AB. Adapun software dapat diunduh di situs www.mysql.com.
Sebagai software DBMS, MySQL memiliki beberapa fitur seperti :
1. Multiplatform : tersedia beberapa platform (Windows, Linux, Unix dan lain-lain).
2. Andal, cepat dan mudah digunakan.

IV-7

3. Jaminan keamanan akses : MySQL mendukung pengamanan database dengan


berbagai kriteria pengaksesan.
4. Dukungan SQL : mendukung perintah SQL (Structured Query Language).

V-1

BAB V
ANALISA DAN PERANCANGAN
5.1

Metode Analisis
Metode analisa harus meliputi fungsi-fungsi yang dibutuhkan, melibatkan user

dalam menganalisa sehingga dapat dijadikan panduan dalam perancangan sistem.


Pada perancangan dan pembuatan sistem informasi akademik sekolah ini, metode
analisa yang digunakan adalah berarah alir (waterfall).
Model waterfall adalah model yang membutuhkan pendekatan yang sistematis
dan sekuensial dalam pengembangan perangkat lunak dimulai dari tingkat sistem dan
kemajuan melalui tahapan perencanaan, analisa, perancangan, implementasi,
pemeliharaan.

5.1.1 Analisa Sistem Lama


Selama ini pengelolaan data siswa, guru, jadwal dan nilai di SMA N 1
TAMBANG dikelola oleh bagian kurikulum dan operator. Dalam pengelolaan data
terutama dalam pengolahan nilai masih banyak terjadi kesulitan karena tidak semua
guru yang mengerti menginputkan nilai dengan menggunakn excel. Oleh karena itu
banyak juga para guru yang meminta tolong pada bagian operator sekolah untuk
menginputkan nilai tersebut. Dan juga bagian Operator Harus mencetak hasil nilai
untuk di berikan kepada setiap wali kelas.
Berdasarkan hal tersebut, ditemukan beberapa masalah, yakni:
1. Banyaknya guru yang meminta tolong pada bagian operator untuk penginputan
nilai, di karenakan kekurang ataupun ketidak pahaman guru menggunakan
Microsoft Excel.
2. Banyaknya pekerjaan pada bagian operator karena harus menginput nilai dan juga
mencetak nilai tersebut.
3. Lamanya pencetakan nilai di karenakan pencetakan di lakukan satu per satu.

V-1

V-2

Dari permasalahan diatas tersebut, maka perlu dibangun suatu sistem informasi
akademik sekolah yang sistematis agar permasalahan diatas dapat teratasi.

5.1.2 Flowchart Sistem Lama


Pada alur proses sistem lama dalam Mengiinputkan nilai sampai Nilai
diserahkan .Adapun diantaranya:
1. Setelah Siswa Selesai Ujian Maka Guru bidang studi / Wali kelas masing- masing
kelas Mengisi ataupun membuat nilai dalam bentuk Ms. excel.
2. Setelah itu Guru / wali kelas masing masing kelas menyeraka nilai tersebut pada
bagian operator untuk di satukan.
3. Setelah di satukan per kelas, lalu nilai nilai tersebut di cetak oleh bagian operator,
dan di serahkan kembali ke pada wali kelas masing masing kelas.
4. Nilai nilai tersebut kemudian oleh wali kelas di berikan kepada siswa.

Adapun rancangan analisa sistem lama yang melibatkan Siswa, Guru / Wali
kelas dan Bagian Operator SMA Negeri 1 TAMBANG. Rancangan flowchart sistem
lama telah digambarkan pada Gambar 5.1 berikut ini.

V-3

Flowchart Sistem Lama

Bagian Operator

Guru / Wali Kelas

Siswa

Mulai

Memperoleh Nilai
Ujian

Menyerahkan Nilai
Untuk di satukan
dan di cetak

Menyatukan dan
Mencetak Nilai

Selesai Ujian

Mengisi Nilai
Menggunakan
Ms.excel

Meyeyerahkan Nilai
Untuk di Bagikan

Menerima Laporan
Nilai

Phase

Selesai

Gambar 5.1 Flowchart Sistem Lama

5.1.3 Analisa Sistem Baru


Berdasarkan analisa dari sistem lama, maka dibangun sebuah Sistem Informasi
Akademik Sekolah yang mampu mengatasi permasalahan diatas. Sistem informasi ini
diharapkan dapat mempermudah admin dan guru dalam pengelolaan data dan Nilai.
Serta meberi kemudahan siswa untuk meihat nilai mereka.

5.2

Hasil Analisis
Hasil analisa yang diperoleh oleh penulis, berdasarkan permasalahan yang

telah dijelasakan sebelumnya dibagi menjadi tiga bagian, yaitu: data masukan (input),
proses dan data keluaran (output).

V-4

5.2.1 Data Masukan (input)


Data masukan (input) yang ada pada Sistem Informasi Akademik Sekolah ini
adalah:
1.

Data User Admin


Pada data User Admin ini yang di inputkan hanya Username dan
Password.

2.

Data User Guru


Pada data User Siswa ini yang diinputkan adalah nama, nis, password, nisn,
agama, jenis_kelamin dan status aktif.

3.

Data User Siswa


Pada data User Siswa ini yang diinputkan adalah nama, nis, password,
nisn, agama, jenis_kelamin dan status aktif.

4.

Data Ruangan
Pada data ruangan ini yang diinputkan adalah Nama Ruangan,
Penanggung Jawab dan NIP penanggung jawab..

5.

Data Kelas
Pada data Kelas ini yang diinputkan adalah prodi, tingkat, Nama Kelas,
Kapasitas Kelas dan Nama Wali Kelas.

6.

Data Mata Pelajaran


Pada data Mata Pelajaran ini yang diinputkan adalah prodi, nama mata
pelajaran, inisial, semester, nilai kkm.

7.

Data Guru
Pada data Guru ini yang diinputkan adalah nip, nama, password dan lain
sebagainya.

8.

Data Siswa
Pada data Guru ini yang diinputkan adalah nis, nama ,password dan lain
sebagainya.

9.

Data Jadwal
Pada data jadwal ini yang di inputkan adalah nama hari, nama kelas, jam
ke, nama mata pelajaran, nama guru, nama ruangan.

10. Data Nilai

V-5

Pada data nilai ini yang di inputkan adalah mata pelajaran, kelas nama
guru, nama siswa, nilai pengetahuan, nilai praktek nilai sikap,

5.2.2 Proses
Proses yang terjadi pada sistem ini adalah:
1.

Proses Pengelolaan Data User


Proses menginputkan data user admin, data user guru dan data user siswa.

2.

Proses Pengelolaan Data Master


Proses menginputkan data ruangan, data kelas dan data mata pelajaran.

3.

Proses Pengelolaan Data Diri


Proses menginputkan data guru dan data siswa.

4.

Proses pengolaan Data Jadwal


Proses menginputkan data Jadwal

5.

Proses pengolahan Data Nilai


Proses menginputkan data Nilai.

5.2.3 Data Keluaran (output)


Adapun keluaran (output) yang akan ditampilkan dari sistem ini berupa
laporan.

5.3

Hasil Perancangan
Hasil perancangan sebuah sistem meliputi flowchart, contex diagram, data

flow diagram, entity relationship diagram, perancangan tabel, dan perancangan antar
muka.

5.3.1 Flowchart
Pada flowchart sistem baru terdapat 4 hubungan antar admin, system, guru dan
siswa dengan diawali dengan mulai, login, input data, penyimpanan kedalam database,
laporan dan diakhiri selesai. Selengkapnya dapat dilihat pada Gambar 5.2

V-6

Flowchart Sistem Baru


Admin

Sistem

Mulai

Tidak

Guru

Siswa

Mulai

Mulai

Login

Login

Prosis Login

Login

Validasi ?

Tidak

Ya

User

Ya
Admin

Input user_Admin

Guru

Input user_Guru

Siswa

Input user_Siswa

Ruangan

Input Ruangan

Ya

Data Master

Kelas

Input Kelas

Mata
Pelajaran

Input Mata
Pelajaran
Data Diri
( GURU )

Input Guru ( Data Diri Sendiri )


Data Diri

Guru

Input Guru
Input Siswa ( Data Diri Sendiri )

Siswa

Jadwal
Mengajar

Input Siswa
jadwal

Data Diri
( SISWA )

Ruangan
Kelas
Mata Pelajaran
Guru

Jadwal

Input Jadwal
Siswa
Jadwal

Nilai
Nilai

Input Nilai
Siswa

Siswa

Cari Siswa
Cari Siswa
Siswa

Pindah kelas
Siswa

Input Kelas Baru


Siswa

Pindah kelas
Siswa

Nilai Siswa
Semester
Genap

DATABASE
(siakad_smatambang)

Semester
Ganjil
Nilai
Nilai

Laporan

Laporan Nilai

Jadwal Per
Kelas
Jadwal Per
Guru

Jadwal Per
Hari
Nilai

Phase

Selesai

Gambar 5.2 Flowchart Sistem Informasi Akadmik Sekolah

V-7

5.3.2 Context Diagram


Context Diagram digunakan untuk menggambarkan proses kerja sistem secara
umum. Context Diagram merupakan Data Flow Diagram yang menggambarkan garis
besar operasional sistem. Selengkapnya akan di jelaskan pada Gambar 5.3 di bawah
ini :
LOGIN
DATA USER ADMIN
DATA USER GURU
DATA SISWA
DATA RUANGAN
DATA KELAS
DATA MATA PELAJARAN
DATA GURU
DATA SISWA
JADWAL
MENGINPUT NILAI

LOGIN
DATA GURU ( DATA DIRI SENDIRI )
MENGINPUT NILAI

SISTEM INFORMASI AKADEMIK


SEKOLAH
( SMAN 1 TAMBANG )

ADMIN

DATA GURU
DATA SISWA
JADWAL
LAPORAN NILAI
LAPORAN JADWAL

GURU

DATA GURU ( DATA DIRI SENDIRI )


DATA SISWA
LAPORAN NILAI
LAPORAN JADWAL

LOGIN
DATA SISWA ( DATA DIRI SENDIRI )

DATA SISWA ( DATA DIRI SENDIRI )


NILAI
LAPORAN JADWAL

SISWA

Gambar 5.3 Context Diagram Sistem Informasi Akademik Sekolah

5.3.3 Data Flow Diagram (DFD)


Data Flow Diagram (DFD) sering digunakan untuk menggunakan suatu
sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa
mempertimbangkan lingkungan fisik dimana data tersebut mengalir, atau lingkungan
fisik dimana data tersebut tersimpan.

5.3.4 DFD Level 1


Pada DFD Level 1 Sistem Informasi Akademik Sekolah yang menampilkan
Entitas, Proses, Data store dan aliran data yang akan menunjukan alur jalannya data
didalam sistem. Selengkapnya pada Gambar 5.4 sebagai berikut

V-8

User_admin

User_admin
User_admin
User_guru
User_siswa

User_admin
User_guru

1.
Mengolah
Data Login

User_admin
User_guru
User_siswa

User_guru

User_guru
User_siswa

User_siswa

Ruangan

Kelas

Mata_pelajaran

User_siswa
Ruangan

Ruangan

Ruangan
Kelas
Mata_pelajaran

Admin

Ruangan

2.
Mengolah
Data Master

Kelas

Mata_pelajaran

Mata_pelajaran

Mata_pelajaran
Guru

Guru

Guru
Siswa
Data Guru
Data Siswa

Siswa_ayah

3.
Mengolah
Data Diri

Guru (DiriSendiri)

Siswa

Siswa

Guru
Siswa

Guru (Diri Sendiri)

Siswa_ayah

Siswa_ayah
Siswa_ibu

Siswa_ibu

Siswa_ibu
Siswa_wali

Siswa_wali

Siswa_wali
Siswa_gemar

Siswa_gemar

Siswa_gemar
Siswa_pnd_sblm

Siswa_pnd_sblm

Siswa_pnd_sblm

Jadwal

Ruangan
Kelas
Mata_pelajaran

4.
Mengolah
Jadwal

Jadwal

Guru
Jadwal

Nilai

Siswa

Nilai

Guru

Jadwal

Jadwal

Jadwal

Nilai
Nilai

5.
Mengolah
Nilai

Nilai

Nilai
Nilai

Siswa (DiriSendiri)

Siswa

Siswa(DiriSendiri)

Nilai

Jadwal
Nilai

Jadwal
Nilai

6.
Laporan

Jadwal

Jadwal
Nilai

Gambar 5.4 DFD Level 1 Sistem Informasi Akademik Sekolah


Proses yang didapati pada DFD level 1 merupakan proses dalam sistem
informasi Akademik Sekolah. Prosesnya antara lain pengelolaan data master,
pengelolaan data diri , pengelolaan Jadwal, pengelolaan Nilai, dan laporan.
Selengkapnya dapat dilihat pada tabel 5.1 berikut ini.

V-9

Tabel 5.1 Proses DFD Level 1 Sistem Informasi Akademik Sekolah


Nama

Deskripsi

Mengolah Data User

Berisi
proses
pengelolaan
(Admin,Guru dan Siswa).

Mengolah Data Master

Berisi proses pengelolaan data Master (Ruangan,


Kelas dan Mata Pelajaran).

Mengolah Data Diri

Berisi proses pengelolaan Data Guru dan Siswa

Mengolah Jadwal

Berisi proses pengelolaan Jadwal.

Mengolah Nilai

Berisi proses pengelolaan data nilai.

Laporan

Berisi proses pembuatan laporan.

data

User

Aliran data mendeskripsikan suatu data yang akan diproses yang menunjukkan
atau mendeskripsikan mulainya data hingga data berakhir kedalam sebuah data storage
dan dapat diproses kembali. Tabel aliran data pada DFD level 1 didapati sebagai
berikut.
Tabel 5.2 Aliran Data DFD Level 1 Sistem Informasi Pengelolaan Akademik
Sekolah
Nama

Deskripsi

User_admin

Username dan Password Admin

User_guru

Data seluruh User Guru

User_siswa

Data seluruh User Siswa

Ruangan

Data seluruh Ruangan

Kelas

Data seluruh Kelas

Mata_Pelajaran

Data seluruh Mata Pelajaran

Guru

Data seluruh Guru

Siswa

Data seluruh Siswa

Siswa_ayah

Data seluruh Orang Tua Ayah dari Siswa

Siswa_ibu

Data seluruh Orang Tua Ibu dari Siswa

Siswa_wali

Data seluruh Wali dari Siswa

Siswa_gemar

Data seluruh Kegemaran Siswa

Siswa_pnd_sblm

Data seluruh Pendidikan Sebelumnya Siswa

V-10

Jadwal

Data Jadwal Pelajaran

Nilai

Data seluruh Nilai Siswa

Laporan

Informasi mengenai laporan

5.3.5 DFD Level 2 Proses 1 (Data User)


Pada DFD Level 2 Proses 1 (Data User) Sistem Informasi Akademik
Sekolah yang menampilkan Entitas, Proses, Data store dan aliran data yang akan
menunjukan alur jalannya data didalam sistem. Selengkapnya dapat dilihat pada
gambar 5.5 sebagai berikut.
User_admin

User_admin

1.1
Mengolah
Data User_admin

User_admin

1.2
Mengolah
Data User_guru

User_guru

1.3
Mengolah
Data User_siswa

User_siswa

User_admin

User_admin

User_guru

Admin

User_guru

User_guru

User_guru

User_siswa

User_siswa

User_siswa

User_siswa

Gambar 5.5 DFD Level 2 Proses 1 (Data User)


Proses yang didapati pada DFD level 2 proses 1 (Data User) merupakan proses
dalam sistem informasi akademik Sekolah. Prosesnya antara lain data user_admin,
user_guru dan user_siswa. Selengkapnya dapat dilihat pada tabel 5.3 berikut ini.
Tabel 5.3 Proses DFD Level 2 Proses 1 (Data User)
Nama

Deskripsi

Mengolah Data User Admin

Berisi proses pengelolaan data User (Admin)

V-11

Mengolah Data User Guru

Berisi proses pengelolaan data User (Guru)

Mengolah Data User Siswa

Berisi proses pengelolaan data User (Siswa)

Aliran data mendeskripsikan suatu data yang akan diproses yang menunjukkan
atau mendeskripsikan mulainya data hingga data berakhir kedalam sebuah data storage
dan dapat diproses kembali. Tabel aliran data pada DFD level 2 Proses 1 didapati pada
tabel 5.4 sebagai berikut.
Tabel 5.4 Aliran Data DFD Level 2 Proses 1 (Data User)
Nama

Deskripsi

User_admin

Data username dan password admin

User_guru

Data Seluruh user guru

User_siswa

Data Seluruh user siswa

5.3.6 DFD Level 2 Proses 2 (Data Master)


Pada DFD Level 2 Proses 2 (Data Master) Sistem Informasi Akademik
Sekolah yang menampilkan Entitas, Proses, Data store dan aliran data yang akan
menunjukan alur jalannya data didalam sistem. Selengkapnya dapat dilihat pada
gambar 5.6 sebagai berikut.

V-12

2.1
Mengolah
Data Ruangan

Ruangan

2.2
Mengolah
Data Kelas

Kelas

2.3
Data Mata Pelajaran

Mata_pelajaran

Data Ruangan

Ruangan

Ruangan

Ruangan
Data Kelas

Admin

Kelas

Kelas

Kelas

Data Mata Pelajaran

Mata_pelajaran

Mata_Pelajaran

Mata_pelajaran

Gambar 5.6 DFD Level 2 Proses 2 (Data Master)

Proses yang didapati pada DFD level 2 proses 2 (Data Master) merupakan
proses dalam sistem informasi Akademik Sekolah. Prosesnya antara lain pengelolaan
data Guru dan pengelolaan data siswa.
Selengkapnya dapat dilihat pada tabel 5.5 berikut ini.
Tabel 5.5 Proses DFD Level 2 Proses 2 (Data Master)
Nama

Deskripsi

Mengolah Data Ruangan

Berisi proses pengelolaan Data Ruangan

Mengolah Data Kelas

Berisi proses pengelolaan Data Kelas

Mengolah Data Mata Pelajaran

Berisi proses pengelolaan Data Mata Pelajaran

Aliran data mendeskripsikan suatu data yang akan diproses yang menunjukkan
atau mendeskripsikan mulainya data hingga data berakhir kedalam sebuah data storage
dan dapat diproses kembali. Tabel aliran data pada DFD level 2 Proses 2 didapati pada
tabel 5.6 sebagai berikut.

V-13

Tabel 5.6 Aliran Data DFD Level 2 Proses 2 (Data Master)


Nama

Deskripsi

Ruangan

Data seluruh Ruangan

Kelas

Data seluruh Kelas

Mata_Pelajaran

Data seluruh Mata Pelajaran

5.3.7 DFD Level 2 Proses 3 (Data Diri)


Pada DFD Level 2 Proses 3 (Data Diri) Sistem Informasi Akademik Sekolah
yang menampilkan Entitas, Proses, Data store dan aliran data yang akan menunjukan
alur jalannya data didalam sistem. Selengkapnya dapat dilihat pada Gambar 5.6
sebagai berikut.

V-14

Admin

Data Guru

Guru
Siswa

3.1
Mengolah
Data Guru

Guru

3.2
Mengolah
Data Siswa

Siswa

Guru

Guru

Data Guru ( Data Diri Sendiri )


Data Siswa

Guru

Guru ( Data Diri Sendiri

Data Siswa ( Data Diri Sendiri )

Siswa

Siswa

Siswa

Siswa ( Data Diri Sendiri )

Siswa (id_siswa)

Siswa Ayah

3.3
Mengolah
Data Siswa Ayah

Siswa_Ayah

3.4
Mengolah
Data Siswa Ibu

Siswa_Ibu

Siswa_ayah

Siswa (id_siswa)
Siswa Ibu

Siswa_Ibu

Siswa (id_siswa)

Siswa Wali

Siswa Kegemaran

3.5
Mengolah
Data Siswa Wali

3.6
Mengolah
Data Siswa
Kegemaran

Siswa_wali

Siswa_Wali

Siswa (id_siswa)

Siswa_kegemaran

Siswa_Kegemaran

siswa(id_siswa)

Siswa_pnd_sblm

3.7
Mengolah
Data Siswa
Pendidikan Sebelum

Siswa_pnd_sblm

Siswa_pnd_sblm

Gambar 5.7 DFD Level 2 Proses 3 (Data Diri)

V-15

Proses yang didapati pada DFD level 2 proses 2 (Data Diri) merupakan
proses dalam sistem informasi Akademik Sekolah. Prosesnya antara lain pengelolaan
data Guru dan pengelolaan data siswa.
Selengkapnya dapat dilihat pada tabel 5.5 berikut ini.
Tabel 5.7 Proses DFD Level 2 Proses 3 (Data Diri)
Nama

Deskripsi

Mengolah Data Guru

Berisi proses pengelolaan Data Guru

Mengolah Data Siswa

Berisi proses pengelolaan Data Siswa

Mengolah Data Siswa Ayah

Berisi proses pengelolaan Data Siswa Ayah

Mengolah Data Siswa Ibu

Berisi proses pengelolaan Data Siswa Ibu

Mengolah Data Siswa Wali

Berisi proses pengelolaan Data Siswa Wali

Mengolah Data Siswa Kegemaran

Berisi proses pengelolaan Data Siswa Kegemaran

Mengolah Data Siswa Pendidikan Sebelum

Berisi proses pengelolaan Data Siswa Pendidikan Sebelum

Aliran data mendeskripsikan suatu data yang akan diproses yang menunjukkan
atau mendeskripsikan mulainya data hingga data berakhir kedalam sebuah data storage
dan dapat diproses kembali. Tabel aliran data pada DFD level 2 Proses 3 didapati pada
tabel 5.6 sebagai berikut.
Tabel 5.8 Aliran Data DFD Level 2 Proses 3 (Data Diri)
Nama

Deskripsi

Guru

Data seluruh Guru

Siswa

Data seluruh Siswa

Siswa_ayah

Data seluruh Siswa Ayah

Siswa_ibu

Data seluruh Siswa Ibu

Siswa_wali

Data seluruh Siswa Wali

Siswa_kegemaran

Data seluruh Siswa Kegemaran

Siswa_pnd_sblm

Data seluruh Siswa Pendidikan Sebelum

V-16

5.4

Entity Relationship Diagram (ERD)


ERD (Entity Relationship Diagram) adalah suatu model untuk menjelaskan

hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi. ERD untuk memodelkan struktur data dan
hubungan antar data, untuk menggambarkannya digunakan beberapa notasi dan
simbol.
Pada Gambar 5.8 adalah gambar ERD dari Sistem Informasi Akademik
Sekolah SMA Negeri 1 Tambang. Terdapat beberapa tabel diantaranya tabel ruangan,
tabel guru dan tabel siswa terdapat atribut yang pada tabel-tabel tersebut. Dapat dilihat
secara lengkap pada Gambar 5.8.
foto
nip_tgg_jwb

jml_jam

tgg_jwb

mapel_4

nama

mapel_3

id

mapel_2

ta

mapel_1

nip

klg_ibu
klg_ay
alamat

gol_drh

wali

Id_mapel

klg_suami_istri

nope

kelas

Id_kelas

klg_anak

agama

RUANGAN
(ti_ruang)

Id_ruang

klg_nope_isuam

Id_jam_ke

tkt

hari

prodi

JADWAL
(t_jadwal)

tgl_lahir
prodi

tmp_lahir

tkt

nama

KELAS SISWA
(tl_siswa_kelas)

jk

pddk
pkj

nama

SISWA IBU
(ts_ortu_ibu)

phasilan
stat

sdr_kandung Aanak_ke

alamat_telp

tgl_lahir

agama

tgl_lhr

alamat

foto

stat_aktif

NILAI
(tl_nilai)

agama

kwarga
pddk

tmp_lahir

MATA_PELAJARAN
(tl_mapel)

kwarga

pkj

nama

SISWA
(ts_data_siswa)

Id_siswa

phasilan

SISWA WALI
(ts_ortu_wali)

stat
alamat_telp

Id_siswa
id

Id_kelas

npwp

prodi

Id_mapel

nrg

nama_mapel

nuptk

inisial

nip

semseter

id

agama

stat

KELAS
(tl_kelas)

jabatan

nama

tgl_lahir

tmp_lahir

Id_siswa

tmp_lhr

pass_lgn

pkj
phasilan

alamat_telp

panggol

tgl_lhr

SISWA AYAH
(ts_ortu_ayah)

stat

klg_nope_isuam

kwarga
pddk

Id_siswa

agama

id

Id_jadwal

GURU
(tg_data)

jk

Id_siswa

nama

agama

ta

kapasitas

kkm

id
nama

nama_pgl

pass_lgn

nis

nisn

jk

tmp_lhr

Id_siswa

nilai

nilaikep
nama_guru

semester
ta

seni

nilaipra

lulus_dari

organisaasi

tgl_ijazah
no_ijazah

olahraga

SISWA KEGEMARAN
(ts_gemaran)

Id_siswa

SISWA PENDIDIKAN SEBELUM


(ts_pend_sebelum)

tgl_stl

no_stl
no_un_asal
lama_bljr

Status_sasal

Gambar 5.8 ERD Sistem Informasi Akademik Sekolah

lain

V-17

5.5

Perancangan Tabel
Perancangan tabel adalah proses untuk menentukan isi dan pengaturan data

yang dibutuhkan untuk mendukung berbagai rancangan sistem. Rancangan table


menggambarkan kebutuhan-kebutuhan pemrosesan dan beberapa obyek penampilan
sehingga struktur informasi dapat diatur dengan baik dan mudah dimengerti.
Pada tabel 5.9 menerangkan ERD dari Rancang Bangun Sistem Informasi
Akademik Sekolah dimana terdapat beberapa komponen yang menerangkan ERD
tersebut seperti :Nama, Deskripsi, Atribut, Primary Key dari ERD tersebut. Untuk
lebih jelas dapat dilihat pada tabel dibawah ini :
Tabel 5.9 Keterangan Entitas pada ERD
No Nama

Deskripsi

Atribut

1.

Ruangan

Menyimpan - id

(ti_ruang)

data ruangan - nama

Primary key

Foreign key

id

id

id

- tgg_jwb
- nip_tgg_jwb
2.

Kelas

Menyimpan - id

(tl_kelas)

data kelas

- prodi
- tkt
- nama
- kapasitas
- wali

Mata Pelajaran

Menyimpan - id

(tl_mapel)

data
Pelajaran

Mata- prodi
- nama_mapel
- inisial
- semester
- kkm

4.

Guru & User Guru

Menyimpan - id

id

(tg_data)

data guru

nip (Unique)

- nama
- pass_lgn

V-18

No Nama

Deskripsi

Atribut

Primary key

Foreign key

- nip
- nuptk
- nrg
- npwp
- jabatan
- tmp_lhr
- tgl_lhr
- jk
- pend_akhr
- panggol
- stat
- gol_drh
- agama
- nope
- alamat
- klg_ay
- klg_ibu
- klg_suami_istri
- klg_anak
- klg_nope_isuam
- mapel_1
- mapel_2
- mapel_3
- mapel_4
- jml_jam
- foto
- stat_aktif
5.

Siswa

Menyimpan - id

id

(ts_data_siswa)

data Siswa

nis (Unique)

- nama

V-19

No Nama

Deskripsi

Atribut

Primary key

Foreign key

- pass_lgn
- nis
- nisn
- jk
- tmp_lhr
- tgl_lhr
- agama
- anak_ke
- sdr_kandung
- alamat
- foto
- stat_aktif
6.

Siswa Ayah

Menyimpan - id_siswa

(ts_ortu_ayah)

data
Ayah

id_siswa

id_siswa

Siswa- nama
- tmp_lhr
- tgl_lhr
- agama
- kwarga
- pddk
- pkj
- phasilan
- stat
- alamat_tlp

7.

Siswa Ibu

Menyimpan - id_siswa

(ts_ortu_ibu)

data Siswa Ibu.- nama


- tmp_lhr
- tgl_lhr
- agama
- kwarga

V-20

No Nama

Deskripsi

Atribut

Primary key

Foreign key

- pddk
- pkj
- phasilan
- stat
- alamat_tlp
8.

Siswa Wali

Menyimpan - id_siswa

(ts_ortu_wali)

data

id_siswa

id_siswa

id_siswa

Siswa- nama

Wali.

- tmp_lhr
- tgl_lhr
- agama
- kwarga
- pddk
- pkj
- phasilan
- stat
- alamat_tlp

9.

Siswa Kegemaran

Menyimpan - id_siswa

(ts_gemar)

data

Siswa- seni

Gemar.

- olahraga
- organisasi
- lain

10. Siswa

PendidikanMenyimpan - id_siswa

Sebelum

data

Siswa- lulus_dari

(ts_pend_sebelum)

Pendidikan

- tgl_ijazah

Sebelum.

- no_ijazah
- tgl_stl
- no_stl
- no_un_asal
- lama_bljr

V-21

No Nama

Deskripsi

Atribut

Primary key

Foreign key

- status_sasal
11. Siswa Kelas
(tl_siswa_kelas)

Menyimpan - id_siswa
data

Siswa- ta

Kelas.

- id_siswa
- kelas

- kelas
- agama
- jk
- prodi
- tkt

12. Jadwal
(t_jadwal)

Menyimpan - id_jadwal

id_jadwal

data Jadwal. - hari

- nip
- id_mapel

- id_jam_ke

- id_kelas

- nip

- id_ruang

- id_mapel
- id_kelas
- id_ruang
- ta
13. Nilai
(tl_nilai)

Menyimpan - id_siswa
data

Siswa- id_kelas

Kelas.

- id_siswa
- id_kelas

- id_mapel

- id_mapel

- nilai
- nilaipra
- nilaikep
- nama_guru
- semester
- ta
14. User_admin
(t_user)

Menyiman

- id

data Usermane- n
dan Password - p
- nama

id

V-22

No Nama

Deskripsi

Atribut

Primary key

Foreign key

- level

Tabel 5.10 ini akan menerangkan data tabel dari perancangan Database pada
tabel ruangan yang berisikan informasi seperti: nama isian data (Field), tipe data dan
jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas dapat
dilihat pada tabel dibawah ini .
Tabel 5.10 Konseptual data model Tabel Ruangan

Nama Field Type dan Length

Deskripsi

Keterangan

id

Int(2)

Id

nama

Varchar(20)

Nama Ruangan

tgg_jwb

Varchar(100)

Nama Penganggung Jawab

nip_tgg_jwb varchar(25)

Primary Key

NIP Penanggung Jawab

Tabel 5.11 ini akan menerangkan data tabel dari perancangan Database pada
tabel kelas yang berisikan informasi seperti: nama isian data (Field), tipe data dan
jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas dapat
dilihat pada tabel dibawah ini .
Tabel 5.11 Konseptual data model Tabel Kelas

Nama Field

Type dan Length

Deskripsi

id

Int(2)

Id

prodi

Varchar(6)

Program Didikan

tkt

Varchar(3)

Tingkatan

nama

Varchar(20)

Nama Kelas

kapasitas

Int(3)

Kapasitas Kelas

wali

Varchar(100)

Nama Wali Kelas

Keterangan
Primary Key

Tabel 5.12 ini akan menerangkan data tabel dari perancangan Database pada
tabel mata pelajaran yang berisikan informasi seperti: nama isian data (Field), tipe

V-23

data dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih
jelas dapat dilihat pada tabel dibawah ini .
Tabel 5.12 Konseptual data model Tabel Mata Pelajaran

Nama Field

Type dan Length

Deskripsi

id

Int(3)

Id

prodi

Varchar(6)

Program Didikan

Keterangan
Primary Key

nama_mapel Varchar(100)

Nama Mata Pelajaran

inisial

Varchar(10)

Inisial Mata Pelajaran

semester

Int(1)

Semester

kkm

Double

Kriteria Ketuntasan Minimal

Tabel 5.13 ini akan menerangkan data tabel dari perancangan Database pada
tabel guru yang berisikan informasi seperti: nama isian data (Field), tipe data dan
jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas dapat
dilihat pada tabel dibawah ini .
Tabel 5.13 Konseptual data model Tabel Guru & User Guru

Nama Field

Type dan Length

Deskripsi

id

Int(3)

Id

nama

Varchar(100)

Nama

pass_lgn

Varchar(50)

Password Login

nip

Varchar(25)

NIP Guru

nuptk

Int(25)

NUPTK Guru

nrg

Int(25)

No. Registrasi

npwp

Int(25)

NPWP Guru

jabatan

Varchar(50)

Jabatan Guru

tmp_lhr

Varchar(100)

Tempat Lahir

tgl_lhr

Date

Tanggal Lahir

jk

Enum(L,P)

Jenis Kelamin

pend_akhr

Varchar(30)

Pendidikan Terakhir

Panggol

Varchar(25)

Pangkat dan Golongan

Keterangan
Primary Key

Unique

V-24

Enum(Kawin,Belu
Status Diri
m Kawin)

stat

gol_drh

Enum(A,B,AB,
O,-)

Golongan Darah

agama

Varchar(20)

Agama

nope

Varchar(20)

No Telepon / Handphone

alamat

Varchar(200)

Alamat

klg_ay

Varchar(100)

Nama Ayah

klg_ibu

Varchar(100)

Nama Ibu

klg_suami_istri Varchar(100)

Nama Suami / Istri

nlg_nope_isuamVarchar(20)

No HP Istri/Suami
Mata Pelajaran yg diajarkan

mapel_1

Varchar(100)

mapel_2

Varchar(100)

mapel_3

Varchar(100)

mapel_4

Varchar(100)

jml_jam

Int(2)

Jumlah Jam

foto

Varchar(255)

Foto

stat_aktif

Enum(Aktif,Non
Aktif)

1
Mata Pelajaran yg diajarkan
2
Mata Pelajaran yg diajarkan
3
Mata Pelajaran yg diajarkan
4

Status Aktif

Tabel 5.14 ini akan menerangkan data tabel dari perancangan Database pada
tabel siswa yang berisikan informasi seperti: nama isian data (Field), tipe data dan
jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas dapat
dilihat pada tabel dibawah ini .

V-25

Tabel 5.14 Konseptual data model Tabel Siswa & User Siswa

Nama Field

Type dan Length

id

Int(3)

Id

nama

Varchar(100)

Nama

pass_lgn

Varchar(50)

Password Login

nis

Varchar(25)

NIS Siswa

nisn

Int(25)

NISN Siswa

jk

Enum(L,P)

Jenis Kelamin

tmp_lhr

Varchar(100)

Tempat Lahir

tgl_lhr

Date

Tanggal Lahir

agama

Varchar(20)

Agama

anak_ke

Int(2)

Anak ke Berapa

sdr_kandung

Int(2)

Jumlah Saudara

alamat

Varchar(200)

Alamat

foto

Varchar(255)

Foto

stat_aktif

Enum(Aktif,Kelua
r,Pindah,Lulus)

Deskripsi

Keterangan
Primary Key

Unique

Status Aktif

Tabel 5.15 ini akan menerangkan data tabel dari perancangan Database pada
tabel siswa ayah yang berisikan informasi seperti: nama isian data (Field), tipe data
dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas
dapat dilihat pada tabel dibawah ini .
Tabel 5.15 Konseptual data model Tabel Siswa Ayah

Nama Field

Type dan Length

Deskripsi

id_siswa

Int(3)

Id Siswa

nama

Varchar(100)

Nama

tmp_lhr

Varchar(100)

Tempat Lahir

tgl_lhr

Date

Tanggal Lahir

agama

Varchar(20)

Agama

Keterangan
Foreign Key

V-26

kwarga

Enum(WNI,WNA
)

Kewarganegaraan

pddk

Varchar(20)

Pendidikan Terakhir

pkj

Varchar(30)

Pekerjaan

penghasilan

Decimal(10,0)

Penghasilan

status

Varchar(20)

alamat_telp

Varchar(100)

Masih ada atau sudah


Menginggal.
Alamat dan No. Telp

Tabel 5.16 ini akan menerangkan data tabel dari perancangan Database pada
tabel siswa ibu yang berisikan informasi seperti: nama isian data (Field), tipe data dan
jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas dapat
dilihat pada tabel dibawah ini .
Tabel 5.16 Konseptual data model Tabel Siswa Ibu

Nama Field

Type dan Length

id_siswa

Int(3)

Id Siswa

Nama

Varchar(100)

Nama

tmp_lhr

Varchar(100)

Tempat Lahir

tgl_lhr

Date

Tanggal Lahir

Agama

Varchar(20)

Agama

kwarga

Enum(WNI,WNA
)

Deskripsi

Kewarganegaraan

pddk

Varchar(20)

Pendidikan Terakhir

pkj

Varchar(30)

Pekerjaan

penghasilan

Decimal(10,0)

Penghasilan

status

Varchar(20)

alamat_telp

Varchar(100)

Masih ada atau sudah


Menginggal.
Alamat dan No. Telp

Keterangan
Foreign Key

V-27

Tabel 5.17 ini akan menerangkan data tabel dari perancangan Database pada
tabel siswa wali yang berisikan informasi seperti: nama isian data (Field), tipe data
dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas
dapat dilihat pada tabel dibawah ini .
Tabel 5.17 Konseptual data model Tabel Siswa Wali

Nama Field

Type dan Length

id_siswa

Int(3)

Id Siswa

nama

Varchar(100)

Nama

tmp_lhr

Varchar(100)

Tempat Lahir

tgl_lhr

Date

Tanggal Lahir

agama

Varchar(20)

Agama

kwarga

Enum(WNI,WNA
)

Deskripsi

Keterangan
Foreign Key

Kewarganegaraan

pddk

Varchar(20)

Pendidikan Terakhir

pkj

Varchar(30)

Pekerjaan

penghasilan

Decimal(10,0)

Penghasilan

status

Varchar(20)

alamat_telp

Varchar(100)

Masih ada atau sudah


Menginggal.
Alamat dan No. Telp

Tabel 5.18 ini akan menerangkan data tabel dari perancangan Database pada
tabel siswa kegemaran yang berisikan informasi seperti: nama isian data (Field), tipe
data dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih
jelas dapat dilihat pada tabel dibawah ini .
Tabel 5.18 Konseptual data model Tabel Siswa Kegemaran

Nama Field

Type dan Length

Deskripsi

id_siswa

Int(3)

Id Siswa

seni

Varchar(150)

Seni

olahraga

Varchar(150)

Olahraga

organisai

Varchar(150)

Organisasi

Keterangan
Foreign Key

V-28

lain

Varchar(150)

Kegemaran yang Lain

Tabel 5.19 ini akan menerangkan data tabel dari perancangan Database pada
tabel siswa pendidikan sebelum yang berisikan informasi seperti: nama isian data
(Field), tipe data dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan.
Untuk lebih jelas dapat dilihat pada tabel dibawah ini .
Tabel 5.19 Konseptual data model Tabel Siswa Pendidikan Sebelum

Nama Field

Type dan Length

Deskripsi

id_siswa

Int(3)

Id Siswa

lulus_dari

Varchar(100)

Nama Sekolah Sebelumnya

tgl_ijazah

date

Tanggal Ijazah

no_ijazah

Int(50)

No. Ijazah

tgl_stl

date

Tanggal SKHUN / STL

no_stl

Int(50)

No. SKHUN / STL

no_un_asal

Int(50)

No Ujian Sebelumnya

lama_bljr

Int(2)

Lama Bejarar (Tahun)

status_sasal

Enum(N,S)

Status Sekolah Asal

Keterangan
Foreign Key

Tabel 5.20 ini akan menerangkan data tabel dari perancangan Database pada
tabel siswa kelas sebelum yang berisikan informasi seperti: nama isian data (Field),
tipe data dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk
lebih jelas dapat dilihat pada tabel dibawah ini .
Tabel 5.20 Konseptual data model Tabel Siswa Kelas

Nama Field

Type dan Length

Deskripsi

id_siswa

Int(3)

Id Siswa

ta

Year(4)

Tahun Ajaran

kelas

Int(2)

Id Kelas

agama

Varchar(20)

Agama

jk

Enum(L,P)

Jenis Kelamin

Keterangan
Foreign Key

Foreign Key

V-29

prodi

Varchar(6)

Program didikan

tkt

Varchar(3)

Tingkatan

Tabel 5.21 ini akan menerangkan data tabel dari perancangan Database pada
tabel jadwal sebelum yang berisikan informasi seperti: nama isian data (Field), tipe
data dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih
jelas dapat dilihat pada tabel dibawah ini .
Tabel 5.21 Konseptual data model Tabel Jadwal

Nama Field

Type dan Length

Deskripsi

Keterangan

id_jadwal

Int(4)

Id Jadwal

hari

Varchar(7)

Hari

id_jam_ke

Int(3)

Id Kelas

nip

Varchar(25)

NIP Guru

Foreign Key

id_mapel

Int(3)

Id Mata Pelajaran

Foreign Key

id_kelas

Int(3)

Id Kelas

Foreign Key

id_ruang

Int(3)

Id Ruang

Foreign Key

ta

Year(4)

Tahun Ajaran

Primary Key

Tabel 5.22 ini akan menerangkan data tabel dari perancangan Database pada
tabel nilai sebelum yang berisikan informasi seperti: nama isian data (Field), tipe data
dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk lebih jelas
dapat dilihat pada tabel dibawah ini .
Tabel 5.22 Konseptual data model Tabel Nilai

Nama Field

Type dan Length

Deskripsi

Keterangan

id_siswa

Int(3)

Id Siswa

Foreign Key

id_kelas

Int(3)

Id Kelas

Foreign Key

id_mapel

Int(3)

Id Mata Pelajaran

Foreign Key

nilai

Float

Nilai Pengetahuan

nilaipra

Float

Nilai Praktek

V-30

nilaikep

Float

Nilai Kepribadian/Sikap

nama_guru

Varchar(25)

Nama Guru Mata Pelajaran Foreign key

semester

Int(1)

Semester

ta

Year(4)

Tahun Ajaran

Tabel 5.23 ini akan menerangkan data tabel dari perancangan Database pada
tabel user Admin sebelum yang berisikan informasi seperti: nama isian data (Field),
tipe data dan jumlah isi data (Type dan Length) , Deskripsi dan Keterangan. Untuk
lebih jelas dapat dilihat pada tabel dibawah ini .
Tabel 5.23 Konseptual data model Tabel User Admin

Nama Field

Type dan Length

Deskripsi

id

Int(1)

Id

Varchar(20)

Username

Varchar(20)

Password

nama

Varchar(20)

Nama

level

Varchar(20)

Level

Keterangan
Primary Key

5.5.1 Rancangan Struktur Menu


Pada rancangan struktur menu admin pada sistem informasi akademik sekolah
terdapat beberapa menu antaranya data user,data master dll. Selengkapnya akan
dijelaskan pada Gambar 5.8 berikut ini :

V-31

STRUKTUR MENU SISTEM INFORMASI AKADEMIK SEKOLAH


( ADMIN )

HOME

USER

DATA MASTER

DATA DIRI

ADMIN

RUANGAN

GURU

GURU

KELAS

SISWA

SISWA

MATA PELAJARAN

JADWAL PELAJARAN

INPUT NILAI

CARI SISWA

PINDAH KELAS

LAPORAN

WEBSITE SEKOLAH

LOGOUT

JADWAL GURU

JADWAL KELAS

JADWAL HARI

NILAI

Gambar 5.8 Rancangan Menu Admin

Pada rancangan struktur menu guru pada sistem informasi akademik sekolah
terdapat beberapa menu antaranya Jadwal mengajar, Input nilai dll. Selengkapnya
akan dijelaskan pada Gambar 5.9 berikut ini :
STRUKTUR MENU SISTEM INFORMASI AKADEMIK SEKOLAH
( GURU )

HOME

DATA ANDA

JADWAL
MENGAJAR

INPUT NILAI

CARI SISWA

PINDAH KELAS

LAPORAN NILAI

WEBSITE SEKOLAH

LOGOUT

Gambar 5.9 Rancangan Menu Guru

Pada rancangan struktur menu siswa pada sistem informasi akademik sekolah
terdapat beberapa menu antaranya data jadwal pelajaran, data nilai . Selengkapnya
akan dijelaskan pada Gambar 5.10 berikut ini :

V-32

STRUKTUR MENU SISTEM INFORMASI AKADEMIK SEKOLAH


( SISWA )

HOME

DATA ANDA

JADWAL PELAJARAN

LAPORAN NILAI

WEBSITE SEKOLAH

LOGOUT

SEMESTER 1

SEMESTER 2

Gambar 5.10 Rancangan Menu Siswa

5.6

Rancangan Antar Muka


Perancangan antar muka / interface adalah sarana pengembangan sistem yang

digunakan untuk membuat komunikasi lebih mudah, konsisten antara sistem dengan
pemakaiannya. Rancangan antar muka digunakan agar pengguna nyaman dan mudah
dipahami oleh pengguna.

5.6.1 Perancangan Antar Muka Halaman Utama Website


Pada tampilan perancangan antar Halaman Utama website terdapat tampilan
Memilih Login guru atau siswa . Selengkapnya dapat dilihat pada Gambar 5.11

V-33

HOME

LOGO

LOGO

WEB SEKOLAH

HALAMAN LOGIN
SISTEM INFORMASI AKADEMIK
SMA NEGERI 1 TAMBANG

JL. Raya Pekanbaru - Bangkinang, Kec. Tambang, Kab. Kampar


Telp. | Fax.
LOGIN GURU

LOGIN SISWA

Gambar 5.11 Rancangan Antar Muka Halaman Utama Website

5.6.2 Perancangan Antar Login Admin


Pada tampilan perancangan antar muka login admin terdapat tampilan untuk
login admin . Selengkapnya dapat dilihat pada Gambar 5.12

SIGN IN

LOGO
ADMIN WEB
SMA N 1 TAMBANG

Username

Password
Tahun Ajaran

Submit

Gambar 5.12 Rancangan Antar Muka Login Admin

5.6.3 Perancangan Antar Muka Login Guru

V-34

Pada tampilan perancangan antar muka login Guru terdapat tampilan untuk
login Guru . Selengkapnya dapat dilihat pada Gambar 5.13
HOME

LOGO

WEB SEKOLAH

LOGIN GURU
Silahkan Inputkan NIP dan PASSWORD Anda.

No. Induk Pegawai

Password

Tahun Ajaran

LOGIN
Gambar 5.13 Rancangan Antar Muka Login Guru

5.6.4 Perancangan Antar Muka Login Siswa


Pada tampilan perancangan antar muka login Siswa terdapat tampilan untuk
login Siswa . Selengkapnya dapat dilihat pada Gambar 5.14

V-35

HOME

LOGO

WEB SEKOLAH

LOGIN SISWA
Silahkan Inputkan NIS dan PASSWORD Anda.

No. Induk Siswa

Password

Tahun Ajaran

LOGIN
Gambar 5.14 Rancangan Antar Muka Login Siswa

5.6.4 Perancangan Antar Muka Halaman Utama Admin


Pada tampilan perancangan antar muka Halaman Admin terdapat beberapa
menu yaitu : menu user, data master, data diri dan lain- lain . Berikut Gambar 5.15
adalah gambar Rancangan Halaman Utama Admin . Gambar Selengkapnya dapat
dilihat pada Lampiran A.

V-36

LOGO

Home

.:: ASSALAMUALAIKUM WR. WB. ANDA SEDANG BERADA DI DALAM HALAMAN KHUSUS ADMIN ::.

User

Data Master

Data Diri

Jadwal Pelajaran

Input Nilai

Cari Siswa

Pindah Kelas

Laporan

Website Sekolah

Logout

2015 Sistem Informasi Akademik SMA Negeri 1 Tambang


Developed By Rahmad Rizki Adi

Gambar 5.15 Rancangan Antar Muka Halaman Utama Admin

5.6.4 Perancangan Antar Muka Halaman Utama Guru


Pada tampilan perancangan antar muka Halaman Guru terdapat beberapa menu
yaitu : menu data anda, jadwal mengajar, input dan lain- lain . Berikut Gambar 5.16
adalah gambar Rancangan Halaman Utama Guru . Gambar Selengkapnya dapat dilihat
pada Lampiran C.

V-37

Nama Guru

LOGO

Home

.:: ASSALAMUALAIKUM WR. WB. ANDA SEDANG BERADA DI DALAM HALAMAN GURU ::.

Data Anda

Jadwal Mengajar

Input Nilai

Cari Siswa

Pindah Kelas

Laporan Nilai

Website Sekolah

Logout

2015 Sistem Informasi Akademik SMA Negeri 1 Tambang


By Rahmad Rizki Adi

Gambar 5.16 Rancangan Antar Muka Halaman Utama Guru

5.6.4 Perancangan Antar Muka Halaman Utama Guru


Pada tampilan perancangan antar muka Halaman Guru terdapat beberapa menu
yaitu : menu data anda, jadwal mengajar, input dan lain- lain . Berikut Gambar 5.16
adalah gambar Rancangan Halaman Utama Guru . Gambar Selengkapnya dapat dilihat
pada Lampiran B.

V-38

Nama Guru

LOGO

Home

Data Anda

.:: ASSALAMUALAIKUM WR. WB. ANDA SEDANG BERADA DI DALAM HALAMAN SISWA ::.

Jadwal Pelajaran

Laporan Nilai

Website Sekolah

Logout

2015 Sistem Informasi Akademik SMA Negeri 1 Tambang


By Rahmad Rizki Adi

Gambar 5.16 Rancangan Antar Muka Halaman Utama Siswa

VI - 1

BAB VI
IMPLEMENTASI DAN PENGUJIAN
6.1

Implementasi Sistem
Implementasi merupakan bagian dari Analisa Sistem Baru yang telah

dijelaskan pada bab sebelumnya yaitu Bab V Analisa dan Perancangan. Dalam hal
ini implementasi merupakan tahap dimana sistem siap dioperasikan pada keadaaan
yang sebenarnya, sehingga akan diketahui apakah sistem yang dibuat benar-benar
dapat menghasilkan tujuan yang ingin dicapai. Sistem ini dibangun dengan dengan
menggunakan bahasa pemrograman PHP.

6.1.1 Pengertian dan Tujuan Implementasi


Implementasi sistem merupakan tahap kelanjutan dari perancangan sistem
yang telah didesain. Pada tahap ini, difokuskan untuk membangun sistem yang
telah dirancang dengan bahasa pemrograman sehingga hasil yang didapat sesuai
dengan yang diinginkan
Adapun tujuan implementasi adalah sebagai berikut:
1.

Menyelesaikan desain sistem yang ada dalam dokumen perancangan yang


telah disetujui.

2.

Menguji dan mendokumentasikan program-program atau prosedur - prosedur


dari dokumen perancangan sistem yang telah disetujui.

3.

Memastikan bahwa pemakai dapat mengoperasikan sistem yakni dengan


mempersiapkan secara manual pemakai serta melatih pemakai.

4.

Mempertimbangkan bahwa sistem memenuhi permintaaan pemakai yakni


dengan menguji secara keseluruhan.

5.

Memastikan bahwa konversi ke sistem baru berjalan dengan benar yakni


dengan membuat rencana, mengontrol dan melakukan instalasi sistem secara
benar.

VI-1

VI-2

6.1.2 Lingkungan Implementasi


Dalam pengimplementasiaannya aplikasi ini membutuhkan perangkat
pendukung, seperti perangkat keras dan perangkat lunak. Adapun Perangkat keras
yang dibutuhkan antara lain yaitu:
1.

Processor

: Intel Core i3

2.

RAM

: 4 GB

3.

Harddisk

: 500 GB

Dan perangkat lunak yang dibutuhkan :


1.

Platform

: Windows 10

2.

Bahasa Pemograman

: HTML, PHP, Java Script,CSS

3.

DBMS

: MySQL

4.

Web server

: Apache

5.

Browser

: Mozilla Firefox

6.

Server

: localhost

7.

Tools

: Sublime Text 3

6.2

Implementasi Antar Muka Halaman Utama Website


Pada

rancangan

antarmuka

pada

Halaman

Utama

Website,

diimplementasikan beberapa tampilan halaman menu setelah sistem selesai dibuat.


Selengkapnya pada Gambar 6.1 berikut ini

VI-3

Gambar 6.1 Halaman Utama Website

6.3

Implementasi Antar Muka Admin


Bagian implementasi merupakan tahap pengembangan dari setiap operasi

yang akan digunakan. Adapun bagian Implementasi sistem merupakan bentuk asli
sistem yang dibuat berdasarkan rancangan interface yang telah dibuat sebelumnya,
sehingga akan manampilkan bentuk sistem secara keseluruhannya.
Pada rancangan antarmuka pada admin, diimplementasikan beberapa
tampilan halaman menu setelah sistem selesai dibuat. Berikut ini halaman menu
pada admin:

6.3.1 Halaman Login Admin


Merupakan bagian awal sistem yang akan ditampilkan sebelum masuk
kehalaman admin. Untuk menggunakan sistem, pengguna harus terlebih dahulu
menginputkan Username, Password, dan klik tombol icon Checklis. Jika username,
password, sesuai, maka pengguna akan masuk ke dalam sistem. Selengkapnya pada
Gambar 6.2 berikut ini

VI-4

Gambar 6.2 Form Login Admin

6.3.2 Halaman Administrator


Merupakan halaman utama untuk pengguna sebagai administrator, pada
halaman ini administrator dapat melakukan pengolahan data user(admin, guru dan
siswa), data master (ruangan, kelas dan mata pelajaran) dan lainya. Selengkapnya
pada Gambar 6.3 sebagai berikut ini.

Gambar 6.3 Halaman Utama Administrator

VI-5

6.3.3 Halaman User Admin


Pada menu user admin hanya bisa mengubah username dan password admin
saja. Selengkapnya pada Gambar 6.4 sebagai berikut ini

Gambar 6.4 Halaman User Admin

6.3.4 Halaman User Guru


Pada menu user guru, admin dapat menambah, mengubah data user guru.
Selengkapnya pada Gambar 6.5 sebagai berikut ini

VI-6

Gambar 6.5 Halaman User Guru


Pada Gambar 6.6 dapat dilihat tampilan sistem untuk input data user guru
baru oleh admin sistem.

Gambar 6.6 Halaman Input User Guru

6.3.5 Halaman User Siswa


Pada menu user siswa, admin dapat menambah, mengubah data user siswa.
Selengkapnya pada Gambar 6.7 sebagai berikut ini

VI-7

Gambar 6.7 Halaman User Siswa

Pada Gambar 6.8 dapat dilihat tampilan sistem untuk input data user siswa
baru oleh admin sistem.

Gambar 6.8 Halaman Input User Siswa

VI-8

6.3.6 Halaman Data Master Ruangan


Pada menu data master ruangan, admin dapat menambah, mengubah dan
menghapus data ruangan. Selengkapnya pada Gambar 6.9 sebagai berikut ini

Gambar 6.9 Halaman Data Mater Ruangan


Pada Gambar 6.10 dapat dilihat tampilan sistem untuk input data ruangan
baru oleh admin sistem.

Gambar 6.10 Halaman Input Data Ruangan

VI-9

6.3.7 Halaman Data Master Kelas


Pada menu data master kelas, admin dapat menambah, mengubah dan
menghapus data kelas. Selengkapnya pada Gambar 6.11 sebagai berikut ini

Gambar 6.11 Halaman Data Mater Kelas


Pada Gambar 6.12 dapat dilihat tampilan sistem untuk input data kelas baru
oleh admin sistem.

Gambar 6.12 Halaman Input Data Kelas

VI-10

6.3.8 Halaman Data Master Mata Pelajaran


Pada menu data master mata pelajaran, admin dapat menambah, mengubah
dan menghapus data mata pelajaran. Selengkapnya pada Gambar 6.13 sebagai
berikut ini :

Gambar 6.13 Halaman Data Mater Mata Pelajaran


Pada Gambar 6.14 dapat dilihat tampilan sistem untuk input data mata
pelajaran baru oleh admin sistem.

Gambar 6.14 Halaman Input Data Mata Pelajaran

VI-11

6.3.9 Halaman Data Diri Guru


Pada menu data diri guru, admin dapat menambah dan mengubah data guru.
Selengkapnya pada Gambar 6.15 sebagai berikut ini :

Gambar 6.15 Halaman Data Diri Guru


Pada Gambar 6.16 dapat dilihat tampilan sistem untuk input data guru baru
oleh admin sistem.

Gambar 6.16 Halaman Input Data Guru

VI-12

6.3.10 Halaman Data Diri Siswa


Pada menu data diri siswa, admin dapat menambah dan mengubah data
siswa. Selengkapnya pada Gambar 6.17 sebagai berikut ini :

Gambar 6.17 Halaman Data Diri Siswa


Pada Gambar 6.18 dapat dilihat tampilan sistem untuk input data siswa baru
oleh admin sistem.

Gambar 6.18 Halaman Input Data Siswa

VI-13

6.3.11 Halaman Jadwal Pelajaran


Pada menu jadwal pelajaran, admin dapat menambah dan mengubah data
jadwal pelajaran. Selengkapnya pada Gambar 6.19 sebagai berikut ini :

Gambar 6.19 Halaman Jadwal Pelajaran


Pada Gambar 6.20 dapat dilihat tampilan sistem untuk input data jadwal
pelajaran oleh admin sistem.

Gambar 6.20 Halaman Input Data Jadwal Pelajaran

VI-14

6.3.12 Halaman Input Nilai


Pada menu input nilai, admin dapat menambah dan mengubah data nilai.
Selengkapnya pada Gambar 6.21 sebagai berikut ini :

Gambar 6.21 Halaman Input Nilai


Pada Gambar 6.22 dapat dilihat tampilan sistem untuk input data nilai oleh
admin sistem.

Gambar 6.22 Halaman Input Nilai

VI-15

6.3.13 Halaman Cari Siswa


Pada menu cari siswa, admin dapat mencari data siswa dengan mengetikkan
nama. Selengkapnya pada Gambar 6.23 sebagai berikut ini :

Gambar 6.23 Halaman Cari Siswa

6.3.14 Halaman Pindah Kelas


Pada menu pindah kelas, admin dapat memilih kelas baru untuk siswa yang
naik kelas / pun siswa pindahan yg belum mendapatkan kelas dengan memilih
kelas. Selengkapnya pada Gambar 6.24 sebagai berikut ini :

VI-16

Gambar 6.24 Halaman Pindah Kelas

6.3.15 Halaman Laporan Jadwal Guru


Pada menu laporan jadwal guru, admin dapat melihat jadwal mengajar guru
dengan memilih nama guru. Selengkapnya pada Gambar 6.25 sebagai berikut ini :

Gambar 6.25 Halaman Laporan Jadwal Guru

VI-17

6.3.16 Halaman Laporan Jadwal Kelas


Pada menu laporan jadwal kelas, admin dapat melihat jadwal pelajaran
kelas dengan memilih kelasnya. Selengkapnya pada Gambar 6.26 sebagai berikut
ini :

Gambar 6.26 Halaman Laporan Jadwal Kelas

6.3.17 Halaman Laporan Jadwal per Hari


Pada menu laporan jadwal per hari, admin dapat melihat jadwal pelajaran
pada hari yang dipilih dengan memilih harinya. Selengkapnya pada Gambar 6.27
sebagai berikut ini :

VI-18

Gambar 6.27 Halaman Laporan Jadwal per Hari

6.3.18 Halaman Laporan Nilai


Pada menu laporan nilai, admin dapat melihat nilai siswa yang telah di
inputkan dengan memilih kelas siswa tersebut. Selengkapnya pada Gambar 6.28
sebagai berikut ini :

Gambar 6.28 Halaman Laporan Nilai

VI-19

Pada Gambar 6.29 dapat dilihat tampilan sistem untuk melihat detil dari
nilai siswa.

Gambar 6.29 Halaman Detil Nilai Siswa

6.4

Implementasi Antar Muka Guru


Pada rancangan antarmuka guru, diimplementasikan beberapa tampilan

halaman menu setelah sistem selesai dibuat. Berikut ini halaman menu pada admin:

6.4.1 Halaman Login Guru


Merupakan bagian awal sistem yang akan ditampilkan sebelum masuk
kehalaman guru. Untuk menggunakan sistem, pengguna harus terlebih dahulu
menginputkan NIP, Password, dan klik tombol Login. Jika NIP dan password,
sesuai, maka pengguna akan masuk ke dalam sistem. Selengkapnya pada Gambar
6.30 berikut ini

VI-20

Gambar 6.30 Form Login Guru

6.4.2 Halaman Guru


Merupakan halaman utama untuk pengguna sebagai guru, pada halaman ini
guru dapat melakukan pengolahan data diri(data diri sendiri) dan nilai.
Selengkapnya pada Gambar 6.31 sebagai berikut ini.

Gambar 6.31 Halaman Utama Guru

VI-21

6.4.3 Halaman Data Anda


Pada menu data anda, guru dapat melihat data dirinya. Selengkapnya pada
Gambar 6.32 sebagai berikut ini :

Gambar 6.32 Halaman Data Anda

Pada Gambar 6.33 dapat dilihat tampilan sistem untuk mengedit data diri
oleh guru.

Gambar 6.33 Halaman Edit Data Diri

VI-22

6.4.4 Halaman Jadwal Mengajar


Pada menu jadwal mengajar, guru dapat melihat data jadwal ia mengajar.
Selengkapnya pada Gambar 6.34 sebagai berikut ini :

Gambar 6.34 Halaman Jadwal Mengajar

6.5

Implementasi Antar Muka Siswa


Pada rancangan antarmuka siswa, diimplementasikan beberapa tampilan

halaman menu setelah sistem selesai dibuat. Berikut ini halaman menu pada admin:

6.5.1 Halaman Login Siswa


Merupakan bagian awal sistem yang akan ditampilkan sebelum masuk
kehalaman siswa. Untuk menggunakan sistem, pengguna harus terlebih dahulu
menginputkan NIS, Password, dan klik tombol Login. Jika NIS dan password,
sesuai, maka pengguna akan masuk ke dalam sistem. Selengkapnya pada Gambar
6.35 berikut ini

VI-23

Gambar 6.35 Form Login Siswa

6.5.2 Halaman Siswa


Merupakan halaman utama untuk pengguna sebagai siswa, pada halaman
ini siswa dapat melakukan pengolahan data diri(data diri sendiri), melihat jadwal
pelajaran dan melihat hasil nilai ujiannya. Selengkapnya pada Gambar 6.36 sebagai
berikut ini.

Gambar 6.36 Halaman Utama Siswa

VI-24

6.5.3 Halaman Data Anda


Pada menu data anda, siswa dapat melihat data dirinya. Selengkapnya pada
Gambar 6.37 sebagai berikut ini :

Gambar 6.37 Halaman Data Anda


Pada Gambar 6.38 dapat dilihat tampilan sistem untuk mengedit data diri
oleh siswa.

Gambar 6.38 Halaman Edit Data Diri

VI-25

6.5.4 Halaman Jadwal Pelajaran


Pada menu jadwal pelajaran, siswa dapat melihat data jadwal pelajarannya.
Selengkapnya pada Gambar 6.39 sebagai berikut ini :

Gambar 6.39 Halaman Jadwal Pelajaran

6.5.5 Halaman Laporan Nilai


Pada menu laporan nilai,

siswa dapat melihat hasil nilai ujiannya.

Selengkapnya pada Gambar 6.40 sebagai berikut ini :

Gambar 6.40 Halaman Laporan Nilai

VI-26

6.6

Pengujian
Tahap pengujian merupakan tahap yang dilakukan untuk mengetahui

apakah Sistem Informasi Informasi Akademik SMA Negeri 1 Tambang dapat


memenuhi kebutuhan dan berjalan sesuai dengan yang diharapkan. Teknik
pengujian yaitu menggunakan black box dan User Acceptance Test.

6.6.1 Black Box


Teknik pengujian black box, merupakan teknik pengujian yang dilakukan
dengan mengentry data pada inputan aplikasi kemudian melihat hasilnya.

6.6.1.1

Pengujian Form Login

Tabel 6.1 menerangkan hasil pengujian pada Form Login dimana terdapat
beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan, Hasil
yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel berikut.
Tabel 6.1 Pengujian Form Login
Deskripsi Pengujian Masukkan

Login

Tombol
Login

- Username =
admin
- Password =
admin
- Tahun Ajaran
=
(tahun
sekarang)

Hasil yang
diharapkan

Hasil
uji

Ket

Ketika
pengguna Sukses Login
admin menginputkan
Admin
username
dan
password
(sesuai
dengan data yang ada
pada database) maka
pengguna
berhasil
masuk kedalam sistem
dan dapat mengelola
sistem.
- Username
Ketika
pengguna Sukses
<> admin
admin menginputkan
- Password <> bukan username dan
admin
password
(sesuai
- Hak Akses = dengan data yang ada
admin
pada database) maka
sistem
akan
memberikan
pesan
Username
atau
Password
Anda

VI-27

Deskripsi Pengujian Masukkan

- NIP
=Nip
guru.
- Password =
ex:12345
- Tahun Ajaran
=
(tahun
sekarang)

- NIS<> Nip
guru.
- Password<>
ex:12345
- Hak Akses =
pimpinan

- NIS
=Nis
siswa.
- Password =
ex:12345
- Tahun Ajaran
=
(tahun
sekarang)

Hasil yang
diharapkan

Hasil
uji

Ket

Cocok!
dan
pengguna diharapkan
login
dengan
username
dan
password yang benar.
Ketika pengguna guru Sukses Login
menginputkan
NIP
Guru
dan password (sesuai
dengan data yang ada
pada database) maka
pengguna
berhasil
masuk kedalam sistem
dan dapat mengelola
sistem.
Ketika pengguna guru Sukses
menginputkan bukan
NIP dan password
(sesuai dengan data
yang ada pada
database) maka
sistem akan
memberikan pesan
Gagal Login,
Username dan
Password tidak
Sinkron! dan
pengguna diharapkan
login kembali dengan
NIP dan password
yang benar.
Ketika
pengguna Sukses Login
Siswa menginputkan
Siswa
NIS dan password
(sesuai dengan data
yang
ada
pada
database)
maka
pengguna
berhasil
masuk kedalam sistem
dan dapat mengelola
sistem.

VI-28

Deskripsi Pengujian Masukkan

- NIS<> Nis
siswa.
- Password<>
ex:12345
- Hak Akses =
pimpinan

6.6.1.2

Hasil yang
diharapkan

Hasil
uji

Ket

Ketika pengguna guru Sukses


menginputkan bukan
NIS dan password
(sesuai dengan data
yang ada pada
database) maka
sistem akan
memberikan pesan
Gagal Login,
Username dan
Password tidak
Sinkron! dan
pengguna diharapkan
login kembali dengan
NIS dan password
yang benar.

Pengujian Form User Admin

Tabel 6.2 menerangkan hasil pengujian pada Form User Admin dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.2 Pengujian Form User Admin
Deskripsi

Pengujian

Masukkan

Menu data
admin

Edit

Data
pengganti
untuk data
user admin
yang akan
dirubah

Hasil yang
diharapkan
Data berhasil
diubah sesuai
dengan
inputan yang
dimasukkan

Hasil uji
Sukses

VI-29

6.6.1.3

Pengujian Form User Guru

Tabel 6.3 menerangkan hasil pengujian pada Form User Guru dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.3 Pengujian Form User Guru
Deskripsi

Pengujian

Masukkan

Menu User
Guru

Tambah

Data User Guru

ada field yang


masih kosong

6.6.1.4

Hasil yang
diharapkan
Berhasil di validasi
dan tidak ada pesan
error

Hasil
uji
Sukses

Sukses

Sukses

Cari

Nama Guru

Muncul pesan
peringatan Isi
isian ini.
Muncul data guru
sesuai dengan
keywords
dimasukan

Edit
(Mengklik
data yang ada
di tabel)

Data pengganti
untuk data user
guru yang akan
dirubah

Data berhasil
diubah sesuai
dengan inputan
yang dimasukkan

Sukses

Pengujian Form User Siswa

Tabel 6.4 menerangkan hasil pengujian pada Form User Siswa dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.4 Pengujian Form User Siswa
Deskripsi

Pengujian

Masukkan

Menu User
Siswa

Tambah

Data User Siswa

Hasil yang
diharapkan
Berhasil di validasi
dan tidak ada pesan
error

Hasil
uji
Sukses

VI-30

Deskripsi

Pengujian

Masukkan
ada field yang
masih kosong

6.6.1.5

Cari

Nama Siswa

Edit
(Mengklik
data yang ada
di tabel)

Data pengganti
untuk data user
siswa yang akan
dirubah

Hasil yang
diharapkan
Muncul pesan
peringatan Isi
isian ini.
Muncul data siswa
sesuai dengan
keywords
dimasukan

Hasil
uji
Sukses

Data berhasil
diubah sesuai
dengan inputan
yang dimasukkan

Sukses

Sukses

Pengujian Form Data Master Ruangan

Tabel 6.5 menerangkan hasil pengujian pada Form Data Master Ruangan
dimana terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian,
Masukkan, Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat
pada tabel berikut.
Tabel 6.5 Pengujian Form Data Master Ruangan
Deskripsi

Pengujian

Masukkan

Menu Data
Master
Ruangan

Tambah

Data Ruangan

ada field yang


masih kosong

Hasil yang
Hasil
diharapkan
uji
Berhasil di validasi Sukses
dan tidak ada
pesan error

Cari

Nama Ruangan

Muncul pesan
peringatan Isi
isian ini.
Muncul data
ruangan sesuai
dengan keywords
dimasukan

Edit
(Mengklik
data yang ada
di tabel)

Data pengganti
untuk data
ruangan yang
akan dirubah

Data berhasil
diubah sesuai
dengan inputan
yang dimasukkan

Sukses

Sukses

Sukses

VI-31

Deskripsi

6.6.1.6

Pengujian

Masukkan

Hapus
(Mengklik
data yang ada
ditabel)

Hapus data
ruangan yang
akan dihapus

Hasil yang
diharapkan
Data telah dihapus
dari database

Hasil
uji
Sukses

Pengujian Form Data Master Kelas

Tabel 6.6 menerangkan hasil pengujian pada Form Data Mater Kelas
dimana terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian,
Masukkan, Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat
pada tabel berikut.
Tabel 6.6 Pengujian Form Data Master Kelas
Deskripsi

Pengujian

Masukkan

Menu Data
Master
Kelas

Tambah

Data Kelas

ada field yang


masih kosong

Hasil yang
diharapkan
Berhasil di validasi
dan tidak ada
pesan error

Hasil
uji
Sukses

Sukses

Cari

Nama Kelas

Muncul pesan
peringatan Isi
isian ini.
Muncul data kelas
sesuai dengan
keywords
dimasukan

Edit
(Mengklik
data yang ada
di tabel)

Data pengganti
untuk data kelas
yang akan
dirubah

Data berhasil
diubah sesuai
dengan inputan
yang dimasukkan

Sukses

Hapus
(Mengklik
data yang ada
ditabel)

Hapus data kelas


yang akan
dihapus

Data telah dihapus


dari database

Sukses

Sukses

VI-32

6.6.1.7

Pengujian Form Data Master Mata Pelajaran

Tabel 6.7 menerangkan hasil pengujian pada Form Data Master Mata
Pelajaran dimana terdapat beberapa informasi yakni: Deskripsi (Penjelasan),
Pengujian, Masukkan, Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat
dilihat pada tabel berikut.
Tabel 6.7 Pengujian Form Data Master Mata Pelajaran
Deskripsi

Pengujian

Masukkan

Menu Data
Master Mata
Pelajaran

Tambah

Data Mata
Pelajaran
ada field yang
masih kosong

6.6.1.8

Hasil yang
diharapkan
Berhasil di
validasi dan tidak
ada pesan error

Hasil
uji
Sukses

Muncul pesan
peringatan Isi
isian ini.
Muncul data Mata
Pelajaran sesuai
dengan keywords
dimasukan

Sukses

Cari

Nama Mata
Pelajaran

Sukses

Edit
(Mengklik
data yang ada
di tabel)

Data pengganti
untuk data mata
pelajaran yang
akan dirubah

Data berhasil
diubah sesuai
dengan inputan
yang dimasukkan

Sukses

Hapus
(Mengklik
data yang ada
ditabel)

Hapus data mata


pelajaran yang
akan dihapus

Data telah dihapus


dari database

Sukses

Pengujian Form Data Diri Guru

Tabel 6.8 menerangkan hasil pengujian pada Form Data Diri Guru dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.

VI-33

Tabel 6.8 Pengujian Form Data Diri Guru


Deskripsi

Pengujian

Masukkan

Menu Diri
Guru

Tambah

Data Guru

Ada field yang


masih kosong

6.6.1.9

Hasil yang
diharapkan
Berhasil di validasi
dan tidak ada pesan
error

Hasil
uji
Sukses

Cari

Nama Guru

Muncul pesan
Sukses
peringatan Isi isian
ini.
Muncul data admin Sukses
sesuai dengan
keywords
dimasukan

Edit
(Mengklik
data yang ada
di tabel)

Data pengganti
untuk data guru
yang akan
dirubah

Data berhasil
diubah sesuai
dengan inputan
yang dimasukkan

Sukses

Detail
(Mengklik
data yang ada
di tabel)

Klik guru yang


ingin dilihat
datanya

Berhasil Melihat
detail data guru.

Sukses

Pengujian Form Data Diri Siswa

Tabel 6.9 menerangkan hasil pengujian pada Form Data Diri Siswa dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.9 Pengujian Form Data Diri Siswa
Deskripsi

Pengujian

Masukkan

Menu Diri
Siswa

Tambah

Data Siswa

ada field yang


masih kosong

Hasil yang
diharapkan
Berhasil di validasi
dan tidak ada pesan
error

Hasil
uji
Sukses

Muncul pesan
Sukses
peringatan Isi isian
ini.

VI-34

Deskripsi

Pengujian

Masukkan

Hasil yang
diharapkan
Muncul data siswa
sesuai dengan
keywords
dimasukan

Hasil
uji
Sukses

Cari

Nama Siswa

Edit
(Mengklik
data yang ada
di tabel)

Data pengganti
untuk data siswa
yang akan
dirubah

Data berhasil
diubah sesuai
dengan inputan
yang dimasukkan

Sukses

Detail
(Mengklik
data yang ada
di tabel)

Klik siswa yang


ingin dilihat
datanya

Berhasil Melihat
detail data siswa.

Sukses

6.6.1.10 Pengujian Form Jadwal Pelajaran


Tabel 6.10 menerangkan hasil pengujian pada Form Jadwal Pelajaran
dimana terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian,
Masukkan, Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat
pada tabel berikut.
Tabel 6.10 Pengujian Form Jadwal Pelajaran
Deskripsi

Pengujian

Masukkan

Hasil yang
diharapkan

Hasil uji

Ket

Menu

Tambah /

Hari dan

Berhasil di

Sukses

Tambah

Jadwal

Edit

Kelas

validasi dan

Pelajaran

Data Jadwal

tidak ada

Jadwal
Sukses

pesan error
ada tfield
yang masih
kosong

Muncul
pesan
peringatan
Pilih dari
salah satu
item
terdaftar.

Sukses

Hari dan

Berhasil di

Sukses

Kelas

validasi dan

Edit
Jadwal

VI-35

Data
pengganti
untuk data
jadwal yang
akan
dirubah
ada field
yang masih
kosong

tidak ada

Sukses

pesan error

Muncul
pesan
peringatan
Pilih dari
salah satu
item
terdaftar.

Sukses

6.6.1.11 Pengujian Form Input Nilai


Tabel 6.11 menerangkan hasil pengujian pada Form Input Nilai dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.11 Pengujian Form Input Nilai
Deskripsi

Pengujian

Masukkan

Hasil yang
diharapkan

Hasil uji

Ket

Menu Input

Input / Edit

Mata

Berhasil di

Sukses

Input

Nilai

Nilai

Pelajaran

validasi dan

dan Kelas

tidak ada

Data Nilai

pesan error

ada field

Muncul

yang masih

pesan

kosong

peringatan
Isi Isian
ini.

Nilai

Sukses
Sukses

VI-36

Mata

Berhasil di

Pelajaran

validasi dan

dan Kelas

tidak ada

Data

pesan error

Sukses

Edit
Nilai

Sukses

pengganti
untuk data
nilai yang
akan
dirubah
ada field

Muncul

yang masih

pesan

kosong

peringatan

Sukses

Isi Isian
ini.
Print

Data jadwal

Mencetak

yang ada

Data Jadwal

pada

Pelajaran

Sukses

Database

6.6.1.12 Pengujian Cari Siswa


Tabel 6.12 menerangkan hasil pengujian pada Menu Cari Siswa dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.12 Pengujian Cari Siswa
Deskripsi

Pengujian

Masukkan

Hasil yang
diharapkan

Hasil uji

Menu Cari

Pilih Kelas

Nama Kelas

Data Siswa

Sukses

Siswa

yang berada

VI-37

pada kelas
yang dipilih
Cari

Nama Siswa

Muncul data
siswa sesuai
dengan
keywords
dimasukan

Sukses

6.6.1.13 Pengujian Pindah Kelas


Tabel 6.13 menerangkan hasil pengujian pada Menu Pindah Kelas dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.13 Pengujian Pindah Kelas
Deskripsi
Menu Pindah

Pengujian

Masukkan

Cari

Nama Siswa

Pilih Kelas
Baru

Nama Kelas

Kelas

Hasil yang
diharapkan
Muncul data
siswa sesuai
dengan
keywords
dimasukan
Siswa Berada
pada kelas
yang baru
dipilih

Hasil uji
Sukses

Sukses

6.6.1.14 Pengujian Laporan Jadwal ( Guru, Kelas, Hari )


Tabel 6.14 menerangkan hasil pengujian pada Menu Laporan Jadwal (Guru,
Kelas, Hari) dimana terdapat beberapa informasi yakni: Deskripsi (Penjelasan),
Pengujian, Masukkan, Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat
dilihat pada tabel berikut.

VI-38

Tabel 6.14 Pengujian Laporan Jadwal (Guru, Kelas, Hari)


Deskripsi

Pengujian

Masukkan

Hasil yang
diharapkan

Hasil uji

Menu

Pilih

Nama Guru

Data Jadwal

Sukses

Laporan

Guru yang di

Jadwal Guru

pilih tampil

Menu

Nama Kelas

Data Jadwal

Laporan

Kelas yang

Jadwal Kelas

di pilih

Sukses

tampil
Menu

Nama Hari

Data Jadwal

Laporan

Hari yang di

Jadwal Hari

pilih tampil

Sukses

6.6.1.15 Pengujian Laporan Nilai


Tabel 6.15 menerangkan hasil pengujian pada Menu Laporan Nilai dimana
terdapat beberapa informasi yakni: Deskripsi (Penjelasan), Pengujian, Masukkan,
Hasil yang diharapkan dan Hasil Uji. Untuk lebih jelas dapat dilihat pada tabel
berikut.
Tabel 6.15 Pengujian Laporan Kelas
Deskripsi

Pengujian

Masukkan

Menu
Laporan Nilai

Pilih

Nama Kelas

Detail
(Mengklik
data yang ada
di tabel)
Print

Siswa yang
ingin di lihat
detail
nilainya.
Siswa yang
ingin di cetak
nilainya.

Hasil yang
diharapkan
Data Siswa
yang ada
pada kelas
yang di pilih
tampil.
Detail nilai
dari siswa
yang di pilih
tampil.
Nilai siswa
dapat di cetak

Hasil uji
Sukses

Sukses

Sukses

VI-39

(Mengklik
data yang ada
di tabel)

6.6.2 User Acceptantce Test ( UAT )


Pengujian dengan user acceptence test adalah pengujian
terakhir

yang dilakukan terhadap calon pengguna pada sistem yang

diajukan. Hasil dari pengujian tersebut berupa kuisioner yang diisi oleh
calon pengguna sendiri. Adapun para penggunanya adalah sebagai berikut
:
1. Admin
2. Guru
3. Siswa

Sistem Informasi Akademik Sekolah ini di evaluasi oleh admin, guru, dan
siswa SMA Negeri 1 Tambang yang dilakukan dengan cara memberikan
kuisioner. Jumlah sampel yang diambil untuk admin berjumal 1 orang, guru
berjumlam 5 orang, dan sampel untuk siswa berjumlah 5 orang. Di bawah ini
merupakan kuisioner yang diberikan kepada admin, guru dan siswa.

VI-40

NO
1

Tabel 6.16 Kuisioner User Acceptence Test


PERTANYAAN
Interface / Tampilan

Interface/tampilan dari aplikasi sistem


informasi Akademik Sekolah ini terlihat bagus
Untuk melihat semua informasi dapat
dilakukan dengan mudah

Interface pada setiap menu terlihat bagus.

Tampilan pada aplikasi sistem informasi


akademik sekolah userfriendly

Menu-menu pada halaman sudah tersusun


secara baik dan mudah digunakan

PENILAIAN

Proses antar Menu


1

Proses login user tidak sulit

Proses pencarian informasi tidak membutuhkan


waktu lama

Pengisian data mudah dilakukan

Informasi
1
2

Informasi yang di dapat dari sistem sesuai


dengan yang di harapkan.
Output hasil pencarian langsung didapat /
tersedia

VI-41

6.6.2.1

Hasil Pengujian UAT terhadap Admin

Berikut ialah penghitungan nilai dari hasil user acceptance test terhadap admin.
= 5.0
= 5
=..%?

100 %

5.0
=
100 %
5
=

= 100 %

Note:
R= Rata Rata Keseluruhan Penilaian
MN= Maksimal Rata Rata Keseluruhan Penilaian
A= Rata Rata dalam (%)

Tabel 6.17 Hasil Pengujian UAT Admin


Penilaian

Rata -

ADMIN
Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 Q9
Hendra Feri, Amd.Kom

Q10

Rata

5.0

Rata Rata Keseluruhan Penilaian

5.0

Rata Rata Dalam (%)

100 %

Tabel 6.17 Menjelaskan tabel hasil dari pengujian UAT Pada Admin. Dari
pengujian tersebut didapat persentasi keseluruhan sebanyak 100 % dengan rata
rata nilai 5.0.

VI-42

6.6.2.2

Hasil Pengujian UAT terhadap Guru

Berikut ialah penghitungan nilai dari hasil user acceptance test terhadap guru.
= 23.6
= 25
=..%?

100 %

23.6
=
100 %
25
=

= 94.4 %

Note:
R= Rata Rata Keseluruhan Penilaian
MN= Maksimal Rata Rata Keseluruhan Penilaian
A= Rata Rata dalam (%)

Tabel 6.18 Hasil Pengujian UAT Guru


Penilaian

Rata -

GURU
Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 Q9
5
5
5
5
5
Hendra Feri, Amd.Kom 5
H. Irwan, S.Pd
5
5
5
5
5
4
Nurcholis Maksum,
5
5
4
4
5
4
S.Ip
M. Toha Suradi
4
5
4
5
5
5
Elin Sri Wahyuni
5
4
5
5
5
5
Rata Rata Keseluruhan Penilaian
Rata Rata Dalam (%)

Q10

Rata

5
5

5
5

5
4

5
4

5
4.7

4.3

5
4

5
5

5
5

5
5

4.8
4.8
23.6
94.4 %

Tabel 6.18 Menjelaskan tabel hasil dari pengujian UAT Pada 5 Guru. Dari
pengujian tersebut didapat persentasi keseluruhan sebanyak 94.4 % dengan rata
rata nilai tiap user berkisar 4.3 5.0.

VI-43

6.6.2.3

Hasil Pengujian UAT terhadap Siswa

Berikut ialah penghitungan nilai dari hasil user acceptance test terhadap guru.
= 22.7
= 25
=..%?

100 %

22.7
=
100 %
25
=

= 90.8 %

Note:
R= Rata Rata Keseluruhan Penilaian
MN= Maksimal Rata Rata Keseluruhan Penilaian
A= Rata Rata dalam (%)
Tabel 6.19 Hasil Pengujian UAT Siswa
Penilaian

Rata -

SISWA
Q1 Q2 Q3 Q4 Q5 Q6 Q7 Q8 Q9
Nurmalina Sari
Noor Hafizah
Susi Jundari
Ulvi Arisandi
Yulia Citra

4
5
4
5
5
5
4
4
4
4
5
5
5
5
4
4
4
5
4
4
4
4
5
5
4
5
5
4
4
5
Rata Rata Keseluruhan Penilaian

5
5
5
5
4

5
5
5
5
5

4
4
4
5
5

Q10

Rata

4
4
5
4
5

4.6
4.4
4.6
4.5
4.6
22.7

Rata Rata Dalam (%)

90.8 %

Tabel 6.19 Menjelaskan tabel hasil dari pengujian UAT Pada 5 Siswa.
Dari pengujian tersebut didapat persentasi keseluruhan sebanyak 90.8 % dengan
rata rata nilai tiap user berkisar 4.4 4.6.

VI-44

6.6.2.4

Hasil Keseluruhan Pengujian UAT

Berikut ialah penghitungan nilai dari hasil user acceptance test terhadap guru.
1 = 5.0
2 = 23.6
3 = 22.7
1 = 5
2= 25
3 = 25
=..%?
=

(1 + 2 + 3)
100 %
(1 + 2 + 3)

(5.0 + 23.6 + 22.7)


100 %
(5 + 25 + 25)

51.3
100 %
55

= 93.2 %

Note:
R1= Rata Rata Keseluruhan Penilaian Admin
R2= Rata Rata Keseluruhan Penilaian Guru
R3= Rata Rata Keseluruhan Penilaian Siswa
MN1= Maksimal Rata Rata Keseluruhan Penilaian Admin
MN2= Maksimal Rata Rata Keseluruhan Penilaian Guru
MN3= Maksimal Rata Rata Keseluruhan Penilaian Siswa
A= Keseluruhan Rata Rata dalam (%)

VI-45

Data yang telah direkapitulasi kemudian dipersentasekan dan diberi kriteria


sebagai berikut:
Tabel 6.20 Nilai Persentase Kuisioner (Riduan, 2011)
Rentang

Kategori

Persentase
81%-100%

Sangat Baik

61%-80%

Baik

41%-60%

Cukup Baik

21%-40%

Kurang Baik

0%-20%

Tidak Baik

Dari Perhitungan nilai UAT keseluruhan, sistem ini mendapatkan persentasi


93.2 %. Dapat diambil kesimpulan bahwa Sistem Informasi Akademik Sekolah ini
dapat di terima oleh user karena fitur fiturnya yang userfriendly dan informasi
yang dihasilkan sesuai dengan apa yang di harapkan.

6.7

Kesimpulan Hasil Pengujian


Setelah melakukan pengujian sistem dengan menggunakan metode Black-

Box dan User Acceptance Test, maka dapat disimpulkan bahwa Sistem Informasi
Akademik SMA Negeri 1 Tambang sudah sesuai dengan yang diharapkan, semua
menu dan juga komponen yang ada dalam sistem ini berhasil dijalankan.

BAB VII
PENUTUP
7.1

Kesimpulan
Kesimpulan yang dapat diambil dari laporan kerja praktek sistem informasi

akademik sekolah di SMA Negeri 1 Tambang adalah :


1. Sistem Informasi Akademik ini telah selesai dibangun dan berhasil diterapkan
di SMA Negeri 1 Tambang.
2. Membantu guru dalam proses penginputan nilai dan tidak menghabiskan banyak
waktu.
3. Memudahkan bagian operator dalam proses pencarian data guru dan siswa.
4. Membantu Siswa dalam melihat laporan nilainya.

7.2

Saran

Setiap hasil kerja tidaklah akan menghasilkan yang sempurna, maka pasti
ada kekurangan yang meski diperbaiki melalui saran yang membangun. Ada
beberapa Saran yang pengembangan sistem ini selanjutnya, antara lain :
1.

Untuk penelitian selanjutnya disarankan untuk menambah fitur atau menu


import data dari format excel.

2.

Sistem ini hanya terbatas pada pengelolaan data akademik sekolah, namun
dapat dikembangkan lagi menjadi sistem informasi yang lebih kompleks dan
canggih.

3.

Untuk penelitian dan pengembangan sistem selanjutnya diharapkan dapat


mengembangkan sistem keamanan data yang lebih baik dari sistem informasi
ini.

4.

Karena berkembangnya gadget dan penggunaan yang meningkat, diharapkan


sistem ini dapat dikembangkan dalam bentuk aplikasi mobile (Android).

VII-1

DAFTAR PUSTAKA
Jogiyanto. 2005. Analisis dan Desain Sistem Informasi. Yogyakarta : Andi.
Kadir, Abdul. 2003, Pengenalan Sistem Informasi. Yogyakarta : Andi.
Kristanto, Harianto Ir. 1994, Konsep dan Perancangan Database. Yogyakarta :
Andi.
Hakim, Lukman. 2010, Bikin Website Super Keren dengan PHP dan jQuery,
Yokyakarta : Lokomedia
Kendall. 2006, Analisis dan Perancangan Sistem. Jakarta : PT.Indeks
Nugroho, Bunafit. 2007, Latihan Membuat Aplikasi Web Php dan Mysql dengan
Dreamweaver, Yokyakarta : Gaya Media
Prabawati, Arie. 2010, Paling Dicari : PHP Source Code, Yokyakarta : Andi Offset
Sommerville, Ian. 2011, Software Engineering 9th Edition . New Jersey : Pearson
Education
Sidik, Betha. 2012, Pemrograman Web
Bandung

xii

dengan Php. Bandung: Informatika

A-1

LAMPIRAN A
ANALISA DAN PERANCANGAN
1. Halaman Login Admin
Untuk dapat mengakses Sistem Informasi Akademik Sekolah diperlukan login
user agar tidak sembarang orang bisa mengakses sistem ini. Pengguna harus mengisi
username dan password, agar sistem dapat meng-authentifikasi pengguna agar dapat
menjalankan sistem ini. Gambar rancangan halaman menu login digambarkan pada
Gambar A.1 dibawah ini:.

LOGO

Halaman Admin
Sistem Informasi Akademik SMA Negeri 1 Tamban

Username

Password
Tahun Ajaran

Submit

Gambar A.1 Rancangan Form Login Admin

A-2

2. Perancangan Form Edit Username dan Password


Pada halaman ini, admin dapat melakukan edit data dengan mengisi form
username, password dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat
pada Gambar A.2
LOGO

Nama admin

Username Lama
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Username Baru

Jumlah siswa : XXX

Password Lama
MENU

Password Baru

simpan

cancel

Gambar A.2 Rancangan Form Edit Username dan Password

3. Perancangan Form User Guru


Pada halaman ini, admin dapat melakukan input data dengan mengisi form
yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada
Gambar A.3

A-3

LOGO

Nama admin

ID
Nama
ASSALAMUALAIKUM
No. Induk Pegawai

Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

Password

Auto NIP

Jabatan

MENU

Jenis Kelamin

Laki - Laki
Perempuan

Agama
Status Aktif
simpan

cancel

Gambar A.3 Rancangan Form User Guru

4. Perancangan Form User Siswa


Pada halaman ini, admin dapat melakukan input data dengan mengisi form
yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada
Gambar A.4

A-4

LOGO

Nama admin

ID
No. Induk siswa
ASSALAMUALAIKUM
Nama

Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

Password

smansata123

No. Induk Siswa Nasional

MENU

Jenis Kelamin

Laki - Laki
Perempuan

Agama
Status Aktif
simpan

cancel

Gambar A.4 Rancangan Form User Siswa

5. Perancangan Form Data Master Ruangan


Pada halaman ini, admin dapat melakukan input data dengan mengisi form
yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada
Gambar A.5

A-5

LOGO

Nama admin

Nama RuanganID

No. Induk siswa


ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Nama
Penanggung Jawab

Password

Jumlah siswa : XXX

smansata123

No. Induk Siswa Nasional


NIP Penanggung Jawab

MENU

Jenis Kelamin

Laki - Laki
Perempuan
simpan

cancel

Agama
Status Aktif
simpan

cancel

Gambar A.5 Rancangan Form Data Master Ruangan

6. Perancangan Form Data Master Kelas


Pada halaman ini, admin dapat melakukan input data dengan mengisi form
yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada
Gambar A.6

A-6

LOGO

Nama admin

Prodi

ID

No. Induk siswa


ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

Tingkatan

Nama

Password

smansata123

No. Induk Siswa Nasional


Nama Kelas

MENU

Jenis Kelamin

Laki - Laki
Perempuan

Kapasitas Kelas
Agama

WaliStatus
Kelas Aktif
simpan
simpan

cancel
cancel

Gambar A.6 Rancangan Form Data Master Kelas

7. Perancangan Form Data Master Mata Pelajaran


Pada halaman ini, admin dapat melakukan input data dengan mengisi form
yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada
Gambar A.7

A-7

LOGO

Nama admin

Prodi

ID

No. Induk siswa


ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Nama
Nama Mta Pelajaran

Password

Jumlah siswa : XXX

smansata123

No. Induk Siswa Nasional


Inisial

MENU

Jenis Kelamin

Laki - Laki
Perempuan

Semester
Agama

NilaiStatus
KKm Aktif
simpan
simpan

cancel
cancel

Gambar A.7 Rancangan Form Data Master Mata Pelajaran

8. Perancangan Form Data Diri Guru


Pada halaman ini, admin dapat melakukan input data dengan mengisi form
yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada
Gambar A.8

A-8

LOGO

Nama admin

Nama
Password
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

NIP

NUPTK

NRG

NPWP

Jabatan

MENU

Tempat Lahir
Tanggal Lahir
Jenis Kelamin

Laki - Laki
Perempuan

Pangkat Golongan
Pendidkan Terakhir
Laki - Laki
Perempuan

Golongan darah

Gambar A.8 Rancangan Form Data Diri Guru

9. Perancangan Form Data Diri Siswa


Pada halaman ini, admin dapat melakukan input data dengan mengisi form
yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada
Gambar A.9

A-9

LOGO

Nama admin

ASSALAMUALAIKUM

No.Induk

NISN

Password

Ulangi Password

Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

Nama
MENU
Agama

Tempat Lahir

Jenis Kelamin

Anak Ke

Tanggal Lahir

Jumlah Saudara

Laki - Laki
Perempuan
Alamat

sebelumnya

selanjutnya

Gambar A.9 Rancangan Form Data Diri Siswa

10. Perancangan Form Jadwal


Pada halaman ini, admin harus memilih kelas dan harinya sebelum melakukan
input data jadwal setelah memilih admin dapat mengklik button lanjut. Selengkapnya
dapat dilihat pada Gambar A.10

A-10

LOGO

Nama admin

Pilih Harinya ID

No. Induk siswa


ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

Nama
Pilih Kelasnya

Password

smansata123

No. Induk Siswa Nasional

Lanjutkan
MENU

Jenis Kelamin

cancel

Laki - Laki
Perempuan

Agama
Status Aktif
simpan

cancel

Gambar A.10 Rancangan Form Jadwal Pilih Kelas dan Hari

Selanjutnya Pada halaman ini, admin dapat melakukan input data dengan
mengisi form yang te rsedia dan menyimpan pada tombol simpan.Selengkapnya dapat
dilihat pada Gambar A.11

A-11

LOGO

Nama admin

Nama Hari : XXXX


Nama Kelas : XXXX

Jam Ke 1

Plih Mapel

Plih Guru

Plih Ruangan

Jam Ke 2

Plih Mapel

Plih Guru

Plih Ruangan

Jam Ke 3

Plih Mapel

Plih Guru

Plih Ruangan

Jam Ke 4

Plih Mapel

Plih Guru

Plih Ruangan

Jam Ke 5

Plih Mapel

Plih Guru

Plih Ruangan

Jam Ke xxx

Plih Mapel

Plih Guru

Plih Ruangan

ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

MENU

Jumlah siswa : XXX

Simpan

Cancel

Gambar A.11 Rancangan Form Jadwal

11. Perancangan Form Nilai


Pada halaman ini, admin harus memilih kelas dan Mata Pelajarannya sebelum
melakukan input data nilai, setelah memilih admin dapat mengklik button lanjut.
Selengkapnya dapat dilihat pada Gambar A.12

A-12

LOGO

Nama admin

Mata Pelajaran
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Kelasnya

Jumlah siswa : XXX

Semester
MENU
Lanjutkan

cancel

Gambar A.12 Rancangan Form Nilai Pilih Kelas dan Mata Pelajaran

Selanjutnya Pada halaman ini, admin dapat melakukan input data dengan
mengisi form yang tersedia dan menyimpan pada tombol simpan.Selengkapnya dapat
dilihat pada Gambar A.13

A-13

LOGO

Nama admin

Kelas : XXXX
Mata Pelajaran : XXXX
Guru Mapel Plih Guru
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Nama

Nama Siswa

Nama Siswa

Nama Siswa

Nama Siswa

xxx

Nama Siswa

Nilai Pengetahuan

Nilai Praktek

Kepribadian

Jumlah siswa : XXX

MENU

Input Nilai

Cancel

Gambar A.13 Rancangan Form Nilai

12. Perancangan Cari Siswa


Pada halaman ini, admin bisa mencari langsung data siswa dengan mengetikkan
nama siswa pada form pencarian atau bisa juga memilih dari kelasnya. Selengkapnya
dapat dilihat pada Gambar A.14

A-14

LOGO

Nama admin

Pilih kelas :

Jumlah Siswa : xxxx


ASSALAMUALAIKUM

Jumlah guru : XXX

10

Search

Admin_Nama
Jumlah siswa : XXX

MENU

DATA SISWA

Gambar A.14 Rancangan Cari Siswa

13. Perancangan Pindah Kelas


Pada halaman ini, admin bisa mencari langsung data siswa dengan mengetikkan
nama siswa pada form pencarian dan memilih kelas baru untuk siswa. Selengkapnya
dapat dilihat pada Gambar A.15

A-15

LOGO

Nama admin

10

Search

No.Induk

ASSALAMUALAIKUM

Nama

TA/Kelas

Admin_Nama

Pindah Ke Kelas :
xxxxxxxx

Jumlah guru : XXX

Action

Nama Siswa

Xxxx/xxxx - xx

Jumlah siswa : XXX

Pindah Ke Kelas :

MENU
Pindah Ke Kelas :

Pindah Ke Kelas :

Gambar A.15 Rancangan Pindah Kelas

13. Perancangan Laporan Jadwal guru


Pada halaman ini, admin bisa melihat jadwal guru dengan memilih nama guru.
Selengkapnya dapat dilihat pada Gambar A.16

A-16

LOGO

Nama admin

Pilih Gurunya :

10

Search
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

MENU
DATA JADWAL GURU

Gambar A.16 Rancangan Laporan Jadwal Guru

14. Perancangan Laporan Jadwal Kelas


Pada halaman ini, admin bisa melihat jadwal Kelas dengan memilih nama
Kelas. Selengkapnya dapat dilihat pada Gambar A.17

A-17

LOGO

Nama admin

Pilih Kelasnya :

10

Search
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

MENU
DATA JADWAL KELAS

Gambar A.17 Rancangan Laporan Jadwal Kelas

15. Perancangan Laporan Jadwal Hari


Pada halaman ini, admin bisa melihat jadwal Hari dengan memilih nama Hari.
Selengkapnya dapat dilihat pada Gambar A.18

A-18

LOGO

Nama admin

Pilih Harinya :

10

Search
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Jumlah siswa : XXX

MENU
DATA JADWAL HARI

Gambar A.18 Rancangan Laporan Jadwal Hari

15. Perancangan Laporan Nilai


Pada halaman ini, admin bisa melihat nilai dengan memilih Kelas Terlebih
dahulu. Selengkapnya dapat dilihat pada Gambar A.18

A-19

LOGO

Nama admin

Pilih Kelasnya :

ASSALAMUALAIKUM

Nama

Rata-Rata

Action

Admin_Nama
1
Jumlah guru : XXX

Nama Siswa

Xxx,xx

Jumlah siswa : XXX

MENU

Gambar A.18 Rancangan Laporan Jadwal Hari

detil

print

B-1

LAMPIRAN B
ANALISA DAN PERANCANGAN
1. Halaman Login Guru
Untuk dapat mengakses Sistem Informasi Akademik Sekolah diperlukan login
user agar tidak sembarang orang bisa mengakses sistem ini. Pengguna sebagai guru
harus mengisi NIP dan password, agar sistem dapat meng-authentifikasi pengguna
agar dapat menjalankan sistem ini. Gambar rancangan halaman menu login guru
digambarkan pada Gambar B.1 dibawah ini:.

HOME

LOGO

LOGIN GURU
Silahkan Inputkan NIP dan PASSWORD Anda.

No. Induk Pegawai

Password

Tahun Ajaran

LOGIN
Gambar B.1 Rancangan Form Login Guru

WEB SEKOLAH

B-2

2. Perancangan Form Edit Data Diri


Pada halaman ini, guru dapat melakukan edit data dengan mengisi form dan
menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada Gambar B.2

LOGO

Nama
Namaadmin
guru

Nama
Password
ASSALAMUALAIKUM
Guru_Nama
Jabatan Guru

NIP

NUPTK

NRG

NPWP

Jabatan

MENU

Tempat Lahir
Tanggal Lahir
Jenis Kelamin

Laki - Laki
Perempuan

Pangkat Golongan
Pendidkan Terakhir
Laki - Laki
Perempuan

Golongan darah

Gambar B.2 Rancangan Form Edit Data Diri

3. Perancangan Jadwal Mengajar


Pada halaman ini, guru bisa melihat jadwal mengajarnya. Selengkapnya dapat
dilihat pada Gambar B.3

B-3

LOGO

Nama guru

10

Search
ASSALAMUALAIKUM
Guru_Nama
Jabatan Guru

MENU
DATA JADWAL GURU

Gambar B.3 Rancangan Jadwal Mengajar

4. Perancangan Form Nilai


Pada halaman ini, guru harus memilih kelas dan Mata Pelajarannya sebelum
melakukan input data nilai, setelah memilih guru dapat mengklik button lanjut.
Selengkapnya dapat dilihat pada Gambar B.4

B-4

LOGO

Nama Guru

Mata Pelajaran
ASSALAMUALAIKUM
Guru_Nama
Jabatan Guru

Kelasnya

Semester
MENU
Lanjutkan

cancel

Gambar B.4 Rancangan Form Nilai Pilih Kelas dan Mata Pelajaran

Selanjutnya Pada halaman ini, guru dapat melakukan input data dengan
mengisi form yang tersedia dan menyimpan pada tombol simpan.Selengkapnya dapat
dilihat pada Gambar B.5

B-5

LOGO

Nama admin

Kelas : XXXX
Mata Pelajaran : XXXX
Guru Mapel Plih Guru
ASSALAMUALAIKUM
Admin_Nama
Jumlah guru : XXX

Nama

Nama Siswa

Nama Siswa

Nama Siswa

Nama Siswa

xxx

Nama Siswa

Nilai Pengetahuan

Nilai Praktek

Kepribadian

Jumlah siswa : XXX

MENU

Input Nilai

Cancel

Gambar B.5 Rancangan Form Nilai

5. Perancangan Cari Siswa


Pada halaman ini, guru bisa mencari langsung data siswa dengan mengetikkan
nama siswa pada form pencarian atau bisa juga memilih dari kelasnya. Selengkapnya
dapat dilihat pada Gambar B.6

B-6

LOGO

Nama Guru

Pilih kelas :

Jumlah Siswa : xxxx


ASSALAMUALAIKUM
Guru_Nama
Jabatan Guru

10

Search

MENU

DATA SISWA

Gambar B.6 Rancangan Cari Siswa

6. Perancangan Pindah Kelas


Pada halaman ini, guru bisa mencari langsung data siswa dengan mengetikkan
nama siswa pada form pencarian dan memilih kelas baru untuk siswa. Selengkapnya
dapat dilihat pada Gambar B.7

B-7

LOGO

Nama Guru

10

Search

ASSALAMUALAIKUM
Guru_Nama
Jabatan Guru

No.Induk

Nama

TA/Kelas

Action
Pindah Ke Kelas :

xxxxxxxx

Nama Siswa

Xxxx/xxxx - xx
Pindah Ke Kelas :

MENU
Pindah Ke Kelas :

Pindah Ke Kelas :

Gambar B.7 Rancangan Pindah Kelas

7. Perancangan Laporan Nilai


Pada halaman ini, guru bisa melihat nilai dengan memilih Kelas Terlebih
dahulu. Selengkapnya dapat dilihat pada Gambar B.8

B-8

LOGO

Nama Guru

Pilih Kelasnya :

ASSALAMUALAIKUM
Guru_Nama
Jabatan Guru

#
1

Nama

Nama Siswa

Rata-Rata

Xxx,xx

MENU

Gambar B.8 Rancangan Laporan Jadwal Hari

Action

detil

print

LAMPIRAN C
ANALISA DAN PERANCANGAN
1. Halaman Login Siswa
Untuk dapat mengakses Sistem Informasi Akademik Sekolah diperlukan login
user agar tidak sembarang orang bisa mengakses sistem ini. Pengguna sebagai siswa
harus mengisi NIS dan password, agar sistem dapat meng-authentifikasi pengguna
agar dapat menjalankan sistem ini. Gambar rancangan halaman menu login guru
digambarkan pada Gambar C.1 dibawah ini:.

HOME

LOGO

LOGIN SISWA
Silahkan Inputkan NIS dan PASSWORD Anda.

No. Induk Siswa

Password

Tahun Ajaran

LOGIN
Gambar C.1 Rancangan Form Login Siswa

WEB SEKOLAH

2. Perancangan Form Edit Data Diri


Pada halaman ini, siswa dapat melakukan edit data dengan mengisi form dan
menyimpan pada tombol simpan.Selengkapnya dapat dilihat pada Gambar C.2

LOGO

Nama Siswa

ASSALAMUALAIKUM
Siswa_Nama
Kelas : xxxx

No.Induk

NISN

Password

Ulangi Password

Nama
MENU
Agama

Tempat Lahir

Jenis Kelamin

Anak Ke

Tanggal Lahir

Jumlah Saudara

Laki - Laki
Perempuan
Alamat

sebelumnya

selanjutnya

Gambar C.2 Rancangan Form Edit Data Diri


3. Perancangan Jadwal Pelajaran Kelas
Pada halaman ini, siswa bisa melihat jadwal kelasnya. Selengkapnya dapat
dilihat pada Gambar C.3

LOGO

Nama Siswa

ASSALAMUALAIKUM
Siswa_Nama
Kelas : xxxx

No.Induk

NISN

Password

Ulangi Password

Nama
MENU
Agama

Tempat Lahir

Jenis Kelamin

Anak Ke

Tanggal Lahir

Jumlah Saudara

Laki - Laki
Perempuan
Alamat

sebelumnya

selanjutnya

Gambar C.3 Rancangan Jadwal Pelajaran Kelas

4. Perancangan Laporan Nilai


Pada halaman ini, siswa bisa melihat nilainya. Selengkapnya dapat dilihat pada
Gambar C.4

Nama Siswa

Nama : xxxxx

Tingkatan : xxxxx

NIS : xxxxx

Kelas : xxxxx

TA : xxxx

No

Semester : xxxx

Mata Pelajaran

Pengetahuan

Praktek

Sikap

MENU

Gambar C.4 Perancangan Laporan Nilai

Anda mungkin juga menyukai