Advanced Interactive Design - Final Project
19/11/2024 - 13/12/2024
Week 09 - Week 12
Wong Jia Yi Carmen (0357198) / Bachelor Of Design In Creative Media
Advanced Interactive Design | Final Project & E-portfolio
LECTURES
Week 09：This week, we learned how to navigate an animated screen using the code from a website called "gsap" and navigate it by using buttons in animate.
Week 10: This week, we learned how to add audio to our animated file.
INSTRUCTIONS
fig 1.0 Advanced Interactive Design Module Information
Final Project & E-portfolio
Timeframe: Week 09 - Week 14
Deadline: Week 14
Description:
(A) Final Project - Completed Thematic Interactive Website - 30%
Students will synthesise the knowledge gained in tasks 1, 2 and 3 for application in task 4. Students will create integrated visual assets and refine the prototype into a complete working and functional product experience.
(B) E-Portfolio
Students describe and reflect on their social competencies within the design studio context, supported by evidence. Reflect on how to empathise with others within group settings, interact positively within a team and foster stable and harmonious relationships for productive teamwork.
Here I did the introduction page with text and mask and buttons to go alomg.
fig 1.1 Introduction Page
This is my loading page.
fig 1.3 Characters Page
When you hover over the picture, it will play the sound of their signature quote.
This is the gladers page, it is based on who is the first glader to join the glade.
After seeking help from Mr Shamsul, I've found out that is the coding issue. So I restart the Gladers page.
This is the epic scene.
The last page is the quiz.
Link to The Maze Runner Website.
REFLECTION
Experience
When Mr. Shamsul mentioned during Week 2 that Advanced Interactive Design would truly live up to its name, I felt a surge of worry. We were about to dive into Adobe Animate, a completely new app I had never heard of before. The thought of learning another tool was daunting. The journey oflearning Adobe Animate has been a rollercoaster of emotions. It’s a mix of fun and stress. Fun, because there’s a deep sense of satisfaction when your work functions perfectly during the "test movie" phase. Stress, because sometimes it just doesn’t work the way you imagined, no matter how much effort you put into it.
Thankfully, Mr. Shamsul was incredibly supportive throughout this challenging module. He provided us with plenty of examples and tutorials, which I truly appreciated. His guidance gave me the confidence to push through even when things felt overwhelming. For our project, we had to create a Thematic Interactive Website using Adobe Animate and my title is The Maze Runner Website where I'll introduce the characters of the movie. The process was nothing short of intense. I faced multiple breakdowns along the way, often seeking Mr. Shamsul's help and bombarding him with questions. But through persistence, trial and error, and learning from mistakes, I finally managed to complete my project.
When I published the website, it felt like a huge weight was lifted off my shoulders. I was overwhelmed with pride in seeing what I had created. It wasn’t perfect, and I know there’s plenty of room for improvement, but the accomplishment of completing such a challenging project was incredibly rewarding This subject has taught me that stepping out of your comfort zone and tackling new challenges, no matter how stressful, leads to growth. Looking back, the journey was worth every moment, and I’m excited to see how I can refine my skills in the future.
Observations
Throughout my experience with Adobe Animate, I observed several key aspects that defined my learning journey. I noticed that even minor errors, such as misaligned layers or incorrect coding, could disrupt the entire flow of a project, making precision crucial. The app itself is powerful but comes with a steep learning curve that requires patience and persistence to master. Testing the movie feature became a pivotal moment in my process, as it often revealed whether my work was on track or needed significant adjustments. I also realized the importance of planning, as successful interactive projects rely heavily on careful preparation and attention to detail, particularly for user interactions. Mr. Shamsul's examples and tutorials were invaluable, not just in teaching technical skills but also in providing strategic approaches to problem-solving. Asking questions and seeking guidance proved to be essential, as these moments often revealed new techniques and insights that helped me overcome challenges. Completing the project highlighted areas for improvement, such as refining transitions, enhancing visual hierarchy, and streamlining interactions. Additionally, I observed the emotional rollercoaster of the process, balancing the stress of roadblocks with the satisfaction of success. Ultimately, this experience reinforced the importance of patience, perseverance, and the willingness to grow through challenges.
Findings
Using Adobe Animate revealed several important findings throughout my learning journey. I discovered that while the app is a powerful tool for creating interactive content, it demands a considerable amount of effort to learn and use effectively. Small technical issues, such as coding errors or misaligned layers, can significantly affect the functionality of a project, making attention to detail crucial. Proper planning emerged as a key factor in ensuring seamless user interactions, as it helps anticipate and address potential challenges. The test movie feature proved invaluable for identifying errors and refining the project during development.
Mr. Shamsul’s tutorials and examples were instrumental in building my understanding of complex concepts and improving my technical skills. I found that regularly seeking guidance and asking questions greatly accelerated the learning process and helped resolve roadblocks more efficiently. Completing the interactive website project with Adobe Animate was both challenging and rewarding, showcasing my growth in technical and creative abilities.
However, I also realized that there is always room for improvement, particularly in areas like transitions, visual hierarchy, and interactivity, which are essential for enhancing the user experience. The process highlighted the emotional highs and lows of tackling complex creative tasks, with moments of stress and frustration balanced by the satisfaction of overcoming challenges. Ultimately, this experience reinforced the importance of perseverance, planning, and a willingness to embrace trial and error as essential elements for success.
Comments
Post a Comment