Skip to content
Snippets Groups Projects
user avatar
authored

Panduan Pengerjaan

Berikut adalah hal yang harus diperhatikan untuk pengumpulan tugas ini:

  1. Buatlah grup pada Gitlab dengan format "IF3110-2023-01-XX", dengan XX adalah nomor kelompok (untuk K1 dan K2) atau kode kelompok (untuk K3).
  2. Tambahkan anggota tim pada grup anda.
  3. Fork pada repository ini dengan organisasi yang telah dibuat.
  4. Ubah hak akses repository hasil Fork anda menjadi private.
  5. Hal-hal yang harus diperhatikan.
    • Silakan commit pada repository anda (hasil fork)
    • Lakukan beberapa commit dengan pesan yang bermakna, contoh: “add register form”, “fix logout bug”, jangan seperti “final”, “benerin dikit”, “fix bug”.
    • Disarankan untuk tidak melakukan commit dengan perubahan yang besar karena akan mempengaruhi penilaian (contoh: hanya melakukan satu commit kemudian dikumpulkan).
    • Commit dari setiap anggota tim akan mempengaruhi penilaian.
    • Jadi, setiap anggota tim harus melakukan commit yang berpengaruh terhadap proses pembuatan aplikasi.
    • Sebagai panduan bisa mengikuti semantic commit.
  6. Buatlah file README yang berisi:
    • Deskripsi aplikasi web
    • Daftar requirement
    • Cara instalasi
    • Cara menjalankan server
    • Screenshot tampilan aplikasi (tidak perlu semua kasus, minimal 1 per halaman), dan
    • Penjelasan mengenai pembagian tugas masing-masing anggota (lihat formatnya pada bagian pembagian tugas).

Aplikasi Web Pusat Informasi Gym

Tugas Besar IF3110 Pengembangan Aplikasi Berbasis Web

Table of Contents

  1. Table of Contents
  2. Deskripsi
  3. Requirements
  4. Cara Instalasi
  5. Cara Menjalankan Server
  6. Screenshot Tampilan Aplikasi
  7. Hasil Analisa Lighthouse
  8. Pembagian Tugas

Deskripsi

Gym Tracker merupakan aplikasi web pusat informasi terkait gym-gym yang ada pada berbagai kota di Indonesia. Pengguna dapat melihat informasi-informasi terkait sebuah gym yang diminatinya, antara lain adalah judul gym, deskripsi gym, harga per bulannya, foto gym, video latihan gym, dan rating dari gym tersebut. Rating yang dapat dilihat oleh user berupa rating-rating dari user lain yang memakai aplikasi, termasuk rating user bersangkutan itu sendiri, dan juga rating rata-rata dari sebuah gym.

Requirements

  • docker

Cara Instalasi

Karena tugas ini menggunakan docker, maka prerequisite dari aplikasi ini hanyalah docker saja. Instalasi dapat dilakukan sesuai dengan dokumentasi resmi dari docker di sini, menyesuaikan dengan sistem operasi yang digunakan untuk menjalankan aplikasi.

Cara Menjalankan Server

  1. Anda dapat menjalankan program ini dengan menjalankan perintah docker compose up --build pada terminal directory aplikasi web.
  2. Aplikasi web dapat diakses dengan menggunakan browser pada URL localhost/login atau localhost/signup.
  3. Aplikasi web dapat dihentikan dengan menjalankan perintah perintah docker compose down pada terminal directory aplikasi web.

Screenshot Tampilan Aplikasi

Page Autentikasi

  1. Page Login Page-Login

  2. Page Signup Page-Signup

Page Utama

  1. Page Home User Page-Home-User

  2. Page Gym User Page-Gym-User

  3. Page Home Admin Page-Home-Admin

  4. Page Gym Admin Page-Gym-Admin

  5. Page City Admin Page-City

Page Edit dan Tambah

  1. Page Edit Gym Page-Edit-Gym

  2. Page Edit Media Gym Page-Edit-Media-Gym Page-Edit-Media-Gym

  3. Page Add Gym Page-Add-Gym

  4. Page Edit City Page-Edit-City

  5. Page Add City Page-Add-City

Setting

  1. Page Setting Page-Setting

  2. Page Account Page-Account

  3. Page Account Setting Page-Account-Setting

Hasil Analisa Lighthouse

Page Autentikasi

  1. Page Login Page-Login-Lighthouse

  2. Page Signup Page-Signup-Lighthouse

Page Utama

  1. Page Home User Page-Home-User-Lighthouse
  2. Page Gym User Page-Gym-User-Lighthouse
  3. Page Home Admin Page-Home-Admin-Lighthouse
  4. Page Gym Admin Page-Gym-Admin-Lighthouse
  5. Page City Admin Page-City-Admin-Lighthouse

Page Edit dan Tambah

  1. Page Edit Gym Page-Edit-Gym-Lighthouse

  2. Page Edit Media Gym Page-Edit-Media-Gym-Lighthouse

  3. Page Add Gym Page-Add-Gym-Lighthouse

  4. Page Edit City Page-Edit-City-Lighthouse

  5. Page Add City Page-Add-City-Lighthouse

Setting

  1. Page Setting Page-Setting-Lighthouse

  2. Page Account Page-Account-Lighthouse

  3. Page Account Setting Page-Account-Setting-Lighthouse

Pembagian Tugas

Jujur pembagian tugasnya cukup diverse dengan tiap orang dapat bekerja pada bagian berbeda dari sebuah fitur yang sama. Berikut adalah gambaran kasar saja, pembagian tugas yang eksak terdapat pada commit history.

Client-Side

Pekerjaan NIM
Login & Signup 13521112
Pembuatan utilitas validasi 13521060
Penggunaan utilitas validasi di semua masukan 13521043 & 13521112
Inisialisasi semua halaman terkait city 13521112
Inisialisasi halaman setting, account, dan account setting 13521112
Inisialisasi semua halaman terkait gym 13521043
Inisialisasi halaman Homepage Admin & User 13521043
Penyesuaian semua kode client-side untuk menyambungkan dengan belakang 13521060

Server-Side

Fitur NIM
Pembuatan semua endpoint, services, dan controller 13521060
Validasi input endpoint pada controller 13521043 & 13521112