Aplikasi Rapat Online Berbasis Website (Studi Kasus: Program Studi D Iv Teknik Informatika Politeknik Harapan Bersama Tegal)

APLIKASI RAPAT ONLINE BERBASIS WEBSITE
(STUDI KASUS : PROGRAM STUDI D IV TEKNIK INFORMATIKA
POLITEKNIK HARAPAN BERSAMA TEGAL)
TUGAS AKHIR
Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Studi
Pada Program Studi D IV Teknik Informatika
Oleh :
Nama : Bagus Firgiawan Prakoso
NIM : 16090156
POLITEKNIK HARAPAN BERSAMA
TEGAL
2020
i
ii
iii
iv
ABSTRAK
Kegiatan rapat di Program Studi DIV Teknik Informatika Politeknik Harapan

Bersama Tegal masih menggunakan cara yang konvensional. Dimana agenda
rapat dibuat masih menggunakan cara manual, disamping itu juga peserta rapat
yang hadir harus mengisi lembaran presensi. Selain itu kegiatan rapat juga
membutuhkan seorang notulen yang akan mencatat hal-hal penting dalam rapat
hingga hasil keputusan rapat hal itu membuat pelaksanaan rapat tidak efektif dan
efisien. Untuk mengatasi hal tersebut maka dibuatlah “Aplikasi Rapat Online
Berbasis Website”. Perancangan aplikasi dilakukan dengan pendekatan
berorientasi objek yang mana pada semuanya digambarkan dengan UML (Unified
Modeling Language), sedangkan pembuatan aplikasi menggunakan bahasa
pemrograman php dengan framework laravel. Dan untuk pengujian menggunakan
metode black box testing. Aplikasi ini dapat membantu staf dan dosen dalam
pelaksanaan rapat yang terkomputerisasi seperti manajemen agenda rapat,
manajemen kegiatan rapat secara online dan real time, manajemen notulensi rapat,
dan manajemen laporan hasil rapat dalam satu sistem aplikasi.
Kata kunci : Aplikasi, Rapat, Website
v
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah SWT, Tuhan Yang

Maha Pengasih dan Maha Penyayang yang telah melimpahkan segala rahmat,
hidayah dan inayah-Nya hingga terselesaikannya laporan Tugas Akhir dengan
judul ” APLIKASI RAPAT ONLINE BERBASIS WEBSITE (STUDI KASUS :
PROGRAM STUDI D IV TEKNIK INFORMATIKA POLITEKNIK
HARAPAN BERSAMA TEGAL) “.
Tugas Akhir merupakan suatu kewajiban yang harus dilaksanakan untuk
memenuhi salah satu syarat kelulusan dalam mencapai derajat Sarjana Sain
Terapan pada program Studi D IV Teknik Informatika Politeknik Harapan
Bersama. Selama melaksanakan penelitian dan kemudian tersusun dalam laporan
Tugas Akhir ini, banyak pihak yang telah memberikan bantuan, dukungan dan
bimbingan.
Pada kesempatan ini, tak lupa penulis mengucapkan terima kasih yang
sebesar-besarnya kepada :
1. Nizar Suhendra, SE., MPP selaku Direktur Politeknik Harapan Bersama
Tegal.
2. Slamet Wiyono, S.Pd., M.Eng selaku Ketua Program Studi D IV Teknik
Informatika Politeknik Harapan Bersama Tegal.
3. Ginanjar Wiro Sasmito, M.Kom selaku dosen pembimbing I
4. Dyah Apriliani, S.T., M.Kom selaku dosen pembimbing II
5. Semua pihak yang telah mendukung, membantu serta mendoakan
penyelesaian laporan Tugas Akhir ini.
Semoga laporan Tugas Akhir ini dapat memberikan sumbangan untuk
pengembangan ilmu pengetahuan dan teknologi.
Tegal, 27 Juli 2020

Penulis
Bagus Firgiawan Prakoso
vi
DAFTAR ISI
Halaman
HALAMAN JUDUL ..................................................................................... i
HALAMAN PERNYATAAN ....................................................................... ii
HALAMAN REKOMENDASI ..................................................................... iii
HALAMAN PENGESAHAN ........................................................................ iv
ABSTRAK ..................................................................................................... v
KATA PENGANTAR ................................................................................... vi
DAFTAR ISI .................................................................................................. vii
DAFTAR TABEL ......................................................................................... xi
DAFTAR GAMBAR .................................................................................... xiii
DAFTAR LAMPIRAN ................................................................................. xix
BAB I. PENDAHULUAN ............................................................................ 1
1.1 Latar Belakang ................................................................................ 1
1.2 Perumusan Masalah ........................................................................ 3
1.3 Pembatasan Masalah ....................................................................... 4
1.4 Tujuan Penelitian ............................................................................ 4
1.5 Manfaat Penelitian .......................................................................... 5
1.6 Metodologi Penelitian ..................................................................... 6
1.6.1 Bahan Penelitian .................................................................. 6
1.6.2 Alat Penelitian ...................................................................... 6
1.6.3 Alur Penelitian ..................................................................... 7
1.7 Sistematika Penulisan ..................................................................... 11
vii
BAB II. TINJAUAN PUSTAKA .................................................................. 13
BAB III. LANDASAN TEORI ..................................................................... 17
3.1 Aplikasi ............................................................................................ 17
3.2 Website ............................................................................................. 19
3.3 HTML ............................................................................................... 20
3.4 PHP .................................................................................................. 22
3.5 Database MySql ............................................................................... 22
3.6 JavaScript ........................................................................................ 25
3.7 Xampp .............................................................................................. 26
3.8 Visual Studio Code........................................................................... 27
3.9 Framework Laravel ........................................................................ 29
3.10 Web Video Conference .................................................................... 31
3.11 WebRTC .......................................................................................... 32
3.12 Speech Recognition ......................................................................... 33
3.13 Black Box Testing ............................................................................ 35
3.14 UML (Unified Modeling Language) ................................................ 37
BAB IV. PERANCANGAN DAN DESAIN ................................................ 44
4.1 Perancangan Sistem ......................................................................... 44
4.1.1 Perancangan UML (Unified Modeling Language) ................ 44
4.1.2 Perancangan Tabel Database................................................ 68
4.2 Perancangan Desain Input / Output ................................................. 71
4.2.1 Desain Tampilan Form Login Admin ................................... 71
4.2.2 Desain Tampilan Data Akun Peserta Rapat .......................... 72
viii
4.2.3 Desain Tampilan Data Peserta Rapat .................................... 72
4.2.4 Desain Tampilan Data Ruangan Rapat ................................. 73
4.2.5 Desain Tampilan Data Agenda Rapat ................................... 73
4.2.6 Desain Tampilan Data Notula Rapat .................................... 74
4.2.7 Desain Tampilan Pengaturan Admin .................................... 74
4.2.8 Desain Tampilan Form Login Peserta Rapat ........................ 75
4.2.9 Desain Tampilan Agenda Rapat ........................................... 75
4.2.10 Desain Tampilan Profil Peserta Rapat .................................. 76
4.2.11 Desain Tampilan Ruangan Rapat.......................................... 76
4.2.12 Desain Tampilan Video Conference ..................................... 77
4.2.13 Desain Tampilan Notula Rapat ............................................. 77
4.2.14 Desain Tampilan Laporan Rapat .......................................... 78
4.2.15 Desain Tampilan Pengaturan Akun Peserta Rapat ............... 78
4.3 Perancangan Pengujian Sistem ........................................................ 79
BAB V. HASIL DAN PEMBAHASAN PENELITIAN .............................. 81
5.1 Hasil Penelitian ................................................................................ 81
5.1.1 Tampilan Aplikasi ................................................................. 81
5.1.2 Pengujian Black Box Testing ................................................ 96
5.2 Pembahasan Penelitian..................................................................... 117
BAB VI. PENUTUP ..................................................................................... 118
6.1 Kesimpulan ...................................................................................... 118
6.2 Saran ................................................................................................ 119
ix
DAFTAR PUSTAKA ................................................................................... 120
LAMPIRAN
x
DAFTAR TABEL
Tabel 1.1 Perangkat Lunak .......................................................................... 6
Tabel 3.1 Query DDL ................................................................................... 23
Tabel 3.2 Query DML .................................................................................. 24
Tabel 3.3 Query DCL ................................................................................... 24
Tabel 3.4 Simbol Use Case Diagram .......................................................... 38
Tabel 3.5 Simbol Activity Diagram.............................................................. 39
Tabel 3.6 Simbol Class Diagram ................................................................. 40
Tabel 3.7 Simbol Squence Diagram ............................................................ 42
Tabel 4.1 Rancangan Fisik Tabel Akun Admin ........................................... 68
Tabel 4.2 Rancangan Fisik Tabel Akun Peserta Rapat ................................ 69
Tabel 4.3 Rancangan Fisik Tabel Peserta Rapat .......................................... 69
Tabel 4.4 Rancangan Fisik Tabel Ruangan Rapat ....................................... 69
Tabel 4.5 Rancangan Fisik Tabel Agenda Rapat ......................................... 70
Tabel 4.6 Rancangan Fisik Tabel Notifikasi ................................................ 70
Tabel 4.7 Rancangan Fisik Tabel Messages ................................................ 71
Tabel 4.8 Perancangan Pengujian Sistem .................................................... 79
Tabel 5.1 Pengujian Login Admin ............................................................... 97
Tabel 5.2 Pengujian Data Akun Peserta Rapat ............................................ 98
Tabel 5.3 Pengujian Data Peserta Rapat ...................................................... 99
Tabel 5.4 Pengujian Data Ruangan Rapat.................................................... 101
Tabel 5.5 Pengujian Data Agenda Rapat ..................................................... 102
xi
Tabel 5.6 Pengujian Data Notula Rapat ...................................................... 104
Tabel 5.7 Pengujian Pengaturan Admin ...................................................... 105
Tabel 5.8 Pengujian Logout Admin ............................................................. 107
Tabel 5.9 Pengujian Login Peserta Rapat .................................................... 108
Tabel 5.10 Pengujian Sunting Profil Peserta Rapat ..................................... 109
Tabel 5.11 Pengujian Pengaturan Akun Peserta Rapat ................................ 110
Tabel 5.12 Pengujian Agenda Rapat ............................................................ 112
Tabel 5.13 Pengujian Ruangan Rapat .......................................................... 113
Tabel 5.14 Pengujian Notula Rapat ............................................................. 114
Tabel 5.15 Pengujian Laporan Rapat ........................................................... 115
Tabel 5.16 Pengujian Logout Peserta Rapat ................................................ 116
xii
DAFTAR GAMBAR
Gambar 4.1 Use Case Diagram Admin ....................................................... 45
Gambar 4.2 Use Case Diagram Peserta Rapat ............................................ 45
Gambar 4.3 Activity Login Admin ................................................................ 46
Gambar 4.4 Activity Logout Admin .............................................................. 46
Gambar 4.5 Activity Diagram Data Akun Peserta Rapat ............................. 47
Gambar 4.6 Activity Diagram Data Peserta Rapat ....................................... 48
Gambar 4.7 Activity Diagram Data Ruangan Rapat .................................... 49
Gambar 4.8 Activity Diagram Data Agenda Rapat ...................................... 50
Gambar 4.9 Activity Diagram Data Notula Rapat ....................................... 51
Gambar 4.10 Activity Diagram Data Akun Admin...................................... 51
Gambar 4.11 Activity Diagram Login Peserta Rapat ................................... 52
Gambar 4.12 Activity Diagram Logout Peserta Rapat ................................. 52
Gambar 4.13 Activity Diagram Agenda Rapat ............................................ 53
Gambar 4.14 Activity Diagram Ruangan Rapat ........................................... 53
Gambar 4.15 Activity Diagram Notula Rapat .............................................. 54
Gambar 4.16 Activity Diagram Laporan Rapat............................................ 54
Gambar 4.17 Activity Diagram Pengaturan Akun Peserta Rapat ................ 55
xiii
Gambar 4.18 Activity Diagram Profil Akun Peserta Rapat ......................... 55
Gambar 4.19 Activity Diagram Video Conference ...................................... 56
Gambar 4.20 Sequence Diagram Login Admin ........................................... 57
Gambar 4.21 Sequence Diagram Logout Admin ......................................... 57
Gambar 4.22 Sequence Diagram Data Akun Peserta Rapat ........................ 58
Gambar 4.23 Sequence Diagram Data Peserta Rapat .................................. 59
Gambar 4.24 Sequence Diagram Data Ruangan Rapat ............................... 60
Gambar 4.25 Sequence Diagram Data Agenda Rapat ................................. 61
Gambar 4.26 Sequence Diagram Data Notula Rapat................................... 62
Gambar 4.27 Sequence Diagram Pengaturan Akun Admin ........................ 62
Gambar 4.28 Sequence Diagram Login Peserta Rapat ................................ 63
Gambar 4.29 Sequence Diagram Logout Peserta Rapat .............................. 63
Gambar 4.30 Sequence Diagram Agenda Rapat.......................................... 64
Gambar 4.31 Sequence Diagram Profil Peserta Rapat ................................ 64
Gambar 4.32 Sequence Diagram Ruangan Rapat ........................................ 65
Gambar 4.33 Sequence Diagram Notula Rapat ........................................... 65
Gambar 4.34 Sequence Diagram Laporan Rapat ......................................... 66
Gambar 4.35 Sequence Diagram Pengaturan Akun Peserta Rapat.............. 66
Gambar 4.36 Sequence Diagram Video Conference ................................... 67
xiv
Gambar 4.37 Class Diagram........................................................................ 68
Gambar 4.38 Desain Tampilan Form Login Admin .................................... 71
Gambar 4.39 Desain Tampilan Data Akun Peserta Rapat ........................... 72
Gambar 4.40 Desain Tampilan Data Peserta Rapat ..................................... 72
Gambar 4.41 Desain Tampilan Data Ruangan Rapat .................................. 73
Gambar 4.42 Desain Tampilan Data Agenda Rapat .................................... 73
Gambar 4.43 Desain Tampilan Data Notula Rapat ...................................... 74
Gambar 4.44 Desain Tampilan Pengaturan Admin ..................................... 74
Gambar 4.45 Desain Tampilan Form Login Peserta Rapat ......................... 75
Gambar 4.46 Desain Tampilan Agenda Rapat ............................................. 75
Gambar 4.47 Desain Tampilan Profil Peserta Rapat ................................... 76
Gambar 4.48 Desain Tampilan Ruangan Rapat ........................................... 76
Gambar 4.49 Desain Tampilan Video Conference ....................................... 77
Gambar 4.50 Desain Tampilan Notula Rapat .............................................. 77
Gambar 4.51 Desain Tampilan Laporan Rapat ............................................ 78
Gambar 4.52 Desain Tampilan Pengaturan Akun Peserta Rapat ................. 78
Gambar 5.1 Tampilan Halaman Login Admin ........................................... 81
Gambar 5.2 Tampilan Halaman Data Akun Peserta Rapat ........................ 82
Gambar 5.3 Tampilan Halaman Tambah Data Akun Peserta Rapat .......... 82
xv
Gambar 5.4 Tampilan Halaman Sunting Data Akun Peserta Rapat .......... 83
Gambar 5.5 Tampilan Halaman Data Peserta Rapat .................................. 84
Gambar 5.6 Tampilan Halaman Tambah Data Peserta Rapat.................... 84
Gambar 5.7 Tampilan Halaman Sunting Data Peserta Rapat .................... 85
Gambar 5.8 Tampilan Halaman Data Ruangan Rapat ............................... 86
Gambar 5.9 Tampilan Halaman Tambah Data Ruangan Rapat ................. 86
Gambar 5.10 Tampilan Halaman Sunting Data Ruangan Rapat.................. 87
Gambar 5.11 Tampilan Halaman Data Agenda Rapat ................................. 88
Gambar 5.12 Tampilan Halaman Tambah Data Agenda Rapat ................... 88
Gambar 5.13 Tampilan Halaman Sunting Data Agenda Rapat ................... 89
Gambar 5.14 Tampilan Halaman Data Notula Rapat .................................. 90
Gambar 5.15 Tampilan Dokumen Notula Rapat.......................................... 90
Gambar 5.16 Tampilan Halaman Pengaturan Akun Admin ........................ 91
Gambar 5.17 Tampilan Halaman Login Peserta Rapat ................................ 91
Gambar 5.18 Tampilan Halaman Agenda Rapat ......................................... 92
Gambar 5.19 Tampilan Halaman Profil Peserta Rapat ................................ 92
Gambar 5.20 Tampilan Halaman Sunting Profil Peserta Rapat ................... 93
Gambar 5.21 Tampilan Halaman Ruangan Rapat........................................ 93
Gambar 5.22 Tampilan Halaman Video Conference ................................... 94
xvi
Gambar 5.23 Tampilan Halaman Notula Rapat ........................................... 94
Gambar 5.24 Tampilan Halaman Laporan Rapat Perbulan ......................... 95
Gambar 5.25 Tampilan Halaman Laporan Rapat Pertahun ......................... 95
Gambar 5.26 Tampilan Dokumen Laporan ................................................. 96
Gambar 5.27 Pengujian Login Admin ......................................................... 98
Gambar 5.28 Pengujian Data Akun Peserta Rapat....................................... 99
Gambar 5.29 Pengujian Data Peserta Rapat ................................................ 100
Gambar 5.30 Pengujian Data Ruangan Rapat .............................................. 102
Gambar 5.31 Pengujian Data Agenda Rapat................................................ 104
Gambar 5.32 Pengujian Data Notula Rapat ................................................. 105
Gambar 5.33 Pengujian Pengaturan Akun Admin ....................................... 106
Gambar 5.34 Pengujian Logout Admin ....................................................... 107
Gambar 5.35 Pengujian Login Peserta Rapat ............................................... 108
Gambar 5.36 Pengujian Profil Peserta Rapat ............................................... 110
Gambar 5.37 Pengujian Pengaturan Akun Peserta Rapat ............................ 111
Gambar 5.38 Pengujian Agenda Rapat ........................................................ 112
Gambar 5.39 Pengujian Ruangan Rapat ...................................................... 113
Gambar 5.40 Pengujian Notula Rapat .......................................................... 114
Gambar 5.41 Pengujian Laporan Rapat ....................................................... 115
xvii
Gambar 5.42 Pengujian Logout Peserta Rapat ............................................. 116
xviii
DAFTAR LAMPIRAN
Surat Kesepakatan Bimbingan Tugas Akhir .................................................. A-1
Surat Permohonan Pengambilan Data ............................................................ B-1
xix
BAB I
PENDAHULUAN
1.1 Latar Belakang
Rapat telah menjadi salah satu aktivitas yang dilakukan dalam
lingkungan perguruan tinggi Politeknik Harapan Bersama Tegal
khususnya pada Program Studi D IV Teknik Informatika. Dalam
mengelola rapat tentunya diperlukan beberapa aspek keberhasilan
pelaksanaan rapat diantaranya peserta rapat, agenda rapat, hasil rapat atau
notulen rapat, sarana dan prasarana rapat. Adapun hasil yang didapatkan
dalam rapat yaitu berupa keputusan yang akan menjadi tujuan
penyelesaian sebuah permasalahan.
Manajemen rapat merupakan aktifitas tatap muka resmi yang telah
diagendakan dan dilakukan oleh dua orang atau lebih dengan
merencanakan, mengontrol, memimpin, mengorganisasikan rapat yang
mempunyai tujuan untuk membahas suatu permasalahan, mencari solusi
dan mengambil keputusan yang tepat untuk mencapai tujuan suatu
organisasi atau individu. Rapat merupakan kegiatan yang terbilang cukup
sering dilaksanakan untuk sebuah perubahan pendidikan yang lebih baik
[1].
Pada pelaksanaannya, kegiatan rapat di Program Studi D IV
Teknik Informatika Politeknik Harapan Bersama Tegal masih
menggunakan cara yang konvensional. Dimana agenda rapat dibuat masih
1
2
menggunakan cara manual, disamping itu juga peserta rapat yang hadir
harus mengisi lembaran presensi. Selain itu kegiatan rapat juga
membutuhkan seorang notulen yang akan mencatat hal-hal penting dalam
rapat hingga hasil keputusan rapat. Hal tersebut terbilang kurang efisien
karena semakin banyak pelaksanaan rapat maka semakin banyak
penggunaan kertas dalam penulisan notulensi rapat dan semakin banyak
juga biaya yang digunakan untuk pelaksanaan rapat. Selain itu sesuatu
yang dapat membatalkan rapat bisa saja terjadi seperti peserta rapat tidak
bisa hadir karena terkendala cuaca, urusan pribadi, sedang terkena
musibah, dan memiliki kepentingan lainnya yang harus diselesaikan
terlebih dahulu. Hal seperti itu dapat mempengaruhi kegiatan pelaksanaan
rapat sehingga dapat membatalkan rapat, menunda rapat, dan karena salah
satu pihak yang sedang berhalangan tidak bisa hadir maka pihak tersebut
tidak mengetahui hasil rapat yang sudah dilakukan.
Oleh karena itu dibutuhkan aplikasi rapat online yang dapat
mengatasi terjadinya pembatalan, penundaan dan dapat memudahkan
pelaksanaan kegiatan rapat secara terkomputerisasi seperti manajemen
agenda rapat, manajemen kegiatan rapat secara online dan real time,
manajemen notulensi rapat, dan laporan hasil rapat dalam satu sistem
aplikasi.
Aplikasi rapat online dibangun pada platform website dengan akun
admin yang dapat menambahkan data peserta yang mengikuti rapat,
membuat ruangan rapat, membuat agenda rapat, mengelola data notula dan
3
mengelola data laporan hasil rapat. Selain itu, peserta rapat juga diberikan
wewenang untuk membuka sistem ini agar dapat melaksanakan kegiatan
rapat secara online, melihat agenda rapat, dan melihat hasil rapat yang
telah dilaksanakan. Data rapat yang telah dilaksanakan akan tersimpan
sehingga memudahkan dalam hal pengarsipan. Hal ini sangat penting
untuk mendukung informasi yang dapat digunakan dikemudian hari.
Berdasarakan uraian tersebut, maka aplikasi ini diberi judul “Aplikasi
Rapat Online Berbasis Website (Studi Kasus : Program Studi D IV Teknik
Informatika Politeknik Harapan Bersama Tegal)”.
1.2 Perumusan Masalah
Berdasarkan uraian latar belakang masalah tersebut, maka dapat
dirumuskan suatu permasalahan dari penilitian ini yaitu.
1. Bagaimana membangun aplikasi rapat online yang dapat
memanajemen agenda rapat, memanajemen ruangan rapat,
memanajemen data peserta rapat dan memanajemen notula rapat
secara online?
memberikan fasilitas video conference untuk pelaksanaan rapat
secara online?
3. Bagaimana membangun aplikasi rapat online yang dapat membuat
notula secara otomatis melalui hasil diskusi rapat?

4
memanajemen laporan hasil diskusi rapat?
1.3 Pembatasan Masalah
Dengan rumusan masalah yang telah disebutkan tersebut, maka
batasan masalah yang akan dianalisa mengingat adanya keterbatasan
waktu dalam proses penyusunan, sebagai berikut.
1. Aplikasi rapat online ini dibangun berbasis website.
2. Aplikasi rapat online ini diterapkan di Politeknik Harapan Bersama
Tegal khusunya pada program studi D IV Teknik Informatika.
3. Aplikasi rapat online ini menggunakan teknologi video conference
untuk pelaksanaan rapat secara online dan real time.
4. Aplikasi rapat online ini menggunakan teknologi speech
recognition untuk pencatatan hasil percakapan rapat.
5. Notula rapat berupa dokumen yang dapat diunduh jika rapat telah
selesai dilakukan.
6. Seluruh peserta rapat dapat melihat notula dan laporan hasil diskusi
rapat untuk memudahkan pelaksanaan rapat dan mendukung
informasi rapat yang akan digunakan dikemudian hari.
1.4 Tujuan Penelitian
Tujuan penelitian ini yaitu menghasilkan aplikasi yang dapat
mempermudah manajemen agenda rapat, pelaksanaan rapat, serta

5
pembuatan notula hasil rapat dari hasil diskusi rapat yang telah dilakukan
secara online.
1.5 Manfaat Penelitian
Penelitian ini diharapkan dapat memberikan manfaat bagi :
1. Peneliti
Menerapkan ilmu yang didapat di Politeknik Harapan Bersama
Tegal dan mengetahui pengujian kualitas dalam suatu sistem
berbasis website.
2. Pengguna (User)
Penelitian ini bermanfaat bagi staf dan dosen Program Studi D IV
Teknik Informatika Politeknik Harapan Bersama Tegal dalam
membantu mengatasi permasalahan yang terjadi dalam rapat,
membantu pelaksanaan rapat yang lebih efisien, dan mempermudah
dalam pengarsipan hasil diskusi rapat.
3. Politeknik Harapan Bersama
Memberikan informasi bagi mahasiswa lain yang akan membuat
tugas akhir yang sejenis dan menambah kepustakaan di Politeknik
Harapan Bersama.
6
1.6 Metodologi Penelitian
1.6.1. Bahan Penelitian
Adapun data yang diperlukan dalam penelitian ini yaitu
data dosen dan data staf yang bersangkutan dengan kegiatan rapat
khususnya pada Program Studi D IV Teknik Informatika
Politeknik Harapan Bersama Tegal.
1.6.2. Alat Penelitian
Penelitian ini menggunakan peralatan utama dan juga
peralatan pendukung pada saat perancangan sistem. Peralatan yang
digunakan ketika merancang dan membangun sistem adalah :
1. Perangkat Keras
a. Laptop Spesifikasi Core i5 RAM 4 GB
b. Earphone
c. Webcam internal
2. Perangkat Lunak
Adapun perangkat lunak yang digunakan pada penelitian
ini adalah:
Tabel 1.1 Perangkat Lunak
No. Jenis Perangkat Lunak Fungsi
1. Windows 7 Ultimate Operating System
2. Google Chrome Web Browser
3. Dia Perancangan Sistem
3. Apache, XAMPP Control Panel Web Server

7
5. Visual Studio Code Text Editor
6. MySQL Server Database
7. Microsoft Word 2010 Pengolah Kata
8. Framework Laravel Tools Development
1.6.3. Alur Penelitian
Dalam penelitian ini menggunakan model waterfall, model
ini dipilih karena dapat melakukan pendekatan secara sistematis
dan urut. Pada penelitian ini dimulai dari level kebutuhan sistem /
Perencanaan yang meliputi identifikasi masalah, pengumpulan data
(observasi, wawancara, dan studi literatur), kemudian menuju ke
tahap perancangan beserta desain sistem, pembuatan sistem, dan
sampai ke tahap pengujian sistem.
1. Identifikasi Masalah
Memahami permasalahan yang terjadi, mengapa diperlukan
suatu Aplikasi Rapat Online Berbasis Website, dikarenakan
kegiatan rapat pada Program Studi D IV Teknik Informatika
Politeknik Harapan Bersama Tegal masih menggunakan cara
yang konvensional. Dimana agenda rapat dibuat masih
menggunakan cara manual, disamping itu juga peserta rapat
yang hadir harus mengisi lembaran presensi. Selain itu
kegiatan rapat juga membutuhkan seorang notulen yang akan
mencatat hal-hal penting dalam rapat hingga hasil keputusan

8
rapat. Hal tersebut terbilang kurang efisien karena semakin
banyak pelaksanaan rapat maka semakin banyak penggunaan
kertas dalam penulisan notulensi rapat dan semakin banyak
juga biaya yang digunakan untuk pelaksanaan rapat. Selain itu
sesuatu yang dapat membatalkan rapat bisa saja terjadi seperti
peserta rapat tidak bisa hadir karena terkendala cuaca, urusan
pribadi, sedang terkena musibah, dan memiliki kepentingan
lainnya yang harus diselesaikan terlebih dahulu. Hal seperti itu
dapat mempengaruhi kegiatan pelaksanaan rapat sehingga
dapat membatalkan rapat, menunda rapat, dan karena salah
satu pihak yang sedang berhalangan tidak bisa hadir maka
pihak tersebut tidak mengetahui hasil rapat yang sudah
dilakukan.
2. Pengumpulan Data
Pengumpulan data pada penelitian ini dilakukan dengan tiga
metode, yaitu observasi, wawancara, dan studi literatur.
a. Observasi
Pengumpulan data pada penelitian ini diawali dengan
melakukan pengamatan di lapangan, yakni dengan
melakukan survei terhadap pelaksanaan proses rapat
pada Program Studi D IV Teknik Informatika
Politeknik Harapan Bersama Tegal.

9
b. Wawancara
Wawancara langsung kepada pihak yang
bertanggungjawab pada kegiatan rapat pada Program
Studi D IV Teknik Informatika Politeknik Harapan
Bersama Tegal untuk mendapatkan data secara nyata di
lapangan tentang bagaimana proses rapat berlangsung
dari pembuatan agenda rapat hingga mendapat
keputusan hasil rapat.
c. Studi Literatur
Dalam metode ini dipelajari beberapa aturan rapat yang
umum dilakukan oleh beberapa instansi baik itu resmi
maupun tidak resmi.
3. Perancangan Sistem
Proses ini mencakupi perancangan data yang berupa tabel
struktur data, perancangan arsitektur berupa bagan alur modul
sistem, perancangan antarmuka halaman admin, antar muka
untuk peserta rapat, serta perancangan prosedural yang berisi
perancangan rinci tiap modul. Untuk mengubah kebutuhan
tersebut menjadi representasi ke dalam bentuk sebelum coding
dimulai dengan menggunakan UML yang meliputi use case
diagram, activity diagram, sequence diagram dan class
diagram. Data yang sudah terkumpul pada tahap kebutuhan
sistem dan analisis kebutuhan dikumpulkan dan direkap yang

10
nantinya akan dijadikan satu dalam sistem yang akan dibuat.
Pada tahap desain sistem ini dilakukan penggambaran
kebutuhan-kebutuhan dan fungsional untuk merancang desain
pembuatan sistem interface sebagai sarana interaksi antara
sistem dengan pengguna yang selanjutnya akan
diimplementasikan menjadi program pada tahap selanjutnya.
4. Pembuatan Sistem
Pada tahap proses pembuatan Aplikasi Rapat Online berbasis
Website yaitu dengan melakukan coding system. Aplikasi ini
dibangun dengan Framework Laravel dengan bahasa
pemrograman PHP untuk kepentingan development aplikasi
berbasis website dan web browser sebagai emulatornya. Selain
itu untuk membangun fitur video conference menggunakan
teknologi WebRTC dan HTML5 Speech Recognition untuk
pembuatan Speech to text. Pada tahapan ini juga dilakukan
penyesuaian dengan modul yang sudah dibuat.
5. Pengujian Sistem
Pada tahap ini dilakukan pengujian pada aplikasi yang telah
dibuat, dengan menggunakan Black Box Testing jika hasil
belum sesuai dengan tujuan yang diharapkan maka akan ada
perbaikan, apabila sudah sesuai maka sistem akan dievaluasi
dan divalidasi apabila pada tahap validasi sistem sudah sesuai

11
dengan apa yang diharapkan maka aplikasi akan
diimplementasikan.
1.7 Sistematika Penulisan
Sistematika yang digunakan dalam penyusunan laporan ini adalah
sebagai berikut :
1. Bagian Awal
Berupa halaman judul, halaman pernyataan, halaman rekomendasi,
halaman pengesahan, abstrak, kata pengantar, dafar isi, daftar tabel,
daftar gambar, dan daftar lampiran.
2. Bagian Utama
BAB I : PENDAHULUAN
Bab ini menjelaskan tentang informasi umum yaitu
latar belakang penelitian, perumusan masalah,
pembatasan masalah, tujuan penelitian, manfaat
penelitian, metodologi penelitian, dan sistematika
penulisan.
BAB II : TINJAUAN PUSTAKA
Bab ini menjelaskan tentang penelitian-penelitian
yang berkaitan dengan tema penelitian yang sedang
dibahas yang sebelumnya telah dilakukan oleh
orang lain.
12
BAB III : LANDASAN TEORI
Bab ini menjelaskan tentang teori-teori dasar atau
umum dan teori-teori khusus yang berkaitan
dengan analisa serta permasalahan yang dibahas
pada bagian sistem.
BAB IV : PERANCANGAN DAN DESAIN
Bab ini berisikan gambaran umum tentang
kebutuhan sistem, alur sistem dan desain user
interface sistem.
BAB V : HASIL DAN PEMBAHASAN PENELITIAN
Bab ini berisi pembahasan hasil pembuatan sistem
yang telah selesai dan sudah diuji coba.
BAB VI : PENUTUP
Bab ini berisikan mengenai kesimpulan yang dapat
diambil dari penyususnan laporan serta saran-saran
yang diharapkan dapat bermanfaat bagi pihak-
pihak lain.
3. Bagian Akhir
Bagian akhir memuat daftar pustaka dan lampiran. Pada bagian ini
berisi semua referensi baik berupa jurnal, artikel hasil penelitian,
buku maupun referensi dari internet serta surat kesediaan
membimbing baik pembimbing I maupun pembimbing II.

BAB II
TINJAUAN PUSTAKA
Beberapa penelitian terdahulu yang berkaitan dengan pembuatan
Aplikasi Rapat Online telah dilakukan oleh Aris H. Rismayana dan Vivi
Apriliani Nur, (2016) dalam penelian yang berjudul Sistem Informasi
Agenda Rapat berbasis Website menggunakan SMS Gateway (Studi kasus
Politeknik TEDC Bandung). Pada penelitian ini membahas tentang
pembuatan aplikasi yang dapat membantu proses pembuatan agenda rapat,
serta mempermudah staf bagian kepegawaian untuk proses pembuatan
notula rapat. Dengan memanfaatkan teknologi website dan SMS Gateway
yang diterapkan pada sistem ini, dapat mempermudah kinerja staf dari
kepegawaian dalam menyampaikan informasi via SMS kepada dosen atau
karyawan di Politeknik TEDC Bandung, serta data-data yang dihasilkan
lebih akurat, efektifitas waktu tanpa harus menyebar undangan ke setiap
peserta rapat dan lebih hemat biaya. Sistem ini dirancang menggunakan
diagram UML, serta untuk aplikasinya menggunakan codeigniter yang
merupakan framework PHP, serta MySQL sebagai tempat penyimpanan
data. Dengan adanya Sistem Informasi Agenda Rapat pada Politeknik
TEDC Bandung diharapkan dapat meningkatkan efisiensi kerja dan
memaksimalkan pelayanan dalam pembuatan agenda rapat [1].
Achmad Behori dan Badrul Alamin, (2018) dalam penelitian yang
berjudul E-Notulen Rapat di Pondok Pesantren Salafiyah Syafi’iyah
13
14
Sukorejo Situbondo. Pada penelitian ini membahas tentang pembuatan
aplikasi e-notulen rapat online berbasis website menggunakan konsep
System Development Life Cycle (SDLC) sebagai konsep perancangan
pengembangan perangkat lunak, PHP(Hypertext Prepocessor) digunakan
sebagai bahasa pemrograman, serta MySQL sebagai database servernya.
Pembahasan pada penelitian ini yaitu membahas tentang bagan alur proses
jadwal rapat, proses notulen rapat, proses surat keputusan, pemodelan
sistem, serta desain database. Penelitian ini menghasilkan sistem e-notulen
yang memungkinkan untuk membuat jadwal rapat, mengirim undangan
rapat elektronik, presensi kehadiran, notulasi rapat, dan upload rekaman
rapat berupa file mp3 [22].
Zinah Tareq Nayyef, dkk (2018) yang berjudul Peer to Peer
Multimedia Real-Time Communication System based on WebRTC
Technology. Pada penelitian ini membahas tentang pembuatan website
video conference secara real-time dengan menggunakan teknologi
WebRTC (Web Real Time Comunication). Pada penelitian ini menjelaskan
tentang arsitektur WebRTC untuk pembuatan profile person, mengundang
user, video call/ audio call dan chat box sebagai media chatting. Video
conference secara real-time ini dibangun menggunakan JavaScript APIs
(Application Programming Interface), HTML5, dan Node.JS sebagai
servernya. Kesimpulan dari penelitian ini adalah teknologi WebRTC dapat
memungkinkan untuk membuat video conference berbasis website yang
memiliki fitur yang lebih lengkap [23].

15
I Komang Deno Wirautama, dkk (2016) dalam penelitian yang
berjudul Pengembangan Aplikasi Pengelolaan Rapat Studi Kasus: Jurusan
Sistem Informasi Institut Teknologi Sepuluh Nopember. Pada penelitian
ini membahas tentang pembuatan aplikasi pengelolaan rapat yang dapat
melakukan penyimpanan dan pengecekan jadwal rapat dosen dan
karyawan. Aplikasi ini juga dapat mengirim informasi berupa
pemberitahuan jadwal rapat melalui layanan pesan singkat dengan
mengintegrasikan layanan Gammu SMS gateway. Selain itu, dengan
memanfaatkan library email dari framework Codeigniter, aplikasi dapat
menyebarkan informasi rapat lainnya menggunakan layanan surat
elektronik. Melalui hasil uji coba performa menggunakan Apache
Benchmark, aplikasi pengelolaan rapat ini dapat menangani request dari
hingga 300 user yang berbeda secara bersamaan [24].
Charlene Alicia Wagiu, (2016) dalam penelitian yang berjudul
Perancangan Sistem Informasi untuk membantu Pengelolaan Rapat pada
Universitas Advent Indonesia berbasis Web. Penelitian ini dilakukan
membahas tentang perancangan sebuah sistem yang dapat membantu
mengelola rapat di Universitas Advent Indonesia, mulai dari kegiatan
perencanaan, melakukan undangan kepada peserta rapat hingga pencatatan
dan penyebaraan hasil keputusan rapat. Melalui sistem yang dirancang ini,
seluruh peserta rapat dapat menerima undangan beserta dengan notifikasi
pengingat secara online, melakukan pencatatan hasil rapat dengan format
yang sudah tersedia, menyebarkan hasil keputusan rapat dengan cepat dan
16
akurat serta menyediakan akses secara cepat kepada pimpinan yang lebih
tinggi untuk dapat mengakses hasil rapat yang diputuskan pada level yang
lebih rendah [5].

BAB III
LANDASAN TEORI
3.1 Aplikasi
Aplikasi merupakan program yang berisikan perintah-perintah
untuk melakukan pengolahan data. Aplikasi secara umum adalah suatu
proses dari cara manual yang ditransformasikan ke komputer dengan
membuat sistem atau program agar data diolah lebih berdaya guna secara
optimal. Menurut kamus komputer eksekutif, pengertian aplikasi
merupakan pemecahan masalah yang biasanya berpacu pada sebuah
komputasi yang diinginkan atau diharapkan maupun pemrosesan data
yang diharapkan. Aplikasi biasanya berupa perangkat lunak yang
berbentuk software yang berisi kesatuan perintah atau program yang
dibuat untuk melaksanakan sebuah pekerjaan yang diinginkan [6].
Berdasarkan jenisnya, aplikasi dapat dibagi menjadi beberapa
kategori, yaitu :
1. Enterprise
Digunakan untuk organisasi yang cukup besar dengan maksud
menghubungkan aliran data dan kebutuhan informasi antar bagian,
contoh : IT Helpdesk, Travel Management dan lain-lain.
2. Enterprise Support
Sebagai aplikasi pendukung dari Enterprise, contohnya : Database
Management, Email Server dan Networking System.
17
18
3. Individual Worker
Sebagai aplikasi yang biasa digunakan untuk mengolah / edit data
oleh tiap individu. Contoh : Ms.Office, Photoshop, Acrobat Reader
dan lain-lain.
4. Aplikasi Akses Konten
Adalah aplikasi yang digunakan oleh individu untuk mengakses
konten tanpa kemampuan untuk mengolah atau mengedit datanya
melainkan hanya melakukan kustomisasi terbatas. Contoh : Games,
Media Player, Web Browser.
5. Aplikasi Pendidikan
Biasanya berbentuk simulasi dan mengandung konten yang spesifik
untuk pembelajaran.
6. Aplikasi Simulasi
Biasa digunakan untuk melakukan simulasi penelitian,
pengembangan dan lain-lain. Contoh : Simulasi pengaturan lampu
lalu lintas.
7. Aplikasi Pengembangan Media
Berfungsi untuk mengolah / mengembangkan media biasanya
untuk kepentingan komersial, hiburan dan pendidikan. Contoh :
Digital Animation Software, AudioVideo Converter dan lain-lain.
8. Aplikasi Mekanika dan Produk

19
Dibuat sebagai pelaksana / pengolah data yang spesifik untuk
kebutuhan tertentu. Contoh : Computer Aided Design (CAD),
Computer Aided Engineering (CAE), SPSS dan lain-lain [17].
3.2 Website
Website sering juga disebut Web, dapat diartikan suatu kumpulan-
kumpulan halaman yang menampilkan berbagai macam informasi teks,
data, gambar diam ataupun bergerak, data animasi, suara, video maupun
gabungan dari semuanya, baik itu yang bersifat statis maupun yang
dinamis, yang dimana membentuk satu rangkaian bangunan yang saling
berkaitan dimana masing-masing dihubungkan dengan jaringan halaman
atau hyperlink. Atau definisi website adalah kumpulan dari berbagai
macam halaman situs, yang terangkum didalam sebuah domain atau juga
subdomain, yang lebih tempatnya berada di dalam WWW (World Wide
Web) yang tentunya terdapat di dalam internet. Halaman website biasanya
berupa dokumen yang ditulis dalam format Hyper Text Markup Language
(HTML), yang bisa diakses melalui HTTP, HTTP adalah suatu protokol
yang menyampaikan berbagai informasi dari server website untuk
ditampilkan kepada para user atau pemakai melalui web browser [2].
Terdapat 3 unsur yang sangat vital pada website. Tanpa adanya
semua unsur ini, website tidak akan pernah ditemukan dan diakses oleh
pengguna di internet. Ketiga unsur yang dimaksud adalah:

20
1. Domain
Domain adalah nama yang diberikan untuk mengidentifikasi
sebuah jaringan tanpa menggunakan internet protocol (IP),
mengingat biasanya IP menggunakan angka-angka yang sulit
dihafal. Dalam dunia internet, domain merupakan aspek penting
dalam sebuah website. Fungsinya adalah sebagai alamat yang
memudahkan para pengunjung untuk mencari informasi yang
mereka inginkan.
2. Hosting
Hosting adalah layanan untuk menyimpan semua data, file, dan
gambar pada website. Layanan ini pula yang memastikan sebuah
website dapat diakses via internet.
3. Konten
Konten website adalah, teks visual atau pendengaran konten yang
dihadapi sebagai bagian dari pengalaman pengguna pada situs
website, konten website dapat mencakup teks, gambar, suara, dan
video [18].
3.3 HTML
Hyper Text Markup Language adalah sebuah bahasa markah yang
digunakan untuk membuat sebuah halaman web, menampilkan berbagai
informasi di dalam sebuah penjelajah web internet dan pemformatan
hiperteks sederhana yang ditulis dalam berkas format ASCII agar

21
dapat menghasilkan tampilan wujud yang terintegrasi. Dengan kata lain,
berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan
dalam format ASCII normal sehingga menjadi halaman web dengan
perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya
banyak digunakan di dunia penerbitan dan percetakan yang disebut
dengan SGML (Standard Generalized Markup Language), HTML adalah
sebuah standar yang digunakan secara luas untuk menampilkan halaman
web. HTML saat ini merupakan standar internet yang didefinisikan dan
dikendalikan penggunaannya oleh World Wide Web Consortium (W3C)
[7].
Dokumen HTML adalah file yang diakhiri dengan ekstensi .html
atau .htm. Ekstensi file ini bisa dilihat dengan mengunakan web browser
apa pun (seperti Google Chrome, Safari, atau Mozila Firefox). Browser
tersebut membaca file HTML dan me-render kontennya sehingga user
internet bisa melihat dan membacanya. Masing-masing halaman HTML
terdiri atas seperangkat tags (bisa disebut juga elements), yang mengacu
pada building block halaman website. Tag tersebut membuat hirarki yang
menyusun konten hingga menjadi bagian, paragraf, heading, dan block
konten lainnya. Sebagian besar element HTML memiliki tag pembuka dan
penutup yang menggunakan syntax <tag></tag> [19].

22
3.4 PHP
PHP adalah salah satu bahasa pemrograman skrip yang
dirancang untuk membangun aplikasi web. Ketika dipanggil dari web
browser, program yang ditulis dengan PHP akan di parsing di dalam web
server oleh interpreter PHP dan diterjemahkan ke dalam dokumen HTML,
yang selanjutnya akan ditampilkan kembali ke web browser. Karena
pemrosesan program PHP dilakukan di lingkungan web server, PHP
dikatakan sebagai bahasa sisi server (server-side). Oleh sebab itu, seperti
yang telah dikemukakan sebelumnya, kode PHP tidak akan terlihat pada
saat user memilih perintah “View Source” pada web browser yang di
gunakan. Selain menggunakan PHP, aplikasi web juga dapat dibangun
dengan Java (JSP - Java Server Pages dan Servlet), Perl, Python, Ruby
maupun ASP(Active Server Pages) [8].
Untuk pembuatan web, kode PHP biasanya di sisipkan ke dalam
dokumen HTML. Karena fitur inilah PHP disebut juga sebagai Scripting
Language atau bahasa pemrograman script [20].
3.5 Database MySQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis
data SQL (bahasa Inggris: database management system) atau DBMS yang
multithread, multi-user, dengan sekitar 6 juta instalasi di seluruh dunia.
MySQL AB membuat MySQL tersedia sebagai perangkat lunak gratis di
bawah lisensi GNU General Public License (GPL), tetapi juga menjual
23
dibawah lisensi komersial untuk kasus-kasus dimana penggunaannya tidak
cocok dengan penggunaan GPL Unified Modelling Language (UML)
adalah sebuah "bahasa" yg telah menjadi standar dalam industri untuk
visualisasi, merancang dan mendokumentasikan sistem piranti lunak. UML
menawarkan sebuah standar untuk merancang model sebuah sistem [1].
SQL merupakan bahasa pemrograman yang dapat merelasikan
antara beberapa tabel dengan database maupun antar database. Ada tiga
bentuk SQL yaitu Data Definition Language (DDL), Data Manipulation
Language(DML), dan Data Control Language (DCL).
1. Data Definition Language (DDL)
DDL digunakan untuk mendefinisikan data di dalam database.
Terdapat beberapa query yang dikelompokan ke dalam DDL, yaitu:
Tabel 3.1 Query DDL
CREATE Dipakai untuk membuat tabel dan database.
DROP Dipakai untuk menghapus database dan tabel.
Dipakai untuk mengubah struktur tabel yang sudah
ada.
Alter dapat mengganti field menggunakan perintah
ALTER “Change”, menambahkan field menggunakan
perintah “Add”, atau menghapus field menggunakan
perintah “Drop”, dan mengubah namanya
menggunakan perintah “Rename”.

24
2. Data Manipulation Language (DML)
DML berfungsi untuk memanipulasi, mengubah, atau mengganti isi
dari database (tabel) yang sudah ada. Terdapat beberapa perintah
DML yang perlu ketahui, yaitu:
Tabel 3.2 Query DML
Dipakai untuk memasukkan data ke dalam tabel

INSERT
pada database.
Dipakai untuk mengubah data yang ada di dalam

UPDATE
tabel pada database.
Dipakai untuk menghapus data di dalam tabel

DELETE
pada database.
3. Data Control Language (DCL)
DCL berguna untuk memberikan hak akses database,
mendefinisikan space, mengalokasikan space, dan melakukan audit
penggunaan database. Terdapat beberapa perintah DCL yang perlu
ketahui, yaitu:
Tabel 3.3 Query DCL
Dipakai untuk memberikan izin kepada

GRANT
user untuk mengakses database.
Dipakai untuk membatalkan izin user untuk

REVOKE
mengakses database.
25
Dipakai untuk menetapkan penyimpanan pada

COMMIT
database.
Dipakai untuk membatalkan penyimpanan pada

ROOLBACK
database.
3.6 Javascript
JavaScript merupakan bahasa pemrograman yang menjadikan
website lebih hidup dan menarik. Bahasa ini berbeda dari HTML (yang
mengatur konten) dan CSS (yang mengelola layout). Berbeda dari PHP,
bahasa pemrograman ini dijalankan di perangkat pengunjung situs, bukan
di server. JavaScript merupakan bahasa dari sisi klien yang berarti script
diunduh di perangkat yang dimiliki oleh pengunjung situs, lalu diproses.
Berbeda dengan bahasa di sisi server yang dijalankan pada server sebelum
bahasa pemrograman tersebut mengirimkan file ke pengunjung situs [9].
Terdapat sejumlah kelebihan JavaScript yang menjadikan bahasa
pemrograman ini lebih unggul dibandingkan dengan kompetitornya,
terutama di beberapa kasus tertentu. Berikut beberapa kelebihan
JavaScript:
1. Tidak membutuhkan compiler karena web browser mampu
menginterpretasikannya dengan HTML.
2. Lebih mudah dipelajari dibandingkan dengan bahasa pemrograman
lainnya.
3. Error atau kesalahan lebih mudah dicari dan ditangani.

26
4. Dapat dialih tugaskankan ke elemen halaman web atau event
tertentu, misalnya klik atau mouseover.
5. Dapat digunakan di berbagai browser, platform, dan lain-lain.
6. Dapat digunakan untuk memvalidasi input dan mengurangi
keinginan untuk mengecek data secara manual.
Setiap bahasa pemrograman pasti memiliki beberapa kekurangan.
Salah satu penyebabnya adalah semakin populernya bahasa pemrograman
yang di pilih, termasuk dalam hal ini adalah JavaScript. Beberapa
kekurangan JavaScript, yaitu:
1. Berisiko tinggi terhadap eksploitasi.
2. Dapat dimanfaatkan untuk mengaktifkan kode berbahaya di
komputer pengguna.
3. Tidak selalu didukung oleh berbagai web browser dan perangkat.
4. Dapat di render secara berbeda pada masing-masing perangkat
yang mengarah ke inkonsistensi.
3.7 Xampp
XAMPP merupakan singkatan dari Apache, MySQL, PHP dan Perl
sedangkan huruf “X” dimaksudkan sebagai suatu software yang dapat
dijalankan di empat OS utama seperti Windows, Mac OS, Linux dan
Solaris. Xampp merupakan gabungan dari beberapa software dengan
fungsi yang sama yakni menunjang para pembuat web yang menginginkan
adanya web server di PC atau laptop. Selain sebagai web server, XAMPP
27
juga menunjang beberapa bahasa pemrograman khusus dalam website
yakni PHP, MySQL dan Perl [10].
Sebagai suatu software yang bertindak sebagai web server
layaknya hosting sesungguhnya tentu saja melibatkan banyak bagian -
bagian penting yang ada pada XAMPP. Bagian-bagian penting tersebut
yaitu:
1. Htdocs
Htdocs merupakan sebuah folder penyimpanan web server untuk
halaman - halaman web yang sudah dibuat.
2. PhpMyAdmin
PhpMyAdmin merupakan suatu software khusus untuk mengelola
administrasi MySQL.
3. Control Panel
Control Panel dapat mengontrol atau mengendalikan XAMPP
dengan lebih efektif, mulai dari mengatur setting website, database,
dan masih banyak lagi.
3.8 Visual Studio Code
Visual Studio Code adalah text editor yang mendukung berbagai
jenis bahasa pemrograman mulai dari JavaScript, Java, PHP, C++, C#,
Go, JSON, dan lainnya. Aplikasi editor ini bahkan secara otomatis
mengidentifikasi jenis bahasa pemrograman yang digunakan dan
memberikan variasi warna sesuai dengan setiap fungsi dalam rangkaian

28
kode tersebut. Visual Studio Code juga telah terintegrasi ke GitHub.
Sehingga developer dapat menambahkan ekstensi agar bisa menggunakan
fitur-fitur yang tidak ada di Visual Studio Code. Misalnya ekstensi Reach
Native Tools, yang menyediakan dukungan terhadap Framework React di
Visual Studio Code. Hingga saat ini, Microsoft mengklaim terdapat lebih
dari 1.000 ekstensi yang telah dibuat untuk Visual Studio Code [11].
Berikut beberapa ekstensi yang ada pada Visual Studio Code yaitu:
1. PHP Intelephense
PHP Intelephense Adalah PHP Language Server yang dapat
membantu proses coding sehingga memberikan beberapa fitur
semacam, autocomplete, syntax error highlight.
2. PHP Namespace Resolver
Dapat digunakan mengimport sebuah class pada suatu file php.
dengan menaruh cursor pada class yang belum diimpor dan
menekan tombol ctrl + alt + i maka class tersebut akan otomatis
diimpor di bagian atas file, dan dapat disetting agar class yang
diimpor otomatis diurutkan berdasarkan panjang class name.
3. Laravel Blade Snippets
Dapat digunakan untuk code highlight pada view Laravel yang
berformat .blade.php , Visual Studio Code tidak memiliki template
untuk file .blade.php sehingga file tersebut biasanya dianggap
sebagai file PHP.
4. PHP DocBlocker
29
Dapat membuat code rapi dan terdokumentasi dan memiliki
beberapa komentar yang dapat dibaca oleh ekstensi PHP
Intelephese diatas semacam @var, @return, @param dan juga
dapat mengimplementasikan penulisan dokumentasi code.
5. PHPUnit
Digunakan untuk menjalankan unit test, jika menerapkan pattern
TDD: Test Driven Development pada code, maka ekstensi harus
ada pada visual studio code.
6. Laravel Artisan
Salah satu cara lain dalam menggunakan php artisan di terminal.
7. Laravel Blade Spacer
Digunakan agar code yang lebih mudah dibaca, dengan mengetik
{} maka akan berubah menjadi {{ }}.
8. Laravel Model Snippets
Digunakan untuk mendefinisikan variabel atau fungsi relasi pada
file Model [21].
3.9 Framework Laravel
Laravel adalah sebuah framework PHP yang dirilis dibawah lisensi
MIT, dibangun dengan konsep MVC (model view controller). Laravel
adalah pengembangan website berbasis MVC yang ditulis dalam PHP yang
dirancang untuk meningkatkan kualitas perangkat lunak dengan
mengurangi biaya pengembangan awal dan biaya pemeliharaan, dan untuk

30
meningkatkan pengalaman bekerja dengan aplikasi dengan menyediakan
sintaks yang ekspresif, jelas dan menghemat waktu [13].
MVC adalah sebuah pendekatan perangkat lunak yang memisahkan
aplikasi logika dari presentasi. MVC memisahkan aplikasi berdasarkan
komponen- komponen aplikasi, seperti : manipulasi data, controller, dan
user interface.
1. Model
Model mewakili struktur data. Biasanya berisi fungsi-fungsi yang
membantu dalam pengelolaan basis data seperti memasukkan data,
pembaruan data dan lain-lain.
2. View
View adalah bagian yang mengatur tampilan ke pengguna. Bisa
dikatakan berupa halaman web.
3. Controller
Controller merupakan bagian yang menjembatani model dan view.
Berikut beberapa fitur yang terdapat di Framework Laravel :
1. Bundles, yaitu sebuah fitur dengan sistem pengemasan modular
dan tersedia beragam di aplikasi.
2. Eloquent ORM, merupakan penerapan PHP lanjutan menyediakan
metode internal dari pola “active record” yang menagatasi
masalah pada hubungan objek database.
3. Application Logic, merupakan bagian dari aplikasi, menggunakan
controller atau bagian Route.

31
4. Reverse Routing, mendefinisikan relasi atau hubungan antara Link
dan Route.
5. Restful controllers, memisahkan logika dalam melayani HTTP
GET and POST.
6. Class Auto Loading, menyediakan loading otomatis untuk class
PHP.
7. View Composer, adalah kode unit logikal yang dapat dieksekusi
ketika view sedang loading.
8. IoC Container, memungkin obyek baru dihasilkan dengan
pembalikan controller.
9. Migration, menyediakan sistem kontrol untuk skema database.
10. Unit Testing, banyak tes untuk mendeteksi dan mencegah regresi.
11. Automatic Pagination, menyederhanakan tugas dari penerapan
halaman.
3.10 Web Video Conferencing
Video Conferencing, yaitu video call yang terdapat pada sebuah
halaman web. Biasanya web video conferencing ini digunakan pada
seminar yang menggunakan web, dimana semua orang dapat melihat video
yang dikirimkan oleh pembicara seminar. Oleh karena itu, web video
conferencing merupakan komunikasi satu arah karena orang lain tidak
dapat mengirimkan videonya kepada pengirim [3]. Teknologi inti yang
digunakan dalam konferensi video adalah sistem kompresi digital audio

32
dan video stream secara nyata. Komponen lain yang dibutuhkan untuk
sistem konferensi video meliputi:
1. Video input: kamera video atau webcam
2. Video output: monitor komputer, televisi atau proyektor.
3. Audio input: mikrofon.
4. Audio output: biasanya pengeras suara yang berkaitan dengan
perangkat layar atau telepon.
5. Data transfer: jaringan telepon analog atau digital, LAN atau
internet.
3.11 WebRTC
WebRTC (Web Real Time Communications) adalah teknologi web
yang memungkinkan terjadinya komunikasi antar browser secara real time
dengan melalui berbagai media, seperti media suara, teks dan video.
WebRTC juga dapat bekerja pada banyak web browser, antar platform
atau sistem operasi, baik komputer maupun mobile device [3]. Hadirnya
teknologi ini juga memberikan banyak keuntungan untuk user. Dua
diantaranya, yaitu:
1. Mudah karena tidak membutuhkan plugin tambahan atau download
aplikasi apapun.
2. Aman karena sudah tersedia proses enkripsi untuk media audio-
video dan proses signalling. Enkripsi ini bertujuan untuk
mengkoordinasikan komunikasi dan mengirim pesan kontrol,

33
sehingga WebRTC memiliki keamanan yang lebih baik
dibandingkan teknologi audio/ video yang sudah ada.
Komponen utama dari WebRTC API dapat diuraikan sebagai berikut:
1. GetUserMedia memungkinkan web browser untuk mengakses
kamera dan mikrofon dari laptop/ PC yang digunakan.
2. RTCPeerConnection mempersiapkan audio/ video call.
3. RTCDataChannel memungkinkan browser untuk berbagi data
melalui peer-to-peer.
WebRTC adalah teknologi yang sangat baru dan masih terus
dikembangkan. Jadi, sekarang ini masih ada platform dan web browser
yang tidak mendukung WebRTC dan ada yang hanya mendukung sebagian
dari WebRTC. WebRTC yang didukung di desktop browser adalah sebagai
berikut:
1. Google Chrome versi 23 dan lebih tinggi
2. Mozilla Firefox versi 22 dan lebih tinggi
3. Opera versi 18 dan lebih tinggi.
3.12 Speech Recognition
Speech Recognition atau yang biasa dikenal dengan automatic
speech recognition (ASR) merupakan suatu pengembangan teknik dan
sistem yang memungkinkan komputer untuk menerima masukan berupa
kata yang diucapkan. Teknologi ini memungkinkan suatu perangkat untuk
mengenali dan memahami kata-kata yang diucapkan dengan cara

34
digitalisasi kata dan mencocokkan sinyal digital tersebut dengan suatu pola
tertentu yang tersimpan dalam suatu perangkat. Kata-kata yang diucapkan
diubah bentuknya menjadi sinyal digital dengan cara mengubah
gelombang suara menjadi sekumpulan angka yang kemudian disesuaikan
dengan kode-kode tertentu untuk mengidentifikasikan kata-kata tersebut.
Hasil dari identifikasi kata yang diucapkan dapat ditampilkan dalam
bentuk tulisan atau dapat dibaca oleh perangkat teknologi sebagai sebuah
komando untuk melakukan suatu pekerjaan, misalnya penekanan tombol
pada telepon genggam yang dilakukan secara otomatis dengan komando
suara [14]. Berdasarkan kemampuan dalam mengenal kata yang
diucapkan, terdapat 5 jenis pengenalan kata, yaitu:
1. Kata-kata yang terisolasi : proses pengidentifikasian kata yang
hanya dapat mengenal kata yang diucapkan jika kata tersebut
memiliki jeda waktu pengucapan antar kata.
2. Kata-kata yang berhubungan : proses pengidentifikasian kata yang
mirip dengan kata-kata terisolasi, namun membutuhkan jeda waktu
pengucapan antar kata yang lebih singkat.
3. Kata-kata yang berkelanjutan: proses pengidentifikasian kata yang
sudah lebih maju karena dapat mengenal kata-kata yang diucapkan
secara berkesinambungan dengan jeda waktu yang sangat sedikit
atau tanpa jeda waktu.

35
4. Kata-kata spontan : proses pengidentifikasian kata yang dapat
mengenal kata-kata yang diucapkan secara spontan tanpa jeda
waktu antar kata.
5. Verifikasi atau identifikasi suara : proses pengidentifikasian kata
yang tidak hanya mampu mengenal kata, namun juga
mengidentifikasi siapa yang berbicara.
3.13 Black Box Testing
Black box testing merupakan pengujian yang berfokus pada
spesifikasi fungsional dari perangkat lunak, tester dapat mendefinisikan
kumpulan kondisi input dan melakukan pengetersan pada spesifikasi
fungsional program. Uji kasus dibangun di sekitar spesifikasi dan
persyaratan, yakni, aplikasi apa yang seharusnya dilakukan. Menggunakan
deskripsi eksternal perangkat lunak, termasuk spesifikasi, persyaratan, dan
desain untuk menurunkan uji kasus. Tes ini dapat menjadi fungsional atau
non-fungsional, meskipun biasanya fungsional. Perancang uji memilih
input yang valid dan tidak valid dan menentukan output yang benar.
Metode uji dapat diterapkan pada semua tingkat pengujian perangkat
lunak: unit, integrasi, fungsional, sistem dan penerimaan [15].
Tujuan pengujian pada black box adalah untuk menemukan kesalahan
seperti:
1. Fungsi-fungsi yang tidak benar atau hilang
2. Kesalahan interface
36
3. Kesalahan dalam struktur data atau akses database eksternal
4. Kesalahan kinerja
5. Inisialisasi dan kesalahan terminasi
Teknik black box testing meliputi:
1. Decision table
Decision Table adalah cara yang tepat untuk model logika rumit,
seperti diagram alur dan jika then-else dan switch laporan kasus,
kondisi mengaitkan dengan tindakan untuk melakukan, tetapi
dalam banyak kasus melakukannya dengan cara yang lebih elegan.
2. All pairs testing
All pairs testing atau pairwise testing adalah metode pengujian
perangkat lunak kombinatorial bahwa untuk setiap pasangan
parameter masukan ke sistem (biasanya, sebuah algoritma
perangkat lunak), tes semua kombinasi yang mungkin diskrit
parameter tersebut.
3. State transition table
Dalam teori automata dan logika sekuensial, state transition table
adalah tabel yang menunjukkan apa yang negara (atau negara
dalam kasus robot terbatas nondeterministic) suatu semiautomaton
terbatas atau mesin finite state akan pindah berdasarkan kondisi
saat ini dan masukan lainnya.
4. Equivalence partitioning
37
Equivalence partitioning adalah pengujian perangkat lunak teknik
yang membagi data masukan dari unit perangkat lunak menjadi
beberapa partisi data dari mana test case dapat diturunkan.
5. Boundry values analysis
Boundary value analysis merupakan suatu teknik pengujian
perangkat lunak di mana tes dirancang untuk mencakup perwakilan
dari nilai-nilai batas.
3.14 Unified Modeling Language
UML (Unified Modeling Language adalah bahasa pemodelan untuk
sistem atau perangkat lunak yang berparadigma (berorientasi objek).
Pemodelan sesungguhnya digunakan untuk penyederhanaan
permasalahan-permasalahan yang kompleks sedemikian rupa sehingga
lebih mudah dipelajari dan dipahami [16]. Diagram - Diagram UML
diantaranya :
1. Use Case Diagram
Merupakan Alat komunikasi tingkat tinggi untuk mewakili
persyaratan sistem. Diagram menunjukkan interaksi antara
pengguna dan entitas eksternal lainnya dengan sistem yang sedang
dikembangkan. Adapun simbol Use Case Diagram yang digunakan
seperti pada Tabel 3.4 berikut :

38
Tabel 3.4 Simbol Use Case Diagram
Simbol Nama Keterangan
Pelaku, seseorang atau apa
Actor saja yang berhubungan
dengan sistem yang sedang
dibangun.
Menggambarkan bagaimana
Use case
seseorang menggunakan
sistem.
Hubungan dengan use case
Relasi lain, maupun relasi antara
aktor dan usecase.
Untuk memperlihatkan
Batasan Sistem
batasan sistem dalam diagram
use case.
Suatu hubungan semantic
antara dua things dimana
perubahan pada suatu thinks

Dependency
(independent) mungkin
mempengaruhi semantic
things
39
2. Activity Diagram
Merupakan alur dari sebuah sistem, termasuk tindakan utama dan
poin keputusan. Diagram ini berguna untuk mendokumentasikan
proses bisnis. Adapun simbol Activity Diagram yang digunakan
seperti pada Tabel 3.5 berikut :
Tabel 3.5 Simbol Activity Diagram
Simbol Nama Keterangan
Start State Menunjukkan dimulainya suatu
workflow
Menggambarkan akhir dari
End State pada sebuah aktivity diagram
Menggambarkan sebuah
pekerjaan atau tugas dalam

Activities
workflow
Siapa yang bertanggung jawab
Swimlanes terhadap aktifitas
Suatu symbol yang memerikan

Note
batasan dan komentar yang
dikaitkan pada suatu elemen
atau kumpulan elemen.

40
3. Class Diagram
Class Diagram menggambarkan suatu struktur statis dari kelas
dalam sistem dan menggambarkan atribut, operasi dan hubungan
antara kelas. Adapun simbol Class Diagram yang digunakan
seperti pada Tabel 3.6 berikut:
Tabel 3.6 Simbol Class Diagram
NO GAMBAR NAMA KETERANGAN
1 Generalization Hubungan dimana
objek anak
(descendent) berbagi
perilaku dan struktur
data dari objek yang
ada di atasnya objek
induk (ancestor).
Upaya untuk
Nary menghindari asosiasi

2
Association dengan lebih dari 2
objek.
Himpunan dari objek-
objek yang berbagi

3 Class
atribut serta operasi
yang sama.
41
Deskripsi dari urutan
aksi- aksi yang
ditampilkan sistem
4 Collaboration
yang menghasilkan
suatu hasil yang
terukur bagi suatu
aktor
Operasi yang benar-
5 Realization benar dilakukan oleh
suatu objek.
6 Dependency Hubungan dimana
perubahan yang
terjadi pada suatu
elemen mandiri
(independent) akan
mempegaruhi elemen
yang bergantung
padanya elemen
yang tidak mandiri
7 Association Apa yang
menghubungkan
antara objek satu
dengan objek lainnya

42
4. Squence Diagram
Squence Diagram secara khusus menjabarkan sebuah Use Case.
Diagram ini menunjukkan sejumlah objek dan pesan yang
melewati suatu objek. Adapun simbol Squence Diagram yang
digunakan seperti pada Tabel 3.7 berikut :
Tabel 3.7 Simbol Squence Diagram
Nama Simbol Deskripsi
Orang, proses, atau sistem yang
lain berinteraksi dengan sistem
Actor informasi yang akan dibuat diluar
sistem informasi yang akan dibuat
itu sendiri
Menyatakan kehidupan suatu

Life Line
objek.
Object Menyatakan objek yang
berinteraksi pesan
Waktu Menyatakan objek dalam keadaan
aktif aktif dan berinteraksi pesan.
Pesan Menyatakan suatu objek membuat
tipe objek yang lain, arah panah
create mengarah pada objek yang dibuat.

43
Nama Simbol Deskripsi
Menyatakan suatu objek

Pesan
1:nama_metode() memanggil operasi/metode yang
tipe call
ada pada objek lain atau dirinya
sendiri.
Pesan Menyatakan bahwa suatu objek
tipe send 1:masukan mengirimkan data atau masukan
atau informasi ke objek lainnya.
Menyatakan bahwa suatu objek
Pesan yang telah menjalankan suatu
return 1: keluaran operasi atau suatu metode akan
menghasilkan suatu kembalian ke
objek tertentu.
Suatu objek mengakhiri hidup
objek lain, arah panah mengarah

Pesan
destory() pada objek yang diakhiri,
destroy
sebaiknya jika ada create maka
ada destory.
BAB IV
PERANCANGAN DAN DESAIN
4.1 Perancangan Sistem
Perancangan sistem merupakan salah satu unsur atau tahapan dari
keseluruhan pembangunan sistem, dalam perancangan ini terdapat dua
tahapan, tahap pertama adalah perancangan UML (Unified Modeling
Language) meliputi Use Case Diagram, Activity Diagram, Sequence
Diagram dan Class Diagram. Kemudian tahap kedua adalah perancangan
tabel basis data (database).
4.1.1 Perancangan UML (Unified Modeling Language)
Perancangan UML (Unified Modeling Language) menggambarkan
proses cara kerja sistem secara rinci agar dapat berjalan dengan
baik. Tahap-tahap perancangan UML (Unified Modeling Language)
antara lain dengan membuat use case diagram, activity diagram,
sequence diagram dan class diagram.
1. Use Case Diagram
Use case diagram merupakan konstruksi untuk mendeskripsikan
hubungan yang terjadi antara aktor dengan aktivitas yang
terdapat pada sistem. Use case diagram menjelaskan proses apa
saja yang ada dalam sistem dan bagaimana hubungannya dengan
aktor. Use case diagram pada Aplikasi Rapat Online Berbasis
Website (Studi Kasus : Program Studi D IV Teknik Informatika
44
45
Politeknik Harapan Bersama Tegal) sesuai dengan akses
pengguna yang ada seperti use case diagram admin dan use case
diagram peserta rapat. Use case diagram admin dapat dilihat
pada Gambar 4.1
Gambar 4.1 Use Case Diagram Admin
Use case diagram peserta rapat dapat dilihat pada Gambar 4.2
Gambar 4.2 Use Case Diagram Peserta Rapat

46
2. Activity Diagram
Activity Diagram lebih terfokus pada eksekusi dan alur sistem
serta dapat memodelkan model bisnis dengan cara menunjukkan
aktivitas sistem dalam bentuk aksi-aksi yang menggambarkan
bagaimana suatu aksi berawal sampai dengan aksi itu berakhir.
a. Activity Diagram Login Admin
Pada gambar 4.3 menjelaskan bagaimana cara admin
melakukan login.
Gambar 4.3 Activity Login Admin
b. Activity Diagram Logout Admin
melakukan logout.
Gambar 4.4 Activity Logout Admin

47
c. Activity Diagram Data Akun Peserta Rapat
mengelola data akun peserta rapat.
Gambar 4.5 Activity Diagram Data Akun Peserta Rapat

48
d. Activity Diagram Data Peserta Rapat
mengelola data peserta rapat.
Gambar 4.6 Activity Diagram Data Peserta Rapat

49
e. Activity Diagram Data Ruangan Rapat
mengelola data ruangan rapat.
Gambar 4.7 Activity Diagram Data Ruangan Rapat

50
f. Activity Diagram Data Agenda Rapat
mengelola data agenda rapat.
Gambar 4.8 Activity Diagram Data Agenda Rapat

51
g. Activity Diagram Data Notula Rapat
mengelola data notula rapat.
Gambar 4.9 Activity Diagram Data Notula Rapat
h. Activity Diagram Data Akun Admin
mengelola data akun admin.
Gambar 4.10 Activity Diagram Data Akun Admin

52
i. Activity Diagram Login Peserta Rapat
Pada gambar 4.11 menjelaskan bagaimana cara peserta rapat
melakukan login.
Gambar 4.11 Activity Diagram Login Peserta Rapat
j. Activity Diagram Logout Peserta Rapat
melakukan logout.
Gambar 4.12 Activity Diagram Logout Peserta Rapat

53
k. Activity Diagram Agenda Rapat
melihat agenda rapat.
Gambar 4.13 Activity Diagram Agenda Rapat
l. Activity Diagram Ruangan Rapat
masuk ruangan rapat.
Gambar 4.14 Activity Diagram Ruangan Rapat

54
m. Activity Diagram Notula Rapat
melihat dan mengunduh notula rapat.
Gambar 4.15 Activity Diagram Notula Rapat
n. Activity Diagram Laporan Rapat
melihat dan mengunduh laporan rapat.
Gambar 4.16 Activity Diagram Laporan Rapat

55
o. Activity Diagram Pengaturan Akun Peserta Rapat
mengedit data akun.
Gambar 4.17 Activity Diagram Pengaturan Akun Peserta
Rapat
p. Activity Diagram Profil Peserta
mengedit profil.
Gambar 4.18 Activity Diagram Profil Peserta Rapat

56
q. Activity Diagram Video Conference
Pada gambar 4.19 menjelaskan bagaimana peserta rapat
melakukan rapat dengan video conference.
Gambar 4.19 Activity Diagram Video Conference
3. Sequence Diagram
Sequence Diagram mendeskripsikan waktu hidup objek dan
pesan yang dikirimkan serta diterima antar objek, dimaksudkan
untuk mengembangkan komunikasi, menggambarkan interaksi
antar objek di dalam dan di sekitar sistem (termasuk pengguna,
tampilan, dan sebagainya) secara berurutan.
a. Sequence Diagram Login Admin
melakukan login.
57
Gambar 4.20 Sequence Diagram Login Admin
b. Sequence Diagram Logout Admin
melakukan logout.
Gambar 4.21 Sequence Diagram Logout Admin

58
c. Sequence Diagram Data Akun Peserta Rapat
mengelola data akun peserta rapat.
Gambar 4.22 Sequence Diagram Data Akun Peserta Rapat

59
d. Sequence Diagram Data Peserta Rapat
mengelola data peserta rapat.
Gambar 4.23 Sequence Diagram Data Peserta Rapat

60
e. Sequence Diagram Data Ruangan Rapat
mengelola data ruangan rapat.
Gambar 4.24 Sequence Diagram Data Ruangan Rapat

61
f. Sequence Diagram Data Agenda Rapat
mengelola data agenda rapat.
Gambar 4.25 Sequence Diagram Data Agenda Rapat

62
g. Sequence Diagram Data Notula Rapat
mengelola data notula rapat.
Gambar 4.26 Sequence Diagram Data Notula Rapat
h. Sequence Diagram Pengaturan Akun Admin
melakukan pengaturan akun.
Gambar 4.27 Sequence Diagram Pengaturan Akun Admin

63
i. Sequence Diagram Login Peserta Rapat
Pada gambar 4.28 menjelaskan bagaimana cara peserta
rapat melakukan login.
Gambar 4.28 Sequence Diagram Login Peserta Rapat
j. Sequence Diagram Logout Peserta Rapat
rapat melakukan logout.
Gambar 4.29 Sequence Diagram Logout Peserta Rapat

64
k. Sequence Diagram Agenda Rapat
rapat melihat agenda rapat.
Gambar 4.30 Sequence Diagram Agenda Rapat
l. Sequence Diagram Profil Peserta Rapat
rapat mengedit profil.
Gambar 4.31 Sequence Diagram Profil Peserta Rapat

65
m. Sequence Diagram Ruangan Rapat
rapat masuk ke ruangan rapat.
Gambar 4.32 Sequence Diagram Ruangan Rapat
n. Sequence Diagram Notula Rapat
rapat mencetak notula rapat.
Gambar 4.33 Sequence Diagram Notula Rapat

66
o. Sequence Diagram Laporan Rapat
rapat melihat laporan rapat.
Gambar 4.34 Sequence Diagram Laporan Rapat
p. Sequence Diagram Pengaturan Akun Peserta Rapat
rapat melakukan update data akun.
Gambar 4.35 Sequence Diagram Pengaturan Akun Peserta
Rapat
67
q. Sequence Diagram Video Conference
rapat melakukan rapat.
Gambar 4.36 Sequence Diagram Video Conference
4. Class Diagram
Class Diagram menggambarkan struktur dan hubungan antar
objek-objek yang ada pada sistem. Class Diagram dibuat agar
pembuat program atau programmer membuat kelas-kelas sesuai
dengan rancangan yang ada di dalam class diagram, sehingga
antara dokumentasi perancangan dan perangkat lunak memiliki
kesesuaian. Gambar 4.37 menggambarkan tentang class
diagram yang terdapat pada penelitian ini.

68
Gambar 4.37 Class Diagram
4.1.2 Perancangan Tabel Database
Berikut ini adalah perancangan database aplikasi rapat online
berbasis website yang akan dibuat :
1. Tabel 4.1 Rancangan Fisik Tabel Akun Admin
Kolom Tipe Ukuran Keterangan
Id Integer 11 Primary Key
Nama Varchar 40
Username Varchar 20
Password Varchar 30
69
2. Tabel 4.2 Rancangan Fisik Tabel Akun Peserta Rapat
Nipy Varchar 10 Unique
Nama Varchar 40
Email Varchar 50 Unique
Password Varchar 30
3. Tabel 4.3 Rancangan Fisik Tabel Peserta Rapat
Nipy Varchar 10 Unique
Nama Varchar 40
Status Varchar 20
Jabatan Varchar 20
Pendidikan Text
Foto Varchar 50 Unique
4. Tabel 4.4 Rancangan Fisik Tabel Ruangan Rapat
Kode_ruangan Varchar 10 Unique

70
5. Tabel 4.5 Rancangan Fisik Tabel Agenda
Jenis_rapat Varchar 50
Pembahasan Varchar 100
Tanggal Varchar 20
Waktu_mulai Varchar 5
Waktu_selesai Varchar 5
Nama_ruangan Varchar 20
Kode_ruangan Varchar 20
Pemimpin_rapat Varchar 40
Peserta_rapat Text
6. Tabel 4.6 Rancangan Fisik Tabel Notifikasi
Pesan Varchar 50
Tanggal Varchar 20
Nama_peserta Varchar 40
Status Enum
71
7. Tabel 4.7 Rancangan Fisik Tabel Messages
Id_user Varchar 11
Message Text
Kode_ruangan Varchar 20
Nama_peserta Varchar 20
4.2 Perancangan Desain Input / Output
Berikut ini merupakan rancangan desain Aplikasi Rapat Online
berbasis Website.
4.2.1 Desain Tampilan Form Login Admin
Desain tampilan form login admin dapat dilihat pada gambar 4.38.
Gambar 4.38 Desain Tampilan Form Login Admin

72
4.2.2 Desain Tampilan Data Akun Peserta Rapat
Desain tampilan data akun peserta rapat dapat dilihat pada gambar
4.39.
Gambar 4.39 Desain Tampilan Data Akun Peserta Rapat
4.2.3 Desain Tampilan Data Peserta Rapat
Desain tampilan data peserta rapat dapat dilihat pada gambar 4.40.
Gambar 4.40 Desain Tampilan Data Peserta Rapat

73
4.2.4 Desain Tampilan Data Ruangan Rapat
Desain tampilan data ruangan rapat dapat dilihat pada gambar 4.41.
Gambar 4.41 Desain Tampilan Data Ruangan Rapat
4.2.5 Desain Tampilan Data Agenda Rapat
Desain tampilan data agenda rapat dapat dilihat pada gambar 4.42.
Gambar 4.42 Desain Tampilan Data Agenda Rapat

74
4.2.6 Desain Tampilan Data Notula Rapat
Desain tampilan data notula rapat dapat dilihat pada gambar 4.43.
Gambar 4.43 Desain Tampilan Data Notula Rapat
4.2.7 Desain Tampilan Pengaturan Admin
Desain tampilan pengaturan admin dapat dilihat pada gambar 4.44.
Gambar 4.44 Desain Tampilan Pengaturan Admin

75
4.2.8 Desain Tampilan Form Login Peserta Rapat
Desain tampilan form login peserta rapat dapat dilihat pada gambar
4.45.
Gambar 4.45 Desain Tampilan Form Login Peserta Rapat
4.2.9 Desain Tampilan Agenda Rapat
Desain tampilan agenda rapat dapat dilihat pada gambar 4.46.
Gambar 4.46 Desain Tampilan Agenda Rapat

76
4.2.10 Desain Tampilan Profil Peserta Rapat
Desain tampilan profil peserta rapat dapat dilihat pada gambar
4.47.
Gambar 4.47 Desain Tampilan Profil Peserta Rapat
4.2.11 Desain Tampilan Ruangan Rapat
Desain tampilan ruangan rapat dapat dilihat pada gambar 4.48.
Gambar 4.48 Desain Tampilan Ruangan Rapat

77
4.2.12 Desain Tampilan Video Conference
Desain tampilan video conference dapat dilihat pada gambar 4.49.
Gambar 4.49 Desain Tampilan Video Conferenc
4.2.13 Desain Tampilan Notula Rapat
Desain tampilan notula rapat dapat dilihat pada gambar 4.50.
Gambar 4.50 Desain Tampilan Notula Rapat

78
4.2.14 Desain Tampilan Laporan Rapat
Desain tampilan laporan rapat dapat dilihat pada gambar 4.51.
Gambar 4.51 Desain Tampilan Laporan Rapat
4.2.15 Desain Tampilan Pengaturan Akun Peserta Rapat
Desain tampilan pengaturan akun peserta rapat dapat dilihat pada
gambar 4.52.
Gambar 4.52 Desain Tampilan Pengaturan Akun Peserta Rapat

79
4.3 Perancangan Pengujian Sistem
Dalam perancangan pengujian sistem menggunakan pengujian
black box testing yang bertujuan untuk membuktikan bahwa setiap fitur
berjalan sesuai dengan fungsinya masing-masing.
Tabel 4.8 Perancangan Pengujian Sistem.
No Modul yang diuji Detail Pengujian Keterangan
Verifikasi username dan

1 Login Admin Verifikasi Login
kata sandi
Validasi form nipy dan

2 Data Akun Peserta Validasi Form
email
Validasi form nipy,
3 Data Peserta Rapat Validasi Form nama, status, jabatan,
pendidikan, dan foto
Validasi form nama

4 Data Ruangan Rapat Validasi Form
ruangan
Validasi form jenis rapat,
pembahasan, tanggal,
waktu mulai, waktu

5 Data Agenda Rapat Validasi Form
selesai, ruangan,
pemimpin rapat, dan
peserta rapat
Menampilkan notula
6 Data Notula Rapat Fungsional
rapat
80
Pengaturan Akun Validasi form nama,

7 Validasi Form
Admin username dan kata sandi
Menjalankan fungsi
8 Logout Admin Fungsional
Logout
Verifikasi nipy dan kata

9 Login Peserta Rapat Verifikasi Login
sandi
Validasi form nipy,
Sunting Profil nama, status, jabatan

10 Validasi Form
Peserta Rapat akademik, pendidikan
dan foto
Pengaturan Akun Validasi form email dan

11 Validasi Form
Peserta Rapat kata sandi
Menampilkan agenda
12 Agenda Rapat Fungsional
rapat
Menampilkan video
13 Ruangan Rapat Fungsional
conference
Menampilkan notula
14 Notula Rapat Fungsional
rapat
Menampilkan laporan
15 Laporan Rapat Fungsional rapat perbulan dan
pertahun
16 Logout Peserta Rapat Fungsional Menjalankan fungsi logout

BAB V
HASIL DAN PEMBAHASAN PENELITIAN
5.1 Hasil Penelitian
5.1.1 Tampilan Aplikasi
1. Tampilan Halaman Login Admin
Halaman login admin adalah halaman yang berisi form
username dan kata sandi untuk admin melakukan proses login.
Tampilan login admin dapat dilihat pada gambar 5.1.
Gambar 5.1 Tampilan Halaman Login Admin
2. Tampilan Halaman Data Akun Peserta Rapat
Halaman data akun peserta rapat adalah halaman yang
menampilkan tabel data akun peserta rapat. Tampilan halaman data
akun peserta rapat dapat dilihat pada gambar 5.2.
81
82
Gambar 5.2 Tampilan Halaman Data Akun Peserta Rapat
3. Tampilan Halaman Tambah Data Akun Peserta Rapat
Halaman tambah data akun peserta rapat adalah halaman
yang menampilkan form nipy dan email untuk admin dalam
menginputkan data akun peserta rapat. Tampilan halaman tambah
data akun peserta rapat dapat dilihat pada gambar 5.3.
Gambar 5.3 Tampilan Halaman Tambah Data Akun Peserta Rapat

83
4. Tampilan Halaman Sunting Akun Peserta Rapat
Halaman sunting akun peserta rapat adalah halaman yang
menampilkan form nipy dan email untuk admin dalam mengedit
atau sunting data akun peserta rapat. Tampilan halaman sunting
akun peserta rapat dapat dilihat pada gambar 5.4.
Gambar 5.4 Tampilan Halaman Sunting Data Akun Peserta Rapat
5. Tampilan Halaman Data Peserta Rapat
Halaman data peserta rapat adalah halaman yang
menampilkan tabel data lengkap peserta rapat. Tampilan halaman
data peserta rapat dapat dilihat pada gambar 5.5.

84
Gambar 5.5 Tampilan Halaman Data Peserta Rapat
6. Tampilan Halaman Tambah Data Peserta Rapat
Halaman tambah data peserta rapat adalah halaman yang
menampilkan form nipy, nama, status, jabatan akademik,
pendidikan dan foto untuk admin menginputkan data lengkap
peserta rapat. Tampilan halaman tambah data peserta rapat dapat
dilihat pada gambar 5.6.
Gambar 5.6 Tampilan Halaman Tambah Data Peserta Rapat

85
7. Tampilan Halaman Sunting Data Peserta Rapat
Halaman sunting data peserta rapat adalah halaman yang
pendidikan, dan foto untuk admin mengedit atau sunting data
lengkap peserta rapat. Tampilan halaman sunting data peserta rapat
dapat dilihat pada gambar 5.7.
Gambar 5.7 Tampilan Halaman Sunting Data Peserta Rapat
8. Tampilan Halaman Data Ruangan Rapat
Halaman data ruangan rapat adalah halaman yang
menampilkan tabel data ruangan rapat. Tampilan halaman data
ruangan rapat dapat dilihat pada gambar 5.8.

86
Gambar 5.8 Tampilan Halaman Data Ruangan Rapat
9. Tampilan Halaman Tambah Data Ruangan Rapat
Halaman tambah data ruangan rapat adalah halaman yang
menampilkan form nama ruangan untuk admin menginputkan data
ruangan rapat. Tampilan halaman tambah data ruangan rapat dapat
Gambar 5.9 Tampilan Halaman Tambah Data Ruangan Rapat

87
10. Tampilan Halaman Sunting Data Ruangan Rapat
Halaman sunting data ruangan rapat adalah halaman yang
menampilkan form nama ruangan untuk admin mengedit atau
sunting data ruangan rapat. Tampilan halaman sunting data
ruangan rapat dapat dilihat pada gambar 5.10.
Gambar 5.10 Tampilan Halaman Sunting Data Ruangan Rapat
11. Tampilan Halaman Data Agenda Rapat
Halaman data agenda rapat adalah halaman yang
menampilkan tabel data agenda rapat. Tampilan halaman data
agenda rapat dapat dilihat pada gambar 5.11.

88
Gambar 5.11 Tampilan Halaman Data Agenda Rapat
12. Tampilan Halaman Tambah Data Agenda Rapat
Halaman tambah data agenda rapat adalah halaman yang
menampilkan form jenis rapat, pembahasan rapat, tanggal, waktu
mulai, waktu selesai, ruangan, pemimpin rapat dan peserta rapat
untuk admin menginput data agenda rapat. Tampilan tambah data
Gambar 5.12 Tampilan Halaman Tambah Data Agenda Rapat

89
13. Tampilan Halaman Sunting Data Agenda Rapat
Halaman sunting data agenda rapat adalah halaman yang
menampilkan form jenis rapat, pembahasan rapat, tanggal, waktu
mulai, waktu selesai, ruangan, pemimpin rapat dan peserta rapat
untuk admin mengedit atau sunting data agenda rapat. Tampilan
halaman sunting data agenda rapat dapat dilihat pada gambar 5.13.
Gambar 5.13 Tampilan Halaman Sunting Data Agenda Rapat
14. Tampilan Halaman Data Notula Rapat
Halaman data notula rapat adalah halaman yang
menampilkan tabel data notula rapat. Tampilan halaman data
notula rapat dapat dilihat pada gambar 5.14.

90
Gambar 5.14 Tampilan Halaman Data Notula Rapat
15. Tampilan Dokumen Notula Rapat
Dokumen notula rapat adalah dokumen notula hasil dari
rapat yang telah di laksanakan. Tampilan dokumen notula rapat
Gambar 5.15 Tampilan Dokumen Notula Rapat

91
16. Tampilan Halaman Pengaturan Akun Admin
Halaman pengaturan admin adalah halaman yang
menampilkan form nama, username dan kata sandi untuk admin
mengedit atau sunting data akun admin. Tampilan halaman
pengaturan akun admin dapat dilihat pada gambar 5.16.
Gambar 5.16 Tampilan Halaman Pengaturan Akun Admin
17. Tampilan Halaman Login Peserta Rapat
Halaman login peserta rapat adalah halaman menampilkan
form nipy dan kata sandi untuk peserta rapat melakukan login.
Tampilan login peserta rapat dapat dilihat pada gambar 5.17.
Gambar 5.17 Tampilan Halaman Login Peserta Rapat

92
18. Tampilan Halaman Agenda Rapat
Halaman agenda rapat adalah halaman yang menampilkan
agenda rapat berdasarkan harian dan mingguan. Tampilan halaman
Gambar 5.18 Tampilan Halaman Agenda Rapat
19. Tampilan Halaman Profil Peserta Rapat
Halaman profil peserta rapat adalah halaman yang
menampilkan profil lengkap peserta rapat. Tampilan halaman profil
peserta rapat dapat dilihat pada gambar 5.19.
Gambar 5.19 Tampilan Halaman Profil Peserta Rapat

93
20. Tampilan Halaman Sunting Profil Peserta Rapat
Halaman sunting profil peserta rapat adalah halaman yang
pendidikan dan foto untuk peserta rapat mengedit atau sunting
profil. Tampilan halaman sunting profil peserta rapat dapat dilihat
pada gambar 5.20.
Gambar 5.20 Tampilan Halaman Sunting Profil Peserta Rapat
21. Tampilan Halaman Ruangan Rapat
Halaman ruangan rapat adalah halaman yang menampilkan
tabel data ruangan rapat. Tampilan halaman ruangan rapat dapat
Gambar 5.21 Tampilan Halaman Ruangan Rapat

94
22. Tampilan Halaman Video Conference
Halaman video conference adalah halaman yang digunakan
untuk pelaksanaan rapat. Tampilan halaman video conference dapat
Gambar 5.22 Tampilan Halaman Video Conference
23. Tampilan Halaman Notula Rapat
Halaman notula rapat adalah halaman yang menampilkan
tabel data notula rapat. Tampilan halaman notula rapat dapat dilihat
pada gambar 5.23.
Gambar 5.23 Tampilan Halaman Notula Rapat

95
24. Tampilan Halaman Laporan Rapat Perbulan
Halaman laporan rapat perbulan adalah halaman grafik
untuk menunjukan laporan rapat berdasarkan bulan dilaksanakanya
rapat dan jenis rapat. Tampilan halaman laporan perbulan dapat
Gambar 5.24 Tampilan Halaman Laporan Rapat Perbulan
25. Tampilan Halaman Laporan Rapat Pertahun
Halaman laporan rapat pertahun adalah halaman grafik
untuk menunjukan laporan rapat berdasarkan tahun dilaksanakanya
rapat dan jenis rapat. Tampilan halaman laporan rapat pertahun
Gambar 5.25 Tampilan Halaman Laporan Rapat Pertahun

96
26. Tampilan Dokumen Laporan
Dokumen laporan adalah dokumen yang menampilkan
tabel data laporan rapat. Tampilan dokumen laporan dapat dilihat
pada gambar 5.26.
Gambar 5.26 Tampilan Dokumen Laporan
5.1.2 Pengujian Black Box Testing
Pengujian black box testing dilakukan dengan mengecek
fungsionalitas dan output dari aplikasi yang dibuat. Yaitu pengujian
terhadap halaman yang mempunyai masukan (input) dan keluaran
(output) untuk mengetahui apakah suatu fungsi ketika terjadi proses
lalu lintas data sudah sesuai dengan yang diharapkan atau tidak.
97
1. Pengujian Login Admin
Pengujian login admin adalah pengujian yang dilakukan
pada form login admin. Pengujian login admin dapat dilihat pada
tabel 5.1. Hasil pengujian login admin dapat dilihat pada gambar
5.27.
Tabel 5.1 Pengujian Login Admin
Kolom Input Output Keterangan Kesimpulan
Username Kosong atau Pesan
dan kata salah satu error Ditolak Sesuai
sandi kosong (Gb1) (Gb2)
Tidak valid
dengan
database atau
Username Pesan
salah satu
dan kata error Ditolak Sesuai
tidak valid
sandi (Gb4)
dengan
database
(Gb3)
Username Valid dengan Akses
dan kata database masuk Diterima Sesuai
sandi (Gb5) (Gb6)

98
Gambar 5.27 Pengujian Login Admin
2. Pengujian Data Akun Peserta Rapat
Pengujian data akun peserta adalah pengujian yang
dilakukan pada form input tambah data akun peserta rapat.
Pengujian data akun peserta rapat dapat dilihat pada tabel 5.2. Hasil
pengujian data peserta rapat dapat dilihat pada gambar 5.28.
Tabel 5.2 Pengujian Data Akun Peserta Rapat
Kosong atau
Pesan
Nipy dan salah satu
error Ditolak Sesuai
email kosong
(Gb2)
(Gb1)
Tidak valid Pesan

Nipy dan
atau salah error Ditolak Sesuai
email
satu tidak (Gb4)
99
valid (Gb3)
Pesan
Nipy dan
valid (Gb5) sukses Diterima Sesuai
email
(Gb6)
Gambar 5.28 Pengujian Data Akun Peserta Rapat
3. Pengujian Data Peserta Rapat
Pengujian data peserta rapat adalah pengujian yang
dilakukan pada form input data peserta rapat. Pengujian data
peserta rapat dapat dilihat pada tabel 5.3. Hasil pengujian data
Tabel 5.3 Pengujian Data Peserta Rapat
Nipy, nama, Kosong Pesan

Ditolak Sesuai
status, atau salah error
100
jabatan, satu (Gb2)
pendidikan, kosong
dan foto (Gb1)
Nipy, nama,
Tidak valid
status, Pesan
atau salah
jabatan, error Ditolak Sesuai
satu tidak
pendidikan, (Gb4)
valid (Gb3)
dan foto
Nipy, nama,
status, Pesan
jabatan, valid (Gb5) sukses Diterima Sesuai
pendidikan, (Gb6)
dan foto
Gambar 5.29 Pengujian Data Peserta Rapat

101
4. Pengujian Data Ruangan Rapat
Pengujian data ruangan rapat adalah pengujian yang
dilakukan pada form input tambah data ruangan rapat. Pengujian
data ruangan rapat dapat dilihat pada tabel 5.4. Hasil pengujian data
Tabel 5.4 Pengujian Data Ruangan Rapat
Pesan
Kosong
Ruangan error Ditolak Sesuai
(Gb1)
(Gb2)
Pesan
Tidak valid
Ruangan error Ditolak Sesuai
(Gb3)
(Gb4)
Pesan
Ruangan valid (Gb5) sukses Diterima Sesuai
(Gb6)
102
Gambar 5.30 Pengujian Data Ruangan Rapat
5. Pengujian Data Agenda Rapat
Pengujian data agenda rapat adalah pengujian yang
dilakukan pada form input agenda rapat. Pengujian data agenda
rapat dapat dilihat pada tabel 5.5. Hasil pengujian data peserta rapat
Tabel 5.5 Pengujian Data Agenda Rapat
Jenis rapat,
Kosong
pembahasan,
atau
tanggal, Pesan
salah
waktu mulai, error Ditolak Sesuai
satu
waktu (Gb2)
kosong
selesai,
(Gb1)
Ruangan,
103
pemimpin
rapat, peserta
rapat.
Jenis rapat,
pembahasan, Tidak
tanggal, valid
waktu mulai, atau

Pesan
waktu salah
selesai, satu
(Gb4)
Ruangan, tidak
pemimpin valid
rapat, peserta (Gb3)
rapat.
Jenis rapat,
pembahasan,
tanggal,
waktu mulai,
Pesan
waktu valid
sukses Diterima Sesuai
selesai, (Gb5)
(Gb6)
Ruangan,
pemimpin
rapat, peserta
rapat.
104
Gambar 5.31 Pengujian Data Agenda Rapat
6. Pengujian Data Notula Rapat
Pengujian data notula rapat adalah pengujian yang
dilakukan pada modul notula rapat admin. Pengujian data notula
rapat dapat dilihat pada tabel 5.6. Hasil pengujian data notula rapat
Tabel 5.6 Pengujian Data Notula Rapat
Kondisi Item Output Keterangan Kesimpulan
Data
Tidak ada
notula
agenda rapat Kosong Ditolak Sesuai
rapat
(Gb1)
(Gb2)
Ada agenda Data Tampil

Diterima Sesuai
rapat notula notula
105
(Gb3) rapat rapat
(Gb4) (Gb5)
Gambar 5.32 Pengujian Data Notula Rapat
7. Pengujian Pengaturan Akun Admin
Pengujian pengaturan admin adalah pengujian yang
dilakukan pada form update akun admin. Pengujian pengaturan
akun admin dapat dilihat pada tabel 5.7. Hasil pengujian
pengaturan akun admin dapat dilihat pada gambar 5.33.
Tabel 5.7 Pengujian Pengaturan Admin
Nama, Kosong
Pesan
username, atau salah
kata sandi, satu
(Gb2)
konfirmasi kosong
106
kata sandi (Gb1)
Nama, Tidak
username, valid atau Pesan
kata sandi, salah satu error Ditolak Sesuai
konfirmasi tidak valid (Gb4)
kata sandi (Gb3)
Nama,
username, Pesan
valid
kata sandi, sukses Diterima Sesuai
(Gb5)
konfirmasi (Gb6)
kata sandi
Gambar 5.33 Pengujian Pengaturan Akun Admin

107
8. Pengujian Logout Admin
Pengujian logout admin adalah pengujian yang dilakukan
pada modul logout admin. Pengujian logout admin dapat dilihat
pada tabel 5.8. Hasil pengujian logout admin dapat dilihat pada
gambar 5.34.
Tabel 5.8 Pengujian Logout Admin
Item Output Keterangan Kesimpulan
Menu logout Halaman login

Diterima Sesuai
(Gb1) (Gb2)
Gambar 5.34 Pengujian Logout Admin
9. Pengujian Login Peserta Rapat
Pengujian login peserta rapat adalah pengujian yang
dilakukan pada form login peserta rapat. Pengujian login peserta
rapat dapat dilihat pada tabel 5.9. Hasil pengujian login peserta
rapat dapat dilihat pada gambar 5.35.

108
Tabel 5.9 Pengujian Login Peserta Rapat
Nipy dan Kosong atau Pesan
kata salah satu error Ditolak Sesuai
sandi kosong (Gb1) (Gb2)
Tidak sesuai
database atau
Nipy dan Pesan
salah satu
kata error Ditolak Sesuai
tidak sesuai
sandi (Gb4)
database
(Gb3)
Nipy dan Sama dengan Akses
kata database masuk Diterima Sesuai
sandi (Gb5) (Gb6)
Gambar 5.35 Pengujian Login Peserta Rapat

109
10. Pengujian Sunting Profil Peserta Rapat
Pengujian sunting profil peserta rapat adalah pengujian
yang dilakukan pada form login peserta rapat. Pengujian sunting
profil peserta rapat dapat dilihat pada tabel 5.10. Hasil pengujian
sunting profil peserta rapat dapat dilihat pada gambar 5.36.
Tabel 5.10 Pengujian Sunting Profil Peserta Rapat
Nipy, nama, Kosong
status, atau salah Pesan
jabatan, satu error Ditolak Sesuai
pendidikan, kosong (Gb2)
foto (Gb1)
Nipy, nama, Tidak
status, valid atau Pesan
jabatan, salah satu error Ditolak Sesuai
pendidikan, tidak valid (Gb4)
foto (Gb3)
Nipy, nama,
status, Pesan
valid
jabatan, sukses Diterima Sesuai
(Gb5)
pendidikan, (Gb6)
foto
110
Gambar 5.36 Pengujian Sunting Profil Peserta Rapat
11. Pengujian Pengaturan Akun Peserta Rapat
Pengujian pengaturan data akun peserta rapat adalah
pengujian yang dilakukan pada form sunting akun peserta rapat.
Pengujian pengaturan akun peserta rapat dapat dilihat pada tabel
5.11. Hasil pengujian pengaturan akun peserta rapat dapat dilihat
pada gambar 5.37.
Tabel 5.11 Pengujian Pengaturan Akun Peserta Rapat
Kosong
Email, kata
atau salah Pesan
sandi,
satu error Ditolak Sesuai
konfirmasi
kosong (Gb2)
kata sandi
(Gb1)
Email, kata Tidak Pesan Ditolak Sesuai

111
sandi, valid atau error
konfirmasi salah satu (Gb4)
kata sandi tidak valid
(Gb3)
Email, kata
Pesan
sandi, valid
sukses Diterima Sesuai
konfirmasi (Gb5)
(Gb6)
kata sandi
Gambar 5.37 Pengujian Pengaturan Akun Peserta Rapat
12. Pengujian Agenda Rapat
Pengujian agenda rapat adalah pengujian yang dilakukan
pada modul agenda rapat. Pengujian agenda rapat dapat dilihat
pada tabel 5.12. Hasil pengujian agenda rapat dapat dilihat pada
gambar 5.38.
112
Tabel 5.12 Pengujian Agenda Rapat
Tidak
Agenda
terdaftar Kosong
rapat Ditolak Sesuai
sebagai
(Gb1)
peserta rapat
Terdaftar Agenda
sebagai rapat Tampil Diterima Sesuai
peserta rapat (Gb2)
Gambar 5.38 Pengujian Agenda Rapat
13. Pengujian Ruangan Rapat
Pengujian ruangan rapat adalah pengujian yang dilakukan
pada modul ruangan rapat. Pengujian ruangan rapat dapat dilihat
pada tabel 5.13. Hasil pengujian ruangan rapat dapat dilihat pada
gambar 5.39.
113
Tabel 5.13 Pengujian Ruangan Rapat
Tidak
Ruangan Pesan
terdaftar
rapat error Ditolak Sesuai
sebagai
(Gb1) (Gb2)
peserta rapat
Tampil
Terdaftar Ruangan video
sebagai rapat confere Diterima Sesuai
peserta rapat (Gb3) nce
(Gb4)
Gambar 5.39 Pengujian Ruangan Rapat

114
14. Pengujian Notula Rapat
Pengujian notula rapat adalah pengujian yang dilakukan
pada modul notula rapat peserta rapat. Pengujian notula rapat dapat
dilihat pada tabel 5.14. Hasil pengujian notula rapat dapat dilihat
pada gambar 5.40.
Tabel 5.14 Pengujian Notula Rapat
Tidak ada Data
agenda notula
Kosong Ditolak Sesuai
rapat rapat
(Gb1) (Gb2)
Data Tampil
Ada agenda
notula notula
rapat Diterima Sesuai
rapat rapat
(Gb3)
(Gb4) (Gb5)
Gambar 5.40 Pengujian Notula Rapat

115
15. Pengujian Laporan Rapat
Pengujian Laporan rapat adalah pengujian yang dilakukan
pada modul laporan rapat. Pengujian laporan rapat dapat dilihat
pada tabel 5.15. Hasil pengujian laporan rapat dapat dilihat pada
gambar 5.41.
Tabel 5.15 Pengujian Laporan Rapat
Menu laporan Grafik laporan
perbulan perbulan Diterima Sesuai
(Gb1) (Gb2)
Menu laporan Grafik laporan
pertahun pertahun Diterima Sesuai
(Gb3) (Gb4)
Gambar 5.41 Pengujian Laporan Rapat

116
16. Pengujian Logout Peserta Rapat
Pengujian logout peserta rapat adalah pengujian yang
dilakukan pada modul logout peserta rapat. Pengujian logout
peserta rapat dapat dilihat pada tabel 5.16. Hasil pengujian logout
Tabel 5.16 Pengujian Logout Peserta Rapat
Menu logout Halaman login

Diterima Sesuai
(Gb1) (Gb2)
Gambar 5.42 Pengujian Logout Peserta Rapat

117
5.2 Pembahasan Penelitian
Aplikasi Rapat Online Berbasis Website telah selesai dibuat. Hasil
dari desain tampilan telah sesuai dengan perancangan yang dibuat
sebelumnya. Selanjutnya dilakukan tahap pengujian sistem dengan
menggunakan metode pengujian black box testing.
Hasil dari pengujian black box testing yang dilakukan berdasarkan
input yang dilakukan pada setiap cara uji terhadap masing-masing butir uji
memperoleh hasil atau kesimpulan yang sesuai dengan output yang
diharapkan. Dari hasil pengujian sistem dengan metode black box testing
pada Aplikasi Rapat Online Berbasis Website ini maka dapat dinyatakan
bahwa aplikasi dapat berjalan dengan baik dan dapat digunakan secara
efektif sesuai dengan perancangan.
Dari hasil pengujian sistem di atas pada Aplikasi Rapat Online
Berbasis Website memperoleh hasil uji yang sesuai dengan pengujian dan
masing-masing pengujian sistem yang telah dilakukan. Berdasarkan hal
tersebut maka dapat disimpulkan bahwa Aplikasi Rapat Online Berbasis
Website ini telah layak uji.

BAB VI
PENUTUP
6.1 Kesimpulan
Berdasarkan penelitian yang telah dilakukan, maka dapat diambil
kesimpulan sebagai berikut :
1. Dengan adanya Aplikasi Rapat Online di Program Studi D IV
Teknik Informatika Politeknik Harapan Bersama Tegal, staf dan
dosen dapat mengatasi terjadinya penundaan, pembatalan dan
memudahkan pelaksanaan kegiatan rapat secara terkomputerisasi
seperti manajemen agenda rapat, manajemen kegiatan rapat secara
online dan real time, manajemen notulensi rapat, dan manajemen
laporan hasil rapat dalam satu sistem aplikasi.
2. Aplikasi Rapat Online yang dibangun dengan platform website ini
sudah menyediakan fitur untuk memanajemen agenda rapat,
manajemen kegiatan rapat secara online dan real time, manajemen
notulensi rapat, dan manajemen laporan hasil rapat.
menyediakan fitur speech recognition yang dapat mengenali
bahasa Indonesia, Jepang, Arab, Inggris serta bahasa adat di
Indonesia.
118
119
sudah di uji dengan menggunakan metode black box testing dan
mendapatkan hasil sesuai yang diharapkan.
6.2 Saran
Berikut adalah beberapa saran untuk pengembangan lebih lanjut
terhadap penelitian lebih lanjut terhadap penelitian ini :
1. Diharapkan Aplikasi Rapat Online ini dikembangkan menjadi
aplikasi berbasis mobile sehingga memiliki mobilitas yang lebih
tinggi.
2. Diharapkan Aplikasi Rapat Online ini mendapat pengembangan
filter bahasa Indonesia baku pada fitur speech recognition.
3. Adanya penambahan fitur lainnya agar sistem dapat lebih mudah
mengatasi masalah – masalah yang terjadi pada rapat.

DAFTAR PUSTAKA
[1] Rismayani, A. H. dan Nur, V. A., 2016, Sistem Informasi Agenda Rapat
Berbasis Web Menggunakan sistem SMS GATEWAY (Studi kasus
Politeknik TEDC Bandung), TEDC, 10(1), 35-41.
[2] Yen Lina, dkk (2017), ANALISIS DAN PERANCANGAN APLIKASI E-
MEETING BERBASIS WEB , Jakarta Barat 11480, Binus University
[3] Herry Sitepu, dkk (2016), Pengembangan aplikasi E-Learning berbasis
WebRTC, Bandung: Institut Teknologi Harapan Bangsa
[4] Renny Puspita Sari dan Istikoma, (2018), Analisis dan Perancangan Sistem
Informasi Rapat Online FMIPA UNTAN menggunakan UML, Padang,
ISSN Media Elektronik 2597-3584
[5] Charlene Alicia Wagiu, (2016), PERANCANGAN SISTEM INFORMASI
UNTUK MEMBANTU PENGELOLAAN RAPAT PADA
UNIVERSITAS ADVENT INDONESIA BERBASIS WEB, Fakultas
Teknologi Informasi, Universitas Advent Indonesia
[6] Jogiyanto, (2004:4). “Pengertian Aplikasi”. Badan Penerbit Fakultas
Ekonomi UGM, Yogyakarta
[7] Winantu, Asih dan Saputro, Wahyu T. (2010). “Pemrograman Web
dengan HTML, XHTML, CSS, Javascript”. Yogyakarta: Explore
[8] Raharjo, B and et all. (2014) “Modul Pemrograman WEB (HTML, PHP,
& MYSQL)”. In Modul Pemrograman WEB (HTML, PHP, & MYSQL),
Bandung: Modula, 2014, p.47.
120
121
[9] Ariata C, (2019). Apa Itu JavaScript? Pemahaman Dasar Mengenai
JavaScript bagi Para Pemula, https://www.hostinger.co.id/tutorial/apa-itu-
javascript/, diakses pada 23 januari 2019
[10] Hermawan, (2019). Pengertian XAMPP Beserta Fungsi dan Bagian-bagian
Penting pada XAMPP. https://www.nesabamedia.com/pengertian-xampp/,
diakses pada 14 september 2019
[11] Akbar Mahdi Dzatussiri, (2017), Review Aplikasi Visual Studio Code.
Ilmuti.org
[12] Pressman, R.S. (2010). Software Engineering : a Practioner’s approach 7
Edition, McGrew-Hill Higher Education.
[13] _________, (2016). Pengertian dan Keunggulan Framework Laravel.
https://idcloudhost.com/pengertian-dan-keunggulan-framework-laravel/,
diakses pada 7 JUNI 2016
[14] Sani M Isa, (2019). Speech Recognition.
https://mti.binus.ac.id/2019/05/08/speech-recognition/. diakses pada 08
Mei 2019
[15] _________, (2013). White box testing dan black box testing.
http://tkjpnup.blogspot.com/2013/12/black-box-testing-dan-white-box-
testing.html, diakses pada 1 Januari 2013
[16] Aelani, K dan Falaha, 2012. “Pengukuran Usability Sistem Menggunakan
Use Questionnaire (Studi Kasus Aplikasi Perwalian Online STMIK
AMIKBANDUNG”. Seminar Nasional Aplikasi Teknologi Informasi
(SNATI 2012), Yogyakarta, 15-16 juni, 1907-5022.

122
[17] Ahmad Mulyadi, 2018. Definisi Aplikasi Menurut Para Ahli.
https://ahmadmulyadi96.wordpress.com/2018/01/07/definisi-aplikasi-
menurut-para-ahli/, diakses pada 7 Januari 2018.
[18] Waryanto, 2018. Pengertian Website Lengkap dengan Jenis dan
Manfaatnya. https://www.niagahoster.co.id/blog/pengertian-website/ ,
diakses pada 22 Januari 2018.
[19] Ariata C, 2018. Apa Itu HTML? Pemahaman Dasar Tentang Bahasa
Markup Hypertext. https://www.hostinger.co.id/tutorial/apa-itu-html/ ,
diakses pada 19 November 2018.
[20] Andre, 2019. Tutorial Belajar PHP Part 1: Pengertian dan Fungsi PHP
dalam Pemrograman Web. https://www.duniailkom.com/pengertian-dan-
fungsi-php-dalam-pemograman-web/ , diakses pada 22 Juli 2019.
[21] Nizom Sidiq, 2019. Visual Studio Code Extensions untuk programmer
Laravel. https://medium.com/@nizomsidiq/visual-studio-code-extensions-
untuk-programmer-laravel-858b2d5c04bc, diakses pada 23 April 2019.
[22] Bechori Achmad dan Badrul Alamin, 2018, E-Notulen Rapat di Pondok
Pesantren Salafiyah Syafi’iyah Sukorejo Situbondo, Jurnal Ilmiah
Informatika Volume 3 No. 1 / Juni 2018.
[23] Nayyef Zinah Tareq, dkk, 2018, Peer to Peer Multimedia Real-Time
Communication System based on WebRTC Technology, International
Journal of Engineering & Technology, 7 (2.9) (2018) 125-130.

123
[24] Wirautama I Komang Deno, dkk, 2018, Pengembangan Aplikasi
Pengelolaan Rapat Studi Kasus: Jurusan Sistem Informasi Institut
Teknologi Sepuluh Nopember, Jurnal Teknik Pomits.

LAMPIRAN
Surat Kesepakatan Bimbingan Tugas Akhir
Surat Kesepakatan Bimbingan Tugas Akhir Pembimbing I
A-1
Surat Kesepakatan Bimbingan Tugas Akhir Pembimbing II
A-2
Surat Permohonan Pengambilan Data
B-1

Aplikasi Rapat Online Berbasis Website (Studi Kasus: Program Studi D Iv Teknik Informatika Politeknik Harapan Bersama Tegal)

Diunggah oleh

Informasi Dokumen

Deskripsi Asli:

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Aplikasi Rapat Online Berbasis Website (Studi Kasus: Program Studi D Iv Teknik Informatika Politeknik Harapan Bersama Tegal)

Diunggah oleh

Hak Cipta:

Format Tersedia

APLIKASI RAPAT ONLINE BERBASIS WEBSITE

(STUDI KASUS : PROGRAM STUDI D IV TEKNIK INFORMATIKA

POLITEKNIK HARAPAN BERSAMA TEGAL)

Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan Studi

Pada Program Studi D IV Teknik Informatika

Nama : Bagus Firgiawan Prakoso

POLITEKNIK HARAPAN BERSAMA

Kegiatan rapat di Program Studi DIV Teknik Informatika Politeknik Harapan

Kata kunci : Aplikasi, Rapat, Website

Dengan memanjatkan puji syukur kehadirat Allah SWT, Tuhan Yang

Tegal, 27 Juli 2020

Bagus Firgiawan Prakoso

HALAMAN JUDUL ..................................................................................... i

HALAMAN PERNYATAAN ....................................................................... ii

HALAMAN REKOMENDASI ..................................................................... iii

HALAMAN PENGESAHAN ........................................................................ iv

KATA PENGANTAR ................................................................................... vi

DAFTAR ISI .................................................................................................. vii

DAFTAR TABEL ......................................................................................... xi

DAFTAR GAMBAR .................................................................................... xiii

DAFTAR LAMPIRAN ................................................................................. xix

BAB I. PENDAHULUAN ............................................................................ 1

1.1 Latar Belakang ................................................................................ 1

1.2 Perumusan Masalah ........................................................................ 3

1.3 Pembatasan Masalah ....................................................................... 4

1.4 Tujuan Penelitian ............................................................................ 4

1.5 Manfaat Penelitian .......................................................................... 5

1.6 Metodologi Penelitian ..................................................................... 6

1.6.1 Bahan Penelitian .................................................................. 6

1.6.2 Alat Penelitian ...................................................................... 6

1.6.3 Alur Penelitian ..................................................................... 7

1.7 Sistematika Penulisan ..................................................................... 11

BAB III. LANDASAN TEORI ..................................................................... 17

3.1 Aplikasi ............................................................................................ 17

3.2 Website ............................................................................................. 19

3.3 HTML ............................................................................................... 20

3.4 PHP .................................................................................................. 22

3.5 Database MySql ............................................................................... 22

3.6 JavaScript ........................................................................................ 25

3.7 Xampp .............................................................................................. 26

3.8 Visual Studio Code........................................................................... 27

3.9 Framework Laravel ........................................................................ 29

3.10 Web Video Conference .................................................................... 31

3.11 WebRTC .......................................................................................... 32

3.12 Speech Recognition ......................................................................... 33

3.13 Black Box Testing ............................................................................ 35

3.14 UML (Unified Modeling Language) ................................................ 37

BAB IV. PERANCANGAN DAN DESAIN ................................................ 44

4.1 Perancangan Sistem ......................................................................... 44

4.1.1 Perancangan UML (Unified Modeling Language) ................ 44

4.1.2 Perancangan Tabel Database................................................ 68

4.2 Perancangan Desain Input / Output ................................................. 71

4.2.1 Desain Tampilan Form Login Admin ................................... 71

4.2.2 Desain Tampilan Data Akun Peserta Rapat .......................... 72

4.2.4 Desain Tampilan Data Ruangan Rapat ................................. 73

4.2.5 Desain Tampilan Data Agenda Rapat ................................... 73

4.2.6 Desain Tampilan Data Notula Rapat .................................... 74

4.2.7 Desain Tampilan Pengaturan Admin .................................... 74

4.2.8 Desain Tampilan Form Login Peserta Rapat ........................ 75

4.2.9 Desain Tampilan Agenda Rapat ........................................... 75

4.2.10 Desain Tampilan Profil Peserta Rapat .................................. 76

4.2.11 Desain Tampilan Ruangan Rapat.......................................... 76