[SOLVED] WEB-DEV Assignment 1-Bulls eyes

OVERVIEW

Requirement: To conceptualize, propose, create and develop an Interactive Web Experience.

Goal: To utilize the web platforms to create an interactive application that resolves to aid an online experience The main consideration is on how to tap on gamification concepts using quality visuals and 3D to make a fun experience for users.

LEARNING OBJECTIVE

• ●  Engage in Collaborative experience within a team environment
• ●  Conceptualize a creative experience for the web
• ●  Build critical project leadership and team building skills
• ●  Build front-end development skills

  AIM

Form a team of 2 within your class.

Interactive Web Application

Based on your proposed design concept, create a web application based on the prototype approach. Adopt relevant APIs (where applicable) for usage in the application. This could be using HTML APIs or 3rd Party APIs.

STUDIO 1.0: Your own BIG Idea. Your first Studio Product

Within your team, conceptualize, prototype and develop your case scenario with the following requirements as follows.

Possible Theme 1: eCommerce

Example: Creating an shopping experience on the mobile that comes with gamification features (e.g earn rewards)
Example: Having an installation experience for mobile for people to shop in the shop itself, able to unlock loyalty rewards.

Example: Gamifying the supermarket experience. Shop around for items in the store, get rewards, unlock 3D rewards, play against people. Clocking the highest checkout. Finding the hidden item.

Possible Theme 2: Student & School

Example: How would you make learning more fun? Maybe a mobile e-learning application that comes with gamification features.
Example: Gamifying Open House? Making it fun for people to play
Example: Choosing a Diploma?

Official (Closed) – Non Sensitive

Possible Theme 3: Covid-19

Example: An interactive map of cases around the world with news and allowance to update statistics?
Example: Educating users on pandemics through gamification

Possible Theme 4: Gamer Crazy

Make a game. Mouse hunt? Guess the song?
Weather & Dazzle? Predict the weather against the weather man. Genshin Addict? Know your genshin stuff?

Possible Theme 5: Propose Your own.

Maybe a Quiz application for kids or elderly using APIs and database coupled with 3D for rewards and of course gamification features?
Do something meaningful that helps people or aids the world

GUIDELINES

The Big Idea Overall. Go BIG.

Your proposal will be assessed based on the following criteria:

1. Originality and thoroughness in explanation of concept
2. Interpretation and manifestation of the theme
3. Rationale behind design and concept
4. Thorough considerations to wholesome user interaction
5. Is the main idea okay-ed with the tutors?

You may want to ask yourself the following questions as you go along:

• ●  How to conceptualize and design the best user experience?
• ●  Does it fulfil its role in serving its target audience effectively? Would the users be able to

  achieve the desired goals? Entertainment? Education? Edutainment? Business Driven? Fan

  Driven? Data Driven? Casual?

• ●  How can I propose something creative but yet intuitive?
• ●  How can your proposed web app enhance the whole experience as compared to the norm?
• ●  Did I do adequate research on:

  ○ Howcanmyconceptbeexecuted? ○ Hardwarerequirements(ifany)?

  END GOAL: Interactive Web Application

  Your end product will be assessed based on the following criteria:

1. Technical production, smoothness of flow, through testing to ensure no bugs
2. Visual, textual cues used allowing for feedback
3. Interactivity and Engagement value of prototype

You may want to ask yourself the following questions as you go along:

• ●  What kind of users will be using the application?
• ●  Interactivity of application, am I using suitable typography, color schemes
• ●  API usage
• ●  Lottie Usage

Official (Closed) – Non Sensitive

● Do I need to store information online so everyone can access? IDEAs proposed to be finalised by WEEK 15 with individual ID tutor.

DUE DATE

Assignment is due on Week 18 End of Class KEY DELIVERABLES

For ID – Interactive Web Application

1. To create an interactive web application for the proposed idea
2. Design, develop and implement an interactive front-end web application using HTML, CSS,

   JavaScript, jQuery

3. Implement front-end interactivity, using core JavaScript, JavaScript libraries and/or

   Application Programming Interfaces (APIs)

4. Apply source code management practices
5. Utilize appropriate APIs or external API to interface with the application
6. Utilize suitable Lottie animation
7. Design a front-end web application based on sound design principles, accessibility
8. Document proper Testing plans made
9. Demonstrate and document the development process through version control
10. Deploy an interactive front-end web application to Github
11. Take on roles in web development (e.g API developer, front-end developer)

ID Guiding Factors & Tasks

• ●  Choose an appropriate role within the team
• ●  Collaborate with one another and assist each other in the development phase
• ●  Adhere good web development practices
• ●  You may tap on RestDB or similar databases to enhance your application
• ●  Define clear roles and responsibilities within your team. There will be individual contribution

  marks and team marks for the project.

  Interactive Development (ID) Submission

Item(s) Naming Convention Submission Channel

1 ID_NameOfApp_website.zip Github repository and Brightspace
All team members to submit and state

their individual contributions

Official (Closed) – Non Sensitive

(slide deck of presentation, if applicable)

* You may want to upload all other relevant working files (into cloud services) as a form of backup

Click to Read More on ID Assessment Guidelines

Official (Closed) – Non Sensitive

SUBMISSION CHECKPOINTS

Please note that there are milestone submission/presentation, during class.

WEEK WHEN

15

WHAT

25 Jul – 29 Jul 2022 (Class Hrs)

8 Aug – 12 Aug 2022 (Class Hrs)

DUE DATE

Week 18 End of Class

Checkpoint 1 – Idea Finalisation

Checkpoint 3 – Prototype testing & Review

16

17

18

Wed, 17 Aug 2022 (End of Class)

FINAL SUBMISSION

Official (Closed) – Non Sensitive