SlideShare a Scribd company logo
1 of 88
A Reading framework for scholarly catalogues Robert SteinDeputy Director for Research, Technology, and EngagementIndianapolis Museum of Art June 2, 2011
First, a word of thanks
A bit about you?
A READING GUIDE TO THESE SLIDES THE WAY NORMAL PEOPLE SPEAK THE WAY TECH GEEKS SPEAK
Credit Flickr ~timtom ABOUT  IMA LABS
IMA Labs Innovative Technology Solutions for Arts and Culture
The Reader Team
What We Do Dedicated to strategies that help museums meet their technology goals through collaboration, and open-source tools
Open Tools and Collaboration
DESIGNING AN ONLINE READER Credit Flickr ~scotttboone
Agile Iterations - “always usable” build on successes
Easy and clean reading experience simple and beautiful
build confidence – Encourage citation an audience of scholars
read anywhere multi-platform
Flickr Credit ~timtom THE BIG PICTURE
FEEDS CONTENT  MANAGEMENT  IN DRUPAL USER EXPERIENCE HTML5 / CSS3 & JAVASCRIPT Our Basic Approach
A Bit About Drupal Used by museums Modular Very Flexible Open Source & well supported Smart about permissions and roles
Many Books on Same Website Possibly different requirements per catalogue(i.e. style, interaction, content model, etc…)
Two Important Modules Drupal Book Module Adds logical ‘book-like’ structure to text and media in the content management system Features: drag-n-drop reordering, hierarchy of chapters / sections; supports multiple books on one website Services Module 	(More about this later)
v TYPES OF CONTENT Credit Flickr ~camil_t
Types of Content SECTIONS ,[object Object]
Body Copy
Plate MediaSections are the most basic form of content in the Reader Other content types inherit these characteristics from Section
Types of Content SECTIONS ,[object Object]
Body Copy
Plate MediaCOLLECTOR ,[object Object]
Curatorial Entry
ReferencesARTWORK ,[object Object]
Curatorial Entry
Provenance
More …VOLUME ,[object Object]
DOI
Credits,[object Object]
Collector
Work of Art – Object Information
Work of Art - Tombstone
Work of Art – Curatorial Entry
Footnote Editor
Adding new content types is supported in Drupal and does not involve writing new code your coders need a break
More about Content Types Users can Drag-n-Drop fields to reorder No Display-side templates in code Every field is wrapped in class-names for CSS styling
Figures can support many kinds of media and interaction inline media and interaction
More about Figures Media Content Types for Figures i.e. Conservation Imaging Tool IIP Image (carves up the Image and serves tiles) Polymaps (provides user-interface for zoom and rendering) Allows multiple layers and transparency Vector Illustration is supported through SVG as an image layer Media content types listen for LayoutComplete event from the layout engine and then render themselves and handle interactions
Figure Editor
Flickr Credit ~timtom WIKIS & HELP FOR AUTHORS
Authoring Helpers Paste from Word strip ms-html crap from word doc Automated extraction of footnotes to fields in Section authoring tool Preserves simple text-formatting Support for Diacritics (UTF8 charset);
supporting non-technical, rich web authoring How on earth can we possibly support sophisticated, standards compliant authoring by non-technical staff and still potentially have a chance to maintain and update the content well into the future? Let alone keeping up with the rapid pace of technical change and all that user expectation stuff – what a website ‘feels’ like – all the while continuing to keep in mind the fact that this content should last for 100’s of years and the web might not even be here then…
Wiki vs HTML HTML Error prone Terse Proven Wiki <span class=“inscription”>  signed, bottom right    <a href=“???”>Claude Monet    67</a> </span> signed, bottom right [[id:24 | Claude Monet 67]]
Wiki Example
Wiki Example [[art/collections/artist/okeeffe-georgia | Georgia O’Keeffe]]
Wiki Example
Wiki Example [[carousel:mercury-checklist-283| width=7,crop=y,thumbsize=2]]
Wiki Templates (an extension) As seen on Wikipedia:
Wiki Templates {{exhist:1933.439}} ==Exhibition History {{{each}}} {{{location}}}, {{{facility}}}, "{{{title}}}", {{{dates}}}, {{{cat}}} {{{endeach}}} Exhibition History 	Chicago, The Art Institute of Chicago, Exhibition of the Mrs. L. L. Coburn Collection: Modern Paintings and Watercolors, April 6-October 9, 1932, cat. 19 (ill.). [pp. 7, 18, cat. 19, 47, no. 19 (ill)] 	Paris, Galerie Georges Petit, Monet-Rodin, 1889, cat. 5. 	…
Authoring Helps
OSCI Reader User Experienced Tailored for Scholars and Citable Content
Remember the Services Module? An abstract module that allows developers to provide API services to external clients All front-end tools talk to the Drupal Services Module; allows Drupal to be replaced by another CMS that provides the same API’s Navigation, Fetching Content, Figures/Footnotes REST / JSON to the reader SERVICES API
Credit Flickr ~timtom FLEXIBLE DISPLAY
Multiple Layouts (no pages)
Layout Engine No knowledge of Drupal, book, etc… Will layout any cleanly formatted HTML texts
Layout is computed using Font Size Line Height Browser Size
Layout settings Min/Max Col Width (not #) Page and Gutter margins (in pixels) Min lines per column (orphan rule) (colwrap) Keep headings with next paragraph (colwrap)
Layout hints(html5 data attribs) Aspect ratio of figure Anchor rule (T|B|TL|TR|BL|BR) Preferred colspan (# / %)
13.4 13.2 13.3 13.2 13.3 13.1 13.5 Layout Preferences *13.1, anchor = BR		*13.3, anchor = TR
Navigation & Structure Via Services API to Drupal Passes book structure to the reader tool Provides next / prev sections… total number of sections, current section
Highlights, Notes & Citations
Highlights, Notes & Citations
Highlights, Notes & Citations
Highlights, Notes & Citations
Content Caching Module HTML5 local cache to improve page-flipping performance; stores layout Only caches data (text), no media caching (already cached in browser) Timeouts can be customized has to be flushed in browser cache Amount of local storage is device dependant and impacts reader performance (iOS 5M)
PDF / ePub Support Early support for static catalogues in prototype Fixed versions of interactives Fixed layout based on page size Endnotes instead of inline footnotes/figures
JUST  FOR FUN Credit Flickr ~scotttboone
We’ve tested this on all size screens Iphone Flatpanels 1,2,3, 4, column 3-screen Tiled display wall
Future Extensions Search Faceting by Section (Volume, Cat#) Search Notes/Highlights by Section Facet by Tags on Notes Revisions for Dated Citations Collection Management Integration OAI-PMH (LIDO)
New Design Possibilities?
Even More Extensions Conservation Imaging tools Overlays / Interactions / Image Registration Print on Demand integration support Add support for semantic markup Need a good RDF schema that is meaningful for this domain before marking up content Enhanced support for tablet and multi-touch Automated Glossary / Index creation Export / Archiving / Preservation

More Related Content

Similar to Getty Presentation of IMA/AIC OSCI tool

Introduction to the Semantic Web
Introduction to the Semantic WebIntroduction to the Semantic Web
Introduction to the Semantic Web
liddy
 
Lessons learned from Semantic Wiki
Lessons learned from Semantic WikiLessons learned from Semantic Wiki
Lessons learned from Semantic Wiki
Jie Bao
 

Similar to Getty Presentation of IMA/AIC OSCI tool (20)

Final project 333
Final project 333Final project 333
Final project 333
 
Intro to-html-backbone-angular
Intro to-html-backbone-angularIntro to-html-backbone-angular
Intro to-html-backbone-angular
 
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
Core Web Standards and Competencies - WritersUA East 2015, Scott DeLoach, Cli...
 
A Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI DeveloperA Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI Developer
 
Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009
 
Open Access Week 2017: Life Sciences and Open Sciences - worfkflows and tools
Open Access Week 2017: Life Sciences and Open Sciences - worfkflows and toolsOpen Access Week 2017: Life Sciences and Open Sciences - worfkflows and tools
Open Access Week 2017: Life Sciences and Open Sciences - worfkflows and tools
 
Website Migration Planning
Website Migration PlanningWebsite Migration Planning
Website Migration Planning
 
HTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web DevelopmentHTML5: An Introduction To Next Generation Web Development
HTML5: An Introduction To Next Generation Web Development
 
Usability awareness brown bag
Usability awareness brown bagUsability awareness brown bag
Usability awareness brown bag
 
Rich User Interaction with SVG
Rich User Interaction with SVGRich User Interaction with SVG
Rich User Interaction with SVG
 
Web+Dev+Syllabus.pdf
Web+Dev+Syllabus.pdfWeb+Dev+Syllabus.pdf
Web+Dev+Syllabus.pdf
 
Introduction to the Semantic Web
Introduction to the Semantic WebIntroduction to the Semantic Web
Introduction to the Semantic Web
 
Lessons learned from Semantic Wiki
Lessons learned from Semantic WikiLessons learned from Semantic Wiki
Lessons learned from Semantic Wiki
 
Class 1: Introductions
Class 1: IntroductionsClass 1: Introductions
Class 1: Introductions
 
Red Hat JBoss BRMS and BPMS Workbench and Rich Client Technology
Red Hat JBoss BRMS and BPMS Workbench and Rich Client TechnologyRed Hat JBoss BRMS and BPMS Workbench and Rich Client Technology
Red Hat JBoss BRMS and BPMS Workbench and Rich Client Technology
 
Digital Manuscripts Toolkit, using IIIF and JavaScript. Monica Messaggi Kaya
Digital Manuscripts Toolkit, using IIIF and JavaScript. Monica Messaggi KayaDigital Manuscripts Toolkit, using IIIF and JavaScript. Monica Messaggi Kaya
Digital Manuscripts Toolkit, using IIIF and JavaScript. Monica Messaggi Kaya
 
Digital Manuscripts Toolkit
Digital Manuscripts ToolkitDigital Manuscripts Toolkit
Digital Manuscripts Toolkit
 
DITA's New Thang: Going Mapless!
DITA's New Thang: Going Mapless!DITA's New Thang: Going Mapless!
DITA's New Thang: Going Mapless!
 
Accessibility, Automation and Metadata
Accessibility, Automation and MetadataAccessibility, Automation and Metadata
Accessibility, Automation and Metadata
 
Reviewing Screen-Based Content
Reviewing Screen-Based ContentReviewing Screen-Based Content
Reviewing Screen-Based Content
 

More from Robert J. Stein

Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...
Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...
Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...
Robert J. Stein
 
What is a museum technologist
What is a museum technologistWhat is a museum technologist
What is a museum technologist
Robert J. Stein
 
DMA Friends - Promoting Participation and Engagement with Art
DMA Friends - Promoting Participation and Engagement with ArtDMA Friends - Promoting Participation and Engagement with Art
DMA Friends - Promoting Participation and Engagement with Art
Robert J. Stein
 
Preparing for a multi platform world
Preparing for a multi platform worldPreparing for a multi platform world
Preparing for a multi platform world
Robert J. Stein
 

More from Robert J. Stein (20)

GOALS: Putting Data at the Heart of your Museum
GOALS: Putting Data at the Heart of your MuseumGOALS: Putting Data at the Heart of your Museum
GOALS: Putting Data at the Heart of your Museum
 
A Body in Balance - Imagining and Ecology of Museums
A Body in Balance - Imagining and Ecology of MuseumsA Body in Balance - Imagining and Ecology of Museums
A Body in Balance - Imagining and Ecology of Museums
 
Museums and Big Data — Supporting Exploration, Innovation, and Audience Engag...
Museums and Big Data — Supporting Exploration, Innovation, and Audience Engag...Museums and Big Data — Supporting Exploration, Innovation, and Audience Engag...
Museums and Big Data — Supporting Exploration, Innovation, and Audience Engag...
 
Storytelling: Just Tall Tales or the Future of Museums?
Storytelling: Just Tall Tales or the Future of Museums?Storytelling: Just Tall Tales or the Future of Museums?
Storytelling: Just Tall Tales or the Future of Museums?
 
Musuems... So What?
Musuems... So What?Musuems... So What?
Musuems... So What?
 
Charting the Course: Using Data in the Museum to Explore, Innovate, and Reach...
Charting the Course: Using Data in the Museum to Explore, Innovate, and Reach...Charting the Course: Using Data in the Museum to Explore, Innovate, and Reach...
Charting the Course: Using Data in the Museum to Explore, Innovate, and Reach...
 
Desperately Seeking Innovation: Making Connections Between Art and Science
Desperately Seeking Innovation: Making Connections Between Art and ScienceDesperately Seeking Innovation: Making Connections Between Art and Science
Desperately Seeking Innovation: Making Connections Between Art and Science
 
Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...
Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...
Connecting the Dots: How Digital Methods Become the Glue that Binds Cultural ...
 
Reading the Tea Leaves: Global Trends and Opportunities for Tomorrow's Museums
Reading the Tea Leaves: Global Trends and Opportunities for Tomorrow's MuseumsReading the Tea Leaves: Global Trends and Opportunities for Tomorrow's Museums
Reading the Tea Leaves: Global Trends and Opportunities for Tomorrow's Museums
 
Experience Mining: Understanding Cultural Participation in Museums
Experience Mining: Understanding Cultural Participation in MuseumsExperience Mining: Understanding Cultural Participation in Museums
Experience Mining: Understanding Cultural Participation in Museums
 
Smart Cities Need Smart Museums
Smart Cities Need Smart MuseumsSmart Cities Need Smart Museums
Smart Cities Need Smart Museums
 
Friends with Benefits
Friends with BenefitsFriends with Benefits
Friends with Benefits
 
Museums and the Future of wearables
Museums and the Future of wearablesMuseums and the Future of wearables
Museums and the Future of wearables
 
Mw2014 friends analytics
Mw2014 friends analyticsMw2014 friends analytics
Mw2014 friends analytics
 
Participation at Scale: Leveraging incentive and gamification to promote muse...
Participation at Scale: Leveraging incentive and gamification to promote muse...Participation at Scale: Leveraging incentive and gamification to promote muse...
Participation at Scale: Leveraging incentive and gamification to promote muse...
 
Museums and Civic Responsibility
Museums and Civic ResponsibilityMuseums and Civic Responsibility
Museums and Civic Responsibility
 
What is a museum technologist
What is a museum technologistWhat is a museum technologist
What is a museum technologist
 
DMA Friends - Promoting Participation and Engagement with Art
DMA Friends - Promoting Participation and Engagement with ArtDMA Friends - Promoting Participation and Engagement with Art
DMA Friends - Promoting Participation and Engagement with Art
 
Preparing for a multi platform world
Preparing for a multi platform worldPreparing for a multi platform world
Preparing for a multi platform world
 
Nurturing Engagement
Nurturing EngagementNurturing Engagement
Nurturing Engagement
 

Recently uploaded

Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
Muhammad Subhan
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
 

Recently uploaded (20)

Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
The Ultimate Prompt Engineering Guide for Generative AI: Get the Most Out of ...
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
Vector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptxVector Search @ sw2con for slideshare.pptx
Vector Search @ sw2con for slideshare.pptx
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data Science
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
ChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps ProductivityChatGPT and Beyond - Elevating DevOps Productivity
ChatGPT and Beyond - Elevating DevOps Productivity
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024WebRTC and SIP not just audio and video @ OpenSIPS 2024
WebRTC and SIP not just audio and video @ OpenSIPS 2024
 
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
“Iamnobody89757” Understanding the Mysterious of Digital Identity.pdf
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
 

Getty Presentation of IMA/AIC OSCI tool

  • 1. A Reading framework for scholarly catalogues Robert SteinDeputy Director for Research, Technology, and EngagementIndianapolis Museum of Art June 2, 2011
  • 2. First, a word of thanks
  • 3. A bit about you?
  • 4. A READING GUIDE TO THESE SLIDES THE WAY NORMAL PEOPLE SPEAK THE WAY TECH GEEKS SPEAK
  • 5. Credit Flickr ~timtom ABOUT IMA LABS
  • 6. IMA Labs Innovative Technology Solutions for Arts and Culture
  • 8. What We Do Dedicated to strategies that help museums meet their technology goals through collaboration, and open-source tools
  • 9. Open Tools and Collaboration
  • 10. DESIGNING AN ONLINE READER Credit Flickr ~scotttboone
  • 11. Agile Iterations - “always usable” build on successes
  • 12. Easy and clean reading experience simple and beautiful
  • 13. build confidence – Encourage citation an audience of scholars
  • 15. Flickr Credit ~timtom THE BIG PICTURE
  • 16.
  • 17. FEEDS CONTENT MANAGEMENT IN DRUPAL USER EXPERIENCE HTML5 / CSS3 & JAVASCRIPT Our Basic Approach
  • 18. A Bit About Drupal Used by museums Modular Very Flexible Open Source & well supported Smart about permissions and roles
  • 19. Many Books on Same Website Possibly different requirements per catalogue(i.e. style, interaction, content model, etc…)
  • 20. Two Important Modules Drupal Book Module Adds logical ‘book-like’ structure to text and media in the content management system Features: drag-n-drop reordering, hierarchy of chapters / sections; supports multiple books on one website Services Module (More about this later)
  • 21. v TYPES OF CONTENT Credit Flickr ~camil_t
  • 22.
  • 24. Plate MediaSections are the most basic form of content in the Reader Other content types inherit these characteristics from Section
  • 25.
  • 27.
  • 29.
  • 32.
  • 33. DOI
  • 34.
  • 36. Work of Art – Object Information
  • 37. Work of Art - Tombstone
  • 38. Work of Art – Curatorial Entry
  • 40. Adding new content types is supported in Drupal and does not involve writing new code your coders need a break
  • 41. More about Content Types Users can Drag-n-Drop fields to reorder No Display-side templates in code Every field is wrapped in class-names for CSS styling
  • 42. Figures can support many kinds of media and interaction inline media and interaction
  • 43. More about Figures Media Content Types for Figures i.e. Conservation Imaging Tool IIP Image (carves up the Image and serves tiles) Polymaps (provides user-interface for zoom and rendering) Allows multiple layers and transparency Vector Illustration is supported through SVG as an image layer Media content types listen for LayoutComplete event from the layout engine and then render themselves and handle interactions
  • 44.
  • 45.
  • 47. Flickr Credit ~timtom WIKIS & HELP FOR AUTHORS
  • 48. Authoring Helpers Paste from Word strip ms-html crap from word doc Automated extraction of footnotes to fields in Section authoring tool Preserves simple text-formatting Support for Diacritics (UTF8 charset);
  • 49. supporting non-technical, rich web authoring How on earth can we possibly support sophisticated, standards compliant authoring by non-technical staff and still potentially have a chance to maintain and update the content well into the future? Let alone keeping up with the rapid pace of technical change and all that user expectation stuff – what a website ‘feels’ like – all the while continuing to keep in mind the fact that this content should last for 100’s of years and the web might not even be here then…
  • 50. Wiki vs HTML HTML Error prone Terse Proven Wiki <span class=“inscription”> signed, bottom right <a href=“???”>Claude Monet 67</a> </span> signed, bottom right [[id:24 | Claude Monet 67]]
  • 54. Wiki Example [[carousel:mercury-checklist-283| width=7,crop=y,thumbsize=2]]
  • 55. Wiki Templates (an extension) As seen on Wikipedia:
  • 56. Wiki Templates {{exhist:1933.439}} ==Exhibition History {{{each}}} {{{location}}}, {{{facility}}}, "{{{title}}}", {{{dates}}}, {{{cat}}} {{{endeach}}} Exhibition History Chicago, The Art Institute of Chicago, Exhibition of the Mrs. L. L. Coburn Collection: Modern Paintings and Watercolors, April 6-October 9, 1932, cat. 19 (ill.). [pp. 7, 18, cat. 19, 47, no. 19 (ill)] Paris, Galerie Georges Petit, Monet-Rodin, 1889, cat. 5. …
  • 58. OSCI Reader User Experienced Tailored for Scholars and Citable Content
  • 59. Remember the Services Module? An abstract module that allows developers to provide API services to external clients All front-end tools talk to the Drupal Services Module; allows Drupal to be replaced by another CMS that provides the same API’s Navigation, Fetching Content, Figures/Footnotes REST / JSON to the reader SERVICES API
  • 60. Credit Flickr ~timtom FLEXIBLE DISPLAY
  • 62.
  • 63.
  • 64.
  • 65. Layout Engine No knowledge of Drupal, book, etc… Will layout any cleanly formatted HTML texts
  • 66. Layout is computed using Font Size Line Height Browser Size
  • 67.
  • 68.
  • 69. Layout settings Min/Max Col Width (not #) Page and Gutter margins (in pixels) Min lines per column (orphan rule) (colwrap) Keep headings with next paragraph (colwrap)
  • 70. Layout hints(html5 data attribs) Aspect ratio of figure Anchor rule (T|B|TL|TR|BL|BR) Preferred colspan (# / %)
  • 71. 13.4 13.2 13.3 13.2 13.3 13.1 13.5 Layout Preferences *13.1, anchor = BR *13.3, anchor = TR
  • 72. Navigation & Structure Via Services API to Drupal Passes book structure to the reader tool Provides next / prev sections… total number of sections, current section
  • 73. Highlights, Notes & Citations
  • 74. Highlights, Notes & Citations
  • 75. Highlights, Notes & Citations
  • 76. Highlights, Notes & Citations
  • 77. Content Caching Module HTML5 local cache to improve page-flipping performance; stores layout Only caches data (text), no media caching (already cached in browser) Timeouts can be customized has to be flushed in browser cache Amount of local storage is device dependant and impacts reader performance (iOS 5M)
  • 78. PDF / ePub Support Early support for static catalogues in prototype Fixed versions of interactives Fixed layout based on page size Endnotes instead of inline footnotes/figures
  • 79. JUST FOR FUN Credit Flickr ~scotttboone
  • 80.
  • 81.
  • 82.
  • 83.
  • 84. We’ve tested this on all size screens Iphone Flatpanels 1,2,3, 4, column 3-screen Tiled display wall
  • 85.
  • 86. Future Extensions Search Faceting by Section (Volume, Cat#) Search Notes/Highlights by Section Facet by Tags on Notes Revisions for Dated Citations Collection Management Integration OAI-PMH (LIDO)
  • 88. Even More Extensions Conservation Imaging tools Overlays / Interactions / Image Registration Print on Demand integration support Add support for semantic markup Need a good RDF schema that is meaningful for this domain before marking up content Enhanced support for tablet and multi-touch Automated Glossary / Index creation Export / Archiving / Preservation
  • 90.
  • 91. Design goals for theonline reader timtom/
  • 92. DESIGN GOALS FOR THE ONLINE READER scotttboone/

Editor's Notes

  1. Show wiki links and code generation
  2. Show wiki links and code generation
  3. Show wiki links and code generation
  4. Show wiki links and code generation
  5. Split into 2-3 slides…Add images of wiki-helps (i.e. image helper)Talk / show examples of ‘live preview’
  6. Split into 2-3 slides…Add images of wiki-helps (i.e. image helper)Talk / show examples of ‘live preview’