BAB III PEMBAHASAN - repository.bsi.ac.id...Tinjauan perusahaan dilakukan untuk mendapatkan gambaran tentang proses bisnis berdasarkan sejarah perusahaan, struktur organisasi dan fungsi

21

BAB III

PEMBAHASAN

3.1 Tinjauan Perusahaan

Tinjauan perusahaan dilakukan untuk mendapatkan gambaran tentang proses

bisnis berdasarkan sejarah perusahaan, struktur organisasi dan fungsi yang ada di

perusahaan.

3.1.1 Sejarah Perusahaan

MTs Nurul Amal di dirikan tahun 2008 oleh beberapa orang tokoh masyarakat

Kp Gunung Peuteuy Rt 02/Rw 07 Desa Gunung Sari Pamijahan. MTs Nurul Amal

berada di bawah Yayasan Nurul Amal Bogor. Berdirinya MTs Nurul Amal di dasari

oleh kesadaran:

1. Ingin membantu pemerintah dalam mencerdaskan kehidupan bangsa

2. Mengantisifasi perkembangan daerah yang menjadi daerah pariwisata

3. Minimnya kehidupan beragama setempat

Dalam perkembanganya dari segi kuantitas murid MTS Nurul Amal belumlah

cukup membahagiakan tetapi dari segi kualitas siswa MTs Nurul Amal cukuplah

membanggakan. Sesuai dengan Visi Madrasah “ Tinggi dalam Prestasi Luhur dalam

Akhlak” MTs Nurul Amal Sering kali meraih prestasi di setiap ajang perlombaan atau

kejuaraan yang di ikuti dan cukup di segani di wilayah pamijahan tentunya. Salah

satu prestasi yang di raih MTs Nurul Amal adalah sebagai Juara Umum Kejuaraan

Pelajar Islam ke IV tahun 2016 se Kecamatan Pamijahan dan Cibungbulang.

22

Seiring dengan tantangan zaman MTs Nurul Amal terus mengembani diri

untuk lebih baik kedepannya. Program kedepan yang akan dijalankan yaitu membuka

Boarding School dengan program tahfidzul Qur‟an utamanya. Semoga kedepan MTs

Nurul Amal dapat bekembang dan terus meningkatkan prestasi yang diraih.

3.1.2 Struktur Organisasi dan Fungsi

Struktur organisasi adalah susunan hubungan antara atasan dengan para staff

dan aktivitas satu sama lain serta terhadap ke seluruh pertangung jawab , wewenang

melalui tujuan perusahaan pada pencapaian sasarannya. Untuk itu, struktur organisasi

pada tiap-tiap organisasi atau perusahaan di buat agar tujuan yang telah diterapkan

dapat tercapai dengan memperjelas tugas dan tanggung jawab dari masing-masing

bagian yang terkait, maka diperlukan bagian organisasi.

23

30

Sumber : Madrasah Tsanawiyah Nurul Amal Pamijahan Bogor

Gambar III.1.

Struktur Organisasi

Kisnandar, S.Pd

Kepala Madrasah

Kepala Madrasah

Iwan Setiawan, S.Pd

Komite Madrasah

Wakil Kepala Madrasah

Nani Yuningsih, S.Pd

Tata Usaha

Ujang Joni, S.Pd

Ujang Joni, S.Pd

Wali Kelas/Guru Pembina Osis

Vera Handayani, S.Pd

Ujang Joni, S.Pd

Pembina Ekskul

Juni Cahyadi

Ujang Joni, S.Pd

Siswa-Siswi

Ujang Joni, S.Pd

24

30

Struktur organisasi perusahaan yang tepat merupakan salah satu faktor yang

sangat menentukan berhasil atau tidaknya suatu perusahaan didalam pencapaian

tujuan yang telah ditetapkan oleh perusahaan, maka dalam menjalankan atau

pembagian tugas dan wewenang, menetapkan struktur organisasi garis dan staff.

Adapun fungsi dari struktur organisasi tersebut dapat diperjelas sebagai berikut:

a. Kepala Madrasah

Bertanggung jawab mengendalikan semua kegiatan sekolah serta membuat

gambaran pekerjaan yang harus dilakukan setiap bagian yang ada.

b. Wakil Kepala Madrasah

Bertugas untuk membantu kepala sekolah dalam urusan-urusan seperti,

kesiswaan, kurikulum, sarana prasarana dan humas.

c. Komite Madrasah

Bertanggung jawab untuk menangani semua permasalahan atau aspirasi yang

terjadi dari orangtua/wali peserta didik

d. Tata Usaha

Bertanggung jawab dalam perencana administrasi program dan anggaran,

mengkoordinator administrasi ketatausahaan dan bidang umum sekolah.

e. Pembina Osis

Bertanggung jawab menyusun program pembinaan siswa / OSIS, membantu

menyusun program pengembangan diri siswa, melakukan pemilihan calon

siswa, penerima bea siswa , mengikuti lomba, petugas upacara, dll.

25

30

f. Pembina Ekskul

Bertanggung jawab untuk membimbing Program Ekstakulikuler yang ada di

sekolah.

g. Wali kelas/Dewan Guru

Bertugas mengelolah dan menyelenggarakan administrasi kelas yang meliputi :

denah tempat duduk, buku absen, papan absen, daftar pelajaran, legger, dan tata

tertib siswa, memberikan Motivasi dan menciptakan situasi KBM yang efektif

kepada siswa, mendidik dan mengamalkan ilmunya sesuai dengan bidang

keahliannya masing-masing.

h. Siswa

Merupakan peserta didik yang berkewajiban untuk belajar.

3.2 Analisa Kebutuhan

Seperti yang telah dijelaskan pada bab sebelumnya mengenai strategi persiapan

pembangunan sebuah web menggunakan metode waterfall, yang perlu dilakukan

pertama kali adalah melakukan analisis. Ada dua analisis yang cukup penting yang

perlu dilakukan sebelum membangun sebuah web, yaitu analisis kebutuhan

pengguna dan analisis kebutuhan sistem.

3.2.1 Analisis kebutuhan pengguna

Kebutuhan yang disarankan pada hal-hal yang dibutuhkan oleh pengguna

terhadap sistem yang akan dibuat. Dalam hal ni terdapat tiga pengguna yaitu

kebutuhan admin, guru, dan siswa.Berikut penjelasan dari masing-masing pengguna

sistem:

26

30

1. Kebutuhan Administrator

Admin merupakan orang yang mengatur semua isi data dalam website. Untuk

lebih lengkapanya dapat dilihat pada penjabaran dibawah ini:

a. Administator dapat menambahkan, mengedit dan menghapus data user

dan menentukan level dari user tersebut apakah sebagai guru maupun

sebagai admin.

b. Administator dapat menambahkan, mengedit dan menghapus data siswa.

c. Administator dapat menambahkan, mengedit dan menghapus data kelas.

d. Administator dapat menambahkan, mengedit dan menghapus data Ujian .

e. Administator dapat mengedit kelas mana saja yang akan mengikuti ujian

berdasarkan mata pelajarannya.

f. Administator bisa mengubah password nya sendiri melalui form ganti

password.

2. Kebutuhan Guru

Tugas utama guru adalah memanajeman data ujian seperti memasukan soal-soal

sesuai dengan pelajaran yang didaftarkan oleh admin. Selengkapnya pada

penjabaran berikut ini:

a. Guru dapat mengaktifkan dan menon-aktifkan kelas ujian.

b. Guru dapat mengolah data login siswa, seperti siapa saja siswa yang

belum login dan siswa yang sudah login dan dapat merefreshnya.

27

30

c. Guru mengelolah data soal-soal yang diberikan kepada siswa menurut

mata pelajaran yang sudah didaftarkan oleh admin. Disini guru dapat

menambah soal, mengedit soal, dan menghapus soal.

d. Guru dapat langsung mengetahui nilai yang di peroleh siswa setelah

selesai ujian dan siswa yang belum mendapatkan nilai ujian.

e. guru dapat mengubah password melalui form ganti password.

3. Kebutuhan Siswa

Halaman siswa adalah halaman front-end pada webset ini. Siswa dapat

mengikuti ujian sesuai dengan kelasnya. Selengkapnya pada penjabaran berikut

ini:

a. Siswa yang hanya memiliki satu mata pelajaran yang di ujikan maka

siswa langsung dapat melihat form detail ujian.

b. Siswa yang memiliki lebih dari satu mata pelajaran yang di ujikan maka

siswa akan melihat daftar ujian.

c. Siswa menyetujui petunjuk ujian sebelum menjawab soal-soal ujian.

d. Siswa mengklik tombol selesai untuk memproses nilai ujian.

3.2.2 Analisa kebutuhan sistem

1. Kebutuhan sistem untuk admin

a. Admin harus melakukan login terlebih dahulu untuk dapat mengakses

aplikasi dengan memasukan username dan password agar privasi admin

tetap terjaga keamananya.

b. Admin harus melakukan logout setelah selesai mengelola data.

28

30

2. Kebutuhan Sistem untuk Guru

a. Guru harus melakukan login terlebih dahulu untuk dapat mengakses

aplikasi ini dengan memasukan username dan password agar privasi

masing-masing guru tetap terjaga keamananya.

b. Guru harus logout setelah selesai mengolah data.

3. Kebutuhan sistem untuk siswa

c. Siswa tidak dapat mengikuti ujian jika belum melakukan login, siwa login

dengan memasukan username dan pasword sesuai dengan kartu ujian

yang di berikan oleh guru.

d. Siswa harus logout setelah selesai melakukan ujian.

e. Sistem melakukan perhitungan nilai untuk Ujian yang dilakukan oleh

siswa secara langsung berdasarkan jawaban yang benar.

3.3 Perancangan Perangkat Lunak

3.3.1 Rancangan Antar Muka

Rancangan antar muka bertujuan untuk memberikan gambaran mengenai

rancangan website yang akan dibangun, sehingga akan mudah dalam

mengimplementasikan website dan juga memudahkan pembuatan website yang user

friendly. Untuk rancangan antar muka pada tampilan website sistem Informasi ujian

online terdiri dari beberapa rancangan halaman, sebagai berikut:

29

30

1. Rancangan Antar Muka Halaman Admin

A. Halaman login admin

LOGIN ADMIN

Username

Password

Login

Gambar III.2.

Halaman Login admin

B. Halaman Beranda Admin

Beranda User Siswa Kelas Ujian Kelas Ujian Nama Admin Keluar

Footer

Selamat Datang di Halaman XXXXX

Anda Login Sebagai Admin!!

Gambar III.3.

Halaman Beranda Admin

30

30

C. Halaman Admin Manajemen User


Footer

Manajemen User Tambah

SearchShow Entries

No Nama Password Level Aksi

Previous Next

Edit HapusX XXXX XXXXXX XXXX

No Nama Password Level Aksi

Gambar III.4.

Halaman Admin Manajemen User

D. Halaman Admin Manajemen Siswa


Footer

Manajemen Siswa Tambah

SearchShow Entries

No NIS Nama Siswa Password Kelas Aksi

Previous Next

Edit HapusX XXXX XXXXXXX XXXXX XX

Cetak Kartu Impor

No NIS Nama Siswa Password Kelas Aksi

Gambar III.5.

Halaman Admin Manajemen Siswa

31

30

E. Halaman Admin Manajemen Kelas


Footer

Manajemen Kelas Tambah

SearchShow Entries

No Nama Kelas Aksi

Previous Next

Edit HapusX XXX

No Nama Kelas Aksi

Gambar III.6.

Halaman Admin Manajemen Kelas

F. Halaman Admin Manajemen Ujian


Footer

Manajemen Ujian Tambah

SearchShow Entries

No Judul Mapel Tanggal Waktu Jml Soal Pengampu Aksi

Previous Next

Edit HapusX XXXX XXXX XXXX XXXX XXXX XXXX

No Judul Mapel Tanggal Waktu Jml Soal Pengampu Aksi

Gambar III.7.

Halaman Admin Manajemen Ujian

32

30

G. Halaman Manajemen Admin Kelas Per Ujian


Footer

Manajemen Kelas per Ujian

SearchShow Entries

No Judul Ujian Kelas Aksi

Previous Next

Edit HapusX XXXXXX XXX

No Judul Ujian Kelas Aksi

Gambar III.8.

Halaman Manajemen Kelas per Ujian

H. Halaman Ganti Kata Sandi Admin


Footer

Form Ganti Kata Sandi

Nama Lengkap

Username

Level

Password Lama

Password Baru

Ulang Password

Ubah Password

Gambar III.9.

Halaman Ganti Kata Sandi Admin

33

30

2. Rancangan Antar Muka Halaman Guru

A. Halaman Login Guru

LOGIN ADMIN

Username

Password

Login

Gambar III.10.

Halaman Login Guru

B. Halaman Beranda Guru

Beranda Siswa Ujian Ujian Aktif Nama Guru Keluar

Footer

Selamat Datang di Halaman XXXXX

Anda Login Sebagai Guru!!

Gambar III.11.

Halaman Beranda Guru

34

30

C. Halaman Guru Manajemen login Siswa


Footer

Manajemen Login Siswa

SearchShow Entries

No NIS Nama Siswa Password Kelas Status Aksi

Previous Next

Reset LoginX XXXX XXXXXX XXXXX XXX ON

X XXXX XXXXXX XXXXX XXX OFF Reset Login

No NIS Nama Siswa Password Kelas Status Aksi

Gambar III.12.

Halaman Guru Manajemen login Siswa

D. Halaman Guru Manajemen Ujian Siswa


Footer

SearchShow Entries

No Judul Mapel Tanggal jml.Soal Bank Soal KelasUjian

Previous Next

EditX XXXX XXXXX XXXXX XXX XXXX

*Klik tombol edit pada kolom Bank Soal untuk mengatur soal!

*Klik Nama Kelas pada kolom kelas ujian untuk melihat nilai pada kelas tersebut!

No Judul Mapel Tanggal jml.Soal Bank Soal KelasUjian

Manajemen Ujian Siswa

Gambar III.13.

Halaman Guru Manajemen Ujian Siswa

35

30

1) Halaman Guru Manajemen Soal


Footer

Manajemen Soal

SearchShow Entries

Previous Next

Edit

TambahImpor

Judul Ujian : XXXXXX Tanggal : XXXXX

Nama Mata Pelajaran : XXXXXX Jumlah Soal : XXXXX

Hapus

No Soal Aksi

XX XXXXXXXXXX

A. XXXXX

B. XXXXX

C. XXXXX

D. XXXXX

E. XXXXX

No Soal Aksi

Gambar III.14.

Halaman Guru Manajemen Soal

2) Halaman Guru Manajemen Hasil Ujian


Footer

Hasil Ujian

Search

No NIS Nama Siswa Jml.Benar Nilai

Previous Next

X XXXX XXXXXXX XXX XXX

No NIS Nama Siswa Jml.Benar Nilai

Export

Gambar III.15.

Halaman Guru Manajemen Hasil Ujian

36

30

E. Halaman Guru Manajemen Ujian Aktif

Klik pada nama kelas untuk mengaktifkan dan menon-aktifkan ujian pada kelas tersebut


Footer

Manajemen Ujian Aktif

SearchShow Entries

No Judul Ujian Kelas

Previous Next

XXXX XXXXXXXXX

No Judul Ujian Kelas

Gambar III.16.

Halaman Guru Manajemen Ujian Aktif

F. Halaman Ganti Kata Sandi Guru


Footer

Form Ganti Kata Sandi

Nama Lengkap

Username

Level

Password Lama

Password Baru

Ulang Password

Ubah Password

Gambar III.17.

Halaman Ganti Kata Sandi Guru

37

30

3. Rancangan Antar Muka Halaman Index

A. Halaman Login Ujian Siswa

LOGIN UJIAN

Username

Password

Login

Gambar III.18.

Halaman Login Ujian Siswa

B. Halaman Beranda

1) Halaman Beranda Ujian satu mata pelajaran

Beranda Nama Siswa:NIS Keluar

Footer

NIS

Mulai Mengerjakan

Nama Lengkap

Data Siswa dan Ujian

Kelas

Nama Mapel

Jml. soal

Waktu Mengerjakan

Gambar III.19.

Halaman Beranda Ujian Satu mata pelajaran

38

30

2) Halaman Beranda Ujian Lebih dari satu mata pelajaran

Beranda Nama Siswa: NIS Keluar

Footer

Kerjakan

Daftar Ujian

Nama mata pelajaran yang akan di ujikan

KerjakanNama mata pelajaran yang akan di ujikan

Gambar III.20.

Halaman Beranda Ujian Lebih Dari Satu Mata Pelajaran

C. Halaman Siswa Tampil Ujian

Beranda Materi Pelajaran Simulasi Ujian Nama Siswa: NIS Keluar

Footer

Nama Mapel

Berikutnya

xxxxxxxxxxxxxxxx

Ragu-tagu

Sisa Waktu

XXXXXXXXXXX XXXXXXXX XXXXXXXXXXXXXXX XXXXX

xxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxxxxxxxxx

x

Sebelumnya Selesai

x

xx

xx

A

B

C

D

E

Gambar III.21.

Halaman Siswa Tampil Ujian

39

30

3.3.2 Rancangan Basis Data

Dalam merancang sebuah sistem, maka seluruh data yang akan dipergunakan

oleh sistem tersebut harus disimpan kedalam suatu basis data yang memiliki

kelebihan data independent. Dengan menerapkan suatu basis data dalam strategi

akses dalam pengembangan sistem tanpa harus mengubah program-program aplikasi

yang sudah ada.

Langkah yang harus dilakukan dalam pembentukan suatu basis data yang baik

sebagai berikut:

40

30

41

30

A. LRS (Logical Relational Structured)

kelas

id_kelas *

kelas

soal

id_soal*

id_ujian**

soal

pilihan_1

pilihan_2

pilihan_3

pilihan_4

kunci

ujian

id_ujian *

tanggal

waktu

jml_soal

id_user **

kelas_ujian

id_kelas **

id_ujian **

aktif

nilai

id_nilai *

nis

id_ujian **

acak_soal

jawaban

sisa_waktu

Jml_benar

nilai

user

id_user *

nama

username

password

level

siswa

Nis*

nama

password

Id_kelas**

status

1

M

1

M

M

M

M

1

1M

1

1

Judul

Nama_mapel

Gambar III.23.

LRS (Logical Relational Structured)

42

30

B. Spesifikasi file

Menjelaskan tentang file atau tabel yang terbentuk dari ERD (dan atau file-file

penunjang untuk web). File-file ini tersimpan pada “dbsiuo” dengan parameter-

parameter sebagai berikut :

1. Spesifikasi file User

Nama File : User

Akronim : user

Fungsi : Untuk menyimpan data User Seperti Admin dan Guru

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 97 karakter

Kunci Field : id_user

Software : Mysql

Tabel III.1

Spesifikasi file User

No Elemen Data Nama Field Tipe Size Ket

1. id user id_user int 5 Primary Key, Aouto Increment

2. Nama User Nama varchar 25

3. Username Username varchar 10

4. Password Pasword varchar 32

5. Level Level Varchar 7

43

30

2. Spesifikasi file Siswa

Nama File : Siswa

Akronim : siswa

Fungsi : Untuk menyimpan data siswa



Akses File : Random

Media : Harddisk


Kunci Field : nis

Software : Mysql

Tabel III.2

Spesifikasi file siswa


1 Nis Nis int 10 Primary Key, Auto Increment

2 Nama Lengkap Nama Varchar 25

3 Password Password Varchar 32

4 Id Kelas id_kelas int 5 Foreign Key

5 Status Status varchar 5

3. Spesifikasi file Kelas

Nama File : Kelas

Akronim : Kelas

Fungsi : Untuk menyimpan data kelas.

Tipe File : File Transaksi

44

30


Akses File : Random

Media : Harddisk


Kunci Field : id_kelas

Software : Mysql

Tabel III.3

Spesifikasi file Kelas


1 Id Kelas id_kelas Int 5 Primary Key, Auti Increment

2 Kelas Kelas Varchar 5

4. Spesifikasi file Ujian

Nama File : Ujian

Akronim : ujian

Fungsi : Untuk menyimpan data ujian



Akses File : Random

Media : Harddisk


Kunci Field : id_ujian

Software : Mysql

45

30

Tabel III.4

Spesifikasi file Ujian


1 Id Ujian id_ujian Int 5 Primary Key,Auto Increment

2 Judul Ujian Judul Varchar 30

3 Mata Pelajaran nama_mapel Varchar 20

4 Tanggal Tanggal Date

5 Waktu Waktu Int 5

6 Jumlah Soal jml_soal Int 3

7 Id User id_user Int 5 Foreign Key

5. Spesifikasi file Kelas Ujian

Nama File : Kelas Ujian

Akronim : kelas_ujian

Fungsi : Untuk menyimpan data kelas pada setiap ujian



Akses File : Random

Media : Harddisk


Software : Mysql

Tabel III.5

Spesifikasi file Kela_Ujian


1 Id Kelas id_kelas Int 5 Foreign Key

2 Id Ujian id_ujian Int 5 Foreign Key

3 Aktif Aktif Enum „Y‟,‟N‟

46

30

6. Spesifikasi file Soal

Nama File : Soal

Akronim : soal

Fungsi : Untuk menyimpan data soal



Akses File : Random

Media : Harddisk


Kunci Field : id_soal

Software : Mysql

Tabel III.6

Spesifikasi file soal


1 Id Soal id_soal Int 5 Primary Key

2 Id Ujian id_ujian Int 5 Foreign Key

3 Soal Soal Text

3 Pilihan Satu Pilihan_1 Text

4 Pilihan Dua Pilihan_2 Text

5 Pilihan Tiga Pilihan_3 Text

6 Pilihan Empat Pilihan_4 Text

7 Kunci Kunci Int 2

7. Spesifikasi file Nilai

Nama File : Nilai

Akronim : nilai

47

30

Fungsi : Untuk menyimpan data nilai beserta jawaban siswa



Akses File : Random

Media : Harddisk


Kunci Field : id_nilai

Software : Mysql

Tabel III.7

Spesifikasi file Nilai


1 Id Nilai id_nilai Int 10 Primary Key

2 Nis Nis Varchar 10

3 Id Ujian id_ujian int 5 Foreign Key

4 Acak Soal acak_soal Text

5 Jawaban jawaban Text

6 Sisa Waktu sisa_wktu Varchar 10

7 Jumlah jawaban benar jml_benar Int 5

8 Nilai Nilai Varchar 5

3.3.3 Rancangan Struktur Navigasi

Untuk membuat rancangan alur dan link-link pada halaman website, penulis

terlebih dahulu membuat struktur navigasinya, karena struktur navigasi akan

membantu dalam menentukan arah pergantian halaman website dari satu halaman ke

halaman yang lain. Adapun struktur navigasi yang penulis gunakan untuk pembuatan

website ujian online adalah menggunakan struktur navigasi hierarchical model,

48

30

karena penulis menilai paling sesuai dengan rancangan halaman website yang telah

penulis buat. Struktur navigasinya sebagai berikut :

49

30

1. Struktur Navigasi Guru

Gambar III.25.

Struktur Navigasi Guru

Index

Login


Refresh

h

Restart

Kelas

Ujian

Edit

Kelas Ujian Ubah

Password

Tambah

Import

Edit

Hapus

Export

Simpan Close

50

30

2. Struktur Navigasi Ujian Siswa

Gambar III.26.

Struktur Navigasi Halaman Ujian Siswa

Index

Beranda

login

Nama Siswa:NIS Keluar

Kerjakan Masuk Ujian

Mulai Mengerjakan

Sebelumnya

Ragu-ragu

Berikutnya Selesai

Selesai Batal

51

30

3.4 Implementasi dan Pengujian Unit

3.4.1 Implementasi

A. Implementasi Rancangan Antar Muka

1. Implementasi Rancangan Antar Muka Halaman Admin

A. Implementasi Rancangan Antar Muka Halaman Login Admin

Administator harus melakukan login terlebih dahulu untuk mengakses semua

halaman admin.

Gambar.III.27.

Implementasi Rancangan Antar Muka Halaman Login Admin

52

30

B. Implementasi Rancangan Antar Muka Halaman Beranda Admin

Login administator berhasil maka akam masuk ke halaman beranda admin yang

berisi ucapan selamat datang kepada admin yang sedang login.

Gambar.III.28.

Implementasi Rancangan Antar Muka Halaman Beranda Admin

53

30

C. Implementasi Rancangan Antar Muka Halaman Admin Manajemen User

Pada halaman ini administator dapat menambah, mengedit dan menghapus data

user.

Gambar.III.29.

Implementasi Rancangan Antar Muka Halaman Admin Manajemen User

54

30

D. Implementasi Rancangan Antar Muka Halaman Admin Manajemen Siswa

Pada halaman ini admin dapat mencetak kartu, mengimport, menambah,

mengedit dan menghapus data siswa.

Gambar.III.30.

Implementasi Rancangan Antar Muka Halaman Admin Manajemen Siswa

55

30

E. Implementasi Rancangan Antar Muka Halaman Admin Manajemen kelas

Pada halaman ini admin dapat menambah, mengedit dan menghapus data Kelas

Gambar.III.31.

Implementasi Rancangan Antar Muka Halaman Admin Manajemen Kelas

56

30

F. Implementasi Rancangan Antar Muka Halaman Admin Manajemen Ujian

Pada halaman ini admin dapat menambah, mengedit dan menghapus data ujian.

Gambar.III.32.

Implementasi Rancangan Antar Muka Halaman Admin Manajemen Ujian

57

30

G. Implementasi Rancangan Antar Muka Halaman Admin Manajemen kelas Ujian

Pada halaman ini admin dapat mengedit kelas mana saja yang akan mengikuti

ujian berdasarkan judul ujian.

Gambar.III.33.

Implementasi Rancangan Antar Muka Halaman Admin Manajemen Kelas

Ujian

58

30

H. Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Admin

Pada halaman ini admin dapat mengubah password sendiri.

Gambar.III.34.

Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Admin

59

30

2. Implementasi Rancangan Antar Muka Halaman Guru

A. Implementasi Rancangan Antar Muka Halaman Login Guru

Pada halaman login guru sama dengan halaman login admin karena berdasarkan

level.

Gambar.III.35.

Implementasi Rancangan Antar Muka Halaman Login Guru

60

30

B. Implementasi Rancangan Antar Muka Halaman Beranda Guru

Login guru berhasil maka akam masuk ke halaman beranda guru yang berisi

ucapan selamat datang kepada guru yang sedang login

Gambar.III.36.

Implementasi Rancangan Antar Muka Implementasi Halaman Beranda

Guru

61

30

C. Implementasi Rancangan Antar Muka Halaman Guru Manajemen Siswa

Pada Halaman Menejemen siswa pada guru ini untuk mengetahui dan

merefresh siswa mana yang sedang on dan off.

Gambar.III.37.

Implementasi Rancangan Antar Muka Halaman Guru Manajemen siswa

62

30

D. Implementasi Rancangan Antar Muka Halaman Guru Manajamen Ujian

Pada halaman ini guru dapat mengedit bank soal dan melihat data kelas ujian.

Gambar.III.38.

Implementasi Rancangan Antar Muka Halaman Guru Manajemen Ujian

63

30

1) Implementasi Rancangan Antar Muka Halaman Guru Manajemen Soal

Pada halaman ini guru dapat menginport, menambah, mengedit dan menghapus

soal ujian.

Gambar.III.39.

Implementasi Rancangan Antar Muka Halaman Guru Manajemen Soal

64

30

2) Implementasi Rancangan Antar Muka Halaman Guru Hasil Ujian

Pada halaman ini guru dapat melihat nilai siswa yang melakukan ujian dan

dapat meng exportnya untuk back-up data.

Gambar.III.40.

Implementasi Rancangan Antar Muka Halaman Guru Hasil Ujian

65

30

E. Implementasi Rancangan Antar Muka Halaman Guru Ujian Aktif

Pada halaman ini guru dapat mengaktifkan ujian.

Gambar.III.41.

Implementasi Rancangan Antar Muka Halaman Guru Ujian Aktif

66

30

F. Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Guru

Pada halaman ini guru dapat mengubah password sendiri.

Gambar.III.42.

Implementasi Rancangan Antar Muka Halaman Ganti Kata Sandi Guru

67

30

3. Implementasi Antar Muka Halaman Siswa

A. Implementasi Rancangan Antar Muka Halaman Login Siswa

Siswa harus login terlebih dahulu untuk bisa mengikuti ujian, dengan

mengisikan username dan password sesuai dengan kartu ujian yang telah

diberikan.

Gambar.III.43.

Implementasi Rancangan Antar Muka Halaman Login Siswa

68

30

B. Halaman Beranda Ujian Siswa

Jika login Siswa Berhasil makan akan tampil halaman beranda.

1) Implementasi Rancangan Antar Muka Halaman Beranda ujian satu mata

pelajaran

Pada halaman ini jika siswa yang login hanya memiliki satu mata pelajaran

ujian makan akan langsung menampilkan data siswa ujian.

Gambar.III.44.

Implementasi Rancangan Antar Muka Halaman Beranda Ujian Satu Mata

Pelajaran

69

30

2) Implementasi Rancangan Antar Muka Halaman Beranda Ujian Lebih dari Satu

Mata Pelajaran

Pada halaman ini jika siswa yang login memiliki lebih dari satu mata pelajaran

yang diujian maka akam nemampilkan daftar ujian.

Gambar.III.45.

Implementasi Rancangan Antar Muka Halaman Beranda Ujian Lebih

Dari Satu Mata Pelajaran

3) Implementasi Rancangan Antar Muka Halaman Siswa Tampil Ujian

Pada halaman ini akan di tampilkan soal ujian dan pilihan yang digunakan oleh

siswa untuk mengerjakan ujian. Pada halaman ujian terdiri dari 5 bagian.

Bagian pertama yaitu judul mata pelajaran yang terletak dibagian paling atas

sebelah kiri. Bagian kedua yaitu waktu ujian yang ditentukan sapmai 00:0.

Bagian ketiga yaitu konten ujian yang yang terdiri dari nomor soal, soal dan

pilihan yang terletak di bawah judul mata pelajaran. Bagian keempat yaitu

nomor soal yang sekaligus sebagai navigasi untuk memilih nomor soal yang

akan dikerjakan, terletak di sebelah kanan konten ujian. Bagian kelima yaitu

70

30

navigasi soal yang terdiri dari tombol sebelumnya, tombol ragu-ragu, tombol

selanjutnya dan tombol selesai yang hanya muncul di soal terakhir.

Gambar.III.46.

Implementasi Rancangan Antar Muka Halaman Siswa Tampil Ujian

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan Sistem informasi akademik siswa

untuk MTs Nurul Amal.

1. Spesifikasi Perangkat Keras

Hardware meliputi pemilihan perangkat keras yang digunakan sebagai alat

pendukung pembuatan aplikasi yaitu diantaranya

a. Server

1) CPU

(a) Processor Intel ® CoreTM i3-2310M (2.1Ghz, 3MB L3 cache)

71

30

(b) RAM DDR3 2 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024 x 600

5) Koneksi internet dengan kecepatan 2 mbps

b. Client

1) CPU

(a) Processor Intel ® Atom ™ CPU N455 @1.66GHz (2 CPUs),~1.7GHz

(b) RAM 1 MB

(c) Hard Disk 20 GB

6) Mouse

7) Keyboard

8) Monitor dengan resolusi layar minimum 1024 x 600

9) Koneksi internet dengan kecepatan 56 kbps

2. Spesifikasi Perangkat Lunak

a. Server

a) Sistem operasi windows 7

b) Aplikasi web server xampp v 2.5 yang terdiri dari :

(1) Aplikasi Apache v2.5

(2) Aplikasi Mysql v2.5

c) Aplikasi web browser seperti Mozilla Firefox dan Google Chrome

72

30

b. Client

a) Sistem operasi windows 7

b) Aplikasi web browser seperti Mozilla Firefox dan Google Chrome

3.4.2 Pengujian Unit

Pengujian sistem dilakukan untuk memeriksa kekompakan antar komponen

sistem yang diimplementasikan. Tujuan dari pengujian sistem adalah untuk

memastikan bahwa elemen-elemen atau komponen-komponen dari sistem telah

berfungsi sesuai dengan yang diharapkan. Pengujian perangkat lunak ini

menggunakan metode black box testing berfokus pada persyaratan atau kebutuhan

fungsional perangkat lunak yang dibuat.

BAB III PEMBAHASAN - repository.bsi.ac.id...Tinjauan perusahaan dilakukan untuk mendapatkan gambaran tentang proses bisnis berdasarkan sejarah perusahaan, struktur organisasi dan fungsi

Documents