diff options
Diffstat (limited to 'docs/html/auto/index.jd')
| -rw-r--r-- | docs/html/auto/index.jd | 223 |
1 files changed, 223 insertions, 0 deletions
diff --git a/docs/html/auto/index.jd b/docs/html/auto/index.jd new file mode 100644 index 0000000..c7a3a4e --- /dev/null +++ b/docs/html/auto/index.jd @@ -0,0 +1,223 @@ +page.title=Android Auto +page.viewport_width=970 +fullpage=true +no_footer_links=true +page.type=about + +@jd:body + +<style> +.fullpage>#footer, +#jd-content>.content-footer.wrap { + display:none; +} +</style> + +<style> +#footer { + display: none; +} +.content-footer { + display: none; +} +#hero-height { + height:calc(100% - 100px); +} +</style> + + +<div class="landing-body-content"> + <div class="landing-hero-container"> + + <div id="hero-height" class="landing-section auto-hero"> + <div class="landing-hero-scrim"></div> + <div class="landing-hero-wrap"> + <div class="vertical-center-outer"> + <div class="vertical-center-inner"> + + <div class="col-10"> + <div class="landing-section-header"> + <div class="landing-h1 hero">Android Auto</div> + <div class="landing-subhead hero">Entertainment and services on your dashboard</div> + <div class="landing-hero-description"> + <p>Display and control your handheld app in vehicles. + Build apps with easy-to-use UI templates that + let users keep their eyes on the road.</p> + </div> + + <div class="landing-body"> + <a href="{@docRoot}auto/overview.html" class="landing-button landing-primary" style="margin-top: 40px;"> + Developer Overview + </a> + </div> + </div> + </div> + </div> + </div> <!-- end .wrap --> + + <div class="landing-scroll-down-affordance"> + <a class="landing-down-arrow" href="#android-in-car"> + <img src="{@docRoot}wear/images/carrot.png" alt="Scroll down to read more"> + </a> + </div> + </div> <!-- end .landing-section .landing-hero --> + </div> <!-- end .landing-hero-container --> + + <div class="landing-rest-of-page"> + + <div class="landing-section landing-gray-background" id="android-in-car"> + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-h1">Bringing Android to Your Car</div> + </div> + + <div class="landing-body"> + <p>When users connect their Android phone to an Android Auto enabled vehicle, the + system shows an interface that lets users select compatible apps and services to run. + </p> + <p>Android Auto provides new APIs and tools that your existing Android apps can + leverage to run on any compatible vehicle. Users interact with your apps through the + touch screen and the physical buttons on the vehicle’s dashboard. Your apps can also + respond to voice commands. + </p> + </div> + + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + + <div class="landing-section"> + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-h1">One Platform</div> + </div> + + <div class="landing-body"> + <p>Android Auto is an extension of the Android platform. You can easily adapt + existing apps for Android Auto and reuse many of the Android APIs and services you + are already familiar with.</p> + <p>The Android Auto platform and SDK let you write your apps only once, without having + to worry about vehicle-specific hardware differences like screen resolution, software + interfaces, knobs and touch controls. Your app runs the same on any compatible + vehicle.</p> + </div> + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + <div class="landing-section landing-gray-background" > + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-h1">Minimizing Distraction</div> + </div> + + <div class="landing-body"> + <p>We designed Android Auto to minimize driver distraction. Android Auto provides UI + templates for several app categories. These templates define the user interaction model + for any app and follow international best practices for reducing driver distraction.</p> + <p>You can customize these templates to fit your brand and link them to your app’s + content and functionality, instead of building new UIs and testing them for driver + distraction, which is a lengthy and costly process.</p> + <p>Android Auto locks any device that users connect to a compatible vehicle, so drivers + interact with the device using voice actions and the vehicle’s input controls.</p> + </div> + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + <div class="landing-section landing-white-background"> + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-h1">Building an Ecosystem</div> + </div> + <div class="landing-body landing-align-center"> + <p style="margin-bottom:20px"> + Android Auto is coming soon to new cars from these manufacturers: + </p> + </div> + <div style="width:800px;margin:0 auto"> + <img src="{@docRoot}auto/images/carlogos.png" alt="Partners" /> + </div> + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + + <div class="landing-section" > + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-h1">Developer Stories</div> + </div> + + <div class="landing-body"> + <p>We're working with developers to bring many popular apps to Android Auto:</p> + <p> + + </p> + </div> + + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + + <div class="landing-section" style="background-color:#f5f5f5"> + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-pre-h1">Coming soon</div> + <div class="landing-h1">Android Auto SDK</div> + <div style="text-align:center;margin-top:20px;font-size:14pt;margin-bottom:-5px"> + <a href="https://docs.google.com/a/google.com/forms/d/1ANgYOoYLkfyZ2JRPSU34Nep5yNaU-Ha2syXJ9b4xLrA/viewform">Sign up for updates</a> + </div> + </div> + + <div class="landing-body"> + <p>In the coming months, we’ll be releasing the Android Auto SDK, which includes APIs + and tools to make your existing apps compatible with Android Auto. The first version + of the SDK will provide templates and APIs for music, podcast, live radio, and audio + news apps, as well as limited voice actions.</p> + <p style="margin-bottom:40px"> + Future versions of the Android Auto SDK will include support for a selection of + Android notifications, additional voice actions, and templates and APIs for + messaging, communication, local search, and more.</p> + + <a target="_blank" href="http://g.co/androidautodev"> + <img class="landing-social-image" src="//www.google.com/images/icons/product/gplus-128.png" alt="+Android Auto Developers"> + </a> + <p style="margin-bottom:5px">G+ Community</p> + <p class="landing-small"> + Join the Android Auto developer community on Google+ to stay involved, get the + latest updates, and exchange experiences with other developers. + <a target="_blank" href="http://g.co/androidautodev">+Android Auto Developers</a> + </p> + </div> + + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + </div> <!-- end .landing-rest-of-page --> + + + <div class="content-footer wrap" itemscope="" itemtype="http://schema.org/SiteNavigationElement"> + <div class="layout-content-col col-16" style="padding-top:4px"> + <style>#___plusone_0 {float:right !important;}</style> + <div class="g-plusone" data-size="medium"></div> + </div> + </div> + <div id="footer" class="wrap" style="width:940px;position:relative;top:-35px;z-index:-1"> + <div id="copyright"> + Except as noted, this content is + licensed under <a href="http://creativecommons.org/licenses/by/2.5/"> + Creative Commons Attribution 2.5</a>. For details and + restrictions, see the <a href="/license.html">Content + License</a>. + </div> + </div> + + + </div> <!-- end landing-body-content --> + + <script> + $("a.landing-down-arrow").on("click", function(e) { + $("body").animate({ + scrollTop: $(".auto-hero").height() + 120 + }, 1000, "easeOutQuint"); + e.preventDefault(); + }); + </script> |