diff --git a/docs/html/auto/images/assets/00_frame.png b/docs/html/auto/images/assets/00_frame.png new file mode 100644 index 0000000000000..2a7838082192e Binary files /dev/null and b/docs/html/auto/images/assets/00_frame.png differ diff --git a/docs/html/auto/images/assets/01_a_maps.png b/docs/html/auto/images/assets/01_a_maps.png new file mode 100644 index 0000000000000..0d1b219f971a7 Binary files /dev/null and b/docs/html/auto/images/assets/01_a_maps.png differ diff --git a/docs/html/auto/images/assets/01_b_now.png b/docs/html/auto/images/assets/01_b_now.png new file mode 100644 index 0000000000000..043ec748ccfff Binary files /dev/null and b/docs/html/auto/images/assets/01_b_now.png differ diff --git a/docs/html/auto/images/assets/02_a_notif.gif b/docs/html/auto/images/assets/02_a_notif.gif new file mode 100644 index 0000000000000..6a830ae97d6cd Binary files /dev/null and b/docs/html/auto/images/assets/02_a_notif.gif differ diff --git a/docs/html/auto/images/assets/02_b_switcher.gif b/docs/html/auto/images/assets/02_b_switcher.gif new file mode 100644 index 0000000000000..626f94b74e0c4 Binary files /dev/null and b/docs/html/auto/images/assets/02_b_switcher.gif differ diff --git a/docs/html/auto/images/assets/03_a_musict.png b/docs/html/auto/images/assets/03_a_musict.png new file mode 100644 index 0000000000000..4e112434962d3 Binary files /dev/null and b/docs/html/auto/images/assets/03_a_musict.png differ diff --git a/docs/html/auto/images/assets/03_b_voice.gif b/docs/html/auto/images/assets/03_b_voice.gif new file mode 100644 index 0000000000000..ddd13e48ed311 Binary files /dev/null and b/docs/html/auto/images/assets/03_b_voice.gif differ diff --git a/docs/html/auto/images/assets/do_01_switcher.png b/docs/html/auto/images/assets/do_01_switcher.png new file mode 100644 index 0000000000000..b654a13afdad7 Binary files /dev/null and b/docs/html/auto/images/assets/do_01_switcher.png differ diff --git a/docs/html/auto/images/assets/do_02_music.png b/docs/html/auto/images/assets/do_02_music.png new file mode 100644 index 0000000000000..59fc8df3e6ac7 Binary files /dev/null and b/docs/html/auto/images/assets/do_02_music.png differ diff --git a/docs/html/auto/images/assets/do_03_more.png b/docs/html/auto/images/assets/do_03_more.png new file mode 100644 index 0000000000000..17040d1d59193 Binary files /dev/null and b/docs/html/auto/images/assets/do_03_more.png differ diff --git a/docs/html/auto/images/assets/do_04_mdrawer.png b/docs/html/auto/images/assets/do_04_mdrawer.png new file mode 100644 index 0000000000000..de94c22afd6be Binary files /dev/null and b/docs/html/auto/images/assets/do_04_mdrawer.png differ diff --git a/docs/html/auto/images/assets/do_05_template.png b/docs/html/auto/images/assets/do_05_template.png new file mode 100644 index 0000000000000..4e112434962d3 Binary files /dev/null and b/docs/html/auto/images/assets/do_05_template.png differ diff --git a/docs/html/auto/images/assets/do_06_gdrawer.png b/docs/html/auto/images/assets/do_06_gdrawer.png new file mode 100644 index 0000000000000..b02c0e665df2b Binary files /dev/null and b/docs/html/auto/images/assets/do_06_gdrawer.png differ diff --git a/docs/html/auto/images/assets/do_07_notif.png b/docs/html/auto/images/assets/do_07_notif.png new file mode 100644 index 0000000000000..50ea5653d0402 Binary files /dev/null and b/docs/html/auto/images/assets/do_07_notif.png differ diff --git a/docs/html/auto/images/carlogos.png b/docs/html/auto/images/carlogos.png deleted file mode 100644 index 3522aa3b35009..0000000000000 Binary files a/docs/html/auto/images/carlogos.png and /dev/null differ diff --git a/docs/html/auto/images/figure02.png b/docs/html/auto/images/figure02.png deleted file mode 100644 index 1b87224a40754..0000000000000 Binary files a/docs/html/auto/images/figure02.png and /dev/null differ diff --git a/docs/html/auto/images/figure03.png b/docs/html/auto/images/figure03.png deleted file mode 100644 index 0c4e20da0315f..0000000000000 Binary files a/docs/html/auto/images/figure03.png and /dev/null differ diff --git a/docs/html/auto/images/figure04.png b/docs/html/auto/images/figure04.png deleted file mode 100644 index 3e9c8947ffa92..0000000000000 Binary files a/docs/html/auto/images/figure04.png and /dev/null differ diff --git a/docs/html/auto/images/figure05.png b/docs/html/auto/images/figure05.png deleted file mode 100644 index 9c1d9b8ae6cd0..0000000000000 Binary files a/docs/html/auto/images/figure05.png and /dev/null differ diff --git a/docs/html/auto/images/figure06.png b/docs/html/auto/images/figure06.png deleted file mode 100644 index 8140f0c8163e8..0000000000000 Binary files a/docs/html/auto/images/figure06.png and /dev/null differ diff --git a/docs/html/auto/images/figure07.png b/docs/html/auto/images/figure07.png deleted file mode 100644 index 82c1c76f20d7b..0000000000000 Binary files a/docs/html/auto/images/figure07.png and /dev/null differ diff --git a/docs/html/auto/images/figure08.png b/docs/html/auto/images/figure08.png deleted file mode 100644 index f11e3a8b5c25c..0000000000000 Binary files a/docs/html/auto/images/figure08.png and /dev/null differ diff --git a/docs/html/auto/images/hero.jpg b/docs/html/auto/images/hero.jpg index 3f9114f546f72..34b5b5dd27268 100644 Binary files a/docs/html/auto/images/hero.jpg and b/docs/html/auto/images/hero.jpg differ diff --git a/docs/html/auto/images/logos/apps/iheartradio.png b/docs/html/auto/images/logos/apps/iheartradio.png new file mode 100644 index 0000000000000..8feb38dc38359 Binary files /dev/null and b/docs/html/auto/images/logos/apps/iheartradio.png differ diff --git a/docs/html/auto/images/logos/apps/joyride.png b/docs/html/auto/images/logos/apps/joyride.png new file mode 100644 index 0000000000000..8c2897eeb732c Binary files /dev/null and b/docs/html/auto/images/logos/apps/joyride.png differ diff --git a/docs/html/auto/images/logos/apps/mlb.png b/docs/html/auto/images/logos/apps/mlb.png new file mode 100644 index 0000000000000..ddde4cd1c87c4 Binary files /dev/null and b/docs/html/auto/images/logos/apps/mlb.png differ diff --git a/docs/html/auto/images/logos/apps/pandora.png b/docs/html/auto/images/logos/apps/pandora.png new file mode 100644 index 0000000000000..13fa1d3428a43 Binary files /dev/null and b/docs/html/auto/images/logos/apps/pandora.png differ diff --git a/docs/html/auto/images/logos/apps/pocketcasts.png b/docs/html/auto/images/logos/apps/pocketcasts.png new file mode 100644 index 0000000000000..522793754477d Binary files /dev/null and b/docs/html/auto/images/logos/apps/pocketcasts.png differ diff --git a/docs/html/auto/images/logos/apps/songza.png b/docs/html/auto/images/logos/apps/songza.png new file mode 100644 index 0000000000000..3bd71074499d2 Binary files /dev/null and b/docs/html/auto/images/logos/apps/songza.png differ diff --git a/docs/html/auto/images/logos/apps/spotify.png b/docs/html/auto/images/logos/apps/spotify.png new file mode 100644 index 0000000000000..d039fd3ff9dc0 Binary files /dev/null and b/docs/html/auto/images/logos/apps/spotify.png differ diff --git a/docs/html/auto/images/logos/apps/stitcher.png b/docs/html/auto/images/logos/apps/stitcher.png new file mode 100644 index 0000000000000..b77da12d0aee4 Binary files /dev/null and b/docs/html/auto/images/logos/apps/stitcher.png differ diff --git a/docs/html/auto/images/logos/apps/tunein.png b/docs/html/auto/images/logos/apps/tunein.png new file mode 100644 index 0000000000000..137ba8163d565 Binary files /dev/null and b/docs/html/auto/images/logos/apps/tunein.png differ diff --git a/docs/html/auto/images/logos/apps/umano.png b/docs/html/auto/images/logos/apps/umano.png new file mode 100644 index 0000000000000..7b59f957fb0bc Binary files /dev/null and b/docs/html/auto/images/logos/apps/umano.png differ diff --git a/docs/html/auto/images/logos/auto/acura.png b/docs/html/auto/images/logos/auto/acura.png new file mode 100644 index 0000000000000..4ba69cc737d2b Binary files /dev/null and b/docs/html/auto/images/logos/auto/acura.png differ diff --git a/docs/html/auto/images/logos/auto/audi.png b/docs/html/auto/images/logos/auto/audi.png new file mode 100644 index 0000000000000..9b99efe7b647f Binary files /dev/null and b/docs/html/auto/images/logos/auto/audi.png differ diff --git a/docs/html/auto/images/logos/auto/bentley.png b/docs/html/auto/images/logos/auto/bentley.png new file mode 100644 index 0000000000000..ed8cf47f550bb Binary files /dev/null and b/docs/html/auto/images/logos/auto/bentley.png differ diff --git a/docs/html/auto/images/logos/auto/chevrolet.png b/docs/html/auto/images/logos/auto/chevrolet.png new file mode 100644 index 0000000000000..e0980b0ba80db Binary files /dev/null and b/docs/html/auto/images/logos/auto/chevrolet.png differ diff --git a/docs/html/auto/images/logos/auto/chrysler.png b/docs/html/auto/images/logos/auto/chrysler.png new file mode 100644 index 0000000000000..f366cba5ffea4 Binary files /dev/null and b/docs/html/auto/images/logos/auto/chrysler.png differ diff --git a/docs/html/auto/images/logos/auto/datsun.png b/docs/html/auto/images/logos/auto/datsun.png new file mode 100644 index 0000000000000..059ffd82c2633 Binary files /dev/null and b/docs/html/auto/images/logos/auto/datsun.png differ diff --git a/docs/html/auto/images/logos/auto/fiat.png b/docs/html/auto/images/logos/auto/fiat.png new file mode 100644 index 0000000000000..aaa5cf3d60fc8 Binary files /dev/null and b/docs/html/auto/images/logos/auto/fiat.png differ diff --git a/docs/html/auto/images/logos/auto/honda.png b/docs/html/auto/images/logos/auto/honda.png new file mode 100644 index 0000000000000..62ee38fa1465e Binary files /dev/null and b/docs/html/auto/images/logos/auto/honda.png differ diff --git a/docs/html/auto/images/logos/auto/hyundai.png b/docs/html/auto/images/logos/auto/hyundai.png new file mode 100644 index 0000000000000..4744641145223 Binary files /dev/null and b/docs/html/auto/images/logos/auto/hyundai.png differ diff --git a/docs/html/auto/images/logos/auto/infinity.png b/docs/html/auto/images/logos/auto/infinity.png new file mode 100644 index 0000000000000..ad77351dec353 Binary files /dev/null and b/docs/html/auto/images/logos/auto/infinity.png differ diff --git a/docs/html/auto/images/logos/auto/kia.png b/docs/html/auto/images/logos/auto/kia.png new file mode 100644 index 0000000000000..f8046d9bc2bfb Binary files /dev/null and b/docs/html/auto/images/logos/auto/kia.png differ diff --git a/docs/html/auto/images/logos/auto/maserati.png b/docs/html/auto/images/logos/auto/maserati.png new file mode 100644 index 0000000000000..22bcf6a90e3e4 Binary files /dev/null and b/docs/html/auto/images/logos/auto/maserati.png differ diff --git a/docs/html/auto/images/logos/auto/mazda.png b/docs/html/auto/images/logos/auto/mazda.png new file mode 100644 index 0000000000000..2281c90fb6d81 Binary files /dev/null and b/docs/html/auto/images/logos/auto/mazda.png differ diff --git a/docs/html/auto/images/logos/auto/mercedesbenz.png b/docs/html/auto/images/logos/auto/mercedesbenz.png new file mode 100644 index 0000000000000..05fab0f660e83 Binary files /dev/null and b/docs/html/auto/images/logos/auto/mercedesbenz.png differ diff --git a/docs/html/auto/images/logos/auto/mitsubishi.png b/docs/html/auto/images/logos/auto/mitsubishi.png new file mode 100644 index 0000000000000..1405b1943adc6 Binary files /dev/null and b/docs/html/auto/images/logos/auto/mitsubishi.png differ diff --git a/docs/html/auto/images/logos/auto/nissan.png b/docs/html/auto/images/logos/auto/nissan.png new file mode 100644 index 0000000000000..63bc4f78d35cc Binary files /dev/null and b/docs/html/auto/images/logos/auto/nissan.png differ diff --git a/docs/html/auto/images/logos/auto/opel.png b/docs/html/auto/images/logos/auto/opel.png new file mode 100644 index 0000000000000..7e25ed574ecbd Binary files /dev/null and b/docs/html/auto/images/logos/auto/opel.png differ diff --git a/docs/html/auto/images/logos/auto/renault.png b/docs/html/auto/images/logos/auto/renault.png new file mode 100644 index 0000000000000..65a4ae3776c3b Binary files /dev/null and b/docs/html/auto/images/logos/auto/renault.png differ diff --git a/docs/html/auto/images/logos/auto/seat.png b/docs/html/auto/images/logos/auto/seat.png new file mode 100644 index 0000000000000..9802ccf8b6b2b Binary files /dev/null and b/docs/html/auto/images/logos/auto/seat.png differ diff --git a/docs/html/auto/images/logos/auto/skoda.png b/docs/html/auto/images/logos/auto/skoda.png new file mode 100755 index 0000000000000..7bc06b06fc4c6 Binary files /dev/null and b/docs/html/auto/images/logos/auto/skoda.png differ diff --git a/docs/html/auto/images/logos/auto/subaru.png b/docs/html/auto/images/logos/auto/subaru.png new file mode 100644 index 0000000000000..7407e610dcd32 Binary files /dev/null and b/docs/html/auto/images/logos/auto/subaru.png differ diff --git a/docs/html/auto/images/logos/auto/suzuki.png b/docs/html/auto/images/logos/auto/suzuki.png new file mode 100644 index 0000000000000..85fd7e508719c Binary files /dev/null and b/docs/html/auto/images/logos/auto/suzuki.png differ diff --git a/docs/html/auto/images/logos/auto/volkswagen.png b/docs/html/auto/images/logos/auto/volkswagen.png new file mode 100644 index 0000000000000..febadf4e64d47 Binary files /dev/null and b/docs/html/auto/images/logos/auto/volkswagen.png differ diff --git a/docs/html/auto/images/logos/auto/volvo.png b/docs/html/auto/images/logos/auto/volvo.png new file mode 100644 index 0000000000000..683af2644ef80 Binary files /dev/null and b/docs/html/auto/images/logos/auto/volvo.png differ diff --git a/docs/html/auto/images/logos/hard/alpine.png b/docs/html/auto/images/logos/hard/alpine.png new file mode 100644 index 0000000000000..55f0e8a34c80e Binary files /dev/null and b/docs/html/auto/images/logos/hard/alpine.png differ diff --git a/docs/html/auto/images/logos/hard/clarion.png b/docs/html/auto/images/logos/hard/clarion.png new file mode 100644 index 0000000000000..2288b99c43a66 Binary files /dev/null and b/docs/html/auto/images/logos/hard/clarion.png differ diff --git a/docs/html/auto/images/logos/hard/cloudcar.png b/docs/html/auto/images/logos/hard/cloudcar.png new file mode 100644 index 0000000000000..9e7e8b77c6d26 Binary files /dev/null and b/docs/html/auto/images/logos/hard/cloudcar.png differ diff --git a/docs/html/auto/images/logos/hard/delphi.png b/docs/html/auto/images/logos/hard/delphi.png new file mode 100644 index 0000000000000..a2a03de1591d6 Binary files /dev/null and b/docs/html/auto/images/logos/hard/delphi.png differ diff --git a/docs/html/auto/images/logos/hard/freescale.png b/docs/html/auto/images/logos/hard/freescale.png new file mode 100644 index 0000000000000..2909944e0c65b Binary files /dev/null and b/docs/html/auto/images/logos/hard/freescale.png differ diff --git a/docs/html/auto/images/logos/hard/fujitsuten.png b/docs/html/auto/images/logos/hard/fujitsuten.png new file mode 100644 index 0000000000000..70269e38810de Binary files /dev/null and b/docs/html/auto/images/logos/hard/fujitsuten.png differ diff --git a/docs/html/auto/images/logos/hard/harman.png b/docs/html/auto/images/logos/hard/harman.png new file mode 100644 index 0000000000000..0fb295a9290cc Binary files /dev/null and b/docs/html/auto/images/logos/hard/harman.png differ diff --git a/docs/html/auto/images/logos/hard/jvc.png b/docs/html/auto/images/logos/hard/jvc.png new file mode 100644 index 0000000000000..6a9c7ade76e18 Binary files /dev/null and b/docs/html/auto/images/logos/hard/jvc.png differ diff --git a/docs/html/auto/images/logos/hard/kenwood.png b/docs/html/auto/images/logos/hard/kenwood.png new file mode 100644 index 0000000000000..3c80098ed1696 Binary files /dev/null and b/docs/html/auto/images/logos/hard/kenwood.png differ diff --git a/docs/html/auto/images/logos/hard/lg.png b/docs/html/auto/images/logos/hard/lg.png new file mode 100644 index 0000000000000..52feeffef25dd Binary files /dev/null and b/docs/html/auto/images/logos/hard/lg.png differ diff --git a/docs/html/auto/images/logos/hard/panasonic.png b/docs/html/auto/images/logos/hard/panasonic.png new file mode 100644 index 0000000000000..b6aaaf152be6d Binary files /dev/null and b/docs/html/auto/images/logos/hard/panasonic.png differ diff --git a/docs/html/auto/images/logos/hard/parrot.png b/docs/html/auto/images/logos/hard/parrot.png new file mode 100644 index 0000000000000..d5bf41f025482 Binary files /dev/null and b/docs/html/auto/images/logos/hard/parrot.png differ diff --git a/docs/html/auto/images/logos/hard/pioneer.png b/docs/html/auto/images/logos/hard/pioneer.png new file mode 100644 index 0000000000000..307d71a223b55 Binary files /dev/null and b/docs/html/auto/images/logos/hard/pioneer.png differ diff --git a/docs/html/auto/images/logos/hard/renesas.png b/docs/html/auto/images/logos/hard/renesas.png new file mode 100644 index 0000000000000..69ecab743041d Binary files /dev/null and b/docs/html/auto/images/logos/hard/renesas.png differ diff --git a/docs/html/auto/images/logos/hard/symphonyteleca.png b/docs/html/auto/images/logos/hard/symphonyteleca.png new file mode 100644 index 0000000000000..0b3ebe5e7d5f8 Binary files /dev/null and b/docs/html/auto/images/logos/hard/symphonyteleca.png differ diff --git a/docs/html/auto/images/logos/hard/texasinstruments.png b/docs/html/auto/images/logos/hard/texasinstruments.png new file mode 100644 index 0000000000000..87d80cb526bf9 Binary files /dev/null and b/docs/html/auto/images/logos/hard/texasinstruments.png differ diff --git a/docs/html/auto/index.jd b/docs/html/auto/index.jd index c7a3a4e45281c..810fc672dac5f 100644 --- a/docs/html/auto/index.jd +++ b/docs/html/auto/index.jd @@ -23,6 +23,34 @@ page.type=about #hero-height { height:calc(100% - 100px); } +.img-logo { + margin:0 auto; + display:block; + margin-bottom:-28px !important; +} +.img-logo-thin { + margin:0 auto; + display:block; + margin-bottom:-55px !important; +} +.col-5 { + width:170px; +} +.auto-img-container-cols { + position:relative; + margin-bottom:25px; + margin-top:25px; +} +.auto-img-frame-cols { + z-index:2; + position:relative; +} +.auto-img-shot-cols { + position:absolute; + top:5px; + left:2px; + z-index:1; +} @@ -40,13 +68,14 @@ page.type=about
Android Auto
Entertainment and services on your dashboard
-

Display and control your handheld app in vehicles. +

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.

- + Developer Overview
@@ -68,17 +97,32 @@ page.type=about
-
Bringing Android to Your Car
+
Create Experiences for the Car
+
+ +
+

Android Auto provides APIs and tools that your existing apps can leverage to run + on any compatible vehicle.

+
+ +
+
+
+ + +
+
+
+
+ + +
+

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. -

-

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. + system shows an interface that lets users select compatible apps and services.

@@ -93,14 +137,32 @@ page.type=about
-

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.

-

The Android Auto platform and SDK let you write your apps only once, without having +

You can easily adapt existing apps for Android Auto and use many of the APIs you + already know.

+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+

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.

+
@@ -114,28 +176,31 @@ page.type=about

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.

+ + +
+
+
+ + +
+
+
+
+ + +
+
+
+ +

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.

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.

- - -
-
-
-
Building an Ecosystem
-
-
-

- Android Auto is coming soon to new cars from these manufacturers: -

-
-
- Partners -
@@ -153,6 +218,51 @@ page.type=about

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ @@ -191,6 +301,225 @@ page.type=about + + +
+
+
+
Building an Ecosystem
+
+
+

+ Android Auto is coming soon to new cars from these manufacturers: +

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+

+ Android Auto is also coming soon to aftermarket systems from these manufacturers: +

+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ diff --git a/docs/html/auto/overview.jd b/docs/html/auto/overview.jd index 8748bff215bf9..728dff78b7988 100644 --- a/docs/html/auto/overview.jd +++ b/docs/html/auto/overview.jd @@ -13,6 +13,49 @@ page.metaDescription=Android Auto #copyright { margin-top:-35px; } +.auto-img-container { + position:relative; +} +.auto-img-frame { + z-index:2; + position:relative; +} +.auto-img-shot { + position:absolute; + top:9px; + left:8px; + z-index:1; +} +.auto-img-container-cols { + position:relative; + margin-top:10px; +} +.auto-img-frame-cols { + z-index:2; + position:relative; +} +.auto-img-shot-cols { + position:absolute; + top:0px; + left:0px; + z-index:1; + border:1px solid #; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.auto-col-2 { + width:380px; + display: inline; + float: left; + margin-left: 10px; + margin-right: 10px; +} +.auto-img-container-single { + width:380px; + margin:0 auto; + margin-top:20px; +}
@@ -79,13 +122,13 @@ you already know. Android Auto experience on a regular Android device.

-

Design

+

Design

Digital experiences for cars should complement and augment driving, not demand the driver's attention. Designing these experiences for cars is fundamentally different than in the case of phones and tablets. It requires rethinking how these experiences unfold.

-

Design Principles

+

Design Principles

Glanceable. We designed Android Auto to reduce UI complexity, optimize user interactions, and lower cognitive load. Effective apps show just enough information @@ -105,52 +148,15 @@ that bring personal content and context from other devices are part of Android A system, creating a truly integrated experience in every car. By using the vehicle's screen and controls, apps feel tailored to each car.

-

UI Overview

- -

Android Auto is a new environment that leverages existing UI models where appropiate and adds -new models based on constrains and context. There are three primary concepts for Android Auto: -Suggest, a unified place for predictive content; Demand, a -pervasive way to interact with voice; and the Facets, organized spaces for -primary activities, apps and content.

- -
-
Suggest: The Google Facet
-
-Core of continuity and extensibility is contextual stream of Now-like cards, powered by your -apps and notifications. Relevant, timely, and dynamic, the stream organizes likely people, media, -places, and information so drivers can quickly continue their activities or start something new. -Google Now and notifications enable drivers to use the apps and services they know when they are -most relevant. -
-
Demand: The Voice Layer
-
-Voice-enabled tasks lets drivers accomplish their goals without taking their eyes off the road. -Android Auto defines actions and intents that your app can register for. -These are accessible through both persistent UI elements and dedicated hardware controls. -
-
Facets and Templates: App-powered activities
-
-In the car, pages of app icons and different UIs create a distracting and dangerous situation. -Instead, Android Auto apps power templates which help provide simple but customizable UIs -for common interactions such as media or communications. Templates incorporate common behaviors, -such as play/pause or reply to a message, while still letting your app promote its value -and its brand. Apps are organized into facets (or activities) to enable quick access. -
-
- -

Android Auto uses the input and output mechanisms in each vehicle to tailor the interactions. -Some vehicles have dedicated hardware controls, while others have primarily touch-based systems. -Android Auto maps common actions and intents across these diverse sets of controls and outputs to -enable you to concentrate on your unique app experience.

-

Architecture

+

Architecture

The Android Auto app projects your app's customized UI on the vehicle's screen. To communicate with the Android Auto app, your media app implements a set of media interfaces.

- +

  Figure 1 - Architecture of Android Auto.

@@ -180,7 +186,7 @@ playback state through callbacks. -

UI Templates

+

UI Templates

The Android Auto app uses a templated UI to display content and user interaction opportunities. Android Auto provides you with a set of standard UI templates that follow @@ -192,89 +198,98 @@ multiple legislations across the globe and different standards for each vehicle media apps. Although you cannot change the standard template format or layout, you can customize the template colors, action icons, background images, and more.

-

Launch App Template

+

Launch App Template

The Launcher template shows all the compatible media apps installed on the user’s Android device and lets users select one of them from an scrollable list:

-
- -

-  Figure 2. The Launcher template. -

+
+
+ + +
+

+  Figure 2. The Launcher template. +

-

Primary App Template

+

Primary App Template

After the user selects a media app, the display shows the primary app template. Figure 3 shows the elements of this template that you can customize:

-
- -

-  Figure 3. The main application template. -

-
-

You can customize the primary app template to show your own icons, app name, and background images. Figure 4 shows an example of a customized template:

-
- +
+
+
+ + +
+
+
+
+ + +
+
+

  Figure 4. A customized template.

-
-

User Actions

+ + +

User Actions

The primary app template supports four main actions on the action bar, four auxiliary actions on the overflow bar, and the Return action. You can use standard controls and customize the actions and icons, as shown in Figure 5.

-
- -

-  Figure 5. Custom icons for auxiliary actions. -

+
+
+ + +
+

+  Figure 5. Custom extra actions. +

-

Drawer Transitions

+

Drawer Transitions

For browse actions, the display shows the drawer transition and template:

-
- -

-  Figure 6. The drawer transition. -

-
-

After the transition from the primary app template to the drawer template, the drawer appears on the center. The customized drawer template shows the media containers and media files provided by the media service in your app. You can also customize drawers with icons for list items.

-
- -

-  Figure 7. A customized drawer template. -

+
+
+
+ + +
+
+
+ + +
+
+
+

+  Figure 4. Generic and customized drawer templates. +

-

Day and Night Transitions

+

Day and Night Transitions

All the templates support different color schemes for day and night, as shown in Figure 8. The platform provides the state (day or night) and makes adjustments automatically.

-
- -

-  Figure 8. Day and night transitions. -

-
- -

Customizing Templates

+

Customizing Templates

To customize the templates, provide the following app-specific resources and actions to the Android Auto media client.

@@ -288,7 +303,7 @@ to the Android Auto media client.

If provided, the media client automatically uses them in the templated UI.

-

Development Process

+

Development Process

Note: When released, the Android Auto SDK will provide media service interfaces, an APK for handheld devices that simulates the Android Auto @@ -327,7 +342,7 @@ differences such as screen resolutions, software interfaces, knobs and touch controls.

-

Testing Your App on an Android Device

+

Testing Your App on an Android Device

The Android Auto SDK includes an APK with a media client implementation, which is similar to those available in compatible vehicles. To test your app with this @@ -348,7 +363,7 @@ library and play media. If your app provides app-specific actions, these actions in the UI controls.

-

Running Your App on Android Auto

+

Running Your App on Android Auto

Media apps are available on the Google Play Store for compatible Android devices. When users connect their Android device to a compatible vehicle, the