Organisation d'un projet

Magneto Studio® permet l’enregistrement de projet d’une manière simple et lisible même en dehors de l'utilisation de l'outil. Ce choix s'avère particuièrement interessant lorsque la gestion de projet est soumise à des contraintes fortes de partage, traçabilité, archivage, etc.
De même, et pour les mêmes raisons, la gestion des logiciels externes ou utilisateurs (codes sources, librairies) est clairement localisée et séparée des fichiers nécessaires au moteur IHM embarqué.

Format d'enregistrement d'un projet (.mgt)

La structure du projet est enregistrée dans un fichier d'extension « .mgt ». Si vous ouvrez ce fichier avec un éditeur de texte ou avec Magneto Studio® (bouton "Editor" dans la barre d'outils, zone 4), vous y retrouverez la description des éléments qui composent votre projet c’est-à-dire les images, les formes, les objets multimédia, ainsi que leurs attributs. Les ressources réelles du projet sont stockées dans des dossiers à la racine du projet comme « Images » ou « Shapes ». Dans le cas où vous intégrez à votre application vos propres développements logiciels, vous constaterez la présence de fichiers (en Langage C) et/ou de répertoires réservés aux fichiers de programmation et aux librairies binaires.
L’avantage d’un enregistrement comme celui-ci est qu’il vous est simple de comprendre et modifier certains éléments à la main sans passer par Magneto Studio®.

Dossiers et fichiers d'un projet

Vous y retrouverez en premier lieu vos pages de travail (Artboards) ainsi que leur contenus. Ensuite les évènements systèmes (SysEvents) puis en dernier les bibliothèques nécessaires au projet.

Exemple :

Format d'enregistrement d'un projet

Pour plus de compréhension décomposons ensemble l'exemple ci-dessus :

On y retrouve, comme dit précédemment l'Artboard principale définie par un nom (id), une position (coin haut gauche, x et y), une taille (w pour "width" et h pour "height"), une couleur (en hexadécimal) puis le détail de tous les éléments qui la composent. C'est-à-dire ici un texte et un rectangle qui ont le même genre de propriétés. Le texte lui possède en plus son contenu (défini par la ligne " text : "), sa police , sa taille et aussi une animation avec les propriétés liées à l'animation. Ici l'animation indique qu'elle ne concerne que le déplacement en x et y. Le rectangle quant à lui, possède une propriété d'action (onPress) qui lancera l'animation "Anim1" à l'état 1, soit l'animation de déplacement du texte vu précédemment.

La définition d'événements système est détachée du contenu de l'Artboard et est définie également par ses propres propriétés selon le type d'évènement système.

En dernier, apparaît la listes des librairies internes à la carte qui sont nécéssaires au bon fonctionnement de l'application.

Environnement d'enregistrement d'un projet

Les projets sont enregistrés dans des fichiers d'extension '.mgt' comme vu précédemment mais également avec toutes les ressources nécessaires à l'application.

On y retrouve avec le fichier d'extension ".mgt" les dossiers :

  • Shapes : Dossier contenant tous les fichiers au format SVG.
  • Images : Dossier contenant toutes les images (.jpg, .png).
  • Fonts : Dossier contenant toutes les polices d'écriture (.ttf) liées à l'application.

Fichiers et dossiers déployés d'un projet