1/6/2016

AppInventorPracticas
0

Ms Siguienteblog

Crearblog Acceder

App Inventor Practicas

Blog dedicado a publicar aplicaciones en app inventor y arduino

jueves, 28 de abril de 2016

Base de Datos con App Inventor 2

QUE ES APP INVENTOR ?

AppInventoresunaPlataformadedesarrolloparadispositivosandroidoriginalmentecreadaporelMIT(Institutotecnolgico
deMassachussetts)yqueahoraperteneceaGoogleLabs,
Paradesarrollaraplicacionesconappinventoresnecesariotenerunacuentadegmailyopcionaluntelfonootabletcon
sistemaoperativoandroid,sinosedisponedelcelularsepuedeusarelemuladorquetraelaaplicacinuotraexternacomo
BluestacksApp.
Appinventortrabajacontrespantallasunaladeldiseadorgrficoquesetrabajaonlineconlaweb,lasegundapantallaesel
editordebloquesparaelcualesnecesarioprimeroinstalarjavaennuestroordenadorsieselcasoylatercerapantallaesel
emuladordondepodemosvereinteractuarconnuestraaplicacinentiemporealaunquetododependedenuestraconexina
internet.
ParaconfigurarelappinventorloprimeroquedebemoshaceresingresaralapginadelMITappinventor.mit.edu/explore/para
locualdebemosusarunbuscadorqueseamozillafirefoxogooglechromeenwindows,safarienmac,elinternetexplorerno
funciona,tambinsiositeenmosqueabrirunacuentaengoogle.Despuesdeingresaralapginanosvamosarecursos
(Resources),GetStartydamosclicenSetupinstruccionesdondeaparecentresopcionesparausarlaaplicacin,usarel
emuladoronline,laaplicacinennuestrocelularotabletviawifioconectarelcelularalpcviacableusb.Amiparecerlamas
fcilesusarunlectordecdigoQR(lopodemosdescargardeplaystore),despusdehacerlaaplicacinobtenemoselcdigo
delaopcinBuilddelabarradetareassuperioryescogemosApp(provideQRcodefor.apk),seguidonosaparecerelcdigo
elcualdebemosescanearconnuestrocelularyprocederainstalarlo.
Sescogemoslaopcin2debemosdescargaraiStarterquenosservirparapoderusarelemuladordeuncelularenelpc,
despusdeinstaladoledamoscliceneliconoyluegonosvamosalapantallaprincipaldelaplataformadedesarrolloydamos
clicenConnectyluegoenEmulador,despusdeunosminutosseabrirelcelularvirtualmostrandonosnuestraaplicacin.
YaconfiguradoelpcyelcelularpulsamoselbotncreatedelapginaprincipaldelMITelcualnosllevaranuestracuentade
googledondedebemoslogearnos,luegodeestonosmuestraotrapginadondenospreguntasidamospermisodecompartircon
MITnuestrocorreoelectrnico,aceptamos,seguidoapareceotrapginaconlosTrminosycondiciones,ledamosaceptaryya
conestopodemosempezarausarlaplataforma.Lesdejounlinkdeyoutubeparaqueveanelprocedimiento:
https://www.youtube.com/watch?v=r8nBf3F0jGU

PROYECTOS:

BasedeDatos:

http://electrosistemascali.blogspot.com.co/

1/4

1/6/2016

AppInventorPracticas

Enestaentradavamosadesarrollarunabasededatosqueconsisteenpasaryalmacenar
datosentredospantallasconlaayudadelcomponenteTinyDB.
Loprimeroquedebemoshaceresseleccionarproyectonuevo,lecolocamosunnombre
quehagareferenciaalaaplicacin.
Nosaparecelaprimerapantallavacadondevamosaarrastrardelainterfazdeusuario
ubicadaenlacolumnaizquierdaelcomponenteListpicker,enlacolumnaderecha
propiedadesenelcuadrodetextolecolocamosunnombreenestecaso"seleccione",en
laventanaquediceElementsFromStringescribimosloselementosaseleccionardela
lista,enestecasoRojo,Azul,Verde,Amarillo.
Enelcuadrotextoescribimoselnombrequequeremosquemuestrelalista
Seleccione,.
UtilizamosunBotnsiguienteelcualalpresionaralmacenaeldatoseleccionadoy
nosllevaaotrapantallaenlacualnosmuestralaopcinseleccionada,paraalmacenar
eldatoseleccionadousamosdelelementotinyDBlaopcin(storevalue)almacenar
valor.
Creamosotrapantallaquevamosallamaropciones,enestapantallavamosausarun

http://electrosistemascali.blogspot.com.co/

2/4

1/6/2016

AppInventorPracticas

Creamosotrapantallaquevamosallamaropciones,enestapantallavamosausarun
LabelquedigaSeleccioneelTamao,usaremos5Checkboxparaseleccionarel
tamaodelapinturadegalon,galon,1galon,1balde,1cuete.
AgregamosunBotnalcualllamaremosSiguiente,alpresionarestebotnnos
muestraelresultadodelaseleccindelasdospantallasenunapantallaemergentepara
locualvamosautilizarelcomponenteNotifier,paraestapantallatambinvamosa
utilizarelcomponenteTinyDBelcualdebetenerelmismonombredelqueusamosen
laprimerapantalla.
Cuandopresionamoselbotnsiguientedelasegundapantallavamosalmacenandolos
botonescheckboxqueseseleccionaronyalmacenaresevalorenunavariableque
llamaremosTamao,conunavariabledecontrolifthenvamosapreguntarsiel
checkbox1estseleccionadoono,siestseleccionadoguardamosesevalor,conun
segundoifthenvamosaunireldatoanterioryelnuevodatoconlaayudadelaopcin
JointdelcomponenteText,conunsegundoJointvamosaunirloquehabaenglobal
TamaomselsegundoCheckbox,antesseteamosunavariableglobalquellamaremos
globalTamaoyenellaseirnguardandolosdatosseleccionados.Estemismo
procedimientolousamosparalaopcin3,4y5,entoncesenlavariableglobalTamao
tenemoselvalortotaldelasselecciones.
AhoraparamostrarelresultadovamosausarunNotificadorparaellousamosla
opcinShowMessageDialog,utilizamosunJointdelcomponenteTextparaunirlo
queseleccionamosdelapantallaanteriorconlaopcinGetValuedelcomponente
TinyDBenelTaglecolocamoselnombrecolorquedebeserelmismoqueusamosen
laprimerapantalla,dondedicevaluelfTagNothere,valornoencontradocolocamosNo
seencontrningndatoasociado,conlaayudadeotroJointunidoalJointanterior
unimoslavariableglobalTamao.,dondedicetitleenlaopcinshowmessagedialog
colocamosunTagquedigaSupedidoyenButtonTextAceptaryconestodamos
porterminadonuestraaplicacin.
Porultimodejoellinkparaquepuedanverelfuncionamientodelaaplicacin:
https://www.dropbox.com/s/dma4cy1ymt68253/BasedatosPantallas%20%282%29.ap
k?dl=0
Publicado por mares250 en 10:37:00

No hay comentarios:

Recomendar esto en Google

Pgina principal
Suscribirse a: Entradas (Atom)

Datos personales
mares250
Ver todo mi perfil

Archivo del blog

2016 (1)
abril (1)
Base de Datos con App Inventor 2

http://electrosistemascali.blogspot.com.co/

3/4

1/6/2016

AppInventorPracticas
Plantilla Travel. Con la tecnologa de Blogger.

http://electrosistemascali.blogspot.com.co/

4/4