guyotv/TM_latex
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Réalisation de la première partie de l'annexe Xia et Map Wrapper, sur Xia.

Browse Source
This commit is contained in:
Guyot 2023-09-18 18:23:40 +02:00
parent 6ca7a75bd3
commit f2bb2eb0fb
149 changed files with 1508116 additions and 29668 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Session_DO_carto.tks Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="UTF-8"?>
<TexmakerSession quickmode="13">
<document hasfocus="false" master="true" bookmark1="0" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/main.tex" bookmark2="0" bookmark3="0" line="0"/>
<document hasfocus="false" master="false" bookmark1="287" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/chapitres/chapter2.tex" bookmark2="0" bookmark3="0" line="15"/>
<document hasfocus="false" master="false" bookmark1="0" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/main.bib" bookmark2="0" bookmark3="0" line="10"/>
<document hasfocus="false" master="false" bookmark1="0" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/chapitres/chapter1.tex" bookmark2="0" bookmark3="0" line="0"/>
<document hasfocus="false" master="false" bookmark1="0" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/chapitres/chapter3.tex" bookmark2="0" bookmark3="0" line="0"/>
<document hasfocus="false" master="false" bookmark1="0" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/chapitres/conclusion.tex" bookmark2="0" bookmark3="0" line="0"/>
<document hasfocus="true" master="false" bookmark1="0" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/chapitres/annexe2.tex" bookmark2="0" bookmark3="0" line="2"/>
<document hasfocus="false" master="false" bookmark1="0" file="/home/pi/Documents/Prof/DOCarto/DO_Carto/chapitres/annexe1.tex" bookmark2="0" bookmark3="0" line="181"/>
</TexmakerSession>

308
TM.sty
View File

@ -57,6 +57,7 @@
% Images % Images
\usepackage{graphicx} % Placement des figures \usepackage{graphicx} % Placement des figures
\usepackage{pstricks}
\usepackage{fix-cm} % Pour avoir des fontes plus grandes que Huge (corr.bug) \usepackage{fix-cm} % Pour avoir des fontes plus grandes que Huge (corr.bug)
\usepackage{epsfig} \usepackage{epsfig}
\usepackage{float} \usepackage{float}
@ -67,18 +68,308 @@
\usepackage{multirow} % Fusion des lignes d'un tableau \usepackage{multirow} % Fusion des lignes d'un tableau
\usepackage{longtable} % Longues tables \usepackage{longtable} % Longues tables
\usepackage{tabularx} % Tableaux \usepackage{tabularx} % Tableaux
\usepackage{rotating} % Rotation \usepackage[figuresleft]{rotating} % Rotation avec les figures dans le même sens
\usepackage{lscape} % En format paysage \usepackage{lscape} % En format paysage
%\usepackage{pdflscape} % Pour faire tourner la page dans le pdf uniquement. Mais
% attention, il faut ajouter -dAutoRotatePages=/None à % ps2pdf pour éviter une double rotation
% Listes % Listes
\usepackage{paralist} % Divers styles de listes \usepackage{paralist} % Divers styles de listes
\usepackage{textcase} % Mettre en majuscule ou minuscule sans bugs \usepackage{textcase} % Mettre en majuscule ou minuscule sans bugs
% Listings % Listings
\usepackage{listings} % Listings et sa configuration pour les accents dans le code \usepackage{listings} % Listings et sa configuration
\lstdefinelanguage{JavaScript}{
morekeywords={break, case, catch, continue, debugger, default, delete, do, else, false, finally, for, function, if, in, instanceof, new, null, return, switch, this, throw, true, try, typeof, var, void, while, with},
morecomment=[s]{/*}{*/},
morecomment=[l]//,
morestring=[b]",
morestring=[b]'
}
\lstdefinelanguage{CSS}{
keywords={accelerator,azimuth,background,background-attachment,
background-color,background-image,background-position,
background-position-x,background-position-y,background-repeat,
behavior,border,border-bottom,border-bottom-color,
border-bottom-style,border-bottom-width,border-collapse,
border-color,border-left,border-left-color,border-left-style,
border-left-width,border-right,border-right-color,
border-right-style,border-right-width,border-spacing,
border-style,border-top,border-top-color,border-top-style,
border-top-width,border-width,bottom,caption-side,clear,
clip,color,content,counter-increment,counter-reset,cue,
cue-after,cue-before,cursor,direction,display,elevation,
empty-cells,filter,float,font,font-family,font-size,
font-size-adjust,font-stretch,font-style,font-variant,
font-weight,height,ime-mode,include-source,
layer-background-color,layer-background-image,layout-flow,
layout-grid,layout-grid-char,layout-grid-char-spacing,
layout-grid-line,layout-grid-mode,layout-grid-type,left,
letter-spacing,line-break,line-height,list-style,
list-style-image,list-style-position,list-style-type,margin,
margin-bottom,margin-left,margin-right,margin-top,
marker-offset,marks,max-height,max-width,min-height,
min-width,-moz-binding,-moz-border-radius,
-moz-border-radius-topleft,-moz-border-radius-topright,
-moz-border-radius-bottomright,-moz-border-radius-bottomleft,
-moz-border-top-colors,-moz-border-right-colors,
-moz-border-bottom-colors,-moz-border-left-colors,-moz-opacity,
-moz-outline,-moz-outline-color,-moz-outline-style,
-moz-outline-width,-moz-user-focus,-moz-user-input,
-moz-user-modify,-moz-user-select,orphans,outline,
outline-color,outline-style,outline-width,overflow,
overflow-X,overflow-Y,padding,padding-bottom,padding-left,
padding-right,padding-top,page,page-break-after,
page-break-before,page-break-inside,pause,pause-after,
pause-before,pitch,pitch-range,play-during,position,quotes,
-replace,richness,right,ruby-align,ruby-overhang,
ruby-position,-set-link-source,size,speak,speak-header,
speak-numeral,speak-punctuation,speech-rate,stress,
scrollbar-arrow-color,scrollbar-base-color,
scrollbar-dark-shadow-color,scrollbar-face-color,
scrollbar-highlight-color,scrollbar-shadow-color,
scrollbar-3d-light-color,scrollbar-track-color,table-layout,
text-align,text-align-last,text-decoration,text-indent,
text-justify,text-overflow,text-shadow,text-transform,
text-autospace,text-kashida-space,text-underline-position,top,
unicode-bidi,-use-link-source,vertical-align,visibility,
voice-family,volume,white-space,widows,width,word-break,
word-spacing,word-wrap,writing-mode,z-index,zoom},
sensitive=true,
morecomment=[l]{//},
morecomment=[s]{/*}{*/},
morestring=[b]',
morestring=[b]",
alsoletter={:},
alsodigit={-}
}
\lstdefinelanguage{HTML5}{
language=html,
sensitive=true,
alsoletter={<>=-},
otherkeywords={
% HTML tags
<, </, >,
</a, <a, </a>,
</abbr, <abbr, </abbr>,
</address, <address, </address>,
</area, <area, </area>,
</area, <area, </area>,
</article, <article, </article>,
</aside, <aside, </aside>,
</audio, <audio, </audio>,
</audio, <audio, </audio>,
</b, <b, </b>,
</base, <base, </base>,
</bdi, <bdi, </bdi>,
</bdo, <bdo, </bdo>,
</blockquote, <blockquote, </blockquote>,
</body, <body, </body>,
</br, <br, </br>,
</button, <button, </button>,
</canvas, <canvas, </canvas>,
</caption, <caption, </caption>,
</cite, <cite, </cite>,
</code, <code, </code>,
</col, <col, </col>,
</colgroup, <colgroup, </colgroup>,
</data, <data, </data>,
</datalist, <datalist, </datalist>,
</dd, <dd, </dd>,
</del, <del, </del>,
</details, <details, </details>,
</dfn, <dfn, </dfn>,
</div, <div, </div>,
</dl, <dl, </dl>,
</dt, <dt, </dt>,
</em, <em, </em>,
</embed, <embed, </embed>,
</fieldset, <fieldset, </fieldset>,
</figcaption, <figcaption, </figcaption>,
</figure, <figure, </figure>,
</footer, <footer, </footer>,
</form, <form, </form>,
</h1, <h1, </h1>,
</h2, <h2, </h2>,
</h3, <h3, </h3>,
</h4, <h4, </h4>,
</h5, <h5, </h5>,
</h6, <h6, </h6>,
</head, <head, </head>,
</header, <header, </header>,
</hr, <hr, </hr>,
</html, <html, </html>,
</i, <i, </i>,
</iframe, <iframe, </iframe>,
</img, <img, </img>,
</input, <input, </input>,
</ins, <ins, </ins>,
</kbd, <kbd, </kbd>,
</keygen, <keygen, </keygen>,
</label, <label, </label>,
</legend, <legend, </legend>,
</li, <li, </li>,
</link, <link, </link>,
</main, <main, </main>,
</map, <map, </map>,
/mark, <mark, </mark>,
</math, <math, </math>,
</menu, <menu, </menu>,
</menuitem, <menuitem, </menuitem>,
</meta, <meta, </meta>,
</meter, <meter, </meter>,
</nav, <nav, </nav>,
</noscript, <noscript, </noscript>,
</object, <object, </object>,
</ol, <ol, </ol>,
</optgroup, <optgroup, </optgroup>,
</option, <option, </option>,
</output, <output, </output>,
</p, <p, </p>,
</param, <param, </param>,
</pre, <pre, </pre>,
</progress, <progress, </progress>,
</q, <q, </q>,
</rp, <rp, </rp>,
</rt, <rt, </rt>,
</ruby, <ruby, </ruby>,
</s, <s, </s>,
</samp, <samp, </samp>,
</script, <script, </script>,
</section, <section, </section>,
</select, <select, </select>,
</small, <small, </small>,
</source, <source, </source>,
</span, <span, </span>,
</strong, <strong, </strong>,
</style, <style, </style>,
</summary, <summary, </summary>,
</sup, <sup, </sup>,
</svg, <svg, </svg>,
</table, <table, </table>,
</tbody, <tbody, </tbody>,
</td, <td, </td>,
</template, <template, </template>,
</textarea, <textarea, </textarea>,
</tfoot, <tfoot, </tfoot>,
</th, <th, </th>,
</thead, <thead, </thead>,
</time, <time, </time>,
</title, <title, </title>,
</tr, <tr, </tr>,
</track, <track, </track>,
</u, <u, </u>,
</ul, <ul, </ul>,
</var, <var, </var>,
</video, <video, </video>,
</wbr, <wbr, </wbr>,
/>, <!
},
ndkeywords={
% General
=,
% HTML attributes
accept=, accept-charset=, accesskey=, action=, align=, alt=, async=,
autocomplete=, autofocus=, autoplay=, autosave=, bgcolor=, border=,
buffered=, challenge=, charset=, checked=, cite=, class=, code=,
codebase=, color=, cols=, colspan=, content=, contenteditable=,
contextmenu=, controls=, coords=, data=, datetime=, default=, defer=,
dir=, dirname=, disabled=, download=, draggable=, dropzone=, enctype=,
for=, form=, formaction=, headers=, height=, hidden=, high=, href=,
hreflang=, http-equiv=, icon=, id=, ismap=, itemprop=, keytype=,
kind=, label=, lang=, language=, list=, loop=, low=, manifest=, max=,
maxlength=, media=, method=, min=, multiple=, name=, novalidate=,
open=, optimum=, pattern=, ping=, placeholder=, poster=, preload=,
pubdate=, radiogroup=, readonly=, rel=, required=, reversed=, rows=,
rowspan=, sandbox=, scope=, scoped=, seamless=, selected=, shape=,
size=, sizes=, span=, spellcheck=, src=, srcdoc=, srclang=, start=,
step=, style=, summary=, tabindex=, target=, title=, type=, usemap=,
value=, width=, wrap=,
% CSS properties
accelerator:,azimuth:,background:,background-attachment:,
background-color:,background-image:,background-position:,
background-position-x:,background-position-y:,background-repeat:,
behavior:,border:,border-bottom:,border-bottom-color:,
border-bottom-style:,border-bottom-width:,border-collapse:,
border-color:,border-left:,border-left-color:,border-left-style:,
border-left-width:,border-right:,border-right-color:,
border-right-style:,border-right-width:,border-spacing:,
border-style:,border-top:,border-top-color:,border-top-style:,
border-top-width:,border-width:,bottom:,caption-side:,clear:,
clip:,color:,content:,counter-increment:,counter-reset:,cue:,
cue-after:,cue-before:,cursor:,direction:,display:,elevation:,
empty-cells:,filter:,float:,font:,font-family:,font-size:,
font-size-adjust:,font-stretch:,font-style:,font-variant:,
font-weight:,height:,ime-mode:,include-source:,
layer-background-color:,layer-background-image:,layout-flow:,
layout-grid:,layout-grid-char:,layout-grid-char-spacing:,
layout-grid-line:,layout-grid-mode:,layout-grid-type:,left:,
letter-spacing:,line-break:,line-height:,list-style:,
list-style-image:,list-style-position:,list-style-type:,margin:,
margin-bottom:,margin-left:,margin-right:,margin-top:,
marker-offset:,marks:,max-height:,max-width:,min-height:,
min-width:,transition-duration:,transition-property:,
transition-timing-function:,transform:,
-moz-transform:,-moz-binding:,-moz-border-radius:,
-moz-border-radius-topleft:,-moz-border-radius-topright:,
-moz-border-radius-bottomright:,-moz-border-radius-bottomleft:,
-moz-border-top-colors:,-moz-border-right-colors:,
-moz-border-bottom-colors:,-moz-border-left-colors:,-moz-opacity:,
-moz-outline:,-moz-outline-color:,-moz-outline-style:,
-moz-outline-width:,-moz-user-focus:,-moz-user-input:,
-moz-user-modify:,-moz-user-select:,orphans:,outline:,
outline-color:,outline-style:,outline-width:,overflow:,
overflow-X:,overflow-Y:,padding:,padding-bottom:,padding-left:,
padding-right:,padding-top:,page:,page-break-after:,
page-break-before:,page-break-inside:,pause:,pause-after:,
pause-before:,pitch:,pitch-range:,play-during:,position:,quotes:,
-replace:,richness:,right:,ruby-align:,ruby-overhang:,
ruby-position:,-set-link-source:,size:,speak:,speak-header:,
speak-numeral:,speak-punctuation:,speech-rate:,stress:,
scrollbar-arrow-color:,scrollbar-base-color:,
scrollbar-dark-shadow-color:,scrollbar-face-color:,
scrollbar-highlight-color:,scrollbar-shadow-color:,
scrollbar-3d-light-color:,scrollbar-track-color:,table-layout:,
text-align:,text-align-last:,text-decoration:,text-indent:,
text-justify:,text-overflow:,text-shadow:,text-transform:,
text-autospace:,text-kashida-space:,text-underline-position:,top:,
unicode-bidi:,-use-link-source:,vertical-align:,visibility:,
voice-family:,volume:,white-space:,widows:,width:,word-break:,
word-spacing:,word-wrap:,writing-mode:,z-index:,zoom:
},
morecomment=[s]{<!--}{-->},
tag=[s]
}
\lstset{%
% Basic design
backgroundcolor=\color{editorGray},
basicstyle={\small\ttfamily},
frame=leftline,
% Line numbers
%xleftmargin={0pt}, % dysfonctionnent
numbers=left,
stepnumber=1,
firstnumber=1,
numberfirstline=true,
% Code design
keywordstyle=\color{blue}\bfseries,
commentstyle=\color{darkgray}\ttfamily,
ndkeywordstyle=\color{editorGreen}\bfseries,
stringstyle=\color{editorOcher},
% Code
%language=HTML5,
alsodigit={.:;},
tabsize=2,
showtabs=false,
showspaces=false,
showstringspaces=false,
extendedchars=true,
breaklines=true,
% }
%
%\lstloadlanguages{Python} %\lstloadlanguages{Python}
%\lstset{language=Python,escapechar=|} %\lstset{language=Python,escapechar=|}
\lstset{literate= %\lstset{
literate=
{á}{{\'a}}1 {é}{{\'e}}1 {í}{{\'i}}1 {ó}{{\'o}}1 {ú}{{\'u}}1 {á}{{\'a}}1 {é}{{\'e}}1 {í}{{\'i}}1 {ó}{{\'o}}1 {ú}{{\'u}}1
{Á}{{\'A}}1 {É}{{\'E}}1 {Í}{{\'I}}1 {Ó}{{\'O}}1 {Ú}{{\'U}}1 {Á}{{\'A}}1 {É}{{\'E}}1 {Í}{{\'I}}1 {Ó}{{\'O}}1 {Ú}{{\'U}}1
{à}{{\`a}}1 {è}{{\`e}}1 {ì}{{\`i}}1 {ò}{{\`o}}1 {ù}{{\`u}}1 {à}{{\`a}}1 {è}{{\`e}}1 {ì}{{\`i}}1 {ò}{{\`o}}1 {ù}{{\`u}}1
@ -90,7 +381,9 @@
{œ}{{\oe}}1 {Œ}{{\OE}}1 {æ}{{\ae}}1 {Æ}{{\AE}}1 {ß}{{\ss}}1 {œ}{{\oe}}1 {Œ}{{\OE}}1 {æ}{{\ae}}1 {Æ}{{\AE}}1 {ß}{{\ss}}1
{ű}{{\H{u}}}1 {Ű}{{\H{U}}}1 {ő}{{\H{o}}}1 {Ő}{{\H{O}}}1 {ű}{{\H{u}}}1 {Ű}{{\H{U}}}1 {ő}{{\H{o}}}1 {Ő}{{\H{O}}}1
{ç}{{\c c}}1 {Ç}{{\c C}}1 {ø}{{\o}}1 {å}{{\r a}}1 {Å}{{\r A}}1 {ç}{{\c c}}1 {Ç}{{\c C}}1 {ø}{{\o}}1 {å}{{\r a}}1 {Å}{{\r A}}1
{€}{{\EUR}}1 {£}{{\pounds}}1 {€}{{\EUR}}1 {£}{{\pounds}}1 {°}{{~\textdegree}}1,
escapeinside={(*@}{@*)},
backgroundcolor=\color{lightgray!20!white}
} }
% Unités et graphes % Unités et graphes
@ -106,6 +399,9 @@
% Couleurs % Couleurs
\usepackage{color} % Couleurs \usepackage{color} % Couleurs
\usepackage{xcolor} \usepackage{xcolor}
\definecolor{editorGray}{rgb}{0.95, 0.95, 0.95}
\definecolor{editorOcher}{rgb}{1, 0.5, 0} % #FF7F00 -> rgb(239, 169, 0)
\definecolor{editorGreen}{rgb}{0, 0.5, 0} % #007C00 -> rgb(0, 124, 0)
% Environnements particuliers % Environnements particuliers
%\usepackage[hyphens]{url} % Urls %\usepackage[hyphens]{url} % Urls
@ -114,7 +410,7 @@
\usepackage{acronym} % Acronymes \usepackage{acronym} % Acronymes
\usepackage{amsmath} % pour divers modules de maths \usepackage{amsmath} % pour divers modules de maths
\usepackage{textcomp} \usepackage{textcomp}
\usepackage{multicol}
% Notes de fin de document % Notes de fin de document
\usepackage{enotez} \usepackage{enotez}

306
TM.sty.bak
View File

@ -57,6 +57,7 @@
% Images % Images
\usepackage{graphicx} % Placement des figures \usepackage{graphicx} % Placement des figures
\usepackage{pstricks}
\usepackage{fix-cm} % Pour avoir des fontes plus grandes que Huge (corr.bug) \usepackage{fix-cm} % Pour avoir des fontes plus grandes que Huge (corr.bug)
\usepackage{epsfig} \usepackage{epsfig}
\usepackage{float} \usepackage{float}
@ -67,18 +68,308 @@
\usepackage{multirow} % Fusion des lignes d'un tableau \usepackage{multirow} % Fusion des lignes d'un tableau
\usepackage{longtable} % Longues tables \usepackage{longtable} % Longues tables
\usepackage{tabularx} % Tableaux \usepackage{tabularx} % Tableaux
\usepackage{rotating} % Rotation \usepackage[figuresleft]{rotating} % Rotation avec les figures dans le même sens
\usepackage{lscape} % En format paysage \usepackage{lscape} % En format paysage
%\usepackage{pdflscape}
% Listes % Listes
\usepackage{paralist} % Divers styles de listes \usepackage{paralist} % Divers styles de listes
\usepackage{textcase} % Mettre en majuscule ou minuscule sans bugs \usepackage{textcase} % Mettre en majuscule ou minuscule sans bugs
% Listings % Listings
\usepackage{listings} % Listings et sa configuration pour les accents dans le code \usepackage{listings} % Listings et sa configuration
\lstdefinelanguage{JavaScript}{
morekeywords={break, case, catch, continue, debugger, default, delete, do, else, false, finally, for, function, if, in, instanceof, new, null, return, switch, this, throw, true, try, typeof, var, void, while, with},
morecomment=[s]{/*}{*/},
morecomment=[l]//,
morestring=[b]",
morestring=[b]'
}
\lstdefinelanguage{CSS}{
keywords={accelerator,azimuth,background,background-attachment,
background-color,background-image,background-position,
background-position-x,background-position-y,background-repeat,
behavior,border,border-bottom,border-bottom-color,
border-bottom-style,border-bottom-width,border-collapse,
border-color,border-left,border-left-color,border-left-style,
border-left-width,border-right,border-right-color,
border-right-style,border-right-width,border-spacing,
border-style,border-top,border-top-color,border-top-style,
border-top-width,border-width,bottom,caption-side,clear,
clip,color,content,counter-increment,counter-reset,cue,
cue-after,cue-before,cursor,direction,display,elevation,
empty-cells,filter,float,font,font-family,font-size,
font-size-adjust,font-stretch,font-style,font-variant,
font-weight,height,ime-mode,include-source,
layer-background-color,layer-background-image,layout-flow,
layout-grid,layout-grid-char,layout-grid-char-spacing,
layout-grid-line,layout-grid-mode,layout-grid-type,left,
letter-spacing,line-break,line-height,list-style,
list-style-image,list-style-position,list-style-type,margin,
margin-bottom,margin-left,margin-right,margin-top,
marker-offset,marks,max-height,max-width,min-height,
min-width,-moz-binding,-moz-border-radius,
-moz-border-radius-topleft,-moz-border-radius-topright,
-moz-border-radius-bottomright,-moz-border-radius-bottomleft,
-moz-border-top-colors,-moz-border-right-colors,
-moz-border-bottom-colors,-moz-border-left-colors,-moz-opacity,
-moz-outline,-moz-outline-color,-moz-outline-style,
-moz-outline-width,-moz-user-focus,-moz-user-input,
-moz-user-modify,-moz-user-select,orphans,outline,
outline-color,outline-style,outline-width,overflow,
overflow-X,overflow-Y,padding,padding-bottom,padding-left,
padding-right,padding-top,page,page-break-after,
page-break-before,page-break-inside,pause,pause-after,
pause-before,pitch,pitch-range,play-during,position,quotes,
-replace,richness,right,ruby-align,ruby-overhang,
ruby-position,-set-link-source,size,speak,speak-header,
speak-numeral,speak-punctuation,speech-rate,stress,
scrollbar-arrow-color,scrollbar-base-color,
scrollbar-dark-shadow-color,scrollbar-face-color,
scrollbar-highlight-color,scrollbar-shadow-color,
scrollbar-3d-light-color,scrollbar-track-color,table-layout,
text-align,text-align-last,text-decoration,text-indent,
text-justify,text-overflow,text-shadow,text-transform,
text-autospace,text-kashida-space,text-underline-position,top,
unicode-bidi,-use-link-source,vertical-align,visibility,
voice-family,volume,white-space,widows,width,word-break,
word-spacing,word-wrap,writing-mode,z-index,zoom},
sensitive=true,
morecomment=[l]{//},
morecomment=[s]{/*}{*/},
morestring=[b]',
morestring=[b]",
alsoletter={:},
alsodigit={-}
}
\lstdefinelanguage{HTML5}{
language=html,
sensitive=true,
alsoletter={<>=-},
otherkeywords={
% HTML tags
<, </, >,
</a, <a, </a>,
</abbr, <abbr, </abbr>,
</address, <address, </address>,
</area, <area, </area>,
</area, <area, </area>,
</article, <article, </article>,
</aside, <aside, </aside>,
</audio, <audio, </audio>,
</audio, <audio, </audio>,
</b, <b, </b>,
</base, <base, </base>,
</bdi, <bdi, </bdi>,
</bdo, <bdo, </bdo>,
</blockquote, <blockquote, </blockquote>,
</body, <body, </body>,
</br, <br, </br>,
</button, <button, </button>,
</canvas, <canvas, </canvas>,
</caption, <caption, </caption>,
</cite, <cite, </cite>,
</code, <code, </code>,
</col, <col, </col>,
</colgroup, <colgroup, </colgroup>,
</data, <data, </data>,
</datalist, <datalist, </datalist>,
</dd, <dd, </dd>,
</del, <del, </del>,
</details, <details, </details>,
</dfn, <dfn, </dfn>,
</div, <div, </div>,
</dl, <dl, </dl>,
</dt, <dt, </dt>,
</em, <em, </em>,
</embed, <embed, </embed>,
</fieldset, <fieldset, </fieldset>,
</figcaption, <figcaption, </figcaption>,
</figure, <figure, </figure>,
</footer, <footer, </footer>,
</form, <form, </form>,
</h1, <h1, </h1>,
</h2, <h2, </h2>,
</h3, <h3, </h3>,
</h4, <h4, </h4>,
</h5, <h5, </h5>,
</h6, <h6, </h6>,
</head, <head, </head>,
</header, <header, </header>,
</hr, <hr, </hr>,
</html, <html, </html>,
</i, <i, </i>,
</iframe, <iframe, </iframe>,
</img, <img, </img>,
</input, <input, </input>,
</ins, <ins, </ins>,
</kbd, <kbd, </kbd>,
</keygen, <keygen, </keygen>,
</label, <label, </label>,
</legend, <legend, </legend>,
</li, <li, </li>,
</link, <link, </link>,
</main, <main, </main>,
</map, <map, </map>,
/mark, <mark, </mark>,
</math, <math, </math>,
</menu, <menu, </menu>,
</menuitem, <menuitem, </menuitem>,
</meta, <meta, </meta>,
</meter, <meter, </meter>,
</nav, <nav, </nav>,
</noscript, <noscript, </noscript>,
</object, <object, </object>,
</ol, <ol, </ol>,
</optgroup, <optgroup, </optgroup>,
</option, <option, </option>,
</output, <output, </output>,
</p, <p, </p>,
</param, <param, </param>,
</pre, <pre, </pre>,
</progress, <progress, </progress>,
</q, <q, </q>,
</rp, <rp, </rp>,
</rt, <rt, </rt>,
</ruby, <ruby, </ruby>,
</s, <s, </s>,
</samp, <samp, </samp>,
</script, <script, </script>,
</section, <section, </section>,
</select, <select, </select>,
</small, <small, </small>,
</source, <source, </source>,
</span, <span, </span>,
</strong, <strong, </strong>,
</style, <style, </style>,
</summary, <summary, </summary>,
</sup, <sup, </sup>,
</svg, <svg, </svg>,
</table, <table, </table>,
</tbody, <tbody, </tbody>,
</td, <td, </td>,
</template, <template, </template>,
</textarea, <textarea, </textarea>,
</tfoot, <tfoot, </tfoot>,
</th, <th, </th>,
</thead, <thead, </thead>,
</time, <time, </time>,
</title, <title, </title>,
</tr, <tr, </tr>,
</track, <track, </track>,
</u, <u, </u>,
</ul, <ul, </ul>,
</var, <var, </var>,
</video, <video, </video>,
</wbr, <wbr, </wbr>,
/>, <!
},
ndkeywords={
% General
=,
% HTML attributes
accept=, accept-charset=, accesskey=, action=, align=, alt=, async=,
autocomplete=, autofocus=, autoplay=, autosave=, bgcolor=, border=,
buffered=, challenge=, charset=, checked=, cite=, class=, code=,
codebase=, color=, cols=, colspan=, content=, contenteditable=,
contextmenu=, controls=, coords=, data=, datetime=, default=, defer=,
dir=, dirname=, disabled=, download=, draggable=, dropzone=, enctype=,
for=, form=, formaction=, headers=, height=, hidden=, high=, href=,
hreflang=, http-equiv=, icon=, id=, ismap=, itemprop=, keytype=,
kind=, label=, lang=, language=, list=, loop=, low=, manifest=, max=,
maxlength=, media=, method=, min=, multiple=, name=, novalidate=,
open=, optimum=, pattern=, ping=, placeholder=, poster=, preload=,
pubdate=, radiogroup=, readonly=, rel=, required=, reversed=, rows=,
rowspan=, sandbox=, scope=, scoped=, seamless=, selected=, shape=,
size=, sizes=, span=, spellcheck=, src=, srcdoc=, srclang=, start=,
step=, style=, summary=, tabindex=, target=, title=, type=, usemap=,
value=, width=, wrap=,
% CSS properties
accelerator:,azimuth:,background:,background-attachment:,
background-color:,background-image:,background-position:,
background-position-x:,background-position-y:,background-repeat:,
behavior:,border:,border-bottom:,border-bottom-color:,
border-bottom-style:,border-bottom-width:,border-collapse:,
border-color:,border-left:,border-left-color:,border-left-style:,
border-left-width:,border-right:,border-right-color:,
border-right-style:,border-right-width:,border-spacing:,
border-style:,border-top:,border-top-color:,border-top-style:,
border-top-width:,border-width:,bottom:,caption-side:,clear:,
clip:,color:,content:,counter-increment:,counter-reset:,cue:,
cue-after:,cue-before:,cursor:,direction:,display:,elevation:,
empty-cells:,filter:,float:,font:,font-family:,font-size:,
font-size-adjust:,font-stretch:,font-style:,font-variant:,
font-weight:,height:,ime-mode:,include-source:,
layer-background-color:,layer-background-image:,layout-flow:,
layout-grid:,layout-grid-char:,layout-grid-char-spacing:,
layout-grid-line:,layout-grid-mode:,layout-grid-type:,left:,
letter-spacing:,line-break:,line-height:,list-style:,
list-style-image:,list-style-position:,list-style-type:,margin:,
margin-bottom:,margin-left:,margin-right:,margin-top:,
marker-offset:,marks:,max-height:,max-width:,min-height:,
min-width:,transition-duration:,transition-property:,
transition-timing-function:,transform:,
-moz-transform:,-moz-binding:,-moz-border-radius:,
-moz-border-radius-topleft:,-moz-border-radius-topright:,
-moz-border-radius-bottomright:,-moz-border-radius-bottomleft:,
-moz-border-top-colors:,-moz-border-right-colors:,
-moz-border-bottom-colors:,-moz-border-left-colors:,-moz-opacity:,
-moz-outline:,-moz-outline-color:,-moz-outline-style:,
-moz-outline-width:,-moz-user-focus:,-moz-user-input:,
-moz-user-modify:,-moz-user-select:,orphans:,outline:,
outline-color:,outline-style:,outline-width:,overflow:,
overflow-X:,overflow-Y:,padding:,padding-bottom:,padding-left:,
padding-right:,padding-top:,page:,page-break-after:,
page-break-before:,page-break-inside:,pause:,pause-after:,
pause-before:,pitch:,pitch-range:,play-during:,position:,quotes:,
-replace:,richness:,right:,ruby-align:,ruby-overhang:,
ruby-position:,-set-link-source:,size:,speak:,speak-header:,
speak-numeral:,speak-punctuation:,speech-rate:,stress:,
scrollbar-arrow-color:,scrollbar-base-color:,
scrollbar-dark-shadow-color:,scrollbar-face-color:,
scrollbar-highlight-color:,scrollbar-shadow-color:,
scrollbar-3d-light-color:,scrollbar-track-color:,table-layout:,
text-align:,text-align-last:,text-decoration:,text-indent:,
text-justify:,text-overflow:,text-shadow:,text-transform:,
text-autospace:,text-kashida-space:,text-underline-position:,top:,
unicode-bidi:,-use-link-source:,vertical-align:,visibility:,
voice-family:,volume:,white-space:,widows:,width:,word-break:,
word-spacing:,word-wrap:,writing-mode:,z-index:,zoom:
},
morecomment=[s]{<!--}{-->},
tag=[s]
}
\lstset{%
% Basic design
backgroundcolor=\color{editorGray},
basicstyle={\small\ttfamily},
frame=leftline,
% Line numbers
%xleftmargin={0pt}, % dysfonctionnent
numbers=left,
stepnumber=1,
firstnumber=1,
numberfirstline=true,
% Code design
keywordstyle=\color{blue}\bfseries,
commentstyle=\color{darkgray}\ttfamily,
ndkeywordstyle=\color{editorGreen}\bfseries,
stringstyle=\color{editorOcher},
% Code
%language=HTML5,
alsodigit={.:;},
tabsize=2,
showtabs=false,
showspaces=false,
showstringspaces=false,
extendedchars=true,
breaklines=true,
% }
%
%\lstloadlanguages{Python} %\lstloadlanguages{Python}
%\lstset{language=Python,escapechar=|} %\lstset{language=Python,escapechar=|}
\lstset{literate= %\lstset{
literate=
{á}{{\'a}}1 {é}{{\'e}}1 {í}{{\'i}}1 {ó}{{\'o}}1 {ú}{{\'u}}1 {á}{{\'a}}1 {é}{{\'e}}1 {í}{{\'i}}1 {ó}{{\'o}}1 {ú}{{\'u}}1
{Á}{{\'A}}1 {É}{{\'E}}1 {Í}{{\'I}}1 {Ó}{{\'O}}1 {Ú}{{\'U}}1 {Á}{{\'A}}1 {É}{{\'E}}1 {Í}{{\'I}}1 {Ó}{{\'O}}1 {Ú}{{\'U}}1
{à}{{\`a}}1 {è}{{\`e}}1 {ì}{{\`i}}1 {ò}{{\`o}}1 {ù}{{\`u}}1 {à}{{\`a}}1 {è}{{\`e}}1 {ì}{{\`i}}1 {ò}{{\`o}}1 {ù}{{\`u}}1
@ -90,7 +381,9 @@
{œ}{{\oe}}1 {Œ}{{\OE}}1 {æ}{{\ae}}1 {Æ}{{\AE}}1 {ß}{{\ss}}1 {œ}{{\oe}}1 {Œ}{{\OE}}1 {æ}{{\ae}}1 {Æ}{{\AE}}1 {ß}{{\ss}}1
{ű}{{\H{u}}}1 {Ű}{{\H{U}}}1 {ő}{{\H{o}}}1 {Ő}{{\H{O}}}1 {ű}{{\H{u}}}1 {Ű}{{\H{U}}}1 {ő}{{\H{o}}}1 {Ő}{{\H{O}}}1
{ç}{{\c c}}1 {Ç}{{\c C}}1 {ø}{{\o}}1 {å}{{\r a}}1 {Å}{{\r A}}1 {ç}{{\c c}}1 {Ç}{{\c C}}1 {ø}{{\o}}1 {å}{{\r a}}1 {Å}{{\r A}}1
{€}{{\EUR}}1 {£}{{\pounds}}1 {€}{{\EUR}}1 {£}{{\pounds}}1 {°}{{~\textdegree}}1,
escapeinside={(*@}{@*)},
backgroundcolor=\color{lightgray!20!white}
} }
% Unités et graphes % Unités et graphes
@ -106,6 +399,9 @@
% Couleurs % Couleurs
\usepackage{color} % Couleurs \usepackage{color} % Couleurs
\usepackage{xcolor} \usepackage{xcolor}
\definecolor{editorGray}{rgb}{0.95, 0.95, 0.95}
\definecolor{editorOcher}{rgb}{1, 0.5, 0} % #FF7F00 -> rgb(239, 169, 0)
\definecolor{editorGreen}{rgb}{0, 0.5, 0} % #007C00 -> rgb(0, 124, 0)
% Environnements particuliers % Environnements particuliers
%\usepackage[hyphens]{url} % Urls %\usepackage[hyphens]{url} % Urls
@ -114,7 +410,7 @@
\usepackage{acronym} % Acronymes \usepackage{acronym} % Acronymes
\usepackage{amsmath} % pour divers modules de maths \usepackage{amsmath} % pour divers modules de maths
\usepackage{textcomp} \usepackage{textcomp}
\usepackage{multicol}
% Notes de fin de document % Notes de fin de document
\usepackage{enotez} \usepackage{enotez}

453
chapitres/annexe1.tex
View File

@ -1,5 +1,452 @@
\chapter{Titre de la première annexe} \chapter{Leaflet}\label{annexe:leaflet}
\section{Sous titre de la première annexe} Umap est un logiciel particulièrement attrayant car il permet d'obtenir relativement rapidement un résultat convenable, c'est-à-dire essentiellement des marqueurs de POI (points d'intérêts) de différents types avec des bulles de texte et d'images. On peut aussi mettre des lignes et des surfaces faites de points. Il permet également de gérer différents calques.
Blabla Il permet aussi de travailler sur des sites mis à disposition par une communauté comme \emph{\url{https://umap.openstreetmap.fr}} ou \emph{\url{https://umap.osm.ch/fr/}}. Ces sites rendent la carte immédiatement disponible et il est possible, moyennant inscription, de travailler sur des cartes mises à disposition de tous tout en verrouillant les informations qui s'y trouvent.
Cependant, certains de ces sites ne disposent que d'un nombre limité de fonds de carte et surtout les éléments mis à disposition par Umap restent limités. Ce n'est pas un reproche, et même souvent un avantage rendant simple la création des cartes, mais ne permettant pas toujours de réaliser au mieux des cartes particulières, il peut devenir souhaitable de découvrir des logiciels plus développés.
Par exemple, avec Umap, la taille des icones n'est pas modifiable, il n'existe pas de formes directement circulaires \dots
\smallskip
Ainsi, pour de la cartographie orientée vers le web, des solutions plus évoluées existent. Cependant, celles-ci sont évidemment moins facile à mettre en \oe uvre. L'une de celles-ci, entre les deux extrêmes que sont Umap et le triptyque \emph{PostGIS, OpenLayers et MapServer} (voir \cite{Collado}), se nomme \emph{Leaflet}.
Différents documents d'introduction sont disponibles sur le net. Parmi ceux-ci, il faut relever \emph{Des cartes sur votre site} d'Eskimon (voir \cite{Eskimon}) qui est non seulement intéressante de part la clarté de son introduction, mais aussi par le fait que celle-ci est fourni en pdf, epub et tex sous licence libre. De même pour une utilisation avancée de Leaflet avec le même site \emph{\url{https://zestedesavoir.com/rechercher/?q=leaflet}} et l'article \emph{Leaflet - Utilisation avancée} (voir \cite{Shevek}). Ces document sont assez bien faits pour qu'il ne soit pas nécessaire de produire ici une véritable introduction à Leaflet.
\smallskip
Nous allons plutôt nous concentrer sur un exemple particulier. Il s'agit de la carte des pollutions océaniques présentée ci-dessus (voir \ref{para:pollutionsoceaniques}). L'objectif n'est certainement pas une critique de ce travail qui est pour nous excellent. Il s'agit de présenter ce que Leaflet peut apporter à un travail où, de l'aveu même des auteures, les outils proposés par Umap on montré leurs limites, tout en présentant rapidement la philosophie de Leaflet.
\section{Structure}
Leaflet est une surcouche \emph{Javascript} à un site ordinaire écrit en HTML et CSS. Il est donc nécessaire de disposer d'un serveur web pour y intégrer les pages réalisées avec lui.
Ainsi la structure de la carte sur les pollutions océaniques est-elle celle du code \ref{listing:html}.
\begin{lstlisting}[float,language=HTML5,caption={La partie HTML5 de la carte.},label={listing:html},numbers=right, numberstyle=\tiny,numbersep=6pt]
<!DOCTYPE html>
<html>
<head>
<title>Oceans de plastiques</title>
<meta http-equiv="Content-Type"content="text/html; charset=utf8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/moncss.css" type="text/css" rel="stylesheet">
</head>
<body id="body">
<h1>Carte des pollutions plastiques</h1>
<div id="map"></div>
<footer>Copyleft</footer>
</body>
<!-- Stamen Watercolor -->
<!--<script type="text/javascript" src="https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js?v1.3.0"></script> -->
<!-- Leaflet -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Le js -->
<script src="js/monjs.js"></script>
</html>
\end{lstlisting}
Est associée à la page HTML5, une page CSS3 et un fichier Javascript. La feuille de style associée est celle présenté dans le code \ref{listing:css}.
\begin{lstlisting}[float,language=CSS,caption={La feuille de style de la carte.},label={listing:css},numbers=left, numberstyle=\tiny,numbersep=6pt]
#map {
/* les dimensions de la carte sur tout le viewport */
/*width: 100vw;height: 100vh;*/
width: 100%;
height: 80vh;
border: solid black 1px;
}
svg {background: transparent;}
\end{lstlisting}
Quant au javascript, il se trouve dans le code \ref{listing:js}.
\begin{lstlisting}[float,language=Javascript,caption={Le javascript de la carte avec ses deux fonds.},label={listing:js}, numbers=right, numberstyle=\tiny,numbersep=1pt]
document.getElementById('body').onload = function(){
// La carte centrée et zoomée
center: [55, 0],
zoom: 2
});//.setView([0, 0], 2);
// Déclaration des fonds
var baselayers = {
osm:L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}),
stamen:L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg', {
maxZoom: 19,
attribution: 'Map tiles by <a href="https://stamen.com">Stamen Design</a>, under CC BY 4.0. Data by <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by/4.0">CC BY SA</a>.'
})
};
// Ajout du fond par défaut
baselayers.stamen.addTo(map);(*@\label{ligne:stamen}@*)
// Ajout du menu de changement de fonds
L.control.layers(baselayers, null, {position: 'topright', collapsed : false }).addTo(map);(*@\label{ligne:osm}@*)
\end{lstlisting}
Le code \ref{listing:js} permet de placer sur la page un fond de carte \emph{Watercolor} de \href{https://stamen.com/open-source/}{Stamen} sur des données \href{https://www.openstreetmap.org}{OpenStreetMap} par instanciation de l'objet \emph{map}. Cela est réalisé à la ligne \ref{ligne:stamen}. Mais il est aussi prévu la possibilité de choisir un fond de carte OpenStreetMap à la ligne \ref{ligne:osm}.
\smallskip
Le choix du fond de carte Watercolor est celui du groupe des pollutions océaniques. Il est maintenu ici, mais on se demandera par la suite s'il est possible d'en changer au profit d'un fond représentant mieux le fond océanique. En effet, c'est en partie ce dernier qui contraint les mouvement d'eau et construit ainsi les gyres.
\section{Marqueurs}
La notion de marqueurs recouvre essentiellement deux types d'éléments~:
\begin{itemize}
\item Les éléments graphiques dont la taille est indépendante de l'échelle. Il s'agit d'éléments dont la taille ne va pas varier lors d'un zoom sur la carte. Ces éléments doivent toujours conserver leur taille à l'écran. On peut dire qu'il n'ont de relation avec la carte que dans leur positionnement.
\item Les éléments graphiques dont la taille est dépendante de l'échelle. Il s'agit d'éléments d'étendue fixe sur le territoire. En zoomant vers une échelle détaillée (grande échelle), il grandissent et en dézoomant vers une vaste échelle (petite échelle), il deviennent de plus en plus petits.
\end{itemize}
\begin{figure*}[t]
\centering
\begin{subfigure}[b]{0.45\textwidth} % "0.45" donne ici la largeur de l'image
\centering \includegraphics[width=\textwidth]{LeafletMerkatorPetiteEchelle}
\caption{Petite échelle}\label{fig:merkatorpetiteechelle}
\end{subfigure}
~ % ce symbole ajoute un espacement horisontal entre les premières deux images
\begin{subfigure}[b]{0.45\textwidth}
\centering \includegraphics[width=\textwidth]{LeafletMerkatorGrandeEchelle}
\caption{Grande échelle}\label{fig:merkatorgrandeechelle}
\end{subfigure}
%
% % la ligne blanche correspond au retour à la ligne après le deuxième image
% \begin{subfigure}[b]{0.45\textwidth}
% \centering \includegraphics[width=\textwidth]{margueriteDaisy.jpg}
% \caption{Marguerite Daisy}\label{fig:daisy}
% \end{subfigure}
% ~
% \begin{subfigure}[b]{0.45\textwidth}
% \centering \includegraphics[width=\textwidth]{rose.jpg}
% \caption{Rose}\label{fig:rose}
% \end{subfigure}
\caption{Projection de Merkator}\label{fig:projmerkator}
\end{figure*}
Pour illustrer différents types de marqueurs disponibles avec Leaflet, la figure \ref{fig:projmerkator} présente deux cartes à deux échelles différentes. Essentiellement, quatre types de marqueurs sont présents~:
\begin{itemize}
\item des lignes de latitude avec des marqueurs textuels liés,
\item des rectangles dont les sommets sont donnés en coordonnées [latitude, longitude],
\item des cercles dont les centres sont en latitude-longitude, mais dont les rayons sont donnés en mètres et des rectangles pleins dont les coordonnées sont exprimés en pixels d'écran.
\end{itemize}
L'ensemble de ces marqueurs permet de se rendre compte de la variété des problèmes qu'on peut rencontrer lors du placement de figures sur un projection de Merkator dont l'emprise (la zone visible à l'écran) change en fonction du niveau de zoom.
\subsection{Lignes}
Commençons par expliciter les lignes et leurs marqueurs. Le code \ref{listing:lignes} en présente la structure.
\begin{lstlisting}[float,language=Javascript,caption={Lignes de latitude et marqueurs texte.},label={listing:lignes}, numbers=right, numberstyle=\tiny,numbersep=1pt]
var latlngs = [[80, -80],[80, 80]];(*@\label{ligne:latlngs}@*)
var polyline = L.polyline(latlngs, {color: 'green'}).addTo(map)(*@\label{ligne:polyline}@*)
.bindTooltip("Équateur : latitude 0°",(*@\label{ligne:tooltip}@*)
{permanent: true,
direction: 'right',
offset: [60,0](*@\label{ligne:offset}@*)
});
\end{lstlisting}
La variable \emph{latlngs} déclare deux points en latitude-longitude qui seront les extrémités de la ligne (ligne \ref{ligne:latlngs}). On construit ensuite dans la variable \emph{polyline} une ligne placés selon la variable latlngs et de couleur verte qu'on ajoute à la carte (ligne \ref{ligne:polyline}). À ce niveau, la ligne apparaît sur la carte.
En utilisant la méthode \emph{bindTooltip} sur cette polyline (ligne \ref{ligne:tooltip}), on peut alors définir le texte du marqueur et ses caractéristiques, dont le décalace de celui-ci par rapport au centre de la ligne (l'offset de la ligne \ref{ligne:offset}). Attention, ce dernier n'est pas spécifié en degré de latitude-longitude, mais en pixels de l'écran.
Ainsi définis, ces lignes et marqueurs auront un comportement de deux types. La ligne, ainsi que la position du marqueur, resteront parfaitement \emph{fixes sur la carte} à toutes les échelles (selon tous les facteurs de zoom). Le texte, par contre ne suivra pas le zoom. En d'autres termes, sa taille restera fixe par rapport à l'écran.
Toutes les commandes utilisées pour réaliser ces lignes font partie du jeux de commandes de Leaflet (son API, l'interface de programmation de l'application). Aucun plugin n'est nécessaire et toutes ces commandes sont décrites dans la documentation. Mais attention à l'ambiguïté de la notation [..., ...] dont les composantes peuvent s'exprimer en latitude-longitude \emph{ou} en pixelssurX-pixelssurY (notez l'inversion puisque le premier nombre n'est pas la longitude).
\subsection{Rectangles}
Les rectangles dont le fond est transparent sont aussi des éléments de l'API de Leaflet. Les paramètres nécessaires à leur construction étant les coordonnées latitude-longitude des sommets, on voit apparaître leur déformation typique de la projection de Merkator. Celle-ci se fait en latitude, mais aussi en longitude, contrairement à ce qu'on pourrait penser en raison du parallélisme équidistant des méridiens. En effet, si la déformation en latitude est évidente, la longueur réelle des côtés \og horizontaux \fg{}, sur la carte (c'est-à-dire sur la projection) d'égale longueur, est inférieure en réalité pour le côté de plus grande latitude à celle de plus faible latitude.
Les instructions permettant de tracer ces rectangles sont celles du code \ref{listing:rectangles}. Relevez que la couleur du fond transparent est celle par défaut.
\begin{lstlisting}[float,language=Javascript,caption={Les rectangles en latitude-longitude.},label={listing:rectangles}, numbers=right, numberstyle=\tiny,numbersep=1pt]
var polygon = L.polygon([
[0, 0],[20, 0],[20, -20],[0, -20]
],{color: "green"}).addTo(map);
\end{lstlisting}
\subsection{Cercles}\label{cercles}
Les cercles présentent un élément différent des rectangles, en ce sens que, si leurs centres sont positionnés en latitude-longitude (tous les 20\degres), leur rayon est identique pour chacun et donné en mètres.
Le résultat graphique sur la carte est une série de cercles dont le rayon augmente avec la latitude. Si, à l'instar des rectangles, on comprend bien que cela soit le cas avec la latitude, on pouvait s'attendre à ce qu'il n'en soit pas ainsi avec la longitude. Comment expliquer que cela ne soit pas le cas ? Dans une projection de Merkator, les méridiens sont des lignes droites équidistants. Ce qui n'est évidemment pas le cas sur le globe terrestre, puisque tous ses méridiens se rejoignent aux pôles. La distance vraie entre deux méridiens diminue donc avec la latitude. En effectuant une projection de Merkator qui \og redresse \fg{} les méridiens pour qu'il soient parallèles les uns aux autres, on augmente donc les distances sur la projection en fonction de la latitude, ce qui a pour effet d'augmenter le rayon du cercle entre deux méridiens en même proportion qu'entre deux grands cercles. Le résultat se présente donc sous la forme de cercles dont le rayon augmente avec la latitude.
Les instructions permettant de tracer ces cercles sont celles du code \ref{listing:cercles}. Relevez que la couleur du fond transparent est définie à la ligne \ref{ligne:couleurfond}.
\begin{lstlisting}[float,language=Javascript,caption={Les rectangles en latitude-longitude.},label={listing:cercles}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var rayon = 1100000(*@\label{ligne:rayon}@*)
var cercle = L.circle([30, -50], {(*@\label{ligne:cercle}@*)
color: 'yellow',
fillColor: '#101010',(*@\label{ligne:couleurfond}@*)
fillOpacity: 0.5,
radius: rayon
}).addTo(map);
\end{lstlisting}
Les deux éléments principaux de ce code sont la définition du rayon (ligne \ref{ligne:rayon}), de même valeur pour tous les cercles, et la création du cercle (ligne \ref{ligne:cercle}) avec son centre latitude-longitude et ses propriétés comme le rayon.
\subsection{Rectangles SVG}
L'API de Leaflet est limitée dans les formes de base utilisables qui sont le point, la polyline (dont la droite), le polygone, le cercle et le rectangle.
Pour des formes plus complexes, on est donc naturellement amené à penser à l'utilisation du dessin vectoriel comme SVG (\href{https://developer.mozilla.org/fr/docs/Web/SVG}{Scalable Vector Graphics}), puisque les navigateurs modernes supportent maintenant bien ce langage.
\smallskip
Le problème tient dans le fait que définir une ligne droite dans un langage vectoriel ne peut se faire que sur la projection. En effet, à la surface d'une sphère, si les deux extrémités sont données en latitude et longitude, une droite n'en n'est plus une.
Leaflet utilise donc trois systèmes de coordonnées qu'il faut bien comprendre sans quoi des surprises de représentation peuvent apparaître.
\section{Pollutions}
Les problèmes posés par la carte des pollutions réalisées par Mathilde et Hélène sont nombreux~:
\begin{enumerate}
\item la petite échelle de la carte qui la déforme assez pour que la représentation des gyres en soient affectée,
\item le fond de carte qui devrait permettre de comprendre les gyres,
\item la forme des gyres qui physiquement est difficile à connaître et graphiquement difficile à bien représenter pour qu'elles correspondent au mieux à des courants océaniques,
\item le mouvement de celles-ci et
\item les informations sur celles-ci, comme leur emprise, la quantité de plastique présente, la dimension de leurs éléments, \dots
\end{enumerate}
Tous ces problèmes se traduisent par des difficultés techniques qui sont toutes caractéristiques des productions cartographiques.
\subsection{Échelle}
La petite échelle de la carte utilisée pour la carte des pollutions constitue la première interrogation. Dans quelle mesure influence-t-elle la représentation des gyres ? La réponse à cette question tient dans la connaissance du type de projection utilisée par défaut par Leaflet.
Toutes les projections cartographiques sur le web utilisent la même projection dite \emph{Webmercator}, \emph{Pseudomercator}, \emph{Mercator sphérique} et, officiellement, \emph{WGS 84 Web Mercator}\footnote{Elle est aussi dénommée Google Web Mercator, mais étant non conforme, elle n'est semble-t-il officiellement pas reconnue (voir \href{https://en.wikipedia.org/wiki/Web\_Mercator\_projection}{Wikipedia})}. Cette projection est complexe, car s'il s'agit bien d'une projection de Mercator, elle utilise des données provenant d'un géoïde non sphérique, contrairement à ce que sa dénomination peut faire penser. De plus, elle n'est ni conforme, ni équivalente, c'est-à-dire qu'elle ne conserve respectivement ni les angles, ni les surfaces, alors que la transformation de Mercator est conforme. Vous trouverez en annexe \ref{annexe:projectionmercator} une description plus détaillé de la projection de Mercator, dont notamment son indicatrice de déformation des surfaces. Car, la transformation de Mercator, comme wGS 84 Web Mercator, déforme les formes hors équateur, surtout au niveau des régions de grande latitude.
Ainsi, représenter une gyre sur une carte à petite échelle ne permettra pas de la représenter correctement de part la nature de la projection utilisée.
\subsection{Fond de carte}
Le fond de carte choisi pour cette carte des pollutions plastiques est \emph{Watercolor} (voir \cite{Stamen}). Si celui-ci est certainement très esthétique et bien choisi par contraste avec le propos du travail, il n'est pas un fond permettant de mettre en évidence la raison des gyres.
Après des recherches pour trouver un fond de carte libre de droit utilisable avec Leaflet (ou même Umap) qui représente le fond des océans, il se trouve que si de projets pour réaliser une telle carte sont en cours, il n'y a pas actuellement de fonds, c'est à dire de tuiles pour les différentes échelles, disponibles dans ces conditions. Il ne suffit pas évidemment d'une image des fonds marins.
\subsection{Forme}
À ce stade, il convient de présenter ce qu'il est possible de faire avec Leaflet pour aller plus loin que la carte des pollutions océaniques. La figure \ref{figure:cartepollutionsgenerale}, page \pageref{figure:cartepollutionsgenerale}, la présente sous une forme statique.
\begin{sidewaysfigure*}
\centering
\includegraphics[width=\textwidth]{CartePollutionsGenerale}
\caption{La carte statique des gyres océaniques.\label{figure:cartepollutionsgenerale}}
\end{sidewaysfigure*}
Cette carte comprends plusieurs éléments qui vont du plus simple au plus complexe. Commençons par la \emph{Gyre du Pacifique Sud}. Il s'agit simplement d'un cercle dont on voit la déformation en longitude relative à la projection de Mercator. Le code correspondant est celui du listing \ref{listing:cartegenecercle}.
\begin{lstlisting}[float,language=Javascript,caption={La gyre Pacifique Sud.},label={listing:cartegenecercle}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var rayon = 3000000
var cercle1 = L.circle([-45, -130], rayon, {
color: 'black',
fill: 'true',
fillColor: '#101010',
fillOpacity: 0.2,
}).addTo(map)
.bindTooltip("Gyre du Pacifique Sud",
{permanent: true,
direction: 'left',
offset: [0,0]
});
\end{lstlisting}
On peut remarquer que la méthode \emph{bindTooltip} a été utilisée pour permettre de placer une étiquette de texte au centre de la gyre, étiquette affichée de manière permanente et sur la gauche de celui-ci.
\medskip
Ensuite, avec \emph{La gyre de l'océan Indien} se trouve tout d'abord un simple marqueur par défaut, ouvert sur le texte de description. Le code de ce marqueur est celui du listing \ref{listing:cartegenemarqueur}.
\begin{lstlisting}[float,language=Javascript,caption={Le marqueur de l'océan indien.},label={listing:cartegenemarqueur}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var marker1 = L.marker([-42.5,69]).addTo(map)
.bindPopup("La gyre de l'océan indien.")
.openPopup();
\end{lstlisting}
Puis vient un élément bien plus intéressant. Il s'agit de l'ovale qui délimite la gyre. C'est un élément \emph{svgOverlay} de Leaflet. C'est-à-dire qu'il s'agit d'une courbe en SVG, comme le mondre le code \ref{listing:cartegeneellipse}.
\begin{lstlisting}[float,language=Javascript,caption={L'ellipse de l'océan indien.},label={listing:cartegeneellipse}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var coin20_0 = L.latLng(0, 23);
var coin0_20 = L.latLng(-65, 115);
var bounds1 = L.latLngBounds(coin20_0, coin0_20);
var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgElement.setAttribute('xmlns', "http://www.w3.org/2000/svg");
svgElement.setAttribute('viewBox', "0 0 100 100");(*@\label{ligne:geneviewbox}@*)
svgElement.innerHTML = '<ellipse transform="rotate(-40 50 60)" cx="50" cy="60" rx="45" ry="30" stroke="black" stroke-opacity="1" fill-opacity="50%"/>';(*@\label{ligne:geneellipse}@*)
var forme = L.svgOverlay(svgElement, bounds1);
forme.addTo(map);
\end{lstlisting}
Outre la définition de la boite qui va contenir la figure, définie par ses coins et la variable \emph{bounds1}, ce code est intéressant par le contenu de la variable \emph{svgElement}.
La ligne \ref{ligne:geneviewbox} déclare l'unité de la grille de représentation du schéma, ici une grille de 100x100. Vient ensuite le dessin lui-même, défini à la ligne \ref{ligne:geneellipse}, qui code en svg l'élément \emph{<ellipse />} par la position de son centre (cx et cy), la longueur de ses demi-axes (rx et ry), mais aussi par son angle de rotation (-40\degres) relativement à son centre (50 60). De plus, les éléments de couleur de la ligne et d'opacité du fond (fill-opacity) sont fournis comme attributs du code svg de l'ellipse.
\medskip
Enfin, vient un élément très intéressant. Il s'agit de la forme de la gyre de l'Atlantique Sud. Comme précédemment, c'est un élément SVG, mais celui-ci a été voulu plus complexe qu'une forme de base de l'API SVG, comme l'ellipse ou le rectangle. Il s'agit d'un chemin.
En SVG, un chemin est d'abord formé de segments constitués chacun de deux points. L'un est l'origine du segment et l'autre son arrivée. À chacun de ces deux points est associé un point supplémentaire nommé poignée de Bésier. La droite qui lie le point à sa poignée de Bésier définit la tangente de la courbe au point considéré. Il est ainsi possible de créer une courbe avec quatre points uniquement.
Pour mieux comprendre la situation, étudions le code permettant de tracer la courbe représentant la gyre de l'Atlantique Sud. Il est donné par le listing \ref{listing:cartegenebesier}.
\begin{lstlisting}[float,language=Javascript,caption={La gyre de l'Atlantique Sud.},label={listing:cartegenebesier}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgElement.setAttribute('xmlns', "http://www.w3.org/2000/svg");
svgElement.setAttribute('viewBox', "0 0 100 100");(*@\label{ligne:geneviewboxx}@*)
svgElement.innerHTML = '<path d="M 85,15 C 100,40 85,85 15,85 C 0,85 50,-55 85,15" stroke="black" stroke-opacity="1" fill-opacity="0%"/>\(*@\label{ligne:genepath}@*)
<image xlink:href="images/Mollweide_Cycle.gif" x="30" y="20" height="50" width="50" />';(*@\label{ligne:geneimgvect}@*)
var forme = L.svgOverlay(svgElement, bounds1);
forme.addTo(map);
\end{lstlisting}
Les premières lignes ont déjà été expliquées précédemment. Seules les lignes \ref{ligne:genepath} et \ref{ligne:geneimgvect} sont à commenter.
Et encore, la seconde donne simplement un exemple de placement d'une image animée de type GIF sur la carte. Elle n'appelle pas vraiment de commentaires.
La première quant à elle est plus complexe car elle présente un élement de type \emph{path} dont le premier paramètre est difficilement compréhensible. Les autres sont évidents. Commentons donc ce premier paramètre qui comporte les éléments suivant~:
d="M 85,15 C 100,40 85,85 15,85 C 0,85 50,-55 85,15"
Pour les comprendre, il faut au préalable se rappeler que la taille de la viewbox, précisée à la ligne \ref{ligne:geneviewboxx}, est de 100x100. Le chemin commence par un unique point (M) situé aux coordonnées x,y de la viewbox 85,15, soit en haut à droite (le système d'axes utilisés en SVG à l'origine en haut a gauche, x pointant vers la droite et y vers le bas). Viennent ensuite trois couples de nombres après la lettre C qui représentent successivement la poignée de Bésier 100,40 du point M, la poignée de Bésier du point terminal du segment et le point terminal du segment. Le point 15,85 est donc le point terminal du premier segment et 85,85 sa poignée de Bésier associée. Le second C permet de construire le second segment. Comme aucun point M n'est présent juste avant, c'est le dernier point du segment précédent qui constitue l'origine du second 15,85, dont la poignée de Bésier est 0,85. Le point final étant 85,15 et sa poignée de Bésier associée 50,-55, la courbe est fermée.
Pour vous rendre compte que ces points dessinent bien la courbe de la gyre de l'Atlantique Sud, faites un schéma avec les différents points en reliant les poignées de Bésier à leur point.
Vous pouvez aussi consulter le site de \emph{La Cascade} \cite{Path} qui vous présentera clairement d'autres commandes path SVG.
\subsection{Mouvement}
Un premier élément de mouvement se trouve dans l'image animée GIF au centre de la gyre de l'Atlantique Sud. Ce qu'on ne voit pas sur la figure \ref{figure:cartepollutionsgenerale}, page \pageref{figure:cartepollutionsgenerale}, c'est que cette image est animée. Pendant la consultation du site, elle se comporte comme un petit film.
Mais, avant de présenter comment superposer à la carte un véritable petit film, signalons, avec l'exemple de la gyre du Pacifique Nord, qu'il ne faut pas négliger la possibilité de représenter le mouvement sans mouvement, c'est à dire avec des éléments vectoriels (au sens de flèches) qui sont depuis longtemps utilisés par la cartographie. Ici, la transparence, rendue disponible par l'utilisation du format d'image PNG, permet de superposer à la carte une image présentant les courants océaniques dans cette zone. Pour autant que cette image ait été créée selon une projection de Mercator (ce qui n'est pas ici le cas), elle peut être un outil particulièrement adapté à la représentation des mouvements marins. Le code de placement de l'image est classique et est précisé dans le listing \ref{listing:cartegenevecteurs}.
\begin{lstlisting}[float=t,language=Javascript,caption={La gyre Pacifique Nord.},label={listing:cartegenevecteurs}, numbers=left,numberstyle=\tiny,numbersep=1pt]
var imageUrl = 'images/North_Pacific_Gyre.png';
var errorOverlayUrl = 'https://cdn-icons-png.flaticon.com/512/110/110686.png';
var altText = 'Wikipedia : https://commons.wikimedia.org/wiki/File:North_Pacific_Gyre.png';
var latLngBounds = L.latLngBounds([[66.6, -254.5], [-15.5, -105.2]]);
var imageOverlay = L.imageOverlay(imageUrl, latLngBounds, {
opacity: 1,
errorOverlayUrl: errorOverlayUrl,
alt: altText,
interactive: true
}).addTo(map)
.bindTooltip("Gyre du Pacifique Nord", {
permanent: true,
direction: 'right',
offset: [0,0]
});
\end{lstlisting}
Bien entendu, l'idéal serait de récupérer les données (position, sens, direction et grandeur) numériques de ces courants et de les projeter sur la carte dans une couche vectorielle et non par une image bitmap. C'est possible, mais dépasse le cadre de cette petite présentation de Leaflet.
\medskip
Encore plus intéressant est la vidéo représentant les mouvement océaniques de la gyre de l'Atlantique Nord. Les données sont celles de la NASA (voir \cite{NASA}). La vidéo qui se trouve sur la carte est une simulation du mouvement de bouées en Atlantique Nord, basée sur l'étude de bouées réelles. Comme le dit la NASA~:
\begin{quotation}
We distributed thousands of particles (virutal buoys) aroung the world, then ran a simulation based on the ECCO2 flow vectors to see where those particles would move to over time. These simulated particles were colored blue/cyan based on the paricle's speed. Notice that over time garbage patches develop in each of the ocean basins. \cite{NASA}
\end{quotation}
Pour une comparaison entre le modèle numérique et les bouées réelles, voyez la référence. Comme le propos ici n'est pas de discuter des éléments scientifiques qui expliquent les gyres, mais de montrer que Leaflet permet différentes représentations de celles-ci, d'une vidéo sur l'ensemble des gyres mondiales, seule la gyre de l'Atlantique Nord a été extraite par découpage avec le logiciel libre OpenShot et seules la partie simulation a été sélectionnée.
La manière d'introduire cette vidéo sur la carte est présentée dans le code \ref{listing:cartegenebouees}.
\begin{lstlisting}[float,language=Javascript,caption={La gyre de l'Atlantique Nord.},label={listing:cartegenebouees}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var videoUrls = [
'images/GyreAtlantiqueNordPetitPetit.mp4'];(*@\label{ligne:genevideos}@*)
var errorOverlayUrl = 'https://cdn-icons-png.flaticon.com/512/110/110686.png';
var latLngBounds = L.latLngBounds([[57, -100], [3.5, 13]]);
var videoOverlay = L.videoOverlay(videoUrls, latLngBounds, {(*@\label{ligne:videooverlay}@*)
opacity: 0.6,(*@\label{ligne:videoopacity}@*)
errorOverlayUrl: errorOverlayUrl,
interactive: true,
autoplay: true,
muted: true,
playsInline: true,
keepAspectRatio: false(*@\label{ligne:videoaspectratio}@*)
}).addTo(map);
\end{lstlisting}
Plusieurs vidéos peuvent être jouées successivement, auquel cas elles doivent être spécifiées dans le tableau \emph{videoUrls} de la ligne \ref{ligne:genevideos}, séparées par une virgule.
La méthode le l'API Leaflet pour représenter la vidéo sur la carte est \emph{videoOverlay} visible à la ligne \ref{ligne:videooverlay}. Elle prend pour arguments le tableau de la/des vidéos, la boite des position supérieure-gauche et inférieure-droite de la vidéo et des propriétés comme l'opacité (ligne \ref{ligne:videoopacity}) ou le ratio d'aspect (ligne \ref{ligne:videoaspectratio}). Ce dernier est très utile dans le cas d'une carte dans la vidéo qui n'est pas conforme à Mercator pour déformer au mieux la vidéo pour que les contours des côtes colle au mieux à ceux de la carte sous-jacente.
\medskip
On constate finalement une grande simplicité à gérer des éléments dynamiques avec Leaflet, que ce soit une image comportant des vecteurs, une vidéo de type GIF ou des vidéos classiques, qui dans tous les cas supportent un réglage de l'opacité très bienvenu sur le fond de carte.
\subsection{Informations}
Notons finalement que les possibilités offertes par Leaflet en terme de présentation de l'information sont très vastes. En particulier, la gestion de l'information à l'intérieur des popups qui s'ouvrent à l'accueil sur la carte ou par un clic sur l'un de ses éléments, n'a pas été abordée ici, pas plus que la personnalisation des icônes de ceux-ci. Le site de Leaflet (voir \cite{Leaflet}) et en particulier ses onglets \emph{Tutorials} et \emph{Docs} vous en diront plus.
\smallskip
Voyons cependant comment mettre en place une légende.
Le code permettant d'obtenir la légende présentée à la figure \ref{figure:legende} est donné dans le listing \ref{listing:legende}.
\begin{figure}[ht]
\centering
\includegraphics[width=0.6\linewidth]{legende}
\caption{Une légende\label{figure:legende}}
\end{figure}
\begin{lstlisting}[float,language=Javascript,caption={Une légende.},label={listing:legende}, numbers=right, numberstyle=\tiny,numbersep=1pt]
// Définition de la légende
function getColor(d) {(*@\label{ligne:couleur}@*)
return d === 'Océaniques' ? "#5bc6da" :
d === 'Terrestres' ? "#e5c7a9" :
d === 'Polaires' ? "#dadcd2" :
d === 'Désertiques' ? "#e2ddcf" :
"#cd9474";
}
var legend = L.control({position: 'bottomleft'});(*@\label{ligne:control}@*)
legend.onAdd = function (map) {(*@\label{ligne:onadd}@*)
var div = L.DomUtil.create('div', 'info legend');(*@\label{ligne:domdiv}@*)
labels = ['<strong>Surfaces</strong>'],
categories = ['Océaniques','Terrestres','Polaires','Désertiques','Autres'];
for (var i = 0; i < categories.length; i++) {
div.innerHTML +=
labels.push('<span style="display:inline-block;width:10px;height:10px;border-radius:5px;background:'+getColor(categories[i])+';"></span> '+categories[i]);(*@\label{ligne:lignescategories}@*)
}
div.innerHTML = labels.join('<br>');(*@\label{ligne:retourligne}@*)
return div;(*@\label{ligne:retourfinal}@*)
};
legend.addTo(map);(*@\label{ligne:cartelegend}@*)
\end{lstlisting}
On voit dans ce code plusieurs éléments intéressants.
Tout d'abord, à la ligne \ref{ligne:couleur}, une fonction permettant de retourner une couleur en fonction d'une catégorie de surfaces (Océaniques, Terrestre, \dots). La grammaire utilisée est celle d'un test (?) de différents cas dont la couleur finale correspond à l'ensemble des cas non prévus.
Puis, vient la déclaration d'un élément de contrôle de Leaflet mis à la ligne \ref{ligne:control} dans la variable \emph{legend}.
Si la légende est ajoutée à la carte à la ligne \ref{ligne:cartelegend}, ses éléments sont construits précédemment dans la méthode \emph{onAdd} de la variable legend, ligne \ref{ligne:onadd}. À la même ligne, celle-ci est constituée par une fonction anonyme avec pour paramètre la carte (map).
Dans cette fonction, on crée à la ligne \ref{ligne:domdiv} un \emph{div} en y ajoutant les classes \emph{info} et \emph{legend}. Puis, on initialise la variable \emph{labels} avec l'entête de la légende et on déclare une variable \emph{categories}, qui va contenir les éléments de la légende. Enfin, on créée une boucle ajoutant à l'entête de la variable \emph{label} chaque ligne de la légende. Chacune de celles-ci est construite de la même manière, ligne \ref{ligne:lignescategories} : un \emph{span} dont les bords sont arrondis pour donner un cercle et dont la couleur correspond à celle de chaque élément des catégories, suivi du teste correspondant à la catégorie en question. Enfin, à la ligne \ref{ligne:retourligne}, on crée un retour à la ligne à la fin de chacune de celles-ci.
Finalement le \emph{div} construit est retourné à la carte à la ligne \ref{ligne:retourfinal}.
\medskip
L'exemple de cette légende permet de comprendre comment on construit une légende, mais aussi d'envisager des légendes dynamiques avec des couleurs qui changent en fonction des cas, car si la variable \emph{categories} peut contenir du texte, elle peut aussi être numérique.
\subsection{Grands cercles}
Signalons encore ici la faculté de Leaflet à utiliser très simplement des modules.
Par exemple, on peut présenter l'utilisation du module \emph{Leaflet.greatCircle.js} (voir \cite{LGreatCircle}), permettant de représenter correctement de très grands cercles dans la projection de Mercator.
L'installation du module est très simple. Elle se fait par importation du script javascript de celui-ci à la fin du fichier \emph{index.html}, après Leaflet, comme le montre le code \ref{listing:greatcircle}.
\begin{lstlisting}[float,language=HTML5,caption={Importation du module greatCircle.},label={listing:greatcircle}, numbers=right, numberstyle=\tiny,numbersep=1pt]
<script src="js/Leaflet.greatCircle.js"></script>
\end{lstlisting}
Puis, pour créer un grand cercle, on utilise la syntaxe du code \ref{listing:cerclegreat}.
\begin{lstlisting}[float,language=Javascript,caption={Une légende.},label={listing:cerclegreat}, numbers=left, numberstyle=\tiny,numbersep=1pt]
// Définition d'un grand cercle avec le plugin Leaflet.greatCircle permettant
// des grand cercles correctement définis dans la projection de Mercator.
var grandcercle = new L.greatCircle([-30, 110], {radius: 7000000});(*@\label{ligne:declargreatcircle}@*)
grandcercle.addTo(map);
\end{lstlisting}
La construction du grand cercle se fait à la ligne \ref{ligne:declargreatcircle} en spécifiant la latitude-longitude et le rayon du cercle.
\smallskip
Le résultat est donné à la figure \ref{figure:cartegreatcircle}. On y voit en bleu des cercles si déformés au pôle Sud qu'ils ne se referment pas. Évidemment, l'échelle est très petite de façon à voir le monde dans son ensemble et c'est la raison pour laquelle le cercle se répète.
%\begin{sidewaysfigure*}
\begin{figure*}
\centering
\includegraphics[width=\textwidth]{CarteGreatCircle}
\caption{De très grands cercles corrects en projection de Mercator.\label{figure:cartegreatcircle}}
\end{figure*}
\section{Conclusion}
Au terme de ce parcours des possibilités offertes par Leaflet, et plus que cela avec les cartes proposées par Mathilde et Hélène, carte des pollutions océaniques (carte de la figure \ref{carte:pollutionoceanique}, page \pageref{carte:pollutionoceanique}) ou ci-dessus la carte statique des gyres océaniques (figure \ref{figure:cartepollutionsgenerale}, page \pageref{figure:cartepollutionsgenerale}), la question est de savoir ce que nous avons appris.
Au départ, la démarche engagée par Mathilde et Hélène nous a fait découvrir (ou nous à engagé à nous rappeler) que les gyres de plastiques ou les catastrophes pétrolières sont une réalité bien peu réjouissante qui se cache dans les océans et qu'il est bon d'en tenter la localisation sur une carte à petite échelle pour mieux en comprendre l'importance en terme de surface.
Puis, aux regrets de Mathilde et Hélène de ne pas avoir pu en préciser les formes, nous nous sommes intéressés aux techniques de représentation des éléments cartographiques d'une carte sur le web. Les modes de représentation des objets sur la carte et les variations d'échelle que ce type de carte implique nous ont alors fait découvrir plusieurs langages (Javascrip, Leaflet, SVG, \dots) nécessaires à la constitution des cartes.
Mais, l'étude de ces langages, des formes mises à disposition pour la représentation, nous ont interrogés sur la pertinence de celles-ci dans le cas de gyres. De simples cercles nous sommes passés à une représentation du mouvement des particules plastiques dans les courants océaniques. Encore ne sommes-nous pas allés à une représentation en profondeur, c'est-à-dire dans la troisième dimension des couches liquides océaniques. Mais on s'est bien rendu compte que la compréhension des mouvements des masses d'eau pouvait trouver une explication graphique dans une représentation des fonds océaniques. A la recherche d'une telle représentation, on a pu voir la puissance de Leaflet pour changer à la volée le fond de carte et découvrir que malheureusement, il n'existe pas encore de représentation des fonds océaniques tuilée pour permettre le zoom des cartes web.
Au final donc, les nécessités de la représentation cartographique nous ont poussés à approfondir de manière conséquente nos connaissances sur le fond des phénomènes que la carte exemplifie. On peut ainsi citer et souligner le titre de l'avant-propos de l'ouvrage \emph{La carte invente le monde} (voir \cite{Picouet} élaboré au c\oe ur de l'Université de Lille.
\begin{quote}
\emph{\textbf{La carte pour tracer un chemin dans des mondes de connaissances.}} \cite[Avant-propos]{Picouet}
\end{quote}

452
chapitres/annexe1.tex.bak Normal file
View File

@ -0,0 +1,452 @@
\chapter{Leaflet}\label{annexe:leaflet}
Umap est un logiciel particulièrement attrayant car il permet d'obtenir relativement rapidement un résultat convenable, c'est-à-dire essentiellement des marqueurs de POI (points d'intérêts) de différents types avec des bulles de texte et d'images. On peut aussi mettre des lignes et des surfaces faites de points. Il permet également de gérer différents calques.
Il permet aussi de travailler sur des sites mis à disposition par une communauté comme \emph{\url{https://umap.openstreetmap.fr}} ou \emph{\url{https://umap.osm.ch/fr/}}. Ces sites rendent la carte immédiatement disponible et il est possible, moyennant inscription, de travailler sur des cartes mises à disposition de tous tout en verrouillant les informations qui s'y trouvent.
Cependant, certains de ces sites ne disposent que d'un nombre limité de fonds de carte et surtout les éléments mis à disposition par Umap restent limités. Ce n'est pas un reproche, et même souvent un avantage rendant simple la création des cartes, mais ne permettant pas toujours de réaliser au mieux des cartes particulières, il peut devenir souhaitable de découvrir des logiciels plus développés.
Par exemple, avec Umap, la taille des icones n'est pas modifiable, il n'existe pas de formes directement circulaires \dots
\smallskip
Ainsi, pour de la cartographie orientée vers le web, des solutions plus évoluées existent. Cependant, celles-ci sont évidemment moins facile à mettre en \oe uvre. L'une de celles-ci, entre les deux extrêmes que sont Umap et le triptyque \emph{PostGIS, OpenLayers et MapServer} (voir \cite{Collado}), se nomme \emph{Leaflet}.
Différents documents d'introduction sont disponibles sur le net. Parmi ceux-ci, il faut relever \emph{Des cartes sur votre site} d'Eskimon (voir \cite{Eskimon}) qui est non seulement intéressante de part la clarté de son introduction, mais aussi par le fait que celle-ci est fourni en pdf, epub et tex sous licence libre. De même pour une utilisation avancée de Leaflet avec le même site \emph{\url{https://zestedesavoir.com/rechercher/?q=leaflet}} et l'article \emph{Leaflet - Utilisation avancée} (voir \cite{Shevek}). Ces document sont assez bien faits pour qu'il ne soit pas nécessaire de produire ici une véritable introduction à Leaflet.
\smallskip
Nous allons plutôt nous concentrer sur un exemple particulier. Il s'agit de la carte des pollutions océaniques présentée ci-dessus (voir \ref{para:pollutionsoceaniques}). L'objectif n'est certainement pas une critique de ce travail qui est pour nous excellent. Il s'agit de présenter ce que Leaflet peut apporter à un travail où, de l'aveu même des auteures, les outils proposés par Umap on montré leurs limites, tout en présentant rapidement la philosophie de Leaflet.
\section{Structure}
Leaflet est une surcouche \emph{Javascript} à un site ordinaire écrit en HTML et CSS. Il est donc nécessaire de disposer d'un serveur web pour y intégrer les pages réalisées avec lui.
Ainsi la structure de la carte sur les pollutions océaniques est-elle celle du code \ref{listing:html}.
\begin{lstlisting}[float,language=HTML5,caption={La partie HTML5 de la carte.},label={listing:html},numbers=right, numberstyle=\tiny,numbersep=6pt]
<!DOCTYPE html>
<html>
<head>
<title>Oceans de plastiques</title>
<meta http-equiv="Content-Type"content="text/html; charset=utf8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/moncss.css" type="text/css" rel="stylesheet">
</head>
<body id="body">
<h1>Carte des pollutions plastiques</h1>
<div id="map"></div>
<footer>Copyleft</footer>
</body>
<!-- Stamen Watercolor -->
<!--<script type="text/javascript" src="https://stamen-maps.a.ssl.fastly.net/js/tile.stamen.js?v1.3.0"></script> -->
<!-- Leaflet -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
<!-- Le js -->
<script src="js/monjs.js"></script>
</html>
\end{lstlisting}
Est associée à la page HTML5, une page CSS3 et un fichier Javascript. La feuille de style associée est celle présenté dans le code \ref{listing:css}.
\begin{lstlisting}[float,language=CSS,caption={La feuille de style de la carte.},label={listing:css},numbers=left, numberstyle=\tiny,numbersep=6pt]
#map {
/* les dimensions de la carte sur tout le viewport */
/*width: 100vw;height: 100vh;*/
width: 100%;
height: 80vh;
border: solid black 1px;
}
svg {background: transparent;}
\end{lstlisting}
Quant au javascript, il se trouve dans le code \ref{listing:js}.
\begin{lstlisting}[float,language=Javascript,caption={Le javascript de la carte avec ses deux fonds.},label={listing:js}, numbers=right, numberstyle=\tiny,numbersep=1pt]
document.getElementById('body').onload = function(){
// La carte centrée et zoomée
center: [55, 0],
zoom: 2
});//.setView([0, 0], 2);
// Déclaration des fonds
var baselayers = {
osm:L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
}),
stamen:L.tileLayer('https://stamen-tiles-{s}.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg', {
maxZoom: 19,
attribution: 'Map tiles by <a href="https://stamen.com">Stamen Design</a>, under CC BY 4.0. Data by <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by/4.0">CC BY SA</a>.'
})
};
// Ajout du fond par défaut
baselayers.stamen.addTo(map);(*@\label{ligne:stamen}@*)
// Ajout du menu de changement de fonds
L.control.layers(baselayers, null, {position: 'topright', collapsed : false }).addTo(map);(*@\label{ligne:osm}@*)
\end{lstlisting}
Le code \ref{listing:js} permet de placer sur la page un fond de carte \emph{Watercolor} de \href{https://stamen.com/open-source/}{Stamen} sur des données \href{https://www.openstreetmap.org}{OpenStreetMap} par instanciation de l'objet \emph{map}. Cela est réalisé à la ligne \ref{ligne:stamen}. Mais il est aussi prévu la possibilité de choisir un fond de carte OpenStreetMap à la ligne \ref{ligne:osm}.
\smallskip
Le choix du fond de carte Watercolor est celui du groupe des pollutions océaniques. Il est maintenu ici, mais on se demandera par la suite s'il est possible d'en changer au profit d'un fond représentant mieux le fond océanique. En effet, c'est en partie ce dernier qui contraint les mouvement d'eau et construit ainsi les gyres.
\section{Marqueurs}
La notion de marqueurs recouvre essentiellement deux types d'éléments~:
\begin{itemize}
\item Les éléments graphiques dont la taille est indépendante de l'échelle. Il s'agit d'éléments dont la taille ne va pas varier lors d'un zoom sur la carte. Ces éléments doivent toujours conserver leur taille à l'écran. On peut dire qu'il n'ont de relation avec la carte que dans leur positionnement.
\item Les éléments graphiques dont la taille est dépendante de l'échelle. Il s'agit d'éléments d'étendue fixe sur le territoire. En zoomant vers une échelle détaillée (grande échelle), il grandissent et en dézoomant vers une vaste échelle (petite échelle), il deviennent de plus en plus petits.
\end{itemize}
\begin{figure*}[t]
\centering
\begin{subfigure}[b]{0.45\textwidth} % "0.45" donne ici la largeur de l'image
\centering \includegraphics[width=\textwidth]{LeafletMerkatorPetiteEchelle}
\caption{Petite échelle}\label{fig:merkatorpetiteechelle}
\end{subfigure}
~ % ce symbole ajoute un espacement horisontal entre les premières deux images
\begin{subfigure}[b]{0.45\textwidth}
\centering \includegraphics[width=\textwidth]{LeafletMerkatorGrandeEchelle}
\caption{Grande échelle}\label{fig:merkatorgrandeechelle}
\end{subfigure}
%
% % la ligne blanche correspond au retour à la ligne après le deuxième image
% \begin{subfigure}[b]{0.45\textwidth}
% \centering \includegraphics[width=\textwidth]{margueriteDaisy.jpg}
% \caption{Marguerite Daisy}\label{fig:daisy}
% \end{subfigure}
% ~
% \begin{subfigure}[b]{0.45\textwidth}
% \centering \includegraphics[width=\textwidth]{rose.jpg}
% \caption{Rose}\label{fig:rose}
% \end{subfigure}
\caption{Projection de Merkator}\label{fig:projmerkator}
\end{figure*}
Pour illustrer différents types de marqueurs disponibles avec Leaflet, la figure \ref{fig:projmerkator} présente deux cartes à deux échelles différentes. Essentiellement, quatre types de marqueurs sont présents~:
\begin{itemize}
\item des lignes de latitude avec des marqueurs textuels liés,
\item des rectangles dont les sommets sont donnés en coordonnées [latitude, longitude],
\item des cercles dont les centres sont en latitude-longitude, mais dont les rayons sont donnés en mètres et des rectangles pleins dont les coordonnées sont exprimés en pixels d'écran.
\end{itemize}
L'ensemble de ces marqueurs permet de se rendre compte de la variété des problèmes qu'on peut rencontrer lors du placement de figures sur un projection de Merkator dont l'emprise (la zone visible à l'écran) change en fonction du niveau de zoom.
\subsection{Lignes}
Commençons par expliciter les lignes et leurs marqueurs. Le code \ref{listing:lignes} en présente la structure.
\begin{lstlisting}[float,language=Javascript,caption={Lignes de latitude et marqueurs texte.},label={listing:lignes}, numbers=right, numberstyle=\tiny,numbersep=1pt]
var latlngs = [[80, -80],[80, 80]];(*@\label{ligne:latlngs}@*)
var polyline = L.polyline(latlngs, {color: 'green'}).addTo(map)(*@\label{ligne:polyline}@*)
.bindTooltip("Équateur : latitude 0°",(*@\label{ligne:tooltip}@*)
{permanent: true,
direction: 'right',
offset: [60,0](*@\label{ligne:offset}@*)
});
\end{lstlisting}
La variable \emph{latlngs} déclare deux points en latitude-longitude qui seront les extrémités de la ligne (ligne \ref{ligne:latlngs}). On construit ensuite dans la variable \emph{polyline} une ligne placés selon la variable latlngs et de couleur verte qu'on ajoute à la carte (ligne \ref{ligne:polyline}). À ce niveau, la ligne apparaît sur la carte.
En utilisant la méthode \emph{bindTooltip} sur cette polyline (ligne \ref{ligne:tooltip}), on peut alors définir le texte du marqueur et ses caractéristiques, dont le décalace de celui-ci par rapport au centre de la ligne (l'offset de la ligne \ref{ligne:offset}). Attention, ce dernier n'est pas spécifié en degré de latitude-longitude, mais en pixels de l'écran.
Ainsi définis, ces lignes et marqueurs auront un comportement de deux types. La ligne, ainsi que la position du marqueur, resteront parfaitement \emph{fixes sur la carte} à toutes les échelles (selon tous les facteurs de zoom). Le texte, par contre ne suivra pas le zoom. En d'autres termes, sa taille restera fixe par rapport à l'écran.
Toutes les commandes utilisées pour réaliser ces lignes font partie du jeux de commandes de Leaflet (son API, l'interface de programmation de l'application). Aucun plugin n'est nécessaire et toutes ces commandes sont décrites dans la documentation. Mais attention à l'ambiguïté de la notation [..., ...] dont les composantes peuvent s'exprimer en latitude-longitude \emph{ou} en pixelssurX-pixelssurY (notez l'inversion puisque le premier nombre n'est pas la longitude).
\subsection{Rectangles}
Les rectangles dont le fond est transparent sont aussi des éléments de l'API de Leaflet. Les paramètres nécessaires à leur construction étant les coordonnées latitude-longitude des sommets, on voit apparaître leur déformation typique de la projection de Merkator. Celle-ci se fait en latitude, mais aussi en longitude, contrairement à ce qu'on pourrait penser en raison du parallélisme équidistant des méridiens. En effet, si la déformation en latitude est évidente, la longueur réelle des côtés \og horizontaux \fg{}, sur la carte (c'est-à-dire sur la projection) d'égale longueur, est inférieure en réalité pour le côté de plus grande latitude à celle de plus faible latitude.
Les instructions permettant de tracer ces rectangles sont celles du code \ref{listing:rectangles}. Relevez que la couleur du fond transparent est celle par défaut.
\begin{lstlisting}[float,language=Javascript,caption={Les rectangles en latitude-longitude.},label={listing:rectangles}, numbers=right, numberstyle=\tiny,numbersep=1pt]
var polygon = L.polygon([
[0, 0],[20, 0],[20, -20],[0, -20]
],{color: "green"}).addTo(map);
\end{lstlisting}
\subsection{Cercles}\label{cercles}
Les cercles présentent un élément différent des rectangles, en ce sens que, si leurs centres sont positionnés en latitude-longitude (tous les 20\degres), leur rayon est identique pour chacun et donné en mètres.
Le résultat graphique sur la carte est une série de cercles dont le rayon augmente avec la latitude. Si, à l'instar des rectangles, on comprend bien que cela soit le cas avec la latitude, on pouvait s'attendre à ce qu'il n'en soit pas ainsi avec la longitude. Comment expliquer que cela ne soit pas le cas ? Dans une projection de Merkator, les méridiens sont des lignes droites équidistants. Ce qui n'est évidemment pas le cas sur le globe terrestre, puisque tous ses méridiens se rejoignent aux pôles. La distance vraie entre deux méridiens diminue donc avec la latitude. En effectuant une projection de Merkator qui \og redresse \fg{} les méridiens pour qu'il soient parallèles les uns aux autres, on augmente donc les distances sur la projection en fonction de la latitude, ce qui a pour effet d'augmenter le rayon du cercle entre deux méridiens en même proportion qu'entre deux grands cercles. Le résultat se présente donc sous la forme de cercles dont le rayon augmente avec la latitude.
Les instructions permettant de tracer ces cercles sont celles du code \ref{listing:cercles}. Relevez que la couleur du fond transparent est définie à la ligne \ref{ligne:couleurfond}.
\begin{lstlisting}[float,language=Javascript,caption={Les rectangles en latitude-longitude.},label={listing:cercles}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var rayon = 1100000(*@\label{ligne:rayon}@*)
var cercle = L.circle([30, -50], {(*@\label{ligne:cercle}@*)
color: 'yellow',
fillColor: '#101010',(*@\label{ligne:couleurfond}@*)
fillOpacity: 0.5,
radius: rayon
}).addTo(map);
\end{lstlisting}
Les deux éléments principaux de ce code sont la définition du rayon (ligne \ref{ligne:rayon}), de même valeur pour tous les cercles, et la création du cercle (ligne \ref{ligne:cercle}) avec son centre latitude-longitude et ses propriétés comme le rayon.
\subsection{Rectangles SVG}
L'API de Leaflet est limitée dans les formes de base utilisables qui sont le point, la polyline (dont la droite), le polygone, le cercle et le rectangle.
Pour des formes plus complexes, on est donc naturellement amené à penser à l'utilisation du dessin vectoriel comme SVG (\href{https://developer.mozilla.org/fr/docs/Web/SVG}{Scalable Vector Graphics}), puisque les navigateurs modernes supportent maintenant bien ce langage.
\smallskip
Le problème tient dans le fait que définir une ligne droite dans un langage vectoriel ne peut se faire que sur la projection. En effet, à la surface d'une sphère, si les deux extrémités sont données en latitude et longitude, une droite n'en n'est plus une.
Leaflet utilise donc trois systèmes de coordonnées qu'il faut bien comprendre sans quoi des surprises de représentation peuvent apparaître.
\section{Pollutions}
Les problèmes posés par la carte des pollutions réalisées par Mathilde et Hélène sont nombreux~:
\begin{enumerate}
\item la petite échelle de la carte qui la déforme assez pour que la représentation des gyres en soient affectée,
\item le fond de carte qui devrait permettre de comprendre les gyres,
\item la forme des gyres qui physiquement est difficile à connaître et graphiquement difficile à bien représenter pour qu'elles correspondent au mieux à des courants océaniques,
\item le mouvement de celles-ci et
\item les informations sur celles-ci, comme leur emprise, la quantité de plastique présente, la dimension de leurs éléments, \dots
\end{enumerate}
Tous ces problèmes se traduisent par des difficultés techniques qui sont toutes caractéristiques des productions cartographiques.
\subsection{Échelle}
La petite échelle de la carte utilisée pour la carte des pollutions constitue la première interrogation. Dans quelle mesure influence-t-elle la représentation des gyres ? La réponse à cette question tient dans la connaissance du type de projection utilisée par défaut par Leaflet.
Toutes les projections cartographiques sur le web utilisent la même projection dite \emph{Webmercator}, \emph{Pseudomercator}, \emph{Mercator sphérique} et, officiellement, \emph{WGS 84 Web Mercator}\footnote{Elle est aussi dénommée Google Web Mercator, mais étant non conforme, elle n'est semble-t-il officiellement pas reconnue (voir \href{https://en.wikipedia.org/wiki/Web\_Mercator\_projection}{Wikipedia})}. Cette projection est complexe, car s'il s'agit bien d'une projection de Mercator, elle utilise des données provenant d'un géoïde non sphérique, contrairement à ce que sa dénomination peut faire penser. De plus, elle n'est ni conforme, ni équivalente, c'est-à-dire qu'elle ne conserve respectivement ni les angles, ni les surfaces, alors que la transformation de Mercator est conforme. Vous trouverez en annexe \ref{annexe:projectionmercator} une description plus détaillé de la projection de Mercator, dont notamment son indicatrice de déformation des surfaces. Car, la transformation de Mercator, comme wGS 84 Web Mercator, déforme les formes hors équateur, surtout au niveau des régions de grande latitude.
Ainsi, représenter une gyre sur une carte à petite échelle ne permettra pas de la représenter correctement de part la nature de la projection utilisée.
\subsection{Fond de carte}
Le fond de carte choisi pour cette carte des pollutions plastiques est \emph{Watercolor} (voir \cite{Stamen}). Si celui-ci est certainement très esthétique et bien choisi par contraste avec le propos du travail, il n'est pas un fond permettant de mettre en évidence la raison des gyres.
Après des recherches pour trouver un fond de carte libre de droit utilisable avec Leaflet (ou même Umap) qui représente le fond des océans, il se trouve que si de projets pour réaliser une telle carte sont en cours, il n'y a pas actuellement de fonds, c'est à dire de tuiles pour les différentes échelles, disponibles dans ces conditions. Il ne suffit pas évidemment d'une image des fonds marins.
\subsection{Forme}
À ce stade, il convient de présenter ce qu'il est possible de faire avec Leaflet pour aller plus loin que la carte des pollutions océaniques. La figure \ref{figure:cartepollutionsgenerale}, page \pageref{figure:cartepollutionsgenerale}, la présente sous une forme statique.
\begin{sidewaysfigure*}
\centering
\includegraphics[width=\textwidth]{CartePollutionsGenerale}
\caption{La carte statique des gyres océaniques.\label{figure:cartepollutionsgenerale}}
\end{sidewaysfigure*}
Cette carte comprends plusieurs éléments qui vont du plus simple au plus complexe. Commençons par la \emph{Gyre du Pacifique Sud}. Il s'agit simplement d'un cercle dont on voit la déformation en longitude relative à la projection de Mercator. Le code correspondant est celui du listing \ref{listing:cartegenecercle}.
\begin{lstlisting}[float,language=Javascript,caption={La gyre Pacifique Sud.},label={listing:cartegenecercle}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var rayon = 3000000
var cercle1 = L.circle([-45, -130], rayon, {
color: 'black',
fill: 'true',
fillColor: '#101010',
fillOpacity: 0.2,
}).addTo(map)
.bindTooltip("Gyre du Pacifique Sud",
{permanent: true,
direction: 'left',
offset: [0,0]
});
\end{lstlisting}
On peut remarquer que la méthode \emph{bindTooltip} a été utilisée pour permettre de placer une étiquette de texte au centre de la gyre, étiquette affichée de manière permanente et sur la gauche de celui-ci.
\medskip
Ensuite, avec \emph{La gyre de l'océan Indien} se trouve tout d'abord un simple marqueur par défaut, ouvert sur le texte de description. Le code de ce marqueur est celui du listing \ref{listing:cartegenemarqueur}.
\begin{lstlisting}[float,language=Javascript,caption={Le marqueur de l'océan indien.},label={listing:cartegenemarqueur}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var marker1 = L.marker([-42.5,69]).addTo(map)
.bindPopup("La gyre de l'océan indien.")
.openPopup();
\end{lstlisting}
Puis vient un élément bien plus intéressant. Il s'agit de l'ovale qui délimite la gyre. C'est un élément \emph{svgOverlay} de Leaflet. C'est-à-dire qu'il s'agit d'une courbe en SVG, comme le mondre le code \ref{listing:cartegeneellipse}.
\begin{lstlisting}[float,language=Javascript,caption={L'ellipse de l'océan indien.},label={listing:cartegeneellipse}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var coin20_0 = L.latLng(0, 23);
var coin0_20 = L.latLng(-65, 115);
var bounds1 = L.latLngBounds(coin20_0, coin0_20);
var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgElement.setAttribute('xmlns', "http://www.w3.org/2000/svg");
svgElement.setAttribute('viewBox', "0 0 100 100");(*@\label{ligne:geneviewbox}@*)
svgElement.innerHTML = '<ellipse transform="rotate(-40 50 60)" cx="50" cy="60" rx="45" ry="30" stroke="black" stroke-opacity="1" fill-opacity="50%"/>';(*@\label{ligne:geneellipse}@*)
var forme = L.svgOverlay(svgElement, bounds1);
forme.addTo(map);
\end{lstlisting}
Outre la définition de la boite qui va contenir la figure, définie par ses coins et la variable \emph{bounds1}, ce code est intéressant par le contenu de la variable \emph{svgElement}.
La ligne \ref{ligne:geneviewbox} déclare l'unité de la grille de représentation du schéma, ici une grille de 100x100. Vient ensuite le dessin lui-même, défini à la ligne \ref{ligne:geneellipse}, qui code en svg l'élément \emph{<ellipse />} par la position de son centre (cx et cy), la longueur de ses demi-axes (rx et ry), mais aussi par son angle de rotation (-40\degres) relativement à son centre (50 60). De plus, les éléments de couleur de la ligne et d'opacité du fond (fill-opacity) sont fournis comme attributs du code svg de l'ellipse.
\medskip
Enfin, vient un élément très intéressant. Il s'agit de la forme de la gyre de l'Atlantique Sud. Comme précédemment, c'est un élément SVG, mais celui-ci a été voulu plus complexe qu'une forme de base de l'API SVG, comme l'ellipse ou le rectangle. Il s'agit d'un chemin.
En SVG, un chemin est d'abord formé de segments constitués chacun de deux points. L'un est l'origine du segment et l'autre son arrivée. À chacun de ces deux points est associé un point supplémentaire nommé poignée de Bésier. La droite qui lie le point à sa poignée de Bésier définit la tangente de la courbe au point considéré. Il est ainsi possible de créer une courbe avec quatre points uniquement.
Pour mieux comprendre la situation, étudions le code permettant de tracer la courbe représentant la gyre de l'Atlantique Sud. Il est donné par le listing \ref{listing:cartegenebesier}.
\begin{lstlisting}[float,language=Javascript,caption={La gyre de l'Atlantique Sud.},label={listing:cartegenebesier}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var svgElement = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgElement.setAttribute('xmlns', "http://www.w3.org/2000/svg");
svgElement.setAttribute('viewBox', "0 0 100 100");(*@\label{ligne:geneviewboxx}@*)
svgElement.innerHTML = '<path d="M 85,15 C 100,40 85,85 15,85 C 0,85 50,-55 85,15" stroke="black" stroke-opacity="1" fill-opacity="0%"/>\(*@\label{ligne:genepath}@*)
<image xlink:href="images/Mollweide_Cycle.gif" x="30" y="20" height="50" width="50" />';(*@\label{ligne:geneimgvect}@*)
var forme = L.svgOverlay(svgElement, bounds1);
forme.addTo(map);
\end{lstlisting}
Les premières lignes ont déjà été expliquées précédemment. Seules les lignes \ref{ligne:genepath} et \ref{ligne:geneimgvect} sont à commenter.
Et encore, la seconde donne simplement un exemple de placement d'une image animée de type GIF sur la carte. Elle n'appelle pas vraiment de commentaires.
La première quant à elle est plus complexe car elle présente un élement de type \emph{path} dont le premier paramètre est difficilement compréhensible. Les autres sont évidents. Commentons donc ce premier paramètre qui comporte les éléments suivant~:
d="M 85,15 C 100,40 85,85 15,85 C 0,85 50,-55 85,15"
Pour les comprendre, il faut au préalable se rappeler que la taille de la viewbox, précisée à la ligne \ref{ligne:geneviewboxx}, est de 100x100. Le chemin commence par un unique point (M) situé aux coordonnées x,y de la viewbox 85,15, soit en haut à droite (le système d'axes utilisés en SVG à l'origine en haut a gauche, x pointant vers la droite et y vers le bas). Viennent ensuite trois couples de nombres après la lettre C qui représentent successivement la poignée de Bésier 100,40 du point M, la poignée de Bésier du point terminal du segment et le point terminal du segment. Le point 15,85 est donc le point terminal du premier segment et 85,85 sa poignée de Bésier associée. Le second C permet de construire le second segment. Comme aucun point M n'est présent juste avant, c'est le dernier point du segment précédent qui constitue l'origine du second 15,85, dont la poignée de Bésier est 0,85. Le point final étant 85,15 et sa poignée de Bésier associée 50,-55, la courbe est fermée.
Pour vous rendre compte que ces points dessinent bien la courbe de la gyre de l'Atlantique Sud, faites un schéma avec les différents points en reliant les poignées de Bésier à leur point.
Vous pouvez aussi consulter le site de \emph{La Cascade} \cite{Path} qui vous présentera clairement d'autres commandes path SVG.
\subsection{Mouvement}
Un premier élément de mouvement se trouve dans l'image animée GIF au centre de la gyre de l'Atlantique Sud. Ce qu'on ne voit pas sur la figure \ref{figure:cartepollutionsgenerale}, page \pageref{figure:cartepollutionsgenerale}, c'est que cette image est animée. Pendant la consultation du site, elle se comporte comme un petit film.
Mais, avant de présenter comment superposer à la carte un véritable petit film, signalons, avec l'exemple de la gyre du Pacifique Nord, qu'il ne faut pas négliger la possibilité de représenter le mouvement sans mouvement, c'est à dire avec des éléments vectoriels (au sens de flèches) qui sont depuis longtemps utilisés par la cartographie. Ici, la transparence, rendue disponible par l'utilisation du format d'image PNG, permet de superposer à la carte une image présentant les courants océaniques dans cette zone. Pour autant que cette image ait été créée selon une projection de Mercator (ce qui n'est pas ici le cas), elle peut être un outil particulièrement adapté à la représentation des mouvements marins. Le code de placement de l'image est classique et est précisé dans le listing \ref{listing:cartegenevecteurs}.
\begin{lstlisting}[float=t,language=Javascript,caption={La gyre Pacifique Nord.},label={listing:cartegenevecteurs}, numbers=left,numberstyle=\tiny,numbersep=1pt]
var imageUrl = 'images/North_Pacific_Gyre.png';
var errorOverlayUrl = 'https://cdn-icons-png.flaticon.com/512/110/110686.png';
var altText = 'Wikipedia : https://commons.wikimedia.org/wiki/File:North_Pacific_Gyre.png';
var latLngBounds = L.latLngBounds([[66.6, -254.5], [-15.5, -105.2]]);
var imageOverlay = L.imageOverlay(imageUrl, latLngBounds, {
opacity: 1,
errorOverlayUrl: errorOverlayUrl,
alt: altText,
interactive: true
}).addTo(map)
.bindTooltip("Gyre du Pacifique Nord", {
permanent: true,
direction: 'right',
offset: [0,0]
});
\end{lstlisting}
Bien entendu, l'idéal serait de récupérer les données (position, sens, direction et grandeur) numériques de ces courants et de les projeter sur la carte dans une couche vectorielle et non par une image bitmap. C'est possible, mais dépasse le cadre de cette petite présentation de Leaflet.
\medskip
Encore plus intéressant est la vidéo représentant les mouvement océaniques de la gyre de l'Atlantique Nord. Les données sont celles de la NASA (voir \cite{NASA}). La vidéo qui se trouve sur la carte est une simulation du mouvement de bouées en Atlantique Nord, basée sur l'étude de bouées réelles. Comme le dit la NASA~:
\begin{quotation}
We distributed thousands of particles (virutal buoys) aroung the world, then ran a simulation based on the ECCO2 flow vectors to see where those particles would move to over time. These simulated particles were colored blue/cyan based on the paricle's speed. Notice that over time garbage patches develop in each of the ocean basins. \cite{NASA}
\end{quotation}
Pour une comparaison entre le modèle numérique et les bouées réelles, voyez la référence. Comme le propos ici n'est pas de discuter des éléments scientifiques qui expliquent les gyres, mais de montrer que Leaflet permet différentes représentations de celles-ci, d'une vidéo sur l'ensemble des gyres mondiales, seule la gyre de l'Atlantique Nord a été extraite par découpage avec le logiciel libre OpenShot et seules la partie simulation a été sélectionnée.
La manière d'introduire cette vidéo sur la carte est présentée dans le code \ref{listing:cartegenebouees}.
\begin{lstlisting}[float,language=Javascript,caption={La gyre de l'Atlantique Nord.},label={listing:cartegenebouees}, numbers=left, numberstyle=\tiny,numbersep=1pt]
var videoUrls = [
'images/GyreAtlantiqueNordPetitPetit.mp4'];(*@\label{ligne:genevideos}@*)
var errorOverlayUrl = 'https://cdn-icons-png.flaticon.com/512/110/110686.png';
var latLngBounds = L.latLngBounds([[57, -100], [3.5, 13]]);
var videoOverlay = L.videoOverlay(videoUrls, latLngBounds, {(*@\label{ligne:videooverlay}@*)
opacity: 0.6,(*@\label{ligne:videoopacity}@*)
errorOverlayUrl: errorOverlayUrl,
interactive: true,
autoplay: true,
muted: true,
playsInline: true,
keepAspectRatio: false(*@\label{ligne:videoaspectratio}@*)
}).addTo(map);
\end{lstlisting}
Plusieurs vidéos peuvent être jouées successivement, auquel cas elles doivent être spécifiées dans le tableau \emph{videoUrls} de la ligne \ref{ligne:genevideos}, séparées par une virgule.
La méthode le l'API Leaflet pour représenter la vidéo sur la carte est \emph{videoOverlay} visible à la ligne \ref{ligne:videooverlay}. Elle prend pour arguments le tableau de la/des vidéos, la boite des position supérieure-gauche et inférieure-droite de la vidéo et des propriétés comme l'opacité (ligne \ref{ligne:videoopacity}) ou le ratio d'aspect (ligne \ref{ligne:videoaspectratio}). Ce dernier est très utile dans le cas d'une carte dans la vidéo qui n'est pas conforme à Mercator pour déformer au mieux la vidéo pour que les contours des côtes colle au mieux à ceux de la carte sous-jacente.
\medskip
On constate finalement une grande simplicité à gérer des éléments dynamiques avec Leaflet, que ce soit une image comportant des vecteurs, une vidéo de type GIF ou des vidéos classiques, qui dans tous les cas supportent un réglage de l'opacité très bienvenu sur le fond de carte.
\subsection{Informations}
Notons finalement que les possibilités offertes par Leaflet en terme de présentation de l'information sont très vastes. En particulier, la gestion de l'information à l'intérieur des popups qui s'ouvrent à l'accueil sur la carte ou par un clic sur l'un de ses éléments, n'a pas été abordée ici, pas plus que la personnalisation des icônes de ceux-ci. Le site de Leaflet (voir \cite{Leaflet}) et en particulier ses onglets \emph{Tutorials} et \emph{Docs} vous en diront plus.
\smallskip
Voyons cependant comment mettre en place une légende.
Le code permettant d'obtenir la légende présentée à la figure \ref{figure:legende} est donné dans le listing \ref{listing:legende}.
\begin{figure}[ht]
\centering
\includegraphics[width=0.6\linewidth]{legende}
\caption{Une légende\label{figure:legende}}
\end{figure}
\begin{lstlisting}[float,language=Javascript,caption={Une légende.},label={listing:legende}, numbers=right, numberstyle=\tiny,numbersep=1pt]
// Définition de la légende
function getColor(d) {(*@\label{ligne:couleur}@*)
return d === 'Océaniques' ? "#5bc6da" :
d === 'Terrestres' ? "#e5c7a9" :
d === 'Polaires' ? "#dadcd2" :
d === 'Désertiques' ? "#e2ddcf" :
"#cd9474";
}
var legend = L.control({position: 'bottomleft'});(*@\label{ligne:control}@*)
legend.onAdd = function (map) {(*@\label{ligne:onadd}@*)
var div = L.DomUtil.create('div', 'info legend');(*@\label{ligne:domdiv}@*)
labels = ['<strong>Surfaces</strong>'],
categories = ['Océaniques','Terrestres','Polaires','Désertiques','Autres'];
for (var i = 0; i < categories.length; i++) {
div.innerHTML +=
labels.push('<span style="display:inline-block;width:10px;height:10px;border-radius:5px;background:'+getColor(categories[i])+';"></span> '+categories[i]);(*@\label{ligne:lignescategories}@*)
}
div.innerHTML = labels.join('<br>');(*@\label{ligne:retourligne}@*)
return div;(*@\label{ligne:retourfinal}@*)
};
legend.addTo(map);(*@\label{ligne:cartelegend}@*)
\end{lstlisting}
On voit dans ce code plusieurs éléments intéressants.
Tout d'abord, à la ligne \ref{ligne:couleur}, une fonction permettant de retourner une couleur en fonction d'une catégorie de surfaces (Océaniques, Terrestre, \dots). La grammaire utilisée est celle d'un test (?) de différents cas dont la couleur finale correspond à l'ensemble des cas non prévus.
Puis, vient la déclaration d'un élément de contrôle de Leaflet mis à la ligne \ref{ligne:control} dans la variable \emph{legend}.
Si la légende est ajoutée à la carte à la ligne \ref{ligne:cartelegend}, ses éléments sont construits précédemment dans la méthode \emph{onAdd} de la variable legend, ligne \ref{ligne:onadd}. À la même ligne, celle-ci est constituée par une fonction anonyme avec pour paramètre la carte (map).
Dans cette fonction, on crée à la ligne \ref{ligne:domdiv} un \emph{div} en y ajoutant les classes \emph{info} et \emph{legend}. Puis, on initialise la variable \emph{labels} avec l'entête de la légende et on déclare une variable \emph{categories}, qui va contenir les éléments de la légende. Enfin, on créée une boucle ajoutant à l'entête de la variable \emph{label} chaque ligne de la légende. Chacune de celles-ci est construite de la même manière, ligne \ref{ligne:lignescategories} : un \emph{span} dont les bords sont arrondis pour donner un cercle et dont la couleur correspond à celle de chaque élément des catégories, suivi du teste correspondant à la catégorie en question. Enfin, à la ligne \ref{ligne:retourligne}, on crée un retour à la ligne à la fin de chacune de celles-ci.
Finalement le \emph{div} construit est retourné à la carte à la ligne \ref{ligne:retourfinal}.
\medskip
L'exemple de cette légende permet de comprendre comment on construit une légende, mais aussi d'envisager des légendes dynamiques avec des couleurs qui changent en fonction des cas, car si la variable \emph{categories} peut contenir du texte, elle peut aussi être numérique.
\subsection{Grands cercles}
Signalons encore ici la faculté de Leaflet à utiliser très simplement des modules.
Par exemple, on peut présenter l'utilisation du module \emph{Leaflet.greatCircle.js} (voir \cite{LGreatCircle}), permettant de représenter correctement de très grands cercles dans la projection de Mercator.
L'installation du module est très simple. Elle se fait par importation du script javascript de celui-ci à la fin du fichier \emph{index.html}, après Leaflet, comme le montre le code \ref{listing:greatcircle}.
\begin{lstlisting}[float,language=HTML5,caption={Importation du module greatCircle.},label={listing:greatcircle}, numbers=right, numberstyle=\tiny,numbersep=1pt]
<script src="js/Leaflet.greatCircle.js"></script>
\end{lstlisting}
Puis, pour créer un grand cercle, on utilise la syntaxe du code \ref{listing:cerclegreat}.
\begin{lstlisting}[float,language=Javascript,caption={Une légende.},label={listing:cerclegreat}, numbers=left, numberstyle=\tiny,numbersep=1pt]
// Définition d'un grand cercle avec le plugin Leaflet.greatCircle permettant
// des grand cercles correctement définis dans la projection de Mercator.
var grandcercle = new L.greatCircle([-30, 110], {radius: 7000000});(*@\label{ligne:declargreatcircle}@*)
grandcercle.addTo(map);
\end{lstlisting}
La construction du grand cercle se fait à la ligne \ref{ligne:declargreatcircle} en spécifiant la latitude-longitude et le rayon du cercle.
\smallskip
Le résultat est donné à la figure \ref{figure:cartegreatcircle}. On y voit en bleu des cercles si déformés au pôle Sud qu'ils ne se referment pas. Évidemment, l'échelle est très petite de façon à voir le monde dans son ensemble et c'est la raison pour laquelle le cercle se répète.
%\begin{sidewaysfigure*}
\begin{figure*}
\centering
\includegraphics[width=\textwidth]{CarteGreatCircle}
\caption{De très grands cercles corrects en projection de Mercator.\label{figure:cartegreatcircle}}
\end{figure*}
\section{Conclusion}
Au terme de ce parcours des possibilités offertes par Leaflet, et plus que cela avec les cartes proposées par Mathilde et Hélène, carte des pollutions océaniques (carte de la figure \ref{carte:pollutionoceanique}, page \pageref{carte:pollutionoceanique}) ou ci-dessus la carte statique des gyres océaniques (figure \ref{figure:cartepollutionsgenerale}, page \pageref{figure:cartepollutionsgenerale}), la question est de savoir ce que nous avons appris.
Au départ, la démarche engagée par Mathilde et Hélène nous a fait découvrir (ou nous à engagé à nous rappeler) que les gyres de plastiques ou les catastrophes pétrolières sont une réalité bien peu réjouissante qui se cache dans les océans et qu'il est bon d'en tenter la localisation sur une carte à petite échelle pour mieux en comprendre l'importance en terme de surface.
Puis, aux regrets de Mathilde et Hélène de ne pas avoir pu en préciser les formes, nous nous sommes intéressés aux techniques de représentation des éléments cartographiques d'une carte sur le web. Les modes de représentation des objets sur la carte et les variations d'échelle que ce type de carte implique nous ont alors fait découvrir plusieurs langages (Javascrip, Leaflet, SVG, \dots) nécessaires à la constitution des cartes.
Mais, l'étude de ces langages, des formes mises à disposition pour la représentation, nous ont interrogés sur la pertinence de celles-ci dans le cas de gyres. De simples cercles nous sommes passés à une représentation du mouvement des particules plastiques dans les courants océaniques. Encore ne sommes-nous pas allés à une représentation en profondeur, c'est-à-dire dans la troisième dimension des couches liquides océaniques. Mais on s'est bien rendu compte que la compréhension des mouvements des masses d'eau pouvait trouver une explication graphique dans une représentation des fonds océaniques. A la recherche d'une telle représentation, on a pu voir la puissance de Leaflet pour changer à la volée le fond de carte et découvrir que malheureusement, il n'existe pas encore de représentation des fonds océaniques tuilée pour permettre le zoom des cartes web.
Au final donc, les nécessités de la représentation cartographique nous ont poussés à approfondir de manière conséquente nos connaissances sur le fond des phénomènes que la carte exemplifie. On peut ainsi citer et souligner le titre de l'avant-propos de l'ouvrage \emph{La carte invente le monde} (voir \cite{Picouet} élaboré au c\oe ur de l'Université de Lille.
\begin{quote}
\emph{\textbf{La carte pour tracer un chemin dans des mondes de connaissances.}} \cite[Avant-propos]{Picouet}
\end{quote}

152
chapitres/annexe2.tex
View File

@ -1,5 +1,151 @@
\chapter{Titre de la deuxième annexe} \chapter{Xia et Map Wraper}
Faire une carte ne suppose pas toujours une relation à un territoire réel. La carte peut être imaginaire. Cela résout et pose un problème.
\section{Sous titre de la deuxième annexe} Généralement un territoire imaginaire n'est pas pensé de manière courbe. Ainsi, les opérations de projection n'ont pas lieu d'être. Aucune géodésie n'est nécessaire. Parfois, même aucun système de coordonnées géographiques ou cartographiques n'est nécessaire ou alors il est inventé de manière assez simple pour qu'il ne s'agisse que d'une grille aisément représentable. On résout ainsi un problème complexe de cartographie.
Blabla Par contre, cette absence à la géométrie du territoire pose un problème inattendu. En effet, les SIG (systèmes d'information géographiques) interactifs ne sont paradoxalement pas prévus pour utiliser un fond de carte plan qui ne provienne pas d'un ensemble de couches permettant le zoom. Ils sont donc inadaptés à la création de cartes imaginaires interactives.
\smallskip
Pour de telles cartes, il est impossible d'utiliser \emph{Umap}, par exemple, puisqu'aucun choix de fond de carte entièrement personnalisé n'y est possible.
\smallskip
Avec un degré de complexité important, \emph{QGIS} ou \emph{Leaflet} pourraient permettre une telle représentation (voir par exemple \cite{crssimple} pour des cartes astronomiques avec Leaflet). Mais l'investissement étant alors important, nous allons présenter ici deux autres solutions plus simples.
\section{Xia}
L'idée est ici d'abandonner totalement les SIG et d'utiliser un logiciel de dessin. Les besoins de l'interactivité font que celui-ci doit être vectoriel, comme on va le voir. Le choix se porte donc naturellement sur \emph{Inkscape} et l'un de ses modules permettant d'exporter les zones interactives créées avec celui-ci sous la forme d'un site web : \emph{Xia}.
\subsection{Installation}
L'installation de Xia est très simple puisque le module existe sous la forme d'un paquet \emph{deb} (il n'est pas dans les dépôt de Raspberrypi). Il suffit donc de le télécharger sur le site de Xia Fundraiders \cite{xiafunraiders} pour linux et d'utiliser \emph{apt}.
\subsection{Utilisation}
Après avoir redémarré Inkscape, Xia est installé.
\smallskip
Avant de voir précisément comment l'utiliser, il faut en comprendre le fonctionnement général. L'idée est de charger dans Inkscape une image de fond de type raster, du png, par exemple. C'est sur celle-ci que va se trouver toute la carte. Finalement, le fonctionnement de Xia-Inkscape est très proche de celui des SIG, puisque les couches de fond de carte sont des raster et que les éléments qu'on interroge sont vectoriels.
Puis, à l'aide des outils d'Inkscape comme les formes (rectangles, ellipses, polygones fermés, arcs, \dots), on définit les zones que le survol de la souris permettra de mettre en évidence et qui présenterons au clic des informations dans le bandeau latéral.
La figure \ref{fig:xiahtml1} présente la page d'accueil créée par Xia sur la base de la carte du parc d'attraction des rêves présenté au paragraphe \ref{par:parcdattractiondesreves}, page \pageref{par:parcdattractiondesreves}.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaHTML1ParcAttraction}
\caption{À l'ouverture du site\label{fig:xiahtml1}}.
\end{figure}
On y voit le bandeau latéral dans lequel des informations générales sur le site peuvent documenter la carte et dans lequel viendront des informations sur les objets de la carte qui seront cliqués.
On y voit aussi la carte sur laquelle se trouve en haut une image cliquable et un polygone opaque cliquable qui devient transparent au survol de la souris (voir figure \ref{fig:xiahtml2}).
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaHTML2ParcAttraction}
\caption{Mise en évidence d'une zone au survol de la souris.\label{fig:xiahtml2}}.
\end{figure}
Le polygone peut être rendu opaque sous Inkscape en lui attribuant un fond totalement blanc.
\begin{figure*}[h]
\centering
\begin{subfigure}[b]{0.45\textwidth} % "0.45" donne ici la largeur de l'image
\centering \includegraphics[width=\textwidth]{XiaHTML4ParcAttraction}
\caption{Au survol.}\label{fig:xiahtml4}
\end{subfigure}
~ % ce symbole ajoute un espacement horisontal entre les premières deux images
\begin{subfigure}[b]{0.45\textwidth}
\centering \includegraphics[width=\textwidth]{XiaHTML3ParcAttraction}
\caption{Au clic.}\label{fig:xiahtml3}
\end{subfigure}
\caption{Le polygone du labyrinthe.}\label{fig:projmerkator}
\end{figure*}
\smallskip
Ce qu'on ne voit pas avec la zone circulaire à gauche du labyrinthe, qui a été créée à l'aide de l'outil ellipse d'Inkscape et à laquelle on a attribué un fond entièrement noir.
De cette manière, cette zone devient transparente au survol et est cliquable mais non zoomable, contrairement à la zone du labyrinthe.
En effet, on voit celle-ci au survol de la souris à la figure \ref{fig:xiahtml4} et à la figure \ref{fig:xiahtml3} le zoom se produisant quand on lui clique dessus.
Parallèlement, on voit aussi sur la figure \ref{fig:xiahtml3} dans le bandeau latéral gauche, les informations associées à la zone du labyrinthe.
\smallskip
Finalement, sur la figure \ref{fig:xiahtml5}, on peut voir une zone elliptique placée sous la zone de l'image en haut à gauche. On voit ainsi qu'il est possible d'ordonner la superposition des éléments graphiques créés avec Inkscape pour que certains soient entièrement cliquables et d'autres pas.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaHTML5ParcAttraction}
\caption{Une des îles sous l'image.\label{fig:xiahtml5}}.
\end{figure}
\subsection{Techniquement}
Voyons maintenant comment procéder pour obtenir ce résultat.
On voit sur la figure \ref{fig:xiainkscape1} l'ensemble des formes géométriques superposées à l'image de fond constituant la carte. Celles-ci sont une ellipse pour l'île-montagne (en haut), un rectangle pour l'île des basses terres (en bas), un rectangle avec une rotation vers la droite pour le téléphérique entre les deux îles, l'image du dragon en haut, le polygone blanc en bas à droite, l'ellipse noire au milieu et le polygone transparent entourant le labyrinthe. Toutes ces formes ont été créées avec Inkscape et sont fermées.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaInkscape1ParcAttraction}
\caption{Les formes utilisées.\label{fig:xiainkscape1}}.
\end{figure}
À l'instar du polygone blanc sélectionné, dont on voit à droite que les propriétés comportent un titre et une description, toutes ces formes ont ces deux catégories des propriétés remplies. Ce sont elles qui vont présenter leur contenu dans le bandeau latéral gauche une fois cliquées, comme on le voit dans la figure \ref{fig:xiahtml3}.
\smallskip
Précisons enfin le comportement des trois éléments : polygone blanc, ovale noir et rectangle du téléphérique.
En choisissant le blanc pour couleur de fond d'un élément, on permet un masquage de l'image de fond qui devient transparent au survol et dont les propriétés s'affichent au clic dans le bandeau latéral.
En choisissant le noir pour couleur de fond d'un élément, on ne masque pas la zone sous-jascente et on permet un clic éventuellement déclencheur d'événements, comme un compteur par exemple, sans présenter les propriétés de l'objet.
En ne choisissant pas de couleur de fond, on ne masque pas la zone sous-jascente et on permet un clic présentant les propriétés de l'objet.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaInkscape2ParcAttraction}
\caption{Les formes utilisées.\label{fig:xiainkscape2}}.
\end{figure}
\bigskip
Après avoir défini les zones cliquables et leur propriétés : titre et description, on peut réaliser l'étape finale, c'est-à-dire utiliser Xia à partir de ce qu'on a réalisé sur Inkscape. Avant cela, il semble bon d'enregistrer le travail en SVG. Cela fait, comme le montre la figure \ref{fig:xiainkscape2}, on se rend dans le menu \emph{Extensions}, sous \emph{Exporter} et on sélectionne \emph{Xia...}.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaInkscape3ParcAttraction}
\caption{Les formes utilisées.\label{fig:xiainkscape3}}.
\end{figure}
La figure \ref{fig:xiainkscape3} montre la fenêtre de Xia qui s'ouvre alors. Elle est très simple car le seul onglet important est celui des \emph{Options}.
\smallskip
Dans celui-ci on trouve tout d'abord une case à cocher intitulée \emph{Single file}.
Si elle est cochée, celle-ci permet d'obtenir un fichier HTML uniq ue dont les librairies nécessaires pour que la page créée fonctionne sont appelée dynamiquement. Il sera alors donc nécessaire d'avoir une connexion internet pour les charger et la page sera dépendante des serveurs les fournissant.
Si elle n'est pas cochée, alors Xia va construire une arborescence de site classique avec les librairies et votre site fonctionnera même sans connexion au réseau. Votre site sera alors plus lourd et sera construit autour de plusieurs fichiers.
\smallskip
On trouve ensuite \emph{Select export} avec un menu déroulant présentant \emph{Sidebar}, \emph{Material}, \emph{Game1Click} et \emph{GameDragAndDrop}. Il s'agit de modèles pour différentes utilisation de Xia, notamment des jeux. Ici, seul le modèle \emph{Sidebar} nous intéresse.
\smallskip
Enfin, on trouve \emph{Target folder}. Il s'agit du répertoire dans lequel Xia va mettre les fichiers. Celui-ci doit donc être créé préalablement.
\medskip
Ces éléments choisis, on exécute Xia en cliquant sur \emph{Appliquer}. Cela fait, on peut ouvrir le site en allant dans son répertoire et en ouvrant le fichier \emph{.html} qui s'y trouve.
\medskip
Remarquons que le nom du fichier HTML est celui des métadonnées des propriétés du document du menu fichier d'Inkscape. En remplissant celles-ci (les métadonnées) de manière plus approfondies, on construit aussi les informations sur le document accessibles via l’icône i entouré en bas à droite de la figure \ref{fig:xiahtml1}.
À droite de celle-ci se trouvent aussi une icône permettant de mettre le site en plein écran et une autre pour le recharger.
\smallskip
Quant aux information apparaissant dans le bandeau latéral au chargement de la page d'accueil, ce sont celles des propriétés de la carte, c'est à dire de l'image de fond.
\bigskip
La gestion des informations des informations apparaissant au chargement du site comme celles constituant les informations de chaque élément, peut être finement réalisée avec un langage descriptif \emph{MARKDOWN} supporté par Xia, permettant des titres, l'ajout de liens et d'images, \dots{} comme le montre la fin du manuel en français (voir \cite{xiafunraidersman}) qu'il faut bien étudier.
\bigskip
Xia est un logiciel très intéressant pour créer des cartes sans géométrie. Évidemment, il est contraignant dans la forme produite et si on ne connaît pas le langage HTML, il sera impossible d'en changer. Cependant, son couplage avec Inkscape est très intéressant et sa facilité d'utilisation va permettre de réaliser des cartes cliquables tout-à-fait pertinente et dont la publication sur internet ne posera que peu de problèmes (attention, le code créé par Xia n'est pas responsive et les cartes qu'il produit peuvent ne pas fonctionner sur certains écrans).
Si on accepte de mettre quelque peu la main dans le code HTML, les sites fournis par Xia seront une bonne base pour une personnalisation plus avancée qui passera par la maîtrise du HTML.
\section{Map Wraper}

151
chapitres/annexe2.tex.bak Normal file
View File

@ -0,0 +1,151 @@
\chapter{Xia et Map Wraper}
Faire une carte ne suppose pas toujours une relation à un territoire réel. La carte peut être imaginaire. Cela résout et pose un problème.
Généralement un territoire imaginaire n'est pas pensé de manière courbe. Ainsi, les opérations de projection n'ont pas lieu d'être. Aucune géodésie n'est nécessaire. Parfois, même aucun système de coordonnées géographiques ou cartographiques n'est nécessaire ou alors il est inventé de manière assez simple pour qu'il ne s'agisse que d'une grille aisément représentable. On résout ainsi un problème complexe de cartographie.
Par contre, cette absence à la géométrie du territoire pose un problème inattendu. En effet, les SIG (systèmes d'information géographiques) interactifs ne sont paradoxalement pas prévus pour utiliser un fond de carte plan qui ne provienne pas d'un ensemble de couches permettant le zoom. Ils sont donc inadaptés à la création de cartes imaginaires interactives.
\smallskip
Pour de telles cartes, il est impossible d'utiliser \emph{Umap}, par exemple, puisqu'aucun choix de fond de carte entièrement personnalisé n'y est possible.
\smallskip
Avec un degré de complexité important, \emph{QGIS} ou \emph{Leaflet} pourraient permettre une telle représentation (voir par exemple \cite{crssimple} pour des cartes astronomiques avec Leaflet). Mais l'investissement étant alors important, nous allons présenter ici deux autres solutions plus simples.
\section{Xia}
L'idée est ici d'abandonner totalement les SIG et d'utiliser un logiciel de dessin. Les besoins de l'interactivité font que celui-ci doit être vectoriel, comme on va le voir. Le choix se porte donc naturellement sur \emph{Inkscape} et l'un de ses modules permettant d'exporter les zones interactives créées avec celui-ci sous la forme d'un site web : \emph{Xia}.
\subsection{Installation}
L'installation de Xia est très simple puisque le module existe sous la forme d'un paquet \emph{deb} (il n'est pas dans les dépôt de Raspberrypi). Il suffit donc de le télécharger sur le site de Xia Fundraiders \cite{xiafunraiders} pour linux et d'utiliser \emph{apt}.
\subsection{Utilisation}
Après avoir redémarré Inkscape, Xia est installé.
\smallskip
Avant de voir précisément comment l'utiliser, il faut en comprendre le fonctionnement général. L'idée est de charger dans Inkscape une image de fond de type raster, du png, par exemple. C'est sur celle-ci que va se trouver toute la carte. Finalement, le fonctionnement de Xia-Inkscape est très proche de celui des SIG, puisque les couches de fond de carte sont des raster et que les éléments qu'on interroge sont vectoriels.
Puis, à l'aide des outils d'Inkscape comme les formes (rectangles, ellipses, polygones fermés, arcs, \dots), on définit les zones que le survol de la souris permettra de mettre en évidence et qui présenterons au clic des informations dans le bandeau latéral.
La figure \ref{fig:xiahtml1} présente la page d'accueil créée par Xia sur la base de la carte du parc d'attraction des rêves présenté au paragraphe \ref{par:parcdattractiondesreves}, page \pageref{par:parcdattractiondesreves}.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaHTML1ParcAttraction}
\caption{À l'ouverture du site\label{fig:xiahtml1}}.
\end{figure}
On y voit le bandeau latéral dans lequel des informations générales sur le site peuvent documenter la carte et dans lequel viendront des informations sur les objets de la carte qui seront cliqués.
On y voit aussi la carte sur laquelle se trouve en haut une image cliquable et un polygone opaque cliquable qui devient transparent au survol de la souris (voir figure \ref{fig:xiahtml2}).
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaHTML2ParcAttraction}
\caption{Mise en évidence d'une zone au survol de la souris.\label{fig:xiahtml2}}.
\end{figure}
Le polygone peut être rendu opaque sous Inkscape en lui attribuant un fond totalement blanc.
\begin{figure*}[h]
\centering
\begin{subfigure}[b]{0.45\textwidth} % "0.45" donne ici la largeur de l'image
\centering \includegraphics[width=\textwidth]{XiaHTML4ParcAttraction}
\caption{Au survol.}\label{fig:xiahtml4}
\end{subfigure}
~ % ce symbole ajoute un espacement horisontal entre les premières deux images
\begin{subfigure}[b]{0.45\textwidth}
\centering \includegraphics[width=\textwidth]{XiaHTML3ParcAttraction}
\caption{Au clic.}\label{fig:xiahtml3}
\end{subfigure}
\caption{Le polygone du labyrinthe.}\label{fig:projmerkator}
\end{figure*}
\smallskip
Ce qu'on ne voit pas avec la zone circulaire à gauche du labyrinthe, qui a été créée à l'aide de l'outil ellipse d'Inkscape et à laquelle on a attribué un fond entièrement noir.
De cette manière, cette zone devient transparente au survol et est cliquable mais non zoomable, contrairement à la zone du labyrinthe.
En effet, on voit celle-ci au survol de la souris à la figure \ref{fig:xiahtml4} et à la figure \ref{fig:xiahtml3} le zoom se produisant quand on lui clique dessus.
Parallèlement, on voit aussi sur la figure \ref{fig:xiahtml3} dans le bandeau latéral gauche, les informations associées à la zone du labyrinthe.
\smallskip
Finalement, sur la figure \ref{fig:xiahtml5}, on peut voir une zone elliptique placée sous la zone de l'image en haut à gauche. On voit ainsi qu'il est possible d'ordonner la superposition des éléments graphiques créés avec Inkscape pour que certains soient entièrement cliquables et d'autres pas.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaHTML5ParcAttraction}
\caption{Une des îles sous l'image.\label{fig:xiahtml5}}.
\end{figure}
\subsection{Techniquement}
Voyons maintenant comment procéder pour obtenir ce résultat.
On voit sur la figure \ref{fig:xiainkscape1} l'ensemble des formes géométriques superposées à l'image de fond constituant la carte. Celles-ci sont une ellipse pour l'île-montagne (en haut), un rectangle pour l'île des basses terres (en bas), un rectangle avec une rotation vers la droite pour le téléphérique entre les deux îles, l'image du dragon en haut, le polygone blanc en bas à droite, l'ellipse noire au milieu et le polygone transparent entourant le labyrinthe. Toutes ces formes ont été créées avec Inkscape et sont fermées.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaInkscape1ParcAttraction}
\caption{Les formes utilisées.\label{fig:xiainkscape1}}.
\end{figure}
À l'instar du polygone blanc sélectionné, dont on voit à droite que les propriétés comportent un titre et une description, toutes ces formes ont ces deux catégories des propriétés remplies. Ce sont elles qui vont présenter leur contenu dans le bandeau latéral gauche une fois cliquées, comme on le voit dans la figure \ref{fig:xiahtml3}.
\smallskip
Précisons enfin le comportement des trois éléments : polygone blanc, ovale noir et rectangle du téléphérique.
En choisissant le blanc pour couleur de fond d'un élément, on permet un masquage de l'image de fond qui devient transparent au survol et dont les propriétés s'affichent au clic dans le bandeau latéral.
En choisissant le noir pour couleur de fond d'un élément, on ne masque pas la zone sous-jascente et on permet un clic éventuellement déclencheur d'événements, comme un compteur par exemple, sans présenter les propriétés de l'objet.
En ne choisissant pas de couleur de fond, on ne masque pas la zone sous-jascente et on permet un clic présentant les propriétés de l'objet.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaInkscape2ParcAttraction}
\caption{Les formes utilisées.\label{fig:xiainkscape2}}.
\end{figure}
\bigskip
Après avoir défini les zones cliquables et leur propriétés : titre et description, on peut réaliser l'étape finale, c'est-à-dire utiliser Xia à partir de ce qu'on a réalisé sur Inkscape. Avant cela, il semble bon d'enregistrer le travail en SVG. Cela fait, comme le montre la figure \ref{fig:xiainkscape2}, on se rend dans le menu \emph{Extensions}, sous \emph{Exporter} et on sélectionne \emph{Xia...}.
\begin{figure}
\centering
\includegraphics[width=0.5\textwidth]{XiaInkscape3ParcAttraction}
\caption{Les formes utilisées.\label{fig:xiainkscape3}}.
\end{figure}
La figure \ref{fig:xiainkscape3} montre la fenêtre de Xia qui s'ouvre alors. Elle est très simple car le seul onglet important est celui des \emph{Options}.
\smallskip
Dans celui-ci on trouve tout d'abord une case à cocher intitulée \emph{Single file}.
Si elle est cochée, celle-ci permet d'obtenir un fichier HTML uniq ue dont les librairies nécessaires pour que la page créée fonctionne sont appelée dynamiquement. Il sera alors donc nécessaire d'avoir une connexion internet pour les charger et la page sera dépendante des serveurs les fournissant.
Si elle n'est pas cochée, alors Xia va construire une arborescence de site classique avec les librairies et votre site fonctionnera même sans connexion au réseau. Votre site sera alors plus lourd et sera construit autour de plusieurs fichiers.
\smallskip
On trouve ensuite \emph{Select export} avec un menu déroulant présentant \emph{Sidebar}, \emph{Material}, \emph{Game1Click} et \emph{GameDragAndDrop}. Il s'agit de modèles pour différentes utilisation de Xia, notamment des jeux. Ici, seul le modèle \emph{Sidebar} nous intéresse.
\smallskip
Enfin, on trouve \emph{Target folder}. Il s'agit du répertoire dans lequel Xia va mettre les fichiers. Celui-ci doit donc être créé préalablement.
\medskip
Ces éléments choisis, on exécute Xia en cliquant sur \emph{Appliquer}. Cela fait, on peut ouvrir le site en allant dans son répertoire et en ouvrant le fichier \emph{.html} qui s'y trouve.
\medskip
Remarquons que le nom du fichier HTML est celui des métadonnées des propriétés du document du menu fichier d'Inkscape. En remplissant celles-ci (les métadonnées) de manière plus approfondies, on construit aussi les informations sur le document accessibles via l’icône i entouré en bas à droite de la figure \ref{fig:xiahtml1}.
À droite de celle-ci se trouvent aussi une icône permettant de mettre le site en plein écran et une autre pour le recharger.
\smallskip
Quant aux information apparaissant dans le bandeau latéral au chargement de la page d'accueil, ce sont celles des propriétés de la carte, c'est à dire de l'image de fond.
\bigskip
La gestion des informations des informations apparaissant au chargement du site comme celles constituant les informations de chaque élément, peut être finement réalisée avec un langage descriptif \emph{MARKDOWN} supporté par Xia, permettant des titres, l'ajout de liens et d'images, \dots{} comme le montre la fin du manuel en français (voir \cite{xiafunraidersman}) qu'il faut bien étudier.
\bigskip
Xia est un logiciel très intéressant pour créer des cartes sans géométrie. Évidemment, il est contraignant dans la forme produite et si on ne connaît pas le langage HTML, il sera impossible d'en changer. Cependant, son couplage avec Inkscape est très intéressant et sa facilité d'utilisation va permettre de réaliser des cartes cliquables tout-à-fait pertinente et dont la publication sur internet ne posera que peu de problèmes (attention, le code créé par Xia n'est pas responsive et les cartes qu'il produit peuvent ne pas fonctionner sur certains écrans).
Si on accepte de mettre quelque peu la main dans le code HTML, les sites fournis par Xia seront une bonne base pour une personnalisation plus avancée qui
\section{Map Wraper}

125
chapitres/annexe3.tex
View File

@ -1,5 +1,124 @@
\chapter{Titre de la troisième annexe} \chapter{La projection de Mercator}\label{annexe:projectionmercator}
\section{Sous titre de la troisième annexe} Cette annexe a pour but de se familiariser avec les bases de la projection de Mercator.
Blabla Au préalable, c'est à la projection cylindrique équidistante ou projection équirectangulaire ou projection géographique que nous allons nous intéresser.
\section{Équirectangulaire}
Sa simplicité apparente en fait un bon point de départ pour appréhender l'intérêt de la projection de Mercator. Un projection équirectangulaire \dots
\begin{quotation}
\textit{[\dots] se définit (partiellement) comme une projection de la surface du globe sur la surface d'un cylindre, dont l'axe se confond avec l'axe des pôles et contient les origines des vecteurs de projection. Les méridiens sont alors projetés sur des lignes verticales espacées de manière égale, et les parallèles sont aussi projetés sur des lignes horizontales équidistantes (espacement horizontal constant). Ce dernier point différencie cette projection de la projection de Mercator. De plus, contrairement à la projection de Mercator, la projection cylindrique équidistante n'est pas conforme. Elle n'est pas non plus équivalente, mais aphylactique (elle conserve les distances le long des méridiens, d'où le nom « projection cylindrique équidistante »).} \href{https://fr.wikipedia.org/wiki/Projection_cylindrique\_\%C3\%A9quidistante}{Wikipedia}.
\end{quotation}
La figure \ref{figure:equirectangulaire} présente la situation.
\begin{figure*}
\centering
\includegraphics[width=\textwidth]{Equirectangular-projection}
\caption{Projection équirectangulaire (\href{https://commons.wikimedia.org/wiki/File:Equirectangular-projection.jpg}{Wikimedia commons}).\label{figure:equirectangulaire}}
\end{figure*}
Cette projection est intéressante, car, si elle est centrée sur l'équateur et le méridien de Greenwich (latitude et longitude nulles), la projection est mathématiquement très simple~:
\begin{align*}
x&=\lambda\\
y&=\phi
\end{align*}
où \(\lambda\), \(\phi\), x et y sont respectivement la longitude, la latitude, la position sur l'abscisse et y la position sur l'ordonnée.
Cette transformation ne conserve ni les angles, elle est non conforme, ni les aires, elle est non équivalente. Mais elle préserve les distances sur les méridiens, mais pas sur les grands cercles. La figure \ref{figure:indicatriceequirectangulaire} donne son indicatrice de Tissot (voir \href{https://fr.wikipedia.org/wiki/Projection\_cylindrique\_\%C3\%A9quidistante}{Wikipedia}), une représentation visuelle des déformations qu'elle produit. On voit que le rayon vertical des ellipses présentées demeure constant, alors que celui horizontal change.
\begin{figure}
\centering
\includegraphics[width=\linewidth]{TissotEquirectangulaire}
\caption{Indicatrice de la transformation équirectangulaire (\href{https://commons.wikimedia.org/wiki/File:Tissot\_indicatrix\_world\_map\_equirectangular\_proj.svg?uselang=fr}{Wikimedia commons}).\label{figure:indicatriceequirectangulaire}}
\end{figure}
\section{Mercator}
\subsection{Loxodromie}
Conçue à l'origine pour préserver les angles afin de permettre une navigation à cap constant sur une \emph{loxodromie}, la projection de Mercator est conforme. En effet, la courbe présentée sur la figure \ref{figure:loxodrome} est construite en parcourant le globe selon un angle \(\beta\) avec les méridiens qui est constant.
\begin{figure}
\centering
\includegraphics[width=\linewidth]{Loxodrome}
\caption{Une loxodrome (\href{https://commons.wikimedia.org/wiki/File:Loxodrome.svg}{Wikimedia commons})\label{figure:loxodrome}}
\end{figure}
Il faut relever qu'une loxodrome n'est pas une courbe minimisant la distance parcourue, comme le montre la figure \ref{figure:loxoorthodromie}, avec en jaune la loxodrome et en rouge l'orthodrome de distance minimale.
\begin{figure}
\centering
\includegraphics[width=\linewidth]{LoxoOrthoDromie}
\caption{Loxo et ortho-dromie (\href{https://commons.wikimedia.org/wiki/File:Loxodromie2.png}{Wikimedia commons})\label{figure:loxoorthodromie}}
\end{figure}
Avec une projection de Mercator (conforme), une loxodromie est transformée en ligne droite. Ainsi, avec une carte projetée selon Mercator, si on trace une droite à partir d'un point, on visualise sans difficultés où un déplacement à cap constant va nous mener. Il s'agit donc d'une carte très pratique pour la navigation.
\medskip
Mais comment la construire ? Si avec une projection équirectangulaire la transformation mathématique est évidente, avec une projection de Mercator, c'est loin d'être le cas.
Le travail de Mercator a été réalisé avant la découverte du calcul infinitésimal puisque sa carte a été publiée en 1569. Comme les relations mathématiques qui traduisent cette projection ne peuvent être déterminée qu'avec une équation différentielle, c'est par une construction réalisée par pas qu'elle a pu se faire.
\subsection{Mathématiquement}
On peut obtenir la transformation de Mercator en partant du fait qu'elle est conforme. Comme les angles sont préservée, il existe une homothétie entre un rectangle sur la sphère et sa projection sur la carte. Même si un rectangle sur la sphère n'est pas une figure plane, d'un point de vue infinitésimal on peut considérer que c'est le cas. Une véritable homothétie existe donc entre le rectangle formé de petits arcs de cercles sur la sphère et le rectangle plan de la carte.
Ainsi, si on note dx, dy les côtés du rectangle sur la carte et dl, dL les côtés en longitude, Latitude respectivement du rectangle sur le globe, la relation d'homothétie s'écrit alors~:
\begin{equation}
\frac{dy}{dx}=\frac{dL}{dl}
\end{equation}
En notant \(\phi\) la latitude et \(\lambda\) la longitude, on peut écrire \(/d\phi\) le côté \og vertical \fg{} et \(d\lambda\) le côté \og horizontal \fg{} du rectangle sur le globe. En posant R pour le rayon de la terre, on a alors que \(dl=R\cos(\phi)\cdot d\lambda\) et \(dL=R\cdot d\phi\). La relation d'homothétie devient alors~:
\begin{equation}\label{equation:homothetie}
\frac{dy}{dx}=\frac{R\cdot d\phi}{R\cos(\phi)\cdot d\lambda}
\end{equation}
En effet, si la longueur en latitude dL est directement proportionnelle à la variation de latitude, la longueur en longitude dl dépend de la latitude, puisque les méridiens se rejoignent aux pôles. Or, comme dl est exacte à l'équateur et nulle aux pôles, elle dépend du cosinus de la latitude, comme on peut le constater sur la figure \ref{figure:projmerkator}. En effet, la grandeur dl se retrouve à l'identique sur le plan équatorial et diminue au fur et à mesure qu'on s'approche du pôle ou du centre de la Terre, comme le cosinus de la latitude \(\phi\).
La relation entre la distance horizontale dx sur la carte et celle en longitude \(d\lambda\) sur la sphère est quant à elle triviale. Elle définit l'écart en distance sur la carte entre deux méridiens, par exemple. Cela s'exprime par~:
\begin{equation}\label{equation:triviale}
dx=c\cdot d\lambda\;\Rightarrow\;\frac{dx}{d\lambda}=c
\end{equation}
\begin{figure}
\centering
\caption{Grandeurs de la projection de Mercator.\label{figure:projmerkator}}
\def\svgwidth{\linewidth}
\input{images/ProjectionMerkatorSphere.eps_tex}
\end{figure}
À partir des équations \ref{equation:homothetie} et \ref{equation:triviale}, on peut écrire~:
\begin{align}
\frac{dy}{d\phi}&=\frac{R\cdot dx}{R\cos(\phi)\cdot d\lambda}\;\Rightarrow\nonumber\\
\frac{dy}{d\phi}&=\frac{c}{\cos(\phi)}=\frac{c}{\sin(\pi/2+\phi)}\nonumber\\
&=\frac{c}{2\cdot\sin(\pi/4+\phi/2)\cos(\pi/4+\phi/2)}\nonumber\\
&=c\cdot\frac{\frac{1}{2\cdot\cos^2(\pi/4+\phi/2)}}{\tan(\pi/4+\phi/2)}\nonumber\\
&=c\cdot\frac{\frac{d(tan(\pi/4+\phi/2))}{d\phi}}{tan(\pi/4+\phi/2)}
\end{align}
En effectuant le changement de variable~:
\begin{equation}
z=tan(\pi/4+\phi/2)
\end{equation}
on peut écrire~:
\begin{align}
\frac{dy}{d\phi}&=c\cdot\frac{dz/d\phi}{z}\;\Rightarrow\nonumber\\
dy&=dz/z\label{equation:aintegrer}
\end{align}
L'équation \ref{equation:aintegrer}, s'intègre facilement~:
\begin{align*}
\int_0^y dy &=c\cdot \int \frac{1}{z}dz\;\Rightarrow\\
y&=c\cdot ln(z)
\end{align*}
et en resubstituant l'expression de z, on trouve finalement~:
\begin{equation}
\boxed{
y(\phi)=c\cdot(ln(tan(\frac{\pi}{4}+\frac{\phi}{2})))
}
\end{equation}
\medskip
Pour d'autres propriétés et quelques calculs très bien faits, consultez \cite{Rousseau}.
\section{Indicatrice}
Voici avec la figure \ref{figure:indicatricemercator} l'indicatrice de la transformation de Mercator qui montre bien la déformation en latitude et celle en longitude, cette dernière étant due au redressement des méridiens qui normalement convergent aux pôles (voir paragraphe \ref{cercles}).
\begin{figure}[ht]
\centering
\includegraphics[width=\linewidth]{TissotMercator}
\caption{Indicatrice de la transformation de mercator (\href{https://commons.wikimedia.org/wiki/File:Tissot\_indicatrix\_world\_map\_Mercator\_proj.svg}{Wikimedia commons}).\label{figure:indicatricemercator}}
\end{figure}

54
chapitres/chapter1.tex
View File

@ -1,38 +1,42 @@
\chapter{Introduction} \chapter{Introduction}
\section{Motivations et Objectifs} Le propos du présent document est de rendre compte des travaux en \og Cartographie et informatique\fg{} réalisés pendant plusieurs années au cours éponyme du lycée Blaise-Cendrars.
\subsection{Motivations} Nous étions deux enseignants, l'un géographe et l'autre informaticien, tous deux passionnés de cartographie. En proposant ce cours, essentiellement faits de projets réalisés par des élèves en groupes de deux, l'idée était de faire comprendre ce qu'est une carte à travers sa réalisation pratique.
Désormais l'utilisation de \LaTeX{} au lycée fait partie des connaissances que doivent acquérir les élèves qui on choisi des options techniques. De telles connaissances sont absolument nécessaire pour ces élèves. Mais en considérant le résultat fourni, d'autres élèves font régulièrement la demande pour pouvoir utiliser \LaTeX{} pour leur travail de fin d'étude, nommé travail de maturité en Suisse. Or, leur familiarité avec \LaTeX{} est parfois trop peu importante pour que ce travail puisse se faire sans un véritable soutient des enseignants.
Force est de constater que la majorité des enseignants en est incapable. Et ce n'est pas dû à \LaTeX{} uniquement. Avec d'autres traitement de texte plus connus, c'est souvent la même chose. Plusieurs ouvrages théoriques nous ont menés sur cette voie. Il s'agit de~:
\subsection{Objectifs}
Une solution à ce problème est constitué par le présent travail. Il s'agit d'un modèle de travail de maturité, simplement configurable, permettant de mettre à disposition des élèves ayant déjà des connaissances de base en \LaTeX{} tous les outils nécessaires pour leur travail.
\section{Organisation}
Pour obtenir la plus grande simplicité possible, ce modèle a été conçu autour de trois fichiers.
\begin{enumerate} \begin{enumerate}
\item main.tex\index{main.tex} \item[Cartographie radicale \cite{Zwer}], un ouvrage fondamental très bien illustré, courageux dans son propos sur l'engagement des cartes par opposition à leur prétendue neutralité scientifique et d'une clarté lumineuse à tout propos.
\item TM.sty\index{TM.sty} \item[Ceci n'est pas un atlas \cite{Orangotango}], un ouvrage atypique engageant des groupes de cartographes de tout type dans un mouvement de contre-cartographie comme outil d'information et de luttes sociales. Cet ouvrage contient un \og Petit manuel de cartographie collective et critique \fg{} permettant une initiation à la contre-cartographie particulièrement pertinent.
\item config.tex\index{config.tex} \item[Opérations cartographiques \cite{Besse}], un ouvrage portant sur la création de cartes au sens général du terme, puisque la problèmatique de la construction de cartes de parcours y est abordée.
\end{enumerate} \end{enumerate}
Le premier est simplement destiné à la compilation. Il contient la structure générale du travail. \emph{Il ne doit pas être modifié}.
Le second règle tous les détails techniques. Il se compose essentiellement de code \LaTeX{} complexe et \emph{ne doit pas être modifié}. Ces ouvrages ont déterminés nos choix d'une cartographie dont le formalisme aurait pu limiter les élans, d'une cartographie ou \og tout est cartographie \fg{} du moment ou l'espace est dans l'image. La liberté était donc de mise tant au niveau du sujet que des outils. Cependant, cet atelier étant orienté informatique, évidemment que les outils de productions l'ont finalement été.
Le dernier est le fichier de configuration du travail. C'est lui qui donne accès au divers outils mis à disposition, tels que titre\index{titre}, préface\index{préface}, nombre de chapitres\index{chapitre}, postface\index{postface}, index\index{index}, etc. \section{Dotation horaire}
\section{Documentation} Chaque atelier a duré la moitié d'une année scolaire, soit environ dix-neuf semaines, à raison d'une heure et demi par semaine, c'est-à-dire environ 29 heures. Sur ces heures, une heure et demi a été consacrée à une introduction générale, une autre heure et demi à une introduction à la cartographie et une dernière heure et demi à une introduction aux logiciels de cartographie. Finalement, trois heures ont été consacrées à une présentation orale de chaque travail et une heure et demi à la conclusion de l'atelier. On peut donc considérer que les travaux ont été réalisés en une vingtaine d'heures au maximum.
Le présent texte constitue à la fois la documentation concernant le modèle de travail de maturité et le modèle lui-même. Il contient la plupart des aspects que peut revêtir un travail de maturité et il donne un exemple de texte de travail de maturité à modifier. Une version PDF de cette documentation est présente dans le dossier \emph{documentation}\index{documentation} du zip contenant touts les fichiers du modèle.
\section{Rédaction} \section{Cartographie}
La rédaction du travail de maturité peut donc être réalisée directement à partir d'une copie de l'ensemble des fichiers du projet regroupés dans l'archive \emph{TM.zip}\index{TM.zip}. Il suffit de la décompresser, de remplir les rubriques du fichier \emph{config.tex}\index{config.tex} et les différentes pages constituant le travail de maturité comme les chapitres\index{chapitre} ou les pages annexes\index{annexe}. En modifiant progressivement ces fichiers et en compilant\index{compiler} le fichier \emph{main.tex}\index{main.tex} au fur et à mesure, on obtient petit à petit son propre travail de maturité.
Remarquons, que plutôt que d'effacer les instructions se trouvant dans les pages qu'on souhaite modifier, il est recommandé en premier lieu de les commenter\index{commenter} à l'aide du signe \% ou pour celles se trouvant sur plusieurs lignes d'utiliser l'environnement de commentaire\index{environnement de commentaire} présenté dans le code \listingref{listing:commentlong}. Cette introduction a été donnée par l'enseignant en géographie.
De manière générale, il est préférable de commenter les instructions qu'on estime inutiles, de compiler et de voir si des problèmes apparaissent. Si ce n'est pas le cas, on peut alors les effacer définitivement. \section{Logiciels de cartographie}
\begin{lstlisting}[float,caption={Le manifeste : manifest.manifest},label={listing:commentlong}] Cette introduction a été donnée par l'enseignant en informatique.
\begin{comment} ... \end{comment}
\end{lstlisting} Une priorité aux logiciels libres a permis de montrer qu'aujourd'hui ces logiciels sont de meilleure qualité que leurs homologues propriétaires, qu'ils couvrent tous les domaines de la cartographie et qu'ils permettent une meilleure compatibilité en terme de formats d'exports et sont généralement bien plus multi-plateforme. Cependant, le choix du logiciel restait celui des élèves.
Plusieurs logiciels tant généraliste que dédié à la cartographie ont été présentés sans entrer dans les détails de leur présentation. Il s'agit de~:
\begin{description}
\item[Gimp] pour la manipulation des rasters (png, tiff, \dots). La différence entre logiciels de manipulation de fichiers bitmap (composé de pixels) et de fichiers vectoriels (construits mathématiquement) a été présentée à cette occasion.
\item[Inkscape] pour la manipulation d'images vectorielles vectorielle (svg).
\item[OpenStreetMap/Umap] pour les possibilités de cartographie directement sur OpenStreetMap ou pour des cartes personnalisées avec Umap.
\item[Qgis] pour une découverte d'un logiciel fortement dédié à la cartographie.
\end{description}
La présentation de ces logiciels a été si rapide qu'on pourrait presque parler d'évocation. L'idée était de laisser les élèves découvrir par eux-même ces logiciels après un choix déterminé par leur projet et en discutant avec l'enseignant d'informatique.
\section{Critique}
On trouvera au chapitre \ref{developpements}, une rapide présentation des problèmes rencontrés au cours de la construction des cartes, une critique générale des prémisses présentés ci-dessus et une analyse de ce que l'ensemble des travaux peut nous dire quant aux regards portés par les étudiants sur le monde.

42
chapitres/chapter1.tex.bak Normal file
View File

@ -0,0 +1,42 @@
\chapter{Introduction}
Le propos du présent document est de rendre compte des travaux en \og Cartographie et informatique\fg{} réalisés pendant plusieurs années au cours éponyme du lycée Blaise-Cendrars.
Nous étions deux enseignants, l'un géographe et l'autre informaticien, tous deux passionnés de cartographie. En proposant ce cours, essentiellement faits de projets réalisés par des élèves en groupes de deux, l'idée était de faire comprendre ce qu'est une carte à travers sa réalisation pratique.
Plusieurs ouvrages théoriques nous ont menés sur cette voie. Il s'agit de~:
\begin{enumerate}
\item[Cartographie radicale \cite{Zwer}], un ouvrage fondamental très bien illustré, courageux dans son propos sur l'engagement des cartes par opposition à leur prétendue neutralité scientifique et d'une clarté lumineuse à tout propos.
\item[Ceci n'est pas un atlas \cite{Orangotango}], un ouvrage atypique engageant des groupes de cartographes de tout type dans un mouvement de contre-cartographie comme outil d'information et de luttes sociales. Cet ouvrage contient un \og Petit manuel de cartographie collective et critique \fg{} permettant une initiation à la contre-cartographie particulièrement pertinent.
\item[Opérations cartographiques \cite{Besse}], un ouvrage portant sur la création de cartes au sens général du terme, puisque la problèmatique de la construction de cartes de parcours y est abordée.
\end{enumerate}
Ces ouvrages ont déterminés nos choix d'une cartographie dont le formalisme aurait pu limiter les élans, d'une cartographie ou \og tout est cartographie \fg{} du moment ou l'espace est dans l'image. La liberté était donc de mise tant au niveau du sujet que des outils. Cependant, cet atelier étant orienté informatique, évidemment que les outils de productions l'ont finalement été.
\section{Dotation horaire}
Chaque atelier a duré la moitié d'une année scolaire, soit environ dix-neuf semaines, à raison d'une heure et demi par semaine, c'est-à-dire environ 29 heures. Sur ces heures, une heure et demi a été consacrée à une introduction générale, une autre heure et demi à une introduction à la cartographie et une dernière heure et demi à une introduction aux logiciels de cartographie. Finalement, trois heures ont été consacrées à une présentation orale de chaque travail et une heure et demi à la conclusion de l'atelier. On peut donc considérer que les travaux ont été réalisés en une vingtaine d'heures au maximum.
\section{Cartographie}
Cette introduction a été donnée par l'enseignant en géographie.
\section{Logiciels de cartographie}
Cette introduction a été donnée par l'enseignant en informatique.
Une priorité aux logiciels libres a permis de montrer qu'aujourd'hui ces logiciels sont de meilleure qualité que leurs homologues propriétaires, qu'ils couvrent tous les domaines de la cartographie et qu'ils permettent une meilleure compatibilité en terme de formats d'exports et sont généralement bien plus multi-plateforme. Cependant, le choix du logiciel restait celui des élèves.
Plusieurs logiciels tant généraliste que dédié à la cartographie ont été présentés sans entrer dans les détails de leur présentation. Il s'agit de~:
\begin{description}
\item[Gimp] pour la manipulation des rasters (png, tiff, \dots). La différence entre logiciels de manipulation de fichiers bitmap (composé de pixels) et de fichiers vectoriels (construits mathématiquement) a été présentée à cette occasion.
\item[Inkscape] pour la manipulation d'images vectorielles vectorielle (svg).
\item[OpenStreetMap/Umap] pour les possibilités de cartographie directement sur OpenStreetMap ou pour des cartes personnalisées avec Umap.
\item[Qgis] pour une découverte d'un logiciel fortement dédié à la cartographie.
\end{description}
La présentation de ces logiciels a été si rapide qu'on pourrait presque parler d'évocation. L'idée était de laisser les élèves découvrir par eux-même ces logiciels après un choix déterminé par leur projet et en discutant avec l'enseignant d'informatique.
\section{Critique}
On trouvera au chapitre \ref{developpements}, une rapide présentation des problèmes rencontrés au cours de la construction des cartes, une critique générale des prémisses présentés ci-dessus et une analyse de ce que l'ensemble des travaux peut nous dire quant aux regards portés par les étudiants sur le monde.

604
chapitres/chapter2.tex
View File

@ -1,55 +1,587 @@
\chapter{Configuration} \label{chapter:configuration} \chapter{Les cartes} \label{chapter:lescartes}
Ce chapitre présente essentiellement le fichier \src{config.tex}\index{config.tex} qui permet la configuration générale du travail de maturité. À partir de la page suivante se trouvent présentées les cartes réalisées par les élèves et en regard ce qu'ils en ont essentiellement dit.
\section{Config.tex}\label{sec:configtex} Il faut relever la variété des thèmes abordés et des techniques choisies. Celle-ci est à l'origine de la réunion de tous ces travaux dans le présent ouvrage. Évidemment, les ouvrages de cartographie radicale \cite{Zwer} et de cartographie comme outil de luttes \cite{Orangotango} y sont aussi pour beaucoup.
Au \squote{c\oe ur} de la configuration du travail de maturité se trouvent une série de questions posées au rédacteur qui permettent de mettre à sa disposition les différents éléments dont il va avoir besoin. Ces questions se trouvent regroupées dans le fichier \emph{config.tex}\index{config.tex} sous différentes sections. \smallskip
Si les cartes sont l'élément essentiel de cette présentation, il faut souligner que plusieurs d'entre elles n'ont pas été livrées sous la forme sous laquelle elles figurent ici. En effet, il était impossible de faire figurer des vidéos, des cartes interactives zoomables, cliquables ou des constructions 3D pleinement accessibles uniquement dans le mouvement. Les images qui en ont été tirées sont présentes pour permettre de s'imaginer ces travaux et éventuellement de se rendre sur la carte interactive via un lien. Mais parfois, ce ne fut pas possible en raison des logiciels utilisés.
Ici encore les commentaires\index{commenter} jouent un rôle très important. En effet, c'est généralement en décommentant une option et en l'adaptant à ce qu'on désire qu'on peut configurer le modèle. Évidemment, des commentaires (eux-même aussi commentés pas un \%) précisent les lignes qu'il faut décommenter\index{décommenter} suivant les cas et dont il ne faut pas changer la structure, mais seulement une partie facilement identifiable. \smallskip
Les travaux présentés ici peuvent aussi parfois paraître de mauvaise qualité, tant du point de vue de leur rendu que de celui de l'information qui y figure. Ils sont cependant le reflet des connaissances des étudiants dont l'intérêt pour différents aspects du travail de cartographe, mais aussi de celui de l'informaticien, était très divers.
\begin{description} L'objectif du cours étant en premier lieu de leur permettre de découvrir le monde de la cartographie en s'en emparant à travers des problématiques qui leur étaient propres, quelques commentaires ont parfois été ajoutés non pour souligner ces limites, mais pour avertir que d'autres pistes et d'autres solutions existent.
\item[La langue\index{langue}] Trois langue sont proposées : français\index{français}, anglais\index{anglais} et allemand\index{allemand}. Ce choix est très important. Il va introduire l'adaptation de toute une série de mots clé selon la langue choisie. Généralement, par défaut, les mots qui n'admettent pas de choix sont automatiquement traduits (comme le mot Chapitre qui apparaît dans l'entête). Cependant, il est parfois possible de les changer en utilisant le fichier de configuration. Mais, celui-ci ne va pas tout faire et quand la traduction ne se fait pas automatiquement, c'est que le choix est laissé à l'utilisateur. Alors, le changement est à faire dans les fichiers où se trouve le contenu du travail, comme les chapitres\index{chapitre} par exemple.
\item[La page de titre\index{page de titre}] S'y trouvent définis les titre et sous-titre\index{sous-titre} du travail, le type de travail\index{type de travail}, l'auteur\index{auteur}, la date\index{date} et le mentor\index{mentor}. Relevez que normalement la page de titre se trouvant sous \emph{./pagesspeciales/pagetitre.tex}\index{pagetitre.tex} n'a pas à être modifiée. Les différents éléments évoqués ci-dessus suffisent pour la définir, exception faite d'une éventuelle image de titre\index{image de titre}.
Deux types de page de titre sont fournies : la page de titre par défaut et une page de titre pouvant contenir une image. Cette dernière modifie la composition générale de la page. Pour définir choisir l'une ou l'autre de ces pages, il faut se rendre dans le fichier \verb|config.tex|. Dans ce fichier, vous pouvez aussi définir l'image de titre choisie. Attention, cette image doit être présente dans le dossier image du modèle soit sous la forme eps pour une compilation en postscript soit en png ou jpg pour une compilation directement en pdf (latex2pdf). Pour autant qu'elles aient le même nom, vous pouvez les mettre sous les deux formes, \LaTeX{} se chargeant de choisir la bonne. \smallskip
FEnfin, si nous avons pu mettre en valeur les propos mêmes des étudiants au sujet de leur travail, c'est qu'ils ont dû nous faire un compte rendu écrit de celui-ci à partir duquel nous avons tirés les textes présentés. Mais ceux-ci ne constituent parfois qu'une petite part du compte rendu, en particulier en ce qui concerne les références présentés. C'est au format choisi pour la présentation des travaux qu'il faut souvent s'en prendre et pas aux élèves.
De plus, dans le cas où la compilation choisie ne se fait pas en postscript (voir le paragraphe \ref{sec:compilation}, page \pageref{sec:compilation}), un mécanisme permettant de remplacer la page de titre prévue par le modèle est présent. Son utilisation est simple. Si un fichier nommé \verb|page_titre.pdf| (attention, notez l'underscore qui différencie cette page de celle du modèle : \verb|pagetitre.tex|) est présent dans le répertoire \emph{pagesspeciales}, alors il sera utilisé à la place de la page de titre. %\cleartooddpage[\thispagestyle{empty}]
%\cleartoevenpage[\thispagestyle{empty}]
\newpage
\onecolumn % ATTENTION, ne pas supprimer
%%%% Maëlle et Charlotte %%%%
\begin{sidewaysfigure}
% Le texte
\section{Urbanisation neuchâteloise}\label{para:urbanisationneuchateloise}
\subsection*{Maëlle et Charlotte}
\begin{multicols}{3}
\og [\dots] nous avons finalement opté pour \og L’évolution de l’urbanisation dans le canton de Neuchâtel, de 1970 à aujourd’hui \fg. Ce sujet mêlant géographie, histoire et économie nous plaît beaucoup car, comme ce ne sont pas des données auxquelles nous avons accès, nous avons tout un travail de recherches à effectuer qui nous permettra d’en savoir plus sur notre canton. Nous souhaitions également que notre projet aboutisse à une carte totalement inédite.
Mais relevez bien que cela n'est possible que si la compilation ne se fait pas en postscript. Notre carte animée montre, à l’aide de couleurs choisies grâce à un barème créé spécialement à cet effet, \textbf{le nombre de bâtiments par hectare} de certaines communes du canton de Neuchâtel en 1970, puis en 2020.\fg
\item[Le pied de page\index{pied de page}] S'y trouvent définis le domaine\index{domaine}, c'est-à-dire l'option spécifique ou complémentaire ou autre, du travail ainsi que le nom\index{nom de l'école} et l'adresse de l'école\index{adresse de l'école}.
\item[Citations, remerciements, acronymes, etc] On peut choisir ici de mettre une page contenant une pensée\index{pensée} ou citation\index{citation}, une page contenant un préambule\index{préambule}, une dédicace\index{dédicace}, des remerciements\index{remerciements}, une page contenant un résumé\index{résumé}, une page d'acronymes\index{acronymes}, une page présentant la licence\index{licence} du travail, une page présentant le site associé\index{site associé} au travail, une autre le cdrom associé\index{cdrom associé} et enfin une page d'index\index{index}.
\item[Chapitres\index{chapitre}] On définit ici le nombre de chapitres qu'on désire. Des fichiers \emph{chapter1.tex}, \emph{chapter2.tex} \dots{} \emph{chapter9.tex}\index{chapterxx.tex} sont déjà présents dans le répertoire associé \emph{chapters}. Il suffit alors de remplir ceux dont on a besoin. Si on veut plus de dix chapitres, il faut simplement copier l'un d'entre eux et en rajouter le bon nombre sous la forme \emph{chapter10.tex}, \emph{chapter11.tex} \dots{} et d'en définir le nombre correctement.
Notez que si la conclusion\index{conclusion} est un chapitre à part entière, il se trouve dans un fichier éponyme situé sous \emph{chapitres/conclusion.tex}\index{conclusion.tex}. \medskip
\item[Listes des figures, tables et listings] On définit ici la présence des page contenant la liste des figures\index{liste des figures} et/ou la liste des tables\index{liste des tables} et/ou la liste des listings\index{liste des listings}\index{liste des codes sources}. Par défaut, tout est activé pour se rendre compte de ce qui est disponibles. Pour désactiver l'un ou l'autre des ces éléments, il faut donc décommenter la ligne qui lui correspond. \og Nous avons utilisé plusieurs logiciels et sites pour obtenir notre carte animée. Pour le dessin de la carte nous avons utilisé le logiciel de dessin vectoriel Inkscape car c’est celui que nous savions le mieux utiliser et le plus propice à une base de carte si l’on voulait la voir en plusieurs tailles sans perdre sa qualité d’image.
\item[Figures] On définit ici le chemin par défaut vers le répertoire des figures\index{répertoire des figures}. Le point correspond au répertoire ou se trouve le fichier \emph{main.tex}\index{main.tex}.
\item[Insertion de code : listings] Le package listings\index{listings} permet d'insérer du code\index{code} dans latex. Plusieurs langages\index{langage de code} sont disponibles, par exemple HTML et PHP. Mais seul latex est appelé par défaut. On peut charger d'autres langages pour les listings selon le modèle de la ligne suivante :
\lstinline!\lstloadlanguages{HTML,PHP,TeX}!.
Aussi on peut mettre du code latex pour référencer le numéro des lignes. Il faut alors avoir recours à un caractère d'échappement\index{caractère d'échappement} sur le modèle suivant : \lstinline!\lstloadlanguages{Python}! suivi de \lstinline!\lstset{language=Python,escapechar=|}! Pour l’animation nous avons utilisé Synfig, c’est un des seuls logiciels que l’on connaissait et que nous avions déjà utilisé. [\dots]
Après le caractère d'échappement, on peut alors placer une commande de référencement\index{commande de référencement} \lstinline!\label{}! qui permet d'avoir accès au numéro de la ligne\index{numéro de ligne} dans le texte via \lstinline!\ref{}!. Le site qui a été indispensable pour faire les mesures et analyses dont nous avions besoin pour notre carte est map geo admin. Une plateforme de géo-information concernant le territoire suisse mise en place par la Confédération. \fg{}
\item[Le texte] Se règle ici l'indentation de la première ligne\index{indentation de première ligne} de chaque paragraphe. Différentes possibilités sont présentes et il suffit d'en choisir une en la décommentant.
\item[Un index] Il n'est pas nécessaire de réaliser un index. Par défaut, il y en a cependant un. Décommentez cette ligne si vous n'en voulez pas. Attention, pour construire le fichier d'index idx, il doit être compilé avec makeindex en ligne de commande ou dans les outils de Texmaker\index{Texmaker}\index{outils de Texmaker}.
\end{description}
\section{Version provisoire\index{version provisoire}} \rule{0.32\textwidth}{0.1mm}
Pendant la rédaction et par défaut le modèle est placé en mode \og draft\fg\index{draft}. Ce mode offre différents outils pour faciliter la rédaction. \medskip
Le travail était complexe non seulement en raison de la recherche et de l'exploitation des données, mais aussi par la diversité des problèmes informatiques qui ont mené au résultat.
Notamment, il va mettre l'indication \og Version provisoire\fg{} (ou son équivalent en anglais ou allemand) en filigrane\index{filigrane} en haut à gauche et changer la date\index{date} sur la page de titre\index{page de titre} pour y mettre une indication portant le jour, alors que dans la version finale celle-ci n'apparaît pas. \og Nous sommes donc parties vers une animation faite à partir de deux cartes, une de 1860 et l’autre actuelle. Un autre problème est alors apparu~: Le site sur lequel nous avons pris les informations dont nous avions besoin pour notre projet propose un outil qui nous permets de mesurer les distances et périmètres d’un terrain choisi. Cet outil mesure les surfaces par rapport à une carte actuelle, mais la carte de 1860 sur laquelle nous voulions nous baser étant assez ancienne elle ne représentait pas avec précision les surfaces construites. Les dessins des bâtiments sur la carte de 1860 étaient beaucoup plus grands que ceux sur la carte actuelle. Les proportions n’étant pas les mêmes cela posait un problème.\fg{}
Mais, il va aussi entre autres\endnote{Voir une liste plus complète à l'adresse \url{http://tex.stackexchange.com/questions/49277/what-does-the-draft-mode-change}} ne pas charger les images\index{image} et les codes sources\index{code source} pour accélérer la compilation tout en indiquant leur place. \og nous sommes rendues compte que le tracé de la carte n’était pas fait de manière à ce que nous puissions animer chaque case.\fg{}
Il va aussi permettre de repérer les lignes où la césure\index{césure} a été difficile par l'indication d'un carré noir en regard des lignes trop longues\index{ligne longue}. Finalement, l'animation fonctionne et le temps à disposition permet de visualiser l'évolution de plusieurs communes \dots
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{laccarteanime4}
\caption{Évolution du nombre de bâtiments dans le canton de Neuchâtel.}
\end{sidewaysfigure}
\newpage
\onecolumn % ATTENTION, ne pas supprimer
%%%% Mathis et Chiara %%%%
\begin{sidewaysfigure}
% Le texte
\section{Cartonomique}
\subsection*{Mathis et Chiara}
\begin{multicols}{3}
\og Dans l’idée de ne pas créer une carte conventionnelle, nous avons assez vite pensé à l’astronomie, et décidé de se lancer dans la création d’une carte de constellations illustrées.
De plus, pour vous permettre, et éventuellement pour permettre à votre mentor, des remarques, l'évocation des pistes d'approfondissement ou de propositions de modifications, le module \verb|totonotes|\index{module!todonotes} est activé par l'option draft\index{draft}. Il donne la possibilité de mettre en marge de votre document des notes telles que celle-ci\footnote{La présente documentation ne permet pas de voir cette note puisque celle-ci a été réalisée en mode de document final, sans l'option draft (voir plus loin). Pour la voir, il faut simplement compiler le document en mode draft}\todo[line]{À ne pas oublier}. Pour cela, l'instruction toute simple \lstinline!\todo[line]{À ne pas oublier}! est à placer là où on désire que la note soit placée. De multiples options de couleurs notamment ou autre sont disponibles. Voyez pour cela la documentation du module. Notez aussi que pour que la ligne pointant vers le texte soit correctement placée, il est nécessaire de compiler\index{compiler} deux fois le modèle ! \dots{} nous nous sommes d’abord renseignés sur les possibilités de cartes astronomiques qui s’offraient à nous, en sachant que la création complète d’une carte, avec la position de chaque étoile, serait un travail beaucoup trop ambitieux. En s’inspirant de cartes mythologiquement imagées des constellations du 17ème siècle, nous avons finalement choisi de prendre une carte astronomique existante, de la simplifier pour garder uniquement les constellations qui nous intéressaient, et ensuite d’y reporter des dessins.\fg
\bigskip \medskip
L'ensemble de ces comportements par défaut est évidemment incompatible avec la version finale\index{version finale} du travail. Pour les désactiver, c'est-à-dire retirer le filigrane\index{filigrane} et les notes de marge\index{note de marge} notamment, il suffit de retirer l'option \verb|draft|\index{draft} de la première ligne déclarant la classe de document dans le fichier \emph{main.tex}\index{main.tex}. Pour cela, commentez et décommentez les lignes présentées dans le code \ref{listing:optiondraft} pour que suivant les cas seule la ligne comprenant l'option draft soit activée (décommentée), ou désactivée (commentée). Attention, seule une ligne peut être décommentée.
\begin{lstlisting}[float,caption={L'option draft},label={listing:optiondraft}] \og En nous renseignant sur les constellations que nous avions représentées, nous avons eu l’idée de rendre notre projet plus interactif, et d’y ajouter une simple animation, qui permettrait d’en apprendre plus sur l’histoire de ces constellations. Pour ce faire, nous avons décidé d’utiliser le programme Scratch, qui nous a permis d’animer la carte avec des informations.\fg{}
\documentclass[12pt,a4paper,idxtotoc,bibtotoc,francais,titlepage,twoside,openright,draft]{book}
%\documentclass[12pt,a4paper,idxtotoc,bibtotoc,francais,titlepage,twoside,openright]{book} \rule{0.32\textwidth}{0.1mm}
\end{lstlisting}
\medskip
Le logiciel libre \emph{Skychart} a été utilisé pour récupérer une carte svg du ciel. Puis, \og nous avons découvert que le programme GIMP, qui permet la manipulation d’images, possédait une fonction de sélection de couleur, pour pouvoir ensuite la passer vers un canal alpha, qui rend la couleur choisie transparente. Avec nos dessins ainsi formatés, nous avons pu les importer sur le document Inkscape contenant le bout de carte Sky chart et les placer sur leur constellation respective tout en ayant la forme de ces dernières en fond.\fg{}
Importer la carte comme fond du programme permettant de faire apparaître des bulles interactives ne fut pas simple. Mais le plus informatif était là.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{carteciel}
\caption{Ciel, mes constellations !}
\end{sidewaysfigure}
\newpage
%%%% Kaïla et Lou %%%%
\begin{sidewaysfigure}
% Le texte
\section{Ganymède}
\subsection*{Kaïla et Lou}
\begin{multicols}{3}
\og D’un point de vue géographique notre carte comporte un sens caché \dots{} peut-être les adeptes d’astrologie remarqueront-ils cette subtilité ? Effectivement, elle renferme en son sein la constellation du Verseau, signe d’eau, d’où notre idée d’îles entourées d’une mer infinie.
Pour justifier ce choix nous allons être honnêtes, cherchant l’inspiration nous sommes tombées dans les tréfonds d’internet ; les étoiles.
Comparant les constellations des différents signes du zodiaque nous avons été profondément touchées par l’esthétisme de celle-ci. Trouvant l’aspect de constellation intéressant pour son lien avec la mythologie et en particulier la géographie céleste cela nous a confortées dans notre choix.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous nous sommes alors munies, dans un premier temps, d’une feuille cartonnée A3 beige, d’une plume et d’encre noire. Nous avons d’abord esquissé les contours des îles au crayon papier, puis nous avons repassé soigneusement chaque trait à l’encre. \fg{}
\smallskip
\begin{center}
\includegraphics[scale=0.6]{GanymedeEncre}
\end{center}
\og nous avons, dans un second temps, utilisé un encreur bleu afin d’inscrire nos empreintes digitales de part et d’autre Encrage de la carte de la carte, comme si celle-ci était passée entre les mains de nombreuses générations. Nous avons ensuite versé du café dessus et l’avons marqué des empreintes de la tasse. Finalement, notre touche finale a été de brûler les bords du papier à l’aide d’un briquet allume bougie. Et voilà, notre carte, seulement vieille de quelques semaines, paraissait renfermer les secrets de
plusieurs cartographes ayant visité l’archipel de Ganymède au fil des siècles.\fg{}
\smallskip
\includegraphics[scale=0.85]{GanymedeFeu}
Le rendu final est une carte interactive fournie sur Scratch avec des \og bulles noires \fg{} d'informations.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{GanymedeBulle}
\caption{Carte de Ganymède.}
\end{sidewaysfigure}
\newpage
%%%%% Margaux et Shanel %%%%
\begin{sidewaysfigure}
% Le texte
\section{Merveilles de La Chaux-de-Fonds}
\subsection*{Margaux et Shanel}
\begin{multicols}{3}
\og Étant toutes deux des étudiantes au lycée Blaise-Cendrars, il va de soi que la ville que nous fréquentons et connaissons le mieux est La Chaux-de-Fonds. Dans le cadre d’un projet d’informatique, nous avons décidé de la mettre à la lumière en référençant ses meilleurs points d’intérêt de notre point de vue d’étudiantes. Voilà pourquoi la carte que nous avons décidé de créer s’intitule ; \og Best places in CDF \fg{}\fg
\medskip
\og Nous avons sélectionné vingt endroits pour lesquels nous avons dessiné une icône chacun que nous avons intégré à la carte par la suite, ce qui fut la tache la plus complexe de ce travail. Nous voulions donner un côté créatif et plus divertissant à notre projet, ces créations nous aurons pris environ deux semaines à achever, toutes étant inspirées d’images trouvées sur internet. Dans cette même optique nous avons rédigé, sur le même document LibreOffice que celui précédemment cité, un texte pour chaque point d’intérêt que nous avons intégré à notre carte, pour lui donner un côté ludique.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og La spécialité [d'Umap] est qu’il est libre de droit, et que par conséquent il permet à n’importe quel utilisateur de créer et modifier des cartes de la façon désirée.\fg{}
\smallskip
\og U-map nous aura servi de base pour notre projet, nous avons sélectionné une carte déjà
cartographiée de la Chaux-de-Fonds pour pouvoir la retravailler à notre guise, ce qui nous aura permis de découvrir de nombreuses fonctionnalités du site. La première étape fut de positionner tous nos points d’intérêt qui avaient d’abord une apparence simpliste.\fg{}
\smallskip
\begin{center}
\includegraphics[scale=0.17]{BeauxArts}
\end{center}
\og Continuant d’ajouter de petits détails qui donnent son originalité à notre carte, nous avons décidé d’ajouter quelques liens pour certains endroits afin de pouvoir être directement redirigé vers un site officiel comme par exemple le Musée des Beaux-Arts. Nous n’avons pas pu faire ça pour chaque endroit évidemment, car certains ne possèdent pas de sites conçus à leur effigie.\fg
\smallskip
\begin{center}
\includegraphics[scale=0.16]{BeauxArts2}
\end{center}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{MerveillesChx}
\caption{Les merveilles de la Chaux-de-Fonds\label{carte:merveilleschxfds}.\\\url{https://umap.openstreetmap.fr/fr/map/cdf-sous-un-nouveau-jour\_828594\#14/47.1016/6.8283}}
\end{sidewaysfigure}
\newpage
%%%% Noah et Mattia %%%%
\begin{sidewaysfigure}
% Le texte
\section{Orientations politiques}\label{para:orientationspolitiques}
\subsection*{Noah et Mattia}
\begin{multicols}{3}
\og Pour ce projet, nous avons choisi de créer une carte géopolitique du monde montrant les orientations politiques actuelles des leaders des pays.\fg
\smallskip
\begin{center}
\includegraphics[scale=0.35]{LeadersPolitiquesMondeLegende}
\end{center}
\og On peut remarquer que beaucoup de dictatures son présentes en Asie centrale. Nous pouvons remarquer que les dictatures gardent leur pouvoir grâce à différentes manières, la plupart malhonnêtes et pas éthiques. Premièrement, internet est éteint durant les protestations, élections ou conflits dans ces pays, pour empêcher le peuple de se révolter, ce qui est une atteinte à la liberté d’expression, un des droits fondamentaux humains. En général, la censure est beaucoup utilisée par les dictateurs dans ces pays. Elle peut se manifester à travers des lois surtout, mais aussi à l’aide de l’intimidation ou menace. La propagande est aussi utilisée par l’état, pour inciter la désinformation. Finalement, la surveillance de masse est aussi utilisée, en Chine par exemple, pour contrôler les citoyens et punir les potentiels opposants au régime. \fg{}
\medskip
\rule{0.32\textwidth}{0.1mm}
\medskip
Essentiellement, le logiciel QGIS a été utilisé pour récupérer les frontières des pays.
\og Nous avons aussi utilisé le site NaturalEarthdata.com, permettant d’obtenir une carte sous forme shp, à différentes échelles, dans notre cas nous avons choisi l’échelle la plus vaste, la moins précise.\fg{}
\og Aussi, un autre problème que nous avons rencontré était que les bordures des pays étaient affichées de couleurs différentes que ceux-ci, ce qui n’était pas esthétique, voir image ci-dessus. Le problème venait du fait que les bordures était réglées sur un remplissage dégradé. Nous avons résolu ce problème avec succès, en mettant un remplissage de type normal.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{LeadersPolitiquesMonde}
\caption{Tendances politiques des leaders du monde.}
\end{sidewaysfigure}
\newpage
%%%% Robin et Leny %%%%
\begin{sidewaysfigure}
% Le texte
\section{Panomatricks à l'Hôpital}
\subsection*{Robin et Leny}
\begin{multicols}{3}
\og Premièrement, nous avions choisi de faire une carte en forme de Yin Yang pour symboliser notre amitié car, selon nous, nos deux personnalités relativement bien différentes l’une de l’autre se complètent très bien. Nous avons très vite réalisé qu’il était possible de trouver une encore meilleure signification à cette forme. Certes, celle-ci va vous paraître bien moins sentimentale mais nous sommes tous fortement concernés par la situation dans laquelle nous vivons sur le plan écologique. Nous avons donc décidé de transmettre un message à travers notre carte.\fg
\og En-dessus du village il y a un lac [\dots] Le fait que ce lac soit seul et en pleine santé surtout, au Nord-Est de la carte reflète pour nous à quel point la solitude peut parfois faire du bien, cela peut permettre aux gens de se retrouver avec eux-mêmes, se recentrer sur leurs objectifs.\fg{}
\og Passons maintenant au côté gauche de la carte, celui-ci est basé sur un thème moderne, il est majoritairement composé de bâtiments tous identiques ou très similaires, tous rassemblés dans un cadre bien droit, sérieux qui selon nous n’aide pas les gens à trouver une personnalité qui est la leur, une personnalité originale qui n’est pas forcément basée sur des critères que la société impose.\fg{}
\medskip
\og Finalement, nous avons décidé d’ajouter un pont qui relie les deux îles présentes sur notre carte pour montrer les similarités que nous pouvons relever entre le passé et les époques durant lesquelles nos ancêtres ont eu la chance de vivre et la nôtre. Ce pont est la touche finale pour encore une fois renforcer notre avis et montrer que le passé que nous imaginons et qui nous est enseigné dans des représentations cinématographiques ou même dans le cadre de cours était plus appréciable que le monde dans lequel nous vivons actuellement. Ce pont se dégrade au fil du temps, plus il s’approche de l’île de la modernité plus il se casse. Le pont représente un fil chronologique, une ellipse qui joint le passé médiéval que nous avons imaginé et notre époque.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons fini par choisir de réaliser notre projet sur le logiciel Inkscape car celui-ci était le logiciel parfait pour ce que nous voulions faire [\dots]\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Panomatrix}
\caption{Un Ying - Yang cartographique}
\end{sidewaysfigure}
\newpage
%%%% Hayden et Louise %%%%
\begin{sidewaysfigure}
% Le texte
\section{Ménhirs de Bretagne}
\subsection*{Louise et Hayden}
\begin{multicols}{3}
\og Premièrement, pour la réalisation de ce projet de cartographie libre dans le cadre de notre cours de DF Informatique, nous avons souhaité nous orienter vers la Bretagne, région de France que nous trouvons particulièrement magnifique et pour laquelle nous portons un grand intérêt. Nous hésitions entre deux options possibles : une carte de la Bretagne cartographiée de manière fantastique, dans l’idée d’une carte stylisée et artistique ou alors nous tourner vers un élément folklorique et marquant dans l’histoire de cette région : les menhirs. Après longue réflexion, nous avons opté pour la deuxième option en raison de l’histoire cachée derrière les menhirs que beaucoup de gens ignorent et également afin de pouvoir aider d’éventuels touristes à pouvoir localiser et visiter ces menhirs. Il était aussi question d’avoir la possibilité d’en découvrir plus sur l’histoire de ces monuments mystiques via notre carte.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons tout d’abord tenté de localiser et cartographier nos menhirs avec deux logiciels de dessin : Inkscape et Krita. Sur ces logiciels, nous avons placé une carte vierge libre de droit tirée du Web sur laquelle nous avons essayé de placer des points représentant les menhirs le plus justement possible en nous référant à une carte déjà existante trouvée sur Internet. Les points étant placé à l’\oe il, le travail était laborieux a effectuer et d’une imprécision totale.
Par la suite, nous avons opté pour l’utilisation du site Umap [\dots]. L’idée étant de créer une carte interactive et de classer des informations concernant chaque menhir, ce logiciel a été très efficace grâce à la précision dont nous avons pu faire preuve. Nous avons recherché ces monuments déjà cartographiés sur la carte, puis nous y avons rajouté des points nommant les menhirs ainsi que des informations historiques supplémentaires. La découverte de ce logiciel jusqu’alors jamais utilisé pour aucun de nos précédents travaux a été une expérience très enrichissante. Facile d’utilisation, et parfait pour la création de notre carte regroupant des informations, nous avons pu aisément faire coïncider ces dernières avec précision, ainsi qu’agrémenter nos propos d’images et de liens extérieurs.\fg
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Menhirs}
\caption{Ménihrs de Bretagne\label{carte:menihrsbretagne}.\\\url{https://umap.openstreetmap.fr/fr/map/menhirs-de-bretagne\_831557\#8/48.329/-1.467}}
\end{sidewaysfigure}
\newpage
%%%% Zélie et Aurelia %%%%
\begin{sidewaysfigure}
% Le texte
\section{Le corps humain}
\subsection*{Zélie et Aurelia}
\begin{multicols}{3}
\og Pour ce faire, nous avons eu l’idée de représenter le corps humain et ses différents systèmes lui permettant son bon fonctionnement. Nous souhaitions réaliser une carte dynamique, une petite vidéo passant d’une carte à l’autre montrant les informations de façon ludique et dynamique. Notre présentation s’adresse principalement aux enfants.\fg
\medskip
\og Nous ne pensons pas avoir révolutionné le domaine de la cartographie, car ce genre d’animation se trouvent de plus en plus. En revanche, le fait d’utiliser ce programme dans le cadre de l’école pourrait influencer la vision que l’on peut avoir de l’association de la technologie, de la géographie et de l’art. L’expansion grandissante de l’art digital pourrait grâce à des cartes comme la nôtre rejoindre les bancs des écoles en apportant une autre façon d’enseigner plus ludique.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous ne voulions pas faire qu’une seule carte, afin d’en créer plusieurs et de les animer, il nous fallait un programme simple à utiliser et accessible. La meilleure option pour la réalisation de notre idée était ce logiciel [Procreate] que l’une d’entre nous avait déjà téléchargé depuis longtemps. Nous avions alors quelques connaissances ainsi qu’un support apporté par le logiciel.\fg{}
\medskip
\og [\dots] l’étape suivante : la musculature. Nous avons dessiné des muscles à l’intérieur de la silhouette de manière à ce qu’ils puissent se contracter, comme si notre personnage montrait sa force. Puis nous avons procédé de la même façon pour le reste des systèmes, en dessinant à chaque fois le système et en introduisant une petite animation pour montrer sa fonction. [\dots] Le dessin a aussi été un enjeu important, n’étant pas notre matière de prédilection, certains éléments formant l’anatomie de notre personnage, se sont avérés plus compliqués à réaliser surtout pour un minimum de réalisme dans l’articulation des actions et des mouvements.\fg{}
\smallskip
Le résultat est une animation présentant plusieurs cartes de l'intérieur du corps humain.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=0.8\textwidth]{corps}
\caption{Carte corporelle}
\end{sidewaysfigure}
\newpage
%%%% Olivia et Esteban %%%%
\begin{sidewaysfigure}
% Le texte
\section{De la Pangée à nos jours}
\subsection*{Olivia et Esteban}
\begin{multicols}{3}
\og Au bout d’une période, la Pangée nous est venue à l’esprit. Nous vous présentons donc une animation de la position des continents depuis la Pangée jusqu’à nos jours avec l’outil PowerPoint, sous forme de vidéo.\fg
\medskip
\og Nous avons cherché des cartes de la Pangée sur Wiki Commons, afin d’être sûrs que ces images étaient libres de droit. Nous avons tout de même vérifié sur des sites « plus scientifiques » que celle que nous avons sélectionnée ne montrait pas d’incohérences. Nous tenons à préciser qu’il existe beaucoup de cartes différentes sur la Pangée car, par exemple, elles ne partent pas toutes depuis la même date et ne prennent pas toutes en
compte l’Antarctique.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons utilisé la transition « morphose » et le logiciel s’occupait de fluidifier les déplacements des différentes formes. Nous avions juste à changer légèrement leurs positions et leurs formes à chaque nouvelle diapositive pour que le mouvement soit fluide. Au fur et à mesure des diapositives, les continents devaient de plus en plus ressembler à ceux que nous connaissons aujourd’hui.\fg{}
\og Ce travail nous a permis de développer nos compétences techniques et graphiques en PowerPoint. Nous sommes actuellement en mesure d’utiliser une collection d’outils plus large. De plus, nous avons appris que le temps nécessaire pour obtenir des animations complexes sur PowerPoint réussies est bien plus long que ce que l’on imaginait.\fg{}
Relevons que la qualité du rendu est liée à l'utilisation du logiciel propriétaire, payant et non multi-plateforme Power Point.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{pangee}
\caption{De la Pangée à nos jours.}
\end{sidewaysfigure}
\newpage
%\onecolumn % ATTENTION, ne pas supprimer
%%%% Jocelyne et Vincent %%%%
\begin{sidewaysfigure}
% Le texte
\section{Parc d'attractions des rêves\label{par:parcdattractiondesreves}}
\subsection*{Jocelyne et Vincent}
\begin{multicols}{3}
\begin{quotation}
\textit{\og Notre projet n'est pas vraiment de la cartographie puisqu'il s'agit d'un parc imaginaire. Une vraie carte doit se baser sur la réalité. \fg{}}
\end{quotation}
\og Notre idée est de concevoir, tels des architectes, un parc d'attractions imaginaire,
fictionnel, "idéal", avec des attractions/manèges repris de différents parcs
d'attractions existants (Europa-park, Disneyland...). La carte sera comme vue du ciel.
Elle est conçue pour pouvoir être lue par des enfants, elle s’apparente au plan qu’on
donne aux visiteurs au début de la visite.
Le parc d'attractions se compose de deux "îles", deux zones, représentant différents
"climats": En bas se trouve une zone "basses terres". Celle-ci, bien sûr boisée, sera
également au bord de l'eau, mais le rivage sera aménagé tout différemment, plus
dans l'idée d'un lac de montagne. La deuxième zone, en haut, sera une zone
"montagne". Elle sera située un peu en altitude, on pourra y accéder par un
téléphérique depuis l’autre zone.
Les deux zones seront séparées, on pourra se déplacer de l'une à l'autre par des
sentiers pédestres, ou par différents moyens de transport: téléphérique, ascenseur.
De nombreux espaces de restauration sont prévus dans chaque zone, de même que
des espaces de détente, des bancs, etc. \fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons commencé par dessiner la carte à la main, au crayon de papier, sur des
feuilles de papier format A3. Puis nous avons scanné la carte, afin de pouvoir ajouter
des couleurs, la rendre plus visuelle, la retravailler, à l'aide du logiciel Sketchbook. \fg
\end{multicols}
\og \textbf{Les cartes \og si \fg} Pourtant la carte peut vouloir autre chose. Et pourquoi pas l'impossible ? Si elle se jouait de la réalité elle-même ? Là où les cartes imaginaires nous invitent à l'évasion, à la rêverie, au fantastique, certaines cartes fictionnelles proposent plutôt un monde souhaité, idéal, celui qu'on aimerait voir mis en \oe uvre.\fg{} \cite[p. 116]{Zwer}
%\vspace*{7cm}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{ParcAttraction}
\caption{Un parc d'attraction imaginaire.}
\end{sidewaysfigure}
\newpage
%%%% Mathilde et Hélène%%%%
\begin{sidewaysfigure}
% Le texte
\section{Pollutions océaniques}\label{para:pollutionsoceaniques}
\subsection*{Mathilde et Hélène}
\begin{multicols}{3}
\og Notre projet consiste en la création d’une carte des océans indiquant la pollution plastique et pétrolière de ceux-ci. Nous avons créé une carte du monde interactive sur le site uMap qui précise diverses informations sur la pollution plastique et la pollution pétrolière, mais qui montre aussi les innovations et les projets permettant d’améliorer la situation.
La carte indique donc les 5 gyres de plastiques, c’est-à-dire des tourbillons d’eau où le plastique s’accumule, ainsi que différents navires pétroliers qui ont fait naufrage, pour la plupart entre 2022 et aujourd’hui. Elle présente également différents projets qui sont mis en œuvre pour nettoyer les océans. Lorsque l’on clique sur l’une des icônes, des informations, générales ou parfois plus précises, et différentes photos, s’affichent. Le but de cette carte est de sensibiliser, ou du moins informer les gens sur ce que représente réellement la pollution plastique et pétrolière, une problématique dont nous ne sommes pas les premières victimes \dots\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og uMap permet de choisir plusieurs fonds de carte du monde, notre choix s’est porté sur le fond « OSM Watercolor (Stamen) », car les océans sont représentés dans un bleu très voyant, mettant en valeur notre sujet.
Ensuite, après le choix du type de carte, nous avons utilisé la fonction « ajouter un marqueur », que l’on trouve en activant l’édition en haut à droite (émoticône d’un crayon). Cette fonction nous a permis de placer sur la carte les emplacements des bateaux pétroliers, les projets de nettoyage des océans et les gyres. uMap permet ensuite de nommer les marqueurs, de changer leurs formes et leurs couleurs, ainsi que d’ajouter des descriptifs et photos pour les décrire.
Nous avons également utilisé la fonction « dessiner un polygone », qui nous a permis de délimiter les zones de gyres, ce qui était nécessaire vu leur grandeur. Malheureusement, créer des cercles sur uMap est une chose impossible. Nous avons dû nous résigner à utiliser la fonction « dessiner un polygone » et tracer nos cercles de façon très
approximative, ce qui se remarque assez facilement.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Pollutions}
\caption{Carte des pollutions océaniques\label{carte:pollutionoceanique}.\\\url{http://u.osmfr.org/m/888913/}}
\end{sidewaysfigure}
\newpage
%%%% Alessia et Clara %%%%
\begin{sidewaysfigure}
% Le texte
\section{LBC cursus}
\subsection*{Maria Clara et Alessia}
\begin{multicols}{3}
\og En tant que lycéennes en plein milieu de notre cursus, nous avons récemment commencé à
avoir un regard rétrospectif sur ces deux dernières années ainsi qu’un regard plus général
sur l’ensemble de ce parcours. De ce fait, nous avons constaté, grâce à diverses discussions avec d’autres camarades du lycée, que certains moments marquent ce parcours plus que d’autres. Cette carte découle d’une envie de représenter ce chemin académique de façon réaliste et plus proche des élèves que des brochures d’informations, en démontrant non seulement des faits mais aussi des ressentis et des émotions présentes au long de ces
années.\fg
\medskip
\og Pour ce faire, nous avons décidé de créer une carte regroupant les trois années grâce à un
diagramme de Venn, dans lequel chaque ellipse représente une année. Chaque ellipse, ayant
une couleur différentes associée à l’année qu’elle représente. Ceci contribue à établir
différents ensembles interannuels permettant de voir facilement ce qui appartient à quoi.
Ensuite, nous avons recréer et filmer certains moments du cursus pour lesquels nous avons
écrit une définition subjective, que l’on peut ouvrir au moyen de bulles interactives
disposées selon les années sur la carte.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Tout d’abord, la première étape était de créer le diagramme de Venn. Pour ceci, nous avons utilisé le logiciel Inkscape, un logiciel vectoriel qui nous permet de concevoir des ellipses de la taille et de la couleur de notre choix. Sur ce même diagramme nous avons placé les légendes, le tire ainsi que les bulles colorées. Ensuite, nous avons enregistré ce fond en fichier svg. Nous y reviendrons plus tard. La deuxième étape était de filmer les vidéos. Pour ce faire, nous avons tourné à l’aide de deux iPhone 11. Chaque vidéo faisant environ neuf secondes.\fg{}
\og [Pour lancer les vidéos] nous allons rendre la carte interactive en faisant clic droit sur chaque bulle de façon à que la rubrique Create Link puisse être utilisée sur cette dernière, nous avons placé le lien : window.open("https://inkscape.org","\_blank"); dans lequel nous avons remplacé https://inkscape.org par le nom de nos vidéos. Ce processus a été fait 19 fois, pour chaque bulle.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Videos}
\caption{Carte, logiciel et vidéo}
\end{sidewaysfigure}
\newpage
%%%% Florane et Kelyan %%%%
\begin{sidewaysfigure}
% Le texte
\section{Comédies musicales}
\subsection*{Florane et Kelyan}
\begin{multicols}{3}
\og Tous deux dans le monde artistique, nous possédons une passion commune : La Comédie Musicale. La première idée qui nous est venue à l’esprit, concernant cette proposition, a été de choisir 20 spectacles et d’en répertorier les tournées mondiales officielles. Nos choix étaient constitués des comédies musicales suivantes~: West Side Story, The Phantom of the Opera, The Lion King, Les Misérables, Wicked, Moulin Rouge ! et Hamilton.\fg
\og Ce travail a été intéressant à réaliser car nous nous sommes rendus compte que les tournées ne se déroulaient principalement qu’en Amérique du Nord, Oceanie, Europe Occidentale et quelques grands pays d’Asie tel le Japon, la Chine ou la Corée du Sud. Mais aucune tournée ne passe ni par l’Afrique ni par l’Amérique du Sud. Et ça c’est bien dommage.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Notre carte a été réalisée sur le logiciel de cartographie uMap. Nous avons établi un code couleur pour chacune des comédies musicales. Pour chaque spectacle, nous avons choisi une citation célèbre de la comédie musicale en question, que nous avons inscrite dans la carte.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Comedies}
\caption{Comédies musicales mondiales\label{carte:comediesmusicales}.\\\url{https://umap.openstreetmap.fr/fr/map/les-comedies-musicales\_892510\#2/36.7/29.5}}
\end{sidewaysfigure}
\newpage
%%%% Edgar et John %%%%
\begin{sidewaysfigure}
% Le texte
\section{Cartographie sur un orchestre symphonique}
\subsection*{Edgar et John}
\begin{multicols}{3}
\og La cartographie d'un orchestre symphonique permet de visualiser la disposition spatiale des musiciens sur scène. Cela permet non seulement aux auditeurs de mieux comprendre la configuration de l'orchestre, mais aussi aux musiciens de s'orienter et de se positionner correctement pour une performance optimale. En connaissant l'emplacement de chaque musicien et de chaque section instrumentale, il est plus facile de coordonner les mouvements et les interactions entre les membres de l'orchestre. Ainsi la disposition des musiciens dans un orchestre symphonique a un impact direct sur l'acoustique de la salle de concert. En cartographiant l'orchestre, il est possible de prendre en compte les caractéristiques acoustiques de la salle et d'optimiser la disposition des musiciens en conséquence. Cela permet d'obtenir un meilleur équilibre sonore, une meilleure projection sonore et une meilleure fusion des différents pupitres instrumentaux.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons choisi de faire notre carte sur Powerpoint mais pas par souci de facilité. Créer une carte sur PowerPoint peut être extrêmement utile dans de nombreuses situations. [\dots] En résumé, réaliser notre carte sur PowerPoint nous a donné de nombreux avantages, notamment une visualisation claire des informations que nous voulions mettre en avant, une communication visuelle efficace et une personnalisation de notre carte. Nous avons pu faire la carte que nous souhaitions sur un logiciel que nous connaissons bien et que nous savons utiliser.\fg{}
\og Tout est important. On aurait pu envisager faire une deuxième partie dans notre carte sur la géographie de la salle. Avec ses murs, ses sièges mais aussi avec le pris des places suivant leur emplacement.\fg{}
Relevons que la qualité du rendu est liée à l'utilisation du logiciel propriétaire, payant et non multi-plateforme Power Point.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Orchestre}
\caption{Un orchestre cartographié.}
\end{sidewaysfigure}
\newpage
%%%% Manon et Louis %%%%
\begin{sidewaysfigure}
% Le texte
\section{Voyage au Tadjikistan}
\subsection*{Manon et Louis}
\begin{multicols}{3}
\og Le Tadjikistan peut apparaître comme un choix particulier. C’est un petit pays, souvent oublié, et il paraît compliqué au premier regard de créer un projet intéressant là-bas. Notre défi était donc de faire découvrir une culture éloignée et inconnue, en la respectant, et de la rendre intéressante au yeux de lycéens suisses.
Nous avons décidés de sortit des trajets touristiques afin de créer quelque chose de plus véritable, en se rapprochant des autochtones. Le Tadjikistan est un pays très montagneux, relativement pauvre , et donc très peu cartographié. Cela a donc représenté en grand enjeu de notre travail. Malgré ça, il regorge d’une diversité culturelle et de magnifiques paysages, vous aurez l’occasion de les voir sur notre carte.\fg
\medskip
\og La première chose a souligné est le manque de représentation des routes sur les cartes auxquelles nous avons accès sur internet. Les routes montagneuses sont souvent très petite, et n’apparaissent par exemple pas sur Google maps. Parfois, après avoir trouvé l’endroit d’une attraction touristique, nous avons du dessiner les routes uniquement grâce à une photo. Cela est un travail considérable et entache donc à la précision de notre travail. Nous sommes tout de même satisfaits, car avec beaucoup d’application, nous sommes arrivés à un projet relativement complet.
Le deuxième point, c’est le manque d’activités touristiques, ou du moins d’activités touristiques répertoriées.En effet, la majorités des attractions sont desservables sur place. Il a donc fallu beaucoup de recherches. Nous nous étions mis la contrainte de suivre les envies de nos camarades, en leur demandant les activités qui les intéressaient. Nous sommes donc passés tantôt d’un hôtel de luxe à une nuit chez l’habitant, tantôt d’une sortie escalade à un concert au conservatoire national du Tadjikistan.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avions besoin d’un carte déjà conçue sur laquelle nous allions poser des éléments qui nous intéressaient. Un logiciel libre serait la meilleure option et donc notre choix s’est porté sur Open Street Map [Ndr Umap]. Nous avons choisi la carte du logiciel qui affichait les routes et nous avons posé les points avec les informations trouvées sur Google (images, noms de lieux, informations complémentaires). Nous sous sommes servis du système de couches et de couleurs pour en attribuer une pour chaque élève. Plus une couche pour les routes tracées avec le système de vecteurs dans une couleur à part. Ensuite nous avons implémenté des images dans les points avec la fonction activer cliquant.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Voyage}
\caption{Voyage au Tadjikistan\label{carte:voyagetedjikistan}.\\\url{https://umap.openstreetmap.fr/fr/map/projet-tadji\_881939\#7/38.947/433.828}}
\end{sidewaysfigure}
\newpage
%%%% Mathilde, Margaux et Nathanael %%%%
\begin{sidewaysfigure}
% Le texte
\section{Niveaux de vie}\label{para:niveauxdevie}
\subsection*{Mathilde, Margaux et Nathanael}
\begin{multicols}{3}
\og Mais qu’est-ce ces 4 niveaux de vie ? Pour le comprendre il faut se plonger dans le livre du médecin conférencier Hans Rosling, Factfulness. Dans ce livre, Hans Rosling par du constat que notre vision du monde est biaisée par des instincts qui trompent nos analyses. Selon lui, nous avons tendance à toujours imaginer que le monde va de pire en pire, alors qu’en réalité, même s’il n’est pas parfait, il va de mieux en mieux. Pour appuyer ses propos, Hans Rosling se base sur plusieurs principes qu’il va réutiliser à chaque chapitre. Dans ces principes il y a les 4 niveaux de vie.\fg
\medskip
\og Il se trouve que dans le livre d’Hans Rosling, il y a une myriade de graphiques, statistiques en tout genre, mais il n’y que très peu de carte. En l’occurrence, il n’y en a pas pour les 4 niveaux. Par ce constat, nous avions pensé qu’il serait bon de mettre sous forme cartographique les pays et leurs différents niveaux, à l’aide d’un code couleur, pour mieux visualiser les propos de Rosling.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons, durant ce travail, rencontrés plusieurs problèmes. Voici les deux principaux~:
Le premier a été de comprendre comment changer les couleurs, le tout a été fait dans un
tableau ou chaque pays de la carte avait plusieurs réglages.
Le second a été de pouvoir prendre les informations nécessaires pour créer, grâce au logiciel, les explications des couleurs. Pour se faire, nous avons dû supprimer pratiquement tout ce qui se trouvait dans le tableau des attributs, sauf une colonne, que nous avons sélectionné pour la copier dans une fonction qui crée des légendes.\fg{}
Malheureusement, alors que QGIS est capable d'un export de qualité, celui-ci s'est fait par une simple capture d'écran, réduisant la qualité de la carte présentée.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{NiveauxVie}
\caption{Les différents niveaux de vie.}
\end{sidewaysfigure}
\newpage
%%%% Diane et Meike %%%%
\begin{sidewaysfigure}
% Le texte
\section{Maison de rêve}
\subsection*{Diane et Meike}
\begin{multicols}{3}
\og Une carte métaphoriquement~:
Notre projet est différent d’une carte normale car ; il n’a pas de légende, C’est un plan en trois dimensions et, le plus important, une carte est une représentation du réel alors que notre plan représente une maison imaginée. C’est dans l’utilité que notre projet devient une carte. Car une des utilités d’une carte, est de trouver son chemin, en évitant les obstacles, pour arriver à destination et notre carte représente la destination comme motivation. Notre projet sert de lumière dans le chemin qu’est notre vie, pour se
battre, pour arriver à un objectif ; réussir à faire bâtir notre maison.
Une carte de par sa précision~:
Notre plan 3D est une carte avec les informations de mesures des pièces, de leurs nombres et de leurs formes et les différents matériaux sont tous choisis. La précision du plan est un attrait qui vient de la cartographie. Nos motivations étaient de créer quelque chose de différent et qui transporte nos identités avec. C’est pour cela que nous n’avons pas fait une carte répertoriant quelque chose qui n’avait pas de sens pour nous. Nous voulons montrer un avenir possible et serein à travers une maison simple et pratique. Notre maison est un symbole de futur désirable dans des temps incertains.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Le second logiciel home by me nous a convaincues pour plusieurs raisons. La raison la plus importante, c’est qu’en tant que logiciel vectoriel paramétrique nous pouvions choisir toutes les mesures et modifier tous les objets facilement. Mais surtout le logiciel était simple d’utilisation, pratique et totalement gratuit. Tous les objets que nous avons mis sont des objets réels dans le commerce, ce qui rajoute une touche de réalisme. Nous avons donc avancé et terminé sans aucun problème notre projet avec le logiciel Home by me.\fg{}
Relevons que Home by me est un logiciel propriétaire dont les fonctionnalités ne sont pas gratuites. Il appartient à Dassaut Systems et sans accepter ses cookies, il ne fonctionne pas correctement. Son équivalent libre, Sweet Home 3D est lui exempt de ces défauts.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{MaisonReve}
\caption{Une maison de rêve.\\\url{https://home.by.me/fr/project/meike.vanewijk-2081/maison-de-reve}}
\end{sidewaysfigure}
\newpage
%%%%% Prénoms %%%%
%\begin{sidewaysfigure}
%% Le texte
%\section{titre}
%\subsection*{Prénoms et noms}
%\begin{multicols}{3}
%\og \fg
%
%\medskip
%\og \fg{}
%
%\rule{0.32\textwidth}{0.1mm}
%
%\medskip
%
%\og \fg{}
%
%
%\end{multicols}
%\end{sidewaysfigure}
%\newpage
%\begin{sidewaysfigure}
%% La carte
% \includegraphics[width=\textwidth]{image}
%\caption{Légende}
%\end{sidewaysfigure}
\twocolumn

604
chapitres/chapter2.tex.bak
View File

@ -1,55 +1,587 @@
\chapter{Configuration} \label{chapter:configuration} \chapter{Les cartes} \label{chapter:lescartes}
Ce chapitre présente essentiellement le fichier \src{config.tex}\index{config.tex} qui permet la configuration générale du travail de maturité. À partir de la page suivante se trouvent présentées les cartes réalisées par les élèves et en regard ce qu'ils en ont essentiellement dit.
\section{Config.tex}\label{sec:configtex} Il faut relever la variété des thèmes abordés et des techniques choisies. Celle-ci est à l'origine de la réunion de tous ces travaux dans le présent ouvrage. Évidemment, les ouvrages de cartographie radicale \cite{Zwer} et de cartographie comme outil de luttes \cite{Orangotango} y sont aussi pour beaucoup.
Au \squote{c\oe ur} de la configuration du travail de maturité se trouvent une série de questions posées au rédacteur qui permettent de mettre à sa disposition les différents éléments dont il va avoir besoin. Ces questions se trouvent regroupées dans le fichier \emph{config.tex}\index{config.tex} sous différentes sections. \smallskip
Si les cartes sont l'élément essentiel de cette présentation, il faut souligner que plusieurs d'entre elles n'ont pas été livrées sous la forme sous laquelle elles figurent ici. En effet, il était impossible de faire figurer des vidéos, des cartes interactives zoomables, cliquables ou des constructions 3D pleinement accessibles uniquement dans le mouvement. Les images qui en ont été tirées sont présentes pour permettre de s'imaginer ces travaux et éventuellement de se rendre sur la carte interactive via un lien. Mais parfois, ce ne fut pas possible en raison des logiciels utilisés.
Ici encore les commentaires\index{commenter} jouent un rôle très important. En effet, c'est généralement en décommentant une option et en l'adaptant à ce qu'on désire qu'on peut configurer le modèle. Évidemment, des commentaires (eux-même aussi commentés pas un \%) précisent les lignes qu'il faut décommenter\index{décommenter} suivant les cas et dont il ne faut pas changer la structure, mais seulement une partie facilement identifiable. \smallskip
Les travaux présentés ici peuvent aussi parfois paraître de mauvaise qualité, tant du point de vue de leur rendu que de celui de l'information qui y figure. Ils sont cependant le reflet des connaissances des étudiants dont l'intérêt pour différents aspects du travail de cartographe, mais aussi de celui de l'informaticien, était très divers.
\begin{description} L'objectif du cours étant en premier lieu de leur permettre de découvrir le monde de la cartographie en s'en emparant à travers des problématiques qui leur étaient propres, quelques commentaires ont parfois été ajoutés non pour souligner ces limites, mais pour avertir que d'autres pistes et d'autres solutions existent.
\item[La langue\index{langue}] Trois langue sont proposées : français\index{français}, anglais\index{anglais} et allemand\index{allemand}. Ce choix est très important. Il va introduire l'adaptation de toute une série de mots clé selon la langue choisie. Généralement, par défaut, les mots qui n'admettent pas de choix sont automatiquement traduits (comme le mot Chapitre qui apparaît dans l'entête). Cependant, il est parfois possible de les changer en utilisant le fichier de configuration. Mais, celui-ci ne va pas tout faire et quand la traduction ne se fait pas automatiquement, c'est que le choix est laissé à l'utilisateur. Alors, le changement est à faire dans les fichiers où se trouve le contenu du travail, comme les chapitres\index{chapitre} par exemple.
\item[La page de titre\index{page de titre}] S'y trouvent définis les titre et sous-titre\index{sous-titre} du travail, le type de travail\index{type de travail}, l'auteur\index{auteur}, la date\index{date} et le mentor\index{mentor}. Relevez que normalement la page de titre se trouvant sous \emph{./pagesspeciales/pagetitre.tex}\index{pagetitre.tex} n'a pas à être modifiée. Les différents éléments évoqués ci-dessus suffisent pour la définir, exception faite d'une éventuelle image de titre\index{image de titre}.
Deux types de page de titre sont fournies : la page de titre par défaut et une page de titre pouvant contenir une image. Cette dernière modifie la composition générale de la page. Pour définir choisir l'une ou l'autre de ces pages, il faut se rendre dans le fichier \verb|config.tex|. Dans ce fichier, vous pouvez aussi définir l'image de titre choisie. Attention, cette image doit être présente dans le dossier image du modèle soit sous la forme eps pour une compilation en postscript soit en png ou jpg pour une compi \smallskip
FEnfin, si nous avons pu mettre en valeur les propos mêmes des étudiants au sujet de leur travail, c'est qu'ils ont dû nous faire un compte rendu écrit de celui-ci à partir duquel nous avons tirés les textes présentés. Mais ceux-ci ne constituent parfois qu'une petite part du compte rendu, en particulier en ce qui concerne les références présentés. C'est au format choisi pour la présentation des travaux qu'il faut souvent s'en prendre et pas aux élèves.
Néanmoins, dans le cas où la compilation choisie ne se fait pas en postscript (voir le paragraphe \ref{sec:compilation}, page \pageref{sec:compilation}), un mécanisme permettant de remplacer la page de titre prévue par le modèle est présent. Son utilisation est simple. Si un fichier nommé \verb|page_titre.pdf| (attention, notez l'underscore qui différencie cette page de celle du modèle : \verb|pagetitre.tex|) est présent dans le répertoire \emph{pagesspeciales}, alors il sera utilisé à la place de la page de titre. %\cleartooddpage[\thispagestyle{empty}]
%\cleartoevenpage[\thispagestyle{empty}]
\newpage
\onecolumn % ATTENTION, ne pas supprimer
%%%% Maëlle et Charlotte %%%%
\begin{sidewaysfigure}
% Le texte
\section{Urbanisation neuchâteloise}\label{para:urbanisationneuchateloise}
\subsection*{Maëlle et Charlotte}
\begin{multicols}{3}
\og [\dots] nous avons finalement opté pour \og L’évolution de l’urbanisation dans le canton de Neuchâtel, de 1970 à aujourd’hui \fg. Ce sujet mêlant géographie, histoire et économie nous plaît beaucoup car, comme ce ne sont pas des données auxquelles nous avons accès, nous avons tout un travail de recherches à effectuer qui nous permettra d’en savoir plus sur notre canton. Nous souhaitions également que notre projet aboutisse à une carte totalement inédite.
Mais relevez bien que cela n'est possible que si la compilation ne se fait pas en postscript. Notre carte animée montre, à l’aide de couleurs choisies grâce à un barème créé spécialement à cet effet, \textbf{le nombre de bâtiments par hectare} de certaines communes du canton de Neuchâtel en 1970, puis en 2020.\fg
\item[Le pied de page\index{pied de page}] S'y trouvent définis le domaine\index{domaine}, c'est-à-dire l'option spécifique ou complémentaire ou autre, du travail ainsi que le nom\index{nom de l'école} et l'adresse de l'école\index{adresse de l'école}.
\item[Citations, remerciements, acronymes, etc] On peut choisir ici de mettre une page contenant une pensée\index{pensée} ou citation\index{citation}, une page contenant un préambule\index{préambule}, une dédicace\index{dédicace}, des remerciements\index{remerciements}, une page contenant un résumé\index{résumé}, une page d'acronymes\index{acronymes}, une page présentant la licence\index{licence} du travail, une page présentant le site associé\index{site associé} au travail, une autre le cdrom associé\index{cdrom associé} et enfin une page d'index\index{index}.
\item[Chapitres\index{chapitre}] On définit ici le nombre de chapitres qu'on désire. Des fichiers \emph{chapter1.tex}, \emph{chapter2.tex} \dots{} \emph{chapter9.tex}\index{chapterxx.tex} sont déjà présents dans le répertoire associé \emph{chapters}. Il suffit alors de remplir ceux dont on a besoin. Si on veut plus de dix chapitres, il faut simplement copier l'un d'entre eux et en rajouter le bon nombre sous la forme \emph{chapter10.tex}, \emph{chapter11.tex} \dots{} et d'en définir le nombre correctement.
Notez que si la conclusion\index{conclusion} est un chapitre à part entière, il se trouve dans un fichier éponyme situé sous \emph{chapitres/conclusion.tex}\index{conclusion.tex}. \medskip
\item[Listes des figures, tables et listings] On définit ici la présence des page contenant la liste des figures\index{liste des figures} et/ou la liste des tables\index{liste des tables} et/ou la liste des listings\index{liste des listings}\index{liste des codes sources}. Par défaut, tout est activé pour se rendre compte de ce qui est disponibles. Pour désactiver l'un ou l'autre des ces éléments, il faut donc décommenter la ligne qui lui correspond. \og Nous avons utilisé plusieurs logiciels et sites pour obtenir notre carte animée. Pour le dessin de la carte nous avons utilisé le logiciel de dessin vectoriel Inkscape car c’est celui que nous savions le mieux utiliser et le plus propice à une base de carte si l’on voulait la voir en plusieurs tailles sans perdre sa qualité d’image.
\item[Figures] On définit ici le chemin par défaut vers le répertoire des figures\index{répertoire des figures}. Le point correspond au répertoire ou se trouve le fichier \emph{main.tex}\index{main.tex}.
\item[Insertion de code : listings] Le package listings\index{listings} permet d'insérer du code\index{code} dans latex. Plusieurs langages\index{langage de code} sont disponibles, par exemple HTML et PHP. Mais seul latex est appelé par défaut. On peut charger d'autres langages pour les listings selon le modèle de la ligne suivante :
\lstinline!\lstloadlanguages{HTML,PHP,TeX}!.
Aussi on peut mettre du code latex pour référencer le numéro des lignes. Il faut alors avoir recours à un caractère d'échappement\index{caractère d'échappement} sur le modèle suivant : \lstinline!\lstloadlanguages{Python}! suivi de \lstinline!\lstset{language=Python,escapechar=|}! Pour l’animation nous avons utilisé Synfig, c’est un des seuls logiciels que l’on connaissait et que nous avions déjà utilisé. [\dots]
Après le caractère d'échappement, on peut alors placer une commande de référencement\index{commande de référencement} \lstinline!\label{}! qui permet d'avoir accès au numéro de la ligne\index{numéro de ligne} dans le texte via \lstinline!\ref{}!. Le site qui a été indispensable pour faire les mesures et analyses dont nous avions besoin pour notre carte est map geo admin. Une plateforme de géo-information concernant le territoire suisse mise en place par la Confédération. \fg{}
\item[Le texte] Se règle ici l'indentation de la première ligne\index{indentation de première ligne} de chaque paragraphe. Différentes possibilités sont présentes et il suffit d'en choisir une en la décommentant.
\item[Un index] Il n'est pas nécessaire de réaliser un index. Par défaut, il y en a cependant un. Décommentez cette ligne si vous n'en voulez pas. Attention, pour construire le fichier d'index idx, il doit être compilé avec makeindex en ligne de commande ou dans les outils de Texmaker\index{Texmaker}\index{outils de Texmaker}.
\end{description}
\section{Version provisoire\index{version provisoire}} \rule{0.32\textwidth}{0.1mm}
Pendant la rédaction et par défaut le modèle est placé en mode \og draft\fg\index{draft}. Ce mode offre différents outils pour faciliter la rédaction. \medskip
Le travail était complexe non seulement en raison de la recherche et de l'exploitation des données, mais aussi par la diversité des problèmes informatiques qui ont mené au résultat.
Notamment, il va mettre l'indication \og Version provisoire\fg{} (ou son équivalent en anglais ou allemand) en filigrane\index{filigrane} en haut à gauche et changer la date\index{date} sur la page de titre\index{page de titre} pour y mettre une indication portant le jour, alors que dans la version finale celle-ci n'apparaît pas. \og Nous sommes donc parties vers une animation faite à partir de deux cartes, une de 1860 et l’autre actuelle. Un autre problème est alors apparu~: Le site sur lequel nous avons pris les informations dont nous avions besoin pour notre projet propose un outil qui nous permets de mesurer les distances et périmètres d’un terrain choisi. Cet outil mesure les surfaces par rapport à une carte actuelle, mais la carte de 1860 sur laquelle nous voulions nous baser étant assez ancienne elle ne représentait pas avec précision les surfaces construites. Les dessins des bâtiments sur la carte de 1860 étaient beaucoup plus grands que ceux sur la carte actuelle. Les proportions n’étant pas les mêmes cela posait un problème.\fg{}
Mais, il va aussi entre autres\endnote{Voir une liste plus complète à l'adresse \url{http://tex.stackexchange.com/questions/49277/what-does-the-draft-mode-change}} ne pas charger les images\index{image} et les codes sources\index{code source} pour accélérer la compilation tout en indiquant leur place. \og nous sommes rendues compte que le tracé de la carte n’était pas fait de manière à ce que nous puissions animer chaque case.\fg{}
Il va aussi permettre de repérer les lignes où la césure\index{césure} a été difficile par l'indication d'un carré noir en regard des lignes trop longues\index{ligne longue}. Finalement, l'animation fonctionne et le temps à disposition permet de visualiser l'évolution de plusieurs communes \dots
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{laccarteanime4}
\caption{Évolution du nombre de bâtiments dans le canton de Neuchâtel.}
\end{sidewaysfigure}
\newpage
\onecolumn % ATTENTION, ne pas supprimer
%%%% Mathis et Chiara %%%%
\begin{sidewaysfigure}
% Le texte
\section{Cartonomique}
\subsection*{Mathis et Chiara}
\begin{multicols}{3}
\og Dans l’idée de ne pas créer une carte conventionnelle, nous avons assez vite pensé à l’astronomie, et décidé de se lancer dans la création d’une carte de constellations illustrées.
De plus, pour vous permettre, et éventuellement pour permettre à votre mentor, des remarques, l'évocation des pistes d'approfondissement ou de propositions de modifications, le module \verb|totonotes|\index{module!todonotes} est activé par l'option draft\index{draft}. Il donne la possibilité de mettre en marge de votre document des notes telles que celle-ci\footnote{La présente documentation ne permet pas de voir cette note puisque celle-ci a été réalisée en mode de document final, sans l'option draft (voir plus loin). Pour la voir, il faut simplement compiler le document en mode draft}\todo[line]{À ne pas oublier}. Pour cela, l'instruction toute simple \lstinline!\todo[line]{À ne pas oublier}! est à placer là où on désire que la note soit placée. De multiples options de couleurs notamment ou autre sont disponibles. Voyez pour cela la documentation du module. Notez aussi que pour que la ligne pointant vers le texte soit correctement placée, il est nécessaire de compiler\index{compiler} deux fois le modèle ! \dots{} nous nous sommes d’abord renseignés sur les possibilités de cartes astronomiques qui s’offraient à nous, en sachant que la création complète d’une carte, avec la position de chaque étoile, serait un travail beaucoup trop ambitieux. En s’inspirant de cartes mythologiquement imagées des constellations du 17ème siècle, nous avons finalement choisi de prendre une carte astronomique existante, de la simplifier pour garder uniquement les constellations qui nous intéressaient, et ensuite d’y reporter des dessins.\fg
\bigskip \medskip
L'ensemble de ces comportements par défaut est évidemment incompatible avec la version finale\index{version finale} du travail. Pour les désactiver, c'est-à-dire retirer le filigrane\index{filigrane} et les notes de marge\index{note de marge} notamment, il suffit de retirer l'option \verb|draft|\index{draft} de la première ligne déclarant la classe de document dans le fichier \emph{main.tex}\index{main.tex}. Pour cela, commentez et décommentez les lignes présentées dans le code \ref{listing:optiondraft} pour que suivant les cas seule la ligne comprenant l'option draft soit activée (décommentée), ou désactivée (commentée). Attention, seule une ligne peut être décommentée.
\begin{lstlisting}[float,caption={L'option draft},label={listing:optiondraft}] \og En nous renseignant sur les constellations que nous avions représentées, nous avons eu l’idée de rendre notre projet plus interactif, et d’y ajouter une simple animation, qui permettrait d’en apprendre plus sur l’histoire de ces constellations. Pour ce faire, nous avons décidé d’utiliser le programme Scratch, qui nous a permis d’animer la carte avec des informations.\fg{}
\documentclass[12pt,a4paper,idxtotoc,bibtotoc,francais,titlepage,twoside,openright,draft]{book}
%\documentclass[12pt,a4paper,idxtotoc,bibtotoc,francais,titlepage,twoside,openright]{book} \rule{0.32\textwidth}{0.1mm}
\end{lstlisting}
\medskip
Le logiciel libre \emph{Skychart} a été utilisé pour récupérer une carte svg du ciel. Puis, \og nous avons découvert que le programme GIMP, qui permet la manipulation d’images, possédait une fonction de sélection de couleur, pour pouvoir ensuite la passer vers un canal alpha, qui rend la couleur choisie transparente. Avec nos dessins ainsi formatés, nous avons pu les importer sur le document Inkscape contenant le bout de carte Sky chart et les placer sur leur constellation respective tout en ayant la forme de ces dernières en fond.\fg{}
Importer la carte comme fond du programme permettant de faire apparaître des bulles interactives ne fut pas simple. Mais le plus informatif était là.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{carteciel}
\caption{Ciel, mes constellations !}
\end{sidewaysfigure}
\newpage
%%%% Kaïla et Lou %%%%
\begin{sidewaysfigure}
% Le texte
\section{Ganymède}
\subsection*{Kaïla et Lou}
\begin{multicols}{3}
\og D’un point de vue géographique notre carte comporte un sens caché \dots{} peut-être les adeptes d’astrologie remarqueront-ils cette subtilité ? Effectivement, elle renferme en son sein la constellation du Verseau, signe d’eau, d’où notre idée d’îles entourées d’une mer infinie.
Pour justifier ce choix nous allons être honnêtes, cherchant l’inspiration nous sommes tombées dans les tréfonds d’internet ; les étoiles.
Comparant les constellations des différents signes du zodiaque nous avons été profondément touchées par l’esthétisme de celle-ci. Trouvant l’aspect de constellation intéressant pour son lien avec la mythologie et en particulier la géographie céleste cela nous a confortées dans notre choix.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous nous sommes alors munies, dans un premier temps, d’une feuille cartonnée A3 beige, d’une plume et d’encre noire. Nous avons d’abord esquissé les contours des îles au crayon papier, puis nous avons repassé soigneusement chaque trait à l’encre. \fg{}
\smallskip
\begin{center}
\includegraphics[scale=0.6]{GanymedeEncre}
\end{center}
\og nous avons, dans un second temps, utilisé un encreur bleu afin d’inscrire nos empreintes digitales de part et d’autre Encrage de la carte de la carte, comme si celle-ci était passée entre les mains de nombreuses générations. Nous avons ensuite versé du café dessus et l’avons marqué des empreintes de la tasse. Finalement, notre touche finale a été de brûler les bords du papier à l’aide d’un briquet allume bougie. Et voilà, notre carte, seulement vieille de quelques semaines, paraissait renfermer les secrets de
plusieurs cartographes ayant visité l’archipel de Ganymède au fil des siècles.\fg{}
\smallskip
\includegraphics[scale=0.85]{GanymedeFeu}
Le rendu final est une carte interactive fournie sur Scratch avec des \og bulles noires \fg{} d'informations.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{GanymedeBulle}
\caption{Carte de Ganymède.}
\end{sidewaysfigure}
\newpage
%%%%% Margaux et Shanel %%%%
\begin{sidewaysfigure}
% Le texte
\section{Merveilles de La Chaux-de-Fonds}
\subsection*{Margaux et Shanel}
\begin{multicols}{3}
\og Étant toutes deux des étudiantes au lycée Blaise-Cendrars, il va de soi que la ville que nous fréquentons et connaissons le mieux est La Chaux-de-Fonds. Dans le cadre d’un projet d’informatique, nous avons décidé de la mettre à la lumière en référençant ses meilleurs points d’intérêt de notre point de vue d’étudiantes. Voilà pourquoi la carte que nous avons décidé de créer s’intitule ; \og Best places in CDF \fg{}\fg
\medskip
\og Nous avons sélectionné vingt endroits pour lesquels nous avons dessiné une icône chacun que nous avons intégré à la carte par la suite, ce qui fut la tache la plus complexe de ce travail. Nous voulions donner un côté créatif et plus divertissant à notre projet, ces créations nous aurons pris environ deux semaines à achever, toutes étant inspirées d’images trouvées sur internet. Dans cette même optique nous avons rédigé, sur le même document LibreOffice que celui précédemment cité, un texte pour chaque point d’intérêt que nous avons intégré à notre carte, pour lui donner un côté ludique.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og La spécialité [d'Umap] est qu’il est libre de droit, et que par conséquent il permet à n’importe quel utilisateur de créer et modifier des cartes de la façon désirée.\fg{}
\smallskip
\og U-map nous aura servi de base pour notre projet, nous avons sélectionné une carte déjà
cartographiée de la Chaux-de-Fonds pour pouvoir la retravailler à notre guise, ce qui nous aura permis de découvrir de nombreuses fonctionnalités du site. La première étape fut de positionner tous nos points d’intérêt qui avaient d’abord une apparence simpliste.\fg{}
\smallskip
\begin{center}
\includegraphics[scale=0.17]{BeauxArts}
\end{center}
\og Continuant d’ajouter de petits détails qui donnent son originalité à notre carte, nous avons décidé d’ajouter quelques liens pour certains endroits afin de pouvoir être directement redirigé vers un site officiel comme par exemple le Musée des Beaux-Arts. Nous n’avons pas pu faire ça pour chaque endroit évidemment, car certains ne possèdent pas de sites conçus à leur effigie.\fg
\smallskip
\begin{center}
\includegraphics[scale=0.16]{BeauxArts2}
\end{center}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{MerveillesChx}
\caption{Les merveilles de la Chaux-de-Fonds\label{carte:merveilleschxfds}.\\\url{https://umap.openstreetmap.fr/fr/map/cdf-sous-un-nouveau-jour\_828594\#14/47.1016/6.8283}}
\end{sidewaysfigure}
\newpage
%%%% Noah et Mattia %%%%
\begin{sidewaysfigure}
% Le texte
\section{Orientations politiques}\label{para:orientationspolitiques}
\subsection*{Noah et Mattia}
\begin{multicols}{3}
\og Pour ce projet, nous avons choisi de créer une carte géopolitique du monde montrant les orientations politiques actuelles des leaders des pays.\fg
\smallskip
\begin{center}
\includegraphics[scale=0.35]{LeadersPolitiquesMondeLegende}
\end{center}
\og On peut remarquer que beaucoup de dictatures son présentes en Asie centrale. Nous pouvons remarquer que les dictatures gardent leur pouvoir grâce à différentes manières, la plupart malhonnêtes et pas éthiques. Premièrement, internet est éteint durant les protestations, élections ou conflits dans ces pays, pour empêcher le peuple de se révolter, ce qui est une atteinte à la liberté d’expression, un des droits fondamentaux humains. En général, la censure est beaucoup utilisée par les dictateurs dans ces pays. Elle peut se manifester à travers des lois surtout, mais aussi à l’aide de l’intimidation ou menace. La propagande est aussi utilisée par l’état, pour inciter la désinformation. Finalement, la surveillance de masse est aussi utilisée, en Chine par exemple, pour contrôler les citoyens et punir les potentiels opposants au régime. \fg{}
\medskip
\rule{0.32\textwidth}{0.1mm}
\medskip
Essentiellement, le logiciel QGIS a été utilisé pour récupérer les frontières des pays.
\og Nous avons aussi utilisé le site NaturalEarthdata.com, permettant d’obtenir une carte sous forme shp, à différentes échelles, dans notre cas nous avons choisi l’échelle la plus vaste, la moins précise.\fg{}
\og Aussi, un autre problème que nous avons rencontré était que les bordures des pays étaient affichées de couleurs différentes que ceux-ci, ce qui n’était pas esthétique, voir image ci-dessus. Le problème venait du fait que les bordures était réglées sur un remplissage dégradé. Nous avons résolu ce problème avec succès, en mettant un remplissage de type normal.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{LeadersPolitiquesMonde}
\caption{Tendances politiques des leaders du monde.}
\end{sidewaysfigure}
\newpage
%%%% Robin et Leny %%%%
\begin{sidewaysfigure}
% Le texte
\section{Panomatricks à l'Hôpital}
\subsection*{Robin et Leny}
\begin{multicols}{3}
\og Premièrement, nous avions choisi de faire une carte en forme de Yin Yang pour symboliser notre amitié car, selon nous, nos deux personnalités relativement bien différentes l’une de l’autre se complètent très bien. Nous avons très vite réalisé qu’il était possible de trouver une encore meilleure signification à cette forme. Certes, celle-ci va vous paraître bien moins sentimentale mais nous sommes tous fortement concernés par la situation dans laquelle nous vivons sur le plan écologique. Nous avons donc décidé de transmettre un message à travers notre carte.\fg
\og En-dessus du village il y a un lac [\dots] Le fait que ce lac soit seul et en pleine santé surtout, au Nord-Est de la carte reflète pour nous à quel point la solitude peut parfois faire du bien, cela peut permettre aux gens de se retrouver avec eux-mêmes, se recentrer sur leurs objectifs.\fg{}
\og Passons maintenant au côté gauche de la carte, celui-ci est basé sur un thème moderne, il est majoritairement composé de bâtiments tous identiques ou très similaires, tous rassemblés dans un cadre bien droit, sérieux qui selon nous n’aide pas les gens à trouver une personnalité qui est la leur, une personnalité originale qui n’est pas forcément basée sur des critères que la société impose.\fg{}
\medskip
\og Finalement, nous avons décidé d’ajouter un pont qui relie les deux îles présentes sur notre carte pour montrer les similarités que nous pouvons relever entre le passé et les époques durant lesquelles nos ancêtres ont eu la chance de vivre et la nôtre. Ce pont est la touche finale pour encore une fois renforcer notre avis et montrer que le passé que nous imaginons et qui nous est enseigné dans des représentations cinématographiques ou même dans le cadre de cours était plus appréciable que le monde dans lequel nous vivons actuellement. Ce pont se dégrade au fil du temps, plus il s’approche de l’île de la modernité plus il se casse. Le pont représente un fil chronologique, une ellipse qui joint le passé médiéval que nous avons imaginé et notre époque.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons fini par choisir de réaliser notre projet sur le logiciel Inkscape car celui-ci était le logiciel parfait pour ce que nous voulions faire [\dots]\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Panomatrix}
\caption{Un Ying - Yang cartographique}
\end{sidewaysfigure}
\newpage
%%%% Hayden et Louise %%%%
\begin{sidewaysfigure}
% Le texte
\section{Ménhirs de Bretagne}
\subsection*{Louise et Hayden}
\begin{multicols}{3}
\og Premièrement, pour la réalisation de ce projet de cartographie libre dans le cadre de notre cours de DF Informatique, nous avons souhaité nous orienter vers la Bretagne, région de France que nous trouvons particulièrement magnifique et pour laquelle nous portons un grand intérêt. Nous hésitions entre deux options possibles : une carte de la Bretagne cartographiée de manière fantastique, dans l’idée d’une carte stylisée et artistique ou alors nous tourner vers un élément folklorique et marquant dans l’histoire de cette région : les menhirs. Après longue réflexion, nous avons opté pour la deuxième option en raison de l’histoire cachée derrière les menhirs que beaucoup de gens ignorent et également afin de pouvoir aider d’éventuels touristes à pouvoir localiser et visiter ces menhirs. Il était aussi question d’avoir la possibilité d’en découvrir plus sur l’histoire de ces monuments mystiques via notre carte.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons tout d’abord tenté de localiser et cartographier nos menhirs avec deux logiciels de dessin : Inkscape et Krita. Sur ces logiciels, nous avons placé une carte vierge libre de droit tirée du Web sur laquelle nous avons essayé de placer des points représentant les menhirs le plus justement possible en nous référant à une carte déjà existante trouvée sur Internet. Les points étant placé à l’\oe il, le travail était laborieux a effectuer et d’une imprécision totale.
Par la suite, nous avons opté pour l’utilisation du site Umap [\dots]. L’idée étant de créer une carte interactive et de classer des informations concernant chaque menhir, ce logiciel a été très efficace grâce à la précision dont nous avons pu faire preuve. Nous avons recherché ces monuments déjà cartographiés sur la carte, puis nous y avons rajouté des points nommant les menhirs ainsi que des informations historiques supplémentaires. La découverte de ce logiciel jusqu’alors jamais utilisé pour aucun de nos précédents travaux a été une expérience très enrichissante. Facile d’utilisation, et parfait pour la création de notre carte regroupant des informations, nous avons pu aisément faire coïncider ces dernières avec précision, ainsi qu’agrémenter nos propos d’images et de liens extérieurs.\fg
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Menhirs}
\caption{Ménihrs de Bretagne\label{carte:menihrsbretagne}.\\\url{https://umap.openstreetmap.fr/fr/map/menhirs-de-bretagne\_831557\#8/48.329/-1.467}}
\end{sidewaysfigure}
\newpage
%%%% Zélie et Aurelia %%%%
\begin{sidewaysfigure}
% Le texte
\section{Le corps humain}
\subsection*{Zélie et Aurelia}
\begin{multicols}{3}
\og Pour ce faire, nous avons eu l’idée de représenter le corps humain et ses différents systèmes lui permettant son bon fonctionnement. Nous souhaitions réaliser une carte dynamique, une petite vidéo passant d’une carte à l’autre montrant les informations de façon ludique et dynamique. Notre présentation s’adresse principalement aux enfants.\fg
\medskip
\og Nous ne pensons pas avoir révolutionné le domaine de la cartographie, car ce genre d’animation se trouvent de plus en plus. En revanche, le fait d’utiliser ce programme dans le cadre de l’école pourrait influencer la vision que l’on peut avoir de l’association de la technologie, de la géographie et de l’art. L’expansion grandissante de l’art digital pourrait grâce à des cartes comme la nôtre rejoindre les bancs des écoles en apportant une autre façon d’enseigner plus ludique.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous ne voulions pas faire qu’une seule carte, afin d’en créer plusieurs et de les animer, il nous fallait un programme simple à utiliser et accessible. La meilleure option pour la réalisation de notre idée était ce logiciel [Procreate] que l’une d’entre nous avait déjà téléchargé depuis longtemps. Nous avions alors quelques connaissances ainsi qu’un support apporté par le logiciel.\fg{}
\medskip
\og [\dots] l’étape suivante : la musculature. Nous avons dessiné des muscles à l’intérieur de la silhouette de manière à ce qu’ils puissent se contracter, comme si notre personnage montrait sa force. Puis nous avons procédé de la même façon pour le reste des systèmes, en dessinant à chaque fois le système et en introduisant une petite animation pour montrer sa fonction. [\dots] Le dessin a aussi été un enjeu important, n’étant pas notre matière de prédilection, certains éléments formant l’anatomie de notre personnage, se sont avérés plus compliqués à réaliser surtout pour un minimum de réalisme dans l’articulation des actions et des mouvements.\fg{}
\smallskip
Le résultat est une animation présentant plusieurs cartes de l'intérieur du corps humain.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=0.8\textwidth]{corps}
\caption{Carte corporelle}
\end{sidewaysfigure}
\newpage
%%%% Olivia et Esteban %%%%
\begin{sidewaysfigure}
% Le texte
\section{De la Pangée à nos jours}
\subsection*{Olivia et Esteban}
\begin{multicols}{3}
\og Au bout d’une période, la Pangée nous est venue à l’esprit. Nous vous présentons donc une animation de la position des continents depuis la Pangée jusqu’à nos jours avec l’outil PowerPoint, sous forme de vidéo.\fg
\medskip
\og Nous avons cherché des cartes de la Pangée sur Wiki Commons, afin d’être sûrs que ces images étaient libres de droit. Nous avons tout de même vérifié sur des sites « plus scientifiques » que celle que nous avons sélectionnée ne montrait pas d’incohérences. Nous tenons à préciser qu’il existe beaucoup de cartes différentes sur la Pangée car, par exemple, elles ne partent pas toutes depuis la même date et ne prennent pas toutes en
compte l’Antarctique.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons utilisé la transition « morphose » et le logiciel s’occupait de fluidifier les déplacements des différentes formes. Nous avions juste à changer légèrement leurs positions et leurs formes à chaque nouvelle diapositive pour que le mouvement soit fluide. Au fur et à mesure des diapositives, les continents devaient de plus en plus ressembler à ceux que nous connaissons aujourd’hui.\fg{}
\og Ce travail nous a permis de développer nos compétences techniques et graphiques en PowerPoint. Nous sommes actuellement en mesure d’utiliser une collection d’outils plus large. De plus, nous avons appris que le temps nécessaire pour obtenir des animations complexes sur PowerPoint réussies est bien plus long que ce que l’on imaginait.\fg{}
Relevons que la qualité du rendu est liée à l'utilisation du logiciel propriétaire, payant et non multi-plateforme Power Point.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{pangee}
\caption{De la Pangée à nos jours.}
\end{sidewaysfigure}
\newpage
%\onecolumn % ATTENTION, ne pas supprimer
%%%% Jocelyne et Vincent %%%%
\begin{sidewaysfigure}
% Le texte
\section{Parc d'attractions des rêves\label{par:parcdattractiondesreves}}
\subsection*{Jocelyne et Vincent}
\begin{multicols}{3}
\begin{quotation}
\textit{\og Notre projet n'est pas vraiment de la cartographie puisqu'il s'agit d'un parc imaginaire. Une vraie carte doit se baser sur la réalité. \fg{}}
\end{quotation}
\og Notre idée est de concevoir, tels des architectes, un parc d'attractions imaginaire,
fictionnel, "idéal", avec des attractions/manèges repris de différents parcs
d'attractions existants (Europa-park, Disneyland...). La carte sera comme vue du ciel.
Elle est conçue pour pouvoir être lue par des enfants, elle s’apparente au plan qu’on
donne aux visiteurs au début de la visite.
Le parc d'attractions se compose de deux "îles", deux zones, représentant différents
"climats": En bas se trouve une zone "basses terres". Celle-ci, bien sûr boisée, sera
également au bord de l'eau, mais le rivage sera aménagé tout différemment, plus
dans l'idée d'un lac de montagne. La deuxième zone, en haut, sera une zone
"montagne". Elle sera située un peu en altitude, on pourra y accéder par un
téléphérique depuis l’autre zone.
Les deux zones seront séparées, on pourra se déplacer de l'une à l'autre par des
sentiers pédestres, ou par différents moyens de transport: téléphérique, ascenseur.
De nombreux espaces de restauration sont prévus dans chaque zone, de même que
des espaces de détente, des bancs, etc. \fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons commencé par dessiner la carte à la main, au crayon de papier, sur des
feuilles de papier format A3. Puis nous avons scanné la carte, afin de pouvoir ajouter
des couleurs, la rendre plus visuelle, la retravailler, à l'aide du logiciel Sketchbook. \fg
\end{multicols}
\og \textbf{Les cartes \og si \fg} Pourtant la carte peut vouloir autre chose. Et pourquoi pas l'impossible ? Si elle se jouait de la réalité elle-même ? Là où les cartes imaginaires nous invitent à l'évasion, à la rêverie, au fantastique, certaines cartes fictionnelles proposent plutôt un monde souhaité, idéal, celui qu'on aimerait voir mis en \oe uvre.\fg{} \cite[p. 116]{Zwer}
%\vspace*{7cm}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{ParcAttraction}
\caption{Un parc d'attraction imaginaire.}
\end{sidewaysfigure}
\newpage
%%%% Mathilde et Hélène%%%%
\begin{sidewaysfigure}
% Le texte
\section{Pollutions océaniques}\label{para:pollutionsoceaniques}
\subsection*{Mathilde et Hélène}
\begin{multicols}{3}
\og Notre projet consiste en la création d’une carte des océans indiquant la pollution plastique et pétrolière de ceux-ci. Nous avons créé une carte du monde interactive sur le site uMap qui précise diverses informations sur la pollution plastique et la pollution pétrolière, mais qui montre aussi les innovations et les projets permettant d’améliorer la situation.
La carte indique donc les 5 gyres de plastiques, c’est-à-dire des tourbillons d’eau où le plastique s’accumule, ainsi que différents navires pétroliers qui ont fait naufrage, pour la plupart entre 2022 et aujourd’hui. Elle présente également différents projets qui sont mis en œuvre pour nettoyer les océans. Lorsque l’on clique sur l’une des icônes, des informations, générales ou parfois plus précises, et différentes photos, s’affichent. Le but de cette carte est de sensibiliser, ou du moins informer les gens sur ce que représente réellement la pollution plastique et pétrolière, une problématique dont nous ne sommes pas les premières victimes \dots\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og uMap permet de choisir plusieurs fonds de carte du monde, notre choix s’est porté sur le fond « OSM Watercolor (Stamen) », car les océans sont représentés dans un bleu très voyant, mettant en valeur notre sujet.
Ensuite, après le choix du type de carte, nous avons utilisé la fonction « ajouter un marqueur », que l’on trouve en activant l’édition en haut à droite (émoticône d’un crayon). Cette fonction nous a permis de placer sur la carte les emplacements des bateaux pétroliers, les projets de nettoyage des océans et les gyres. uMap permet ensuite de nommer les marqueurs, de changer leurs formes et leurs couleurs, ainsi que d’ajouter des descriptifs et photos pour les décrire.
Nous avons également utilisé la fonction « dessiner un polygone », qui nous a permis de délimiter les zones de gyres, ce qui était nécessaire vu leur grandeur. Malheureusement, créer des cercles sur uMap est une chose impossible. Nous avons dû nous résigner à utiliser la fonction « dessiner un polygone » et tracer nos cercles de façon très
approximative, ce qui se remarque assez facilement.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Pollutions}
\caption{Carte des pollutions océaniques\label{carte:pollutionoceanique}.\\\url{http://u.osmfr.org/m/888913/}}
\end{sidewaysfigure}
\newpage
%%%% Alessia et Clara %%%%
\begin{sidewaysfigure}
% Le texte
\section{LBC cursus}
\subsection*{Maria Clara et Alessia}
\begin{multicols}{3}
\og En tant que lycéennes en plein milieu de notre cursus, nous avons récemment commencé à
avoir un regard rétrospectif sur ces deux dernières années ainsi qu’un regard plus général
sur l’ensemble de ce parcours. De ce fait, nous avons constaté, grâce à diverses discussions avec d’autres camarades du lycée, que certains moments marquent ce parcours plus que d’autres. Cette carte découle d’une envie de représenter ce chemin académique de façon réaliste et plus proche des élèves que des brochures d’informations, en démontrant non seulement des faits mais aussi des ressentis et des émotions présentes au long de ces
années.\fg
\medskip
\og Pour ce faire, nous avons décidé de créer une carte regroupant les trois années grâce à un
diagramme de Venn, dans lequel chaque ellipse représente une année. Chaque ellipse, ayant
une couleur différentes associée à l’année qu’elle représente. Ceci contribue à établir
différents ensembles interannuels permettant de voir facilement ce qui appartient à quoi.
Ensuite, nous avons recréer et filmer certains moments du cursus pour lesquels nous avons
écrit une définition subjective, que l’on peut ouvrir au moyen de bulles interactives
disposées selon les années sur la carte.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Tout d’abord, la première étape était de créer le diagramme de Venn. Pour ceci, nous avons utilisé le logiciel Inkscape, un logiciel vectoriel qui nous permet de concevoir des ellipses de la taille et de la couleur de notre choix. Sur ce même diagramme nous avons placé les légendes, le tire ainsi que les bulles colorées. Ensuite, nous avons enregistré ce fond en fichier svg. Nous y reviendrons plus tard. La deuxième étape était de filmer les vidéos. Pour ce faire, nous avons tourné à l’aide de deux iPhone 11. Chaque vidéo faisant environ neuf secondes.\fg{}
\og [Pour lancer les vidéos] nous allons rendre la carte interactive en faisant clic droit sur chaque bulle de façon à que la rubrique Create Link puisse être utilisée sur cette dernière, nous avons placé le lien : window.open("https://inkscape.org","\_blank"); dans lequel nous avons remplacé https://inkscape.org par le nom de nos vidéos. Ce processus a été fait 19 fois, pour chaque bulle.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Videos}
\caption{Carte, logiciel et vidéo}
\end{sidewaysfigure}
\newpage
%%%% Florane et Kelyan %%%%
\begin{sidewaysfigure}
% Le texte
\section{Comédies musicales}
\subsection*{Florane et Kelyan}
\begin{multicols}{3}
\og Tous deux dans le monde artistique, nous possédons une passion commune : La Comédie Musicale. La première idée qui nous est venue à l’esprit, concernant cette proposition, a été de choisir 20 spectacles et d’en répertorier les tournées mondiales officielles. Nos choix étaient constitués des comédies musicales suivantes~: West Side Story, The Phantom of the Opera, The Lion King, Les Misérables, Wicked, Moulin Rouge ! et Hamilton.\fg
\og Ce travail a été intéressant à réaliser car nous nous sommes rendus compte que les tournées ne se déroulaient principalement qu’en Amérique du Nord, Oceanie, Europe Occidentale et quelques grands pays d’Asie tel le Japon, la Chine ou la Corée du Sud. Mais aucune tournée ne passe ni par l’Afrique ni par l’Amérique du Sud. Et ça c’est bien dommage.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Notre carte a été réalisée sur le logiciel de cartographie uMap. Nous avons établi un code couleur pour chacune des comédies musicales. Pour chaque spectacle, nous avons choisi une citation célèbre de la comédie musicale en question, que nous avons inscrite dans la carte.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Comedies}
\caption{Comédies musicales mondiales\label{carte:comediesmusicales}.\\\url{https://umap.openstreetmap.fr/fr/map/les-comedies-musicales\_892510\#2/36.7/29.5}}
\end{sidewaysfigure}
\newpage
%%%% Edgar et John %%%%
\begin{sidewaysfigure}
% Le texte
\section{Cartographie sur un orchestre symphonique}
\subsection*{Edgar et John}
\begin{multicols}{3}
\og La cartographie d'un orchestre symphonique permet de visualiser la disposition spatiale des musiciens sur scène. Cela permet non seulement aux auditeurs de mieux comprendre la configuration de l'orchestre, mais aussi aux musiciens de s'orienter et de se positionner correctement pour une performance optimale. En connaissant l'emplacement de chaque musicien et de chaque section instrumentale, il est plus facile de coordonner les mouvements et les interactions entre les membres de l'orchestre. Ainsi la disposition des musiciens dans un orchestre symphonique a un impact direct sur l'acoustique de la salle de concert. En cartographiant l'orchestre, il est possible de prendre en compte les caractéristiques acoustiques de la salle et d'optimiser la disposition des musiciens en conséquence. Cela permet d'obtenir un meilleur équilibre sonore, une meilleure projection sonore et une meilleure fusion des différents pupitres instrumentaux.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons choisi de faire notre carte sur Powerpoint mais pas par souci de facilité. Créer une carte sur PowerPoint peut être extrêmement utile dans de nombreuses situations. [\dots] En résumé, réaliser notre carte sur PowerPoint nous a donné de nombreux avantages, notamment une visualisation claire des informations que nous voulions mettre en avant, une communication visuelle efficace et une personnalisation de notre carte. Nous avons pu faire la carte que nous souhaitions sur un logiciel que nous connaissons bien et que nous savons utiliser.\fg{}
\og Tout est important. On aurait pu envisager faire une deuxième partie dans notre carte sur la géographie de la salle. Avec ses murs, ses sièges mais aussi avec le pris des places suivant leur emplacement.\fg{}
Relevons que la qualité du rendu est liée à l'utilisation du logiciel propriétaire, payant et non multi-plateforme Power Point.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Orchestre}
\caption{Un orchestre cartographié.}
\end{sidewaysfigure}
\newpage
%%%% Manon et Louis %%%%
\begin{sidewaysfigure}
% Le texte
\section{Voyage au Tadjikistan}
\subsection*{Manon et Louis}
\begin{multicols}{3}
\og Le Tadjikistan peut apparaître comme un choix particulier. C’est un petit pays, souvent oublié, et il paraît compliqué au premier regard de créer un projet intéressant là-bas. Notre défi était donc de faire découvrir une culture éloignée et inconnue, en la respectant, et de la rendre intéressante au yeux de lycéens suisses.
Nous avons décidés de sortit des trajets touristiques afin de créer quelque chose de plus véritable, en se rapprochant des autochtones. Le Tadjikistan est un pays très montagneux, relativement pauvre , et donc très peu cartographié. Cela a donc représenté en grand enjeu de notre travail. Malgré ça, il regorge d’une diversité culturelle et de magnifiques paysages, vous aurez l’occasion de les voir sur notre carte.\fg
\medskip
\og La première chose a souligné est le manque de représentation des routes sur les cartes auxquelles nous avons accès sur internet. Les routes montagneuses sont souvent très petite, et n’apparaissent par exemple pas sur Google maps. Parfois, après avoir trouvé l’endroit d’une attraction touristique, nous avons du dessiner les routes uniquement grâce à une photo. Cela est un travail considérable et entache donc à la précision de notre travail. Nous sommes tout de même satisfaits, car avec beaucoup d’application, nous sommes arrivés à un projet relativement complet.
Le deuxième point, c’est le manque d’activités touristiques, ou du moins d’activités touristiques répertoriées.En effet, la majorités des attractions sont desservables sur place. Il a donc fallu beaucoup de recherches. Nous nous étions mis la contrainte de suivre les envies de nos camarades, en leur demandant les activités qui les intéressaient. Nous sommes donc passés tantôt d’un hôtel de luxe à une nuit chez l’habitant, tantôt d’une sortie escalade à un concert au conservatoire national du Tadjikistan.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avions besoin d’un carte déjà conçue sur laquelle nous allions poser des éléments qui nous intéressaient. Un logiciel libre serait la meilleure option et donc notre choix s’est porté sur Open Street Map [Ndr Umap]. Nous avons choisi la carte du logiciel qui affichait les routes et nous avons posé les points avec les informations trouvées sur Google (images, noms de lieux, informations complémentaires). Nous sous sommes servis du système de couches et de couleurs pour en attribuer une pour chaque élève. Plus une couche pour les routes tracées avec le système de vecteurs dans une couleur à part. Ensuite nous avons implémenté des images dans les points avec la fonction activer cliquant.\fg{}
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{Voyage}
\caption{Voyage au Tadjikistan\label{carte:voyagetedjikistan}.\\\url{https://umap.openstreetmap.fr/fr/map/projet-tadji\_881939\#7/38.947/433.828}}
\end{sidewaysfigure}
\newpage
%%%% Mathilde, Margaux et Nathanael %%%%
\begin{sidewaysfigure}
% Le texte
\section{Niveaux de vie}\label{para:niveauxdevie}
\subsection*{Mathilde, Margaux et Nathanael}
\begin{multicols}{3}
\og Mais qu’est-ce ces 4 niveaux de vie ? Pour le comprendre il faut se plonger dans le livre du médecin conférencier Hans Rosling, Factfulness. Dans ce livre, Hans Rosling par du constat que notre vision du monde est biaisée par des instincts qui trompent nos analyses. Selon lui, nous avons tendance à toujours imaginer que le monde va de pire en pire, alors qu’en réalité, même s’il n’est pas parfait, il va de mieux en mieux. Pour appuyer ses propos, Hans Rosling se base sur plusieurs principes qu’il va réutiliser à chaque chapitre. Dans ces principes il y a les 4 niveaux de vie.\fg
\medskip
\og Il se trouve que dans le livre d’Hans Rosling, il y a une myriade de graphiques, statistiques en tout genre, mais il n’y que très peu de carte. En l’occurrence, il n’y en a pas pour les 4 niveaux. Par ce constat, nous avions pensé qu’il serait bon de mettre sous forme cartographique les pays et leurs différents niveaux, à l’aide d’un code couleur, pour mieux visualiser les propos de Rosling.\fg{}
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Nous avons, durant ce travail, rencontrés plusieurs problèmes. Voici les deux principaux~:
Le premier a été de comprendre comment changer les couleurs, le tout a été fait dans un
tableau ou chaque pays de la carte avait plusieurs réglages.
Le second a été de pouvoir prendre les informations nécessaires pour créer, grâce au logiciel, les explications des couleurs. Pour se faire, nous avons dû supprimer pratiquement tout ce qui se trouvait dans le tableau des attributs, sauf une colonne, que nous avons sélectionné pour la copier dans une fonction qui crée des légendes.\fg{}
Malheureusement, alors que QGIS est capable d'un export de qualité, celui-ci s'est fait par une simple capture d'écran, réduisant la qualité de la carte présentée.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{NiveauxVie}
\caption{Les différents niveaux de vie.}
\end{sidewaysfigure}
\newpage
%%%% Diane et Meike %%%%
\begin{sidewaysfigure}
% Le texte
\section{Maison de rêve}
\subsection*{Diane et Meike}
\begin{multicols}{3}
\og Une carte métaphoriquement~:
Notre projet est différent d’une carte normale car ; il n’a pas de légende, C’est un plan en trois dimensions et, le plus important, une carte est une représentation du réel alors que notre plan représente une maison imaginée. C’est dans l’utilité que notre projet devient une carte. Car une des utilités d’une carte, est de trouver son chemin, en évitant les obstacles, pour arriver à destination et notre carte représente la destination comme motivation. Notre projet sert de lumière dans le chemin qu’est notre vie, pour se
battre, pour arriver à un objectif ; réussir à faire bâtir notre maison.
Une carte de par sa précision~:
Notre plan 3D est une carte avec les informations de mesures des pièces, de leurs nombres et de leurs formes et les différents matériaux sont tous choisis. La précision du plan est un attrait qui vient de la cartographie. Nos motivations étaient de créer quelque chose de différent et qui transporte nos identités avec. C’est pour cela que nous n’avons pas fait une carte répertoriant quelque chose qui n’avait pas de sens pour nous. Nous voulons montrer un avenir possible et serein à travers une maison simple et pratique. Notre maison est un symbole de futur désirable dans des temps incertains.\fg
\rule{0.32\textwidth}{0.1mm}
\medskip
\og Le second logiciel home by me nous a convaincues pour plusieurs raisons. La raison la plus importante, c’est qu’en tant que logiciel vectoriel paramétrique nous pouvions choisir toutes les mesures et modifier tous les objets facilement. Mais surtout le logiciel était simple d’utilisation, pratique et totalement gratuit. Tous les objets que nous avons mis sont des objets réels dans le commerce, ce qui rajoute une touche de réalisme. Nous avons donc avancé et terminé sans aucun problème notre projet avec le logiciel Home by me.\fg{}
Relevons que Home by me est un logiciel propriétaire dont les fonctionnalités ne sont pas gratuites. Il appartient à Dassaut Systems et sans accepter ses cookies, il ne fonctionne pas correctement. Son équivalent libre, Sweet Home 3D est lui exempt de ces défauts.
\end{multicols}
\end{sidewaysfigure}
\newpage
\begin{sidewaysfigure}
% La carte
\includegraphics[width=\textwidth]{MaisonReve}
\caption{Une maison de rêve.\\\url{https://home.by.me/fr/project/meike.vanewijk-2081/maison-de-reve}}
\end{sidewaysfigure}
\newpage
%%%%% Prénoms %%%%
%\begin{sidewaysfigure}
%% Le texte
%\section{titre}
%\subsection*{Prénoms et noms}
%\begin{multicols}{3}
%\og \fg
%
%\medskip
%\og \fg{}
%
%\rule{0.32\textwidth}{0.1mm}
%
%\medskip
%
%\og \fg{}
%
%
%\end{multicols}
%\end{sidewaysfigure}
%\newpage
%\begin{sidewaysfigure}
%% La carte
% \includegraphics[width=\textwidth]{image}
%\caption{Légende}
%\end{sidewaysfigure}
\twocolumn

501
chapitres/chapter3.tex
View File

@ -1,481 +1,82 @@
\chapter{Les outils spécifiques}\label{outils_specifiques}\index{outils spécifiques} \chapter{Développements}\label{developpements}\index{outils spécifiques}
\section{Le texte} Cet atelier de cartographie et informatique appelle de multiples remarques dont voici les principales.
\subsection{Généralités} \section{Investissement}
Il n'est pas question de faire un cours sur \LaTeX. Vous pouvez trouver avec \cite{Mittelbach}, \cite{Desgraupes} ou \cite{Rolland} des livres de référence de très bon niveau et avec \cite{wEdTM}, \cite{wToutLatex} ou \cite{wUneCourteIntro} des sites fournissant des ouvrages en PDF qui vous permettrons d'approfondir simplement le sujet. N'oubliez pas non plus l'aide que peuvent vous fournir vos professeurs.
Tout d'abord, il faut relever une bonne mobilisation des élèves dans la construction des cartes. On peut dire que la raison de cet investissement a tenu dans la liberté de choisir leur sujet. En effet, ils ont ainsi pu exprimer leur propres préoccupations.
Malheureusement, il faut aussi remarquer que les sujets choisis pouvaient soit mal se prêter à la représentation cartographique, soit permettre de détourner le travail cartographique lui-même au profit de techniques déjà maîtrisées par les étudiants sur lesquelles ceux-ci vont se focaliser en minimisant l'importance de leur carte. Ainsi, le recours à la vidéo, le recours à PowerPoint pour préparer une présentation orale et même le recours au texte dans le cas des comédies musicales ou des cartes de points d'intérêt.
Si la création de cartes passe nécessairement par l'utilisation de contenu qu'il faut parfois créer par soi-même, à l'instar de la pertinence du choix des informations à présenter sur une carte, il est nécessaire de parvenir à un juste équilibre entre le travail portant sur le contenu et celui relatif à la représentation spatiale de celui-ci. On peut regretter par exemple un gros travail de représentation de l'évolution des continents au détriment d'une nécessaire légende chronologique.
Il faut reconnaître cependant la difficulté de beaucoup de jeunes à anticiper les problèmes informatiques. En voyant ainsi trop grand, il perdent de vue des éléments qui sont pour eux au départ secondaires, mais qui manquent finalement.
\smallskip \smallskip
On se contentera donc de rappeler ici quelques règles de base qui permettrons à chacun de s'en sortir sans trop de difficultés. Une autre tendance est au rejet de la complexité. Dès qu'un logiciel présente de la complexité, il est simplement déclaré mauvais et soit on en change au profit d'un autre qu'il faut réapprendre, soit il devient la raison de mauvais résultats. On pouvais reprocher autrefois à son crayon d'être le mauvais outil pour éviter d'avoir à se reprocher sa mauvaise utilisation. Aujourd'hui, il en est de même avec les logiciels dont l'utilisation ne va pas immédiatement de soi.
La qualité des travaux tient donc finalement dans la pugnacité nécessaire pour parvenir au but, dans le choix des sujets et dans une bonne perception des différentes étapes nécessaires pour parvenir au but dans un temps donné.
\section{Connaissances}
Les étudiants de ce cours de cartographie et informatique avaient préalablement suivi un cours de d'informatique générale. Diverses notions comme les communications, la sécurité, les bases de données, les types de fichiers et la programmation des logiciels ont été abordées à l'occasion de ce premier cours.
Ce cours a été utile essentiellement en ce qui concerne la différence entre images vectorielles et raster (bien qu'il faille préciser que le mot \emph{raster} est propre à la cartographie et que son identité avec celui de \emph{bitmap} sensé être connu n'a pas été de soit) et par une rapide introduction aux logiciels propres à ces deux catégories d'images que sont Gimp et Inkscape.
Malgré cela, il faut bien reconnaître que la spécificité des logiciels de cartographie (Qgis, Umap, OpenStreetMap) a demandé un temps d'apprentissage de leurs principales fonctions. Cela implique une nécessaire curiosité, un esprit d'initiative pour les découvrir qui ne va pas non plus de soit. Idéalement, une introduction plus approfondie que celle réalisée serait intéressante pour les élèves ayant choisi ces logiciels spécifiques.
\smallskip \smallskip
L'utilisation de \LaTeX{} passe par celle d'un éditeur dédié\index{éditeur dédié} comme \emph{Texmaker}\index{Texmaker}. On recommande celui-ci car il est libre, gratuit et multiplateforme. Nous ne détaillerons pas son installation. En cas de problèmes, contactez vos professeurs ou une aide en ligne. Ce constat légitime un cours d'informatique plus particulièrement orienté sur un discipline et l'étude des logiciels qui lui sont associés dans leur fonctionnalités. Car, avant de se rendre compte du rôles des algorithmes pour masquer les blanc des cartes thermiques (voir \cite[\og Du globe virtuel au terrain~: une plongée dans la fabrique des données naturalistes. Plus particulièrement la figure \og Algorithme pour la génération d'une carte de chaleur \fg, pp. 190,1901\fg{} ]{Noucher}), il faut bien se rendre compte des fonctions existantes dans ce type de logiciels et donc pour une discipline spécifique.
\smallskip Si le sens d'un cours de cartographie pour des élèves d'option spécifique physique et application des mathématiques reste parfaitement défendable comme un exemple de l'adaptation des logiciels en fonction des besoins et en tant que support de la valeur indéniable de l'interdisciplinarité, il est évident que le lien qui pourrait exister entre la discipline étudiée au cours d'informatique et l'option spécifique serait un atout important pour une spécialisation des études. Reste à savoir si dans une école de culture générale, celle-ci est à promouvoir.
Pratiquement, dans Texmaker, l'édition se fait sans formatage particulier. Notamment, les retours à la ligne sont gérés automatiquement par l'éditeur. Par contre, les sauts de paragraphes ne correspondent pas dans l'éditeur à de simples retours à la ligne. L'usage courant est de les indiquer par une simple ligne vide\index{ligne vide}. Cependant, dans certains cas très particuliers, il est nécessaire d'avoir recours à une double contre-oblique\index{double contre-oblique}\index{double back-slash} \lstinline!\\!. Mais généralement, il ne faut pas l'utiliser.
Pour obtenir des espaces particulier entre certains parragraphes, trois commandes sont à disposition : \subsection{Cartographiques}
\begin{description} Les connaissances cartographiques préalables des élèves étaient relativement modestes. Si l'utilisation de cartes était familière pour eux, leur conception théorique ne fut abordée que par l'introduction faite pendant le cours de cartographie et informatique.
\item[Petit espace\index{espace petit}] \lstinline!\smallskip! qui permet un espace entre les paragraphes concernés légèrement plus grand que celui par défaut.
\item[Moyen espace\index{espace moyen}] \lstinline!\medskip! qui donne un espace légèrement plus grand que le précédent et
\item[Grand espace\index{espace grand}] \lstinline!\bigskip! qui donne un espace encore plus grand, mais qui reste raisonnable.
\end{description}
Pour des espacements encore plus grand voyez la littérature. \subsection{Informatiques}
Essentiellement, deux logiciels de cartographie ont été utilisés~: Umap et Qgis. Ces deux programmes sont très différents.
Rappelons que le réglage de l'indentation de première ligne\index{indentation de première ligne} se fait dans le fichier de configuration du travail de maturité (voir chapitre \ref{chapter:configuration}). \subsubsection*{Umap}
Le premier est basé sur OpenStreetMap et est relativement simple. Il permet de construire une surcouche géométrique à différents fond de cartes. On peut ainsi positionner des \emph{POI}, soit des points d'intérêt qui peuvent être munis d'une description écrite ou imagée, des lignes ou des surfaces (voir les figures \ref{carte:merveilleschxfds}, \ref{carte:menihrsbretagne}, \ref{carte:pollutionoceanique}, \ref{carte:comediesmusicales} et \ref{carte:voyagetedjikistan}).
\medskip Ce programme est apprécié en raison de sa simplicité et du fait qu'il permet de partager le résultat sans difficultés.
La mise en évidence de certains mots dans le texte ne doit surtout pas se faire par une augmentation de la graisse (mise en gras\index{gras}). Une telle technique est réservée aux cas particuliers où il est nécessaire de faire apparaître très fortement certains termes. Elle ne doit être utilisée qu'exceptionnellement.
Deux commandes servent généralement à la mise en évidence\index{mise en évidence}. Mais, si on peut constater à la figure \ref{carte:comediesmusicales} l'utilisation de plusieurs couleurs pour référencer les comédies musicales, aucune image ni surtout légende n'est fournie dans ce travail. Au contraire, de la carte des menhirs de Bretagne (figure \ref{carte:menihrsbretagne}) qui présente la légende de la figure \ref{fig:legendeumap} à l'arrivée sur le site, mais ne discrimine pas les éléments par des POI colorés.
\begin{description}
\item[L'italique\index{italique}] obtenu par la commande \lstinline!\emph{mot}! et cela produit ceci : \emph{mot}.
\item[Les guillemets\index{guillemets}] obtenus suivant les cas de deux manières différentes. Pour les guillemets anglais\index{guillemets!anglais} la commande est \lstinline!\squote{mot}! et cela produit ceci : \squote{mot}.
Pour les guillemets français\index{guillemets!français}, en raison de leur dissymétrie, il faut utiliser les commandes \lstinline!\og! et \lstinline!\fg! en encadrant le mot \lstinline!\og mot\fg! et cela donne : \og mot\fg.
\end{description}
\subsection{Légendes}
Une précision importante pour la suite : le référencement\index{référencement} des légendes\index{légende} dans les pages spéciales contenant la liste des éléments référencés n'est mis-à-jour qu'après \emph{deux} compilations. Souvenez-vous en bien !
\subsection{Environnements}
L'environnement principal nécessaire dans pratiquement tout travail de maturité est celui correspondant aux citations\index{citation}. Dans ce modèle, une fois pour toute, un environnement de citation\index{citation!environnement} a été défini très clairement. Chaque citation est référencée à l'aide d'un compteur, elle est mise en évidence et son auteur\index{auteur} est mentionné en fin de citation.
L'environnement permettant cela est donné par le code \listingref{listing:citation} qui donne le résultat constituant la citation \ref{wales}, page \pageref{wales}.\todo[line]{Rendre obligatoire l'argument de référence.}
\begin{lstlisting}[float,caption={L'environnement de citation},label={listing:citation}]
\begin{Citation}{Jimmy Wales. Fondateur de Wikipedia.}\label{wales}
Imaginez un monde dans lequel chaque personne pourrait partager librement l'ensemble des connaissances humaines.
\end{Citation}
\end{lstlisting}
\begin{Citation}{Jimmy Wales. Fondateur de Wikipedia.\endnote{Exemple de référence référence précise dans une note de pied de page pour la citation de Jimmy Wales, page \pageref{wales}.}}\label{wales}
Imaginez un monde dans lequel chaque personne pourrait partager librement l'ensemble des connaissances humaines.
\end{Citation}
Relevez que cet environnement dispose d'un argument \og obligatoire\fg{} constituant sa référence\index{référence} et d'une commande \lstinline!\label{}! permettant de s'y référer dans le texte à l'aide de \lstinline!\ref{}!. Pour préciser la référence, on peut utiliser une note de fin de document\index{note de fin} \lstinline!\endnote{}! \footnote{Pour l'instant les références de citations\index{référence!citation} ne sont pas placées sur une page qui leur serait proprement consacrées, car elle sont souvent peu nombreuses. Mais si cela s'avérait nécessaire pour vous, n'hésitez pas à me contacter pour que je modifie le modèle dans ce sens.} comme cela est fait dans la citation \ref{wales}. Mais, attention, il n'est pas possible d'utiliser une note de pied de page\index{note de pied de page} telle que celle-ci\footnote{Ces notes sont réservées à des éléments de précisions autres que des références.} pour préciser la référence dans l'argument de la commande de citation.
\section{Figures\index{figure}}
Quatre commandes pour placer des figures sont prévues. Elles permettent de mettre simplement des figures de taille très petite\index{figure!très petite} (\lstinline|\tmfigureT|), de taille petite\index{figure!petite} (\lstinline|\tmfigureS|), de taille normale\index{figure!normale} (\lstinline|\tmfigureN|) et de grande taille\index{figure!grande} (\lstinline|\tmfigureB|). Chaque commande prend quatre arguments :
\begin{enumerate}
\item le nom de la figure sans extension,
\item sa légende\index{légende},
\item une étiquette qui permet d'en faire la référence dans le texte et
\item un crédit photographique\footnote{L'utilisation de Miktex sous Windows peut nécessiter le retrait de la note de crédit dans le fichier TM.sty pour éviter un bug bloquant lié à la présence d'une note de fin dans la légende de la figure. Il semble que ce bug n'existe pas avec Texlive sous Windows. Sous linux, tout fonctionne bien.}\index{crédit photographique} \og obligatoire\fg{} qui va apparaître en fin de document. Pour mettre une url, il faut utiliser la commande protégée : \lstinline|\protect\url{...}|.
\end{enumerate}
Ainsi, la commande de placement de chaque figure est donné par le code \listingref{listing:figure}.
\begin{lstlisting}[float,caption={Les commandes de placement des figures},label={listing:figure}]
\tmfigureB{NomFigureSansExtension}{Legende}{fig:votreLabel1}{credit} % Taille grande
\tmfigureN{NomFigureSansExtension}{Legende}{fig:votreLabel2}{credit} % Taille normale
\tmfigureS{NomFigureSansExtension}{Legende}{fig:votreLabel3}{credit} % Taille petite
\tmfigureT{NomFigureSansExtension}{Legende}{fig:votreLabel4}{credit} % Taille tres petite
\end{lstlisting}
Pour placer une référence\index{référence} dans le texte, il suffit ensuite de mettre la commande donnée par le code \listingref{listing:reffigure} là où on souhaite son numéro.
\begin{lstlisting}[float,caption={La commande de référence à une figure},label={listing:reffigure}]
\figref{fig:votreLabelno}
\end{lstlisting}
% Documenter et mettre en forme
%--------------------------------
\begin{figure} [t]
\begin{center}
\includegraphics[width=0.5\textwidth]{cdrom}
\caption[Figure grande taille2]{\label{fig:figgrandetaille2} Une figure de grande taille 2\endnote{\protect Crédit figure grande taille 2\protect\url{http://www.debian.org}}}
\credit{Crédit figure grande taille 2\protect\url{http://www.debian.org}}
\end{center}
\end{figure}
%--------------------------------
Le résultat obtenu est présenté aux figures \figref{fig:figgrandetaille}, page \pageref{fig:figgrandetaille}, \figref{fig:figtaillenormale}, page \pageref{fig:figtaillenormale}, \figref{fig:figpetitetaille} et \figref{fig:figtrespetitetaille}, page \pageref{fig:figtrespetitetaille}.
\tmfigureB{cdrom}{Une figure de grande taille}{fig:figgrandetaille}{Crédit figure grande taille \protect\url{http://www.debian.org}}
\tmfigureN{cdrom}{Une figure de taille normale}{fig:figtaillenormale}{Crédit figure taille normale \protect\url{http://www.debian.org}} % Taille normale
\tmfigureS{cdrom}{Une figure de petite taille}{fig:figpetitetaille}{Crédit figure petite taille \protect\url{http://www.debian.org}} % Taille petite
\tmfigureT{cdrom}{Une figure de très petite taille}{fig:figtrespetitetaille}{Crédit figure très petite taille \protect\url{http://www.debian.org}} % Taille tres petite
Il reste bien entendu possible de déclarer des figures flottantes\index{figure!flottante} de manière classique grâce au code du listing \ref{listing:figureclassique}.
\begin{lstlisting}[float,caption={Commande classique de placement d'une figure},label={listing:figureclassique}]
\begin{figure} \begin{figure}
\centering \centering
\includegraphics[scale=1]{...} \includegraphics[width=0.5\textwidth]{LegendeUmap}
\caption{\label{...}...} \caption{Une légende à l'ouverture du site\label{fig:legendeumap}}.
\credit{... \protect\url{...}}
\end{figure}
\end{lstlisting}
Cela permet un réglage plus fin de la taille de la figure.
\begin{comment}
% Documentation du module subfig, remplacé par le module subcaption, mieux supporté par hyperref
Un autre environnement de placement des figures est permis par le module \verb|subfig|\index{subfig}. Il permet de placer plusieurs figures\index{figure!plusieurs} l'une à côté de l'autre avec pour chacune une sous-légende\index{figure!sous-légende} et pour les deux une légende. Le résultat est donné à la figure \ref{fig:lp}, page \pageref{fig:lp}, avec deux sous-figures \ref{fig:sl1} et \ref{fig:sl2}, sous-légendées.
Le code nécessaire pour placer ces figures est celui du listing \ref{listing:subfig}. Mais la documentation du module \verb|subfig|\index{module!subfig} vous en dira plus sur le placement d'un plus grand nombre de sous-figures.
\begin{figure}[t]
\centering
\subfloat[Première sous-légende\label{fig:sl1}]{\includegraphics[width=3cm]{cdrom}}\qquad
\subfloat[Seconde sous-légende\label{fig:sl2}]{\includegraphics[width=3cm]{cdrom}}
\caption{Légende principale d'une multi-figure}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure} \end{figure}
\begin{lstlisting}[float,caption={Commande de placement de multiples figures},label={listing:subfig}] Ainsi, les possibilités de mise en forme des informations sur Umap ont-elle été finalement peu utilisées. On trouve dans un seul cas (voir figure \ref{carte:pollutionoceanique}) des éléments graphiques de type polygonaux pour décrire les \og continents \fg{} de plastique. Encore les élèves se sont-ils plaint de ne pouvoir remplacer ces polygones par des cercles qui leur semblaient plus appropriés. Mais aucune discussion ni sur la pertinence d'une représentation des surfaces de microplastiques par des cercles, ni sur la symbologie de ces éléments n'est apparue dans leur travail final. Quant à des recherches sur la manière de pouvoir la changer, rien n'a été fait. On constate ainsi non seulement une approche des logiciels fondée sur l'utilisation exclusive d'un logiciel, sans aller chercher plus loin ou sans se renseigner sur comment importer des éléments provenant d'autres logiciels, mais plus que cela cette approche exclusive est limitée par les outils fonctionnels sans avoir à comprendre quoi que ce soit. S'il est nécessaire d'aller chercher dans les différents paramètres, beaucoup abandonnent en assumant leur non-compétence, soit en la reprochant au programme.
\begin{figure}[t]
\centering
\subfloat[Première sous-légende\label{fig:sl1}]{\includegraphics[width=3cm]{cdrom}}\qquad
\subfloat[Seconde sous-légende\label{fig:sl2}]{\includegraphics[width=3cm]{cdrom}}
\caption{Légende principale}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure}
\end{lstlisting}
Remarquez la commande \lstinline|\credit{...}| permettant de référencer la figure multiple dans la liste des figures.
\end{comment}
% Documentation du module subcaption, qui a remplacé subfig car mieux supporté par hyperref
Un autre environnement de placement des figures est permis par le module \verb|subcaption|\index{subcaption}. Il permet de placer plusieurs figures\index{figure!plusieurs} l'une à côté de l'autre avec pour chacune une sous-légende\index{figure!sous-légende} et pour les deux une légende. Le résultat est donné à la figure \ref{fig:lp}, page \pageref{fig:lp}, avec deux sous-figures \ref{fig:sl1} et \ref{fig:sl2}, sous-légendées.
Le code nécessaire pour placer ces figures est celui du listing \ref{listing:subfig}. Mais la documentation du module \verb|subcaption|\index{module!subcaption} vous en dira plus sur le placement d'un plus grand nombre de sous-figures.
\begin{figure}[t]
\centering
\begin{subfigure}[b]{0.45\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Première sous-légende\label{fig:sl1}}
\end{subfigure}\quad
\begin{subfigure}[b]{0.45\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Seconde sous-légende\label{fig:sl2}}
\end{subfigure}
\caption{Légende principale d'une multi-figure}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure}
\begin{lstlisting}[float,caption={Commande de placement de multiples figures},label={listing:subfig}]
\begin{figure}[t]
\centering
\begin{subfigure}[b]{0.5\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Première sous-légende\label{fig:sl1}}
\end{subfigure}\qquad
\begin{subfigure}[b]{0.5\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Seconde sous-légende\label{fig:sl2}}
\end{subfigure}
\caption{Légende principale d'une multi-figure}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure}
\end{lstlisting}
Remarquez la commande \lstinline|\credit{...}| permettant de référencer la figure multiple dans la liste des figures.
\medskip
Par ailleurs, si vous désirez changer l'intitulé de la référence, en l'occurence \og Figure \fg{}, par \og Graphique \fg{} par exemple, décommentez la deuxième ligne du listing \ref{listing:intituleref} se trouvant dans le fichier \verb|config.tex|.
\medskip
Remarquez enfin, qu'il est possible d'activer ou de désactiver l'affichage d'une page présentant une liste des figures\index{liste des figures} avec une référence aux pages où elles se trouvent. Pour cela, il suffit de décommenter la commande \lstinline|\unelistefig| du fichier de configuration \verb|config.tex|.
Qu'il est possible d'activer ou de désactiver l'affichage de la page présentant la liste des crédits photographiques\index{liste des crédits photographiques} avec une référence aux pages où ils se trouvent. Pour cela, il suffit de décommenter la commande \lstinline|\unelistecredits| du fichier de configuration \verb|config.tex|.
\section{Tableaux\index{tableau}}
Les environnements permettant de réaliser des tableaux sont nombreux. Il n'est pas envisageable ici de les présenter tous. On se contentera donc de quelques exemples d'une complexité modeste. À vous de parcourir la littérature pour apprendre à composer en \LaTeX{} des tableaux à votre goût. La structure générale est celle du tableau ci-dessous, composé par la partie du code \ref{listing:tableau} à l'intérieur de l'environnement tabular. L'absence de \verb|centering| se traduit par un tableau au fer à gauche.
\bigskip
\begin{tabular}{|c|c|}
\hline
élément 1 & élément 2 \\
\hline
élément 3 & élément 4 \\
\hline
\end{tabular}
\smallskip
Évidemment, un tel tableau est très incomplet. Il y manque une structure de flottant permettant de laisser \LaTeX{} réaliser son placement avec un titre et une référence. De plus sans cette structure, il ne sera pas référencé dans la table des tableaux.
Pour ce faire, il faut donc y ajouter l'environnement de \emph{table} encadrant celui de \emph{tabular}, comme présenté dans le code \ref{listing:tableau}.
\begin{lstlisting}[float,caption={L'environnement pour placer un tableau},label={listing:tableau}]
\begin{table}
\centering
\begin{tabular}{|c|c|}
\hline
élément 1 & élément 2 \\
\hline
élément 3 & élément 4 \\
\hline
\end{tabular}
\caption{Un tablau d'éléments}
\end{table}
\end{lstlisting}
\begin{table}
\centering
\begin{tabular}{|c|c|}
\hline
élément 1 & élément 2 \\
\hline
élément 3 & élément 4 \\
\hline
\end{tabular}
\caption{Un tableau d'éléments}\label{tab:tableauSimple}
\end{table}
Cela rend le tableau flottant \ref{tab:tableauSimple}, permet son placement de manière adéquate par \LaTeX{} et l'inscrit (éventuellement après deux compilations successives) dans la liste des tableaux.
\medskip
Si vous désirez changer l'intitulé de la référence, en l'occurence \og Table \fg{}, par \og Tableau \fg{} par exemple, décommentez la dernière ligne du listing \ref{listing:intituleref} se trouvant dans le fichier \verb|config.tex|.
\begin{lstlisting}[float,caption={Changer l'intitulé de la référence},label={listing:intituleref}]
% Pour changer le nom des titre des références des légendes décommentez à souhait
%\addto\captionsfrench{\def\figurename{Graphique}}
%\addto\captionsfrench{\def\tablename{Tableau}}
\end{lstlisting}
Évidemment des tableaux bien plus complexes peuvent être produits pas \LaTeX.
\medskip
On pense généralement qu'il est bien plus facile de produire des tableaux avec un tableur tel LibreOffice calc ou autre équivalent propriétaire. Pourtant, si on comprend que les ordinateurs peuvent aujourd'hui fournir rapidement des mesures par millier ou centaines de millier, on peut imaginer la difficulté à les introduire dans un tableur. Cela ne se fait évidemment pas. L'acquisition de ces mesures se fait dans des fichiers textes, analysés par des logiciels travaillant à partir de ceux-ci pour fournir de petits tableaux les résumant. Leur représentation par \LaTeX{} est alors parfaitement réalisable et peut même se faire automatiquement. Sans les utiliser ici, il faut souligner la pertinence des outils \LaTeX{} dans ce cadre.
Une autre manière de gérer les tableaux, moins efficace, mais plus simple, consiste à les importer depuis un tableur. Pour cela, il est nécessaire d'utiliser depuis ce dernier un filtre d'exportation pour \LaTeX. L'un des tableur libre et gratuit beaucoup utilisé au lycée dans les branches scientifiques est \emph{Gnumeric}. Nous allons le prendre en exemple pour réaliser une exportation d'un tableau un peu plus complexe que celui ci-dessus.
\tmfigureN{gnumeric}{Tableau dans Gnumeric}{fig:gnumeric}{GFDL}
La figure \ref{fig:gnumeric}, page \pageref{fig:gnumeric}, montre le tableau dans \emph{Gnumeric} et le développement du menu permettant l'export de celui-ci sous forme de \emph{Fragment de table LaTex 2e (*.tex)} à sélectionner dans la fenêtre qui s'ouvre sous \emph{Type de fichier} en bas de celle-ci. Puis, il faut l'enregistrer dans le répertoire images du modèle de TM. Ouvrez-le dans \emph{Texmaker}. Suivant les versions du filtre d'exportation, il se peut que \LaTeX{} vous dise ne pouvoir l'ouvrir avec l'encodage UTF8. Choisissez néanmoins cet encodage, corrigez tous les caractères mal encodés et réenregistrez-le.
Pour l'importer dans \LaTeX, on peut alors utiliser la commande \verb|input{}| dans un environnement de tableau, comme présenté dans le code \ref{listing:tableauGnumeric}
\begin{lstlisting}[float,caption={L'environnement pour importer un tableau Gnumeric},label={listing:tableauGnumeric}]
\begin{table}
\centering
\begin{tabular}{|c|c|c|c|c|}
\input{images/tableauUTF8.tex}
\end{tabular}
\caption{Un tablau plus complexe}\label{tab:tableauGnumeric}
\end{table}
\end{lstlisting}
\begin{table}
\centering
\begin{tabular}{|c|c|c|c|c|}
\input{images/tableauUTF8.tex}
\end{tabular}
\caption{Un tableau plus complexe}\label{tab:tableauGnumeric}
\end{table}
Comme on le voit dans la table \ref{tab:tableauGnumeric}, il manque plusieurs bordures, car l'export du tableau Gnumeric en \LaTeX{} se limite aux données. C'est à vous de réaliser la mise en forme. Cela est déjà partiellement réalisé dans le code \ref{listing:tableauGnumeric} par l'adoption de cinq colonnes centrées avec des bordures verticales (|c|c|c|c|c|). Pour les bordures horizontales, il faut les ajouter dans le code exporté par \emph{Gnumeric} avec des \verb|\hline|, utiliser la commande \verb|\multicolumn| comme décrite dans le listing \ref{listing:tableauGnumericFinal} et ne pas utiliser \verb|\input| qui n'importe pas correctement \verb|\hline| et \verb|\multicolumn|. Il faut donc simplement copier le code fourni par \emph{Gnumeric} dans l'environnement \verb|tabular|. Le résultat est donné dans la table \ref{tab:tableauGnumericFinal}.
\begin{lstlisting}[float,caption={Un tableau plus complexe},label={listing:tableauGnumericFinal}]
\begin{table}
\centering
\begin{tabular}{|c|c|c|c||c|}
\hline
\multicolumn{5}{|c|}{Grandeurs} \\ \hline
\multicolumn{4}{|c||}{brutes} &dérivées\\ \hline
x &I(x) &t &I(t) &a\\ \hline
cm &cm &s &s &cm/s$^2$\\ \hline\hline
10 &0.5 &0.143 &0.002 &9.81\\ \hline
20 &1.0 &0.202 &0.002 &9.81\\ \hline
30 &1.5 &0.247 &0.002 &9.81\\ \hline
40 &2.0 &0.286 &0.002 &9.81\\ \hline
50 &2.5 &0.319 &0.002 &9.81\\ \hline
60 &3.0 &0.350 &0.002 &9.81\\ \hline
70 &3.5 &0.378 &0.002 &9.81\\ \hline
80 &4.0 &0.404 &0.002 &9.81\\ \hline
90 &4.5 &0.428 &0.002 &9.81\\
\hline
\end{tabular}
\caption{Un tableau plus complexe}\label{tab:tableauGnumericFinal}
\end{table}
\end{lstlisting}
\begin{table}
\centering
\begin{tabular}{|c|c|c|c||c|}
\hline
\multicolumn{5}{|c|}{Grandeurs} \\ \hline
\multicolumn{4}{|c||}{brutes} &dérivées\\ \hline
x &I(x) &t &I(t) &a\\ \hline
cm &cm &s &s &cm/s$^2$\\ \hline\hline
10 &0.5 &0.143 &0.002 &9.81\\ \hline
20 &1.0 &0.202 &0.002 &9.81\\ \hline
30 &1.5 &0.247 &0.002 &9.81\\ \hline
40 &2.0 &0.286 &0.002 &9.81\\ \hline
50 &2.5 &0.319 &0.002 &9.81\\ \hline
60 &3.0 &0.350 &0.002 &9.81\\ \hline
70 &3.5 &0.378 &0.002 &9.81\\ \hline
80 &4.0 &0.404 &0.002 &9.81\\ \hline
90 &4.5 &0.428 &0.002 &9.81\\
\hline
\end{tabular}
\caption{Un tableau plus complexe}\label{tab:tableauGnumericFinal}
\end{table}
\section{Graphiques\index{graphiques}}
Les graphiques peuvent être traités de deux manières différentes dans \LaTeX.
\begin{enumerate}
\item Soit on les réalise préalablement avec un tableur comme \emph{Gnumeric} et on les importe comme une figure après les avoir convertis en eps et/ou jpg. Il faut alors ne pas leur mettre de titre, car c'est l'environnement de figure qui va s'en charger via la commande \verb|\label|.
\item Soit on utilise un grapheur spécifique comme \emph{Gnuplot} qui s'intègre complètement à \LaTeX et fournit des graphiques de très haute qualité.
\end{enumerate}
On laissera au lecteur intéressé le soin de découvrir \emph{Gnuplot}, que nous recommandons, mais dont l'utilisation dépasse le cadre d'un travail de maturité.
Cependant, pour référence, nous présentons ci-dessous un exemple de graphe réalisé avec Gnuplot et le code du listing \ref{listing:gnuplotlatex}, correspondant à la figure \ref{pic:gnuplotlatex}, page \pageref{pic:gnuplotlatex}.
\begin{lstlisting}[float,caption={Exemple de code Gnuplot dans \LaTeX},label={listing:gnuplotlatex}]
\begin{figure}%
\centering%
\begin{gnuplot}[terminal=epslatex, terminaloptions=color dashed]
set key bottom left Left
set key width 1.5
set sample 1000
set xr [0:110]
set yr [0:20]
set xlabel 'Masse (\si{\gram})' # attention il faut parfois utiliser certains guillemets
# notamment quand on utilise la commande \si, il faut impérativement des primes '...'
set ylabel "Période (puls)"
#plot test.txt w l lc 1 t "$\sin(x)$",cos(x) w l lc 2 t "$\cos(x)$",tan(x) w l lc 3 t "$\tan(x)$",tanh(x) w l lc 4 t "$\tanh(x)$"
plot 'test.txt'\
index 2 u 1:2:3 title 'Petites masses' w yerrorbars pt 4
\end{gnuplot}
\caption[Période vs masse]{Le pendule simple\par \small Période vs masse (L~=~\SI{1}{\metre} ; \(\alpha = \SI{30}{\degres}\))}%
\label{pic:gnuplotlatex}%
\end{figure}%
\end{lstlisting}
Relevez que le fichier des données, nommé \emph{test.txt}, est ici situé au même niveau que le fichier \emph{main.tex}. Nous ne commenterons pas ici les commandes permettant d'obtenir le graphe de la figure \ref{pic:gnuplotlatex}.
\begin{figure}%
\centering%
\begin{gnuplot}[terminal=epslatex, terminaloptions=color dashed]
set key bottom left Left
set key width 1.5
set sample 1000
set xr [0:110]
set yr [0:20]
set xlabel 'Masse (\si{\gram})' # attention il faut parfois utiliser certains guillemets
# notamment quand on utilise la commande \si, il faut impérativement des primes '...'
set ylabel "Période (puls)"
#plot test.txt w l lc 1 t "$\sin(x)$",cos(x) w l lc 2 t "$\cos(x)$",tan(x) w l lc 3 t "$\tan(x)$",tanh(x) w l lc 4 t "$\tanh(x)$"
plot 'test.txt'\
index 2 u 1:2:3 title 'Petites masses' w yerrorbars pt 4
\end{gnuplot}
\caption[Période vs masse]{Le pendule simple\par \small Période vs masse (L~=~\SI{1}{\metre} ; \(\alpha = \SI{30}{\degres}\))}%
\label{pic:gnuplotlatex}%
\end{figure}%
Pour permettre à \LaTeX{} d'utiliser Gnuplot, il est nécessaire d'ajouter les options~: \emph{-enable-write18 -shell-escape} à la commande de compilation \lstinline|latex|. Ainsi, pour Texmaker, sous \og Configurer Texmaker \fg{} du menu \emph{Options}, la ligne \lstinline|LaTeX| de l'onglet \emph{Commandes} doit être la suivante~: \lstinline|latex -enable-write18 -shell-escape -interaction=nonstopmode %.tex|.
\section{Code source\index{code source}}
Pour les travaux de maturité en informatique, il est nécessaire de pouvoir présenter du code. Pour cela on utilise l'environnement \lstinline|lstlisting| (du pacakge listings\index{module!listings}) que le code \ref{listing:gestioncode} présente et qui constitue en lui-même le résultat qu'on obtient.
\begin{lstlisting}[float,caption={L'environnement pour placer du code},label={listing:gestioncode}]
\begin{lstlisting}[float,caption={Legende du code},label={listing:votreLabel}]
Placez le code ici.
\end{lstlisting } <- sans l'espace !
\end{lstlisting}
\section{Bibliographie}\index{bibliographie}\label{bibliographie}
Une bibliographie est absolument nécessaire pour un travail de maturité. La bibliographie peut être une chose complexe. Pour la simplifier au mieux, il faut dire que sa mise en place se fait en plusieurs temps : la construction de la base de donnée des références, puis la mise en place des citations dans le texte et enfin le placement de la bibliographie à la fin du travail.
Ensuite, pour le présent modèle de travail de maturité, le choix de séparer les ouvrages papier, tels que les livres ou articles de périodiques, des références en ligne, tels les liens vers les sites internet, a été clairement fait en raison de la difficulté de lecture des url. Cependant, cette séparation se fait automatiquement grâce à un module de gestion de la bibliographie et un moteur de construction de celle-ci qui n'est pas celui utilisé de manière standard. Celui utilisé est par contre bien plus performant et simplifie considérablement la construction de la bibliographie. Le module s'appelle biblatex et le moteur est biber et non bibtex, qui est utilisé en standard. Ainsi, pour pouvoir créer la bibliographie de votre travail de maturité, plusieurs opérations vont devoir être réalisées.
\subsection{Base bibliographique\index{base bibliographique}}
Commençons par les références. Le fichier dans lesquelles doivent se trouver les différents éléments de la bibliographie se nomme \verb|main.bib|. Le code \listingref{listing:basebiblio}\index{basebbib.bib} présente les éléments nécessaires à la bibliographie du présent document.
Essentiellement, on trouve deux types d'entrées :
\begin{itemize}
\item des ouvrages papier et son url\index{url} et
\item des sites internet.
\end{itemize}
Dans le code \listingref{listing:basebiblio}, ne figurent que quelques entrées caractéristiques. On y voit deux types d'entrées, un livre (@Book) et deux sites (@Online).
Chaque élément est identifié par une clé\index{clé bibliographique} bibliographique, Mittelbach, wBiblatex et wEdTM, dans le cas présent.Il s'agit d'un mot librement choisi, mais unique, sans espace, sans accents et sans caractères particuliers. Remarquez ici la présence d'un \og w \fg{} dans la clé de la citation des références en lignes. Il est purement conventionnel, car la séparation des bibliographies en \og Ouvrages papier \fg{} et \og Références en ligne \fg{} est produite par le type de citations. En effet, seules les citations @Online seront placées dans les références en ligne.
Puis, se trouvent des éléments particuliers à chaque référence, qui peuvent être très variés et qui sont décrits dans le manuel de biblatex \cite[][\S{} 2.1, p. 8]{wBiblatex}. En fonction des types d'ouvrages, certains peuvent être obligatoires ou facultatifs.
Par exemple, pour les références web, l'url et la date de la consultation\index{date de consultation} (urldate) sont \emph{obligatoires}.
\begin{lstlisting}[float,caption={La référence à un site web},label={listing:basebiblio}]
% Encoding: UTF-8
@Book{Mittelbach,
author = {Frank Mittelbach and Michel Goossens},
title = {\LaTeX Companion},
year = {2005},
editor = {Pearson Education},
note = {Ouvrage exhaustif. La référence en la matière.},
owner = {pi},
timestamp = {2021-02-18},
}
@Online{wBiblatex,
title = {The biblatex Package},
url = {http://mirrors.ibiblio.org/CTAN/macros/latex/contrib/biblatex/doc/biblatex.pdf},
urldate = {2021-02-20},
}
@Online{wEdTM,
title ={Édition d'un travail de maturité avec \LaTeX},
url = {http://www.rpn.ch/lbc/Nouveau/spip/spip.php?article79},
urldate = {2012-08-12},
}
@Comment{jabref-meta: databaseType:biblatex;}
\end{lstlisting}
\medskip
Si vous ne désirez pas travailler directement dans le fichier \verb|main.bib| pour y reporter vos références, il existe des interfaces graphiques permettant de le remplir automatiquement. Citons ici \emph{JabRef} dont vous pouvez voir l'interface sur la figures \figref{fig:jabref}.
\tmfigureB{jabref}{Une interface graphique pour les références : JabRef}{fig:jabref}{Capture d'écran}
Celle-ci est pratique pour trouver les champs obligatoires et facultatifs des types de références et peut même être utilisée pour des recherches sur internet. D'autres outils sont évidemment disponibles comme \emph{Zotero}, par exemple.
\subsection{Références bibliographiques}
Pour placer une référence\index{référence} bibliographique dans le texte, il faut utiliser la commande \lstinline|\cite{mareference}|. Elle se met directement dans le texte et sera traduite à la compilation\index{compilation} en un numéro permettant de la retrouver le site dans la liste des références en fin de document.
Par exemple, en plaçant la commande \lstinline|\cite{wGNUDoc}| dans ce texte, on obtient la référence \cite{wGNUDoc} dont le numéro, qui figure dans la liste des sites web à la fin de ce document, réfère au site contenant le texte de la licence libre GFDL.
Les commandes de citation dans le texte de biblatex sont très nombreuses. Par exemple, il est possible de spécifier des éléments comme le numéro de page ou le paragraphe à l'intérieur de la citation. Ainsi, la liste des nombreuses commandes disponibles est donnée dans l'ouvrage \cite[][\S{} 3.9.1, p. 108]{wBiblatex} et la référence à cet ouvrage s'écrit ainsi : \lstinline|\cite[][\S{} 3.9.1, p. 108]{wBiblatex}| où les premiers crochets permettent de mettre du texte avant la citation et les seconds du texte après.
\smallskip \smallskip
Remarquez enfin, que si aucune référence\index{référence} \lstinline|\cite{unereference}| ne se trouve dans le texte, la page de référence des sites apparaîtra automatiquement dans une section spéciale nommée \emph{Références non citée}\label{nocite} (voir \ref{refnoncite}, page \pageref{refnoncite}). Dans le cas d'Umap, la réponse au problèmes de gestion de la forme des surfaces tient dans une extension nommé \emph{Leaflet} dont une introduction se trouve en annexe \ref{annexe:leafet}. Mais des outils plus simples permettant de réaliser un cercle par exemple existent aussi : \url{https://www.freemaptools.com/radius-around-point.htm}. Ils nécessitent cependant de comprendre comment exporter/importer ces formes et donc de la lecture.
\subsubsection*{Qgis}
Ce logiciel est un monument dédié à la cartographie. Les possibilités qu'il offre sont si nombreuses qu'il en devient difficile d'abord. Il est cependant incontournable pour produire des cartes papier et, moyennant une petite introduction, il est possible de le faire utiliser par des étudiants.
\subsection{Bibliographie\index{bibliographie}} Les travaux des paragraphes \ref{para:orientationspolitiques} et \ref{para:niveauxdevie} ont ainsi été réalisés avec Qgis. Comme dans le cas du travail sur l'urbanisation neuchâteloise (paragraphe \ref{para:urbanisationneuchateloise}), le premier problème a été de trouver le fond de carte adéquat. Or, les immenses possibilités de Qgis en terme de types de couches ont nécessité une aide pour trouver un fond de carte des frontières des pays exploitable par Qgis. La différence entre couche raster et vectorielle étant nouvelle pour les étudiants, les recherches n'ont pas été faciles.
La bibliographie est obligatoirement présente. Elle se compose de deux parties distinctes\footnote{Mais vous pouvez en ajouter d'autres. Pour cela voyez la documentation \cite{wBiblatex} du module biblatex.} : les livres et les ressources en ligne. Il n'y a rien à faire pour que celles-ci soient présentées.
De manière standard, les références qui se trouvent dans le texte consistent en une numérotation entre crochets par ordre d'apparition dans le texte. Il s'agit du style standard. Cependant, d'autres styles sont disponibles. Le \cite[\S{} 3.3.1, p. 74][]{wBiblatex} présente toute une série de styles différents, comme le très connu auteur-année (authoryear) qui remplace les numéros par [Guyot 1956], par exemple. \smallskip
Une fois le fond de carte trouvé, c'est le logiciel qui fut source de problèmes. Avec un grand nombre de pays, trouver où attribuer la bonne couleur à chacun et changer manuellement celles-ci a mené à des interrogations intéressante sur les moyens de le faire automatiquement et donc sur la présence d'une base de donnée qui pourrait indiquer la couleur à partir d'un chiffre, par exemple.
Pour spécifier le style désiré, il faut passer par le fichier \verb|config.tex| dans lequel se trouvent trois styles possibles. On peut en ajouter d'autres compatibles avec biblatex. Mais, il faut faire très attention. Si biblatex permet un split très efficace des éléments de la base de donnée bibliographique pour en faire de multiples bibliographies, il n'est pas encore possible de spécifier des styles différents pour chacune d'entre elles. Ainsi, si on spécifie le style \verb|authoryear| et que les champs des références online n'en contiennent pas, les clés ne pourront être créées et les références ne pourront apparaître. C'est logique, mais il faut bien le savoir. Parallèlement, avec autant de pays, le problème de la longueur de la légende s'est posé et consécutivement celui de l'enclassement par niveaux de couleurs. Les élèves ont ainsi pu se rendre compte de l'importance d'une légende bien construite et de la difficulté à la réaliser.
\subsection{Compilation\index{compilation}} Dans le cas du travail sur les niveaux de vie (paragraphe \ref{para:niveauxdevie}), les difficultés à découpler la légende de la liste des couleurs des pays ont été telles (pourtant quelques clicks) que les élèves ont proposé de la faire « manuellement » en prenant une capture d'écran de la carte et en y superposant l'image d'une légende réalisée avec un logiciel de dessin. Si ce n'est pas ce qui a été réalisé finalement, le document remis était une capture d'écran, montrant une très mauvaise compréhension des finalités de Qgis.
L'utilisation du module biblatex nécessite une structure de compilation particulière. Pour bibtex la séquence était : LaTeX-bibtex-LaTeX-LaTex. La première compilation permettais de relever les références dans le code source \LaTeX. Bibtex créait alors la bibliographie et les deux dernières compilation en \LaTeX permettaient de mettre en place les références et la bibliographie dans le texte. Avec le module multibib, il était nécessaire d'utiliser deux fois bibtex, une fois pour chaque bibliographie. \subsubsection*{Graphismes et bases de données}
Autant Umap que Qgis sont des logiciels essentiellement orienté interface graphique et non ligne de commande. Soit dit en passant, ce n'est pas le cas de Leaflet, sans pour autant que le constat suivant ne trouve de solution avec celui-ci en raison de l'utilisation du langage JavaScript, orienté serveur, qui déporte le problème sur l'échange de fichiers.
Avec le module biblatex, tout se fait en une seule fois : LaTeX-biber-LaTeX-LaTeX, même si deux bibliographies sont présentes. Cela est dû au fait que toutes les références bibliographiques se trouvent dans le même fichier et que biblatex est capable d'en trier certaines pour les mettre dans deux bibliographies différentes. À part pour les travaux réalisés avec Qgis, qui ont mené les élèves à interroger et à modifier la base de données associées aux fonds de cartes utilisés, il faut constater que la plupart des travaux réalisés se sont surtout focalisés sur le graphisme des cartes au détriment de l'analyse de données.
MAIS, il faut configurer correctement la compilation avec le logiciel que vous utilisez. De ce point de vue, c'est le travail de Maëlle et Charlotte (paragraphe \ref{para:urbanisationneuchateloise}) qui sort du lot. En effet, l'analyse spatiale y et couplée avec une analyse des données approfondie et même une critique de celle-ci très intéressante.
Par exemple, pour Texmaker, tout se passe dans l'option \og Configurer Texmaker \fg{} du menu \og Options \fg{}. Tout d'abord, comme on le voit dans la figure \figref{fig:biber}, page \pageref{fig:biber}, il faut changer la ligne \emph{biblatex} en y reportant le texte \emph{biber \%} et rien d'autre. C'est aussi le travail de Mathilde et Hélène sur les pollutions océaniques (paragraphe \ref{para:pollutionsoceaniques}) qui se base sur une analyse d'événement bien référencés sans pour autant être en relation directe avec une représentation de l'ampleur des phénomènes, par exemple en dimensionnant les « continents » de plastiques sur la base d'éléments factuels.
\tmfigureN{biber}{Choix du moteur biber}{fig:biber}{Capture d'écran} Dans une moindre mesure, et ce n'est probablement pas un hasard, les travaux utilisant Qgis ont aussi abordé les données permettant la représentation, par les couleurs politiques et les niveaux de vie.
Puis, il faut lancer une ou deux fois l'une des compilation complètes présentées dans la figure \figref{fig:compilrapide}, page \pageref{fig:compilrapide}, c'est-à-dire soit LaTeX + Bib(la)tex + LaTeX (2x) + dvips + ps2pdf + voir PDF, soit PdfLaTeX + Bib(la)tex + PdfLaTeX (2x) + voir PDF. Pour les autres travaux, si l'analyse de données est moins évidente, elle transparaît cependant en arrière plan comme dans les cartes Umap où les POI choisis traduisent évidemment recherche de données et une analyse des éléments choisis. On peut penser au menhirs, au parcours touristiques, comédies musicales ou merveilles chaux-de-fonnières.
\tmfigureN{compilrapide}{Compilations complètes}{fig:compilrapide}{Capture d'écran} \smallskip
Enfin, certains travaux, comme Ganymède, Panomatricks et le Parc d'attractions, se sont simplement abstenu de données pour privilégier la représentation graphique. On est là plus dans une cartographie artistique, même si un élément cartographique typique comme la légende est présent.
\section{Index}\index{index}\label{index}
Il n'est absolument pas nécessaire de réaliser un index pour un travail de maturité. La possibilité de le faire a néanmoins été maintenue au cas ou cela s'avèrerait nécessaire pour une raison ou une autre.
La procédure est simple.
\begin{enumerate}
\item Il faut ajouter après chaque terme devant figurer dan l'index (il faut les choisir manuellement, car une procédure automatique indexe beaucoup de termes dans des paragraphes ou ils sont en réalité inutiles pour décrire leur fonction) la commande \lstinline!\index{lemotaindexer}!. On peut aussi mettre plusieurs mots. Pour réaliser un regroupement hiérarchique, on peut utiliser le point d'exclamation ainsi : \lstinline|\index{référence!bibliographique}| et \lstinline|\index{référence!webographique}|. Ainsi, dans l'index, deux sous-entrées pour bibliographique et webographique seront créées.
\item Il faut compiler\index{compiler} une première fois le fichier \verb|main.tex|, puis lancer en ligne de commande ou dans le menu outil de Texmaker\index{Texmaker} la commande \lstinline|makeindex| et enfin recompiler une seconde fois.
\end{enumerate}

501
chapitres/chapter3.tex.bak
View File

@ -1,481 +1,82 @@
\chapter{Les outils spécifiques}\label{outils_specifiques}\index{outils spécifiques} \chapter{Développements}\label{developpements}\index{outils spécifiques}
\section{Le texte} Cet atelier de cartographie et informatique appelle de multiples remarques dont voici les principales.
\subsection{Généralités} \section{Investissement}
Il n'est pas question de faire un cours sur \LaTeX. Vous pouvez trouver avec \cite{Mittelbach}, \cite{Desgraupes} ou \cite{Rolland} des livres de référence de très bon niveau et avec \cite{wEdTM}, \cite{wToutLatex} ou \cite{wUneCourteIntro} des sites fournissant des ouvrages en PDF qui vous permettrons d'approfondir simplement le sujet. N'oubliez pas non plus l'aide que peuvent vous fournir vos professeurs.
Tout d'abord, il faut relever une bonne mobilisation des élèves dans la construction des cartes. On peut dire que la raison de cet investissement a tenu dans la liberté de choisir leur sujet. En effet, ils ont ainsi pu exprimer leur propres préoccupations.
Malheureusement, il faut aussi remarquer que les sujets choisis pouvaient soit mal se prêter à la représentation cartographique, soit permettre de détourner le travail cartographique lui-même au profit de techniques déjà maîtrisées par les étudiants sur lesquelles ceux-ci vont se focaliser en minimisant l'importance de leur carte. Ainsi, le recours à la vidéo, le recours à PowerPoint pour préparer une présentation orale et même le recours au texte dans le cas des comédies musicales ou des cartes de points d'intérêt.
Si la création de cartes passe nécessairement par l'utilisation de contenu qu'il faut parfois créer par soi-même, à l'instar de la pertinence du choix des informations à présenter sur une carte, il est nécessaire de parvenir à un juste équilibre entre le travail portant sur le contenu et celui relatif à la représentation spatiale de celui-ci. On peut regretter par exemple un gros travail de représentation de l'évolution des continents au détriment d'une nécessaire légende chronologique.
Il faut reconnaître cependant la difficulté de beaucoup de jeunes à anticiper les problèmes informatiques. En voyant ainsi trop grand, il perdent de vue des éléments qui sont pour eux au départ secondaires, mais qui manquent finalement.
\smallskip \smallskip
On se contentera donc de rappeler ici quelques règles de base qui permettrons à chacun de s'en sortir sans trop de difficultés. Une autre tendance est au rejet de la complexité. Dès qu'un logiciel présente de la complexité, il est simplement déclaré mauvais et soit on en change au profit d'un autre qu'il faut réapprendre, soit il devient la raison de mauvais résultats. On pouvais reprocher autrefois à son crayon d'être le mauvais outil pour éviter d'avoir à se reprocher sa mauvaise utilisation. Aujourd'hui, il en est de même avec les logiciels dont l'utilisation ne va pas immédiatement de soi.
La qualité des travaux tient donc finalement dans la pugnacité nécessaire pour parvenir au but, dans le choix des sujets et dans une bonne perception des différentes étapes nécessaires pour parvenir au but dans un temps donné.
\section{Connaissances}
Les étudiants de ce cours de cartographie et informatique avaient préalablement suivi un cours de d'informatique générale. Diverses notions comme les communications, la sécurité, les bases de données, les types de fichiers et la programmation des logiciels ont été abordées à l'occasion de ce premier cours.
Ce cours a été utile essentiellement en ce qui concerne la différence entre images vectorielles et raster (bien qu'il faille préciser que le mot \emph{raster} est propre à la cartographie et que son identité avec celui de \emph{bitmap} sensé être connu n'a pas été de soit) et par une rapide introduction aux logiciels propres à ces deux catégories d'images que sont Gimp et Inkscape.
Malgré cela, il faut bien reconnaître que la spécificité des logiciels de cartographie (Qgis, Umap, OpenStreetMap) a demandé un temps d'apprentissage de leurs principales fonctions. Cela implique une nécessaire curiosité, un esprit d'initiative pour les découvrir qui ne va pas non plus de soit. Idéalement, une introduction plus approfondie que celle réalisée serait intéressante pour les élèves ayant choisi ces logiciels spécifiques.
\smallskip \smallskip
L'utilisation de \LaTeX{} passe par celle d'un éditeur dédié\index{éditeur dédié} comme \emph{Texmaker}\index{Texmaker}. On recommande celui-ci car il est libre, gratuit et multiplateforme. Nous ne détaillerons pas son installation. En cas de problèmes, contactez vos professeurs ou une aide en ligne. Ce constat légitime un cours d'informatique plus particulièrement orienté sur un discipline et l'étude des logiciels qui lui sont associés dans leur fonctionnalités. Car, avant de se rendre compte du rôles des algorithmes pour masquer les blanc des cartes thermiques (voir \cite[\og Du globe virtuel au terrain~: une plongée dans la fabrique des données naturalistes. Plus particulièrement la figure \og Algorithme pour la génération d'une carte de chaleur \fg, pp. 190,1901\fg{} ]{Noucher}), il faut bien se rendre compte des fonctions existantes dans ce type de logiciels et donc pour une discipline spécifique.
\smallskip Si le sens d'un cours de cartographie pour des élèves d'option spécifique physique et application des mathématiques reste parfaitement défendable comme un exemple de l'adaptation des logiciels en fonction des besoins et en tant que support de la valeur indéniable de l'interdisciplinarité, il est évident que le lien qui pourrait exister entre la discipline étudiée au cours d'informatique et l'option spécifique serait un atout important pour une spécialisation des études. Reste à savoir si dans une école de culture générale, celle-ci est à promouvoir.
Pratiquement, dans Texmaker, l'édition se fait sans formatage particulier. Notamment, les retours à la ligne sont gérés automatiquement par l'éditeur. Par contre, les sauts de paragraphes ne correspondent pas dans l'éditeur à de simples retours à la ligne. L'usage courant est de les indiquer par une simple ligne vide\index{ligne vide}. Cependant, dans certains cas très particuliers, il est nécessaire d'avoir recours à une double contre-oblique\index{double contre-oblique}\index{double back-slash} \lstinline!\\!. Mais généralement, il ne faut pas l'utiliser.
Pour obtenir des espaces particulier entre certains parragraphes, trois commandes sont à disposition : \subsection{Cartographiques}
\begin{description} Les connaissances cartographiques préalables des élèves étaient relativement modestes. Si l'utilisation de cartes était familière pour eux, leur conception théorique ne fut abordée que par l'introduction faite pendant le cours de cartographie et informatique.
\item[Petit espace\index{espace petit}] \lstinline!\smallskip! qui permet un espace entre les paragraphes concernés légèrement plus grand que celui par défaut.
\item[Moyen espace\index{espace moyen}] \lstinline!\medskip! qui donne un espace légèrement plus grand que le précédent et
\item[Grand espace\index{espace grand}] \lstinline!\bigskip! qui donne un espace encore plus grand, mais qui reste raisonnable.
\end{description}
Pour des espacements encore plus grand voyez la littérature. \subsection{Informatiques}
Essentiellement, deux logiciels de cartographie ont été utilisés~: Umap et Qgis. Ces deux programmes sont très différents.
Rappelons que le réglage de l'indentation de première ligne\index{indentation de première ligne} se fait dans le fichier de configuration du travail de maturité (voir chapitre \ref{chapter:configuration}). \subsubsection*{Umap}
Le premier est basé sur OpenStreetMap et est relativement simple. Il permet de construire une surcouche géométrique à différents fond de cartes. On peut ainsi positionner des \emph{POI}, soit des points d'intérêt qui peuvent être munis d'une description écrite ou imagée, des lignes ou des surfaces (voir les figures \ref{carte:merveilleschxfds}, \ref{carte:menihrsbretagne}, \ref{carte:pollutionoceanique}, \ref{carte:comediesmusicales} et \ref{carte:voyagetedjikistan}).
\medskip Ce programme est apprécié en raison de sa simplicité et du fait qu'il permet de partager le résultat sans difficultés.
La mise en évidence de certains mots dans le texte ne doit surtout pas se faire par une augmentation de la graisse (mise en gras\index{gras}). Une telle technique est réservée aux cas particuliers où il est nécessaire de faire apparaître très fortement certains termes. Elle ne doit être utilisée qu'exceptionnellement.
Deux commandes servent généralement à la mise en évidence\index{mise en évidence}. Mais, si on peut constater à la figure \ref{carte:comediesmusicales} l'utilisation de plusieurs couleurs pour référencer les comédies musicales, aucune image ni surtout légende n'est fournie dans ce travail. Au contraire, de la carte des menhirs de Bretagne (figure \ref{carte:menihrsbretagne}) qui présente la légende de la figure \ref{fig:legendeumap} à l'arrivée sur le site, mais ne discrimine pas les éléments par des POI colorés.
\begin{description}
\item[L'italique\index{italique}] obtenu par la commande \lstinline!\emph{mot}! et cela produit ceci : \emph{mot}.
\item[Les guillemets\index{guillemets}] obtenus suivant les cas de deux manières différentes. Pour les guillemets anglais\index{guillemets!anglais} la commande est \lstinline!\squote{mot}! et cela produit ceci : \squote{mot}.
Pour les guillemets français\index{guillemets!français}, en raison de leur dissymétrie, il faut utiliser les commandes \lstinline!\og! et \lstinline!\fg! en encadrant le mot \lstinline!\og mot\fg! et cela donne : \og mot\fg.
\end{description}
\subsection{Légendes}
Une précision importante pour la suite : le référencement\index{référencement} des légendes\index{légende} dans les pages spéciales contenant la liste des éléments référencés n'est mis-à-jour qu'après \emph{deux} compilations. Souvenez-vous en bien !
\subsection{Environnements}
L'environnement principal nécessaire dans pratiquement tout travail de maturité est celui correspondant aux citations\index{citation}. Dans ce modèle, une fois pour toute, un environnement de citation\index{citation!environnement} a été défini très clairement. Chaque citation est référencée à l'aide d'un compteur, elle est mise en évidence et son auteur\index{auteur} est mentionné en fin de citation.
L'environnement permettant cela est donné par le code \listingref{listing:citation} qui donne le résultat constituant la citation \ref{wales}, page \pageref{wales}.\todo[line]{Rendre obligatoire l'argument de référence.}
\begin{lstlisting}[float,caption={L'environnement de citation},label={listing:citation}]
\begin{Citation}{Jimmy Wales. Fondateur de Wikipedia.}\label{wales}
Imaginez un monde dans lequel chaque personne pourrait partager librement l'ensemble des connaissances humaines.
\end{Citation}
\end{lstlisting}
\begin{Citation}{Jimmy Wales. Fondateur de Wikipedia.\endnote{Exemple de référence référence précise dans une note de pied de page pour la citation de Jimmy Wales, page \pageref{wales}.}}\label{wales}
Imaginez un monde dans lequel chaque personne pourrait partager librement l'ensemble des connaissances humaines.
\end{Citation}
Relevez que cet environnement dispose d'un argument \og obligatoire\fg{} constituant sa référence\index{référence} et d'une commande \lstinline!\label{}! permettant de s'y référer dans le texte à l'aide de \lstinline!\ref{}!. Pour préciser la référence, on peut utiliser une note de fin de document\index{note de fin} \lstinline!\endnote{}! \footnote{Pour l'instant les références de citations\index{référence!citation} ne sont pas placées sur une page qui leur serait proprement consacrées, car elle sont souvent peu nombreuses. Mais si cela s'avérait nécessaire pour vous, n'hésitez pas à me contacter pour que je modifie le modèle dans ce sens.} comme cela est fait dans la citation \ref{wales}. Mais, attention, il n'est pas possible d'utiliser une note de pied de page\index{note de pied de page} telle que celle-ci\footnote{Ces notes sont réservées à des éléments de précisions autres que des références.} pour préciser la référence dans l'argument de la commande de citation.
\section{Figures\index{figure}}
Quatre commandes pour placer des figures sont prévues. Elles permettent de mettre simplement des figures de taille très petite\index{figure!très petite} (\lstinline|\tmfigureT|), de taille petite\index{figure!petite} (\lstinline|\tmfigureS|), de taille normale\index{figure!normale} (\lstinline|\tmfigureN|) et de grande taille\index{figure!grande} (\lstinline|\tmfigureB|). Chaque commande prend quatre arguments :
\begin{enumerate}
\item le nom de la figure sans extension,
\item sa légende\index{légende},
\item une étiquette qui permet d'en faire la référence dans le texte et
\item un crédit photographique\footnote{L'utilisation de Miktex sous Windows peut nécessiter le retrait de la note de crédit dans le fichier TM.sty pour éviter un bug bloquant lié à la présence d'une note de fin dans la légende de la figure. Il semble que ce bug n'existe pas avec Texlive sous Windows. Sous linux, tout fonctionne bien.}\index{crédit photographique} \og obligatoire\fg{} qui va apparaître en fin de document. Pour mettre une url, il faut utiliser la commande protégée : \lstinline|\protect\url{...}|.
\end{enumerate}
Ainsi, la commande de placement de chaque figure est donné par le code \listingref{listing:figure}.
\begin{lstlisting}[float,caption={Les commandes de placement des figures},label={listing:figure}]
\tmfigureB{NomFigureSansExtension}{Legende}{fig:votreLabel1}{credit} % Taille grande
\tmfigureN{NomFigureSansExtension}{Legende}{fig:votreLabel2}{credit} % Taille normale
\tmfigureS{NomFigureSansExtension}{Legende}{fig:votreLabel3}{credit} % Taille petite
\tmfigureT{NomFigureSansExtension}{Legende}{fig:votreLabel4}{credit} % Taille tres petite
\end{lstlisting}
Pour placer une référence\index{référence} dans le texte, il suffit ensuite de mettre la commande donnée par le code \listingref{listing:reffigure} là où on souhaite son numéro.
\begin{lstlisting}[float,caption={La commande de référence à une figure},label={listing:reffigure}]
\figref{fig:votreLabelno}
\end{lstlisting}
% Documenter et mettre en forme
%--------------------------------
\begin{figure} [t]
\begin{center}
\includegraphics[width=0.5\textwidth]{cdrom}
\caption[Figure grande taille2]{\label{fig:figgrandetaille2} Une figure de grande taille 2\endnote{\protect Crédit figure grande taille 2\protect\url{http://www.debian.org}}}
\credit{Crédit figure grande taille 2\protect\url{http://www.debian.org}}
\end{center}
\end{figure}
%--------------------------------
Le résultat obtenu est présenté aux figures \figref{fig:figgrandetaille}, page \pageref{fig:figgrandetaille}, \figref{fig:figtaillenormale}, page \pageref{fig:figtaillenormale}, \figref{fig:figpetitetaille} et \figref{fig:figtrespetitetaille}, page \pageref{fig:figtrespetitetaille}.
\tmfigureB{cdrom}{Une figure de grande taille}{fig:figgrandetaille}{Crédit figure grande taille \protect\url{http://www.debian.org}}
\tmfigureN{cdrom}{Une figure de taille normale}{fig:figtaillenormale}{Crédit figure taille normale \protect\url{http://www.debian.org}} % Taille normale
\tmfigureS{cdrom}{Une figure de petite taille}{fig:figpetitetaille}{Crédit figure petite taille \protect\url{http://www.debian.org}} % Taille petite
\tmfigureT{cdrom}{Une figure de très petite taille}{fig:figtrespetitetaille}{Crédit figure très petite taille \protect\url{http://www.debian.org}} % Taille tres petite
Il reste bien entendu possible de déclarer des figures flottantes\index{figure!flottante} de manière classique grâce au code du listing \ref{listing:figureclassique}.
\begin{lstlisting}[float,caption={Commande classique de placement d'une figure},label={listing:figureclassique}]
\begin{figure} \begin{figure}
\centering \centering
\includegraphics[scale=1]{...} \includegraphics[width=0.5\textwidth]{LegendeUmap}
\caption{\label{...}...} \caption{Une légende à l'ouverture du site\label{fig:legendeumap}}.
\credit{... \protect\url{...}}
\end{figure}
\end{lstlisting}
Cela permet un réglage plus fin de la taille de la figure.
\begin{comment}
% Documentation du module subfig, remplacé par le module subcaption, mieux supporté par hyperref
Un autre environnement de placement des figures est permis par le module \verb|subfig|\index{subfig}. Il permet de placer plusieurs figures\index{figure!plusieurs} l'une à côté de l'autre avec pour chacune une sous-légende\index{figure!sous-légende} et pour les deux une légende. Le résultat est donné à la figure \ref{fig:lp}, page \pageref{fig:lp}, avec deux sous-figures \ref{fig:sl1} et \ref{fig:sl2}, sous-légendées.
Le code nécessaire pour placer ces figures est celui du listing \ref{listing:subfig}. Mais la documentation du module \verb|subfig|\index{module!subfig} vous en dira plus sur le placement d'un plus grand nombre de sous-figures.
\begin{figure}[t]
\centering
\subfloat[Première sous-légende\label{fig:sl1}]{\includegraphics[width=3cm]{cdrom}}\qquad
\subfloat[Seconde sous-légende\label{fig:sl2}]{\includegraphics[width=3cm]{cdrom}}
\caption{Légende principale d'une multi-figure}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure} \end{figure}
\begin{lstlisting}[float,caption={Commande de placement de multiples figures},label={listing:subfig}] Ainsi, les possibilités de mise en forme des informations sur Umap ont-elle été finalement peu utilisées. On trouve dans un seul cas (voir figure \ref{carte:pollutionoceanique}) des éléments graphiques de type polygonaux pour décrire les \og continents \fg{} de plastique. Encore les élèves se sont-ils plaint de ne pouvoir remplacer ces polygones par des cercles qui leur semblaient plus appropriés. Mais aucune discussion ni sur la pertinence d'une représentation des surfaces de microplastiques par des cercles, ni sur la symbologie de ces éléments n'est apparue dans leur travail final. Quant à des recherches sur la manière de pouvoir la changer, rien n'a été fait. On constate ainsi non seulement une approche des logiciels fondée sur l'utilisation exclusive d'un logiciel, sans aller chercher plus loin ou sans se renseigner sur comment importer des éléments provenant d'autres logiciels, mais plus que cela cette approche exclusive est limitée par les outils fonctionnels sans avoir à comprendre quoi que ce soit. S'il est nécessaire d'aller chercher dans les différents paramètres, beaucoup abandonnent en assumant leur non-compétence, soit en la reprochant au programme.
\begin{figure}[t]
\centering
\subfloat[Première sous-légende\label{fig:sl1}]{\includegraphics[width=3cm]{cdrom}}\qquad
\subfloat[Seconde sous-légende\label{fig:sl2}]{\includegraphics[width=3cm]{cdrom}}
\caption{Légende principale}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure}
\end{lstlisting}
Remarquez la commande \lstinline|\credit{...}| permettant de référencer la figure multiple dans la liste des figures.
\end{comment}
% Documentation du module subcaption, qui a remplacé subfig car mieux supporté par hyperref
Un autre environnement de placement des figures est permis par le module \verb|subcaption|\index{subcaption}. Il permet de placer plusieurs figures\index{figure!plusieurs} l'une à côté de l'autre avec pour chacune une sous-légende\index{figure!sous-légende} et pour les deux une légende. Le résultat est donné à la figure \ref{fig:lp}, page \pageref{fig:lp}, avec deux sous-figures \ref{fig:sl1} et \ref{fig:sl2}, sous-légendées.
Le code nécessaire pour placer ces figures est celui du listing \ref{listing:subfig}. Mais la documentation du module \verb|subcaption|\index{module!subcaption} vous en dira plus sur le placement d'un plus grand nombre de sous-figures.
\begin{figure}[t]
\centering
\begin{subfigure}[b]{0.45\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Première sous-légende\label{fig:sl1}}
\end{subfigure}\quad
\begin{subfigure}[b]{0.45\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Seconde sous-légende\label{fig:sl2}}
\end{subfigure}
\caption{Légende principale d'une multi-figure}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure}
\begin{lstlisting}[float,caption={Commande de placement de multiples figures},label={listing:subfig}]
\begin{figure}[t]
\centering
\begin{subfigure}[b]{0.5\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Première sous-légende\label{fig:sl1}}
\end{subfigure}\qquad
\begin{subfigure}[b]{0.5\textwidth}
\centering
\includegraphics[width=3cm]{cdrom}
\caption{Seconde sous-légende\label{fig:sl2}}
\end{subfigure}
\caption{Légende principale d'une multi-figure}\label{fig:lp}\credit{Crédit figure multiple}
\end{figure}
\end{lstlisting}
Remarquez la commande \lstinline|\credit{...}| permettant de référencer la figure multiple dans la liste des figures.
\medskip
Par ailleurs, si vous désirez changer l'intitulé de la référence, en l'occurence \og Figure \fg{}, par \og Graphique \fg{} par exemple, décommentez la deuxième ligne du listing \ref{listing:intituleref} se trouvant dans le fichier \verb|config.tex|.
\medskip
Remarquez enfin, qu'il est possible d'activer ou de désactiver l'affichage d'une page présentant une liste des figures\index{liste des figures} avec une référence aux pages où elles se trouvent. Pour cela, il suffit de décommenter la commande \lstinline|\unelistefig| du fichier de configuration \verb|config.tex|.
Qu'il est possible d'activer ou de désactiver l'affichage de la page présentant la liste des crédits photographiques\index{liste des crédits photographiques} avec une référence aux pages où ils se trouvent. Pour cela, il suffit de décommenter la commande \lstinline|\unelistecredits| du fichier de configuration \verb|config.tex|.
\section{Tableaux\index{tableau}}
Les environnements permettant de réaliser des tableaux sont nombreux. Il n'est pas envisageable ici de les présenter tous. On se contentera donc de quelques exemples d'une complexité modeste. À vous de parcourir la littérature pour apprendre à composer en \LaTeX{} des tableaux à votre goût. La structure générale est celle du tableau ci-dessous, composé par la partie du code \ref{listing:tableau} à l'intérieur de l'environnement tabular. L'absence de \verb|centering| se traduit par un tableau au fer à gauche.
\bigskip
\begin{tabular}{|c|c|}
\hline
élément 1 & élément 2 \\
\hline
élément 3 & élément 4 \\
\hline
\end{tabular}
\smallskip
Évidemment, un tel tableau est très incomplet. Il y manque une structure de flottant permettant de laisser \LaTeX{} réaliser son placement avec un titre et une référence. De plus sans cette structure, il ne sera pas référencé dans la table des tableaux.
Pour ce faire, il faut donc y ajouter l'environnement de \emph{table} encadrant celui de \emph{tabular}, comme présenté dans le code \ref{listing:tableau}.
\begin{lstlisting}[float,caption={L'environnement pour placer un tableau},label={listing:tableau}]
\begin{table}
\centering
\begin{tabular}{|c|c|}
\hline
élément 1 & élément 2 \\
\hline
élément 3 & élément 4 \\
\hline
\end{tabular}
\caption{Un tablau d'éléments}
\end{table}
\end{lstlisting}
\begin{table}
\centering
\begin{tabular}{|c|c|}
\hline
élément 1 & élément 2 \\
\hline
élément 3 & élément 4 \\
\hline
\end{tabular}
\caption{Un tableau d'éléments}\label{tab:tableauSimple}
\end{table}
Cela rend le tableau flottant \ref{tab:tableauSimple}, permet son placement de manière adéquate par \LaTeX{} et l'inscrit (éventuellement après deux compilations successives) dans la liste des tableaux.
\medskip
Si vous désirez changer l'intitulé de la référence, en l'occurence \og Table \fg{}, par \og Tableau \fg{} par exemple, décommentez la dernière ligne du listing \ref{listing:intituleref} se trouvant dans le fichier \verb|config.tex|.
\begin{lstlisting}[float,caption={Changer l'intitulé de la référence},label={listing:intituleref}]
% Pour changer le nom des titre des références des légendes décommentez à souhait
%\addto\captionsfrench{\def\figurename{Graphique}}
%\addto\captionsfrench{\def\tablename{Tableau}}
\end{lstlisting}
Évidemment des tableaux bien plus complexes peuvent être produits pas \LaTeX.
\medskip
On pense généralement qu'il est bien plus facile de produire des tableaux avec un tableur tel LibreOffice calc ou autre équivalent propriétaire. Pourtant, si on comprend que les ordinateurs peuvent aujourd'hui fournir rapidement des mesures par millier ou centaines de millier, on peut imaginer la difficulté à les introduire dans un tableur. Cela ne se fait évidemment pas. L'acquisition de ces mesures se fait dans des fichiers textes, analysés par des logiciels travaillant à partir de ceux-ci pour fournir de petits tableaux les résumant. Leur représentation par \LaTeX{} est alors parfaitement réalisable et peut même se faire automatiquement. Sans les utiliser ici, il faut souligner la pertinence des outils \LaTeX{} dans ce cadre.
Une autre manière de gérer les tableaux, moins efficace, mais plus simple, consiste à les importer depuis un tableur. Pour cela, il est nécessaire d'utiliser depuis ce dernier un filtre d'exportation pour \LaTeX. L'un des tableur libre et gratuit beaucoup utilisé au lycée dans les branches scientifiques est \emph{Gnumeric}. Nous allons le prendre en exemple pour réaliser une exportation d'un tableau un peu plus complexe que celui ci-dessus.
\tmfigureN{gnumeric}{Tableau dans Gnumeric}{fig:gnumeric}{GFDL}
La figure \ref{fig:gnumeric}, page \pageref{fig:gnumeric}, montre le tableau dans \emph{Gnumeric} et le développement du menu permettant l'export de celui-ci sous forme de \emph{Fragment de table LaTex 2e (*.tex)} à sélectionner dans la fenêtre qui s'ouvre sous \emph{Type de fichier} en bas de celle-ci. Puis, il faut l'enregistrer dans le répertoire images du modèle de TM. Ouvrez-le dans \emph{Texmaker}. Suivant les versions du filtre d'exportation, il se peut que \LaTeX{} vous dise ne pouvoir l'ouvrir avec l'encodage UTF8. Choisissez néanmoins cet encodage, corrigez tous les caractères mal encodés et réenregistrez-le.
Pour l'importer dans \LaTeX, on peut alors utiliser la commande \verb|input{}| dans un environnement de tableau, comme présenté dans le code \ref{listing:tableauGnumeric}
\begin{lstlisting}[float,caption={L'environnement pour importer un tableau Gnumeric},label={listing:tableauGnumeric}]
\begin{table}
\centering
\begin{tabular}{|c|c|c|c|c|}
\input{images/tableauUTF8.tex}
\end{tabular}
\caption{Un tablau plus complexe}\label{tab:tableauGnumeric}
\end{table}
\end{lstlisting}
\begin{table}
\centering
\begin{tabular}{|c|c|c|c|c|}
\input{images/tableauUTF8.tex}
\end{tabular}
\caption{Un tableau plus complexe}\label{tab:tableauGnumeric}
\end{table}
Comme on le voit dans la table \ref{tab:tableauGnumeric}, il manque plusieurs bordures, car l'export du tableau Gnumeric en \LaTeX{} se limite aux données. C'est à vous de réaliser la mise en forme. Cela est déjà partiellement réalisé dans le code \ref{listing:tableauGnumeric} par l'adoption de cinq colonnes centrées avec des bordures verticales (|c|c|c|c|c|). Pour les bordures horizontales, il faut les ajouter dans le code exporté par \emph{Gnumeric} avec des \verb|\hline|, utiliser la commande \verb|\multicolumn| comme décrite dans le listing \ref{listing:tableauGnumericFinal} et ne pas utiliser \verb|\input| qui n'importe pas correctement \verb|\hline| et \verb|\multicolumn|. Il faut donc simplement copier le code fourni par \emph{Gnumeric} dans l'environnement \verb|tabular|. Le résultat est donné dans la table \ref{tab:tableauGnumericFinal}.
\begin{lstlisting}[float,caption={Un tableau plus complexe},label={listing:tableauGnumericFinal}]
\begin{table}
\centering
\begin{tabular}{|c|c|c|c||c|}
\hline
\multicolumn{5}{|c|}{Grandeurs} \\ \hline
\multicolumn{4}{|c||}{brutes} &dérivées\\ \hline
x &I(x) &t &I(t) &a\\ \hline
cm &cm &s &s &cm/s$^2$\\ \hline\hline
10 &0.5 &0.143 &0.002 &9.81\\ \hline
20 &1.0 &0.202 &0.002 &9.81\\ \hline
30 &1.5 &0.247 &0.002 &9.81\\ \hline
40 &2.0 &0.286 &0.002 &9.81\\ \hline
50 &2.5 &0.319 &0.002 &9.81\\ \hline
60 &3.0 &0.350 &0.002 &9.81\\ \hline
70 &3.5 &0.378 &0.002 &9.81\\ \hline
80 &4.0 &0.404 &0.002 &9.81\\ \hline
90 &4.5 &0.428 &0.002 &9.81\\
\hline
\end{tabular}
\caption{Un tableau plus complexe}\label{tab:tableauGnumericFinal}
\end{table}
\end{lstlisting}
\begin{table}
\centering
\begin{tabular}{|c|c|c|c||c|}
\hline
\multicolumn{5}{|c|}{Grandeurs} \\ \hline
\multicolumn{4}{|c||}{brutes} &dérivées\\ \hline
x &I(x) &t &I(t) &a\\ \hline
cm &cm &s &s &cm/s$^2$\\ \hline\hline
10 &0.5 &0.143 &0.002 &9.81\\ \hline
20 &1.0 &0.202 &0.002 &9.81\\ \hline
30 &1.5 &0.247 &0.002 &9.81\\ \hline
40 &2.0 &0.286 &0.002 &9.81\\ \hline
50 &2.5 &0.319 &0.002 &9.81\\ \hline
60 &3.0 &0.350 &0.002 &9.81\\ \hline
70 &3.5 &0.378 &0.002 &9.81\\ \hline
80 &4.0 &0.404 &0.002 &9.81\\ \hline
90 &4.5 &0.428 &0.002 &9.81\\
\hline
\end{tabular}
\caption{Un tableau plus complexe}\label{tab:tableauGnumericFinal}
\end{table}
\section{Graphiques\index{graphiques}}
Les graphiques peuvent être traités de deux manières différentes dans \LaTeX.
\begin{enumerate}
\item Soit on les réalise préalablement avec un tableur comme \emph{Gnumeric} et on les importe comme une figure après les avoir convertis en eps et/ou jpg. Il faut alors ne pas leur mettre de titre, car c'est l'environnement de figure qui va s'en charger via la commande \verb|\label|.
\item Soit on utilise un grapheur spécifique comme \emph{Gnuplot} qui s'intègre complètement à \LaTeX et fournit des graphiques de très haute qualité.
\end{enumerate}
On laissera au lecteur intéressé le soin de découvrir \emph{Gnuplot}, que nous recommandons, mais dont l'utilisation dépasse le cadre d'un travail de maturité.
Cependant, pour référence, nous présentons ci-dessous un exemple de graphe réalisé avec Gnuplot et le code du listing \ref{listing:gnuplotlatex}, correspondant à la figure \ref{pic:gnuplotlatex}, page \pageref{pic:gnuplotlatex}.
\begin{lstlisting}[float,caption={Exemple de code Gnuplot dans \LaTeX},label={listing:gnuplotlatex}]
\begin{figure}%
\centering%
\begin{gnuplot}[terminal=epslatex, terminaloptions=color dashed]
set key bottom left Left
set key width 1.5
set sample 1000
set xr [0:110]
set yr [0:20]
set xlabel 'Masse (\si{\gram})' # attention il faut parfois utiliser certains guillemets
# notamment quand on utilise la commande \si, il faut impérativement des primes '...'
set ylabel "Période (puls)"
#plot test.txt w l lc 1 t "$\sin(x)$",cos(x) w l lc 2 t "$\cos(x)$",tan(x) w l lc 3 t "$\tan(x)$",tanh(x) w l lc 4 t "$\tanh(x)$"
plot 'test.txt'\
index 2 u 1:2:3 title 'Petites masses' w yerrorbars pt 4
\end{gnuplot}
\caption[Période vs masse]{Le pendule simple\par \small Période vs masse (L~=~\SI{1}{\metre} ; \(\alpha = \SI{30}{\degres}\))}%
\label{pic:gnuplotlatex}%
\end{figure}%
\end{lstlisting}
Relevez que le fichier des données, nommé \emph{test.txt}, est ici situé au même niveau que le fichier \emph{main.tex}. Nous ne commenterons pas ici les commandes permettant d'obtenir le graphe de la figure \ref{pic:gnuplotlatex}.
\begin{figure}%
\centering%
\begin{gnuplot}[terminal=epslatex, terminaloptions=color dashed]
set key bottom left Left
set key width 1.5
set sample 1000
set xr [0:110]
set yr [0:20]
set xlabel 'Masse (\si{\gram})' # attention il faut parfois utiliser certains guillemets
# notamment quand on utilise la commande \si, il faut impérativement des primes '...'
set ylabel "Période (puls)"
#plot test.txt w l lc 1 t "$\sin(x)$",cos(x) w l lc 2 t "$\cos(x)$",tan(x) w l lc 3 t "$\tan(x)$",tanh(x) w l lc 4 t "$\tanh(x)$"
plot 'test.txt'\
index 2 u 1:2:3 title 'Petites masses' w yerrorbars pt 4
\end{gnuplot}
\caption[Période vs masse]{Le pendule simple\par \small Période vs masse (L~=~\SI{1}{\metre} ; \(\alpha = \SI{30}{\degres}\))}%
\label{pic:gnuplotlatex}%
\end{figure}%
Pour permettre à \LaTeX{} d'utiliser Gnuplot, il est nécessaire d'ajouter les options~: \emph{-enable-write18 -shell-escape} à la commande de compilation \lstinline|latex|. Ainsi, pour Texmaker, sous \og Configurer Texmaker \fg{} du menu \emph{Options}, la ligne \lstinline|LaTeX| de l'onglet \emph{Commandes} doit être la suivante~: \lstinline|latex -enable-write18 -shell-escape -interaction=nonstopmode %.tex|.
\section{Code source\index{code source}}
Pour les travaux de maturité en informatique, il est nécessaire de pouvoir présenter du code. Pour cela on utilise l'environnement \lstinline|lstlisting| (du pacakge listings\index{module!listings}) que le code \ref{listing:gestioncode} présente et qui constitue en lui-même le résultat qu'on obtient.
\begin{lstlisting}[float,caption={L'environnement pour placer du code},label={listing:gestioncode}]
\begin{lstlisting}[float,caption={Legende du code},label={listing:votreLabel}]
Placez le code ici.
\end{lstlisting } <- sans l'espace !
\end{lstlisting}
\section{Bibliographie}\index{bibliographie}\label{bibliographie}
Une bibliographie est absolument nécessaire pour un travail de maturité. La bibliographie peut être une chose complexe. Pour la simplifier au mieux, il faut dire que sa mise en place se fait en plusieurs temps : la construction de la base de donnée des références, puis la mise en place des citations dans le texte et enfin le placement de la bibliographie à la fin du travail.
Ensuite, pour le présent modèle de travail de maturité, le choix de séparer les ouvrages papier, tels que les livres ou articles de périodiques, des références en ligne, tels les liens vers les sites internet, a été clairement fait en raison de la difficulté de lecture des url. Cependant, cette séparation se fait automatiquement grâce à un module de gestion de la bibliographie et un moteur de construction de celle-ci qui n'est pas celui utilisé de manière standard. Celui utilisé est par contre bien plus performant et simplifie considérablement la construction de la bibliographie. Le module s'appelle biblatex et le moteur est biber et non bibtex, qui est utilisé en standard. Ainsi, pour pouvoir créer la bibliographie de votre travail de maturité, plusieurs opérations vont devoir être réalisées.
\subsection{Base bibliographique\index{base bibliographique}}
Commençons par les références. Le fichier dans lesquelles doivent se trouver les différents éléments de la bibliographie se nomme \verb|main.bib|. Le code \listingref{listing:basebiblio}\index{basebbib.bib} présente les éléments nécessaires à la bibliographie du présent document.
Essentiellement, on trouve deux types d'entrées :
\begin{itemize}
\item des ouvrages papier et son url\index{url} et
\item des sites internet.
\end{itemize}
Dans le code \listingref{listing:basebiblio}, ne figurent que quelques entrées caractéristiques. On y voit deux types d'entrées, un livre (@Book) et deux sites (@Online).
Chaque élément est identifié par une clé\index{clé bibliographique} bibliographique, Mittelbach, wBiblatex et wEdTM, dans le cas présent.Il s'agit d'un mot librement choisi, mais unique, sans espace, sans accents et sans caractères particuliers. Remarquez ici la présence d'un \og w \fg{} dans la clé de la citation des références en lignes. Il est purement conventionnel, car la séparation des bibliographies en \og Ouvrages papier \fg{} et \og Références en ligne \fg{} est produite par le type de citations. En effet, seules les citations @Online seront placées dans les références en ligne.
Puis, se trouvent des éléments particuliers à chaque référence, qui peuvent être très variés et qui sont décrits dans le manuel de biblatex \cite[][\S{} 2.1, p. 8]{wBiblatex}. En fonction des types d'ouvrages, certains peuvent être obligatoires ou facultatifs.
Par exemple, pour les références web, l'url et la date de la consultation\index{date de consultation} (urldate) sont \emph{obligatoires}.
\begin{lstlisting}[float,caption={La référence à un site web},label={listing:basebiblio}]
% Encoding: UTF-8
@Book{Mittelbach,
author = {Frank Mittelbach and Michel Goossens},
title = {\LaTeX Companion},
year = {2005},
editor = {Pearson Education},
note = {Ouvrage exhaustif. La référence en la matière.},
owner = {pi},
timestamp = {2021-02-18},
}
@Online{wBiblatex,
title = {The biblatex Package},
url = {http://mirrors.ibiblio.org/CTAN/macros/latex/contrib/biblatex/doc/biblatex.pdf},
urldate = {2021-02-20},
}
@Online{wEdTM,
title ={Édition d'un travail de maturité avec \LaTeX},
url = {http://www.rpn.ch/lbc/Nouveau/spip/spip.php?article79},
urldate = {2012-08-12},
}
@Comment{jabref-meta: databaseType:biblatex;}
\end{lstlisting}
\medskip
Si vous ne désirez pas travailler directement dans le fichier \verb|main.bib| pour y reporter vos références, il existe des interfaces graphiques permettant de le remplir automatiquement. Citons ici \emph{JabRef} dont vous pouvez voir l'interface sur la figures \figref{fig:jabref}.
\tmfigureB{jabref}{Une interface graphique pour les références : JabRef}{fig:jabref}{Capture d'écran}
Celle-ci est pratique pour trouver les champs obligatoires et facultatifs des types de références et peut même être utilisée pour des recherches sur internet. D'autres outils sont évidemment disponibles comme \emph{Zotero}, par exemple.
\subsection{Références bibliographiques}
Pour placer une référence\index{référence} bibliographique dans le texte, il faut utiliser la commande \lstinline|\cite{mareference}|. Elle se met directement dans le texte et sera traduite à la compilation\index{compilation} en un numéro permettant de la retrouver le site dans la liste des références en fin de document.
Par exemple, en plaçant la commande \lstinline|\cite{wGNUDoc}| dans ce texte, on obtient la référence \cite{wGNUDoc} dont le numéro, qui figure dans la liste des sites web à la fin de ce document, réfère au site contenant le texte de la licence libre GFDL.
Les commandes de citation dans le texte de biblatex sont très nombreuses. Par exemple, il est possible de spécifier des éléments comme le numéro de page ou le paragraphe à l'intérieur de la citation. Ainsi, la liste des nombreuses commandes disponibles est donnée dans l'ouvrage \cite[][\S{} 3.9.1, p. 108]{wBiblatex} et la référence à cet ouvrage s'écrit ainsi : \lstinline|\cite[][\S{} 3.9.1, p. 108]{wBiblatex}| où les premiers crochets permettent de mettre du texte avant la citation et les seconds du texte après.
\smallskip \smallskip
Remarquez enfin, que si aucune référence\index{référence} \lstinline|\cite{unereference}| ne se trouve dans le texte, la page de référence des sites apparaîtra automatiquement dans une section spéciale nommée \emph{Références non citée}\label{nocite}. Dans le cas d'Umap, la réponse au problèmes de gestion de la forme des surfaces tient dans une extension nommé \emph{Leaflet} dont une introduction se trouve en annexe \ref{annexe:leafet}. Mais des outils plus simples permettant de réaliser un cercle par exemple existent aussi : \url{https://www.freemaptools.com/radius-around-point.htm}. Ils nécessitent cependant de comprendre comment exporter/importer ces formes et donc de la lecture.
\subsubsection*{Qgis}
Ce logiciel est un monument dédié à la cartographie. Les possibilités qu'il offre sont si nombreuses qu'il en devient difficile d'abord. Il est cependant incontournable pour produire des cartes papier et, moyennant une petite introduction, il est possible de le faire utiliser par des étudiants.
\subsection{Bibliographie\index{bibliographie}} Les travaux des paragraphes \ref{para:orientationspolitiques} et \ref{para:niveauxdevie} ont ainsi été réalisés avec Qgis. Comme dans le cas du travail sur l'urbanisation neuchâteloise (paragraphe \ref{para:urbanisationneuchateloise}), le premier problème a été de trouver le fond de carte adéquat. Or, les immenses possibilités de Qgis en terme de types de couches ont nécessité une aide pour trouver un fond de carte des frontières des pays exploitable par Qgis. La différence entre couche raster et vectorielle étant nouvelle pour les étudiants, les recherches n'ont pas été faciles.
La bibliographie est obligatoirement présente. Elle se compose de deux parties distinctes\footnote{Mais vous pouvez en ajouter d'autres. Pour cela voyez la documentation \cite{wBiblatex} du module biblatex.} : les livres et les ressources en ligne. Il n'y a rien à faire pour que celles-ci soient présentées.
De manière standard, les références qui se trouvent dans le texte consistent en une numérotation entre crochets par ordre d'apparition dans le texte. Il s'agit du style standard. Cependant, d'autres styles sont disponibles. Le \cite[\S{} 3.3.1, p. 74][]{wBiblatex} présente toute une série de styles différents, comme le très connu auteur-année (authoryear) qui remplace les numéros par [Guyot 1956], par exemple. \smallskip
Une fois le fond de carte trouvé, c'est le logiciel qui fut source de problèmes. Avec un grand nombre de pays, trouver où attribuer la bonne couleur à chacun et changer manuellement celles-ci a mené à des interrogations intéressante sur les moyens de le faire automatiquement et donc sur la présence d'une base de donnée qui pourrait indiquer la couleur à partir d'un chiffre, par exemple.
Pour spécifier le style désiré, il faut passer par le fichier \verb|config.tex| dans lequel se trouvent trois styles possibles. On peut en ajouter d'autres compatibles avec biblatex. Mais, il faut faire très attention. Si biblatex permet un split très efficace des éléments de la base de donnée bibliographique pour en faire de multiples bibliographies, il n'est pas encore possible de spécifier des styles différents pour chacune d'entre elles. Ainsi, si on spécifie le style \verb|authoryear| et que les champs des références online n'en contiennent pas, les clés ne pourront être créées et les références ne pourront apparaître. C'est logique, mais il faut bien le savoir. Parallèlement, avec autant de pays, le problème de la longueur de la légende s'est posé et consécutivement celui de l'enclassement par niveaux de couleurs. Les élèves ont ainsi pu se rendre compte de l'importance d'une légende bien construite et de la difficulté à la réaliser.
\subsection{Compilation\index{compilation}} Dans le cas du travail sur les niveaux de vie (paragraphe \ref{para:niveauxdevie}), les difficultés à découpler la légende de la liste des couleurs des pays ont été telles (pourtant quelques clicks) que les élèves ont proposé de la faire « manuellement » en prenant une capture d'écran de la carte et en y superposant l'image d'une légende réalisée avec un logiciel de dessin. Si ce n'est pas ce qui a été réalisé finalement, le document remis était une capture d'écran, montrant une très mauvaise compréhension des finalités de Qgis.
L'utilisation du module biblatex nécessite une structure de compilation particulière. Pour bibtex la séquence était : LaTeX-bibtex-LaTeX-LaTex. La première compilation permettais de relever les références dans le code source \LaTeX. Bibtex créait alors la bibliographie et les deux dernières compilation en \LaTeX permettaient de mettre en place les références et la bibliographie dans le texte. Avec le module multibib, il était nécessaire d'utiliser deux fois bibtex, une fois pour chaque bibliographie. \subsubsection*{Graphismes et bases de données}
Autant Umap que Qgis sont des logiciels essentiellement orienté interface graphique et non ligne de commande. Soit dit en passant, ce n'est pas le cas de Leaflet, sans pour autant que le constat suivant ne trouve de solution avec celui-ci en raison de l'utilisation du langage JavaScript, orienté serveur, qui déporte le problème sur l'échange de fichiers.
Avec le module biblatex, tout se fait en une seule fois : LaTeX-biber-LaTeX-LaTeX, même si deux bibliographies sont présentes. Cela est dû au fait que toutes les références bibliographiques se trouvent dans le même fichier et que biblatex est capable d'en trier certaines pour les mettre dans deux bibliographies différentes. À part pour les travaux réalisés avec Qgis, qui ont mené les élèves à interroger et à modifier la base de données associées aux fonds de cartes utilisés, il faut constater que la plupart des travaux réalisés se sont surtout focalisés sur le graphisme des cartes au détriment de l'analyse de données.
MAIS, il faut configurer correctement la compilation avec le logiciel que vous utilisez. De ce point de vue, c'est le travail de Maëlle et Charlotte (paragraphe \ref{para:urbanisationneuchateloise}) qui sort du lot. En effet, l'analyse spatiale y et couplée avec une analyse des données approfondie et même une critique de celle-ci très intéressante.
Par exemple, pour Texmaker, tout se passe dans l'option \og Configurer Texmaker \fg{} du menu \og Options \fg{}. Tout d'abord, comme on le voit dans la figure \figref{fig:biber}, page \pageref{fig:biber}, il faut changer la ligne \emph{biblatex} en y reportant le texte \emph{biber \%} et rien d'autre. C'est aussi le travail de Mathilde et Hélène sur les pollutions océaniques (paragraphe \ref{para:pollutionsoceaniques}) qui se base sur une analyse d'événement bien référencés sans pour autant être en relation directe avec une représentation de l'ampleur des phénomènes, par exemple en dimensionnant les « continents » de plastiques sur la base d'éléments factuels.
\tmfigureN{biber}{Choix du moteur biber}{fig:biber}{Capture d'écran} Dans une moindre mesure, et ce n'est probablement pas un hasard, les travaux utilisant Qgis ont aussi abordé les données permettant la représentation, par les couleurs politiques et les niveaux de vie.
Puis, il faut lancer une ou deux fois l'une des compilation complètes présentées dans la figure \figref{fig:compilrapide}, page \pageref{fig:compilrapide}, c'est-à-dire soit LaTeX + Bib(la)tex + LaTeX (2x) + dvips + ps2pdf + voir PDF, soit PdfLaTeX + Bib(la)tex + PdfLaTeX (2x) + voir PDF. Pour les autres travaux, si l'analyse de données est moins évidente, elle transparaît cependant en arrière plan comme dans les cartes Umap où les POI choisis traduisent évidemment recherche de données et une analyse des éléments choisis. On peut penser au menhirs, au parcours touristiques, comédies musicales ou merveilles chaux-de-fonnières.
\tmfigureN{compilrapide}{Compilations complètes}{fig:compilrapide}{Capture d'écran} \smallskip
Enfin, certains travaux, comme Ganymède, Panomatricks et le Parc d'attractions, se sont simplement abstenu de données pour privilégier la représentation graphique. On est là plus dans une cartographie artistique, même si un élément cartographique typique comme la légende est présent.
\section{Index}\index{index}\label{index}
Il n'est absolument pas nécessaire de réaliser un index pour un travail de maturité. La possibilité de le faire a néanmoins été maintenue au cas ou cela s'avèrerait nécessaire pour une raison ou une autre.
La procédure est simple.
\begin{enumerate}
\item Il faut ajouter après chaque terme devant figurer dan l'index (il faut les choisir manuellement, car une procédure automatique indexe beaucoup de termes dans des paragraphes ou ils sont en réalité inutiles pour décrire leur fonction) la commande \lstinline!\index{lemotaindexer}!. On peut aussi mettre plusieurs mots. Pour réaliser un regroupement hiérarchique, on peut utiliser le point d'exclamation ainsi : \lstinline|\index{référence!bibliographique}| et \lstinline|\index{référence!webographique}|. Ainsi, dans l'index, deux sous-entrées pour bibliographique et webographique seront créées.
\item Il faut compiler\index{compiler} une première fois le fichier \verb|main.tex|, puis lancer en ligne de commande ou dans le menu outil de Texmaker\index{Texmaker} la commande \lstinline|makeindex| et enfin recompiler une seconde fois.
\end{enumerate}

60
chapitres/chapter4.tex
View File

@ -1,58 +1,2 @@
\chapter{Structure\index{structure} et compilation\index{compilation}}\label{suite} \chapter{Conclusion}
Sans revenir sur le fonctionnement de \LaTeX, rappelons qu'il est nécessaire de passer par une étape de compilation pour obtenir le document final. Cette compilation\index{compilation} nécessite l'utilisation d'un grand nombre de fichiers qui sont organisés selon une structure bien précise. ddd
\section{Structure de fichiers}
\subsection{Description}
Pour s'y retrouver dans la multitude des fichiers qui peuplent le répertoire dans lequel se trouve le modèle de travail de maturité, il faut partir de la racine du projet, c'est à dire le répertoire dans lequel se trouve le fichier principal nommé : \verb|main.tex|\index{main.tex}. À l'intérieur de celui-ci se trouvent quatre répertoires particuliers : \verb|pagesspeciales|\index{répertoire!pagesspeciales}, \verb|chapitres|\index{répertoire!chapitres}, \verb|images|\index{répertoire!images} et \verb|code_source|\index{répertoire!code\_source} et plusieurs fichiers : toute une série de ceux-ci portent le nom \verb|main.xxx|\index{fichiers!main}, une autre le nom \verb|config.xxx|\index{fichiers!config}, une autre encore \verb|web.xxx|\index{fichiers!web}, certains portent le nom \verb|TM.sty|\index{fichiers!TM} et \verb|fancyheadings.sty|\index{fichiers!fancyheadings}, \verb|multibib.sty|\index{fichiers!multibib} et \verb|licence.txt|\index{fichiers!licence}.
Les \verb|main.xxx|\index{fichiers!main} sont issus de la compilation. À part \verb|main.tex|, il ne faut pas les toucher. Même \verb|main.tex|\index{main.tex} ne devrait pas être modifié, sauf rare exception comme celle permettant d'imposer des citations\index{citation} de références\index{référence} qui ne sont pas dans le texte (voir les paragraphe \ref{nocite} et \ref{nociteweb}, respectivement pages \pageref{nocite} et \pageref{nociteweb}). On ne doit que le compiler\index{compiler}.
Parmi les fichiers \verb|config.xxx|\index{fichiers!config}, seul le fichier \verb|config.tex|\index{config.tex} doit impérativement être lu et correctement remplis pour définir les réglages à faire pour son propre travail de maturité. Les réglages par défaut ne sont pas suffisant. Les principaux éléments de la page de titre\index{page de titre}, par exemple, doivent être spécifiés. Comme par défaut, l'ensemble des pages particulières est activé, il est probable qu'il faille en désactiver certaines. Ce fichier est donc particulièrement expliqué dans cette documentation elle-même, mais aussi à travers les commentaires présents dans le fichier.
Parmi les fichiers qui servent à la bibliographie, le fichier permettant de répertorier vos différentes est le fichier \verb|main.bib|\index{main.bib}. Il faut le remplir des références papier ou internet de votre travail pour la bibliographie\index{bibliographie} (voir la section \ref{bibliographie}, page \pageref{bibliographie}).
L'élément central du modèle de travail de maturité est \verb|TM.sty|\index{fichiers!TM}\index{TM.sty}. C'est le fichier de macros qui permet son bon fonctionnement. \emph{Il ne faut donc surtout pas y toucher}.
Finalement, les fichiers \verb|fancyheadings.sty|\index{fichiers!fancyheadings} et \verb|multibib.sty|\index{fichiers!multibib} sont nécessaires pour les entêtes et les deux bibliographies. Ce sont des modules chargés par \LaTeX{} et il ne faut pas les toucher.
Le fichier \verb|licence.tex|\index{fichiers!licence}\index{licence.tex} spécifie quant à lui le texte de la licence du modèle et/ou du travail de maturité.
\bigskip
Dans le répertoire \verb|pagesspeciales|\index{répertoire!pagesspeciales}, se trouvent les fichiers nécessaires à la définition des pages spéciales comme la page de titre (\verb|pagetitre.tex|)\index{pagetitre.tex} dont le fichier ne devrait pas être modifié autrement qu'à partir du fichier de configuration ou remplacé par \verb|page_titre.pdf| (voir l'item page de titre du paragraphe \ref{sec:configtex}, \pageref{sec:configtex}), la page de citation et dédicaces (\verb|citations.tex|)\index{citations.tex}, la page de remerciements (\verb|remerciements.tex|)\index{remerciements.tex}, la page du résumé (\verb|resume.tex|)\index{resume.tex}, la page des acronymes (\verb|acronymes.tex|)\index{acronymes.tex} et la page décrivant le site web éventuellement associé au travail de maturité (\verb|website.tex|)\index{website.tex}.
Dans le répertoire \verb|chapitres|\index{répertoire!chapitres} se trouvent les différents chapitres du travail de maturité, ainsi que sa conclusion. C'est principalement dans ceux-ci qu'il faut travailler.
Dans le répertoire \verb|images|\index{répertoire!images} se trouvent les images du travail de maturité. Elles doivent figurer chacune sous deux types : .eps\index{extension!eps} et .jpg\index{extention!jpg} ou .png\index{extension!png}. Généralement, on y met une version de type .eps et une autre de type .jpg de chaque image.
Finalement, dans le répertoire \verb|code_source|\index{répertoire!code\_source} se trouvent éventuellement des codes sources informatiques qui vont figurer dans le travail de maturité sous la forme de fichiers à inclure.\todo[line]{Préciser le mode d'inclusion.}
\subsection{Pratiquement}
Le modèle de travail de maturité se présente sous le forme d'un répertoire zippé. Il faut donc tout d'abord le décompresser et lire le fichier \verb|Lisez-moi.txt|\index{fichier!Lisez-moi.txt} ou \verb|readme.md|\index{fichier!readme.md} qui va vous diriger vers le présent texte qu'il faut lire.
Puis, il faut tenter une première compilation\index{compilation} du fichier \verb|main.tex|\index{main.tex} pour détecter des erreurs dues à l'éventuelle absence de certains modules\index{module} (packages) nécessaires et le cas échéant, il faut les installer et refaire la compilation jusqu'à ce qu'il n'y ait plus d'erreurs.
En particulier, les modules suivants sont indispensables :
\begin{description}
\item[texlive-lang-french] qui permet l'utilisation de la langue française de manière adéquate,
\item[texlive-lang-german] qui permet l'utilisation de la langue allemande de manière adéquate,
\item[texlive-science] qui permet l'utilisation du module \verb|siunitx| pour la gestion des unités et
\item[biber] pour la gestion de la bibliographie.
\end{description}
Sous linux, l'installation de ces modules se fait simplement par l'intermédiaire de la commande du listing \ref{listing:installmodules}.
\begin{lstlisting}[float,caption={Installation des modules},label={listing:installmodules}]
sudo apt install texlive-lang-french texlive-lang-german texlive-science biber
\end{lstlisting}
Alors seulement, le travail à proprement parlé peut commencer.
\section{Compilation}\label{sec:compilation}
Pour compiler\index{compiler} le document, il n'est théoriquement pas nécessaire de faire appel à un éditeur latex dédié. On peut tout faire à l'aide d'une bonne vieille console ou d'un simple éditeur de texte. Mais, il est évidemment plus pratique d'avoir recours à un éditeur dédié à \LaTeX{} comme Texmaker\index{Texmaker}.
Comme déjà dit, le document à compiler est \verb|main.tex|\index{main.tex}. Le modèle permet la compilation en postscript, via la chaîne de compilation : latex + dvips + ps2pdf\index{dvips}\index{ps2pdf} et ses dérivées introduisant la bibliographie via biber, et la compilation latex2pdf\index{latex2pdf} et ses dérivées pour la bibliographie. Vous pouvez donc choisir simplement celle que vous voulez. Le modèle la détectera.
Sachez cependant que la chaîne de compilation postscript nécessite des images au format eps uniquement, alors que la chaîne directe latex2pdf permet l'utilisation de jpg et png, à l'exception des eps. Il faut donc choisir dès le départ l'une ou l'autre des possibilités ou mettre systématiquement les deux types de fichiers dans le répertoire des images.
Compiler en postscript permet l'utilisation du grapheur Gnuplot\index{Gnuplot} directement et l'ajout de texte superposé à celui de la page. Cela permet aussi l'utilisation de Tikz\index{Tikz} ou autres langages utilisant postscript pour des sorties vectorielles très haute qualité, ce que ne permet pas latex2pdf.
Notez enfin que si vous voulez remplacer la page de titre du modèle par une page faite par vous-même en pdf, il faudra choisir la chaîne latex2pdf.

2
chapitres/chapter4.tex.bak Normal file
View File

@ -0,0 +1,2 @@
\chapter{Conclusion}
ddd

23
chapitres/conclusion.tex
View File

@ -4,11 +4,26 @@
\chapter{Conclusion} \chapter{Conclusion}
\section{Évolution} \section{Évolution}
Le modèle de travail de maturité présenté ici est encore très perfectible. N'hésitez pas à faire part de vos remarques, désirs, corrections, \dots{} à l'adresse : Le cours de cartographie et informatique va se poursuivre. Si les deux premières classes y ayant participé on rendu des travaux de qualité diverses, tous furent intéressants à divers point de vue.
vincent@cvgg.org Les consignes initiales étaient de réaliser informatiquement une carte, de la présenter par écrit et oralement. C'est tout. Il faut remarquer que malgré des consignes aussi minimales, les sujet abordés ont toujours été pertinent pour réaliser une carte.
Dans la mesure du possible, il en sera tenu compte. Le présent compte rendu des travaux réalisés à cependant mis en évidence des points problématiques qui nécessitent une précision des consignes~:
\begin{itemize}
\item Plusieurs cartes ont été livrées en basse résolution de part l'utilisation d'un logiciel de présentation par exemple, inadapté pour un rendu papier ou de part une méconnaissance des différences de résolution entre écran et papier qui est très présente chez des élèves qui font souvent des copies d'écran avec leur smartphones et n'impriment plus rien.
Pour les inviter à mieux prendre conscience de ces problèmes, il sera nécessaire d'imposer un document final sous la forme d'une image pouvant être imprimée en A3 par exemple.
\item Plusieurs cartes comprennent des éléments dynamiques, comme des photos, des vidéos ou des POI sur lesquels il faut cliquer pour voir l'information. Or généralement, dans la présentation écrite, seul un lien permet d'accéder à cette information dynamique, ce qui rend l'analyse et la conservation des cartes difficile.
Il sera donc nécessaire de préciser que l'ensemble des éléments caractéristiques de la carte doit figurer dans le compte rendu écrit. Pour une vidéo, des images de celles-ci peuvent être fournies ; pour une carte cliquable, les éléments développés devront être présents à l'écrit.
\item Le compte rendu du travail informatique réalisé pour obtenir les cartes est généralement très lacunaire, voire quasi inexistant. La raison en est simple : la description des outils utilisés ne fait pas sens. Un peintre ne parlera pas de ses pinceaux, un scientifique décrira peu ses outils d'analyse, un géographe ne détaillera pas comment ont été faites les cartes dont il se sert.
Or, aujourd'hui, l'éventail des outils disponibles permet de s'interroger sur la pertinence de leur utilisation, sur leur pérennité pour la conservation des cartes réalisées et sur l'éthique intellectuelle qui les sous-tends. Si aujourd'hui on doit s'interroger sur la nécessité de nos déplacements, sur l'adéquation des véhicules avec ceux-ci et sur leurs impacts sur l'environnement, on doit aussi en cartographie répondre des choix des outils informatique de production des cartes (voir l'introduction à l'ouvrage \cite{Laboulais}, \emph{Les \og coulisses \fg{} des cartes à l'époque moderne} ou \emph{Opérations cartographiques} \cite{Besse}).
Un important compte-rendu des étapes et des moyens de construction doit donc être disponible et il faudra insister sur l'importance de ce travail auprès d'élèves peu habitués à lui donner de la valeur.
\end{itemize}
\section{Conclusion} \section{Conclusion}
N'hésitez pas à vous lancer dans la rédaction de votre travail de maturité avec \LaTeX. Avec un brin de courage, vous verrez rapidement les immenses bénéfices de votre travail par la qualité du résultat. Ce modèle vous permettra de ne pas trop vous attarder sur le détails techniques qui font la composition correcte de votre document. Vous gagnerez ainsi beaucoup de temps. La valeur des production de cet atelier de cartographie informatique est manifeste. Il faut remercier les étudiants pour leur intérêt et leur créativité.
Mais il faut aussi constater les difficultés qu'ils ont faire reposer leurs cartes sur des éléments factuels autant qu'à justifier leur travail informatique.

29
chapitres/conclusion.tex.bak Normal file
View File

@ -0,0 +1,29 @@
% Attention, ce chapitre sera le chapitre 5,
% contrairement à ce que son nom de fichier pourrait faire penser !
\chapter{Conclusion}
\section{Évolution}
Le cours de cartographie et informatique va se poursuivre. Si les deux premières classes y ayant participé on rendu des travaux de qualité diverses, tous furent intéressants à divers point de vue.
Les consignes initiales étaient de réaliser informatiquement une carte, de la présenter par écrit et oralement. C'est tout. Il faut remarquer que malgré des consignes aussi minimales, les sujet abordés ont toujours été pertinent pour réaliser une carte.
Le présent compte rendu des travaux réalisés à cependant mis en évidence des points problématiques qui nécessitent une précision des consignes~:
\begin{itemize}
\item Plusieurs cartes ont été livrées en basse résolution de part l'utilisation d'un logiciel de présentation par exemple, inadapté pour un rendu papier ou de part une méconnaissance des différences de résolution entre écran et papier qui est très présente chez des élèves qui font souvent des copies d'écran avec leur smartphones et n'impriment plus rien.
Pour les inviter à mieux prendre conscience de ces problèmes, il sera nécessaire d'imposer un document final sous la forme d'une image pouvant être imprimée en A3 par exemple.
\item Plusieurs cartes comprennent des éléments dynamiques, comme des photos, des vidéos ou des POI sur lesquels il faut cliquer pour voir l'information. Or généralement, dans la présentation écrite, seul un lien permet d'accéder à cette information dynamique, ce qui rend l'analyse et la conservation des cartes difficile.
Il sera donc nécessaire de préciser que l'ensemble des éléments caractéristiques de la carte doit figurer dans le compte rendu écrit. Pour une vidéo, des images de celles-ci peuvent être fournies ; pour une carte cliquable, les éléments développés devront être présents à l'écrit.
\item Le compte rendu du travail informatique réalisé pour obtenir les cartes est généralement très lacunaire, voire quasi inexistant. La raison en est simple : la description des outils utilisés ne fait pas sens. Un peintre ne parlera pas de ses pinceaux, un scientifique décrira peu ses outils d'analyse, un géographe ne détaillera pas comment ont été faites les cartes dont il se sert.
Or, aujourd'hui, l'éventail des outils disponibles permet de s'interroger sur la pertinence de leur utilisation, sur leur pérennité pour la conservation des cartes réalisées et sur l'éthique intellectuelle qui les sous-tends. Si aujourd'hui on doit s'interroger sur la nécessité de nos déplacements, sur l'adéquation des véhicules avec ceux-ci et sur leurs impacts sur l'environnement, on doit aussi en cartographie répondre des choix des outils informatique de production des cartes (voir l'introduction à l'ouvrage \cite{Laboulais}, \emph{Les \og coulisses \fg{} des cartes à l'époque moderne} ou \emph{Opérations cartographiques} \cite{Besse}).
Un important compte-rendu des étapes et des moyens de construction doit donc être disponible et il faudra insister sur l'importance de ce travail auprès d'élèves peu habitués à lui donner de la valeur.
\end{itemize}
\section{Conclusion}
La valeur des production de cet atelier de cartographie informatique est manifeste. Il faut remercier les étudiants pour leur intérêt et leur créativité.
Mais il faut aussi constater les difficultés qu'ils ont faire reposer leurs cartes sur des éléments factuels autant qu'à justifier leur travail informatique.

46
config.tex
View File

@ -33,28 +33,27 @@
%---------------La page de titre--------------------------------------------------------- %---------------La page de titre---------------------------------------------------------
% Le titre du travail de maturité. % Le titre du travail de maturité.
\newcommand{\worktitle}{Titre} \newcommand{\worktitle}{\textsc{Cartographie}}
% Le sous-titre du travail. S'il n'y a pas de soustitre mettez : % Le sous-titre du travail. S'il n'y a pas de soustitre mettez :
%\newcommand{\worksubtitle}{} %\newcommand{\worksubtitle}{}
% Pour un sous-titre sur plusieurs lignes, mettez un double back slash % Pour un sous-titre sur plusieurs lignes, mettez un double back slash
\newcommand{\worksubtitle}{Voici un sous titre assez long \\ \newcommand{\worksubtitle}{et informatique}
sur plusieurs lignes}
% Texte au milieu de la page de titre. % Texte au milieu de la page de titre.
\newcommand{\worktype}{Travail de maturité} \newcommand{\worktype}{}
% L'auteur. % L'auteur.
\newcommand{\theauthor}{Vincent Guyot} \newcommand{\theauthor}{Lycée Blaise-Cendrars}
% La date de soumission du travail. % La date de soumission du travail.
\newcommand{\workdateyear}{20..} \newcommand{\workdateyear}{2023}
\newcommand{\workdatemonth}{Janvier} \newcommand{\workdatemonth}{Juin}
% L'indication pour le mentor % L'indication pour le mentor
\newcommand{\supervisorslabel}{Mentor} \newcommand{\supervisorslabel}{Sous la direction de}
% le prénom et le nom du mentor en petites capitales % le prénom et le nom du mentor en petites capitales
\newcommand{\worksupervisors}{ \newcommand{\worksupervisors}{
Vincent \textsc{Guyot} Jean-Philippe Rawyler et Vincent Guyot
} }
% Le type de page de titre désiré. % Le type de page de titre désiré.
@ -63,7 +62,7 @@
\newcommand{\typedepagetitre}{imagepagetitre} \newcommand{\typedepagetitre}{imagepagetitre}
% Pour la page de titre avec image, renseignez le nom de l'image sans extension à la place du texte « votreimage » sans le backslash : % Pour la page de titre avec image, renseignez le nom de l'image sans extension à la place du texte « votreimage » sans le backslash :
\newcommand{\votreimage}{votreimage} \newcommand{\votreimage}{CartedeFrancecorrigeeparordreduRoy}
%----------------Le pied de page----------------------------------------------------------- %----------------Le pied de page-----------------------------------------------------------
@ -75,11 +74,12 @@
% Décommentez si vous voulez que les deux images de logos au bas de la page de titre ne soient pas présentes. % Décommentez si vous voulez que les deux images de logos au bas de la page de titre ne soient pas présentes.
% Par défaut elles le sont. % Par défaut elles le sont.
%\newcommand{\leslogos}{N} \newcommand{\leslogos}{N}
% Choisissez si vous faites votre travail en option spécifique, en option complémentaire ou dans les ateliers interdisciplinaires % Choisissez si vous faites votre travail en option spécifique, en option complémentaire ou dans les ateliers interdisciplinaires
\newcommand{\loption}{Option spécifique} \newcommand{\loption}{Discipline obligatoire}
%\newcommand{\loption}{Option spécifique}
%\newcommand{\loption}{Specific option} %\newcommand{\loption}{Specific option}
%\newcommand{\loption}{Spezifische Option} %\newcommand{\loption}{Spezifische Option}
%\newcommand{\loption}{Option complémentaire} %\newcommand{\loption}{Option complémentaire}
@ -91,11 +91,11 @@
% Choisissez votre domaine en décommentant la bonne ligne ou en en rajoutant une. % Choisissez votre domaine en décommentant la bonne ligne ou en en rajoutant une.
\newcommand{\domaine}{Physique} %\newcommand{\domaine}{Physique}
%\newcommand{\domaine}{Physics} %\newcommand{\domaine}{Physics}
%\newcommand{\domaine}{Physik} %\newcommand{\domaine}{Physik}
%\newcommand{\domaine}{Informatique} \newcommand{\domaine}{Informatique}
%\newcommand{\domaine}{Informatics} %\newcommand{\domaine}{Informatics}
%\newcommand{\domaine}{Informatik} %\newcommand{\domaine}{Informatik}
@ -111,34 +111,34 @@
% Par défaut, il y a une page pouvant de dédicaces. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page pouvant de dédicaces. Décommentez si vous n'en voulez pas.
% Le fichier à remplir du texte désiré est pagesspeciales/remerciements.tex % Le fichier à remplir du texte désiré est pagesspeciales/remerciements.tex
%\newcommand{\unededicace}{N} \newcommand{\unededicace}{N}
% Par défaut, il y a une page de résumé. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page de résumé. Décommentez si vous n'en voulez pas.
% Le fichier à remplir du texte désiré est pagesspeciales/resume.tex % Le fichier à remplir du texte désiré est pagesspeciales/resume.tex
%\newcommand{\unresume}{N} \newcommand{\unresume}{N}
% Par défaut, il y a une page d'acronymes. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page d'acronymes. Décommentez si vous n'en voulez pas.
% Les acronymes sont à entrer dans le texte par \ac{BBC} % Les acronymes sont à entrer dans le texte par \ac{BBC}
% et le fichier à remplir pour en donner la traduction est pagesspeciales/acronymes.tex % et le fichier à remplir pour en donner la traduction est pagesspeciales/acronymes.tex
%\newcommand{\unacronyme}{N} \newcommand{\unacronyme}{N}
% Par défaut, il y a une page de licence. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page de licence. Décommentez si vous n'en voulez pas.
% Le fichier à remplir pour décrire le site est pagesspeciales/licence.tex % Le fichier à remplir pour décrire le site est pagesspeciales/licence.tex
%\newcommand{\unelicence}{N} \newcommand{\unelicence}{N}
% Par défaut, il y a une page sur le site du travail. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page sur le site du travail. Décommentez si vous n'en voulez pas.
% Le fichier à remplir pour le texte de la licence est pagesspeciales/website.tex % Le fichier à remplir pour le texte de la licence est pagesspeciales/website.tex
%\newcommand{\unsite}{N} \newcommand{\unsite}{N}
% Par défaut, il y a une page sur le cdrom du travail. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page sur le cdrom du travail. Décommentez si vous n'en voulez pas.
% Le fichier à remplir pour le texte de la licence est pagesspeciales/cdrom.tex % Le fichier à remplir pour le texte de la licence est pagesspeciales/cdrom.tex
%\newcommand{\uncdrom}{N} \newcommand{\uncdrom}{N}
% Par défaut, il n'y a pas de page d'index. Décommentez si vous en voulez une. % Par défaut, il n'y a pas de page d'index. Décommentez si vous en voulez une.
% Attention, même si hyperref supporte l'index, il ne fonctionne bien qu'avec % Attention, même si hyperref supporte l'index, il ne fonctionne bien qu'avec
% le mode papier. % le mode papier.
% Il faut alors mettre les clés d'index avec \index{mot} et faire un make index. % Il faut alors mettre les clés d'index avec \index{mot} et faire un make index.
\newcommand{\unindex}{Y} %\newcommand{\unindex}{Y}
% Par défaut, il y a une page d'annexes. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page d'annexes. Décommentez si vous n'en voulez pas.
% Vous pouvez utiliser la page d'annexes contenue dans le répertoire "chapitre" % Vous pouvez utiliser la page d'annexes contenue dans le répertoire "chapitre"
@ -150,7 +150,7 @@
%----------------Chapitres------------------------------------------------------------------------------ %----------------Chapitres------------------------------------------------------------------------------
% Le nombre de chapitres désirés % Le nombre de chapitres désirés
\newcommand{\nbchap}{4} \newcommand{\nbchap}{3}
%----------------Annexes------------------------------------------------------------------------------ %----------------Annexes------------------------------------------------------------------------------
% Le nombre d'annexes désirées % Le nombre d'annexes désirées
@ -191,7 +191,7 @@
%\newcommand{\unelistefig}{N} %\newcommand{\unelistefig}{N}
% Par défaut, il y a une liste des tables. Décommentez si vous n'en voulez pas. % Par défaut, il y a une liste des tables. Décommentez si vous n'en voulez pas.
%\newcommand{\unelistetbl}{N} \newcommand{\unelistetbl}{N}
% Par défaut, il y a une liste des codes sources. Décommentez si vous n'en voulez pas. % Par défaut, il y a une liste des codes sources. Décommentez si vous n'en voulez pas.
%\newcommand{\unelistelst}{N} %\newcommand{\unelistelst}{N}

46
config.tex.bak
View File

@ -33,28 +33,27 @@
%---------------La page de titre--------------------------------------------------------- %---------------La page de titre---------------------------------------------------------
% Le titre du travail de maturité. % Le titre du travail de maturité.
\newcommand{\worktitle}{Titre} \newcommand{\worktitle}{\textsc{Cartographie}}
% Le sous-titre du travail. S'il n'y a pas de soustitre mettez : % Le sous-titre du travail. S'il n'y a pas de soustitre mettez :
%\newcommand{\worksubtitle}{} %\newcommand{\worksubtitle}{}
% Pour un sous-titre sur plusieurs lignes, mettez un double back slash % Pour un sous-titre sur plusieurs lignes, mettez un double back slash
\newcommand{\worksubtitle}{Voici un sous titre assez long \\ \newcommand{\worksubtitle}{et informatique}
sur plusieurs lignes}
% Texte au milieu de la page de titre. % Texte au milieu de la page de titre.
\newcommand{\worktype}{Travail de maturité} \newcommand{\worktype}{}
% L'auteur. % L'auteur.
\newcommand{\theauthor}{Vincent Guyot} \newcommand{\theauthor}{Lycée Blaise-Cendrars}
% La date de soumission du travail. % La date de soumission du travail.
\newcommand{\workdateyear}{20..} \newcommand{\workdateyear}{2023}
\newcommand{\workdatemonth}{Janvier} \newcommand{\workdatemonth}{Juin}
% L'indication pour le mentor % L'indication pour le mentor
\newcommand{\supervisorslabel}{Mentor} \newcommand{\supervisorslabel}{Sous la direction de}
% le prénom et le nom du mentor en petites capitales % le prénom et le nom du mentor en petites capitales
\newcommand{\worksupervisors}{ \newcommand{\worksupervisors}{
Vincent \textsc{Guyot} Jean-Philippe Rawyler et Vincent Guyot
} }
% Le type de page de titre désiré. % Le type de page de titre désiré.
@ -63,7 +62,7 @@
\newcommand{\typedepagetitre}{imagepagetitre} \newcommand{\typedepagetitre}{imagepagetitre}
% Pour la page de titre avec image, renseignez le nom de l'image sans extension à la place du texte « votreimage » sans le backslash : % Pour la page de titre avec image, renseignez le nom de l'image sans extension à la place du texte « votreimage » sans le backslash :
\newcommand{\votreimage}{votreimage} \newcommand{\votreimage}{CartedeFrancecorrigeeparordreduRoy}
%----------------Le pied de page----------------------------------------------------------- %----------------Le pied de page-----------------------------------------------------------
@ -75,11 +74,12 @@
% Décommentez si vous voulez que les deux images de logos au bas de la page de titre ne soient pas présentes. % Décommentez si vous voulez que les deux images de logos au bas de la page de titre ne soient pas présentes.
% Par défaut elles le sont. % Par défaut elles le sont.
%\newcommand{\leslogos}{N} \newcommand{\leslogos}{N}
% Choisissez si vous faites votre travail en option spécifique, en option complémentaire ou dans les ateliers interdisciplinaires % Choisissez si vous faites votre travail en option spécifique, en option complémentaire ou dans les ateliers interdisciplinaires
\newcommand{\loption}{Option spécifique} \newcommand{\loption}{Discipline obligatoire}
%\newcommand{\loption}{Option spécifique}
%\newcommand{\loption}{Specific option} %\newcommand{\loption}{Specific option}
%\newcommand{\loption}{Spezifische Option} %\newcommand{\loption}{Spezifische Option}
%\newcommand{\loption}{Option complémentaire} %\newcommand{\loption}{Option complémentaire}
@ -91,11 +91,11 @@
% Choisissez votre domaine en décommentant la bonne ligne ou en en rajoutant une. % Choisissez votre domaine en décommentant la bonne ligne ou en en rajoutant une.
\newcommand{\domaine}{Physique} %\newcommand{\domaine}{Physique}
%\newcommand{\domaine}{Physics} %\newcommand{\domaine}{Physics}
%\newcommand{\domaine}{Physik} %\newcommand{\domaine}{Physik}
%\newcommand{\domaine}{Informatique} \newcommand{\domaine}{Informatique}
%\newcommand{\domaine}{Informatics} %\newcommand{\domaine}{Informatics}
%\newcommand{\domaine}{Informatik} %\newcommand{\domaine}{Informatik}
@ -111,16 +111,16 @@
% Par défaut, il y a une page pouvant de dédicaces. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page pouvant de dédicaces. Décommentez si vous n'en voulez pas.
% Le fichier à remplir du texte désiré est pagesspeciales/remerciements.tex % Le fichier à remplir du texte désiré est pagesspeciales/remerciements.tex
%\newcommand{\unededicace}{N} \newcommand{\unededicace}{N}
% Par défaut, il y a une page de résumé. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page de résumé. Décommentez si vous n'en voulez pas.
% Le fichier à remplir du texte désiré est pagesspeciales/resume.tex % Le fichier à remplir du texte désiré est pagesspeciales/resume.tex
%\newcommand{\unresume}{N} \newcommand{\unresume}{N}
% Par défaut, il y a une page d'acronymes. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page d'acronymes. Décommentez si vous n'en voulez pas.
% Les acronymes sont à entrer dans le texte par \ac{BBC} % Les acronymes sont à entrer dans le texte par \ac{BBC}
% et le fichier à remplir pour en donner la traduction est pagesspeciales/acronymes.tex % et le fichier à remplir pour en donner la traduction est pagesspeciales/acronymes.tex
%\newcommand{\unacronyme}{N} \newcommand{\unacronyme}{N}
% Par défaut, il y a une page de licence. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page de licence. Décommentez si vous n'en voulez pas.
% Le fichier à remplir pour décrire le site est pagesspeciales/licence.tex % Le fichier à remplir pour décrire le site est pagesspeciales/licence.tex
@ -128,17 +128,17 @@
% Par défaut, il y a une page sur le site du travail. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page sur le site du travail. Décommentez si vous n'en voulez pas.
% Le fichier à remplir pour le texte de la licence est pagesspeciales/website.tex % Le fichier à remplir pour le texte de la licence est pagesspeciales/website.tex
%\newcommand{\unsite}{N} \newcommand{\unsite}{N}
% Par défaut, il y a une page sur le cdrom du travail. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page sur le cdrom du travail. Décommentez si vous n'en voulez pas.
% Le fichier à remplir pour le texte de la licence est pagesspeciales/cdrom.tex % Le fichier à remplir pour le texte de la licence est pagesspeciales/cdrom.tex
%\newcommand{\uncdrom}{N} \newcommand{\uncdrom}{N}
% Par défaut, il n'y a pas de page d'index. Décommentez si vous en voulez une. % Par défaut, il n'y a pas de page d'index. Décommentez si vous en voulez une.
% Attention, même si hyperref supporte l'index, il ne fonctionne bien qu'avec % Attention, même si hyperref supporte l'index, il ne fonctionne bien qu'avec
% le mode papier. % le mode papier.
% Il faut alors mettre les clés d'index avec \index{mot} et faire un make index. % Il faut alors mettre les clés d'index avec \index{mot} et faire un make index.
\newcommand{\unindex}{Y} %\newcommand{\unindex}{Y}
% Par défaut, il y a une page d'annexes. Décommentez si vous n'en voulez pas. % Par défaut, il y a une page d'annexes. Décommentez si vous n'en voulez pas.
% Vous pouvez utiliser la page d'annexes contenue dans le répertoire "chapitre" % Vous pouvez utiliser la page d'annexes contenue dans le répertoire "chapitre"
@ -150,11 +150,11 @@
%----------------Chapitres------------------------------------------------------------------------------ %----------------Chapitres------------------------------------------------------------------------------
% Le nombre de chapitres désirés % Le nombre de chapitres désirés
\newcommand{\nbchap}{4} \newcommand{\nbchap}{3}
%----------------Annexes------------------------------------------------------------------------------ %----------------Annexes------------------------------------------------------------------------------
% Le nombre d'annexes désirées % Le nombre d'annexes désirées
\newcommand{\nbannexes}{3} \newcommand{\nbannexes}{2}
%----------------Listes des figures, tables et listings------------------------------------------------- %----------------Listes des figures, tables et listings-------------------------------------------------
% Définition du titre de la liste des figures. % Définition du titre de la liste des figures.
@ -191,7 +191,7 @@
%\newcommand{\unelistefig}{N} %\newcommand{\unelistefig}{N}
% Par défaut, il y a une liste des tables. Décommentez si vous n'en voulez pas. % Par défaut, il y a une liste des tables. Décommentez si vous n'en voulez pas.
%\newcommand{\unelistetbl}{N} \newcommand{\unelistetbl}{N}
% Par défaut, il y a une liste des codes sources. Décommentez si vous n'en voulez pas. % Par défaut, il y a une liste des codes sources. Décommentez si vous n'en voulez pas.
%\newcommand{\unelistelst}{N} %\newcommand{\unelistelst}{N}

20308
images/BeauxArts.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/BeauxArts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 557 KiB

21363
images/BeauxArts2.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/BeauxArts2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 582 KiB

63526
images/CarteGreatCircle.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/CarteGreatCircle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

51680
images/CartePollutionsGenerale.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/CartePollutionsGenerale.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

204138
images/CartedeFrancecorrigeeparordreduRoy.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/CartedeFrancecorrigeeparordreduRoy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 611 KiB

113614
images/CartedeFrancecorrigeeparordreduRoyRetouche.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/CartedeFrancecorrigeeparordreduRoyRetouche.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.5 MiB

12089
images/Comedies.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Comedies.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 335 KiB

29514
images/Equirectangular-projection.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Equirectangular-projection.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

54591
images/Ganymede.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Ganymede.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

51019
images/GanymedeBulle.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/GanymedeBulle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

25507
images/GanymedeEncre.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/GanymedeEncre.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 565 KiB

18848
images/GanymedeFeu.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/GanymedeFeu.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 416 KiB

5394
images/LeadersPolitiquesMonde.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/LeadersPolitiquesMonde.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 215 KiB

3012
images/LeadersPolitiquesMondeLegende.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/LeadersPolitiquesMondeLegende.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

8376
images/LeafletMerkatorGrandeEchelle.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/LeafletMerkatorGrandeEchelle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 230 KiB

8844
images/LeafletMerkatorPetiteEchelle.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/LeafletMerkatorPetiteEchelle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 242 KiB

22352
images/LegendeUmap.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/LegendeUmap.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 761 KiB

4038
images/LoxoOrthoDromie.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/LoxoOrthoDromie.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 193 KiB

3804
images/Loxodrome.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Loxodrome.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

329
images/Loxodrome.svg Normal file
View File

@ -0,0 +1,329 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
width="800"
height="800"
id="Sphere_wireframe_15deg_4r">
<title
id="title3">Sphere wireframe</title>
<desc
id="desc5">
Sphere wireframe
depicted with perspective projection
viewer distance from center: 4r
line distancd: 15°
line width: 2°
axial tilt: 37.5°
rotation: 11.25°
base color: #22326b
plotted with several adapted cubic bezier-curves
The plotcurves were calculated by some fancy python code. The bezier-curve
controlpoints are placed on tangents of the function-curve. They are
furthermore positioned in a way to minimize the average quadratic distance
between the bezier-curve and the function. This gives an accuracy, so that
the deviation is in no point greater than 0.00001.
about: http://commons.wikimedia.org/wiki/Image:Sphere_wireframe_15deg_4r.svg
source: http://commons.wikimedia.org/
rights: GNU Free Documentation license,
Creative Commons Attribution ShareAlike license
</desc>
<metadata
id="metadata96">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title>Sphere wireframe</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs7">
<linearGradient
id="linearGradient5378">
<stop
id="stop5380"
style="stop-color:#6395e8;stop-opacity:1"
offset="0" />
<stop
id="stop5382"
style="stop-color:#1b55b4;stop-opacity:1"
offset="1" />
</linearGradient>
<radialGradient
cx="-0.1"
cy="0.1"
r="1.2"
fx="-0.30000001"
fy="0.60000002"
id="LightSpot_front"
gradientUnits="userSpaceOnUse">
<stop
id="stop10"
style="stop-color:#b6bbce;stop-opacity:1"
offset="0" />
<stop
id="stop12"
style="stop-color:#8a94ba;stop-opacity:1"
offset="0.1" />
<stop
id="stop14"
style="stop-color:#5f6c99;stop-opacity:1"
offset="0.30000001" />
<stop
id="stop16"
style="stop-color:#22326b;stop-opacity:1"
offset="1" />
</radialGradient>
<radialGradient
cx="0.1"
cy="-0.1"
r="1.2"
fx="0.30000001"
fy="-0.60000002"
id="LightSpot_back"
gradientUnits="userSpaceOnUse">
<stop
id="stop19"
style="stop-color:#b6bbce;stop-opacity:1"
offset="0" />
<stop
id="stop21"
style="stop-color:#8a94ba;stop-opacity:1"
offset="0.1" />
<stop
id="stop23"
style="stop-color:#5f6c99;stop-opacity:1"
offset="0.30000001" />
<stop
id="stop25"
style="stop-color:#22326b;stop-opacity:1"
offset="1" />
</radialGradient>
<radialGradient
cx="0.1"
cy="-0.1"
r="1.2"
fx="0.30000001"
fy="-0.60000002"
id="radialGradient3207"
xlink:href="#LightSpot_back"
gradientUnits="userSpaceOnUse" />
<radialGradient
cx="-0.1"
cy="0.1"
r="1.2"
fx="-0.30000001"
fy="0.60000002"
id="radialGradient3249"
xlink:href="#LightSpot_front"
gradientUnits="userSpaceOnUse" />
<radialGradient
cx="110.4511"
cy="65.189087"
r="218.64407"
fx="110.4511"
fy="65.189087"
id="radialGradient5384"
xlink:href="#linearGradient5378"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,1.1550387,0,-31.270524)" />
<radialGradient
cx="-0.13049494"
cy="0.62298417"
r="0.99728251"
fx="-0.13049494"
fy="0.62298417"
id="radialGradient5414"
xlink:href="#linearGradient5378"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0,1,-1.0027249,0,0.49418681,0.75482389)" />
<radialGradient
cx="110.4511"
cy="65.189087"
r="218.64407"
fx="110.4511"
fy="65.189087"
id="radialGradient5416"
xlink:href="#linearGradient5378"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,1.1550387,0,-31.270524)" />
</defs>
<path
d="m 357.62712,201.69492 a 218.64407,252.54237 0 1 1 -437.288146,0 218.64407,252.54237 0 1 1 437.288146,0 z"
transform="matrix(1.7671201,-0.4734984,0.40994158,1.5299228,71.751594,157.16011)"
id="path3379"
style="fill:url(#radialGradient5416);fill-opacity:1;stroke:none" />
<g
transform="matrix(386.37033,-103.52762,-103.52762,-386.37033,400.03446,399.9295)"
id="front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none">
<path
d="M 0.51224,-0.85884 C 0.36984,-0.94377 0.18805,-0.9905 0,-0.9905 c -0.18805,0 -0.36984,0.04673 -0.51224,0.13166 -0.01067,0.00636 -0.02121,0.01292 -0.03164,0.01967 C -0.39661,-0.93461 -0.2021,-0.98776 0,-0.98776 c 0.20211,0 0.39661,0.05315 0.54388,0.14859 C 0.53345,-0.84592 0.52291,-0.85248 0.51224,-0.85884 z"
id="parallel_-30.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="m 0.83777,-0.54602 c -0.09323,-0.14304 -0.26676,-0.25671 -0.48419,-0.3171 -0.22612,-0.0628 -0.48103,-0.0628 -0.70715,0 -0.21744,0.06038 -0.39097,0.17405 -0.4842,0.3171 -0.00473,0.00726 -0.00937,0.01458 -0.01391,0.02195 0.09083,-0.14761 0.26651,-0.26571 0.48891,-0.3286 0.2316,-0.06549 0.49394,-0.06549 0.72554,0 0.22239,0.06289 0.39808,0.18099 0.48891,0.3286 C 0.84714,-0.53145 0.8425,-0.53876 0.83777,-0.54602 z"
id="parallel_-15.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.97781,-0.20948 C 0.94699,-0.35335 0.83527,-0.48582 0.66242,-0.58332 0.48098,-0.68567 0.24485,-0.74236 1e-5,-0.74236 c -0.24485,0 -0.48097,0.05668 -0.66242,0.15904 -0.17286,0.0975 -0.28458,0.22996 -0.3154,0.37384 -0.00165,0.0077 -0.00318,0.01528 -0.0046,0.02272 0.02765,-0.14542 0.13839,-0.27995 0.31224,-0.37919 C -0.48753,-0.6702 -0.24829,-0.72807 0,-0.72807 c 0.24828,0 0.48752,0.05787 0.67016,0.16212 0.17386,0.09924 0.2846,0.23377 0.31225,0.37919 C 0.98099,-0.1942 0.97946,-0.20178 0.97781,-0.20948 z"
id="parallel_0.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.9918,0.12782 C 1.01179,-0.02732 0.92267,-0.18063 0.74459,-0.29717 0.55582,-0.42069 0.28472,-0.49141 1e-5,-0.49141 c -0.28471,0 -0.55581,0.07071 -0.74458,0.19423 -0.1781,0.11654 -0.26722,0.26985 -0.24723,0.425 9.7e-4,0.00747 0.00199,0.01479 0.00308,0.02195 -0.02349,-0.15504 0.06361,-0.30896 0.24131,-0.42622 0.18847,-0.12435 0.46098,-0.1957 0.7474,-0.1957 0.28643,-1e-5 0.55893,0.07134 0.7474,0.19569 0.17772,0.11726 0.26482,0.27119 0.24133,0.42623 C 0.98985,0.14233 0.99087,0.13501 0.9918,0.12782 z"
id="parallel_15.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.89656,0.44292 C 0.9522,0.3303 0.93182,0.21079 0.83898,0.10539 0.73962,-0.0074 0.56432,-0.09607 0.34801,-0.14287 c -0.22319,-0.04829 -0.47281,-0.04829 -0.69601,0 -0.21631,0.0468 -0.39162,0.13547 -0.49098,0.24826 -0.09284,0.1054 -0.11322,0.22491 -0.05758,0.33753 0.00332,0.00672 0.00665,0.01328 0.00999,0.01968 -0.05818,-0.11151 -0.04005,-0.23039 0.05119,-0.33547 0.09762,-0.11243 0.27191,-0.20101 0.48771,-0.24782 0.22284,-0.04833 0.47248,-0.04834 0.69533,0 0.2158,0.0468 0.3901,0.13539 0.48772,0.24782 C 0.92662,0.23221 0.94475,0.35109 0.88657,0.4626 0.88991,0.4562 0.89324,0.44964 0.89656,0.44292 z"
id="parallel_30.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.69981,0.71433 C 0.79156,0.62445 0.80807,0.52048 0.74584,0.4247 0.679,0.32181 0.5272,0.23742 0.32747,0.19222 c -0.20782,-0.04703 -0.44713,-0.04703 -0.65494,0 -0.19973,0.0452 -0.35152,0.12959 -0.41837,0.23248 -0.06223,0.09578 -0.04572,0.19975 0.04603,0.28963 0.00564,0.00553 0.01124,0.01088 0.01678,0.01606 -0.09409,-0.08799 -0.11332,-0.19058 -0.05353,-0.28546 0.06419,-0.10186 0.2137,-0.18572 0.41153,-0.2307 0.20608,-0.04685 0.44398,-0.04685 0.65006,0 0.19783,0.04498 0.34734,0.12884 0.41153,0.2307 C 0.79635,0.53981 0.77712,0.6424 0.68303,0.73039 0.68857,0.72521 0.69417,0.71986 0.69981,0.71433 z"
id="parallel_45.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.38347,0.92355 C 0.49343,0.8779 0.5598,0.81445 0.56846,0.7468 0.57712,0.67914 0.52735,0.61259 0.42972,0.56141 0.32159,0.50472 0.16484,0.47216 0,0.47215 c -0.16484,0 -0.32159,0.03257 -0.42972,0.08926 -0.09763,0.05118 -0.1474,0.11773 -0.13874,0.18539 0.00866,0.06765 0.07503,0.1311 0.18499,0.17675 0.00948,0.00394 0.01901,0.00773 0.0286,0.01137 C -0.46806,0.89195 -0.5387,0.83025 -0.55113,0.76356 -0.56349,0.69727 -0.51734,0.63142 -0.42273,0.58054 -0.31766,0.52403 -0.16298,0.49141 -1e-5,0.49141 c 0.16298,0 0.31766,0.03262 0.42274,0.08913 0.09461,0.05088 0.14076,0.11672 0.1284,0.18302 C 0.5387,0.83025 0.46806,0.89195 0.35487,0.93492 0.36446,0.93128 0.37399,0.92749 0.38347,0.92355 z"
id="parallel_60.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.01867,0.99026 C 0.12814,0.98734 0.22545,0.95917 0.27331,0.91659 0.31779,0.87701 0.31339,0.83042 0.26156,0.79254 0.20334,0.74998 0.09461,0.72514 -0.01967,0.72835 -0.13087,0.73146 -0.22918,0.76063 -0.27585,0.8043 -0.31892,0.84461 -0.31188,0.89161 -0.2571,0.9292 -0.19795,0.96977 -0.0922,0.99321 0.01867,0.99026 z M 0.01757,0.98753 C -0.08636,0.9903 -0.18549,0.9684 -0.24097,0.93047 -0.29241,0.89529 -0.299,0.85128 -0.25849,0.81355 -0.21456,0.77263 -0.12202,0.74536 -0.0175,0.74259 0.08927,0.73976 0.19071,0.76295 0.24513,0.80259 0.29374,0.838 0.29793,0.88155 0.2563,0.91856 0.21149,0.95841 0.12025,0.98479 0.01757,0.98753 z"
id="parallel_75.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.01744,0.99985 C -0.00138,1.00018 -0.02571,0.83081 -0.04727,0.54875 -0.0726,0.21747 -0.0897,-0.21112 -0.09084,-0.54334 c -9.8e-4,-0.28282 0.00978,-0.45355 0.02856,-0.45472 0.00603,-3.7e-4 0.01204,-7e-4 0.01802,-9.6e-4 -0.01729,7.7e-4 -0.02666,0.17134 -0.02487,0.45425 0.00211,0.33248 0.01923,0.76165 0.04362,1.09326 0.02076,0.28219 0.04369,0.45149 0.06099,0.45088 -0.00601,2.1e-4 -0.01203,3.7e-4 -0.01804,4.8e-4 z"
id="meridian_75.0_front"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.12595,0.99204 C 0.06234,1.00011 -0.01641,0.92208 -0.09568,0.7722 -0.18764,0.59833 -0.27242,0.34273 -0.32919,0.06801 -0.38596,-0.2067 -0.40943,-0.47496 -0.39392,-0.67104 c 0.01337,-0.16901 0.05474,-0.27186 0.11634,-0.28966 0.00589,-0.0017 0.01189,-0.00338 0.018,-0.00502 -0.06108,0.01642 -0.10196,0.11845 -0.11492,0.28728 -0.01508,0.19631 0.00885,0.46592 0.06595,0.74222 0.05709,0.27629 0.14199,0.5333 0.23364,0.70754 C 0.00391,0.92118 0.08188,0.99865 0.14446,0.98951 0.1384,0.9904 0.13223,0.99124 0.12595,0.99204 z"
id="path72"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.2465,0.96914 C 0.1395,0.99636 0.00537,0.94041 -0.13079,0.81166 -0.27936,0.67116 -0.41873,0.45498 -0.51808,0.21073 -0.61744,-0.03352 -0.66854,-0.2856 -0.66022,-0.48991 c 0.00763,-0.18724 0.06463,-0.32093 0.16024,-0.37613 0.00574,-0.00331 0.01162,-0.00663 0.01763,-0.00994 -0.09651,0.05314 -0.15421,0.18613 -0.16209,0.37389 -0.00861,0.20517 0.04293,0.45944 0.14321,0.70598 0.10028,0.24653 0.24086,0.46458 0.39024,0.60548 0.1367,0.12895 0.27085,0.1839 0.37706,0.15458 C 0.25945,0.96578 0.25292,0.96751 0.2465,0.96914 z"
id="path74"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.3915,0.92018 C 0.25828,0.97686 0.08751,0.96022 -0.0903,0.87316 -0.27736,0.78158 -0.459,0.61854 -0.5995,0.41614 -0.73999,0.21374 -0.82922,-0.01344 -0.84962,-0.2207 c -0.01939,-0.19703 0.02474,-0.36285 0.12442,-0.46784 0.00535,-0.00564 0.01067,-0.01111 0.01594,-0.01641 -0.10261,0.10324 -0.14886,0.26933 -0.13026,0.46807 0.01958,0.20923 0.10962,0.43953 0.25203,0.64469 0.14241,0.20516 0.3267,0.37004 0.51587,0.46155 C 0.10807,0.95627 0.27985,0.97101 0.41245,0.91098 0.40538,0.91418 0.3984,0.91724 0.3915,0.92018 z"
id="path76"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.57458,0.81845 C 0.44048,0.91259 0.2599,0.9489 0.06234,0.92139 -0.14173,0.89298 -0.35118,0.79827 -0.52958,0.65374 -0.70799,0.50922 -0.84412,0.32399 -0.91426,0.13027 c -0.06792,-0.18755 -0.06988,-0.37174 -0.00563,-0.52245 0.00348,-0.00815 0.00706,-0.01626 0.01075,-0.02431 -0.06905,0.15072 -0.07003,0.33715 -0.00272,0.52793 0.06956,0.19717 0.2076,0.38632 0.38936,0.53356 0.18177,0.14724 0.39544,0.24301 0.60276,0.27013 C 0.28085,0.94138 0.46301,0.90172 0.59612,0.80289 0.58901,0.80817 0.58183,0.81336 0.57458,0.81845 z"
id="path78"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.79209,0.6104 C 0.68858,0.74472 0.53021,0.8415 0.34045,0.88636 0.14496,0.93257 -0.07292,0.9211 -0.27897,0.85377 -0.48502,0.78645 -0.66764,0.66705 -0.79812,0.51433 -0.92479,0.36608 -0.99546,0.19446 -0.99969,0.02494 c -2.5e-4,-0.0101 -3.5e-4,-0.02019 -3e-4,-0.03029 -9.2e-4,0.1729 0.06791,0.3494 0.19591,0.5022 0.13136,0.15683 0.3174,0.27959 0.5279,0.34837 0.21049,0.06879 0.43313,0.07956 0.63175,0.03055 C 0.5491,0.82803 0.70887,0.72622 0.81021,0.58613 0.8043,0.59431 0.79826,0.6024 0.79209,0.6104 z"
id="path80"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.96902,0.247 C 0.91233,0.4694 0.74111,0.6661 0.4987,0.78722 0.24959,0.91169 -0.0498,0.94393 -0.3197,0.87534 -0.58233,0.80859 -0.7915,0.65284 -0.89423,0.44761 -0.8989,0.43828 -0.90343,0.42887 -0.9078,0.41939 c 0.07269,0.15736 0.20815,0.28903 0.38601,0.37518 0.18304,0.08866 0.40063,0.12408 0.61818,0.10066 C 0.31393,0.87181 0.51899,0.79088 0.67897,0.66528 0.83442,0.54325 0.93874,0.38577 0.97627,0.21654 0.97401,0.22673 0.97159,0.23688 0.96902,0.247 z"
id="path82"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.98084,-0.19481 C 1.01358,-0.02995 0.97856,0.15269 0.88117,0.32469 0.781,0.50162 0.62072,0.65693 0.42665,0.76514 0.23259,0.87335 0.01622,0.92807 -0.18695,0.92029 -0.38447,0.91273 -0.55825,0.84653 -0.68128,0.73202 -0.68826,0.72553 -0.69513,0.71894 -0.70192,0.71226 -0.58042,0.83199 -0.40519,0.90237 -0.20436,0.91203 0.00234,0.92197 0.22358,0.867 0.42181,0.75646 0.62004,0.64592 0.7831,0.4866 0.88329,0.30554 0.98063,0.12961 1.01287,-0.05645 0.97488,-0.22275 c 0.00212,0.00929 0.00411,0.0186 0.00596,0.02794 z"
id="path84"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="M 0.83041,-0.55716 C 0.91752,-0.42733 0.94253,-0.24931 0.9011,-0.05369 0.85804,0.14958 0.74611,0.35835 0.58601,0.53406 0.42593,0.70972 0.22849,0.8405 0.03014,0.90221 -0.16076,0.96161 -0.3403,0.95322 -0.47764,0.87856 -0.48485,0.87464 -0.49201,0.87063 -0.49913,0.86653 -0.3626,0.94517 -0.18185,0.95617 0.0114,0.89753 0.21268,0.83645 0.41379,0.704 0.57658,0.52531 c 0.1628,-0.17868 0.276,-0.39122 0.31813,-0.5973 0.04044,-0.19786 0.01271,-0.37681 -0.07827,-0.50545 0.00474,0.00671 0.00939,0.01347 0.01397,0.02028 z"
id="path86"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="m 0.6133,-0.78985 c 0.10235,0.07947 0.15702,0.23016 0.15384,0.42432 C 0.76376,-0.15854 0.6949,0.08238 0.57492,0.30708 0.45497,0.53174 0.29311,0.72293 0.12304,0.84086 -0.0365,0.95149 -0.19209,0.98989 -0.31505,0.94907 -0.32171,0.94687 -0.32846,0.94455 -0.33531,0.94211 -0.21302,0.98563 -0.05689,0.9486 0.10385,0.83785 0.2754,0.71965 0.43917,0.52647 0.56049,0.29922 0.68181,0.07197 0.7512,-0.17158 0.75396,-0.37989 0.75656,-0.57507 0.70045,-0.72541 0.59625,-0.8028 c 0.00583,0.00433 0.01152,0.00865 0.01705,0.01295 z"
id="path88"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="m 0.38778,-0.92175 c 0.0814,0.03424 0.13347,0.15148 0.14639,0.32989 C 0.54868,-0.39152 0.51262,-0.13053 0.43433,0.13029 0.35603,0.39115 0.24236,0.6289 0.11989,0.78817 0.01084,0.92999 -0.09721,0.99917 -0.18401,0.98292 -0.19046,0.98172 -0.19678,0.98047 -0.20299,0.97918 -0.11712,0.99698 -0.00951,0.92854 0.09952,0.78662 0.22219,0.62692 0.33647,0.3875 0.41536,0.1247 0.49426,-0.1381 0.53075,-0.40088 0.51631,-0.60173 0.50348,-0.78024 0.45136,-0.89664 0.36988,-0.92908 c 0.00589,0.00235 0.01186,0.00479 0.0179,0.00733 z"
id="path90"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
<path
d="m 0.16928,-0.98557 c 0.04084,0.00702 0.06823,0.11108 0.0765,0.29078 C 0.25497,-0.49519 0.23977,-0.2201 0.20395,0.06166 0.1686,0.33974 0.11645,0.59839 0.06027,0.77436 0.01336,0.92131 -0.03304,1.00017 -0.07085,0.99749 -0.07692,0.99706 -0.08299,0.99657 -0.08905,0.99603 -0.05145,0.99939 -0.00478,0.91721 0.04245,0.76415 0.09931,0.57991 0.1519,0.30951 0.18664,0.02261 0.22138,-0.26429 0.23485,-0.53943 0.22361,-0.73192 0.21428,-0.89184 0.18857,-0.98278 0.15125,-0.9885 c 0.00592,9.1e-4 0.01193,0.00188 0.01803,0.00293 z"
id="path92"
style="fill:#739fec;fill-opacity:0.67647059;stroke:url(#radialGradient5414);stroke-width:0.0025;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
</g>
<path
d="m -377.65865,242.64507 c 56.55316,-14.18378 26.88799,98.41961 -5.58992,100.17197 -54.5376,2.94261 -55.14397,-81.99108 -28.61584,-125.86797 47.45261,-78.48546 157.23907,-80.73147 225.42385,-29.66092 94.539189,70.81006 288.03225,449.86543 41.27809,596.15996"
transform="matrix(0.70710678,0.53116649,-0.70710678,0.53116649,750.89192,118.22947)"
id="path4173"
style="fill:none;stroke:#ffffff;stroke-width:3.46137309;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:10.38411948, 10.38411948;stroke-dashoffset:0" />
<g
transform="matrix(0.93904164,0.34380344,-0.34380344,0.93904164,-43.959845,36.324862)"
id="g5350">
<path
d="m 270.9444,297.88228 a 30.508474,29.449152 0 0 1 28.3142,17.91647"
transform="matrix(1.6180555,0,0,1.7553957,-170.36252,-225.01829)"
id="path4176"
style="fill:none;stroke:#ffffff;stroke-width:1.18671322;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker-start:none;marker-mid:none" />
<path
d="m 315.88983,333.8983 0.84746,-11.44067 -10.06356,4.76695 z"
id="path5348"
style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<text
x="130.92828"
y="411.37402"
id="text5354"
xml:space="preserve"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"><tspan
x="130.92828"
y="411.37402"
id="tspan5356"
style="font-size:28px">β</tspan></text>
<g
transform="matrix(0.76537268,-0.64358733,0.64358733,0.76537268,29.643138,85.504193)"
id="g5358">
<path
d="m 270.9444,297.88228 a 30.508474,29.449152 0 0 1 28.3142,17.91647"
transform="matrix(1.6180555,0,0,1.7553957,-170.36252,-225.01829)"
id="path5360"
style="fill:none;stroke:#ffffff;stroke-width:1.18671322;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker-start:none;marker-mid:none" />
<path
d="m 315.88983,333.8983 0.84746,-11.44067 -10.06356,4.76695 z"
id="path5362"
style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<text
x="422.88135"
y="127.9661"
id="text5364"
xml:space="preserve"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"><tspan
x="422.88135"
y="127.9661"
id="tspan5366"
style="font-size:28px">β</tspan></text>
<g
transform="matrix(0.75090357,0.66041185,-0.66041185,0.75090357,239.56455,-284.36068)"
id="g5368">
<path
d="m 258.53281,300.53378 a 30.508474,29.449152 0 0 1 40.72579,15.26497"
transform="matrix(0.52151851,0.42264031,-0.45843293,0.56586982,237.66643,-23.134229)"
id="path5370"
style="fill:none;stroke:#ffffff;stroke-width:2.860461;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;stroke-dashoffset:0;marker-start:none;marker-mid:none" />
<path
d="m 249.27283,285.39269 4.79114,-7.41681 -8.55667,-0.49026 z"
id="path5372"
style="fill:#ffffff;fill-opacity:1;stroke:none" />
</g>
<text
x="256.77966"
y="83.05085"
id="text5374"
xml:space="preserve"
style="font-size:20px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Arial;-inkscape-font-specification:Arial"><tspan
x="256.77966"
y="83.05085"
id="tspan5376"
style="font-size:28px">β</tspan></text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

19467
images/MaisonReve.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/MaisonReve.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 604 KiB

40507
images/MarqueursEchelleGrandeDetaillee.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/MarqueursEchelleGrandeDetaillee.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

38854
images/MarqueursEchellePetiteVaste.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/MarqueursEchellePetiteVaste.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 875 KiB

16122
images/Menhirs.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Menhirs.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 596 KiB

30163
images/MerveillesChx.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/MerveillesChx.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

7268
images/NiveauxVie.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/NiveauxVie.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 326 KiB

41416
images/Orchestre.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Orchestre.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

16234
images/Pangee.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Pangee.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 555 KiB

25331
images/Panomatrix.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Panomatrix.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 398 KiB

150713
images/ParcAttraction.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/ParcAttraction.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 MiB

52902
images/Pollutions.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Pollutions.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

42646
images/PremiereCarteOceanPlastiqueLeaflet.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/PremiereCarteOceanPlastiqueLeaflet.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

157
images/ProjectionMerkatorSphere.eps Normal file
View File

@ -0,0 +1,157 @@
%!PS-Adobe-3.0 EPSF-3.0
%%Creator: cairo 1.16.0 (https://cairographics.org)
%%CreationDate: Sun Aug 6 21:48:26 2023
%%Pages: 1
%%DocumentData: Clean7Bit
%%LanguageLevel: 2
%%BoundingBox: 0 0 400 318
%%EndComments
%%BeginProlog
50 dict begin
/q { gsave } bind def
/Q { grestore } bind def
/cm { 6 array astore concat } bind def
/w { setlinewidth } bind def
/J { setlinecap } bind def
/j { setlinejoin } bind def
/M { setmiterlimit } bind def
/d { setdash } bind def
/m { moveto } bind def
/l { lineto } bind def
/c { curveto } bind def
/h { closepath } bind def
/re { exch dup neg 3 1 roll 5 3 roll moveto 0 rlineto
0 exch rlineto 0 rlineto closepath } bind def
/S { stroke } bind def
/f { fill } bind def
/f* { eofill } bind def
/n { newpath } bind def
/W { clip } bind def
/W* { eoclip } bind def
/BT { } bind def
/ET { } bind def
/BDC { mark 3 1 roll /BDC pdfmark } bind def
/EMC { mark /EMC pdfmark } bind def
/cairo_store_point { /cairo_point_y exch def /cairo_point_x exch def } def
/Tj { show currentpoint cairo_store_point } bind def
/TJ {
{
dup
type /stringtype eq
{ show } { -0.001 mul 0 cairo_font_matrix dtransform rmoveto } ifelse
} forall
currentpoint cairo_store_point
} bind def
/cairo_selectfont { cairo_font_matrix aload pop pop pop 0 0 6 array astore
cairo_font exch selectfont cairo_point_x cairo_point_y moveto } bind def
/Tf { pop /cairo_font exch def /cairo_font_matrix where
{ pop cairo_selectfont } if } bind def
/Td { matrix translate cairo_font_matrix matrix concatmatrix dup
/cairo_font_matrix exch def dup 4 get exch 5 get cairo_store_point
/cairo_font where { pop cairo_selectfont } if } bind def
/Tm { 2 copy 8 2 roll 6 array astore /cairo_font_matrix exch def
cairo_store_point /cairo_font where { pop cairo_selectfont } if } bind def
/g { setgray } bind def
/rg { setrgbcolor } bind def
/d1 { setcachedevice } bind def
/cairo_data_source {
CairoDataIndex CairoData length lt
{ CairoData CairoDataIndex get /CairoDataIndex CairoDataIndex 1 add def }
{ () } ifelse
} def
/cairo_flush_ascii85_file { cairo_ascii85_file status { cairo_ascii85_file flushfile } if } def
/cairo_image { image cairo_flush_ascii85_file } def
/cairo_imagemask { imagemask cairo_flush_ascii85_file } def
%%EndProlog
%%BeginSetup
%%EndSetup
%%Page: 1 1
%%BeginPageSetup
%%PageBoundingBox: 0 0 400 318
%%EndPageSetup
q 0 0 400 318 rectclip
1 0 0 -1 0 318 cm q
Q q
q
0 0 400 318 re W n
[ 1 0 0 1 0 0 ] concat
q
0 g
2.834646 w
0 J
0 j
[] 0.0 d
3 M q 1 0 0 1 0 0 cm
398.074 273.395 m 398.074 372.129 318.035 452.172 219.301 452.172 c 120.562
452.172 40.523 372.129 40.523 273.395 c 40.523 174.66 120.562 94.621 219.301
94.621 c 318.035 94.621 398.074 174.66 398.074 273.395 c h
398.074 273.395 m S Q
0.749999 w
4 M q 1 0 0 1 0 0 cm
299.504 111.508 m 299.504 -82.113 l -98.867 146.129 l -97.504 514.941 l
42.352 424.762 l S Q
0.744902 w
[ 4.469414 4.469414] 0 d
q 1 0 0 1 0 0 cm
42.352 424.762 m 298.992 263.156 l 299.281 115.109 l S Q
0.741078 w
[ 4.446453 4.446453] 0 d
q 1 0 0 1 0 0 cm
397.895 282.148 m 397.895 331.152 318.043 370.883 219.535 370.883 c 121.031
370.883 41.176 331.152 41.176 282.148 c 41.176 233.141 121.031 193.41 219.535
193.41 c 318.043 193.41 397.895 233.141 397.895 282.148 c h
397.895 282.148 m S Q
0.749999 w
[ 2.999991 2.999991] 0 d
q 1 0 0 1 0 0 cm
220.688 278.781 m 152.484 200.344 l 152.031 40.203 l 220.688 278.781 l S Q
[] 0.0 d
q 1 0 0 1 0 0 cm
220.688 278.781 m 104.691 214.094 l 104.691 61.367 l 220.688 278.781 l S Q
q 1 0 0 1 0 0 cm
147.461 139.254 m 177.543 127.828 l S Q
q 1 0 0 1 0 0 cm
104.691 61.367 m 152.031 40.203 l S Q
q 1 0 0 1 0 0 cm
104.691 214.094 m 104.812 178.203 173.668 95.398 221.293 94.945 c S Q
[ 2.249997 2.249997] 0 d
q 1 0 0 1 0 0 cm
152.484 200.344 m 151.133 160.301 188.07 94.586 221.293 94.945 c S Q
[] 0.0 d
q 1 0 0 1 0 0 cm
147.461 139.254 m 147.461 238.102 l S Q
[ 2.249997 2.249997] 0 d
q 1 0 0 1 0 0 cm
177.543 127.828 m 177.543 227.031 l S Q
[] 0.0 d
q 1 0 0 1 0 0 cm
147.461 238.102 m 176.531 227.664 l S Q
0.741078 w
[ 4.446453 4.446453] 0 d
q 1 0 0 1 0 0 cm
397.895 99.512 m 397.895 148.52 318.043 188.246 219.535 188.246 c 121.031
188.246 41.176 148.52 41.176 99.512 c 41.176 50.504 121.031 10.777 219.535
10.777 c 318.043 10.777 397.895 50.504 397.895 99.512 c h
397.895 99.512 m S Q
0.749999 w
[ 2.249997 2.249997] 0 d
q 1 0 0 1 0 0 cm
40.137 104.137 m 40.137 462.988 l 41.758 462.988 l S Q
[ 2.249997 2.249997] 0 d
q 1 0 0 1 0 0 cm
398.328 104.137 m 398.328 462.988 l 399.953 462.988 l S Q
[ 2.999996 5.999992] 0 d
q 1 0 0 1 0 0 cm
221.293 94.945 m 221.293 453.441 l S Q
[] 0.0 d
q 1 0 0 1 0 0 cm
199.094 237.57 m 200.543 235.07 202.09 233.605 207.316 232.836 c S Q
q 1 0 0 1 0 0 cm
205.047 250.246 m 201.586 253.203 198.375 256.547 199.137 266.086 c S Q
Q
Q
Q Q
showpage
%%Trailer
end
%%EOF

65
images/ProjectionMerkatorSphere.eps_tex Normal file
View File

@ -0,0 +1,65 @@
%% Creator: Inkscape 1.0.2 (e86c870879, 2021-01-15), www.inkscape.org
%% PDF/EPS/PS + LaTeX output extension by Johan Engelen, 2010
%% Accompanies image file 'ProjectionMerkatorSphere.eps' (pdf, eps, ps)
%%
%% To include the image in your LaTeX document, write
%% \input{<filename>.pdf_tex}
%% instead of
%% \includegraphics{<filename>.pdf}
%% To scale the image, write
%% \def\svgwidth{<desired width>}
%% \input{<filename>.pdf_tex}
%% instead of
%% \includegraphics[width=<desired width>]{<filename>.pdf}
%%
%% Images with a different path to the parent latex file can
%% be accessed with the `import' package (which may need to be
%% installed) using
%% \usepackage{import}
%% in the preamble, and then including the image with
%% \import{<path to file>}{<filename>.pdf_tex}
%% Alternatively, one can specify
%% \graphicspath{{<path to file>/}}
%%
%% For more information, please see info/svg-inkscape on CTAN:
%% http://tug.ctan.org/tex-archive/info/svg-inkscape
%%
\begingroup%
\makeatletter%
\providecommand\color[2][]{%
\errmessage{(Inkscape) Color is used for the text in Inkscape, but the package 'color.sty' is not loaded}%
\renewcommand\color[2][]{}%
}%
\providecommand\transparent[1]{%
\errmessage{(Inkscape) Transparency is used (non-zero) for the text in Inkscape, but the package 'transparent.sty' is not loaded}%
\renewcommand\transparent[1]{}%
}%
\providecommand\rotatebox[2]{#2}%
\newcommand*\fsize{\dimexpr\f@size pt\relax}%
\newcommand*\lineheight[1]{\fontsize{\fsize}{#1\fsize}\selectfont}%
\ifx\svgwidth\undefined%
\setlength{\unitlength}{399.95165342bp}%
\ifx\svgscale\undefined%
\relax%
\else%
\setlength{\unitlength}{\unitlength * \real{\svgscale}}%
\fi%
\else%
\setlength{\unitlength}{\svgwidth}%
\fi%
\global\let\svgwidth\undefined%
\global\let\svgscale\undefined%
\makeatother%
\begin{picture}(1,0.79393024)%
\lineheight{1}%
\setlength\tabcolsep{0pt}%
\put(0,0){\includegraphics[width=\unitlength]{ProjectionMerkatorSphere.eps}}%
\put(0.53,0.20206646){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}d\(\lambda\)\end{tabular}}}}%
\put(0.45165269,0.06171788){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}\(\phi\)\end{tabular}}}}%
\put(0.30913024,0.15245085){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}R\end{tabular}}}}%
\put(0.27069825,0.68231785){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}dx\end{tabular}}}}%
\put(0.47001248,0.4528111){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}dl\end{tabular}}}}%
\put(0.42,0.80256532){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}cylindre de projection\end{tabular}}}}%
\put(0.05743056,0.10152294){\rotatebox{90}{\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}plan de projection\end{tabular}}}}}%
\end{picture}%
\endgroup%

65
images/ProjectionMerkatorSphere.eps_tex.bak Normal file
View File

@ -0,0 +1,65 @@
%% Creator: Inkscape 1.0.2 (e86c870879, 2021-01-15), www.inkscape.org
%% PDF/EPS/PS + LaTeX output extension by Johan Engelen, 2010
%% Accompanies image file 'ProjectionMerkatorSphere.eps' (pdf, eps, ps)
%%
%% To include the image in your LaTeX document, write
%% \input{<filename>.pdf_tex}
%% instead of
%% \includegraphics{<filename>.pdf}
%% To scale the image, write
%% \def\svgwidth{<desired width>}
%% \input{<filename>.pdf_tex}
%% instead of
%% \includegraphics[width=<desired width>]{<filename>.pdf}
%%
%% Images with a different path to the parent latex file can
%% be accessed with the `import' package (which may need to be
%% installed) using
%% \usepackage{import}
%% in the preamble, and then including the image with
%% \import{<path to file>}{<filename>.pdf_tex}
%% Alternatively, one can specify
%% \graphicspath{{<path to file>/}}
%%
%% For more information, please see info/svg-inkscape on CTAN:
%% http://tug.ctan.org/tex-archive/info/svg-inkscape
%%
\begingroup%
\makeatletter%
\providecommand\color[2][]{%
\errmessage{(Inkscape) Color is used for the text in Inkscape, but the package 'color.sty' is not loaded}%
\renewcommand\color[2][]{}%
}%
\providecommand\transparent[1]{%
\errmessage{(Inkscape) Transparency is used (non-zero) for the text in Inkscape, but the package 'transparent.sty' is not loaded}%
\renewcommand\transparent[1]{}%
}%
\providecommand\rotatebox[2]{#2}%
\newcommand*\fsize{\dimexpr\f@size pt\relax}%
\newcommand*\lineheight[1]{\fontsize{\fsize}{#1\fsize}\selectfont}%
\ifx\svgwidth\undefined%
\setlength{\unitlength}{399.95165342bp}%
\ifx\svgscale\undefined%
\relax%
\else%
\setlength{\unitlength}{\unitlength * \real{\svgscale}}%
\fi%
\else%
\setlength{\unitlength}{\svgwidth}%
\fi%
\global\let\svgwidth\undefined%
\global\let\svgscale\undefined%
\makeatother%
\begin{picture}(1,0.79393024)%
\lineheight{1}%
\setlength\tabcolsep{0pt}%
\put(0,0){\includegraphics[width=\unitlength]{ProjectionMerkatorSphere.eps}}%
\put(0.53,0.20206646){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}d\(\lambda\)\end{tabular}}}}%
\put(0.45165269,0.06171788){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}\(\phi\)\end{tabular}}}}%
\put(0.30913024,0.15245085){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}R\end{tabular}}}}%
\put(0.27069825,0.68231785){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}dx\end{tabular}}}}%
\put(0.47001248,0.4528111){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}dl\end{tabular}}}}%
\put(0.44,0.86256532){\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}cylindre de projection\end{tabular}}}}%
\put(0.05743056,0.10152294){\rotatebox{90}{\makebox(0,0)[lt]{\lineheight{1.25}\smash{\begin{tabular}[t]{l}plan de projection\end{tabular}}}}}%
\end{picture}%
\endgroup%

248
images/ProjectionMerkatorSphere.svg Normal file
View File

@ -0,0 +1,248 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg8"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
sodipodi:docname="ProjectionMerkatorSphere.svg">
<defs
id="defs2">
<rect
x="84.371212"
y="130.58811"
width="3.6575227"
height="4.7809684"
id="rect913" />
<rect
x="109.49048"
y="143.65737"
width="8.2945152"
height="4.5885357"
id="rect907" />
<rect
x="102.09393"
y="142.82828"
width="9.9621621"
height="4.6604375"
id="rect899" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4182101"
inkscape:cx="396.85039"
inkscape:cy="400.71057"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
inkscape:document-rotation="0"
showgrid="false"
inkscape:window-width="1920"
inkscape:window-height="995"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1" />
<metadata
id="metadata5">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="fill:none;stroke:#000000;stroke-width:1;stroke-miterlimit:3;stroke-dasharray:none;stroke-opacity:1"
id="path833"
cx="122.05959"
cy="145.06564"
r="63.067936" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 150.35345,87.95505 V 19.649749 L 9.8180571,100.16888 10.298342,230.2774 59.636663,198.46379"
id="path835"
sodipodi:nodetypes="ccccc" />
<path
style="fill:none;stroke:#000000;stroke-width:0.262785;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.57671, 1.57671;stroke-dashoffset:0;stroke-opacity:1"
d="M 59.636663,198.46379 150.17419,141.4537 150.27604,89.225707"
id="path845"
sodipodi:nodetypes="ccc" />
<ellipse
style="fill:none;stroke:#000000;stroke-width:0.261436;stroke-miterlimit:4;stroke-dasharray:1.56861, 1.56861;stroke-dashoffset:0;stroke-opacity:1"
id="path847"
cx="122.14351"
cy="148.15286"
rx="62.921215"
ry="31.303919" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:1.05833, 1.05833;stroke-dashoffset:0;stroke-opacity:1"
d="M 122.55004,146.966 98.488819,119.29528 98.328535,62.800162 122.55004,146.966"
id="path849"
sodipodi:nodetypes="cccc" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 122.55004,146.966 -40.921468,-22.82028 0,-53.87945 40.921468,76.69973"
id="path851"
sodipodi:nodetypes="cccc" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 96.717076,97.74339 107.32917,93.712952"
id="path853" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 81.628572,70.266268 98.328534,62.80016"
id="path855" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 81.628572,124.14572 C 81.671411,111.48403 105.96215,82.271669 122.76251,82.111971"
id="path857"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.793749, 0.793749;stroke-dashoffset:0;stroke-opacity:1"
d="M 98.488819,119.29528 C 98.011804,105.16879 111.04259,81.986142 122.76251,82.111971"
id="path859"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 96.717074,97.74339 v 34.87123"
id="path861" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.793749, 0.793749;stroke-dashoffset:0;stroke-opacity:1"
d="m 107.32917,93.71295 0,34.99661"
id="path863"
sodipodi:nodetypes="cc" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 96.717074,132.61462 10.254566,-3.6826"
id="path865"
sodipodi:nodetypes="cc" />
<ellipse
style="fill:none;stroke:#000000;stroke-width:0.261436;stroke-miterlimit:4;stroke-dasharray:1.56861, 1.56861;stroke-dashoffset:0;stroke-opacity:1"
id="ellipse885"
cx="122.14351"
cy="83.723206"
rx="62.921215"
ry="31.303919" />
<ellipse
style="fill:none;stroke:#000000;stroke-width:0.261436;stroke-miterlimit:4;stroke-dasharray:1.56861, 1.56861;stroke-dashoffset:0;stroke-opacity:1"
id="ellipse887"
cx="122.14351"
cy="209.94798"
rx="62.921215"
ry="31.303919" />
<path
style="fill:none;stroke:#000000;stroke-width:0.26458299;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:0.79374896,0.79374896;stroke-dashoffset:0"
d="M 58.854837,85.355365 V 211.95016 h 0.57268 v 0"
id="path889" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.793749, 0.793749;stroke-dashoffset:0;stroke-opacity:1"
d="M 185.2171,85.355365 V 211.95016 h 0.57268 v 0"
id="path891" />
<path
style="fill:none;stroke:#000000;stroke-width:0.26458299;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:1.05833194,2.11666389;stroke-dashoffset:0"
d="M 122.76251,82.111971 V 208.58236"
id="path893" />
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 114.93103,132.42733 c 0.51134,-0.88234 1.0571,-1.39901 2.90136,-1.67053"
id="path895"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
id="text897"
style="font-size:3.52778px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect899);"
transform="translate(12.852563,-17.433436)"><tspan
x="102.09375"
y="145.94938"><tspan>dlam</tspan></tspan></text>
<path
style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 117.03205,136.89889 c -1.22099,1.04281 -2.35358,2.22337 -2.08474,5.58799"
id="path903"
sodipodi:nodetypes="cc" />
<text
xml:space="preserve"
id="text905"
style="font-size:3.52778px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect907);"
transform="translate(-2.0984987,-0.1707787)"><tspan
x="109.49023"
y="146.77946"><tspan>dphi</tspan></tspan></text>
<text
xml:space="preserve"
id="text911"
style="font-size:3.52778px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect913);"
transform="translate(1.0792852,-1.9673258)"><tspan
x="84.371094"
y="133.70915"><tspan>R</tspan></tspan></text>
<text
xml:space="preserve"
style="font-size:3.52777px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
x="87.122459"
y="71.420349"
id="text919"><tspan
sodipodi:role="line"
id="tspan917"
x="87.122459"
y="71.420349"
style="stroke-width:0.264583">dx</tspan></text>
<text
xml:space="preserve"
style="font-size:3.52777px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
x="99.724167"
y="99.569565"
id="text923"><tspan
sodipodi:role="line"
id="tspan921"
x="99.724167"
y="99.569565"
style="stroke-width:0.264583">dl</tspan></text>
<rect
style="fill:none;stroke:#000000;stroke-width:0.259913;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="rect997"
width="151.65492"
height="112.27505"
x="46.00629"
y="48.649643" />
<text
xml:space="preserve"
style="font-size:3.52777px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
x="110.22382"
y="60.097908"
id="text1041"><tspan
sodipodi:role="line"
id="tspan1039"
x="110.22382"
y="60.097908"
style="stroke-width:0.264583">cylindre de projection</tspan></text>
<text
xml:space="preserve"
style="font-size:3.52777px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;stroke-width:0.264583"
x="-111.03884"
y="52.798836"
id="text1045"
transform="rotate(-90)"><tspan
sodipodi:role="line"
id="tspan1043"
x="-111.03884"
y="52.798836"
style="stroke-width:0.264583">plan de projection</tspan></text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

615
images/ProjectionMerkatorSphere.tex Normal file
View File

@ -0,0 +1,615 @@
%LaTeX with PSTricks extensions
%%Creator: Inkscape 1.0.2 (e86c870879, 2021-01-15)
%%Please note this file requires PSTricks extensions
\psset{xunit=.5pt,yunit=.5pt,runit=.5pt}
\begin{pspicture}(793.7007874,1122.51968504)
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=3.77952756,linecolor=curcolor]
{
\newpath
\moveto(699.69459834,574.24008828)
\curveto(699.69459834,670.65043698)(641.61802106,757.56827525)(552.54806998,794.46083021)
\curveto(463.47830054,831.35330993)(360.9573527,810.95456739)(292.78523497,742.78244965)
\curveto(224.61311724,674.61033192)(204.21437469,572.08938408)(241.10685442,483.01961465)
\curveto(277.99940938,393.94966356)(364.91724764,335.87308628)(461.32759635,335.87308628)
\curveto(557.73794506,335.87308628)(644.65578332,393.94966356)(681.54833828,483.01961465)
\curveto(718.440818,572.08938408)(698.04207546,674.61033192)(629.86995773,742.78244965)
\curveto(561.69784,810.95456739)(459.17689215,831.35330993)(370.10712272,794.46083021)
\curveto(281.03717163,757.56827525)(222.96059436,670.65043698)(222.96059436,574.24008828)
\curveto(222.96059436,477.82973957)(281.03717163,390.9119013)(370.10712272,354.01934634)
\curveto(459.17689215,317.12686662)(561.69784,337.52560916)(629.86995773,405.6977269)
\curveto(698.04207546,473.86984463)(718.440818,576.39079247)(681.54833828,665.4605619)
\curveto(644.65578332,754.53051299)(557.73794506,812.60709027)(461.32759635,812.60709027)
\curveto(364.91724764,812.60709027)(277.99940938,754.53051299)(241.10685442,665.4605619)
\curveto(204.21437469,576.39079247)(224.61311724,473.86984463)(292.78523497,405.6977269)
\curveto(360.9573527,337.52560916)(463.47830054,317.12686662)(552.54806998,354.01934634)
\curveto(641.61802106,390.9119013)(699.69459834,477.82973957)(699.69459834,574.24008828)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(568.26500787,790.09114961)
\lineto(568.26500787,1048.25291717)
\lineto(37.10761739,743.92864252)
\lineto(38.9228674,252.17990551)
\lineto(225.39841134,372.42032126)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.9932031,linecolor=curcolor,linestyle=dashed,dash=1.57670999 1.57670999]
{
\newpath
\moveto(225.39841134,372.42032126)
\lineto(567.58748976,587.89152756)
\lineto(567.97243465,785.28866646)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.98810451,linecolor=curcolor,linestyle=dashed,dash=1.56860995 1.56860995]
{
\newpath
\moveto(699.45722445,562.57185808)
\curveto(699.45722445,610.42536218)(641.51575619,653.56723632)(552.65301693,671.87894304)
\curveto(463.7904589,690.19061241)(361.5080152,680.06564841)(293.4944927,646.22825689)
\curveto(225.48097019,612.39086538)(205.12968317,561.50435098)(241.93633643,517.29436073)
\curveto(278.74306476,473.08428031)(365.45869787,444.25783413)(461.64475809,444.25783413)
\curveto(557.83081831,444.25783413)(644.54645141,473.08428031)(681.35317975,517.29436073)
\curveto(718.15983301,561.50435098)(697.80854599,612.39086538)(629.79502348,646.22825689)
\curveto(561.78150098,680.06564841)(459.49905728,690.19061241)(370.63649925,671.87894304)
\curveto(281.77375999,653.56723632)(223.83229173,610.42536218)(223.83229173,562.57185808)
\curveto(223.83229173,514.71835399)(281.77375999,471.57647985)(370.63649925,453.26477313)
\curveto(459.49905728,434.95310376)(561.78150098,445.07806776)(629.79502348,478.91545927)
\curveto(697.80854599,512.75285079)(718.15983301,563.63936519)(681.35317975,607.84935544)
\curveto(644.54645141,652.05943585)(557.83081831,680.88588204)(461.64475809,680.88588204)
\curveto(365.45869787,680.88588204)(278.74306476,652.05943585)(241.93633643,607.84935544)
\curveto(205.12968317,563.63936519)(225.48097019,512.75285079)(293.4944927,478.91545927)
\curveto(361.5080152,445.07806776)(463.7904589,434.95310376)(552.65301693,453.26477313)
\curveto(641.51575619,471.57647985)(699.45722445,514.71835399)(699.45722445,562.57185808)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor,linestyle=dashed,dash=1.05833006 1.05833006]
{
\newpath
\moveto(463.18125354,567.0576378)
\lineto(372.24120567,671.63988661)
\lineto(371.63540787,885.16474205)
\lineto(463.18125354,567.0576378)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(463.18125354,567.0576378)
\lineto(308.51743748,653.30751496)
\lineto(308.51743748,856.9463811)
\lineto(463.18125354,567.0576378)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(365.54485417,753.09584882)
\lineto(405.65355591,768.32900031)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(308.51743748,856.94638866)
\lineto(371.63540409,885.16474961)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(308.51743748,653.30751496)
\curveto(308.67934866,701.16272126)(400.48686614,811.57164472)(463.98428976,812.17522772)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor,linestyle=dashed,dash=0.79374897 0.79374897]
{
\newpath
\moveto(372.24120567,671.63988661)
\curveto(370.43831433,725.03134488)(419.68852913,812.65080189)(463.98428976,812.17522772)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(365.54484661,753.09584882)
\lineto(365.54484661,621.29907402)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor,linestyle=dashed,dash=0.79374897 0.79374897]
{
\newpath
\moveto(405.65355591,768.32900787)
\lineto(405.65355591,636.05835591)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(365.54484661,621.29907402)
\lineto(404.30226142,635.2175622)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.98810451,linecolor=curcolor,linestyle=dashed,dash=1.56860995 1.56860995]
{
\newpath
\moveto(699.45722445,806.08552227)
\curveto(699.45722445,853.93902637)(641.51575619,897.08090051)(552.65301693,915.39260722)
\curveto(463.7904589,933.70427659)(361.5080152,923.57931259)(293.4944927,889.74192108)
\curveto(225.48097019,855.90452957)(205.12968317,805.01801517)(241.93633643,760.80802491)
\curveto(278.74306476,716.5979445)(365.45869787,687.77149831)(461.64475809,687.77149831)
\curveto(557.83081831,687.77149831)(644.54645141,716.5979445)(681.35317975,760.80802491)
\curveto(718.15983301,805.01801517)(697.80854599,855.90452957)(629.79502348,889.74192108)
\curveto(561.78150098,923.57931259)(459.49905728,933.70427659)(370.63649925,915.39260722)
\curveto(281.77375999,897.08090051)(223.83229173,853.93902637)(223.83229173,806.08552227)
\curveto(223.83229173,758.23201817)(281.77375999,715.09014403)(370.63649925,696.77843731)
\curveto(459.49905728,678.46676794)(561.78150098,688.59173194)(629.79502348,722.42912346)
\curveto(697.80854599,756.26651497)(718.15983301,807.15302937)(681.35317975,851.36301962)
\curveto(644.54645141,895.57310004)(557.83081831,924.39954623)(461.64475809,924.39954623)
\curveto(365.45869787,924.39954623)(278.74306476,895.57310004)(241.93633643,851.36301962)
\curveto(205.12968317,807.15302937)(225.48097019,756.26651497)(293.4944927,722.42912346)
\curveto(361.5080152,688.59173194)(463.7904589,678.46676794)(552.65301693,696.77843731)
\curveto(641.51575619,715.09014403)(699.45722445,758.23201817)(699.45722445,806.08552227)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.98810451,linecolor=curcolor,linestyle=dashed,dash=1.56860995 1.56860995]
{
\newpath
\moveto(699.45722445,329.01549812)
\curveto(699.45722445,376.86900222)(641.51575619,420.01087636)(552.65301693,438.32258308)
\curveto(463.7904589,456.63425245)(361.5080152,446.50928845)(293.4944927,412.67189693)
\curveto(225.48097019,378.83450542)(205.12968317,327.94799102)(241.93633643,283.73800077)
\curveto(278.74306476,239.52792035)(365.45869787,210.70147417)(461.64475809,210.70147417)
\curveto(557.83081831,210.70147417)(644.54645141,239.52792035)(681.35317975,283.73800077)
\curveto(718.15983301,327.94799102)(697.80854599,378.83450542)(629.79502348,412.67189693)
\curveto(561.78150098,446.50928845)(459.49905728,456.63425245)(370.63649925,438.32258308)
\curveto(281.77375999,420.01087636)(223.83229173,376.86900222)(223.83229173,329.01549812)
\curveto(223.83229173,281.16199403)(281.77375999,238.02011989)(370.63649925,219.70841317)
\curveto(459.49905728,201.3967438)(561.78150098,211.5217078)(629.79502348,245.35909931)
\curveto(697.80854599,279.19649083)(718.15983301,330.08300523)(681.35317975,374.29299548)
\curveto(644.54645141,418.5030759)(557.83081831,447.32952208)(461.64475809,447.32952208)
\curveto(365.45869787,447.32952208)(278.74306476,418.5030759)(241.93633643,374.29299548)
\curveto(205.12968317,330.08300523)(225.48097019,279.19649083)(293.4944927,245.35909931)
\curveto(361.5080152,211.5217078)(463.7904589,201.3967438)(552.65301693,219.70841317)
\curveto(641.51575619,238.02011989)(699.45722445,281.16199403)(699.45722445,329.01549812)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor,linestyle=dashed,dash=0.79374897 0.79374897]
{
\newpath
\moveto(222.44347843,799.91673071)
\lineto(222.44347843,321.44821417)
\lineto(224.60793827,321.44821417)
\lineto(224.60793827,321.44821417)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor,linestyle=dashed,dash=0.79374897 0.79374897]
{
\newpath
\moveto(700.03313386,799.91673071)
\lineto(700.03313386,321.44821417)
\lineto(702.1975937,321.44821417)
\lineto(702.1975937,321.44821417)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor,linestyle=dashed,dash=1.05833197 2.11666393]
{
\newpath
\moveto(463.98428976,812.17522772)
\lineto(463.98428976,334.17690709)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(434.38499528,622.00694173)
\curveto(436.3176189,625.34177008)(438.38033386,627.29453858)(445.35076535,628.32075591)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(440.49744921,642.97501941)
\lineto(440.49744921,646.92033446)
\lineto(441.69536665,646.92033446)
\lineto(441.69536665,636.79011959)
\lineto(440.49744921,636.79011959)
\lineto(440.49744921,637.88387029)
\curveto(440.24571293,637.44984223)(439.92670231,637.12649133)(439.54041734,636.91381758)
\curveto(439.15847265,636.70548412)(438.6984029,636.60131738)(438.16020811,636.60131738)
\curveto(437.27913115,636.60131738)(436.56081472,636.95288011)(436.0052588,637.65600556)
\curveto(435.45404317,638.35913102)(435.17843535,639.28361078)(435.17843535,640.42944485)
\curveto(435.17843535,641.57527893)(435.45404317,642.49975869)(436.0052588,643.20288414)
\curveto(436.56081472,643.9060096)(437.27913115,644.25757233)(438.16020811,644.25757233)
\curveto(438.6984029,644.25757233)(439.15847265,644.15123545)(439.54041734,643.9385617)
\curveto(439.92670231,643.73022823)(440.24571293,643.40904747)(440.49744921,642.97501941)
\closepath
\moveto(436.41541532,640.42944485)
\curveto(436.41541532,639.5483679)(436.59553696,638.85609314)(436.95578025,638.3526206)
\curveto(437.32036382,637.85348833)(437.81949609,637.6039222)(438.45317705,637.6039222)
\curveto(439.08685802,637.6039222)(439.58599028,637.85348833)(439.95057385,638.3526206)
\curveto(440.31515742,638.85609314)(440.49744921,639.5483679)(440.49744921,640.42944485)
\curveto(440.49744921,641.31052181)(440.31515742,642.00062642)(439.95057385,642.49975869)
\curveto(439.58599028,643.00323124)(439.08685802,643.25496751)(438.45317705,643.25496751)
\curveto(437.81949609,643.25496751)(437.32036382,643.00323124)(436.95578025,642.49975869)
\curveto(436.59553696,642.00062642)(436.41541532,641.31052181)(436.41541532,640.42944485)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(444.1628165,646.92033446)
\lineto(445.36073394,646.92033446)
\lineto(445.36073394,636.79011959)
\lineto(444.1628165,636.79011959)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(451.18104981,640.45548654)
\curveto(450.21316724,640.45548654)(449.54259389,640.34480938)(449.16932976,640.12345507)
\curveto(448.79606563,639.90210076)(448.60943356,639.52449635)(448.60943356,638.99064184)
\curveto(448.60943356,638.56529434)(448.74832254,638.22675246)(449.0261005,637.97501618)
\curveto(449.30821874,637.72762019)(449.69016343,637.6039222)(450.17193457,637.6039222)
\curveto(450.8359975,637.6039222)(451.36768187,637.83829735)(451.76698768,638.30704765)
\curveto(452.17063378,638.78013823)(452.37245683,639.40730878)(452.37245683,640.18855928)
\lineto(452.37245683,640.45548654)
\closepath
\moveto(453.57037427,640.95027852)
\lineto(453.57037427,636.79011959)
\lineto(452.37245683,636.79011959)
\lineto(452.37245683,637.89689113)
\curveto(452.09901915,637.45418252)(451.75830712,637.12649133)(451.35032075,636.91381758)
\curveto(450.94233437,636.70548412)(450.44320211,636.60131738)(449.85292395,636.60131738)
\curveto(449.10639569,636.60131738)(448.51177725,636.80965085)(448.06906863,637.22631778)
\curveto(447.63070029,637.647325)(447.41151612,638.20939134)(447.41151612,638.91251679)
\curveto(447.41151612,639.73282982)(447.6849538,640.3513198)(448.23182915,640.76798674)
\curveto(448.78304479,641.18465367)(449.60335782,641.39298714)(450.69276824,641.39298714)
\lineto(452.37245683,641.39298714)
\lineto(452.37245683,641.51017472)
\curveto(452.37245683,642.06139035)(452.19016504,642.48673785)(451.82558147,642.78621721)
\curveto(451.46533818,643.09003685)(450.95752536,643.24194667)(450.30214299,643.24194667)
\curveto(449.88547605,643.24194667)(449.47965982,643.19203344)(449.08469429,643.09220699)
\curveto(448.68972875,642.99238054)(448.3099542,642.84264086)(447.94537063,642.64298795)
\lineto(447.94537063,643.7497595)
\curveto(448.38373897,643.91903044)(448.80908647,644.04489858)(449.22141312,644.12736391)
\curveto(449.63373978,644.21416952)(450.03521573,644.25757233)(450.42584099,644.25757233)
\curveto(451.48052917,644.25757233)(452.26829009,643.98413465)(452.78912376,643.4372593)
\curveto(453.30995743,642.89038394)(453.57037427,642.06139035)(453.57037427,640.95027852)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(461.71491131,642.68205047)
\curveto(462.01439067,643.22024527)(462.37246381,643.61738094)(462.78913075,643.87345749)
\curveto(463.20579769,644.12953405)(463.69624939,644.25757233)(464.26048587,644.25757233)
\curveto(465.02003497,644.25757233)(465.60597285,643.99064507)(466.0182995,643.45679056)
\curveto(466.43062616,642.92727633)(466.63678948,642.17206751)(466.63678948,641.1911641)
\lineto(466.63678948,636.79011959)
\lineto(465.43236162,636.79011959)
\lineto(465.43236162,641.15210157)
\curveto(465.43236162,641.85088674)(465.30866363,642.36955027)(465.06126763,642.70809216)
\curveto(464.81387164,643.04663404)(464.43626723,643.21590499)(463.9284544,643.21590499)
\curveto(463.30779428,643.21590499)(462.81734257,643.00974166)(462.45709929,642.597415)
\curveto(462.096856,642.18508835)(461.91673435,641.62302201)(461.91673435,640.911216)
\lineto(461.91673435,636.79011959)
\lineto(460.71230649,636.79011959)
\lineto(460.71230649,641.15210157)
\curveto(460.71230649,641.85522702)(460.5886085,642.37389055)(460.3412125,642.70809216)
\curveto(460.09381651,643.04663404)(459.71187182,643.21590499)(459.19537843,643.21590499)
\curveto(458.58339887,643.21590499)(458.09728744,643.00757152)(457.73704415,642.59090458)
\curveto(457.37680087,642.17857793)(457.19667922,641.61868173)(457.19667922,640.911216)
\lineto(457.19667922,636.79011959)
\lineto(455.99225136,636.79011959)
\lineto(455.99225136,644.08179096)
\lineto(457.19667922,644.08179096)
\lineto(457.19667922,642.94897773)
\curveto(457.4701169,643.39602663)(457.79780808,643.72588795)(458.17975277,643.9385617)
\curveto(458.56169746,644.15123545)(459.01525679,644.25757233)(459.54043074,644.25757233)
\curveto(460.06994497,644.25757233)(460.51916401,644.12302363)(460.88808786,643.85392623)
\curveto(461.26135199,643.58482884)(461.5369598,643.19420358)(461.71491131,642.68205047)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linewidth=0.99999871,linecolor=curcolor]
{
\newpath
\moveto(442.32585827,605.10655748)
\curveto(437.71109291,601.16522835)(433.4304378,596.70326929)(434.44652598,583.98659528)
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(411.94471601,574.59302726)
\lineto(411.94471601,578.5383423)
\lineto(413.14263345,578.5383423)
\lineto(413.14263345,568.40812743)
\lineto(411.94471601,568.40812743)
\lineto(411.94471601,569.50187814)
\curveto(411.69297973,569.06785008)(411.37396911,568.74449917)(410.98768414,568.53182543)
\curveto(410.60573945,568.32349196)(410.14566971,568.21932522)(409.60747492,568.21932522)
\curveto(408.72639796,568.21932522)(408.00808152,568.57088795)(407.45252561,569.2740134)
\curveto(406.90130997,569.97713886)(406.62570216,570.90161862)(406.62570216,572.0474527)
\curveto(406.62570216,573.19328677)(406.90130997,574.11776653)(407.45252561,574.82089199)
\curveto(408.00808152,575.52401744)(408.72639796,575.87558017)(409.60747492,575.87558017)
\curveto(410.14566971,575.87558017)(410.60573945,575.76924329)(410.98768414,575.55656955)
\curveto(411.37396911,575.34823608)(411.69297973,575.02705531)(411.94471601,574.59302726)
\closepath
\moveto(407.86268212,572.0474527)
\curveto(407.86268212,571.16637574)(408.04280377,570.47410099)(408.40304705,569.97062844)
\curveto(408.76763062,569.47149617)(409.26676289,569.22193004)(409.90044385,569.22193004)
\curveto(410.53412482,569.22193004)(411.03325709,569.47149617)(411.39784066,569.97062844)
\curveto(411.76242422,570.47410099)(411.94471601,571.16637574)(411.94471601,572.0474527)
\curveto(411.94471601,572.92852965)(411.76242422,573.61863427)(411.39784066,574.11776653)
\curveto(411.03325709,574.62123908)(410.53412482,574.87297535)(409.90044385,574.87297535)
\curveto(409.26676289,574.87297535)(408.76763062,574.62123908)(408.40304705,574.11776653)
\curveto(408.04280377,573.61863427)(407.86268212,572.92852965)(407.86268212,572.0474527)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(416.76893822,569.50187814)
\lineto(416.76893822,565.63468814)
\lineto(415.56451035,565.63468814)
\lineto(415.56451035,575.6997988)
\lineto(416.76893822,575.6997988)
\lineto(416.76893822,574.59302726)
\curveto(417.02067449,575.02705531)(417.33751497,575.34823608)(417.71945966,575.55656955)
\curveto(418.10574463,575.76924329)(418.56581438,575.87558017)(419.09966889,575.87558017)
\curveto(419.98508613,575.87558017)(420.70340256,575.52401744)(421.2546182,574.82089199)
\curveto(421.81017411,574.11776653)(422.08795207,573.19328677)(422.08795207,572.0474527)
\curveto(422.08795207,570.90161862)(421.81017411,569.97713886)(421.2546182,569.2740134)
\curveto(420.70340256,568.57088795)(419.98508613,568.21932522)(419.09966889,568.21932522)
\curveto(418.56581438,568.21932522)(418.10574463,568.32349196)(417.71945966,568.53182543)
\curveto(417.33751497,568.74449917)(417.02067449,569.06785008)(416.76893822,569.50187814)
\closepath
\moveto(420.84446168,572.0474527)
\curveto(420.84446168,572.92852965)(420.6621699,573.61863427)(420.29758633,574.11776653)
\curveto(419.93734304,574.62123908)(419.44038091,574.87297535)(418.80669995,574.87297535)
\curveto(418.17301898,574.87297535)(417.67388672,574.62123908)(417.30930315,574.11776653)
\curveto(416.94905986,573.61863427)(416.76893822,572.92852965)(416.76893822,572.0474527)
\curveto(416.76893822,571.16637574)(416.94905986,570.47410099)(417.30930315,569.97062844)
\curveto(417.67388672,569.47149617)(418.17301898,569.22193004)(418.80669995,569.22193004)
\curveto(419.44038091,569.22193004)(419.93734304,569.47149617)(420.29758633,569.97062844)
\curveto(420.6621699,570.47410099)(420.84446168,571.16637574)(420.84446168,572.0474527)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(430.13483261,572.80917194)
\lineto(430.13483261,568.40812743)
\lineto(428.93691516,568.40812743)
\lineto(428.93691516,572.77010941)
\curveto(428.93691516,573.46021402)(428.80236647,573.97670741)(428.53326907,574.31958958)
\curveto(428.26417167,574.66247175)(427.86052558,574.83391283)(427.32233079,574.83391283)
\curveto(426.67562898,574.83391283)(426.16564601,574.6277495)(425.79238188,574.21542285)
\curveto(425.41911775,573.80309619)(425.23248569,573.24102986)(425.23248569,572.52922384)
\lineto(425.23248569,568.40812743)
\lineto(424.02805783,568.40812743)
\lineto(424.02805783,578.5383423)
\lineto(425.23248569,578.5383423)
\lineto(425.23248569,574.56698557)
\curveto(425.51894421,575.00535391)(425.85531595,575.3330451)(426.24160092,575.55005912)
\curveto(426.63222618,575.76707315)(427.08144522,575.87558017)(427.58925804,575.87558017)
\curveto(428.4269322,575.87558017)(429.06061316,575.61516333)(429.49030094,575.09432966)
\curveto(429.91998872,574.57783627)(430.13483261,573.81611703)(430.13483261,572.80917194)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(432.52415721,575.6997988)
\lineto(433.72207465,575.6997988)
\lineto(433.72207465,568.40812743)
\lineto(432.52415721,568.40812743)
\closepath
\moveto(432.52415721,578.5383423)
\lineto(433.72207465,578.5383423)
\lineto(433.72207465,577.02141424)
\lineto(432.52415721,577.02141424)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(328.88003475,629.15512761)
\curveto(329.16215298,629.05964144)(329.43559066,628.85564825)(329.70034777,628.54314805)
\curveto(329.96944517,628.23064785)(330.23854257,627.80096007)(330.50763996,627.25408472)
\lineto(331.84227624,624.597833)
\lineto(330.42951491,624.597833)
\lineto(329.18602453,627.0913242)
\curveto(328.86484376,627.74236628)(328.55234356,628.1742242)(328.24852392,628.38689795)
\curveto(327.94904456,628.5995717)(327.53888805,628.70590857)(327.01805438,628.70590857)
\lineto(325.58576178,628.70590857)
\lineto(325.58576178,624.597833)
\lineto(324.27065677,624.597833)
\lineto(324.27065677,634.31789136)
\lineto(327.23940869,634.31789136)
\curveto(328.35052051,634.31789136)(329.17951411,634.08568635)(329.72638946,633.62127633)
\curveto(330.27326481,633.15686631)(330.54670249,632.455911)(330.54670249,631.51841039)
\curveto(330.54670249,630.90643083)(330.40347323,630.398618)(330.11701471,629.99497191)
\curveto(329.83489647,629.59132581)(329.42256982,629.31137771)(328.88003475,629.15512761)
\closepath
\moveto(325.58576178,633.2371615)
\lineto(325.58576178,629.78663844)
\lineto(327.23940869,629.78663844)
\curveto(327.87308965,629.78663844)(328.35052051,629.93203784)(328.67170128,630.22283664)
\curveto(328.99722232,630.51797572)(329.15998284,630.94983363)(329.15998284,631.51841039)
\curveto(329.15998284,632.08698715)(328.99722232,632.51450478)(328.67170128,632.8009633)
\curveto(328.35052051,633.0917621)(327.87308965,633.2371615)(327.23940869,633.2371615)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(335.33641058,858.76938953)
\lineto(335.33641058,862.71469338)
\lineto(336.53432462,862.71469338)
\lineto(336.53432462,852.58450726)
\lineto(335.33641058,852.58450726)
\lineto(335.33641058,853.67825486)
\curveto(335.08467502,853.24422803)(334.76566531,852.92087805)(334.37938143,852.7082049)
\curveto(333.99743782,852.49987203)(333.53736939,852.39570559)(332.99917612,852.39570559)
\curveto(332.11810167,852.39570559)(331.39978727,852.74726732)(330.84423293,853.45039078)
\curveto(330.29301886,854.15351424)(330.01741183,855.07799137)(330.01741183,856.2238222)
\curveto(330.01741183,857.36965302)(330.29301886,858.29413016)(330.84423293,858.99725361)
\curveto(331.39978727,859.70037707)(332.11810167,860.0519388)(332.99917612,860.0519388)
\curveto(333.53736939,860.0519388)(333.99743782,859.94560223)(334.37938143,859.73292908)
\curveto(334.76566531,859.52459621)(335.08467502,859.20341636)(335.33641058,858.76938953)
\closepath
\moveto(331.25438828,856.2238222)
\curveto(331.25438828,855.34274774)(331.43450942,854.65047495)(331.79475168,854.14700383)
\curveto(332.15933422,853.64787298)(332.65846507,853.39830756)(333.29214423,853.39830756)
\curveto(333.9258234,853.39830756)(334.42495425,853.64787298)(334.78953678,854.14700383)
\curveto(335.15411932,854.65047495)(335.33641058,855.34274774)(335.33641058,856.2238222)
\curveto(335.33641058,857.10489665)(335.15411932,857.79499931)(334.78953678,858.29413016)
\curveto(334.42495425,858.79760127)(333.9258234,859.04933683)(333.29214423,859.04933683)
\curveto(332.65846507,859.04933683)(332.15933422,858.79760127)(331.79475168,858.29413016)
\curveto(331.43450942,857.79499931)(331.25438828,857.10489665)(331.25438828,856.2238222)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(345.06295179,859.87615794)
\lineto(342.42623882,856.32798863)
\lineto(345.19967024,852.58450726)
\lineto(343.78691292,852.58450726)
\lineto(341.66452174,855.44908431)
\lineto(339.54213056,852.58450726)
\lineto(338.12937324,852.58450726)
\lineto(340.96139828,856.39960306)
\lineto(338.37025813,859.87615794)
\lineto(339.78301545,859.87615794)
\lineto(341.71660496,857.27850738)
\lineto(343.65019447,859.87615794)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(382.96491121,752.37865303)
\lineto(382.96491121,756.32395688)
\lineto(384.16282525,756.32395688)
\lineto(384.16282525,746.19377076)
\lineto(382.96491121,746.19377076)
\lineto(382.96491121,747.28751836)
\curveto(382.71317565,746.85349154)(382.39416594,746.53014155)(382.00788206,746.31746841)
\curveto(381.62593845,746.10913553)(381.16587002,746.00496909)(380.62767675,746.00496909)
\curveto(379.7466023,746.00496909)(379.0282879,746.35653082)(378.47273356,747.05965428)
\curveto(377.92151949,747.76277774)(377.64591246,748.68725488)(377.64591246,749.8330857)
\curveto(377.64591246,750.97891652)(377.92151949,751.90339366)(378.47273356,752.60651712)
\curveto(379.0282879,753.30964058)(379.7466023,753.6612023)(380.62767675,753.6612023)
\curveto(381.16587002,753.6612023)(381.62593845,753.55486573)(382.00788206,753.34219259)
\curveto(382.39416594,753.13385971)(382.71317565,752.81267986)(382.96491121,752.37865303)
\closepath
\moveto(378.88288891,749.8330857)
\curveto(378.88288891,748.95201124)(379.06301005,748.25973845)(379.42325231,747.75626734)
\curveto(379.78783485,747.25713649)(380.2869657,747.00757106)(380.92064486,747.00757106)
\curveto(381.55432403,747.00757106)(382.05345488,747.25713649)(382.41803741,747.75626734)
\curveto(382.78261995,748.25973845)(382.96491121,748.95201124)(382.96491121,749.8330857)
\curveto(382.96491121,750.71416016)(382.78261995,751.40426281)(382.41803741,751.90339366)
\curveto(382.05345488,752.40686478)(381.55432403,752.65860034)(380.92064486,752.65860034)
\curveto(380.2869657,752.65860034)(379.78783485,752.40686478)(379.42325231,751.90339366)
\curveto(379.06301005,751.40426281)(378.88288891,750.71416016)(378.88288891,749.8330857)
\closepath
}
}
{
\newrgbcolor{curcolor}{0 0 0}
\pscustom[linestyle=none,fillstyle=solid,fillcolor=curcolor]
{
\newpath
\moveto(386.63026779,756.32395688)
\lineto(387.82818183,756.32395688)
\lineto(387.82818183,746.19377076)
\lineto(386.63026779,746.19377076)
\closepath
}
}
\end{pspicture}

4019
images/TissotEquirectangulaire.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/TissotEquirectangulaire.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

2638
images/TissotMercator.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/TissotMercator.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

25725
images/Voyage.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/Voyage.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 882 KiB

20331
images/XiaHTML1ParcAttraction.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/XiaHTML1ParcAttraction.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 574 KiB

17895
images/XiaHTML2ParcAttraction.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/XiaHTML2ParcAttraction.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 399 KiB

22473
images/XiaHTML3ParcAttraction.eps Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
images/XiaHTML3ParcAttraction.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 335 KiB

Some files were not shown because too many files have changed in this diff Show More