KRITERIA LOMBA E-ASPIRASI WEBSITE UNIT 2017 Kementerian Kesehatan RI www.kemkes.go.id Presented by Zeembry
Kemudahan Pengunjung Mencari Informasi adalah Penting. Menentukan Prioritas sehingga Cepat & Mudah Ditemukan
ARSITEKTUR WEB DESAIN
Kriteria 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.
12. 13.
Otomatis desain website menyesuaikan dengan perangkat yang digunakan (Mobile, Tablet, Desktop PC). Fitur pencarian tidak hanya diperuntukkan untuk kategori tertentu saja, misalkan hanya berita saja. Tetapi harus bisa menampilkan dokumen lain seperti artikel, ebook, video,dll. Tersedia fitur untuk media cetak (print) dan tombol share ke sosial media. Menyediakan Peta Situs (Sitemap) yang bisa diakses dengan mudah oleh pengunjung. Menyediakan F.A.Q yang bisa diakses dengan mudah oleh pengunjung. Tampilan halaman depan website di berbagai browser sama baiknya (Internet Explorer, Firefox, Chrome, Safari, Opera) Informasi penting yang berhubungan dengan Tusi (Tugas dan Fungsi) diletakkan di halaman depan dan mudah ditemukan maksimal dalam 2 (dua) kali klik. Terdapat Tagline (1 kalimat) yang jelas dan informatif, sesuai Tupoksi di halaman depan sehingga pengunjung dalam waktu singkat mengetahui dan memahami website apa yang mereka kunjungi. Tersedia RSS atau ada tetapi broken link (tidak bertaut) Ada form kontak yang bisa digunakan untuk menghubungi. Ada autoresponse yang tampil di website dan dikirim ke email pengunjung ketika pengunjung menghubungi berupa ucapan terimakasih, waktu response yang dibutuhkan untuk menjawab pengunjung, dan tautan terkait yang berhubungan dengan pertanyaan yang diajukan oleh pengunjung. Performa website minimal Grade C yang diuji dengan tools.pingdom.com dari Melbourne, Australia. Tidak ada Broken Link (www.brokenlinkcheck.com)
ARSITEKTUR INFORMASI
Otomatis desain website menyesuaikan dengan perangkat yang digunakan (Mobile, Tablet, Desktop PC).
Terlihat mana yang benar mana yang salah. Biasanya desain Mobile hanya 1 kolom saja.
01 SCORE
?
ARSITEKTUR INFORMASI
Fitur pencarian tidak hanya diperuntukkan untuk kategori tertentu saja, misalkan hanya berita saja. Tetapi harus bisa menampilkan dokumen lain seperti artikel, ebook, video,dll.
Sudah jelas... saat dicari buku/ebook, hasil pencarian menemukan.
02 SCORE
?
ARSITEKTUR INFORMASI
Sudah jelas!
Tersedia fitur untuk (print) danuntuk tombol share ke sosial media. Fitur pencarian tidakmedia hanyacetak diperuntukkan kategori tertentu saja, misalkan hanya berita saja.
02 03 SCORE
?
ARSITEKTUR INFORMASI
Menyediakan peta situs/sitemap yang bisa diakses di halaman depan
Ini seperti halaman daftar isi sebuah buku. Dengan melihat ini, maka kita bisa mengetahui isi seluruh website.
04 SCORE
?
ARSITEKTUR INFORMASI
Menyediakan F.A.Q yang bisa diakses dengan mudah oleh pengunjung.
Dengan fitur ini, pengunjung bisa melihat pertanyaan mana yang paling sering diajukan atau yang penting untuk mereka tahu.
05 SCORE
?
ARSITEKTUR INFORMASI
Tampilan halaman depan website di berbagai browser yang sama baiknya
Sudah jelas, silahkan dicoba di 6 jenis browser tersebut.
06 SCORE
? http://www.w3schools.com/browsers/browsers_stats.asp
ARSITEKTUR INFORMASI
Informasi penting yang berhubungan dengan Tusi (Tugas dan Fungsi) diletakkan di halaman depan dan mudah ditemukan maksimal dalam 2 (dua) kali klik.
Tugas dan Fungsi Prioritas untuk Masyarakat secara umum adalah memberikan Pelayanan dan Edukasi Kesehatan kepada Masyarakat. Lainnya Sosialisasi Kebijakan, Unjuk Prestasi, Pengumuman Penting.
07 SCORE
?
ARSITEKTUR INFORMASI
Terdapat Tagline (1 kalimat) yang jelas dan informatif, sesuai Tusi di halaman depan sehingga pengunjung dalam waktu singkat mengetahui dan memahami website apa yang mereka kunjungi.
08 SCORE
Sudah Jelas
?
Minimal ada tulisan Nama Unit Organisasi/Kerja. (Tidak hanya singkatan)
Tagline Tambahan dari masing-masing Unit
ARSITEKTUR INFORMASI
Tersedia RSS atau ada tetapi broken link (tidak bertaut)
Salah satu fungsi RSS adalah untuk pertukaran data antar website secara cepat, mudah dan aman.
09 SCORE
?
ARSITEKTUR INFORMASI
Sudah Jelas
Ada form kontak yang bisa digunakan untuk menghubungi.
10 SCORE
?
ARSITEKTUR INFORMASI
Ada autoresponse yang tampil di website dan dikirim ke email pengunjung ketika pengunjung menghubungi berupa ucapan terimakasih, waktu response yang dibutuhkan untuk menjawab pengunjung, dan tautan terkait yang berhubungan dengan pertanyaan yang diajukan oleh pengunjung. Sudah Jelas
Ada Autorespon di Website
Ada Autorespon di Email
11 SCORE
?
ARSITEKTUR INFORMASI
Performa website minimal Grade C yang diuji dengan tools.pingdom.com dari Melbourne, Australia.
12 SCORE
? Hati-Hati Jangan Salah Pilih Lokasi karena akan memperlambat Performa Website.
ARSITEKTUR INFORMASI
Sudah Jelas
Tidak ada Broken Link (www.brokenlinkcheck.com)
13 SCORE
?
Kenyamanan Pengunjung Website adalah Penting
DESAIN INTERFACE
Kriteria 1. Tidak menggunakan HURUF BESAR pada seluruh judul atau deskripsi. 2. Jarak antara konten harus memiliki jarak yang cukup dan tidak terkesan saling berdempetan sehingga sulit untuk dibaca oleh pengunjung. 3. Ukuran, Jenis dan Warna Font jangan terlalu banyak (maksimal 2 (dua) jenis font) dan harus konsisten pembagiannya antara seperti Kategori Artikel, Judul Artikel, Deskripsi, Isi Artikel, Tanggal Artikel, dsb. 4. Tulisan harus jelas dan kontras dengan latar belakang sehingga mudah dibaca. 5. Desain dan Navigasi harus konsisten di setiap halaman website. 6. Gambar atau foto harus proporsional, tidak ditarik (gepeng) ke samping atau ke atas.
DESAIN INTERFACE
Tidak menggunakan HURUF BESAR pada seluruh judul atau deskripsi.
Terlalu banyak huruf besar lebih susah dibaca.
01 SCORE
?
DESAIN INTERFACE
Jarak antara konten harus memiliki jarak yang cukup dan tidak terkesan saling berdempetan sehingga sulit untuk dibaca oleh pengunjung.
Jaga jarak antar konten sehingga mata nyaman membacanya. Silahkan melihat perbandingan di bawah ini.
02 SCORE
?
DESAIN INTERFACE
Ukuran, Jenis dan Warna Font jangan terlalu banyak (maksimal 2 (dua) jenis font) dan harus konsisten pembagiannya antara seperti Kategori Artikel, Judul Artikel, Deskripsi, Isi Artikel, Tanggal Artikel, dsb.
Terlihat 1 (satu) jenis font dengan banyak variasi ukuran, style, dan warna yang berbeda-beda.
03 SCORE
?
Font lebih dari dua jenis sehingga terlihat berantakan.
DESAIN INTERFACE
Tulisan harus jelas dan kontras dengan latar belakang sehingga mudah dibaca.
Sudah jelas, jangan menggunakan latar belakang yang membuat tulisan tidak terbaca.
04 SCORE
?
DESAIN INTERFACE
05
Desain dan Navigasi harus konsisten di setiap halaman website.
Setiap halaman harus konsisten desainnnya, jangan setiap kita klik menu mempunyai halaman yang berbeda-beda. Halaman Profile > Struktur Organisasi
Header
Judul
Cari & Aplikasi
Halaman Artikel > Makalah Kimia
Header
Judul
Cari & Aplikasi
SCORE
?
DESAIN INTERFACE
Gambar atau foto harus proporsional, tidak ditarik (gepeng) ke samping atau ke atas.
Gambar yang tidak proporsional akan membuat desain website keseluruhan menjadi tidak nyaman dilihat.
06 SCORE
?
Tata Kelola Website untuk Promosi dan Publikasi
KONTEN PROMOSI & PUBLIKASI Isi website yang berkaitan dengan kegiatan untuk mempromosikan Satker dan mempublikasikan aktivitas kinerja berdasarkan inisiatif Satker.
Kriteria 1. Terdapat foto peristiwa atau kegiatan yang dilengkapi caption yaitu keterangan pada gambar yang berisi informasi berita yang mengandung 5W+1H. 2. Terdapat video peristiwa atau kegiatan yang dilengkapi narasi suara dan/atau teks pada video yang mengandung 5W+1H. 3. Terdapat berita peristiwa atau kegiatan yang memenuhi standar jurnalistik. 4. Ada Pembaharuan berita, foto dan video kegiatan minimal 1 (satu) bulan sekali. 5. Terdapat Infografis mengenai kinerja sesuai Tupoksi Unit Kerja. Infografis harus menarik dan mudah dipahami oleh pengunjung. 6. Terdapat poster dan/atau banner digital terkait dengan kegiatan dan isu terkait Satker. 7. Konten unduh (download) seperti pdf, zip disertai judul, deskripsi/abstrak yang jelas dan mudah dipahami.
PROMO & PUBLIKASI
Terdapat foto peristiwa atau kegiatan yang dilengkapi caption yaitu keterangan pada gambar yang berisi informasi berita yang mengandung 5W+1H.
Who, What, Where, When, Why, + How
01 SCORE
?
PROMO & PUBLIKASI
Terdapat video peristiwa atau kegiatan yang dilengkapi narasi suara dan/atau teks pada video yang mengandung 5W+1H.
Who, What, Where, When, Why, + How
02 SCORE
?
PROMO & PUBLIKASI
Terdapat berita peristiwa atau kegiatan yang memenuhi standar jurnalistik.
Minimal 5 W + 1 H
03 SCORE
?
PROMO & PUBLIKASI
Sudah Jelas
Terdapat keterangan tanggal pada semua berita, artikel dan dokumen yang dipublikasi.
04 SCORE
?
PROMO & PUBLIKASI
Sudah Jelas
Terdapat Infografis mengenai kinerja sesuai Tupoksi Unit Kerja. Infografis harus menarik dan mudah dipahami oleh pengunjung.
05 SCORE
?
PROMO & PUBLIKASI
Sudah Jelas
Terdapat poster dan/atau banner digital terkait dengan kegiatan dan isu terkait Satker.
06 SCORE
?
PROMO & PUBLIKASI
Sudah Jelas
Konten unduh (download) seperti pdf, zip disertai judul, deskripsi/abstrak yang jelas dan mudah dipahami.
07 SCORE
?
Tata Kelola Website untuk Keterbukaan Informasi Publik
KONTEN INFORMASI UNTUK MEMENUHI HAK PUBLIK
Kriteria 1. Informasi tentang profil Unit Organisasi yang meliputi: 1. Informasi tentang kedudukan atau domisili beserta alamat lengkap, ruang lingkup kegiatan, maksud dan tujuan, tugas dan fungsi Unit Organisasi beserta kantor unit-unit di bawahnya 2. Struktur organisasi, gambaran umum setiap satuan kerja, profil singkat pejabat struktural 2. Ringkasan informasi program atau kegiatan yang sedang dijalankan 1. Nama program dan kegiatan 2. Penanggungjawab, pelaksana program dan kegiatan serta nomor telepon dan/atau alamat yang dapat dihubungi 3. Target dan/atau capaian program dan kegiatan 4. Jadwal pelaksanaan program dan kegiatan 5. Anggaran program dan kegiatan yang meliputi sumber dan jumlah 6. Agenda penting terkait pelaksanaan tugas Unit Organisasi 7. Informasi khusus lainnya yang berkaitan langsung dengan hak-hak masyarakat 8. Informasi tentang penerimaan calon pegawai dan/atau pejabat unit organisasi 9. Informasi tentang penerimaan calon peserta didik pada Unit Organisasi yang menyelenggarakan kegiatan pendidikan untuk umum;
Kriteria 3. Ringkasan informasi tentang kinerja dalam lingkup Unit Organisasi berupa narasi tentang realisasi kegiatan yang telah maupun sedang dijalankan beserta capaiannya; 4. Informasi tentang peraturan, keputusan, dan/atau kebijakan yang mengikat dan/atau berdampak bagi publik yang dikeluarkan oleh unit organisasi yang sekurang-kurangnya terdiri atas: 1. Daftar rancangan dan tahap pembentukan Peraturan Perundang-undangan, Keputusan, dan/atau Kebijakan yang sedang dalam proses pembuatan 2. Daftar Peraturan Perundang-undangan, Keputusan, dan/atau Kebijakan yang telah disahkan atau ditetapkan; 5. Informasi tentang pengumuman pengadaan barang dan jasa sesuai dengan peraturan perundangundangan terkait; link LPSE 6. Informasi tentang prosedur peringatan dini dan prosedur evakuasi keadaan darurat yang disertai foto titik kumpul dan/atau grafis/pdf prosedur keadaan darurat di setiap wilayah kantor Unit Organisasi.
INFORMASI PUBLIK
Informasi tentang profil Unit Organisasi yang meliputi: 1. Informasi tentang kedudukan atau domisili beserta alamat lengkap, ruang lingkup kegiatan, maksud dan tujuan, tugas dan fungsi Unit Organisasi beserta kantor unit-unit di bawahnya 2. Struktur organisasi, gambaran umum setiap satuan kerja, profil singkat pejabat struktural
01 SCORE
?
INFORMASI PUBLIK
Ringkasan informasi program atau kegiatan yang sedang dijalankan 1. Nama program dan kegiatan 2. Penanggungjawab, pelaksana program dan kegiatan serta nomor telepon dan/atau alamat yang dapat dihubungi 3. Target dan/atau capaian program dan kegiatan 4. Jadwal pelaksanaan program dan kegiatan 5. Anggaran program dan kegiatan yang meliputi sumber dan jumlah 6. Agenda penting terkait pelaksanaan tugas Unit Organisasi 7. Informasi khusus lainnya yang berkaitan langsung dengan hak-hak masyarakat 8. Informasi tentang penerimaan calon pegawai dan/atau pejabat unit organisasi 9. Informasi tentang penerimaan calon peserta didik pada Unit Organisasi yang menyelenggarakan kegiatan pendidikan untuk umum;
02 SCORE
?
INFORMASI PUBLIK
Ringkasan informasi tentang kinerja dalam lingkup Unit Organisasi berupa narasi tentang realisasi kegiatan yang telah maupun sedang dijalankan beserta capaiannya;
Tidak ada penjelasan, sudah jelas
03 SCORE
?
INFORMASI PUBLIK
Informasi tentang peraturan, keputusan, dan/atau kebijakan yang mengikat dan/atau berdampak bagi publik yang dikeluarkan oleh unit organisasi yang sekurang-kurangnya terdiri atas: 1. Daftar rancangan dan tahap pembentukan Peraturan Perundang-undangan, Keputusan, dan/atau Kebijakan yang sedang dalam proses pembuatan 2. Daftar Peraturan Perundang-undangan, Keputusan, dan/atau Kebijakan yang telah disahkan atau ditetapkan;
Tidak ada penjelasan, sudah jelas
04 SCORE
?
INFORMASI PUBLIK
Informasi tentang pengumuman pengadaan barang dan jasa sesuai dengan peraturan perundangundangan terkait; Link ke LPSE
Tidak ada penjelasan, sudah jelas
05 SCORE
?
INFORMASI PUBLIK
Informasi tentang prosedur peringatan dini dan prosedur evakuasi keadaan darurat yang disertai foto titik kumpul dan/atau grafis/pdf prosedur keadaan darurat di setiap wilayah kantor Unit Organisasi.
Tidak ada penjelasan, sudah jelas
06 SCORE
?
Keamanan Dasar sebuah Website
KEAMANAN WEB
Kriteria 1. Halaman broken link dimodifikasi (cek dengan mengetik http://kemkes.go.id/error) agar menampilkan pemberitahuan kepada pengunjung kesalahan mereka sekaligus disediakan tautan terkait yang akan membantu pengunjung seperti F.A.Q atau Sitemap atau Informasi lainnya yang sering dicari. 2. Tidak meletakkan tautan-tautan internal ke halaman publik seperti webmail, e-office, login internal, intranet, dll. 3. URL Admin CMS (Content Management System) tidak mudah ditebak seperti menggunakan folder admin, administrator, wp-admin.
KEAMANAN WEB
Halaman broken link dimodifikasi (cek dengan mengetik http://kemkes.go.id/error) agar menampilkan pemberitahuan kepada pengunjung kesalahan mereka sekaligus disediakan tautan terkait yang akan membantu pengunjung seperti F.A.Q atau Sitemap atau Informasi lainnya yang sering dicari.
01 SCORE
?
KEAMANAN WEB
Tidak meletakkan tautan-tautan internal ke halaman publik seperti webmail, e-office, login internal, intranet, dll.
02 SCORE
?
KEAMANAN WEB
URL Admin CMS (Content Management System) tidak mudah ditebak seperti menggunakan folder admin, administrator, wp-admin, cms.
03 SCORE
?
• Wordpress install Plugin “Protect Wp Admin”. • Joomla install Extention “Admin Exile”. • Custom Coding harus tidak menggunakan /Admin , /Administrator , /CMS.
Optimasi Artikel, Nama Layanan, Berita untuk Mesin Pencari
OPTIMISASI MESIN PENCARI
Kriteria 1. Terdapat judul artikel, publikasi dan layanan dengan kata kunci (keywod) populer sesuai dengan Tusi (Tugas dan Fungsi). 2. Struktur URL halaman website harus SEO Friendly
SEO
Terdapat judul artikel, publikasi dan layanan dengan kata kunci (keywod) populer sesuai dengan Tupoksi Unit Kerja.
01 SCORE
? • •
Nama Unit (Tidak Disingkat) Nama Unit (Disingkat)
SEO
Struktur URL halaman website harus SEO Friendly
02 SCORE
?
