9 3. manajemen konten website umm 3.1. masuk sebagai admin

9

Panduan Manajemen Website UMM

© Lembaga Infokom UMM, 2010

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.

http://unit-anda.umm.ac.id/admin

10



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 :

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.

Lokasi menu statis

Icon “tambah menu” Icon “edit menu”

Icon “edit banner”

11



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 :

12



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

Icon “paste from word”

Icon “Insert/Edit Link”

Icon “Insert/Edit Image”

Icon “Insert/Edit Flash”

13



• 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.

14



Link yang harus Anda

• 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

muncul pada editor. • Klik Submit pada editor • Klik “edit” pada halaman induk (parent

page) untuk membuat link ke halaman tambahan

[1] Klik menu halaman yang akan diedit

[2] Klik edit

15



• 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.

16



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

http://translate.google.co.id/

9 3. manajemen konten website umm 3.1. masuk sebagai admin

Documents