HTML Web Authoring

Today we have started our new subject, Web Authoring (Unit 59) For this we will have the opportunity to develop our media history and research through writing and communication skills.

The notes i took in class today were, A category of software that enables the user to develop a Web site in a desktop publishing format. The software will generate the required HTML coding for the layout of the Web pages based on what the user designs. Typically, the user can toggle back and forth between the graphical design and the HTML code and make changes to the Web page in either the design of the accompanying code.

To design and create a Web site, from writing the site's underlying code to writing the text to managing the site's upkeep.

Veiwer FeedBack

Once it was complete and uploaded to youtube it was time for the critisism. The first thing that stuck out of the sheets were (1887 not 1987) as i had mannaged to misstype the title sequence of one of my slided as the wrong date. However it was too late to change it as i had the evalutation to write aswell as the rest of the post production. The most common feedback that i got was the way it was nice too look at and the info was in bitesize chunks made it easyer for the veiwer to understand.

The ratings out of 10 from 10 different reveiws was.
The ratings were as followes 7, 8, 6, 8, 7, 9, 8, 7, 7, 8
Thus making the average 7.5 out of 10. Not a bad mark for the first time i ever used flash.

Adding the Audio

Now that i had complete the animation it was time to add some audio. The first thing that came into my head when i though "Animation/ History" was mozart, Im not sure why but it just seemed to fit the idea. Once i had added that i needed the audio for a train so that it came to life. This was not easy to get hold of as i needed a sound effect not a recording. And then inorder to get the birds tweeting in the background i simply took a sample off the internet.

Creating the Animation

Now it was time to create the animation. The first this I did was scan in my sketched of how I wanted the animation to look, then looking at those designs more closely I added more detail and altered them to how I though was necessary, However in doing this I managed to get myself lost amongst the midst of design, Spending what must have been no less than a couple of hours on each slide making it perfect when in actual fact that’s not what’s seen as "Important" So I managed to waste allot of time creating the first two slides in complete 3D as well as a train that would have been way to complicated to even continue throughout the rest of the animation, in realizing this I decided to scrap the whole thing and start again with a very basic design and very basic train however as I got further into this I again went off track spending much more time than needed creating an "Eifel Tower" Completely un-necessary however visually immaculate.

More Pre-Production for the 2D animation

After i had complete the script for my 2D animation it was time to create the final detailed storyboard for it. To do this i looked at the three of my origional designes and chose the one that i though would best work for me and create a more origional animation than some other ideas i had come up with that were already in use by other students.

The design i decided to go with was the train. For this i would have a train rolling through the stations of time indication the different time zones when each key animation was created, who by and a GIF file of the device to show how it worked without the extra text that would be required to do so.

The first thing i did was assign each peice of infomation to an idea i had in my head of what that should look like. What i then came up with was three different station designs and three inbetween scenes to give the veiwer a break from infomation overload. (as its aimed at a younger audiece)

2d Animation

Creating the script for my animation was the first thing i had to bare in mind before i actually created so i could work out in my head roughly how long each slide needed to be. So to do this i decided to look at the reasearch i had done in the history of animation and use that as a guidline throughout my slide, for example. i used the detailes included in the research such as, Pictures, Names and year. Also i included a breif of how some of them were used and how they worked. The basic script for this was as followes.

“The History of animation.”

Scene 1.

}  The first successful animation device was the Phenakistoscope, although there were many other illusion toys at the time, the Phenakistoscope used pictures on one side that when spun could be viewed from a slit on the opposite side, creating the illusion of movement (animation) .

Scene 2.

}  It was two year later that William Horner released the zoetrope.  Horner had originally named it the Daedalum however it was released as the zoetrope.

}  This device was based on joseph plateau's Phenakistoscope, But instead of using a mirror with only one viewing hole, Horner's device allowed multiple viewer's at the same time. The zoetrope worked by having equally spaced slots around the outside, then once the drum is spun the pictures would spin, the faster the drum was spun the smoother the images would appear to move.

Scene 3.

}  It was not until 1879, 40 years after the zoetrope was invented, that Emile Reynaud invented the praxinoscope. The praxinoscope was An optical toy that would give the illusion of movement to characters in a setting,  the only difference from the Zoetrope was the fact that you viewed the images through mirrors in the centre of the device instead of through slots in the sides.

Scene 4.

}  1894 is when the animation industry really began, with Thomas Edison's invention of the kinetoscope. The kinetoscope was a projector that had images on glass, it works by  conveying a strip of film with sequential images over a light source with a high speed shutter.  When in action the kinetoscope would project the images creating the illusion of movement.

Scene 5.

}  In 1894 Another peepshow device similar to the kinetoscope arrived. The Mutoscope invented by Herman Casler worked using a flip-card device to provide the motion picture.

}  Needing a camera he turned to his friend W.K.L Dickson who, unhappy at the Edison Company cooperates and with several others they form the American Mutoscope Company.

Obviosuly when it came to making the final infomation some of the detail was cut down inorder to fit it the the time guide i had (60 seconds) Also only three of the selected 5 were used in the final peice.

Todays Lesson

Continuing with the work set in class, today i started on my detailed storyboard. This contains High detail images of exactly what’s going to be in my animation. for example the first scene is going to be the title page, saying "The History of animation By Zach Stewart" The following scene is placed at a train station with information graffiti’d onto the wall, then thirdly is a train rolling on the track with images in the background related to animation history in the decade of the device. This pattern continues throughout.