KEMENTERIAN SEKRETARIAT NEGARA REPUBLIK INDONESIA

User Manual Aplikasi Website www.setneg.go.id http://www.setneg.go.id

KEMENTERIAN SEKRETARIAT NEGARA REPUBLIK INDONESIA

BUKU PETUNJUK PENGGUNAAN APLIKASI (USER MANUAL)

Pengembangan Aplikasi Website www.setneg.go.id

KEMENTERIAN SEKERETARIAT NEGARA REPUBLIK INDONESIA TAHUN 2016

DOKUMEN INI DAN INFORMASI YANG DIMILIKINYA BERSIFAT RAHASIA. DILARANG MEREPRODUKSI ATAU MENYEBARKAN SEBAGIAN ATAU SELURUH DOKUMEN INI TANPA IJIN TERTULIS DARI KEMENTERIAN SEKRETARIAT NEGARA RI.

Nomor Dokumen :

UM.1.SETNEG.WEB.2016

Revisi :

Dokumen ini ditujukan kepada Kementerian Sekretariat Negara Republik Indonesia © Hak Cipta Kementerian Sekretariat Negara Republik Indonesia. Hak cipta dilindungi oleh Undang-undang.

i

Daftar Isi DAFTAR ISI........................................................................................................................... II TENTANG PANDUAN INI......................................................................................................IV 1 PENDAHULUAN................................................................................................................. 1 1.1. Tujuan Pembuatan Dokumen ....................................................................................... 1 1.2. Deskripsi Umum Sistem ................................................................................................ 1 1.3. Deskripsi Dokumen (Ikhtisar) ....................................................................................... 1 2 KEBUTUHAN SUMBER DAYA.............................................................................................. 3 2.1. Software Pendukung..................................................................................................... 3 2.2. Hardware Pendukung.................................................................................................... 3 2.3. Jaringan Internet ........................................................................................................... 3 2.4. Sumber Daya Manusia .................................................................................................. 4 3 GAMBARAN UMUM APLIKASI............................................................................................ 5 3.1. Layar Aplikasi SETNEG................................................................................................... 5 3.2. Komponen di Aplikasi Website Setneg......................................................................... 6 3.3. Pengolahan Data ........................................................................................................... 7 3.4. Struktur Menu Aplikasi ................................................................................................. 8 4 SOP PENGELOLAAN SISTEM ............................................................................................... 9 4.1. www.setneg.go.id ......................................................................................................... 9 4.2. http://panel.setneg.go.id ........................................................................................... 11 4.3. http://api.setneg.go.id ............................................................................................... 14 4.4. http://stats.setneg.go.id............................................................................................. 16 4.5. http://cdn.setneg.go.id............................................................................................... 17 5 CARA PENGGUNAAN APLIKASI......................................................................................... 20 5.1. Penggunaan Aplikasi Website SETNEG....................................................................... 20 5.1.1. Cara Membuka Situs Website SETNEG ................................................................ 20 5.1.2. Fitur Bahasa ......................................................................................................... 22 5.1.3. Cover Slider .......................................................................................................... 23 5.1.4. Banner.................................................................................................................. 23 5.1.5. Website Survey .................................................................................................... 24 5.1.6. Pencarian Berita & Artikel.................................................................................... 25 5.1.7. Menu Portal Website ........................................................................................... 26 5.1.7.1. Tentang Kami ................................................................................................... 26 5.1.7.2. Tata Kelola........................................................................................................ 27 5.1.7.3. Produk Hukum ................................................................................................. 28

ii

5.1.7.4. Berita & Artikel................................................................................................. 29 5.1.7.5. Publikasi ........................................................................................................... 32 5.1.7.6. Informasi & Layanan Publik ............................................................................. 33 5.1.7.7. Pengadaan Barang & Jasa ................................................................................ 38 5.1.7.8. Istana Kepresidenan......................................................................................... 40 5.1.8. Share Ke Facebook............................................................................................... 40 5.1.9. Share Ke Twitter................................................................................................... 41 5.1.10. Penilaian Artikel ................................................................................................... 42 5.1.11. Berita di Homepage ............................................................................................. 42 5.1.12. Info Penting.......................................................................................................... 42 5.1.13. Info Publik ............................................................................................................ 43 5.1.14. Shortcut................................................................................................................ 43 5.1.15. Social Media......................................................................................................... 44 5.1.16. Icon Google Play & App Store .............................................................................. 44

iii

Tentang Panduan Ini Petunjuk penggunaan aplikasi ini dibuat agar user dapat mengoperasikan aplikasi Setneg. Didalamnya terdapat panduan cara pengoperasian modul aplikasi. Diharapkan dengan terbitnya dokumen ini salah satu maksud dan tujuan dari pengembangan www.setneg.go.id dapat tercapai.

iv

1

PENDAHULUAN

1 1 PENDAHULUAN 1.1. Tujuan Pembuatan Dokumen Dokumen User Manual ini dibuat agar user dapat mengoperasikan Aplikasi Setneg modul Website secara maksimal. Dengan dapat dioperasikannya aplikasi ini diharapkan informasi dapat lebih cepat sampai kepada tujuan.

1.2. Deskripsi Umum Sistem Aplikasi website www.setneg.go.id adalah aplikasi yang mengedepankan transparansi dan keterbukaan informasi dari instansi/lembaga pemerintah. Untuk mewujudkan visi egovernment nasional yaitu mewujudkan layanan pemerintahan yang transparan, responsif dan berkelanjutan, serta misi daripada e-government, yaitu: • Meningkatkan efektifitas dan efesiensi dalam penyediaan layanan pemerintah; • Mempercepat dan memperluas layanan pemerintah; serta • Mempererat hubungan antar pemerintah , masyarakat, dan bisnis.

1.3. Deskripsi Dokumen (Ikhtisar) Dokumen ini dibuat untuk memberikan panduan penggunaan aplikasi website Setneg yang berisikan informasi sebagai berikut : 1. BAB I Berisi informasi umum yang merupakan bagian pendahuluan, yang meliputi tujuan pembuatan dokumen, deskripsi umum sistem serta deskripsi dokumen. 2. BAB II Berisi perangkat yang dibutuhkan untuk penggunaan Aplikasi SETNEG meliputi perangkat lunak dan perangkat hardware yang dibutuhkan. 3. BAB III Berisi penjelasan mengenai gambaran umum aplikasi meliputi layar aplikasi, komponen didalam aplikasi, pengolahan data & struktur menu aplikasi.

Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 1

1

PENDAHULUAN

4. BAB IV Berisi penjelasan mengenai SOP Pengelolaan sistem. 5. BAB V Berisi penjelasan mengenai cara penggunaan aplikasi


Hal 2

2

KEBUTUHAN SUMBER DAYA

2 2 KEBUTUHAN SUMBER DAYA 2.1. Software Pendukung Kebutuhan perangkat lunak yang dibutuhkan untuk dapat mengakses Aplikasi Website Setneg ini adalah sebagai berikut : 1. Operating system 

Windows 7 (direkomendasikan versi terbaru)

2. Web Browser 

Mozila Firefox (versi terbaru lebih direkomendasikan);



Chrome (versi terbaru lebih direkomendasikan);



Internet Explorer ver.10 (versi terbaru lebih direkomendasikan).

2.2. Hardware Pendukung Untuk menjalankan Aplikasi Setneg ini dibutuhkan spesifikasi minimum hardware sebagai berikut : 1. Procesor : Dual core 2. Kapasitas RAM

: 2 GB

3. Hardisk

: HDD 250 GB

4. Monitor

: VGA 256 Mb

5. Network

: Modem atau Broadband Internet Akses

2.3. Jaringan Internet Diperlukan jaringan internet untuk mengakses aplikasi ini, dan perlu diperhatikan kebutuhan akses jaringan internet sebagai berikut : 1. Bandwidth Minimum : 256 Kbps 2. Akses internet : Modem USB, LAN (local Area Networking), WiFi, atau dial-up modem. Akan lebih baik jika kecepatan bandwidth di atas 256 Kbps dan signal menunjukan HSDPA atau jaringan 4G.


Hal 3

2

KEBUTUHAN SUMBER DAYA

2.4. Sumber Daya Manusia Sumber daya manusia yang direkomendasikan untuk mengoperasikan aplikasi ini adalah: 1. Terbiasa bekerja dengan menggunakan komputer 2. Terbiasa menggunakan aplikasi berbasis internet melalui web browser/internet browser 3. Memahami cara entry proses tata persuratan berbasis elektronik.


Hal 4

3

GAMBARAN UMUM APLIKASI

3 3 GAMBARAN UMUM APLIKASI 3.1. Layar Aplikasi SETNEG

Komponen

Deskripsi

Nama Aplikasi

Nama modul aplikasi yang sedang dijalankan/digunakan

Menu

Daftar menu utama dari modul aplikasi yang sedang dijalankan

Sub Menu

Daftar sub menu dari menu utama yang sedang diaktifkan

Field

Tempat memasukkan data/informasi, agar data/informasi yang di-entry-kan benar maka harus perhatikan Title dari Field tersebut

Hari/Tanggal

Petunjuk hari dan tanggal

Fitur Bahasa

Fitur untuk mengatur bahasa yang digunakan website

Homepage

Halaman depan website / halaman yang muncul ketika membuka aplikasi


Hal 5

3


3.2. Komponen di Aplikasi Website Setneg Komponen

Fungsi Komponen Untuk membagikan ke Facebook Untuk membagikan ke Twitter Untuk mendownload file Untuk memberi penilaian artikel

Menampilkan data lainnya

Untuk mencari data berdasarkan kata/kalimat yang di entri

Untuk memutar video Untuk mendownload file Untuk menampilkan jumlah data sesuai jumlah yang dipilih Untuk insert/upload file Untuk memverifikasi Untuk mendownload formulir

Untuk memindahkan posisi halaman menjadi ke halaman paling bawah Untuk memindahkan posisi halaman menjadi ke halaman paling atas Untuk menampilkan detail konten berita yang dipilih


Hal 6

3


3.3. Pengolahan Data 1.

Pencarian Data

Pada blok form display data terdapat

yang digunakan

untuk mengentry-kan kata/kalimat yang dicari, maka akan menampilkan hasil pencarian data sesuai dengan kata/akalimat yang di entry. 2.

Entry Tanggal

Untuk memasukkan data tanggal harus mengikuti format DD-MM-YYYY (contoh 15-082015), dimana DD : tanggal, MM : bulan dan YYYY : tahun Cara mengisi tanggal dapat dilakukan secara manual sesuai format atau dengan menggunakan fungsi kalender pada kolom tersebut CATATAN : Hati-hati pada saat memasukkan data secara manual khususnya untuk data tahun, harus diisi lengkap 4 digit, yaitu ‘1999’, dan jangan hanya ‘80’, karena sistem akan mengenalinya sebagai 1980

Fungsi kalender pada form aplikasi akan memudahkan kita untuk mengisi data dalam field tanggal. Cara memilih fungsi tanggal adalah dengan klik tombol di samping field tanggal sebagai berikut :


Hal 7

3


3.4. Struktur Menu Aplikasi Berikut adalah struktur menu dari aplikasi website Setneg :

Gambar 3- 1. Struktur menu utama aplikasi website Setneg www.setneg.go.id

Gambar 3- 2. Struktur menu utama aplikasi mobile Setneg


Hal 8

4

SOP PENGELOLAAN SISTEM

4 4 SOP PENGELOLAAN SISTEM 4.1. www.setneg.go.id Pada bagian ini akan dijelaskan mengenai SOP Pengelolaan Sistem : www.setneg.go.id. Langkah Instalasi : 1.

Konfigurasi

Ada yang yang perlu di setup sebelum website bisa digunakan. Copy file

app/config/env/sample.php menjadi app/config/env/development.php dan sesuaikan dengan kebutuhan. 2.

Update Composer

Pastikan paket composer selalu update dengan menjalankan perintah: php

composer.phar update. 3.

Buat folder yang dibutuhkan

$ROOT/temporary/ : folder yang dibutuhkan untuk upload file sementara (biasanya digunakan untuk upload ke CDN) Pastikan permission folder tersebut sama dengan user webserver atau dengan mode : 0777. Contoh : Alternatif 1 : user webserver : www, maka perintahnya: chown www temporary Alternatif 2 : perintah : chmod 0777 temporary


Hal 9

4

SOP PENGELOLAAN SISTEM 4.

Info file konfigurasi

file: app/config/env/sample.php

'database' => array( 'adapter' => 'Mysql', 'host' => 'localhost', 'username' => 'root', 'password' => '', 'dbname' => 'test', 'charset' => 'utf8', 'debug' =>false, ) profile yang dibutuhkan untuk terhubung ke database setneg. Filed-field mandatory:

adapter, host, username, password, dbname 'database_dumas' => array( 'adapter' => 'Mysql', 'host' => 'localhost', 'username' => 'root', 'password' => '', 'dbname' => 'test', 'charset' => 'utf8', 'debug' =>false, ),

profile yang dibutuhkan untuk terhubung ke database DUMAS. Filed-field mandatory:

adapter, host, username, password, dbname 'application' => [ 'baseUri'=>'/', ], Awalan URL untuk website Setneg. Dalam contoh diatas untuk URL: http://www.setneg.go.id/ . Jika inginn menjadi: http://www.setneg.go.id/main , maka nilainya menjadi: ‘baseUri’=>’/main’

‘page_break'=>[ 'data'=>'', ], Kode yang digunakan untuk melakukan pemisahan halaman dalam halaman atau artikel. Dari sisi user, kode ini tidak akan ditampilkan

'cek_http'=>[ 'someah'=>'panel.setneg.someah.id', 'belant'=>'panel.setneg.belant.net', ], host/domain yang diijinkan untuk melakukan preview artikel/halaman Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 10

4


'stats'=>[ 'url'=>'http://belant.stats.setneg/', ], URL yang digunakan untuk pencatatan trafik website setneg. Contoh: http://stats.setneg.go.id

'cdn'=>[ 'url'=>'http://cdn.setneg.belant.net/', "user"=>"ulfi", "token"=>"9bnt6z=2md", ], Konfigurasi yang digunakan untuk URL CDN (image, pdf, doc). User dan token digunakan jika ada proses simpan file ke CDN

'cache' =>[ 'host'=>'localhost', 'port'=>6379, "prefix"=>"setneg_www_", ] Konfigurasi Cache Server (menggunakan Redis)

'mail'=>[ 'to_email'=>'[email protected]', 'to_email_name'=>'Lukman hakim', 'from_email'=>'[email protected]', 'from_name'=>'chandra' ], ]); Konfigurasi untuk E-mail pengirim dan penerima PPID.

4.2. http://panel.setneg.go.id Pada bagian ini akan http://panel.setneg.go.id.

dijelaskan

mengenai

SOP

Pengelolaan

Sistem

:

Langkah Instalasi : 1.

Konfigurasi


app/config/env/sample.php menjadi app/config/env/development.php dan sesuaikan dengan kebutuhan. 2.

Update Composer


Hal 11

4

SOP PENGELOLAAN SISTEM Pastikan paket composer selalu update dengan menjalankan perintah: php



$ROOT/logs/ : follder yang dibutuhkan untuk mencatat log aktivitas Pastikan permission folder tersebut sama dengan user webserver atau dengan mode : 0777. Contoh : Alternatif 1: user webserver : www, maka perintahnya : chown www logs Alternatif 2 : perintah : chmod 0777 logs 4.


file : app/config/env/sample.php 'database' => array( 'adapter' => 'Mysql', 'host' => 'localhost', 'username' => 'root', 'password' => '', 'dbname' => 'test', 'charset' => 'utf8', 'debug' =>false, ) profile yang dibutuhkan untuk terhubung ke database setneg. Filed-field mandatory :

adapter, host, username, password, dbname 'application' => [ 'baseUri'=>'/', ] Awalan URL untuk website Setneg. Dalam contoh diatas untuk URL: http://panel.setneg.go.id . Jika inginn menjadi: http://panel.setneg.go.id/main , maka nilainya menjadi: ‘baseUri’=>’/main’

'preview' => [ 'url'=>'http://www.setneg.someah.id/baca/index/', ], URL yang digunakan untuk melakukan preview


Hal 12

4

SOP PENGELOLAAN SISTEM "cdn"=>[ "url"=>"http://belant.cdn.setneg", "user"=>"ulfi", "token"=>"9bnt6z=2md", ], Konfigurasi yang digunakan untuk URL CDN (image, pdf, doc). User dan token digunakan jika ada proses simpan file ke CDN

'cache' =>[ 'host'=>'localhost', 'port'=>6379, "prefix"=>"", ], Konfigurasi Cache Server (menggunakan Redis)

'stats'=>[ 'url'=>'http://belant.stats.setneg/', ], URL yang digunakan untuk pencatatan trafik website setneg. Contoh: http://stats.setneg.go.id

'mail'=>[ 'to_email'=>'[email protected]', 'to_email_name'=>'Lukman hakim', 'from_email'=>'[email protected]', 'from_name'=>'chandra' ], konfigurasi untuk E-mail pengirim dan penerima PPID.

"policy"=>[ "password"=>[ "length"=>8, "numeric_length"=>1, "special_length"=>0, "capital"=>true, ], ], Konfigurasi untuk syarat penggunaaan password. Semua pilihan menggunakan kondisi DAN, sehingga semua kondisi diatas harus terpenuhi, kecuali jika bernilai 0 atau false

'push_notif'=>[ 'url_api'=>'http://api.setneg.someah.id/push/android', 'url_baca'=>'http://www.setneg.belant.net/baca/index/' ] URL yang akan dikirim pada saat push notifikasi. Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 13

4


4.3. http://api.setneg.go.id Pada bagian ini akan http://api.setneg.go.id.

dijelaskan

mengenai

SOP

Pengelolaan

Sistem

:

Langkah Instalasi : 1.

Konfigurasi


config/env/sample.php menjadi config/env/development.php dan sesuaikan dengan kebutuhan. 2.

Update Composer

Pastikan paket composer selalu update dengan menjalankan perintah: php



$ROOT/logs/ : follder yang dibutuhkan untuk mencatat log aktivitas Pastikan permission folder tersebut sama dengan user webserver atau dengan mode : 0777. Contoh : Alternatif 1: user webserver : www, maka perintahnya: chown www logs Alternatif 2 : perintah : chmod 0777 logs 4.


file : app/config/env/config.sample.php 'database' => array( 'adapter' => 'Mysql', 'host' => 'localhost', 'username' => 'root', 'password' => '', 'dbname' => 'example', ) profile yang dibutuhkan untuk terhubung ke database setneg. Filed-field mandatory:

adapter, host, username, password, dbname 'cache' =>[ 'host'=>'localhost',


Hal 14

4

SOP PENGELOLAAN SISTEM 'port'=>6379, "prefix"=>"setneg_api_", ] Konfigurasi Cache Server (menggunakan Redis) 'stomp' =>[ 'host'=>'localhost', 'port'=>61613, ], Konfigurasi ke server manajemen antrian (ActiveMQ) 'queue'=>[ "log_info"=>"/queue/cdn/log/info" ], Nama Queue yang digunakan di antrian (ActiveMQ) 'application' => array( 'modelsDir' => __DIR__ . '/../../models/', 'viewsDir' => __DIR__ . '/../../views/', 'libraryDir' => __DIR__ . '/../../library/', 'baseUri' => '/', 'logDir' => __DIR__ . '/../../logs/', 'android_gcm_key'=>'', 'android_gcm_sender'=>'', ) Lokasi folder2 aplikasi. Field: android_gcm_key: Key dari aplikasi Setneg Mobile di FCM (Firebase Console Management) android_gcm_sender: Sender dari aplikasi Setneg Mobile di FCM (Firebase Console Management) 'cdn'=>[ 'url'=>'http://belant.cdn.setneg/', ], Konfigurasi yang digunakan untuk URL CDN (image, pdf, doc). User dan token digunakan jika ada proses simpan file ke CDN 'stats'=>[ 'url'=>'http://belant.stats.setneg/', ], URL yang digunakan untuk pencatatan trafik website setneg. Contoh: http://stats.setneg.go.id "www"=>[ "url"=>[ Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 15

4

SOP PENGELOLAAN SISTEM "read"=>"http://belant.www.setneg/post/baca", ] ], URL yang dikirim dari API sebegai pengenal baca artikel/halaman "mobile"=>[ "url"=>[ "android"=>"http://www.google.com", "ios"=>"http://www.apple.com", ] ], URL untuk informasi aplikasi Setneg Mobile di Play Store dan Apple Store.

4.4. http://stats.setneg.go.id Pada bagian ini akan http://stats.setneg.go.id.

dijelaskan

mengenai

SOP

Pengelolaan

Sistem

:

Langkah Instalasi 1.

Konfigurasi


config/env/config.sample.php menjadi config/env/development.php dan sesuaikan dengan kebutuhan. 2.

Update Composer

Pastikan paket composer selalu update dengan menjalankan perintah : php



file : app/config/env/config.sample.php

'database' => [ "mongo"=>[ 'adapter' => 'MongoDB', 'host' => 'localhost', 'port' => 27017, 'username' => 'root', 'password' => '', 'dbname' => 'setneg_stats', ], ], Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 16

4

SOP PENGELOLAAN SISTEM profile yang dibutuhkan untuk terhubung ke database setneg. Filed-field mandatory:

adapter, host, username, password, dbname 'cache' =>[ 'host'=>'localhost', 'port'=>11211, ], Konfigurasi Cache Server (menggunakan Redis)

'stomp'=>[ 'host'=>'localhost', 'port'=>61613, ], Konfigurasi ke server manajemen antrian (ActiveMQ)

'queue'=>[ 'read'=>'/queue/read', 'url'=>'/queue/url', 'media'=>'/queue/media', ], Nama Queue yang digunakan di antrian (ActiveMQ)

'application' => array( 'modelsDir' => __DIR__ . '/../../models/', 'viewsDir' => __DIR__ . '/../../views/', 'libraryDir' => __DIR__ . '/../../library/', 'baseUri' => '/', 'logDir' => __DIR__ . '/../../logs/', ) Lokasi folder2 aplikasi.

4.5. http://cdn.setneg.go.id Pada bagian ini akan http://cdn.setneg.go.id.

dijelaskan

mengenai

SOP

Pengelolaan

Sistem

:

Langkah Instalasi 1.

Konfigurasi


config/env/sample.php menjadi config/env/development.php dan sesuaikan dengan kebutuhan. 2.

Update Composer


Hal 17

4

SOP PENGELOLAAN SISTEM Pastikan paket composer selalu update dengan menjalankan perintah: php



$ROOT/logs/ : follder yang dibutuhkan untuk mencatat log aktivitas Pastikan permission folder tersebut sama dengan user webserver atau dengan mode : 0777. Contoh : Alternatif 1: user webserver : www, maka perintahnya: chown www logs Alternatif 2 : perintah : chmod 0777 logs

$ROOT/data/ : follder yang dibutuhkan untuk menyimpan semua file CDN Pastikan permission folder tersebut sama dengan user webserver atau dengan mode : 0777. Contoh : alternatif 1: user webserver : www, maka perintahnya: chown www data alternatif 2 : perintah : chmod 0777 data 4.


file: app/config/env/config.sample.php 'database' => array( 'adapter' => 'Mysql', 'host' => 'localhost', 'username' => 'root', 'password' => '', 'dbname' => 'cdn', ) profile yang dibutuhkan untuk terhubung ke database setneg. Filed-field mandatory :

adapter, host, username, password, dbname 'cache' =>[ 'host'=>'localhost', 'port'=>6379, "prefix"=>"setneg_cdn_", ], Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 18

4

SOP PENGELOLAAN SISTEM Konfigurasi Cache Server (menggunakan Redis)

'stomp' =>[ 'host'=>'localhost', 'port'=>61613, ], Konfigurasi ke server manajemen antrian (ActiveMQ)

'queue'=>[ "log_info"=>"/queue/cdn/log/info", "convert_m3u8"=>"/queue/cdn/convert/m3u8", ], Nama Queue yang digunakan di antrian (ActiveMQ)

'application' => array( 'modelsDir' => __DIR__ . '/../../models/', 'viewsDir' => __DIR__ . '/../../views/', 'libraryDir' => __DIR__ . '/../../library/', 'baseUri' => '/', 'baseStorage' => __DIR__ . '/../../data/', 'logDir' => __DIR__ . '/../../logs/', ) Lokasi folder2 aplikasi.


Hal 19

5

CARA PENGGUNAAN APLIKASI

5 5 CARA PENGGUNAAN APLIKASI 5.1. Penggunaan Aplikasi Website SETNEG Pada bagian ini akan dijelaskan mengenai tata cara : menggunakan aplikasi website Setneg.

5.1.1.

Cara Membuka Situs Website SETNEG

Untuk memulai akses terhadap aplikasi : 1. Bukalah sistem aplikasi melalui web browser (Chrome, Mozila FireFox atau lainnya) dengan alamat url sebagai berikut : www.setneg.go.id 2. Kemudian tekan Enter pada tombol keyboard 3. Maka akan menampilkan halaman depan Website :


Hal 20

5



Hal 21

5


5.1.2.

Fitur Bahasa

Fitur ini berfungsi untuk mengatur Bahasa (Indonesia / Inggris) yang ditampilkan di Website Portal SETNEG. Langkah-langkah yang harus dilakukan adalah : 1. Pada ujung kanan atas terdapat fitur bahasa (Indonesia & Inggris), klik icon untuk menampilkan website dengan menggunakan Bahasa Indonesia 2. Klik icon

untuk menampilkan website dengan menggunakan Bahasa Inggris.


Hal 22

5


5.1.3.

Cover Slider

Bagian ini berfungsi untuk menampilkan cover halaman yang berisi gambar/video dalam bentuk slider / secara otomatis akan berganti-ganti sesuai dengan gambar/video yang di input & di publish-kan melalui CMS. Atau klik

untuk

memindahkan slide secara manual.

5.1.4.

Banner

Banner terbagi menjadi 2, yaitu banner di ketika pertama kali membuka website (Start) & pada home page yang posisi nya di bawah cover slider (Page). Banner akan muncul apabila di inputkan melalui CMS Setneg dan banner berstatus aktif. 1. Banner di ketika pertama kali membuka website (Start) adalah seperti berikut :


Hal 23

5

CARA PENGGUNAAN APLIKASI 2. Banner di homepage yang posisinya di bawah cover slider (Page) adalah seperti berikut :

3. Apabila banner di klik, maka akan menampilkan halaman sesuai dengan url yang diatur melalu CMS Setneg.

5.1.5.

Website Survey

Fitur ini berfungsi untuk menampilkan & menjawab pertanyaan web survey yang sebelumnya sudah dibuat melalui CMS. Langkah-langkah yang harus dilakukan adalah : 1. Klik “Web Survey” pada sebelah kiri homepage

2. Maka akan menampilkan pop up berikut :


Hal 24

5


3. Untuk memberikan survey, pilih salah satu jawaban dari pertanyaan yang diberi 4. Kemudian ketikkan kode Captcha 5. Lalu klik “Kirim” untuk mengirim jawaban/vote 6. Maka di CMS akan muncul hasil vote nya.

5.1.6.

Pencarian Berita & Artikel

Fitur ini berfungsi untuk mencari & menampilkan data berita atau informasi sesuai dengan kata atau kalimat yang di entri-kan.

Langkah-langkah yang harus dilakukan adalah : 1.

Entri kata atau kalimat yang akan dicari pada kolom pencarian


Hal 25

5

CARA PENGGUNAAN APLIKASI 2.

Tekan tombol “Enter” pada keyboard, atau klik icon

(Search) untuk memulai

pencarian 3.

Maka akan menampilkan hasil pencarian berita atau informasi sesuai dengan kata atau kalimat yang di entri-kan

4.

Pilih salah satu berita/informasi untuk menampilkan isi dari berita/informasi yang dipilih

5.

Data yang sering dicari/dicari berulang-ulang akan muncul pada bagian “Pencarian Favorit”

5.1.7.

Menu Portal Website

Fitur ini berfungsi untuk menampilkan halaman dari menu / sub menu yang dipilih.

5.1.7.1. Tentang Kami -

Pilih menu/sub menu dari menu “Tentang Kami”

-

Maka akan menampilkan halaman dari menu/sub menu yang dipilih seperti gambar dibawah ini. (untuk menu portal ini di setting di CMS tipe konten nya adalah page/halaman)


Hal 26

5


-

Untuk menu Tentang Kami  Struktur Organisasi, akan menampilkan halaman yang berisi bagan struktur organisasi, dan jika kotak Eselon di klik akan menampilkan bagan struktur organisasi Eselon yang dipilih seperti berikut :

5.1.7.2. Tata Kelola -

Pilih menu/sub menu dari menu “Tata Kelola”

-



Hal 27

5


5.1.7.3. Produk Hukum -

Pilih menu/sub menu dari menu “Produk Hukum”

-

Maka akan menampilkan halaman dari menu/sub menu yang dipilih. (untuk menu portal ini di setting di CMS tipe konten nya adalah post)

-

Untuk menu ini, menampilkan halaman yang berisi data tabel disertai dengan file

pdf yang dapat di download, seperti berikut :

• Untuk mendownoad file, pilih salah satu link download, maka akan menampilkan preview isi file yang akan di download di tab baru • Klik

untuk mendownload


Hal 28

5

CARA PENGGUNAAN APLIKASI 5.1.7.4. Berita & Artikel -

Pilih menu/sub menu dari menu “Berita & Artikel”

-

Maka akan menampilkan halaman dari menu/sub menu yang dipilih. (untuk menu portal ini di setting di CMS tipe konten nya adalah post)

-

Untuk menu Berita & Artikel  Galeri Foto, menampilkan halaman yang berisi kumpulan

foto

yang

diambil

dari

foto-foto

yang

terdapat

di

dalam

website/menampilkan semua foto berstatus Publish di CMS Setneg menu Multimedia (untuk file gambar), akan muncul di menu Galeri Foto, seperti berikut :

• Pilih salah satu foto untuk melihat foto seperti berikut :

• Klik

atau

/ tekan tombol  atau  pada keyboard untuk

menampilkan foto selanjutnya atau sebelumnya


Hal 29

5


-

Untuk menu Berita & Artikel  Galeri Video, menampilkan halaman yang berisi kumpulan Video seperti berikut :

• Pilih salah satu video yang akan diputar • Lalu klik -

untuk memutar video

Dan untuk menu & sub menu lainnya, menampilkan halaman yang berbentuk list data seperti gambar dibawah ini :

• Pilih salah satu data untuk menampilkan detail konten halaman nya • Maka akan menampilkan detail konten halaman dari data yang dipilih


Hal 30

5



Hal 31

5


5.1.7.5. Publikasi -

Pilih menu/sub menu dari menu “Publikasi”

-

Maka akan menampilkan halaman dari menu/sub menu yang dipilih. (untuk menu portal ini di setting di CMS tipe konten nya adalah page & flip)

-

Untuk menu Publikasi  I Magazine / Bulletin, menampilkan halaman yang berisi e-book yang dapat di Download apabila di setting aktif tombol Download –nya di

CMS Setneg

• Pilih salah satu e-book, maka akan menampilkan isi dari e-book yang dipilih

• Apabila terdapat tombol Download (di CMS tombol Download di setting aktif), untuk mendownoad file nya, klik tombol • Maka akan menampilkan preview isi file yang akan di download di tab baru Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 32

5

CARA PENGGUNAAN APLIKASI • Klik

untuk mendownload

5.1.7.6. Informasi & Layanan Publik -

Buka menu Informasi & Layanan Publik  Pengaduan Masyarakat  Rekap Pengaduan Masyarakat  Pencarian Penanganan Surat, maka akan menampilkan halaman untuk mencari data pengaduan masyarakat berdasarkan NO Agenda Dumas seperti berikut :

• Ketikkan No Agenda Dumas yang akan dicari pada kolom pencarian • Kemudian ketikkan kode Captcha pada field

• Lalu klik tombol

, atau tekan enter pada keyboard

• Maka akan menampilkan hasil pencarian data Pengaduan Masyarakat yang dicari berdasarkan NO Agenda Dumas, seperti berikut :


Hal 33

5


-

Buka menu Informasi & Layanan Publik  Pengaduan Masyarakat  Rekap Pengaduan Masyarakat  Rekap Pengaduan Masyarakat dalam bentuk tabulasi, maka akan menampilkan halaman yang berisi rekap Pengaduan Masyarakat (yang datanya diambil dari database aplikasi Dumas) seperti berikut :

-

Buka menu Informasi & Layanan Publik  PPID & Informasi Publik  Formulir Permohonan Informasi, maka akan menampilkan halaman yang berisi formulir untuk mengajukan permohonan informasi seperti berikut :


Hal 34

5


• Klik

tombol

, untuk mendownload formulir permohonan

informasi • Atau dapat juga mengisi formulir permohonan informasi langsung melalui web Data yang di Entri adalah : Kolom /Field

Deskripsi

No Identitas*

Isi No Identitas

Choose File No

Upload / insert file hasil scan kartu identitas


Hal 35

5

CARA PENGGUNAAN APLIKASI Identitas Nama*

Isi Nama

Alamat

Isi Alamat

Telepon / Fax / No

Isi No Telepon/Fax/No Handphone

Handphone Pekerjaan

Ketikkan Pekerjaan

Instansi

Ketikkan Instansi pekerjaan

Email*

Isi Email

Keperluan

Pilih Keperluan

Rincian Informasi yang

Isi Rincian Informasi yang Dibutuhkan

Dibutuhkan* Tujuan Penggunaan

Isi Tujuan Penggunaan Informasi

Informasi* Lampiran Dokumen

Upload/insert file Lampiran Dokumen Pendukung

Pendukung* Cara Memperoleh

Pilih Cara Memperoleh Informasi

Informasi Cara Mendapatkan

Pilih Cara Mendapatkan Salinan Informasi

Salinan Informasi Kota/Kabupaten

Isi Kota/Kabupaten

Captcha

Ketikkan Code Captcha

Ket : *) menunjukkan bahwa data tersebut mandatory/wajib di isi • Klik • Atau klik

, untuk mengirim Permohonan Informasi , untuk mereset data yang sudah di entri-kan menjadi semula

(kosong).


Hal 36

5

CARA PENGGUNAAN APLIKASI -

Buka menu Informasi & Layanan Publik  Informasi Publik  Formulir Pernyataan Keberatan, maka akan menampilkan halaman yang berisi formulir untuk menyatakan keberatan atas permohonan informasi yang dikirim, seperti berikut :

• Klik

tombol

, untuk mendownload formulir pernyataan

keberatan Aplikasi Website www.setneg.go.id Kementerian Sekretariat Negara

Hal 37

5

CARA PENGGUNAAN APLIKASI • Atau isi formulir pernyataan keberatan langsung melalui web Data yang di Entri adalah : Kolom /Field

Deskripsi

No Identitas*

Isi No Identitas orang yang mengirimi permohonan informasi, kemudian klik icon ceklis untuk menampilkan data pengirim permohonan informasi

No Permohonan

Pilih No Permohonan Informasi pada dropdown. No

Informasi*

Permohonan Informasi didapat sesuai berdasarkan No Identitas yang di inputkan (akan muncul apabila permohonan informasi status permohonannya : Kirim)

Nama Penerima Kuasa

Ketik Nama Penerima Kuasa

No. KTP/SIM

Isi No KTP/SIM

Alamat Penerima

Isi Alamat Penerima Kuasa

Kuasa Telepon Penerima

Isi No Telepon Penerima Kuasa

Kuasa No Permohonan

Pilih alasan pengajuan keberatan

Informasi Kasus Posisi

Ketikkan Kasus Posisi

Kota/Kabupaten

Isi Kota/Kabupaten

Captcha

Ketikkan Code Captcha

Ket : *) menunjukkan bahwa data tersebut mandatory/wajib di isi • Klik

, untuk mengirim Pernyataan Keberatan atas Permohonan

Informasi • Atau klik

, untuk membatalkan.

5.1.7.7. Pengadaan Barang & Jasa -

Pilih menu/sub menu dari menu “Pengadaan Barang & Jasa”

-

Untuk menu mengenai informasi lelang, menampilkan halaman yang berisi daftar informasi lelang berdasarkan tahapan lelang • Menu Pengadaan Barang & Jasa  Realisasi Lelang, menampilkan informasi lelang lelang yang tahapannya “Selesai”


Hal 38

5


• Menu Pengadaan Barang & Jasa  Daftar Pengumuman Lelang, menampilkan informasi lelang lelang semua tahapan

-

Dan untuk menu & sub menu lainnya, menampilkan halaman yang tipe konten nya adalah page, seperti berikut :


Hal 39

5

CARA PENGGUNAAN APLIKASI 5.1.7.8. Istana Kepresidenan -

Pilih menu/sub menu dari menu “Istana Kepresidenan”

-


5.1.8. Share Ke Facebook Fitur ini berfungsi untuk membagikan postingan ke Facebook. Langkah-langkah yang harus dilakukan adalah : 1.

Buka salah satu postingan di website

2.

Kemudian klik

3.

Maka akan menampilkan form berikut :


Hal 40

5


4.

Klik

5.

Atau klik

, untuk membagikannya ke facebook , untuk membatalkan.

5.1.9. Share Ke Twitter Fitur ini berfungsi untuk membagikan postingan ke Twitter. Langkah-langkah yang harus dilakukan adalah : 1.

Buka salah satu postingan di website

2.

Kemudian klik

3.

Maka akan menampilkan form berikut :

4.

Klik

, untuk membagikannya ke twitter.


Hal 41

5


5.1.10. Penilaian Artikel Fitur ini berfungsi untuk memberikan penilaian/vote terhadap berita/informasi tertentu.

Lakukan langkah-langkah berikut : 1. Pilih salah satu berita / informasi 2. Pada bagian bawah halaman terdapat fitur penilaian artikel, lalu pilih salah satu icon untuk memberikan penilaian/vote 3. Maka hasil penilaian/vote akan ditampilkan di modul Panel Setneg (Backend)

5.1.11. Berita di Homepage Fitur ini berfungsi untuk menampilkan berita-berita yang terakhir di input & di publish melalui CMS.

-

Pilih & klik salah satu judul berita atau klik

-

Maka akan menampilkan isi berita yang dipilih.

pada kategori berita tertentu

5.1.12. Info Penting Fitur ini berfungsi untuk menampilkan halaman dari info penting yang sebelumnya di input & di publish melalui CMS.

-

Pilih & klik salah satu shortcut info penting untuk melihat halamannya


Hal 42

5

CARA PENGGUNAAN APLIKASI -

Maka akan menampilkan isi halaman dari info penting yang dipilih sesuai dengan link yang diatur di CMS.

5.1.13. Info Publik Fitur ini berfungsi untuk menampilkan halaman dari info publik dan menampilkan video info publik yang sebelumnya di input & di publish melalui CMS.

-

Pilih & klik salah satu bagian info publik untuk melihat halamannya

-

Maka akan menampilkan isi halaman dari info publik yang dipilih sesuai dengan link yang diatur di CMS.

-

Untuk bagian Video Info Publik, klik

-

Klik

-

Klik

untuk memutar video info publik

untuk men-download video info publik untuk menampilkan video info publik lainnya.

5.1.14. Shortcut Fitur ini berfungsi untuk menampilkan halaman dari shortcut yang sebelumnya di input & di publish melalui CMS.

-

Pilih & klik salah satu bagian shortcut untuk melihat halamannya

-

Maka akan menampilkan isi halaman dari shortcut yang dipilih sesuai dengan link yang diatur di CMS.


Hal 43

5


5.1.15. Social Media Fitur ini berfungsi untuk menampilkan halaman akun social media Setneg.

-

Pilih & klik salah satu social media

-

Maka akan menampilkan isi halaman akun Setneg dari social media yang dipilih.

5.1.16. Icon Google Play & App Store Fitur ini berfungsi untuk membuka link download aplikasi Mobile Setneg (Android & IOS). Klik/pilih salah satu icon (Google Play : Android, App Store : IOS).


Hal 44

KEMENTERIAN SEKRETARIAT NEGARA REPUBLIK INDONESIA

Recommend Documents