2016-05-04 15:46:43 +00:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html lang="it">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8">
|
2016-05-11 07:01:11 +00:00
|
|
|
<meta name="author" content="Claudio Maggioni, Fabio Brambilla, Pamela Dardano, Federico Mainetti"/>
|
2016-05-04 15:46:43 +00:00
|
|
|
<meta name="description" content="Simulazione di uno scheduler in HTML, Javascript e (purtroppo) CSS."/>
|
2016-05-10 19:35:43 +00:00
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
var lunghezzaExec=300 //in millis
|
|
|
|
|
var risorse = {
|
|
|
|
|
file: new Array(5),
|
|
|
|
|
stampante: 0,
|
|
|
|
|
io: new Array(6),
|
|
|
|
|
mem: new Array(100) //vettore contenente 100 cloni di memoria
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function Memoria(){
|
|
|
|
|
this.pid = 0;
|
|
|
|
|
this.istanteAllocazione = 0;
|
|
|
|
|
this.numeroPagina = -1;
|
2016-05-10 14:37:44 +00:00
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
|
|
|
|
|
//avvio del programma
|
|
|
|
|
for(var i=0; i<100; i++){
|
|
|
|
|
risorse.mem[i]= new Memoria();
|
2016-05-10 14:37:44 +00:00
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
|
|
|
|
|
var pidNuovo = 1;
|
|
|
|
|
function Processo(){
|
|
|
|
|
processiPronti.push(this);
|
|
|
|
|
this.pid=pidNuovo;
|
|
|
|
|
this.logProcesso="";
|
|
|
|
|
this.pagine=new Array(Math.floor(Math.random()*10)+3); //vettore contenente gli indirizzi di tutte le pagine in ordine
|
|
|
|
|
for(var i=0; i<this.pagine.length; i++){
|
|
|
|
|
this.pagine[i]=-1;
|
2016-05-10 14:37:44 +00:00
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
this.percorsoAllocazione=new Array(Math.floor(Math.random()*10)+this.pagine.length);
|
|
|
|
|
for(var i=0; i<this.percorsoAllocazione.length; i++){
|
|
|
|
|
this.percorsoAllocazione[i]=Math.floor(Math.random()*this.pagine.length);
|
|
|
|
|
}
|
|
|
|
|
for(var i=0; i<this.pagine.length; i++){
|
|
|
|
|
if(this.percorsoAllocazione.indexOf(i)==-1){
|
|
|
|
|
this.percorsoAllocazione.push(i);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
this.stato="disponibile";
|
|
|
|
|
this.contatorePercorso=0;
|
|
|
|
|
scriviLog("<span style=\"color: white\">Nuovo processo: pid="+this.pid+" pagine="+
|
|
|
|
|
this.pagine.length+" lunghezzaPercorso="+this.percorsoAllocazione.length+"</span>");
|
|
|
|
|
pidNuovo++;
|
|
|
|
|
}
|
|
|
|
|
Processo.prototype.log = function(str){
|
|
|
|
|
var tmp = str.replace(/ *\<[^>]*\> */g, "");
|
|
|
|
|
scriviLog("<span style=\"color: lightblue\">Processo "+this.pid+": </span>"+str+"\n");
|
|
|
|
|
this.logProcesso+="Processo "+this.pid+": "+tmp+"\n";
|
|
|
|
|
};
|
|
|
|
|
Processo.prototype.cambiaStato = function (str) {
|
|
|
|
|
this.stato=str;
|
|
|
|
|
this.log("<span style=\"color: violet\">"+this.stato+"</span>");
|
|
|
|
|
};
|
|
|
|
|
Processo.prototype.termina = function (){
|
|
|
|
|
this.cambiaStato("terminazione");
|
|
|
|
|
(this.pagine).forEach(function(item, index){
|
|
|
|
|
if(item>=0) resettaPagina(item);
|
|
|
|
|
});
|
|
|
|
|
this.cambiaStato("terminato");
|
|
|
|
|
var i = processiPronti.indexOf(this);
|
|
|
|
|
processiTerminati.push(processiPronti.splice(i, 1)[0]);
|
|
|
|
|
};
|
|
|
|
|
Processo.prototype.esecuzioneCicloSingolo = function(){
|
|
|
|
|
if(this.contatorePercorso>=this.percorsoAllocazione.length){
|
|
|
|
|
this.termina();
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
this.stato="esecuzione";
|
|
|
|
|
this.log("<span style=\"color: violet\">esecuzione</span> pagina <span style=\"color: orange\">" +
|
|
|
|
|
this.percorsoAllocazione[this.contatorePercorso]+"</span>");
|
|
|
|
|
if(paginaDaCaricareGiaAllocata(this)){
|
|
|
|
|
this.contatorePercorso++;
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
return allocaSegmento(this);
|
|
|
|
|
}
|
|
|
|
|
this.stato="pronto";
|
|
|
|
|
};
|
2016-05-10 14:37:44 +00:00
|
|
|
|
2016-05-10 19:35:43 +00:00
|
|
|
var processiPronti = new Array();
|
|
|
|
|
var processiTerminati = new Array();
|
|
|
|
|
|
|
|
|
|
function allocaSegmento(proc){
|
|
|
|
|
//ricerca memoria libera tramite first-fit
|
|
|
|
|
for(var i=0; i<100; i++){
|
|
|
|
|
if(risorse.mem[i].pid==0) break;
|
|
|
|
|
}
|
2016-05-10 14:37:44 +00:00
|
|
|
|
2016-05-10 19:35:43 +00:00
|
|
|
if(i==100){
|
|
|
|
|
//allocazione fallita
|
|
|
|
|
proc.log("<span style=\"color: orange\">Allocazione fallita. Gestione della memoria piena...</span>");
|
2016-05-05 14:57:03 +00:00
|
|
|
|
2016-05-10 19:35:43 +00:00
|
|
|
//si applica least recently used
|
|
|
|
|
var min=0;
|
|
|
|
|
for(i=1; i<100; i++){
|
|
|
|
|
if(risorse.mem[min].istanteAllocazione > risorse.mem[i].istanteAllocazione)
|
|
|
|
|
min = i;
|
|
|
|
|
}
|
|
|
|
|
if(!resettaPagina(min)){
|
|
|
|
|
proc.log("<span style=\"color: red\">gestione della memoria piena fallita.</span>");
|
|
|
|
|
return false;
|
|
|
|
|
};
|
|
|
|
|
i=min;
|
2016-05-05 14:57:03 +00:00
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
risorse.mem[i].pid=proc.pid;
|
|
|
|
|
risorse.mem[i].numeroPagina=proc.percorsoAllocazione[proc.contatorePercorso];
|
|
|
|
|
risorse.mem[i].istanteAllocazione=Date.now();
|
|
|
|
|
proc.pagine[proc.percorsoAllocazione[proc.contatorePercorso]]=i;
|
|
|
|
|
proc.log("<span style=\"color: grey\">allocata pagina <span style=\"color: orange\">"+proc.percorsoAllocazione[proc.contatorePercorso]+
|
|
|
|
|
"</span> in locazione di memoria <span style=\"color: orange\">"+i+"</span></span>");
|
|
|
|
|
proc.contatorePercorso++;
|
|
|
|
|
return true;
|
|
|
|
|
}
|
|
|
|
|
function paginaDaCaricareGiaAllocata(proc){
|
|
|
|
|
if(proc.contatorePercorso>=proc.percorsoAllocazione.length) return false;
|
|
|
|
|
if(proc.pagine[proc.percorsoAllocazione[proc.contatorePercorso]]!=-1) return true;
|
|
|
|
|
return false;
|
2016-05-05 14:57:03 +00:00
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
function resettaPagina(pagina){
|
|
|
|
|
scriviLog("<span style=\"color: grey\">Libero locazione di memoria <span style=\"color: orange\">"+pagina+"</span></span>");
|
|
|
|
|
for(var i=0; i<processiPronti.length; i++){
|
|
|
|
|
if(processiPronti[i].pid==risorse.mem[pagina].pid){
|
|
|
|
|
var a = processiPronti[i].pagine.indexOf(pagina);
|
|
|
|
|
if(a<0){
|
|
|
|
|
scriviLog("<span style=\"color: red\">Pagina non registrata nel processo.</span>");
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
processiPronti[i].pagine[a]=-1;
|
|
|
|
|
break;
|
2016-05-05 14:57:03 +00:00
|
|
|
}
|
|
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
if(i==processiPronti.length){
|
|
|
|
|
scriviLog("<span style=\"color: red\">Pid non trovato. Questa locazione potrebbe essere già libera</span>");
|
|
|
|
|
return false;
|
|
|
|
|
}
|
|
|
|
|
risorse.mem[pagina].pid=0;
|
|
|
|
|
risorse.mem[pagina].numeroPagina=-1;
|
|
|
|
|
risorse.mem[pagina].istanteAllocazione=-1;
|
|
|
|
|
return true;
|
2016-05-05 14:57:03 +00:00
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
function scriviLog(str){
|
|
|
|
|
var $cont = $('.logger');
|
|
|
|
|
$cont.append('<p>' + str + '</p>');
|
|
|
|
|
$cont[0].scrollTop = $cont[0].scrollHeight;
|
2016-05-05 14:57:03 +00:00
|
|
|
}
|
|
|
|
|
|
2016-05-10 19:35:43 +00:00
|
|
|
var pidAttuale = 0;
|
|
|
|
|
var vuoto=false;
|
|
|
|
|
function loopProcessiPronti(){
|
|
|
|
|
if(processiPronti.length>0){
|
|
|
|
|
if(pidAttuale >= processiPronti.length) pidAttuale=0;
|
|
|
|
|
processiPronti[pidAttuale].esecuzioneCicloSingolo();
|
|
|
|
|
pidAttuale++;
|
|
|
|
|
vuoto=false;
|
|
|
|
|
}
|
|
|
|
|
else if(!vuoto){
|
|
|
|
|
scriviLog("<span style=\"color: white\">Coda dei processi pronti vuota.<span>");
|
|
|
|
|
vuoto=true;
|
|
|
|
|
}
|
|
|
|
|
window.setTimeout(function(){
|
|
|
|
|
loopProcessiPronti();
|
|
|
|
|
},lunghezzaExec);
|
|
|
|
|
}
|
2016-05-05 14:57:03 +00:00
|
|
|
|
2016-05-10 19:35:43 +00:00
|
|
|
function testaProcessiPronti(){
|
|
|
|
|
for(var j=0; j<10; j++){
|
|
|
|
|
new Processo();
|
|
|
|
|
}
|
|
|
|
|
loopProcessiPronti();
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
.logger{
|
|
|
|
|
overflow-y: scroll;
|
|
|
|
|
height: 50vh;
|
|
|
|
|
background-color: black;
|
|
|
|
|
}
|
|
|
|
|
.logger > p{
|
|
|
|
|
margin-top: 0;
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
font-weight: bolder;
|
|
|
|
|
color: lightgreen;
|
|
|
|
|
}
|
2016-05-11 07:40:11 +00:00
|
|
|
#header {
|
|
|
|
|
background-color:black;
|
|
|
|
|
color:white;
|
|
|
|
|
text-align:center;
|
|
|
|
|
padding:5px;
|
|
|
|
|
}
|
|
|
|
|
#nav {
|
|
|
|
|
line-height:30px;
|
|
|
|
|
background-color:#eeeeee;
|
|
|
|
|
height:300px;
|
|
|
|
|
width:100px;
|
|
|
|
|
float:left;
|
|
|
|
|
padding:5px;
|
|
|
|
|
}
|
|
|
|
|
#section {
|
|
|
|
|
width:350px;
|
|
|
|
|
float:left;
|
|
|
|
|
padding:10px;
|
|
|
|
|
}
|
|
|
|
|
#footer {
|
|
|
|
|
background-color:black;
|
|
|
|
|
color:white;
|
|
|
|
|
clear:both;
|
|
|
|
|
text-align:center;
|
|
|
|
|
padding:5px;
|
|
|
|
|
}
|
2016-05-10 19:35:43 +00:00
|
|
|
</style>
|
|
|
|
|
</head>
|
2016-05-04 15:46:43 +00:00
|
|
|
<body>
|
2016-05-11 07:01:11 +00:00
|
|
|
<div id="header">
|
|
|
|
|
<h2>Logger di sistema:</h2>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="nav">
|
|
|
|
|
Home<br>
|
|
|
|
|
Grafico<br>
|
|
|
|
|
Teoria
|
|
|
|
|
</div>
|
|
|
|
|
<div id="section">
|
2016-05-05 14:57:03 +00:00
|
|
|
<h2>Scheduler</h2>
|
|
|
|
|
<p>In informatica lo scheduler (da to schedule letteralmente "mettere in lista", ovvero "pianificare") è un componente
|
|
|
|
|
di un sistema operativo ovvero un programma che implementa un algoritmo di scheduling il quale, dato un insieme di richieste
|
|
|
|
|
di accesso ad una risorsa (tipicamente l'accesso al processore da parte di un processo da eseguire), stabilisce un ordinamento
|
|
|
|
|
temporale per l'esecuzione di tali richieste, privilegiando quelle che rispettano determinati parametri secondo una certa politica
|
|
|
|
|
di scheduling, in modo da ottimizzare l'accesso a tale risorsa e consentire così l'espletamento del servizio/istruzione o processo desiderato.</p>
|
|
|
|
|
</div>
|
2016-05-11 07:01:11 +00:00
|
|
|
<div id="sidebar">
|
|
|
|
|
</div>
|
|
|
|
|
<div id="footer">
|
|
|
|
|
Creato da Claudio Maggioni, Federico Mainetti, Pamela Dardano, Fabio Brambilla
|
2016-05-05 14:57:03 +00:00
|
|
|
</div>
|
2016-05-10 19:35:43 +00:00
|
|
|
<button type="button" name="aggiungiProcesso" onclick="new Processo()">Aggiungi processo</button>
|
|
|
|
|
<script>
|
|
|
|
|
testaProcessiPronti()
|
|
|
|
|
</script>
|
2016-05-04 15:46:43 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
