Uso de Appinventor en TICs

Uso de AppInventor en la asignatura de Tecnologas de la Informacin y la Comunicacin
Written by Jos Luis Rederjo

Wednesday, 20 February 2013 00:00
There are no translations available.
En el actual diseo del Bachillerato en Espaa se propone Tecnologas de la Informacin y la

Comunicacin como asignatura optativa. Entre los objetivos generales de esta asignatura se
puede leer Usar los recursos informticos como instrumento de resolucin de problemas
especficos o Integrar la informacin textual, numrica y grfica obtenida de cualquier fuente
para elaborar contenidos propios y publicarlos ... y formatos que faciliten la inclusin de
elementos multimedia decidiendo la forma en la que se ponen a disposicin del resto de
usuarios. Son muchos los profesores que ensean algn lenguaje de programacin como una
de las herramientas para alcanzar estos objetivos.
En este artculo se propone usar App Inventor 1 como parte del curriculum de esta asignatura.
App Inventor es al mismo tiempo un lenguaje de programacin, una herramienta de diseo y un
entorno de desarrollo de aplicaciones para mviles y tablets que funcionen con el sistema
operativo Android. App Inventor permite tambin ejecutar las aplicaciones en un emulador, por
lo que no es imprescindible disponer del telfono para probar los programas que se hagan.
1 / 19

App
que
se
En laInventor
Software
de
claramente
3 Massachusetts
est
construye fue
Libre
inspirado
siendo
imagen el bajo (MIT).
laylicencia
toma
Elpuede
desarrollado
siguiente
interfaz se
grficopor Google,
lenguaje
muchos
Apache
el de
la mismo
deapreciar ypero
elementos
2.0 MIT
aplicacin:
la en
deAgosto
programacin
su desarrollo
Scratch
desde
herramientaque
hace
dede
se
se 2011
traspas
usade
ms
diseoen
2
en fue
App
al
el Instituto
ocho publicado
Inventor
aos.
navegadorTecnolgico
est
como
con la que
2 / 19

Por qu App Inventor?
Casi todos los lenguajes de programacin tienen una sintaxis que al principiante le suena a
chino. Son una mezcla de ingls y extraas reglas de sintaxis. Como ejemplo, el programa ms
pequeo que se puede hacer en Java es algo as:
class Hola
{
public static void main(String [] args)
3 / 19

{
System.out.println("Hola mundo");
}
}
Es evidente que al aprender a programar la sintaxis provoca una curva de aprendizaje

significativa. Aunque hay lenguajes ms limpios en este sentido que Java, como Python,
siempre requiere invertir mucha prctica y tiempo en aprender los comandos, sus reglas de
escritura, sentido de los distintos signos de puntuacin, etc. Todo este tiempo es tiempo no
empleado en aprender a disear algoritmos para resolver problemas, tal y como peda el
primero de los objetivos de la asignatura de TIC.
Con App Inventor se aprende a programar usando bloques de programacin. Estos bloques
estn hechos con elementos comunes a la mayora de los lenguajes de programacin
existentes. Se colocan bloques para construir bucles, condiciones, variables, etc. que permiten
pensar lgicamente y solucionar los problemas de forma metdica, sin perder el tiempo en
encontrar el punto y coma o los dos puntos que estn donde no deben y producen errores de
compilacin o ejecucin.
4 / 19

Imagen
Creative
Es
estn
requiere
cada
que de
indica
Adems
hacen
1.
alumnos
hoy2.
3.
ensear
en 3:
de
bloque.Diagrama
Commons
traducidos
esperar
un en
pequeo
De
parte
que,
especialmente
instalada,
Es de
da
en los
software todosde
aparte
otros
al
su
elementos
programacin
buena
sus propios funcionamiento
esfuerzo
igual
funcin
modos,
idiomas.
que
adecuado:
libre,
multiplataforma:
con java web no de
olos
hicieron
elEn
pedaggicos,
es
start.
para
del necesario
requiere
telfonos
futuro slo
dispositivos
el
de fruto
la de
Reconocimiento-CompartirIgual
traduccin
bloques
componente
App
la
de App
la informtica
actualidad
conestn
deun Inventor
http://appinventor.mit.edu/explore/content/what-app-inventor.html
Scratch,
al
Inventory 3.0
estudiante
alclasificados
slo
que
adquisicin
navegador
mviles.
su trabajo.
Los en
es hacen
estn
el
tiene
de para
futuro
telfonosladisponibles
referencia.
mediante
entender
los
algunas
ylicencias
atractivomquina
ypara
las bloques
unqu
en bajo
criterio
ingls,
es
de
delo
caractersticas
por parte
virtual
tabletas
los del
alumnos licencia
App
de
que
lo
que
Java
estn colores
Inventor
profesor
poderque
hace
loy los
marcando
Elementos de programacin en App Inventor
Veamos algunos de esos bloques de App Inventor:
5 / 19

Sentencias
Al programar necesitamos a menudo decirle al ordenador que haga algo. En App Inventor
existen numerosos bloques que son sentencias de programacin. Se distinguen rpidamente
porque expresan una accin a realizar con un verbo en imperativo. Los ms habituales son call
,
set
y
def
(abreviatura de define). Adems, los bloques que son sentencias slo estn disponibles en dos
colores: azul para modificar variables o propiedades de un objeto y naranja para llamar a
funciones. En la imagen siguiente se ven algunos ejemplos de las sentencias para dividir un
texto en partes, convertirlo a maysculas, cambiar la altura, texto o visibilidad de un recuadro
de texto o definir una variable.
Condiciones
Con frecuencia necesitamos realizar distintas acciones en funcin de que ocurra o no algo. En
App Inventor para condicionar nuestro programa tenemos las estructuras if-then,if-then-else,
while y choose :
6 / 19

En prcticamente
encajar
flujo.Las
ose
es todos eltres
if-then-else
test.
con estos
testprimeras
la diferenciaobloques
pregunta
igual
de queestructuras
aseque
puede
se devolver
permite hace
ver
soncomo
habituales
el programa
tenemos
una enpara
la
enmayora
variable la
endecidir
parte de
por
superior
funcin los
dedonde
lenguajes,
que uncontinuar
seespacio
la ltima,
cumpla su
para
o no elcho ,
Bucles
Un bucle provoca la ejecucin repetida de varias sentencias. En App inventor disponemos de

los bucles while, for range y foreach.
El primero ejecutar el bloque de sentencias que se encajen en el apartado domientras se

cumpla la condicin que refleje el test. for range es el tpico bucle for de otros lenguajes de
programacin y, como tal, tiene las opciones de elegir el nombre de la variable que itera, su
comienzo, fin y el tamao de los saltos de iteracin. Finalmente,
foreach
es un iterador sobre los elementos de una lista.
Variables
7 / 19

Disponemos de las herramientas para definir y cambiar variables. El tipo puede ser numrico o
un texto y se declara al asignarle un valor por primera vez.
En el grfico anterior se ve como se declara una variable llamada total_alumnos y se le da un

valor numrico de 30. Adems se ven dos bloques muy importante en App Inventor. Su
lenguaje cuenta con una estructura de datos llamada list(lista) que es similar a los Arrays de
otros lenguajes de programacin. Se ve el bloque con el que se define la lista alumnos (se
define vaca al no aadirle ningn ite
m )
y tambin se ve el bloque en el que se le aaden dos elementos a la lista alumnos. En este
ejemplo se le aade el texto que contienen los cuadros de texto TextBox1 y TextBox2.
Eventos
Es indispensable que los programas que sean capaces de responder a la interaccin del
usuario con el interfaz. Es ah donde toman su importancia los bloques de App Inventor, para
ejecutar acciones en respuesta a los eventos que se produzcan en el telfono o el tablet.
El nombre de los distintos eventos dependen del objeto que los provoca. Un botn avisa de
cuando se ha hecho clic sobre l, mientras que el acelermetro avisa de cuando se ha agitado
el mvil, la mensajera de cuando se ha recibido un mensaje, el objeto de Twitter de cuando
hemos sido mencionados en esa red social, la cmara de fotos de cuando se ha hecho una
foto y as sucesivamente.
8 / 19

En desarrollo.
que
un
funcionalidades
Bluetooth,
botn
lade
con
imagen
etiquetas,
Tambin
son
de
elementos App
ocuadros
hacer
imagen,
color
sequeInventor
anterior
que
puedellamadas,
verde.
My
hayan sino
tienen
se
no
blocks
de tambin
apreciar
Tienen
sidopueden
slo
texto,enviar
los
es se
telfonos
dispone
ver
de
colocados
este
como
etc.
dondeytodos
color recibir
otros
algunos
se yde
porquemuchos
tablets
mensajes,
objetos
manualmente
leen
los de estos
Android.
eventos
oson objetos
que
las
manipulan
parte
en eventos.
dese
tienen
el coordenadas
que
Tenemos
lapueden
entorno
las
la nos
Dededan
seccinesta
colocar
acceso
propiedades
estructurade
acceso
seleccin
posicin
deen
diseo:
MyWhenabotones,
Internet,
la
a
blocks
los las
pantalla
se
GPS,
eventoelaprecia
distintos
en etc.
como
brjula,
entorno
do, y
Como usar App Inventor
App Inventor requiere que el ordenador tenga alguno de estos sistemas operativos:
- GNU/Linux: Ubuntu 8+, Debian 5+

- Macintosh (con procesador Intel): Mac OS X 10.5, 10.6
- Windows: Windows XP, Windows Vista, Windows 7
Necesita tambin de conexin a Internet (los programas y las aplicaciones se cargan siempre
desde Internet) y uno de los siguientes navegadores web con estas versiones mnimas:
- Mozilla Firefox 3.6, sin la extensin NoScript instalada

- Apple Safari 5.0
- Google Chrome 4.0
- Microsoft Internet Explorer 7
9 / 19

Se necesita tambin una cuenta de correo electrnico de Gmail y Java Web Start instalado en
el ordenador.
El software para ejecutar los programas se descarga de http://appinventor.mit.edu/explore/con

tent/install-app-inventor-software.html
, donde se elegir una opcin u otra dependiendo del sistema operativo que se est usando.
En el caso de Macintosh o Windows se dispone del tpico instalador para estos entornos. En
sistemas Gnu/Linux Debian o derivados se proporcionan los paquetes deb de instalacin
4
o la opcin de instalar directamente desde un archivo comprimido tar.gz

5
. Nota importante: En el caso de instalar en un sistema Linux de 64 bits es necesario

asegurarse de que estn instalados algunos paquetes para que el software funcione. En
6
se puede ver la lista de paquetes necesarios.
Este software permitir no solo ejecutar los programas en nuestro mvil o en el emulador, sino
que dispone adems de un intuitivo interfaz de depuracin que ayuda a encontrar errores de
programacin. Para que App Inventor pueda comunicarse desde el ordenador con el mvil
usando el cable USB es necesario ir a los ajustes del mvil ->Opciones de desarrollador y
activar la opcin Depuracin de USB.
Importante: Es conveniente instalar este software, pero no necesario para hacer los programas.
Si no se instala saldr un mensaje de error cada vez que se carga la aplicacin de desarrollo
avisando de que no encuentra el entorno de emulacin, pero se puede realizar el programa
igualmente.
Si el ordenador est conectado a Internet, dispone del sistema operativo y el navegador

adecuado y tiene Java instalado ya se puede empezar a programar. En el navegador hay que
introducir la direccin http://beta.appinventor.mit.edu/ . Entonces pedir nuestros datos de
acceso al correo de Gmail y, si es la primera vez que se accede, pedir permiso para usar esa
cuenta de correo. Una vez que se le concede el permiso se carga la siguiente pantalla:
10 / 19

Se puede
usuario.
MIT.
Internet
mismoPor
interfaz
Haciendo sin
En
tanto,
apreciar
que
App
clic
inmediatamente da
podemos
tengamos
Inventor
sobre
selas
que
elopciones
seabrir
los
botn
abrir trata
que
la proyectos
nuestros
llevar
New,para
de una
siguiente descargar
los
simple
se
pedirproyectos
archivos
guardan
ventana:
el vista
el de
nombrearchivo
desde
en
del
unlistado
quelalado
cualquier
nube,
del aproyecto
de
otro.
queramos es
proyectos
ordenador
decir,
Ensicualquier
darle se
enproyecto
al quiere.
hechos
los
conservidores
caso,
conexin
por
e este
el del
a
Se
de
En usar
trata
ella
1.
vdeo,
se
2.
mvil.
visor.
3. se
ningn
de
Viewer:han
Lapaleta
elementos
no ven
etc. en
automticamente
Los
Para la ventana
marcado
lenguaje
grficos
la
elementos
aadir
Components
Cualquier
ah.
borrarlo.
Si se quiereEl pantalla
contiene
componente como
visor
se
un
borrar delcon
de
deldiseador
programacin,
todos
desplazarn
que
elemento
de
muestra
que la
no
alguno nmeros
cuadros
mvil,los
pantalla,
tengan
haya
la es de
alista
la en
como
debajo
sido
en cada
labase
elementos
texto,
pantalla que
visibilidad
simula
de
la de todo
una
arrastrado
olista
los la
l se
yhay de
elque
botones,
que
de construye,
interfaz
sus
ydatos
apariencia
hay
bajo
componentes
de que
el partes
podemos
lienzo grfico
mediante
principales:
(TinyDB),
de
insertar
arrastrarlo
epgrafe
componentes
soltadoarrastrarlos
visual
que
desde que
dibujo va
el
acelermetro,
en
(Canvas)
Non-visible
que
desde
donde
se han
la tambin
tendr
paleta
est
colocado a
ratn,
tener
lanuestra
paleta
la sin
lasoltarlo
components
al necesidad
aplicacin.
yProperties
aplicacin.
cmara
yelementos
aplicacin
viewer ydede
en
enHay
que
el
el
4.
5.
hacer
etc.
Windows
Este Media
proyecto.
insertarlo
necesario
editor.
con
pantalla
Java
es Eso
el
unusando
Cualquier
Properties:
aparecern
Para
clic Web muestra
aquellos
osobre
Gambas
todos
hacer
entorno
texto
har un este
cada
los
Start.
clic archivo
que las
apartado
indicativo
que
enen distintas
componente
endetalles
hayan
vez
Linux
Mientras
el
el el de
que
navegador
quebotn
de se imagen
usado
le
que
se
la enpara
disea
de imgenes
ser
TextBox
se
el
carga: que
antes
descarga
avise
la audio
est
Viewerse
muy
puedan se
esquina
la de sonidos
disponible.
familiarque
entornos
podr
cambiar
aplicacin.
laque se
seleccione
esta
aplicacin
superior
va Paraquiera
que
cambiar
ade de
formaestarn
usar
desarrollo
ese
un
ende
descargar
derecha en
componente.
componente,
Properties
aparecer
poder trabajar.
con
unadel
realizar
eneltipo lael
disponibles
la
aplicacin
la
texto al
su
de
partebotn
visor
aplicacin
Por
en en
para
color,
Visual que
el
aparecer
hay
ejemplo,
programacin
Open proyecto.
el permite
texto,
inferior
que que
Studio
the al
fuente,
arrancaren
blocks
la
es
11 / 19

Al terminar
mvil aparecer
la carga,
estesimensaje:
no est instalada la aplicacin que permite la ejecucin o simulacin del
Tras aceptar el mensaje aparecer por fin el editor de bloques de programacin:
12 / 19

los
Esta
grfico.
blanco
El
En mens
men
ellas
cada1.
dicho,
2.
hayan es
programa
3.
comunes
tipo.
algunas
botones My
ordenador
la Se
la
aest
sido
Por
parte aapantalla
aparecen
caso.
Built-Inla
que
opuede
Blocks
Advanced
que derecha
distribuidos dan
colocados
sus
propiedades
ejemplo,
todos
superior
lanzar
dan ya
es apreciar
formadoque
contiene
en
los
alacceso
se
una
acceso
el donde
enusaremos
por
apropiedades
su vez
las
los
ha
derechala
colocar como
apantalla
se
tresyesos
distintos
nombrado
elementos
que pestaa
afecten
emulador.
a un irn
est
para
bloques.
eventos
par
que
conectar
del que arrastrando
dividida
hacer
pestaas:Built-In
secciones
bloques mens
que que
Definition,
Viewerdel los
componenen
anteriormente
simultneamente
dehemos
permite
editor
conbotones
de los
,programas
Text,dos
Myybloques
permitirn
el
diseador
colocado
acceder
aparecer
unbloques
telfono de partes que
de
muy
Blocksy
aLists,
lenguaje
Math,
contendr
los
en elpara
forma
todos
AndroidAny programacin
de interaccionan
claras:
Advanced,
deseleccionar
Logic,
poder
una
Viewer
Button
los
global
programacin
que los
lista un
acceder
ybotones.
que
estuviera
se de yenorme
bloques
programacin
aControl ymediante
los
yalgunas
sean con
a
bajo lael
izquierda
lienzo
interfaz
disponibles
yvercada
elementos
seenchufado
puedenpodrn
de aluna
propiamente
Colors. en
en
de
el que
propiedades
un cambiar
mismo
tambin ah
los
Programando
La mejor forma de ilustrar la forma de trabajar con App Inventor es mediante un ejemplo hecho
paso a paso. En la pgina oficial hay un enlace bien visible llamado Teach donde se puede
acceder a decenas de ejemplos y tutoriales de uso. Es casi un clsico empezar con la
aplicacin Hello Purr en la que un gatito maulla al pulsar en la pantalla 7 . Se pueden
encontrar por Internet tambin ejemplos avanzados
8
que usan bases de datos y el reconocimiento de voz

9
o desarrollos curriculares completos. En concreto, hay varios

10
11
que estn orientados para alumnos del primer curso universitario en facultades de ciencias, y
13 / 19

con pequeas adaptaciones para disminuir la dificultad de los proyectos propuestos pueden ser
usados en 1 de Bachillerato en la asignatura de TIC.
En lugar de seguir el criterio habitual en los tutoriales que muestran cmo hacer aplicaciones
visuales para los mviles, a continuacin se expondr cmo hacer una aplicacin con un
interfaz sencillo en el que prime ms la parte de solucin de problemas. Para ello , vamos a
hacer el ejercicio tpico en los cursos de lenguajes de programacin de decir cul el mayor
nmero de entre tres o ms.
Primero hay que hacer el diseo en el navegador, usando el diseador de App Inventor. En la
paleta, en la seccin Screen Arrangement se escoje un VerticalArrangement y se suelta
sobre la pantalla del Viewer. El componente VerticalArrangement es para forzar una
distribucin vertical de los componentes que se suelten sobre l. As se asegura que la
disposicin de los elementos en la pantalla es en vertical, independientemente del tamao y los
componentes que pongamos.
Despus se aade, sobre el VerticalArrangement1, un TextBox (de la pestaa Basic), un

HorizontalArrangement y un Label. Despus se aaden dos Button sobre el
HorizontalArrangement con lo que se asegura que los botones van a estar siempre colocados
uno al lado del otro, en horizontal.
Debe quedar una pantalla como la siguiente:
14 / 19

Para
pantalla
objetos
nts
pulsar
Renameque
.btnFin yque
al
En este escuando
conveniente
se han
botn sepuesto
lblresultado
programa haga
darles
elenprograma
renombramos elnombres
paso anterior
podamos
identificativos
el cuadro dehay identificar
quelos
texto, de
seleccionarlos
subien
funcin.
botones los objetos
y el Para
en elrenombrar
label aapartado
que estnCompone
los
en yla
txtInput,btnNuevo,
15 / 19

Una vez que han sido renombrados los objetos, a algunos de ellos se le cambian las
propiedades.
16 / 19

la
Para
El propiedad
del
Una este
interfaz
de programa
diseador.
bloques
Definition,
bloque
cada vez NumbersOnly
dedos
lade
seabierto,
uno de
arrastra
los vamos
aplicacin
variables.
para en
a hacer
programacin,
ya
empezar,
nmeros
desde Una sus
est
dese propiedades,
queque
ellas el
completo,
sees
definen txtInput
abrir
una talslo
ahora
mediante
Built-In->Lists->make
que el usuario lista
introduzca aytoca
pulsando como
laacepte
alist.
el se
hacer
en
bloque
cuandoqueEnel
seve
nmeros,
en
botn
el
que
quiera
esta la
haprogramaimagen
llamado
se por
Open loalmacenando
anterior.
que
en activamos
mediante
the
encuentra
listase
comparar irn Block
varios. el
Editor
editor
Built-in
lista_numeros. Su->
hay
La
momento
mximo
-otra
que variable
yarrastrarlo
se
seael
A continuacin
en ese botn
Aadir
Poner recorrer
Aseguraseir
se se
almacenando
se llama
harn
deha
texto
cero desde
el lista_numeros,
maximo
Built-in->Math->number
programado
de los ah yelsemayor
siguientes
txtInput
texto
que como
de txtInput
lblResultado se
usar
irel
evento
pasos:
un de
comparando
cuando
los
Click
nuevo
tiene nmeros
de el usuario
cada
derevisados.
btnNuevo.
elemento
texto valor
pulse
Cada que
el
Como
vez
lista_numeros
Introduciendo botn
nmeroscontiene
queser
Fin. con
un
En nmero,
ese
el pulse
el usuario
Finalmente
btnFin:
de Primero
-losA
Si seaade
elementosha mayor
programado
continuacin
valores de
un el
la valor
recorre
lista quela parte
quesegn
nmero haya ms
lista_numeros, compleja,
todava
los mximo
comprueba
mximo, recorre.
asignando
pasa loaque
en txtInput
a ser a laocurre
una lista cuando
variable
valor el usuario
llamada pulsa
valorcada uno
17 / 19

Despus
Reinicia
- Vaca de averiguar
maximo el mximo
a 0 para
lista_numeros volver alo
asignndola muestra
empezar
de enningn
nuevo sin lblResultado
elemento
Es algo
Definitions
colocado
quiera
localizarlo
principio
En haponer
posible tedioso
aplicacinsuele
en
en
cualquier
derecha porque
el
una
cometer
Finalmente
todo idose
del laocurrir
diseo
el
pestaa
caso, sentencia,
tener
encargacada
errores
podemos
bien.
editor que
como
Para
de hay
que
Built-In.
vez
el
que
bucle,
irusuario
que
ycambiando
buscarlo
automticamente
detodo
probar
bloques
ello sintaxis.
el
pulsamos
en se
Con
un
haga
no
elnmero,
programa
Se
nuestro
le la
decimosencuentra
en
prctica
continuamente
referencia
My
puede
de
botnse un
Definitions,
se
texto
convertir
mvil
queha
ver enahace
hechoqu
una
tambinende
eltextos
Connect
o en
transfiera apartado
fcil
blanco
variable
omientras
las encontrar
elpestaas
arrastrando
como,
emulador
to el strings
Device... o creada
sin
programa est
una
que
yde allalo
condicin
adefinircada
cada
de
soltando
nmeros
programa que
olas
yaBuilt-In
un
cosa,
necesita.
vez componente
hay
que
bloquespero
aque
variables, se
My
y viceversa.
dispositivo
esquina
comprobar no
superior al
sila
deseado. es
18 / 19

Podemos
haber
aplicacin
que
poder
En
de
breve
App
1
2
3 laquisiramos
yconectado
ver
web
todos iroficial
yel
Inventor enmodificando
yelconsultar
flujo
concisamente
cada dispositivo.
depurar,
al mvil
del
de
uno tanto
obloques
tambin
programa,
App
delos
http://appinventor.mit.edu/ al
Adems,
emulador
elvalores
Inventor
los
las programa
bloques
dudas yexiste
enun
existe
que yuna
caso
deun
sedesistema
ver
de
bloques
que
en para
variables,
completa
disponibles
es puedan
sitio ideal de
tiempo
surgir
para hubiera
como
etc.
el depuracin
real
elerrores
referencia
al lenguaje
hacer diseo
como
13 12en
familiarizarse
los
de
https://groups.google.com/d/msg/app-inventor-announcements/jTfW1d2OMxo/t55dux2btvYJ
http://scratch.mit.edu/ grfico
cambia
la lgica
muy
programas.
que lasdespus
el
ladiseo
del
completo
programacin.
con
explica programa
dede lade
para
posibilidades
funcionalidad
Explica
4
5
6
7
8
9 http://dl.google.com/dl/appinventor/installers/linux/appinventor-setup_1.1_all.deb
http://dl.google.com/dl/appinventor/installers/linux/appinventor-setup_1.1.tar.gz
Hay
Wheezy que o instalar
superior lib32stdc++6
o ia32-libs-core
y lib32ncurses5.
en Debian Squeeze
Adems
http://gigaom.com/mobile/hands-on-with-googles-android-app-inventor/
http://www.appinventorblocks.com/appinventor-tutorials-tips o se
inferior
debe instalar ia32-libs en Debian
13 http://notes.hfoss.org/index.php/AppInventor:Advanced_Tutorials
10
11
12 https://sites.google.com/a/usfca.edu/cs107/home
https://sites.google.com/site/appinventoredu
http://beta.appinventor.mit.edu/learn/reference/other/testing.html
http://beta.appinventor.mit.edu/learn/reference/
19 / 19

Uso de Appinventor en TICs

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Uso de Appinventor en TICs

Uploaded by

Copyright:

Available Formats

Uso de AppInventor en la asignatura de Tecnologas de la Informacin y la Comunicacin

Written by Jos Luis Rederjo

There are no translations available.

En el actual diseo del Bachillerato en Espaa se propone Tecnologas de la Informacin y la

Written by Jos Luis Rederjo

Written by Jos Luis Rederjo

Por qu App Inventor?

Written by Jos Luis Rederjo

Es evidente que al aprender a programar la sintaxis provoca una curva de aprendizaje

Written by Jos Luis Rederjo

Veamos algunos de esos bloques de App Inventor:

Written by Jos Luis Rederjo

Written by Jos Luis Rederjo

Un bucle provoca la ejecucin repetida de varias sentencias. En App inventor disponemos de

El primero ejecutar el bloque de sentencias que se encajen en el apartado domientras se

Written by Jos Luis Rederjo

En el grfico anterior se ve como se declara una variable llamada total_alumnos y se le da un

Written by Jos Luis Rederjo

- GNU/Linux: Ubuntu 8+, Debian 5+

- Mozilla Firefox 3.6, sin la extensin NoScript instalada

Written by Jos Luis Rederjo

El software para ejecutar los programas se descarga de http://appinventor.mit.edu/explore/con

o la opcin de instalar directamente desde un archivo comprimido tar.gz

. Nota importante: En el caso de instalar en un sistema Linux de 64 bits es necesario

se puede ver la lista de paquetes necesarios.

Si el ordenador est conectado a Internet, dispone del sistema operativo y el navegador

Written by Jos Luis Rederjo

Written by Jos Luis Rederjo

Tras aceptar el mensaje aparecer por fin el editor de bloques de programacin:

Written by Jos Luis Rederjo

que usan bases de datos y el reconocimiento de voz

o desarrollos curriculares completos. En concreto, hay varios

Written by Jos Luis Rederjo

Despus se aade, sobre el VerticalArrangement1, un TextBox (de la pestaa Basic), un

Debe quedar una pantalla como la siguiente:

Written by Jos Luis Rederjo

Written by Jos Luis Rederjo

Written by Jos Luis Rederjo

Written by Jos Luis Rederjo

Written by Jos Luis Rederjo

You might also like