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.