EAS Pemrograman Web

 Pertanyaan

1. Buatlah deskripsi studi kasus pemrograman web (individu)
2. Buatlah rancangan umum arsitektur atau fitur yang ada dalam aplikasi  (individu)
3. Rancang desain databasenya  (individu)
4. Buat desain front end  (individu)
5. Tentukan action yang akan mengandle logika back end.  (individu)
6. Implementasikan rancangan yang sudah dibuat (pilih salah satu - bisa kelompok maks 3)
7. Buat video presentasinya, upload di youtube, dan didokumentasikan di blog.
8. Pengumpulan terakhir 14 Des 2023 pukul 08.00 , di dokumentasi di blog masing-masing, dan mengisi lembar monitoring dengan judul "Final Project Pemrograman Web". Tidak lupa membuat koment link pekerjaan di halaman post ini.

Jawaban

1. Penelitian ini bertujuan untuk membuat sebuah aplikasi Tryout Ujian Nasional berbasis Android yang sudah disesuaikan dengan Try Out konvensional. Pembuatan Tryout ini berguna sebagai wahana latihan Ujian Nasional bagi siswa untuk menghadapi Ujian Nasional. Karena berjalan secara online, siswa dapat melakukan latihan Tryout menggunakan aplikasi mobile yang dapat diakses dimana saja dan kapan saja.  

2.  Rancangan Umum Arsitektur dan  Fitur Aplikasi:

Gambaran Umum System:

Hybrid App Development:

Pengembangan aplikasi menggunakan metode hybrid yang menggabungkan pengembangan aplikasi native (Java) dan web (PHP). Intuisi dari aplikasi hybrid adalah menanamkan aplikasi mobile HTML5 ke dalam konten aplikasi native. Aplikasi hybrid merupakan kombinasi dari kelebihan yang dimiliki antara aplikasi web dan aplikasi native. Aplikasi hybrid mengkonversi aplikasi web mobile HTML5 ke aplikasi native smartphone yang ditargetkan. 

Basis Data:

Rancangan database memiliki beberapa tabel yang terkait dengan saling berhubungan, termasuk tabel admin, mapel (mata pelajaran), soal, paket soal, user_jawab_latihan, dan user_jawab_tryout. Relasi antar tabel mengikuti pola one-to-many dan many-to-many tergantung pada keterkaitan antar entitas dalam aplikasi.

Menu Utama Aplikasi:

Terdapat 2 menu untuk Tryout dan latihan. Soal-soal Tryout dan latihan sudah disesuaikan dengan kisi-kisi Ujian Nasional.

Halaman Login dan Registrasi:

Pengguna dapat login menggunakan akun terdaftar atau mendaftar untuk membuat akun baru. Data sekolah telah tersedia untuk dipilih oleh pengguna yang melakukan registrasi.

Multiple Choice :

Tryout dan latihan memungkinkan pengguna untuk memilih mata pelajaran dan paket soal.

Soal-soal ditampilkan satu per satu lalu peserta dapat memilih salah satu jawaban yang benar.

Waktu pengerjaan :

Pada saat pengerjaan akan ditampilkan waktu yang telah berlangsung dan akan ada pemberitahuan alert jika waktu hampir habis.

Tampilan Hasil dan Kunci Jawaban:

Pengguna dapat melihat hasil, nilai, dan kunci jawaban setelah selesai mengerjakan Tryout atau latihan. Namun, pada latihan pilihan benar/salah akan langsung diberitahukan oleh sistem.

Implementasi aplikasi:

Aplikasi dapat dipasang hampir di semua perangkat Android

3.  Relasi-relasi yang terjadi antar tabel yakni : 

• Relasi tabel admin dengan tabel mapel : Seorang admin bisa membuat banyak mapel (mata pelajaran) jadi relasi antara tabel admin dengan tabel mapel adalah one to many.
• Relasi tabel mapel dengan tabel soal : Setiap mapel (mata pelajaran) bisa mempunyai banyak latihan jadi relasi antara tabel mapel dengan tabel latihan adalah one to many.
• Relasi tabel mapel dengan tabel tryout : Setiap mapel (mata pelajaran) bisa mempunyai banyak tryout jadi relasi antara tabel mapel dengan tabel tryout adalah one to many.
• Relasi tabel latihan dengan tabel soal dan tabel user : Relasi antar tiga buah tabel terjadi antara tabel latihan dengan tabel soal dan tabel user serta relasi yang terjadi antara ke tiga buah tabel tersebut adalah many to many, kondisi ini membuat sebuah tabel baru yaitu tabel user_jawab_latihan. Banyak latihan memiliki banyak soal dan semua user bisa menjawab banyak latihan.
• Relasi tabel tryout dengan tabel soal dan tabel user : Relasi antar tiga buah tabel terjadi antara tabel tryout dengan tabel soal dan tabel user serta relasi yang terjadi antara ke tiga buah tabel tersebut adalah many to many, kondisi ini membuat sebuah tabel baru yaitu tabel user_jawab_tryout. Banyak Tryout memiliki banyak soal dan semua user bisa menjawab banyak latihan.

4.  Maka dihasilkan sebuah tampilan Front-end sebagai berikut: 

- Laman Masuk

               

            Tampilan Menu Login                                           Tampilan Menu Home

                             

               Tampilan Halaman Register dan Menu Sekolah yang ada pada Register

- Laman Latihan

                       

       Tampilan Halaman Latihan                                    Tampilan Soal Latihan

                                            

                                                Tampilan Nilai Hasil Latihan

              

                   Tampilan jika jawaban benar(kiri) dan jika jawaban salah(kanan)

- Laman Latihan

        Tampilan Halaman Tryout                    Tampilan Soal Tryout dan Sisa Waktu

                      

         Tampilan Laman Selesai                           Tampilan Halaman Kunci Jawaban

5.  Terdapat action yang akan mengandle logika back end, yakni :

A. Actions untuk User:

Autentikasi Pengguna:

Login: Memasukkan kredensial untuk mengakses akun.

Pendaftaran: Mengisi formulir data diri untuk membuat akun baru.

Manajemen Soal dan Paket Soal:

Mengerjakan Soal: Mengakses dan melihat soal dalam paket yang disediakan.

Menjawab Soal: Memilih salah satu jawaban yang dianggap benar

Latihan: Mengakses latihan soal dan tryout yang tersedia.

Manajemen Waktu: 

Waktu Pengerjaan : Memunculkan waktu yang sedang berlangsung dan peringatan waktu habis.

Manajemen Informasi User:

Edit Profil: Memperbarui informasi pribadi seperti nama, sekolah, atau preferensi pengguna.

Melihat Riwayat: Melihat catatan hasil tryout dan nilai yang telah diperoleh.

Pembahasan Soal:

Melihat Jawaban Benar: Setelah tryout selesai, dapat melihat jawaban yang benar beserta pembahasannya.

Personalisasi:

Kustomisasi Latihan: Memilih jenis soal atau topik yang ingin dipelajari.

B. Actions untuk Admin:

Autentikasi Admin:

Login Admin: Masuk ke panel admin dengan otorisasi khusus.

Manajemen Soal dan Paket Soal:

Pengelolaan Soal: Menambahkan, mengedit, dan menghapus soal dalam database.

Manajemen Paket Soal: Membuat, mengedit, atau menghapus paket soal untuk tryout atau latihan.

Manajemen Pengguna:

Manajemen Siswa: Menambah, mengedit, atau menghapus data siswa.

Manajemen Admin: Mengatur admin baru dan mengatur hak akses mereka.

Penyelenggaraan Jadwal:

Penjadwalan Tryout: Menjadwalkan ujian dan latihan secara terjadwal.

Perhitungan Nilai dan Laporan:

Perhitungan Nilai: Mengelola perhitungan nilai hasil tryout.

Pembuatan Laporan: Membuat laporan hasil ujian siswa dan statistik nilai.

Sinkronisasi dan Konektivitas:

Pengelolaan Database: Menangani sinkronisasi data dari aplikasi ke database.

Manajemen Jaringan: Memastikan ketersediaan akses server dan database.

Kustomisasi dan Personalisasi:

Pengaturan Sistem: Menyediakan opsi personalisasi dan kustomisasi untuk pengguna secara umum.

Berikut hasil implementasi aplikasi yang telah dikerjakan oleh kelompok saya  : link yt

Kelompok : - Dian Dabukke 

                    - Shafa Nabilah 

                    - Faizah Nurdiati

Link referensi paper : Paper TryOut Online