SISTEM MONITORING JARINGAN BERBASIS WEBSITE

MENGGUNAKAN TELEGRAM DAN SOCKET.IO SEBAGAI

NOTIFIKASI

DI DINAS KOMUNIKASI DAN INFORMATIKA PROVINSI

KEPULAUAN RIAU

LAPORAN KERJA PRAKTEK

oleh:

DWI KURNIA VIONITA

170155201002
ISLAMIA NALSINTIA
170155201029

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MARITIM RAJA ALI HAJI

KEPULAUAN RIAU

2020
 LEMBAR PENGESAHAN

SISTEM MONITORING JARINGAN BERBASIS WEBSITE

MENGGUNAKAN TELEGRAM DAN SOCKET.IO SEBAGAI
NOTIFIKASI DISKOMINFO KEPULAUAN RIAU

LAPORAN KERJA PRAKTEK

Oleh:
Dwi Kurnia Vionita 170155201002
Islamia Nalsintia 170155201029

Tanjungpinang, 02 September 2020

Menyetujui,
Pembimbing Lapangan Kerja Praktek

DERI NOVERLIAN, S.Kom., MH

NIP. 197811202006041020

Mengetahui,
Dosen Pembimbing Kerja Praktek
Fakultas Teknik
Universitas Maritim Raja Ali Haji

EKA SUSWAINI, ST., MT.

NIDN. 0512048301
 KATA PENGANTAR

Puji dan syukur penyusun ucapkan kehadirat Allah SWT, karena berkat rahmat
dan hidayah-Nya penyusun dapat menyelesaikan laporan kerja praktek yang
berjudul ”Sistem Monitoring Jaringan Berbasis Website Menggunakan Telegram
dan Socket.io Sebagai Notifikasi”, dimana laporan ini dibuat untuk memenuhi
syarat kelulusan dalam mata kuliah kerja praktek.
Dalam proses penyelesaian laporan kerja praktek yang dilaksanakan pada
tanggal 06 Juli s/d 06 September 2020, penyusun memperoleh banyak bantuan dari
berbagai pihak, baik berupa bimbingan, data tertulis maupun lisan. Oleh karena itu,
tidak lupa penyusun ucapkan terimakasih banyak, kepada :
1. Kedua orang tua penyusun yang telah memberikan semangat dan motivasi
bagi penyusun untuk melaksanakan kerja praktek.
2. Bapak Deri Noverlian, S.Kom, MH selaku Pembimbing Lapangan dan Staff
Kepri Cyber System Diskominfo Provinsi Kepri yang telah memberikan
arahan dan masukkan selama berjalannya kerja praktek.
3. Ibu Eka Suswaini, ST., MT. Selaku Dosen Pembimbing Kerja Praktek
4. Bapak Ferdi Chahyadi, S.Kom., M.Cs selaku Ketua Jurusan Teknik
Informatika Universitas Maritim Raja Ali Haji
5. Teman-teman dan sahabat yang telah membantu memberikan kritik dan
saran serta motivasi dalam penyusunan laporan.
Dengan kebaikan semua pihak yang telah penyusun sebutkan, maka
penyusun bisa menyelesaikan laporan kerja praktek dengan sebaik-baiknya.
Laporan kerja praktek ini masih jauh dari kesempurnaan, semoga laporan ini
dapat memberikan banyak manfaat bagi semua pihak yang membacanya, dan
mohon maaf bila ada kesalahan dalam penulisan nama maupun gelar.

Tanjungpinang, 10 Juli 2020

Penyusun

i
 DAFTAR ISI

KATA PENGANTAR ............................................................................................. i

DAFTAR ISI ........................................................................................................... ii
DAFTAR TABEL .................................................................................................. iv
DAFTAR GAMBAR .............................................................................................. v
BAB I PENDAHULUAN ....................................................................................... 1
I.1 Latar Belakang ..................................................................................... 1
I.2 Batasan Masalah ................................................................................... 2
I.3 Tujuan................................................................................................... 2
I.4 Manfaat................................................................................................. 2
I.5 Waktu dan Tempat Kerja Praktek ........................................................ 3
I.6 Sistematika Penyusunan ....................................................................... 3
BAB II PROFIL PERUSAHAAN/INSTASI .......................................................... 5
II.1 Profil Perusahaan.................................................................................. 5
II.1.1 Tugas Pokok Diskominfo Kepri ................................................. 5
II.1.2 Produk dan Layanan Dinas Komunikasi dan Informatika
Provinsi Kepulauan Riau ............................................................ 6
II.1.3 Infrastruktur dan Fasilitas Dinas Komunikasi dan Informatika
Provinsi Kepulauan Riau ............................................................ 7
II.2 Visi dan Misi Dinas Komunikasi dan Informatika Provinsi Kepulauan
Riau ...................................................................................................... 7
II.3 Filosofi Logo Dinas Komunikasi dan Informatika Provinsi Kepulauan
Riau ...................................................................................................... 8
II.4 Peraturan dan Tata Tertib Perusahaan .................................................. 9
II.5 Struktur Organisasi Perusahaan ......................................................... 10
BAB III LANDASAN TEORI .............................................................................. 11
III.1 Monitoring Jaringan ........................................................................... 11
III.2 Xampp ................................................................................................ 12
III.3 MySQL ............................................................................................... 12
III.4 PHP (Perl Hypertext Prepocessor) ..................................................... 13
III.5 HTML (Hypertext Markup Language) .............................................. 14
III.6 CSS (Cascading Style Sheets) ............................................................ 14
III.7 Node.js................................................................................................ 15
III.8 Socket.io ............................................................................................. 15

ii
 III.9 Telegram............................................................................................. 15
III.10 DFD (Data Flow Diagram) ................................................................ 16
III.11 ERD ( Entity Relationship Diagram) ................................................. 16
III.12 CI (CodeIgniter) ................................................................................. 16
BAB IV DESKRIPSI SISTEM ............................................................................. 18
IV.1 Spesifikasi Sistem .............................................................................. 18
IV.2 Perancangan Sistem............................................................................ 18
IV.2.1 Perancangan Basis Data ........................................................ 19
IV.2.2 Perancangan Alur Sistem ...................................................... 22
IV.2.3 Perancangan Antarmuka ....................................................... 24
BAB V PEMBAHASAN ...................................................................................... 30
V.1 Implementasi Sistem .......................................................................... 30
BAB VI PENUTUP .............................................................................................. 39
VI.1 Kesimpulan......................................................................................... 39
VI.2 Saran ................................................................................................... 39
DAFTAR PUSTAKA ........................................................................................... 40

iii
 DAFTAR TABEL

Tabel 1. Tabel Spesifikasi Komputer .................................................................... 18

Tabel 2.Perancangan Tabel user ........................................................................... 20
Tabel 3.Perancangan Tabel client ......................................................................... 20
Tabel 4.Perancangan Tabel Connection_status..................................................... 21
Tabel 5.Perancangan Tabel Web_config .............................................................. 21
Tabel 6. Perancangan Tabel Connection_status_down ......................................... 22

iv
 DAFTAR GAMBAR

Gambar 1. Logo Dinas Komunikasi dan Informatika ............................................. 9

Gambar 2. Struktur Organisasi Diskominfo Provinsi Kepri ................................. 10
Gambar 3. Entity Relationship Diagram ............................................................... 19
Gambar 4. Diagram Konteks................................................................................. 22
Gambar 5. Data Flow Diagram Level 1 ................................................................ 23
Gambar 6. Data Flow Diagram Level 2 ................................................................ 24
Gambar 7. GUI Halaman Register ........................................................................ 25
Gambar 8. GUI Halaman Login ............................................................................ 26
Gambar 9. GUI Halaman Dashboard .................................................................... 26
Gambar 10. GUI Halaman Status ......................................................................... 27
Gambar 11. GUI Hasil Status Cek IP.................................................................... 27
Gambar 12. GUI Halaman Connection ................................................................. 28
Gambar 13. GUI Halaman Tambah pada Menu Connection ................................ 28
Gambar 14. GUI Halaman Ubah pada Menu Connection .................................... 29
Gambar 15. Halaman Registrasi ........................................................................... 30
Gambar 16. Halaman Login .................................................................................. 31
Gambar 17. Halaman Aksi Login Gagal ............................................................... 32
Gambar 18. Halaman Dashboard .......................................................................... 32
Gambar 19. Halaman Status.................................................................................. 33
Gambar 20. Halama Lihat Status IP ...................................................................... 33
Gambar 21. Halaman Connection ......................................................................... 34
Gambar 22. Push Notofikasi Sistem Monitoring .................................................. 34
Gambar 23. Notifikasi Telegram........................................................................... 35
Gambar 24. Halaman Lihat Connection................................................................ 35
Gambar 25. Halaman Tambah pada Menu Connection ........................................ 36
Gambar 26. Halaman Ubah pada Menu Connection ............................................ 36
Gambar 27. Alert Tambah Data ........................................................................... 37
Gambar 28. Alert Ubah Data ................................................................................ 37
Gambar 29. Alert Pertanyaan Hapus Data ............................................................ 37
Gambar 30. Alert Hapus Data ............................................................................... 38
Gambar 31. Halaman Tabel Setelah Ubah ............................................................ 38

v
 BAB I

PENDAHULUAN

I.1 Latar Belakang

Dinas Komunikasi dan Informatika Provinsi Kepulauan Riau terdiri dari 4

(empat) bidang yaitu TIK (Security, infrastruktur dan jaringan, integritas dan
database), E-Government (Pengembangan aplikasi, data statistik, manajemen
subdomain & integritas sistem), LIP (Layanan Informasi Publik), PKP (Humas,
komunikasi publik). Dibidang TIK terdapat sebuah produk atau layanan yaitu Kepri
Cyber System (KCS). Kepri system cyber yang melakukan Pengelolaan dan
perawatan data center, pengelolaan disaster recovery, internet service provider
(ISP), email kepriprov.go.id, serta pengelolaan dan pengembangan jaringan TIK.
Kepri cyber system bertugas mengelola jaringan internet di lingkungan kantor
gubernur provinsi Kepulauan Riau.

Jaringan internet merupakan kebutuhan primer di lingkungan perkantoran.

Meningkatnya kebutuhan pengguna internet serta semakin kompleks kebutuhan
perangkat jaringan yang terpasang mengakibatkan meningkatnya resiko kerusakan
serta gangguan pada jaringan internet, dan berdampak pada kinerja di lingkungan
perkantoran gedung gubernur. Dinas Komunikasi dan Informatika Provinsi
Kepulauan Riau memonitoring jaringan menggunakan The Dude berbasis mikrotik,
dimana sistem monitoringnya masih menggunakan monitor sehingga admin harus
berada di dalam ruangan untuk memonitor perangkat mana yang bermasalah atau
tidak terhubung.
Dari permasalahan diatas maka penyusun membuat Sistem Monitoring
Jaringan Berbasis Website menggunakan Telegram dan Socket.io sebagai
notifikasi. Sistem ini dibuat untuk memudahkan admin memonitoring jaringan.
Memonitoring jaringan di sistem ini admin tidak perlu berada di ruangan dan jika
berada di dalam ruangan admin akan mendapatkan push notification dari website
ketika jaringan up dan down. Saat diluar jaringan kantor admin juga bisa

1
mengetahui kondisi jaringan di setiap gedung karena terdapat notifikasi telegram
sebagai informasi kondisi jaringan saat ini.

I.2 Batasan Masalah

Berdasarkan latar belakang yang telah dijelaskan diatas, maka perlu
disusun pembatasan masalah yaitu sebagai berikut:
1. Aplikasi yang dibuat berbasis website.
2. Aplikasi hanya dapat diakses oleh administrator.
3. Sistem yang dibuat hanya mencakup monitoring jaringan.
4. Notifikasi hanya dikirimkan ke grup admin.

I.3 Tujuan
Adapun tujuan sistem monitoring jaringan menggunakan telegram sebagai
notifikasi Dinas Komunikasi dan Informatika (Diskominfo) Provinsi Kepulauan
Riau adalah untuk memudahkan admin dalam memonitoring jaringan jika salah
satu jaringan tersebut mengalami down.

I.4 Manfaat
I.4.1 Bagi Universitas
a. Menciptakan kerja sama antara dua belah pihak, yaitu dimana
Lembaga akademik yang ada menempatkan mahasiswanya yang
potensial juga untuk menambah pengalaman ditempat kerja praktek
yang bersangkutan.
b. Sebagai sarana untuk informasi mengenai keadaan umum melalui
penerimaan laporan kegiatan kerja praktek yang ada pada Dinas
Komunikasi dan Informatika Provinsi Kepulauan Riau.
I.4.2 Bagi Mahasiswa
a. Sebagai sarana latihan dan penerapan ilmu pengetahuan selama
perkuliahan.
b. Meningkatkan kemampuan dan sosialisasi lingkungan kerja praktek
sebelum memasuki dunia pekerjaan sesungguhnya.

2
 c. Menambah wawasan, pengalaman, pengetahuan dan interaksi sosial
dilingkungan kerja praktek, khususnya dalam bagian IT.
I.4.3 Bagi Instansi
a. Instansi mendapat Sumber Daya Manusia tambahan yang dalam
hal ini memiliki kemampuan dibidang informatika.
b. Dapat melaksanakan bentuk pengabdian masyarakat dengan cara
turut serta mencerdaskan kehidupan bangsa.

I.5 Waktu dan Tempat Kerja Praktek

Waktu dan tempat pelaksanaan kerja praktek yaitu:

Waktu : 06 Juli 2020 – 06 September 2020

Tempat : Dinas Komunikasi dan Informatika Provinsi Kepulauan
Riau Dompak Istana Kota Piring Gedung B2 Pulau
Dompak, Tanjungpinang.

I.6 Sistematika Penyusunan

Adapun sistematika penyusunan dalam laporan kerja praktek ini adalah
sebagai berikut :
BAB I. PENDAHULUAN
Pada BAB I membahas tentang latar belakang, batasan masalah, tujuan,
manfaat, waktu dan tempat kerja praktek, dan sistematika penulisan.
BAB II. PROFIL PERUSAHAAN
Pada BAB II memaparkan tentang sejarah singkat perusahaan, fungsi dan
tugas pokok, visi dan misi, dan struktur organisasi.
BAB III. LANDASAN TEORI
Pada BAB III ini berisi tentang penjelasan mengenai XAMPP, MySQL,
PHP, HTML, CI, CSS, Browser, Data Flow Diagram, ERD, Socket.io dan
Telegram.
BAB IV. DESKRIPSI SISTEM

3
 Bab ini menjelaskan tentang kegiatan yang dilakukan ditempat Kerja
Praktek berupa :
IV.1 Spesifikasi Sistem
Berupa pemaparan tentang perangkat keras dan perangkat
lunak yang digunakan selama pengerjaan proyek.
IV. 2 Perancangan Sistem
Peracangan Sistem terdiri dari :
IV.2.1 Perancangan Basis Data
IV.2.2 Perancangan Alur Sistem
IV.2.3 Perancangan Antarmuka

BAB V. PEMBAHASAN
Di dalam bab ini terdapat :
V.1 Implementasi Sistem

BAB VI. PENUTUP

VI.1 Kesimpulan
Kesimpulan ini berisi tentang rangkuman dari pelaksanaan
pengerjaan proyek dan penulisan laporan akhir.
VI.2 Saran
Terdiri dari saran-saran yang perlu diperhatikan selama
pelaksanaan Kerja Praktek maupun saat pengerjaan proyek yang
berupa masukan-masukan yang dapat membangun.

DAFTAT PUSTAKA
Semua sumber kepustakaan yang ada dan digunakan dalam
pelaksanaan proyek dan pembuatan laporan Kerja Praktek, yaitu baik berupa
buku, lirik, maupun sumber-sumber lainnya yang terpercaya

4
 BAB II
PROFIL PERUSAHAAN/INSTASI

II.1 Profil Perusahaan

Dinas Komunikasi dan Informatika Provinsi Kepulauan Riau dibentuk

berdasarkan Peraturan Daerah Provinsi Kepulauan Riau Nomor 07 Tahun 2016
tentang Pembentukan dan Susunan Perangkat Daerah, Peraturan Gubernur Nomor
6 Tahun 2017 tentang Kedudukan Susunan Organisasi, Tugas dan Fungsi Serta Tata
Kerja Perangkat Daerah Provinsi Kepulauan Riau. Ini sesuai dengan visi gubernur
Kepulauan Riau. Visi berdasarkan RPJMD Kepuauan Riau Tahun 2016-1021 yaitu
“Terwujudnya Kepulauan Riau sebagai Bunda Tanah Melayu yang
Sejahtera,Berakhlak Mulia,Ramah Lingkungan Dan Unggul Di Bidang Maritim”.
Untuk mewujudkan visi tersebut Misi RPJPD Diskominfo Kepri Menciptakan
Sumber daya manusia kepulauan riau yang berkualitas Pendidikan, memiliki etos
kerja dan produktivitas tinggi. Misi RPJMD mengembangkan Tata Kelola
pemerintahan yang bersih, akuntabel, aparatur birokrasi yang profesional, disiplin
dengan etos kerja tinggi serta penyelenggaraan pelayanan publik yang berkualitas.

II.1.1 Tugas Pokok Diskominfo Kepri

a. Berdasarkan Pasal 383 Paragraf 1 Tentang Sekretariat
b. Berdasarkan Pasal 387 Paragraf 2 Tentang Bidang pengelolaan dan
Layanan Informasi Publik
c. Berdasarkan Pasal 391 Paragraf 3 Tentang Bidang Pengelolaan
Komunikasi Publik
d. Berdasarkan Pasal 395 Paragraf 4 Tentang Bidang Teknologi Informasi
dan Komunikasi
e. Berdasarkan Pasal 399 Paragraf 5 Tentang Bidang Layanan E-
Government

Untuk mendukung pencapaian visi dan misi pembangunan Dinas Komunikasi

dan Informatika Provinsi Kepulauan Riau melaksanakan program dan kegiatan
yang terdiri dari Program Peningkatan Akses dan Kualitas Informasi Publik,

5
Program E-Government, Program persandian untuk Pengamanan Informasi,
Program Pengembangan Data atau Informasi Statistik Sektoral, Program Pelayanan
Administrasi Perkantoran, Program Peningkatan Sarana dan Prasarana Aparatur,
Program Peningkatan disiplin Aparatur, Program Peningkatan pengembangan
sistem pelaporan capaian kinerja dan keuangan, Program Peningkatan kapasitas
sumber daya aparatur, Program perencanaan pembangunan daerah.

Dalam melaksanakan tugas Dinas Komunikasi dan Informatika Provinsi

Kepulauan Riau telah mengeluarkan beberapa Regulasi

1. Peraturan Gubernur Kepulauan Riau Nomor 33 Tahun 2017 Tentang

Standarisasi Penyelenggaraan dan Situs Web di Lingkungan Pemerintah
Provinsi Kepulauan Riau.
2. Peraturan Gubernur Kepri Nomor 50 Tahun 2017 Tentang Pelaksanaan
dan Pengembangan e-Government Provinsi Kepulauan Riau.
3. Peraturan Gubernur Kepulauan Riau Nomor 76 Tahun 2017 Tentang
Tata Kerja Pengelola Layanan Informasi dan Dokumentasi di
Lingkungan Pemerintah Kepulauan Riau

II.1.2 Produk dan Layanan Dinas Komunikasi dan Informatika Provinsi

Kepulauan Riau

a. Kepri Integrated Information System

b. Kepri Smart Conference
c. Kepri Information Security
d. Kepri Smart Province
e. Kepri Coworking Space
f. Pak Dinasikk
g. Kepri Digital Exhibition
h. Kepri Cyber System
i. Kepri Digital Gateway

6
 II.1.3 Infrastruktur dan Fasilitas Dinas Komunikasi dan Informatika
Provinsi Kepulauan Riau
a. Pengelolaan Data Center
b. Kepri Smart Province (KSP)
c. Manajemen Bandwith Internet.
d. Pengelolaan Domain dan Subdomain

Untuk mempermudahkan kegiatan secara operasional Dinas Komunikasi

dan Informatika Provinsi Kepulauan Riau menerapkan Standart Operating
Procedure (SOP) seperti Sop Pengembangan Aplikasi, Sop Pembuatan
Animasi, Sop Pembuatan Videografis, Sop Pembuatan Desain Grafis, Sop
Pengelolaan Network Operating Center, Sop Pemanfaatan Network Attached
Storage, Sop Keamanan Informasi.
Dinas Komunikasi dan Informatika Provinsi Kepulauan Riau bekerjasama
dengan pemerintah maupun swasta untuk mendukung kerja dan kinerja seperti
BSSN, Telkom, ICON+, Media Online maupun Media Cetak

II.2 Visi dan Misi Dinas Komunikasi dan Informatika Provinsi Kepulauan
Riau

Visi

Terwujudnya Kepulauan Riau sebagai Bunda Tanah Melayu yang sejahtera,

berakhlak mulia, ramah lingkungan dan unggul di bidang maritim

Misi

1. Mengembangkan perikehidupan Masyarakat yang agamis, demokratis,

berkeadilan, tertib, rukun dan aman di bawah Payung Bunda Melayu.
2. Meningkatkan daya saing ekonomi melalui pengembangan infrastruktur
berkualitas dan merata serta meningkatkan keterhubungan antar
kebupaten/kota.
3. Meningkatkan kualitas pendidikan, keterampilan dan profesionalisme
sumber daya manusia sehingga memiliki daya saing tinggi.

7
 4. Meningkatkan derajat kesehatan, kesetaraan gender, Penanganan
Kemiskinan dan Penyandang Masalah Kesejahteraan Sosial (PKMS).
5. Meneruskan pengembangan ekonomi berbasis maritim, pariwisata,
pertanian untuk mendukung percepatan pertumbuhan ekonomi dan
mengurangi kesenjangan antar wilayah serta meningkatkan ketahanan
pangan.
6. Meningkatkan iklim ekonomi kondusif bagi kegiatan penanaman modal
(investasi) dan pengembangan usaha mikro, kecil dan menengah.
7. Meneruskan pengembangan ekonomi berbasis industri dan perdagangan
dengan memanfaatkan bahan baku lokal.
8. Meningkatkan daya dukung, kualitas dan kelestarian lingkungan hidup.
9. Mengembangkan tata kelola pemerintahan yang bersih, akuntabel, aparatur
birokrasi yang profesional, disiplin dengan etos kerja tinggi serta
penyelenggaraan pelayanan publik yang berkualitas.

II.3 Filosofi Logo Dinas Komunikasi dan Informatika Provinsi Kepulauan

Riau
Logo ini terbentuk dari susunan tiga huruf C yang merupakan singkatan dari :
Communication, Content and Computer yang merupakan bidang utama tugas
Departemen Komunikasi dan Informatika.

Bentuk Geometris yang membentuk tiga bidang yang secara optis bersumber
dari satu titik pusat memutar menyebar/melebar, mengandung pengertian bahwa
Depkominfo mempunyai tugas untuk meningkatkan akses komunikasi dan pos
yang berkualitas, merata dan terjangkau, juga menggambarkan unsur kegiatan
penyiaran. Bentuk ini menyiratkan kesan ‘berkembang’, sesuai dengan visi
Depkominfo dalam peningkatan litbang dan industri.

Bentuk ini pun secara garis besar membentuk lingkaran, penyiratkan

kemandirian. Secara sepintas bentuk logo ini menyerupai sebuah kerang,
terinspirasi oleh nafiri, alat komunikasi tradisional yang sering dipakai oleh leluhur
Indonesia untuk berkomunikasi.

8
 Warna : Merupakan kombinasi warna biru yang mempunyai karakter lugas,
kokoh, teknologis, dinamis, optimis dan profesionalisme. Aksen warna biru muda,
selain menambah kesan estetis, juga menyiratkan pengertian “perlindungan
terhadap kepentingan public”. Logotype menggunakan tipe huruf Futura Md Bt,
yang mempunyai karakter lugas, berwibawa dan modern.

Logo sebagaimana maksud dari simbolisasi suatu instansi sebagai berikut :

Gambar 1. Logo Dinas Komunikasi dan Informatika

II.4 Peraturan dan Tata Tertib Perusahaan

Waktu kerja adalah salah satu aturan dan tata tertib yang ada di dalam suatu
perusahaan yang wajib ditaati oleh seluruh karyawan perusahaan. Waktu kerja
ditetapkan berdasarkan pada kebutuhan operasional perusahaan yang berpedoman
dengan peraturan perundangan yang telah ditetapkan di perusahaan.

Berdasarkan ketentuan diatas, waktu kerja dalam perusahaan diatur sebagai

berikut :

a. Senin s/d Kamis : 08.00 – 16.00

b. Jum’at : 08.00 – 15.00
c. Istirahat : 12.00 – 13.00
d. Sabtu dan Minggu : Libur

9
II.5 Struktur Organisasi Perusahaan

Gambar 2. Struktur Organisasi Diskominfo Provinsi Kepri

10
 BAB III

LANDASAN TEORI

III.1 Monitoring Jaringan

Jaringan komputer merupakan kumpulan komputer yang terhubung secara
fisik dan dapat berkomunikasi satu dengan lainnya dengan menggunakan aturan
(protocol) tertentu. Mengelola jaringan yang hanya yang terdiri dari beberapa
komputer (host), merupakan pekerjaan yang mudah. Namun jaringan tersebut
berkembang dan memiliki ratusan bahkan ribuan host, maka menelola jaringan
akan menjadi mimpi buruk bagi setiap pengelola jaringan (Administrator Jaringan).
Untuk mempermudah mengelola jaringan dengan skala besar tersebut maka
jaringan komputer (network) itu harus dipisahkan menjasi beberapa jaringan kecil.
Mengatur beberapa jaringan kecil yang penghuninya hanya puluhan host tentu akan
lebih mudah dari pada mengatur sebuah jaringan besar yang berisi ratusan
diimplementasikan untuk jaringan local (LAN), jaringan skala menengah (MAN),
jaringan skala besar (WAN / Internet) (Sokibi, 2017).
Monitoring jaringan merupakan proses pengumpulan dan melakukan
analisis terhadap data-data yang masuk pada sebuah jaringan sehingga diketahui
keadaan konektivitas antar perangkat pada sebuah jaringan dengan tujuan
memaksimalkan seluruh sumber daya yang dimiliki pada jaringan komputer
(Miftah, 2019). Monitoring jaringan merupakan bagian dari manajemen. Hal yang
menjadi dasar dari konsep manajemen jaringan adalah tentang adanya perangkat
yang melakukan manajemen dan agen atau perangkat yang dimanajemen.
Monitoring jaringan merupakan tugas yang sulit dan merupakan tugas yang sangat
penting bagi seorang Network Administrator. Seorang Network Administrator
selalu berusaha untuk menjaga kelancaran operasi jaringan. Jika jaringan
mengalami penurunan kualitas dalam jangka waktu yang singkat saja akan
menyebabkan penurunan produktivitas dalam sebuah perusahaan. Dalam hal
monitoring jaringan dituntut agar bersifat proaktif daripada reaktif, Network
Administrator perlu memonitor lalu lintas dan kinerja dari jaringan dan memastikan
tidak terjadi pelanggaran keamanan dalam jaringan.

11
 Monitoring dalam hal ini merupakan proses pengumpulan data dari berbagai
sumber yang dilakukan secara real time. Tahapan monitoring secara garis besar
dibagi menjadi tiga tahap yaitu :
1. Proses di dalam pengumpulan data monitoring
2. Proses di dalam analisis data monitoring
3. Proses di dalam menampilkan data hasil monitoring

Sumber data dalam proses pengumpulan dapat berupa informasi mengenai

status hardware, dan lain sebagainya. Proses dalam analisis data dapat berupa
pemilihan data dari sejumlah data yang telah terkumpul atau bisa juga berupa
manipulasi data sehingga diperoleh informasi yang diharapkan. Sedangkan tahap
menampilkan data hasil monitoring menjadi informasi yang berguna di dalam
pengambilan keputusan atau kebijakan terhadap sistem yang sedang berjalan dapat
berupa sebuah tabel, gambar, kurva atau animasi (Sokibi, 2017).

III.2 Xampp
Xampp merupakan software dari web server mendukung paket PHP yang
berbasis open source. Fungsi dari Xampp sebagai server yang berdiri sendiri
(localhost), dimana fungsi ini terdiri dari MySQL database, program Apache HTTP
Server, dan juga penerjemah Bahasa pemograman yaitu PHP (Miftah, 2019).
Nama XAMPP merupakan singkatan dari :
X : Program ini dapat dijalankan dibanyak sistem operasi.
A : Apache HTTP Server
M : MySQL Database Server
P : PHP Scripting Languange
P : Perl Scripting Languange

III.3 MySQL
MySQL adalah multiuser database yang menggunakan Bahasa Structured
Query Language (SQL). MySQL dalam operasi client-server melibatkan sserver
daemon MySQL di sisi server dan berbagai macam program serta library yang
berjalan di sisi client (Sumarlinda, 2015).

12
 Ada beberapa keuntungan menggunakan MySQL adalah sebagai berikut:
a. MySQL merupakan database yang memiliki kecepatan yang tinggi
dalam melakukan pemrosesan data, dapat diandalkan, dan mudah
digunakan serta dipelajari.
b. MySQL mendukung banyak bahasa pemograman seperti C, C++, Perl,
Java, dan PHP.
c. Koneksi, kecepatan, dan keamanan membuat MySQL sangat cocok
diterapkan untuk pengaksesan database melalui internet.
d. MySQL dapat melakukan koneksi dengan client menggunakan protocol
TCP/IP dan Unix socket.
e. Multiuser, yaitu dalam suatu database server pada MySQL dapat diakses
oleh beberapa user dalam waktu yang sama tanpa mengalami konflik.

Menurut (Mardiani, dkk, 2016) MySQL sebagai antarmuka standar untuk

sistem manajemen basis data relasional, termasuk sistem yang beroperasi pada
komputer pribadi. Dimana MySQL memungkinkan seorang pengguna untuk
mengakses informasi tanpa mengetahui dimana lokasinya, atau bagaimana
informasi tersebut disusun.

III.4 PHP (Perl Hypertext Prepocessor)

PHP merupakan bahasa pemograman pada sisi server yang
memperbolehkan programmer menyisipkan perintah-perintah perangkat lunak web
server akan dieksekusi sebelum perintah itu dikirim oleh halaman ke browser
(Henry Februariyanti, 2012). PHP berfungsi dalam pengelolaan data didalam
sebuah server yang terdapat bahasa pemograman didalam web yang sedang
berjalan. Salah satu kemampuan atau keunggulan umum yang dimiliki oleh PHP
yaitu melakukan koneksi dari berbagai software sistem manajemen basis data atau
yang lebih dikenal dengan Database Management Sistem (DBMS), agar terciptanya
suatu halaman web yang dinamis.

13
III.5 HTML (Hypertext Markup Language)
HTML merupakan skrip berupa tag-tag untuk membuat dan mengatur
struktur website (Josi, 2017). Beberapa tugas utama HTML dalam membangun
website diantaranya sebagai berikut:
- Menentukan layout website.
- Memformat text dasar seperti pengaturan paragraph, dan format font.
- Membuat list.
- Membuat table.
- Menyisipkan gambar, video, dan audio.
- Membuat link.
- Membuat formulir.

III.6 CSS (Cascading Style Sheets)

CSS merupakan skrip yang digunakan untuk mengatur desain website.
Fungsi CSS adalah memberikan pengaturan yang lebih lengkap agar struktur
website yang dibuat dengan HTML terlihat lebih rapi dan indah (Josi, 2017).
Di dalam HTML penulisan kode CSS terbagi menjadi tiga cara, yaitu
internal, eksternal, dan juga inline. Penulisan ini dibagi berdasarkan pada letak kode
yang terdapat dalam CSS.
1. Internal CSS
Internal CSS merupakan kode CSS yang dalam penulisannya ditulis
didalam tag <style>. Internal CSS juga banyak dikenal dengan Embeded
CSS. Tag <style> yang ada didalam kode CSS biasanya ditulis di dalam
tag <head>, lalu dapat ditulis di dalam <body>, tapi tetap yang biasanya
paling banyak ditulis yaitu di dalam <head>.
2. Eksternal CSS
Eksternal CSS merupakan kode CSS yang penulisannya terpisah dengan
kode HTML. Didakam kode eksternal CSS biasanya ditulis file khusus
dengan berekstensi .css. beberapa cara yang dapat digunakan untuk
memasukkan kode CSS dari berkas-berkas eksternal, yaitu:
Menggunakan tag <link> dan atau dapat menggunakan @import.

14
 3. Inline CSS
Inline CSS adalah kode CSS pada atribut elemen yang terdapat didalam
HTML dan penulisannya juga ditulis secara langsung. Inline CSS ditulis
saat setiap elemen HTML yang memiliki atribut style.

III.7 Node.js
Node.js adalah sistem perangkat lunak yang didesain untuk pengembangan
aplikasi web. Sistem node.js menggunakan bahasa JavaScript dengan metode yang
digunakan yaitu basis event dan asynchrounous I/O. Node.js dijalankan dan
dieksekusi sebagai aplikasi server. Aplikasi node.js memiliki beberapa modul
diantaranya V9 Java Script Engine buatan Google dan modul bawaan yang
terintegrasi (Ramdan, 2019).

III.8 Socket.io
Socket.io merupakan library Javascrip yang memungkinkan komunikasi
real-time antara web browser dan server. Library ini terdiri dari dua bagian, yang
berjalan pada web browser dan yang berjalan pada server sebagai NodeJS module
(Ramdan, 2019).

III.9 Telegram
Telegram merupakan sebuah aplikasi yang memungkinkan pengguna untuk
mengirim pesan dengan cepat, selain itu telegram sangat ringan, mudah, dan gratis.
Telegram dapat digunakan pada smartphone, tablet dan komputer. Telegram juga
dapat mengirim pesan teks, foto, video, dan dokumen dalam jenis apapun, serta
dapat membuat grup sampai dengan 20.000 orang anggota atau channel untuk
mengirimkan pesan broadcast yang tidak terbatas. Selain itu, telegram juga
mendukung panggilan suara yang telah dienkripsi end-to-end sebagai keamanan
tambahan (Sokibi, 2017).
Selain keunggulan yang telah dipaparkan, salah satu keunggulan telegram
yang lainnya adalah fasilitas Bot Telegram. Bot Telegram merupakan akun khusus
yang tidak memerlukan nomor telepon tambahan untuk didaftarkan ke Server

15
Telegram. Akun ini berfungsi sebagai antarmuka antara kode program dengan
server telegram. Dengan adanya bot ini dapat memudahkan pengguna membuat
seperti aplikasi chatting.

III.10 DFD (Data Flow Diagram)

DFD merupakan representasi grafik dari sebuah sistem. DFD
menggambarkan komponen-komponen sebuah sistem, aliran-aliran data dari asal,
tujuan, dan penyimpanan dari data tersebut (Kasus, Nors, & Cianjur, 2016).
Pembuatan model pada DFD berfungsi sebagai alat yang memungkinkan
professional sistem guna untuk menggambarkan sistem, baik secara komputerisasi
ataupun manual menjadi suatu jaringan proses fungsional yang dapat dihubungkan
satu dan yang lain dengan alur data yang ada.

III.11 ERD ( Entity Relationship Diagram)

ERD merupakan model dari hubungan antar dua penyimpanan yang
digunakan didalam sebuah sistem (Kasus et al., 2016). ERD juga merupakan
pengertian dari sebuah gambaran grafis yang menyertakan deskripsi yang detail
dari keseluruhan entitas (entity), hubungan (relationship), dan batasan (constraint)
dari suatu model data yang ada, guna untuk memenuhi kebutuhan sistem analis
untuk menyelesaikan pengembangan sebuah sistem.

III.12 CI (CodeIgniter)
CodeIgniter adalah sebuah framework PHP yang kecil, sederhana, mudah
digunakan dan cukup dan handal untuk membangun aplikasi berbasis web. (Basuki,
2016). Framework ini menggunakan metode MVC (Model, View, Controller),
dimana MVC adalah teknik atau konsep yang memisahkan komponen utama
menjadi tiga komponen, yaitu:
a. Model, merupakan bagian penanganan yang berhubungan dengan
pengolahan atau manipulasi database. Seperti mengambil data dari
database, menginput dan pengolahan database lainnya. Semua intruksi

16
 yang berhubung dengan pengolahan database diletakkan di dalam
model.
b. View, merupakan bagian yang menangani halaman user interface atau
halaman yang muncul pada user. Tampilan dari user interface di
kumpulkan pada view untuk memisahkannya dengan controller dan
model sehingga memudahkan melakukan pengembangan tampilan web.
c. Controller, merupakan kumpulan intruksi aksi yang menghubungkan
model dan view, jadi user tidak akan berhubungan dengan model secara
langsung.

17
 BAB IV

DESKRIPSI SISTEM

IV.1 Spesifikasi Sistem

Sistem Monitoring Jaringan berbasis website ini dapat dijalankan melalui
media elektronik seperti laptop atau perangkat komputer dengan spesifikasi yang
ditentukan agar dalam pengerjaan proyek, sistem yang akan dibuat dapat berjalan
dengan baik. Berikut spesifikasi sistemnya:

Tabel 1. Tabel Spesifikasi Komputer

Spesifikasi Komputer
No Kebutuhan Kapasitas yang dibutuhkan

1 Processor AMD A-9

2 RAM 4GB

3 Hardisk 1TB

IV.2 Perancangan Sistem

Proses perancangan sistem monitoring tidak lepas dari pengamatan terhadap

kualitas jaringan, masih banyak yang menggunakan cara manual, seperti ping dari
satu host ke host yang lain. Menurut Nadanta dkk., (2015) sistem monitoring
jaringan ini proses pengumpulan dan melakukan analisis terhadap data-data pada
lalu lintas jaringan dengan tujuan memaksimalkan seluruh sumber daya yang
dimiliki jaringan komputer. Tahapan perancangan sistem monitoring ini dimulai
dari analisis kebutuhan (perancangan basis data), desain sistem (perancangan
antarmuka), implementasi dan pengujian program.

Output dari Sistem Monitoring Jaringan ini adalah pengamatan terhadap

kualitas jaringan, dimana menggunakan ping melalui sistem sehingga tidak perlu
ping manual dari satu host ke host yang lain serta mendapat notifikasi dari sistem

18
 jika terjadi gangguan pada jaringan yang terputus sambungannya. Sistem
Monitoring ini hanya dapat diakses oleh admin. Admin dapat melakukan proses
login dan registrasi. Untuk melakukan pengoperasian data seperti input, edit, dan
hapus data, admin harus melakukan login ke sistem terlebih dahu menggunakan e-
mail dan password yang sudah terdaftar. Jika admin belum memiliki akun maka
admin bisa registrasi terlebih dahulu.

IV.2.1 Perancangan Basis Data

Perancangan basis data merupakan sebuah proses penciptaan untuk

perancangan basis data yang fungsinya mendukung tujuan dan operasi suatu
instansi. Di dalam membangun basis data ini terdapat kelas data, atribut,
tipe data, dan jumlah data. Untuk membangun sistem monitoring jaringan
berbasis website maka dibutuhkan basis data sebagai berikut:

a. ERD
nama_client gedung status
ip
simbol

id_client waktu_gangguan

menginput Client mengecek

n n

id_user id
1 1

fullname
1 n Connection_status ip
Admin mendapatkan
email
1 status
n
password mengirimkan meminta

log
n n

id_config Web_config meminta Connection_status_down id_connection_down

token_telegram
latest_notif client_id
id_chat is_new

mark_solved date_down

Gambar 3. Entity Relationship Diagram

19
b. Perancangan Tabel User
Database : db_monitoring
Nama Tabel : Admin
Primary Key : id_user

Tabel 2.Perancangan Tabel user

No Atribut Tipe Data Panjang

1 id_user int 11
2 fullname varchar 255
3 email varchar 255
4 password varchar 255

c. Perancangan Tabel Client

Database : db_monitoring
Nama Tabel : Client
Primary Key : id_client

Tabel 3.Perancangan Tabel client

No Atribut Tipe Data Panjang

1 id_client int 11

2 Ip varchar 30

3 nama_client varchar 255

4 gedung varchar 30

5 status varchar 10

6 simbol text -

7 waktu_gangguan bigint 20

20
d. Perancangan Tabel Connection_status
Database : db_monitoring
Nama Tabel : Connection_status
Primary Key : id

Tabel 4.Perancangan Tabel Connection_status

No Atribut Tipe Data Panjang

1 id bigint 20
2 ip varchar 255
3 status varchar 255
4 log timestamp -

e. Perancangan Tabel Web_config

Database : db_monitoring
Nama Tabel : Web_config
Primary Key : id_config

Tabel 5.Perancangan Tabel Web_config

No Atribut Tipe Data Panjang

1 id_config int 20
2 token_telegram varchar 255
3 id_chat varchar 255
4 latest_notif varchar 255

f. Perancangan Tabel Connection_status_down

Database : db_monitoring
Nama Tabel : Connection_status_down
Primary Key : id_connection_down

21
 Tabel 6. Perancangan Tabel Connection_status_down

No Atribut Tipe Data Panjang

1 id_connection_status_down int 11
2 client_id int 11
3 date_down int 11
4 mark_solved int 1
5 is_new int 1

IV.2.2 Perancangan Alur Sistem

Dalam perancangan alur sistem terdapat beberapa alur yaitu:

• Diagram Konteks (Data Flow Diagram Level 0)

• Data Flow Diagram Level 1
• Data Flow Diagram Level 2

a. Diagram Konteks (Data Diagram Level 0)

Diagram konteks merupakan sebuah diagram yang didalamnya
terdapat sebuah proses yang menggambarkan ruang lingkup
pada suatu sistem. Berikut adalah diagram konteks dari Sistem
Monitoring jaringan di Dinas Komunikasi dan Informatika
Provinsi Kepulaua Riau.
ip,nama_client,gedung,fullname,email,password

Admin
Sistem
Monitoring
Jaringan

ip,nama_client,gedung,status,simbol,fullname,
push_notification,notif_telegram,waktu_gangguan

Gambar 4. Diagram Konteks

22
 b. Data Flow Diagram Level 1
Gambar merupakan pemecahan dari diagram konteks.
Didalamnya terdapat dua proses, yaitu proses login dan kelola
data.
fullname,email,password fullname,email,password user

1.0
email,password
Login

ip,nama_client,gedung client

Admin fullname

ip,nama_client,gedung
status
status connection_status
2.0
ip,nama_client,gedung,push_notification,status,simbol
Kelola Data
simbol

notif_telegram,waktu_gangguan
status web_config

Gambar 5. Data Flow Diagram Level 1

c. Data Flow Diagram Level 2

Gambar adalah pemecahan dari proses DFD level 1 yaitu proses
kedua. Pada proses 2 ini terdapat 4 proses yaitu input data, edit
data, hapus data, dan lihat data.

23
 ip,nama_client,gedung

Info_ip,
2.1
info_nama_client, Ip,nama_client,gedung
Input data
info_gedung

ip,nama_client,gedung
ip,nama_client,gedung

2.2
Info_ip,info_nama_client,info_gedung client
Edit data

Admin Info_ip,info_nama_client,info_gedung
ip,nama_client,gedung

ip,nama_client,gedung

2.3
Info_ip,info_nama_client,info_gedung Info_ip,info_nama_client,info_gedung
Hapus data

ip,nama_client,gedung ip,nama_client,gedung,status,simbol Connection_status

Info_status,info_simbol
Info_ip,info_nama_client, 2.4
status
Info_gedung,push_notification,simbol Lihat data
Info_ip,info_nama_client, Web-config
info_gedung,notif_telegram

Status,waktu_gangguan

Gambar 6. Data Flow Diagram Level 2

IV.2.3 Perancangan Antarmuka

Sebelum memulai merancang aplikasi website, hal penting yang

harus dilakukan adalah merancang website untuk pengguna antarmuka.
Semua hal yang terdapat didalam perancangan antarmuka yang diselesaikan
disini.

24
a. Halaman Register
Ketika membuka aplikasi ini, hal pertama yang telah dirancang adalah
halaman register. Jika admin belum memiliki akun maka admin akan
mendaftar akun untuk masuk ke sistem monitoring ini.

Gambar 7. GUI Halaman Register

b. Halaman Login
Jika admin telah memiliki akun, maka admin akan mengakses sistem
monitoring ini untuk masuk melalui menu Login terlebih dahulu.

25
 Gambar 8. GUI Halaman Login

c. Halaman Dashboard
Di dalam menu dashboard terdapat menu-menu yang dapat diakses,
serta gambar topologi radio, topologi ring 1, dan topologi ring 2 di
Diskominfo Provinsi Kepri.

Gambar 9. GUI Halaman Dashboard

d. Halaman Status
Pada halaman ini, admin dapat mengecek status IP di setiap gedung
dimana terdapat status up atau down.

26
 Gambar 10. GUI Halaman Status

Gambar 11. GUI Hasil Status Cek IP

27
e. Halaman Connection
Pada halaman connection, admin dapat melihat status dari IP di setiap
gedung dan juga terdapat notifikasi jika status IP dalam keadaan down
to up dan up to down.

Gambar 12. GUI Halaman Connection

f. Halaman Tambah pada Menu Connection

Saat admin ingin menambah data, maka klik tombol tambah dan
inputkan data seperti gambar di bawah ini.

Nama Perangkat
Nama Perangkat

Gambar 13. GUI Halaman Tambah pada Menu Connection

28
g. Halaman Ubah pada Menu Connection
Saat admin melakukan kesalahan pada saat menginputkan data, maka
admin juga bisa mengubah data tersebut dengan klik tombol edit seperti
gambar di bawah ini

Nama Perangkat
Nama Perangkat

Gambar 14. GUI Halaman Ubah pada Menu Connection

29
 BAB V

PEMBAHASAN

V.1 Implementasi Sistem

Aplikasi Website Sistem Monitoring Jaringan menggunakan Telegram dan

Socket.io sebagai Notifikasi Dinas Komunikasi dan Informatika Provinsi
Kepulauan Riau digunakan oleh bagian Administrator untuk memudahkan
dalam memonitoring jaringan ketika terjadi gangguan dengan menggunakan
socket.io sebagai notifikasi serta mengirimkan data tersebut ke telegram ketika
admin tidak berada dikantor dan berada diluar jaringan kantor.

a. Halaman Registrasi
Pada halaman ini, admin akan melakukan pembuatan akun agar bisa
mengakses menggunakan akun tersebut ketika masuk ke menu login.

Gambar 15. Halaman Registrasi

30
b. Halaman Login
Ketika admin sudah mendaftarkan akun, maka admin dapat mengakses
proses login untuk masuk ke sistem monitoring tersebut. Dalam hal ini,
administrator adalah user tetap.

Gambar 16. Halaman Login

c. Halaman Aksi Login Gagal
Jika login gagal karena email atau passward salah, maka akan kembali
ke halaman login dan melakukan akses lagin kembali. Sebaliknya, jika
login berhasil, maka akan menuju ke halaman Dashboard.

31
 Gambar 17. Halaman Aksi Login Gagal

d. Halaman Dashboard
Setelah login berhasil, maka akan muncul tampilan dashboard seperti
dibawah ini. Dimana pada tampilan ini terdapat gambar topologi radio
dan topologi ring Dinas Komunikasi dan Informatika Provinsi
Kepulauan Riau.

Gambar 18. Halaman Dashboard

e. Halaman Status
Saat klik menu status, maka akan muncul tampilan dibawah ini untuk
pengecekan status IP. Selanjutnya, admin terlebih dahulu menginputkan
IP ketika ada terjadi gangguan. Menu ini akan mempermudah admin
dalam pengecekan status IP jika terjadi pengaduan maka admin hanya
mengecek terlebih dahulu sebelum pergi ke lokasi langsung. Jika hanya
gangguan bandwidth atau yang lain tidak perlu pergi ke lokasi, kecuali
terjadi gangguan pada perangkat jaringan.

32
 Gambar 19. Halaman Status
f. Halaman Lihat Status IP
Sesudah menginputkan IP, maka selanjutnya akan muncul halaman
seperti di bawah ini. Terdapat status Nama Gedung, IP pada gedung
terserbut, dan status jaringannya.

Gambar 20. Halama Lihat Status IP

g. Halaman Connection
Saat klik menu connection maka akan muncul tampilan seperti dibawah
ini. Ketika klik halaman ini akan menampilkkan notifikasi status
jaringan terlebih dahulu.

33
 Gambar 21. Halaman Connection

Gambar 22. Push Notofikasi Sistem Monitoring

34
 Gambar 23. Notifikasi Telegram
h. Halaman Lihat Connection
Sesudah memilih Menu Connection, maka selanjutnya akan muncul
halaman seperti di bawah ini. Misalnya ingin mencari status IP yang
aktif di Gedung A, maka dihalaman ini juga akan memanggil sesuai
yang dipilih dan dicari. Lalu akan muncul tabel IP di semua gedung A.
Di halaman ini juga terdapat tombol refresh jika sewaktu-waktu status
IP berubah serta terdapat menu tambah untuk menambah data IP di
setiap gedung, menu edit untuk mengubah data ketika terjadi kesalahan,
dan menu hapus untuk data yang tidak diperlukan lagi.

Gambar 24. Halaman Lihat Connection

35
i. Halaman Tambah pada Menu Connection
Jika terjadi penambahan data IP, maka pada menu connection
menyediakan menu Tambah.

Gambar 25. Halaman Tambah pada Menu Connection

j. Halaman Ubah pada Menu Connection

Saat data ada yang salah, maka halaman menu Connection menyediakan
Menu Ubah, selain itu terdapat juga menu Hapus.

Gambar 26. Halaman Ubah pada Menu Connection

36
k. Halaman Aksi Tambah, Ubah dan Hapus pada Menu Connection
Apabila data berhasil diubah, maka akan muncul pemberitahuan bahwa
data berhasil diubah. Sebaliknya, jika admin ingin menghapus data,
maka klik tombol hapus. Sebelumbnya sistem akan menanyakan apakah
data benar dan yakin akan dihapus. Jika yakin maka klik hapus, jika
tidak maka klik batal. Jika data dihapus, maka akan muncul
pemberitahuan data berhasil dihapus.

Gambar 27. Alert Tambah Data

Gambar 28. Alert Ubah Data

Gambar 29. Alert Pertanyaan Hapus Data

37
 Gambar 30. Alert Hapus Data
l. Halaman Tabel Setelah Ubah
Saat data diubah dan disimpan, maka sistem akan menampilkan tabel
yang sudah diubah. Tabel ini adalah tabel yang sudah benar secara
keseluruhan setelah sebelumnya diedit.

Gambar 31. Halaman Tabel Setelah Ubah

38
 BAB VI
PENUTUP

VI.1 Kesimpulan
Kesimpulan dari Sistem Monitoring Jaringan Berbasis Website
Menggunakan Telegram dan Socket.IO sebagai Notifikasi Dinas Komunikasi dan
Informatika Provinsi Kepulauan Riau adalah :
1. Aplikasi sistem monitoring ini memudahkan admin dalam memonitoring
jaringan.
2. User dalam hal ini adalah Administrator yang dapat menginput semua data
IP di setiap gedung untuk memperbarui data di database. User dapat
melakukan perubahan data dan juga menghapus data.
3. Semua IP setiap gedung tersimpan di database, sehingga memudahkan user
dalam pencarian status IP di setiap gedung.

VI.2 Saran
Berdasarkan hasil kesimpulan dari pengembangan Sistem Monitoring ini,
saran yang dapat dilakukan adalah sistem ini dapat dikembangkan kedalam aplikasi
desktop agar tidak hanya terpaku kepada website.

39
 DAFTAR PUSTAKA

Februariyanti, H., dan Zuliarso, E., 2012, Rancang Bangun Sistem Perpustakaan
Untuk Jurnal Elektronik, Jurnal Teknologi Informasi DINAMIK, Volume
17, Nomor 2
Firdaus, A., dan Widaningsih, S., 2016, Analisa Dan Perancangan Sistem
Monitoring Produksi Konveksi (Studi Kasus Di C.V Nors Wear Cianjur),
Media Jurnal Informatika, Volume 8, Nomor 2
Josi, A., 2017, Penerapan Metode Prototiping Dalam Pembangunan Website Desa
(Studi Kasus Desa Sugihan Kecamatan Rambang), JTI, Volume 9, Nomor
1
Maliki, A., dan Ramdan, A., 2019, Penerapan Kriptografi Pada Aplikasi Chat
Realtime Menggunakan Node JS dan Library Socket.IO, ResearchGate
Miftah, Z., 2019, Penerapan Sistem Monitoring Jaringan Dengan Protokol SNMP
Pada Router Mikrotik dan Aplikasi Dude Sudi Kasus Stikom CKI, Faktor
Exacta
Riyadi, S., 2017, Implementasi Reminder SMS Gateway Untuk Pembayaran Jatuh
Tempo Pada Koperasi Gadai, Jurnal SPIRIT, Volume 9, Nomor 1
Sokibi, P., 2017, Perancangan Sistem Monitoring Perangkat Jaringan Berbasis
ICMP dengan Notifikasi Telegram, ITEJ (Information Technology
Engineering Journals), Volume 02, Nomor 02
Sumarlinda, S., 2015, Implementasi Teknologi Sistem Informasi Manajemen
Administrasi Les Baca Anak Hebat Berbasis WEB Dilengkapi Dengan SMS
Gateway (Studi Kasus Anak Hebat Pusat Jl. Kraton 100 Kartosuro), Jurnal
INFORMA Politeknik Indonusa Surakarta, Volume 1, Nomor 1
Mardiani, E., Rahmansyah, N., Kurniawan, H., Sensure, D. I., dan Jayanta, 2016,
Kumpulan Latihan SQL Studi Kasus Penjualan Menggunakan Xampp,
Jakarta: PT Elex Media Komputindo

Basuki, A. P., 2017, Membangun Aplikasi SMS gateway Berbasis Web dengan
Codeigniter & Bootstrap, Cv. Lokomedia

40