Gambar 3.37 Halaman login siswa
· Pilih tryout untuk menampilkan
FU16 ·
Tekan Tombol Liat Jadwal untuk menampilkan FU17
· Pilih Tryout latihan untuk
menampilkan FU18 ·
Pilih Pelajaran dan tekan Tombol Piih Pelajaran Untuk Menampilkan
FU 19 ·
Pilih tryout online untuk menampilkan FU 20
· Pilih tryout untuk menampilkan
FU21, akan FU21 akan muncul setelah tryout online selesai
dilakukan ·
Pilih Lihat Nilai Untuk menampilkan FU22
Logout Ubah Akun
Ganti Foto Profil
Siswa
Tryout
Materi Tugas
Home Histori
Nila
Forum Pengumu
man
Ujian
S – FU16
H N
C F
-H: Header Bg: Biru Corak
Huruf:20px Ukuran : Disesuaikan
-C: Content Bg: Putih
Ukuran: Disesuaikan
- I : Image Ukuran : Disesuaikan
-N:Navigator Ukuran Disesuaikan
Huruf: 14px Warna Link: Ungu
-F : Footer Huruf:10Px
Warna Huruf: Hitam
I
Tryout
- B: Button Ukuran : disesuaikan
Huruf : 14px Warna: Putih
Bg: Biru Lihat Jadwal
Tryout Latihan Tryout Online
Gambar 3.38 Halaman Utama tryout siswa
· Tekan Tombol Liat Jadwal untuk
menampilkan FU17 ·
Pilih Tryout latihan untuk menampilkan FU18
· Pilih Pelajaran dan tekan Tombol
Piih Pelajaran Untuk Menampilkan FU 19
· Pilih tryout online untuk
menampilkan FU 20 ·
Pilih tryout untuk menampilkan FU21, akan FU21 akan muncul
setelah tryout online selesai dilakukan
· Pilih Lihat Nilai Untuk menampilkan
FU22
Logout Ubah Akun
Ganti Foto Profil
Siswa
Tryout jadwal
Materi Tugas
Home Histori
Nila
Forum Pengumu
man
Ujian
S – FU17
H N
C F
-H: Header Bg: Biru Corak
Huruf:20px Ukuran : Disesuaikan
-C: Content Bg: Putih
Ukuran: Disesuaikan
- I : Image Ukuran : Disesuaikan
-N:Navigator Ukuran Disesuaikan
Huruf: 14px Warna Link: Ungu
-F : Footer Huruf:10Px
Warna Huruf: Hitam
I
Tryout
Sesi Tanggal dan jam
Lab Mata Pelajaran
Gambar 3.39 Halaman lihat jadwal
· Pilih Tryout latihan untuk
menampilkan FU18 ·
Pilih Pelajaran dan tekan Tombol Piih Pelajaran Untuk Menampilkan
FU 19 ·
Pilih tryout online untuk menampilkan FU 20
· Pilih tryout untuk menampilkan
FU21, akan FU21 akan muncul setelah tryout online selesai
dilakukan ·
Pilih Lihat Nilai Untuk menampilkan FU22
Logout Ubah Akun
Ganti Foto Profil
Siswa
Tryout Latihan
Materi Tugas
Home Histori
Nila
Forum Pengumu
man
Ujian
S – FU18
H N
C F
-H: Header Bg: Biru Corak
Huruf:20px Ukuran : Disesuaikan
-C: Content Bg: Putih
Ukuran: Disesuaikan
- I : Image Ukuran : Disesuaikan
-N:Navigator Ukuran Disesuaikan
Huruf: 14px Warna Link: Ungu
-F : Footer Huruf:10Px
Warna Huruf: Hitam
I
Tryout
- B: Button Ukuran : disesuaikan
Huruf : 14px Warna: Putih
Bg: Biru Enter Text
Pilih Mata Pelajaran : Pilih
Gambar 3.40 Halaman pilih pelajaran tryout latihan
· Pilih Pelajaran dan tekan Tombol
Piih Pelajaran Untuk Menampilkan FU 19
· Pilih tryout online untuk
menampilkan FU 20 ·
Pilih tryout untuk menampilkan FU21, akan FU21 akan muncul
setelah tryout online selesai dilakukan
· Pilih Lihat Nilai Untuk menampilkan
FU22
Logout Ubah Akun
Ganti Foto Profil
Siswa
Tryout Latihan
Materi Tugas
Home Histori
Nila
Forum Pengumu
man
Ujian
S – FU19
H N
C
F
-H: Header Bg: Biru Corak
Huruf:20px Ukuran : Disesuaikan
-C: Content Bg: Putih
Ukuran: Disesuaikan
- I : Image Ukuran : Disesuaikan
-N:Navigator Ukuran Disesuaikan
Huruf: 14px Warna Link: Ungu
-F : Footer Huruf:10Px
Warna Huruf: Hitam
I
Tryout
- B: Button Ukuran : disesuaikan
Huruf : 14px Warna: Putih
Bg: Biru
Soal no:
A B
C D
E
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
19 20
21 22
23 24
25 26
27 28
29 30
Anda telah menyelesaikan Soal dari
Soal
Gambar 3.41 Halaman tryout latihan
· Pilih tryout online untuk
menampilkan FU 20 ·
Pilih tryout untuk menampilkan FU21, akan FU21 akan muncul
setelah tryout online selesai dilakukan
· Pilih Lihat Nilai Untuk menampilkan
FU22
Logout Ubah Akun
Ganti Foto Profil
Siswa
Tryout Online
Materi Tugas
Home Histori
Nila
Forum Pengumu
man
Ujian
S – FU20
H N
C
F
-H: Header Bg: Biru Corak
Huruf:20px Ukuran : Disesuaikan
-C: Content Bg: Putih
Ukuran: Disesuaikan
- I : Image Ukuran : Disesuaikan
-N:Navigator Ukuran Disesuaikan
Huruf: 14px Warna Link: Ungu
-F : Footer Huruf:10Px
Warna Huruf: Hitam
I
Tryout
Soal no:
A B
C D
E
1 2
3 4
5 6
7 8
9 10
11 12
13 14
15 16
17 18
19 20
21 22
23 24
25 26
27 28
29 30
Anda telah menyelesaikan Soal dari
Soal
Gambar 3.42 Halaman tryout online
· Pilih tryout untuk menampilkan
FU21, akan FU21 akan muncul setelah tryout online selesai
dilakukan ·
Pilih Lihat Nilai Untuk menampilkan FU22
Logout Ubah Akun
Ganti Foto Profil
Siswa
Tryout
Materi Tugas
Home Histori
Nila
Forum Pengumu
man
Ujian
S – FU21
H N
C F
-H: Header Bg: Biru Corak
Huruf:20px Ukuran : Disesuaikan
-C: Content Bg: Putih
Ukuran: Disesuaikan
- I : Image Ukuran : Disesuaikan
-N:Navigator Ukuran Disesuaikan
Huruf: 14px Warna Link: Ungu
-F : Footer Huruf:10Px
Warna Huruf: Hitam
I
Tryout
- B: Button Ukuran : disesuaikan
Huruf : 14px Warna: Putih
Bg: Biru Lihat Jadwal
Tryout Latihan Lihat Nilai
Gambar 3.43 Halaman Utama tryout setelah tryout online dilaksanakan
3.2.5 Perancangan Pesan
Perancangan pesan yang terdapat dalam System yang akan dibangun di SMA Negeri 20 Bandung ini dapat dilihat pada gambar dan tabel sebagai berikut :
Gambar 3.44 Perancangan pesan
M01
Silahkan isi semua field terlebih dahulu
Tabel 3.46 Perancangan Pesan
3.2.5 Perancangan Prosedural
Perancangan prosedural merupakan perancangan yang dilakukan untuk menentukan detail algoritma yang akan dinyatakan kedalam sebuah program.
Perancangan prosedural menjelaskan tentang bagaimana sebuah sistem berjalan. Perancangan prosedural yang ada di learning management system ini digambarkan
dalam bentuk flowchart.
Kode Pesan Pesan
No. Form
M01 Silahkan isi semua field terlebih dahulu
FU01, FU6, FU16 M02
Silahkan Login Terlebih Dahulu FU01, FU6, FU16
M03 Data Berhasil Disimpan
FU3,FU4,FU5,FU8,FU9, FU10
M04 Data Berhasil Diubah
FU4,FU5,FU11,FU12 M05
Anda yakin akan menghapus Pelajaran Ini? FU4,
M06 Anda Yakin menghapus Tim Penyusun ini?
FU5 M07
Berhasil Menambah Gelombang FU3
M08 Maaf tidak Ada boleh ada kelas yang sama
FU3 M09
Maaf tidak Ada boleh ada lab yang sama FU3
M10 Apakah anda yakin akan menghapus pelajaran ini?
FU4 M11
Apakah Anda Yakin akan menghapus bab ini FU8
M12 Bab ini tidak bisa dihapus
FU8 M13
Isi Soal Terlebih Dahulu FU9,FU10
M14 Isi Tipe Jawaban Terlebih Dahulu
FU9,FU10 M15
Isi semua pilihan jawaban terlebih dahulu FU9,FU10
M16 Isi pilihan jawaban A terlebih dahulu
FU9,FU10 M17
Isi pilihan jawaban B terlebih dahulu FU9,FU10
M18 Isi pilihan jawaban C terlebih dahulu
FU9,FU10 M19
Isi pilihan jawaban D terlebih dahulu FU9,FU10
M20 Isi pilihan jawaban E terlebih dahulu
FU9,FU10 M21
Pilih Kunci Jawaban Terlebih Dahulu FU9,FU10
M22 Pilih level kesulitan soal terlebih dahulu
FU9,FU10 M23
Pilih Bab terlebih dahulu FU9,FU10
M24 Kelas ini belum mengikuti ujian
FU11 M25
Kelas ini belum mengikuti ujian pada gelombang ini FU12
1. Flowchart Login Flowchart login menggambarkan proses login dari awal sampai akhir. flowchart
login dapat dilihat pada Gambar 3.47 dibawah ini.
Mulai
Masukan Username dan
password
Tampil pesan “Login Gagal”
Valid? Masuk Ke dalam
sistem Selesai
Ya Tidak
Validasi username dan password
Gambar 3.45 Flowchart Login
2. Flowchart tambah data Flowchart tambah data menggambarkan langkah-langkah yang dilakukan oleh
pengguna untuk melakukan proses penambahan data padasistem yang dibangun. Flowchart tambah data dapat dilihat pada Gambar 3.48 dibawah ini.
Mulai
Masukan data yang akan
ditambah Tampilkan data
belum lengkap
Data Lengkap
Simpan Data Tampilkan data yang
sudah ditambah dan disimpan
Selesai Ya
Tidak
Gambar 3.46 Flowchart Tambah Data Soal
3. Flowchart ubah data Flowchart ubah data menggambarkan langkah-langkah yang dilakukan oleh
pengguna untuk melakukan pengubahan data pada sistem yang dibangun. Adapun gambaran flowchart dari proses pengubahan data dapat dilihat pada Gambar 3.49
dibawah ini.
Mulai
Data yang akan diubah
Pesan gagal mengubah data
Valid?
Selesai Ya
Tidak Ubah data
Pesan Sukses Ubah data
Gambar 3.47 Flowchart Ubah data
4. Flowchart Hapus data Flowchart hapus data menggambarkan langkah-langkah yang dilakukan
oleh pengguna untuk melakukan penghapusan data pada sistem yang dibangun. Adapun gambaran flowchart dari proses penghapusan data dapat dilihat pada
Gambar 3.50 dibawah ini.
Mulai
Pilih Data yang akan dihapus
Tampilkan form pengguna
Tidak Hapus Data
Hapus
Hapus Data Ya
Menampilkan pesan data
berhasil dihapus
Selesai
Gambar 3.48 Flowchart Hapus Data
5. Flowchart cari data Flowchart cari data menggambarkan langkah-langkah yang dilakukan oleh
pengguna untuk melakukan pencarian data pada sistem yang dibangun. Adapun gambaran flowchart dari proses pencarian data dapat dilihat pada Gambar 3.51
dibawah ini.
Mulai Data Yang
akan dicari
Cari Data Data
ditemukan Pesan gagal
mengubah data
Data yang dicari Selesai
Tidak Ya
Gambar 3.49 Flowchart Cari Data
6. Flowchart Tampil data Flowchart tampil data menggambarkan langkah-langkah yang dilakukan oleh
pengguna untuk menampilkan data pada sistem yang dibangun. Adapun gambaran flowchart dari proses tampil data dapat dilihat pada Gambar 3.52 dibwah ini.
Mulai Pilih data
yang akan ditampilkan
Tampilkan Data
Data Ditampilkan
Selesai
Gambar 3.50 Flowchart Tampil Data
3.2.6 Perancangan Jaringan Semantik Jaringan semantik adalah jalur yang menjelaskan alur dari setiap halaman. Jaringan
semantik dalam Learning Management System ini terbagi menjadi 3bagian yaitu jaringan semantik Admin, jaringan semantik Guru, dan jaringan semantik Siswa.
1.
Jaringan Semantik Admin
A-FU1 A-FU2
A-FU3 A-FU4
A-FU5
Gambar 3.51 Jaringan Semantik Admin
G-FU6 G-FU7
G-FU8 G-FU9
G-FU10
G-FU11 G-FU14
G-FU12 G-FU13
Gambar 3.52 Jaringan Semantik Guru
S-FU15 S-FU16
S-FU17 S-FU18
S-FU19
S-FU20 S-FU21
S-FU22
Gambar 3.53 Jaringan Semantik Siswa
115
BAB 4 IMPLEMENTASI DAN PENGUJIAN
Pada bab ini akan dilakukan implementasi dan pengujian sistem terhadap Sistem tryout berbasis web yang akan dibangun. Tahap implementasi dan pengujian
dilakukan setelah tahap analisis dan perancangan sistem selesai dilakukan dan selanjutnya akan diimplem ke dalam suatu bahasa pemrograman. Setelah
implementasi selesai dilakukan maka tahap selanjutnya dilakukan pengujian terhadap sistem yang baru dan akan dilihat beberapa kekurangan pada aplikasi yang
baru untuk pengembangan selanjutnya.
4.1 Implementasi Sistem
Setelah sistem dianalis dan di desain secara rinci, maka tahap selanjutnya adalah
tahap implementasi.
Tujuan implementasi
adalah untuk
mengkonfirmasikan modul program perancangan pada pengguna sistem sehingga pengguna dapat memberikan masukkan kepada pembangun sistem terhadap sistem
yang dibangun.
4.1.1 Implentasi Perangkat Keras
Perangkat keras yang diperlukan untuk mengimplementasikan perangkat lunak yang dibangun yaitu Sistem Tryout Berbasis web di SMA Negeri 20 Bandung
dapat dilihat pada Tabel 4.1 Dan Tabel 4.2 dibawah ini.
Tabel 4.1 Implementasi perangkat keras
Perangkat keras Spesifikasi
RAM Corsair Memory PC 2 GB DDR3 PC - 16000
Harddisk Seagata Barracuda SATA 7200 500 GB Cache
Buffer 32MB 3,5 inchi VGA
MSI 880GM-E41 MS-7623 CPU1 Monitor
LCD 17” Sync Master 1360x76885Hz
4.1.2 Implementasi Perangkat Lunak
Berikut ini adalah spesifikasi dari perangkat lunak untuk membangun Sistem Tryout berbasis Web di SMA Negeri 20 Bandung yaitu dapat dilihat pada
Tabel 4.2 dibawah ini.
Tabel 4.2 Implementasi Perangkat Lunak
Perangkat Lunak Keterangan
Sistem Operasi MS Windows 7 Profesional 32 Bit
Bahasa Pemograman PHP
Web Server Xampp Server
Database Server Mysql
Web Browser Google Chrome, Mozila Firefox, Internet
Explorer
4.1.3 Implementasi Basis Data
Pembuatan database dilakukan dengan menggunakan apliakasi DBMS MySQL, Implementasi database dalam membangun Sistem Tryout Berbasis Web
Di SMA Negeri 20 Bandung adalah sebagai berikut: 1. Pembuatan Database
Berikut adalah sintak SQL untuk membuat database Sistem Tryout Berbasis Web Di SMA Negeri 20 Bandung
1 CREATE DATABASE db_sman20;
2. Pembuatan Tabel Sistem ini merupakan sistem perkembangan dari sistem sebelumnya yaitu
Learning Management System, karena sistem ini merupakan perkembangan maka sudah tersedia tabel pada sistem yang sebelumnya, tabel yang sudah tersedia pada
sistem sebelumnya diantaranya tabel Admin, tabel Guru, tabel Siswa, tabel detail_siswa, tabel mata pelajaran, tabel materi, tabel file materi, tabel soal, tabel
histori soal, tabel tugas, tabel detail tugas, tabel ujian, tabel detail ujian, tabel mengajar, tabel detail mengajar, tabel kelas, tabel pengumuman, tabel forum, tabel
tahun_ajaran dam tabel pengguna. Berikut adalah daftar nama tabel untuk Sistem Tryout berbasis web di SMAN Negeri 20 Bandung yang ditulis dalam format .sql.
Tabel 4.3 Tabel database
No Nama Tabel
Nama File 1
To_soal To_soal.sql
2 To_pelajaran
To_pelajaran.sql 3
To_paketsoal To_paketsoal.sql
4 To_jadwal
To_jadwal.sql 5
To_detail_jadwal To_detail_jadwal.sql
6 To_historinilai
To_historinilai.sql 7
To_timpenyusun To_timpenyusun.sql
8 To_gelombang
To_gelombang.sql 9
To_nilai To_nilai.sql
3. Sintak SQL Pada Tabel Dari tabel diatas dapat diimplementasikan kedala sebuah sintaks SQL.
Berikut adalah beberapa sintaks dalam pembuatan tabel: a. Sintak SQL Tabel to_detail_jadwal.sql
1 CREATE TABLE IF NOT EXISTS `to_detail_jadwal`
2 `kode_djadwal` varchar6 NOT NULL,
3 `kode_jadwal` varchar10 NOT NULL,
4 `jam_mulai` time DEFAULT NULL,
5 `jam_selesai` time DEFAULT NULL,
6 `sesi` enum1,2,3 DEFAULT NULL,
7 `kode_ruangan` varchar8 DEFAULT NULL,
8 `id_kelas` varchar15 DEFAULT NULL,
9 PRIMARY KEY `kode_djadwal`,
10 KEY `kode_jadwal` `kode_jadwal`,
11 KEY `id_kelas` `id_kelas`,
12 KEY `kode_ruangan` `kode_ruangan`
13 ENGINE=InnoDB DEFAULT CHARSET=latin1;
b. Sintak SQL Tabel to_gelombang.sql
1 CREATE TABLE IF NOT EXISTS `to_gelombang`
2 `id_gel` varchar7 NOT NULL,
3 `gelombang` char1 NOT NULL,
4 `id_ta` varchar6 NOT NULL,
5 PRIMARY KEY `id_gel`,
6 KEY `kode_mp` `id_ta`,