Evaluasi Akhir Semester

Nama: Azka Rizqullah Ramadhani

NRP: 5025231148

Kelas: Pemrograman Web (E)

Soal

1. Apa yang dimaksud dengan Back-End. Jelaskan ruang lingkup pekerjaan Back-End Engineer dan skill yang dibutuhkan.
2. Buatlah Rancangan Aplikasi yang diambil dalam Final Project
3. Deskripsikan kegunaan dan ruang lingkup aplikasi
4. Implementasikan Aplikasi yang telah didesain dengan menggunakan teknologi web tanpa framework.
5. Buat PPT presentasi yang menunjang Demo Aplikasi.
6. Demokan aplikasi dengan membuat video dan diupload di Youtube.

Jawaban

1. Backend 

adalah salah satu role di dalam sebuah project website atau aplikasi yang bertugas untuk melakukan koneksi terhadap suatu database. Jadi semisal di sebuah restoran frontend adalah pemesan kemudian si backend adalah si kasir atau pelayan dan database adalah dapur maka bisa di analogikan seperti itu. Kemudian skill yang biasanya dibutuhkan oleh back end developer adalah manajemen basis data, pembuatan API, dan banyak skill lainnya.

2. Rancangan aplikasi meliputi:

Data Model:

Physical Data Model

Data Model diatas adalah sususan dari tabel - tabel dan relasi antara setiap tabelnya. Terdapat 6 tabel yaitu tabel user, workout logs members, workout logs, exercise, workout plan exercises dan workout plans

Design Figma

    

Diatas adalah design aplikasi ui ux menggunakan figma berdasarkan color pattern yang sudah ditentukan sebelumnya

API Spek

            

diatas adalah salah satu contoh api spek dari post /api/auth/verify dan di bawahnya masih ada lagi api spek lainnya.

3. Kegunaan dan Ruang Lingkup

Gym Journal adalah sebuah website yang dapat Anda gunakan untuk melacak progres perjalanan gym Anda dengan efisien. Gym Journal juga menyediakan leaderboard yang dapat memotivasi Anda dengan melihat perjalanan orang lain.

Halaman-halaman yang tersedia di Gym Journal adalah sebagai berikut:

• Landing Page: Halaman untuk menunjukkan gambaran umum aplikasi, halaman ini juga memiliki tombol login dan register di navbar.
• Auth Page: Untuk masuk dengan akun Gmail, cukup dengan satu tombol.
• Verify Page: Setelah berhasil masuk, jika ini adalah akun baru, pengguna akan diminta untuk memberikan informasi tambahan sebelum menggunakan aplikasi. Informasi tersebut meliputi username, tanggal lahir, dan foto profil.
• Home Page: Halaman utama pengguna setelah berhasil masuk. Halaman ini akan berisi sapaan seperti (Selamat Datang Kembali {Nama}!), sebuah kontainer dengan daftar rencana latihan yang dibuat oleh pengguna, dan kontainer dengan daftar latihan yang telah diselesaikan oleh pengguna. Terakhir, terdapat tombol untuk mengekspor log latihan pengguna ke dalam format PDF.
• Workout Plan Editing Page: Halaman ini dapat digunakan oleh pengguna untuk mengedit konfigurasi rencana latihan. Pengguna dapat mengubah nama rencana, menambahkan latihan, mengubah berat yang digunakan pada latihan, serta jumlah repetisi setiap latihan. Setiap latihan juga akan memiliki tampilan gambar.
• Workout Doing Page: Tampilan halaman saat pengguna memulai rencana latihan. Pengguna dapat menandai selesai pada kotak centang untuk setiap set latihan. Jika semua latihan dan semua set pada setiap latihan selesai, pengguna dapat menyelesaikan latihan dengan mengklik tombol finish workout. Halaman ini juga akan memiliki timer untuk latihan.
• Leaderboard Page: Halaman ini berisi data yang dihitung dari log latihan yang telah diselesaikan oleh setiap pengguna.

4. Implementasikan Aplikasi

Contoh aplikasi (Landing Page)

Stuktur Code dan Screen Shoot Code

Link : Github

5. Link PPT

CANVA

6. Link Profile Youtube

youtube

video: Video