kata pengantar - poltekkespangkalpinang.ac.id · admin dapat memasukkan foto pada berita yang akan...

Panduan Pengelolaan Website bagi Admin 1 |

KATA PENGANTAR

Puji dan syukur kehadirat Allah SWT, Tuhan Yang Maha Esa, karena Buku Panduan

Pengelolaan Website bagi Admin di lingkungan Poltekkes Kemenkes Pangkalpinang dapat

tersusun dan digunakan.

Buku panduan ini dimaksudkan untuk memberikan petunjuk admin website dalam

mengelola(maintanance atau pemeliharaan dan perubahan) data dan konten pada website.

Dengan disusunnya buku panduan ini, diharapkan admin website di Poltekkes Kemenkes

Pangkalpinang mendapatkan kemudahan dalam mengelola data dan konten pada website,

sehingga informasi mengenai Poltekkes dapat tersampaikan kepada masyarakat umum dan

juga sivitas akademika Poltekkes Pangkalpinang dengan efektif dan efisien.

Ucapan terima kasih dan penghargaan kami sampaikan kepada semua pihak yang

telah berkontribusi dalam penyusunan buku panduan ini. Kritik dan saran yang bersifat

membangun kami harapkan untuk penyempurnaan buku ini di masa yang akan datang.

Pangkalanbaru, Juli 2017 Direktur, drg. Harindra, MKM NIP. 195910121987031003


DAFTAR ISI

Kata Pengantar ................................................................................................ 1

Daftar Isi .......................................................................................................... 2

Daftar Gambar .............................................................................................................. 3

1. Halaman Utama Website ..................................................................................... 4

2. Halaman Admin Website ............................................................................ 6

2.1. Login Admin Website .......................................................................... 6

2.2. Menambah User Admin ....................................................................... 7

2.3. Menambah atau Merubah Top Menu................................................... 9

2.4. Menambah dan Merubah Sub Menu dan Data Top Menu Website .... 10

2.5. Menambah dan Merubah Kategori Berita ........................................... 11

2.6. Menambah dan Merubah Berita ........................................................ 12

2.7. Menambah dan Merubah Slide .......................................................... 14

2.8. Menambah dan Merubah Event ........................................................ 17

3. Mengelola Sidebar Menu. ......................................................................... 18

3.1. Menambah dan Merubah Menu Category .......................................... 18

3.2. Menambah dan Merubah Data Menu Catageory ................................ 20

3.3. Menambah dan Merubah Link Terkait ................................................ 20

3.4. Menambah dan Merubah Gallery ....................................................... 22


DAFTAR GAMBAR

Gbr. 2.1 Kolom untuk Login ke E-Learning ................................................................... 7

Gbr. 2.2 Notification jika berhasil login ........................................................................... 8

Gbr. 2.3 Membuat akun baru untuk peserta ................................................................. 9

Gbr. 2.4 Form untuk membuat user baru ...................................................................... 9

Gbr. 2.5 Mengelola Ketegori ........................................................................................... 18

Gbr. 2.6 Membuat ketegori baru .................................................................................... 18

Gbr. 2.7 Membuat kategori mata kuliah ........................................................................ 19

Gbr. 2.8 Membuat Topik dalam suatu mata kuliah ..................................................... 20

Gbr. 2.9 Form untuk membuat Topik baru dalam mata kuliah .................................. 20

Gbr. 2.10 Mendaftarkan Peserta .................................................................................... 21

Gbr. 2.11 Proses mendaftarkan peserta ke dalam suatu Topik ................................ 22

Gbr. 2.12 Menampilkan Cohorts .................................................................................... 22

Gbr. 2.13 Membuat Cohorts baru .................................................................................. 23

Gbr. 2.14 Menambahkan peserta ke dalam Cohort .................................................... 23

Gbr. 2.15 Proses menambahkan peserta di dalam cohort ........................................ 24

Gbr. 2.16 Cara mendaftarkan peserta ke suatu Topik dengan menggunakan

cohort .................................................................................................................................. 24

Gbr. 2.17 Membuat Groups ............................................................................................ 25

Gbr. 2.18 Membuat Groups baru ................................................................................... 26

Gbr. 2.19 Form editing group.......................................................................................... 26

Gbr. 2.20 Mendaftarkan mahasiswa ke dalam group ................................................. 27

Gbr. 2.21 Memilih metode pendaftaran cohort sync ................................................... 27

Gbr. 3.1 Mengaktifkan mode edit ................................................................................... 31

Gbr. 3.2 Memilih resource untuk membuat halaman pendahuluan .......................... 32

Gbr. 3.3 Halaman editing untuk menambahkan pendahuluan .................................. 33

Gbr. 3.4 Tampilan halaman pendahuluan .................................................................... 33

Gbr. 3.5 Memilih resource untuk membuat halaman Paparan .................................. 34

Gbr. 3.6 Halaman editing untuk menambah Paparan ................................................ 34


HALAMAN UTAMA WEBSITE

Poltekkes Kemenkes Pangkalpinang memiliki beberapa website sebagai sarana

penyampaian informasi, berikut ini adalah alamat domain beberapa website yang ada di

Poltekkes Pangkalpinang :

a. http://poltekkespangkalpinang.ac.id

b. http://feeder.poltekkespangkalpinang.ac.id/kebidanan

c. http://feeder.poltekkespangkalpinang.ac.id/keperawatan

d. http://feeder.poltekkespangkalpinang.ac.id/gizi

e. http://feeder.poltekkespangkalpinang.ac.id/farmasi

f. http://feeder.poltekkespangkalpinang.ac.id/upm

Berikut ini adalah beberapa gambar tampilan website yang dimiliki oleh Poltekkes

Kemenkes Pangkalpinang.

Gambar 1.1 Halaman Utama Website http://poltekkespangkalpinang.ac.id

http://poltekkespangkalpinang.ac.id/

http://feeder.poltekkespangkalpinang.ac.id/kebidanan

http://feeder.poltekkespangkalpinang.ac.id/keperawatan

http://feeder.poltekkespangkalpinang.ac.id/gizi

http://feeder.poltekkespangkalpinang.ac.id/farmasi

http://feeder.poltekkespangkalpinang.ac.id/upm



Gambar 1.2 Halaman Utama Website http://feeder.poltekkespangkalpinang.ac.id/kebidanan



2. HALAMAN ADMIN WEBSITE

Setelah admin mengakses website masing-masing Jurusan/Unit/Bagian, maka

selanjutnya admin melakukan login terlebih dahulu untuk merubah data atau konten

yang ada pada tampilan utama website. Langkah –langkahnya adalah sebagai berikut:

2.1. Login Admin

1. Admin harus menuju halaman login masing-masing website, dengan URL

sebagai berikut :

a. http://poltekkespangkalpinang.ac.id/restricted

b. http://feeder.poltekkespangkalpinang.ac.id/kebidanan/restricted

c. http://feeder.poltekkespangkalpinang.ac.id/keperawatan/restricted

d. http://feeder.poltekkespangkalpinang.ac.id/gizi/restricted

e. http://feeder.poltekkespangkalpinang.ac.id/farmasi/restricted

f. http://feeder.poltekkespangkalpinang.ac.id/upm/restricted

2. Selanjutnya masukkan username dan password admin pada kolom Login,

berikut ini adalah tampilan Halaman Login Admin :

Gambar 2.1. Halaman Login Admin



http://feeder.poltekkespangkalpinang.ac.id/keperawatan

http://feeder.poltekkespangkalpinang.ac.id/gizi

http://feeder.poltekkespangkalpinang.ac.id/farmasi

http://feeder.poltekkespangkalpinang.ac.id/upm


3. Setelah berhasil login, admin website akan masuk pada halaman utama

admin, berikut ini adalah tampilan halaman admin website :

Gambar 2.2. Halaman Utama Admin Website

2.2. Menambah User Admin

Admin utama dapat menambahkan admin lainnya untuk membantu mengelola

website. Berikut ini adalah langkah-langkah untuk menambah admin website :

1. Pilih menu User Management di sebelah kiri halaman admin, kemudian

pilih sub menu List User.

2. Selanjutnya admin utama dapat menambah user admin dengan cara

memilih menu Add disebelah kanan atas halaman website admin seperti

gambar di bawah ini.

Gambar 2.3. Sub Menu List User untuk menambah admin


3. Kemudian isi data admin baru seperti gambar di bawah ini. Setelah itu pilih

Tambah Data.

Gambar 2.4 Mengisi dan Menambah Data Admin Baru

4. Admin dapat menghapus User, admin dapat klik tombol X berwarna merah

seperti gambar di bwah ini.

Gambar 2.5 Mengpus Data User


2.3. Menambah atau Merubah Top Menu.

Admin dapat menambah dan merubah judul pada Top Menu website. Berikut ini

adalah tampilan Top Menu dan Sub Menunya pada laman utama website.

Gambar 2.6 Tampilan Top Menu dan Sub Menunya pada website

Berikut ini adalah langkah-langkah untuk menambah Top Menu :

1. Pilih menu Content Management Top Menu Button Add+ seperti

gambar berikut.

Gambar 2.7 Menambah Top Menu

2. Mengisi data Top Menu yang akan ditambahkan. Pada content type,

terdapat dua pilihan tipe dari top menu, yaitu URL atau link ke website lainnya

atau admin dapat memilih deskripsi.

Gambar 2.8 Mengisi Data Top Menu Baru


3. Setelah semua data terisi, selanjutnya klik tombol Simpan Data. Top menu

berhasil ditambahkan.

Gambar 2.9 Tampilan Top Menu yang Baru

2.4. Menambah dan Merubah Sub Menu serta Data atau Isi Top Menu Website

Admin website dapat menambah dan merubah Sub Menu serta Data atau isi dari

Top Menu pada website. Berikut ini langkah-langkah untuk menambah dan

merubah data Top Menu :

1. Menambah dan Merubah Sub Menu

Admin memilih menu Content Management selanjutnya memilih Sub

Menu Top Menu, berikut tampilan halaman Top Menu.

Admin kemudian memilih tombol/button berwarna hijau dengan tanda

tambah pada Top Menu yang akan ditambah Sub Menunya, berikut

tampilan untuk menambah sub menu

Gambar 2.10. Tampilan Menambah Sub Menu pada Top Menu

Kemudian admin mengisi data sub menu yang akan ditambahkan. Setelah

data selesai diisi kllik Simpan Data.

Gambar 2.11 Mengisi data sub menu baru


2. Merubah Data atau Isi Sub Menu

Untuk merubah data sub menu yang telah dibuat, admin memilih tombol edit

seperti gambar di bawah ini.

Gambar 2.12 Merubah Sub Menu

Setelah itu isi data yang akan dirubah dan klik Simpan Data.

Gambar 2.13 Merubah Data Sub Menu

2.5. Menambah dan Merubah Kategori Berita

Kategori berita adalah jenis-jenis dari berita contohnya Kategori Kemahasiswaan,

SIPENMARU, dan lain-lain. Kategori ini dibuat untuk mengelompokkan berita

tersebut ke dalam jenis atau grup tertentu sehingga dapat mudah ditelusuri.

Untuk menambah dan merubah kategori berita ikuti langkah-langkah berikut ini :

1. Pilih menu Content Management Category News Add+. Untuk lebih

jelasnya dapat dilihat pada gambar di bawah ini.


Gambar 2.14 Menambah Kategori Berita

2. Kemudian isi judul dari kategori dan klik simpan data

Gambar 2.15 Mengisi Judul Kategori Berita Baru

2.6. Menambah dan Merubah Berita

Agar setiap informasi dan kegiatan dapat disampaikan kepada masyarakat umum

secara efektif dan efisien Admin diharapkan dapat aktif untuk menambah berita

dan informasi kegiatan secara rutin. Berikut ini adalah tampilan berita di halaman

utama website.

Gambar 2.16. Halaman Berita


Untuk menambah dan merubah isi dari berita admin dapat mengikuti langkah-

langkah berikut :

1. Pilih menu Content Management News Add+, selanjutnya isi data

berita yang akan dimasukkan. Admin dapat memasukkan Foto pada berita

yang akan dibuat.

2. Setelah semua data berita terisi klik Tambah Data.

Gambar 2.17 Menambah Berita

Gambar 2.18 Mengisi Data Berita Baru

3. Admin dapat pula memasukkan tautan/link unduh/download file pada kolom

diskripsi dengan terlebih dahulu upload file pada sidebar menu. Untuk upload

atau unggah file akan dijelaskan setelah ini.


4. Untuk merubah berita yang telah dibuat, admin dapat klik tombol edit pada

berita yang akan dirubah seperti di gambar di bawah ini, kemudian merubah

data berita setelah itu klik Simpan Data.

Gambar 2.19 Merubah Data Berita

5. Untuk menghapus data berita pilih tombol merah dengan logo X.

Gambar 2.20 Menghapus Data Berita

2.7. Menambah dan Merubah Foto pada Slider Menu

Agar tampilan website lebih menarik untuk dilihat, admin dapat menambah foto-

foto kegiatan atau informasi pada silder menu, maksimal jumlah foto yang dapat

diunggah adalah lima. Berikut ini adalah tampilan dari slider menu.

Gambar 2.21 Slider Menu


Untuk menambah dan merubah foto pada slider ikuti langkah-langkah berikut :

1. Pilih Menu Content Management Slider Add+, kemudian isi dan

upload foto yang akan ditambahkan. Ukuran foto adalah Tinggi : 440 dan

Lebar : 1160.

Gmabar 2.22 Menambah Foto pada Slider Menu

2. Kemudian setalah semua data terisi klik Simpan Data.

Gambar 2.23. Mengisi Slider Menu


2.8. Menambah dan Merubah Event

Event adalah jadwal kegiatan yang akan dilaksanakan oleh

Poltekkes/Jurusan/Urusan/Bagian. Tujuan adanya menu event adalah agar jadwal

kegiatan yang akan dilaksanakan dapat diketahui secara umum.

Berikut ini adalah tampilan event pada halaman utama website.

Gambar 2.24 Event

Untuk merubah event lakukan langkah-langkah berikut ini :

1. Pilih Menu Content Management Event Add+, kemudian isi data event

atau kegiatan yang akan dilaksanakan.

Gmabar 2.25 Menambah Data Event


2. Bila semua data sudah terisi klik Simpan Data.

Gambar 2.26 Mengisi Data Event


3. MENGELOLA SIDERBAR MENU

Pada Website selain Top Menu yang berisi profil dari

Poltekkes/Jurusan/Bagian/Urusan terdapat pula Sidebar Menu yang yang fungsinya

hampir sama dengan Top Menu tetapi pada sidebar menu admin dapat

upload/mengunggah file berupa Ms.Word/Ecxel/Powerpoint/PDF dengan maksimal

ukuran 2Mb. Berikut ini adalah tampilan Sidebar Menu pada website.

Gambar 3.1 Sidebar Menu

3.1. Menambah dan Merubah Menu Category

Menu Category adalah menu-menu yang ada pada sidebar, admin dapat

menambahkan menu category sesuai dengan kebutuhan. Untuk menambah dan

merubah menu category ikuti langkah-langkah berikut ini :


1. Pilih Menu Sidebar Menu Menu Category Add+, kemudian isi judul

menu seperti gambar di bwah ini.

Gambar 3.2 Menambah Menu Category

2. Setelah Itu klik Tambah Data.

Gambar 3.3 Mengisi Judul Menu Category Baru

3. Untuk merubah judul dari menu yang telah kita buat admin dapat memilih

tombol edit seperti gambar di bawah ini.

Gambar 3.4. Merubah Menu Category


3.2. Menambah dan Merubah Data Menu Category

Setalah admin menambahkan menu pada menu category selanjutnya admin

mengisi data pada menu yang telah dibuat tersebut.

1. Pilih Sidebar Menu Content Menu Add+, kemudian isi data pada

content menu.

Gambar 3.6. Menambah Data Menu Category

2. Setelah itu admin mengisi data pada menu category. Isi judul kemudian pilih

kategori yang telah dibuat, setalah itu mengisi deskripsi dan upload file. Lihat

contoh gambar di bawah ini.

Gambar 3.7. Mengisi Data Sidebar

3. Setelah semua data tersisi klil Tambah Data

3.3. Menambah dan Merubah Link Terkait

Menu Link terkait ini dimaksudkan untuk mempermudah pengunjung dalam

mengakses website-website lain yang terkait atau yang dimiliki oleh Poltekkes

Kemenkes Pangkalpinang.

Berikut ini adalah tampilan Menu Link Terkait pada website.

Judul Data Memilih Menu category yang telah kita buat Deskripsi Upload File


Gambar 3.8. Tampilan Link Website Terkait

Untuk menambah dan merubah link website terkait ikuti langkah-langkah berikut ini :

1. Pilih menu Sidebar Menu Link Terkait Add+, kemudian isi judul dari Link

dan ketikkan link website yang dituju.

Gambar 3.9 Menambah Link Terkait


2. Setelah itu klik Tambah data.

Gambar 3.10 Mengisi Data Link Terkait

3. Untuk merubah link terkait, pilih tombol edit selanjutnya rubah data link terkait.

Gambar 3.11 Merubah Data Link Terkait

kata pengantar - poltekkespangkalpinang.ac.id · admin dapat memasukkan foto pada berita yang akan...

Documents