TUGASPENILAIAN TERHADAP WEBSITE PEMERINTAHAN DAN
BERITAUntukMemenuhiTugasMata KuliahTeknik Komputer InteraktifDosen
: Ir. Rudy Hartanto, M.T.
1. Karenza Balqis Muntiastuti(13/356820/PTK/09225)2.
GrifinaNuzulia(13/356223/PTK/09168)
MAGISTER TEKNOLOGI INFORMASIJURUSAN TEKNIK ELEKTRO DAN TEKNOLOGI
INFORMASIFAKULTAS TEKNIKUNIVERSITAS GADJAH MADAYOGYAKARTA 20141
Situs Beritahttp://edition.cnn.com/ >> situs berita
internasional CNNhttp://www.suaramerdeka.com/v1/index.php/semarang
>> situs berita lokal Suara Merdeka1. Gulf of execution
(Jarak Pemisah Eksekusi)Untuk analisis jarak pemisah eksekusi yang
mengambil contoh pada kedua situs berita tersebut adalah mengenai
adanya fitur tambahan yaitu CNN tv dan Suara Merdeka Tv. Berikut
tampilan awal saat berada di halaman utama :CNN tv:
Suara Merdeka Tv :
Melalui parameter jarak pemisah eksekusi, pada CNN tv memiliki
kemudahan akses untuk melihat berita apa saja yang ditawarkan
semenjak dari tampilan halaman utama sedangkan untuk suara merdeka
, kita harus mengklik terlebih dahulu tulisan suara merdeka tv baru
muncul berita apa saja yang ditawarkan. Bahkan pada CNN tv ada
fasilitas full schedule yang dapat digunakan untuk mencari program
tv yang terjadwal 1 minggu dan setelah diklik muncul beberapa
fasilitas baru dalam fasilitas full schedule yaitu seperti adanya
pilihan pembawa acara tv, reporter, dan wadah timbal balik dari
pemirsa seperti yang terlihat pada gambar berikut :
2. Gulf of Evaluation (Jarak Pemisah Evaluasi)Melalui parameter
jarak pemisah evaluasi, pada CNN tv tidak memiliki tanda bagi para
pemirsa saat web tersebut sedang berada dalam proses masuk ke
halaman tv, sedangkan pada suara merdeka memiliki tanda peringatan
sedang dalam proses masuk seperti yang terlihat pada gambar di
bawah ini :
Namun saat kita akan menonton salah satu program yang ditawarkan
, pada CNN tv memiliki tombol full size yang akan mengfokuskan pada
acara yang kita pilih seperti yang terlihat di bawah ini :
klik sedangkan untuk suara merdeka tidak memiliki tombol khusus
untuk mengfokuskan kita dapat melihat secara lebih jelas dan
leluasa seperti yang terlihat pada tampilan di bawah ini :
3. PemetaanUntuk parameter pemetaan akan diambil contoh mengenai
susunan fitur-fiturnya saat ikon sport pada CNN di klik dan saat
ikon olahraga pada Suara Merdeka diklik seperti yang ditampilkan
pada gambar di bawah ini:CNN :
Terlihat pada gambar di samping bahwa pada CNN sport memiliki
ketertataan fitur-fitur pilihan disamping foto utama dari sebuah
olahraga yaitu seperti adanya fitur world sport analysis, more
world sport dan editors choice yang memudahkan pengakses mencari
kebutuhan menu yang ingin ditampilkan berdasarkan opini ahli tidak
hanya berdasarkan jenis olahraga.Suara Merdeka :
Terlihat dari gambar disamping bahwa pada suara merdeka hanya
menyusun artikel mengenai olahraganya berdasarkan jenis olahraganya
sehingga pengakses tidak memiliki memiliki menu lain yang dapat
membantu mereka mengerti informasi lebih lanjut mengenai
olahraga.4. AffordanceUntuk paramater affordance yang mengambil
contoh mengenai usaha yang lebih dari pengguna ketika harus
mengakses halaman utama seperti yang ditunjukkan pada gambar di
bawah ini :CNN :
Saat ikon yang dilingkari merah diklik, pengguna langsung
terhubung dengan kumpulan berita yang dimaksud tidak perlu mengklik
satu-satu pada halaman awal.Suara Merdeka :
Pada gambar disamping saat kita mengklik yang ditandai merah ,
maka halaman tersebut tidak merespon apa-apa, sehingga jika ingin
melihat kumpulan beritanya kita klik satu-satu.5. Jarak
ArtikulatoryMenurut parameter ini, dapat dilihat perbandingannya
sebagai berikut :CNN:
Terlihat dari gambar disamping saat kita mengarahkan mouse pada
simbol iReport maka muncul tulisan CNN iReport- Share your story,
discuss the issues with CNN.com, dan juga bila kita mengarahkan ke
ikon- inkon lainnya seperti world hingga travel,maka ada penjelasan
mengenai maksud ikon tersebut. Sehingga ini dapat memudahkan
pengguna untuk mengerti.Suara Merdeka :
Terlihat pada gambar disamping, ketika ikon SM cetak diarahkan
dengan mouse tidak muncul tulisan penanda maksud ikon tersebut itu
apa, yang tentunya ini kurang membantu pengguna
6. Jarak SemanticMenurut parameter jarak semantic yang berarti
menunjukkan hubungan antara fungsionalitas yang tersedia dengan
fungsionalitas yang diperlukan maka dapat terlihat contohnya pada
masing-masing web berita seperti di bawah ini:
CNN :
Untuk web berita CNN, terlihat banyak menu yang ditampilkan di
bagian terbawah halaman . Ada beberapa menu yang memang sesuai
dengan fungsionalitasnya karena CNN merupakan situs berita
internasional . Namun ada juga yang kurang sesuai dengan fungsi web
sebagai penyedia informasi berita karena CNN memiliki kerjasama
dengan berbagai pihak yang melahirkan bisnis baru seperti ada menu
CNN shop atau CNN Partner Hotels. Selain itu, adanya menu yang
dilingkari merah yaitu my profil dan email alerts ternyata ketika
diklik menunjukkan halaman yang sama seperti gambar di bawah ini
:
Sehingga karena fungsinya sama , maka saran untuk menghapus
salah satunya. Ada juga tombol search yang dimunculkan kembali di
akhir halaman yang kurang sesuai karena tombol ini sudah ada di
halaman paling atas.
Suara Merdeka :
Terlihat pada gambar di atas tombol printer ketika di klik tidak
langsung memunculkan tampilan prin namun kembali lagi menampilkan
berita tersebut , dan baru akan muncul tampilan prin jika halaman
selanjutnya diklik. Dampaknya pengguna merasa fungsi dari tombol
printer tidak sebagaimana fungsi yang ada karena perlu mengklik dua
kali halaman yang sama.
Situs
Pemerintahanhttp://www.jakarta.go.idhttp://www.gov.sgSubbab ini
akan membandingkan antara situs pemerintahan yaitu provinsi DKI
Jakarta, Indonesia dengan situs pemerintahan negara Singapore.
Gambar 9 Tampilan Situs Pemerintah Provinsi DKI Jakarta
Gambar 10 Tampilan Situs Pemerintah Negara Singapore
1. Jarak Pemisah Eksekusi (Gulf of execution) dan Jarak Pemisah
Evaluasi (Gulf of Evaluation)Pemodelan mental pengguna dapat
dilihat dari jarak pemisah eksekusi dan jarak pemisah evaluasi
interaksi antara sistem dengan pengguna.
Gambar Tampilan Situs Pemerintah Provinsi DKI JakartaPada situs
pemerintah provinsi DKI Jakarta, ada dua menu yang tujuannya adalah
menyajikan informasi dan pelayanan untuk publik sedangkan ada
beberapa submenu yang dari salah satu menu yang juga dapat
digolongkan ke dalam menu lainnya. Submenu Layanan Kesehatan dapat
menjadi salah satu contoh yang dapat dikategorikan ke dalam Layanan
Publik. Hal ini menyebabkan masyarakat yang ingin mengetahui
informasi publik harus membuka satu per satu antara menu Aplikasi
Informasi Publik dan Layanan Publik. Ada jarak pemisah eksekusi
dalam mengakses layanan publik pada situs ini dimana pengguna harus
mencoba melihat isi menu tersebut untuk mendapatkan pengalaman
mengakses informasi.
Gambar Tampilan Situs Citizen Pemerintah SingaporePada situs
pemerintahan Singapore, ada pemisahan layanan informasi yang
dikelompokkan menjadi 4 yaitu Government untuk pemerintah,
Citizen&Residents untuk layanan penduduk, Business untuk
layanan bisnis dan Non-Resident untuk layanan publik di luar
penduduk. Hal ini memudahkan pengguna situs, seperti warga negara
untuk menu mana yang dituju untuk mendapatkan informasi yang
dibutuhkan. Warga negara dan penduduk Singapore akan menuju menu
Citizen yang akan mengakses subdomain Citizen pemerintah Singapore
yang menyediakan layanan informasi yang dibutuhkan penduduk.
Pengguna tidak perlu bingung untuk mengakses menu mana yang cocok
untuk kebutuhannya.
Ada submenu Intelligent Transport System yang ada di dalam menu
Aplikasi Informasi Publik yang menampilkan link artikel ke alamat
lain. Hal ini memberikan kesan tidak rapi dan menu tersebut belum
memuat banyak hal yang dibutuhkan masyarakat tentang Intelligent
Transport System. Ada jarak evaluasi ketika sistem memberikan
keluaran yang tidak seperti diharapkan pengguna ketika mengakses
submenu tersebut dimana pengguna ingin mengetahui program tersebut
berjalan seperti apa langsung dari situs tesebut.
Submenu Topics pada situs citizen Singapore memberikan informasi
mengenai beberapa kategori, dan setiap menu memuat informasi yang
lengkap. Contoh di atas adalah menu Health atau kesehatan yang
memuat salah satu topik yaitu larangan merokok di Singapore beserta
denda yang akan dikenakan bagi yang melanggarnya. Menu pada situs
ini dapat menjadi salah satu contoh penyediaan informasi yang baik
bagi pengguna sehingga tidak terjadi jarak pemisah yang jauh antara
keinginan pengguna dengan keluaran yang ditampilkan.2. Pemetaan
Sekilas, pemetaan pada situs pemerintah provinsi DKI Jakarta
sudah cukup baik, dimana pengguna tidak perlu melihat banyak
tulisan yang memusingkan, cukup dengan mengakses kategori yang
diinginkan. Hasil keluaran yang tertampil juga perlu lebih
disesuaikan dengan kategori yang tertampil di halaman depan dan
memuat informasi lebih banyak lagi.
Pemetaan situs pemerintah Singapore merupakan contoh yang baik
dimana layanan informasi yang termuat sesuai dengan kategori besar
yang dikelompokkan menjadi empat. Setiap kategori memuat informasi
yang dibutuhkan sesuai dengan tujuan pengguna ingin mengakses
informasi tentang apa.3. Jarak Semantik dan ArtikulatoriJarak
Semantik merupakan kebergunaan tools yang ada di dalam situs
tersebut.
Tampilan foto-foto yang kurang bermanfaat di halaman depan situs
pemerintah DKI Jakarta membuat penampilan halaman depan situs lama
dan berat. Apabila gambar-gambar yang ditampilkan dalam halaman web
dikurangi atau diringkas tidak akan mengurangi kebergunaan situs
tersebut dan lebih memperindahJarak artikulatori ditinjau dari
perbandingan kenampakan fisik dengan kemampuan yang dimiliki.
Adanya ketidaklengakapan informasi yang tersedia pada menu-menu
situs DKI Jakarta dan ada beberapa yang kurang sesuai membuat jarak
artikulatori pada web tersebut. Misalnya, penggunaan fungsi
Pencarian belum mencakup apa yang ada dalam web tersebut.
Penampilan web yang ringkas dan padat pada situs pemerintah
Singapore membuat situs tersebut mudah diakses oleh penggunanya
serta tersaji menu-menu dan tools yang berguna menjadikan situs
tersebut memiliki jarak semantik yang kecil. Pengguna langsung
menuju ke lokasi yang dimaksud untuk mendapatkan informasi tanpa
harus pusing melihat tulisan dan gambar yang banyak tertampil dalam
satu halaman.Fungsi pencarian seperti gambar di atas merupakan
contoh dari implementasi fungsi tools yang tepat dalam sebuah web.
Pengguna tidak perlu membuka lagi link artikel lain di luar
situs,cukup dari web tersebut saja atau diberi pilihan untuk
mencari di luar web jika memang tidak ada. Artikulatori yang tepat
di dalam situs akan membuat pengguna nyaman dan mudah dalam
pencarian informasi.4. AffordanceAffordance merupakan perancangan
suatu objek yang menunjukkan cara objek digunakan. Pada situs
pemerintah provinsi DKI Jakarta www.jakarta.go.id, banyak informasi
yang termuat disana, namun kurang adanya pemilihan menu dan
informasi yang baik. Hal ini menyebabkan adanya gambar-gambar yang
kurang penting dan informasi yang penting justru tidak termuat
secara lengkap, seperti informasi Intelligent Transport System yang
terjadi dualisme tampilan. Pada tampilan ringkas, ketika menu
dipilih, halaman yang muncul tidak memuat Intelligent Transport
System yang sama seperti ketika dipilih dari halaman utama mode
tampilan lengkap. Pengguna akan merasa kebingungan dan harus
mempelajari penggunaan situs dengan banyak mencoba memasuki
menu-menu situs yang memakan waktu dan kapasitas download.Informasi
yang tersaji pada www.gov.sg milik pemerintah Singapore sudah
menyajikan informasi yang cukup lengkap dengan membagi ke beberapa
kategori untuk government, citizen, bussines dan non-citizen yang
tertaut ke subdomain yang terkait. Informasi yang disajikan dengan
ringkas dan ringan dalam pengaksesannya membuat pengguna mudah dan
nyaman dalam mencari informasi. Fungsi-fungsi tools dan menu dalam
situs juga sudah sesuai dan tidak menimbulkan jarak artikulatori
dan jarak semantik yang besar.