-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
216 lines (198 loc) · 10.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
---
layout: isdesigner_default
title: Information System Designer | Accueil
---
<section id="intro">
<div class="container">
<div class="row align-items-end">
{% include section_intro.html
title="Analysez, concevez, partagez !"
desc="Un outil open-source complet pour décrire visuellement les applications de votre système d’information."
href_1="https://github.com/ObeoNetwork/InformationSystem/releases"
btn_txt_1="C'est parti"
target_1="self"
href_2="fonctionnalites.html"
btn_txt_2="Fonctionnalités"
target_2="self"
img_href="fonctionnalites.html"
img_target="self"
img_src="images/illustrations/isdesigner-overview.png"
img_alt="Information System Designer"
%}
</div>
</div>
</section>
<section class="bg_lightest_grey text-center">
<div class="container">
{% include block_heading.html
title="Atelier unique"
sub_title=""
desc=""
%}
<div class="row">
{% include block_cols.html
col="4"
icon_name="fas fa-users"
icon_color="txt_indigo"
title="Analyste métier"
desc="Capturer les besoins et dialoguer<br>avec les concepteurs et développeurs"
%}
{% include block_cols.html
col="4"
icon_name="fas fa-desktop"
icon_color="txt_indigo"
title="Concepteur Front-End"
desc="Concevoir les interfaces utilisateurs<br>et les interactions avec le back-end"
%}
{% include block_cols.html
col="4"
icon_name="fas fa-server"
icon_color="txt_indigo"
title="Concepteur Back-End"
desc="Définir les services applicatifs,<br>les objets métiers et la base de données"
%}
</div>
</div>
</section>
<section>
<div class="container">
{% include block_text_image.html
txt_order="order-1"
title="Editeurs graphiques dédiés"
desc="<p>Des éditeurs graphiques dédiés permettent de modéliser visuellement les différents aspects d’une application :
<ul>
<li><a href='requirements-designer.html'>Exigences</a></li>
<li><a href='graal-designer.html'>Scénarios d'usage</a></li>
<li><a href='database-designer.html'>Bases de données</a></li>
<li><a href='entity-designer.html'>Entités de données</a></li>
<li><a href='soa-designer.html'>Services</a></li>
<li><a href='cinematic-designer.html'>IHM</a></li></ul></p>"
lnk_txt=""
lnk_href=""
lnk_target=""
lnk_icon=""
img_order="order-2"
img_src="images/illustrations/screenshot-isd.png"
img_title="Information System Designer - What is Information System Designer?"
%}
</div>
</section>
<section class="bg_lightest_grey text-center">
<div class="container">
{% include block_heading.html
title="Approche Low-Code"
sub_title=""
desc="En fournissant une plate-forme interactive et visuelle, Information System Designer<br>diminue la complexité technologique et permet de se concentrer<br>sur l’activité de conception des applications"
%}
<div class="row">
{% include block_cols.html
col="3"
icon_name="far fa-lightbulb"
icon_color="txt_indigo"
title="Créativité"
desc="Fournit un support de réflexion complet, visuel, et partagé pour l'analyse et la conception"
href="http://www.eclipse.org/sirius/doc/"
link_txt=""
href_icon=""
%}
{% include block_cols.html
col="3"
icon_name="fas fa-tachometer-alt"
icon_color="txt_indigo"
title="Productivité"
desc="Améliore la productivité et la qualité depuis les spécifications jusqu'au développement"
href="http://www.eclipse.org/forums/index.php?t=thread&frm_id=262"
target="_blank"
link_txt=""
href_icon=""
%}
{% include block_cols.html
col="3"
icon_name="far fa-share-square"
icon_color="txt_indigo"
title="Partage"
desc="Facilite le partage de connaissances (techniques et métier) et la montée en compétence sur un projet"
href="https://www.obeodesigner.com/en/services"
target="_blank"
link_txt=""
href_icon=""
%}
{% include block_cols.html
col="3"
icon_name="far fa-gem"
icon_color="txt_indigo"
title="Connaissance"
desc="Maintient une connaissance sur le long terme sur les choix de conception d'une application"
href="http://www.eclipse.org/sirius/doc/"
link_txt=""
href_icon=""
%}
</div>
</div>
</section>
<section class="text-center" style="background-color:#261e58; color:white;">
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-12 wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 300ms; animation-name: fadeInLeft;">
<img width='200' src='images/illustrations/david-clain.png' style="float:right;padding:0">
</div>
<div class="col-md-8 col-xs-12 wow fadeInLeft animated" data-wow-duration="500ms" data-wow-delay="300ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 300ms; animation-name: fadeInLeft;">
<p><i><font size="+1">"Nous avons utilisé IS Designer sur <b>trois projets à portée nationale</b>.</font></i></p>
<p><i><font size="+1">Le principal bénéfice a été constaté grâce à la génération de la couche d'accès aux données (DAO), en particulier pour les mises à jour des schémas de base.</font></i></p>
<p><i><font size="+1">Pour la dizaine de développeurs impliqués sur ces projets, la production automatique des Tests Unitaires a aussi permis de <b>s'approprier plus facilement le socle technique</b>, grâce à une approche par l'exemple, mais également d’avoir une <b>assurance de non régression</b> sur les fonctionnalités produites."</font></i></p>
<br>
<h2 style="color:white;">David Clain, Architecte Logiciels au Ministère de l'Éducation Nationale</h2>
</div>
</div>
</section>
<section class="text-center">
<div class="container">
{% include block_heading.html
title="Open-Source"
sub_title=""
desc=""
%}
<div class="row align-items-center">
<div class="col-md-4 offset-md-2 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<p><a href="https://github.com/ObeoNetwork/InformationSystem" title="Logo Github" target="_blank"><img src="images/logos/logo-github.png" width="200"></a></p>
<p>Le code complet de l’atelier Information System Designer est disponible sur GitHub</p>
</div>
<div class="col-md-4 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<p><a href="https://www.eclipse.org" title="Logo Eclipse" target="_blank"><img src="images/logos/logo-eclipse.png" width="200"></a></p>
<p>L’atelier Information System Designer est un ensemble packagé de plug-ins Eclipse</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-4 offset-md-2 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<p><a href="https://www.liquibase.org/" title="Logo Liquibase" target="_blank"><img src="images/logos/logo-liquibase.png" width="200"></a></p>
<p>Information System Designer s’appuie sur Liquibase pour rétro-modéliser des bases de données existantes</p>
</div>
<div class="col-md-4 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<p><a href="https://www.teclipse.org/sirius" title="Logo Eclipse Sirius" target="_blank"><img src="images/logos/logo-sirius.jpg" width="200"></a></p>
<p>Les éditeurs graphiques développés avec Sirius sont extensibles et personnalisables</p>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-4 offset-md-2 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<p><a href="https://www.openapis.org/" title="Logo OpenAPI" target="_blank"><img src="images/logos/logo-openapi.png" width="200"></a></p>
<p>Information System Designer permet de rétro-modéliser des interfaces de services définies avec OpenAPI</p>
</div>
<div class="col-md-4 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
<p><a href="https://www.eclipse.org/acceleo/" title="Logo Acceleo" target="_blank"><img src="images/logos/logo-acceleo.jpg" width="200"></a></p>
<p>Les modèles créés avec Information System Designer peuvent servir pour générer du code avec Acceleo</p>
</div>
</div>
</div>
</section>
<section class="bg_lightest_grey text-center">
<div class="container">
{% include block_heading.html
title="Aperçu"
sub_title=""
desc="Découvrez les principales fonctionnalités en vidéo"
%}
<iframe width="1120" height="630" src="https://www.youtube.com/embed/HS2Dyt3zBlM"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</section>