Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups
description
Transcript of Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups
![Page 1: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/1.jpg)
Rich Internet Applications: Audio and Video Dropbox,
Conversations, and MashupsScott Sterling
![Page 2: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/2.jpg)
Some tech lingo
Term AKA Definition
Rich Internet Application RIA An embeddable web application
Embed Link An element added to a website. It is directly usable from the website.
A link hyperlink, link An object that takes you to a different website
Center for Language Education and Research
CLEAR Federally funded language resource center
![Page 3: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/3.jpg)
Where is my handout?• We have some flyers available• However, CLEAR has been working hard to
create digital documentationo http://clear.msu.edu/teaching/online/ria/
![Page 4: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/4.jpg)
What is a RIA?• Rich Internet Application• They are FREE to use• Can be used in most course management
sites (D2L, Moodle, Edmodo, Wordpres)• Currently 12 different web applications• No content, just functionality
o You create the content
![Page 5: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/5.jpg)
What is a RIA? (cont.)• Pedagogically motivated• Benefits
o Allow shy/quiet students to talk moreo Give students more chances to practice speakingo Can help ease stress in the classroom
![Page 6: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/6.jpg)
What do I need to use the RIAs?• A CLEAR account (free to sign up for)• Basic computer knowledge
o copy/pasteo drop and drago Identifying online elements (embed code, URL)
![Page 7: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/7.jpg)
What will we talk about today?• Audio Dropbox - online audio recorder• Video Dropbox - online video recorder• Conversations - simulated conversation• Mashups - simple web page creator
![Page 8: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/8.jpg)
Problem• Your students are not getting enough verbal
practice o 50 minutes divided between 20 students = 2.5
minutes of talk time per student
• You have one student who talks too much or one student who talks too little
• You are teaching a speaking class and want your students to practice speaking at home
![Page 9: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/9.jpg)
One solution• Use web-based tools that allow students to
practice: o whenever o wherevero at their own pace
![Page 10: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/10.jpg)
Audio DropBox• This tool allows you to embed an audio
recorder into your website• Students’ recordings automatically get sent
back to your Audio Dropbox account
![Page 11: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/11.jpg)
Audio Dropbox: what the students see
Start recording
Upload recording
Delete recording
Recording time
RecordingPlayback
StopbuttonRecording
indicator
![Page 12: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/12.jpg)
Audio Dropbox: What you see
![Page 13: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/13.jpg)
Live demohttp://clear.msu.edu/teaching/online/ria/audioDropbox2/
![Page 14: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/14.jpg)
Video Dropbox• Similar to Audio Dropbox but it allows your
students to record video of themselves
![Page 15: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/15.jpg)
Video Dropbox: what the students see
Buttons should look familiar to you
![Page 16: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/16.jpg)
Video Dropbox: What you see
![Page 17: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/17.jpg)
Live Demohttp://clear.msu.edu/teaching/online/ria/videoDropbox/
![Page 18: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/18.jpg)
Problem• My students need to practice for the AP
exam, OPI, or a class speaking test• My students have no idea how to interact
with people from X• I don’t get to have many one-to-one
conversations with my students
![Page 19: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/19.jpg)
Our solution• Use a static tool that simulates
conversationso **CLEAR’s Conversations
o CeLTA has practice OPI tests in Spanish, German, and French http://celta.msu.edu/assessment/improving.php
![Page 20: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/20.jpg)
Conversations • Similar to an Audio/Video Dropbox
o embed it into your website
• When students start appo they see a prerecorded questiono respond immediately to ito repeat until all questions are finished
![Page 21: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/21.jpg)
Sample Conversation
![Page 22: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/22.jpg)
Conversations: student view
Listen to practice question
Select practice question
RecordStopListen
![Page 23: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/23.jpg)
Student sideStarts the app
Playback responses
Playback student responses only
![Page 24: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/24.jpg)
Instructor view
![Page 25: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/25.jpg)
Live demohttp://clear.msu.edu/teaching/online/ria/conversations2/
![Page 26: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/26.jpg)
Problems• These tools look great but I am not good at
technology• I want my students to design web pages for
a project but I want to keep it simple• I don’t have a homepage/course
management site
![Page 27: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/27.jpg)
Our solution• Use Mashup
o A simple web page developer
• All of the examples today have been in Mashups
![Page 28: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/28.jpg)
Mashups• Allows you to create a web page and include
various elementso Video (Youtube)o Audioo Embeddable elements (wikis, Conversations,
Audio/Video Dropboxeso Texto Images
![Page 29: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/29.jpg)
Student view
![Page 30: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/30.jpg)
Instructor view
![Page 31: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/31.jpg)
Live demohttp://clear.msu.edu/teaching/online/ria/mashup2/index.php?code=editMashup&folderID=0&ID=23466
![Page 32: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/32.jpg)
Your turn!Build an activity that helps solve one of these issues
1. You have a test scheduled for next Thursday. You want your students to practice asking for directions.
2. One of the goals for your course is to have students learn how to order food at a restaurant.
3. Students in your class are having trouble pronouncing certain sounds.
![Page 33: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/33.jpg)
Share!
![Page 34: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/34.jpg)
How to D2L!
![Page 35: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups](https://reader035.fdocuments.in/reader035/viewer/2022070423/5681676c550346895ddc548c/html5/thumbnails/35.jpg)
Questions and play time• Please ask any questions you have
• Use the rest of the time to design an activity you need for your class. I will come around and help everyone I can.