Project EdTechJoker, laid out in slides. A demo was given as prt of this presentation being delivered at Domains 2019. I need you to turn up the temperature on the edtech market through the adoption of the webcomponent standard. Together, we can eliminate corrupt vendors from our space and unleash creativity with higher accessibility and user experience then they can.

1. HAX
Chaotic
G00d
Domains 2019
HAXTheWeb.org
Bryan Ollendyke
[at]btopro
Developer Activist

2. HAX
Chaotic
G00d
Domains 2019
[at]btopro
#EdTechJoker

3. Experimentation platform that allows us to
envision and communicate what a NGDLE could
look like.
The most successful applications from
ELMS:LN are a course content management
system and a [art] studio instruction
management system.
ELMS:LN

8. I invented ELMS:LN two
years before NGDLE was
a horrible acronym
that no one “gets”

9. But that’s not why
we’re here

10. But that’s not why
we’re here
..n0w i$ |t

11. Your CIO / Provost
/
Manager boss type
person
SOLVED
TEACHING WITH
TECHNOLOGY!
Warner Bros

12. Discussion over, we solved

13. Canvas Night and day yall

14. The bands at InstructureCon === the
greatest!
Warner Bros

15. $143,000,000 of student debt annually in
marketing... SO MUCH WINNING
Warner Bros

16. Edtech ===
I’m focusing on one
thread that I think
can undo many more.

20. WE GIVE TRAININGS ABOUT
MANIPULATING THIS
GARBAGE!?

27. 5% less

28. 1000% more

29. Some Section header
Second Line 9000% more

30. Some Section header
Second LineUnknown % more

31. we-are-not-unique

32. yet-we-act-like-we-are

33. We are kept separate by fictional walls
Bound by corporate and ”community” interests
Forever fragmented
Smash
Complacency
Drupal
WordPress
Canvas
Gutenberg
Warner Bros

34. Without
reversing power
flow for the
masses
None of your
accurate ideals
will matter
Indie Web
Is right
But...
Big
Tech
Data

35. You can be as right as you want
but if your shit is hard to use. N0
1 will.

36. [[date]] – <beginning-of-web-platforms date=“1996”>

37. so all our author experiences...
Suck.

38. No matter how good something is
No matter how right something is
No matter how legally required something is
If it’s not easy
No one will use it
Your ideals be damned
Your A11y be damned
And the corporation will own your liberty
btopro
postulate

41. 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/

45. THIS IS NOT A F’ING STANDARD
AND A MEGA CORPORATION
MADE SURE IT GOT THE F IN THERE

46. WORDPRESS YOUR COMMUNITY
HAS BEEN CORRUPTED

47. What do we do

48. We just want to eat
cake (UX)

49. But the cake
is a lie

51. “Sometimes
Men
Don’t
Want
Whats
Logical”
- Alfred
Warner Bros

52. ”People are only as good [at presenting
online course materials] as the [edtech]
world allows them to be”
The EdTech Joker
Warner Bros

53. Approved messaging
1. Action “research”
2. My next ”research” project
3. Integrate with the LMS space
4. Give faculty better tools
5. Open source all the things
6. Restore education

54. I’m not what you’d
call...
N0rm4l.

55. Sending a message
1. Technologist Zer0
2. EdT3chJ0ker
3. C0llapse the publishing industry
4. Empower individuals
5. Decentralize
6. Collapse education’s broken p4rts

56. Technologist Zer0
I’ve created weapons
of technology before

57. Information
2007 - 2015
Altruism

58. Large Land Grant University, 2007

59. Interview Data

60. memoirsBecause when
your given a kitten
You have to take care of it.
Especially a $30k
Kitten you got for free..

61. Now

62. 12 years post “study”
Drupal UX is a non
starter..

63. I’m
Actively
Anti-Drupal
and
Drupal-isms
Mainly for
complexity
Also for
community
corruption
Warner Bros

64. “See, I'm a man of simple tastes. I
like gunpowder [CSS] ...and dynamite
[JS]...and ...gasoline [Web
components]!
Do you know what all of these things
have in common? They’re cheap [W3C
standards]!”
Warner Bros
Why

65. “The 2000 year leap but for the web,
happened last year, and no one has
realized it yet”
- ?

66. “The 2000 year leap but for the web,
happened last year, and no one has
realized it yet”
- btopro
reading this right now

67. We can all be BFFs and leverage each
other’s efforts without adopting every
aspect of each other’s work.
Welcome, to Web components.

68. 2017 – 20xx

69. The new
normal.
Web
Components

72. My interface designer makes a
simple “button” for us to use

73. My interface designer makes a
simple “button” for us to use
My team has to integrate my
designer’s “button” X number of
buttons X number of projects

74. My interface designer makes a
simple “button” for us to use
My team has to integrate my
designer’s “button” X number of
buttons X number of projects
...My “team” will screw this up

86. - Can share across projects
- I contribute 100% to FOSS
- Collapse the “LMS” brick, by, brick
- Collapse publishers brick, by, brick
- Anything becomes an “LMS”
- Anyone is a publisher
Seuss Enterprises
[at]btopro =
Developer
Activists

87. We have produced over 384 reusable web
components.
Of these, 331 are general purpose.
We have more available elements than anyone
I can find record of, including Google.
They are used by ELMS:LN, HAXcms, and in
the wider open web.
They have nothing requiring our projects.
Web
components
By
numbers

88. Disney / Marvel
“I once had strings but now..”

89. Get ready

90. <punnett-square>

91. <vaadin-upload>

92. <grid-plate>

93. <eco-json-schema>

94. <code-editor>

95. <video-player>

96. <lrn-table>

97. <multiple-choice>

98. <rss-items>

99. <iron-ajax>
<paper-button>
<simple-modal>
<self-check>
<wikipedia-query>
<lrn-math>
<user-action>
<simple-colors>
<q-r>
<license-element>
<simple-drawer>

101. <h-a-x>

102. Where
We
Work
With
Enough
Coffee
Anywhere
That
Loads
JavaScript

103. Where
We
Work
With
Enough
Coffee
Anywhere
That
Loads
JavaScript
Oh and now...

104. W00T!

105. HAX
HAXeditor

106. Headless Authoring eXperience
Goal: Create the best possible authoring
experience in a platform (CMS/LMS/Desktop)
and JS library agnostic way.
Why:
- Authoring in CMS / LMS space, Suck.
- Fragmented authoring UX hurts everyone
- Self expression should not require HTML
However:
- HTML is really important
- Our platforms aren’t going away
H.A.X.

107. - 1 line to integrate <h-a-x>
+ 1 line reference <script type=“module”>
- Block editor in context
- Search remote sources in place
- HAX produced content will work without HAX
- Can edit legacy HTML
- A11y baked into platform and elements
- We eliminate many a11y issue in web dev
H.A.X.
Features

108. - Drupal 7 / 8 module
- WordPress plugin
- GravCMS plugin
- BackdropCMS module
- Beaker Browser (Dweb browser)
- Anything that saves body blobs of HTML
And of course...
- HAXcms
In the future (and past)
- HAXcms for Desktop
H.A.X.
Integrations

109. H.A.X.
Demo
HAXTheWeb.org
Warner Bros

110. The last
“CMS”
HAXcms

111. <haxcms-site-builder>

112. Github.com
elmsln/HAXcms

113. - UI to build and manage micro-sites
- what other systems call “multi-site”
- Flat file HTML, git automatically
- copy & paste sharing / remix
- 0 Config, offline capable Stupid fast PWA
- HAXeditor as core editor
- Content outlining tool
- Drag and drop upload
- Freedom.
- huh?
HAXcms
Features

114. - No vendor lock in
– Format migratable by normal people
- Static native DOM code is permanent
- CDN can host JS assets (or local)
- High scale or no power broker
- Contents do not require HAX to use
- flat HTML pages + JSON file
- Seeks 0 maintenance publishing
HAXcms
Political
Features

115. HAXcms
Freedom
U
Sez?

116. HAXiam
Ctrl+alt+del
publishing
industry
Warner Bros
The two most powerful words: I am.
Self expression.
Self identity.
The Self.
- SaaS HAXcms
- Z3R0 config HAXcms install
- Enterprise login brokering
- Lightning fast Lighthouse scores
- User flow:
- logs in, backend makes HAXcms per user
- User can publish microsites at will
- “publish” = OER, Sites, Courses (closed)

117. From Many, Many.
Bryan
Ollendyke
[at]btopro
info@waxam.io