-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (150 loc) · 6.26 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset='utf-8'>
<title>Tracker Solaire</title>
<link rel="icon" href="assets/images/logo.ico"/>
<link rel="stylesheet" type="text/css" href="assets/css/index.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/barre.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/design.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/animFondHeadHorloge.css"/>
</head>
<body>
<div id="header"></div>
<div id="horloge"></div>
<!---MENU -->
<center>
<ul class="menu">
<li class="menuContent"><a href="#presentation">Présentation</a></li>
<li class="menuContent"><a href="page1.html">Expérience</a></li>
<li class="menuContent"><a href="page2.html">Galerie</a></li>
<li class="menuContent"><a href="conclusion.html">Synthèse</a></li>
</ul>
</center>
<!---TEXTE DE PRESENTATION -->
<!--- PRESENTATION DU GROUPE-->
<article class="isn" id="presentation">
<p>Nous vous souhaitons la bienvenue sur notre site consacré à notre projet d'<abbr title="Informatique et Sciences du Numérique">ISN</abbr> !<br/>
Ce projet est la création d'un <b>tracker solaire</b>. Il a été réalisé par Léa JEAN, Adélaïde LOUIS et Yohann VERNHES, tous les trois élèves de TS4.</p>
<center>
<div class="chibi">
<img class="nous" src="assets/images/lea.png" title="Léa JEAN" alt="lea">
<img class="nous ade" src="assets/images/ade.png" title="Adélaïde LOUIS" alt="ade">
<img class="nous yo" src="assets/images/yo.png" title="Yohann VERNHES" alt="yo">
<br/>
<figcaption>Dessins représentant le groupe. Réalisés par Adélaïde</figcaption>
</div>
</center>
</article>
<!---PRESENTATION DU PROJET -->
<article class="presentation">
<center><h1>Présentation du projet</h1>
<h2><u>Pourquoi ce projet ?</u></h2></center>
<p>Nous avons choisi de réaliser un tracker solaire nommé <b>Sunny</b> car c'est un projet idéal pour utiliser nos compétences acquises en Sciences de l'Ingénieur et celle en informatique. De plus faire un tracker solaire nous oblige à utiliser un arduino et donc d'apprendre un nouveau langage de programmation qui se rapproche du C. Nous aimons aussi les défis: réaliser un tracker solaire est loin d'être quelque chose de simple ! Mais ça nous le verrons plus tard... <br/>
<center>
<img src="assets/images/logo.png" title="Logo de notre projet" alt="logo" width="300">
<figcaption>Logo de notre projet Sunny. Fait par Adélaïde</figcaption>
</center>
</p>
<center><h2><u>Analyse du besoin</u></h2></center>
<p> Pour commencer nous avons réaliser une bête à corne - outil très utile dans les <b>Sciences de l'Ingénieur</b> - qui permet de savoir dans quel but l'objet est fabriqué.
<center>
<img src="assets/images/bac.png" title="Bête à corne du système" alt="bête à corne">
<figcaption>Bête à corne du système</figcaption>
</center><br/> <br/>
Ensuite, nous nous sommes intéressés à la trajectoire du soleil avant de réfléchir à des solutions techniques.
Pour finir, nous avons pu dégager trois idées de méthodes pour réaliser le tracker.
<ul>
<li> La première est de faire fonctionner le tracker en utilisant les équations de la trajectoire du Soleil.</li>
<li> La seconde est d'utiliser des photorésistances.</li>
<li> La dernière est d'utiliser une caméra.</li>
</ul>
Nous détaillons plus en détails ces méthodes sur la page <a href="page1.html">"Expérience".</a></p>
<center><h2><u>Langages utilisés</u></h2></center>
<p>Tracker :
<ul>
<li><i>C++ pour Arduino</i></li>
</ul>
<center><img src="assets/images/lang/cpp4arduino.png" title="C++ pour Arduino" alt="arduino" width="250px"></center><br/>
Site :
<ul>
<li><i>HTML</i></li>
<li><i>CSS</i></li>
<li><i>Java Script</i></li>
<li><i>Python</i></li>
</ul>
<center><img src="assets/images/lang/html-css-js.jpg" title="HTML, CSS et Java Script" alt="HTML, CSS, JS" width="250px">
<img src="assets/images/lang/python.png" title="Python" alt="Python" width="210px"></center><br/>
Application :
<ul>
<li><i>Scratch (App Inventor)</i></li>
</ul>
<center><img src="assets/images/lang/AppInv.png" title="App Inventor" alt="App Inventor" width="250px"></center><br/></p>
<center><h2><u>Répartition du travail</u></h2>
<p>Personne n'avait une tâche précise. Nous avons préféré faire du <b>coworking</b>. <br/>
Par exemple, une personne commençait une partie du code puis une autre le finaliser pour le design. Ou bien on faisait les programmes à plusieurs. </p>
<!---TABLEAU AVEC REPARTITION DES TACHES -->
<table>
<tr class="ligne_une">
<th>Léa JEAN</th>
<th>Adélaïde LOUIS</th>
<th>Yohann VERNHES</th>
</tr>
<tr class="ligne_deux">
<th>Construction d'une partie du système<br/>
Site web
</th>
<th>
Design du site et création du logo <br/>
Charte graphique<br/>
Site web <br/>
Application
</th>
<th>
Programmation de l'arduino <br/>
Construction d'une partie du système <br/>
Site web
</th>
</tr>
</table>
</center>
</p>
</article>
</body>
<footer><!---====FOOTER====-->
<div>
<div class="text">
TS4 - ISN © 2018-2019
</div>
<div class= "text">
|
</div>
<div class="text">
<a href="hidden.html">Léa JEAN</a>
</div>
<div class="text">
|
</div>
<div class="text">
<a href="https://lanryu.000webhostapp.com/">Adélaïde LOUIS</a>
</div>
<div class="text">
|
</div>
<div class="text">
<a href="https://lost-sh.000webhostapp.com/">Yohann VERNHES</a>
</div>
<div class="text">
|
</div>
<div class="text">
<a style="color: black;text-decoration: none;" href="https://lyceeduruy.fr/">Lycée Victor Duruy</a>
</div>
<div class="accueil">
<a style="color: black;text-decoration: none;" href="index.html">ACCUEIL</a>
</div>
</div>
</footer>
<script type="text/javascript" src="assets/js/anim-fondHead.js"></script>
</html>