Hansel Ribowo (0350008)

03/05/2023 Hansel Ribowo/BDCM App Design II Lecture Lecture In this week we learning how to animate our website. We start by learning how to use Gsap website to help us with the animation of the website, Then we try to animate our website logo by using script that we copy from Gsap. First we need to load Gsap into HTML page we need to add script in visual studio code which is this After adding the script now we can add the animation from Gsap, our lecture want us to the animation for the logo so this the code for the animation First we need to add id to the logo. and then add the Gsap at the java script section. This one is for adding ease in/out for the animation After that, we added some animation delay to make it come one by one. This animation for the side panel that when we press it will show the menu to animate the section we need to add the animation when open and close the panel. now we making the main lo...

04.04.2023 - 11.07.2023 ( Week 1-Week 14 )  Hansel Ribowo/0350008/BDCM Minor Project REFLECTION Reflection Week 2 : This week, we do a research about device that can help and reduce the risk that can happened to elderly and disabled people. This week we also have a meeting with UWB students to see the presentation about device that can help elderly and disable people, in the presentation there is 16 device ideas in total, after the presentation our group need to determine which idea that our group interested in. Week 3 : This week we continue our project by creating user persona for our target audience, also we make questions for survey. For the user persona our leader which is Cecil ask me and Michelle to make it because were both specialize in UI/UX, were making 3 user persona for our target audience for the first user persona was made by Michelle, the second was made by me, and the third was made by sharing our group idea together. After that were making the questions for ...

19/04/2023 Hansel Ribowo / 0350008 BDCM (UI/UX) Application Design II - Exercise 2 Exercise This week our lecturer wants us to create a website like what the lecturer already did in Figma. First, we need to download all the material from the Figma that our lecture already gives us. Here are all the materials that I download from Figma for this exercise. Fig 1.1 Resource Resource Download: Link After I download all the materials I proceed to make the website using VSC (Visual Studio Code). Fig 1.2 VSC HTML Fig 1.3 VSC CSS Coding: Link Fig 1.4 Website Preview Netlify: Link Note: Make sure to change the resolution to iPhone 12 pro by pressing F12.

12/04/2023 Hansel Ribowo / 0350008 BDCM (UI/UX) Application Design II - Exercise 1 Exercises In this first week, Mr. Razif explains to us about MIB and what task and project we will do this semester after that we learn how to use Chat GPT to make a website after that Mr. Razif asks us to do some exercises which make a website using Chat GPT. Here my website uses Chat GPT Fig 1.1 Home Page Fig 1.2 About Page Fig 1.3 Portfolio Page Fig 1.4 Contact Page Fig 1.5 HTML Coding in Visual Studio Code Fig 1.5 HTML Coding in Visual Studio Code Fig  1.6 CSS Coding in Visual Studio Code Fig  1.7 CSS Coding in Visual Studio Code Fig  1.8 CSS Coding in Visual Studio Code ...