-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
367 lines (328 loc) · 16.2 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
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
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
<!DOCTYPE html>
<html style="overflow: hidden;">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="media/CSS/style.css" />
<link rel="stylesheet" href="media/CSS/hint.min.css" />
<link rel="stylesheet" href="media/javascript/jquery-ui-1.10.3.custom/css/smoothness/jquery-ui-1.10.3.custom.min.css" />
<script type='text/javascript' src='media/javascript/jquery-ui-1.10.3.custom/js/jquery-1.9.1.js'></script>
<script type='text/javascript' src='media/javascript/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js'></script>
<script type='text/javascript' src='media/javascript/respond.min.js'></script>
<script type='text/javascript' src='media/javascript/animations.js'></script>
<title>Rapport de stage Chris de Claverie</title>
</head>
<body>
<div id="loading">
<h1>Chargement en cours...</h1>
<img src='media/images/idem-loading-100100.gif' alt='' />
</div>
<div id="image-background"></div>
<div id="show-image">
<img id="close-button" src="media/images/close.png" />
</div>
</div>
<div id='left_border'>
<div id='links'>
</div>
<div id='img_rapportDeStage'>
</div>
</div>
<div id='logo'>
<div id='img_logoAlta'>
</div>
<div id='img_degrade'>
</div>
</div>
<div id='content'>
<div id='center_buttons'>
<div id='fleche'>
</div>
</div>
<div id='part_titles'>
<span class='part_title'>Présentation</span>
<span class='part_title'>Mon stage</span>
<span class='part_title'>Conclusion</span>
</div>
<div id='part_descriptions'>
<span class='part_description presentation'>AltaProfits.com, un site visionnaire</span>
<span class='part_description mon_stage'>Deux semaines riches en apprentissage</span>
<span class='part_description conclusion'>Un stage proche de la perfection</span>
</div>
<div id='sub_part_titles'>
<span class='sub_part_title presentation'>L'entreprise</span>
<span class='sub_part_title presentation'>Les employés</span>
<span class='sub_part_title presentation'>Les locaux</span>
<span class='sub_part_title mon_stage'>Accueil</span>
<span class='sub_part_title mon_stage'>Première semaine</span>
<span class='sub_part_title mon_stage'>Deuxième semaine</span>
<span class='sub_part_title conclusion'>Ce que j'ai appris</span>
<span class='sub_part_title conclusion'>Points négatifs</span>
<span class='sub_part_title conclusion'>Points positifs</span>
</div>
<div id='parts'>
<div class="part presentation l_entreprise">
<p>
Mon stage s'est déroulé dans une entreprise parisienne nommée "Altaprofits". C'est une entreprise de courtage d'assurances vie.
</p>
<p>
Altaprofits se situe sur la rue de la Paix, dans le premier et deuxième arrondissement de Paris. <br/>
Cette entreprise comporte 15 employés, répartis principalement dans deux domaines: la gestion informatique et le support du client.
</p>
<p>
Le site de l'entreprise, <a href="http://www.altaprofits.com/">www.altaprofits.com</a>,
est la principale interface de contact entre le client et le courtier. <br/>
En effet, Altaprofits est l'inventeur de l'assurance-vie en ligne, ayant passé la barre des 25 000 contrats l'année dernière.
</p>
<div class='img-container'>
<div class="hint--left hint--always floatright" data-hint="La page principale du site www.altaprofits.com">
<img src='media/images/content/screenshot_site.png'>
</div>
</div>
<div class='img-container' style="margin-top: 30px; margin-bottom: 50px;">
<div class='hint--right hint--always floatleft' data-hint="Les fondateurs d'Altaprofits">
<img src='media/images/content/Fondateurs_big.jpg'/>
</div>
</div>
<p>
François Leneveu, Elisabeth Andrey et Hervé Tisserand, professionnels de la gestion de capitaux,
sont les fondateurs d'Altaprofits.<br/><br/>
</p>
<h3>Historique rapide d'Altaprofits:</h3>
Décembre 1999: Création d’Altaprofits S.A.<br/>
Novembre 2000: Mise en production du site.<br/>
Décembre 2000: Souscriptions des premiers contrats Altaprofits Vie (assureur Generali Patrimoine).<br/>
Juin 2006: Altaprofits S.A. atteint l’équilibre financier.<br/>
Novembre 2012: Altaprofits.com lance son application mobile iPhone, 100 % confidentielle et sécurisée, 100 % gratuite.<br/>
<p class="italic">
Il est a noter que certains évènements de nature financière en rapport avec Altaprofits, bien qu'importants, ont été supprimés de cette liste pour des raisons de compréhensibilité.
</p>
</div>
<div class="part presentation les_employes">
<p>
Les employés sont principalement divisés en deux parties: le "support client" ainsi que l' "équipe informatique".
</p>
<p>
Dans mon bureau, se trouvait une bonne partie des personnes faisant partie de l'équipe informatique.<br/>
L'équipe informatique s'occuppe de la gestion des serveurs Web ainsi que de la surveillance des machines.
</p>
<p>
La personne qui était à coté de moi,
Sullivan VONG SOUTHI, est quelqu'un avec qui j'ai passé la plupart de mes heures car nous nous occupions tous les deux de la plateforme Zabbix.
</p>
<p>
Dans le bureau d'en-face se trouvaient deux employés faisant partie de l'équipe informatique, dont un, Hervé NANTIER, est la personne qui m'a
fait entrer en stage chez Altaprofits. C'est aussi la personne avec qui je vais a Paris le matin, et avec qui je rentre chez moi le soir grâce au
RER A.
</p>
<p>
Le bureau adjacent auquel je suis assigné se trouvent les employés du support client. Leur rôle est d'être en conversation téléphonique avec
les personnes ayant souscrit a un produit Altaprofits, et qui ont besoin d'aide.
</p>
<p>
Dans le dernier bureau se trouvent deux autres membres de l'équipe informatique.
</p>
</div>
<div class="part presentation les_locaux">
<p>
Au deuxième étage dans un immeuble sur la Rue de la Paix, dans le premier et deuxième arrondissement de paris, se trouvent les locaux de Altaprofits.</p>
<p>
Ces locaux sont partagés avec un autre groupe, le groupe mère de Altaprofits. Je n'ai que peu entendu parler de ce groupe, qui semble
exercer dans le même domaine qu'Altaprofits. Leurs locaux comprennent, entre autres, une salle de réunion et les bureaux des gérants.
</p>
<div class='img-container'>
<div class="hint--left hint--always floatright" data-hint="Entrée des locaux, sur la Rue de la Paix a Paris." style="margin-top: 30px;">
<img src='media/images/content/locaux_entree.jpg'/>
</div>
</div>
<p>
L'équipe informatique est répartie dans trois bureaux: un grand bureau contenant six postes informatiques, donc six personnes, ainsi que deux
autres de deux places.<p>
<div class='img-container'>
<div class="hint--right hint--always floatleft" data-hint="Le bureau de l'equipe informatique, dans lequel j'ai passé la plupart de mon temps." style="margin-top: 30px;">
<img src='media/images/content/locaux_monbureau.jpg'/>
</div>
</div>
<p>
Le support client est situé dans un autre grand bureau (dont le nombre de places m'est inconnu).
</p>
[PLAN SELON MOI]
</div>
<div class="part mon_stage accueil">
<p>
En arrivant dans les bureaux d'AltaProfits, un poste informatique m'a été confié. <br/>
Hervé Nantier m'a présenté les employés, m'a fait découvrir les locaux.
Ensuite, un descriptif détaillé de l'infrastructure informatique du site m'a été dispensé dans la salle de réunion.
Après m'être familiarisé avec mes cinq collègues de bureau ainsi qu'avec le dispositif de communication interne,
Mon voisin, Sullivan VONG SOUTHI m'a décrit notre "objectif" du stage: configurer la plateforme Zabbix.
</p>
<div class='img-container'>
<div class="hint--right hint--always floatleft" data-hint="Ecran de démarrage de Zabbix." style="margin-top: 30px;">
<img src='media/images/content/Zabbix_démarrage.png'/>
</div>
</div>
<div class='img-container'>
<div class="hint--left hint--always floatright" data-hint="Les installations mises a ma disposition. " style="margin-top: 30px;">
<img src='media/images/content/locaux_mesinstallations.jpg'/>
</div>
</div>
<p class="italic" style="text-align: center;">
(Les écrans qui m'ont été mis a disposition sont en bas a gauche sur la photo)
</p>
<p>
Le temps passait vite, et à peine j'eus terminé de me renseigner suffisament sur la plateforme que l'heure de rentrer sonnait.
Un rapide "Au revoir!" a mes collègues que Hervé Nantier et moi étions en route pour la gare.
<p>
<p>
<span class='italic'>En résumé, une journée très intéressante pendant laquelle j'ai fait la découverte de toutes les personnes
et de tous les outils avec lesquels je travaillerai pendant toute la durée de ce stage.</span>
</p>
</div>
<div class="part mon_stage premiere_semaine">
<p>
Je vous ai déjà brièvement parlé de la plateforme Zabbix, mais une question doit trotter dans votre tête:
</p>
<span class="question">Qu'est-ce que Zabbix?<br/></span>
<p>
Zabbix est une plateforme, installé sur une machine centrale (un serveur) et qui permettra principalement de vérifier les paramètres
importants des autres machines. Si, par exemple, le processeur surchauffe ou la mémoire sur le disque dur d'un des serveurs vient a baisser,
Zabbix, via des sondes installées sur les serveurs, le détectera et alertera la personne concernée en lui envoyant un e-mail et un message sur
son téléphone. Cette personne sera donc en mesure d'intervenir dans les plus brefs délais afin de régler le problème en évitant les dégats.
</p>
<div class='img-container'>
<div class="hint--right hint--always floatleft" data-hint="Example fictif de fonctionnement d'un serveur Zabbix." style="margin-top: 30px;">
<img src='media/images/content/Zabbix_map.png'/>
</div>
</div>
<p>
Toute la première semaine, ainsi que la moitié de la deuxième semaine de mon stage, ont été basées sur la configuration et le test de Zabbix.
Nous avons tout de même atteint notre objectif, mon coéquipier et moi, car la plateforme Zabbix d'Altaprofits était, a la fin du stage,
prête a être mise en service, la grande majorité de ses fonctions étant testées et configurées.
</p>
</div>
<div class="part mon_stage deuxieme_semaine">
<p>
La première moitié de la deuxième semaine s'est déroulée a l'instar de la première, nous avons finalisé la configuration du serveur Zabbix.
En revanche, pendant la seconde moitié de la semaine, j'ai profité du fait d'être avec des développeurs pour m'initier a un nouveau language
de programmation: le Javascript.
</p>
<div class='img-container'>
<div class="hint--left hint--always floatright" data-hint="Example de Javascript, tiré du code de ce rapport de stage." style="margin-top: 30px;">
<img src='media/images/content/Javascript.png'/>
</div>
</div>
<span class="question">Mais qu'est-ce que le Javascript?</span>
<p>
Javascript est un langage de programmation, qui permet d'animer des pages Web. Il s'allie parfaitement avec les languages HTML
(contenu de page Web), CSS (mise en page de page Web) ou PHP (traitement dynamique des pages Web).
Ce rapport de stage lui-même est créé grace aux technologies HTML5, CSS2 et Javascript.
</p>
<p>
Cet exemple de Javascript sert a créer les trois boutons que vous voyez a gauche, dans la barre bleue.
L'écriture de code Javascript est relativement aisée, rapide a mettre en oeuvre et puissant.</p>
<p>
Grace aux bons conseils de mes collègues d'Altaprofits et d'Internet, j'ai su apprendre en l'espace de quelques jours de
quoi faire de belles animations, qui m'ont permi de faire de ce rapport de stage ce qu'il est!
</p>
<p>
Petit exemple de Javascript en action:
</p>
<script type="text/javascript">
<!--
function RGBdata(R, G, B) {
this.R = R;
this.G = G;
this.B = B;
}
function updateText(color, RGBvalue) {
$("#cetexteest").text("Ce texte est " + color + " !");
var CSSline = "rgb(" + RGBvalue.R + "," + RGBvalue.G + "," + RGBvalue.B + ")";
$("#cetexteest").css("color", CSSline);
}
-->
</script>
<div style="border: 2px dotted black; margin-bottom: 30px;">
<p id="cetexteest">Ce texte est noir !</p>
<form>
<select name="color" id="color" style="margin-left: 20px; margin-bottom: 10px;">
<option value="Noir" onClick="updateText('noir', new RGBdata(0, 0, 0))" selected>Noir</option>
<option value="Rouge" onClick="updateText('rouge', new RGBdata(255, 0, 0))">Rouge</option>
<option value="Vert" onClick="updateText('vert', new RGBdata(0, 255, 0))">Vert</option>
<option value="Bleu" onClick="updateText('bleu', new RGBdata(0, 0, 255))">Bleu</option>
</select><span style="margin-left: 20px;"> <-- Choisissez une couleur!</span>
</form>
</div>
</div>
<div class="part conclusion ce_que_j_ai_appris">
<p>
Pendant les deux semaines de stage chez Altaprofits, j'ai beaucoup appris, dans différents domaines.
</p>
<p>
Premièrement,
le travail d'équipe et la gestion d'un projet. Sullivan et moi devions nous partager les tâches, planifier les tests, entre autres,
ce qui a demandé beaucoup d'organisation.
</p>
<p>
Deuxièmement, la gestion ainsi que la structure d'une entreprise basée sur l'informatique. Grâce
au descriptif détaillé de Hervé qui m'a été dispensé pendant mon premier jour, j'ai compris l'importance des différents acteurs mis en
jeu dans le processus de livraison d'une assurance vie, le fonctionnement de la structure informatique complexe permettant au client
d'accéder a ses données et de les modifier.
</p>
<p>
Troisièmement, la mise en place d'une plateforme de monitoring telle que Zabbix m'a permi de
comprendre encore plus en détail le fonctionnement interne d'une entreprise basée sur l'informatique.
</p>
<p>
Enfin, j'ai appris Javascript, un language d'animation web, grâce aux employés travaillants dans le même bureau que moi,
et qui m'ont guidé pour son apprentissage.
</p>
</div>
<div class="part conclusion points_positifs">
<p>
Contrairement au chapitre précédent, celui-ci pourrait ne pas tenir dans une encyclopédie en dix tomes si
j'avait a énumérer toutes les choses positives tellement ce stage s'est bien passé. <br/>
Tout, vraiment tout, était positif.
</p>
<p>
J'ai beaucoup appris, les personnes qui travaillaient avec moi étaient sérieuses et intéressantes, les horaires n'étaient pas exagérées,
j'ai été très bien accueilli et aucun incident ne s'est produit.<br/> Que demander de plus?
</p>
<p>
Avant de se quitter, j'aimerais remercier toutes ces personnes d'avoir été si accueillants:<br/>
<h3>Les dirigeants d'Altaprofits:</h3>
-Mme Elisabeth ANDREY<br/>
-Mr François LENEVEU<br/>
-Mr Hervé TISSERAND<br/>
<h3>Tous les membres de l'équipe informatique d'Altaprofits:</h3>
-Mme Anaïs LAPORTE<br/>
-Mme Zakia VIDO<br/>
-Mr Arnaud HUS<br/>
-Mr François LE HUU HOA, qui m'a aidé avec le design de ce rapport de stage<br/>
-Mr Alain LORIOT<br/>
-Mr Bertrand MOULIN<br/>
-Mr Guillaume PENNAMEN<br/>
-Mr Sullivan VONG SOUTHI, avec qui j'ai travaillé sur le projet Zabbix<br/>
Et tout particulièrement Mr Hervé NANTIER, personne qui m'a permi de trouver ce stage, et avec qui j'ai pris le RER matin et soir,<br/><br/>
<h3>Tous les autres employés d'Altaprofits,</h3><br/>
ainsi que vous, lecteur, qui avez pris la patience de lire ce rapport de stage jusqu'au bout.
</p>
<p class="align-right italic">
Merci. <br/> Chris de Claverie
</p>
</div>
<div class="part conclusion points_negatifs">
<p>
En réalité, les différents détails ci-dessous ne sont pas vraiment des points négatifs du stage,
car il n'y a pas eu de chose négative a proprement parler dans ce stage.
Tout s'est vraiment déroulé a merveille, mais nous en parlerons dans le chapitre suivant. Les petites choses qui suivent seraient plûtot
qualifiées de "difficultés d'adaptation à la vie en entreprise".
</p>
J'ai pu remarquer que les journées étaient longues. Très longues. Levé très tôt le matin pour prendre le RER A, couché tard le soir car le RER A,
bien que pratique, n'est pas vraiment fiable. Ces deux semaines de stage se sont révélées épuisantes!
</p>
</div>
</div>
<p id="moi" class="underlined">Rapport de stage de Chris de Claverie, 2de Argent</p>
</div>
<!-- NE PAS TOUCHER A CE QUI SUIT -->
</body>
</html>