rich internet applications: audio and video dropbox, conversations, and mashups scott sterling
TRANSCRIPT
![Page 1: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/1.jpg)
Rich Internet Applications: Audio and Video Dropbox,
Conversations, and Mashups
Scott Sterling
![Page 2: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 functionalityo You create the content
![Page 5: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/5.jpg)
What is a RIA? (cont.)
• Pedagogically motivated
• Benefitso 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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/6.jpg)
What do I need to use the RIAs?
• A CLEAR account (free to sign up for)
• Basic computer knowledgeo copy/pasteo drop and drago Identifying online elements (embed code, URL)
![Page 7: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/12.jpg)
Audio Dropbox: What you see
![Page 13: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/16.jpg)
Video Dropbox: What you see
![Page 17: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/20.jpg)
Conversations
• Similar to an Audio/Video Dropboxo 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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/21.jpg)
Sample Conversation
![Page 22: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/23.jpg)
Student side
Starts the app
Playback responses
Playback student responses only
![Page 24: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/24.jpg)
Instructor view
![Page 25: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/27.jpg)
Our solution
• Use Mashupo 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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/29.jpg)
Student view
![Page 30: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/30.jpg)
Instructor view
![Page 31: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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 Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/33.jpg)
Share!
![Page 34: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/html5/thumbnails/34.jpg)
How to D2L!
![Page 35: Rich Internet Applications: Audio and Video Dropbox, Conversations, and Mashups Scott Sterling](https://reader035.vdocuments.us/reader035/viewer/2022062619/5516a3ed550346f0208b4d72/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.