Interactive Design - Final Compilation and Reflection
INTERACTIVE DESIGN GCD 60904
WEEK 08 - WEEK 14 (12.06.2024 - 14.07.2024)
NAME: Chin Tze Wei
I.D: 0357423
COURSE: Interactive Design / Bachelor of Design (Honors) in Creative Media
GROUP: Class 01 Sec 04
Interactive Design - Final Compilation and Reflection
- LIST -
TABLE OF CONTENT
1.
Instruction
3.
Feedback
4.
Reflection
1. INSTRUCTIONS
Module Information Booklet (MIB)
<iframe
src="https://drive.google.com/file/d/1YEH0Ri7vzbhdZBqUNjLtI80L6MrIDxmn/preview"
width="640" height="480" allow="autoplay"></iframe>
2. FINAL COMPILATION
2.1 Project 01: Prototype Design
🔗 Link to Project 01 Blog Post: Click
HERE
2.1.1 Final Submission of Prototype
.jpg)
Figure 2.1 Final Prototype (JPEG ver)
2.1.2 Figma Embeded File
🔗 Link to Figma File: Click HERE
Figma Embeded File (Project 01)
2.2 Project 02: Working Web Page
🔗 Link to Project 02 Blog Post: Click HERE
🔗 Link to Project 02 Website Page: Click HERE
2.2.1 Screengrab of Final Website Page
Figure 2.2 Screengrab of Final Website Page (Project 2)
2.2.1 Final HTML Code (Project 02)
<iframe
src="https://drive.google.com/file/d/1zSXbTzFyHGp45m9EuAaNDEFzHgmGzrEi/preview"
width="640" height="480" allow="autoplay"></iframe>
2.2.2 Final CSS styling Code (Project 02)
<iframe
src="https://drive.google.com/file/d/1zP3l071qv34iEk5zrdZidZirNYbFEgBh/preview"
width="640" height="480" allow="autoplay"></iframe>
2.2.3 Website Navigation Video (Project 02)
Video 01 Website Navigation Video (Project 02)
2.3 Final Project: Design, Exploration and Application
🔗 Link to Final Project Blog Post: Click HERE
🔗 Link to Final Project Website Page: Click HERE
2.3.1 Screengrab of Final Website Page
Figure 2.3 Screengrab of Final Website Page (Final Project)
2.3.2 Final HTML Code (Final Project)
HTML Structure (PDF Ver)
2.3.3 Final CSS styling Code (Final Project)
CSS Styling Structure (PDF Ver)
2.3.4 Final JavaScript Code (Final Project)
JavaScript Interactivity (PDF Ver)
2.3.5 Website Navigation Video (Final Project)
Video 02 Website Navigation Video (Final Project)
3. FEEDBACK
No feedback given by Mr Shamsul.
4. REFLECTION
This module provided me with a solid foundation in web designing and web
working. The project equipped me with the necessary skills for developing a
basic website page and gained knowledge in HTML and CSS. I particularly
enjoyed the final project because of the topic I had choosen. While I
recognize there is still room for improvement, especially in CSS styling part,
but overall, I am satisfied with my work and grateful for the skills I have
learned from Mr Shamsul.
