JINRONG 0361701

WEEK11-WEEK14 NAME: JIN RONG I.D: 0361701 COURSE: Application Design II  / Bachelor of Design (Honors) in Creative Media Application Design II / Final Project INSTRUCTION Final Project I used FlutterFlow to create a login page. The process includes registration, login, and password reset. First, I configured the project in Firebase and enabled email/password login. Then, I built the page structure in FlutterFlow. The login page includes email and password fields, a login button, and a "Forgot Password" link. Users can create a new account on the registration page, and their account information is saved in Firebase, enabling automatic login. If the user forgets their password, they can click a link to the retrieval page. After entering their email address, they will receive a password reset email. The entire process is primarily completed using FlutterFlow's Firebase Authent...

  WEEK8-WEEK14 NAME: JIN RONG I.D: 0361701 COURSE: Advanced Interactive Design / Bachelor of Design (Honors) in Creative Media Advanced Interactive Design -  Final Project & E-portfolio INSTRUCTION  Final Project & E-portfolio Work Progress in Adobe Animate I created a loading page in Adobe Animate using the Timeline to add keyframes and Symbols to create a loopable animation. I imported a video into Adobe Animate and added a button icon with a click event. When the user clicks the icon, it navigates to the next page. I imported the audio file and placed it in the "sounds" folder. Then, I created a button icon and added a click event using JavaScript (CreateJS). When the button is clicked, it toggles the music between play and ...

WEEK5-WEEK7 NAME: JIN RONG I.D: 0361701 COURSE: Application Design II  / Bachelor of Design (Honors) in Creative Media Application Design II / Task 3 INSTRUCTION LECTURES Week 8: Google Map Integration and Debugging We learned how to integrate Google Maps in FlutterFlow. By adding the Google Map Widget, we set the zoom level, style, and markers of the map. Mr. Razif also guided us on how to generate and configure the Maps API key and solve the problem of map loading errors. This process helped us understand how the map component connects with the backend data to realize interactive map functions. Week 9: Product Page and Shopping Cart Development We developed the product browsing page, detail page, and "Add to Cart" function of the e-commerce application. To do this, we created a product database in Firebase Firestore, set the required fi...