Lightening talk on Scout for Apps from Telenav. Win $1000 for the best use of Scout for Apps. Everyone who codes with Scout for Apps gets a cool gunmetal travel coffee mug.
1. SCOUT FOR APPS
HTML5 Navigation Service
$1000 Prize for Best app with Scout API integration
Laura Della Torre
Associate Director, Partner Marketing
http://developer.telenav.com
2. MAP SOLUTIONS | DEVELOPER CHALLENGES
Mobile map solutions are:
• Complex to integrate
• Platform or carrier dependent
• Expensive for developers
• Beta quality
• Unsafe or inconvenient for users
2
http://developer.telenav.com
3. SCOUT FOR APPS | THE SOLUTION
World’s first embeddable free cross-platform
revenue sharing voice-guided navigation
Developer
App or Mobile Site Launch Screen Navigation Session Route Summary
• Code any location or address • HTML5 - No porting required
• Simple URL hyperlink • Supports mobile web & app
• One line of code • Browser or embedded WebView
http://developer.telenav.com 3
4. SCOUT FOR APPS | SAMPLE USE CASES
Travel: Increase loyalty with free navigation on all bookings.
Shopping: Confirm users get to your store or kiosk
Social: Increase time on your site by helping friends meet up.
Real Estate: Help buyers find your home listings
Entertainment: Sell more tickets & tables
http://developer.telenav.com 4
5. INSTRUCTIONS | OVERVIEW
1. Join and get a test key & token: http://developer.telenav.com
Start Here
2. Create a URL for your Scout button
3. Get your production key
Requirements:
• An address or coordinates (latitude and longitude) to generate a route, URI encoded
• Developer Test key, token & production keys
• iOS 4+ and Android 2.2+ device with HTML5 compatible browser & GPS, location and audio enabled
5
http://developer.telenav.com
6. CODE
http://apps.scout.me/v1/driveto?dt=<URI_encoded_address@lat,lon>&token=<
URI_encoded_token>&name=<URI_encoded_name>
Parameter Description Notes
Required. Must be URI encoded to work. For example, if your token is
token Your token
“AQAAATS1a5IIf//,”the URI-encoded version would be “AQAAATS1a5IIf%2F%2F”
Street address. For example "950 De Guigne Dr." street address should be combined
dt Address
with city/state or zip code. Required to display during navigation.
Destination coordinates. This field describes the latitude/longitude of the destination
address. The latitude/longitude is specified as a string. For example:
Lat , lon 37.373846,-121.999036
The lat/lon can be provided without the address or after the address followed by an
“@”.
Required to display during navigation. Every point of interest, whether it is a tourist
Name of the attraction, event venue, or store, typically has a name. Passing this name will help Scout
name
destination show the name to the user during navigation, upon arrival, and with their friends when
shared.
6
http://developer.telenav.com
7. SAMPLE CODE
1. http://apps.scout.me/v1/driveto?dt=37.36681,-122.00156&token=<token>
2. http://apps.scout.me/v1/driveto?dt=37.36904,-
121.978&token=<token>&name=Starbucks%20Coffee
3. http://apps.scout.me/v1/driveto?dt=460%20N%20MATHILDA%20AVE%2C%20SUNNYVALE
%20CA%94086@37.3904,-121.978&token=<token>&name=Starbucks
Ok Better Best
1. Coordinates Only 2. Name & Coordinates 3. Name & Address
URI Encode your token, address & name
URI Encoding: http://www.w3schools.com/tags/ref_urlencode.asp
Encoder/Decoder Tool: http://meyerweb.com/eric/tools/dencoder/
7
http://developer.telenav.com
8. BEST PRACTICES | RUN IN WEBVIEW
44 Pixels
Back Button
To: Do this:
Show WebView optimized experience* Append user agent string “ TNS4A/1.0” to indicate WebView. See sample below.
Keep navigation running during trip Set backlight to “always on” when S4A WebView opens
Allow users to end trip Include a back button in your 44 pixel header
Optimize the map real estate Turn off landscape mode during Scout for Apps session
Track user activity within a session Add custom HTTP header “T-S4AID” with a unique ID or add it as a parameter on
the query string,
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2
Mobile/8J2 Safari/6533.18.5 TNS4A/1.0
*Coming Soon
8
http://developer.telenav.com
9. BEST PRACTICES | OPTIMIZE BUTTON LOCATION
Ok Better Best
Map InfoWindow Search Results Landing Page Email
See us for these new buttons
Button Options:
Download Link:
http://developer.telenav.com/sdkweb/sdkwe
b/downloads/ScoutDriveButtonImages.zip
9
http://developer.telenav.com
10. Free travel coffee mug for all who integrate Scout for Apps
$1000 Prize for Best app implementing Scout API
Good luck!
http://developer.telenav.com
Email: developer@telenav.com
Twitter: @TelenavDev
10
Notes de l'éditeur
We’re not the first to try to solve this, but
So we decided to fix that. In 2011, we launched one of the most innovative products in navigation.