SEKE 2012 Proceedings - Knowledge Systems Institute

Both the generated and actual results page s allow the user
to select a C D in order to see the data associated to it by
clicking on a link. In the actual page, clicking on the CD cover
or title activates that link, w hile in the autom atically generated
page the user must click on Select in order to follow the
corresponding link. Navigating that link corresponds to
transitioning to the third interaction state of the U ID showed
earlier in Fig. 3.
Figure 5. Page automatically generated for the initial interaction state of the
UID ‘Buying a CD from an Advanced Search’
Fig. 6 shows the original web page containing the results of
an advanced search for CDs where ‘AC/DC’ was given as the
artist’s name. The media format had to be set to ‘CD’, while
remaining fields in the form were left blank. T he same search
was carried out through the automatically generated page and
the resulting page is shown in Fig. 7.
Figure 7. Page automatically generated from the second interaction state of
the UID ‘Buying a CD from an Advanced Search’
Fig. 8 shows the actual page that corresponds to the third
interaction state of the given UID. In this page, the user can add
the selected CD to the shopping cart, buy the CD with one click
ordering or add the CD to the wish list.
Figure 6. Advanced search results web page
As observed in Fig. 7, the initial interaction state and the
second interaction state were mapped into the same JSF page,
thus keeping both the advanced search input form and the
advanced search results in the same page. That differs from the
navigation implemented in the original w eb site, where search
results will appear in a separate page . Regarding the
presentation of the results, our tool mapped the resulting list of
CDs (in the second interaction state of the given UID) to a table
where each result appears in a different row having its data
separated in columns (Fig. 7), following the rule that maps a set
of structures of a system output (if the set is not the source of
any transition, it is mapped to a dataTable). The results shown
by the actual page (Fig. 6) are also presented in a table that,
despite some visual design differe nces, is similar in content to
the generated page.
Figure 8. CD detail web page
The automatically generated page that corresponds to the
third interaction state of the U ID is shown in Fig. 9. The main
difference here is that the actual page (Fig. 8) contains labels
that identity the details presented about the CD that w as
selected (for exam ple, there is the label Price with the value
$9.99) whereas such labels are not included in the generated
page.
609