Online Presence for NGO

1. ONLINE PRESENCE
FOR NGO

3. KERANGKA KERJA UTILISASI TIK

5. INFRASTRUKTUR TIK
• Perangkat kerja personil: PC, Laptop, Printer, Smartphone, dll
• Local Server : Network Area Storage, PC Server, dll
• Jaringan lokal (LAN): Via kabel/Wireless (Wi-Fi)
• Jaringan Internet: Dedicated bandwidth/Shared bandwidth
• Cloud Server: Web Hosting/VPS/Cloud Server, Google Cloud, dll

6. UTILISASI TIK

7. GOOGLE WORKSPACE FOR NON PROFIT
• Email @namadomainlembaga dengan kuota 30 GB,
2000 email account
• Google Meet: Limit peserta: 100, durasi rapat/hari 24 jam
https://www.google.com/nonprofits/workspace/compare/

12. Langkah Taktis Transformasi Digital OMS
Visibility Credibility Agility
Eksis di Dunia Digital
Media:
Website, Medsos, Youtube, etc.
Keyword: Kekuatan Content
Profil yang komprehensif,
Share audit laporan,
Portfolio, etc
Blingual
Lincah!
Update informasi, keterhubungan,
Respon cepat, berjejaring!

13. ONLINE PRESENCE
Website
Organisasi
Email
Organisasi
Dengan Google
Workspace for
Nonprofits
Infrastruktur
Teknis Website
(nama domain,
hosting,CMS)
Data,
Informasi &
Pengetahuan
Organisasi
Content
Strategis
Organisasi
Social
Media
Infrastruktur
Jaringan Internet
& Perangkat
Pendukung
Google
Analytic
Enabling Factor

14. 1
2
3
4
5
5 CARA PANDANG YANG SALAH
TERHADAP WEBSITE ORGANISASI
Website Sebagai Brosur
Website tidak berpengaruh
terhadap citra organisasi
Website tidak perlu dikelola
Cukup punya FB/Twitter, Website
Organisasi tidak penting
Website tidak mendatangkan benefit
bagi organisasi

15. 1
2
3
4
4 KESALAHAN YANG SERING TERJADI DALAM
TATA KELOLA WEBSITE ORGANISASI
Pengelolaan web hanya diserahkan ke 1 orang
Kunci utama akses website yaitu domain,
hosting dan akses administrator (CMS) website
tidak berada di tangan organisasi
Staf organisasi tidak terlibat dalam proses
perancangan website
Pimpinan tidak terlibat dalam pengembangan
dan pengelolaan website organisasi

16. 1
2
3
3 KUNCI AWAL KEBERHASILAN WEBSITE
Pimpinan/Manajemen Organisasi terlibat dalam
perencanaan, pembangunan, pemantapan dan
pengembangan website
Pengembangan website mengikuti metodologi
standar dan disesuaikan dengan ketersediaan
content/materi
Content is the King! Sejatinya website adalah
ruang atau media penyajian data, informasi dan
pengetahuan organisasi, sehingga ketersediaan
content menjadi krusial dalam pengembangan
website

17. KERANGKA STRATEGI WEBSITE

18. Pembangunan Website
Spesifikasi Teknis
Domain Hosting Platform CMS Analytic Security
Pengumpulan & Pembuatan Content
Tulisan Gambar PDF Photo Video
Key Message & Key Visual
Pesan kunci yang ingin disampaikan Design (Warna, tata letak, font, background)
Arsitektur Informasi
Kebutuhan Internal Organisasi Kebutuhan Target Pengunjung
Target Pengunjung
TUJUAN STRATEGIS
METODOLOGI PERENCANAAN WEBSITE

19. CONTOH PERUMUSAN TUJUAN STRATEGIS & TARGET PENGUNJUNG
Tujuan Strategis Target Pengunjung Segmentasi Pengunjung
Mendapatkan Sumber
Pendanaan dari lembaga Donor
Donor Donor Amerika, Australia
Menyebarluaskan pengetahuan
tentang gerakan sosial
Mahasiswa Mahasiswa Fisip di wilayah Jawa
Memperkuat jaringan kemitraan
dengan LSM Lokal
LSM lokal yang
menangani isu
pemberdayaan
komunitas
Para pimpinan LSM lokal di
wilayah Sulawesi dan Kalimantan
Mendorong terjadinya
perubahan kebijakan untuk isu
pengentasan kemiskinan di
wilayan Sulawesi
Pemerintah &
Media
Pemerintah daerah di wilayah
sulawesi, media-media lokal di
wilayah sulawesi

20. DASAR PEMIKIRAN
1. Pendefinisan Kebutuhan Internal
Organisasi
Apa sajakah informasi yang ingin anda publikasikan
ke target sasaran ?
2. Pendefinisan Kebutuhan Target
Pengunjung
Apa sajakah informasi yang dibutuhkan oleh target
sasaran Anda terhadap organisasi Anda?
PERUMUSAN ARSITEKTUR INFORMASI

21. Tujuan Strategis: Mendapatkan Sumber Pendanaan dari lembaga Donor
Target Sasaran: Lembaga Donor dari Amerika & Australia
Kebutuhan Internal Organisasi
1. Menunjukkan ke donor bahwa organisasi memiliki pengalaman dan
kompetensi dalam menjalankan program penguatan ekonomi komunitas
masyarakat miskin
2. Menunjukkan ke donor hasil-hasil pencapaian kerja organisasi selama ini
3. Menunjukkan kekuatan jaringan dan kemitraan yang dimiliki organisasi
Kebutuhan Target Pengunjung
1. Donor membutuhkan profil organisasi dalam bahasa Inggris dan informai tersebut
bisa ditemukan ketika dicari melalui mesin pencarian seperti Google dan Bing.
2. Donor membutuhkan informasi mengenai legalitas, dan akuntabilitas organisasi
3. Donor membutuhkan informasi berapa dana yang pernah dikelola oleh organisasi
dari program-program yang pernah dijalankan sebelumnya.
PERUMUSAN ARSITEKTUR INFORMASI

22. LOGO DAN
TAGLINE
NAVIGASI
CONTENT
UNGGULAN
BANNER
IDENTITAS
CONTENT
VISUAL
BERANDA
PILIHAN
BAHASA
INFORMASI
KONTAK
PROFIL
ORGANISASI
PROGRAM KABAR/BERITA PUSTAKA GALERI
KAMAR
CONTENT
DINAMIS
CONTENT
STRATEGIS
Visi & Misi
Sejarah
Struktur Org.
Profil Staf
Pemberdayaan
Masyarakat
Penelitian
Foto
Video
Audio
Panduan
Buletin
Buku
Liputan Kegiatan
Kliping Media
Siaran Pers
Majalah
Laporan audit
Mitra
Agenda
PORTFOLIO
Program
berjalan
Program
yang lalu
Pengembangan
Ekonomi
PERUMUSAN ARSITEKTUR INFORMASI

23. Langkah Mendesain Tata Letak Halaman Utama
Website
Identifikasi Komponen
Halaman Utama
CONTENT
UNGGULAN
CONTENT
VISUAL
CONTENT
DINAMIS
CONTENT
STRATEGIS
LOGO DAN
TAGLINE
NAVIGASI
Visualisasi
IDENTITAS
PILIHAN
BAHASA
Wireframe
Mockup/
Layout Style Prototype
CONTENT
PENTING
PERUMUSAN ARSITEKTUR INFORMASI

24. Strategis
Unggulan
Penting
Dinamis

25. PERUMUSAN KEY MESSAGE & KEY VISUAL
Key Message Key Visual
1. Tagline/jargon organisasi:
…………………………………
2. Pesan-Pesan Penting untuk di
image slider halaman depan:
1. Logo
2. Nuansa Warna
Contoh: Biru dan Orange (sesuai
logo)
3. Foto-foto yang mewakili pesan
kunci
4. Garis Desain
Tegas atau Lentur/Lengkung
5. Konsep gambar:
black and white atau Ilustrasi
Kartun atau Foto

26. PEMBUATAN & PENGUMPULAN CONTENT
Daftar Content
yang belum ada
dan harus dibuat
Daftar Content
yang sudah ada
dan harus
dikumpulkan
Daftar Content
yang sudah ada
dan harus ditulis
ulang/dikoreksi
Daftar content
visual yang
dimiliki organisasi
1. ….
2. ….
3. ….
4. ….
5. ….
1. …
2. ….
3. ….
4. ….
5. ….
1. …
2. ….
3. ….
4. ….
5. ….
1. Logo
2. Poster
3. Company
Profile
4. Icon
5. Ilustrasi
6. dll

27. PEMBUATAN & PENGUMPULAN CONTENT
No MENU SUB MENU FORMAT DATA FREKWENSI
UPDATE
1 Tentang Kami Sejarah, Visi dan Misi Text, Photo Jarang/Statik
2 Struktur Organisasi Gambar bagan Jarang/Statik
3 Laporan Audit PDF Per tahun
4 Berita
Kegiatan
Text, Photo, Video Per minggu
5 Siaran Pers PDF 2 Bulan
sekali
6 Event Text, Gambar banner
event
1 bulan
sekali
7 Publikasi Buku PDF + Gambar Cover +
Text Abstraksi Buku
6 bulan
sekali
8 Bulletin PDF + Gambar Cover +
Text Abstraksi Buku
1 bulan
sekali
Contoh Pola Produksi Content

28. PERUMUSAN SPESIFIKASI TEKNIS
No Item Spesifikasi
1. Nama Domain www.namadomain.org
2. Hosting Server Sistem Operasi: Linux; Space: …. GB
Bandwidh Quota: … GB; RAM: ….. MB/GB
Hosting Panel: Cpanel/Plesk
Lokasi server: Indonesia/US
3 Platform CMS Wordpress (atau Joomla, atau Drupal, atau
Tailor Made CMS)
4 Security - Level: Medium
- Basic rules: strong password, limit login, etc.
- Integrasi dengan Google Webmaster Tools
5. Analytic Platform Google Analytic
6. Email Platform Cpanel/Google/Microsoft
6. User Interface Kompatibel dengan berbagai macam browser,
mobile friendly/responsive design
7. Additional Feature Forum, Membership, Product Catalog,
Visualisasi grafik, etc

29. PEMBANGUNAN WEBSITE
Rencana Kerja Durasi Lokasi
Bulan ke-1 Bulan ke-2 Bulan ke-3
1 2 3 4 1 2 3 4 1 2 3 4
Fasa Perancangan
FGD perancangan arsitektur content website +
Assessment Infrastruktur
2 hari On Site
Pengumpulan & Pembuatan content website 2 minggu Off Site
Fasa Pembangunan
Perancangan desain tampilan website mengacu
kepada arsitektur informasi website
1 minggu Off Site
Pembuatan website dan penyediaan fungsi yang
dibutuhkan
3 - 4 minggu Off Site
Setup Nama domain dan web hosting server 1 hari Off site
Pengolahan data dan entri data ke dalam website. 3 - 4 minggu Off Site
Presentasi Versi Beta 1 hari On Site
Finalisasi desain dan fungsional website baru 1 minggu Off Site
Presentasi website versi Final & Uji coba fungsi +
tampilan website.
2 hari Off Site
Fasa Finalisasi
Upload website baru ke server 1 hari Off Site
Uji Coba Kompatibilitas, Instalasi sistem keamanan
standar website + Integrasi website dengan Google
Analytic dan Google webmaster tools
1 hari Off Site
Launching website baru Off Site
Pelatihan bagi Pengelola Website 2 hari On Site
Contoh Timeline Pembangunan Website

30. Pengujian Website
Metode:
1. Pengujian User Interface
- Popular Browser
- Multi Gadget (Laptop, tablet, Smartphone)
2. Pengujian Fungsional
- Posting
- Modifikasi
- Search
- Export/Import
- Broken link checker
- Speed test
3. Pengujian Level Keamanan

31. WEB SECURITY
Teknis Website
Application Security
Server Security
Network Security
Teknis Non Website Non Teknis
Aturan Hak Akses
Pemegang Akses
Utama
Computer/Gadget
Security
LAN/Wi-Fi Security
Email Security
Data Storage
Security

32. Web Administrator
• Technical Maintenance
– Server Monitoring
• Space Capacity Monitoring
• Bandwidth Usage Monitoring
– Web Platform Maintenance (ex. Wordpress)
• Core Update
• Backup Source Code & Database
• Plugin/Module Update
• Theme Update
• Troubleshooting
• Add/Remove Feature
– Security Monitoring
• Content Maintenance
– Update content
– Update layout
• Traffic & Performance Monitoring
– Visitor Analysis

33. http://www.ict4ngo.com
Terima Kasih