Pusat Data dan Teknologi Informasi

Kementerian Hukum dan Hak Asasi Manusia

Republik Indonesia
 PENGENALAN TAMPILAN BARU
LAMAN RESMI
KEMENTERIAN HUKUM DAN HAM RI
 There is no other greater source of
inspiration and motivation than to walk
into work every morning and be greeted
by smiles of friendly and supportive team
members like you. Thanks.

“ TIM Pusdatin ”
 Pengantar Sekretaris Jenderal
Perkembangan teknologi informasi yang terus meningkat mengharuskan kita melakukan
pengembangan sistem informasi secara menyeluruh, baik di tingkat pusat maupun di tingkat daerah yang
meliputi Kantor Wilayah dan Satuan Kerja dibawahnya. Dukungan dari segi sumber daya manusia dan
infrastruktur juga sangat mempengaruhi dalam menunjang kelancaran pengembangan teknologi informasi
tersebut.
Sejalan dengan pengembangan dan penguatan tata kelola teknologi informasi di Lingkungan
Kementerian Hukum dan HAM, Pusat Data dan Teknologi Informasi Kementerian Hukum dan HAM R.I terus
meningkatkan kinerja berbasis teknologi dengan pemanfaatan dan pengembangan Teknologi Informasi
melalui perubahan tampilan laman resmi Kementerian Hukum dan HAM, serta pembangunan kembali Mail
Server untuk Surel (Surat Elektronik) Dinas Kementerian sebagai media komunikasi internal dan antar lintas
instansi Pemerintah.
Kepada pihak yang telah terlibat dalam proses penyusunan buku Petunjuk Teknis CMS
administrator Laman Kantor Wilayah dan Petunjuk praktis pengunaan Surel Dinas , baik dalam bentuk
kontribusi data, penyajian penulisan buku maupun dalam bentuk kontribusi yang lain, saya ucapkan terima
kasih yang sebesar-besarnya. Semoga Buku Petunjuk Teknis ini dapat membantu administrator dan
pegawai di lingkungan Kementerian Hukum dan HAM serta dapat menjadi acuan dan pedoman dalam
melaksanakan tugas dan fungsi sehari-hari.

Ttd,
Sekretaris Jenderal
Kementerian Hukum dan HAM RI

i
 Pengantar Kepala PUSDATIN
Puji Syukur kita panjatkan kehadirat Allah SWT, atas berkat Rahmat dan Hidayah-Nya buku
petunjuk teknis ini dapat terselesaikan dengan baik. Teknologi informasi begitu pesat berkembang dan
dampaknya telah kita rasakan bersama. Berbagai kemudahan telah kita terima, seperti kemudahan untuk
memperoleh informasi melalui telepon seluler dan Internet, melalui laman situs ataupun sarana
komunikasi surat eketronik lainnya.
Berdasarkan hal tersebut, Pusat Data dan Teknologi Informasi yang memiliki tugas Melaksanakan
Fasilitasi, Pengelolaan Data dan Teknologi Informasi, serta Pengamanan dan Pemeliharaan Teknologi
Informasi dipandang perlu untuk melakukan penataan kembali atau perbaikan sistem yang sudah ada.
Sebagai bentuk nyata dari terbentuknya PUSDATIN, beberapa pengembangan kami lakukan diantaranya
redevelop dan redesign Laman Pusat dan Laman Kantor Wilayah serta Membangun kembali mail server
Surel (surat elektronik) Dinas (@kemenkumham.go.id) agar memudahkan para pegawai dalam
berkomunikasi.
Besar harapan kami dukungan dan peran serta seluruh pegawai di Lingkungan Kementerian Hukum
dan HAM pada umumnya serta para pengelola (administrator) aplikasi pada khususnya bisa secara terus
menerus berkoordinasi dengan kami, baik itu memberikan masukan atau kritikan agar apa yang kami
kembangkan bisa terus ditingkatkan guna mendukung terlaksananya e-government di Lingkungan
Kementerian Hukum dan HAM yang kita cintai ini.

Salam,
Kepala Pusat Data dan Teknologi Informasi

ii
 Prakata Tim Pengembang

Nuansa merah putih terlihat mendominasi Website resmi Kementerian Hukum dan HAM RI yang
sedang dikembangkan oleh tim pengembang website di Pusat Data dan Teknologi Informasi Kementerian
Hukum dan HAM RI. Sejalan dengan semangat kerja Kami PASTI yang digaungkan, tim pengembang
mencoba membuat suasana baru dari tampilan website Kementerian Hukum dan HAM RI. Besar harapan
semua tim, perubahan warna dan tampilan website resmi Kemenkumham ini juga membawa semangat
pembaharuan pula bagi semua pihak terkait pada umumnya dan semua pejabat dan pegawai di lingkungan
Kementerian Hukum dan HAM RI pada khususnya
Selain Website Pusat, Website Kantor Wilayah Kementerian Hukum dan Hak Asasi Manusia
Republik Indonesia pun telah di redevelop dan redesign sebagai wujud memberikan pelayanan terbaik bagi
rakyat Indonesia yang membutuhkan akses informasi seputar kegiatan di Kantor Wilayah Kemenkumham
dengan mengedepankan fitur layanan yang mudah diakses oleh pengunjung serta informasi publik yang
interaktif.
Website Pusat dan website Kantor Wilayah Kemenkumham dibangun kembali menggunakan
framework CMS Joomla versi terbaru yaitu versi 3.6.2 yang menawarkan banyak perubahan baik dari sisi
kemudahan penggunaan, bahasa pemrograman, keamanan dan kecepatan akses.
Selain versi CMS yang digunakan, versi bahasa pemrograman pun mengalami perubahan. PHP7
yang kami gunakan merupakan generasi terbaru PHP yang secara serius dikembangkan oleh Tim
pengembang PHP dengan mengedepankan kecepatan akses. PHP7 menawarkan kecepatan akses 2X lebih
cepat dari versi sebelumnya.

iii
 Dengan tampilan dan fitur baru ini diharapkan dapat memudahkan para pengunjung yang ingin
mendapatkan informasi seputar Kemenkumham serta dapat memberikan perubahan suasana bagi para
pengunjungnya.
Selain website, tim pengembang pun melakukan pengembangan mail server baru untuk
mengakomodir kebutuhan pegawai akan fasilitas surat elektronik yang memudahkan semua pegawai
berkomunikasi seputar pelaksanaan tugas pokok dan fungsi, serta tugas tambahan lainnya.
Semoga semua yang telah dan sedang kami kembangkan dapat berjalan lancer dan secara
maksimal digunakan untuk semata-mata kemajuan Kementerian Hukum dan HAM yang kita cintai ini.

Tim Pengembang
PUSDATIN

iv
 Daftar Isi

Hal
Pengantar Sekretaris Jenderal i
Pengantar Kepala PUSDATIN ii
Prakata Tim Pengembang iii
Daftar isi v
Preview Tampilan Website Pusat 1
Preview Tampilan Website Kanwil 2
Layout Website Pusat 3
Layout Website Kanwil 4
Penjelasan Fitur Website Pusat 5
Pejelasan Fitur Tambahan 19
Matriks Perbedaan Tampilan 26
CMS Administrator Website Kanwil 31
Panduan Singkat Pengguna Surel kemenkumham.go.id 85

v
 Preview Tampilan Website Pusat
Tampilan Website sebelum pengembangan Tampilan Website sesudah pengembangan
(http://www.kemenkumham.go.id) (http://demo.kemenkumham.go.id/webpusat)

1
 Preview Tampilan Website Kanwil
Website Kanwil sebelum pengembangan Website kanwil sesudah pengembangan
(http://sumsel.kemenkumham.go.id) (http://demo.kemenkumham.go.id/sumsel)

2
 Layout Website Pusat
1
1. Fitur Baru (Info Terkini, Pilihan Bahasa,
2
Tautan Sosmed, Search, Menu Utama)
2. Konsep Baru Banner Slide Show
3
3. Fitur Baru Tab Landing Page Internal
4. Konsep Baru Berita Utama
4
5. Fitur Baru Berita Pusat
6. Konsep Baru Berita Kantor Wilayah
5 7. Fitur Baru Berita Media
8. Fitur Widget Timeline Official Twitter
(@Kemenkumham_RI)
6
9. Fitur Galeri Video
10. Fitur Baru Langganan Berita Via Email
11. Fitur Baru Banner bagian bawah
7
12. Fitur Bagian Footer
9 8

10
11

12
3
 Layout Website Kanwil
1. Fitur Baru (Pilihan Bahasa, Search, Menu
Utama, Banner Slide Show)
2. Fitur Baru Pengumuman
1
3. Banner Kakanwil
2 4. Fitur Baru Tab Landing Page
3 5. Konsep Baru Berita Kementerian
4 6. Konsep Baru Berita Terkini
7. Konsep Baru Berita Unit Pelaksana Teknis
8. Fitur Widget Timeline Official Twitter
5 Humas Kantor Wilayah
9. Fitur Galeri Video
10. Fitur Bagian Footer
6

7 8

10
4
 Penjelasan Fitur Website Pusat
Nuansa Merah putih terasa sangat mendominasi website resmi Kementerian Hukum dan HAM RI yang
sedang dikembangkan oleh tim pengembang website di Pusat Data dan Teknologi Informasi Kementerian
Hukum dan HAM RI. Beberapa konsep fitur dan menu yang baru kami coba hadirkan dalam tampilan
website Kementerian Hukum dan HAM RI, diantaranya :
1. Fitur Baru (Info Terkini, Pilihan Bahasa, Tautan Sosmed, search, Menu Utama)
Beberapa fitur baru nampak di bagian atas antara lain Info Terkini berupa newsticker berita utama
dan menu pilihan 2 bahasa yang memudahkan pengunjung memilih versi bahasa yang ingin
ditampilkan. Selain itu terdapat juga tautan icon akun resmi Social Media Kemenkumham, kolom
search untuk mencari berita dan menu utama website.
Menu utama yang ditampilkan diantaranya :
 Home
 Profile : Berisi submenu Struktur Organisasi, Profile Pejabat, Visi dan Misi, Sejarah, Sumber
Daya Manusia

5
  Produk Hukum : Berisi submenu UUD RI Tahun 1945, Undang-undang, PERPPU, Peraturan
Pemerintah, Peraturan Presiden, Peraturan Menteri, Peraturan Lembaga/Instansi Lain,
Peraturan Daerah, Produk Kepegawaian, Produk Perlengkapan, dan MoU

 Unit Pusat : Berisi submenu seluruh Unit Eselon I

6
 Kantor Wilayah : Berisi submenu seluruh jajaran Kantor Wilayah

 Informasi Publik : Berisi submenu FAQ, LAKIP, Laporan Tahunan, Rencana Strategis, Organisasi
dan Tata kerja, Laporan Keuangan Tahunan, Prosedur Pengelolaan BMN, Prosedur
Pengelolaan Datin, Form Permohonan Datin, dan Layanan Informasi Publik

7
  Publikasi : Berisi submenu Siaran Pers, Pidato Menteri, Majalah, Jurnal Penelitian, Brosur dan
Leaflet, dan Info Internal

 Layanan Publik : Berisi submenu Survey IKM, Survey Indeks Integritas, dan Form Konsultasi
Hukum dan HAM

8
  Kontak Kami : Berisi Form Kontak

2. Konsep Baru Banner Slide Show

Di bagian kedua adalah banner slide show yang menampilkan kemegahan gedung Kementerian
Hukum dan HAM yang menggambarkan bentuk kewibawaan, selain itu banner slide show juga
berfungsi sebagai tempat untuk menampilkan tautan berita pilihan terkait kegiatan menteri yang

9
 akan bergerak berurutan.

Tombol Navigasi

3. Fitur Baru Tab Landing Page Internal

Bagian ketiga adalah Tab Landing Page yang merupakan area landing page yang menampilkan
menu tautan unit eselon 1, tautan layanan, tautan aplikasi, dan tautan artikel info internal yang
menampilkan informasi/pemberitahuan/pengumuman yang diperuntukan untuk internal pegawai.

Tab Unit Pusat

10
Tab Layanan Pengaduan Masyarakat

Tab Layanan Online

Tab E-PASTI

Tab Aplikasi

11
 Tab Info Internal
4. Konsep Baru Berita Utama
Pada bagian ini terdapat modul untuk menampilkan berita utama Kementerian, yang secara rutin
diinput oleh Biro Humas terkait kegiatan Menteri maupun Pejabat Eselon I lainnya. Tampilan pada
modul ini dibuat dalam bentuk slide berita yang memiliki tombol navigasi namun tetep memliki
indeks berita untuk menampikan seluruh berita yang termasuk kedalam categori berita utama.

Indeks Berita
Tombol navigasi

12
5. Fitur Baru Berita Pusat
Untuk modul Berita Pusat, tim pengembang menggunakan modul RSS (Really Simple Syndication)
yang langsung terhubung dengan web unit eselon 1 lainya yang menyediakan layanan RSS yang
nantinya secara otomatis berita di web unit eselon 1 lain juga akan tampil di halaman berita
website pusat. Cara ini dapat meringankan tugas admin dalam menginput berita karena berita akan
muncul secara otomatis.
Tombol navigasi
Inisial berita unit eselon 1

13
 6. Konsep Baru Berita Kantor Wilayah
Pada bagian ini sama seperti konsep yang digunakan pada modul Berita Pusat, Berita Kantor
Wilayah juga menggunakan modul RSS (Really Simple Syndication) yang langsung terhubung
dengan website seluruh Kantor Wilayah yang nantinya secara otomatis berita di seluruh website
Kantor Wilayah juga akan tampil di halaman berita website pusat. Cara ini juga dapat meringankan
tugas admin dalam menginput berita karena berita Kanwil pun akan muncul secara otomatis.
Modul ini dibagi menjadi 3 wilayah yaitu Berita Kanwil Indonesia Barat, Berita Kanwil Indonesia
Tengah, dan Berita Kanwil Indonesia Timur, dengan tujuan memudahkan pengunjung dalam
mencari berita dari masing-masing Kantor Wilayah.

Tombol navigasi

14
7. Fitur Baru Berita Media
Berita Media ini merupakan permintaan tambahan dari Biro Humas terkait berita-berita tentang
Kementerian Hukum dan HAM yang sering muncul di media online lainnya agar dapat diretas juga
di halaman website resmi Kementerian. Untuk modul ini di buat dalam bentuk grid menyesuaikan
dengan konsep tampilan website yang sedang trend saat ini, selain itu juga agar tampilan berita
tidak monoton.

Sumber media online

15
 8. Fitur Widget Timeline Official Twitter (@Kemenkumham_RI)
Masih sama dengan konsep website sebelumnya, agar masyarakat luas juga bisa mengakses berita
melalui media sosial, tim pengembang juga memasang widget twitter, sehingga ketika admin
website mengunggah berita secara otomatis beritanya pun muncul di timeline twitter resmi yang
dikelola Biro Humas.

16
9. Fitur Galeri Video
Pada bagian ini sama seperti website sebelumnya juga menampilkan koleksi video layanan publik
yang dimiliki Kementerian Hukum dan Ham RI. Video tersebut diunggah melalui channel di youtube
sehingga tidak memberatkan dari sisi servernya sendiri, website hanya menampilkan video
berdasarkan ID Channel yang sudah ada di akun youtube yang dikelola Biro humas.

10. Fitur Baru Langganan Berita Via Email

Ini merupakan salah satu modul baru tambahan yang diperuntukan bagi pengunjung yang ingin
secara rutin mengikuti update berita dari website resmi Kemenkumham RI, penggunua cukup
mendaftarkan email pribadi saja, secara otomatis notifikasi setiap kali update berita akan muncul di
email pengunjung.

17
 11. Fitur Baru Banner bagian bawah
Banner ini secara umum menampilkan Gerakan AYO Kerja...! Kami PASTI (Profesional, Akuntabel,
Sinergi, Transparan, dan Inovatif). Halaman banner ini nantinya juga bisa digunakan untuk
mensosialisasikan suatu acara atau kegiatan yang sedang atau akan diperingati oleh seluruh jajaran
Kementerian Hukum dan HAM RI.

12. Fitur Bagian Footer

Pada bagian ini menampilkan Info Kontak dari pengelola website, kemudian juga menampilkan
submenu dari Profile (tentang kumham), submenu dari Produk Hukum, beberapa tautan Layanan
Publik, dan Tautan Lembaga/Instansi terkait.

18
 Penjelasan Fitur Tambahan
Selain fitur yang telah dijelaskan sebelumnya, ada beberapa Menu dan Sub menu tambahan yang ada di
dalam menu utama website baru Kementerian Hukum dan HAM RI, diantaranya adalah :
1. Sub menu Sejarah didalam menu utama PROFIL
Submenu ini nantinya akan berisi sejarah dari Kementerian Hukum dan HAM itu sendiri mulai dari
Menteri di era pertama kali kepemimpinan pada saat lahirnya Kementerian Hukum dan HAM
sampai dengan di era sekarang ini dibawah kepemimpinan Bapak Yassona H. Laoly.
2. Sub menu Sumber Daya Manusia didalam menu PROFIL
Sub menu ini berisi data SDM yang dimiliki oleh Kementerian Hukum dan HAM dari mulai Staf
Khusus dan Staf Ahli, Unit Eselon 1, sampai dengan data SDM di Kantor Wilayah yang ditampilkan
dalam bentuk grafik. Data tersebut berasal dari data SIMPEG milik Biro Kepegawaian.

Sub menu SDM

19
 Tree Menu SDM

Tree Menu
SDM

Tampilan submenu SDM

20
Tampilan isi submenu SDM

21
 3. Sub menu MoU didalam menu PRODUK HUKUM
Submenu tersebut berisi MoU yang dimiliki oleh Kementerian Hukum dan HAM baik Kerjasama
dalam negeri maupun luar negeri. Submenu tersebut menjadi ranah tugas Biro Humas Bagian
Kerjasama Dalam Negeri dan Bagian Kerjasama Luar Negeri dalam memberi kontribusi terkait
dokumen MoU apa saja yang dimiliki Kementerian Hukum dan HAM.

22
4. Menu utama PUBLIKASI
Didalam menu Publikasi terdapat submenu Siaran Pers, Pidato Menteri, Majalah, Jurnal
Penelitian, Brosur dan Leaflet, dan Info Internal. Submenu tersebut dibuat untuk memepermudah
pengunjung mengetahui hal-hal terkait kegiatan Menteri, termasuk diantaranya publikasi untuk
pengunjung eksternal dan pengunjung Internal. Untuk submenu Siaran Pers, Pidato Menteri,
Brosur dan Leaflet, serta Info Internal, tim membuat tampilannya berbentuk Category List,
sedangkan untuk Majalah format tampilannya dibuat dalam bentuk flipbook sehingga lebih mudah
untuk dibaca baik secara fullscreen atau tidak dengan catatan harus menginstal plugin Flash Player
pada browsernya. Berikut tampilan submenu majalah dalam bentuk flipbook.

23
 5. Manu utama Layanan Publik berisi submenu Survey Indeks Kepuasan Masyarakat (IKM), Survey
Indeks Integritas, dan Form Konsultasi Hukum dan HAM. Menu ini dibuat berdasarkan permintaan
dari beberapa pihak dengan tujuan untuk mengetahui bagaimana tanggapan masyarakat terkait
pelayanan jasa hukum, pelayanan pemasyarakatan, dan pelayanan keimigrasian. Selain itu juga ada
form untuk masyarakat atau pengunjung website yang ingin berkonsultasi langsung. Berikut
tampilan halaman survey dan form konsultasi

Tampilan Form Survey

24
Tampilan Form Konsultasi Hukum

25
Matriks Perbedaan Tampilan
Matriks Perbedaan Tampilan Website Resmi
Kementerian Hukum dan HAM RI
No Fitur Website Lama Website Baru Keterangan
1 Info Terkini ada Ada Perubahan Konsep tampilan dan
posisi fitur
2 Pilihan Bahasa Belum ada Ada Fitur Baru
3 Tautan Sosial Media ada Ada Perubahan Konsep tampilan dan
posisi fitur
4 Kolom Search ada Ada Perubahan Konsep tampilan dan
posisi fitur
5 Menu Utama dan ada Ada Perubahan Konsep tampilan dan
sub menu posisi fitur serta penambahan
menu utama dan sub menu
6 Banner Slide Show ada Ada Perubahan Konsep tampilan dan
posisi fitur
7 Tab Landing Page ada Ada Perubahan Konsep tampilan dan
(Unit Pusat) posisi fitur
8 Tab Landing Page ada ada Perubahan Konsep tampilan dan
(Layanan Pengaduan posisi fitur
Masyarakat)

26
9 Tab Landing Page ada Ada Perubahan Konsep tampilan dan
(Layanan Online) posisi fitur
10 Tab Landing Page ada Ada Perubahan Konsep tampilan dan
(E-PASTI) posisi fitur
11 Tab Landing Page Belum ada Ada Fitur Baru
(Aplikasi)
12 Tab Landing Page Belum ada Ada Fitur Baru
(Info Internal)
13 Berita Utama ada Ada Perubahan Konsep tampilan dan
posisi fitur
14 Berita Pusat Belum ada Ada Fitur Baru
15 Berita Kanwil ada Ada Perubahan Konsep tampilan dan
posisi fitur
16 Berita Media Belum ada Ada Fitur Baru
17 Widget Timeline ada Ada Perubahan posisi fitur
Official Twitter
18 Galeri Video ada Ada Perubahan posisi fitur

19 Langganan berita via Belum ada Ada Fitur Baru

email
20 Banner bawah Belum ada Ada Fitur Baru

27
 21 Footer ada Ada Tetap
22 Data SDM Belum ada Ada Fitur Baru
23 Majalah Belum ada Ada Fitur Baru
24 Majalah Belum ada Ada Fitur Baru
25 Form kontak Belum ada Ada Fitur Baru

28
 PETUNJUK TEKNIS
CMS ADMINISTRATOR
WEBSITE KANTOR WILAYAH
KEMENTERIAN HUKUM DAN HAM R.I.

29
 Without your contribution, this project
would just have been another dream.
Thanks for an excellent job team.

“ TIM Pusdatin ”

30
 CMS Administrator Website Kanwil
WEBSITE KANTOR WILAYAH
KEMENTERIAN HUKUM DAN HAM RI

I.Pengantar
Website Kantor Wilayah Kementerian Hukum dan Hak Asasi Manusia Republik Indonesia telah di
redevelop dan redesign sebagai wujud memberikan pelayanan terbaik bagi rakyat Indonesia yang
membutuhkan akses informasi seputar kegiatan di Kantor Wilayah Kemenkumham dengan
mengedepankan fitur layanan yang mudah diakses oleh pengunjung serta informasi publik yang
interaktif.

31
 Framework CMS Joomla Versi Baru
Website Kemenkumham dibangun kembali menggunakan framework CMS Joomla versi terbaru yaitu
versi 3.6.0 yang menawarkan banyak perubahan baik dari sisi kemudahan penggunaan, bahasa
pemrograman, keamanan dan kecepatan akses.

Mendukung Versi PHP7

PHP7 merupakan generasi terbaru PHP yang secara serius dikembangkan oleh Tim pengembang PHP
dengan mengedepankan kecepatan akses. PHP7 menawarkan kecepatan akses 2X lebih cepat dari versi
sebelumnya.

Perubahan Tampilan Website

Website Kantor Wilayah Kemenkumham juga mengalami perubahan tampilan muka dan fitur layanan
yang melengkapi website versi sebelumnya. Dengan tampilan baru ini diharapkan dapat memudahkan
para pengunjung website yang ingin mendapatkan informasi Kemenkumham serta dapat memberikan
perubahan suasana bagi para pengunjungnya.

II.Fitur dan Layanan Website

a. Pengumuman (Running teks)
b. Dua Bahasa (Google Translate)
c. Interaktif Banner (multi functions)
d. Landing pages layanan
e. Tab Landing Info Internal (include Landingpage)
f. Berita Pusat (Auto RSS)
g. Berita Terkini

32
 h. Berita Unit Pelaksana Teknis (Rencana selanjutnya auto RSS)
i. Galeri Video (Auto Youtube Channel)
j. Posting Otomatis ke Facebook & Twitter (onprogres)
k. Twitter Streaming Widget
l. Ebook (Majalah Digital)
m. Galeri Foto
n. F.A.Q (Frequently Asked Questions)
o. Hak akses admin kanwil yang lebih luas

III.Dashboard Admin Website

Alamat Admin Website *(url)
: http://demo.kemenkumham.go.id/sumsel/administrator
*Note : Jika website telah release akan ada perubahan url admin sesuai nama kanwil masing-masing

Masukkan username dan password anda, kemudian akan tampil halaman dashboard website Kanwil
Sumatera Selatan.

33
 IV.Pengelolaan Berita
A. Daftar Kategori
Sebelum membuat artikel berita perlu dilakukan pengkategorian terlebih dahulu untuk memudahkan
kita dalam mencari berita. Langkah untuk membuat kategori adalah sebagai berikut :

Klik menu Content kemudian pilih Categories

34
35
 Lalu akan muncul halaman daftar kategori

36
B. Tambah Kategori Berita

37
 C. Daftar Artikel
Setelah membuat kategori langkah selanjutnya adalah membuat artikel berita

Klik menu Articles, kemudian akan membuka halaman daftar artikel

Gambar di atas adalah tampilan halaman daftar artikel yang sudah dibuat

38
D. Tambah Konten Berita

39
 *note : Menyisipkan Gambar
Sebelum menyisipkan gambar, perhatikan ukuran gambar yang ideal untuk dipublikasikan sebagai
berita.
Ukuran maksimal gambar : 1000 x 1000 pixels
Resolusi : 72/96 dpi
Format : JPEG
Agar lebih optimal olah gambar menggunakan aplikasi Adobe Photoshop kemudian pilih metode
penyimpanan “Save for Web”. Dengan menggunakan metode tersebut file gambar memiliki ukuran
20% lebih kecil dari ukuran gambar sejenis.
Jika gambar sudah siap, arahkan kursor pada bagian konten yang akan anda sisipkan.

40
Kemudian akan muncul area upload gambar

41
42
*note : Melampirkan file
Cara melampirkan file

43
 Akan muncul dibagian bawah artikel keterangan file yang telah diupload

V.Pengelolaan Banner (multi functions)

Banner ini adalah sebuah modul yang multifungsi, bisa digunakan sebagain media untuk mempromosikan
daerah masing-masing propinsi (kearifan lokal, dll), bisa juga digunakan untuk menampilkan banner
sebuah peringatan hari besar atau bisa juga juga digunakan untuk menampilkan berita-berita pilihan,

44
misalnya berita kegiatan pada saat kunjungan Menteri/Sekjen/Pejabat lainnya ke Kantor Wilayah
tersebut.

Ukuran gambar untuk Banner:

Height : 451 pixels
Width : menyesuaikan dengan height
Resolusi : 72/96 dpi
Format : JPEG, PNG

Berikut cara pemasangan banner

 Login Admin
 Akses ke menu Components  Unite Revolution Slider 2

45
 Kemudian akan muncul kotak dialog seperti berikut ini, ikuti langkahnya.

46
47
48
49
 VI.Pengelolaan Running Teks dan Tab landing Info Internal
Running text dan Tab landing Info Internal adalah area modul informasi yang keduanya terkoneksi
kedalam category dan artikel, perbedaan fungsinya yaitu Pengumuman berisi berita yang bersifat umum
untuk semua pengunjung sedangkan info internal adalah berita atau artikel yang dikhususkan untuk
kalangan internal Kantor Wilayah.

Gambar Modul Pengumuman

Gambar Modul Tab Landing Info Internal

50
 Untuk menambahkan Pengumuman dalam bentuk berita berjalan (running teks) caranya sama seperti
pada proses pembuatan berita pada sub unit IV halaman 4.
Perbedaannya hanya pada pemilihan kategori, seperti pada tampilan berikut:

Sama halnya seperti Pengumuman, cara untuk membuat artikel di Tab landing info internal perbedaannya
pada pemilihan kategori, seperti pada tampilan berikut:

51
 VII.Pengelolaan Agenda Kegiatan
Agenda Kegiatan guna untuk mempublikasikan kegiatan apa saja yang akan dan yang telah dilaksanakan
di Kantor Wilayah. Cara pengelolaannya adalah sebagai berikut:

52
Kemudian buat kategori kegiatan

53
 Langkah selanjutnya adalah memasukan agenda kegiatan

54
55
 VIII. Pengelolaan Galeri Foto
Untuk mengelola galeri foto hampir sama dengan versi sebelumnya yaitu yang pertama dilakukan adalah
pengkategorian foto terlebih dahulu baru kemudian mengunggah foto kedalam kategori-kategori
tersebut, yang berbeda hanya modul yang digunakan saja. Berikut cara pengelolaannya :

56
setelah itu akan muncul jendela kategori manager

57
58
Langkah selanjutnya klik save & close kemudian dilanjutkan dengan proses unggah foto

59
 Pilih gambar yang akan di upload, tekan dan tahan tombol ctrl untuk memilih gambar yang akan di
upload

60
61
 File yang telah di upload akan muncul di image manager

62
63
 IX.Pengelolaan e-Buletin
A. Upload File

Fitur ini merupakan fitur yang dulu sempat ada kemudian sekarang diperbaharui kembali, caranya
adalah sebagai berikut:
Siapkan file PDF dari majalah yang akan diupload. Kemudian simpan setiap halaman PDF tersebut
menjadi format file JPEG untuk diupload ke dalam format majalah digital flash flipbook.
Export File PDF Menjadi JPEG Menggunakan Nitro PDF / FOXIT PHANTOM PDF, Atau Adobe Acrobat

64
Pada panduan berikut ini menggunakan Nitro PDF
 Buka file PDF anda menggunakan Nitro PDF
 Kemudian klik pada tab Home lalu pilih menu to Other pilih to image

Pilih opsi Image format menjadi JPEG lalu klik tombol “Convert”

65
 Berikut hasil convert PDF ke JPEG

66
Kemudian upload file-file tersebut menggunakan JCE File Browser

67
68
69
70
71
72
Sampai di langkah ini file majalah dalam format JPEG Sudah berhasil diupload, kemudian langkah
selanjutnya adalah membuat file tersebut agar dapat ditarik melalui fasilitas Ebook “Flip Book”.

73
 B. Cara Kelola Ebook menggunakan component Flipping Book
Akses ke menu Components  FlippingBook

Buat Kategori Flipping Book

74
Langkah selanjutnya adalah membuat Books Baru Flipping Book

75
76
Langkah selanjutnya adalah Import Halaman Flip Book

77
 X. Pengelolaan Galeri Video
Galeri Video dikelola melalui halaman You Tube Channel yang otomatis muncul pada website kantor
wilayah kemenkumham ketika ada pembaruan. Cara pengelolaan galeri video adalah sebagai berikut:
Pilih menu Component pilih Modules

78
79
 XI. Pengelolaan F.A.Q
Untuk pengelolaan FAQ caranya hampir sama seperti pembuatan artikel hanya saja ada tambahan syntax
{Slider} text {/Sliders} dan pemilihan kategory FAQ

80
81
82
XII. Hak Akses Admin yang lebih luas

83
84
Panduan Singkat Pengguna
Surel kemenkumham.go.id
v.20160630

85
 1. Pengantar

Surel kemenkumham.go.id dapat diakses melalui perangkat komputer destop, laptop, komputer tablet
ataupun ponsel pintar (smartphone). Aplikasi yang dapat digunakan yaitu Aplikasi Klien Surel (mail client)
ataupun Peramban Web (web browser). Berikut ini tabel perbandingan perangkat, sistem operasi dan
aplikasi untuk mengakses surel kemenkumham.go.id:

No Perangkat Sistem Operasi Aplikasi Surel Aplikasi Peramban Web

1 Destop GNU/Linux Zimbra Desktop

Laptop Mac OS X Mozilla Thunderbird
Google Chrome
2 Zimbra Desktop
Destop Mozilla Firefox
Microsoft Windows Mozilla Thunderbird
Laptop Opera
Microsoft Outlook
Safari (Mac OS X & iOS)
3 Komputer Tablet Android
Gmail
Ponsel Pintar iOS (iPhone)

2. Akses Surel Menggunakan Peramban Web

2.1. Masuk Surel
1. Jalankan aplikasi peramban web (Google Chrome/Mozilla Firefox / Opera)
2. Akses ke alamat: https://mail.kemenkumham.go.id

86
3. Masukkan username dan password dan jika diinginkan pilih versi tampilan pada peramban:
○ Default: peramban web akan otomatis menyesuaikan dengan sistem operasi yang
digunakan
○ Advanced (Ajax): Jika mengakses surel dengan kecepatan jaringan yang tinggi. misal akses
dari dalam kantor Kemenkumham.
○ Standard (HTML): Jika mengakses surel dengan kecepatan jaringan yang lambat dari
internet.
○ Mobile: Jika mengakses surel menggunakan peramban web pada komputer tablet atau
ponsel pintar.

87
 4. Klik .
5. Jika username dan password yang dimasukkan benar, anda akan masuk ke halaman Surel yang
tampilannya seperti gambar berikut:

88
Catatan:
Mail folder lama anda mungkin belum ada di Mail folder baru selama proses migrasi server surel. Mail
folder lama akan muncul di Mail folder masing-masing pengguna setelah proses migrasi selesai. Jika anda
perlu mengakses Mail folder lama selama proses migrasi, anda dapat mengakses ke
http://mailarsip.kemenkumham.go.id, namun silahkan tetap lakukan pengiriman surel di Mail folder baru
(https://mail.kemenkumham.go.id). Surel baru yang ditujukan untuk anda juga akan diterima di Mail folder
baru.

2.2. Keluar Surel

1. Klik nama pengguna di pojok kanan atas kemudian klik Sign Out.

2. Anda akan kembali ke halaman masuk surel.

89
 2.3. Mengirim Surel

1. Klik
2. Isikan To (alamat tujuan), CC (salinan karbon, opsional), Subject (subjek surel), Attach (lampiran

dokumen, opsional), dan isi surel. Klik untuk mengirim surel.

90
2.4. Mengganti Password

1. Klik nama pengguna di pojok kanan atas kemudian klik Change Password.

2. Akan muncul jendela peramban baru. Isikan password lama anda dan password penggantinya dua

kali. Password harus berisi minimal 6 karakter. Kemudian klik

91
92
3. Jika ganti password berhasil akan muncul tampilan seperti gambar berikut.

4. Tutup jendela ganti password dan uji password baru anda dengan keluar dan masuk kembali ke
dalam surel.

93
 3. Akses Surel Menggunakan Zimbra Desktop

3.1. Unduh dan Pasang Zimbra Desktop

1. Unduh dan pasang Java Runtime Environment (JRE) jika belum dipasang di destop/laptop anda. JRE
dapat diunduh di tautan http://www.java.com/en/download/manual.jsp.
2. Unduh Zimbra Desktop di tautan https://www.zimbra.com/downloads/zimbra-desktop/. Pilih
berkas (file) yang sesuai dengan sistem operasi yang anda gunakan.
3. Eksekusi berkas Zimbra Desktop yang sudah diunduh untuk melakukan pemasangan.
4. Jalankan aplikasi Zimbra Desktop.

94
5. Klik . Isikan parameter konfigurasi sebagai berikut:
a. Account type: Zimbra
b. Account name: nama akun pengguna [alamat.surel@kemenkumham.go.id]
c. Email address: alamat surel [alamat.surel@kemenkumham.go.id]
d. Password: kata kunci surel
e. Incoming server: mail.kemenkumham.go.id
f. Security: SSL
g. Check messages: as new mail arrives
h. Mail Sync: Sync all messages

Setelah selesai klik .

95
 6. Jika parameter yang diisikan benar, selanjutnya akan muncul tampilan seperti gambar berikut. Klik

untuk membuka Surel.

96
97
 7. Tampilan Surel akan seperti gambar berikut.

98
3.2. Mengirim Surel
1. Klik
2. Isikan To (alamat tujuan), CC (salinan karbon, opsional), Subject (subjek surel), Attach (lampiran
dokumen, opsional), dan isi surel. Klik untuk mengirim surel.

99
 4. Akses Surel Menggunakan Microsoft Outlook

4.1. Konfigurasi Microsoft Outlook

1. Jalankan aplikasi Microsoft Outlook.

100
2. Pilih menu Tools > Account Settings. Akan muncul jendela Account Settings seperti berikut:

101
 3. Pada tab E-mail, pilih

4. Pilih kemudian klik

5. Pilih kemudian klik .

6. Isikan parameter akun surel:
a. Your name: Nama Lengkap
b. Email address: alamat surel [alamat.surel@kemenkumham.go.id]
c. Account Type: POP3
d. Incoming mail server: mail.kemenkumham.go.id
e. Outgoing mail server (SMTP): mail.kemenkumham.go.id
f. User Name: nama.akun
g. Password: kata kunci surel
h. Remenber password: ceklis

102
Kemudian klik dan pilih tab Advanced.

103
 7. Isikan parameter E-mail Settings:
a. Incoming server (POP3): 995
b. This server requires SSL: Ceklis
c. Outgoing server (SMTP): 25
d. Use type encrypted connection: TLS
e. Leave a copy of messages on the server: Ceklis

Kemudian klik
104
8. Klik untuk menguji konfigurasi akun. Jika konfigurasi benar, jendela uji
setelan akun akan tampil seperti berikut:

Klik untuk menutup jendela uji akun.

9. Klik untuk melanjutkan konfigurasi.

10. Klik untuk mengakhiri konfigurasi.

105
 11. Klik untuk menutup jendela Account Settings.

12. Klik untuk memulai mengunduh surel.

106
4.2. Mengirim Surel
1. Klik
2. Isikan To (alamat tujuan), CC (salinan karbon, opsional), Subject (subjek surel), Attach (lampiran

dokumen, opsional), dan isi surel. Klik untuk mengirim surel.

107
 5. Akses Surel Menggunakan Klien Surel Mozilla Thunderbird

5.1. Unduh dan Pasang Mozilla Thunderbird

1. Unduh Mozilla Thunderbird di tautan https://www.mozilla.org/en-US/thunderbird/all/.
2. Pilih berkas (file) yang sesuai dengan sistem operasi yang anda gunakan.
3. Eksekusi berkas Mozilla Thunderbird yang sudah diunduh untuk melakukan pemasangan.
4. Jalankan aplikasi Mozilla Thunderbird.

108
5. Klik . Isikan parameter akun surel:
a. Your name: Nama Lengkap
b. Email address: alamat surel [alamat.surel@kemenkumham.go.id]
c. Password: kata kunci surel

Setelah selesai klik .

109
 6. Klik . Isikan parameter akun surel:
a. Incoming: POP3
b. Incoming Server hostname: mail.kemenkumham.go.id
c. Incoming Port: 110
d. Incoming SSL: STARTTLS
e. Incoming Authentication: Normal password
f. Outgoing: SMTP
g. Outgoing Server hostname: mail.kemenkumham.go.id
h. Outgoing Port: 587
i. Outgoing SSL: STARTTLS
j. Outgoing Authentication: Normal password
k. Incoming Username: nama.akun
l. Outgoing Username: nama.akun

7. Setelah selesai klik .

110
8. Selanjutnya akan muncul tampilan surel seperti gambar berikut.

111
112
5.2. Mengirim Surel
1. Klik
2. Isikan To (alamat tujuan), CC (salinan karbon, opsional), Subject (subjek surel), Attach (lampiran

dokumen, opsional), dan isi surel. Klik untuk mengirim surel.

113
 6. Akses Surel Menggunakan Aplikasi Gmail di Tablet/Ponsel
6.1. Unduh dan Konfigurasi Gmail
1. Jika aplikasi Gmail belum terpasang di tablet/ponsel anda, unduh dan pasang dari Google Play
(Android) atau Apple App Store (iOS) sesuai jenis tablet/ponsel anda.
2. Jalankan aplikasi Gmail.

114
3. Pilih kemudian pilih

4. Pilih Set up email: Personal (IMAP/POP). Kemudian pilih NEXT.

115
116
5. Isi enter your email dengan alamat.email@kemenkumhan.go.id. Kemudian pilih Manual setup.

6. Pilih tipe akun: Personal (IMAP). Kemudian pilih NEXT.

117
118
7. Isikan password akun. Kemudian pilih NEXT.

119
 8. Pada bagian Incoming server settings, isikan parameter berikut:
a. USERNAME: alamat.surel@kemenkumham.go.id
b. PASSWORD: kata kunci akun surel
c. SERVER: mail.kemenkumham.go.id
d. PORT: 143
e. SECURITY TYPE: STARTTLS
Kemudian pilih NEXT.

120
Pada bagian Outgoing server settings, isikan parameter berikut:
a. SMTP SERVER: mail.kemenkumham.go.id
b. PORT: 587
c. SECURITY TYPE: STARTTLS
d. USERNAME: alamat.surel@kemenkumham.go.id
e. PASSWORD: kata kunci akun surel
i. Kemudian pilih NEXT.

121
 9. Pada bagian Account options, isikan parameter berikut atau sesuaikan dengan keinginan anda
a. Sync frequency: Every 15 minutes
b. Notify me when email arrives:
c. Sync email from this account:
d. Automatically download attachments when connected to Wi-Fi:

122
10. Pada bagian terakhir, isikan parameter berikut atau sesuaikan dengan keinginan anda
a. Account name: alamat.surel@kemenkumham.go.id
b. Your name: Nama Lengkap

11. Email anda sudah siap diakses di tablet/ponsel anda.

123
 6.2. Mengirim Surel
1. Pilih kemudian pilih akun surel kemenkumham.go.id.

124
2. Pada tampilan Inbox akun, pilih

125
 3. Isikan To (alamat tujuan), CC (salinan karbon, opsional), Subject (subjek surel), (lampiran
dokumen, opsional), dan isi surel. Pilih untuk mengirim surel.

126
7. Akses Surel Menggunakan Aplikasi Microsoft Outlook di Tablet/Ponsel

7.1. Unduh dan Konfigurasi Microsoft Outlook

1. Jika aplikasi Microsoft Outlook belum terpasang di tablet/ponsel anda, unduh dan pasang dari
Google Play (Android) atau Apple App Store (iOS) sesuai jenis tablet/ponsel anda.

2. Jalankan aplikasi Microsoft Outlook. Sentuh tombol

127
 3. Pada tampilan Add Account, maskukkan alamat surel alamat.surel@kemenkumham.go.id kemudian
sentuh tombol .

4. Pada tampilan Choose account type, pilih .

128
5. Pada tampilan Connect IMAP, sentuh menu . Isikan parameter berikut.

Setelah selesai sentuh tombol

a. Email Address: alamat.surel@kemenkumham.go.id

129
 b. Display Nama: Nama Lengkap
c. Description: Kemenkumham
d. IMAP Incoming Mail Server: mail.kemenkumham.go.id
e. IMAP Username: alamat.surel@kemenkumham.go.id
f. IMAP Password: kata kunci akun surel
g. SMTP Outgoing Mail Server: mail.kemenkumham.go.id
h. SMTP Username: alamat.surel@kemenkumham.go.id
i. SMTP Password: kata kunci akun surel

130
6. Jika muncul pesan kesalahan invalid certificate, lanjutkan dengan tetap milih

7. Email anda sudah siap diakses di tablet/ponsel anda.

131