Memeriksa Informasi untuk Relevansi dan

Keterkinian
Akmal Fajar Internet Multimedia
Penyajian bentuk tree-view adalah pilihan navigasi tambahan yang memberikan pandangan
secara hierarki dari daftar, perpustakaan, dan subsites dari suatu situs. Apabila sebuah situs
memiliki hierarki yang kompleks, tampilan struktur tree-view akan mempermudah bagi para
pengguna situs untuk menavigasi setiap konten-konten dalam hierarki situs. Struktur tree-view
akan menampilkan mulai dari konten-konten yang sifatnya umum hingga ke yang sifatnya
mendetail.
Ketika melakukan browsing pada perangkat mobile (misalnya: handphone), akan ditemukan
beberapa kesulitan dalam melakukannya, dibandingkan ketika menggunakan komputer desktop.
Salah satu faktor yang menyebabkan munculnya kesulitan tersebut ialah, masalah ukuran layar
yang kecil dari perangkat tersebut. Sehingga hal tersebut tentunya akan menyulitkan dan
memakan waktu ketika melakukan proses pencarian informasi yang butuhkan. Pengguna tidak
dapat melakukan pemindaian secara cepat, sehingga proses pencarian informasi yang lakukan
tentunya memerlukan usaha yang ekstra.
Keefektifan penyajian informasi yang ada di website, merupakan faktor penting dalam
meningkatkan pengalaman pengguna ketika melakukan pencarian di website. Beberapa teknik
adaptasi penyajian telah dikembangkan, salah satunya adalah DOM (Document Object Model)
adaptasi penyajian tree-view, yang merupakan bentuk penyajian yang secara otomatis
menghasilkan bentuk penyajian secara hierarki (tree-view) untuk setiap halaman web.
Berdasarkan cognitive fit theory (Vessey 1991) yang menyarankan bahwa terdapat korespondensi
antara tugas dan format penyajian informasi yang mengarahkan kepada penyelesaian tugas yang
lebih unggul. Ketika memecahkan permasalahan, seseorang menciptakan representasi mental
dari suatu masalah berdasarkan informasi yang disajikan kepadanya.
Hasil riset yang dilakukan oleh Adipat, Zhang, dan Zhou (2011) mengenai adaptasi penyajian
bentuk tree-view menemukan, bahwa adaptasi penyajian bentuk tree-view secara signifikan
dapat mengurangi waktu pencarian dan meningkatkan akurasi dari pencarian informasi dengan
menggunakan web browsing perangkat mobile. Hasil tersebut mengindikasikan bahwa dengan
menggunakan tampilan struktur web secara hierarki, akan memungkinkan pengguna untuk lebih
cepat menemukan lokasi informasi yang mungkin menarik atau dibutuhkannya.
Pada dasarnya dalam proses pembuatan situs web diperlukan kerjasama antara pihak
pengembang dengan klien yang memesan situs web tersebut.Dalam menentukan content (content
awal, tambahan maupun revisi) pihak pengembang harus lebih banyak mendengar apa yang
menjadi kebutuhan klien.
Interaktivitas pengguna menjadi jantung sebuah situs web

Beberapa Gagasan yang disampaikan Tord Yard (programmer flash di EGO7) tentang pentingnya
menambahkan interaktivitas pada content halaman sebuah situs web :
1.Gunakan umpan balik grafik untuk menginformasikan pengguna tentang elemen interaktif,
seperti status tombol yang bergulung
2.Sertakan suara sebagai bentuk umpan balik tambahan agar content tidak terlihat membosankan
3.Pertimbangkan pemakaian animasi untuk menerangkan elemen penting, atau untuk meminta
keikutsertaan pengunjung.
Beberapa cara untuk memeriksa informasi content situs web untuk relevansi dan keterkinian,
adalah sebagai berikut :
1.Sesuaikan content situs web dengan tujuan dan fungsi situs tersebut
2.Lakukan riset untuk mencari informasi terbaru yang sesuai dengan content situs
3.Content tambahan atau revisi juga bisa dengan meminta content tersebut ke pihak klien baik
berupa data tertulis maupun elektronik
4.Lakukan konfirmasi dalam menentukan batasan umur sebuah links, apakah akan dipertahankan
atau dihapus
5.Pihak pengembang selaku pembuat situs web bila perlu merevisi content yang mungkin
diperlukan dengan mengkonfirmasikan dahulu dengan pihak klien.

Memeriksa links dan navigasi

Akmal Fajar Internet Multimedia
Link dan Navigasi adalah bagian yang terpenting dalam organisasi situs web
karena keduanya sangat berpengaruh pada kenyamanan pengunjung situs web.

Navigasi adalah gabungan dari struktur representasi informasi situs web dan
mekanisme link yang mendukung pengunjung untuk melakukan penjelajahan situs.

Kemudahan bernavigasi dalam situs web melibatkan system navigasi situs web
secara keseluruhan dan desain interface situs web tersebut.

Navigasi dapat ditampilkan dalam berbagai media, yaitu :

Teks

Image

Animasi

Syarat navigasi yang baik :

1. Mudah dipelajari
2. Tetap konsisten
3. Memungkinkan feedback
4. Muncul dalam konteks
5. Menawarkan alternatif lain
6. Memerlukan perhitungan waktu dan tindakan
7. Menyediakan pesan visual yang jelas
8. Menggunakan label yang jelas dan mudah dipahami
9. Mendukung tujuan dan perilaku user

Beberapa hal yang perlu diperhatikan untuk membuat navigasi yang baik :
1. Rencanakan dengan benar sebelum membuat
2. Navigasi atau struktur situs web nantinya akan sulit diubah. Jadi sebelum
membuat navigasi sebuah situs, tentukan konsepnya
3. Kelompokkan link navigasi dan aturlah sepeerlunya
4. Buat halaman dengan mock up navigasi elemen, jenis konten yang akan ada
di setiap halaman dan prioritasnya.
5. Buatlah tampilan navigasi berbeda dari tampilan lainnya
6. Agar pengunjung lebih mudah mengenali bahwa bagian tersebut adalah
navigasi
7. Buatlah navigasi yang singkat, tepat dan jelas

8. Buat navigasi yang logika susunannya mudah dipahami.

\

Menguji Dan Memastikan Perubahan-perubahan

Akmal Fajar Internet Multimedia
Pengujian yang dilakukan terhadap situs web tidak sama dengan pengujian sebuah
program aplikasi walaupun situs web juga dapat dibuat dengan web programming.
Secara umum, hal-hal yang harus diuji adalah sebagai berikut :
- Code Quality
- Compatibility
- Navigasi
- User Interaction
- Usability and Accessbility
- Scalability dan Reliability

Pengujian Code Quality

Pengujian terhadap code quality maksudnya adalah pengujian terhadap kualitas
kode HTML yang digunakan untuk membangun halaman-halaman situs web.
Yang termasuk kedalam kategori ini adalah sebagai berikut :
Validasi HTML
Validasi Gambar dan huruf yang digunakan

Pengujian Compatibility
Pengujian terhadap compatibility situs web maksudnya adalah pengujian yang
dilakukan terhadap situs web tentang seberapa kompatibel dengan berbagai
macam sistem operasi,browser dan hardware.

Pengujian dengan sistem operasi akan membuktikan bagaimana kemampuan pada

berbagai sistem operasi yang digunakan, misalnya Windows, Unix, OS/2, Macintos.

Pengujian Navigasi
Pengujian navigasi dilakukan untuk menguji kemampuan situs
menyajikan link-link yang ada dalam seluruh halaman situs web.

web

dalam

Pengujian ini dilakukan karena pentingnya aspek navigator dalam situs web
Yang termasuk pengujian untuk navigasi situs web adalah :
link,
frame,
organisasi situs

Pengujian User Interaction

Pengujian user interaction maksudnya adalah bahwa situs web diuji sejauh mana
dapat berinteraksi dengan pengunjung yang mengunjungi situs web.
Yang termasuk kedalam user interaction adalah :
pengujian pada fasilitas form,
validasi CGI script,
validasi proses,
interface,
cookies,
session
dll

Pengujian Usability and Accessbility

Pengujian usability dan accesbility situs web adalah pengujian yang dilakukan
terhadap situs web guna melihat sejauh mana situs dapat memenuhi keinginan
pengunjung atau target pengguna situs web.

Contoh pertanyaan berikut dapat digunakan untuk menguji tingkat usability

danaccesbility situs web :
Halaman web yang menggunakan script atau aplet harus tetap dapat ditampilkan
pada browser yang tidak mendukung fungsi aplet dan script tersebut.
Jika menggunakan image maps, maka seharusnya halaman situs juga menyediakan
link yang digunakan sebagai alternatif
Situs web seharusnya juga dapat dipahami ketika dibuka menggunakan browser
berbasis teks

Pengujian Performance
Pengujian terhadap performance atau performa situs web maksudnya adalah
pengujian yang dilakukan terhadap situs web untuk melihat sejauh mana kinerja
situs web dalam berbagai keadaan.
Contoh standar yang harus dimiliki oleh sebuah situs yang memiliki kinerja yang
baik :
95% halaman web dapat di download kurang dari 10 detik pada modem 28,8 kbps
Proses pemesanan dapat dilakukan dalam waktu 2 menit
Konfirmasi suatu transaksi dikirimkan pada user dalam 30 detik

Pengujian Scalability
Pengujian scalability maksudnya adalah pengujian terhadap sejauh mana
situsweb/system yang dibangun dapat dikembangkan sebagai antisipasi terhadap
perubahan teknologi di masa mendatang.
Evaluasi scalability dapat dilakukan dengan menguji sejauhmana situs web dalam :
Jumlah maksimal
requirement

transaksi/detik

yang

masih

dalam

Jumlah rata-rata transaksi pada saat normal

Jumlah memori yang diperlukan untuk setiap transaksi

Pengujian Reliability

batas

response-time-

Pengujian reliability situs web maksudnya menguji sejauh mana situs web masih
dapat melakukan tugasnya dalam kondisi yang berat.
Yang termasuk ke dalam pengujian ini adalah:
Low-resource testing : apakah aplikasi masih dapat berjalan pada reduced system
resources.
Endurance testing : menguji tingkat stress system dalam waktu yang cukup lama
Volume testing : menguji unjuk kerja sistem dengan data yang besar
Peak testing : menguji sistem pada saat yang paling sibuk

Mengedit Informasi Sesuai Kebutuhan

Akmal Fajar Internet Multimedia
Menggunakan Paket Aplikasi Dreamweaver
Dreamweaver merupakan piranti lunak yang sangat baik untuk membuat halamanweb.Opsi-opsi
dalam dreamweaver dirancang begitu detail, sehingga designer mahir bisa mengembangkan
situsnya secara menyeluruh.
Dreamweaver memungkinkan kita berpindah secara mudah antar design view dan code view, ini
berarti kita bisa explore code HTML begitu selesai menata halaman dengan menggunakan
tampilan antar muka (GUI).
Semua tool yang diperlukan tersedia di bagian depan interface.
Berikut adalah langkah-langkah untuk proses pengeditan halaman web dengan menggunakan
fasilitas dreamweaver :

Mengubah Objek menjadi Background

Memasukkan Obyek

Memperbaharui situs web yang bersifat statis

Memperbaharui situs web melalui fasilitas admin (yang bersifat dinamis)

MENGELOLA ISI HALAMAN WEB

Rizqi Mauludin 06.15

Diposkan oleh RizqiMauludin

HTML
(Hypertext
Markup
Language) adalah bahasa program yang digunakan untuk menulis format dokumen yang dapat
digunakan dalam Web. Dengan HTML, teks ASCCII (file *.txt) dapat dipoles (di-mark-up)
dengan kode-kode tertentu yang disebut tag untuk menjadi dokumen HTML
(file *.htm atau *.html). Oleh karena itu, untuk membuat dokumen HTML, anda bisa
menggunakan program teks editor, mulai dari Notepad hingga MS WORD. Bila anda belum tahu
caranya, klik Start > Programs > Accessories lalu Notepad.
Ketreangan :
a) <html> </html> : mendefinisikan bahwa teks yang berada diantara kedua tag tersebut
adalah file HTML
b) <head> </head> : mendefinisikan head dalam sebuah file HTML.
c) <tittle> </tittle> : mendefinisikan judul yang hendak ditampilkan pada browser.
d) <body> </body> : mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai
isi
halaman
web
.
PENGENALAN KODE HTML
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :

<html>
<head>
<tittle> Belajar HTML </tittle>
</head>
<body>
Apa kabar teman-teman?
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.

MEMBUAT WARNA BACGROUND

1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Membuat Warna Bacground </tittle>
</head>
<body>
<!..Latar belakang warna biru..>
<body bgcolor="blue">
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MENGATUR WARAN TEKS
1. Buka Notepad melalui Start > All program > Accessories > notepad

2. Ketik tulisan berikut :

<html>
<head>
<tittle> Belajar Mengatur warna Teks </tittle>
</head>
<body>
<!-warna teks#ff0022..>
<body text="#ff0022">
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MENGATUR PARAGRAF
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Mengatur paragraf </tittle>
</head>
<body>
<p> Ini adalah paragraf pertama yang terdiri dari empat baris satu. Baris dua. Baris tiga. Baris
empat</p>
<p align="center"> Ini adalah paragraf kedua yang terdiri dari tiga baris.
yaitu baris satu. baris dua. baris tiga. </p>
<p align="right"> Ini adalah paragraf keempat yang terdiri dari dua baris
yaitu baris satu. baris dua. </p>
</body>
</html>

3. Simpan file notepad dengan menklik file-save as-nama file.html

4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
Keterangan : Left = rata kiri, right =rata kanan, center =rata tengah, danjustify =rata
kanan kiri sobat.
Jangan lupa sobat inget kode-kode html nya ya ..

MEMISAHKAN BARIS
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Belajar Memisahkan baris </tittle>
</head>
<body>
<p> Pancasila terdiri dari lima sila yaitu : <br>Sila Kesatu Ketuhanan Yang Maha Esa. <br> Sila
Kedua Kemanusiaan Yang Adil dan Beradab. <br> Sila Ketiga Persatuan Indonesia. <br> Sila
Keempat Kerakyatan Yang dipimpin oleh Hikmat Kebijaksanaan dalam Permusyawaratan
Perwakilan. <br> Sila Kelima Keadilan Sosial Bagi Seluruh rakyat Indonesia.
</p>
</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.
MEMBUAT HYPERLINK
1. Buka Notepad melalui Start > All program > Accessories > notepad
2. Ketik tulisan berikut :
<html>
<head>
<tittle> Meembuat Hyperlink </tittle>
</head>
<body>
Ini adalah hyperlink ke Blog Indria Saraswati Diana :
<a href="http://www.indriasaraswatidiana.blogspot.com"> Buka Blog Indria Saraswati Diana

</a>
<br>
Ini adalah hyperlink ke twitter Indria Saraswati Diana :
<a href="http://twitter.com/IindriaSaras> Buka twitter Indria Saraswati Diana
</a>
<br>

</body>
</html>
3. Simpan file notepad dengan menklik file-save as-nama file.html
4. Coba buka nama tersebut dengan Internet Explorer atau Mozilla Firefox.