-
Notifications
You must be signed in to change notification settings - Fork 0
/
les_un_mois_du_site.html
321 lines (224 loc) · 18.4 KB
/
les_un_mois_du_site.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
<!DOCTYPE html>
<html>
<!--
///////////////////////////////////////
// //
// Made with love by Omar M'Haimdat //
// //
///////////////////////////////////////
-->
<!-- Start of Async Drift Code -->
<script>
!function() {
var t;
if (t = window.driftt = window.drift = window.driftt || [], !t.init) return t.invoked ? void (window.console && console.error && console.error("Drift snippet included twice.")) : (t.invoked = !0,
t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ],
t.factory = function(e) {
return function() {
var n;
return n = Array.prototype.slice.call(arguments), n.unshift(e), t.push(n), t;
};
}, t.methods.forEach(function(e) {
t[e] = t.factory(e);
}), t.load = function(t) {
var e, n, o, i;
e = 3e5, i = Math.ceil(new Date() / e) * e, o = document.createElement("script"),
o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + i + "/" + t + ".js",
n = document.getElementsByTagName("script")[0], n.parentNode.insertBefore(o, n);
});
}();
drift.SNIPPET_VERSION = '0.3.1';
drift.load('7uhfkezcagg4');
</script>
<!-- End of Async Drift Code -->
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-91497908-1', 'auto');
ga('send', 'pageview');
</script>
<!-- /Google Analytics -->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="logo.png" type="image/x-icon">
<meta name="description" content="Les 1 Mois du Site">
<title>Les 1 Mois du Site</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&subset=latin">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="assets/bootstrap-material-design-font/css/material.css">
<link rel="stylesheet" href="assets/tether/tether.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/dropdown/css/style.css">
<!-- <link rel="stylesheet" href="assets/animate.css/animate.min.css"> -->
<link rel="stylesheet" href="assets/theme/css/style.css">
<link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css" type="text/css">
</head>
<body>
<div id="pop-slap" style="display: none" data-hello-text="Aime notre page Facebook.com!" data-close-text="Merci, je l'aime déjà." data-timeout="2"><script type="text/javascript" src="http://surlapage.fr/script/popup.js?fb_url=https://www.facebook.com/uicstudents/&fb_theme=dark&chn=23512"></script></div>
<section id="menu-2x">
<nav class="navbar navbar-dropdown bg-color transparent navbar-fixed-top">
<div class="container">
<div class="mbr-table">
<div class="mbr-table-cell">
<div class="navbar-brand">
<a href="index.html" class="navbar-logo"><img src="logo.png" alt="logo"></a>
</div>
</div>
<div class="mbr-table-cell">
<button class="navbar-toggler pull-xs-right hidden-md-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
<div class="hamburger-icon"></div>
</button>
<ul class="nav-dropdown collapse pull-xs-right nav navbar-nav navbar-toggleable-sm" id="exCollapsingNavbar">
<li class="nav-item"><a class="nav-link link" href="index.html">ACCUEIL</a></li>
<li class="nav-item dropdown">
<a class="nav-link link dropdown-toggle" data-toggle="dropdown-submenu" href="ingenierie.html" aria-expanded="false">INGENIERIE</a><div class="dropdown-menu"><div class="dropdown"><a class="dropdown-item dropdown-toggle" data-toggle="dropdown-submenu" href="CPI" aria-expanded="false">CPI</a>
<div class="dropdown-menu dropdown-submenu">
<a class="dropdown-item" href="CPI1.html" aria-expanded="false">CPI-1</a>
<a class="dropdown-item" href="CPI2.html" aria-expanded="false">CPI-2</a></div></div>
<a class="dropdown-item" href="tronc_commun.html" aria-expanded="false">TRONC COMMUN</a>
<li class="nav-item dropdown">
<a class="nav-link link dropdown-toggle" data-toggle="dropdown-submenu" href="management.html" aria-expanded="false">FCG</a><div class="dropdown-menu"><div class="dropdown"><a class="dropdown-item dropdown-toggle" data-toggle="dropdown-submenu" href="MNGT" aria-expanded="false">MNGT</a>
<div class="dropdown-menu dropdown-submenu">
<a class="dropdown-item" href="management1.html" aria-expanded="false">MNGT-1</a>
<a class="dropdown-item" href="management2.html" aria-expanded="false">MNGT-2</a></div></div>
<li class="nav-item dropdown"><a class="nav-link link dropdown-toggle" data-toggle="dropdown-submenu" href="" aria-expanded="false">Blog</a><div class="dropdown-menu">
<a class="dropdown-item" href="les_un_mois_du_site.html">Les 1 Mois du Site</a>
<a class="dropdown-item" href="statistiques_du_premier_mois.html">Statistiques du Premier Mois</a>
<a class="dropdown-item" href="84_jours_du_site.html">84 Jours pour sortir de l'attentisme !</a>
</li>
<li class="nav-item"><a class="nav-link link" href="index.html#form1-5">CONTACT</a></li>
<li class="nav-item"><a class="nav-link link" href="lien_utiles.html">LIENS UTILES</a></li>
<li class="nav-item nav-btn"><a class="nav-link btn btn-white-outline btn-white" href="http://uic-videos.ml" target="_blank">UIC-VIDEOS</a></li>
<li class="nav-item nav-btn"><a class="nav-link btn btn-white-outline btn-white" href="examen.html" target="_blank">EXAMEN</a></li>
</ul>
<button hidden="" class="navbar-toggler navbar-close" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
<div class="close-icon"></div>
</button>
</div>
</div>
</div>
</nav>
</section>
<section class="engine"><a rel="external" ></a></section><section class="mbr-section article mbr-after-navbar" id="msg-box8-7g" style="background-color: rgb(48, 23, 88); padding-top: 120px; padding-bottom: 120px;">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h3 class="mbr-section-title display-2">Les 1 mois du Site</h3>
<div class="lead"><p></p></div>
</div>
</div>
</div>
</section>
<section class="mbr-section mbr-section__container article" id="header3-7h" style="background-color: rgb(85, 57, 130); padding-top: 80px; padding-bottom: 80px;">
<div class="container">
<div class="row">
<div class="col-xs-12">
<h3 class="mbr-section-title display-2">Un mois que le site UIC-STUDENTS est Opérationnel</h3>
<small class="mbr-section-subtitle">Par Omar M'Haimdat posté le 16 Avril 2017</small>
</div>
</div>
</div>
</section>
<section class="mbr-section article mbr-section__container" id="" style="background-color: rgb(255, 255, 255); padding-top: 100px; padding-bottom: 0px;">
<div class="container">
<div class="row">
<div class="col-xs-12 lead"><p style="font-size: 26px;">Cela fait maintenant un mois que le site est opérationnel ! Merci pour votre engagement ainsi que la confiance que vous m’accordez, merci du fond du coeur.</p><br>
<hr style="border-top: 3px solid #8c8b8b; text-align: center;"><br>
<section class="mbr-section mbr-section__container" id="image2-95" style="background-color: rgb(204, 204, 204); padding-top: 20px; padding-bottom: 20px;">
<div class="container">
<div class="row">
<div class="col-xs-12">
<figure class="mbr-figure">
<div><img src="assets/images/HB.gif"></div>
</figure>
</div>
</div>
</div>
</section><br><br><br>
<ol><span style="color: black; font-size: 42px;"><strong><li>La genèse:</span></a></li></strong><br></ol>
<div class="col-xs-12 lead"><p style="font-size: 26px;">Cette idée n’est pas venue de nulle part, elle est l’aboutissement d’une longue réflexion que j’ai menée durant le semestre S3, pendant lequel j’ai senti les limites d’un système qui combine - délégués et Blackboard - les deux étant des mécanismes défaillants à plusieurs égards:</p><br>
<ul><span style="color: black; font-size: 28px;"><strong><li>Les délégués:</span></a></li></strong><br></ul>
<div class="col-xs-12 lead"><p style="font-size: 26px;">Le système des délégués reste une bonne idée, mais comme toute bonne idée son implementation doit être réfléchie et structurée. Malheureusement elle n’est ni réfléchie ni structurée. Les délégués devraient être le lien entre l’administration et les étudiants d’une part, les professeurs et les étudiants d’autre part. Ce n’est que rarement le cas puisque les délégués ne sont pas choisis pour leur sérieux et implication.</p><br>
<p style="font-size: 26px;">Si les délégués sont réellement les représentants des étudiants alors leurs rôles devraient être plus pensé et mieux structurés.</p><br>
<span style="color: black; font-size: 28px;"><strong><li>Blackboard:</span></a></li></strong><br>
<p style="font-size: 26px;">Durant la phase de test du système Blackboard pour les classes de CPI1 de l’année dernière, le système était très utilisé par les étudiants (je pense que les admins l’ont certainement remarqué), mais depuis sa généralisation à toute l’école, nous avons remarqué une baisse significative du contenu ainsi qu’un retard dans son lancement.</p><br>
<p style="font-size: 26px;">Mais ce semestre (S4), marque réellement l’échec du système, il est claire que les professeurs sont très occupés et donc ils n’ont pas le temps de mettre les supports de cours. Donc à mon avis les professeurs n’ont qu’une responsabilité limitée dans cet échec.</p><br>
<p style="font-size: 26px;">De mon point de vu, sans l’implication de certains étudiants, le système tel qu’il existe actuellement restera caduc.</p><br>
<span style="color: black; font-size: 28px;"><strong><li>Alors que faire ?</span></a></li></strong><br>
<p style="font-size: 26px;">Cette question fût et reste mon seul “mantra”, les possibilités que nous avons sont immenses, mais la seule chose qui compte est la VOLONTÉ.</p><br>
<p style="font-size: 26px;">La volonté de faire quelque chose de tangible qui nous concerne directement, travailler pour le bien unique des étudiants dans un esprit de coopération et d’entraide.</p><br>
<p style="font-size: 26px;">Si nous sommes embarqués dans le même bateau c’est que nos interêts sont communs.</p><br>
<p style="font-size: 26px;">La somme des idées, énergies et volontés peuvent mener à un résultat qui NOUS convient.</p><br>
</div>
</div>
</div>
</section>
<section class="mbr-section article mbr-section__container" id="" style="background-color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px;">
<div class="container">
<div class="row">
<ol start="2"><span style="color: black; font-size: 42px;"><strong><li> Le Site</span></a></li></strong><br></ol>
<ul><span style="color: black; font-size: 28px;"><strong><li>Les débuts:</span></a></li></strong><br></ul>
<div class="col-xs-12 lead"><p style="font-size: 26px;">Partant de cette analyse, j’ai décidé d’aller contre l’attentisme et l’inaction, et de faire quelque chose.</p><br>
<p style="font-size: 26px;">Pour moi la seule voie concrète et simple à suivre fût celle de créer ce site avec les moyens qui s’offrent à moi, c’est-à-dire une base en programmation web, un hébergement et une base de cours de CPI1 et CPI2.</p><br>
<p style="font-size: 26px;">Avec très peu de moyens et beaucoup de volonté j’ai commencé la programmation du site durant les vacances qui séparent les deux semestres S3 et S4. Le développement m’a pris une vingtaine d’heures en plus de quelques heures pour classifier et compiler tous les cours que j’ai reussi à garder grâce aux dossiers Dropbox que j’avais l’habitude de partager avec vous.</p><br>
<span style="color: black; font-size: 28px;"><strong><li>Le déclic:</span></a></li></strong><br>
<p style="font-size: 26px;">À partir du moment ou je suis devenu le délégué du groupe 2 CPI2 (après des élections en toute transparence) , j’ai commencé à recevoir des messages me demandant les supports de cours ainsi que les travaux dirigés correspondants.</p><br>
<p style="font-size: 26px;">💡 L’idée est devenue plus évidente, c’est à ce moment là que j’ai lancé le site après quelques heures de modifications et quelques autres pour héberger le site. The website is now up and running!</p><br>
<p style="font-size: 26px;">De mon point de vu, sans l’implication de certains étudiants, le système tel qu’il existe actuellement restera caduc.</p><br>
</div>
</div>
</div>
</section>
<section class="mbr-section article mbr-section__container" id="" style="background-color: rgb(255, 255, 255); padding-top: 0px; padding-bottom: 0px;">
<div class="container">
<div class="row">
<ol start="3"><span style="color: black; font-size: 42px;"><strong><li>Une réflexion sur l’avenir du site:</span></a></li></strong><br></ol>
<div class="col-xs-12 lead"><p style="font-size: 26px;">Le site remplit parfaitement son rôle de source pour les deux groupes de CPI2 ainsi que quelques étudiants de CPI1, mais je ne pense pas m’arrêter là.</p><br>
<p style="font-size: 26px;">Dès que j’implémente une idée j’ai envie de la modifier ou bien d’en rajouter d’autres, donc il y aura des modifications et des ajouts, à vous de m’en proposer et je ferais le maximum pour les implémenter.</p><br>
<p style="font-size: 26px;">Mais néanmoins, le site a vocation à devenir plus qu’une base de supports de cours mais plus encore! Je pense que la plus grande priorité sera de développer des applications (Android et iOS) afin de faciliter l’accès aux contenus mais aussi de simplifier la communication entre vous et moi.</p><br>
<span style="color: black; font-size: 28px;"><strong><li>Je veux des Feedback ! :</span></a></li></strong><br>
<p style="font-size: 26px;">J’ai envie que vous me noyez de suggestions et de critiques afin de me pousser à ajouter, supprimer ou bien modifier des choses dans le site.</p><br>
<p style="font-size: 26px;">Je ne peux pas penser à tout, à vous de m’aider !</p><br><br><br><br>
<p style="font-size: 26px;"><strong>NB:</strong> Cet article ne reflète que mon opinion et uniquement la mienne. Ce site est un espace de liberté et de partage et rien d’autre.</p><br><br><br><br>
</div>
</div>
</div>
</section>
<section class="mbr-section article" id="msg-box3-3" style="background-color: rgb(242, 242, 242); padding-top: 120px; padding-bottom: 120px;">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-xs-center">
<h3 class="mbr-section-title display-2">Une série de statistiques intéressantes.<br><br></h3>
<div class="lead"><blockquote>9 Graphiques pour Comprendre le Trafic du Site.</blockquote></div>
<div><a class="btn btn-success" href="statistiques_du_premier_mois.html" target="_blank">Statistiques du Site du Premier Mois d'Existance. </a></div>
</div>
</div>
</div>
</section>
<footer class="mbr-small-footer mbr-section mbr-section-nopadding" id="footer1-7e" style="background-color: rgb(0, 0, 0); padding-top: 2.625rem; padding-bottom: 2.625rem;">
<div class="container">
<p class="text-xs-center"> Made with love by Omar MHAIMDAT, Copyright (c) 2017.</p>
</div>
</footer>
<script src="assets/web/assets/jquery/jquery.min.js"></script>
<script src="assets/tether/tether.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/smooth-scroll/SmoothScroll.js"></script>
<script src="assets/cookies-alert-plugin/cookies-alert-core.js"></script>
<script src="assets/cookies-alert-plugin/cookies-alert-script.js"></script>
<script src="assets/dropdown/js/script.min.js"></script>
<script src="assets/touchSwipe/jquery.touchSwipe.min.js"></script>
<script src="assets/viewportChecker/jquery.viewportchecker.js"></script>
<script src="assets/jarallax/jarallax.js"></script>
<script src="assets/theme/js/script.js"></script>
<input name="animation" type="hidden">
<div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon"></i></a></div>
<input name="cookieData" type="hidden" data-cookie-text="En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des services et offres adaptés à vos centres d'intérêt. <a href='https://chatra.io/privacy-policy/'>plus</a>.">
</body>
</html>