APLIKASI UJIAN ONLINE. PADA MTs AL MUDDATSIRIYAH

(1)

1

APLIKASI UJIAN ONLINE

PADA MTs AL MUDDATSIRIYAH

Disusun Oleh :

Sulaeman Hadi Sukmana, M.Kom

Annisa Fitrianti, S.Kom

Tri Juliyanto, S.Kom

Kresna Ramanda, M.Kom

Jenie Sundari, M.Kom

Arief Rusman, M.Kom

Yunita, M.Kom

Irwan Agus Sobari, M.Kom

Ahmad Setiadi, M.Kom

Fajar Akbar, M.Kom

Ghofar Taufik, M.Kom

(2)

1

Daftar isi

Tentang Aplikasi ________________________________________________1 Pengenalan __________________________________________________1 Kebutuhan ___________________________________________________1 Menjalankan Aplikasi _____________________________________________1 Menu Program _______________________________________________2

(3)

1

Tentang Aplikasi

Pengenalan

Rancangan Aplikasi Ujian online ini dibangun dengan tujuan para guru atau tenaga para pendidik dapat lebih fokus terhadap penyampaian materi hingga membangun karakter para siswa, agar lebih memiliki sikap perduli serta tanggung jawab terdahap kemampuan yang harus mereka peroleh dalam standar mata pelajaran tertentu. Terlebih, komunikasi antara guru dengan siswa pun tetap berjalan dengan baik dan diharapkan siswa dapat tuntas dalam menguasai kompetensi dasar di setiap mata pelajaran.

Dalam aplikasi yang akan di bangun ini, guru dapat mengupload soal-soal ujian dan melihat hasil ujian siswa tanpa perlu memeriksa jawaban yang benar. Para siswa dapat lebih efisien dalam mengerjakan soal-soal ujian dan melihat hasil ujian yang telah dikerjakan.

Kebutuhan

Proses yang sampai saat ini berjalan adalah para guru masih membuat soal ujian secara tertulis dan mengalami kesulitan dalam memeriksa hasil ujian, karena terkendala jumlah siswa yang tidak sedikit dan ini berakibat menjadi kegagalan bagi para guru dalam menyampaikan materi pembelajaran nantinya. Hal ini tidak menutup kemungkinan jika nantinya, para guru mulai menyama ratakan kemampunan para siswa.

Spesifikasi Sistem

Rancangan Aplikasi Ujian online dengan menggunakan bahasa pemrograman PHP, HTML, CSS dan JavaScript. Untuk menjalankan sistem ini dibutuhkan spesifikasi minimum dari sisi Hardware dan Software sebagai berikut:

A. Spesifikasi Hardware. 1. Perangkat komputer. 2. Memori RAM 1 GB.

3. Komunikasi data berupa jaringan (LAN, Wifi atau WLAN) 4. Printer

B. Spesifikasi Software.

1. XAMP 3.2.2 (PHP version 5.3.8). 2. Browser (Chrome v74 / Firefox v67)

(4)

1

Menjalankan Aplikasi

 Admin

1. Buka browser Chrome atau Firefox lalu masuk ke halaman http://localhost/ujianonline/admin/

2. Halaman Login.

 Guru

1. Buka browser Chrome atau Firefox lalu masuk ke halaman http://localhost/ujianonline/guru/index1.php dan

http://localhost/ujianonline/teacher/ 2. Halaman Login.

(5)

1

 Siswa

1. Buka browser Chrome atau Firefox lalu masuk ke halaman http://localhost/ujianonline/murid/index1.php dan

http://localhost/ujianonline/students/ 2. Halaman Login.

 Login Ujian

1. Buka browser Chrome atau Firefox lalu masuk ke halaman

http://localhost/ujianonline/murid danhttp://localhost/ujianonline/guru 2. Halaman Login.

Pada halaman depan terdapat menu Login untuk masuk sebagai user. Terdapat 3 jenis user login yang dapat masuk dan menjalankan program diantaranya yaitu user admin, user guru dan user siswa.

(6)

1

Menu Program

A. Admin

1. Dashboard

a. Pada dashboard admin terdapat sub menu, digunakan untuk mempermudah admin melakukan aktivitas.

2. Data User

a. Pada menu data user terdapat 3 data user, sebagai berikut :

1. Data User Guru

a. Pada menu data user guru, terdapat sub menu untuk mengolah data user yaitu: 1) Guru, pada halaman ini berisikan data-data guru. Beberapa tombol pilihan

beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu: a) Tambah Data Baru : untuk menambahkan data user guru.

Langkah-langkah :

 Klik ‘Tambah Data Baru’  Kode guru akan terisi otomatis  Tanggal akan terisi otomatis

(7)

1

 Pilih kode mata pelajaran yang akan ditambahkan  Mata pelajaran akan terisi otomatis.

 Kelas akan terisi otomatis

 Pilih jenis kelamin guru yang akan ditambahkan  Masukan tempat lahir guru yang akan ditambahkan  Masukan tanggal lahir guru yang akan ditambahkan  Masukan alamat guru yang akan ditambahkan

 Masukan nomor telepon guru yang akan ditambahkan  Klik Simpan

b) Cari : untuk mencari data user guru c) Detail : untuk melihat data user guru d) Edit : untuk merubah data user guru e) Hapus : untuk menghapus data user guru

2. Data User Siswa

a. Pada menu data user siswa, terdapat sub menu untuk mengolah data user yaitu: 1) Siswa, pada halaman ini berisikan data-data siswa. Beberapa tombol pilihan

beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu: a) Tambah Data Baru : untuk menambahkan data user siswa.

Langkah-langkah :

 Klik ‘Tambah Data Baru’

 Kode siswa akan terisi otomatis  Tanggal akan terisi otomatis

 Masukan nama siswa yang akan ditambahkan  Pilih kelas siswa yang akan ditambahkan  Kode kelas akan terisi otomatis.

 Kelas akan terisi otomatis

 Pilih jenis kelamin siswa yang akan ditambahkan  Masukan tempat lahir siswa yang akan ditambahkan

(8)

1

 Masukan tanggal lahir siswa yang akan ditambahkan  Masukan alamat siswa yang akan ditambahkan.

 Masukan nomor telepon siswa yang akan ditambahkan  Klik Simpan

b) Cari : untuk mencari data user siswa c) Detail : untuk melihat data user siswa d) Edit : untuk merubah data user siswa e) Hapus : untuk menghapus data user siswa

3. Data Pelajaran

a. Mata Pelajaran

a. Pada menu mata pelajaran, terdapat sub menu untuk mengolah data mata pelajaran yaitu:

1) Mata pelajaran, pada halaman ini berisikan data-data mata pelajaran. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

a) Tambah Data Baru : untuk menambahkan data user guru. Langkah-langkah :

 Kode mata pelajaran akan terisi otomatis

 Masukan mata pelajaran yang akan ditambahkan

 Masukan kriteria ketuntasan minimal yang akan ditambahkan  Pilih kelas yang akan ditambahkan

 Klik Simpan

b) Cari : untuk mencari data mata pelajaran c) Detail : untuk melihat data mata pelajaran d) Hapus: untuk menghapus data mata pelajaran

(9)

1

b. Jadwal Ulangan

Pada menu jadwal ulangan, admin tidak bisa merubah jadwal ulangan setelah pengumuman jadwal ulangan. Penambahan ulangan bisa di buat pada 14 hari sebelum pengumuman jadwal ulangan.

1.) Pilih Jenis Ulangan

Pilih Ulangan Tengah Semester atau Ulangan Akhir Semester

2.) Pilih Kelas

Pilih salah satu kelas disebelah kanan untuk menambahkan jadwal ulangan dan di bagian atas akan muncul pilihan untuk mencetak jadwal ujian jika waktu yang ditentukan.

(10)

1 a.) Pilih kelompok

Pilih salah satu kelompok untuk mencetak jadwal ujian

3.) Data Jadwal Ulangan

a. Pada menu jadwal ulangan, terdapat sub menu untuk mengolah data jadwal ulangan yaitu:

1) Jadwal ulangan, pada halaman ini berisikan data-data jadwal ulangan. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

a) Tambah Data Baru : untuk menambahkan data jadwal ulangan. Langkah-langkah :

 Kode jadwal ulangan akan terisi otomatis  Kelas akan terisi otomatis

 Pilih kode pengawas yang akan ditambahkan  Nama pengawas akan terisi otomatis

 Pilih mata pelajaran yang akan ditambahkan  Mata pelajaran akan terisi otomatis

(11)

1

 Pilih jam ke- yang akan ditambahkan  Klik Simpan

b) Kembali : untuk kembali ke menu kelas c) Cari : untuk mencari data jadwal ulangan d) Detail : untuk melihat data jadwal ulangan e) Hapus: untuk menghapus jadwal ulangan

4. Data Sekolah

1. Kelas

a. Pada menu kelas, terdapat sub menu untuk mengolah data kelas yaitu:

1) kelas, pada halaman ini berisikan data-data kelas. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

a) Tambah Data Baru : untuk menambahkan data kelas. Langkah-langkah :

 Kode kelas akan terisi otomatis  Pilih kelas yang akan ditambahkan

 Pilih kode guru yang akan ditambahkan menjadi wali kelas  Nama guru akan terisi otomatis

 Kelas akan terisi otomatis  Klik Simpan

b) Cari : untuk mencari data kelas c) Detail : untuk melihat data kelas d) Hapus: untuk menghapus kelas

(12)

1 2. Jam Ujian

1.) Pilih Hari

Pilih salah satu hari untuk menambahkan jam ujian

2.) Data Jam Ujian

a. Pada menu jam ujian, terdapat sub menu untuk mengolah data jam ujian yaitu:

1) Data jam ujian, pada halaman ini berisikan data-data jam ujian. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

a) Tambah Data Baru : untuk menambahkan data jam ujian. Langkah-langkah :

 Kode pengaturan ujian akan terisi otomatis  hari akan terisi otomatis

 jam ke- akan terisi otomatis  mulai akan terisi otomatis  selesai akan terisi otomatis  Klik Simpan

b) Detail : untuk melihat data jam ujian c) Hapus: untuk menghapus jam ujian

(13)

1 3. Kalender Akademik

a. Pada menu kalender akademik, terdapat sub menu untuk mengolah data kalender akademik yaitu:

1) kalender akademik, pada halaman ini berisikan data-data kalender akademik. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

a) Tambah Data Baru : untuk menambahkan data kalender akademik. Langkah-langkah :

 Masukkan tahun ajaran yang akan ditambahkan

 Pilih keterangan kalender akademik yang akan ditambahkan  masukan tanggal kalender akademik yang akan ditambahkan  Klik Simpan

b) Detail : untuk melihat data kalender akademik c) Hapus: untuk menghapus kalender akademik

(14)

1

B. Guru

Tampilan Menu Pada halaman

http://localhost/smpjakarta/guru/dashboard.php

1. Home

a. Pada home guru dapat melihat informasi biodata guru Berikut penjelasannya: 1) Tabel di kiri : biodata singkat guru dan wali kelas.

2) Tabel di kanan : ucapan selamat datang dari pengelola

2. Berita Acara

1.) Ulangan Tengah Semester

a. Pada menu Berita Acara Ulangan Tengah Semester, terdapat sub menu untuk mengolah data Ulangan Tengah Semester, yaitu:

1) Berita Acara Ulangan Tengah Semester, pada halaman ini berisikan data-data Berita Acara Ulangan Tengah Semester. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

Langkah – langkah membuat beria acara :  Kode Jadwal akan terisi otomatis

(15)

1

 Nama Guru Pengawas akan terisi otomatis  Mata Pelajaran akan terisi otomatis

 Jenis Ujian akan terisi otomatis  Kelompok akan terisi otomatis  Jumlah Siswa akan terisi otomatis  Jumlah Siswa Hadir akan terisi otomatis  Kode kelas akan terisi otomatis

 Kelas akan terisi otomatis  Tanggal akan terisi otomatis  Jam akan terisi otomatis

 Masukan keterangan berita acara ulangan tengah semester  Klik simpan

a.) Detail :Untuk melihat data siswa yang hadir.

2.) Ulangan Akhir Semester

a.) Pada menu Berita Acara Ulangan Akhir Semester, terdapat sub menu untuk mengolah data Ulangan Akhir Semester yaitu:

1) Berita Acara Ulangan Akhir Semester, pada halaman ini berisikan data-data Berita Acara Ulangan Akhir Semester. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu: Langkah – langkah membuat beria acara :

 Kode Jadwal akan terisi otomatis

 Kode Guru Pengawas akan terisi otomatis  Nama Guru Pengawas akan terisi otomatis  Mata Pelajaran akan terisi otomatis

 Jenis Ujian akan terisi otomatis  Kelompok akan terisi otomatis  Jumlah Siswa akan terisi otomatis  Jumlah Siswa Hadir akan terisi otomatis

(16)

1

 Kode kelas akan terisi otomatis  Kelas akan terisi otomatis  Tanggal akan terisi otomatis  Jam akan terisi otomatis

 Masukan keterangan berita acara ulangan akhir semester  Klik simpan

a.) Detail :Untuk melihat data siswa yang hadir.

Tampilan Menu Pada halaman

http://localhost/smpjakarta/teacher/dashboard.php

1. Home

a. Pada home guru dapat melihat informasi biodata guru Berikut penjelasannya: 1.) Tabel di kiri : biodata singkat guru dan wali kelas.

2.) Tabel di kanan : ucapan selamat datang dari pengelola

2. Data Pengajar

A. Data guru

(17)

1

B. Jadwal Mengawas

1.) Pilih ujian

Pilih salah satu jenis ujian untuk melihat jadwal mengawas

2.) Data jadwal mengawas

A.) Pada menu jadwal mengawas, terdapat sub menu untuk mengolah data jadwal mengawas yaitu:

a. jadwal mengawas, pada halaman ini berisikan data-data jadwal mengawas. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

(18)

1

3. Soal Ujian

A. Ulangan Tengah Semester

1.) Pilih kelas

Pilih salah satu kelas untuk melihat dan membuat soal ulangan tengah semester

2.) Data Soal Ujian

a. Pada menu soal ulangan tengah semester, terdapat sub menu untuk mengolah data soal ulangan tengah semester yaitu:

1.) Soal ulangan tengah semester, pada halaman ini berisikan data-data soal ulangan tengah semester. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

a.) Tambah Data Baru : untuk menambahkan data soal ulangan tengah semester. Langkah-langkah :

 Masukkan soal-soal ulangan tengah semester yang akan ditambahkan

 Masukkan jawaban a ulangan tengah semester yang akan ditambahkan

(19)

1

 Masukkan jawaban b ulangan tengah semester yang akan ditambahkan

 Masukkan jawaban c ulangan tengah semester yang akan ditambahkan

 Masukkan jawaban d ulangan tengah semester yang akan ditambahkan

 Masukkan kunci jawaban ulangan tengah semester yang akan ditambahkan

 Klik Simpan

b.) Soal Ulangan ke- : merubah data soal ulangan tengah semester.

B. Ulangan Tengah Semester

1.) Pilih kelas

Pilih salah satu kelas untuk melihat dan membuat soal ulangan akhir semester

2.) Data Soal Ulangan Akhir Semester

b. Pada menu soal ulangan tengah semester, terdapat sub menu untuk mengolah data soal ulangan tengah semester yaitu:

(20)

1

2.) Soal ulangan tengah semester, pada halaman ini berisikan data-data soal ulangan tengah semester. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

c.) Tambah Data Baru : untuk menambahkan data soal ulangan tengah semester. Langkah-langkah :

 Masukkan soal-soal ulangan tengah semester yang akan ditambahkan

 Masukkan jawaban a ulangan tengah semester yang akan ditambahkan

 Masukkan jawaban b ulangan tengah semester yang akan ditambahkan

 Masukkan jawaban c ulangan tengah semester yang akan ditambahkan

 Masukkan jawaban d ulangan tengah semester yang akan ditambahkan

 Masukkan kunci jawaban ulangan tengah semester yang akan ditambahkan

 Klik Simpan

d.) Soal Ulangan ke- : merubah data soal ulangan akhir semester.

C. Data Sekolah

a. Kalender akademik

(21)

1

C. Siswa

Tampilan Menu Pada halaman

http://localhost/smpjakarta/murid/dashboard.php

1. Home

a. Pada home siswa dapat melihat informasi biodata siswa dan jam belajar. Berikut penjelasannya:

1) Tabel di kiri : biodata singkat siswa dan wali kelas. 2) Tabel di kanan : ucapan selamat datang dari pengelola

2. Ulangan Sekolah

A. Ulangan Tengah Semester

1. Halaman Ulangan Tengah Semester

(22)

1 2. Soal

Pilih salah satu jawaban dan klik selanjunya hingga selesei

3. Edit Jawaban

(23)

1 4. Hasil Ulangan

Pilih cetak untuk mencetak hasil ulangan

B. Ulangan Akhir Semester

1. Halaman Ulangan Akhir Semester

(24)

1

2. Soal

Pilih salah satu jawaban dan klik selanjunya hingga selesei

3. Edit Jawaban

(25)

1

4. Hasil Ulangan

Pilih cetak untuk mencetak hasil ulangan

Tampilan Menu Pada halaman

http://localhost/smpjakarta/students/dashboard.php

1. Home

b. Pada home siswa dapat melihat informasi biodata siswa. Berikut penjelasannya:

1) Tabel di kiri : biodata singkat siswa dan wali kelas. 2) Tabel di kanan : ucapan selamat datang dari pengelola

(26)

1

2. Data Siswa

A. Jadwal Ujian

1. pilih jenis ulangan

pilih salah satu jenis ulangan tengah semester atau ulangan akhir semester

2. jadwal ujian

a. Pada jadwal ulangan tengah semester, pada halaman ini berisikan data-data jadwal ulangan tengah semester. Beberapa tombol pilihan beserta kegunaan dan langkah-langkahnya yang ada di halaman ini yaitu:

(27)

1

B. Data Pribadi

Pada menu data pribadi berisikan data siswa

4. Data Sekolah

a. Kalender akademik

(28)

a.n. MENTERI HUKUM DAN HAK ASASI MANUSIA DIREKTUR JENDERAL KEKAYAAN INTELEKTUAL

Dr. Freddy Harris, S.H., LL.M., ACCS. NIP. 196611181994031001

REPUBLIK INDONESIA

KEMENTERIAN HUKUM DAN HAK ASASI MANUSIA

SURAT PENCATATAN

CIPTAAN

Dalam rangka pelindungan ciptaan di bidang ilmu pengetahuan, seni dan sastra berdasarkan Undang-Undang Nomor 28 Tahun 2014 tentang Hak Cipta, dengan ini menerangkan:

Nomor dan tanggal permohonan : EC00202049499, 13 November 2020

Pencipta

Nama : Sulaeman Hadi Sukmana, M.Kom, Annisa Fitrianti, S.Kom dkk

Alamat : JI. Perempatan Adiman No.9 RT. 001/RW 003 Desa Cikahalang, Kec. Dukupuntang, Cirebon, JAWA BARAT, 45652

Kewarganegaraan : Indonesia

Pemegang Hak Cipta

Nama : Sulaeman Hadi Sukmana, M.Kom, Annisa Fitrianti, S.Kom dkk

Alamat : JI. Perempatan Adiman No.9 RT. 001/RW 003 Desa Cikahalang, Kec. Dukupuntang, Cirebon, JAWA BARAT, 45652

Kewarganegaraan : Indonesia

Jenis Ciptaan : Program Komputer

Judul Ciptaan : Aplikasi Ujian Online Pada Mts Al Muddatsiriyah

Tanggal dan tempat diumumkan untuk pertama kali di

wilayah Indonesia atau di luar wilayah Indonesia : 2 September 2019, di Jakarta

Jangka waktu pelindungan : Berlaku selama 50 (lima puluh) tahun sejak Ciptaan tersebut pertama kali dilakukan Pengumuman.

Nomor pencatatan : 000218413

adalah benar berdasarkan keterangan yang diberikan oleh Pemohon.

(29)

LAMPIRAN PENCIPTA

No Nama Alamat

1 Sulaeman Hadi Sukmana, M.Kom JI. Perempatan Adiman No.9 RT. 001/RW 003 Desa Cikahalang, Kec. Dukupuntang 2 Annisa Fitrianti, S.Kom Jl. Kayu Manis III Baru Kel. Kayu Manis Kec. Matraman Jakarta

3 Tri Juliyanto, S.Kom Jl. Pramuka Bhakti IV RT 014/RW 009 Kel. Utan Kayu Utara Kec. Matraman Jakarta 4 Kresna Ramanda, M.Kom Jl Andong 3 No 62 RT 001/RW 008 Jakarta Barat

5 Jenie Sundari, M.Kom Jl. Merbabu Kutabumi Tangerang Banten 6 Arief Rusman, M.Kom Komp Japos Blok D 5 No 14 Tangerang Selatan

7 Yunita, M.Kom Persada Raya Blok C.6 No.17 RT 004/RW 007 Kel. Gembor Kec. Periuk 8 Irwan Agus Sobari, M.Kom Jl.Lingkungan III, Tegal Alur Jakarta Barat

9 Ahmad Setiadi, M.Kom Jl. Sektor XIII RT 01/10, Kel. Sudimara Jaya Kec. Ciledug 10 Fajar Akbar, M.Kom Jl. Utama Selatan III No 3 Jakarta Barat

11 Ghofar Taufik, M.Kom Jl. Kebon Kelapa No. 8 RT 002/RW 011 Kel. Utan Kayu Selatan Kec. Matraman

LAMPIRAN PEMEGANG

No Nama Alamat

1 Sulaeman Hadi Sukmana, M.Kom JI. Perempatan Adiman No.9 RT. 001/RW 003 Desa Cikahalang, Kec. Dukupuntang 2 Annisa Fitrianti, S.Kom Jl. Kayu Manis III Baru Kel. Kayu Manis Kec. Matraman Jakarta

3 Tri Juliyanto, S.Kom Jl. Pramuka Bhakti IV RT 014/RW 009 Kel. Utan Kayu Utara Kec. Matraman Jakarta 4 Kresna Ramanda, M.Kom Jl Andong 3 No 62 RT 001/RW 008 Jakarta Barat

5 Jenie Sundari, M.Kom Jl. Merbabu Kutabumi Tangerang Banten 6 Arief Rusman, M.Kom Komp Japos Blok D 5 No 14 Tangerang Selatan

7 Yunita, M.Kom Persada Raya Blok C.6 No.17 RT 004/RW 007 Kel. Gembor Kec. Periuk 8 Irwan Agus Sobari, M.Kom Jl.Lingkungan III, Tegal Alur Jakarta Barat

9 Ahmad Setiadi, M.Kom Jl. Sektor XIII RT 01/10, Kel. Sudimara Jaya Kec. Ciledug 10 Fajar Akbar, M.Kom Jl. Utama Selatan III No 3 Jakarta Barat

11 Ghofar Taufik, M.Kom Jl. Kebon Kelapa No. 8 RT 002/RW 011 Kel. Utan Kayu Selatan Kec. Matraman