BAB III PEMBAHASAN. Adapun analisa kebutuhan pengunjung dalam tugas akhir website e-learning

(1)

32

PEMBAHASAN

3.1.Analisa Kebutuhan

3.1.1. Analisa Kebutuhan Pengguna A. Analisa Kebutuhan Pengunjung

Adapun analisa kebutuhan pengunjung dalam tugas akhir website e-learning sekolah menengah atas adalah :

1. Pengunjung dapat melihat isi konten website yang berisi artikel yang bisa diunduh dan tidak berbayar, informasi tentang dunia pendidikan yang bebas dibaca bagi siapapun.

2. Pengunjung dapat melihat informasi mengenai profil, artikel, informasi tentang pendidikan yang tersedia pada website.

B. Analisa Kebutuhan Siswa

Untuk analisa kebutuhan siswa dalam tugas akhir website e-learning sekolah menengah atas yaitu :

1. Siswa dapat mengikuti kelas tambahan e-learning sesuai mata pelajaran dan jadwal yang telah ditentukan pada website ini.

2. Siswa dapat mengikuti kuis dan uts sesuai jadwal yang telah ditentukan pada

(2)

C. Analisa Kebutuhan Admin

Adapun analisa kebutuhan administrator dalam tugas akhir website e-learning sekolah menengah atas yaitu :

1. Administrator dapat melihat siswa dan guru yang aktif dan sedang terhubung pada website ini.

2. Administrator dapat melihat hasil tampilan website.

3. Administrator dapat menambah, mengedit, dan menghapus informasi berupa nama kelas, mata pelajaran, jadwal pelajaran, dan jadwal ujian pada website ini.

4. Administrator dapat membuat aktif dan tidak aktifnya akun siswa dan akun guru.

D. Analisa Kebutuhan Guru

Adapun analisa kebutuhan guru dalam tugas akhir website e-learning sekolah menengah atas yaitu :

1. Guru dapat memberikan materi pelajaran yang bisa di-download oleh siswa pada website ini.

2. Guru dapat menambah, mengedit, menghapus artikelnya sendiri pada website ini.

(3)

3.1.2. Aanalisa Kebutuhan Sistem A. Analisa Kebutuhan Sistem Pengunjung

Adapun analisa kebutuhan sistem pengunjung dalam tugas akhir website

e-learning sekolah menengah atas yaitu :

1. Menyediakan informasi profil mengenai website ini.

2. Menyediakan artikel yang dapat diunduh dan tidak berbayar. 3. Menyediakan informasi tentang pendidikan.

4. Menyadiakan pembahasan mengenai e-learning secara umum.

B. Analisa Kebutuhan Sistem Siswa

Adapun analisa kebutuhan sistem siswa dalam tugas akhir website e-learning sekolah menengah atas yaitu :

1. Siswa dapat login dengan memasukkan nis dan password tanggal lahir.

2. Siswa dapat memperbarui data pribadi dengan cara mengubah alamat email, nomor telepon, dan alamat rumah.

3. Siswa dapat mengunduh artikel dan materi pelajaran. 4. Siswa dapat menerima informasi sekolah.

5. Siswa dapat melihat jadwal pembelajaran pada mata pelajaran yang telah ditentukan sekolah.

(4)

C. Analisa Kebutuhan Sistem Admin

Adapun analisa kebutuhan sistem administrator dalam tugas akhir website

e-learning sekolah menengah atas yaitu :

1. Menyediakan fasilitas untuk melihat siswa dan guru yang sedang terhubung pada website ini.

2. Menyediakan fasilitas untuk menambah, mengedit, dan menghapus informasi berupa nama kelas, mata pelajaran, jadwal pelajaran, dan jadwal ujian pada

website ini.

3. Menyediakan fasilitas untuk merubah status aktif dan tidak aktif pada akun siswa dan guru.

4. Menyediakan fasilitas informasi tentang laporan ujian siswa. 5. Menyediakan fasilitas penyimpanan berkas.

D. Analisa Kebutuhan Sistem Guru

Adapun analisa kebutuhan sistem guru dalam tugas akhir website e-learning sekolah menengah atas yaitu :

1. Menyediakan fasilitas untuk melihat siswa yang sedang terhubung pada

website ini.

2. Menyediakan sarana untuk mengunggah dokumen sebagai materi untuk siswa. 3. Menyediakan fasilitas untuk mengedit, menambah, serta menghapus

artikelnya.

4. Menyediakan fasilitas untuk mengedit, menambah, serta menghapus informasi kuis

(5)

3.2. Perancangan Perangkat Lunak 3.2.1. Rancangan Antar Muka

A. Rancangan Tampilan Halaman Index

Header

Halaman Menu Utama

Isi Konten

 Beranda  Profil  Galeri  Artikel Login Siswa Informasi Gambar III.1 Rancangan Halaman Index Keterangan Gambar :

1. Beranda : Untuk mengakses halaman beranda 2. Profil : Untuk mengakses halaman profil 3. Galeri : Untuk mengakses halaman galeri 4. Artikel : Untuk mengakses halaman artikel 5. Login Siswa : Untuk mengakses halaman login siswa 6. Informasi : Untuk masuk sebagai guru atau admin

(6)

B. Rancangan Halaman Tampilan Profil

Header

Halaman Menu Utama

Profil

 Beranda  Profil  Galeri  Artikel Login Siswa Informasi Gambar III.2 Rancangan Halama Profil Keterangan Gambar :

(7)

C. Rancangan Halaman Tampilan Galeri

Header

Halaman Menu Utama

Galeri

 Beranda  Profil  Galeri  Artikel Login Siswa Informasi Gambar III.3 Rancangan Halaman Galeri Keterangan gambar :

(8)

D. Rancangan Halaman Tampilan Arttikel

Header

Halaman Menu Utama

Artikel

 Beranda  Profil  Galeri  Artikel Login Siswa Informasi Gambar III.4 Rancangan Halaman Artikel Keterangan Gambar :

(9)

E. Rancangan Halaman Tampilan Siswa

Halaman antar muka siswa ini untuk melihat data siswa atau siswi yang masuk didalam website tersebut seperti data pribadi, kelas yang diikuti, data pelajaran, e-learning, dan nilai.

1). Rancangan Halaman Tampilan Login Siswa

Header

LOGIN SISWA

Username : 999999 Password : 999999 LOGIN Gambar III.5

Rancangan Halaman Login Siswa

2). Rancangan Halaman Tampilan Beranda Siswa

Rancangan halaman beranda siswa adalah rancangan halaman yang berguna untuk mengelola isi dari website.

(10)

Header

Salam Halaman Nama siswa Selamat Datang...!!! Menu Utama  Beranda

 Data Pribadi Siswa  Kelas Siswa  Data Pelajaran  E-Learning  Nilai Informasi Logout Gambar III.6

Rancangan Halaman Beranda Siswa Keterangan :

1. Beranda : berfungsi untuk menampilkan halaman awal ruang siswa 2. Data Pribadi Siswa : berfungsi untuk menampilkan halaman profil siswa 3. Kelas Siswa : berfungsi untuk menampilkan halaman kelas yang diikuti 4. Data Pelajaran : berfungsi untuk menampilkan halaman mata pelajaran 5. E-Learning : berfungsi untuk menampilkan halaman tugas dan kuis 6. Nilai : berfungsi untuk menampilkan halaman nilai

(11)

3). Rancangan Halaman Tampilan Data Pribadi Siswa

Header

Salam Halaman

Nama siswa

Data Pribadi Siswa Nis :999999 Nama Kelas :9x Alamat :xxxxxx Tempat Lahir :xxxxxx Tanggal Lahir :999999 Jenis Kelamin :xxxxxx Agama :xxxxxx Nama Ayah :xxxxxx Nama Ibu :xxxxxx Tahun Masuk :999999 Email :xxxxxx Nomor Telepon :999999 Foto : gambar Menu Utama  Beranda

Rancangan Data Pribadi Siswa Keterangan :

1. Beranda : berfungsi untuk menampilkan halaman awal ruang siswa 2. Data Pribadi Siswa : berfungsi untuk menampilkan halaman profil siswa 3. Kelas Siswa : berfungsi untuk menampilkan halaman kelas yang diikuti 4. Data Pelajaran : berfungsi untuk menampilkan halaman mata pelajaran 5. E-Learning : berfungsi untuk menampilkan halaman tugas dan kuis

(12)

6. Nilai : berfungsi untuk menampilkan halaman nilai 7. Logout : berfungsi untuk keluar dari ruang siswa

4). Rancangan Halaman Tampilan Kelas Siswa

Header

Salam Halaman

Nama siswa

Kelas Yang Diikuti 9-X

Menu Utama  Beranda

Rancangan Halaman Kelas Siswa Keterangan :

1. Beranda : berfungsi untuk menampilkan halaman awal ruang siswa 2. Data Pribadi Siswa : berfungsi untuk menampilkan halaman profil siswa 3. Kelas Siswa : berfungsi untuk menampilkan halaman kelas yang diikuti 4. Data Pelajaran : berfungsi untuk menampilkan halaman mata pelajaran

(13)

5. E-Learning : berfungsi untuk menampilkan halaman tugas dan kuis 6. Nilai : berfungsi untuk menampilkan halaman nilai

7. Logout : berfungsi untuk keluar dari ruang siswa

5). Rancangan Halaman Tampilan Data Pelajaran

Header

Salam Halaman

Nama siswa

Daftar Materi Nis Nama Siswa Id Kelas

999999 Xxxxxx 9x LIHAT

MATERI Menu Utama

 Beranda

Rancangan Halaman Pelajaran Keterangan :

1. Beranda : berfungsi untuk menampilkan halaman awal ruang siswa 2. Data Pribadi Siswa : berfungsi untuk menampilkan halaman profil siswa 3. Kelas Siswa : berfungsi untuk menampilkan halaman kelas yang diikuti 4. Data Pelajaran : berfungsi untuk menampilkan halaman mata pelajaran 5. E-Learning : berfungsi untuk menampilkan halaman tugas dan kuis

(14)

6. Nilai : berfungsi untuk menampilkan halaman nilai 7. Logout : berfungsi untuk keluar dari ruang siswa 6). Rancangan Halaman Tampilan E-Learning

Header

Salam Halaman Nama siswa Soal 1. 2. Jawab Menu Utama  Beranda

Rancangan Halaman E-Learning Keterangan :

(15)

7). Rancangan Halaman Tampilan Nilai

Header

Salam Halaman

Nama siswa

Nilai

No. Id Siswa Mapel Nilai xxxxxx 999999 Xxxxxx 999999 Menu Utama

 Beranda

Rancangan Halaman Nilai Siswa Keterangan :

(16)

F. Rancangan Halaman Tampilan Guru

Halaman antar muka guru ini untuk melihat data yang masuk didalam website tersebut seperti data pribadi, manajemen kelas, data pelajaran, upload materi, dan manajemen kuis.

1). Rancangan Halaman Tampilan Login Guru

Header

LOGIN GURU

Rancangan Halaman Login Guru 2). Rancangan Halaman Tampilan Beranda Guru

Header

Salam Halaman Nama Guru Profil Guru Menu Utama  Beranda  Manajemen Kelas  Mata Pelajaran  Materi  Manajemen Kuis Informasi Logout Gambar III.13

Rancangan Halaman Beranda Guru Keterangan :

(17)

1. Beranda : berfungsi untuk menampilkan halaman awal ruang guru 2. Manajemen Kelas : berfungsi untuk mengolah kelas yang diajar

3. Mata Pelajaran : berfungsi untuk mengolah mata pelajaran 4. Materi : berfungsi untuk meng-upload materi 5. Manajemen Kuis : berfungsi untuk mengolah kuis

3). Rancangan Halaman Tampilan Manajemen Kelas Guru

Header

Salam Halaman

Nama Guru

Tambah

Kelas Yang Anda Ajar

Id guru NIP Nama Kelas Aksi 9x 999999 xxxxxx 9x Menu Utama  Beranda  Manajemen Kelas  Mata Pelajaran  Materi  Manajemen Kuis Informasi Logout Gambar III.14

Rancangan Halaman Manajemen Kelas Guru Keterangan :

(18)

4. Materi : berfungsi untuk meng-upload materi 5. Manajemen Kuis : berfungsi untuk mengolah kuis

4). Rancangan Halaman Tampilan Mata Pelajaran

Header

Salam Halaman

Nama Guru

Tambah

Kelas Yang Anda Ajar Id

guru

NIP Nama Mapel Kelas Aksi 9x 999999 Xxxxxx xxxxxx 9x Menu Utama  Beranda  Manajemen Kelas  Mata Pelajaran  Materi  Manajemen Kuis Informasi Logout Gambar III.15

Rancangan Halaman Mata Pelajaran Keterangan :

(19)

5). Rancangan Halaman Tampilan Materi

Header

Salam Halaman Nama Guru Input Materi Cari Simpan Menu Utama  Beranda  Manajemen Kelas  Mata Pelajaran  Materi  Manajemen Kuis Informasi Logout Gambar III.16 Rancangan Halaman Materi Keterangan :

(20)

6). Rancangan Halaman Tampilan Manajemen Kuis

Header

Salam Halaman

Nama Guru

Input Kuis Id Guru Nama Mapel Kelas

999999 xxxxxx xxxxxx 9-x INPUT Menu Utama  Beranda  Manajemen Kelas  Mata Pelajaran  Materi  Manajemen Kuis Informasi Logout Gambar III.17

Rancangan Halaman Manajemen Kuis Keterangan :

(21)

G. Rancangan Halaman Tampilan Admin

Halaman antar muka admin ini untuk melihat data yang masuk didalam

website tersebut seperti manajemen siswa, manajemen kelas, mata pelajaran, dan

manajemen guru.

1). Rancangan Halaman Tampilan Login Admin

Header

LOGIN ADMIN

Rancangan Halaman Login Admin 2). Rancangan Halaman Tampilan Beranda Admin

Header

Salam Halaman Nama Admin Quick Links Menu Utama  Beranda  Manajemen Siswa  Manajemen Kelas  Mata Pelajaran  Manajemen Guru Informasi Logout Gambar III.19

(22)

Keterangan :

1. Beranda : untuk menampilkan halaman awal ruang admin 2. Manajemen Siswa : untuk mengolah data siswa

3. Manajemen Kelas : untuk mengolah data kelas 4. Mata Pelajaran : untuk mengolah data pelajaran 5. Manajemen guru : untuk mengolah data guru

3). Rancangan Halaman Tampilan Manajemen Siswa Admin

Header

Salam Halaman

Nama Admin

Pilih Kelas Siswa

Submit Menu Utama  Beranda  Manajemen Siswa  Manajemen Kelas  Mata Pelajaran  Manajemen Guru Informasi Logout Gambar III.20

Rancangan Halaman Manajemen Siswa Keterangan :

(23)

4). Rancangan Halaman Tampilan Manajemen Kelas Admin

Header

Salam Halaman

Nama Admin

Tambah

Daftar Kelas

Id Kelas Kelas Id Guru Aksi

9-x 9-x 999999 Menu Utama  Beranda  Manajemen Siswa  Manajemen Kelas  Mata Pelajaran  Manajemen Guru Informasi Logout Gambar III.21

Rancangan Halaman Manajemen Kelas Keterangan :

(24)

5). Rancangan Halaman Tampilan Mata Pelajaran

Header

Salam Halaman

Nama Admin

Mata Pelajaran

Guru Mapel Kelas Deskripsi Aksi xxxxxx xxxxxx 9-x Xxxxxx Menu Utama  Beranda  Manajemen Siswa  Manajemen Kelas  Mata Pelajaran  Manajemen Guru Informasi Logout Gambar III.22

Rancangan Halaman Mata Pelajaran Keterangan :

(25)

6). Rancangan Halaman Tampilan Manajemen Guru

Header

Salam Halaman

Nama Admin

Manajemen Guru

Id Guru Nip Nama Aksi

999999 999999 Xxxxxx Menu Utama  Beranda  Manajemen Siswa  Manajemen Kelas  Mata Pelajaran  Manajemen Guru Informasi Logout Gambar III.23

Rancangan Halaman Manajemen Guru Keterangan :

(26)

3.2.2. Rancangan Basis Data

A. Entity Relationship Diagram (ERD)

Gambar III.24

(27)

B. Logical Relational Structure (LRS)

Gambar III.25

Logical Relational Structure (LRS)

C. Spesifikasi File 1. Spesifikasi File Siswa

Nama File : siswa

Akronim : siswa

Fungsi : untuk menyimpan data siswa Tipe File : File Master

Akses File : Random

(28)

Penjang Record : 1078 Kunci Field : id_siswa

Software : Mysql

Tabel III.1 spesifikasi file siswa

No. Elemen Data Akronim Tipe Panjang Keterangan

1 id_siswa id_siswa Int 9 Primary key

2 nis Nis Varchar 50 -

3 nama_lengkap Nama_lengkap Varchar 100 -

4 Id_kelas Id_kelas Varchar 5 -

5 alamat Alamat Varchar 150 -

6 Tempat_lahir Tempat_lahir Varchar 100 -

7 Tgl_lahir Tgl_lahir Date - -

8 Jenis_kelamin Jenis_kelamin Enum „L‟,‟P‟ -

9 agama Agama Varchar 20 -

10 Nama_ayah Nama_ayah Varchar 100 -

11 Nama_ibu Nama_ibu Varcahar 100 -

12 Th_masuk Th_masuk Varchar 4 -

13 email Email Varchar 50 -

14 No_telp No_telp Varchar 20 -

15 foto Foto Varchar 150 -

(29)

2. Spesifikasi File Mata Pelajaran

Nama File : mata_pelajaran Akronim : mata_pelajaran

Fungsi : untuk menyimpan data mata pelajaran Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

Penjang Record : 124

Kunci Field : id_matapelajaran

Software : Mysql

Tabel III.2 spesifikasi file mata pelajaran

No Elemen Data Akronim Tipe Panjang Keterangan 1 Id_matapelajaran Id_matapelajaran Varchar 10 Primary key

2 nama nama mapel Varchar 100 -

4 Id_pengajar Id_pengajar Int 9 -

5 deskripsi Deskripsi Text - -

3. Spesifikasi File Topik Quiz Nama File : topik_quiz Akronim : topik_quiz

(30)

Tipe File : File Transaksi Akses File : Random

Media : Harddisk

Penjang Record : 324 Kunci Field : id_tq

Software : Mysql

Tabel III.3 spesifikasi file topik quiz

No Elemen Data Akronim Tipe Panjang Keterangan

1 Id_tq Id_tq Int 9 Primary key

2 Judul Judul Varchar 150 -

4 Id_matapelajaran Id_matapelajaran Varchar 10 -

5 Tgl_buat Tgl_buat Date - -

6 pembuat Pembuat Varchar 100 -

7 Waktu_pengerjaan Waktu_pengerjaan Int 50 -

8 Info Info Text - -

9 Terbit Terbit Enum „Y‟,‟N‟ -

4. Spesifikasi File Pengajar

Nama File : pengajar

Akronim : pengajar

(31)

Tipe File : File Master Organisasi File : index sequential Akses File : Random

Media : Harddisk

Penjang Record : 561

Kunci Field : id_pengajar

Software : Mysql

Tabel III.4 spesifikasi file pengajar

1 Id_pengajar Id_pengajar Int 9 Primary key

2 Nip Nip Char 12 -

3 Nama_lengkap Nama_lengkap Varchar 100 -

4 Level Level Varchar 50 -

5 Alamat Alamat Text - -

6 Tempat_lahir Tempat_lahir Varchar 100 -

7 Tgl_lahir Tgl_lahir Date - -

8 Jenis_kelamin Jenis_kelamin Enum „L‟,‟P‟ -

9 Agama Agama Varchar 20 -

11 Email Email Varchar 50 -

12 Foto Foto Varchar 100 -

(32)

5. Spesifikasi File Soal

Nama File : quiz_pilganda Akronim : quiz_pilganda

Fungsi : untuk menyimpan data soal Tipe File : File Transaksi

Organisasi File : index sequential Akses File : Random

Media : Harddisk

Penjang Record : 170 Kunci Field : id_quiz

Software : Mysql

Tabel III.5 spesifikasi file soal

1 Id_quiz Id_quiz Int 10 Primary key

2 Iq_tq Id_tq Int 9 -

3 Pertanyaan Pertanyaan Text - -

4 Gambar Gambar Varchar 100 -

5 Pil_a Pil_a Text - -

6 Pil_b Pil_b Text - -

7 Pil_c Pil_c Text - -

(33)

9 Kunci Kunci Varchar 1 -

10 Tgl_buat Tgl_buat Date - -

11 Jenis_soal Jenis_soal Varchar 50 -

6. Spesifikasi File Nilai

Nama File : nilai

Akronim : nilai

Fungsi : untuk menyimpan data nilai Tipe File : File Transakasi

Media : Harddisk

Penjang Record : 223 Kunci Field : id_nilai

Software : Mysql

Tabel III.6 spesifikasi file nilai

1 Id Id nilai Int 50 Primary key

2 Id_tq Id_tq Int 50 -

3 Id_siswa Id_siswa Int 50 -

(34)

5 salah Salah Int 10 - 6 Tidak_dikerjakan Tidak_dikerjakan Int 50 -

7 presentase Presentase Int 3 -

7. Spesifikasi File Kelas

Nama File : kelas

Akronim : kelas

Fungsi : untuk menyimpan data kelas Tipe File : File Master

Media : Harddisk

Penjang Record : 114 Kunci Field : id_kelas

Software : Mysql

Tabel III.7 spesifikasi file kelas

1 Id_kelas Id_kelas Varchar 5 Primary key

2 nama Nama kelas Varchar 100 -

(35)

8. Spesifikasi File Admin Nama File : admin

Akronim : admin

Fungsi : untuk menyimpan data admin Tipe File : File Master

Media : Harddisk

Penjang Record : 423 Kunci Field : id_admin

Software : Mysql

Tabel III.8 spesifikasi file admin

1 Id_admin Id_admin Int 3 Primary key

2 username Username Varchar 100 -

3 password Password Varchar 100 -

4 Nama_lengkap Nama_lengkap Varchar 100 -

5 level Level admin Varchar 50 -

6 alamat Alamat Text - -

(36)

3.2.3 Struktur Navigasi

A. Rancangan Struktur Navigasi Index

Gambar III.26 Struktur Navigasi Index

B. Rancangan Struktur Navigasi Siswa

Gambar III.27 Struktur Navigasi Siswa

(37)

C. Rancangan Struktur Navigasi Guru

Gambar III.28 Struktur NavigasiGuru

D. Rancangan Struktur Navigasi Admin

Gambar III.29 Struktur Navigasi Admin

(38)

3.3. Implementasi Dan Pengujian Unit 3.3.1. Implementasi

A. Implementasi Rancangan Antar Muka 1. Implementasi Halaman Index

Pengunjung dan siswa dapat melihat halaman index atau beranda website

e-learning sebagai sarana untuk belajar dan mengajar secara online.

Gambar III.30 Implementasi Halaman Index

2. Implementasi Halaman Login Siswa

Siswa yang aktif harus login terlebih dahulu dengan menggunakan NIS dan tanggal lahir untuk bisa masuk dan menggunakan fasilitas website ini. Jika berhasil login maka siswa dapat mengakses halaman web tersebut.

(39)

Gambar III.31 Implementasi Login Siswa

3. Implementasi Halaman Beranda Siswa

Setelah berhasil login sebagai siswa maka konten yang ada bisa diakses dan diubah sesuai ketentuan dari sistem website.

Gambar III.32 Implementasi Beranda Siswa

(40)

4. Implementasi Halaman Profil Siswa

Siswa dapat melihat data dirinya sendiri dalam website e-larning.

Gambar III.33

Implementasi Halaman Profil Siswa

5. Implementasi Halaman Kelas Siswa

Siswa dapat melihat kelas yang diikuti beserta daftar siswa pada kelas tersebut.

Gambar III.34

(41)

6. Implementasi Halaman Mata Pelajaran

Siswa dapat melihat daftar pelajaran yang diikuti sesuai kelasnya masing-masing, kemudian dapat mengunduh file materi yang di-upload oleh guru.

Gambar III.35 Implementasi Mata Pelajaran

7. Implementasi E-Learning Siswa

Siswa dapat mengerjakan tugas sesuai dengan kelasnya masing-masing yang telah diberikan oleh guru.

Gambar III.36 Implementasi Halaman Soal

(42)

8. Implementasi Halaman Login Guru

Guru harus login terlebih dahulu dengan menggunakan Nip dan password yang berupa tanggal lahir untuk bisa masuk dan menggunakan fasilitas yang ada. Jika berhasil login maka seluruh konten menu akan ditampilkan.

Gambar III.37

Implementasi Halaman Login Guru

9. Implementasi Halaman Beranda Guru

Setelah berhasil login sebagai guru maka konten yang ada bisa diakses dan diubah sesuai ketentuan dari sistem website.

Gambar III.38

(43)

10. Implementasi Manajemen Kelas Guru

Guru dapat mengakses kelas yang dibuat sesuai dangan ketentuan website tersebut.

Gambar III.39

Implementasi Manajemen Kelas

11. Implementasi Mata Pelajaran Yang Diajar Guru

Guru dapat menembahkan mata pelajaran sesuai dengan kelas yang diajarnya.

Gambar III.40

(44)

12. Implelmentasi Halaman Input Materi Guru

Guru dapat meng-upload materi sesuai mata pelajaran dan kelas yang diajarnya.

Gambar III.41 Implementasi Input Materi

13. Implementasi Login Admin

Admin harus login terlebih dahulu dengan menggunakan username dan password yang yang telah disediakan untuk bisa masuk dan menggunakan fasilitas yang ada. Jika berhasil login maka seluruh konten menu akan ditampilkan.

Gambar III.42

(45)

14. Implementasi Halaman Beranda Admin

Setelah login berhasil maka admin dapat mengakses halaman yang berada diruang admin tersebut.

Gambar III.43

Implementasi Beranda Admin

15. Implementasi Manajemen Kelas Admin

Admin dapat menambah dan mengubah nama kelas sesuai dengan ketentuan

website tersebut.

Gambar III.44

(46)

16. Implementasi Manajemen Mata Pelajaran Admin

Admin dapat menambah mata pelajaran sesuai dengan ketentuan website tersebut.

Gambar III.45

Implementasi Manajemen Mata Pelajaran Admin

B. Spesifikasi Sistem Komputer

Berikut adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk mengimplementasikan website e-learning.

1. Spesifikasi Perangkat Keras a. Server

1). CPU

a) Processor Intel® inside® dual core b) RAM DDR2 2GB

c) Hard Disk 500 GB 2) Mouse

(47)

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 1 Mbps.

b. Client

1) CPU

a) Processor Intel® inside® dual core b) RAM DDR2 1 GB

c) Hard Disk 240 GB 2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768 5) Koneksi internet dengan kecepatan 500 kbps.

2. Spesifikasi Perangkat Lunak 1) Server

a) Sistem operasi yang umum digunakan seperti microsoft windows atau

linux.

b) Aplikasi bundle web server seperti xampp, wampserver, php2triad yang terdiri dari beberapa komponen, diantaranya :

1) Aplikasi Apache Server v2 2) Aplikasi PHP Server v5

3) Aplikasi MySQL Server v5

(48)

c) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

2) Client

a) Sistem operasi yang umum digunakan seperti : Microsoft Windows,

atau Linux.

b) Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

3.3.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan blackbox testing yang fokus terhadap proses masukan dan keluaran program.

A. Pengujian Terhadap Form Login Siswa

Tabel III.9 hasil pengujian black box testing login siswa No Skeneario

Pengujian

Test Case Hasil Yang diharapkan

Hasil Pengujian

Kesimpulan

1 Jika tidak ada field yang diisi (kosong) Username: (kosong) password: (kosong) Sistem akan menolak dan menampilkan kembali halaman login Sesuai harapan Valid 2 Mengetikkan salah satu kondisi

Username: 11223344 Sistem akan menolak dan Sesuai harapan Valid

(49)

salah antara username dan password password: (kosong) menampilkan kembali halaman login 3 Mengetikkan

salah satu kondisi salah antara username dan password Username: 11223344 password: abcdefgh Sistem akan menolak dan menampilkan username atau password salah Sesuai harapan Valid 4 Mengetikkan username dan password sesuai data yang benar

Username: 11223344 password: 1989-05-01 Sistem akan menerima dan menampilkan halaman beranda siswa Sesuai harapan Valid

B. Pengujian Terhadap Form Login Admin

Tabel III.10 hasil pengujian black box testing login admin No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil pengujian

Kesimpulan

1 Jika tidak ada field yang diisi (kosong)

Username : (kosong) password : (kosong) Sistem akan menolak dan kembali lagi ke halaman Sesuai harapan Valid

(50)

login 2 Mengetikkan salah

satu kondisi salah antara username dan password Username: 11223344 password: (kosong) Sistem akan menolak dan kembali ke halaman login Sesuai harapan Valid 3 Mengetikkan salah satu kondisi salah antara username dan password Username: administrator password: abcdefgh Sistem akan menolak dan kembali ke halaman login Sesuai harapan Valid 4 Mengetikkan username dan password sesuai data yang benar

Username: administrator password: 1234 Sistem akan menerima dan masuk ke beranda Sesuai harapan Valid

C. Pengujian Terhadap Form Tambah Kelas

Tabel III.11 hasil pengujian black box testing tambah kelas No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil Pengujian

Kesimpulan

Id kelas : (kosong) nama kelas : (kosong) Sistem akan menolak dan menampilkan “data kosong Sesuai harapan Valid

(51)

id_pengajar: (kosong)

gagal input”

2 Mengetikkan isi field dengan benar

Id kelas: (A1) nama kelas: XI-A id_pengajar: 6 Sistem akan menerima dan menampilkan “daftar kelas” Sesuai harapan Valid

D. Pengujian Terhadap Form Login Guru

Tabel III.12 pengujian black box testing login guru No Skenario Pengujian Test Case Hasil yang

diharapkan

Hasil pengujian

Kesimpulan

Username : (kosong) password : (kosong) Sistem akan menolak dan kembali lagi ke halaman login Sesuai harapan Valid 2 Mengetikkan salah satu kondisi salah antara username dan password Username: 12132957 password: (kosong) Sistem akan menolak dan kembali ke halaman login Sesuai harapan Valid

(52)

satu kondisi salah antara username dan password 12132957 password: abcdefgh menolak dan kembali ke halaman login harapan 4 Mengetikkan username dan password sesuai data yang benar

Username: 12132957 password: 1989-05-01 Sistem akan menerima dan masuk ke beranda Sesuai harapan Valid