3. Manajemen Konten Website UMM 3.1. Masuk sebagai Admin Pengisian web dapat dilakukan dengan mengakses alamat http://unitanda.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. 9
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. 10
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 : 11
Icon paste from word Icon Insert/Edit Link Icon Insert/Edit Flash 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 diupload Klik Upload Icon Insert/Edit Image 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 12
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. 13
[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 muncul pada editor. Klik Submit pada editor Klik edit pada halaman induk (parent page) untuk membuat link ke halaman tambahan Link yang harus Anda 14
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. 15
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 16