Setting Up

Setting up was easy with the help of my dear friends. I started to setup after lunch hours after the presentation with the help of my roommate, classmates and my brother. After fixed the screen on the wall and drilled the keyboard holder, I brought down my PC and start setting up to check weather everything working fine. By 4pm, I already done setting up and eagerly waiting for the next day. Here is some snaps during the setting up.

Final Presentation Slides

Final Presentation

Today 10.50-11.00a.m was my slot to present my final year presentation. The presentation was smooth and fast. I presented with full confidence and with the happiness that I am done with the presentation. Here are the some shots of me presenting. 

After presentation, I had to get back to the studio to setup for my exhibition the next day.

Final Presentation

I am finally unofficially done with my final year project. I presented my full application to my lecturer and they seems to like it and satisfied with it. So I am considered done! Here are some the picture taken during my presentation, too bad no one to take pictures when I was presentation, so here is the rough setup. Using my laptop and my speakers, I managed to present completely.

After the presentation on 5 may 2011, on the 7 May 2011, the lecturers announced that the list on students exhibiting and I found my name in the list, so thats means I am exhibiting my application! Yahoo! It's gone be fun! Here is the layout of the exhibition.

Click to enlarge

Finalized Poster

This is my finalized poster, I remain my original poster design earlier. Thus time is bigger in size and horizontal. I took less than hour to complete this poster because I was busier with my application and how to get it done. 

Interface Designs

These are almost completed Interface Design and Application layout after working on it for nearly two semesters.There bug errors here and there.. Arggh! Never mind those (can fix it later). I maintained classic and standard looking layouts as this is suitable for all aged users. I played around the images and abit of text. I choose warm colours as this colours are commonly used in an Indian Wedding and represents Indian culture. There are very limited animations in my applications as my main object to deliver the message completely. So, I decided not to mess up so many animations with the text. So here it goes!..

This are my main links pages.

This is the Main Menu. From here, the user can choose their desired links that they wish to learn from.

This is my video page.

This is how the interface of the description looks like.

Saree Page

Mehendi Page

Thali Page

Wedding Matter's Page

Bindi Page

Blooms Page

Brides and Grooms Wear's Page

These are Facts and Rituals pages. Description with Images.

These are my Gallery pages.

Process 2

Creating an informative application with interacts with the users and with interesting contents that suits users from different ages is really hard. I have minimized animations in my application which is only limited on the menus, and created an interesting platform for my users to read the information displayed. I have maintained a classic and standard application format that suitable for all kinda of users. Here is the print screens of some working process. 

Editing the wedding video took a ample of time for me as I am not so good in editing video. The original video had a different background sound and music, I had to edit and combine with the background music that I downloaded from internet as that is the real music of an Indian wedding. After editing the video, placing the video in the timeline of Flash software was another big headache as Flash only support up to 16000 frames in one file whereas the video has 18000 frames. 

Later on, I managed to solve the problem by placing the hot-spots in a different way. I have inserted the video and the button of the hot-spots in one key frame and the buttons moves by the coordinate placement in the Action Script. Which means, the buttons moves according to the seconds of the video and it will placed on the user click-able area according to the coordinate of the stage.

This is the working progress of the animation button on my main menu. The icons moves according to the coordinate of the mouse cursor as well. As the mouse cursor gets nearer to the center of the stage, the animation will slow down and stop.

Above are the process of creating the Fact & Rituals pages. All the text and images are converted into graphic and movie clip and placed in the library. Action Scripts plays its role to bring out the related text and images from library when the a button is clicked.

Lastly, this the working progress of Gallery page. All the photos are edited accordingly using Dreamweaver and then later on placed in Flash to combine with the main file.

Coding and Programming 3

Lastly, here is the script to load my gallery page.

//Example of loading multiple SimpleViewer swfs into another flash movie.

//init stage

//Stage.align = "TL";

//Stage.scaleMode = "noScale";

Stage.align = "";

Stage.scaleMode = "noScale";

//set width and height of SimpleViewer swf

_global.SVStageWidth = 640;

_global.SVStageHeight = 360;

var galleryId:Number;

var mLoader_mcl = new MovieClipLoader();

mLoader_mcl.addListener(this);

//Set button actions

mcGal1.onRelease = function(){

                loadGallery(1);  

}

mcGal2.onRelease = function(){

                loadGallery(2);

}

mcHide.onRelease = function(){

                mcLoader._visible = !mcLoader._visible;

}

function loadGallery(galId){

                galleryId = galId

                mLoader_mcl.loadClip("viewer.swf",mcLoader);

}

function onLoadInit(){

               

                //set gallery xml name

                _root.xmlDataPath = "gallery"+galleryId + ".xml";

                //set gallery specific options

                if (galleryId == 1){

                                com.airtightinteractive.apps.viewers.simpleViewer.Options.imageFrameColor = 0xffffff;

                }else{

                                com.airtightinteractive.apps.viewers.simpleViewer.Options.imageFrameColor = 0xff00ff;

                }

}

//load first gallery

loadGallery(1);