EDU 548 Course, Spring 2009, class session on Web 2.0 Tools for Student projects

1. Segment 3:
Using Technology for the Educational Achievement of ESL
Kristi Reyes

2. Today’s Agenda:

◦ Writing Assignment #2 due
◦ Lecture: Integrating all skills: project-based
learning and student technology projects that
use Web 2.0 Tools
◦ Lab: Hands-on practice with
authorSTREAM, Slide, and VoiceThread
◦ Homework: Read text 4, complete session
project (presentations next week)

3. The “read/write” Web
• Blogs
• Wikis
• Podcasts
Features:
• User-created content
• Publish to ww audience
• Multi-media = multi-modal
• Creative expression
• Social aspect
(communication & collaboration)

4. Blog = weblog; online journal, can be
used primarily for student writing
with commenting feature but can
also embed from other sites
(images, video, and more)
Level 5 class blog
VESL class blog

5. Wiki = a collaborative Web site that can
have individual or shared pages
See Wikis in Plain English video
Level 5 (Intermediate) class (Wikispaces)
Level 5 class (PBWiki)

6. Record podcasts (audio files that can be
downloaded) or upload audio or video with
images with commenting features
VESL Podcast Channel
Level 5 Podacast Channel

7. New-er tools

◦ Embed (widgets), email, post on a social
networking site
◦ Comments
◦ Ratings
◦ Tagging
◦ Examples:
 Slideshows, comic strips, quizzes…
 Mashups
 and more….

8. Pros:

◦ Everything saved online
◦ Can often be edited later
◦ Often no software needed
◦ Sharing with a *real* audience
(peers, friends, family), not only teacher
audience
◦ Fun! = Motivation

9. Cons:

◦ May be blocked at school sites affiliated
with K-12
◦ Possible “adult” content
◦ Less instructor control – student work and
comments
◦ Sites can disappear overnight
◦ Some sites may have advertising
◦ Sometimes free sites get popular and start
charging for use

10. Online slideshow sharing:
PowerPoint to Flash
Conjunctions, Irregular Verbs
Student project

11. Projects using Flickr photos
Bookr:
Online flip book Sample
Phrasr:
Visual slideshow for a poem or any
sentence (like a pictogram) Sample
Bubblr:
Add call-outs Sample

12. Motivator
Magazine cover
Calendar
Warholizer

13. Talking avatar:
text-to-speech, record by
phone, microphone, or upload
audio
Beth Bogage’s (SDCCD) Voki with
student comments
embedded in class blog
USD EDU 548 Students’ Vokis

14. Annotate documents online:
PDF, Word, Web pages, Excel
spreadsheets by highlighting text to add
a note. Request feedback on a document
by emailing a link; recipient can add
replies to notes and add own comments
Practice page

15. Online video editing, nearly equivalent to
Windows Movie Maker or Apple iMovie;
import images, video, audio and add
titles, special effects, transitions; save video
online and share
Instructor Sample

16. Online file sharing:
Word, PowerPoint, Excel, PDF
with text reader
ESL Newsletter embeded in a
blog
Sample with text reader

17. Collaborative online fiction writing:
Start a story online, invite others to
collaborate, and read the story as it
develops or contribute a follow-up
chapter.
Sample

18. Online slideshow:
images, text, music, music video, special
effects
About Me student project
My Life in the Future student project

19. Create a comic strip; email, embed,
or print out
Embedded in a blog
Sample project: Where can I take ESL classes?

20. Online
quizzes/exercises:
text, images, online
video
MyStudiyo Sample Quiz
ProProfs Sample Quiz
ESLvideo.com Sample
Quiz

21. Merge online video with PowerPoint
slides
Site sample
Student sample

22. Online multi-media scrapbook
page:
text, design
elements, images, audio, video,
hyperlinks
Student sample 1
Student sample 2

23. Add captions, call-outs (speech and
thought bubbles) to online video
Sample

24. Audio and video commentary:
Narrate uploaded media (images,
documents, and videos) and permit others
to comment or collaborate in the following
ways: verbal (recorded with microphone or
telephone or uploaded audio file), text, and
video (webcam)
Class Sample
Individual student sample (video)

25. Online interactive timelines:
text, images, hyperlinks, video
Student sample

26. Animated cartoons
Dvolver: text in speech bubbles
with music, backgrounds, multiple
scenes
Student sample
xtranormal: similar but more
advanced options, with text to
speech
Instructor sample (used with permission, Cora
Chen, SFCC)
Go!Animate: most advanced of
all, with option to add own audio
(voice over narration)
Instructor sample

27. Do:

◦ Do a project yourself to provide a sample for students and to
be able to anticipate challenges
◦ Test your technology (computer, internet connection) where
students will be doing the projects ahead of time
◦ Demo step by step with students in a lab setting
◦ Start small if these types of projects are new for you, students
◦ Be flexible with time
◦ Model adherence to copyright and attribution rules – have
students use their own photos, videos or from copyright-free
sites, when possible or start teaching citation
(Note: mash-up sites currently unregulated)

28. Don’t

Expect masterpieces
◦
Lose sight of learning objectives
◦
Do computer projects only for technology sake
◦
Post students’ work, images online without their
◦
permission

30.  A version of the handout with several links to
examples available on wiki page at
http://tiny.cc/webtools
 This PowerPoint available for download at
http://kreyes.mcc.googlepages.com/usdstudents'work
 Specific project ideas and instructions for
many sites listed here (and others) online at
OTAN (must be a registered member) at Web-based

Class Activities under “Teaching Tools and Resources”
“Using the Web” page
