portfolios/modele-de-depart
2
0
Fork 5
Code Issues Pull requests Projects Releases Wiki Activity
modele-de-depart/project/sunny/index.html

727 lines
15 KiB
HTML
Raw Permalink Normal View History

nouvelle version du site en html+css+js - abandon de structure Hugo
2022-03-24 13:10:04 +01:00
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Source Themes Academia 4.3.1">
<meta name="generator" content="Hugo 0.89.4" />
<meta name="author" content="Léa Jean">
<meta name="description" content="Conception et réalisation d&#39;un tracker solaire, et programmation du site de présentation.">
<link rel="alternate" hreflang="en-us" href="/portfolios/lea-jean/project/sunny/">
<meta name="theme-color" content="#60aaf3">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" integrity="sha256-ygkqlh3CYSUri3LhQxzdcm0n1EQvH2Y+U5S2idbLtxs=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css" crossorigin="anonymous" title="hl-light">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans|Roboto+Mono&display=swap">
<link rel="stylesheet" href="/portfolios/lea-jean/css/academia.min.9972e892666a05bd315bf8453ba138a8.css">
<link rel="manifest" href="/portfolios/lea-jean/site.webmanifest">
<link rel="icon" type="image/png" href="/portfolios/lea-jean/img/icon.png">
<link rel="apple-touch-icon" type="image/png" href="/portfolios/lea-jean/img/icon-192.png">
<link rel="canonical" href="/portfolios/lea-jean/project/sunny/">
<meta property="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="Léa Jean">
<meta property="og:url" content="/portfolios/lea-jean/project/sunny/">
<meta property="og:title" content="Sunny, le tracker solaire | Léa Jean">
<meta property="og:description" content="Conception et réalisation d&#39;un tracker solaire, et programmation du site de présentation."><meta property="og:image" content="/portfolios/lea-jean/project/sunny/featured.png">
<meta property="twitter:image" content="/portfolios/lea-jean/project/sunny/featured.png"><meta property="og:locale" content="en-us">
<meta property="article:published_time" content="2022-01-20T00:00:00&#43;00:00">
<meta property="article:modified_time" content="2022-01-20T00:00:00&#43;00:00">
<title>Sunny, le tracker solaire | Léa Jean</title>
</head>
<body id="top" data-spy="scroll" data-target="#TableOfContents" data-offset="71" >
<aside class="search-results" id="search">
<div class="container">
<section class="search-header">
<div class="row no-gutters justify-content-between mb-3">
<div class="col-6">
<h1>Search</h1>
</div>
<div class="col-6 col-search-close">
<a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a>
</div>
</div>
<div id="search-box">
</div>
</section>
<section class="section-search-results">
<div id="search-hits">
</div>
</section>
</div>
</aside>
<nav class="navbar navbar-light fixed-top navbar-expand-lg py-0" id="navbar-main">
<div class="container">
<a class="navbar-brand" href="/portfolios/lea-jean/"><img src="/portfolios/lea-jean/img/lyc.png" alt="Léa Jean"></a>
<a class="navbar-brand" href="/portfolios/lea-jean/">Léa Jean</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"><span><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#hero"><span>Accueil</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#experience"><span>Parcours</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#skills"><span>Compétences</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#projects"><span>Réalisations</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#contact"><span>Contact</span></a>
</li>
</ul>
</div>
</div>
</nav>
<article class="article article-project py-5" itemscope itemtype="http://schema.org/Article">
<div class="container split-header">
<div class="row justify-content-center">
<div class="col-lg-8">
<img class="img-fluid w-100" src="/portfolios/lea-jean/project/sunny/featured_hub4d1bc0410b057a25a315c1dbeba6d57_1002367_680x500_fill_q90_lanczos_smart1_3.png" itemprop="image" alt="">
<span
class="article-header-caption">Logo du projet Sunny réalisé par Adélaïde LOUIS</span>
</div>
<div class="col-lg-8">
<h1 itemprop="name">Sunny, le tracker solaire</h1>
<meta content="2022-01-20 00:00:00 &#43;0000 UTC" itemprop="datePublished">
<meta content="2022-01-20 00:00:00 &#43;0000 UTC" itemprop="dateModified">
<div class="article-metadata">
<span class="article-date">
Publié le
<time>20-01-2022</time>
</span>
</div>
<div class="btn-links mb-3">
<a class="btn btn-outline-primary my-1 mr-1" href="https://lostsh.github.io/sunny/" target="_blank" rel="noopener">
Site de présentation
</a>
</div>
</div>
</div>
</div>
</div>
<div class="article-container">
<div class="article-style" itemprop="articleBody" style="text-align:justify;">
<p><strong>Sunny le tracker solaire</strong> est un projet qui est né en 2019 dans le cadre d&rsquo;un projet en groupe pour valider les compétences acquises dans la spécialité <em>Informatique et Créations Numériques</em> de Terminale S SI. Ainsi, avec deux autres collègues, Adélaïde LOUIS et Yohann VERNHES, nous avons décidé de réaliser un tracker solaire.</p>
<p>Notre projet s&rsquo;est construit sur deux axes : d&rsquo;une part la <em>réalisation de Sunny</em> et d&rsquo;autre part la <em>construction d&rsquo;un site de présentation</em>.</p>
<p>Nous avons d&rsquo;abord fait des recherches sur le fonctionnement d&rsquo;un tracker solaire et sur la trajectoire du soleil. Après avoir discuté sur comment construire le tracker avec nos moyens, nous avons dégagé trois méthodes de fonctionnement.</p>
<p><strong>La première méthode consiste à faire fonctionner le tracker avec des photorésistances</strong> Le système est équipé de photorésistances. Ainsi, pour suivre les positions du soleil, une pièce projette son ombre sur une plaque équipée de photorésistances permettant de comparer les valeurs d’intensité lumineuse reçues pour savoir où se trouve l’ombre.
Pour cette méthode, nous nous sommes renseignés sur le fonctionnement des photorésistances. Nous avons ensuite construit le tracker avec du carton et programmé le système avec une Arduino Uno.</p>
<p>Les deux méthodes suivantes n&rsquo;ont pas pu êtres réalisées physiquement.</p>
<p><strong>La deuxième méthode consiste à faire fonctionner le tracker en utilisant les équations de la trajectoire du Soleil.</strong> On équipe ici le système d&rsquo;un GPS. Pour suivre les positions du soleil, le système s’appuie sur un algorithme qui calcule la position du soleil en fonction de son positionnement spatial et temporel. Pour mettre en oeuvre cette méthode, nous avons d&rsquo;abord cherché comment calculer la trajectoire du soleil en fonction du temps puis nous avons fait des recherches approfondies pour comprendre les équations.</p>
<p><strong>La troisième méthode consiste à faire fonctionner le tracker en utilisant une caméra.</strong> On équipe le système d&rsquo;une caméra qui serait orientée vers le ciel. Pour savoir où est le soleil, il faut faire en sorte que le point le plus lumineux que la caméra voit, soit toujours au centre.</p>
<p><em>Le projet est présenté sur ce site : <a href="https://lostsh.github.io/sunny/index.html#presentation">site de présentation</a>.</em></p>
</div>
<div class="article-tags">
<a class="badge badge-light" href="/portfolios/lea-jean/tags/lycee/">lycee</a>
</div>
<div class="media author-card" itemscope itemtype="http://schema.org/Person">
<img src="/portfolios/lea-jean/img/leebit.png" alt="Profil" height="80" width="80">
<div class="media-body">
<h5 class="card-title" style="display:flex; justify-content:center;" itemprop="name"><a href="/portfolios/lea-jean">Léa Jean</a></h5>
<h6 class="card-subtitle" style="display:flex; justify-content:center;">Volontaire en Service Civique</h6>
<ul class="network-icon" style="display:flex; justify-content:center;" aria-hidden="true">
<li>
<a itemprop="sameAs" href="/portfolios/lea-jean/#contact" >
<i class="fas fa-envelope"></i>
</a>
</li>
<li>
<a itemprop="sameAs" href="/portfolios/lea-jean/#contact" >
<i class="fas fa-phone"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</article>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js" integrity="sha256-X5PoE3KU5l+JcX+w09p/wHl9AzK333C4hJ2I9S5mD4M=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js" integrity="sha256-aYTdUrn6Ow1DDgh5JTc3aDGnnju48y/1c8s1dgkYPQ8=" crossorigin="anonymous"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="/portfolios/lea-jean/js/academia.min.d691276f1564f37d5e31c2e5fb0cfcae.js"></script>
<div class="container">
<footer class="site-footer">
<div class="container" style="display:flex; justify-content: center;">
<div class="row align-items-center">
<div>
<p class="mb-0" style="text-align:center;">
Site réalisé à partir du thème :
<a href="https://themes.gohugo.io/themes/academia-hugo/" target="_blank" rel="noopener">Academia Hugo</a>.
</p>
<p style="text-align:center;">Code source modifié par <i style="color:#ffb92c;">Léa JEAN</i> et <i style="color:#ffb92c;">Habib BELARIBI</i>.</p>
</div>
<div class="col-md-6">
<ul class="list-inline network-icon text-right mb-0">
</ul>
</div>
</div>
</div>
</footer>
</div>
<div id="modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Cite</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<pre><code class="tex hljs"></code></pre>
</div>
<div class="modal-footer">
<a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank">
<i class="fas fa-copy"></i> Copy
</a>
<a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank">
<i class="fas fa-download"></i> Download
</a>
<div id="modal-error"></div>
</div>
</div>
</div>
</div>
</body>
</html>
Reference in a new issue Copy permalink