INTERACTIVE DESIGN FOR WEB TECHNOLOGY

WARM-UP EXERCISE

We need to choose one web side and try to analyse the web according to the multimedia design principle.

The web page that I choose to analyse in this activity is a Food Network Asia.
Link :  http://www.foodnetworkasia.com/about-us

The web tell us about the food around the Asia and we can search all kind of food in Asia in this web page. Other than that this webpage also provide a recipe that we can  refer if we want to make the food. This webpage also tell us about the tv show, host, and video that we can take a look if we want to see how to make the food.

Picture 1: Screen shot of the web page 

This is how the web look like. They use a suitable color for food that when we look at the web we will think about food. The image of the food also make the audience feel hungry and want to look more to the  webpage.

Picture 2: Screen shot of the web page 

Beside that this webpage also have header and footer. This  webpage follow the 2/3:1/3 rule as we can see they put the image and the logo of the webpage at the top of the page and only use 1/3 of the page and it is consider as secondary area of focus mean it is the second importance part in the page. Other 2/3 area was full with information text about the webpage.

When we click at recipe the page will look like the picture 3. As we can see there is a research button that we can search all the recipe that we want to know it is user friendly.  When we look at the page we can see the page are balance. They use four column for this page and make it easy for audience to look and compare what the need.

In this page also we can see the use of white space. It make the audience feel comfortable to look at the page and people willing to spent more time and enjoy reading the page. Other than that they put all the interesting image of food that is look delicious and make the people feel like want to try some of it. Beside that they also use the difference type of words as we see they bold the name of the food and the description they put in the normal type. When the audience see the page their eye will capture the bold part fist and then will continue to other part.

REFLECTION
To analyse the webpage we need to know the principle of multimedia design. It will make our work easier and we can analyse more detail about the webpage. For me this webpage are the good example of webpage because I feel interested to know more and want to explore more on the webpage. It also use the suitable color for food and good image. The webpage also user friendly.

3D MODELLING FOR OBJECT AND ENVIRONMENT

ANIMATION

After the building, character and transportation done now we need to combine it all together in one task and make it move. First I need to do a housing. Because my building are too big therefor I make another house that is smaller than my building and I put it around my building.

I make the house very simple.

This the look of my housing and it also have a name 'Taman Mulia Utama'. I copy all the small house and put it along the road and I want to put my car at the road moving to the my building.

This the look of my housing withe car. Now I just need to move the car and it will be my animation.

3D MODELING FOR OBJECT AND ENVIRONMENT

TRANSPORTATION ( PART 2)

Start to design my car at the maya.

First I start wit putting the suitable polygon for my car like the shape of rectangle. After that I make a hole for the window.

Picture 1 : The structure of the car

Other than that I also make a hole for the space of the tires for my car. After that I stat design the look of my car from the front

Picture 2 : Side view of the car after putting the tires and designing the front part of the car

Picture 3 : View from the front of the car

I make a lamp for my car and also I make the cap for the engine. I also make a bumper for my car so it look nice. Other than that I also make a tires for my car and I think it look nice and sweet..

Picture 4 : Side view of the car after putting the glass for the window.

I also make a glass for the car window.

After finish the design now I start to color my car and find the suitable texture for my car. Every part of the car have a difference texture for example the texture of the tires are not same with the texture the body of the car. I also play with the transparency for the window glass to make it look nice and suitable for the character of the glass.

Picture 5 : View from the front after put the color to the car

Picture 6 : View from the side after put the color to the car

After finish all the step I need to render it

Picture 7 : The car are ready to go..vroommm..vrooommm,..

I put some background for my car so it will look like moving at the road.

3D MODELLING FOR OBJECT AND ENVIRONMENT

TRANSPORTATION

After finish designing the character now we need to design a transportation. First I think I want to design a lorry but after that I change my mind and start to designing a car. I have an experiences in designing a character therefor I think it easy for me to do this task.

The step still same first I need to do a sketch of my car and put it in illustrator and after finish just put the image to the maya and start designing the car.

Picture 1 : Front view of my car

Picture 2 : Side view of my car

3D MODELLING FOR OBJECT AND ENVIRONMENT

CHARACTER DESIGN ( PART 2 )

After finish the tracing now I just need to put all the picture view from the front and view from the  side to the  maya and start to put the polygon and start to shape it

Picture 1 : Put the image in the maya

Picture 2 : start putting the polygon 

Picture 3 : Start shaping the body of the character 

Picture 4 : joint the head and the body of the character

Picture 5 : Design the glasses for the character

Picture 6 : Put the eye and the glass for the glasses 

After that I create the hand and the leg for my character and joint them together and this is my character and I also give name to my character "LensPic" that the name of my character.

Picture 7 : My character are finish and this is LensPic 

3D MODELLING OBJECT AND ENVIRONMENT

CHARACTER DESIGN

I need to do the character design a simple character. I think it not to difficult because the step was same with my first task that is make a building

First I need to draw or do a sketch about the character that I want to make after that I just need to transfer it and trace it in illustrator and also put some color to it.

Picture 1: My sketch for my character and also the expression, position and view from all side of the character
Picture taken using Aisyah phone camera.

Picture 2 : The view of my character from the front
Picture taken using Aisyah phone camera

Picture 3 : The view of my character from the sides.
Picture taken using Aisyah phone camera.

 Picture 1 and 2 I do it using the illustrator

MUSEUM, GALLERY AND HERITAGE

CIRCUIT OF CULTURE ( PART 5 )

Last touch up for our installation art we put an image that we take from our visit and make a black and white slide show and project it as a back ground of our installation art. The image represent the thing and the situation that we can see if we go to the Hakka village. We also put a little sound for our installation like  the sound of crickets to make it more feel like the abandon and lonely place.

Picture 1 ; The installation art that have finish
Picture taken using Aisyah phone camera

As you can see there is a structure of human at the middle of the project. The human represent how the 100 years ago people use the well. they take a water from the well to cook clean their self and also to drink.

Picture 2 : This is my group for this installation art