TAKARIR Action Script Capture Closed Circuit Television Collision Dedicated Delay Digital Network Camera Digital Video Recorder DNS Server Encoding Image Digitizer Indirect Control Internet Camera IP Camera Live Streaming Pan Streaming Media Server Streaming Video Tilt Video On Demand Kode program pada adobe flash untuk membuat gerakan Memotret gambar Televisi dengan sirkuit tertutup Tumbukan/tabrakan Didedikasikan/sengaja dirancang Jeda waktu Kamera jaringan digital Alat perekam video digital Pusat penyaji layanan sistem penamaan domain Proses pengubahan sinyal untuk keperluan transmisi atau penyimpanan data Pengubah gambar analog ke digital Pengawasan kerja secara tak langsung Kamera dengan menggunakan media internet Kamera yang menggunakan protokol internet Aliran siaran dengan waktu sebenarnya Kemampuan berputer ke kiri dan kanan Pusat penyaji aliran siaran media Proses aliran siaran video Kemampuan berputar ke atas dan bawah Video yang disiarkan atas permintaan xi
DAFTAR ISI HALAMAN JUDUL..... LEMBAR PENGESAHAN PEMBIMBING..... LEMBAR PENGESAHAN DOSEN PENGUJI... LEMBAR PERNYATAAN KEASLIAN TUGAS AKHIR...... HALAMAN PERSEMBAHAN.... MOTTO.... KATA PENGANTAR.. SARI...... TAKARIR.... DAFTAR ISI..... DAFTAR GAMBAR.... DAFTAR TABEL. i ii iii iv v vii viii x xi xii xvii xix BAB I PENDAHULUAN....... 1.1 Latar Belakang Masalah..... 1.2 Rumusan Masalah..... 1.3 Batasan Masalah.......... 1.4 Tujuan Penelitian...... 1.5 Manfaat Penelitian......... 1.6 Metode Penelitian... 1.6.1 Studi Literatur.;.. 1.6.2 Definisi Masalah....... 1.6.3 Pengembangan Sistem.. 1.7 Sistematika Penulisan..... 1 1 2 3 3 3 4 4 4 4 5 BAB II LANDASAN TEORI...... 2.1 Konsep dasar Remote Surveillance....... 2.2 Teknologi IP Camera...... 2.3 Video Streaming..... 6 6 6 12 xii
2.3.1 Proses streaming melalui halaman web...... 2.3.2 Format kompresi gambar..... 2.4 Plugin Browser...... 2.5 IP Camera Server...... 2.6 Frame Rate....... 2.7 Bandwidth..... 2.7.1 Kalkulasi bandwidth kompresi MJPEG..... 2.7.2 Kalkulasi bandwidth kompresi MPEG4....... 2.8 Port Forwarding..... 2.9 Power Over Ethernet (POE)...... 2.10 Switch....... 2.11 Dynamic DNS........ 13 15 17 18 19 19 19 20 21 22 23 24 BAB III METODOLOGI....... 3.1 Definisi Masalah... 3.1.1 Kondisi umum tempat penepatan perangkat surveillance...... 3.1.2 Kondisi lokasi pengawasan........ 3.1.3 Akses user...... 3.1.4 Kondisi perangkat computer user..... 3.2 Perancangan Jaringan.... 3.2.1 Batasan perancangan jaringan... 3.2.2 Desain topologi jaringan.... 3.3 Metode Perancangan Jaringan...... 3.3.1 Konektivitas perangkat....... 3.3.2 Pembangunan server....... 3.3.3 Konektivitas jaringan lokal dengan internet (Port Forwarding)...... 3.4 Kebutuhan Perangkat.... 3.4.1 Perangkat keras...... 3.4.2 Perangkat lunak..... 28 28 28 30 30 31 31 31 31 32 32 34 35 36 36 36 xiii
3.5 Perancangan Aplikasi. 3.5.1 Batasan perancangan aplikasi...... 3.5.2 Kebutuhan proses perancangan aplikasi.... 3.5.3 Desain antarmuka........ 3.6 PembuatanAplikasi... 3.6.1 Pemrograman aplikasi... 3.6.2 Integrasi file ke Web Server...... 3.7 Pengujian Sistem... 3.7.1 Pengujian lokal (LAN)..... 3.7.2 Estimasi kebutuhan idth... 3.7.3 Pengujian melalui Internet (WAN). 3.7.4 Analisa kapasitas ruang penyimpanan (Harddisk).. 39 39 41 41 42 42 BAB IV HASIL DAN PEMBAHASAN 4.1 Hasil.. 4.2 Perancangan jaringan. 4.2.1 Konektivitas perangkat... 4.2.2 Pembangunan server... 4.3 Perancangan Aplikasi.... 4.3.1 Desain antarmuka..... 4.3.3 Pembuatan Aplikasi... 4.4 Pengujian Sistem. 4.4.1 Pengujian lokal (LAN).. 4.4.2 Estimasi kebutuhan bandwidth... 4.4.3 Pengujian melalui internet.. 4.4.4 Tabel pengujian lewat internet.... 4.4.5 Analisa kapasitas ruang penyimpanan (Harddisk) 44 44 45 45 50 64 65 69 81 81 84 85 88 93 xiv
BAB V KESIMPULAN DAN SARAN.... 5.1 Kesimpulan...... 5.1.1 Performa server..... 5.1.2 Kualitas gambar.. 5.1.3 Bandwidth....... 5.1.4 Pengujian delay...... 5.1.5 Kapasitas ruang penyimpanan (Harddisk).. 5.2 Saran.. 5.2.1 Patching aplikasi WebcamXP... 5.2.2 Upgrade firmware...... 5.2.3 Dedicated hardware... 5.2.4 Dedicated bandwidth.... 5.2.5 QOS (Quality Of Services) : Alokasi bandwidth upload.... 5.2.6 Kompresi file foto dan video..... 5.2.7 Optimasi Scheduling...... 5.2.8 Kapasitas ruang penyimpanan... 94 94 94 94 95 96 97 97 96 97 97 98 98 99 98 98 DFTAR PUSTAKA..... LAMPIRAN.. 99 100 xv
DAFTAR GAMBAR Gambar 2.1 Diagram IP Camera. Gambar 2.2 Tampilan IP Camera TP-Link dalam Browser IE... Gambar 2.3 Software IP Surveilance dari IP Camera Pasonic.. Gambar 2.4 Perangkat CCTV (Closed Circuit Television)..... Gambar 2.5 Perangkat DVR (Digital Video Recorder)....... Gambar 2.6 Webcam USB..... Gambar 2.7 Proses Streaming dan Video On Demand... Gambar 2.8 Proses Streaming Melalui Halaman Web... Gambar 2.9 Arsitektur Protokol pada Proses Streaming...... Gambar 2.10 Konsumsi Bandwidth Format MJPEG...... Gambar 2.11 Konsumsi Bandwidth Format MPEG4.. Gambar 2.12 Tampilan Aplikasi IP Camera Server WebcamXP... Gambar 2.13 Grafik Perbandingan Bandwidth MPEG4 dan MJPEG... Gambar 2.14 Implementasi Port Forwarding..... Gambar 2.15 Skema POE pada Pin RJ-45.. Gambar 2.16 Alur ProsesDynamic DNS (www.dyndns.com)... Gambar 2.17 IP Public Sebelum Disconnect.... Gambar 2.18 IP Public Setelah Disconnect... Gambar 2.19 Konfigurasi Dynamic DNS pada DynDNS.com..... Gambar 3.1 Skema Sudut Jangkauan Vertikal... Gambar 3.2 Skema Sudut Jangkauan Horizontal... Gambar 3.3 Denah Rumah Implementasi... Gambar 3.4 Desain Topologi Jaringan... Gambar 3.5 Diagram Tipe Kabel UTP... Gambar 3.6 Skema IP Addressing.. Gambar 3.7 Fitur Virtual Server pada Router HSPA..... Gambar 3.8 Tampilan Aplikasi Bandwidth Monitor.. Gambar 3.9 Aplikasi Bandwidth Tester On Line....... 7 8 9 10 10 11 13 14 15 16 17 18 21 22 23 24 25 26 27 28 29 30 32 33 34 35 42 43 xvi
Gambar 4.1 Proses Pengupasan Outer Jacket. Gambar 4.2 Pengurutan Warna Tipe T568 B. Gambar 4.3 Proses Crimping Menggunakan Tang Crimper.. Gambar 4.4 Proses Testing Menggunakan Cable Tester... Gambar 4.5 Konfigurasi IP Addressing pada PC Server.... Gambar 4.6 IP Addressing pada IP Camera Panasonic BL-C101.. Gambar 4.7 IP Addressing pada IP Camera TP-Link SC 3130.. Gambar 4.8 Skema Pemasangan POE IP Camera Panasonic BL-C101.. Gambar 4.9 Skema Pemasangan POE IP Camera TP-Link SC 3130.. Gambar 4.10 Web Server dan IP Camera Server Dalam Satu Komputer. Gambar 4.11 Paket XAMPP 1.7.3...... Gambar 4.12 Aplikasi IP Camera Server WebcamXP....... Gambar 4.13 Konfigurasi Awal pada Jendela Utama........ Gambar 4.14 Jendela Pemilihan Jenis Kamera... Gambar 4.15 Langkah Pengkoneksian Ke Kamera Terkait..... Gambar 4.16 Sebuah IP Camera Tealah Berhasil Terintegrasi Ke Server IP Camera..... Gambar 4.17 Penambahan Jendela Baru Untuk Penambahan Kamera... Gambar 4.18 Penambahan Jendela Baru Untuk Mengintegrasikan Webcam pada Server Gambar 4.19 Integrasi Seluruh Kamera Dalam Server..... Gambar 4.20 Konfigurasi Scheduling pada WebcamXP.... Gambar 4.21 Penentuan Lokasi Direktori Scheduler.. Gambar 4.22 Proses Pembuatan Account Baru.. Gambar 4.23 Proses Pembuatan Nama Host dan Domain.. Gambar 4.24 Halaman Account User DynamicDNS.Com. Gambar 4.25 Skema Virtual Server pada Router Prolink PWH 2001 Gambar 4.26 Konfigurasi Dynamic DNS pada Router.. Gambar 4.27 Proses Instalasi Plugin VLC pada Sistem Operasi Windows... Gambar 4.28 Proses Instalasi Plugin VLC pada Sistem Operasi Linux.. Gambar 4.29 Desain Halaman Beranda.... 45 46 46 47 48 48 49 49 50 51 51 52 53 54 55 56 56 57 58 58 59 60 61 61 63 63 64 65 66 xvii
Gambar 4.30 Desain Halaman Drop Down (Garasi)... Gambar 4.31 Desain Halaman Multi Camera..... Gambar 4.32 Desain Halaman Modus Denah..... Gambar 4.33 Desain Halaman Galeri (a)..... Gambar 4.34 Desain Halaman Galeri (b)..... Gambar 4.35 Desain Halaman Bantuan (a).... Gambar 4.36 Desain Halaman Bantuan (b)........ Gambar 4.37 Tampilan Halaman Beranda...... Gambar 4.38 Tampilan Halama Drop Down Ruang Tengah..... Gambar 4.39 Fitur Generate Html Code pada WebcamXP.... Gambar 4. Menu Html Code Generator......... Gambar 4.41 Code Hasil Generator... Gambar 4.42 Menu Navigasi........ Gambar 4.43 Menu Multi Camera..... Gambar 4.44 Menu Modus Denah..... Gambar 4.45 Halaman Galeri... Gambar 4.46 Halaman Bantuan.. Gambar 4.47 Icon Overlay Editor....... Gambar 4.48 Jendela Overlay Editor.. Gambar 4.49 Pembuatan Text Overlay... Gambar 4.50 Jendela Text Editor... Gambar 4.51 Notifikasi Jumlah Koneksi pada Layar Kamera... Gambar 4.52 Pengujian Aplikasi pada Windows 7 Gambar 4.53 Pengujian Aplikasi pada Linux Ubuntu.... Gambar 4.54 Pengujian Aplikasi pada Mac OS Leopard... Gambar 4.55 Pengukuran Bandwidth pada Menu Multi Camera... Gambar 4.56 Aplikasi Stopwatch Digital... Gambar 4.57 Pengujian Delay Di Internet......... 66 67 67 67 68 68 69 70 71 71 72 73 74 75 76 77 77 78 79 80 80 81 82 82 83 85 86 87 xviii
DAFTAR TABEL Tabel 2.1 Ukuran Frame Format MJPEG.... Tabel 3.1 Perangkat Keras Remote Surveillance.. Tabel 4.1 Pemberian Nomor Port... Tabel 4.2 Pengujian Delay pada LAN. Tabel 4.3 Tabel Jenis Koneksi, IP Address dan Bandwidth ISP Saat Peak Time... Tabel 4.4 Tabel Pengujian Delay pada HSDPA 3,5 G..... Tabel 4.5 Tabel Pengujian Delay pada Dedicated Bandwidth (Warnet).. Tabel 4.6 5Tabel Pengujian Delay pada Koneksi Wifi Hotspot Kampus 20 37 62 83 88 89 90 92 xix