Home arrow Howto arrow Howto Start with UiaML
Howto Start with UiaML PDF Print E-mail
Written by Alex   
Monday, 08 October 2007
Article Index
Howto Start with UiaML
The UiaML sitemap view
The UiaML contentarea view
- The Welcome contentarea
- The Liquorice information contentarea
- The Menu contentarea
- The Assortment contentarea
- The Order contentarea
- The Ordermail contentarea
Documenting it all

The Welcome contentarea

In the sitemap view (SMV) we already defined some properties of the welcome contentarea.


Contentarea ID

Welcome

Description

Opening hours and location information of the shop.

We also added a link from the welcome contentarea toward the Information page.

In the Contentarea View (CAV) we have to honor the description given in the SMV and have to be consistent with the links defined within the SMV.

The CAV of the welcome content area starts with a contentarea symbol . The contentarea ID has to match with the name of the contentarea used within the SMV.

Image

Next will add a text label that will hold information about the opening hours and another text label that will hold address information on where to find the shop.

Image

 

TextLabelID

Opening hours

Intended content

A table that shows the opening hours for each day


TextLabelID

Address

Intended content

The exact address of the shop


With those two text labels we fulfill the description of the welcome contentarea as specified within the SMV, but it wouldn't be a very friendly site. So lets add some additional text labels to welcome the costumer and give him some idea what this site is about, supported by some images . We also will add a street map to make it easier for the customer to find the address.

Image


TextLabelID

Welcome header

Intended content

A nice greeting


TextLabelID

Welcome text

Intended content

Text that will inform the customer that he is on the website of the Drop Shop. A shop that is specialized in liquorice sweets.


ImageID

Shop-Outside

Intended content

A photo of the shop taken from outside, showing the front of the shop, so that visiting customers will be able to recognize the shop from the website.


ImageID

Shop-Inside

Intended content

A photo of the shop taken from inside, showing the broad choice of liquorice offered.


ImageID

Streetmap

Intended content

A image of a streetsmap with the shop at the center, showing the streets within a circle of 500 meters.

You might notice that we nest some CAE in each other to express that those CAE belong together. But it doesn't say anything about the graphical design since that is handled by another UiaML plugin.

Finally we have to add the link toward the information page. We define that the link will find it's origin at the CAE: Welcome text. Since we already have define within the SMV that the link will point to the information page, it's enough that within the CAV the link points somewhere outside the contentarea symbol. The link identifier must however match with the link identifier used within the SMV.

Image



Last Updated ( Monday, 07 January 2008 )
 
< Prev   Next >