Pachyderm and Steve

Slide 1: Pachyderm and Steve A Marriage Made in Heaven? Robert Stein, Matt Gipson - Indianapolis Museum of Art Joshua Archer – CSU Center for Distributed Learning Peter Samis, Tim Svenonius – SFMOMA Scott Sayre – Sandbox Studios

Slide 2: Once Upon a Time… Enter Steve – A kind young man who listens well and has a great vocabulary, but sometimes he struggles to share his thoughts and ideas… – When he’s older steve wants to be a social tagging tool for collecting public thought and opinion about art…

Slide 3: Every Story needs a Fair Lady… Meet Pachyderm – She’s a classy lady, and a great story-teller. She’s attractive and nice to spend time with, but she desperately wants to know what people think about what she has to say… – When asked to describe herself she says that she’s an easy-to- use multimedia authoring system for creating attractive, interactive Flash-based presentations.

Slide 4: They Meet… • Steve and Pachy have known each other from a distance for quite some time… • In December of last year they got some time to hang out together at the Pachyderm User’s Conference in Austin… • A plan was hatched to attempt to meld the features of steve into a Pachyderm presentation

Slide 5: The Romance Begins!

Slide 6: A Bit More…

Slide 7: Who is steve? A Collaboration of Museums • IMA, The Met, SFMOMA, MIA, Cleveland, LACMA, Guggenheim, Rubin, Skirball Cultural Center, NY Historical Society, Walker Art Center…

Slide 8: Who is steve? A Tool for Tagging: • There are many reasons to collect what our users say about our artworks

Slide 9: Who is steve? A Research Endeavor: • Does this tagging stuff really work… does it offer significant benefit to museums or the public? • Currently funded by a National Leadership grant from the Institute for Museum and Library Services.

Slide 10: Who is steve? Steve Resources: • http://www.steve.museum and http://tagger.steve.museum

Slide 11: Who is Pachyderm? • Web-based, template driven authoring application for the creation of flash-based presentations and learning objects. • Lowers the technical bar for content experts to create media-rich learning experiences.

Slide 12: Who is Pachyderm? • Authoring experience is one of progressively creating a learning object out of interconnected screens. • Learning objects are created on a create-publish model, with a final product that may be downloaded and placed on a web server for hosting or used locally, as in a kiosk.

Slide 13: Who is Pachyderm? • Pachyderm 1.0 was initially created as an in-house application for San Francisco Museum of Modern Art (SFMOMA) for kiosk and web learning presentations. • Original version used proprietary technology (Microsoft, Macromedia) and constrained deployment environment.

Slide 14: Who is Pachyderm? Pachyderm 2.0 created under an IMLS grant through the NMC, involving 13+ member institutions (museums and universities). Project Leads New Media Consortium, SFMOMA University Partners Museum Partners California State University Berkeley Art Museum Case Western Reserve University Cleveland Museum of Art Northwestern University Fine Arts Museum of San Francisco University of Arizona Metropolitan Museum of Art University of British Columbia San Francisco Museum of Modern Art University of Calgary The Tang Museum at Skidmore College University of Nebraska, Lincoln Additional Partners DesignWorlds For Learning

Slide 15: Who is Pachyderm? • Pachyderm 2.0 created using a combination of open source and cross- platform technologies (WebObjects, Apache, ImageMagick, Jswiff, etc.) • Deployable on all platforms (Windows, Mac OS X, Linux, Unix, etc.) • All Pachyderm 2.0 code and assets released to the community as open source under the Apache version 2.0 license.

Slide 16: Who is Pachyderm? • Pachyderm 2.x is a vibrant open source project with participants throughout the higher education and museum communities. • California State University • Marcus project in Texas (25 Art Museums) • University of Minnesota • Walters Art Museum in Baltimore • Seattle Art Museum

Slide 17: Who is Pachyderm? Pachyderm Resources http://www.pachyderm.org/ http://sourceforge.net/projects/pachyderm/

Slide 18: What’s She Up To Next • Introducing…. – Scott Sayre – Sandbox Studios • http://www.pachyforge.org

Slide 19: A Question… Are there ways in which it makes sense to use social media in a story telling medium?

Slide 20: A Modest Proposal… Can we integrate some of steve’s features and information into Pachyderm’s existing templates and authoring environment?

Slide 21: A Modest Proposal…

Slide 22: A Modest Proposal… How to do it? – Steve has a rich API and exposes a set of REST interfaces to make building client side applications easy

Slide 23: A Modest Proposal… Steve’s High Level Architecture Drawing Tagger R steve-core E S API T

Slide 24: Nuts and Bolts Making a call to steve’s REST for image information

Slide 25: Nuts and Bolts XML for single steve image <xml> <Image> <mimeId>1202</mimeId> <filenameOrig>2002.109_01_g04.jpg</filenameOrig> <filename>2002.109_01_g04.jpg</filename> <filepath>images/institution_SFMOMA/</filepath> <batchId>6</batchId> <institutionId>7</institutionId> </Image> </xml> Actionscript to parse XML steve_xml.onLoad = function(success){ if (success){ xmlNode = this.firstChild; mimeId = xmlNode.firstChild.childNodes[0].firstChild.nodeValue; filename = xmlNode.firstChild.childNodes[2].firstChild.nodeValue; filepath = xmlNode.firstChild.childNodes[3].firstChild.nodeValue; loadData(); } else {

Slide 26: Nuts and Bolts Making a call to steve’s REST for tag information

Slide 27: Nuts and Bolts XML for tags related to image <xml> <scalar> <term>frolicking</term> <freq>1</freq> </scalar> <scalar> <term>festival</term> <freq>1</freq> </scalar> Loading the XML for Tags function getTags() { var terms = steveTags_xml.firstChild.childNodes; for (var p=0; p<terms.length; p++){ var term = terms[p]; moreTags.text = moreTags.text + term.childNodes[0].firstChild.nodeValue + \" \"; } }

Slide 28: Nuts and Bolts Tagging the image using steve’s REST

Slide 29: Nuts and Bolts Actionscript for Tagging image var tagTerm = txtTag.text; function tagImage(){ var tagTerm = txtTag.text; var tagURL = restURL+\"Term/addTerm/\"+myToken+\"|\"+tagTerm+\"|\"+mimeId; var tagArt:LoadVars = new LoadVars(); tagArt.onData = tagResponse; tagArt.load(tagURL); }

Slide 30: Nuts and Bolts

Slide 31: Chemistry? • As with any good relationship, Chemistry is very important… • Does it work? • How does it feel? • What is it good for?

Slide 32: A Second Date • Tim took Matt’s work and integrated it with existing pachy templates. • Let’s try something a bit different… • Use only 1 image, but this time direct tagging inside the presentation

Slide 33: A Second Date

Slide 34: A Second Date

Slide 35: Is it True Love?

Slide 36: We all Have Baggage • What are the hurdles to overcome in integrating these two existing efforts – sharing of media resources – integrating the tagger into the authoring software – enhancing steve’s ability to differentiate between tagger instances

Slide 37: Is there a future? • You tell us. We’d like to know what you think? • Would social tagging and user contributed content be interesting to you inside of pachyderm? • What additional features / integration would really knock this ball out of the park?

Slide 38: Drop us a line! • rstein@ima-art.org • joshua@cdl.edu • tsvenonius@sfmoma.org • scott@sandboxstudios.com