Panduan Manajemen Website UMM
3. Manajemen Konten Website UMM 3.1. Masuk sebagai Admin Pengisian web dapat dilakukan dengan mengakses alamat http://unit anda.umm.ac.id/admin. Lalu masukkan username dan password yang telah diberikan oleh Lembaga Infokom. Perhatihan contoh modul admin web Infokom berikut :
3.2. Mengganti Password Admin Untuk keamanan, tugas pertama Admin adalah mengganti password lama yang telah dibuat Infokom dengan password baru. Password baru sebaiknya yang mudah diingat tapi sulit ditebak orang. Password boleh berupa angka, huruf, atau kombinasinya, dengan panjang minimal 6 karakter, maksimal 20 karakter. Yang boleh mengetahui password adalah Manajer dan Admin. Langkah mengganti password adalah : · Klik menu “home” · Pada popup, masukkan password lama, password baru, password baru sekali lagi · Klik “submit”
3.3. Menata Menu Statis dan Banner Isi menu statis meliputi sejarah, profil, visi dan misi, restra, dan sejenisnya. © Lembaga Infokom UMM, 2010
9
Panduan Manajemen Website UMM
Pada bagian ini Anda dapat melakukan penambahan menu, perubahan, mengalihkan menu (linking), mengurutkan, mempublikasi atau menyembunyikan menu, serta menata banner. Untuk memunculkan menu statis klik menu “home”. Di bawahnya terdapat icon untuk menambah dan mengedit/hapus menu, serta menata banner. Lihat keterangan tampilan pada gambar berikut :
Lokasi menu statis
Icon “tambah menu” Icon “edit menu” Icon “edit banner”
3.3.1. Langkah mengedit atau menghapus 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 3.3.2. Langkah menambah menu baru : · Klik icon “tambah menu” · Isi form pada popup · Klik submit · Untuk melihat hasil, refresh browser 3.3.3. Langkah mengubah banner : · Klik icon “edit banner” · Sesuaikan lokasi banner yang sudah diupload sebelumnya · Klik submit · Untuk melihat hasil, refresh browser *) pelajaran upload banner dibahas tersendiri di sub bab 1.4.1.3
3.4.
Mengelola Content Web Untuk mengisi menumenu web, Admin harus menggunakan modul Editor. Ada 2 jenis editor yang digunakan pada sistem website UMM, yaitu : 1. Rich Text Editor : digunakan untuk mengisi static content dan berita 2. Textpad Editor : digunakan untuk mengisi agenda dan pengumuman.
© Lembaga Infokom UMM, 2010
10
Panduan Manajemen Website UMM
Berbeda dengan Textpad Editor yang hanya bisa mengolah angka, huruf dan tanda baca biasa, pada Rich Text Editor Anda bisa mengkombinasi angka, huruf, gambar, bahkan flash video dan audio untuk isi web Anda. Saat buku panduan ini ditulis, modul Rich Text Editor yang digunakan adalah FCKeditor versi 2.6.4.1. Kedepan mungkin akan dilakukan upgrade bila diperlukan. 3.4.1. Manajemen File Standar yang ditetapkan Infokom dalam mengelola file apapun di web UMM adalah : · Penamaan file harus menggambarkan peristiwa isi file, dan ditulis tanpa spasi. Misalnya peresmianrusunawaumm12desember2009.doc bukan Peresmian rusunawa.doc · Properti file harus dilengkapi paling tidak Title dan Author. Title diisi peristiwa yang relevan dengan isi file, sedangkan Author diisi Universitas Muhammadiyah Malang. 3.4.2. Mengelola Content pada Menu Statis Untuk memudahkan memahami praktik, contoh berikut kita fokuskan bagaimana mengisi menu statis. Secara singkat, langkah mengisi menu statis adalah sebagai berikut : · Klik “home”, lalu pilih menu yang masih kosong yang akan diisi · Klik “entri baru” pada halaman tengah, akan muncul popup editor seperti gambar berikut :
· Isi text area dalam bahasa Indonesia dan bahasa Inggris. Sebagaimana telah dijelaskan sebelumnya, disini Anda tidak diperkenankan melakukan copypaste langsung dari MSWord (file .doc, .docx) kecuali telah dikonversi ke format .rtf itupun melalui icon “paste from word”. Namun lebih disarankan Anda mengetik langsung pada Editor ini. · Klik Submit. · Refresh browser untuk melihat hasil. Sekarang, bagaimana jika perlu menyertakan gambar, flash, atau file download lainnya? Mari perhatikan lebih jauh beberpa icon penting Rich Text Editor pada gambar berikut : © Lembaga Infokom UMM, 2010
11
Panduan Manajemen Website UMM
Icon “paste from word” Icon “Insert/Edit Link”
Icon “Insert/Edit Flash”
Icon “Insert/Edit Image”
3.4.2.1. Langkah mengupload gambar · Klik icon “Insert/Edit Image” · Klik Browse Server · Jika perlu membuat direktori, klik “CreateNewFolder” · Klik “Browse”, pilih gambar yang akan di upload · Klik “Upload”
3.4.2.2. Langkah menampilkan gambar · Klik icon “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. *) Cara ini berlaku bila Anda perlu memasukkan gambar diantara tulisan (text) pada halaman web
3.4.2.3. Langkah mengupload flash (file swf) · Klik icon “Insert/Edit Flash” · Klik “Browse Server” · Jika perlu membuat direktori, klik “CreateNewFolder” · Klik “Browse”, pilih flash pada disk local yang akan diupload · Klik “Upload” 3.4.2.4. Langkah 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 © Lembaga Infokom UMM, 2010
12
Panduan Manajemen Website UMM
· Refresh browser untuk melihat hasilnya. *) Cara ini berlaku bila Anda perlu memasukkan flash diantara tulisan (text) pada halaman web
3.4.2.5. Langkah mengupload dokumen teks (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”
3.4.2.6. Langkah membuat link download file dokumen pada halaman text · Blok text yang akan dilink · Klik icon “Insert/Edit Link” · Klik “Browse Server” · Pilih direktori dan atau file dokumen yang akan dilink · Klik “OK”
· Klik “Submit” pada editor · Refresh browser untuk melihat hasilnya 1.4.2.7 Mengedit content Kegiatan editing sangat diperlukan untuk mengganti / memperbaiki isi web. Untuk mengedit sebuah halaman web, langkah yang diperlukan adalah : · Klik menu halaman web yang akan diedit · Klik “edit”, akan muncul Editor yang siap diedit.
© Lembaga Infokom UMM, 2010
13
Panduan Manajemen Website UMM
[1] Klik menu halaman yang akan diedit
[2] Klik edit
· Lakukan editing seperlunya · Klik “submit” · Refresh browser untuk melihat hasilnya
1.4.2.8 Membuat Link Halaman Tambahan Link halaman tambahan diperlukan jika dalam satu menu memiliki lebih dari 1 isi halaman. Langkah membuatnya adalah sebagai berikut : · Klik menu halaman yang akan ditambah · Klik “menu tambahan” pada halaman · Lakukan pengisian content pada editor · Copy link halaman tambahan yang Link yang muncul pada editor. harus Anda · Klik Submit pada editor · Klik “edit” pada halaman induk (parent page) untuk membuat link ke halaman tambahan
© Lembaga Infokom UMM, 2010
14
Panduan Manajemen Website UMM
· Lakukan editing: blok text/objek yang akan dilink seperti cara pada sub bab 1.4.1.6, pastekan link yang telah Anda copy sebelumnya, pada bagian URL. · Klik Submit, dan refresh browser Anda untuk melihat hasilnya. Catatan penting : Dilarang membuat halaman tambahan pada halaman tambahan lainnya karena membuat link kurang terkontrol. Buatlah halaman tambahan pada halaman induk (parent page) saja Pembuatan halaman tambahan yang terlalu banyak tidak direkomendasikan. Jika banyak, lebih baik menambah menu baru.
1.4.3 Mengelola Content Berita Berita meliputi segala informasi layak publish yang terjadi setiap waktu pada tiap unit kerja. Ada dua kategori dalam pengelolaan berita, yaitu berita biasa (tanpa banner), dan berita utama (memerlukan banner). Bila unit tidak memasukkan berita utamanya, maka yang tampil adalah berita utama Universitas yang dikelola HUMAS UMM. Langkah memasukkan berita adalah sebagai berikut : · Klik menu “Berita” · Klik “entri baru” · Lakukan pengisian judul dan isi berita · Jika ini adalah berita utama, siapkan banner, upload sebagaimana telah dijelaskan dalam sub bab 1.4.2.3 dan 1.4.2.4. · Setiap berita sebaiknya disipkan foto peristiwa berita pada pojok kiri atas. Cara upload gambar telah dijelaskan pada sub bab 1.4.2.1 dan 1.4.2.2. · Klik “submit” dan refresh browser untuk melihat hasilnya. 1.4.4 Mengelola Content Agenda Agenda adalah jenis informasi kegiatan terencana yang perlu diketahui publik, misalnya seminar, lokakarya, pelantikan pejabat, kunjungan tamu, dll. Menu agenda dirancang untuk merekam kegiatan mingguan hingga bulanan. Langkah mengisi menu agenda adalah sebagai berikut : · 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.
© Lembaga Infokom UMM, 2010
15
Panduan Manajemen Website UMM
1.4.5 Mengelola Content Pengumuman Pengumuman adalah jenis informasi keputusan / pemberitahuan yang wajib disampaikan kepada publik, misalnya informasi beasiswa, jadwal ujian, perubahan peraturan, dsb. Langkah mengisi menu pengumuman adalah sebagai berikut : · 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. 3.5.Google Translate Google Translate merupakan tool alternatif penterjemah tercepat yang bisa dimanfaatkan tim pengelola web untuk menterjemahkan katakata/kalimat tertentu. Sekalipun hasilnya kadang masih perlu dibenahi lagi. Langkah memanfaatkan Google Translate yaitu : · Buka browser baru dan arahkan ke alamat http://translate.google.co.id · Jika input berbahasa Indonesia, pilih “translate to English”, dan sebaliknya. · Masukkan kata/kalimat yang akan diterjemahkan. Jika browser Anda didukung java, maka browser akan mengeksekusi otomatis dan langsung menampilkan terjemahanya · Anda juga dapat berpartisipasi menyempurnakan terjemahan yang lebih baik
© Lembaga Infokom UMM, 2010
16