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

paul@hibbittsdesign.org

linkedin.com/in/paulhibbitts