Antarmuka Siswa Pembangunan learning management system di SMA Negeri 2 Bandung

M03 Password berhasil diubah G Keterangan: - G : Gambar Ukuran: Disesuaikan Jenis Pesan : Peringatan Lokasi Pesan : Pengolahan Pengguna Gambar III.51 Perancangan Pesan Berhasil diubah M04 Data berhasil disimpan G Keterangan: - G : Gambar Ukuran: Disesuaikan Jenis Pesan : Peringatan Lokasi Pesan : Data siswa dan guru. Gambar III.52 Perancangan Pesan Data Berhasil disimpan M05 Data kelas berhasil disimpan G Keterangan: - G : Gambar Ukuran: Disesuaikan Jenis Pesan : Peringatan Lokasi Pesan : Data kelas Gambar III.53 Perancangan Pesan Data Kelas Berhasil disimpan M06 Data mengajar berhasil disimpan G Keterangan: - G : Gambar Ukuran: Disesuaikan Jenis Pesan : Peringatan Lokasi Pesan : Data mengajar Gambar III.54 Perancangan Pesan Data Mengajar Berhasil disimpan M07 Data Tahun Ajaram berhasil disimpan G Keterangan: - G : Gambar Ukuran: Disesuaikan Jenis Pesan : Peringatan Lokasi Pesan : Tahun ajaran Gambar III.55 Perancangan Pesan Data Tahun Ajaran Berhasil disimpan III.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. 1. Flowchart Login Flowchart Login menggambarkan proses login, dapat dilihat pada Gambar III.56 dibawah ini. Mulai Memasukan username dan password Validasi username dan password Valid? Masuk ke dalam sistem Selesai Tampil pesan “Login Gagal” Ya Tidak Gambar III.56 Flowchart Login 2. Flowchart Tambah Data Flowchart Tambah Data menggambarkan proses Tambah Data, dapat dilihat pada Gambar III.57 dibawah ini. Mulai Masukkan data yang akan ditambah Tampilkan data belum lengkap Data lengkap? Simpan Data Tampilkan data yang sudah ditambah dan disimpan Selesai Ya Tidak Gambar III.57 Flowchart Tambah Data 3. Flowchart Ubah Data Flowchart Ubah Data menggambarkan proses Ubah Data, dapat dilihat pada Gambar III.58 dibawah ini. Mulai Data yang akan diubah Pesan gagal mengubah data Valid ? Ubah Data Pesan sukses ubah data Selesai Ya Tidak Gambar III.58 Flowchart Ubah Data 4. Flowchart Hapus Data Flowchart hapus data menggambarkan proses hapus data, dapat dilihat pada Gambar III.59 dibawah ini. Mulai Pilih data yang akan dihapus Hapus Data Tampilkan form anggota yang masih punya tunggakan Hapus? Hapus Data Menampilkan pesan data berhasil dihapus Ya Tidak Mulai Gambar III.59 Flowchart Hapus Data 5. Flowchart Cari Data Flowchart Cari Data menggambarkan proses Cari Data, dapat dilihat pada Gambar III.60 dibawah ini. Mulai Data yang akan dicari Pesan gagal mengubah data Data ditemukan? Cari Data Selesai Data yang dicari Ya Tidak Gambar III.60 Flowchart Cari Data 6. Flowchart Tampil Data Flowchart Tampil Data menggambarkan proses Tampil Data, dapat dilihat pada Gambar III.61 dibawah ini. Mulai Pili data yang akan ditampilkan Data ditampilkan Tampilkan Data Selesai Gambar III.61 Flowchart Tampil Data III.2.6 Perancangan Jaringan Semantik Jaringan semantik adalah jalur yang menjelaskan alur dari setiap halaman. Jaringan semantik dalam Learning Management System ini terbagi menjadi 3 bagian yaitu jaringan semantik Admin, jaringan semantik Guru, dan jaringan semantik Siswa.

1. Jaringan Semantik Administrator

FU01-A FU04-A FU05-A FU06-A FU03-A FU02-A FU08-A FU09-A FU10-A FU07-A Gambar III.62 Jaringan Semantik Administrator

2. Jaringan Semantik Siswa

FU01-S FU04-S FU05-S FU06-S FU03-S FU02-S FU08-S FU09-S FU07-S Gambar III.63 Jaringan Semantik Siswa 135

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Melihat pada bab ini akan dilakukan implementasi dan pengujian sistem terhadap Learning Management Sistem yang akan dibangun. Tahap implementasi dan pengujian dilakukan setelah tahap analisis dan perancangan sistem selesai dilakukan dan selanjutnya akan diimplementasikan 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.

VI.1 Implementasi Sistem

Setelah sistem dianalisis dan didesain secara rinci maka selanjutnya akan menuju tahap implementasi. Tujuan dari tahap implementasi adalah untuk mengkonfirmasikan modul program perancangan pada para pelaku sistem sehingga pengguna dapat memberi masukan kepada pembangun sistem.

VI.1.1 Implementasi Perangkat Keras

Perangkat keras yang dibutuhkan dalam mengimplementasikan perangkat lunak Learning Management System di SMA NEGERI 2 BANDUNG dapat dilihat pada Tabel IV.1 dibawah ini. Tabel IV.1 Implementasi Perangkat Keras No Perangkat Keras Spesifikasi 1 Processor Dual Core 2.3 Ghz 2 RAM 1 Gb 3 HDD 120-320 Gb 4 Optikal drive DVD RW 5 Monitor CRT Flat 14 Inc 6 VGA Card 128 Mb64 bit 7 LAN Card 10 – 100 Mbps 8 Koneksi Internet 384 Kbps

VI.1.2 Implementasi Perangkat Lunak

Berikut ini adalah spesifikasi dari perangkat lunak untuk membangun Learning Management Systemdi SMANEGERI 2 BANDUNGdapat dilihat pada Tabel IV.2 dibawah ini. Tabel IV.2 Implementasi Perangkat Lunak No Perangkat Lunak Nama 1 Sistem Operasi Windows XP 2 2 Browser Internet Explorer, Google Chrome dan Mozilla Firefox 3 Plugin Flash Player

VI.1.3 Implementasi Basis Data

Pembuatan database dilakukan dengan menggunakan aplikasi DBMS MySQL. Implementasi database dalam membangun Learnng Management Sistem di SMANEGERI 2 BANDUNGadalah sebagai berikut:

1. Pembuatan Database

Berikut adalah sintak SQL untuk membuat database Learning Management Sistem di SMANEGERI 2 BANDUNG. 1 CREATE DATABASE db_sma2bdg;

2. Pembuatan Tabel

Berikut adalah daftar Nama tabel untuk Learning Management Sistem di SMA NEGERI 2 BANDUNG yang ditulis dalam format .sql. Tabel IV.3 Pembuatan Tabel LMS SMAN 2 Bandung No Nama Tabel Nama file 1 administrator administrator.sql 2 detail_mengajar detail_mengajar.sql 3 detail_siswa detail_siswa.sql 4 detail_tugas detail_tugas.sql 5 detail_ujian detail_ujian.sql 6 file file.sql 7 forum forum.sql 8 guru guru.sql 9 histori_soal histori_soal.sql 10 kelas kelas.sql 11 materi materi.sql 12 mengajar mengajar.sql 13 pelajaran pelajaran.sql 14 pengguna pengguna.sql 15 pengumuman pengumuman.sql 16 siswa siswa.sql 17 soal soal.sql 18 tahun_ajaran tahun_ajaran.sql 19 tugas tugas.sql 20 ujian ujian.sql

3. Sintak pada Tabel

Beberapa tabel diatas dapat diimplementasikan kedalam sebuah sintaks SQL. Berikut adalah sintak dalam pembuatan tabel: a. Sintak SQL Tabel administrator.sql Tabel IV.4 Tabel Administrator 1 2 3 4 5 7 8 9 10 11 12 CREATE TABLE `administrator` `id_admin` int11 NOT NULL AUTO_INCREMENT, `nama` varchar30 NOT NULL, `username` varchar30 NOT NULL, `password` varchar50 NOT NULL, `email` varchar50 NOT NULL, `foto` varchar250 DEFAULT ..fotoblank.jpg, `status` enumadmin,superadmin NOT NULL, PRIMARY KEY `id_admin` ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1; b. Sintak SQL Tabel detail_mengajar.sql Tabel IV.5 Tabel Details Mengajar 1 2 CREATE TABLE `detail_mengajar` `id_detail_mengajar` int11 NOT NULL AUTO_INCREMENT, 3 4 5 7 8 9 10 11 12 13 14 15 16 `id_mengajar` int11 NOT NULL, `id_kelas` varchar15 NOT NULL, PRIMARY KEY `id_detail_mengajar`, KEY `fk_detail_mengajar_pelajaran1` `id_mengajar`, KEY `fk_detail_mengajar_kelas1` `id_kelas`, CONSTRAINT `FK_detail_mengajar` FOREIGN KEY `id_kelas` REFERENCES `kelas` `id_kelas` ON DELETE CASCADE ON UPDATE CASCADE, CONSTRAINT `FK_detail_mengajar3` FOREIGN KEY `id_mengajar` REFERENCES `mengajar` `id_mengajar` ON DELETE CASCADE ON UPDATE CASCADE ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1; c. Sintak SQL Tabel detail_siswa.sql Tabel IV.6 Tabel Details Siswa 1 2 3 4 5 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 CREATE TABLE `detail_siswa` `id_detail_siswa` int11 NOT NULL AUTO_INCREMENT, `id_kelas` varchar15 NOT NULL, `nis` int11 NOT NULL, `id_ta` int11 NOT NULL, `status` enumtinggal kelas,naik kelas NOT NULL DEFAULT tinggal kelas, PRIMARY KEY `id_detail_siswa`, KEY `fk_siswa_has_kelas_kelas1` `id_kelas`, KEY `fk_siswa_has_kelas_siswa1` `nis`, KEY `fk_detail_kelas_tahun_ajaran1` `id_ta`, CONSTRAINT `FK_detail_siswa` FOREIGN KEY `id_kelas` REFERENCES `kelas` `id_kelas` ON DELETE CASCADE ON UPDATE CASCADE, CONSTRAINT `FK_detail_siswa1` FOREIGN KEY `nis` REFERENCES `siswa` `nis` ON DELETE CASCADE ON UPDATE CASCADE, CONSTRAINT `FK_detail_siswa2` FOREIGN KEY `id_ta` REFERENCES `tahun_ajaran` `id_ta` ON UPDATE CASCADE ENGINE=InnoDB AUTO_INCREMENT=2805 DEFAULT CHARSET=latin1; d. Sintak SQL Tabel detail_tugas.sql Tabel IV.7 Tabel Details Tugas 1 2 3 4 5 7 8 9 CREATE TABLE `detail_tugas` `id_detail_tugas` int11 NOT NULL AUTO_INCREMENT, `file_tugas` varchar300 DEFAULT NULL, `ukuran` varchar300 DEFAULT NULL, `tanggal_posting` date NOT NULL, `nilai` int11 DEFAULT NULL, `keterlambatan` enumtepat waktu,terlambat