Autoformation Windev Mobile Express 15

Auto-Formation

GAF Mobile.BOOK Page 1 Mardi, 8. juin 2010 7:00 19

WinDev Mobile 15Documentation version 15 Express (1) - 0610

Version dvaluation

Diffusion interdite sans laccord crit de PC SOFT

Visitez rgulirement le site www.pcsoft.fr, espace actualits pour vrifier si des mises jour sont proposes.

Adresse e-mail Support Technique Gratuit : [email protected]

Conseil : Pour recevoir directement des mises jour intermdiaires et des conseils dutilisation, abonnez-vous la LST (revue trimestrielle + CD), en franais.

Cette documentation nest pas contractuelle. PC SOFT se rserve le droit de modifier ou de supprimer toutsujet trait dans ce document.

Tous les noms de produits ou autres marques cits dans cet ouvrage sont des marques dposes par leurs propritaires respectifs. PC SOFT 2010 : Aucune reproduction intgrale ou partielle du prsent ouvrage sur quelque support que ce soit ne peut tre effectue sans lautorisation expresse de PC SOFT.


So

mm

air

e

3

(c) PC SOFT - www.pcsoft.fr - Version Express - Diffusion interdite

SOMMAIRE

Licence dutilisationLicence du logiciel en version "Express" ..............................................................................................................9

IntroductionPrliminaires ........................................................................................................................................................ 12Prsentation du cours dauto-formation ........................................................................................................... 12Comment accder l'aide en ligne ? ................................................................................................................ 13Lgende des symboles ........................................................................................................................................ 13Si vous connaissez WinDev Mobile 14 ... .......................................................................................................... 14Que fait-on avec WinDev Mobile ? ..................................................................................................................... 14

PARTIE 1 - A LA DCOUVERTE DE WINDEV MOBILE 15

Avant de commencer ...WinDev Mobile : quoi a sert? ........................................................................................................................ 18Lancement de WinDev Mobile ........................................................................................................................... 19Environnement du cours dauto-formation ....................................................................................................... 20Survol de WinDev Mobile .................................................................................................................................... 21

Lenvironnement de WinDev Mobile .....................................................................................................22Lditeur de fentres ..............................................................................................................................24Lditeur de code....................................................................................................................................25Lditeur danalyses ...............................................................................................................................28Lditeur de requtes .............................................................................................................................29Lditeur dtats......................................................................................................................................30Lditeur dinstallation............................................................................................................................30En conclusion..........................................................................................................................................31

PARTIE 2 - PREMIRES APPLICATIONS

Leon 2.1. Votre 1re applicationPassons maintenant aux choses srieuses ! .................................................................................................... 36

Lancement de WinDev Mobile...............................................................................................................36Comment crer un projet ?....................................................................................................................37Crez votre premire fentre.................................................................................................................40Crez les champs prsents dans la fentre .........................................................................................43

Test dune fentre WinDev Mobile ..................................................................................................................... 48Test en mode simulation........................................................................................................................48Test et dbogage sur le Pocket PC........................................................................................................50Test direct sur le Pocket PC...................................................................................................................52

Caractristiques dune fentre WinDev Mobile ................................................................................................ 53Changement du type de la fentre........................................................................................................54Traitement spcifique lors de la fermeture de la fentre....................................................................54


4S

om

mair

e


Cration du programme excutable .................................................................................................................. 55Crez le programme excutable............................................................................................................55Testez directement lexcutable sur le Pocket PC connect au poste de dveloppement ..............57

La diffusion de lapplication ............................................................................................................................... 57

Leon 2.2. Application sur SmartphonePrsentation ......................................................................................................................................................... 60Comment manipuler un SMS ? .......................................................................................................................... 60Cration de lapplication ..................................................................................................................................... 61

Cration du projet...................................................................................................................................61Cration de la fentre denvoi des SMS ...............................................................................................62Cration des champs prsents dans la fentre ...................................................................................63Cration de la fentre de lecture des SMS...........................................................................................67Cration des champs prsents dans la fentre ...................................................................................67Cration de la fentre de slection.......................................................................................................70Crez les champs prsents dans la fentre .........................................................................................70

Test de cette application ..................................................................................................................................... 71Amlioration de lapplication : gestion de la carte SIM ................................................................................... 73

Ajout des lments ncessaires............................................................................................................73Test de la gestion de la carte SIM.........................................................................................................76

Cration du programme excutable et diffusion de lapplication .................................................................. 76

PARTIE 3 - BASES DE DONNES

Leon 3.1. IntroductionFormat des bases de donnes ........................................................................................................................... 80

HyperFileSQL Mobile ..............................................................................................................................80CEDB........................................................................................................................................................81Oracle Lite, SQL Server CE et AS/400 ..................................................................................................82

Leon 3.2. Fichiers HyperFileSQL MobilePrsentation ......................................................................................................................................................... 84Gnration dune application complte ............................................................................................................ 84Gestion des fichiers de donnes ........................................................................................................................ 86

Fichiers de donnes gnrs.................................................................................................................86Copie des fichiers de donnes ..............................................................................................................86Synchronisation des fichiers de donnes.............................................................................................86WDMap et Pocket Map ..........................................................................................................................87

Leon 3.3. Fichiers CEDBPrsentation ......................................................................................................................................................... 89Manipuler un enregistrement ............................................................................................................................. 89

Ajouter un enregistrement .....................................................................................................................90Modifier un enregistrement ...................................................................................................................90Supprimer un enregistrement ...............................................................................................................91

Parcourir un fichier .............................................................................................................................................. 92Rechercher un enregistrement .......................................................................................................................... 92


So

mm

air

e

5


Visualiser les enregistrements ........................................................................................................................... 93Visualisation des rubriques dun enregistrement (Mode Fiche) .........................................................93Visualisation de lensemble des enregistrements (Mode Table) ........................................................94

PARTIE 4 - SPCIFICITS DU POCKET PC

Leon 4.1. Formats SpcifiquesGestion des chanes de caractres ..................................................................................................................100

Quest-ce-que le format UNICODE ? ................................................................................................... 100Quest-ce-que le format ANSI ?........................................................................................................... 100Utiliser des chanes de caractres au format UNICODE sous Pocket PC........................................ 100Fonctions AnsiVersUnicode et UnicodeVersAnsi............................................................................... 100Le type "Buffer" .................................................................................................................................... 101Manipulation de fichiers externes...................................................................................................... 101Transmission entre deux postes utilisant des formats de chanes de caractres diffrents........ 102

Gestion des rpertoires sous Windows pour Pocket PC ................................................................................102Manipuler un fichier par programmation........................................................................................... 102Rpertoire en cours............................................................................................................................. 103Slecteur de fichiers............................................................................................................................ 103Carte dextension mmoire (storage card) ........................................................................................ 107

Espace mmoire et vitesse du Pocket PC ......................................................................................................108Plateforme sur laquelle le projet est excut .................................................................................................108

Leon 4.2. Interactions dapplicationsPartage de donnes entre deux applications .................................................................................................110

Manipulation des mmes fichiers de donnes................................................................................. 111Copie des fichiers de donnes sur le Pocket PC............................................................................... 112

Accder au Pocket PC .......................................................................................................................................112

Leon 4.3. Partage dlments WinDevImportation dune fentre WinDev standard ..................................................................................................115

Comment importer une fentre WinDev ?......................................................................................... 115Oprations effectues lors de limportation...................................................................................... 116

Partager du code ...............................................................................................................................................116Saisie de code multi-produits ............................................................................................................. 117Fonction EnModePocket ..................................................................................................................... 117

Leon 4.4. Mode de saisieSaisie dinformations sur un Pocket PC ..........................................................................................................119Saisie dinformations sur un Smartphone ......................................................................................................120

PARTIE 5 - COMMUNICATION

Leon 5.1. IntroductionCommuniquez avec WinDev Mobile ................................................................................................................124Transfert de fichiers par FTP .............................................................................................................................124


6S

om

mair

e


Accs distant (RPC sur HyperFileSQL Mobile) ................................................................................................125Gestion des sockets ..........................................................................................................................................125Services Web (SOAP, J2EE, .NET) .....................................................................................................................126SMS .....................................................................................................................................................................127Rcapitulatif .......................................................................................................................................................127

Leon 5.2. Gestion des emailsPrsentation .......................................................................................................................................................129Gestion des emails grce au protocole POP3/SMTP ....................................................................................129Gestion des emails grce "CEMAPI" ............................................................................................................130

Compte utilisateur ............................................................................................................................... 130

PARTIE 6 - COMMENT LE FAIRE ?

Champs, fentres ...............................................................................................................................................136Comment changer le type dune fentre ? ........................................................................................ 136Comment modifier le type du bouton "OK/Fermer" affich dans la barre de titre ?...................... 136Comment afficher le clavier sur le Pocket PC ? ................................................................................ 137Comment afficher lensemble des menus droulants dune fentre ?........................................... 137Comment dupliquer un champ dans une fentre par programmation ? ........................................ 137Comment supprimer un champ dans une fentre par programmation ?....................................... 137Comment grer les plans dune fentre ? ......................................................................................... 137Comment rendre un bouton invisible ?.............................................................................................. 138Comment modifier la couleur dun libell ?....................................................................................... 138Comment afficher la progression dun traitement ?......................................................................... 139Comment lier une fentre une option de mon menu principal ?.................................................. 140Comment crer un menu contextuel ? .............................................................................................. 140Comment passer des paramtres une fentre ?........................................................................... 140Comment transformer un champ interrupteur en un champ slecteur ?....................................... 141Comment rcuprer des paramtres passs en ligne de commande un excutable ? ............. 141Comment regrouper des champs pour modifier leurs proprits par programmation ?............... 141Comment aligner des champs ?......................................................................................................... 142Comment mettre des boutons la mme taille ?............................................................................. 143Comment ajouter une image en fond dans une fentre ? ............................................................... 143

Environnement ...................................................................................................................................................143Comment faire disparatre ou apparatre les volets ? ...................................................................... 143Comment visualiser llment auquel appartient le traitement en cours ?.................................... 143Comment imprimer le code source ?................................................................................................. 143Comment imprimer le dossier danalyse ?........................................................................................ 144Comment imprimer le dossier complet de mon projet ?.................................................................. 144Comment crer un gabarit ?............................................................................................................... 144Comment rechercher et/ou remplacer une variable dans le code ? .............................................. 144Comment connatre la liste des lments de mon projet ? ............................................................. 145Comment visualiser et changer lordre de navigation des champs dans une fentre ?................ 145Comment rtablir ou annuler laperu automatique des donnes (Live data) ?............................ 145Comment ajouter une langue mon projet ? ................................................................................... 145Comment modifier les options de WinDev Mobile ?......................................................................... 145

Divers ..................................................................................................................................................................146Comment faire une "hard copy" ?....................................................................................................... 146


So

mm

air

e

7


Comment lire et crire dans un fichier INI ?...................................................................................... 146Quels sont les formats dimage grs par WinDev Mobile ?............................................................ 146Je souhaite compresser des donnes, est-ce possible avec WinDev Mobile ? .............................. 146Comment lire et crire dans la base de registres ? .......................................................................... 147Comment dsinstaller une application ralise avec WinDev Mobile ? ......................................... 147Comment crer un excutable ? ........................................................................................................ 147Comment installer une application ? ................................................................................................. 148Comment associer une icne mon excutable ?........................................................................... 148Comment dtecter les lments non utiliss par mon application ?.............................................. 148

Gestion des fichiers et des disques .................................................................................................................149Comment grer les fichiers sur le Pocket PC partir dune application WinDev standard ?........ 149Comment lister tous les fichiers dun rpertoire ?............................................................................ 149Comment faire une copie de fichiers ?.............................................................................................. 149Comment crer un rpertoire ? .......................................................................................................... 150Comment lire un fichier texte ? .......................................................................................................... 150

Tables ..................................................................................................................................................................151Comment modifier la cl de parcours dune table relie un fichier ? .......................................... 151Comment modifier la rubrique mmorise dune table relie un fichier ?.................................. 151

HyperFileSQL Mobile .........................................................................................................................................152Est-ce-que les formats des fichiers HyperFileSQL et HyperFileSQL Mobile sont compatibles ? ... 152Comment dsactiver une contrainte dintgrit ?............................................................................. 152Comment grer la valeur NULL ?........................................................................................................ 152Comment grer une erreur de doublons lors dune criture dans un fichier ? .............................. 153Comment grer une erreur dintgrit lors dune criture ou dune suppression dans un fichier ?....

153Comment remplir un champ Arbre partir dun fichier ?................................................................. 154Comment grer une cl compose lors dune recherche ? ............................................................. 154

Requtes .............................................................................................................................................................155Comment optimiser la vitesse dexcution dune requte ?............................................................ 155Comment ajouter ou modifier une condition dans une requte ?................................................... 155Comment ajouter ou modifier un tri dans une requte ?................................................................. 155

Impression ..........................................................................................................................................................156Comment imprimer partir dune application WinDev Mobile ?..................................................... 156Quest-ce-que la norme PCL ?............................................................................................................. 156Pourquoi la police de la page imprime ne correspond pas celle de mon tat ? ....................... 156

Ports ....................................................................................................................................................................156Comment lire un code-barres ? .......................................................................................................... 156Comment lire les donnes envoyes par un lecteur de carte magntique ? ................................. 157Comment grer un port srie ?........................................................................................................... 157Comment grer un port parallle ? .................................................................................................... 157Comment grer un port infrarouge ? ................................................................................................. 157

Conclusion

Annexes


8S

om

mair

e



In

trod

ucti

on

9


LICENCE DUTILISATION

Licence du logiciel en version "Express"

Attention : En installant et en utilisant un logiciel WINDEV Mobile version Express vous avezaccept les termes de la licence suivante : Le LOGICIEL dsigne le droit d'utilisation du logiciel WinDev Mobile, dans cette version de dmons-tration (appele galement Version Express, Version d'valuation ou Version limite). L'EVALUATEUR reprsente la personne (physique ou morale) installant et / ou utilisant le logiciel.

1. Version Express Ce LOGICIEL est propos ici dans une version de "dmonstration". Cette version de dmonstration est exclusivement destine au test de ses fonctionnalits, et/ou une utilisation par des tudiants d'un tablissement reconnu par l'Etat pendant la dure de leurstudes, en dehors de toute utilisation commerciale, partielle ou totale. De nombreuses fonctionnalits sont brides, limites ou diffrentes de la version "commerciale". Pour crer des applications destines tre utilises, il est ncessaire d'acqurir et d'utiliser uneversion "commerciale" et non cette version de dmonstration et de test. Il est strictement interdit de crer en totalit ou en partie une ou des applications dans un autrebut que le TEST du LOGICIEL ou la ralisation de Travaux Pratiques dans le cadre d'tudes. . L'utilisation des applications cres dans un but autre que le test de courte dure est interdite. Toute utilisation autre que l'essai du logiciel, et/ou une utilisation pour une dure suprieure celle autorise, constitue une utilisation illgale qui donnera lieu des poursuites. Il est interdit de dupliquer et diffuser ce logiciel, mme dans cette version de dmonstration, sansl'accord crit de PC SOFT.

2. LicenceCe LOGICIEL doit tre utilis sur une et une seule machine par une et une seule personne uninstant donn. Le LOGICIEL est dclar utilis ds qu'il se trouve en "mmoire centrale" (gale-ment appele RAM) d'un ordinateur. Ce LOGICIEL ne peut tre utilis que pour la dure autorise.

3. Proprit du logicielCe logiciel est la proprit de PC SOFT. L'EVALUATEUR a simplement le droit d'utiliser ce LOGICIELselon les conditions dfinies.

4. DocumentationLa duplication de la documentation, en totalit ou en partie, est strictement interdite.


10In

trod

ucti

on


5. UtilisationL'EVALUATEUR doit utiliser le LOGICIEL pour l'usage pour lequel il est diffus. Il est interdit demodifier ou tenter de modifier ce LOGICIEL, de dsassembler ou tenter de dsassembler ce LOGI-CIEL. Il est interdit d'enlever ou de tenter d'enlever les mentions de copyright pouvant apparatreet/ou tant contenues dans le LOGICIEL. La location ou le prt de ce LOGICIEL est interdit. Il est interdit d'utiliser WinDev Mobile "Express" pour crer et diffuser tout ou partie d'outil dedveloppement, de LOGICIEL de cration d'applications, de gnrateur de programmes, ou detout LOGICIEL de mme nature que WinDev Mobile lui-mme. Interrogez-nous en cas de doute.

6. Absence de responsabilitsLe LOGICIEL et la documentation qui l'accompagne sont fournis en l'tat, SANS AUCUNE GARAN-TIE D'AUCUNE SORTE. PC SOFT ne saurait tre tenu pour responsable pour tout dommage de quel-que nature que ce soit, et en particulier en cas de perte ou dtrioration des donnes, en cas deperte financire, en cas de perte d'exploitation, en cas de divergence des informations contenuesdans la documentation avec le comportement du LOGICIEL, en cas de comportement du LOGICIELdiffrent de celui attendu. L'EVALUATEUR est seul et unique responsable du fonctionnement et dusupport des programmes qu'il aura ralis avec le LOGICIEL.

7. Cas particuliers

7.1 Composant TomTom Si le LOGICIEL est accompagn du composant TomTom, il est prcis que la socit TomTomdtient les droits du logiciel TomTom. Le composant TomTom peut tre utilis uniquement avecune licence valide du Navigateur TomTom.

7.2 Fonctionnalits lies des servicesAvertissement : avant d'utiliser une fonctionnalit relie des services ou des applications, et enparticulier Google, nous vous conseillons vivement de vous reporter la licence d'utilisation dece service ou de cette application. Certaines restrictions peuvent s'appliquer. Le contenu deslicences peut varier avec le temps.PC SOFT dgage toute responsabilit de l'usage qui peut tre fait des fonctions d'accs natif. Ilvous appartient de vrifier que l'usage que vous faites respecte la licence du fournisseur du ser-vice.


In

trod

ucti

on

11


Acceptation de la licence : Le fait de conserver et d'utiliser ce logiciel indique la comprhension et l'acceptation des termesde cette licence. Ce contrat ne peut pas tre modifi, sauf par un courrier original paraph de la direction gnralede PC SOFT. Ce contrat de licence est rgi par le droit franais; tout litige qui pourrait en rsulter sera de lacomptence exclusive des tribunaux du sige social de PC SOFT.

PC SOFT, 3, rue de Puech Villa BP 44 408 34197 Montpellier Cedex 5France


12In

trod

ucti

on


INTRODUCTION

Prliminaires

Attention : Ce manuel est un cours d'auto-formation. Il est conseill de consulter laide en lignelorsque vous utilisez WinDev Mobile.Le manuel du cours d'auto-formation a pour objectif de vous faire dcouvrir WinDev Mobile, devous familiariser avec les diteurs et de vous apprendre les concepts de WinDev Mobile. Cemanuel n'est PAS exhaustif des possibilits de WinDev Mobile.

Ce manuel est destin aux dveloppeurs connaissant dj WinDev standard et sachant manipulerun Pocket PC. Ce manuel prsente uniquement les concepts spcifiques au dveloppement duneapplication pour Pocket PC.Si vous ne connaissez pas WinDev standard, nous vous conseillons de commencer votre appren-tissage par le guide dauto-formation de WinDev standard.Remarque : Pour recevoir le guide dauto-formation de WinDev standard, un simple appel au ser-vice commercial de PC SOFT suffit.Consacrez au moins quelques heures pour suivre ce cours et pour apprendre WinDev Mobile :vous les rentabiliserez vite ! Si vous essayez de dmarrer le dveloppement d'une application sans avoir suivi ce cours, vousperdrez du temps, beaucoup plus que deux jours.

Le cours a t conu pour tre suivi de deux faons : soit vous suivez tous les exercices dtaills dans les leons du cours (mthode conseille). soit, si vous tes press et disposez dune exprience significative, vous pouvez uniquement

le lire sans excuter les exercices, tous les exercices sont illustrs. Toutefois, pour que lesconcepts soient plus rapidement assimils, il est prfrable de suivre les manipulations.

WinDev Mobile voluant en permanence, les copies des fentres illustrant le cours peuvent trediffrentes de celles du produit que vous possdez.

Laspect langage nest quun des nombreux aspects de dveloppement. En prenant en comptetous les aspects du dveloppement, la programmation devient beaucoup plus simple.

Prsentation du cours dauto-formation

Le cours d'auto-formation a t conu pour vous permettre d'apprendre progressivement utiliserWinDev Mobile. En suivant ce cours :

d'une part, vous dcouvrirez les concepts importants expliqus d'une faon informelle; eneffet dans ce cas, il s'agit de concepts acqurir et comprendre.

d'autre part, vous serez amen effectuer des manipulations pour illustrer les concepts quiviennent d'tre expliqus.

Vous disposez en Annexe, page 160, dun glossaire rcapitulant les termes utiliss qui pourraientvous poser des difficults.


In

trod

ucti

on

13


Au fil de la lecture du cours, si vous voulez approfondir un concept ou si vous voulez avoir plus dedtails sur une fonction de programmation, consultez l'aide en ligne (accessible directementdepuis les diteurs ou dans le guide).La taille dune leon nest pas obligatoirement proportionnelle son intrt ...

N'oubliez pas d'tudier ensuite les exemples livrs avec WinDev Mobile : ils sont trsdidactiques !

Comment accder l'aide en ligne ?

1. Sous l'diteur de code, une aide spcifique est directement accessible pour chaque nom de fonction slectionn, grce la touche [F1].

2. Le bouton accessible depuis chaque fentre3. Sous les diteurs, directement par la touche [F1].4. Sous les diteurs, le menu d'aide (symbolis par "?") vous permet d'obtenir le sommaire de l'aide ou de rechercher une information prcise.

Lgende des symboles

Astu

ce

Depuis limpression de ce document, le cours dauto-formation a peut-tre vo-lu. Nhsitez pas consulter la version lectronique du cours dauto-formation(fichier PDF accessible directement par loption de menu "? .. Guide dauto-for-mation .. Guide dauto-formation (PDF)".

Ce symbole indique la dure de la leon et de ses manipulations. Attention, le tempsrel peut varier selon votre exprience

Un exemple est disponible pour complter le cours. Les exemples sont disponiblesdans le volet "Assistants, Exemples et Composants" de WinDev Mobile.

Ce symbole prsente une "Astuce", la lecture du texte associ est vivement conseille.

Ce symbole prsente un "Avertissement", la lecture du texte associ est primordiale.

Ce symbole prsente une "Note", la lecture du texte associ est conseille.

Ce symbole prsente le rsultat dun "Test", la lecture du texte associ est conseille.


14In

trod

ucti

on


Si vous connaissez WinDev Mobile 14 ...

Si vous connaissez dj WinDev Mobile 14, le suivi de ce nouveau cours ne pourra tre quebnfique : ce sera une bonne occasion de "rviser" les possibilits de WinDev Mobile !

Que fait-on avec WinDev Mobile ?

WinDev Mobile est un AGL (Atelier de Gnie Logiciel). Il vous permet de dvelopper des applica-tions dans tous les domaines :

Gestion des stocks Inventaire, traabilit des marchandises Rglage et suivi de machines sur chane de production Prise de commandes pour traitement rapide sur un lieu de vente de passage (foire, cole,

stand, ...) Fiches clients Outil daide la prise de dcision durgence sur tlphone portable Vrification didentit des visiteurs dune manifestation : salon, prsentation de produits, ... Mdecin ou vtrinaire en dplacement Prises dinformations sur un lieu de passage : salon professionnel, rue pour un sondage,

stade, ... Retour de matriel de location encombrant (outils, vhicules, ...) directement sur le parking

WinDev Mobile est un outil de dveloppement complet qui intgre tous les outils ncessaires aucycle de ralisation dune application.Contrairement dautres langages de dveloppement traditionnels, il nest pas ncessaire dechercher et de rajouter des modules pour pouvoir concevoir, tester et installer une application.Le L5G (Langage de 5me Gnration) de WinDev Mobile, le WLangage, vous tonnera par sasimplicit : quelques heures suffisent pour apprhender le langage, une semaine suffit en gnralpour matriser toute sa puissance !Comme il est en franais, le WLangage (disponible galement en anglais) vous fera gagner dutemps !

Remarque : Dans ce livre, le terme "Pocket PC" est utilis pour reprsenter toutes les plateformespossibles dexcution (Pocket PC, Smartphone, Psion, ...). Pour les cas particuliers, le nom de laplateforme concerne est cit explicitement.


PARTIE 1

A la dcouverte de WinDev Mobile


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

17


AVANT DE COMMENCER ...

Ce que vous allez apprendre dans cette leon ...

WinDev Mobile : quoi a sert? Survol des fonctionnalits de WinDev Mobile.

Dure estime : 1h


18P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile


WinDev Mobile : quoi a sert?

WinDev Mobile 15 permet de grer, tape par tape, de la conception la finalisation, le cyclecomplet du dveloppement dune application pour Pocket PC.

WinDev Mobile permet vos quipes de raliser toutes les applications dont vous rvez.Lenvironnement de WinDev Mobile se prsente de la manire suivante :

WinDev Mobile 15 permet de crer des applications qui grent des donnes. Les applications Win-Dev Mobile accdent la plupart des bases de donnes, relationnelles ou non du march. Win-Dev Mobile 15 est livr en standard avec HyperFileSQL Mobile, une puissante base de donnesrelationnelle, dj utilise sur des milliers de sites!

WinDev Mobile 15 propose certainement lenvironnement de travail le plus puissant, le plus facileet le plus intgr du march! Vos quipes creront facilement de superbes applications.Lditeur de fentres de WinDev Mobile 15 est 100% WYSIWYG ("Ce que vous voyez est ce quevous aurez"). Il permet de raliser facilement de superbes fentres relies aux donnes.


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

19


Lancement de WinDev Mobile

Pour cette leon, vous allez effectuer vos premires manipulations (simples, rassurez-vous!) souslenvironnement de WinDev Mobile 15.

4 Lancez WinDev Mobile 15 : soit en cliquant sur licne du bureau :

soit en slectionnant le menu "Dmarrer .. Programmes .. WinDev Mobile 15 .. WinDevMobile 15".

WinDev Mobile est lanc.

Au premier lancement de WinDev Mobile, lassistant suivant saffiche :

Cet assistant permet de paramtrer lenvironnement de WinDev Mobile.


20P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile


Environnement du cours dauto-formation

Pour son utilisation, WinDev Mobile propose un paramtrage de lenvironnement. Plusieursmodes sont votre disposition :Environnement simplifi : Ce mode permet de dcouvrir les principales fonctionnalits de Win-

Dev Mobile.Environnement complet : Ce mode propose toutes les fonctionnalits de WinDev Mobile, y com-

pris les fonctionnalits les plus rcentes.Rcuprer la configuration de votre environnement 12 : Ce mode reprend les fonctionnalits

disponibles en version 12 (si la version 12 est installe sur votre poste).Rcuprer la configuration de votre environnement 14 : Ce mode reprend les fonctionnalits

disponibles en version 14 (si la version 14 est installe sur votre poste).A tout moment, quel que soit le type denvironnement utilis, il est possible dajouter ou de suppri-mer laccs certaines fonctionnalits non utilises.

Pour suivre ce cours dauto-formation, nous vous conseillons de travailler avec un environnementsimplifi. Les fonctionnalits avances seront ajoutes au fur et mesure de lavancement de cecours.

4Pour utiliser lenvironnement simplifi de WinDev Mobile :1. Lancez WinDev Mobile 15.2. Si vous navez jamais lanc WinDev Mobile 15, un assistant de bienvenue se lance. Cet assistant vous permet de choisir votre environnement de travail.

Astu

ceTous les assistants de WinDev Mobile peuvent tre personnaliss. Il est ainsipossible dafficher son image favorite en illustration des fentres dassistant :image fixe, image anime, choisie parmi celles fournies, ou importe par vossoins (vos enfants par exemple).Pour personnaliser les assistants, cliquez avec le bouton droit de la souris surlimage dun assistant et slectionnez limage utiliser.Par exemple :

Pour plus de dtails, consultez laide en ligne (mot-cl : "Assistant").


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

21


3. Slectionnez "Environnement simplifi" et validez.

4 Si WinDev Mobile a dj t lanc sur votre poste, cet assistant de bienvenue napparat pas. Pour vrifier et modifier si ncessaire la configuration de votre environnement, effectuez les oprations suivantes :1. Slectionnez loption "Outils .. Options .. Options de lenvironnement".2. Cliquez sur "Relancer lassistant de configuration de lenvironnement...".3. Slectionnez "Environnement simplifi".4. Validez votre choix.5. Validez les options de lenvironnement.

Voil, WinDev Mobile est configur pour suivre le cours dauto-formation.

Survol de WinDev Mobile

Au premier lancement de WinDev Mobile, aprs avoir configur lenvironnement, cette fentresaffiche :

4 Slectionnez loption "Ouvrir un projet exemple".1. Slectionnez le rpertoire "Mobile Windows\Rservation Plage\Pocket Beach".2. Slectionnez ensuite le fichier "Pocket Beach.WPP".

Remarque : Si WinDev Mobile souvre directement sur un projet existant, slectionnez loption"Fichier .. Ouvrir un projet" dans le menu droulant de WinDev Mobile et slectionnez le projet Poc-ket Beach.WPP situ dans le sous-rpertoire "Exemples\Mobile Windows\Rservation Plage\Poc-ket Beach" du rpertoire dinstallation de WinDev Mobile.


22P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile


3. Validez en cliquant sur le bouton "Ouvrir". Le projet "Pocket Beach" souvre.

Lenvironnement de WinDev MobileLenvironnement de travail WYSIWYG ("Ce que vous voyez est ce que vous aurez") de WinDevMobile 15 amliore la productivit.

Lenvironnement de WinDev Mobile 15 est trs intuitif. Les diffrents volets peuvent tre affichs tout moment grce loption "Affichage .. Barres doutils .. Volets".

Le tableau de bord du projet permet une vision globale et synthtique de ltatdavancement du projet. Il permet galement de lancer les diffrents lments duprojet.

La barre des documents donne la possibilit de r-afficher les lments prcdem-ment ouverts en un seul clic.

Le volet "Assistants, Exemples et Composants" propose un ensemble dlments :composants (lments facilement r-utilisables dans tous vos projets), champs pr-dfinis, exemples, ... Un gain de temps inestimable!

Le volet "Explorateur de projet" liste lensemble des lments du projet : un double-clic sur un lment ouvre cet lment directement dans lditeur appropri. Cevolet permet de raliser des recherches dans le projet.


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

23


4 Le Tableau de bord permet de voir rapidement si des bugs ont t enregistrs sur le projet, si des tests automatiques ont t crs, les possibilits doptimisation du projet. Il est gale-ment possible de rechercher des lments du projet.

4 Vous allez afficher le graphe du projet "Pocket Beach" : dans la partie gauche, cliquez sur longlet vertical "Projet Pocket Beach" ou cliquez sur licne .Le graphe du projet permet de visualiser de manire graphique les enchanements entre les diffrents lments du projet.

4 Vous allez ouvrir une fentre de lexemple "Pocket Beach" : tapez rapidement le nom de la fentre ouvrir : "FEN_Principale". Cette fentre est la premire fentre du projet : cest la premire fentre qui sera affiche lors du dmarrage de lapplication. Cette fentre apparat sur un fond orange dans le graphe du projet.

En ralisant cette manipulation vous avez pu constater quune information est apparue en haut droite du graphe du projet. Lors du survol de cette information, lADD (Aide Au Dveloppement)vous indique une autre possibilit pour ouvrir rapidement vos lments du projet.

Cette AAD vous propose de rechercher des lments par la combinaison de touches [CTRL]+[E]. Il suffit de saisir les lettres contenues dans llment recherch pour que la liste des lmentscorrespondants saffiche :

Not

e

FishEyePour agrandir la partie du graphe du projet survole par le curseur de la souris,

utilisez le FishEye (icne ).


24P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile


4Double-cliquez sur la fentre slectionne pour louvrir. Cette fentre contient plusieurs plans : utilisez les touches [Pg up] [Pg down] de votre clavier pour vous positionner sur le pre-mier plan (le chiffre "1" est affich en haut droite).

Lditeur de fentresLditeur de fentres de WinDev Mobile permet de raliser simplement de superbes fentresrelies aux donnes. La fentre que vous venez douvrir sest affiche sous lditeur de fentresde WinDev Mobile. Vous pouvez observer diffrents champs dans cette fentre.

4Positionnez votre souris dans la fentre, au-dessus dun texte ou dune image. Cliquez avec le bouton gauche de la souris. Le champ est alors slectionn.

Vous pouvez constater que des informations concernant le champ sont affiches dans la barre demessages.

Ces informations correspondent au nom du champ slectionn, sa position, sa taille ainsi que lezoom daffichage actuel sous lditeur de fentres.


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

25


Grce un double-clic sur le champ, vous pouvez accder toutes les caractristiques duchamp : nom, libell, liaison avec un fichier de donnes, ...

Pour fermer la fentre de description, il suffit de valider avec le bouton vert.

4 Slectionnez maintenant le champ "Vrifier" afin de visualiser le code qui lui est associ. Pour cela :1. Cliquez sur le champ "Vrifier". Ce champ se nomme "BTN_Vrifier". 2. Appuyez sur la touche [F2] de votre clavier. Le code associ ce champ saffiche dans ldi-teur de code.

Lditeur de codeLe langage intgr de WinDev Mobile, le WLangage, permet de dcrire tous les traitements dsi-rs. Le WLangage est un L5G (Langage de 5me Gnration) qui simplifie normment la pro-grammation de vos applications Windows.Lditeur de code participe la puissance et la productivit de WinDev Mobile. La saisie du codeest intuitive, rapide et se fait directement dans le champ ou la fentre concerne.

Tous les vnements sont grs : clic, double-clic, touche presse, survol de la souris, ...

Pour un plus grand confort et une meilleure lisibilit, chaque mot est color en fonction de sontype.Par exemple, dans la fentre de code que vous venez douvrir :

Le mot "Sablier" est en bleu : cest une fonction du WLangage. Le mot "COMBO_HEUREDEB" est en cyan : cest un lment du projet. Le mot "Heure" est en vert : cest une variable locale.


26P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile


Vous disposez galement dune assistance la saisie de code : lors de la frappe du nom dunefonction, le type de paramtre attendu par cette fonction est affich dans une bulle daide ainsique dans la barre de messages de WinDev Mobile. La compltion sur les noms des variables oudes fonctions utilises est galement propose lors de la saisie du code.Chaque champ, chaque diteur et chaque fonction ou proprit du WLangage possdent une aideen ligne.

4 Vous allez visualiser laide de la fonction Sablier. Pour cela :1. Positionnez le curseur de la souris sur le nom de la fonction "Sablier".2. Appuyez sur la touche [F1] de votre clavier. Si vous avez accs Internet, laide souvre directement dans votre navigateur.

Not

es

Laide en ligne de WinDev, WebDev et WinDev Mobile est disponible sur Internet.Laide est donc accessible depuis nimporte quel poste disposant dun accsInternet, sans que le produit soit forcment install. Cette aide est mise jourrgulirement. Chaque internaute peut ajouter des commentaires sur les pages dedocumentation : explications personnelles, exemples, liens, ...


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

27


Dans le cas contraire, laide de la fonction saffiche dans un "browser daide" spcifique.

Not

es

Laide en ligne de WinDev Mobile permet de consulter les informations dtaillesconcernant les 2000 fonctions du WLangage. Laide en ligne contient galementlaide des diteurs, des champs, des astuces, ...Laide en ligne est commune WinDev, WebDev et WinDev Mobile. Les pagesaffiches correspondent au produit en cours dutilisation.Pour passer de laide en ligne internet laide en ligne locale :

1. Slectionnez loption "Outils .. Options .. Options gnrales de WinDev Mobile". 2. Dans longlet "Aide", slectionnez le mode daccs la base daide.


28P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile


Lditeur danalysesLanalyse est une phase importante de la description dune application. Lanalyse permet dedcrire la structure des donnes utilises par lapplication.Grce WinDev Mobile, il est facile de dfinir les analyses, sur des donnes nouvelles ou existan-tes. Tout cela se fait de manire trs intuitive.Lditeur danalyses permet de crer votre base de donnes, les fichiers de donnes et lesliaisons entre ces fichiers de donnes.

4 Vous allez ouvrir lanalyse de lexemple "Pocket Beach". Pour cela, slectionnez loption de menu "Projet .. Charger lanalyse". Lditeur danalyses souvre.

Plusieurs fichiers de donnes relis entre eux sont prsents dans lanalyse.

WinDev Mobile 15 permet de crer des applications relies des donnes grce au RAD (RapidApplication Development, option de menu "Atelier .. RAD Application Complte").


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

29


Lditeur de requtesLditeur de requtes permet de crer automatiquement des requtes sur des fichiers de don-nes, aussi bien des requtes simples que complexes. Cela simplifie la programmation : fentres,tables, combos, tats ... pourront sappuyer sur des requtes.

4 Vous allez ouvrir une requte de lexemple "Pocket Beach". Pour cela :1. Affichez le tableau de bord (icne ).2. Dans longlet "Slection rapide" (au milieu droite), saisissez "REQ_VerifLibre".3. La requte "REQ_VerifLibre" est trouve. Double-cliquez sur son nom pour louvrir.Lditeur de requtes saffiche :

Cette requte permet dafficher les emplacements libres.

La source de donnes dune requte peut tre une base HyperFileSQL Mobile ou une basetierce (AS/400 par exemple). Il suffit de choisir les rubriques intgrer, de saisir les conditions de slection laide de lassis-tant de cration de requtes, ... et la requte est automatiquement cre sous vos yeux.Les requtes sont entirement gnres en langage naturel, ce qui affine la comprhension pourdes volutions futures !Il est inutile de connatre le langage SQL pour crer de puissantes requtes : le code SQL est auto-matiquement gnr par WinDev Mobile.


30P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile


4Slectionnez loption de menu "Requte .. Code SQL".Le code SQL gnr par WinDev Mobile est affich dans lditeur de requtes :

Lditeur dtatsLditeur dtats permet de crer rapidement des tats imprimables directement depuis vos appli-cations. Un assistant est systmatiquement propos pour crer des tats : il pose les questionspermettant de noublier aucun lment !

Il est aussi facile de crer un tat que de crer une fentre !

Le principe d'impression d'un tat sous Pocket PC est trs simple : un fichier PCL est cr lors del'impression de l'tat et ce fichier est ensuite envoy l'imprimante destination. Le contenu dufichier PCL est spcifique l'imprimante utilise.

Vous pouvez saisir du code WLangage dans tous les lments dun tat : vous pourrez ainsi rali-ser les traitements les plus spcifiques, sans jamais rencontrer de blocage.

Lditeur dinstallationWinDev Mobile permet de crer les programmes ncessaires pour installer facilement vos applica-tions sur les Pockets PC de vos utilisateurs finals.

Plusieurs mthodes sont proposes pour installer une application WinDev Mobile sur un PocketPC :installation au format CAB. Ce programme dinstallation est excut sur un Pocket PC.installation par copie directe de l'excutable dun poste PC vers un Pocket PC connect.installation ralise via un programme dinstallation. Ce programme dinstallation est excut

sur un poste PC sous Windows connect un Pocket PC.


Part

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile

31


En conclusionVous avez pu survoler une partie de lenvironnement de WinDev Mobile 15.Vous pourrez explorer plus en dtail les principales fonctionnalits de WinDev Mobile en suivantce cours dauto-formation.

Vous disposez tout moment dune aide en ligne accessible par la touche [F1] de votre clavier.Vous avez galement la possibilit de contacter le Support Technique Gratuit de PC SOFT et acc-der au service "Assistance Directe" en vous connectant sur le site Internet de PC SOFT (http://www.pcsoft.fr).

Pensez visiter rgulirement le site Internet de PC SOFT (http://www.pcsoft.fr) pour obtenir desmises jour des exemples fournis avec WinDev Mobile.


32P

art

ie 1

: A

la d

co

uvert

e d

e W

inD

ev M

ob

ile



PARTIE 2

Premires applications


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

35


LEON 2.1. VOTRE 1RE APPLICATION

Ce que vous allez apprendre dans cette leon ...

Cration de votre premire fentre utilisable sous Pocket PC. Test de cette fentre. Cration de lexcutable et du programme dinstallation de cette application. Installation de cette fentre sur un Pocket PC.

Dure estime : 1h

Le projet "Dcouverte.WPP" correspond au projet complet et corrig de cette leon. Vous pouvez ouvrir ce projet laide de loption "? .. Guide dauto-formation .. Dcou-verte".

Louverture de ce projet nest pas ncessaire pour suivre cette leon.


36P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


Passons maintenant aux choses srieuses !

Lancement de WinDev MobileA louverture de WinDev Mobile, la fentre suivante saffiche :

Cette fentre permet daccder aux fonctionnalits les plus courantes lors de louverture de Win-Dev Mobile.Pour notre premire application, nous allons crer un nouveau projet.


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

37


Comment crer un projet ?Pour crer notre premier projet :

4 Slectionnez l'option "Crer un projet". Lassistant de cration de projet se lance.Remarque : Il est galement possible de lancer cet assistant en slectionnant loption"Fichier .. Nouveau .. Projet".

4 Saisissez le nom du projet "Dcouverte". Le nom du projet est le nom sous lequel sera enregis-tr le fichier du projet, avec lextension "WPP".Le rpertoire du projet est initialis par dfaut "Mes Projets Mobile\Dcouverte".

4 Validez en passant lcran suivant de lassistant.Remarque : Les boutons de parcours dans les assistants permettent de passer au plan prc-dent, passer au plan suivant, ou valider la totalit de lassistant avec les options par dfaut.

4 Validez les crans de lassistant jusquau plan intitul "Description - Type de gnration". Danscet exemple, nous allons raliser une application pour Mobile. Slectionnez loption "Applica-tion Mobile" et passez au plan suivant.

4 Si un Pocket PC ou un Smartphone est actuellement connect au PC, la plateforme correspon-dante peut tre automatiquement dtecte. Dans le cas contraire, passez au plan suivantpour choisir la plate-forme utiliser.


38P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


4Slectionnez si ncessaire la plate-forme dexcution de votre application (par exemple "Win-dows Mobile version 6.x ou sup").

WinDev Mobile permet de dvelopper des applications pour diffrentes familles deproduits : Pocket PC, Smartphone, Android, ... Pour chacune de ces familles, il est possible de paramtrer :

les dimensions des fentres.la position des menus.la taille de la barre de titre. l'image utilise en mode test (image du simulateur). Cette image permet de tester

votre application dans un environnement correspondant l'environnement devos utilisateurs.

L'ensemble de ces caractristiques constitue la plate-forme d'excution.

Not

e

Une mme application peut tre lance sur des plates-formes dexcution diff-rentes (Pocket PC et Smartphone par exemple).Cependant, nous vous conseillons de crer une configuration de projet par plate-forme dexcution. Ainsi, chaque configuration regroupera tous les lments sp-cifiques une plate-forme dexcution. En effet, certaines caractristiques sontdiffrentes suivant la plate-forme utilise (taille des crans, gestion des menus,gestion des touches du clavier, ...).Pour plus de dtails sur la cration dun projet pour Smartphone, consultez laleon Application sur Smartphone, page 59.


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

39


4 Passez au plan suivant : vous pouvez effectuer une description dtaille de la plate-forme utilise :

Remarque : Ces caractristiques peuvent galement tre modifies ultrieurement (bou-ton "Plateforme" dans la fentre de description du projet, option "Projet .. Description duprojet").

4 Affichez les crans suivants jusqu lcran "Chartes - Charte graphique". 4 Vous pouvez ensuite choisir le look de votre application en slectionnant une charte graphi-

que. Slectionnez le thme "Media Center" par exemple.

WinDev Mobile propose un grand nombre de chartes graphiques (ou gabarit). Les gabaritspermettent de donner un "look" sympathique linterface dune application.

Souvent, toutes les applications ralises pour Pocket PC se ressemblent : une fentrerectangulaire, un fond blanc, une barre de titre bleue, des boutons gris, pas dimage, ... unpeu triste tout cela pour le 1er contact avec lutilisateur ! Avec WinDev Mobile, vous pouvez slectionner le gabarit de votre choix parmi plusieursdizaines de modles. Vos fentres, vos boutons, ... sont "habills" en quelques secondes !

Vous avez galement la possibilit de crer vos propres gabarits. Cest une fonctionnalitavance de WinDev Mobile. Pour plus de dtails, consultez laide en ligne (mot-cl : "Gaba-rit").

4 Cliquez sur le lien "Base de donnes" dans la partie gauche de lassistant. Notre projet ne sera li aucune analyse. Slectionnez loption "Non, ne pas utiliser de base de donnes".

4 Validez en cliquant directement sur le bouton de validation (bouton vert).


40P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


4 La fentre suivante saffiche :

Slectionnez loption "Editeur de WinDev".

Crez votre premire fentreVous allez crer la fentre suivante :

Cette fentre est un simple chronomtre.


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

41


Vous pensez peut-tre que cette fentre est trop simple, trop basique, ... mais nous vous con-seillons de raliser cette fentre. Vous risquez dtre surpris par la facilit et lintuitivit de ldi-teur de WinDev Mobile. De plus, cette fentre vous permettra de dcouvrir des conceptsfondamentaux pour la suite de ce cours.

4 Pour crer la fentre :1. Cliquez sur le bouton dans la barre doutils de WinDev Mobile. 2. Cliquez sur "Fentre" pour crer une nouvelle fentre. 3. Slectionnez "Assistant fentre vierge".Par dfaut, cette fentre utilisera le gabarit slectionn lors de la cration du projet. 4. Validez. Lassistant de cration dune fentre vierge se lance. Nous allons renseigner les informations de la fentre (type, nom, titre, ...).

4 Slectionnez le type de la fentre.

Deux types de fentres peuvent tre crs avec WinDev Mobile :

Fentre maximise : Fentre occupant tout lcran du Pocket PC.

Fentre non-maximise : Fentre pouvant tre redimensionne par lutilisateur etoccupant seulement une partie de lcran du Pocket PC.

4 Slectionnez "Maximise". Passez lcran suivant. 4 Slectionnez les lments prsents dans votre fentre.


42P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


Diffrents lments peuvent tre prsents dans une fentre maximise :

Bouton Fermer/OK : permet de fermer ou de valider la fentre.Ce bouton est associ un traitement permettant de personnaliser la fermeture de lafentre.

Barre suprieure : permet dafficher des informations, des boutons, ...

Ascenseur vertical : affich automatiquement si la fentre a une taille suprieure larsolution de lcran du Pocket PC utilis.

Onglets : permettent de rpartir les informations sur diffrents volets. Lutilisateur naqu choisir longlet voulu.

Menu et barre doutils : permet l'utilisateur d'accder rapidement une fonctionna-lit de l'application. Dans une application pour Pocket PC, le menu se trouve en basdes fentres.

4Conservez les options slectionnes par dfaut (bouton "Fermer") et passez lcran suivant.

Not

e

Fentre non-maximiseLes lments pouvant tre prsents dans une fentre non-maximise sont lessuivants :

Barre de titre : permet par exemple d'afficher le titre de la fentre, ainsi queles boutons Fermer ou OK.

Bouton Fermer/OK : permet de fermer ou de valider la fentre.Ce bouton est associ un traitement permettant de personnaliser la fer-meture de la fentre.

Cadre de fentre.Une fentre non maximise peut tre dplaable par le fond et redimensionna-ble.Pour plus de dtails sur les fentres et leurs caractristiques, consultez laide enligne (mot-cl : "Fentre").


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

43


4 Saisissez le nom de la fentre : "FEN_Chrono".Le nom de la fentre est utilis en programmation pour manipuler la fentre. Ce nom corres-pond galement au nom sous lequel sera enregistre la fentre sur le disque (avec lextension "WPW").Saisissez le titre de la fentre : "Chrono".

4 Validez lassistant de cration. La fentre cre apparat dans lditeur de fentres.Remarque : Toutes les caractristiques de la fentre spcifies dans cet assistant peuvent tre modifies ultrieurement dans la fentre de description (option "Description" du menu contextuel).

4 Enregistrez la fentre (option "Fichier .. Enregistrer" ou icne ).

Crez les champs prsents dans la fentre

Cration du champ imagePour rendre cette fentre sympathique, nous allons insrer une image choisie dans le cataloguedimages de WinDev Mobile. Cette image reprsente un chronomtre et sera anime lors du chro-nomtrage.

Not

e

Prfixage automatiqueWinDev Mobile permet de prfixer automatiquement tous les lments manipula-bles dans lditeur de code (fentres, champs, variables, ...).Ainsi, il est possible de reprer facilement llment utiliser dans vos program-mes.Pour plus de dtails, consultez laide en ligne (mot-cl : "Prfixage automatique").


44P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


4Pour crer le champ image :1. Cliquez sur licne et glissez le champ dans la fentre. 2. Faites un clic droit sur le champ et slectionnez loption "Description".3. Saisissez le nom du champ "IMG_ImageAnime".4. Associez une image ce champ :

cliquez sur le bouton "Catalogue". dcochez loption "Clipart" et slectionnez loption "Animations GIF". cliquez sur lanimation reprsentant un chronomtre et validez.validez la fentre demandant le nom de limage utiliser.

Cette image sera anime automatiquement.5. Slectionnez le mode daffichage "Centr" (combo "Mode daffichage"). Validez. 6. Cliquez sur licne (en bas de la fentre de description) et saisissez la ligne de code sui-vante dans le code dinitialisation :

Cration des champs de saisieNous allons crer trois champs de saisie permettant dafficher les diffrentes informations duchronomtre (heure de dclenchement, heure darrt et dure chronomtre).

IMG_ImageAnime..Animation = Faux Dsactivation de lanimation de l'image

Not

e Sous WinDev Mobile, les formats dimage autoriss sont les suivants : BMP, JPEG,GIF, PNG et ICO.


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

45


4 Pour crer le premier champ de saisie :1. Cliquez sur la flche droite de licne . Une fentre prsentant diffrents types de champs de saisie souvre. Cliquez sur le champ de type "Heure" puis cliquez dans la fentre lendroit o le champ doit tre cr. 2. Faites un clic droit sur le champ et slectionnez loption "Description".3. Saisissez le nom du champ : "SAI_HeureDbut".4. Saisissez le libell : "Heure dbut :". Ce champ est de type "Heure". En effet, ce champ va afficher lheure de dclenchement du chronomtre.5. Slectionnez le masque de saisie "HH:MM:SS:CC" et la valeur retourne "HHMMSSCC". Ce format permettra de calculer par programmation la dure chronomtre.

6. Slectionnez longlet "IHM".7. Slectionnez loption "Affichage seul". Lutilisateur ne pourra pas saisir de donnes dans ce champ.8. Validez.

4Nous allons crer le second champ de saisie par un simple "Copier/Coller" : 1. Slectionnez le champ que vous venez de crer. 2. Appuyez sur les touches [CTRL] + [C], puis [CTRL] + [V] : un nouveau champ est automati-quement cr. Modifiez le nom et le libell de ce nouveau champ : son nom : "SAI_HeureFin". son libell : "Heure fin :".

4 Pour crer le troisime champ de saisie :1. Cliquez sur la flche droite de licne . Une fentre prsentant diffrents types de champs de saisie souvre. Cliquez sur le champ de type "Dure" puis cliquez dans la fentre lendroit o le champ doit tre cr. 2. Faites un clic droit sur le champ et slectionnez loption "Description".3. Saisissez le nom du champ : "SAI_Dure". Ce champ va afficher la dure chronomtre. 4. Saisissez le libell : "Dure :".5. Slectionnez longlet "IHM".6. Slectionnez loption "Affichage seul". Lutilisateur ne pourra pas saisir de donnes dans ce champ.7. Validez.

4 Enregistrez la fentre (option "Fichier .. Enregistrer" ou icne ).

Not

es

Par dfaut, le format (masque de saisie et daffichage) du champ correspond aumasque numrique dfini par le projet (option "Projet .. Description du projet",onglet "Langue"). Ainsi, le mme masque est utilis automatiquement dans tousles champs numriques de l'application. Cette fonctionnalit est galement trs utile dans les applications multilingues.


46P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


Cration des boutonsA prsent, nous allons crer les boutons permettant la mise en marche et larrt du chronomtre.

4Pour crer le bouton de mise en marche du chronomtre :1. Cliquez sur licne , puis cliquez dans la fentre lendroit o le bouton doit tre cr. 2. Faites un clic droit sur le champ et slectionnez loption "Description".3. Saisissez le libell "Start".4. Cliquez sur licne et saisissez les lignes de code suivantes :

4Pour crer la procdure permettant de calculer la dure coule :1. Cliquez sur le mot "Chronomtre" dans lditeur de code et slectionnez loption "Insertion .. Nouvelle procdure locale" (ou appuyez sur la touche [F4]).2. Le nom de la procdure "Chronomtre" est automatiquement propos. Validez ce nom.3. Saisissez les lignes de code suivantes :

SAI_HeureDbut = Maintenant() Affichage de l'heure de dpartIMG_ImageAnime..Animation = Vrai Animation de l'image anime

ChronoDbut() Dmarrage du chronomtreChronomtre() Appel dune procdure permet-

tant de calculer la dure coule

PROCEDURE Chronomtre()SAI_HeureFin = Maintenant() Affichage de l'heure de finSAI_Dure = ChronoValeur() Affichage de la dure


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

47


4Nous allons appeler cette procdure tous les 10 centimes de secondes afin de calculer et de visualiser le temps coul :1. Cliquez sur licne situe droite de la fentre de code de la procdure. La fentre suivante saffiche :

2. Slectionnez les options "Infini" et "Espacer les appels".3. Spcifiez lintervalle dappel de la procdure : "00:00:00:10". 4. Slectionnez loption "Immdiatement".5. Validez.

4 Pour crer le bouton darrt du chronomtre :1. Cliquez sur licne , puis cliquez dans la fentre lendroit o le bouton doit tre cr. 2. Faites un clic droit sur le champ et slectionnez loption "Description".3. Saisissez le libell "Stop".4. Cliquez sur licne et saisissez les lignes de code suivantes :

4 Enregistrez la fentre (option "Fichier .. Enregistrer" ou icne ).Le dveloppement de cette fentre est termin. Nous allons maintenant la tester.

FinAutomatismeProcdure(Chronomtre) Arrt de lappel automatique de laprocdure

ChronoFin() Arrt du chronomtreIMG_ImageAnime..Animation = Faux Dsactiver lanimation de l'image


48P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


Test dune fentre WinDev Mobile

WinDev Mobile propose plusieurs types de test : test sur le poste de dveloppement (en mode simulation). Ce test ralise une simulation

d'un Pocket PC sur le poste de dveloppement. Ce test est utile quand le dveloppeur nedispose pas de Pocket PC. Le dbogueur peut tre utilis.

test et dbogage sur le Pocket PC connect au poste de dveloppement. Ce test est ralisdirectement sur le Pocket PC mais permet lutilisation du dbogueur.

test directement sur le Pocket PC connect au poste de dveloppement. Ce test gnrelexcutable de lapplication, le copie et le lance sur le Pocket PC. Le dbogueur nest pasdisponible.

Test en mode simulationNous allons tester la fentre en mode simulation.

4Cliquez sur licne "GO" (ou appuyez sur la touche [F9]). WinDev Mobile vous informe que le test va tre ralis en mode simulation. Validez cet cran (bouton "Oui"). Le test de la fentre se lance. Ce test est effectu laide dun simulateur.

Test

Le rsultat de certaines fonctionnalits dpend de la plate-forme utilise (sys-tme dexploitation, format des chanes de caractres, ...).Lors du test en mode simulation dun projet ou dune fentre, des diffrencespeuvent donc tre observes par rapport au test rel de lapplication sur un Poc-ket PC.Pour connatre lensemble de ces diffrences, consultez laide en ligne (mot-cl :"Test, Diffrences entre un test sur Pocket PC et un test simulateur").


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

49


4 Testez les diffrents boutons, et observez les changements survenant dans la fentre.Tout dveloppeur sait que tester un programme est souvent long, voire fastidieux.Avec WinDev Mobile, en UN CLIC, vous testez la fentre que vous tes en train de raliser. Cest la fois simple et rapide !

4 Fermez la fentre (bouton "X" dans la barre de titre). 4 Lditeur de WinDev Mobile rapparat.

Astu

ce

WinDev Mobile vous offre la possibilit de personnaliser le simulateur utilis pourvos tests en mode GO. Vous pouvez ainsi choisir la forme de votre Pocket PC pourvos tests. Pour personnaliser le simulateur, cliquez avec le bouton droit de la souris surlimage du simulateur et slectionnez limage utiliser.Par exemple :

Pour plus de dtails, consultez laide en ligne (mot-cl : "Simulateur").

Test

Les tests automatiques Aprs lexcution dun test de fentre, WinDev Mobile permet denregistrer le testautomatique correspondant grce licne . Les tests automatiques sont une catgorie de tests spcifiques. Les tests auto-matiques permettent dautomatiser certaines manipulations de vos fentres. Cestests sont enregistrs sous forme de scnarios WLangage, facilement modifia-bles sous lditeur de code. Une fois enregistr, le test automatique peut tre rexcut autant de fois quevous voulez, pour tester par exemple limpact dune modification sur une fentre,une procdure, ...Pour plus de dtails, consultez laide en ligne (mot-cl : "Test automatique").


50P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


Test et dbogage sur le Pocket PCNous allons maintenant tester cette fentre directement sur le Pocket PC. Pour raliser ce test, ilest ncessaire quun Pocket PC soit actuellement connect au poste en cours.

Not

e

Avant de connecter un Pocket PC un poste PC, il est conseill dinstaller le logi-ciel "ActiveSync" sur le PC. Ce logiciel permet de synchroniser les donnes entreun PC et un Pocket PC. ActiveSync est gnralement livr avec le Pocket PC. ActiveSync peut galementtre tlcharg sur Internet. ActiveSync se lance automatiquement lors de la connexion du Pocket PC auposte PC.

A partir de Windows Vista, le logiciel "ActiveSync" a t remplac par le "Gestion-naire pour appareils Windows Mobile".


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

51


4Nous allons tout dabord dboguer notre fentre directement sur le Pocket PC. Pour cela, nous allons mettre un point darrt dans le code afin de lancer le dbogueur : 1. Affichez le code du bouton "Start" (option "Code" du menu contextuel). 2. Cliquez avec la souris devant la premire ligne de code. Un point rouge apparat : cest un point darrt. En mode dbogueur, le dbogueur se lancera automatiquement lorsque la ligne de code sera excute.

4 Pour dboguer le chronomtre directement sur le Pocket PC, cliquez sur la flche situe droite de licne "GO". Un menu droulant apparat :

4 Slectionnez loption "Dboguer le projet (appareil mobile)".4 Lexcutable nayant pas t cr, lditeur nous informe quil est ncessaire de paramtrer sa

cration pour lancer le test sur le Pocket PC. Rpondez "Oui".1. Dfinissez (si ncessaire) la fentre qui devra tre affiche en premier. Dans notre exemple, nous nen avons quune. Cette fentre sera appele "Premire fentre du projet".

Slectionnez donc la seule fentre propose : "FEN_Chrono" et validez.

2. Lassistant de cration de lexcutable se lance automatiquement.3. Nous verrons plus loin en dtail les diffrentes options de cration de lexcutable. Pour ce premier test, conservez les options slectionnes par dfaut : validez directement lassistant (bouton vert).Lcran "Copie des fichiers sur le Pocket PC" saffiche. Dcochez loption "Lancer lapplication sur le Pocket PC la fin de la copie". Validez nouveau lassistant.


52P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


4. Slectionnez de nouveau loption "GO .. Dboguer le projet (appareil mobile)".5. La fentre se lance automatiquement sur le Pocket PC :

4Cliquez sur le bouton "Start". Le dbogueur apparat automatiquement sur le poste PC. Vous pouvez excuter pas pas les diffrentes lignes de code.

4 Arrtez le dbogueur (icne ). Lapplication sarrte automatiquement sur le Pocket.Test direct sur le Pocket PCMaintenant, passons au test final, sans le dbogueur.

4Pour tester le chronomtre directement sur le Pocket PC, cliquez sur la flche situe droite de licne "GO". Un menu droulant apparat.

4Cliquez sur loption "Tester le projet (appareil mobile)".4 Lexcutable ayant dj t cr lors du test avec le dbogueur, WinDev Mobile recre lexcu-

table avec les mmes options. La fentre se lance automatiquement sur le Pocket PC.

Not

eLa copie de lexcutable sur le Pocket PC peut tre relativement longue (due lacopie du Framework PC SOFT lors de la premire installation dune applicationWinDev Mobile). La prochaine copie de lexcutable sur le Pocket PC sera plusrapide.

Si un antivirus est install sur le poste de dveloppement, la protection en tempsrel du systme de fichiers peut ralentir considrablement la dure de la copiede lexcutable. Pour diminuer cette dure, dsactivez cette protection lors de lacopie de lexcutable.

Not

e

La correction la vole nest pas disponible lors de ce test.


Part

ie 2

: P

rem

ire

s a

pp

licati

on

s

53


4 Testez les diffrents boutons, et observez les changements survenant dans la fentre. Bien quil y ait toujours le point darrt dans le code, le clic sur le bouton "Start" ne dclenche pas le dbogueur.

4 Fermez la fentre (bouton "X" dans la barre de titre).

Caractristiques dune fentre WinDev Mobile

Toutes les caractristiques dune fentre WinDev Mobile dfinies lors de sa cration peuvent tremodifies dans la description de cette fentre.Par exemple :

Rappel : Pour ouvrir cette fentre, slectionnez loption "Description" du menu contextuel de lafentre WinDev Mobile (ou double-cliquez sur la fentre WinDev Mobile).

Not

e

Lors du test sur le Pocket PC, il est possible de dconnecter le Pocket PC du postePC et de continuer lutilisation de lapplication.Cependant, si vous fermez lapplication (ou la fentre), le test ne pourra trerelanc que si vous reconnectez le Pocket PC au poste PC .Pour lancer lapplication sur le Pocket PC sans que le Pocket PC soit connect auposte PC, il est ncessaire de crer lexcutable de lapplication (voir Cration duprogramme excutable, page 55).

Type de fentre

Gestion delascenseur

Elments visibles


54P

art

ie 2

: P

rem

ire

s a

pp

licati

on

s


Changement du type de la fentreNous allons visualiser les modifications provoques par le changement du type de fentre.

4Slectionnez loption "Description" du menu contextuel de la fentre WinDev Mobile. La des-cription de cette fentre saffiche.

4 Affichez longlet "Dtail" et/ou "Style" et modifiez les diffrentes caractristiques de la fentre (fentre non maximise, barre de titre, bouton "OK", barre de message, ...).

4 Appliquez les modifications de la description et visualisez directement la fentre modifie.

Traitement spcifique lors de la fermeture de la fentreLe bouton "OK/Fermer" prsent dans la barre de titre de la fentre est associ un traitementspcifique. Ce traitement permet par exemple de personnaliser la fermeture ou la validation de lafentre.Par dfaut, ce bouton ferme automatiquement la fentre.Nous allons afficher une bote de dialogue lors de la fermeture de la fentre.

4Pour afficher une bote de dialogue lors de la fermeture de la fentre :1. Assurez-vous que le bouton "Fermer" est prsent dans la barre de titre de la fentre (onglet "Style" de la fentre de description).2. Sous lditeur, affichez le menu contextuel du bouton "Fermer" (clic droit) et slectionnez loption "Code du bouton". Le traitement "Avant fermeture par bouton OK/Fermer" saffiche.3. Saisissez les lignes de code suivantes :

4. Une bulle daide "Assistant" apparat : cliquez sur cette bulle. Lassistant dutilisation dune interrogation directive saffiche. Passez au plan suivant.5. Lassistant propose une liste de questions. Saisissez "fermer". La question "Voulez-vous fer-mer cette fentre ?" apparat. Slectionnez cette question dans la table. Passez lcran sui-vant. 6. Validez lassistant pour intgrer le message dans votre code.

Astu

ce Pour obtenir de laide sur une option spcifique, cliquez sur licne puis cli-quez sur loption voulue.

Not

e Lancrage des

Documents

Autoformation Windev Mobile Express 15