"
structure_projet

Votre première application Android Studio

Le but de ce tutoriel est de créer votre première application sous Android Studio.

Si vous n’avez pas Android Studio, merci de suivre ce tutoriel.

1- Lancer Android Studio

New Project

 

Dans la liste à gauche apparût vos derniers projets alors que sur la partie droite plusieurs options.

Nous intéressons aujourd’hui par la création d’un nouveau projet.   Nous détaillerons le reste des options dans des prochains tutoriels.

2- Cliquer sur New Project

name_application

 

Cette interface rassemble à l’interface standard d’Eclipse. Mais on remarque la partie ‘Description’ que permet des  conseils  dans le développement Android comme celle dans le figure ci-dessus.

3 –Cliquer  sur Next à chaque fois jusqu’à le préparation de votre projet. Vous allez remarquer que rien ne change à l’interface standard d’Eclipse.

Veuillez patienter lors de préparation de votre projet :

patientez_android_studio

 

Voilà maintenant, vous pouvez voir des nouveautés pour d’Android Studio comme la présentation des astuces pour faciliter le développement .

astuce

 

4- Veuillez découvrir le nouvel EDI de Google

structure_projet

 

Vous remarquez que le projet Android est composé par plusieurs dossiers et fichiers.

Nous détaillerons la nouvelle structure dans des prochains tutoriels.

Nous intéressons  par le dossier src->main  dont il contient les classes .java, le dossier de ressources et le fichier AndroidManifest.

Pour lancer l’application, il suffit de cliquer sur la flèche verte en haut :

run

 

Puis vous sélectionnez votre émulateur :

choose_device

 

 

 

Félicitations, vous avez créer votre première application avec le nouvel environnement de développement Android.

Nous détaillerons dans des prochains tutoriels les nouveautés de cet environnement.

N’hésitez pas à nous envoyer vos remarques pour améliorer le contenu de ces tutoriels.

Merci.

Si vous aimez ce tuto, merci de le partager
Merci
android_studio_ala_une

Guide Installation Android Studio

Le but de ce tutoriel est d’installer l’environnement de développement Android Studio.

Pour plus d’infos sur Android Studio, veuillez consulter cet URL .

Je vous rappelle que l’environnement  utilisé est Windows.

1- Télécharger et Installer JDK 1.7 via ce lien

2- Créer une variable d’environnement que s’appelle JDK_HOME comme l’indique le figure suivant :

jdk_home

 

3-  Télécharger Android  Studio via ce lien
4-  Cliquer sur le fichier .exe jusqu’à la fin d’installation.

5- Voilà, Android Studio est bien installé chez vous. Vous pouvez commencer à développer via cet EDI.

android_studio

Si vous aimez ce tuto, merci de le partager
Merci

Android et Fichiers de préférences

Bonjour, nous allons vous expliquer la notion de fichier de préférences dans Android avec des exemples simples et pratiques.

Si vous êtes un développeur Web, normalement vous avez travaillé avec les SESSIONS.  Côté Web on parle de SESSIONS alors que côté Android , nous avons les fichiers de préférences.

Les fichiers de préférences sont utile pour le sauvegarde les paramètres  de vos applications.

Pour créer un fichier, vous devez le donné un nom ainsi que le mode d’accès à ce fichier.

SharedPreferences user = getSharedPreferences(« nomfichier », Context.MODE_PRIVATE);

Ensuite il y a deux cas :

  • Soit vous allez stocker des données :

-    Dans ce cas, nous devons créer un Editor que sera le responsable pour créer nos données :

*SharedPreferences.Editor editor = user.edit();

*Stocker nos parameters : editor.putString(“identifiant”, “valeur”);

*Commiter notre stockage après le stockage de tous nos paramètres : editor.commit();

 

  • Soit nous allos lire des données :

-    Dans ce cas , il suffit de passer par :

String s = user.getString(“identifiant”,DefaultValue);

Remarques :

  • Dans un fichier de preferences, nous pouvons stocker des Strings, des Int, des Boolean…(putBoolean, putInt…).
  • DefaultValue : c’est un valeur par défault en cas ou l’élément n’est pas trouvé.
Si vous aimez ce tuto, merci de le partager
Merci
phonegap

Votre première application avec PhoneGap

Pré requis : Eclipse, Android SDK

1-      Lancer Ecplise

2-      Créer un projet Android

img1

3-      Dans le dossier assets , créez un dossier www

4-      Ajouter le dossier libs

img2

5-      Maintenant, je vous invite sur ce lien http://phonegap.com/download  où vous pouvez télécharger le framework PhoneGap que vous voulez.

phonegap

J’ai choisi de télécharger la  version PhoneGap 2.0.0

6-       Si on veux consulter le dossier  qu’nous avons télécharger, on découvert bien que PhoneGap est compatible  avec la majorité des OS mobiles tels quel Android, iOS, Symbian.. .

Nous intéressons dans ce tutoriel à Android.

Pour notre première application PhoneGap, nous avons besoin de library Cordova-2.0.0.jar et Cordova-2.0.0.js

7-      Copier, Coller fichier .jar dans le dossier libs et le fichier .js dans le dossier www

8-       Créer un nouveau fichier index.html dans le dossier www

img3

9-      Configurer le Build Path cordova-2.0.0.jar.  Button droid àBuild Path à Add to Build Path

img4

10-      Revenons maintenant à notre activity, je veux changer « extends Activity » par « extends DroidGap » et je veux faire appel au fichier index.html à partir de mon activity.

Si vous n’avez pas de problèmes jusqu’à maintenant, normalement votre activity rassemble à ça

img5

11-      Passons maintenant à notre fichier index.html, vous pouvez manipuler ce fichier de la même façon si vous avez des idées sur le développement web.  Nous proposons ce petit code pour le fichier index.html

12-      Vous pouvez ajouter ajouter cette configuration pour que votre application soit supporter par les differents tailles smartphone au fichier AndroidMainfest.xml

<supports-screens

android:anyDensity=« true »

android:largeScreens=« true »

android:normalScreens=« true »

android:resizeable=« true »

android:smallScreens=« true » />

 

13-      Lancez maintenant votre première application.

 

Merci.

 

Si vous aimez ce tuto, merci de le partager
Merci

Introduction Au développement Web Mobile

Le développement d’applications pour terminaux mobiles (iPhone, iPad, Android, Blackberry, Windows Phone, Nokia Symbian, Samsung Bada…) se heurte à la fragmentation des technologies de développements: environnement iOS/Objective-C pour l’iPhone et l’iPad, SDK Java spécifique pour Android, J2ME pour Symbian, etc.

Deux approches possibles lorsque l’on débute un projet d’application ciblant plusieurs de ces plateformes sont de développer une application pour chacune d’elle, ou de développer un site Web compatible.

Dans le premier cas, l’inconvénient concerne bien évidemment le coût des développements. Dans le deuxième, on sera limité en richesse de l’application par les possibilités du Web.

Nous allons s’intéresser dans cet article et nos prochains articles sur la deuxième approche «  Développement Web Mobile »

Nous allons dans cet article, présenter plusieurs frameworks qu’nous pouvons l’utiliser pour nos applications web mobile.

Tout cela s’articule autour de technologies adaptées et en évolution que sont HTML5 et CSS3. Le terme « évolution » est important ici, car si on va voir sur le site du W3C, ces deux technologies sont encore en état de brouillon. Pour CSS3, c’est quasi-finalisée. Pour HTML5, de nombreuses fonctionnalités sont proposées de mois en mois. Par exemple, courant 2011, une API a été proposée pour accéder à la liste des contacts du téléphone. Début 2012, une autre proposait de faire vibrer le téléphone. Ainsi, le Web Mobile mute de plus en plus afin de pouvoir mieux s’intégrer à nos smartphones.

  • PhoneGap (Apache Cordova):

PhoneGap est un outil open-source, et devrait d’ailleurs rejoindre la fondation Apache.
Le principe de PhoneGap est de fournir des API JavaScript aux navigateurs Web standards, permettant d’appeler des fonctionnalités natives non disponibles autrement: accéder à l’appareil photo, à l’accéléromètre, au système de fichiers…
Cela nécessite d’embarquer le code source HTML/CSS/JS dans une application native, grâce au composant permettant d’inclure une vue Web dans une application, disponible dans chaque SDK.

Pour plus d’informations, je vous invite à visiter   http://phonegap.com/

  • Titanium:

Développé par Appcelerator qui vend du support et des formations sur Titanium, c’est également une solution libre.

Le principe de Titanium est de fournir une machine virtuelle JavaScript permettant d’accéder au système natif, et ainsi de développer des applications natives mais en JavaScript. C’est la promesse d’applications plus réactives et à l’expérience utilisateur plus proche du natif que celles basées sur des pages Web, comme PhoneGap.

Pour plus d’informations, je vous invite à visiter http://www.appcelerator.com/

  • jQuery Mobile :

Un Framework UI optimisé pour les appareils tactiles et construit avec jQuery et HTML5. jQuery Mobile est le moyen le plus facile pour construire des sites et des applications qui soient accessibles sur tous les appareils les plus populaires : smartphone, tablette et ordinateur de bureau.

Pour plus d’informations, vous pouvez visiter  http://mobile.jquery-fr.com/

  • Sencha Touch :

SenchaTouch est un framework javascript destiné à créer des webapps mobiles pour les types majeurs de terminaux.
SenchaTouch n’est pas open-source, il y a une licence à payer, mais quand on voit la qualité du rendu final (difficile de faire la distinction avec une application native), l’ensemble des composants, le comportement des interfaces, etc. …,

Pour plus d’informations, vous pouvez visiter

http://www.sencha.com/products/touch

Il existe plusieurs frameworks mobiles. Mais, nous allons s’intéresser dans nos prochains tutoriels sur les frameworks déjà présenté.

Le choix de framework dépend de l’application que nous voulons le développer.

Par exemple, nous pouvons utiliser uniquement HTML 5 +CSS 3 + jQuery Mobile, aussi HTML 5 + CSS 3 + jQuery Mobile + Sencha Touch  + PhoneGap …

 

 

Si vous aimez ce tuto, merci de le partager
Merci
img2

Structure d’un projet Android

Le but de ce tutoriel est de comprendre la structure d’un projet Android.

Nous allons commencer par créer notre projet.

Cliquez alors sur File->New->Android Application Projet.

new_project

 

Une interface sous forme d’un formulaire est apparût.

definition_projet

 

  • Application Name : c’est le nom de votre application. Le nom que sera apparût avec la liste des applications sur votre smartphone ou émulateur.
  • Projet Name : C’est le  nom de votre projet sur l’’environnement de travail.
  • Package Name : C’est le package de votre application.
  • Minimum Required SDk : Vous choisissiez l’API minimal dont votre application sera compatible.
  • Compile With : C’est l’API que vous allez l’utiliser lors de votre développement.

Veuillez cliquer sur Next jusqu’à la création de votre Projet.

Voilà la structure globale d’une application Android.

Structure

  • Nous allons commencer par le dossier src. Ce dossier contient tous les classes java (acitivité, parseur, objet…) de votre application.  Le dossier src peut être diviser sous forme plusieurs package :

* com.tuto.activité : Le package que contient tous vos acitvités.

*  Com.tuto.bean : Le package que contient tous les classes objet de votre projet.

*  Com.tuto.parseur : Le package que contient tous les parseurs de votre projet.

*  ……

 

  • Passons par la suite au dossier gen . Nous intéressons dans ce dossier  par le fichier R.java : C’est le fichier de ressource de tous les éléments (layout, composants..) de votre projet. Il est déconseillé de le modifié manuellement.
  • Le dossier assets   contient des données que seront chargées sur votre mobile lors de la compilation de votre projet. Des données comme un fichier de style d’écriture.
  • Le dossier bin est  les fichiers binaires de votre application comme le fichier .apk
  • Le dossier libs est un dossier qui contient tous les librairies que vous pouvez les utiliser dans vos projets comme Ksoap2.jar…

 

  • Le dossier res est le dossier de ressources  (images, interfaces…) de votre application. Il contient plusieurs sous dossiers.
  • Les dossiers Drawables : Ces sont les dossiers des images de notre application. Il y a plusieurs types selon le type de Smartphone qui va télécharger votre application

* LDPI : Low Density Per Inch

* MDPI : Medium Density Per Inch

* HDPI : High Density Per Inch

*  XHDPI : X High Density Per Inch

  • Le dossier layout est le dossier que contient les fichiers .xml des nos interfaces. A chaque fois, vous voulez créer une nouvelle interface, vous devez passer par ce dossier.
  • Le dossier menu est un dossier optionnel.  Il vous permet de construire les items de vos menus si vous aurez besoin de construire de menus dans vos applications.
  • Le dossier value est aussi dossier optionnel, il vous permet d’organiser vos codes.  Il est conseillé  d’enregistrer vos String dans le fichier Strings.xml. On trouve aussi  styles.xml pour le style, Colors.xml  pour les coleurs…
  • Arrivant maintenant au fichier AndroidManifest.xml, c’est la fichier la plus important dans notre projet. C’est un fichier descriptif de notre application. Il contient la déclaration des tous les activités de l’application, les permissions, l’intervalle dans laquel notre application peut être téléchargé…
  • Le fichier proguard  est un fichier utilisé pour générer des builds sur votre projet. Si vous êtes débutant, je vous conseille de ne pas le touché ;)
Si vous aimez ce tuto, merci de le partager
Merci
cycle_vie_ac

Cycle de vie d’une activité

Une activité est le composant principal d’une application Android.  Chaque activité possède une interface. L’interface est une fichier .xml  que nous allons le détailler dans des prochaines tutos.

Le but de ce tuto est de comprendre le cycle de vie d’une activité.

Le diagramme ci-dessous représente le cycle de vie d’une activité.

cycle_vie_ac

  • onCreate() :
    • Exécuté quand l’utilisateur clique sur l’icône de l’application pour une première fois
    • Utilisé pour l’initialisation :
      • vue XML;
      • des fichiers/données temporaires;
  • onRestart() :
    • Exécuté lors l’activité arrêtée via un stop() redémarre (repasse en premier plan);
  • onStart() :
    • Exécuté après chaque onCreate() ou onRestart();
    • Chargement des données sauvegardées durant le dernier arrêt;
  • onResume() :
    • Exécuté après chaque onStart();
    • Exécuté a chaque passage en premier plan de l’activité;
    • Initialisation :
      • Connexion DB;
      • Mise à jour des données qui auraient pû être modifées entre temps (avant le onResume);
  • onPause() :
    • Exécuté avant chaque onStop();
    • Exécuté chaque fois que l’utilisateur passe à une autre activité, ou bien lorsqu’il demande un « finish() » sur cette activité, ou bien encore si le système à besoin de libérer de la mémoire;
    • Libération des resources :
      • sauvegarde des données qui seront perdues après l’arrêt si elles ne sont pas sauvegardées;
      • connection DB;
    • Attention : l’exécution de cette fonction doit être rapide car la prochaine activité ne démarrera pas tant que l’exécution de cette fonction n’est pas terminée;
  • onStop() :
    • Exécuté avant chaque mise en sommeil;
    • Exécuté avant chaque onDestroy:
    • Libération des ressources;
  • onDestroy() :
    • Exécuté lors du kill / de l’arrêt de l’activité;
    • onCreate() devra à nouveau être exécuté pour obtenir à nouveau l’activité.
    • libération des resources
      • fichiers temporaires
Si vous aimez ce tuto, merci de le partager
Merci
hello-android

Guide d’installation SDK Android et Eclipse

Bonjour, nous allons commencer nos tutoriels par la 1ère intitulé « Guide d’installation SDK Android et Eclipse ».

Vous devez commencer à télécharger le package via ce lien.

Vous allez trouver deux dossiers :

  • Eclipse : environnement de développement JAVA
  • SDK Android

guide_installtion_png1

Nous allons commencer par l’installation de notre SDK Android. Pour cela, rendez vous dossier sdk .

Veuillez cliquer sur SDK Manager.exe . L’interface suivante sera affiché

sdk_png2

 

Cette interface représente les versions d’Android depuis la version 1.5 jusqu’à la dernière.

Nous allons maintenant choisir la(les) version(s) qu’nous allons le(s) installé(es).

Il suffit de cocher l’api que vous voulez pour l’installer.

Une fois vous avez choisir l’ensemble des apis à installer, vous devez cliquer le bouton « install n packages ». Puis poursuivez les étapes d’installation en cliquons à chaque fois « Next ».

 

Une fois l’installation est terminé. Rendez vous au Eclipse pour installer l’ADT (Android Développement Toolkit).

Pour plus d’informations sur les version d’ADT, veuillez visiter ce lien

Commencez par lancer Eclipse, nous allons commencer par installer notre Plugin. Veuillez cliquer sur

Help-àInstall New SoftwareàAdd

Veuillez remplir la formulaire comme suit :

android

 

Puis cliquer sur OK.

Deux menus vont apparus.

Veuillez cocher Android Developer Tools dans le premier menu Developer Tools et poursuivez l’installation jusqu’à la fin.

A la fin d’installation, deux nouvelles icônes sont apparus  icon

La première représente un accès direct vers  SDK Android et la deuxième pour la gestion des AVD (Android Virtuel Device). Nous allons parler en détails sur les AVDs dans des prochains tutoriels.

Enfin, nous allons configurer notre path Android pour pointer sur le dossier de notre SDK.

Pour cela cliquer sur WindowsàPréférencesàAndroid, puis basculer vers le path de votre dossier SDK et cliquer sur Apply puis OK.

 

 

Bravo, vous avez terminé avec succès les étapes d’installation de votre SDK Android.

Vous pouvez commencer à développer sous Android.

Si vous aimez ce tuto, merci de le partager
Merci