Panduan Pengelolaan Website Website Management Guidelines

Transkripsi

1 1 Panduan Pengelolaan Website Website Management Guidelines FAKULTAS EKONOMI UNISSULA Versi 1.0 November Biro Sistem Informasi Unissula 2010.

2 2 Daftar isi Table of content Pendahuluan... 1 Overview Struktur Posisi Modul... 2 Frontend & Backend... 3 How to Frontpage Content Article... 4 Gambar pada Article... 8 Indent Text Article Tabel pada Article Galeri Foto... 14

3 1 Pendahuluan Buku Panduan Pengelolaan Website ini berisi tentang petunjuk ringkas pengelolaan situs Fakultas Ekonomi Unissula dan segala hal yang berkaitan dengan detail teknisnya. Buku panduan ini akan diperbaharui dalam beberapa versi untuk menjamin validitas serta kesesuaian antara spesifikasi teknis dan nonteknis yang ada di lapangan. demi kemudahan anda dalam mengelola website, perhatikan selalu peringatan-peringatan semacam ini. Semarang, November 2010 Web Management BSI Unissula

4 2 Struktur Posisi Modul (overview) search Top User1 User2 User3 User4 User5 left breadcrumb content right User6 User7 User8 User9 User10 footnav footer Modul merupakan komponen website yang memiliki fungsi-fungsi spesifik. z untuk menambah modul ataupun merubah letak modul dalam website fakultas, hendaknya admin fakultas maupun publisher fakultas berkonsultasi dengan bagian Public Relation (PR) Unissula maupun Biro Sistem Informasi (BSI) Unissula

5 3 Frontend & Backend (overview) Website secara keseluruhan terdiri dari dua sisi, yaitu sisi Frontend dan sisi Backend. Sisi Frontend merupakan wajah website yang secara umum diakses oleh pengunjung, sedangkan sisi Backend merupakan tempat administrator mengatur segala hal yang berhubungan dengan apa yang akan ditampilkan di sisi Frontend. Akses Frontend : Akses Backend :

6 4 Frontpage Content Article (how to) Untuk mengisi berita di halaman depan (Frontpage) yaitu : 1. Login di backend administrator melalui 2. Isikan username dan password, lalu klik login 3. Pada halaman administrator pilih add new article Tampilan editor content article

7 5 4. isikan judul article pada Title isikan judul article pada Alias pilih section Berita FE pilih published Yes pilih Frontpage Yes pilih category Berita Utama FE 5. Isikan berita / article dalam editor content article. judul berita / article tidak boleh melebihi 6 kata atau 70 karakter (termasuk spasi) tulisan berita / article dapat di copy-paste dari data yang telah ada dari file dengan format seperti.doc,.docx,.rtf,.xls,.odt,.txt

8 6 6. Bagi dua tulisan yang akan diisi ke editor, bagian pertama isikan sebagai Intro text tidak lebih dari 1 paragraf atau ±80 kata atau ±550 karakter (termasuk spasi) Untuk memberi batasan dengan main text, klik readmore di bagian bawah editor suatu artikel / berita membutuhkan intro text apabila jumlah kata melebihi 80 kata, atau lebih dari 550 karakter (termasuk spasi), apabila kurang daripada itu maka tidak membutuhkan intro text, dan bisa langsung ke langkah memasukkan main text!

9 7 bagian kedua isikan sebagai main text, namun dengan tetap mengikutsertakan intro text di dalam main text Apabila tidak menggunakan intro text, main text tidak lebih dari 1 paragraf atau ±80 kata atau ±550 karakter (termasuk spasi) Apabila menggunakan intro text, main text tidak disarankan disusun lebih dari tiga paragraf berturut-turut atau ±250 kata atau ±1500 karakter (termasuk spasi) Intro text Main text Pembatas Read more Gunakan format justify (rata kiri-kanan) untuk semua paragraf 7. Pada Parameter (Advanced) di sebelah kanan Title Linkable Pilih Yes

10 8 8. Setelah selesai, klik apply atau save pada bagian atas Gambar Pada Article (how to) Untuk menambahkan gambar pada article / berita yaitu : 1. Edit article / berita yang ingin diberi gambar 2. Klik image pada bagian bawah editor

11 9 3. Pada bagian bawah image window yang muncul, klik Browse, pilih gambar yang akan dimasukkan, lalu pilih Start upload 4. Masih di image window, pilih gambar yang berhasil di upload, Tuliskan Image Description dengan judul article atau judul gambar, Tuliskan Image Title dengan judul article atau judul gambar, Setelah selesai klik insert 5. Letakkan gambar di pojok kiri atas baik intro text maupun main text 6. Klik gambar dalam editor, lalu klik insert/ edit image pada tool editor content article

12 10 7. Setelah muncul insert/edit image window, pilih tab Appearance pada Alignment pilih left,setelah itu klik update 8. Setelah selesai, save atau apply article / berita yang diedit

13 11 Gambar pada main text demi konsistensi penyajian article/berita, gambar pada intro text maksimal berukuran 140 x 140 pixel dengan resolusi 100 pixel/inch, serta setting left alignment untuk gambar pada main text, apabila menggunakan left alignment maksimal berukuran width x height = 300 x 200 pixel dengan resolusi 100 pixel/inch untuk gambar pada main text, apabila menggunakan center alignment maksimal berukuran width x height = 420 x 280 pixel dengan resolusi 100 pixel/inch

14 12 Indent Text Article (how to) Untuk membuat indentasi pada awal paragraf yaitu : 1. Edit article / berita yang ingin diberi indentasi pada paragrafnya 2. Arahkan kursor mouse pada awal paragraf 3. Klik Edit CSS Style, setelah muncul edit CSS style window, pilih tab Block, lalu isikan text indent dengan 1 centimetres 4. Setelah selesai klik update/ apply

15 13 Tabel pada Article (how to) Untuk memasukkan tabel pada article yaitu : 1. Edit article / berita yang ingin ditambahkan informasi tabel 2. Copy-paste tabel yang telah dibuat dari ms.word ke article editor 3. Block seluruh tabel dengan cursor mouse, lalu pada Format tool editor pilih Heading 6 Penting untuk memformat tulisan pada tabel dengan Heading 6, karena format tersebut telah di preset untuk keperluan tabel! 4. Untuk menentukan lebar tabel, block seluruh tabel, klik inserts a new table pada tool editor, setelah muncul insert a new table window, isikan Width dengan 545, setelah selesai klik update

16 14 Demi konsistensi content article, maksimal lebar tabel yang diperkenankan adalah 700 pixel 5. Setelah selesai save / apply articlenya Galeri Foto (how to) Untuk mengupload foto dalam galeri foto yaitu : 1. Pilih Component Phoca Gallery Images 2. Pada menu images, klik new 3. Isikan Name dengan nama atau judul gambar Isikan Alias dengan nama atau judul gambar Pilih published Yes

17 15 Pilih Authorized Yes Pilih Category untuk mengelompokkan gambar Klik Image untuk memunculkan image window 4. Setelah image window muncul, klik pada folder yang telah ada untuk mengelompokkan foto ke category, atau create folder untuk membuat folder category yang baru, setelah itu Browse Start upload, setelah proses upload selesai, pilih dengan cara klik pada foto

18 16 5. Parameter yang lain dapat diabaikan, setelah itu Save / apply Galeri foto dapat diakses di left menu pada Frontend website, pada gambar di bawah terlihat category yang berisi foto-foto. demi kemudahan proses upload dan konsistensi foto-foto dalam galeri, hindari penggunaan foto dengan ukuran file lebih dari 1Mb.