(REVISI) RANCANGAN ANTAR MUKA PICK-A-BOOK

Dosen : Dr. Drs. ERI ZULIARSO, M.KOM

 

Eng ver : here

Antarmuka (Interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Antarmuka (Interface) Dapat menerima informasi dari pengguna (user) danmemberikan informasi kepada pengguna (user) untuk membantu mengarahkan alur penelusuran masalah sampai ditemukan suatu solusi.Interface, berfungsi untuk menginput pengetahuan baru ke dalam basis pengetahuan sistem pakar (ES), menampilkan penjelasan sistem dan memberikan panduan pemakaian sistem secara menyeluruh / step by step sehingga pengguna mengerti apa yang akan dilakukan terhadap suatu sistem.

Tujuan sebuah interface adalah mengkomunikasikan fitur-fitur sistem yang tersedia agar user mengerti dan dapat menggunakan sistem tersebut. Dalam hal ini penggunaan bahasa amat efektif untuk membantu pengertian, karena bahasa merupakan alat tertua (barangkali kedua tertua setelah gesture) yang dipakai orang untuk berkomunikasi sehari-harinya. Praktis, semua pengguna komputer dan Internet (kecuali mungkin anak kecil yang memakai komputer untuk belajar membaca) dapat mengerti tulisan.

Tujuan Antar Muka (interface) Pengguna

–Menyesuaikan antar muka pengguna dengan tugas.

–Membuat antar muka pengguna menjadi efisien.

–Memberikan arus balik yang tepat kepada pengguna.

–Memunculkan pertanyaan-pertanyaan yang dapat dimanfaatkan.

–Memperbaiki produktivitas dari pengetahuan pegawai

Manfaat Antar Muka (Interface) pengguna:
Manfaat User Interface untuk menghubungkan atau penterjemah informasi antara pengguna dengan system operasi, sehingga computer dapat digunakan. Dengan demikian, user interface bisa juga diartikan sebagai mekanisme inter-relasi atau integrasi total dari perangkat keras dan lunak yang membentuk pengalaman bekomputer. Use interface dari sisi software bias berbentuk Graphical User Interface (GUI) atau Command Line Interfae (CLI), sedangkan dari sisi hardware bias berbentuk Aplle Desktop Bus (ADB), USB, dan fire wire.

Tipe-Tipe Interaksi Antar Muka (Interface) Pengguna

-Pemilihan tipe interaksi yang tepat dapat memberikan efek yang baik terhadap dialog antara user dengan komputer. Terdapat beberapa tipe interaksi yang umum digunakan, yaitu :

-Command Line Interface (CLI) Merupakan bentuk dialog interaktif yang pertama        digunakan dan masih dipakai    hingga saat ini.

-Dengan CLI, user memberikan instruksi secara langsung kepada  komputer menggunakan tombol fungsi, karakter tunggal, command dalam bentuk  singkat

-Menu. Pada menu-driven interface , sekumpulan opsi / pilihan yang tersedia bagi user  ditampilkan pada layar dan dapat dipilh dengan menggunakan mouse atau tombol    numerik maupun alfabetik.

-Natural language.Mungkin merupakan mekanisme komunikasi yang atraktif. Umumnya, komputer  tidak dapat mengerti instruksi yang dituliskan dalam bahasa sehari-hari. Natural  language dapat mengerti input tertulis (written input) dan suara (speech input).  Namun masih ada kekurangan dalam hal ambiguity (kerancuan) pada aspek sintaks  dan semantik.

-Q/A & query dialogue.Merupakan mekanisme sederhana untuk input pada beberapa aplikasi. User    diberikan serangkaian pertanyaan umumnya dalam bentuk jawaban ya/tidak (Y/N),  pilihan ganda atau dalam bentuk kode, dan dibimbing tahap demi tahap selama  proses interaksi. Interface ini mudah dipelajari namun terbatas fungsinya

-Form-fills and spreadsheet. Form-fill utamanya digunakan untuk aplikasi pemasukan (data entry) dan  pencarian (data retrieval) data. Bentuk form-fill adalah berupa display yang  menyerupai selembar kertas dengan beberapa slot / field untuk diisi. Spreadsheet  adalah variasi dari form-fill. Spreadsheet terdiri dari sel yang dapat berisi nilai atau  formula.

-WIMP interface (Windows, Icons, Menu, Pointers). WIMP merupakan default interface untuk sebagian besar sistem komputer  interaktif yang digunakan saat ini terutama pada PC dan desktop workstation. Window merupakan area layar yang berprilaku seperti terminal independent dan  berisi grafik atau teks yang dapat dipindahkan dan idiubah ukurannya. Satu layar  dapat terdiri dari lebih 1 window yang memungkinkan lebih dari satu tugas aktif  pada saat yang sama. Icon merupakan sebuah gambar kecil yang digunakan untuk  merepresentasikan windows yang sedang berada dalam keadaan tertutup (closed).

1. Daftar

Merupakan tampilan awal ketika Pick-a-book dibuka, tampilan awal ini digunakan untuk user baru untuk mendaftar. Dan untuk user lama yang telah memiliki akun bisa langsung Masuk

2. Masuk user fix

Merupakan tampilan login untuk user dan admin, ketika user sudah memiliki akun user cukup mengisi username atau email dan password saja lalu klik Masuk.

2.1. alert fix

Merupakan tampilan ketika user maupun admin yang akan masuk salah memasukan username atau password mereka. Ada juga tombol Coba Lagi untuk memasukkan username/password yang benar

3. Menu Utama

Adalah tampilan Menu utama yang terdiri dari ikon user dengan pilihan edit atau logout. Serta menu Daftar Buku, Peminjaman, Pengembalian dan Ketentuan

3.1. logout

Apabila user memilih untuk logout, tampilan inilah yang akan muncul. Terdiri dari batalkan, yaitu apabila user tidak jadi keluar. Dan keluar, apabila user ingin logout

4. Edit

Apabila user pada menu utama memilih ikon user, lalu memilih edit maka tampilan inilah yang muncul. Pada edit user bisa mengganti data apabila ada kesalahan atau pergantian data. Lalu apabila sudah benar user bisa menyimpannya atau ingin membatalkannya

5. Daftar Buku

Selanjutnya ada tampilanapabila kita memilih daftar buku. Di dalam menu ini terdapat  empat  sub menu yaitu Top Book (menampilkan buku yang  paling sering dipinjam), Penerbit (mengurutkan berdasarkan penerbit),  Pengarang (mengelompokkan berdasarkan penulis buku)  serta genre yang mengelompokkan buku bedasarkan kategorinya.

M1 Top Buku

Ini merupakan tampilan apabila user memilih submenu Top Book. Diperlihatkan urutanbuku yang paling sering dipinjam dengan rinciannya  yaitu ada Status yang menampilkan apakah buku ‘ada’ atau sedang ‘dipinjam’. Lalu ada kode buku serta informasi tentang buku mengenai judul, pengarang, penerbit  serta sinopsis singkatnya

6. Penerbit

Merupakan tampilan submenu Penerbit yang didalamnya menampilkan nama-nama penerbit dari koleksi buku yang tersedia

7. Penerbit Haru

Misalnya saja user pada sub menu penerbit tadi memilih penerbit haru, maka seperti inilah tampilan yang akan muncul. Berisi tombol search dan juga data buku dari penerbit haru

8. Pengarang

Merupakan tampilan submenu Pengarang  yang didalamnya menampilkan nama-nama penulis dari koleksi buku yang tersedia

9. Genre

Merupakan tampilan submenu Genre yang didalamnya menampilkan kategori dari koleksi buku yang tersedia, misalnya saja blood type series merupakan kategori buku yang disusun berdasarkan buku yang menuliskan mengenai menilai pasangan dari golongan darahnya

10. pinjam

Merupakan tampilan submenu Peminjaman untuk user yang didalamnya menampilkan buku yang sedang ia pinjam beserta tanggal peminjaman dan tanggal pengembalian buku tersebut

11. kembali

Merupakan tampilan submenu Pengembalian untuk user yang didalamnya menampilkan buku yang ia kembalikan beserta tanggal peminjaman dan tanggal pengembalian buku tersebut dan juga jumlah denda yang harus dibayarkan apabila sudah melewati tanggal jatuh tempo

12. Ketentuan

Merupakan tampilan submenu Ketentuan yang didalamnya menampilkan ketenteuan dalam peminjaman dan pengembalian

13. Masuk admin

Merupakan tampilan login untuk admin setelah memilih menu utama Admin.

14. Menu admin

Selanjutnya ada tampilan apabila kita memilih Admin. Di dalam menu ini terdapat  empat  sub Menu yaitu Transaks Peminjaman, Transaksi Pengembalian, Edit Data Buku dan Edit Data Admin.

15. Trans Pinjam fix

Merupakan tampilan untuk sub menu transaksi peminjaman. Disini admin mencatat transaksi peminjaman buku. Yang harus admin isi adalah kode buku yang tertera pada buku, judul buku, penerbit, pengarah serta genre, jumlah buku dan jumlah yang harus dibayarkan, tanggal pinjam dan tanggal kembali serta dicetak oleh admin siapakah transaksi tersebut. Lalu apabila pengisiannya sudah benar admin, bisa memilih tombol simpan untuk menyetak transaksi dan batal untuk membatalkan transaksi

16. Trans Kembali

Merupakan tampilan untuk sub menu transaksi pengembalian. Disini admin mencatat transaksi pengembalian buku. Yang harus admin isi adalah kode buku yang tertera pada buku, judul buku, penerbit, pengarah serta genre, tanggal pinjam dan tanggal kembali, jumlah denda yang harus dibayarkan, serta dicetak oleh admin siapakah transaksi tersebut. Lalu apabila pengisiannya sudah benar admin, bisa memilih tombol simpan untuk menyetak transaksi dan batal untuk membatalkan transaksi

17. Edit Data Buku fix

Tampilan apabila admin memilih sub menu edit data buku. Disini admin bisa mengedit koleksi buku dengan memberinya status “ada” atau “dipinjam” admin juga dapat mengedit rincian buku atau menghapusnya apabila buku tersebut hilang. Untuk menambah koleksi buku admin bisa menekan tombol tambah di pojok kanan  atas.

17.1. tambah

Tampilan yang akan muncul apabila admin memilih untuk menambahkan buku. Disini admin diminta untuk memasukkan foto serta rincian buku berupa kode buku, judul, penerbit, pengarang, genre lalu sinopsis. Apabila data yang dimasukkan sudah benar admin bisa menekan tombol simpan, dan apabila salah atau tidak jadi menambahkan bisa menekan tombol batal.

18. Edit Data Admin

Tampilan untuk sub menu admin, edit data admin. Pada edit data admin, admin bisa mengganti data apabila ada kesalahan atau pergantian data. Lalu apabila sudah benar admin bisa menyimpannya atau Ingin membatalkannya