Beranda
CMD

Apa Itu Dashboard Monitoring CCTV & Jaringan?

Tutorial membuat dashboard monitoring CCTV dan jaringan berbasis web dengan PowerShell, menampilkan status device real-time untuk IT Support.
Calon IT

Membuat Dashboard Monitoring CCTV dan Jaringan Berbasis Web dengan PowerShell (Real-Time IT Support System)

Tutorial membuat dashboard monitoring CCTV dan jaringan berbasis web dengan PowerShell, menampilkan status device real-time untuk IT Support.

Apa Itu Dashboard Monitoring CCTV & Jaringan?

Dashboard monitoring adalah tampilan berbasis web yang digunakan untuk melihat status perangkat seperti:

  • Kamera CCTV

  • NVR / DVR

  • Switch jaringan

  • Server

Semua data ditampilkan secara real-time sehingga IT Support dapat langsung mengetahui jika terjadi gangguan.

Konsep Sistem yang Akan Dibuat

Sistem ini terdiri dari:

  • PowerShell Script → Mengambil data status device

  • File JSON / TXT → Menyimpan hasil monitoring

  • Web Dashboard (HTML + JS) → Menampilkan data

Step 1: Script PowerShell Monitoring (Backend)

Script ini akan mengecek status device dan menyimpan ke file JSON:

$devices = @(
    @{Name="CCTV-1"; IP="192.168.1.10"},
    @{Name="CCTV-2"; IP="192.168.1.11"},
    @{Name="NVR"; IP="192.168.1.100"}
)

$result = @()

foreach ($device in $devices) {
    $status = if (Test-Connection $device.IP -Count 1 -Quiet) {"ONLINE"} else {"OFFLINE"}

    $result += [PSCustomObject]@{
        Name = $device.Name
        IP = $device.IP
        Status = $status
        Time = (Get-Date)
    }
}

$result | ConvertTo-Json | Out-File "C:\monitoring\data.json"

Step 2: Jalankan Otomatis

Gunakan Task Scheduler:

  • Jalankan setiap 1–5 menit

  • Output akan terus update

Step 3: Dashboard Web (Frontend)

Buat file index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Monitoring CCTV</title>
    <style>
        body { font-family: Arial; background:#111; color:#fff; }
        .online { color:lime; }
        .offline { color:red; }
    </style>
</head>
<body>

<h2>Dashboard Monitoring CCTV</h2>
<div id="data"></div>

<script>
fetch('data.json')
.then(res => res.json())
.then(data => {
    let html = "";
    data.forEach(d => {
        html += `<p>${d.Name} (${d.IP}) - 
        <span class="${d.Status=='ONLINE'?'online':'offline'}">
        ${d.Status}</span></p>`;
    });
    document.getElementById("data").innerHTML = html;
});
</script>

</body>
</html>

Step 4: Jalankan Dashboard

  • Simpan file di folder yang sama

  • Jalankan menggunakan browser

  • Atau gunakan XAMPP / web server

Fitur yang Bisa Dikembangkan

Dashboard ini bisa dikembangkan menjadi:

  • Grafik monitoring

  • Notifikasi Telegram / WhatsApp

  • Auto refresh

  • Monitoring port CCTV (RTSP)

  • Multi lokasi (ATMS / E-TLE)

Contoh Hasil Dashboard

Output akan menampilkan:

  • Status ONLINE / OFFLINE

  • IP perangkat

  • Nama device

  • Waktu pengecekan

Tips Profesional IT Support

  • Gunakan server terpusat

  • Pisahkan jaringan CCTV

  • Gunakan log historis

  • Tambahkan alert otomatis

  • Gunakan domain untuk akses remote

Baca Juga Artikel Lainnya

Pelajari automation dan monitoring lainnya di:

👉 https://www.haikalitsupport.fun/

Kesimpulan

Dashboard monitoring berbasis PowerShell dan web adalah solusi efektif untuk IT Support dalam memantau CCTV dan jaringan secara real-time. Sistem ini mudah dibuat, fleksibel, dan bisa dikembangkan menjadi monitoring skala besar seperti ATMS dan E-TLE.

Dengan sistem ini, kamu bisa meningkatkan efisiensi kerja dan mengurangi downtime secara signifikan.


👉 https://e-tle.fun/
👉 https://www.haikalitsupport.fun/

Posting Komentar