TAKARIR. Action Script

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