EVALUASI SISTEM WEBSITE BPSDM KEMENTERIAN PUPR Disampaikan oleh: Dewi Indriyati, ST, M.T.I Pada Evaluasi Sistem Website BPSDM dan Workshop Kemanan Jaringan di Lingkungan BPSDM Kementerian PUPR Medan, 26 September 2017 PUSAT DATA DAN TEKNOLOGI INFORMASI KEMENTERIAN PEKERJAAN UMUM DAN PERUMAHAN RAKYAT

Agenda Evaluasi Sistem Website BPSDM berdasarkan Peraturan Menteri PUPR Nomor 17/PRT/M/2016 tentang Penyelenggaraan Teknologi Informasi dan Komunikasi di Kementerian PUPR Evaluasi Sistem Website BPSDM berdasarkan Kriteria Lomba Konten dan Tata Kelola Website 2017 © Pusdatin 2017

EVALUASI SISTEM BPSDM BERDASARKAN PERATURAN MENTERI PUPR NOMOR 17/PRT/M/2016 TENTANG PENYELENGGARAAN TIK DI KEMENTERIAN PUPR

Penggunaan Nama Domain dan Subdomain Penggunaan Nama Domain dan Subdomain diatur pada Lampiran III Permen 17/2016 Subdomain untuk web di lingkungan Kementerian PUPR Unit Organisasi Eselon I : eselon I.pu.go.id Unit Kerja Eselon II : eselon I.pu.go.id/eselon II Unit Kerja Eselon III : eselon I.pu.go.id/eselon II/eselon III (produk) Subdomain untuk aplikasi di lingkungan Kementerian PUPR Digunakan oleh masyarakat luas : aplikasi.pu.go.id Digunakan di Kementerian PUPR : aplikasi.pu.go.id (intranet) Digunakan di Unit organiasi es.I / es.II / khusus : aplikasi.eselon I.pu.go.id © Pusdatin 2017

Desain Mockup Web Unit Organisasi Es.I Portal Web diatur pada Lampiran V Permen 17/2016 © Pusdatin 2017

Halaman Beranda Website BPSDM Halaman Beranda pada Website BPSDM saat ini: Rekomendasi: Pada Navigasi Utama, struktur menu dan pengelompokan untuk sub menu disesuaikan dengan portal web PU-Net: Profil, Organisasi, Produk, Publikasi, Kontak, Galeri Sebaiknya ada pengelompokan informasi pada setiap bagian dari halaman beranda website: Berita Produk Agenda Infografis Informasi Lainnya Tidak menggunakan scroll terlalu panjang: Porsi berita dikurangi Produk dikelompokkan dengan hanya menampilkan Icon setiap produk Hilangkan/minimalkan bagian kosong © Pusdatin 2017

Navigasi Utama: Profil Menu Profil pada Website BPSDM saat ini: Rekomendasi: Profil terdiri dari: Sejarah Tugas dan Fungsi Struktur Organisasi Moto dan Lambang Informasi Pejabat Lokasi dan Kontak Struktur Organisasi hanya menampilkan struktur organisasi dalam bentuk diagram. Informasi Pejabat menampilkan foto, nama lengkap, dan jabatan dalam bentuk diagram Lokasi dan Kontak menampilkan nama unit kerja beserta alamatnya (jika terdapat Balai dimasukkan) dalam bentuk tabel Rencana Strategis, Program, Lakip dimasukkan ke menu Produk Profil Organisasi/Organisasi menjadi salah satu menu pada Navigasi Utama © Pusdatin 2017

Jika diklik salah satu submenu Navigasi Utama: Organisasi Pada Website BPSDM saat ini, Organisasi menjadi Sub Menu Profil Rekomendasi: Tugas dan Fungsi Unit Kerja Es II/Balai di BPSDM Jika diklik salah satu submenu Link ke Website Unit Kerja Es II/Balai di BPSDM (jika ada) Submenu merupakan Unit Kerja Es II di BPSDM Jika diperlukan, Balai-balai di BPSDM dapat pula menjadi submenu © Pusdatin 2017

Navigasi Utama: Produk Pada Website BPSDM saat ini tidak ada Menu Produk pada Navigasi Utama, tetapi menyebar menjadi sub menu di Menu lainnya Produk menayangkan produk masing-masing unit es. II dan III: Renstra BPSDM Program BPSDM Laporan anggaran (DIPA, RKA-KL, Ringkasan laporan keuangan, Lakip, dll yang sudah selesai diaudit) Peraturan SNI/Pedoman, NSPM, SPM, SOP, dll Data statistik  terkait Pelaksanaan Pendidikan dan Pelatihan di BPSDM Modul/bahan hasil kajian, dll Kamus/istilah (Glosary)  terkait BPSDM Katalog BPSDM (Jika ada) Aplikasi/Sistem Informasi © Pusdatin 2017

Navigasi Utama: Publikasi dan Galeri Pada Website BPSDM saat ini tidak ada Menu Publikasi pada Navigasi Utama, tetapi menyebar menjadi sub menu di Menu lainnya Publikasi merupakan sarana dalam penyampaian informasi: Majalah, Buletin, Jurnal, Artikel/Guntingan Berita Buku ilmiah Galeri terdiri dari Galeri Foto, Galeri Video, dan Penghargaan (Jika ada) © Pusdatin 2017

Navigasi Utama: Kontak Rekomendasi: Kontak berupa nama pejabat, jabatan, dan alamat (dalam bentuk tabel) untuk Pejabat Es I dan Es II di BPSDM Menu Kontak pada Website BPSDM saat ini: © Pusdatin 2017

PRODUK/NAVIGASI TAMBAHAN Berita Rekomendasi: Berita dapat terdiri dari berita tekstual, foto, dan video (PU-Net Redesign) Berita maksimal 30% dari seluruh halaman website Berita ditempatkan di bagian paling atas dari bagian konten pada halaman beranda website Berita terakhir yang ditayangkan pada halaman beranda, selebihnya pada Indeks Berita PRODUK/NAVIGASI TAMBAHAN FOOTER © Pusdatin 2017

INFORMASI LAIINNYA/ WIDGET MEDSOS Navigasi Tambahan Rekomendasi: Adanya Pengelompokan pada Navigasi Tambahan Pada bagian navigasi tambahan, diutamakan untuk produk Navigasi ke Menu Pendidikan dan Pelatihan dapat ditempatkan di sini INFORMASI PENDIDIKAN INFORMASI PELATIHAN REFORMASI BIROKRASI BULETIN INFOGRAFIS PRODUK/ INFORMASI LAIINNYA/ WIDGET MEDSOS FOOTER © Pusdatin 2017

Fasilitas Lainnya Fasilitas Lainnya yang perlu disiapkan adalah: Navigasi ke PU-Net Jika diperlukan, pengumuman (dalam bentuk running text) terletak di bagian atas website Peta Situs (Site Map) Agar menu pada Navigasi Utama tidak terlalu banyak, Peta Situs dapat diletakkan pada Bagian Footer saja Fasilitas Pencari Saran dan Pengaduan Fasilitasi ini sudah ada di website BPSDM saat ini pada menu Kontak di Navigasi Utama, Harus ada pengelola yang bertanggung jawab terhadap menu ini Jika tidak ada pengelolanya, Saran dan Pengaduan dapat me-link ke PPID (seperti Saran dan Pengaduan pada Website PU-Net) Hak Cipta Catatan Kaki Pada Catatan Kaki, dapat mencantumkan Situs Terkait, FAQ, Peta Situs (Site Map), Kontak Kami berupa Nama Unit Organisasi, Alamat, Telepon, Email (menggunakan alamat email resmi Kementerian)  Harus ada Penanggung Jawab Telepon dan Email yang dicantumkan ini Widget/Link ke Media Sosial Counter Visitor  dapat ditempatkan di footer © Pusdatin 2017

EVALUASI SISTEM WEBSITE BPSDM BERDASARKAN KRITERIA LOMBA KONTEN DAN TATA KELOLA WEBSITE 2017

Kategori Penilaian Lomba Penggunaan Nama Subdomain sesuai Permen 17/2016 (10 %) Arsitektur Web Desain (30%) Desain Antarmuka (15%) Tata Kelola (40%) Keamanan Web (10%) Search Engine Optimization (5%) © Pusdatin 2017

Arsitektur Web Desain Otomatis desain website menyesuaikan dengan perangkat yang digunakan (Mobile, Tablet, Desktop PC). Tidak perlu seluruh menu pada versi Desktop tampil pada versi Mobile Fitur pencarian tidak hanya diperuntukkan untuk kategori tertentu saja, misalkan hanya berita saja. Tetapi harus bisa menampilkan dokumen lain seperti artikel, ebook, video,dll.  Pencarian baru berfungsi pada Berita Tersedia fitur untuk media cetak (print) dan tombol share ke sosial media.  Dapat ditempatkan di bagian atas berita, foto, video, atau artikel lainnya atau mengikuti scroll © Pusdatin 2017

Arsitektur Web Desain 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) 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. Performa website minimal Grade C yang diuji dengan tools.pingdom.com dari Melbourne, Australia. © Pusdatin 2017

Desain Antar Muka Tidak menggunakan HURUF BESAR pada seluruh judul atau deskripsi. Jarak antara konten (tulisan, gambar) harus memiliki jarak yang cukup dan tidak terkesan saling berdempetan atau terlalu longgar. Tulisan harus jelas dan kontras dengan latar belakang sehingga mudah dibaca. Desain dan Navigasi harus konsisten di setiap halaman website. Gambar atau foto harus jelas (tidak blur) dan proporsional, tidak ditarik (gepeng) ke samping atau ke atas. © Pusdatin 2017

Tata Kelola Ada form kontak yang bisa digunakan untuk menghubungi. Ada autoresponse yang tampil di website berupa ucapan terimakasih ketika pengunjung mengirim email melalui form kontak. Terdapat keterangan pada gambar yang berisi informasi berita. Terdapat keterangan tanggal pada semua berita, artikel dan dokumen yang dipublikasi. Ada Pembaharuan Berita dan Kegiatan disertai tanggal pembaharuannya minimal 1 (satu) minggu sekali. Terdapat Infografis mengenai kinerja sesuai Tusi Unit. Infografis harus menarik dan mudah dipahami oleh pengunjung . Konten unduh (download) seperti pdf, zip harus disertai judul, deskripsi/abstrak yang jelas dan mudah dipahami pengunjung sebelum mereka mengunduh. © Pusdatin 2017

Tata Kelola Tidak ada Broken Link (www.brokenlinkcheck.com) Tersedia Konten Profil meliputi Sejarah, Tugas & Fungsi, Struktur Organisasi (bagan), Info Pejabat, Lokasi Kantor yang diletakkan di menu Profil. 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. Terdapat Konten Produk (Khusus UNOR) meliputi Data statistik, Pemetaan/GIS, 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. 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 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. © Pusdatin 2017

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. Tidak meletakkan tautan-tautan internal ke halaman publik seperti webmail, e-office, login internal, intranet, dll. © Pusdatin 2017

SEO Terdapat judul artikel, publikasi dan layanan dengan kata kunci (keyword) populer sesuai dengan Tugas dan Fungsi. Struktur URL halaman website harus SEO Friendly Tidak SEO Friendly SEO Friendly © Pusdatin 2017

SUBBIDANG PENYELENGGARAAN PORTAL WEB KONTAK: SUBBIDANG PENYELENGGARAAN PORTAL WEB BIDANG INFRASTRUKTUR TEKNOLOGI INFORMASI DAN SISTEM INFORMASI PUSAT DATA DAN TEKNOLOGI INFORMASI ALAMAT : GEDUNG PUSDATIN LT I KEMENTERIAN PUPR EMAIL : masterweb@pu.go.id dan dewi.indriyati@pu.go.id TELP : 021-7255789 HP : 0812 940 43 289 © Pusdatin 2017