Flex 4.5 pour mobiles http://flexpourmobiles.posterous.com Accompagnement du livre aux éditions Dunod posterous.com Wed, 02 Nov 2011 01:22:00 -0700 Annexe : Explorateur de fichiers http://flexpourmobiles.posterous.com/annexe-explorateur-de-fichier http://flexpourmobiles.posterous.com/annexe-explorateur-de-fichier

Dans les exemples prévus intialement pour le livre, figurait la réalisation d'un explorateur de fichiers mettant en oeuvre le modèle View-Navigator et en particulier la propriété data de la vue.

Finalexample

Ce chapitre n'a pas été conservé dans la version imprimée, mais voici sa version PDF accompagnée des projets permettant de réaliser le tutoriel :

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Sat, 29 Oct 2011 17:29:00 -0700 Lisez-moi http://flexpourmobiles.posterous.com/lisez-moi http://flexpourmobiles.posterous.com/lisez-moi

Vous trouverez sur ce site des compléments au livre Flex 4.5 pour mobiles.

 Il vous permet également de soumettre des commentaires par chapitre.

 

Pour chaque chapitre, vous trouverez ici une page Bibliographie-FAQ reprenant les liens mentionnés dans le chapitre ainsi que d'éventuels liens vous permettant d'approfondir votre exploration.

Les projets de la version finale de l'exemple sont disponibles au téléchargement. Ils contiennent des corrections de bugs effectuées après la rédaction du livre : 

En "Annexes" sont fournis les éléments suivants :

Un chapitre supplémentaire au format pdf non inclus dans la version papier est fourni : "Versions de débogage et de déploiement.pdf".

Versions_de_débogage_et_de_déploiement.pdf Download this file

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Fri, 21 Oct 2011 23:15:00 -0700 Ch 0 : Intro http://flexpourmobiles.posterous.com/ch-0-intro http://flexpourmobiles.posterous.com/ch-0-intro

The Multiscreen Revolution par Kevin Lynch (ADOBE CTO)

PDF version

MAX Keynote

4G

France : la 4G, un pas en avant...

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Thu, 20 Oct 2011 23:34:00 -0700 Ch 01 : La plateforme Flash http://flexpourmobiles.posterous.com/ch-1-flex-air-flash-builder http://flexpourmobiles.posterous.com/ch-1-flex-air-flash-builder

La plateforme Flash

FAQ

Quelle différence entre Flash Professional et Flash Builder ?

Flash Professional s’adresse plutôt aux Designers en axant le développement sur la notion de timeline (ligne de temps), de frame (image-clé). Le langage de développement est ActionScript.

Flash Builder, basé sur Eclipse, un standard dans le monde du développement, s'adresse plutôt aux développeurs d’applications d'entreprise. Outre ActionScript, il propose grâce au Flex SDK une approche déclarative au travers du langage MXML, économisant ainsi l'écriture de dizaines de lignes de code. Développer des applications dans Flash Builder correspondra plus aux habitudes des développeurs que de recourir à Flash Professional.

Quels pré-requis pour développer des applications pour mobiles ?

Flash Professional et Flash Builder permettent tous deux de développer des applications pour mobiles. Ce livre ne couvre que l'utilisation de Flash Builder. D'autres ouvrages traitent de Flash Professional. Il existe en outre des solutions tierces comme Flash Developer Tool (FDT).

AIR permet-il de créer des applications HTML ?

Oui, AIR intègre, à la fois, le lecteur Flash ET un interpréteur basé sur le projet open-source Webkit. Cela permet d'exécuter des applications basées sur les technologies du Web (HTML-JavaScript-CSS). Ce n'est pas le sujet de ce livre et cette solution ne permet pas un déploiement sur mobile.

Licence de déploiement ?

Licence gratuite de déploiement pour AIR et Flash Player.


Bibliographie

Site adobe.com :

Adobe Flash Platform

What is Flash

Statistiques concernant le Flash Player

Périphériques supportant Flash Player

Flash Player requirements

http://www.adobe.com/fr/products/air/

Aide Adobe

http://help.adobe.com/en_US/flex/mobileapps/index.html

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/

http://help.adobe.com/en_US/flashbuilder/using/index.html

http://help.adobe.com/en_US/flex/using/index.html

 

Comparaison AIR/Flash Player : http://www.adobe.com/fr/products/air/comparison/

http://www.adobe.com/fr/products/flashbuilder/

Flash and AIR Momentum from Mobile World Congress 2011

Licence de distribution AIR

 

Serveurs

Grille de comparaison BlazeDS/LCDS chez Adobe

Open source alternatives to LiveCycle Data Servcies (sic)

Spécialement une grille de comparaison BlazeDES, LCDS: Feature Matrix: Adobe Live Cycle Data Services ES2, BlazeDS 3, Clear Toolkit 3+

Collaboration Services : http://www.adobe.com/flashplatform/services/collaboration/

Promotion Service : http://www.adobe.com/flashplatform/services/promotion/

Adobe et salesforce.com collaborent pour offrir des jeux d'outils permettant aux entreprises d'étendre le service PaaS (Platform as a Service) de salesforce.com

 

FlashLite

Adobe FlashLite 4 

Flash Lite

Flash Lite 4.0 is for slower, less powerful and memory-constraint devices, and Flash 10 is for more powerful devices, possibly with hardware graphics acceleration.


Divers

http://www.cachem.fr/android-flash-10-1-vs-flash-lite-4/

Adobe In Market: http://www.adobe.com/products/inmarket/

http://www.adobe.com/fr/devnet/

http://groups.adobe.com/pages/home

Open Screen project : http://www.openscreenproject.org/

Open source at Adobe : http://opensource.adobe.com

Flash Developer Tool : http://www.fdt.powerflasher.com/

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Wed, 19 Oct 2011 21:55:00 -0700 Ch 02 : Premiers pas avec Flash Builder http://flexpourmobiles.posterous.com/ch-2-developper-pour-mobiles http://flexpourmobiles.posterous.com/ch-2-developper-pour-mobiles

 

Premiers pas avec Flash Builder

F.A.Q

Bibliographie


http://help.adobe.com/en_US/flashbuilder/using/index.html

 

Notions de base du workbench Flash Builder :

http://help.adobe.com/fr_FR/flashbuilder/using/WS6f97d7caa66ef6eb1e63e3d11b6c4d0d21-8000.html

 

Permissions

Android : http://developer.android.com/reference/android/Manifest.permission.html

 

Documentation for Flash Builder 4.5 and Flex 4.5 is available from the Adobe Web site at: 
http://blogs.adobe.com/flexdoc/2011/05/flash-builder-4-5-and-flex-4-5-documentation-is-live.html

 

The most current version of the ActionScript 3.0 Language Reference in for the Flex 4 SDK is available at: 
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/index.html

 

"Le Guide de référence du langage Adobe Flex est intégré aux éditeurs MXML et ActionScript, vous permettant ainsi de consulter rapidement l’Aide de référence pour une balise MXML ou pour une propriété, une classe ou tout autre élément de la structure Flex.

Vous pouvez également utiliser l’Aide dynamique, ancrée à proximité de la perspective en cours d’utilisation. Elle affiche les rubriques de référence et d’utilisation portant sur la balise MXML ou la classe ActionScript sélectionnée.

Affichage de l’Aide de la référence du langage

Dans l’éditeur MXML ou ActionScript, sélectionnez un élément (un mot du code) de la structure Flex en le mettant en surbrillance ou en plaçant le curseur de la souris à l’intérieur de l’élément (ou du mot).

Pour ouvrir la rubrique d’aide directement dans l’afficheur de l’Aide, appuyez sur les touches Maj+F2 ou sélectionnez Aide > Rechercher dans la référence du langage.  

Activation de l’aide dynamique

 Sélectionnez Aide > Aide dynamique. "

 

Téléchargement :

http://www.adobe.com/go/try_flashbuilder/

 

le site IMDb : http://www.imdb.fr/

 

flex-tutoriall-fr :

http://www.flex-tutorial.fr/flex-4-et-flash-builder-4/

Cet article a pour but de vous introduire à Flex et au logiciel d'aide à la création de contenu Flex: Flash Builder

Installation

Quelques liens pour vous guider dans l'installation de Flash Builder :

Installation sous Windows :

en français : http://www.mistra.fr/tutoriel-flex-introduction/tutoriel-flex-installation-flash-builder.html

en anglais : http://www.roseindia.net/tutorial/flex/flex4/installing-flash-builder-4.html

 

Compléter l'installation (en anglais) :

http://www.developria.com/2010/03/intro-to-flash-builder-4-workf.html

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Wed, 19 Oct 2011 09:09:00 -0700 Ch 03 : Première liste en MXML http://flexpourmobiles.posterous.com/ch-03-premiere-liste-en-mxml http://flexpourmobiles.posterous.com/ch-03-premiere-liste-en-mxml

Première liste en MXML

 

Instructions d'import d'un projet dans Flash Builder

Consulter la documentation en ligne d'Adobe

http://help.adobe.com/fr_FR/Flex/4.0/UsingFlashBuilder/WSbde04e3d3e6474c4ef5411412477fbf920-8000.html

Dans le menu de Flash Builder, sélectionnez Fichier > Importer un projet FXP.

 

F.A.Q

Quand utiliser le mode Design par rapport au mode Source ?

Il n'existe pas de réponse absolue à cette question.

Certains développeurs vous asséneront que le mode Design ne sert à rien et que toute le développement peut s'effecteur en mode Source.

Si cette dernière partie de l'affirmation est vraie, on peut aussi considérer que toute le développement peut s'effectuer à l'aide d' un éditeur de texte et en ligne de commande.

Personnellement, je trouve beaucoup d'intérêt aux éditeurs graphiques car ils m'évitent de mémoriser des tonnes d'instruction et me proposent un feedback immédiat sur les actions.

Bref, à chacun sa recherche de l'efficacité...

 

Projet exemple

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Tue, 18 Oct 2011 09:14:00 -0700 Ch 04 : Déploiement sur les mobiles http://flexpourmobiles.posterous.com/04-deploiement-sur-les-mobiles http://flexpourmobiles.posterous.com/04-deploiement-sur-les-mobiles

Déploiement sur les mobiles

Bibliographie

AIR runtime system requirements :

http://kb2.adobe.com/cps/891/cpsid_89107.html#main_New_features_for_mobile_applications

Release notes for Adobe AIR 2.7 for developers : http://kb2.adobe.com/cps/906/cpsid_

90612.html

Places de marché :

Quelques projets complémentaires du SDK Flex 4.5.

 

Projet

Cible

Description

URL

as3iphonecomponents

iPhone

A free lightweight, powerful and incredibly developer-friendly set of AS3 components for emulating the iPhone GUI

http://code.google.com/p/as3iphonecomponents/

AS3 Android Flash Components

Android

AndroidFlash Component Set for develop Android apps

http://xperiments.es/blog/en/as3-android-flash-components/

QNX libraries and QNX UI components

Blackberry Playbook

Native OS UI component and AudioManager, MediaPlayer/MediaServiceConnection, TextInput and Pop Dialogs

http://us.blackberry.com/developers/tablet/devresources.jsp

 

FAQ

Peut être un pb/warning si l'application nécessite un runtime plus avancé que celui déjà présent dans le mobile ?

Dans ce cas, sur Android, AIR propose de télécharger la version la plus récente depuis le store d'origine (Android ou Amazon). Sur OS, le runtime est intgéré au package, pas de mise à jour indépendante possible. Sur Tablet OS, le runtime est intégré au système.

Peut-on avoir plusieurs versions du runtime en même temps et que les applications choisissent le bon runtime ?

Ce n'est pas possible. En revanche, avec l'introduction de Captive Runtime dans AIR 3.0, il sera possible de package une application avec son propre runtime sur toutes les plateformes.

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Mon, 17 Oct 2011 09:34:00 -0700 Ch 05 : Le Bouton, ses clics et ses taps http://flexpourmobiles.posterous.com/ch-05-le-bouton-ses-clics-et-ses-taps http://flexpourmobiles.posterous.com/ch-05-le-bouton-ses-clics-et-ses-taps

Le Bouton : ses clics et ses taps

Bibliographie

Vers une standardisation des interfaces tactiles : http://www.simpleweb.fr/2011/01/31/vers-une-standardisation-des-interfaces-tactiles/

 

Pourquoi iOS est plus disruptif que vous ne le pensez : http://www.simpleweb.fr/2011/05/06/pourquoi-ios-est-plus-disruptif-que-vous-ne-le-pensez/

 

Blog d'Eric Feminella : http://www.ericfeminella.com/blog/

 

Projet exemple

 

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Sun, 16 Oct 2011 09:53:00 -0700 Ch 06 : Bénéfices de Flex pour mobiles http://flexpourmobiles.posterous.com/ch-06-benefices-de-flex-pour-mobiles http://flexpourmobiles.posterous.com/ch-06-benefices-de-flex-pour-mobiles

Bibliographie

http://pttrns.com/

Exemple d'écrans d’applications iOS existantes rangés par catégories

http://www.inspireux.com/2011/02/07/top-6-help-design-patterns-for-iphone-apps/

Below is a look at how different apps have leveraged these help patterns to introduce functionality to their users upon first use.

Complete list of Android devices:
   http://en.wikipedia.org/wiki/Category:Android_devices

http://franto.com/flex-hero-android-links-collection/

 

http://www.slideshare.net/ryanstewart/introduction-to-flex-hero-for-mobile-de... 

 

http://blogs.adobe.com/koestler/files/2010/11/Flash-Builder-and-Flex-Workflows-for-Multiscreen-App-Development.pdf

 

http://coldfusion.se/devnet/flex/testdrivemobile.html


Composants optimisés pour mobiles : http://www.flex-tutorial.fr/2011/05/05/air-mobileles-

composants-et-le-theme-mobile-flex-4-5/

 

Application France 24 pour iPhone : http://itunes.apple.com/fr/app/france-24/id364379394

 

Adobe AIR Devices Profiles : http://help.adobe.com/en_US/air/build/WS144092a96ffef7cc16ddeea2126bb46b82f-8000.html

 

Developing ACTIONSCRIPT Extensions for

ADOBE AIR : http://www.adobe.com/content/dam/Adobe/en/devnet/devices/pdfs/

DevelopingActionScriptExtensionsForAdobeAIR.pdf

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Sat, 15 Oct 2011 09:55:00 -0700 Ch 07 : Rendus de listes http://flexpourmobiles.posterous.com/ch07-rendus-de-listes http://flexpourmobiles.posterous.com/ch07-rendus-de-listes

Rendus de listes

Bibliographie

http://www.flex-blog.com/data-dependent-decoratorclass-in-mobileiconitemrenderer-example/

a List that has uses a MobileIconItemRenderer that has a decoratorClass that depends on the data.

 

CheckBox in List using MobileIconItemRenderer for Flex Mobile

http://www.flex-blog.com/checkbox-in-list-using-mobileiconitemrenderer-for-flex-mobile/

 

Les itemRenderer de List (LabelItemRenderer, IconItemRenderer, …)

http://www.flex-tutorial.fr/2011/05/08/air-mobile-les-itemrenderer-de-list-labelitemrenderer-iconitemrenderer/

 

Getting scrolling right in a mobile horizontal list

http://butterfliesandbugs.wordpress.com/2011/05/05/getting-scrolling-right-in-a-mobile-horizontal-list/

 

Grouping items in a Flex mobile List

http://flexponential.com/2010/11/30/grouping-items-in-a-flex-mobile-list/

 

Deep Dive into Flex Mobile Item Renderers

http://www.jasonhanson.com/360flex/

 

Flex Performance Tips & Tricks

http://flexponential.com/2011/04/20/flex-performance-tips-tricks/

 

Mobile ItemRenderer in ActionScript

http://www.asfusion.com/blog/entry/mobile-itemrenderer-in-actionscript-part-5

https://www.flextras.com/blog/index.cfm/2011/6/24/Building-a-Mobile-ItemRenderer-in-Flex

 

AIR Shrink O Matic propose le redimensionnement de lots d’images : http://tokiwoki.net/p/ShrinkOMatic/

 

FXG Graphics : http://opensource.adobe.com/wiki/display/flexsdk/FXG+1.0+Specification

Developing a mobile application with Flex 4.5, AIR 2.5, Flash Builder Burrito, WCF and the Entity Framework :

http://blogs.infosupport.com/blogs/alexb/archive/2010/11/29/developing-a-mobile-application-with-flex-4-5-air-2-5-flash-builder-burrito-wcf-and-the-entity-framework.aspx

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Fri, 14 Oct 2011 10:07:00 -0700 Ch 08 : Architecture Navigateur - Vue http://flexpourmobiles.posterous.com/ch-08-architecture-navigateur-vue http://flexpourmobiles.posterous.com/ch-08-architecture-navigateur-vue

Architecture Navigateur - Vue

Bibliographie

Design Considerations for Building Mobile Applications

http://blogs.adobe.com/ria/2011/05/20/design-considerations-for-building-mobile-applications/

 

Comprendre les composants ViewNavigator et View

http://www.flex-tutorial.fr/2011/05/03/air-mobile-comprendre-les-composants-viewnavigator-et-view/

 

Le cycle de vie des View (destructionPolicy, viewActivate, …)

http://www.flex-tutorial.fr/2011/05/07/air-mobile-le-cycle-de-vie-des-view-destructionpolicy-viewactivate/

 

Tombstoning in AIR-Mobile Applications

http://blogs.adobe.com/ria/2011/04/20/tombstoning-in-air-mobile-applications/

 

Passing data between Views

http://cookbooks.adobe.com/post_Passing_data_between_Views-18854.html

 

AIR Mobile – Les paramètres data et context de pushView

http://www.flex-tutorial.fr/2011/05/11/air-mobile-les-parametres-data-et-context-de-pushview/

 

Flex 4.5 Mobile Data Handling:

http://devgirl.org/2011/05/18/flex-4-5-mobile-data-handling/

F.A.Q

Q : Utiliser plusieurs ViewNavigators dans une application ?

Il est possible de créer plusieurs ViewNavigators dans une s:Application :

<s:ViewNavigator id="navigator" width="100%" height="100%" firstView="MainView"/>

 

Q : Différence entre ViewNavigator et le composant ViewStack de Flex 4 ?

Le composant ViewStack ne permet de déplacement qu'au travers d'états prédéfinis. ViewNavigator permet à l'utilisateur de parcourir un nombre indéterminé de vues dans l'ordre qu'il souhaite en gérant la navigation retour de manière automatique (bouton Back).

De plus, ViewNavigator gère le conteneur ActionBar, le bouton menu, l'orientation du support.

fournit une notion de contexte et un mécanisme de données qui peuvent être échangés entre vues. Enfin, ViewNavigator offre des options de persistance que ne propose pas ViewStack.

 

Q : Passer une vue en dynamique ?

var o:Object = new Object;

var views:Array = new Array(View1,View2);

o.views=views;

// choisir la vue à passer au navigator avec ses données

navigator.pushView(o.views[0],data);

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Thu, 13 Oct 2011 10:09:00 -0700 Ch 09 : Westerns en détail http://flexpourmobiles.posterous.com/ch-09-westerns-en-detail http://flexpourmobiles.posterous.com/ch-09-westerns-en-detail

Westerns en détail

Bibliographie

Débogage des applications : http://help.adobe.com/fr_FR/flashbuilder/using/WS6f97d7caa66ef6eb1e63e3d11b6c4d0d21-7f07.html

Internet Movie Database (IMDb) : http://www.imdb.com/.

www.imdbapi.com procure une API de recherche sur le contenu d’IMDb

as3corelib : https://github.com/mikechambers/as3corelib

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Wed, 12 Oct 2011 10:09:00 -0700 Ch 10 : Modèles de projets mobiles http://flexpourmobiles.posterous.com/ch-10-modeles-de-projets-mobiles http://flexpourmobiles.posterous.com/ch-10-modeles-de-projets-mobiles

Modèles de projets mobiles

Bibliographie

http://cookbooks.adobe.com/post_How_to_create_an_Android_mobile_project_in_Flash_B-18950.html

How to create an Android mobile project in Flash Builder 4.5 using the Blank template

 

http://blogs.adobe.com/jasonsj/2011/05/video-how-to-skin-a-tabbedviewnavigatorapplication.html

"Developing skins for the TabbedViewNavigatorApplication isn’t too hard. You just have to know where to start. The diagram below shows the major pieces of a TabbedViewNavigatorApplication:"

 

http://devgirl.org/2011/05/23/flex-4-5-mobile-application-development-controlling-visibility-actionbar-tabs/

Flex 4.5 Mobile Application Development – Controlling the visibility of the ActionBar and Tabs

 

Flex 4.5 Mobile Application Development – Controlling the visibility of the ActionBar and Tabs

If you’re working on a Flex mobile application and find that you need hide the ActionBar or Tabs in the case of a TabbedViewNavigatorApplication to offer more screen space for a particular view, or based on a user’s preferences or whatever, I created a quick post to show how it can be done.

 

AIR Mobile – Appliquer une Skin à une TabbedViewNavigatorApplication

http://www.flex-tutorial.fr/2011/05/27/

 

Icon Generator, un utilitaire de création d’icônes réalisé avec Flash, est disponible en

ligne ou sous forme d’application AIR : http://icon-generator.net/

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Tue, 11 Oct 2011 10:11:00 -0700 Ch 11 : Utiliser les capacités du mobile http://flexpourmobiles.posterous.com/ch-11-utiliser-les-capacites-du-mobile http://flexpourmobiles.posterous.com/ch-11-utiliser-les-capacites-du-mobile

Utiliser les capacités du mobile

Bibliographie

  • Icon Generator, un utilitaire de création d’icônes réalisé avec Flash, est disponible en

ligne ou sous forme d’application AIR : http://icon-generator.net/ .

Divers

  • Tour de Mobile Flex :

http://flex.org/tourmobile

  • Adobe AIR Lauchpad sur Adobe Labs :

http://labs.adobe.com/technologies/airlaunchpad

 

  • Truc du jour : comment faire une capture d’écran sous Android

http://www.maximejohnson.com/techno/2010/08/truc-du-jour-comment-faire-une-capture-d’ecran-sous-android/

  • Tutorial : Prendre des captures d’écran sur Android sans rooter son téléphone

http://www.frandroid.com/13417/tutorial-prendre-des-captures-decran-sur-android-sans-rooter-son-telephone/

  • Détecter une sortie d'application avec Event.ACTIVATE / Event.DEACTIVATE

http://www.flex-tutorial.fr/2010/09/13/air-android-detecter-une-sortie-dapplication-avec-event-activate-event-deactivate/

  • AIR Mobile – Accéder aux contacts sous iOS (Address Book)

http://www.flex-tutorial.fr/2011/05/22/air-mobile-acceder-aux-contacts-sous-ios-address-book/

  • Top AIR APIs to bring your mobile apps to life

http://www.hsharma.com/tech/adobe/slides-top-air-apis-to-bring-your-mobile-apps-to-life/

StageWebView

  • Making the most of StageWebView

http://voisen.org/blog/2010/10/making-the-most-of-stagewebview/

 

StageWebViewBridge is an extended version of flash.media.StageWebView.

It lets you:

  • Communicate Actionscript with Javascript.

  • Communicate Javascript with Actionscript.

  • Load local files and resources in a easy way.

  • Extend loadString method with AS3 - JS communication.

http://code.google.com/p/stagewebviewbridge/

  • AIR Mobile StageWebView UIComponent

I thought it would be convenient to have a StageWebView UIComponent so that you can add it to the display chain. It is just a wrapper class which exposes the needed APIs like the text and url setter and the methods show, hide and dispose. Further you can listen for all event listeners which just get cloned and re-dispatched.

 

  • Displaying ads in your mobile AIR application

http://www.webkitchen.be/2011/05/17/displaying-ads-in-your-mobile-air-application/

 

Mark Doherty: StageWebView demo - OAuth Support

 

Jonathan Campos: HTML Web View in AIR for Android

 

Sönke Rohde: AIR Mobile StageWebView UIComponent

 

Judah Frangipane: Using StageWebView within a UIComponent in Mobile

 

  • AIR Mobile – Afficher des pop-up natives depuis AIR (hack)

http://www.flex-tutorial.fr/2011/05/23/air-mobile-afficher-des-pop-up-natives-depuis-air-hack/

  • Hacking Google maps to work on your Flex 4.5 /AIR mobile project:

http://www.igorcosta.org/?p=350

  • Article de Christophe Coenraets
http://coenraets.org/blog/2011/07/flex-mobile-invoking-javascript-in-a-stagewebview/

 

Permissions

  • AIR application descriptor files

http://help.adobe.com/en_US/air/build/WS5b3ccc516d4fbf351e63e3d118666ade46-7ff1.html

  • Setting mobile application properties

http://help.adobe.com/en_US/flex/mobileapps/WSa8161994b114d624-33657d5912b7ab2d73b-7fe2.html#WSe4e4b720da9dedb53d70042612e27c5c3d4-7fff

  • AIR application descriptor elements

http://help.adobe.com/en_US/air/build/WSfffb011ac560372f2fea1812938a6e463-8000.html#WSfffb011ac560372f2fea1812938a6e463-7fe5

Géolocalisation

  • Build a GPS Speedometer: Getting Into AIR for Android

http://mobile.tutsplus.com/tutorials/android/build-a-gps-speedometer-getting-into-air-for-android/

  • Documentation Google Android : Obtaining User Location

http://developer.android.com/guide/topics/location/obtaining-user-location.html

  • AIR pour Android – Récupérer la géolocalisation de l'utilisateur dans une application Air

http://www.flex-tutorial.fr/2010/07/12/air-android-recuperer-la-geolocalisation-de-lutilisateur-dans-une-application-air/

  • AIR pour Android – Visualiser la géolocalisation GPS sur Google Maps avec Air

http://www.flex-tutorial.fr/2010/07/12/air-android-visualiser-la-geolocalisation-gps-sur-google-maps-avec-air/

  • Flex 4.5: Using Geolocation(GPS) on a mobile device

http://www.flexpasta.com/index.php/2011/05/12/flex-45-using-geolocationgps-on-a-mobile-device/

  • AIR On Android: Geolocation

http://blog.everythingflex.com/2010/07/22/air-on-android-geolocation/

Photo-WebCam

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/media/Camera.html

 

  • Accessing the camera phone with Adobe AIR for Android

http://www.leonardofranca.com/index.php/2011/05/09/accessing-the-camera-phone-with-adobe-air-for-android/

 

  • How to Use CameraUI in a Cross-platform Way

http://blogs.adobe.com/cantrell/archives/2011/02/how-to-use-cameraui-in-a-cross-platform-way.html

  • ANDROID, AIR AND THE CAMERA :

http://www.riagora.com/2010/07/android-air-and-the-camera/

<android>

    <manifestAdditions><![CDATA[

       <manifest installLocation="auto">

      <uses-permission name="android.permission.CAMERA"/>

       </manifest>

     ]]></manifestAdditions>

</android>

 

URI Handlers

  • Sending Text Messages with Body Text using AIR for Android - Hackish Workaround

http://www.remotesynthesis.com/post.cfm/sending-text-messages-with-body-text-using-air-for-android-hackish-workaround

NetworkInterface

  • Detecting the network connection type with Flex 4.5

http://www.multimediacollege.be/2011/04/detecting-the-network-connection-type-with-flex-4-5/

  • AIR Mobile – Détecter la présence d'une connexion Wifi ou 3G

http://www.flex-tutorial.fr/2011/05/12/air-mobile-detecter-la-presence-dune-connexion-wifi-ou-3g/

Clavier virtuel

  • Controlling the soft keyboard in Flex Mobile applications

http://www.peterelst.com/blog/2011/05/08/controlling-the-soft-keyboard-in-flex-mobile-applications/

  • Handling Form Fields in Flex 4.5 / AIR Mobile

http://killerspaz.wordpress.com/2011/05/07/handling-form-fields-in-flex-4-5-air-mobile/

donner le focus au champ suivant quand on tape Enter ou Return sur le clavier virtuel

 

F.A.Q

Questions

Are there any ways that we can make use of the Android Licensing Service in order to copy protect our applications?

http://developer.android.com/guide/publishing/licensing.html

Ce sera possible avec AIR 3.0.

 

Question : Visualisation PDF

Ne fonctionne pas sous Android

 

Langage de l'appareil ?

You can use the Capabilities.language property to determine the language code of the system.

 

Caractéristiques de l'appareil

RE: API allows to fetch device manufacturer and model?

https://github.com/funky-monkey/Android-Native-Device-Info

 

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Mon, 10 Oct 2011 10:15:00 -0700 Ch 12 : Interface tactile - Stockage local http://flexpourmobiles.posterous.com/ch-12-interface-tactile-stockage-local http://flexpourmobiles.posterous.com/ch-12-interface-tactile-stockage-local

Interface tactile - Stockage local

Bibliographie

Touch

SWIPE ON MOBILE ITEMS

http://www.riagora.com/2011/05/swipe-on-mobile-items/#codesyntax_3

 

les gestuelles supportées par les différents systèmes:

http://www.convergence-tactile.com/index.php/2010/10/une-synthese-des-gestuelles-tactiles-les-smartphones/

 

http://www.paultrani.com/blog/index.php/2011/02/touch-events-and-gestures-on-mobile/

Exemple de gestion d'événement sur le zoom

 

http://technoracle.blogspot.com/2011/04/flex-mobile-development-transform.html

Masquer/cacher Action Bar

 

Flex Mobile: Two finger tap gesture to toggle actionBar visibility in a View (AIR for Android)

http://www.flex-blog.com/flex-mobile-two-finger-tap-gesture-to-toggle-actionbar-visibility-in-a-view-air-for-android/

 

AIR Mobile – Reproduire l'effet "Pull down to refresh" sur une liste Flex

http://www.flex-tutorial.fr/2011/06/03/air-mobile-reproduire-leffet-pull-down...

SQLite

l'exemple employeeDirectory de Christophe Coenraets :

http://www.adobe.com/devnet/flex/samples/employee-directory-application.html

 

Tutoriels en français sur "Adobe Flex Tutorial" : cherchez dans la liste disponible en suivant ce lien (http://www.flex-tutorial.fr/tutorial-flex-liste/), les tutoriels préfixés par AIR SQLite.

Outils d’administration SQLite :

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Sun, 09 Oct 2011 10:16:00 -0700 Ch 13 : Persistance des données http://flexpourmobiles.posterous.com/ch-13-persistance-des-donnees http://flexpourmobiles.posterous.com/ch-13-persistance-des-donnees

Persistance des données

Bibliographie

http://fr.wikipedia.org/wiki/Mac_OS_X_v10.7

 

Lion : sauvegarde automatique des applications

http://www.macgeneration.com/news/voir/190222/lion-sauvegarde-automatique-des-applications

 

SharedObject

http://www.flex-tutorial.fr/2008/06/21/flex-shared-object-creer-lire-et-ecrire-des-sharedobject/

et autres tutoriels liés

 

spécification open source d'AMF :

http://opensource.adobe.com/wiki/download/attachments/1114283/amf3_spec_05_05_08.pdf

 

registerClassAlias

http://tush.wordpress.com/2007/07/08/actionscript-3-serializing-classes-using-registerclassalias/

"sharedObject custom class problems with persistence"

http://www.actionscript.org/forums/showthread.php3?t=170794

 

Flex / AIR Serialization Lessons Learned

http://www.brooksandrus.com/blog/2008/03/25/flex-air-serialization-lessons-learned/

 

Simple data persistence in a Flex 4.5 mobile application

http://cookbooks.adobe.com/post_Simple_data_persistence_in_a_Flex_4_5_mobile_appli-18856.html

 

Plus complexe :

Complex data types, such as Class, cannot be saved to a shared object and require the developer to convert the data to a supported object type, such as a String. In addition, private variables are not automatically written to the shared object as well. Both of these use cases can be resolved by implementing the flash.utils.IExternalizable interface on the custom object that holds the complex type. This interface expects an object to implement a writeExternal() and readExternal() method that are used to save and restore an object. Check the ActionScript 3 Reference for more information on Iexternalizable.

 

http://livedocs.adobe.com/flex/3/html/help.html?content=data_access_4.html

The destination class also must have a no-args constructor.

 

Flex 4.5 Mobile Data Handling

http://devgirl.org/2011/05/18/flex-4-5-mobile-data-handling/

 

AIR Mobile – Application Pokémon (23) – Le mécanisme de persistance intégré au SDK Flex (PersistenceManager)

http://www.flex-tutorial.fr/2011/07/05/air-mobile-application-pokemon-23-le-mecanisme-de-persistance-integre-au-sdk-flex-persistencemanager/

 

http://www.flex-tutorial.fr/2009/03/08/flex-shared-objects-conserver-le-type-des-objets-dans-un-shared-object-avec-le-metatag-remoteclass/

Flex Shared Objects – Conserver le type des objets dans un Shared Object avec le metatag RemoteClass

http://www.flex-tutorial.fr/2011/07/10/air-mobile-resolu-recuperation-dobjets-conserves-en-shared-object-ne-fonctionne-pas-pour-certains-objets/

AIR Mobile – Récupération d'objets conservés en Shared Object ne fonctionne pas pour certains objets

"Voici un "bug" sur lequel je suis tombé avec @ckeromen. Il est assez étrange et la solution n'est pas évidente donc je la partage sur ce blog."

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Sat, 08 Oct 2011 10:18:00 -0700 Ch 14 : Gestion de l'orientation de l'écran http://flexpourmobiles.posterous.com/ch-14-gestion-de-lorientation-de-lecran http://flexpourmobiles.posterous.com/ch-14-gestion-de-lorientation-de-lecran

Gestion de l'orientation de l'écran

Bibliographie

Etats

Adopter Flex 4 en toute sérénité (3/5) : Les états

http://blog.piaction.com/2011/04/adopter-flex-4-en-toute-serenite-35-les-etats/

 

Flex States: Création et application d'états simples

http://www.flex-tutorial.fr/2008/01/27/flex-states-creation-et-application-etats-simples/

Orientation

Auto-orient your mobile application to the device orientation

http://cookbooks.adobe.com/post_Auto_orient_your_mobile_application_to_the_device-18224.html

 

Using screen orientation APIs for smartphone application development

http://www.adobe.com/devnet/flash/articles/screen_orientation_apis.html

 

Display screens in AIR

http://help.adobe.com/en_US/as3/dev/WS5b3ccc516d4fbf351e63e3d118676a47e0-8000.html#WS789ea67d3e73a8b220f0e28f123c3c58a85-8000

 

FAQ

Q : Comment fixer une orientation fixe en mode paysage ?

Dans le fichier de description, fixer autoOrients à false et aspectRatio à landscape.

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Fri, 07 Oct 2011 10:20:00 -0700 Ch 15 : Finalisations de l’application http://flexpourmobiles.posterous.com/ch-15-finalisations-de-lapplication http://flexpourmobiles.posterous.com/ch-15-finalisations-de-lapplication

Finalisations de l’application

Bibliographie

Menus

Creating Menus

http://developer.android.com/guide/topics/ui/menus.html

 

Using Menus in your Flex 4.5 Mobile Application

http://devgirl.org/2011/05/04/using-menus-in-your-flex-4-5-mobile-application/

 

Icons created by Joseph Wain (see http://penandthink.com) and downloaded from http://glyphish.com

Transitions

Defining a view transition for Flex Mobile applications

http://www.peterelst.com/blog/2011/05/05/defining-a-view-transition-for-flex-mobile-applications/

 

Flex 4.5 – Using Mobile View Transitions

http://devgirl.org/2011/05/12/flex-4-5-using-mobile-view-transitions/

 

Sur le blog http://devgirl.org/2011/05/12/flex-4-5-using-mobile-view-transitions/, vous trouverez une application qui permet de tester les différentes transitions ainsi que leurs paramètres

 

Forcer l'arrêt de l'application

AIR pour Android – Détecter une sortie d'application avec Event.ACTIVATE / Event.DEACTIVATE

http://www.flex-tutorial.fr/2010/09/13/air-android-detecter-une-sortie-dapplication-avec-event-activate-event-deactivate/

 

AIR pour Android – Quitter une application Android proprement (arrêt GPS …)

http://www.flex-tutorial.fr/2010/09/06/air-android-quitter-une-application-android-proprement-arret-gps/

Splashcreen

AIR Mobile – Ajouter un Splash Screen avec splashScreenImage

http://www.flex-tutorial.fr/2011/05/09/air-mobile-ajouter-un-splash-screen-avec-splashscreenimage/

 

A super simple approach to Splash Screens for Flex Mobile Apps

http://gregsramblings.com/2011/09/25/flex-splash-screen-sizes-easy-approach/

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Thu, 06 Oct 2011 10:21:00 -0700 Ch 16 : De bonnes résolutions http://flexpourmobiles.posterous.com/ch-16-de-bonnes-resolutions http://flexpourmobiles.posterous.com/ch-16-de-bonnes-resolutions

De bonnes résolutions

Bibliographie

Au terme anglais density correspond la résolution en français, tandis que le mot anglais resolution

se traduit par définition d’images : http://fr.wikipedia.org/wiki/Résolution_numérique

 

Répartition par résolution sur le site pour les développeurs Android :

http://developer.android.com/resources/dashboard/screens.html

 

Media Queries : http://www.w3.org/TR/css3- mediaqueries/

 

Support multiple screen sizes and DPI values in a mobile application

http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c682e5a9412cf5976c17-8000.html

 

Prise en charge de plusieurs tailles d’écran et valeurs PPP dans une application mobile

http://help.adobe.com/fr_FR/flex/mobileapps/WS19f279b149e7481c682e5a9412cf5976c17-8000.html

 

List of displays by pixel density

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

 

How does the iPhone 4 pixel density stand in comparison?

http://blog.gsmarena.com/how-does-the-iphone-4-pixel-density-stand-in-comparison/

 

AIR Capabilities.screenDPI on Devices

http://renaun.com/blog/2011/01/air-capabilities-screendpi-on-devices/

 

AIR 2.6 Capabilities.screenDPI on Devices

http://renaun.com/blog/2011/03/air-2-6-capabilities-screendpi-on-devices/

 

Supporting Multiple Screens

http://developer.android.com/guide/practices/screens_support.html

 

Définition d'écran

http://fr.wikipedia.org/wiki/Définition_d%27écran

 

List of displays by pixel density

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

 

La guerre des ppp ou le casse tête de la résolution.

http://blocnotes.iergo.fr/articles/la-guerre-des-ppp-ou-le-casse-tete-de-la-resolution/

 

Comparison of Android devices

http://en.wikipedia.org/wiki/Comparison_of_Android_devices#Tablet_computers

 

Comparing CSS Media Queries vs. Application Scaling : http://blogs.adobe.com/jasonsj/2011/05/comparing-css-media-queries-vs-application-scaling.html

 

 

http://blog.yoz.sk/2010/12/quick-tip-systemscreen-class/

SystemScreen class is a group of constants helping you to convert between inches, centimeters and pixels based on Capabilities class. The results are not exact, but are pretty close. The following example demonstrates the real device screen size vs. SystemScreen calculated values based on Capabilities.screenDPI

 

Using Bitmaps in Flex Mobile Projects

http://blogs.adobe.com/jasonsj/2011/06/using-bitmaps-mobile.html

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen
Wed, 05 Oct 2011 10:23:00 -0700 Ch 17 : Stratégies multi-écrans http://flexpourmobiles.posterous.com/ch-17-strategies-multi-ecrans http://flexpourmobiles.posterous.com/ch-17-strategies-multi-ecrans

Stratégies multi-écrans

Bibliographie

http://www.adobe.com/newsletters/edge/march2011/articles/article5/index.html?trackingid=IJQLJ

 

Deep Dive into Flex Mobile Item Renderers

Maximizing Code Reuse Across Screens

http://www.jasonhanson.com/360flex/

 

360|Flex Files : Maximizing Code Reuse Across Screens

http://www.terrenceryan.com/blog/post.cfm/360-flex-session-on-developing-for-multiple-devices

 

DYNAMIC UI PATTERNS

http://www.riagora.com/2011/05/dynamic-ui-patterns/comment-page-1/#comment-1579

 

“Multi-density/Multi-platform UI talk” by Nacisso Jaramillo at 360Flex

http://www.rictus.com/muchado/2011/04/14/slides-on-multi-densitymulti-platform-ui-talk-from-360flex/

 

Le développement Cross plateform abordé au BarCamp.

http://www.frandroid.com/developpement/37024_le-developpement-cross-plateform-aborde-au-barcamp-android/

 

AIR Mobile – Déterminer si l'application est lancée sur un smartphone ou une tablette

http://www.flex-tutorial.fr/2011/06/06/air-mobile-determiner-si-lapplication-est-lancee-sur-un-smartphone-ou-une-tablette/

 

Skins / OS

Android UI Components for Flex 4.5

http://www.yapiodesign.com/blog/2011/05/13/android-ui-components-for-flex-4-5/

Presentation Model

Presentation Model : http://blogs.adobe.com/tomsugden/2009/08/applying_the_presentation_mode.html

 

Architecting your application for multiple devices

http://riarockstars.com/2011/03/16/presentation-model-and-multiple-screens-part-1/

How, exactly, should we organize our code to be reusable across multiple screens?”

This article will describe the “Presentation Model” pattern; an effective pattern for achieving presentation separation.

Presentation Model and Multiple Screens (Part 2)

http://riarockstars.com/2011/04/12/presentation-model-and-multiple-screens-part-2/

 

Projet exemple

Permalink | Leave a comment  »

]]>
http://files.posterous.com/user_profile_pics/1923321/ck-SanDiego2.png http://posterous.com/users/he6mqT6EBHUtI christophe Keromen ckeromen christophe Keromen