DAFTAR ISI LAPORAN TUGAS AKHIR... ii LEMBAR PENGESAHAN PEMBIMBING... iii LEMBAR PENGESAHAN PENGUJI... iv SURAT PERNYATAAN... v MOTTO DAN PERSEMBAHAN... vi KATA PENGANTAR... vii ABSTRAK... ix DAFTAR ISI... x DAFTAR GAMBAR... xiii DAFTAR TABEL... xvii BAB I PENDAHULUAN... 1 1.1. Latar Belakang Masalah... 1 1.2. Perumusan Masalah... 2 1.3. Pembatasan Masalah... 2 1.4. Tujuan... 2 1.5. Metode Penelitian... 3 1.6. Manfaat... 4 1.7. Sistematika Penulisan... 4 BAB II LANDASAN TEORI... 6 2.1. Tinjauan Pustaka... 6 2.2. Dasar Teori... 7 2.2.1. Pra Skripsi Fakultas Ekonomi Unissula... 7 2.2.2. BigBlueButton... 10 x
2.2.3. Real Time Streaming Protocol ( RSTP )... 12 2.2.4. Real Time Messaging Protocol ( RTMP )... 12 2.2.5. Data Flow Diagram ( DFD )... 12 2.2.6. Entity Relationship Diagram ( ERD )... 13 2.2.7. Component diagram... 14 2.2.8. Deployment diagram... 15 BAB III ANALISA DAN PERANCANGAN SISTEM... 16 3.1. Analisa Proses Bisnis... 16 3.2. Perancangan Sistem... 18 3.2.1. Perancangan Hak Akses... 19 3.2.2. Kebutuhan Perangkat Lunak... 20 3.2.3. Data Flow Diagram ( DFD )... 20 3.2.3.1. Context Diagram... 21 3.2.3.2. DFD level 0 Sistem Bimbingan Pra Skripsi... 22 3.2.3.3. DFD level 1 proses 1 admin mengelola data user... 23 3.2.3.4. DFD level 1 proses 2 mengelola data ujian Pra dan Skripsi... 24 3.2.3.5. DFD level 1 proses 3 admin mengelola Skripsi alumni... 24 3.2.3.6. DFD level 1 proses 4 mahasiswa melakukan pengajuan judul... 25 3.2.3.7. DFD level 1 proses 5 bimbingan menggunakan BigBlueButton... 26 3.2.3.8. DFD level 1 proses 6 ketua jurusan menentukan dosen pembimbing 27 3.2.4. Entity Relationship Diagram ( ERD )... 28 3.2.5. Component Diagram... 29 3.2.6. Deployment Diagram... 30 3.2.7. Perancangan Graphic User Interface... 30 3.3. Perancangan Database... 33 xi
3.4. Relasi tabel database... 38 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM... 40 4.1. Implementasi Sistem... 40 4.1.1. Implementasi Perangkat Keras... 40 4.1.2. Implementasi Perangkat Lunak... 40 4.1.3. Implementasi User Interface... 48 4.2. Pengujian Sistem... 68 4.2.1. Perencanaan Pengujian... 68 4.2.2. Kasus dan Hasil Pengujian... 69 4.2.3. Kesimpulan Hasil Pengujian... 79 BAB V PENUTUP... 80 5.1. Kesimpulan... 80 5.2. Saran... 80 Daftar Pustaka... Lampiran... xii
UNIVERSITAS ISLAM SULTAN AGUNG
DAFTAR GAMBAR Gambar 2. 1 Fitur moderator / dosen di BigBlueButton... 11 Gambar 2. 2 Fitur mahasiswa di BigBlueButton... 11 Gambar 2. 3 Simbol DFD... 13 Gambar 2. 4 Simbol ERD... 14 Gambar 2. 5 Simbol component diagram... 15 Gambar 3.1 Proses bisnis sistem Pra Skripsi yang sedang diterapkan pada Fakultas Ekonomi Unissula... 16 Gambar 3. 2 Bisnis proses sistem yang akan diterapkan di Fakultas Ekonomi Unissula pada bagian Pra Skripsi... 17 Gambar 3. 3 Diagram konteks Sistem Bimbingan Pra Skripsi yang akan diterapkan... 21 Gambar 3. 4 Diagram level 0 Aplikasi... 22 Gambar 3. 5 Diagram level 1 proses 1 mengelola user... 23 Gambar 3. 6 DFD level 1 proses 2 pengelolaan jadwal ujian... 24 Gambar 3. 7 DFD level 1 proses 3 mengelola data skripsi alumni... 25 Gambar 3. 8 DFD level 1 proses 4 mahasiswa melakukan pengajuan judul... 26 Gambar 3. 9 Diagram level 1 proses 5 bimbingan menggunakan BigBlueButton... 26 Gambar 3. 10 DFD level 1 proses 6 penentuan dosen pembimbing... 27 Gambar 3. 11 Entity relationship diagram aplikasi... 28 Gambar 3. 12 Component Diagram Aplikasi... 29 Gambar 3. 13 Deployment diagram... 30 Gambar 3. 14 Desain Halaman Awal Aplikasi... 30 Gambar 3. 15 Desain Halaman Admin... 31 Gambar 3. 16 Desain Halaman Ketua Jurusan... 31 Gambar 3. 17 Desain Halaman Dosen... 32 Gambar 3. 18 Desain Halaman Mahasiswa... 32 Gambar 3. 19 Relasi tabel di database web_conference sistem bimbingan Pra Skripsi... 38 xiii
Gambar 4. 1 Tampilan Control Panel Software Xampp... 41 Gambar 4. 2 Tampilan Control Oracle Virtual Box... 41 Gambar 4. 3 Halaman download BigBlueButton... 42 Gambar 4. 4 File unduhan BigBlueButton versi virtual... 42 Gambar 4. 5 BigBlueButton yang telah ter-install pada virtual box... 43 Gambar 4. 6 Setting jaringan Virtual Box... 43 Gambar 4. 7 code untuk cek ip address linux... 44 Gambar 4. 8 code set ip BigBlueButton... 44 Gambar 4. 9 setting ip jaringan virtual box... 45 Gambar 4. 10 Halaman web BigBlueButton... 45 Gambar 4. 11 Tampilan Sublime Text 3... 46 Gambar 4. 12 Install web browser Google Chrome... 46 Gambar 4. 13 Tampilan Mozilla Firefox... 47 Gambar 4. 14 Tampilan Opera Browser... 47 Gambar 4. 15 Mengaktifkan Flash player... 48 Gambar 4. 16 tampilan halaman awal aplikasi... 48 Gambar 4. 17 tampilan menu sambutan dekan fakultas... 49 Gambar 4. 18 tampilan menu visi dan misi... 49 Gambar 4. 19 tampilan menu login pada halaman awal sistem... 50 Gambar 4. 20 tampilan halaman awal ketua jurusan... 50 Gambar 4. 21 tampilan halaman awal dosen... 51 Gambar 4. 22 halaman informasi ketua jurusan dan dosen... 51 Gambar 4. 23 cara membuat bimbingan online dengan BigBlueButton... 52 Gambar 4. 24 halaman membuat bimbingan... 52 Gambar 4. 25 halaman menu "Bimbingan Online"... 53 Gambar 4. 26 halaman bimbingan dengan BigBlueButton... 53 Gambar 4. 27 modal undangan personal bimbingan untuk mahasiswa... 54 Gambar 4. 28 tampilan mahasiswa dan dosen masuk bimbingan... 54 Gambar 4. 29 tampilan menu "Pengajuan Judul Mahasiswa"... 55 Gambar 4. 30 tampilan preview file pengajuan mahasiswa... 55 Gambar 4. 31 tampilan penerimaan judul mahasiswa... 56 xiv
Gambar 4. 32 tampilan penolakan judul mahasiswa... 56 Gambar 4. 33 tampilan notifikasi pengajuan judul ditolak melalui email... 57 Gambar 4. 34 halaman pembagian dosen pembimbing... 57 Gambar 4. 35 halaman penentuan dosen pembimbing... 58 Gambar 4. 36 halaman data jumlah bimbingan dosen di tahun sekarang... 58 Gambar 4. 37 tampilan edit profil ketua jurusan dan dosen... 59 Gambar 4. 38 edit profil mahasiswa... 59 Gambar 4. 39 edit cover halaman pengguna... 60 Gambar 4. 40 halaman edit cover pengguna... 60 Gambar 4. 41 tampilan profil pengguna yang telah di edit... 61 Gambar 4. 42 tampilan menu "Informasi" pada halaman mahasiswa... 61 Gambar 4. 43 tampilan pengajuan judul mahasiswa... 62 Gambar 4. 44 tampilan menu "Repository Skripsi"... 62 Gambar 4. 45 tampilan menu "Input Data Bimbingan"... 63 Gambar 4. 46 halaman cetak kartu Pra / Skripsi mahasiswa... 63 Gambar 4. 47 halaman login admin... 64 Gambar 4. 48 halaman lupa password untuk admin Fakultas... 64 Gambar 4. 49 halaman awal admin... 65 Gambar 4. 50 halaman kelola dosen... 65 Gambar 4. 51 halaman kelola mahasiswa... 66 Gambar 4. 52 tampilan menu "Repository Skripsi"... 66 Gambar 4. 53 tampilan menu "Data Bimbingan Mahasiswa"... 67 Gambar 4. 54 tampilan menu "Jadwal Ujian Mahasiswa"... 67 Gambar 4. 55 tampilan menu "Edit Profil" admin... 68 xv
UNIVERSITAS ISLAM SULTAN AGUNG
DAFTAR TABEL Tabel 3. 1 Tabel admin... 33 Tabel 3. 2 Tabel bimbingan... 33 Tabel 3. 3 Tabel data_skripsi... 34 Tabel 3. 4 Tabel dosen... 35 Tabel 3. 5 Tabel Kartu... 35 Tabel 3. 6 Tabel mahasiswa... 36 Tabel 3. 7 Tabel meeting... 37 Tabel 3. 8 Tabel pengajuan_judul... 37 Tabel 3. 9 Tabel user... 38 Tabel 4. 1 Rencana pengujian sistem... 68 Tabel 4. 2 Tabel pengujian login... 69 Tabel 4. 3 Tabel pengujian pengelolaan data dosen dan ketua jurusan... 70 Tabel 4. 4 Tabel pengelolaan data mahasiswa... 71 Tabel 4. 5 Tabel pengelolaan data Skripsi alumni... 73 Tabel 4. 6 Tabel pengelolaan data asistensi untuk mahasiswa... 74 Tabel 4. 7 Tabel uji pengajuan judul mahasiswa... 75 Tabel 4. 8 Tabel pengujian cetak kartu bimbingan mahasiswa... 75 Tabel 4. 9 Tabel uji penerimaan / penolakan judul mahasiswa oleh ketua jurusan... 76 Tabel 4. 10 Tabel uji bimbingan dengan BigBlueButton... 77 Tabel 4. 11 Tabel pengujian login admin... 78 Tabel 4. 12 Tabel pengujian lupa password admin... 78 xvi