Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Designing Web Activities


Published on

  • Be the first to comment

  • Be the first to like this

Designing Web Activities

  1. 1. Designingweb-basedmaterials CALL Jan 28
  2. 2. Housekeeping• Wikis – questions, comments?• Presentation & wiki schedule (on Wiki)• Presentations on Slideshare (and BB Learn)
  3. 3. Three activity types1. WebQuests2. Hot Potatoes3. Digital Storytelling
  4. 4. 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.
  5. 5. WebquestsSix components (Dodge, 1997):1. Introduction2. Task3. Process4. Resources5. Evaluation (later – guidance)6. Conclusion
  6. 6. 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?
  7. 7. WebQuestsEasily create a WebQuest (use your Google accountand create a Google site):• Tutorial• A PDF tutorial• WebQuest Template for Google Sites• Sample WebQuest (Google Site)
  8. 8. 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)
  9. 9. 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
  10. 10. 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)
  11. 11. 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.
  12. 12. Samples• Elementary School ESL• Adult learner’s story• Learning Maths
  13. 13. Steps1. 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)
  14. 14. Digital Storytelling in your teaching• Write down two ideas for digital storytelling topics or tasks that you could use in your own teaching experience.
  15. 15. 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
  16. 16. ActivityDevelop a short digital story by exploring one of thetools 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.
  17. 17. Storytelling ToolsGroup A: Group F: B: Group G: C: Group H: D: Group I: E: 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: you can’t embed/create a link to your story, use this site: