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.comBlog : http://www.alphorm.com/blogForum : http://www.alphorm.com/forum

Patrick AntoulyFormateur, Développeur et Consultant indépendant

WinDev Mobile 20 pour iOS

Patrick AntoulyFormateur, Développeur et Consultant [email protected]

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

Lesfondamentaux

Avancé

Le gestionnaire de code source

Base HFSQL


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 »

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




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


Configurer l'environnement

La configuration et la compilation




Configurer l'environnement de développement


Plan• Configuration de la machine de développement sous Windows

• Configuration de la machine de compilation sous Mac


Xcode

WinDev MobileiPhone 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)


Ce qu’on a couvert• L’installation des logiciels indispensables pour développer une

application iOS


Utilisation





Utilisation de Xcode


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

Ce qu’on a couvert• Utilisation de Xcode

• Création d’un mini projet de test

• Test du projet sur le simulateur


La compilation





La compilation d'une application


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


Ce qu’on a couvert• Création d’un projet mobile

• Génération du projet

• Compilation du projet


HFSQL en local

La base de données




HFSQL en local


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


Ce qu’on a couvert• 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




HSQL Client/Serveur


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


Ce qu’on a couvert• 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




La réplication entre bases HFSQL


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)

Ce qu’on a couvert• Principes de fonctionnement

• Installation du serveur de réplication

• Configuration de la réplication


Accès à une base

La base de données




Accès à une base via un webservice


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>\Install\WDServeurR\WX200PACKRSRV.exe


Manipuler les données• SQLConnecteWS pour se connecter

• Utiliser les fonctions SQL du Wlangage

• Les fonctions SQLBloque et SQLTransaction ne sont pas disponibles


Ce qu’on a couvert• 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




Les règles d’IHM sous iOS


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/Conceptual/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


Ce qu’on a couvert• Revue des règles d’IHM pour iOS

• Description des éléments à utiliser


Les ancrages et les





Les ancrages et les agencements


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


Ce qu’on a couvert• Les ancrages de champs

• Les agencements de fenêtres


Le champ





Le champ zone répétée


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.

Ce qu’on a couvert• Création d’une zone répétée

• Programmation


Le champ zone





Le champ zone multiligne


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


Ce qu’on a couvert• Création d’une zone multiligne

• Programmation


Le champ





Le champ Action Bar


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

• Programmation du champ


Création et options d’une action bar


Ce qu’on a couvert• Création d’une action bar

• Description des différentes options

• Programmation


Les fenêtres





Les fenêtres coulissantes


Plan• Les fenêtres internes

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



Les fenêtres coulissantesDé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


Ce qu’on a couvert• Création et utilisation des fenêtres internes

• Utilisation dans le projet de démonstration

• Programmation


Gestures et balayage





Gestures et balayage


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.

Ce qu’on a couvert• Description des gestures

• Création de fenêtres internes à balayage

• Programmation


Dessiner dans





Dessiner dans l’application


Plan• Utilisation du champ image pour dessiner

• Création d’une zone de dessin au doigt

• Programmation


Ce qu’on a couvert• Création d’une zone de dessin sous iOS


Les règles de

La programmation




Les règles de programmation

sous iOS


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 disponiblesDans 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

Charte graphique et polices


Ce qu’on a couvert• Les particularités du développement iOS avec WinDev mobile


Débogage

La programmation




Débogage des applications


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

Ce qu’on a couvert• Différentes méthodes de débogage d’une application iOS


Le champ carte

La programmation




Le champ carte


Plan• Description du champ carte

• Utilisation

• Programmation


Le champ carte

• CarteAffichePosition

• CarteAjouteItinéraire

• CarteAjouteMarqueur

• CarteInfoPosition

• CarteInfoXY


• CarteInfoXY

• CarteRécupèrePosition

• CarteSuitDéplacement

• Etc.

Ce qu’on a couvert• Utilisation du champ carte

• Programmation


Gérer

La programmation




Gérer les coordonnées GPS


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

Ce qu’on a couvert• Utilisation des fonctions GPS


Consommer

La programmation




Consommer un Webservice


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


Ce qu’on a couvert• Consommation d’un Webservice dans une application iOS


Utilisation du code

La programmation




Utilisation du code natif Objective C


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…)


Ce qu’on a couvert• Utilisation du code natif Objective C dans WinDev Mobile


Envoyer un email

La programmation




Envoyer un email ou un SMS


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


Ce qu’on a couvert• Envoyer des emails sous iOS

• Lancer l’application native

• Envoyer des SMS par l’application native


Codes-barres et

La programmation




Codes-barres et QR Codes


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-barresTypes gérés

• Code128

• Code39

• Code93

• EAN13


• EAN8

• PDF417

• UPC-A

• UPC-E

• QR Code

Ce qu’on a couvert• Création des code-barres

• Lire des code-barres et des QR Codes


Prendre

La programmation




Prendre des photos


Plan• Prendre des photos ou filmer des vidéos

• Accéder à l’album de l’appareil



Programmation

• VidéoLanceAppli

• AlbumSélecteur


Ce qu’on a couvert• Prendre des photos sous iOS

• Programmation


Les notifications

La programmation




Les notifications locales


Plan• Les vibrations

• Les LEDs

• Les messages furtifs (Toast)

• Les notifications locales


• Les badges

Ce qu’on a couvert• Notifier l’utilisateur « en local »


Les notifications

La programmation




Les notifications push


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 20\Exemples\Multiplateforme\Push 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.

Ce qu’on a couvert• Principe des notifications push

• Création des certificats

• Utilisation des exemples de test


La gestion

La programmation




La gestion multi-plateforme


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 agencements


Ce qu’on a couvert• Les configurations de projets

• Le code cible conditionnel

• Les agencements


Installation sur

Le déploiement




Installation sur iPhone ou iPad


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

Ce qu’on a couvert• Gestion des différents répertoires

• Utilisation de iTunes file Sharing


Les différentes méthode de déploiement

Le déploiement




Les différentes méthode de déploiement


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

Ce qu’on a couvert• Les différentes méthodes de déploiement d’une application iOS.


Conclusion

WinDev Mobile 20 iOS




Conclusion


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


Technology

Alphorm.com Formation Windev Mobile 20 iOS