Tahap Demi Tahap Tahap Demi Tahap Mengelola Mengelola Website Unit Kerja AndaWebsite Unit Kerja AndaDisampaikan pada :Pelatihan Manajemen Website Universitas Muhammadiyah MalangJanuari 2010

Oleh : Muhammad Nasar

Mengapa unit kerja perlu Mengapa unit kerja perlu mengelola website-nya? mengelola website-nya? Sebagai sarana publikasi mandiri level

unitMenjaring mahasiswa baru, dan mitra-

mitra kerja lainnyaMerupakan bentuk adaptasi UMM

terhadap perubahan / kemajuan jaman

UMM menuju World Class University (Webometric)

Apa yang perlu disiapkan?Apa yang perlu disiapkan?SDM Pengelola

◦Manajer website (yg menentukan isi web)◦Administrator (yg mengelola teknis

webnya)◦Operator (yg membantu Administrator)

Konten Statis◦Sejarah, Visi-misi, Renstra, Publikasi, dll

Konten Dinamis◦Berita◦Agenda◦Pengumuman

Sudah disiapkan belum?

Apa yang perlu diketahui?Apa yang perlu diketahui?Manajemen fileManajemen menuManajemen kontentSedikit ilmu banner/pengolahan

gambar

1. Manajemen File1. Manajemen FilePenamaan 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 …

DEMO

1. Manajemen File1. Manajemen FileProperti

2. Manajemen Menu2. Manajemen MenuAlamat website anda adalah

http://<unit-anda>.umm.ac.idAlamat untuk admin adalah

http://<unit-anda>.umm.ac.id/admin◦ Login : sudah dibagikan◦ Password : sudah diberitahu

Mulai Praktik

Mengganti PasswordMengganti PasswordKlik menu “home”Klik “Author”Pada pop-up, masukkan password lama,

password baru, password baru sekali lagiKlik “submit”

Menata Menu Statis dan Menata Menu Statis dan BannerBanner

Lokasi menu statis

Banner

Ikon edit menu

Ikon edit banner

Ikon menambah

menu

Meng-edit / meng-hapus Meng-edit / meng-hapus menumenu 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

Menambah menu baruMenambah menu baruKlik ikon tambah

menu

Mengubah banner Mengubah banner Klik ikon edit

banner

Standar ukuran banner : lihat buku panduan

3. Manajemen konten 3. Manajemen konten (menu statis)(menu statis)Editor yang digunakan

◦ Rich Text Editor (RTE) : mengelola konten statis dan berita

◦ Textpad Editor (TE) : mengelola agenda & pengumuman

Langkah Penggunaan (RTE)◦ Klik “Home”◦ Pilih menu yg akan diisi◦ Klik “entri baru”

Tentang Rich Text Editor Tentang Rich Text Editor (FCKeditor versi 2.6.4.1) (FCKeditor versi 2.6.4.1)

Mengupload gambarMengupload gambarKlik ikon “Insert/Edit Image” Klik Browse Server Jika perlu membuat direktori, klik

“CreateNewFolder”Klik “Browse”, pilih gambar yang akan di-

uploadKlik “Upload”

Menampilkan gambarMenampilkan gambar 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.

Mengupload flashMengupload flashKlik ikon “Insert/Edit Flash”Klik “Browse Server” Jika perlu membuat direktori, klik

“CreateNewFolder”Klik “Browse”, pilih flash pada disk local

yang akan di-uploadKlik “Upload”

Menampilkan flashMenampilkan flashKlik icon “Insert/Edit Flash” Klik “Browse Server” Pilih direktori dan pilih file flash yang akan

ditampilkanKlik “OK”Klik “submit” pada editorRefresh browser untuk melihat hasilnya.

Mengupload dokumen teks Mengupload dokumen teks (doc, pdf, ppt)(doc, pdf, ppt)Klik icon “Insert/Edit Link”Klik “Browse Server”Klik “CreateNewFolder” jika perlu membuat

direktoriKlik “Browse”, pilih dokumen pada disk lokal

yang akan diuploadKlk “Upload”

Membuat link downloadMembuat link downloadBlok text yang akan di-link Klik icon “Insert/Edit Link”Klik “Browse Server” Pilih file dokumen yang akan di-linkKlik “OK”, lalu klik “Submit” pada editorRefresh browser untuk melihat hasilnya

Meng-edit konten webMeng-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 menu yang akan di-edit

Klik edit

Mengisi beritaMengisi beritaBerita meliputi segala informasi layak publish yang terjadi setiap waktu Berita meliputi segala informasi layak publish yang terjadi setiap waktu pada tiap unit kerjapada tiap 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

Mengisi agendaMengisi agendaAgenda adalah jenis informasi kegiatan terencana yang perlu diketahui publik, Agenda adalah jenis informasi kegiatan terencana yang perlu diketahui publik, misalnya seminar, lokakarya, pelantikan pejabat, kunjungan tamu, dll.misalnya seminar, lokakarya, pelantikan pejabat, kunjungan tamu, 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.

Mengisi pengumumanMengisi pengumumanPengumuman adalah jenis informasi keputusan / pemberitahuan yang wajib Pengumuman adalah jenis informasi keputusan / pemberitahuan yang wajib disampaikan kepada publik, misalnya informasi beasiswa, jadwal ujian, disampaikan kepada publik, misalnya informasi beasiswa, jadwal ujian, perubahan peraturan, dsbperubahan peraturan, 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.

Google TranslateGoogle Translate

Forum Diskusi OnlineForum Diskusi Onlinehttp://forum.umm.ac.idPilih “Diskusi Web UMM”

BannerBannerTentang pembuatan banner

harap dipelajari sendiri

Selamat !!Selamat !!Anda sekarang seharusnya sudah

bisa mengelola web unit kerja Anda.