Mistra - Université d’Eté !

 
Mistra flyer A5

Université d’été : Devenez développeur IOS et Android en 40 jours avec Mistra Formation
A Paris (République) du 24 Août  au 9 Octobre 2015

Pour cet été, Mistra vous propose un programme unique vous permettant de devenir développeur mobile avec une formation sur-mesure : de la création de l’application à la mise en ligne sur l’App Store et le Play Store.

Objectifs Cette formation, ouverte à tous, vous permettra de comprendre les enjeux d’un développement mobile, les questions d’ergonomie indispensable à une application réussie, ainsi que les arcanes de développement d’une application en mobilité.

Programme du Cursus

Formation Durée
Ecosystème des applications mobiles 1 jour
Ergonomie des applications mobiles, par plateforme
- Design / Organisation visuelle
- Vitesse / Publicités
- Utilisation du clavier / Gestion des erreurs
2 jous
Présentation des outils et plateformes de développement
(IDE / Versionning / Tests)
1 jour
Echanges client/serveur et Web Services dans un environnement mobile 1 jour
Langage de développement objet : Le Java 8 jours
Etre autonome avec un logiciel design du marché pour intégrer un design mobile 2 jours
Développement pour iOS avec travaux pratiques et projet 9 jours
Développement pour Android avec travaux pratiques et projet 9 jours
Projet final en équipe et coaching sur projets personnels 7 jours

Financement
Coût : 2300 € par personne pour la totalité du cursus.
Pour toute question (inscription, prise en charge financière, etc.), contacter nous au 01 82 52 25 25.

Diagrammes et graphiques

tutoriel_vers_formation_Flex

L'affichage des données dans un diagramme (chart) constitue l'un des points forts de Flex. Le framework Flex propose en effet de créer des graphiques et d'en personnaliser l'apparence de façon simple et rapide.

 

Les composants Flex permettent de gérer un grand nombre de diagrammes : 

  • Diagrammes comparatifs : circulaire (PieChart), nuage de points (PlotChat), barres (BarChart), colonnes (ColumnChart) ;
  • Diagrammes d'évolution : ligne (LineChart) et aires (AreaChart) ;
  • Diagramme multi-valué : bulles (BubbleChart) ;
  • Diagrammes boursiers : highLowOpenClose (HLOCChart) et candleStick (CandleStickChart)

Un diagramme présente graphiquement une ou plusieurs séries de données et se déclare selon le même modèle, quel que soit sont type. Prenons les données suivantes pour nos graphiques à venir :

diagrammes

 

ce qui se traduit en ActionScript 3 par les lignes suivantes :

[Bindable]
public var model:ArrayCollection = new ArrayCollection();
 
model.addItem({month:"janvier", value:6, secondValue: 40});
model.addItem({month:"février", value:45, secondValue: 15});
model.addItem({month:"mars", value:29, secondValue: 25});
model.addItem({month:"avril", value:35, secondValue: 50});
model.addItem({month:"mai", value:68, secondValue: 40});

 

Création d'un diagramme

 

Tous les diagrammes fonctionnent sur le même principe. Pour créer un graphique, les informations minimales nécessaires sont :

  • le type de diagramme,
  • le fournisseur de données (dataProvider),
  • la ou les séries de données à afficher.

Créons un diagramme de type ligne représentant les données de notre exemple :

 
 
 
 

A la ligne 1, nous indiquons le type de diagramme et le fournisseur de données : nous fournissons ici l'ArrayCollection model. Les champs à utiliser sur les axes x et y sont précisées dans les lignes suivantes, lors de la définition des séries de données à afficher.

La balise (ligne 2) permet ensuite d'indiquer le début de la déclaration des séries de données.

La ligne 3, enfin, déclare une série de type LineSeries. Chaque composant de diagramme possède son propre type de série : nous créons ici un composant de type LineChart, les séries sont donc de type LineSeries. Les paramètres spécifient que les valeurs à prendre en compte pour l'axe vertical (yField) correspondent au champ "value" du dataProvider.

L'exécution donne alors un affichage semblable à celui-ci :

diagrammes_2

 

Personnalisation de l'affichage

 

Des paramètres supplémentaires peuvent être ajoutés pour personnaliser le diagramme en lui-même, ainsi que l'affichage de la zone de données et des axes. L'affichage précédent peut par exemple être transformé en celui-ci :

diagrammes_3
Le code correspondant à cet affichage est le suivant :

      dataProvider="{model}"
      showDataTips="true" >
 
 
                  dataProvider="{model}"
                  categoryField="month"
                  displayName="Mois" />
 
 
 
 
 

Dans ce nouveau code, une nouvelle propriété est apparue dans la définition du composant LineChart : showDataTips (ligne 3), à laquelle nous avons assigné la valeur "true". Cette propriété permet d'afficher des informations relatives à un point du graphique, lorsqu'il est survolé par la souris.

 

 

Nous avons également ajouté, aux lignes 6 à 11, la définition explicite de l'axe horizontal. Cette définition est optionnelle, elle n'était pas présente dans notre premier graphique et possédait donc les valeurs par défaut : un axe linéaire, dont la numérotation commence à 0. 

Différents axes sont disponibles : 

  • axes numériques : linéaire (mx:LinearAxis, axe par défaut), logarithmique (mx:LogAxis), ou prévu pour les affichages de date et heure (mx:DateTimeAxis)
  • groupement de valeurs : mx:CategoryAxis est utile pour représenter un ensemble de libellés sur un axe.

 

Enfin, nous affichons deux séries de données : la première, ligne 13, contient les mêmes valeurs (yField) que précédemment, et précise que l'affichage devra se faire en ligne courbe, à l'aide de la propriété form, dont nous verrons les valeurs possibles juste après.

La deuxième, ligne 14, prend les valeurs du champ "secondValue" du dataProvider et les applique à l'axe vertical. Elle indique une autre valeur pour la propriété form, qui permet cette fois d'afficher un graphique en escalier.

 

L'illustration ci-dessous présente les différentes valeurs possibles pour la propriété form et leur effet visuel

diagrammes_4

 

tutoriel_precedent

tutoriel_suivant

L'ensemble des tutoriels Mistra by Mistra est mis à disposition selon les termes de la licence Creative Commons et Paternité - Partage des Conditions Initiales à l'Identique 3.0 Unported. Les autorisations au-delà du champ de cette licence peuvent être obtenues à http://www.mistra.fr/contact-mistra.html.

Prochaines Formations

Promotions sur nos prochaines formations à -30% et -50%

Formation développement Symfony 2 - du 22 au 24 Juillet - 850 euros HT

Formation  Web mobile développement- du 27  au 31 Juillet  2015 - 1250 euros HT

Formation Développement Titanieum appcelerator - du 3 au 7 Août 2015 - 1200 euros HT

Formation Les fondamentaux du langage Java - 24 au 28 Août - 1500 euros HT

 

 

 Tarif Spécial "demandeur d'emploi" : 50 % de réduction sur la pluspart de nos formations 

Contactez nous pour toute inscription ou information

01 82 52 25 25

Toutes nos promotions ...