-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (50 loc) · 3.42 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="./app.js"></script>
<link rel="stylesheet" href="style.css">
<title>Algoritmo Genético</title>
</head>
<body onload="addDadosEntrada()">
<h1>Trabalho sobre Algoritmo Genético</h1>
<h2>Análogo ao Problema da Mochila</h2>
<h5>Sarah Ellen de Oliveira Borrete - 20210013251</h5>
<h3>Contexto:</h3>
<p>Como no problema da mochila, o cenário desse algoritmo é otimizar o transporte de carga numa frota de caminhões. O caminhão tem um valor máximo de carga que pode suportar, e cada item que será transportado tem um peso. O objetivo é transportar o maior número de itens sem ultrapassar o peso máximo suportado. Todos os pesos são medidos em <strong>toneladas</strong>.</p>
<p>A resposta é formatada como um vetor de 0 e 1. Os índices que tiverem 1 como valor são os que entrarão no caminhão.</p>
<p>Os itens e seus pesos precisam ser gerados antes de rodar o algoritmo. Os pesos podem ser alterados a qualquer momento. Os dados já colocados nos inputs são os padrões estipulados por mim. Você pode mudar e ver se muda alguma coisa, se quiser.</p>
<div class="dados">
<div class="entradas">
<h3>Dados sobre as entradas:</h3>
<!-- <p class="pesoMax">Peso máximo do caminhão: <span id="valorPesoMax"></span>t</p> -->
<p class="pesoMax">Peso máximo do caminhão: <input class="input" type="number" id="valorPesoMax" value="18"></input> t</p>
<!-- <p class="numItens">Quantidade de itens: <span id="valorNumItens"></span> itens</p> -->
<p class="numItens">Quantidade de itens: <input class="input" type="number" id="valorNumItens" value="10"></input> itens</p>
<p class="pesoItens">Pesos de cada item a ser transportado: <span id="valoresPesoItens">[ ]</span> (em toneladas)</p>
<button class="gerarPesosBtn" onclick="criarPesosItens()">Gerar pesos aleatórios</button>
</div>
<div class="algoritmo">
<h3>Dados sobre o algoritmo:</h3>
<!-- <p class="tamPopulacao">Tamanho da população: <span id="valorTamPopulacao"></span></p> -->
<p class="tamPopulacao">Tamanho da população: <input class="input" type="number" id="valorTamPopulacao" value="80"></input></p>
<!-- <p class="numGeracoes">Número de gerações: <span id="valorNumGeracoes"></span></p> -->
<p class="numGeracoes">Número de gerações: <input class = "input" type="number" id="valorNumGeracoes" value="100"></input></p>
<!-- <p class="taxaMutacao">Taxa de mutação: <span id="valorTaxaMutacao"></span></p> -->
<p class="taxaMutacao">Taxa de mutação: <input class="input" type="number" id="valorTaxaMutacao" value="10"></input> %</p>
<!-- <p class="taxaCruzamento">Taxa de cruzamento: <span id="valorTaxaCruzamento"></span></p> -->
<p class="taxaCruzamento">Taxa de cruzamento: <input class="input" type="number" id="valorTaxaCruzamento" value="70"></input> %</p>
</div>
</div>
<br>
<button class="rodarBtn" onclick="algoritmoGenetico()">Rodar o algoritmo</button>
<div id="resultado"></div>
<!--
Resultado:
Melhor indivíduo
Peso total da carga do caminhão
Quantidade de itens no caminhão
-->
</body>
</html>