Saturday, September 10, 2011

Processing II

1.       First, search some images that related to the festivals and saved it.
2.       In adobe flash CS4, create a new blank page, 550x400px. Import the images into the adobe flash CS4. Insert the images into the frame and resized the images.


3. Right click on layer 1, insert frame at 30 seconds. Insert key frame and insert the second image. Repeating the steps for the third, forth and fifth image.


Sunday, September 4, 2011

Home Page - Processing

This is our website GUI design that
i mentioned in last post.

The ways we do the templete that i showed in below:



1) At first, we go google.com to find a suitable images,
and then saved it.
2) We open the Adobe photoshop CS4
3) We open the image we saved before and transfrom the size of the image
4) I open a new page to design a simple logo
5) Our group logo is make up by a different type of words.
6) After that ,we use  the rectangle tool to draw out a rectangle
and press the edit buttons,to flip horinzontal another side of rectangle
7) We use the edit >transform,skew and warp to make out the book shapes
8)at the bottom of the book, we right hand click and choose the blending option
and make shadow of the book
9)Besides that, we use the line tools to draw a line to separate words in the upper buttons there
7) At last, we saved it

The ways we do the flash showed in below:

1)

At last, we use dreamweaver do the website
1) after we done the background, flash, we open the adobe dreamweaver CS4
2) after that, we press the file>new>blank page to create a blank page
3)we choose html > create new to create website main page
4)and then we need to insert the templete that we designed at above
5) When we want insert some contents
we press insert>layout object>APVIV to insert the text boxes
6)we type in the contents in left hand side rectangle there
7) To enlarge the photos
we go to window> tag inspector>behavior
and then we add behavior>choose effect
>grow from 100% to 150%
8) At last we need links up all the webpage
we highlight"home" and then right click
 and make the link

Content of homepage

Details
1. Zhang jiu yuan 1081107033 -Leader
2. Li Rui 1092700826
3. Liaw Sher Feng 1091103967
4. Gan Jye Tyng 1101109731

Objective: To introduce some traditional chinese festivals to all population especially for the international stidents. This site will be guide for people who is interest in chinese festival and its background. The information provided in this site includes dates, mythology, festivities, cuisine, practices, do&don't and origin.

Final result of homepage


Final decision- Design of GUI

 After the group discussion,
we decide to do the website showed at above.

There have a 5 buttons above the big rectangle
There are: Home(home page),Chinese New year,Qing Ming,
Duan Wu and Mid autumn

In the upper right hand side
have our group logo

Inside the big rectangle
that show the contents of our website and the flash we do

Wednesday, August 24, 2011

Qing Ming Festival- LIAW SHER FENG

Design of GUI


The 1st pictures can be the homepage of the website
There have a logo in top of the right hand side
At the left hand side header have 5 buttons
 (home, chinese new year, Qing Ming, Duan Wu and Mid-autumn)
and i will put a flash and photo below the 5 buttons

The 2nd pictures i put the history,celebration, pictures and video
in left hand side below the 5 buttons


Flow chart of indidual sites


The main is the Qing Ming
and then there have a 4 links in below
there is history ,celebration and pictures, video
The last buttons wil be the links

Tuesday, August 23, 2011

Mid-Autumn Festival -Gan Jye Tyng

Design of GUI




The first picture is our website's homepage.
There will have a logo of our team at the top on left hand side and 
all the five buttons at the center on top.
on the top, there is a button bar, where it can links to home and all the other subtopics.

Photoshop will be used to edit and create the logo of our group and some pictures that will place in the website.

Flow chart of individual site:
Mid-autumn festival!!!

The main will be mid-autumn festival and it comes down to three links, which is 'Story/History', 'Celebrations' and 'Gallery'.
And the last button will be the links.........

Duan Wu festival -Li Rui

1. I will caret the links on the top of web. Its will easy to find what you want. There are being full of pictures, worlds, videos and flash. The funny thing is you will see game on my web. You can more enjoy this web.



2. Of my topics there are two parts image and worlds. No matter you like view pictures or just worlds explain you can find in my pages. Form my website you will not only get information about this festival, the important thing is you can get more fun. I will use Photoshop and Dreamweaver to create this web. Full technology be using to create this website will make this website be powerful
Update of Progress

Same as in the hompage
I use the same GUI design with all members 
 this is a sub-page of the main website
so all the templete must be same


The different part within homepage and DUAN WUpage is

In the DUANWUbuttons
 we have insert 4 links
there are story, celebration,game and gallery
but in homepage
there don't have any small links

The ways to create duanwu website same as homepage there:

1) At first, we press the file>new>blank page to create a blank page
2)we choose html > create new to create website web page
3)and then we need to insert the templete that we designed at above
4) When we want insert some contents
we press insert>layout object>AP DIV to insert the text boxes
5)we type in the contents in left hand side rectangle there
6) To enlarge the photos in gallery
we go to window> tag inspector>behavior
and then we add behavior>choose effect
>grow from 100% to 150%

7) To insert the flash same as insert the contents
we press insert>layout object>AP DIV to insert the video profile
7) At last we need links up all the webpage
we highlight 4 links and then right click
 and make the link

The ways to do the flash:

a) we online search some pictures
b)then we open the adobe flash
c) we press open>new to create a blank page
d) then we insert a keyframe
>insert pictures that we found
e) and take a 30 seconds for each pictures
f) we need put the motion tween to stop when cahnge picture



Contents

Story of DuanWu Festival
Memorial loyal
Celebration of Qing Ming Festival
Dragon boat racing is an indispensable part of the festival, held all over the country
Zongzi is an essential food of the Dragon Boat Festival

Monday, August 22, 2011

Chinese New Year -Zhang jiuyuan

By the tool



Design of GUI

The first picture will be the home page of our website.
We will have a logo of our team being place on the top left hand side and
Follow by the 5 buttons links that we need for our subtopic.
Besides that, we will also have a flash in our home page.
We will run a few photos about our subtopic and the members of our group.

Adobe Photoshop will be use to edit and create our group logo while
Flash will be created using Adobe Flash.

references:

  object:
   also known as the Lunar New Year or the Spring Festival is the most important of the traditional Chinese holidays. It consists of a period of celebrations, starting on New Year's Day, celebrated on the first day of the first month of the Chinese calendar, i.e. the day of the second new moon after the day on which the winter solstice occurs, unless there is an intercalary eleventh or twelfth month in the lead-up to the New Year—in such a case, the New Year falls on the day of the third new moon after the solstice.The Chinese New Year period ends with the Lantern Festival, the fifteenth day of the month.

FLOWCHART OF INDIVIDUAL SITE
  Chinese New Year

from first three links(story celebration do/do not), there will have two links Gallery and links.
we using Dreamweaver to create the website.