Taller 1 AppInventor

 Taller  Taller N°1 App Inventor Inventor

Adrián Rodríguez Camacho  Jeisson Alexander Alexander oler !uertas !uertas

 Tecnol"gica  Tecnol"gica Industrial Industrial Colom#iana$T Colom#iana$Teinco  Tecnología  Tecnología en istemas istemas % & emestre emestre 'ogotá ()C *+1, App App inve invent ntor or es un propro-ec ecto to ela# ela#or orad ado o por por .oog .oogle le /a#s /a#s00 #ao #ao el desa desarr rrol ollo lo de li#r li#rer ería ías s 2'loc 'loc3s 3s40 desarrollado por por el 5IT o

“Massachuse “Massachusetts tts Institute Institute of Technology”  echnology” 0 #ao #ao su lice licenc ncia ia li#r li#re e 65IT 65IT /icense7) 8l compilador 9ue traduce el lenguae de programaci"n en una visual en :orma de #lo9ues para la aplicaci"n en Android)

;ara ingresar se de#e tener una cuenta de .oogle creada0 en la página http<==appinventor)mit)edu=explore= 0 - oprimir la opci"n 2Create>4)

i es la primera vez en la cual se ingresa a esta página aparecerá un mensae como el siguiente0 para aceptar los t?rminos - condiciones de AppInventor)

/uego de eso aparecerá una pantalla como la siguiente0 donde se inicia AppInventor<

A Contin Continua uaci" ci"n n de eso -a es posi# posi#le le crear crear un nuevo nuevo propro-ect ecto o 9ue 9ue empezara de la siguiente manera<

8n el centro de la pantalla se puede o#servar el dise@o de la aplicaci"n0 a la iz9uierda todos los elementos disponi#les para ela#orar la aplicaci"n como lo son< 'otones0 tex#ox0 imágenes0 la#el0 chec3#ox0 etc) 8n la parte derecha se encuentran las propiedades de cada o#eto 9ue se va-a a utilizar0 para personalizar - dar un meor dise@o gráco a la aplicaci"n) ;ara empezar a programar se da clic3 en la opci"n 'loc3s o 'lo9ues aparecerá la siguiente pantalla<

8ste pro-ecto permite tomar la ;rogramaci"n orientada a o#etos0 en #lo9ues de comandos los cuales pueden ser ordenados de acuerdo al proceso 9ue vallan a realizar para cumplir con a9uella :unci"n< Como Como se pued puede e o#se o#serv rvar ar los los #lo9 #lo9ue ues s se encu encuen entr tran an en la part parte e iz9uierda de la pantalla - pueden ser seleccionados de * maneras0 de acuerdo al o#eto0 por eemplo en el #ot"n para 9ue al dar clic3 realiza alguna acci"n0 cam#ie de color0 direccione a otra pantalla etc) /a * manera es por medio de #lo9ues por temas0 9ue permiten varias opciones para agregar procesos0 -a de acuerdo así son texto0 valores0 l"gicos0 matemáticos0 varia#les0 etc)

Como primer desarrollo en esta aplicaci"n0 ela#oramos una aplicaci"n #ásic #ásica a de eer eercic cicio ios s matem matemáti áticos cos en tipo tipo de pregu pregunt nta a - respues espuesta ta00 en:ocado para ni@os<

u prog progra rama maci ci"n "n es senc sencil illa la -a 9ue 9ue al dar dar clic clic3 3 en algB algBn n #ot" #ot"n n le solicitamos0 9ue a#ra una nueva pantalla para indicar si la respuesta esta correcta o incorrecta

;ara eecutar la aplicaci"n es posi#le de * maneras desde la opci"n cone conect ctar ar00 la prim primer era a es un emul emulad ador or de andr androi oid d disp dispon oni# i#le le en http<==appinventor)mit)edu=explore=0para  eecutarla internamente)

/a segunda manera es por medio de un c"digo R0 el cual es posi#le valid validar ar desde desde cual9 cual9uie uierr celula celularr con con andro android id en la aplica aplicaci" ci"n n 5IT A=* Companion0 permitiendo pro#ar la aplicaci"n en cual9uier dispositivo)

A continuaci"n se encuentran la toma de capturas desde un martphone Android0 compro#ando 9ue la aplicaci"n corre - :unciona correctamente)