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

https://www.youtube.com/watch?v=12rooNVB6xc&t=1959s

 

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

https://www.youtube.com/watch?v=uwuQ2tq1Mxg&feature=youtu.be

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.

https://youtu.be/FK2inhIKUUU

 

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.

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

 

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