Top Banner
Embed a minimalist version of CLAS Seamless session transfer from CAS and Shibboleth Zero-setup responsive embedding on any pla<orm Dec 2015 Project Owner: Dr. Fred Cutler Designer & architect: Thomas Dang Arts ISIT, University of British Columbia
9

Minimalist embedcode

Apr 15, 2017

Download

Education

Thomas Dang
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Minimalist embedcode

EmbedaminimalistversionofCLAS

SeamlesssessiontransferfromCASandShibboleth

Zero-setupresponsiveembeddingonany

pla<orm

Dec2015

Project Owner: Dr. Fred Cutler Designer & architect: Thomas Dang

Arts ISIT, University of British Columbia

Page 2: Minimalist embedcode

Why?•  YoucannowembedaminimalistCLASplayerintoanLMS(E.g.Connectat

UBC)orUBCblogs.

•  TheembeddedCLASplayerwillautomaNcallyinheritloginsessionfromeitherCASorShibboleth,sothatuserswon’tneedtologintwicetogettoCLAS

•  LearninganalyNcsmetricscollectedbyCLASwillautomaNcallybeaQributedtothecorrectuser

•  Usercanthenclickonthe“discussthisvideo”buQonontheminimalistplayertobringupthefullCLASinterface

•  CLASembedcodesareautomaNcallyresponsiveregardlessofthetargetenvironment,nopriorconfiguraNonoriframeresizerpluginneeded

Page 3: Minimalist embedcode

EmbedinUBCblog(CASsessiontransfer)clickthe“discuss”buQontobringupafullCLASwindow

Page 4: Minimalist embedcode

EmbedinUBCConnect(Shibbolethsessiontransfer)

Page 5: Minimalist embedcode

EmbedinaUBCblog,whichisthenembeddedinConnect(ShibbolethandCASreconciledautomaNcally)

Page 6: Minimalist embedcode

YoucanalsoembedthisminimalistcodeinasitewithoutauthenNcaNon,andCLASwillpopupitsownloginwindow

instead,ifanonymousviewingisnotenabled

IftherearemulNpleCLASvideosembeddedonapage,thenaXeryouloginviathepop-upwindow,allthoseembeddedframeswillautomaNcallyinheritthenewsessionanddisplaytheirvideos

Page 7: Minimalist embedcode

IntelligentcontentloadingTheCLASembedcodedynamicallydetectsandrecoversfrombrowserrenderingerrors,andwillloadavideosuccessfullyevenwhennestedwithinhiddenelement,suchastheaccordionsusedonmanysitesatUBC.Thisgivescontentdesignersthefreedomtocreatelayoutswithoutworryingthattheembeddedcontentwillfail.TheexampleontherightisaMediasitevideorenderedthroughCLAS,andthesameMediasitevideorenderedbyMediasiteitself,bothembeddedonthewordpressaccordionontheCENS303asiteatUBC.CLASsuccessfullyloadsthevideoonallbrowserswhenMediasiteitselfcannotforFirefoxandSafari.

Page 8: Minimalist embedcode

Automa0cresizingonallpla5orms*without*crossdomainscrip0ng

TheuniqueembeddingmethodofCLASiscompletelyindependentoftargetenvironmentorsecurityrestricNons,sinceitisbasedonanalgorithm,notanyvendor-specifictechnologyorAPI.Inotherwords,itwilljustwork,nospecialsetup,suchasawordpressresizeplugin,neededinadvance.Othervideosourcesthatdonothaveresponsiveembedding,suchasMediasiteandKaltura,canbeconferredthisabilitybyembeddingthroughCLAS.

MediasiteviaCLAS

CLASvideo

YoutubeviaCLAS

Mediasiteonitsown

Kalturaonitsown

Page 9: Minimalist embedcode

Howtouse?Instructors,TA’s,andlearningsupportstaffwillseeaspecialembedcodeboxevenifpublicviewmodeisnotturnedon