Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Textbooks in Browsers
Kathi Fletcher
@kefletcher, @oerpub
bit.ly / fletcher-bib13

kathi.fletcher@gmail.com
My Background
Kathi Fletcher
Connexions PM and Technical Director 4 Yrs
Shuttleworth Foundation Fellow 3 Yrs

Tools for Re...
Vision for learning

Content with
connections

My classes and
my past
knowledge

Everywhere I
am, on all my
devices

===>
...
Learning content
classes, textbooks, articles

Collabo
rative
Stats

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

h...
Transmogrified
classes, textbooks, articles

Collabo
rative
Stats

=>
http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

...
Everywhere
classes, textbooks, articles

Collabo
rative
Stats

online, mobile, print

=>

=>
http://bit.ly/fletcher-bib13
...
Books & courses in - flash cards out

Collabo
rative
Stats

=>

Birds By Pierre Dalous (Own work) [CC-BY-SA-3.0 (http://cr...
Learning content in - practice probs out

Collabo
rative
Stats

=>
How? Find definitions for flash cards.

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

...
How? Find learner's notes

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
How? Find exercises and problems

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
What is needed to achieve the vision?
Common Format
●

Recognizable structure (definitions,
exercises, etc.)

Easy to use ...
All possible now
HTML5 (language of the web)
● Separate structure and style
● HTMLBook, TextbookHTML
● EPUB3 (language of ...
Github-Bookeditor

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Principles: as much like word/gdocs as possible

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Principle: support attribution

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Principle: born accessible
Images, tables, mathematics

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Principle: Mathematics editing support

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Principle: drag and drop examples, exercises,
notes

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Principle: Support collaboration

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
About github-bookeditor
Usability, accessibility
● Books stored on github
● Format EPUB3/HTML5 (TextbookHTML)
●

●

Edit i...
View book on github

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Services: PDF on demand

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Services: PDF on demand

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Other versions of the editor: remix.oerpub.org
Other versions of the editor: remix.oerpub.org
Connexions' version of the editor

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib1...
Another adaptation: DHWriter

http://bit.ly/fletcher-bib13

@oerpub

@kefletcher

http://bit.ly/fletcher-bib13

#bib13
Try it out
Bookeditor (alpha): (Chrome only right now)
If you don't have a github account, x out of the login and you can
...
Hackday Tomorrow!
October 26, San Francisco
Find Phil – key designer, developer
cnx.org
Help us integrate EPUBjs and
Hypot...
Upcoming SlideShare
Loading in …5
×

Textbooks in browsers

1,908 views

Published on

Talk for Books in Browsers 2013 at the Internet Archive in San Francisco. Showing a new WYSISWYG editor for creating and adapting textbooks in EPUB, web, and PDF format. http://github.com/oerpub/github-bookeditor

Published in: Technology, Education
  • Be the first to comment

  • Be the first to like this

Textbooks in browsers

  1. 1. Textbooks in Browsers Kathi Fletcher @kefletcher, @oerpub bit.ly / fletcher-bib13 kathi.fletcher@gmail.com
  2. 2. My Background Kathi Fletcher Connexions PM and Technical Director 4 Yrs Shuttleworth Foundation Fellow 3 Yrs Tools for Remixing Open Education Resources http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  3. 3. Vision for learning Content with connections My classes and my past knowledge Everywhere I am, on all my devices ===> Student image: By Ron player8 (On College, only for distribution.) CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons
  4. 4. Learning content classes, textbooks, articles Collabo rative Stats http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  5. 5. Transmogrified classes, textbooks, articles Collabo rative Stats => http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  6. 6. Everywhere classes, textbooks, articles Collabo rative Stats online, mobile, print => => http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  7. 7. Books & courses in - flash cards out Collabo rative Stats => Birds By Pierre Dalous (Own work) [CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons
  8. 8. Learning content in - practice probs out Collabo rative Stats =>
  9. 9. How? Find definitions for flash cards. http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  10. 10. How? Find learner's notes http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  11. 11. How? Find exercises and problems http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  12. 12. What is needed to achieve the vision? Common Format ● Recognizable structure (definitions, exercises, etc.) Easy to use editor for authors Easy to extend http://bit.ly/fletcher-bib13 Publicly available books @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  13. 13. All possible now HTML5 (language of the web) ● Separate structure and style ● HTMLBook, TextbookHTML ● EPUB3 (language of mobile web) ● Browser-based technology ● Create, annotate, view on the web ● Content hosts http://bit.ly/fletcher-bib13 ● Github, Connexions ● @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  14. 14. Github-Bookeditor http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  15. 15. Principles: as much like word/gdocs as possible @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  16. 16. Principle: support attribution http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  17. 17. Principle: born accessible Images, tables, mathematics @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  18. 18. Principle: Mathematics editing support @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  19. 19. Principle: drag and drop examples, exercises, notes @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  20. 20. Principle: Support collaboration http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  21. 21. About github-bookeditor Usability, accessibility ● Books stored on github ● Format EPUB3/HTML5 (TextbookHTML) ● ● Edit in the browser Open source (github.com/oerpub) ● Based on Aloha http://bit.ly/fletcher-bib13 ● Embeddable, adaptable ● @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  22. 22. View book on github http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  23. 23. Services: PDF on demand http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  24. 24. Services: PDF on demand http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  25. 25. Other versions of the editor: remix.oerpub.org
  26. 26. Other versions of the editor: remix.oerpub.org
  27. 27. Connexions' version of the editor http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  28. 28. Another adaptation: DHWriter http://bit.ly/fletcher-bib13 @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  29. 29. Try it out Bookeditor (alpha): (Chrome only right now) If you don't have a github account, x out of the login and you can be anonymous Demo book opens and has some more information and links editor.oerpub.org or oerpub.github.io/github-bookeditor Developers: github.com/oerpub/github-bookeditor github.com/oerpub/Aloha-Editor http://bit.ly/fletcher-bib13 github.com/philschatz/pdf-ci @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13
  30. 30. Hackday Tomorrow! October 26, San Francisco Find Phil – key designer, developer cnx.org Help us integrate EPUBjs and Hypothes.is Use vagrant to get a developer instance up and explore your own ideas to extend the editor. @oerpub @kefletcher http://bit.ly/fletcher-bib13 #bib13

×