Digital Fun for the Digital Home
Upcoming SlideShare
Loading in...5
×
 

Digital Fun for the Digital Home

on

  • 6,996 views

Interactivity with devices of all sizes in a digital home setting. Learn how to leverage the AIR runtime across platforms and screens to create engaging user experiences. Come play with cool ...

Interactivity with devices of all sizes in a digital home setting. Learn how to leverage the AIR runtime across platforms and screens to create engaging user experiences. Come play with cool applications across AIR for Android, iOS, PlayBook and TV, and then get a deep dive into the code and technology behind the applications.

Statistics

Views

Total Views
6,996
Views on SlideShare
6,282
Embed Views
714

Actions

Likes
6
Downloads
121
Comments
1

7 Embeds 714

http://www.blackcj.com 701
url_unknown 6
http://oqrg.com 3
http://bioscope-bioideas.blogspot.com 1
http://zach.thenewhive.com 1
http://paper.li 1
http://elvelozbugattiveyron.blogspot.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • What does Digital Home mean? This word is used for a lot of different things.
  • Here are a lot list of the different uses of Digital Home
  • PickQuick – TV, iPad, iPhone, iPod, N1CanvasExpoMADHVideoEidenCoinFlipPhotoshop Touch SDK - DeviceCompViewer
  • Uses iPad2,iPhone 3GS, TV, Droid X
  • Galaxy Tab, Droid X, TV
  • Droid X and Laptop
  • Droid X, Atrix and TV & Galaxy Tab
  • Atrix to WebTop with WiiMotes
  • Droid X to Laptop with Photoshop Touch SDK
  • Galaxy Tab with TV
  • Renaun Border the images and
  • Renaun

Digital Fun for the Digital Home Digital Fun for the Digital Home Presentation Transcript

  • Digital Fun for the Digital Home: TV, Tablets, & Smartphones
    Renaun Erickson – Last updated 2011.05.06
  • About Me
    2
    Renaun Erickson
    Developer Evangelist, Adobe Systems Inc
    renaun@adobe.com
    http://github.com/renaun
    @renaun
    http://renaun.com/blog
    • Code in the Flash Player (local mic access)
    • Mobile application developer
    • Device Junkie
    • Based in Henderson, NV, USA
    • Like Games, Jeeps, and Archaeology
    • Enjoys 4 lovely kids
  • What is the Digital Home?
    3
  • Can Mean a lot of Things!
    Cable & Broadcast Media
    Home Theatre / Televisions
    Home Automation
    Tablets
    4
    • Appliances
    • Telecommunication
    • Gaming Consoles
    • Smartphones
    What are the digital home and digital living?
    The digital home is an evolution of the idea that PCs, consumer electronics
    and mobile devices should work together seamlessly through
    a wired or wireless network to share digital content within
    a home environment. Digital living extends that idea to
    include sharing content on the go as well.
    Digital Living Network Alliance (DLNA) dlna.org
  • The Center of Digital Fun
    5
  • Digital Fun for the Digital Home
    6
    • Smart TV (w/ AIR)
    • Wireless Router
    • Tablets
    • Smartphones
  • Device Landscape for Adobe Runtimes
    Desktop
    Netbooks
    Android
    RIM Playbook
    Apple iOS
    Google TV
    Televisions
    WebOS
    • Open Screen Project
    • Tons of OS & Chipsets
    • No single control of runtime releases
    • Abstracting as much of device fragmentation as possible
    • Remember early stages of device OS and runtimes, constant change
    7
  • Snapshot of Current Hardware
    Samsung Smart TV
    Sony Google TV
    Logitech Revue
    Android Phones
    RIM PlayBook
    Apple iPad2/iPhone4
    Android Tablets
    Palm Pre 2
    Presentation Demos
    • MAX 2010 AIR for TV Dev Kit
    • Router
    • Motorola Atrix / with WebTop
    • iPad2
    • iPod 5th gen
    • iPhone 3GS
    • Galaxy Tab
    • Nexus One
    2011
    AIR 2.5
    Available
    FP 10.1
    Available
    FP 10.1
    Available
    FP 10.2/AIR 2.6
    Available
    FP 10.1/AIR 2.5
    Available
    AIR 2.6
    Available
    FP 10.2/AIR 2.6
    Available
    FP 10.1
    8
  • Concepts of Digital Fun
    Create multi device and user experiences.
    Device discovery should be automatic or simple.
    Make use of a wide range of inputs:
    Multitouch, Gestures, Mic, Camera, Geolocation, Accelerometer, etc…
    Pixels – different device screen resolution and their relationships matter.
    Panels – the physical size of devices do not equal screen resolution.
    Creating one controller application for multiple content.
    A brain in each application, but only one active at a time.
    Interaction time: to real time or not to real time the application.
    Applications that change based upon connected device topology.
    9
  • Demos
    10
    PickQuick
    CanvasExpo
    MADH
    Video
    Eiden
    CoinFlip
    Photoshop Touch SDK - DeviceCompViewer
  • PickQuick
    Discovery using NetGroup and GroupSpecifier (RTMFP).
    One application for all platforms.
    TV remote control input.
    Designed for tablet, scaled down for specific size & ppi.
    Every app is full game.
    11
  • CanvasExpo
    Discovery using NetGroup and GroupSpecifier (RTMFP).
    TV is canvas application.
    Smartphones and Tablets are the input mechanism.
    Uses multitouch and gestures.
    Supports multiplayer at the same time.
    12
  • CoinFlip
    Discovery using NetGroup and GroupSpecifier (RTMFP).
    Accelerometer used on mobile browser where present, but not on desktop.
    Browser based application, no download.
    Supports multiplayer at the same time.
    Every app is full application and runs the same code.
    13
  • Mini Dodgem AIR Hockey (MDAH)
    Discovery using NetGroup and GroupSpecifier (RTMFP).
    Multiple game board devices, TV & Tablets
    Smartphone controllers
    Supports two players at the same time.
    Accelerometer & multitouch inputs.
    14
  • Eiden – Wiimote/WebTop
    Wii Controller Android application for Wiimote IME.
    Atrix WebTop for HDMI mirroring.
    Input is keyboard keyCodes.
    Supports two Wiimotes, for 2 player game.
    15
  • DeviceCompViewer
    Photoshop Touch SDK ActionScript 3 Library
    TCP based IP configured & password required setup
    Sends ExtendScript JS & special Touch SDK commands
    Hard to check comps on a device
    16
  • VideoAware
    17
    • Discovery using NetGroup and GroupSpecifier (RTMFP).
    • Context of TV app changes Mobile app to controller
  • Device Discoverability
    18
    RTMFP – multicast over a local network
    • No internet needed, just router with broadcast enabled (typical home router setup)
    • AS3 only
    • A lot like mDNS (Bonjour) and UPnP discovery part
    Configuration
    • NetConnection’s connectionstring conn.connect(“rtmfp:”)
    • IP in the multicast range - 224.0.0.0 to 239.255.255.255 with 224.0.0.0/225 for special use (http://www.iana.org/assignments/multicast-addresses/multicast-addresses.xml)
    • Port – any valid port
    • GroupSpecifier name – allows for multiple groups/apps on same ip/port – group management
  • Using Multitouch and Gestures
    MultitouchInputMode.GESTURES – Gestures
    Multitouch.supportedGestures
    Multitouch.supportedGestureEvents
    MultitouchInputMode.TOUCH_POINT - Raw Touch Point
    Multitouch.supportedTouchEvents
    Can build your own gesture library with raw data points?
    http://gestureworks.com/ - Commercial Product
  • Accelerometer
  • Physical Size / Pixels Per Inch
    Screen Resolutions are Independent of Physical Screen Size
  • Approaches
    • Scale content to same physical size using PPI.
    • Use PPI and screen physical size to scale only certain devices.
    • Create different view/layoutbased on screen resolution and physical size (tablet vs smartphone).
    • Different view/layout for each device.
    • Dynamic layouts to fill up space.
    MOST LIKELY WHAT YOU WILL DO
    • Hybrid of the above approaches
  • AIR Profiles
    Capabilities
    “mobileDevice” Profile
    “desktop” Profile
    NativeWindow
    PDF, Printing
    Context Menu
    Notification
    AS2 VM
    DRM
    WebKit
    renderMode=GPU Accelerometer
    cacheAsBitmapMatrix
    Orientation
    SystemIdleMode
    Camera Roll
    SQLite
    Fullscreen Mode
    File System
    Networking*
    TLF Rendering
    Camera/Microphone*
    DRM
    AS2 VM
    http://bit.ly/aOlHQ3
    “tv” Profile
    * May be present
  • AIR Application Compile & Package
    24
    Compiling
    Packaging
    ActionScript
    AIR Application
    SWF
  • AIR Current Packagers
    25
    Compiling
    Packagers
    adt – Desktop, Android, TV, & iOS
    Creates: .air, .exe, .dmg, .apk, .ipa
    pfi - iDevice uses Packager for iPhone
    Creates: .ipa Now part of adt (AIR 2.6)
    blackberry-airpackager– PlayBook
    Creates: .bar
  • How Packaging AIR apps for iOS Works
    ADT
    .ipa
    SWF
    Assets
    Runtime is cross compiled down to ARM instructions and is part of each application.
    ActionScript
    Captive runtime – The term used for this process.
    This is a highly requested feature for Android.
    Flex support for AIR for iOS is coming in AIR 2.7 in 2011.
    http://www.surveymonkey.com/s/flexprerelease
  • Discussion Time
    27
    Q/A
    Thank you for attending
    renaun@adobe.com
    http://github.com/renaun
    @renaun
    http://renaun.com/blog