Tuto - A la découverte de WINDEV Mobile

WINDEV Mobile est un Atelier de Génie Logiciel DevOps complet permettant de développer des applications mobile (Android, iOS, Universal Windows, etc.) dans de nombreux domaines : gestion, industrie, médical, restauration, etc.

Pour découvrir WINDEV Mobile, nous allons tout simplement lancer WINDEV Mobile SaaS.

• afficher les actualités des produits PC SOFT,
• créer un projet,
• ouvrir un projet existant,
• ouvrir un exemple,
• accéder aux différents tutoriels existants sur WINDEV Mobile.

Pour découvrir les points importants de l'environnement de WINDEV Mobile, ouvrons un premier projet :

1. Depuis la page d'accueil, cliquez sur "Tutoriel".
2. Dans la zone "Tuto - A la découverte de WINDEV Mobile", double-cliquez sur "Gestion de produits iOS/Android - Corrigé".
   
3. Le projet correspondant s'ouvre sous l'éditeur. Le tableau de bord du projet est affiché. Le tableau de bord permet d'avoir une vision globale et synthétique de l'état d'avancement d'un projet, via de nombreux éléments (appelés Widgets).
   

L'éditeur

L'environnement de développement de WINDEV Mobile est constitué d'une interface spécifique et de plusieurs éditeurs permettant de créer les différents éléments de vos applications : l'éditeur de fenêtres permet de créer des fenêtres, l'éditeur d'états permet de créer des états, etc.

1. Utilisez le raccourci Ctrl + E.
2. Dans la fenêtre qui s'affiche, saisissez le nom de la fenêtre à ouvrir : FEN_Fiche_du_produit.
3. Validez. La fenêtre apparaît sous l'éditeur.

• Menu des éditeurs (1), affiché sous forme de ruban (nous allons voir sa manipulation dans le paragraphe suivant).
• Editeur en cours (2) (ici, éditeur de fenêtres). Cet espace permet de visualiser de manière WYSIWYG (What You See Is What You Get) l'élément en cours de création ou de modification.
• Volets (3). L'UI de WINDEV Mobile dispose de plusieurs volets permettant d'accéder rapidement à différents types d'informations.
  Quelques exemples :
  • le volet "Explorateur de projet" (ici, affiché à gauche) permet de lister tous les éléments du projet par catégorie.
  • le volet de recherche (ici, affiché en bas) permet de réaliser des recherches dans tout le projet et ses éléments.
  Si nécessaire, ces volets peuvent être cachés rapidement en utilisant la combinaison de touches Ctrl + W.
• Barre des documents ouverts (4). Cette barre permet de visualiser rapidement tous les éléments ouverts. Un simple clic sur le bouton correspondant à l'élément l'affiche dans son propre éditeur.

Le ruban en détail

Le ruban est un des éléments clé de l'interface des éditeurs. En effet, toutes les options de WINDEV Mobile sont accessibles via ce ruban.

• la zone des boutons, à gauche (1).
• la zone des volets en haut (2).
• la zone des options (3).

Voyons ces différentes zones en détail.

	La zone des boutons regroupe principalement les boutons d'accès rapide. Ces boutons permettent d'effectuer les opérations les plus courantes, bien souvent communes à tous les éditeurs : enregistrer, ouvrir, créer, etc. Le logo du produit permet d'afficher notamment la fenêtre "A propos".

La zone des volets (2) Les différents volets du ruban permettent d'accéder aux options des différents éditeurs pour le projet en cours. Plusieurs types de volets sont disponibles :

• le volet en cours : Le nom du volet apparaît en gras et un trait orange est affiché sous le nom du volet.
• les volets contextuels, spécifiques à l'élément en cours : Le nom du volet est affiché en orange (ou en bleu en utilisant le thème clair).
• les volets disponibles : Le nom du volet apparaît en blanc (ou en noir en utilisant le thème clair).

• Options à cocher,
• Boutons à cliquer,
• Boutons à flèche permettant de dérouler des options. Deux types de boutons à flèche sont disponibles :
  • les boutons à flèche permettant uniquement de dérouler un menu
  • les boutons à flèche permettant soit de dérouler un menu (clic sur la flèche), soit d'effectuer une action par défaut (clic sur l'icône du bouton).

Les options sont regroupées par groupe. Chaque groupe d'options a un nom et peut avoir un bouton de regroupement . Ce bouton permet d'effectuer une action spécifique selon le groupe en cours : affichage de la description de l'élément en cours, affichage de l'aide, etc.

Le WLangage est le langage de programmation commun de WINDEV, WEBDEV et WINDEV Mobile.

Nous venons de découvrir l'environnement de WINDEV Mobile. Le tuto Ma première application iOS/Android vous permettra de créer une fenêtre simple, utilisable aussi bien sur Android que sur iOS.