Dibawakan dalam acara Kegiatan Evaluasi Portal KEMDIKBUD, 31 Desember 2013

Mekanisme Tata Kelola dan Kecepatan Akses Portal/Website

Dipersiapkan dan dibawakan oleh: Dony Riyanto

Agenda

Perkenalan

Kecepatan Akses Website

Penutup

Tata Kelola Website

Contoh Kasus

✓

5

4

3

2

1

Your Logo

•Alumni S1 Ilmu Komputer UGM

•Otodidak bahasa pemrograman

sejak SMP

•Pernah membuat dan mengerjakan web portal/web

application sejak 1998.

•Pengalaman kerja sebagai IT Profesional -/+ 11 tahun,

termasuk pernah sebagai pengajar D3 & S1.

•Saat ini bekerja sebagai Software Architect di salah

satu perusahaan mobile payment

Perkenalan

@donyriyanto

donyriyanto@yahoo.com

slideshare.net/donyriyanto

Tata Kelola WebsiteDefinisi

• Mencakup manajemen TI

• Mencakup (tetapi tidak hanya terbatas pada)

Performance dan Risk Management

• Web portal: „..brings information together…‟

• Web Developer/Architect

• Web Programmer

• UI/UX Designer (HTML)

• Database Admin

• Server Admin

• Web Admin

• Operator

• Contributor

• IT Infrastructure

• Project Manager

Tata Kelola WebsiteTim kerja yang terlibat

Pihak luar:

• Hosting/Co-lo vendor

• Domain Registrar

• Server Vendor

• Network Service Provider

• Opensource Web Framework

Departemen/bagian:

• Dept. Humas

• Dept. Pemasaran (swasta)

• Dept. IT

• Contoh tim kerja:

Tata Kelola WebsiteTim kerja yang terlibat

• Pembagian tugas yang jelas (Do / Don’t)

• Untuk keamanan

• Melibatkan semua stakeholders (good governance)

• Tidak saling lempar tanggung jawab

• Menghindari Conflict of Interest (Operasional Web, Web Admin, Contributor, Departemen/bagian lain yang

berkepentingan)

Tata Kelola WebsiteSeparation of Duties (SoD)

Tata Kelola WebsiteKeselarasan

• Penamaan Domain/Sub domain

• Antara Domain dengan Content didalamnya

• Antar Domain dengan Sub Domain

• Antar Domain dengan Domain yang lain

Tata Kelola Website

UGM.ac.id

• Mengikuti prinsip-prinsip UI/UX yang baik(dulu disebut HCI/GUI) (Clean bright, User behavior, Typo, Headlines/Highlight, etc)

• Information Hiding

• Search Engine Friendly

Tata Kelola WebsiteUsability / Visibility

• Timpang Tindih/Keberagaman

Aturan/Kurang Akurat

• Eskalasi tanggungjawab yang jelas (+SLA)

• Conflict of Interest

• Lack of Securities (Security Compliance)

• Lack of Responses (Responsive design. Technology don’t scale, people does)

• Fire and Forget

• Use the right tools (right vs mainstream tools)

Tata Kelola WebsiteLain-lain:

Kecepatan Akses Web

Kecepatan Akses WebMengapa kecepatan akses web menjadi penting?

• “Internet adalah sebuah keniscayaan”Dony (1996)

• Web & Internet sudah menyatu dalam kehidupan

sosial kita

• Web & internet yang lambat, “bikin stress”

• e-Gov bukan lagi sekedar ada,

tapi merupakan bentuk

pelayanan pemerintahan

yang harus baik, termasuk

dalam memberikan layanan yang cepat dan responsif.

• Infrastruktur internet yang buruk(urban vs rural, Kota besar vs Daerah Tertinggal, kondisi geografis)

• Kebutuhan akses yang tinggiContoh: Informasi Currency Rate, Stock exchange, Situs berita populer, Informasi Cuaca/bencana, Jadwal Kereta, dsb

• Banyaknya user yang meng-akses

bersamaanContoh: Tabulasi/realcount KPU, Pengumuman CPNS/Penerimaan Karyawan, Pengumuman Kelulusan, dsb.

• Kurangnya bandwidth/channel (pertanyaannya: kapan disebut cukup?)

• Pemilihan/konfigurasi teknologi yang

kurang tepat/tidak optimal

Kecepatan Akses WebKenapa bisa lambat?

• Siapa saja yang berkepentingan untuk mengakses?Pisahkan user berdasarkan kepentingan: awam, pegawai internal, pengambil keputusan, (sekolah, guru, siswa, orangtua), dsb…

• Dimana mereka mengakses?Kantor, rumah, warnet?, (Sekolah?), di jalan (mobile phone)

• Mengunakan apa?PC Desktop, laptop, netbook, tablet, smartphone, hanphone, tv, dsb

• Kapan mereka mengakses?Jam kerja/transaksi, pada jam tertentu ? (misal: jam 12 utk tabulasi KPU), hari tertentu?

• Apa yang mereka akses?Informasi apa yang mereka cari, pisahkan berdasarkan fungsinya. Pisahkan mana yang static dan dynamic

• Siapa saja yang (tidak) diizinkan untuk mengakses?Publik, luar negeri, internal (intranet), kantor cabang (extranet), hanya user tertentu (certificate/CA)

Kecepatan Akses WebKenali audience/user

Server Pertama Google

Kecepatan Akses WebTeknologi Mahal vs Kecepatan Tinggi

• Pemisahan konten Static dan Dynamic

• Penambahan bandwith/redundant connection

• Load balancer (contoh: Nginx)

• Caching/Pooling/Clustering (contoh: MemCache)

• Gunakan layanan Cloud (Contoh: CloudFlare?)

• Gunakan Content Distribution Network (CDN)

• Pemilihan framework yang tepat

Dan lain-lain:• Penggunaan In-memory processing/No SQL

• Upgrade teknologi server, contoh: SSD, Virtualisasi

• Penggunaan pemrograman khusus (contoh: NodeJS, Go, dll)

Kecepatan Akses WebBeberapa teknik mempercepat akses web:

Kecepatan Akses WebPengujian (Stress Test)

SNASTIKOM 2012http://www.slideshare.net/DonyRiyanto/implementasi-mobile-frontend-final-edited

Contoh Kasus:Mobile Front End presence

• Lihat OWASP Top 10 https://www.owasp.org/index.php/Top_10_2013-Top_10

Contoh Kasus:Lack of securities (PemkoMedan.go.id)

• Melibatkan semua stakeholders secara

aktif, mulai dari level gubernur.

• Sudah mulai memiliki Mobile Frontend,

namun sayang tidak di monitor.

• Memiliki keselarasan warna/logo/konten

(Polda Sumbar)

• Server di maintain secara

internal, Telkom DIVRE I

sebagai NSP dan vendor.

Namun sayang kurang

maintenance (fire

and forget).

Contoh Kasus:Melibatkan semua Stakeholders (SumbarProv.go.id)

• Separation of Duty tidak jelas

• Lempar tanggungjawab

(kepala dinas sudah memberi

instruksi yang jelas, tapi pelaksana-

annya saling lempar)

• Lemah di kemampuan SDM

Contoh KasusDinas Pengelolaan SDA SUMUT

Contoh KasusWeb internal Realcount Pilpres/Pileg

• Di salah satu Crisis Center DPC partai di Medan

• Portal web intranet, menggunakan PHP & MySQL (aplikasi terkenal)

• 2-3 jam setelah surat suara masuk, server hang.

• Setelah di-observasi, disimpulkan:

– Struktur database tidak optimal

– Database server MySQL memiliki

keterbatasan

– Sebelum dijalankan, harus uji aplikasi

dengan data sebanyak mungkin.

Contoh Kasus:Online Recruitment TransTV

Terima Kasih