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
