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

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

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

• 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

� 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

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

• 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

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

• 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

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

� Fichiers non persistants

Gestion des répertoires

• fRepdonnées

• fRepEnCours

• fRepDonnéesUtilisateur

• fRepertoireTemp

• 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

• 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

• 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

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

• 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

• 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

Technology

Alphorm.com Formation CEHV9

Auto formation *WinDev

Sommaire - · PDF fileplateforme Alphorm.com propose ... Formation C++ Formation WinDev, les fondamentaux Formation Programmer en Visual Basic.NET Formation JAVA,

TDF Tech 2015 - PCSOFT - Windev, Webdev, Windev Mobile

Alphorm.com Formation WordPress 4

Novidades do Windev, Webdev, Windev Mobile 23

Windev Faa 14

Concepts Windev 20

TDF Tech 2012 - PCSOFT - Windev, Webdev, Windev Mobile

alphorm.com - Formation Powershell 2.0

WINDEV Mobile 25 - Concepts · WINDEV Mobile : Android, iOS, UWP, ... Les applications créées avec WINDEV Mobile peuvent fonctionner sur les plateformes suivantes : Windows Mobile

TinyMCE pour WinDev - dotnuts development · dotnuts development 2017 TinyMCE pour WinDev Le composant WinDev pour éditer vos pages web. Luc ROLLINGER Website :

Alphorm.com formation-GNS3

WINDEV Mobile 25 · MOBILE Smartphone, Tablette, Terminal Android, iOS, Windows CE Windows 10 UWP CODE MULTI-PLATEFORMES : Windows, .Net, Linux, Java, PHP, Internet, Android, UWP,

Alphorm.com Formation Fortinet UTM

Alphorm.com Formation TypeScript

WINDEV 23 - WEBDEV 23 - WINDEV Mobile 23 · WINDEV 23 - WEBDEV 23 - WINDEV Mobile 23 Documentation version 23 - 1 - 1017 Adresse e-mail Support Technique Gratuit : supportgratuit@pcsoft.fr

MENSUEL ANNUEL - support.alphorm.com · Nous sommes disponibles sur +33 (0)1 77 62 45 80 et contact@alphorm.com Applications Mobiles Soyez mobiles en utilisant nos applications iOS

WINDEV Mobile 22 - pcsoft-windev- · PDF fileiOS PLATEFORME INTÉGRÉE DE DÉVELOPPEMENT MOBILE Smartphone, Tablette, Terminal Android, iOS, Windows CE Windows 10

WINDEV Mobile