add sort & view for species
This commit is contained in:
Julie Blanc
parent
718ca47696
commit
6fff7422e8
26 changed files with 1448 additions and 432 deletions
344
a-propos.html
344
a-propos.html
|
|
@ -16,44 +16,70 @@
|
|||
|
||||
<include src="/components/site-header.html"></include>
|
||||
|
||||
<main class="has-toc">
|
||||
<main>
|
||||
|
||||
<header class="page-header">
|
||||
<div class="page-header__inner">
|
||||
|
||||
<h2 class="page-title">Le projet botascopia</h2>
|
||||
<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>
|
||||
|
||||
|
||||
<nav class="page-toc">
|
||||
<ul>
|
||||
<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>
|
||||
<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>Botascopia est un projet inter- et transdisciplinaire de recherche-action mêlant botanique, informatique et sciences sociales. 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>
|
||||
<h3 id="demarche-botascopia">La démarche botascopia</h3>
|
||||
|
||||
|
||||
<p>Le projet de recherche Botascopia s’adresse à toutes celles et ceux qui souhaitent
|
||||
<strong>identifier, connaître ou faire connaître les plantes autour d’eux</strong>. Il s’adresse
|
||||
|
||||
<p>Le projet de recherche Botascopia s’adresse à toutes celles et ceux qui souhaitent
|
||||
<strong>identifier, connaître ou faire connaître les plantes autour d’eux</strong>. Il s’adresse
|
||||
aussi aux botanistes chevronnés à la recherche d’informations fiables et détaillées sur les espèces
|
||||
de plantes à fleurs. Il poursuit quatre objectifs :</p>
|
||||
de plantes à fleurs. Il 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 d’autres 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 à partir d’une collection d’espèces</li>
|
||||
clés de détermination et des fiches descriptives à partir d’une collection d’espèces</li>
|
||||
<li>Mettre à disposition l’ensemble (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
|
||||
|
|
@ -62,156 +88,184 @@
|
|||
</ol>
|
||||
|
||||
|
||||
<h3 id="equipe">L’équipe</h3>
|
||||
<h3 id="equipe">L’équipe</h3>
|
||||
|
||||
<h4>Membres du projet</h4>
|
||||
<h4>Membres du projet</h4>
|
||||
|
||||
<div class="team">
|
||||
<div class="member">
|
||||
<img src="/images/simon.jpg">
|
||||
<div class="name">Simon Castellan</div>
|
||||
<div class="details">(Inria Rennes)</div>
|
||||
<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>
|
||||
<div class="member">
|
||||
<img src="/images/sophie.jpg">
|
||||
<div class="name">Sophie Nadot</div>
|
||||
<div class="details">(Univ. Paris-Saclay)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/xavier.jpg">
|
||||
<div class="name">Xavier Aubriot</div>
|
||||
<div class="details">(Univ. Paris-Saclay)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/eric.jpg">
|
||||
<div class="name">Eric Tannier</div>
|
||||
<div class="details">(Inria Lyon)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/agnes.jpg">
|
||||
<div class="name">Agnès Schermann</div>
|
||||
<div class="details">(Univ. Rennes)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/jos.jpg">
|
||||
<div class="name">Jos Käfer</div>
|
||||
<div class="details">(CNRS)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/aurore.jpg">
|
||||
<div class="name">Aurore Alcolei</div>
|
||||
<div class="details">(UPEC)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/laetitia.jpg">
|
||||
<div class="name">Laetitia Carrive</div>
|
||||
<div class="details">(Univ. Rennes)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/gurvan.jpg">
|
||||
<div class="name">Gurvan Cabon</div>
|
||||
<div class="details">(Inria)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/mathurin.jpg">
|
||||
<div class="name">Mathurin Bellot</div>
|
||||
<div class="details">(Tela-Botanica)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/marie-charlotte.jpg">
|
||||
<div class="name">Marie-Charlotte Allam</div>
|
||||
<div class="details">(Univ. Rennes)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/jeremy.jpg">
|
||||
<div class="name">Jérémy Omer</div>
|
||||
<div class="details">(INSA Rennes)</div>
|
||||
</div>
|
||||
<div class="member">
|
||||
<img src="/images/marine.jpg">
|
||||
<div class="name">Marine Fauché</div>
|
||||
<div class="details">(Univ. Paris-Saclay)</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4>Alumni</h4>
|
||||
<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>
|
||||
</li><li>Capucine Tesson</li><li>
|
||||
</li></ul>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<include src="/components/site-footer.html"></include>
|
||||
|
||||
|
||||
|
||||
<!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (include des composants)-->
|
||||
<script>
|
||||
function processIncludes() {
|
||||
const includes = document.querySelectorAll('include[src]');
|
||||
<!-- SCRIPT À SUPPRIMER UNE FOIS LE SITE INTEGRÉ (include des composants)-->
|
||||
<script>
|
||||
function processIncludes() {
|
||||
const includes = document.querySelectorAll('include[src]');
|
||||
|
||||
if (includes.length === 0) {
|
||||
return;
|
||||
}
|
||||
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);
|
||||
});
|
||||
});
|
||||
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();
|
||||
});
|
||||
}
|
||||
Promise.all(promises).then(() => {
|
||||
processIncludes();
|
||||
});
|
||||
}
|
||||
|
||||
document.addEventListener('DOMContentLoaded', processIncludes);
|
||||
</script>
|
||||
document.addEventListener('DOMContentLoaded', processIncludes);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue