Embed Size (px)
Citation preview
Designing web-based materials
CALL Jan 28http://goo.gl/qMyLx
Housekeeping• Wikis – questions, comments?• Presentation & wiki schedule (on Wiki)• Presentations on Slideshare (and BB Learn)
Three activity types1. WebQuests2. Hot Potatoes3. Digital Storytelling
WebQuests• Emerged in 1995: Bernie Dodge • Activities based around learner-
centered discoveries. • Usually an ordered series of webpages
with links to outside information. The students read and explore (preselected) information to help them solve a task.
WebquestsSix components (Dodge, 1997): 1. Introduction2. Task3. Process4. Resources5. Evaluation (later – guidance)6. Conclusion
WebQuests• Can be long or short-term (focus on different
skills).• Can be individual or group tasks (group often
divided into specific roles).Issues: • WebQuests based around static websites (limited
interactivity).• Product of Quest often written report or oral
presentation (no collaboration, limited negotiation of meaning, etc.).
• Meaningful communication in tasks?
WebQuestsEasily create a WebQuest (use your Google account and create a Google site): • Tutorial• A PDF tutorial• WebQuest Template for Google Sites• Sample WebQuest (Google Site)
Hot Potatoes:• Series of six tools to create language learning
activities (i.e., exercises). • Once created, you can embed the activities in
your own webspace. • Activities: multiple-choice, short-answer, jumbled-
sentence, crossword, matching/ordering, and gap-fill exercises.
• Also see Quandary (i.e., choose your own adventure)
Let’s try it out• Work with a partner• Go to the website (download the Java version, if
it’s not already on your computer)• Create an activity using one of the activity types. • Save and export as a Standard V6 Page (i.e.,
html). Email it to me at [email protected]
Digital Storytelling• First evolved in historical documentaries (e.g.,
Ken Burns). Essentially a picture slideshow with a voice-over.
• Multimedia projects: stories created using images, movies, voice, animation text. Can be interactive or not.
• Teachers can create for learners or learners create their own (or both)
Digital Storytelling• Why? Create a meaningful product that requires
integrated skills, piques students’ interests, collaboration, planning, etc.
• Challenges: Accessibility to technology (browser-based, recording A/V). Technology should be the tool, not the learning goal.
Samples• Elementary School ESL• Adult learner’s story• Learning Maths
Steps 1. Think and plan story2. Research & collect materials for the story3. Write and define the story4. Create digital sequence5. Refine story and reflect
(Poltavtchenko & Iannotti, 2011)
Digital Storytelling in your teaching
• Write down two ideas for digital storytelling topics or tasks that you could use in your own teaching experience.
Resources• Dozens of dozens of tools to create Digital
Stories. • Students: use their own pictures, record AV using
cellphones, library equipment, laptops. • Use Pre-existing media (e.g.,):
o http://cogdogroo.wikispaces.com/StoryMedia
ActivityDevelop a short digital story by exploring one of the tools for storytelling. Steps: 1. Find a partner to work with, get an application to
use. 2. Look at the application, look at samples, learn
how to use the application. 3. With your partner, create a short digital story. 4. Send the URL to me and post it on your blog.
Share your story with the class and discuss the application.
Storytelling ToolsGroup A: http://storybird.com/ Group F:
http://www.myebook.com/
Group B: http://www.mixbook.com/
Group G: http://goanimate.com/
Group C: http://www.vuvox.com/ Group H: http://www.capzles.com/
Group D: http://voicethread.com/
Group I: http://www.zooburst.com/
Group E: http://www.storyjumper.com/
If your group has an iPad, you may want to try Blurb Mobile instead.
If your site doesn’t work, for any reason, try an alternative: http://domo.goanimate.com/ http://www.xtranormal.com http://www.dfilm.com/moviemaker/index.html http://www.littlebirdtales.com/
If you can’t embed/create a link to your story, use this site: http://embedit.in
