1

Panduan Pengelolaan Website

Website Management Guidelines

FAKULTAS EKONOMI UNISSULA

Versi 1.0 November © Biro Sistem Informasi Unissula 2010.

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

Tabel pada Article ................................................. 13

Galeri Foto ................................................. 14

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 non-teknis yang ada di lapangan.

Semarang, November 2010

Web Management BSI Unissula

demi kemudahan anda dalam mengelola website, perhatikan selalu peringatan-peringatan semacam ini.

2

Struktur Posisi Modul (overview)

Modul merupakan komponen website yang memiliki fungsi-fungsi spesifik.

z

Top

search

User1 User2 User3 User4 User5

right left

User6 User7 User8 User9 User10

footnav

footer

breadcrumb

content

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

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 : http://www.unissula.ac.id/fe

Akses Backend : http://www.unissula.ac.id/fe/administrator

4

Frontpage Content Article (how to)

Untuk mengisi berita di halaman depan (Frontpage) yaitu :

1. Login di backend administrator melalui http://www.unissula.ac.id/fe/administrator

2. Isikan username dan password, lalu klik login 3. Pada halaman administrator pilih add new article

Tampilan editor content article

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

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!

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)

Gunakan format justify (rata kiri-kanan) untuk semua paragraf

7. Pada Parameter (Advanced) di sebelah kanan Title Linkable Pilih Yes

Intro text

Main text Pembatas Read more

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

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

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

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

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

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

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

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

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.