ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
NodeMCU ESP8266
ESP + APP Inventor
+
neopíxels
Joan Gelabert, Josep Lluís Roma i Jesús Arbués
https://sacosta.org/taller_ESP/Arxius_taller_ESP.zip
Esp8266 + App Inventor + Neopixels
Esp8266 + App Inventor + Neopixels
Esp8266 + App Inventor + Neopixels
Esp8266 + App Inventor + Neopixels
Esp8266 + App Inventor + Neopixels
Esp8266 + App Inventor + Neopixels
Esp8266 + App Inventor + Neopixels
Primera opció. Arxiu neo_4sld_esp_b
Connexió a una Wi-fi
Exemple: connexió router
Segona opció. Arxiu neo_4sld_esp_WM
Crea una Wi-fi temporal
Decidir a quina wi-fi t’has de connectar
Tercera opció. Arxiu neo_4sld_esp_AP
Crea un Punt d’accès
Wi-fi pròpia de la tarja Esp
Esp8266 + App Inventor + Neopixels
Esp8266 + App Inventor + Neopixels
Esquema tercera opció. Acces Point
IDE Arduino: https://www.arduino.cc/en/software
Archivo>Preferencias>Gestor de URLs adicionales de Tarjetas
https://arduino.esp8266.com/stable/package_esp8266com_index.json
Archivo>Preferencias>Gestor de URLs adicionales de Tarjetas.
Gestor de tarjetas Herramientas>Placa>Gestor de
tarjetas>ESP8266. Instal.lar esp8266
Buscar la nostra placa NodeMCU 1.0 (ESP-12E Module)
Llibreria LiquidCrystal I2C
Llibreria Wifi Manager Només per opció 2
1a. Opció. Modificar linies 24 i 25. Pujar Codi
2a. Opció Wifi Manager. Xarxa SACOSTA
3a. Opció Acces Point. Linies 29 i 30
MIT APP INVENTOR
http://appinventor.mit.edu/
Importar projecte (AIA) des del meu ordinador
Projecte important (arxiu AIA)
Generar Android App (APK)
Generar Android App (APK)
Download APK o Scan QR
App Inventor. neo_4sld_esp_b
Consells
Habilitar casella i esperar uns segons.
No arrosegar els sliders, clicar a sobre.
Els Qrs creats des de la web duren 2 hores,
Ull!
Aquí col·locarem, en el cas que
faci falta el IP que ens permetrà
accedir a la placa
Habilita/deshabilita els
canvis de color per slider
Permet fixar la
quantitat de vermell,
verd i blau de la tira
Permet fixar la
lluentor de la tira
Funcionament aplicar un color
ETIQUETES
LB_red, green y blue mostraran
el valor RGB, en funció de la
posició dels sliders.
LB_valor_brightness mostrarà
el valor de la lluentor.
SLIDERS
Permet guardar un color,
amb el nom escrit
prèviament
Permet assignar un nom al
color que volem guardar
Permet accedir a la llista de
colores guardats
Permet escriure el nom del
color a recuperar Recupera un color guardat
DESAR I RECUPERAR UN UN COLOR
BLOCS DE PROGRAMACIÓ
1.-Variables
Variable que recull l’ IP subministrat en la
caixa de text corresponent
He creat dues variables de cada per
aconseguirpara aconseguir valors sencers;
No era imprescindible però s’ha fet per evitar
problemes
Variable que recull l’estat ON/OFF de
la casella de verificació
Llegir SLIDERS
Revisa que estigui
habilitada la casella de
verificació
Cas slider blue (en els altres fa el
mateix)
Revisa la posició de l_slider
SL_blue i ho assigna a la variable
blue2
Arrodoneix blue2 i ho assigna a
blue
Envia blue a la etiqueta LB_blue
Assigna a ip_server el valor de que
hem introduït al camp corresponent
Crida la funció enviar_color
En el cas de no estar habilitada la
casella de verificació envia un
missatge d'advertència
ENVIAR COLOR
Comprova que en el camp
ip_server hi hagi escrit l’IP
Construeix el missatge que ha
d’enviar a partir de les
variables recollides a LEER
SLIDER
Envia el missatge amb les
ordres RGB i lluentor
Si no troba l’IP envia un
missatge d’advertència
CANVIAR LA POSICIÓ_VALOR D’UN SLIDER
En canviar la posició de qualsevol dels quatre sliders es
desencadena la acció
Primer llegeix la posició dels quatre sliders, assigna valor a les
variables i envia missatge_ordre de canvi de color
Joan Gelabert @gelabert_vich,
Josep Lluís Roma
Jesús Arbués @JesusArbues

More Related Content

Esp8266 + App Inventor + Neopixels