SlideShare a Scribd company logo
Week 5
Reclaim Hosting CPanel
and GravCMS
Start of our look at
different CMSs
Reclaimhosting.com
getgrav.org
cpanel.net
Bryan Ollendyke
[at]btopro
Developer Activist
reclaimhosting.com
Today’s Topic / What you'll learn about
- Cpanel, minor overview of what it
provides via Reclaim hosting
- GravCMS, background / context / usage
- What we’ll do this week:
- Setup GravCMS in reclaim hosting
(it’s click like 2 buttons)
- Play with GravCMS site building
capabilities
- Build a 5 page website on GravCMS
that effectively communicates the
business case for the platform
Cpanel &
GravCMS
Links to poke around / sources
- https://learn.getgrav.org
learn GravCMS built on GravCMS
(“dog fooding” product)
- https://github.com/getgrav
GravCMS community on github
- https://docs.drupalcommerce.org
Example site built in GravCMS
(Great example of NOT dog fooding)
- https://reclaimhosting.com/
- https://www.cpanel.net/
Cpanel company / product (for reference)
Cpanel &
GravCMS
Terms / definitions for today
- CMS
- YAML
- .MD files
- Flat file CMS
- PHP
- “Site builder” role
- cPanel
- PaaS
Cpanel &
GravCMS
Terms / definitions for today
- CMS – Content management System
Storage house for media and content often
via a UI / login system to empower non-tech
users to build a website / edit one.
- YAML – Yet Another Markup Language
Highly readable, lacking in much syntax
way of structuring meaning in data
- .MD files – Markdown based file extension
- Flat file CMS – Files are not stored in
a database and instead live on the file
system. Reduces requirements to operate
and increases performance / security
(to a certain point)
Cpanel &
GravCMS
Terms / definitions for today
- PHP – Personal Home Page
Very popular server scripting language
especially in CMS communities
- “Site builder” role – person who configures
the website / CMS via a UI. Understands the
concepts of CMS but not programing per say
- cPanel – A UI wrapper that allows for
what previously would be a complex task in
Linux (server side) to be administered via
front end.
cPanel is a company and NOT open source
- PaaS – Platform as a service
Cpanel &
GravCMS
Who’s using Cpanel / when it’s popular
- [lazy] System / server administrators
- “Site builder” level users (you!)
- need to run a server but don’t want to
run a server
- automates the installation of “apps” that
ride on top via install-a-tron
- PaaS solutions like Reclaim hosting
Reclaim pays for a license to cPanel
You then buy Reclaim who has setup and
managed the integration points with cPanel
to provide you with a SaaS solution
Cpanel &
GravCMS
Parts of the server cPanel automates
- Web server (Apache)
- Dynamic programming language (PHP)
- Database setup (when needed)
- Typical “System administration”
- Permissions, folder creation, etc
cPanel
cPanel in their own words
cPanel
cPanel has been around the block
cPanel
Flavors of CMSs
- CMSs dedicated to commerce (osCommerce)
- Dedicated to large scale, complex
workflows (Drupal)
- Dedicated to blogs / small websites
or media / design rich websites
(WordPress / GravCMS)
- Dedicated to a handful of vendors
dominating the space so that governments
are forced to use them *COUGH Drupal*
What’s in a CMS?
https://blissmarcom.com/blog/content-management-system/
The four CMSs we’ll look at this semester
(Though Reclaim can install many more!)
- GravCMS
- HAXcms
- Drupal
- WordPress
Here’s why we’re covering these 4 FOSS CMSs
- HAXcms – My team’s project, a hybrid
experimental “emerging” new form of CMS
- GravCMS – The future is small, portable
and easy to use. Great UX / speed and a
great option for documentation sites
- WordPress – incredibly high adoption
highly likely you’ll run into this or
have run into this in the past
- Drupal – incredibly popular with high
scale sites and companies with deep
pockets or complex needs
Cpanel &
GravCMS
HAXcms 2019 < 10 Experimental
Edu
GravCMS 2014 < 100 Docs
(founder of Joomla 2005) Edu
WordPress 2003 > 10,000,000 Small / Mid
NGO
EDU
Drupal 2000 > 100,000 Top level
Gov, EDU
Marketing
Name Age Community Industries
HAXcms 💰 🦑 < 0.0000001%
GravCMS 💰 💰 🦑 🦑 < 0.5%
(runs fast on minimal spec servers because of no database)
WordPress 💰 💰 💰 🦑 🦑 🦑 33%
(of top 10 mill)
Drupal 💰 💰 💰 💰 💰 🦑 🦑 🦑 🦑 🦑 4% - 6%
Name Cost Complexity Popularity
$3 Million dollars
Who’s using GravCMS / what is it?
- GravCMS, short for Gravity CMS
- Interesting take on a flat file CMS
- Traditional flat file: Just HTML+CSS+JS
- A “build routine” generates files
- Jekyll - https://jekyllrb.com/
- Grav: Files all saved as flat files, but
PHP processes requests dynamically
- This gives you portability while still
able to do run-time processing where
needed. Also removes “build step” as
barrier for novice users
GravCMS
Some examples of usage
https://dev.mixer.com/
Drupal Commerce documentation
https://docs.drupalcommerce.org
Learn2 course theme
https://demo.hibbittsdesign.org/grav-learn2-git-sync
Blogging
https://blog.hibbittsdesign.org/
Primary Features / Concepts of GravCMS
- Simple, small, elegant
– Flat file means download and run
- No database (highly portable)
- “Pages” all saved as .md markdown files
- easy to change files / settings (YAML)
- Easy concepts
- Pages (core page creation section)
- Skeletons (old site == starting point)
- Themes (design)
- Plugins (extend)
- Advanced developer capabilities
- Twig theme templating
- Symphony based (PHP framework)
- Composer package manager
Cpanel &
GravCMS
What we’ll do now
- Explore cPanel to setup a GravCMS site
and see where the files go
- Explore the GravCMS UI and create pages
using the markdown editor it provides
- Add plugins to GravCMS to improve SEO
- Establish the Lab scenario and improve
our communication about the application
of technology through a real world problem
Cpanel &
GravCMS
Lab scenario
- You are a project manager in a design firm
- Your team is 1 developer, 1 site builder,
1 designer and you report to the CEO
- You think GravCMS might be a great way
to deliver 10-20 page marketing websites
faster to small clients
- SEO is critical to rank high on Google or
mom ‘n pop clients will close!! 😲 😲
- Your team isn’t convinced on any CMS as
they always build everything from scratch
GravCMS
Lab deliverable
- Sell the team on Grav by building a site!
- Page 1: Management
How Grav will save money on projects
- Page 2: Developer buy-in
How does Grav improve security?
- Page 3: Designer buy-in
How Grav promotes design / brand quality
- Page 4: Site builder buy-in
What does authoring feel like? How will
Grav improve their day to day interfacing
with clients wanting content changes?
- Page 5: Additional Resources
Link to 3 resources for the team to get more info
GravCMS
Submitting the Lab deliverable
- Create your GravCMS site with the 5 pages
meeting the objectives of each audience
- Record a video demonstrating 1 of the following:
- How to add a new page and author in Grav
record yourself adding or modifying some
of the pages in the deliverable
- How to add plugins, specifically the SEO plugin
and demonstrate what it enables on social media
by showing you sharing one of your pages on
twitter, Facebook or Linkedin.
- Embed a link to your YouTube video in the
Additional Resources page of your Grav Site
- Post your link to your site in #lab5-gravcms
GravCMS
Grading the Lab deliverable
- Did you create a GravCMS site in Reclaim and post
your link to the channel (2pts)
- Did you create the 5 pages and effectively convey
why Grav is useful to different groups? (4pts)
- Did you record a video demonstrating one of the
two concepts in GravCMS? (4pts)
GravCMS
lab
Quick break / Questions?
Let’s build a GravCMS
site on Reclaim hosting
Log into
reclaimhosting.com
GravCMS
reclaimhosting.com
Bryan Ollendyke
[at]btopro

More Related Content

What's hot

Friendly iframes
Friendly iframesFriendly iframes
Friendly iframes
miclumbroso
 
Advantages & Disadvantages of Wordpress
Advantages & Disadvantages of WordpressAdvantages & Disadvantages of Wordpress
Advantages & Disadvantages of Wordpress
Xithi Technologies
 
Library 2.0 : Weblogs : Wordpress
Library 2.0 : Weblogs : WordpressLibrary 2.0 : Weblogs : Wordpress
Library 2.0 : Weblogs : Wordpress
Nurhazman Abdul Aziz
 
What are the advantages and disadvantages of wordpress
What are the advantages and disadvantages of wordpressWhat are the advantages and disadvantages of wordpress
What are the advantages and disadvantages of wordpress
Zenerom Creative Lab
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPress
Bryan Ollendyke
 
Integrate any Angular Project into WebSphere Portal
Integrate any Angular Project into WebSphere PortalIntegrate any Angular Project into WebSphere Portal
Integrate any Angular Project into WebSphere Portal
Himanshu Mendiratta
 
Word press guide_-_makeuseof.com
Word press guide_-_makeuseof.comWord press guide_-_makeuseof.com
Word press guide_-_makeuseof.com
Tan Pham
 
Presentation joomla-introduction
Presentation joomla-introductionPresentation joomla-introduction
Presentation joomla-introduction
krishnapriya Tadepalli
 
Introduction to Wordpress
Introduction to WordpressIntroduction to Wordpress
Introduction to Wordpress
Sandy Ratliff
 
Content management system
Content management systemContent management system
Content management system
giri5624
 
The Power of a Video Library - WordCamp Raleigh
The  Power of a Video Library - WordCamp RaleighThe  Power of a Video Library - WordCamp Raleigh
The Power of a Video Library - WordCamp Raleigh
Lauren Jeffcoat
 
WordPress as a Service
WordPress as a ServiceWordPress as a Service
WordPress as a Service
Andrew Bauer
 
Internationalizing The New York Times
Internationalizing The New York TimesInternationalizing The New York Times
Internationalizing The New York Times
Scott Taylor
 
Presentation1
Presentation1Presentation1
Presentation1
Rosie brown
 
Phpworld.2015 scaling magento
Phpworld.2015 scaling magentoPhpworld.2015 scaling magento
Phpworld.2015 scaling magento
Mathew Beane
 
Pyramid Deployment and Maintenance
Pyramid Deployment and MaintenancePyramid Deployment and Maintenance
Pyramid Deployment and Maintenance
Jazkarta, Inc.
 
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
Exove
 
Why Firefly Loves WordPress
Why Firefly Loves WordPressWhy Firefly Loves WordPress
Why Firefly Loves WordPress
fireflypartners
 
Magento scalability from the trenches (Meet Magento Sweden 2016)
Magento scalability from the trenches (Meet Magento Sweden 2016)Magento scalability from the trenches (Meet Magento Sweden 2016)
Magento scalability from the trenches (Meet Magento Sweden 2016)
Divante
 

What's hot (19)

Friendly iframes
Friendly iframesFriendly iframes
Friendly iframes
 
Advantages & Disadvantages of Wordpress
Advantages & Disadvantages of WordpressAdvantages & Disadvantages of Wordpress
Advantages & Disadvantages of Wordpress
 
Library 2.0 : Weblogs : Wordpress
Library 2.0 : Weblogs : WordpressLibrary 2.0 : Weblogs : Wordpress
Library 2.0 : Weblogs : Wordpress
 
What are the advantages and disadvantages of wordpress
What are the advantages and disadvantages of wordpressWhat are the advantages and disadvantages of wordpress
What are the advantages and disadvantages of wordpress
 
EdTechJoker Spring 2020 - Lecture 6 - WordPress
EdTechJoker Spring 2020 - Lecture 6 -   WordPressEdTechJoker Spring 2020 - Lecture 6 -   WordPress
EdTechJoker Spring 2020 - Lecture 6 - WordPress
 
Integrate any Angular Project into WebSphere Portal
Integrate any Angular Project into WebSphere PortalIntegrate any Angular Project into WebSphere Portal
Integrate any Angular Project into WebSphere Portal
 
Word press guide_-_makeuseof.com
Word press guide_-_makeuseof.comWord press guide_-_makeuseof.com
Word press guide_-_makeuseof.com
 
Presentation joomla-introduction
Presentation joomla-introductionPresentation joomla-introduction
Presentation joomla-introduction
 
Introduction to Wordpress
Introduction to WordpressIntroduction to Wordpress
Introduction to Wordpress
 
Content management system
Content management systemContent management system
Content management system
 
The Power of a Video Library - WordCamp Raleigh
The  Power of a Video Library - WordCamp RaleighThe  Power of a Video Library - WordCamp Raleigh
The Power of a Video Library - WordCamp Raleigh
 
WordPress as a Service
WordPress as a ServiceWordPress as a Service
WordPress as a Service
 
Internationalizing The New York Times
Internationalizing The New York TimesInternationalizing The New York Times
Internationalizing The New York Times
 
Presentation1
Presentation1Presentation1
Presentation1
 
Phpworld.2015 scaling magento
Phpworld.2015 scaling magentoPhpworld.2015 scaling magento
Phpworld.2015 scaling magento
 
Pyramid Deployment and Maintenance
Pyramid Deployment and MaintenancePyramid Deployment and Maintenance
Pyramid Deployment and Maintenance
 
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
Start with Bolt and Go Ez - eZ Publish Summer Camp 2015
 
Why Firefly Loves WordPress
Why Firefly Loves WordPressWhy Firefly Loves WordPress
Why Firefly Loves WordPress
 
Magento scalability from the trenches (Meet Magento Sweden 2016)
Magento scalability from the trenches (Meet Magento Sweden 2016)Magento scalability from the trenches (Meet Magento Sweden 2016)
Magento scalability from the trenches (Meet Magento Sweden 2016)
 

Similar to EdTechJoker Spring 2020 - Lecture 5 grav cms

Drupal Vs.The Others
Drupal Vs.The OthersDrupal Vs.The Others
Drupal Vs.The Others
Exove
 
Drupal 6 Performance Tips
Drupal 6 Performance TipsDrupal 6 Performance Tips
Drupal 6 Performance Tips
Trevor James
 
Word press bg 16x9 draft 16
Word press bg 16x9 draft 16Word press bg 16x9 draft 16
Word press bg 16x9 draft 16
msz
 
Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5
studiokandm
 
Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYC
Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYCEmbracing the modern web using Drupal as Headless CMS with GatsbyJS NYC
Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYC
Jesus Manuel Olivas
 
Make Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speedMake Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speed
Andy Kucharski
 
Decoupling Drupal - Drupal Camp Toronto 2014
Decoupling Drupal - Drupal Camp Toronto 2014Decoupling Drupal - Drupal Camp Toronto 2014
Decoupling Drupal - Drupal Camp Toronto 2014
Alex De Winne
 
Wordpress as a framework
Wordpress as a frameworkWordpress as a framework
Wordpress as a framework
Aggelos Synadakis
 
Improving Drupal Performances
Improving Drupal PerformancesImproving Drupal Performances
Improving Drupal Performances
Vladimir Ilic
 
Drupal
DrupalDrupal
Drupal
btopro
 
HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19
btopro
 
LuisRodriguezLocalDevEnvironmentsDrupalOpenDays
LuisRodriguezLocalDevEnvironmentsDrupalOpenDaysLuisRodriguezLocalDevEnvironmentsDrupalOpenDays
LuisRodriguezLocalDevEnvironmentsDrupalOpenDays
Luis Rodríguez Castromil
 
Drupal by Gaurav Boudh
Drupal by Gaurav BoudhDrupal by Gaurav Boudh
Drupal by Gaurav Boudh
Library and Information Science Blog
 
Mlb drupal bizday_presentation
Mlb drupal bizday_presentationMlb drupal bizday_presentation
Mlb drupal bizday_presentation
erlee72
 
Care and feeding notes
Care and feeding notesCare and feeding notes
Care and feeding notes
Perrin Harkins
 
Intro to advanced web development
Intro to advanced web developmentIntro to advanced web development
Intro to advanced web development
Stevie T
 
Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...
Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...
Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...
sbclapp
 
Drupal 8 Lessons From the Field: Part 3 - The Drupal Backend
Drupal 8 Lessons From the Field: Part 3 - The Drupal BackendDrupal 8 Lessons From the Field: Part 3 - The Drupal Backend
Drupal 8 Lessons From the Field: Part 3 - The Drupal Backend
Acquia
 
BADCamp 2012 -Beginner Best Practices
BADCamp 2012 -Beginner Best PracticesBADCamp 2012 -Beginner Best Practices
BADCamp 2012 -Beginner Best Practices
meghsweet
 
Drupal performance and scalability
Drupal performance and scalabilityDrupal performance and scalability
Drupal performance and scalability
Twinbit
 

Similar to EdTechJoker Spring 2020 - Lecture 5 grav cms (20)

Drupal Vs.The Others
Drupal Vs.The OthersDrupal Vs.The Others
Drupal Vs.The Others
 
Drupal 6 Performance Tips
Drupal 6 Performance TipsDrupal 6 Performance Tips
Drupal 6 Performance Tips
 
Word press bg 16x9 draft 16
Word press bg 16x9 draft 16Word press bg 16x9 draft 16
Word press bg 16x9 draft 16
 
Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5Web Intensive Week 3 - Day 5
Web Intensive Week 3 - Day 5
 
Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYC
Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYCEmbracing the modern web using Drupal as Headless CMS with GatsbyJS NYC
Embracing the modern web using Drupal as Headless CMS with GatsbyJS NYC
 
Make Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speedMake Drupal Run Fast - increase page load speed
Make Drupal Run Fast - increase page load speed
 
Decoupling Drupal - Drupal Camp Toronto 2014
Decoupling Drupal - Drupal Camp Toronto 2014Decoupling Drupal - Drupal Camp Toronto 2014
Decoupling Drupal - Drupal Camp Toronto 2014
 
Wordpress as a framework
Wordpress as a frameworkWordpress as a framework
Wordpress as a framework
 
Improving Drupal Performances
Improving Drupal PerformancesImproving Drupal Performances
Improving Drupal Performances
 
Drupal
DrupalDrupal
Drupal
 
HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19
 
LuisRodriguezLocalDevEnvironmentsDrupalOpenDays
LuisRodriguezLocalDevEnvironmentsDrupalOpenDaysLuisRodriguezLocalDevEnvironmentsDrupalOpenDays
LuisRodriguezLocalDevEnvironmentsDrupalOpenDays
 
Drupal by Gaurav Boudh
Drupal by Gaurav BoudhDrupal by Gaurav Boudh
Drupal by Gaurav Boudh
 
Mlb drupal bizday_presentation
Mlb drupal bizday_presentationMlb drupal bizday_presentation
Mlb drupal bizday_presentation
 
Care and feeding notes
Care and feeding notesCare and feeding notes
Care and feeding notes
 
Intro to advanced web development
Intro to advanced web developmentIntro to advanced web development
Intro to advanced web development
 
Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...
Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...
Drupal is from Mars, Wordpress is from Venus: Finding your library's CMS soul...
 
Drupal 8 Lessons From the Field: Part 3 - The Drupal Backend
Drupal 8 Lessons From the Field: Part 3 - The Drupal BackendDrupal 8 Lessons From the Field: Part 3 - The Drupal Backend
Drupal 8 Lessons From the Field: Part 3 - The Drupal Backend
 
BADCamp 2012 -Beginner Best Practices
BADCamp 2012 -Beginner Best PracticesBADCamp 2012 -Beginner Best Practices
BADCamp 2012 -Beginner Best Practices
 
Drupal performance and scalability
Drupal performance and scalabilityDrupal performance and scalability
Drupal performance and scalability
 

More from Bryan Ollendyke

Lecture 14 - OER final project
Lecture 14 - OER final projectLecture 14 - OER final project
Lecture 14 - OER final project
Bryan Ollendyke
 
Lecture 12 - Docker
Lecture 12 - DockerLecture 12 - Docker
Lecture 12 - Docker
Bryan Ollendyke
 
Lecture 11 - Web components
Lecture 11 - Web componentsLecture 11 - Web components
Lecture 11 - Web components
Bryan Ollendyke
 
EdTechJoker Spring 2020 - Lecture 10 HAXTheWeb
EdTechJoker Spring 2020 - Lecture 10 HAXTheWebEdTechJoker Spring 2020 - Lecture 10 HAXTheWeb
EdTechJoker Spring 2020 - Lecture 10 HAXTheWeb
Bryan Ollendyke
 
EdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal againEdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal again
Bryan Ollendyke
 
EdTechJoker Spring 2020 - Lecture 7 Drupal intro
EdTechJoker Spring 2020 - Lecture 7 Drupal introEdTechJoker Spring 2020 - Lecture 7 Drupal intro
EdTechJoker Spring 2020 - Lecture 7 Drupal intro
Bryan Ollendyke
 
EdTechJoker Spring 2020 - Lecture 4 - HTML
EdTechJoker Spring 2020 - Lecture 4 - HTMLEdTechJoker Spring 2020 - Lecture 4 - HTML
EdTechJoker Spring 2020 - Lecture 4 - HTML
Bryan Ollendyke
 
EdTechJoker Spring 2020 - Lecture 2 - Git
EdTechJoker Spring 2020 - Lecture 2 - GitEdTechJoker Spring 2020 - Lecture 2 - Git
EdTechJoker Spring 2020 - Lecture 2 - Git
Bryan Ollendyke
 
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - WelcomeEdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
Bryan Ollendyke
 
Apereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralization
Apereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralizationApereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralization
Apereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralization
Bryan Ollendyke
 
Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Bryan Ollendyke
 
Apereo 2018 - HAX lightning talk
Apereo 2018 - HAX lightning talkApereo 2018 - HAX lightning talk
Apereo 2018 - HAX lightning talk
Bryan Ollendyke
 
Apereo 2018 - NGDLE efforts
Apereo 2018 - NGDLE effortsApereo 2018 - NGDLE efforts
Apereo 2018 - NGDLE efforts
Bryan Ollendyke
 
Apereo 2018 - Polymer training
Apereo 2018 - Polymer trainingApereo 2018 - Polymer training
Apereo 2018 - Polymer training
Bryan Ollendyke
 
Building and Envisioning a Next Generation Digital Learning Environment
Building and Envisioning a Next Generation Digital Learning EnvironmentBuilding and Envisioning a Next Generation Digital Learning Environment
Building and Envisioning a Next Generation Digital Learning Environment
Bryan Ollendyke
 
History of the web as a platform from 1996 to 2017
History of the web as a platform from 1996 to 2017History of the web as a platform from 1996 to 2017
History of the web as a platform from 1996 to 2017
Bryan Ollendyke
 
NGDLE (2016 version)
NGDLE (2016 version)NGDLE (2016 version)
NGDLE (2016 version)
Bryan Ollendyke
 
Rethinking system design
Rethinking system designRethinking system design
Rethinking system design
Bryan Ollendyke
 
Drupal Govcon 2017 Polymer workshop slides
Drupal Govcon 2017 Polymer workshop slidesDrupal Govcon 2017 Polymer workshop slides
Drupal Govcon 2017 Polymer workshop slides
Bryan Ollendyke
 
Web components, polymer and aligning drupal's destiny
Web components, polymer and aligning drupal's destinyWeb components, polymer and aligning drupal's destiny
Web components, polymer and aligning drupal's destiny
Bryan Ollendyke
 

More from Bryan Ollendyke (20)

Lecture 14 - OER final project
Lecture 14 - OER final projectLecture 14 - OER final project
Lecture 14 - OER final project
 
Lecture 12 - Docker
Lecture 12 - DockerLecture 12 - Docker
Lecture 12 - Docker
 
Lecture 11 - Web components
Lecture 11 - Web componentsLecture 11 - Web components
Lecture 11 - Web components
 
EdTechJoker Spring 2020 - Lecture 10 HAXTheWeb
EdTechJoker Spring 2020 - Lecture 10 HAXTheWebEdTechJoker Spring 2020 - Lecture 10 HAXTheWeb
EdTechJoker Spring 2020 - Lecture 10 HAXTheWeb
 
EdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal againEdTechJoker Spring 2020 - Lecture 8 Drupal again
EdTechJoker Spring 2020 - Lecture 8 Drupal again
 
EdTechJoker Spring 2020 - Lecture 7 Drupal intro
EdTechJoker Spring 2020 - Lecture 7 Drupal introEdTechJoker Spring 2020 - Lecture 7 Drupal intro
EdTechJoker Spring 2020 - Lecture 7 Drupal intro
 
EdTechJoker Spring 2020 - Lecture 4 - HTML
EdTechJoker Spring 2020 - Lecture 4 - HTMLEdTechJoker Spring 2020 - Lecture 4 - HTML
EdTechJoker Spring 2020 - Lecture 4 - HTML
 
EdTechJoker Spring 2020 - Lecture 2 - Git
EdTechJoker Spring 2020 - Lecture 2 - GitEdTechJoker Spring 2020 - Lecture 2 - Git
EdTechJoker Spring 2020 - Lecture 2 - Git
 
EdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - WelcomeEdTechJoker Spring 2020 - Lecture 1 - Welcome
EdTechJoker Spring 2020 - Lecture 1 - Welcome
 
Apereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralization
Apereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralizationApereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralization
Apereo 2018 - NGDLE, OER, Cost reduction, accessibility and decentralization
 
Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...
 
Apereo 2018 - HAX lightning talk
Apereo 2018 - HAX lightning talkApereo 2018 - HAX lightning talk
Apereo 2018 - HAX lightning talk
 
Apereo 2018 - NGDLE efforts
Apereo 2018 - NGDLE effortsApereo 2018 - NGDLE efforts
Apereo 2018 - NGDLE efforts
 
Apereo 2018 - Polymer training
Apereo 2018 - Polymer trainingApereo 2018 - Polymer training
Apereo 2018 - Polymer training
 
Building and Envisioning a Next Generation Digital Learning Environment
Building and Envisioning a Next Generation Digital Learning EnvironmentBuilding and Envisioning a Next Generation Digital Learning Environment
Building and Envisioning a Next Generation Digital Learning Environment
 
History of the web as a platform from 1996 to 2017
History of the web as a platform from 1996 to 2017History of the web as a platform from 1996 to 2017
History of the web as a platform from 1996 to 2017
 
NGDLE (2016 version)
NGDLE (2016 version)NGDLE (2016 version)
NGDLE (2016 version)
 
Rethinking system design
Rethinking system designRethinking system design
Rethinking system design
 
Drupal Govcon 2017 Polymer workshop slides
Drupal Govcon 2017 Polymer workshop slidesDrupal Govcon 2017 Polymer workshop slides
Drupal Govcon 2017 Polymer workshop slides
 
Web components, polymer and aligning drupal's destiny
Web components, polymer and aligning drupal's destinyWeb components, polymer and aligning drupal's destiny
Web components, polymer and aligning drupal's destiny
 

Recently uploaded

The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
heathfieldcps1
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
Priyankaranawat4
 
Life upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for studentLife upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for student
NgcHiNguyn25
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
History of Stoke Newington
 
DRUGS AND ITS classification slide share
DRUGS AND ITS classification slide shareDRUGS AND ITS classification slide share
DRUGS AND ITS classification slide share
taiba qazi
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
Dr. Mulla Adam Ali
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
mulvey2
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
Jean Carlos Nunes Paixão
 
Top five deadliest dog breeds in America
Top five deadliest dog breeds in AmericaTop five deadliest dog breeds in America
Top five deadliest dog breeds in America
Bisnar Chase Personal Injury Attorneys
 
Assessment and Planning in Educational technology.pptx
Assessment and Planning in Educational technology.pptxAssessment and Planning in Educational technology.pptx
Assessment and Planning in Educational technology.pptx
Kavitha Krishnan
 
World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024
ak6969907
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
Celine George
 
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
National Information Standards Organization (NISO)
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
amberjdewit93
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
Celine George
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
thanhdowork
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
Celine George
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Excellence Foundation for South Sudan
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
adhitya5119
 

Recently uploaded (20)

The basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptxThe basics of sentences session 5pptx.pptx
The basics of sentences session 5pptx.pptx
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
 
Life upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for studentLife upper-Intermediate B2 Workbook for student
Life upper-Intermediate B2 Workbook for student
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
 
DRUGS AND ITS classification slide share
DRUGS AND ITS classification slide shareDRUGS AND ITS classification slide share
DRUGS AND ITS classification slide share
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
 
Lapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdfLapbook sobre os Regimes Totalitários.pdf
Lapbook sobre os Regimes Totalitários.pdf
 
Top five deadliest dog breeds in America
Top five deadliest dog breeds in AmericaTop five deadliest dog breeds in America
Top five deadliest dog breeds in America
 
Assessment and Planning in Educational technology.pptx
Assessment and Planning in Educational technology.pptxAssessment and Planning in Educational technology.pptx
Assessment and Planning in Educational technology.pptx
 
World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
 
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
 

EdTechJoker Spring 2020 - Lecture 5 grav cms

  • 1. Week 5 Reclaim Hosting CPanel and GravCMS Start of our look at different CMSs Reclaimhosting.com getgrav.org cpanel.net Bryan Ollendyke [at]btopro Developer Activist
  • 3. Today’s Topic / What you'll learn about - Cpanel, minor overview of what it provides via Reclaim hosting - GravCMS, background / context / usage - What we’ll do this week: - Setup GravCMS in reclaim hosting (it’s click like 2 buttons) - Play with GravCMS site building capabilities - Build a 5 page website on GravCMS that effectively communicates the business case for the platform Cpanel & GravCMS
  • 4. Links to poke around / sources - https://learn.getgrav.org learn GravCMS built on GravCMS (“dog fooding” product) - https://github.com/getgrav GravCMS community on github - https://docs.drupalcommerce.org Example site built in GravCMS (Great example of NOT dog fooding) - https://reclaimhosting.com/ - https://www.cpanel.net/ Cpanel company / product (for reference) Cpanel & GravCMS
  • 5. Terms / definitions for today - CMS - YAML - .MD files - Flat file CMS - PHP - “Site builder” role - cPanel - PaaS Cpanel & GravCMS
  • 6. Terms / definitions for today - CMS – Content management System Storage house for media and content often via a UI / login system to empower non-tech users to build a website / edit one. - YAML – Yet Another Markup Language Highly readable, lacking in much syntax way of structuring meaning in data - .MD files – Markdown based file extension - Flat file CMS – Files are not stored in a database and instead live on the file system. Reduces requirements to operate and increases performance / security (to a certain point) Cpanel & GravCMS
  • 7. Terms / definitions for today - PHP – Personal Home Page Very popular server scripting language especially in CMS communities - “Site builder” role – person who configures the website / CMS via a UI. Understands the concepts of CMS but not programing per say - cPanel – A UI wrapper that allows for what previously would be a complex task in Linux (server side) to be administered via front end. cPanel is a company and NOT open source - PaaS – Platform as a service Cpanel & GravCMS
  • 8. Who’s using Cpanel / when it’s popular - [lazy] System / server administrators - “Site builder” level users (you!) - need to run a server but don’t want to run a server - automates the installation of “apps” that ride on top via install-a-tron - PaaS solutions like Reclaim hosting Reclaim pays for a license to cPanel You then buy Reclaim who has setup and managed the integration points with cPanel to provide you with a SaaS solution Cpanel & GravCMS
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14. Parts of the server cPanel automates - Web server (Apache) - Dynamic programming language (PHP) - Database setup (when needed) - Typical “System administration” - Permissions, folder creation, etc cPanel
  • 15. cPanel in their own words cPanel
  • 16. cPanel has been around the block cPanel
  • 17. Flavors of CMSs - CMSs dedicated to commerce (osCommerce) - Dedicated to large scale, complex workflows (Drupal) - Dedicated to blogs / small websites or media / design rich websites (WordPress / GravCMS) - Dedicated to a handful of vendors dominating the space so that governments are forced to use them *COUGH Drupal*
  • 18. What’s in a CMS? https://blissmarcom.com/blog/content-management-system/
  • 19. The four CMSs we’ll look at this semester (Though Reclaim can install many more!) - GravCMS - HAXcms - Drupal - WordPress
  • 20. Here’s why we’re covering these 4 FOSS CMSs - HAXcms – My team’s project, a hybrid experimental “emerging” new form of CMS - GravCMS – The future is small, portable and easy to use. Great UX / speed and a great option for documentation sites - WordPress – incredibly high adoption highly likely you’ll run into this or have run into this in the past - Drupal – incredibly popular with high scale sites and companies with deep pockets or complex needs Cpanel & GravCMS
  • 21. HAXcms 2019 < 10 Experimental Edu GravCMS 2014 < 100 Docs (founder of Joomla 2005) Edu WordPress 2003 > 10,000,000 Small / Mid NGO EDU Drupal 2000 > 100,000 Top level Gov, EDU Marketing Name Age Community Industries
  • 22. HAXcms 💰 🦑 < 0.0000001% GravCMS 💰 💰 🦑 🦑 < 0.5% (runs fast on minimal spec servers because of no database) WordPress 💰 💰 💰 🦑 🦑 🦑 33% (of top 10 mill) Drupal 💰 💰 💰 💰 💰 🦑 🦑 🦑 🦑 🦑 4% - 6% Name Cost Complexity Popularity
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. Who’s using GravCMS / what is it? - GravCMS, short for Gravity CMS - Interesting take on a flat file CMS - Traditional flat file: Just HTML+CSS+JS - A “build routine” generates files - Jekyll - https://jekyllrb.com/ - Grav: Files all saved as flat files, but PHP processes requests dynamically - This gives you portability while still able to do run-time processing where needed. Also removes “build step” as barrier for novice users GravCMS
  • 29. Some examples of usage https://dev.mixer.com/
  • 33. Primary Features / Concepts of GravCMS - Simple, small, elegant – Flat file means download and run - No database (highly portable) - “Pages” all saved as .md markdown files - easy to change files / settings (YAML) - Easy concepts - Pages (core page creation section) - Skeletons (old site == starting point) - Themes (design) - Plugins (extend) - Advanced developer capabilities - Twig theme templating - Symphony based (PHP framework) - Composer package manager Cpanel & GravCMS
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. What we’ll do now - Explore cPanel to setup a GravCMS site and see where the files go - Explore the GravCMS UI and create pages using the markdown editor it provides - Add plugins to GravCMS to improve SEO - Establish the Lab scenario and improve our communication about the application of technology through a real world problem Cpanel & GravCMS
  • 42. Lab scenario - You are a project manager in a design firm - Your team is 1 developer, 1 site builder, 1 designer and you report to the CEO - You think GravCMS might be a great way to deliver 10-20 page marketing websites faster to small clients - SEO is critical to rank high on Google or mom ‘n pop clients will close!! 😲 😲 - Your team isn’t convinced on any CMS as they always build everything from scratch GravCMS
  • 43. Lab deliverable - Sell the team on Grav by building a site! - Page 1: Management How Grav will save money on projects - Page 2: Developer buy-in How does Grav improve security? - Page 3: Designer buy-in How Grav promotes design / brand quality - Page 4: Site builder buy-in What does authoring feel like? How will Grav improve their day to day interfacing with clients wanting content changes? - Page 5: Additional Resources Link to 3 resources for the team to get more info GravCMS
  • 44. Submitting the Lab deliverable - Create your GravCMS site with the 5 pages meeting the objectives of each audience - Record a video demonstrating 1 of the following: - How to add a new page and author in Grav record yourself adding or modifying some of the pages in the deliverable - How to add plugins, specifically the SEO plugin and demonstrate what it enables on social media by showing you sharing one of your pages on twitter, Facebook or Linkedin. - Embed a link to your YouTube video in the Additional Resources page of your Grav Site - Post your link to your site in #lab5-gravcms GravCMS
  • 45. Grading the Lab deliverable - Did you create a GravCMS site in Reclaim and post your link to the channel (2pts) - Did you create the 5 pages and effectively convey why Grav is useful to different groups? (4pts) - Did you record a video demonstrating one of the two concepts in GravCMS? (4pts) GravCMS lab
  • 46. Quick break / Questions? Let’s build a GravCMS site on Reclaim hosting Log into reclaimhosting.com GravCMS reclaimhosting.com Bryan Ollendyke [at]btopro

Editor's Notes

  1. Icon created by Creative Stall from the Noun Project
  2. Icon created by Creative Stall from the Noun Project
  3. Icon created by Creative Stall from the Noun Project
  4. Icon created by Creative Stall from the Noun Project
  5. Icon created by Creative Stall from the Noun Project