Rancang Bangun Sistem Informasi Akademik Berbasis Web Guna Memantau Hasil Belajar Siswa

[email protected] a.k.a @dheeQdre

i SKRIPSI, 27 September 2012

[DO NOT COPY WITHOUT AUTHORIZED]

RANCANG BANGUN SISTEM INFORMASI

AKADEMIK BERBASIS WEB GUNA

MEMANTAU HASIL BELAJAR SISWA

DI SMA DIPONEGORO TULUNGAGUNG

SKRIPSI

Disusun untuk memenuhi salah satu persyaratan Kelulusan Program Jenjang Pendidikan Strata-1

Disusun Oleh:

Dicky Januarizki (070403020021)

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS KANJURUHAN MALANG

2012

ii

ii SKRIPSI, 27 September 2012


LEMBAR PERSETUJUAN

RANCANG BANGUN SISTEM INFORMASI AKADEMIK BERBASIS

WEB GUNA MEMANTAU HASIL BELAJAR SISWA


Disusun Oleh:


Telah Disetujui Pada Tanggal 3 September 2012

Untuk Diuji dan Dipertahankan Dalam Sidang Tugas Akhir

Pembimbing

Wiwin Kuswinardi, ST., S.Kom., M.Kom.

iii

iii SKRIPSI, 27 September 2012


LEMBAR PENGESAHAN

RANCANG BANGUN SISTEM INFORMASI AKADEMIK BERBASIS

WEB GUNA MEMANTAU HASIL BELAJAR SISWA


Disusun Oleh:


Telah Diuji dan Dipertahankan Dalam Sidang Tugas Akhir

Pada Tanggal 8 September 2012

dan Telah Memenuhi Syarat Serta Dinyatakan Lulus.

Komisi Sidang, Komisi Penguji,

Pembimbing Penguji I

Wiwin Kuswinardi, ST., S.Kom., M.Kom. Amak Yunus E.P., M.Kom.

Penguji II

Alexius Endy Budianto, S.Kom., M.MTi.

Penguji III

Wiji Setiyaningsih, M.Kom.

Malang, 27 September 2012

Fakultas Teknologi Informasi

Universitas Kanjuruhan Malang

Dekan

Yoyok Seby Dwanoko, S.Kom., M.Kom.

iv

iv SKRIPSI, 27 September 2012


“Grandma”

Ny. Soepini Toetik Sriyani (alm)

Tanpa beliau jelas saya takkan pernah menjadi sarjana, karna keinginan beliau yang membuat saya terpaksa mau kuliah hingga bisa jadi seperti ini.

Suatu kebanggaan mempunyai eyang seperti beliau.

PERSEMBAHAN

Alhamdulillah, terima kasih pada ALLAH SWT atas berkah

& rahmatNya hingga terselesaikannya skripsi ini.

SPECIAL THANK’s & DEDICATED to :

“Daddy”

Bpk. Suhadirman, SE. (alm)

Memberi pelajaran berharga dalam hidupku, kepergian beliau banyak merubah hidupku, satu sosok yang slalu jadi acuan dalam hidupku, berikanku pemahaman yang tak tertulis di buku, sandang pangan papanku tak dibatasi, sejak saat dunia ini mulai kuhuni, ku bukan anak terbaik di seluruh dunia, tapi beruntung kudapatkan kasih karunia, Allah berikanku ayah terbaik yang pernah ada.

“Mom & Sista”

Ibu Endah Setyorini, SE.

Anindyarini Derlina

Dua orang tercinta yang masih kumiliki, mereka yang membuatku semangat dan slalu berusaha untuk kerja keras. Tujuan selanjutnya membahagiakan mereka, semoga cepat terwujud, amin!

v

v SKRIPSI, 27 September 2012


THE INSPIRATION

Marshal Bruce Mathers

yang Secara tidak langsung memberi inspirasi melalui lirik lagu & karya-karyanya,

The foundation

Fajar Anugrah a.k.a Lil „B‟

Teman baru yang telah membantu untuk mengawali program ini. Thank you, Nuwus nawak

Mbak Nyophy

Sosok Teman , guru, sahabat, kadang juga musuh dan lainnya. tidak tahu harus berkata apa tentang orang yang saya rasa tegar bin tabah ini, yang jelas terima kasih banyak

vi

vi SKRIPSI, 27 September 2012


FTI class of 2007 etc.

Saya gak mau nyebut nama, yang jelas mereka semua

telah memberi warna keceriaan selama kuliah, dengan foto ini

semoga akan slalu ingat satu sama lain. Terima kasih banyak

buat teman-teman yang slalu saya repotkan, mau membantu

saya dalam hal apapun. Dan untuk teman-teman yang belum

lulus: berusaha, & semangatlah !

Hering Compatible

“The new big family beside

the FTI class of 2007.”

Suwun lho rek osi kenal umak

hebak, guyonan umak hebak

ndek warung ebes ot slalu osi

nge-refresh otak-otak yang

jenuh bin sumpek. Yang

otomatis bisa mengurangi rasa

frustasi slama menjasi

mahasiswa., dan juga yg blm

lulus ayo cepat berusaha !

vii

vii SKRIPSI, 27 September 2012


#ThankYou

Without Y’all i’m NOTHING !!!

Also for the mysterious guy at the picrure below, he is the best

friend i ever had, thank you for everything !

“My quote”

viii

viii SKRIPSI, 27 September 2012


ABSTRAK

Januarizki, Dicky. 2012. 070403020021. Rancang Bangun Sistem Informasi

Akademik Berbasis Web Guna Memantau Hasil Belajar Siswa Di

SMA Diponegoro Tulungagung. Skripsi, Program Studi Sistem

Informasi Fakultas Teknologi Informasi Universitas Kanjuruhan

Malang. Pembimbing : Wiwin Kuswinardi, ST, S.Kom, M.Kom.

Kata kunci: Sistem Informasi Akademik, Web.

Selama ini pengisian nilai hanya dilakukan dengan cara mengisikan ke

dalam daftar nilai, lalu dilakukan rekapitulasi sehingga diperoleh nilai dari

masing-masing siswa. Hal ini tentunya memakan waktu yang lama dan juga

sumberdaya manusia yang banyak, serta sering mengalami banyak kesalahan.

Sistem Informasi Akademik Berbasis Web digunakan oleh SMA

Diponegoro Tulungagung sebagai sarana untuk memberikan informasi laporan

kepada siswa dan juga wali murid secara online yang berupa laporan nilai, jadwal

pelajaran serta laporan pendistribusian kelas. Sehingga membantu kecepatan dan

kualitas dalam penyampaian informasi. Selain itu dengan berbasiskan web maka

ix

ix SKRIPSI, 27 September 2012


informasi data dapat diakses dengan waktu dan tempat yang tidak ditentukan.

Pada sistem ini, menu hanya dapat diakses oleh user tertentu yaitu administrator,

karyawan, siswa dan wali murid.

Pada tulisan ini, dibuatlah suatu konsep Sistem Informasi Akademik

online untuk memudahkan sivitas akademika dalam mengakses informasi dari

SMA Diponegoro Tulungagung. Dimana dalam merancang dan membangun

sistem ini digunakan alat bantu pengembangan sistem yaitu Unified Modeling

Language (UML) yang terdiri dari: Requirement Model, Use Case Diagram,

Sequence Diagram, Activity Diagram dan Class Diagram serta dengan

menggunakan bahasa pemrograman PHP version 5.3.5 dan MySQL version 5.5.8 sebagai database.

Dengan adanya Rancang Bangun Sistem Informasi Akademik

Berbasis Web Guna Memantau Hasil Belajar Siswa di SMA Diponegoro

Tulungagung ini diharapkan dapat memberikan suatu alternatif untuk memberikan

informasi belajar siswa kepada wali murid dengan lebih mudah.

x

x SKRIPSI, 27 September 2012


KATA PENGANTAR

Puji syukur Alhamdulillah penulis panjatkan kepada Allah SWT yang

telah melimpahkan rahmat serta hidayah-Nya sehingga skripsi ini dapat

terselesaikan dengan judul: ”Rancang Bangun Sistem Informasi Akademik

Berbasis Web Guna Memantau Hasil Belajar Siswa Di SMA Diponegoro

Tulungagung”.

Penyusunan skripsi ini tidak mungkin terselesaikan tanpa dukungan dari

berbagai pihak, maka dengan ini penulis menyampaikan ungkapan banyak terima

kasih yang mendalam kepada:

1. Bapak Wiwin Kuswinardi, ST., S.Kom., M.Kom. selaku Dosen Pembimbing

yang telah memberikan banyak semangat dan banyak saran kepada penulis.

2. Bapak Yoyok Sebi Dwanoko, S.Kom., M.Kom. selaku Dekan Fakultas

Teknologi Universitas Kanjuruhan Malang.

3. Bapak Moh. Sulhan, ST. selaku Kepala Prodi Sistem Informasi.

4. Bapak Muhtarom, S.Pd selaku Kepala Sekolah SMA Diponegoro Tulungagung

yang telah memberikan ijin penelitian serta banyak nasehat kepada penulis.

5. Seluruh Dosen dan Karyawan Universitas Kanjuruhan Malang yang telah

membimbing dan membantu kelancaran selama masa studi.

6. Saudara Rizal Mochtar selaku Staf Fakultas Teknologi Informasi Universitas

Kanjuruhan Malang.

7. Keluarga besar FTI khususnya angkatan 2007 dan Hering Compatible.

8. Keluarga saya, serta semua pihak yang telah membantu dan memberikan

dukungan sehingga skripsi ini dapat terselesaikan.

xi

xi SKRIPSI, 27 September 2012


Penulis sadar bahwa tidak ada sesuatu yang sempurna kecuali Allah SWT.

Oleh karena itu, dengan senang hati penulis menerima kritik dan saran yang

bersifat membangun untuk penyusunan dimasa yang akan datang.

Dengan harapan semoga apa yang penulis susun ini dapat menjadi acuan

dalam perkembangan teknologi informasi dan khususnya dalam lingkup Prodi

Sistem Informasi, Fakultas Teknologi Informasi, dan Universitas Kanjuruhan

Malang secara umum, Amin Ya Rabbal Alamin.

Malang, 27 September 2012

Penulis

xii

xii SKRIPSI, 27 September 2012


DAFTAR ISI

Halaman

LEMBAR PERSETUJUAN ............................................................................. ii

LEMBAR PENGESAHAN ............................................................................. iii

LEMBAR PERSEMBAHAN .......................................................................... iv

ABSTRAK ...................................................................................................... viii

KATA PENGANTAR ...................................................................................... ix

DAFTAR ISI ..................................................................................................... xi

DAFTAR GAMBAR ...................................................................................... xiv

DAFTAR TABEL ......................................................................................... xvii

BAB I PENDAHULUAN .................................................................................. 1

1.1 Latar Belakang Masalah .......................................................................... 1

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

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

1.4 Tujuan Penelitian ..................................................................................... 3

1.5 Manfaat Penelitian ................................................................................... 3

1.6 Metode Penelitian .................................................................................... 4

1.7 Sistematika Penulisan .............................................................................. 4

BAB II LANDASAN TEORI ........................................................................... 6

2.1 Pengertian Sistem Informasi ................................................................... 6

2.2 Systems Development Life Cycle (SDLC) ............................................... 8

2.3 Pengertian Sistem Informasi Akademik .................................................. 9

2.3.1 Kurikulum.................................................................................... 9

2.3.2 Mata Pelajaran ........................................................................... 10

2.3.3 Rapor Nilai ................................................................................ 10

xiii

xiii SKRIPSI, 27 September 2012


2.4 Unified Modeling Language (UML) ..................................................... 10

2.5 Prototype ............................................................................................... 14

2.5.1 Perencanaan Sistem ................................................................... 15

2.5.2 Analisis Sistem .......................................................................... 15

2.5.3 Desain Sistem ............................................................................ 16

2.5.4 Pengujian Sistem ....................................................................... 16

2.6 Pemrograman Berbasis Web .................................................................. 17

2.6.1 Konsep Web ............................................................................... 17

2.6.2 PHP ........................................................................................... 18

2.6.3 MySQL ....................................................................................... 19

2.6.4 Apache ....................................................................................... 20

2.7 Profil SMA Diponegoro Tulungagung .................................................. 21

2.7.1 Profil Singkat ............................................................................. 21

2.7.2 Visi, Misi dan Tujuan Organisasi .............................................. 21

2.7.3 Struktur Organisasi .................................................................... 22

BAB III ANALISIS DAN DESAIN SISTEM .............................................. 24

3.1 Analisis Sistem ...................................................................................... 24

3.1.1 Requirement Model ................................................................... 24

3.2 Use Case Diagram ................................................................................ 25

3.3 Activity Diagram ................................................................................... 33

3.4 Sequence Diagram ................................................................................ 40

3.5 Class Diagram ....................................................................................... 44

3.6 Desain Sistem ........................................................................................ 44

3.6.1 Desain Kamus Data ................................................................... 45

xiv

xiv SKRIPSI, 27 September 2012


3.6.2 Desain Form .............................................................................. 48

3.6.2.1 Desain Form Login ...................................................... 48

3.6.2.2 Desain Form Bagi Administrator ................................ 49

3.6.2.3 Desain Form Bagi Karyawan ...................................... 51

3.6.2.4 Desain Form Bagi Siswa ............................................. 51

BAB IV IMPLEMENTASI PADA PROGRAM DAN UJI COBA ............ 52

4.1 Implementasi Pada Program .................................................................. 52

4.1.1 Implementasi Desain Interface.................................................. 52

4.1.2 Implementasi Listing Program .................................................. 57

4.2 Pengujian Lingkungan Sistem ............................................................... 60

4.2.1 Perangkat Keras (Hardware) ..................................................... 60

4.2.2 Perangkat Lunak (Software) ...................................................... 60

4.3 Pengujian Fungsional Aplikasi .............................................................. 61

4.4 Perbandingan Dengan Sistem Sebelumnya ........................................... 85

4.4.1 Waktu Per Aktivitas .................................................................. 85

4.4.2 Jumlah Sumberdaya Per Aktivitas............................................. 86

BAB V PENUTUP ........................................................................................... 87

5.1 Kesimpulan ............................................................................................ 87

5.2 Saran ...................................................................................................... 87

DAFTAR PUSTAKA ...................................................................................... 89

xv

xv SKRIPSI, 27 September 2012


DAFTAR GAMBAR

Gambar 2.1 Simbol Use Case Diagram ........................................................ 12

Gambar 2.2 Simbol Activity Diagram ........................................................... 12

Gambar 2.3 Simbol Sequence Diagram ........................................................ 13

Gambar 2.4 Simbol Class Diagram .............................................................. 13

Gambar 2.5 Struktur Organisasi .................................................................... 22

Gambar 3.1 Use Case Administrator ............................................................ 26

Gambar 3.2 Use Case Mengelola Data User ................................................ 28

Gambar 3.3 Use Case Mengelola Data Karyawan ........................................ 28

Gambar 3.4 Use Case Mengelola Data Siswa ............................................... 29

Gambar 3.5 Use Case Mengelola Data Nilai ................................................ 29

Gambar 3.6 Use Case Mengelola Data Pelajaran ......................................... 30

Gambar 3.7 Use Case Mengelola Data Jadwal ............................................. 31

Gambar 3.8 Use Case Mengelola Data Distribusi Kelas .............................. 31

Gambar 3.9 Use Case Karyawan dan Siswa ................................................. 32

Gambar 3.10 Activity Diagram Mengelola Data User .................................... 34

Gambar 3.11 Activity Diagram Mengelola Data Karyawan ........................... 35

Gambar 3.12 Activity Diagram Mengelola Data Siswa .................................. 36

Gambar 3.13 Activity Diagram Mengelola Data Nilai .................................... 37

Gambar 3.14 Activity Diagram Mengelola Data Pelajaran ............................. 38

Gambar 3.15 Activity Diagram Mengelola Data Jadwal ................................. 39

Gambar 3.16 Activity Diagram Mengelola Data Pendistribusian Kelas ......... 40

Gambar 3.17 Sequence Diagram Mengelola Data User.................................. 41

xvi

xvi SKRIPSI, 27 September 2012


Gambar 3.18 Sequence Diagram Mengelola Data Karyawan ......................... 42

Gambar 3.19 Sequence Diagram Mengelola Data Siswa ................................ 43

Gambar 3.20 Class Diagram SIAKAD pada SMA Diponegoro .................... 44

Gambar 3.21 Desain Form Login .................................................................... 48

Gambar 3.22 Desain Form Data User ............................................................. 49

Gambar 3.23 Desain Form Input User ............................................................ 49

Gambar 3.24 Desain Form Edit User .............................................................. 50

Gambar 3.25 Desain Form Delete User .......................................................... 50

Gambar 3.26 Desain Form Laporan Data User .............................................. 50

Gambar 3.27 Desain Form Bagi Karyawan .................................................... 51

Gambar 3.28 Desain Form Bagi Siswa ........................................................... 51

Gambar 4.1 Desain Interface Halaman Awal ............................................... 52

Gambar 4.2 Desain Interface Halaman Login ............................................... 53

Gambar 4.3 Desain Interface Halaman Utama Administrator ...................... 53

Gambar 4.4 Desain Interface Halaman Control Panel ................................. 54

Gambar 4.5 Desain Interface Halaman Mengelola Data User ..................... 54

Gambar 4.6 Desain Interface Halaman Input Data User .............................. 55

Gambar 4.7 Desain Interface Halaman Tampil Data User ........................... 55

Gambar 4.8 Desain Interface Halaman Proses Edit Data User ..................... 56

Gambar 4.9 Desain Interface Halaman Konfirmasi Delete User .................. 56

Gambar 4.10 Desain interface halaman delete user berhasil .......................... 57

Gambar 4.11 Tampilan Halaman Awal Aplikasi ............................................ 61

Gambar 4.12 Tampilan Halaman Form Login ................................................ 62

Gambar 4.13 Tampilan Halaman Utama Administrator ................................. 63

xvii

xvii SKRIPSI, 27 September 2012


Gambar 4.14 Tampilan Halaman Control Panel............................................. 64

Gambar 4.15 Tampilan Halaman Untuk Mengelola Data User ...................... 65

Gambar 4.16 Tampilan Halaman Input Data User .......................................... 66

Gambar 4.17 Tampilan Halaman Data User ................................................... 67

Gambar 4.18 Tampilan Halaman Proses Edit Data User ................................ 68

Gambar 4.19 Tampilan Halaman Delete Data User........................................ 69

Gambar 4.20 Tampilan Halaman Untuk Mengelola Data Karyawan ............. 70

Gambar 4.21 Tampilan Halaman Input Data Karyawan ................................. 71

Gambar 4.22 Tampilan Halaman Data Karyawan .......................................... 72

Gambar 4.23 Tampilan Halaman Proses Edit Data Karyawan ....................... 73

Gambar 4.24 Tampilan Halaman Delete Data Karyawan ............................... 74

Gambar 4.25 Tampilan Halaman Untuk Mengelola Data Siswa .................... 75

Gambar 4.26 Tampilan Halaman Input Data Siswa ........................................ 76

Gambar 4.27 Tampilan Halaman Data Siswa ................................................. 77

Gambar 4.28 Tampilan Halaman Proses Edit Data Siswa .............................. 78

Gambar 4.29 Tampilan Halaman Delete Data Siswa ...................................... 79

Gambar 4.30 Tampilan Halaman Untuk Mengelola Data Nilai Siswa ........... 80

Gambar 4.31 Tampilan Halaman Input Data Nilai Siswa ............................... 81

Gambar 4.32 Tampilan Halaman Data Nilai Siswa ........................................ 82

Gambar 4.33 Tampilan Halaman Proses Edit Nilai Siswa .............................. 83

Gambar 4.34 Tampilan Halaman Delete Data Nilai Siswa ............................. 84

xviii

xviii SKRIPSI, 27 September 2012


DAFTAR TABEL

Tabel 3.1 Fungsional Use Case Administrator .............................................. 27

Tabel 3.2 Fungsional Use Case Mengelola Data User .................................. 28

Tabel 3.3 Fungsional Use Case Mengelola Data Karyawan .......................... 29

Tabel 3.4 Fungsional Use Case Mengelola Data Siswa ................................. 29

Tabel 3.5 Fungsional Use Case Mengelola Data Nilai .................................. 30

Tabel 3.6 Fungsional Use Case Mengelola Data Pelajaran ........................... 30

Tabel 3.7 Fungsional Use Case Mengelola Data Jadwal ............................... 31

Tabel 3.8 Fungsional Use Case Mengelola Data Distibusi Kelas .................. 32

Tabel 3.9 Fungsional Use Case Karyawan dan Siswa ................................... 33

Tabel 3.10 Tabel User ...................................................................................... 45

Tabel 3.11 Tabel Karyawan ............................................................................ 45

Tabel 3.12 Tabel Siswa .................................................................................... 46

Tabel 3.13 Tabel Kelas ..................................................................................... 46

Tabel 3.14 Tabel Mapel.................................................................................... 46

Tabel 3.15 Tabel Jadwal ................................................................................... 47

Tabel 3.16 Tabel Nilai ...................................................................................... 47

Tabel 3.17 Tabel Distribusi .............................................................................. 48

Tabel 4.1 Pengujian Benar Halaman Awal Aplikasi ...................................... 61

Tabel 4.2 Pengujian Salah Halaman Awal Aplikasi ...................................... 62

Tabel 4.3 Pengujian Benar Halaman Form Login .......................................... 62

Tabel 4.4 Pengujian Salah Halaman Form Login .......................................... 62

Tabel 4.5 Pengujian Benar Halaman Utama Administrator ........................... 63

xix

xix SKRIPSI, 27 September 2012


Tabel 4.6 Pengujian Salah Halaman Utama Administrator ........................... 63

Tabel 4.7 Pengujian Benar Halaman Control Panel ...................................... 64

Tabel 4.8 Pengujian Salah Halaman Control Panel ....................................... 65

Tabel 4.9 Pengujian Benar Halaman Mengelola Data User .......................... 66

Tabel 4.10 Pengujian Salah Halaman Mengelola Data User ........................... 66

Tabel 4.11 Pengujian Benar Halaman Input Data User ................................... 67

Tabel 4.12 Pengujian Salah Halaman Input Data User .................................... 67

Tabel 4.13 Pengujian Benar Halaman Tampil Data User ................................ 67

Tabel 4.14 Pengujian Salah Halaman Tampil Data User ................................. 68

Tabel 4.15 Pengujian Benar Halaman Proses Edit Data User ......................... 68

Tabel 4.16 Pengujian Salah Halaman Proses Edit Data User .......................... 69

Tabel 4.17 Pengujian Benar Halaman Delete Data User ................................. 69

Tabel 4.18 Pengujian Salah Halaman Delete Data User .................................. 69

Tabel 4.19 Pengujian Benar Halaman Mengelola Data Karyawan .................. 70

Tabel 4.20 Pengujian Salah Halaman Mengelola Data Karyawan .................. 70

Tabel 4.21 Pengujian Benar Halaman Input Data Karyawan .......................... 71

Tabel 4.22 Pengujian Salah Halaman Input Data Karyawan ........................... 71

Tabel 4.23 Pengujian Benar Halaman Tampil Data Karyawan ....................... 72

Tabel 4.24 Pengujian Salah Halaman Tampil Data Karyawan ........................ 72

Tabel 4.25 Pengujian Benar Halaman Proses Edit Data Karyawan ................. 73

Tabel 4.26 Pengujian Salah Halaman Proses Edit Data Karyawan ................. 73

Tabel 4.27 Pengujian Benar Halaman Delete Data Karyawan ........................ 74

Tabel 4.28 Pengujian Salah Halaman Delete Data Karyawan ......................... 74

Tabel 4.29 Pengujian Benar Halaman Mengelola Data Siswa ......................... 75

xx

xx SKRIPSI, 27 September 2012


Tabel 4.30 Pengujian Salah Halaman Mengelola Data Siswa ......................... 75

Tabel 4.31 Pengujian Benar Halaman Input Data Siswa ................................. 76

Tabel 4.32 Pengujian Salah Halaman Input Data Siswa .................................. 76

Tabel 4.33 Pengujian Benar Halaman Tampil Data Siswa .............................. 77

Tabel 4.34 Pengujian Salah Halaman Tampil Data Siswa ............................... 77

Tabel 4.35 Pengujian Benar Halaman Proses Edit Data Siswa ........................ 78

Tabel 4.36 Pengujian Salah Halaman Proses Edit Data Siswa ........................ 78

Tabel 4.37 Pengujian Benar Halaman Delete Data Siswa ............................... 79

Tabel 4.38 Pengujian Salah Halaman Delete Data Siswa ................................ 79

Tabel 4.39 Pengujian Benar Halaman Mengelola Data Nilai Siswa ................ 80

Tabel 4.40 Pengujian Salah Halaman Mengelola Data Nilai Siswa ................ 80

Tabel 4.41 Pengujian Benar Halaman Input Data Nilai ................................... 81

Tabel 4.42 Pengujian Salah Halaman Input Data Nilai.................................... 81

Tabel 4.43 Pengujian Benar Halaman Tampil Data Nilai ................................ 82

Tabel 4.44 Pengujian Salah Halaman Tampil Data Nilai ................................ 82

Tabel 4.45 Pengujian Benar Halaman Proses Edit Data Nilai ......................... 83

Tabel 4.46 Pengujian Salah Halaman Proses Edit Data Nilai .......................... 83

Tabel 4.47 Pengujian Benar Halaman Delete Data Nilai ................................. 84

Tabel 4.48 Pengujian Salah Halaman Delete Data Nilai.................................. 84

Tabel 4.49 Perbandingan Waktu Per Aktivitas ................................................ 85

Tabel 4.50 Perbandingan Jumlah Sumberdaya Manusia Per Aktivitas ............ 86

1

1 SKRIPSI, 27 September 2012


BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Dalam era globalisasi ini perkembangan teknologi informasi sangatlah

pesat dan semakin beraneka ragam, dengan adanya internet masyarakat dapat

menerima, mengakses dan memperoleh informasi yang dibutuhkan.

SMA Diponegoro Tulungagung merupakan salah satu sekolah swasta yang

sedang berkembang, selama ini pengisian nilai hanya dilakukan dengan cara

mengisikan ke dalam daftar nilai, lalu dilakukan rekapitulasi sehingga diperoleh

nilai dari masing-masing siswa. Pengisian data atau nilai yang dilakukan selama

ini sering terdapat kesalahan, juga membutuhkan waktu yang lama. Hal ini

berdasarkan apa yang telah diungkapkan oleh pengamatan kepala sekolah SMA

Diponegoro Tulungagung,

Banyaknya wali murid yang sering mengeluh terhadap pihak sekolah

tentang informasi siswa, seperti nilai raport yang langsung diserahkan kepada

siswa, namun hal tersebut kadang tidak tersampaikan pada wali murid. Disamping

itu ada beberapa kendala dari pihak sekolah semisal: kesalahan penulisan data

karyawan dan data siswa, jika mengubah data siswa maka juga harus mengubah

data-data lainnya yang berhubungan dengan data siswa tersebut, kurang efektifnya

jika pendataan distribusi kelas dan pendataan nilai harus menuliskan lagi data dari

masing-masing siswa, seringnya kesalahan pada proses perhitungan nilai akhir

hingga salah memasukkan nilai bagi masing-masing siswa, serta penjadwalan

pelajaran yang sering sama dalam penentuan hari ataupun guru pengajar, oleh

2



karena hal-hal itulah membuat sistem informasi akademik berbasis web

yang berisi data karyawan, data siswa, data nilai, data pelajaran, data jadwal, serta

data pendistribusian kelas sangat dibutuhkan oleh pihak sekolah maupun wali

murid.

Dengan uraian diatas maka penelitian ini bertujuan untuk mempermudah

penyampaian informasi akademik siswa, sehingga penulis mengangkat sebuah

judul “RANCANG BANGUN SISTEM INFORMASI AKADEMIK BERBASIS

WEB GUNA MEMANTAU HASIL BELAJAR SISWA DI SMA DIPONEGORO

TULUNGAGUNG”.

Dengan adanya sistem informasi akademik berbasis web ini diharapkan

dapat mempermudah pihak sekolah untuk mengolah data dan juga nilai siswa,

memberikan kemudahan kepada semua lingkup anggota akademika yang ada di

SMA Diponegoro Tulungagung, serta mempermudah penyampaian informasi

nilai raport kepada pihak wali murid.

1.2 Rumusan Masalah

Berdasarkan latar belakang di atas maka dapat dirumuskan permasalahan

yang ada adalah: Bagaimana merancang dan membangun sistem informasi

akademik berbasis web guna memantau hasil belajar siswa di SMA Diponegoro

Tulungagung.

1.3 Batasan Masalah

Agar pembahasan masalah tidak luas cakupannya, maka diperlukan

pembatasan masalah dalam penelitian. Adapun batasan dari penelitian adalah:

3



1) Merancang dan membangun sistem informasi akademik berbasis web guna

memantau hasil belajar siswa berupa nilai per semester di SMA Diponegoro

Tulungagung.

2) Rancang bangun sistem informasi akademik berbasis web ini menggunakan

Macromedia Dreamweaver 8, PHP version 5.3.5 dan MySQL version 5.5.8 .

3) Permodelan sistem informasi akademik berbasis web ini menggunakan Use

Case Diagram, Sequence Diagram, Activity Digram dan Class Diagram.

4) Fungsional sistem informasi akademik berbasis web ini meliputi: manajemen

user, data karyawan, data siswa, laporan nilai ulangan harian, nilai tugas, nilai

ujian tengah semester, nilai ujian akhir semester, jadwal pelajaran dan

pendistribusian kelas.

1.4 Tujuan Penelitian

Adapun tujuan penelitian ini adalah untuk merancang dan membangun

sistem informasi akademik berbasis web guna memantau hasil belajar siswa di

SMA Diponegoro Tulungagung agar lebih mudah dan praktis dalam penyajian

informasi kepada siswa ataupun wali murid.

1.5 Manfaat Penelitian

Setelah penulis melakukan penelitian ini, diharapkan akan mendapatkan

manfaat sebagai berikut:

1) Bagi Penulis

Untuk menambah wawasan dan keahlian di bidang teknologi informasi,

khususnya pengembangan dan pemrograman berbasis web, serta sebagai

bentuk pemahaman dan penerapan ilmu yang di peroleh di jurusan Sistem

Informasi Universitas Kanjuruhan Malang.

4



2) Bagi SMA Diponegoro Tulungagung

Dapat memberikan kemudahan dalam mengelola data-data akademik

siswa, serta memberikan informasi perkembangan pendidikan siswanya

dengan baik dan efektif.

1.6 Metode Penelitian

Adapun metode pengumpulan data dan informasi yang digunakan adalah:

1) Studi literature, yaitu mempelajari dan memahami landasan teori yang

berkaitan dengan masalah yang akan dibahas.

2) Observasi, yaitu teknik pengumpulan data langsung di tempat objek tujuan

yakni SMA Diponegoro Tulungagung agar mendapatkan data yang akurat.

3) Interview, yaitu teknik pengumpulan data dengan cara tanya jawab langsung

dengan kepala sekolah SMA Diponegoro Tulungagung serta bagian tata usaha

yang bertugas merekap data.

4) Browsing, yaitu teknik pengumpulan data melalui situs-situs internet.

5) Analisis dan perancangan sistem menggunakan use case diagram, sequence

diagram, activity diagram dan class diagram.

6) Pembangunan program menggunakan prototype dan aplikasi program.

7) Pengujian meliputi fungsional aplikasi, tabel black box dan perbandingan

dengan sistem sebelumnya.

8) Dokumentasi berupa laporan akhir.

1.7 Sistematika Penulisan

Untuk memperoleh gambaran yang mudah dimengerti mengenai isi dalam

penulisan tugas akhir ini, secara global dapat dilihat dari sistematika penulisan di

bawah ini :

5



BAB I PENDAHULUAN

Bab ini berisi tentang latar belakang, rumusan masalah, batasan masalah,

tujuan dan manafaat penelitian, metode penelitian dan sistematika

penulisan.

BAB II LANDASAN TEORI

Bab ini membahas dan menjelaskan teori-teori yang berkaitan dengan

”Rancang Bangun Sistem Informasi Akademik Berbasis Web Guna

Memantau Hasil Belajar Siswa di SMA Diponegoro Tulungagung”.

BAB III ANALISIS DAN PERANCANGAN SISTEM

Bab ini menjelaskan tentang analisa dari permasalahan yang ada,

dilanjutkan dengan analisa sistem yang dirancang meliputi alur

pembuatan, dan juga perangkat apa saja yang dibutuhkan dalam

merancang sistem.

BAB IV IMPLEMENTASI PADA PROGRAM DAN UJICOBA

Bab ini menjelaskan tentang implementasi pada program, pengujian sistem

dan cara kerja dari metode yang dikembangkan.

BAB V PENUTUP

Bab ini merupakan penutup, yang di dalamnya berisi kesimpulan dan

rangkuman dari pembahasan bab-bab sebelumnya, serta berisi saran yang

diharapkan dapat bermanfaat untuk pengembangan program selanjutnya.

6



BAB II

LANDASAN TEORI

Landasan teori merupakan suatu hal yang penting dalam membuat laporan

skripsi, yaitu untuk memperluas dan mempertajam pemikiran dalam

mengantisipasi permasalahan yang ada berdasarkan istilah-istilah yang ada dan

tidak biasa digunakan. Berkaitan dengan hal ini maka sebelum dilakukan

pembahasan masalah lebih lanjut akan dijelaskan beberapa teori yang berkaitan

dengan permasalahan yang dibahas.

2.1 Pengertian Sistem Informasi

Pengertian sistem informasi menurut beberapa pakar adalah sebagai

berikut: sistem informasi adalah kombinasi dari manusia, fasilitas atau alat

teknologi, media, prosedur dan pengendalian yang bermaksud menata jaringan

komunikasi yang penting, proses atas transaksi-transaksi tertentu dan rutin,

membantu manajemen dan pemakai intern dan ekstern dan menyediakan dasar

pengambilan keputusan yang tepat.

Sistem informasi adalah suatu kegiatan dari prosedur-prosedur yang

diorganisasikan, bilamana dieksekusi akan menyediakan informasi untuk

mendukung pengambilan keputusan dan pengendalian di dalam organisasi

(Jogiyanto H.M, 2005).

Definisi sistem informasi:

1. Suatu sistem yang dibuat oleh manusia yang terdiri dari komponen-

komponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan

informasi.

7



2. Sekumpulan prosedur organisasi yang pada saat dilaksanakan akan

memberikan informasi bagi pengambil keputusan dan atau untuk

mengendalikan organisasi.

3. Suatu sistem dalam suatu organisasi yang mempertemukan kebutuhan

pengolahan transaksi, mendukung operasi, bersifat manajerial, dan

kegiatan strategi dari suatu organisasi dan menyediakan pihak luar tertentu

dengan laporan-laporan yang diperlukan.

Sistem informasi didefinisikan secara teknis sebagai suatu komponen yang

saling berhubungan yang mengumpulkan (atau mendapatkan kembali),

memproses, menyimpan dan mendistribusikan informasi untuk pengambilan

keputusan dan kendali dalam suatu organisasi.

Untuk memahami pengertian sistem informasi harus dilihat keterkaitan

antara data dan informasi sebagai entitas penting pembentuk sistem informasi.

Data merupakan nilai, keadaan, atau sifat yang berdiri sendiri lepas dari konteks

apapun. Sementara informasi adalah data yang telah diolah menjadi sebuah bentuk

yang berarti bagi penerimanya dan bermanfaat dalam pengambilan keputusan saat

ini atau mendatang. Informasi adalah data yang telah diproses, atau data yang

memiliki arti.

Akhirnya sistem informasi dapat diartikan sebagai suatu alat untuk

menyajikan informasi dengan cara sedemikian rupa sehingga dapat bermanfaat

bagi penerimanya. Tujuannya adalah untuk menyajikan informasi guna

pengambilan keputusan pada perencanaan, pemrakarsaan, pengorganisasian,

pengendalian kegiatan operasi subsistem suatu perusahaan, dan menyajikan

sinergi organisasi pada proses (Hanif Al Fatta, 2009).

8



2.2 Systems Development Life Cycle (SDLC)

Systems Development Life Cycle (Siklus Hidup Pengembangan Sistem)

atau Systems Life Cycle (Siklus Hidup Sistem), dalam rekayasa sistem dan

rekayasa perangkat lunak, adalah proses pembuatan dan pengubahan sistem serta

model dan metodologi yang digunakan untuk mengembangkan sistem-sistem

tersebut. Konsep ini umumnya merujuk pada sistem komputer atau informasi.

SDLC juga merupakan pola yang diambil untuk mengembangkan sistem

perangkat lunak, yang terdiri dari tahap-tahap: rencana (planning), analisis

(analysis), desain (design), implementasi (implementation), uji coba (testing) dan

pengelolaan (maintenance).

Dalam rekayasa perangkat lunak, konsep SDLC mendasari berbagai jenis

metodologi pengembangan perangkat lunak. Metodologi-metodologi ini

membentuk suatu kerangka kerja untuk perencanaan dan pengendalian pembuatan

sistem informasi, yaitu proses pengembangan perangkat lunak. Terdapat 3 jenis

metode siklus hidup sistem yang paling banyak digunakan, yakni: siklus hidup

sistem tradisional (traditional system life cycle), siklus hidup menggunakan

protoyping (life cycle using prototyping), dan siklus hidup sistem orientasi objek

(object-oriented system life cycle).

Daur hidup pengembangan sistem berfungsi untuk menggambarkan

tahapan-tahapan utama dan langkah-langkah dari setiap tahapan yang secara garis

besar terbagi dalam tiga kegiatan utama yaitu: analisis, desain dan implementasi

(Hanif Al Fatta, 2009).

9



2.3 Pengertian Sistem Informasi Akademik

Sistem informasi akademik adalah aplikasi yang dirancang dan dibuat

untuk mengolah data-data yang berhubungan dengan informasi akademik,

meliputi data karyawan, guru, siswa, rekaman prestasi, kurikulum, dan jadwal

pelajaran. Setiap anggota civitas akademika mempunyai tingkat akses yang

berbeda-beda terhadap sistem informasi akademik. Tingkat akses yang dimaksud

disesuaikan dengan kebutuhan dan tingkat kepentingan dari masing-masing

pengguna sistem (Roki Aditama, 2012).

2.3.1 Kurikulum

Kurikulum didefinisikan sebagai jumlah mata pelajaran yang harus

ditempuh atau diselesaikan oleh siswa dalam periode waktu tertentu. Pengertian

ini sering disebut tradisional atau konservatif, sebab menunjukkan kepada

rumusan yang pertama kali lahir dan memiliki sifat-sifat untuk cenderung

dipergunakan orang pada masanya. Oleh karena itu kurikulum dalam pandangan

yang tradisional sering didefinisikan dengan rencana pelajaran.

Kurikulum Sekolah Menengah Atas mencangkup beberapa komponen,

antara lain adalah:

Sekolah, yang mencerminkan visi, misi, tujuan serta tradisi yang dijunjung

tinggi dan dikembangkan oleh sekolah yang mengikat semua komponen

dalam sekolah tersebut.

1. Jurusan studi, yang mencerminkan bidang ilmu yang dikembangkan oleh

pihak sekolah.

2. Kurikulum berisi seperangkat mata pelajaran yang dikembangkan oleh

sekolah untuk menyelaraskan pendidikan dan pengajarannya dengan

10



perkembangan ilmu pengetahuan dan teknologi, perubahan kebijakan

nasional, serta perubahan dalam bidang kemasyarakatan.

3. Perubahan kurikulum disesuaikan dengan perkembangan ilmu

pengetahuan dan teknologi serta tuntutan dari masyarakat (Said Hamid

Hasan, 2007).

2.3.2 Mata Pelajaran

Setiap mata pelajaran merupakan pengalaman belajar spesifik yang secara

relatif memberikan sumbangan bagi tercapainya tujuan pendidikan yang bobotnya

dinyatakan dalam rapor nilai (Said Hamid Hasan, 2007).

2.3.3 Rapor Nilai

Laporan penilaian terhadap keberhasilan studi siswa diberikan dalam satu

periode yaitu periode setiap akhir semester. Untuk rumus penilaian tiap mata

pelajaran di akhir semester adalah:

Nilai Akhir Pelajaran = (rata-rata ulangan harian + tugas) + UTS + UAS

3

Contoh cara menghitung adalah jika rata-rata nilai 5 kali ulangan harian 70, nilai

UTS 80 dan nilai UAS 60, maka jumlah nilai keseluruhan adalah 210, kemudian

dibagi 3 sehingga hasilnya adalah 70, yang merupakan nilai pelajaran pada rapor

(Said Hamid Hasan, 2007).

2.4 Unified Modeling Language (UML)

UML merupakan salah satu standart metodologi pengembangan sistem

informasi dan atau perangkat lunak berorientasi objek. UML adalah bahasa

pemodelan untuk sistem atau perangkat lunak yang berparadigma berorientasi

objek. Pemodelan sesungguhnya digunakan untuk penyederhanaan permasalahan-

permasalahan yang kompleks sehingga lebih mudah dipelajari dan dipahami.

11



Pada pemodelan UML ada beberapa diagram diantaranya: Use Case

Diagram, Activity Diagram, Sequence Diagram, Class Diagram, Statechart

Diagram, Collaboration Diagram. Tapi yang sering digunakan Use Case

Diagram, Activity Diagram, Sequence Diagram dan Class Diagram. Berikut

Penjelasan dari masing-masing diagram:

1) Use Case Diagram

Use case diagram menggambarkan interaksi antara actor dengan proses

atau sistem yang dibuat. Use case diagram mempunyai beberapa bagian seperti:

Use Case, Actor, Undirectional Association, Generalization, Dependency, Note,

Text box dan juga Anchor Note to Items. Dari sekian bagian, ada yang paling

penting yang sering digunakan yaitu:

a. Use Case

Use case adalah proses-proses yang terjadi dalam suatu pemodelan. Use

case juga menggambarkan aktifitas yang dilakukan oleh seorang Actor.

b. Actor

Merupakan bagian dari use case yang bertindak sebagai subjek (pelaku)

dalam suatu proses.

c. Relasi

Relasi menggambarkan hubungan antara actor dan use case. Relasi-relasi

tersebut terbagi menjadi: Dependency, Generalization, dan Undirectional

Association.

12



Gambar 2.1 Simbol use case diagram

2) Activity Diagram

Activity diagram secara esensial mirip dengan diagram alir (flowchart),

memperlihatkan aliran kendali dari suatu aktifitas ke aktifitas lainnya. Untuk

membuat activity diagram klik kanan pada design model kemudian klik new -

activity diagram.

Gambar 2.2 Simbol activity diagram

13



3) Sequence Diagram

Interaction diagram yang memperlihatkan event-event yang berurutan

sepanjang berjalannya waktu, cara baca diagram ini yaitu berawal dari atas lalu ke

bawah.

Gambar 2.3 Simbol sequence diagram

4) Class Diagram

Diagram yang digunakan untuk menampilkan beberapa kelas serta paket-

paket yang ada dalam sistem / perangkat lunak yang sedang dikembangkan.

Sebelum membuat class diagram, terlebih dahulu harus membuat class-class yang

diperlukan untuk sistem (Adi Nugroho, 2010).

Gambar 2.4 Simbol class diagram

14



2.5 Prototype

Adalah merupakan salah satu metode pengembangan perangat lunak yang

banyak digunakan. Dengan metode prototype ini pengembang dan pelanggan

dapat saling berinteraksi selama proses pembuatan sistem. Berdasarkan ilmu

interaksi manusia dan komputer, prototype merupakan alat yang digunakan untuk

mensimulasikan beberapa atau tidak semua fitur dari sistem yang akan dibuat.

1. Teknik-teknik prototyping:

a) Perancangan Model

b) Perancangan Dialog

c) Simulasi

2. Keuntungan dari prototype:

a) Menghasilkan syarat yang lebih baik dari produksi yang dihasilkan oleh

metode „spesifikasi tulisan‟.

b) User dapat mempertimbangkan sedikit perubahan selama masih bentuk

prototype.

c) Memberikan hasil yang lebih akurat dari pada perkiraan sebelumnya, karena

fungsi yang diinginkan dan kerumitannya sudah dapat diketahui dengan

baik.

d) User merasa puas. Pertama, user dapat mengenal melalui komputer. Dengan

melakukan prototype (dengan analisis yang sudah ada), user belajar

mengenai komputer dan aplikasi yang akan dibuatkan untuknya. Kedua,

user terlibat langsung dari awal dan memotivasi semangat untuk mendukung

analisis selama proyek berlangsung (Hanif Al Fatta, 2009).

15



2.5.1 Perencanaan Sistem

Yaitu hal-hal yang menyangkut studi kebutuhan pengguna, studi-studi

kelayakan secara teknis maupun secara teknologi, serta penjadwalan

pengembangan suatu proyek sistem. Adapun metode untuk mengetahui spesifikasi

sistem maka dikembangkanlah SRS (Software Requirements Specification). SRS

adalah pernyataan tertulis mengenai apa saja yang akan dilakukan oleh sistem,

umumnya dikembangkan bersama calon pengguna dan para pengembang sistem

(Hanif Al Fatta, 2009). Adapun yang harus dilakukan untuk perencanaan sistem

antara lain:

1) Mengidentifikasi kebutuhan user

2) Menyeleksi kebutuhan user dari proses identifikasi dengan melihat kapasitas

teknologi dan efisiensi

3) Merencanakan kebutuhan fungsional dan non-fungsional

4) Merencanakan kebutuhan user (customer)

5) Merencanakan kebutuhan sistem (kontrak dengan klien)

6) Merencanakan kebutuhan dokumen dan perangkat lunak (developer)

2.5.2 Analisis Sistem

Yaitu tahap dimana kita berusaha mengenali segenap permasalahan yang

muncul pada pengguna. Tujuan utama dari analisa sistem adalah memodelkan

sistem yang nyata (Hanif Al Fatta, 2009). Penguraian dari suatu sistem informasi

yang utuh ke dalam bagian-bagian komponennya dengan maksud untuk

mengidentifikasikan dan mengevaluasi permasalahan, kesempatan, hambatan

yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan

perbaikannya. Permodelan proses yang digunakan untuk analisis sistem adalah

16



Unified Modeling Language (UML) yang terdiri dari: Requirement Model, Use

Case Diagram, Activity Diagram, Sequence Diagram dan Class Diagram.

2.5.3 Desain Sistem

Desain sistem atau perancangan sistem adalah strategi untuk memecahkan

masalah dan mengembangkan solusi terbaik bagi permasalahan itu. Perancangan

sistem adalah termasuk bagaimana mengorganisasi sistem ke dalam subsistem-

subsistem, serta alokasi subsistem-subsistem ke komponen perangkat keras,

perangkat lunak, serta prosedur-prosedur (Hanif Al Fatta, 2009). Desain sistem

menentukan bagaimana suatu sistem akan menyelesaikan apa yang mesti

diselesaikan, tahap ini menyangkut mengkonfigurasikan dari komponen-

komponen perangkat lunak dan perangkat keras dari suatu sistem sehingga setelah

instalasi dari sistem akan benar-benar memuaskan rancang bangun yang telah

ditetapkan pada akhir analisis sistem. Adapun hal-hal yang harus dilakukan untuk

mendesain sebuah sistem antara lain:

1) Desain form

2) Desain database

3) Desain prototype

2.5.4 Pengujian Sistem

Adalah tahap implementasi dimana kita mengimplementasikan

perancangan sistem ke situasi yang nyata dengan pemilihan perangkat keras dan

penyusunan perangkat lunak aplikasi (Hanif Al Fatta, 2009). Adapun hal-hal yang

harus dilakukan antara lain:

1) Pemrograman dan pengetesan perangkat lunak

2) Melakukan dokumentasi

17



2.6 Pemrograman Berbasis Web

Pemrograman berbasis web adalah suatu pemrograman untuk membuat

sistem atau aplikasi yang berbasiskan web dengan menggunakan bahasa

pemrograman PHP serta MySQL dan Apache sebagai web server (Roki Aditama,

2012).

2.6.1 Konsep Web

Word Wide Web (WWW) atau singkatnya web adalah suatu ruang

informasi dimana sumber-sumber daya yang berguna diidentifikasi oleh pengenal

global yang disebut Uniform Resource Identifier (URI).

Uniform Resource Identifier (URI) terdiri atas string karakter yang

digunakan untuk identifikasi atau memberi nama suatu sumberdaya (resouce) di

internet. Identifikasi tersebut memungkinkan interaksi dengan representasi dari

resouce melalui jaringan (network) dengan menggunakan protokol tertentu.

Hypertext dapat dilihat dengan sebuah program bernama web browser

yang mengambil informasi (dokumen/halaman web) dari web server dan

menampilkannya di sebuah monitor.

HTTP (Hypertext Transfer Protocol) adalah protokol yang dipergunakan

untuk melakukan transfer dokumen dalam World Wide Web (WWW). Protokol ini

adalah protokol ringan, tidak berstatus dan generik yang dapat dipergunakan

berbagai macam tipe dokumen.

HTML (Hypertext Markup Language) adalah sebuah bahasa yang

digunakan untuk membuat sebuah halaman web dan menampilkan berbagai

informasi di dalam sebuah Web Browser.

18



Web Browser adalah aplikasi perangkat lunak yang berfungsi

menampilkan halaman-halaman web yang berbentuk HTML yang diminta Client

dalam bentuk HTTP atau HTTPS.

Client adalah satu aplikasi komputer, seperti web browser yang berjalan

pada satu komputer lokal dari pengguna atau workstation, dan terhubung ke suatu

server.

Web Server adalah sebuah perangkat lunak server yang berfungsi

menerima permintaan HTTP atau HTTPS dari Client yang dikenal dengan web

browser dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web

yang umumnya berbentuk dokumen HTML (Roki Aditama, 2012).

2.6.2 PHP

PHP adalah singkatan dari "Hypertext Preprocessor", yang merupakan

sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaks mirip

dengan bahasa C, Java dan Perl, ditambah beberapa fungsi PHP yang spesifik.

PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang programmer C.

PHP merupakan bahasa pemrograman script yang bersifat server side

yang di-Embed dalam HTML, artinya dalam suatu dokumen HTML dapat

dimasukkan script PHP. PHP didesain untuk bekerja dalam web dengan

kelebihan pada konektifitasnya dan querying pada suatu database dengan

menggunakan perintah yang sederhana yang dapat ditulis dalam 2/3 baris kode.

Bahasa pemrograman PHP memiliki fitur struk control, operator, type

variable, deklarasi fungsi, deklarasi class/object. Konstruksi bahasa pemrograman

PHP berbasis pemrograman berorientasi objek dan pemrograman prosedural

(Fajar Junaedi, 2005).

19



Tujuan utama penggunaan bahasa ini adalah untuk memungkinkan

perancang web menulis halaman web dinamik dengan cepat. Program PHP harus

diterjemahkan oleh web-server sehingga menghasilkan kode HTML yang dikirim

ke browser agar dapat ditampilkan. Program ini dapat berdiri sendiri ataupun

disisipkan diantara kode-kode HTML sehingga dapat langsung ditampilkan

bersama dengan kode-kode HTML tersebut. PHP dapat berjalan di berbagai

sistem operasi seperti windows 98 / NT, UNIX / LINUX, solaris maupun

macintosh.

Keunggulan lainnya adalah bahwa PHP juga mendukung komunikasi

dengan layanan seperti protocol IMAP, SNMP, NNTP, POP3 dan bahkan HTTP.

Kekuatan yang paling utama dari PHP adalah pada konektivitasnya dengan sistem

database di dalam web. Sistem database yang dapat didukung oleh PHP adalah:

Oracle, MySQL, Sybase, PostgreSQL, dan lainnya (Abdul Kadir, 2008).

Sedangkan PHP yang digunakan dalam rancang bangun sistem informasi

akademik guna memantau hasil belajar di SMA Diponegoro Tulungagung ini

adalah versi 5.3.5

2.6.3 MySQL

MySQL merupakan software sistem manajemen database Database

Management System (DBMS) yang sangat populer dikalangan pemrogaman web,

terutama di lingkungan Linux dengan script PHP dan Perl. Software database ini

kini telah tersedia juga dalam platform sistem operasi windows.

MySQL merupakan database yang paling populer digunakan untuk

membangun aplikasi web yang menggunakan database sebagai sumber dan

pengelola datanya. MySQL merupakan database yang digunakan oleh situs-situs

20



terkemuka di internet untuk menyimpan datanya. Kepopuleran MySQL

dimungkinkan karena kemudahannya untuk digunakan, cepat secara kinerja query

dan mencukupi untuk kebutuhan database perusahaan-perusahaan skala

menengah.

MySQL merupakan database yang digunakan situs-situs terkemuka di

internet untuk menyimpan datanya. Software database MySQL kini dilepas

sebagai software manajemen database yang open source, sebelumnya merupakan

merupakan database yang shareware. Shareware adalah suatu software yang

dapat didistribusikan secara bebas untuk keperluan penggunaan secara pribadi,

tetapi jika digunakan secara komersial maka pemakai harus mempunyai lisensi

dari pembuatnya. Software open source menjadikan software dapat

didistribusikan secara bebas dan dapat dipergunakan untuk keperluan pribadi atau

pun komersial, termasuk di dalamnya source code dari software tersebut.

Database MySQL tersedia secara bebas dan cuma-cuma dan boleh

digunakan oleh setiap orang dengan lisensi open source GNU (General Public

License (GPL) ataupun lisensi komersial non GPL. Saat ini diperkirakan lebih dari

3 juta pemakai di seluruh dunia, dengan lebih dari setengah juta server yang

memasangnya, termasuk di dalamnya Yahoo, MP3.com, Motorola, NASA, Silicon

Graphics, HP, Xerox, Cisco dan Texas Instruments (Ema Utami, 2008).

2.6.4 Apache

Server HTTP Apache atau server Web/WWW Apache adalah web server

yang dapat dijalankan di banyak sistem operasi (Unix, BSD, Linux, Microsoft

Windows dan Novell Netware serta platform lainnya) yang berguna untuk

melayani dan memfungsikan situs web. Protokol yang digunakan untuk melayani

21



fasilitas web/www ini mengunakan HTTP. Apache memiliki fitur-fitur canggih

seperti pesan kesalahan yang dapat dikonfigurasi, autentifikasi berbasis basis data

dan lain-lain. Apache juga didukung oleh sejumlah antarmuka pengguna berbasis

grafik (GUI) yang memungkinkan penanganan server menjadi mudah.

Apache merupakan turunan dari web server yang dikembangkan oleh

NCSA (National Center for Supercomputing Application) sekitar tahun 1995.

Apache web server memiliki program pendukung cukup banyak yang dapat

memberikan layanan yang cukup bagi penggunanya (Syah Putra, 2004).

2.7 Profil SMA Diponegoro Tulungagung

2.7.1 Profil Singkat

Sekolah Menengah Atas Diponegoro Tulungagung merupakan sekolah

swasta di bawah naungan Lembaga Pendidikan Ma‟arif Nadlathul Ulama, sekolah

ini terletak di Jalan Jaksa Agung Suprapto No.8 Kelurahan Kampungdalem

Kabupaten Tulungagung, Jawa Timur.

2.7.2 Visi, Misi dan Tujuan Organisasi

a) Visi

Membentuk manusia muslim yang cerdas, terampil dan bertaqwa.

b) Misi

Adapun misi yang dimiliki adalah sebagai berikut:

1. Penguasaan sains dan teknologi melalui pembelajaran efektif secara teori

dan praktek.

2. Menjadikan lingkungan sekolah yang kondusif bagi pengembangan nilai-

nilai iman dan taqwa.

22



c) Tujuan

1. Jangka pendek, menciptakan sekolah sebagai lingkungan belajar yang

efektif dan menyenangkan dalam pelajaran akademik dan non akademik

serta menyenangkan dalam pengenalan nilai iman dan taqwa.

2. Jangka menegah, meningkatkan kualifikasi profesional guru dan tenaga

administratif serta meningkatkan sistem bagi peningkatan mutu kegiatan

pembelajaran.

3. Jangka panjang, menghasilkan lulusan yang memiliki kemampuan

akademik dan non akademik yang tinggi, mencetak SDM yang memiliki

kebanggaan yang tinggi terhadap kultur dan budaya bangsa serta SDM yang

beriman dan bertaqwa.

2.7.3 Struktur Organisasi

Gambar 2.5 Struktur Organisasi

23



Dari gambar 2.5 dapat dilihat bahwa pemegang kendali di SMA

Diponegoro Tulungagung ini adalah kepala sekolah yang berkoordinasi dengan

Lembaga Pendidikan Ma‟arif Nadlathul Ulama.

Akan tetapai dalam pengambilan keputusan kepala sekolah tidak bisa

membuat keputusan sendiri dikarenakan keputusan yang di buat harus

berdasarkan kordinasi dengan ketua lembaga terlebih dahulu.

24



BAB III

ANALISIS DAN DESAIN SISTEM

Dalam merancang sistem informasi akademik berbasis web terdapat beberapa

tahapan yang harus diperhatikan, sehingga sistem aplikasi yang akan dirancang

sesuai dengan tujuan yang akan dicapai. Tahapan-tahapan yang diperlukan secara

terstruktur dalam merancang sistem informasi akademik berbasis web antara lain:

3.1 Analisis Sistem

Untuk mendapatkan gambaran mengenai sistem yang digunakan saat ini, perlu

diadakan analisis terhadap sistem dan memodelkannya.

3.1.1 Requirement Model

Seorang perancang harus mempertimbangkan hal-hal yang menjadi kebutuhan

pengguna (user specification requirements), antara lain:

1) Kebutuhan fungsional (fungsional requirement)

User membutuhkan sistem informasi yang mampu meningkatkan efektivitas dan

efisiensi dalam memantau hasil belajar siswa yang terdiri dari: manajemen user,

data karyawan, data siswa, laporan nilai, jadwal pelajaran dan pendistribusian

kelas.

2) Kebutuhan non fungsional (non functional requirement)

a) User membutuhkan user interface yang mudah dipahami dan mudah

dioperasikan.

b) User membutuhkan aplikasi yang bersifat open source supaya mudah

dilakukan pengembangan aplikasi di masa mendatang.

25



3.2 Use Case Diagram

Untuk mendapatkan gambaran secara jelas terhadap alur kerja sistem yang akan

dibuat, berikut akan dijelaskan dengan menggunakan pemodelan UML. Dalam

pemodelan dengan menggunakan UML, sistem informasi yang dibuat

digambarkan dalam sebuah use case diagram, dimana semua perilaku dimodelkan

sebagai use case.

Pada studi kasus ini terdapat tiga actor yang mempunyai peran dan fungsi sendiri-

sendiri.

a. Administrator

Administrator adalah seseorang yang bertugas sebagai admin pada sistem

informasi akademik sekolah. Seorang administrator harus mempunyai persyaratan

tertentu yang telah ditetapkan oleh pihak sekolah.

b. Karyawan

Karyawan terdiri dari beberapa tingkatan user berdasarkan jabatan yang meliputi

kepala sekolah, wakil kepala sekolah, guru, pegawai tata usaha dan pegawai

lainnya. Karyawan dapat mengakses sistem informasi sekolah tergantung user

level yang telah ditentukan oleh sekolah.

c. Siswa

Siswa adalah seseorang yang akan mengakses sistem informasi sekolah mengenai

pendidikan dan informasi-informasi yang diberikan oleh sekolah, dengan

ketentuan masih belajar dan terdaftar di sekolah.

Berikut gambaran use case dalam Rancang Bangun Sistem Informasi Akademik


Tulungagung:

26



1) Administrator

Gambar 3.1 Use case administrator

Berikut penjelasan mengenai use case administrator dari gambar 3.1:

a. Mengelola data user

Merupakan use case yang menggambarkan proses penambahan, penghapusan dan

pengeditan data user yang dilakukan oleh admin.

b. Mengelola data karyawan

Merupakan use case yang menggambarkan proses penambahan, pengeditan atau

penghapusan data karyawan yang dilakukan oleh admin.

c. Mengelola data siswa


penghapusan data siswa yang dilakukan oleh admin.

d. Mengelola data nilai


penghapusan data nilai siswa yang dilakukan oleh admin.

27



e. Mengelola data pelajaran


penghapusan data mata pelajaran yang dilakukan oleh admin.

f. Mengelola data jadwal


penghapusan data jadwal yang dilakukan oleh admin.

g. Mengelola data distribusi kelas


penghapusan data pendistribusian kelas yang dilakukan oleh admin.

Tabel 3.1 Fungsional use case administrator

No Actor Fungsional use case

1 Administrator Mengelola data user

2 Administrator Mengelola data karyawan

3 Administrator Mengelola data siswa

4 Administrator Mengelola data nilai

5 Administrator Mengelola data pelajaran

6 Administrator Mengelola data jadwal

7 Administrator Mengelola data distribusi kelas

28



Penjabaran tiap use case administrator :

Gambar 3.2 Use case mengelola data user

Use case mengelola data user terdiri dari tiga use case, antara lain memasukkan

data user, mengubah data user dan menghapus data user.

Tabel 3.2 Fungsional use case mengelola data user

Use case Fungsional use case

Administrator mengelola data user input user

edit user

delete user

Gambar 3.3 Use case mengelola data karyawan

Use case mengelola data karyawan terdiri dari tiga use case, antara lain

memasukkan data karyawan, mengubah data karyawan dan menghapus data

karyawan.

29



Tabel 3.3 Fungsional use case mengelola data karyawan


Administrator mengelola data karyawan input karyawan

edit karyawan

delete karyawan

Gambar 3.4 Use case mengelola data siswa

Use case mengelola data siswa terdiri dari tiga use case, antara lain memasukkan

data siswa, mengubah data siswa dan menghapus data siswa.

Tabel 3.4 Fungsional use case mengelola data siswa


Administrator mengelola data siswa input siswa

edit siswa

delete siswa

Gambar 3.5 Use case mengelola data nilai

30



Use case mengelola data nilai terdiri dari tiga use case, antara lain memasukkan

data nilai, mengubah data nilai dan menghapus data nilai.

Tabel 3.5 Fungsional use case mengelola data nilai


Administrator mengelola data nilai input nilai

edit nilai

delete nilai

Gambar 3.6 Use case mengelola data pelajaran

Use case mengelola data pelajaran terdiri dari tiga use case, antara lain

memasukkan data pelajaran, mengubah data pelajaran dan menghapus data pelajaran.

Tabel 3.6 Fungsional use case mengelola data pelajaran


Administrator mengelola data pelajaran input pelajaran

edit pelajaran

delete pelajaran

31



Gambar 3.7 Use case mengelola jadwal

Use case mengelola jadwal terdiri dari tiga use case, antara lain memasukkan

jadwal, mengubah jadwal dan menghapus jadwal.

Tabel 3.7 Fungsional use case mengelola jadwal


Administrator mengelola jadwal input jadwal

edit jadwal

delete jadwal

Gambar 3.8 Use case mengelola data distibusi kelas

Use case mengelola data distibusi kelas terdiri dari tiga use case, antara lain

memasukkan data distibusi kelas, mengubah data distibusi kelas dan menghapus

data distibusi kelas.

32



Tabel 3.8 Fungsional use case mengelola data distibusi kelas


Administrator mengelola data distibusi kelas input data distibusi kelas

edit data distibusi kelas

delete data distibusi kelas

2) Karyawan dan siswa

Gambar 3.9 Use case karyawan dan siswa

Berikut penjelasan mengenai use case karyawan dan siswa dari gambar 3.9:

a. Data karyawan

Merupakan use case yang menggambarkan proses lihat data karyawan.

b. Data siswa

Merupakan use case yang menggambarkan proses lihat data siswa.

c. Data nilai

Merupakan use case yang menggambarkan proses lihat data nilai.

d. Data jadwal

Merupakan use case yang menggambarkan proses lihat data jadwal pelajaran.

e. Data distribusi kelas

33



Merupakan use case yang menggambarkan proses lihat data pendistribusian kelas

yang dilakukan oleh siswa.

Tabel 3.9 Fungsional use case karyawan dan siswa

No Actor Fungsional use case

1 Karyawan dan Siswa Melihat data karyawan

2 Karyawan dan Siswa Melihat data siswa

3 Karyawan dan Siswa Melihat data nilai

4 Karyawan dan Siswa Melihat data jadwal pelajaran

5 Karyawan dan Siswa Melihat data pendistribusian kelas

3.3 Activity Diagram

Berkaitan dengan use case diagram pada gambar 3.1 maka terdapat activity

diagram yang dapat digambarkan yaitu:

1) Activity diagram mengelola data user

Pada halaman ini admin dapat melakukan proses input, edit atau delete data user

yang akan digunakan untuk memproyeksikan data user. Pada gambar 3.10 Activity

diagram mengelola data user, admin memilih menu untuk mengelola data user

lalu sistem menampilkan halaman data user, kemudian admin melakukan proses

pengolahan yang terdiri dari input, edit atau delete data user. Jika salah maka

sistem akan kembali ke halaman data user, jika benar maka sistem akan

menampilkan data user terbaru yang telah di update.

Untuk lebih jelasnya perhatikan gambar 3.10 activity diagram berikut ini:

34



Gambar 3.10 Activity diagram mengelola data user

2) Activity diagram mengelola data karyawan

Pada halaman ini admin dapat melakukan proses input, edit atau delete data

karyawan yang akan digunakan untuk memproyeksikan data karyawan.

Pada gambar 3.11 Activity diagram mengelola data karyawan, admin memilih

menu untuk mengelola data karyawan lalu sistem menampilkan halaman data

karyawan, kemudian admin melakukan proses pengolahan yang terdiri dari input,

edit atau delete data karyawan. Jika salah maka sistem akan kembali ke halaman

data karyawan, jika benar maka sistem akan menampilkan data karyawan terbaru

yang telah di update.


35



Gambar 3.11 Activity diagram mengelola data karyawan

3) Activity diagram mengelola data siswa

Pada halaman ini admin dapat melakukan proses input, edit atau delete data siswa

yang akan digunakan untuk memproyeksikan data siswa. Pada gambar 3.12

Activity diagram mengelola data siswa, admin memilih menu untuk mengelola

data siswa lalu sistem menampilkan halaman data siswa, kemudian admin

melakukan proses pengolahan yang terdiri dari input, edit atau delete data siswa.

Jika salah maka sistem akan kembali ke halaman data siswa, jika benar maka

sistem akan menampilkan data siswa terbaru yang telah di update.


36



Gambar 3.12 Activity diagram mengelola data siswa

4) Activity diagram mengelola data nilai

Pada halaman ini admin dapat melakukan proses input, edit atau delete data nilai

yang akan digunakan untuk memproyeksikan data nilai siswa. Pada gambar 3.13

Activity diagram mengelola data nilai, admin memilih menu untuk mengelola data

nilai lalu sistem menampilkan halaman data nilai, kemudian admin melakukan

proses pengolahan yang terdiri dari input, edit atau delete data nilai. Jika salah

maka sistem akan kembali ke halaman data nilai, jika benar maka sistem akan

menampilkan data nilai terbaru yang telah di update.


37



Gambar 3.13 Activity diagram mengelola data nilai

5) Activity diagram mengelola data pelajaran


pelajaran yang akan digunakan untuk memproyeksikan data pelajaran.

Pada gambar 3.14 Activity diagram mengelola data pelajaran, admin memilih

menu untuk mengelola data pelajaran lalu sistem menampilkan halaman data

pelajaran, kemudian admin melakukan proses pengolahan yang terdiri dari input,

edit atau delete data pelajaran. Jika salah maka sistem akan kembali ke halaman

data pelajaran, jika benar maka sistem akan menampilkan data pelajaran terbaru

yang telah di update.


38



Gambar 3.14 Activity diagram mengelola data pelajaran

6) Activity diagram mengelola data jadwal


jadwal yang akan digunakan untuk memproyeksikan data jadwal pelajaran.

Pada gambar 3.15 Activity diagram mengelola data jadwal, admin memilih menu

untuk mengelola data jadwal lalu sistem menampilkan halaman data jadwal,

kemudian admin melakukan proses pengolahan yang terdiri dari input, edit atau

delete data jadwal. Jika salah maka sistem akan kembali ke halaman data jadwal,

jika benar maka sistem akan menampilkan data jadwal terbaru yang telah di

update.


39



Gambar 3.15 Activity diagram mengelola data jadwal

7) Activity diagram mengelola data pendistribusian kelas


distribusi yang akan digunakan untuk memproyeksikan data pendistribusian kelas.

Pada gambar 3.16 Activity diagram mengelola data pendistribusian kelas, admin

memilih menu untuk mengelola data pendistribusian kelas lalu sistem

menampilkan halaman data pendistribusian kelas, kemudian admin melakukan

proses pengolahan yang terdiri dari input, edit atau delete data pendistribusian

kelas. Jika salah maka sistem akan kembali ke halaman data pendistribusian kelas,

jika benar maka sistem akan menampilkan data pendistribusian kelas terbaru yang

telah di update. Lebih jelasnya perhatikan gambar 3.16 activity diagram berikut

ini:

40



Gambar 3.16 Activity diagram mengelola data pendistribusian kelas

3.4 Sequence Diagram

Terdapat beberapa Squence diagram dalam sistem informasi akademik pada SMA

Diponegoro, diantaranya:

a. Sequence diagram mengelola data user

Pada sequence diagram mengelola data user terdapat beberapa proses, proses

yang terjadi didalamnya dijabarkan sebagai berikut:

1) Admin memilih menu data user.

2) Admin memasukkan data user, jika gagal maka akan kembali ke

halaman input user, jika berhasil maka akan kembali dan tampil

pada halaman data user.

41



3) Admin mengubah data user, jika gagal maka akan kembali ke

halaman edit user, jika berhasil maka akan kembali dan tampil

pada halaman data user .

4) Admin menghapus data user, jika gagal maka akan kembali ke

halaman delete user, jika berhasil maka akan kembali dan tampil

pada halaman data user .

Untuk memperjelas proses-proses yang terjadi pada sequence diagram mengelola

data user dapat dilihat pada gambar 3.17 berikut:

Gambar 3.17 Sequence diagram mengelola data user

b. Sequence diagram mengelola data karyawan

Pada sequence diagram mengelola data karyawan terdapat beberapa proses,

proses yang terjadi didalamnya dijabarkan sebagai berikut:

1) Admin memilih menu data karyawan.

2) Admin memasukkan data karyawan, jika gagal maka akan kembali

ke halaman input karyawan, jika berhasil maka akan kembali dan

tampil pada halaman data karyawan.

3) Admin mengubah data karyawan, jika gagal maka akan kembali ke

halaman edit karyawan jika berhasil maka akan kembali dan tampil

pada halaman data karyawan.

42



4) Admin menghapus data karyawan, jika gagal maka akan kembali ke

halaman delete karyawan, jika berhasil maka akan kembali dan

tampil pada halaman data karyawan.


data karyawan dapat dilihat pada gambar 3.18 berikut:

Gambar 3.18 Sequence diagram mengelola data karyawan

c. Sequence diagram mengelola data siswa

Pada sequence diagram mengelola data siswa terdapat beberapa proses, proses

yang terjadi didalamnya dijabarkan sebagai berikut:

1) Admin memilih menu data siswa.

2) Admin memasukkan data siswa, jika gagal maka akan kembali ke

halaman input siswa, jika berhasil maka akan kembali dan tampil

pada halaman data siswa.

3) Admin mengubah data siswa, jika gagal maka akan kembali ke

halaman edit siswa jika berhasil maka akan kembali dan tampil


43



4) Admin menghapus data siswa, jika gagal maka akan kembali ke

halaman delete siswa, jika berhasil maka akan kembali dan tampil



data karyawan dapat dilihat pada gambar 3.19 berikut:

Gambar 3.19 Sequence diagram mengelola data siswa

Dari beberapa sequence diagram untuk mengelola data yang lainnya terdapat

urutan proses yang sama dengan gambar sequence diagram mengelola data user,

mengelola data karyawan dan sequence diagram mengelola data siswa, yang

membedakan hanyalah nama data yang diproses. Sehingga beberapa gambar

sequence diagram mengelola data tidak ditampilkan, antara lain:

1. Mengelola data nilai

2. Mengelola data pelajaran

3. Mengelola data jadwal

4. Mengelola data pendistribusian kelas

44



3.5 Class Diagram

Pada sistem informasi akademik SMA Diponegoro Tulungagung ini mempunyai

class diagram seperti gambar 3.20 berikut:

Gambar 3.20 Class diagram sistem informasi akademik pada SMA Diponegoro Tulungagung

Selama proses analisis, class diagram memperlihatkan aturan-aturan dan

tanggung jawab entitas yang menentukan perilaku sistem. Selama tahap desain,

class diagram berperan dalam menangkap struktur dari semua kelas yang

membentuk arsitektur sistem yang dibuat.

3.6 Desain Sistem

Setelah melakukan analisis sistem yang terdiri dari requirement model, use case

diagram, sequence diagram, activity diagram dan class diagram maka hal yang

selanjutnya dilakukan adalah desain / perancangan sistem, dalam melakukan

desain sistem maka diperlukan beberapa hal yang meliputi desain kamus data dan

desain form.

45



3.6.1 Desain Kamus Data

Berikut ini adalah daftar tabel kamus data yang digunakan dalam Rancang

Bangun Sistem Informasi Akademik Berbasis Web Guna Memantau Hasil Belajar

Siswa di SMA Diponegoro Tulungagung yang berfungsi untuk menyimpan data-

data yang akan digunakan. Tabel-tabel tersebut dibutuhkan untuk membangun

sebuah kamus data yang saling berelasi satu dengan yang lainnya, yang masing-

masing dilengkapi dengan primary key dan foreign key yaitu :

1) Tabel User

Tabel ini digunakan untuk mengatur data user yang dimiliki oleh admin.

Tabel 3.10 Tabel user

Nama Field Type Lenght Keterangan

username varchar 7 Primary key

password varchar 7

level varchar 7

2) Tabel Karyawan

Tabel ini digunakan untuk menyimpan data guru dan karyawan.

Tabel 3.11 Tabel karyawan


nik varchar 7 Primary key

nama varchar 30

alamat varchar 30

tempat_lahir char 20

tanggal_lahir date 8

jabatan char 7

no_tlp varchar 12

jk char 6

46



3) Tabel Siswa

Tabel ini digunakan untuk menyimpan data siswa.

Tabel 3.12 Tabel siswa


nis varchar 7 Primary key

nama varchar 30

alamat varchar 30

tempat_lahir char 20

tanggal_lahir date 8

jk char 6

kode_kelas varchar 3

4) Tabel Kelas

Tabel ini digunakan untuk menyimpan data kelas siswa.

Tabel 3.13 Tabel kelas


kode_kelas varchar 3 Primary key

nama_kelas varchar 5

kuota varchar 2

tahun_ajaran date 8

nik varchar 7

5) Tabel Mapel

Tabel ini digunakan untuk menyimpan data mata pelajaran.

Tabel 3.14 Tabel mapel


kode_mapel varchar 2 Primary key

nama_mapel varchar 17

47



6) Tabel Jadwal

Tabel ini digunakan untuk menyimpan jadwal mata pelajaran.

Tabel 3.15 Tabel jadwal


no integer 5 Primary key

hari varchar 7

jam varchar 15


kode_mapel varchar 2

nik varchar 7

7) Tabel Nilai

Tabel ini digunakan untuk menyimpan data nilai siswa.

Tabel 3.16 Tabel nilai


no integer 5 Primary key

nis varchar 7

kode_mapel varchar 2

tgs_satu integer 3

tgs_dua integer 3

uh_satu integer 3

uh_dua integer 3

uh_tiga integer 3

uts integer 3

uas integer 3

nilai integer 3

semester integer 2

48



8) Tabel Distribusi

Tabel ini digunakan untuk menyimpan data pendistribusian kelas.

Tabel 3.17 Tabel distribusi


nis varchar 7 Primary key


kelas_rekom varchar 3

3.6.2 Desain Form

Terdapat beberapa form yang ada dalam rancang bangun sistem informasi

akademik berbasis web guna memantau hasil belajar siswa di SMA Diponegoro

Tulungagung ini, antara lain form login, form bagi admin, form bagi karyawan

dan form bagi siswa.

3.6.2.1 Desain Form Login

Form ini digunakan untuk memasukkan username dan password bagi admin,

karyawan ataupun siswa untuk masuk ke sistem.

Gambar 3.21 Desain form login

HEADER

Home Login Info

49



3.6.2.2 Desain Form Bagi Administrator

Pada bagian admin terdapat beberapa bagian yaitu header, side menu dan content.

Bagian header digunakan untuk meletakkan banner yang menginformasikan

tentang web ini. Bagian content berisi informasi dari daftar menu, sedangkan

bagian side menu berisi link yang menuju ke content yang masing-masing terdapat

beberapa form, antara lain:

1) Form data user

Terdapat beberapa fasilitas yaitu input user, edit user, delete user dan laporan.

Gambar 3.22 Desain form data user

2) Form input user

Gambar 3.23 Desain form input user

HEADER

Home Control Panel Profil Logout

Data User

Data Karyawan

Data Siswa

Data Nilai Siswa

Mata Pelajaran

Jadwal Pelajaran

Distribusi Kelas

DATA USER

Input edit delete laporan

HEADER


Data User

Data Karyawan

Data Siswa

Data Nilai Siswa

Mata Pelajaran

Jadwal Pelajaran

Distribusi Kelas

INPUT USER

50



3) Form edit user

Gambar 3.24 Desain form edit user

4) Form delete user

Gambar 3.25 Desain form delete user

5) Form laporan data user

Gambar 3.26 Desain form laporan data user

HEADER


Data User

Data Karyawan

Data Siswa

Data Nilai Siswa

Mata Pelajaran

Jadwal Pelajaran

Distribusi Kelas

EDIT USER

HEADER


Data User

Data Karyawan

Data Siswa

Data Nilai Siswa

Mata Pelajaran

Jadwal Pelajaran

Distribusi Kelas

DELETE USER

Konfirmasi hapus user

HEADER


Data User

Data Karyawan

Data Siswa

Data Nilai Siswa

Mata Pelajaran

Jadwal Pelajaran

Distribusi Kelas

LAPORAN DATA USER

51



3.6.2.3 Desain Form Bagi Karyawan

Gambar 3.27 Desain form bagi karyawan

3.6.2.4 Desain Form Bagi Siswa

Gambar 3.28 Desain form bagi siswa

HEADER

Home Akademik Profil Logout

Data Karyawan

Data Siswa

Data Nilai Siswa

Mata Pelajaran

Jadwal Mengajar

Distribusi Kelas

AKADEMIK

TEXT

HEADER

Home Akademik Profil Logout

Data Karyawan

Data Siswa

Data Nilai Siswa

Mata Pelajaran

Jadwal Pelajaran

Distribusi Kelas

AKADEMIK

TEXT

52



BAB IV

IMPLEMENTASI PADA PROGRAM DAN UJICOBA

Bab ini akan membahas tentang pengujian sistem setelah dilakukan analisis dan

proses perancangan yang telah dibuat. Tujuan dari pegujian ini adalah untuk

mengetahui apakah sistem yang dibangun sesuai dengan perancangannya. Selain

itu juga untuk mengetahui detail jalannya sistem serta kesalahan yang ada untuk

pengembangan dan perbaikan lebih lanjut.

4.1 Implementasi Pada Program

Proses pengimplementasian perangkat lunak ini meliputi implementasi desain

interface dan implementasi listing program.

4.1.1 Implementasi Desain Interface

Digunakan untuk mendesain tampilan antar muka dari aplikasi yang dibuat,

namun tidak menampilkan semua fitur yang ada dalam aplikasi. Berikut beberapa

tampilan desain interface aplikasi:

1) Desain interface halaman awal

Gambar 4.1 Desain interface halaman awal

53



2) Desain interface halaman login

Gambar 4.2 Desain interface halaman login

3) Desain interface halaman utama administrator

Gambar 4.3 Desain interface halaman utama administrator

54



4) Desain interface halaman control panel

Gambar 4.4 Desain interface halaman control panel

5) Desain interface halaman mengelola data user

Gambar 4.5 Desain interface halaman mengelola data user

55



6) Desain interface halaman input user

Gambar 4.6 Desain interface halaman input user

7) Desain interface halaman tampil data user

Gambar 4.7 Desain interface halaman tampil data user

56



8) Desain interface halaman proses edit user

Gambar 4.8 Desain interface halaman proses edit user

9) Desain interface halaman konfirmasi delete user

Gambar 4.9 Desain interface halaman konfirmasi delete user

57



10) Desain interface halaman delete user berhasil

Gambar 4.10 Desain interface halaman delete user berhasil

4.1.2 Implementasi Listing Program

Listing program merupakan script PHP yang digunakan dalam Rancang Bangun

Sistem Informasi Akademik Berbasis Web Guna Memantau Hasil Belajar Siswa

di SMA Diponegoro Tulungagung, beberapa diantaranya adalah:

1) Form Pendistribusian Kelas

<body><?php

$no=$_POST['nis'];

$sql="SELECT * FROM siswa WHERE nis='$no'";

$query=mysql_query($sql);

$resul=mysql_fetch_array($query);

$nis=$resul['nis'];

$nama=$resul['nama'];

$alamat=$resul['alamat'];

$tgl=$resul['tanggal_lahir'];

$tempat=$resul['tempat_lahir'];

$jk=$resul['jk'];

$nama_kelas=$resul['nama_kelas'];

$no=$_POST['nis'];

$sqla="SELECT * FROM nilai WHERE nis='$no'";

$querya=mysql_query($sqla);

$resula=mysql_fetch_array($querya);

$nilai=$resula['nilai']; ?>

58



<form id="form1" name="form1" method="post"

action="?i=prosesinputdistribusi">

<fieldset style="border-color:#A7A7A7">

<legend></legend>

<table width="433" border="0" align="center">

<tr>

<th width="120" align="left" scope="row">NIS</th>

<td width="17">:</td>

<td width="282"><input name="nis" type="text"

value="<?php echo"$nis";?>"/>

<input type="hidden" name="nisa" value="<?php

echo"$nis";?>" /></td>

</tr>

<tr>

<th scope="row" align="left">Nama</th>

<td>:</td>

<td><label>

<input type="text" name="nama" value="<?php

echo"$nama";?>" />

</label></td>

</tr>

<tr>

<th scope="row" align="left">Kelas</th>

<td>:</td>

<td><label>

<input type="text" name="nama_kelas" value="<?php

echo"$nama_kelas";?>" />

</label></td>

</tr>

</table>

<strong><center>NILAI</center></strong>

<table width="550" border="1" align="center"

cellpadding="1" cellspacing="0">

<tr valign="top">

<td width="70"><div

align="center"><strong>Semester</strong></div></td>

<td width="150"><div

align="center"><strong>Pelajaran</strong></div></td>

<td width="50"><div

align="center"><strong>tgs1</strong></div></td>

<td width="50"><div

align="center"><strong>tgs2</strong></div></td>

<td width="50"><div

align="center"><strong>uh1</strong></div></td>

<td width="50"><div


<td width="50"><div


<td width="50"><div

align="center"><strong>uts</strong></div></td>

<td width="50"><div

align="center"><strong>uas</strong></div></td>

<td width="70"><div

align="center"><strong>Nilai</strong></div></td>

</tr>

59



<?

$x="select * from nilai WHERE nis='$nis' ORDER by semester";

$tampil=mysql_query($x);

while ($data=mysql_fetch_array($tampil))

{

?>

<tr><td><div align="center"><? echo $data['semester'];

?></div></td><? $hsmapel=mysql_query("SELECT nama_mapel FROM

mapel WHERE kode_mapel='$data[kode_mapel]'");

$mapel=mysql_fetch_array($hsmapel); ?>

<td><? echo $mapel['nama_mapel']; ?></td>

<td><? echo $data['tgs_satu']; ?></td>

<td><? echo $data['tgs_dua']; ?></td>

<td><? echo $data['uh_satu']; ?></td>

<td><? echo $data['uh_dua']; ?></td>

<td><? echo $data['uh_tiga']; ?></td>

<td><? echo $data['uts']; ?></td>

<td><? echo $data['uas']; ?></td>

<td><? echo $data['nilai']; ?></td> <? } ?> </tr>

<?

$s="SELECT avg(nilai) FROM nilai where nis='$nis'";

$hitung=mysql_query($s);

$nilairata=mysql_fetch_array($hitung);

?>

<tr><td colspan="10"><div align="right"><strong>Nilai rata-

rata :</strong><b><? echo ($nilairata[0]); ?></b></div></td>

</tr></table>

<div align="center"><tr>

<th height="32" colspan="2"

scope="row"><label><br/><br/>Kelas yang direkomendasikan

untuk siswa tersebut adalah:<br />

<?php

($nilairata[0]);

$ipa="ipa";

$ips="ips";

if ($nilairata[0]>=70)

{ echo "<input type='ipa' name='kelas_rekom' value='$ipa'>";}

else if ($nilairata[0]<=70)

{ echo "<input type='ips' name='kelas_rekom' value='$ips'>";}

?>

<br />

<p></p>

<input name="Reset" type="reset" id="Reset" value="Cancel" />

</label></th>

<td><label>

<input name="Submit" type="submit" id="Submit"value="Execute"

/>

</label></td>

</tr>

</div>

</fieldset>

</form>

</body>

60



4.2 Pengujian Lingkungan Sistem

Sebelum menjalankan program atau aplikasi, ada beberapa hal yang perlu

diperhatikan, antara lain kebutuhan sistem akan perangkat keras (hardware) dan

perangkat lunak (software), serta langkah-langkah yang harus dilakukan untuk

dapat melakukan instalasi aplikasi agar dapat berfungsi sebagaimana mestinya.

Dalam perancangan dan pembangunan aplikasi ini ada beberapa perangkat keras

dan perangkat lunak komputer yang dibutuhkan, antara lain :

4.2.1 Perangkat Keras (Hardware)

Perangkat keras komputer adalah komponen-komponen fisik peralatan yang

membentuk suatu sistem komputer, serta peralatan-peralatan lain yang

mendukung komputer dalam menjalankan tugasnya. Adapun perangkat keras yang

diperlukan dalam pengujian Rancang Bangun Sistem Informasi Akademik


Tulungagung adalah:

1. CPU dengan processor minimal Pentium 4 1.8 Ghz

2. VGA 64MB

3. Hard Disk 20 GB

4. RAM 256MB

5. Monitor Color “15

6. Keyboard, Mouse dan CD Rom

4.2.2 Perangkat Lunak (Software)

Perangkat lunak yang diperlukan adalah program komputer yang diperlukan untuk

mengoperasikan fungsi dari perangkat keras. Adapun perangkat lunak yang

diperlukan dalam perancangan dan pembangunan sistem informasi akademik

61



berbasis web guna memantau hasil belajar siswa di SMA Diponegoro

Tulungagung ini adalah:

1) Sistem Operasi Windows XP, Windows Vista dan Windows 7

2) Xampp

4.3 Pengujian Fungsional Aplikasi

Pengujian aplikasi meliputi tampilan menu-menu utama aplikasi dan submenu-

submenu yang ada di dalamnya. Sedangkan mengenai tampilan aplikasi telah

dibuat sesuai dengan rancangan yang telah disampaikan sebelumnya.

1) Halaman awal

Merupakan halaman awal aplikasi dengan menu Home, Login dan Info.

Gambar 4.11 Tampilan halaman awal aplikasi

Tabel 4.1 Pengujian benar halaman awal aplikasi

No Butir uji Hasil yang diharapkan Hasil pengujian

1 Tombol Home Menunjukkan index /

halaman awal aplikasi

Benar

2 Tombol Login Menuju halaman form

login

Benar

3 Tombol info Menuju halaman info Benar

62



Tabel 4.2 Pengujian salah halaman awal aplikasi


1 Tombol Home Menunjukkan selain

index / halaman awal

aplikasi

Salah

2 Tombol Login Menuju selain

halaman form login

Salah

3 Tombol info Menuju selain

halaman info

Salah

2) Halaman login

Tampilan halaman form login untuk masuk ke dalam aplikasi

Gambar 4.12 Tampilan halaman form login

Tabel 4.3 Pengujian benar halaman form login

No Butir uji Hasil yang diharapkan Hasil

pengujian

1 Tombol login Menuju halaman

utama user

berdasarkan masing-

masing level

Benar

Tabel 4.4 Pengujian salah halaman form login


1 Tombol login Menuju selain

halaman utama user

berdasarkan masing-

masing level

Salah

63



3) Halaman utama administrator

Merupakan halaman bagi administrator yang berisi menu untuk mengelola

aplikasi yang terdiri dari menu-menu home, akademik, profil dan logout.

Gambar 4.13 Tampilan halaman utama bagi administrator

Tabel 4.5 Pengujian benar halaman utama bagi administrator


1 Tombol home Menuju halaman index Benar

2 Tombol akademik Menuju halaman control

panel yang digunakan

untuk mengelola data-

data dalam sistem

Benar

3 Tombol profil Menuju halaman profil Benar

4 Tombol logout Keluar dari aplikasi Benar

Tabel 4.6 Pengujian salah halaman utama bagi administrator


1 Tombol home Menuju selain halaman

index

Salah

2 Tombol akademik Menuju selain halaman

control panel yang

digunakan untuk

mengelola data-data

dalam sistem

Salah

3 Tombol profil Menuju selain halaman

profil

Salah

4 Tombol logout Tidak keluar dari

aplikasi

Salah

64



4) Halaman control panel

Merupakan halaman yang berisikan menu-menu untuk mengelola data-data yang

ada dalam aplikasi

Gambar 4.14 Halaman control panel

Pada menu yang ada di side bar sebelah kiri terdapat beberapa menu untuk

mengelola data-data meliputi data user, data karyawan, data siswa, data nilai, data

mata pelajaran, data jadwal dan data pendistribusian kelas.

Tabel 4.7 Pengujian benar halaman control panel


pengujian

1 Tombol data user Menuju halaman untuk

mengelola data user

Benar

2 Tombol data karyawan Menuju halaman untuk

mengelola data karyawan

Benar

3 Tombol data siswa Menuju halaman untuk

mengelola data siswa

Benar

4 Tombol data nilai siswa Menuju halaman untuk

mengelola data nilai siswa

Benar

5 Tombol data mata

pelajaran

Menuju halaman untuk

mengelola mata pelajaran

Benar

6 Tombol jadwal

pelajaran


mengelola jadwal pelajaran

Benar

7 Tombol data

pendistribusian kelas


mengelola data


Benar

65



Tabel 4.8 Pengujian salah halaman control panel


pengujian

1 Tombol data user Menuju selain halaman

untuk mengelola data user

Salah

2 Tombol data karyawan Menuju selain halaman

untuk mengelola data

karyawan

Salah

3 Tombol data siswa Menuju selain halaman

untuk mengelola data siswa

Salah

4 Tombol data nilai siswa Menuju selain halaman

untuk mengelola data nilai

siswa

Salah

5 Tombol data mata

pelajaran

Menuju selain halaman

untuk mengelola mata

pelajaran

Salah

6 Tombol jadwal

pelajaran


untuk mengelola jadwal

pelajaran

Salah

7 Tombol data



untuk mengelola data


Salah

5) Halaman mengelola data user

Merupakan halaman yang berisikan menu-menu untuk mengelola data user.

Gambar 4.15 Halaman untuk mengelola data user

66



Pada halaman untuk mengelola data user terdapat tiga tombol yang meliputi

tombol input, tombol edit/delete dan tombol laporan.

Tabel 4.9 Pengujian benar halaman untuk mengelola data user


1 Tombol input Menuju halaman untuk

input data user

Benar

2 Tombol edit/delete Menuju halaman tampil data

siswa yang berfungsi untuk

edit/delete data user

Benar

3 Tombol laporan Menampilkan laporan data

user

Benar

Tabel 4.10 Pengujian salah halaman untuk mengelola data user


1 Tombol input Menuju selain halaman

untuk input data user

Salah

2 Tombol edit/delete Menuju selain halaman

tampil data siswa yang

berfungsi untuk edit/delete

data user

Salah

3 Tombol laporan Menampilkan selain laporan

data user

Salah

Gambar 4.16 Halaman input data user

67



Pada halaman input data user terdapat tombol Reset dan tombol Submit.

Tabel 4.11 Pengujian benar halaman input data user


pengujian

1 Tombol reset Tidak jadi memasukkan

data user

Benar

2 Tombol submit Memasukkan/menginputkan

data user

Benar

Tabel 4.12 Pengujian salah halaman input data user


1 Tombol reset Menginputkan data

user

Salah

2 Tombol submit Tidak menginputkan

data user

Salah

Gambar 4.17 Halaman tampil data user

Pada halaman tampil data user terdapat tombol edit dan delete.

Tabel 4.13 Pengujian benar halaman tampil data user


1 Tombol edit Menuju form untuk

mengubah data user

Benar

2 Tombol delete Menuju form untuk

menghapus data user

Benar

68



Tabel 4.14 Pengujian salah halaman tampil data user


1 Tombol edit Menuju selain form

untuk mengubah data

user

Salah

2 Tombol delete Menuju selain form

untuk menghapus data

user

Salah

Gambar 4.18 Halaman proses edit data user

Pada halaman proses edit user terdapat tombol Reset dan tombol Submit.

Tabel 4.15 Pengujian benar halaman proses edit data user


1 Tombol reset Tidak jadi mengubah

data user

Benar

2 Tombol submit Proses untuk

mengubah data user

Benar

69



Tabel 4.16 Pengujian salah halaman proses edit data user


1 Tombol reset Mengubah data user Salah

2 Tombol submit Tidak untuk mengubah

data user

Salah

Gambar 4.19 Halaman delete data user

Pada halaman delete data user terdapat tombol Cancel dan tombol Delete.

Tabel 4.17 Pengujian benar halaman delete data user

No Butir uji Hasil yang

diharapkan

Hasil

pengujian

1 Tombol cancel Tidak jadi menghapus

data user

Benar

2 Tombol delete Untuk proses

menghapus data user

Benar

Tabel 4.18 Pengujian salah halaman delete data user

No Butir uji Hasil yang

diharapkan

Hasil

pengujian

1 Tombol cancel Menghapus data user Salah

2 Tombol delete Tidak menghapus

data user

Salah

70



6) Halaman mengelola data karyawan

Merupakan halaman yang berisikan submenu-submenu untuk mengelola seluruh

data karyawan.

Gambar 4.20 Halaman untuk mengelola data karyawan

Pada halaman untuk mengelola data karyawan terdapat tiga tombol yang meliputi


Tabel 4.19 Pengujian benar halaman untuk mengelola data karyawan


pengujian


input data karyawan

Benar

2 Tombol edit/delete Menuju halaman untuk

edit/delete data user

Benar

3 Tombol laporan Menampilkan laporan

seluruh data karyawan

Benar

Tabel 4.20 Pengujian salah halaman untuk mengelola data karyawan



untuk input data karyawan

Salah


tampil data karyawan yang


data karyawan

Salah


data karyawan

Salah

71



Gambar 4.21 Halaman input data karyawan

Pada halaman input data karyawan terdapat tombol Reset dan tombol Submit.

Tabel 4.21 Pengujian benar halaman input data karyawan


pengujian


data karyawan

Benar

2 Tombol submit Memasukkan data

karyawan

Benar

Tabel 4.22 Pengujian salah halaman input data karyawan



karyawan

Salah


data karyawan

Salah

72



Gambar 4.22 Halaman tampil data karyawan

Pada halaman tampil data karyawan terdapat tombol edit dan delete.

Tabel 4.23 Pengujian benar halaman tampil data karyawan


pengujian

1 Tombol edit Menuju form untuk mengubah

data karyawan

Benar


menghapus data karyawan

Benar

3 Tombol cetak Menuju form untuk mencetak

data karyawan

Benar

Tabel 4.24 Pengujian salah halaman tampil data karyawan



untuk mengubah data

karyawan

Salah



karyawan

Salah

3 Tombol cetak Menuju selain form

untuk mencetak data

karyawan

Salah

73



Gambar 4.23 Halaman proses edit data karyawan

Pada halaman proses edit karyawan terdapat tombol Reset dan tombol Submit.

Tabel 4.25 Pengujian benar halaman proses edit data karyawan



data karyawan

Benar

2 Tombol submit Proses untuk

mengubah data

karyawan

Benar

Tabel 4.26 Pengujian salah halaman proses edit data karyawan


1 Tombol reset Mengubah data

karyawan

Salah


data karyawan

Salah

74



Gambar 4.24 Halaman delete data karyawan

Pada halaman delete data karyawan terdapat tombol Cancel dan tombol Delete.

Tabel 4.27 Pengujian benar halaman delete data karyawan



data karyawan

Benar


menghapus data

karyawan

Benar

Tabel 4.28 Pengujian salah halaman delete data karyawan


1 Tombol cancel Menghapus data

karyawan

Salah

2 Tombol delete Tidak menghapus data

karyawan

Salah

75



7) Halaman mengelola data siswa

Merupakan halaman yang berisikan menu-menu untuk mengelola data siswa.

Gambar 4.25 Halaman untuk mengelola data siswa

Pada halaman untuk mengelola data siswa terdapat tiga tombol yang meliputi


Tabel 4.29 Pengujian benar halaman untuk mengelola data siswa



input data siswa

Benar



edit/delete data siswa

Benar

3 Tombol laporan Menampilkan laporan data

siswa

Benar

Tabel 4.30 Pengujian salah halaman untuk mengelola data siswa



untuk input data siswa

Salah


tampil data siswa yang


data siswa

Salah


data siswa

Salah

76



Gambar 4.26 Halaman input data siswa

Pada halaman input data siswa terdapat tombol Reset dan tombol Submit.

Tabel 4.31 Pengujian benar halaman input data siswa


pengujian


data siswa

Benar


data siswa

Benar

Tabel 4.32 Pengujian salah halaman input data siswa



siswa

Salah


data siswa

Salah

77



Gambar 4.27 Halaman tampil data siswa

Pada halaman tampil data siswa terdapat tombol edit, delete dan cetak.

Tabel 4.33 Pengujian benar halaman tampil data siswa



mengubah data siswa

Benar


menghapus data siswa

Benar

3 Tombol cetak Menuju form untuk

mencetak data siswa

Benar

Tabel 4.34 Pengujian salah halaman tampil data siswa



untuk mengubah data

siswa

Salah



siswa

Salah

3 Tombol cetak Menuju selain form

untuk mencetak data

siswa

Salah

78



Gambar 4.28 Halaman proses edit data siswa

Pada halaman proses edit siswa terdapat tombol Reset dan tombol Submit.

Tabel 4.35 Pengujian benar halaman proses edit data siswa


pengujian


data siswa

Benar

2 Tombol submit Untuk mengubah data

siswa

Benar

Tabel 4.36 Pengujian salah halaman proses edit data siswa


1 Tombol reset Mengubah data siswa Salah


data siswa

Salah

79



Gambar 4.29 Halaman delete data siswa

Pada halaman delete data siswa terdapat tombol Cancel dan tombol Delete.

Tabel 4.37 Pengujian benar halaman delete data siswa


pengujian


data siswa

Benar


menghapus data siswa

Benar

Tabel 4.38 Pengujian salah halaman delete data siswa


pengujian

1 Tombol cancel Menghapus data siswa Salah

2 Tombol delete Tidak menghapus data

siswa

Salah

80



8) Halaman mengelola data nilai siswa

Merupakan halaman yang berisikan menu-menu untuk mengelola data nilai.

Gambar 4.30 Halaman untuk mengelola data nilai siswa

Pada halaman untuk mengelola data nilai siswa terdapat tiga tombol yang meliputi


Tabel 4.39 Pengujian benar halaman untuk mengelola data nilai



input data nilai

Benar



edit/delete data nilai

Benar

3 Tombol laporan Menampilkan laporan

seluruh data nilai siswa

Benar

Tabel 4.40 Pengujian salah halaman untuk mengelola data nilai



untuk input data nilai

Salah


tampil data nilai yang


data nilai

Salah


data siswa

Salah

81



Gambar 4.31 Halaman input data nilai

Pada halaman input data nilai terdapat tombol Reset dan tombol Submit.

Tabel 4.41 Pengujian benar halaman input data nilai


pengujian


data nilai

Benar


data nilai

Benar

Tabel 4.42 Pengujian salah halaman input data nilai



nilai

Salah


data nilai

Salah

82



Gambar 4.32 Halaman tampil data nilai

Pada halaman tampil data nilai terdapat tombol edit dan delete.

Tabel 4.43 Pengujian benar halaman tampil data nilai



mengubah nilai siswa

Benar


menghapus nilai siswa

Benar

Tabel 4.44 Pengujian salah halaman tampil data nilai



untuk mengubah nilai

siswa

Salah


untuk menghapus nilai

siswa

Salah

83



Gambar 4.33 Halaman proses edit nilai siswa

Pada halaman proses edit nilai terdapat tombol Reset dan tombol Submit.

Tabel 4.45 Pengujian benar halaman proses edit nilai siswa


pengujian


nilai siswa

Benar

2 Tombol submit Untuk mengubah nilai

siswa

Benar

Tabel 4.46 Pengujian salah halaman proses edit nilai siswa


pengujian

1 Tombol reset Mengubah nilai siswa Salah


nilai siswa

Salah

84



Gambar 4.34 Halaman delete data nilai siswa

Pada halaman delete nilai siswa terdapat tombol Cancel dan tombol Delete.

Tabel 4.47 Pengujian benar halaman delete data nilai siswa



nilai siswa

Benar


menghapus nilai siswa

Benar

Tabel 4.48 Pengujian salah halaman delete data nilai siswa


1 Tombol cancel Menghapus nilai siswa Salah

2 Tombol delete Tidak menghapus nilai

siswa

Salah

85



4.4 Perbandingan Dengan Sistem Sebelumnya

Di dalam pengujian kali ini dilakukan perbandingan dengan sistem sebelumnya,

sistem sebelumnya adalah sistem secara manual dengan cara menuliskan data-data

yang ada kedalam buku sebelum akhirnya di lakukan rekapitulasi.

4.4.1 Waktu Per Aktivitas

Perbandingan waktu menggunakan sistem ini dengan sistem sebelumnya dapat

ditentukan dari beberapa hal seperti dalam tabel berikut:

Tabel 4.49 Perbandingan waktu per aktifitas

No. Proses Jumlah data Rata-rata waktu

sistem sebelumnya

(menit)

Rata-rata

waktu sistem

ini (menit)

1. Memasukkan

data user

40 30 15

2. Memasukkan

data karyawan

40 45 20

3. Memasukkan

data siswa

40 45 20

4. Memasukkan

data nilai siswa

40 35 20

5. Memasukkan

data jadwal

40 35 20

6. Memasukkan data

distribusi kelas

40 30 15

86



4.4.2 Jumlah Sumberdaya Manusia Per Aktivitas

Perbandingan jumlah SDM per aktivitas sistem yang sebelumnya dengan sistem

ini dapat dilihat dalam tabel berikut:

Tabel 4.50 Perbandingan jumlah sumberdaya manusia per aktivitas

No Proses Jumlah data Sistem sebelumnya

(orang)

Sistem ini

(orang)

1. Memasukkan

data user

40 1 1 atau lebih

2. Memasukkan

data karyawan

40 1 1 atau lebih

3. Memasukkan

data siswa

40 1 1 atau lebih

4. Memasukkan

data nilai siswa

40 1 1 atau lebih

5. Memasukkan data

jadwal pelajaran

40 1 1 atau lebih

6. Memasukkan data

distribusi kelas

40 1 1 atau lebih

Dalam Rancang Bangun Sistem Informasi Akademik Berbasis Web Guna

Memantau Hasil Belajar Siswa di SMA Diponegoro Tulungagung ini jumlah

sumberdaya manusia 1 atau lebih, dikarenakan hanya administrator yang dapat

memasukkan data ke dalam sistem, sedangkan yang menentukan jumlah

administrator adalah kebijakan dari pihak sekolah. Bisa jadi jika jumlah data yang

dimasukkan sangat banyak maka jumlah administrator akan ditambah demi

mempercepat waktu kerja.

87



BAB V

PENUTUP

5.1 Kesimpulan

Dari hasil anasila data yang telah dilakukan saat melakukan observasi di

SMA Diponegoro Tulungagung, serta perancangan dan implementasi yang telah

dilakukan, ada beberapa kesimpulan yang dapat dikemukakan sebagai berikut:

1) Untuk merancang sistem informasi akademik berbasis web guna memantau

hasil belajar siswa di SMA Diponegoro Tulungagung ini menggunakan

permodelan UML dengan use case diagram, activity diagram, sequence

diagram dan class diagram. Sedangkan untuk membangun aplikasi ini dapat

menggunakan Macromedia Dreamweaver 8, PHP version 5.3.5 dan MySQL

version 5.5.8 yang digunakan sebagai database dengan file-file berisi tabel

user, karyawan, siswa, nilai, kelas, mapel, jadwal dan tabel distribusi kelas.

2) Sistem informasi akademik berbasis web guna memantau hasil belajar siswa di

SMA Diponegoro Tulungagung ini dapat meningkatkan efektifitas dan efisiensi

sehingga dapat mempercepat waktu serta meminimalisasi tingkat kesalahan

saat memasukkan data.

5.2 Saran

Untuk pengembangan Rancang Bangun Sistem Informasi Akademik

Berbasis Web Guna Memantau Hasil Belajar Siswa Di SMA Diponegoro

Tulungagung selanjutnya disarankan:

1) Sistem yang dibuat ini masih terbatas pada penginformasian data karyawan,

data siswa, data nilai, data pelajaran, data jadwal dan data distribusi kelas.

88



Untuk pengembangan selanjutnya diharapkan dapat memberikan informasi

berupa laporan data absensi, data keuangan atau laporan informasi data-data

yang lebih luas dalam cakupan akademik di SMA Diponegoro Tulungagung.

2) Untuk mengembangkan sistem berbasis mobile, sehingga penyampaian

informasi dapat juga diakses melalui handphone.

89



DAFTAR PUSTAKA

Aditama, Roki. 2012. Sistem Informasi Akademik Kampus Berbasis Web Dengan

PHP. Lokomedia: Yogyakarta.

Al Fatta, Hanif. 2009. Analisis dan Perancangan Sistem Informasi Untuk

Keunggulan Bersaing Perusahaan dan Organisasi Modern. Andi Offset:

Yogyakarta.

Sidik, Betha, Ir. 2005. MySQL. Informatika: Bandung.

Firdaus. 2007. PHP dan MySQL Dengan Dreamweaver. Maxicom: Palembang.

Hamid Hasan, Said. 2007. Ilmu dan Aplikasi Pendidikan. IMTIMA: Bandung.

Hidayatullah, A. Taufiq. 2007. Merancang Sendiri Halaman Website

Menggunakan Macromedia Dreamweaver 8. INDAH anggota IKAPI:

Surabaya.

Jogiyanto HM. 2005. Analisis dan Desain Sistem Informasi : Pendekatan

Terstruktur Teori dan Praktek Aplikasi Bisnis. Andi Offset: Yogyakarta.

Juju, Dominikus. 2006. Tips dan Trik Desain Web Untuk Pemula. PT Elex Media

Komputindo: Jakarta.

Kadir, A. 2001. Dasar Pemrograman Web Dinamis Menggunakan PHP. Andi

Offset: Yogyakarta.

Kartoyo, Haris, S. 2007. 30 Menit Menjadi Webmaster. Oase Media: Bandung.

Kurniawan, Rulianto. 2007. 54 Trik Tersembunyi PHP. Maxicom: Palembang.

Nugroho, Adi. 2010. Rekayasa Perangkat Lunak Berorientasi Objek Dengan

Metode USDP. Andi Offset: Yogyakarta.

Nugroho, Adi. 2005. Rational Rose Untuk Pemodelan Berorientasi Objek.

Informatika: Bandung.

Syah Putra, Andry. 2004. Apache Web Server. Andi Offset: Yogyakarta.

Tim Penelitian Dan Pengembangan Wahana Komputer. 2003. Pembuatan

Program Sistem Informasi Akademik Berbasis ASP. Salemba Infotek:

Jakarta.

Utami, Ema. 2008. RDBMS menggunakan MS SQL Server 2000. Graha Ilmu:

Yogyakarta.

[email protected] a.k.a @dheeQdre

Wahyono, Teguh. 2005. 36 Jam Belajar Komputer Pemrograman Web Dinamis

Dengan PHP 5. PT Elex Media Komputindo: Jakarta.

_______. 2012. Sistem Informasi (online) (http://wikipedia.com/sistem-

informasi.html diakses 7 Juli 2012).

_______. 2012. PHP (online) ((http://wikipedia.com/php.html diakses 7 Juli

2012).

_______. 2012. MySQL (online) ((http://wikipedia.com/mysql.html diakses 7 Juli

2012).

_______. 2012 .Apache HTTP Server (online) (http://wikipedia.com/apache-http-

server.html diakses 7 Juli 2012).

http://wikipedia.com/sistem-informasi.html

http://wikipedia.com/sistem-informasi.html

http://wikipedia.com/php.html

http://wikipedia.com/mysql.html

http://wikipedia.com/apache-http-server.html

http://wikipedia.com/apache-http-server.html

Rancang Bangun Sistem Informasi Akademik Berbasis Web Guna Memantau Hasil Belajar Siswa

Documents