Hanoi-Aptech Computer Education Group 3: HEROMAN

STREAM-EASE
Website Design and Development
Documentation

Group 3: HEROMAN
Nguyen Trung Anh T1712H41
Group Trương Tuấn Kiệt 2251172400
Member Vũ Hữu Trung 2251162193
Lê Anh Tuấn C2208LM64

- Hanoi, Aug/2023 -
StreamEase Website Design and Development Page 1 of 10
Hanoi-Aptech Computer Education Group 3: HEROMAN

INDEX
1. Problem Definition.........................................................................................................3
1.1. Problem Abstraction...............................................................................................3
1.2. The Current System................................................................................................3
1.3. The Proposed System............................................................................................4
1.4. Boundaries of the System......................................................................................4
1.5. Hardware and Software Requirements...............................................................4
1.5.1. Minimum Requirements..................................................................................4
1.5.2. Recommended Requirements........................................................................4
2. Design specifications.....................................................................................................5
2.1. Functional Requirements.......................................................................................5
2.1.1. Dashboard and Navigation.............................................................................5
2.1.2. Managing Streaming Providers......................................................................5
2.1.3. Managing Subscriptions..................................................................................6
2.1.4. Favorite Shows and Reminders.....................................................................6
2.1.5. Searching, Sorting, and Filtering...................................................................7
2.1.6. Feedback...........................................................................................................7
2.1.7. Contact Us........................................................................................................7
2.2. Non-Functional Requirements...............................................................................9

StreamEase Website Design and Development Page 2 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

1. Problem Definition
1.1. Problem Abstraction
Streaming services is where a dedicated streaming service management
Website can provide significant value and convenience to users.
A streaming service management Website acts as a centralized platform
where users can consolidate all their streaming subscriptions and related
information in one place.
Instead of navigating through multiple individual streaming service apps or
Websites, users can access, organize, and manage all their subscriptions
conveniently from a single application.
A streaming service management Website enables users to track their active
subscriptions, monitor upcoming renewal dates, and manage payment schedules.
By having a clear overview of their subscriptions, users can make informed
decisions about which services to retain or cancel, ultimately helping them manage
their entertainment budget more effectively.
Many individuals have specific shows or series that they enjoy following. By
utilizing a streaming service management Website, users can mark their favorite
shows and receive reminders about upcoming episodes or new seasons. This
feature helps users stay up to date with their preferred content and avoid missing
out on episodes or important releases.
A streaming service management Website provides a unified interface that
simplifies the process of discovering and accessing shows and movies across
multiple platforms. Additionally, features such as searching, sorting, and filtering
make it easier for users to find their desired content quickly and efficiently.
By analyzing users' subscription history and viewing preferences, a
streaming service management Website can offer personalized recommendations
for new shows or movies. These recommendations can help users discover content
they might be interested in and enhance their overall streaming experience.
In summary, a streaming service management Website addresses the
necessity for a centralized platform to manage and organize multiple streaming
subscriptions effectively. It simplifies subscription tracking, show management, and
content discovery, providing users with convenience, cost management, and
personalized recommendations.

StreamEase Website Design and Development Page 3 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

1.2. The Current System

As streaming services have become increasingly popular and prevalent,
individuals often find themselves subscribed to multiple platforms, each with its
own catalog of movies, TV shows, and other content. Managing subscriptions,
keeping track of favorite shows, and staying on top of payment schedules can
become a challenging and time-consuming task.
With the ever-increasing number of streaming platforms available, it is easy
to lose track of subscriptions and their associated costs.
Almost current streaming services, users have to navigate through different
streaming service apps or Websites to access their subscriptions or search for
specific content.

1.3. The Proposed System

The proposed solution is a Website called 'StreamEase' that allows users to
track and manage their streaming services and subscriptions in one centralized
platform. The application should provide features such as
adding/modifying/deleting streaming providers, marking favorite shows, setting
reminders for upcoming streaming payments, reminders for upcoming shows,
searching, sorting, and filtering functionalities.

1.4. Boundaries of the System

The Website StreamEase will enable users to manage and organize their
streaming subscriptions easily.
This Web portal will be a responsive and visually appealing Website to be
used by individuals.
The Web portal will not have any facility to store information on the server.
Information can be fetched from JSON/TXT files and users can view the
same being displayed, however, information cannot be written to the files from
within the portal.
Values for these can be displayed as a table or image gallery with hardcoded
data or from the JSON/TXT file since, there is no database functionality for the site.
Add/modify/delete operations for streaming providers will take place with
hardcoded data and will not reflect in the storage.

StreamEase Website Design and Development Page 4 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

1.5. Hardware and Software Requirements

1.5.1. Minimum Requirements
Hardware: Intel Core i3 Processor
2 GB RAM or higher
Graphic onboard
20 GB Hard Disk space
Mouse
Keyboard

1.5.2. Recommended Requirements

Hardware: Intel Core i5 Processor or higher
8 GB RAM or higher
Color SVGA
500 GB Hard Disk space
Mouse
Keyboard
Software Technologies to be used:
1. Frontend: HTML5, CSS3, Bootstrap(optional), JavaScript, Figma
Toolkit, jQuery, AngularJS/Angular 9/ReactJS, and XML
2. Data Store: JSON/TXT

StreamEase Website Design and Development Page 5 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

2. Design specifications
2.1. Functional Requirements
The portal will be designed as a Single-Page-Application (SPA) and
responsive Website with a set of pages and menus that represent the choice of
activities to be performed. The pages, menus, and other visual elements must be
designed in a visually appealing manner with attractive fonts, colors, and
animations. All of these should also be laid out in a responsive manner.

2.1.1. Dashboard and Navigation

Upon launching the Website, users should be directed to a dashboard that
displays their streaming services and subscriptions.

The dashboard should provide a navigation menu to access different

features of the application.

StreamEase Website Design and Development Page 6 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

2.1.2. Managing Streaming Providers

Users should be able to add new streaming providers by providing details
such as the provider's name, logo, and subscription URL.

Users should be able to modify existing streaming providers' information.

Users should be able to delete streaming providers from their list.

2.1.3. Managing Subscriptions

Users should be able to add new subscriptions by selecting a streaming
provider and providing subscription details such as the plan, cost, and renewal
date.

Users should be able to modify existing subscriptions' information.

Users should be able to delete subscriptions from their list.

StreamEase Website Design and Development Page 7 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

2.1.4. Favorite Shows and Reminders

Users should be able to mark shows as favorites.

Users should be able to set reminders for upcoming shows.

2.1.5. Searching, Sorting, and Filtering

Users should be able to search for specific shows, streaming providers, for
subscriptions using a search bar.

Users should be able to sort the shows or subscriptions based on different

criteria (for example, name, genre, and cost).

Users should be able to filter shows or subscriptions based on specific

criteria (for example, genre, release date, and subscription status).

2.1.6. Feedback
Feedback menu option should enable users to provide their feedback about
this Website through a feedback form.

StreamEase Website Design and Development Page 8 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

2.1.7. Contact Us
Contact Us menu option should enable users to contact the creators of the
Website. An email id can be displayed here for contact information.

StreamEase Website Design and Development Page 9 of 10

Hanoi-Aptech Computer Education Group 3: HEROMAN

2.2. Non-Functional Requirements

Contact Us menu option should enable users to contact the creators of the
Website. An email id can be displayed here for contact information.
The Website should be:
Safe to use: The Website should not result in any malicious downloads or
unnecessary file downloads.
Accessible: The Website should have clear and legible fonts, user-
interface elements, and navigation elements.
User-friendly: The Website should be easy to navigate with clear
products/items and other elements and easy to understand.
Operability: The Website should operate in a reliably efficient manner.
Performance: The Website should demonstrate high value of
performance through speed and throughput. In simple terms, the Website should
be fast to load and page redirection should be smooth.
Capacity: The Website should support large number of users.

StreamEase Website Design and Development Page 10 of 10