Post on 02-Nov-2020
PERANCANGAN SISTEM INFORMASI AKADEMIK
BERBASIS WEB PADA SMP TRISULA PERWARI 3
JAKARTA
TUGAS AKHIR
Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga
(D.III)
MUKLIS ARIFIN
NIM :12144665
Program Studi Manajemen Informatika
AMIK BSI Jakarta
Jakarta
2017
ii
iii
iv
v
vi
vii
KATA PENGANTAR
Puji syukur saya panjatkan kehadirat Tuhan yang Maha Esa, yang telah
melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis dapat
menyelesaikan tugas akhir ini dengan baik. Dimana tugas akhir ini penulis sajikan
dalam bentuk buku yang sederhana. Adapun judul penulisan tugas akhir, yang
penulis ambil adalah sebagai berikut, “Perancangan Sistem informasi Akademik
Berbasis Web pada “SMP TRISULA PERWARI 3 JAKARTA”.
Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan
Diploma Tiga (D3) Akademi Bina Sarana Informatika. Penulis menyadari bahwa
kemampuan penulisan ini masih sangat terbatas dan penulis menyadari tanpa
adanya suatu bimbingan dan dorongan dari semua pihak, maka penulisan tugas
akhir ini tidak akan berjalan lancar. Oleh karena itu pada kesempatan ini, izinkan
penulis menyampaikan ucapan terimakasih kepada :
1. Bapak Direktur AMIK BSI
2. Bapak Ketua Jurusan Manajemen Informatika AMIK BSI
3. Ibu Suhar Janti, M.Kom dan Bapak Tino Dwiantoro, M.Kom selaku dosen
pembimbing Tugas Akhir yang sudah banyak memberikan bimbingan, dorongan
serta motivasi.
4. Kepala SMP TRISULA PERWARI 3 JAKARTA
yang telah memberikan kesempatan kepada penulis untuk melakukan riset.
5. Seluruh staff/karyawan/guru di lingkungan SMP TRISULA PERWARI 3
viii
ix
ABSTRAK
Muklis Arifin (12144665), Perancangan Sitem Informasi Akademik Berbasis
Web Pada SMP Trisula Perwari 3 Jakarta
Jaman sekarang ini semua hal lebih bisa dilakukan dengan lebih cepat, salah
satunya dengan melalui internet, selain lebih cepat Internet juga berfungsi sebagai
penghubung dan penyedia informasi, karna banyak hal yang bisa dilakukan melalui
Ineternet.salah satunya adalah melakukan perancanagan sistem informasi akademik
berbasis web.
SMP Trisula Perwari 3 Jakarta membutuhkan suatu system informasi yang
menunjang dan memberikan pelayanan yang memuaskan bagi sekolah dan
masyarakat pada umumnya, maka dari itu penulis akan membuat website akademik
agar mudah dalam penyampaian informasi dalam apapun dan dimanapun.
Sistem yang ada di SMP Trisula Perwari 3 Jakarta masih banyak yang
menggunakan manual mulai dari pencatatan data guru, siswa, jadwal dan nilai-nilai
sehingga memungkinkan kurang akuratnya laporan serta keterlambatan informasi
yang di perlukan
Perancangan sistem informasi akademik ini merupakan solusi untuk
memecahkan masalah yang terjadi pada SMP Trisula Perwari 3 Jakarta sehingga
dengan adanya ini dapat tercapai suatu kegiatan yang efektif dan efisien.
Kata Kunci : Perancangan Website Akademik, Sistem Informasi Akademik
x
ABSTRACT
Muklis Arifin (12144665), Designing Web-Based Academic Information
System In SMP Trisula Perwari 3 Jakarta
Nowadays all things more can be done faster, one of them through the
internet, in addition to faster Internet also serves as a liaison and information
provider, because many things can be done through Ineternet.salah is to
perancanagan web-based academic information system.
SMP Trisula Perwari 3 Jakarta needs an information system that support and
provide satisfactory service for school and society in general, hence from that
writer will make academic website for easy in delivering information in anything
and wherever.
The existing system at SMP Trisula Perwari 3 Jakarta still uses manuals
ranging from recording teacher data, students, schedules and values to allow less
accurate reports and delays in information needed
The design of academic information system is a solution to solve the
problems that occur in SMP Trisula Perwari 3 Jakarta so that with this can be
achieved an activity that is effective and efficient.
Keyword : Website Designing Academic, Academic Information Systems
xi
DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir....................................................................................... i
Lembar Pernyataan keaslian Tugas Akhir .............................................................. ii
Lembar Pernyataan Persetujuan Publikasi karya ilmiah ........................................ iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ................................................ iv
Lembar Konsultasi Tugas Akhir .............................................................................. v
Kata Pengantar ...................................................................................................... vii
Abstrak ................................................................................................................... ix
Daftar isi ................................................................................................................. xi
Daftar Simbol ....................................................................................................... xiii
Daftar Gambar ...................................................................................................... xiv
Daftar Tabel ......................................................................................................... xvi
Daftar Lampiran .................................................................................................. xvii
BAB I PENDAHULUAN ................................................................................ 1
1.1 Latar Belakang Masalah ................................................................ 1
1.2 Maksud Dan Tujuan ...................................................................... 2
1.3 Metode Penelitian ......................................................................... 2
1.4 Ruang Lingkup .............................................................................. 3
1.5 Sistematika Penulisan ................................................................... 4
BAB II LANDASAN TEORI .......................................................................... 6
2.1. Konsep Dasar Web ........................................................................ 6
2.1.1. Website ................................................................................ 6
2.1.2. Bahasa Pemrograman .......................................................... 8
2.1.3. Basis Data .......................................................................... 11
2.1.4. Metode Pengembangan Perangkat Lunak ......................... 13
2.1.5. Peralatan Pendukung ......................................................... 14
2.2. Teori Pendukung(Tool System) .................................................. 15
2.2.1. Struktur Navigasi ............................................................... 15
xii
2.2.2. Entity Relationship Diagram (ERD) ................................. 18
2.2.3. Logical Record Structure (LRS) ........................................ 20
2.2.4. Black-Box Testing ............................................................. 21
BAB III PEMBAHASAN ................................................................................23
3.1 Tinjauan Sekolah .........................................................................23
3.1.1. Sejarah Sekolah .................................................................23
2.1.2. Struktur Organisasi dan Fungsi .........................................25
3.2 Analisis Kebutuhan .....................................................................31
3.3 Perancangan Perangkat Lunak ....................................................33
3.3.1. Rancangan Antar Muka .....................................................33
3.3.2. Rancangan Basis Data .......................................................49
3.3.3. Rancangan Struktur Navigasi ............................................58
3.4 Implementasi dan Pengujian Unit ...............................................61
3.1.1 Implementasi ......................................................................61
3.1.2. Pengujian Unit ...................................................................70
BAB IV PENUTUP ........................................................................................77
4.1 Kesimpulan .................................................................................77
4.2 Saran ............................................................................................78
Daftar Pustaka ...................................................................................................79
Daftar Riwayat Hidup ......................................................................................80
Surat Keterangan Riset/PKL(Jika Riset/PKL)* ............................................81
Lampiran-lampiran ..........................................................................................82
xiii
DAFTAR SIMBOL
xiv
DAFTAR GAMBAR
1. Gambar II.1. Waterfall Model ....................................................................... 13
2. Gambar II.2. Struktur Navigasi Linear .......................................................... 16
3. Gambar II.3. Struktur Navigasi Hirarki. ........................................................ 17
4. Gambar II.4. Struktur Navigasi Non Linear .................................................. 17
5. Gambar II.5. Struktur Navigasi Campuran. ................................................... 18
6. Gambar III.1. Struktur Oragnisasi ................................................................. 26
7. Gambar III.2. Rancangan Antar Muka Login Admin.................................... 34
8. Gambar III.3 Rancangan Tampilan gagal Login ........................................... 34
9. Gambar III.4. Rancangan Antar Muka Halaman Utama Admin. .................. 35
10. Gambar III.5. Rancangan Antar Muka Halaman Ruang Data Guru.............. 36
11. Gambar III.6. Rancangan Antar Muka Halaman Input Data Guru ................ 37
12. Gambar III.7. Rancangan Antar Muka Halaman Input Data Siswa .............. 38
13. Gambar III.8. Rancangan Antar Muka Halaman Input Data Mata Pelajaran 39
14. Gambar III.9. Rancangan Antar Muka Halaman Input Data Kelas ............... 39
15. Gambar III.10. Rancangan Antar Muka Halaman Input Data Jadwal ........... 40
16. Gambar III.11. Rancangan Antar Muka Login Guru .................................... 41
17. Gambar III.12. Rancangan Antar Muka Halaman Utama Guru .................... 42
18. Gambar III.13. Rancangan Antar Muka Halaman Data Pribadi Guru .......... 43
19. Gambar III.14. Rancangan Antar Muka Halaman Jadwal Mengajar ............ 44
20. Gambar III.15. Rancangan Antar Muka Halaman Input Data Nilai Siswa .. 45
21. Gambar III.16 Rancangan Antar Muka Login Siswa .................................... 46
22. Gambar III.17 Rancangan Antar Muka Halaman Utama Siswa.................... 47
23. Gambar III.18. Rancangan Antar Muka Profil dan Nilai .............................. 48
24. Gambar III.19. Rancangan Antar Muka Halaman Jadwal Pelajaran ............. 49
25. Gambar III.20. Entity Relationship Diagram ............................................... 50
26. Gambar III.21. Logical Record Strukture ...................................................... 51
27. Gambar III.22. Struktur Navigasi Halaman Admin....................................... 58
28. Gambar III.23. Struktur Navigasi Halaman Guru ......................................... 60
29. Gambar III.24. Struktur Navigasi Halaman Siswa ........................................ 60
30. Gambar III.25. Halaman Login Admin ......................................................... 61
31. Gambar III.26. Halaman Utama Admin ........................................................ 62
32. Gambar III.27. Halaman Utama Ruang Guru ................................................ 62
33. Gambar III.28. Halaman Input Data Guru ..................................................... 63 34. Gambar III.29. Halaman Input Data Siswa ................................................... 63
35. Gambar III.30. Halaman Input Data Mata Pelajaran ..................................... 64
36. Gambar III.31. Halaman Input Data Kelas .................................................... 64
37. Gambar III.32. Halaman Input Data Jadwal .................................................. 65
38. Gambar III.33. Halaman Login Guru ............................................................ 66
39. Gambar III.34. Halaman Utama Guru ........................................................... 66
40. Gambar III.35. Halaman Data Pribadi ........................................................... 67
41. Gambar III.36. Halaman Jadwal Mengajar.................................................... 67
42. Gambar III.37. Halaman Input Nilai.............................................................. 68
xv
43. Gambar III.38. Halaman Login Siswa ........................................................... 69
44. Gambar III.39. Halaman Utama Siswa .......................................................... 69
45. Gambar III.40. Halaman Data Pribadi dan Nilai ........................................... 69
46. Gambar III.41. Halaman Jadwal Pelajaran Siswa ......................................... 70
xvi
DAFTAR TABEL
1. Gambar III.1 Spesifikasi File Guru ............................................................ 52 2. Gambar III.2 Spesifikasi File Siswa .......................................................... 53 3. Gambar III.3 Spesifikasi File Nilai ............................................................ 54 4. Gambar III.4 Spesifikasi Mata Pelajaran ................................................... 55 5. Gambar III.5 Spesifikasi File Jadwal ......................................................... 56 6. Gambar III.6 Spesifikasi File Kelas ........................................................... 57
7. Gambar III.7 Hasil Pengujian Halaman Login .......................................... 70
8. Gambar III.8 Hasil Pengujian Halaman Input Data ................................... 71
9. Gambar III.9 Hasil Pengujian Halaman Input Data Mata Pelajaran .......... 72
10. Gambar III.10 Hasil Pengujian Halaman Input Data Mata Kelas .............. 74
11. Gambar III.11 Hasil Pengujian Halaman Input Data Jadwal ..................... 75
12. Gambar III.12 Hasil Pengujian Halaman Data Nilai ................................. 75
xvii
DAFTAR LAMPIRAN
1. Lampiran Cetak Jadwal Guru .............................................................. 82
2. Lampiran Cetak Jadwal Siswa ............................................................. 83
3. Lampiran Nilai Siswa ........................................................................... 84
1
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Banyak aktivitas manusia yang berhubungan dengan sistem informasi. Tidak
hanya di Negara-negara maju, di Indonesia juga sudah banyak yang telah
diterapkan di berbagai tempat, seperti perkantoran, instansi pemerintahan, pasar
swalayan, bandara dll, Sistem informasi ini pun telah banyak membanatu manusia
dalam berbagai hal.
Dalam rangka pembangunan sumber daya manusia, bidang pendidikan
merupakan sarana dan wahana yang sangat baik dalam pembinaan sumber daya
manusia. Oleh karena itu pendidikan perlu mendapat perhatian yang lebih serius
baik itu oleh pemerintah, masyarakat maupun pengelola pendidikan khususnya.
SMP Trisula Perwari 3 adalah salah satu sekolah swasta yang bergerak dalam
bidang pendidikan. Dengan perkembangan teknologi informasi berbasis web yang
saat ini berkembang dengan cepat, maka SMP Trisula Perwari 3 membutuhkan
sebuah sistem informasi dengan system layanan pendidikan berbasis web yang
memungkinkan user (siswa, guru, orang tua,) dapat mengakses dan memperoleh
informasi-informasi yang lebih mudah dimana saja dan kapan saja.
2
Dengan adanya system informasi akademik berbasis web ini dapat menjadi
solusi, karena dalam pengolahan data siswa, guru, jadwal maupun nilai masih
menggunakan cara manual meskipun penataan tempatnya sudah cukup rapi tetapi
dirasa kurang efisien serta resiko kerusakan atau hilangnya data lebih tinggi.
Berdasarkan latar belakang diatas, maka penulis merancang system informsai
akademik berbasis web untuk mempermudah pengguna dalam memperoleh
informasi kapan saja dan dimana saja, dari penelitian ini penulis menentukan judul
laporan tugas akhir yaitu
“PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA
SMP TRISULA PERWARI 3 JAKARTA”
1.2 Maksud dan Tujuan
Adapun maksud yang ingin dicapai dari kerja Penggunaan Sistem informasi
akademik berbasis web ini adalah sebagai berikut :
1. Merancang sistem informasi akademik berbasis web yang memberikan ruang
bagi siswa, guru, dan masyarakat untuk mendapatkan informasi yang
berhubungan dengan kegiatan belajar mengajar di SMP Trisula Perwari 3
kapan saja dan dimana saja.
2. Mengimplementasikan sistem informasi akademik agar penyampaian
informasi lebih cepat , tepat dan akurat.
Adapun tujuan dari penulisan tugas akhir ini adalah sebagai syarat
kelulusan program Diploma Tiga (D.III) Jurusan Manajemen Informatika di
akademi manajemen informatika dan komputer BSI
3
1.3 Metode Penelitian
Metode penelitian merupakan langkah penting dalam penyusunan laporan
Tugas Akhir khususnya bagi perancangan sistem. Didalam kegiatan penelitian
penulis melakukan pengumpulan data melalui cara :
1. Wawancara (Interview)
Dalam penulisan laporan Tugas Akhir ini, untuk mendapatkan informasi
secara lengkap maka penulis melakukan suatu metode suatu tanya jawab
mengenai semua kegiatan yang berhubungan dengan sekolah baik itu guru
dengan Tata Usaha maupun guru dengan siswa dan sebaliknya
2. Pengamatan (Observation)
Penulis melakukan pengamatan-pengamatan langsung terhadap kegiatan
yang berhubungan dengan masalah yang diambil. Hasil dari pengamatan
tersebut langsung dicatat oleh penulis dan dari kegiatan observasi ini dapat
diketahui kesalahannya atau proses dan kegiatan tersebut.
3. Studi Pustaka
Selain melakukan kegiatan tersebut diatas penulis juga melakukan studi
kepustakaan melalui literatur-literatur atau referensi-referensi yang ada
diperpustakaan Akademi Manajemen Informatika Bina Sarana Informatika
maupun di perpustakaan lainnya.
1.4 Ruang Lingkup
4
Ruang Lingkup digunakan untuk membatasi pembahasan yang terarah dan
mencegah terlalu luasnya masalah. Maka pembahasan mengenai profil sekolah dan
lebih lanjut difokuskan pada pengolahan data-data akademik (data pribadi, nilai
siswa(raport), jadwal dan info sekolah) mulai dari memasukan data mengubah data
dan menampilkan data sistem hanya bisa dikelola oleh administrator dan diakses
oleh user (guru dan siswa) dengan melakukan login dahulu, sedangkan untuk
pengunjung hanya bisa mengakses informasi tentang profil sekolah dan info terbaru
tentang sekolah saja.
1.5 Sistematika Penulisan
Dalam pembuatan Laporan ini penulis membagi menjadi beberapa bab untuk
memudahkan penulis dalam penyusunan serta mempermudah bagi para pembaca
untuk memahaminya yang mana tiap-tiap bab terdiri dari sub-sub bab yang
merupakan penjelasan dari bab-bab sebelumnya. Berikut pembagian bab-bab dalam
makalah ini:
BAB I PENDAHULUAN
Dalam bab ini penulis membahas mengenai latar belakang masalah, maksud
dan tujuan penulisan laporan tugas akhir, metode penelitian, ruang lingkup
dan sistematika penulisan.
BAB II LANDASAN TEORI
Dalam bab ini penulis menguraikan tentang konsep dasar web dan penjelasan
tentang teori pendukung (tools system).
BAB III PEMBAHASAN
5
Dalam bab ini penulis menguraikan tentang tinjauan perusahaan yang berisi
sejarah dan struktur organisasi di SMP Trisula Perwari 3 Jakarta, analisa
kebutuhan, perrancangan perangkat lunak yang berisi rancangan antar muka
(interface), rancangan basis data (database), rancanagan struktur navigasi,
implementasi dan pengujian unit.
BAB IV PENUTUP
Dalam bab ini penulis memberikan kesimpulan-kesimpulan yang diperoleh
penulis dari laporan tugas akhir yang telah disusun dan juga sarran-saran dari
penulis sesuai dengan materi yang dibahas dan analisa yang dilakukan
6
BAB II
LANDASAN TEORI
2.1. Konsep Dasar Web
2.1.1. Website
A. Pengertian Website
Menurut Hidayat (2010:1) “web merupakan suatu kumpulan hyperlink
yang menuju alamat satu ke alamat lainya dengan bahasa HTML(Hyperlink Text
Markup Language). Website atau situs dapat diartikan sebagai “kumpulan halaman
yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak,
animasi suara atau gabungan dari semuanya, baik yang bersifat statis maupun
dinamis yang membentuk satu rangkaian bangunan yang saling terkait, yang
masing-masing dihubungkan dengan jaringan-jaringan halaman”.
Sebuah halaman web biasanya ditulis dalam teks dan diselingi dengan
instruksi format hypertext markup language (HTML). Halaman web dapat juga
memasukan unsur-unsur dari situs-situs lain dengan anchor markup yang sesuai.
Halaman-halaman dari sebuah situs web biasanya dapat diakses dari universal
resource locator(URL) sederhana yang disebut homepage.
B. Internet
7
Menurut Sibero (2011a:10) “Internet (Interconnect Network) adalah
jaringan komputer yang menghubungkan antar jaringan secara global, internet
dapat juga dapat disebut jaringan alam suatu jaringan yang luas”.
Sedangkan Menurut Sarwono (2012:17) Internet “merupakan sekumpulan
jaringan yang berskala global. Tidak ada satu pun orang, kelompok atau organisasi
yang bertanggung jawab untuk menjalankan internet”.
Internet adalah sebuah jaringan komputer yang saling terhubung dengan
menggunakan suatu sistem standar global transmission control protocol/internet
protocol suite (TCP/IP) yang digunakan sebagai protokol pertukaran paket dalam
melayani miliaran pengguna yang terdapat di seluruh dunia. Internet
merupakan kependekan dari interconnected network. Internet juga dapat diartikan
sebagai jaringan komunikasi global yang terbuka dan menghubungkan jutaaan atau
milyaran jaringan komputer dengan berbagai tipe dan jenis, dengan menggunakan
tipe komunikasi misalnya telepon, satelit, dan sebagainya.
C. Sistem Informasi
Menurut soeherman dan Marion Pinontoan (2008:5) “Sistem Informasi
merupanakan serangkaian komponen berupa manusia, prosedur, data, dan
teknologi seperti komputer yang digunakan untuk melakukan sebuah proses untuk
menghasilkan informasi yang bernilai untuk pengambilan keputusa
8
Sistem informasi akademik adalah sstem yang dibangun dalam satu kesatuan
yang saling terintegrasi dan memiliki hubungn saling keterkaitan antara satu-sama
lain. Dalam hal ini semua yang berhubungan dengan akademik merupakan
hubungan yang berfokus pada aktivitas akademik itu sendiri, baik itu pengolahan
data siswa, guru dan pegawai serta aktivitas lainya yang terhubung dalam satu
jaringan yang saling terintegrasi dan data dikelola oleh database sebagai media
penyimpanan data terpusat.
2.1.2. Bahasa Pemrograman
2. PHP
Menurut Arief (2011c:43) “PHP adalah Bahasa server-side –scripting yang
menyatu dengan HTML untuk membuat halaman web yang dinamis,karena PHP
merupakan server-side –scripting maka sintaks dan perintah-perintah PHP akan di
eksekusi server kemudian hasilnya akan dikirimkan ke browser dengan format
HTML”.
Ada beberapa alasan yang menggunakan bahasa pemrogaman PHP dalam
membangun sistem :
1. Mudah dipelajari,alasan tersebut menjadi salah satu alasan utama untuk
menggunakan PHP,karena pemula mampu untuk menjadi webmaster.
2. Mampu lintas platform,artinya PHP dapat mudah diaplikasikan ke berbagai
platform OS (Operating System) dan hampir semua browser juga mendukung
PHP.
3. Gratis karena bersifat Open Source.
9
4. Didukung oleh berbagai macam Web Server,PHP mendukung beberapa web
server,seperti Apache,IIS,Lighttpd,Xitami.
5. PHP memiliki tingkat akses yang cepat.
6. PHP mendukung beberapa basis data yang gratis maupun beberapa,seperti
MySQL,PostgreSQL,Informix,SQL Server,Oracle.
3. HTML
Menurut Edy Winarno ST, M.Eng (2013:1) “HTML merupakan singkatan
dari Hypertext Markup Language, artinya bahasa ini adalah bahasa markup untuk
memformat konten halaman web. Atau dengan kata lain, bahasa untuk mengatur
bagaimana penampilan dan pemformatan konten di Web.
HTML memiliki 4 jenis elemen :
1. Struktural
Tanda yang menentukan level atau tingkatan dari tulisan (misalnya, < h1
>Golf< /h1 > memerintahkan browser untuk menampilkan “Golf” sebagai tulisan
tebal besar yang menunjukkan sebagai Heading 1.
2. Presentasi
Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan
level dari tulisan tersebut (contoh, < b >tebal< /b > akan menampilkan tulisan
tebal. Tanda presentasi ini sudah lazim digantikan oleh CSS dan tidak
direkomendasikan untuk mengatur tampilan tulisan via HTML.
3. Hiperteks
10
Tanda yang berfungsi membuat link dokumen, baik link dokumen itu sendiri
atau ke dokumen lain (contoh, <a href = http://www.wikipedia.org/>wikipedia</a>
akan membuat link ke situs wikipedia.org
4. Widget
Elemen widget yang membuat objek-objek lain seperti tombol (<button>),
list (<li>), dan garis horizontal (<hr>).
4. CSS
Menurut Agus Hariyanto (2015:31), CSS adalah kumpulan kode program
yang digunakan untuk mendesain atau mempercantik tampilan halaman HTML.
Dengan CSS, kita bias mengubah desain dari text, warna, gambar dan latar belakang
dari (hamper) semua kode tag HTML.
CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang
saling melengkapi. HTML ditujukan untuk membuat struktur atau konten dari
halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web
tersebut.
5. Jquery
Menurut Hidayatullah (2017:399) “JQuery adalah kumpulan fungsi-fungsi
JavaScript yang sudah dibentuk sebagai suatu objek”. Sehingga penggunaan
JQuery ini bisa dikategorikan sebagai library yang nantinya kita hanya perlu
menggunakan fungsi-fungsi di dalam library tersebut.
11
JQuery dikenal dengan slogan “Write less, do more” artinya penulisan kode
yang sedikit tetapi memiliki beberapa aksi (action). JQuery juga merupakan library
open source dengan lisensi GNU General Public License dan MIT license. Ukuran
file JQuery tidak lebih dari 200kb. JQuery juga sudah support plugin-plugin
tambahan untuk fungsi-fungsi pada masalah yang lebih spesifik. Untuk
mendapatkan plugin-plugin tersebut dapat mengakses http://plugins.jquery.com/.
6. Javascript
Menurut (yeni:2010:65) Javascript merupakan bahasa yang berbentuk
kumpulan script yang berjalan pada suatu dokumen HTML. Bahasa pemrograman
ini memberikan kemampuan tambahan terhadap bahasa HTML dengan
mengizinkan pengeksekusi perintah-perintah disisi user. Javascript adalah bahasa
yang care sensitive artinya membedakan penamaan variabel dan fungsi yang
menggunakan huruf besar dan huruf kecil.
2.1.3. Basis Data
Menurut Yudi Priyadi, M.T (2014:2) “Basis data adalah sekumpulan fakta
berupa representasi table yang saling berhubungan dan disimpan dalam media
penyimpanan secara digital.
Database atau basis data adalah kumpulan data yang saling berealisasi. Data
sendiri merupakan fakta mengenai obyek, orang, dan lain-lain. Database sering
digunakan untuk melakukan proses terhadap data-data tersebut untuk menghasilkan
informasi tertentu.
1. MySQL
12
Menurut Bunafit (2014:31) MySQL adalah software atau aplikasi database,
yaitu software yang dapat kita pakai untuk menyimpan data berupa informasi teks
dan juga angka.
2. Php MyAdmin
Menurut Madcoms (2016:186) “phpMyAdmin adalah sebuah aplikasi open
source yang berfungsi untuk memudahkan manajemen MySQL”. Dengan
menggunakan phpMyAdmin, kita dapat membuat database, membuat tabel, meng-
insert, menghapus dan meng-update data dengan GUI dan terasanlebih mudah,
tanpa perlu mengetikkan perintah SQL secara manual.
Karena berbasis web, maka phpMyAdmin dapat dijalankan di banyak OS,
selama dapat menjalankan web server dan MySQL. PhpMyAdmin dapat di-
download secara gratis di http://www.phpmyadmin.net. Jika kita menggunakan
paket software web server Xampp, maka tidak perlu meng-instal phpMyAdmin
secara terpisah.
3. Framework/Code Igniter
Menurut Hidayatullah (2017:281) “Code Igniter adalah salah satu Framework
PHP bahkan Framework PHP yang paling powerful saat ini karena di dalamnya
terdapat fitur lengkap aplikasi web di mana fitur-fitur tersebut sudah dikemas
menjadi satu”. Selain itu , Code Igniter juga saat ini banyak digunakan khususnya
bagi developer web untuk mengembangkan aplikasi berbasis webnya tersebut.
4. Bootstrap
Menurut Jubilee (2016:1) “Bootstrap adalah framework front-end yang
intuitif dan powerful untuk pengembangan aplikasi web yang lebih cepat dan
mudah”. Bootstrap menggunakan HTML, CSS, dan JavaScript.
13
Berikut ini kelebihan-kelebihan Bootstrap yaitu:
a. Menghemat waktu
b. Fitur yang responsive
c. Desain yang konsisten
d. Mudah digunakan
e. Didukung oleh semua browser popular
f. Gratis
2.1.4. Metode Pengembangan Perangkat Lunak
A. Model Waterfall
Menurut Sommerville(2011:30) “tahapan utama dari waterfall model
langsung mencerminkan aktivitas pengembangan dasar. Terdapat 5 tahapan pada
waterfall model, yaitu requirement analisys and definition, system and software
design, implementation and unit testing, integration and system testing, operation
and maintence.
sumber : Summerville (2011:30)
14
Gambar II.1
Waterfall Model
B. Langkah-langkah model waterfall
1. Requirement Analysis and Definition
Merupakan tahapan penetapan fitur, kendala dan tujuan sistem melalui
konsultasi dengan pengguna sistem. Semua hal tersebut akan ditetapkan secara
rinci dan berfungsi sebagai spesifikasi sistem.
2. System and Software Design
Dalam tahapan ini akan dibentuk suatu arsitektur sistem berdasarkan persyaratan
yang telah ditetapkan. Dan juga mengidentifikasi dan menggambarkan abstraksi
dasar sistem perangkat lunak dan hubungan-hubungannya.
3. Implementation and Unit Testing
Dalam tahapan ini, hasil dari desain perangkat lunak akan direalisasikan sebagai
satu set program atau unit program. Setiap unit akan diuji apakah sudah
memenuhi spesifikasinya.
4. Integration and System Testing
Dalam tahapan ini, setiap unit program akan diintegrasikan satu sama lain dan
diuji sebagai satu sistem yang utuh untuk memastikan sistem sudah memenuhi
persyaratan yang ada. Setelah itu sistem akan dikirim ke pengguna sistem.
5. Operation and Maintenance
Dalam tahapan ini, sistem diinstal dan mulai digunakan. Selain itu juga
memperbaiki error yang tidak ditemukan pada tahap pembuatan. Dalam tahap
ini juga dilakukan pengembangan sistem seperti penambahan fitur dan fungsi
baru.
15
2.1.5. Peralatan Pendukung
A. Adobe Dreamweaver
Menurut Humaira (2015:2) Adobe dreamweaver adalah aplikasi desain dan
pengembangan web yang menyediakan editor WYSIWYG visual (bahasa sehari-
hari yang disebut sebagai Design view) dank ode editor dengan fitur standar seperti
syntax highlighting, code completion, dan code collapsing serta fitur lebih canggih
seperti real-time syntax checking dan code introspection untuk menghasilkan
petunjuk kode untuk membantu pengguna dalam menulis kode.
B. XAMPP
Menurut Eko (2013:7) XAMPP adalah bundel paket instan yang terdiri dari
apache (server), MysQL (database), dan PHP. Paket instan ini banyak digunakan
oleh para programmer web karena kemudahanya sehingga programmer tidak perlu
mengkonfigurasi dari awal melainkan tinggal pakai. aplikasi
Fungsi XAMPP sendiri adalah sebagai server yang berdiri sendiri
(localhost), yang terdiri beberapa program antara lain : Apache HTTP Server,
MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl. Nama XAMPP sendiri merupakan singkatan dari X
(empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini
tersedia dalam GNU (General Public License) dan bebas, merupakan web server
yang mudah untuk digunakan yang dapat menampilkan halaman web yang
dinamis.
2.2. Teori Pendukung
16
2.2.1. Struktur Navigasi
Menurut Suyanto (2008:62) “Struktur navigasi dalam situs web melibatkan
sistem navigasi situs web secara keseluruhan dan desain interface situs web
tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs web”.
Struktur navigasi juga dapat diartikan sebagai struktur alur dari suatu program yang
merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda
dan dapat membantu mengorganisasikan seluruh elemen pembuatan website. Ada
empat macam bentuk dasar yaitu :
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut
yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya.
Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman
sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya
atau dua halaman sesudahnya, pengguna akan melakukan navigasi secara
berurutan, dalam frame atau byte informasi satu ke yang lainnya.
Sumber : Binanto, (2010a:269)
Gambar II.2
Struktur Navigasi Linear
2. Struktur Navigasi Hirarki
17
Struktur dasar ini disebut juga struktur linier dengan percabangan karena
pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk
oleh logika isi.
Sumber : Binanto (2010b:269)
Gambar II.3
Struktur Navigasi Hirarki
3. Struktur Navigasi Tidak Berurut (Non-Linier)
Struktur navigasi non-linier merupakan pengembangan dari struktur navigasi
linier. Pada struktur ini diperkenankan membuat navigasi bercabang. Percabangan
yang dibuat pada struktur non-linier ini berbeda dengan percabangan pada struktur
hirarki, karena pada percabangan non-linear ini walaupun terdapat percabangan
tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master
Page dan Slave Page, pengguna akan melakukan navigasi dengan bebas melalui isi
proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.
18
Sumber : Binanto (2010c:270)
Gambar II.4
Struktur Navigasi Non-Linear
4. Struktur Navigasi Campuran (Composite)
Struktur navigasi pengguna akan melakukan navigasi dengan bebas
(secara non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi
penting dan pada data yang paling terorganisasi secara logis pada suatu hirarki.
Sumber : Binanto (2010d:270)
Gambar II.5
19
Struktur Navigasi Campuran
2.2.2. Entity Relationship Diagram
ERD adalah diagram yang memperlihatkan entitas-entitas yang terlibat dalam
suatu sistem serta hubungan-hubungan atau relasi antar entitas tersebut. Model
Entity-Relationship yang berisi komponen-komponen himpunan entitas dan relasi
yang masing-masing dilengkapi dengan atribut-atribut yang merepresentasikan
seluruh fakta dari “Dunia Nyata” yang ditinjau, dapat digambarkan dengan lebih
sistematis dengan menggunakan diagram Entity- Relationship. (Fathansyah,
2012:79)
ERD menggunakan sejumlah notasi dan simbol untuk menggambarkan
struktur dan hubungan antar data, pada dasarnya ada tiga macam komponen yang
digunakan yaitu :
1. Entitas
Entitas adalah suatu objek yang dapat diidentifikasi dalam lingkungan
pemakai, sesuatu yang penting bagi pemakai dalam konteks sistem yang akan
dibuat. Sebagai contoh pelanggan, pekerja dan lain-lain.
2. Atribut
Atribut berfungsi mendeskripsikan karakter entiti. Misalnya atribut nama
pekerja dari entiti pekerja. Setiap entiti bisa terdapat lebih dari satu atribut.
3. Hubungan atau (Relationship)
Hubungan atau (Relationship) sebagaimana halnya entiti maka dalam
hubunganpun harus dibedakan antara hubungan atau bentuk hubungan antar entiti
20
dengan isi dari hubungan itu sendiri. Misalnya dalam kasus hubungan antara entiti
siswa dan entiti mata_kuliah adalah mengikuti,sedangkan isi hubungannya dapat
berupa nilai_ujian.
Relationship disimbolkan dalam bentuk intan / diamonds.Kardinalitas
menyatakan jumlah himpunan relasi antar entitias pemetaan kardinalitas terdiri
dari:
a. One-to-One (1:1)
sebuah entitas pada A berhubungan dengan entitas B paling banyak contoh diatas
relasi pegawai dan departemen dimana setiap pegawai hanya bekerja pada 1
departemen.
b. One-to-Many (1:M)
sebuah entitas pada A berhubungan dengan entitas B lebih dari satu contoh diatas
adalah 1 depertemen memiliki banyak pegawai.
c. Many-to-Many (M:M)
sebuah entitas pada A berhubungan dengan entitas B lebih dari satu dan B
berhubungan dengan A lebih dari satu jugan contoh diatas adalah relasi
mahasiswa dengan mata kuliah.
2.2.3. Logical Record Strukture (LRS)
Menurut Hasugian dan Shidiq (2012:608) Memberikan batasan bahwa LRS
adalah “sebuah model sistem yang digambarkan dengan sebuah diagram –ER akan
mengikuti pola atau aturan permodelan tertentu dalam kaitan nya dengan konvensi
dengan LRS” Perubahan yang terjadi yaitu mengikuti aturan sebagai berikut:
1. Setiap entitas akan diubah kebentuk kotak.
21
2. Sebuah atribut relasi disatukan dalam sebuah kotak bersama entitas jika
hubungan yang terjadi pada diagram-ER 1:M (relasi bersatu dengan cardinality
M) atau tingkat hubungan 1:1 (relasi bersatu dengan cardinality yang paling
membutuhkan referensi).
3. Sebuah relasi dipisah dalam sebuah kotak tersendiri (menjadi entitas baru) jika
tingkat hubungannya M:M (many to many) dan memiliki foreign key sebagai
primary key yang diambil dari kedua entitas yang sebelumnya saling
berhubungan.
2.2.4. Black-Box Testing
Menurut Rusadi (2013:40)“Black-box testing adalah metode pengujian
perangkat lunak yang tes fungsionalitas dari aplikasi yang bertandatangan dengan
struktur internal atau kerja. Menggunakan deskripsi eksternal perangkat lunak,
termaksud spesifikasi persyaratan, dan desain untuk menurunkan uji kasus”.
Metode uji coba black-box testing memfokuskan pada keperluan fungsional
dari software. Karena itu uji coba black-box testing memungkinkan pengembang
software untuk membuat himpunan kondisi input yang akan melatih seluruh syarat-
syarat fungsional suatu program.
Uji coba black box berusaha untuk menemukan kesalahan dalam beberapa
kategori, diantaranya:
1. Fungsi – fungsi yang tidak benar atau hilang.
22
2. Kesalahan interface.
3. Kesalahan dalam struktur data atau akses database eksternal.
4. Kesalahan kinerja atau performa.
5. Inisialisasi dan kesalahan terminasi.
Ciri-ciri black box testing :
1. Black box testing berfokus pada kebutuhan fungsional pada software.
2. Black box testing bukan alternatif daripada white box testing.
3. Black box testing melakukan pengujian tanpa pengetahuan detail struktur
internal dari sistem atau komponen yang dites.
23
BAB III
PEMBAHASAN
3.1 Tinjauan Sekolah
SMP Trisula Perwira 3 Jakarta Merupakan salah satu instansi milik swasta
yang bergerak dalam bidang pendidikan. Sekolah ini memiliki ruang kelas untuk
kegiatan belajar mengajar siswa-siswinya serta dukungan dari ruang praktikum,
tercukupinya sarana dan prasarana pembelajaran guna meningkatkan kualitas
sumber daya manusia, SMP Trisula Perwira 3 saat ini bukan hanya mampu
menunjang pendidikan siswa-siswi dalam bidang akademis, namun dalam bidang
non akademis pula.
3.1.1 Sejarah Sekolah
SMP Trisula Perwari 3 adalah lembaga pendidikan swasta yang terletak di
jalan Balai Pustaka Baru I no. 38, Jati, Pulo gadung, Jakarta Timur yang saat ini di
pimpin oleh Kepala Sekolah yang bernama Wiwik Roshidah, S.Pd. Sekolah
tersebut merupakan perwujudan dari yayasan Perwari dalam bidang pendidikan
yang berdiri padatanggal 17 Desember 1945. Perwari adalah Perjuangan kaum
wanita didalam kemerdekaan yang sudah merebah ke segala bidang. Berdasarkan
semangat persatuan dan kesatuan bangsa, gerak langkah kegiatan ini merupakan
perwujudan dari apa yang tercantum dalam UUD 1945. Dengan dimulai tekad dan
semangat ikut membangun Negara, Perwari melalui pendidikan menyiapkan sarana
untuk menghasilkan sumber daya manusia yang berkualitas di masa depan. Perwari
telah mendirikan kurang lebih 12 sekolah yang berada di DKI Jakarta.
24
Dalam organisasi Perwari sekolah-sekolah tersebut dibawah Pimpinan
Daerah Perwari dan bernaung dalamYayasan Taman Pendidikan TrisulaPerwari.
Makna yang tersirat dari tekad dan semangat tersebut antara lain :
a. Perwari peduli akan pendidikan
b. Berjuang dalam bidang pendidikan agar mendapatkan SDM yang berkualitas
c. Bertanggung jawab akan pendidikan anak bangsa
d. Ikut mencerdasakan anak bangsa
Yayasan Taman Pendidikan Trisula Perwari DKI Jakarta adalah yayasan yang
mengelola kegiatan formal mulai tingkat pra sekolah sampai dengan tingkat
Sekolah Menengah Atas. Dengan semboyan : Jujur Suci Berani, tetap konsisten
dengan komitmen awal adalah mencetak kader-kader bangsa yang kelak mampu
tampil membangun bangsa dan negaranya, khususnya menghadapi era globalisasi.
Bukan hanya generasi yang syarat dengan kemajuan Iptek saja, tetapi juga dibekali
moral yang handal sesuai dengan Pancasila dan UUD Negara Republik Indonesia
Tahun 1945.
Dalam menjalankan aktivitas kegiatanya SMP Trisula Perwari 3 mempunyai Visi
dan Misi sebagai Berikut ;
1. Visi
Mempersiapkan anak didik menjadi insan yang bertaqwa, cerdas, terampil
dengan memberikan pendidikan agama sedini mungkin serta mengembangkan
seluruh potensi anak didik.
2. Misi
25
Memberikan dasar pendidikan agama sejak dini serta mengembangkan seluruh
potensi yang dimiliki anak sebagai bekal anak didik dengan memberikan
pelayanan semaksimal mungkin
3.1.2 Struktur Organisasi dan Fungsi
A. Struktur Organisasi
Struktur organisasi merupakan suatu kerangka untuk mewujudkan suatu pola
tetap dari hubungan antara kedudukan dan peranan dalam suatu lingkar kerjasama.
Struktur organisasi mutlak diperlukan agar dapat diketahui dengan jelas bagaimana
hubungan antara bagian serta tugas, wewenang dan tanggung jawabnya. Disetiap
bagian struktur organisasi mempunyai tanggung jawab dan kewajiban-kewajiban
terhadap pengembangan perusahaan. Setiap bagian didalam struktur organisasi
harus mampu bekerja secara profesional dan harus dapat berinteraksi dengan
bagian lainnya sehingga didapat kerjasama yang optimal antar fungsi.
Pada dasarnya struktur organisasi merupakan suatu hal yang sangat
menentukan kedudukan dalam perusahaan. Sistem yang digunakan dalam struktur
organisasi adalah sistem kerjasama (team work) yang dijalankan oleh sekelompok
orang untuk mencapai tujuan tertentu. Berikut adalah struktur organisasi yang
terdapat pada SMP Trisula Perwari 3 :
26
Sumber : SMP Trisula Perwari 3
Gambar III. 1
Stuktur Organisasi
KETUA KOMITE KEPALA SEKOLAH
WIWIK ROSHIDAH, S.Pd
WAKIL KEPALA SEKOLAH
KELIK WAHYUDI, S.Pd
WALI KELAS IX
ROHANI
AMBARWATI , S.Pd
WALI KELAS VIII
ENI HARYATI, S.Pd
WALI KELAS VII
DESI NATALIA Z, S.Pd
GURU TATA USAHA
SISWA
27
B. Fungsi
1. Komite Sekolah
a. Mendorong perhatian dan komitmen masyarakat terhadap penyelenggaraan
pendidikan yang bermutu.
b. Menampung dan menganalisisaspirasi, ide, tuntutan dan berbagai kebutuhan
pendidikan yang diajukan oleh masyarakat.
c. Memberikan masukan, pertimbangan dan rekomendasi kepada satuan
pendidikan mengenai: kebijakan dan program pendidikan, rencana anggaran
pendidikan dan belanja madrasah (RAPBM), Kriteria kinerja satuan
pendidikan, criteria tenaga kependidikan dan hal-hal lain yang terkai tdengan
pendidikan.
d. Melakukan evaluasi dan pengawasan terhadap kebijakan, program,
penyelenggaraan, dan keluaran pendidikan di satuan pendidikan.
2. Kepala Sekolah
a. Sebagai Educator (Pendidik) yaitu Kegiatan belajar mengajar merupakan inti
dari proses pendidikan dan guru merupakan pelaksana dan pengembang utama
kurikulum di sekolah. Kepala sekolah yang menunjukkan komitmen tinggi dan
fokus terhadap pengembangan kurikulum dan kegiatan belajar mengajar di
sekolahnya tentu saja akan sangat memperhatikan tingkat kompetensi yang
dimiliki gurunya, sekaligus juga akan senantiasa berusaha memfasilitasi dan
mendorong agar para guru dapat secara terus menerus meningkatkan
28
kompetensinya, sehingga kegiatan belajar mengajar dapat berjalan efektif dan
efisien.
b. Sebagai Manajer
Dalam mengelola tenaga kependidikan, salah satu tugas yang harus dilakukan
kepala sekolah adalah melaksanakan kegiatan pemeliharaan dan pengembangan
profesi para guru. Dalam hal ini, kepala sekolah seyogyanya dapat memfasiltasi
dan memberikan kesempatan yang luas kepada para guru untuk dapat
melaksanakan kegiatan pengembangan profesi melalui berbagai kegiatan
pendidikan dan pelatihan, baik yang dilaksanakan di sekolah, seperti:
MGMP/MGP tingkat sekolah, atau melalui kegiatan pendidikan dan pelatihan
di luar sekolah, seperti kesempatan melanjutkan pendidikan atau mengikuti
berbagai kegiatan pelatihan yang diselenggarakan pihak lain.
c. Sebagai Administrator
Khususnya berkenaan dengan pengelolaan keuangan, bahwa untuk tercapainya
peningkatan kompetensi guru tidak lepas dari faktor biaya. Seberapa besar
sekolah dapat mengalokasikan anggaran peningkatan kompetensi guru tentunya
akan mempengaruhi terhadap tingkat kompetensi para gurunya. Oleh karena itu
kepala sekolah seyogyanya dapat mengalokasikan anggaran yang memadai bagi
upaya peningkatan kompetensi guru.
d. Sebagai Supervisor
Untuk mengetahui sejauh mana guru mampu melaksanakan pembelajaran,
secara berkala kepala sekolah perlu melaksanakan kegiatan supervisi, yang
dapat dilakukan melalui kegiatan kunjungan kelas untuk mengamati proses
pembelajaran secara langsung, terutama dalam pemilihan dan penggunaan
29
metode, media yang digunakan dan keterlibatan siswa dalam proses
pembelajaran. Dari hasil supervisi ini, dapat diketahui kelemahan sekaligus
keunggulan guru dalam melaksanakan pembelajaran, tingkat penguasaan
kompetensi guru yang bersangkutan, selanjutnya diupayakan solusi, pembinaan
dan tindak lanjut tertentu sehingga guru dapat memperbaiki kekurangan yang
ada sekaligus mempertahankan keunggulannya dalam melaksanakan
pembelajaran. Sebagaimana disampaikan oleh Sudarwan Danim
mengemukakan bahwa menghadapi kurikulum yang berisi perubahan-
perubahan yang cukup besar dalam tujuan, isi, metode dan evaluasi
pengajarannya, sudah sewajarnya kalau para guru mengharapkan saran dan
bimbingan dari kepala sekolah mereka. Dari ungkapan ini, mengandung makna
bahwa kepala sekolah harus betul-betul menguasai tentang kurikulum sekolah.
Mustahil seorang kepala sekolah dapat memberikan saran dan bimbingan
kepada guru, sementara dia sendiri tidak menguasainya dengan baik.
e. Sebagai Leader (Pemimpin)
Gaya kepemimpinan kepala sekolah seperti apakah yang dapat menumbuh-
suburkan kreativitas sekaligus dapat mendorong terhadap peningkatan
kompetensi guru? Dalam teori kepemimpinan setidaknya kita mengenal dua
gaya kepemimpinan yaitu kepemimpinan yang berorientasi pada tugas dan
kepemimpinan yang berorientasi pada manusia. Dalam rangka meningkatkan
kompetensi guru, seorang kepala sekolah dapat menerapkan kedua gaya
kepemimpinan tersebut secara tepat dan fleksibel, disesuaikan dengan kondisi
dan kebutuhan yang ada.
f. Sebagai Inovator
30
Dalam rangka melakukan peran dan fungsinya sebagai innovator, kepala
sekolah harus memiliki strategi yang tepat untuk menjalin hubungan yang
harmonis dengan lingkungan, mencari gagasan baru, mengintegrasikan setiap
kegiatan, memberikan teladan kepada seluruh tenaga kependidikan sekolah, dan
mengembangkan model model pembelajaran yang inofatif. Kepala sekolah
sebagai inovator akan tercermin dari cara cara ia melakukan pekerjaannya
secara konstruktif, kreatif, delegatif, integratif, rasional, objektif, pragmatis,
keteladanan.
g. Sebagai Motivator
kepala sekolah harus memiliki strategi yang tepat untuk memberikan motivasi
tenaga kependidikan dalam melaksanakan tugas dan fungsinya. Motivasi ini
dapat ditumbuhkan melalui pengaturan lingkungan fisik, pengaturan suasana
kerja, disiplin, dorongan, penghargaan secara efektif, dan penyediaan berbagai
sumber belajar melalui pengembangan Pusat Sumber Belajar (PSB).
3. Wakil Kepala Sekolah
Membantu Kepala Sekolah dalam kegiatan-kegiatan sebagai berikut:
a. Menyusun perencanaan, membuat program kegiatan dan pelaksanaan
program
b. Pengorganisasian
c. Pengarahan
d. Ketenagaan
e. Pengkoordinasian
f. Pengawasan
g. Penilaian
31
h. Identifikasi dan pengumpulan data serta penyusunan laporan
4. Wali Kelas dan Guru
a. Mewakili orang tua dan kepala sekolah dalam lingkungan pendidikan
b. Membantu pengembangan keterampilan dan kecerdasan anak didik
c. Membina karakter, budi pekerti dan kepribadian anak didik
5. Tata Usaha
a. Melaksanakan urusan ketata usahaan seperti tata naskah dinas
b. Melaksanakan adminstrasi surat menyurat
c. Melaksanakan arisiparis dan ekspedisi
d. Melaksanakan adminstrasi surat menyurat
6. Siswa
Merupakan peserta didik yang memiliki tugas utama belajar.
3.2 Analisis Kebutuhan
Dalam menganalisa kebutuhan perlu dilakukan analisis kebutuhan pada
system untuk menentukan dan mengungkapkan kebutuhan system. Kebutuhan
system terbagi menjadi dua yaitu kebutuhn system fungsional dan kebutuhan
system non-fungsional, yang dibutuhkan untuk mencapai tujuan.
A. Kebutuhan Fungsional
Kebutuhan-kebutuhan yang memiliki keterkaitan langsung dengan system
kebutuhan fungsional dari aplikasi ini meliputi :
Kebutuhan Pengguna
1. Pengguna melakukan Login kedalam system pengguna
2. Pengguna mendapatkan informasi jadwal
3. Pengguna melakukan penginputan nilai
32
4. Pengguna mendapatkan informasi nilai
5. Pengguna melakukan logout
Kebutuhan Administrator
1. Admin melakukan login kedalam system administrator
2. Admin dapat menambah, mengubah, menghapus data guru
3. Admin dapat menambah, mengubah, menghapus data siswa
4. Admin dapat menambah, mengubah, menghapus mata pelajaran
5. Admin dapat menambah, mengubah, menghapus data kelas
6. Admin dapat menambah, mengubah, menghapus data jadwal
7. Admin dapat melihat data guru
8. Admin dapat melihat data siswa
9. Admin dapat melihat data mata pelajaran
10. Admin dapat melihat data kelas
11. Admin dapat melihat data jadwal
12. Admin dapat melakukan Logout
B. Kebutuhan Non Fungsional
Kebutuhan Non Fungsional adalah kebutuhan yang tidak secara langsung
terkait dengan fitur tertentu di dalam system
Kebutuhan perangkat keras dalam membangun aplikasi ini dibagi menjadi
perangkat keras administrator dan perangkat keras pengguna. Untuk perangkat
keras administrator dalam system ini menggunakan perangkat laptop dengan
spesifikasi :
1. Processor Intel® Core™i3-4010U CPU @1.70GHz (4Plus)
2. Memory 2048MB RAM
33
3. Hardisk 500GB
4. VGA Intel® HD Graphic
5. Perangkat Standard Input Output
Kebutuhan Perangkat Lunak Perangkat Lunak yang digunakan dalam
membangun system ini adalah :
1. Sistem Operasi Microsoft Windows Ultimate 64-bit (6.1, 7601)
2. Xampp Versi 3.2.1
3. Adobe Dreamweaver Cs5
3.3 Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Rancangan antar muka (Interface) dimaksudkan untuk memudahkan
pengguna karenadan portal atau website ini diharapkan dapat digunakan oleh
banyak pengguna dari berbagai latar belakang dan juga karena tidak semua
pengguna adalah orang yang mengerti dan ahli dalam bidang pengoperasian
komputer.
Berikut adalah rancangan tampilan antar muka dari sistem Akademik
Sekolah :
A. Rancangan Tampilan Halaman Untuk Admin
1. Halaman Login Admin
Pada halaman ini menampilkan halaman login admin, dimana admin harus
melakukan login dengan mengisi No induk dan password, berikut adalah
rancangan tampilan halamanya :
34
Gambar III. 2
Rancangan antar muka login admin
Apabila login berhasil, maka akan tampil halaman beranda admin. Sedangkan
jika login gagal, maka akan tampil pesan yang memberikan katerangan bahwa
login gagal. Berikut tampilan jika login gagal.
Gambar III. 3
Perancangan tampilan gagal login
Error Login! (Password atau tanggal lahir yang anda ketikan salah!)
Kembali ke Login
35
2. Halaman Utama Admin
Setelah admin berhasil login, maka akan muncul halaman beranda sebagai
tampilan pertama halaman admin
Di halaman beranda ini tersedia menu Ruang Guru, Ruang Siswa, Mata
Pelajaran, Kelas, Jadwal, Logout
Halaman ini merupakan ruang admin melakukan semua aktifitas, mulai dari
lihat data, input data, edit data, dan hapus data berikut adalah rancangan
tampilan halamanya.
Gambar III. 4
Rancangan Antar Muka Halaman utama Admin
3. Halaman Tampilan Data Ruang Guru
Pada halaman ini menampilkan jumlah data yang ada pada halaman berikut
adalah rancangan tampilan halamanya,
36
Gambar III. 5
Rancangan Antar Muka Halaman Tampil Data Guru
4. Halaman Input Data Guru
Pada halaman ini admin melakukan kegiatan menambah data berikut adalah
rancangan tampilan halamannya
37
Gambar III. 6
Rancangan Antar Muka Halaman Input data guru
5. Halaman input data siswa
Pada halaman ini admin melakukan kegiatan menambah data berikut adalah
rancangan tampilan halamanya
38
Gambar III. 7
Rancangan Antar Muka Halaman Input data siswa
6. Halaman input data mata pelajaran
39
Gambar III. 8
Rancangan Antar Muka Halaman Input data Mata pelajaran
7. Halaman Input data kelas
40
Gambar III. 9
Rancangan Antar Muka Halaman Input data Kelas
8. Halaman input data jadwal
Gambar III. 10
Rancangan Antar Muka Halaman Input data Jadwal
B. Rancangan Antar muka User
1. Halaman Login Guru
Pada halaman login guru harus melakukan login dengan mengisi username dan
password berikut adalah rancangan tampilanya,
41
Gambar III. 11
Rancangan Antar Muka Halaman Login guru
2. Halaman Utama Guru
Halaman ini merupakan halaman utama guru, pada halaman ini guru dapat
melihat data pribadi, jadwal mengajar, dan input nilai siswa, berikut adalah
rancangan tampilanya
42
Gambar III. 12
Rancangan Antar Muka Halaman Utama guru
3. Halaman Data Pribadi
Pada halaman ini menampilkan data pribadi user, berikut adalah rancangn
tampilan halamanya
43
Gambar III. 13
Rancangan Antar Muka Halaman Data Pribadi
4. Halaman jadwal mengajar
Halaman ini menampilkan jadwal mengajar guru. Berikut adalah rancangan
tampilan halamanya
44
Gambar III. 14
Rancangan Antar Muka Halaman Jadwal Mengajar
5. Halaman input nilai
Halaman ini merupakan halaman untuk menginput nilai siswa berikut
adalah rancangan tampilan halamanya
45
Gambar III. 15
Rancangan Antar Muka Halaman Input Nilai
6. Halaman login siswa
Pada halaman login siswa, dimana siswa harus melakukan login dengan
mengisi nomor induk dan password, berikut adalah rancangan tampilannya
46
Gambar III. 16
Rancangan Antar Muka Login Siswa
7. Halaman Utama siswa
Halaman ini merupakan halaman utama siswa, pada halaman ini siswa dapat
melihat data pribadi, lihat jadwal dan lihat nilai(raport) berikut adalah
rancangan tampilan halamanya
47
Gambar III. 17
Rancangan Antar Muka Halaman utama siswa
8. Halaman Profil dan Nilai
Halaman ini menampilkan data diri siswa dan nilai
48
Gambar III. 18
Rancangan Halaman Profil dan Nilai
9. Halaman jadwal pelajaran
Halaman ini menampilkan jadwal pelajaran siswa sehingga siswa dapat melihat
jadwal pelajaran, berikut adalah rancangan tampilan halamanya
49
Gambar III. 19
Rancangan Antar Muka Halaman jadwal pelajaran siswa
3.3.1 Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan (ERD). ERD Merupakan suatu model untuk menjelaskan
hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi.
A. Entity Relationship Diagram
50
Gambar III.20
Entity Relationship Diagram
51
B. Logical Record Structure(LRS)
Gambar III.21
Logical Record Structure(LRS)
52
C. Spesifikasi File
Di dalam pembuatanya, website ini ditunjang oleh file-file atau table yang
terbentuk dari transformasi ERD (dari atau file-file penunjang untuk web). File-
file ini tersimpan pada sebuah database dengan nama “sekolah” dengan
parameter-parameter sebagai baerikut :
1. Spesifikasi file Guru.
Nama File : Guru
Akronim : Guru
Fungsi : Menyimpan data guru
Tipe File : File Master
Organisai File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 537 Karakter
Kunci Field : id_guru
Software : Mysql
Tabel III.1
Spesifikasi File Guru
No Elemen Data Nama Field Type Size Keterangan
1 Id_user id_user Int 11 Primary key
2 Nama guru nama_guru Varchar 30
3 Password Password Varchar 30
4 Type user type_user Enum (‘L’,’P’)
5 Image url img_url Varchar 225
53
6 Jenis guru jenis_guru Varchar 30
7 Tempat lahir tempat_lahir Varchar 30
8 Tanggal lahir tanggal_lahir Datetime
9 Alamat Alamat Varchar 100
10 Agama Agama Varchar 8
11 Jenis kelamin jenis_kelamin Enum (‘L’,’P’)
12 Gelar Gelar Varchar 20
13 No induk no_induk Int 50
14 Bidang study bidang_study Int 11
15 Status guru status_guru Varchar 1
2. Spesifikasi file Siswa
Nama File : Siswa
Akronim : Siswa
Fungsi : Menyimpan data siswa
Tipe File : File Master
Organisai File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 657 Karakter
Kunci field : id_user
Software : MySQL
Tabel III.2
Spesifikasi file siswa
54
No Elamen data Nama Field Type Size Keterangan
1 Id user id_user Int 11 Primary key
2 Nama siswa nama_siswa Varchar 30
3 Password Password Varchar 200
4 Type user type_user Enum (‘guru’,adm
in’,’siswa’,)
5 Image url img_url Varchar 225
6 Tempat lahir tempat_lahir Varchar 30
7 Tanggal lahir tanggal_lahir Datetime
8 Alamat Alamat Varchar 100
9 Agama Agama Varchar 10
10 Jenis kelamin jenis_kelamin Enum (‘L’,’P’)
11 No induk no_induk Int 50
12 Kelas siswa kelas_siswa Int 11
13 Status siswa status_siswa Varchar 1
3. Spesifikasi file Nilai
Nama File : Nilai
Akronim : Nilai
Fungsi : Menyimpan nilai siswa
Tipe File : File Transaski
Organisai File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 206 Karakter
Kunci field : id_nilai
Software : MySQL
55
Tabel III.3
Spesifikasi file Nilai
No Elemen data Nama Field Type Size Keterangan
1 Id nilai id_nilai Int 11 Primary key
2 Id siswa id_siswa Int 11
3 Id pelajaran id_pelajaran Int 11
4 Pr 1 pr_1 Int 11
5 Pr 2 pr_2 Int 11
6 Pr 3 pr_3 Int 11
7 Ulangan 1 ulangan_1 Int 11
8 Ulangan 2 ulangan_2 Int 11
9 Ulangan 3 ulangan_3 Int 11
10 Tugas 1 tugas_1 Int 11
11 Tugas 2 tugas_2 Int 11
12 Tugas 3 tugas_3 Int 11
13 UTS UTS Int 11
14 UAS UAS Int 11
15 Rata pr rata_pr Varchar 5
16 Rata ulangan rata_ulangan Varchar 5
17 Rata tugas rata_tugas Varchar 5
18 Rata harian rata_harian Varchar 5
19 Nilai proses nilai_proses Varchar 5
20 Nilai raport nilai_raport Varchar 5
21 Status nilai status_nilai Varchar 3
22 Semester Semester Int 11
23 Tahun ajaran tahun_ajaran Int 11
24 Tanggal Tanggal Date
4. Spesifikasi file Mata Pelajaran
Nama File : Mata pelajaran
56
Akronim : Mata_pelajaran
Fungsi : Menyimpan mata pelajaran
Tipe File : File Transaski
Organisai File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 72 Karakter
Kunci field : id_pelajaran
Software : MySQL
Tabel III.4
Spesifikasi file Mata Pelajaran
No Elemen data Nama Field Type Size Keterangan
1 Id pelajaran id_pelajaran Int 11 Primary Key
2 Kode
matapelajaran
kode_matapelaj
aran
Varchar 20
3 Nama
matapelajaran
nama_matapelaj
aran
Varchar 30
4 Nilai KKM nilai_KKM Int 11
5 Status
matapelajaran
status_matapela
jaran
Varchar 1
5. Spesifikasi file Jadwal
Nama File : Jadwal
Akronim : Jadwal
57
Fungsi : Menyimpan data kelas
Tipe File : File Master
Organisai File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 67 Karakter
Kunci field : id_jadwal
Software : MySQL
Tabel III.5
Spesifikasi file Jadwal
No Elamen data Nama Field Type Size Keterangan
1 Id jadwal Id_jadwal Int 11 Primary Key
2 Id kelas Id_kelas Int 11
3 Id matapelajaran Id_matapelajaran Int 11
4 Hari jadwal Hari_jadwal Varchar 10
5 Jam mulai Jam_mulai Varchar 11
6 Jam selesai Jam_selesai Varchar 11
7 Id guru Id_guru Int 11
8 Status jadwal Status_jadwal Varchar 1
6. Spesifikasi file Kelas
Nama File : Kelas
Akronim : Kelas
Fungsi : Menyimpan data kelas
Tipe File : File Transaksi
58
Organisai File : Index Sequential
Akses File : Random
Media : Hardisk
Panjang Record : 62 Karakter
Kunci field : kode_kelas
Software : MySQL
Tabel III.6
Spesifikasi file Kelas
No Elamen data Nama Field Type Size Keterangan
1 Kode kelas kode_kelas Int 11 Primary Key
2 Nama kelas nama_kelas Varchar 20
3 Status kelas status_kelas Varchar 1
4 Kode nama kelas kode_nm_kelas Varchar 30
3.3.3. Rancangan struktur navigasi
Struktur navigasi merupakan susunan menu atau hirarki sari situs yang
menggambarkan isi dari setiap halaman dan link atau navigasi setiap halaman pada
suatu situs web sangat dipengaruhi oleh tujuan dari situs web yang dibuat.
Struktur navigasi yang digunakan dalam pembuatan website akademik pada
SMP Trisula Perwira 3 mempunyai struktur navigasi campuran. Perancangan
website akademik pada SMP Trisula Perwira 3 mempunyai struktur sebagai berikut
A. Struktur Navigasi Halaman Admin
59
Gambar III.22
Struktur Navigasi Halaman Admin
B. Struktur Navigasi Halaman Guru
60
Gambar III.23
Struktur Navigasi Halaman Guru
C. Strutur Navigasi Halaman Siswa
61
Gambar III.24
Struktur Navigasi Halaman Siswa
3.4 Implementasi dan pengujian unit
3.4.1. Implementasi
A. Implementasi Rancangan Muka Admin
Implementasi rancangan muka pada website akademik ini berdaarkan hasil
rancangan antar muka :
1. Halaman Login Admin
Pada halaman ini menampilkan halaman login admin, dimana admin harus
melakukan login dengan mengisi username dan password jika username dan
password benar maka login berhasil, setelah login berhasil maka admin dapat
mengakses menu-menu yang ada pada halaman utama admin
Gambar III. 25
Halaman Login Admin
62
2. Halaman Utama Admin
Gambar III. 26
Halaman Utama Admin
3. Halaman Ruang Guru
Gambar III. 27
Halaman Utama ruang Guru
63
4. Halaman Input Data Guru
Gambar III. 28
Halaman Input Data Guru
5. Halaman Input Data Siswa
Gambar III. 29
Halaman Input Data Siswa
64
6. Halaman Input Data Mata Pelajaran
Gambar III.30
Halaman Input Data Mata Pelajaran
7. Halaman Input Data Kelas
Gambar III.31
65
Halaman Input Data Kelas
8. Halaman Input Data Jadwal
Gambar III.32
Halaman Input Data Jadwal
B. Implementasi Rancangan Antar Muka Guru
1. Halaman Login Guru
66
Gambar III.33
Halaman Login Guru
2. Halaman Utama Guru
Gambar III.34
Halaman Utama Guru
67
3. Halaman Data Pribadi
Gambar III.35
Halaman Data Pribadi
4. Halaman Jadwal Mengajar
Gambar III.36
Halaman Jadwal Mengajar
68
5. Halaman Input Nilai
Gambar III.37
Halaman Input Nilai
6. Halaman Login Siswa
Gambar III.38
Halaman Login SIswa
69
7. Halaman Utama Siswa
Gambar III.39
Halaman Utama Siswa
8. Halaman Data Siswa dan Nilai
Gambar III.40
Halaman Data siswa dan Nilai
9. Halaman Jadwal Siswa
70
Gambar III.41
Halaman Jadwal Siswa
3.4.2. Pengujian Unit
A. Pengujian Terhadap Form Login
Tabel III.7
Hasil Pengujian Halaman Login
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1 No Induk dan
Password tidak
diisi kemudian
klik login
No Induk
(kosong)
Password
(kosong)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
Harapan
Valid
2 Mengetikan No
Induk dan
No Induk
(123)
Sistem akan
menolak akses
Sesuai
Harapan
Valid
71
Password tidak
diisi atau kosong
kemudian klik
login
Password
(kosong)
dan
menampilkan
“Please fill out
this field”
3 No Induk tidak
diisi (kosong) dan
Password diisi
kemudian klik
Login
No Induk
(Kosong)
Password
(10021994)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
Harapan
Valid
4 Mengetikan salah
satu kondisi salah
pada username
atau Password
kemudian klik
Login
No Induk
123 (benar)
Password
10021994
(salah)
Sistem akan
menolak akses
dan
menampilkan
“Password yang
anda ketikan
salah kembali ke
halaman Login”
Sesuai
Harapan
Valid
5 Mengetikan
username dan
Password dengan
data yang benar
kemudian klik
Login
No Induk
123 (benar)
Password
123456
(benar)
Sistem
menerima akses
dan
menampilkan
halaman utama
Sesuai
harapan
Valid
B. Pengujian Terhadap input data
Tabel III.8
Hasil Pengujian Halaman Input Data
72
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1 Input data guru
tidak diisi atau
kosong kemudian
klik simpan
Input data
guru
kosong
Sistem akan
menolak akses
dan
menampilkan
“Please select a
file”
Sesuai
harapan
Valid
2 Salah satu kolom
pada input data
tidak diisi atau
kosong kemudian
klik simpan
No Induk
(kosong)
Sistem akan
menolak akses
dan kemudian
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
3 Semua kolom
pada input data
diisi kemudian
klik simpan
Input data
(benar)
Sistem akan
menerima akses
dan
menampilkan
halaman Ruang
Guru
Sesuai
harapan
Valid
C. Pengujian Terhadap Input Data Mata Pelajaran
Tabel III.9
Hasil Pengujian Halaman Input Data Mata Pelajaran
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1 Input data kode
pelajaran dan
nama pelajaran
Kode
pelajaran
(kosong)
Sistem akan
menolak akses
dan
Sesuai
harapan
Valid
73
tidak diisi
(kosong)
kemudian klik
simpan
mata
pelajaran
(kosong)
menampilkan
“Please fill out
this field”
2 Salah satu kolom
kode pelajaran
diiisi
Tetapi nama
pelajaran kososng
kemudian klik
simpan
Kode
pelajaran
(0009)
Nama
pelajaran
(Kosong)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
3 Salah satu kolom
kode pelajaran
kosong
Tetapi nama
pelajaran diisi
kemudian klik
simpan
Kode
pelajaran
kosong
Nama
pelajaran
Diisi (IPA)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
valid
4 Semua kolom
pada input data
diisi kemudian
klik simpan
Input data
(benar)
Sistem akan
menerima akses
dan
menampilkan
halaman Ruang
Guru
Sesuai
harapan
Valid
D. Pengujian Terhadap Input data kelas
74
Tabel III.10
Hasil Pengujian Halaman Input Data Kelas
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1 Nama kelas dan
Kode kelas tidak
diisi atau kosong
kemudian klik
simpan
Nama
Kelas
(kosong)
Kode
Kelas
(kosong)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
2 Mengetikan
Nama Kelas dan
Kode Kelas tidak
diisi atau kosong
kemudian klik
simpan
Nama
Kelas (9A)
Kode
Kelas
(kosong)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
3 Nama Kelas tidak
diisi atau kosong
dan Kode Kelas
diisi kemudian
klik simpan
Nama
Kelas
(kosong)
Kode
Kelas
(0003)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
4 Mengetikan
Nama Kelas dan
Kode Kelas
dengan data yang
benar kemudian
klik simpan
Nama
Kelas (9A)
Kode
Kelas
(0003)
Sistem akan
menerima akses
dan
menampilkan
halaman kelas
Sesuai
harapan
Valid
75
E. Pengujian Terhadap Input Data Jadwal
Tabel III.11
Hasil Pengujian Halaman Input Jadwal
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1 Input data jadwal
semua kolom
tidak diisi atau
kosong kemudian
klik simpan
Input data
jadwal
(kosong)
Sistem akan
menolak akses
dan
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
2 Salah satu kolom
pada input data
jadwal tidak diisi
atau kosong
kemudian klik
simpan
Jam mulai
(kosong)
Sistem akan
menolak akses
dan kemudian
menampilkan
“Please fill out
this field”
Sesuai
harapan
Valid
3 Semua kolom
pada input data
jadwal diisi
dengan benar
kemudian klik
simpan
Input data
(benar)
Sistem akan
menerima akses
dan
menampilkan
halaman Ruang
Jadwal
Sesuai
harapan
Valid
F. Pengujian Terhadap Input Nilai
Tabel III.12
Hasil Pengujian Halaman Input Nilai
76
No Skenario Pengujian Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesim
pulan
1 Semua kolom pada
input nilai tidak
diisi atau kosong
kemudian klik
simpan
Input data
nilai semua
kolom
(kosong)
Sistem akan
menolak akses
dan menampilkan
“Nilai gagal di
input”
Sesuai
harapan
Valid
2 Mengetikan salah
satu nilai siswa dan
nilai yang lain
tidak diisi atau
kosong kemudian
klik simpan
Nilai
ulangan
(diisi)
nilai yang
lain
(kosong)
Sistem akan
menolak akses
dan menampilkan
“Nilai berhasil di
input”
Sesuai
harapan
Valid
3 Semua kolom pada
input nilai diisi dan
kemudian klik
simpan
Semua
input nilai
diisi
(benar)
Sistem akan
menolak akses
dan menampilkan
“Nilai berhasil di
input”
Sesuai
harapan
Valid
77
BAB IV
PENUTUP
4.1 Kesimpulan
Dari pembahasan pada bab-bab sebelumnya, dapat diambil kesimpulan bahwa
dengan adanya website akademik pada SMP Trisula Perwari 3 ini dapat
mempermudah dalam memperoleh serta mengolah informasi mengenai akademik.
Dengan menggunakan website ini, informasi akan lebih terpublikasi, dan
lebih terbukanya sekolah, karena tidak adanya batasan bagi pengunjung (user)
dalam menerima informasi yang disampaikan. Hal ini berarti bahwa website dapat
dijadikan sebagai solusi untuk memperbaiki penyampaian informasi yang selama
ini digunakan dan juga sebagai media untuk mendapatkan informasi guna
peningkatan pelayanan informasi. Maka kesimpulan yang dapat diambil
1. Mempermudah penyampaian informasi tentang sekolah dari berita terbaru
mengenai guru, siswa, orangtua, masyarakat umum
2. Dengan adanya system informasi akademik SMP Trisula Perwari 3, akan
memudahkan orang tua siswa memperoleh informasi akademik dengan cepat
dan efisien
3. Sistem informasi berbasis web sebagai media pencatatan nilai siswa dan
pembuatan jadwal mata pelajaran di SMP Trisula Perwari 3 yang dapat
memberikan informasi nilai siswa dan jadwal mata pelajaran dengan cepat.
78
4. Sistem informasi akademik berbasis web ini dapat membantu pengolahan dan
pengarsipan data akadaemik yaitu: data siswa, data guru, data mata pelajaran,
data kelas, jadwal pelajaran dan nilai siswa (raport) .
5. Mengajarkan Siswa-siswi secara tidak langsung tentang kegunaan dan manfaat
dari internet itu sendiri, serta siswa-siswi dapat menegetahui informasi
akademik
4.2. Saran
Dari kegiatan penelitian ini terdapat beberapa saran yang ditujukan kedalam
penelitian ini, yaitu antara lain :
1. Diharapkan untuk kedepannya sistem informasi akademik berbasis web ini
dapat membahas siswa pindahan
2. Dapat membahas siswa yang tidak naik kelas
3. Perancangan layanan pengelolaan data alumni Demikian saran-saran yang
penulis ajukan, mudah-mudahan dengan saran tersebut Sistem Informasi
Akademik di SMP Trisula Perwari 3 dapat diimplementasikan dengan baik dan
sesuai dengan yang diharapkan.
79
DAFTAR PUSTAKA
David Power. 2011. Designing and developing for mobile with jQuery, HTML, and
CSS3.Adobe press
Hakim. Lukmanul. 2009. Jalan Pintas Menjadi Master PHP, Yogyakarta
Jonathan Lane, Tom barker, and joe Lewis. Foundation website Creation with
HTML5, CSS3, and Javascript. Friendsof an Apress Company
Kadir, Abdul. 2001, Dasar Pemrograman Web Dinamis menggunakan PHP,
Yogyakarta: Andi
Nugroho, Bunafit. 2008. Aplikasi Pemrograman Web Dinamis dengan PHP dan
MySQL, Gavamedia, Jogjakarta.
Nugroho, Bunafit. 2008. Latihan membuat aplikasi PHP dan MySQL dengan
Dreamweaver. Penerbit GAYA MEDIA Yogyakarta.
Rully. 2007. Ketentuan Penilaian Raport Innovative Learning Center. Sidoarjo
Sidik, Betha, MySQL Untuk Pengguna, Administrator, dan Pengembang Aplikasi
Web, Informatika, Bandung, 2005.
Whitten, Jeffery L. dkk. Metode Desain dan Analisis Sistem. Edisi 6. Terjemahan
oleh Tim Penerjemah ANDI. Yogyakarta, 2004 : Andi, hal.259
80
81
82
LAMPIRAN-LAMPIRAN
A.1. Lampiran Cetak Jadwal Guru
83
B.1. Lampiran Cetak Jadwal Siswa
84
B.1. Lampiran Nilai Siswa