Apprendre à créer une application Android avec processing
![Apprendre à créer une application Android avec processing](/images/remos_downloads/id-11979.11979.pdf_thumb_prev.jpg)
Développer sur Android avec Processing
Auteur :
Processing permet de créer facilement ses propres applications sur
Android
SOMMAIRE :
1) Présentation de la plate-forme Android.
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-000.jpg)
2) Présentation de l’outil de programmation Processing.
3) Configurer Processing et Android.
4) Initiation à Processing.
5) Créer ma première application.
L’objectif de ce cours est de fournir assez de matière et de motivation pour susciter l’envie de continuer l’exploration de la plate-forme Android et du langage de programmation Processing.
1. Présentation de la plate-forme Android :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-002.jpg)
Android est un système d’exploitation “open source” à destination des mobiles.
Il est basé sur Linux avec une interface de programmation Java.
La kit de développement (SDK) fourni est composé :
• d’un compilateur
• d’un debugger
• d’un émulateur.
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-008.jpg)
Les applications (micro-logiciel) Android sont contenues dans des fichiers .apk (Android Package)
Pour en savoir plus
1.2. Dalvik Virtual Machine :
Dalvik est une machine virtuelle (VM)
Dalvik est conçue pour faciliter l'exécution simultanée de plusieurs applications.
Avec Dalvik, 1 processus = 1 VM :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-011.jpg)
• Ainsi on garanti l'isolation des processus entre eux et avec le système
• une activité ou un service plante ? un seul processus plante
• la VM plante ? un seul processus disparaît
Pour en savoir plus
1.4. Compatibilité matérielle :
Pour être compatible avec l’OS Android 2.1, l’appareil doit être équipé :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-015.jpg)
• Affichage (Minimum QVGA 240x320 avec orientation portrait et paysage)
• Clavier (virtuel) et écran tactile (pas nécessairement multitouche).
• Touches de navigation (Home, menu and retour)
• USB (USB-A) et WIFI (minimum 200Kbit/sec)
• Caméra, Accéléromètre (3-axes), Gyroscope (3-axes) et GPS
• Téléphone
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-024.jpg)
• Mémoire et stockage (mini 92Mb pour le kernel, 150Mb non-volatile pour les données utilisateurs)
• Stockage des applications (mini 2GB).
1.5. Les fabricants :
HTC, Samsung, Motorola, LG, Sony Ericsson
Pour avoir la liste complète
1.6. Android Market :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-033.jpg)
appareils Android.
tous les appareils
2. Présentation de Processing :
Processing est environnement de programmation « open source » pour ceux qui veulent créer des images, des animations et des interactions.
Initialement développé pour servir de portfolio informatique et enseigner les principes de base de la programmation dans un contexte visuel, Processing s'est développé pour devenir un véritable outil professionnel.
Aujourd'hui, des dizaines de milliers d'étudiants, des artistes, des designers, des chercheurs et les amateurs utilisent Processing.
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-042.jpg)
2.1. Processing c’est légé !
2.2. Processing c’est facile !
Processing a été créé avec pour but de faire de la programmation accessible à tous, pour créer des graphismes, des interactions.
2.3. Processing c’est flexible !
Processing peut traiter n’importe quel type d’information.
2.4. Processing c’est modulaire !
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-046.jpg)
Processing c’est aussi pour le développement Web, hardware, …
2.5. Processing pour l’éducation, l’art, …
2.6. Librairies Processing
Plus de 100 librairies externes développées par la communauté :
3. Configuration de Processing et d’Android :
L'Android SDK (Software Development Kit) inclut un jeu complet d'outils :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-050.jpg)
• Debuger
• Bibliothèques
• Emulateur
• Documentations, exemples de codes et tutoriels.
Multiplateforme : Linux, MACOS, Windows.
Officiellement, l'environnement de développement intégré (IDE) est Eclipse
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-054.jpg)
=> Processing est nettement plus facile à prendre en main qu’Eclipse
3.1 Installer Android SDK
Installer dans un premier temps le JDK (Java Development Kit) :
Télécharger le Android SDK à partir site officiel.
Nous allons traité uniquement la version pour Windows. Télécharger le fichier .
Pour plus d’informations : http:randroidcom/sdk/installinghtml Lancer l’Android SDK et télécharger les modules suivants :
Ajouter une variable d’environnement :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-055.jpg)
Sous Windows, clic droit sur Mon
Ordinateur (Mon poste de travail),et sélectionner Propriétés.
Sur l'onglet avancé, appuyez sur le bouton variable d'environnement. Dans la boite de dialogue qui arrive , double-clic sur la variable système Path.
Allez à la fin de la ligne, ajoutez un point virgule " ; " suivi du chemin complet du répertoire exemple : C:\Android\android-sdk\tools" à la variable système Path.
(conseil : rebooter Windows)
3.2 Configurer Android AVD
Andoid AVD (Android Virtual Device) est l’émulateur qui va nous servir par la suite à tester nos programmes.
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-062.jpg)
Lancer l’outil “Manage AVDs…”
Créer (New…) votre propre AVD en fonction de votre appareil puis lancer l’émulation (Start…)
Attention cela prend quelques minutes avant que
l’émulateur soit complètement lancé.
Processing en mode Android (changement de couleur !)
3.4 Tester l’émulateur Android
Nous allons réaliser notre premier programme (“sketch”) afin de tester l’émulateur.
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-081.jpg)
Code de test :
void setup() { size(240,320); smooth(); noStroke(); fill(255); rectMode(CENTER);
}; void draw() { background(#FF9900); rect(width/2, height/2, 50, 50);
};
Lancer l’émulation depuis Processing (Ctrl+R) (l’émulateur doit être lancé avant, voir diapo 23 )
Résultat de l’émulation
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-085.jpg)
3.5 Tester votre appareil Android
Après avoir installer le driver de votre appareil
Connecter votre appareil au port USB de votre PC
Paramétrer votre téléphone pour qu’il autorise le mode “débogage USB”
(Paramètres\Paramètres des applications\Développement\Débogage USB)
Puis exécuter le programme vers l’appareil : Ctrl+Maj+R
Les permissions :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-095.jpg)
Sketch.
Si vous voulez utiliser des méthodes comme saveStrings () ou createWriter, vous devrez permettre WRITE_EXTERNAL_STORAGE pour que vous puissiez sauver des choses à la mémoire flash incorporée.
Il existe des permissions pour accèder au téléphone, à la boussole, etc.
Pour en savoir plus :
4. Initiation à Processing:
Il existe de nombreux tutoriels sur le web :
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-106.jpg)
•
•
•
• ?n=MAIN.OUTILSProcessing
Dont certains dédié à l’utilisation d’Android :
•
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-115.jpg)
•
4.1 Dessiner en 2D et gérer les couleurs
4.1 Dessiner en 2D et gérer les couleurs
4.1 Dessiner en 2D et gérer les couleurs
4.1 Dessiner en 2D et gérer les couleurs
4.1 Dessiner en 2D et gérer les couleurs
4.1 Dessiner en 2D et gérer les couleurs
4.2 Animation et mouvementsetup()
Appelée une seule fois quand le programme démarre. Utiliser pour initialiser l’environnement de travail (taille de l’écran, couleur de l’arrière plan) avant d’exécuter le draw().
Les variables déclarées dans le setup ne sont pas accessible aux autres fonctions.
draw()
Void setup() { println(“Setup: démarrage");
} Void draw() { println("En cours"); }
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-118.jpg)
Quand ce code est en cours d’exécution, les messages suivants sont écrits dans la console:
Setup: démarrage
En cours
En cours
. . .
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-121.jpg)
Appelée directement après setup(), cette fonction exécute en continue les lignes de codes qu’elle contient tant que le programme n’est pas stopé ou que la fonction noLoop() est appelée.
4.3 Média (images et polices de caractères)
4.3 Média (images et polices de caractères)
4.4 Interaction (clavier et écran tactile)
Voir aussi : |
|
mousePressed() |
|
mouseReleased() |
|
mouseMoved() |
|
mouseDragged() ![]() |
|
mouseX |
|
mouseY |
|
keyPressed |
|
key |
mousePressed :
La fonction mousePressed détecte l’appui ou non sur le clic de la souris (ou de l’écran tactile).
![](/images/remos_downloads/detail/119/id-11979.11979.pdf-127.jpg)
4.5 Pour aller plus loin
Gestion du multitouche de votre Android via Processing :
Gestion des capteurs et de la camera de votre Android via Processing :
APWidgets: librarie pour l’utilisation des widgets d’Android avec processing :
OscP5: librairie pour envoyer et recevoir des messages OSC (Open Sound Control)
CONCLUSION: