Application Design 2 | Task 4 : Final Project

07/07/2025 - 29/07/2025 (Week 11 - Week 14)
Yong Xiao Tong / 0368290
Application Design 2 / Bachelor of Design (Honours) in Creative Media 
Task 4: Final Project


Task 4: Completed myCuaca App

Navigation Button (Floating Action Button)
After spending more time working with FlutterFlow, I was finally able to create the navigation button. I eventually found a tutorial that really helped me through the process. It took some time to build and get it working across all screens, but I’m glad I was able to implement it successfully. I had been stuck on this part for a while, so it felt great to finally get it working.



App Storyboard



App test run

App screens preview





Web preview



Final Submission

myCuaca App Walkthrough Video Presentation



Published Web Address: https://my-cuaca.flutterflow.app/

REFLECTION

In this final task, I need to complete the full app in FlutterFlow. My main focus now is setting up navigation between the screens. Since I’ve already completed designing all the screens, this part feels both easy and challenging, easy because the layouts are done, but challenging because there are so many buttons that need to be connected properly.

Overall, I have been bringing everything together into a fully functional app, making sure everything works smoothly across all screens. Although it won’t be easy, I feel more confident now thanks to the progress I’ve made throughout the project. I’ve learned a lot and can clearly see how far I’ve come in using FlutterFlow to build real apps.




Comments

Post a Comment

Popular posts from this blog

Experiential Design | Task 1 : Trending Experience

Image
23/09/2024 - 14/10/2024 (Week 1 - Week 4) Yong Xiao Tong / 0368290 Experiential Design / Bachelor of Design (Honours) in Creative Media  Task 1: Trending Experience LIST Instructions Exercises • W eek 1 • W eek 2 • Week 3 • Week 4 Proposal  Ideas Reflections INSTRUCTIONS WEEK 1 Task 1 Identify what type of XR experience is AR or MR? Describe why? I think XR experience is an AR experience because it shows digital information on top of the real world without interacting with real objects. XR includes MR, but it’s broader because it also covers AR and VR. So, XR is not the same as MR, but MR is a part of XR. Activity 1 launch google.com on phone browser, search for dinosaur or dog, cat, tiger. View in 3D/ View in AR (Life Size) ...
Read more

Game Development | Task 2 : Art Asset Development

Image
22/05/2025 - 08/06/2025 (Week 5 - Week 7) Yong Xiao Tong / 0368290 Game Development / Bachelor of Design (Honours) in Creative Media  Task 2: Art Asset Development In this task, we need to create the art assets for our game.  This includes designing characters, environments, items, props, obstacles, power-ups, and the HUD. Characters Our game features 4 characters: 1 protagonist and 3 unique enemies. Aura (Protagonist) idle walking jump boost Human patrol (Enemy) human patrol Dog (Enemy) idle attack Owl (Enemy) idle attack NPC Firefly firefly Effect boosting UI Elements buttons Props & Obstacles home grass direction signboard box ladder moon spike Backgrounds & Tileset For our game, we designed four unique levels, each with its own distinct background to reflect the environment and mood of the stage.  Background design process in Adobe Illustrator The backgrounds are as follows: BG#1: City street scene, filled with urban elements and modern structure...
Read more

Application Design 1 | Project 1 : Mobile Application Proposal

Image
23/09/2024 - 14/10/2024 (Week 1 - Week 4) Yong Xiao Tong / 0368290 Application Design 1 / Bachelor of Design (Honours) in Creative Media  Project 1: Mobile Application Proposal Instructions Project 1: Mobile Application Proposal For this project, we need to create a proposal documentation to redesign an existing app that we find unsatisfactory in terms of user experience or interface design.  We have to find 3 app options first, and then decide on the final one from these three. The 3 app options I chose are: 1. myCuaca 2. Coinbase 3. Secret Recipe MY First Draft Proposal Slide (with 3 applications) First Application Proposal (3 apps) Before proceeding to the final proposal, I consulted with Mr. Zeon and received approval to choose myCuaca as my final app option. Final Proposed Idea Category: Weather Application: myCuaca The home screen is blank at first, so I thought this was the design. However, when I allow locati...
Read more