Aller au contenu
Accueil » Guide de démarrage rapide

🚀 Démarrage rapide

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
Structure du projet

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 :
Modèle de données non déployé

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
Passage en mode conception

Un nouveau menu fait son apparition :

Menu du mode conception

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 :

Exemple de comportements rattaché à un bouton de validation

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.

Liste des comportements/règles générés par l’assistant
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…)

Vue de la règle Update or create row Contact

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.