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 Presentation of the AIC-IMA publishing tool for OSCI

‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...
‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...
‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...CONUL Conference
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Webnewcircle
 
Introducing the New DSpace User Interface
Introducing the New DSpace User InterfaceIntroducing the New DSpace User Interface
Introducing the New DSpace User InterfaceTim Donohue
 
Intro to-html-backbone-angular
Intro to-html-backbone-angularIntro to-html-backbone-angular
Intro to-html-backbone-angularzonathen
 
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...Scott DeLoach
 
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 Developernariyaravi
 
Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009Modular Documentation Joe Gelb Techshoret 2009
Modular Documentation Joe Gelb Techshoret 2009Suite Solutions
 
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 toolsOpenAIRE
 
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 DevelopmentTilak Joshi
 
Usability awareness brown bag
Usability awareness brown bagUsability awareness brown bag
Usability awareness brown bagLawrenceNajjar
 
Rich User Interaction with SVG
Rich User Interaction with SVGRich User Interaction with SVG
Rich User Interaction with SVGstsire
 
Introduction to the Semantic Web
Introduction to the Semantic WebIntroduction to the Semantic Web
Introduction to the Semantic Webliddy
 
Lessons learned from Semantic Wiki
Lessons learned from Semantic WikiLessons learned from Semantic Wiki
Lessons learned from Semantic WikiJie Bao
 
Class 1: Introductions
Class 1: IntroductionsClass 1: Introductions
Class 1: IntroductionsErika Tarte
 
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 TechnologyMark Proctor
 
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 KayaFuture Insights
 

Similar to Presentation of the AIC-IMA publishing tool for OSCI (20)

‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...
‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...
‘Online exhibit tools: Google Cultural Institute vs Omeka and other open sour...
 
Volunteer.rb
Volunteer.rbVolunteer.rb
Volunteer.rb
 
Decoding the Web
Decoding the WebDecoding the Web
Decoding the Web
 
Introducing the New DSpace User Interface
Introducing the New DSpace User InterfaceIntroducing the New DSpace User Interface
Introducing the New DSpace User Interface
 
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
 

More from Robert J. Stein

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 MuseumRobert J. Stein
 
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 MuseumsRobert J. Stein
 
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...Robert J. Stein
 
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?Robert J. Stein
 
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...Robert J. Stein
 
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 ScienceRobert 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
 
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 MuseumsRobert J. Stein
 
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 MuseumsRobert J. Stein
 
Smart Cities Need Smart Museums
Smart Cities Need Smart MuseumsSmart Cities Need Smart Museums
Smart Cities Need Smart MuseumsRobert J. Stein
 
Museums and the Future of wearables
Museums and the Future of wearablesMuseums and the Future of wearables
Museums and the Future of wearablesRobert J. Stein
 
Mw2014 friends analytics
Mw2014 friends analyticsMw2014 friends analytics
Mw2014 friends analyticsRobert J. Stein
 
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...Robert J. Stein
 
Museums and Civic Responsibility
Museums and Civic ResponsibilityMuseums and Civic Responsibility
Museums and Civic ResponsibilityRobert J. Stein
 
What is a museum technologist
What is a museum technologistWhat is a museum technologist
What is a museum technologistRobert 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 ArtRobert J. Stein
 
Preparing for a multi platform world
Preparing for a multi platform worldPreparing for a multi platform world
Preparing for a multi platform worldRobert 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

How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfSrushith Repakula
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomCzechDreamin
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfFIDO Alliance
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka DoktorováCzechDreamin
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...CzechDreamin
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfFIDO Alliance
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekCzechDreamin
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCzechDreamin
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераMark Opanasiuk
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfFIDO Alliance
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?Mark Billinghurst
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FIDO Alliance
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...CzechDreamin
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityScyllaDB
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfFIDO Alliance
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyUXDXConf
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyJohn Staveley
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutesconfluent
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceSamy Fodil
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastUXDXConf
 

Recently uploaded (20)

How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
AI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří KarpíšekAI revolution and Salesforce, Jiří Karpíšek
AI revolution and Salesforce, Jiří Karpíšek
 
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya HalderCustom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
Custom Approval Process: A New Perspective, Pavel Hrbacek & Anindya Halder
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
Optimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through ObservabilityOptimizing NoSQL Performance Through Observability
Optimizing NoSQL Performance Through Observability
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
A Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System StrategyA Business-Centric Approach to Design System Strategy
A Business-Centric Approach to Design System Strategy
 
Demystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John StaveleyDemystifying gRPC in .Net by John Staveley
Demystifying gRPC in .Net by John Staveley
 
Speed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in MinutesSpeed Wins: From Kafka to APIs in Minutes
Speed Wins: From Kafka to APIs in Minutes
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 

Presentation of the AIC-IMA publishing tool for OSCI

  • 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’