Title: Planning, Design, Reporting and Implementation of a Multimedia Web System

Objective: To report and design and implement a highly interactive multimedia system that has a gallery of media contents $($e$.$g$.,$ images, videos, audio, etc.$).$

Requirements:

Create a report to benchmark to three main THREE $(3)$ media types effectiveness in delivering contents over the web.

Create a chapter in your report to argument all the possible designing tools available for a web content.

Create a chapter to discuss and give decisions about the choices to make about the effectiveness of the css @keyframes and the @media libraries usability over the web.

Create a one page multimedia web site that has the following content:

User authentication and authorization: Users should be able to sign up$,log$ in$,$ and manage their profiles.

Explain the process you went through to create your web page. What steps did you take, and what tools did you use to create it$?$

How did you incorporate CSS into your web page? Describe the different styles and selectors you used, and explain how they affect the layout and appearance of your page.

What are media queries, and how did you use them in your web page? Provide an example of a media query you used, and explain how it changes the layout of your page based on different screen sizes.

How did you use keyframes in your web page? What animation or transition did you create, and how did you use keyframes to control it$?$

Reflect on your experience creating this web page using HTML$,$ CSS$,$ media queries, and keyframes, then discuss what did you learn during the process? What challenges did you encounter, and how did you overcome them? What would you do differently if you were to create a similar web page again in the future?

Deliverables:

Report that has the followings:

A design document that outlines the architecture of the system, the technologies used, and the implementation details.

A working prototype of the system that implements all of the requirements.

A user manual that explains how to use the system.

A demonstration video that showcases the features of the system.