博文

Minor Project - Tasks

图片
WEEK1-WEEK15 NAME: JIN RONG I.D: 0361701 COURSE: Minor Project  / Bachelor of Design (Honors) in Creative Media INSTRUCTIONS  TASK PROGRESS Week 1 In our first week, Mr. Mike introduced the module and presented seven real-world client projects for us to choose from. We were tasked with forming teams and selecting one project to develop over the semester. Our team—Group 9—consists of seven members. After a team discussion, we decided to take on the Yubari Self-Watering Pot project, working in collaboration with the client company Expedio . Week 2 This week, we confirmed our team roles and responsibilities. We also watched the recorded lecture on myTimes, which gave us a clearer picture of the project objectives, the assessment structure, and what is expected of us moving forward. With this foundation, we felt more prepared for o...
发表评论
阅读全文

Application Design 2 - Final Project

图片
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...
发表评论
阅读全文

Advanced Interactive Design - Final Project & E-portfolio

图片
  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 ...
发表评论
阅读全文

Application Design II / Task 3

图片
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...
发表评论
阅读全文

Advanced Interactive Design / TASK 2: INTERACTIVE DESIGN PLANING & PROTOTYPE

图片
WEEK5-WEEK8 NAME: JIN RONG I.D: 0361701 COURSE: Advanced Interactive Design / Bachelor of Design (Honors) in Creative Media Advanced Interactive Design -  TASK 2: INTERACTIVE DESIGN PLANING & PROTOTYPE INSTRUCTION LECTURES WEEK5 WEEK6 WEEK7 TASK 2: INTERACTIVE DESIGN PLANING & PROTOTYPE Introduction: Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to interactive design where animations are present, the plan not only should include the layout visuals but also the animation example or reference. Students can build their animation or user-reference animation to demonstrate the intended idea. Requirements: 1. Walkthrough Video presenting the plan and showing the anima...
发表评论
阅读全文

Game Development / Task 1 Game Design Document

图片
Week 1 - Week 7 JIN RONG / 0361701 Game Development  / Bachelor of Design (Hons) in Creative Media Task 1 - Game Design Document INSTRUCTION Task 1 Game Design Document In Week 1, Chai Wee Yi and I teamed up. Our task was to brainstorm and come up with initial ideas for multiple games. We each shared our favorite game types and experiences, and then had a group discussion to select the most promising concept. We decided to focus on "high-difficulty platform jumping games" because we believe that such games are challenging and can bring a strong sense of achievement. At the same time, we also hope that the game can have a certain emotional exp...
发表评论
阅读全文