2. An Example Application

Since space limitation prevents us from going into detail of all the formalisms, we will make a more "informal" presentation of the main concepts of OOHDM. To help that, we present as an example an application that was developed using OOHDM, and implemented both in HTML and Toolbook. This example also illustrates typical domains and applications that can benefit from methodologies such as OOHDM. We show the HTML implementation (see http://www.lids.puc-rio.br/~pp) of a hypermedia presentation of the material collected by the Portinari Project [19]. This collection includes all the works produced by one of the foremost Brazilian painters, Candido Portinari, as well as documents (books, photos, videos, letters, newspaper and magazine articles, recorded interviews, etc...) documenting his life and of his contemporaries, which include many of the most important intellectuals, artists and political figures of his generation. The application is intended to present the material of the Portinari Project to the general public, for access in a kiosk or through the Word Wide Web.

(For best viewing the examples, we suggest that the reader open them in a second browsing window, if possible, in order to see both the text and the examples)
Figure 1 shows the main menu, where the user has a choice of viewing a timeline; an alphabetical index of persons and entities; hierarchical theme index; a hierarchical subject index (pointing to different types of documents); a hierarchical index of techniques; a guided tour; and a search function. Main menu

Figure 1: The Main Menu in the Portinari Application (WWW version)

See site

Let us suppose the user has chosen to follow a guided tour, which in this example tells the story, as a linear sequence of screens, of how the panels "War" and "Peace" were commissioned, painted and installed at the UN headquarters in NY. Figure 2a shows one screen of the guided tour. Guided tour screen

Figure 2a.Guided tour screen

See site

Each screen may contain references to documents or artworks that are part of the collection, such as an interview (which may be heard by clicking on the speaker icon). For instance, clicking on the picture, it is possible to find out more information about this document (a photograph), as shown in figure 2b. In this screen, the arrows next to the date allow the user to navigate through other available photographs in chronological order. Since the reader arrived at this photograph via the guided tour, the bottom left row indicates that it is possible to navigate directly to other items cited in the guided tour (by clicking on the arrows), or to navigate back to the guided tour (by clicking on the guided tour name to the right of the arrows). This information would not be present if the reader had arrived through other paths. Description of Photo

Figure 2b.A screen showing the information about a photograph in the collection

See site

Changing subject, let us assume the reader has chosen the "theme" button in the main menu. A series of hierarchically nested indexes of subjects will be presented eventually leading to a particular theme, for example "Brazilian culture/children¹s games/top". Upon choosing this theme, the reader will see the screen in figure 3.

This screen shows information about an artwork (a painting in this case). On the top left, the first three rows indicate the theme, date and technique of the artwork. For each row, the left column (darker area) gives contextual information, such as the fact that this is only painting with this theme (indicated by 1/1). Clicking on the right (left) arrow in each row will take the reader to the next (previous) artwork with the same theme, the next (previous) artwork in chronological order or the next (previous) artwork using the same technique. The descriptive text below these lines shows general comments about the artwork, including references to other artworks as is the case when, for example, the current artwork is a study for another one. Clicking on the image of the artwork will show a large scale, full screen version of the image.

Artwork "Boy with Top"

Figure 3: A screen showing information about an artwork documented by the Portinari Project

See site

The anchor "description" presents a textual description of the artwork; the anchor "history" presents a textual description of its history (who bought it, if and where it was shown as part of an exhibit or auction, etc...); the anchor "references" presents a list of documents in the collection that make reference to this artwork; and anchor "persons and entities" shows a list of persons or entities related to this artwork. Let us assume the reader has clicked on "history", and sees the information shown in picture 4a., where it is mentioned that this artwork was shown in the "Mostra di Candido Portinari" exhibit. Info about an exhibit

Figure 4a: Additional information about an artwork, including an exhibit in which it appeared

See site

Clicking on the exhibit¹s name, the user will see a screen with information about it, shown in figure 4b.

This screen follows the same conventions as the previous ones. The first row at the top left allows the user to navigate, by clicking on the arrows, to other exhibits in chronological order, and it is indicated that this is the third out of four exhibits available. The bottom row, on the left, shows that the reader has arrived at this exhibit navigating from an artwork, which has also been shown in other exhibits.

Info about an exhibit

Figure 4b: A screen showing information about an exhibit documented by the Portinari Project

See site

Clicking on the button "artworks" the user can see a (clickable) list of the artworks that participated in this exhibit and if the user now chooses another artwork, the screen in figure 5 will appear (compare with figure 3b).

The bottom row now shows information about the artworks that participated in the event "Mostra di Candido Portinari". Clicking on the right (left) arrow will show the next (previous) artwork that appeared in that exhibit (this is the fifth of nine) in chronological order. If the user clicks on the name of the context ("artworks in Mostra di Candido Portinari"), an index (in this case, a screen with thumbnail images) of all the artworks in that context is shown, and the user may select one to continue navigation. It should be noted that this "selective appearance" of contextual information was a design decision for this application.

Info about an exhibit

Figure 5: Information about an artwork, with contextual information about exhibits in which it appeared

See site


Intro | Example | OOHDM | Discussion | Conclusion | Refs | previous | next