-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (121 loc) · 5.63 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
<!DOCTYPE html>
<html lang="es">
<head>
<title>Neurona de ALSW</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- p5 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script>
<!-- ml5 -->
<script src="https://unpkg.com/[email protected]/dist/ml5.min.js" type="text/javascript"></script>
<!-- Icon Google-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Materialize -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Se ve bien movil -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Mi codigo -->
<script src="sketch.js"></script>
<style>
a {
margin-bottom: 5px;
}
</style>
</head>
<body>
<div class="container">
<!-- Cabezera -->
<div class="row">
<div class="col s12">
<div class="card teal darken-1">
<div class="card-content white-text">
<span class="card-title">Demo Clasificador de Imagenes de ALSW</span>
<p>Neurona clasificadora de imagenes implementa en ML5, que puede ser entrenada desde el navegador Web usando el Adgoritmo de KNN o K vecinos mas sercados</p>
<p>Ver tutorial completo para explicacion del codigo y como unir con Arduino por USB o IOT MQTT</p>
</div>
<div class="card-action teal darken-4">
<a class="white-text" href="https://nocheprogramacion.com/Cursos/07_Inteligencia_Artificial_ML5/">Curso en Proyecto</a>
<a class="white-text" href="https://github.com/alswnet/DemoML5">Codigo Github</a>
<a class="white-text" href="https://www.youtube.com/playlist?list=PLWQQswW6kqpUFsEd8jXxVCNDvHN34uR24">Youtube PlayList</a>
<a class="white-text" href="#">Donar</a>
</div>
</div>
</div>
</div>
<div class="row z-depth-1 grey lighten-2">
<div class="card z-depth-5">
<!-- Bara izquierda -->
<div class="col s4 grey lighten-2">
<div class="card-panel teal darken-4 center-align">
<span class="card-title white-text">Entrenamiento</span>
</div>
<div class="section center-align">
<h5>Entrenamiento con Botones</h5>
<div class="center-align">
<a class="waves-effect waves-light btn BotonEntrenar">Arduino</a>
<a class="waves-effect waves-light btn BotonEntrenar">ESP8266</a>
<a class="waves-effect waves-light btn BotonEntrenar">Rasberry Pi</a>
<a class="waves-effect waves-light btn BotonEntrenar">Pollo</a>
<a class="waves-effect waves-light btn BotonEntrenar">Nada</a>
</div>
</div>
<div class="divider"></div>
<div class="section center-align">
<h5>Entrenar con TextBox</h5>
<div class="input-field">
<i class="material-icons prefix">add_circle_outline</i>
<input id="TextBox" type="text" data-length="10">
<label for="TextBox">La imagen es:</label>
</div>
<div class="center-align">
<a id="TextBoxBoton" class="waves-effect waves-light btn-large">Entrenar con TextBox</a>
</div>
</div>
<div class="divider"></div>
<div class="section center-align">
<h5>Operaciones Neurona</h5>
<div class="center-align">
<a id="CargarBoton" class="waves-effect waves-light btn-large">Cargar</a>
<a id="SalvarBoton" class="waves-effect waves-light btn-large">Salvar</a>
<a id="LimpiarBoton" class="waves-effect waves-light btn-large">Limpiar</a>
</div>
</div>
</div>
<div class="col s8 teal darken-4 center-align">
<div class="card-panel orange accent-3 center-align">
<span id="CartaMensaje" class="card-title">Cargando...</span>
</div>
<div id="micanva">
</div>
</div>
</div>
</div>
<footer class="page-footer teal darken-1">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">ALSW</h5>
<p class="grey-text text-lighten-4">Somos un grupo de emprendedores makers, nos apasiona la tecnologia, no solo conocer de ella, sino que tambien desarrollarla, estudiarla, modificarla y crearla.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Link</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="https://www.youtube.com/alswnet">Youtube</a></li>
<li><a class="grey-text text-lighten-3" href="https://discord.gg/tECqBm">Discord </a></li>
<li><a class="grey-text text-lighten-3" href="https://github.com/alswnet/DemoML5/issues">Reportar Bug</a>
<li><a class="grey-text text-lighten-3" href="https://github.com/alswnet/DemoML5">Codigo Fuente</a></li>
<li><a class="grey-text text-lighten-3" href="https://nocheprogramacion.com/Cursos/07_Inteligencia_Artificial_ML5/">Curso Completo</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright teal darken-3">
<div class="container">
Por ChepeCarlos de ALSW
<a class="grey-text text-lighten-4 right" href="https://chepecarlos.com/">Chepecarlos.com</a>
</div>
</div>
</footer>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
</body>
</html>