cara revolusioner browsing

BAB I CARA REVOLUSIONER BROWSING

oleh : ISPARMO, ST | 0812-1083060

1

BAB I

CARA REVOLUSIONER BROWSING

I.A. Pendahuluan

Pernah menjumpai website yang penuh iklan, terutama iklan yang ada di tengah-tengah halaman suatu artikel ?

Selain mengganggu proses pembacaan artikel, kita sering tertipu dengan link iklan yang kita kira bagian dari menu website yang kita kunjungi. Saat kita klik link tersebut, kita diarahkan pada suatu website lain yang berisi promosi produk, padahal bukan informasi ini yang kita inginkan.

Perhatikan gambar hasil tangkapan halaman (screen capture) suatu website berikut :

Gambar 1.1 Contoh Website Yang Penuh Iklan

Perhatikan bagian yang diberi kotak bertanda panah, dan ada tulisan Ads by Google. Bagian tersebut adalah iklan yang ada pada suatu website. Dan iklan ini sangat mengganggu saat membaca posting atau artikel.

Sekarang kita bandingkan dengan keadaan berikut :

Tujuan mempelajari bab ini :

1. Mengenal Website beriklan 2. Mempercepat browsing menggunakan ABP 3. Memasang sendiri ABP 4. Menggunakan Virtual Keyboard 5. (Bonus) Menggunakan AdMuncher


oleh : ISPARMO, ST | 0812-1083060

2

Gambar 1.2 Contoh Website Tanpa Iklan

Gambar 1.2 adalah hasil tangkapan layar pada website yang sama dengan Gambar 1.1. Bedanya pada Gambar 1.2, iklan-iklannya sudah tidak ada. Bukankah hal ini menjadikan kita lebih mudah membaca artikel yang ada di website tersebut ?

Ternyata iklan-iklan yang dipasang pada suatu website, tidak hanya mengganggu mata dan menjadikan suatu website tampak berantakan saja, tetapi ternyata iklan tesebut juga memperlambat proses loading (proses membuka) halaman suatu website. Sebab iklan-iklan tersebut dimuat / loading dari layanan pihak ketiga. Seperti contoh iklan di atas (Ads By Google), iklan tersebut berasal dari layanan pihak ketiga www.google.com.

Perhatikan hasil pengukuran proses loading website seperti Gambar 1.1, yang iklannya masih ada :

Gambar 1.3 Hasil Pengukuran Loading Website Beriklan

Bandingkan dengan hasil perngukuran proses loading website yang sama tetapi tanpa iklan berikut ini :

Gambar 1.4 Hasil Pengukuran Loading Website Tanpa Iklan


oleh : ISPARMO, ST | 0812-1083060

3

Perhatikan bagian yang dilingkari dan diberi angka.

sebesar 3 MB adalah ukuran besarnya halaman website beriklan yang dimuat

sebesar 59,44s (detik) adalah waktu muat halaman webiste beriklan

sebesar 2 MB, ukuran besarnya halaman website tanpa iklan yang dimuat

sebesar 39,71s (detik) adalah waktu muat halaman webiste tanpa iklan

Bandingkan antara dan mana yang lebih kecil ? Tentu .

Bandingkan antara dan mana yang lebih cepat ? Tentu .

Semakin kecil ukuran website semakin baik karena akan menghasilkan waktu muat yang semakin cepat.

Kesimpulannya, website tanpa iklan akan lebih cepat dimuat (dibuka) dibandingkan dengan website yang mempunyai iklan.

Pada BAB I ini kita akan mempelajari penggunakan Mozilla Firefox Portabel untuk melakukan blocking iklan, sehingga iklan tidak muncul pada halaman website.

Selain itu BAB I ini juga akan mempelajari penggunaan Virtual Keyboard pada Firefox. Penggunaan Virtual Keyboard ini berguna untuk mencegah pencurian password oleh Keylogger yang dapat merekam semua aktivitas pengetikan keyboard.

I.B. Menggunakan Mozilla Firefox Portabel

B.1. Alasan Pemilihan Mozilla Firefox

Mengapa kita memilih Mozilla Firefox sebagai internet browser, berikut alasannya:

Mozilla Firefox, merupakan software OpenSource dengan lisensi GPL (General Public License) sehingga kita dengan bebas mendownload, memakai, menyebarkan, dan bahkan memodifikasi kode-kode penyusunnya.

Firefox Portabel dapat digunakan tanpa melakukan instalasi sehingga bisa dibawa ke mana saja.

Dengan Firefox Portabel, berinternet menjadi aman, karena semua aktifitas internet berupa history, cache, dan pengingat password tidak disimpan dalam hardisk komputer yang dipakai, sehingga tidak menginggalkan jejak.

Kemampuannya dapat terus ditingkatkan karena tersedia berbagai macam Add-Ons yang dapat ditambahkan.

Firefox terus diperbaharui (di update).

Tersedia untuk berbagai Operating System yaitu : Ms Windows, Linux dan Mac OS X.

Mendapatkan berbagai macam pernghargaan. Misalnya, pada tahun 2008 telah mendapat 5 penghargaan internasional, yaitu :


oleh : ISPARMO, ST | 0812-1083060

4

InfoWorld Best of Open Source Software Awards, Agustus 2008 PC Magazine Editors’ Choice, Juni 2008 CNET Editors’ Choice, Juni 2008 American Business Awards Most Innovative Company, Juni 2008 Linux Journal Readers' Choice 2008 - Favorite Web Browser, Mei

2008

Sumber : http://www.mozilla.com/en-US/press/awards.html

Termasuk salah satu browser teraman dibandingkan browser lain terutama

Microsoft IE.

Perhatikan tabel perbandingan berbagai macam browser dilihat dari sisi Vulnerabilities (kemungkinan terjadinya serangan : virus, trojan, kode jahat) yang diambil dari http://www.wikipedia.com

Sumber : http://en.wikipedia.org/wiki/Comparison_of_web_browsers

Pangsa pasar (Market Shared) pengguna Mozilla Firefox terus meningkat, sedangkan Microsoft IE terus menurun. Perhatikan tabel perbandingan pangsa pasar browser, yang diambil dari http://marketshare.hitslink.com, di bawah ini :


oleh : ISPARMO, ST | 0812-1083060

5

Sumber : http://marketshare.hitslink.com/browser-market-share.aspx?qprid=1&qpdt=1&qpct=4&qptimeframe=M&qpsp=108&qpnp=14

B.2. Memulai Penggunakan Firefox Portable

Sebelum mulai menggunakan Firefox, salinlah (copy) semua software portabel, yang ada pada CD yang disertakan pada buku ini, ke USB Flash Disk atau USB Removable Hardisk.

Gambar 1.5 File dan Folder Yang Disalin ke dalam USB Flash Disk Setelah itu dobel klik file StartPortableApps (Application). Sehingga muncul menu :

Gambar 1.6 Menu Aplikasi Portabel

Bersamaan dengan munculnya menu Aplikasi Portabel tersebut akan muncul sebuah ikon di pojok kanan bawah komputer. Ikon inilah yang digunakan untuk mengaktifkan (dengan cara di klik) kembali menu Aplikasi Portabel jika menu tersebut telah tertutup.

Gambar 1.7 Ikon Menu Aplikasi Portabel


oleh : ISPARMO, ST | 0812-1083060

6

Kemudian untuk menjalankan Firefox, klik ikon Mozilla Firefox, Portable Edition. Sehingga muncul layar pembuka Firefox, saat pertama kali dijalankan (pastikan komputer telah tehubung dengan internet) seperti di bawah ini :

Gambar 1.8 Layar Pembuka Firefox Selanjutnya kita bisa melakukan browsing seperti biasa.

I.C. Mempercepat Browsing

C.1. Menggunakan Addon ABP Untuk Blocking Iklan

Seperti telah disebutkan sebelumnya, bahwa kemampuan Firefox dapat terus ditingkatkan dengan menambahkan Add-ons yang disediakan secara gratis, dapat didownload di : http://addons.mozilla.org/

Salah satu Add-ons Firefox yang digunakan untuk mempercepat browsing adalah AdBlock Plus (ABP). Mengapa dengan tambahan ABP ini kegiatan browsing ini menjadi cepat? Ketika ABP ini dipasang pada Firefox dan aktif maka secara otomatis akan melakukan blocking terhadap iklan-iklan yang muncul di suatu website.

Contoh iklan pada suatu website ada pada ilustrasi di bawah ini :


oleh : ISPARMO, ST | 0812-1083060

7

Gambar 1.9 Contoh Iklan Yang Ada Pada Suatu Website

Pada bagian yang bertuliskan Ads by Google, yang diberi lingkaran, adalah salah satu iklan yang dipasang di suatu website. Keberadaan iklan ini akan memperberat proses loading (membuka) website karena memuat Java Script (kode pemrograman Java) yang merupakan kode-kode iklan yang di tanamkan dalam website tersebut.

Untuk membuktikan keampuhan ABP dalam melakukan blocking iklan, lakukan langkah-langkah sebagai berikut :

1. Bukalah sebuah website, yang terdapat iklan, menggunakan browser Internet Explorer (IE). Misalnya website tersebut adalah www.filehippo.com

Gambar 1.10 Contoh Website Yang Mengandung Iklan

Iklan


oleh : ISPARMO, ST | 0812-1083060

8

2. Kemudian sekarang buka website yang sama (dalam contoh ini www.filehippo.com) dengan menggunakan Firefox portabel yang ada pada CD buku ini. Kita lihat hasilnya. Perhatikan gambar hasil tangkapan layar di bawah ini. Iklan yang masih terlihat pada gambar 1.10 (browsing menggunakan IE) sudah tidak tampak lagi pada gambar 1.11 (browsing menggunakan Firefox portabel yang dipasang ABP).

Gambar 1.11 Website Yang Iklannya Telah Diblok ABP

Dengan menggunakan Firefox portabel yang ada pada CD buku ini, kita tidak perlu repot-repot lagi men-download dan memasang sendiri addon ABP ini, karena ABP ini telah dipasang dan diaktifkan. Tanda bahwa browser Firefox telah di pasangi addon ABP dan dalam keadaan aktif adalah keberadaan ikon bertuliskan ABP dengan berlatar belakang warna merah yang berada pada bagian kanan atas Firefox.

Gambar 1.12 Ikon ABP pada Firefox

Untuk menon-aktifkan ABP cukup dengan mengklik tombol ▼ pada sebelah kanan ikon ABP. Ketika muncul menu, klik (hilangkan) tanda cek list pada Enable Adblock Plus.

Gambar 1.13 Menu Untuk Menonaktifkan ABP


oleh : ISPARMO, ST | 0812-1083060

9

Saat ABP tidak aktif maka ikon ABP akan berubah warna latarbelakangnya menjadi abu-abu dan tulisan ABP menjadi hitam.

Gambar 1.14 ABP Dalam Keadaan Tidak Aktif

C.2. Mengukur Kecepatan Browsing

Untuk mengukur seberapa besar pengaruh addon ABP pada Firefox dalam mengurangi waktu loading satu website, kita dapat mengukurnya menggunakan addon Firebug yang telah saya tambahkan pada Firefox portabel dalam CD buku ini. Cara mengukur pengurangan waktu tersebut adalah :

Buka Firefox portabel.

Pertama kita akan mengukur waktu loading suatu website dengan keadaan ABP dalam keadaan non aktif (keadaan ini sama dengan penggunaan internet browser dalam keadaan standar tanpa ada faslitas blocking iklan).

Non aktifkan ABP pada firefox sehingga ikon ABP berubah warna menjadi abu-abu.

Kemudian kunjungi website yang akan diukur waktu loadingnya, misalnya kita samakan dengan contoh sebelumnya, yaitu www.filehippo.com.

Agar saat me-loading website (www.filehippo.com), Firefox benar-benar mengambilnya dari server dan bukan dari cache yang ditinggal di komputer maka lakukan pembersihan jejak-jejak browsing dengan cara tekan tombol CTRL+SHIFT+DEL atau klik menu Tools -> klik Clear Private Data. Lalu ceklist semua pilihan dan klik tombol Clear Private Data Now.

Gambar 1.15 Menu Clear Private Data

Untuk menggunakan addon Firebug, klik menu Tools -> klik Firebug -> klik Open Firebug.

Atau klik ikon Firebug (bergambar serangga) yang ada di pojok kanan bawah layar Firefox.


oleh : ISPARMO, ST | 0812-1083060

10

atau

Gambar 1.16 Mengaktifkan Addon Firebug

Setelah muncul window Firebug pada bagian bawah Firefox, klik menu Net -> klik Enable

Gambar 1.17 Mengaktifkan Fasilitas Untuk Mengukur Waktu Loading

Selanjutnya, website yang telah kita buka akan me-loading kembali (refresh) dan pada window Firebug akan memunculkan hasil pengukuran. Perhatikan gambar di bawah ini :

Lingkaran 1, menunjukkan besarnya ukuran website saat di loading, yaitu 177 KB.

Lingkaran 2, menunjukkan waktu untuk loading website yaitu 21.7 detik.


oleh : ISPARMO, ST | 0812-1083060

11

Gambar 1.18 Hasil Pengukuran Loading Website dengan ABP non aktif

Selanjutnya, kita akan mengukur website yang sama (www.filehippo.com) dengan mengaktifkan ABP.

Aktifkan ABP seperti cara sebelumnya (mengklik tombol ▼ pada sebelah kanan ikon ABP. Ketika muncul menu, klik (beri) tanda cek list pada Enable Adblock Plus).

Lakukan Clear Private Data seperti cara sebelumnya.

Kemudian lakukan refreshing, atau reloading ulang website dengan cara menekan tombol F5 atau tombol CTRL+R atau klik menu View -> klik Reload.

Perhatikan hasil pengukuran dengan mengaktifkan ABP ini :

Lingkaran 1, menunjukkan besarnya ukuran website saat di loading, yaitu 83 KB.

Lingkaran 2, menunjukkan waktu untuk loading website yaitu 5.58 detik.

Gambar 1.19 Pengukuran Loading Website dengan ABP aktif

Agar lebih jelas perbandingan hasil pengukuran loading website www.filehippo.com, dengan keadaan ABP non aktif dan aktif, maka kita tulis data tersebut dalam bentuk tabel.

Ukuran Website Waktu Loading

ABP : Non aktif 177 KB 21.7 detik

ABP : Aktif 83 KB 5.58 detik

Reduksi 53.1 % 74.2 %

Reduksinya sangat signifikan bukan ?


oleh : ISPARMO, ST | 0812-1083060

12

C.3. Menggunakan Addon ABP Untuk Blocking Image/Gambar

Agar proses loading menjadi lebih cepat, selain kita blocking iklan yang dipasang, kita akan melakukan blocking terhadap image/gambar yang tidak penting.

Misalnya kita akan melakukan blocking terhadap image / gambar-gambar yang ada di www.filehippo.com, langkah-langkahnya :

Buka Firefox portabel.

Pastikan ABP dalam keadaan aktif.

Bukalah website www.filehippo.com.

Klik kanan image / gambar yang akan di block (misalnya kita akan block gambar yang ada di header), sehingga muncul menu

Gambar 1.20 Melakukan Blocking Image menggunakan ABP

Klik Adblock Image….

Akan muncul menu pilihan Add Adblock Plus filter rule

http://cache.filehippo.com/img/logo.png , jika pilihan ini dipilih maka hanya file image logo.png saja yang diblock.

http://cache.filehippo.com/img/* , jika pilihan ini dipilih maka semua file image pada folder /img/ akan diblock.

http://cache.filehippo.com/* , jika pilihan ini dipilih maka semua file image pada website www.filehippo.com akan diblock.


oleh : ISPARMO, ST | 0812-1083060

13

Custom : jika kita mengetahui lokasi atau alamat image pada website tersebut yang akan diblock.

Dalam contoh ini, kita akan melakukan blocking semua image pada folder /img/ sehingga klik pilihan kedua.

Gambar 1.21 Pilihan blocking pada menu ABP

Selanjutnya klik tombol Add filter.

Klik tombol F5 (re-loading / refresh) untuk melihat perubahan yang terjadi.

Bandingkan dengan keadaan sebelum www.filehippo.com diblock imagenya (gambar 1.11) dengan gambar 1.21. Image logo (gambar kuda nil) dan image ikon-ikon di bawahnya sudah tidak terlihat.

Gambar 1.22 . Website Dengan Image Yang Telah Diblock


oleh : ISPARMO, ST | 0812-1083060

14

Untuk melihat efektivitas dari blocking image ini, mari kita lakukan pengukuran waktu loading seperti sebelumnya :

Lakukan Clear Private Data (CTRL+SHIFT+Del).

Aktifkan Addon Firebug.

Reloading halaman website (F5).

Gambar 1.23 Hasil Pengukuran Loading Setelah Image Blocking

Kita buat tabel gabungan hasil pengukuran loading tersebut :

Ukuran Website Waktu Loading

ABP : Non aktif 177 KB 21.7 detik

ABP : Aktif, standar 83 KB 5.58 detik

ABP : Aktif, Image blocking

50 KB 4.13 detik

Catatan :

ABP : Aktif, standar -> ABP aktif, dan hanya iklan saja yang diblock ABP : Aktif, Image blocking -> ABP aktif dan dilakukan blocking image

Dari tabel tersebut terlihat terjadi pengurangan ukuran website yang diloading dari kondisi ABP aktif standar sebesar 83 KB menjadi hanya tinggal 50 KB pada kondisi ABP aktif image blocking.

Dari sisi waktu loading juga terjadi pengurangan waktu dari 5.58 detik menjadi hanya 4.13 detik.

Hasil dari semua pengukuran yang telah dilakukan pada contoh di atas tentu akan berbeda-beda jika dilakukan menggunakan komputer dan jenis koneksi internet yang berbeda-beda walaupun website yang dikunjungi sama.

C.4. Memasang Addons Pada Firefox

Jika aplikasi portabel yang ada dalam CD buku ini tidak kita bawa saat hendak browsing, maka kita tidak perlu khawatir tidak dapat mengaplikasikan penggunaan Firefox dan Addons ABP seperti di atas. Kita dapat memasang addons dengan mudah. Langkah-langkahnya adalah sebagai berikut :


oleh : ISPARMO, ST | 0812-1083060

15

Menginstal Firefox

1. Download Firefox di : Instaler Firefox : http://www.mozilla.com/en-US/firefox/ Firefox portabel : http://portableapps.com/apps/internet/firefox_portable

2. Untuk menginstal Firefox menggunakan Instaler Firefox, ikuti panduan instalasinya (klik Next -> Next dan Next….).

3. Untuk Firefox portabel, setelah di download akan mendapatkan file berekstension .paf (misalnya, Firefox_Portable_3.0.6_en-us.paf). Selanjutnya langkah-langkah untuk menggunakannya :

Dobel klik file berekstension .paf tersebut. Akan muncul menu instaler, lalu klik Next.

Gambar 1.24 Menu Instaler Firefox Portabel Klik Browse, dan pilih folder untuk menginstal Firefox portabel. Firefox portabel ini juga dapat langsung dimasukkan ke dalam USB Flash Disk.

Setelah proses instalasi Firefox Portabel selesai akan terbentuk kumpulan folder sebagai berikut :

Gambar 1.25 Folder Yang Terbentuk Setelah Instalasi Firefox Portabel

Folder FirefoxPortabel dapat dipindahkan atau di salin ke USB Flash Disk tanpa mempengaruhi program utama Firefox.

Untuk menjalankan Firefox portabel ini, dobel klik ikon FirefoxPortable. Memasang Addon AdBlock Plus (ABP)

1. Buka Firefox, pastikan komputer telah terhubung ke internet.

2. Kunjungi : https://addons.mozilla.org/en-US/firefox


oleh : ISPARMO, ST | 0812-1083060

16

3. Ketik Adblock Plus pada kotak pencarian. Lalu tekan Enter.

4. Klik tombol Add to Firefox

Gambar 1.26 AdBlock Plus Siap Didownload

5. Tunggu beberapa saat untuk proses instalasi

Gambar 1.27 Proses instalasi AdBlock Plus

6. Setelah proses instalasi selesai, klik tombol Restart Firefox.

7. Perhatikan, jika ikon ABP berlatarbelakang merah telah ada di sisi kanan sebelah atas Firefox, berarti ABP siap digunakan.

I.D. Lebih Aman Browsing Menggunakan Virtual Keyboard

Pernah mendengar istilah KEYLOGGER ? Menurut Wikipedia Indonesia :

Keylogger merupakan sebuah perangkat baik perangkat keras atau perangkat lunak yang digunakan untuk memantau penekanan tombol keyboard. Sebuah keylogger biasanya akan menyimpan hasil pemantauan penekanan tombol keyboard tersebut ke dalam sebuah berkas log/catatan/rekaman. Beberapa keylogger tertentu bahkan dapat mengirimkan hasil rekamannya ke e-mail tertentu secara periodik.

Keylogger dapat digunakan untuk kepentingan yang baik atau bahkan bisa digunakan untuk kepentingan yang jahat. Kepentingan yang baik antara lain untuk memantau produktivitas karyawan, untuk penegakan hukum dan pencarian bukti kejahatan. Kepentingan yang buruk antara lain pencurian data dan password.


oleh : ISPARMO, ST | 0812-1083060

17

Jadi semua aktivitas pengetikan data-data penting, termasuk username dan password akan mudah sekali dketahui orang jahat.

Sebenarnya dengan menggunakan antivirus yang senantiasa di update, Keylogger ini mudah terdeteksi dan kemudian dihilangkan. Tetapi jika aktifitas browsing internet dilakukan di tempat umum seperti warnet, perkantoran, layanan hot spot umum di bandara, hotel, café dan tempat umum lain, maka kemungkinan keberadaan keylogger menjadi lebih besar.

Untuk mengantisipasi keberadaan keylogger, terutama saat pengetikan username dan password, sebaiknya jangan gunakan keyboard yang ada di komputer. Tetapi gunakan virtual keyboard. Dengan virtual keyboard ini, pengetikan dilakukan dengan meng klik kiri mouse.

Pada Firefox Portabel yang ada dalam CD buku ini, telah disertakan Virtual keyboard, sehingga kita tidak perlu susah payah mendownload atau memasang sendiri.

Caranya menggunakannya sangat mudah :

1. Kunjungi halaman login, misalnya www.gmail.com

Gambar 1.28 Halaman Login Gmail

2. Selanjutnya arahkan kursor pada kolom Username, lakukan 2 kali dobel klik pada kolom Username tersebut, sehingga muncul virtual keyboard.

Gambar 1.29 Virtual Keyboard Untuk Mengisi Username

3. Dengan menggunakan pointer mouse, klik kiri huruf-huruf penyusun Username. Lalu klik kiri tombol Enter pada virtual keyboard.


oleh : ISPARMO, ST | 0812-1083060

18

4. Lakukan hal yang sama (dua kali dobel klik) pada kolom Password

Gambar 1.30 Virtual Keyboard Untuk Mengisi Password


oleh : ISPARMO, ST | 0812-1083060

19

I.E. Menggunakan Software Ad Muncher

Selain menggunakan addons Adblock Plus pada Mozilla Firefox, kita juga dapat melakukan blocking iklan saat melakukan browsing menggunakan browser apa saja (Opera, IE dsb), tidak terbatas pada Firefox saja, dengan menginstal software yang bernama Ad Muncher.

Sayangnya Ad Muncher ini tidak gratis, alias harus membeli lisensi seharga 29.95 dolar Australia. Tetapi tidak ada salahnya untuk menginstalnya, sebab kita masih diberi kesempatan untuk mencobanya (Trial) selama 30 hari.

Langkah-langkah menggunakan Ad Muncher :

1. Download Ad Muncher di : https://www.admuncher.com/download.shtml

2. Lakukan instalasi seperti biasa.

3. Pada saat ditanyakan License, klik tombol Start free 30-day trial

Gambar 1.31 Pilihan Lisensi Saat Menginstal Ad Muncher

4. Setelah Ad Muncher aktif, sebuah ikon bergambar kepala sapi berwarna

putih akan muncul di pojok kanan bawah komputer.

5. Sekarang coba lakukan browsing menggunakan Internet Explorer.

6. Kunjungi www.filehippo.com, sama seperti contoh sebelumnya. Ternyata iklan juga sudah di blocking.

Selamat menggunakan Firefox Portabel yang telah dilengkapi fasilitas untuk blocking iklan dan virtual keyboard untuk browsing lebih cepat dan aman.

cara revolusioner browsing

Documents