ANALISIS PERBANDINGAN WEB BROWSER DAN

PENGEMBANGAN PANDUAN PEMILIHAN

WEB BROWSER

NASKAH PUBLIKASI

diajukan oleh

Rio Damarjati

10.11.3869

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2014

COMPARATIVE ANALYSIS OF WEB BROWSER AND WEB BROWSER ELECTION GUIDE DEVELOPMENT

ANALISIS PERBANDINGAN WEB BROWSER DAN PENGEMBANGAN PANDUAN

PEMILIHAN WEB BROWSER

Rio Damarjati Andi Sunyoto

Jurusan Teknik Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

Today, web browser has grown up to the highest performance level, and user had to choose one from many web browsers in the market. In a side, this is good as user will get more options to choose, but in otherwise, those browsers only make users confuse, even more they will not use the features that the browser actually have. This fact leads the writer to make the final course to assess how good the performance of a browser is and compare it to another competitor browser. The result that the writer hopes from this research is to recommend all users to choose best browser based on their needs. By make browser selection guide, and comparative analysis, the output that the writer expects is user can choose browser objectively.

Performance analysis will be done to eight different browsers, so we can see the pros and cons. Beyond that assessment, there is online survey to make sure that the data is accurate because it will be seen what browser that user use when filling the survey.

As conclusion, the recommendation in this project is based on individual users needs, but there is no way it is suitable for users’ jobs. That thing can be happened because the big idea of a job cannot represent users’ needs of a browser. Performance analysis, recommendation, and guide that the writer has built should be developed and regenerated frequently as the new browser will come, and so next generation browser. Keywords: Browser, Performance, Analysis

1

1. Pendahuluan

Internet merupakan sumber informasi utama dewasa ini. Adanya internet memicu

munculnya web site untuk mengakses sebuah web site diperlukan sebuah web browser

atau biasa disebut dengan browser. Browser adalah hal yang wajib dibutuhkan jika kita

ingin mengakses sebuah website. Kebutuhan itulah yang memicu para pengembang

browser untuk menciptakan sebuah aplikasi web browser yang tidak hanya mudah

digunakan tetapi memiliki perfomansi yang baik dalam menampilkan sebuah website

serta navigasi yang mudah.

Browser adalah perangkat lunak yang berfungsi untuk menerima dan menyajikan

sumber informasi di internet. Sebuah sumber informasi diidentifikasi dengan

Pengidentifikasi Sumber Seragam yang dapat berupa halaman web, gambar, video, atau

jenis konten lainnya. Perkembangan browser terjadi baik dari segi performansi maupun

dari fitur-fitur yang memberi kemudahan dalam menelusuri internet yang kerap membuat

pengguna kesulitan dalam memilih browser yang sesuai dengan kebutuha

Semakin berkembangnya sebuah browser di mana banyak pengguna tidak

memanfaatkan fitur-fitur yang tersedia dalam sebuah browser tersebut. Padahal dari

sebuah browser tersebut sangat berpotensi membantu kita dalam menelusuri internet

menjadi lebih efektif. Oleh karena itu penulis mencoba membahas kelebihan dan

kekurangan dari setiap browser serta pemilihan browser yang baik untuk setiap kelompok

pengguna supaya dapat memilih browser dengan kebutuhan dan memanfaatkan fitur-fitur

yang ada.

2. Landasan Teori

2.1 Web Browser

Menurut Junaedi Web browser yang disebut secara singkat dengan browser

merupakan “Web Browser juga disebut dengan nama perambah/peramban yaitu

perangkat lunak yang mempunyai fungsi untuk melakukan dan berinteraksi dengan

dokumen yang berada di web server” atau secara sederhana Browser adalah suatu

program yang digunakan untuk menjelajahi dunia Internet atau untuk mencari informasi

tentang suatu halaman web yang tersimpan di komputer.

2.2 Fitur Umum

Munculnya browser-browser terbaru membuat fitur-fitur browser semakin

berkembang untuk dapat memenuhi kebutuhan pengguna. Beberapa fitur umum yang

dapat ditemukan dalam sebuah browser seperti History, Boormark Manager, Cache.

2

2.3 Layout Engine

Tugas dari mesin layout ini adalah untuk memproses dan menerjemahkan, merender

tampilan suatu web dari kode - kode CSS, HTML dan menjalankan script client-side

seperti halnya Javascript. Mesin layout inilah yang menyulitkan dan menjadi suatu

tantangan tersendiri bagi para web developer. Mesin - mesin inilah yang harus

dikalahkan oleh para web developer. Setiap browser memiliki mesin ini, walaupun tidak

semuanya sama. Tapi banyak juga yang menggunakan satu jenis mesin layout, sehingga

mereka mempunyai tampilan yang sama.

2.4 Web Standars

Tugas dari mesin layout ini adalah untuk memproses dan menerjemahkan, merender

tampilan suatu web dari kode - kode CSS, HTML dan menjalankan script client-side

seperti halnya Javascript. Mesin layout inilah yang menyulitkan dan menjadi suatu

tantangan tersendiri bagi para web developer. Mesin - mesin inilah yang harus

dikalahkan oleh para web developer. Setiap browser memiliki mesin ini, walaupun tidak

semuanya sama. Tapi banyak juga yang menggunakan satu jenis mesin layout, sehingga

mereka mempunyai tampilan yang sama.

2.5 Performansi Browser

Belum ada sumber secara lengkap memaparkan perfomansi apa saja yang dapat

diukur dari browser. Berdasarakan artikel yang terdapat di situs SixRevisions, Dan paper

yang di tulis mahasiswa UNC(University of North Carolina) yang terdapat di situs w3.org

hal- hal yang dapat diukur dari browser adalah :

1. Kecepatan Menampulkan Html

2. Kecepatan Mengeksekusi EmcaScript

3. Keamanan Browser

4. Konsumsi Hardware Resource

5. Css Rendering Speed

6. Kecepatan Waktu Buka Halaman

2.6 Metodologi Survei

Survei adalah pemeriksaan atau penelitian secara komprehensif. Survei yang

dilakukan dalam melakukan penelitian biasanya dilakukan dengan menyebarkan

kuesioner atau wawancara, dengan tujuan untuk mengetahui: siapa mereka, apa yang

mereka pikir, rasakan, atau kecenderungan suatu tindakan. Survei lazim dilakukan dalam

penelitian kuantitatif maupun kualitatif. Dalam penelitian kuantitatif, survei lebih

merupakan pertanyaan tertutup hanya ke sebagian orang, sementara dalam penelitian

3

kualitatif berupa wawancara dengan beberapa orang yang mewakili suatu populasi

mendalam dengan pertanyaan terbuka.

Dalam penelitian ini penulis menggunakan survey Cross-Sectional Surveys

mengingat waktu mengerjakan skripsi yang terbatas.

3. Analisis

Pada bab ini dibahas browser apa saja yang akan dianalisis perbandingan

performansinya dan menjadi browser acuan pada saat survey dilakukan. Untuk

melakukan analisis terhadap browser yang perlu dilakukan adalah mencari faktor-faktor

apa saja yang dimiliki browser untuk diuji dan dibandingkan dengan browser lain. Setiap

browser terpilih akan diuji menggunakan metode- metode yang dapat mengukur secara

kuantitatif faktor-faktor yang dimiliki browser sehingga perbandingan antar browser dapat

terlihat dengan mudah. Selain itu juga berisi metode survey yang digunakan.

3.1 Profil Pengguna Browser di Indonesia

Riset yang telah dilakukan “Netizen Indonesia 2010” bahwa kecederungan mereka

menggunakan akses browser untuk :

Passive (13,6 %), mereka adalah pengguna Internet yang pasif, baru sebatas

sebagai “pembaca dan penonton”, mereka baru sebatas membaca berita di situs-

situs berita dan forum online, mendengarkan podcast, menonton video di

youtube.

Average (81,9 %), mereka adalah pengguna Internet kebanyakan yang dari sisi

aktifitasnya lebih banyak di banding yang passive, mereka sudah memiliki akun

dan mengupdate status mereka di situs-situs social media, seperti Facebook,

Twitter, dll. Mereka juga kadang – kadang menambahkan tag di website maupun

photo di situs social media.

Active (4,4 %), mereka adalah pengguna Internet yang aktif, mereka memiliki

dan menulis artikelnya di blog pribadi mereka dan juga di forum-forum oline,

mereka juga aktif berkontribusi menulis review produk dan jasa.

3.2 Browser Yang Akan Dianalisis

Layout engine yang digunakan oleh browser. Layout engine merupakan bagian

utama dari browser yang menentukan performansi browser pada saat

menampilkan halaman web. Oleh karena itu, browser yang dibandingkan

sebaiknya browser yang memiliki layout engine yang berbeda sehingga

perbedaan performansi dalam menampilkan halaman web akan terlihat jelas

tergantung dari performansi layout engine yang digunakan oleh browser tersebut.

4

Popularitas browser. Semakin banyak pengguna yang memakai suatu

browser tertentu menandakan bahwa browser tersebut memiliki kelebihan

tertentu yang menjadikannya populer. Oleh karena itu, browser-browser dengan

popularitas tinggi layak untuk dianalisis performansinya. Popularitas browser

pada bulan Agustus tahun 2013 berdasarkan survey Net Market Share.

Speciality. Yang dimaksud speciality disini adalah browser-browser yang memiliki

fitur-fitur yang khusus ditujukan untuk pasar pengguna tertentu atau memiliki fitur

yang spesifik.

Berdasarkan pertimbangan-pertimbangan tersebut, maka browser yang akan

dianalisis adalah yang memiliki market share pada lima posisi teratas, yaitu Internet

Explorer, Firefox, Chrome, Safari, dan Opera. Kelima browser tersebut memiliki layout

engine yang berbeda satu sama lain. Selain lima besar, browser lain yang akan dianalisis

adalah Flock, AvantBrowser, dan Maxton karena memiliki fitur-fitur khusus.

3.3 Hasil Kecepatan Menampilkan Html

Dalam menampilakan kecepatan browser browser google chrome paling unggul

dengan mendapat skor 463. Untuk mendapatkan validitas pengujian ini kami memaki

laptop lain dengan koneksi internet yang berbeda pula tetapi memaki versi browser yang

sama, untuk mencoba apakah skor yang didapat sama atau berbeda ternyata skor yang

diperoleh sama. Jadi tes ini merupakan murni kemampuan dari browser itu sendiri.

3.4 Kecepatan Eksekusi ECMAScript

Browser yang paling cepat mengeksekusi EMCAScript adalah browser Opera disusul

oleh Maxton dan selanjutnya safari. Yang paling buruk menjalankan ECMAScrpt adalah

AvantBrowser dan IE7 tetapi pada browser Flock tool ini tidak bisa berjalan kemungkinan

karena browser ini sudah tidak menyediakan update untuk versi terbarunya.

3.5 Keamanan Browser

Soal Keamanan browser, belum ada browser yang lulus 100% test kami hanya

browser opera dan google chrome kedua browser yang paling mendekati 100% dalam

pengujian kami di keamanan browser.

3.6 Konsumsi Hardware resource

Dari tabel diatas terlihat yang paling sedikit memakan tempat pemyimpanan

sebelum browser itu di install adalah AvantBrowser tetapi setelah pake itu di install

browser yang paling sedikit memakan konsumsi harddisk adalah IE 7.

5

3.7 CSS Rendering Speed

Browser yang paling cepat dalam melakukan CSS Rendering Speed adalah

browser Google Chrome disusul oleh Safari dan Opera dan yang paling lama dalam

melakukan CSS Rendering Speed adalah browser Flock.

3.8 Kecepatan Waktu Buka Halaman

Browser chrome dan Maxton mempunyai kecepatan waktu buka halaman yang

sama- sama cepat yaitu 18 ms sedangkan posisis kedua diduki oleh Safari dengan

selisih aktu yang tipis yaitu 19 ms sedangkan untuk posisi paling lama dalam membuka

halaman diperoleh oleh browser AvantBrowser dan disusul oleh IE 7.

3.9 Browser Yang Unggul Dalam Performansi Browser

4. Rekomendasi

Pembuatan rekomendasi browser sesuai dengan kecenderungan pemakai browser

dan faktor performansi browser itu sendiri. Hasil analisis mengacu pada hasil analis yang

telah dilakuan terhadap browser-browser tersebut. Untuk pembuatan pembuatan

6

rekomendasi browser mengacu pada analisis yang telah dilakukan dengan mencari tren

penggunaan browser berdasarkan hasil survey yang dipengaruhi oleh faktor performansi

browser tertentu dan kecenderungan pengguna browser. Tren yang memiliki hubungan

dengan faktor performansi tertentu menunjukkan bahwa terdapat kebutuhan yang

bervariasi akan faktor performansi tersebut yang kemudian menjadi dasar dalam

pembuatan rekomendasi pemilihan browser.

Dalam merancang rekomendasi browser saya mengacu dari beberapa faktor yaitu :

Performansi Browser

Wawancara dan Survey Online

Kecenderungan Penggunaan Browser

4.1 Panduan Pemilihan Browser Berdasarkan Rekomendasi

Berdasarkan faktor-faktor pertimbangan panduan dan rekomendasi browser yang

telah dibuat, berikut adalah langkah-langkah dalam memilih browser yang

direkomendasikan:

a) Bandingkan spesifikasi perangkat keras yang digunakan dengan

spesifikasi acuan yang dicantumkan pada kuesioner, yaitu prosesor

Intel Core i3 3217U (1.80GHz) dan memory 2GB. Jika spesifikasi

perangkat keras yang digunakan lebih rendah dari spesifikasi acuan,

browser yang sebaiknya menjadi pertimbangan pada langkah

selanjutnya adalah Google Chrome. Sebaliknya jika lebih tinggi,

browser yang menjadi pertimbangan adalah Opera.

b) Tentukan daftar prioritas kebutuhan fitur. Setelah menentukan prioritas

kebutuhan fitur, bandingkan kebutuhan fitur yang memiliki prioritas

tertinggi dengan rekomendasi pada Gambar 4.1 Berikut adalah kasus-

kasus yang mungkin terjadi:

a. Jika hanya terdapat satu browser yang dapat memenuhi

kebutuhan fitur pengguna, maka browser tersebut

direkomendasikan untuk pengguna tersebut.

b. Jika terdapat dua atau lebih browser yang dapat memenuhi

kebutuhan fitur pengguna, lakukan perbandingan ulang dengan

menambah kebutuhan fitur dengan kebutuhan fitur dengan

prioritas yang lebih rendah.

c. Jika tidak ada browser yang dapat memenuhi kebutuhan fitur

pengguna, lakukan perbandingan ulang dengan menggunakan

kebutuhan fitur yang lebih rendah.

7

c) Lakukan perbandingan seperti pada langkah 2 terhadap prioritas kebutuhan

fitur hingga seluruh kebutuhan fitur telah dibandingkan.

d) Setelah seluruh kebutuhan telah dibandingkan dengan tabel rekomendasi,

lakukan evaluasi kebutuhan fitur yang terpenuhi. Berikut adalah kasus-

kasus yang mungkin terjadi:

a. Jika sebagian besar kebutuhan fitur termasuk kebutuhan

dengan prioritas tertinggi dipenuhi oleh sebuah browser maka

browser tersebut direkomendasikan bagi pengguna.

b. Jika lebih dari satu browser memenuhi kebutuhan fitur

dengan jumlah yang sama, direkomendasikan browser yang

memenuhi kebutuhan fitur dengan prioritas tertinggi.

c. Jika kebutuhan fitur dengan prioritas tertinggi dipenuhi oleh

sebuah browser tetapi sebagian besar kebutuhan fitur lainnya

dipenuhi oleh browser yang lain, maka pemilihan browser

dikembalikan ke pengguna apakah lebih memilih hanya

kebutuhan dengan prioritas tertinggi yang terpenuhi atau

banyak kebutuhan lain dengan prioritas lebih rendah yang

terpenuhi.

d. Jika tidak ada browser yang memenuhi kebutuhan pengguna,

pengguna bebas memilih salah satu browser yang

direkomendasikan pada tabel rekomendasi.

5. Kesimpulan dan Saran

5.1 Kesimpulan

a) Performansi browser dapat diukur dan dapat saling dibandingkan dengan

browser lain

b) Tidak ada browser yang dapat dikatakan sebagai browser terbaik karena

tidak ada browser yang unggul pada seluruh faktor performansi yang

diujikan.

5.2 Saran

a) Melakukan analisis performansi terhadap browser generasi baru yang

muncul setelah browser yang dianalisis pada Tugas Akhir ini.

b) Menambah faktor – faktor performansi browser yang dapat dibandingkan

agar memperoleh hasil yang lebih akurat.

8

DAFTAR PUSTAKA

Anonim.2006.Acid2 Browser Test. http://www.webstandards.org/action/acid2/. Diakses 19 September 2013 pukul 20.37

Anonim.2000.Best Free Web Browser. http://www.techsupportalert.com/best-free-web-

browser.htm Diakses 19 Oktober 2013 pukul 19.00

Anonim.2008.Browser Performance. http://sixrevisions.com/infographs/browser-performance/ . Diakses 19 Oktober 2013 pukul 18.40

Anonim.2008.Browser Market Share. http://www.netmarketshare.com/ . Diakses 16

Oktober 2013 Pukul 06.03 Anonim.2010.Celah Keamanan pada Browser Chrome.

http://forums.klikajadeh.net/threads/google-undang-hacker-untuk-tembus-celah-keamanan-browser-chrome.95836/ Diakses pada tanggal 19 Oktober 2013 pukul 18.53

Anonim.1999.Benchmarked Browser. http://www.tomshardware.com/reviews/chrome-27-

firefox-21-opera-next,3534.html Diakses 17 Oktober 2013 22.03 Anonim.2013.Test Menampilkan HTML. www.html5test.com/. Diakses 29 September

2013 pukul 06.05 Anonim.Test ECMAScript. www.webkit.org/perf/sunspider/sunspider.html . Diakses 1

Oktober 2013 pukul 17.20

Anonim.Tes Keamanan Browser. www.browserscope.org/security/test. Diakses 3 Oktober 2013 pukul 06.05

Anonim.Tes CSS Rendering Speed. www.nontroppo.org/timer/csstest.html . Diakses 4

Oktober 2013 Pukul 06.03 Anonim.Tes Load Page. www.nontroppo.org/test/Op7/loadtime.html . Diakses 15 Oktober

2013 Pukul 15.04 Anonim.1998.What are the W3C standards?. http://www.webstandards.org/learn/faq/

Diakses pada tanggal 15 Oktober 2013 pukul 06.04

Anonim.1999.Web Browser Grand Prix. http://www.tomshardware.com/reviews/web-browser-chrome-25-firefox-19,3459.html Diakses 1 November 2013 pukul 06.05

Anonim.2012.10 Web Browser Terbaik.

http://www.kaskus.co.id/thread/000000000000000014533872/10-internet-browser-terbaik-2012/ Diakses 18 Oktober 2013 pukul 18.52

Ayu Anggrianih..Definisi Browser. http://ayuanggrianih.wordpress.com/tugas-kuliah/tugas-

i-jaringan-interner/3-apa-yang-dimaksud-dengan-web-browser-jelaskan-dan-gambarkan-cara-kerja-web-browser-dan-sebutkan-beberapa-contoh-web-browser/ . Diakses 5 Septemeber 2013 pukul 15.30

Journal Gina.2013.Analisis Perbandingan Performansi dan Pengembangan Pemilihan Web

Browser. www.journal.unsil.ac.id/ Diakses 9 Agustus 2013 pukul 15.35

9

Journal Rahman.2012.Analisis Perbandingan Performansi dan Pemilihan Web Browser.

http://journal.uii.ac.id/index.php/Snati/article/view/3117 Diakses 5 Agustus 2013 pukul 17.13