botascopia-webiste-static/a-propos.html
2026-02-16 00:12:22 +01:00

271 lines
No EOL
11 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Botascopia</title>
<link rel="stylesheet" type="text/css" href="/assets/style.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/borna/stylesheet.css">
<link rel="stylesheet" type="text/css" href="/assets/fonts/nunita/stylesheet.css">
</head>
<body>
<include src="/components/site-header.html"></include>
<main data-type="livrets">
<header class="page-header">
<div class="page-header__inner">
<h2 class="page-title">À propos du projet</h2>
<p class="description">Botascopia est un projet inter- et transdisciplinaire de recherche-action mêlant
<strong>botanique, informatique et sciences sociales</strong>. Le développement de nos outils se fait en lien avec les
communautés concernées. Nous cherchons également à évaluer leur appropriation et leurs impacts sur ces
communautés. Le projet interroge le rôle des outils de reconnaissance de plantes dans le partage des
connaissances botaniques et la perception du vivant. </p>
<div class="details">
<div class="details__item">
<p class="nbr">53</p>
<p class="text">contributeur·ices</p>
<button class="link-with-arrow"><a href="#">Voir la communuauté</a></button>
</div>
<div class="details__item">
<p class="nbr">876</p>
<p class="text">espèces répertoriées</p>
<button class="link-with-arrow"><a href="#">Voir la base de connaissance</a></button>
</div>
<div class="details__item">
<p class="nbr">89</p>
<p class="text">animations</p>
<button class="link-with-arrow"><a href="#">Organiser une animation</a></button>
</div>
</div>
</div>
</header>
<div class="page-grid">
<nav class="page-nav">
<ul class="toc">
<li><a href="#demarche-botascopia">La démarche</a></li>
<li><a href="#equipe">Léquipe</a></li>
<li><a href="#soutien-financier"> Soutien Financier</a></li>
</ul>
</nav>
<section class="page-content">
<h3 id="demarche-botascopia">La démarche botascopia</h3>
<p>Le projet de recherche Botascopia sadresse à toutes celles et ceux qui souhaitent
<strong>identifier, connaître ou faire connaître les plantes autour deux</strong>. Il&nbsp;sadresse
aussi aux botanistes chevronnés à la recherche dinformations fiables et détaillées sur les espèces
de plantes à fleurs. Il&nbsp;poursuit quatre objectifs :
</p>
<ol>
<li><strong>Constituer une base de connaissances sur les plantes à fleurs</strong> permettant de
décrire finement leur morphologie ainsi que dautres caractéristiques (écologie, distribution,
propriétés)</li>
<li><strong>Développer des outils informatiques</strong> permettant de produire automatiquement des
clés de détermination et des fiches descriptives à&nbsp;partir dune collection despèces</li>
<li>Mettre à disposition lensemble (base de connaissances, clés, fiches) <strong>pour un public le
plus large possible</strong> : amateurs, professionnels, académiques</li>
<li>Interroger le rôle des outils de reconnaissance de plantes dans le <strong>partage des
connaissances botaniques et la perception du vivant</strong> </li>
</ol>
<h3 id="equipe">Léquipe</h3>
<h4>Membres du projet</h4>
<div class="team">
<div class="member">
<img src="/images/simon.jpg">
<div class="text">
<div class="name">Simon Castellan</div>
<div class="details">(Inria Rennes)</div>
</div>
</div>
<div class="member">
<img src="/images/sophie.jpg">
<div class="text">
<div class="name">Sophie Nadot</div>
<div class="details">(Univ. Paris-Saclay)</div>
</div>
</div>
<div class="member">
<img src="/images/xavier.jpg">
<div class="text">
<div class="name">Xavier Aubriot</div>
<div class="details">(Univ. Paris-Saclay)</div>
</div>
</div>
<div class="member">
<img src="/images/eric.jpg">
<div class="text">
<div class="name">Eric Tannier</div>
<div class="details">(Inria Lyon)</div>
</div>
</div>
<div class="member">
<img src="/images/agnes.jpg">
<div class="text">
<div class="name">Agnès Schermann</div>
<div class="details">(Univ. Rennes)</div>
</div>
</div>
<div class="member">
<img src="/images/jos.jpg">
<div class="text">
<div class="name">Jos Käfer</div>
<div class="details">(CNRS)</div>
</div>
</div>
<div class="member">
<img src="/images/aurore.jpg">
<div class="text">
<div class="name">Aurore Alcolei</div>
<div class="details">(UPEC)</div>
</div>
</div>
<div class="member">
<img src="/images/laetitia.jpg">
<div class="text">
<div class="name">Laetitia Carrive</div>
<div class="details">(Univ. Rennes)</div>
</div>
</div>
<div class="member">
<img src="/images/gurvan.jpg">
<div class="text">
<div class="name">Gurvan Cabon</div>
<div class="details">(Inria)</div>
</div>
</div>
<div class="member">
<img src="/images/mathurin.jpg">
<div class="text">
<div class="name">Mathurin Bellot</div>
<div class="details">(Tela-Botanica)</div>
</div>
</div>
<div class="member">
<img src="/images/marie-charlotte.jpg">
<div class="text">
<div class="name">Marie-Charlotte Allam</div>
<div class="details">(Univ. Rennes)</div>
</div>
</div>
<div class="member">
<img src="/images/jeremy.jpg">
<div class="text">
<div class="name">Jérémy Omer</div>
<div class="details">(INSA Rennes)</div>
</div>
</div>
<div class="member">
<img src="/images/marine.jpg">
<div class="text">
<div class="name">Marine Fauché</div>
<div class="details">(Univ. Paris-Saclay)</div>
</div>
</div>
</div>
<h4>Alumni</h4>
<ul>
<li>Lysa Dahmani</li>
<li>Virgil Marionneau</li>
<li>Charlotte Thomas</li>
<li>Louise Cranidge</li>
<li>Fanny Folta-Gerij</li>
<li>Constance Monnier</li>
<li>Zélie Rodrigues</li>
<li>Mattéo Prieur</li>
<li>Clément Maouche</li>
<li>Joris Hélie</li>
<li>Eugénie Mousseux-Caillon</li>
<li>Isabella Gargiulo Gutierrez</li>
<li>Nolwenn Emonet</li>
<li>Baptiste Izquierdo Rey</li>
<li>Amélie Sagliet</li>
<li>Capucine Tesson</li>
</ul>
<h3 id="soutien-financer">Soutien Financier</h3>
<ul>
<li>Action exploratoire Inria <i>Back to the trees</i> (2023-2025)
</li>
<li>Innovation pédagogique OSER et Graduate School Biosphera - Université Paris-Saclay</li>
<li>ANR Sciences avec et pour la société <i>Flores</i> (2024-2025)</li>
<li>Ville de Paris</li>
<li>Pl@ntAgroEco</li>
</ul>
</section>
</div>
</main>
<include src="/components/site-footer.html"></include>
<!-- SCRIPTÀSUPPRIMERUNEFOISLESITEINTEGRÉ (include des composants)-->
<script>
function processIncludes() {
const includes = document.querySelectorAll('include[src]');
if (includes.length === 0) {
return;
}
const promises = Array.from(includes).map(el => {
const src = el.getAttribute('src');
return fetch(src)
.then(r => {
if (!r.ok) throw new Error(`Erreur ${r.status}: ${src}`);
return r.text();
})
.then(html => {
el.outerHTML = html;
})
.catch(err => {
console.error('Erreur de chargement:', err);
});
});
Promise.all(promises).then(() => {
processIncludes();
});
}
document.addEventListener('DOMContentLoaded', processIncludes);
</script>
</body>
</html>