Transcript The PowerPoint slides - University of Evansville Faculty Web sites

The Begetting of Information
Literacy Tutorials: Third-Wave
Tutorials for the iPod
Generation
Susan Metcalf
Meg @+H2O-Singer
University of Southern Indiana
[email protected]
University of Evansville
[email protected]
Boston, MA
UEL Webmaster
•
•
•
•
•
•
I’m it!
XHTML
CSS
JavaScript
Photoshop
Patience
TILT
Good TILT
• Games
• Live searches of catalog & databases
• Quizzes gave instant feedback
– Faculty could assign as graded exercise
• More advanced library sessions
Bad TILT
• Length of Modules
• Frames
• 2 versions to maintain (Flash & NF)
Searchpath
Searchpath
Searchpath
•
•
•
•
•
3 Modules  6 Modules
Added content & Flash animations
Freed from Frames (except quizzes)
Rewrote Quizzes into PHP
1 version – Flash but with NF options
inflite
inflite
inflite
• 6 Modules – no numbers
– Research = continuous process
• More Flash animations
Design over Time
• Frames  Frameless
• HTML  XHTML
• CSS
– Separating content from design
Frames History
• Released January 1996
• Netscape feature
• Soon supported by other browsers
Frames
Frames
Top Frame
Content Frame
Bottom Frame
Quiz Frames
Quiz Frames
Other Sites that Frame
•
•
•
•
This American Life
Google Images
About.com
WorldCat
HTML  XHTML
• Extensible HyperText Markup Language
• HTML reformulated & extended in XML
• Device-independent
– Code page once and it can be viewed on
PCs, tablets, PDAs, cell phones, etc.
• Interoperable with other XML languages
XHTML for inflite
• Added Document Types
• Replaced Depreciated Tags
• Removed Design tags
– Font tags
– Color
• Validated XHTML
CSS @ UE
• Separates Design from Content
CSS
CSS
CSS
CSS
CSS
CSS
CSS
CSS @ UE
• Separates Design from Content
• Easier to edit
– 1 files v. 1000 files
– Backgrounds
– Links
– Headings
• Different styles for printing, handheld, tv,
aural, Braille, etc.
Accessibility
• Everyone Can Use Website
– Slow connections
– Screen reading devices
– Mobile surfing
• Non-Flash versions
• No fixed font size – scalable
Usability
• Ease-of-use/quality of interface design
– Learnability
– Efficiency
– Memorability
– Errors
– Satisfaction
http://www.useit.com/alertbox/20030825.html
Usability
• People LEAVE a website if
– Difficult to use
– Hard to read
– Get lost
– Unclear
• Test – students attempting representative
tasks
http://www.useit.com/alertbox/20030825.html
Usability Testing does NOT
test the user!
It tests the product!
Usability
• IUPUI librarian/expert user
• Rename buttons
Usability
• Renamed buttons
Can Students Use inflite?
•
•
•
•
Good Question!
Few studies on TILT, Searchpath or inflite
Summer project
Goals
– Navigate through modules
– Skip to games
– Take quizzes
Customize
• How’d they do that?
Customize
• Local Branding
– Your Catalog
– Your Database of choice
– School Colors
• Time = 2 weeks
• Online Catalog module – most challenging
High-Tech to Low-Tech
From web-authoring skills to
web-publishing software
html coding
XML
XHTML
cascading style sheets
Microsoft
MovieMaker
Penn State’s The Information Cycle
as benchmark:
http://www.libraries.psu.edu/instruction/infocyle.htm
Penn State’s The Information Cycle
as benchmark:
Given a staff of one,
• what can be created along the lines of The Information Cycle?
• can it be created in Breeze instead of with Flash,
Dreamweaver and Fireworks?
• can it be shorter?
• can it be made easy to update?
• can one easily create and insert an entertaining video clip?
Demos:
Microsoft
MovieMaker
Roller Coaster “movie trailer”
created with Microsoft Movie Maker
Click for video ↑
Research Roller Coasters: using a variety of
sources (geared to first-year students)
Research Roller Coasters
Click for tutorial ↑
How did they compare?
The
Information Cycle
Research
Roller Coasters
Software
Flash, Dreamweaver and
Fireworks
PowerPoint and
Breeze Presenter
Length
9 minutes
3.44 minutes
Production time
6-months
3 weeks
Staff
2 content developers
1 designer
1 program developer
1 librarian
Resulting
product
High quality
Still in the experimental stages,
but has potential
Somewhat dated:
Subject: Columbine
(last updated 2004)
Easy to update graphics and audio
Current Topic: Hurricane Katrina
Update time: less than 1 hour
Updatable
When is Flash a breeze?
• When one uses Breeze Presenter to
convert a PowerPoint presentation to
a Flash movie.
How does
Breeze Presenter work?
• Create slides in PowerPoint
• Record audio narration
• Listen and edit narration as needed
• Publish to the hard-drive or Breeze Server for web access
4 basic features: 1. Record Audio
2. Publish
3. Insert Flash
4. Create Quizzes
Any added notes will serve
as a script when you are
ready to record.
When is Breeze not a breeze?
Microsoft
MovieMaker
Supposedly one can easily
insert Flash video into Breeze.
If one creates a video Microsoft Movie Maker (like the roller coaster clip)
and then attempts to insert that video into a PowerPoint presentation and publish
In Breeze, numerous problems may arise:
• Continuous looping of the video and problems getting the video to stop
without hitting Ctrl Alt Del
• PowerPoint slides would rearrange themselves in the Slide Sorter View
• The video would not reset itself back to the beginning until the
presentation was closed and reopened
Sample quiz created in Breeze
How much is it?
• Breeze Presenter
- Unclear. See Macromedia Breeze’s website
http://www.adobe.com/education/purchasing/ed
ucation_pricing.html
• Captivate
- Education pricing: $199.00
How does
Captivate work?
Capture screen shots of every mouse click made while
simultaneously narrating the steps for the viewer
Embed interactive content in a Breeze presentation or
Captivate can stand alone
Publish to the hard-drive or Breeze Server for web access
As with Breeze, there is also a quiz feature
After the countdown, start
recording your mouse clicks
as you narrate what you are doing.
When you’ve finished recording,
press the End key.
Sample video created with Captivate:
Citing from EBSCO databases
Game to try?
• Captivate
- Education pricing: $199.00
• Check with your campus’s IT services. They
may have software they’ve purchased for
faculty use.
• See handout for URLS to free trial downloads
for both Breeze Presenter and Captivate.
What’s it take?
Courage
Patience
Skill
Software
Creativity
html editing
cSS
XHTML
Thank You!
Meg Atwater-Singer
[email protected]
Susan Metcalf
[email protected]
Presentation available at:
http://faculty.evansville.edu/ma35/loex.html
Bibliography – Photograph credits and video permission
Music CD
Bachman-Turn Overdrive. “Takin’ Care of
Business.” A Knights Tale [Movie
Soundtrack], Sony, 2001.
Note: Music, lyrics, and music video: “up
to 10 percent of the work but no more
than 30 seconds of the music or lyrics
from an individual musical work,”
University of Maryland University College,
http://www.umuc.edu/library/copy.html
All images accessed March 29, 2006
Bibliography
TILT Project Development and Acknowledgements. (n.d.). Retrieved April 27, 2006, from
http://tilt.lib.utsystem.edu/resources/devt.html
Nielsen, J. (2003, Aug 25). Usability 101: Introduction to Usability. Retrieved April 27, 2006,
from http://www.useit.com/alertbox/20030825.html
Atwater-Singer, M. (2005). How did they do that? Retrieved April 30, 2006, from
http://libraries.evansville.edu/inflite/how.html
Related Links
Penn State’s Information Cycle www.libraries.psu.edu/instruction/infocycle/infocycle.html
Creative Commons http://creativecommons.org/
“Creative Commons is a nonprofit organization that offers flexible copyright licenses
for creative works.”
Flickr (Photo-sharing) http://www.flickr.com/creativecommons/
Video conversion software to convert .wmv to .swf (flash) video
Sorenson Squeeze’s 30-day trial at http://www.sorensonmedia.com/