Slide 1:CATESOL State Conference, 2009 20 Web 2.0 Tools for Student Literacy Projects Presenters: Beth Bogage, San Diego Community College District Elizabeth Clarke, MiraCosta College Kristi Reyes, MiraCosta College


Web 2.0 A :Web 2.0 A 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)


#1: Blogger :#1: Blogger Beth’s Class Blog Eli’s Class Blog Kristi’s Class Blog


#2 PB Wiki & Wikispaces :#2 PB Wiki & Wikispaces Level 5 (Intermediate) class (Wikispaces) Level 5 class (PBWiki)


#3: podOmatic Beth :#3: podOmatic Beth Record podcasts for your students to help build listening comprehension skills or to enhance your lessons. Beth’s podOmatic page (textbook articles online)


Web 2.0 B :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 :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 :Web 2.0 B for Class Projects Cons: May be blocked at your site 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 :#4: authorSTREAM Online slideshow sharing: PowerPoint to Flash Grammar PowerPoint online Student Presentation


#5:PIM PAM PUM :#5:PIM PAM PUM 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


#6: Fd’s Flickr Toys :#6: Fd’s Flickr Toys Magazine cover Warholizer Calendar Motivator let's do an example together!


#7:Voki Beth :#7:Voki Beth Talking avatar: text-to-speech, record by phone, microphone, or upload audio Beth’s Voki with student comments embedded in class blog


#8: Google Docs: Presentations :#8: Google Docs: Presentations Alternative to MS PowerPoint: Collaborative online presentations; each person can make his/her own slide and add it to the ‘group presentation’ Favorite Animals


#9: Google Tools: Google Docs :#9: Google Tools: Google Docs Alternatives to MS Office: Easy way to create, share, edit and collaborate documents in real time online with no software download. Control who can see your documents. Upload most popular file formats, including DOC, XLS, RTF, PPT. Ofelia’s Favorite Holiday (word-processed document) Rain in San Diego(spreadsheet) Embeded in a blog


#10: Scribd :#10: Scribd Online file sharing: Word, PowerPoint, Excel, PDF with text reader ESL Newsletter embeded in a blog Sample with text reader


#11: StoryMash :#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 :#12: Slide Online slideshow: images, text, music, music video, special effects About Me student project My Life in the Future student project


#13:MakeBeliefsComix :#13:MakeBeliefsComix Create a comic strip Embeded in a blog Sample project: Where can I take ESL classes?


#14: Exercises and Quizzes :#14: Exercises and Quizzes Online quizzes/exercises: text, images, online video MyStudiyo Sample Quiz ProProfs Sample Quiz ESLvideo.com Sample Quiz


#15: Zentation :#15: Zentation Merge online video with PowerPoint slides Site sample Student sample


#16:Glogster :#16:Glogster Online multi-media scrapbook page: text, design elements, images, audio, video, hyperlinks Student sample 1 Student sample 2


#17: BubblePLY :#17: BubblePLY Add captions, call-outs (speech and thought bubbles) to online video Sample


#18: VoiceThread :#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 Sample Individual student sample (video)


#19: Interactive Timelines :#19: Interactive Timelines Online interactive timelines: text, images, hyperlinks, video Student sample


#20: Digital Films / Cartoons :#20: Digital Films / Cartoons 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


Final caveats: :Final caveats: 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: :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


Want to learn hands-on? :Want to learn hands-on? Web Tools Tech-Loving Teachers Can’t Live Without Date: Saturday April 18, 2008 Time: 1:30 – 3:00 p.m. Room: 211 Learn authorSTREAM Slide VoiceThread


Questions? :Questions?


Thank you! :Thank you! Handout and slides available on wiki page at http://tiny.cc/webtools 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 † In Memoriam: Dedicated to Torrance Adult School ESL Teacher and Technology Enthusiast Devon Markert, 1980 - 2008