alphorm.com formation windev mobile 19, android

Présentation de la formation

WinDev 19 Mobile, Android

WinDev Mobile 19, android alphorm.com™©

Site : http://www.alphorm.comBlog : http://www.alphorm.com/blogForum : http://www.alphorm.com/forum


Nicolas Ungern-sternbergFormateur et gérant d’informatique des 2 [email protected]

Plan

• La présentation du formateur

• Le cursus des formations

• Le plan de formation

• Le public concernés


• Les pré-requis

• Nicolas UNGERN-STERNBERG

• Gérant de la société Informatique des 2 caps

• Chef de projet, expert sur les technologies PC SOFT

• Consultant et formateur indépendant

• Mes références :

Présentation du formateur


� Mon profil LinkedIn : http://lnkd.in/jFZV_n

� Site de l’entreprise : http://www.informatiquedes2caps.com

� Mon profil Alphorm : http://www.alphorm.com/auteur/nungernsternberg

Mes formations sur Alphorm

WinDev 19, les fondamentaux

Cette formation permet d'acquérir les concepts ainsi que les connaissances techniques nécessaires au développement d’applications avec l’atelier de génie logiciel (AGL) WinDev 19.

Vous y découvrirez tous les aspects nécessaires à la réalisation de vos projets : Les différents outils de l’AGL, les principaux éditeurs, la définition d'une base de données, la création des fenêtres, l'édition de documents… jusqu'à la procédure d'installation.


documents… jusqu'à la procédure d'installation.

Cette formation se veut très pragmatique, par la réalisation d'une application de gestion de contact et critique, en confrontant les avantages et inconvénients du produit.

Lien vers la formation sur le site Alphorm.com

Cursus A.G.L. PCSOFT

Les fondamentaux

Avancé

Android

IOS / Apple

Le gestionnaire de code source

Base HFSQL

mobile

Lesfondamentaux

Avancé


Confirmé

Expert

Les nouveautés de la version 20

Windows CEmobile

Expert

Le plan de formationCréation d’un logiciel pour gérer son budget

Le projet « Gérer Mon Budget »

La configuration et la compilation� Configurer l'environnement

� La compilation

� Dans les entrailles de la compilation

La base de données� SQLite

� HFSQL Locale et C/S

� Les widgets

� Le champ carte

� Le champ publicité

� Le champ caméra

La programmation� Les règles de programmation sous Android

� La gestion multi-plateformes

� Simuler, émuler, tester

� Les notifications


� HFSQL Locale et C/S

� Réplication entre 2 bases HFSQL

� Accès à une base via un webservice

L'interface homme-machine� Les ancrages

� Le champ zone répétée

� Le champ Action Bar

� Le champ graphe

� Les fenêtres coulissantes

� La gesture

� Les capteurs

� Les notifications

� Envoyer des SMS et des email

� Gérer les coordonnées GPS

� Scanner des codes-barres

� L’achat In-App

� Insérer du code Java

Le déploiement� Installation sur le téléphone ou la tablette Android

� Google play

� Mise à disposition sur un serveur Web

Publics concernés

� Tous les développeurs souhaitant développer sur Android

� Les décideurs ayant des projets en mobilité

� Tous les chefs et directeurs de projets


Connaissances requises

• Avoir suivi la formation « WinDev 19, les fondamentaux »

• De bonnes notions en développement informatique


Les autres formations développement sur alphorm


Android avec WinDev Mobile 19


Présentation du projet




Présentation du projet "Gérer Mon Budget"


Plan

• L’objectif du projet

• Les fonctionnalités

• La base de données


Les objectifs

• Cas pratique

• Utilisable au quotidien

• Rendre la formation plus concrète

• Permettre d’appliquer les éléments de la formation


Les fonctionnalités

« Gérer son budget en suivant ses comptes »

� Gestion des comptes bancaires

• Fiche d’un compte, liste des comptes

� Gestion des mouvements bancaires

• Création d’un débit (dépense), d’un crédit (revenu)


• Création d’un débit (dépense), d’un crédit (revenu)

� Calcul des soldes et statistiques

� Gestion du paramétrage

• Catégories, options

La base de données


Ce qu’on a couvert

• La présentation de notre projet « Gérer Mon Budget » qui va nous suivre tout au long de la formation


Configurer l’environnement

La configuration et la compilation



Configurer l’environnement


Plan

• Installation du SDK Android de Google

• Installation du JDK


SDK Android

� http://developer.android.com/sdk/index.html

� SDK en version >= 1.5

� Installer la version 32 bits (même sur un système 64 bits)

� Sdk-tool en version 21 : Optimisation de la compilation


JDK

� http://www.oracle.com/technetwork/java/javase/downloads/index.html

� Pour compiler les fichiers Java générés

� JDK en version >= 5



• L’installation des dépendances pour développer une application Android


La compilation




La compilation


Plan

• Création du projet « Gérer Mon Budget »

� La configuration, la détection automatique

• Les options de compilation

� Les bibliothèques HFSQL

Les permissions


� Les permissions

� L’emplacement du programme

Création du projet Android


La compilation


Permissions de l’applicationLors de la génération, Windev mobile détermine automatiquement les permissions nécessaires en fonction du code et des champs utilisés

Extraits des permissions (plus d’une 100ènes) :

ACCESS_WIFI_STATE Permet aux applications d'accéder à des informations concernant les réseaux Wi-Fi.

ACCOUNT_MANAGER Permet aux applications d'appeler AccountAuthenticators.

AUTHENTICATE_ACCOUNTS Permet à une application d'agir en tant que AccountAuthenticator pour AccountManager.

BATTERY_STATS Permet à une application de collecter des statistiques concernant l'alimentation.

BLUETOOTH Permet aux applications de se connecter à des services bluetooth appariés


BLUETOOTH Permet aux applications de se connecter à des services bluetooth appariés

BLUETOOTH_ADMIN Permet aux applications de découvrir et d'apparier des périphériques bluetooth.

…

SIGNAL_PERSISTENT_PROCESSES Permet à une application de demander qu'un signal soit envoyé à tous les processus persistants.

STATUS_BAR Permet à une application d'ouvrir, de fermer ou de désactiver la barre d'état et ses icônes.

USE_SIP Permet à une application d'utiliser un service SIP.

VIBRATE Permet d'accéder à la fonction vibreur.

WRITE_APN_SETTINGS Permet aux applications d'écrire les paramètres apn.

WRITE_CALENDAR Permet à une application d'écrire (sans lire) les données du calendrier de l'utilisateur.

WRITE_CONTACTS Permet à une application d'écrire (sans lire) les données des contacts de l'utilisateur..

WRITE_GSERVICES Permet à une application de modifier le service de localisation Google.


• La création d’un projet mobile pour Android

• La compilation du projet


Dans les entrailles




Dans les entrailles de la compilation


Plan

• Comprendre le passage du Wlangage au Java

• Le Framework Android de PCSOFT


La génération du java



• La compréhension de la génération d’un projet Android avec WinDev mobile


SQLite

La base de données



SQLite


Plan

• Qu’est-ce que SQLite ?

• SQLite avec WinDev Mobile


SQLite

SQLite est un système de "base de données embarquée » open source

• Moteur léger (<300 Ko) et facile à mettre en place

• Pour smartphone, application Windows, ou un serveur web.

• Plus simple et plus rapide qu'une base XML ou binaire

• La base est un fichier unique (En général .db)


• La base est un fichier unique (En général .db)

• Version 3 : Auto-incrément, clés étrangère

• Site Officiel : https://www.sqlite.org

• SQLite2009 pro : http://osenxpsuite.net/download.htm

• Outils SQLite sur Google play


• L’utilisation d’une base SQLite avec windev mobile


HFSQL Locale et C/S

La base de données



HFSQL Locale et C/S


Plan

• Utilisation d’une base HFSQL

� Gestion des pertes de connexion

• Limitations

• Modélisation de la base « Mon Budget »


HFSQL sur android


Intégrer les librairies HFSQL

Les fichiers HF sur Android

Les limitations

• Gestion automatique des erreurs HFSQL non disponible

• HSurErreur, Hreconnecte ne sont pas non disponibles

• D’autres fonctions HF ne sont pas disponibles :

� HExécuteProcédure, gestion des utilisateurs etc…


• HSQL est disponible sur les versions d’Android > 3.2


• L’utilisation d’une base HFSQL sur windev mobile Android


Réplication entre

La base de données



Réplication entre deux bases HFSQL


Plan

• Installation du serveur de réplication

• Définition de la réplication

• Gérer la synchronisation


Installer le serveur de réplication<Rep_Installation_WM19>\Install\WDServeurR\WX190PACKRSRV.exe



• La réplication des données entre WinDev Mobile et WinDev


Accès à une base

La base de données



Accès à une base via un webservice


Plan

• Installer le Webservice d'accès aux bases tierces

• Installer les fichiers nécessaires à l'accès aux bases de données

• Utiliser les fonctions SQL pour manipuler la base de données


Installer le webservice<Rep_Installation_WM19>\Install\WDServeurR\WX190PACKRSRV.exe


Manipuler les données

• SQLConnecteWS pour se connecter

• Utilisez toutes les fonctions SQL du WLangage

• Les fonctions SQLBloque et SQLTransaction ne sont pas disponibles.



• L’accès à n’importe quel type de base via un webservice


Les ancrages

L’interface Homme-machine



Les ancrages


Plan

• L’intérêt des ancrages

• Les différents types d’ancrages

• Les agencements


Pourquoi des ancrages ?• Une multitude de périphériques Android

• Téléphone, tablette

• Différentes résolutions

• Mode portrait, paysage

• La taille d’un champ est différente selon la résolution afin de conserver l’aspect visuel


résolution afin de conserver l’aspect visuel

� La taille de votre application doit s’adapter à la résolution du périphérique. Les champs doivent s’agrandir ou se réduire, la fenêtre doit suivre l’orientation etc…

Sans ancrage Avec ancrage

Pourquoi des ancrages ?


Portraitvers Paysage

Les différents types d’ancrage• Propriété des champs

• Propriété de la fenêtre

• Par programmation

� Ancrage

� TauxAncrageBas


� TauxAncrageBas

� TauxAncrageDroite

� TauxAncrageLargeur

� TauxAncrageHauteur


• L’intérêt des ancrages

• La mise en application des ancrages dans une application Android


Le champ zone

L’interface Homme-Machine



Le champ zone répétée


Plan

• Les différents types de zones répétées

• La notion d’attribut

• La programmation


Les différents types de zones répétées

• Zone répétée horizontale ou verticale

• Mémoire : Données défini par programmation

• Fichier : Données provenant d’un fichier/requête


• Fichier : Données provenant d’un fichier/requête


• Les zones répétées et leurs utilisations dans notre application « Gérer Mon Budget »


Le champ Action Bar




Le champ Action Bar


Plan

• Présentation du champ et de ses possibilités

• Programmation du champ


Le champ ActionBar


Le champ ActionBar

• Bouton gauche

� Bouton sur la barre

• Vues/Barre de thèmes

� Equivalent aux onglets, cependant les champs sont créés et détruits selon le volet actif


volet actif

• Options de la barre d'outils

� Affiche un menu déroulant

� Options directement sur l’action barre


• L’utilisation et la programmation de l’Action Bar

• La mise en pratique dans le projet « Gérer Mon Budget »

• Les équivalents avec la configuration iOS


Le champ graphe




Le champ graphe


Plan

• Les possibilités du champ pour Android

• Le binding

• La manipulation du champ par programmation

• Les fonctions graphe


Le champ*

WinDev Mobile 19, android alphorm.com™©*Exemple « Android Graphe » - PCSFOT © - Windev mobile 19

Les limites pour Android

• Graphe non disponible

� Les hémicycles, Les histogrammes horizontaux, Nuages de points, Radar, Graphe boursier, Graphe Bulles, Graphe entonnoir, Graphe surface, graphe waterfall,

• Animation 2D non disponible


• FAA non disponible

� Zoom, type de graphe, export…


• L’utilisation du Graphe sur windev mobile

• Les limites sur Android

• La mise en application sur le projet « Gérer Mon budget »


Les fenêtres




Les fenêtres coulissantes


Plan

• Les fenêtres internes

• Mise en œuvre d’une fenêtre coulissante

• L’utilisation dans le code


Les fenêtre coulissantesDéfinition dans les propriété de la fenêtre Liaison avec l’action bar


Effets d’ouverture

L’utilisation dans le code

• FenCoulissanteVisible

• MaFenêtreCoulissanteDroite , MaFenêtreCoulissanteGauche

� Permet de manipuler la fenêtre coulissante depuis la fenêtre en cours



• Utilisation des fenêtres internes

• La mise en œuvre dans notre projet « Gérer Mon budget »


La gesture




La gesture


Plan

• La gesture : Balayage, Multi-touch

• Les champs gérant la gesture automatiquement

• La gesture par programmation


Gesture automatique

Dans un champ image Dans un champ Zone répétée



• Utilisation de la gesture en automatique et par programmation


Les capteurs




Les capteurs


Plan

• Les actions gérées par WinDev mobile

• Leurs utilisations par programmation

• La comparaison avec le Java natif


Les actions gérées

• secousse

• changement d’accélération

• changement d’orientation

• orientation (boussole)


Java natif , attention les secousses ! 1/3

Import des classe du framework Android, la création de la classe

Extrait du blog : http://avianey.blogspot.fr/2010/03/android-accelerometer-sensor-tutorial.html


Démarre l’écoute des secousses



Arrête l’écoute des secousses

Le listener, la méthode sur changement du senseur



La programmation

• CapteurDétecteChangementAccélération

• CapteurDétecteChangementOrientation

• CapteurDétecteDébutSecousses

• CapteurDétecteFinSecousses


• CapteurRécupèreOrientation

• CapteurTermine


• L’utilisation des capteurs sur le smartphone

• La simplicité de mise en œuvre par rapport au java natif


Les widgets




Les widgets


Plan

• Qu’est ce qu’un widget ?

• Leurs utilisations


Qu’est-ce qu’un widget ?

• Contraction entre Windows et Gadget

• Petite application sur l’écran d’accueil

• Contenu mise à jour régulièrement

• Interactions avec l’utilisateur


Son utilisation

• EnModeWidget()

� Code exécuté en Widget Android ?

• WidgetAffiche()

� Forcer le rafraichissement du Widget


• WidgetLanceAppli()

� Lance l’application lié au Widget


• L’utilisation des widgets Android

• Son application dans notre exemple « Gérer Mon Budget »


Le champ carte




Le champ carte


Plan

• Utiliser la librairie Google Maps API v2

� Installation du SDK, Clé API, clé SHA-1

• Son utilisation, sa programmation


Google maps Android API v2


Son utilisation, sa programmation• CarteAffichePosition

• CarteAjouteItinéraire

• CarteAjouteMarqueur

• CarteFinDéplacement

• CarteInfoPosition

• CarteInfoXY


• CarteModifieMarqueur

• CarteRécupèrePosition

• CarteSuitDéplacement

• CarteSupprimeItinéraire

• CarteSupprimeMarqueur

• CarteSupprimeTout


• Configuration et utilisation du champ carte


Le champ publicité




Le champ publicité


Plan

• Google AdMob

• Utiliser le champ publicité dans le projet « Gérer Mon Budget »


Google AdMob



• Monétiser son application grâce au champ publicité


Le champ caméra




Le champ caméra


Plan

• Utiliser le champ Caméra dans le projet « Gérer Mon Budget »

• Gérer les captures


Le champ caméra



• Utiliser le champ caméra sous Android


Les règles de programmation

La programmation



Les règles de programmation sous Android


Plan

• Les éléments non disponibles

• Les particularités

• Les limites

• La charte graphique, les polices de caractères


Les éléments non disponibles

• Composants, état et modèle d’état

• Les champs suivants :

� Table (remplacé par les zones répétés), liste d’images, combo avec table, arbre, séparateur, ascenseur, spin, boite à outils, champ code-barres, champs ActiveX ;)

• Les propriétés des cadres des champs


• Ouvre (fenêtre modale non supporté par Android)

• Gestion du bouton d’accueil

• ThreadArrête()

Les éléments non disponiblesDans les propriétés : Identifiable par les zones « grisées »


Combo sous Android (WM) Combo sous windows (WD)

Les particularités

• Requête paramétré = Tous les paramètres sont obligatoires

• Combo non vide = Sélection obligatoire

• Notification d’inactivité de l’application

� Pour les calculs long , utilisation des threads

• Saisie de code Java Natif (attention aux droits)


• Saisie de code Java Natif (attention aux droits)

• Le type des paramètres des fonctions est ignoré par le compilateur

• Répertoire courant = sous-répertoire « files »

• fRepExe() = /data/data/NomPackage.NomAppli

Les limites

• Base embarquée : SQLite ou HFSQL

• Menus : 1 niveau de sous menu

• Indirection uniquement sur les variables globales

• Système de fichier en lecture seule (sauf répertoire de l’appli et SDCard)


La charte graphique, les polices



• Les particularités pour développer sur Android avec WinDev mobile


La gestion

La programmation



La gestion multi-plateformes


Plan

• Le code cible conditionnel

• Les configurations

• Mes conseils


Le code cible conditionnel


Les configurations

• Une configuration par plateforme


plateforme

• Inclure/Exclure des éléments selon la configuration

Mes conseils

• Natif ou Web ?

• Partir du développement IOS

• Créer une couche de classes multiplateforme

• Plateforme de dev pour les jeux



• Le développement multiplateforme avec WinDev mobile


Simuler, émuler

La programmation



Simuler, émuler et tester


Plan

• Emuler ou simuler ? That is the question…

• Le simulateur sur WinDev mobile

• L’émulateur par AVD Manager

• L’émulateur via Genymotion


• Rappels sur le debugger

Emuler avec AVD


Emuler avec Genymotion



Les différentes possibilités de tester des applications Android


Les notifications

La programmation



Les notifications


Plan

• Dans la barre système

• Les vibrations

• Les Leds

• Les messages furtifs (Toast)


• La notification push

Notification Push

Délivre les


Envoi du message + Ids

Délivre les messages sur les périphériques enregistrés


Les notifications afin d’alerter l’utilisateur


Envoyer des SMS

La programmation



Envoyer des SMS et des mails


Plan

• Les fonctions SMS

• Utilisation dans le projet « Gérer Mon Budget »


Les fonctions SMS

• SMSEnvoie

• SMSLanceAppli

• SMSNbMessage

• SMSPremier

Structure d’un SMS

• DateRéception

• Indice (N° du message)

• Message (160car)


• SMSRaz

• SMSuivant

• SMSSupprime

• Message (160car)

• Numéro (Expéditeur)

• PréfixeNational (33 : France)

• TypeNuméro : smsNuméroInternational ou smsNuméroNational

Envoyer des emails

• EmailLanceAppli()

� Dommage :

� Les fonctions mails ne sont pas disponibles pour Android


� Impossible de vérifier l’envoi d’un email

� Utiliser un webservice ?


L’utilisation de SMS et l’envoi d’un mail


Gérer les coordonnées GPS

La programmation



Gérer les coordonnées GPS


Plan

• Les fonctions GPS

• Mise en œuvre


Les fonctions GPS• géoAzimut *

• géoDistance *

• géoLanceAppli

• géoRécupèreAdresse

• GPSArrêteDétection

• GPSDernièrePosition *

• GPSDétectePosition

Le type « géoPosition »

• Altitude AltitudeValide

• DateMesure (heure locale sur l'appareil)

• Direction (en degrés Est à partir du Nord géographique) DirectionValide


• GPSDétectePosition

• GPSEtat

• GPSInfo

• GPSInitParamètre

• GPSRécupèrePosition *

• GPSSuitDéplacement

• GPSTermine

• Latitude

• Longitude

• Précision (en metre) PrécisionValide

• Vitesse (en mètre/sec) VitesseValide

PositionValide

*Ces fonctions retournent un objet de type géoPosition


L’utilisation du GPS


Scanner

La programmation



Scanner des codes-barres


Plan

• La librairie Zxing

� https://github.com/zxing/zxing

• Utiliser les fonctions du WLangage


Les code-barres

• Code128

• Code39

• Code93

• EAN13

Le type « Codebarres »

• Contenu

• CorrectionErreur

• Options


• EAN8

• QR Code

• UPC-A

• UPC-E

• TypeCodeBarres

• TypeContenu

• cbTypeTexte, cbTypeTéléphone, cbTypeSMS, cbTypeURL, cbTypeMarket, cbTypeWiFi, cbTypeEmail, cbTypeContact, cbTypePosition

• ValeurBrute


Décoder un code barre sous Android


L’achat In-App

La programmation



L’achat In-App


Plan

• Les fonctions In-App

• L’utilisation dans le projet « Gérer Mon Budget »


L’achat In-app

Proposer du contenu payant

Fonctions disponibles sur système Android supérieur à v2.2 (api level 8)

• inAppAchèteProduit

� Envoie d’une demande d’achat (Procédure Callback)


• inAppConsommeProduit

� Pour des extensions consommable

• inAppListeAchat

• inAppListeInfoProduit

� Limité à 20 produits


Proposer du contenu payant à l’utilisateur


Insérer du code Java

La programmation





Plan

• Pourquoi coder en Java dans WinDev mobile ?

• Ecrire une procédure java

• Appeler une procédure WLangage en Java



• Passage des paramètres uniquement par valeur

• Types simples pour les paramètres (entier, chaine…)

• appelProcedureWL[*] : Appeler une procédure WL en Java



Ne pas rester bloqué en utilisant du Java


Installation sur le téléphone

Le déploiement



Installation sur le téléphone ou la tablette Android


Plan

Installer l’application Android :

• Via WinDev mobile

• Via ADB

� http://developer.android.com/tools/help/adb.html


• Par copie

� Copier et installer l’APK sur le device

Installer par copie



• Le déploiement direct sur un device Android


Mise à disposition sur un

Le déploiement



Mise à disposition sur un serveur Web


Plan

• Une URL

� <a href='Chemin du fichier apk'>Texte du lien</a>

� MIME : application/vnd.android.package-archive



• Le déploiement sur un site web


Conclusion

Windev mobile 19, Android



Conclusion


MerciEspérant que cette formation vous a donné l’eau à la bouche

pour passer à WinDev Mobile !


* Source de l’image : http://www.phonandroid.com

Questions ?Nicolas UNGERN-STERNBERG


Contacts :

� Mon profil LinkedIn : http://lnkd.in/jFZV_n

� Site de l’entreprise : http://www.informatiquedes2caps.com

� Mon profil Alphorm : http://www.alphorm.com/auteur/nicolas-ungern-sternberg

� Forum Alphorm : http://www.alphorm.com/forum/

Bilan

• Configurer l’environnement de développement

• Comprendre les principes de fonctionnement de WinDev mobile

• Utiliser des sources de données hétérogènes

• Utiliser les principaux champs


• Développer en multiplateforme

• Programmer, utiliser les outils mobile

• Déployer une application

A bientôt sur les autres formations PCSOFT


alphorm.com formation windev mobile 19, android

Technology