Aplikasi Dashboard Laboratorium Fakultas Teknologi Informasi Berbasis Web.
i
ABSTRAK
Fakultas Teknologi Informasi Universitas Kristen Maranatha memiliki 13
laboratorium yang digunakan untuk dapat menunjang kegiatan belajar mengajar,
lalu terdapat staff lab yang bertugas untuk menjaga atau memelihara dan mempersiapkan fasiltas-fasilitas dalam lab agar dapat dipakai dengan baik oleh dosen maupun mahasiswa. Namun terkadang saat dosen sedang menggunakan
laboratorium, dosen sering kali memerlukan bantuan staff atas masalah yang
dijumpai oleh dosen di dalam lab tersebut. Komunikasi yang dilakukan di antaranya pun masih kurang efektif karena dosen harus datang ke ruang staff bila membutuhkan bantuan sehingga ini menyulitkan dosen bila lab yang digunakan nya jauh dari ruang staff. Aplikasi Dashboard Fakultas Teknologi Informasi dapat meningkatkan efektivitas komunikasi antara dosen dengan staff dengan menghadirkan beberapa fitur untuk dosen dapat melakukan request bantuan, fitur
chatting dan fitur untuk menyalakan atau mematikan koneksi internet dalam lab
tersebut secara mandiri. Setelah dilakukan pengujian kepada calon pengguna langsung diperoleh hasil bahwa 100% menurut staff dan 96,67% menurut dosen mennyatakan bahwa aplikasi tersebut meningkatkan efektivitas komunikasi dosen dengan staff kemudian 93,33% menurut staff dan 100% menurut dosen menyatakan bahwa aplikasi tersebut mempermudah dosen dalam membuka koneksi internet secara mandiri.
Kata Kunci : staff, dosen, chatting, bantuan, Aplikasi Dashboard Fakultas Teknologi Informasi.
(2)
ii
ABSTRACT
Faculty of Information Technology Maranatha Christian University has 13 laboratories that used to be able to support the teaching and learning activities, and there is a lab staff on duty to keep or maintain and prepare the facility-lab facilities in order to be used by both lecturers and students. But sometimes when lecturers are using laboratory, lecturers often require staff assistance on the problems encountered by the lecturers in the lab. Communication is done among them is still less effective because the lecturer had to come into the room when the staff needs help making it difficult for faculty when his lab used away from a staff room. Applications Dashboard Faculty of Information Technology can increase the effectiveness of communication between lecturers and staff by presenting some features for lecturers can request help, chat features and the features to turn on / off the Internet connection in the lab independently. After testing to potential users directly result that 100% according to staff and 96.67% according to the lecturer said that the application increases the effectiveness of communication between lecturers and staff then 93.33% by staff and 100% according to the lecturer said that the application, enables lecturers in open internet connection independently.
.
Keyword : staff, lecturer, monitoring, chatting, help, Applications Dashboard Faculty of Information Technology.
(3)
iii
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALISTAS LAPORAN PENELITIAN ... i
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... i
PRAKATA ... i
ABSTRAK ... i
ABSTRACT ... ii
DAFTAR ISI ... iii
DAFTAR GAMBAR ... viii
DAFTAR TABEL ... x
DAFTAR NOTASI/ LAMBANG ... xi
DAFTAR SINGKATAN ... xiv
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 1
1.3 Tujuan Pembahasan ... 2
1.4 Ruang Lingkup ... 2
1.5 Sumber Data ... 3
1.6 Sistematika Penyajian ... 3
BAB 2 KAJIAN TEORI ... 5
2.1 Penelitian Terkait ... 5
2.2 Dashboard ... 6
2.3 API Mikrotik ... 6
2.4 Server Side Scripting... 7
2.5 Client Side Scripting ... 8
(4)
iv
2.7 Basis Data ... 10
BAB 3 ANALISIS DAN RANCANGAN SISTEM ... 11
3.1 Analisis ... 11
3.1.1 Gambaran Aplikasi... 11
3.2 Gambaran Keseluruhan ... 12
3.2.1 Persyaratan Antarmuka Eksternal ... 12
3.2.2 Antarmuka Perangkat Keras ... 12
3.2.3 Antarmuka Perangkat Lunak ... 13
3.3 Desain Perangkat Lunak ... 13
3.3.1 Pemodelan Perangkat Lunak ... 13
3.3.1.1 UseCase Diagram ... 13
3.3.1.1.1 Sistem Dahsboard... 13
3.3.1.1.2 Sub Sistem : Help ... 15
3.3.1.1.3 Sub Sistem : Kelola Admin ... 15
3.3.1.1.4 Sub-Sistem : Kelola Help ... 15
3.3.1.1.5 Sub-Sistem : Kelola Information ... 16
3.3.1.1.6 Sub-Sistem : Kelola Configuration ... 16
3.3.1.2 Activity Diagram ... 17
3.3.1.2.1 Activity Diagram Chatting pada Dosen ... 17
3.3.1.2.2 Activity Diagram Melakukan Request Help pada Dosen ... 18
3.3.1.2.3 Acitivity Diagram Internet Connection pada Dosen ... 19
3.3.1.2.4 Activity Diagram Chatting pada Staff... 20
3.3.1.2.5 Activity Diagram Menerima Help pada Staff ... 21
3.3.1.2.6 Activity Diagram Internet Connection pada Staff ... 22
3.3.1.2.7 Activity Diagram Add Admin pada Kepala Lab... 23
(5)
v
3.3.1.2.9 Activity Diagram Delete Admin pada Kepala Lab ... 25
3.3.1.2.10 Activity Diagram Add Help pada Kepala Lab ... 26
3.3.1.2.11 Activity Diagram Update Help pada Kepala Lab ... 27
3.3.1.2.12 Activity Diagram Delete Help pada Kepala Lab ... 28
3.3.1.2.13 Activity Diagram Update PC pada Kepala Lab ... 29
3.3.1.2.14 Activity Diagram Melihat Report pada Kepala Lab ... 30
3.3.1.2.15 Activity Diagram Melihat Log Chatting pada Kepala Lab .. 30
3.3.1.2.16 Activity Diagram Login pada Kepala Lab ... 31
3.3.1.2.17 Activity Diagram Log Out pada Kepala Lab ... 32
3.3.1.2.18 Activity Diagram Add Information pada Kepala Lab ... 33
3.3.1.2.19 Activity Diagram Update Information pada Kepala Lab ... 34
3.3.1.2.20 Activity Diagram Delete Information pada Kepala Lab ... 35
3.3.1.2.21 Activity Diagram Add Configuration pada Kepala Lab ... 36
3.3.1.2.22 Activity Diagram Update Configuration pada Kepala Lab .. 37
3.3.1.2.23 Activity Diagram Delete Configuration pada Kepala Lab ... 38
3.3.2 Desain Penyimpanan Data ... 39
3.3.3 Rancangan Antarmuka ... 39
3.3.3.1 Antarmuka Staff ... 39
3.3.3.1.1 Form Dashboard Keseluruhan... 40
3.3.3.1.2 Form Dashboard Menu Help ... 40
3.3.3.1.3 Form Chatting ... 41
3.3.3.2 Antarmuka Dosen... 41
3.3.3.2.1 Form Help ... 42
3.3.3.3 Antarmuka Kepala Lab ... 42
3.3.3.3.1 Form Login ... 42
(6)
vi
3.3.3.3.3 Form Manage PC ... 44
3.3.3.3.4 Form Manage Help ... 44
3.3.3.3.5 Form Log Chatting ... 45
3.3.3.3.6 Form Manage Information ... 46
3.3.3.3.7 Form Manage Configuration ... 46
BAB 4 IMPLEMENTASI ... 48
4.1 Basis Data ... 48
4.2 Antarmuka Aplikasi ... 49
4.2.1 Antarmuka Staff ... 49
4.2.1.1 Form Dashboard Keseluruhan... 49
4.2.1.2 Form Dashboard Detail ... 50
4.2.1.3 Form Chatting ... 52
4.2.2 Antarmuka Dosen... 53
4.2.2.1 Form Help ... 53
4.2.3 Antarmuka Kepala Lab ... 54
4.2.3.1 Form Login ... 55
4.2.3.2 Form Manage Admin ... 56
4.2.3.3 Form Manage PC ... 58
4.2.3.4 Form Kelola Help ... 60
4.2.3.5 Form Kelola Information ... 62
4.2.3.6 Form Manage Configuration ... 64
4.2.3.7 Form Log Chatting ... 66
BAB 5 PENGUJIAN ... 68
5.1 Test Case ... 68
5.1.1 Pengujian Dashboard Staff ... 68
(7)
vii
5.1.3 Pengujian Add Admin ... 70
5.1.4 Pengujian Delete Admin ... 71
5.1.5 Pengujian Update Admin ... 72
5.1.6 Pengujian Add Information ... 72
5.1.7 Pengujian Delete Information ... 73
5.1.8 Pengujian Update Information ... 73
5.1.9 Pengujian Add Configuration ... 74
5.1.10 Pengujian Delete Configuration ... 75
5.1.11 Pengujian Update Configuration ... 75
5.1.12 Pengujian Add Help ... 76
5.1.13 Pengujian Delete Help... 77
5.1.14 Pengujian Update Help ... 77
5.1.15 Pengujian Update PC ... 78
5.1.16 Pengujian Delete Log Chatting ... 78
5.1.17 Pengujian Login Kepala Lab ... 79
5.2 User Acceptance Test (UAT) ... 79
5.2.1 User Acceptance Test Kepada Role Staff ... 80
5.2.2 User Acceptance Test Kepada Role Dosen. ... 81
5.2.3 User Acceptance Test Kepada Role Kepala Lab. ... 83
BAB 6 KESIMPULAN DAN SARAN ... 84
6.1 Kesimpulan ... 84
6.2 Saran ... 84
DAFTAR PUSTAKA ... 85 LAMPIRAN UAT ... A-1
(8)
viii
DAFTAR GAMBAR
Gambar 2-1 Contoh Penulisan pada PHP ... 7
Gambar 2-2 Contoh Penulisan pada JavaScript ... 8
Gambar 2-3 Cara kerja AJAX pada sistem. ... 9
Gambar 2-4 Contoh Penulisan pada JSON ... 10
Gambar 3-1 Sistem Dashboard ... 14
Gambar 3-2 Sub Sistem Help ... 15
Gambar 3-3 Sub-Sistem Kelola Admin ... 15
Gambar 3-4 Sub-Sistem Kelola Help ... 16
Gambar 3-5 Sub-Sistem Kelola Information. ... 16
Gambar 3-6 Sub-Sistem Kelola Configuration ... 17
Gambar 3-7 Activity Chatting pada Dosen. ... 17
Gambar 3-8. Activity Diagram Help pada Dosen ... 18
Gambar 3-9. Activity Diagram Internet Connection pada Dosen ... 19
Gambar 3-10 Activity Diagram Chatting pada Staff. ... 20
Gambar 3-11 Activity Diagram Help pada Staff. ... 21
Gambar 3-12 Activity Diagram Internet Connection pada Staff ... 22
Gambar 3-13 Activity Diagram Add Admin pada Kepala Lab ... 23
Gambar 3-14 Activity Diagram Update Admin pada Kepala Lab ... 24
Gambar 3-15 Activity Diagram Delete Admin pada Kepala Lab ... 25
Gambar 3-16 Activity Diagram Add Help pada Kepala Lab ... 26
Gambar 3-17 Activity Diagram Update Help pada Kepala Lab ... 27
Gambar 3-18 Activity Diagram Delete Help pada Kepala Lab ... 28
Gambar 3-19 Activity Diagram Update PC pada Kepala Lab ... 29
Gambar 3-20 Activity Diagram Melihat Report Help pada Kepala Lab ... 30
Gambar 3-21 Activity Diagram Melihat Log Chatting pada Kepala Lab ... 30
Gambar 3-22 Activity Diagram Login pada Kepala Lab ... 31
Gambar 3-23 Activity Diagram Log Out pada Kepala Lab ... 32
Gambar 3-24 Activity Diagram Add Information pada Kepala Lab ... 33
Gambar 3-25 Activity Diagram Update Information pada Kepala Lab ... 34
Gambar 3-26 Activity Diagram Delete Information pada Kepala Lab ... 35
(9)
ix
Gambar 3-28 Activity Diagram Update Configuration pada Kepala Lab ... 37
Gambar 3-29 Activity Diagram Delete Configuration pada Kepala Lab ... 38
Gambar 3-30 Rancangan Basis Data ... 39
Gambar 3-31 Form Dashboard Keseluruhan ... 40
Gambar 3-32 Form Dashboard menu Help ... 41
Gambar 3-33. Form Chatting ... 41
Gambar 3-34. Form Help ... 42
Gambar 3-35 Form Login ... 43
Gambar 3-36 Form Kelola Admin ... 43
Gambar 3-37 Form Manage PC ... 44
Gambar 3-38 Form Manage Help ... 45
Gambar 3-39 Form Log Chatting ... 45
Gambar 3-40 Form Kelola Information ... 46
Gambar 3-41 Form Kelola Configuration ... 47
Gambar 4-1 Implementasi Basis Data... 48
Gambar 4-2 Form Dashboard Keseluruhan ... 49
Gambar 4-3 Form Dashboard Keseluruhan ... 49
Gambar 4-4 Form Dashboard Detail. ... 50
Gambar 4-5 Form Chatting ... 52
Gambar 4-6 Form Help ... 53
Gambar 4-7 Form Login ... 55
Gambar 4-8 Form Manage Admin. ... 56
Gambar 4-9 Form Manage PC ... 58
Gambar 4-10 Form Kelola Help ... 60
Gambar 4-11 Form Kelola Information ... 62
Gambar 4-12 Form Manage Configuration... 64
(10)
x
DAFTAR TABEL
Tabel 1 Pengujian Dashboard Staff... 68
Tabel 2 Pengujian Dashboard Dosen ... 69
Tabel 3 Pengujian Add Admin ... 70
Tabel 4 Pengujian Delete Admin ... 71
Tabel 5 Pengujian Update Admin. ... 72
Tabel 6 Pengujian Add Information ... 72
Tabel 7 Pengujian Delete Information. ... 73
Tabel 8 Pengujian Update Information ... 73
Tabel 9 Pengujian Add Configuration. ... 74
Tabel 10 Pengujian Delete Configuration ... 75
Tabel 11 Pengujian Update Configuration. ... 75
Tabel 12 Pengujian Add Help. ... 76
Tabel 13 Pengujian Delete Help. ... 77
Tabel 14 Pengujian Update Help. ... 77
Tabel 15 Pengujian Update PC. ... 78
Tabel 16 Pengujian Delete Log Chatting ... 78
Tabel 17 Pengujian Login Kepala Lab. ... 79
Tabel 18. UAT untuk Role Staff. ... 80
Tabel 19. UAT untuk Role Dosen. ... 81
(11)
xi
DAFTAR NOTASI/ LAMBANG
Jenis Notasi/ Lambang Nama Arti
UML Kelas Kelas pada struktur
sistem
UML Interface Sama dengan
konsep interface
dalam
pemrograman beririentasi objek
UML Association Relasi antar kelas
dengan makna umum, asosiasi biasanya juga disertai dengan
multiplycity
UML Directed
assocation
Relasi antar kelas dengan makna kelas yang satu digunakan oleh kelas yang lain, asosiasi biasanya juga disertai dengan
multiplycity
UML Relasi antar kelas
dengan makna semua-bagian (whole part) UML Generalisasi Relasi antar kelas
dengan makna generalisasi-spesialisasi (umum khusus)
UML Package Package
merupakan sebuah bungkusan dari satu atau lebih komponen
UML Use case Fungsionalitas
yang disediakan sistem sebagai unit-unit yang saling bertukar pesan antar unit atau aktor.
(12)
xii
UML Actor Orang, proses, atau
sistem lain yang berinteraksi dengan sistem informasi yang akan dibuat di luar sistem informasi itu sendiri, jadi walaupun gambar aktor adalah gambar orang belum tentu aktor adalah orang
UML Status awal Status awal
aktivitas sistem, sebuah diagram aktivitas memiliki sebuah status awal
UML Status Akhir Status akhir yang
dilakukan sistem, sebuah diagram aktivitas memiliki status akhir
UML Aktivitas Aktivitas yang
dilakukan sistem, biasanya di awali dengan kata kerja
UML Percabangan Asosiasi
percabangan di mana jika ada pilihan aktivitas lebih dari satu
UML Swimlane Memisahkan
organisasi bisnis yang bertanggung jawab terhadap aktivitas yang terjadi
UML Event Event adalah
kegiatan yang menyebabkan berubahnya status mesin
(13)
xiii
ERD Entity Entitas merupakan
data inti yang akan disimpan. Bakal tabel pada basis data. Benda yang memiliki data harus disimpan datanya agar dapat disimpan oleh aplikasi
ERD Identifying
relationship
Penghubung yang teridentifikasi antara 2 relasi atau entitas di mana di kedua ujungnya memiliki
multiplicity
Referensi:
Notasi/ Lambang DFD dari Buku Rekayasa Perangkat Lunak [1] Notasi/ Lambang ERD dari Buku Rekayasa Perangkat Lunak [1]
(14)
xiv
DAFTAR SINGKATAN
ERD Entity Relationship Diagram
SQL Structured Query Language
RAM Random Access Memory
API Application Programming Interface
JSON Java Script Object Notation
PHP PHP Hypertext Preprocessor
PC Personal Computer
LAB Laboratorium
CGI Computer Graphic Image
CLI Command Line Interface
(15)
1
BAB 1
PENDAHULUAN
1.1Latar BelakangFakultas Teknologi Informasi Universitas Kristen Maranatha memiliki 13 laboratorium, terdapat staff yang bertugas untuk menjaga atau memelihara dan mempersiapkan fasiltas-fasilitas dalam lab agar dapat dipakai dengan baik oleh dosen untuk menunjang kegiatan belajar dan mengajar. Jaringan yang dibangun di dalam lab ini untuk dapat menghubungkan satu sama lainnya diatur menggunakan sebuah router dari sebuah vendor yaitu MikroTik, pada router MikroTik ini semua aktivitas atau traffic, manajemen bandwidth dan firewall untuk pengelolaan akses internet setiap lab diatur di dalam router ini. Kepala lab dan staff lab saja yang memiliki akses untuk dapat mengontrol router tersebut. Secara default koneksi internet setiap lab akan dimatikan.
Saat ini seringkali saat belajar mengajar berlangsung dosen membutuhkan bantuan staff untuk beberapa kebutuhan seperti membutuhkan koneksi internet, membutuhkan spidol dan lain-lain, komunikasi yang dilakukan keduanya masih dilakukan dengan cara yang kurang efektif yaitu dengan dosen mendatangi langsung ke ruang staff berjaga.
1.2Rumusan Masalah
Berdasarkan latar belakang yang telah dijelaskan, maka rumusan masalah yang akan dibahas dalam penelitian ini adalah :
1. Bagaimana membantu komunikasi dosen dengan staff agar lebih efektif terkait masalah yang terjadi di dalam lab?
2. Bagaimana cara membantu dosen agar dapat membuka koneksi internet saat kegiatan belajar-mengajar berlangsung di dalam lab secara mandiri?
(16)
2 1.3Tujuan Pembahasan
Berdasarkan rumusan masalah yang telah disebutkan, maka dapat disimpulkan tujuan pembahasan adalah :
1. Membuat aplikasi yang dapat meningkatkan komunikasi antara dosen dengan
staff menjadi lebih efektif .
2. Membuat aplikasi yang dapat mempermudah dosen dalam membuka koneksi internet secara mandiri dengan memanfaatkan API dari Mikrotik.
1.4Ruang Lingkup
Ruang lingkup kajian dari pemaparan masalah meliputi 4 hal yaitu aplikasi, perangkat lunak, perangkat keras, dan pengguna.
1. Yang menjadi ruang lingkup dari pembuatan aplikasi ini adalah :
a. Aplikasi ini hanya dapat diakses oleh Dosen pada komputer Teacher di setiap lab dan diakses oleh staff di ruangan staff berjaga.
b. Aplikasi ini dapat berintegrasi dengan router MikroTik yang hanya dapat membuka atau mematikan koneksi internet.
c. Aplikasi ini dibuat untuk resolusi layar 1024x768.
d. Aplikasi dapat dijalankan dengan optimal menggunakan web browser Google Chrome.
2. Perangkat lunak yang digunakan: a. Microsoft Office 2016
b. Notepad++ 8.0.2 v6.9.2. c. Astah Professional 7.0.0 d. MySQL Workbench 6.3.4.0
3. Perangkat keras yang digunakan dalam pembuatan aplikasi ini adalah:
a. Processor Intel(R) Core(TM) i5-4210U dengan kecepatan 1.7 Ghz (64bit).
b. RAM 8 GB. c. Hardisk 500 GB
(17)
3
4. Pengguna yang dapat menggunakan aplikasi ini adalah: a. Staff Lab
b. Dosen c. Kepala Lab
1.5Sumber Data
Perancangan aplikasi ini menggunakan sumber data primer. Seperti yang diketahui pada umumnya data primer adalah data yang hanya dapat diperoleh dari sumber asli atau pertama, data tersebut adalah data yang diambil langsung dari sumber aslinya yaitu seorang staff lab dengan mengadakan sebuah wawancara mengenai kondisi lab di Fakultas Informasi Teknologi. Data sekunder diperoleh dari internet, buku, jurnal penelitian terdahulu dan sumber-sumber lain nya untuk mendukung data primer.
1.6Sistematika Penyajian BAB 1 PENDAHULUAN
Bab 1 menjelaskan tentang latar belakang masalah, rumusan masalah, tujuan pembahasan, ruang lingkup bahasan
BAB 2 KAJIAN TEORI
Bab 2 membahas mengenai teori-teori yang berkaitan dalam penyelesaian proyek seminar tugas akhir ini.
BAB 3 ANALISIS DAN RANCANGAN SISTEM
Bab 3 membahas mengenai analisis dan rancangan sistem dan juga rancangan antarmuka dari proyek.
BAB 4 IMPLEMENTASI
Bab 4 berisi kumpulan screenshot dari proyek yang dibuat beserta penjelasan dari tiap fitur utama yang dibuat.
BAB 5 PENGUJIAN
Bab 5 berisi pembahasan dan uji coba program dari fitur utama yang telah dibuat.
(18)
4
Bab 6 berisi kesimpulan dan pembahasan pada perancangan analisa pengujian aplikasi yang dibuat, serta saran untuk menyempurnaka aplikasi supaya menjadi lebih baik.
(19)
84
BAB 6
KESIMPULAN DAN SARAN
6.1KesimpulanSetelah melakukan serangkaian penelitian, mulai dari rancangan pembuatan,implementasi hingga proses uji coba, maka dapat disimpulkan bahwa: 1. Aplikasi Dashboard Fakultas Teknologi Informasi ini divisualisasi kan dengan sebuah denah lab Fakultas Teknologi Informasi, yang membuat staff dapat memantau kebutuhan dosen di setiap lab dengan mudah dan cepat, Dosen pun mendapatkan kemudahan untuk melakukan request bantuan karena aplikasi ini juga bekerja secara real-time. Sehingga aplikasi ini dapat dinilai dapat meningkatkan komunikasi menjadi lebih efektif dilihat dari hasil uji kepada calon pengguna akhir langsung dengan persentase sebesar 96,67% menurut dosen dan 100% menurut staff .
2. Aplikasi Dashboard Fakultas Teknologi Informasi dapat melakukan integrasi dengan router Mikrotik dengan menggunakan API yang dibuat oleh Denis Basta [6], sehingga dapat membantu mempermudah dosen maupun staff untuk dapat mematikan atau mengaktifkan koneksi internet lab secara mandiri dilihat dari hasil uji kepada calon pengguna akhir langsung didapat persentase sebesar 100% menurut dosen dan 93,33% menurut staff.
6.2Saran
Setelah melakukan serangkaian penelitian, maka akan diungkapkannya beberapa saran untuk pengembangan aplikasi ini agar dapat berguna di masa yang akan datang. Berikut ini adalah saran untuk pengembangan aplikasi di masa yang akan datang:
1. Aplikasi yang dipantau pada dashboard tidak hanya dari bantuan yang diberikan dosen di dalam lab tapi mungkin bisa dikembangkan dengan menambahkan monitoring terhadap CCTV yang ada di lab lantai 8 ini.
2. Aplikasi ini memiliki fitur chatting berupa teks, mungkin di masa yang akan datang dapat ditambahkan fitur chatting untuk dapat melaukan upload sebuah gambar, video, suara sehingga membantu komunikasi lebih baik lagi.
(20)
APLIKASI DASHBOARD LABORATORIUM
FAKULTAS TEKNOLOGI INFORMASI
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk Memenuhi Persyaratan Akademik dalam
Menyelesaikan Pendidikan pada Program Studi
S1 Teknik Informatika Universitas Kristen Maranatha
Oleh
Najib Alkhala
1372078
PROGRAM STUDI S1 TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS KRISTEN MARANATHA
BANDUNG
2016
(21)
PRAKATA
Puji syukur penulis ucapkan kepada Tuhan Yang Maha Esa karena berkat dan rahmat-Nya penulis dapat menyelesaikan laporan tugas akhir ini. Tugas Akhir ini ditujukan untuk memenuhi prasyarat kelulusan dalam program studi S1 Teknik Informatika yang wajib dijalani bagi semua mahasiswa program studi S1 Teknik Informatika di Universitas Kristen Maranatha.
Studi kasus dari tugas akhir yang penulis lakukan didasarkan atas peninjauan tentang dibutuhkannya aplikasi yang dapat membantu atau menggantikan aktivitas yang biasa dilakukan masih dengan cara manual. Awalnya penulis tidak memiliki pengalaman apa pun dalam pengerjaan sebuah laporan, namun karena berkat bantuan dan bimbingan dari berbagai pihak, laporan ini dapat diselesaikan. Penulis pun ingin mengucapkan terima kasih yang sebesar-besarnya kepada pihak-pihak di bawah ini:
1. Bapak Hapnes Toba, M. Sc., selaku Dekan Fakultas Teknologi Informasi; 2. Bapak Robby Tan, S.T., M.Kom., selaku Ketua Jurusan S1 Teknik Informatika; 3. Ibu Meliana Christianti J., S.Kom., M.T. selaku Koordinator Tugas Akhir. 4. Bapak Timotius Witono, S.Kom.,M.T., selaku Pembimbing Tugas Akhir; 5. Dosen-dosen yang membantu proses penyelesaian laporan dan program; 6. Kedua orangtua, karena dengan doa dan restu merekalah penulis dapat
mencapai keberhasilan pada penelitian ini;
7. Faqih Salban, M. Aldi Tahir, Robby Septian, Alby Ariahari P, Vinza Ipsandy, Christian Zefanya dan teman-teman jurusan S1 Teknik Informatika angkatan 2013 lain yang memotivasi penulis;
Penulis pun menyadari bahwa dalam penyusunan laporan ini terdapat banyak sekali kesalahan, maka dari itu penulis menerima dengan lapang dada segala kritik dan saran agar laporan ini bisa menjadi contoh yang baik di masa depan.
(22)
85
DAFTAR PUSTAKA
[1] R. A.S dan S. M., Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek, Bandung: Informatika, 2013.
[2] E. P. Eva Hriyanti, “Perancangan Sistem Dashboard Untuk Monitoring
Indikator Kinerja Universitas,” Seminr Nasional Sistem Informasi Indonesia,
2014.
[3] M. L. A. Dani Anggoro, “Dashboard Information System Sebagai Pendukung Keputusan Dalam Penjualan Tiket Pesawat Studi Kasus: PT Nurindo Tour,”
Jurnal Sistem Informasi, vol. V, no. 3, pp. 218-228, 2015.
[4] A. '. Chiang, “What is a Dashboard? Defining dashboards, visual analysis
tools and other data presentation media,” Dashboard Insight, 28 November 2011. [Online]. Available: http://www.dashboardinsight.com/articles/digital-dashboards/fundamentals/what-is-a-dashboard.aspx. [Diakses 5 September 2016].
[5] Wiki Mikrotik, “Manual:API,” [Online]. Available:
http://wiki.mikrotik.com/wiki/Manual:API.
[6] D. Basta, “Wiki Mikrotik,” [Online]. Available:
http://wiki.mikrotik.com/wiki/API_PHP_class. [Diakses November 2016]. [7] PhP, “Hypertext Preprocessor(PHP),” [Online]. Available:
http://php.net/manual/en/intro-whatis.php.
[8] S. Chapman, “What Is JavaScript?,” AboutTech, 25 July 2016. [Online]. Available: http://javascript.about.com/od/reference/p/javascript.htm. [Diakses 5 September 2016].
[9] C. Wodehouse, “How AJAX (Asynchronous JavaScript + XML) Works,”
Upwork, [Online]. Available:
https://www.upwork.com/hiring/development/how-ajax-works/. [Diakses 5 September 2016].
(23)
86
[10] JSON, “Pengenalan JSON,” [Online]. Available: http://www.json.org/json -id.html.
[11] MYSQL, “About MYSQL,” [Online]. Available:
(1)
4
Universitas Kristen Maranatha Bab 6 berisi kesimpulan dan pembahasan pada perancangan analisa pengujian aplikasi yang dibuat, serta saran untuk menyempurnaka aplikasi supaya menjadi lebih baik.
(2)
84
Universitas Kristen Maranatha
BAB 6
KESIMPULAN DAN SARAN
6.1Kesimpulan
Setelah melakukan serangkaian penelitian, mulai dari rancangan pembuatan,implementasi hingga proses uji coba, maka dapat disimpulkan bahwa: 1. Aplikasi Dashboard Fakultas Teknologi Informasi ini divisualisasi kan dengan sebuah denah lab Fakultas Teknologi Informasi, yang membuat staff dapat memantau kebutuhan dosen di setiap lab dengan mudah dan cepat, Dosen pun mendapatkan kemudahan untuk melakukan request bantuan karena aplikasi ini juga bekerja secara real-time. Sehingga aplikasi ini dapat dinilai dapat meningkatkan komunikasi menjadi lebih efektif dilihat dari hasil uji kepada calon pengguna akhir langsung dengan persentase sebesar 96,67% menurut dosen dan 100% menurut staff .
2. Aplikasi Dashboard Fakultas Teknologi Informasi dapat melakukan integrasi dengan router Mikrotik dengan menggunakan API yang dibuat oleh Denis Basta [6], sehingga dapat membantu mempermudah dosen maupun staff untuk dapat mematikan atau mengaktifkan koneksi internet lab secara mandiri dilihat dari hasil uji kepada calon pengguna akhir langsung didapat persentase sebesar 100% menurut dosen dan 93,33% menurut staff.
6.2Saran
Setelah melakukan serangkaian penelitian, maka akan diungkapkannya beberapa saran untuk pengembangan aplikasi ini agar dapat berguna di masa yang akan datang. Berikut ini adalah saran untuk pengembangan aplikasi di masa yang akan datang:
1. Aplikasi yang dipantau pada dashboard tidak hanya dari bantuan yang diberikan dosen di dalam lab tapi mungkin bisa dikembangkan dengan menambahkan monitoring terhadap CCTV yang ada di lab lantai 8 ini.
2. Aplikasi ini memiliki fitur chatting berupa teks, mungkin di masa yang akan datang dapat ditambahkan fitur chatting untuk dapat melaukan upload sebuah gambar, video, suara sehingga membantu komunikasi lebih baik lagi.
(3)
APLIKASI DASHBOARD LABORATORIUM
FAKULTAS TEKNOLOGI INFORMASI
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk Memenuhi Persyaratan Akademik dalam
Menyelesaikan Pendidikan pada Program Studi
S1 Teknik Informatika Universitas Kristen Maranatha
Oleh
Najib Alkhala
1372078
PROGRAM STUDI S1 TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INFORMASI
UNIVERSITAS KRISTEN MARANATHA
BANDUNG
2016
(4)
PRAKATA
Puji syukur penulis ucapkan kepada Tuhan Yang Maha Esa karena berkat dan rahmat-Nya penulis dapat menyelesaikan laporan tugas akhir ini. Tugas Akhir ini ditujukan untuk memenuhi prasyarat kelulusan dalam program studi S1 Teknik Informatika yang wajib dijalani bagi semua mahasiswa program studi S1 Teknik Informatika di Universitas Kristen Maranatha.
Studi kasus dari tugas akhir yang penulis lakukan didasarkan atas peninjauan tentang dibutuhkannya aplikasi yang dapat membantu atau menggantikan aktivitas yang biasa dilakukan masih dengan cara manual. Awalnya penulis tidak memiliki pengalaman apa pun dalam pengerjaan sebuah laporan, namun karena berkat bantuan dan bimbingan dari berbagai pihak, laporan ini dapat diselesaikan. Penulis pun ingin mengucapkan terima kasih yang sebesar-besarnya kepada pihak-pihak di bawah ini:
1. Bapak Hapnes Toba, M. Sc., selaku Dekan Fakultas Teknologi Informasi; 2. Bapak Robby Tan, S.T., M.Kom., selaku Ketua Jurusan S1 Teknik Informatika; 3. Ibu Meliana Christianti J., S.Kom., M.T. selaku Koordinator Tugas Akhir. 4. Bapak Timotius Witono, S.Kom.,M.T., selaku Pembimbing Tugas Akhir; 5. Dosen-dosen yang membantu proses penyelesaian laporan dan program; 6. Kedua orangtua, karena dengan doa dan restu merekalah penulis dapat
mencapai keberhasilan pada penelitian ini;
7. Faqih Salban, M. Aldi Tahir, Robby Septian, Alby Ariahari P, Vinza Ipsandy, Christian Zefanya dan teman-teman jurusan S1 Teknik Informatika angkatan 2013 lain yang memotivasi penulis;
Penulis pun menyadari bahwa dalam penyusunan laporan ini terdapat banyak sekali kesalahan, maka dari itu penulis menerima dengan lapang dada segala kritik dan saran agar laporan ini bisa menjadi contoh yang baik di masa depan.
(5)
85
Universitas Kristen Maranatha
DAFTAR PUSTAKA
[1] R. A.S dan S. M., Rekayasa Perangkat Lunak Terstruktur dan Berorientasi Objek, Bandung: Informatika, 2013.
[2] E. P. Eva Hriyanti, “Perancangan Sistem Dashboard Untuk Monitoring
Indikator Kinerja Universitas,” Seminr Nasional Sistem Informasi Indonesia,
2014.
[3] M. L. A. Dani Anggoro, “Dashboard Information System Sebagai Pendukung Keputusan Dalam Penjualan Tiket Pesawat Studi Kasus: PT Nurindo Tour,”
Jurnal Sistem Informasi, vol. V, no. 3, pp. 218-228, 2015.
[4] A. '. Chiang, “What is a Dashboard? Defining dashboards, visual analysis
tools and other data presentation media,” Dashboard Insight, 28 November 2011. [Online]. Available: http://www.dashboardinsight.com/articles/digital-dashboards/fundamentals/what-is-a-dashboard.aspx. [Diakses 5 September 2016].
[5] Wiki Mikrotik, “Manual:API,” [Online]. Available: http://wiki.mikrotik.com/wiki/Manual:API.
[6] D. Basta, “Wiki Mikrotik,” [Online]. Available: http://wiki.mikrotik.com/wiki/API_PHP_class. [Diakses November 2016]. [7] PhP, “Hypertext Preprocessor(PHP),” [Online]. Available:
http://php.net/manual/en/intro-whatis.php.
[8] S. Chapman, “What Is JavaScript?,” AboutTech, 25 July 2016. [Online]. Available: http://javascript.about.com/od/reference/p/javascript.htm. [Diakses 5 September 2016].
[9] C. Wodehouse, “How AJAX (Asynchronous JavaScript + XML) Works,”
Upwork, [Online]. Available:
https://www.upwork.com/hiring/development/how-ajax-works/. [Diakses 5 September 2016].
(6)
86
Universitas Kristen Maranatha [10] JSON, “Pengenalan JSON,” [Online]. Available: http://www.json.org/json
-id.html.
[11] MYSQL, “About MYSQL,” [Online]. Available: https://www.mysql.com/about/.