forked from MistaAsh/OS-simulator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfile_allocation_home.html
326 lines (272 loc) · 14.7 KB
/
file_allocation_home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>OS Simulator</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: BizLand - v3.7.0
* Template URL: https://bootstrapmade.com/bizland-bootstrap-business-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<!-- ======= Top Bar ======= -->
<section id="topbar" class="d-flex align-items-center">
</section>
<!-- ======= Header ======= -->
<header id="header" class="d-flex align-items-center">
<div class="container d-flex align-items-center justify-content-between">
<h1 class="logo">OS Simulator<span>.</span></h1>
<!-- Uncomment below if you prefer to use an image logo -->
<a href="home.html" class="logo"><img src="assets/img/logo.png" alt=""></a>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="index.html">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#services">All Topics</a></li>
<li><a class="nav-link scrollto " href="#faq">F.A.Q</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center">
<div class="container" data-aos="zoom-out" data-aos-delay="100">
<h1>Welcome to <span>OS Simulator</span></h1>
<h2><b>All Algorithms in one go</b></h2>
<h2><b>Project done under the guidance of Shashidhar Sir</b></h2>
<div class="d-flex">
<a href="#about" class="btn-get-started scrollto">Get Started</a>
<!-- <a href="https://www.youtube.com/watch?v=6bXaiR2aAxA" class="glightbox btn-watch-video"><i class="bi bi-play-circle"></i><span>Watch Video</span></a> -->
</div>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= Featured Services Section ======= -->
<section id="featured-services" class="featured-services">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4 class="title"><a href="">Device Management</a></h4>
<p class="description">The operating system keeps the information about all devices. It is also called the I/O controller, and the operating system also decides which devices are used to which program, when, and for how long.</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="200">
<div class="icon"><i class="bx bx-file"></i></div>
<h4 class="title"><a href="">FILE Management</a></h4>
<p class="description">It allocates and deallocates resources and decides which program to allocate resources.</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="300">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4 class="title"><a href="">Process Management</a></h4>
<p class="description"> It allocates the program to the processor (CPU) and also deallocates it when a program runs out of the CPU needs.</p>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="400">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">Memory Management</a></h4>
<p class="description">The operating system manages memory. It has complete knowledge of primary memory; which part of the memory is used by which program. Whenever a program requests, it allocates memory.</p>
</div>
</div>
</div>
</div>
</section><!-- End Featured Services Section -->
<!-- ======= About Section ======= -->
<section id="about" class="about section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>About topic</h2>
<h3>Know <span>About topic</span></h3>
<p>File Allocation</p>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
<img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid" alt="">
<p style="margin-left: 150px;">Contignous Allocation</p>
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h3>Contignous Allocation</h3>
<ul>
<li>
<i class="bx bx-store-alt"></i>
<div>
<h5>Address of starting block</h5>
<p>In the figure displayed the file mail starts from block 19.</p>
</div>
</li>
<li>
<i class="bx bx-images"></i>
<div>
<h5>Length of Allocated portion required</h5>
<p>The length of the file "mail" is 6 blocks</p>
</div>
</li>
</ul>
<h4>Advantages</h4>
<p>
Both sequential access and direct access are possible here.This is extremely fast since the number of seeks are minimal because of contiguous allocation of file blocks.
</p>
<h4>Disadvantages</h4>
<p>
Both Internal and external fragmentation is their.Increasing file size is difficult as it depends upon the availability of contignous memory at that instance of time.
</p>
<button style="width:100px; background-color:rgb(198, 226, 223); height: 40px; border-radius: 5px; color: aliceblue; font-weight: 400 bold;"><a href="fileallocation/contiguous.html">Simulation</a></button>
</div>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="100" style="margin-top: 200px">
<img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid" alt="">
<p style="margin-left: 150px;">Linked Allocation</p>
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="100">
<h3>Linked Allocation</h3>
<ul>
<li>
<i class="bx bx-store-alt"></i>
<div>
<h5>Need not be contignous</h5>
<p>In the figure shown starting is 9 and ending is 25 not contignous.</p>
</div>
</li>
<li>
<i class="bx bx-images"></i>
<div>
<h5>Each block contains a pointer to the next pointer to the another file</h5>
</div>
</li>
</ul>
<h4>Advantages</h4>
<p>
This is very flexible in terms of file size.This method does not suffer from external fragmentaion</p>
<h4>Disadvantages</h4>
<p>
It does not support random or direct access.We can not directly access the blocks of a file. A block k of a file can be accessed by traversing k blocks sequentially (sequential access ) from the starting block of the file via block pointers.Pointers required in the linked allocation incur some extra overhead
</p>
<button style="width:100px; background-color: rgb(198, 226, 223); height: 40px; border-radius: 5px; color: aliceblue; font-weight: 400 bold;"><a href="fileallocation/linked.html" style="text-decoration: none;">Simulation</a></button>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Services Section ======= -->
<!-- ======= Testimonials Section ======= -->
<!-- ======= Frequently Asked Questions Section ======= -->
<section id="faq" class="faq section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>F.A.Q</h2>
<h3>Frequently Asked <span>Questions</span></h3>
<p>We will be updating the rest of the questions soon</p>
</div>
<div class="row justify-content-center">
<div class="col-xl-10">
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">What is bootstrap program in Operating System? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p>
It is generally a program that initializes OS during startup i.e., first code that is executed whenever computer system startups. OS is loaded through a bootstrapping process or program commonly known as booting. Overall OS only depends on the bootstrap program to perform and work correctly. It is fully stored in boot blocks at a fixed location on the disk. It also locates the kernel and loads it into the main memory after which the program starts its execution. </div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq2" class="collapsed question">What is IPC? what are different IPC Mechanisms? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq2" class="collapse" data-bs-parent=".faq-list">
<p>
IPC (Interprocess Communication) is a mechanism that requires the use of resources like a memory that is shared between processes or threads. With IPC, OS allows different processes to communicate with each other. It is simply used for exchanging data between multiple threads in one or more programs or processes. In this mechanism, different processes can communicate with each other with the approval of the OS.
Different IPC Mechanisms:
1.Pipes
2.Message Queuing
3.Semaphores
4.Socket
5.Shared Memory
6.Signals </div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq3" class="collapsed question">what do you mean by Overlay in OS?<i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq3" class="collapse" data-bs-parent=".faq-list">
<p>
Overlays is basically a programming method that divides processes into pieces so that instructions that are important and need can be saved in memory </div>
</li>
</ul>
</div>
</div>
</div>
</section><!-- End Frequently Asked Questions Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-newsletter">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<h4>Join Us For making better Tomorrow </h4>
<p>Lets build an advanced Operating System</p>
</div>
</div>
</div>
</div>
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-contact">
<h3>NITK CS Students 2024 Batch<span>.</span></h3>
<p>
This project is succesfully completed under the valuable guidance of Shashidhar Sir<br>
</p>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="index.html">Home</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#about">About Topic</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#services">All Topics</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4></h4>
<p></p>
<div class="social-links mt-3">
</div>
</div>
</div>
</div>
</div>
<div class="container py-4">
<div class="copyright">
© Copyright <strong><span>Team 201CS201-201CS210 CSE NITK </span></strong>. All Rights Reserved
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>