History of Kelantan

Website for History of Kelantan  (CLICK HERE) : Muhammad Adi Arzri bin Arshad 1091105602 

Work in Progress

• Description on the individual ideation of the link

The idea of this site is to give a summary of history regarding the state of Kelantan from the past till now. It encourages the reader/viewer to understand the content very well as some information being shown by video or collection of picture/gallery.
Most likely i will explain the history on;

• 15th Century
• 19th Century
• 20th century
• 1957 Independence 

Objective of the link

The objective of the link is to expose people surrounding about the memory of the past experience regarding of history of Kelantan. I do hope people will get all the necessary information regarding the history of Kelantan and make a good use of it. 

Design of GUI (see below)

1) Header

All of the group members use the same header

2) Navigation Bar
A navigation bar is a sub region of a web page that contains button to navigate between pages of website. For my part which is history of Kelantan, there will be 5 pages

3) History of Kelantan banner
All pages in History of Kelantan  will have the same banner as shown below.

4) Title
Place to put word that signify the the chosen topic.

5) Body
The place/space where to put all the content and information regarding the title. It includes the usage of text, flash, movie and images i used to transfer the information to the reader.

6) Floating Sidebar
I do think this is the most interesting part because i spent 2 hours watching the tutorial on youtube to do this thing. Sometime i am losing my patience, but i do finished it.

http://www.youtube.com/watch?v=wuTstiiz4fg

7) Footer
Contain information about the author (me) and created just for Visit Kelantan website.

Flowchart of the individual site (see below)

Documentation

1) The construction of the website started by using the the same template that being used for the whole website but no content inserted yet.

2) The information about the history of Kelantan being collected and stored in Microsoft Word before being transferred to Adobe Dreamweaver for the content.

3) The information being transferred to Adobe Dreamweaver and inserted into content of the website.

4) Custom banner for History of Kelantan Website being generated using Adobe Photoshop by using several raw images found from the internet search engine.

5) The image for banner inserted into the website and re sized according the height and width of the website body.

6) Flash file being generated using the Adobe Flash using several images rearrange and set to have few animation for introduction of the website.

5) The flash animation inserted into the website and re sized according the height and width of the website body. 

6) This is the most difficult part whereby i need to learn how to make a floating sidebar. Thanks for the video tutorial which being uploaded to Youtube, i managed to create my own floating sidebar by using my own icon and few coding modification.

Reference : http://www.youtube.com/watch?v=wuTstiiz4fg

7) Create my own icon for the floating sidebar using Adobe Photoshop, rearrange into Adobe Dreamweaver and being inserted with few coding according to the tutorial.

8) The content and all parts rearrange once again and here is the final output History of Kelantan website.

FINAL OUTPUT

http://student.cyber.mmu.edu.my/~1091105602/visitkelantan/History.html

Use of tools

• Adobe Photoshop CS4 be used to edit or create any images for the site.
• Adobe Dreamweaver CS5 then being used to generate a proper template for the site based on the Personal GUI customization.
• Adobe Flash Professional CS5.5 - create flash file for website animation.
• Microsoft Word 2007 - store information for content of the website
• Google chrome - view the final output of the project.

Other References

Information about the history
1) http://tic.kelantan.gov.my/index.php?option=com_content&view=article&id=11&Itemid=14
2) http://www1.nst.com.my/Current_News/JohorBuzz/Monday/MyJohor/20080525182414/Article/
3) http://www.worldisround.com/articles/188036/photo15.html

The source of raw images for History of Kelantan banner

1) http://www.fun-travel-malaysia.com/Kelantan-Darul-Naim.html

2) http://www.malaysia-hotels.net/kelantan/