Weather App v3. Tuesday 5th April 2011

Size: px

Start display at page:

Download "Weather App v3. Tuesday 5th April 2011"

Claire Walker
5 years ago
Views:

1 Weather App v3 Tuesday 5th April 2011 A video demo animation of the app working can be found here:

Video demo:http://urbanspaceman.net/tivo/weatherref.htm Fig.1 1. Sponsor advert at start 1. Seconds displayed to show duration of advert. Background loading of weather data. Fig.2 1. 2. 3. 4. 5. 6. 7.

On first visit get region location from box location or default to London. 1. Location button - On selection (OK button) pops up location menu (See Fig.6) 2.

2 Video demo: Fig.1 1. Sponsor advert at start 1. Seconds displayed to show duration of advert. Background loading of weather data. Fig Video & Main Overlay - User location & instant weather advice Locations are saved locally once selected. Video plays while overlay displays on top. On first visit get region location from box location or default to London. 1. Location button - On selection (OK button) pops up location menu (See Fig.6) 2. Minimise panel (OK button) to thin bottom weather strip (See Fig.3) 3. Umbrella Graphic - Display dependent on chance of rain & wind - (See Table 1) 4. Current location temp - Use Custom Font TivoHelveticaUltraLt_numbers.ttf - File location at end. 5. Clothing icon displayed dependent on temperature - (See table 2) 6. Five Day forcast. No decimilisation of temperatures or windspeed. Round up or down accordingly. 7. Close panel (OK button - returns to video screen, See fig 4) Weather App v3 // Page 2

Video demo:http://urbanspaceman.net/tivo/weatherref.htm Fig.3 1. 2. 3.

Maximise panel button (OK button) to full screen weather overlay (See Fig.2) 3.

3 Video demo: Fig Video and bottom overlay (5 Day forecast) 1. Five Day forcast 2. Maximise panel button (OK button) to full screen weather overlay (See Fig.2) 3. Close panel (OK button - returns to video screen, See fig 4) Fig.4 1. Video 1. Maximise panel button (OK button) Loads thin bottom overlay, 5 day forcast (See Fig.3) Weather App v3 // Page 3

Video demo:http://urbanspaceman.net/tivo/weatherref.htm Fig.5 1. Location selection.1 1. Select region location (See table.

Select region location (See table.3 for regions list - My Current Location set as default).

4 Video demo: Fig.5 1. Location selection.1 1. Select region location (See table.3 for regions list) On selection (OK Button) launch location pop up menu seen in Fig.6. Fig.6 1. Location selection.2 1. Select region location (See table.3 for regions list - My Current Location set as default). Arrow keys to navigate up & down through the list. On selection (OK Button) set location, close pop up menu & return to screen Fig.5. Weather App v3 // Page 4

5 Video demo: Fig.7 Weather App v3 // Page 5

6 Weather App v2 Do I need an umbrella today? Table.1 < 5% Chance closed umbrella (no, leave it at home) Display Graphic > 5% Chance open umbrella (yes, you need it) Display Graphic > 38 km/h inside out umbrella (no, it s too windy!) Display Graphic What do I wear today? (temperatures (in degrees celcius) should include windchill) Table.2 < 0 Very Cold Parka 0-7 Cold Coat & Winter Hat 7-14 Jacket Jacket Mild Collared Shirt & Tie Warm T-Shirt Hot Vest >33 Very Hot Vest & Sunglasses Video demo: Weather App v3 // Page 6

7 Location Menu Items Table.3 My current location By default & on start, the application will pick up the user s location from the location of their TiVo box & display weather for that location. If a user then want s to view another area they can select one of the following 16 regions with the option to select My Current Location as the first option. 16 UK weather regions (17 inc. My Current Location ) My Current Location Orkney & Shetland N Scotland Grampian Central Scotland Strathclyde SW Scotland N Ireland NE England NW England Yorkshire East Midlands West Midlands Wales East Anglia London & SE SW England N Ireland N Scotland Strathclyde SW Scotland Wales Grampian Central Scotland NW England SW England West Midlands NE England Orkney & Shetland Yorkshire East Midlands East Anglia London & SE Video demo: Weather App v3 // Page 7

8 <WeatherTextShort> These are how the items in the current feed should be translated into the new feed. The following page has a guide of what icons to use for each weather scenario. Current Feed Sunny/Clear Mostly sunny/mostly clear Sunny spells/clear spells Sunny spells/broken cloud Mostly Cloudy Cloudy Overcast/Cloudy Mist Fog patches Isolated Thunder Squally Light sleet shower Light freezing rain Light showers Light snow showers Light hail showers Sandstorm Drifting snow Fog Dense Fog Freezing Fog Patchy drizzle Drizzle Freezing drizzle Light rain Rain Heavy rain Freezing rain Light sleet Heavy sleet Light snow Moderate snow Heavy snow Snow grains Ice pellets Moderate showers Heavy showers Light sleet shower Heavy sleet shower Light snow shower Heavy snow shower Hail shower Heavy hail shower Thunderstorm New Feed Sunny/Clear Mostly Sunny/Mostly Clear Sunny Spells/Clear Spells Sunny Spells/Clear Spells Mostly Cloudy Cloudy Overcast Mist Fog Patches Thunder Heavy Showers Sleet Showers Freezing Rain Light Showers Snow Showers Hail Showers Fog Snow Fog Dense Fog Fog Drizzle Drizzle Drizzle Light Rain Rain Heavy Rain Freezing Rain Light Sleet Heavy Sleet Light snow Snow Heavy Snow Snow Sleet Showers Heavy Showers Sleet Showers Sleet Showers Snow Showers Snow Showers Hail showers Hail showers Thunderstorm * Night description Weather App v3 // Page 8

9 Icon Usage The image below is the complete list of icons to be associated with the weather conditions. Please note: some icons are used to cover multiple conditions (ie: Sunny, Mostly Sunny) Weather App v3 // Page 9

Background gradient knockback screens To ensure clear visibility of the overlay graphics & icons whilst maintaining visibility of the weather video

Different Gradients exist for different states in the application which will ensure icons & video are equally visible at all times.

flash itself.) The following images show when to use which knockbacks & where the original gradient files can be found (in png format).

10 Background gradient knockback screens To ensure clear visibility of the overlay graphics & icons whilst maintaining visibility of the weather video beneath, dark semi-transparent gradients will be used between these layers. Different Gradients exist for different states in the application which will ensure icons & video are equally visible at all times. (Please investigate what creates the smallest file size or what is most appropriate, a bitmap, a transparent png file or to create the gradient in flash itself.) The following images show when to use which knockbacks & where the original gradient files can be found (in png format). Dropbox/Virgin Media Tivo/Weather/bitmaps/knockbackScreens/Knockback_Main.png Dropbox/Virgin Media Tivo/Weather/bitmaps/knockbackScreens/ Knockback_LowerThirdRef.png Dropbox/Virgin Media Tivo/Weather/bitmaps/knockbackScreens/Knockback_Minimum.png Weather App v3 // Page 10

11 Files and assets Main interface - Illustrator layout file can be found here: /Users/home/Dropbox/Virgin Media Tivo/Weather/Vector/ Weather_v8c.ai Weather icons: Large Icons to be displayed for the day on the left (Fig2 point6.) /Users/home/Dropbox/Virgin Media Tivo/Weather/Vector/weather_icons_large_v3.ai Small Icons to be displayed for the 5 day forcast (Fig2.) /Users/home/Dropbox/Virgin Media Tivo/Weather/Vector/weather_icons_small_v3.ai Fonts to Use for Large Size Temperature (Fig 2. Point 4) /Users/home/Dropbox/Virgin Media Tivo/Weather/font/ TivoHelveticaUltraLt_numbers.ttf Background Gradient/Knockback screens /Users/home/Dropbox/Virgin Media Tivo/Weather/bitmaps/knockbackScreens Weather App v3 // Page 11

6 6 INFORMATION 165 docstructure.indb /08/11 14:43:39

6 6 INFORMATION 165 docstructure.indb /08/11 14:43:39 6 6 INFORMATION165 USEFUL INFORMATION SiriusXM RADIO DATA SERVICE* *: SiriusXM U.S. satellite and data services are available only in the 48 contiguous USA and DC. SiriusXM satellite service is also available