bioinformatics in motion steffen heber, ncsu leif saul, cu-boulder
TRANSCRIPT
![Page 1: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/1.jpg)
Bioinformatics in Motion
Steffen Heber, NCSULeif Saul, CU-Boulder
![Page 2: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/2.jpg)
Overview
• Background about Animations
• The Bioinformatics in Motion Project
• Conclusions and Future Developments
![Page 3: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/3.jpg)
Educational Animations are Popular!
Algorithm animation in Computer Science
![Page 4: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/4.jpg)
Other Life Science Animations• Biology in motion [http://biologyinmotion.com/]• Biology Animation Library
[http://www.dnalc.org/ddnalc/resources/animations.html]• HHMI’s Biointeractive – Virtual Labs
[http://www.hhmi.org/biointeractive/vlabs/]• Science Animations, Movies & Interactive Tutorial Links
[http://science.nhmccd.edu/BioL/animatio.htm]• Geospiza, Inc. Education [http://www.geospiza.com/outreach/]• Virtual Cell Animation Collection
[http://vcell.ndsu.nodak.edu/animations/]• DNA Microarray Methodology – Flash Animation
[http://www.bio.davidson.edu/Courses/genomics/chip/chip.html]
• Also, often used in software demos, tutorials, and webinars
![Page 5: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/5.jpg)
Common Knowledge?
Educational Animations can …
• directly show changes in form, position, and time
• increase student interest and motivation
• help students to understand and remember information
![Page 6: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/6.jpg)
Student Response
• “I used them to study for the final”
• “yes, to practice how the algorithm works”
• “it helped me to understand, and stay awake”
• “they helped to make the lecture interesting”
• “fun stuff!”
• “probably not, too time consuming”
2Did not respond
1Negative answer
1Indifferent
25Positive answer
Do you feel that algorithm visualization/animationhelped you to learn how algorithms work?
![Page 7: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/7.jpg)
Are Animations Effective?
Just watching does not improve learning
![Page 8: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/8.jpg)
How We Learn from Animations
• Two main information processing channels:visual and auditory
• Learning = active processing in memory
• Limited capacity for info processing
![Page 9: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/9.jpg)
What Makes a “Good” Animation?
Use research based design principles:
• Present animation and narration simultaneously
• Avoid identical streams of printed and spoken words
• Use narration in conversational style • Focus on interactive activities
![Page 10: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/10.jpg)
Bioinformatics in Motion
Develop Flash Animation Modules for undergraduate students. Topics:
• Sequence Alignment• Motif Finding/Discovery• Database Search: BLAST• Genome Rearrangements• Fragment Assembly • Hidden Markov Models
Animations: http://statgen.ncsu.edu/slse/animations/
![Page 11: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/11.jpg)
Workflow
1. Text storyboard– Illustrated with static Flash images– Images developed into animations
A similar approach as used by PIXAR
![Page 12: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/12.jpg)
Why Flash?
• Flash - Benefits include:– Small file size– Plug-in widely distributed– Object-oriented programming
(Actionscript 3)– Visual authoring tools
• Animated programmatically– Static images placed on stage– Transitions encoded in XML– Animations generated at runtime
![Page 13: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/13.jpg)
Project Features
• Static images• Cartoons / metaphors• Animations• Spoken narration• Interactivity• User controls delivery• Instructor controls delivery
![Page 14: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/14.jpg)
Project Features
• Static images• Cartoons / metaphors• Animations• Spoken narration• Interactivity• User controls delivery• Instructor controls delivery• Other resources
![Page 15: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/15.jpg)
User Controls Delivery
• Playback controls• Voice vs. text narration• “Liquid” interface adjusts to
screen size• User feedback
Please send us feedback!
![Page 16: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/16.jpg)
Types of Animation Used
• Changes in size, position, etc.
• Cartoons / metaphors• Visual effects /
enhancements• Computed
![Page 17: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/17.jpg)
Types of Interactivity Used
• Quiz• Exploration / experiment• Game-like (user seeks an optimum)
![Page 18: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/18.jpg)
Some Design Dilemmas
• Continuous “movie” vs. chunks?– Movie: Inviting, easy experience– Chunks: User can choose
• How much narration per step?– Too much: User less in control– Too little: User gets “click” fatigue
![Page 19: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/19.jpg)
Conclusions: Animations …
• are fun! – they increase attention and enthusiasm
• address different learning styles• support teachers, distance education
& independent student learning• work best if interactive• in Flash are time-consuming to
develop
![Page 20: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/20.jpg)
Future Areas of Development
• What material is best taught via animations?
• How to package and integrate animations into class/html documents?
• Can animations adapt to different student needs?
![Page 21: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/21.jpg)
Acknowledgments
Benjamin Wheeler, NCSU
![Page 22: Bioinformatics in Motion Steffen Heber, NCSU Leif Saul, CU-Boulder](https://reader036.vdocument.in/reader036/viewer/2022062322/56649e185503460f94b03b47/html5/thumbnails/22.jpg)
Questions?
Animations: http://statgen.ncsu.edu/slse/animations/