App Design 2: Exercise

02/10/2024 - ???
Ng Zheng Kai 0359424
Bachelor of Design in Creative Media
App Design 2
Exercise

INSTRUCTIONS


Exercise 1:
Recreate the page below using HTML and CSS (ChatGPT is optional)


Fig 1.1 Page provided

After downloading the images, I start 

Fig 1.2 Code


Fig 1.3 Code 




Comments

Post a Comment

Popular posts from this blog

Experiential Design: Project 1

Image
4/11/2024 - 12/11/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 1 INSTRUCTIONS Ideation process: Project 1: Anatomy Educational AR App Problem : Limited access to detailed and interactive anatomical models of the human body for educational purposes. Solution : An AR-powered platform allowing users to explore and interact with detailed 3D anatomical models of the human body. Fig 1.1 Anatomy AR App Feedback from Mr Razif: Animation on 3D models showcasing how different biological systems works could be interesting but animating 3D models might be hard to do. Project 2: Furniture Placement AR Problem: Difficulty visuali...
Read more

Experiential Design: Project 2

Image
12/11/2024 - 15/12/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 2 INSTRUCTIONS Project 2 progress: In this task, we are going to create a MVP (Minimum Viable Product) prototype showcasing on what has been done and what yet to be done.  Initially, I tried to use Polycam to 3D scan my laptop and upload it to Vuforia's Model Target Generator. Fig 1.1 Polycam 3D scanned model of my laptop But then, for some reason, Vuforia cannot accept my 3D scanned laptop. Fig 1.2 Vuforia not accepting my 3D scanned model of my laptop So for plan B, I browsed around the web to look for a 3D model of my laptop (Dell G3 3500) or something similar to my laptop. Luckily I found a model that is similar to my laptop in SketchFab. Fig 1.3 3D model from SketchFab  After downloading the model, I tried to upload it into Vuforia's Model Target Generator and it turned out to be accurate and it is able to recognize my laptop in Unity's AR ca...
Read more

Experiential Design: Final Project

Image
15/12/2024 - 12/01/2025 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Final Project INSTRUCTIONS Final Project progress: For the final project, we are to continue finishing our prototype into a complete app. I continued on adding on the "What's Next" from the last post, which are complete visual guides, more scenes and refinement. I look up for images online, mostly from the official manual from the Dell website Fig 1.1 Official Manual from Dell I added more visual guides for the app and implemented some interactivity with the touch input like dragging objects and pinch to zoom. Fig 1.2 Script for dragging objects Fig 1.3 Script for pinch to zoom Combining these two scripts, I am able to drag and enlarge/shrink my objects around for better interactivity. Fig 1.4 Drag and PinchToZoom demonstration I also made an Object Appear script that toggles an object to switch between their active/inactive states. Fig 1.5 Object Appear Script Fig 1.6 ...
Read more