La plateforme Ontomantics offre la possibilité de mettre en œuvre, sans développement, des applications web et mobiles puissantes dans un référentiel sécurisé.
Nous allons créer une application Annuaire de contact afin d’aborder l’ensemble des mécanismes essentiels de la plateforme en utilisant l’assistant de création de formulaires.
Création du projet
Nous allons d’abord créer un nouveau projet. Un projet regroupe les applications, les planifications, les services métiers et les services Web au sein d’une même entité.
- Projet > Cliquer sur > Nouveau projet > Nommer le projet Annuaire de contact
- Projet > Nouvelle application > Créer une application Annuaire de contact
- Projet > Nouveau modèle de données> Nouveau > Créer un MDD Annuaire de contact
Création d’un schéma
Afin d’organiser et de cloisonner au mieux nos données, nous allons créer un nouveau schéma pour notre application.
- Configuration > Gérer les sources de données
- Sélectionner la source de données Base applicative
- Cliquer sur Créer un schéma dans cette base > Le nommer Annuaire de contact puis sauvegarder
Modèle de données
Création du modèle de données
Avant de créer nos interfaces visuelles, nous allons créer notre modèle de données.
- Projet > Cliquer sur le modèle de données puis créer les entités suivantes :
Lien : Comment créer une clé étrangère ?
Une fois notre modèle de données terminé, nous allons le déployer vers notre source de données.
Ajout de données de test
Afin de pouvoir tester rapidement nos futurs développements, nous allons ajouter une ligne de test pour chacune des 2 tables en commençant par la donnée de référence Type_contact.
- Clic droit sur une entité > Afficher les données
- Cliquer sur le en bas à droite > Saisir les données >Sauvegarder avec l’icone
A retenir
Un modèle de données est une couche intermédiaire entre la base de données physique et une application.
Aide au développement
Débogeur : Depuis le menu conception, permet de débogueur l’application et ainsi de tester nos développements avec de nombreuses fonctionnalités adaptées
Hiérarchie d’appel : Au clic droit sur un contrôle, un comportement une règle…permet de consulter rapidement les éléments liés au composant sélectionné
Allers vers : Permet d’aller directement sur l’objet sélectionné
4 – Prérequis à la conception
Nous allons désormais passer en conception et créer notre premier écran :
- Projet > Cliquer sur l’application > Cliquer sur Conception
Un nouveau menu fait son apparition :
Création de l’écran parent
Nous allons créer un premier écran dit Charte graphique. L’ensemble des autres écrans de notre application hériteront de cet écran grâce à la fonctionnalité Écran parent.
- Se rendre dans la conception d’écran via l’icone
- Créer un nouvel écran
- Nommer l’écran Charte graphique
- Choisir le modèle
Écran avec entête et menu réactif
Notre écran apparait désormais dans la liste des écrans :
Modification du thème
Avant de créer nos écrans fonctionnels, nous allons rapidement parcourir le module apparence afin de personnaliser rapidement notre application.
- Se rendre dans le module Apparence
- Modifier le thème de l’application en Material 🙂
- Choisir l’Accent-color de notre application
- Puis sauvegarder en bas du formulaire
Paramétrer l’écran d’accueil de votre application
- Cliquer sur
- Modifier la liste Ecran d’accueil
Création de l’application
Afin de créer rapidement l’ensemble de nos écrans et comportements, nous allons utiliser l’assistant de création de formulaire.
Assistant de création de formulaire
- Se rendre dans la partie IHM > Cliquer sur le + > Assistant de création de formulaires
- Choisir le modèle de données Annuaire de contact
- Choisir la table Contact > Cocher Tableau et Formulaire
- Choisir les paramètres de création puis cliquer sur Suivant
- Formulaire de modification : dans une boite de dialogue
- Formulaire d’ajout : dans l’écran ou la boîte de dialogue de la modification
- Décocher
Les labels des champs de saisie des formulaires apparaissent à leurs gauche - Écran parent : Charte graphique
- Sélectionner un menu : Menu général
- Choisir tous les champs en sélectionnant l’attribut Nom pour la clé étrangère Type contact
- Terminer la saisie
Les modules essentiels à la conception
Les IHM
Ce module permet de lister et créer/modifier :
- des écrans
- des boites de dialogue
La création des écrans se fait via drag & drop ou grâce à la saisie d’une zone à la souris. Une boite à outils de plus de 40 composants est disponible via l’onglet Boite à Outils.
Nous retrouvons, de manière hiérarchisé l’ensemble de la structure de notre page dans l’onglet Liste des contrôles. L’ensemble des comportements métiers est rattaché aux composants via des déclencheurs matérialisés par l’icone :
Les comportements
C’est le cœur du réacteur 🙂 C’est dans ce module que nous allons définir l’ensemble des actions métiers à effectuer .
2 notions sont extrêmement importantes quand l’on parle de comportement :
Un comportement est un ensemble de règles métiers liées entre elles de façon cohérente dans le but d’exécuter une ou plusieurs actions.
Une règle est un ensemble de conditions et d’actions s’exécutant dans un ordre précis dans le but d’exécuter une tâche.
Les règles
Les règles regroupent des conditions (sélection de données SQL, pour chaque, si…) et des actions (gestion de la base SQL, de l’IHM, des jeux de données…)
Lien : créer un formulaire de saisie manuellement
À retenir
Développer une application c’est mettre en lien des comportements et des composants via l’exécution de déclencheurs.