forked from MistaAsh/OS-simulator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
340 lines (325 loc) · 19 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
<!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="#hero">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">
<!-- ======= About Section ======= -->
<section id="about" class="about section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h1>Operating System</h1>
</div>
<div class="row">
<div class="col-lg-6" data-aos="fade-right" data-aos-delay="100">
<img src="Operating_system_placement.svg.png" width="330" class="img-fluid" alt="">
</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>What is an operating system ?</h3>
<p>An operating system (OS) is system software that manages computer hardware, software resources, and provides common services for computer programs.</p>
<p>Time-sharing operating systems schedule tasks for efficient use of the system and may also include accounting software for cost allocation of processor time, mass storage, printing, and other resources.</p>
<p>For hardware functions such as input and output and memory allocation, the operating system acts as an intermediary between programs and the computer hardware, although the application code is usually executed directly by the hardware and frequently makes system calls to an OS function or is interrupted by it. Operating systems are found on many devices that contain a computer – from cellular phones and video game consoles to web servers and supercomputers.</p>
<p>Some operating systems require installation or may come pre-installed with purchased computers (OEM-installation), whereas others may run directly from media (i.e. live CD) or flash memory (i.e. USB stick).</p>
</div>
</div>
</div>
</section><!-- End About Section -->
<main id="main">
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Topics covered</h2>
<h3>Check our <span>Topics</span></h3>
<p>These are the topics along with their Simulations</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4><a href="page_replacement/page_replacement_home.html" target="_blank">Page Replacement Algorithms</a></h4>
<p>Since actual physical memory is much smaller than virtual memory, page faults happen. In case of a page fault, Operating System might have to replace one of the existing pages with the newly needed page. Different page replacement algorithms suggest different ways to decide which page to replace. The target for all algorithms is to reduce the number of page faults. </p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="disk_scheduling/Disk_Theory.html" target="_blank">Disk Scheduling</a></h4>
<p>Disk scheduling is a function of operating systems that schedules I/O requests
arriving for the disk. Since only one I/O request can be served at a time by the
disk controller, it is necessary to have algorithms in order to serve the I/O
requests one by one. These algorithms need to ensure that the disk arm
movement need to be minimal as hard drives being mechanical, are one of
the slowest parts of the computer system.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in"
data-aos-delay="300">
<div class="icon-box">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4><a href="mft_mvt/mftmvt.html" target="_blank">MVT and MFT</a></h4>
<p>MFT and MVT are different memory management techniques in operating systems. MFT or fixed
partitioning scheme. 1. The OS is partitioned into fixed sized blocks at the time of
installation. For example, there can be total 4 partitions and the size of each block can be
4KB</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0" data-aos="zoom-in"
data-aos-delay="300">
<div class="icon-box">
<div class="icon"><i class="bx bx-tachometer"></i></div>
<h4><a href="memory_fit/memory_fit_home.html" target="_blank">Memory Fit Algorithms</a></h4>
<p>Memory Fit Algorithms are used to fill holes in main main memory efficiently.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4><a href="producer_consumer/producer_consumer_home.html" target="_blank">Producer Consumer Problem</a></h4>
<p>Producer-Consumer Problem is also known as bounded buffer problem. The Producer-Consumer Problem is one of the classic problems of synchronization.
There is a buffer of N slots and each slot is capable of storing one unit of data.
There are two processes running, i.e. Producer and Consumer, which are currently operated in the buffer.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="readers_writers_problem/readers_writers_home.html" target="_blank">Readers Writers Problem</a></h4>
<p>In computer science, the readers-writers problems are examples of a common computing problem in concurrency. There are at least three variations of the problems, which deal with situations in which many concurrent threads of execution try to access the same shared resource at one time</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="wiki.html" target="_blank">Process Scheduling</a></h4>
<p>The process scheduling is the activity of the process manager that handles the removal of the running process from the CPU and the selection of another process on the basis of a particular strategy. Process scheduling is an essential part of a Multiprogramming operating systems.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="paging/Paging_theory.html" target="_blank">Paging</a></h4>
<p>Paging is a function of memory management where a computer will store and retrieve data from a device's secondary storage to the primary storage. Memory management is a crucial aspect of any computing device, and paging specifically is important to the implementation of virtual memory.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="security/security_theory.html" target="_blank">Security</a></h4>
<p>OS security refers to specified steps or measures used to protect the OS from threats, viruses, worms, malware or remote hacker intrusions. OS security encompasses all preventive-control techniques, which safeguard any computer assets capable of being stolen, edited or deleted if OS security is compromised.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0" data-aos="zoom-in"
data-aos-delay="200">
<div class="icon-box">
<div class="icon"><i class="bx bx-file"></i></div>
<h4><a href="file_allocation_home.html" target="_blank">File Allocation</a></h4>
<p>The allocation method defines how the files are stored in the disk blocks. The direct access nature of the disks gives us the flexibility to implement the files. In many cases, different files or many files are stored on the same disk.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
<div class="icon-box">
<div class="icon"><i class="bx bxl-dribbble"></i></div>
<h4><a href="bankers/bankers_home.html" target="_blank">Bankers Algorithm</a></h4>
<p>The banker's algorithm is a resource allocation and deadlock avoidance algorithm that tests
for safety by simulating the allocation for predetermined maximum possible amounts of all
resources, then makes an “s-state” check to test for possible activities, before deciding
whether allocation should be allowed to continue </p>
</div>
</div>
</div>
</div>
</section><!-- End 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><a href="index.html">Home</a></li>
<li><a href="#about">About Operating System</a></li>
<li><a href="#services">All Topics</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Project done by</h4>
<ul>
<li><i class="bx bx-chevron-right"></i>191CS248 SHASHANK J BENNEHALLI</li>
<li><i class="bx bx-chevron-right"></i>201CS202 ABHISHEK KUMAR SINGH</li>
<li><i class="bx bx-chevron-right"></i>201CS203 ADITHYA M S</li>
<li><i class="bx bx-chevron-right"></i>201CS204 AJAY VIKRAM P</li>
<li><i class="bx bx-chevron-right"></i>201CS205 AKASH PRASAD</li>
<li><i class="bx bx-chevron-right"></i>201CS206 AMAN SINGH HADA</li>
<li><i class="bx bx-chevron-right"></i>201CS207 AMOGH UMESH</li>
<li><i class="bx bx-chevron-right"></i>201CS208 ASHISH BHARATH</li>
<li><i class="bx bx-chevron-right"></i>201CS209 ASHWIN SAM JOSEPH</li>
<li><i class="bx bx-chevron-right"></i>201CS210 ATTADA RAMPRASAD</li>
</ul>
</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>