<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:blogger='http://schemas.google.com/blogger/2008' xmlns:georss='http://www.georss.org/georss' xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-6745319143847688044</id><updated>2024-11-05T18:44:27.447-08:00</updated><category term="pemrograman mobile"/><category term="Jaringan Komputer"/><category term="Web Desain"/><category term="Internet"/><category term="Organisasi Komputer"/><title type='text'>Kumpulan Materi Teknik Informatika</title><subtitle type='html'>berbagi tentang materi kuliah jurusan tekhnik informatika</subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default?redirect=false'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>20</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-4768264377923636173</id><published>2015-08-28T01:07:00.002-07:00</published><updated>2015-08-28T01:07:28.614-07:00</updated><title type='text'>Konsep Dasar Pemrograman Berorientasi Objek</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;
Pemrograman berorientasi objek (object oriented programming atau disingkat dengan OOP) merupakan pemograman yang berorientasikan kepada objek. semua data dan fungsi didalam paradigma ini dibungkus dalam kelas kelas atau objek objek. setiap objek dapat menerima pesan, &lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;memproses data, dan mengirim pesan ke objek lainnya,&lt;/span&gt;
&lt;/div&gt;
&lt;div style=&quot;background-color: white; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Model data 
berorientasi objek dikatakan dapat memberi fleksibilitas yang lebih, 
kemudahan mengubah program, dan digunakan luas dalam teknik piranti 
lunak&amp;nbsp;skala besar. Lebih jauh lagi, pendukung OOP mengklaim bahwa OOP 
lebih mudah dipelajari bagi pemula dibanding dengan pendekatan 
sebelumnya, dan pendekatan OOP lebih mudah dikembangkan dan dirawat.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Istilah dalam OOP &lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Kelas atau &lt;i&gt;Class&lt;/i&gt;&lt;/b&gt;&amp;nbsp;:
 kumpulan atas definisi data dan fungsi-fungsi dalam suatu unit untuk 
suatu tujuan tertentu. Sebagai contoh &#39;class of dog&#39; adalah suatu unit 
yang terdiri atas definisi-definisi data dan fungsi-fungsi yang menunjuk
 pada berbagai macam perilaku/turunan dari anjing. Sebuah class adalah 
dasar dari modularitas dan struktur dalam pemrograman berorientasi 
object.&amp;nbsp;&lt;i&gt;Sebuah class s&lt;/i&gt;ecara tipikal sebaiknya dapat dikenali oleh seorang non-programmer sekalipun terkait dengan domain permasalahan yang ada&lt;i&gt;,&lt;/i&gt;&amp;nbsp;dan
 kode yang terdapat dalam sebuah class sebaiknya (relatif) bersifat 
mandiri dan independen (sebagaimana kode tersebut digunakan jika tidak 
menggunakan OOP). Dengan modularitas, struktur dari sebuah program akan 
terkait dengan aspek-aspek dalam masalah yang akan diselesaikan melalui 
program tersebut. Cara seperti ini akan menyederhanakan pemetaan dari 
masalah ke sebuah program ataupun sebaliknya.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Objek&lt;/b&gt;
 : membungkus data dan fungsi bersama menjadi suatu unit dalam 
sebuah&amp;nbsp;program komputer, objek&amp;nbsp;merupakan dasar dari&amp;nbsp;modularitas&amp;nbsp;dan&amp;nbsp;&lt;a href=&quot;http://id.wikipedia.org/wiki/Struktur&quot; style=&quot;background-image: none; background-position: initial initial; background-repeat: initial initial; color: #0b0080; text-decoration: none;&quot; title=&quot;Struktur&quot;&gt;s&lt;/a&gt;truktur&amp;nbsp;dalam sebuah program komputer berorientasi objek.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Abstraksi&lt;/b&gt;
 : kemampuan sebuah program untuk melewati aspek informasi yang diproses
 olehnya, yaitu kemampuan untuk memfokus pada inti. Setiap objek dalam 
sistem melayani sebagai model dari &quot;pelaku&quot; abstrak yang dapat melakukan
 kerja, laporan dan perubahan keadaannya, dan berkomunikasi dengan objek
 lainnya dalam sistem, tanpa mengungkapkan bagaimana kelebihan ini 
diterapkan. Proses, fungsi atau metode dapat juga dibuat abstrak, dan 
beberapa teknik digunakan untuk mengembangkan sebuah pengabstrakan.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Enkapsulasi&lt;/b&gt;
 :&amp;nbsp;memastikan pengguna sebuah objek tidak dapat mengganti keadaan dalam 
dari sebuah objek dengan cara yang tidak layak; hanya metode dalam objek
 tersebut yang diberi izin untuk mengakses keadaannya. Setiap objek 
mengakses&amp;nbsp;interface&amp;nbsp;yang menyebutkan bagaimana objek lainnya dapat 
berinteraksi dengannya. Objek lainnya tidak akan mengetahui dan 
tergantung kepada representasi dalam objek tersebut.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Polomorfisme&lt;/b&gt;&amp;nbsp;melalui
 pengiriman pesan. Tidak bergantung kepada pemanggilan subrutin, bahasa 
orientasi objek dapat mengirim pesan; metode tertentu yang berhubungan 
dengan sebuah pengiriman pesan tergantung kepada objek tertentu di mana 
pesa tersebut dikirim. Contohnya, bila sebuah burung menerima pesan 
&quot;gerak cepat&quot;, dia akan menggerakan sayapnya dan terbang. Bila seekor 
singa menerima pesan yang sama, dia akan menggerakkan kakinya dan 
berlari. Keduanya menjawab sebuah pesan yang sama, namun yang sesuai 
dengan kemampuan hewan tersebut. Ini disebut polimorfisme karena sebuah 
variabel tungal dalam program dapat memegang berbagai jenis objek yang 
berbeda selagi program berjalan, dan teks program yang sama dapat 
memanggil beberapa metode yang berbeda di saat yang berbeda dalam 
pemanggilan yang sama. Hal ini berlawanan dengan&amp;nbsp;bahasa fungsional&amp;nbsp;yang 
mencapai polimorfisme melalui penggunaan fungsi kelas-pertama.&lt;/span&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;div style=&quot;background-color: white; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Peranan OOP &lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Dengan 
menggunakan OOP maka dalam melakukan pemecahan suatu masalah kita tidak 
melihat bagaimana cara menyelesaikan suatu masalah tersebut 
(terstruktur) tetapi objek-objek apa yang dapat melakukan pemecahan 
masalah tersebut. Sebagai contoh anggap kita memiliki sebuah departemen 
yang memiliki manager, sekretaris, petugas administrasi data dan 
lainnya. Misal manager tersebut ingin memperoleh data dari bag 
administrasi maka manager tersebut tidak harus mengambilnya langsung 
tetapi dapat menyuruh petugas bagian administrasi untuk mengambilnya. 
Pada kasus tersebut seorang manager tidak harus mengetahui bagaimana 
cara mengambil data tersebut tetapi manager bisa mendapatkan data 
tersebut melalui objek petugas administrasi. Jadi untuk menyelesaikan 
suatu masalah dengan kolaborasi antar objek-objek yang ada karena setiap
 objek memiliki deskripsi tugasnya sendiri.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Salah satu pemograman pendukung OOP adalah bahasa pemograman Java.&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;text-align: start;&quot;&gt;Java&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;&amp;nbsp;adalah&amp;nbsp;salah satu bahasa pemograman&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;&amp;nbsp;OOP&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;. Bahasa ini awalnya dibuat oleh&amp;nbsp;James Gosling&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;. Bahasa ini banyak mengadopsi sintaksis yang terdapat pada&amp;nbsp;C dan C++&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;&amp;nbsp;namun
 dengan sintaksis model objek yang lebih sederhana serta dukungan 
rutin-rutin aras bawah yang minimal. Aplikasi-aplikasi berbasis java 
umumnya dikompilasi ke dalam&amp;nbsp;p-code&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;&amp;nbsp;(&lt;/span&gt;&lt;i style=&quot;text-align: start;&quot;&gt;bytecode&lt;/i&gt;&lt;span style=&quot;text-align: start;&quot;&gt;) dan dapat dijalankan pada berbagai Mesin Virtual Java (JVM)&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;. Java merupakan bahasa pemrograman yang bersifat umum/non-spesifik (&lt;/span&gt;&lt;i style=&quot;text-align: start;&quot;&gt;general purpose&lt;/i&gt;&lt;span style=&quot;text-align: start;&quot;&gt;),
 dan secara khusus didisain untuk memanfaatkan dependensi implementasi 
seminimal mungkin. Karena fungsionalitasnya yang memungkinkan aplikasi 
java mampu berjalan di beberapa platform&amp;nbsp;sistem operasi yang berbeda&lt;/span&gt;&lt;span style=&quot;text-align: start;&quot;&gt;&amp;nbsp;yang berbeda, java dikenal pula dengan slogannya, &quot;&lt;/span&gt;&lt;i style=&quot;text-align: start;&quot;&gt;Tulis sekali, jalankan di mana pun&lt;/i&gt;&lt;span style=&quot;text-align: start;&quot;&gt;&quot;.
 Saat ini java merupakan bahasa pemrograman yang paling populer 
digunakan, dan secara luas dimanfaatkan dalam pengembangan berbagai 
jenis perangkat lunak aplikasi ataupun aplikasi berbasis web.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; margin-bottom: 0.5em; margin-top: 0.4em; text-align: start;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Versi awal Java
 ditahun 1996&amp;nbsp;sudah merupakan versi release sehingga dinamakan Java 
Versi 1.0. Java versi ini menyertakan banyak paket standar awal yang 
terus dikembangkan pada versi selanjutnya:&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;ul style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;code style=&quot;background-color: #f9f9f9;&quot;&gt;java.lang&lt;/code&gt;: Peruntukan kelas elemen-elemen dasar.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;code style=&quot;background-color: #f9f9f9;&quot;&gt;java.io&lt;/code&gt;: Peruntukan kelas&amp;nbsp;&lt;i&gt;input&lt;/i&gt;&amp;nbsp;dan&amp;nbsp;&lt;i&gt;output&lt;/i&gt;, termasuk penggunaan berkas.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;code style=&quot;background-color: #f9f9f9;&quot;&gt;java.util&lt;/code&gt;: Peruntukan kelas pelengkap seperti kelas struktur data dan kelas kelas penanggalan.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;code style=&quot;background-color: #f9f9f9;&quot;&gt;java.net&lt;/code&gt;: Peruntukan kelas&amp;nbsp;TCP/IP, yang memungkinkan berkomunikasi dengan komputer lain menggunakan jaringan TCP/IP.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;code style=&quot;background-color: #f9f9f9;&quot;&gt;java.awt&lt;/code&gt;: Kelas dasar untuk aplikasi antarmuka dengan pengguna (GUI)&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;code style=&quot;background-color: #f9f9f9;&quot;&gt;java.applet&lt;/code&gt;: Kelas dasar aplikasi antar muka untuk diterapkan pada penjelajah web.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;Kelebihan dari OOP&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ul style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;i&gt;&lt;b&gt;Multiplatform&lt;/b&gt;&lt;/i&gt;. Kelebihan utama dari Java ialah dapat dijalankan di beberapa&amp;nbsp;&lt;i&gt;platform&lt;/i&gt;&amp;nbsp;/&amp;nbsp;sistem operasi&amp;nbsp;komputer, sesuai dengan prinsip&amp;nbsp;&lt;i&gt;tulis sekali, jalankan di mana saja&lt;/i&gt;.
 Dengan kelebihan ini pemrogram cukup menulis sebuah program Java dan 
dikompilasi (diubah, dari bahasa yang dimengerti manusia menjadi bahasa 
mesin /&amp;nbsp;&lt;i&gt;bytecode&lt;/i&gt;) sekali lalu hasilnya dapat dijalankan di atas 
beberapa platform tanpa perubahan. Kelebihan ini memungkinkan sebuah 
program berbasis java dikerjakan diatas operating system Linux tetapi 
dijalankan dengan baik di atas Microsoft Windows. Platform yang didukung
 sampai saat ini adalah&amp;nbsp;Microsoft Windows,&amp;nbsp;Linux,&amp;nbsp;Mac OS&amp;nbsp;dan&amp;nbsp;Sun 
Solaris. Penyebanya adalah setiap sistem operasi menggunakan programnya 
sendiri-sendiri (yang dapat diunduh dari situs Java) untuk 
meninterpretasikan&amp;nbsp;&lt;i&gt;bytecode&lt;/i&gt;&amp;nbsp;tersebut.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;OOP&lt;/b&gt;&amp;nbsp;(&lt;i&gt;Object Oriented Programming&lt;/i&gt;&amp;nbsp;- Pemrogram Berorientasi Objek)&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Perpustakaan Kelas Yang Lengkap&lt;/b&gt;, Java terkenal dengan kelengkapan&amp;nbsp;&lt;i&gt;library&lt;/i&gt;/&lt;a class=&quot;new&quot; href=&quot;http://id.wikipedia.org/w/index.php?title=Perpustakaan_%28pemrograman%29&amp;amp;action=edit&amp;amp;redlink=1&quot; style=&quot;background-image: none; background-position: initial initial; background-repeat: initial initial; color: #a55858; text-decoration: none;&quot; title=&quot;Perpustakaan (pemrograman) (halaman belum tersedia)&quot;&gt;perpustakaan&lt;/a&gt;&amp;nbsp;(kumpulan
 program program yang disertakan dalam pemrograman java) yang sangat 
memudahkan dalam penggunaan oleh para pemrogram untuk membangun 
aplikasinya. Kelengkapan perpustakaan ini ditambah dengan keberadaan 
komunitas Java yang besar yang terus menerus membuat 
perpustakaan-perpustakaan baru untuk melingkupi seluruh kebutuhan 
pembangunan aplikasi.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Bergaya C++&lt;/b&gt;,
 memiliki sintaks seperti bahasa pemrograman&amp;nbsp;C++&amp;nbsp;sehingga menarik banyak
 pemrogram C++ untuk pindah ke Java. Saat ini pengguna Java sangat 
banyak, sebagian besar adalah pemrogram C++ yang pindah ke Java. 
Universitas-universitas di&amp;nbsp;Amerika Serikat&amp;nbsp;juga mulai berpindah dengan 
mengajarkan Java kepada murid-murid yang baru karena lebih mudah 
dipahami oleh murid dan dapat berguna juga bagi mereka yang bukan 
mengambil jurusan komputer.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Pengumpulan Sampah&lt;/b&gt;&amp;nbsp;otomatis,
 memiliki fasilitas pengaturan penggunaan memori sehingga para pemrogram
 tidak perlu melakukan pengaturan memori secara langsung (seperti halnya
 dalam bahasa C++ yang dipakai secara luas).&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;Selain mempunyai kelebihan seperti yang sudah dijelaskan di atas, pemograman Java juga mempunyai kekurangan yaitu :&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;ul style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Tulis sekali, jalankan di mana saja&lt;/b&gt;&amp;nbsp;- Masih ada beberapa hal yang tidak kompatibel antara&amp;nbsp;&lt;i&gt;platform&lt;/i&gt;&amp;nbsp;satu dengan&amp;nbsp;&lt;i&gt;platform&lt;/i&gt;&amp;nbsp;lain. Untuk&amp;nbsp;J2SE, misalnya&amp;nbsp;&lt;i&gt;SWT-AWT bridge&lt;/i&gt;&amp;nbsp;yang sampai sekarang tidak berfungsi pada&amp;nbsp;Mac OS X.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style=&quot;font-family: sans-serif; font-size: 13px; line-height: 19.1875px; list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Mudah didekompilasi&lt;/b&gt;. Dekompilasi adalah proses membalikkan dari kode jadi menjadi kode sumber. Ini dimungkinkan karena kode jadi Java merupakan&amp;nbsp;&lt;i&gt;bytecode&lt;/i&gt;&amp;nbsp;yang
 menyimpan banyak atribut bahasa tingkat tinggi, seperti nama-nama 
kelas, metode, dan tipe data. Hal yang sama juga terjadi pada&amp;nbsp;Micosoft, 
NET Platform. Dengan demikian, algoritma yang digunakan program akan 
lebih sulit disembunyikan dan mudah dibajak/di&lt;i&gt;reverse-engineer&lt;/i&gt;.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;ul style=&quot;list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;line-height: 19.1875px; margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;b&gt;Penggunaan memori yang banyak&lt;/b&gt;.
 Penggunaan memori untuk program berbasis Java jauh lebih besar daripada
 bahasa tingkat tinggi generasi sebelumnya seperti 
C/C++&amp;nbsp;dan&amp;nbsp;Pascal&amp;nbsp;(lebih spesifik lagi,&amp;nbsp;Delphi&amp;nbsp;dan&amp;nbsp;Object Pascal). 
Biasanya ini bukan merupakan masalah bagi pihak yang menggunakan 
teknologi terbaru (karena trend memori terpasang makin murah), tetapi 
menjadi masalah bagi mereka yang masih harus berkutat dengan mesin 
komputer berumur lebih dari 4 tahun.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; font-size: xx-small; line-height: 19.1875px; text-align: start;&quot;&gt;Banyak pihak telah membuat IDE (&lt;i&gt;Integrated Development Environment&lt;/i&gt; - Lingkungan Pengembangan Terintegrasi) untuk Java. Yang populer saat ini (Juli 2006) antara lain:&lt;/span&gt;&lt;/div&gt;
&lt;ul style=&quot;list-style-image: url(http://upload.wikimedia.org/wikipedia/en/1/18/Monobook-bullet.png); margin: 0.3em 0px 0px 1.6em; padding: 0px; text-align: start;&quot;&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;Dr. Java, program gratis yang dikembangkan oleh Universitas Rice, Amerika Serikat&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;BlueJ, program gratis yang dikembangkan oleh Universitas Monash, Australia&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;NetBeans (open source- Common Development and Distribution License (CDDL))&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;NetBeans
 disponsori Sun Microsystems, dan versi terkininya memilki Matisse, 
sebuah GUI Editor yang menurut pendapat umum merupakan yang 
terbaik.[rujukan?]&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;line-height: 19.1875px;&quot;&gt;Eclipse JDT (open source- Eclipse Public Lic&lt;/span&gt;&lt;span style=&quot;line-height: 19.1875px;&quot;&gt;ense)&lt;/span&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;Eclipse
 dibuat dari kerja sama antara perusahaan-perusahaan anggota &#39;Eclipse 
Foundation&#39; (beserta individu-individu lain). Banyak nama besar yang 
ikut dalam &#39;Eclipse Foundation&#39;, termasuk IBM, BEA, Intel, Nokia, 
Borland. Eclipse bersaing langsung dengan Netbeans IDE. Plugin tambahan 
pada Eclipse jauh lebih banyak dan bervariasi dibandingkan IDE lainnya.&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;IntelliJ IDEA (commercial, free 30-day trial)&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;Oracle JDeveloper (free)&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;Xinox JCreator (ada versi berbayar maupun free)&lt;/span&gt;&lt;/li&gt;
&lt;li style=&quot;margin-bottom: 0.1em; text-align: justify;&quot;&gt;&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;JCreator ditulis dalam C/C++ sehingga lebih cepat (dan menggunakan memori lebih sedikit) dari kebanyakan IDE.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;span style=&quot;line-height: 19.1875px;&quot;&gt;(Sumber :&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;background-color: transparent; line-height: 19.1875px;&quot;&gt;http://en.wikipedia.org)&lt;/span&gt;&lt;span style=&quot;line-height: 19.1875px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;Contoh penulisan bahasa pemograman Java :&lt;/span&gt;&lt;/div&gt;
&lt;div style=&quot;background-color: white; margin-bottom: 0.5em; margin-top: 0.4em; text-align: justify;&quot;&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;public class identitas&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;{&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;String Nama,WarnaRambut,TinggiBadan,BeratBadan;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;int Umur;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;public static void main(String[]args)&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;{&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;identitas Obj = new identitas();&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;Obj.Nama = &quot;XXXXXXX&quot;;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;Obj.WarnaRambut=&quot;XXXX&quot;;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;Obj.TinggiBadan=&quot;155&quot;;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;Obj.BeratBadan=&quot;50&quot;;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;Obj.Umur=24;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;&lt;br /&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;System.out.println(&quot;Nama Lengkap : &quot; + Obj.Nama);&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;System.out.println(&quot;Warna Rambut : &quot; + Obj.WarnaRambut);&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;System.out.println(&quot;Tinggi Badan : &quot; + Obj.TinggiBadan + &quot; Cm&quot;);&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;System.out.println(&quot;Berat Badan : &quot; + Obj.BeratBadan + &quot; Kg&quot;);&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;System.out.println(&quot;Umur : &quot; + Obj.Umur);&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;}&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;margin-bottom: 0.5em; margin-top: 0.4em;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif; line-height: 19.1875px;&quot;&gt;&lt;b&gt;}&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;line-height: 19.1875px;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;line-height: 19.1875px;&quot;&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;span style=&quot;font-family: Arial, Helvetica, sans-serif;&quot;&gt;Semoga artikel yang saya share ini dapat bermanfaat. Thanks..&lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
 &lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/4768264377923636173/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2015/08/konsep-dasar-pemrograman-berorientasi.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/4768264377923636173'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/4768264377923636173'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2015/08/konsep-dasar-pemrograman-berorientasi.html' title='Konsep Dasar Pemrograman Berorientasi Objek'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-3228372467278712606</id><published>2013-08-26T02:55:00.001-07:00</published><updated>2013-08-31T01:12:28.272-07:00</updated><title type='text'>Menghapus System Care Anti Virus</title><content type='html'>&lt;div dir=&quot;ltr&quot;&gt;
System Care Antivirus adalah aplikasi berbahaya, yang
 sangat berbeda jauh dari apa yang ditampilkan di komputer. Walau 
terlihat seperti solusi anti-virus muthakir dengan banyak pilihan 
berguna, tetapi pada kenyataannya Antivirus itu mencoba untuk mencuri 
uangmu, dengan cara menjual lisensi palsu, yang menjanjikan untuk 
memperbaiki Komputer dan membasmi virus. Jika kamu cek sistem kamu 
dengan System Care Antivirus, kamu dapat yakin kalau itu dapat menemukan
 banyak virus berbeda dikomputermu,tetapi itu palsu. Kamu juga harus tau
 tentang virus ini merupakan versi lain dari &lt;a href=&quot;http://2-spyware.com/remove-avasoft-professional-antivirus.html&quot;&gt;AVASoft Professional Antivirus&lt;/a&gt;,&lt;a href=&quot;http://2-spyware.com/remove-disk-antivirus-professional.html&quot;&gt; Disk Antivirus Professional&lt;/a&gt;
 dan banyak virus lainnya yang telah disebar para hacker. Mereka 
memiliki tampilan sama dan menggunakan taktik pemasaran yang sama,yaitu 
berdasarkan peringatan palsu dan scanner. Kamu dapat mengabaikan itu dan
 menghapus System Care Antivirus secepatnya.&lt;/div&gt;
&lt;h2 dir=&quot;ltr&quot;&gt;
Bagaimana Caranya saya bisa terinfeksi System Care Antivirus?&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/h2&gt;
&lt;div dir=&quot;ltr&quot;&gt;
System Care Antivirus menyebar tanpa pengetahuan 
pengguna. Kamu dapat terinfeksi dengan itu jika kamu sering mengunjungi 
website illegal, download freeware, membuka spam atau tertipu dengan 
peringatan palsu yang menyuruhmu untuk update Flash Player untuk 
menonton sesuatu online. Setelah di klik, kamu mendownload trojan yang 
mendownload file berbahaya yang merupakan file System Care Antivirus. 
Ketika sudah didalam sistem, virus ini mencoba untuk membuat dirinya 
sangat nyaman disana dan mengubah beberapa parameter. Sebagai hasil, dia
 memiliki kemampuan untuk jalan setiap kali kamu me reboot komputer dan 
mulai menampilkan peringatan palsu dan scanner disana, bahkan, tidak 
memiliki sesuatu yang berguana.Tolong, abaikan notifikasi itu&lt;/div&gt;
&lt;blockquote&gt;
System Care Antivirus Warning&lt;br /&gt;
Your PC is still infected with 
dangerous viruses. Activate antivirus protection to prevent data loss 
and avoid the theft of your credit card details.Click here to activate 
protection.&lt;/blockquote&gt;
&lt;blockquote&gt;
Warning!&lt;br /&gt;
Application cannot be executed. The file GoogleUpdate.exe is infected.Please activate your antivirus software.&lt;/blockquote&gt;
&lt;blockquote&gt;
Warning!&lt;br /&gt;
The site you are trying visit may harm your computer!&lt;br /&gt;
Your security setting level puts your computer at risk!&lt;br /&gt;
Activate
 System Care Antivirus, and enable safe web surfing (recommended).Ignore
 warnings and visit that site in the current state (not recommended).&lt;/blockquote&gt;
&lt;div dir=&quot;ltr&quot;&gt;
Jika kau melihat peringatan ini, kamu seharusnya tau kalau 
sistem tersebut hampir bagus dan virus tersebut menyebabkan ancaman atau
 men-sah-kan file sistem. &amp;nbsp;Tetapi, kami mengatakan ‘hampir’ &amp;nbsp;karena kamu
 terinfeksi System Care Antivirus. Daripada membuat pembayaran online 
untuk lisensi palsu tersenut, kamu seharisnya membuang file yang 
terinfeksi tersebut dari komputer. Jika kamu telah membayar lisensi 
tersebut, kontak perusahaan credit card dan membatalkan pembayaran.&lt;/div&gt;
&lt;h2 dir=&quot;ltr&quot;&gt;
Cara menghapus System Care Antivirus?&lt;/h2&gt;
&lt;div dir=&quot;ltr&quot;&gt;
Jika kamu mau menghapus System Care Antivirus. Kami merekomendasikan anda menggunakan &lt;a href=&quot;http://tanpavirus.web.id/download/hunter.exe&quot;&gt;SpyHunter&lt;/a&gt;.
 Jangan lupa untuk melakukan update secepat mungkin setelah mendownload 
aplikasi ini, supaya kamu dapat menemukan file terinfeksi ini otomatis. 
Tetapi, jika kamu tidak dapat membuka anti-spyware tersebut, gunakan 
step penting ini:&lt;/div&gt;
&lt;div dir=&quot;ltr&quot;&gt;
1.Download &lt;a href=&quot;http://tanpavirus.web.id/download/hunter.exe&quot;&gt;SpyHunter&lt;/a&gt;. Ini di desain untuk dapat dibuka walaupun di blok, ubah aja namanya dari xxxx.exe jadi xxxx.com&lt;/div&gt;
2.Cobalah meregistrasi malware dengan kode ini, yang sudah berfungsi dengan parasit sebelumnya dari grup virus berbahaya ini:AA39754E-715219CE. ini membuat malware berpikir kalau kamu telah membeli lisensi tersebut.&lt;br /&gt;
&lt;h3 style=&quot;margin-top: 15px;&quot;&gt;
from : antispyware&lt;/h3&gt;
</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/3228372467278712606/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/menghapus-system-care-anti-virus.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/3228372467278712606'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/3228372467278712606'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/menghapus-system-care-anti-virus.html' title='Menghapus System Care Anti Virus'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-8797396704992804197</id><published>2013-08-25T22:49:00.004-07:00</published><updated>2013-08-31T01:13:34.082-07:00</updated><title type='text'>Indonesia Peringkat Lima Pengguna Aplikasi Pesan Instan Line</title><content type='html'>&amp;nbsp; &amp;nbsp; &lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79Ox18UTu2lmVw8f8AReuXtxQxXeCmikW5H_lBS6mQXC37pV4K7eRWgxg6lQkdCw022eFqDIBc70zGBIIzbp63b1RJxsMCBP7vMCl8iRAQqJCTXyYgW-iuXFzoD_XeA6d3qUdUW_CcEQ/s1600/171538_620.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;257&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79Ox18UTu2lmVw8f8AReuXtxQxXeCmikW5H_lBS6mQXC37pV4K7eRWgxg6lQkdCw022eFqDIBc70zGBIIzbp63b1RJxsMCBP7vMCl8iRAQqJCTXyYgW-iuXFzoD_XeA6d3qUdUW_CcEQ/s400/171538_620.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Line Tokyo Conference Mengungkapkan pada pertemuan tahunan Line di Maihama Amphitheater, Tokyo, Jepang, Rabu (21/8/2013). Indonesia hingga kini mencapai 14 Juta pengguna. Indonesia menempati peringkat kelima setelah Jepang(47 Juta), Thailand (18 Juta), Taiwan (17 Juta), dan Spanyol (15 Juta).&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;Line merupakan aplikasi untuk menyampaikan pesan dalam bentuk teks, foto, suara, maupun video. Ia menjadi pesaing aplikasi sejenis seperti WhatsApp, KakaoTalk, WeChat, sampai Facebook Messenger.&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;Di aplikasi Line sendiri, kata Akira Morikawa, produk yang paling banyak diunduh adalah stiker digital, baik yang gratis maupun berbayar. Stiker itu digunakan untuk mengekspresikan dirinya kepada orang lain.&lt;br /&gt;
&amp;nbsp; &amp;nbsp; &amp;nbsp;&quot;Pendapatan Line Corporation dari penjualan stiker di Jepang saja mencapai 1 miliar yen per bulan, sedangkan penjualan game di aplikasi Line sebesar 3,1 miliar yen per bulan,&quot; tambah Jun Masuda.&lt;br /&gt;
&lt;br /&gt;
Jumlah peserta yang hadir dalam Konferensi Line di Tokyo sebanyak 1.200 orang. Dari jumlah itu, ada sekitar 40 wartawan dari berbagai negara.</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/8797396704992804197/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/indonesia-peringkat-lima-pengguna.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/8797396704992804197'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/8797396704992804197'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/indonesia-peringkat-lima-pengguna.html' title='Indonesia Peringkat Lima Pengguna Aplikasi Pesan Instan Line'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh79Ox18UTu2lmVw8f8AReuXtxQxXeCmikW5H_lBS6mQXC37pV4K7eRWgxg6lQkdCw022eFqDIBc70zGBIIzbp63b1RJxsMCBP7vMCl8iRAQqJCTXyYgW-iuXFzoD_XeA6d3qUdUW_CcEQ/s72-c/171538_620.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-6568578549605239395</id><published>2013-08-24T18:08:00.002-07:00</published><updated>2013-08-31T01:15:00.673-07:00</updated><title type='text'>Kuliner Bangka Tengah</title><content type='html'>&lt;table class=&quot;contentpaneopen&quot;&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td valign=&quot;top&quot;&gt;&lt;div style=&quot;text-align: justify;&quot;&gt;
Oke, Dibawah ini saya akan berbagi tentang kuliner di &lt;a href=&quot;http://trobleshoote.blogspot.com/2013/08/kuliner-bangka-tengah.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Bangka Tengah&lt;/b&gt;&lt;/a&gt;. Makanan Kuliner yang populer saat inni adalah Salah
 satu makanan khas kota koba adalah &lt;b&gt;mie koba,&lt;/b&gt; kekhasan rasa dan proses 
pembuatannya yang membedakan cita rasa mie koba dari yang lain. Selain 
mie koba ada juga makanan khas Kabupaten Bangka Tengah seperti rujak 
tahu, lakso, pantiau, kue jungkong dan masih banyak lagimakanan khas 
masyarakat Bangka Tengah.&lt;/div&gt;
&lt;table style=&quot;width: auto;&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href=&quot;https://picasaweb.google.com/lh/photo/1qvewZwd0DDnr1ZZ00QD8g?feat=embedwebsite&quot;&gt;&lt;img height=&quot;193&quot; src=&quot;https://lh4.googleusercontent.com/_nPTkX5y4uRY/TdFFr6I7osI/AAAAAAAADM4/lMGFTecpkRg/s288/kuliner.gif&quot; width=&quot;288&quot; /&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;font-family: arial,sans-serif; font-size: 11px; text-align: right;&quot;&gt;Dari &lt;a href=&quot;https://picasaweb.google.com/111734664600195403178/WisataBangkaTengah?feat=embedwebsite&quot;&gt;Wisata Bangka Tengah&lt;/a&gt;&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;b&gt;Lakso&lt;/b&gt;&lt;br /&gt;
Kedengaran kata lakso mirip 
laksa. Ternyata tampilannya juga mirip. Berkuah santan berwarna kuning 
dengan serpihan daging ikan yang gurih enak. Mi yang berwarna putih 
kenyal-kenyal membuat jajanan ini makin enak saja.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kalau panthiau berkuah bening dengan 
semburat pedas maka lakso berkuah santan kuning yang gurih-gurih wangi. 
Racikan lakso sangat terkenal di Bangka Belitung. Bisa dibeli dari 
warung pinggir jalan hingga restoran. Rata-rata rasanya enak karena 
terbuat dari ikan laut yang segar.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Lakso memakai bahan utami mi putih yang 
dibuat dari adonan tepung beras dan sagu. Adonan ini kemudian dibentuk 
seperti mi, dicetak seperti cetakan putu mayang. Mi yang kenyal-kenyal 
gurih ini kemudian diberi kuah.  Kuahnya terdiri dari santan yang diberi
 bumbu kemiri, kunyit, ketumbar, bawang merah, bawang putih dan daging 
ikan tenggiri.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Serpihan daging ikan tenggiri dengan 
kuah kuning yang gurih ini disiramkan ke atas mi. Tentu saja rasanya 
gurih dan aroma wangi daging ikan beradu dengan rempah.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;img src=&quot;https://lh4.googleusercontent.com/-YANHigCseyg/TnbBYzYmi8I/AAAAAAAADR8/xblgQqHUcWU/lakso.JPG&quot; /&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Kue Jongkong&lt;/b&gt;&lt;br /&gt;
Ini
 salah satu kue terfavorite di bangka...apalagi saat bulan puasa. 
Rasanya yang lembut dan gurih bercampur manis bikin mulut nggak cukup 
cuma     se-cup aja untuk menikmatinya.&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
Kue ini dibuat dari tepung beras, gula pasir/merah, air daun suji + pandan, santan kelapa&lt;/div&gt;
&lt;div style=&quot;text-align: justify;&quot;&gt;
&lt;img height=&quot;200&quot; src=&quot;https://lh4.googleusercontent.com/-NaxzELPmbng/TnbDOKO5FoI/AAAAAAAADSE/gwLnUcyvrGY/s720/jongkong.JPG&quot; style=&quot;vertical-align: middle;&quot; width=&quot;300&quot; /&gt;&lt;/div&gt;
&lt;div class=&quot;cmp_like_container&quot; style=&quot;float: left; margin: 10px;&quot;&gt;
&lt;span style=&quot;height: 20px; width: 126px;&quot;&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div style=&quot;float: left; margin: 10px;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;cmp_google_container&quot; style=&quot;float: left; margin: 10px;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;cmp_in_container&quot; style=&quot;float: left; margin: 10px;&quot;&gt;
&lt;span class=&quot;IN-widget&quot; style=&quot;display: inline-block; line-height: 1; text-align: center; vertical-align: baseline;&quot;&gt;&lt;span style=&quot;display: inline-block ! important; font-size: 1px ! important; margin: 0px ! important; padding: 0px ! important; text-indent: 0px ! important; vertical-align: baseline ! important;&quot;&gt;&lt;span id=&quot;li_ui_li_gen_1377392716321_0&quot;&gt;&lt;a href=&quot;http://www.blogger.com/null&quot; id=&quot;li_ui_li_gen_1377392716321_0-link&quot;&gt;&lt;span id=&quot;li_ui_li_gen_1377392716321_0-logo&quot;&gt;in&lt;/span&gt;&lt;span id=&quot;li_ui_li_gen_1377392716321_0-title&quot;&gt;&lt;span id=&quot;li_ui_li_gen_1377392716321_0-mark&quot;&gt;&lt;/span&gt;&lt;span id=&quot;li_ui_li_gen_1377392716321_0-title-text&quot;&gt;Share&lt;/span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;display: inline-block ! important; font-size: 1px ! important; margin: 0px ! important; padding: 0px ! important; text-indent: 0px ! important; vertical-align: baseline ! important;&quot;&gt;&lt;span class=&quot;IN-right IN-hidden&quot; id=&quot;li_ui_li_gen_1377392716341_1-container&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
 &lt;td class=&quot;modifydate&quot;&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;
&lt;span class=&quot;article_separator&quot;&gt;&amp;nbsp;&lt;/span&gt;

            
            
    
                        
    
        
        
        

 </content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/6568578549605239395/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/kuliner-bangka-tengah.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/6568578549605239395'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/6568578549605239395'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/kuliner-bangka-tengah.html' title='Kuliner Bangka Tengah'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://lh4.googleusercontent.com/_nPTkX5y4uRY/TdFFr6I7osI/AAAAAAAADM4/lMGFTecpkRg/s72-c/kuliner.gif" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-8772463785728354591</id><published>2013-08-24T18:00:00.000-07:00</published><updated>2013-08-31T01:17:17.305-07:00</updated><title type='text'>STQ Nasional 2013 di Selenggarakan di Kab. Bangka Tengah, Provinsi  Kep. Bangka Belitung</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjnNYEgHhGQRRg68J0fgyiGNbQceHMFCbHV6yfnBVrB8qE1bUETn-JgjFiH4FFISj_YKTYdULQtcO3IP3HH9FMQRePCnRcoeKCKB2I6igBLtejuekdcvh4jS9MSXJbqdiLFJNnQPLgAm4/s1600/STQ-N-2013.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;250&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjnNYEgHhGQRRg68J0fgyiGNbQceHMFCbHV6yfnBVrB8qE1bUETn-JgjFiH4FFISj_YKTYdULQtcO3IP3HH9FMQRePCnRcoeKCKB2I6igBLtejuekdcvh4jS9MSXJbqdiLFJNnQPLgAm4/s400/STQ-N-2013.jpg&quot; width=&quot;400&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Acara &lt;b&gt;Seleksi Tilawatil Quran (STQ)&lt;/b&gt; tingkat Nasional diadakan di &lt;a href=&quot;http://trobleshoote.blogspot.com/2013/08/kuliner-bangka-tengah.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;Kabupaten Bangka Tengah, Provinsi Kep. Bangka Belitung &lt;/b&gt;&lt;/a&gt;yang berlangsung di Stadion Kebanggaan Bangka Tengah. Acara ini akan berlangsung selama tgl 23 Agustus - 28 Agustus 2013.&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
Pameran &lt;b&gt;Seleksi Tilawatil Quran (STQ) Nasional 2013&lt;/b&gt; dibuka pada Jumat(23/8). Pameran produk jasa unggulan, kerajinan dan wisatra ini menampilkan hasil karya dan kerajinan dari para peserta diantaranya BUMN, UKM, Pemerintah Provinsi, Pemerintah Daerah, Perbankan dan &lt;b&gt;Lembaga Pengembangan Tilawatil Quran (LPTQ) &lt;/b&gt;dari 33 Provinsi.&lt;br /&gt;
Marketing pameran yang diadakan di Kantor Bupati Bangka Tengah ini Wisnuwati mengatakan terdapat 90 stan di arena pameran. Namun 11 di antaranya tidak berhasil terisi karena adanya hambatan transportasi dari setiap peserta. &quot;Pameran ini diadakn bersamaan dengan dilaksanakan STQ setiap dua tahunnya,&quot; ungkapnya pada Jumat (23/8).&lt;br /&gt;
Bupati Bangka Tengah, Erzaldi rosman Johan mengatakan penyelenggaraaan &lt;a href=&quot;http://trobleshoote.blogspot.com/2013/08/stq-nasional-2013-di-selenggarakan-di.html&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;b&gt;STQ Nasional 2013&lt;/b&gt; &lt;/a&gt;beserta pamerannya merupakan pengalaman pertama pihaknya dalam menyelenggarakan acara skala besar di wilayahnya. Keikutsertaan para peserta dalam pameran ini, ungkapnya, harus berdampak positif bagi berjalannya usahanya. &quot;Tidak hanya sekedar membeli, jadikan para customer ini menjadi customer loyal sehingga tercipta hubungan jangka panjang.&quot; jelasnya.&lt;br /&gt;
Pameran yang menampilkan layanan publik, investasi dan potensi daerah, hasil industri kreatif, produk unggulan UKM, pariwisata, hasil kerajinnan dan lainnya ini dibuka oleh istri Dirjen Bimas Islam Kementerian Agama (Kemenag) NurjanahAbdulJamil. Pembukaan ditandai dengan pemukulan gong. Pameran ini akan berlangsung hingga 28 Agustus mendatang. (Vera Erwaty Ismainy).&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/8772463785728354591/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/stq-nasional-2013-di-selenggarakan-di.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/8772463785728354591'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/8772463785728354591'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/stq-nasional-2013-di-selenggarakan-di.html' title='STQ Nasional 2013 di Selenggarakan di Kab. Bangka Tengah, Provinsi  Kep. Bangka Belitung'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjnNYEgHhGQRRg68J0fgyiGNbQceHMFCbHV6yfnBVrB8qE1bUETn-JgjFiH4FFISj_YKTYdULQtcO3IP3HH9FMQRePCnRcoeKCKB2I6igBLtejuekdcvh4jS9MSXJbqdiLFJNnQPLgAm4/s72-c/STQ-N-2013.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-4244355863627209041</id><published>2013-08-03T01:50:00.005-07:00</published><updated>2013-08-31T01:18:04.706-07:00</updated><title type='text'>Cara Mengamankan PHPMYADMIN XAMPP</title><content type='html'>Setelah pusing-pusing googling internet cara untuk mengamankan MySQL lebih khusus pada software XAMPP yaitu phpmyadmin atau gimana caranya untuk memberi password pada phpmyadmin, akhirnya ketemu juga. Sebenarnya sangatlah mudah cara untuk secure phpmyadmin di xampp. Okelah langsung aja saya tunjukkan file-file mana saja yang harus di edit agar phpmyadmin kita tidak bisa di akses semua orang.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Langkah untuk secure MySQL / phpmyadmin di xampp:&lt;br /&gt;
&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;&lt;br /&gt;
1. Set password ke user root di MySQL XAMPP, akses ajah ke http://localhost/phpmyadmin dan masuk ke menu Privileges dan cari user root di situ dan ganti password nya.&lt;br /&gt;
2. Cari file bernama ” config.inc.php “, biasanya letaknya di dalam folder hasil install xampp yaitu C/xampp/phpMyAdmin.&lt;br /&gt;
3. Search tulisan ” $cfg[&#39;Servers&#39;][$i][&#39;auth_type&#39;] &amp;nbsp; &amp;nbsp; = ‘config’; // Authentication method (config, http or cookie based) “.&lt;br /&gt;
4. Setelah ketemu silahkan pilih method yaitu ubah saja tulisan config menjadi http atau cookie.&lt;br /&gt;
5. Kemudian di bagian $cfg[&#39;Servers&#39;][$i][&#39;user&#39;] = ‘[isi nama user]‘; &amp;nbsp;// MySQL user, isikan username kemauan kamu. Kalau defaultnya tertulis root.&lt;br /&gt;
6. Untuk baign $cfg[&#39;Servers&#39;][$i][&#39;password&#39;] = ‘[isi pwd]‘; &amp;nbsp;// MySQL password (only needed), tuliskan password kemauan kamu.&lt;br /&gt;
7. Jika semua sudah selesai maka restart service mysql atau xampp kamu.&lt;br /&gt;
&lt;br /&gt;
Hasil akhir yaitu ketika orang mengakses nomer IP / host yang ada service xampp misal http://10.252.106.1/phpmyadmin. Maka dia akan langsung ditanya username dan password.&lt;br /&gt;
&lt;br /&gt;
&lt;img alt=&quot;untitled&quot; class=&quot;size-full wp-image-1643 aligncenter&quot; height=&quot;40&quot; src=&quot;http://anriz.com/wp-content/uploads/2009/08/untitled.JPG&quot; style=&quot;background-color: white; border: 0px; clear: both; color: #333333; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height: auto; line-height: 24px; margin: 5px auto; max-width: 100%; padding: 0px; text-align: center; width: auto;&quot; title=&quot;untitled&quot; width=&quot;160&quot; /&gt;&lt;br /&gt;
&lt;span style=&quot;background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 24px; text-align: center;&quot;&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; Gbr. ketika config di ganti cookie&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
Tapi jika tidak kita berikan username , password dan tulisan config tidak di ubah jadi http / cookie, Maka orang yang mengakses alamat itu akan langsung bisa masuk ke database kamu yaitu phpmyadmin milik xampp.&lt;br /&gt;
&lt;br /&gt;
By :&amp;nbsp;&lt;a href=&quot;http://anriz.com/cara-mengamankan-sql/&quot;&gt;http://anriz.com/cara-mengamankan-sql/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/4244355863627209041/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/cara-mengamankan-phpmyadmin-xampp.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/4244355863627209041'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/4244355863627209041'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/08/cara-mengamankan-phpmyadmin-xampp.html' title='Cara Mengamankan PHPMYADMIN XAMPP'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-5847336440263827839</id><published>2013-07-27T03:12:00.002-07:00</published><updated>2013-08-31T01:18:47.265-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Desain"/><title type='text'>Belajar Cara Membuat Website dengan Photoshop dan Dreamweaver (Newbie)</title><content type='html'>Mudahnya membuat website sendiri , walopun langkahnya sederhana tapi lumayanlah Bisalah buat online
Langkah2nya  Tool yg digunakan disini : Dreamweaver dan  Photoshop.

Kita Mulai aja gan Langkah sebagai berikut :
Langkah #1 Membuat Image dengan Photoshop :
Buat image dengan menggunakan photoshop anda bisa berkreasi sendiri sesuai selera anda tidak harus mengikuti langkah saya dan anda bias mengembankannya dgn ide2 anda sendiri
Buka photoshop Klik New isikan width : 700px, Height : 150px,Resolution : 72 px/inch, Color mode 8 bit setelah itu create OK , spt gambar dibawah :&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4E4WW3Vl3Pp_uqCy4QM26w5mVUjJ1ntlD_jLJfLzghibKrVW0ccmTVFYTG1ZGtweU2iwQzoIwZ1XkEtZ-Kw57pB9IIYANozLnYRcd7xpqFpcxV9ZDqNpunSIUOFYgdvyBOfGVmu8Qus/s1600/Open+Dreamweaver.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;180&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4E4WW3Vl3Pp_uqCy4QM26w5mVUjJ1ntlD_jLJfLzghibKrVW0ccmTVFYTG1ZGtweU2iwQzoIwZ1XkEtZ-Kw57pB9IIYANozLnYRcd7xpqFpcxV9ZDqNpunSIUOFYgdvyBOfGVmu8Qus/s320/Open+Dreamweaver.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
&amp;nbsp;&lt;span style=&quot;font-size: 13px; line-height: 14px;&quot;&gt;Hasilnya New Layer Spt gambar dibawah :&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69TiQrSuZAvu44vls3V51yLDL-cMy9sFRNJmjTAF22AUCaMcYOLKAYbIyIKlIFAcnHs7RxbWWSKNZUeAeSGE1sZ8JBuA2QG1GAVrQfwt9JKJ_9QeRTWoFjpKdyvhsAlznqApdrijQ8Do/s1600/New+Layer+Photshop.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;155&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi69TiQrSuZAvu44vls3V51yLDL-cMy9sFRNJmjTAF22AUCaMcYOLKAYbIyIKlIFAcnHs7RxbWWSKNZUeAeSGE1sZ8JBuA2QG1GAVrQfwt9JKJ_9QeRTWoFjpKdyvhsAlznqApdrijQ8Do/s320/New+Layer+Photshop.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 13px; line-height: 14px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Berikutnya warnai layer dengan selera agan caranya :&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;

&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Klik Set Foreground
Color warna sesuai selera&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Klik Paint Buckt
Tool &lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;klik layer&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;

&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Spt gbr dibawah :&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Nl1OoZ2ylxMfH32zbo4K3nY2HgV6xd2n625FI-oZIDvTZb1G5Ttgg3W2p1IdgqsbO_mkUvkGd1R01vL5Bvlti5t7rXFXm4j-2aR2T9-LA_5wGQBLWEZQhpNNBdNhjv3DGeltZoDQxh4/s1600/Set+warna+New+Layer.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;157&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Nl1OoZ2ylxMfH32zbo4K3nY2HgV6xd2n625FI-oZIDvTZb1G5Ttgg3W2p1IdgqsbO_mkUvkGd1R01vL5Bvlti5t7rXFXm4j-2aR2T9-LA_5wGQBLWEZQhpNNBdNhjv3DGeltZoDQxh4/s320/Set+warna+New+Layer.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Hasilnya sbg berikut :&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh50IGMezF8ETDZSzP3zQWgZCrD6Z48JrYJIVzQ0jgNy3spNK1EoI8CauctVY54GkYRiCUUKMtXPGyZebsk7Oc-gccXrESVSsyuWylGI1HN-q8HhJSRx5BuJ4a2ylKRNRJ2GWPRW_HMmqw/s1600/-1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;179&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh50IGMezF8ETDZSzP3zQWgZCrD6Z48JrYJIVzQ0jgNy3spNK1EoI8CauctVY54GkYRiCUUKMtXPGyZebsk7Oc-gccXrESVSsyuWylGI1HN-q8HhJSRx5BuJ4a2ylKRNRJ2GWPRW_HMmqw/s320/-1.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6bYoNewH6S2HqK0o3_21ftKF9vONg7nCJJ0QWXg4PIkvZGDChYzC00ThrxTz1b3E945h2pTfibihwiGncJgWIpkY4qRvo4YPKWyVjzju8dKU_FPwAaoaHo9I00cJhcK2pHSAjcxvzpr4/s1600/1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Berikutnya beri sentuhan dengan Rounded rectangle tool spt gbr
dibawah :&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;Set Foreground Color sesuai selera&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-no-proof: yes;&quot;&gt;→klik Rounded Rectangle Tool dan Drag pd Layernya&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGn-Nz7NnZtGXWZGmB9DCazcXEMXVQSZuAnFNW9KL3fKjjeojvGzXIo9DPVI5vfVlnbBQ8FMZcu36aEEbPUhEwYiLSr7AnfPKkaHB1q2LECDMdum9O57rx6RGu31HZPt8TkCu-hRTwWSY/s1600/0.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;171&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGn-Nz7NnZtGXWZGmB9DCazcXEMXVQSZuAnFNW9KL3fKjjeojvGzXIo9DPVI5vfVlnbBQ8FMZcu36aEEbPUhEwYiLSr7AnfPKkaHB1q2LECDMdum9O57rx6RGu31HZPt8TkCu-hRTwWSY/s320/0.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrl46z7aXpi73fZtM31OKGjRzxhGHTt6C0vqQUrwWKttlvzk8Cbo14AG6HT4GYOAiGQ2ZuwxQtnCctyXf8BqmHKVHZh_g-kGTigrSE4KNptJH7xVL7JNj_AhMYF-ggzH9ljqRD5WV1vlY/s1600/2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Selanjutnya Beri sebuah Tulisan pada Layernya lamgkahnya sbb:&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;Set Foreground Colornya
dulu dg yg gelap&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;Klik
Text ( “T”)&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;klik ke
Layer tulis kata-kata&lt;/span&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;sesuai isi situs&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;anda Lihat spt gbr , Jgn
lupa text di Centerkan ,&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Nah Jadilah
image yg nantinya untuk image header pd website jgn lupa di save dulu ke kompi
agan ke file jpg/png&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;

&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: red; font-size: 10.0pt; line-height: 115%;&quot;&gt;Catatan : Text bisa diganti
dengan gambar yg sesuai dg isi situs anda&lt;/span&gt;&lt;/b&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5kBBF-uu23UJ8eU8qu_ZZlQwjxW_n8eONefJZWouWNWdljjtAGY6uuZNbqcd6odeHKs2Rx-dYyyZH7TvemvJjW9vMfn3WlqxhfeWPmK65X2svYpKoFJxF__gFiRSrHhzpFNcLBiP0wE/s1600/1.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;179&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd5kBBF-uu23UJ8eU8qu_ZZlQwjxW_n8eONefJZWouWNWdljjtAGY6uuZNbqcd6odeHKs2Rx-dYyyZH7TvemvJjW9vMfn3WlqxhfeWPmK65X2svYpKoFJxF__gFiRSrHhzpFNcLBiP0wE/s320/1.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #0070c0;&quot;&gt;Langkah#2 Membuat Menu bar web dengan Photoshop :&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;span style=&quot;font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;&quot;&gt;&lt;br /&gt;Buat layer spt Langkah membuat image diatas,
beri nama Menu Bar. Klik Rounded Rectangle Tool, ubah Radius menjadi 10px.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4HeNB-6Hpuq2kkv8kN7MDa-Wjas8QNXYyagqMPWSA4QVKAWPcHIPTUulwGKdVc6lqTLO81OSYoY6rRPL-6Yde-xcMgzV1gcNQbHrGSUPxvz7rextoMjegkO4bzVIKHq5vY8aWNDstydE/s1600/2.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;203&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4HeNB-6Hpuq2kkv8kN7MDa-Wjas8QNXYyagqMPWSA4QVKAWPcHIPTUulwGKdVc6lqTLO81OSYoY6rRPL-6Yde-xcMgzV1gcNQbHrGSUPxvz7rextoMjegkO4bzVIKHq5vY8aWNDstydE/s320/2.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFB0wa0PJBxppuChTt7WBCKGGiFn3ULQFrr-IKco1a5b5fJlUbSEYtLPriywx7VsjblKxJy8GTnvRleZ6hVFRkSxs5HZdQRd2WGmd1rXviZJc1XWNtOHdZvQ3PpYIOnY0aufbQHX3_LI/s1600/4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Buat kotak Klik
lagi Rounded Rectangle Tool dengan warna beda&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Klik Text&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;ketik dengan Nama “Home”&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0G9zmTG-OUtyVVntwBFdY5ZnsJBsqN_5yZIieULYj5RuN9hIIATQZgQ2ToA-XK9LpIcXOUWdf9Yt8u3-YIZB6GTERIwZSjdmouC3CXRm4W51u3umKOz1SBs02RnVFASgO7bPXTL0fy8/s1600/3.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;179&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0G9zmTG-OUtyVVntwBFdY5ZnsJBsqN_5yZIieULYj5RuN9hIIATQZgQ2ToA-XK9LpIcXOUWdf9Yt8u3-YIZB6GTERIwZSjdmouC3CXRm4W51u3umKOz1SBs02RnVFASgO7bPXTL0fy8/s320/3.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqeNDeqa2booXeu6QNIuD0YPGl5l5CGQAkymz44IH592DmKd3GZaJjazHcw0J5bYa4QBFq1-4pMuq1oZuxZDk-JAo_pqR68i1wkVGsY7p_U9OZQXYKft2nhrSrVn5Q5Rz4H6pD_a3Kqbw/s1600/4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFB0wa0PJBxppuChTt7WBCKGGiFn3ULQFrr-IKco1a5b5fJlUbSEYtLPriywx7VsjblKxJy8GTnvRleZ6hVFRkSxs5HZdQRd2WGmd1rXviZJc1XWNtOHdZvQ3PpYIOnY0aufbQHX3_LI/s1600/4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFB0wa0PJBxppuChTt7WBCKGGiFn3ULQFrr-IKco1a5b5fJlUbSEYtLPriywx7VsjblKxJy8GTnvRleZ6hVFRkSxs5HZdQRd2WGmd1rXviZJc1XWNtOHdZvQ3PpYIOnY0aufbQHX3_LI/s1600/4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Agar teks
terlihat lebih tajam atur Blending Optionnya &lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt; Drop Shadow &lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;pengaturan Blend Mode: Multiplay, Opacity: 51%, Angle: 90
(hilangkan tanda centang pada Use Global Light), Distance dan Size: 1px,
Spread: 0%&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;

&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Atur juga
kotak (Rounded Rectangle tool pd teks menu) :&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;*Blending
Optionnya →Color Overlay pilih Normal,Opacy 100%,warna sesuaikan&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFB0wa0PJBxppuChTt7WBCKGGiFn3ULQFrr-IKco1a5b5fJlUbSEYtLPriywx7VsjblKxJy8GTnvRleZ6hVFRkSxs5HZdQRd2WGmd1rXviZJc1XWNtOHdZvQ3PpYIOnY0aufbQHX3_LI/s1600/4.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWFB0wa0PJBxppuChTt7WBCKGGiFn3ULQFrr-IKco1a5b5fJlUbSEYtLPriywx7VsjblKxJy8GTnvRleZ6hVFRkSxs5HZdQRd2WGmd1rXviZJc1XWNtOHdZvQ3PpYIOnY0aufbQHX3_LI/s1600/4.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 14px;&quot;&gt;*Blending Optionnya →Drop Shadow pilih Multiply,Opacy 75%,Distance 6, Spread 0, Size 1px&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqeOCPCV7hIY5EyyqGI5KcjUkZAksrD0nUX4XGjV9bVbW90OLUiQLeDdNrcCm4A4hfnUfaxPtsiD_ZDOhK1vs6CW5KVRfNPfsvU1CbEN7fa7IKHloOjsVlPTbw6CUfTFANytrBLAopec/s1600/5.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPqeOCPCV7hIY5EyyqGI5KcjUkZAksrD0nUX4XGjV9bVbW90OLUiQLeDdNrcCm4A4hfnUfaxPtsiD_ZDOhK1vs6CW5KVRfNPfsvU1CbEN7fa7IKHloOjsVlPTbw6CUfTFANytrBLAopec/s1600/5.jpg&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;*Blending
Optionnya →Outer Glow pilih Multiply,Opacy 57%,Range 50%, Spread 12%, Size 8px&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 13px; line-height: 14px;&quot;&gt;Color yg gelap, Jitter 0&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEJX17CfAdq48qof8uMj7hdU6jOi-DlmMrBJz8bJE-vw2bnDmvwuYUbhoGI-x0oLCfG5moIAHjnXiaVwAMfMJTIgudZgtOkpd75Q-OOnmD_c_GHBK94JClbseGS_hSxnv1guf4h6OXT34/s1600/6.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEJX17CfAdq48qof8uMj7hdU6jOi-DlmMrBJz8bJE-vw2bnDmvwuYUbhoGI-x0oLCfG5moIAHjnXiaVwAMfMJTIgudZgtOkpd75Q-OOnmD_c_GHBK94JClbseGS_hSxnv1guf4h6OXT34/s1600/6.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 14px;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 14px;&quot;&gt;*Blending Optionnya →Inner Glow pilih Screen,Opacy 93%,Noise 0%, Choke 58%, Size 5px&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDEF2ttHy-QmUEYFpxJm8Hx1WeyTGBzP5yflVExdWZxCkO0YcBMCAIiKFYcdisxLflThd62PSL-bojymHJSTu_fIlofZmfz2kosh-oGFgHJKVyrLhymMCMQmGhpse3N-z5ndT87sm9E1I/s1600/7.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDEF2ttHy-QmUEYFpxJm8Hx1WeyTGBzP5yflVExdWZxCkO0YcBMCAIiKFYcdisxLflThd62PSL-bojymHJSTu_fIlofZmfz2kosh-oGFgHJKVyrLhymMCMQmGhpse3N-z5ndT87sm9E1I/s1600/7.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Color
yellow, Technique Softer, Range 50%&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;

&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;


&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Setelah itu
kita potong menu bar tsb dengan Slice spt gambar :&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Z91HkEAfPN2c-dTMKthlg3gtcGWEYhMsNJnlk4NxusDFT7kc2XyqrpFFjnU0vC_kTvtO9cmbgMUCl17lUq_jniNucEQb9YkX4x3ONAm37xyUXCuC4xwXs5Y-9SQ4tBZ14iLoB7KD8VY/s1600/8.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;185&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Z91HkEAfPN2c-dTMKthlg3gtcGWEYhMsNJnlk4NxusDFT7kc2XyqrpFFjnU0vC_kTvtO9cmbgMUCl17lUq_jniNucEQb9YkX4x3ONAm37xyUXCuC4xwXs5Y-9SQ4tBZ14iLoB7KD8VY/s320/8.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Setelah di
Slice lalu di Save For Web and Devices &lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Klik save and Done&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAM4LFaylrT6KfnXWV186Ltv0f2amPG7Jk5UjvwrlCYLZUgEQWC9szmjJx__0MsJ9Q6plSQyRuuzjL0p2N4duioTlTLRwm9C4v66GjudAfScsq8Ss3QJGiybDRuLvm5WLGXySSf4hz5o/s1600/9.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;180&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiAM4LFaylrT6KfnXWV186Ltv0f2amPG7Jk5UjvwrlCYLZUgEQWC9szmjJx__0MsJ9Q6plSQyRuuzjL0p2N4duioTlTLRwm9C4v66GjudAfScsq8Ss3QJGiybDRuLvm5WLGXySSf4hz5o/s320/9.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 13px; line-height: 14px;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-family: &amp;quot;Calibri&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt; line-height: 115%; mso-ansi-language: EN-US; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: &amp;quot;Times New Roman&amp;quot;; mso-bidi-language: AR-SA; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-language: EN-US; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt; &lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;b style=&quot;color: red; font-size: 10pt; line-height: 115%;&quot;&gt;Catatan Untuk
menu Bar yg lain “About”, dll… sama ikuti Langkah membuat “Home” Bar menu&lt;/b&gt;&lt;/span&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Nah setelah
dibuat image dan &amp;nbsp;menunya sekarang kita
Masuk ke bagian membuat template web dengan dreamweavernya&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #0070c0;&quot;&gt;&lt;/span&gt;&lt;/b&gt;
&lt;b&gt;&lt;span style=&quot;color: #0070c0;&quot;&gt;Langkah#3 Membuat Template web dengan Dreamweaver :&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;b&gt;&lt;span style=&quot;color: #0070c0;&quot;&gt;&lt;br /&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Buka
Dreamweavernya&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%;&quot;&gt;Klik New&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-t4jt-QFG-9AGTT2F7j1oNRqlY0CN-LEl2Gx-8AblGYftSH8J1emBgphdYtYpYgsxSgLssOg9ViOmnoJA3ZwP1i7SMIYKARkUdZH0Wjs9f59CJLZMf1Z5JjgYLj8Ojd-FFpMnCTG0r08/s1600/10.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;179&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-t4jt-QFG-9AGTT2F7j1oNRqlY0CN-LEl2Gx-8AblGYftSH8J1emBgphdYtYpYgsxSgLssOg9ViOmnoJA3ZwP1i7SMIYKARkUdZH0Wjs9f59CJLZMf1Z5JjgYLj8Ojd-FFpMnCTG0r08/s320/10.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt; line-height: 115%; mso-no-proof: yes;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Pilih Blank
Template&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→HTML template→2 column fixed,left
sidebar,header and footer&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghT06hOAim0axZjrcohIzSKMSVJeFtTHM9z7avIlpLUEUctBaico1wGnyRu2dBynx5IyUOjhyWNWFx9A0zZ3fsngPafPyOy-yXuCdcgth8v6g2wHjX2Jdd5qleKUUAm11ZV455QQyDwy8/s1600/11.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghT06hOAim0axZjrcohIzSKMSVJeFtTHM9z7avIlpLUEUctBaico1wGnyRu2dBynx5IyUOjhyWNWFx9A0zZ3fsngPafPyOy-yXuCdcgth8v6g2wHjX2Jdd5qleKUUAm11ZV455QQyDwy8/s1600/11.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Lalu create, Hasilnya sbb :&lt;/span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwaIUL-QMrdS-laAweHoXSlVkgh6UKtpDiKFlljZ3cJa9Xfmj2YyHpUiwgmFufSyN3uON3ikzkcq2R30TCV-_myaH5GYXjpBHFsS-3PxAskkns-lTyVSIaFFw8sM_pznHMRSeYOvCkQ0k/s1600/12.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;153&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwaIUL-QMrdS-laAweHoXSlVkgh6UKtpDiKFlljZ3cJa9Xfmj2YyHpUiwgmFufSyN3uON3ikzkcq2R30TCV-_myaH5GYXjpBHFsS-3PxAskkns-lTyVSIaFFw8sM_pznHMRSeYOvCkQ0k/s320/12.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;b style=&quot;font-size: 10pt;&quot;&gt;Header &lt;/b&gt;&lt;span style=&quot;font-size: 10pt;&quot;&gt;: Bisa diisi berupa
discription dr web ,image/menu bar&lt;/span&gt;&lt;br /&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;/span&gt;
&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;b&gt;Main Content&lt;/b&gt; : Isi artikel
web kita&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;b&gt;Sidebar1 Content&lt;/b&gt; : Isi
bisa berupa Link website,Blogroll dll….&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;b&gt;Footer&lt;/b&gt; : Isikan dengan
“Copyright by…./alamat contact web owner&lt;br /&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Klik pada Tulisan Header&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;insert&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;image&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;pilih lokasi image yg dibuat dg
photoshop td&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;alternate (isi nama image)&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Long description sesuai nama situs
anda&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;OK , spt gbr :&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xW-2ILT8FTgOFrLUW1HVcq7xE7md7DzWnItg7XbtiHqQtvXg2vkevzy2dH-7Rm_INxr0Q2eruIFuog3EhQ7Tl8xwiRUCK2_fLrn3s-QB9vLvO19MtFwV1LfDmVG_E6a9xk0nXE4YLss/s1600/13.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;133&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xW-2ILT8FTgOFrLUW1HVcq7xE7md7DzWnItg7XbtiHqQtvXg2vkevzy2dH-7Rm_INxr0Q2eruIFuog3EhQ7Tl8xwiRUCK2_fLrn3s-QB9vLvO19MtFwV1LfDmVG_E6a9xk0nXE4YLss/s320/13.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Hasilnya spt
dibawah :&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JqiRYxW5COpilu01a2xElsAKGmQyCaJ_FDmOKQ71GuHfAc1flTCbeAYJrQjFLVkEUYCJX-Ok0YFgSbDgO54cwS_9d8Wa9NQ6oEfv-nJ0WgF2z4E43Rbxi-XLTh3p9CDfklJBwXqscz4/s1600/14.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;153&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8JqiRYxW5COpilu01a2xElsAKGmQyCaJ_FDmOKQ71GuHfAc1flTCbeAYJrQjFLVkEUYCJX-Ok0YFgSbDgO54cwS_9d8Wa9NQ6oEfv-nJ0WgF2z4E43Rbxi-XLTh3p9CDfklJBwXqscz4/s320/14.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Kemudian
isikan &quot;Home&quot;Menubar yg tlah dibuat dg photoshop tadi, step sama dgn cara memasukkan
image header diatas tinggal pilih lokasi folder tersimpan&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;OK&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Isi Alternate&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;→&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;Isi Discription, spt gbr :&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjEe-4X6nyo-KXjrpct_YB2BL1dffXwbqKoJUyymhgR_g-aezkvZIrNa3QiGwcklVpU-oAMxe1a6QixNmNeQUfRwM4uiQLnW0bvaRu3Nk6c1Vq5H0rqTDW3Xbf80ALkKX_jp-7PI6tikw/s1600/15.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;158&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjEe-4X6nyo-KXjrpct_YB2BL1dffXwbqKoJUyymhgR_g-aezkvZIrNa3QiGwcklVpU-oAMxe1a6QixNmNeQUfRwM4uiQLnW0bvaRu3Nk6c1Vq5H0rqTDW3Xbf80ALkKX_jp-7PI6tikw/s320/15.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPLT-_aaNPyjpoH3ntz73EgtXlEYrhd7bXXecB3H_Qc3duICXJmdgeb_yQDNFcDRG21ES_8wOR3ODrvRaCJ5z57CdG_BM2TRu27WIihlU9YvW4PpnK3fpRDkqrysuUCcm3kXqdvIUW0k/s1600/16.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;161&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPLT-_aaNPyjpoH3ntz73EgtXlEYrhd7bXXecB3H_Qc3duICXJmdgeb_yQDNFcDRG21ES_8wOR3ODrvRaCJ5z57CdG_BM2TRu27WIihlU9YvW4PpnK3fpRDkqrysuUCcm3kXqdvIUW0k/s320/16.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;Hasilnya sbb :&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNgOKnqQnzHJ75X0mIxzYN9NSzfba_LDKxT_geUSK6eIplaTNltP4L2vuQy4y1HhMxARHgFx918IWc3RA8NGSz116uhDe3Ax7MgdrKQ-1dbMcIpR8BssAux40Y2bMVs_7CfzyZE_QjEQU/s1600/17.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;160&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNgOKnqQnzHJ75X0mIxzYN9NSzfba_LDKxT_geUSK6eIplaTNltP4L2vuQy4y1HhMxARHgFx918IWc3RA8NGSz116uhDe3Ax7MgdrKQ-1dbMcIpR8BssAux40Y2bMVs_7CfzyZE_QjEQU/s320/17.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;b style=&quot;font-size: 10pt;&quot;&gt;&lt;span style=&quot;color: red;&quot;&gt;Catatan : Menubar yg lain langkahnya sama spt diatas.&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;span style=&quot;font-size: 10pt;&quot;&gt;Selanjutnya di Save sbg Master Template klik File→Save
as template&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;span style=&quot;font-size: 10pt;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC73gny0y8yk7a5ffDuyUhb1uTLkpH9d92EoyIJSXTbgWLEOaa1rJKLc8U9CcH_fDR9oXtpIyuR2nrLM8kg3Y0Z0wr9-6vwMlEPCRqWF9mCZl4_U71wXXJ-wsNcl-lkXztijg7jmgKcL4/s1600/18.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;122&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC73gny0y8yk7a5ffDuyUhb1uTLkpH9d92EoyIJSXTbgWLEOaa1rJKLc8U9CcH_fDR9oXtpIyuR2nrLM8kg3Y0Z0wr9-6vwMlEPCRqWF9mCZl4_U71wXXJ-wsNcl-lkXztijg7jmgKcL4/s320/18.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;
&lt;span style=&quot;font-size: 10pt;&quot;&gt;
&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10pt;&quot;&gt;Untuk sbg Master Template Menu Bar hanya “Home” aja,
selanjutnya Langkah membuat&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
Template Menu bar yg lain tinggal open “Master
template”lalu tinggal ditambahkan insert image utk menubar misalkan “About”
lalu blok “HOME” dan link -an dgn master template yg disimpan sbg home tadi (atau
server hosting kita contoh http://mywebsite.com/home).&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFPWB45yrB69BtBCduOVwcXJtd5GCjVyumfJZbrQJ38ZgeZbiAp5v6i7HmeHAaOZFJHCxcy7rbTuZP3uAjKBPRYnX-QvPnIAn_OFOSp-3XPYeazy4hriMTDkrLZRUxG9nojEkPt56-OM/s1600/19.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;216&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFPWB45yrB69BtBCduOVwcXJtd5GCjVyumfJZbrQJ38ZgeZbiAp5v6i7HmeHAaOZFJHCxcy7rbTuZP3uAjKBPRYnX-QvPnIAn_OFOSp-3XPYeazy4hriMTDkrLZRUxG9nojEkPt56-OM/s320/19.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;span style=&quot;font-size: 10pt;&quot;&gt;Kemudian Anda tinggal klik isi artikel dan hapus font contoh
bawaan dr dreamweaver dan siap menulis isi web tsb.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
Untuk &lt;b&gt;Link&lt;/b&gt; anda bisa isikan dengan web anda yg lain
tinggal tulis judul web anda dan block tulisannya lalu klik link isikan dgn
alamat situs web anda yg lain.&lt;br /&gt;
utk hasilnya anda bisa melihat di Firefox spt gbr dibawah :&amp;nbsp;&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dtAZIoHlcEDvTRW-2pt49cqCMLpezVWibNurps130atUKNTgN54DLYhxXHpTEEhsVwelo2vOenUyaKIQS_1IkcwsJI9md2cPTfV0Klg6gufga5asN3MHLKtC2FMuhno9dWeKkBOJwoA/s1600/20.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;163&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4dtAZIoHlcEDvTRW-2pt49cqCMLpezVWibNurps130atUKNTgN54DLYhxXHpTEEhsVwelo2vOenUyaKIQS_1IkcwsJI9md2cPTfV0Klg6gufga5asN3MHLKtC2FMuhno9dWeKkBOJwoA/s320/20.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqHGoBjK8FK54fYJdvrYVG8xWMlydryv5NIrxxQ8qIMA8YqsXAsKaKLoonORBVm5BGD3jAK4-FcxJnlNsB9x3zJh6msJzKcIgBt88ZILCJneOOCmQqtkd0-KmEZkhSFaF-WjvizLjrqUs/s1600/21.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;201&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqHGoBjK8FK54fYJdvrYVG8xWMlydryv5NIrxxQ8qIMA8YqsXAsKaKLoonORBVm5BGD3jAK4-FcxJnlNsB9x3zJh6msJzKcIgBt88ZILCJneOOCmQqtkd0-KmEZkhSFaF-WjvizLjrqUs/s320/21.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNoSpacing&quot;&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Nah selesai sudah Tutorialnya Caiiyooo&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
Semoga Bermanfaat&lt;/div&gt;
&amp;nbsp;&lt;span style=&quot;font-size: 10pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&lt;span style=&quot;font-size: 10pt; line-height: 115%;&quot;&gt;&lt;span style=&quot;font-size: 10.0pt;&quot;&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt; &lt;/span&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&amp;nbsp;untuk video selengkapnya mengenai ini silahkan di lihat dan di tonton.&lt;br /&gt;
&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;315&quot; src=&quot;//www.youtube.com/embed/C5vt6XVevpE&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/5847336440263827839/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/07/belajar-cara-membuat-website-dengan.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5847336440263827839'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5847336440263827839'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/07/belajar-cara-membuat-website-dengan.html' title='Belajar Cara Membuat Website dengan Photoshop dan Dreamweaver (Newbie)'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO4E4WW3Vl3Pp_uqCy4QM26w5mVUjJ1ntlD_jLJfLzghibKrVW0ccmTVFYTG1ZGtweU2iwQzoIwZ1XkEtZ-Kw57pB9IIYANozLnYRcd7xpqFpcxV9ZDqNpunSIUOFYgdvyBOfGVmu8Qus/s72-c/Open+Dreamweaver.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-2609197946150205899</id><published>2013-05-29T02:28:00.001-07:00</published><updated>2013-08-31T01:19:40.400-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Web Desain"/><title type='text'>Membangun Website Dinamis Berbasis PHP-MySQL</title><content type='html'>Membangun website dinamis sendiri, dan tidak bergantung pada CMS yang
 telah disediakan didunia maya baik secara gratis maupun yang berbayar, 
kadangkala mengalamit kesulitan, apalagi bagi pemula. Saya berusaha 
menyampaikan artikel ini secara bersambung karena materinya sangat luas 
sekali, mulai dari dasar-dasar yang sederhana dan mudah diimplemtasikan,
 sampai nanti begitu rumit karena dikolaborasi dengan CSS, plugin dan 
fitur-fitur web lainnya, misalnya video-player, MP3-Player, 
Radio-streaming,, Video-Streaming, Menu-menu cantik Login Member, dan 
masih banyak lainnya, serta akan kami sampaikan secara bertahap.&lt;br /&gt;
&lt;a name=&#39;more&#39;&gt;&lt;/a&gt;&lt;br /&gt;
Oleh karena itu, untuk dapat memahami secara detail, anda harus 
membacanya secara lengkap juga pada setiap seri artikel saya, dimana 
tadinya judul saya buat berseri namun karena saran tehnis, maka judul 
diubah sesuai pokok materinya. &amp;nbsp;Saya sarankan anda untuk membaca 
artikel-artikel saya melalui menu “Most Popular Author&lt;span style=&quot;color: #ff6900;&quot;&gt;“&lt;/span&gt; karena tiap-tiap sesi artikel selalu berhubungan.&lt;br /&gt;
Disamping itu penyajiannya secara singkat, tentunya ada uraian-uraian 
yang sulit dipahami, kami akan membantu anda apabila dibutuhkan. Hubingi
 kami di email multigraphica@yahoo.com, syukur kalau kita bisa chating 
dengan YM, sekaligus pertanyaan akan kami jawab, dan solusi akan lebih 
cepat.&lt;br /&gt;
Disamping itu kalau tulisan-tulisan saya ada yang &amp;nbsp;sama dengan 
tulisan anda, kami siap untuk dikomplain atau dikalim dan tentunya saya 
mohon maaf sebelumnya, tetapi yang jelas tulisan saya ini tanpa konsep, 
sehingga mungkin agak acak-acakan.&lt;br /&gt;
Sebelum website diupload ke hosting dengan domain yang gratis maupun 
berbayar, tentunya harus kita develop dan uji di PC kita terlebih 
dahulu. Untuk upload file, biasanya saya gunakan&amp;nbsp;&lt;b&gt;&lt;i&gt;Filezilla&amp;nbsp;&lt;/i&gt;&lt;/b&gt;yang dapat anda download secara gratis. Sedangkan host local pada computer anda carilah aplikasi&amp;nbsp;&lt;b&gt;&lt;i&gt;WAMPP, XAMPP&lt;/i&gt;&lt;/b&gt;&amp;nbsp;atau
 lainnya. Biasanya yang saya gunakan XAMPP karena lebih user-friend dan 
familiar. Untuk men-generate halaman-halaman web kita gunakan&amp;nbsp;&lt;b&gt;&lt;i&gt;PHP-Maker&lt;/i&gt;&lt;/b&gt;&lt;br /&gt;
PHP-Maker yang paling sederhana dan mudah untuk dimodifikasi hasilnya
 adalah PHP-Maker versi 1. &amp;nbsp;PhotoFiltre, adalah editor gambar yang 
ringan, sederhana tetapi memadai untuk digunakan meng-edit gambar/foto 
untuk website.&lt;br /&gt;
&lt;b&gt;Download Aplikasi &amp;nbsp;: &amp;nbsp;&lt;a href=&quot;http://ilmukomputer.org/wp-content/uploads/2012/06/PHPMaker-1.01.zip&quot;&gt;PHPMaker 1.0&lt;/a&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;a href=&quot;http://ilmukomputer.org/wp-content/uploads/2012/06/Filezilla.zip&quot;&gt;Filezilla&lt;/a&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;a href=&quot;http://ilmukomputer.org/wp-content/uploads/2012/06/PhotoFiltre-5.6.22.zip&quot;&gt;PhotoFiltre 5.6.2&lt;/a&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;Download Tulisan Lengkap&lt;/b&gt;: &lt;a href=&quot;http://ilmukomputer.org/wp-content/uploads/2012/06/agus_membangunweb.doc&quot;&gt;membangunweb.doc&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/2609197946150205899/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/05/membangun-website-dinamis-berbasis-php.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2609197946150205899'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2609197946150205899'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/05/membangun-website-dinamis-berbasis-php.html' title='Membangun Website Dinamis Berbasis PHP-MySQL'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-9052759904376876992</id><published>2013-05-29T02:26:00.002-07:00</published><updated>2013-07-26T09:47:01.405-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jaringan Komputer"/><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'> Pemrograman Mobile Android</title><content type='html'>&lt;div style=&quot;text-align: justify;&quot;&gt;
Hampir setiap orang di kota-kota besar 
Indonesia, memiliki handphone atau smartphone yang digunakan untuk 
berkomunikasi, bahkan memiliki lebih dari satu, berapa ribu 
smartphone-kah yang ada di dunia ini? Peluang inilah yang dapat kita 
rambah yaitu pemrograman mobile phone. Banyak sekali platform mobile 
yang dapat kita coba, diantaranya J2ME, QT Mobile, dan Android. Salah 
satunya yang sedang booming adalah Android Mobile. Android merupakan 
sistem operasi berbasis linux yang bahasa pemrograman aplikasinya dapat 
kita buat menggunakan java. Dengan pengetahuan seputar java yang telah 
mencukupi, anda dapat membuat aplikasi berbasis android.&lt;/div&gt;
&lt;strong&gt;Download Tulisan Lengkap&lt;/strong&gt; : &lt;a href=&quot;http://ilmukomputer.org/wp-content/uploads/2012/04/octav-PemrogramanAndroid.rar&quot;&gt;PemrogramanAndroid.pdf&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/9052759904376876992/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/05/pemrograman-mobile-android.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/9052759904376876992'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/9052759904376876992'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/05/pemrograman-mobile-android.html' title=' Pemrograman Mobile Android'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-2004463606334794622</id><published>2013-05-29T02:22:00.002-07:00</published><updated>2013-07-26T09:47:01.403-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jaringan Komputer"/><title type='text'>Belajar Jaringan Komputer</title><content type='html'>&lt;div align=&quot;justify&quot;&gt;
Sebelumya mari kita pelajari tentang pengertian 
Jaringan komputer . Jaringan computer adalah sebuah sistem yang terdiri 
atas komputer dan perangkat jaringan lainnya yang bekerja bersama-sama 
untuk mencapai suatu tujuan yang sama. Tujuan dari jaringan komputer 
adalah Membagi sumber daya: contohnya berbagi pemakaian printer, CPU, 
memory, harddisk. Komunikasi: contohnya e-mail/ surat elektronik,instans
 messaging,chatting. Akses informasi: contohnya &lt;em&gt;web browsing &lt;/em&gt;. Agar dapat mencapai tujuan yang sama, setiap bagian dari jaringan komputer meminta dan memberikan layanan ( &lt;em&gt;service &lt;/em&gt;). Pihak yang meminta layanan disebut klien ( &lt;em&gt;client &lt;/em&gt;) dan yang memberikan layanan disebut pelayan ( &lt;em&gt;server &lt;/em&gt;).&lt;/div&gt;
&lt;div align=&quot;justify&quot;&gt;
Nah yang dimksud dengan perangkat jaringan lainnya 
tersebut misalnya switch,router,dll yang mungkin harganya terlalu mahal 
untuk ukuran pembelajaran pribadi, sebagai penggantinya yang kita 
butuhkan disini hanylah sebuah software untuk simulasi jaringan 
komputer. Software simulasi tersebut bernama packet Tracer.&lt;/div&gt;
&lt;strong&gt;Download Tulisan Lengkap: &lt;/strong&gt;&lt;a href=&quot;http://ilmukomputer.org/wp-content/uploads/2009/05/anharku-belajarjaringankomputer.zip&quot;&gt;Belajar jaringan Komputer&lt;/a&gt;</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/2004463606334794622/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/05/belajar-jaringan-komputer.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2004463606334794622'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2004463606334794622'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/05/belajar-jaringan-komputer.html' title='Belajar Jaringan Komputer'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-2469479488409474640</id><published>2013-04-22T19:58:00.000-07:00</published><updated>2013-07-26T09:48:01.219-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'>KONSEP PROGRAM</title><content type='html'>&lt;b&gt;KONSEP PROGRAM&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;

&lt;b&gt;I.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Konsep Umum :&lt;/b&gt;&lt;br /&gt;

Pemrograman adalah urutan langkah ,prosedur atau tindakan yang harus 
dilakukan secara sistematis berencana dalam jangka waktu tertentuuntuk 
mencapai suatu tujuan yang di inginkan.&lt;br /&gt;

&lt;br /&gt;
&lt;b&gt;II.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Konsep IT&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; :&lt;/b&gt;&lt;br /&gt;

Pemrograman adalah urutan langkah prosedur yang di wujudkan dalam 
bentuk intruksi – intruksi pemrograman yang diberikan kepada computer 
tersebut dapat menjalankan suatu fungsi untuk memperoleh hasil yang di 
ingikan.&lt;br /&gt;

&lt;br /&gt;

DEFINISI KOMPUTER&lt;br /&gt;

Suatu alat yang fungsinya menerima masukan data memperoses data tersebut untuk menghasilkan informasi kepada user.&lt;br /&gt;

Pada computer sifat pengolaha data dapat di ubah – ubah kapan saja 
berdasarkan program yang di brikan untuk melakukan pengolahan data 
tersebut.&lt;br /&gt;

Cirri-ciri computer adanya keybord dan monitor.&lt;br /&gt;

Jenis – pemrograman&lt;br /&gt;

&lt;ol&gt;
&lt;li&gt;Pemrograman BIOS&lt;/li&gt;
&lt;li&gt;Pemrograman operating system&lt;/li&gt;
&lt;li&gt;Perograman bhs.program (kompilen)&lt;/li&gt;
&lt;li&gt;Perograman untuk menghasilkan aplikasi umum&lt;/li&gt;
&lt;li&gt;Pembuatan aplikasi administrasi perkantoran / keuangan (data base &amp;amp; perogram)&lt;/li&gt;
&lt;li&gt;Pemrograman Web&lt;/li&gt;
&lt;li&gt;Pemrograman Multymedia&lt;/li&gt;
&lt;li&gt;Pemrograman aplikasi Robotik / mesin industry&lt;/li&gt;
&lt;/ol&gt;
PEMROGRAMAN JAVA&lt;br /&gt;

Dapat dilakukan dengan 2 cara yaitu&lt;br /&gt;

&lt;ol&gt;
&lt;li&gt;Pemrograman dilakukan didalam lingkungan DOS (CMD)&lt;/li&gt;
&lt;li&gt;Pemrograman dilakukan dalam lingkungan windows dengan menggunakan netbeans&lt;/li&gt;
&lt;/ol&gt;
Contoh program di DOS&lt;br /&gt;

Program pengaktif JAVA di Dos tuliskan program pengaktif java ini di notped kemudian di savaas dengan extension .Java&lt;br /&gt;

SET PATH=C:/Program Files/JAVA/jdk1.6.0_25;C:/Program Files/JAVA/jdk1.6.0_25/bin&lt;br /&gt;

SET CLASSPATH=.;C:/Program Files/JAVA/jdk1.6.0_25/lib&lt;br /&gt;

SET HOMEDRIVE=C:&lt;br /&gt;

SET HOMEPATH=/Program Files/JAVA/jdk1.6.0_25&lt;br /&gt;

SET JAVA_HOME=:C:/Program Files/JAVA/jdk1.6.0_25&lt;br /&gt;
&lt;br /&gt;

Langkah – langkah pemrograman JAVA dalam lingkungan CMD&lt;br /&gt;

&lt;ol&gt;
&lt;li&gt;Program o/s windows, program java ditulis dengan mengunakan notped 
atau dapat juga menggunakan texs editor lainnya ex: edit plus , dbedit&lt;/li&gt;
&lt;li&gt;Program java diletakan didalam class dan class tersebut harus diberi nama.&lt;/li&gt;
&lt;li&gt;Program disave dan diberi ekstensi .java dan nama file harus sama dengan nama class&lt;/li&gt;
&lt;li&gt;Selanjutnya file tsb harus di compile dengan menggunakan compiler Java (javac)&lt;/li&gt;
&lt;/ol&gt;
Contoh program java di dos&lt;br /&gt;
&lt;br /&gt;

Ketikan program berikut&lt;br /&gt;

public class Halo{&lt;br /&gt;

public static void main(String[] args){&lt;br /&gt;

System.out.println(“Selamat Belajar java”);&lt;br /&gt;

System.out.println(“java kahfi comp”);&lt;br /&gt;

System.out.println(“============================”);&lt;br /&gt;

System.out.println(“Nama&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Alamat&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Jurusan” );&lt;br /&gt;

System.out.println(“============================”);&lt;br /&gt;

System.out.println(“Kahfi&amp;nbsp;&amp;nbsp;&amp;nbsp; Bekasi&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; komputer”);&lt;br /&gt;

System.out.println(“Romo&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; jakarta&amp;nbsp;&amp;nbsp;&amp;nbsp; mesin&amp;nbsp;&amp;nbsp; “);&lt;br /&gt;

System.out.println(“============================”);&lt;br /&gt;

System.out.println(“============================”);&lt;br /&gt;

System.out.println(“&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; trims”);&lt;br /&gt;

System.out.println(“&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; “);&lt;br /&gt;

System.out.println(“&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; “);&lt;br /&gt;

System.out.println(“&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Kahfi”);&lt;br /&gt;

System.out.println(“============================”);&lt;br /&gt;

}&lt;br /&gt;

}&lt;br /&gt;
&lt;br /&gt;

Kemudian save file tersebut&amp;nbsp; dengan extension .java nama file harus 
sana dengan nama class, karna disini nama calss nya adalah&amp;nbsp; Halo maka 
save dengan Nama Halo.java kemudian type save as diganti dengan All 
file.&lt;br /&gt;

Setelah selesai maka compare file dengan cara javac Halo.java 
kemudian ketikan java Halo maka file sudah dikompair cara melihanya 
dengan cara ketian dir lihat jika sudah ada file dengan type Halo.class 
maka file tersebut sudah ter compiler&lt;br /&gt;

Program java terdiri atas&lt;br /&gt;
&lt;br /&gt;

{ (kurawal buka dinyatakan sebagai awal dari dimulainya program)&lt;br /&gt;

} (kurawal tutup dinyatakan sebagai akhir dari sebuah program )&lt;br /&gt;
&lt;br /&gt;

Program java diawali dengan printah pembuka sebagai berikut.&lt;br /&gt;

&lt;b&gt;public static void main(String[] args) {&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;}&lt;/b&gt;&lt;br /&gt;

Program java juga dapat di jalankan di internet dengan menggunakan Applet java&lt;br /&gt;

Langkah – langkah pembentukan Applet java&lt;br /&gt;

&lt;ul&gt;
&lt;li&gt;Buatlah program Applet dengan menggunakan notped&lt;/li&gt;
&lt;li&gt;Lakukan kompilasi terhadap Applet java dengan menggunakan perintah javac&lt;/li&gt;
&lt;li&gt;File hasil kompolasi (file dengan ekstensi .class) dapat diletakan 
kedalam program HTML dengan menggunakan Tag &amp;lt;Applet code = 
file.class&amp;gt;&lt;/li&gt;
&lt;li&gt;Selanjutnya jalankan program html dengan browser internet&lt;/li&gt;
&lt;/ul&gt;
Contoh program Applet java :&lt;br /&gt;

&lt;b&gt;import java.awt.Graphics;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;public class AppletHalo extends java.applet.Applet{&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; public void paint (Graphics g){&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; g.drawString(“Selamat Belajar Java”,5,20);&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;}&lt;/b&gt;&lt;br /&gt;

Contoh program Applet java di dalam HTML&lt;br /&gt;

&lt;b&gt;&amp;lt;html&amp;gt;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;lt;body bgcolor=”red”&amp;gt;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;lt;applet code=”AppletHalo.class”width=”250″height=”80″&amp;gt;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;lt;/applet&amp;gt;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;lt;/body&amp;gt;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;&amp;lt;/html&amp;gt;&lt;/b&gt;&lt;br /&gt;

&lt;div align=&quot;center&quot;&gt;
&lt;b&gt;EKSPRESI&lt;/b&gt;&lt;/div&gt;
&lt;br /&gt;

&lt;b&gt;OPERATOR&lt;/b&gt;&lt;br /&gt;

a)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; OPERATOR ARITMATIKA&lt;br /&gt;

b)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; OPERATOR PENGGABUNGAN&lt;br /&gt;

c)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; OPERATOR PENAMBAHAN &amp;amp; PENGURANGAN&lt;br /&gt;

d)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; OPERATOR PENUGASAN&lt;br /&gt;

e)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; OPERATOR PEMBANDING&lt;br /&gt;

f)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; OPERATOR LOGICA&lt;br /&gt;
&lt;br /&gt;

&lt;b&gt;VARIABEL&lt;/b&gt;&lt;br /&gt;

a)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; VARIABEL STRING&lt;br /&gt;

b)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; VARIABEL INTEGER&lt;br /&gt;

c)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; VARIABEL DOUBLE (REAL)&lt;br /&gt;

d)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; VARIABLE BOOLEAN&lt;br /&gt;
&lt;br /&gt;

&lt;b&gt;PERINTAH-PRINTAH DECISION (KEPUTUSAN)&lt;/b&gt;&lt;br /&gt;

a)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; IF&lt;br /&gt;

b)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; IF ELSE&lt;br /&gt;

&lt;br /&gt;
&lt;b&gt;PERINTAH-PERINTAH LOOPING&lt;/b&gt;&lt;br /&gt;

a)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; BERULANG/PENGULANGAN&lt;br /&gt;

&lt;br /&gt;
&lt;b&gt;PENJELASAN&lt;/b&gt;&lt;br /&gt;

&lt;br /&gt;
&lt;b&gt;EKSPRESI&lt;/b&gt;&lt;br /&gt;

Adalah suatu ungkpan yang menghasilkan sebuah nilai.Ekspresi biasanya muncul dalam bentuk Aritmatika .&lt;br /&gt;

Contoh:&lt;br /&gt;

1+2,1+2*3 (1+2)*(3+2)&lt;br /&gt;

Dalam java ekspresi di uji dengan menggunakan program penampil.&lt;br /&gt;

&lt;br /&gt;
&lt;b&gt;OPERATOR&lt;/b&gt;&lt;br /&gt;

Adalah suatu tanda. Tanda ini berlaku terhadap literal di sebelah 
kiri dan kanan tanda operator melakukan operasi tertentu terhadap 
literal di kiri dan dikanan tanda operasi.&lt;br /&gt;

1 + 2 dimana 1(literal kiri) + (operator) 2(literal kanan)&lt;br /&gt;

Fungsi operator + diatas adalah menjumlahkan literal di kiri dengan di kanan&lt;br /&gt;

a)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Operator Aritmatika&lt;br /&gt;

Adalah jenis –jenis operator yang di gunakan dalam berhitung&lt;br /&gt;

Contoh:&lt;br /&gt;

&lt;ol&gt;
&lt;li&gt;&amp;nbsp;+&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : operator penjumlah&lt;/li&gt;
&lt;li&gt;-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : operator selisih&lt;/li&gt;
&lt;li&gt;*&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : operator Pengali&lt;/li&gt;
&lt;li&gt;/&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : operator pembagi&lt;/li&gt;
&lt;li&gt;%&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : operator sisa pembagian&lt;/li&gt;
&lt;/ol&gt;
Fungsi&lt;br /&gt;

+&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : Menjumlahkan literal dikiri dengan literal di kanan contoh: &lt;b&gt;1+2 = 3&lt;/b&gt;&lt;br /&gt;

-&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : Selisih antara literal kiri dengan literal kanan contoh: &lt;b&gt;5-3 = 2&lt;/b&gt;&lt;br /&gt;

*&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : Mengalikan literal di kiri dengan literal di kanan Contoh: &lt;b&gt;5*3 = 15&lt;/b&gt;&lt;br /&gt;

/&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : Membagi literal dikiri dengan literal di kanan: &lt;b&gt;5/3&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;

b)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Operator Penggabung&lt;br /&gt;

Operator Penggabung dinyatankan dengan &lt;b&gt;symbol&amp;nbsp; +&lt;/b&gt;&amp;nbsp; (sama dengan operator penjumlah)&lt;br /&gt;

&lt;b&gt;Fungsi Operator penjumlah adalah menggabungkan literal di sebelah kanan dan di sebelah kiri&lt;/b&gt;&amp;nbsp; &lt;br /&gt;

&lt;b&gt;System.out.println(“nilai X = ”+X);&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;contohnya : “1 + 2 = ”+(1+2)&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;Hasilnya&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : 1+2 = 3&lt;/b&gt;&lt;br /&gt;

&lt;br /&gt;

c)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Operator Penambahan&amp;nbsp; &amp;amp;&amp;nbsp; Pengurangan&lt;br /&gt;

Perhatikan bentuk – bentuk berikut:&lt;br /&gt;

&lt;b&gt;X = 5;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;X = X + 1;&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;X&lt;/b&gt;&lt;b&gt;baru = X&lt;/b&gt;&lt;b&gt;lama &amp;nbsp;+ 1&lt;/b&gt;&lt;br /&gt;

Operator Penambah : ++&lt;br /&gt;

Operator pengurang: –&lt;br /&gt;

Pritah diatas dapat di gantikan dengan: ++X atau X++&lt;br /&gt;

&lt;br /&gt;

d)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Aritmatika Oprator Penambahan &amp;amp; Pengurangan&lt;br /&gt;

Exs:&lt;br /&gt;

Int x,y,z&lt;br /&gt;

X=4&lt;br /&gt;

Y=6&lt;br /&gt;

Z=++X + ++Y&lt;br /&gt;

= 5 + 7&lt;br /&gt;

=12&lt;br /&gt;

X = 5 Y=7&lt;br /&gt;

&lt;br /&gt;

Int x,y,z&lt;br /&gt;

X=4&lt;br /&gt;

Y=6&lt;br /&gt;

Z=++X + Y++&lt;br /&gt;

= 5 + 7&lt;br /&gt;

=12&lt;br /&gt;

X = 5 Y=7&lt;br /&gt;

&lt;br /&gt;

e)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Operator Penugasan&lt;br /&gt;

Operator Penugasan memiliki bentuk – bentuk sbb:&lt;br /&gt;

=&lt;br /&gt;

+=&lt;br /&gt;

-=&lt;br /&gt;

*=&lt;br /&gt;

/=&lt;br /&gt;

%=&lt;br /&gt;

&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Operator penugasan berlaku dengan ketentuan sbb:&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
=,+=(Berlaku untuk variable bertype string, atau variable bertype bilangan(integer atau real))&lt;br /&gt;

-=,*=,/=,%=(berlaku untuk type bilangan integer atau real)&lt;br /&gt;

&lt;br /&gt;

&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Type variable&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
String (huruf, kata,kalimat)&lt;br /&gt;

Int (integer (tdk boleh ada unsur pecahan))&lt;br /&gt;

Double (bil real(bilangan yang boleh ada pecahan))&lt;br /&gt;

Bolean (logica (variable yang bernilai ‘0’ atau 1 atau ya atau tidak Betul atau Salah))&lt;br /&gt;

&lt;b&gt;f)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/b&gt;&amp;nbsp;Operator pembanding adalah operator yang br fungsi membandingkan 2 literal, hasil pembandinagn jawabannya adalah &lt;b&gt;true or&amp;nbsp; false , ya atau tidak, 1 atau 0, benar atau salah &lt;/b&gt;&lt;br /&gt;

Jenis-jenis Operator Pembanding:&lt;br /&gt;

&lt;ol&gt;
&lt;li&gt;&lt;b&gt;1.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/b&gt;&lt;br /&gt;
&lt;table cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; style=&quot;width: 100%px;&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;div&gt;
Berlaku untuk string, Boolean,bilangan&lt;br /&gt;

&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;b&gt;= =&amp;nbsp; (kesamaan)&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;ol&gt;
&lt;li&gt;&lt;b&gt;2.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/b&gt;&lt;b&gt;! =&amp;nbsp; (ketidak samaan)&lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;3.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/b&gt;&lt;b&gt;&amp;gt;&amp;nbsp; (lebihb esar) ,&amp;nbsp; &amp;lt;&amp;nbsp; (lebih kecil) &lt;/b&gt;&lt;/li&gt;
&lt;li&gt;&lt;b&gt;4.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/b&gt;&lt;b&gt;&amp;nbsp;&amp;gt;=&amp;nbsp; (lebih besar atau sama dengan) ,&amp;nbsp; &amp;lt;= (lebih kecil atau sama denagn)&lt;/b&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;br /&gt;

&lt;br /&gt;

&lt;br /&gt;

&lt;b&gt;Contoh program:&lt;/b&gt;&lt;br /&gt;

&lt;b&gt;Int&lt;/b&gt; a,b ;&lt;br /&gt;

a = 5; b = 7;&lt;br /&gt;

operator &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; fungsi&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; jawaban&lt;br /&gt;

a = = b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; apakah a samadengan b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; false&lt;br /&gt;

a ! = b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; apakah a tidak sama dengan b&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; true&lt;br /&gt;

a &amp;gt; b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; apakah a lebih besar dari b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; false&lt;br /&gt;

a &amp;lt; b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; apakah a lebih kecil dari b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; true&lt;br /&gt;

a &amp;gt;= b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; apakah a lebih besar atau sama dengan b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; false&lt;br /&gt;

a &amp;lt;= b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; apakah a lebih kecil atau sama dengan b&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; true&lt;br /&gt;

g)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Operator Logica&lt;br /&gt;

Dalam operasinya operator logica menggunakan input operator 
pembanding, karna itu input terhadap operator logica adalah True or 
False. Begitu juga output dari oprator logica hanya True or False.&lt;br /&gt;

Operator Logica dasar terdiri atas 3 jenis(not , and , or)&lt;br /&gt;

&lt;ol&gt;
&lt;li&gt;Operator NOT&lt;/li&gt;
&lt;/ol&gt;
Operator not hanya memiliki 1 input&amp;nbsp; dan 1 output&lt;br /&gt;

Symbol&amp;nbsp; operator NOT adalah !&lt;br /&gt;

&lt;br /&gt;

&lt;ol&gt;
&lt;li&gt;Operator AND&lt;/li&gt;
&lt;/ol&gt;
Operator AND memiliki paling sedikit 2 buah input Input maksimal yang
 boleh dimiliki operator AND tidak terbatas akan tetapi jumlahnya 
outputnya hanya satu&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; MAsing-masing&amp;nbsp; nilai input dan output 
true or false&lt;br /&gt;

Symbol Program untuk operator AND &amp;amp;&amp;amp;&lt;br /&gt;

&lt;table align=&quot;left&quot; border=&quot;1&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td colspan=&quot;2&quot; valign=&quot;top&quot; width=&quot;126&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
INPUT&lt;/div&gt;
&lt;/td&gt;
&lt;td rowspan=&quot;2&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
Output&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
Input&amp;nbsp; 1&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
Input 2&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
0&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
0&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
0&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
0&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
0&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
0&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
0&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;div align=&quot;center&quot;&gt;
1&lt;/div&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
J&lt;br /&gt;
ika salah satu pernyataan salah maka jawabannya salah&lt;br /&gt;

Jika jawaban 22 nya benar maka benar.&lt;br /&gt;

&lt;br /&gt;

&lt;br /&gt;

&lt;br /&gt;
&lt;dl class=&quot;gallery-item&quot;&gt;
&lt;dt class=&quot;gallery-icon&quot;&gt;
    
   &lt;/dt&gt;
&lt;/dl&gt;
</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/2469479488409474640/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/konsep-program.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2469479488409474640'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2469479488409474640'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/konsep-program.html' title='KONSEP PROGRAM'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-1819045362225093872</id><published>2013-04-22T19:42:00.000-07:00</published><updated>2013-07-26T09:48:36.533-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'>Dasar-Dasar Pemrograman Datamining di R: Interface Pemrograman Java</title><content type='html'>Selain sebagai software paket statistika, R juga merupakan lingkungan
 sistem pemrograman yang cukup lengkap. Artinya, R dapat digunakan 
sebagai alat untuk memecahkan berbagai masalah melalui pemrograman. 
Tentu saja masalah yang lebih tepat dipecahkan dengan R adalah yang 
terkait dengan analisis data dalam konteks statistika.&lt;br /&gt;
Para developer R menyadari bahwa analisis data kuantitatif melalui 
statistika memerlukan beberapa tahapan yang mana setiap tahapan 
dibutuhkan alat bantu untuk ‘berbicara’ dengan lingkungan disekitarnya. 
Secara singkat tahapan ini meliputi 1) persiapan data, 2) pemilihan 
metode/teknik, 3) eksekusi dan 4) penyajian informasi. Sebagai contoh, 
pada tahap persiapan data, alat bantu yang dibutuhkan bagi seorang 
stastisi adalah kemudahan dalam menghubungkan raw data (database, file 
terstruktur, dsb) dengan lingkungan R. Solusi yang&amp;nbsp; diberikan oleh 
developer dan kontributor R terkait dengan hal ini diantaranya adalah 
membuat library ODBC, JDBC, CSV dll.&lt;br /&gt;
Selain kemudahan, konsep yang sering digunakan oleh para programer 
adalah otomatisasi dan integrasi proses. Artinya dalam sistem yang 
kompleks, lingkungan R harus bisa menyediakan interface bahasa yang 
berfungsi sebagai penghubung antar fungsi-fungsi dalam sistem tersebut. 
Dengan latar belakang itulah developer dan kontributor R membuat 
berbagai interface bahasa pemrograman yang berada diluar R seperti C, 
Java dan Tcl/Tk agar bisa memudahkan proses otomatisasi dan integrasi.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Download Tulisan Lengkap: &lt;/b&gt;&lt;b&gt;&lt;a href=&quot;http://ilmukomputer.org/wp-content/uploads/2012/05/sigit-pemrograman-datamining-R-3.pdf&quot;&gt;pemrograman-datamining-R-3&lt;/a&gt;&lt;/b&gt; </content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/1819045362225093872/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/tuesday-april-23-2013-dasar-dasar.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/1819045362225093872'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/1819045362225093872'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/tuesday-april-23-2013-dasar-dasar.html' title='Dasar-Dasar Pemrograman Datamining di R: Interface Pemrograman Java'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-4300469589028456780</id><published>2013-04-20T00:53:00.004-07:00</published><updated>2013-07-26T09:48:55.884-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Internet"/><title type='text'>Advanced Blogging</title><content type='html'>&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuFbynqle7dRr7BXQsjd8q-pP34QAiTnK8xyNZxpyChlDf1Exokkbrrac8wbu3UOFtZCnMqfbkmCIdL6CtfDxJDXi3qnwU6H0j-XJyj6dbR1FYdcMj3jKnjinOMkzfzVhdMBGlCIE508/s1600/seo.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuFbynqle7dRr7BXQsjd8q-pP34QAiTnK8xyNZxpyChlDf1Exokkbrrac8wbu3UOFtZCnMqfbkmCIdL6CtfDxJDXi3qnwU6H0j-XJyj6dbR1FYdcMj3jKnjinOMkzfzVhdMBGlCIE508/s1600/seo.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
Baiklah sekarang saya akan share materi tentang blog.&lt;br /&gt;
sebelumnya anda harus tahu apa itu blog?&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;A. Pengertian Blog&lt;/b&gt;&lt;br /&gt;
Blog adalah singkatan dari web log yang merupakan sebuah website yang 
isinya dapat di update secara reguler. Selain itu, blog juga 
memungkinkan pengunjung untuk berkomentar. Blog juga dapat dipakai untuk
 banyak kegiatan, seperti untuk dijadikan buku atau catatan harian 
online, maupun untuk menulis artikel seperti halnya koran digital.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;B. Jenis-Jenis Blog&lt;/b&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
Sama seperti media pada umumnya, informasi yang dimuat dalam sebuah blog
 biasanya mengambil topik tertentu sebagai pokok bahasan, ada beberapa 
jenis blog menurut isi/konten yang terdapat didalamnya, antara lain: 
Blog politik, Blog pribadi, Blog kesehatan, Blog sastra, Blog 
perjalanan, Blog riset, Blog hukum, Blog media, Blog pendidikan, Blog 
bisnis dan sebagainya.&lt;br /&gt;
&lt;br /&gt;

&lt;a href=&quot;http://bangdanu.files.wordpress.com/2011/09/blogging-money.jpg&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;alignright size-medium wp-image-706&quot; height=&quot;225&quot; src=&quot;http://bangdanu.files.wordpress.com/2011/09/blogging-money.jpg?w=300&quot; width=&quot;300&quot; /&gt;&lt;/a&gt;&lt;b&gt;C. Manfaat Blog &lt;/b&gt;&lt;br /&gt;
Knowledge Sharing. Blog bisa menjadi sangat bermanfaat jika diisi dengan
 knowledge-knowledge yang bermanfaat buat orang banyak. Dengan blog, 
semua orang bisa dengan mudah mengeksternalisasikan knowledge yang 
dimilikinya ke publik. Sehingga dengan begitu knowledge yang dimilikinya
 itu bisa dishare ke orang lain dan menjadi bermanfaat buat orang yang 
membutuhkannya.&amp;nbsp;
Bridge Blogging. Blog dapat dimanfaatkan sebagai jembatan informasi 
untuk menggambarkan kondisi suatu negara dalam bahasa global (seperti 
Inggris), sehingga dapat menjembatani orang lain untuk mendapat 
informasi dengan lebih akurat.&lt;br /&gt;
Ground Voice, Suara Akar Rumput. Dengan blog, orang dapat dengan leluasa
 menuliskan pendapatnya tentang suatu hal. Opini-opini yang muncul 
kemudian bisa menjadi sebuah opini yang kuat yang mampu menunjukkan 
bagaimana sebenarnya pendapat masyarakat tentang suatu hal.&lt;br /&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; Idea Incubation. Biasanya jika seseorang mempunyai suatu ide, ide 
tersebut tidak langsung direalisasikan. biasanya ide yang muncul dalam 
otaknya terpendam sekian lama untuk proses pematangan ide. seiring 
berjalannya waktu, dia akan menambahkan konsep-konsep pelengkap dari 
idenya itu dalam tulisan/blog.&lt;br /&gt;&lt;br /&gt;
&amp;nbsp;&amp;nbsp; Media Bisnis. Selain digunakan untuk kepentingan personal, blog juga 
dapat digunakan sebagai media untuk menjembatani suatu kegiatan bisnis 
(blog bisnis) atau mendapatkan penghasilan tambahan.&lt;br /&gt;
&lt;br /&gt;

&lt;b&gt;D. Advance Blog&lt;/b&gt;&lt;br /&gt;
Advance Blog sendiri tidak lain merupakan suatu upaya untuk menjadikan 
sebuah blog memiliki fungsi yang lebih komplit dibanding blog standard 
baik dalam fungsi kolaborasi seperti fitur komentar, shoutbox maupun 
dalam hal tampilan. Advance Blog biasa juga dikenal dengan istilah 
Profesional Blog.&lt;br /&gt;
&lt;br /&gt;

&lt;b&gt;E. Aspek Penting dari Advance Blog&lt;/b&gt;&lt;br /&gt;
Untuk membuat Blog menjadi lebih advance/profesional, beberapa aspek yang perlu diperhatikan adalah:&lt;br /&gt;
1. &lt;b&gt;Tampilan&lt;/b&gt;, sebuah blog akan terlihat tidak biasa/lebih advance 
terutama dipengaruhi oleh tampilannya yang tidak biasa/standard.&lt;br /&gt;
2. &lt;b&gt;Tema&lt;/b&gt;, menentukan tema tertentu untuk dibahas dalam blog akan membuat blog lebih spesifik dalam menyampaikan informasi.&lt;br /&gt;
3. &lt;b&gt;Isi Blog&lt;/b&gt;, selain tampilan, kualitas isi tulisan maupun informasi 
dalam sebuah blog sangat mempengaruhi tingkat kunjungan blog yang 
bersangkutan.&lt;br /&gt;
4&lt;b&gt;. Fitur&lt;/b&gt;, sebuah blog akan terlihat lebih advance jika didalamnya 
terdapat fitur-fitur pendukung yang dapat membuat blog menjadi lebih 
menarik dan interaktif.&lt;br /&gt;
5. &lt;b&gt;SEO(Search Engine Optimation)&lt;/b&gt;, populer tidaknya suatu blog juga 
dipengaruhi oleh cara kita mengenalkan blog pada mesin pencari(seperti 
google, yahoo atau bing).&lt;br /&gt;
&lt;br /&gt;

&lt;b&gt;F. Langkah-langkah membuat Advance Blog&lt;/b&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;
Untuk menjadikan sebuah blog menjadi lebih advance, beberapa langkahnya antara lain:&lt;br /&gt;
1. &lt;b&gt;Kualitas Tampilan&lt;/b&gt;. Untuk membuat blog menjadi lebih advance kita 
dapat mulai dengan memperbaharui/update tampilan/template/themes yang 
menarik untuk blog kita, hal ini dapat dilakukan dengan mencari template
 gratis melalui internet atau dengan memperbaiki/menambahkan template 
yang sudah ada (dibutuhkan pemahaman HTML/PHP). Usahakan sedapat mungkin
 mensinkronkan tampilan dengan tema utama dari blog.&lt;br /&gt;

&lt;a href=&quot;http://bangdanu.files.wordpress.com/2011/09/blogging-relationships.jpg&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img alt=&quot;&quot; class=&quot;alignright size-medium wp-image-704&quot; height=&quot;300&quot; src=&quot;http://bangdanu.files.wordpress.com/2011/09/blogging-relationships.jpg?w=300&quot; width=&quot;300&quot; /&gt;&lt;/a&gt;&lt;br /&gt;

&lt;div&gt;
2. &lt;b&gt;Tema&lt;/b&gt;. Langkah berikutnya adalah dengan menentukan suatu tema 
untuk blog anda. Tema layaknya seperti sebuah identitas, dengan 
menjadikan blog menjadi spesifik membahas tema tertentu maka akan 
menjadikan blog anda semakin mudah menjadi bahan referensi untuk tema 
tertentu bagi para pembaca. Terlalu banyak tema inti yang dibahas justru
 akan membuat blog anda kehilangan identitas utama.&lt;/div&gt;
3. I&lt;b&gt;si Blog&lt;/b&gt;. Memperhatikan isi blog yang kita tulis juga dapat 
menjadikan blog menjadi lebih menarik untuk dibaca, perhatikan tata cara
 penulisan, sumber tulisan dan informasi lain seperti gambar ataupun 
link terkait yang dapat membuat blog anda lebih menarik. Jangan 
sembarang mencopas(copy paste) tulisan orang lain tanpa menyebutkan 
sumber yang jelas, karena selain melanggar hak cipta tulisan, juga 
justru akan membingungkan pembaca jika tulisan tidak sesuai dengan 
identitas asli blog anda. Selain itu kontinuitas anda dalam 
memperbaharui isi blog juga&amp;nbsp;dapat menjadikan blog anda semakin populer.&lt;br /&gt;

4. &lt;b&gt;Fitur&lt;/b&gt;. Melengkapi blog dengan fitur menarik seperti komentar, 
galeri foto, animasi dan kotak saran/buku tamu dapat menjadikan blog 
anda terlihat lebih profesional. Anda dapat lakukan dengan menambahkan 
Gadget/Widget tambahan yang terintegrasi dengan blog anda atau mencari 
widget tambahan yang dapat anda peroleh dari Internet.&lt;br /&gt;

5. &lt;b&gt;SEO&lt;/b&gt;. Poin terakhir yang juga sangat menentukan popularitas blog 
anda adalah bagaimana cara anda mengenalkan blog anda pada mesin pencari
 populer seperti Google atau Yahoo, karena hampir 80% pengguna internet 
menggunakan mesin pencari sebagai fasilitas awal untuk mencari 
informasi. Beberapa trik untuk SEO dapat dengan mudah anda pelajari dari
 buku atau Internet untuk dikembangkan dan diterapkan dalam blog anda.&lt;br /&gt;
</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/4300469589028456780/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/advanced-blogging.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/4300469589028456780'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/4300469589028456780'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/advanced-blogging.html' title='Advanced Blogging'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwuFbynqle7dRr7BXQsjd8q-pP34QAiTnK8xyNZxpyChlDf1Exokkbrrac8wbu3UOFtZCnMqfbkmCIdL6CtfDxJDXi3qnwU6H0j-XJyj6dbR1FYdcMj3jKnjinOMkzfzVhdMBGlCIE508/s72-c/seo.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-5250168542516142742</id><published>2013-04-20T00:31:00.000-07:00</published><updated>2013-07-26T09:49:44.282-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'>Games Sederhana dengan HTML5</title><content type='html'>&lt;!--[if gte mso 9]&gt;&lt;xml&gt;
 &lt;w:WordDocument&gt;
  &lt;w:View&gt;Normal&lt;/w:View&gt;
  &lt;w:Zoom&gt;0&lt;/w:Zoom&gt;
  &lt;w:TrackMoves/&gt;
  &lt;w:TrackFormatting/&gt;
  &lt;w:PunctuationKerning/&gt;
  &lt;w:ValidateAgainstSchemas/&gt;
  &lt;w:SaveIfXMLInvalid&gt;false&lt;/w:SaveIfXMLInvalid&gt;
  &lt;w:IgnoreMixedContent&gt;false&lt;/w:IgnoreMixedContent&gt;
  &lt;w:AlwaysShowPlaceholderText&gt;false&lt;/w:AlwaysShowPlaceholderText&gt;
  &lt;w:DoNotPromoteQF/&gt;
  &lt;w:LidThemeOther&gt;EN-US&lt;/w:LidThemeOther&gt;
  &lt;w:LidThemeAsian&gt;X-NONE&lt;/w:LidThemeAsian&gt;
  &lt;w:LidThemeComplexScript&gt;AR-SA&lt;/w:LidThemeComplexScript&gt;
  &lt;w:Compatibility&gt;
   &lt;w:BreakWrappedTables/&gt;
   &lt;w:SnapToGridInCell/&gt;
   &lt;w:WrapTextWithPunct/&gt;
   &lt;w:UseAsianBreakRules/&gt;
   &lt;w:DontGrowAutofit/&gt;
   &lt;w:SplitPgBreakAndParaMark/&gt;
   &lt;w:DontVertAlignCellWithSp/&gt;
   &lt;w:DontBreakConstrainedForcedTables/&gt;
   &lt;w:DontVertAlignInTxbx/&gt;
   &lt;w:Word11KerningPairs/&gt;
   &lt;w:CachedColBalance/&gt;
  &lt;/w:Compatibility&gt;
  &lt;w:BrowserLevel&gt;MicrosoftInternetExplorer4&lt;/w:BrowserLevel&gt;
  &lt;m:mathPr&gt;
   &lt;m:mathFont m:val=&quot;Cambria Math&quot;/&gt;
   &lt;m:brkBin m:val=&quot;before&quot;/&gt;
   &lt;m:brkBinSub m:val=&quot;--&quot;/&gt;
   &lt;m:smallFrac m:val=&quot;off&quot;/&gt;
   &lt;m:dispDef/&gt;
   &lt;m:lMargin m:val=&quot;0&quot;/&gt;
   &lt;m:rMargin m:val=&quot;0&quot;/&gt;
   &lt;m:defJc m:val=&quot;centerGroup&quot;/&gt;
   &lt;m:wrapIndent m:val=&quot;1440&quot;/&gt;
   &lt;m:intLim m:val=&quot;subSup&quot;/&gt;
   &lt;m:naryLim m:val=&quot;undOvr&quot;/&gt;
  &lt;/m:mathPr&gt;&lt;/w:WordDocument&gt;
&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;
 &lt;w:LatentStyles DefLockedState=&quot;false&quot; DefUnhideWhenUsed=&quot;true&quot;
  DefSemiHidden=&quot;true&quot; DefQFormat=&quot;false&quot; DefPriority=&quot;99&quot;
  LatentStyleCount=&quot;267&quot;&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;0&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Normal&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;heading 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 7&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 8&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;9&quot; QFormat=&quot;true&quot; Name=&quot;heading 9&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 7&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 8&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; Name=&quot;toc 9&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;35&quot; QFormat=&quot;true&quot; Name=&quot;caption&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;10&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Title&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; Name=&quot;Default Paragraph Font&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;11&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtitle&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;22&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Strong&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;20&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Emphasis&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;59&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Table Grid&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Placeholder Text&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;1&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;No Spacing&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; UnhideWhenUsed=&quot;false&quot; Name=&quot;Revision&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;34&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;List Paragraph&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;29&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Quote&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;30&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Quote&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 1&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 2&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 3&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 4&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 5&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;60&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Shading Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;61&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light List Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;62&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Light Grid Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;63&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 1 Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;64&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Shading 2 Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;65&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 1 Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;66&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium List 2 Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;67&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 1 Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;68&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 2 Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;69&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Medium Grid 3 Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;70&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Dark List Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;71&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Shading Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;72&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful List Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;73&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; Name=&quot;Colorful Grid Accent 6&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;19&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Emphasis&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;21&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Emphasis&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;31&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Subtle Reference&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;32&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Intense Reference&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;33&quot; SemiHidden=&quot;false&quot;
   UnhideWhenUsed=&quot;false&quot; QFormat=&quot;true&quot; Name=&quot;Book Title&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;37&quot; Name=&quot;Bibliography&quot;/&gt;
  &lt;w:LsdException Locked=&quot;false&quot; Priority=&quot;39&quot; QFormat=&quot;true&quot; Name=&quot;TOC Heading&quot;/&gt;
 &lt;/w:LatentStyles&gt;
&lt;/xml&gt;&lt;![endif]--&gt;&lt;!--[if gte mso 10]&gt;
&lt;style&gt;
 /* Style Definitions */
 table.MsoNormalTable
 {mso-style-name:&quot;Table Normal&quot;;
 mso-tstyle-rowband-size:0;
 mso-tstyle-colband-size:0;
 mso-style-noshow:yes;
 mso-style-priority:99;
 mso-style-qformat:yes;
 mso-style-parent:&quot;&quot;;
 mso-padding-alt:0in 5.4pt 0in 5.4pt;
 mso-para-margin-top:0in;
 mso-para-margin-right:0in;
 mso-para-margin-bottom:10.0pt;
 mso-para-margin-left:0in;
 line-height:115%;
 mso-pagination:widow-orphan;
 font-size:11.0pt;
 font-family:&quot;Calibri&quot;,&quot;sans-serif&quot;;
 mso-ascii-font-family:Calibri;
 mso-ascii-theme-font:minor-latin;
 mso-fareast-font-family:&quot;Times New Roman&quot;;
 mso-fareast-theme-font:minor-fareast;
 mso-hansi-font-family:Calibri;
 mso-hansi-theme-font:minor-latin;
 mso-bidi-font-family:Arial;
 mso-bidi-theme-font:minor-bidi;}
&lt;/style&gt;
&lt;![endif]--&gt;

&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxefVuNahFkj2-89HQTcNl2hDOc3BeBeDqDTG3zZNR5DyldlGVkATMSH8xlNKC76J3fEieUvL9eLWFCwTfXel7HK2ihvczdwcWcPC9JZf08q780SRe1KpmcLoGy89EB8smAUVtez7FJSo/s1600/17.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;208&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxefVuNahFkj2-89HQTcNl2hDOc3BeBeDqDTG3zZNR5DyldlGVkATMSH8xlNKC76J3fEieUvL9eLWFCwTfXel7HK2ihvczdwcWcPC9JZf08q780SRe1KpmcLoGy89EB8smAUVtez7FJSo/s320/17.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;HTML5
merupakan sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari World Wide
Web, sebuah teknologi inti dari Internet. HTML5 adalah revisi kelima dari HTML Dimana
tujuan utama pengembangan HTML5 adalah untuk memperbaiki teknologi HTML agar
mendukung teknologi multimedia terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti
oleh mesin.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;HTML5
merupakan hasil proyek dari W3C (World Wide Web Consortium dan WHATWG &lt;/span&gt;&lt;i&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Italic+FPEF&amp;quot;; font-size: 11.5pt; mso-bidi-font-family: &amp;quot;Cambria Italic+FPEF&amp;quot;;&quot;&gt;( Web Hypertext Application Technology Working Group )&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;.
Dimana WHATWG bekerja dengan bentuk web
dan aplikasi dan W3C merupakan pengembang dari XHTML 2.0 pada tahun 2006, kemudian
mereka memutuskan untuk bekerja sama dan membentuk versi baru dari HTML&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-size: 11.5pt;&quot;&gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;; font-size: 11.5pt; mso-bidi-font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;;&quot;&gt;Berikut tujuan dibuatnya HTML5 :&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Fitur baru harus didasarkan
pada HTML, CSS, DOM, dan JavaScript&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Mengurangi ketergantugan untuk
plugin eksternal (Seperti Flash)&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Penanganan kesalahan yang lebih
baik&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Lebih markup untuk menggantikan
scripting&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;HTML5 merupakan perangkat
mandiri&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Proses pembangunan dapat
terlihat untuk umum&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;; font-size: 11.5pt; mso-bidi-font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;;&quot;&gt;Fitur baru dalam HTML5 :&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Unsur kanvas untuk menggambar&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Video dan elemen audio untuk
media pemutaran&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Dukungan yang lebih baik untuk
penyimpanan secara offline&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Elemen konten yang lebih
spesifik, seperti artikel, footer, header, nav, section&lt;/span&gt;&lt;/li&gt;
&lt;li&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Unicode MS&amp;quot;,&amp;quot;sans-serif&amp;quot;; font-size: 10.0pt;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: FPEF; font-size: 10.0pt; mso-bidi-font-family: FPEF; mso-hansi-font-family: &amp;quot;Times New Roman Italic+FPEF&amp;quot;;&quot;&gt;&lt;/span&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;nbsp; Bentuk kontrol form seperti
kalender, tanggal, waktu, email, url, search.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Beberapa
browser sudah mendukung HTML5 seperti safari, chrome, firefox, dan opera.Kabarnya IE9
( Internet Explorer ) akan mendukung beberapa fitur dari HTML5. Pembuatan
HTML5 juga dikarenakan Standard HTML4 yang dijumpai banyak memiliki kelemahan
untuk mendukung aplikasi web yang interaktif. Akibat hal ini banyak orang menambahkan
fitur baru baik disisi aplikasi web ataupun disisi browser. Solusi ini dikenaldengan
plugin dan salah satunya adalah Flash dan Silverlight.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Semakin
menjamurnya plugin didalam aplikasi atau browser membuat aplikasi web ini susah untuk
menembus banyak browser. Hal ini dikarenakan setiap plugin mempunyai cara yang
berbeda-beda, sebagai contoh kita ingin memasang plugin flash untuk sharing video maka
pada halaman web kita harus ditulis sebagai berikut&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;lt;object
type=&quot;application/x-shockwave-flash&quot; width=&quot;400&quot;
height=&quot;220&quot; wmode=&quot;transparent&quot; data=&quot;flvplayer.swf?file=movies/holiday.flv&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;lt;param
name=&quot;movie&quot; value=&quot;flvplayer.swf?file=movies/holiday.flv&quot;
/&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;lt;param
name=&quot;wmode&quot; value=&quot;transparent&quot; /&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;lt;/object&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Contoh
diatas menggunakan plugin Flash dari Adobe untuk menjalankan aplikasi web pada browser maka
lain caranya bila kita menggunakan Silverlight. Teknologi Silverlight dikembangkan
oleh Microsoft. Contoh penggunaan Silverlight pada halaman web dapat dilihat pada
HTML dibawah ini&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-size: 10pt;&quot;&gt;&amp;lt;object
width=&quot;300&quot; height=&quot;300&quot;
data=&quot;data:application/x-silverlight-2,&quot;
type=&quot;application/xsilverlight-&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;2&quot; &amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;lt;param
name=&quot;source&quot; value=&quot;SilverlightApplication1.xap&quot;/&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;lt;/object&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;HTML5 ini
dibuat menyederhanakan kompleksitas penggunaan media video dengan standard
baru yaitu penggunaan tag &amp;lt;video&amp;gt;. Dengan fitur baru ini maka kita cukup menulis
script untuk menjalankan file video sebagai berikut&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;span style=&quot;font-size: 10pt;&quot;&gt;&amp;lt;video
src=tutorialku.mp4&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&amp;lt;/video&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Isu
bagaimana menjalankan file video pada aplikasi web merupakan salah satu contoh bagaimana
HTML4 tidak dapat mencakup masalah ini dan masih banyak lagi isu pada HTML4. Oleh
karena itu, kita sudah saatnya memanfaatkan HTML5 sebagai standard aplikasi web
kita.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Bold+FPEF&amp;quot;; font-size: 15.5pt; mso-bidi-font-family: &amp;quot;Arial Bold+FPEF&amp;quot;;&quot;&gt;Testing Browser Support HTML5&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Bagaimana
caranya untuk menguji apakah browser yang anda install itu sudah support HTML5 atau
tidak dan seberapa banyak fitur HTML5 yang disupport? Caranya cukup mudah,
pertama-tama pastikan komputer anda sudah terhubung dengan internet dan arahkan ke
alamat web sebagai berikut:&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 10.0pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;http://html5test.com&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Dari data
yang ada pada website itu browser Maxthon 3.4.1 merupakan browser terbaik dalam hal
mendukung bahasa HTML5 dengan 422 total skor diikuti kemudian dengan google
Chrome 20 dengan 414 total skor kemudian berturut-turut Opera 12.00 dengan 385, Firefox
13 dengan 345, Safari 5.1 dengan 317 dan Internet Explorer 9 dengan 138 point.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Ada beberapa
hal yang perlu kita ketahui tentang HML 5. HTML 5 yang saat ini sudah mulai diimplementasikan
oleh beberapa browser grade A akan membawa lebih dari sekedar fitur untuk layout
dan format halaman. Beberapa di antaranya adalah Canvas dan Video.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;; font-size: 13.5pt; mso-bidi-font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;;&quot;&gt;Canvas&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Dulu, untuk
bisa memberikan interaksi menggambar di halaman web kita harus memakai applet Java
atau Flash. HTML 5 akan memberikan satu opsi tambahan: &lt;/span&gt;&lt;i&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Italic+FPEF&amp;quot;; font-size: 11.5pt; mso-bidi-font-family: &amp;quot;Cambria Italic+FPEF&amp;quot;;&quot;&gt;canvas&lt;/span&gt;&lt;/i&gt;&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;. Seperti namanya,
canvas adalah media yang bisa dicorat-coret langsung. Tidak lagi perlu memuat plugin
khusus. Cukup tambahkan &amp;lt;canvas&amp;gt; dan javascript maka kita sudah bisa menggambar
langsung di halaman web. Sekarang Anda bisa berimaginasi sendiri, kira-kira apa saja
yang orang lakukan dengan &amp;lt;canvas&amp;gt;. Apa yang sebelumnya jadi monopoli
Flash dan aplet
Java akan di-take-over oleh &amp;lt;canvas&amp;gt;.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;; font-size: 13.5pt;&quot;&gt;Video dan Audio&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Akan ada tag
&amp;lt;audio&amp;gt; dan &amp;lt;video&amp;gt; di HTML 5. Jadi tidak perlu lagi menempelkan
flash untuk
sekedar memutar audio. Format video yang didukung akan bervariasi terhadap browser,
kemungkinan besar codecnya adalah Ogg Theora (patent free) dan H.264. Sepertinya
sampai sekarang codecnya masih jadi kontroversi.&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;; font-size: 13.5pt; mso-bidi-font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;;&quot;&gt;Local Storage&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Masih ingat
Google Gears? Sekarang storage untuk browser akan diakomodasi sebagai standard
dalam HTML 5. Aplikasi bisa menyimpan data dalam jumlah lebih besar dari biasanya
tanpa harus mengimplementasikan trik dengan cookie atau Flash. Tentunya ini kabar baik
bagi pengembang aplikasi web. Mungkin bisa meningkatkan performa aplikasi dengan
menggunakan storage sebagai local cache. Coba liat detilnya di sini.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;; font-size: 13.5pt; mso-bidi-font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;;&quot;&gt;Web Workers&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Yang ini
juga sempat kita nikmati lewat Google Gears. Jika javascript biasanya yang kita nikmati di
web kadangkala menyebabkan komputer kita melambat atau paling tidak membuat
browser seperti sesak napas maka web worker akan bsia jadi pelega. Salah satu fitur web
worker adalah threading. Kini javascript bisa dipakai untuk melakukan beberapa proses
sekaligus tanpa harus menghambat proses terkait UI.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: 0.0001pt;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;; font-size: 13.5pt; mso-bidi-font-family: &amp;quot;Cambria Bold+FPEF&amp;quot;;&quot;&gt;Semantics&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Cambria+FPEF; font-size: 11.5pt; mso-bidi-font-family: Cambria+FPEF;&quot;&gt;Nah ini dia.
Buat designer yang sering meng-abuse div dan span sebagia elemen nav, fret no more. Akan
ada tag khusus untuk navigasi, section, footer, dll. Tag yang kaya semantic seperti ini
pasti akan lebih bermanfaat dari pada tag yang hanya punya informasi format dan layout
saja. Dan bagi mesin, HTML5 akan jadi lebih bisa dimengerti.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;b&gt;&lt;span style=&quot;font-family: &amp;quot;Arial Bold+FPEF&amp;quot;; font-size: 15.5pt; mso-bidi-font-family: &amp;quot;Arial Bold+FPEF&amp;quot;;&quot;&gt;Games Sederhana HTML5&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;!DOCTYPE
HTML&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;html
lang=&quot;en&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;meta
name=&quot;viewport&quot; content=&quot;width=device-width,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;user-scalable=no,
initial-scale=1, maximum-scale=1, user-scalable=0&quot; /&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;meta
name=&quot;apple-mobile-web-app-capable&quot; content=&quot;yes&quot; /&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;meta
name=&quot;apple-mobile-web-app-status-bar-style&quot;
content=&quot;black-translucent&quot; /&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;style
type=&quot;text/css&quot;&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;body { margin: 0;
padding: 0; background: #000;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;canvas { display:
block; margin: 0 auto; background: #fff; }&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;/style&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;/head&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;body&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;canvas&amp;gt;&amp;lt;/canvas&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&amp;lt;script&amp;gt;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;//
http://paulirish.com/2011/requestanimationframe-for-smart-animating&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// shim layer
with setTimeout fallback&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.requestAnimFrame
= (function(){&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;return
window.requestAnimationFrame ||&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.webkitRequestAnimationFrame
||&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.mozRequestAnimationFrame
||&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.oRequestAnimationFrame
||&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.msRequestAnimationFrame
||&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;function(
callback ){&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.setTimeout(callback,
1000 / 60);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;})();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// namespace our
game&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;var POP = {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// set up some
inital values&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;WIDTH: 320,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;HEIGHT: 480,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;scale: 1,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the position
of the canvas&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// in relation to
the screen&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;offset: {top: 0,
left: 0},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// store all
bubble, touches, particles etc&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;entities: [],&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the amount of
game ticks until&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we spawn a
bubble&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;nextBubble: 100,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// for tracking
player&#39;s progress&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;score: {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;taps: 0,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;hit: 0,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;escaped: 0,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;accuracy: 0&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we&#39;ll set the
rest of these&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// in the init
function&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;RATIO: null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;currentWidth: null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;currentHeight:
null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;canvas: null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;ctx: null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;ua: null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;android: null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;ios: null,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;init: function()
{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the proportion
of width to height&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.RATIO =
POP.WIDTH / POP.HEIGHT;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// these will
change when the screen is resize&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.currentWidth
= POP.WIDTH;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.currentHeight
= POP.HEIGHT;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// this is our
canvas element&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.canvas =
document.getElementsByTagName(&#39;canvas&#39;)[0];&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// it&#39;s important
to set this&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// otherwise the
browser will&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// default to
320x200&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.canvas.width
= POP.WIDTH;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.canvas.height
= POP.HEIGHT;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the canvas
context allows us to&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// interact with
the canvas api&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx =
POP.canvas.getContext(&#39;2d&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we need to
sniff out android &amp;amp; ios&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// so we can hide
the address bar in&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// our resize
function&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ua =
navigator.userAgent.toLowerCase();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.android =
POP.ua.indexOf(&#39;android&#39;) &amp;gt; -1 ? true : false;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ios = (
POP.ua.indexOf(&#39;iphone&#39;) &amp;gt; -1 || POP.ua.indexOf(&#39;ipad&#39;) &amp;gt; -1 ) ? true :
false;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// set up our
wave effect&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// basically, a
series of overlapping circles&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// across the top
of screen&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.wave = {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;x: -25, // x
coord of first circle&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;y: -40, // y
coord of first circle&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;r: 50, // circle
radius&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;time: 0, // we&#39;ll
use this in calculating the sine wave&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;offset: 0 // this
will be the sine wave offset&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// calculate how
many circles we need to&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// cover the
screen width&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.wave.total =
Math.ceil(POP.WIDTH / POP.wave.r) + 1;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// listen for
clicks&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.addEventListener(&#39;click&#39;,
function(e) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;e.preventDefault();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Input.set(e);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// listen for
touches&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.addEventListener(&#39;touchstart&#39;,
function(e) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;e.preventDefault();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the event
object has an array&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// called
touches, we just want&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the first
touch&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Input.set(e.touches[0]);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.addEventListener(&#39;touchmove&#39;,
function(e) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we&#39;re not
interested in this&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// but prevent
default behaviour&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// so the screen
doesn&#39;t scroll&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// or zoom&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;e.preventDefault();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.addEventListener(&#39;touchend&#39;,
function(e) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// as above&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;e.preventDefault();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}, false);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we&#39;re ready to
resize&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.resize();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.loop();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;resize:
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.currentHeight
= window.innerHeight;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// resize the
width in proportion&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// to the new
height&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.currentWidth
= POP.currentHeight * POP.RATIO;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// this will
create some extra space on the&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// page, allowing
us to scroll pass&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the address
bar, and thus hide it.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if (POP.android
|| POP.ios) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;document.body.style.height
= (window.innerHeight + 50) + &#39;px&#39;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// set the new
canvas style width &amp;amp; height&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// note: our
canvas is still 320x480 but&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we&#39;re
essentially scaling it with CSS&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.canvas.style.width
= POP.currentWidth + &#39;px&#39;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.canvas.style.height
= POP.currentHeight + &#39;px&#39;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the amount by
which the css resized canvas&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// is different
to the actual (480x320) size.&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.scale =
POP.currentWidth / POP.WIDTH;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// position of
canvas in relation to&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the screen&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.offset.top =
POP.canvas.offsetTop;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.offset.left =
POP.canvas.offsetLeft;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we use a
timeout here as some mobile&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// browsers won&#39;t
scroll if there is not&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// a small delay&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.setTimeout(function()
{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;window.scrollTo(0,1);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}, 1);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// this is where
all entities will be moved&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// and checked
for collisions etc&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;update:
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;var i,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;checkCollision =
false; // we only need to check for a collision&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// if the user
tapped on this game tick&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// decrease our
nextBubble counter&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.nextBubble -=
1;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// if the counter
is less than zero&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if
(POP.nextBubble &amp;lt; 0) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// put a new
instance of bubble into our entities array&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities.push(new
POP.Bubble());&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// reset the
counter with a random value&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.nextBubble =
( Math.random() * 100 ) + 100;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// spawn a new
instance of Touch&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// if the user
has tapped the screen&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if
(POP.Input.tapped) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// keep track of
taps; needed to&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// calculate
accuracy&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.score.taps +=
1;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// add a new
touch&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities.push(new
POP.Touch(POP.Input.x, POP.Input.y));&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// set tapped
back to false&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// to avoid
spawning a new touch&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// in the next
cycle&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Input.tapped
= false;&lt;/span&gt;&lt;/div&gt;
&lt;br /&gt;&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;checkCollision =
true;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// cycle through
all entities and update as necessary&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;for (i = 0; i
&amp;lt; POP.entities.length; i += 1) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities[i].update();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if
(POP.entities[i].type === &#39;bubble&#39; &amp;amp;&amp;amp; checkCollision) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;hit =
POP.collides(POP.entities[i],&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;{x: POP.Input.x,
y: POP.Input.y, r: 7});&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if (hit) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// spawn an
exposion&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;for (var n = 0; n
&amp;lt; 5; n +=1 ) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities.push(new
POP.Particle(&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities[i].x,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities[i].y,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;2,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// random opacity
to spice it up a bit&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&#39;rgba(255,255,255,&#39;+Math.random()*1+&#39;)&#39;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;));&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.score.hit +=
1;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities[i].remove
= hit;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// delete from
array if remove property&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// flag is set to
true&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if
(POP.entities[i].remove) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities.splice(i,
1);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// update wave
offset&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// feel free to
play with these values for&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// either slower
or faster waves&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.wave.time =
new Date().getTime() * 0.002;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.wave.offset =
Math.sin(POP.wave.time * 0.8) * 5;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// calculate
accuracy&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.score.accuracy
= (POP.score.hit / POP.score.taps) * 100;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.score.accuracy
= isNaN(POP.score.accuracy) ?&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;0 :&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;~~(POP.score.accuracy);
// a handy way to round floats&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// this is where
we draw all the entities&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;render:
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;var i;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.rect(0,
0, POP.WIDTH, POP.HEIGHT, &#39;#036&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// display snazzy
wave effect&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;for (i = 0; i
&amp;lt; POP.wave.total; i++) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.circle(&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.wave.x +
POP.wave.offset + (i * POP.wave.r),&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.wave.y,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.wave.r,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;&#39;#fff&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// cycle through
all entities and render to canvas&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;for (i = 0; i
&amp;lt; POP.entities.length; i += 1) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.entities[i].render();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// display scores&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.text(&#39;Hit:
&#39; + POP.score.hit, 20, 30, 14, &#39;#fff&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.text(&#39;Escaped:
&#39; + POP.score.escaped, 20, 50, 14, &#39;#fff&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.text(&#39;Accuracy:
&#39; + POP.score.accuracy + &#39;%&#39;, 20, 70, 14, &#39;#fff&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the actual
loop&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// requests
animation frame&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// then proceeds
to update&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// and render&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;loop: function()
{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;requestAnimFrame(
POP.loop );&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.update();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.render();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// checks if two
entties are touching&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.collides =
function(a, b) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;var
distance_squared = ( ((a.x - b.x) * (a.x - b.x)) +&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;((a.y - b.y) *
(a.y - b.y)));&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;var radii_squared
= (a.r + b.r) * (a.r + b.r);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if
(distance_squared &amp;lt; radii_squared) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;return true;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;} else {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;return false;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// abstracts
various canvas operations into&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// standalone
functions&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw = {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;clear: function()
{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.clearRect(0,
0, POP.WIDTH, POP.HEIGHT);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;rect: function(x,
y, w, h, col) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.fillStyle
= col;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.fillRect(x,
y, w, h);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;circle:
function(x, y, r, col) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.fillStyle
= col;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.beginPath();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.arc(x +
5, y + 5, r, 0, Math.PI * 2, true);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.closePath();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.fill();&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;},&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;text:
function(string, x, y, size, col) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.font =
&#39;bold &#39;+size+&#39;px Monospace&#39;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.fillStyle
= col;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.ctx.fillText(string,
x, y);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Input = {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;x: 0,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;y: 0,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;tapped :false,&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;set:
function(data) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.x =
(data.pageX - POP.offset.left) / POP.scale;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.y =
(data.pageY - POP.offset.top) / POP.scale;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.tapped =
true;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Touch =
function(x, y) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.type =
&#39;touch&#39;; // we&#39;ll need this later&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.x = x; //
the x coordinate&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.y = y; //
the y coordinate&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.r = 5; //
the radius&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.opacity = 1;
// inital opacity. the dot will fade out&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.fade = 0.05;
// amount by which to fade on each game tick&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// this.remove =
false; // flag for removing this entity. POP.update&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// will take care
of this&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.update =
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// reduct the
opacity accordingly&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.opacity -=
this.fade;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// if opacity if
0 or less, flag for removal&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.remove =
(this.opacity &amp;lt; 0) ? true : false;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.render =
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.circle(this.x,
this.y, this.r, &#39;rgba(255,0,0,&#39;+this.opacity+&#39;)&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Bubble = function()
{&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.type =
&#39;bubble&#39;;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.r =
(Math.random() * 20) + 10;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.speed =
(Math.random() * 3) + 1;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.x =
(Math.random() * (POP.WIDTH) - this.r);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.y =
POP.HEIGHT + (Math.random() * 100) + 100;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the amount by
which the bubble&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// will move from
side to side&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.waveSize = 5
+ this.r;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// we need to
remember the original&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// x position for
our sine wave calculation&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.xConstant =
this.x;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.remove =
false;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.update =
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// a sine wave is
commonly a function of time&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;var time = new
Date().getTime() * 0.002;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.y -=
this.speed;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the x coord to
follow a sine wave&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.x =
this.waveSize * Math.sin(time) + this.xConstant;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// if offscreen
flag for removal&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if (this.y &amp;lt;
-10) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.score.escaped
+= 1; // update score&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.remove =
true;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.render =
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.circle(this.x,
this.y, this.r, &#39;rgba(255,255,255,1)&#39;);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Particle =
function(x, y,r, col) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.x = x;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.y = y;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.r = r;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.col = col;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// determines
whether particle will&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// travel to the
right of left&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// 50% chance of
either happening&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.dir =
(Math.random() * 2 &amp;gt; 1) ? 1 : -1;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// random values
so particles do no&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// travel at the
same speeds&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.vx =
~~(Math.random() * 4) * this.dir;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.vy =
~~(Math.random() * 7);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.remove =
false;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.update =
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// update
coordinates&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.x +=
this.vx;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.y +=
this.vy;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// increase
velocity so particle&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// accelerates
off screen&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.vx *= 0.99;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.vy *= 0.99;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// adding this
negative amount to the&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// y velocity
exerts an upward pull on&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// the particle,
as if drawn to the&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// surface&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.vy -= 0.25;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;// offscreen&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;if (this.y &amp;lt;
0) {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.remove =
true;&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;}&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;this.render =
function() {&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;POP.Draw.circle(this.x,
this.y, this.r, this.col);&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot; style=&quot;line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; mso-layout-grid-align: none; text-autospace: none;&quot;&gt;
&lt;span style=&quot;font-family: Arial+FPEF; font-size: 7.5pt; mso-bidi-font-family: Arial+FPEF;&quot;&gt;};&lt;/span&gt;&lt;/div&gt;
&lt;div class=&quot;MsoNormal&quot;&gt;
&lt;br /&gt;&lt;/div&gt;
</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/5250168542516142742/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/games-sederhana-dengan-html5.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5250168542516142742'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5250168542516142742'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/games-sederhana-dengan-html5.html' title='Games Sederhana dengan HTML5'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxefVuNahFkj2-89HQTcNl2hDOc3BeBeDqDTG3zZNR5DyldlGVkATMSH8xlNKC76J3fEieUvL9eLWFCwTfXel7HK2ihvczdwcWcPC9JZf08q780SRe1KpmcLoGy89EB8smAUVtez7FJSo/s72-c/17.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-751838597051957189</id><published>2013-04-18T09:17:00.000-07:00</published><updated>2013-07-26T09:49:24.945-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'>Program Inheritance</title><content type='html'>ya, gan sekarang kita sharing ilmu tentang program inheritance yang berbasis konsep object oriented.&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMq83FmeYIqF9dFpOYPfDWyIeD4Bf6i5nUGDDZRcLK0dAj9eIapGtOyPEA-X37oxwqvY_QF5wvjOQc3Jj-TsYBgMfpJIou_3D4IeYuYkQeDjQcC8OQTefc4B0_4t0Q4_H8Zw3NECefElQ/s1600/inheritance.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMq83FmeYIqF9dFpOYPfDWyIeD4Bf6i5nUGDDZRcLK0dAj9eIapGtOyPEA-X37oxwqvY_QF5wvjOQc3Jj-TsYBgMfpJIou_3D4IeYuYkQeDjQcC8OQTefc4B0_4t0Q4_H8Zw3NECefElQ/s1600/inheritance.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;b&gt;Pengertian Program Inheritance&lt;/b&gt;&lt;br /&gt;
penurunan (Inheritance) secara bebas diterjemahkan sebagai pewarisan yaitu sebuah konsep dimana kita membuat sebuah class baru dengan mengembangkan class yang sudah pernah dibuat sebelumnya.&lt;br /&gt;
Class tutunan bisamenambahkan fitur atau behavior dengan mendefinisikan suatu methode di dalam class turunan tersebut.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Contoh Program Inheritance&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
baiklah sekarang langsung saya kasih contoh program nya.&lt;br /&gt;
program ini saya kasih nama inheritance.java.&lt;br /&gt;
berikut kodingannya: &lt;br /&gt;
&lt;br /&gt;
class persegipanjang&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; protected&amp;nbsp; int panjang, lebar, tinggi;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public void setPanjang (int p)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; panjang = p;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public void setLebar (int l)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; lebar = l;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public void setTinggi (int t)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; tinggi = t;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int&amp;nbsp; getPanjang()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (panjang);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int&amp;nbsp; getLebar()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (lebar);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int&amp;nbsp; getTinggi()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (tinggi);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public int hitungLuas()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (panjang*lebar);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int hitungKeliling()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (2*(panjang+lebar));&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int hitungVolume()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (panjang*lebar*tinggi);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
}&lt;br /&gt;
class balok extends persegipanjang&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public int hitungLuas()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (super.hitungLuas());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int hitungVolume()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (super.hitungVolume());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
}&lt;br /&gt;
public&amp;nbsp; class&amp;nbsp; geoinheritance&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public static void main (String[] args) &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; persegipanjang opsgpanjang = new persegipanjang();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; balok&amp;nbsp;&amp;nbsp;&amp;nbsp; obalok = new balok();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; opsgpanjang.setPanjang(5);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; opsgpanjang.setLebar(4);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; opsgpanjang.setTinggi(3);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; obalok.setPanjang(5);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; obalok.setLebar(4);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; obalok.setTinggi(3);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; G E O M E T R I&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;===================================&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Panjang &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+opsgpanjang.getPanjang());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+opsgpanjang.getLebar());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Tinggi&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+opsgpanjang.getTinggi());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; P E R S E G I&amp;nbsp; P A N J A N G&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;===================================&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Panjang &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+opsgpanjang.getPanjang());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+opsgpanjang.getLebar());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Luas&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+opsgpanjang.hitungLuas());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Keliling&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+opsgpanjang.hitungKeliling());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; B A L O K&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;===================================&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Panjang &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+obalok.getPanjang());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+obalok.getLebar());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Tinggi &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+obalok.getTinggi());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Volume&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+obalok.hitungVolume());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;Program Selesai !!!! &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
Created By : Tri Sugihartono&lt;br /&gt;
Mahasiswa Semester 4 STMIK Atma Luhur</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/751838597051957189/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/ya-gan-sekarang-kita-sharing-ilmu.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/751838597051957189'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/751838597051957189'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/ya-gan-sekarang-kita-sharing-ilmu.html' title='Program Inheritance'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMq83FmeYIqF9dFpOYPfDWyIeD4Bf6i5nUGDDZRcLK0dAj9eIapGtOyPEA-X37oxwqvY_QF5wvjOQc3Jj-TsYBgMfpJIou_3D4IeYuYkQeDjQcC8OQTefc4B0_4t0Q4_H8Zw3NECefElQ/s72-c/inheritance.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-8806007274082157888</id><published>2013-04-18T07:26:00.001-07:00</published><updated>2013-07-26T09:49:24.948-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'>Program Enkapsulasi</title><content type='html'>Praktikum Desain Program&lt;br /&gt;
dengan Konsep Object Oriented&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VONH62GtoiBCObNuskqE-9NneyIOGzXmJRtGmsx-TUhsBsExwKbvjwmjC5Cnvyo0xAxvCCkD6M65tS2_WPhy6Xw555Z2Rfrm97l_42dXNUpbHcTG5hW4VsNbywXvsHkFZaT2CLNUkPI/s1600/java.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VONH62GtoiBCObNuskqE-9NneyIOGzXmJRtGmsx-TUhsBsExwKbvjwmjC5Cnvyo0xAxvCCkD6M65tS2_WPhy6Xw555Z2Rfrm97l_42dXNUpbHcTG5hW4VsNbywXvsHkFZaT2CLNUkPI/s1600/java.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
Hari ini kita akan membahas tentang Pemrograman dengan konsep Oriented&amp;nbsp; dengan konsep Enkapsulasi&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Pengertian Enkapsulasi&lt;/b&gt;&lt;br /&gt;
1. Enkapsulasi&lt;br /&gt;
Enkapsulasi / pembungkusan, seperti yang telah disebutkan diawal berfungsi melindungi program dan data yang sedang diolah agar tidak diakses sembarangan oleh program lain. Sifat Enkapsulasi yaitu : Private, Protected dan public dengan karakteristiknya masing masing.&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Private berkarakteristik agar variabel atau method pada sebuah object/class tidak dapat diakses oleh object/class yang lain.&lt;/li&gt;
&lt;li&gt;Protected berkarakteristik agar variabel atau method pada sebuah oject/class dapat diakses oleh object/class turunannya, tetapi tidak dapat diakses oleh object/class yang lain.&lt;/li&gt;
&lt;li&gt;Public berkarakteristik agar variabel atau method pada sebuah object/class dapat diakses oleh object/class yang lain.&lt;/li&gt;
&lt;/ul&gt;
&lt;b&gt;Contoh Program Enkapsulasi&amp;nbsp;&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
class persegipanjang&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; private int panjang, lebar, tinggi;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public void setPanjang (int p)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; panjang = p;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; void setLebar (int l)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; lebar = l;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public void setTinggi (int t)&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; tinggi&amp;nbsp;&amp;nbsp;&amp;nbsp; = t;&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int getPanjang()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (panjang);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int getLebar()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (lebar);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public&amp;nbsp; int getTinggi()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return (tinggi);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public int hitungLuas()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return(panjang*lebar);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public int hitungKeliling()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return(2*(panjang+lebar));&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; public int hitungVolume()&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; return(panjang*lebar*tinggi);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
}&lt;br /&gt;
public class geometri&lt;br /&gt;
{&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; public static void main (String[] args) &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; {&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; //instansiasi object&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; persegipanjang psgpanjang1 = new persegipanjang();&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; psgpanjang1.setPanjang(5);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; psgpanjang1.setLebar(4);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; psgpanjang1.setTinggi(3);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; G E O M E T R I&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;===================================&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Panjang &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getPanjang());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getLebar());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Tinggi &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getTinggi());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; P E R S E G I&amp;nbsp; P A N J A N G&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;===================================&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Panjang &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getPanjang());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getLebar());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Luas&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.hitungLuas());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Keliling&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.hitungKeliling());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; B A L O K&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;===================================&quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Panjang &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getPanjang());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getLebar());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Tinggi &amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.getTinggi());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Volume&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; = &quot;+psgpanjang1.hitungVolume());&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;Program Selesai !!!! &quot;);&lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;br /&gt;
}&lt;br /&gt;
&lt;iframe allowfullscreen=&quot;&quot; frameborder=&quot;0&quot; height=&quot;315&quot; src=&quot;http://www.youtube.com/embed/3MZIkY55fS0&quot; width=&quot;560&quot;&gt;&lt;/iframe&gt;</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/8806007274082157888/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/praktikum-desain-program-dengan-konsep.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/8806007274082157888'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/8806007274082157888'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/praktikum-desain-program-dengan-konsep.html' title='Program Enkapsulasi'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3VONH62GtoiBCObNuskqE-9NneyIOGzXmJRtGmsx-TUhsBsExwKbvjwmjC5Cnvyo0xAxvCCkD6M65tS2_WPhy6Xw555Z2Rfrm97l_42dXNUpbHcTG5hW4VsNbywXvsHkFZaT2CLNUkPI/s72-c/java.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-5773279642768135945</id><published>2013-04-18T06:53:00.002-07:00</published><updated>2013-07-26T09:49:24.943-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'>Contoh Pemrograman Terstruktur</title><content type='html'>Pemrograman terstruktur adalah suatu program yang mana hasilnya akan memerintah kita untuk menginput nilai sendiri.&lt;br /&gt;
&lt;br /&gt;
akan saya ambil program geometri terstruktur&lt;br /&gt;
dan akan saya beri nama misal terstruktur1.java&lt;br /&gt;
&lt;br /&gt;
berikut codingannya:&lt;br /&gt;
&lt;br /&gt;
import java.io.*;&lt;br /&gt;&lt;br /&gt;public class geoterstruktur&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; public static void main (String[] args) throws IOException&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; int panjang, lebar, tinggi, volume, luas, keliling;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; BufferedReader input=new BufferedReader (new InputStreamReader(System.in));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; G E O M E T R I&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;===============================================&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.print(&quot;Input Panjang = &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; panjang=Integer.parseInt(input.readLine());&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.print(&quot;Input Lebar&amp;nbsp;&amp;nbsp; = &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; lebar=Integer.parseInt(input.readLine());&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.print(&quot;Input Tinggi&amp;nbsp; = &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; tinggi=Integer.parseInt(input.readLine());&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; luas= panjang*lebar;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; keliling=2*(panjang+lebar);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; volume=panjang*lebar*tinggi;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; P E R S E G I&amp;nbsp;&amp;nbsp; P A N J A N G&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;-------------------------------------- &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Panjang&amp;nbsp; : &quot;+panjang);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; : &quot;+lebar);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Tinggi&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; : &quot;+tinggi);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Luas&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; : &quot;+luas);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; Keliling : &quot;+keliling);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; B A L O K&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;---------------------------------------&quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;Panjang&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; : &quot;+panjang);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;Lebar&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; : &quot;+lebar);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;Tinggi&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; : &quot;+tinggi);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;Volume&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp; : &quot;+volume);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; System.out.println(&quot; P R O G R A M&amp;nbsp; S E L E S A I&amp;nbsp; ! ! &quot;);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br /&gt;}&lt;br /&gt;}</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/5773279642768135945/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/contoh-pemrograman-terstruktur.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5773279642768135945'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5773279642768135945'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/contoh-pemrograman-terstruktur.html' title='Contoh Pemrograman Terstruktur'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-5366276319649881264</id><published>2013-04-18T00:15:00.003-07:00</published><updated>2013-07-26T09:49:24.940-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="pemrograman mobile"/><title type='text'>pemrograman berorientasi objek</title><content type='html'>Dalam paradigma pemrograman berorientasi objek dikenal kelas dan objek. Kelas merupakan blue print dari objek-objek yang akan dibuat. Analogi kelas dan objek seperti rancangan model rumah dan pembangunan rumah-rumah, adapun proses pembuatan objek dari kelas dikenal dengan instantiasi.&lt;br /&gt;&lt;br /&gt;Sebagai contoh kita ambil kelas manusia. Kelas manusia mempunyai atribut : nama. Selain itu&lt;br /&gt;kelas manusia juga mempunyai metodh: tampilkanNama, kerja, makan. Kasus diatas diimplementasikan dalam bahasa Java sebagai berikut:&lt;br /&gt;
&lt;br /&gt;/*&lt;br /&gt;Disimpan dalam file “manusia.java”&lt;br /&gt;*/&lt;br /&gt;public class manusia&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp; public String nama;&lt;br /&gt;&amp;nbsp;&amp;nbsp; public manusia(String n)&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp; this.nama = n;&lt;br /&gt;}&lt;br /&gt;&amp;nbsp;&amp;nbsp; public String tampilkanNama()&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp; return nama;&lt;br /&gt;}&lt;br /&gt;&amp;nbsp;&amp;nbsp; public void makan()&lt;br /&gt;{&lt;br /&gt;System.out.println(&quot;Nyam... nyam... nyam...&quot;);&lt;br /&gt;}&lt;br /&gt;public void kerja()&lt;br /&gt;{&lt;br /&gt;System.out.println(&quot;Kerja...kerjaaa...&quot;);&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;
&lt;br /&gt;Kelas Objek&lt;br /&gt;instantiasi&lt;br /&gt;(2)&lt;br /&gt;Adapun kode untuk menginstantiasi kelas manusia menjadi objek Andi yang&lt;br /&gt;mengimplementasikan metodh: tampilkanNama dan makan adalah sebagai berikut.&lt;br /&gt;&lt;br /&gt;
/*&lt;br /&gt;Disimpan dalam file “andi.java”&lt;br /&gt;*/&lt;br /&gt;class andi&lt;br /&gt;{&lt;br /&gt;public static void main(String arg[])&lt;br /&gt;{&lt;br /&gt;manusia andi= new manusia(&quot;Andi&quot;);&lt;br /&gt;System.out.println(&quot;Nama= &quot;+ andi.tampilkanNama());&lt;br /&gt;andi.makan();&lt;br /&gt;}&lt;br /&gt;}&lt;br /&gt;&lt;br /&gt;
Hasil eksekusi terhadap class andi adalah sebagai berikut:&lt;br /&gt;Nama= Andi&lt;br /&gt;Nyam... nyam... nyam...&lt;br /&gt;&lt;br /&gt;
Metodh Abstrak&lt;br /&gt;Metodh abstract adalah metodh yang belum mempunyai implementasi. Pendefinisian metodh&lt;br /&gt;abstrak adalah dengan menambahkan keyword abstract, seperti contoh dibawah ini:&lt;br /&gt;abstact void BerangkatKerja();&lt;br /&gt;Pada metodh abstract ini tidak didefinisikan/implementasi metodh BerangkatKerja tersebut</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/5366276319649881264/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/pemrograman-berorientasi-objek.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5366276319649881264'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/5366276319649881264'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/pemrograman-berorientasi-objek.html' title='pemrograman berorientasi objek'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-2735784111391365129</id><published>2013-04-16T08:09:00.001-07:00</published><updated>2013-07-26T09:50:34.084-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Organisasi Komputer"/><title type='text'>Definisi Komputer dan Organisasi Komputer</title><content type='html'>Oke Gan, Hari ini Kita akan mempublikasikan materi Kuliah Organisasi Komputer.&lt;br /&gt;
&lt;br /&gt;
kita akan membahas tentang:&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;&lt;b&gt;Definisi Komputer dan Organisasi Komputer&lt;/b&gt;&lt;/li&gt;
&lt;/ul&gt;
Sederhananya, komputer adalah sebuah alat yang digunakan untuk mengolah data menurut prosedur yang telah dirumuskan. Jadi, komputer merupakan mesin hitung elektronik yang secara cepat menerima informasi input digital, mengolahnya menurut seperangkat instruksi yang tersimpan&amp;nbsp; dalam mesin tersebut kemudian menghasilkan output informasi. Daftar perintah. Daftar perintah/instruksi dinamakan program, dan unit penyimpanannya disebut memori.&lt;br /&gt;
&lt;b&gt;&amp;nbsp;&amp;nbsp; Organisasi Komputer&lt;/b&gt; adalah bagian yang terkait dengan unit - unit operasional dan interkoneksi antar komponen penyusun sistem komputrer dalam merealisasikan aspek arsitekturalnya. Contoh organisasi koomputer antara lain teknologi hardware, perangkat interface, teknologi memori, sistem memori dan sinyal - sinyal kontrol.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;&amp;nbsp;&amp;nbsp; Unit Fungsional Dasar Komputer :&lt;/b&gt;&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;&lt;b&gt;&amp;nbsp;&lt;/b&gt;Masukan&lt;/li&gt;
&lt;li&gt;&amp;nbsp;Keluaran&lt;/li&gt;
&lt;li&gt;&amp;nbsp;Memori&lt;/li&gt;
&lt;li&gt;&amp;nbsp;Aritmetika dan Logika&lt;/li&gt;
&lt;li&gt;&amp;nbsp;Kontrol&lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oR2pzmMCGV2G35Wb4ir48T9CgZrO6GcYcj1rJDSJAUTcnPZ4LdLS4uInwa0NdU1nUX9hTJpKwgGrH5mB9r37VOprTaXGpdQY4fV-J6NenHTo4spa223N-8FIpnmQNagAsDHccjUZ3Uc/s1600/unit-fungsional-dasar-komputer.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oR2pzmMCGV2G35Wb4ir48T9CgZrO6GcYcj1rJDSJAUTcnPZ4LdLS4uInwa0NdU1nUX9hTJpKwgGrH5mB9r37VOprTaXGpdQY4fV-J6NenHTo4spa223N-8FIpnmQNagAsDHccjUZ3Uc/s1600/unit-fungsional-dasar-komputer.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&amp;nbsp;&amp;nbsp; &lt;b&gt;Struktur dan Fungsi Utama Komputer&lt;/b&gt;&lt;br /&gt;
Struktur utama komputer adalah sebagai :&lt;br /&gt;
&lt;ol&gt;
&lt;li&gt;Cental Processing Unit (CPU), berfungsi melakukan kontrol pada operasi komputer dan merupakan pusat pengolahan fungsi - fungsi komputer. Struktur utama CPU terdiri dari 1.Control unit, berfungsi untuk mengontrol operasi CPU dan mengontrol komputer secara keseluruhan . &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 2. Arithmetic and Logic Unit (ALU), berfungsi membentuk fungsi fungsi pengolahan data komputer.&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 3.Register, berfungsi sebagai penyimpan internal&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; 4. CPU interconnection, berfungsi sebagai penghubung seluruh bagian dari CPU.&lt;/li&gt;
&lt;li&gt;Memori Utama, sebagai penyimpan data.&lt;/li&gt;
&lt;li&gt;I/O, berfungsi memindahkan data ke lingkungan luar atau perangkat lainnya.&lt;/li&gt;
&lt;li&gt;System Interconnection, berfungsi sebagai penghubung CPU, Memori utama dan I/O.&lt;/li&gt;
&lt;/ol&gt;
&lt;b&gt;Fungsi Utama Komputer : &lt;/b&gt;&lt;br /&gt;
&lt;ul&gt;
&lt;li&gt;Operasi Pengolahan Data&lt;/li&gt;
&lt;li&gt;Operasi Penyimpanan Data&lt;/li&gt;
&lt;li&gt;Operasi Pemindahan Data&lt;/li&gt;
&lt;li&gt;Operasi Kontrol&lt;/li&gt;
&lt;/ul&gt;
&lt;br /&gt;
Published By :&lt;br /&gt;
Nama : Tri Sugihartono&lt;br /&gt;
Mahasiswa STMIK Atma Luhur Semester IV&lt;br /&gt;
email : trisugihartono207@gmail.com&lt;br /&gt;
fb : materi IT&amp;nbsp; </content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/2735784111391365129/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/oke-gan-hari-ini-kita-akan.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2735784111391365129'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2735784111391365129'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/oke-gan-hari-ini-kita-akan.html' title='Definisi Komputer dan Organisasi Komputer'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2oR2pzmMCGV2G35Wb4ir48T9CgZrO6GcYcj1rJDSJAUTcnPZ4LdLS4uInwa0NdU1nUX9hTJpKwgGrH5mB9r37VOprTaXGpdQY4fV-J6NenHTo4spa223N-8FIpnmQNagAsDHccjUZ3Uc/s72-c/unit-fungsional-dasar-komputer.jpg" height="72" width="72"/><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-6745319143847688044.post-2712121834633837716</id><published>2013-04-06T03:18:00.002-07:00</published><updated>2013-07-26T09:50:12.990-07:00</updated><category scheme="http://www.blogger.com/atom/ns#" term="Jaringan Komputer"/><title type='text'>Mengenal Jaringan Komputer</title><content type='html'>&lt;b&gt;Apa Itu Jaringan Komputer?&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
jaringan komputer (jaringan) adalah sebuah sistem yang terdiri atas komputer-komputer yang didesain untuk dapat berbagi sumber daya(printer,CPU), berkomunikasi, dan dapat mengakses informasi (peramban web.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Apa Tujuan dan Manfaat Jaringan Komputer?&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
tujuan dari jaringan komputer adalah agar dapat mencapai tujuannya, setiap bagian dari jaringan komputer dapat meminta dan memberikan layanan. pihak yang meminta / menerima layanan disebut klien dan yang memberikan layanan disebut server. desain ini disebut dengan sistem client-server, dan digunakan pada hampir seluruh aplikasi jaringan komputer.&lt;br /&gt;&lt;b&gt;Apa Kerugian&amp;nbsp; dari Jaringan Komputer?&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
kerugian dari jaringan komputer adalah keamanan (security), baik pada pengaksesan berbagai sumber daya dari pihak pihak yang tidak berwenang maupun masalah keamanan(ancaman virus) pada data yang dipertukarkan.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;jenis jenis jaringan komputer&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;Jenis-jenis jaringan komputer berdasarkan cakupan areanya dapat dibedakan menjadi beberapa jenis yaitu PAN, LAN, MAN dan WAN.&lt;br /&gt;
&lt;br /&gt;&lt;b&gt;1. PAN&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57Dq4zJTzQsfl1k9EXedMjOy4qpB8hQNa_8ZilohST5cIjSxSDhCUtCf_iLRg5cCD1h9qj7dx9Mos-0lZ7ruGCeDcyIiv0D71Sg7pyucvn9FvU21jN5NTNtUPglcxSuKmtTXVZzMPA1E/s1600/Personal-Area-Network.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57Dq4zJTzQsfl1k9EXedMjOy4qpB8hQNa_8ZilohST5cIjSxSDhCUtCf_iLRg5cCD1h9qj7dx9Mos-0lZ7ruGCeDcyIiv0D71Sg7pyucvn9FvU21jN5NTNtUPglcxSuKmtTXVZzMPA1E/s1600/Personal-Area-Network.jpg&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;b&gt;&amp;nbsp;&lt;/b&gt;&lt;br /&gt;PAN ini bukan sebuah partai politik, akan tetapi PAN ini adalahPersonal Area Network&lt;br /&gt;Kita bisa memberi nama PAN ii apabila komputer kita telah terhubung dengan perangkat lain seperti: handphone, PDA, keyboard, Mouse, Wireless, Camera dan perangkat lainnya.&lt;br /&gt;Hal yang terpenting dalam PAN ini adalah kita sendiri yang mengendalikan pada semua peralatan. &lt;br /&gt;
&lt;br /&gt;&lt;b&gt;2. LAN (Local Area Network)&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eGqQLjU_EnSaU5525k9_UfXWutmpF-jrZD2v2iI73VSRWJc10_SFuYE5zbbFF5Fn2am1xPhmNMT-eJGy_S-Slk_Q7HnI7W9tBD-8-sOytrI_FIGdlnkVOLmsHqeET7NF9zomDWo7WU8/s1600/Local+Area+Network.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;176&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4eGqQLjU_EnSaU5525k9_UfXWutmpF-jrZD2v2iI73VSRWJc10_SFuYE5zbbFF5Fn2am1xPhmNMT-eJGy_S-Slk_Q7HnI7W9tBD-8-sOytrI_FIGdlnkVOLmsHqeET7NF9zomDWo7WU8/s320/Local+Area+Network.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;Inilah jaringan komputer yang sangat populer. LAN (Local Area Network) adalah jaringan komputer yang mencakup wilayah kecil; seperti jaringan komputer kampus, gedung, kantor, dalam rumah dan sekolah. &lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghIVJou3xcd9REaASRXXEaq4xcrCEy5MSa0i74hMpTzJ5FjFBt2gLGYnax80Xc5MR_bgPl4lv2WwUfQo3tSW0yznh-EFkYtkh1S3eOUoeH8riXgFWFUCeBtlennf6ywvxpEJsTC8s7vAo/s1600/metropolitan-area-network.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;br /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;b&gt;3. MAN (Metropolitan Area Network)&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghIVJou3xcd9REaASRXXEaq4xcrCEy5MSa0i74hMpTzJ5FjFBt2gLGYnax80Xc5MR_bgPl4lv2WwUfQo3tSW0yznh-EFkYtkh1S3eOUoeH8riXgFWFUCeBtlennf6ywvxpEJsTC8s7vAo/s1600/metropolitan-area-network.jpg&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;211&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghIVJou3xcd9REaASRXXEaq4xcrCEy5MSa0i74hMpTzJ5FjFBt2gLGYnax80Xc5MR_bgPl4lv2WwUfQo3tSW0yznh-EFkYtkh1S3eOUoeH8riXgFWFUCeBtlennf6ywvxpEJsTC8s7vAo/s320/metropolitan-area-network.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;&lt;br /&gt;
Metropolitan Area Network (MAN) adalah suatu jaringan dalam suatu kota dengan transfer data berkecepatan tinggi yang menghubungkan berbagai lokasi seperti kampus, perkantoran, pemerintahan, dan sebagainya. Jaringan MAN adalah gabungan dari beberapa LAN. Jangkauan dari MAN ini berkisar antara 10 hingga 50 km.&lt;br /&gt;&lt;br /&gt;&lt;b&gt;4. WAN (Wide Area Network)&lt;/b&gt;&lt;br /&gt;
&lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&gt;
&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifS4Sa-En3E7l1Sft2S0eV-vpfJc-nqAhG3OGwgaFBJA2rRNjEUd0E4h9oxq5qoH9lmkcy5s9iFqB36UFjB1vcsrvmK7mRdHFn1ygw_bqdQEN2tP7Gs_KrDzu-K2kZuR-dnuqcd3UYDqs/s1600/wide-area-network.jpg&quot; imageanchor=&quot;1&quot; style=&quot;margin-left: 1em; margin-right: 1em;&quot;&gt;&lt;img border=&quot;0&quot; height=&quot;225&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifS4Sa-En3E7l1Sft2S0eV-vpfJc-nqAhG3OGwgaFBJA2rRNjEUd0E4h9oxq5qoH9lmkcy5s9iFqB36UFjB1vcsrvmK7mRdHFn1ygw_bqdQEN2tP7Gs_KrDzu-K2kZuR-dnuqcd3UYDqs/s320/wide-area-network.jpg&quot; width=&quot;320&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
&lt;br /&gt;WAN (Wide Area Network) merupakan jaringan komputer yang mencakup area yang besar sebagai contoh yaitu jaringan komputer antar wilayah, kota atau bahkan negara, atau dapat didefinisikan juga sebagai jaringan komputer yang membutuhkan router dan saluran komunikasi publik. Internet merupakan contoh dari jaringan WAN ini.</content><link rel='replies' type='application/atom+xml' href='http://trobleshoote.blogspot.com/feeds/2712121834633837716/comments/default' title='Catat Ulasan'/><link rel='replies' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/mengenal-jaringan-komputer.html#comment-form' title='0 Ulasan'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2712121834633837716'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/6745319143847688044/posts/default/2712121834633837716'/><link rel='alternate' type='text/html' href='http://trobleshoote.blogspot.com/2013/04/mengenal-jaringan-komputer.html' title='Mengenal Jaringan Komputer'/><author><name>Anonymous</name><uri>http://www.blogger.com/profile/05628038511613499103</uri><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='https://img1.blogblog.com/img/b16-rounded.gif'/></author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj57Dq4zJTzQsfl1k9EXedMjOy4qpB8hQNa_8ZilohST5cIjSxSDhCUtCf_iLRg5cCD1h9qj7dx9Mos-0lZ7ruGCeDcyIiv0D71Sg7pyucvn9FvU21jN5NTNtUPglcxSuKmtTXVZzMPA1E/s72-c/Personal-Area-Network.jpg" height="72" width="72"/><thr:total>0</thr:total></entry></feed>