User Manual Website BMPTTSI

(1)

User Manual

1 / 26

User Manual Website

BMPTTSI

Creation Date

: October 12, 2020

Last Updated

: October 29, 2020

(2)

User Manual

2 / 26

Daftar Isi

Daftar Isi 2

1. OVERVIEW 4

1.1 Akses ke Website BMPTTSSI 4

1.1.1 Masuk ke Website BMPTTSSI 4

1.1.2 Keluar dari Website BMPTTSSI 5

1.1.3 Lupa Password 5

1.1.4 Ganti Password 6

1.2 Menu Navigasi 7

1.3 Dashboard User 7

1.4 Menulis Isi Post/Konten 8

1.4.1 Mengatur Styles 8

1.4.2 Membuat Section Baru Dengan Styles Yang Berbeda 9

1.4.3 Mengatur Jarak Antar Section 10

1.4.3.1 Dengan Ada Jarak 10

1.4.3.2 Tanpa Ada Jarak 10

1.5 Upload File, Gambar, dan Video 10

1.5.1 Upload Gambar Cover 11

1.5.2 Upload Gambar Isi Konten 11

1.5.3 Upload Video Isi Konten Versi 1 13

1.5.4 Upload Video Isi Konten Versi 2 15

1.5.5 Replace/Delete Gambar Isi Konten, Video, File 16

2. MENJADI ANGGOTA AKTIF 17

(3)

User Manual

3 / 26

2.1.1 Buat Profile 17

2.1.2 Upload Bukti Bayar 18

2.1.3 Cek Proses Submit Keanggotaan 19

2.1.3.1 Apabila Ditolak 19

2.1.3.1 Apabila Diterima 20

2.1.4 Download Sertifikat Keanggotaan 20

2.1.5 Download Tanda Terima Bukti Pembayaran 20

2.1.6 Pembaruan Keanggotaan 21

2.1.7 Penambahan Pendaftaran Prodi 21

3. PROSES POST 23

3.1 Create & Submit Post 23

3.2 Publish Post 24 3.3 Edit Post 24 3.4 Delete Post 25 3.4.1 Cara Pertama 25 3.4.2 Cara Kedua 25 3.5 Restore Post 25 3.6 Posting Diskusi 26

(4)

User Manual

4 / 26

1. OVERVIEW

User manual ini diperuntukkan untuk user Anggota Aktif BMPTTSSI dengan tujuan untuk memudahkan Anggota Aktif BMPTTSSI dalam mengoperasikan website BMPTTSSI

Ketentukan Dokumen Tabel

Data entry akan ditampilkan secara umum dalam bentuk tabel yang akan menggambarkan field apa yang perlu diinput oleh admin dan apakah sifatnya mandatory atau optional.

Contoh dari tabel adalah seperti yang diilustrasikan di bawah ini :

Field Req Keterangan

Nama Kolom Kolom Keterangan

Field Field yang mempunya keterangan tanda * wajib diisi Req R = Mandatory/Required (Field yang harus diisi)

O = Optional (Field yang boleh dikosongkan)

C = Conditionally Required (Field yang harus diisi sesuia kondisi yang ditentukan sebelumnya)

G = Given value by the system (nilai/isi pada field ini sudah dihasilkan oleh sistem)

Keterangan Penjelasan mengenai field tersebut

1.1 Akses ke Website BMPTTSSI

1.1.1 Masuk ke Website BMPTTSSI

1. Masuk ke browser dan masukkan alamat http://bmpttssi.net 2. Klik Login

(5)

User Manual

5 / 26

3. Masukkan Username & Password

4. Apabila password yang dimasukkan ingin terlihat maka centang box di sebelah Lihat Password

5. Klik Login

1.1.2 Keluar dari Website BMPTTSSI

1. Hover kursor ke username anda 2. Klik Log Out

1.1.3 Lupa Password

1. Klik Lupa Password

4

1

(6)

User Manual

6 / 26

2. Masukkan email aktif anda yang anda pakai ketika membuat akun BMPTTSSI

3. Klik Berikutnya 4. Cek email anda

1.1.4 Ganti Password

1. Klik Profil Saya

2. Klik Ganti Password

3. Input Password baru dan Ulangi Password Baru 4. Klik Simpan

(7)

User Manual

7 / 26

5. Login dengan password yang baru

1.2 Menu Navigasi

1. Klik tanda

2. Muncul tampilan navigasi menu

3. Klik tanda untuk menutup tampilan navigasi menu

1.3 Dashboard User

Penjelasan mengenai Dashboard User yang digunakan untuk mengelola Post user 1. Login terlebih dahulu

2. Arahkan kursor ke username Anda maka akan muncul dropdown list 3. Klik Dashboard

4

1

2

(8)

User Manual

8 / 26

4. Masuk ke halaman Dashboard 5. Akan muncul beberapa menu

6. Untuk kembali ke halaman Beranda Website klik

1.4 Menulis Isi Post/Konten

Penjelasan mengenai cara menulis isi pada setiap Post.

1.4.1 Mengatur Styles

1. Klik field Paragraph 2. Muncul dropdown list

(9)

User Manual

9 / 26

3. Tentukan styles untuk setiap section 4. Contoh : styles Paragraph

1.4.2 Membuat Section Baru Dengan Styles Yang Berbeda

1. Klik di baris baru atau tekan Enter di keyboard

2. Pilih styles

3. Contoh : styles Heading 1

4. Membuat section baru lagi dengan styles yang berbeda 5. Klik di baris baru atau tekan Enter di keyboard

6. Pilih styles

7. Contoh : styles Heading 2

(10)

User Manual

10 / 26

1.4.3 Mengatur Jarak Antar Section

Membuat section baru dengan dan tanpa ada jarak antar section 1.4.3.1 Dengan Ada Jarak

1. Ketika kursor berada di kata trakhir dalam section 1 2. Tekan Enter

3. Section yang ke 2 bisa menggunakan styles yang berbeda dengan Section yang ke 1

1.4.3.2 Tanpa Ada Jarak

1. Ketika kursor berada di kata trakhir dalam section 1 2. Tekan Shift+Enter di keyboard

3. Section yang ke 2 tidak bisa menggunakan styles yang berbeda dengan yang Section ke 1

1.5 Upload File, Gambar, dan Video

Penjelasan mengenai cara melakukan upload gambar utama, file, gambar untuk isi konten, dan upload video

Ada jarak antar section

(11)

User Manual

11 / 26

1.5.1 Upload Gambar Cover

1. Klik Add Image

2. Pilih Media Library atau Upload Files

Media Library = gambar-gambar yang sudah pernah di upload Upload File = memilih gambar baru yang akan diupload 3. Klik Select

1.5.2 Upload Gambar Isi Konten

1. Klik Add Image

4. Hover kursor ke gambar yang sudah di upload untuk memunculkan tanda 5. Klik tanda

(12)

User Manual

12 / 26

6. Masuk ke halaman Edit Image 7. Klik Copy URL

8. Klik tanda

9. Copy URL gambar ke isi konten deskripsi.

10. Klik Publish (pertama kali membuat post) atau Update (melakukan edit pada post yang sudah Publish)

(13)

User Manual

13 / 26

1.5.3 Upload Video Isi Konten Versi 1

1. Klik Add File

4. Hover kursor ke video yang sudah di upload untuk memunculkan tanda 5. Klik tanda

6. Masuk ke halaman Edit Image 7. Klik Copy URL

(14)

User Manual

14 / 26

8. Klik tanda

9. Copy URL video ke isi konten deskripsi.

10. Klik Publish (pertama kali membuat post) atau Update (melakukan edit pada post yang sudah Publish)

(15)

User Manual

15 / 26

1.5.4 Upload Video Isi Konten Versi 2

1. Klik Add File

4. Copy kata-kata [video] 5. Paste ke isi konten deskripsi

(16)

User Manual

16 / 26

6. Tampilan video di website akan otomatis terletak di tengah

1.5.5 Replace/Delete Gambar Isi Konten, Video, File

1. Klik Gambar Isi Konten yang akan di replace atau delete kemudian klik tanda

2. Hover kursor ke Gambar yang ada di Upload Gambar

(17)

User Manual

17 / 26

2. MENJADI ANGGOTA AKTIF

2.1 Daftar Akun Anggota

2.1.1 Buat Profile

Langkah pertama adalah melakukan Daftar untuk mengisi Profil anda yaitu username, perguruan tinggi, pic, dan prodi

1. Masuk ke website BMPTTSSI

2. Klik Daftar

3. Klik Daftar Prodi

4. Masuk ke halaman Daftar Prodi

5. Terdapat 4 bagian yang harus diisi yaitu :  _{Data Akun}

 _{Data Perguruan Tinggi}  _{Data Person In Charge (PIC)}  _{Data Prodi (bisa lebih dari 1 prodi)}

- Data Program Studi - Data Ketua Program Studi 6. Isi semua field yang sudah tersedia

7. Klik Tambah Prodi untuk mendaftarkan prodi-prodi 8. Akan muncul field-field untuk mengisi Data Prodi

9. Setelah selesai melakukan pendaftaran, klik Daftar yang berada di paling bawah halaman Catatan :

Setelah klik Daftar pada step 9 maka di halaman ini tidak akan bisa dilakukan perubahan lagi 10. Link Verifikasi akan dikirim ke email PIC

11. Cek email di folder Spam 12. Klik link verifikasi tersebut

13. Otomatis masuk ke halaman Login website BMPTTSSI 14. Login dengan username dan password yang telah dibuat

2

(18)

User Manual

18 / 26

2.1.2 Upload Bukti Bayar

Langkah kedua adalah melakukan upload bukti bayar sesuai dengan jumlah prodi yang didaftarkan.

1. Klik Menjadi Anggota Aktif

2. Masuk ke halaman Upload Bukti Pembayaran

3. Download Invoice yang harus dibayarkan dengan klik 4. Kemudian lakukan upload bukti bayar dengan klik Browse 5. Pilih file upload bukti bayar

6. Klik Submit

(19)

User Manual

19 / 26

2.1.3 Cek Proses Submit Keanggotaan

Langkah ketiga adalah melakukan pengecekan terhadap status keanggotaan apakah diterima atau ditolak oleh BMPTTSSI

2.1.3.1 Apabila Ditolak 1. Login terlebih dahulu 2. Klik Menjadi Anggota Aktif

3. Apabila alasan ditolak karena Kurang Bayar atau Salah Upload File Bukti Bayar maka klik Menjadi Anggota Aktif

4. Masuk ke halaman Upload Bukti Bayar

5. Upload file bukti transfer pembayaran sisa nominal kurang bayar apabila karena kurang nilai bayar Atau

6. Upload file bukti transfer yang benar apabila memang salah upload file

7. Apabila alasan ditolak karena pengisian Profil ada yang harus diperbaiki maka klik Lihat Profil 8. Masuk ke halaman Profil Saya

9. Klik Edit Profil, lakukan perbaikan sesuai dengan alasan penolakan

(20)

User Manual

20 / 26

2.1.3.1 Apabila Diterima 1. Login terlebih dahulu 2. Klik Menjadi Anggota Aktif

2.1.4 Download Sertifikat Keanggotaan

1. Login terlebih dahulu

2. Klik Menjadi Anggota Aktif 3. Klik

4. Sertifikat akan terdownload per prodi

2.1.5 Download Tanda Terima Bukti Pembayaran

1. Login terlebih dahulu

2. Klik Menjadi Anggota Aktif 3. Klik

4. Masuk ke halaman Bukti Pembayaran

5. Klik nama Prodi

(21)

User Manual

21 / 26

2.1.6 Pembaruan Keanggotaan

Penjelasan ini digunakan apabila anggota aktif akan melakukan pembaharuan keanggotaan untuk periode keanggotaan tahun berikutnya

1. Login terlebih dahulu 2. Klik Menjadi Anggota Aktif 3. Klik

4. Masuk ke Upload Bukti Bayar

5. Donwload invoice dengan melakukan klik 6. Klik Submit

7. Admin akan melakukan verifikasi terlebih dahulu

2.1.7 Penambahan Pendaftaran Prodi

Penjelasan ini digunakan ketika kondisinya user sudah menjadi Anggota Aktif dan sudah mendaftarkan 2 prodi sebelumnya kemudian user ingin melakukan penambahan prodi lagi 1. Login terlebih dahulu

(22)

User Manual

22 / 26

3. Klik Edit Profil 4. Klik Tambah Prodi

5. Isi field-field yang tersedia

6. Klik Daftar yang berada di paling bawah halaman

7. Admin akan melakukan verifikasi terlebih dahulu supaya Invoice yang terbit sesuai dengan prodi yang didaftarkan

8. Kembali ke Beranda

9. Klik Menjadi Anggota Aktif 10. Klik Upload Bukti Bayar

11. Masuk ke halaman Upload Bukti Bayar

12. Terdapat informasi jumlah prodi yang baru didaftarkan beserta nilai pembayarannya (nilai pembayarannya harus sesuai dengan hasil download invoice)

13. Download Invoice untuk Prodi yang baru dengan klik 14. Invoice yang muncul adalah invoice untuk Prodi baru 15. Upload bukti bayar untuk prodi baru sesuai dengan invoice 16. Klik Submit

17. Admin akan melakukan verifikasi terlebih dahulu

(23)

User Manual

23 / 26

3. PROSES POST

3.1 Create & Submit Post

Penjelasan ini digunakan untuk user mengetahui proses ketika melakukan submit post/konten yang memerlukan approval dari Admin sebelum bisa di Publish

1. Masuk ke halaman Dashboard 2. Masuk ke salah satu menu Post 3. Klik Add New

4. Buat post dan isi field-field yang telah disediakan 5. Klik Submit for Review

6. Status Post adalah Pending Catatan :

Post yang sudah di submit dan status pending tidak akan bisa Edit oleh user

7. Admin akan melakukan verifikasi terlebih dahulu 8. Cek setiap post yang telah dibuat

9. Apabila lolos verifikasi maka status menjadi publish

10. Apabila tidak lolos verifikasi maka status menjadi ditolak

5

8

9 10

(24)

User Manual

24 / 26

11. Klik Judul yang ditolak 12. Alasa Ditolak akan terlihat

13. Perbaiki sesuai dengan alasan ditolak 14. Klik Update

15. Status post akan berubah menjadi pending

16. Admin akan melakukan verifikasi ulang untuk post tersebut

17. Apabila hasil verifikasi ulang oleh admin dinyatakan lolos maka status post tersebut akan menjadi publish

3.2 Publish Post

Penjelasan ini digunakan untuk proses post yang tidak memerlukan approval dari admin 1. Masuk ke halaman Dashboard

2. Klik ke salah satu menu Post

3. Muncul tampilan daftar post yang telah dibuat oleh user tersebut 4. Klik Add New

5. Buat post dan isi field-field yang telah disediakan 6. Klik Publish

7. Post akan otomatis statusnya menjadi publish

3.3 Edit Post

1. Masuk ke halaman Dashboard 2. Klik ke salah satu menu Post

3. Muncul tampilan daftar post yang telah dibuat oleh user tersebut 4. Klik Judul post yang akan dilakukan Edit

(25)

User Manual

25 / 26

3.4 Delete Post

Penjelasan ini digunakan untuk keperluan user apabila ada Post yang mau dihapus

3.4.1 Cara Pertama

3. Muncul tampilan daftar post yang telah dibuat oleh user tersebut 4. Arahkan kursor ke Judul post yang akan dihapus

5. Muncul menu Trash 6. Klik Trash

7. Post tersebut akan terhapus

3.4.2 Cara Kedua

3. Muncul tampilan daftar post yang telah dibuat oleh user tersebut 4. Klik Judu post yang akan dihapus

5. Masuk ke halaman detail post tersebut 6. Klik Move to trash

7. Post akan terhapus

3.5 Restore Post

Penjelasan yang digunakan user untuk mengembalikan post yang sudah di Delete 1. Masuk ke halaman Dashboard

2. Klik ke salah satu menu Post

3. Muncul tampilan daftar post yang telah dibuat oleh user tersebut 4. Klik Trash

5

(26)

User Manual

26 / 26

5. Muncul daftar post yang sudah di Delete

6. Arahkan kursor ke judul post yang akan di Restore 7. Muncul menu Restore

8. Klik Restore

9. Post yang didelete akan muncul kembali di daftar post Published Catatan :

Delete Permanently akan membuat Post tersebut tidak bisa di Restore

3.6 Posting Diskusi

Penjelasan ini digunakan untuk user anggota aktif mengetahui proses ketika membuat Topik Diskusi

1. Masuk ke halaman Dashboard 2. Masuk ke menu Diskusi 3. Klik Add New

4. Buat post dan isi field-field yang telah disediakan 5. Pilih Visibility dengan klik Edit

6. Muncul dropdown list kemudian pilih salah satu visibility

7. Klik OK 8. Klik Publish

7

 _{Public : semua user bisa melihat topik diskusi} tersebut

 Private : hanya untuk user anggota aktif saja yang bisa melihat topik diskusi tersebut