TUGAS AKHIR - repository.bsi.ac.id · 2. Bapak Ketua Jurusan Manajemen Informatika AMIK BSI 3. Ibu...

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

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

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.

http://www.wikipedia.org/%3ewikipedia%3c/a

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.

http://www.phpmyadmin.net/

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

http://ehnanda.blogspot.com/

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



Akses File : Random

Media : Hardisk


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


Akses File : Random

Media : Hardisk


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



10 Tugas 1 tugas_1 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


Akses File : Random

Media : Hardisk


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



Akses File : Random

Media : Hardisk


Kunci field : id_jadwal

Software : MySQL

Tabel III.5

Spesifikasi file Jadwal


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


Akses File : Random

Media : Hardisk


Kunci field : kode_kelas

Software : MySQL

Tabel III.6

Spesifikasi file Kelas


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


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


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


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


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

82

LAMPIRAN-LAMPIRAN

A.1. Lampiran Cetak Jadwal Guru

83

B.1. Lampiran Cetak Jadwal Siswa

84

B.1. Lampiran Nilai Siswa

TUGAS AKHIR - repository.bsi.ac.id · 2. Bapak Ketua Jurusan Manajemen Informatika AMIK BSI 3. Ibu...

Documents

Transcript of TUGAS AKHIR - repository.bsi.ac.id · 2. Bapak Ketua Jurusan Manajemen Informatika AMIK BSI 3. Ibu...