1. CS27510 Front End Design

2. Previous lecture (Whiteboard 1) Photos of campsites Photos of campsites List of nearby attractions List of nearby attractions Prices Prices Reviews Reviews Hot Tips Hot Tips Facilities Facilities Location Guides Location Guides Contact Imformation Contact Imformation Affiliates Affiliates Language Language Search Search Navigation Navigation Text Links Text Links Pic Links Pic Links Maps Maps

3. Previous lecture (Whiteboard 2) Owner's view Contact details Contact details Third Party Third Party Languages Languages French French Dutch Dutch German/Belgian German/Belgian English English Register/Login Register/Login Update Forms Update Forms Email of campsite info Email of campsite info

4. Previous lecture (Whiteboard 3) Revenue Affiliates Affiliates Banner ads Banner ads Database rotator Database rotator Attractions Attractions

5. Home Page Homepage Homepage –Search –Navigation –Map/text links to French Regions –About us –Contact us –Introduce look and feel of site Photos of campsites Photos of campsites List of nearby attractions List of nearby attractions Prices Prices Reviews Reviews Hot Tips Hot Tips Facilities Facilities Location Guides Location Guides Contact Information Contact Information Affiliates Affiliates Language Language Search Search Navigation Navigation Text Links Text Links Pic Links Pic Links Maps Maps

6. Region Pages Map of region Map of region Campsite marked on map Campsite marked on map Attractions Attractions Regional Information Regional Information Airports Airports Affiliates -Rotating and Contextual Affiliates -Rotating and Contextual Adsense Adsense Banner Ads – Rotating and Contextual Banner Ads – Rotating and Contextual Photos of campsites Photos of campsites List of nearby attractions List of nearby attractions Prices Prices Reviews Reviews Hot Tips Hot Tips Facilities Facilities Location Guides Location Guides Contact Information Contact Information Affiliates Affiliates Language Language Search Search Navigation Navigation Text Links Text Links Pic Links Pic Links Maps Maps

7. Campsite Pages Name Name Address with postcode Address with postcode GPS coordinates GPS coordinates Web address, email and phone Web address, email and phone Site facilities Site facilities –Electricity –Pool –Restaurant –Beach –And many others Prices Prices Booking method Booking method Nearby attraction (may be peripheral to main data section) Nearby attraction (may be peripheral to main data section) Photos of campsites Photos of campsites List of nearby attractions List of nearby attractions Prices Prices Reviews Reviews Hot Tips Hot Tips Facilities Facilities Location Guides Location Guides Contact Information Contact Information Affiliates Affiliates Language Language Search Search Navigation Navigation Text Links Text Links Pic Links Pic Links Maps Maps

8. An example This site is not my preferred but it is high up in Google This site is not my preferred but it is high up in Google It has lots of features It has lots of features http://www.campingfrance.com/UK http://www.campingfrance.com/UK

9. Website Administration Website Administration Password controlled Password controlled –Change all text, pics and video –All dropdowns editable etc –Introduce HTML editor to speed things up

10. Campsite Administration Both campsite owner and web owner can change data Both campsite owner and web owner can change data Use simple forms Use simple forms

11. Revenue Banner ads Banner ads –Need ad rotators –Pay per click, pay per impression (1000) –Look up size standards for ads Affiliate ads Affiliate ads –More targeted type of advert –Could look to visitor like normal banner ads