SlideShare a Scribd company logo
1 of 8
Download to read offline
Project Owner 
fred.cutler@ubc.ca 
Lead Developer 
thomas .dang@ubc.ca 
Art s I n s t ructional 
Suppor t and 
Information 
Technology 
Univer s i ty of Br i t i s h 
Columbia 
Collaborative Learning Annotation System 
MOBILE-FRIENDLY 
INTERFACE 
ONE-CLICK RECORDING
SHORTER URL’S 
SERVICE CATALOG PAGE: https://clas.arts.ubc.ca 
Most CLAS instances can be reached by: clas.arts.ubc.ca/name, such as 
clas.arts.ubc.ca/ed (or educ), clas.arts.ubc.ca/prod, etc. 
Any combination of this URL, with or without the http or https, will work when 
entering into a browser window. They will all point to the *secure* (https) 
website. 
⇒ Easier to enter URL on mobile. Full URL will show up in the mobile history 
instead of being cut of f. 
Note: all the old links with applications.arts.ubc.ca still work normally.
MOBILE-FRIENDLY CWL AND GUEST LOGIN PAGES
ONE-CLICK 
RECORD 
PAGE 
Default page 
af ter log i n on 
Mobile, except 
when a student 
does not have 
upload & record 
privi l ege in any 
course. 
Videos are 
automati c a l l y 
uploaded and 
assigned to the 
student ’ s 
personal space 
af ter recording 
Instructors can 
then log on, 
navigate to the 
student ’ s 
personal spaces 
i n their courses, 
and mark them.
VIDEO 
VIEW ON 
MOBILE 
Tap on annotations or 
comments to view, edit, or 
reply 
Tap the account 
link to switch to 
record mode, 
self-enroll, or 
log out 
Videos will play in a full-screen, 
rotatable player 
* Download 
annotation is 
disabled on 
Mobile
ANNOTATE 
OR 
COMMENT 
ON MOBILE 
On 
smartphones, 
when the 
fullscreen 
player exi ts, the 
t ime stamp wi l l 
be captured so 
that you can 
also use the 
annotation 
feature.
SUPPORTED MOBILE PLATFORMS 
¡ Safari on iPhones & iPads 
¡ Chrome on Android 
¡ IE & Chrome on Windows Phones & Tablets 
¡ Chrome on Blackberry. 
¡ Not supported: 
§ Firefox on Mobile does not have the full responsive interface, and 
some pages will display the normal, desktop interface. 
§ Chrome on iOS works fine for all purposes except recording, as it has 
stability issues when uploading large files
CAVEATS 
¡ Artificial limits not related to storage capacity may be placed 
on certain types of mobile phones for web browser based 
recording 
§ E.g. most i0S phones can only record exactly 10 minutes of video at a 
time on Safari. The solution to this is to use the native camera app to 
record first, then use choose “upload existing file” on the one-click 
record page in CLAS. 
§ There seems to be no limit on Android, so it’s possible to directly 
record hour-long videos from CLAS on an Android tablet. 
¡ The dialog that say “take video or choose existing” that 
appears when you tap the record button is device specific, and 
may say something else depend on which phone / tablet you 
are using. The text above is from iPhone / iPads.

More Related Content

What's hot

Pullman_joseph_fwd_project4
Pullman_joseph_fwd_project4Pullman_joseph_fwd_project4
Pullman_joseph_fwd_project4Joseph Pullman
 
Chrome OS presentation
Chrome OS presentationChrome OS presentation
Chrome OS presentationmelodyhe121
 
iPhone Web Applications Development - Prabhu
iPhone Web Applications Development - PrabhuiPhone Web Applications Development - Prabhu
iPhone Web Applications Development - Prabhudesistartups
 
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise
Doing Modern Web, aka JavaScript and HTML5 in the EnterpriseDoing Modern Web, aka JavaScript and HTML5 in the Enterprise
Doing Modern Web, aka JavaScript and HTML5 in the EnterpriseChris Love
 
Recreating mobile controls in mobile web apps
Recreating mobile controls in mobile web appsRecreating mobile controls in mobile web apps
Recreating mobile controls in mobile web appsChris Love
 
Restore From Trash Mac are Now Possible
Restore From Trash Mac are Now PossibleRestore From Trash Mac are Now Possible
Restore From Trash Mac are Now Possiblerestorefromtrash-mac
 
Beyond Responsive Web Design
Beyond Responsive Web DesignBeyond Responsive Web Design
Beyond Responsive Web Designarborwebsolutions
 
Wordpress To Go Democamp Mtl2009
Wordpress To Go Democamp Mtl2009Wordpress To Go Democamp Mtl2009
Wordpress To Go Democamp Mtl2009Brendan Sera-Shriar
 
How To Upload Your Power Point
How To Upload Your Power PointHow To Upload Your Power Point
How To Upload Your Power Pointashleybras
 
That's crazy! how to build single page web apps
That's crazy! how to build single page web appsThat's crazy! how to build single page web apps
That's crazy! how to build single page web appsChris Love
 
5 single page application principles developers need to know
5 single page application principles developers need to know5 single page application principles developers need to know
5 single page application principles developers need to knowChris Love
 
I Phone Developer Introduction By Eschipul
I Phone Developer Introduction By EschipulI Phone Developer Introduction By Eschipul
I Phone Developer Introduction By EschipulEd Schipul
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017Christian Heilmann
 
Best And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and MicrosoftBest And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and MicrosoftJosh Holmes
 

What's hot (18)

Pullman_joseph_fwd_project4
Pullman_joseph_fwd_project4Pullman_joseph_fwd_project4
Pullman_joseph_fwd_project4
 
Chrome OS presentation
Chrome OS presentationChrome OS presentation
Chrome OS presentation
 
iPhone Web Applications Development - Prabhu
iPhone Web Applications Development - PrabhuiPhone Web Applications Development - Prabhu
iPhone Web Applications Development - Prabhu
 
Web Design And Development
Web Design And DevelopmentWeb Design And Development
Web Design And Development
 
Herramientas web 2.0
Herramientas  web 2.0Herramientas  web 2.0
Herramientas web 2.0
 
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise
Doing Modern Web, aka JavaScript and HTML5 in the EnterpriseDoing Modern Web, aka JavaScript and HTML5 in the Enterprise
Doing Modern Web, aka JavaScript and HTML5 in the Enterprise
 
Recreating mobile controls in mobile web apps
Recreating mobile controls in mobile web appsRecreating mobile controls in mobile web apps
Recreating mobile controls in mobile web apps
 
Restore From Trash Mac are Now Possible
Restore From Trash Mac are Now PossibleRestore From Trash Mac are Now Possible
Restore From Trash Mac are Now Possible
 
Beyond Responsive Web Design
Beyond Responsive Web DesignBeyond Responsive Web Design
Beyond Responsive Web Design
 
TPR4
TPR4TPR4
TPR4
 
Wordpress To Go Democamp Mtl2009
Wordpress To Go Democamp Mtl2009Wordpress To Go Democamp Mtl2009
Wordpress To Go Democamp Mtl2009
 
How To Upload Your Power Point
How To Upload Your Power PointHow To Upload Your Power Point
How To Upload Your Power Point
 
That's crazy! how to build single page web apps
That's crazy! how to build single page web appsThat's crazy! how to build single page web apps
That's crazy! how to build single page web apps
 
5 single page application principles developers need to know
5 single page application principles developers need to know5 single page application principles developers need to know
5 single page application principles developers need to know
 
I Phone Developer Introduction By Eschipul
I Phone Developer Introduction By EschipulI Phone Developer Introduction By Eschipul
I Phone Developer Introduction By Eschipul
 
The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017The Progressive Web and its New Challenges - Confoo Montréal 2017
The Progressive Web and its New Challenges - Confoo Montréal 2017
 
Best And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and MicrosoftBest And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and Microsoft
 
WAS-for-dummies
WAS-for-dummiesWAS-for-dummies
WAS-for-dummies
 

Viewers also liked

UBC Tandem Language Exchange Program
UBC Tandem Language Exchange ProgramUBC Tandem Language Exchange Program
UBC Tandem Language Exchange ProgramThomas Dang
 
Public (anonymous) access in CLAS
Public (anonymous) access in CLASPublic (anonymous) access in CLAS
Public (anonymous) access in CLASThomas Dang
 
CLAS usability improvements - Aug 2015
CLAS usability improvements - Aug 2015CLAS usability improvements - Aug 2015
CLAS usability improvements - Aug 2015Thomas Dang
 
Webcam Annotation on CLAS
Webcam Annotation on CLASWebcam Annotation on CLAS
Webcam Annotation on CLASThomas Dang
 
CLAS Introduction for Instructors and Researchers
CLAS Introduction for Instructors and ResearchersCLAS Introduction for Instructors and Researchers
CLAS Introduction for Instructors and ResearchersThomas Dang
 
Import Mediasite Video into CLAS
Import Mediasite Video into CLASImport Mediasite Video into CLAS
Import Mediasite Video into CLASThomas Dang
 
CLAS Feb 2014 update - mass student recording
CLAS Feb 2014 update - mass student recordingCLAS Feb 2014 update - mass student recording
CLAS Feb 2014 update - mass student recordingThomas Dang
 
CLAS brief introduction (with screenshots)
CLAS brief introduction (with screenshots)CLAS brief introduction (with screenshots)
CLAS brief introduction (with screenshots)Thomas Dang
 
Clas reporting nov2015
Clas reporting nov2015Clas reporting nov2015
Clas reporting nov2015Thomas Dang
 
Clas introduction brief (w'out screenshots)
Clas introduction brief (w'out screenshots)Clas introduction brief (w'out screenshots)
Clas introduction brief (w'out screenshots)Thomas Dang
 
Embed CLAS in Blackboard Learn (Connect)
Embed CLAS in Blackboard Learn (Connect)Embed CLAS in Blackboard Learn (Connect)
Embed CLAS in Blackboard Learn (Connect)Thomas Dang
 
CLAS Self-Registration, Course Subscription, and Upload Quota System
CLAS Self-Registration, Course Subscription, and Upload Quota SystemCLAS Self-Registration, Course Subscription, and Upload Quota System
CLAS Self-Registration, Course Subscription, and Upload Quota SystemThomas Dang
 

Viewers also liked (13)

UBC Tandem Language Exchange Program
UBC Tandem Language Exchange ProgramUBC Tandem Language Exchange Program
UBC Tandem Language Exchange Program
 
Public (anonymous) access in CLAS
Public (anonymous) access in CLASPublic (anonymous) access in CLAS
Public (anonymous) access in CLAS
 
CLAS usability improvements - Aug 2015
CLAS usability improvements - Aug 2015CLAS usability improvements - Aug 2015
CLAS usability improvements - Aug 2015
 
Webcam Annotation on CLAS
Webcam Annotation on CLASWebcam Annotation on CLAS
Webcam Annotation on CLAS
 
CLAS Introduction for Instructors and Researchers
CLAS Introduction for Instructors and ResearchersCLAS Introduction for Instructors and Researchers
CLAS Introduction for Instructors and Researchers
 
Import Mediasite Video into CLAS
Import Mediasite Video into CLASImport Mediasite Video into CLAS
Import Mediasite Video into CLAS
 
CLAS Feb 2014 update - mass student recording
CLAS Feb 2014 update - mass student recordingCLAS Feb 2014 update - mass student recording
CLAS Feb 2014 update - mass student recording
 
CLAS brief introduction (with screenshots)
CLAS brief introduction (with screenshots)CLAS brief introduction (with screenshots)
CLAS brief introduction (with screenshots)
 
Clas reporting nov2015
Clas reporting nov2015Clas reporting nov2015
Clas reporting nov2015
 
Clas introduction brief (w'out screenshots)
Clas introduction brief (w'out screenshots)Clas introduction brief (w'out screenshots)
Clas introduction brief (w'out screenshots)
 
Embed CLAS in Blackboard Learn (Connect)
Embed CLAS in Blackboard Learn (Connect)Embed CLAS in Blackboard Learn (Connect)
Embed CLAS in Blackboard Learn (Connect)
 
CLAS Self-Registration, Course Subscription, and Upload Quota System
CLAS Self-Registration, Course Subscription, and Upload Quota SystemCLAS Self-Registration, Course Subscription, and Upload Quota System
CLAS Self-Registration, Course Subscription, and Upload Quota System
 
Hand writing 1
Hand writing   1Hand writing   1
Hand writing 1
 

Similar to CLAS Mobile View and Recording Interface

BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMIBACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMIbacmove
 
Developing for Mobile Web
Developing for Mobile WebDeveloping for Mobile Web
Developing for Mobile WebBarbara Bermes
 
Breaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with DrupalBreaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with DrupalAcquia
 
Debugging and Tuning Mobile Web Sites with Modern Web Browsers
Debugging and Tuning Mobile Web Sites with Modern Web BrowsersDebugging and Tuning Mobile Web Sites with Modern Web Browsers
Debugging and Tuning Mobile Web Sites with Modern Web BrowsersTroy Miles
 
I tools for the pragmatic visionary handout
I tools for the pragmatic visionary handoutI tools for the pragmatic visionary handout
I tools for the pragmatic visionary handoutCASupts
 
Videogram - Building a product with Sencha Touch
Videogram - Building a product with Sencha TouchVideogram - Building a product with Sencha Touch
Videogram - Building a product with Sencha TouchAlexander Wilhelm
 
Incredible embeddables
Incredible embeddablesIncredible embeddables
Incredible embeddablesmlbalmeo
 
Dia 1 intro to mobile and xamarin
Dia 1   intro to mobile and xamarinDia 1   intro to mobile and xamarin
Dia 1 intro to mobile and xamarinHernan Zaldivar
 
Debugging mobile websites and web apps
Debugging mobile websites and web appsDebugging mobile websites and web apps
Debugging mobile websites and web appsMihai Corlan
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .netChris Love
 
SmartPhone Design and Delivery
SmartPhone Design and DeliverySmartPhone Design and Delivery
SmartPhone Design and DeliveryJason Diehl
 
Best Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile AppBest Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile AppSt. Petersburg College
 
Bruce lawson-over-the-air
Bruce lawson-over-the-airBruce lawson-over-the-air
Bruce lawson-over-the-airbrucelawson
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do ThatNathan Smith
 
Mobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital LibrariesMobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital Librariesjason clark
 
html5 & phonegap
html5 & phonegaphtml5 & phonegap
html5 & phonegapCaesar Chi
 

Similar to CLAS Mobile View and Recording Interface (20)

BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMIBACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
BACnet HMI5 - BACnet Touch Panel - BACnet Touch Screen - HMI
 
Developing for Mobile Web
Developing for Mobile WebDeveloping for Mobile Web
Developing for Mobile Web
 
Breaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with DrupalBreaking the Box: Pushing the Boundaries of UX with Drupal
Breaking the Box: Pushing the Boundaries of UX with Drupal
 
Debugging and Tuning Mobile Web Sites with Modern Web Browsers
Debugging and Tuning Mobile Web Sites with Modern Web BrowsersDebugging and Tuning Mobile Web Sites with Modern Web Browsers
Debugging and Tuning Mobile Web Sites with Modern Web Browsers
 
I tools for the pragmatic visionary handout
I tools for the pragmatic visionary handoutI tools for the pragmatic visionary handout
I tools for the pragmatic visionary handout
 
Videogram - Building a product with Sencha Touch
Videogram - Building a product with Sencha TouchVideogram - Building a product with Sencha Touch
Videogram - Building a product with Sencha Touch
 
Incredible embeddables
Incredible embeddablesIncredible embeddables
Incredible embeddables
 
Dia 1 intro to mobile and xamarin
Dia 1   intro to mobile and xamarinDia 1   intro to mobile and xamarin
Dia 1 intro to mobile and xamarin
 
Debugging mobile websites and web apps
Debugging mobile websites and web appsDebugging mobile websites and web apps
Debugging mobile websites and web apps
 
I like i phone and android but know .net
I like i phone and android but know .netI like i phone and android but know .net
I like i phone and android but know .net
 
SmartPhone Design and Delivery
SmartPhone Design and DeliverySmartPhone Design and Delivery
SmartPhone Design and Delivery
 
Phone Gap
Phone GapPhone Gap
Phone Gap
 
PhoneGap/Cordova
PhoneGap/CordovaPhoneGap/Cordova
PhoneGap/Cordova
 
Best Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile AppBest Practices in Mobile Development: Building Your First jQuery Mobile App
Best Practices in Mobile Development: Building Your First jQuery Mobile App
 
Bruce lawson-over-the-air
Bruce lawson-over-the-airBruce lawson-over-the-air
Bruce lawson-over-the-air
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
 
Progressive Web Apps - deep dive
Progressive Web Apps - deep diveProgressive Web Apps - deep dive
Progressive Web Apps - deep dive
 
Mobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital LibrariesMobile Development Tips: Building Mobile Apps for Digital Libraries
Mobile Development Tips: Building Mobile Apps for Digital Libraries
 
html5 & phonegap
html5 & phonegaphtml5 & phonegap
html5 & phonegap
 
Introduction to jQueryMobile
Introduction to jQueryMobileIntroduction to jQueryMobile
Introduction to jQueryMobile
 

Recently uploaded

An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfSanaAli374401
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterMateoGardella
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Shubhangi Sonawane
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfChris Hunter
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxnegromaestrong
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.MateoGardella
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 

Recently uploaded (20)

An Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdfAn Overview of Mutual Funds Bcom Project.pdf
An Overview of Mutual Funds Bcom Project.pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.Gardella_Mateo_IntellectualProperty.pdf.
Gardella_Mateo_IntellectualProperty.pdf.
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 

CLAS Mobile View and Recording Interface

  • 1. Project Owner fred.cutler@ubc.ca Lead Developer thomas .dang@ubc.ca Art s I n s t ructional Suppor t and Information Technology Univer s i ty of Br i t i s h Columbia Collaborative Learning Annotation System MOBILE-FRIENDLY INTERFACE ONE-CLICK RECORDING
  • 2. SHORTER URL’S SERVICE CATALOG PAGE: https://clas.arts.ubc.ca Most CLAS instances can be reached by: clas.arts.ubc.ca/name, such as clas.arts.ubc.ca/ed (or educ), clas.arts.ubc.ca/prod, etc. Any combination of this URL, with or without the http or https, will work when entering into a browser window. They will all point to the *secure* (https) website. ⇒ Easier to enter URL on mobile. Full URL will show up in the mobile history instead of being cut of f. Note: all the old links with applications.arts.ubc.ca still work normally.
  • 3. MOBILE-FRIENDLY CWL AND GUEST LOGIN PAGES
  • 4. ONE-CLICK RECORD PAGE Default page af ter log i n on Mobile, except when a student does not have upload & record privi l ege in any course. Videos are automati c a l l y uploaded and assigned to the student ’ s personal space af ter recording Instructors can then log on, navigate to the student ’ s personal spaces i n their courses, and mark them.
  • 5. VIDEO VIEW ON MOBILE Tap on annotations or comments to view, edit, or reply Tap the account link to switch to record mode, self-enroll, or log out Videos will play in a full-screen, rotatable player * Download annotation is disabled on Mobile
  • 6. ANNOTATE OR COMMENT ON MOBILE On smartphones, when the fullscreen player exi ts, the t ime stamp wi l l be captured so that you can also use the annotation feature.
  • 7. SUPPORTED MOBILE PLATFORMS ¡ Safari on iPhones & iPads ¡ Chrome on Android ¡ IE & Chrome on Windows Phones & Tablets ¡ Chrome on Blackberry. ¡ Not supported: § Firefox on Mobile does not have the full responsive interface, and some pages will display the normal, desktop interface. § Chrome on iOS works fine for all purposes except recording, as it has stability issues when uploading large files
  • 8. CAVEATS ¡ Artificial limits not related to storage capacity may be placed on certain types of mobile phones for web browser based recording § E.g. most i0S phones can only record exactly 10 minutes of video at a time on Safari. The solution to this is to use the native camera app to record first, then use choose “upload existing file” on the one-click record page in CLAS. § There seems to be no limit on Android, so it’s possible to directly record hour-long videos from CLAS on an Android tablet. ¡ The dialog that say “take video or choose existing” that appears when you tap the record button is device specific, and may say something else depend on which phone / tablet you are using. The text above is from iPhone / iPads.