This document discusses using a "pseudo-wiki" system to enable non-technical staff to author rich web content for a museum website. It describes how the system builds on wiki markup syntax but extends it with custom elements to support features like image galleries and slideshows. The system aims to balance rich multimedia authoring with an intuitive interface, addressing the bottleneck of technical skills needed for website content production.

1. Breaking the Bottleneck:Using Pseudo-Wikis to Enable Rich Web Authoring for Non-Technical Staff Members Robert Stein Chief Information Officer Indianapolis Museum of Art rstein@imamuseum.org Edward Bachta Applications Developer Indianapolis Museum of Art ebachta@imamuseum.org

2. What we’re NOT talking about today

3. What we’re NOT talking about today

4. Typesetting Systems

5. Goals Enable Rich Media Authoring by Content Experts Approximate Print Layouts Online Enable Sophisticated and Robust User Interface Stuff Fuse Museum Datasets with Content Authoring

6. Simple Right? Resize images to correct width Upload images to correct folder on server Include images with correct <img> tag Align Images “right” with appropriate <div> container

7. Authoring Bottleneck

8. Distributed Authoring

9. Advanced Content Management { Experience Preservation? Migration? Reusability? Layout Design Data Images Content

10. Online Publications Photo Credit ~timtom Flickr

11. Online Publications

12. Online PublicationsMaybe Wikis Can Help?

13. Wiki Versus CMS (what’s in the toolbox?)

14. CMS - Templates

15. CMS - Themes

16. CMS - Roles Permissions Anonymous / logged in / member / admin Workflow Actions & triggers

17. Wiki - terseness <div class='art-carousel grid_7 height-specified alpha omega'> <h3><a name='highlights-of-the-asian-art-collection'></a>Highlights of the Asian Art Collection</h3> <div class='scrollable' style="height:140px"> <div class='items'> <div class='item grid_2' style="height:140px"> <a href="/art/collections/artwork/stem-cup-long-pierced-bulbous-stem-"><img src="http://www.imamuseum.org/sites/default/files/mercurycache/2_column/ima-collections/images/8F/DC/8FDC6DFC-F3D8-4C7E-A1D7-03F0E0D1F302/8FDC6DFC-F3D8-4C7E-A1D7-03F0E0D1F302_x.jpg" alt="stem cup with long, pierced bulbous stem" title="" height="140" width="140" /></a> <div class='info'> <span class='creator'>Neolithic</span> &nbsp;|&nbsp;<span class='title'>stem cup with long, pierced bulbous stem</span> </div> </div> … (previous x the number of objects) … </div> </div> <div class='toolbar'> <a class='prev'>&nbsp;</a> <div class='info-wrapper'><div class='info'>Loading images...</div></div> <a class='next'>&nbsp;</a> </div> </div>

18. Wiki - terseness {{carousel:2004.68, 60.43, 2005.1, 60.75,1996.320, 47.131, 60.103, 2004.13, 1997.45, 60.116, 59.29, 2000.61, 2000.64, 2002.132, 2004.18, 60.12|width=7,crop=y,thumbsize=2,image_height=140px|Highlights of the Asian Art Collection}}

19. What is a Pseudo-Wiki? (our hybrid solution)

21. Input formats include a list of filters

22. PEAR Wiki filter provides the basic syntax

24. Creole Syntax <i>ukiyo-e</i>

25. Creole Syntax ukiyo-e

26. Creole Syntax [[art/collections/artist/okeeffe-georgia | Georgia O’Keeffe]]

27. Creole Syntax <a href=“art/collections/artist/okeeffe-georgia”>Georgia O’Keeffe</a>

28. Creole Syntax Georgia O’Keeffe

29. Creole Syntax * One * Two * Three

30. Creole Syntax <ul> <li>One</li> <li>Two</li> <li>Three</li> </ul>

32. Two

34. Design & Presentation

35. Golden Grid

36. Golden Grid

37. Golden Grid

38. Golden Grid

39. Golden Grid

40. Golden Grid

41. The 960 Grid System

42. Layout Options

43. Layout Options {{img:gallery|width=3,align=right}}

44. Layout Options

45. {{slideshow:Side,Back,Top,Front|align=R,width=4}}

46. Why Not WYSIWYG? Would you like to paste this into a webpage?

47. Authoring Assists

48. Authoring Assists

49. Authoring Assists

50. User Feedback

51. Future Challenges Readability of wiki text Syntax highlighting Previewing Support for advanced filters, AJAX rendering Workflow Contributors vs. publishers

52. Conclusions

53. Questions & Discussion Thank You!