SlideShare una empresa de Scribd logo
1 de 17
Designing
web-based
materials
     CALL Jan 28
 http://goo.gl/qMyLx
Housekeeping
• Wikis – questions, comments?
• Presentation & wiki schedule (on Wiki)
• Presentations on Slideshare (and BB Learn)
Three activity types
1. WebQuests
2. Hot Potatoes
3. 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.
Webquests
Six components (Dodge, 1997):
1. Introduction
2. Task
3. Process
4. Resources
5. 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?
WebQuests
Easily 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 Jonathan.Smart@nau.edu
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 story
2.   Research & collect materials for the story
3.   Write and define the story
4.   Create digital sequence
5.   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
Activity
Develop 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 Tools
Group 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

Más contenido relacionado

La actualidad más candente

Tlc chat 2
Tlc chat 2Tlc chat 2
Tlc chat 2
Ron Peck
 
Integrating Technology into Secondary English Language Teaching
Integrating Technology into Secondary English Language TeachingIntegrating Technology into Secondary English Language Teaching
Integrating Technology into Secondary English Language Teaching
Yusuf Syukur
 
Conole harnessing media
Conole harnessing mediaConole harnessing media
Conole harnessing media
Grainne Conole
 
Creating more effective learners at ks3 and ks4
Creating more effective learners at ks3 and ks4Creating more effective learners at ks3 and ks4
Creating more effective learners at ks3 and ks4
Isabelle Jones
 
Computer Assisted Language Learning - Using websites
Computer Assisted Language Learning - Using websitesComputer Assisted Language Learning - Using websites
Computer Assisted Language Learning - Using websites
Büşra Durbin
 
Using the Web 2.0 in the English classroom
Using the Web 2.0 in the English classroomUsing the Web 2.0 in the English classroom
Using the Web 2.0 in the English classroom
isaperez
 
LSE SADL workshop 3 2015
LSE SADL workshop 3 2015LSE SADL workshop 3 2015
LSE SADL workshop 3 2015
LSESADL
 

La actualidad más candente (20)

The Librarian as Technology Leader
The Librarian as Technology LeaderThe Librarian as Technology Leader
The Librarian as Technology Leader
 
Tlc chat 2
Tlc chat 2Tlc chat 2
Tlc chat 2
 
Get Connected in the classroom
Get Connected in the classroomGet Connected in the classroom
Get Connected in the classroom
 
Integrating Technology into Secondary English Language Teaching
Integrating Technology into Secondary English Language TeachingIntegrating Technology into Secondary English Language Teaching
Integrating Technology into Secondary English Language Teaching
 
Research Mobile Devices PT 1
Research Mobile Devices PT 1Research Mobile Devices PT 1
Research Mobile Devices PT 1
 
I.technology in esl classroom 2017
I.technology in esl classroom 2017I.technology in esl classroom 2017
I.technology in esl classroom 2017
 
Conole harnessing media
Conole harnessing mediaConole harnessing media
Conole harnessing media
 
Creating more effective learners at ks3 and ks4
Creating more effective learners at ks3 and ks4Creating more effective learners at ks3 and ks4
Creating more effective learners at ks3 and ks4
 
Computer Assisted Language Learning - Using websites
Computer Assisted Language Learning - Using websitesComputer Assisted Language Learning - Using websites
Computer Assisted Language Learning - Using websites
 
Gamification
Gamification Gamification
Gamification
 
CLIL: Teaching Science to Language Learners
CLIL: Teaching Science to Language LearnersCLIL: Teaching Science to Language Learners
CLIL: Teaching Science to Language Learners
 
CLIL: Teaching History to Language Learners
 CLIL: Teaching History to Language Learners CLIL: Teaching History to Language Learners
CLIL: Teaching History to Language Learners
 
Using the Web 2.0 in the English classroom
Using the Web 2.0 in the English classroomUsing the Web 2.0 in the English classroom
Using the Web 2.0 in the English classroom
 
Web 2.0 technologies
Web 2.0 technologiesWeb 2.0 technologies
Web 2.0 technologies
 
Web 2.0 & 3.0 technologies in ELT
Web 2.0 & 3.0 technologies in ELTWeb 2.0 & 3.0 technologies in ELT
Web 2.0 & 3.0 technologies in ELT
 
LSE SADL Workshop 4 2014-15
LSE SADL Workshop 4 2014-15LSE SADL Workshop 4 2014-15
LSE SADL Workshop 4 2014-15
 
Collaboration tools
Collaboration toolsCollaboration tools
Collaboration tools
 
Language teachers april 2012
Language teachers april 2012Language teachers april 2012
Language teachers april 2012
 
LSE SADL Workshop 2 2014 Academic Practices: reading and research
LSE SADL Workshop 2 2014 Academic Practices: reading and researchLSE SADL Workshop 2 2014 Academic Practices: reading and research
LSE SADL Workshop 2 2014 Academic Practices: reading and research
 
LSE SADL workshop 3 2015
LSE SADL workshop 3 2015LSE SADL workshop 3 2015
LSE SADL workshop 3 2015
 

Destacado

Asynchronous Computer-mediated Communication
Asynchronous Computer-mediated CommunicationAsynchronous Computer-mediated Communication
Asynchronous Computer-mediated Communication
Jonathan Smart
 
Learner centered technologies
Learner centered technologiesLearner centered technologies
Learner centered technologies
Jonathan Smart
 
Agenda for a meeting
Agenda for a meetingAgenda for a meeting
Agenda for a meeting
SkillMaker
 
Reading vocabulary and test review
Reading vocabulary and test reviewReading vocabulary and test review
Reading vocabulary and test review
Jonathan Smart
 
Social networking for ll
Social networking for llSocial networking for ll
Social networking for ll
Jonathan Smart
 
Using corpora in instruction
Using corpora in instructionUsing corpora in instruction
Using corpora in instruction
Jonathan Smart
 
Workplace hazards
Workplace hazardsWorkplace hazards
Workplace hazards
SkillMaker
 

Destacado (19)

Customer service
Customer serviceCustomer service
Customer service
 
Paraphrase summary
Paraphrase summaryParaphrase summary
Paraphrase summary
 
synchronous_cmc
synchronous_cmcsynchronous_cmc
synchronous_cmc
 
Asynchronous Computer-mediated Communication
Asynchronous Computer-mediated CommunicationAsynchronous Computer-mediated Communication
Asynchronous Computer-mediated Communication
 
Learner centered technologies
Learner centered technologiesLearner centered technologies
Learner centered technologies
 
Creating and maintaining an online network
Creating and maintaining an online networkCreating and maintaining an online network
Creating and maintaining an online network
 
Cmc 2 27
Cmc 2 27Cmc 2 27
Cmc 2 27
 
Hourly service charge
Hourly service chargeHourly service charge
Hourly service charge
 
Agenda for a meeting
Agenda for a meetingAgenda for a meeting
Agenda for a meeting
 
Reading vocabulary and test review
Reading vocabulary and test reviewReading vocabulary and test review
Reading vocabulary and test review
 
Social networking for ll
Social networking for llSocial networking for ll
Social networking for ll
 
Testing
TestingTesting
Testing
 
The Future of CALL
The Future of CALLThe Future of CALL
The Future of CALL
 
Using corpora in instruction
Using corpora in instructionUsing corpora in instruction
Using corpora in instruction
 
Business Action Plan
Business Action PlanBusiness Action Plan
Business Action Plan
 
Agenda item for a meeting
Agenda item for a meetingAgenda item for a meeting
Agenda item for a meeting
 
What is an informal meeting?
What is an informal meeting?What is an informal meeting?
What is an informal meeting?
 
Workplace hazards
Workplace hazardsWorkplace hazards
Workplace hazards
 
Formal meeting
Formal meetingFormal meeting
Formal meeting
 

Similar a Designing Web Activities

Digital authoring
Digital authoringDigital authoring
Digital authoring
ariellehg
 
The civil rights movement ppt for itc 1 mh 2
The civil rights movement ppt for itc 1 mh 2The civil rights movement ppt for itc 1 mh 2
The civil rights movement ppt for itc 1 mh 2
hollowaymm
 
The Best Of Calico For K 12 Teachers
The Best Of Calico For K 12 TeachersThe Best Of Calico For K 12 Teachers
The Best Of Calico For K 12 Teachers
Lara Anderson
 
Web 2.0 and Social Media in the Language and Literature Classroom
Web 2.0 and Social Media in the Language and Literature ClassroomWeb 2.0 and Social Media in the Language and Literature Classroom
Web 2.0 and Social Media in the Language and Literature Classroom
Claudia Warth
 
Tools for Teaching Language
Tools for Teaching Language Tools for Teaching Language
Tools for Teaching Language
faithmarcel
 
Wollongong 090408232854-phpapp01
Wollongong 090408232854-phpapp01Wollongong 090408232854-phpapp01
Wollongong 090408232854-phpapp01
Neo Ntlhokoa
 
Web 2.0 & Social Media in Language Teaching
Web 2.0 & Social Media in Language TeachingWeb 2.0 & Social Media in Language Teaching
Web 2.0 & Social Media in Language Teaching
Claudia Warth
 
Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016
talkPrimaryICT
 

Similar a Designing Web Activities (20)

Digital authoring
Digital authoringDigital authoring
Digital authoring
 
The civil rights movement ppt for itc 1 mh 2
The civil rights movement ppt for itc 1 mh 2The civil rights movement ppt for itc 1 mh 2
The civil rights movement ppt for itc 1 mh 2
 
Lunch and learn (1)
Lunch and learn (1)Lunch and learn (1)
Lunch and learn (1)
 
Pedagogical Use of iPads
Pedagogical Use of iPadsPedagogical Use of iPads
Pedagogical Use of iPads
 
The Best Of Calico For K 12 Teachers
The Best Of Calico For K 12 TeachersThe Best Of Calico For K 12 Teachers
The Best Of Calico For K 12 Teachers
 
Web 2.0 and Social Media in the Language and Literature Classroom
Web 2.0 and Social Media in the Language and Literature ClassroomWeb 2.0 and Social Media in the Language and Literature Classroom
Web 2.0 and Social Media in the Language and Literature Classroom
 
Tst boces
Tst bocesTst boces
Tst boces
 
Tools for Teaching Language
Tools for Teaching Language Tools for Teaching Language
Tools for Teaching Language
 
Teaching strategies for digital literacy
Teaching strategies for digital literacyTeaching strategies for digital literacy
Teaching strategies for digital literacy
 
DETAIL: Digital Storytelling with VoiceThread
DETAIL: Digital Storytelling with VoiceThreadDETAIL: Digital Storytelling with VoiceThread
DETAIL: Digital Storytelling with VoiceThread
 
Access, create and share wisely
Access, create and share wiselyAccess, create and share wisely
Access, create and share wisely
 
Reinventing Writing
Reinventing WritingReinventing Writing
Reinventing Writing
 
Wollongong 090408232854-phpapp01
Wollongong 090408232854-phpapp01Wollongong 090408232854-phpapp01
Wollongong 090408232854-phpapp01
 
Active, Social, and Engaging Online Learning Strategies
Active, Social, and Engaging Online Learning StrategiesActive, Social, and Engaging Online Learning Strategies
Active, Social, and Engaging Online Learning Strategies
 
Web 2.0 & Social Media in Language Teaching
Web 2.0 & Social Media in Language TeachingWeb 2.0 & Social Media in Language Teaching
Web 2.0 & Social Media in Language Teaching
 
Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016Ideas for using Web 2.0 tools in the classroom - updated September 2016
Ideas for using Web 2.0 tools in the classroom - updated September 2016
 
Literacy in the 21st century- Digital Production using Apps
Literacy in the 21st century- Digital Production using AppsLiteracy in the 21st century- Digital Production using Apps
Literacy in the 21st century- Digital Production using Apps
 
Reinventing Writing April 2015 Edition #ucet15
Reinventing Writing April 2015 Edition #ucet15Reinventing Writing April 2015 Edition #ucet15
Reinventing Writing April 2015 Edition #ucet15
 
Techinlamiddlehigh
TechinlamiddlehighTechinlamiddlehigh
Techinlamiddlehigh
 
Open Pedagogy: Teaching with WordPress & the CUNY Academic Commons
Open Pedagogy: Teaching with WordPress & the CUNY Academic CommonsOpen Pedagogy: Teaching with WordPress & the CUNY Academic Commons
Open Pedagogy: Teaching with WordPress & the CUNY Academic Commons
 

Más de Jonathan Smart (14)

3 rt rubric_2013
3 rt rubric_20133 rt rubric_2013
3 rt rubric_2013
 
Gaming for language learning
Gaming for language learningGaming for language learning
Gaming for language learning
 
Culture
CultureCulture
Culture
 
Writing & technology
Writing & technologyWriting & technology
Writing & technology
 
Listening & speaking
Listening & speakingListening & speaking
Listening & speaking
 
L2 reading and technology
L2 reading and technologyL2 reading and technology
L2 reading and technology
 
CMC wrap-up
CMC wrap-upCMC wrap-up
CMC wrap-up
 
Corpora in language teaching
Corpora in language teachingCorpora in language teaching
Corpora in language teaching
 
Activities tasks and exercises in CALL
Activities tasks and exercises in CALLActivities tasks and exercises in CALL
Activities tasks and exercises in CALL
 
Asking questions 2 11 13
Asking questions 2 11 13Asking questions 2 11 13
Asking questions 2 11 13
 
Philosophy of teaching with technology
Philosophy of teaching with technologyPhilosophy of teaching with technology
Philosophy of teaching with technology
 
building websites at NAU
building websites at NAUbuilding websites at NAU
building websites at NAU
 
Designing Web Activities Part 2
Designing Web Activities Part 2Designing Web Activities Part 2
Designing Web Activities Part 2
 
Evaluating CALL
Evaluating CALLEvaluating CALL
Evaluating CALL
 

Designing Web Activities

  • 1. Designing web-based materials CALL Jan 28 http://goo.gl/qMyLx
  • 2. Housekeeping • Wikis – questions, comments? • Presentation & wiki schedule (on Wiki) • Presentations on Slideshare (and BB Learn)
  • 3. Three activity types 1. WebQuests 2. Hot Potatoes 3. Digital Storytelling
  • 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. Webquests Six components (Dodge, 1997): 1. Introduction 2. Task 3. Process 4. Resources 5. Evaluation (later – guidance) 6. Conclusion
  • 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. WebQuests Easily 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)
  • 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. 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 Jonathan.Smart@nau.edu
  • 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. 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. Samples • Elementary School ESL • Adult learner’s story • Learning Maths
  • 13. Steps 1. Think and plan story 2. Research & collect materials for the story 3. Write and define the story 4. Create digital sequence 5. Refine story and reflect (Poltavtchenko & Iannotti, 2011)
  • 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. 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
  • 16. Activity Develop 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.
  • 17. Storytelling Tools Group 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