IMPLEMENTASI GOOGLE HACK UNTUK MEMBANTU PENCARIAN DI INTERNET SEBAGAI ADD-ONS MOZILLA FIREFOX.

(1)

MMMBANTU PMNCARIAN SI INTMRNMT SMBAGAI

ASS-ONS MOZILLA FIRMFOG

TUGAS AKHIR

Diajukan Oleh:

ARIF AS’ARI

NPM 0734010078

Kepada

JURUSAN TMKNIK INFORMATIKA

FAKULTAS TMKNOLOGI INSUSTRI

UNIVMRSITAS PMMBANGUNAN NASIONAL “VMTMRAN” JAWA TIMUR

SURABAYA

(2)

Internet (

Interconnectede Networking

) adalah sistem glhbal dari seluruh

jaringan khmputer yang saling terhubung menggunakan standar TCP/IP untuk

melayani para pengguna di seluruh dunia. Dengan internet sehrang pengguna dapat

mempercepat dalam pencarian

link

dengan memasukkan kata kunci melalui media

searcheengine.

searcheengine

yang sering digunakan adalah

Google.e

di dalam pencarian

Google

akan dibuat dengan methde yaitu penambahan

dengan menggunakan

syntak-syntak

yang dapat mempermudah dan menambah

akurasi pada pencarian halaman

Google

dengan kata kunci yang diinginkan sehingga

tepat sasaran, methde tersebut adalah

Googlee Hack

. Adapun definisi

Googlee Hack

menurut Efdvy Zam Kerinci adalah aktivitas

hacking

yang mempergunakan

Google

sebagai sarana atau media sehingga menghasilkan infhrmasi yang penting,

tersembunyi, cepat, akurat dan tepat sasaran. Methde

Googlee Hack

ini akan

diimplementasikan berupa thhl menu tambahan pada

browsere Mozillae firefox

atau

biasa disebut

add-ons

Mozilla

.

(3)

KATA PENGANTAR

Puji syukur kehadirat Allah SWT atas segala limpahan rahmat, taufik serta

hidayah-Nya sehingga memungkinkan penulis untuk menyelesaikan Tugas Akhir

yang berjudul:

“IMPLEMENTASI GOOGLE HACK UNTUK MEMBANTU PENCARIAN DI

INTERNET SEBAGAI ADD-ONS MOZILLA FIREFOX”

Penyusunan Tugas Akhir ini merupakan salah satu persyaratan akademis

dalam menyelesaikan Program Studi S-1 di Jurusan Teknik Informatika,

Universitas Pembangunan Nasioanal “Veteran” Jawa Timur.

Penulis menyampaikan ucapan terima kasih kepada pihak-pihak yang telah

membantu dan memberikan dukungan secara langsung maupun tidak langsung,

yaitu kepada:

1. Allah SWT, atas segala rahmat, hidayah dan pertolongan-Nya sehingga saya

dapat menyelesaikan Tugas Akhir ini dan dapat lulus pada semester ini.

2. Istri, Ayah dan Ibu serta keluarga tercinta, atas segala doa, bimbingan,

nasehat, kasih sayang dan dukungannya hingga saat ini

3. Bapak Basuki Rahmat, S.Si., MT selaku dosen pembimbing I yang senantiasa

memberikan pengarahan dan semangat.

4. Bapak Achmad Junaidi,S.Kom selaku dosen pembimbing II yang telah

meluangkan banyak waktu, tenaga dan pikiran untuk mendukung penulis

dalam menyelesaikan Tugas Akhir dari awal hingga sidang akhir di tengah

kesibukkan beliau.

5. Bapak / Ibu dosen yang telah memberikan segala ilmu, bimbingan, bantuan,

dan kemudahan kepada penulis selama menjalani kuliah di Teknik

Informatika UPN “Veteran” Jawa Timur.

6. Pak Yudhi, Pak Sugeng, dan Staf TU UPN “Veteran” Jawa Timur atas

(4)

7. Mas Yazid atas bantuan dan dukungannya selama penulis mengerjakan tugas

akhir ini.

8. Bicil kecil yang selalu mendukung ayah selama ini.

9. Teman-teman Teknik Informatika UPN “Veteran” Jawa Timur atas dorongan

semangat dan kerjasamanya selama ini.

10. Semua pihak lain yang tidak dapat kami sebutkan satu persatu yang telah

membantu demi kelancaran pengerjaan Tugas Akhir ini.

Penulis juga menyampaikan ucapan maaf apabila terdapat kesalahan dan

kekurangan, karena penulis menyadari bahwa karya Tugas Akhir ini masih jauh

dari kesempurnaan. Oleh karena itu, kritik dan saran yang membangun dari

pembaca sangat penulis harapkan sebagai bahan perbaikan dimasa yang akan

datang. Harapan penulis, semoga laporan Tugas Akhir ini dapat memberikan

manfaat bagi pembaca.

Surabaya, Oktober 2011

(5)

DAFTAR ISI

KATA PENGANTAR...i

DAFTAR ISI iii DAFTAR GAMBAR... viii

DAFTAR TABEL xii BAB I. PENDAHULUAN...1

1.1 Latar Belakang... 1

1.2 Rumusan Masalah... 2

1.3 Batasan Masalah ... 2

1.4 Tujuan Penelitian ... 2

1.5 Manfaat Penelitian ... 2

1.6 Metode Penelitian ... 2

1.7 Sistematika Penulisan ... 1

BAB II. TINJAUAN PUSTAKA...5

2.1 Sejarah Website dan Browser...5

2.2 Java 6 2.2.1 Java Applets... 6

2.2.2 Java Script... 6

2.3 Google Hack...7

2.4 Pembuatan add-ons sederhana pada mozilla firefox...10

BAB III. PERANCANGAN PERANGKAT LUNAK...13

3.1 Desain Sistem...13

3.2 Perancangan Sistem...14

3.3 Perancangan Data Input...15

3.4 Perancangan Proses...15

(6)

3.4.2 Proses Google Hack Terhadap Google ... 16

3.5 Perancangan Antarmuka...18

3.5.1 Blok Arsitektur Sistem Google Hack Online... 18

3.5.2 Tampilan Antar Muka Aplikasi... 19

3.5.3 Perancangan Uji Coba ... 19

BAB IV. IMPLEMENTASI...20

4.1 Implementasi Sistem...20

4.1.1 Tampilan Utama...20

4.1.2 Halaman Pencarian Kata Kunci Dengan Memilih Tipe File.21 4.1.3 Halaman Pencarian Kata Kunci Dengan Memilih Indeks...21

4.1.4 Halaman Pencarian Kata Kunci Pada Tabsmenu Music...22

4.1.4.1 Halaman Pencarian Kata Kunci dengan tipe file .mp3...22

4.1.4.2 Halaman Pencarian Kata Kunci dengan tipe file .wma...23

4.1.4.3 Halaman Pencarian Kata Kunci dengan tipe file .ogg...23

4.1.4.4 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .wma………....23

4.1.4.5 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .ogg……....24

4.1.4.6 Halaman Pencarian Kata Kunci dengan tipe file .wma atau .ogg...24

4.1.4.7Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .wma atau .ogg...24

4.1.5 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Music...25

4.1.5.1Halaman Pencarian Kata Kunci Dengan Indeks .mp3...25

4.1.5.2Halaman Pencarian Kata Kunci dengan indeks .wma...26

(7)

4.1.6.1Halaman Pencarian Kata Kunci dengan tipe file .pdf...27

4.1.6.2Halaman Pencarian Kata Kunci dengan tipe file .txt...27

4.1.6.3Halaman Pencarian Kata Kunci dengan tipe file .doc...28

4.1.6.4Halaman Pencarian Kata Kunci dengan tipe file .ppt...28

4.1.6.5Halaman Kata Kunci dengan tipe file .pdf atau .txt...28

4.1.6.6Halaman Pencarian Kata Kunci dengan tipe file .pdf atau .doc...29

4.1.6.7Halaman Kata Kunci dengan tipe file .pdf atau .ppt...29

4.1.6.8Halaman Pencarian Kata Kunci dengan tipe file .txt atau .doc...29

4.1.6.9Halaman Pencarian Kata Kunci dengan tipe file .txt atau .ppt ...30

4.1.6.10 Halaman Pencarian Kata Kunci dengan tipe file .doc atau .ppt...30

4.1.6.11Halaman Pencarian Kata Kunci dengan tipe file .pdf atau .txt atau .doc atau .ppt... ...30

4.1.7 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Book...31

4.1.7.1 Halaman Pencarian Kata Kunci dengan indeks .pdf...31

4.1.7.2 Halaman Pencarian Kata Kunci dengan indeks .txt...32

4.1.7.3 Halaman Pencarian Kata Kunci dengan indeks .doc...32

4.1.7.4 Halaman Pencarian Kata Kunci dengan indeks .ppt...32

4.1.8 Halaman Pencarian Kata Kunci Pada Tabsmenu Video...33

4.1.8.1 Halaman Pencarian Kata Kunci dengan tipe file .mpg...33

4.1.8.2 Halaman Pencarian Kata Kunci dengan tipe file .avi...33

4.1.8.3 Halaman Pencarian Kata Kunci dengan tipe file .flv...34

(8)

4.1.8.5 Halaman Pencarian Kata Kunci dengan tipe file .mpg atau

.flv...34

4.1.8.6 Halaman Pencarian Kata Kunci dengan tipe file .avi atau .flv ...35

4.1.8.7 Halaman Pencarian Kata Kunci dengan tipe file .mpg atau .avi atau .flv...35

4.1.9 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Video...36

4.1.9.1 Halaman Pencarian Kata Kunci dengan indeks .mpg...36

4.1.9.2 Halaman Pencarian Kata Kunci dengan indeks .avi...36

4.1.9.3 Halaman Pencarian Kata Kunci dengan indeks .flv...37

4.1.10 Halaman Pencarian Kata Kunci Pada Tabsmenu Application ...37

4.1.10.1 Halaman Pencarian Kata Kunci dengan tipe file .exe...38

4.1.10.2 Halaman Pencarian Kata Kunci dengan tipe file .zip...38

4.1.10.3 Halaman Pencarian Kata Kunci dengan tipe file .rar...38

4.1.10.4 Halaman Pencarian Kata Kunci dengan tipe file .exe atau .zip...39

4.1.10.5 Halaman Pencarian Kata Kunci dengan tipe file .exe atau .rar...39

4.1.10.6 Halaman Pencarian Kata Kunci dengan tipe file .zip atau .rar...39

4.1.10.7 Halaman Pencarian Kata Kunci dengan tipe file .exe atau .zip atau .rar...40

4.1.11 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Application...40

4.1.11.1 Halaman Pencarian Kata Kunci dengan indeks .exe...41

4.1.11.2 Halaman Pencarian Kata Kunci dengan indeks .zip...41

(9)

BAB V. PENGUJIAN DAN ANALISA...42

5.1 Lingkungan Pengujian...42

5.2 Skenario Uji Coba...42

5.3 Hasil Uji Coba...43

5.3.1 Hasil Uji Coba 1 ... 43

5.3.2.1 Hasil Uji Coba 2.1... 44

5.3.2.2 Hasil Uji Coba 2.2... 47

5.3.2.3 Hasil Uji Coba 2.3... 50

5.3.2.4 Hasil Uji Coba 2.4... 52

5.3.3.1 Hasil Uji Coba 3.1... 55

5.3.3.2 Hasil Uji Coba 3.2... 57

5.3.3.3 Hasil Uji Coba 3.3... 61

5.3.3.4 Hasil Uji Coba 3.4... 63

BAB VI. PENUTUP ...68

6.1 Kesimpulan... 68

6.2 Saran...68

DAFTAR PUSTAKA...69

(10)

DAFTAR GAMBAR

Gambar 2. 1 Folder Pendukung Add-Ons ... 10

Gambar 2. 2 Contoh Browser.xul ... 11

Gambar 2. 3 Menu Content JavaScript ... 11

Gambar 2. 4 Menu Content Image ... 11

Gambar 3.1 Perancangan Sistem secara global ... 14

Gambar 3.2 Diagram Alur Google Hack ... 16

Gambar 3. 4 Blok Arsitektur Sistem Google Hack berbasis online... 18

Gambar 3. 5 Tampilan Antar Muka Aplikasi ... 19

Gambar 4. 1 Tampilan Utama Add Ons Google Hacks Pada Mozilla firefox... 20

Gambar 4. 2 Halaman Pencarian Kata Kunci Tanpa Memilih tipe file ... 21

Gambar 4. 3 Halaman Pencarian Kata Kunci Dengan memilih tipe file ... 21

Gambar 4. 4 Halaman Pencarian Kata Kunci Dengan memilih indeks... 21

Gambar 4. 5 Halaman pencarian kata kunci pada tabs menu music... 22

Gambar 4. 6 Halaman Pencarian Kata Kunci dengan tipe file .mp3 ... 22

Gambar 4. 7 Halaman Pencarian Kata Kunci dengan tipe file .wma ... 23

Gambar 4. 8 Halaman Pencarian Kata Kunci dengan tipe file .ogg... 23

Gambar 4. 9 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .wma ... 23

Gambar 4. 10 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .ogg ... 24

Gambar 4. 11 Halaman Pencarian Kata Kunci dengan tipe file .wma atau .ogg .. 24

Gambar 4. 12 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .wma atau .ogg ... 25

Gambar 4. 13 Halaman pencarian kata kunci pada tabsmenu indeks music... 25

Gambar 4. 14 Halaman Pencarian Kata Kunci dengan indeks .mp3 ... 25

(11)

Gambar 4. 17 Halaman pencarian kata kunci pada tabsmenu book ... 27

Gambar 4. 18 Halaman Pencarian Kata Kunci dengan tipe file .pdf... 27

Gambar 4. 19 Halaman Pencarian Kata Kunci dengan tipe file .txt... 27

Gambar 4. 20 Halaman Pencarian Kata Kunci dengan tipe file .doc ... 28

Gambar 4. 21 Halaman Pencarian Kata Kunci dengan tipe file .ppt... 28

Gambar 4. 22 Halaman Pencarian Kata Kunci dengan tipe file . pdf atau .txt ... 28

Gambar 4. 23 Halaman Pencarian Kata Kunci dengan tipe file . pdf atau .doc.... 29

Gambar 4. 24 Halaman Pencarian Kata Kunci dengan tipe file . pdf atau .ppt .... 29

Gambar 4. 25 Halaman Pencarian Kata Kunci dengan tipe file . txt atau .doc... 29

Gambar 4. 26 Halaman Pencarian Kata Kunci dengan tipe file . txt atau .ppt ... 30

Gambar 4. 27 Halaman Pencarian Kata Kunci dengan tipe file . doc atau .ppt... 30

Gambar 4. 28 Halaman Pencarian Kata Kunci dengan tipe file .pdf atau .txt atau .doc atau .ppt ... 30

Gambar 4. 29 Halaman pencarian kata kunci pada tabsmenu indeks book ... 31

Gambar 4. 30 Halaman Pencarian Kata Kunci dengan indeks .pdf... 31

Gambar 4. 31 Halaman Pencarian Kata Kunci dengan indeks .txt ... 32

Gambar 4. 32 Halaman Pencarian Kata Kunci dengan indeks .doc ... 32

Gambar 4. 33 Halaman Pencarian Kata Kunci dengan indeks .ppt... 32

Gambar 4. 34 Halaman pencarian kata kunci pada tabsmenu video ... 33

Gambar 4. 35 Halaman Pencarian Kata Kunci dengan tipe file .mpg ... 33

Gambar 4. 36 Halaman Pencarian Kata Kunci dengan tipe file .avi ... 33

Gambar 4. 37 Halaman Pencarian Kata Kunci dengan tipe file .flv... 34

Gambar 4. 38 Halaman Pencarian Kata Kunci dengan tipe file .mpg atau .avi .... 34

Gambar 4. 39 Halaman Pencarian Kata Kunci dengan tipe file . mpg atau .flv.... 35

Gambar 4. 40 Halaman Pencarian Kata Kunci dengan tipe file . avi atau .flv... 35

(12)

Gambar 4. 42 Halaman pencarian kata kunci pada tabsmenu indeks video ... 36

Gambar 4. 43 Halaman Pencarian Kata Kunci dengan indeks.mpg ... 36

Gambar 4. 44 Halaman Pencarian Kata Kunci dengan indeks .avi ... 37

Gambar 4. 45 Halaman Pencarian Kata Kunci dengan indeks .flv... 37

Gambar 4. 46 Halaman Pencarian Kata Kunci dengan tabsmenu Application... 37

Gambar 4. 47 Halaman Pencarian Kata Kunci dengan tipe file .exe... 38

Gambar 4. 48 Halaman Pencarian Kata Kunci dengan tipe file .zip ... 38

Gambar 4. 49 Halaman Pencarian Kata Kunci dengan tipe file .rar... 38

Gambar 4. 50 Halaman Pencarian Kata Kunci dengan tipe file .exe atau .zip ... 39

Gambar 4. 51 Halaman Pencarian Kata Kunci dengan tipe file . exe atau .rar .... 39

Gambar 4. 52 Halaman Pencarian Kata Kunci dengan tipe file .zip atau .rar ... 40

Gambar 4. 53 Halaman Pencarian Kata Kunci dengan tipe file . exe atau .zip atau .rar ... 40

Gambar 4. 54 Halaman Pencarian Kata Kunci dengan tabsmenu indeks application... 40

Gambar 4. 55 Halaman Pencarian Kata Kunci dengan indeks .exe... 41

Gambar 4. 56 Halaman Pencarian Kata Kunci dengan indeks .zip ... 41

Gambar 4. 57 Halaman Pencarian Kata Kunci dengan indeks .rar... 41

Gambar 5. 1 Hasil pencarian kata kunci tanpa tipefile ataupun indeks ... 43

Gambar 5. 2 Hasil pencarian kata kunci dengan tipefile .mp3... 45

Gambar 5. 3 Hasil pencarian kata kunci dengan tipefile .wma ... 46

Gambar 5. 4 Hasil pencarian kata kunci dengn tipefile .ogg ... 46

Gambar 5. 5 Hasil pencarian kata kunci dengan tipefile .pdf ... 47

Gambar 5. 6 Hasil pencarian kata kunci dengan tipefile .txt ... 48

Gambar 5. 7 Hasil pencarian kata kunci dengan tipefile .doc... 49

(13)

Gambar 5. 10 Hasil pencarian kata kunci dengan tipefile .avi... 51

Gambar 5. 11 Hasil pencarian kata kunci dengan tipefile .flv ... 52

Gambar 5. 12 Hasil pencarian kata kunci dengan tipefile .exe ... 53

Gambar 5. 13 Hasil pencarian kata kunci dengan tipefile .zip ... 53

Gambar 5. 14 Hasil pencarian kata kunci dengan tipefile .rar ... 54

Gambar 5. 15 Hasil pencarian kata kunci dengan indeks .mp3... 55

Gambar 5. 16 Hasil pencarian kata kunci dengan indeks .wma ... 56

Gambar 5. 17 Hasil pencarian kata kunci dengan indeks .ogg... 57

Gambar 5. 18 Hasil pencarian kata kunci dengan indeks .pdf ... 58

Gambar 5. 19 Hasil pencarian kata kunci dengan indeks .txt... 59

Gambar 5. 20 Hasil penca rian kata kunci dengan indeks .doc... 60

Gambar 5. 21 Hasil pencarian kata kunci dengan indeks .ppt ... 60

Gambar 5. 22 Hasil pencarian kata kunci dengan indeks .mpg... 61

Gambar 5. 23 Hasil pencarian kata kunci dengan indeks .avi... 62

Gambar 5. 24 Hasil pencarian kata kunci dengan indeks .flv... 63

Gambar 5. 25 Hasil pencarian kata kunci dengan indeks .exe ... 64

Gambar 5. 26 Hasil pencarian kata kunci dengan indeks .zip ... 65

Gambar 5. 27 Hasil pencarian kata kunci dengan indeks .rar ... 66

(14)

DAFTAR TABEL

Tabel 5. 1 Jumlah dan waktu hasil pencarian beberapa kata kunci...44

(15)

BAB I

PENDAHULUAN

1.1 Latar Belakang

Di era yang semakin maju perkembangan teknologi hampir semua

masyarakat umum pasti mengenal internet, dimana internet ini sudah terkenal

secara luas di seluruh dunia. Dari berbagai lapisan masyarakat dan usia sudah bisa

menggunakan fasilitas-fasilitas dalam internet seperti browsing, chatting, upload

dan download. Pada fasilitas dalam internet seorang pengguna dapat mempercepat

dalam pencarian link dengan memasukkan kata kunci melalui media search

engine. Internet (Interconnected Networking) adalah sistem global dari seluruh

jaringan komputer yang saling terhubung menggunakan standar TCP/IP untuk

melayani para pengguna di seluruh dunia.

Salah satu media search engine yang sering digunakan adalah Google yang

mana merupakan media pencari paling populer di dunia internet, dengan hanya

menggunakan sebuah kata kunci dapat langsung terhubung dengan halaman hasil

permintaan. Meskipun dimudahkan dengan adanya Google tetapi dalam pencarian

link akan tidak sesuai dengan yang diinginkan oleh pengguna. Hal ini

menunjukkan betapa kurang akuratnya jika pengunjung hanya menggunakan

Google secara konvensional tanpa adanya tambahan di dalamnya untuk

mempermudah pengguna dalam melakukan pencarian yang akurat dan relevan

sesuai dengan kata kunci dan tipe file yang diinginkan.

Untuk menyelesaikan permasalahan tersebut diatas, maka di dalam

pencarian Google akan dibuat dengan metode yaitu penambahan dengan

menggunakan syntak-syntak yang dapat mempermudah dan menambah akurasi

pada pencarian halaman Google dengan kata kunci yang diinginkan sehingga

tepat sasaran, metode tersebut adalah Google Hack. Adapun definisi Google Hack

menurut Efdvy Zam Kerinci adalah aktivitas hacking yang mempergunakan

Google sebagai sarana atau media sehingga menghasilkan informasi yang penting,

tersembunyi, cepat, akurat dan tepat sasaran. Metode Google Hack ini akan

diimplementasikan berupa tool menu tambahan pada browser Mozilla firefox atau

(16)

1.2 Rumusan Masalah

Rumusan masalah yang diangkat dalam Tugas Akhir ini adalah sebagai

berikut:

a) Bagaimanakah memanfaatkan Google Hack untuk melakukan

pencarian yang spesifik,relevan dan akurat berdasarkan kata kunci

dan tipe file sesuai yang diinputkan oleh pengguna?

b)Bagaimanakah mengimplementasikan aplikasi Google Hack

sebagai add-ons pada browser Mozilla firefox?

1.3 Batasan Masalah

Dalam penyusunan tugas akhir ini, untuk mengatasi permasalahan yang ada

maka disusun beberapa batasan masalah sebagai berikut :

1) Aplikasi ini mendeteksi alamat url pada sebuah website yang

dibutuhkan oleh pengguna berdasarkan kata kunci dan tipe file yang

diinputkan oleh pengguna.

2) Browser yang digunakan adalah mozilla firefox 4

1.4 Tujuan Penelitian

Tugas akhir ini bertujuan untuk membangun aplikasi dengan menggunakan

Java script untuk mengimplementasikan Google Hack dalam bentuk Add Ons

Mozilla firefox untuk membantu pencarian di internet dengan menggunakan

browser Mozilla firefox.

1.5 Manfaat Penelitian

Tugas akhir ini bermanfaat untuk mempermudah pengguna internet dalam

pencarian di dalam Google search dengan media browser Mozilla firefox.

1.6 Metode Penelitian

Metode penelitian yang digunakan dalam penelitian tugas akhir ini adalah

(17)

a) Studi Literatur

Pada tahap ini dilakukan untuk pencarian dan pemahaman berbagai

teori yang berhubungan dengan rumusan masalah seperti bagaimana

cara memanfaatkan Google Hack untuk melakukan pencarian yang

spesifik,relevan dan akurat berdasarkan kata kunci dan tipe file sesuai

yang diinputkan oleh pengguna dan bagaimana mengimplementasikan

aplikasi Google Hack sebagai add-ons pada browser Mozilla firefox.

b) Pengumpulan dan Analisa Data

Pengumpulan data dilakukan dengan cara : observasi, identifikasi dan

klasifikasi melalui studi literatur. Dari pengumpulan data tersebut

dapat dilakukan analisa data yaitu dalam proses pembuatan Add Ons

Google Hack pada mozila firefox.

c) Perancangan Program

Melakukan analisa awal tentang Add Ons yang akan dibuat yaitu suatu

pemecahan masalah yang dilakukan melalui system online dengan cara

pembuatan Add Ons Google Hack pada Mozilla firefox, dimana

add-ons memanfaatkan Google sebagai media pencarian dengan

menggunakan syntak-syntak.

d) Pengujian dan Analisa

Pengujian dan analisa dimaksudkan untuk mengetahui sejauh mana

sistem yang dibuat pada proyek akhir ini dapat berfungsi sesuai dengan

proses sistem yang diharapkan.

e) Kesimpulan

Dibuat kesimpulan dari pengujian sistem tugas akhir dengan menguji

apakah hasilnya seperti yang diharapkan pada tujuan tugas akhir

sebelumnya.

f) Penyusunan Buku Tugas Akhir

(18)

1.7 Sistematika Penulisan

Laporan Tugas Akhir ini akan dibagi menjadi beberapa bab sebagai berikut:

a) Bab 1, Pendahuluan, berisi latar belakang, permasalahan, tujuan,

batasan permasalahan, metodologi, dan sistematika penulisan.

b) Bab 2, Tinjauan Pustaka, akan dibahas dasar ilmu yang mendukung

pembahasan tugas akhir ini.

c) Bab 3, Perancangan Perangkat Lunak, membahas mengenai desain

dan perancangan perangkat lunak. Desain aplikasi meliputi desain

data, desain proses dan desain antar muka.

d) Bab 4, Implementasi dari aplikasi yang telah dibuat, akan dilakukan

pembuatan aplikasi yang dibangun dengan komponen-komponen yang

telah ada yang sesuai dengan permasalahan dan batasannya yang telah

dijabarkan pada bab pertama.

e) Bab 5, Pengujian dan analisa, akan dilakukan uji coba berdasarkan

parameter-parameter yang ditetapkan, dan kemudian dilakukan analisis

terhadap hasil uji coba tersebut.

f) Bab 6, Penutup, berisi kesimpulan yang dapat diambil dari Tugas

(19)

BAB II

TINJ AUAN PUSTAKA

2.1 Sejar ah Website dan Browser

Sejarah web browser dimulai pada akhir tahun 80-an ketika berbagai

teknologi baru menjadi dasar pembuatan web browser pertama di dunia World

Wide Web (WWW) oleh Tim Berners-Lee pada tahun 1991. Browser itu

menggabungkan beberapa teknologi software dan hardware yang sudah eksis

maupun masih baru pada waktu itu. Diperkenalkannya web browser NCSA

Mosaic pada tahun 1993 salah satu web browser grafis pertama – memulai

ledakan penggunaan web browser. Marc Andreessen pimpinan tim Mosaic di

NCSA kemudian mendirikan perusahaannya sendiri bernama Netscape dan

meluncurkan Netscape Navigator pada tahun 1994. Dengan cepat Netscape

Navigator menjadi browser paling populer di dunia, pada masa jayanya digunakan

oleh 90% pengguna web browser. Microsoft juga merespon dengan web

browser-nya, Internet Explorer (IE) pada tahun 1995, sehingga mencetuskan perang

browser pertama di dunia. IE dengan Windows, Microsoft mampu mengambil

alih posisi pemimpin pasar web browser. Pada tahun 2002, IE digunakan oleh

lebih dari 95% pengguna.

Dari beberapa browser yang sangat diminati oleh para pengguna di

internet adalah mozilla firefox dimana browser tersebut memiliki banyak nama

sebelum berganti dengan nama yang sudah dikenal secara familiar sekarang,

browser ini mempunyai 2 nama sebelum akhirnya menjelma dengan nama mozilla

firefox Nama awalnya adalah Phoenix dan kemudian berganti lagi dengan dikenal

sebagai Mozilla Firebird.

Sebelum rilis versi 1.0-nya pada 9 November 2004, Firefox telah

mendapatkan sambutan yang sangat bagus dari pihak media. Dikarenakan firefox

adalah open source application maka dalam tempo yang singkat aplikasi browser

ini telah didownload lebih dari 5 juta download dalam 12 hari pertama rilisnya

dan 6 juta hingga 24 November 2004.

Melalui Firefox, Yayasan Mozilla betujuan untuk mengembangkan

(20)

(terpisah dari Mozilla Suite yang lebih besar). Firefox telah menjadi fokus utama

perkembangan Mozilla bersama dengan client e-mail Mozilla Thunderbird dan

telah menggantikan Mozilla Suite sebagai rilis browser resmi Yayasan Mozilla.

2.2 Java

Java adalah bahasa pemrograman yang hampir sama dengan

pemrograman C. Akan tetapi dengan Java bisa membuat tampilan halaman

sebuah web menjadi lebih menarik. Contoh penggunaan Java adalah pada fungsi

Mouseover, scrolling marquees, tampilan tanggal dan waktu, kalkulator dan

lain-lain. Terdapat dua tipe Java yaitu Java applet dan Java Script.

2.2.1 Java Applets

Java merupakan bahasa pemrograman yang dikembangkan oleh Sun

Microsystems dan merupakan bahasa pemrograman yang berorientasi obyek. Java

bisa digunakan untuk membuat suatu aplikasi yang berdiri sendiri atau pun sebuah

aplikasi mini yang biasa disebut applet. Applet biasa digunakan pada halaman

web supaya terlihat lebih dinamis. Terdapat banyak sekali aplikasi applet yang

ada.

2.2.2 Java Script

Javascript pertama kali dikembangkan oleh Brendan Eich dari Netscape

dibawah nama Mocha, yang nantinya namanya diganti menjadi LiveScript dan

akhirnya menjadi Javascript, bahasa pemrograman Javascript "sederhana"

karena tidak bisa digunakan untuk membuat suatu aplikasi ataupun applet.

Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para

programmer yang non-Java. Maka dikembangkanlah bahasa pemrograman

bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa pemrograman

inilah yang akhirnya berkembang dan diberi nama Javascript. Program Java

Script dituliskan pada file HTML (*.htm atau *.html) dengan menggunakan tag

kontainer <SCRIPT>. Dengan kata lain, Anda tidak perlu menuliskan program

(21)

roll over baik di gambar maupun teks dan yang penting juga adalah untuk

membuat AJAX. Javascript adalah bahasa yang digunakan untuk AJAX.

Javascript Tidak ada hubungan sama sekali dengan Java. Walaupun

depannya ada tulisan Java. Sebenarnya Java dan Javascript hampir memiliki

beberapa persamaan namun itulah keistimewaan sebuah bahasa pemrogramman

(sama tetapi berbeda).

Syntak penulisan Javascript yaitu:

1) Apabila ingin menulis script Javascript di sembarang tubuh html maka

penulisannya.

<script type=”Javascript/html”>

document.write(“Javascript pertama”);

</script>

2) Menaruh script Javascript di bawah head juga di perbolehkan.

<head>

window.alert(“Javascript pertama”);

</script>

</head>

3) Pemanggilan Javascript juga di perbolehkan, caranya:

a) buat file Javascript dengan copy paste script di bawah ke notepad.

document.write(“Javascript pertama”);

</script>

b) simpan dengan ekstensi nama.js pada type ganti all files, ok.

c) buah html baru pada bagian bawah <head> taruh script atau di bawah

tag body

<script src=namafiletadi.js>

</script>

d) simpan di tempat yang sama dengan file Javascript tadi, nama harus

berekstensi html, nama.html.

2.3 Google Hack

Menurut Efvy Zam Kerinci Google Hacking adalah aktivitas hacking yang

(22)

secara metode khusus akan menghasilkan informasi yang penting, tersembunyi,

cepat, akurat dan tepat sasaran. Di dalam Google terdapat 2 operator yaitu

operator dasar (+, -, ~ , ., *, “”, |, OR) dan operator tambahan.

Adapun Operator Tambahan Adalah sebagai berikut:

1) " Intitle:" ialah sintaks perintah untuk membatasi pencarian yang hanya

menghasilkan judul yang mengandung informasi pada topik yang dimaksud.

Sebagai contoh pada pencarian :

"intitle: password admin" ( tanpa tanda kutip ).

Pencarian akan mencari page yang mengandung kata "password" sebagai

judulnya dengan prioritas utama "admin".Jika pada pencarian terdapat dua

query pencarian utama, digunakan sintaks allintitle: untuk pencarian secara

lengkap.

Sebagai contoh pada pencarian:

"allintitle:admin mdb"

Maka pencarian akan dibatasi pada dua subjek utama judul yaitu "admin" dan

"mdb".

2) " inurl:" ialah sintaks perintah untuk membatasi pencarian yang hanya

menghasilkan semua URL yang hanya berisi kata kunci informasi yang

dimaksudkan.

Sebagai contoh pencarian dalam pencarian:

"inurl : database mdb"

Pencarian akan menghasilkan semua URL yang hanya mengandung informasi

tentang "database mdb ".

Hal yang sama juga berlaku pada sintaks ini, jika terdapat dua query

pencarian utama, digunakan sintaks "allinurl:" untuk mendapatkan list url

(23)

3) "site:" ialah sintaks perintah untuk membatasi pencarian suatu query

informasi berdasarkan pada suatu situs atau domain tertentu.

Sebagai contoh pada pencarian informasi:

"waveguide site:itb.ac.id" (tanpa tanda kutip).

Pencarian akan mencari topik tentang waveguide pada semua halaman yang

tersedia pada domain itb.ac.id.

4) "cache:" akan menunjukkan daftar web yang telah masuk ke dalam indeks

database Google. Sebagai contoh pada pencarian informasi

"cache:deffcon.org"

pencarian akan memperlihatkan list yang disimpan pada Google untuk page

deffcon.org

5) "filetype:" ialah sintaks perintah pada Google untuk pencarian data pada

internet dengan ekstensi tertentu (i.e. doc, pdf or ppt etc).

Sebagai contoh pada pencarian :

"filetype:doc site:go.id confidental" ( tanpa tanda kutip).

Pencarian akan menghasilkan file data dengan ekstensi ".doc" pada semua

domain go.id yang berisi informasi "confidential".

6) "link:" ialah sintaks perintah pada Google yang akan menunjukkan daftar

list webpages yang memiliki link pada webpage special.

7) "intext:" sintaks perintah ini akan mencari kata kata pada website tertentu.

Perintah ini mengabaikan link atau URL dan judul halaman.

contoh :

"intext:admin" (tanpa tanda petik),

pencarian akan menghasilkan link pada web page yang memiliki keyword yang

memiliki keyword admin. Beberapa query sintaks diatas akan sangat membantu

(24)

2.4 Pembuatan add-ons seder hana pada mozilla firefox

Plugin atau Add-ons mozilla adalah tool menu tambahan yang bisa di

tambahkan di mozilla firefox browser. Mencari sebuah plugin untuk keperluan

tertentu dari mozilla anda bisa melalui Menu Tools ( di sebelah Help) –> Add

Ons atau langsung masuk ke alamat Add-ons mozilla. Dalam hal soal internet,

pengguna memang lebih sering memakai mozilla karena cepat, mudah dan adanya

add-ons yang banyak pilihan membuat pekerjaan lebih mudah.

Berikut ini adalah cara sederhana membuat sebuah add-ons pada Mozilla

firefox:

1) Buatlah folder pendukung add-ons dimana pada folder tersebut

akan terdapat komponen yang harus di isikan ke dalam agar

add-ons dapat di install

Gambar 2. 1 Folder Pendukung Add-Ons

2) Tentukan file-file yang harus di buat untuk mendukung Add Ons

dalam hal ini adalah (insta ll.r df, chr ome manifest) dimana kedua

file tersebut digunakan untuk mengisntall dan memberikan fungsi

pada add-ons

3) Membuat overlay dasar (browser.xul) yang di dalamnya terdapat

(25)

fungsi sistem Java script. Contoh sederhana pembuatan

browser.xul adalah:

Gambar 2. 2 Contoh Browser.xul

4) Buatlah beberapa code sederhana dalam bentuk (.js) di dalammenu

content yang merupakan fungsi yang akan di panggil pada

browser.xul untuk di aplikasikan

Gambar 2. 3 Menu Content JavaScript

5) Buatlah beberapa image sederhana dalam bentuk (.png) di

dalammenu content yang merupakan fungsi yang akan di panggil

pada browser.xul untuk di aplikasikan ke dalam toolbar.

(26)

6) Sertakan (.css) untuk mengaplikasikan toolbar tersebut dan icon

tersebut ke dalam sebuah Add Ons

7) Daftarkan (.CSS,.JS) ke dalam (.XUL) agar fungsi tersebut dapat

di panggil dan dapat di install ke dalam file (insta ll.r df).

8) Kemas satu paket add-ons tersebut ke dalam file berekstensi (.XPI)

agar lebih mudah dikenal oleh firefox.

9) Drag file (.xpi) tersebut ke dalam mozilla firefox dan akan

terinstall secara otomatis dan restart firefox.

(27)

BAB III

PERANCANGAN PERANGKAT LUNAK

3.1 Desain Sistem

Prosedur perancangan sistem secara umum untuk pembangunan Aplikasi

Google Hack memanfaatkan Google sebagai media pencarian dengan

menggunakan syntak-syntak Java sript dan XUL (XML Pengguna Interface

Language) dalam bentuk Add Ons browser Mozilla firefox ini terdiri atas

beberapa tahap antara lain meliputi perancangan :

a. Data

Perancangan data yang dimaksudkan adalah perancangan data-data yang

berkaitan dengan pembuatan perangkat lunak, meliputi :

1) Data input

Termasuk di dalamnya data-data penunjang sebagai inputan

pembuatan sistem. Dalam aplikasi ini data yang dibutuhkan

hanyalah kata kunci berupa string dan tipe file yang tersedia pada

menu pilihan aplikasi yang nantinya akan memanfaatkan Google

sebagai media pencarian.

2) Data output

Dari data input di atas, sistem akan memanfaatkan Google

sebagai media pencarian sehingga didapatkan kesimpulan sebagai

output sistem. Dalam aplikasi ini hasil proses pencarian akan

ditampilkan dalam aplikasi berdasarkan database Google sesuai

dengan keinginan pengguna akan tetapi dibatasi sesuai menu

yang terdapat pada aplikasi.

b. Pr oses

Perancangan proses adalah bagaimana sistem akan bekerja, proses-proses

yang digunakan mulai dari masuknya data input yang kemudian diproses oleh

(28)

c. Antar muka

Perancangan antarmuka adalah penjelasan tentang desain dan

implementasi sistem yang digunakan dalam sistem yang dibuat. Secara

keseluruhan perancangan sistem atau desain sistem yang akan dibangun :

Gambar 3.1 Perancangan Sistem secara global

Dari gambar 3.1 dapat diketahui :

1) Pengguna memasukkan inputan yaitu string dan parameter berupa tipe file

ke Mozilla firefox.

2) Aplikasi yang dibangun melakukan permintaan data ke www.Google.com

menggunakan syntak-syntak yang dimiliki oleh Google Hack.

3) Google akan memberikan respon berupa hasil link yang diminta oleh

syntak.

4) Pengguna mendapatkan laporan hasil keseluruhan data yang diminta

pengguna sesuai syntak yang di inputkan.

3.2 Per ancangan Sistem

Perancangan sistem ini berbasis add-ons pada mozilla berjalan dengan

menggunakan koneksi internet karena memanfaatkan Google sebagai media

pencarian. Sehingga proses pencarian akan dilakukan secara realtime sesuai data

yang terdapat dalam server database Google. Keuntungan yang didapat dari hasil

pencarian dengan menggunakan metode ini adalah hasil perolehan informasi data

(29)

3.3 Per ancangan Data Input

Dalam perancangan data input, akan dijelaskan mengenai data-data yang

terdapat dalam sistem sesuai dengan fungsinya sebagai data input sistem. Data

Input Google Hack untuk menjalankan Google Hack memanfaatkan media

pencarian Google adalah menggunakan input berupa:

a) Kata Kunci (KeyWord)

Pada aplikasi ini kata kunci sangat berpengaruh dalam proses

pencarian data yang ada dalam server Google, karena untuk

mendapatkan data pada database Google pengguna perlu

mengirimkan request dengan menginputkan kata kunci yang ingin

didapatkan oleh pengguna yang nantinya akan dikirimkan ke server

Google untuk mekakukan pencarian data yang sudah di inputkan.

b) Tipe File

Pada aplikasi ini tipe file sangat berpengaruh dalam proses

pencarian data yang ada dalam server Google karena untuk

mendapatkan data yang tepat, akurat dan relevan pada database

Google perlu menyertakan tipe file yang ingin didapatkan oleh

pengguna yang nantinya akan dikirimkan ke server Google untuk

mekakukan pencarian data yang sudah di inputkan.

3.4 Per ancangan Pr oses

Perancangan proses pada bagian ini akan menjelaskan tentang bagaimana

sebuah permintaan dari pengguna sesuai kata kunci yang diinputkan dengan menu

pilihan berupa tipe file dan indeks. Pada aplikasi Google Hack data input akan

diproses menjadi sebuah output berupa link hasil pencarian berdasarkan kata

(30)

Start Masukkan kata kunci

Tambahkan Parameter

(tipe file)

Redirect Ke Database Google

End Google Menampilkan Link

3.4.1 Pr oses Pencar ian memanfaatkan Google Hack

Pada perancangan sistem aplikasi ini disediakan beberapa menu. Pada

menu terdapat beberapa pilihan tipe file yang memudahkan pengguna

mendapatkan link berdasarkan kata kunci dan tipe file tepat sasaran dengan

menggunakan bantuan mesin pencari Google, sehingga memudahkan

pencarian dengan syntak-syntak yang ada pada menu aplikasi Add Ons Google

Hack ini. Berikut diagram alur dari prosenya:

Gambar 3.2 Diagram Alur Google Hack

Penjelasan dari Gambar 3.2 adalah:

1. Memasukkan kata kunci ke dalam searchbox pada aplikasi Google

Hack.

2. Aplikasi Google Hack melakukan redirect pada Google sesuai kata

kunci dan tipe file yang dinputkan oleh pengguna.

3. Kemudian Google merespon permintaan dari aplikasi Google Hack.

4. Aplikasi Google Hack menampilkan hasil link sesuai kata kunci

yang dikehendaki oleh pengguna.

3.4.2 Pr oses Google Hack Ter hadap Google

Proses pada Gambar 3.2 diatas akan dilakukan pengembangan seperti

yang dijelaskan sebelumnya menjadi aplikasi Add Ons Google Hack yang

(31)

media pencarian data dan memanfaatkan script yang ada pada Google

sehingga tepat sasaran sesuai dengan kata kunci dan tipe file yang diinputkan

oleh pengguna. Pada aplikasi ini terdapat pilihan menu berupa tipe file dan

indeks untuk mempermudah pencarian sesuai kebutuhan pengguna dalam

waktu yang praktis dan efisien. Dari masing-masing tipe file yang terdapat

dalam aplikasi akan mengarahkan pengguna ke dalam mesin pencari Google

selanjutnya. Akan tetapi apabila pengguna hanya menginputkan kata kunci

tanpa memilih tipe file ataupun indeks akan tetap redirect ke Google tanpa

memperdulikan tipe file. Aplikasi ini akan berjalan ketika terhubung dengan

internet, berikut adalah proses yang berjalan dalam aplikasi Google Hack:

Gambar 3. 3 Diagram Alur Google Hack terhadap Google

Aplikasi membutuhkan data masukan berupa kata kunci yang berupa

string jika kata kunci yang diinputkan selain string seperti karakter spasi akan

dibaca (+) maksudnya ”dan”. Selanjutnya program akan melakukan

pengecekan apakah data yang diinginkan memiliki tipe file atau tidak, jika

tidak maka aplikasi akan langsung melakukan pencarian berdasarkan kata

(32)

berhubungan dengan kata kunci yang dicari berdasarkan database Google.

Berbeda halnya jika diinputkan kata kunci disertai dengan tipe file ataupun

indeks maka link yang keluar dari database Google adalah data yang sesuai

dengan kata kunci dan tipe file ataupun kata kunci dan indeks yang

diinginkan oleh pengguna.

3.5 Per ancangan Antar muka

Perancangan antar muka bertujuan untuk menjelaskan alur dari proses

Google Hack untuk melakukan pencarian sesuai kata kunci dan tipe file pada

Google suatu web secara online.

4.5.1 Blok Ar sitektur Sistem Google Hack Online

Untuk perancangan antar muka aplikasi Google Hack berbasis Online,

di bawah ini akan ditunjukkan blok arsitektur sistem dari Google Hack

berbasis online yang digunakan pada proyek akhir ini :

Gambar 3. 4 Blok Arsitektur Sistem Google Hack berbasis online

Dari Gambar 3.4 dapat diketahui :

1) Aplikasi yang dibangun melakukan request ke www.Google.com

dengan menggunakan kata kunci dan indeks atau kata kunci dan tipe

Hasil Link

AddOns Mozilla firefox

Redirect

Www.Google.com

(33)

Nama aplikasi _SearchBox _{M enu t ipe file} _{M enu Indeks} 2) Server Google memberikan respon berupa linksesuai permintaan.

3) Aplikasi Google Hack menerima respon link tersebut, kemudian

pengguna mendapatkan data sesuai injeksi script Google Hack.

4.5.2 Tampilan Antar Muka Aplikasi

Untuk perancangan antar muka aplikasi ini sebagai berikut :

Gambar 3. 5 Tampilan Antar Muka Aplikasi

Tampilan aplikasi ini cukup sederhana dengan latar belakang warna putih

yang dibagi atas 4 bagian. Bagian-bagian tersebut di antaranya adalah bagian

nama aplikasi dengan nama Google Hack yang sesuai dengan fungsi

utamanya yaitu pencarian informasi dengan memanfaatkan Script Google

Hack melalui mesin pencari Google. Bagian kedua adalah Searchbox yang

berisikan kata kunci dari inputan pengguna. Bagian ketiga adalah berupa

tabsbox yang menampilkan menu tipe file yang terdiri dari 6 macam tipe

file, yaitu : Music, Book, Aplication, Video, Cache, Web Hosting. Dan pada

bagian terakhir hampir sama dengan bagian ketiga akan tetapi pada proses

pencarian Google akan menampilkan link berupa indeks.

3.5.2 Per ancangan Uji Coba

Untuk perancangan uji coba yang akan dilakukan untuk aplikasi ini

adalah melakukan pencarian berdasarkan kata kunci dan berbagai macam

tipe file yang tersedia dalam menu pilihan tipe file pada aplikasi Add Ons

Google Hack ini. Dari uji coba yang dilakukan akan didapatkan hasil-hasil

dari link database Google yang sesuai dengan keinginan pengguna

(34)

BAB IV

IMPLEMENTASI

Pada bab ini akan dijelaskan mengenai implementasi perangkat lunak Add

Ons Google Hack Mozilla firefox.

4.1 Implementasi Sistem

Dari desain sistem yang telah dibuat sebelumnya maka dapat di

implementasikan seperti beberapa contoh tampilan berikut :

4.1.1 Tampilan Utama

Gambar 4. 1 Tampilan Utama Add Ons Google Hacks Pada Mozilla firefox

Pada tampilan utama terdapat empat bagian yang dipisahkan dengan tiga

garis. Bagian pertama adalah nama aplikasi yaitu Google Hack. Bagian

kedua adalah searchbox berupa kolom pencarian yang bisa diinputkan

kata kunci yang akan dicari oleh pengguna. Bagian ketiga adalah tabsbox

yang di dalamnya terdapat tabsmenu pencarian tipe file yaitu Music,

Book, Video, Application. Bagian keempat adalah tabsbox yang di

dalamnya terdapat tabsmenu pencarian indeks yaitu Indeks Music, Indeks

Book, Indeks Video dan Indeks Application. Dimana di dalam setiap

tabsmenu terdapat tipe file-tipe file yang berhubungan dengan tabsmenu

tersebut untuk mempermudah pencarian pada database Google. Halaman

(35)

Gambar 4. 2 Halaman Pencar ian Kata Kunci Tanpa Memilih tipe file

Pada Gambar 4.2, tampilan halaman ini digunakan untuk

melakukan pencarian ke dalam database Google tanpa memilih tipe file

dari kata kunci yang diinputkan. Halaman ini memanfaatkan Javascrpit

untuk redirect kata kunci ke dalam database Google.

4.1.2 Halaman Pencarian Kata Kunci Dengan Memilih Tipe File

Gambar 4. 3 Halaman Pencar ian Kata Kunci Dengan memilih tipe file

Pada tampilan halaman pencarian kata kunci disertai dengan memilih

tipe file dan indeks. Tipe file terdapat pada tabsbox tabsmenu yang di

dalamnya berisi berbagai macam tipe file. Tipe file ini dapat dipilih salah

satu atau lebih. Untuk redirect kata kunci beserta tipe file yang dipilih

digunakan Java script di dalamproses pencarian ke dalam database

Google

4.1.3 Halaman Pencarian Kata Kunci Dengan Memilih Indeks

(36)

Pada tampilan halaman pencarian kata kunci disertai dengan memilih

indeks. Indeks terdapat pada tabsbox tabsmenu indeks yang di dalamnya

berisi berbagai macam indeks. Indeks ini dapat hanya bisa dipilih salah

satu. Untuk redirect kata kunci beserta indeks yang dipilih digunakan

Java script di dalamproses pencarian ke dalam database Google.

4.1.4 Halaman Pencarian Kata Kunci Pada Tabsmenu Music

Gambar 4. 5 Halaman pencarian kata kunci pada tabs menu music

Pada tampilan halaman pencarian kata kunci pada tabsmenu music di

dalamnya terdapat tiga macam pilihan untuk tipe file yaitu .mp3, .wma

dan .ogg. Pada tabsmenu music ini bisa dipilih salah satu maupun dipilih

secara bersamaan.

4.1.4.1Halaman Pencarian Kata Kunci dengan tipe file .mp3

Gambar 4. 6 Halaman Pencar ian Kata Kunci dengan tipe file .mp3

Pada tampilan halaman pencarian kata kunci dengan tipe file .mp3

ini berfungsi untuk melakukan pencarian ke dalam database

Google berdasarkan kata kunci yang diinputkan oleh pengguna

(37)

4.1.4.2Halaman Pencarian Kata Kunci dengan tipe file .wma

Gambar 4. 7 Halaman Pencar ian Kata Kunci dengan tipe file .wma

Pada tampilan halaman pencarian kata kunci dengan tipe file .wma

dengan tipe file .wma.

4.1.4.3Halaman Pencarian Kata Kunci dengan tipe file .ogg

Gambar 4. 8 Halaman Pencar ian Kata Kunci dengan tipe file .ogg

Pada tampilan halaman pencarian kata kunci dengan tipe file .ogg

dengan tipe file .ogg.

4.1.4.4Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .wma

Gambar 4. 9 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau

.wma

(38)

database Google berdasarkan kata kunci yang diinputkan oleh

pengguna dengan tipe file .mp3 atau .wma.

4.1.4.5 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .ogg

Gambar 4. 10 Halaman Pencar ian Kata Kunci dengan tipe file .mp3 atau

.ogg

atau .ogg ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .mp3 atau .ogg.

4.1.4.6 Halaman Pencarian Kata Kunci dengan tipe file .wma atau .ogg

Gambar 4. 11 Halaman Pencar ian Kata Kunci dengan tipe file .wma atau

.ogg

Pada tampilan halaman pencarian kata kunci dengan tipe file .wma

atau .ogg ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .wma atau .ogg.

4.1.4.7 Halaman Pencarian Kata Kunci dengan tipe file .mp3 atau .wma

atau .ogg

(39)

Gambar 4. 12 Halaman Pencar ian Kata Kunci dengan tipe file .mp3 atau

.wma atau .ogg

4.1.5 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Music

Gambar 4. 13 Halaman pencar ian kata kunci pada tabsmenu indeks music

Pada tampilan halaman pencarian kata kunci dengan tabsmenu indeks

music di dalamnya terdapat tiga macam pilihan untuk tipe file yaitu

indeks .mp3, indeks .wma dan indeks .ogg. Pada tabsmenu indeks music

ini hanya bisa dipilih salah satu saja.

4.1.5.1Halaman Pencarian Kata Kunci Dengan Indeks .mp3

Gambar 4. 14 Halaman Pencar ian Kata Kunci dengan indeks .mp3

Pada tampilan halaman pencarian kata kunci dengan indeks .mp3

(40)

4.1.5.2Halaman Pencarian Kata Kunci dengan indeks .wma

Gambar 4. 15 Halaman Pencar ian Kata Kunci dengan indeks .wma

Pada tampilan halaman pencarian kata kunci dengan indeks .wma

dengan indeks .wma.

4.1.5.3Halaman Pencarian Kata Kunci dengan indeks .ogg

Gambar 4. 16 Halaman Pencar ian Kata Kunci dengan indeks .ogg

Pada tampilan halaman pencarian kata kunci dengan indeks .ogg

dengan tipe file .ogg.

4.1.6 Halaman Pencarian Kata Kunci Pada Tabsmenu Book

Pada tampilan halaman pencarian kata kunci dengan tabsmenu Book

terdapat tiga macam tipe file yaitu .pdf, .txt, .doc dan .ppt. Tipe file pada

tabsmenu book ini bisa dipilih salah satu maupun dipilih secara

(41)

Gambar 4. 17 Halaman pencar ian kata kunci pada tabsmenu book

4.1.6.1Halaman Pencarian Kata Kunci dengan tipe file .pdf

Gambar 4. 18 Halaman Pencar ian Kata Kunci dengan tipe file .pdf

Pada tampilan halaman pencarian kata kunci dengan tipe file .pdf

dengan tipe file .pdf.

4.1.6.2Halaman Pencarian Kata Kunci dengan tipe file .txt

Gambar 4. 19 Halaman Pencar ian Kata Kunci dengan tipe file .txt

Pada tampilan halaman pencarian kata kunci dengan tipe file .txt

(42)

4.1.6.3Halaman Pencarian Kata Kunci dengan tipe file .doc

Gambar 4. 20 Halaman Pencar ian Kata Kunci dengan tipe file .doc

Pada tampilan halaman pencarian kata kunci dengan tipe file .doc

dengan tipe file .doc

4.1.6.4Halaman Pencarian Kata Kunci dengan tipe file .ppt

Gambar 4. 21 Halaman Pencar ian Kata Kunci dengan tipe file .ppt

Pada tampilan halaman pencarian kata kunci dengan tipe file .ppt

dengan tipe file .ppt.

4.1.6.5Halaman Kata Kunci dengan tipe file .pdf atau .txt

Gambar 4. 22 Halaman Pencar ian Kata Kunci dengan tipe file . pdf atau .txt

atau .txt ini berfungsi untuk melakukan pencarian ke dalam

(43)

4.1.6.6Halaman Pencarian Kata Kunci dengan tipe file .pdf atau .doc

Gambar 4. 23 Halaman Pencar ian Kata Kunci dengan tipe file . pdf atau

.doc

atau .doc ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .pdf atau .doc

4.1.6.7Halaman Kata Kunci dengan tipe file .pdf atau .ppt

Gambar 4. 24 Halaman Pencar ian Kata Kunci dengan tipe file . pdf atau

.ppt

Pada tampilan halaman pencarian kata kunci dengan tipe file . .pdf

atau .ppt ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .pdf atau .ppt

4.1.6.8Halaman Pencarian Kata Kunci dengan tipe file .txt atau .doc

Gambar 4. 25 Halaman Pencarian Kata Kunci dengan tipe file . txt atau

.doc

(44)

pengguna dengan tipe file .txt atau .doc

4.1.6.9Halaman Pencarian Kata Kunci dengan tipe file .txt atau .ppt

Gambar 4. 26 Halaman Pencar ian Kata Kunci dengan tipe file .txt atau .ppt

pengguna dengan tipe .txt atau .ppt

4.1.6.10Halaman Pencarian Kata Kunci dengan tipe file .doc atau .ppt

Gambar 4. 27 Halaman Pencar ian Kata Kunci dengan tipe file . doc atau

.ppt

Pada tampilan halaman pencarian kata kunci dengan tipe file .doc

pengguna dengan tipe file .doc atau .ppt

4.1.6.11Halaman Pencarian Kata Kunci dengan tipe file .pdf atau .txt atau

(45)

atau .txt atau .doc atau .ppt ini berfungsi untuk melakukan

pencarian ke dalam database Google berdasarkan kata kunci yang

diinputkan oleh pengguna dengan tipe file .pdf atau .txt atau .doc

atau .ppt

4.1.7 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Book

Gambar 4. 29 Halaman pencarian kata kunci pada tabsmenu indeks book

book terdapat tiga macam tipe file yaitu indeks .pdf, indeks .txt, indeks .doc

dan indeks .ppt. Indeks pada tabsmenu indeks book ini hanya bisa dipilih

salah satu.

4.1.7.1Halaman Pencarian Kata Kunci dengan indeks .pdf

Gambar 4. 30 Halaman Pencar ian Kata Kunci dengan indeks .pdf

Pada tampilan halaman pencarian kata kunci dengan indeks .pdf

(46)

4.1.7.2Halaman Pencarian Kata Kunci dengan indeks .txt

Gambar 4. 31 Halaman Pencarian Kata Kunci dengan indeks .txt

Pada tampilan halaman pencarian kata kunci dengan indeks .txt ini

berfungsi untuk melakukan pencarian ke dalam database Google

berdasarkan kata kunci yang diinputkan oleh pengguna dengan

indeks .txt

4.1.7.3Halaman Pencarian Kata Kunci dengan indeks .doc

Gambar 4. 32 Halaman Pencar ian Kata Kunci dengan indeks .doc

Pada tampilan halaman pencarian kata kunci dengan indeks .doc

dengan indeks .doc

4.1.7.4Halaman Pencarian Kata Kunci dengan indeks .ppt

Gambar 4. 33 Halaman Pencar ian Kata Kunci dengan in deks .ppt

Pada tampilan halaman pencarian kata kunci dengan indeks .ppt

(47)

4.1.8 Halaman Pencarian Kata Kunci Pada Tabsmenu Video

Gambar 4. 34 Halaman pencar ian kata kunci pada tabsmenu video

Pada tampilan halaman pencarian kata kunci dengan tabsmenu Video

terdapat tiga macam tipe file yaitu .mpg, .avi dan .flv. Tipe file pada

tabsmenu video ini bisa dipilih salah satu maupun dipilih secara

bersamaan.

4.1.8.1Halaman Pencarian Kata Kunci dengan tipe file .mpg

Gambar 4. 35 Halaman Pencar ian Kata Kunci dengan tipe file .mpg

Pada tampilan halaman pencarian kata kunci dengan tipe file .mpg

Google berdasarkan kata kunci yang diiinputkan oleh pengguna

dengan tipe file .mpg

4.1.8.2Halaman Pencarian Kata Kunci dengan tipe file .avi

(48)

Pada tampilan halaman pencarian kata kunci dengan tipe file .avi

dengan tipe file .avi

4.1.8.3Halaman Pencarian Kata Kunci dengan tipe file .flv

Gambar 4. 37 Halaman Pencar ian Kata Kunci dengan tipe file .flv

Pada tampilan halaman pencarian kata kunci dengan tipe file .flv

dengan tipe file .flv

4.1.8.4Halaman Pencarian Kata Kunci dengan tipe file .mpg atau .avi

Gambar 4. 38 Halaman Pencar ian Kata Kunci dengan tipe file .mpg atau

.avi

atau .avi ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .mpg atau .avi

(49)

Gambar 4. 39 Halaman Pencar ian Kata Kunci dengan tipe file . mpg atau

.flv

atau .flv ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .mpg atau .flv

4.1.8.6Halaman Pencarian Kata Kunci dengan tipe file .avi atau .flv

Gambar 4. 40 Halaman Pencar ian Kat a Kunci dengan tipe file . avi atau .flv

Pada tampilan halaman pencarian kata kunci dengan tipe file .avi

atau .flv ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .avi atau .flv

4.1.8.7Halaman Pencarian Kata Kunci dengan tipe file .mpg atau .avi atau

.flv

Gambar 4. 41 Halaman Pencar ian Kat a Kunci dengan tipe file . avi atau .flv

atau .avi atau .flv ini berfungsi untuk melakukan pencarian ke

dalam database Google berdasarkan kata kunci yang diinputkan

(50)

4.1.9 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Video

Gambar 4. 42 Halaman pencar ian kata kunci pada tabsmenu indeks video

video terdapat tiga macam tipe file yaitu indeks .mpg, indeks .avi dan

indeks .flv. Indeks pada tabsmenu indeks video ini hanya bisa dipilih

salah satu.

4.1.9.1Halaman Pencarian Kata Kunci dengan indeks .mpg

Gambar 4. 43 Halaman Pencar ian Kata Kunci dengan indeks.mpg

Pada tampilan halaman pencarian kata kunci dengan indeks .mpg

dengan indeks .mpg.

4.1.9.2Halaman Pencarian Kata Kunci dengan indeks .avi

Pada tampilan halaman pencarian kata kunci dengan indeks .avi ini

(51)

Gambar 4. 44 Halaman Pencar ian Kata Kunci dengan in deks .avi

4.1.9.3Halaman Pencarian Kata Kunci dengan indeks .flv

Gambar 4. 45 Halaman Pencarian Kata Kunci dengan indeks .flv

Pada tampilan halaman pencarian kata kunci dengan indeks .flv ini

berdasarkan kata kunci yang diinputkan oleh pengguna dengan

indeks .flv

4.1.10 Halaman Pencarian Kata Kunci Pada Tabsmenu Application

Pada tampilan halaman pencarian kata kunci dengan tabsmenu Application

terdapat tiga macam tipe file yaitu .exe, .zip dan .rar. Tipe file pada tabsmenu

Application ini bisa dipilih salah satu maupun dipilih secara bersamaan.

(52)

4.1.10.1 Halaman Pencarian Kata Kunci dengan tipe file .exe

Pada tampilan halaman pencarian kata kunci dengan tipe file .exe

dengan tipe file .exe.

Gambar 4. 47 Halaman Pencar ian Kat a Kunci dengan tipe file .exe

4.1.10.2 Halaman Pencarian Kata Kunci dengan tipe file .zip

Gambar 4. 48 Halaman Pencarian Kata Kunci dengan tipe file .zip

Pada tampilan halaman pencarian kata kunci dengan tipe file .zip

dengan tipe file .zip.

(53)

Pada tampilan halaman pencarian kata kunci dengan tipe file .rar

dengan tipe file .rar

4.1.10.4 Halaman Pencarian Kata Kunci dengan tipe file .exe atau .zip

Gambar 4. 50 Halaman Pencar ian Kata Kunci dengan tipe file .exe atau .zip

atau .zip ini berfungsi untuk melakukan pencarian ke dalam

pengguna dengan tipe file .exe atau .zip

4.1.10.5 Halaman Pencarian Kata Kunci dengan tipe file .exe atau .rar

Gambar 4. 51 Halaman Pencar ian Kata Kunci dengan tipe file .exe atau

.rar

Pada Gambar 4.51 merupakan tampilan halaman pencarian kata

kunci dengan tipe file .exe atau .rar ini berfungsi untuk melakukan

pencarian ke dalam database Google berdasarkan kata kunci yang

diinputkan oleh pengguna dengan tipe file .exe atau .rar.

4.1.10.6 Halaman Pencarian Kata Kunci dengan tipe file .zip atau .rar

Pada tampilan halaman pencarian kata kunci dengan tipe file .zip

atau .rar ini berfungsi untuk melakukan pencarian ke dalam

(54)

Gambar 4. 52 Halaman Pencar ian Kata Kunci dengan tipe file .zip atau

.rar

4.1.10.7 Halaman Pencarian Kata Kunci dengan tipe file .exe atau .zip

atau .rar

Gambar 4. 53 Halaman Pencarian Kata K unci dengan tipe file . exe atau

.zip atau .rar

atau zip atau .rar ini berfungsi untuk melakukan pencarian ke

dalam database Google berdasarkan kata kunci yang diinputkan

oleh pengguna dengan tipe file .exe atau zip atau .rar.

4.1.11 Halaman Pencarian Kata Kunci Pada Tabsmenu Indeks Application

Gambar 4. 54 Halaman Pencar ian Kat a Kunci dengan tabsmenu indeks application

Pada tampilan