SlideShare ist ein Scribd-Unternehmen logo
1 von 25
super widgets

©2013 Metrodigi. All rights reserved.
what’s a widget?
widget
(ˈwijit) n. a mini application with limited functionality
that can be placed on a book page and executed
automatically or by the end user, e.g. a gallery,
clock, stock ticker
what’s a super widget?
super widget
(ˈso͞ opər ˈwijit) n. a mini application with virtually
limitless functionality that can be placed in a book
and executed automatically or by the end user
super widget demo
how does a widget
become super?
widget landscape now
3 steps
1
Find Common Ground
‣ Common widgets

‣ Easy to implement, flexible and customizable

‣ Accessible

‣ Hooks for analytics

‣ Compatible: reading systems and content
creation systems

‣ Open source and open standard
2
introducing “Asimov”
It doesn’t work on a small
scale—it only succeeds 

on a large scale.

!

The larger the number 

of people, the more
predictable the future.
Asimov Widgets
‣ Video

‣ Audio 

‣ Popup

‣ Gallery or image sequence

‣ Multiple choice or true/false quiz

‣ Text resizer

‣ Scrolling sidebar
More Asimov Widgets
‣ Flashcards

‣ Tabs and accordions

‣ Image comparison

‣ Image scroller

‣ Drag-and-drop quiz

‣ Charts and graphs

‣ User contributions and many more
3
No Place Like Home
‣ A user-friendly place to share demos (like the
W3C/IPDF websites)

‣ A developer-friendly place to share code (free,
like GitHub)

‣ An implementer-friendly place to discuss (like a
discussion list/forum)

‣ A collaborator-friendly place to share
specifications (like a wiki)
let’s get going!
Ron Severdia
CTO, Metrodigi
rseverdia@metrodigi.com

www.chaucercloud.com

Markus Gylling
IDPF
mgylling@idpf.org

Weitere ähnliche Inhalte

Ähnlich wie Super Widgets Presentation at EduPub

FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
Frédéric Harper
 
Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1
Julio Camarero
 
Coding for Designers
Coding for DesignersCoding for Designers
Coding for Designers
Milly Schmidt
 
MCAD - FOA 2011 - Session #12
MCAD - FOA 2011 - Session #12MCAD - FOA 2011 - Session #12
MCAD - FOA 2011 - Session #12
Zach Pentel
 
Introduction to Emerging Technologies: Day Two
Introduction to Emerging Technologies: Day TwoIntroduction to Emerging Technologies: Day Two
Introduction to Emerging Technologies: Day Two
Jordan Epp
 

Ähnlich wie Super Widgets Presentation at EduPub (20)

The future of media queries?
The future of media queries?The future of media queries?
The future of media queries?
 
Optimizing content for the "mobile web"
Optimizing content for the "mobile web"Optimizing content for the "mobile web"
Optimizing content for the "mobile web"
 
FITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web DesignFITC - 2012-04-23 - Responsive Web Design
FITC - 2012-04-23 - Responsive Web Design
 
RWD
RWDRWD
RWD
 
Testing beyond the default click-paths
Testing beyond  the default click-pathsTesting beyond  the default click-paths
Testing beyond the default click-paths
 
Antipatterns - Designing for the poor web experience
Antipatterns - Designing for the poor web experienceAntipatterns - Designing for the poor web experience
Antipatterns - Designing for the poor web experience
 
Wassup with Web 2.0
Wassup with Web 2.0Wassup with Web 2.0
Wassup with Web 2.0
 
Html 5 mobile - nitty gritty
Html 5 mobile - nitty grittyHtml 5 mobile - nitty gritty
Html 5 mobile - nitty gritty
 
Accessibility Equals Usability
Accessibility Equals UsabilityAccessibility Equals Usability
Accessibility Equals Usability
 
Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1Implementing Acessibility in Liferay 6.1
Implementing Acessibility in Liferay 6.1
 
Advancio, Inc. Academy: Responsive Web Design
Advancio, Inc. Academy: Responsive Web DesignAdvancio, Inc. Academy: Responsive Web Design
Advancio, Inc. Academy: Responsive Web Design
 
Coding for Designers
Coding for DesignersCoding for Designers
Coding for Designers
 
Why design matters?
Why design matters?Why design matters?
Why design matters?
 
The near future of real web applications
The near future of real web applicationsThe near future of real web applications
The near future of real web applications
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
MCAD - FOA 2011 - Session #12
MCAD - FOA 2011 - Session #12MCAD - FOA 2011 - Session #12
MCAD - FOA 2011 - Session #12
 
Introduction to Emerging Technologies: Day Two
Introduction to Emerging Technologies: Day TwoIntroduction to Emerging Technologies: Day Two
Introduction to Emerging Technologies: Day Two
 
Don't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resourcesDon't Panic! How to perform an accessibility evaluation with limited resources
Don't Panic! How to perform an accessibility evaluation with limited resources
 
Win8 development lessons learned jayway
Win8 development lessons learned jaywayWin8 development lessons learned jayway
Win8 development lessons learned jayway
 
Great Responsive-ability Web Design
Great Responsive-ability Web DesignGreat Responsive-ability Web Design
Great Responsive-ability Web Design
 

Kürzlich hochgeladen

Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 

Kürzlich hochgeladen (20)

Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
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
 
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptxHMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
HMCS Vancouver Pre-Deployment Brief - May 2024 (Web Version).pptx
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
Understanding Accommodations and Modifications
Understanding  Accommodations and ModificationsUnderstanding  Accommodations and Modifications
Understanding Accommodations and Modifications
 
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Hongkong ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
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
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdfUGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
UGC NET Paper 1 Mathematical Reasoning & Aptitude.pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 

Super Widgets Presentation at EduPub

  • 1. super widgets ©2013 Metrodigi. All rights reserved.
  • 2.
  • 3.
  • 4.
  • 6. widget (ˈwijit) n. a mini application with limited functionality that can be placed on a book page and executed automatically or by the end user, e.g. a gallery, clock, stock ticker
  • 8. super widget (ˈso͞ opər ˈwijit) n. a mini application with virtually limitless functionality that can be placed in a book and executed automatically or by the end user
  • 10. how does a widget become super?
  • 12.
  • 13.
  • 15. 1
  • 16. Find Common Ground ‣ Common widgets ‣ Easy to implement, flexible and customizable ‣ Accessible ‣ Hooks for analytics ‣ Compatible: reading systems and content creation systems ‣ Open source and open standard
  • 17. 2
  • 18.
  • 20. It doesn’t work on a small scale—it only succeeds 
 on a large scale. ! The larger the number 
 of people, the more predictable the future.
  • 21. Asimov Widgets ‣ Video ‣ Audio ‣ Popup ‣ Gallery or image sequence ‣ Multiple choice or true/false quiz ‣ Text resizer ‣ Scrolling sidebar
  • 22. More Asimov Widgets ‣ Flashcards ‣ Tabs and accordions ‣ Image comparison ‣ Image scroller ‣ Drag-and-drop quiz ‣ Charts and graphs ‣ User contributions and many more
  • 23. 3
  • 24. No Place Like Home ‣ A user-friendly place to share demos (like the W3C/IPDF websites) ‣ A developer-friendly place to share code (free, like GitHub) ‣ An implementer-friendly place to discuss (like a discussion list/forum) ‣ A collaborator-friendly place to share specifications (like a wiki)
  • 25. let’s get going! Ron Severdia CTO, Metrodigi rseverdia@metrodigi.com www.chaucercloud.com Markus Gylling IDPF mgylling@idpf.org