-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (132 loc) · 5.11 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>TTP + SA</title>
<meta charset="utf-8">
<meta name="description" content="Solução básico em JavaScript para resolução do Traveling Tournament Problem (TTP) usando o algoritmo de Simulated Annealing (Aferrecimento Simulado) para trabalho de Otimização da UFRGS">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-theme.min.css" />
<link rel="stylesheet" href="css/styles.css" />
<script src="js/libs/jquery-2.1.1.min.js"></script>
<script src="js/ttp.js"></script>
<script src="js/sa.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div class="container">
<h1>Traveling Tournament Problem + Simulated Annealing</h1>
<h5>Andre Figueiredo, Mateus da Silva</h5>
<a href="http://mat.gsia.cmu.edu/TOURN/">Ver página com instâncias e mais informações sobre o problema.</a><br />
<a href="http://mat.gsia.cmu.edu/TOURN/">Ver documento com a especificação do trabalho.</a>
<hr />
<div class="row">
<div class="col-md-4">
<div class="options-box form-group-xs">
<fieldset class="form-horizontal">
<legend>Parâmetros Gerais</legend>
<div class="row form-group">
<label class="col-md-8 control-label" for="QtdTimes">Quantidade de Times:</label>
<div class="col-md-4">
<select class="form-control" id="QtdTimes">
<option value="4" selected>4</option>
<option value="6">6</option>
<option value="8">8</option>
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
</select>
</div>
</div>
<div class="row form-group form-group-sm">
<label class="col-md-8 control-label" for="Temperatura">Temperatura:</label>
<div class="col-md-4">
<input class="form-control" type="text" id="Temperatura" value="1000" />
</div>
</div>
<div class="row form-group">
<label class="col-md-8 control-label" for="Alfa">Fator esfriamento:</label>
<div class="col-md-4">
<input class="form-control" type="text" id="Alfa" value="0.99" />
</div>
</div>
</fieldset>
<br>
<fieldset class="form-horizontal">
<legend>Limites:</legend>
<div class="row form-group">
<label class="col-md-8 control-label" for="MaxIteracoes">Iterações:</label>
<div class="col-md-4">
<input class="form-control" type="text" id="MaxIteracoes" value="100" />
</div>
</div>
<div class="row form-group">
<label class="col-md-8 control-label" for="MaxPerturb">Perturbações/iteração:</label>
<div class="col-md-4">
<input class="form-control" type="text" id="MaxPerturb" value="10" />
</div>
</div>
<div class="row form-group">
<label class="col-md-8 control-label" for="MaxSucessos">Sucessos/iteração:</label>
<div class="col-md-4">
<input class="form-control" type="text" id="MaxSucessos" value="5" />
</div>
</div>
</fieldset>
<fieldset class="form-horizontal">
<legend> </legend>
<div class="row form-group">
<div class="col-md-12 text-right">
<button id="run" class="btn btn-primary">Executar</button>
</div>
</div>
</fieldset>
</div>
</div>
<div class="col-md-8">
<div id="results" class="results-box" style="display:none">
<div class="row">
<div class="col-sm-3">
<h4>Valor ótimo:</h4>
<p id="result-optimal" class="btn btn-block bg-info text-info" style="text-align:right; white-space:normal"></p>
</div>
<div class="col-sm-3">
<h4>Melhor possível:</h4>
<p id="instancia-feasible" class="btn btn-block bg-info text-info" style="text-align:right; white-space:normal"></p>
</div>
<div class="col-sm-3">
<h4>Limite Teórico:</h4>
<p id="instancia-lowerbound" class="btn btn-block bg-info text-info" style="text-align:right; white-space:normal"></p>
</div>
</div>
<h4>Calendário ótimo:</h4>
<table id="solotima-calendario" class="solInicial-table">
</table>
<div id="grafico"></div>
</div>
</div>
</div>
<div id="divSolucaoInicial" style="display:none">
<h2>Solução Inicial</h2>
<h4>Valor: <span id="solinicial-valor"></span></h4>
<h4>Calendário:</h4>
<table id="solinicial-calendario" class="solInicial-table">
</table>
<br>
<h4>Viagens:</h4>
<table id="solinicial-viagens" class="solInicial-table">
</table>
</div>
<footer class="small">
<hr>
<div>
Aplicação parte do trabalho de Otimização 2014/2<br/>
Novembro de 2014<br />
<a href="http://www.inf.ufrgs.br/~mrpritt/doku.php">Prof. Marcus Ritt</a><br>
<a href="http://www.inf.ufrgs.br">Instituto de Informática</a><br>
<a href="http://www.ufrgs.br">Universidade Federal do Rio Grande do Sul</a><br>
</div>
</footer>
</div>
</body>
</html>