Tahap Demi Tahap Mengelola Website Unit Kerja Anda

1. TahapDemiTahapMengelolaWebsite Unit KerjaAnda Disampaikanpada : PelatihanManajemen Website UniversitasMuhammadiyah Malang Januari 2011 Oleh : Muhammad Nasar

2. Mengapa unit kerjaperlumengelola website-nya? • Sebagai sarana publikasi mandiri level unit • Menjaring mahasiswa baru, dan mitra-mitra kerja lainnya • Merupakan bentuk adaptasi UMM terhadap perubahan / kemajuan jaman • UMM menuju World Class University (Webometric)

3. Apa yang perludisiapkan? • SDM Pengelola • Manajer website (ygmenentukanisi web) • Administrator (ygmengelolatekniswebnya) • Operator (ygmembantu Administrator) • KontenStatis (minimal) • Home : welcome message • Profile : deskripsisingkatttg unit • Sejarah: deskripsilengkapttg unit • Visi-misi • KontenDinamis • Berita (update harian) • Agenda (kalauadakegiatan, biasanyamingguan) • Pengumuman (memanfaatkansebagai database arsippengumuan) Sudahdisiapkanbelum?

4. Apa yang perludiketahui? • Manajemen file • Manajemen menu • Manajemen kontent • Sedikit ilmu banner/pengolahan gambar

5. 1. Manajemen File DEMO • Penamaan file • Peresmian-rusunawa-umm-12-desember-2009.doc • Peresmian.doc × (tidak disarankan) • Ukuran file • Banner /gambar: < 60Kb • DOC, PPT, PDF, dll : < 2Mb • Prinsipnya makin kecil makin baik • Properti …

6. 1. Manajemen File • Properti

7. MulaiPraktik 2. Manajemen Menu • Alamat website anda adalah http://<unit-anda>.umm.ac.id • Alamat untuk admin adalah http://<unit-anda>.umm.ac.id/admin • Login : sudah dibagikan • Password : sudah diberitahu

8. Mengganti Password • Klik menu “home” • Klik “Author” • Pada pop-up, masukkan password lama, password baru, password baru sekali lagi • Klik “submit”

9. Menata Menu Statisdan Banner IkonGanti Password Banner Button Preview Lokasi menu statis Ikon edit menu IkonRefresh Browser Ikonmenambah menu Ikon edit banner

10. Meng-edit / meng-hapus menu • Klik/pilih menu yang akan diedit • Klik icon “edit menu” • Ubah isi form dan parameter lainnya sesuai keperluan • Klik submit • Untuk melihat hasil, refresh browser

11. Menambah menu baru Klikikontambah menu

12. Mengubah banner Klikikon edit banner Standarukuran banner : lihatbukupanduan

13. 3. Manajemenkonten(menu statis) • Editor yang digunakan • Rich Text Editor (RTE) : mengelolakonten statis dan berita • Textpad Editor (TE) : mengelolaagenda & pengumuman • Langkah Penggunaan (RTE) • Klik “Home” • Pilih menu yg akan diisi • Klik “entri baru”

14. Tentang Rich Text Editor (FCKeditorversi 2.6.4.1) Icon Insert/Edit Flash Icon Paste From Word Icon Memperbesar Content Editor Icon Save Content Icon Insert/Edit Link (File) Icon Margin Text Icon Insert/Edit Image Icon Preview Content

15. Menambah Sub Folder Baru • Klik ikon “Insert/Edit Image” atau “Insert / Edit Link” • Klik Browse Server kemudian akan muncul dialog seperti pada gambar • Klik Kanan Pada Ikon Folder, klik “New Subfolder” • Kemudian Berikan Nama Sub Folder.

16. Menguploadgambar • Klik ikon “Insert/Edit Image” • Klik Browse Server • Jika perlu membuat direktori, klik “CreateNewFolder” • Klik “Browse”, pilih gambar yang akan di-upload • Klik “Upload”

17. Menampilkangambar • Klik ikon “Insert/Edit Image” • Klik Browse Server • Pilih direktori atau file gambar yang akan ditampilkan • Isi “Alternafive Text” dengan keterangan gambar yang paling sesuai • Klik OK • Klik submit pada editor • Refresh browser untuk melihat hasilnya.

18. Mengupload flash • Klik ikon “Insert/Edit Flash” • Klik “Browse Server” • Jika perlu membuat direktori, klik “CreateNewFolder” • Klik “Browse”, pilih flash pada disk local yang akan di-upload • Klik “Upload”

19. Menampilkan flash • Klik icon “Insert/Edit Flash” • Klik “Browse Server” • Pilih direktori dan pilih file flash yang akan ditampilkan • Klik “OK” • Klik “submit” pada editor • Refresh browser untuk melihat hasilnya.

20. Menguploaddokumenteks (doc, pdf, ppt) • Klik icon “Insert/Edit Link” • Klik “Browse Server” • Klik “CreateNewFolder” jika perlu membuat direktori • Klik “Browse”, pilih dokumen pada disk lokal yang akan diupload • Klk “Upload”

21. Membuat link download • Blok text yang akan di-link • Klik icon “Insert/Edit Link” • Klik “Browse Server” • Pilih file dokumen yang akan di-link • Klik “OK”, lalu klik “Submit” pada editor • Refresh browser untuk melihat hasilnya

22. Meng-edit konten web • Klik menu halaman web yang akan di-edit • Klik “edit”, akan muncul Editor yang siap diedit • Lakukan editing seperlunya • Klik “submit” • Refresh browser untuk melihat hasilnya Klik edit Klik menu yang akandi-edit

23. MengisiberitaBeritameliputisegalainformasilayak publish yang terjadisetiapwaktupadatiap unit kerja • Klik menu “Berita” • Klik “entri baru” • Lakukan pengisian judul dan isi berita • Untuk berita utama, siapkan banner, upload sebagaimana dijelaskan pada buku panduan bab 1.4.2.3 dan 1.4.2.4. • Setiap berita sebaiknya disipkan foto peristiwa berita pada pojok kiri atas. Cara upload gambar dijelaskan bab 1.4.2.1 dan 1.4.2.2. • Klik “submit” dan refresh browser untuk melihat hasilnya

24. Mengisi agendaAgenda adalahjenisinformasikegiatanterencana yang perludiketahuipublik, misalnya seminar, lokakarya, pelantikanpejabat, kunjungantamu, dll. • Klik menu “Agenda” pada header menu • Klik “entri baru” pada halaman agenda • Lakukan pengisian form agenda selengkap mungkin • Klik “submit”, dan refresh browser untuk melihat hasilnya.

25. MengisipengumumanPengumumanadalahjenisinformasikeputusan / pemberitahuan yang wajibdisampaikankepadapublik, misalnyainformasibeasiswa, jadwalujian, perubahanperaturan, dsb • Klik menu “Pengumuman” pada header menu • Klik “entri baru” pada halaman pengumuman • Lakukan pengisian form pengumuman selengkap mungkin • Klik “submit”, dan refresh browser untuk melihat hasilnya.

26. Google Translate

27. Forum Diskusi Online • http://forum.umm.ac.id • Pilih “Diskusi Web UMM”

28. Banner • Tentang pembuatan banner harap dipelajari sendiri

29. Selamat !! • Anda sekarang seharusnya sudah bisa mengelola web unit kerja Anda.