Interactive Design - Final Compilation

20/04/2026 - 20/07/2026 (Week 01 - Week 14) 

PHANG QI YU / 0385732

Interactive Design GCD60904 / Bachelor of Design in Creative Media / Taylors University

---

Table of Content

1. Lecture

2. Instructions

3. Process Work

➼ Physical Class Exercises

➼ Task 1: Concept Proposal

➼ Task 2: Prototype Development

➼ Task 3: User Testing, Feedback, and Iteration

➼ Task 4: Final Project

4. Feedback

5. Reflection

---

LECTURES

There are no lecture slides; the lecturer teaches the basics of website development through hands-on instruction during class.

Back to Top↑

---

INSTRUCTIONS

Back to Top ↑

---

PROCESS WORK

Physical Class Exercises:

We practiced creating HTML links using a website exercise page. We also learned how to add images and use AI tools with HTML links.

Website Link: http://127.0.0.1:5500/tutorial%201.html 

Due to certain reasons, the website above may not be accessible. However, the figure below shows a preview of the website page and demonstrates some of the basic HTML links we learned.

Figure 1

Website Link Page (Visual Studio Code) - Week 2 (27/04/26)

In Week 4, we learned how to add a favicon to a website. A favicon is a small icon displayed to the left of the page title in the browser tab. I chose the Apple logo as the favicon for my website. We also learned how to change the page title of a webpage, and each webpage can only have one title. In addition, we learned how to create HTML tables and experimented with modifying their colors and shapes to make them more visually appealing.

Figure 2

Website Page with Favicon Icon (Visual Studio Code) - Week 4 (11/05/26)

Figure 3

Page Title (Visual Studio Code) - Week 4 (11/05/26)

Figure 4

HTML Tables (Visual Studio Code) - Week 4 (11/05/26)

Task 1: Concept Proposal

Task 1 Concept Proposal Website (Draft): Click Me!

Figure 5

Final Proposal Task (PDF) - Week 3 (04/05/26)

Task 2: Prototype Development

Back to Top ↑

---

FEEDBACK

Week 01:

We discussed the Task 1 concept proposal and presented our ideas to Ms. Mia. She selected the most suitable option from the six ideas. We then started working on the slides for the upcoming presentation.

Week 02:

There was no feedback this week, as we were focusing on exercises and consulting with Ms. Mia.

Week 03:

This week was presentation week. We presented our ideas to the class and Ms. Mia. She provided feedback on our ideas, and overall, the response was positive, allowing us to continue developing our concept for the next task. She also mentioned that our website preview page was well designed and visually appealing.

Week 04:

There was no specific feedback during today’s session. This week, we learned several HTML links and how to apply them to our websites. Mr. Mia also provided some tips for Task 2 and mentioned that we could start working on it now.

Week 05:

This week, no feedback was given. We followed Mr. Mia’s instructions and the tutorial in class.

Week 06:

This week, we continued our tutorial class, where Ms. Mia taught us, different skills related to HTML links. There was no feedback for this week.

Week 07:

This week was a public holiday, so there was no class.

Week 08:

Back to Top ↑

---

REFLECTIONS

Experience

Observations

Findings

Back to Top ↑