Evaluation

I am happy with how my site as turned out because when I started this project I wasn't that confident in using flash. I now feel more confident after completing this project in using flash because I have pushed myself and learnt to do things I didn't know how to do before. I have learnt how to add sounds using action script and how to create games and a live paint as well as creating a print out button. I have also learnt how to animate a character to get the character to wave these are all things I didn't know how to do before I started this project. So this project as been a good learning curve for me and I have enjoyed working on it. I did have help along the way from people on flash forums when I was stuck on something I would post a question up and they would respond telling me how to do something or giving me a tutorial to watch on how to do it. However apart from that I have created the site on my own and I just asked for help when I got stuck I didn't know how to do something.

I like the overall look and feel of my site and most of all my target audience like it. The Children and staff at Croxby Primary School in Cottingham liked it when I went in and presented to them. They are now using my site on their server for the children to use during their computer classes. So I have achieved the goal I set myself at the beginning of this project to create a website that would appeal to primary school children because it does. I also wanted the site to go live before the Easter Holidays so it was up months in advance of the olympics which it was.


However I had to change the name of my site from olympics for kids to alympics for kids this was due to the fact that I found out I couldn’t use the name olympics because it is a trademark. So I purchased the domain alympicsforkids.co.uk and copied my files across from the olympicsforkids website. I read the brand guidelines and Rule 13 on the brand website states that I am ok to use the olympic brand on my university project but I can't use it in any commercial way. So I just changed the name olympics to alympics after my character Ali. Below is a link to the guidelines and rule 13.


http://www.london2012.com/about-us/our-brand/using-the-brand/index.html


13. Can I use the Games' Marks in my school project? 


We encourage all schools and students to get excited about and involved in the Games. Pupils and students in their classroom activities can use the Games’ Marks. The only thing we ask is that you do not use the Games Marks in any commercial way. So, if you are doing a business studies project that involves creating and actually marketing/selling a product (whether to your fellow students or to the public) do not use the Games’ Marks on the product or for promotional purposes


What could be improved?


Other than adding more games and information on all the events that take place at the Olympics I don't think there's much that needs improving. Maybe I could have added some para olympic events and tell the children about them and who the stars are. Also I could have added information on the Olympic torch and bit about the history of the Olympics. However for time I've had on this project I think I've done the best I could considering I wasn't confident in using flash before I started this project. Could the site be improved?


Finished site http://www.alympicsforkids.co.uk

Croxby School

I arranged to go back into Croxby School and show the teachers and children the improvements I had made to the site since my last visit. I went into Mrs Harris's class which is my nephews class and showed them the improvements I had made to the site. I showed them the live paint game and demonstrated how they could colour the character in on the big screen. I got the children involved by asking them to shout out the colours they wanted me to use to colour Ali in. So the children shouted out the colours they wanted me to colour him in and I coloured him in those colours. I then showed them the improvements I had made to the games and how you exited the games. I then opened the jigsaws one at a time and asked the children to tell me where each piece would fit which they did and they enjoyed doing. After my demonstration on the big screen the children all went on a laptop and had a play on the live paint and the games themselves. I then went round the class and helped the children colour in Ali and play the games which they all seemed to enjoy. Once they had all had ago Mrs Harris asked them if they liked the live paint and the other games and the children all said yes and that it was easy to colour in Ali.


So I got the reaction and feedback I wanted from the class and their teacher Mrs Harris. They all liked my website and that was my aim when I started this project that children would enjoy it and learn about the Olympics at the same time. In fact the school are using my site on their school programs now so the children have a choice to go on my site or on one of the school programs.  Below are photo's the school took of me talking to the children and helping them play the games.

Creating the exit game button

I found a way of exiting the games so the user returned to the site. I made a Exit Games button and added a instance name of btnUnload. Then I created a function, called unload SWF, whenever the button is Clicked. I then copied the loader variables from each game button so for instance the bolt jigsaw button as a loader of 5 as per code below:

boltjigsaw_button.addEventListener(

MouseEvent.CLICK, boltjigsawGame);

function boltjigsawGame(e:MouseEvent):void

{

var request5:URLRequest = new URLRequest("usainboltjigsaw.swf");

Jigsaw2Sound1.play();

loader5.load(request5);

loader5.x = 70;

loader5.y = 150;

loader5.scaleX = .7; // 1 is 100%; .5 is 50%, 2 is 200% and so on

loader5.scaleY = .7;

addChild(loader5);

}

and the other games are 4, 6 and 7 I added the loader variables so that the unloadSWF function can access them. Then for every loader there is a swf file that loads the games so for instance in the code above the swf is

("usainboltjigsaw.swf");. Then I added the function .load() and addChild() as you can see in the action script above which loads that particular game. Then finally to exit the games on the Exit Games button I added the following code so the user can exit the games when the button is pressed.

btnUnload.addEventListener(MouseEvent.CLICK,unloadSwf);

function unloadSwf(e:MouseEvent):void {

loader4.unload();

loader5.unload();

loader6.unload();

loader7.unload();

//loader.unloadAndStop();

}

So to exit the usain bolt jigsaw game I added loader5.unload(); to the function above and did the same for the other games but just changed the number to 4, 6 and 7.

Below is how it looks on screen so the game is open then when the user wants to exit the game they just click on the Exit Games button.

Making the games open in the same window as the website

One thing that popped up in the results of my user testing was people would like the games to open in the same window as the website. So I will see if I can find a way to do this. I looked for ways I could do this online and asked in flash forums and I got a reply from someone who told me how I could do it. They said all I need to do was add this code to my games and then they would open in the same window as the site.

This is the code they sent me:

var myLoader:Loader = new Loader(); // create a new instance of the Loader class

var url:URLRequest = new URLRequest("ExternalSWF.swf"); // in this case both SWFs are in the same folder

myLoader.load(url); // load the SWF file

addChild(myLoader); // add that instance to the display list, adding it to the Stage at 0,0

And this is how I added it to my games so for the usain bolt jigsaw this is how I used the action script I was given.

boltjigsaw_button.addEventListener(MouseEvent.CLICK, boltjigsawGame);

function boltjigsawGame(e:MouseEvent):void

{

var request5:URLRequest = new URLRequest("usainboltjigsaw.swf");

Jigsaw2Sound1.play();

loader5.load(request5);

loader5.x = 70;

loader5.y = 150;

loader5.scaleX = .7; // 1 is 100%; .5 is 50%, 2 is 200% and so on

loader5.scaleY = .7;

addChild(loader5);

}

So to load the game in the same window as the website I added the code this code

var request5:URLRequest = new URLRequest("usainboltjigsaw.swf");

loader5.load(request5);

Then I added the addChild code because this opens the movieclip/game on stage. So to make the usain bolt jigsaw open I added the following code:

addChild(loader5);

The loader5.x = 70; and loader5.y = 150; this is where the game will be placed on screen and the loader5.scaleX = .7; and loader5.scaleY = .7; is the scale of the game so this game is .7 = 70%. So if I wanted the game bigger 1 is 100% 2 is 200% and if I wanted it smaller .5 is 50%.

Once this code was added to all the games they opened in the same window as the website. However the only problem I had was I couldn't close the games down. So once again I asked people if they had a solution for this so I could close the games down and return to the site. I got a few answers back but none of them seemed to work apart from one which was to add a Exit Games button on the Games and Colour In pages. So this is what I did and it now works. So to exit the games the user clicks on the exit games button and this closes the games and returns them to the website.

Meta Tags

Description and Keywords

Description describes the content of your site and helps it get on Google. Below is my description I added in my head tag in my index.html:

title olympics for kids

meta name="description" content="This website is aimed at promoting this summers Olympics in London to Primary School Children and describing to them what the Olympics is and telling them about some of the events that take place at the Olympics. It features games for the children to play that include a word search, two jigsaws and an Olympic Quiz. It also features a Colour In page for the children to colour in their own picture of Ali the Gator on screen then print it out. This is my

final major project for my web design degree"

Keywords

Keywords are words and phrases that describe the content of each page on your site you want to promote. They should describe your sites content and subject which will help your site get promoted in Google. I added keywords to my site to help improve my SEO.

Here's a list of the keywords I added in my head tag in my index.html:

"keywords" content="olympics, kids, 2012, london, velodrome, medals, running, cycling, basketball, swimming, aqua centre, stadium, uk, country, games, jigsaw, word search, quiz, colour in, venues, children, ali, gold, silver, bronze"

And this is what it looks like in Google when you search for olympics for kids or olympics for kids.co.uk

Google Analytics Continued

The Bounce Rate

The bounce rate shows the percentage of visitors who visited the site but didn't stay on it. Between March 5th and April 4th 2012 the Bounce Rate of my site is 80.31%

Visitors

Visits for all visitors shows the percentage of visitors who visited the site. Between March 5th and April 4th 2012 I've had 193 visitors to my site. The graph below shows it peaked on March 12th 2012 when I had 28 visitors or 14.51% visit my site. Since then it has gone up and down and on the 4th April 2012 I only had 3 visitors or 1.55% visit my site.

New and Returning Visitors

In total between March 5th - April 4th 2012 I've had 193 visitors to my site. Of those 193 visitors 139 or 72.02% are New Visitors to my site and 54 or 27.98% are Returning Visitors to my site. So I have had more people viewing my site for the first time then people who have looked at my site before.

Google Analytics Map Overlay

The map overlay is a map of the world that shows you where the visitors to your site are looking at it from around the world. Looking at the map overlay for my site I can see I have had visitors from all over the UK and from Spain, Romania, Australia, The Philippines and the USA.

This can then be broken down to see for instance which cities my site was viewed in the UK.

Looking at the table above I can see I had 91 visitors from Hull and 29 in Beverley, 16 in London, 13 in Edinburgh, 4 in Sheffield, 2 in York and Lincoln and 1 in Crewe and Reading.

Google Analytics

I added my site to Google then I used Google Analytics to see how much traffic or visitors had visited my site. The diagram below shows the amount of visitors my site had. I had 41.96% in Direct Traffic or 81 visits which means the visitors found my site by typing in the URL in the browser and going directly to the site.

I had 37.82% in Referring Traffic or 73 visits which means they found my site through a link or another site. Looking at this in more detail I can see 58.93% of those visits came from my Facebook link. So far up to the 4th April 2012 I have had 20.20% in Search Traffic or 39 visits which means they found my site by searching for it in Google or other search engines like AOL or Bing.

Looking into this further I can see what browsers people used to find my site. So by looking at this information I can see 39.38% of the visitors to my site used Internet Explorer followed by Safari with 27.46% and then Chrome with 11.92% and only 9.84% used Firefox.

Changes to the site

Following the feedback I received back from the user testing forms I had sent out I decided to change the static colour in images to a live paint that the kids could colour in on screen. I chose to change this because people had suggested the children would prefer it if they could colour in the character on screen. So I used the tutorial Phillip Shakesby had sent me when he replied to my user testing. The web address below is the tutorial I followed to create my two live colour in images.

http://www.drooza.com/index.php?option=com_content&view=article&id=52%3Ahow-to-create-a-co

loring-book-in-flash-cs3-using-actionscript-30&catid=38%3Aflash&Itemid=56&limitstart=1

So I followed this tutorial to create my two live paint images and I added print buttons to them both so the children could print the pictures out once they had coloured them in. Below are screenshots of my two live colour in pictures.

I also made changes to the text after showing the site to someone I know who's an English Teacher and he gave me some feedback on grammar, punctuation and spelling on some of the pages so I corrected them. I also stopped the sound effects playing on the different venues pages when you hover over the images the sounds now play when you click on the images of Ali.

User Testing Continued

I also sent user testing forms out to my friends on facebook because some of them have young children. Below are the responses I got back from people I know:

Amy Elizabeth Wingfield Fox

Is the website fit for purpose of promoting the Olympics to Primary School children?

Really easy to use, fun drawings, nice big text and bright colours!

Does the navigation work ie Home, Venues buttons?

If you click on a location button, then the back red back button, none of the other orange buttons along the top work anymore.

Do all the links work ie the Venues buttons?

Only found that one bug, everything else worked well, even the print buttons on the colouring in drawings.

Is the website easy to use?

Very, kids should easily be able to navigate around this site.

Are the games to hard or easy for the children?

Thought the jigsaws could have been harder as compared with the wordsearch they were too easy.

What could be improved if anything?

Really liked it. Perhaps the use of the althletes first names only after you have already stated their full names in the text about them, but otherwise very impressive.

Marie Brumby

Hi I think it is very colourful,and an easy to follow and understand site and ideal for primary school children. All the links worked and found the website easy to use. i would say the site is suitable for 5-10 yr olds. I dont think anything could be improved but unfortunately we dont have a printer so was unable to print the pictures out. Would it be possible to colour it in online using 'paint' or some other program.Good luck with your site.

Mike White

I got Adam, EJ & Maisie to try this out so you've got the feedback of a 7-year old & two 9-year olds.

Liked:

Games - particularly the word search

Sound effects

Ali

Wanted:

To see Ali more animated on the different pages (e.g. bouncing a basketball)

More information on each venue (e.g. details of the various types of event - 100m, long jump etc)

Also, just a couple of typos which you may have already spotted but I'm guessing it might factor into your assessment (accuracy/quality checks). They are:

Swimming: Freestyle reads 'freestlye'

Basketball: It says 'go' instead of 'to'

Aside from that, agree with most of the other comments above. Perhaps a small, watered down history of the Olympics (how it began etc) as well as some info on the last time they were hosted in London.

Hope this helps.

Mike White

Phillip Shakesby

you need a button to mute the sound because some people will not like the sound and try to keep the theme/design of your site consistent throughout the quizzes and other interactive elements, I know its late but here is a tutorial for the colouring pages that may give you another element for more marks http://www.drooza.com/index.php?option=com_content&view=article&id=52%3Ahow-to-create-a-coloring-book-in-flash-cs3-using-actionscript-30&catid=38%3Aflash&Itemid=56&limitstart=1

Other than that well done mate

Catherine Davison

answers below

1.yes i would think this website would be useful for promotion to primary school children of a younger age 5-8 yrs maybe?

2.all the navigations buttons worked fine

3.yes all the links seemed to work ok

4.i thought the website was very easy to understand for younger children,clear straight forward and colourful!

5.i think the games are simple enough for children to understand and non complicated

6. only improvements i can think of would be to add another game and 1 or 2 also more picture choices to print out? on the quiz have a few more questions to answer.

hope these answers help chris, great website!:-)

Stephen Stempczyk

Is the website fit for purpose of promoting the Olympics to Primary School children?

The site looks good and would be appealing to kids. The games and colouring sections are great. My only thought with Venues, it doesn't really mention much about the venue size etc,

Does the navigation work ie Home, Venues buttons?

On the whole yes but if you click on venues by accident you have to click on one of the four options, it wont let you for example click home or colour in. So if you click the wrong one it wont let me go back for example

Do all the links work ie the Venues buttons?

yes

Is the website easy to use?

yes, Games section works well

Are the games to hard or easy for the children?

about right

What could be improved if anything?

If im honest I hate music on web sites and usually would close a page if it appears could a mute button be added?

Obviously im not a child so i would always want more detail which a lot of kids probably wont but these days who knows? The home page gives a brief outline of the Olympics, more info about when the games start and finish maybe? The torch could be mentioned.

User Testing

With my site nearing completion I got in contact with Miss Snow at Croxby Primary School to arrange a day I could go in and test the site on the children and show the teachers what I had done since the last time I was there. They said I could go in on March 12th between 1.20 and 2.20pm and show it to Mrs Harris's class which is also my nephews class. I got stickers made to hand out to the children to promote my site and I got myself a t shirt printed to promote my site.

So I went into the school and presented my site to the teacher and the class and explained to them what the site was. I then got the children involved by getting them to play the games and asking them to show me why the pieces went on the jigsaws by getting up and pointing where the pieces should fit. We then played the quiz and I showed them the word search and asked them to find some of the words which they did. Once I had shown them the site Me and their teacher handed out the stickers I had brought in for them before they went and sat at a computer to have ago on the site themselves. Whilst the children were playing on the site I asked Miss Harris and Miss Snow if they would fill out the user testing form I had printed out for them to fill in. On the form I had wrote questions for them to answer regarding the usability of the website.

Mrs Harris put the following answers to the following questions

Is the website fit for purpose of promoting the Olympics to Primary School Children?

Yes very useful for promoting the olympics to children of this age.

Does the navigation work ie Home, Venues buttons?

Yes

Do all the links work ie the Venues buttons?

Yes

Is the website easy to use?

Children seemed to be able to find the games quite easily

Are the games to hard or easy for the children?

The jigsaws are suitable for children in reception the quiz and word search would be suitable for year 2 children

What could be improved if anything?

Maybe more games and if they could colour in the alligator online, children of this age would really enjoy that. We really enjoyed the website thank you

Miss Snow put the following answers to the following questions

Is the website fit for purpose of promoting the Olympics to Primary School Children?

Yes, some of the website appeals to younger children and some would appeal to older children

Does the navigation work ie Home, Venues buttons?

Yes, everything works well

Do all the links work ie the Venues buttons?

Yes, all links are working

Is the website easy to use?

Yes it is easy to navigate and all text and images are clear

Are the games to hard or easy for the children?

I think some of the games are harder for younger children but will be fine for older primary age children

What could be improved if anything?

Nothing, I think its a great website

The feedback I got from the class and the teachers was good and they all liked the website. I received an email the day after from Miss Snow saying how much they liked the site and Mrs Harris said all of her class really enjoyed trying the website. Miss Snow also said she had added the site onto the school weblinks so that when the children have any spare time in ICT they can choose what they go on, they have a free choice to go on Olympics For Kids if they wish. So I was happy that they liked it and I will now go away and see if I can found a tutorial to create a live paint like Mrs Harris suggested to replace the static print out pictures.

Back and Next buttons

After looking at the CBeebies site and other children's sites I noticed they use back and next buttons to help the children navigate the pages so I decided to add them to my site. I created back and next buttons in the shape of arrows and added them to my site. Below is the code I added in the action script for the Home page for the next button.

function onNextbutton1Click(e:MouseEvent):void

{

gotoAndStop("Venues");

}

nextbutton1.addEventListener(MouseEvent.CLICK, onNextbutton1Click);

So with this code added when the children click on the arrow with next on it at the bottom of the screen it will take them to the Venues page. Then when they are on the Venues page they can click another next arrow which uses the same code as above apart from

the gotoAndStop changes to:

gotoAndStop("Games");

On the Venues page I added a back arrow which uses the same code as the next arrow apart from it tells the user to go back.

function onBackbutton1Click(e:MouseEvent):void

{

gotoAndStop("Home");

}

backbutton1.addEventListener(MouseEvent.CLICK, onBackbutton1Click);

I added back and next buttons on the Venues, Games pages and then back buttons on each of the Venue pages and on the Colour In page. Below is a screenshot of one of the pages:

Creating the print outs on the Colour In page

I wanted the children to be able to print out a picture of Ali the Aligator for them to colour in. So I searched online for a tutorial on how to add a print button and found one and followed that. I made outline drawings of the him standing and playing basketball in Adobe Illustrator. I then imported the outline drawings in flash and saved them as movie clips and called them mc_printContent01 and mc_printContent02. I then created two print buttons and added them underneath the two outline drawings. Then I added the following code in my actionscript layer for the Colour In page to enable the children to print out their own picture.

print_button1.addEventListener(MouseEvent.CLICK, onPrintButton1);

function onPrintButton1(evt:MouseEvent) {

var printJob:PrintJob = new PrintJob();

if (printJob.start()) {

if (mc_printContent01.width>printJob.pageWidth) {

mc_printContent01.width=printJob.pageWidth;

mc_printContent01.scaleY=mc_printContent01.scaleX;

}

printJob.addPage(mc_printContent01);

printJob.send();

}

}

print_button2.addEventListener(MouseEvent.CLICK, onPrintButton2);

function onPrintButton2(evt:MouseEvent) {

var printJob:PrintJob = new PrintJob();

if (printJob.start()) {

if (mc_printContent02.width>printJob.pageWidth) {

mc_printContent02.width=printJob.pageWidth;

mc_printContent02.scaleY=mc_printContent02.scaleX;

}

printJob.addPage(mc_printContent02);

printJob.send();

}

}

So once this code was added the children could print out their own outline drawing of Ali to colour in by clicking on the print out buttons as per screenshot below.

Adding music and sound effects to the site

I wanted to add some background music to the home page so I looked in Google for royalty free music and came across a site called stockmusic.com. On this site I found some olympic music and in particular a piece of music called Victorious which I thought would be good to use on my home page. I also found sound effects on this site that I could use when the user hovered or clicked on my illustrations of Ali participating in one of the sports. So I purchased 4 sound effects and the Victorious music from this site to add to my site. To add the music and sound effects to my site was similar to how I added the voice overs to the site. Below is the code to add the Victorious music to my homepage and to stop it playing on the other pages.

stop();

var homeSound1:homeSound = new homeSound();

var venuesSound1:venuesSound = new venuesSound();

var gamesSound1:gamesSound = new gamesSound();

var colourinSound1:colourinSound = new colourinSound();

var victorious1:victoriousSound = new victoriousSound();

var sc:SoundChannel;

var isPlaying1:Boolean = true;

if (isPlaying1 == true)

{

sc = victorious1.play();

var videoVolumeTransform:SoundTransform = new SoundTransform();

videoVolumeTransform.volume = 0.20;

sc.soundTransform = videoVolumeTransform;

}

Then so it only played on the Home page I added the following bit of code to all the other pages.

sc.stop();

Adding this code meant the Victorious music would only play on the Home page.

To add the sound effects to the pictures of Ali participating in the sports I added the following code and then for each of the pictures I changed the name of the sound effect. The code below is for the track and field sound effect:

stop()

sc.stop();

var homeSound2:stadiumSound = new stadiumSound();

var venuesSound2:venuesSound = new venuesSound();

var gamesSound2:gamesSound = new gamesSound();

var colourinSound2:colourinSound = new colourinSound();

var trackandfieldSound2:trackandfieldSound = new trackandfieldSound();

trackandfieldpic.addEventListener(MouseEvent.ROLL_OVER, onTrackandfieldPic);

function onTrackandfieldPic(e:MouseEvent):void

{

trackandfieldSound2.play();

}

Adding this code meant when the user hovered over the pictures on each of the venues pages a sound effect would play relating to that sport.

Adding sound to the site

I wanted to add sound to the navigation and buttons on the Venues and Games Pages on my website. I asked my friend James Hogarth who is a presenter on BBC Radio Humberside if he would record the voice overs for me and he he was more than happy to help. I wrote down a list of words I wanted James to read out and emailed them to him so he could record them for me. James recorded them for me and emailed me them back as separate Wav files because I read it is easier to use Wav files in flash than MP3 files. Once I received the files I read up how to import them into flash and then added them to the library. I then clicked on the Wav file in the library which opened up the Sound Properties window and I ticked the Export for ActionScript box in the Linkage part of the window. Then in the Class box I changed for instance homeSound.wav to just homeSound and then in the Compression drop down menu I changed it from default to Speech because I was using someone's voice. I then pressed ok and then added the following code to frame 1 of the actions layer on the Home Page.

stop();

var homeSound1:homeSound = new homeSound();

}

function onHomeClick(e:MouseEvent):void

{

gotoAndStop("Home");

homeSound1.play();

}

home_button.addEventListener(MouseEvent.CLICK, onHomeClick);

So the above code shows when the user clicks on the Home navigation the homeSound1 sound will play which is James's voice saying Home. I then did the same process for the Venues, Games and Colour In pages you can see below the full code.

stop();

var homeSound1:homeSound = new homeSound();

var venuesSound1:venuesSound = new venuesSound();

var gamesSound1:gamesSound = new gamesSound();

var colourinSound1:colourinSound = new colourinSound();

}

function onHomeClick(e:MouseEvent):void

{

gotoAndStop("Home");

homeSound1.play();

}

home_button.addEventListener(MouseEvent.CLICK, onHomeClick);

function onVenuesClick(e:MouseEvent):void

{

gotoAndStop("Venues");

venuesSound1.play();

}

venues_button.addEventListener(MouseEvent.CLICK, onVenuesClick);

function onGamesClick(e:MouseEvent):void

{

gotoAndStop("Games");

gamesSound1.play();

}

games_button.addEventListener(MouseEvent.CLICK, onGamesClick);

function onColourInClick(e:MouseEvent):void

{

gotoAndStop("ColourIn");

colourinSound1.play();

}

colourin_button.addEventListener(MouseEvent.CLICK, onColourInClick);

So with this code added to the navigation when the user clicked on the buttons James's voice would tell them what page they were on. I did the same process for the Venues buttons and Games buttons so when the user clicked on one of the images of the venues or games James's voice would tell them which venue that was or which game they had clicked on. The full code for the Venues is below:

stop();

var stadiumSound1:stadiumSound = new stadiumSound();

var aquacentreSound1:aquacentreSound = new aquacentreSound();

var basketballArenaSound1:basketballarenaSound = new basketballarenaSound();

var basketballSound1:basketballSound = new basketballSound();

var velodromeSound1:velodromeSound = new velodromeSound();

olympicstadium_button.addEventListener(MouseEvent.CLICK, onClick);

function onClick(e:MouseEvent):void {

gotoAndStop(1, "Scene 2");

stadiumSound1.play();

}

aquaticscentre_button.addEventListener(MouseEvent.CLICK, onScene3Click);

function onScene3Click(e:MouseEvent):void {

gotoAndStop(1, "Scene 3");

aquacentreSound1.play();

}

basketballarena_button.addEventListener(MouseEvent.CLICK, onScene5Click);

function onScene5Click(e:MouseEvent):void {

gotoAndStop(1, "Scene 5");

basketballArenaSound1.play();

}

velodrome_button.addEventListener(MouseEvent.CLICK, onScene4Click);

function onScene4Click(e:MouseEvent):void {

gotoAndStop(1, "Scene 4");

velodromeSound1.play();

}

function onNextbutton2Click(e:MouseEvent):void

{

gotoAndStop("Games");

}

And this is the code for the Games page:

stop();

var stadiumSound1:stadiumSound = new stadiumSound();

var aquacentreSound1:aquacentreSound = new aquacentreSound();

var basketballArenaSound1:basketballarenaSound = new basketballarenaSound();

var basketballSound1:basketballSound = new basketballSound();

var velodromeSound1:velodromeSound = new velodromeSound();

olympicstadium_button.addEventListener(MouseEvent.CLICK, onClick);

function onClick(e:MouseEvent):void {

gotoAndStop(1, "Scene 2");

stadiumSound1.play();

}

aquaticscentre_button.addEventListener(MouseEvent.CLICK, onScene3Click);

function onScene3Click(e:MouseEvent):void {

gotoAndStop(1, "Scene 3");

aquacentreSound1.play();

}

basketballarena_button.addEventListener(MouseEvent.CLICK, onScene5Click);

function onScene5Click(e:MouseEvent):void {

gotoAndStop(1, "Scene 5");

basketballArenaSound1.play();

}

velodrome_button.addEventListener(MouseEvent.CLICK, onScene4Click);

function onScene4Click(e:MouseEvent):void {

gotoAndStop(1, "Scene 4");

velodromeSound1.play();

}

Games Page

As with the Venues Page I revamped the Games Page. I took screenshots of the games and then put those images in four boxes like I had on the Venues Page. I then turned each of those images into buttons so when the user clicked on each of the images they would taken to that game. This was done by linking the swf file of each of the games to each of the buttons. So for instance the jigsaw1.swf file was linked to the jigsaw1 image and so on.

Games

I created four games to go on the games page two jigsaws and a quiz plus a word search. I found a tutorial which helped me create the word search because I wanted a word search on the site to help the children learn words associated with the Olympics. I found this pdf online for a book called ActionScript 3.0 Game Programming University by Gary Rosenzweig and followed his step by step tutorial on how to create a word search puzzle. I downloaded the source files from http://flashgameu.com and followed his tutorial to create my own word search puzzle for the website. below are screenshots of my word search puzzle.

Adding Content

I began to add content to the venue pages to explain to the children which event took place in each venue and who was the star of that event and which country they where from. I drew illustrations of my character participating in a sport that took place in each of the venues. I then added text explaining the venue and which event took place there, and text on one of the main stars of that sport ie Usain Bolt for Athletics with an image of him and then next to the image I added the flag of the country he is from which is Jamaica. I did this for each venue so on the Velodrome Page the star is Sir Chris Hoy, on the Aquatic Centre the star is Michael Phelps and for the Basketball Arena the star is USA team player and NBA star Kobe Bryant.

Venues Page

After the feedback I received back from my tutors I decided to revamp the Venues Page. I changed the images of the venues to my own illustrations of the venues because they go better with the style of my site instead of the photos I had used before. I then labelled above each image the name of each venue.

Animating the character

After the meeting and the feedback from the tutors I went away and began to make the alterations to the site. The first thing I did was to get the character to wave on screen. I did this by going into flash and double clicking on the alligator on screen which brought up the properties panel. I then double clicked the character again and this brought up shapes in the properties panel, then I selected just the hand of the character and converted it into a movie clip and called it hand_mc. The next step was to cut the hand from the character and paste it in a new layer underneath layer 1 and call it hand. I then selected the hand and transformed it using the transform selection tool, with the hand selected a dragged the white dot from the centre of the tool to the right corner of the tool with my mouse. Then I added keyframes to both layers going from frame 1 to frame 12 and moved the dot back to its starting position and then added keyframes from frames 12 to 20 on both layers. I then added a classic tween from frames 1 to 12 on the hand layer and then did the same from frames 12 to 20. I then tested it worked and there was no errors so I played it and the character starting waving however the speed was too fast so I just just the speed of the frame to make him wave smoother.

Progress Presentation

On Friday 13th January we had to do a presentation to our tutors to show the progress of our Final Major Projects. I went first and showed my site and the games I had created to my tutors. They said they liked what I had done so far because Flash is a learning curve for me. However they said I should animate the character in some way so he's not static. They also said I should add sounds to the site and voice overs. They suggested I put the pictures in frames like they do on other kids sites like CBeebies for instance. So I have took their feedback onboard and will start to make the changes to my site. I will firstly look at making the character wave by finding a tutorial that I can follow to achieve this.