1. RAISING THE BAR for Lifting the Flaps An Inside Look at the Anatomical Fugitive Sheets Digital Collection at Duke RACHEL INGOLD Curator for the History of Medicine Collections SEAN AERY Digital Projects Developer TRLN Annual Conference — 7.15.15 — Chapel Hill, NC

2. is.gd/fugitivesheets

3. What is a fugitive sheet?

4. Instruction Exhibits

7. It takes a village Conservation Digital Production Center Rubenstein Library Technical Services Digital Projects Department

10. FLAP INTERFACES

11. MULTIPLE STILLS?

12. PAGINATION?

13. VIDEO OF STILLS?

14. FLASH? JAVA?

15. EXTERNAL DEVELOPER

17. WORKING WITH A VENDOR Duke Staff Planning / Proj Mgmt Conservation Digitization Metadata Vendor Flap Image Cropping HTML / CSS Javascript Documentation Code Refactoring Code Integration

18. OUR USER INTERFACE

19. INTERACTIVITY

20. MULTIPLE FIGURES

21. SVG (Scalable Vector Graphics) Cross-Window Messaging Transitions (Animation) Transforms (Flipping SVG)

22. FLAP MAGIC

23. FLAP PATH CROP Source: Ethan Butler / Cuberis blog postCuberis blog post

24. .flap { transition: 1s ease-in-out } height: 0 height: 100

25. height: 0 height: 100 Flap image & path inside.flap { transition: 1s ease-in-out }

26. height: 0 height: 100 height: 0 Blue box pinned to bottom of red SVG path flipped with gradient fill

27. height: 0 height: 100 height: 0 All together…

29. DATA MODEL

30. WHAT TO MODEL In General Multiple Figures / Page Base Image File Image Dimensions Descriptive Metadata For Each Layer Sequence Label Position Image File Image Dimensions Shape Coordinates

31. METS

32. DESCRIPTIVE METADATA

33. METS Workflow Crosswalking Hand-editing No automation No synchronization MARC

34. LESSONS

35. STAFF TIME INTEGRATION & PUBLICATION CONSERVATION DIGITIZATION METADATA PLANNING & PROJ MGMT 4963270 Total Hours: 121

36. MISC SLIDE STUFF, POSSIBLY FOR COPYING TO REAL SLIDES