• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Getty Presentation of IMA/AIC OSCI tool
 

Getty Presentation of IMA/AIC OSCI tool

on

  • 976 views

 

Statistics

Views

Total Views
976
Views on SlideShare
975
Embed Views
1

Actions

Likes
0
Downloads
3
Comments
0

1 Embed 1

http://www1.umn.edu 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Show wiki links and code generation
  • Show wiki links and code generation
  • Show wiki links and code generation
  • Show wiki links and code generation
  • Split into 2-3 slides…Add images of wiki-helps (i.e. image helper)Talk / show examples of ‘live preview’
  • Split into 2-3 slides…Add images of wiki-helps (i.e. image helper)Talk / show examples of ‘live preview’

Getty Presentation of IMA/AIC OSCI tool Getty Presentation of IMA/AIC OSCI tool Presentation Transcript

  • 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
    • Title
    • Body Copy
    • Plate Media
    Sections are the most basic form of content in the Reader
    Other content types inherit these characteristics from Section
  • Types of Content
    SECTIONS
    • Title
    • Body Copy
    • Plate Media
    COLLECTOR
    • Biography
    • Curatorial Entry
    • References
    ARTWORK
    • Tombstone
    • Curatorial Entry
    • Provenance
    • More …
    VOLUME
    • ISBN
    • DOI
    • Credits
  • Volume
  • 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
  • THANK YOU!
  • Design goals for theonline reader
    timtom/
  • DESIGN GOALS FOR THE ONLINE READER
    scotttboone/
  • timtom/
  • v
    camil_t/
  • charlestilford/
  • jahdakinebrah/
  • pietroizzo/
  • photos/d-kav/