From early Fall 2011

1. The ChronoZoom welcome screen

2. Three ways to get started

3. 1. Pan and Zoom 2. Take a 3. Create your own timeline
at your own pace Guided tour Perfect for projects and teaching

4. The ChronoZoom Interface

5. Navigation Pre-History & Human
(invisible at this scale)
Tours Life timeline
Earth timeline
Cosmos timeline
The ChronoZoom Interface

6. Navigation Pre-History & Human
(invisible at this scale)
Tours Life timeline
Earth timeline
Important Event
Cosmos timeline Event
Events are shown as InfoDots

7. Introducing
InfoDots
Collapsed Expanded Zoomed
An InfoDot is the basic unit of ChronoZoom.
It is used to describe events and provides access to media.

8. Expanded
InfoDot
Collapsed
InfoDots
Expanded InfoDots convey important events
Collapsed InfoDots can be zoomed into

9. Using ChronoZoom
Threshold 8: Industrial Revolution
Meet Phil
Phil is a Professor at Contoso University interested in using
ChronoZoom to bring Big History to life.

10. Phil visits the ChronoZoom website and starts by clicking on
“Explore Big History”

11. Phil is taken to the main ChronoZoom interface.

12. Phil takes a closer look at the left side bar.

13. Jump directly to
different regimes
Topic based guided
explorations
The side bar serves as navigation and provides a list of Guided Tours available.

14. Jump directly to different
regimes or open a tour
Customize a timeline or tour
Create a timeline
The side bar has three tabs for different functions.

15. Phil examines the timeline viewing area.

16. Search
Dynamic
time scale
Events
Important
Events
The timeline viewing area is similar to the original ChronoZoom.
It can be panned and zoomed.

17. Phil decides to view a Guided tour.
He clicks on “Industrial Revolution”.

18. The canvas zooms toward the upper right, passing
Earth, Life, Pre-History just like the original ChronoZoom

19. Phil has arrived at the timeline for 1700-1900: Modern Revolution.
It is part of the Human History timeline.

20. Side bar has changed
to show captions
Previous and next
buttons appear
Captions help explain on screen content

22. Phil sees three timelines that make up the Industrial Revolution:
Britain, Western Europe and the US, and finally Russia and Japan

23. The timeline for Industrial Revolution was organized according to:
Christian, David; Cynthia Brown and Craig Benjamin. 2011.
Between Nothing and Everything: Big History. Boston: McGraw-Hill.

24. Phil clicks the Next button to advance the tour.
He can use his arrow keys as well.

25. The canvas will zoom to this area

26. These are important events, so they are shown larger.
Other events are shown as InfoDots.

27. Phil clicks the Next button to advance the tour.
The canvas will zoom to the boxed area.

28. At any time Phil can pan around to look at other InfoDots.

29. Phil clicks the Next button to advance the tour.
The canvas will zoom out.

30. And zoom in here

31. Phil reads the descriptive information on the left side bar, then
clicks the next button.

32. The canvas will zoom out

33. And zoom to here.

34. An expanded InfoDot is shown.
Expanded InfoDots convey importance.

35. Because ChronoZoom is interactive, Phil decides to learn more
about the Watt engine.

36. Phil clicks on the Watt engine

37. The InfoDot collapses.
The tour controls change to “Resume Guided Tour”

38. Phil clicks on the InfoDot to automatically zoom into it.

39. The InfoDot contains information and media.

40. Phil decides to zoom into the biography module.
Every InfoDot is made up of several modules.

41. Phil views the biography module.
He can zoom into any picture.

42. Phil zooms out

43. And zooms in here.

44. Phil can play any of these videos.
He can zoom in to view more.

45. Phil zooms out

46. And zooms in here.

47. Phil views the External Links section.
He can zoom into the webpage previews.

48. If he clicks on a web page preview, he will be
taken to that webpage.

49. Phil zooms out

50. And zooms in here.

51. This is a gigapixel image with a resolution over 1,000 megapixels.
Phil can zoom in and look at the detailed structure.

52. Phil is done exploring and clicks “Resume Guided Tour”

53. The canvas will automatically zoom back out.

54. Phil has now been returned to where he left off in the tour.
Phil clicks the Next button.

55. The canvas will zoom back out to the Watt Engine expanded InfoDot

56. And zoom to here.

57. Phil sees an InfoDot and is curious what is inside.
Rather than zooming into it, he hovers his mouse over it.

58. A quick preview of the InfoDot’s contents are
displayed next to his mouse cursor.

59. Phil is interested in the steam locomotive, so he
clicks to automatically zoom in.

60. Every InfoDot is full of information and media.

61. Phil decides to resume the tour.

62. Phil has now been returned to where he left off in the tour.

63. Phil finishes viewing the tour and is excited about using
ChronoZoom in his Big History class.

64. Video
Browsing the Industrial Revolution Timeline

65. Appendix

66. Vertical line helps to quickly identify time of events

67. Advanced features
of ChronoZoom
Create your own timeline
Create your own tours
Plot and compare chart data
Filter, search and sort InfoDots
Assign guided tours as interactive
online reading

68. Credits
Sept 16 , 2011
Chris Engberg Roland Saekow
engberg@berkeley.edu saekow@berkeley.edu

69. End of Slide Show

70. Other

71. Advanced features
of ChronoZoom
Create your own timeline
Create your own tours
Plot and compare chart data
Filter, search and sort InfoDots
Assign guided tours as interactive
online reading
Teachers can create their own timelines to supplement lectures
Students can create their own timelines as projects

72. Advanced features
of ChronoZoom
Create your own timeline
Create your own tours
Plot and compare chart data
Filter, search and sort InfoDots
Assign guided tours as interactive
online reading
Teachers can create their own tours to fit their lecture style
Students can create their own tours for class presentations

73. Advanced features
of ChronoZoom
Create your own timeline
Create your own tours
Plot and compare chart data
Filter, search and sort InfoDots
Assign guided tours as interactive
online reading
Researchers can plot time series data along side timelines to
reveal new insights into the past

74. Advanced features
of ChronoZoom
Create your own timeline
Create your own tours
Plot and compare chart data
Filter, search and sort InfoDots
Assign guided tours as interactive
online reading
Harness the power of search to filter events in real time for new
insights into the past.

75. Advanced features
of ChronoZoom
Create your own timeline
Create your own tours
Plot and compare chart data
Filter, search and sort InfoDots
Assign guided tours as interactive
online reading
Use ChronoZoom as an interactive online reading experience to
supplement course readings