Music Project User Mobile App and Admin Website

Group 2

Name : Aditya Farras Zaki Firmansyah

Muhammad Nathan Sunarto

Class : 4 SE 1

Faculty : Indah Yuliani ST.MM

Continuing Education Center for Computing and Information Technology

Faculty of Engineering. University of Indonesia 2024
 PROJECT ON

Music Project User Mobile App and Admin Website

Developed by

1. Aditya Farras Zaki Firmansyah

2. Muhammad Nathan Sunarto
 Music Project User Mobile App and Admin Website

Batch Code : 4SE1

Start Date : June 26, 2024

End Date : July 11, 2024

Name of Faculty : Indah Ayu Yuliani ST.MM

Names of Developer :

1. Aditya Farras Zaki Firmansyah

2. Muhammad Nathan Sunarto

Date of Submission: July 12, 2024

 CERTIFICATE

This is to certify that this report titled “Music Project User Mobile App and Admin
Website ” embodies the original work done by Aditya Farras Zaki Firmansyah,
Muhammad Nathan Sunarto Project in partial fulfillment of their course requirement at
NIIT and CEP CCIT-FTUI UI.

Coordinator:
Indah Ayu Yuliani ST.MM
 ACKNOWLEDGEMENT

Praise the presence of Allah SWT for his permission, so that the author can
complete the project with the title "Music General Mobile App”. Appreciation and thanks
to the writer give to Mrs. Indah Ayu Yuliani ST.MM as a faculty of class 4SE1 and other
teaching staff who always help. Thank you also to fellow students who have supported and
also thank you for being a colleague in education at CCIT-FTUI.

The task of this project the author made with the aim to complete the assessment of
learning in CCIT-FTUI. With this paper the author hopes to provide benefits to readers and
listeners so as to increase knowledge and insight.

Finally, the writer realizes that this project is far from perfect. Therefore, the authors
request suggestions and criticisms that are constructive for perfection and hopefully useful
for us all.
 PROBLEM SUMMARY

Problem Overview

Develop a music blog app that allows users to discover, share, and discuss their favorite
songs, artists, and music-related content. The app should provide personalized
recommendations, encourage community interaction, and seamlessly integrate with music
streaming services.

Problem Statement

This music blog app that allows users to discover, share, and discuss their favorite songs,
artists, and music-related content. The app should provide personalized recommendations,
encourage community interaction, and seamlessly integrate with music streaming services.

Key Issues

1. Content Curation: Implement an effective algorithm to curate relevant music-

related content for users based on their preferences and behavior.
2. Community Interaction: Design features that encourage user engagement, such as
comments, likes, and sharing. Foster a sense of community among music
enthusiasts.
3. Integration with Streaming Services: Ensure seamless integration with popular
music streaming platforms to allow users to listen to songs directly within the app.
4. Personalization: Develop personalized recommendation systems that adapt over
time, considering users' listening history and preferences.
5. User Interface (UI) Design: Create an intuitive and visually appealing interface
that enhances the overall user experience.
 Project Summary

Objectives

The objective of the mobile music blog app project is to create a platform where music
enthusiasts can discover, share, and discuss their favorite songs, artists, and music-
related content. The app aims to provide personalized recommendations, foster
community interaction, and seamlessly integrate with music streaming services. By
achieving these goals, the app will enhance the overall music experience for users.
 Fictional Requierment For Admin Website

Admin (Website) Functions Description

Admin Login This function is used by admin to login into

the website with provided credentials

Admin Sign Up This function is used by admin to create an

account for login

View Article This function is used by admin to view how

the Article looks like

Create new article This function is used by admin to create a

new article to be displayed on user side

Update article This function is used by admin to update

existing article

Delete article This function is used by admin to delete

existing article from database
 Fictional Requierment For User Application

User (App) Functions Description

User Login This function is used by User to login into

the website with provided credentials

User Sign Up This function is used by User to create an

account for login

View Article This function is used by User to view how

the looks like

Create New User This function is used by User to create a

new user to be displayed on user side

Update User This function is used by User to update

existing article

Delete User This function is used by User to delete

existing user from database
 USER CHARACTERISTIC

Administrator (Web):

 View Home
 View Article
 Create New Article
 Delete Article
 Update Article

User (App)
 View Home
 Create New Account
 Delete Account
 Update Account
 Search Artist
 HTML

Home Page

Login page
 HTML

Premium Page

About The Creator Page

MOBILE APP
 BLACKBOX TESTING

Blackbox Testing for Admin (Website):

Scenario Test Data Expected Result Actual Result Output

Result
(PASS/FAI
L)

Admin Data Valid Login success Login success PASS

Login (Email and and redirect and redirect
Password is admin to home admin to home
Correct) page page

Admin Data Invalid Show must fill Show must fill PASS
Login (Email and required field required field
Password alert and admin alert and admin
Field is stay in login page stay in login page
Empty)

Admin Data Valid SignUp success SignUp success PASS

SignUp (Email is in and refresh the and refresh the
Valid Format page page
and Password
is Minimum 6
Characters)

Admin Data Invalid Show must fill Show must fill PASS
SignUp (Name, Email required field required field
and Password alert and admin alert and admin
Field is stay in signup stay in signup
Empty) page page
 BLACKBOX TESTING

Scenario Test Data Expected Result Actual Result Output Result

(PASS/FAIL)

Admin Data Invalid Show email Show email PASS

SignUp (Email is in invalid alert and invalid alert and
Invalid show password show password
Format and should be at least should be at least
Password is 6 characters alert 6 characters alert
Less Than 6 and admin stay in and admin stay in
Characters) signup page signup page

Admin Data Valid Show update Show update PASS

Update (Admin successfully alert successfully alert
Article Opened and refresh the and refresh the
local page page
storage)

Admin Add Data Valid Show creates Show creates PASS

Article (All Required upcoming fight upcoming fight
Field is successfully alert successfully alert
Filled) and refresh the and refresh the
page page

Admin Add Data Invalid Show must fill Show must fill PASS
Article (Not Fill All required field required field
Required alert and admin alert and admin
Field) stay in add model stay in add modal
section section
 BLACKBOX TESTING

Scenario Test Data Expected Result Actual Result Output Result

(PASS/FAIL)

Admin Data Valid Show update Show update PASS

Update (All Required upcoming fight upcoming fight
Article Field is successfully alert successfully alert
Filled) and refresh the and refresh the
page page

Admin Data Invalid Show must fill Show must fill PASS
Update (Not fill all required field required field
Article required alert and admin alert and admin
field) stay in update stay in update
modal section modal section

Admin Data Valid Show success Show success PASS

Delete (Firebase not delete upcoming delete upcoming
Article Encountered fight alert and fight alert and
Problem) refresh the page refresh the page

Admin Data Invalid Show error alert Show error alert PASS
Delete (Firebase and refresh the and refresh the
Article catch an page page
error)
 BLACKBOX TESTING

Black Box Testing (Android App)

Scenario Test Data Expected Result Actual Result Output Result

(PASS/FAIL)

User Login Data Valid Login success and Login success and PASS
(Email and redirect admin to redirect admin to
Password is home page home page
Correct)

User Login Data Invalid Show must fill Show must fill PASS
(Email and required field alert required field alert
Password Field and admin stay in and admin stay in
is Empty) login page login page

User Sign Data Valid SignUp success SignUp success PASS

(Email is in and refresh the and refresh the
Up Valid Format page page
and Password
is Minimum 6
Characters)

Sign Up Data Invalid Show must fill Show must fill PASS
(Name, Email required field alert required field alert
and Password and admin stay in and admin stay in
Field is Empty) signup page signup page

Admin Data Invalid Show email invalid Show email PASS

SignUp (Email is in alert and show invalid alert and
Invalid Format password should show password
and Password be at least 6 should be at least 6
is Less Than 6 characters alert and characters alert
Characters) admin stay in and admin stay in
signup page signup page
 CONFIGURATION

Hardware: ASUS TUF & ASUS ROG STRIX G15

Operating System: Windows 11 Home Single Language 64-bit

Software:

1. VSCode
2. Docker
3. Google Cloud
4. Android Studio