festival of learning 2016 - moving beyond the lms with grav
TRANSCRIPT
swipe.to/
MovingBeyondtheLMSwithGrav
FlippingtheLMSwithanOpenandCollaborativeWebPlatform,withPaulHibbitts
Workshopresources:bit.ly/1Y6Aiso
swipe.to/
Whatdoesthislistmakeyouthinkof?
Constrained
Proprietary
Closed
Stationary
Solitary
Monolithic
Slow
Unenjoyable
swipe.to/
swipe.to/
WhatisaFlippedLMS?
swipe.to/
swipe.to/
WhatisaFlipped-LMS?
“AflippedLMSapproachiswhereanopenplatform,inthecontrolofcourseparticipants,
servesasanalternativefront-endtotheinstitutionalLMS.”
swipe.to/
swipe.to/
WhyFliptheLMS?
swipe.to/
WhyFliptheLMS?
TosupportpedagogicalgoalsunmetbythecurrentLMS
Todeliverabetterstudent(andfacilitator)experience
Toincreasecapabilityofaccess,sharingandcollaboration
swipe.to/
WhattoFliptheLMSWith?
swipe.to/
WhattoFliptheLMSWith?
AnOpenandCollaborativePlatform
swipe.to/
swipe.to/
swipe.to/
SomeKeyBenefitsofFlat-fileCMSsforEducators
Nodatabasemeanslittle(orno)ITinvolvementneeded
Increasedportability,asmovingasitenowonlyrequiressimplycopyingfilestoanother
location
Takesfulladvantageofthecollaborativeecosystemnowavailable(i.e.GitHub,GitLab,
etc.)
swipe.to/
WhyIChoseGrav
Extensible
Standards-based
Open
Portable
Collaborative
Modular
Fast
Enjoyable
swipe.to/
Fall2015CMPT363
CourseCompanionHubFlipped-LMSapproachusingGravCMS+GitHubasanopenand
collaborativeplatform,alongwiththeCanvasLMS
swipe.to/
swipe.to/
swipe.to/
swipe.to/
swipe.to/
swipe.to/
So,whatdidupdatingthiscoursehubsitelooklikefortheinstructor(i.e.me)?
swipe.to/
swipe.to/
swipe.to/
swipe.to/
Howlongwouldthatupdatetake?
swipe.to/
Howlongwouldthatupdatetake?
~30Seconds(yourmileagemayvary)
swipe.to/
Break
Questions?
swipe.to/
OpenSourceGravCourseHub
TohelpotherinstructorsuseGravCMSforflippingtheirLMS
swipe.to/
OpenSourceGravCourseHub
…andtohelpstudentsandinstructorsenjoylifejustalittlebitmore
swipe.to/
swipe.to/
CourseHubHighlights
Acompleteready-to-runGravSkeletonPackage(opensource)
Blog-format,with‘featured’(sticky)posts
Importantreminders&classpreparationsareas
Additionalsitepagescanbeeasilyadded
Imageheaderareaabovesitenavbar
Sidebarisasimplemarkdownfile,whichcanalsocontainHTML
URLflagtoonlypresentpagecontent(fordisplay )
ExternallinksareautomaticallyopenedinanewTab/Window
Built-insupportforentiresitetobemaintainedonGitHub/GitLab
SinceeverythingisbuiltwithGravitcanbeentirelycustomized
Explorealivedemoat !
withinLMS
demo.hibbittsdesign.org
swipe.to/
RecommendedToolset
MAMP
Gitservice(e.g.GitHub,GitLab,Gogs,etc.)
GitHubDesktop
Automaticdeploymentservice(e.g.DeployorBuddy)
swipe.to/
WhatSkillsareRequired?
MarkdownorHTMLbasics
Understandingfolderhierarchies(i.e.relativelinks)
Webserveraccess(i.e.FTPlogincredentials)
Text/codeeditorusage(e.g.AtomorBrackets)
GitHubworkingknowledge(recommended)
swipe.to/
GettingGravUpandRunning
swipe.to/
Requirements
AWebserver(Apache,Nginx,LiteSpeed,etc.)
PHP5.5.9orhigher(7.0recommended,2Xfaster!)
swipe.to/
Installation(Serveronly)
1. DownloadGravCourseHubSkeleton(bit.ly/1ZZjstZ)2. Unzipthepackageontoyourdesktop
3. CopytheentireGravfoldertoyourWebserver
4. PointyourbrowserattheWebserverfolder
5. Createyoursiteadministratoraccount
6. Andyou’redone!
swipe.to/
Installation(LocalDesktop)
1. DownloadandinstallMAMP( )
2. Download/unzipGravWorkshopDemoSite( )
3. UnzipthedownloadedGravpackageontoyourdesktop
4. CopytheentireGravfolderintotheMAMP‘htdocs’folder
5. LaunchMAMPandpresstheMAMP‘StartServers’button
6. Enter‘localhost:8888’inWebBrowserandchooseGravfolder
7. Createyoursiteadministratoraccount
8. Andyou’redone!
mamp.info
bit.ly/1QQsJ7z
swipe.to/
swipe.to/
Break
Questions?
swipe.to/
TheBasicsofGrav
AdminPanel
swipe.to/
AdminPanelOverview
The‘AdminPanel’providestheabilitytoeasilymanageyoursite,modifycontent,and
performupdates
swipe.to/
swipe.to/
swipe.to/
swipe.to/
swipe.to/
swipe.to/
TheBasicsofGravCourseHub
SiteStructure
swipe.to/
swipe.to/
swipe.to/
TheBasicsofGravCourseHub
WorkingwithPages
swipe.to/
swipe.to/
swipe.to/
swipe.to/
swipe.to/
TheBasicsofGravCourseHub
WorkingwithPagesasFiles
swipe.to/
swipe.to/
swipe.to/
TheBasicsofGravCourseHub
CombiningGravWiththeWondersofGitHub
swipe.to/
WhatisGitHub?
GitHubisaWebapplicationthatusesapieceofsoftwarecalled‘Git’thatprovidesboth
versioncontrolandcollaborationfeatures
swipe.to/
swipe.to/
swipe.to/
swipe.to/
GravandGitHub
1. SetupaGitHubaccount( )
2. DownloadandconfigureGitHubDesktop( )
3. UsingGitHubDesktop,createanewrepositoryofyourlocallyrunningGravinstallation
4. Commityourentiresitetoyourrepository
5. Setupanautomaticdeploymentservice(canbedonelater)
github.com
desktop.github.com
swipe.to/
TheBasicsofGravCourseHub
SiteConfiguration
swipe.to/
title:CPT-363metadata:description:'Ashortdescriptionofyourcoursewouldgohere'displaymenuentries:enabled:true#displayofadditionalmenuentriesmenu:#menuentryforaddingexternalsites/tools-text:Gravicon:arrow-circle-righturl:http://getgrav.org/icon:#defaultfontawesomeiconsforpreparationandpostentriespost:calendar-ogithub:location:none#menu|page|noneicon:githubtree:https://github.com/hibbitts-design/grav-skeleton-course-hub/edit/master/twittertimeline:enabled:false#displayofTwittertimelineonsidebarwidgetid:'590941541406941184'
swipe.to/
Break
Questions?
swipe.to/
TheBasicsofGravCourseHub
PageContent
swipe.to/
Markdown
Markdownisasyntaxtoformatthedisplayofcontentstoredasplaintext-similarbut
simplerthanHTMLformating
swipe.to/
MarkdownExamples
#YourH1TextHere##YourH2TextHere###YourH3TextHere_youritalictexthere_**yourboldtexthere***yourunorderedlistitemhere#yournumberedlistitemhere[linktext](www.google.com)[linktext](www.google.com"Title")
Tip:Toensureanewparagraphaftertextinmarkdown,puttwospacesaftertheendof
theline
swipe.to/
LinkingGravPages
'[yourlinktext](/path/page)'
swipe.to/
TheBasicsofGravCourseHub
PageTypes
swipe.to/
swipe.to/
StandardPageType
Astandardpageisgenerallythepresentationofastaticitem,andisthemostcommon
typeofpagetypeused.
swipe.to/
swipe.to/
Listing(Blog)PageType
AlistingpageisavariationoftheStandardpagethatcontainsacollectionofsub-pages
(i.e.BlogPosts).
swipe.to/
swipe.to/
ModularPageType
Astandardpageisavariationofthelistingpage,wheremultiplepagesareusedtocreate
asinglepage.
swipe.to/
NextSteps
GravCMS
Website:
Twitter:
Documentation: (builtwithGrav)
MovingBeyondtheLMSwithGrav
Workshopresources:
getgrav.org
@getgrav
learn.getgrav.org
bit.ly/1Y6Aiso
swipe.to/
Thankyou!MyContactInfo:
Blog:
Twitter:
Email:
LinkedIn:
hibbittsdesign.org
@hibbittsdesign
linkedin.com/in/paulhibbitts