Reference no: EM133003357
Assessment - Project plan, analysis and design
Project Proposal: Designing a Responsive Web
Introduction
In this assignment you will individually create a proposal for a responsive web project using responsive web platform such as Vue (HTML+CSS+JS). In Assignment 3 you will build on your project proposal, so you could use the Assignment 3 (Unit Guide) to inform your decisions on this proposal and investigate the project and their essentials.
The project you propose should be able to demonstrate your understanding of the coding concepts and skills developed throughout this trimester in a responsive context. The proposed project may involve implementing algorithms and coding to create a realistic system. You are free to design and think of imaginative behaviors and actions for the responsiveness in your plan that satisfy the requirements below in a creative manner.
The project should demonstrate the use of multiple components, composition, reusability, transitions, rendering, scaling up and animations (in a larger web system of both autonomous and interactive web-based application). The purpose and format of your project is open ended. For example, you may choose to focus on a realistic simulation, a game-like experience, a virtual toy, a digital performance, etc.
Tasks
1. Proposal Document
You will create a proposal document of 3-4 pages to describe and explain the following information clearly and concisely:
• Summary of the intended product.
• Asset list table of the components and pages you will use in your project scene. This should include some statistical details or labels to indicate how they will be used in the project (e.g., quantity or each, static or moving, responsive, interactive or passive). Assets could be selected from the components available in the Vue (HTML, CSS, JS).
• Product purpose, which should include:
o Target audience identifying the intended users of your product and why it would appeal tothem.
o Reasoning of how your project demonstrates creativity in its design and will provide something new, unexpected or entertaining for the viewer / user.
• Explanation of at least 3 complex components in depth and user stories, UX/UI design of how this will be created and applied to the project. This may include an explanation of which of the required "Coding Concepts" of HTML, CSS, JS and Vue will be used for each.
• Summary of how the web system will function as a cohesive whole and its feasibility to create within the allocated time. This should be supported by diagrams, charts, risk analysis etc. that may help explain your system as easily as possible.
2. HTML/CSS Proof-of-Concept
Choose one small component to be used in your project (e.g., index page) and demonstrate some aspects of the intended behavior by creating a proof-of-concept of the functionality. This should demonstrate at least HTML and CSS interactions in a detailed functional form with clear commenting.
This will demonstrate your understanding of the transferability of coding concepts between User stories, UX/UI plans (blueprints/flowcharts), written code (HTML/CSS) and Vue Blueprints integration, preparing for the eventual Vue based implementation in Assignment 3.
Design and create a responsive web page with the following requirements:
• Your proof-of-concept page (e.g., index page) should contain HTML hyperlinks between the pages, provide necessary information about the web page.
• It should have a search function, query function as well as contact information.
• Use HTML, CSS and JavaScript properly.
Attachment:- Designing a Responsive Web.rar