-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy patha_propos.php
270 lines (254 loc) · 18.2 KB
/
a_propos.php
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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
<?php
/**
* -----------------------------------------------------------
* Vue - A PROPOS
* -----------------------------------------------------------
* Auteur : Benjamin (Bill) Planche - Aldream (4IF 2011/12)
* Contact - [email protected]
* ---------------------
* Page présentant l'équipe actuelle.
*/
// In order to handle tabs, page reloads & browser forward/back history :
inclure_fichier('commun', 'jquery.ba-hashchange.min', 'js');
?>
<div id="a-propos">
<div class="row" style="margin-top: 20px;">
<div class="tabbable tabs-left">
<div class="span2">
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#about-asso" data-toggle="tab">L'association</a></li>
<li><a href="#about-team" data-toggle="tab">L'équipe</a></li>
<li><a href="#about-site" data-toggle="tab">Le site-web</a></li>
</ul>
</div>
<div class="span10">
<div class="tab-content">
<div class="tab-pane active" id="about-asso">
<div class="hero-unit">
<h1>L'Association</h1>
<p>L'<span class="hero_motcle">AEDI</span>, l'Association des Etudiants du Département Informatique, est une figure incontournable de la vie du Département et de la faune associative de l'INSA-Lyon. Depuis 30 ans, celle-ci accompagne les étudiants en Informatique à travers leur parcours, prodiguant de multiples services et organisant des évènements variés.</p>
<p>Comme toute association Loi 1901, l'AEDI n'est pas à but lucratif. L'inscription est <em>gratuite</em> pour tous les étudiants IF, l'association vivant grâce aux actions qu'elle mène, ainsi qu'aux multiples partenariats tissés, notamment avec le <a title="Site Web du Département Informatique" href="if.insa-lyon.fr">Département</a> et les <a title="En savoir plus sur le parrainage" href="index.php?page=Parrainage">parrains de promotion</a>.</p>
<p>Chaque année, une équipe d'étudiants volontaires est élue pour reprendre sa tête, apportant ainsi de nouvelles pierres à l'édifice.</p>
</div>
<div style="position:relative;">
<h2 class="bleuBur"><i class="icon icon-star icon-white"></i> Notre Mission</h2>
<p>L'AEDI a pour rôle de <span class="hero_motcle">renforcer la cohésion entre les étudiants du Département Informatique, les aider dans leur cursus, et établir des contacts privilégiés avec les entreprises</span>.</p>
<p>Pour cela, l'AEDI profite aujourd'hui d'un riche <strong>réseau</strong> construit au cours des ans, regroupant anciens élèves investis, entreprises clés du monde informatique, et enseignants motivés. Ces ressources, mises à disposition à travers de nombreux évènements fédérateurs, comme les <a title="En savoir plus sur les RIF" href="index.php?page=RIFs_Entreprise">Rencontre IF</a> ou les <a title="En savoir plus sur les conférences" href="index.php?page=Conferences">conférences</a>, offrent des opportunités en or aux étudiants de découvrir les acteurs de l'Informatique, et leur futur employeur. Réciproquement, cela permet aux entreprises de renforcer leur présence et découvrir des profils intéressants.</p>
<p>S'il est primordial pour les élèves de profiter de ces occasions et de se projeter dans le futur, l'AEDI a aussi conscience de l'importance, parfois, de simplement profiter du présent, de ces années étudiantes qui passent bien trop vite. Dans cette optique sont régulierement organisés des <strong>évènements récréatifs</strong>. Intégration des nouveaux venus, sorties en ville, goûters, activités sportives, ... Toutes les occasions sont bonnes pour renforcer les liens au sein du Département, mais aussi avec l'exterieur, grâce aux bonnes relations développées avec d'autres associations étudiantes lyonnaises.</p>
<p>L'AEDI s'est donc donnée comme vocation d'être un <span class="hero_motcle">acteur clé</span> du Département, en aidant les étudiants dans tous les aspects de leurs etudes.</p>
<h2 class="bleuEntr" ><i class="icon icon-heart icon-white"></i> Nos Valeurs</h2>
<p>L'AEDI a fait le voeu de croire profondément dans <span class="hero_motcle">le potentiel des étudiants</span> du Département Informatique. C'est pourquoi nous nous efforcons d'apporter le terreau, les opportunités, destinés à faire valoir ces talents. La <strong>diversité</strong> des profils au sein des promotions est également une caracteristique que nous chérissons et encourageons, afin de favoriser une atmosphère d'échanges et de camaraderie plûtot que de compétition.</p>
<p>Enfin, pur produit de <strong>l'esprit associatif</strong> de l'INSA-Lyon, l'AEDI a à cœur de faire prospérer celui-ci, en encourageant les initiatives étudiantes et les partenariats inter- et extra-campus.</p>
</div>
</div>
<div class="tab-pane" id="about-team">
<div class="hero-unit">
<h1>L'Equipe</h1>
<p>L'AEDI est gérée par une équipe d'étudiants bénévoles et actifs, élus pour un an. Chacun y apporte ses propres compétences, permettant ainsi à l'association de proposer un éventail riche et varié d'évènements et de services.</p>
</div>
<div class="row">
<p class="span4"><img src="commun/img/equipe/bureau.jpg" title="Le Bureau" width=350 /></p>
<div class="span6">
<h2 class="bleuBur" >Le Bureau <i class="icon icon-tag icon-white"></i></h2>
<p>A la tête de l'association, le Bureau coordonne les différentes équipes.<br/>
<small>De gauche à droite :</small></p>
<ul>
<li><span class="hero_motcle">Charlotte Pigeon</span> : Trésorière</li>
<li><span class="hero_motcle">Romain Gérard</span> : Vice-Président</li>
<li><span class="hero_motcle">Prisca Bonnet</span> : Présidente</li>
<li><span class="hero_motcle">Caroline Monin</span> : Secrétaire</li>
</ul>
</div>
</div>
<div class="row">
<div class="span6">
<h2 class="bleuEntr" ><i class="icon icon-flag icon-white"></i>L'équipe Entreprise</h2>
<p>Chargée des relations Entreprises, l'équipe organise notamment les <a href="index.php?page=RIFs_Entreprise" title="Rencontres IF">RIFs</a>.<br/>
<small>De gauche à droite :</small></p>
<ul>
<li><strong>Alina Ghermann</strong></li>
<li><strong>Quentin Veyret</strong></li>
<li><strong>Margot Selosse</strong> (Responsable)</li>
<li><strong>Yahya Kane</strong></li>
<li><strong>Elodie Talbot</strong></li>
</ul>
</div>
<p class="span4"><img src="commun/img/equipe/equipe_entreprise.jpg" title="L'Equipe Entreprise" width=350 /></p>
</div>
<div class="row">
<p class="span4"><img src="commun/img/equipe/equipe_animation.jpg" title="L'équipe Animation" width=350 /></p>
<div class="span6">
<h2 class="bleuAnim" >L'équipe Animation <i class="icon icon-music icon-white"></i></h2>
<p>Cette équipe organise toute l'année des <a href="index.php?page=Evenements_Etudiant" title="Présentation des évènements">évènements</a> à destination des étudiants.<br/>
<small>De gauche à droite :</small></p>
<ul>
<li><strong>Cédric Morin</strong></li>
<li><strong>Arthur Hamon</strong> (Responsable)</li>
<li><strong>Guillaume Fort</strong></li>
<li><strong>Nicolas Mauti</strong></li>
</ul>
</div>
</div>
<div class="row">
<div class="span6">
<h2 class="bleuCom" ><i class="icon icon-envelope icon-white"></i>L'équipe Communication</h2>
<p>Affiches, newsletters, réseaux sociaux, ... Cette équipe rend visible l'association et ses évènements sur le campus.<br/>
<small>De gauche à droite :</small></p>
<ul>
<li><strong>Benoit Delerue</strong></li>
<li><strong>Pierre Brunisholz</strong></li>
<li><strong>Jean-Baptiste Ghoul</strong></li>
</ul>
</div>
<p class="span4"><img src="commun/img/equipe/equipe_communication.jpg" title="L'Equipe Entreprise" width=350 /></p>
</div>
<div class="row">
<p class="span4"><img src="commun/img/equipe/equipe_admin.jpg" title="L'équipe Admin" width=350 /></p>
<div class="span6">
<h2 class="bleuAnim" >L'équipe Admin <i class="icon icon-eye-open icon-white"></i></h2>
<p>En charge du patrimoine informatique de l'AEDI, ils veillent sur le bon fonctionnement et l'amélioration des services.<br/>
<small>De gauche à droite :</small></p>
<ul>
<li><strong>Pierre-Henri Shoffit</strong></li>
<li><strong>Gautier Di Folco</strong></li>
</ul>
</div>
</div>
<div class="row">
<p class="centre label label-inverse" style="margin-top:15px;" >Tu souhaites toi-aussi t'investir dans la vie du Département ? <a href="index.php?page=Contact" title="Contact">Contacte-nous !</a></p>
</div>
</div>
<div class="tab-pane" id="about-site">
<div class="hero-unit">
<h1>Le Site-Web</h1>
<p>Ce site ne se résume pas à être une vitrine de notre Association et Département. Il propose l'ensemble des services informatiques de l'AEDI, à destination des étudiants et entreprises.</p>
</div>
<div class="accordion" id="accordion-site">
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-site" href="#services-etudiant">
<h2 class="bleuEtudiant" ><i class="icon icon-user icon-white"></i> Etudiant</h2>
</a>
</div>
<div id="services-etudiant" class="accordion-body collapse">
<div class="accordion-inner">
<p>Tu trouveras ici deux catégories de services offerts par l'AEDI :</p>
<h3>Relations professionnelles</h3>
<p>Au cours des années, l'AEDI et le Département ont développé des relations privilégiées avec un grand nombre d'entreprises, afin de t'offrir un maximum d'opportunités pour bien débuter ta carrière. Une fois identifié <small>(bouton en haut à droite)</small>, tu pourras ainsi accéder aux pages suivantes :</p>
<div class="span8" style="width:100%;">
<div class="row categ-services">
<div class="span4">
<div>
<h4>Catalogue de stages</h4>
<p>Il contient les descriptions de l'ensemble des stages et PFE proposés par des entreprises au Département Informatique dans l'année.<br/>
Grâce aux outils de recherche, tu ne pourras que trouver ton bonheur ...</p>
<p class="centre"><a class="btn btn-inverse" href="index.php?page=Stages_Etudiant">Accéder</a></p>
</div>
</div>
<div class="span4">
<div>
<h4>Inscription aux simulations d'entretiens</h4>
<p>Ces simulations, proposées grâcieusement par des entreprises partenaires, te permettent de t'entrainer à l'incontournable exercice de l'entretien professionnel, face à des RH expérimentés et là pour te conseiller.<br/>
Inscris-toi rapidement aux différentes sessions proposées !</p>
<p class="centre"><<?php /**a*/?>button class="btn btn-inverse" <?php /**href="index.php?page=Entretiens_Etudiant"*/?> disabled title="Service en cours de finition. Marie Rosain se charge des inscriptions en attendant, merci de la contacter.">Accéder</<?php /**a*/?>button></p>
</div>
</div>
</div>
</div>
<h3>Outils de projet</h3>
<p>Tout au long de ta scolarité (et surtout à partir de la 4ème année), tu seras amener à travailler sur des projets, avec d'autres étudiants. Afin de t'aider dans la gestion de projets, l'AEDI héberge deux plateformes de services recommandées :</p>
<div class="span8" style="width:100%;">
<div class="row categ-services">
<div class="span4">
<div>
<h4>Redmine</h4>
<p>Cet outil de gestion permet un suivi en temps réel de l'avancement du projet. Permettant notamment d'identifier des tâches puis de logger le temps de travail, il offre un tableau de bord très utile aux chefs de projets.</p>
<p class="centre"><a class="btn btn-inverse" href="http://shareif.insa-lyon.fr/redmine">Accéder</a></p>
</div>
</div>
<div class="span4">
<div>
<h4>Share'IF</h4>
<p>Il s'agit d'une plateforme Svn/Git mis à disposition par l'AEDI, permettant le travail collaboratif et le versionnage des évolutions de vos projets. La création et le partage de dépôts se font en quelques clics !</p>
<p class="centre"><a class="btn btn-inverse" href="https://shareif.insa-lyon.fr/">Accéder</a></p>
</div>
</div>
</div>
</div>
<h3>Des idées ?</h3>
<p>Tu aimerais voir de nouveaux services proposés par l'AEDI ? Nous sommes toujours partant ! <a href="index.php?page=Contact" title="Contact">Contacte-nous</a></p>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-site" href="#services-entreprise">
<h2 class="bleuEntr" ><i class="icon icon-flag icon-white"></i> Entreprise</h2>
</a>
</div>
<div id="services-entreprise" class="accordion-body collapse">
<div class="accordion-inner">
<p>De nombreux contenus de ce site web sont à destination des entreprises, partenaires privilégiés.</p>
<h3>Nos offres</h3>
<p>Suivant la politique du Département de mêler le professionnel à l'enseignement, l'AEDI n'a cessé de multiplier les relations avec les entreprises, étoffant au cours des années sont panel d'offres. Les <a class="hero_motcle" href="index.php?page=RIFs_Entreprise">Rencontres IF</a>, les <a class="hero_motcle" href="index.php?page=Conferences">conférences</a>, les <a class="hero_motcle" href="index.php?page=Entretiens_Entreprise">simulations d'entretiens</a> et le <a class="hero_motcle" href="index.php?page=Parrainage">parrainage</a> sont les quatre pilliers de cet engagement réciproque.</p>
<h3>Inscription aux évènements</h3>
<p>Parmi les évènements proposés, deux nécéssitent une organisation particulière, de part leur logistique ou leur fréquentation importante : les <a href="index.php?page=Entretiens_Entreprise">Simulations d'entretiens</a> et les <a href="index.php?page=RIFs_Entreprise">Rencontres IF</a>. Afin d'assurer, à vous et aux étudiants, un service optimal, nous mettons à votre disposition les outils d'inscription suivants :</p>
<div class="span8" style="width:100%;">
<div class="row categ-services">
<div class="span4">
<div>
<h4>Rencontres IF</h4>
<p>Vous trouverez sur la page indiquée ci-dessous l'ensemble des informations sur cet évènement, ainsi que l'adresse pour nous contacter et discuter des détails de votre candidature. N'hésitez pas à nous joindre le plus tôt possible, afin d'être sûr d'obtenir un stand !</p>
<p class="centre"><a class="btn btn-inverse" href="index.php?page=RIFs_Entreprise">Accéder</a></p>
</div>
</div>
<div class="span4">
<div>
<h4>Simulations d'entretiens</h4>
<p>En quelques clics, préinscrivez-vous pour organiser des simulations d'entretiens dans notre Département ! Votre demande sera traitée dans les délais les plus brefs, et transmise à l'administration du Département qui se chargera des détails logistiques.</p>
<p style="color: #500; font-size: 0.8em;text-align:center;">Service en cours de finition. Merci de consulter la <a title="IF - Simulations d'entretiens" href="http://if.insa-lyon.fr/entreprise/simulation-entretiens" style="color: #500; text-decoration:underline;">page du Département</a> pour vous inscrire en attendant. Merci de votre compréhension.</p>
<p class="centre"><a class="btn btn-small btn-inverse" href="index.php?page=Entretiens_Entreprise" disabled title="Service en cours de finition. Merci de consulter la page du Département pour vous inscrire en attendant : if.insa-lyon.fr/entreprise/simulation-entretiens. Merci de votre compréhension.">Accéder</a></p>
</div>
</div>
</div>
</div>
<!--<h3>CVthèque</h3>
<p>Fiers de notre formation et des talents dont nos promos regorgent, nous proposons aux entreprises un <em>book</em> contenant les CV des étudiants actuels, offrant ainsi un point de vue unique sur l'ensemble de ces profils.</p>
<p class="centre"><a class="btn btn-primary btn-large" href="index.php?page=CV_Entreprise">Accédez à l'offre</a></p>-->
<h3>Informations supplémentaires</h3>
<p>Si vous avez des questions par rapport à celles-ci, ou si vous souhaitez organiser un évènement particulier, <a href="index.php?page=Contact">contactez-nous</a> et nous nous ferons un plaisir d'échanger avec vous.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
// Gist from chainer and lili262 : https://github.com/twitter/bootstrap/pull/581#issuecomment-4966967
// Allow to save the navigation with the tabs (reloads, back, fav, ...)
// -------
$(function(){
// Function to activate the tab
function activateTab() {
var activeTab = $('[href=' + window.location.hash.replace('/', '') + ']'); // The antislash added before the anchor's name prevents to scroll until the anchor's element.
activeTab && activeTab.tab('show');
}
// Trigger when the page loads
activateTab();
// Trigger when the hash changes (forward / back)
$(window).hashchange(function(e) {
activateTab();
});
// Change hash when a tab changes
$('a[data-toggle="tab"], a[data-toggle="pill"]').on('shown', function () {
window.location.hash = '/' + $(this).attr('href').replace('#', '');
});
});
// -------
});
</script>
</div>