-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
298 lines (246 loc) · 9.01 KB
/
index.html
File metadata and controls
298 lines (246 loc) · 9.01 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="footer, address, phone, icons" />
<title>HOME</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<link href="http://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<a href="#" class="logo">Pro<span id="logo_suffix">cess</span></a>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="algos/algo1/algo1.html">Simuler</a></li>
<li><a href="comparaison/index.html">Comparaison</a></li>
<li><a href="documentation/documentation.html">Documentation</a></li>
<li><a href="Quiz/game.html">Quizz</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
</header>
<section>
<img src="image/processor.jpg" id="processor">
<div class="content">
<div class="textBox translate" data-speed="0">
<h2 class="translate" data-speed="0">projet 2CP</h2>
<p class="translate" data-speed="0">PROCESS est un outil d'aide à la simulation visuelle d'algorithmes d'ordonnancement de processus par un système d'exploitation.<br>
Simuler, Visualiser et comparez les différents algorithmes <br> d'ordonnancement avec notre outil.
</p>
<a href="#Explore_algo" id="btn" class="translate" data-speed="0">Explorer</a>
</div>
</div>
</section>
<div class="sec">
<h2>À Propos de l'outil d'Ordonnancement </h2>
<p>Dans le cadre de la réalisation de notre projet 2CP,intitulé réalisation d’un outil d'aide à la simulation visuelle des algorithmes d'ordonnancement de processus par un système d’exploitation ,nous tenons à introduire quelques notions sur le thème. <br><br>
“Dans les systèmes d'exploitation, l’ordonnanceur désigne le composant du noyau du système d'exploitation choisissant l'ordre d'exécution des processus sur les processeurs d'un ordinateur.”
<br> <br>
A un moment donné ,plusieurs processus sont présents dans différents états, Certains processus peuvent être en état d'attente, d'autres peuvent être en cours d'exécution. Un des rôles de l'ordonnanceur du noyau, est de permettre à tous ces processus de s'exécuter à un moment ou un autre et d'utiliser au mieux le processeur.
<br> <br>Notre application consiste à fournir un outil d’aide à la simulation visuelle des algorithmes d’ordonnancement de processus par un système d’exploitation .Une simulation qui va garantir une meilleure compréhension du fonctionnement de l’ordonnanceur dans un système d’exploitation.
<br><br> L’application est notamment destinée aux étudiants du module Systèmes d’exploitation enseigné en troisième année à l’ESI .Cette dernière permet aussi de comparer entre les différents algorithmes d’ordonnancement selon plusieurs critères.
</p>
</div>
<div class="container" id="Explore_algo">
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>01</h2>
<div class="content_card">
<h3>FCFS</h3>
<p>First Come First Served ou premeir arrivé premier servi est classé dans la catégorie des ordonnanceurs non préemptifs ou sans réquisitions.</p>
<a href="algos/algo1/algo1.html">Simuler</a>
<a href="documentation/documentation.html#FIFO">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>02</h2>
<div class="content_card">
<h3>SJF</h3>
<p>Shortest Job First ou le plus court d’abord, cet algorithme peut etre avec ou sans requisition.</p>
<a href="algos/algo2/algo2.html">Simuler</a>
<a href="documentation/documentation.html#SJF">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>03</h2>
<div class="content_card">
<h3>SRJF</h3>
<p>Shortest Remaining Job first ou le plus court temps d'éxécution restant d'abord est un des algorithmes sans réquesition. </p>
<a href="algos/algo2/algo2.html">Simuler</a>
<a href="documentation/documentation.html#SJF">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>04</h2>
<div class="content_card">
<h3>LJF</h3>
<p>Longest Job First ou le plus long d’abord, cet algorithme peut etre avec ou sans requisition.</p>
<a href="algos/algo2/algo2.html">Simuler</a>
<a href="documentation/documentation.html#LJF">Documentation</a>
</div>
</div>
<div class="container" id="Explore_algo">
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>05</h2>
<div class="content_card">
<h3>LRJF</h3>
<p>Longest Remaining Job first ou le plus long temps d'éxécution restant d'abord est un des algorithmes sans réquesition. </p>
<a href="algos/algo2/algo2.html">Simuler</a>
<a href="documentation/documentation.html#LRJF">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>06</h2>
<div class="content_card">
<h3>R-Robin</h3>
<p>Le Round-Robin ou le Tourniquet est l'un des algorithmes avec réquisition.</p>
<a href="algos/algo3/algo3.html">Simuler</a>
<a href="documentation/documentation.html#R-ROBIN">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>07</h2>
<div class="content_card">
<h3>Priorité statique</h3>
<p>C'est l'un des algorithmes d'ordonnancement avec priorité, il a la particuliarité d'avoir une priorité statique.</p>
<a href="algos/algo4/algo4.html">Simuler</a>
<a href="documentation/documentation.html#priorite_stat">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>08</h2>
<div class="content_card">
<h3>Priorite dynamique</h3>
<p>Cet algorithme a le meme principe que l'algorithme de priorité statique sauf que la priorité des processus change au fur et a mesure de l'exécution</p>
<a href="algos/algo5/algo5.html">Simuler</a>
<a href="documentation/documentation.html#priorite_dyn">Documentation</a>
</div>
</div>
</div>
<div class="container" id="Explore_algo">
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>09</h2>
<div class="content_card">
<h3>Multi-niveaux avec recyclage</h3>
<p>On dispose de plusieurs files et à chaque file est associé un quantum de temps dont la valeur croit avec le rang de la file.</p>
<a href="algos/algo6/algo6.html">Simuler</a>
<a href="documentation/documentation.html#multiniv_recyc">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>10</h2>
<div class="content_card">
<h3>Multi-niveaux avec Priorité</h3>
<p>On défini des classes de processus et on y associe à chaque classe une priorité </p>
<a href="algos/algo7/algo7.html">Simuler</a>
<a href="documentation/documentation.html#multiniv_priorite">Documentation</a>
</div>
</div>
<div class="card">
<span></span>
<span></span>
<span></span>
<span></span>
<h2>11</h2>
<div class="content_card">
<h3>Multi Niveaux</h3>
<p>La planification de files d'attente à plusieurs niveaux comme son nom l'indique nécessite plusieurs files .</p>
<a href="algos/algo9/algo9.html">Simuler</a>
<a href="documentation/documentation.html#multiniv">Documentation</a>
</div>
</div>
</div>
<footer class="footer-distributed" id="footer">
<div class="footer-left">
<h3>PRO<span>CESS</span></h3>
<p class="footer-links">
<a href="#" >Home</a>
<br>
<a href="algos/algo1/algo1.html">Simuler</a>
<br>
<a href="comparaison/index.html">Comparaison</a>
<br>
<a href="documentation/documentation.html">Documentation</a>
<br>
<a href="Quiz/game.html">Quiz</a>
</p>
<p class="footer-company-name">PROCESS © 2021</p>
</div>
<div class="footer-center">
<br>
<br>
<div>
<i class="fa fa-map-marker"></i>
<p><span>Oued Smar</span> Alger, Algérie</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>0799917676</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:djawadd120@gmail.com">contact@Process</a></p>
</div>
</div>
<div class="footer-right">
<br>
<br>
<p class="footer-company-about">
<span>About PROCESS</span>
PROCESS est un outil d'aide à la simulation visuelle d'algorithmes d'ordonnancement de processus par un système d'exploitation.
Simuler, Visualiser et comparez les différents algorithmes
d'ordonnancement avec notre outil.
</p>
<div class="footer-icons">
<a ><i class="fa fa-facebook"></i></a>
<a ><i class="fa fa-twitter"></i></a>
<a ><i class="fa fa-linkedin"></i></a>
<a ><i class="fa fa-github"></i></a>
</div>
</div>
</footer>
<script src="js/main.js"></script>
</body>
</html>