presentasi kriteria unit 2017 - kemkes.go.id · 3. ukuran, jenis dan warna font jangan terlalu...

KRITERIA LOMBA E-ASPIRASI

WEBSITE UNIT 2017

Kementerian Kesehatan RIwww.kemkes.go.id

Presented by Zeembry

ARSITEKTUR WEB DESAIN

Kemudahan Pengunjung Mencari Informasi adalah Penting.

Menentukan Prioritas sehingga Cepat & Mudah Ditemukan

Kriteria

1. Otomatis desain website menyesuaikan dengan perangkat yang digunakan (Mobile, Tablet, Desktop PC).

2. Fitur pencarian tidak hanya diperuntukkan untuk kategori tertentu saja, misalkan hanya berita saja. Tetapi

harus bisa menampilkan dokumen lain seperti artikel, ebook, video,dll.

3. Tersedia fitur untuk media cetak (print) dan tombol share ke sosial media.

4. Menyediakan Peta Situs (Sitemap) yang bisa diakses dengan mudah oleh pengunjung.

5. Menyediakan F.A.Q yang bisa diakses dengan mudah oleh pengunjung.

6. Tampilan halaman depan website di berbagai browser sama baiknya (Internet Explorer, Firefox, Chrome,

Safari, Opera)

7. Informasi penting yang berhubungan dengan Tusi (Tugas dan Fungsi) diletakkan di halaman depan dan

mudah ditemukan maksimal dalam 2 (dua) kali klik.

8. 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.

9. Tersedia RSS atau ada tetapi broken link (tidak bertaut)

10. Ada form kontak yang bisa digunakan untuk menghubungi.

11. 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.

12. Performa website minimal Grade C yang diuji dengan tools.pingdom.com dari Melbourne, Australia.

13. Tidak ada Broken Link (www.brokenlinkcheck.com)

Otomatis desain website menyesuaikan dengan perangkat yang digunakan (Mobile, Tablet, Desktop

PC).01

ARSITEKTUR

INFORMASI

SCORE

?Terlihat mana yang benar mana yang salah. Biasanya desain Mobile hanya 1 kolom saja.

Fitur pencarian tidak hanya diperuntukkan untuk kategori tertentu saja, misalkan hanya berita saja.

Tetapi harus bisa menampilkan dokumen lain seperti artikel, ebook, video,dll.02

ARSITEKTUR

INFORMASI

SCORE

?Sudah jelas... saat dicari buku/ebook, hasil pencarian menemukan.

Fitur pencarian tidak hanya diperuntukkan untuk kategori tertentu saja, misalkan hanya berita saja. ARSITEKTUR

INFORMASI02Tersedia fitur untuk media cetak (print) dan tombol share ke sosial media.

ARSITEKTUR

INFORMASI03

SCORE

?Sudah jelas!

Menyediakan peta situs/sitemap yang bisa diakses di halaman depanARSITEKTUR

INFORMASI04

SCORE

?Ini seperti halaman daftar isi sebuah buku. Dengan melihat ini, maka kita bisa mengetahui isi seluruh website.

Menyediakan F.A.Q yang bisa diakses dengan mudah oleh pengunjung. 05ARSITEKTUR

INFORMASI

SCORE

?Dengan fitur ini, pengunjung bisa melihat pertanyaan mana yang paling sering diajukan atau yang penting untuk

mereka tahu.

Tampilan halaman depan website di berbagai browser yang sama baiknyaARSITEKTUR

INFORMASI

http://www.w3schools.com/browsers/browsers_stats.asp

06

SCORE

?Sudah jelas, silahkan dicoba di 6 jenis browser tersebut.

07Informasi penting yang berhubungan dengan Tusi (Tugas dan Fungsi) diletakkan di halaman depan dan

mudah ditemukan maksimal dalam 2 (dua) kali klik.

ARSITEKTUR

INFORMASI

SCORE

?Tugas dan Fungsi Prioritas untuk Masyarakat secara umum adalah memberikan Pelayanan dan Edukasi Kesehatan

kepada Masyarakat. Lainnya Sosialisasi Kebijakan, Unjuk Prestasi, Pengumuman Penting.

08Terdapat 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.

ARSITEKTUR

INFORMASI

SCORE

?

Minimal ada tulisan Nama

Unit Organisasi/Kerja. (Tidak

hanya singkatan)

Tagline Tambahan dari

masing-masing Unit

Sudah Jelas

09Tersedia RSS atau ada tetapi broken link (tidak bertaut)ARSITEKTUR

INFORMASI

SCORE

?Salah satu fungsi RSS adalah untuk pertukaran data antar website secara cepat, mudah dan aman.

10Ada form kontak yang bisa digunakan untuk menghubungi.ARSITEKTUR

INFORMASI

SCORE

?Sudah Jelas

11Ada 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.

ARSITEKTUR

INFORMASI

SCORE

?Sudah Jelas

Ada Autorespon di Website

Ada Autorespon di Email

12Performa website minimal Grade C yang diuji dengan tools.pingdom.com dari Melbourne, Australia.ARSITEKTUR

INFORMASI

SCORE

?

Hati-Hati Jangan Salah Pilih

Lokasi karena akan

memperlambat Performa

Website.

13Tidak ada Broken Link (www.brokenlinkcheck.com)ARSITEKTUR

INFORMASI

SCORE

?Sudah Jelas

DESAIN INTERFACE

Kenyamanan Pengunjung Website adalah Penting

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.

01Tidak menggunakan HURUF BESAR pada seluruh judul atau deskripsi. DESAIN

INTERFACE

SCORE

?Terlalu banyak huruf besar lebih susah dibaca.

02Jarak antara konten harus memiliki jarak yang cukup dan tidak terkesan saling berdempetan sehingga

sulit untuk dibaca oleh pengunjung.

DESAIN

INTERFACE

SCORE

?Jaga jarak antar konten sehingga mata nyaman membacanya. Silahkan melihat perbandingan di bawah ini.

03Ukuran, 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.

DESAIN

INTERFACE

SCORE

?Terlihat 1 (satu) jenis font dengan banyak variasi ukuran, style, dan warna yang berbeda-beda.

Font lebih dari dua jenis sehingga terlihat berantakan.

04Tulisan harus jelas dan kontras dengan latar belakang sehingga mudah dibaca. DESAIN

INTERFACE

SCORE

?Sudah jelas, jangan menggunakan latar belakang yang membuat tulisan tidak terbaca.

05Desain dan Navigasi harus konsisten di setiap halaman website. DESAIN

INTERFACE

Halaman Profile >

Struktur Organisasi

Halaman Artikel >

Makalah Kimia

Header

Judul

Cari & Aplikasi

Header

Judul

Cari & Aplikasi

SCORE

?Setiap halaman harus konsisten desainnnya, jangan setiap kita klik menu mempunyai halaman yang berbeda-beda.

06Gambar atau foto harus proporsional, tidak ditarik (gepeng) ke samping atau ke atas.DESAIN

INTERFACE

SCORE

?Gambar yang tidak proporsional akan membuat desain website keseluruhan menjadi tidak nyaman dilihat.

KONTEN PROMOSI & PUBLIKASI

Tata Kelola Website untuk Promosi dan 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.

Terdapat foto peristiwa atau kegiatan yang dilengkapi caption yaitu keterangan pada gambar yang

berisi informasi berita yang mengandung 5W+1H.01

PROMO &

PUBLIKASI

SCORE

?Who, What, Where, When, Why, + How

Terdapat video peristiwa atau kegiatan yang dilengkapi narasi suara dan/atau teks pada video yang

mengandung 5W+1H.02

SCORE

?Who, What, Where, When, Why, + How

PROMO &

PUBLIKASI

Terdapat berita peristiwa atau kegiatan yang memenuhi standar jurnalistik. 03

SCORE

?Minimal 5 W + 1 H

PROMO &

PUBLIKASI

Terdapat keterangan tanggal pada semua berita, artikel dan dokumen yang dipublikasi. 04

SCORE

?Sudah Jelas

PROMO &

PUBLIKASI

Terdapat Infografis mengenai kinerja sesuai Tupoksi Unit Kerja. Infografis harus menarik dan mudah

dipahami oleh pengunjung.05

SCORE

?Sudah Jelas

PROMO &

PUBLIKASI

Terdapat poster dan/atau banner digital terkait dengan kegiatan dan isu terkait Satker. 06

SCORE

?Sudah Jelas

PROMO &

PUBLIKASI

Konten unduh (download) seperti pdf, zip disertai judul, deskripsi/abstrak yang jelas dan mudah

dipahami.07

SCORE

?

PROMO &

PUBLIKASI

Sudah Jelas

KONTEN INFORMASI UNTUK

MEMENUHI HAK PUBLIK

Tata Kelola Website untuk Keterbukaan Informasi 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 perundang-

undangan 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 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

01INFORMASI

PUBLIK

SCORE

?

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;03

SCORE

?

INFORMASI

PUBLIK

Tidak ada penjelasan, sudah jelas

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;

04

SCORE

?

INFORMASI

PUBLIK

Tidak ada penjelasan, sudah jelas

Informasi tentang pengumuman pengadaan barang dan jasa sesuai dengan peraturan perundang-

undangan terkait; Link ke LPSE05

SCORE

?

INFORMASI

PUBLIK

Tidak ada penjelasan, sudah jelas

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.06

SCORE

?

INFORMASI

PUBLIK

Tidak ada penjelasan, sudah jelas

KEAMANAN WEB

Keamanan Dasar sebuah Website

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.

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.

KEAMANAN WEB 01

SCORE

?

Tidak meletakkan tautan-tautan internal ke halaman publik seperti webmail, e-office, login internal, intranet, dll.KEAMANAN WEB 02

SCORE

?

URL Admin CMS (Content Management System) tidak mudah ditebak seperti menggunakan folder admin, administrator, wp-admin, cms.KEAMANAN WEB 03

SCORE

?

• Wordpress install Plugin

“Protect Wp Admin”.

• Joomla install Extention

“Admin Exile”.

• Custom Coding harus tidak

menggunakan /Admin ,

/Administrator , /CMS.

OPTIMISASI MESIN PENCARI

Optimasi Artikel, Nama Layanan, Berita untuk 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

Terdapat judul artikel, publikasi dan layanan dengan kata kunci (keywod) populer sesuai dengan

Tupoksi Unit Kerja.SEO 01

SCORE

?• Nama Unit (Tidak Disingkat)

• Nama Unit (Disingkat)

Struktur URL halaman website harus SEO FriendlySEO 02

SCORE

?