Entradas

Mostrando las entradas de abril, 2019

02.- Machine Learning JavaScript en Español 🇪🇸 [Clasificador de video con ml5.js]

Imagen
Introducción. Bienvenidos a este curso de tensión flow en javascript y en este tutorial realmente estoy muy emocionado porque si les gustó el tutorial anterior este pues los va a dejar con la boca abierta. Lo que vamos a hacer lo mismo con el tutorial anterior pero pero en lugar de darle imágenes a nuestro sistema para que nos las identifique le vamos a dar un vídeo para ser exactos la captura de una webcam y para que tensorflow no va a decir esta cosa que tienes en tu webcam es una lápiz o una cuchara o un tenedor. En serio se los juro vamos a hacer eso y pues solo tenemos que tener una webcam y el siguiente código:
Codigo<html><head><metacharset="UTF-8"><title>Webcam Image Classification using MobileNet and p5.js</title><script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.dom.min.js"></script><…

01.- Machine Learning JavaScript en Español 🇪🇸 [Clasificador de imágenes con ml5.js]

Imagen
Introducción. Bienvenidos al programa novato muchas gracias por continuar viendo este curso de Tensorflow en JavaScript y en este tutorial vamos a hacer algo realmente muy divertido y es que vamos a hacer un clasificador de imágenes en otras palabras nosotros le vamos a dar a nuestra página web con JavaScript una imagen y este JavaScript nos va a retornar el nombre del elemento del animal lo que sea que esté en esa imagen. Para esto vamos a trabajar con una herramienta llamada ml5js y esto es lo que nos promete que va a ser ml5 por nosotros: ml5 tiene como objetivo hacer que el aprendizaje automático sea accesible para una amplia audiencia de artistas programadores creativos y estudiantes. La biblioteca proporciona acceso a modelos y algoritmos de aprendizaje automáticos en el navegador construido sobre tensor flow sin otras dependencias externas. Ai así como lo oyen y pues veamos el código con el que vamos a trabajar: Codigo<!DOCTYPE html><html><head><title>m…

08.-TensorFlow js en Español🇪🇸 [Predecir ventas con regresión lineal]

Imagen
Introducción Bienvenidos a programas novatos muchas gracias por continuar viendo este curso de Tensor Flow en JavaScript y en este tutorial vamos a hacer una predicción y no, no vamos a hacer predicciones con los astros ni el tarot, ni cartas ni leyendo el café no no. Lo que vamos a hacer es predecir las ventas que ha tenido (o que va a tener) una tienda en relación a las ventas que ha tenido anteriormente y ahora vamos a ver esto de forma práctica y pues comencemos con este código: Codigo<!DOCTYPE html><htmllang="es"><head><title>Prueba tensorflow</title><metacharset="UTF-8"><metaname="title"content="Prueba tensorflow"><!-- Cargamos TensorFlow.js --><script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.bundle.min.js"></script></head><body>&…

07.-TensorFlow js en Español🇪🇸 [Regresion lineal]

Imagen
Introducción En este tutorial vamos a explicar la regresión lineal y vamos a hacer un ejemplo con tensorflow bajo JavaScript, este sea un ejemplo muy simple. Sera un programa que en base a los puntos que vayamos colocando se definirá una linea que busque exactamente el punto medio entre todos los puntos.
Si se percatan en esta imagen estamos colocando varios puntos y hay una linea que esta "luchando" por colocarse en medio de todos los puntos, a esa linea se le llama regresión lineal. Y eso es lo que hace el código que tenemos en la parte de abajo :o. Codigo<!DOCTYPE html><html><head><title>TODO supply a title</title><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.js"></scri…

YouTube API en PHP ✔️[Listar ultimos videos subidos]

Imagen
Introducción Vamos a aprender a extraer datos (videos) de youtube con el api que precisamente nos ofrece youtube que se llama "Youtube api data v3". Hay un vdeo que hice previamente en donde explico como extraer vedeos de youtube pero con javascript el cual les dejo aqui https://www.youtube.com/watch?v=_xjzTUeaUtY.
Procedimiento Lo primero que debemos hacer es ir a google cloud plataform desde este link  Google Cloud Plataform

Click en la lista de proyectos y después en NUEVO PROYECTO

Colocamos un nombre y damos click en crear

Desplegamos de nuevo todos los proyecto y seleccionamos el proyecto que acabamos de crear

Click en menu, Api y servicio y Biblioteca

Buscamos y damos click en Youtube Data API v3

Click en Habilitar


Click en crear credenciales.


Seleccionamos Youtube Data API v3, Despues Seleccionamos "Servidor web(p. ej., node.js Tomcat) y click en el boton


Se nos mostrara nuestra Clave API, la copiamos


Ahora podemos construir una url para mandar a llamar nuestro …

06.-TensorFlow js en Español🇪🇸 [Layer 2da parte]

Imagen
Introducción En este tutorial vamos a darle continuidad en el tutorial anterior https://youtu.be/lmDy-pSr0Zk en el que creamos un modelo y en este tutorial vamos a meterle datos a ese modelo. En este excel podemos ver un ejemplo de este modelo https://drive.google.com/file/d/1I08-n8MpeA9MqaxKzFLPiu2Iiiu_auJ9/view?usp=sharing pero eso que estamos colocando en el excel tensor flow va a tener que realizar esos calculos.




Codigo<!DOCTYPE html><html><head><title>TODO supply a title</title><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"></script><!-- <script src="newjavascript.js" type="text/javascript"></script>--></head><body><script>//Creando el modeloconstmodelo=tf.sequential();//Creamos una capa ocultaconstoculta=tf.l…

05.-TensorFlow js en Español🇪🇸 [Layer]

Imagen
Introducción En este tutorial vamos a trabajar con las layer o en español capas, seria muy buena practica ir a una pagina que tensorflow nos ofrece, se llama https://playground.tensorflow.org en donde podemos hacer es practicamente jugar con las capas sin que se dañen.
Es mas en la cabecera del player no da una aviso que dice "JUEGA CON UNA RED NEURONAL AQUÍ EN TU NAVEGADOR NO TE PREOCUPES TU NO LO PUEDES ROMPER TE LO PROMETEMOS". en el siguiente link explico que significan los diferentes conceptos que nos ofrecer play de tensorflow: https://www.youtube.com/watch?v=Xfx5sfZJYTQ
¿Que es un optmizado?r: http://www.youtube.com/watch?v=tdHtQhxXKw4&t=324
Codigo
<!DOCTYPE html><html><head><title>TODO supply a title</title><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"></scr…

04.-TensorFlow js en Español🇪🇸 [Manejo de Memoria]

Imagen
Introducción En este tutorial vamos a trabajar con la memoria de nuestra aplicación (y si debemos cuidar la memoria) que aunque no es la memoria de nuestro servidor es la memoria del navegador del cliente, en otras palabras que es el navegador del cliente el que tenemos que cuidar. Imaginemos este escenario: Tenemos un cliente visitando nuestra pagina web la cual trabaja con tensorflow y ademas esta navegado con google chrome (tomemos en cuenta que chrome consume mucha memoria), ademas tenemos a tensorflow el cual realiza operaciones complejas, por si fuera poco esta webgl que es una librería de gráficos en 3D. Al final tenemos una bomba para el navegador y provocar que nuestra pagina web se llegue a caer al consumir muchos recursos. Para evitar estos problemas nuestros amigos de tensorflow nos entregan algunas funciones de control y manejo de memoria RAM y es una especie de Garbage colector algo así como el Garbage colector de JAVA. Este un pequeño programa que revisaba constantemen…

Facebook Like