Documentos de Académico
Documentos de Profesional
Documentos de Cultura
v=eLVeBVQzhJg
http://www.taringa.net/posts/hazlo-tu-mismo/13917534/Como-crear-unasencilla-App-para-Android-iPhone-iPad-y-HTM.html
Una vez hemos decidido cual ser la plantilla sobre la que trabajaremos pulsamos Select y
nos aparecer un formulario donde nos piden la informacin con la cual nuestra app
aparecer en la App Store de Apple o en el Android Market. Introducimos el nombre de la
aplicacin, la categora dentro de la cual la catalogaremos en la web de iBuildApp, una
descripcin, unos tags o palabras clave, la direccin web y una imagen de 512x512 pixel que
ser el icono que representar la aplicacin.
Una vez le damos a Create, nos preguntan en que plataforma queremos la aplicacin,
Android, iOS o en ambas, y la el formato horario (24 o 12 horas).
En esta pantalla de edicin podemos elegir el color de fondo que queramos, sustituir el logo
que viene por defecto ycolocar nuestro logo, o una frase slogan, o lo que queramos. En esta
plantilla en concreto tenemos 6 widgets a los cuales podemos cambiar el botn por los
nuestros personalizados y asignarles a cada uno la funcin que queramos dentro de las que
nos vienen como predeterminadas. Para eso pulsamos en el widget que queramos modificar
en el iPhone que nos aparece en pantalla y nos aparecen a la derecha las opciones que
tenemos, son las siguientes:
HTML Page (enlazar a una web) / RSS Atom Feed (actualizaciones de un blog) / Twitter /
Facebook / Contacts / Google Maps / Google Calendar / Photo Albums / Media / Events /
News / Tap to Call (pulsamos icono y se lanza una llamada ) / Tap to Mail (pulsamos icono y
se abre el mail) / Audio Stream / Video Stream / eBook / eCommerce
Como podis ver existen bastantes posibilidades para cada widget... con un poco de
imaginacin se pueden hacer cosas realmente chulas. Una vez que hemos terminado
volvemos a pasar por la pantalla de informacin para confirmarlo todo o hacer algn cambio.
El ltimo paso es la pantalla de publicacin de la aplicacin. Aqu tenemos diferencias
grandes entre iOS y Android. Si elegimos iOS tendremos que estar dado de alta como
developer y por tanto pasar por caja para poder enviar la aplicacin que generemos a la App
Store de Apple y esperar su aprobacin.
Ejemplo 2
Espero que les sirva tanto como a m!! hasta prontooo tanringueros!!!.
conceptos ms especficos (como por ejemplo puede ser el acceso al GPS) ser
mucho ms sencillo.
Los 20 conceptos que trataremos en la seccin Aprende Android en
20 conceptos son los siguientes:
0. Empezando
1. Fundamentos de una aplicacin
2. Recursos de una app
3. La clase Activity
4. La clase Fragment
5. View personalizada
6. Adaptadores (Adapter)
7. La clase Intent
8. Receptores de mensajes broadcast (Broadcast Receiver)
9. Prefencias de una app (Shared Preferences)
10. Bases de datos SQLite
11. Servicios (La clase Service)
12. Tareas asncronas (La clase AsyncTask)
13. Gestores de contenidos (Content Provider)
14. La barra de acciones ActionBar
15. Notificaciones
16. Orientacin del dispositivo
17. Animaciones
18. Widgets
19. Otros conceptos
20. Informacin adicional
La seccin ser semanal, pero introduciremos ms de un concepto cada
semana, a partir de la prxima semana. En esta semana nos preocuparemos
Una vez en la web, basta con que le demos al link que dice Download the SDK, y
nos bajar una versin del entorno de desarrollo Eclipse, personalizada para
Android y ya preparada con el ltimo SDK, el plugin ADT, as como
emuladores sobre los que poder testear nuestra aplicacin.
En el pasado Google I/O (2013), anunciaron tambin el nuevo IDE Android
Studio, el cual podemos tambin utilizar en lugar de Eclipse, pero debemos
saber que an estn en fase beta. Desde la misma pgina podrs acceder a la
informacin al mismo.Nosotros ya hemos hablado antes de este nuevo IDE,
pero en este tutorial utilizaremos Eclipse.
Una vez abrimos nuestro entorno de desarrollo, podemos descargarnos todas
las versiones de Android si queremos, as como otros paquetes extra. Para
ello utilizaremos el Android SDK Manager.
Por otro lado, podremos crear tantos emuladores de dispositivos Android como
queramos: con distintos tamaos de pantalla, distintas versiones de Android
Para ello, debemos utilizar el Android Virtual Device Manager (ADB), al cual
podemos acceder desde Eclipse o desde la va de comandos de nuestro sistema
operativo:
DDMS
Llegados a este punto, nuestro ordenador est preparado para crear nuestra
primera aplicacin Android. Para ello, nos basaremos en los pasos que Google
nos recomienda seguir para una sencilla app. Toda esta informacin la
podremos encontrar en unos trainings que Google nos tiene preparados:
Formacin (Trainings) sobre Android de Google
Creando un nuevo proyecto Android
Nuestra seccin hoy terminar siguiendo el segundo enlace, donde crearemos un
nuevo proyecto Android. Para ello, seguiremos los siguientes pasos:
1. Haz click en New
2. En la ventana que aparece, abrir la carpeta Android y elegir Android Application
Project
3. En la siguiente ventana, debemos introducir el nombre de nuestra aplicacin, el
nombre del proyecto y el nombre del paquete (ste ser unico para nuestra app,
pues sera el ID que Google Play utilizar para identificar la aplicacin).
Tambin introduciremos la versin de Android mnima requerida, as como la
versin con la que compilaremos (generar nuestra aplicacin a partir del cdigo)
nuestra aplicacin.
4. Tras rellenar todos los campos segn necesitemos o queramos, nos vamos a la
siguiente pantalla, donde dejaremos las opciones seleccionadas por defecto.
5. En la siguiente pantalla, podremos crear un icono para nuestra aplicacin. Para
ello, sera ideal echar un vistazo a las guas de diseo de Android con respecto a
lo que a iconos se refiere.
Con esto, tendremos nuestro particular Hola mundo con el que siempre
empezamos a programar cuando utilizamos una nueva API (tambin vimos
cmo crear un Hola Mundo en AndroidStudio). Para ejecutarlo, basta con
tener un dispositivo real conectado o lanzar un emulador y hacer click en el
botn Run (un crculo verde con el icono Play en blanco).
Con esta informacin bsica, damos por terminada la seccin hoy. La prxima
semana entraremos de lleno en esos 20 conceptos que creo que nos
ayudaran a tener mucho ms claro cmo esta organizara la estructura de la API
de Android y, por tanto, nos facilitarn las cosas para tener claro cmo desarrollar
nuestras aplicaciones.
NIVEL:AVANZADO
2. Panel de diseo
El panel de diseo es accesible desde el navegador. En la pgina principal, pincha
en Invent/Create Mobile Apps. En My Projects, selecciona New e introduce un
nombre para el nuevo proyecto. Una vez dentro, explora todas sus opciones.
En Palette/Basic, hallars utilidades bsicas como botones, insercin de
imgenes, cuadros de texto, etiquetas La subseccin Media contiene
componentes como acceso a la cmara de fotos y vdeo, galera de fotografas,
Sensors, por su parte, nos brinda la oportunidad de utilizar sensores para obtener
informacin tal como la localizacin geogrfica o la orientacin del dispositivo.
Para conocer algn detalle ms sobre cada una de ellas, pincha en el smbolo de
la interrogacin que encontrars junto a su ttulo.
3. Tu primera pantalla
Pincha en Screen 1 en la seccin Components. En la columna de la derecha se
listarn sus propiedades. Establece una imagen de fondo cargndola
con BackgroundImage. Para que no se distorsione, es conveniente que utilices un
fondo plano o alguno de los tamaos por defecto para este tipo de pantallas.
Carga tambin otra imagen en Icon para que sirva de grfico identificativo de la
aplicacin y marca en Scrollable si deseas permitir el uso del scroll.
Ahora, aade un botn arrastrando hacia la pantalla el elemento Basic/Button.
Seleccinalo en Components y agrega una imagen desde Image. Elimina el texto
por defecto Text for Button 1 que aparece en el recuadro Text y escoge una forma
en Shape; puedes decidir entre circular, rectangular u oval. Incluyamos tambin
una caja de texto con Basic/TextBox con la leyenda Pincha sobre el icono.
Por ltimo, si quieres redistribuir las formas en la pantalla, juega con las opciones
de Screen Arrangement. Crea una tabla con TableArragement o establece la
alineacin horizontal o vertical de varios elementos
con HorizontalArrangement y VerticalArrangement, respectivamente.
4. Elementos no visibles
Se denominan no visibles porque no se muestran fsicamente en el panel de
diseo, como por ejemplo los archivos de sonido. Prueba a agregar un fichero a
travs de la opcin Source en Media/Sound. El procedimiento para agregar estos
elementos es el mismo que para aquellos visibles: arrstralo hacia el visor.
Aparecern listados en la parte inferior del panel, bajo el epgrafe Non-visible
components. Otros elementos similares son Camera, Camcorder o Player, al igual
que todos los incluidos en la seccin LEGO MINDSTORMS. Esta ltima incluye
5. Editor de bloques
Antes de continuar introduciendo elementos, vamos a ilustrar el procedimiento
para relacionarlos entre s, utilizando para ello el botn que hemos creado y el
fichero de sonido cargado. Pincha en Open the Blocks Editor. Se generar
un fichero Java con extensin JNLP que debers guardar en tu PC. brelo y
acceders al editor de bloques. Acude ahora a la pestaa My Blocks y vers la
lista de todos los bloques que hayas aadido en el panel de diseo.
Selecciona Button 1 y observa sus opciones, que aparecern en forma de piezas
de puzzle. Hay tipos de piezas que indican acciones y otras para componentes. Tu
misin es encajarlas para conseguir el comportamiento deseado. Probemos a
establecer que al pinchar sobre nuestro botn se reproduzca nuestro fichero de
msica. Para ello, une en el editor los bloques Button1.Click con Sound1.Play y
listo.
6. Utiliza el emulador
Finalmente, incluiremos bloques Text con tantas cadenas de texto como valores a
tomar. Cuando termines, debes indicar que, cuando se cargue la pantalla
inicial Screen1, se inicialice la lista creada. Para ello, une un bloque My
Blocks/Screen1/Screen1.Initialize con otro My Blocks/ListPicker1.Elements y este a
su vez con nuestra variable global a travs de My Blocks/My Definitions/global
Numeros.
Cuando el usuario abra la aplicacin y pinche en nuestro botn Escoge un
nmero, se mostrarn ante l los nmeros de la revista que hayamos determinado.
Para indicar la accin a realizar despus, puedes utilizar el bloque My
Blocks/ListPicker1.AfterPicking.
8. Empaqueta tu app
Siguiendo procedimientos similares a los explicados, poco a poco, puedes ir
aadiendo nuevas funciones. En el panel de diseo, pincha en Add Screen si
quieres que tu aplicacin contenga ms de una pantalla. No olvides guardar
peridicamente el trabajo con Save y establecer un punto al que retornar cuando
consigas un hito a travs de Checkpoint. Cuando consideres que has finalizado la
app, busca en la esquina superior derecha el men Package for Phone.
quieras subir una nueva versin a la Red. Despus, debers descargar, como ya
te hemos explicado en el paso anterior, el archivo APK en tu ordenador.
App Inventor
Valoracin: 8,5
Precio: Gratuito
- See more at:
http://www.pcactual.com/articulo/zona_practica/paso_a_paso/paso_a_paso_software/125
44/crea_una_aplicacion_para_los_dispositivos_android.html#sthash.hVXQddNn.dpuf
http://appinventor.mit.edu/explore/ai2/setup.html
http://xn--diseorapido-4db.es/app-yet-vs-app-inventor-crea-tu-aplicacionandroid/