Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

corentinleroux/ModelingWebApp

Open more actions menu

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
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

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.