PowerPoint using Animation PowerPoint using Animation or Videoor Video——A How ToA How To

The old days: Static overheads, bad handwriting, The old days: Static overheads, bad handwriting, scribbles for drawings, students scribbles for drawings, students waiting impatiently waiting impatiently

while you take foreverwhile you take forever to carefully thread the to carefully thread the projector.projector.

Then the initial PowerPoint breakthroughThen the initial PowerPoint breakthrough-- and the and the thethestudents students waiting impatiently while you take forever to waiting impatiently while you take forever to minimize PPT and carefully open a separate program minimize PPT and carefully open a separate program

to show a digital videoto show a digital video……..Today: now it is more Today: now it is more seemlessseemless; one click and the ; one click and the

video starts playingvideo starts playing……WHAT A RELIEF!WHAT A RELIEF!

AND WE CAN MAKE OUR OWN ANIMATIONS to AND WE CAN MAKE OUR OWN ANIMATIONS to replace static overheads or slidesreplace static overheads or slides

My My FCQsFCQs scores have increasedscores have increasedin part due to incorporating animations & in part due to incorporating animations &

video in PowerPoint lectures. video in PowerPoint lectures. Clarity and increased student Clarity and increased student

comprehension comprehension

see data in, more details:see data in, more details:http://www.lifescied.org/cgi/content/full/3/3/181?maxtoshow=&HIThttp://www.lifescied.org/cgi/content/full/3/3/181?maxtoshow=&HITS=10&hits=10&RS=10&hits=10&RESULTFORMAT=&author1=Stith%2C+BJ&andorexactfulltext=and&searchidESULTFORMAT=&author1=Stith%2C+BJ&andorexactfulltext=and&searchid=1&FIR=1&FIR

STINDEX=0&sortspec=relevance&resourcetype=HWCITSTINDEX=0&sortspec=relevance&resourcetype=HWCIT

Animation and PowerPointAnimation and PowerPoint……1. PowerPoint itself can animate2. Animated Gif- simple, easy3. FLASH- complicated, the standard4. Movie/video5. 3-D animation (like Pixar/Disney films)-forget it

• To insert animation into PPT 2003: go to the Insert menu, Point to Movies and Sounds, and then click Movie from File.

• Latest version of PPT is 2003 (2002, 2000 have fewer abilities)

WATCH OUT!! • In front of very famous people, or faculty-eating

students, you find that the talk you made on your office desktop will not play the video when you use a laptop in the lecture hall.

• Animation/movie files are automatically linked to your presentation but they are not embedded inside it like pictures or drawings.

• To embed animation files: Use “Package for CD”under File menu to include all linked files. Also, a PowerPoint Viewer is included by default on the CD and will run the packaged presentations on another computer even if PowerPoint is not installed.

• Note This feature was called Pack and Go in previous versions of PowerPoint.

1. Use of PowerPoint Animation1. Use of PowerPoint Animation• Tutorial:• http://office.microsoft.com/training/training.aspx?

AssetID=RC060786731033

• To insert a link to the web…go to web site, copy (Ctl-C) and then paste (Ctl-V) into slide. Then highlight link and go to Insert, and thenHyperlink

• Need wifi for your laptop (don’t trust classroom cable)

1. PPT animation: PI TURNOVER1. PPT animation: PI TURNOVER

Src

P-

PLCγP-

P-

PIP2DAG

Ca2+

IP3IP3 Receptor

Sperm Receptor

OH

E.R.

2. Animated GIF2. Animated GIF--• Though not technically movies, animated

GIFs contain multiple images which stream to create an animation effect.

• An animated GIF can loop endlessly• are not scalable, and can produce very large

files. • However, gif animations are much easier to

develop than those with FLASH • To view them, you have to use Internet

Explorer not a picture viewer (right click on gif file and choose use of Int Explorer).

ExamplesExamples……• Dr. Donald Slish of State University of New

York–Plattsburgh has discussed their use (Slish, 2000) and provides many useful examples (http://faculty.plattsburgh.edu/donald.slish/animations.html).

• In addition, Dr. Steve Berg of Winona State University maintains a large number of gif animations for cell biology (http://bio.winona.msus.edu/berg/ANIMTNS/Directry.htm).

Because of the value of the animation, Because of the value of the animation, the ease of development of gif animation, the ease of development of gif animation, and the skills developed while teaching and the skills developed while teaching

other students, some biology instructors other students, some biology instructors have made development of a simple gif have made development of a simple gif

animation into a required exercise.animation into a required exercise.

Free trial of Free trial of ““Gif animatorGif animator”” by by UleadUlead

• http://www.ulead.com/download/download.htm

3. The Standard: Macromedia's FLASH3. The Standard: Macromedia's FLASH((http://http://www.macromedia.comwww.macromedia.com/software/flash//software/flash/) )

examples examples http://http://carbon.cudenver.edu/~bcarbon.cudenver.edu/~bstithstith/cellcrawl/cellcrawl

ing.swfing.swf

http://carbon.cudenver.edu/~bhttp://carbon.cudenver.edu/~bstithstith/fert%20wave.swf/fert%20wave.swf; ;

• Post FLASH animation to web site, then put a link to the web site in your PPT slide

OR if animation file on your hard drive…• Right click on animation file and select “Create Shortcut”• Right click on Shortcut, click Properties, and copy the

address line (highlighted in blue) (Ctl-C)• Add link to PPT slide and remove quotation“ marks- click

on it to show animation-• Highlight and click “Insert,” then “Hyperlink” then insert

copied address (removing any “)• C:\Documents and Settings\Owner\Desktop\BRAD\endo

exocytosis.swf

• See also: http://office.microsoft.com/en-us/assistance/HA010348071033.aspx

• You make a starting figure and and ending figure, and the program makes all “in between” animation shapes ("tweening“)

• FLASH can rapidly import a series of photomicrographs to produce a time-lapse movie (see the FLASH swf movie embedded in the following Web site: http://carbon.cudenver.edu/~bstith/waverot.htm(right click on video to control it).

• TAKES LOT OF TIME (tough to learn, 10 hours effort per one minute animation) – students from Coll Arts Media can help…

• To play FLASH animations, you need a plug in: the Shockwave player, and it is free (http://sdc.shockwave.com/shockwave/download/download.cgi?&P5_Language=English).

PowerPoint and PowerPoint and ““MoviesMovies””• "Movies" are desktop video files with

formats such as AVI, QuickTime, and MPEG, and file extensions such as .avi, .mov, .qt, .mpg, and .mpeg.

• You cannot add a clip from a DVD to your PPT show unless you use another program such as PFCMedia

Video of lab procedure, clip from Video of lab procedure, clip from popular movie, or science filmpopular movie, or science film

1. Tape movie from TV on VHS or directly by digital movie camera (copy from DVD….)

2. Transfer to computer through iLINK3. Edit on computer; add title, cuts, dissolves,

etc. Movie Maker software for Windows XP is available free from Microsoft.

4. Transfer to laptop for classroom: burn onto CD (choose file type- mpeg) or DVD (stand alone- not linked to PPT)

5. If a mpeg file on hard drive, use a Link in a PPT slide

DonDon’’t expect Hollywood quality; files are t expect Hollywood quality; files are huge huge

see Lorenzosee Lorenzo’’s Oil clips Oil clip…………

You can test a movie to see if it will play You can test a movie to see if it will play in PPTin PPT-- test with Windows Media Player. test with Windows Media Player.

If the movie doesn't play, Windows Media Player gives If the movie doesn't play, Windows Media Player gives you detailed error messages and a Help link that can you detailed error messages and a Help link that can

help you troubleshoot the problem. help you troubleshoot the problem.

1. Clutch 1. Clutch Model for Model for

Cell CrawlingCell Crawling--tough for tough for

students to students to followfollow

FLASH Animation shows motionFLASH Animation shows motion……..(developed after taking a couple of (developed after taking a couple of FLASH coursesFLASH courses……but like a foreign but like a foreign language, if you donlanguage, if you don’’t use it daily, t use it daily,

the animation takes foreverthe animation takes forever…….).)• http://carbon.cudenver.edu/~bstith/cellcra

wling.swf

2. Method:2. Method:Freeze Fracture Freeze Fracture

(what is E face and (what is E face and P face? From P face? From

same cell?same cell?

FLASH Animation showing FLASH Animation showing two cells are shown in two cells are shown in

Freeze FractureFreeze Fracture……(developed with (developed with CollColl Arts & Arts & Media Student Arthur Lam)Media Student Arthur Lam)

http://carbon.cudenver.edu/~bstithhttp://carbon.cudenver.edu/~bstith/cell.swf/cell.swf

3. From 3. From DevelDevel. . BiolBiol: The : The WntWnt Pathway:Pathway:1.Extracellular 1.Extracellular ligandligand WntWnt binding to its membrane receptor binding to its membrane receptor (frizzled) followed by activation of the receptor. (frizzled) followed by activation of the receptor. 2. The receptor in turn activates (shown by 2. The receptor in turn activates (shown by →→) the ) the intracellular protein disheveled intracellular protein disheveled 3. which then inhibits (==|) glycogen 3. which then inhibits (==|) glycogen synthasesynthase kinase 3 kinase 3 (GSK(GSK--3). 3). 4. Once GSK4. Once GSK--3 is inhibited, it can no longer induce the 3 is inhibited, it can no longer induce the destruction of betadestruction of beta--catenin. catenin.

OR (OR (wow! I am using visual aidwow! I am using visual aid!!)!!)-- From From Developmental Developmental BiologyBiology by Gilbert:by Gilbert:

WntWnt →→ Frizzled Frizzled →→ Disheveled ==|GSKDisheveled ==|GSK--3 ==|Beta3 ==|Beta--catenin.catenin.

Students this Students this WntWnt leads to inhibition of betaleads to inhibition of beta--catenin catenin

FLASH animation of FLASH animation of WntWnt Path Path (from Dr. Randy Moon, (from Dr. Randy Moon, UnivUniv Wash)Wash)• http://faculty.washington.edu/rtmoon/movies/cell.

swf• Not perfect, but emphasizes that Wnt leads to

increased Beta Catenin…• This is one FLASH animation that you can steal

and put on your hard drive (note the URL has a .swf ending; this is a flash file that is not embedded in a htm file; if the flash file IS embedded, it is tough to steal it). Rt click on link to save the animation.

• Note that the FLASH file is small – only 42kB.

4. 4. ApoptosisApoptosis……too much in too much in

one figure so one figure so cover part cover part (use (use DrawDraw

toolbar, alter toolbar, alter transparency)transparency)

……but still too but still too complicatedcomplicated

An .An .aviavi animation file on Apoptosis animation file on Apoptosis path involving path involving TrophicTrophic FactorsFactors

• http://carbon.cudenver.edu/~bstith/apoptosis.avi

5. How the Resting Membrane 5. How the Resting Membrane Potential develops Potential develops

• [K] is high inside the cell (due to the NaK pump)

• K+ channels are a bit more open than channels of other ions (e.g., Na+ and Cl- channels are mostly closed)

• K+ moves out of the cell from high to low concentration –movement of the + ion out makes the cytoplasm NEGATIVE (and NOW THE TOUGH PART…)

• K+ EFFLUX STOPS WHEN ELECTRICAL AND CONCENTRATION GRADIENTS ARE EQUAL AND OPPOSITE

Fig. 13Fig. 13--4 Figure from Text (World 4 Figure from Text (World of the Cell)of the Cell)

Animation of Development of Resting Animation of Development of Resting (Equilibrium) Membrane Potential(Equilibrium) Membrane Potential

• K Channels open, K+ moves due to DIFFUSION FORCE (see arrow).

• Then the developing membrane potential FIGHTS further K movement. THIS IS THE ELECTRICAL FORCE.

• At the end of the animation, K is in equilibrium (diffusion and electrical forces are equal and opposite).

• THE ANIMATION SHOWS THE SHRINKING OF THE DIFFUSION FORCE (arrow shrinks in size) AND GROWTH OF THE ELECTRICAL FORCE (arrow grows) UNTIL THE TWO ARROWS ARE EQUAL and OPPOSITE.

• Click here for the animated gif (100 KB).

Animations are not needed for all Animations are not needed for all static illustrationsstatic illustrations……Animations do not produce miracles; Animations do not produce miracles; but studies suggest an increase of 15but studies suggest an increase of 15--20% in correct answers 20% in correct answers on certain on certain questionsquestions when animation was usedwhen animation was used(questions on topics involving motion, (questions on topics involving motion, location within cell, multiple steps, location within cell, multiple steps, etc) etc) Are we all (in part) visual learners?Are we all (in part) visual learners?

Remember that you can often take Remember that you can often take animations off the web; animations off the web;

• Google search with key word and “animation”

• Right click on the animation link and select Save Target As or Save Picture As to put on your hard drive.

• http://faculty.plattsburgh.edu/donald.slish/animations.html

• Does not work if you save htm file not original swf or gif file (try using MS Front Page)

Vocabulary• AVI- Windows AVI provides the capability to develop animation files that can be included in multimedia

presentations and as part of WWW pages. The files (which end with an .avi extension) require a special player.• compression- method for making file size smaller and therefore easier/quicker to transfer• GIF- (Graphics Interchange Format) developed by Compuserve. standard image format (along with JPEG) for the

WWW.Technically, a GIF uses the 2D raster data type, is encoded in binary, and uses LZW compression. There are two versions of the format, 87a and 89a. Version 89a (July, 1989) allows for the possibility of an animated GIF, which is a short sequence of images within a single GIF file. A GIF89a can also be specified for interlaced presentation.

• JPEG- is a graphic image created by choosing from a range of compression qualities. When you create a JPEG or convert an image from another format to a JPEG, you are asked to specify the quality of image you want. Since the highest quality results in the largest file, you can make a trade-off between image quality and file size. Formally, the JPEG file format is ISO standard 10918.

• Kb- kilobyte a measure of computer memory or storage, a kilobyte (KB or Kbyte*) is approximately a thousand bytes (actually, 2 to the 10th power, or decimal 1,024 bytes).

• Mb- megabyte as a measure of computer processor storage and real and virtual memory, a megabyte (abbreviated MB) is 2 to the 20th power bytes, or 1,048,576 bytes in decimal notation.

• morph- artificial animation by running a sequence of images together.• MPEG- (Moving Picture Experts Group) a movie format.MPEG (pronounced EHM-pehg), the Moving Picture

Experts Group, develops standards for digital video and digital audio compression. It operates under the auspices of the International Organization for Standardization (ISO). The MPEG standards are an evolving series, each designed for a different purpose. (Note that .mp3 file suffixes indicate MP3 (MPEG-1 audio layer-3) files, not MPEG-3 standard files.) You can download shareware or commercial MPEG players from a number of sites on the Web.For additional information, see About MPEG on the official MPEG Committee Web site. An illustrated Overview of the MPEG-4 Version 1 Standard is available.

• Plug-in- applications are programs that can easily be installed and used as part of your Web browser. A plug-in application is recognized automatically by the browser and its function is integrated into the main HTML file that is being presented.

• PNG-A patent-free replacement for the GIF, the PNG format, has been developed by an Internet committee and major browsers will soon be supporting it.

• Quicktime- is a multimedia development, storage, and playback technology from Apple for all platforms that combine sound, text, animation, and video in a single file. Using a Quicktime player that either comes with a WWW browser or can be downloaded from Apple or the browser company, you can view and control brief multimedia sequences. Quicktime files can be recognized by their file name extensions: qt, mov, and moov.

• Shockwave- developed by Macromedia, is a family of multimedia players. WWW users can download the Shockwave players (Windows and Mac) from the Macromedia site and use it to display and hear Shockwave files.

• streaming- means that movies or sounds play as they arrive and you do not have to wait until the complete file downloads to view of hear.

EndEnd

PP2 SRC INHIBITORPP2 SRC INHIBITORPP3 AS A CONTROLPP3 AS A CONTROL

Src

PLCγ

PIP2

IP3IP3 Receptor

Sperm Receptor

E.R.PP2

IP3