Workshop: Amazon developer ecosystem - DroidCon Paris2014

AMAZON DEVELOPER ECOSYSTEM Droidcon Paris

DAVE ISBITSKI MOBILE APPS & GAMES DEVELOPER EVANGELIST, AMAZON

@TheDaveDev

[email protected]

Welcome to the event TODAY’S AGENDA

•  Amazon Ecosystem of Apps and Devices •  Introducing Fire phone •  Dynamic Perspective •  Introducing Fire TV •  Setting up Your Developer Environment •  Submitting to the Amazon Appstore

3

developer.amazon.com/firephone developer.amazon.com/firetv

Amazon Ecosystem of Apps and Devices

Part 1.1 1

Amazon’s Large and Active Audience

5

Amazon sites

Fire phone Kindle Fire

»  The Appstore is integrated across the Amazon ecosystem

§  240MM+ ac:ve global customer accounts 1

§  91MM monthly unique visitors (US) 2

§  240,000+ apps in the Amazon Appstore

§  Only place for Apps for Kindle Fire, Fire TV, Fire phone, and Blackberry 10 Devices

§  Available on Android tablets and phones

»  By making your app available on the Amazon Appstore, you’ll have the opportunity to reach Kindle Fire customers

Fire TV

” “

“ ”

” “ Feedback About Our 2013 Tablets

6

...the HDX 8.9 is light. Absurdly light. Dumb light. It makes the already featherweight one-pound iPad Air feel like it's made out of lead by comparison. - Gizmodo

At the end of the day, the Kindle Fire HDX offers the best raw hardware performance.

- CNN Money

Not only is the device awesome but the Mayday feature is absolutely FANTASTIC!!!!! The Kindle team has hit it out of the park with this one as did Santa! - Kindle Customer

• High-‐Performance Gaming • Second screen integra:on

• Mul:-‐Player Support Android compa:ble

• Integrated with Amazon Payment Services

” “

“ ”

Amazon Fire TV brings your apps into the living room

7

Porting to Fire TV from our existing Android version was quick and the support from Amazon was excellent.

- J. Vuorinen, CEO at Frogmind

“We believe it will be one of the most game-changing products on the market, and look forward to giving Amazon viewers on-demand access to AOL On, HuffPost Live, and our entire video library.”

- R. Harnevo, President of Video at AOL

Amazon Appstore is Available in a Country Near You

8

» Amazon Appstore is preloaded on select Android smartphones on Verizon Wireless and the only Appstore on Blackberry 10 devices

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

» Available in nearly 200 countries including US, Canada, Europe, Japan, China, and Brazil

Amazon Mobile App SDK – iOS, Android, HTML5, Unity

9

GameCircle Mobile Associates

Amazon Maps

A/B Testing

Amazon AppStream by AWS Amazon Mobile

Ads HTML5 Web

Apps

Mobile Device Management

Login with Amazon

Kindle FreeTime Unlimited

Amazon Device Messaging

Amazon Coins

Amazon Analytics

Appstore Developer

Select

In-App Purchasing

Amazon Mobile Ads API

•  US and International. Currently serving ads in US, UK, DE, FR, ES and IT

•  Banner and Interstitial Formats across FireOS, Android and iOS

•  Great monetisation opportunity including guaranteed $6 eCPM on Fire phjone

•  High quality advertisements from Amazon, its affiliates, and direct advertisers

•  Easy integration through the Amazon Mobile App SDK

In-‐App Purchasing API »  Start mone:zing in as li]le as 2 hours

»  Sell digital content (in-‐game currency, expansion packs, upgrades) and subscrip:ons from within mobile apps

»  Integrate in as few as five steps, in as li]le as two hours

»  All customers have a payment method on file, and Kindle Fire tablets sold by Amazon are pre-‐registered

Amazon Mobile Associates API

•  Offer Physical and Digital Items for Sale •  Earn up to 6% Adver:sing Fees •  Leverage Amazon’s Checkout

Experience •  Drive further engagement by tying the

purchase of physical products to digital content in your app

•  Upon purchase, you’ll get a receipt to fulfill your users’ digital content

•  Complementary to IAP & Mobile Ads •  Wide reach -‐ both Amazon Appstore &

Google Play

HTML5 Web Apps •  The Amazon Mobile App Distribution program allows web

apps to be distributed on select Android devices and Kindle Fire in nearly 200 countries around the globe.

•  Both free and paid apps are supported as well as In-App Purchasing (Amazon In-App Purchase API for JavaScript or third party)

•  The program will help get your existing mobile website in front of millions of active Amazon customers who are already downloading apps.

•  It can help solve some of the common concerns of existing websites today; how will people find it? How will it perform on Mobile Devices? And how will it make money?

Once you integrate GameCircle, customers can seamlessly play games and interact with other gamers across any mobile device.

WHY ADD GAMECIRCLE SUPPORT TO YOUR GAME

Whispersync for Games automatically synchronizes game data and resolves any conflict arising from offline and simultaneous game use.

WHISPERSYNC FOR GAMES

You define achievements for your game in the GameCircle panel of the Amazon Apps & Games Developer Portal, enter metadata associated with that achievement and upload the images to display for that achievement.

ADDING ACHIEVEMENTS TO YOUR GAME

Leaderboards can also extend the audience of your game, as players encourage their friends to play the game so they can be ranked against people they know.

THE IMPORTANCE OF LEADERBOARDS IN GAMES

LEARN MORE ABOUT GAMECIRCLE http://developer.amazon.com/apps

Amazon Coins •  Amazon Coins is a virtual currency that

customers can use to purchase apps, games, and in-app items

•  No development necessary for Kindle Fire apps •  Coins can be used by customers in the US, UK,

and Germany •  Now available for gifting!

19

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.

APP TESTING SERVICE

Optimize your apps for Fire phone and get enhanced merchandising and 500,000 Amazon Coins incentives for your customers.

APPSTORE DEVELOPER SELECT

Introducing Fire Phone Part 1.2 2

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.

WHAT IS FIRE PHONE?

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.

DYNAMIC PERSPECTIVE

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.

FIREFLY

One SDK to create plugins for FIREFLY 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.

Fire phone is INCREDIBLY POWERFUL Fire phone uses a Qualcomm Snapdragon 800 Quad-core 2.2 GHz CPU with Adreno 330 GPU and 2GB 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

13MP Camera System with ADVANCED OPTICS Fire phone includes a 13MP camera, 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

Help within 15 seconds or less MAYDAY 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.

Dynamic Perspective PART 1.3 3

Depth and Perspective with DYNAMIC PERSPECTIVE 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

Control Fire with simple ONE-HANDED SHORTCUTS 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.

Enhanced Navigation with TILT 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

Display context with PEEK 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.

Expose App Information with ENHANCED CAROUSEL 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.

Dynamic Perspective controls with UI FRAMEWORK 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. 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.

Create Immersive Games with HEADTRACKING API Gain access to the raw head tracking data: x, y, z, and tilt of head. Automatically implemented in UI Controls. Unity plug in available.

Introducing Fire TV PART 1.4 4

Amazon Fire TV gives you a familiar Android–based platform (API 17) to extend your apps and games to the big screen.

WHAT IS AMAZON FIRE TV?

Choose between the Amazon Fire TV Remote or the Amazon Fire Game Controller for a richer gaming experience

POWERFUL ANDROID-BASED GAMING

The Amazon Fire TV is INCREDIBLY POWERFUL Amazon Fire TV uses a Qualcomm Quad Core Snapdragon Krait 300 processor with Adreno 320 GPU and 2GB of RAM to support high performance game experiences.

Designing for the10-foot Experience

You will have to design your user interface differently for people sitting 10 feet away from the display.

WHAT MAKES DESIGNING FOR TV SO DIFFERENT

The goal of 10 foot user interface design is to make the user's interaction as simple and efficient as possible, with as few button presses as possible while still having an intuitive layout, in terms of accomplishing user goals—what is often called user-centered design.

THIS IS CALLED THE 10-FOOT USER INTERFACE

http://en.wikipedia.org/wiki/10-foot_user_interface

“

CLEAN, SIMPLE, AND EASY TO NAVIGATE

THE AMAZON FIRE TV’S UI IS

Navigation

Navigation should be REMOTE FRIENDLY Remember that every Fire TV comes with an Amazon Fire TV Remote so: •  Focus on the core navigation buttons •  Standard Android navigation for Menu,

Home and Back buttons. •  Reserve media buttons for playback only.

The following patterns are references for optimizing the design of your own apps with the system UI.

SCREENS, VIEWS, AND FLOWS

Icons are large and easy to see from across the room Home Screen (Launcher) EXAMPLE 1

Make bu]on selec:on easy to see as you move around the UI via the remote Home Screen (Selection) EXAMPLE 2

Use ver:cal lists to display more content in landscape centric TV resolu:ons 1D List Views EXAMPLE 3

Only expose details when user selects item and have quick ac:on naviga:on Detail View EXAMPLE 4

Chances are that your existing landscape designs will work perfectly as is assuming it supports: •  Button states for selected, disabled, etc. •  Easy navigation via the Amazon Fire TV Remote •  Clearly indicates how to move from screen to

screen

WHEN DESIGNING MOBILE FRIENDLY UI

Working with HD Resolutions on TV

BUILD FOR ONE RESOLUTION Fire TV automatically handles downscaling your resolution to 720p and 480p. Simply build for 1080p (xhdpi).

ORIENTATION The orientation of Amazon Fire TV never changes, and requests for the rotation or orientation on the device return these results:

Handling different resolu:ons is all about understanding aspect ra:os. Design for 16:9 and 4:3 along with UI that dynamically adjusts for either ra:o.

SUPPORTING MULTIPLE RESOLUTIONS

Setting up RESOURCE CONFIGURATIONS If you design your app to run on platforms other than Amazon Fire TV, such as tablets, you can create different layouts and drawables for each platform, and store them in subdirectories of res/named for various platform and device configurations. For more info, check out the Android developer resources at http://bit.ly/droid-screens

5 - UNDERSTANDING HOW OVERSCAN WORKS

6 - TV COLOR GAMUT In your app, use less saturated colors. Cool colors (blue, purple, gray) work better than warmer colors (red, orange).

Setting up the Dev Environment

Part 1.5 5

Android developers can use existing tools and frameworks to develop for Fire phone.

ANDROID 4.2.2 COMPATIBLE

ANDROID 4.2.2 COMPATIBLE

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

Developer Registration

Demo Developer Registration

GETTING THE FIRE SDK http://developer.amazon.com/firephone

Download the following: •  The Java Development Kit (JDK) •  Android SDK •  An Android IDE (Eclipse** or Android

Studio) •  The Fire phone SDK add-on

1. WHAT YOU NEED TO GET STARTED

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.

2. AMAZON FIRE PHONE SDK

To build with Android Studio •  Need to update build.gradle file to use 0.12 plugin

2. AMAZON FIRE PHONE SDK

Submitting to the Appstore Part 1.8 6

TEST YOUR APK ONLINE http://developer.amazon.com/apps

Demo App Submission

78

developer.amazon.com/firephone developer.amazon.com/firetv

79

AMAZON DEVELOPER WORKSHOP Droidcon Paris

DAVE ISBITSKI MOBILE APPS & GAMES DEVELOPER EVANGELIST, AMAZON

@TheDaveDev

[email protected]

Workshop: Amazon developer ecosystem - DroidCon Paris2014

Technology

Transcript of Workshop: Amazon developer ecosystem - DroidCon Paris2014