corentinleroux / modelingwebapp Goto Github PK

View Code? Open in Web Editor NEW

Projet Commun de Veille Technologique. Modélisation UML avec SVG (JointJS et Diagram-vue) dans une application utilisant Vue ainsi que le framework Quasar. M1 MIAGE Panthéon-Sorbonne.

HTML 2.33% JavaScript 27.47% Vue 57.51% TypeScript 10.90% Stylus 1.79%

modelingwebapp's Introduction

ModelingWebApp - Projet S2-PRO3

Projet réalisé dans le cadre du Master 1 Informatique MIAGE à l'Université Paris-1 Panthéon-Sorbonne.

Lien vers la version website du repository : https://corentinleroux.github.io/ModelingWebApp/

Groupe constitué de :

MEURIC Camille
DOGLOBE Gérard
ABIZMIL Raphael
BENOUZGHAR Mehdi
PIOTROWSKI Paul
LE ROUX Corentin

Technologies

Installation

Si vous ne possèdez pas Quasar CLI, faites : yarn global add @quasar/cli ou npm install -g @quasar/cli
gh repo clone corentinleroux/ModelingWebApp
git checkout Quasar
Rendez vous au dossier et faites cd ModelingWebAppQuasar
npm i pour installer les modules dans nodes_modules

Lancer le projet

Lancez quasar dev pour exécuter le projet.

Ajouter des diagrammes au Stack 1

Vous pouvez ajouter du SVG directement avec le bouton Import/Export en faisant un Copier/Coller dans la fenêtre qui s'ouvre (supprimer le contenu déjà existant) :

{"width":1440,"height":821,"background":"#f0f0f0","nodes":[{"id":"1784033378de6952","content":{"text":"Voiture","color":"white"},"width":200,"height":200,"stroke":"black","strokeWeight":"2","shape":null,"point":{"x":475,"y":146.84479306446727}},{"id":"17840338c5dcbfe0","content":{"text":"Roue","color":"grey"},"width":200,"height":200,"stroke":"black","strokeWeight":"2","shape":null,"point":{"x":10,"y":178.98595854289357}},{"id":"17840339def65187","content":{"text":"Moteur","color":"grey"},"width":200,"height":200,"stroke":"black","strokeWeight":"2","shape":null,"point":{"x":828,"y":238.0500754855987}}],"links":[{"id":"1784033aedde6686","source":"17840339def65187","destination":"1784033378de6952","point":{"x":727,"y":191.447434275033},"color":"black","shape":"straight","pattern":"solid","arrow":"dest"},{"id":"1784033e4ffc5448","source":"17840338c5dcbfe0","destination":"1784033378de6952","point":{"x":242.5,"y":162.91537580368043},"color":"black","shape":"straight","pattern":"dash","arrow":"src"}]}