Getty Presentation of IMA/AIC OSCI tool
Download as PPTX, PDF1 like858 views
This document provides an overview of the design goals and technical approach for developing an online scholarly reader for catalogues. Key points include: - The reader will be built using Drupal for content management, with a focus on flexible display layouts, support for different content types and media, and open collaboration. - Content like sections, artworks, collectors, and footnotes will have customizable fields and be structured for online reading. - The layout engine will compute flexible multi-column layouts based on font size and browser width. - Navigation, content fetching, and figures will interface with Drupal through a REST API and services module. - Additional features will include highlights, notes, citations,
![Wiki vs HTMLHTMLError proneTerseProvenWiki<span class=“inscription”> signed, bottom right <a href=“???”>Claude Monet 67</a></span>signed, bottom right [[id:24 | Claude Monet 67]]](https://image.slidesharecdn.com/aic-getty-presov2-110725111006-phpapp02/85/Getty-Presentation-of-IMA-AIC-OSCI-tool-50-320.jpg)
![Wiki Example[[art/collections/artist/okeeffe-georgia | Georgia O’Keeffe]]](https://image.slidesharecdn.com/aic-getty-presov2-110725111006-phpapp02/85/Getty-Presentation-of-IMA-AIC-OSCI-tool-52-320.jpg)
![Wiki Example[[carousel:mercury-checklist-283| width=7,crop=y,thumbsize=2]]](https://image.slidesharecdn.com/aic-getty-presov2-110725111006-phpapp02/85/Getty-Presentation-of-IMA-AIC-OSCI-tool-54-320.jpg)
![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. …](https://image.slidesharecdn.com/aic-getty-presov2-110725111006-phpapp02/85/Getty-Presentation-of-IMA-AIC-OSCI-tool-56-320.jpg)
Getty Presentation of IMA/AIC OSCI tool
- 1. A Reading framework for scholarly cataloguesRobert SteinDeputy Director for Research, Technology, and EngagementIndianapolis Museum of ArtJune 2, 2011
- 2. First, a word of thanks
- 3. A bit about you?
- 4. A READING GUIDE TO THESE SLIDESTHE WAY NORMAL PEOPLE SPEAKTHE WAY TECH GEEKS SPEAK
- 5. Credit Flickr ~timtomABOUT IMA LABS
- 6. IMA LabsInnovative Technology Solutions for Arts and Culture
- 8. What We DoDedicated to strategies that help museums meet their technology goals through collaboration, and open-source tools
- 9. Open Tools and Collaboration
- 10. DESIGNINGAN ONLINEREADERCredit Flickr ~scotttboone
- 11. Agile Iterations - “always usable”build on successes
- 12. Easy and clean reading experiencesimple and beautiful
- 13. build confidence – Encourage citationan audience of scholars
- 15. Flickr Credit ~timtomTHE BIGPICTURE
- 17. FEEDSCONTENT MANAGEMENT IN DRUPALUSER EXPERIENCEHTML5 / CSS3 &JAVASCRIPTOur Basic Approach
- 18. A Bit About DrupalUsed by museumsModularVery FlexibleOpen Source & well supportedSmart about permissions and roles
- 19. Many Books on Same WebsitePossibly different requirements per catalogue(i.e. style, interaction, content model, etc…)
- 20. Two Important ModulesDrupal Book ModuleAdds logical ‘book-like’ structure to text and media in the content management systemFeatures: drag-n-drop reordering, hierarchy of chapters / sections; supports multiple books on one websiteServices Module (More about this later)
- 21. vTYPES OF CONTENTCredit Flickr ~camil_t
- 23. Body Copy
- 24. Plate MediaSections are the most basic form of content in the ReaderOther content types inherit these characteristics from Section
- 26. Body Copy
- 28. Curatorial Entry
- 30. Curatorial Entry
- 31. Provenance
- 32. More …VOLUMEISBN
- 33. DOI
- 34. CreditsVolume
- 35. Collector
- 36. Work of Art – Object Information
- 37. Work of Art - Tombstone
- 38. Work of Art – Curatorial Entry
- 39. Footnote Editor
- 40. Adding new content types is supported in Drupal and does not involve writing new codeyour coders need a break
- 41. More about Content TypesUsers can Drag-n-Drop fields to reorderNo Display-side templates in codeEvery field is wrapped in class-names for CSS styling
- 42. Figures can support many kinds of media and interactioninline media and interaction
- 43. More about FiguresMedia Content Types for Figuresi.e. Conservation Imaging ToolIIP Image (carves up the Image and serves tiles)Polymaps (provides user-interface for zoom and rendering)Allows multiple layers and transparencyVector Illustration is supported through SVG as an image layerMedia content types listen for LayoutComplete event from the layout engine and then render themselves and handle interactions
- 46. Figure Editor
- 47. Flickr Credit ~timtomWIKIS & HELP FOR AUTHORS
- 48. Authoring HelpersPaste from Wordstrip ms-html crap from word docAutomated extraction of footnotes to fields in Section authoring toolPreserves simple text-formattingSupport for Diacritics (UTF8 charset);
- 49. supporting non-technical, rich web authoringHow 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 HTMLHTMLError proneTerseProvenWiki<span class=“inscription”> signed, bottom right <a href=“???”>Claude Monet 67</a></span>signed, bottom right [[id:24 | Claude Monet 67]]
- 51. Wiki Example
- 52. Wiki Example[[art/collections/artist/okeeffe-georgia | Georgia O’Keeffe]]
- 53. Wiki Example
- 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. …
- 57. Authoring Helps
- 58. OSCI ReaderUser Experienced Tailored for Scholars and Citable Content
- 59. Remember the Services Module?An abstract module that allows developers to provide API services to external clientsAll front-end tools talk to the Drupal Services Module; allows Drupal to be replaced by another CMS that provides the same API’sNavigation, Fetching Content, Figures/FootnotesREST / JSON to the readerSERVICES API
- 60. Credit Flickr ~timtomFLEXIBLE DISPLAY
- 61. Multiple Layouts (no pages)
- 65. Layout EngineNo knowledge of Drupal, book, etc…Will layout any cleanly formatted HTML texts
- 66. Layout is computed usingFont SizeLine HeightBrowser Size
- 69. Layout settingsMin/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 figureAnchor rule (T|B|TL|TR|BL|BR)Preferred colspan (# / %)
- 71. 13.413.213.313.213.313.113.5Layout Preferences*13.1, anchor = BR *13.3, anchor = TR
- 72. Navigation & StructureVia Services API to DrupalPasses book structure to the reader toolProvides 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 ModuleHTML5 local cache to improve page-flipping performance; stores layoutOnly caches data (text), no media caching (already cached in browser)Timeouts can be customized has to be flushed in browser cacheAmount of local storage is device dependant and impacts reader performance (iOS 5M)
- 78. PDF / ePub SupportEarly support for static catalogues in prototypeFixed versions of interactivesFixed layout based on page sizeEndnotes instead of inline footnotes/figures
- 79. JUST FOR FUNCredit Flickr ~scotttboone
- 84. We’ve tested this on all size screensIphoneFlatpanels 1,2,3, 4, column3-screenTiled display wall
- 86. Future ExtensionsSearchFaceting by Section (Volume, Cat#)Search Notes/Highlights by SectionFacet by Tags on NotesRevisions for Dated CitationsCollection Management IntegrationOAI-PMH (LIDO)
- 88. Even More ExtensionsConservation Imaging toolsOverlays / Interactions / Image RegistrationPrint on Demand integration supportAdd support for semantic markupNeed a good RDF schema that is meaningful for this domain before marking up contentEnhanced support for tablet and multi-touchAutomated Glossary / Index creationExport / Archiving / Preservation
- 89. THANK YOU!
- 91. Design goals for theonline readertimtom/
- 92. DESIGN GOALS FOR THE ONLINE READERscotttboone/
- 93. timtom/
- 94. vcamil_t/
- 95. charlestilford/
- 96. jahdakinebrah/
- 97. pietroizzo/
- 98. photos/d-kav/
Editor's Notes
- #42: Show wiki links and code generation
- #43: Show wiki links and code generation
- #44: Show wiki links and code generation
- #45: Show wiki links and code generation
- #46: Split into 2-3 slides…Add images of wiki-helps (i.e. image helper)Talk / show examples of ‘live preview’
- #47: Split into 2-3 slides…Add images of wiki-helps (i.e. image helper)Talk / show examples of ‘live preview’