[Typo3-doc] Creating demo/howto videos with Flash

[Georg Rehfeld]

Hi all,

Michael Stucki wrote:

> I'd like to introduce a very nice program for creating videos and
> demonstrations in Flash. It's name is Wink and it is free of charge.
> 
> See how Wink works:
> http://www.web-consulting.at/fileadmin/wink/tutorial.htm

Wink really seems to be very well suited to create tutorials, better
than videos IMHO. I especially like the feature, that the animation
stops on text boxes (by default), so that the viewer has all the time
he/she needs to understand, what is intended and what happens. With
videos and sound, when somthing goes too fast for the viewer, he/she has
a hard time to repeat the right sequence.

I'm interested to create some tutorials for Typo3. I plan to do some
tutorials for my customers anyway (although in german). But I think
it might be not too much effort to do them also in english.

My first 3 Tutorials can be seen for a limited time at

http://www.georg-rehfeld.de/test/Create_a_page_TV.html     540kb
http://www.georg-rehfeld.de/test/Create_a_page_TV2.html    570kb
http://www.georg-rehfeld.de/test/Create_a_page_TV3.html    620kb

They are far from beeing perfect, they are in german and tailored
specifically for my customer, but a first impression.

Some lessions I learned from my mistakes with these first tutorials:

- use a capture size visible in most browsers (especially free
   Opera with the advertising banner puts a height limit). As the typo3
   backend hardly fits into 800x600 I used 1024x768 screen resolution.
   Then a capture size of 990x560 should not be exceeded.

- when clicking somewhere and moving the mouse somewhere else over the
   new content, follow this procedure for a nicely animated tutorial
   1. wait until the tooltip/title content becomes visible
   2. take a shot, which captures the tooltip then
   3. click and wait, until all changing content was rendered; don't
      move the mouse yet or only slightly
   4. take a second shot (with the new content and the mouse still at the
      click position)
   5. move the mouse to the next position of interest
   6. take a third shot

   Later, when editing the tutorial:
   1. put a textbox on the frame with the first shot explaining why
      the viewer should click that spot, the animation will stop there,
      until the viewer understood and is ready to continue
   2. put no textbox on the second shot, but instead a reasonable delay
      (0.5 - 1 sec, depending on the distance the mouse moves). In the
      finished animation the mouse will now move from the click spot to
      the new place of interest _over the new content_
   3. put a textbox on the third shot explaining the meaning of the
      new location of interest or the next action/click to carry out.
      The finished animation will stop here again

   If you leave out the second shot (as I did in my tuts) the animation
   will look unnatural: the mouse moves for a second over the _old_
   content, then suddenly the new content will become visible with the
   mouse already at the new location of interest.

Now I want to know: WHAT shall I document first?

regards

Georg
-- 
  ___   ___
| + | |__    Georg Rehfeld      Woltmanstr. 12     20097 Hamburg
|_|_\ |___   georg.rehfeld.nospam at gmx.de    +49 (40) 23 53 27 10