1. Prosedur penggunaan aplikasi Gambar 1.1 Gambar Tampilan Layar Login

Transkripsi

1 1. Prosedur penggunaan aplikasi Gambar 1.1 Gambar Tampilan Layar Login Tampilan awal halaman pada aplikasi Sharing Education diawali dengan menu login seperti pada gambar 1.1 Gambar tampilan layar login. Pada tampilan layar login ini bila user belum memiliki akun aplikasi Sharing Education, maka disarankan untuk membuat akun terlebih dahulu dengan menekan Registration. Bila pada saat proses login, user belum memiliki akun aplikasi Sharing Education ataupun salah memasuki username dan password, maka akan keluar tampilan pesan kesalahan.

2 Gambar 1.2 Gambar Tampilan Layar Register Tampilan dibawah menampilkan halaman registrasi yang dapat digunakan oleh user untuk membuat akun untuk aplikasi Sharing Education. Dengan membuat akun maka user dapat login ke aplikasi Sharing Education. Pada saat user melakukan proses registrasi, terkadang user dapat melakukan kesalahan-kesalahan misalnya salah satunya lupa dalam memasukkan pada saat registrasi data, memasukkan username dengan username yang sudah terdaftar, salah dalam meng-input password pada kolom confirm password, dan tidak mengisi data secara lengkap, dalam hal ini akan muncul pesan kesalahan.

3 Gambar 1.3 Gambar Tampilan Layar Home Pada tampilan home terdapat pilihan menu-menu yang merupakan fitur-fitur yang ada pada aplikasi Sharing Education, seperti menu download e-book dan exam, menu forum, menu test online dan menu ranking. DI pojok kiri atas juga terdapat tombol untuk kembali pada home dan juga di sebelah pojok kanan atas terdapat tombol untuk menuju menu my account.

4 Gambar 1.4 Gambar Tampilan Layar Download Gambar di atas merupakan tampilan layar download, fitur download terbagi atas dua kategori pilihan yaitu download e-book dan exam. Kedua kategori tersebut mempunyai desain yang sama hanya berbeda dalam file download-nya. Jika user memilih salah satu kategori tersebut maka akan terlihat tampilan sebagai berikut. Saat user menekan tombol e-book ataupun exam akan tampil halaman kategori berdasarkan kelas sebagai berikut.

5 Gambar 4.13 Tampilan Layar Download E-book Gambar di atas menampilkan tampilan layar halaman download e-book berdasarkan kategori kelas. Saat user menekan tombol kelas maka user akan memasuki halaman layar menu download berdasarkan kategori mata pelajaran.

6 Gambar 4.14 Tampilan Layar E-book Pada halaman ini user akan dapat memilih mata pelajaran yang akan di download berdasarkan mata pelajaran yang telah tersedia dengan langsung menekan tombol yang di inginkan.

7 Gambar 4.15 Tampilan Layar Download Exam Pada halaman ini user akan dapat memilih mata pelajaran yang akan di download berdasarkan mata pelajaran yang telah tersedia dengan langsung menekan tombol yang di inginkan.

8 Gambar 4.16 Tampilan Layar Create Thread Pada halaman ini user dapat membuat thread baru di forum diskusi, bertujuan agar user dapat berinteraksi dan saling berdiskusi dengan user lainnya. Setelah user telah membuat thread baru maka pada halaman Forum akan terlampir kumpulan thread thread yang telah dibuat sebagai berikut.

9 Gambar 4.17 Tampilan Layar Thread Pada halaman ini user dapat menekan tombol pada thread thread yang telah terbuat oleh user sendiri maupun user lain. User juga dapat membuat comment pada thread yang user lihat, maka tampilannya akan sebagai berikut.

10 Gambar 4.18 Tampilan Layar Comment pada Forum Gambar 4.19 Tampilan Layar Test Online

11 Pada halaman ini, user dapat melakukan test online berdasarkan kategori kelas dengan bank soal sebanyak 50 soal / 10 mata pelajaran yang akan di acak setiap user menekan tombol test online tersebut. Setelah user memilih test online berdasarkan kelas maka tampilan test online tersebut sebagai berikut. Gambar 4.20 Tampilan Layar Test Online Pada halaman ini, user akan mengerjakan soal test online sebanyak 50 soal. Soal yang ditampilkan sebanyak 10 soal / halaman. Pada halaman terakhir saat user menekan tombol next maka user akan di berikan tampilan halaman score. Halaman mengenai jumlah banyaknya nilai yang diperoleh user setelah mengerjakan soal test online tersebut, maka akan tampil halaman sebagai berikut.

12 Gambar 4.21 Tampilan Layar Score Pada halaman ini, user dapat menekan tombol ranking untuk melihat daftar peringkat score tertinggi ke terendah, maka tampilan ranking akan tampil sebagai berikut.

13 Gambar 4.22 Tampilan Layar Ranking Pada menu ini akan di tampilkan urutan ranking beserta score para user yang sudah melakukan test online. Disitu terdapat juga kelas yang menjadi kelas saat para user melakukan test online.

14 Gambar 4.23 Tampilan Layar Forgot Pada halaman ini, jika user lupa password-nya maka dapat menekan tombol forgot pada tampilan layar di atas. Jika yang dimasukkan salah maka akan tampil halaman sebagai berikut.

15 Gambar 4.24 Tampilan Layar Pesan Kesalahan input Gambafdf Gambar 4.25 Tampilan Layar Pesan pada Forgot Password jika berhasil

16 Gambar 4.26 Tampilan Layar My Account Pada halaman ini, user akan diperlihatkan tampilan account-nya. Tampilan menampilkan detail data user seperti di atas. Jika user ingin melakukan perubahan data dirinya maka user dapat menekan tombol edit profile untuk melakukan perubahan fisrtname, lastname, location dan upload foto. Tombol Account untuk merubah password user, about us akan menampilkan mengenai developer aplikasi dan logout jika ingin keluar dari aplikasi.

17 Gambar 4.27 Tampilan Layar Account Setting Gambar 4.28 Tampilan Layar Edit Profile

18 Gambar 4.29 Tampilan Layar Logout