© 2010 Adobe Systems Incorporated. All Rights Reserved. Design and Development Trends in Mobile.

Slides:



Advertisements
Similar presentations
UBIQUITY V3 An extensible platform for creating dynamic, customized, and geocentric native mobile applications.
Advertisements

Adobe Flex as RIA Adobe Flex as RIA Developed by Sagar K Developing Rich Internet Applications with Adobe Flex, ActionScript.
Dynamic Analysis of Windows Phone 7 apps Behrang Fouladi, SensePost.
Android architecture overview
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Honing In on Multiple Targets with a Single Codebase Jeff Tapper Senior Technologist.
Building Mobile Apps in the Cloud – Comparing Approaches.
Android Aims to bring Internet-style innovation and openness to mobile phones.
Designer’s Challenge – Web-based Applications using Adobe Flex and OpenInsight Clay Borne President CLB IT.
DEPARTMENT OF COMPUTER ENGINEERING
Flex and ActionScript. What is Flex? Adobe Flex is a rich Internet application framework built on top of the Flash platform Applications are built using.
Agenda What AIR ? Why AIR ? – Business benefits Browser vs. desktop AIR for everyone AIR for Ajax Developers AIR Security AIR every where – Showcase applications.
Mobile Application Development
V1.00 © 2009 Research In Motion Limited Introduction to Mobile Device Web Development Trainer name Date.
WORKDAY TECHNOLOGY Stan Swete CTO - Workday 1.
Esri International User Conference | San Diego, CA Technical Workshops | ArcGIS Viewer for Flex An Introduction Canserina Kurnia and Derek Law July 12,
Development of mobile applications using PhoneGap and HTML 5
Asst.Prof.Dr.Ahmet Ünveren SPRING Computer Engineering Department Asst.Prof.Dr.Ahmet Ünveren SPRING Computer Engineering Department.
ANDROID PROGRAMMING MODULE 1 – GETTING STARTED
Getting on the Flex Highway - How to get up to speed with Flex Raghunath Rao Engineer, Flex Team Bangalore, India
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
Android Programming. Outline Preparation Create new project Build and Run a project Debug a project Deploy on devices.
Building Offline/Cache Mode Web Apps Using Sync Framework Mike Clark Group Manager Cloud Data Services Team
Android Introduction Platform Overview.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Do not redistribute. Adobe Gaming SDK Casual Connect Europe 2013 Tom Krcha.
MDCFUG TeraTech, Inc Adobe Flash 9 By Michael Smith TeraTech.
Mobile Web Applications
By Mihir Joshi Nikhil Dixit Limaye Pallavi Bhide Payal Godse.
RIA & Adobe Flex Yunhui Fu 11/05/2008. What’s RIA RIA (Rich Internet Applications) –web applications which look and perform like desktop applications.
@2011 Mihail L. Sichitiu1 Android Introduction Platform Overview.
Android Programming By Mohsen Biglari Android Programming, Part1: Introduction 1 Part1: Introduction By Mohsen Biglari.
© 2011 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Presentation Brijesh Patel | Working with AIR Native Extensions.
Prepared by Stephen Olaño June 12, Rich Internet Applications It allow to build rich applications with data and multimedia contents, offering a.
Copyright© Jeffrey Jongko, Ateneo de Manila University Android.
© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Adobe Flash Catalyst for Agile Interaction Design Harish Sivaramakrishnan |
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Flex, Java and Data Intensive Applications Cornel Creanga Platform Evangelist
Developing Enterprise Mobile Apps with Xamarin Loren Horsager CEO, Mobile Composer.
ANDROID Presented By Mastan Vali.SK. © artesis 2008 | 2 1. Introduction 2. Platform 3. Software development 4. Advantages Main topics.
Android for Java Developers Denver Java Users Group Jan 11, Mike
ANDROID 응용 프로그래밍 과정 – 목차 - 안드로이드란 - 안드로이드가 만들어지게 된배경 - 안드로이드의 철학 - 안드로이드 환경설정 ( SDK download, eclipse plug-in 설정, 간단한 프로그램 실행 ) - 안드로이드 동작원리 - 안드로이드 핵심.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe’s Open Source Flex SDK. OSCON - July 2008 Portland, OR Duane Nickull & James Ward Sr. Technology.
Flex 2.0 Flex for ColdFusion developers Part 1. What is Flex Flex allows developers to create Flash content for Rich Internet Applications in a more programmer.
ColdFusion 9 and Flex 4: Application Development Ryan Stewart Platform Evangelist, Adobe Systems
Dr. Rado Kotorov Technical Director Strategic Product Mgt. Jeff Shein Technical Manager Creating Web 2.0 Rich Internet Applications (RIA) and Dashboards.
CHAPTER TEN AUTHORING.
Folio3 IPhone Training Session 1 Presenter: Imam Raza.
MDCFUG TeraTech, Inc Adobe Apollo By Michael Smith TeraTech.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 Adobe RIA Technologies: Adobe Flex 3 Cornel Creanga Platform Evangelist
2006 Adobe Systems Incorporated. All Rights Reserved. 1 RIAs - Beyond the Buzz James Ward Technical Evangelist jamesward.org
ANDROID BY:-AANCHAL MEHTA MNW-880-2K11. Introduction to Android Open software platform for mobile development A complete stack – OS, Middleware, Applications.
 Installation of Android Development Environment  Creating the App with OpenGL ES API  Running the App on Emulator Android App Development.
Copyright © 2013, Oracle and/or its affiliates. All rights reserved. Insert Information Protection Policy Classification from Slide 12 1.
Introduction to Flex 2 by Rich Tretola. About Me Rich Tretola is a senior software developer at Herff Jones, Inc. specializing in Rich Internet Applications.
KAASHIV INFOTECH Presents INTEL XDK For Inplant Training / Internship, please download the "Inplant training registration form" from our website
Building Apps for BlackBerry PlayBook Terry Ryan Adobe Developer Evangelist
By, Rutika R. Channawar. Content Introduction Open Handset Alliance Minimum Hardware Requirements Versions Feature Architecture Advantages Disadvantages.
 Can access all API’s made available by OS vendor.  SDK’s are platform-specific.  Each mobile OS comes with its own unique tools and GUI toolkit.
丁建文 國立高雄應用科大資管系副教授 兼任計網中心軟體發展組組長 跨平台行動應用軟體開發技術 : HTML5 & Mobile JavaScript Framework 暨南大學.
APP DESIGN AND DEVELOPMENT WITH THE IONIC FRAMEWORK Chuck Leone
Chicago Dashboard and Xcelsius Roadmap © SAP 2008 / Page 1.
June 28 th – July 1 st 2006 Thomas Burleson Principal Architect Understanding Flex 2 Data Services “With ColdFusion, why should.
Build Hybrid Mobile Apps with Ionic, Angular, & Cordova Brian
Android. Android An Open Handset Alliance Project A software platform and operating system for mobile devices Based on the Linux kernel Developed by Google.
ArcGIS for Server Security: Advanced
Android Mobile Application Development
5/15/2018 5:43 PM © Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN.
Architecture of Android
CMPE419 Mobile Application Development
Office 365 Development.
Android Platform, Android App Basic Components
CMPE419 Mobile Application Development
Presentation transcript:

© 2010 Adobe Systems Incorporated. All Rights Reserved. Design and Development Trends in Mobile

© 2010 Adobe Systems Incorporated. All Rights Reserved. Here comes the overload!

© 2010 Adobe Systems Incorporated. All Rights Reserved. 3 Adobe revolutionizes how the world engages with ideas and information TREND: CONTENT TO CONTENT+ APPLICATIONS 3

© 2010 Adobe Systems Incorporated. All Rights Reserved. 4 Adobe revolutionizes how the world engages with ideas and information TREND: CREATION TO CREATION+ OPTIMIZATION 4

© 2010 Adobe Systems Incorporated. All Rights Reserved. 5 Adobe revolutionizes how the world engages with ideas and information TREND: ONE DEVICE TO MULTISCREEN 5

© 2010 Adobe Systems Incorporated. All Rights Reserved. Rich + Reach Local Processing + Hosted Services Content Manipulation Application/Communication Advanced MEP’s (not just async) Integration into processes RIA and Mobile Technical Considerations

© 2010 Adobe Systems Incorporated. All Rights Reserved. Some names you should know:  Flash – a complete platform from Adobe including servers, protocols, binary formats, runtimes, development tools and frameworks.  SWF – a file format used within the Flash platform  Flash Player – the runtime browser plugin  AIR 2.0 – the desktop runtime.  Flash Builder 4 – newest iteration of IDE for Flex/AIR (formerly “Flex Builder 3.*)  Can build SWF’s (run in Flash Player) or AIR.  Flex 4 – newest iteration of the Flex Framework and SDK.  Packagers – ability to package applications built with Adobe IDE’s for other platforms such as the iPhone/iPad.  Packaged as native applications.  Livecycle – the enterprise services and BPM tier of Adobe’s stack.

© 2010 Adobe Systems Incorporated. All Rights Reserved. Adobe® Flash™ Builder™  Next evolution of “Flex Builder 3”  Uses the Flex Framework v.4 (Halo & Spark)

© 2010 Adobe Systems Incorporated. All Rights Reserved. MXML and ActionScript XML/HTTP REST SOAP Web Services XML/HTTP REST SOAP Web Services How Flex Works Browser J2EE Application Server BlazeDS or LC Data Services Flash Player Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library.swf Compile.swf HTTP/S AMF/S RTMP/S SOAP Adobe AIR

© 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Platform - A complete system for web innovation

© 2010 Adobe Systems Incorporated. All Rights Reserved. Web browsing client roadmap Pre Flash Lite 3.1 Flash Player 10 Flash Enabled Flash Player 10.1 Desktop Class Upper Tier Devices Lower Tier Devices

© 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Player 10.1 is designed for mobility!  Performance  Graphics hardware acceleration  Audio/video hardware decoding  Memory, battery & CPU optimizations  Optimized SWF Management  Sleep mode  Device integration  Multi-touch and gestures  Accelerometer  Screen orientation  Mobile text input  Porting kit for OSP partners

© 2010 Adobe Systems Incorporated. All Rights Reserved. Multi Screen: Same Programming Model, Same Tools, Same Code  Applications becoming available on exploding number of devices  Trend is to build “standalone apps” as opposed to “browser apps”  Building native apps for each device is unsustainable for most organizations  Flash provides abstraction layer on top of all these devices 13

© 2010 Adobe Systems Incorporated. All Rights Reserved. Technology Partners Open Screen Project Content Partners

© 2010 Adobe Systems Incorporated. All Rights Reserved. AIR extends the benefits of Flash Player Geo-Location SQLite Application Update Framework Application Lifecycle.AIR File format for multi-screen applications Enhanced Application Security model Marketplace Distribution Mobile Hardware Softkey Support File-System Access (if allowed) MediaLibrary API Native Extensibility ‣ Richer and more engaging user experiences out of the browser ‣ Empower Flash developers to deploy applications in app catalogs ‣ Leverage desktop AIR app ecosystem ‣ Shared codebase and porting with Flash Player ActionScript3 Support Memory, battery & CPU optimizations Audio/Video hardware decoding Optimized SWF management Multi-touch and Gestures Hardware Acceleration Mobile Text input

© 2010 Adobe Systems Incorporated. All Rights Reserved. Three methods available – AIR for Android  Develop in Flash Builder 4.01 and release as *.AIR files  Develop in Flash Builder 4.01 and cross compile  Develop in Flash Builder 4.5

© 2010 Adobe Systems Incorporated. All Rights Reserved. Deploying AIR Android Applications Chroma Circuit.apkChroma Circuit.air  AIR Applications are packaged up as.APK files  Will be distributed through Android Market and other catalogs  AIR Application upgrade mechanism through Android Market  AIR Runtime will be distributed in Android Market as Shared Library  Users will have to download the Runtime once for all AIR applications  Upgrade through the Android Market Android MarketAndroid Device

© 2010 Adobe Systems Incorporated. All Rights Reserved. End User Experience for Android Users if AIR is not pre-installed 18 ® First time AIR app launches, user prompted to download shared library Android Market client directs user to AIR Runtime User is given information on AIR Runtime User confirms APIs used by AIR Runtime AIR Runtime is installed

© 2010 Adobe Systems Incorporated. All Rights Reserved.  Develop in Flash Builder 4.01 and release as *.AIR files  Develop in Flash Builder 4.01 and cross compile  Develop in Flash Builder 4.5

© 2010 Adobe Systems Incorporated. All Rights Reserved. Deployment  ADT is the AIR packager (apk target only available in AIR 2.5): adt -package -target apk -storetype pkcs12 -keystore a.p12 a.apk a-app.xml a.swf  ADB is the Android SDK deployer adb install -r a.apk 20 DEMO

© 2010 Adobe Systems Incorporated. All Rights Reserved.  Develop in Flash Builder 4.01 and release as *.AIR files  Develop in Flash Builder 4.01 and cross compile  Develop in Flash Builder 4.5

© 2010 Adobe Systems Incorporated. All Rights Reserved. Mobile Flex Components  MobileApplication - Main mobile class  ActionBar - Header for title and navigation  View - Title, viewActivate Event, viewDeactivate Event  ViewNavigator - Stack of Views with animated transitions  pushView(ViewClass, data); popView();  Mobile Skins  Form Skins:  Touch support in Scroller (List, etc)

© 2010 Adobe Systems Incorporated. All Rights Reserved. Basic Anatomy of a Flash Builder 4.5 mobile app 23 View Navigator

© 2010 Adobe Systems Incorporated. All Rights Reserved. Flash Builder 4.5 Project Anatomy 24 Project Folder Main entry point into Application Default Package Stylesheet Library package ActionScript classes Other Views Views package Android Native Package Application Descriptor Default First View

© 2010 Adobe Systems Incorporated. All Rights Reserved. Android Manifest (in Application Descriptor) 25

© 2010 Adobe Systems Incorporated. All Rights Reserved. GEO APIs  Android Permission Required:  Geolocation.isSupported  g.addEventListener(GeolocationEvent.UPDATE, callbackFunction);  GeolocationEvent:  altitude  heading  horizontalAccuracy  latitude  longitude  speed  timestamp  verticalAccuracy

© 2010 Adobe Systems Incorporated. All Rights Reserved. Accelerometer APIs  Accelerometer.isSupported  a.addEventListener(AccelerometerEvent.UPDATE, callbackFunction);  AccelerometerEvent:  accelerationX  accelerationY  accelerationZ  timestamp

© 2010 Adobe Systems Incorporated. All Rights Reserved. Multi-Touch APIs  Android manifest change:  Gesture OR Multitouch --- Multitouch.inputMode  MultitouchInputMode.GESTURE  TransformGestureEvent  GESTURE_PAN  GESTURE_ROTATE  GESTURE_SWIPE  GESTURE_ZOOM  GestureEvent.GESTURE_TWO_FINGER_TAP  PressAndTapGestureEvent.GESTURE_PRESS_AND_TAP  MultitouchInputMode.TOUCH_POINT  TouchEvent  TOUCH_BEGIN  TOUCH_END  TOUCH_MOVE  TOUCH_OUT  TOUCH_OVER  TOUCH_ROLL_OUT  TOUCH_ROLL_OVER  TOUCH_TAP

© 2010 Adobe Systems Incorporated. All Rights Reserved. Remote Data  Android Permission Required:  Standard Flex Networking Libraries:  HTTPService  WebService  RemoteObject

© 2010 Adobe Systems Incorporated. All Rights Reserved. Full Screen & Orientation  stage.displayState = StageDisplayState.NORMAL  stage.displayState = StageDisplayState.FULL_SCREEN  stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE  StageOrientationEvent: stage.addEventListener(StageOrientationEvent.ORIENTATION_CHANGE, callbackFunction);  foo-app.xml: true

© 2010 Adobe Systems Incorporated. All Rights Reserved. Camera Access  Camera - Raw camera feed  CameraUI - Native Camera App var cameraUI:CameraUI = new CameraUI(); cameraUI.launch(MediaType.IMAGE);  CameraRoll - Choose photos from the device's camera roll var cameraRoll:CameraRoll = new CameraRoll(); cameraRoll.browseForImage(); cameraRoll.addBitmapData(bd); 31

© 2010 Adobe Systems Incorporated. All Rights Reserved. Native App Integration  Open , Browser, Maps, Phone, or SMS  navigateToURL(new  navigateToURL(new URLRequest('  navigateToURL(new URLRequest('  navigateToURL(new URLRequest('tel: '));  navigateToURL(new URLRequest('sms: ')); 32

© 2010 Adobe Systems Incorporated. All Rights Reserved. Local DB APIs  SQLite - Nothing different than AIR for the Desktop  SQLConnection  Sync and/or Async connections  SQLStatement  Prepared Statements: var stmt:SQLStatement = new SQLStatement(); stmt.sqlConnection = FlexGlobals.topLevelApplication['sqlConnection']; stmt.text = "INSERT into giberish values(:giberish)"; stmt.parameters[":giberish"] = g.text; stmt.execute();

© 2010 Adobe Systems Incorporated. All Rights Reserved. StageWebView  Requires Android INTERNET permission:  WebStageView.isSupported var swv:StageWebView = new StageWebView(); swv.viewPort = new Rectangle(0, stage.height - height, width, height); swv.stage = stage; swv.loadURL(" 34

© 2010 Adobe Systems Incorporated. All Rights Reserved. Thank you  Where to learn more:

© 2010 Adobe Systems Incorporated. All Rights Reserved. Microphone 36

© 2010 Adobe Systems Incorporated. All Rights Reserved. Custom URIs 37

© 2010 Adobe Systems Incorporated. All Rights Reserved. Soft Keys 38

© 2010 Adobe Systems Incorporated. All Rights Reserved. Debugging  adb logcat  trace() and errors - only with apk-debug target 39

© 2010 Adobe Systems Incorporated. All Rights Reserved. Learn more    40