Conference 2017 Leveraging a Modern Flat-file CMS as an Open and - - PowerPoint PPT Presentation

▶
conference 2017
SMART_READER_LITE
LIVE PREVIEW

Conference 2017 Leveraging a Modern Flat-file CMS as an Open and - - PowerPoint PPT Presentation

Feb 18, 2023 36 likes •446 views

Conference 2017 Leveraging a Modern Flat-file CMS as an Open and Collaborative Partner for Your LMS Paul Hibbitts @hibbittsdesign Our Topics for This Afternoon Well, Hello Grav! Gravs Key Benefits The Git

slide-1
SLIDE 1

Conference 2017

Leveraging a Modern Flat-file CMS as an Open and Collaborative Partner for Your LMS

Paul Hibbitts @hibbittsdesign

slide-2
SLIDE 2

Conference 2017

#BCNET2017

Our Topics for This Afternoon

  • Well, Hello Grav!
  • Grav’s Key Benefits
  • The Git Sync Plugin
  • 3 Grav-based Open Source Projects:
  • Open Course Hub
  • OER Content Space
  • ePortfolio Blog

@hibbittsdesign 2 04/25/17

slide-3
SLIDE 3

Conference 2017

#BCNET2017

Google Docs Version of These Slides

  • bit.ly/2pieMX6
  • Your comments/feedback are welcome!

@hibbittsdesign 3 04/25/17

slide-4
SLIDE 4

Conference 2017

#BCNET2017 @hibbittsdesign 4 04/25/17

slide-5
SLIDE 5

Conference 2017

#BCNET2017 @hibbittsdesign 5 04/25/17

slide-6
SLIDE 6

Conference 2017

#BCNET2017

Key Benefits: System Admin (IT)

  • Minimal hosting requirements, ≥ PHP 5.5.9
  • No database, so no SQL injection attacks etc.
  • Simple and quick to install, backup and move
  • Skeleton packages (pre-configured Grav sites)
  • Built-in Command Line Interface (CLI)

@hibbittsdesign 6 04/25/17

slide-7
SLIDE 7

Conference 2017

#BCNET2017

Key Benefits: Grav Developers

  • Local/production setup with Git deployment
  • Uses modern, best-in-class technologies

(e.g. Markdown, Twig, and YAML)

  • Layered and extensible architecture
  • Admin-plugin is easily customized
  • Clean and simple plug-in development

@hibbittsdesign 7 04/25/17

slide-8
SLIDE 8

Conference 2017

#BCNET2017

Key Benefits: Site Authors

  • Delivers fast, mobile-friendly Websites
  • Optimized for small to moderate-sized sites
  • Content is accessible independent of CMS
  • Supports modular and custom content types
  • Content, and even themes, can be Git synced

@hibbittsdesign 8 04/25/17

slide-9
SLIDE 9

Conference 2017

#BCNET2017

Who Might be Site Authors?

Moderately “tech-savvy” faculty and/or students

@hibbittsdesign 9 04/25/17

slide-10
SLIDE 10

Conference 2017

#BCNET2017

Grav Full Install (<1 min.)

@hibbittsdesign 10 04/25/17

slide-11
SLIDE 11

Conference 2017

#BCNET2017

Git Sync Plugin for Grav

  • Brings “set-and-forget” Git syncing to Grav
  • Works with any Git repo supporting WebHooks

(i.e. GitHub, GitLab incl. local instance, etc.)

  • Step-by-step setup Wizard
  • Additional Command Line Interface (CLI)

features planned

@hibbittsdesign 11 04/25/17

slide-12
SLIDE 12

Conference 2017

#BCNET2017 @hibbittsdesign 12 04/25/17

slide-13
SLIDE 13

Conference 2017

#BCNET2017

Benefits of Git Sync

  • Automatic versioned backups of Grav pages
  • Open and collaborative workflow using industry

standard Git services

  • All Grav website content is accessible in the
  • pen in a platform-agnostic format via Git repo

@hibbittsdesign 13 04/25/17

slide-14
SLIDE 14

Conference 2017

#BCNET2017

Grav’s Layered Conceptual Design

04/25/17 @hibbittsdesign 14

Core (Engine) Config (YAML) Plugins (PHP/YAML) Themes (Twig/YAML) Content (Markdown/YAML)

slide-15
SLIDE 15

Conference 2017

#BCNET2017

Three Grav in Education Projects

  • Open Course Hub
  • OER Content Space
  • ePortfolio Blog

@hibbittsdesign 15 04/25/17

slide-16
SLIDE 16

Conference 2017

#BCNET2017 04/25/17 @hibbittsdesign 16

Open Course Hub with Git Sync is designed to give tech-savvy instructors an open, collaborative and flexible platform that they can partner with their current LMS

slide-17
SLIDE 17

Conference 2017

#BCNET2017 04/25/17 @hibbittsdesign 17

… in other words, “Flip” the LMS with an open, collaborative, and flexible alternative front-end (i.e. Course Hub)

slide-18
SLIDE 18

Conference 2017

#BCNET2017

Why Flip the LMS?

  • To support pedagogical goals unmet by the

current LMS

  • To deliver a better student (and facilitator)

experience

  • To increase capability of access, sharing and

collaboration

@hibbittsdesign 18 04/25/17

slide-19
SLIDE 19

Conference 2017

#BCNET2017 @hibbittsdesign 19 04/25/17

slide-20
SLIDE 20

Conference 2017

#BCNET2017 @hibbittsdesign 20 04/25/17

slide-21
SLIDE 21

Conference 2017

#BCNET2017 @hibbittsdesign 21 04/25/17

slide-22
SLIDE 22

Conference 2017

#BCNET2017 @hibbittsdesign 22 04/25/17

slide-23
SLIDE 23

Conference 2017

#BCNET2017 @hibbittsdesign 23 04/25/17

slide-24
SLIDE 24

Conference 2017

#BCNET2017 @hibbittsdesign 24 04/25/17

slide-25
SLIDE 25

Conference 2017

#BCNET2017

Open Course Hub

04/25/17 @hibbittsdesign 25

Less Collaborative More Collaborative Less Optimal Workflow More Optimal Workflow

Web install, working with pages only [minimal ~1 minute setup] Grav Course Hub installed on Web server, without any syncing to a Git (i.e. GitHub, GitLab, etc.) repository Web install with Git Sync, working with pages only [basic ~2 minute setup] Grav Course Hub installed on Web server, with automatic syncing to a Git repository Local Git repository copy (i.e. clone), using GitHub Desktop [intermediate ~3 minute setup] Grav Course Hub installed on Web server, with automatic syncing to a Git repository and a local clone of pages for desktop editing Web install with Git Sync, working with pages and themes [advanced ~3 minute setup] Grav Course Hub installed on Web server, with automatic syncing to a Git repository Local Git repository copy (i.e. clone), using GitHub Desktop and MAMP to locally preview site [developer ~5 minute setup] Grav Course Hub installed on Web server, with automatic syncing to a Git repository and a local clone of pages and themes for desktop development

slide-26
SLIDE 26

Conference 2017

#BCNET2017

Course Hub Full Setup (<2 min.)

@hibbittsdesign 26 04/25/17

slide-27
SLIDE 27

Conference 2017

#BCNET2017

Open Course Hub Demo

@hibbittsdesign 27

demo.hibbittsdesign.org/grav-course-hub/

04/25/17

slide-28
SLIDE 28

Conference 2017

#BCNET2017 04/25/17 @hibbittsdesign 28

OER Content Space with Git Sync is designed to help tech-savvy authors share and collaboratively edit Markdown-based Open Educational Resources

slide-29
SLIDE 29

Conference 2017

#BCNET2017 @hibbittsdesign 29 04/25/17

slide-30
SLIDE 30

Conference 2017

#BCNET2017

OER Content Space

04/25/17 @hibbittsdesign 30

Less Collaborative More Collaborative Less Optimal Workflow More Optimal Workflow

Web install [minimal ~1 minute setup] OER Content Space installed on Web server, without any syncing to a Git (i.e. GitHub, GitLab, etc.) repository Web install with Git Sync [basic ~2 minute setup] OER Content Space installed on Web server, with automatic syncing to a Git repository Local Git repository copy (i.e. clone), using GitHub Desktop [intermediate ~3 minute setup] OER Content Space installed on Web server, with automatic syncing to a Git repository and a local clone of pages for desktop editing

slide-31
SLIDE 31

Conference 2017

#BCNET2017

Gantry 5 Theme Builder Included

04/25/17 @hibbittsdesign 31

gantry.org

slide-32
SLIDE 32

Conference 2017

#BCNET2017

OER Content Space Demo

@hibbittsdesign 32

demo.hibbittsdesign.org/grav-oer-content-space/

04/25/17

slide-33
SLIDE 33

Conference 2017

#BCNET2017 04/25/17 @hibbittsdesign 33

ePortfolio Blog with Git Sync is designed to give DIY/tech-savvy students control of their content and publishing workflow using modern

  • pen Web services
slide-34
SLIDE 34

Conference 2017

#BCNET2017 @hibbittsdesign 34 04/25/17

slide-35
SLIDE 35

Conference 2017

#BCNET2017

Gantry 5 Theme Builder Included

04/25/17 @hibbittsdesign 35

gantry.org

slide-36
SLIDE 36

Conference 2017

#BCNET2017

ePortfolio Blog Demo

@hibbittsdesign 36

demo.hibbittsdesign.org/grav-eportfolio-blog/

04/25/17

slide-37
SLIDE 37

Conference 2017

#BCNET2017 04/25/17 @hibbittsdesign 37

BONUS Learn2 theme with Git Sync!

slide-38
SLIDE 38

Conference 2017

#BCNET2017 04/25/17 @hibbittsdesign 38

A customized version of the Grav Learn2 theme, Learn2 with Git Sync is designed to help tech-savvy authors more easily share and collaboratively edit Markdown- based documentation

slide-39
SLIDE 39

Conference 2017

#BCNET2017

Learn2 Git Sync

@hibbittsdesign 39

demo.hibbittsdesign.org/grav-learn2-git-sync/

04/25/17

slide-40
SLIDE 40

Conference 2017

#BCNET2017

Summary

  • Well, Hello Grav!
  • Grav’s Key Benefits
  • The Git Sync Plugin
  • 3 Grav-based Open Source Projects:
  • Open Course Hub
  • OER Content Space
  • ePortfolio Blog
  • BONUS: Learn2 with Git Sync

@hibbittsdesign 40 04/25/17

slide-41
SLIDE 41

Conference 2017

#BCNET2017

Thank you. Q&A Time!

Contact Info

  • Blog: hibbittsdesign.org
  • Twitter: @hibbittsdesign
  • Email: paul@hibbittsdesign.org

Grav CMS

  • Website: getgrav.org
  • Twitter: @getgrav

Projects Shown Today

  • Docs and downloads: learn.hibbittsdesign.org
  • GitHub repos: github.com/hibbitts-design/

@hibbittsdesign 41 04/25/17