jsos
college code for operating system fundamentals in js
git clone https://9o.is/git/jsos.git
index.html
(7876B)
1 <!DOCTYPE HTML>
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
5 <meta name="author" content="Alan G. Labouseur and Julio Cabrera" />
6 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
8 <link rel="stylesheet" href="styles/1140.css" type="text/css" media="screen" />
9 <link rel="stylesheet" href="styles/julios.css" type="text/css" media="screen" />
10 <link rel="stylesheet" href="styles/julios-buttons.css" type="text/css" media="screen" />
11 <link rel="stylesheet" href="styles/julios-tabs.css" type="text/css" media="screen" />
12
13 <title>
14 JuliOS 0.4 - a Browser-based virtual Operating System
15 </title>
16
17 <!-- Globals CONSTANTS and _Variables. Must included be first. -->
18 <script type="text/javascript" src="globals.js"></script>
19
20 <!-- Host (Hardware Simulation) Routines -->
21 <script type="text/javascript" src="scripts/host/control.js"></script>
22 <script type="text/javascript" src="scripts/host/devices.js"></script>
23 <script type="text/javascript" src="scripts/host/cpu.js"></script>
24 <script type="text/javascript" src="scripts/host/memory.js"></script>
25 <script type="text/javascript" src="scripts/host/disk.js"></script>
26 <script type="text/javascript" src="scripts/host/interface.js"></script>
27
28 <!-- Virtual OS Routines: Make sure Kernel code is last, since it needs those above it. -->
29 <script type="text/javascript" src="scripts/os/interrupt.js"></script>
30 <script type="text/javascript" src="scripts/os/canvastext.js"></script>
31 <script type="text/javascript" src="scripts/os/console.js"></script>
32 <script type="text/javascript" src="scripts/os/deviceDriver.js"></script>
33 <script type="text/javascript" src="scripts/os/deviceDriverKeyboard.js"></script>
34 <script type="text/javascript" src="scripts/os/deviceDriverFilesystem.js"></script>
35 <script type="text/javascript" src="scripts/os/queue.js"></script>
36 <script type="text/javascript" src="scripts/os/priorityQueue.js"></script>
37 <!--<script type="text/javascript" src="scripts/os/stack.js"></script>-->
38 <script type="text/javascript" src="scripts/os/shell.js"></script>
39 <script type="text/javascript" src="scripts/os/kernel.js"></script>
40 <script type="text/javascript" src="scripts/os/pcb.js"></script>
41 <script type="text/javascript" src="scripts/os/memoryManager.js"></script>
42 <script type="text/javascript" src="scripts/os/scheduler.js"></script>
43
44 <!-- Other Routines -->
45 <script type="text/javascript" src="scripts/utils.js"></script>
46 </head>
47
48 <body>
49 <div class="container">
50 <div class="row">
51 <div class="fourcol" id="buttons">
52 <button type="button"
53 id = "btnStartOS"
54 class="btnicon28"
55 onclick="simBtnStartOS_click(this)">
56 <i class="icon28-poweroff"></i></button>
57 <button type="button"
58 id = "btnHaltOS"
59 class="btnicon28"
60 disabled="disabled"
61 onclick="simBtnHaltOS_click(this)">
62 <i class="icon28-halt"></i></button>
63 <button type="button"
64 id = "btnReset"
65 class="btnicon28"
66 disabled="disabled"
67 onclick="simBtnReset_click(this)">
68 <i class="icon28-reset"></i></button>
69 </div>
70 <div class="eightcol last"></div>
71 </div>
72
73 <div class="row">
74 <div class="eightcol">
75 <canvas id="display"
76 tabindex="0"
77 width="750"
78 height="630"></canvas>
79 </div>
80 <div class="fourcol last">
81 <div id="tabContainer">
82 <div class="tabs">
83 <ul>
84 <li id="tabHeader_1">CPU</li>
85 <li id="tabHeader_2">Memory</li>
86 <li id="tabHeader_3">Disk</li>
87 <li id="tabHeader_4">Log</li>
88 <li id="tabHeader_5">Load</li>
89 </ul>
90 </div>
91 <div class="tabscontent">
92 <div class="tabpage" id="tabpage_1">
93
94 <div>
95 <h4>Registers</h4>
96 <table>
97 <tr>
98 <th align="right">PC:</th>
99 <td id="pc_register"></td>
100 </tr>
101 <tr>
102 <th align="right">ACC:</th>
103 <td id="acc_register"></td>
104 </tr>
105 <tr>
106 <th align="right">X:</th>
107 <td id="x_register"></td>
108 </tr>
109 <tr>
110 <th align="right">Y:</th>
111 <td id="y_register"></td>
112 </tr>
113 <tr>
114 <th align="right">Z:</th>
115 <td id="z_register"></td>
116 </tr>
117 </table>
118 </div>
119
120 <div>
121 <h4>Processes</h4>
122 <table cellspacing="7" id="processesTable">
123 <tr><td>No Processes Loaded</td></tr>
124 </table>
125 </div>
126
127 <div>
128 <b><span id="cpuUtilization">Utilization: 0%</span></b><br>
129 <canvas id="cpuUtilizationBar" class="monitor" width="300"
130 height="7"></canvas><br>
131 <canvas id="cpuUtilizationGraph" class="monitor" width="300"
132 height="200"></canvas>
133 </div>
134
135 <div>
136 <b><span id="cpuThroughput">Throughput: 0%</span></b><br>
137 <canvas id="cpuThroughputBar" class="monitor" width="300"
138 height="7"></canvas><br>
139 <canvas id="cpuThroughputGraph" class="monitor" width="300"
140 height="200"></canvas>
141 </div>
142
143 <div>
144 <b><div id="cpuTurnaround">Turn Around: 0</div></b>
145 <canvas id="cpuTurnaroundGraph" class="monitor" width="300"
146 height="200"></canvas>
147 </div>
148
149 <div>
150 <b><div id="cpuWait">Wait: 0</div></b>
151 <canvas id="cpuWaitGraph" class="monitor" width="300"
152 height="200"></canvas>
153 </div>
154
155 </div>
156
157 <div class="tabpage" id="tabpage_2">
158 <div>
159 <table cellspacing="10" id="memoryDumpTable">
160 <tr><th>Empty Memory Dump</th></tr>
161 </table>
162 </div>
163 </div>
164
165 <div class="tabpage" id="tabpage_3">
166 <div>
167 <h3>Total</h3>
168 <div id="diskTotal" class="diskInfo"></div>
169 </div>
170 <div>
171 <h3>Used</h3>
172 <div id="diskUsed" class="diskInfo"></div>
173 </div>
174 <div>
175 <h3>Available</h3>
176 <div id="diskAvailable" class="diskInfo"></div>
177 </div>
178
179 <div>
180 <canvas id="diskChart" class="monitor" width="350"
181 height="350"></canvas>
182 </div>
183 </div>
184
185 <div class="tabpage" id="tabpage_4">
186 <textarea id="taLog"
187 placeholder="No Log Output"></textarea>
188 </div>
189
190 <div class="tabpage" id="tabpage_5">
191 <textarea id="taProgramInput"
192 placeholder="Input Program hex here"></textarea>
193 </div>
194
195 </div>
196 </div>
197 </div>
198
199 <div class="row">
200 <div class="twelvecol last footer">
201 Copyright © 2008 - 2012 No Rights Reserved. -
202 Reproduction is prohibited without the express written
203 consent of Ted Codd, Stevie Ray Vaughan, Ian Fleming,
204 and Julio Cabrera.
205 </div>
206 </div>
207 </div>
208
209 </body>
210 </html>