BAB III PEMBAHASAN · 10. Wali Kelas a. Pengelolaan kelas b. Penyelenggaraan administrasi kelas...

35

BAB III

PEMBAHASAN

3.1 Tinjauan Perusahaan

Dalam pelaksanaan kegiatan rutin pada SMK Kesehatan Dwi Putri Husada

terdapat aturan yang ditentukan, dalam hal ini struktur organisasi yang

mengambarkan garis perintah dan penerimaan perintah serta fungsi-fungsi

pelaksanaan tugas masing-masing pemilik jabatan. Hal ini dilakukan agar masing-

masing pemilik jabatan mempunyai deskripsi pekerjaan dan tanggung jawab dalam

melaksanakan tugasnya masing-masing.

3.1.1 Sejarah Institusi/Perusahaan

SMK Kesehatan Dwi Putri Husada Bogor merupakan lembaga pendidikan

dengan legalitas SK Menkumham RI No : AHU-3797.AH.01-04 Tahun 2012, Izin

Operasional Disdik No : 421.3/1119 dan Izin BPPTPM No. 451.42/03-BPPTPM-

V/2013. Terletak di Jl. KH. Sholeh Iskandar Salabenda RT 01/04, Kel. Kayumanis,

Kec. Tanah Sareal, Kota Bogor. Sekolah ini didirikan oleh Bapak Irwandi, SH dan

Ibu Dr. Hj. Ade Jubaedah, S.SiT, MM, MKM pada tahun 2013.

Pada tahun 2013 mempunyai 2 program studi yaitu : Keperawatan dan

Farmasi. Dan pada tahun 2016 SMK Kesehatan Dwi Putri Husada menambah

program studi baru yaitu : Kecantikan Kulit dan Kecantikan Rambut. Pada tahun

pelajaran 2016/2017 jumlah siswa yang dimiliki sebanyak 278 siswa.

36

Karena termasuk Sekolah yang tergolong baru SMK Kesehatan Dwi Putri

Husada masih mengalami kekurangan, baik dalam bidang SDM (Sumber Daya

Manusia) maupun Sarana Prasarana.

3.1.2 Struktur Organisasi dan Fungsi

Struktur organisasi adalah susunan sub-sub sistem yang dengan hubungan

wewenang dan tanggung jawab. Berikut ini merupakan struktir organisasi pada

SMK Kesehatan Dwi Putri Husada :

Sumber : SMK Kesehatan Dwi Putri Husada Bogor Tahun 2017

Gambar III.1 Struktur Organisasi SMK Kesehatan Dwi Putri Husada

37

Adapun fungsi atau job description dari masing-masing pemilik jabatan

adalah :

1. Ketua Yayasan

a. Menjaga dan memastikan pelaksanaan kerja dan kegiatan yayasan

sesuai dengan visi, misi dan tujuan.

b. Memberikan masukan kepada Kepala Sekolah dalam menetapkan

dan pelaksanaan Program Yayasan.

c. Melakukan pengawasan dan memberikan rekomendasi kepada

seluruh warga sekolah dalam hal penjagaan kondisi persatuan dan

kesatuan serta motivasi berorganisasi para pengurus.

2. Kepala Sekolah

a. Selaku edukator maupun manager yang berpedoman pada peraturan

yang berlaku

b. Membimbing semua guru dan pegawai dalam pimpinannya kearah

penyempurnaan pelaksanaan tugas dan bertingkah laku sebagai pola

anutan baik disekolah maupun diluar sekolah

c. Membimbing semua siswa yang ada didalam asuhannya

d. Memimpin dan bertanggung jawab atas pengelolaan tentang sarana

dan dana serta pelaksanaan tata usaha sekolah

e. Membina personil dengan mengadakan supervisi kepada guru dan

pegawai dalam melaksanakan tugasnya masing – masing,

f. Mengatur proses belajar mengajar sesuai dengan pelaksanaan

kurikulum secara tepat guna dan berdaya guna

38

3. Wakasek Kurikulum

a. Memberdayakan tenaga kependidikan sekolah agar mampu

menyediakan dokumen dokumen kurikulum

b. Memfasilitasi guru untuk mengembangkan standar kompetensi

setiap mata pelajaran.

c. Memfasilitasi guru untuk menyusun silabus setiap mata pelajaran

d. Memfasilitasi guru untuk memilih buku sumber yang sesuai untuk

setiap mata pelajaran.

e. Mengarahkan tenaga kependidikan untuk menyusun rencana dan

program pelaksanaan kurikulum

f. Membimbing guru dalam mengembangkan dan memperbaiki proses

pembelajaran

g. Menggali dan memobilisasi sumber daya pendidikan

h. Mengidentifikasi kebutuhan bagi pengembangan kurikulum lokal

i. Mengevaluasi pelaksanaan kurikulum

j. Membantu Kepala Sekolah dalam pembagian tugas mengajar guru

k. Menyusun kalender pendidikan

l. Membuat jadwal pembelajaran

4. Wakasek Kesiswaan

a. Mengelola penerimaan siswa baru

b. Mengelola pengembangan bakat, minat, kreatifitas dan kemampuan

siswa

c. Memelihara disiplin siswa

d. Menyusun tata tertib siswa

39

e. Mengupayakan kesiapan belajar siswa ( fisik, mental )

f. Mengelola sistem pelaporan perkembangan siswa dan

mengkoordinasikan studi lanjut

g. Membina kegiatan kesiswaan

h. Mengelola kegiatan ekstra kurikuler

i. Bersama pembina OSIS dan OSIS menyusun program kegiatan

kesiswaan

j. Koordinasi dengan wali kelas dalam rangka mengatasi masalah-

masalah yang dihadapi anak didik tentang kesulitan belajar

k. Memberikan layanan dan bimbingan kepada anak didik agar lebih

berprestasi dalam kegiatan belajar

l. Memberikan saran dan pertimbangan kepada anak didik dalam

memperoleh gambaran tentang lanjutan pendidikan dan lapangan

pekerjaan yang sesuai

m. Mengadakan penilaian pelaksanaan bimbingan dan konseling

n. Menyusun statistic hasilpenilaianbimbingandankonseling

o. Melaksanakan kegiatan analisis hasil evaluasi belajar

p. Menyusun dan melaksanakan program tindak lanjut bimbingan dan

konseling

5. Wakasek Sarana Prasarana

a. Mengidentifikasi spesifikasi sarana dan prasarana sekolah

b. Merencanakan kebutuhan sarana prasarana sekolah

c. Mengelola program perawatan preventif, pemeliharaan, dan

perbaikan sarana dan prasarana sekolah

40

d. Mengupayakan ketersediaan dan kesiapan sarana dan prasarana

e. Mengelola pembelian/pengadaan sarana prasarana sekolah

f. Mengelola administrasi sarana dan prasarana sekolah

g. Memonitor dan mengevaluasi pendayagunaan sarana dan prasarana

sekolah

h. Mengkoordinir pembuatan daftar penambahan/ pengurangan Sarana

dan Prasarana Sekolah.

6. Wakasek Humas

a. Memfasilitasi dan memberdayakan Komite Sekolah sebagai

perwujudan pelibatan masyarakat terhadap perkembangan sekolah

b. Mencari dan mengelola dukungan masyarakat (dana, pemikiran,

moral, dan tenaga)

c. Menyusun rencana dan program pelibatan orang tua siswa dan

masyarakat dalam kegiatan pengembangan sekolah

d. Mempromosikan sekolah kepada masyarakat

e. Membina kerjasama dengan pemerintah setempat dan lembaga

terkait

f. Membina hubungan yang harmonis dengan orang tua siswa

g. Menyelesaikan masalah-maslah administrasi sekolah yang ada

hubungannya dengan pemerintah setempat

7. Bendahara

a. Menyiapkan, mengelola dan mempertanggungjawabkan anggaran

pendapatan dan belanja sekolah yang berorientasi pada program

pengembangan sekolah secara transparan

41

b. Menggali sumber dana dari pemerintah, masyarakat, orang tua siswa

dan sumbangan lain yang sah

c. Mengembangkan kegiatan sekolah yang berorientasi pada income

generating activities

d. Mengelola akuntasi keuangan sekolah

e. Membuat aplikasi dan proposal untuk mendapatkan dana dari

penyandang dana Melaksanakan pelaporan pertanggungjawaban

penggunaan keuangan sekolah secara akuntabel

8. Tata Usaha

a. Melaksanakan administrasi sekolah secara terartur dan tertib

b. Mencatat surat masuk dan keluar secara teratur

c. Membuat surat surat yang diperlukan sekolah

d. Menyimpan arsip surat surat dan dokumen sekolah

e. Mengerjakan buku induk siswa maupun pegawai sekolah

f. Menyusun program tata usaha sekolah

g. Melaksanakan penyelesaian kegiatan penggajian guru/pegawai,

laporan bulanan, rencana keperluan perlengkapan kantor/sekolah

dan rencana belanja bulanan

h. Menyusun administrasi pegawai, guru dan siswa

i. Pembinaan dan pengembangan karier pegawai tata usaha sekolah

j. Menyusun dan menyajikan data / statistik sekolah

k. Menyusun laporan pelaksanaan kegiatan pengurusan Ketatausahaan

secara berkala

l. Bertanggung jawab terhadap kelancaran tugas operasional sekolah

42

9. Kepala Program Keahlian

a. Menyusun program kerja

b. Mengkoordinir tugas guru dalam pembelajaran

c. Mengkoordinir pengembangan bahan ajar

d. Memetakan kebutuhan sumber daya untuk pembelajaran

e. Memetakan dunia industri yang relevan

f. Melaksanakan program praktik kerja industri

g. Melaksanakan uji kompetensi

h. Menginventarisasi fasilitas pembelajaran program keahlian

i. Melaporkan ketercapaian program kerja

j. Melakukan langkah-langkah efisien dan efektif guna kelancaran

pembelajaran di program keahlian

k. Memberi masukan penilaian kinerja pendidik

l. Memberi sanksi kepada siswa yang melanggar tata tertib.

m. Mengusulkan kebutuhan pendidik dan tenaga kependidikan

n. Mengusulkan kebutuhan bahan dan peralatan pembelajaran

10. Wali Kelas

a. Pengelolaan kelas

b. Penyelenggaraan administrasi kelas meliputi : denah tempat duduk

siswa, papan absensi siswa, daftar pelajaran kelas, daftar piket

kelas,buku absensi siswa, buku kegiatan pembelajaran/buku kelas,

tata tertib siswa, pembuatan statistik bulanan siswa

c. Pengisian daftar kumpulan nilai (legger)

d. Pembuatan catatan khusus tentang siswa

43

e. Pencatatan mutasi siswa

f. Pengisian buku laporan penilaian hasil belajar

g. Pembagian buku laporan penilaian hasil belajar

11. Guru Mapel

a. Membuat Perangkat Pembelajaran

b. Melaksanakan kegiatan pembelajaran

c. Melaksanakan kegiatan Penilaian Proses Belajar, Ulangan Harian,

Ulangan Umum, Ulangan Akhir

d. Menyusun dan melaksanakan program perbaikan dan pengayaan

e. Mengisi daftar nilai siswa

f. Melaksanakan kegiatan membimbing (pengimbasan pengetahuan)

kepada guru lain dalam proses kegiatan belajar mengajar

g. Membuat alat pelajaran / alat peraga

h. Menumbuh kembangkan sikap menghargai karya seni

i. Mengikuti kegiatan pengembangan dan pemasyarakatan kurikulum

Melaksanakan tugas tertentu di sekolah

j. Mengadakan pengembangan program pengajaran yang menjadi

tanggung jawabnya

k. Membuat catatan tentang kemajuan hasil belajar

l. Mengisi dan meneliti daftar hadir siswa sebelum memulai pelajaran

perangkatnya

44

3.2 Analisa Kebutuhan

Analisa Kebutuhan yang dimaksud adalah mencakup pekerjaan-pekerjaan

yang menentukan kebutuhan atau kondisi yang harus dipenuhi dalam suatu sistem

atau perubahan sistem, yang mempertimbangkan berbagai kebutuhan yang

bersinggungan antar berbagai pemangku kepentingan. Kebutuhan dari hasil analisis

ini harus dapat dilaksanakan, diukur, diuji, terkait dengan kebutuhan user yang

teridentifikasi, serta didefinisikan sampai tingkat detail yang memadai untuk desain

sistem.

Tujuan dari analisa kebutuhan adalah untuk memahami dengan

sesungguhnya kebutuhan dari sistem yang baru dan mengembangankan sebuah

sistem yang memadai kebutuhan tersebut atau memutuskan bahwa pengembangan

sistem yang baru tidak dibutuhkan. Pada tahap ini merupakan tahap yang sangat

penting dalam tahap SDLC. Untuk mempermudah menganalisis sebuah sistem

dibutuhkan dua jenis kebutuhan. Kebutuhan fungsional dan kebutuhan

nonfungsional.

3.2.1 Kebutuhan Fungsional

Kebutuhan fungsional merupakan pernyataan layanan sistem yang harus

disediakan, bagaimana sistem harus bereaksi terhadap input tertentu dan bagaimana

sistem harus berperilaku dalam situasi tertentu. Sebagai contoh adalah bagaimana

sistem beroperasi terhadap input, Informasi atau bentuk Informasi yang bagaimana

yang harus ditampilkan, dan sebagainya. Berikut adalah beberapa kebutuhan

fungsional yang harus dipenuhi oleh sistem Informasi ujian sekolah berbasis web

pada SMK Dwi Putri Husada Bogor :

https://id.wikipedia.org/wiki/Kebutuhan

https://id.wikipedia.org/wiki/Pemangku_kepentingan

45

1. Administrator

a. Dapat melakukan input, edit dan update data ujian.

b. Dapat melakukan input, edit dan update data siswa.

c. Dapat melakukan input, edit dan update data user.

d. Dapat melakukan input, edit dan update kelompok ulangan.

2. Guru

a. Dapat melakukan input, edit dan update soal sesuai mapel yang

diampu oleh masing-masing guru.

b. Dapat melihat data nilai siswa sesuai mapel yang diampu.

3. Operator

a. Dapat mengaktifkan dan menonaktifkan ujian.

b. Dapat melakukan reset login, siswa yang mengalami masalah.

4. Siswa

a. Dapat melakukan input jawaban soal.

b. Dapat melihat soal, jawaban yang telah dikerjakan sebelumnya.

3.2.2 Kebutuhan Non Fungsional

Kebutuhan non fungsional adalah persyaratan yang tidak langsung berhubungan

dengan fungsi sepesifik yang disediakan oleh sistem. Berikut daftar beberapa kebutuhan

non fungsional yang nanti harus dipenuhi oleh sistem.

1. Kebutuhan Perangkat Keras (Hardware)

Untuk membangun aplikasi diperlukan perangkat keras yang mendukung

proses kerja dari sistem yang akan dibangun, yaitu sebagai berikut :

46

Tabel III.1

Analisis Perangkat Keras (Hardware)

Jenis Kebutuhan Minimal Kebutuhan Rekomendasi

Server

Prosessor Dual Core, 2

GHz

Prosessor Quad Core, 3

GHz

RAM 2 GB RAM 8 GB

Harddisk 80 GB Harddisk 1 TB

Monitor 14” Monitor 17”

Keyboard + mouse

standar

Keyboard + mouse

standar

Network Interface Card

(NIC)


(NIC)

Client

Prosessor Single Core,

1 GHz

Prosessor Dual Core, 2

GHz

RAM 512 MB RAM 2 GB

Harddisk 8 GB Harddisk 16 GB

Monitor 14” Monitor 17”

Keyboard + mouse

standar

Keyboard + mouse

standar


(NIC)


(NIC)

Local Area

Network (LAN)

Kabel UTP Cat 4 Kabel UTP Cat 5

Hub dengan port sesuai

jumlah PC / Access

Point

Switch dengan port

sesuai jumlah PC /

Access Point

2. Kebutuhan Perangkat Lunak (Software)

Dalam membuat aplikasi web, tidak semua script, program dapat dibuat

sendiri. Untuk mendapatkan hasil yang maksimal dan meringankan

pembuatan aplikasi diperlukan script dan program yang dapat membantu

pembuatan aplikasi diantaranya :

a. Web Server (Apache) dan Database (MySQL) / XAMPP

Fungsi web server (apache) adalah untuk menjalanan script yang

akan dibuat sedangkan Database (MySQL) berfungsi untuk

menyimpan data-data hasil pengolahan program.

47

b. Text Editor (Notepad++)

Text editor disini berfungsi untuk menulis juga mengedit script

program yang akan dibuat.

c. Browser (ExamBrowser)

Untuk menjaga keamanan saat ujian berlangsung dan mencegah

peserta ujian dari kecurangan maka digunakan exambrowser.

Browser tersebut memiliki fitur untuk mencegah peserta ujian

melakukan kecurangan saat melaksanakan ujian.

d. JQuery

JQuery merupakan library atau kumpulan fungsi-fungsi javascript

yang digunakan untuk mempermudah pembuatan program.

e. Bootstrap

Bootstrap merupakan framework CSS yang digunakan untuk

membuat desain website yang responsive.

f. Bootstrap Datepicker

Bootstrap Datepicker merupakan plugin bootstrap yang digunakan

untuk mempermudah proses input tanggal.

g. DataTable

DataTable merupakan plugin jquery yang digunakan untuk

menampilkan data dalam bentuk tabel dengan mudah.

h. TinyMCE

TinyMCE merupakan salah satu plugin yang digunakan untuk

mengubah textarea menjadi kaya fitur dan Format text.

48

i. Responsive File Manager

Responsice File Manager merupakan plugin yang membantu kita

agar dapat menyisipkan gambar ke dalam editor TinyMCE.

j. Wiris

Wiris merupakan plugin yang digunakan untuk membantu

memasukan rumus, fungsi matematika pada TinyMCE.

k. Html2Pdf

Html2Pdf merupakan library yang digunakan untuk membuat file

PDF dengan menggunakan script PHP.

l. Excel Reader

Excel Reader merupakan library yang digunakan untuk mengimpor

file excel untuk disimpan di database.

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Antarmuka

Tujuan dari Perancangan Antarmuka adalah merancang interface yang

efektif untuk sistem. Efektif artinya siap digunakan, dan hasilnya sesuai dengan

kebutuhan. Pengguna sering menilai sistem dari user interface bukan dari

fungsinya. Jika desain user interface buruk, maka itu sering jadi alasan bagi

pengguna untuk tidak menggunakan sebuah software/progam. Selain itu interface

yang buruk menyebabkan pengguna membuat kesalahan. Berikut rancangan

antarmuka web yang akan dibuat :

49

1. Rancangan Antarmuka Login

Gambar III.2

Rancangan Antarmuka Login

2. Rancangan Beranda Admin

Gambar III.3

Rancangan Antarmuka Beranda Admin

Login

Username

Password

Login

Selamat Datang Username !

Anda login sebagai Hak Akses (Admin, Guru, Operator, Siswa)

Footer

50

Judul

Nama Mapel

Tanggal

Waktu (menit)

Jml Soal

Pengampu - Pilih -

Tambah / Edit Ujian

3. Rancangan Antarmuka Halaman Ujian - Admin

Gambar III.4

Rancangan Antarmuka Halaman Ujian Admin

4. Rancangan Antarmuka Form Tambah/Edit Ujian - Admin

Gambar III.5

Rancangan Antarmuka Form Tambah/Edit Ujian – Admin

Manajemen Ujian

Footer

Tambah

No | Judul | Nama | Nama Mapel | Tanggal | Waktu | Jml Soal | Pengampu

Edit Hapus

Simpan Close

51

5. Rancangan Antarmuka Halaman Siswa - Admin

Gambar III.6

Rancangan Antarmuka Halaman Siswa - Admin

6. Rancangan Antarmuka Form Tambah/Edit Siswa – Admin

Gambar III.7

Rancangan Antarmuka Form Tambah/Edit Siswa – Admin

Import

Manajemen Siswa

Footer

Tambah

No | NIS | Nama Siswa | Password | Kelas

Edit Hapus

NIS

Nama Siswa

Password

Kelas - Pilih -

Simpan Close

Tambah / Edit Siswa Tambah / Edit Ujian

Cetak Kartu

52

Kelas - Pilih -

7. Rancangan Antarmuka Form Import Siswa – Admin

Gambar III.8

Rancangan Antarmuka Form Import Siswa – Admin

8. Rancangan Antarmuka Form Cetak Kartu Ujian – Admin

Gambar III.9

Rancangan Antarmuka Form Cetak Kartu Ujian – Admin

Pilih File *.xls - Pilih File -

Kelas - Pilih -

Import Close

Import Excel

Cetak Close

Cetak Kartu Ujian

53

9. Rancangan Antarmuka File Kartu Peserta Ujian – Admin

Nama

Kelas

Username

Password

....................................................

....................................................

....................................................

....................................................

Gambar III.10

Rancangan Antarmuka File Kartu Peserta Ujian – Admin

10. Rancangan Antarmuka Halaman User - Admin

Gambar III.11

Rancangan Antarmuka Halaman User - Admin

KARTU PESERTA UJIAN

Manajemen User

Footer

Tambah

No | Nama | Username | Level

Edit Hapus

54

11. Rancangan Antarmuka Form Tambah/Edit User - Admin

Gambar III.12

Rancangan Antarmuka Form Tambah/Edit User - Admin

12. Rancangan Antarmuka Halaman Kelas - Admin

Gambar III.13

Rancangan Antarmuka Halaman Kelas - Admin

Nama

Username

Password

Level -Pilih- (Guru, Operator)

Simpan Close

Tambah / Edit User

Manajemen Kelas

Footer

Tambah

No | Nama Kelas

Edit Hapus

55

13. Rancangan Antarmuka Form Tambah/Edit Kelas – Admin

Gambar III.14

Rancangan Antarmuka Form Tambah/Edit Kelas – Admin

14. Rancangan Antarmuka Halaman Kelas Ujian - Admin

Gambar III.15

Rancangan Antarmuka Halaman Kelas Ujian - Admin

Simpan Close

Nama Kelas

Tambah/Edit Kelas

Manajemen Kelas per Ujian

Footer

No | Judul Ujian | Kelas

Edit

56

Nama Lengkap

Username

Level

Password Lama

Password Baru

Ulang Password

Profil User

Ubah Password

Footer

15. Rancangan Antarmuka Form Edit Kelas Ujian - Admin

Gambar III.16

Rancangan Antarmuka Form Edit Kelas Ujian – Admin

16. Rancangan Antarmuka Halaman Profil User - Admin

Gambar III.17

Rancangan Antarmuka Halaman Profil User - Admin

Kelas XII Kep XII Far

Edit Kelas Ujian

57

17. Rancangan Antarmuka Halaman Beranda - Guru

Gambar III.18

Rancangan Antarmuka Halaman Beranda - Guru

18. Rancangan Antarmuka Halaman Ujian - Guru

Gambar III.19

Rancangan Antarmuka Halaman Ujian - Guru



Footer

Footer

No | Judul Ujian | Nama Mapel | Tanggal | Jml Soal | Bank Soal | Kelas Ujian

Manajemen Ujian

Edit

58

19. Rancangan Antarmuka Halaman Manajemen Soal - Guru

Gambar III.20

Rancangan Antarmuka Halaman Manajemen Soal – Guru

20. Rancangan Antarmuka Form Tambah/Edit Soal - Guru

Gambar III.21

Rancangan Antarmuka Form Tambah/Edit Soal - Guru

Judul Ujian : ................................ Tanggal : ................................ Nama Mapel : ................................ Jml Soal : ................................

Manajemen Soal

No | Soal

Footer

Soal

Pilihan 1

Pilihan 2

Pilihan 3

Pilihan 4

Pilihan 5

Kunci Jawaban - Pilih -

Tambah/Edit Soal

Simpan Close

Tambah Import

Edit Hapus

59

21. Rancangan Antarmuka Form Import Soal - Guru

Gambar III.22

Rancangan Antarmuka Form Import Soal - Guru

22. Rancangan Antarmuka Halaman Laporan Nilai - Guru

Gambar III.23

Rancangan Antarmuka Halaman Laporan Nilai - Guru

Pilih File *.xls - Pilih File -

Import Excel

Simpan Close

Export

Footer

Hasil Ujian

No | NIS | Nama Siswa | Jml Benar | Nilai

60

23. Rancangan Antarmuka Halaman Profil User - Guru

Gambar III.24

Rancangan Antarmuka Halaman Profil User - Guru

24. Rancangan Antarmuka Halaman Beranda - Operator

Gambar III.25

Rancangan Antarmuka Halaman Beranda - Operator

Nama Lengkap

Username

Level

Password Lama

Password Baru

Ulang Password

Ubah Password

Profil User

Footer



Footer

61

25. Rancangan Antarmuka Halaman Ujian - Operator

Gambar III.26

Rancangan Antarmuka Halaman Ujian - Operator

26. Rancangan Antarmuka Halaman Siswa - Operator

Gambar III.27

Rancangan Antarmuka Halaman Siswa - Operator

Footer

Manajemen Ujian

No | Judul Ujian | Kelas

Footer

Manajemen Ujian

No | NIS | Nama Siswa | Password | Kelas | Status

Aktif / Tidak Aktif

Reset Login

Refresh

62

27. Rancangan Antarmuka Halaman Profil User - Operator

Gambar III.28

Rancangan Antarmuka Halaman Profil User - Operator

28. Rancangan Antarmuka Halaman Beranda - Siswa

Gambar III.29

Rancangan Antarmuka Halaman Beranda - Siswa

Nama Lengkap

Username

Level

Password Lama

Password Baru

Ulang Password

Profil User

Ubah Password

Footer

Footer

No | Nama Mapel | Kelas | Jml Soal | Waktu

12142960 : Roedifa

Daftar Ujian

Kerjakan

63

29. Rancangan Antarmuka Halaman Konfirmasi Data dan Ujian - Siswa

Gambar III.30

Rancangan Antarmuka Halaman Konfirmasi Data dan Ujian - Siswa

30. Rancangan Antarmuka Halaman Petunjuk Mengerjakan - Siswa

Gambar III.31

Rancangan Antarmuka Halaman Petunjuk Mengerjakan - Siswa

NIS : ................................................ Nama Lengkap : ................................................ Kelas : ................................................ Nama Mapel : ................................................ Jml Soal : ................................................ Waktu Mengerjakan : ................................................

Footer

Masuk Ujian

Data Siswa dan Ujian

12142960 : Roedifa

Footer

Sebelum mengerjakan ulangan online, baca dengan cermat petunjuk berikut:

Berdoalah terlebih dahulu sebelum mengerjakan ujian!

Gunakan nomor soal di sebelah kanan atau tombol di bawah soal untuk pindah ke soal selanjutnya!

Dll

Saya telah membaca dan memahami petunjuk mengerjakan dengan cermat

Petunjuk Mengerjakan

Mulai Mengerjakan

12142960 : Roedifa

64

31. Rancangan Antarmuka Halaman Ujian - Siswa

Gambar III.32

Rancangan Antarmuka Antarmuka Halaman Ujian - Siswa

32. Rancangan Antarmuka Halaman Konfirmasi Selesai Ujian - Siswa

Gambar III.33

Rancangan Antarmuka Halaman Konfirmasi Selesai Ujian - Siswa

Footer

Berikutnya

Content Soal Navigasi Soal

Ragu-ragu

Mapel : ............... Siswa Waktu : MM:SS

12142960 : Roedifa

Footer

12142960 : Roedifa

Selesai Ujian

Pastikan semua soal telah dikerjakan sebelum mengklik selesai.

Setelah selesai Anda tidak dapat mengerjakan ujian lagi. Yakin akan

menyelesaikan ujian?

Saya yakin akan menyelesaikan ujian

Selesai Batal

65

3.3.2 Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

Perancangan Basis Data menghasilkan tabel-tabel yang digambarkan

dengan Entity Relationship Diagram (ERD). Entity Relationship Diagram (ERD)

memodelkan struktur data dan hubungan antar data, untuk menggambarkannya

digunakan beberapa notasi dan simbol. Berikut Entity Relationship Diagram (ERD)

Perancangan Sistem Informasi Ujian Sekolah :

Gambar III.34

Entity Relationship Diagram (ERD) Perancangan Sistem Informasi Ujian Sekolah

2. Logical Relational Structure (LRS)

Perancangan Basis Data menggunakan metode Logical Relational

Structure (LRS) menghasilkan representasi dari struktur record-record pada tabel-

tabel yang terbentuk dari hasil antar himpunan entitas, bentuknya adalah sebagai

berikut :

66

Gambar III.35

Logical Relational Structure (LRS) Perancangan Sistem Informasi Ujian Sekolah

3. Spesifikasi File

Spesifikasi file ini terdiri dari file-file yang digunakan untuk menyimpan

data maupun proses pengolahan data. Penulis membuat satu database yang

bernama “dbcbt” dan terdiri dari tujuh tabel, yaitu sebagai berikut :

a. Spesifikasi File Tabel User

Nama Database : dbcbt

Nama Tabel : user

Fungsi : menyimpan data user/pengguna sistem

Tipe file : file master

Organisasi file : indexed sequential

Media : Harddisk

67

Pajang record : 90 karakter

Kunci field : id_user

Software : MySQL

Tabel III.2

Spesifikasi File Tabel User

No Elemen Data Nama Field Tipe Size Ket

1 Id User id_user Int 5 Primary Key

2 Nama nama Varchar 30

3 Username username Varchar 20

4 Password password Varchar 20

5 Level level Varchar 15

b. Spesifikasi File Tabel Kelas


Nama Tabel : kelas

Fungsi : menyimpan data kelas



Media : Harddisk


Kunci field : id_kelas

Software : MySQL

68

Tabel III.3

Spesifikasi File Tabel Kelas


1 Id Kelas id_kelas Int 5 Primary Key

2 Kelas kelas Varchar 15

c. Spesifikasi File Tabel Siswa


Nama Tabel : siswa

Fungsi : menyimpan data siswa peserta ujian



Media : Harddisk

Pajang record : 195

Kunci field : nis

Software : MySQL

Tabel III.4

Spesifikasi File Tabel Siswa


1 NIS nis Int 15 Primary Key

2 Nama nama Varchar 30

3 Password password Varchar 20

4 Id Kelas id_kelas Int 5 Foreign Key

5 Status status Varchar 10

69

d. Spesifikasi File Tabel Ujian


Nama Tabel : ujian

Fungsi : menyimpan data ujian

Tipe file : file transaksi


Media : Harddisk


Kunci field : id_ujian

Software : MySQL

Tabel III.5

Spesifikasi File Tabel Ujian


1 Id Ujian id_ujian Int 5 Primary Key

2 Judul judul Varchar 20

3 Nama Mapel nama_mapel Varchar 20

4 Tanggal tanggal Date

5 Waktu waktu Int 7

6 Jumlah Soal jml_soal Int 3

7 Id User id_user Int 5 Foreign Key

e. Spesifikasi File Tabel Kelas Ujian


Nama Tabel : kelas_ujian

Fungsi : menyimpan data kelas pada setiap ujian

Tipe file : dynamic file master

70


Media : Harddisk


Kunci field : -

Software : MySQL

Tabel III.6

Spesifikasi File Tabel Kelas Ujian


1 Id Ujian Id_ujian Int 5 Primary Key

2 Id Kelas Id_kelas Int 5 Foreign Key

3 Aktif aktif Enum ‘Y’,’N’

f. Spesifikasi File Tabel Soal


Nama Tabel : soal

Fungsi : menyimpan data soal



Media : Harddisk


Kunci field : id_soal

Software : MySQL

71

Tabel III.7

Spesifikasi File Tabel Soal


1 Id Soal id_soal Int 5 Primary Key

2 Id Ujian id_ujian Int 5 Foreign Key

3 Soal soal Text

4 Pilihan 1 pilihan_1 Text





9 Kunci kunci Int 2

g. Spesifikasi File Tabel Nilai


Nama Tabel : nilai

Fungsi : menyimpan data nilai



Media : Harddisk

Pajang record : 45

Kunci field : id_nilai

Software : MySQL

72

Tabel III.8

Spesifikasi File Tabel Nilai


1 Id Nilai id_nilai Int 5 Primary Key

2 NIS nis Int 15 Foreign Key

3 Id Ujian id_ujian Int 5

4 Acak Soal acak_soal Text

5 Jawaban jawaban Text

6 Sisa Waktu sisa waktu Varchar 10

7 Jumlah Benar jml_benar Int 5

8 Nilai nilai Int 5

3.3.3 Rancangan Struktur Navigasi

Struktur navigasi merupakan alur cara kerja web, adapun gambarnya

adalah sebagai berikut :

Gambar III.36

Struktur Navigasi Perancangan Sistem Informasi Ujian Sekolah

73

1. Rancangan Struktur Navigasi – Admin

Dikarenakan struktur navigasi pada gambar III.35, belum mendetail,

berikut adalah detail struktur navigasi untuk admin :

Gambar III.37

Struktur Navigasi – Detail Admin

74

2. Rancangan Struktur Navigasi – Detail Guru

Gambar III.38

Struktur Navigasi – Detail Guru

3. Rancangan Struktur Navigasi – Detail Operator

Gambar III.39

Struktur Navigasi – Detail Operator

75

4. Rancangan Struktur Navigasi – Detail Siswa

Gambar III.40 Struktur Navigasi – Detail Siswa

3.4 Implementasi dan Pengujian Unit

3.4.1 Implementasi

1. Implementasi Rancangan Antarmuka

Impelementasi rancangan antar muka pada perancangan sistem Informasi

ujian sekolah berbasis web adalah sebagai berikut :

a. Implementasi Halaman Login – Admin

Gambar III.41

Implementasi Halaman Login – Admin

76

b. Implementasi Halaman Beranda – Admin

Gambar III.42

Implementasi Halaman Beranda – Admin

c. Implementasi Halaman Ujian – Admin

Gambar III.43

Implementasi Halaman Ujian – Admin

77

d. Implementasi Halaman Form Tambah Ujian – Admin

Gambar III.44

Implementasi Halaman Form Tambah Ujian – Admin

e. Implementasi Halaman Form Edit Ujian – Admin

Gambar III.45

Implementasi Halaman Form Edit Ujian – Admin

78

f. Implementasi Halaman Siswa – Admin

Gambar III.46

Implementasi Halaman Siswa – Admin

g. Implementasi Halaman Form Tambah Siswa – Admin

Gambar III.47

Implementasi Halaman Form Tambah Siswa – Admin

79

h. Implementasi Halaman Form Edit Siswa – Admin

Gambar III.48

Implementasi Halaman Form Edit Siswa – Admin

i. Implementasi Halaman Form Import Siswa – Admin

Gambar III.49

Implementasi Halaman Form Import Siswa – Admin

80

j. Implementasi Halaman Form Cetak Kartu Ujian – Admin

Gambar III.50

Implementasi Halaman Form Cetak Kartu Ujian – Admin

k. Implementasi File Kartu Peserta Ujian – Admin

Gambar III.51

Implementasi File Kartu Peserta Ujian – Admin

81

l. Implementasi Halaman User - Admin

Gambar III.52

Implementasi Halaman User – Admin

m. Implementasi Halaman Form Tambah User – Admin

Gambar III.53

Implementasi Halaman Form Tambah User – Admin

82

n. Implementasi Halaman Form Edit User – Admin

Gambar III.54

Implementasi Halaman Form Edit User - Admin

o. Implementasi Halaman Kelas – Admin

Gambar III.55

Implementasi Halaman Kelas - Admin

83

p. Implementasi Halaman Form Tambah Kelas – Admin

Gambar III.56

Implementasi Halaman Form Tambah Kelas - Admin

q. Implementasi Halaman Form Edit Kelas – Admin

Gambar III.57

Implementasi Halaman Form Edit Kelas - Admin

84

r. Implementasi Halaman Kelas Ujian - Admin

Gambar III.58

Implementasi Halaman Kelas Ujian - Admin

s. Implementasi Halaman Form Edit Kelas Ujian – Admin

Gambar III.59

Implementasi Halaman Form Edit Kelas Ujian - Admin

85

t. Implementasi Halaman Profil User – Admin

Gambar III.60

Implementasi Halaman Profil User – Admin

u. Implementasi Halaman Beranda – Guru

Gambar III.61

Implementasi Halaman Beranda – Guru

86

v. Implementasi Halaman Ujian – Guru

Gambar III.62

Implementasi Halaman Ujian – Guru

w. Implementasi Halaman Manajemen Soal – Guru

Gambar III.63

Implementasi Halaman Manajemen Soal – Guru

87

x. Implementasi Halaman Form Tambah Soal – Guru

Gambar III.64

Implementasi Halaman Form Tambah Soal – Guru

y. Implementasi Halaman Form Edit Soal – Guru

Gambar III.65

Implementasi Halaman Form Edit Soal – Guru

88

z. Implementasi Halaman Form Import Soal – Guru

Gambar III.66

Implementasi Halaman Form Import Soal – Guru

aa. Implementasi Halaman Laporan Nilai – Guru

Gambar III.67

Implementasi Halaman Laporan Nilai – Guru

89

bb. Implementasi Halaman Profi User – Guru

Gambar III.68

Implementasi Halaman Profil User – Guru

cc. Implementasi Halaman Beranda – Operator

Gambar III.69

Implementasi Halaman Beranda – Operator

90

dd. Implementasi Halaman Ujian – Operator

Gambar III.70

Implementasi Halaman Ujian – Operator

ee. Implementasi Halaman Siswa – Operator

Gambar III.71

Implementasi Halaman Siswa – Operator

91

ff. Implementasi Halaman Profil User – Operator

Gambar III.72

Implementasi Halaman Profil User – Operator

gg. Implementasi Halaman Beranda – Siswa

Gambar III.73

Implementasi Halaman Beranda – Operator

92

hh. Implementasi Halaman Konfirmasi Data dan Ujian – Siswa

Gambar III.74

Implementasi Halaman Konfirmasi Data dan Ujian – Siswa

ii. Implementasi Halaman Petunjuk Mengerjakan – Siswa

Gambar III.75

Implementasi Halaman Petunjuk Mengerjakan - Siswa

93

jj. Implementasi Halaman Ujian – Siswa

Gambar III.76


kk. Implementasi Halaman Konfirmasi Selesai Ujian – Siswa

Gambar III.77


94

2. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras (hardware) dan perangkat

lunak (software) yang digunakan untuk mengimplementasikan aplikasi ujian

sekolah berbasis web pada SMK Kesehatan Dwi Putri Husada :

a. Spesifikasi Perangkat Keras (Hardware)

1) Server

a) Prosessor Intel Core i3 2,0 GHz

b) RAM DDR3 4 GB

c) Harddisk 500 GB

d) Monitor LCD AOC 14”

e) Keyboard + Mouse standar

f) NIC Realtek 100 Mbps

2) Client

a) Prosessor Intel Dual Core 2,0 GHz

b) RAM DDR3 2 GB

c) Harddisk 500 GB

d) Monitor LCD AOC 14”

e) Keyboard + Mouse standar

f) NIC Realtek 100 Mbps

3) Jaringan

a) Kabel UTP Belden Cat 5

b) Hub Switch TP-Link 10/100 Mbps – 8 port

95

b. Spesifikasi Perangkat Lunak (Software)

1) Server

a) Sistem Operasi Microsoft Windows 7

b) Aplikasi XAMPP versi 5.6.15 yang terdiri dari beberapa komponen,

diantaranya :

(1) Apache Server v2.4.17

(2) PHP v5.6

(3) MySQL Server v5.5

(4) phpMyAdmin v4.5

c) Aplikasi web browser google chrome v58

2) Client

a) Sistem Operasi Microsoft Windows 7

b) Aplikasi web browser google chrome v58

c) Aplikasi exam browser

96

3.4.2 Pengujian Unit

Pengujian terhadap sistem yang dibuat menggunakan metode black box

testing yang fokus terhadap proses masukan dan keluaran sistem :

1. Pengujian terhadap Halaman Login

Tabel III.9

Hasil Pengujian Black Box Halaman Login

No. Skenario

pengujian

Test case Hasil yang

diharapkan

Hasil

pengujian

Kesim

pulan

1. Username dan

password tidak

diisi kemudian

klik tombol

login

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Username dan

password tidak

terdaftar”

Sesuai

harapan

Valid

2. Mengetikkan

username dan

password tidak

diisi atau

kosong

kemudian klik

tombol login

Username:

12142960

Password:

(kosong)

Sistem akan

menolak akses

user dan

menampilkan

“Silahkan

masukan

password”

Sesuai

harapan

Valid

3. Username tidak

diisi (kosong)

dan password

diisi kemudian

klik tombol

login

Username:

(kosong)

Password:

12345678

Sistem akan

menolak akses

user dan

menampilkan

“Silahkan

masukan

username”

Sesuai

harapan

Valid

4. Mengetikkan

salah satu

kondisi salah

pada username

atau password

kemudian klik

tombol login

Username:

12142960 (benar)

Password:

1324567 (salah)

Sistem akan

menolak akses

user dan

menampilkan

“Username atau

password tidak

terdaftar”.

Sesuai

harapan

Valid

97

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

5. Mengetikkan

username dan

password

dengan data

yang benar

kemudian klik

tombol login

Username:

12142960 (benar)

Password:

12345678 (benar)

Sistem menerima

akses login dan

kemudian

langsung

menampilkan

menu

utama/beranda.

Sesuai

harapan

Valid

2. Pengujian terhadap Halaman Admin

Tabel III.10

Hasil Pengujian Black Box Halaman Admin

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

1. Menambahkan

data user

dengan hak

askes sebagai

“guru”

Mengisi form

tambah user

dengan data :

Nama : Soleh

Iskandar

Username :

guruindo

Password :

guruindo

Level User : guru

Sistem berhasil

menambahkan

data ke database

dan menampilkan

guru yg terdaftar

di halaman User -

Admin

Sesuai

harapan

Valid

2. Menambahkan

data user

dengan hak

askes sebagai

“operator”

Mengisi form

tambah user

dengan data :

Nama : Operator

Username :

operator

Password :

operator

Level User :

operator

Sistem berhasil

menambahkan

data ke database

dan menampilkan

guru yg terdaftar

di halaman User -

Admin

Sesuai

harapan

Valid

3. Menambahkan

data kelas (yang

akan mengikuti

ujian)

Mengisi form

tambah kelas

dengan data :

Nama Kelas : XII

Farmasi & XII

Keperawatan

Sistem berhasil

menambahkan

data kelas dan

menampilkannya

di halaman Kelas

- Admin

Sesuai

harapan

Valid

98

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

4. Menambahkan

data siswa (yang

akan mengikuti

ujian

Mengisi form

tambah sisswa

dengan data :

NIS : 1417020025

Nama :

ANAWAR

FUADY

Password :

12345678

Kelas : XII

Farmasi

Sistem berhasil

menambahkan

data siswa dan

menampilkannya

di halaman Siswa

- Admin

Sesuai

harapan

Valid

5. Menambahkan

data siswa (yang

akan mengikuti

ujian)

Mengisi form

tambah sisswa

dengan data :

NIS : 1417020025

Nama : ALMA

NABILA

Password :

12345678

Kelas : XII

Keperawatan

Sistem berhasil

menambahkan

data siswa dan

menampilkannya

di halaman Siswa

- Admin

Sesuai

harapan

Valid

6. Menambahkan

data siswa (yang

akan mengikuti

ujian) dengan

Import file excel

Memiilih file

excel data siswa

yang akan

diimport dan

memilih kelas

Sistem berhasil

menambahkan

data siswa dan

menampilkannya

di halaman Siswa

- Admin

Sesuai

harapan

Valid

7. Mencetak kartu

ujian siswa

Menekan tombol

cetak kartu,

memilih kelas

yang akan dicetak

kartu ujiannya,

menekan tombol

print

Sistem berhasil

membuat file

kartu ujian yang

bisa langsung

diprint

Sesuai

harapan

Valid

99

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

8. Menambahkan

data ujian

Mengisi form

tambah ujian

dengan data :

Judul : Bahasa

Indonesia Kelas

XII

Nama mapel :

Bahasa Indonesia

Kelas XII

Tanggal :

08/07/2017

Waktu (menit) :

60 menit

Jml Soal : 20

Pengampu : Soleh

Iskandar

Sistem berhasil

menambahkan

data ujian dan

menampilkannya

di halaman Ujian

- Admin

Sesuai

harapan

Valid

9 Menambahkan

data kelas per

ujian

Memilih mata

pelajaran dan

mencentang kelas

yang akan

mengikuti ujian

Sistem berhasil

memasukan kelas

yang akan

mengikuti ujian

Sesuai

harapan

Valid

3. Pengujian terhadap Halaman Guru

Tabel III.11

Hasil Pengujian Black Box Halaman Guru

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

1. Menambahkan

data soal sesuai

mata pelajaran

yang diampu

Mengisi form

tambah soal :

dengan butir soal

beserta pilihan

jawaban 1 s.d 5

dan menentukan

kunci jawaban

Sistem berhasil

menambahkan

soal ke database

dan menampilkan

nya di halaman

manajemen soal

guru

Sesuai

harapan

Valid

100

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

2 Menambahkan

data soal sesuai

mata pelajaran

yang diampu,

dengan Import

file excel

Memilih file soal

yang akan

dimport dan

menekan tombol

import

Sistem berhasil

menambahkan

soal ke database

dan menampilkan

nya di halaman

manajemen soal

guru

Sesuai

harapan

Valid

3 Melihat data/

nilai hasil ujian

sesuai dengan

mata pelajaran

yang diampu

Memilih kelas

yang akan dilihat

hasil ujiannya

Sistem berhasil

menampilkan data

hasil ujian yang

diampu oleh guru

Sesuai

harapan

Valid

4. Pengujian terhadap Halaman Operator

Tabel III.12

Hasil Pengujian Black Box Halaman Operator

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

1 Mengaktifkan

ujian pada

suatu kelas

Memilih mata

pelajaran yang

akan diujiakan,

mengklik tombol

kelas yang akan

mengikuti ujian

Tombol kelas

yang berwarna

biru berubah

menjadi merah

yang menandakan

bahwa kelas yang

mengikuti ujian

dalam keaadaan

aktif

Sesuai

harapan

Valid

2 Mereset login

siswa yang

mengalami

masalah ketika

ujian

Siswa yang sudah

logout mencoba

login kembali

Sistem berhasil

menampilkan data

hasil ujian yang

diampu oleh guru

Sesuai

harapan

Valid

101

5. Pengujian terhadap Halaman Siswa

Tabel III.13

Hasil Pengujian Black Box Halaman Siswa

No. Skenario

pengujian


diharapkan

Hasil

pengujian

Kesim

pulan

1 Menguji tombol

navigasi soal

ujian

Siswa mengklik

tombol

“berikutnya” dan

tombol navigasi

“nomor soal”

Tampilan ujian

berpindah ke soal

berikutnya ketika

tombol

“berikutnya” di

klik dan soal

berubah sesuai

nomor urutan soal

Sesuai

harapan

Valid

2 Menguji tombol

“ragu-ragu”

Siswa mengklik

tombol “ragu-

ragu”

Nomor soal pada

navigasi berubah

menjadi kuning

Sesuai

harapan

Valid

3 Menguji data

soal dan

jawaban

ditampilkan

sesuai urutan

soal yang

dikerjakan, dan

tombol soal

berubah menjadi

hijau

Siswa

mengerjakan soal

dengan memilih

salah satu

jawaban pada soal

Soal dan jawaban

ditampilkan

sesuai urutan dan

nomor soal yang

dipilih siswa

berubah menjadi

hijau

Sesuai

harapan

Valid

4 Ketika waktu

ujian habis

siswa tidak bisa

mengerjakan

ujian lagi

Ketika waktu

habis siswa belum

selesai

menyelesaikan

soal ujian

Tampil modal

selesai

mengerjakan dan

peserta tidak

dapat

mengerjakan

ujian lagi

Sesuai

harapan

Valid

5 Ketika siswa

telah

mengerjakan

ujian, data nilai

dapat terkirim

ke sistem

Melakukan login

dengan hak akses

guru dan

mengejek nilai

pada halaman

ujian - guru

Data nilai terkirim

sesuai dengan

jumlah soal dan

jumlah jawaban

yang benar

Sesuai

harapan

Valid

BAB III PEMBAHASAN · 10. Wali Kelas a. Pengelolaan kelas b. Penyelenggaraan administrasi kelas...

Documents

Transcript of BAB III PEMBAHASAN · 10. Wali Kelas a. Pengelolaan kelas b. Penyelenggaraan administrasi kelas...