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