Add use-cases to the Gallery
Change-Id: Idd3b4f0bf847dfca8724e086f2551116ab36b717
Signed-off-by: Florian Barbin <florian.barbin@obeo.fr>
diff --git a/gallery.html b/gallery.html
index 8c87ef6..db4563f 100644
--- a/gallery.html
+++ b/gallery.html
@@ -182,7 +182,7 @@
thumblist += "<div class='lnks'><ul>";
}
else {
- lnklist += "<div class='lnks'><h3 class='lnks_head'>Related links</h3><ul>";
+ lnklist += "<div class='lnks'><h5>Related links</h5><ul>";
for (var k in data.usecases[i].infos.lnks) {
lnk += "<li><a href='" + data.usecases[i].infos.lnks[k].url + "' target='_blank'>" + data.usecases[i].infos.lnks[k].nom + "</a></li>";
}
diff --git a/images/gallery/FlowDiagram_01.png b/images/gallery/FlowDiagram_01.png
new file mode 100644
index 0000000..61c4a5d
--- /dev/null
+++ b/images/gallery/FlowDiagram_01.png
Binary files differ
diff --git a/images/gallery/aws-workbench-1.jpg b/images/gallery/aws-workbench-1.jpg
new file mode 100644
index 0000000..aa92229
--- /dev/null
+++ b/images/gallery/aws-workbench-1.jpg
Binary files differ
diff --git a/images/gallery/aws-workbench-2.png b/images/gallery/aws-workbench-2.png
new file mode 100755
index 0000000..3e0196b
--- /dev/null
+++ b/images/gallery/aws-workbench-2.png
Binary files differ
diff --git a/images/gallery/hsasd-1.png b/images/gallery/hsasd-1.png
new file mode 100755
index 0000000..e2369d5
--- /dev/null
+++ b/images/gallery/hsasd-1.png
Binary files differ
diff --git a/images/gallery/ontocase4g-1.png b/images/gallery/ontocase4g-1.png
new file mode 100755
index 0000000..8911037
--- /dev/null
+++ b/images/gallery/ontocase4g-1.png
Binary files differ
diff --git a/images/gallery/sodalite-1.png b/images/gallery/sodalite-1.png
new file mode 100755
index 0000000..2cfac1e
--- /dev/null
+++ b/images/gallery/sodalite-1.png
Binary files differ
diff --git a/images/gallery/sodalite-2.png b/images/gallery/sodalite-2.png
new file mode 100755
index 0000000..7ec804a
--- /dev/null
+++ b/images/gallery/sodalite-2.png
Binary files differ
diff --git a/images/gallery/trades-1.png b/images/gallery/trades-1.png
old mode 100644
new mode 100755
index 4eb955f..976ee3c
--- a/images/gallery/trades-1.png
+++ b/images/gallery/trades-1.png
Binary files differ
diff --git a/json/gallery.json b/json/gallery.json
index ff52a92..a152792 100644
--- a/json/gallery.json
+++ b/json/gallery.json
@@ -57,7 +57,7 @@
"url": "https://wiki.eclipse.org/Sirius/Tutorials/Mindstorms"
},
{
- "nom": "Github",
+ "nom": "GitHub",
"url": "https://github.com/mbats/mindstorms"
}
]
@@ -235,8 +235,111 @@
]
}
},
-
-
+ {
+ "medias": {
+ "mainSrc": "images/gallery/bpmn-1.png",
+ "imgAlt": "Put image name here",
+ "thumbs": [
+ ]
+ },
+ "infos": {
+ "title": "BPMN Designer",
+ "author": "Obeo",
+ "description": "<p>BPMN Designer is based on the BPMN Domain Model of Eclipse Modeling MDT project.</p><p>It supports Flow Objects (Events, Activities, Gateways), Connecting Objects (Sequence Flow, Message Flow, Association), Swim lanes (Pool, Lane) and Artifacts (Data Object, Group, Annotation)</p>",
+ "tags": [
+ {
+ "nom": "Business Process",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "GitHub",
+ "url": "https://github.com/ObeoNetwork/BPMN-Designer"
+ }
+ ]
+ }
+ },
+ {
+ "medias": {
+ "mainSrc": "images/gallery/database-1.png",
+ "imgAlt": "Put image name here",
+ "thumbs": [
+ ]
+ },
+ "infos": {
+ "title": "Database Designer",
+ "author": "Obeo",
+ "description": "<p>Database Designer is a graphical designer to define or edit relational tables and relations.</p>",
+ "tags": [
+ {
+ "nom": "Software Development",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "GitHub",
+ "url": "https://github.com/ObeoNetwork/InformationSystem"
+ }
+ ]
+ }
+ },
+ {
+ "medias": {
+ "mainSrc": "images/gallery/cinematic-1.jpg",
+ "imgAlt": "Put image name here",
+ "thumbs": [
+ {"src": "images/gallery/FlowDiagram_01.png"}
+ ]
+ },
+ "infos": {
+ "title": "Cinematic Designer",
+ "author": "Obeo",
+ "description": "Cinematic Designer allows the modeling of UI navigation by focusing on the description of Scenario, Flow, Transitions, Actions / Events, and the content of each screens with Widgets.",
+ "tags": [
+ {
+ "nom": "Software Development",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "GitHub",
+ "url": "https://github.com/ObeoNetwork/InformationSystem"
+ }
+ ]
+ }
+ },
+ {
+ "medias": {
+ "mainSrc": "images/gallery/eip-1.png",
+ "imgAlt": "Put image name here",
+ "thumbs": [
+ ]
+ },
+ "infos": {
+ "title": "EIP Designer",
+ "author": "Laurent Broudoux",
+ "description": "<p>A Sirius designer for Enterprise Integration Patterns.</p><p>It allows you to design integration routes using the common patterns and vocabulary used within Enterprise Application Integration or Enterprise Services Bus solutions.</p>",
+ "tags": [
+ {
+ "nom": "Software Development",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "GitHub",
+ "url": "https://github.com/lbroudoux/eip-designer"
+ },
+ {
+ "nom": "InfoQ",
+ "url": "http://www.infoq.com/articles/eip-designer"
+ }
+ ]
+ }
+ },
{
"medias": {
"mainSrc": "images/gallery/smartmdsd-1.jpg",
@@ -371,7 +474,6 @@
]
}
},
-
{
"medias": {
"mainSrc": "images/gallery/trades-1.png",
@@ -395,13 +497,144 @@
],
"lnks": [
{
- "nom": "Github project",
+ "nom": "GitHub project",
"url": "https://github.com/iai-cyber/TRADES"
}
]
}
},
-
+ {
+ "medias": {
+ "mainSrc": "images/gallery/ontocase4g-1.png",
+ "imgAlt": "OntoCASE4G-OWL",
+ "thumbs": [
+ ]
+ },
+ "infos": {
+ "title": "OntoCASE4G-OWL",
+ "author": "Cotechnoe",
+ "description": "<p>OntoCASE4G-OWL is a tool supporting the Graphical Ontology Web Language (G-OWL), a visual syntax for the graphical modeling and visualization of OWL 2 or RDFS ontologies.</p>",
+ "tags": [
+ {
+ "nom": "Ontology",
+ "url": "#"
+ },
+ {
+ "nom": "Semantic Web",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "GitHub",
+ "url": "https://github.com/Cotechnoe/OntoCASE4G-OWL"
+ },
+ {
+ "nom": "A Complete Visual Syntax for OWL 2 Ontology Modeling and Communication",
+ "url": "http://www.semantic-web-journal.net/system/files/swj2550.pdf"
+ }
+ ]
+ }
+ },
+ {
+ "medias": {
+ "mainSrc": "images/gallery/aws-workbench-1.jpg",
+ "imgAlt": "AWS Workbench",
+ "thumbs": [
+ {"src": "images/gallery/aws-workbench-1.jpg"},
+ {"src": "images/gallery/aws-workbench-2.png"}
+ ]
+ },
+ "infos": {
+ "title": "AWS Workbench",
+ "author": "RKVS Raman",
+ "description": "<p>AWS Workbench is an ArchOps environment for designing and deploying AWS Infrastructure. It provides a \"What You See Is What Is Deployed\" (WYSIWID) view of infrastructure that improves cloud architecture design and deployment process.</p>",
+ "tags": [
+ {
+ "nom": "Cloud Computing",
+ "url": "#"
+ },
+ {
+ "nom": "Software Development",
+ "url": "#"
+ },
+ {
+ "nom": "DevOps",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "GitHub",
+ "url": "https://aws-workbench.github.io/"
+ }
+ ]
+ }
+ },
+ {
+ "medias": {
+ "mainSrc": "images/gallery/sodalite-1.png",
+ "imgAlt": "Sodalite IDE",
+ "thumbs": [
+ {"src": "images/gallery/sodalite-1.png"},
+ {"src": "images/gallery/sodalite-2.png"}
+ ]
+ },
+ "infos": {
+ "title": "Sodalite IDE",
+ "author": "ATOS Spain",
+ "description": "<p>Sodalite IDE is a tool suite that assists the users in the authoring of application deployment topology and infrastructure models for Infrastrcuture as Code (IaC). With focus on quality and performance, the IDE enables the faster and simpler development of IaC by offering features such as in-sync multiple model viewpoints , smart context-aware content assistance and semantic validation, powered by a Knowledge Base.</p>",
+ "tags": [
+ {
+ "nom": "Infrastructure as Code",
+ "url": "#"
+ },
+ {
+ "nom": "Cloud Computing",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "GitHub",
+ "url": "https://github.com/SODALITE-EU/ide"
+ },
+ {
+ "nom": "A Smart Development Environment for Infrastructure as Code",
+ "url": "https://www.swforum.eu/sites/default/files/1stSwForumWs_paper_5.pdf"
+ }
+ ]
+ }
+ },
+ {
+ "medias": {
+ "mainSrc": "images/gallery/hsasd-1.png",
+ "imgAlt": "Hospital Situational Awareness System Design",
+ "thumbs": [
+ ]
+ },
+ "infos": {
+ "title": "Hospital Situational Awareness System Design",
+ "author": "ELTA Systems",
+ "description": "<p>This tool is a functional, working prototype of a new system designed for helping hospitals to support their effective operation, management and decision making.</p>",
+ "tags": [
+ {
+ "nom": "Rapid Prototyping",
+ "url": "#"
+ },
+ {
+ "nom": "Healthcare",
+ "url": "#"
+ }
+ ],
+ "lnks": [
+ {
+ "nom": "Modeling for Rapid Systems Prototyping: Hospital Situational Awareness System Design†",
+ "url": "https://www.mdpi.com/2079-8954/9/1/12"
+ }
+ ]
+ }
+ },
{
"medias": {
"mainSrc": "images/gallery/iris-1.png",
@@ -551,7 +784,7 @@
"infos": {
"title": "ASCET-CONGRA",
"author": "ETAS GmbH",
- "description": "<p>ETAS ASCET-CONGRA (CONstraint GRAph) allows function developers to depict mathematically describable relationships using interactive graphs. These describe the overall system based on equations, differential equations, maps, and curves. The tool checks all input for computability, automatically carries out the mathematical work in the background, and offers various analyses and functions that serve to implement, correctly and efficiently, the system to be developed. It includes interaction with an XText based model and cooperation with a textual representation.</p>",
+ "description": "<p>ETAS SCODE-CONGRA (CONstraint GRAph) allows function developers to depict mathematically describable relationships using interactive graphs. These describe the overall system based on equations, differential equations, maps, and curves. The tool checks all input for computability, automatically carries out the mathematical work in the background, and offers various analyses and functions that serve to implement, correctly and efficiently, the system to be developed. It includes interaction with an XText based model and cooperation with a textual representation.</p>",
"tags": [
{
"nom": "Systems Engineering",
@@ -573,7 +806,7 @@
"lnks": [
{
"nom": "Project Page",
- "url": "https://www.etas.com/fr/products/ascet_congra.php"
+ "url": "https://www.etas.com/fr/produits/scode-congra.php"
}
]
}
@@ -1099,35 +1332,6 @@
},
{
"medias": {
- "mainSrc": "images/gallery/eip-1.png",
- "imgAlt": "Put image name here",
- "thumbs": [
- ]
- },
- "infos": {
- "title": "EIP Designer",
- "author": "Laurent Broudoux",
- "description": "<p>A Sirius designer for Enterprise Integration Patterns.</p><p>It allows you to design integration routes using the common patterns and vocabulary used within Enterprise Application Integration or Enterprise Services Bus solutions.</p>",
- "tags": [
- {
- "nom": "Software Development",
- "url": "#"
- }
- ],
- "lnks": [
- {
- "nom": "GitHub",
- "url": "https://github.com/lbroudoux/eip-designer"
- },
- {
- "nom": "InfoQ",
- "url": "http://www.infoq.com/articles/eip-designer"
- }
- ]
- }
- },
- {
- "medias": {
"mainSrc": "images/gallery/POOSL-1.png",
"imgAlt": "Put image name here",
"thumbs": [
@@ -1244,31 +1448,6 @@
},
{
"medias": {
- "mainSrc": "images/gallery/bpmn-1.png",
- "imgAlt": "Put image name here",
- "thumbs": [
- ]
- },
- "infos": {
- "title": "BPMN Designer",
- "author": "Obeo",
- "description": "<p>BPMN Designer is based on the BPMN Domain Model of Eclipse Modeling MDT project.</p><p>It supports Flow Objects (Events, Activities, Gateways), Connecting Objects (Sequence Flow, Message Flow, Association), Swim lanes (Pool, Lane) and Artifacts (Data Object, Group, Annotation)</p>",
- "tags": [
- {
- "nom": "Business Process",
- "url": "#"
- }
- ],
- "lnks": [
- {
- "nom": "GitHub",
- "url": "https://github.com/ObeoNetwork/BPMN-Designer"
- }
- ]
- }
- },
- {
- "medias": {
"mainSrc": "images/gallery/intelhome-1.png",
"imgAlt": "Put image name here",
"thumbs": [
@@ -1347,56 +1526,6 @@
},
{
"medias": {
- "mainSrc": "images/gallery/cinematic-1.jpg",
- "imgAlt": "Put image name here",
- "thumbs": [
- ]
- },
- "infos": {
- "title": "Cinematic Designer",
- "author": "Obeo",
- "description": "Cinematic Designer allows the modeling of UI navigation by focusing on the description of Scenario, Flow, Transitions, Actions / Events, and the content of each screens with Widgets.",
- "tags": [
- {
- "nom": "Software Development",
- "url": "#"
- }
- ],
- "lnks": [
- {
- "nom": "GitHub",
- "url": "https://github.com/ObeoNetwork/InformationSystem"
- }
- ]
- }
- },
- {
- "medias": {
- "mainSrc": "images/gallery/database-1.png",
- "imgAlt": "Put image name here",
- "thumbs": [
- ]
- },
- "infos": {
- "title": "Database Designer",
- "author": "Obeo",
- "description": "<p>Database Designer is a graphical designer to define or edit relational tables and relations.</p>",
- "tags": [
- {
- "nom": "Software Development",
- "url": "#"
- }
- ],
- "lnks": [
- {
- "nom": "GitHub",
- "url": "https://github.com/ObeoNetwork/InformationSystem"
- }
- ]
- }
- },
- {
- "medias": {
"mainSrc": "images/gallery/graal-1.png",
"imgAlt": "Put image name here",
"thumbs": [
