SlideShare a Scribd company logo
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_project4
Joseph 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 - Prabhu
desistartups
 
Herramientas web 2.0
Herramientas  web 2.0Herramientas  web 2.0
Herramientas web 2.0
kevin antonio pillimue ponce
 
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
Chris 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 apps
Chris 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 Possible
restorefromtrash-mac
 
Beyond Responsive Web Design
Beyond Responsive Web DesignBeyond Responsive Web Design
Beyond Responsive Web Design
arborwebsolutions
 
Wordpress To Go Democamp Mtl2009
Wordpress To Go Democamp Mtl2009Wordpress To Go Democamp Mtl2009
Wordpress To Go Democamp Mtl2009
Brendan 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 know
Chris Love
 
I Phone Developer Introduction By Eschipul
I Phone Developer Introduction By EschipulI Phone Developer Introduction By Eschipul
I Phone Developer Introduction By Eschipul
Ed 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 2017
Christian 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 Microsoft
Josh Holmes
 
WAS-for-dummies
WAS-for-dummiesWAS-for-dummies

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 Program
Thomas Dang
 
Public (anonymous) access in CLAS
Public (anonymous) access in CLASPublic (anonymous) access in CLAS
Public (anonymous) access in CLAS
Thomas Dang
 
CLAS usability improvements - Aug 2015
CLAS usability improvements - Aug 2015CLAS usability improvements - Aug 2015
CLAS usability improvements - Aug 2015
Thomas Dang
 
Webcam Annotation on CLAS
Webcam Annotation on CLASWebcam Annotation on CLAS
Webcam Annotation on CLAS
Thomas Dang
 
CLAS Introduction for Instructors and Researchers
CLAS Introduction for Instructors and ResearchersCLAS Introduction for Instructors and Researchers
CLAS Introduction for Instructors and Researchers
Thomas Dang
 
Import Mediasite Video into CLAS
Import Mediasite Video into CLASImport Mediasite Video into CLAS
Import Mediasite Video into CLAS
Thomas 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 recording
Thomas 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 nov2015
Thomas 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 System
Thomas 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 - HMI
bacmove
 
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 Browsers
Troy 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 Touch
Alexander 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 xamarin
Hernan Zaldivar
 
Debugging mobile websites and web apps
Debugging mobile websites and web appsDebugging mobile websites and web apps
Debugging mobile websites and web apps
Mihai 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 Delivery
Jason Diehl
 
PhoneGap/Cordova
PhoneGap/CordovaPhoneGap/Cordova
PhoneGap/Cordova
Mihai Corlan
 
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
St. Petersburg College
 
Bruce lawson-over-the-air
Bruce lawson-over-the-airBruce lawson-over-the-air
Bruce lawson-over-the-air
brucelawson
 
HTML5 Can't Do That
HTML5 Can't Do ThatHTML5 Can't Do That
HTML5 Can't Do That
Nathan Smith
 
Progressive Web Apps - deep dive
Progressive Web Apps - deep diveProgressive Web Apps - deep dive
Progressive Web Apps - deep dive
Kenneth Rohde Christiansen
 
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
jason clark
 
html5 & phonegap
html5 & phonegaphtml5 & phonegap
html5 & phonegap
Caesar Chi
 
Introduction to jQueryMobile
Introduction to jQueryMobileIntroduction to jQueryMobile
Introduction to jQueryMobile
Jeyakumaran Mayooresan
 

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

Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
DeeptiGupta154
 
How to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERPHow to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERP
Celine George
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
siemaillard
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
Special education needs
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
Celine George
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
GeoBlogs
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
Jheel Barad
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
Excellence Foundation for South Sudan
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
joachimlavalley1
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
Steve Thomason
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
Vivekanand Anglo Vedic Academy
 
How to Break the cycle of negative Thoughts
How to Break the cycle of negative ThoughtsHow to Break the cycle of negative Thoughts
How to Break the cycle of negative Thoughts
Col Mukteshwar Prasad
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
rosedainty
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Thiyagu K
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
PedroFerreira53928
 

Recently uploaded (20)

Overview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with MechanismOverview on Edible Vaccine: Pros & Cons with Mechanism
Overview on Edible Vaccine: Pros & Cons with Mechanism
 
How to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERPHow to Create Map Views in the Odoo 17 ERP
How to Create Map Views in the Odoo 17 ERP
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17How to Make a Field invisible in Odoo 17
How to Make a Field invisible in Odoo 17
 
Fish and Chips - have they had their chips
Fish and Chips - have they had their chipsFish and Chips - have they had their chips
Fish and Chips - have they had their chips
 
Instructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptxInstructions for Submissions thorugh G- Classroom.pptx
Instructions for Submissions thorugh G- Classroom.pptx
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
Additional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdfAdditional Benefits for Employee Website.pdf
Additional Benefits for Employee Website.pdf
 
The Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve ThomasonThe Art Pastor's Guide to Sabbath | Steve Thomason
The Art Pastor's Guide to Sabbath | Steve Thomason
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
How to Break the cycle of negative Thoughts
How to Break the cycle of negative ThoughtsHow to Break the cycle of negative Thoughts
How to Break the cycle of negative Thoughts
 
Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)Template Jadual Bertugas Kelas (Boleh Edit)
Template Jadual Bertugas Kelas (Boleh Edit)
 
Unit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdfUnit 2- Research Aptitude (UGC NET Paper I).pdf
Unit 2- Research Aptitude (UGC NET Paper I).pdf
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
PART A. Introduction to Costumer Service
PART A. Introduction to Costumer ServicePART A. Introduction to Costumer Service
PART A. Introduction to Costumer Service
 

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.