ÿþ<HTML> <HEAD> <TITLE>Arbor Studios ThirdAveSuite Tutorial Page</title> <META NAME="viewport" CONTENT="width=device-width"> </HEAD> <BODY BGCOLOR="#ccdddd"> <H1>ThirdAveSuite Application Tutorial</H1> ThirdAveSuite is an iPhone application that is dedicated to monitoring the Third Avenue kiteboarding and sailboarding weather instrument mounted on top of, and the network ptz camera mounted inside of the Electronics for Imaging building in Foster City, CA. To return to the application, please select this link: <A HREF="thirdavesuite://">ThirdAveSuite</A> (only from an iPhone that has it installed of course).<P> <H2>General Setup</H2> The application is divided into several types of views:<P> <UL> <LI><B>Dial views</B> show near-realtime data values <LI><B>History views</B> show historical data for the data presented in the dial view <LI><B>Sensor data</B> shows attributes and their values for attributes not presented in dial/history form <LI><B>Camera views</B> shows image views of various important viewpoints </UL> In addition, there is a view that points to the Arbor Studios site that is always available off any of the dial views.<P> The following sections describe each of these view types in detail.<P> <H2>Dial Views</H2> There are three dial views available on the main/startup screen: <UL> <LI><B>Wind and Direction and Speed View</B> shows the current wind direction and speed</LI> <LI><B>Gust View</B> shows the current gust values in speed</LI> <LI><B>Temperature View</B> shows the current temperature value and ranges</LI> </UL> <H4>Title Area</H4> At the top of every dial view is an information area that provides textual values of the current conditions. Just below it is an area that describes when the information being displayed (above or in the dial) was last updated. <H4>Tab Area</H4> At the bottom of every dial view is a tab area where you can select other dial views (Wind, Gust, and Temperature), a Sensor view, or Camera views. Selecting any of these will swap the main view to that view. <H4>Background Views</H4> Underlying every dial and history view is a background image. This image changes with wind speed according to the following logic:<P> <UL> <LI>0-11 mph</LI> <LI>12-16 mph</LI> <LI>17-26 mph</LI> <LI>27+ mph</LI> </UL> Additionally, when the current time is between sunset and sunrise the background image will change to an evening image. <H4>Background Sounds</H4> At the bottom middle of every dial view is an icon <IMG SRC="SoundButton.png"/> that toggles sound on and off. The audio in the application is run in a thread that lasts about 30 seconds, so sounds will turn on and off in that duration. The audio clips in the application change with the same wind speed values as the background images. The default is for sound to be off. <H4>Arbor-Studios Home Page</H4> At the bottom left of every dial view is an icon <IMG SRC="HelpButton.png"/> that opens a view that describes the application and has a button that will launch the Arbor-Studios home page in Safari. It will not return when done, so you will have to relaunch ThirdAveSuite if you select this button. <H4>Toggle to History View</H4> At the bottom right of every dial view is an icon <IMG SRC="InfoButton.png"/> that rotates the dial view into the History view. Selecting the Done button at the top of the history view, or selecting the view by name in the tabs at the bottom of the view, will return you to a dial view. <H3>Wind Direction and Speed View</H3> The figure below identifies all of the features available on the main application view <IMG SRC="WindIcon.png"/> , which is the wind direction and speed view. Depicted in the center of the screen are two concentric dials. The outer dial is a compass rosette and has two dial hands. The larger (yellow/gold) dial hand shows the current/instantaneous wind direction. The smaller (red) dial hand (not visible in this image because it is the same as the current direction) shows the 10-minute average wind direction. As can be seen, the speed dial is only capable of showing wind speeds up to 60 mph.<P> <TABLE BORDER="5" CELLSPACING="0" CELLPADDING="1"> <TR><TD><IMG SRC="TASMainViewLegend.jpg"/></TD></TR> </TABLE><P> <H3>Gust Speed View</H3> The figure below identifies all of the features available on the gust speed dial <IMG SRC="GustIcon.png"/>. This view depicts the current gust value (in mph) with the main dial hand, as well as the high gust speed value for the day with the red mini dial hand. As can be seen the dial is limited to showing gusts up to 60 mph. Gust values are are taken on approximately 2-3 second intervals.<P> <TABLE BORDER="5" CELLSPACING="0" CELLPADDING="1"> <TR><TD><IMG SRC="TASGustViewLegend.jpg"/></TD></TR> </TABLE><P> <H3>Temperature View</H3> The figure below identifies all of the features available on the temperature dial <IMG SRC="TempIcon.png"/>. This view depicts the current temperature as well as the daily low and high temperatures. The current temperature is displayed using the main dial hand. The mini blue dial hand is used to display the day's low temperature value, while the mini red dial hand is used to display the day's high temperature value.<P> <TABLE BORDER="5" CELLSPACING="0" CELLPADDING="1"> <TR><TD><IMG SRC="TASTempViewLegend.jpg"/></TD></TR> </TABLE><P> <H2>History Views</H2> There is a history view for each dial view, so there are three history views. This tutorial only shows a legend for the wind history view as the gust and temperature history views use the same legend. The wind and temperature history views each have two graphs, one for the values over the past hour, displayed on top, and one for the values over the past 24 hours, displayed at the bottom. In addition, the last hour's wind speed history has superimposed on top of it the gust history over the past hour, to give an indication of the stability of the air. It is important to note that on each of these graphs the most current time is the farthest to the right, while the most ancient is the farthest to the left. This is why the horizontal axis is labeled in negative values with the 0 value (now) being on the far right.<P> <TABLE BORDER="5" CELLSPACING="0" CELLPADDING="1"> <TR><TD><IMG SRC="TASWindHistoriesViewLegend.jpg"/></TD></TR> </TABLE><P> <H2>Sensor Data View</H2> The sensor view <IMG SRC="SensorDataIcon.png"/> presents a table of about 30 attribute/value pairs that do not make sense to show in a dial or history view but are valuable nonetheless. The image below describes how to interpret the view.<P> <TABLE BORDER="5" CELLSPACING="0" CELLPADDING="1"> <TR><TD><IMG SRC="TASSensorViewLegend.jpg"/></TD></TR> </TABLE><P> Along the left side of the table are displayed the sensor attribute names (e.g., Date, Sunset, Forecast, Windchill, Cloudbase, etc.). Along the right are displayed those attribute's values. The attribute names will also include (parenthetically) the unit categories for those attributes that have units. For example, temperatures are displayed in Degrees Fahrenheit while Pressure is displayed in Inches of Mercury.<P> <H3>Latitude and Longitude</H3> These are the values of the weather station location. <H3>Moon Phase</H3> There are generally 30 days in a month, and there are 30 images in this set. The data values provided from the weather station describe moonphase in percentages. These percentages are then multiplied by the number of images to determine which one to display. They will generally be pretty close to the moon phase that you see in the sky. <H3>Forecast Icon</H3> Forecast icons will change depending on the half of the day that is currently in effect. That is, if it is between sunrise and sunset "daytime" forecast icons will be displayed, while if it is between sunset and sunrise the "nighttime" forecast icons will be displayed. <H3>Forecast</H3> The forecast string is a combination of current conditions and a generic forecast that is conjured up from the temperature, pressure, wind speed, humidity, cloudbase (I am guessing here). The application has been modified to support variable-height table cells to accommodate long forecast strings. <H3>Previous, Current, and Next Tide</H3> Tide information has been acquired from the NOAA Tide Predictions site for the San Mateo Bridge, West End. Three days are being acquired: today, yesterday, and tomorrow. This guarantees that there will always be data for two full tide cycles in any given day, so previous and next tide values will be data from the NOAA site. For the current tide value these two bounding values are interpolated. Each tide value is displayed with the time and value, so by looking at the previous and next values you can tell which was the high tide, which was the low tide, and whether it is currently flooding or ebbing. <H2>Camera Views</H2> The application supports five (5) different photographic views of the Third Avenue kiteboarding and sailboarding site:<P> <UL> <LI><B>Parking Lot (<IMG SRC="ParkIcon.png"/>)</B> shows a view of the main parking lot</LI> <LI><B>Carpeted Area and Flag (<IMG SRC="FlagIcon.png"/>)</B> shows the main setup area and the flag by the sailboard ramp</LI> <LI><B>Jump (<IMG SRC="JumpIcon.png"/>)</B> shows the main kiteboarding jumping area at the corner of the path, to the right of the sailboarding ramp</LI> <LI><B>Beach (<IMG SRC="BeachIcon.png"/></B> shows the lower beach setup area</LI> <LI><B>Panoramic (<IMG SRC="PanIcon.png"/></B>) shows a panoramic view created by stitching together 33 images</LI> </UL> The camera views are accessed from any of the dial or history views from the tab on the far right saying "more".<P> <TABLE BORDER="5" CELLSPACING="0" CELLPADDING="1"> <TR><TD><IMG SRC="TASViewsViewLegend.jpg"/></TD></TR> </TABLE><P> All of the camera views look the same so only one <IMG SRC="ParkIcon.png"/> will be described as a legend.<P> <TABLE BORDER="5" CELLSPACING="0" CELLPADDING="1"> <TR><TD><IMG SRC="TASPLViewLegend.jpg"/></TD></TR> </TABLE><P> <H3>Upper Bar and More Button</H3> At the top of every camera view is a bar that is part of the tab view. It sports the name of the tab and has a "More" button that returns to the general camera views view. <H3>Weather Data Dials</H3> Below the upper bar on each camera view there are two dial images. The one on the left <IMG SRC="WindRoseButtonNW.png"/> shows a miniature compass rose with a number in it. The dial in the rose is displaying the currently correct wind direction, while the number displayed is showing the currently correct wind speed value. You can touch the dial because it is implemented as a button. When it lights up it will be easier to read the value. The dial on the right <IMG SRC="TideButtonEbb.png"/> displays the current tide type (ebb or flood) and the current tide value. If the tide is an ebb tide then the right side of the sine wave will be highlighted, while if the tide is a flood the left side of the sine wave will be highlighted. <H3>General Operation</H3> Each of the views is designed to fit vertically in as much of the space as is available. This means that you are only viewing a 'band' of the image, and can scroll (or pan) to the left or right by swiping your finger across the image. You can double tap the screen to zoom in, and of course you can also use pinch and stretch motions to zoom out or in.<P> Clearly the most dramatic of all the views is the panoramic <IMG SRC="PanIcon.png"/> view. Unfortunately, it is a very large image (almost 1 MB) so it takes a long time to load. When it does, it will be worth the wait, because it has been stitched together from 33 separate images and allows you to scroll from almost the north end on the left all the way to Inktomi on the right. It may not load on older (3G and before) iPhones. In fact, it may crash the application. <HR> Space Provided By <a href="http://www.he.net">Hurricane Electric</a> </BODY> </HTML>