This appendix presents a sample web application that is designed using Urchin content management system. The sample application serves as a presentation of a fictional internet agency called Some Company that offers services in multiple European countries. The following text describes front-end structure and content of the website.

F.1 Website and Presentations

Website consists of three different presentations that serve as language versions. Every presentation therefore uses a different language. The list of presentation follows.

• English presentation
• Swedish presentation
• German presentation

F.2 Templates and Positions

The website utilizes three different types of pages. The type of a concrete page is determined by template it has assigned. Available templates are home page, common page, and wide page. Each template is connected to a different graphical layout and contains a different fixed number of positions. The following list shortly describes all templates while figure F.1 depicts layout of these templates including header, menus, and positions.

1. home page template
   • specific graphical layout, different to other templates
   • three positions: left, middle, right
2. common page template
   • standard graphical layout with the left menu
   • two positions: left, note
3. wide page template
   • standard graphical layout without the left menu
   • one position: main

Figure F.1: Templates available in the sample application

F.3 Hierarchy of Pages

Each presentation in the website consists of multiple pages with website content. Page hierarchy is independent for each presentation. Table F.1 describes details of each page, such as assigned template and basic settings. Figure F.2 under this list explains logical structure of the website with details for the English presentation. Basically, only the welcome page employs the home page template. Pages for services and contacts use the common page template and pages without sub-pages or parent pages has assigned the wide template. System pages are not displayed in the picture except for search results and sitemap.

Table F.1: Templates and settings of pages in the English presentation

page	template	settings and parameters
Welcome	home page	is_homepage = 1
News	wide page
Services	common page	no content, redirected to the first sub-page
Webdesign	common page
Programming	common page
Marketing	common page
References	wide page
Contact	common page
Order form	common page
Contact form	common page
Search results	wide page	system page, not in menu, is_fulltext = 1
Sitemap	wide page	system page, not in menu, is_sitemap = 1

Figure F.2: Logical hierarchy of the sample website

F.4 Modules and Components

All presentations contain multiple types of content, such as simple text, news, forms, or references. Components are used to display content on the front-end. Table F.2 shows components assigned in the same English presentation as described before. The table includes a short description of each component and module that identifies the component. Empty positions are not shown in the table.

Table F.2: Components assigned to pages of the English presentation

page	position	module	component
Welcome	left middle right	Content Content LatestNews	introduction and basic information teaser for all services the last two news
News	left	News	news about the company and its projects
Services	n/a	n/a	n/a
Webdesign	main note	Content Content	web design offer and description note prices including tax
Programming	main note	Content Content	programming offer and description note prices including tax
Marketing	main note	Content Content	marketing offer and description note prices including tax
References	main	Articles Gallery	information about completed projects photo gallery for each reference
Contact	main	Content	address, contacts to salesmen
Order form	main	Form	dynamic form with individual fields
Contact form	main	QuickContact	pre-defined contact form
Search results	main	Search	full-text search in current presentation
Sitemap	main	Sitemap	tree of pages with links