dapat melakukan fungsi-fungsi kerja sesuai dengan rancangan sistem. Untuk melakukan pengkodean aplikasi pada tahap ini, penulis menggunakan beberapa
software, diantaranya Notepad++ untuk menulis source code, Adobe Dreamweaver sebagai pendampingnya, Adobe Photoshop untuk mendesain
antarmuka, dan Mozilla Firefox untuk mengujicoba aplikasi.
4.2.1. Toggle Main Form
Pengistilahan toggle main form yang dimaksud di sini adalah menyembunyikan atau menampilkan bagian form utama dari aplikasi. Adapun
perincian penanganan proses tersebut terimplementasikan ke dalam bentuk potongan kode berikut :
btn-menu.clickfunction{ top-frame-container.slideToggle200;
ifthis.text==Hide { this.textShow; body-frame iframe.animate{marginTop: 18}, 400; } else
ifthis.text==Show { this.textHide; body-frame iframe.animate{marginTop: 0}, 280; }
};
Sedangkan bagian potongan kode yang dapat memicu proses yang dimaksud di atas, serta bagian yang menjadi ruang linkup yang ditangani, ditunjukkan pada
potongan kode di bawah ini.
div id=main-body div id=top-frame-container
div id=top-frame h1GHiMh1
form id=SearchForm action= method=post fieldset
input type=text name=q id=q placeholder=Type your keyword here
input type=submit value=Submit id=SearchButton div id=q-mode
labelinput type=radio name=r value=word id=r1 checked=checked As Wordlabel
labelinput type=radio name=r value=phrase id=r2 As Phraselabel
div ul id=SearchMode
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
li class=web title=Web SearchWebli li class=img title=Image SearchImageli
li class=vid title=Video SearchVideoli li class=msc title=Music SearchMusicli
li class=bok title=Book SearchBookli ul
fieldset form
div div
div id=btn-menuHidediv div id=btn-optionsOptionsdiv
div
4.2.2. Pengaturan Setelan
Bagian pengaturan setelan yang akan dibahas di sini meliputi pengaturan setelan sensivity, smart search, dan snap mode. Adapun pembahasan mengenai
konfigurasi dummy mode adalah pembahasan yang berbeda yang akan dibahas pada pembahasan sub bab yang lain.
Potongan kode yang menunjukkan bagian pengaturan setelan sensivity adalah sebagaimana ditunjukkan pada potongan kode berikut :
div id=opt-sensivity div
spanHighspan div id=sensivitydiv
spanLowspan div
div pCurrent Sensivity: strong
id=sensivity_valstrongpbr pBy set this search sensivity, will affect your search
result you can get. The higher you set, the higher possibility
to catch what you search. In short, this used to tune your search accuracy.pbr
piDefault value: Highip div
div
Potongan kode yang menunjukkan bagian pengaturan setelan smart search adalah sebagaimana ditunjukkan pada potongan kode berikut :
div id=opt-search labelinput type=checkbox checked=checked Smart
Searchlabel
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
pbrWhen Smart Search activated, will automatically find the best way of search for you in easy way. Which
means any command will be discarded.p piDefault: Onip
div
Potongan kode yang menunjukkan bagian pengaturan setelan snap mode adalah sebagaimana ditunjukkan pada potongan kode berikut :
div id=opt-snap labelinput type=checkbox Allow opened folderlabel
pbrWhen activated, your domain of search will be limited to anything inside folder thats opened. Please
remember, this could be an illegal action to the web server.p piDefault: Offip
div
Sedangkan potongan kode yang menunjukkan bagian penanganan tombol yang digunakan dalam kaitannya dengan pengaturan setelan adalah sebagai
berikut :
ift == Apply {
…………………… sebagian kode dipotong untuk memperingkas …………………… }
else ift == Cancel {
GHiM_Control1, s; iff==true{opt-snap :checkbox.attrchecked, true;}
else{opt-snap :checkbox.attrchecked, false;} }
…………………… sebagian kode dipotong untuk memperingkas …………………… mdl-container.hide;
4.2.3. Panduan Pengguna
