EDU 548: Special Topics in ESL

Segment 3: Using Technology for the Educational Achievement of ESL

Kristi Reyes

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)

Session 4:

Web 2.0 AThe “read/write” Web • Blogs• Wikis• Podcasts

Features: • User-created content• Publish to ww audience• Multi-media = multi-modal• Creative expression• Social aspect

(communication & collaboration)

#1: Blogger

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 blogVESL class blog

#2 PB Wiki & Wikispaces

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)

#3: podOmatic

Record podcasts (audio files that can be downloaded) or upload audio or video with images with commenting features

VESL Podcast ChannelLevel 5 Podacast Channel

Web 2.0 B

New-er tools◦ Embed (widgets), email, post on a social

networking site◦ Comments◦ Ratings◦ Tagging◦ Examples:

Slideshows, comic strips, quizzes… Mashups and more….

Web 2.0 B for Class Projects 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

Web 2.0 B for Class Projects 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

#4: authorSTREAM

Online slideshow sharing:PowerPoint to Flash

Conjunctions, Irregular VerbsStudent project

#5:PIM PAM PUM

Projects using Flickr photosBookr:Online flip book SamplePhrasr: Visual slideshow for a poem or any sentence (like a pictogram) SampleBubblr:Add call-outs Sample

#6: Fd’s Flickr Toys

Magazine cover

Warholizer

Calendar

Motivator

#7: Voki

Talking avatar: text-to-speech, record by phone, microphone, or upload audio

Beth Bogage’s (SDCCD) Voki with student commentsembedded in class blogUSD EDU 548 Students’ Vokis

#8: A.nnotate

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 commentsPractice page

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

#9: JayCut

#10: Scribd

Online file sharing: Word, PowerPoint, Excel, PDF with text readerESL Newsletter embeded in a blogSample with text reader

#11: StoryMash

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

#12: Slide

Online slideshow:images, text, music, music video, special

effectsAbout Me student projectMy Life in the Future student project

#13:MakeBeliefsComix

Create a comic strip; email, embed, or print out

Embedded in a blog Sample project: Where can I take ESL classes?

#14: Exercises and Quizzes

Online quizzes/exercises:text, images, online video MyStudiyo Sample Quiz

ProProfs Sample Quiz

ESLvideo.com Sample Quiz

#15: Zentation

Merge online video with PowerPoint slidesSite sampleStudent sample

#16:Glogster

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

#17: BubblePLY

Add captions, call-outs (speech and thought bubbles) to online videoSample

#18: VoiceThread

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 SampleIndividual student sample (video)

#19: Interactive Timelines

Online interactive timelines:text, images, hyperlinks, videoStudent sample

#20: Digital Films / CartoonsAnimated cartoons

Dvolver: text in speech bubbles with music, backgrounds, multiple scenesStudent samplextranormal: similar but more advanced options, with text to speechInstructor sample (used with permission, Cora Chen,

SFCC)

Go!Animate: most advanced of all, with option to add own audio (voice over narration)Instructor sample

Final caveats for using Web 2.0 for student projects: 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)

Final caveats:

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

permission

Questions?

Thank you!

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