Mini-Curso de Internet de las cosas Full-ALSW

En este mini Curso aprenderán como comunicar un Arduino (ESP32 o ESP8266) con una pagina web en GithubPage usando MQTT con este que es nuestro agradecimiento por llegas a 6000 maker :D

==========================================================

Cuentas necesarias

1. github para Repositorio de codigo y hosting de pagina web
2. shiftr.io Broker de MQTT

Software Necesarios

1. Instalar Arduino ESP32 y Arduino ESP8266
   • Installar Arduino IDE 1.8 o superior
   • Abir Preferencia de Archivo>Preferencia
   • Pegar en “Gestos de URLs Adicionales de tarjeta” esta url https://dl.espressif.com/dl/package_esp32_dev_index.json,http://arduino.esp8266.com/stable/package_esp8266com_index.json,https://raw.githubusercontent.com/sparkfun/Arduino_Boards/master/IDE_Board_Manager/package_sparkfun_index.json
   • Instalar hardware Extra, Heramientas»Placas»Gestos de Tarjetas..
   • Buscar e instalar ESP8266 y ESP32
   • Instalar Driver FTDI y reiniciar la pc
   • Instalar MQTT de Librerias
2. Instalar ATOM
   • Descargar AtoM IDE
   • Instalar Plugin Extra, Edit»Preferencia»Install
     • atom-beautify
     • aton-live-server
     • desables
       • aton-terjs
       • file-icons
       • minimap
3. Navegador
   • Firefox o Google Chrome
4. Git

• Descargar Git

1. Aceeso a WiFi
   • Pueto
     • 80 y 8080
     • 1883 0 8883(MQTT o MQTTS)

Pasos

1. Github Crear Repositorio
   • Crear Repositorio en Github
   • Clonas en Atom (ctrl-shift-P)
   • Editar Read.md usando Markdown
   • Agregar mas informacion
   • Confirmar codigo (commit, pull, push)

• Configurar Git

1. P5.js
   • P5.js » JavasCript Sexy Tutorial Recomendado

• P5.dom » CDN (Red de distribución de contenidos)
  • index.html y sketch.js Copia Aqui
  • Subit a Github y Activar a GithubPage

1. Arduino Configurar
   • ESP32 y ESP8266
     • #define cual es cual?
   • MultiWifi me voy con quien encuentre :3

• Un Led indicador

1. MQTT
   • Protocolo
     • Broker - shiftr.io
       • Mosquitto
     • Topic
       • /Tmp
       • /Robot/Sensor/Temperatura
       • /Robot/Sensor/Humedad
       • /Laboratorio/Piso1/Sensor/Humo
     • Pub - Publicar
     • Sub - Suscribirse
   • Shiftr.io
     • Crear Area de trabajo
     • Crear contraseña y usuario de acceso
2. MQTT Arduino
   • Hola mundo Boton
     • boolean Estado
   • Cliente MQTT
   • begin(“broker”, cliente);
   • onMessage(“callbas”)
   • connect(“Nombre”, “Usuario”, “Contrasena”);
   • subscribe(“topic”);
   • loop();
   • callbaks
3. P5.dom
   • Depurador de Navegador
   • Interfaces
     • Crear titulo
     • Crear P
     • Crear Botones
       • callbask
4. MQTT

• paho-mqtt » CDN (Red de distribución de contenidos)
• Codigo de Ejemplo

1. Subir Pagina a GithubPage