Professional Documents
Culture Documents
Siquieres,puedescambiartuspreferenciasoampliarestainformacin.
Cmo?
MsLedos
Trucos
Adsl/Wifi
Desktop
Hogar
Mviles
Hardware
Aceptar
Videojuegos
Pasoapaso
AtrveteacreartuspropiasaplicacionesparaAndroid
Sumario
1.Ponapuntoelprograma
2.Paneldediseo
3.Tuprimerapantalla
4.Elementosnovisibles
5.Editordebloques
6.Utilizaelemulador
7.Creaunalista
8.Empaquetatuapp
9.PublcalaenGooglePlayStore
AppInventor
Sitienesunaideadeaplicacinperonoeresprogramador,AppInventorestusolucin.Conestecompletoentornogrfico,podrsdesarrollarsoftwareparaAndroidde
maneramuysencilla.
Siteinteresaelmundodelaprogramacindeaplicacionesmvilesybuscasunaherramientaquetefacilitelatarea,AppInventoresparati.AppInventoresun
entornodedesarrollovisualparaAndroidoriginalmentepropuestoporGoogleyfinalmenteimplementadoporelMIT(MassachusettsInstituteofTechnology)con
elapoyodelgiganteamericano.
Sugranventajafrenteaotrasplataformassimilareseslapotenciadesuentornodetrabajo:encontrarsmuchasfuncionesyadefinidasenformadebloquesyla
flexibilidadalahoradecombinarlastepermitirpotenciaralmximotucreatividad.
Sucarctergratuitolahacerecomendableparatodotipodeusuarios.Esos,siquieresexprimiralmximotodassusposibilidades,necesitarsunciertotiempode
adaptacinyaprendizajedelaherramienta.Loidealesquetengasunasmnimasnocionesgeneralessobreprogramacinparapoderdisearmsfcilmenteelflujode
accionesycomprenderenprofundidadlautilidaddecadabloque,aunquenosernecesarioquemodifiqueselcdigofuente.
AprendeenesteprcticocmoiniciarteenAppInventorylnzatealmercadodelasapps.Siademsrequieresmsinformacin,terecomendamosqueechesmano
delostutorialesqueencontrarsenlaseccinLearnyenReferenceDocumentation,paraconocerenprofundidadcadaunodelosbloques.
NIVEL:AVANZADO
1.Ponapuntoelprograma
VisitaenprimerlugarlaweboficialdeAppInventor.NecesitarstenerunacuentaGoo
gleparaaccederalservicio.AppInventorestcompuestoporunconjunto
deherramientasqueabarcanlasdiferentestareasenlaconstruccindelaaplicacin:diseo,definicindelcomportamientoysimulacin.Antesdepasarautilizarlas,
habrsdecomprobarquecuentascontodolorequerido.AcudealapginaoficialyseleccionaSetup.PinchaenTestyoursystemychequeatunavegador.
EsnecesariotenerinstaladoJavaylossistemasoperativossoportadossonMacOSX10.5/10.6,WindowsXP/Vista/7,Ubuntu8+yDebian5+.Cuandoacabes,
pinchaenDone?Letsmoveon!ypasarsaladescargadelsoftwaredeescritorioAppInventor.Enelltimopaso,escogesideseasprobartusaplicacionescontu
propiotelfonooutilizarelemulador.EsteltimosimularundispositivoAndroidquepodrsmanejaratravsdelordenadorcomosideunmvilrealsetratara.
2.Paneldediseo
Elpaneldediseoesaccesibledesdeelnavegador.Enlapginaprincipal,pinchaenInvent/CreateMobileApps.EnMyProjects,seleccionaNeweintroduceun
nombreparaelnuevoproyecto.Unavezdentro,exploratodassusopciones.
EnPalette/Basic,hallarsutilidadesbsicascomobotones,insercindeimgenes,cuadrosdetexto,etiquetasLasubseccinMediacontienecomponentescomo
accesoalacmaradefotosyvdeo,galeradefotografas,sonido,reproductordevdeoSocialincluyeloselementosnecesariosparaseleccionarcontactos,
nmerosdetelfonodelaagenda,correoselectrnicos
Sensors,porsuparte,nosbrindalaoportunidaddeutilizarsensoresparaobtenerinformacintalcomolalocalizacingeogrficaolaorientacindeldispositivo.Para
conoceralgndetallemssobrecadaunadeellas,pinchaenelsmbolodelainterrogacinqueencontrarsjuntoasuttulo.
3.Tuprimerapantalla
PinchaenScreen1enlaseccinComponents.Enlacolumnadeladerechaselistarnsuspropiedades.Estableceunaimagendefondocargndolacon
BackgroundImage.Paraquenosedistorsione,esconvenientequeutilicesunfondoplanooalgunodelostamaospordefectoparaestetipodepantallas.Carga
tambinotraimagenenIconparaquesirvadegrficoidentificativodelaaplicacinymarcaenScrollablesideseaspermitirelusodelscroll.
Ahora,aadeunbotnarrastrandohacialapantallaelelementoBasic/Button.SeleccinaloenComponentsyagregaunaimagendesdeImage.Eliminaeltextopor
defectoTextforButton1queapareceenelrecuadroTextyescogeunaformaenShapepuedesdecidirentrecircular,rectangularuoval.Incluyamostambinuna
cajadetextoconBasic/TextBoxconlaleyendaPinchasobreelicono.
Porltimo,siquieresredistribuirlasformasenlapantalla,juegaconlasopcionesdeScreenArrangement.CreaunatablaconTableArragementoestablecela
alineacinhorizontaloverticaldevarioselementosconHorizontalArrangementyVertical
Arrangement,respectivamente.
4.Elementosnovisibles
Sedenominannovisiblesporquenosemuestranfsicamenteenelpaneldediseo,comoporejemplolosarchivosdesonido.Pruebaaagregarunficheroatravsde
laopcinSourceenMedia/Sound.Elprocedimientoparaagregarestoselementoseselmismoqueparaaquellosvisibles:arrstralohaciaelvisor.
Aparecernlistadosenlaparteinferiordelpanel,bajoelepgrafeNonvisiblecomponents.OtroselementossimilaressonCamera,CamcorderoPlayer,aligualque
todoslosincluidosenlaseccinLEGOMINDSTORMS.Estaltimaincluyecomponentes,registradosbajolamarcaLego,quetepermitirnconstruirjuegosde
robtica.
5.Editordebloques
Antesdecontinuarintroduciendoelementos,vamosailustrarelprocedimientopararelacionarlosentres,utilizandoparaelloelbotnquehemoscreadoyelficherode
sonidocargado.PinchaenOpentheBlocksEditor.SegenerarunficheroJavaconextensinJNLPquedebersguardarentuPC.breloyaccedersaleditorde
bloques.AcudeahoraalapestaaMyBlocksyverslalistadetodoslosbloquesquehayasaadidoenelpaneldediseo.
SeleccionaButton1yobservasusopciones,queaparecernenformadepiezasdepuzzle.Haytiposdepiezasqueindicanaccionesyotrasparacomponentes.Tu
misinesencajarlasparaconseguirelcomportamientodeseado.Probemosaestablecerquealpincharsobrenuestrobotnsereproduzcanuestroficherodemsica.
Paraello,uneeneleditorlosbloquesButton1.ClickconSound1.Playylisto.
6.Utilizaelemulador
Graciasalemulador,podremosdesarrollarnuestrasaplicacionesinclusosinocontamosconunsmartphoneoesdeotramarca,ychequearsucorrecto
funcionamiento.Eneleditordebloques,pinchaenNewemulatorysedesplegaruntelfonoAndroidtpico.Paraconectareleditorconeltelfono,pinchaen
ConnecttoDeviceyseleccionaelemulador.Latransferenciadeinformacinpuedellegaratardardosotresminutos,asquetenpaciencia.Despus,accedeal
mendeaplicacionescomosideundispositivorealsetrataraypruebalatuya.
ElprocedimientoparautilizarunmvilAndroiddesdeeleditoresanlogo.ConctaloalordenadormedianteunpuertoUSBy,antesdeiniciarlasimulacin,
compruebaquetuconfiguracinesthabilitadaparahacerestetipodeusodeltelfono.Paraello,siguelospasosqueencontrarsenlapginaoficialdela
aplicacin.Recuerdaqueporahoralosarchivosseencuentranexclusivamenteentuordenador.
7.Creaunalista
VolvamosalpaneldediseoparaaadirelelementoListPicker,quepermitelaeleccinentreunaseriedeopciones.Esteestasociadoaunbotn,conelque
invitaremosalusuarioaescogerentrelalista.NosotrosharemoslanuestrapropiaconlosnmerosdePCActual.Despusacudealeditordebloquesparacrearuna
variableglobal,ennuestrocasoNmeros,conBuiltin/Definition/Variable.Luego,agregaelbloqueMakealist,queencontrarsenBuiltin/Definition/Lists,paradefinir
variasposibilidadesparalavariableglobal.
Finalmente,incluiremosbloquesTextcontantascadenasdetextocomovaloresatomar.Cuandotermines,debesindicarque,cuandosecarguelapantallainicial
Screen1,seinicialicelalistacreada.Paraello,uneunbloqueMyBlocks/Screen1/Screen1.InitializeconotroMyBlocks/ListPicker1.Elementsyesteasuvezcon
nuestravariableglobalatravsdeMyBlocks/MyDefinitions/globalNumeros.
CuandoelusuarioabralaaplicacinypincheennuestrobotnEscogeunnmero,semostrarnantellosnmerosdelarevistaquehayamosdeterminado.Para
indicarlaaccinarealizardespus,puedesutilizarelbloqueMyBlocks/ListPicker1.AfterPicking.
8.Empaquetatuapp
Siguiendoprocedimientossimilaresalosexplicados,pocoapoco,puedesiraadiendonuevasfunciones.Enelpaneldediseo,pinchaenAddScreensiquieresque
tuaplicacincontengamsdeunapantalla.NoolvidesguardarperidicamenteeltrabajoconSaveyestablecerunpuntoalqueretornarcuandoconsigasunhitoa
travsdeCheckpoint.Cuandoconsideresquehasfinalizadolaapp,buscaenlaesquinasuperiorderechaelmenPackageforPhone.
Encontrarstresopciones.Laprimer,ShowbarcodegeneraruncdigoQRasociadoatucuentayaplicacinyparatuusopropio.Parabajarteelprogramaatu
ordenador,escogeDownloadtothiscomputeryelcdigofuenteseguardarenformadearchivoAPK.Paradescargarlaentutelfonointeligente,optaporDownload
toConnectedPhoneyrecuerdaquenecesitarstenereleditordebloquesabierto,ascomoeldispositivoconectadoatuPCmedianteelpuertoUSB.
9.PublcalaenGooglePlayStore
Lapublicacindetuaplicacinnoesunpasoobligatorio,perosioptasporabrirlaalgranpblico,debessaberqueparapublicarlaenGooglePlayStoredebecontener
tantouncdigocomounnombredeversin.Elprimeroesunnmeroenteroqueindicasilaapphasidoactualizadaaunaversinsuperioroinferior.
Elsegundoesunacadenadetextoquetpicamenteespecificaestamismainformacincomo1.0,2.0,etc.Podrsdefinirambosenelpaneldediseo,enlos
apartadosVersionCodeyVersionName,ydebersactualizarlocadavezquequierassubirunanuevaversinalaRed.Despus,debersdescargar,comoyate
hemosexplicadoenelpasoanterior,elarchivoAPKentuordenador.
Porltimo,enlazaconGooglePlayStoreenhttps://play.google.com/apps/publish/signupysiguelasinstruccionesparaintroducirtusdatoscomodesarrollador,
cargarelficheroenlaplataforma,definirunadescripcinyestablecerunprecio.Lacuentadedesarrolladorestieneunacuotaderegistrode25dlares.Noolvides
tampococonsultarlapolticadecomisionesdeGoogleencasodequetuappnoseagratuita.
AppInventor
Caractersticas:EntornovisualparacreacindeaplicacionesAndroid
Contacto:MITAppInventor
Lomejor:Sugranvariedaddefuncionesyposibilidades
Lopeor:Dominartodassuscaractersticasnoresultasencillo
Valoracin:8,5
Calidad/Precio:8,5
Precio:Gratuito
ManuelArenas
Artculosrelacionados
Pasoapaso
DisfrutadeAndroidenpantallagrande
Juegaatusvideojuegosfavoritos,leelosSMSquetemandenyutilizalasaplicacionesdetusmartphoneapantallacompletadesdeunequiposobremesaoporttil
graciasalprogramagratuitoBlueStacks
Verartculo
EspecialTrucos
15consejosy10trucosparaalargarlabateradetumvil
Utilizamosnuestrosmvilesparahacercientosdecosasalda,perosutalndeAquilescontinasiendolaautonoma.Sigueestosconsejosparaestirarlabaterade
tuAndroidoiOS,ynotevolversaquedarcolgado
Verartculo
Etiquetas
Smartphones
Android
Aplicaciones
Software
AppInventor
Softwaregratuito
MIT