LaunchPad @ the Art Institute of Chicago


Published on

A presentation co

Published in: Education
  • What a great presentation Liz! I shared it with my family and if its ok, I'd love to share this with my Harvard and MIT advisors, colleagues in the field of Education technology and Museum Ed.
    Are you sure you want to  Yes  No
    Your message goes here
  • Пожалуйста Это деловое предложение, пишите на мой ID обратно, если интересно.

    Счастливые обильные новые ноябре месяце,

    Как вы сегодня?
    Я надеюсь, у тебя все хорошо и все будет хорошо с вами? Благодарю God.My зовут Дженифер Петерсон. (я ищу хорошие отношения, а также иметь бизнес-предложение с вами), если хотите. Пожалуйста, напишите мне сообщение на мой почтовый ящик

    jeniferpeterson1 в / YH / DT / диплом



    Happy abundant new month of November,


    how are you today?
    I hope you are fine and all is well with you ? thank God.My name is JENIFER PETERSON .(i am looking for a good relationship and also to have business proposal with you )if you want. please write me message to my email box

    jeniferpeterson1 at / yh / dt / cum
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Donor approached the department of EDA with a challengeEnliven the EDA galleries, stop people in their tracksGeographically challengedTo deliver engaging interactive multimedia programming enhancing object interpretation and visitor experience of EDA galleriesIn-gallery touch screens, with Web resources Beautiful and compelling for all visitorsTo develop systems for authoring, delivery, and production that can be replicated for other galleries in the Art Institute* We had to see this to the donor – it was not her initial thought. But if we were putting in this kind of effort, we wanted it to be broadly re-usable.Authorable by lay peopleConnected to Collection Management
  • -ChallengesLocation of Gallery-Interpretive challenges:-3D utilitarian works of art, why is it at the museum-Hightly decorated – of
  • Our department was pretty busy with OSCI and other thingsWith OSCI we had delved more deeply into content production and collaborationBut this project would require much more as a media driven departmentHow could we continue transforming our digital information department into a digitial content and media departmentOpen sourceEngaged Scott Sayre because of his experience with a templated open source system: PackydermAlso had worked with Sandbox on curious corner - success
  • 18th century France in San Diego, California
  • MacArthur Fellowship Award, 2011Conservator, Silversmith, Renaissance Man
  • Stencil artist extraordinaireWith stencil pattern from the Burges Sideboard Later to be given to Paul and Melinda
  • Hands in Clay
  • Scalable authoring environmentNew team-based structure – applying it to other projectsCollaborativeCreativeHolistic approach to projectTAP extendedJaharisNew style guideUpdating entire style guide
  • LaunchPad @ the Art Institute of Chicago

    1. It’s All in the DetailsThe Inner Workings of a Large-Scale Media Project.
    2. PresentersLiz Neely, Art Institute of Chicago@lili_czarina, @artinstitutechiScott Sayre, Sandbox Studios@zbartroutKyle Jaebker, IMA Lab@kjaebker#mcn2012deets 2
    3. Project Goals• Enliven the European Decorative Arts Galleries• Engage and entertain the visitors• Tell the rich histories and stories of these worksAnd..• Develop an authoring system connected to collection management and re-usable in other galleries• Open Source#mcn2012deets 3
    4. Challenges#mcn2012deets 4
    5. We needed help..#mcn2012deets 5
    6. LaunchPad Project ManagementScott Sayre, Sandbox Studios@zbartrout
    7. LaunchPad Project Management1. Developing requirements2. Formation of teams3. Developing content and workflow4. Developing software5. Testing and revision6. Building infrastructure#mcn2012deets 7
    8. 1. Defining the Application• Object selection• Documentation assessment• Object analysis• Existing tools and lessons• Story telling tools and devices• Wireframes#mcn2012deets 8
    9. Object Selection#mcn2012deets 9
    10. Documentation Assessment#mcn2012deets 10
    11. Object Analysis#mcn2012deets 11
    12. Existing Tools and InfluencesPachyderm#mcn2012deets 12
    13. Existing Tools and InfluencesAIC Online Scholarly Catalog “OSCI”#mcn2012deets 13
    14. Existing Tools and InfluencesTAP Tours Authoring Tool#mcn2012deets 14
    15. Wireframe Development#mcn2012deets 15
    16. 2. Formation of Teams1 Management team – Oversaw and managed overall project and relationship with the funder.2 Core Content team – Defined content and media plan for each object and developed checklists, production and permission requests.3 Content Production team – Produced required supporting media, manages workflow, schedule and development of standard processes.4 Software Development team – Managed the production and testing of the authoring and delivery software as well as interface related design.5 Infrastructure team – Manages hardware, furniture and utility (power, network, lighting) design, construction and installation.#mcn2012deets 16
    17. Management Team – EDAResponsibilities1) Managed funder relationship2) Defined and managed scope of program3) Defined core components4) Defined and managed workflow5) Address administrative issues and obstacles6) Managed project budget7) Reviews completed work 17#mcn2012deets 17
    18. Funder Relations 18#mcn2012deets 18
    19. Core Content TeamThe ‘hive’ of activity happens with the 3 Core Content contributors– sometimes meeting 4-5 times per week. Digital Information & Access • Identify where multimedia is appropriate • Find sources for artist talent to produce media • Manage contracts with media talent • Oversee the multimedia production process and budgets Curatorial Education • Identify stories and tour stops that will• Object Research best resonate with audiences• Liaison with curator in charge of project • Ensure language and tone are appropriate• Drafts story and other texts for the galleries• Identifies comparative illustrations • Assist in authoring drafts for stories• Reviews revisions 19#mcn2012deets 19
    20. Core Content Team. Digital Information & Access • Identify where multimedia is appropriate • Find sources for artist talent to produce media • Manage contracts with media talent • Oversee the multimedia production process and budgets Curatorial Education • Identify stories and tour stops that will• Object Research best resonate with audiences• Liaison with curator in charge of project • Ensure language and tone are appropriate• Drafts story and other texts for the galleries• Identifies comparative illustrations • Assist in authoring drafts for stories• Reviews revisions Publications & Editorial • Edit all written copy • Manage rights requests • Produce labels 20#mcn2012deets 20
    21. Core Content Team -Training• Interpretive writing• Thinking from a media perspective• Authoring and non-print media• Multimedia provenance 21#mcn2012deets 21
    22. Core Content TeamMultimedia Interpretation WorksheetTechniques ContextualizeExamine/Manipulate • Historical Context• Turn it around • Physical context• Open it up • Use• Disassemble it• Zoom in/Magnify Care and Preservation• Details • Restoration• Tour Process/CreationCompare • Construction• Like items • Materials• Unlike items/differences • Technique 22#mcn2012deets 22
    23. Content Production TeamTraining – Multimedia InterpretationTechniques (cont.)Reference/Documentation Voices• Interpretation • Talking heads• Biography • Interviews involving props• Bibliography • Other experts and sources• Provenance• Location/Maps• Movement• Glossary• Timeline 23#mcn2012deets 23
    24. Content Production TeamTraining – Multimedia InterpretationPotential ToolsMedia Personalization• Images • Communicate• Animation • Collect• Interactions • Share• Audio• Video• Text 24#mcn2012deets 24
    25. Content Summary Sheets 25#mcn2012deets 25
    26. Core Content Reporting 26#mcn2012deets 26
    27. Editorial – Program Style Guide Object#_TO Related Teaser Object DT: Display Title, Date Entered as regular case, not CAPs TO: Teaser Object Text Word Count: 80 27#mcn2012deets 27
    28. Publications – Editorial, Image Licensing 28#mcn2012deets 28
    29. Content Production TeamThis team addressed cross-departmental issues and workflowsneeded to produce media for the publication. Imaging Media Production Art Handling Curatorial Digital Information & Access Education Management 29#mcn2012deets 29
    30. Imaging#mcn2012deets 30
    31. 360 Object Rotations#mcn2012deets 31
    32. Videography#mcn2012deets 32
    33. Masking#mcn2012deets 33
    34. 3D Modeling and Animation#mcn2012deets 34
    35. #mcn2012deets 35
    36. #mcn2012deets 36
    37. #mcn2012deets 37
    38. #mcn2012deets 38
    39. #mcn2012deets 39
    40. #mcn2012deets 40
    41. Software Development TeamThis team met bi-weekly to agile process and discuss priorities. Digital Information & Access IMA Labs 41#mcn2012deets 41
    42. Software Development 42#mcn2012deets 42
    43. Testing and Revision• Prototype testing#mcn2012deets 43
    44. Infrastructure TeamThis team met as needed.Responsibilities: Networking, Electrical, Mounting, Furniture Design and Construction Digital Information & Access Information Services 44#mcn2012deets 44
    45. Installation Mapping#mcn2012deets 45
    46. Installation Options#mcn2012deets 46
    47. Furniture Design#mcn2012deets 47
    48. iPad Enclosures#mcn2012deets 48
    49. #mcn2012deets 49
    50. Furniture design#mcn2012deets 50
    51. Testing and Revision• Installation testing#mcn2012deets 51
    52. Yay team!#mcn2012deets 52
    53. Part of the TEAM …#mcn2012deets 53
    54. Some More of the TEAM …#mcn2012deets 54
    55. And Even More of the TEAM !!!#mcn2012deets 55
    56. Results
    57. #mcn2012deets 57
    58. #mcn2012deets 59
    59. #mcn2012deets 60
    60. Content Authoring Stats• 190 unique stories• 26 videos• 4 animations• 21 „360‟ degree object rotations• > 500 comparative illustrations• > 300 guide tour stops#mcn2012deets 62
    61. Manipulating Images:Sèvres Tea Kettle#mcn2012deets 63
    62. #mcn2012deets
    63. Patrick Edwards
    64. Ubaldo VitaliEngaging Artists: Ubaldo Vitali
    65. Ubaldo Vitali#mcn2012deets
    66. Noreen Czosnyka
    67. Yuki Nyhan
    68. Engaging Artists: Yuki Nyhan#mcn2012deets
    69. #mcn2012deets 71
    70. #mcn2012deets 72
    71. #mcn2012deets 73
    72. #mcn2012deets 74
    73. #mcn2012deets 75
    74. #mcn2012deets 76
    75. #mcn2012deets 77
    76. #mcn2012deets 78
    77. Authoring Tool#mcn2012deets
    78. Moving Forward#mcn2012deets 80
    79. #mcn2012deets 81
    81. THE NUTS & BOLTSHow technology helped bring LaunchPad together. Photo by Flickr user josephrobertson#mcn2012deets 83
    82. Requirements• Open Source Software usage• Easy authoring environment• Integration with Collection Management• Beautiful and Performant Kiosk App• Scalable to multiple galleries/many objects• Authors ability to preview content#mcn2012deets 84
    83. Workflow• Iterative development• App and Authoring tools built at same time• Bi-Weekly Check-ins with all stakeholders• Updates pushed from IMA to AIC so changes can be tested and iterated on quickly#mcn2012deets 85
    84. Can we leverage existing tools? Photo by Flickr user OZinOH#mcn2012deets 86
    85. Why TAP & TourML• Content analysis made it a clear fit for the TourML schema (stops, assets, and connections)• IMLS funded grant for TAP allowed updates to the project to be leveraged by LaunchPad• Allowed focus on Kiosk App and Authoring interface since TAP provided the architecture#mcn2012deets 87
    86. Authoring Tools• Built on the CMS Drupal• Custom views and content editing screens• TAP tools integrated to allow export of TourML• CITI (collection management) object search integrated to pull in object data and images#mcn2012deets 88
    87. #mcn2012deets 89
    88. #mcn2012deets 90
    89. #mcn2012deets 91
    90. Authoring Tools – CITI Integration• Search Artworks• Ingest Artwork id#mcn2012deets 92
    91. Authoring Tools – CITI Integration• Search Images• Import Images into Drupal#mcn2012deets 93
    92. The Kiosk App• How can we build an app that will be easy for an author to see their changes?• Content will need to be updated while the app is in the galleries• The app must be beautiful and performant to attract users• Can the app be reused in other galleries?#mcn2012deets 94
    93. The Kiosk App - PhoneGap• Allows us to leverage HTML5, Javascript, & CSS in an app• Leverage some native features of iOS through the provided framework• Build one codebase to use in the app and the authoring tools preview• App caches all content#mcn2012deets 95
    94. The Kiosk App – Other Tools• Zepto.js – lightweight JavaScript library for mobile• Backbone.js – MVC (Model-View- Controller) like JavaScript framework• iScroll.js – plugin to mimic native app scrolling in a web app• 360.js – plugin for handling the 360 view• Modernizr.js – feature detection library• Google Analytics#mcn2012deets 96
    95. One code base Desktop Browser iPad App#mcn2012deets 97
    96. Photo by Flickr user spcbrass#mcn2012deets 98
    97. Danger – App Performance• Performance dropped off quickly as content grew• Some screens became sluggish and really hurt the users experience• Retina images can be quite large and many on the same screen is problematic#mcn2012deets 99
    98. Photo by Flickr user steveharrisNothing to Worry about#mcn2012deets 100
    99. Lessons Learned• Compress and optimize all images• Only use retina images where users will notice (sometimes 1.5x instead of 2x is good enough)• Limit animations on retina images• Cache, Cache and more cache#mcn2012deets 101
    100. Would native have been better?• Depends on the project and requirements• For platform portability HTML5, CSS, and JavaScript have great potential• Native most likely would have offered better performance• Native would allow access to all features of the device#mcn2012deets 102
    101. Questions?Thank you!