MANUAL BOOK PENGGUNAAN WEBSITE LABORATORIUM UJI BRPBAP3

Transkripsi

1 0

2 MANUAL BOOK PENGGUNAAN WEBSITE LABORATORIUM UJI BRPBAP3 1. Deskripsi Aplikasi Website laboratorium uji Balai Riset Perikanan Budidaya Air Payau (BRPBAP3) merupakan sebuah website untuk solusi layanan analisis laboratorium online. Website ini mampu menampilkan biaya analisis dan status order analisis, Tujuan dari pembuatan website lab uji BRPBAP3 ini adalah untuk dapat di pergunakan sebagai sarana untuk melihat biaya dan deskripsi analisis, Sistem Operasional Prosedur dan informasi yang terkait secara online, mengetahui posisi status order analisis, dapat mencetak bukti pembayaran melalui akun member terdaftar. Website layanan lab uji BRPBAP3 terdiri dari 4 jenis halaman website yaitu halaman utama website layanan lab uji, halaman website di sisi admin, operator dan member, yang mana keempat halaman tersebut memiliki peranan dan fungsi yang berbeda-beda. 2. Flowchart Alur Kerja Aplikasi Dalam pembuatan sebuah website dibutuhkan flowchart yang nantinya dipergunakan untuk menggambarkan alur dari aplikasi yang dibuat, sehingga pembaca dapat membaca bagaimana alur dari website lab uji BRPBAP3 ini. Berikut adalah flowchart bagaimana cara menggunakan aplikasi website lab uji BRPBAP3. Flowchart alur kerja aplikasi ini dibagi menjadi 3 bagian,yaitu flowchart website disisi admin, flowchart website disisi operator,dan flowchart website disisi member. Namun pada manual book ini lebih fokus membahas disisi MEMBER. 1

3 Gambar 1. Flow chart website disisi admin Flowchart disisi admin, dimana admin memiliki hak untuk mengakses halaman utama berserta backup database, halaman tambah analisis baru, halaman data analisis, halaman data pemesanan analisis, halaman data dukung lainnya, halaman reset password. Sama halnya dengan flowchar disisi admin, operator juga memiliki hak untuk mengkases halaman utama, halaman tambah analisis, halaman data member, halaman data pemesanan analisis dan halaman data analisis yang telah dilakukan. Gambar 2. Flow chart website disisi operator 2

4 Untuk member dapat mengakses halaman utama dan memiliki halaman sendiri selanjutnya disebut halaman MY ACCOUNT, halaman data analisis, form layanan analisis dan halaman ganti password. Gambar 3. Flow chart website disisi member 3. Cara Pemakaian Aplikasi Berikut adalah cara menggunakan aplikasi website lab uji BRPBAP3, mulai dari pemakaian website disisi admin, website disisi operator, dan website disisi member. a. Pemakaian Website di sisi Admin b. Konfigurasi website dengan hak akses yang lebih luas (melihat order, merubah Invoices Pdf dan merubah status order) 3

5 Gambar 4. Melihat order Gambar 5. Merubah status order secara manual menyesuaikan proses analisis 4

6 Gambar 6. Melihat grafik banyaknya transaksi c. Pemakaian Website di sisi Operator (tidak dibahas) d. Pemakaian Website di sisi Member Calon member melakukan pendaftaran di website lab uji BRPBAP3 sebagai member baru dengan cara klik Login/Register (lingkaran merah) mengisi Register (lingkaran hijau) alamat ( address), kemudian klik tombol Register (lingkaran biru). Gambar 7. Form registrasi member baru

7 Setelah klik register berhasil otomatis diarahkan kemenu My Account Details: Gambar 8. Form registrasi My Account Details Selanjutnya di My Account Details klik Menu Account Details, diisi dengan lengkap dan save changes (lingkaran biru). Pengisian Account Detail ini hanya dilakukan saat pertama kali melakukan pendaftaran member. Sampai disini proses pendaftaran member sudah selesai. Gambar 9. Form registrasi Account details

8 Selanjutnya buka ( pendaftaran) dan lihat masuk/spam untuk mendapatkan hak akses yang diberikan: username dan password (lingkaran merah) untuk digunakan login di website lab uji BRPBAP3. Gambar 10. masuk berisi informasi, username dan password Setelah mengetahui username dan password silahkan buka kembali website lab uji BRPBAP3 dan klik menu login/register (lingkaran merah). Isi username dan password di kotak isian (lingkaran hijau) dan klik login (lingkaran biru). Gambar 11. Form registrasi member baru

9 Tampilan Setelah member berhasil melakukan login: Gambar 12. Dashboard member baru (Halaman member untuk melihat semua aktifitas yang dilakukan) Gambar 13. Form isian addresses (Billing dan shipping address) 8

10 Gambar 14. Form isian Account details (Lakukan perubahan password yang diterima sebelumnya) Seluruh rangkaian pengisian biodata member telah selesai. 4. Cara Order Layanan Analisis Buka Klik menu Layanan Analisis (lingkaran merah) pilih jenis analisis yang dibutuhkan lakukan order melalui tombol ADD TO CARD (lingkaran biru). Bisa mengorder lebih dari satu analisis sekali order. Gambar 15. Halaman layanan analisis yang bisa di order 9

11 Klik menu Cart (lingkaran merah) untuk melihat list order dan klik PROCEED TO CHECKOUT untuk penyelesaian order (lingkaran biru) atau lakukan koreksian jika ada yang tidak sesuai (klik tanda X untuk menghapus sebagian order atau kembali Ke menu layanan analisis. Gambar 16. List order layanan analisis Setelah PROCEED TO CHECKOUT berhasil, silahkan login melalui tombol Click here to login (lingkaran merah) dengan mengisi username dan password, jika berhasil otomatis Billing details terisi semua sesuai pengisian biodata member sebelumnya. Gambar 17. Halaman login setelah melakukan order untuk proses lebih lanjut 10

12 Tentukan motode pembayaran Direct Bank Transfer atau Cash on delivery (lingkaran merah) berikan tanda centang dikotak persetujuan perjanjian syarat dan kondisi (lingkaran hijau) dan PLACE ORDER (lingkaran biru). Gambar 18. Form isian proceed penyelesaian order Proses order layanan analisis telah selesai. Gambar 18. Informasi order telah sukses dilakukan 11

13 5. Cara Mengetahui Status order Layanan Analisis Klik menu my Account login Orders View untuk melihat informasi status order Download Invoice (Pdf) untuk download kwitansi pembayaran. Gambar 18. Melihat status order yang dilakukan Gambar 19. View orders informasi status 12

14 Gambar 20. Download invoice (Pdf) Untuk sekedar uji coba member Silahkan LOGIN dengan: username: yantek.bppbap password: yantek.bppbap <ooo< Innovation TeamWork Creative Yantek BRPBAP3>oOo> 13