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,713 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
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,713
On SlideShare
0
From Embeds
0
Number of Embeds
479
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • If I have to remember a poem, then use speech to text to "grade" me. This can quiz me about when the exam is, and give me pictures of people I met at a conference to remember their names.
  • 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

    ×