SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
i
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
[email protected] a.k.a @dheeQdre
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
LEMBAR PERSETUJUAN
RANCANG BANGUN SISTEM INFORMASI AKADEMIK BERBASIS WEB GUNA MEMANTAU HASIL BELAJAR SISWA DI SMA DIPONEGORO TULUNGAGUNG
Disusun Oleh: Dicky Januarizki (070403020021)
Telah Disetujui Pada Tanggal 3 September 2012 Untuk Diuji dan Dipertahankan Dalam Sidang Tugas Akhir
Pembimbing
Wiwin Kuswinardi, ST., S.Kom., M.Kom.
ii
ii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
LEMBAR PENGESAHAN RANCANG BANGUN SISTEM INFORMASI AKADEMIK BERBASIS WEB GUNA MEMANTAU HASIL BELAJAR SISWA DI SMA DIPONEGORO TULUNGAGUNG Disusun Oleh: Dicky Januarizki (070403020021) Telah Diuji dan Dipertahankan Dalam Sidang Tugas Akhir Pada Tanggal 8 September 2012 dan Telah Memenuhi Syarat Serta Dinyatakan Lulus.
Komisi Sidang, Pembimbing
Komisi Penguji, 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. iii
iii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
PERSEMBAHAN Alhamdulillah, terima kasih pada ALLAH SWT atas berkah & rahmatNya hingga terselesaikannya skripsi ini. SPECIAL THANK’s & DEDICATED to :
“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.
“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!
iv
iv
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 v
v
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 ! vi
vi
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
#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”
vii
vii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 viii
viii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
ix
ix
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
x
x
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xi
xi
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 xii
xii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xiii
xiii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xiv
xiv
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xv
xv
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xvi
xvi
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xvii
xvii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xviii
xviii
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xix
xix
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
xx
xx
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
1
1
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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:
2
2
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
3
3
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 :
4
4
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
5
5
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 komponenkomponen dalam organisasi untuk mencapai suatu tujuan yaitu menyajikan informasi.
6
6
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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).
7
7
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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).
8
8
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
9
9
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 permasalahanpermasalahan yang kompleks sehingga lebih mudah dipelajari dan dipahami.
10
10
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
11
11
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
12
12
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 paketpaket 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
13
13
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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).
14
14
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
15
15
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 subsistemsubsistem, 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 komponenkomponen 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
16
16
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
17
17
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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).
18
18
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
19
19
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
20
20
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 nilainilai iman dan taqwa.
21
21
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
22
22
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
23
23
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
24
24
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 sendirisendiri. 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 Berbasis Web Guna Memantau Hasil Belajar Siswa di SMA Diponegoro Tulungagung:
25
25
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 Merupakan use case yang menggambarkan proses penambahan, pengeditan atau penghapusan data siswa yang dilakukan oleh admin. d. Mengelola data nilai Merupakan use case yang menggambarkan proses penambahan, pengeditan atau penghapusan data nilai siswa yang dilakukan oleh admin.
26
26
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
e. Mengelola data pelajaran Merupakan use case yang menggambarkan proses penambahan, pengeditan atau penghapusan data mata pelajaran yang dilakukan oleh admin. f. Mengelola data jadwal Merupakan use case yang menggambarkan proses penambahan, pengeditan atau penghapusan data jadwal yang dilakukan oleh admin. g. Mengelola data distribusi kelas Merupakan use case yang menggambarkan proses penambahan, pengeditan atau 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
27
27
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
28
28
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Tabel 3.3 Fungsional use case mengelola data karyawan
Use case
Fungsional use case
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
Use case
Fungsional use case
Administrator mengelola data siswa
input siswa edit siswa delete siswa
Gambar 3.5 Use case mengelola data nilai
29
29
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
Use case
Fungsional use case
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
Use case
Fungsional use case
Administrator mengelola data pelajaran
input pelajaran edit pelajaran delete pelajaran
30
30
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
Use case
Fungsional use case
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.
31
31
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Tabel 3.8 Fungsional use case mengelola data distibusi kelas
Use case
Fungsional use case
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
32
32
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Merupakan use case yang menggambarkan proses lihat data pendistribusian kelas yang dilakukan oleh siswa. Tabel 3.9 Fungsional use case karyawan dan siswa
No
3.3
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
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:
33
33
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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. Untuk lebih jelasnya perhatikan gambar 3.11 activity diagram berikut ini:
34
34
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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. Untuk lebih jelasnya perhatikan gambar 3.12 activity diagram berikut ini:
35
35
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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. Untuk lebih jelasnya perhatikan gambar 3.13 activity diagram berikut ini:
36
36
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Gambar 3.13 Activity diagram mengelola data nilai
5) Activity diagram mengelola data pelajaran Pada halaman ini admin dapat melakukan proses input, edit atau delete data 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. Untuk lebih jelasnya perhatikan gambar 3.14 activity diagram berikut ini:
37
37
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Gambar 3.14 Activity diagram mengelola data pelajaran
6) Activity diagram mengelola data jadwal Pada halaman ini admin dapat melakukan proses input, edit atau delete data 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. Untuk lebih jelasnya perhatikan gambar 3.15 activity diagram berikut ini:
38
38
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Gambar 3.15 Activity diagram mengelola data jadwal
7) Activity diagram mengelola data pendistribusian kelas Pada halaman ini admin dapat melakukan proses input, edit atau delete data 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:
39
39
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
40
40
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
41
41
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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. Untuk memperjelas proses-proses yang terjadi pada sequence diagram mengelola 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 pada halaman data siswa.
42
42
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
4) Admin menghapus data siswa, jika gagal maka akan kembali ke halaman delete siswa, jika berhasil maka akan kembali dan tampil pada halaman data siswa. Untuk memperjelas proses-proses yang terjadi pada sequence diagram mengelola 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
43
43
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
44
44
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 datadata yang akan digunakan. Tabel-tabel tersebut dibutuhkan untuk membangun sebuah kamus data yang saling berelasi satu dengan yang lainnya, yang masingmasing 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
username
varchar
7
password
varchar
7
level
varchar
7
Keterangan Primary key
2) Tabel Karyawan Tabel ini digunakan untuk menyimpan data guru dan karyawan. Tabel 3.11 Tabel karyawan
Nama Field
Type
Lenght
nik
varchar
7
nama
varchar
30
alamat
varchar
30
tempat_lahir
char
20
tanggal_lahir
date
8
jabatan
char
7
no_tlp
varchar
12
jk
char
6
45
Keterangan Primary key
45
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
3) Tabel Siswa Tabel ini digunakan untuk menyimpan data siswa. Tabel 3.12 Tabel siswa
Nama Field
Type
Lenght
nis
varchar
7
nama
varchar
30
alamat
varchar
30
tempat_lahir
char
20
tanggal_lahir
date
8
jk
char
6
kode_kelas
varchar
3
Keterangan Primary key
4) Tabel Kelas Tabel ini digunakan untuk menyimpan data kelas siswa. Tabel 3.13 Tabel kelas
Nama Field
Type
Lenght
kode_kelas
varchar
3
nama_kelas
varchar
5
kuota
varchar
2
tahun_ajaran
date
8
nik
varchar
7
Keterangan Primary key
5) Tabel Mapel Tabel ini digunakan untuk menyimpan data mata pelajaran. Tabel 3.14 Tabel mapel
Nama Field
Type
Lenght
kode_mapel
varchar
2
nama_mapel
varchar
17
46
Keterangan Primary key
46
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
6) Tabel Jadwal Tabel ini digunakan untuk menyimpan jadwal mata pelajaran. Tabel 3.15 Tabel jadwal
Nama Field
Type
Lenght
no
integer
5
hari
varchar
7
jam
varchar
15
kode_kelas
varchar
3
kode_mapel
varchar
2
nik
varchar
7
Keterangan Primary key
7) Tabel Nilai Tabel ini digunakan untuk menyimpan data nilai siswa. Tabel 3.16 Tabel nilai
Nama Field
Type
Lenght
no
integer
5
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
47
Keterangan Primary key
47
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
8) Tabel Distribusi Tabel ini digunakan untuk menyimpan data pendistribusian kelas. Tabel 3.17 Tabel distribusi
Nama Field
Type
Lenght
nis
varchar
7
kode_kelas
varchar
3
kelas_rekom
varchar
3
3.6.2
Keterangan Primary key
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.
HEADER Home
Login
Info
Gambar 3.21 Desain form login
48
48
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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. HEADER Home Control Panel Profil Logout
Data User
DATA USER
Data Karyawan Data Siswa
Input edit
delete laporan
Data Nilai Siswa Mata Pelajaran Jadwal Pelajaran Distribusi Kelas Gambar 3.22 Desain form data user
2) Form input user HEADER Home Control Panel Profil Logout Data User
INPUT USER
Data Karyawan Data Siswa Data Nilai Siswa Mata Pelajaran Jadwal Pelajaran Distribusi Kelas Gambar 3.23 Desain form input user
49
49
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
3) Form edit user HEADER Home Control Panel Profil Logout Data User
EDIT USER
Data Karyawan Data Siswa Data Nilai Siswa Mata Pelajaran Jadwal Pelajaran Distribusi Kelas Gambar 3.24 Desain form edit user
4) Form delete user HEADER Home Control Panel Profil Logout Data User
DELETE USER
Data Karyawan
Konfirmasi hapus user
Data Siswa Data Nilai Siswa Mata Pelajaran Jadwal Pelajaran Distribusi Kelas
Gambar 3.25 Desain form delete user
5) Form laporan data user HEADER Home Control Panel Profil Logout Data User
LAPORAN DATA USER
Data Karyawan Data Siswa Data Nilai Siswa Mata Pelajaran Jadwal Pelajaran Distribusi Kelas Gambar 3.26 Desain form laporan data user
50
50
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
3.6.2.3 Desain Form Bagi Karyawan HEADER Home
Akademik Profil Logout
Data Karyawan
AKADEMIK
Data Siswa Data Nilai Siswa
TEXT
Mata Pelajaran Jadwal Mengajar Distribusi Kelas
Gambar 3.27 Desain form bagi karyawan
3.6.2.4 Desain Form Bagi Siswa HEADER Home
Akademik Profil Logout
Data Karyawan
AKADEMIK
Data Siswa Data Nilai Siswa
TEXT
Mata Pelajaran Jadwal Pelajaran Distribusi Kelas
Gambar 3.28 Desain form bagi siswa
51
51
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
52
52
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
53
53
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
54
54
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
55
55
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
56
56
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
57
57
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
59
59
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 Berbasis Web Guna Memantau Hasil Belajar Siswa di SMA Diponegoro 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
60
60
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 submenusubmenu 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
Benar
2
Tombol Login
3
Tombol info
Menunjukkan index / halaman awal aplikasi Menuju halaman form login Menuju halaman info
61
Benar Benar
61
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Tabel 4.2 Pengujian salah halaman awal aplikasi
No
Butir uji
1
Tombol Home
2
Tombol Login
3
Tombol info
Hasil yang diharapkan
Hasil pengujian
Menunjukkan selain index / halaman awal aplikasi Menuju selain halaman form login Menuju selain halaman info
Salah
Salah 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 1
Butir uji Tombol login
Hasil yang diharapkan Menuju halaman utama user berdasarkan masingmasing level
Hasil pengujian Benar
Tabel 4.4 Pengujian salah halaman form login
No 1
Butir uji Tombol login
Hasil yang diharapkan
Hasil pengujian
Menuju selain halaman utama user berdasarkan masingmasing level
Salah
62
62
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol home
Menuju halaman index
Benar
2
Tombol akademik
3
Tombol profil
Menuju halaman control Benar panel yang digunakan untuk mengelola datadata dalam sistem Menuju halaman profil Benar
4
Tombol logout
Keluar dari aplikasi
Benar
Tabel 4.6 Pengujian salah halaman utama bagi administrator
No
Butir uji
1
Tombol home
2
Tombol akademik
3
Tombol profil
4
Tombol logout
Hasil yang diharapkan Menuju selain halaman index Menuju selain halaman control panel yang digunakan untuk mengelola data-data dalam sistem Menuju selain halaman profil Tidak keluar dari aplikasi
63
Hasil pengujian Salah Salah
Salah Salah
63
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No 1 2 3 4 5 6 7
Butir uji
Hasil yang diharapkan
Tombol data user
Menuju halaman untuk mengelola data user Tombol data karyawan Menuju halaman untuk mengelola data karyawan Tombol data siswa Menuju halaman untuk mengelola data siswa Tombol data nilai siswa Menuju halaman untuk mengelola data nilai siswa Tombol data mata Menuju halaman untuk pelajaran mengelola mata pelajaran Tombol jadwal Menuju halaman untuk pelajaran mengelola jadwal pelajaran Tombol data Menuju halaman untuk pendistribusian kelas mengelola data pendistribusian kelas
64
Hasil pengujian Benar Benar Benar Benar Benar Benar Benar
64
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Tabel 4.8 Pengujian salah halaman control panel
No
Butir uji
1
Tombol data user
2
Tombol data karyawan
3
Tombol data siswa
4
Tombol data nilai siswa
5
Tombol data mata pelajaran
6
Tombol jadwal pelajaran
7
Tombol data pendistribusian kelas
Hasil yang diharapkan Menuju selain halaman untuk mengelola data user Menuju selain halaman untuk mengelola data karyawan Menuju selain halaman untuk mengelola data siswa Menuju selain halaman untuk mengelola data nilai siswa Menuju selain halaman untuk mengelola mata pelajaran Menuju selain halaman untuk mengelola jadwal pelajaran Menuju selain halaman untuk mengelola data pendistribusian kelas
Hasil pengujian Salah Salah
Salah Salah
Salah
Salah
Salah
5) Halaman mengelola data user Merupakan halaman yang berisikan menu-menu untuk mengelola data user.
Gambar 4.15 Halaman untuk mengelola data user
65
65
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
1
Tombol input
2
Tombol edit/delete
3
Tombol laporan
Hasil pengujian
Menuju halaman untuk Benar input data user Menuju halaman tampil data Benar siswa yang berfungsi untuk edit/delete data user Menampilkan laporan data Benar user
Tabel 4.10 Pengujian salah halaman untuk mengelola data user
No
Butir uji
Hasil yang diharapkan
1
Tombol input
2
Tombol edit/delete
3
Tombol laporan
Menuju selain halaman untuk input data user Menuju selain halaman tampil data siswa yang berfungsi untuk edit/delete data user Menampilkan selain laporan data user
Gambar 4.16 Halaman input data user
66
Hasil pengujian Salah Salah
Salah
66
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Pada halaman input data user terdapat tombol Reset dan tombol Submit. Tabel 4.11 Pengujian benar halaman input data user
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol reset
Tidak jadi memasukkan data user
Benar
2
Tombol submit
Memasukkan/menginputkan Benar data user
Tabel 4.12 Pengujian salah halaman input data user
No
Butir uji
1
Tombol reset
2
Tombol submit
Hasil yang diharapkan
Hasil pengujian
Menginputkan data user Tidak menginputkan data user
Salah 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
No
Butir uji
1
Tombol edit
2
Tombol delete
Hasil yang diharapkan
Hasil pengujian
Menuju form untuk mengubah data user Menuju form untuk menghapus data user
Benar
67
Benar
67
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Tabel 4.14 Pengujian salah halaman tampil data user
No
Butir uji
1
Tombol edit
2
Tombol delete
Hasil yang diharapkan
Hasil pengujian
Menuju selain form untuk mengubah data user Menuju selain form untuk menghapus data user
Salah
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol reset
Tidak jadi mengubah data user
Benar
2
Tombol submit
Proses untuk mengubah data user
Benar
68
68
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
Tabel 4.16 Pengujian salah halaman proses edit data user
No
Butir uji
Hasil yang diharapkan
Hasil pengujian Salah
1
Tombol reset
Mengubah data user
2
Tombol submit
Tidak untuk mengubah Salah data user
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
1
Tombol cancel
2
Tombol delete
Hasil yang Hasil diharapkan pengujian Tidak jadi menghapus Benar data user Untuk proses Benar menghapus data user
Tabel 4.18 Pengujian salah halaman delete data user
No
Butir uji
1
Tombol cancel
2
Tombol delete
Hasil yang diharapkan Menghapus data user
Hasil pengujian Salah
Tidak menghapus data user
Salah
69
69
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 tombol input, tombol edit/delete dan tombol laporan. Tabel 4.19 Pengujian benar halaman untuk mengelola data karyawan
No
Butir uji
1
Tombol input
2
Tombol edit/delete
3
Tombol laporan
Hasil yang diharapkan Menuju halaman untuk input data karyawan Menuju halaman untuk edit/delete data user Menampilkan laporan seluruh data karyawan
Hasil pengujian Benar Benar Benar
Tabel 4.20 Pengujian salah halaman untuk mengelola data karyawan
No
Butir uji
1
Tombol input
2
Tombol edit/delete
3
Tombol laporan
Hasil yang diharapkan Menuju selain halaman untuk input data karyawan Menuju selain halaman tampil data karyawan yang berfungsi untuk edit/delete data karyawan Menampilkan selain laporan data karyawan
70
Hasil pengujian Salah Salah
Salah
70
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
1
Tombol reset
2
Tombol submit
Hasil yang diharapkan Tidak jadi memasukkan data karyawan Memasukkan data karyawan
Hasil pengujian Benar Benar
Tabel 4.22 Pengujian salah halaman input data karyawan
No
Butir uji
1
Tombol reset
2
Tombol submit
Hasil yang diharapkan
Hasil pengujian
Menginputkan data karyawan Tidak menginputkan data karyawan
Salah
71
Salah
71
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
1
Tombol edit
2
Tombol delete
3
Tombol cetak
Hasil yang diharapkan Menuju form untuk mengubah data karyawan Menuju form untuk menghapus data karyawan Menuju form untuk mencetak data karyawan
Hasil pengujian Benar Benar Benar
Tabel 4.24 Pengujian salah halaman tampil data karyawan
No
Butir uji
1
Tombol edit
2
Tombol delete
3
Tombol cetak
Hasil yang diharapkan
Hasil pengujian
Menuju selain form untuk mengubah data karyawan Menuju selain form untuk menghapus data karyawan Menuju selain form untuk mencetak data karyawan
Salah
72
Salah
Salah
72
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
1
Tombol reset
2
Tombol submit
Hasil yang diharapkan
Hasil pengujian
Tidak jadi mengubah data karyawan Proses untuk mengubah data karyawan
Benar Benar
Tabel 4.26 Pengujian salah halaman proses edit data karyawan
No
Butir uji
1
Tombol reset
2
Tombol submit
Hasil yang diharapkan
Hasil pengujian
Mengubah data Salah karyawan Tidak untuk mengubah Salah data karyawan
73
73
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol cancel
Benar
2
Tombol delete
Tidak jadi menghapus data karyawan Untuk proses menghapus data karyawan
Benar
Tabel 4.28 Pengujian salah halaman delete data karyawan
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol cancel
Salah
2
Tombol delete
Menghapus data karyawan Tidak menghapus data karyawan
74
Salah
74
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 tombol input, tombol edit/delete dan tombol laporan. Tabel 4.29 Pengujian benar halaman untuk mengelola data siswa
No
Butir uji
1
Tombol input
2
Tombol edit/delete
3
Tombol laporan
Hasil yang diharapkan
Hasil pengujian
Menuju halaman untuk Benar input data siswa Menuju halaman tampil data Benar siswa yang berfungsi untuk edit/delete data siswa Menampilkan laporan data Benar siswa
Tabel 4.30 Pengujian salah halaman untuk mengelola data siswa
No
Butir uji
1
Tombol input
2
Tombol edit/delete
3
Tombol laporan
Hasil yang diharapkan Menuju selain halaman untuk input data siswa Menuju selain halaman tampil data siswa yang berfungsi untuk edit/delete data siswa Menampilkan selain laporan data siswa
75
Hasil pengujian Salah Salah
Salah
75
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol reset
Tidak jadi memasukkan data siswa
Benar
2
Tombol submit
Memasukkan/menginputkan Benar data siswa
Tabel 4.32 Pengujian salah halaman input data siswa
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol reset
Menginputkan data siswa
Salah
2
Tombol submit
Tidak menginputkan data siswa
Salah
76
76
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
1
Tombol edit
2
Tombol delete
3
Tombol cetak
Hasil yang diharapkan
Hasil pengujian
Menuju form untuk mengubah data siswa Menuju form untuk menghapus data siswa Menuju form untuk mencetak data siswa
Benar Benar Benar
Tabel 4.34 Pengujian salah halaman tampil data siswa
No
Butir uji
1
Tombol edit
2
Tombol delete
3
Tombol cetak
Hasil yang diharapkan
Hasil pengujian
Menuju selain form untuk mengubah data siswa Menuju selain form untuk menghapus data siswa Menuju selain form untuk mencetak data siswa
Salah
77
Salah
Salah
77
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol reset
Tidak jadi mengubah data siswa
Benar
2
Tombol submit
Untuk mengubah data siswa
Benar
Tabel 4.36 Pengujian salah halaman proses edit data siswa
No
Butir uji
Hasil yang diharapkan
Hasil pengujian Salah
1
Tombol reset
Mengubah data siswa
2
Tombol submit
Tidak untuk mengubah Salah data siswa
78
78
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol cancel
Tidak jadi menghapus data siswa
Benar
2
Tombol delete
Untuk proses menghapus data siswa
Benar
Tabel 4.38 Pengujian salah halaman delete data siswa
No
Butir uji
Hasil yang diharapkan
1
Tombol cancel
Menghapus data siswa
Salah
2
Tombol delete
Tidak menghapus data siswa
Salah
79
Hasil pengujian
79
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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 tombol input, tombol edit/delete dan tombol laporan. Tabel 4.39 Pengujian benar halaman untuk mengelola data nilai
No
Butir uji
1
Tombol input
2
Tombol edit/delete
3
Tombol laporan
Hasil yang diharapkan
Hasil pengujian
Menuju halaman untuk Benar input data nilai Menuju halaman tampil data Benar siswa yang berfungsi untuk edit/delete data nilai Menampilkan laporan Benar seluruh data nilai siswa
Tabel 4.40 Pengujian salah halaman untuk mengelola data nilai
No Butir uji 1 Tombol input 2
Tombol edit/delete
3
Tombol laporan
Hasil yang diharapkan Menuju selain halaman untuk input data nilai Menuju selain halaman tampil data nilai yang berfungsi untuk edit/delete data nilai Menampilkan selain laporan data siswa
80
Hasil pengujian Salah Salah
Salah
80
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol reset
Tidak jadi memasukkan data nilai
Benar
2
Tombol submit
Memasukkan/menginputkan Benar data nilai
Tabel 4.42 Pengujian salah halaman input data nilai
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol reset
Menginputkan data nilai
Salah
2
Tombol submit
Tidak menginputkan data nilai
Salah
81
81
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol edit
Menuju form untuk mengubah nilai siswa
Benar
2
Tombol delete
Menuju form untuk menghapus nilai siswa
Benar
Tabel 4.44 Pengujian salah halaman tampil data nilai
No
Butir uji
1
Tombol edit
2
Tombol delete
Hasil yang diharapkan
Hasil pengujian
Menuju selain form untuk mengubah nilai siswa Menuju selain form untuk menghapus nilai siswa
Salah
82
Salah
82
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
1
Tombol reset
Tidak jadi mengubah nilai siswa
2
Tombol submit
Untuk mengubah nilai siswa
Hasil pengujian Benar
Benar
Tabel 4.46 Pengujian salah halaman proses edit nilai siswa
No
Butir uji
Hasil yang diharapkan
Hasil pengujian Salah
1
Tombol reset
Mengubah nilai siswa
2
Tombol submit
Tidak untuk mengubah Salah nilai siswa
83
83
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol cancel
Benar
2
Tombol delete
Tidak jadi menghapus nilai siswa Untuk proses menghapus nilai siswa
Benar
Tabel 4.48 Pengujian salah halaman delete data nilai siswa
No
Butir uji
Hasil yang diharapkan
Hasil pengujian
1
Tombol cancel
Menghapus nilai siswa
Salah
2
Tombol delete
Tidak menghapus nilai siswa
Salah
84
84
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
1.
Proses
Memasukkan
Jumlah data
Rata-rata waktu
Rata-rata
sistem sebelumnya
waktu sistem
(menit)
ini (menit)
40
30
15
40
45
20
40
45
20
40
35
20
40
35
20
40
30
15
data user 2.
Memasukkan data karyawan
3.
Memasukkan data siswa
4.
Memasukkan data nilai siswa
5.
Memasukkan data jadwal
6.
Memasukkan data distribusi kelas
85
85
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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
1.
Proses
Memasukkan
Jumlah data
Sistem sebelumnya
Sistem ini
(orang)
(orang)
40
1
1 atau lebih
40
1
1 atau lebih
40
1
1 atau lebih
40
1
1 atau lebih
40
1
1 atau lebih
40
1
1 atau lebih
data user 2.
Memasukkan data karyawan
3.
Memasukkan data siswa
4.
Memasukkan data nilai siswa
5.
Memasukkan data jadwal pelajaran
6.
Memasukkan data distribusi kelas
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.
86
86
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
87
87
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
88
88
SKRIPSI, 27 September 2012 [DO NOT COPY WITHOUT AUTHORIZED]
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.
89
89
Wahyono, Teguh. 2005. 36 Jam Belajar Komputer Pemrograman Web Dinamis Dengan PHP 5. PT Elex Media Komputindo: Jakarta. _______. 2012. Sistem Informasi (online) informasi.html diakses 7 Juli 2012).
(http://wikipedia.com/sistem-
_______. 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-httpserver.html diakses 7 Juli 2012).
[email protected] a.k.a @dheeQdre