SlideShare a Scribd company logo
1 of 86
#haxtheweb
Warner Bros
elmsln.org
@btopro
#haxthewebhaxtheweb.org
oerschema.org
Bryan
Ollendyke
@btopro
Before we start...
We are actively looking for
partners, collaborators,
developers, grant writers
and adopters to join us
any way you can!
@btopro
Grow with us!
elmsln.org
NGDL
E
Image ©2015 Buttercups Training, used with permission.
What is ?
Idea Domain
courses.aanda.psu.edu/dmd100
courses.aanda.psu.edu/dmd100
studio.aanda.psu.edu/dmd100
studio.aanda.psu.edu/dmd100
studio.aanda.psu.edu/dmd100
studio.aanda.psu.edu/dmd100
#haxtheweb
Warner Bros
🚨🚨 harsh realities ahead🚨🚨
Warner Bros
What is Authoring
Experience?
A quick state of the Jam.. Errr… web authoring
Warner Bros
Contributors are
users, too!
Warner Bros
and you love your
contributors…
Warner Bros
and you love your
contributors…
don’t you?! Warner Bros
AND GIVE TRAININGS
ABOUT MANIPULATING
THIS!?
Some Section header
Second Line
Some Section header
Second Line
”With tons of training our courses
will look modestly better and be
only slightly more accessible”
- CIO / IT Manager
”Our students get a moderately quality
experience when engaging with our courses
on the web. Good thing only a few of them
use the internet.. oh wait..”
- The Dean
So…developers are trying to improve AX,
but...
we-are-not-that-unique
yet-we-act-like-we-are
And hope is on the horizon (sorta)…
And hope is on the horizon… but you can’t use it
https://rianrietveld.com/2018/10/09/i-have-resigned-the-wordpress-accessibility-team/
So what do we do?
?
Why should I use {Sakai, Moodle, WordPress, etc}
when I could just go use {Squarespace or Wix} and
get a
quality authoring experience and keep my own
content?
Faculty member X
“ “
Do we do anything?
?
NGDLE
?
Image ©2015 Buttercups Training, used with permission.
So our stuff is already all over
the place….
Yours most likely is too…
Wordpress…
Wordpress… OER hub,
Pressbooks, static web sites,
LMSs, course resource bins,
libraries….
The proposal…
We go where the web is heading
Wait, where what is heading?!
Where the web is heading! #usetheplatform
webcomponents.org
Why web components and what are they?
<div style=“color:blue;”>
<a href=“link.com”>Name</a>
</div>
<my-button link=“link.com”>
Name
</my-button>
Can you say Semantic markup?
Sustainability
Sustaina-whaaaaa?
Accessibility
Some Section header
Second Line
Purpose baked in
Oerschema.or
So what’s the point
Imagine 1 HTML tag = an entire authoring
experience
<link
rel=“import”
href=“../hax-body/hax-body.html”
/> This one
And that 1 tag, knew how to write other tags...
<hax-body>
<p>Some HTML here</p>
<video-player src=“video.mp4”></video-player>
<exam-question set=”45”></exam-question>
</hax-body>
And those tags worked anywhere!
Image ©2015 Buttercups Training, used with permission.
Some Section header
Second Line
”oh, so this is a
‘drupal thing’”
NO!
Let’s do this… for real!
Warner Bros
hax the web . org
Warner Bros
elmsln.org
@btopro
#haxthewebhaxtheweb.org
oerschema.org

More Related Content

What's hot (10)

Themer's roundtable
Themer's roundtableThemer's roundtable
Themer's roundtable
 
WordPress Beginner Track
WordPress Beginner TrackWordPress Beginner Track
WordPress Beginner Track
 
Drupaldelphia Shortcuts Cheats And Cheap Stunts
Drupaldelphia  Shortcuts Cheats And Cheap StuntsDrupaldelphia  Shortcuts Cheats And Cheap Stunts
Drupaldelphia Shortcuts Cheats And Cheap Stunts
 
Dayton word press meetup
Dayton word press meetupDayton word press meetup
Dayton word press meetup
 
OOCSS
OOCSSOOCSS
OOCSS
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
 
WordPress 101 Saturday Session
WordPress 101 Saturday SessionWordPress 101 Saturday Session
WordPress 101 Saturday Session
 
Killer Docs for Killer Devs
Killer Docs for Killer DevsKiller Docs for Killer Devs
Killer Docs for Killer Devs
 
Triple Your Post Frequency
Triple Your Post FrequencyTriple Your Post Frequency
Triple Your Post Frequency
 
Triple your blog post frequency
Triple your blog post frequencyTriple your blog post frequency
Triple your blog post frequency
 

Similar to Open Ed 2018 - The Free, Open, Decentralized OER publishing platform

It free tech 2013
It free tech 2013It free tech 2013
It free tech 2013
clemaitre
 

Similar to Open Ed 2018 - The Free, Open, Decentralized OER publishing platform (20)

Drupal Govcon 2018 - HAX the web
Drupal Govcon 2018 - HAX the webDrupal Govcon 2018 - HAX the web
Drupal Govcon 2018 - HAX the web
 
HAXcms reveal at BYU APIUnconf
HAXcms reveal at BYU APIUnconfHAXcms reveal at BYU APIUnconf
HAXcms reveal at BYU APIUnconf
 
How to Grow Your Audience Through Accessibility
How to Grow Your Audience Through AccessibilityHow to Grow Your Audience Through Accessibility
How to Grow Your Audience Through Accessibility
 
Organize, Share, Learn - Visual Thinkers Toronto
Organize, Share, Learn - Visual Thinkers TorontoOrganize, Share, Learn - Visual Thinkers Toronto
Organize, Share, Learn - Visual Thinkers Toronto
 
The future is modulair - new approach to web design
The future is modulair - new approach to web designThe future is modulair - new approach to web design
The future is modulair - new approach to web design
 
Wp visual editors - Learning Style
Wp visual editors - Learning StyleWp visual editors - Learning Style
Wp visual editors - Learning Style
 
Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the MadnessFront-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
 
Front-end Tools: Sifting Through the Madness
 Front-end Tools: Sifting Through the Madness Front-end Tools: Sifting Through the Madness
Front-end Tools: Sifting Through the Madness
 
What Is WordPress and Why Is Everyone Talking About It
What Is WordPress and Why Is Everyone Talking About ItWhat Is WordPress and Why Is Everyone Talking About It
What Is WordPress and Why Is Everyone Talking About It
 
From WordPress Configurator to WordPress Developer
From WordPress Configurator to WordPress DeveloperFrom WordPress Configurator to WordPress Developer
From WordPress Configurator to WordPress Developer
 
Wordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelmanWordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelman
 
Responsive Web Design Process
Responsive Web Design ProcessResponsive Web Design Process
Responsive Web Design Process
 
It free tech 2013
It free tech 2013It free tech 2013
It free tech 2013
 
Honey - You're Not Even Responsive - Sharon France
Honey - You're Not Even Responsive - Sharon FranceHoney - You're Not Even Responsive - Sharon France
Honey - You're Not Even Responsive - Sharon France
 
Hacking For Innovation Delhi
Hacking For Innovation DelhiHacking For Innovation Delhi
Hacking For Innovation Delhi
 
Web 2.0 tools teacher workshop
Web 2.0 tools teacher workshopWeb 2.0 tools teacher workshop
Web 2.0 tools teacher workshop
 
WordPress Tools and Tips for any Niche
WordPress Tools and Tips for any NicheWordPress Tools and Tips for any Niche
WordPress Tools and Tips for any Niche
 
Designing Narrative Content Workshop
Designing Narrative Content WorkshopDesigning Narrative Content Workshop
Designing Narrative Content Workshop
 
Loving That Thing You Love: How to Contribute to WordPress
Loving That Thing You Love: How to Contribute to WordPressLoving That Thing You Love: How to Contribute to WordPress
Loving That Thing You Love: How to Contribute to WordPress
 
Getting Acquainted with WordPress
Getting Acquainted with WordPressGetting Acquainted with WordPress
Getting Acquainted with WordPress
 

More from btopro

Future proofing design work with Web components
Future proofing design work with Web componentsFuture proofing design work with Web components
Future proofing design work with Web components
btopro
 

More from btopro (20)

ELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ ApereoELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ Apereo
 
EdTechJoker Open Activism Project
EdTechJoker Open Activism ProjectEdTechJoker Open Activism Project
EdTechJoker Open Activism Project
 
Lecture13 Containers
Lecture13   ContainersLecture13   Containers
Lecture13 Containers
 
Ed techjoker faculty presentation
Ed techjoker faculty presentationEd techjoker faculty presentation
Ed techjoker faculty presentation
 
IST 402 Presentation by Sonya
IST 402 Presentation by SonyaIST 402 Presentation by Sonya
IST 402 Presentation by Sonya
 
Lecture11 - Accessibility
Lecture11  - AccessibilityLecture11  - Accessibility
Lecture11 - Accessibility
 
EdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWebEdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWeb
 
Drupal
DrupalDrupal
Drupal
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPress
 
Grav CMS
Grav CMSGrav CMS
Grav CMS
 
HAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp addressHAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp address
 
HAX camp 2019 - Welcome
HAX camp 2019 - WelcomeHAX camp 2019 - Welcome
HAX camp 2019 - Welcome
 
Web components and Package managers
Web components and Package managersWeb components and Package managers
Web components and Package managers
 
HTML / CSS / JS Web basics
HTML / CSS / JS Web basicsHTML / CSS / JS Web basics
HTML / CSS / JS Web basics
 
Background info on git / github
Background info on git / githubBackground info on git / github
Background info on git / github
 
EdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus dayEdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus day
 
Future proofing design work with Web components
Future proofing design work with Web componentsFuture proofing design work with Web components
Future proofing design work with Web components
 
The case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarThe case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinar
 
HAX - Chaotic Good
HAX - Chaotic GoodHAX - Chaotic Good
HAX - Chaotic Good
 
HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19
 

Recently uploaded

Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
Chris Hunter
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 

Recently uploaded (20)

Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
On National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan FellowsOn National Teacher Day, meet the 2024-25 Kenan Fellows
On National Teacher Day, meet the 2024-25 Kenan Fellows
 
Making and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdfMaking and Justifying Mathematical Decisions.pdf
Making and Justifying Mathematical Decisions.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 

Open Ed 2018 - The Free, Open, Decentralized OER publishing platform

Editor's Notes

  1. Ignore them at your own peril.
  2. Ignore them at your own peril.
  3. Ignore them at your own peril.
  4. In Wpr
  5. In Wpr
  6. In Wpr
  7. In Wpr
  8. Paragraphs, Bricks and Layout
  9. Paragraphs, Bricks and Layout
  10. Paragraphs, Bricks and Layout
  11. Paragraphs, Bricks and Layout
  12. But we’re still just using using toys in the Drupal toybox for Drupal and the Wordpress toybox for wordpress.
  13. But we’re still just using using toys in the Drupal toybox for Drupal and the Wordpress toybox for wordpress.
  14. But we’re still just using using toys in the Drupal toybox for Drupal and the Wordpress toybox for wordpress.
  15. Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  16. Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  17. Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  18. Semantic HTML
  19. Atomic / Uniform / Pattern Library
  20. Atomic / Uniform / Pattern Library
  21. Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  22. Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  23. In 1 year, 6 months of just Bryan and Potter.