Gulilil / IF3110_Tubes1

A website for anime page, for image and trailer video displayment. The website consists of the front-end side using vanilla HTML, CSS, and JS, the back-end side using PHP, and the database using PostgreSQL.

IF3110_Pengembangan Aplikasi Berbasis Web

Tubes1_Kelompok 8

Table of Contents

• Program Description
• Required Program
• Installation Guide
• Execution Guide
• Implementation Screenshots
• Progress Report
• Workload Distribution

Program Description

InfoAnimeMasse, adalah aplikasi berbasis web yang memungkinkan pengguna untuk melacak dan merating serial anime yang mereka tonton. Pengguna dapat mencari serial anime, menambahkannya ke dalam daftar yang mereka miliki, memberi rating, serta memberikan ulasan.

Program Requirement

1. HTML
2. CSS
3. JavaScript
4. PostgreSQL
5. PHP
6. Docker

Installation Guide

1. Clone repository ini dengan menggunakan perintah:

git clone https://gitlab.informatika.org/if3110-2023-01-08/if-3110-tugas-besar-1-wbd.git

2. Pastikan komputer Anda telah menginstalasi dan menjalankan aplikasi Docker.
3. Buatlah sebuah file .env yang bersesuaian dengan penggunaan (contoh file tersebut dapat dilihat pada .env.example).

Execution Guide

1. Jalankan perintah docker-compose up pada terminal directory aplikasi web.

docker-compose up --build

2. Aplikasi web dapat diakses dengan menggunakan browser pada URL http://localhost:8080.
3. Aplikasi web dapat dihentikan dengan menjalankan perintah perintah docker-compose down pada terminal directory aplikasi web.

docker-compose down

Implementation Screenshots

Home Page

Home Page : Responsive

Anime List Page

Anime List Page : Responsive

Anime Details Page

Studio List Page

Studio List Page : Responsive

Studio Details Page

Trailer List Page

Trailer List Page : Responsive

Trailer Video Page

Admin Page

Profile Page

Client Anime List Page

Login Page

Signup Page

Workload Distribution

Name	Student ID	Client-side	Server-side
Irfan	10023176	Figma design Login Page	-
Bagas Aryo Seto	13521081	Navbar and Footer Home Page Admin Page Anime Detail Page Studio Detail Page	Schema design Database Tables Implementation Admin Page: Client CRUD Admin Page: Anime CRUD Admin Page: Studio CRUD
Juan Christopher Santoso	13521116	Anime List Page Studio List Page Trailer Page Profile Page Login Page Signup Page Error Page Client Anime List Page Search, Filter, and Pagination Display Responsive Design	All API All Controllers Database Constraints Implementation Data Searching and Seeding Implementation All Models and DB Connection All Routing Mechanism ENV Loader Repository Setup Search Implementation Filter Implementation Pagination Implementation Docker Setup and Implementation Login and signup authorization AJAX on Signup