BAB II
LANDASAN TEORI
2.1WebCam
Webcam (singkatan dari web camera) adalah sebutan bagi kamera real-time (bermakna keadaan pada saat ini juga) yang gambarnya bisa diakses atau dilihat melalui World Wide Web, program instant messaging, atau aplikasi video call. Istilah webcam merujuk pada teknologi secara umumnya, sehingga kata web terkadang diganti dengan kata lain yang mendeskripsikan pemandangan yang ditampilkan di kamera, misalnya StreetCam yang memperlihatkan pemandangan jalan. Ada juga Metrocam yang memperlihatkan pemandangan panorama kota dan pedesaan, TraffiCam yang digunakan untuk memonitor keadaan jalan raya, cuaca dengan Weather Cam, bahkan keadaan gunung berapi dengan VolcanoCam. Webcam atau web camera adalah sebuah kamera video digital kecil yang dihubungkan ke komputer melalui (biasanya) port USB ataupun port COM.
2.2Visual Studio .NET
Visual Studio .NET adalah salah satu bentuk integrated development environment (IDE) terbaru dan canggih yang dimiliki oleh Microsoft untuk saat ini. IDE tersebut mampu mendukung dan menggabungkan banyak tipe bahasa, seperti Visual Basic .NET, C#.NET, J#.NET, C++.NET serta bahasa .NET lainnya menjadi satu dalam lingkungan dot net framework. Dengan demikian sebuah tim project yang sedang mengembangkan sebuah program aplikasi dapat bekerja dengan baik, tanpa ada “diskriminasi” antara VB.NET, C#, J#, atau bahasa .NET lainnya. Semua bahasa posisinya sama sehingga tim project dapat bekerja dalam banyak bahasa. Dengan kata lain tim project dapat menggabungkan beberapa project dengan berbagai macam bahasa tersebut ke dalam satu bahasa program yang digunakan, misalnya visual basic .NET.
Hasil aplikasi program yang dibangun menggunakan Visual Studio.NET dapat dijalankan pada berbagai platform operating system seperti Linux, Unix, Solaris dan OS lainnya dengan menggunakan mono yang dihasilkan oleh perusahaan Symbian.
Dot NET Framework adalah teknologi inti dari dot net yang menyediakan berbagai library untuk digunakan oleh aplikasi menggunakan bahasa-bahasa pemrograman pada Visual Studio .NET. Komponen utama dot net framework adalah Common Language Runtime (CLR) yang menyediakan run time environtment untuk aplikasi yang dibangun menggunakan Visual Studio .NET, terlepas dari jenis bahasa pemrogramannya. Dengan adanya Clr tersebut, programer dapat menikmati consistent object model dalam mengakses berbagai komponen library, akibatnya penggunaan bahasa pemrograman dalam dunia .NET
adalah lebih kearah selera, bukan lagi pada kelebihan maupun kekurangan masing-masing bahasa.
Gambar 2.2. Microsoft Visual Studio 2008
2.2.1 Visual C# 2008
Visual C# 2008 adalah salah satu bahasa yang berorientasi pada objek. Dengan demikian, bahasa itu bisa digunakan untuk mempelajari dan memperdalam pengetahuan tentang pemrograman yang berorientasi pada objek. Bahasa C# memiliki hubungan tidak langsung dengan Java, Visual Basic dan C++. Maksud dari kalimat tersebut adalah bahasa C#, adalah bahasa pemrograman yang memiliki ketangguhan C++, kemudahan Visual Basic, dan kedekatan dengan pemrograman berorientasi objek dari Java. Selain Visual Basic, bahasa C# juga merupakan tulang punggung dari Visual Studio dan peyaluran keunggulan yang dimiliki oleh teknologi .Net Framework 3.5. Kita bisa menggunakan Visual C# untuk membuat
aplikasi windows, tetapi kita juga bisa membuat aplikasi-aplikasi tangguh lainya, seperti database atau aplikasi web. Bahasa C# adalah salah satu bahasa yang bisa digunakan untuk membuat aplikasi web selain Visual Basic.
2.3 Dot Net Framework 2.3.1 Definisi
Dot Net Framework sebenarnya adalah platform komputasi baru yang menyederhanakan proses pembuatan aplikasi pada lingkungan terdistribusi di internet. Framework ini didesain untuk memenuhi tujuan-tujuan berikut:
a) Untuk menyediakan lingkungan pemrograman berorientasi objek yang
konsisten meskipun meskipun kode objek disimpan dan dijalankan secara lokal, dijalankan secara lokal tetapi tetapi terdistribusi lewat internet, atau dijalankan secara remote.
b) Untuk menyediakan lingkungan yang menjalankan kode dengan
meminimalkan konflik saat deployment dan versioning.
c) Untuk menyediakan lingkungan yang menjalankan kode yang
memberikan jaminan keamanan saat menjalankan kode, termasuk kode yang dijalankan oleh pihak ketiga yang tidak diketahui atau kurang percaya.
d) Untuk menyediakan lingkungan yang menjalankan kode yang
menghilangkan problem performance/kecepatan dari lingkungan skripting atau interpreted.
e) Untuk menbuat developer mengalami pengalaman yang konsisten di berbagai tipe aplikasi, seperti aplikasi Windows dan aplikasi berbasis web.
Untuk membangun komunikasi standar industri yang memastikan kode berbasis Framework .NET dapat diintegrasikan dengan kode lain.
Framework .NET memiliki dua komponen utama:
a Common language runtime (CLR)
b .NET Framework class library
2.3.2 Common Language Runtime
CLR adalah fondasi dari .NET Framework. Anda dapat menganggap CLR (sering disebut runtime saja) sebagai agen yang menangani kode pada saat dijalankan, menyediakan layanan inti seperti manajemen memori, manajemen thread dan remoting, juga memastikan pendefinisian tipe data secara ketat dan bentuk lain untuk memastikan keakuratan kode program sehingga dapat tercipta keamanan dan ketangguhan suatu program.
Konsep manajemen kode adalah prinsip dasar dari runtime. Program yang dijalanan oleh CLR disebut managed code, sedangkan program yang tidak memiliki sasaran runtime (CLR) disebut unmanaged code.
Perlu diketahui bahwa Visual Basic .NET menghasilkan managed code yang dapat dijalankan apabila pada sistem komputer terdapat CLR.
Artinya tidak dapat menjalankan aplikasi yang dihasilakan Visual Basic .NET tanpa menginstal CLR terlebih dahulu. Konsep CLR ini menyerupai konsep Java Virtual Machine untuk menjalankan software Java.
Class library, komponen lain dari .NET Framework adalah koleksi tipe data yang lengkap, berorientasi objek yang dapat digunakan untuk menbangun aplikasi dari program konsol sampai aplikasi graphical user interface (GUI) ke aplikasi berbasis inovasi yang disediakan oleh ASP.NET seperti Web Form dan XML Web Service.
Dot NET Framework dapat dihosted oleh komponen unmanaged yang memanggil common language runtime ke prosesnya dan menjalakan managed code sehingga menciptakan lingkungan software yang menggunakan fasilitas managed dan unmanaged. Framework .NET tidak hanya mendapatkan beberapa runtime host tetapi juga mendukung pengembangan dari runtime host pihak ketiga.
2.3.3 Fasilitas yang Disediakan Common Language Runtime
Common language runtime menangani dan mengatur memori, eksekusi kode, verifikasi keamanan kode, kompilasi dan sistem layanan lain. Fasilitas ini adalah intristik dari managed code yang berjalan pada common language runtime.
Dengan mengutamakan keamanan, managed component diberikan
tingkatan trust/kepercayaan berdasarkan sejumlah faktor yang
memperhitungkan asalnya (seperti internet, jaringan perusahaan atau komputer lokal). Hal ini berarti managed component dapat dibatasi
apabila akan melakukan operasi akses file, akses registry, atau fungsi sensitif lain, bahkan jika digunakan oleh aplikasi aktif sama.
Runtime memaksakan keamanan akses kode. Sebagai contoh , user dapat mempercayai sisipan program di suatu halaman web yang memainkan animasi pada layar atau menghasilkan suara, tetapi tidak dapat mengakses data pribadi, sistem file atau jaringan. Fasilitas security dari runtime membuat sah suatu software yang menyebar lewat internet yang canggih dan lengkap.
2.3.4 Dot Net Framework Class Library
Dot Net Framework class library adalah suatu koleksi dari tipe data yang dapat digunakan ulang yang terintegrasi dengan common language runtime. Class library berorientasi objek, menyediakan tipe data dimana managed code dapat menurunkan fungsionalitasnya. Hal ini tidak hanya membuat tipe data dari .NET Framework mudah digunakan tetapi juga mengurangi waktu belajar dari fasilitas .NET Framework. Sebagai tambahan, pihak ketiga dapat terintegrasi dengan class dari .NET Framework.
Sebagai contoh, koleksi class .NET Framework
mengimplementasikan set interface yang dapat digunakan untuk membuat koleksi class anda sendiri. Koleksi class anda akan terpadu dengan class-class .NET Framework.
Sebagaimana anda harapkan dari class library berorientasi objek, tipe-tipe data .NET Framework memberikan fasilitas bagi anda untuk
menyelesaikan sejumlah pemrograman umum, termasuk manajemen string, koleksi data, konektivitas database dan akses file. Sebagai tambahan dari tugas-tugas umum tersebut, class library mengikutkan tipe data yang mendukung variasi skenario development. Sebagai contoh, dapat menggunakan .NET Framework untuk membangun type aplikasi dan layanan berikut:
c aplikasi konsol
d aplikasi skripting atau hosted
e aplikasi Windows GUI (Windows Forms)
f aplikasi ASP.NET
g XML Web Service
h Windows Service
2.4VisionLab
VisionLab adalah seperangkat komponen yang dikembangkan oleh
www.mitov.com untuk digunakan pada plat-form Microsoft .NET 2.0. VisionLab digunakan untuk mengambil gambar dari webcam, TV, dan media audio video yang lain.
Library VisionLab memungkinkan pengembangan pendeteksi gerakan dan dengan penuh fitur aplikasi untuk industri keamanan dengan hampir nol baris kode program. Berikut adalah beberapa contoh dari apa yang dapat dilakukan dengan VisionLab:
b. Menangkap, mendeteksi dan melacak target.
c. Menangkap dan mendeteksi kontur dan obyek dalam video.
Komponen-komponen dari VisionLab yang terinstall pada Toolbox Microsoft Visual Studio 2008 yaitu:
AudioLab
Gambar 2.3. Komponen AudioLab toolbox TimingLab
Gambar 2.4. Komponen TimingLab toolbox VideoLab
VisionLab
Gambar 2.6. Komponen VisionLab toolbox
Dari empat Grup komponen tersebut yang digunakan dalam pembuatan aplikasi ini adalah VideoLab dan VisionLab.
2.5Deteksi Gerakan
Gerakan adalah suatu pusat perhatian yang digunakan manusia ataupun hewan untuk mengenali suatu obyek dari suatu latar yang tidak teratur. Dalam aplikasi pencitraan, gerakan muncul dari perpindahan tempat antara sistem pendeteksi dan lingkungan yang sedang dilihat, seperti aplikasi robotika, navigasi otomatis, dan analisis lingkungan dinamis.
Salah satu metode deteksi gerakan yaitu dengan Metode Spatial Domain. Metode Spatial Domain menggunakan pixel untuk membandingkan perbedaan dua buah citra.
2.6Metode Spatial Domain
Deteksi gerakan yang digunakan di aplikasi kamera pengawas pendeteksi gerakan ini adalah pemrosesan citra spatial domain dengan point processing. Metode ini bekerja dengan cara sebagai berikut :
a) Penetapan sebuah citra referensi
Sebuah citra yang diambil oleh kamera pada saat situasi lingkungan yang stabil ditetapkan sebagai citra referensi. Citra ini kemudian disimpan sebagai acuan dalam membandingkan citra-citra berikut.
b) Pangambilan citra secara periodik
Setiap jangka waktu tertentu, sebuah citra diambil oleh kamera. Citra ini kemudian disimpan untuk perhitungan selanjutnya.
c) Pendeteksian gerakan
Citra yang diambil secara periodik tadi dibandingkan dengan citra referensi dengan cara membandingkan setiap pixel-pixel yang berada di lokasi yang sama. Perhitungan perbandingan dilakukan dengan cara mengambil nilai absolut dari hasil pengurangan nilai RGB dari 2 pixel yang berada di lokasi yang sama. Jika nilai dari perhitungan tersebut melewati suatu batas nilai tertentu maka pixel tersebut dinyatakan sebagai pixel yang terdeteksi gerakan.
Dimana:
f = Array 2 dimensi yang digunakan untuk menyimpan hasil perhitungan.
x = Posisi pixel terhadap sumbu x.
y = Posisi pixel terhadap sumbu y.
T1 = Batas nilai untuk membatasi banyaknya perubahan nilai pixel sebelum sebuah pixel tersebut dinyatakan terdapat gerakan (Threshold).
ABS = Fungsi absolut.
p = Citra referensi.
q = Citra yang diambil secara periodik (citra yang dibandingkan). Variabel T1 merupakan sebuah nilai batas ambang perubahan 2 buah pixel di letak yang sama. Penggunaan variabel T1 ini memiliki dua tujuan. Tujuan yang pertama adalah untuk mengeliminasi noise yang terjadi, sedangkan tujuan yang kedua adalah untuk memberikan batas ambang perubahan intensitas warna antara dua buah pixel. Noise terjadi karena suatu lingkungan yang pencahayaannya labil. Hal ini dapat terjadi karena intensitas cahaya yang datang tidak selalu sama dari waktu ke waktu.
Sebuah array boolean f(x,y) digunakan untuk menyimpan nilai dari perhitungan. Jika nilai f(x,y) bernilai true berarti dua buah pixel dari 2 buah citra yang berbeda dengan letak yang sama terjadi perubahan warna yang melewati batas ambang T1. Sebaliknya, jika f(x,y) bernilai false berarti kedua buah pixel tersebut tidak terjadi perubahan warna atau perubahan yang terjadi tidak melewati batas ambang T1. Array ini digunakan untuk menghitung jumlah pixel yang berubah. Jika jumlah pixel yang berubah melebihi nilai batas ambang T2 maka citra tersebut dikatakan terdapat gerakan.
Dimana:
res = Hasil pendeteksian gerakan, bernilai 1 jika terdapat gerakan, dan bernilai 0 jika tidak terdapat gerakan.
T2 = Batas nilai untuk membatasi banyak jumlah pixel yang berubah sebelum sebuah citra dinyatakan terdapat gerakan (Threshold).
x = Posisi pixel terhadap sumbu x.
y = Posisi pixel terhadap sumbu y.
f = Array hasil perhitungan pendeteksian citra.
Terdapat dua metode yang dapat digunakan untuk menetapkan sebuah citra sebagai citra referensi. Metode yang pertama, citra referensi hanya diambil satu kali untuk pendeteksian seterusnya, sedangkan metode kedua, citra referensi diambil dari citra pembanding setiap kali citra pembanding telah lolos dari deteksi gerakan. Metode yang pertama digunakan apabila lingkungan yang dideteksi tidak ada perubahan cahaya selama proses deteksi gerakan berlangsung, misalnya di dalam ruangan.
Metode yang kedua digunakan apabila pencahayaan lingkungan yang dideteksi dapat berubah-ubah. Metode ini dapat digunakan pada lingkungan yang terpengaruh oleh cahaya matahari. Perubahan sinar matahari tidak dianggap sebagai gerakan karena perubahannya yang sangat lambat dan karena adanya variabel T1. Penggunaan metode kedua ini dapat berakibat tak terdeteksinya sebuah gerakan yang sangat lambat, metode ini hanya dapat mengenali perubahan yang ekstrim. Apabila proses pendeteksian termasuk untuk mendeteksi gerakan yang sangat lambat maka metode kedua ini tidak dapat digunakan, atau dapat digunakan tetapi dengan mengurangi nilai batas ambang T1, sehingga perubahan kecil dapat terdeteksi oleh sistem.
2.7Piksel
Piksel adalah unsur gambar atau representasi sebuah titik terkecil dalam sebuah gambar grafis yang dihitung per inci. Piksel sendiri berasal dari akronim bahasa Inggris Picture Element yang disingkat menjadi Pixel. Pada ujung tertinggi skala resolusi, mesin cetak gambar berwarna dapat menghasilkan hasil cetak yang memiliki lebih dari 2.500 titik per inci denga pilihan 16 juta warna lebih untuk setiap inci, dalam istilah komputer berarti gambar seluas satu inci persegi yang bisa ditampilkan pada tingkat resolusi tersebut sepadan dengan 150 juta bit informasi.
Monitor atau layar datar yang sering kita temui terdiri dari ribuan piksel yang terbagi dalam baris-baris dan kolom-kolom. Jumlah piksel yang terdapat dalam sebuah monitor dapat kita ketahui dari resolusinya. Resolusi maksimum yang disediakan oleh monitor adalah 1024x768, maka jumlah pixel yang ada dalam layar monitor tersebut adalah 786432 piksel. Semakin tinggi jumlah piksel yang tersedia dalam monitor, semakin tajam gambar yang mampu ditampilkan oleh monitor tersebut.
2.8Bitmap (BMP)
Bitmap adalah representasi dari citra grafis yang terdiri dari susunan titik yang tersimpan di memori komputer. Dikembangkan oleh Microsoft dan nilai setiap titik diawali oleh satu bit data untuk gambar hitam putih, atau lebih bagi gambar berwarna. Ukuran filenya sangat besar karena bisa mencapai ukuran Megabytes, file ini merupakan format yang belum terkompresi dan menggunakan sistem warna RGB (Red, Green, Blue) dimana masing-masing warna pixelnya
terdiri dari 3 komponen, R, G, dan B yang dicampur menjadi satu. File BMP dapat dibuka dengan berbagai macam software pembuka gambar seperti ACDSee, Paint, IrvanView dan lain-lain. File BMP tidak bisa (sangat jarang) digunakan di web (internet) karena ukurannya yang besar.
Gambar bitmap bisa disebut juga dengan gambar raster merupakan kumpulan kotak-kotak kecil (pixel). Titik-titik pixel tersebut ditempatkan pada lokasi-lokasi tertentu dengan nilai-nilai warna tersendiri yang secara keseluruhan akan membentuk sebuah tampilan. Gambar bertipe bitmap sesungguhnya adalah mozaik dari ribuan atau jutaan pixel. Ketika bekerja dengan gambar bitmap kita akan mengedit pixel-pixel yang merupakan bagian dari sebuah objek gambar.
2.9Metode RGB (Red, Green, Blue)
Metode warna ini dipakai untuk warna pendar atau warna layar yang berupa cahaya yang dipancarkan. Warna ini hampir mirip dengan teori warna dasar, tetapi menggunakan warna Hijau sebagai pengganti warna Kuning. Warna-warna lain dihasilkan dengan kombinasi dari 3 Warna-warna yaitu Merah, Hijau, dan Biru. Pada pemrograman berbasis text, misal xBase (dBase/FoxPro/Clipper), warna RGB ini didefinisikan dengan sangat sederhana yaitu dengan perintah dasar SET COLOR TO warnaRGB. Contoh: SET COLOR TO R: menghasilkan tulisan warna merah SET COLOR TO W/B: menghasilkan tulisan putih di atas latar Biru Dalam pemrograman xBase, kode warna yang dipakai adalah:
R = Red (Merah) G = Green (Hijau) B = Blue (Biru)
W = White (Putih)
N = None (tanpa warna atau Hitam)
Jika ingin membuat warna lebih menyala (bright), bisa ditambahkan tanda „+‟, misal R+ (merah terang) dan pemberian tanda „*‟ akan menghasilkan efek berkedip.
Pada pemrograman GUI, maka RGB memiliki spektrum yang lebih luas dibanding era text-based. Beberapa tools menggunakan RGB dengan nilai 0 s/d 255. Ada juga yang menggunan nilai hexadecimal dari nilai 00 sampai dengan FF. Perhatikan contoh berikut:
- RGB(255,0,0) akan menghasilkan warna merah sempurna
- RGB(255,0,255) akan menghasilkan warna violet (tetapi dalam RGB akan lebih mendekati pink)
- RGB(0,50,0) akan menghasilkan warna hijau gelap
Dalam hexadecimal, cara penentuan warna juga sama, misal warna merah dengan RGB(FF,00,00), warna biru dengan RGB(00,00,FF).
Pemberian nilai maksimal RGB, yaitu RGB(255,255,255) atau RGB(FF,FF,FF) akan menghasilkan warna putih. Sebaliknya pemberian nilai minimal RGB(0,0,0) akan menghasilkan warna hitam. Untuk menghasilkan warna abu-abu (Grey), cukup memberikan nilai yang sama pada unsur R,G, dan B. Jika nilainya kecil maka akan menghasilkan abu-abu gelap dan semakin besar nilainya akan menghasilkan warna abu-abu yang semakin terang. Misal: RGB(20,20,20) menghasilkan abu-abu gelap dan RGB(200,200,200) akan menghasilkan warna abu-abu yang lebih terang.
R G B hex font name solid color 255 250 250 FFFAFA snow 248 248 255 F8F8FF ghost white 248 248 255 F8F8FF GhostWhite 245 245 245 F5F5F5 white smoke 245 245 245 F5F5F5 WhiteSmoke 220 220 220 DCDCDC gainsboro 255 250 240 FFFAF0 floral white 255 250 240 FFFAF0 FloralWhite 253 245 230 FDF5E6 old lace 253 245 230 FDF5E6 OldLace 250 240 230 FAF0E6 linen 250 235 215 FAEBD7 antique white 250 235 215 FAEBD7 AntiqueWhite 255 239 213 FFEFD5 papaya whip 255 239 213 FFEFD5 PapayaWhip 255 235 205 FFEBCD blanched almond 255 235 205 FFEBCD BlanchedAlmond 255 228 196 FFE4C4 bisque 255 218 185 FFDAB9 peach puff 255 218 185 FFDAB9 PeachPuff 255 222 173 FFDEAD navajo white 255 222 173 FFDEAD NavajoWhite 255 228 181 FFE4B5 moccasin 255 248 220 FFF8DC cornsilk 255 255 240 FFFFF0 ivory 255 250 205 FFFACD lemon chiffon 255 250 205 FFFACD LemonChiffon 255 245 238 FFF5EE seashell 240 255 240 F0FFF0 honeydew 245 255 250 F5FFFA mint cream 245 255 250 F5FFFA MintCream 240 255 255 F0FFFF azure 240 248 255 F0F8FF alice blue 240 248 255 F0F8FF AliceBlue 230 230 250 E6E6FA lavender 255 240 245 FFF0F5 lavender blush 255 240 245 FFF0F5 LavenderBlush 255 228 225 FFE4E1 misty rose 255 228 225 FFE4E1 MistyRose 255 255 255 FFFFFF white
0 0 0 0 black
47 79 79 2F4F4F dark slate gray 47 79 79 2F4F4F DarkSlateGray 47 79 79 2F4F4F dark slate grey 47 79 79 2F4F4F DarkSlateGrey 105 105 105 696969 dim gray 105 105 105 696969 DimGray 105 105 105 696969 dim grey
105 105 105 696969 DimGrey 112 128 144 708090 slate gray 112 128 144 708090 SlateGray 112 128 144 708090 slate grey 112 128 144 708090 SlateGrey 119 136 153 778899 light slate gray 119 136 153 778899 LightSlateGray 119 136 153 778899 light slate grey 119 136 153 778899 LightSlateGrey 190 190 190 BEBEBE gray 190 190 190 BEBEBE grey 211 211 211 D3D3D3 light grey 211 211 211 D3D3D3 LightGrey 211 211 211 D3D3D3 light gray 211 211 211 D3D3D3 LightGray 25 25 112 191970 midnight blue 25 25 112 191970 MidnightBlue 0 0 128 80 navy 0 0 128 80 navy blue 0 0 128 80 NavyBlue 100 149 237 6495ED cornflower blue 100 149 237 6495ED CornflowerBlue 72 61 139 483D8B dark slate blue 72 61 139 483D8B DarkSlateBlue 106 90 205 6A5ACD slate blue 106 90 205 6A5ACD SlateBlue 123 104 238 7B68EE medium slate blue 123 104 238 7B68EE MediumSlateBlue 132 112 255 8470FF light slate blue 132 112 255 8470FF LightSlateBlue 0 0 205 0000CD medium blue 0 0 205 0000CD MediumBlue 65 105 225 4,17E+04 royal blue 65 105 225 4,17E+04 RoyalBlue 0 0 255 0000FF blue 30 144 255 1E90FF dodger blue 30 144 255 1E90FF DodgerBlue 0 191 255 00BFFF deep sky blue 0 191 255 00BFFF DeepSkyBlue 135 206 235 87CEEB sky blue 135 206 235 87CEEB SkyBlue 135 206 250 87CEFA light sky blue 135 206 250 87CEFA LightSkyBlue 70 130 180 4682B4 steel blue 70 130 180 4682B4 SteelBlue 176 196 222 B0C4DE light steel blue 176 196 222 B0C4DE LightSteelBlue 173 216 230 ADD8E6 light blue 173 216 230 ADD8E6 LightBlue
176 224 230 B0E0E6 powder blue 176 224 230 B0E0E6 PowderBlue 175 238 238 AFEEEE pale turquoise 175 238 238 AFEEEE PaleTurquoise 0 206 209 00CED1 dark turquoise 0 206 209 00CED1 DarkTurquoise 72 209 204 48D1CC medium turquoise 72 209 204 48D1CC MediumTurquoise 64 224 208 40E0D0 turquoise 0 255 255 00FFFF cyan 224 255 255 E0FFFF light cyan 224 255 255 E0FFFF LightCyan 95 158 160 5F9EA0 cadet blue 95 158 160 5F9EA0 CadetBlue 102 205 170 66CDAA medium aquamarine 102 205 170 66CDAA MediumAquamarine 127 255 212 7FFFD4 aquamarine 0 100 0 6400 dark green 0 100 0 6400 DarkGreen 85 107 47 556B2F dark olive green 85 107 47 556B2F DarkOliveGreen 143 188 143 8FBC8F dark sea green 143 188 143 8FBC8F DarkSeaGreen 46 139 87 2E8B57 sea green 46 139 87 2E8B57 SeaGreen 60 179 113 3CB371 medium sea green 60 179 113 3CB371 MediumSeaGreen 32 178 170 20B2AA light sea green 32 178 170 20B2AA LightSeaGreen 152 251 152 98FB98 pale green 152 251 152 98FB98 PaleGreen 0 255 127 00FF7F spring green 0 255 127 00FF7F SpringGreen 124 252 0 7CFC00 lawn green 124 252 0 7CFC00 LawnGreen 0 255 0 00FF00 green 127 255 0 7FFF00 chartreuse 0 250 154 00FA9A medium spring green 0 250 154 00FA9A MediumSpringGreen 173 255 47 ADFF2F green yellow 173 255 47 ADFF2F GreenYellow 50 205 50 32CD32 lime green 50 205 50 32CD32 LimeGreen 154 205 50 9ACD32 yellow green 154 205 50 9ACD32 YellowGreen 34 139 34 228B22 forest green 34 139 34 228B22 ForestGreen 107 142 35 6B8E23 olive drab 107 142 35 6B8E23 OliveDrab
189 183 107 BDB76B dark khaki 189 183 107 BDB76B DarkKhaki 240 230 140 F0E68C khaki 238 232 170 EEE8AA pale goldenrod 238 232 170 EEE8AA PaleGoldenrod 250 250 210 FAFAD2 light goldenrod yellow 250 250 210 FAFAD2 LightGoldenrodYellow 255 255 224 FFFFE0 light yellow 255 255 224 FFFFE0 LightYellow 255 255 0 FFFF00 yellow 255 215 0 FFD700 gold 238 221 130 EEDD82 light goldenrod 238 221 130 EEDD82 LightGoldenrod 218 165 32 DAA520 goldenrod 184 134 11 B8860B dark goldenrod 184 134 11 B8860B DarkGoldenrod 188 143 143 BC8F8F rosy brown 188 143 143 BC8F8F RosyBrown 205 92 92 CD5C5C indian red 205 92 92 CD5C5C IndianRed 139 69 19 8B4513 saddle brown 139 69 19 8B4513 SaddleBrown 160 82 45 A0522D sienna 205 133 63 CD853F peru 222 184 135 DEB887 burlywood 245 245 220 F5F5DC beige 245 222 179 F5DEB3 wheat 244 164 96 F4A460 sandy brown 244 164 96 F4A460 SandyBrown 210 180 140 D2B48C tan 210 105 30 D2691E chocolate 178 34 34 B22222 firebrick 165 42 42 A52A2A brown 233 150 122 E9967A dark salmon 233 150 122 E9967A DarkSalmon 250 128 114 FA8072 salmon 255 160 122 FFA07A light salmon 255 160 122 FFA07A LightSalmon 255 165 0 FFA500 orange 255 140 0 FF8C00 dark orange 255 140 0 FF8C00 DarkOrange 255 127 80 FF7F50 coral 240 128 128 F08080 light coral 240 128 128 F08080 LightCoral 255 99 71 FF6347 tomato 255 69 0 FF4500 orange red 255 69 0 FF4500 OrangeRed 255 0 0 FF0000 red 255 105 180 FF69B4 hot pink
255 105 180 FF69B4 HotPink 255 20 147 FF1493 deep pink 255 20 147 FF1493 DeepPink 255 192 203 FFC0CB pink 255 182 193 FFB6C1 light pink 255 182 193 FFB6C1 LightPink 219 112 147 DB7093 pale violet red 219 112 147 DB7093 PaleVioletRed 176 48 96 B03060 maroon 199 21 133 C71585 medium violet red 199 21 133 C71585 MediumVioletRed 208 32 144 D02090 violet red 208 32 144 D02090 VioletRed 255 0 255 FF00FF magenta 238 130 238 EE82EE violet 221 160 221 DDA0DD plum 218 112 214 DA70D6 orchid 186 85 211 BA55D3 medium orchid 186 85 211 BA55D3 MediumOrchid 153 50 204 9932CC dark orchid 153 50 204 9932CC DarkOrchid 148 0 211 9400D3 dark violet 148 0 211 9400D3 DarkViolet 138 43 226 8A2BE2 blue violet 138 43 226 8A2BE2 BlueViolet 160 32 240 A020F0 purple 147 112 219 9370DB medium purple 147 112 219 9370DB MediumPurple 216 191 216 D8BFD8 thistle 255 250 250 FFFAFA snow1 238 233 233 EEE9E9 snow2 205 201 201 CDC9C9 snow3 139 137 137 8B8989 snow4 255 245 238 FFF5EE seashell1 238 229 222 EEE5DE seashell2 205 197 191 CDC5BF seashell3 139 134 130 8B8682 seashell4 255 239 219 FFEFDB AntiqueWhite1 238 223 204 EEDFCC AntiqueWhite2 205 192 176 CDC0B0 AntiqueWhite3 139 131 120 8B8378 AntiqueWhite4 255 228 196 FFE4C4 bisque1 238 213 183 EED5B7 bisque2 205 183 158 CDB79E bisque3 139 125 107 8B7D6B bisque4 255 218 185 FFDAB9 PeachPuff1 238 203 173 EECBAD PeachPuff2 205 175 149 CDAF95 PeachPuff3 139 119 101 8B7765 PeachPuff4
255 222 173 FFDEAD NavajoWhite1 238 207 161 EECFA1 NavajoWhite2 205 179 139 CDB38B NavajoWhite3 139 121 94 8B795E NavajoWhite4 255 250 205 FFFACD LemonChiffon1 238 233 191 EEE9BF LemonChiffon2 205 201 165 CDC9A5 LemonChiffon3 139 137 112 8B8970 LemonChiffon4 255 248 220 FFF8DC cornsilk1 238 232 205 EEE8CD cornsilk2 205 200 177 CDC8B1 cornsilk3 139 136 120 8B8878 cornsilk4 255 255 240 FFFFF0 ivory1 238 238 224 EEEEE0 ivory2 205 205 193 CDCDC1 ivory3 139 139 131 8B8B83 ivory4 240 255 240 F0FFF0 honeydew1 224 238 224 E0EEE0 honeydew2 193 205 193 C1CDC1 honeydew3 131 139 131 838B83 honeydew4 255 240 245 FFF0F5 LavenderBlush1 238 224 229 EEE0E5 LavenderBlush2 205 193 197 CDC1C5 LavenderBlush3 139 131 134 8B8386 LavenderBlush4 255 228 225 FFE4E1 MistyRose1 238 213 210 EED5D2 MistyRose2 205 183 181 CDB7B5 MistyRose3 139 125 123 8B7D7B MistyRose4 240 255 255 F0FFFF azure1 224 238 238 E0EEEE azure2 193 205 205 C1CDCD azure3 131 139 139 838B8B azure4 131 111 255 836FFF SlateBlue1 122 103 238 7A67EE SlateBlue2 105 89 205 6959CD SlateBlue3 71 60 139 473C8B SlateBlue4 72 118 255 4876FF RoyalBlue1 67 110 238 436EEE RoyalBlue2 58 95 205 3A5FCD RoyalBlue3 39 64 139 27408B RoyalBlue4 0 0 255 0000FF blue1 0 0 238 0000EE blue2 0 0 205 0000CD blue3 0 0 139 00008B blue4 30 144 255 1E90FF DodgerBlue1 28 134 238 1C86EE DodgerBlue2 24 116 205 1874CD DodgerBlue3 16 78 139 104E8B DodgerBlue4 99 184 255 63B8FF SteelBlue1
92 172 238 5CACEE SteelBlue2 79 148 205 4F94CD SteelBlue3 54 100 139 36648B SteelBlue4 0 191 255 00BFFF DeepSkyBlue1 0 178 238 00B2EE DeepSkyBlue2 0 154 205 009ACD DeepSkyBlue3 0 104 139 00688B DeepSkyBlue4 135 206 255 87CEFF SkyBlue1 126 192 238 7EC0EE SkyBlue2 108 166 205 6CA6CD SkyBlue3 74 112 139 4A708B SkyBlue4 176 226 255 B0E2FF LightSkyBlue1 164 211 238 A4D3EE LightSkyBlue2 141 182 205 8DB6CD LightSkyBlue3 96 123 139 607B8B LightSkyBlue4 198 226 255 C6E2FF SlateGray1 185 211 238 B9D3EE SlateGray2 159 182 205 9FB6CD SlateGray3 108 123 139 6C7B8B SlateGray4 202 225 255 CAE1FF LightSteelBlue1 188 210 238 BCD2EE LightSteelBlue2 162 181 205 A2B5CD LightSteelBlue3 110 123 139 6E7B8B LightSteelBlue4 191 239 255 BFEFFF LightBlue1 178 223 238 B2DFEE LightBlue2 154 192 205 9AC0CD LightBlue3 104 131 139 68838B LightBlue4 224 255 255 E0FFFF LightCyan1 209 238 238 D1EEEE LightCyan2 180 205 205 B4CDCD LightCyan3 122 139 139 7A8B8B LightCyan4 187 255 255 BBFFFF PaleTurquoise1 174 238 238 AEEEEE PaleTurquoise2 150 205 205 96CDCD PaleTurquoise3 102 139 139 668B8B PaleTurquoise4 152 245 255 98F5FF CadetBlue1 142 229 238 8EE5EE CadetBlue2 122 197 205 7AC5CD CadetBlue3 83 134 139 53868B CadetBlue4 0 245 255 00F5FF turquoise1 0 229 238 00E5EE turquoise2 0 197 205 00C5CD turquoise3 0 134 139 00868B turquoise4 0 255 255 00FFFF cyan1 0 238 238 00EEEE cyan2 0 205 205 00CDCD cyan3 0 139 139 008B8B cyan4 151 255 255 97FFFF DarkSlateGray1 141 238 238 8DEEEE DarkSlateGray2
121 205 205 79CDCD DarkSlateGray3 82 139 139 528B8B DarkSlateGray4 127 255 212 7FFFD4 aquamarine1 118 238 198 76EEC6 aquamarine2 102 205 170 66CDAA aquamarine3 69 139 116 458B74 aquamarine4 193 255 193 C1FFC1 DarkSeaGreen1 180 238 180 B4EEB4 DarkSeaGreen2 155 205 155 9BCD9B DarkSeaGreen3 105 139 105 698B69 DarkSeaGreen4 84 255 159 54FF9F SeaGreen1 78 238 148 4EEE94 SeaGreen2 67 205 128 43CD80 SeaGreen3 46 139 87 2E8B57 SeaGreen4 154 255 154 9AFF9A PaleGreen1 144 238 144 90EE90 PaleGreen2 124 205 124 7CCD7C PaleGreen3 84 139 84 548B54 PaleGreen4 0 255 127 00FF7F SpringGreen1 0 238 118 00EE76 SpringGreen2 0 205 102 00CD66 SpringGreen3 0 139 69 008B45 SpringGreen4 0 255 0 00FF00 green1 0 238 0 00EE00 green2 0 205 0 00CD00 green3 0 139 0 008B00 green4 127 255 0 7FFF00 chartreuse1 118 238 0 76EE00 chartreuse2 102 205 0 66CD00 chartreuse3 69 139 0 458B00 chartreuse4 192 255 62 C0FF3E OliveDrab1 179 238 58 B3EE3A OliveDrab2 154 205 50 9ACD32 OliveDrab3 105 139 34 698B22 OliveDrab4 202 255 112 CAFF70 DarkOliveGreen1 188 238 104 BCEE68 DarkOliveGreen2 162 205 90 A2CD5A DarkOliveGreen3 110 139 61 6E8B3D DarkOliveGreen4 255 246 143 FFF68F khaki1 238 230 133 EEE685 khaki2 205 198 115 CDC673 khaki3 139 134 78 8B864E khaki4 255 236 139 FFEC8B LightGoldenrod1 238 220 130 EEDC82 LightGoldenrod2 205 190 112 CDBE70 LightGoldenrod3 139 129 76 8B814C LightGoldenrod4 255 255 224 FFFFE0 LightYellow1 238 238 209 EEEED1 LightYellow2 205 205 180 CDCDB4 LightYellow3
139 139 122 8B8B7A LightYellow4 255 255 0 FFFF00 yellow1 238 238 0 EEEE00 yellow2 205 205 0 CDCD00 yellow3 139 139 0 8B8B00 yellow4 255 215 0 FFD700 gold1 238 201 0 EEC900 gold2 205 173 0 CDAD00 gold3 139 117 0 8B7500 gold4 255 193 37 FFC125 goldenrod1 238 180 34 EEB422 goldenrod2 205 155 29 CD9B1D goldenrod3 139 105 20 8B6914 goldenrod4 255 185 15 FFB90F DarkGoldenrod1 238 173 14 EEAD0E DarkGoldenrod2 205 149 12 CD950C DarkGoldenrod3 139 101 8 8B6508 DarkGoldenrod4 255 193 193 FFC1C1 RosyBrown1 238 180 180 EEB4B4 RosyBrown2 205 155 155 CD9B9B RosyBrown3 139 105 105 8B6969 RosyBrown4 255 106 106 FF6A6A IndianRed1 238 99 99 EE6363 IndianRed2 205 85 85 CD5555 IndianRed3 139 58 58 8B3A3A IndianRed4 255 130 71 FF8247 sienna1 238 121 66 EE7942 sienna2 205 104 57 CD6839 sienna3 139 71 38 8B4726 sienna4 255 211 155 FFD39B burlywood1 238 197 145 EEC591 burlywood2 205 170 125 CDAA7D burlywood3 139 115 85 8B7355 burlywood4 255 231 186 FFE7BA wheat1 238 216 174 EED8AE wheat2 205 186 150 CDBA96 wheat3 139 126 102 8B7E66 wheat4 255 165 79 FFA54F tan1 238 154 73 EE9A49 tan2 205 133 63 CD853F tan3 139 90 43 8B5A2B tan4 255 127 36 FF7F24 chocolate1 238 118 33 EE7621 chocolate2 205 102 29 CD661D chocolate3 139 69 19 8B4513 chocolate4 255 48 48 FF3030 firebrick1 238 44 44 EE2C2C firebrick2 205 38 38 CD2626 firebrick3 139 26 26 8B1A1A firebrick4
255 64 64 FF4040 brown1 238 59 59 EE3B3B brown2 205 51 51 CD3333 brown3 139 35 35 8B2323 brown4 255 140 105 FF8C69 salmon1 238 130 98 EE8262 salmon2 205 112 84 CD7054 salmon3 139 76 57 8B4C39 salmon4 255 160 122 FFA07A LightSalmon1 238 149 114 EE9572 LightSalmon2 205 129 98 CD8162 LightSalmon3 139 87 66 8B5742 LightSalmon4 255 165 0 FFA500 orange1 238 154 0 EE9A00 orange2 205 133 0 CD8500 orange3 139 90 0 8B5A00 orange4 255 127 0 FF7F00 DarkOrange1 238 118 0 EE7600 DarkOrange2 205 102 0 CD6600 DarkOrange3 139 69 0 8B4500 DarkOrange4 255 114 86 FF7256 coral1 238 106 80 EE6A50 coral2 205 91 69 CD5B45 coral3 139 62 47 8B3E2F coral4 255 99 71 FF6347 tomato1 238 92 66 EE5C42 tomato2 205 79 57 CD4F39 tomato3 139 54 38 8B3626 tomato4 255 69 0 FF4500 OrangeRed1 238 64 0 EE4000 OrangeRed2 205 55 0 CD3700 OrangeRed3 139 37 0 8B2500 OrangeRed4 255 0 0 FF0000 red1 238 0 0 EE0000 red2 205 0 0 CD0000 red3 139 0 0 8B0000 red4 255 20 147 FF1493 DeepPink1 238 18 137 EE1289 DeepPink2 205 16 118 CD1076 DeepPink3 139 10 80 8B0A50 DeepPink4 255 110 180 FF6EB4 HotPink1 238 106 167 EE6AA7 HotPink2 205 96 144 CD6090 HotPink3 139 58 98 8B3A62 HotPink4 255 181 197 FFB5C5 pink1 238 169 184 EEA9B8 pink2 205 145 158 CD919E pink3 139 99 108 8B636C pink4 255 174 185 FFAEB9 LightPink1
238 162 173 EEA2AD LightPink2 205 140 149 CD8C95 LightPink3 139 95 101 8B5F65 LightPink4 255 130 171 FF82AB PaleVioletRed1 238 121 159 EE799F PaleVioletRed2 205 104 137 CD6889 PaleVioletRed3 139 71 93 8B475D PaleVioletRed4 255 52 179 FF34B3 maroon1 238 48 167 EE30A7 maroon2 205 41 144 CD2990 maroon3 139 28 98 8B1C62 maroon4 255 62 150 FF3E96 VioletRed1 238 58 140 EE3A8C VioletRed2 205 50 120 CD3278 VioletRed3 139 34 82 8B2252 VioletRed4 255 0 255 FF00FF magenta1 238 0 238 EE00EE magenta2 205 0 205 CD00CD magenta3 139 0 139 8B008B magenta4 255 131 250 FF83FA orchid1 238 122 233 EE7AE9 orchid2 205 105 201 CD69C9 orchid3 139 71 137 8B4789 orchid4 255 187 255 FFBBFF plum1 238 174 238 EEAEEE plum2 205 150 205 CD96CD plum3 139 102 139 8B668B plum4 224 102 255 E066FF MediumOrchid1 209 95 238 D15FEE MediumOrchid2 180 82 205 B452CD MediumOrchid3 122 55 139 7A378B MediumOrchid4 191 62 255 BF3EFF DarkOrchid1 178 58 238 B23AEE DarkOrchid2 154 50 205 9A32CD DarkOrchid3 104 34 139 68228B DarkOrchid4 155 48 255 9B30FF purple1 145 44 238 912CEE purple2 125 38 205 7D26CD purple3 85 26 139 551A8B purple4 171 130 255 AB82FF MediumPurple1 159 121 238 9F79EE MediumPurple2 137 104 205 8968CD MediumPurple3 93 71 139 5D478B MediumPurple4 255 225 255 FFE1FF thistle1 238 210 238 EED2EE thistle2 205 181 205 CDB5CD thistle3 139 123 139 8B7B8B thistle4 0 0 0 0 gray0 0 0 0 0 grey0
3 3 3 30303 gray1 3 3 3 30303 grey1 5 5 5 50505 gray2 5 5 5 50505 grey2 8 8 8 80808 gray3 8 8 8 80808 grey3 10 10 10 0A0A0A gray4 10 10 10 0A0A0A grey4 13 13 13 0D0D0D gray5 13 13 13 0D0D0D grey5 15 15 15 0F0F0F gray6 15 15 15 0F0F0F grey6 18 18 18 121212 gray7 18 18 18 121212 grey7 20 20 20 141414 gray8 20 20 20 141414 grey8 23 23 23 171717 gray9 23 23 23 171717 grey9 26 26 26 1A1A1A gray10 26 26 26 1A1A1A grey10 28 28 28 1C1C1C gray11 28 28 28 1C1C1C grey11 31 31 31 1F1F1F gray12 31 31 31 1F1F1F grey12 33 33 33 212121 gray13 33 33 33 212121 grey13 36 36 36 242424 gray14 36 36 36 242424 grey14 38 38 38 262626 gray15 38 38 38 262626 grey15 41 41 41 292929 gray16 41 41 41 292929 grey16 43 43 43 2B2B2B gray17 43 43 43 2B2B2B grey17 46 46 46 2E2E2E gray18 46 46 46 2E2E2E grey18 48 48 48 303030 gray19 48 48 48 303030 grey19 51 51 51 333333 gray20 51 51 51 333333 grey20 54 54 54 363636 gray21 54 54 54 363636 grey21 56 56 56 383838 gray22 56 56 56 383838 grey22 59 59 59 3B3B3B gray23 59 59 59 3B3B3B grey23 61 61 61 3D3D3D gray24 61 61 61 3D3D3D grey24 64 64 64 404040 gray25
64 64 64 404040 grey25 66 66 66 424242 gray26 66 66 66 424242 grey26 69 69 69 454545 gray27 69 69 69 454545 grey27 71 71 71 474747 gray28 71 71 71 474747 grey28 74 74 74 4A4A4A gray29 74 74 74 4A4A4A grey29 77 77 77 4D4D4D gray30 77 77 77 4D4D4D grey30 79 79 79 4F4F4F gray31 79 79 79 4F4F4F grey31 82 82 82 525252 gray32 82 82 82 525252 grey32 84 84 84 545454 gray33 84 84 84 545454 grey33 87 87 87 575757 gray34 87 87 87 575757 grey34 89 89 89 595959 gray35 89 89 89 595959 grey35 92 92 92 5C5C5C gray36 92 92 92 5C5C5C grey36 94 94 94 5E5E5E gray37 94 94 94 5E5E5E grey37 97 97 97 616161 gray38 97 97 97 616161 grey38 99 99 99 636363 gray39 99 99 99 636363 grey39 102 102 102 666666 gray40 102 102 102 666666 grey40 105 105 105 696969 gray41 105 105 105 696969 grey41 107 107 107 6B6B6B gray42 107 107 107 6B6B6B grey42 110 110 110 6E6E6E gray43 110 110 110 6E6E6E grey43 112 112 112 707070 gray44 112 112 112 707070 grey44 115 115 115 737373 gray45 115 115 115 737373 grey45 117 117 117 757575 gray46 117 117 117 757575 grey46 120 120 120 787878 gray47 120 120 120 787878 grey47 122 122 122 7A7A7A gray48 122 122 122 7A7A7A grey48 125 125 125 7D7D7D gray49 125 125 125 7D7D7D grey49
127 127 127 7F7F7F gray50 127 127 127 7F7F7F grey50 130 130 130 828282 gray51 130 130 130 828282 grey51 133 133 133 858585 gray52 133 133 133 858585 grey52 135 135 135 878787 gray53 135 135 135 878787 grey53 138 138 138 8A8A8A gray54 138 138 138 8A8A8A grey54 140 140 140 8C8C8C gray55 140 140 140 8C8C8C grey55 143 143 143 8F8F8F gray56 143 143 143 8F8F8F grey56 145 145 145 919191 gray57 145 145 145 919191 grey57 148 148 148 949494 gray58 148 148 148 949494 grey58 150 150 150 969696 gray59 150 150 150 969696 grey59 153 153 153 999999 gray60 153 153 153 999999 grey60 156 156 156 9C9C9C gray61 156 156 156 9C9C9C grey61 158 158 158 9E9E9E gray62 158 158 158 9E9E9E grey62 161 161 161 A1A1A1 gray63 161 161 161 A1A1A1 grey63 163 163 163 A3A3A3 gray64 163 163 163 A3A3A3 grey64 166 166 166 A6A6A6 gray65 166 166 166 A6A6A6 grey65 168 168 168 A8A8A8 gray66 168 168 168 A8A8A8 grey66 171 171 171 ABABAB gray67 171 171 171 ABABAB grey67 173 173 173 ADADAD gray68 173 173 173 ADADAD grey68 176 176 176 B0B0B0 gray69 176 176 176 B0B0B0 grey69 179 179 179 B3B3B3 gray70 179 179 179 B3B3B3 grey70 181 181 181 B5B5B5 gray71 181 181 181 B5B5B5 grey71 184 184 184 B8B8B8 gray72 184 184 184 B8B8B8 grey72 186 186 186 BABABA gray73 186 186 186 BABABA grey73 189 189 189 BDBDBD gray74
189 189 189 BDBDBD grey74 191 191 191 BFBFBF gray75 191 191 191 BFBFBF grey75 194 194 194 C2C2C2 gray76 194 194 194 C2C2C2 grey76 196 196 196 C4C4C4 gray77 196 196 196 C4C4C4 grey77 199 199 199 C7C7C7 gray78 199 199 199 C7C7C7 grey78 201 201 201 C9C9C9 gray79 201 201 201 C9C9C9 grey79 204 204 204 CCCCCC gray80 204 204 204 CCCCCC grey80 207 207 207 CFCFCF gray81 207 207 207 CFCFCF grey81 209 209 209 D1D1D1 gray82 209 209 209 D1D1D1 grey82 212 212 212 D4D4D4 gray83 212 212 212 D4D4D4 grey83 214 214 214 D6D6D6 gray84 214 214 214 D6D6D6 grey84 217 217 217 D9D9D9 gray85 217 217 217 D9D9D9 grey85 219 219 219 DBDBDB gray86 219 219 219 DBDBDB grey86 222 222 222 DEDEDE gray87 222 222 222 DEDEDE grey87 224 224 224 E0E0E0 gray88 224 224 224 E0E0E0 grey88 227 227 227 E3E3E3 gray89 227 227 227 E3E3E3 grey89 229 229 229 E5E5E5 gray90 229 229 229 E5E5E5 grey90 232 232 232 E8E8E8 gray91 232 232 232 E8E8E8 grey91 235 235 235 EBEBEB gray92 235 235 235 EBEBEB grey92 237 237 237 EDEDED gray93 237 237 237 EDEDED grey93 240 240 240 F0F0F0 gray94 240 240 240 F0F0F0 grey94 242 242 242 F2F2F2 gray95 242 242 242 F2F2F2 grey95 245 245 245 F5F5F5 gray96 245 245 245 F5F5F5 grey96 247 247 247 F7F7F7 gray97 247 247 247 F7F7F7 grey97 250 250 250 FAFAFA gray98 250 250 250 FAFAFA grey98
252 252 252 FCFCFC gray99 252 252 252 FCFCFC grey99 255 255 255 FFFFFF gray100 255 255 255 FFFFFF grey100 169 169 169 A9A9A9 dark grey 169 169 169 A9A9A9 DarkGrey 169 169 169 A9A9A9 dark gray 169 169 169 A9A9A9 DarkGray 0 0 139 00008B dark blue 0 0 139 00008B DarkBlue 0 139 139 008B8B dark cyan 0 139 139 008B8B DarkCyan 139 0 139 8B008B dark magenta 139 0 139 8B008B DarkMagenta 139 0 0 8B0000 dark red 139 0 0 8B0000 DarkRed 144 238 144 90EE90 light green 144 238 144 90EE90 LightGreen
Tabel 2.1. Tabel warna RGB
2.10 Video
Video adalah teknologi untuk menangkap, merekam, memproses, mentransmisikan dan menata ulang gambar bergerak. Biasanya menggunakan film seluloid, sinyal elektronik, atau media digital. Berkaitan dengan “penglihatan dan pendengaran” Aplikasi video pada multimedia mencakup banyak aplikasi
Entertainment: roadcast TV, VCR/DVD recording
Interpersonal: video telephony, video conferencing
Interactive: windows
Digital video adalah jenis sistem video recording yang bekerja menggunakan sistem digital dibandingkan dengan analog dalam hal representasi
videonya. Biasanya digital video direkam dalam tape, kemudian didistribusikan melalui optical disc, misalnya VCD dan DVD.
Salah satu alat yang dapat digunakan untuk menghasilkan video digital adalah Webcam, yang digunakan untuk merekam gambar-gambar video dan audio, sehingga sebuah Webcam akan terdiri dari camera dan recorder.
2.11 Number of frames per second
Frame rate adalah jumlah gambar per satuan unit waktu pada video, berkisar antara 6 atau 8 fps (frame/s = frame per detik) untuk kamera mekanis tipe lama atau 120 fps atau lebih untuk kamera profesional jenis baru. PAL (Eropa, Asia, Australia, dan lain-lain) dan SECAM (Perancis, Rusia, Africa, dan lain-lain) spesikasi standarnya 25 fps, sedangkan NTSC (USA, Kanada, Jepang, dan lain-lain) berkisar 29.97 fps sehingga mengurangi kompleksitas pada saat mentransfer gambar bergerak menjadi video. Minimum frame yang dibutuhkan untuk mendapatkan ilusi gambar yang bergerak adalah sekitar 15 fps.
2.12 Bit rate
Bit rate adalah ukuran dari rata-rata besarnya informasi yang terdapat dalam stream video. Hal ini diukur dengan bps (bit per second) atau mbps (megabits per second). Semakin tinggi bit rate maka semakin bagus kualitas videonya. Sebagai contoh VideoCD, dengan bit rate 5 mbps. HDTV masih memiliki kualitas yang lebih baik, dengan bit rate sekitar 20 mbps.
Variable bit rate (VBR) adalah strategi untuk memaksimalkan kualitas video dan meminimalisir bit rate. Dalam gerak cepat, variable bit rate yang
digunakan akan lebih banyak daripada pada saat gerak lambat dengan durasi yang sama untuk kualitas tampilan yang konsisten. Untuk real-time dan non-buffered video streaming pada bandwith yang tetap (seperti video conference yang dikirimkan pada bandwith yang tetap) harus menggunakan constant bit rate (CBR).
2.13 WAV
WAV adalah singkatan dari istilah dalam bahasa Inggris waveform audio format merupakan standar format berkas audio yang dikembangkan oleh Microsoft dan IBM. WAV merupakan varian dari format bitstream RIFF dan mirip dengan format IFF dan AIFF yang digunakan komputer Amiga dan Macintosh. Baik WAV maupun AIFF kompatibel dengan sistem operasi Windows dan Macintosh.
Wav merupakan bentuk format file suara tanpa kompresi. Format ini menyimpan semua detil suara yang biasanya berupa dua kanal suara, 44100hz sampling rate, 16 bit setiap sample. Wav biasanya menyimpan format PCM yang juga merupakan format standar audio untuk CD. Tetapi audio CD tidak memakai format wav melainkan memakai red book audio format. Tetapi karena memakai format PCM maka data yang disimpan sama hanya berbeda pada headernya.
2.14 MPEG (Motion Picture Expert Group)
MPEG adalah singkatan dari Moving Picture Expert Group yang digunakan sebagai standar pengkodean citra bergerak. MPEG dikembangkan oleh sebuah group yang bernama Motion Picture Expert Group.
MPEG-1 merupakan salah satu dari format standar MPEG yang digunakan dalam pengompresan suara dan gambar dalam video CD. MPEG-1 juga mendukung format audio yang biasa kita ketahui dengan ekstensi mp1, mp2 dan mp3. MPEG-1 didesain dengan tujuan untuk kompresi dan penyimpanan program-program video (1,5 Mbps). Salah satu aplikasinya adalah untuk komputer desktop dengan CD-ROM video (aplikasi-aplikasi video interaktif yang disimpan), namun ia juga digunakan dalam sistem-sistem broadcast satelit digital permulaan.
MPEG-2 penggunaannya ditujukan pada transmisi-transmisi TV dan aplikasi-aplikasi lainnya yang memiliki kemampuan sampai 6 Mbps.
Sementara itu, yang lebih maju lagi yakni MPEG-4 untuk penyandian laju bit yang sangat rendah dijadwalkan tersedia dalam bentuk draft di tahun 1997 ini. MPEG-4 lebih mengacu pada bahasa komunikasi umum untuk mendeskripsikan peralatan-peralatan (tool), algoritma-algoritma, dan profil-profil yang dibutuhkan untuk penyandian obyek-obyek, ketimbang masalah penstandarisasian sebuah algoritma penyandian.
2.15 Perangkat Lunak
2.15.1 Definisi
a. Intruksi atau program komputer yang ketika di eksekusi melakukan
peformansi dan fungsi yang diinginkan.
b. Struktur data yang memungkinkan memanipulasi informasi dengan baik.
c. Merupakan program – program komputer dan dokumentasi yang
d. Produk perangkat lunak di buat untuk pelanggan tertentu ataupun untuk pasar umum.
e. Dokumen yang menggambarkan operasi kegunaaan program.
2.15.2 Rekayasa Perangkat Lunak
a. Adalah suatu disiplin rekayasa yang berkonsentrasi terhadap seluruh aspek
produksi perangkat lunak.
b. Mengadopsi pendekatan yang sistematis dan terorganisir terhadap
pekerjaannya dan menggunakan tool yang sesuai serta teknik yang ditentukan berdasarkan masalah yang akan dipecahkan, kendala pengembangan dan sumber daya yang tersedia.
2.16 Pemodelan Perangkat Lunak
Pemodelan dalam perangkat lunak merupakan suatu yang harus dikerjakan di bagian awal dari rekayasa, dan pemodelan ini akan mempengaruhi perkerjaan-pekerjaan dalam rekayasa perangkat lunak tersebut. Model proses perangkat lunak masih menjadi objek penelitian, namun pada saat ini terdapat banyak model umum atau paradigma yang berbeda dari pengembangan perangkat lunak. Salah satu model yang digunakan dalam pengembangan rekayasa perangkat lunak adalah model Waterfall.
Pendekatan model Waterfall berisi rangkaian aktivitas proses yang disajikan dalam proses yang terpisah, seperti spesifikasi kebutuhan, implementasi desain perangkat lunak, uji coba dan sebagainya. Setelah setiap langkah didefinisikan,
pengembangan pada langkah berikutnya. Berikut di bawah ini rangkaian aktivitas proses dalam model Waterfall :
Gambar 2.1 Model Waterfall
a. Rekayasa Sistem dan Pemodelan Sistem
Karena sistem merupakan bagian dari sebuah sistem yang lebih besar, kerja dimulai dengan membangun syarat dari semua elemen sistem dan mengalokasikan beberapa subset dari kebutuhan ke software tersebut. Pandangan sistem ini penting ketika software harus berhubungan dengan elemen-elemen yang lain seperti software, manusia, dan database. Rekayasa dan anasisis system menyangkut pengumpulan kebutuhan pada tingkat sistem dengan sejumlah kecilanalisis serta disain tingkat puncak. Rekayasa informasi mancakup juga pengumpulan kebutuhan pada tingkat bisnis strategis dan tingkat area bisnis.
b. Analisa Kebutuhan
Proses pengumpulan kebutuhan diintensifkan dan difokuskan, khusunya pada software. Untuk memahami sifat program yang dibangun,
analis harus memahami domain informasi, tingkah laku, unjuk kerja, dan interface yang diperlukan. Kebutuhan baik untuk sistem maupun software didokumentasikan dan dilihat lagi dengan pelanggan
c. Desain
Desain software sebenarnya adalah proses multi langkah yang berfokus pada empat atribut sebuah program yang berbeda, struktur data, arsitektur software, representasi interface, dan detail (algoritma) prosedural. Proses desain menterjemahkan syarat/kebutuhan ke dalam sebuah representasi software yang dapat diperkirakan demi kualitas sebelum dimulai pemunculan kode. Sebagaimana persyaratan, desain didokumentasikan dan menjadi bagiandari konfigurasi software.
d. Coding
Desain harus diterjemahkan kedalam bentuk mesin yang bisa dibaca. Langkah pembuatan kode melakukan tugas ini. Jika desain dilakukan dengan cara yang lengkap, pembuatan kode dapat diselesaikan secara mekanis.
e. Pengujian
Sekali program dibuat, pengujian program dimulai. Proses pengujian berfokus pada logika internal software, memastikan bahwa semua pernyataan sudah diuji, dan pada eksternal fungsional, yaitu mengarahkan pengujian untuk menemukan kesalahan – kesalahan dan memastikan bahwa inputyang dibatasi akan memberikan hasil aktual yang sesuai dengan hasil yang diharapkan.
f. Pemeliharaan
Software akan mengalami perubahan setelah disampaikan kepada pelanggan (perkecualian yang mungkin adalah software yang dilekatkan). Perubahan akan terjadi karena kesalahan – kesalahan ditentukan, karena software harus disesuaikan untuk mengakomodasi perubahan – perubahan di dalam lingkungan eksternalnya (contohnya perubahan yang dibutuhkan sebagai akibat dari perangkat peripheral atau sistem operasi yang baru), atau karena pelanggan membutuhkan perkembangan fungsional atau unjuk kerja. Pemeliharaan software mengaplikasikan lagi setiap fase program sebelumnya dan tidak membuat yang baru lagi.
2.17 UML (Unified Modeling Language)
Secara umum UML merupakan „bahasa‟ untuk visualisasi, spesifikasi, konstruksi, serta dokumentasi. Dalam kerangka visualisasi, para
pengembang menggunakan UML sebagai suatu cara untuk
mengkomunikasikan idenya kepada para pemrogram serta calom pengguna sistem/perangkat lunak. Dengan adanya „bahasa‟ yang bersifat standar, komunikasi perancang dengan pemrogram (lebih cepat lagi: komunikasi antar anggota kelompok pengembang) serta calon pengguna diharapkan menjadi mulus.
Dalam kerangka spesifikasi, UML menyediakan model-model yang tepat, tidak mendua-arti (ambigu), serta lengkap. Secara khusus, UML menspesifikasi langkah-langkah penting dalam pengambilan keputusan ananisis, perancangan, serta implementasi dalam sistem yang sangat
bernuansa perangkat lunak (software intensive system). Dalam hal ini, UML bukanlah merupakan bahasa pemrograman tetapi model-model yang tercipta berhubungan langsung dengan berbagai macam bahasa pemrograman, sehingga adalah mungkin melakukan pemetaan (mapping) langsung dari model-model yang dibuat dengan UML ke bahasa-bahasa pemrograman berorientasi objek –katakanlah Java, Borland Delphi, Visual BASIC, C++, dan lain-lain. Pemetaan ini bersifat 2 arah: generasi bahasa pemrograman tertentu dari UML (forward engineering).
UML adalah bahasa spesifikasi standar untuk mendokumentasikan, menspesifikasikan, dan membangun sistem perangkat lunak. Diagram-diagram UML terbagi menjadi tiga kategori:
a. Structural Diagram: Digunakan untuk menampilkan entiti dunia nyata, elemen dari analisa dan desain, atau implementasi class dan relasinya.
b. Behavioral Diagram: kita menggunakan behavioral diagram untuk
menampilkan bagaimana sistem kita merespon permintaan atau apa saja seiring waktu.
c. Interaction diagram: merupakan tipe dari behavioral diagram. Kita menggunakan interaction diagram untuk melukiskan perubahan dari pesan dalam suatu kolaborasi (kumpulan dari object-object yang sama) sehingga tujuan bisa tercapai.
Karena UML sangatlah fleksibel, kita akan menjumpai berbagai cara dalam mengkategorikan diagram kita. Pohon kategori di bawah ini cukup terkenal :
1. Static diagram: Menampilkan fitur statis dari sistem. Kategori ini hampir sama dengan structural diagram.
2. Dynamic diagram: Menampilkan bagaimana proses perubahan yang terjadi dalam sistem sepanjang waktu. Kategori ini mencakup UML state-machine diagram dan timing diagram.
3. Functional diagram: Menampilkan detail dari proses dan algoritma. Kategori ini mencakup use case, interaction, dan activity diagram.
2.18 Analisa dan Perancangan Berorientasi Obyek
Analisa dan perancangan berorientasi obyek berarti merumuskan dan menyelesaikan masalah serta menghasilkan suatu hipotesa atau diagnosa (solusi), memodelkannya dengan pendekatan/ paradigma obyek (obyek adalah riil punya atribut/data dan perilaku). Kegiatan-kegiatan yang dilakukan dalam tahap analisa berorientasi obyek adalah sebagai berikut:
a. Menganalisa sistem yang ada dan mempelajari apa yang dikerjakan oleh sistem yang ada.
b. Menspesifikasikan sistem yaitu menspesifikasikan masukan yang digunakan database yang ada, proses yang dilakukan dan keluaran yang dihasilkan.
Pendekatan-pendekatan yang digunakan dalam analisa berorientasi obyek adalah sebagai berikut :
a. Pendekatan top down yaitu memecahkan masalah ke dalam bagian-bagian terkecil atau perlevel sehingga mudah untuk diselesaikan.
b. Pendekatan modul yaitu membagi sistem ke dalam modul-modul yang dapat beroperasi tanpa ketergantungan.
c. Penggunaan alat-alat bantu dalam bentuk grafik dan teks sehingga mudah untuk mengerti serta dapat dikoreksi apabila terjadi perubahan.
Pendekatan dalam analisa berorientasi obyek dilengkapi dengan alat-alat dan teknik-teknik yang dibutuhkan dalam pengembangan sistem, sehingga hasil akhir dari sistem yang dikembangkan akan didapatkan sistem yang terdefinisi dengan baik dan jelas. Alat bantu yang digunakan dalam analisa berorientasi obyek sebagai berikut:
Berikut ini adalah notasi diagram use case :
a. Diagram Use Case (Use Case Diagram)
Use case adalah deskripsi fungsi dari sebuah sistem dari perspektif/sudut pandang para pengguna sistem. Use case mendefinisikan “apa” yang dilakukan oleh sistem dan elemen-elemennya, bukan “bagaimana” sistem dan elemen-elemennya saling berinteraksi. Use case bekerja dengan menggunakan “scenario”, yaitu deskripsi urutan-urutan langkah yang menerangkan apa yang dilakukan penggunan terhadap sistem maupun sebaliknya. Use case diagram mengidentifikasikan fungsionalitas yang dipunyai oleh sistem (usecase), user yang berinteraksi dengan sistem (actor) dan asosiasi/keterhubungan antara user dengan fungsionalitas sistem. Komponen notasi dasar yang dipunyai oleh use-case diagram adalah actor, use-case, dan association. Berikut adalah notasi yang terdapat pada use-case diagram :
Tabel 2.2. Notasi Use Case Diagram
Notasi Nama Simbol Keterangan
Aktor Menggambarkan seseorang atau sesuatu yang berinteraksi dengan sistem yang akan dikembangkan Use Case Gambaran dari perilaku (behavior)
sistem serangkaian kegiatan dalam bentuk dialog yang dilakukan oleh sistem.
Arus Menggambarkan aliran data.
Gambar 2.7. Use Case Diagram
b. Diagram Aktivitas (Activity Diagram)
Activity diagram digunakan untuk mendokumentasikan alur kerja pada sebuah sistem, yang dimulai dari pandangan business level hingga ke operational level. Pada dasarnya, activity diagram merupakan variasi dari statechart diagram. Activity diagram mempunyai peran seperti halnya
flowchart, akan tetapi perbedaannya dengan flowchart adalah activity diagram bisa mendukung perilaku parallel sedangkan flowchart tidak bisa. Berikut adalah notasi activity diagram :
Tabel 2.3. Notasi Activity Diagram
Notasi Nama Simbol Keterangan
Start Point Diletakan pojok kiri atas dan merupakan awal aktivitas.
End Point Akhir aktivitas
Activity Menggambarkan proses bisnis dan dikenal sebagai activity state
c. Diagram Urutan (Sequence Diagram)
Sequence diagram mendokumentasikan komunikasi/ interaksi antar kelas-kelas. Diagram ini menunjukkan sejumlah obyek dan message (pesan) yang diletakkan diantara obyek-obyek didalam use case. Perlu diingat bahwa di dalam diagram ini, kelas-kelas dan aktor-aktor diletakkan dibagian atas diagram dengan urutan dari kiri ke kanan dengan garis lifeline yang diletakkan secara vertikal terhadap kelas dan aktor. Berikut adalah komponen-komponen dalam Sequence Diagram diantaranya :
a. Boundary
Kelas Boundary memodelkan bagian dari sistem yang bergantung pada pihak lain disekitarnya dan merupakan pembatas sistem dengan dunia luar, contohnya user interace communication protocol, printer, sensor, dll. b. Control
Kelas control mengkoordinasikan perilaku sistem dan menggambarkan dinamika dari suatu sistem, menangani tugas utama dan mengontrol alur kerja suatu sistem
c. Entity
Kelas Entity memodelkan informasi yang harus disimpan oleh sistem. d. Messages
Menunjukan arah messages. Yang di gambarkan dengan garis panah terbuka.
Sebuah messages yang dikirim dimana pengirim tidak perlu menunggu hasil dari sebuah message. Biasanya digunakan untuk mengirim message ke hardware/ software service. Digambarkan dengan partial arrowhead. f. Return values
Menggambarkan hasil dari pengiriman messages, digambarkan dengan garis panah terputus.
g. Object lifelines
Menggambarkan hasil pengiriman rentang/ masa hidup objek. Digambarkan dengan garis terputus yang bergantung pada boundary/ control/ entity. Berikut ini adalah notasi dari diagram urutan:
Tabel 2.4. Notasi Sequence Diagram
Notasi Nama Simbol Keterangan
Activation Menambahkan periode selama actor atau obyek sedang melakukan tindakan
message() Message Pengiriman pesan
Lifeline Menambahkan permulaan dan menghentikan titik dari suatu obyek
Object
Object Lifeline Menambahkan keberadaan dari obyek pada situasi tertentu
Control Mengontrol aktivitas-aktivitas yang dilakukan oleh sebuah kegiatan Boundary Menghubungkan user dengan sistem
Entity Entitas yang mempunyai atribut yang memiliki data yang bisa direkam
2.19 Flowchart
Flowchart adalah penggambaran secara grafik dari langkah-langkah dan urut-urutan prosedur dari suatu program. Flowchart menolong analis dan programmer untuk memecahkan masalah kedalam segmen-segmen yang lebih kecil dan menolong dalam menganalisis alternatif-alternatif lain dalam pengoperasian.
2.19.1 Flowchart Program
Flowchart Program merupakan keterangan yang lebih rinci tentang bagaimana setiap langkah program atau prosedur sesungguhnya dilaksanakan. Flowchart ini menunjukkan setiap langkah program atau prosedur dalam urutan yang tepat saat terjadi.
Programmer menggunakan flowchart program untuk menggambarkan urutan instruksi dari program komputer.
Analis Sistem menggunakan flowchart program untuk menggambarkan urutan tugas-tugas pekerjaan dalam suatu prosedur atau operasi.
Suatu contoh flowchart program dapat dilihat pada Gambar 2.10. berikut ini :
Gambar 2.10. Flowchart Program
2.19.2 Simbol-Simbol Flowchart
Simbol-simbol flowchart yang biasanya dipakai adalah simbol-simbol flowchart standar yang dikeluarkan oleh ANSI dan ISO.
Simbol-simbol ini dapat dilihat pada Gambar 2.11. Simbol Flowchart Standar berikut ini :
Gambar 2.15. Lanjutan Simbol Flowchart
2.20 Uji Coba Black Box
Uji coba fungsional atau uji coba Kotak hitam ( Black Box ) merupakan pendekatan pangujian yang ujinya dturunkan dari spesifikasi program atau komponen.
Sistem merupakan kotak hitam yang perilakunya hanya dapat ditentukan dengan mempelajari input dan output yang berkaitan
Nama lain untuk pengujian ini adalah pengujian fungsional karena pegujian hanya berkepentingan dengan fungionalitas dan bukan implementasi.
Gambar 2.16. Black Box
Pengujian black box adalah pengujian aspek fundamental sistem tanpa memperhatikan struktur logika internal perangkat lunak. Metode ini digunakan untuk mengetahui apakah perangkat lunak berfungsi dengan benar. Pengujian black box
BAB III
ANALISA PERANCANGAN SISTEM
3.1 Analisa Masalah
Motion detect atau deteksi gerakan secara garis besar mempunyai arti untuk menangkap atau mengidentifikasi suatu pergerakan pada objek, gerakan adalah suatu pusat perhatian yang digunakan manusia ataupun hewan untuk mengenali suatu obyek dari suatu latar yang tidak teratur. Dalam aplikasi pencitraan, gerakan muncul dari perpindahan tempat antara sistem pendeteksi dan lingkungan yang sedang dilihat.
