lomba konten & tata kelola (kotak) …...pengantar •lomba ini diadakan sebagai sarana...
TRANSCRIPT
![Page 1: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/1.jpg)
LOMBA KONTEN & TATA KELOLA (KOTAK) WEBSITE 2019
Pusat Data dan Teknologi Informasi Sekretariat Jenderal, Kementerian Pekerjaan Umum dan Perumahan Rakyat
www.pu.go.id
![Page 2: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/2.jpg)
PENGANTAR Penjelasan Lomba Arsitektur Desain & Tata Kelola Situs Unit PUPR 2018
![Page 3: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/3.jpg)
Pengantar
• Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik.
• Lomba ini juga sebagai sarana sosialisasi kebijakan peraturan mengenai konten apa saja yang harus ada di situs unit.
![Page 4: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/4.jpg)
Landasan Lomba
• Undang Undang Keterbukaan Informasi Publik No. 14 Tahun 2008
• Permen PUPR No 17.PRT.M.2016 - Penyelenggaran TIK
• KEPMEN 450 - Informasi Wajib
• KEPMEN 451 - Informasi Dikecualikan
![Page 5: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/5.jpg)
Penilaian UU (10%)
• Permen PUPR No 17.PRT.M.2016 - Penyelenggaran TIK / Lampiran III. / Bab 6.4. – Penataan subdomain untuk Unit Organisasi dan Unit Kerja di bawahnya:
1) Unit Organisasi : eselonI.pu.go.id
2) Unit Kerja : eselonI.pu.go.id/eselonII
![Page 6: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/6.jpg)
Kategori Penilaian Expert (90%)
• ARSITEKTUR WEB DESAIN - 30%
• DESAIN ANTARMUKA - 15%
• TATA KELOLA - 40%
• KEAMANAN WEB - 10%
• SEARCH ENGINE OPTIMIZATION (SEO) - 5%
![Page 7: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/7.jpg)
35 Peserta (2018)
• 22 Unit Kerja (UKER)
• 13 Unit Organisasi (UNOR)
![Page 8: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/8.jpg)
Kuota Maksimal Unit Kerja & Balai untuk Lomba KOTAK
• Setjen (7)
• Itjen (0)
• Ditjen SDA (5)
• Ditjen Bina Marga (5)
• Ditjen Cipta Karya (5)
• Ditjen Penyediaan Perumahan (2)
• Ditjen Bina Konstruksi (1)
• Ditjen Pembiayaan Infrastruktur PU & Perumahan (2)
• Balitbang (2)
• BPIW (2)
• BPSDM (3)
![Page 9: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/9.jpg)
TIMELINE LOMBA Penjelasan Timeline & Kuesioner
![Page 10: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/10.jpg)
Timeline Lomba Kotak 2019
• Deadline Questioner : 15 Agustus dan dikirim ke [email protected]
• Perbaikan (1 Bulan) : 1 - 31 Agt
• Penilaian (1,5 Bulan) : 1 Sep - 16 Okt
• Perhitungan & Analisa : 17 Okt - 3 Nop
• Pembuatan Laporan : 4 - 20 Nopember
• Pengumuman : 3 Desember Hari Bhakti PU
• Ibu Dewi Indriyati - 0812 9404 3289
• Bapak Danang – 0852 9343 3756
http://edokumen.pu.go.id/pulink/kotak2019
![Page 11: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/11.jpg)
ARSITEKTUR WEB DESAIN
Kemudahan Pengunjung Mencari Informasi adalah Penting.
Menentukan Prioritas sehingga Cepat & Mudah Ditemukan
![Page 12: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/12.jpg)
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. Nama Unit (tidak di singkat) dapat ditemukan dengan cepat dan mudah. Bila nama unit terlalu panjang, boleh menggunakan singkatan tetapi tetap ada terlihat kepanjangannya di bawah singkatan.
8. Performa website minimal Grade B yang diuji dengan tools.pingdom.com dari Melbourne, Australia.
![Page 13: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/13.jpg)
Otomatis desain website menyesuaikan dengan perangkat yang digunakan (Mobile, Tablet, Desktop PC). URL : https://www.google.com/webmasters/tools/mobile-friendly/
01 ARSITEKTUR INFORMASI
SCORE
? Terlihat mana yang benar mana yang salah. Biasanya desain Mobile hanya 1 kolom saja.
![Page 14: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/14.jpg)
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
? Fitur pencarian hanya menyediakan BERITA, FOTO, dan VIDEO saja. Ebook, Laporan PDF tidak ditemukan.
![Page 15: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/15.jpg)
Fitur pencarian tidak hanya diperuntukkan untuk kategori tertentu saja, misalkan hanya berita saja. ARSITEKTUR INFORMASI
02 Tersedia fitur untuk media cetak (print) dan tombol share ke sosial media. ARSITEKTUR INFORMASI
03
SCORE
? Sudah jelas!
![Page 16: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/16.jpg)
Menyediakan peta situs/sitemap yang bisa diakses di halaman depan ARSITEKTUR INFORMASI
04
SCORE
? Ini seperti halaman daftar isi sebuah buku. Dengan melihat ini, maka kita bisa mengetahui isi seluruh website.
![Page 17: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/17.jpg)
Menyediakan F.A.Q yang bisa diakses dengan mudah oleh pengunjung. 05
ARSITEKTUR INFORMASI
SCORE
? Dengan fitur ini, pengunjung bisa melihat pertanyaan mana yang paling sering diajukan atau yang penting untuk mereka tahu.
![Page 18: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/18.jpg)
Tampilan halaman depan website di berbagai browser yang sama baiknya ARSITEKTUR
INFORMASI
http://www.w3schools.com/browsers/browsers_stats.asp
06
SCORE
? Sudah jelas, silahkan dicoba di 6 jenis browser tersebut.
![Page 19: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/19.jpg)
07 Nama Unit (tidak di singkat) dapat ditemukan dengan cepat dan mudah. Bila nama unit terlalu panjang, boleh menggunakan singkatan tetapi tetap ada terlihat kepanjangannya di bawah singkatan.
ARSITEKTUR INFORMASI
SCORE
? Sudah Jelas
Sebaiknya ada kepanjangannya Di bawah (kecil dan terbaca)
![Page 20: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/20.jpg)
08 Performa website minimal Grade B yang diuji dengan tools.pingdom.com dari Melbourne, Australia. ARSITEKTUR INFORMASI
SCORE
?
Hati-Hati Jangan Salah Pilih Lokasi karena akan memperlambat Performa Website.
![Page 21: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/21.jpg)
DESAIN INTERFACE Kenyamanan Pengunjung Website adalah Penting
![Page 22: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/22.jpg)
Kriteria
1. Tidak menggunakan HURUF BESAR pada seluruh judul atau deskripsi.
2. Jarak antara konten (tulisan, gambar) harus memiliki jarak yang cukup dan tidak terkesan saling berdempetan atau terlalu longgar.
3. Tulisan harus jelas dan kontras dengan latar belakang sehingga mudah dibaca.
4. Desain dan Navigasi harus konsisten di setiap halaman websit.
5. Gambar atau foto tidak blur, tidak gelap, harus proporsional atau tidak ditarik (gepeng) ke samping atau ke atas.
![Page 23: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/23.jpg)
01 Tidak menggunakan HURUF BESAR pada seluruh judul atau deskripsi. DESAIN INTERFACE
SCORE
? Terlalu banyak huruf besar lebih susah dibaca.
![Page 24: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/24.jpg)
02 Jarak 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.
![Page 25: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/25.jpg)
Font lebih dari dua jenis sehingga terlihat berantakan.
![Page 26: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/26.jpg)
03 Tulisan harus jelas dan kontras dengan latar belakang sehingga mudah dibaca. DESAIN INTERFACE
SCORE
? Sudah jelas, jangan menggunakan latar belakang yang membuat tulisan tidak terbaca.
![Page 27: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/27.jpg)
04 Desain dan Navigasi harus konsisten di setiap halaman website. DESAIN INTERFACE
SCORE
? Setiap halaman harus konsisten desainnnya, jangan setiap kita klik menu mempunyai halaman yang berbeda-beda.
Halaman Profil
Halaman Galeri
![Page 28: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/28.jpg)
05 Gambar atau foto tidak blur, tidak gelap, harus proporsional atau tidak ditarik (gepeng) ke samping atau ke atas.
DESAIN INTERFACE
SCORE
? Gambar yang tidak proporsional akan membuat desain website keseluruhan menjadi tidak nyaman dilihat.
BLUR
![Page 29: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/29.jpg)
TATA KELOLA Pelayanan Pengunjung adalah Utama
![Page 30: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/30.jpg)
Kriteria Tata Kelola
1. Ada form kontak yang bisa digunakan untuk menghubungi.
2. Ada autoresponse yang tampil di website berupa ucapan terimakasih ketika pengunjung mengirim email melalui form kontak.
3. Terdapat keterangan pada gambar yang berisi informasi berita.
4. Terdapat keterangan tanggal pada semua berita, artikel dan dokumen yang dipublikasi.
5. Ada Pembaharuan Berita dan Kegiatan disertai tanggal pembaharuannya minimal 1 (satu) minggu sekali.
6. Terdapat Infografis mengenai kinerja sesuai Tusi Unit. Infografis harus menarik dan mudah dipahami oleh pengunjung .
7. Konten unduh (download) seperti pdf, zip harus disertai judul, deskripsi/abstrak yang jelas dan mudah dipahami pengunjung sebelum mereka mengunduh.
8. Tidak ada Broken Link (www.brokenlinkcheck.com)
9. Tersedia Konten Profil meliputi Sejarah, Tugas & Fungsi, Struktur Organisasi (bagan), Info Pejabat, Lokasi Kantor yang diletakkan di menu Profil.
10. Terdapat Konten Produk meliputi Renstra, Rencana program, Pengelolaan anggaran (DIPA, RKAKL, ringkasan laporan keuangan, lakip, dll), Peraturan perundang-undangan, Info kepegawaian (SDM), SNI/Pedoman yang dapat ditemukan dengan mudah di bagian menu/sub menu Produk atau kategori tautan-tautan di footer atau tautan-tautan berupa tulisan/banner di halaman beranda.
11. Terdapat Konten Produk (Khusus UNOR) meliputi Data dan Informasi yang dapat berupa Data Statistik atau Pemetaan/Sistem Informasi Geografis, Kamus/istilah (Glossary) yang dapat ditemukan dengan mudah di bagian menu/sub menu Produk atau kategori tautan-tautan di footer atau tautan-tautan berupa tulisan/banner di halaman beranda.
12. Tersedia Konten Informasi Publik meliputi Informasi Wajib disediakan dan diumumkan secara Berkala, Serta Merta, dan Setiap Saat yang mengacu kepada UU KIP no. 14 tahun 2008 atau dapat berupa link atau tautan ke website Pelayanan Informasi Publik Kementerian PUPR (e-PPID) yang dapat ditemukan dengan mudah di bagian menu/sub menu Produk atau kategori tautan-tautan di footer atau tautan-tautan berupa tulisan/banner di halaman beranda.
![Page 31: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/31.jpg)
1 Ada form kontak yang bisa digunakan untuk menghubungi. TATA
KELOLA
SCORE
? Sudah Jelas
![Page 32: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/32.jpg)
02 Ada autoresponse yang tampil di website berupa ucapan terimakasih ketika pengunjung mengirim email melalui form kontak.
SCORE
? Sudah Jelas
Ada Autorespon di Website
Ada Autorespon di Email
TATA KELOLA
![Page 33: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/33.jpg)
Terdapat keterangan pada gambar yang berisi informasi berita. 03
SCORE
? Sudah Jelas
TATA KELOLA
![Page 34: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/34.jpg)
Terdapat keterangan tanggal pada semua berita, artikel dan dokumen yang dipublikasi. 04
SCORE
? Sudah Jelas
TATA KELOLA
![Page 35: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/35.jpg)
Ada Pembaharuan Berita dan Kegiatan disertai tanggal pembaharuannya minimal 1 (satu) minggu sekali.
05
SCORE
? 1 MINGGU SEKALI ada Berita Baru.
TATA KELOLA
![Page 36: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/36.jpg)
Terdapat Infografis mengenai kinerja sesuai Tusi Unit. Infografis harus menarik dan mudah dipahami oleh pengunjung .
06
SCORE
? Sudah Jelas
TATA KELOLA
![Page 37: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/37.jpg)
Konten unduh (download) seperti pdf, zip disertai judul, deskripsi/abstrak yang jelas dan mudah dipahami.
07
SCORE
? Sudah Jelas
TATA KELOLA
![Page 38: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/38.jpg)
08 Tidak ada Broken Link (www.brokenlinkcheck.com)
SCORE
? Sudah Jelas
TATA KELOLA
![Page 39: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/39.jpg)
Tersedia Konten Profil meliputi Sejarah, Tugas & Fungsi, Struktur Organisasi (bagan), Info Pejabat,
Lokasi Kantor yang diletakkan di menu Profil. 09
SCORE
?
TATA KELOLA
Penamaan disamakan sesuai yang tertulis di peraturan untuk memudahkan pencarian.
![Page 40: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/40.jpg)
Terdapat Konten Produk meliputi Renstra, Rencana program, Pengelolaan anggaran (DIPA, RKAKL,
ringkasan laporan keuangan, lakip, dll), Peraturan perundang-undangan, Info kepegawaian (SDM),
SNI/Pedoman yang dapat ditemukan dengan mudah di bagian menu/sub menu Produk atau kategori
tautan-tautan di footer atau tautan-tautan berupa tulisan/banner di halaman beranda.
10
SCORE
? Header
MENU
Link di Footer
KONTEN WEBSITE
BANNER TAUTAN TEKS BANNER
TAUTAN TEKS
KONTEN WEBSITE
TATA KELOLA
Penamaan disamakan sesuai yang tertulis di peraturan untuk memudahkan pencarian.
Sub Menu 1 Sub Menu 2 Sub Menu 2
Expert akan mencari di salah satu KOTAK MERAH di Halaman Beranda. Penamaan harap disamakan sesuai dengan kriteria.
![Page 41: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/41.jpg)
Terdapat Konten Produk (Khusus UNOR) meliputi Data dan Informasi yang dapat berupa Data Statistik
atau Pemetaan/Sistem Informasi Geografis, Kamus/istilah (Glossary) yang dapat ditemukan dengan
mudah di bagian menu/sub menu Produk atau kategori tautan-tautan di footer atau tautan-tautan
berupa tulisan/banner di halaman beranda.
11
SCORE
? Header
MENU
Link di Footer
KONTEN WEBSITE
BANNER TAUTAN TEKS BANNER
TAUTAN TEKS
KONTEN WEBSITE
TATA KELOLA
Penamaan disamakan sesuai yang tertulis di peraturan untuk memudahkan pencarian.
Sub Menu 1 Sub Menu 2 Sub Menu 2
Expert akan mencari di salah satu KOTAK MERAH di Halaman Beranda. Penamaan harap disamakan sesuai dengan kriteria.
![Page 42: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/42.jpg)
Tersedia Konten Informasi Publik meliputi Informasi Wajib disediakan dan diumumkan secara
Berkala, Serta Merta, dan Setiap Saat yang mengacu kepada UU KIP no. 14 tahun 2008 atau dapat
berupa link atau tautan ke website Pelayanan Informasi Publik Kementerian PUPR (e-PPID) yang dapat
ditemukan dengan mudah di bagian menu/sub menu Produk atau kategori tautan-tautan di footer
atau tautan-tautan berupa tulisan/banner di halaman beranda.
12
SCORE
? Header
MENU
Link di Footer
KONTEN WEBSITE
BANNER TAUTAN TEKS BANNER
TAUTAN TEKS
KONTEN WEBSITE
TATA KELOLA
Penamaan disamakan sesuai yang tertulis di peraturan untuk memudahkan pencarian.
Expert akan mencari di salah satu KOTAK MERAH di Halaman Beranda. Penamaan harap disamakan sesuai dengan kriteria.
Sub Menu 1 Sub Menu 2 Sub Menu 2
![Page 43: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/43.jpg)
KEAMANAN WEB Keamanan Dasar sebuah Website
![Page 44: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/44.jpg)
Kriteria
1. Halaman broken link dimodifikasi (cek dengan mengetik http://DomainAnda/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 pegawai atau login ke data kepegawaian.
![Page 45: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/45.jpg)
Halaman broken link dimodifikasi (cek dengan mengetik http://DomainAnda/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
?
![Page 46: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/46.jpg)
![Page 47: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/47.jpg)
Tidak meletakkan tautan-tautan internal ke halaman publik seperti webmail pegawai atau login
ke data kepegawaian. KEAMANAN WEB 02
SCORE
?
![Page 48: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/48.jpg)
OPTIMISASI MESIN PENCARI Optimasi Artikel, Nama Layanan, Berita untuk Mesin Pencari
![Page 49: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/49.jpg)
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.
3. Struktur Penamaan Foto dan Video yang ditampilkan pada halaman website harus SEO friendly.
4. Cek Jumlah Backlink & Referring Domain SEO di https://ahrefs.com/backlink-checker , semakin banyak semakin baik.
![Page 50: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/50.jpg)
Nama Unit berada di halaman 1 mesin Pencari Google.co.id, baik disingkat maupun tidak. SEO 01
SCORE
? • Nama Unit (Tidak Disingkat) • Nama Unit (Disingkat)
![Page 51: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/51.jpg)
Struktur URL halaman website harus SEO Friendly SEO 02
SCORE
?
![Page 52: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/52.jpg)
Struktur Penamaan Foto dan Video yang ditampilkan pada halaman website harus SEO friendly atau memiliki kode ALT tag di setiap gambar sehingga bisa dibaca oleh mesin pencari. SEO 03
SCORE
?
![Page 53: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/53.jpg)
Cek Jumlah Backlink & Referring Domain SEO di https://ahrefs.com/backlink-checker , semakin banyak semakin baik. SEO 04
SCORE
?
![Page 54: LOMBA KONTEN & TATA KELOLA (KOTAK) …...Pengantar •Lomba ini diadakan sebagai sarana pembelajaran untuk pengelola situs agar memahami seperti apa kriteria situs yang baik. •Lomba](https://reader030.vdokumen.com/reader030/viewer/2022040502/5e25b0845621ee144a25abb1/html5/thumbnails/54.jpg)