9 3. Manajemen Konten Website UMM 3.1. Masuk sebagai Admin

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 pop­up, 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 meng­edit atau 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 3.3.2. Langkah menambah menu baru :
· Klik icon “tambah menu”
· Isi form pada pop­up
· 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 menu­menu 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 peresmian­rusunawa­umm­12­desember­2009.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 pop­up editor seperti gambar berikut :
· Isi text area dalam bahasa Indonesia dan bahasa Inggris. Sebagaimana telah dijelaskan sebelumnya, disini Anda tidak diperkenankan melakukan copy­paste langsung dari MS­Word (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 di­upload
· 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 di­link
· Klik icon “Insert/Edit Link”
· Klik “Browse Server”
· Pilih direktori dan atau file dokumen yang akan di­link
· Klik “OK”
· Klik “Submit” pada editor
· Refresh browser untuk melihat hasilnya 1.4.2.7 Meng­edit content Kegiatan editing sangat diperlukan untuk mengganti / memperbaiki isi web. Untuk meng­edit sebuah halaman web, langkah yang diperlukan adalah :
· Klik menu halaman web yang akan di­edit
· Klik “edit”, akan muncul Editor yang siap diedit.
© Lembaga Infokom UMM, 2010
13 Panduan Manajemen Website UMM [1] Klik menu halaman yang akan di­edit [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 di­link seperti cara pada sub bab 1.4.1.6, paste­kan 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 kata­kata/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