t.s.2 petunjuk penggunaan frontend [sipena 2] - sjk (rev.1)ab · 2021. 2. 10. · 10 t.s.2 |...

32
[IV] T.S.2 | Petunjuk Penggunaan Petunjuk Penggunaan untuk “Eksternal OJK” Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA) Versi 1.0

Upload: others

Post on 30-Apr-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

[IV]

T.S.2 | Petunjuk Penggunaan

Petunjuk Penggunaan untuk “Eksternal OJK”

Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA) Versi 1.0

Page 2: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

1

T.S.2 | Petunjuk Penggunaan

Daftar Isi

Daftar Isi ................................................................................................................................. 1

Daftar Gambar ........................................................................................................................ 2

Daftar Revisi ........................................................................................................................... 3

BAB I PENDAHULUAN ............................................................................................................. 4

1.1. Pengantar Aplikasi ............................................................................................................... 4

1.1.1. Cakupan ................................................................................................................... 4

1.2. Penjelasan Petunjuk Teknis .................................................................................................. 4

1.3. Sebelum Memulai ................................................................................................................ 5

1.3.1. Kebutuhan Minimum Pengoperasian Aplikasi................................................................. 5

BAB II LANGKAH AWAL .......................................................................................................... 6

2.1. Beranda ............................................................................................................................. 6

2.2. Aksi Umum ........................................................................................................................10

2.2.1. Pencarian Data.........................................................................................................10

2.2.2. Pagination Data........................................................................................................10

2.2.3. Ubah Data ...............................................................................................................11

2.2.4. Lihat Data ...............................................................................................................11

2.2.5. Hapus Data .............................................................................................................11

2.2.6. Tambah Data CRUD ..................................................................................................11

2.2.7. Hapus Data CRUD ....................................................................................................11

BAB III REGISTRASI ............................................................................................................. 12

3.1. Pendaftaran .......................................................................................................................12

3.2. Konfirmasi Registrasi via Email .............................................................................................14

3.3. Login Pengguna Eksternal ...................................................................................................14

BAB IV PENGATURAN PROFIL PENGGUNA ........................................................................... 16

4.1. Kelola Akun .......................................................................................................................16

4.2. Verifikasi Surat Diterima ......................................................................................................18

BAB V PENGELOLAAN SURAT ................................................................................................ 19

5.1. Tulis .................................................................................................................................19

5.2. Kotak Keluar ......................................................................................................................22

5.3. Dikirim ..............................................................................................................................26

BAB VI TANYA JAWAB ........................................................................................................... 30

6.1. Tanya Jawab......................................................................................................................30

BAB VII BANTUAN ................................................................................................................. 31

7.1. Bantuan ............................................................................................................................31

Page 3: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

2

T.S.2 | Petunjuk Penggunaan

Daftar Gambar

Gambar 1 Top Bar Menu, Sebelum Login ..................................................................................... 6

Gambar 2 Top Bar Menu, Sesudah Login ..................................................................................... 6

Gambar 3 News Flash Ticker ...................................................................................................... 6

Gambar 4 Tagline SIPENA ......................................................................................................... 7

Gambar 5 Registrasi : Disclaimer .............................................................................................. 12

Gambar 6 Form Registrasi Eksternal OJK ................................................................................... 13

Gambar 7 Registrasi : Notifikasi via Email .................................................................................. 14

Gambar 8 Registrasi : Notifikasi via Email, Detail ........................................................................ 14

Gambar 9 Antarmuka Form Masuk Aplikasi ................................................................................ 15

Gambar 10 Tulis ..................................................................................................................... 15

Gambar 13 Pengaturan Akun : Atur Profil .................................................................................. 17

Gambar 14 Pengaturan Akun : Kelola Kata Sandi ........................................................................ 18

Gambar 15 Verifikasi Surat Diterima.......................................................................................... 18

Gambar 16 Tulis : Tulis Surat ................................................................................................... 19

Gambar 17 Tulis : Contoh Form Tulis Surat................................................................................ 20

Gambar 18 Compose : Preview Compose Sebelum Simpan .......................................................... 21

Gambar 19 Tulis : Preview Compose Sebelum Simpan, Lihat Detail .............................................. 21

Gambar 20 Tulis, Notifikasi Surat Berhasil Disimpan .................................................................... 22

Gambar 21 Tulis : Berhasil Disimpan ke Menu Kotak Keluar ......................................................... 22

Gambar 22 Kotak Keluar : List Data .......................................................................................... 22

Gambar 23 Kotak Keluar : Pengiriman Surat : Form .................................................................... 24

Gambar 24 Outbox : Pengiriman Surat : Pengiriman Berhasil, Cetak Surat Pengantar ..................... 25

Gambar 25 Contoh Surat Preview Cetak Surat Pengantar ............................................................ 25

Gambar 26 Dikirm : List Data ................................................................................................... 26

Gambar 27 Dikirim : Detail Surat .............................................................................................. 27

Gambar 28 Dikirim : Print Surat Untuk Dikirimkan ...................................................................... 27

Gambar 29 Sent : Preview Cetak Surat Pengantar ...................................................................... 28

Gambar 30 Dikirm Sent : Status Penerimaan Surat ..................................................................... 28

Gambar 31 Dikirim : Detail Surat Terkirim, Diterima & Belum Ada Aksi .......................................... 29

Gambar 32 Dikirim : Detail Surat Terkirim, Dikembalikan ............................................................. 29

Gambar 33 Tanya Jawab ......................................................................................................... 30

Gambar 34 Bantuan ................................................................................................................ 31

Page 4: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

3

T.S.2 | Petunjuk Penggunaan

Daftar Revisi

Daftar Revisi ini mencatat semua revisi yang pernah dilakukan pada dokumen Petunjuk

Penggunaan ini.

Tanggal Versi Keterangan Revisi Alasan Revisi

Page 5: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

4

T.S.2 | Petunjuk Penggunaan

BAB I PENDAHULUAN

1.1. Pengantar Aplikasi Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA) Frontend diperuntukan

bagi pihak eksternal OJK untuk berkirim dokumen atau naskah dinas ke Otoritas Jasa Keuangan (OJK) sehingga diharapkan aliran Informasi dapat lebih cepat diterima dan lebih efisien.

1.1.1. Cakupan Berikut ini adalah daftar beberapa fitur utama atau modul aplikasi yang terdapat pada Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA) OJK yang dapat diakses oleh pengguna aplikasi.

Tabel 1 Modul dan Fitur, SIPENA Frontend

Fungsi Aplikasi Keterangan

FRONTEND

Beranda Halaman aplikasi default yang ditampilkan ketika pertama kali mengakses aplikasi.

Berita Menampilkan daftar berita yang terdapat pada aplikasi.

Tanya Jawab Menampilkan daftar pertanyaan dan jawaban yang sering ditanyakan terkait dengan aplikasi.

Bantuan Menampilkan informasi bantuan terkait penggunaan aplikasi Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA).

Login Menampilan form untuk proses autentifikasi pengguna agar dapat mengakses modul khusus pengguna yang login.

- Tulis Berfungsi untuk pembuatan konsep surat yang akan dikirim ke internal OJK.

- Kotak Keluar Berfungsi untuk mengelola konsep surat yang sudah dibuat untuk dikirimkan.

- Dikirim Menampilkan daftar konsep surat yang sudah terkirim.

- Pengaturan Profil Berfungsi untuk pengelolaan akun pengguna yang sedang login, terdiri dari pengaturan profil dan update password.

1.2. Penjelasan Petunjuk Teknis Berikut ini adalah beberapa penjelasan secara teknis untuk sistem yang akan diakses oleh pengguna. § Petunjuk teknis ini diperuntukan untuk beberapa jenis pengguna yang akan

mengakses aplikasi frontend SIPENA OJK. § Sebelum membaca petunjuk teknis ini, pengguna aplikasi harus memahami

alur dari proses pengelolan naskah dinas dan kearsipan secara umum dan mengerti menggunakan teknologi atau aplikasi berbasis web yang menggunakan bantuan web browser dalam menampilkan kontennya.

Page 6: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

5

T.S.2 | Petunjuk Penggunaan

1.3. Sebelum Memulai

Berikut ini beberapa hal yang perlu disiapkan sebelum mulai mengakses aplikasi Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA) OJK.

1.3.1. Kebutuhan Minimum Pengoperasian Aplikasi Untuk dapat mengoperasikan aplikasi SIPENA secara optimal, maka pengguna aplikasi perlu mempersiapkan perangkat keras dengan spesifikasi minimum sebagai berikut.

• Perangkat keras berupa PC Komputer atau Laptop a. Processor dengan kemampuan minimal 1.9 GHz b. Memory/RAM 2 GB c. Media Penyimpanan/Hardisk dengan kapasitas yang tersedia 1 GB

• Perangkat Lunak Sistem Operasi : Windows atau Linux

• Jaringan Koneksi Internet

• Browser Disarankan menggunakan browser CHROME

• Pengguna Pengguna memiliki kemampuan dan memahami beberapa kemampuan dasar untuk hal berikut ini:

- Menggunakan perangkat komputer PC atau Laptop - Menggunakan web browser untuk membuka aplikasi

Page 7: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

6

T.S.2 | Petunjuk Penggunaan

BAB II LANGKAH AWAL

2.1. Beranda Halaman beranda menampilkan berita, pengumuman terbaru dan sekilas terkait aplikasi SIPENA Frontend. Berikut ini beberapa penjelasan mengenai halaman Beranda aplikasi SIPENA OJK.

1) Topbar Menu, menu ini menampilkan modul-modul yang terdapat pada aplikasi yang diakses oleh pengguna. Terbagi menjadi 2 (dua) yaitu modul publik dan modul eksternal OJK.

Gambar 1 Top Bar Menu, Sebelum Login

Gambar 2 Top Bar Menu, Sesudah Login

2) News Flash Ticker, menampilkan informasi ter-update bisa berupa pengumuman dan sejenisnya dalam bentuk teks berjalan dari kanan ke kiri.

Gambar 3 News Flash Ticker

3) Content Slider, berisi konten infografis, thumbnails gambar dari ringkasan berita yang ditampilkan dalam bentuk slideshow gambar.

4) Tagline, merupakan slogan yang digunakan untuk mengungkapkan betapa pentingnya aplikasi Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA).

Page 8: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

7

T.S.2 | Petunjuk Penggunaan

Gambar 4 Tagline SIPENA

5) Tentang SIPENA, menampilkan informasi tentang Sistem Pengelolaan Naskah Dinas dan Arsip (SIPENA).

6) Daftar Berita, menampilkan daftar berita yang dipublish dan ditampilkan dihalaman beranda aplikasi SIPENA.

Klik tombol aksi Lihat Berita Lainnya untuk menampilkan semua berita yang sudah di-publish ke aplikasi SIPENA Frontend.

Page 9: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

8

T.S.2 | Petunjuk Penggunaan

Aplikasi menampilkan daftar semua berita, klik pada salah satu berita untuk menampilkan detail berita yang dipilih.

Klik tombol aksi Next untuk menampilkan daftar berita yang belum berhasil ditampilkan, atau klik tombol aksi Prev untuk menampilkan daftar berita sebelumnya.

Page 10: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

9

T.S.2 | Petunjuk Penggunaan

7) Footer, menampilkan informasi footer yang terdapat pada halaman paling bawah yang berisi summary tentang, alamat, dan kontak yang bisa dihubungi.

Page 11: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

10

T.S.2 | Petunjuk Penggunaan

2.2. Aksi Umum

Berikut ini akan dibahas mengenai aksi-aksi yang dapat dilakukan oleh pengguna aplikasi ketika mengakses aplikasi SIPENA OJK frontend.

2.2.1. Pencarian Data Berikut ini adalah langkah-langkah yang dapat dilakukan oleh penyedia untuk melakukan proses pencarian data.

1. Klik form pencarian data.

2. Masukkan kata kunci pencarian. 3. Aplikasi akan menampilkan hasil pencarian data yang sesuai dengan kata

kunci pencarian yang diinput.

2.2.2. Pagination Data Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna aplikasi untuk beralih ke daftar data yang ditampilkan jika data sisa data belum ditampilkan pada halaman pertama.

1. Pilih tombol pagination yang ada di pojok kanan bawah datatable.

2. Klik tombol Selanjutnya untuk beralih ke daftar selanjutnya, atau 3. Klik tombol Sebelumnya untuk beralih ke daftar sebelumnya, atau 4. Klik pada angka pagination untuk secra langsung beralih ke daftar yang

dikehendaki. 5. Informasi terkait daftar data yang ditampilkan dapat dilihat dipojok kiri

bawah daftar data yang ditampilkan.

Page 12: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

11

T.S.2 | Petunjuk Penggunaan

2.2.3. Ubah Data

Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna untuk memperbaharui data.

1. Pilih salah satu data.

2. Klik tombol aksi Ubah Data dengan gambar icon 3. Aplikasi menampilkan data yang dipilih pada form ubah data. 4. Perbaharui data sesuai dengan yang dikehendaki. 5. Klik tombol aksi Simpan untuk menjalankan proses penyimpanan data, atau

klik tombol aksi Batal untuk membatalkan.

2.2.4. Lihat Data Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna untuk memperbaharui data.

1. Pilih salah satu data.

2. Klik tombol aksi Lihat Data dengan gambar icon 3. Aplikasi menampilkan informasi detail sesuai data yang dipilih.

2.2.5. Hapus Data Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna untuk menghapus data.

1. Pilih salah satu data.

2. Klik tombol aksi Hapus Data dengan gambar icon 3. Aplikasi menampilkan pop up dialog. 4. Klik tombol aksi Yakin untuk melanjutkan proses penghapusan data, atau

klik tombol aksi Batal untuk membatalkan.

2.2.6. Tambah Data CRUD Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna untuk menambahkan data.

1. Pilih salah satu data.

2. Klik tombol aksi Tambah Data dengan gambar icon 3. Aplikasi menampilkan field untuk tambah data. 4. Input data sesuai isian form yang tersedia.

2.2.7. Hapus Data CRUD Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna untuk menghapus data.

1. Pilih salah satu data CRUD.

2. Klik tombol aksi Hapus Data dengan gambar icon 3. Aplikasi berhasil menghapus data yang dipilih.

Page 13: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

12

T.S.2 | Petunjuk Penggunaan

BAB III

REGISTRASI

3.1. Pendaftaran Berikut ini adalah langkah-langkah yang dapat dilakukan oleh eksternal OJK untuk melakukan proses pendaftaran di aplikasi SIPENA Frontend.

1. Pada halaman beranda, klik tombol aksi Masuk. 2. Aplikasi menampilkan form masuk aplikasi. 3. Klik tombol aksi Registrasi, aplikasi menampilkan pop up dialog konfirmasi. 4. Klik tombol aksi Setuju, aplikasi akan menampilkan formulir pendaftaran.

Gambar 5 Registrasi : Disclaimer

5. Aplikasi menampilkan form pendaftaran calon penyedia.

M = Mandatory, UF = Upload File, CRUD = Create, Read, Update, Delete, N = Numeric, S = Selection

O = Optional/Tidak Mandatory

Data Input

NPWP Registrasi M + N Nama Perusahaan Registrasi M Email M

Provinsi Registrasi M + S Kota/Kabupaten Registrasi M + S

Kecamatan Registrasi M + S

Page 14: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

13

T.S.2 | Petunjuk Penggunaan

Data Input

Desa/Kelurahan Registrasi M + S

Alamat Lengkap Registrasi M

Logo Registrasi O

Nama Kontak CRUD No Telepon Kontak CRUD No Fax Kontak CRUD

Foto KTP Kontak UF, CRUD Nama Messenger Messenger CRUD

No Telepon Messenger CRUD

No Fax Messenger CRUD Foto KTP Messenger UF, CRUD

6. Lengkapi data sesuai dengan yang tersedia.

Gambar 6 Form Registrasi Eksternal OJK

7. Klik tombol aksi Tambah dengan gambar icon untuk menambahkan data

kontak/messenger, atau klik tombol aksi dengan gambar icon untuk menghapus data kontak yang sudah ditambahkan.

8. Klik tombol aksi Switch untuk menyetujui persyaratan yang sudah ditentukan.

Page 15: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

14

T.S.2 | Petunjuk Penggunaan

9. Klik tombol aksi Simpan untuk menyimpan data dan lakukan konfirmasi

penyimpanan data pengguna baru, atau 10. Klik tombol aksi Kembali untuk batal dan kembali ke halaman sebelumnya.

3.2. Konfirmasi Registrasi via Email Setelah melakukan proses pendaftaran aplikasi SIPENA OJK, login ke email yang didaftarkan pada saat proses registrasi.

1. Buka pesan yang dikirim ke email. 2. Klik link aktivasi untuk mengaktifkan akun yang sudah didaftarkan dan

secara otomatis redirect secara otomatis ke aplikasi SIPENA OJK. 3. Lakukan proses login sesuai dengan username dan password yang

dikirimkan melalui email.

Gambar 7 Registrasi : Notifikasi via Email

Gambar 8 Registrasi : Notifikasi via Email, Detail

3.3. Login Pengguna Eksternal Berikut ini langkah-langkah yang dapat dilakukan oleh eksternal OJK untuk Login ke aplikasi SIPENA OJK.

1. Akses aplikasi frontend SIPENA OJK. 2. Klik shortcut link atau tombol aksi Masuk.

Page 16: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

15

T.S.2 | Petunjuk Penggunaan

3. Aplikasi menampilkan form masuk aplikasi.

4. Input data username berupa email. 5. Input password dan input captcha sesuai dengan yang ditampilkan. 6. Klik tombol aksi Masuk.

Gambar 9 Antarmuka Form Masuk Aplikasi

Berikut ini adalah beberapa aksi yang dapat dilakukan pada halaman form masuk Aplikasi SIPENA OJK. • Registrasi, shortcut link yang berfungsi untuk redirect ke halaman

pendaftaran penyedia. • Lupa Kata Sandi, shortcut link yang dapat digunakan ketikan pengguna

aplikasi lupa kata sandi untuk masuk ke SIPENA OJK. • Masuk Jasa Ekspedisi, shortcut link yang dapat digunakan oleh pengguna

jasa ekspedisi untuk melakukan login pada aplikasi.

Setelah berhasil Login ke aplikasi SIPENA OJK, halaman pertama yang akan ditampilkan kepada pengguna adalah modul “Tulis” yang menampilkan halaman untuk menulis surat baru.

Gambar 10 Tulis

Page 17: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

16

T.S.2 | Petunjuk Penggunaan

BAB IV

PENGATURAN PROFIL PENGGUNA

4.1. Kelola Akun Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna untuk melakukan pengelolaan akun:

1. Klik “Nama Pengguna” yang sedang login dipojok kanan atas halaman aplikasi.

2. Aplikasi menampilkan pilihan sub menu.

3. Pilih sub menu “Profil”. 4. Aplikasi menampilkan pengaturan profil yang terdiri dari dua tab menu.

w Atur Profil, klik tab menu “Atur Profil” untuk melakukan pengelolaan profil pengguna.

o Perbaharui data sesuai dengan form yang ditampilkan. o Pada kolom tabel “Logo” dan “Foto KTP”, klik tombol aksi Ubah

Data dengan gambar icon untuk memperbaharui file KTP/logo.

o Pada kolom tabel “Aksi”, klik tombol aksi Add File dengan

gambar icon untuk menambahkan row data kontak.

o Pada kolom tabel “Aksi”, klik tombol aksi Delete File dengan

gambar icon untuk menghapus row data kontak.

o Klik tombol aksi Simpan Perubahan untuk menjalankan proses penyimpanan data.

Page 18: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

17

T.S.2 | Petunjuk Penggunaan

Gambar 11 Pengaturan Akun : Atur Profil

w Kata Sandi, klik tab menu “Kata Sandi” untuk melakukan pengelolaan kata sandi pengguna.

o Perbaharui data sesuai dengan form yang ditampilkan. o Input data password lama. o Input data password baru. o Input kembali data password lama. o Klik tombol aksi Ubah Password untuk menjalankan proses

penyimpanan data.

Page 19: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

18

T.S.2 | Petunjuk Penggunaan

Gambar 12 Pengaturan Akun : Kelola Kata Sandi

4.2. Verifikasi Surat Diterima Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna untuk melakukan verifikasi surat diterima:

1. Klik “Nama Pengguna” yang sedang login dipojok kanan atas halaman aplikasi.

2. Aplikasi menampilkan pilihan sub menu.

3. Pilih sub menu “Verifikasi Surat Diterima”. 4. Aplikasi menampilkan halaman verifikasi surat diterima. 5. Input data Scan QR-Code pada halaman yang tersedia. 6. Klik tombol aksi Verifikasi. 7. Aplikasi menampilkan hasil verifikasi scan QR-Code.

Gambar 13 Verifikasi Surat Diterima

Page 20: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

19

T.S.2 | Petunjuk Penggunaan

BAB V

PENGELOLAAN SURAT

5.1. Tulis Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna aplikasi dalam melakukan aksi tulis surat.

1. Klik menu “Tulis”. 2. Input field isian “Pengirim”. 3. Input field isian “Jabatan". 4. Klik tombol aksi Tulis Surat.

Gambar 14 Tulis : Tulis Surat

5. Aplikasi menampilkan form Tulis Surat. 6. Input data yang dibutuhkan seperti daftar dibawah ini.

M = Mandatory, UF = Upload File, MI = Multiple Input CRUD = Create, Read, Update, Delete,

O = Optional/Tidak Mandatory, DP = Date Picker

Data Input

Nomor Surat M Referensi Surat O Tanggal Surat M + DP

Kecepatan M, MI Keamanan M, MI Nama CRUD Lampiran

Kuantitas CRUD Lampiran

Satuan CRUD, MI Lampiran Hal M

Ruang Surat Tujuan M,MI

Nama CRUD, UF Lampiran

Page 21: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

20

T.S.2 | Petunjuk Penggunaan

Gambar 15 Tulis : Contoh Form Tulis Surat

7. Periksa kembali semua data yang sudah di-input. 8. Klik tombol aksi Simpan untuk menyimpan data, atau 9. Klik tombol aksi Batal untuk membatalkan.

Berikut ini adalah daftar aksi atau fitur yang terdapat pada form tulis surat seperti yang terlihat pada gambar diatas, antara lain :

Tambah Data Lampiran | Hapus Data Lampiran

Pembahasan lebih lanjut mengenai aksi atau fitur diatas telah dibahas sebelumnya pada sub bab 2.2. Aksi Umum.

10. Data surat yang telah di-submit akan ditampilkan preview list data dengan menampilkan beberapa tombol aksi yang dapat dipilih antara lain :

Page 22: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

21

T.S.2 | Petunjuk Penggunaan

Gambar 16 Compose : Preview Compose Sebelum Simpan

11. Daftar surat yang telah di-submit akan ditampilkan preview list data dengan menampilkan beberapa tombol aksi yang dapat dipilih antara lain:

o Lihat Surat, klik tombol aksi dengan gambar icon menampilkan informasi detail yang dipilih.

ü Klik tombol aksi Keluar untuk menutup pop up dialog “Lihat Surat”.

Gambar 17 Tulis : Preview Compose Sebelum Simpan, Lihat Detail

o Hapus Surat, klik tombol aksi dengan gambar icon untuk menghapus konsep surat atau ND yang sudah dibuat.

o Simpan, klik untuk menyimpan data konsep surat atau ND, aplikasi menampilkan notifikasi berhasil disimpan dan menampilkan pilihan tombol aksi.

Page 23: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

22

T.S.2 | Petunjuk Penggunaan

w Tulis Surat, klik untuk melakukan proses tulis konsep surat atau

ND baru. w Kirim, klik untuk menjalankan proses pengiriman konsep surat

atau ND. w Jika tombol aksi diatas tidak ada yang dipilih, data konsep surat

atau ND yang berhasil disimpan bisa diakses pada modul “Kotak Keluar”.

Gambar 18 Tulis, Notifikasi Surat Berhasil Disimpan

Gambar 19 Tulis : Berhasil Disimpan ke Menu Kotak Keluar

5.2. Kotak Keluar Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna dalam mengelola data pada menu kotak keluar

1. Klik menu “Kotak Keluar”. 2. Aplikasi menampilkan daftar surat keluar yang akan dikirimkan.

Gambar 20 Kotak Keluar : List Data

Berikut ini adalah daftar aksi atau fitur yang terdapat pada list data seperti yang terlihat pada gambar diatas, antara lain :

Pencarian Data | Ubah Data | Hapus Data

Page 24: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

23

T.S.2 | Petunjuk Penggunaan

Pembahasan lebih lanjut mengenai aksi atau fitur diatas telah dibahas sebelumnya pada sub

bab 2.2. Aksi Umum.

¦ Proses Pengiriman Surat Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna dalam proses pengiriman konsep surat atau ND yang sudah dibuat.

1. Klik tombol aksi Kirim. 2. Aplikasi menampilkan form pengiriman surat. 3. Pilih “Metode Pengiriman”.

o Kirim Sendiri, klik jika surat akan dikirimkan sendiri oleh yang bersangkutan.

- Input “Nama Pengirim”, atau klik tombol Pilih Dari Messenger.

- Pilih salah satu messanger yang akan mengirimkan surat. - Klik tombol aksi Simpan untuk memilih, atau klik tombol aksi

Batal untuk membatalkan.

- Otomatis “Nama Pengirim” terisi secara otomatis jika salah

satu messenger dipilih. o Jasa Ekspedisi,

- Pilih salah satu messanger yang akan mengirimkan surat. - Klik tombol aksi Simpan untuk memilih, atau klik tombol aksi

Batal untuk membatalkan.

4. Lakukan proses checklist/unchecklist pada konsep surat atau ND

yang akan dikirimkan. 5. Jika dibutuhkan klik shortccut link Check All untuk melakukan

proses seleksi semua konsep surat atau ND. 6. Klik tombol aksi Kirim untuk menjalankan proses pengiriman atau

klik tombol aksi Kembali untuk membatalkan.

Page 25: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

24

T.S.2 | Petunjuk Penggunaan

Gambar 21 Kotak Keluar : Pengiriman Surat : Form

7. Jika proses pengiriman berhasil data konsep surat atau ND yang

berhasil dikirim akan disimpan pada modul “Dikirim”. 8. Aplikasi akan melakukan redirect ke halaman “Cetak Surat” seperti

yang ditampilkan pada gambar berikut ini.

Page 26: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

25

T.S.2 | Petunjuk Penggunaan

Gambar 22 Outbox : Pengiriman Surat : Pengiriman Berhasil, Cetak Surat Pengantar

9. Aksi yang dapat dilakukan pada user interface diatas antara lain

sebagai berikut: w Klik tombol Cetak untuk menjalankan proses pencetakan surat

pengantar sesuai surat yang ditampilkan.

Gambar 23 Contoh Surat Preview Cetak Surat Pengantar

w Klik tombol aksi Kembali untuk kembali ke halaman sebelumnya.

Page 27: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

26

T.S.2 | Petunjuk Penggunaan

5.3. Dikirim

Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna dalam mengelola surat yang sudah terkirim ke OJK.

1. Klik menu “Dikirim”. 2. Aplikasi menampilkan daftar surat terkirim seperti yang terlihat pada

gambar dibawah ini.

Gambar 24 Dikirm : List Data

Berikut ini adalah daftar aksi atau fitur yang terdapat pada list data seperti yang terlihat pada gambar diatas, antara lain :

Pencarian Data | Detail Surat | Print Surat Untuk Dikirimkan

Pembahasan lebih lanjut mengenai aksi atau fitur diatas telah dibahas sebelumnya pada sub bab 2.2. Aksi Umum.

3. Beberapa aksi yang dapat dilakukan antara lain:

w Lihat Detail, klik untuk menampilkan informasi detail surat terkirim. o Pilih salah data surat terkirim. o Klik tombol aksi Detail Surat.

Page 28: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

27

T.S.2 | Petunjuk Penggunaan

Gambar 25 Dikirim : Detail Surat

w Cetak Surat Terkirim, klik untuk menampilkan informasi detail surat

terkirim. o Pilih salah data surat terkirim. o Klik tombol aksi Print Surat Untuk Dikirimkan. o Aplikasi menampilkan preview print surat.

Gambar 26 Dikirim : Print Surat Untuk Dikirimkan

o Beberapa aksi yang dapat dilakukan antara lain: - Cetak, klik untuk menjalankan proses pencetakan surat

keluar. Aplikasi menampilkan preview surat pengantar sesuai data surat yang dipilih.

Page 29: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

28

T.S.2 | Petunjuk Penggunaan

Gambar 27 Sent : Preview Cetak Surat Pengantar

- Kembali, klik untuk membatalkan proses pencetakan dan

kembali ke halaman sebelumnya.

¦ Feedback Dari OJK Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna dalam mengakses informasi status surat yang dikirim.

1. Akses menu “Dikirim”. 2. Lihat kolom tabel “Tujuan”, disitu ada informasi jumlah surat dengan

masing-masing indikator warna yang terdiri dari : w Biru, warna indikator yang menginformasikan bahwa surat yang

berhasil dikirim tapi belum diterima oleh OJK. w Hijau, warna indikator yang menginformasikan bahwa status

surat dikirim sudah sampai dan diterima oleh OJK. w Merah, warna indikator yang menginformasikan bahwa surat

statusnya dikembalikan ke pengirim karena alasan tertentu.

Gambar 28 Dikirm Sent : Status Penerimaan Surat

Page 30: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

29

T.S.2 | Petunjuk Penggunaan

Keterangan :

- Warna merah menandakan ada 1 (satu) surat yang dikirim dengan status “Surat Dikembalikan”.

- Warna hijau menandakan ada 1 (satu) surat yang dikirim dengan status “Surat Diterima”.

- Warna biru menandakan ada 1 (satu) surat yang dikirim dengan status “Belum Ada Aksi”.

Gambar 29 Dikirim : Detail Surat Terkirim, Diterima & Belum Ada Aksi

Gambar 30 Dikirim : Detail Surat Terkirim, Dikembalikan

Page 31: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

30

T.S.2 | Petunjuk Penggunaan

BAB VI

TANYA JAWAB

6.1. Tanya Jawab Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna aplikasi untuk menampilkan informasi terkait daftar pertanyaan beserta jawabannya terkait aplikasi.

1. Klik menu “Tanya Jawab”. 2. Aplikasi menampilkan Tanya Jawab dalam bentuk accordion. 3. Beberapa aksi yang dapat dilakukan antara lain:

w Pilih salah satu pertanyaan. w Aplikasi menampilkan jawaban sesuai dengan pertanyaan yang dipilih. w Klik pertanyaan lain untuk menampilkan jawaban terkait.

Gambar 31 Tanya Jawab

Page 32: T.S.2 Petunjuk Penggunaan Frontend [SIPENA 2] - SJK (Rev.1)ab · 2021. 2. 10. · 10 T.S.2 | Petunjuk Penggunaan 2.2. Aksi Umum Berikut ini akan dibahas mengenai aksi-aksi yang dapat

31

T.S.2 | Petunjuk Penggunaan

BAB VII

BANTUAN

7.1. Bantuan Berikut ini adalah langkah-langkah yang dapat dilakukan oleh pengguna aplikasi untuk menampilkan informasi bantuan.

1. Klik menu “Bantuan”. 2. Aplikasi menampilkan daftar bantuan beserta detail informasinya dalam

bentuk accordion. 3. Beberapa aksi yang dapat dilakukan antara lain :

w Pilih salah satu jenis bantuan. w Aplikasi menampilkan informasi detail sesuai jenis bantuan yang

dipilih. w Baca informasi yang ditampilkan. w Jika diperlukan klik tombol aksi Download dengan gambar icon

w Aplikasi berhasil menjalankan proses download file bantuan yang

dipilih.

Gambar 32 Bantuan