Week 05

 PROJECT PROGRESS | 26-29 August 2021


This week, I will be started coding on the website. It took some time in getting familiar with the Html,  CSS, and js code. I started by listing out notes on the important part of creating a container and stating the position of the container using col. I have also encountered some problems in embedding the VR to the website. The objective of this is to let the audience play the VR game through the website. 

Note Html:
The col> element simply provides information about columns; it is not a column in and of itself. The rows, not the columns, define HTML tables. As a result, any style applied to a row will take precedence over any style applied to a column. 

(Xen Rabara on May 28, 2014)

XS = Phones, SM = Tablets, MD = Desktops, LG = Large Desktops
pt = padding top, pb = padding bottom, my = margin top bottom,  mt = margin top


Web Progress | Coding
Started coding on the main page of the website. After getting familiar with the codes, I noticed that it is quite interesting where you are able to solve the problem and at the same time learn how to solve it. Begining able to understand the code gives me the benefit of unlocking new skills for future use. 

Image 01: coding

Image 02: coding

Laptop
The home page has four sections: VR game explanation on what decolouring VR game is about, what is colour blind? Types of colour blind's colour palette, and all the news updates. The VR game will have a button that links to the VR game page to enjoy playing the game online. Then, the explanation of what is colour blind section have also included a button where the user will be linked to other details pages. The colour palette section would have show types of colour blind's colour palette, and it will connect to pages that show the colour code and the colour’s names. Lastly, the news section will be showing types of information on colour blind and VR games.

Image 03: website

Image 04: website

Image 05: website

Image 06: website


Mobile phone
After I have done working on the home page I noticed that when view in a phone is not responsive. Then, I manage to fix the problem by redoing the numbers of the col.

Image 07: mobile phone

Image 08: mobile phone

Image 09: mobile phone

Image 10: mobile phone

Image 11: mobile phone

Reference
Xen Rabara on May 28, 2014, 2014. ASP.NET MVC5 + Twitter Bootstrap. //InterKnowlogy/ Blogs. Available at: http://blogs.interknowlogy.com/2014/05/28/asp-net-mvc5-twitter-bootstrap/.

Comments

Post a Comment

Popular posts from this blog

Week 14

Image
  PROJECT PROGRESS   | 28-30 October 2021 After researching on how to improve the website home page, today I would be working on improving the colour palette background. To make the page looks better I have decided to create colour shapes to fill in the empty spaces. It is to make the pages looks interactive and full rather then empty.  Colour palette page Image 01: colour palette page Image 02: colour palette page Image 03: colour palette page HOME PAGE To create the effect, I uses After Effects to create the video then embedded it into the website using Adobe Dreamweaver. This makes the overall website looks fun and interactive. Image 04: Homepage
Read more

Week 12

Image
  PROJECT PROGRESS   | 14-17 October 2021 This week we will be having an upcoming mock presentation on Saturday. Thus, I've updated my PowerPoint in response to the lecturers' suggestions. I've also changed the substance of my presentation to make it feel like I'm pitching rather than reporting. In the last round presentation, I have noticed that I had missed out on adding insight to my slides. Insight is to explain about what is the insight of the project? That is it reaches out to a wide range of people by using the website and everyone can access the VR game by going to the website.  Information that I had added in the slides:  1. Question      (Why VR gamification?) 2. Insight       (Wide-ranging, Food festival)      why food ? “Food culture” Food festivals create a unique opportunity to get people thinking about how and why we eat the way we do, in a fun and creative way. The aim of the Festival is to get visito...
Read more

Week 11

Image
  PROJECT PROGRESS   | 07-10 October 2021 WEB PROGRESS | COLOUR BLIND (FOOD) Base on the presentation comment, the website colour blind food page would need some further improvement on the images. Focusing on meat shows that colour blindness is having difficulties in differentiating types of meat in their daily life. This causes them to have a hard time choosing the right meat for their diet.  How Different types of foods look like? Colour blind people face many difficulties in everyday life which normally sighted people that aren't aware of it. The problem that can arise in even the simplest of activities includes choosing and preparing food, and gardening. These can also cause people to don't have that appetite to eat as the colour of the food affects our appetite. It is found that most of the children with colour blindness have often had the problem of eating food with the colour green and red as in colour blind you would not see it as fresh food. Most fresh parents w...
Read more