-
Notifications
You must be signed in to change notification settings - Fork 0
/
geovis.html
252 lines (211 loc) · 11.7 KB
/
geovis.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
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Mickaël Brasebin - COGIT / IGN</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/clean-blog.css" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="overlay"></div>
<div class="container">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Accueil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="modele.html">Modélisation de l’information géographique 3D</a>
</li>
<li class="nav-item">
<a class="nav-link" href="simu.html">Simulation de l’extension urbaine</a>
</li>
<li class="nav-item">
<a class="nav-link" href="geovis.html">Geovisualisation 3D</a>
</li>
<li class="nav-item">
<a class="nav-link" href="publications.html">Publications</a>
</li>
<li class="nav-item">
<a class="nav-link" href="code.html">Dépôts des codes de recherche</a>
</li>
<li class="nav-item">
<a class="nav-link" href="galerie.html">Galerie</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="masthead" style="background-image: url('img/home-bg.png')">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="site-heading">
<h1>Mickaël Brasebin</h1>
<span class="subheading">Chercheur en sciences de l'information géographique</span>
</div>
</div>
</div>
</div>
</header>
<!--Partie 1 -->
<div class="container">
<div class="row">
<div class="col-md-12 col-xs-12 mx-auto">
<h2>Geovisualisation 3D pour la concertation des PLU</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="post-preview post-meta">
Les données géographiques 3D étant récentes, un certain nombre de verrous doivent être levés pour permettre la représentation d'informations 3D de manière efficace et adaptée aux usages et à leurs contextes. À travers les travaux autour de SimPLU3D,
j'ai été associé aux recherches de <a href="https://sites.google.com/site/sidoniechristophe/home">Sidonie Christophe</a> pour mener une réflexion sur l'usage de styles adaptés à la représentation de résultats de simulation et à leur
paramétrisation. L'enjeu est de permettre une visualisation adaptée au contexte de la concertation afin de faire comprendre au participants l'influence de différents règlements, mais également de faciliter la navigation entre différentes représentations
afin de faire ressortir les éléments les plus importants au cours des discussions. Dans le cadre de ce travail, nous avons proposé une formalisation du style 3D et adapté des algorithmes d'informatique graphique afin de produire des rendus non-photoréalistes
paramétrables. Ces propositions sont des extensions des résultats du projet <a href="http://mapstyle.ign.fr/">ANR Mapstyle</a>.
<br /> Une grande partie de cette collaboration a été menée dans le cadre du <a href="http://ignf.github.io/PLU2PLUS/"> projet PEPS PLU++</a> en collaboration avec <a href="http://www.jacquinod.fr/dokuwiki/doku.php">Florence Jacquinod</a> de
l'EIVP.
</div>
</div>
<div class="row">
<div class="col-md-12 col-lg-6 mycontent-left ">
<h2>Sélection de publications </h2>
<ul class>
<li class="li-align">Brasebin, M., Christophe, S., Jacquinod, F., Vinesse, A. and Mahon, H. (2016) <span class="textcolorred">3D geovisualization & stylization to manage comprehensive and participative local urban plans</span>, ISPRS Ann. Photogramm. Remote Sens.
Spatial Inf. Sci., IV-2-W1, 83-91, doi:10.5194/isprs-annals-IV-2-W1-83-2016. <a href="https://www.isprs-ann-photogramm-remote-sens-spatial-inf-sci.net/IV-2-W1/83/2016/"><span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-file-pdf-o fa-stack-1x fa-inverse"></i>
</span>
</a></li>
<li class="li-align">Brasebin, M., Buard, E., Christophe, S. and Pelloie, F. (2015) <span class="textcolorred">A knowledge base to classify and mix 3D rendering styles</span>, 27th International Cartographic Conference (ICC'15), Rio de Janeiro, Brazil<a href="http://recherche.ign.fr/labos/cogit/publiCOGITDetail.php?idpubli=5401&portee=chercheur&id=59&duree=100&nomcomplet=Brasebin%20Mickael&classement=date&annee=0&principale="><span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-file-pdf-o fa-stack-1x fa-inverse"></i>
</span>
</a></li>
</ul>
</div>
<div class="col-6">
<img class="img-responsive center-block" src="img/PLU2PLUS.png" alt=""> <br> Représentation de résultats de simulation avec des arêtes Sketchy (Brasebin, 2016)
</div>
</div>
<!--Partie 2 -->
<div class="row">
<div class="col-md-12 col-xs-12 mx-auto">
<h2>Représentation d'autres phénomènes en 3D</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="post-preview post-meta">
Dans le cadre de mes interactions avec mes collègues de travail, j'ai été amené à utiliser mes connaissances et compétences en SIG et géovisualisation 3D pour concevoir des visualisations adaptées. Parmi ces collaborations, deux sujets ont été publiés
: la visualisation de traces de déplacements animaliers et la répartition de points d'intérêt pour la visualisation sur mobile. L'objectif du premier sujet a été de réfléchir à trouver une représentation mettant en avant des collocation spatiale
de lieux de pause pour des herbivores. La visualisation 3D a permis notamment de mettre en avant des motifs de déplacement entre lieux non détectables en 2D. La visualisation des points d'intérêt avait pour objectif de donner des indications
sur la répartition et la distance de points d'intérêt autour d'une scène 3D, afin par exemple de guider un promeneur vers des lieux riches en points d'intérêt et à proximité de lui.
<br />
</div>
</div>
<div class="row">
<div class="col-md-12 col-lg-6 mycontent-left ">
<h2>Sélection de publications </h2>
<ul class>
<li class="li-align">Buard, E. and M. Brasebin (2011) <span class="textcolorred">Visual exploration of large animal trajectories</span>, 25th International Cartographic Conference (ICC'11).<a href="http://recherche.ign.fr/labos/cogit/publiCOGITDetail.php?idpubli=4237"><span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-file-pdf-o fa-stack-1x fa-inverse"></i>
</span>
</a></li>
<li class="li-align"> Brasebin, M., B. Bucher and C. Hoarau (2010) <span class="textcolorred">Enriching a 3D world with synthetic and visible information about the distribution of points of interest</span>, 5th 3D GeoInfo Conference (3DGeo'10).<a href="http://recherche.ign.fr/labos/cogit/publiCOGITDetail.php?idpubli=4122"><span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-file-pdf-o fa-stack-1x fa-inverse"></i>
</span>
</a></li>
</ul>
</div>
<div class="col-6">
<img class="img-responsive center-block" src="img/backReturn2.bmp" alt=""> <br> Visualisation des allers-retours d'éléphants entre deux lieux (Buard et al, 2011).
</div>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="./cv/cv_recherche_fr.pdf">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-stack-1x fa-inverse cvpolice">CV</i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="mailto:[email protected]">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-envelope-open fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://twitter.com/mbrasebin?lang=fr">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://github.com/mbrasebin">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.researchgate.net/profile/Mickael_Brasebin">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-bank fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://www.linkedin.com/in/micka%C3%ABl-brasebin-4120bb110">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<div class="text-muted copyright">Copyright © Mickaël Brasebin 2017 - 2018</div>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/clean-blog.min.js"></script>
</body>
</html>