Alphorm.com Formation Windev Mobile 20 iOS

Présentation de la formation
WinDev Mobile 20
Formation WinDev Mobile 20 iOS alphorm.com™©
Site : http://www.alphorm.com
Blog : http://www.alphorm.com/blog
Forum : http://www.alphorm.com/forum
Patrick Antouly
Formateur, Développeur et Consultant
indépendant
WinDev Mobile 20
pour iOS
Patrick Antouly
patrick@antouly.fr

Plan
• La présentation du formateur
• Le cursus des formations PC Soft
• Le plan de formation
• Le public concernés
• Les prérequis

Présentation du formateur
• Patrick Antouly
• Développeur indépendant
• Chef de projet, expert sur les technologies PC SOFT
• Consultant et formateur indépendant
• Mes références :
Mon profil LinkedIn : http://fr.linkedin.com/in/patrickantouly
Site de l’entreprise : http://www.antouly.fr
Mon profil Alphorm : http://www.alphorm.com/formateur/patrick-antouly

Cursus A.G.L. PCSOFT version 20
Les
fondamentaux
Avancé
Android
iOS / Apple
mobile
Les
fondamentaux
Avancé
Le gestionnaire de
code source
Base HFSQL
Confirmé
Expert
Les nouveautés
de la version 20
Windows CE
mobile
Expert

Le plan de formation
Création d’un logiciel pour gérer son budget
Le projet « Gérer Mon Budget »
Présentation de WINDEV Mobile et iOS
Configurer l'environnement
Démonstration de XCode
La compilation d’une application sur Mac
La base de données
Base de données HFSQL Locale.
Base de données HFSQL C/S.
La programmation
Les règles de programmation sous iOS
Débogage de l’application
Le champ carte.
Gérer les coordonnées GPS.
Consommer un Webservice.
Utilisation de code natif Objective-C.
Envoyer un email.
Écrire et décoder un code-barres et un QR Code.
Prendre des photos.
Base de données HFSQL C/S.
Réplication entre 2 bases HFSQL
Accès à une base via un webservice
L'interface homme-machine
La charte graphique (règles d’IHM sous iOS).
Les ancrages et les agencements
Le champ zone répétée.
Le champ zone multiligne.
Le champ Action Bar / Nav Bar
Les fenêtres coulissantes
Les gestures et le balayage
Dessiner dans l'application (signature).
Prendre des photos.
Les notifications locales
Les notifications push
La gestion multi-plateformes
Le déploiement
Installation de l’application et de ses données.
Les méthodes de déploiement de l’application

Publics concernés
• Tous les développeurs souhaitant développer sur iOS
• Les décideurs ayant des projets en mobilité
• Tous les chefs et directeurs de projets

Connaissances requises
• De bonnes notions en développement
informatique
• Avoir suivi la formation « WinDev 19, les
fondamentaux »
http://www.alphorm.com/formation/formation-
windev-19-les-fondamentaux
windev-19-les-fondamentaux

Les autres formations PC Soft sur Alphorm

Les autres formations dev sur Alphorm

Are you ready ? ☺

Présentation du projet
Présentation de la formation
Patrick Antouly
patrick@antouly.fr
Présentation du projet
"Gérer Mon Budget"

Les objectifs
• Cas pratique
• Utilisable au quotidien
• Rendre la formation plus concrète
• Permettre d’appliquer certains é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)
• Calcul des soldes
• Gestion du paramétrage
Catégories, options

La base de données

Autres exemples
• Différentes pages d’exemples divers
• Intégrées ou pas à l’application Gérer mon budget

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
• Présentation des autres exemples

La configuration et la compilation
Patrick Antouly
indépendant
de développement
Patrick Antouly
patrick@antouly.fr

Plan
• Configuration de la machine de développement sous Windows
• Configuration de la machine de compilation sous Mac
Xcode
WinDev Mobile
iPhone iPad

Configuration de la machine Windows
• Installation de WinDev Mobile 20
• Installation de iTunes
• Création d’un partage sur le dossier Mes Projets Mobile

Configuration du Mac
• Installation de Xcode
• Installation d’iTunes
• Connexion de l’appareil (iPhone ou iPad)

• L’installation des logiciels indispensables pour développer une
application iOS

Utilisation
Patrick Antouly
indépendant
Utilisation
de Xcode
Patrick Antouly
patrick@antouly.fr

Plan
• Compte développeur Apple
• Lancement de Xcode
• Création d’un mini application de démonstration
• Test sur le simulateur

Utilisation de Xcode
Outils
Navigateur Editeur
Débogage

• Utilisation de Xcode
• Création d’un mini projet de test
• Test du projet sur le simulateur

La compilation
Patrick Antouly
indépendant
La compilation
d'une application
Patrick Antouly
patrick@antouly.fr

Plan
• Création du projet « Gérer Mon Budget »
Les options du projet
Création d’une fenêtre de test
• Génération du projet
Options de génération
Options de génération
• Compilation sur le Mac
Test sur le simulateur
Test sur le téléphone

Création d’un projet

• Création d’un projet mobile
• Génération du projet
• Compilation du projet

HFSQL en local
La base de données
Patrick Antouly
indépendant
HFSQL en local
Patrick Antouly
patrick@antouly.fr

Plan
• Présentation et particularités
• Création de la base de données « Gérer mon budget »
• Utilisation des bases locales

La base de données Mon budget

• Création de la base de données
• Création des fichiers physiques
• Emplacement des fichiers dans WinDev Mobile
• Emplacement des fichiers dans le simulateur
• Utilisation en local

HSQL Client/Serveur
La base de données
Patrick Antouly
indépendant
HSQL Client/Serveur
Patrick Antouly
patrick@antouly.fr

Plan
• Création de la base de données sur le serveur HFSQL
• Connexion en WLangage
• Gestion des problèmes de connexion

Centre de contrôle HFSQL

• Utilisation d’une base de données sur un serveur HFSQL C/S
• Connexion à la base en WLangage
• Gestion de la reconnexion en cas d’erreur

La réplication
La base de données
Patrick Antouly
indépendant
La réplication
entre bases HFSQL
Patrick Antouly
patrick@antouly.fr

Plan
• Principes
• Installation du serveur de réplication
• Définition de la réplication
• Gérer la synchronisation

Installation du serveur de réplication

Résumé
• Installer le serveur de réplication
• Créer la base de données sur le serveur HFSQL
• Créer un fichier de données local à partir de celui du serveur HFSQL
• Définir la réplication avec ReplicEdit
• Enregistrer la réplication (fichier wer) sur le serveur de réplication
• Copier le fichier wer dans le répertoire des données de l’application
• Ecrire le code des synchronisation (ReplicOuvre et RéplicSynchronise)

• Principes de fonctionnement
• Installation du serveur de réplication
• Configuration de la réplication

Accès à une base
La base de données
Patrick Antouly
indépendant
Accès à une base
via un webservice
Patrick Antouly
patrick@antouly.fr

Plan
• Principes
• Installer le Webservice d’accès aux bases tierces
• Configurer l’accès à la base de données (ODBC)
• Utiliser les fonctions SQL pour manipuler la base de données

Principes
• Le Webservice tourne sur une version spéciale (réservée) de WebDev
• Le Webservice accède à la base de donnée par accès direct, natif ou
ODBC
• L’application WinDev ou WinDev Mobile accède à la base de données
au travers du Webservice à l’aide de fonctions SQL du WLangage.

Installer le Webservice
• <Rep_Installation_WM20>InstallWDServeurRWX200PACKRSRV.exe

Manipuler les données
• SQLConnecteWS pour se connecter
• Utiliser les fonctions SQL du Wlangage
• Les fonctions SQLBloque et SQLTransaction ne sont pas disponibles

• Installation du serveur d’accès aux bases tierces
• Configuration des bases
• Accès aux bases depuis WinDev Mobile

Les règles d’IHM
L’interface homme-machine
Patrick Antouly
indépendant
Les règles d’IHM
sous iOS
Patrick Antouly
patrick@antouly.fr

Plan
• Conseils d’Apple
• Ergonomie générale
• Eléments WinDev Mobile correspondants

Conseils Apple
• Conseils d’Apple
https://developer.apple.com/library/ios/documentation/UserExperience/Con
ceptual/MobileHIG/

Eléments WinDev Mobile
• Zone répétée
• Zone multiligne
• Action bar
• Barre d’outils
• Barre d’outils
• Fenêtre interne à balayage

Charte graphique et polices

• Revue des règles d’IHM pour iOS
• Description des éléments à utiliser

Les ancrages et les
Patrick Antouly
indépendant
Les ancrages et les
agencements
Patrick Antouly
patrick@antouly.fr

Plan
• L’intérêt des ancrages
• Les différents types d’ancrages
• Les agencements

A quoi servent les ancrages ?
• Adaptation du contenu des
fenêtres selon :
Différents résolutions sur iPhone
Différents résolutions sur iPhone
Résolution des iPads
Mode portrait et paysage

A quoi servent les ancrages ?
En mode portrait En mode paysage sans ancrages En mode paysage avec ancrages

Les différents types d’ancrage
• Propriétés des champs
• Par programmation
• Propriété ..Ancrage
• Propriété ..Ancrage
• ancreBas
• ancreDroite
• ancreLargeur
• ancreHauteur
• ancreHautGauche
• TauxAncrageHauteur
• Etc.

Les agencements

• Les ancrages de champs
• Les agencements de fenêtres

Le champ
Patrick Antouly
indépendant
Le champ
zone répétée
Patrick Antouly
patrick@antouly.fr

Plan
• Description des zones répétées
• La notion d’attribut
• La programmation

Description des 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

Programmation des zones répétées
• ZoneRépétéeAffiche
• ZoneRépétéeAjoute
• ZoneRépétéeInsère
• ZoneRépétéeSelect
• ZoneRépétéeOccurence
• ZoneRépétéeOccurence
• Etc.

• Création d’une zone répétée
• Programmation

Le champ zone
Patrick Antouly
indépendant
Le champ zone
multiligne
Patrick Antouly
patrick@antouly.fr

Plan
• Description de la zone multiligne
• Les différents types de lignes

Description d’une zone multiligne
• Zone multiligne d’action ou de sélection

• Création d’une zone multiligne
• Programmation

Le champ
Patrick Antouly
indépendant
Le champ
Action Bar
Patrick Antouly
patrick@antouly.fr

Plan
• Présentation du champ, de ses options et possibilités
• Programmation du champ

Création et options d’une action bar

• Création d’une action bar
• Description des différentes options
• Programmation

Les fenêtres
Patrick Antouly
indépendant
Les fenêtres
coulissantes
Patrick Antouly
patrick@antouly.fr

Plan
• Les fenêtres internes
• Mise en œuvre d’une fenêtre coulissante

Les fenêtres coulissantes
Définition dans les propriété de la fenêtre Liaison avec l’action bar
Effets d’ouverture

Programmation des fenêtres coulissantes
• FenCoulissanteVisible
• FenTailleUtile
• MaFenêtreCoulissanteDroite , MaFenêtreCoulissanteGauche
Permet de manipuler la fenêtre coulissante depuis la fenêtre en cours

• Création et utilisation des fenêtres internes
• Utilisation dans le projet de démonstration
• Programmation

Gestures et balayage
Patrick Antouly
indépendant
Gestures et balayage
Patrick Antouly
patrick@antouly.fr

Plan
• Description des gestures
• Programmation
• Gestures automatiques sur certains champs
Images et graphes
Zones répétées
• Gestion du balayage dans une fenêtre

Les gestures
Sur un champ image
Sur une zone répétée

Les fenêtres internes
• Zone de balayage
• Programmation :
FIListeAjoute
ChangeFenêtreSource
ChangeFenêtreSource
Etc.

• Description des gestures
• Création de fenêtres internes à balayage
• Programmation

Dessiner dans
Patrick Antouly
indépendant
Dessiner dans
l’application
Patrick Antouly
patrick@antouly.fr

Plan
• Utilisation du champ image pour dessiner
• Création d’une zone de dessin au doigt
• Programmation

• Création d’une zone de dessin sous iOS

Les règles de
La programmation
Patrick Antouly
indépendant
Les règles de
programmation
sous iOS
Patrick Antouly
patrick@antouly.fr

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
• Les champs suivants :
Liste d’images, combo avec table, arbre, séparateur, ascenseur, spin, boite à outils,
champs ActiveX, champ forme, champ caméra, champ publicité
• Les propriétés des cadres des champs
• Ouvre (fenêtres modales non supportées par iOS)
Utiliser OuvreFille ou OuvreFenêtreMobile

Les éléments non disponibles
Dans les propriétés : Identifiables par des zones grisées
Champ Combo sous WinDev MobileChamp Combo sous WinDev

Particularités (1)
• Base de données HFSQL
• Pas d’accents dans les noms de fichiers « externes »
• Pas de fenêtres modales
• OuvreFenêtreMobile ou OuvreFille
• Ascenseurs automatiques dans les fenêtres
• Unicode par défaut
• Exécution : 10 secondes maxi

Particularités (2)
• Gestion des répertoires
Défaut : répertoire Documents
• Gestion de l’orientation
Libre
Bloqué Portrait
Bloqué Portrait
Bloqué Paysage
• Polices Apple

• Les particularités du développement iOS avec WinDev mobile

Débogage
La programmation
Patrick Antouly
indépendant
Débogage
des applications
Patrick Antouly
patrick@antouly.fr

Plan
• Dans le simulateur WinDev Mobile
• Dans le simulateur sous Xcode
• Sur le mobile

Débogage dans WinDev Mobile
• Pas à pas
• Points d’arrêt
• Lecture et modification
des variables
des variables
• Traces

Débogage sous Xcode
• Trace
• dbgSortieStandard
Journal sous XCode
Lecture des dossiers
de l’appareil depuis
XCode

• Différentes méthodes de débogage d’une application iOS

Le champ carte
La programmation
Patrick Antouly
indépendant
Le champ carte
Patrick Antouly
patrick@antouly.fr

Plan
• Description du champ carte
• Utilisation
• Programmation

Le champ carte
• CarteAffichePosition
• CarteAjouteItinéraire
• CarteAjouteMarqueur
• CarteInfoPosition
• CarteInfoXY
• CarteInfoXY
• CarteRécupèrePosition
• CarteSuitDéplacement
• Etc.

• Utilisation du champ carte
• Programmation

Gérer
La programmation
Patrick Antouly
indépendant
Gérer
les coordonnées GPS
Patrick Antouly
patrick@antouly.fr

Plan
• Les différentes fonctions GPS
• Utilisation en programmation

Les fonctions GPS et géographie
• GPSInitParamètre
• GPSEtat
• GPSRécupèrePosition
• GPSDernièrePosition
• géoAzimut
Le type « géoPosition »
• Altitude AltitudeValide
• DateMesure (heure locale sur l'appareil)
• Direction (en degrés Est à partir du Nord géographique)
• géoAzimut
• géoDistance
• géoLanceAppli
• géoRécupèreAdresse
• Etc.
• Direction (en degrés Est à partir du Nord géographique)
DirectionValide
• Latitude
• Longitude
• Précision (en metre) PrécisionValide
• Vitesse (en mètre/sec) VitesseValide

• Utilisation des fonctions GPS

Consommer
La programmation
Patrick Antouly
indépendant
Consommer
un Webservice
Patrick Antouly
patrick@antouly.fr

Plan
• Le principe des Webservices
• Présentation du format XML
• Consommer un Webservice avec WinDev Mobile

Description des Webservices
• Principes
• WSDL

Le format XML

Utilisation des Webservices
• Exemple de récupération de données météo

• Consommation d’un Webservice dans une application iOS

Utilisation du code
La programmation
Patrick Antouly
indépendant
Utilisation du code
natif Objective C
Patrick Antouly
patrick@antouly.fr

Plan
• Pourquoi utiliser du code Objective C dans WinDev mobile ?
• Ecrire une procédure en Objective C
• Appeler des classes Objective C
• Appeler une procédure Wlangage en Objective C

Ecrire une procédure en Objective C
• Passage des paramètres uniquement par valeur
• Types simples pour les paramètres (entier, chaine…)

• Utilisation du code natif Objective C dans WinDev Mobile

Envoyer un email
La programmation
Patrick Antouly
indépendant
Envoyer un email
ou un SMS
Patrick Antouly
patrick@antouly.fr

Plan
• Les fonctions Email…
• Structure Email
• Lancement de l’application email native
• Envoi (limité) de SMS

Envoyer un email sous IOS
• EmailOuvreSession
• EmailEnvoieMessage
• EmailFermeSession

Récupérer les emails sous IOS
• EmailOuvreSession…
• EmailLitPremier
• EmailLitSuivant
• Etc.

Lancer l’application native
• EmailLanceAppli

Envoyer un SMS
• SMSLanceAppli

• Envoyer des emails sous iOS
• Lancer l’application native
• Envoyer des SMS par l’application native

Codes-barres et
La programmation
Patrick Antouly
indépendant
Codes-barres et
QR Codes
Patrick Antouly
patrick@antouly.fr

Plan
• Affichage d’un code-barres ou d’un QR code
• Lecture d’un code-barres ou d’un QR code

Les gestion des code-barres
Types gérés
• Code128
• Code39
• Code93
• EAN13
• EAN8
• PDF417
• UPC-A
• UPC-E
• QR Code

• Création des code-barres
• Lire des code-barres et des QR Codes

Prendre
La programmation
Patrick Antouly
indépendant
Prendre
des photos
Patrick Antouly
patrick@antouly.fr

Plan
• Prendre des photos ou filmer des vidéos
• Accéder à l’album de l’appareil

Programmation
• VidéoLanceAppli
• AlbumSélecteur

• Prendre des photos sous iOS
• Programmation

Les notifications
La programmation
Patrick Antouly
indépendant
Les notifications
locales
Patrick Antouly
patrick@antouly.fr

Plan
• Les vibrations
• Les LEDs
• Les messages furtifs (Toast)
• Les notifications locales
• Les badges

• Notifier l’utilisateur « en local »

Les notifications
La programmation
Patrick Antouly
indépendant
Les notifications
push
Patrick Antouly
patrick@antouly.fr

Plan
• Principe
• Préparation
• Utilisation des exemples

Les notifications push
3) L’App transmet l’id
au serveur
4) Stockage des ids
a) Envoi du message avec les ids
Serveur
APNS
Apple Push
Notification
Services
1) Enregistrement auprès d’APNS
2) APNS renvoie un token (registration id)2) APNS renvoie un token (registration id)
B) Envoi du message aux appareils

Préparation
• Sur le site developer.apple.com
Création du CSR (Certificate Signing Request)
Création de l’App ID
Création du certificat Push

Utilisation des exemples
• Dans le dossier
C:WinDev Mobile
20ExemplesMultiplateformePush Mobile
• Configuration et installation du Web
service
• Configuration et création de l’App de test
• Type Notification
• NotifPushActive
• NotifPushEnvoie
• NotifPushProcédure
• NotifSupprime
• Configuration et création de l’App de test
• Envoi de push avec l’application WinDev
• NotifSupprime
• Etc.

• Principe des notifications push
• Création des certificats
• Utilisation des exemples de test

La gestion
La programmation
Patrick Antouly
indépendant
La gestion
multi-plateforme
Patrick Antouly
patrick@antouly.fr

Plan
• Les configurations de projets
• Le code cible conditionnel
• Les agencements

La gestion des configurations de projets
Inclure ou exclure des éléments
de la configuration
Gestion des configurations

Le code cible conditionnel

• Les configurations de projets
• Le code cible conditionnel
• Les agencements

Installation sur
Le déploiement
Patrick Antouly
indépendant
Installation sur
iPhone ou iPad
Patrick Antouly
patrick@antouly.fr

Plan
• Description des différents répertoires
• iTunes File Sharing

Principaux répertoires
• Documents
Fichiers de données créés par l’utilisateur
• Library
Fichiers de l’application non accessibles à l’utilisateur
• tmp
• tmp
Fichiers non persistants

Gestion des répertoires
• fRepdonnées
• fRepEnCours
• fRepDonnéesUtilisateur
• fRepertoireTemp
• fExtraitRessource
• fExtraitRessource
• Etc.
Sélection du répertoire lors de la
génération du projet XCode

• Gestion des différents répertoires
• Utilisation de iTunes file Sharing

Les différentes méthode
de déploiement
Le déploiement
Patrick Antouly
indépendant
Les différentes méthode
de déploiement
Patrick Antouly
patrick@antouly.fr

Plan
• Présentation des différentes méthodes de déploiement
Via App Store
Via un réseau Ad-Hoc
Via un réseau In-House
• Démo des étapes de déploiement sur l’App Store
• Démo des étapes de déploiement sur l’App Store
• Utilisation d’iTunes Connect

Ad Hoc et In House
• Ad Hoc
Sur le matériel perso
Pour une flotte de 100 appareils maxi
La compilation inclut l'identifiant de l'appareil
Déploiement par email ou serveur
Déploiement par email ou serveur
• In-House
Distribution par serveur Web pour une entreprise
Nécessite de s'inscrire au programme iOS Developer Enterprise
Au delà de 100 appareils

App Store
• Inscription au programme
développeur Apple
• Génération de l’application
• Préparation au déploiement
• Déploiement
• Déploiement

• Les différentes méthodes de déploiement d’une application iOS.

Conclusion
WinDev Mobile 20 iOS
Patrick Antouly
indépendant
Conclusion
Patrick Antouly
patrick@antouly.fr

Des questions ?
Patrick Antouly
• Développeur indépendant
• Chef de projet, expert sur les technologies PC SOFT
Mon profil LinkedIn : http://fr.linkedin.com/in/patrickantouly
Site de l’entreprise : http://www.antouly.fr
Mon profil Alphorm : http://www.alphorm.com/auteur/patrickantouly

Bilan
• Utiliser l’environnement de développement WinDev Mobile
• Utiliser Xcode et ses outils
• Compiler et déployer une application
• Utiliser différentes bases de données
• Utiliser les principaux champs
• Utiliser les principaux champs
• Connaitre les principales fonctions du WLangage
• Développer en multiplateforme
• Installer et déployer les applications

A bientôt sur les autres formations PCSOFT
A bientôt

Alphorm.com Formation Windev Mobile 20 iOS

Contenu connexe

Tendances

En vedette

Similaire à Alphorm.com Formation Windev Mobile 20 iOS

Plus de Alphorm

Alphorm.com Formation Windev Mobile 20 iOS