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 Mobile-Friendly CLAS 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 Mobile-Friendly CLAS 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

भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,Virag Sontakke
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfUjwalaBharambe
 
Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...jaredbarbolino94
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaVirag Sontakke
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupJonathanParaisoCruz
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceSamikshaHamane
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfadityarao40181
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxthorishapillay1
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for BeginnersSabitha Banu
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxJiesonDelaCerna
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfMahmoud M. Sallam
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 

Recently uploaded (20)

भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,भारत-रोम व्यापार.pptx, Indo-Roman Trade,
भारत-रोम व्यापार.pptx, Indo-Roman Trade,
 
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdfFraming an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
Framing an Appropriate Research Question 6b9b26d93da94caf993c038d9efcdedb.pdf
 
Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...Historical philosophical, theoretical, and legal foundations of special and i...
Historical philosophical, theoretical, and legal foundations of special and i...
 
Painted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of IndiaPainted Grey Ware.pptx, PGW Culture of India
Painted Grey Ware.pptx, PGW Culture of India
 
MARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized GroupMARGINALIZATION (Different learners in Marginalized Group
MARGINALIZATION (Different learners in Marginalized Group
 
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in PharmacovigilanceRoles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
 
Biting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdfBiting mechanism of poisonous snakes.pdf
Biting mechanism of poisonous snakes.pdf
 
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptxProudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
Full Stack Web Development Course for Beginners
Full Stack Web Development Course  for BeginnersFull Stack Web Development Course  for Beginners
Full Stack Web Development Course for Beginners
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptxCELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptx
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Pharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdfPharmacognosy Flower 3. Compositae 2023.pdf
Pharmacognosy Flower 3. Compositae 2023.pdf
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 

Mobile-Friendly CLAS 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.