User Manual. Website i-come.petra.ac.id

User Manual Website i-come.petra.ac.id

1|P a g e

Contents Pembuka ............................................................................................................................................2 Kumpulan Username dan Password .....................................................................................................2 

Email [email protected] ........................................................................................................2

Login admin website i-come.petra.ac.id ...............................................................................................2 Media ................................................................................................................................................3 Pages .................................................................................................................................................5 Comments..........................................................................................................................................7 Maps Marker......................................................................................................................................8 Appearance ...................................................................................................................................... 10 Site identity .................................................................................................................................. 11 Colors .......................................................................................................................................... 11 Fonts............................................................................................................................................ 11 Header ......................................................................................................................................... 12 Slider ........................................................................................................................................... 12 Background image ........................................................................................................................ 13 Static front page............................................................................................................................ 13 Plugins............................................................................................................................................. 15 Users ............................................................................................................................................... 16 Visual form builder........................................................................................................................... 17 Meta Slider ...................................................................................................................................... 18 SEO................................................................................................................................................. 19

2|P a g e

Pembuka Website i-CoME memakai fitur wordpress sebagai framework utama yang dipasang pada domain i-come.petra.ac.id. Karena memakai wordpress sebagai framework maka tampilan dan fitur dapat dikendalikan melalui halaman admin yang telah disediakan oleh framework wordpress tersebut. Untuk website seminar yang menampilkan informasi statis atau informasi yang tidak berubah, maka di wordpress hanya menggunakan fitur page yang sifatnya statis dan bukan post yang sifatnya selalu diperbaharui. Untuk mengaktifkan wordpress dibutuhkan sebuah email yang akan digunakan sebagai email administrator, dan untuk website ini menggunakan email [email protected].

Kumpulan Username dan Password Berikut merupakan kumpulan username dan password untuk pemakaian standar website icome.petra.ac.id :   

Email [email protected] o Username : [email protected] o Password : ComeUKP88 Email [email protected] o Username : [email protected] o Password : UKpetra88 Admin wordpress i-come.petra.ac.id o Username : adminicome o Password : 1-comeukp00#

Login admin website i-come.petra.ac.id Untuk login sebagai admin untuk website i-come.petra.ac.id silahkan lakukan prosedur sebagai berikut: Buka link website i-come.petra.ac.id/wp-admin, sehingga muncul tampilan seperti gambar 1

3|P a g e

Gambar 1 Masukkan username dan password admin

Gambar 2 Setelah login anda akan dibawa ke halaman dashboard website seperti pada gambar 3

Gambar 3

Media Media merupakan menu yang mendaftar dan mengupload gambar , file, atau video yang akan dipakai di dalam website i-come.petra.ac.id. Untuk melihat daftar file yang ada dan dapat dipakai di dalam website maka silahkan pilih menu “Library” di bagian submenu “Media” atau klik menu “Media”, maka akan muncul daftar file seperti pada gambar 4.

4|P a g e

Gambar 4 Untuk menghapus atau melihat detail dari file silahkan pilh salah satu file yang ingin dihapus atau dilihat detailnya, maka akan muncul jendela seperti pada gambar 5.

Gambar 5 Untuk mengupload file silahkan pilih menu “Add New” pada submenu “Media” atau di bagian atas tampilan menu “Library”.

5|P a g e

Gambar 6

Setelah itu pilih “Select Files” atau drop file yang ingin diupload ke kotak sesuai pada gambar 7.

Gambar 7

Pages Pages merupakan kumpulan halaman statis yang berisi informasi-informasi yang ingin ditampilkan di dalam website. Untuk melihat daftar halaman yang pernah dibuat baik draft maupun yang aktif dan dihapus dilahkan pilih menu “Pages”.

Gambar 8

6|P a g e

Untuk membuat sebuah halaman baru silahkan pilih menu “Add New” di bagian sub menu “Pages” atau di bagian atas tampilan menu “Pages”, maka akan muncul tampilan seperti pada gambar 9.

Gambar 9 Untuk mengedit halaman ada 2 jenis edit,yaitu “Quick Edit” dan “Edit” biasa. Untuk menggunakannya silahkan pilih salah satu halaman dan pilih jenis edit yang diinginkan.

Gambar 10 Jika “Quick Edit” dipilih maka hanya terbatas beberapa hal yang dapat diubah seperti judul dan urutan.

7|P a g e

Gambar 11 Jika “Edit” dipilih maka sama seperti “Add New”, semua isi dari halaman tersebut beserta dengan beberapa inputan yang berhubungan dengan plugin juga dapat diubah.

Gambar 12

Comments Menu “Comments” merupakan fasilitas dimana website menampung komentar yang ditulis pengunjung yang kemudian akan diperiksa oleh administrator atau editor website apakah komentar yang ditulis dapat diterima dan dimunculkan di website.

8|P a g e

Gambar 13

Maps Marker Maps Marker merupakan fasilitas untuk menampilkan marker pilihan hotel yang dapat dipilih pada peta yang berada di menu “Venue Information”. Untuk menambah sebuah marker pilih menu “Add new marker”, sedangkan untuk mengubah marker yang telah dibuat maka silahkan pilih salah satu marker dari beberapa marker yang telah dibuat dari daftar.

Gambar 14

9|P a g e

Gambar 15 Jika memilih menu “Add new marker” atau mengubah salah satu marker maka akan muncul tampilan seperti pada gambar 16 dimana yang dapat diubah adalah nama marker, lokasi, icon marker, dan keterangan dari marker tersebut.

Gambar 16 Untuk menggabungkan beberapa marker maka terdapat fasilitas layer pada menu Maps marker. Untuk mengaksesnya silahkan pilih menu “List all layers” dan akan muncul tampilan seperti pada gambar 17. Setelah itu apabila ingin membuat layer baru maka pilih tombol “Add new layer” dan masukkan nama layer serta jangan lupa centang “Display all markers”. Untuk memasangkan layer di page maka salin saja “shortcode and API links” layer di bagian atas tampilan detail layer dan pasang di page yang telah dibuat.

10 | P a g e

Gambar 17

Appearance Menu “Appearance” mengatur tampilan dari website dimana menu yang penting adalah themes, customize, widgets, dan menus. Themes merupakan menu dimana paket bentuk tampilan dapat dipilih, sehingga ketika memilih suatu theme maka seluruh tampilan website, dari pages hingga header dan footer akan disesuaikan dengan tampilan theme yang dipilih.

Gambar 18 Di menu “customize” ada beberapa tampilan theme yang dapat diatur tergantung dari kemampuan theme tersebut. Untuk theme “panoramic” yang saat ini dipakai untuk website memiliki beberapa fitur tampilan yang dapat dirubah diantaranya:

11 | P a g e

Site identity “Site identity” merupakan menu untuk mengatur judul website, keterangan singkat, dan logo icon dari website.

Gambar 19 Colors “Colors” adalah menu untuk mengatur warna tampilan website.

Gambar 20 Fonts “Fonts” adalah menu untuk mengatur segala sesuatu yang berhubungan dengan jenis tulisan, mulai dari warna sampai format huruf.

12 | P a g e

Gambar 21 Header “Header” merupakan menu untuk mengatur bagian atas dari website. Tetapi karena header dirubah secara custom di kode program, maka menu ini tidak akan berdampak pada tampilan yang ada.

Gambar 22 Slider “Slider” merupakan menu untuk mengatur plugin dan shortcode yang digunakan untuk menampilkan gambar berjalan pada halaman “Home”.

13 | P a g e

Gambar 23 Background image “Background image” merupakan menu untuk mengatur tampilan gambar tampak belakang dari page, dalam website ini digunakan gambar wanita bali.

Gambar 24 Static front page “Static front page” merupakan menu untuk mengatur apakah halaman home ingin diatur sebagai halaman yang tidak berubah, atau halaman home ingin diisi oleh post yang dimana ada post baru maka tampilan akan berubah menunjukkan post tersebut.

14 | P a g e

Gambar 25 Widget pada menu “Appearance” merupakan fitur dimana di sebalah kanan, kiri, atau bawah halaman ingin diberikan suatu tampilan atau fitur. Sebagai contoh dalam website ini menggunakan dua widget di bagian kanan halaman untuk menampilkan peta Discovery Kartika Plaza Bali dan bendera jumlah pengunjung website.

Gambar 26 “Menus” merupakan menu untuk mengatur tampilan baik urutan maupun level link menu yang ditampilkan di halaman website. Menu yang diatur dapat dihubungkan dari beberapa link, antara lain “Pages” jika ketika di klik akan menuju ke suatu halaman yang telah dibuat, “Post” untuk diarahkan ke suatu post yang pernah dibuat, “Custom link” untuk dihubungkan ke suatu halaman website luar ataupun yang ada di website bersangkutan, dan “Categories” jika ingin dihubungkan dengan suatu kategori post yang pernah dibuat.

15 | P a g e

Gambar 27

Plugins “Plugins” merupakan kemampuan wordpress untuk menambah beberapa fitur yang terdaftar pada wordpress atau mungkin pernah dibuat oleh beberapa perusahaan atau programmer. Beberapa fitur yang dapat digunakan contohnya adalah membuat form, tampilan gambar bergerak, maps marker, dan lain-lain. Untuk menggunakan suatu plugin maka plugin tersebut sebelumnya harus diaktifkan dengan menklik tombol activate.

Gambar 28 Untuk mencari dan menambah plugin dapat dilakukan dengan memilih tombol “Add new plugin”

16 | P a g e

Gambar 29

Users “Users” merupakan menu untuk menambah pnegguna yang dapat login dan dapat mengubah halaman tergantung dari “Role” yang diberikan oleh administrator.

Gambar 30 Untuk menambah user baru maka silahkan pilih tombol “New User” dan isikan username, email, nama, dan password serta role yang mau diberikan.

17 | P a g e

Gambar 31

Visual form builder “Visual form builder” merupakan plugin dengan fitur untuk membuat form. Untuk membuat form baru silahkan pilih “Add new form” dimana nanti akan muncul tampilan untuk mengatur inputan yang dibutuhkan.

Gambar 32

18 | P a g e

Gambar 33

Meta Slider “Meta Slider” merupakan plugin untuk mengatur dan membuat gambar berjalan. Untuk membuat sebuah kumpulangambar berjalan maka silahkan pilih tab “New Slider” kemudian untuk menambah gambar pilih “Add Slide”. Untuk mengubah urutan lakukan drag and drop pada gambar yang telah dipilih.

Gambar 34

19 | P a g e

SEO SEO (Search Engine Optimization) merupakan sebuah cara atau algoritma supaya website yang kita buat dapat dilakukan pencarian oleh mesin pencari Google. Untuk itu maka website i-come telah diinstal plugin “All in One SEO” yang akan bekerja secara otomatis untuk mengatur supaya website dapat terindeks dalam mesin pencari Google.