ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 5

Artculo de Tapa

Blockly For PIcAXE:

SImulAr y ProgrAmAr un mIcrocontrolAdor
ES muy FcIl

Blockly for PICAXE es una poderosa herramienta de programacin visual gratuita para
generar programas de microcontroladores PICAXE. Apilando bloques coloreados uno sobre otro,
se puede generar rpidamente un programa de control. Este simple mtodo de programacin de
click'n'drag (clicar y arrastrar) permite a los estudiantes desarrollar rpidamente secuencias de
control para proyectos de microcontroladores de la vida real.
Blockly se puede ejecutar en un navegador web en casi cualquier dispositivo que tiene una
conexin a Internet. Para uso sin conexin Blockly est incrustado en el programa Editor de PICAXE
y tambin est disponible como una aplicacin independiente de Chrome.

www.picaxe.com

Saber Electrnica 5
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 6

Artculo de Tapa
IntroduccIn

Blockly se puede utilizar de 3 maneras diferentes:

1) Dentro de PE6 (PICAXE Editor 6) que es el principal entorno de programacin de PICAXE

(Windows)
2) Como una aplicacin independiente (Windows / Mac / Linux / Chromebook)
3) En el sitio web www.picaxecloud.com (con cualquier navegador)

Los 3 mtodos comparten exactamente el mismo cdigo fuente Blockly y funcionan de man-
era similar en todas las plataformas. Sin embargo, PE6 contiene un motor de simulacin ms
potente.
La amplia gama de bloques especficos PICAXE permite al usuario controlar dispositivos de
salida, tales como motores y LEDs conectados al microcontrolador PICAXE. Podemos activar o
desactivar los dispositivos en secuencias usando: temporizacin, conteo, repeticin y decisiones
basadas en seales procedentes de sensores digitales y analgicos conectados al microcontro-
lador PICAXE.
Esta seccin del manual explica cmo se usan los bloques ms comunes, dando ejemplos de
los bloques y tcnicas comunes en el contexto de posibles proyectos escolares.

InIcIo rpIdo

Si no est familiarizado con el enfoque del programa para construir sistemas de control, es
una buena idea comenzar por familiarizarse con los bloques ms utilizados, que son: Salidas,
Espera, Motor y Entradas.

1. Cmo ConStruir, Editar y probar EjECutar un programa

2. SalidaS
Esta seccin muestra cmo cambiar dispositivos de salida y motores conectados a salidas de
un PICAXE, utilizando salidas, motores, sonidos y juegos; tambin indica cmo el bloque Serout
se puede utilizar para la salida de informacin en serie desde el microcontrolador PICAXE.

3. EntradaS
Esta seccin muestra cmo verificar el estado de los sensores digitales conectados a un
microcontrolador PICAXE.
Uso del bloque de entrada; cmo usar el bloque de interrupcin para la respuesta instantnea
a sensores digitales; cmo usar el bloque de decisin variable para hacer uso de lecturas de sen-
sores analgicos conectados a un microcontrolador PICAXE en un sistema de control, etc.

4. rEtraSoS
Esta seccin muestra cmo crear demoras y temorizaciones para hacer pausas o hacer
dormir al micro.

5. proCEdimiEntoS
Esta seccin muestra la tcnica de construir un sistema de control como un nmero de sub-
conjuntos vinculados en sistemas.

6 Saber Electrnica
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 7

Programar y Simular PICAXE con Blockly

6. matEmtiCaS y VariablES
En esta seccin se muestra cmo crear sistemas de conteo utilizando bloques Aumentar y
Disminuir; cmo la sincronizacin se puede incorporar en un sistema de control; cmo se usan
expresiones y bloques aleatorios para dar un valor a una variable; cmo se utilizan los bloques
de lectura y escritura para almacenar y acceder a valores de variables utilizando la memoria EEP-
ROM del microcontrolador PICAXE, etc.

7. bloquES aVanzadoS
Esta seccin muestra cmo usar algunos de los bloques de comandos PICAXE ms avanza-
dos.

SeccIn 1. cmo conStruIr, edItar y SImular en Blockly

Dijimos que Blockly se puede usar desde PE6, desde su propia aplicacin o directamente
desde la web.
Por lo tanto, segn qu est usando, haga lo siguiente:

Si usa PE6 (desde el programing editor)- Haga clic en el botn de la cinta "Nuevo bloque".
Si usa la App (desde el propio blockly)- Haga clic en Proyecto> Nuevo.
Si programar desde Web (dese la web)- Inicie sesin y haga clic en Proyecto> Nuevo.

La pantalla Blockly es similar a:

Saber Electrnica 7
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 8

Artculo de Tapa
rea de trabajo - es el rea de la derecha donde se crea el programa.

caja de herramientas - Esta es la coleccin de bloques disponibles para arrastrar al esce-

nario.

panel de Simulacin - Esto muestra la simulacin animada cuando el programa se ejecuta

'en pantalla'. En PE6 el Panel de Simulacin se ve ligeramente diferente, pero realiza la misma
tarea.

Idioma - Blockly ha sido traducido a un nmero de idiomas diferentes. Clickea en el

Seleccionado actualmente en la parte superior derecha (por ejemplo, 'ingls') para seleccionar un
nuevo idioma.

Seleccin del tipo de pIcaXe correcto - Antes de que se cree el programa, se debe selec-
cionar el tipo de chip del microcontrolador PICAXE y el puerto de descarga COM por el que se
descargar el programa al PICAXE.

PE6 - Utilizar la aplicacin Explorador

App- Utilizar el men Configuracin

8 Saber Electrnica
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 9

Programar y Simular PICAXE con Blockly

Tenga en cuenta que si tiene un chip PICAXE incorrecto seleccionado, los pines de entrada /
salida disponibles mostrados en las listas desplegables del bloque no sern precisos.
Si no ve un puerto llamado 'AXE027 PICAXE USB' asegrese de que el cable de descarga del
AXE027 est correctamente insertado y que el controlador (si es necesario) tambin se haya
instalado. Para ms detalles sobre cmo hacerlo, visite www.picaxe.com/axe027.

nota:
Esta seccin trata solamente de dibujar el programa. Los detalles de cmo utilizar los bloques
individuales se dan ms adelante.

aadIr un Bloque nuevo

Arrastre el bloque requerido de la caja de herramientas y colquelo en el espacio de trabajo.

La mayora de los bloques tienen una lista desplegable de opciones que se utilizan para alterar el
funcionamiento del bloque.

Algunos otros bloques tienen una posicin de entrada de "pieza de rompecabezas" en la que
se puede soltar otro bloque, por ejemplo, puede soltar una constante (nmero) o una variable en
este bloque.

Si falta un bloque, pueden aparecer el icono "!" y la advertencia, esta advertencia desapare-
cer automticamente cuando se inserte el bloque.
Los bucles y bloques de decisin tambin permiten que otros bloques se apilen dentro de ellos,
por ejemplo:

Saber Electrnica 9
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 10

Artculo de Tapa
Bloque de InIcIo

El bloque de inicio o Start marca el punto donde el programa comienza a ejecutarse.

Cuando se reinicia o se alimenta el microcontrolador PICAXE, el programa se inicia en el

primer bloque de arranque. Cada programa debe tener al menos un bloque de inicio. Un pro-
grama dejar de funcionar cada vez que se alcance un bloqueo de parada.
Para piezas PICAXE-M2 puede tener hasta 8 bloques de Inicio en cada programa. Los blo-
ques New Start se encuentran en la seccin Tareas de la caja de herramientas.

movIendo BloqueS

Para mover un solo bloque o una pila de bloques, seleccione el bloque superior y arrstrelo a
su nueva posicin.

amplIacIn y elImInacIn

En la parte inferior derecha de la pantalla Blockly hay 4 iconos:

10 Saber Electrnica
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 11

Programar y Simular PICAXE con Blockly

Para eliminar un bloque tiene tres opciones:

1) arrstrelo a la "papelera"
2) presione la tecla Supr en el teclado
3) haga clic derecho y seleccione 'Eliminar Bloquear'

Tenga en cuenta que como todos los programas necesitan un bloque de inicio, el primer bloque
de inicio no puede eliminarse.

cortar, copIar y pegar

Utilice las opciones Cortar, Copiar y Pegar del men de EDICIN para cortar o copiar y pegar
los bloques seleccionados, o una pila de bloques, y pegarlos ya sea en otra parte del mismo pro-
grama o en un programa diferente.
Alternativamente, puede hacer clic derecho y seleccionar 'Duplicar Bloques'.

cuadrcula

La cuadrcula puede ser ocultada o visualizada por medio de los ajustes de Blockly (Blockly
Settings). Cuando se visualiza la cuadrcula, los bloques se ajustan automticamente al punto de
cuadrcula ms cercano.

cmo comentar loS BloqueS

Puede ser til dejar comentarios en su programa para decirle a otras personas cmo funciona.
Los bloques de comentarios se encuentran en la seccin 'Avanzado'.

Saber Electrnica 11
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 12

Artculo de Tapa
etIquetado de un Bloque

Puede ser til dar a un bloque un comentario que identifica para qu se utiliza, por ejemplo:
"LED del interruptor encendido". Para aadir un comentario, haga clic con el botn derecho sobre
el bloque y seleccione 'Aadir comentario'.

Aparecer un nuevo cono '?', al hacer clic en el cono se mostrar el comentario y se podr
editar. El comentario de bloque no afecta el funcionamiento de un bloque; son slo una etiqueta
para para leer.

camBIo de nomBre de entradaS y SalIdaS

Puede ser til cam-

biar el nombre de una
entrada o salida (Pin)
para recordar para qu
se utiliza. Para hacer
esto, haga clic derecho
sobre un bloque y selec-
cione 'Input / Output
Table' o seleccione este
elemento en el men
principal 'Settings'.

A continuacin, se
pueden introducir nom-
bres para todas las
entradas y salidas.

12 Saber Electrnica
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 13

Programar y Simular PICAXE con Blockly

Despus de introducir los nombres, se guardarn en el archivo Bloqueado y aparecern en el
men desplegable de seleccin de pin en todos los bloques.

Para eliminar una etiqueta, simplemente cambie la etiqueta como su valor predeterminado (por
ejemplo, B.0) en la tabla de entrada / salida.

cmo proBar el FuncIonamIento de un programa

Antes de descargar un programa a un microcontrolador PICAXE, es til poder comprobar que

funciona de la manera en que deseamos. Simulacin tiene una serie de caractersticas que le
permiten probar / ejecutar el programa en el software.

1. El panEl dE SimulaCin

A medida que se ejecuta un programa, el Panel Digital muestra los cambios de salidas en fun-
cin del estado de las entradas (que los podemos ajustar) mientras vemos cmo va corriendo el
programa, es decir, cmo sera si el programa hubiera sido descargado a un microcontrolador
PICAXE.

Saber Electrnica 13
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 14

Artculo de Tapa
2. SimulaCin dE EntradaS digitalES

Para cambiar el estado de una entrada simplemente haga clic en la entrada en el panel de
simulacin. Pasar de gris (apagado) a amarillo (encendido).

3. SimulaCin dE EntradaS analgiCaS

Para cambiar el valor de una entrada analgica, haga clic con el botn derecho en el pin de
entrada para visualizar el deslizador radial. Gire el control deslizante segn sea necesario.

4. EjECutar y dEtEnEr

Para probar la ejecucin de un programa, haga clic en el botn Ejecutar en la barra de her-
ramientas o presione <Ctrl> + <F5>
Para detener un programa en ejecucin, haga clic en el icono Detener. A medida que el pro-
grama se ejecuta, el flujo de control es resaltado para que pueda seguirlo. Si desea disminuir la
velocidad a la que se resalta el flujo, se controla mediante el control deslizante de retardo de sim-
ulacin.

5. puntoS dE intErrupCin

Haga clic con el botn derecho en un bloque para agregar un indicador de punto de interrup-
cin. Cuando la simulacin llega a este punto el programa se detendr.

6. ViSualizaCin dE VariablES

Si su programa utiliza variables, podr consultar el cambio de valores de cualquiera de las

variables que se utilizan en el programa ya que se mostrar el valor a medida que se ejecuta el
programa.

Si usa la App, las variables se vern de la siguiente manera:

14 Saber Electrnica
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 15

Programar y Simular PICAXE con Blockly

En PE6 - Las variables se muestran en Code Explorer

7. SimulaCin En tiEmpo rEal

Si se desea, tambin es posible simular un programa

en la pantalla, pero con las entradas y salidas conec-
tadas directamente en el PICAXE, interactuando con la
simulacin. Se llama 'Simulacin en tiempo real (RTS).
Cuando se utiliza RTS es importante darse cuenta de
que es la computadora, no el chip PICAXE, quien est
realizando el procesamiento. El chip PICAXE est
enviando continuamente el estado de las entradas
conectadas al cable de descarga al ordenador para su
procesamiento.

Saber Electrnica 15
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 16

Artculo de Tapa
Hay tres pasos para realizar RTS:

1) Conecte el chip PICAXE a travs del cable de descarga. Recuerde que las salidas en serie
compartidas (por ejemplo, la salida C.0 en chips 08M2 o 14M2) se dedicarn a la comunicacin
de simulacin RTS.

2) Haga clic en el men Simulador> Descargar Communicator Program. Esto descarga el pro-
grama RTS 'runtime' en el chip PICAXE.

3) Haga clic en el men Simulador> Conectar. Si todo est bien, el LED en pantalla cambiar
de amarillo a verde y ahora podr iniciar su simulacin en tiempo real.

deScarga de un programa en un chIp pIcaXe

El procedimiento que vamos a describir es vlido tanto si usa PE6 como la App de Blockly,
pero no si est trabajando en la nube (dese el navegador).

1. Conecte su proyecto PICAXE al ordenador mediante el cable de descarga USB AXE027 (la
placa electrnica).
2. Conecte la alimentacin a la placa de circuito PICAXE, normalmente 3 x pilas AA (4.5V).
Nota; Su chip PICAXE, si ya est programado, puede comenzar a ejecutar el programa desde
su memoria - esto no afectar el proceso de programacin.
3. Haga clic en el botn Programa en el men PICAXE o presione <F5>.
4. Aparecer la ventana de progreso de programacin.
Los tiempos de programacin varan dependiendo del tipo de chip y la cantidad de cdigo de
programa - cuanto mayor es el programa, ms largo es el tiempo de programacin.
5. Si tiene xito, la programacin se completa cuando desaparece la barra de progreso.

Si tiene dificultad para programar, pruebe el procedimiento de reinicio de hardware como se

describe en la parte 1 del manual PICAXE.
Si Ud. est trabajando en la nube (desde un navegador) no podr descargar el programa, ya
que los navegadores Web no permiten que los sitios web accedan al puerto USB de su com-
putadora. Esta es una restriccin de seguridad muy sensible. Por lo tanto, la versin en lnea de
Blockly no puede programar su chip directamente (de la misma manera que la aplicacin y las
versiones PE6).
La versin en lnea le permitir guardar en su computadora un "archivo .axe" que es una ver-
sin compilada de su programa PICAXE.
A continuacin, debe utilizar la aplicacin Chrome Programmer (www.picaxe., Com / progapp)
para descargar el archivo .axe en el chip PICAXE.

uSo de la aplIcacIn cloud programmer

1. Conecte su proyecto PICAXE al ordenador mediante el cable de descarga USB AXE027.

2. Conecte la alimentacin a la tarjeta de circuitos PICAXE, normalmente 3 pilas AA (4.5V).
Nota; Su chip PICAXE, si ya est programado, puede comenzar a ejecutar el programa desde
su memoria - esto no afectar el proceso de programacin.

16 Saber Electrnica
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 17

4. Abra el archivo .axe deseado y seleccione el puerto COM correcto.

5. Haga clic en el botn Programar. Aparecer la ventana de progreso de programacin.
Los tiempos de programacin varan dependiendo del tipo de chip y la cantidad de cdigo de
programa - cuanto mayor es el programa, ms largo es el tiempo de programacin.
6. Si tiene xito, la programacin se completa cuando desaparece la barra de progreso.

Si tiene dificultad para programar, pruebe el procedimiento de reinicio de hardware como se

describe en la parte 1 del manual PICAXE.

vISualIzando y uSando BaSIc

Blockly tambin es capaz de convertir cualquier programa completo en BASIC o Javascript.

BASIC es un lenguaje basado en texto que se utiliza en todo el mundo para programar todo,
desde microcontroladores PICAXE a computadoras personales.
Javascript es un lenguaje de programacin muy comn usado para desarrollar sitios web.

por qu convertIr?

Aunque los bloques son fciles de entender y rpidos para construir, los lenguajes de progra-
macin BASIC ofrecen ms complejidad a los usuarios de nivel avanzado y la capacidad de
encubrir un programa en BASIC ofrece una forma de aprender cmo se escriben los programas
BASIC.

convertIr un programa en BaSIc

1. Disee su programa de forma normal y prubelo usando las herramientas de simulacin del
programa.
2. Convertir a PICAXE BASIC:

Saber Electrnica 17
ArtTapa - Blockly:ArtTapa 10/7/17 07:05 Pgina 18

Artculo de Tapa
en App - Haga clic en la pestaa "BASIC".
en PE6 - Haga clic en el botn 'Convert To BASIC'

A continuacin, se muestra la ventana de texto BASIC que contiene la conversin de su pro-

grama.

Tenga en cuenta que tambin es posible visualizar la ficha BASIC en PE6, para ello utilice la
opcin File> Options> Diagnostics> Blockly> 'Display BASIC'.

notas:
Slo los bloques que estn conectados al bloque de inicio en su programa se convierten.
No es posible convertir desde BASIC hacia atrs a los bloques.
Con el bloque BASIC puede agregar secciones de BASIC en un programa.

Para obtener informacin completa sobre el uso de BASIC para programar chips PICAXE,
consulte el sitio web de PICAXE en www.picaxe.com.

En la prxima edicin continuaremos con la edicin de este manual, explicando cmo progra-
mar en Blockly para alterar el estado de las salidas.

18 Saber Electrnica