1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
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>
|
