You are on page 1of 6

Estesitiowebutilizacookiespropiasydeterceros,tcnicas,analticasypublicitarias.Sicontinasnavegando,consideramosqueaceptassuuso.

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