YANG ZHI CHING (0365154)

 - 29 July 2025 / Week 11 - Week 15 YANG ZHI CHING / 0365154 Application Design II / Bachelor of Design (Hons) in Creative Media Final Task · INSTRUCTION Doc 1.1 MIB Requirements: Flutterflow published link Flutterflow project Walkthrough Video Presentation of your app Blog link directly to your final project blog post Final Task ·  Animation and Finalize Progression  | 1. Completing Unfinished Sections Due to limitations in FlutterFlow—particularly in customizing map styles and interactivity—I replaced the route navigation feature with a custom-drawn image of the map. The built-in Google Maps widget did not allow for personalized designs or draggable interactions. Additionally, I attempted to implement a "Pop-Up" feature for route completion notifications, but despite trying several tutorials, the functionality did not work as expected. As a workaround, I created a new page designed to visually simulate a pop-up. Another challenge was implementing a draggable panel...

- 7 July 2025 / Week 8 - Week 11 YANG ZHI CHING / 0365154 Application Design II / Bachelor of Design (Hons) in Creative Media Task 3 · Interaction Design INSTRUCTION Doc 1.1 MIB Requirements: 1. Interaction Design in Flutter Flow 2. Project Blog Post 3. Presentation Video Task 3 ·  Interaction Design in FlutterFlow For this task, I developed a complete interaction design using FlutterFlow, based on the prototype I created during the previous project. 1. What is FlutterFlow? FlutterFlow is a visual application builder powered by Flutter. It allows designers and developers to build fully functional applications through a low-code, drag-and-drop interface. The platform supports custom actions, Firebase integration, API calls, animations, and more, making it ideal for rapidly building interactive and responsive applications. 2. FlutterFlow Tutorial Video I referred to tutorials on the "FlutterFlow University" YouTube channel, which were particularly helpful in guiding me through...

21 April 2025 - / Week 1 - Week 7 YANG ZHI CHING / 0365154 Application Design II / Bachelor of Design (Hons) in Creative Media Task 2 · Interaction Design Planning & Prototyping INSTRUCTION Doc 1.1 MIB Requirements: 1. Interaction Design Documents: Creating detailed flowcharts and wireframes to map out user journeys,  creen layouts, and navigation paths. 2. Animation Prototyping Micro Animations: Small effects like button clicks, loading icons, and feedback states, prototyped in Figma. Macro Animations: Larger UI transitions or intro animations. I can use After Effects or reference similar examples if needed. 3. Explanation & Prese...

21 April 2025 - / Week 1 - Week 7 YANG ZHI CHING / 0365154 Application Design II / Bachelor of Design (Hons) in Creative Media Task 1 · App Design 1 Self-Evaluation and Reflection INSTRUCTION Doc 1.1 MIB Task 1 ·  Self-Evaluation and Reflection 1. Reflection In the first week of Application Design II, we were tasked with revisiting our project from Application Design I. For this reflection, I took my previous redesign of Moovit —a public transport navigation app—and conducted a comprehensive self-evaluation to identify both the strengths and weaknesses of the design. The goal was to apply feedback (especially fro...