APPLICATION DESIGN II / FINAL COMPILATION / DST65604

20/4/2026 -26/7/2026 / (Week 1 - Week 14)

Aricia Man Yi Xuan / 0375026

Application Design II / Task 1 / DST65604

Bachelor of Design (Hons) in Creative Media

Google Drive Link


TABLE OF CONTENT

1. Instructions

2. Task 1: App Design Self-Evaluation and Reflection

3. Task 2: Hybrid Lo-Fidelity Mobile App Development

4. Task 3: Micro Interactions Prototype

5. Task 4: Final Application 

6. Feedback

7. Reflection


INSTRUCTION

Fig.2.1.1 Module Information Booklet

TAP ME BACK TO TOP

TASK 1


Fig.3.1.1 Task 1: App Design Self Evaluation & Reflection / (Week 4, 13/5/2026)

TAP ME BACK TO TOP

TASK 2

Practical of using FlutterFlow (Week 2):
Fig.3.1.1 Run Test Outcome / (Week 2, 29/4/2026) 

We learned how to create and implement an "Add to Cart" button

Task Overview:
Integrate functional backend services into lo-fidelity mobile application. 
  1. User Authentication (Firebase): Users must be able to sign up for a new account and log in using an email address and password.
  2. Database Integration / CRUD Operations (Firebase): Demonstrate full Create, Read, Update, and Delete (CRUD) operations, complete with dynamic UI updates reflecting the database changes in real-time.
Submission Requirement:
  1. Provide clear screenshots of user flow
  2. Show the complete process for both Sign Up and Log In
  3. Show full CRUD workflow
  4. Arrange screenshots in sequence with short captions
Document Requirement:
  1. Include FlutterFlow project link on first page
  2. Compile into PDF or Word
  3. Submit via MyTimes










TAP ME BACK TO TOP


TASK 3







TAP ME BACK TO TOP


TASK 4







TAP ME BACK TO TOP

FEEDBACK

Week 3 (6/5/2026)
Specific Feedback:
  • You have Log In page, search bar, input field, and add to cart button, which is good, you can import the design system into FlutterFlow following the tutorial.
  • The AR feature was interesting, but not sure if you can make it in FlutterFlow, you can either just put a background, or just remove it.
  • You don't need to do all of the category product, just do one or two it's enough.
  • For the animation, you can do for the advertising, or the AR features bread rotation.
  • Basically, you'll need to do all of the screen into FlutterFlow for final task.





TAP ME BACK TO TOP

REFLECTION




TAP ME BACK TO TOP



Comments