-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
288 lines (273 loc) · 17.6 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
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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Portfolio de GéoProduits</title>
<!-- Bootstrap CSS CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- Our Custom CSS -->
<link rel="stylesheet" href="css/port_style.css">
<!-- <script> function MyFunction(){ -->
<!-- document.getElementById("focus").focus(); -->
<!-- } -->
<!-- </script> -->
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<!-- top bar logos -->
<nav id="focus" class="navbar navbar-custom">
<div class="container-fluid">
<div class="navbar-header">
<img id="nrcanlogo" src="images/nrcan_logo.PNG" width="15%" height="" alt="logo Ressources naturelles Canada">
<img id="canlogo" src="images/can_logo3.PNG" width="5%" height="" alt="logo Gouvernement du Canada">
</div>
</div>
</nav>
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<ul class="list-unstyled components">
<li class="">
<a href="#content">Introduction</a>
</li>
<li>
<a href="#PrioritySubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" id="hpriority">Répondre aux priorités</a>
<ul class="collapse list-unstyled" id="PrioritySubmenu">
<li>
<a href="#flood">Soutien à la cartographie d'urgence des inondations</a>
</li>
<li>
<a href="#fire">Cartes de sensibilisation aux feux de végétation</a>
</li>
<li>
<a href="#osdp">Cartes personnalisées pour la Plateforme de science et de données ouvertes</a>
</li>
</ul>
</li>
<li>
<a href="#CreateSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" id="ck">Création de connaissances</a>
<ul class="collapse list-unstyled" id="CreateSubmenu">
<li>
<a href="#lcc">Couvertures terrestre au Canada 2015</a>
</li>
<li>
<a href="#world">Le monde</a>
</li>
<li>
<a href="#ppsr">Cartes d'ensoleillement et du potentiel d'énergie solaire photovoltaïque du Canada</a>
</li>
<li>
<a href="#smtc">Tableau de bord de la situation du bois massif au Canada</a>
</li>
</ul>
</li>
<li>
<a href="#InformSubmenu" data-toggle="collapse" aria-expanded="false" class="dropdown-toggle" id="id">Aide à la décision</a>
<ul class="collapse list-unstyled" id="InformSubmenu">
<li>
<a href="#hot2000">Carte climatique HOT2000</a>
</li>
<li>
<a href="#mpi">Inventaire des grands projets</a>
</li>
</ul>
</li>
<li>
<a href="#contact">Contactez-nous</a>
</li>
<li>
<a href="https://geoproducts-geoproduits.github.io/GeoProducts-Portfolio/">English</a>
</li>
</ul>
</nav>
<!-- Portfolio content section -->
<div id="content">
<div id="intro" class="container-fluid">
<div class="row">
<img id="GIlogo2" src="images/Logo_2024.png" width="30%" height="" alt="GeoProduit logo" >
</div>
<!--Introduction paragraph -->
<div class="row">
<div class="col-md-4 col-lg-12">
<p>GéoProduits fait partie de GéoDécouverte et s’appuie sur les principes de cette dernière pour offrir une valeur ajoutée aux Canadiens et au Gouvernement du Canada.
</p>
</div>
<div class="col-md-4 col-lg-12">
<p>Ce portfolio présente une sélection de projets récents développés et soutenus par GéoProduits.
Chaque exemple souligne les analyses, les applications, la cartographie et la conception utilisées pour créer des produits qui répondent à de nombreux besoins, qu’il s’agisse de répondre aux priorités gouvernementales ou de partager des connaissances géographiques avec les Canadiens.
</p>
</div>
</div>
</div>
<!-- Content for Responding to Priorities theme-->
<div class="section_one">
<div class="container-fluid">
<h1 id="hpriority1">Répondre aux priorités</h1>
</div>
<div class="container-fluid">
<h3 id="flood">Soutien à la cartographie d'urgence des inondations</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="dept">Ressources naturelles Canada ● Service géomatique d'urgence</h4>
</div>
<p id="description">Au cours de la saison d’inondations 2019, le Service géomatique d’urgence de Ressources naturelles Canada a fait appel à l’équipe de GéoProduits pour aider à la réponse aux inondations dans l’Est du Canada. Des centaines d’images satellitaires du Manitoba, de l’Ontario, du Québec et du Nouveau-Brunswick ont été acquises, traitées et développées en produits uniques pour soutenir la connaissance de la situation et la planification des interventions. Les résultats étaient une vue d'ensemble en temps quasi réel de la situation ainsi que des informations essentielles pour les intervenants d'urgence pendant la phase d’intervention du cycle de gestion des urgences.</p>
<img class = "projimg" src="images/flood_lrg.png" alt="carte d'inondations 2019">
</div>
<div class="container-fluid">
<h3 id="fire">Cartes de sensibilisation aux feux de végétation</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● Centre des opérations d'urgence du Ministère</h4>
</div>
<p id="">Lors de la saison des feux de végétation 2021, GéoProduits a été mandaté par le Centre des opérations d’urgence du Ministère (COUM) pour créer des cartes statiques de sensibilisation aux feux de végétation pour les rapports d'état de la situation du sous-ministre et du sous-ministre adjoint (SMA). Les cartes mettent en évidence les feux actifs qui pourraient affecter les immobilisations de Ressources naturelles Canada, les infrastructures essentielles et les communautés des Premières Nations. Elles ont été créées pour les territoires provinciaux demandés par le COUM et fournies deux fois par semaine pour un soutien continu. </p>
<img class = "projimg" src="images/fires_lrg2.png" alt="Carte de feux de végétation">
</div>
<div class="container-fluid">
<h3 id="osdp">Cartes personnalisées pour la Plateforme de science et de données ouvertes</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● Secteur de la politique stratégique et innovation</h4>
</div>
<p id="">GéoProduits est responsable de la création et de la maintenance des cartes dynamiques qui profitent de l'outil de visualisation de GéoDécouverte sur la Plateforme de science et de données ouvertes pour les effets cumulatifs (PSDO). Cela inclu deux cartes permettant la recherche de données géospatiales dans le catalogue et huit cartes basées sur le thème des effets cumulatifs. GéoProduits fournit également des conseils sur la façon dont les données géospatiales peuvent être présentées de manière optimale sur des cartes ainsi que dans le catalogue de la PSDO. </p>
<div class="row">
<a href="https://osdp-psdo.canada.ca/dp/fr" target="_blank" class="appurl">Visitez la Plateforme de science et de données ouvertes</a>
</div>
</div>
</div>
<!-- Content for Creating Knowledge theme -->
<div class="section_two">
<div class="container-fluid">
<h1 id="ck1">Création de connaissances</h1>
</div>
<div class="container-fluid">
<h3 id="lcc">Couvertures terrestre au Canada 2015</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● Centre canadien de télédétection</h4>
</div>
<p>En utilisant les données de la couverture terrestre 2015, dérivées initialement d’imagerie satellitaire par le Centre canadien de télédétection à une résolution de 30 mètres, l’équipe de GéoProduits a mise à jour trois produits : le traitement des données pour une visualisation adéquate dans un service cartographique web, une application de carte interactive en ligne et une carte murale imprimée ainsi que numérique. Les données ont été présentées d'une façon compréhensible, en expliquant et montrant chaque type de couverture terrestre qu’on trouve sur la carte. </p>
<div class="row">
<a href = "https://geoscan.nrcan.gc.ca/starweb/geoscan/servlet.starweb?path=geoscan/fullf.web&search1=R=315660" target="_blank" class="appurl">Accédez à la carte de la couverture terrestre au Canada 2015</a>
</div>
<img class="projimg" src="images/FR_lcc.png" alt= "Carte de la couverture terrestre au Canada 2015">
</div>
<div class="container-fluid">
<h3 id="world">Le monde</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● Atlas du Canada</h4>
</div>
<p>La carte du monde est une carte politique de référence générale axée sur les noms et les frontières internationales des pays souverains et non souverains. Il s'agit d'une nouvelle orientation cartographique pour l'Atlas du Canada, qui fournit ici une carte actualisée pour renforcer les connaissances géographiques et qui utilise des palettes de couleurs et des choix typographiques qui créent un design cartographique rafraîchissant, renouvelé et flexible. La projection cartographique Winkel II préserve la contiguïté des continents tout en créant une symétrie formelle pour la carte dans son ensemble. </p>
<div class="row">
<a href = "https://open.canada.ca/data/fr/dataset/8f1749a5-ac67-467a-9c01-752b375127c3" target="_blank" class="appurl">Accédez à la carte du monde</a>
</div>
<img class="projimg" src="images/FR_lemonde.png" alt= "Le monde">
</div>
<div class="container-fluid">
<h3 id="ppsr">Cartes d'ensoleillement et du potentiel d'énergie solaire photovoltaïque du Canada</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● CanmetÉNERGIE</h4>
</div>
<p>En tirant parti des données ouvertes du gouvernement, GéoProduits a collaboré avec l’équipe des systèmes photovoltaïques de CanmetÉNERGIE de Ressources naturelles Canada pour développer une application web qui cartographie le potentiel photovoltaïque de 3 500 municipalités canadiennes. À l'aide de données couvrant une période de 20 ans, l’application analyse et cartographie les estimations en kilowattheure du potentiel de production d'électricité solaire par des systèmes photovoltaïques raccordés au réseau. Les estimations sont faites pour chaque mois ainsi que sur une base annuelle, selon six orientations différentes partout au Canada. </p>
<div class="row">
<a href = "https://nrcan-rncan.maps.arcgis.com/apps/webappviewer/index.html?id=3dd05b0bffef4c77a677861db84a3bc2&locale=fr" target="_blank" class="appurl">Ouvrez l'application web</a>
</div>
<div>
<iframe class="myframe" id="ppsrIframe" src="about:blank" data-src="https://nrcan-rncan.maps.arcgis.com/apps/webappviewer/index.html?id=3dd05b0bffef4c77a677861db84a3bc2&locale=fr" width="1100" height="700" scrolling = "no" frameborder="0" marginheight="0" marginwidth="0"></iframe>
</div>
</div>
<div class="container-fluid">
<h3 id="smtc">La situation du bois massif au Canada</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● Service canadien des forêts</h4>
</div>
<p id="">La carte, la base de données et le tableau de bord de la situation du bois massif au Canada fournissent la localisation et l’information relatives aux projets et installations de fabrication de bois massif complétés, en constructions et prévus au Canada. Ils ont été publiés avec le rapport SBMC de 2021 du Service canadien des forêts qui documente les projets de construction de bois massif au niveau national, la capacité de production, l'analyse de l’accroissement de la construction de bois massif et démontre aux constructeurs et concepteurs la valeur de construire avec du bois. </p>
<div class="row">
<a href = "https://arcgis.com/apps/dashboards/ce033edeaaa34e26bf58982d88be72eb" target="_blank" class="appurl">Ouvrez l'application web </a>
</div>
<div class="row">
<a href = "https://scf.rncan.gc.ca/publications?id=40364&lang=fr_CA" target="_blank" class="appurl">Ouvrez la publication </a>
</div>
<div>
<iframe id="stmcIframe" class="myframe" width="1100" height="700" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://arcgis.com/apps/dashboards/ce033edeaaa34e26bf58982d88be72eb"></iframe>
</div>
</div>
</div>
<!-- Content for Informing Decisions theme -->
<div class="section_three">
<div class="container-fluid">
<h1 id="id2">Aide à la décision</h1>
</div>
<div class="container-fluid">
<h3 id="hot2000">Carte climatique HOT2000</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● Office de l'efficacité énergétique</h4>
</div>
<p>La division d’habitations de l’Office de l’efficacité énergétique de Ressources naturelles Canada gère les initiatives d’efficacité énergétique des maisons neuves et existantes. Un aspect clé est le programme d’analyse d’énergie HOT2000. GéoProduits a fourni des fonctionnalités clés et des données géographiques renouvelées au programme HOT2000 avec le développement d’une application cartographique en ligne qui fournit des données climatiques précises à tous les utilisateurs, y compris les agences de régulation, les constructeurs et le gouvernement, quand et où ils en ont besoin.</p>
<div class="row">
<a href = "https://nrcan-rncan.maps.arcgis.com/apps/webappviewer/index.html?id=759bcbafd4814e07a5d98a201f743330&locale=fr" target="_blank" class="appurl">Ouvrez l'application web</a>
</div>
<div>
<iframe class="myframe" id="hot2000Iframe" src="about:blank" data-src="https://nrcan-rncan.maps.arcgis.com/apps/webappviewer/index.html?id=759bcbafd4814e07a5d98a201f743330&locale=fr" width="1100" height="700" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
</div>
</div>
<div class="container-fluid">
<h3 id="mpi">Inventaire des grands projets</h3>
<div class="row">
<h4 class="col-md-4 col-lg-12" id="">Ressources naturelles Canada ● Bureau de gestion des grands projets</h4>
</div>
<p>Chaque année, la division de l’analyse et des données économiques du Secteur de politique stratégique et d’innovation collabore avec des experts et des partenaires pour mettre à jour l’inventaire des grands projets. L’inventaire suit les grands projets des secteurs d’énergie, des mines et des forêts qui sont en voie de construction ou prévus au cours des 10 prochaines années. Une carte nationale et 13 cartes provinciales/territoriales, en français et en anglais, ont été créées pour montrer la localisation, le type et la valeur des grands projets.</p>
<div class="row">
<a href = "https://open.canada.ca/data/fr/dataset/f5f2db55-31e4-42fb-8c73-23e1c44de9b2" target="_blank" class="appurl">Visitez l'inventaire des grands projets du BGGP sur Cartes ouvertes</a>
</div>
<img class="projimg" src="images/FR_mpi.png" alt= "La carte d'inventaire des grands projets">
</div>
</div>
<div class="container-fluid">
<h3 id="contact">Contactez-nous</h3>
<div class="row">
<div class="col-md-4 col-lg-12">Ressources naturelles Canada</div>
<div class="col-md-4 col-lg-12">GéoDécouverte</div>
<div class="col-md-4 col-lg-12">L'équipe GéoProduits</div>
<a href="mailto:[email protected]" class="appurl"> [email protected]</a>
</div>
</div>
</div>
</div>
<!--footer -->
<footer class="text-center text-lg-start text-muted">
<!-- Copyright -->
<div class="text-center p-4" style="background-color: #FFFFFF;">
<a class="text-reset fw-bold">© Sa Majesté le Roi du chef du Canada, représenté par le ministre des Ressources naturelles</a>
</div>
</footer>
<script>
let myMap = document.getElementsByClassName('myframe');
let myMap1= document.getElementById("hot2000Iframe");
let myMap2= document.getElementById("ppsrIframe");
function observerFn1(entries) {
let myMapEntry = entries[0]; // we have only one entry
if(myMapEntry.isIntersecting) {
myMap1.src = myMap1.getAttribute("data-src");
} else {
myMap1.src="";
}
};
function observerFn2(entries) {
let myMapEntry = entries[0]; // we have only one entry
if(myMapEntry.isIntersecting) {
myMap2.src = myMap2.getAttribute("data-src");
} else {
myMap2.src="";
}
};
let observer1 = new IntersectionObserver(observerFn1);
let observer2 = new IntersectionObserver(observerFn2);
observer1.observe(myMap1);
observer2.observe(myMap2);
</script>
</body>
</html>