Activities (Dharshini's)

Everyone of us have a task from the previous meeting we had, so my part is as below(in the picture). Now its time to let everything flow as smooth as it can.

This is the FLOWCHART of mine. My part is Activities.

My part,I am doing and responsible in doing the activities part that available in St.Paul Hill. It will be included what can we do in that St. Paul Hill and other activities at the nearby area.

This is my FIRST DESIGN INTERFACE(GUI Draff)

I am in-charged of doing activities part so this is the idea i plan to do for my page..

There is 6 links which is Home, History, Accommodation, Delicacies, Activities  and Gallery. I will include some pictures of the places so it shows an idea of the place.

STEPS IN DOING MY PART(WEBSITE-ACTIVITIES)

First part- Banner

I open Photoshop the I click open and choose 800 x 160.

 Then i have combine 3 pictures that i have found online and made it  the same size each and it become like the picture below.i have scale transform these pictures to fit into the banner.

Then i add the word ''Activities at St. Paul Hill Melaka'' with adding text in the Photoshop. I choose Gill Sans Ultra Bold with fond size 28pt with Sharp anti-alias method.  I then choose Blue colour as it is attracting if it putted on the picture and the it is balance on the 3 picture that i choose.

Finally,i created banner.

Second Part- Background

Next we need a background for the page. So,i choose a picture that i get from online at google and choose it became the background as it suit with the background and it was attracting. The picture below shows the background.

After this,i try this picture as the background and it suit with the banner and the others. :)

Third Part- Buttons

 Every page needs button so it can link with each other and therefore i created 6 button as i need to include buttons which is Home, History, Accommodation, Delicacies, Activities  and Gallery. 

I made these button in the horizontal line and simple by using (|) this to separate between buttons and therefore this is my result = Home | History | Accomodation | Delicacies | Activities | Gallery. 

These is the picture after i insert the buttons.

Fourth Part- Activities Page

Activities- Activities at St. Paul’s Hill (A Famosa)

This is my part that i was in-charged to do. I do this page by using Dreamweawer. I insert the banner at first on top of the page then make table to insert all these different subcategorizing between these places.  Then i put in the background and those information that belongs to each group of places and also same pictures of the places.

 I decided to put 2 category of information that is Activities that we can do at ST.Paul Hill and also Others activities that we can do at the nearby area of this ST.Paul Hill which include few places that is Jonker Walk, Dataran Pahlawan Mega Mall, Menara Taming Sari, Melaka River and also Stadthuys.

The information for the first category that is ''Activities that we can do at ST.Paul Hill'' are taken from

~ http://www.viator.com/tours/Kuala-Lumpur/Historical-Malacca-Full-Day-Tour-from-Kuala-Lumpur-including-Lunch/d335-3705KUL21

~ http://tourism-melaka.blogspot.com/2011/04/lovers-haunt-st-pauls-and-stjohns-hills.html

~ http://en.wikipedia.org/wiki/St._Paul's_Church,_Malacca

Then the information we do for the second category that is ''Others activities that we can do at the nearby area of this ST.Paul Hill'' are taken from
1) Jonker Walk ~ http://backpackies.wordpress.com/2011/09/11/jonker-street-melaka-by-backpackies/

~ http://www.malacca-hotels.com/accommodation/jonker-street.htm

~ http://tourism.melakareview.com/2009/03/jonker-walk-heritage-street.html

2) Dataran Pahlawan Mega Mall ~ http://www.dataranpahlawan.com/home/index.aspx?page=events

~ http://www.skyscrapercity.com/archive/index.php/t-185370.html

~ http://en.wikipedia.org/wiki/Dataran_Pahlawan_Melaka_Megamall

3) Menara Taming Sari ~ http://www.menaratamingsari.com/the-tower.html

~ http://www.malacca.ws/attractions/taming-sari.htm

~ http://melakamalaysiatravel.com/?p=34

4) Melaka River ~ http://melakamalaysiatravel.com/?p=113

~ http://www.malacca.ws/attractions/melaka-river.htm

~ http://www.tourmalaysia.com/2009/03/09/melaka-river-cruise-ride-photo-gallery-a-few-old-pictures/

5) Stadthuys ~ http://www.hollandfocus.com/v2/index.php/magazine/contributors/dennisdewitt/99-dennisdewitt/111-ddwstadthuys

~ http://www.tourism.gov.my/destinations/detail.php?theme=CH&map_code=stadthuys&state=melaka

~ http://www.cityturtle.com/Stadthuys-Melaka.html

Then in each page i have include pictures and also links so that people can see it at the page and know more about that place.I have made summary of each places from the information i get from the links i posted above.

In the first category that is 'Activities that we can do at ST.Paul Hill, I have link word ''ST.Paul Hill'' to a website that provides more informations on this place. I have link it to http://en.wikipedia.org/wiki/St._Paul's_Church,_Malacca. I have also include 2 pictures of ST.Paul Hill and a video on this.

Video ~ http://www.youtube.com/watch?v=Ci6LRI7cu6g

This is the picture of ST.Paul Hill part in Dreamweawer.

Then next, i move to category 2 that is 'Others activities that we can do at the nearby area of this ST.Paul Hill'

1)  Jonker Walk - i have linked this word to the link that is http://tourism.melakareview.com/2009/03/jonker-walk-heritage-street.html and add some pictures and summary on this place.

~Jonker Walk~

This is the part of Jonker Walk in Dreamweawer

2) Dataran Pahlawan Mega Mall - i have linked this to the website that is http://en.wikipedia.org/wiki/Dataran_Pahlawan_Melaka_Megamall and add some pictures and summary in this place.

~Dataran Pahlawan~

This is the part of Dataran Pahlawan in Dreamweawer

3) Menara Taming Sari- I have linked this to the page that is http://www.menaratamingsari.com/the-tower.html and add some pictures and summary in this place.

~Menara Taming Sari~

This is the part of Menara Taming Sari in Dreamweawer.

4) Melaka River- I have linked this to the page that is http://melakamalaysiatravel.com/?p=113 and add some pictures and summary in this place.

~Melaka River~

This is the part of Melaka River in Dreamweawer

5)  Stadthuys- I have linked this to the page that is http://www.hollandfocus.com/v2/index.php/magazine/contributors/dennisdewitt/99-dennisdewitt/111-ddwstadthuys and add some pictures and summary in this place.

~Stadthuys~

This is the part of Stadthuys in Dreamweawer

Thus, this is the total output from what i have created.. i have complete my assignment 3. It was such an memorable assignment as i learn to create better website in this Assignment.

This is the part of the page in Dreamweawer.