Top Banner
@thedavedev, [email protected] DAVE ISBITSKI Mobile Apps + Games Developer Evangelist, Amazon
56

(AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Jun 27, 2015

Download

Technology

Fire is the first phone designed by Amazon. We show you the new customer experiences it enables and how top developers have updated their Android apps to take advantage of Fire phone. Learn more about the hardware, the services, and the development SDK including Enhanced Carousel, Firefly and Dynamic Perspective, Appstore Developer Select, submitting to the Amazon Appstore, and Best Practices for developing great Fire apps.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

@thedavedev, [email protected]

DAVE ISBITSKI

Mobile Apps + Games Developer Evangelist, Amazon

Page 2: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 3: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 4: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

By making your app available

on the Amazon Appstore, you’ll

have the opportunity to reach

new Android customers.

Fire phoneFire Tablets

Fire TV

Amazon TV

Page 5: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

• Amazon Appstore is preloaded on select Android

smartphones on Verizon Wireless and also available on

Blackberry 10 devices

• Same Appstore across Kindle Fire, Fire TV, and Fire phone

• Available in 200+ countries including US, Canada, Europe,

Japan, China, and Brazil

Page 6: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 7: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 8: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Simply drag and drop your Android APK and receive

feedback on your app's compatibility within 90 seconds.

You will also have access to additional Fire phone test

results that enable you to see how your app looks and

performs on Fire phone. The test results are presented in

6 hours and include carousel, peek, and tilt actions.

Page 9: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Optimize your apps for Fire phone

and get enhanced merchandising

and free Ad impressions to attract

new customers.

Page 10: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 11: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 12: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Fire phone is the first phone

designed by Amazon and the

only smartphone with Dynamic

Perspective and Firefly.

Dynamic Perspective is an

entirely new technology that

responds to the way a customer

holds, views, and moves the

phone.

Page 13: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Experience interactions not possible

on other smartphones.

Tilt, auto-scroll, swivel, and peek to

navigate menus and access shortcuts

with one hand.

Dive into a new class of immersive apps

and games—peek to see detailed views

of clothing, shoes, and more or take on a

character's viewpoint to see around corners

and obstacles in games.

Page 14: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Quickly identify printed web and email

addresses, phone numbers, QR and

bar codes, plus over 100 million items,

including movies, TV episodes, songs,

and products.

Simply press and hold the dedicated

Firefly button to discover useful

information and take action in

seconds.

Page 15: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 16: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Fire phone uses a Qualcomm

Snapdragon 800 Quad-core 2.2

GHz CPU with Adreno 330 GPU

and 2 GB of RAM to support

high-performance game

experiences.

A 4.7” HD screen at 315 ppi, 590

cd/m2 brightness (typical), 1000:1

contrast ratio (typical)–giving

bright and crisp experiences.

Dolby Digital Plus Sound

Page 17: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Fire Phone includes a 13MP

camera and optical image

stabilization allowing more light

onto the lens, resulting in

beautiful photos.

1080p video with unlimited

storage to the Amazon cloud.

Dedicated camera button

Page 18: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Fire phone includes the same

free, live, on device tech support

as our Kindle Fire HDX devices.

Simply hit the Mayday button in

quick actions and an Amazon

expert will appear to help you via

live video. Our tech experts can

co-pilot you through any feature

by drawing on your screen,

walking you through how to do

something yourself, or doing it for

you—whatever works best.

Page 19: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 20: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

The Dynamic Perspective SDK

combines the Home, Head

Tracking, Motion, Foundation

Controls, and UI Framework

APIs. Everything you need to

get your existing Android app

optimized for Fire phone.

Combine existing Android

fragments with enhanced

controls.

One-Handed Shortcuts

Page 21: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Access menus, shortcuts, and

useful information with tilt, swivel,

and peek.

Tilt for panels—use the left panel to

navigate menus, and the right panel

to access useful information and

shortcuts, like attaching photos to a

text message, viewing song lyrics,

and more.

Peek keeps your display uncluttered

by revealing additional details and

quick actions only when needed.

Page 22: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

• SidePanelLayout - Content

Panel, Right Panel, and Left

Panel

• Quick Navigation, refinement

controls, sort controls

• Actions here change the

content panel

• Discover new things or perform

tasks without leaving the current

context

Page 23: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Peek keeps your display uncluttered by

revealing additional details and quick actions

only when needed.

Display contextual information.

Show things that help the user in the moment.

Reveal secondary information that the user

may be looking for, but don’t ‘hide’ primary

information on peek.

Reward close inspection.

Peek gestures work best in the primary panel.

Page 24: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Widgets enhance the experience

when viewing recently run apps in

the carousel.

Notification counter display over the

Widget.

List and Grid Views below the Widget

allowing both texts and images.

Users can take action on these views

and open your app via an Android

Intent. For example, clicking on a city

name or image will open the maps

app with the selected city.

Page 25: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Rich set of APIs and controls to help

developers incorporate peek, tilt, and

zoom capabilities within their apps while

adding a sense of realistic depth and

perspective. These controls work behind

the scenes with Fire phone’s advanced

camera and sensors to automatically

adjust their appearance based on how

your application is being viewed.

UI controls retain the name of the original

base control, but with a "Z" prepended to

the name. For example, a Button control

becomes a ZButton control.

Page 26: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Gain access to the raw head

tracking data: x, y, z, and tilt of head.

Automatically implemented in

UI Controls.

Unity plug in available.

Page 27: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 28: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Quickly identify printed web and email

addresses, phone numbers, QR and

bar codes, plus over 100 million items,

including movies, TV episodes, songs,

and products.

Simply press and hold the dedicated

Firefly button to discover useful

information and take action in

seconds.

Page 29: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 30: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 31: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Most APKs tested just work on Fire phone

Use the same familiar Android developer

environment (Android Studio gradle support)

Fire phone uses DeviceDefault Themes

Target any and all Amazon Devices (Kindle Fire,

Fire TV, and Fire phone) using a single APK

Test your APK in minutes

Page 32: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

http://developer.amazon.com/apps

Page 33: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 34: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 35: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 36: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 37: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

http://developer.amazon.com/firephone

Page 38: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Download the following:

• Java Development Kit (JDK)

• Android SDK

• An Android IDE (Eclipse** or Android Studio)

• Fire Phone SDK Add-on

Page 39: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

To download the add-on simply open the Android SDK Manager from a

command line or from within Eclipse and do the following:

• Add the following user-defined site, in the Manage Add-on Sites dialog:

https://s3.amazonaws.com/android-sdk-manager/redist/addon.xml

• Expand Android 4.2.2 (API 17) and click SDK Platform and Fire Phone SDK

Add-on.

Page 40: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 41: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 42: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

The quickest optimization you can

make is to set the application Theme

in your Android app’s

AndroidManifest.xml file.

This updated Amazon theme will set

app fonts, color palette, and skinned

controls to match Fire phone’s design

guidelines.

Simply set the android:theme

argument to the application section of

the Android Manifest to

Theme.DeviceDefault.

Page 43: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

The Fire Foundation Controls are

included in the Dynamic Perspective

SDK and give your app 2D controls

designed and built for use with the

device. These controls currently include

SidePanel, HeaderNavigationBar,

TabBar, ToolBar, and MediaController.

All of these controls can be implemented

in three steps just as you would with any

Android control.

Page 44: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 45: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Rich set of APIs and controls to help

developers incorporate peek, tilt, and

zoom capabilities within their apps

while adding a sense of realistic depth

and perspective. These controls work

behind the scenes with Fire’s advanced

camera and sensors to automatically

adjust their appearance based on how

your application is being viewed.

Euclid controls retain the name of the

original base control, but with a "Z"

prepended to the name. For example, a

Button control becomes a ZButton

control.

Page 46: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 47: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Widgets enhance the experience when

viewing recently run apps in the carousel.

Notification counter display over the

Widget.

List and Grid Views below the Widget

allowing both texts and images. Users

can take action on these views and open

your app via an Android Intent. For

example, clicking on a city name or

image will open the maps app with the

selected city.

Page 48: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 49: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 50: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

Quickly identify printed web and email

addresses, phone numbers, QR and

bar codes, plus over 100 million items,

including movies, TV episodes, songs,

and products.

Simply press and hold the dedicated

Firefly button to discover useful

information and take action in

seconds.

Page 51: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 52: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

• DigitalEntity - if Firefly identifies the item, it creates a digital representation of the item

called a digital entity.

• Facets - one aspect of the entity (BARCODE, BOOK, CALENDAR, EMAIL, MUSIC).

• Filters - Your plugin defines a set of filters that describes which facets your plugin is

interested in.

• DigitalEntityUI - use to generate a Label and onClick() event for Firefly detail page

Page 53: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014
Page 54: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

In this session, we covered the

following:

• Amazon ecosystem of devices and

apps

• Introduction to Fire phone

• Dynamic Perspective and Firefly

• Why build for Fire phone

• Developer promotions

• Getting started building for Fire

phone

Page 55: (AFF202) Everything You Need to Know about Building Apps for the Fire Phone | AWS re:Invent 2014

developer.amazon.com/firephone