Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a...
Transcript of Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a...
![Page 1: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/1.jpg)
Rich Internet Applica/ons for Language Learning:
Introductory Techniques Angelika Kraemer Sco? Sterling
CLEAR Summer Workshop 2014
![Page 2: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/2.jpg)
The Workshop
• Overall goal: Skills and knowledge • Workshop, not a class • Prac/cal, hands-‐on • Work toward your own goals • Focus on technology skills, brainstorm how to apply it to teaching
• Share with and learn from each other
![Page 3: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/3.jpg)
Chime in at any /me
You will probably learn more from each other than from us
![Page 4: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/4.jpg)
Workshop Overview
Day 1 • Technology in the classroom • Produc/on mode Day 2 • Presenta/onal mode • Student projects Day 3 • Process mode • Assessment
![Page 5: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/5.jpg)
Day 1: Outline
• Introduc/ons • Rich Internet Applica/ons • Technology in the language classroom • Lunch • Produc/on mode:
– Audio Dropbox – Video Dropbox – Conversa/ons
![Page 6: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/6.jpg)
CLEAR
• Language Resource Center • One of 15 na/onwide • Funded by the US Department of Educa/on • Mandate: Strengthen FL teaching and learning in the US – Research – Materials development – Professional development – Outreach
• Our stuff is free
![Page 7: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/7.jpg)
The Lab
• CeLTA Labs • Wi-‐Fi – feel free to use your own notebook
– “MSUnet Guest”
• Open 8:30 am – 7:30 pm • “No food or drink in lab” • Security of personal items
![Page 8: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/8.jpg)
Leader: Angelika Kraemer
• Director, CeLTALanguage School • Execu/ve Associate Director, CeLTA • Workshop Presenter, CLEAR • Background: Language teaching, online and blended learning and teaching
• Primary language: German
![Page 9: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/9.jpg)
Assistant: Sco? Sterling
• PhD student in Second Language Studies • Graduate Assistant, CLEAR/CeLTA • Background: Linguis/cs, ESL, humor in the classroom
• Primary language: Spanish
![Page 10: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/10.jpg)
Now it’s your turn
Who are you?
![Page 11: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/11.jpg)
Who are you?
• Your name • Where you’re from • What language(s) you teach • What you hope to learn here
![Page 12: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/12.jpg)
If you had to use one word to describe the role of technology in the
language classroom, what word would you choose?
![Page 13: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/13.jpg)
Some possibili/es
• Resource • Partner • Plaeorm • Environment • S/mulus • Toy • Magic carpet
![Page 14: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/14.jpg)
My favorite: “tool”
![Page 15: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/15.jpg)
Rich Internet Applica/ons are tools to support language
teaching and learning
![Page 16: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/16.jpg)
A taste
Try the RIAs now!
![Page 17: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/17.jpg)
Please do the ac/vity on this web page:
h?p://clear.msu.edu/mashups/25845
![Page 18: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/18.jpg)
Teacher can access student recordings
![Page 19: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/19.jpg)
Brainstorm: How could you make use of this func/onality in your classroom?
![Page 20: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/20.jpg)
You have burning ques/ons
Let me cover some basics, first
![Page 21: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/21.jpg)
About the RIAs • Web-‐based (cloud compu/ng), Web 2.0 • Web pages with mul/media interac/vity embedded into them
• Online programs for recording, uploading, mixing, and interac/ng
• Can be created with no programming skills • Can be used in and outside the classroom • Available free of charge • Stored on CLEAR’s server
![Page 22: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/22.jpg)
System requirements • Broadband connec/on • Web browser • Microphone and speakers (camera op/onal) • Flash plugin , HTML5 to come soon • Cross-‐plaeorm: Windows, Apple • Cross-‐browser: Firefox, Safari, Chrome
![Page 23: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/23.jpg)
BREAK
![Page 24: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/24.jpg)
Any other ques/ons?
![Page 25: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/25.jpg)
You’re probably itching to try this yourselves
![Page 26: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/26.jpg)
But first
Some more basics about technology in and outside the classroom
![Page 27: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/27.jpg)
Technology in the language classroom
Your experience • How have you used technology for your teaching or to communicate with students? – What has worked for you? – What has not worked for you?
![Page 28: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/28.jpg)
Why technology?
• Tradi/onal classrooms struggle ojen with – Limited opportuni/es for students to use the target language
– Limited access to authen/c materials – Limited input from a variety of sources – Integra/on of language, literature, and culture
• Globaliza/on – To produce compe//ve graduates, students need language and technology skills
![Page 29: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/29.jpg)
Benefits of using technology • Bring the target community into the classroom
• Show/use authen2c materials
• Interac2ve and student-‐centered
• Instant feedback • More democra/c par2cipa2on
• Extension of class /me • Increasing communica2on in the TL
• Mul/media addresses mul/ple learner types
• Mul/media format also allows for the prac/cing of all necessary language skills
• Local and remote collabora2ons possible
• Using genera/on Web 2.0’s language
• Everyone needs to know how to use technology in order to be compe22ve on the job market
![Page 30: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/30.jpg)
Challenges of technology • Good products are hard to find and even harder to develop
• Not everyone knows how to use the internet safely and responsibly
• Not everyone can afford the technology or has access to it
• Not everyone is computer literate
• Keeping products and sojware up to date is expensive and /me consuming
• Use of technology in the classroom requires con/nuously trained staff and support personnel
• Equipment can fail
![Page 31: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/31.jpg)
Why RIAs? • Overcome some inherent weaknesses of the classroom language learning format
• Enhance learning and prac/ce in the classroom – What gets prac/ced is what gets learned
• Extend learning and prac/ce beyond the classroom – If we want our students to be able to do something, we need to give them opportuni/es to prac/ce it
![Page 32: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/32.jpg)
Unique functions of RIAs
• Web-‐based audio recording and playback
• Process wri/ng with feedback
• En/rely web-‐based • Free
![Page 33: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/33.jpg)
RIAs overview • Audio Dropbox – student deposit for audio files (S) • Broadcasts – podcasting (S,L) • Conversations – simulated conversation (S,L) • Mashups – combo of data/media resources (S,L,R,W) • QuizBreak! – Jeopardy (S,L,R) • Revisions – process writing (S,L,R,W) • Scribbles – handwriting practice (R,W) • SMILE – text-based exercises (R,W) • Snapshot – photo library (supports S,W) • Video Dropbox – student deposit for video files (S) • Viewpoint – online recording studio and repository (S,L,R,W) • Worksheets – interactive voice-based exercises (S,L,R)
![Page 34: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/34.jpg)
RIAs are tools, not content
Applicable to any language, level, text, pedagogy
![Page 35: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/35.jpg)
Now, let’s get started
![Page 36: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/36.jpg)
You need to get an account: h?p://ria.clear.msu.edu
If you already have one, join CLEAR on Facebook:
h?ps://www.facebook.com/CLEARatMSU
![Page 37: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/37.jpg)
Using RIAs Task% Tool%Collect'students’'recordings' Audio'Dropbox'(put'into'a'Mashup,'
your'own'web'page,'or'your'institution’s'course'management'system)''
Students'respond'orally'to'an'audio?video'cue''
Conversations''
Demonstrate'writing' Scribbles''
Create'an'audio'or'video'recording'for'your'students'
Viewpoint'''
Combine'media'and'text'onto'a'web'page'
Mashups'''
![Page 38: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/38.jpg)
Production mode
• Audio Dropbox • Video Dropbox • Conversations
![Page 39: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/39.jpg)
Audio Dropbox (S)
• Online mail box for audio files • Can be placed in any web page, blog, wiki,
or in a LMS like Moodle, Blackboard etc. • Students just click and record • The system saves and uploads their
recordings automatically • You can listen to recordings online, or
download them in MP3 format for mobile listening or archival purposes
![Page 40: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/40.jpg)
You’ve already seen a Dropbox
![Page 41: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/41.jpg)
Let’s do another activity
http://clear.msu.edu/mashups/25847
![Page 42: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/42.jpg)
Your task
• Purpose: Learn the technology • Create various Audio Dropboxes
– For different class levels – For different languages – For individual students
![Page 43: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/43.jpg)
Audio Dropbox: Steps
• Create a “New Folder” • Edit the folder (pencil icon)
– Rename the folder and save • “Create a New Dropbox” • Edit your dropbox (pencil icon)
– Rename the dropbox – Change the time limit (in seconds) – Place it in a folder – Save
![Page 44: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/44.jpg)
Start-up guides
• All RIAs have help documentation on the website – Overview flier for each application – FAQs for each application – FAQs for general troubleshooting – Step-by-step PDF documentation – Quick start-up guides for teachers and
students – YouTube links to tutorial videos
![Page 45: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/45.jpg)
Your task
• Create various Audio Dropboxes – For different class levels – For different languages – For individual students
![Page 46: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/46.jpg)
Activity ideas
• Prompted response exercises – Common assessment method where you
present students with a picture/video and ask them questions about it
• Survey – Easy way to assess students’ levels early on
![Page 47: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/47.jpg)
Video Dropbox (S)
• Online mail box for video files • Can be placed in any web page, blog, wiki,
or in a LMS like Moodle, Blackboard etc. • Students just click and record • The system saves and uploads their
recordings automatically • You can view/listen to recordings online,
or download them in MP4 format for mobile viewing or archival purposes
![Page 48: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/48.jpg)
This is what it looks like
http://clear.msu.edu/mashups/25848
![Page 49: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/49.jpg)
Your task
• Purpose: Learn the technology • Create a Video Dropbox
![Page 50: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/50.jpg)
Video Dropbox: Steps
• “Create a New Dropbox” (currently no folder option)
• Edit your dropbox (pencil icon) – Rename the dropbox – Change the time limit (in seconds) – Save
![Page 51: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/51.jpg)
Your task
• Purpose: Learn the technology • Create a Video Dropbox
![Page 52: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/52.jpg)
Conversations (S,L)
• Simulated conversations and virtual interviews
• Teachers record questions, students access the Conversation later to listen and respond to the questions
• Audio and video • Practice mode and real-time mode
![Page 53: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/53.jpg)
Start-up guides
• Using the start-up guides, please access the following Conversation as a student
• Then create your own Conversation as a teacher
• We will go through the process step-by-step afterwards
![Page 54: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/54.jpg)
This is what it looks like
http://clear.msu.edu/mashups/6225
![Page 55: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/55.jpg)
Your task
• Purpose: Learn the technology • Create two Conversations
– Simulate a real conversation (Q&A) – Listen and repeat
![Page 56: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/56.jpg)
LUNCH
![Page 57: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/57.jpg)
Conversations: Steps
• Create a Conversation • Set the number of questions • Record your questions
– Adjust time limit • Allow to practice if desired • Listening to student recordings: Click on
the eye icon • Share student recordings with colleagues:
Click on share icon
![Page 58: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/58.jpg)
Your task
• Purpose: Learn the technology • Create two Conversations
– Simulate a real conversation (Q&A) – Listen and repeat
![Page 59: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/59.jpg)
Activity ideas
• Create a virtual conversation, interview, or role play – Prompts can encourage students to use the
target language in a “real” situation – Prompts can focus on content from class
readings, discussions, textbooks – Prompts can ask students to repeat after you
to focus on intonation and pronunciation
![Page 60: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/60.jpg)
Presentational mode
• Mashups – Linking Audio/Video Dropbox, Conversations
with text etc.
![Page 61: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/61.jpg)
Mashups (S,L,R,W)
• Combination of data or media resources from multiple websites onto a single web page
• You can put a video from YouTube into a Mashup and add your own text, Dropbox/Conversation, and pictures
• Mashups is a way of making pedagogical use of the rich media resources available on the Internet
![Page 62: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/62.jpg)
You’ve already seen a Mashup
![Page 63: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/63.jpg)
Now complete this activity
http://clear.msu.edu/mashups/25846
![Page 64: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/64.jpg)
Your task
• Purpose: Learn the technology • Create a Mashup • Add a text area • Format text • Include a Dropbox and Conversation • Save, position, view your Mashup • “Share” your Mashup with
![Page 65: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/65.jpg)
Mashups: Steps
• Create a “New Folder” • Edit the folder (pencil icon)
– Rename the folder and save • Create a “New Mashup” • Edit your Mashup (pencil icon)
– Rename your Mashup – Place it in a folder via drop-down menu – Include an Audio Dropbox via drop-down menu – Save
![Page 66: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/66.jpg)
Mashups: Steps continued
• “Add a text area” to include text – Delete “New Content” and type your text,
adjust font type, size, color etc. – Save
• “Add an embeddable element” such as your Conversations or Viewpoint by using the embed code given – Reminder: for Audio Dropbox, simply select
the dropbox from the drop-down menu
![Page 67: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/67.jpg)
Embed code
• Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations)
• For RIAs: – Click on the “HTML” icon of the RIA (e.g.,
Conversation) – Copy the code
• For YouTube: – Below the video, click on “Share” and “Embed” – Copy the code
![Page 68: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/68.jpg)
Mashups: Steps continued
• Paste the embed code in the “Add an embeddable element” section – Delete “New Content” and paste the embed
code – Change “item label” to describe what you are
pasting so you can differentiate – Save
![Page 69: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/69.jpg)
Modify embed code for videos
• You can have only parts of a video playing by changing the embed code – Link for CLEAR RIA video:
http://youtu.be/ObA3K3b9LS0 – Embed code for CLEAR RIA video:
<iframe width="420" height="315" src="//www.youtube.com/embed/ObA3K3b9LS0?rel=0" frameborder="0" allowfullscreen></iframe>
– Note where the link ends: /ObA3K3b9LS0
![Page 70: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/70.jpg)
Modify embed code for videos continued
– Add the following at the end of the URL: ?start=(in seconds)&end=(in seconds)”
– The modified embed code will look like this: <iframe width="420" height="315" src="//www.youtube.com/embed/ObA3K3b9LS0?start=5&end=25”?rel=0" frameborder="0" allowfullscreen></iframe>
– It will play the video only from second 5 to second 25
![Page 71: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/71.jpg)
Mashups: Steps continued
• Move all media types into their desired positions by clicking on “position your elements on the screen” (second icon)
• New window will open, close when done • View the mashup (eye icon) to obtain URL
(new window will open) • Share URL with students via course
management system, class website, email etc.
![Page 72: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/72.jpg)
Your task
• Purpose: Learn the technology • Create a Mashup • Add a text area • Format text • Include a Dropbox and Conversation • Save, position, view your Mashup • “Share” your Mashup with
![Page 73: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/73.jpg)
Activity ideas
• Combine different media types such as video, audio, images, text, and exercises in one place – Encourage students to be creative and use
technology – Make pedagogical use of the rich media
resources available on the Internet
![Page 74: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/74.jpg)
Dropbox and Conversations
• Listening to student recordings: – Click on the eye icon – Play back from within browser – Download as mp3 (audio) / mp4 (video)
• Conversations: “Request Download”
![Page 75: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/75.jpg)
BREAK
![Page 76: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/76.jpg)
Individual work and consulta/on
![Page 77: Rich%InternetApplicaons%for%% Language%Learning ... · Embed code • Allows you to point back to a site that hosts video (such as YouTube, Viewpoint, or Conversations) • For RIAs:](https://reader034.fdocuments.net/reader034/viewer/2022042419/5f3573b8de99ba393130cb14/html5/thumbnails/77.jpg)
See you tomorrow