Skip to content

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.

Notifications You must be signed in to change notification settings

corentinleroux/ModelingWebApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Quasar Typescript Vue Vuex VueRouter

Firebase ESLint Node

JointJS DiagramVue

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"}]}

Les différentes pages

Prenons le cas où votre préfixe est http://localhost:8080/#/, les pages seront :

Demo

Une démonstration est disponible sur Youtube à l'adresse suivante : Youtube - Demonstration

Demonstration

About

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.

Topics

Resources

Stars

Watchers

Forks