PANDUAN MANUAL
PT QWORDS COMPANY INTERNATIONAL
DAFTAR ISI PANDUAN MANUAL ............................................................................................................................... 1 PT QWORDS COMPANY INTERNATIONAL ................................................................................................... 1 DAFTAR ISI .................................................................................................................................................. 2 BAB 1.
PENGENALAN .............................................................................................................................. 3
a.
Tampilan Desa01 ......................................................................................................................... 3
b.
Tampilan Desa02 ......................................................................................................................... 3
c.
Tampilan Desa03 ......................................................................................................................... 4
BAB 2.
Managemen Konten.................................................................................................................... 5
2.1
Login............................................................................................................................................ 5
2.2
Input Berita / Posting .................................................................................................................. 6
2.3
Edit Berita / Postingan .............................................................................................................. 13
2.4
Hapus Tulisan ............................................................................................................................ 15
2.5
Halaman .................................................................................................................................... 16
BAB 3.
KUSTOMISASI TAMPILAN WEB .................................................................................................. 17
3.1
Membuat Menu Navigasi .......................................................................................................... 17
3.2
Membuat dan Mengatur Widget .............................................................................................. 21
3.3
Kustomisasi Halaman ................................................................................................................ 24
2
BAB 1. PENGENALAN DIGITALIQ merupakan Content Management Systems (CMS) yang dibuat khusus untuk Management Web Desa yang terdiri dari 3 Template Utama. Adapun tampilan templatenya sebagai berikut: a. Tampilan Ponpes01
Gambar 1.1 Tampilan Tema Ponpes01
b. Tampilan Ponpes02
Gambar 1.2 Tampilan Tema Ponpes02
3
c. Tampilan Ponpes03
Gambar 1.3 Tampilan Tema Ponpes03
Dengan adanya alternatif tersebut akan memudahkan pihak administrator website pondok pesantren untuk mengatur tampilan webnya. Karena CMS DIGITALIQ telah user-friendly sehingga sangat mudah untuk digunakan.
4
BAB 2. Managemen Konten 2.1
Login
Untuk mengakses Kontrol Admin silahkan akses dengan mengetikkan format berikut pada url browser anda. namapondokpesantren.ponpes.id/wp-admin Catatan: namapondokpesantren diganti dengan alamat web ponpes anda, seperti ini:
Gambar 2.1 URL Login Admin
Kemudian anda akan dibawa kehalaman login admin, seperti ini:
Gambar 2.2 Halaman Login Admin
Isikan Nama Pengguna dan Password seperti saat instalasi, dan silahkan centang Ingat Saya/Remember Me jika anda menggunakan komputer pribadi anda. Sekarang Klik Masuk Log/Log In dan jika berhasil anda akan dibawa oleh navigasi ke halaman Kontrol Admin seperti di bawah ini. Pada halaman admin anda disediakan akses penuh untuk full customize / merubah sepenuhnya halaman website anda.
5
Gambar 2.3 Halaman Utama Admin
2.2
Input Berita / Posting
Langkah pertama untuk membuat Berita ialah klik Pos.
Gambar 2.4 Langkah Pertama Membuat Postingan
Gambar 2.5 Tampilan Managemen Pos
Gambar di atas adalah tampilan managemen pos, di sini anda bisa melihat jumlah postingan atau berita yang telah di inputkan sebelumnya. Untuk membuat postingan baru klik Tambah Baru seperti di gambar 2.5. Setelah itu anda akan di bawa ke tampilan input postingan baru seperti di bawah ini.
6
Gambar 2.6 Tampilan Input Berita / Pos Baru
Kemudian untuk menambahkan judul isi form berikut:
Gambar 2.7 Form Input Judul
Kemudian untuk konten berita, sudah disediakan formnya seperti di bawah ini:
Gambar 2.8 Form Input Berita
7
Keterangan: No 1 2
Nama Tambahkan Media Kotak Peralatan
3 4
Kolom Konten Visual
5
Teks
6
Bebas Gangguan
7
Jumlah Kata
Keterangan Upload Gambar atau Video ke dalam konten. Standar Toolbox untuk memodifikasi konten, kurang lebih sama dengan fitur standar di Ms Word. Tempat anda menginputkan tulisan anda. Menampilkan tulisan anda dengan mode visual. (Mudah dipahami orang umum) Menampilkan tulisan anda dengan mode html. (Untuk yang berpengalaman dengan bahasa HTML) Menampilkan Form Input Konten secara bersih, agar anda lebih fokus pada tulisan anda. Menampilkan jumlah kata yang telah anda tulis.
Kategori Sebelah kanan dari Form Input konten, anda akan menemukan Form Kategori. Fungsinya adalah untuk mengkategorikan tulisan anda ke dalam sub – sub yang lebih spesifik. Sehingga pembaca bisa dengan mudah mengenali tulisan anda berdasarkan kategori yang sedang dibacanya. Untuk memasukkan tulisan anda kedalam kategori, anda hanya perlu mengklik kategori yang sudah ada. Untuk menambahkan kategori baru klik +Tambah Kategori Baru , maka akan muncul tambahan form seperti ini. Gambar 2.9 Form Kategori
Isikan nama kategori baru di form yang telah di sediakan, dalam contoh kali ini kita akan isikan “Akademik” sebagai kategori baru. Klik Kategori Induk di bawahnya jika anda ingin menjadikan kategori baru tersebut sub dari kategori yang lain. Seperti contoh di samping, ekstrakulikuler, dan tips merupakan sub kategori dalam berita. Jika sudah selesai, klik tombol “Tambah Kategori Baru”.
Gambar 2.10 Tambah Kategori Baru
8
Bisa anda lihat di gambar 2.11 kategori baru telah berhasil ditambahkan. Anda bisa memilih kategori lainnya jika anda ingin tulisan anda berada di 2 atau lebih kategori sekaligus.
Gambar 2.11 Kategori Baru Berhasil di Tambahkan
TAG Tag adalah kata-kata yang berhubungan dengan suatu artikel. Seringkali juga disebut kata kunci yang berhubungan dengan artikel. Untuk membuat tag, caranya mudah sekali buatlah beberapa kata kunci, pisahkan dengan tanda koma (,) seperti di bawah ini contohnya.
Gambar 2.12 Form Tag
Klik “Tambahkan”
Gambar 2.14 Input Tag dengan koma
Gambar 2.13 Input Tag Selesai di Tambahkan
9
Untuk menghapus Tag, klik icon
di samping tag. Mudah bukan?
Gambar Fitur Dengan fitur ini memungkinkan anda untuk mengatur tampilan gambar utama dalam postingan atau berita anda sebagai icon untuk ditampilkan di homepage. Untuk menggunakannya klik “Buat Gambar Utama”. Maka akan Gambar 2.15 Form Gambar Fitur
muncul form media seperti di bawah ini.
Gambar 2.16 Tahapan Memilih Gambar Utama
Keterangan No 1 2
Nama Unggah Berkas Filter Hasil
3
Kotak Gambar
4
Buat Gambar Utama
Keterangan Upload Gambar atau Video untuk dijadikan gambar utama. Menyaring hasil gambar berdasarkan postingan, seperti tanggal dan pencarian. Menampilkan semua gambar yang telah terupload, klik salah satu gambar yang ada untuk di jadikan gambar utama. Tombol untuk memproses gambar yang terpilih menjadi gambar utama.
10
Di samping ini adalah tampilan gambar fitur selesai di pilih. Untuk mengganti gambar dengan gambar yang lain klik “Hapus gambar andalan”.
Gambar 2.17 Tampilan gambar fitur selesai
Publikasi
Menu Terakhir adalah terbitkan atau sering juga disebut sebagai menu publikasi. Dengan fitur yang telah disediakan. Anda bisa menyimpan, pra tampilan postingan, mengatur privasi postingan anda, atau penjadwalan posting. Berikut keterangan lebih detailnya:
Gambar 2.18 Form Publikasi / Terbitkan
Keterangan No 1 2 3 4
5
Nama Simpan Konsep Pratampil Status Kenampakan
Terbitkan
Keterangan Simpan tulisan anda untuk di lanjutkan di lain waktu. Untuk melihat seperti apa tampilan tulisan anda setelah dipublikasikan. Untuk mengatur status dari tulisan, masih dalam konsep atau revisi. Untuk mengatur hak akses postingan tersebut, ada 3 pengaturan, yaitu: Umum : Semua orang bisa melihat. Di lindungi dengan kata sandi : Hanya yang memiliki password bisa mengakses halaman tulisan anda. Privat: Hanya anda sendiri yang bisa melihat postingannya. Untuk mengatur waktu kapan postingan anda akan ditampilkan. Fungsinya 11
6 7
Pindahkan ke tong sampah Terbitkan
seperti alarm, system akan otomatis post tulisan anda di waktu yang telah anda tentukan. Untuk menghapus tulisan / postingan anda. Tombol untuk mempublikasikan tulisan anda di website.
Gambar 2.19 Tampilan Posting Baru Siap diPublikasikan
Jika Tulisan anda telah siap, klik terbitkan seperti yang sudah di kotak merah di gambar 2.19, Kemudian akan ada notifikasi bahwa tulisan anda telah diterbitkan, seperti gambar di bawah ini. Klik Lihat Tulisan untuk melihat tulisan anda.
Gambar 2.20 Tulisan diterbitkan
12
Gambar 2.21 Tulisan Berhasil di Inputkan
2.3
Edit Berita / Postingan
Pada tampilan Dasbor admin, sorot pointer anda ke pos, dan klik Semua Pos seperti contoh dibawah ini.
Gambar 2.22 Langkah Pertama Edit Tulisan
13
Gambar 2.23 Pilih Tulisan yang akan diedit
Pilih tulisan yang hendak anda edit dengan menyorot pointer anda ke tulisan yang hendak di edit.
Gambar 2.24 Tampilan Menu Pos / Tulisan
No 1 2
Nama Sunting Sunting Cepat
3 4
Tong Sampah Tampil
Keterangan Untuk edit tulisan anda. Untuk edit tulisan secara langsung di halaman tersebut, tapi yang bisa anda edit terbatas judul, kategori, tag, publikasi, dll, tidak bisa edit konten. Lihat gambar 2.25. Untuk menghapus tulisan anda. Melihat tampilan tulisan di website anda.
Gambar 2.25 Tampilan Sunting Cepat
Klik Edit jika anda hendak mengedit tulisan anda secara seutuhnya. 14
Gambar 2.26 Tampilan Sunting Pos
2.4
Hapus Tulisan
Merujuk pada tutorial edit di gambar 2.23, untuk menghapus tulisan klik tong sampah pada tulisan yang hendak dihapus. Untuk keamanan tulisan anda, tulisan tidak akan langsung terhapus, hanya tidak ditampilkan di website anda. Sehingga ketika suatu waktu jika anda memerlukan tulisan anda kembali anda bisa mengembalikannya lagi. Untuk mengaksesnya kembali di table pos akan ada menu tong sampah apabila ada tulisan yang dimasukkan ke tong sampah.
Gambar 2.27 Tong Sampah
Gambar 2.28 Menu Tong Sampah
15
Klik Kembalikan jika anda ingin menarik kembali tulisan anda ke halaman web sekolah anda, atau hapus secara permanen jika anda ingin menghapus tulisan anda selamanya (Hati-hati!). Yang sudah terhapus tidak bisa dikembalikan.
2.5
Halaman
Pada dasarnya cara membuat Halaman dan bagaimana cara mengelolanya sama seperti post. Hanya bedanya ialah terletak di fungsinya. Halaman digunakan untuk tampilan yang lebih statis, seperti profil, akademik, kontak Oleh karena itu di halaman tidak ada fitur kategori atau tag. Berbeda dengan post yang dinamis yang digunakan untuk membuat berita, artikel dll. Namun di halaman memiliki kelebihan yang tidak di miliki di pos, yaitu hirarki halaman. Yang memungkinkan anda membuat sub-sub dari halaman tersebut. Misal: Profil Visi & Misi Sejarah Yayasan Tenaga Pengajar
Lembaga Kurikulum Pesantren Pengasuhan Santri
Database Foto Video
Gambar 2.29 Tampilan Menu Halaman
16
BAB 3. KUSTOMISASI TAMPILAN WEB 3.1
Membuat Menu Navigasi
Gambar 3.1 Menu Navigasi
Menu Navigasi di buat dari halaman yang telah di buat sebelumnya. Untuk mengatur setingannya sangat mudah. Pada halaman Dasboard Admin sorot pointer anda ke tampilan, dan pilih menu.
Gambar 3.2 Membuat Navigasi Menu
17
Berikan nama untuk menu anda. Setelah itu klik Tombol Buat Menu.
Gambar 3.3 Membuat Menu Navigasi Baru
Ketika anda sudah membuat menu baru, maka anda bisa menambahkan halaman, link, kategori, ke dalam menu navigasi anda. Cukup dengan check list seperti gambar di samping ini. Jika anda rasa sudah cukup klik “Tambahkan Ke Menu”. Kemudian untuk membuat sub-sub dari menu navigasi caranya sangat mudah, klik menunya dan geser kearah menu utamanya. Maka akan otomatis menu tadi menjadi sub dari navigasi tersebut. Seperti ini contohnya: Gambar 3.4 Centang untuk menambahkan menu
18
Gambar 3.5 Menu Navigasi Belum Terstruktur
Gambar 3.6 Menu Navigasi Sudah Terstruktur
Menambahkan Kustom Link Ke Dalam Menu Navigasi Klik Taut Tersuai, maka akan muncul form seperti di samping. Isikan URL dengan alamat website yang ingin anda pasang di menu navigasi. Isikan Teks Tautan sebagai tampilan Teks di menu navigasi nanti. Jika Sudah Selesai Klik “Tambahkan Ke Menu” Gambar 3.7 Form Taut Tersuai
Jika di rasa sudah fix, klik
lokasinya di pojok kanan atas.
19
Navigasi Menu berhasil di buat, selanjutnya untuk memasangkannya di menu header, klik Kelola Lokasi.
Gambar 3.8 Navigasi menu berhasill di buat
Kelola Lokasi Pada tahap ini anda akan mengelola lokasi navigasi di halaman web anda. Masing-masing template memiliki jumlah menu yang berbeda. Pada template contoh mendukung 4 Lokasi, berikut cara memasangnya:
Gambar 3.9 Kelola Lokasi
Untuk memasangnya klik pilih di lokasi yang di inginkan. Biarkan kosong atau jangan di rubah apabila anda menghendaki menu itu kosong. Contohnya seperti ini:
20
Gambar 3.10 Kelola Lokasi Menu terpilih
Klik Simpan Perubahan, dan lihatlah perbedaan di website anda.
3.2
Membuat dan Mengatur Widget
Gambar 3.11 Widget pada kotak merah
DIGITALIQ menyediakan fitur widget agar anda bisa menambahkan widget dengan leluasa, di halaman website sekolah anda. Widget di letakan di sidebar, dan sangat mudah sekali untuk kustomisasinya. Pada menu dasbor admin klik tema dan pilih sub widget.
21
Gambar 3.12 Pilih Widget Pada Tampilan
Gambar 3.13 Tampilan Menu Widget
Untuk merubahnya sangat mudah sekali, anda hanya perlu klik di widget yang tersedia, dan memilih untuk di masukan di sidebar yang sedang aktif setelah itu klik button tambahkan widget.
Klik Tambahkan Widget
Gambar 3.15 Menambahkan Kalender ke Sidebar Gambar 3.14 Tambah Widget Kalender
22
Isikan Judul untuk di Tampilkan di halaman web, namun anda juga bisa mengosonginya. Berikutnya untuk mengatur posisi widget, anda hanya perlu menggeser urutannya, sama seperti membuat menu.
Gambar 3.16 Widget Kalender telah di urutkan
Ketika anda mengatur widget, otomatis sistem akan menyimpannya. Untuk melihat hasilnya anda bisa mengecek kembali di halaman website anda.
Gambar 3.17 Widget yang telah terupdate
23
3.3
Kustomisasi Halaman
DIGITALIQ menyediakan fitur kustomisasi standar website. Untuk mengakses fitur ini arahkan pointer anda ke arah tampilan, dan pilih sub menu sesuaikan.
Gambar 3.18 Kustomisasi Halaman
Gambar 3.19 Kustomisasi Tampilan Layaout
24
Keterangan No 1 2 3 4 5
Nama Tema Kustomisasi Element Pratampil Close Simpan & Terbitkan
Keterangan Menampilkan Tema yang sedang aktif, Klik ubah untuk mengganti tema Element web yang dapat kita rubah Menampilkan kondisi web apabila element tersebut di rubah (Preview) Menutup halaman penyesuaian (Jangan lupa di simpan sebelum keluar) Untuk menyimpan hasil penyesuaian anda
Dengan fitur ini anda bisa dengan leluasa kustomisasi tampilan website dengan seperti apa yang anda inginkan. Yang perlu anda catat di sini adalah setiap template memiliki pengaturan elemen yang berbeda, namun cara penggunaannya umumnya sama. Sehingga orang awam sekalipun dapat menggunakannya.
25
