Anda di halaman 1dari 19

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

Escrit per Jos Luis Rederjo


dimecres, 20 de febrer de 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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

2 / 19

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

{
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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

Elementos de programacin en App Inventor

Veamos algunos de esos bloques de App Inventor:

5 / 19

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

En prcticamente
encajar
flujo.Las
todos
eltres
estos
testprimeras
obloques
pregunta
estructuras
que
puede
se devolver
hace
ver
soncomo
habituales
el programa
tenemos
enpara
la
enmayora
la
decidir
parte de
por
superior
los
donde
lenguajes,
un
continuar
espacio
la ltima,
su
para
ose
es
igual
ase
if-then-else
test.
con
la diferencia
de
que
permite
una
variable
en
funcin
de
que
se
cumpla
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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

En desarrollo.
que
un
funcionalidades
Bluetooth,
botn
lade
con
imagen
App
ocuadros
hacer
imagen,
Inventor
anterior
que
llamadas,
sino
tienen
se
no
tambin
pueden
slo
enviar
los
se
telfonos
dispone
ver
de
ytodos
recibir
otros
algunos
yde
muchos
tablets
mensajes,
objetos
de
estos
Android.
objetos
que
las
eventos.
coordenadas
que
Tenemos
nos
Dededan
esta
colocar
acceso
de
acceso
seleccin
posicin
abotones,
Internet,
la
a
las
pantalla
se
GPS,
etc.
como
etiquetas,
Tambin
son
de
elementos
color
se
que
puede
verde.
My
hayan
blocks
de
apreciar
Tienen
sido
texto,
es
colocados
este
como
etc.
donde
color
se
porque
manualmente
leen
los
eventos
oson
manipulan
parte
en
tienen
el
dese
entorno
las
la
lapueden
seccin
propiedades
estructura
diseo:
My
When
blocks
deen
los
evento
distintos
en
elaprecia
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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

Se puede
usuario.
MIT.
Internet
mismo
Por
interfaz
sin
En
tanto,
apreciar
que
App
da
podemos
tengamos
Inventor
las
que
seabrir
los
trata
que
proyectos
nuestros
llevar
para
de una
descargar
los
simple
se
proyectos
archivos
guardan
vista
el de
archivo
desde
en
del
unlistado
lalado
cualquier
nube,
del aproyecto
de
otro.
es
proyectos
ordenador
decir,
Ensicualquier
se
enproyecto
quiere.
hechos
los
conservidores
caso,
conexin
por
el del
a
Haciendo
clic
sobre
elopciones
botn
New,
inmediatamente
se
abrir
la
siguiente
pedir
ventana:
el
nombre
que
queramos
darle
al
e este

Se
de
En
usar
trata
ella
se
ningn
de
han
la
ventana
marcado
lenguaje
del
con
de
diseador
programacin,
nmeros
en
cada
labase
que
todo
una
se
de
elque
construye,
interfaz
sus
partes
grfico
mediante
principales:
que
va
el
a
ratn,
tener
sin
lasoltarlo
necesidad
aplicacin.
1.
Lapaleta
elementos
no
vdeo,
se
ven
etc.
en
grficos
la
pantalla
contiene
como
del
todos
cuadros
mvil,
los
de
como
elementos
texto,
botones,
que
de
podemos
lienzo
(TinyDB),
de
insertar
dibujo
acelermetro,
en
(Canvas)
yProperties
aplicacin.
cmara
de
Hay
que
2.
Viewer:
automticamente
mvil.
visor.
Los
Para
elementos
aadir
El
visor
se
un
desplazarn
que
elemento
de
la
no
pantalla,
tengan
alista
la
debajo
pantalla
visibilidad
simula
de
la
l
apariencia
hay
bajo
que
el
arrastrarlo
epgrafe
arrastrarlos
visual
Non-visible
que
desde
tambin
tendr
lanuestra
paleta
la
components
al
aplicacin
viewer
yelementos
yde
en
en
el
el
3.
Components
Cualquier
ah.
borrarlo.
Si
se
quiere
componente
borrar
muestra
que
alguno
haya
la
es
sido
en
de
la
arrastrado
los
componentes
de
componentes
ydatos
soltado
que
desde
donde
se
han
la
paleta
est
colocado
al
botn
visor
en
que
el
aparecer
proyecto.
permite
4.
Media
proyecto.
insertarlo
usando
Cualquier
muestra
este
archivo
las
apartado
distintas
de
imagen
para
imgenes
que
olista
audio
est
yhay
sonidos
disponible.
que
se
quiera
que
estarn
usar
en
disponibles
la
aplicacin
para
hay
el
que
5.
Properties:
aparecern
hacer
etc.
Windows
Para
clic
aquellos
o
sobre
Gambas
todos
un
cada
los
que
componente
en
detalles
hayan
vez
Linux
que
usado
le
que
en
ser
TextBox
se
el
antes
Viewerse
muy
puedan
se
familiar
entornos
podr
cambiar
seleccione
esta
cambiar
de
forma
desarrollo
ese
un
en
de
componente.
componente,
Properties
trabajar.
del
tipo
su
de
Por
en
color,
Visual
ejemplo,
texto,
Studio
al
fuente,
en
Este
necesario
editor.
con
pantalla
Java
es
Eso
el
un
Web
hacer
entorno
texto
har
Start.
clic
indicativo
que
en
en
Mientras
el
el
el
navegador
que
botn
de
se
se
la
disea
de
carga:
descarga
avise
la
esquina
la
de
aplicacin.
la
que
aplicacin
superior
va
ade
Para
descargar
derecha
aparecer
poder
con
una
realizar
en
el
aplicacin
la
texto
parte
lael
programacin
Open
inferior
que
the
arrancar
blocks
la
es
11 / 19

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

los
Esta
grfico.
blanco
mens
es
Se
la
aest
la
que
derecha
dan
apreciar
que
acceso
donde
usaremos
como
apantalla
se
irn
est
para
bloques.
arrastrando
dividida
hacer
los
en
los
dos
partes
que
de
muy
programacin
interaccionan
claras:
un
ymediante
con
a
la
el
izquierda
lienzo
interfaz
en
El
men
formado
por
tres
pestaas:Built-In
,programas
My
Blocksy
Advanced,
ellas
cada
aparecen
caso.
apropiedades
su
vez
distintos
mens
que
permitirn
los
bloques
yenorme
bajo
disponibles
cada
en
de
1.
dicho,
Built-In
distribuidos
contiene
en
las
los
secciones
bloques
que
Definition,
componen
Text,
el
lenguaje
Math,
de
Logic,
programacin
yver
propiamente
Colors.
2.
hayan
programa
My
sido
Blocks
colocados
sus
ya
se
en
ha
la
nombrado
yesos
eventos
Viewerdel
anteriormente
diseador
ybloques
contendr
para
poder
una
lista
acceder
de
los
elementos
el que
3.
comunes
tipo.
algunas
Por
Advanced
propiedades
ejemplo,
aapantalla
todos
es
los
al
una
colocar
elementos
que
pestaa
afecten
un
par
que
que
simultneamente
de
hemos
permite
botones
colocado
acceder
aparecer
aLists,
los
en
deseleccionar
el
forma
todos
Any
Viewer
Button
los
global
ybotones.
que
aControl
yalgunas
sean
seenchufado
podrn
de
propiedades
un
cambiar
mismo
ah
En
botones
ordenador
la
parte
que
opuede
superior
lanzar
dan
acceso
el
derecha
emulador.
a
conectar
del
editor
con
de
unbloques
telfono
de
Android
programacin
que
estuviera
se
pueden
tambin
aluna
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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

15 / 19

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

16 / 19

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

la
Para
este
programa
NumbersOnly
vamos
en
a hacer
sus
propiedades,
que
el
txtInput
talslo
como
se
ve
nmeros,
en
la
imagen
por
loalmacenando
anterior.
que
El propiedad
del
interfaz
de
diseador.
bloques
dedos
lade
aplicacin
programacin,
ya
est
que
completo,
sees
abrir
ahora
pulsando
hacer
en
el
botn
el
Open
mediante
the
Block
el
Editor
editor
Una
Definition,
vez
variables.
para
empezar,
Una
de
se
ellas
definen
una
mediante
lista
alist.
el
laacepte
bloque
que
se
que
haprograma
llamado
se
encuentra
en activamos
Built-in
lista_numeros.
bloque
uno
seabierto,
de
arrastra
los
nmeros
desde
Built-In->Lists->make
que
el
usuario
introduzca
aytoca
cuando
En
quiera
esta
listase
comparar
irn
varios.
Su->
cada

hay
La
momento
mximo
que
variable
yarrastrarlo
se
seael
recorrer
ir
se
almacenando
llama
desde
lista_numeros,
maximo
Built-in->Math->number
ah
yelsemayor
se
usar
irel
de
comparando
cuando
los
nmeros
el
usuario
cada
valor
pulse
que
el
Como
botn
contiene
Fin.
con
un
En nmero,
ese
el pulse
A continuacin
en
ese
botn
se
se
harn
programado
los
siguientes
evento
pasos:
Click
de
btnNuevo.
Cada
vez
queser
el usuario
Aadir
texto
de
txtInput
como
un
nuevo
elemento
derevisados.
lista_numeros
Poner
cero
el
texto
de txtInput
-otra
Asegurase
deha
que
lblResultado
tiene
texto
Introduciendo
nmeros

Finalmente
btnFin:
seaade
ha mayor
programado
la parte
ms
loaque
el usuario
pulsa
Primero
el
valor
que
haya
todava
en txtInput
a laocurre
lista cuando
de
elementos
continuacin
de
la
recorre
lista
lista_numeros,
los mximo
recorre.
asignando
una
variable
llamada
valorcada
uno
-losA
Si
un
nmero
comprueba
compleja,
valores
quesegn
mximo,
pasa
a ser
valor
17 / 19

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

Despus
de averiguar
el mximo
muestra
enningn
lblResultado
Reinicia
maximo
a 0 para
volver alo
empezar
- Vaca
lista_numeros
asignndola
de
nuevo sin
elemento

Es algo
Definitions
colocado
quiera
localizarlo
principio
tedioso
suele
en
en
porque
el
una
laocurrir
diseo
el
pestaa
sentencia,
tener
cada
que
hay
que
Built-In.
vez
el
que
bucle,
irusuario
que
buscarlo
se
Con
un
haga
no
la
encuentra
en
prctica
continuamente
referencia
My
un
Definitions,
se
texto
en
ahace
qu
una
ende
apartado
fcil
blanco
variable
las
encontrar
o creada
est
una
que
condicin
cada
cada
de
que
olas
Built-In
un
cosa,
necesita.
vez
componente
hay
que
pero
aque
se
My
al
En
posible
aplicacin
cualquier
cometer
se
caso,
encarga
errores
como
automticamente
de
todo
sintaxis.
el
programa
Se
puede
de
se
convertir
ha
ver
hecho
tambin
arrastrando
como,
omientras
strings
sin
yde
adefinir
soltando
nmeros
bloques
variables,
y viceversa.
no
es
derecha
Finalmente
todo
haponer
ido
del
podemos
bien.
editor
Para
de
probar
bloques
ello
pulsamos
en
ycambiando
nuestro
le
decimos
elnmero,
botn
mvil
que
Connect
o
en
transfiera
eltextos
emulador
to
el
Device...
programa
elpestaas
programa
allalo
dispositivo
esquina
ya
comprobar
superior
deseado.
sila

18 / 19

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


Escrit per Jos Luis Rederjo
dimecres, 20 de febrer de 2013 00:00

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

http://www.appinventorblocks.com/appinventor-tutorials-tips
12
13 http://notes.hfoss.org/index.php/AppInventor:Advanced_Tutorials
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

Anda mungkin juga menyukai