Meeting at Croxby Primary School

I got in contact with my Nephews Primary school to see if I could go in and speak to a teacher about what I should include on my site. I wanted to find out from someone who worked with children what they thought I should include on the site. I also wanted to get some feedback on my site so far. The School got back to me and I arranged to go in and see the ICT Teacher Natalie Snow to get some feedback. I drew up some questions to ask Natalie regarding things I should include on the site to keep the attention of the children. I showed Natalie what I'd done on the site so far and the quiz and jigsaw I had created. I got some good feedback from Natalie she liked the site and the colours I had used. Natalie also gave me some suggestions of things I could add on the site like a maths game and word game for the children to play. She also said I shouldn't have too much text on the site because not all the children would read it. She also suggested changing the colours of the ribbons on the medals to a brighter colour. She also suggested adding another page called Making Things were the children could be shown how to make their own medals.

We also discussed in the meeting about me testing the finished site at the school with a group of children. The school agreed to let me go in once the site was finished and get a group of 12 children aged between 4 and 7 to test it. I said to Natalie I would keep her update with the progress of the site by getting in touch with her when I had completed certain tasks.

Design of the site (Continued)

Once I added the logo to the site I began adding content to the venues page. I added four images of the Olympic Stadium, Aquatic Centre, Velodrome and Basketball Arena. My next step is to make these images into buttons and then link them to a new scene where I will have a page that goes with that button. So each venue as its own page containing information on the sports that feature in that chosen venue.

Logo

I decided to change the logo because I wasn't happy with it so I went back to the drawing board. I wanted the logo to stand out but also appeal to Kids. So I used bright colours and a bold font I included the colours of the olympic rings in the logo as well. So Black, Blue, Red, Yellow and Green because these are the colours of the olympic rings. Below is the logo I have created for my site and what it looks like on my site.

Creating Backgrounds

My next step was to draw the backgrounds for each of the venues. I want the user to click on a picture on the venues page that then takes them to a new page telling them about the sports that are featured at that venue. So I began to draw the backgrounds of the other venues in Adobe illustrator as I had done with the stadium background. Below are my backgrounds I've drawn so far for the Aquatics Centre, Basketball Arena and Velodrome. I intend to

have 4 or 6 venues on the venues page.

Design of the site (Continued)

Once I had created the navigation I added content to each of the pages. I added the background to each frame of the site so in the frames panel I added 3 frames so the frames went up to 4 because that's how many pages I had. I did the same with the navigation so it span 4 frames and then created a new layer and called it contents and did the same. I then added text to all of the pages so I could see if the navigation worked on each page. To get the navigation to work I added an actions layer and made that span 4 frames and typed in the following code in actions panel in the first frame.

stop()

function onHomeClick(e:MouseEvent):void{

gotoAndStop("Home")

}

home_button.addEventListener(MouseEvent.CLICK, onHomeClick);

function onVenuesClick(e:MouseEvent):void{

gotoAndStop("Venues")

}

venues_button.addEventListener(MouseEvent.CLICK, onVenuesClick);

function onGamesClick(e:MouseEvent):void{

gotoAndStop("Games")

}

games_button.addEventListener(MouseEvent.CLICK, onGamesClick);

function onColourInClick(e:MouseEvent):void{

gotoAndStop("ColourIn")

}

colourin_button.addEventListener(MouseEvent.CLICK, onColourInClick);

Once this code had been added I tested the site to see if it worked and it did.

Design of the site (Continued)

Once I had drawn the background for the home page I began to create the site in flash. I drew some medals and imported them into the library in flash. I then made the medals into buttons and labelled them Home, Venues, Games and Colour In and gave them the same instance names in the properties panel. I then clicked on each button and in the Up, Over, Down and Hit panel I changed the colour of the medal so it changed from Bronze to Silver and then Gold when the mouse hovered or clicked on it. Below is a screenshot of the Olympic Stadium background with the medals on top of it.