Upload
others
View
3
Download
0
Embed Size (px)
Citation preview
2 Así de fácil: manual para desarrollar apps educativas con Andromo
Manual de Andromo adaptado por disanedu.com 3
Índice
Primeros pasos con Andromo. ........................................................................ 5
Tipos de actividades. ....................................................................................... 7
Las actividades. .............................................................................................. 8
Actividad About. ................................................................................. 9
Actividad Audio Player. ...................................................................... 12
Actividad Contact. .............................................................................. 16
Actividad Custom Page. .................................................................... 18
Actividad Email. ................................................................................. 19
Actividad Facebook. .......................................................................... 20
Actividad Flickr. ................................................................................. 21
Actividad Google Play. ....................................................................... 23
Actividad HTML Archive. ................................................................... 25
Actividad Map. ................................................................................... 28
Actividad PDF. ................................................................................... 31
Actividad Phone. ................................................................................ 32
Actividad Photo Gallery. .................................................................... 33
Actividad Podcast. ............................................................................. 35
Actividad SHOUTcast Radio. ............................................................. 37
Actividad RSS Feed. .......................................................................... 39
Actividad Twitter. ............................................................................... 42
Actividad Website. ............................................................................. 45
Actividad YouTube. ........................................................................... 47
Estilo de la app. ............................................................................................... 49
Pestaña Dashboard (salpicadero). .................................................................. 49
Pestaña Buid (construir). ................................................................................. 52
Mis Proyectos. ................................................................................................. 53
4 Así de fácil: manual para desarrollar apps educativas con Andromo
Manual de Andromo adaptado por disanedu.com 5
Primeros pasos con Andromo
Andromo.com es un sitio web que te permite crear aplicaciones para Android de una forma fácil, sólo tienes que seguir estos tres pasos: 1. Crear un proyecto: Cada proyecto que cree en su cuenta Andromo representa una
aplicación para Android. 2. Añadir actividades a su proyecto: Las actividades son las que dan la funcionalidad
a tu aplicación. Para que tu aplicación pueda hacer todo lo que necesitas hay que añadir actividades a la misma.
3. Construir el proyecto: La construcción del proyecto generará la aplicación Android. Esta terea se realiza cuando hayas terminado, o cuando quieras probar, esto generará un archivo APK que podrás instalar en cualquier dispositivo Android.
También puede ver este vídeo de corta duración, que le ayudará a realizar el proceso: Creación de su primera aplicación Android usando Andromo.com 1. Crear un proyecto
Como se mencionó anteriormente, un proyecto de Andromo representa una aplicación para Android. Si deseas crear una aplicación para Android utilizando Andromo lo primero que tenemos que hacer es registrarnos, para ello picaremos en Sign Up y completaremos los datos:
Si ya estamos registrados picaremos sobre Login e introduciremos nuestro correo electrónico y contraseña, de esta forma accederemos a nuestra cuenta Andromo. Allí podremos ver un gran botón verde en el que haremos clic en para crear un proyecto:
Después nos pedirá el nombre de su proyecto. El nombre del proyecto será lo que sus usuarios finales verán en su dispositivo Android, pero no se preocupe demasiado con el nombre del proyecto ya que podrá cambiarlo más adelante en la pestaña App Info. Si ya hemos creado algún proyecto, al entrar un Andromo veremos en listado de nuestras aplicaciones que nosotros podremos modificar pulsando su botón Edit.
6 Así de fácil: manual para desarrollar apps educativas con Andromo
2. Añadir actividades
Las actividades van a dar la funcionalidad a su aplicación Android, así que tras crear el proyecto iremos a la pestaña Actividades. Hay 19 tipos de actividades diferentes con las que podremos crear nuestra aplicación. Podemos añadir tantas actividades como queramos pero una apuesta segura es incluir al menos cuatro actividades por aplicación. Siga leyendo este manual o consulte la ayuda para crear actividades para obtener más información sobre los diferentes tipos de actividades disponibles y cómo podemos hacer uso de ellas. 3. Construir (Build) el proyecto
Es el proceso de transformación del proyecto Andromo en un archivo APK Android. Un APK Android es un archivo único que representa su aplicación Android. Este es el fichero que el usuario final instalará en su dispositivo Android. Esta tarea se realiza cuando esté satisfecho con su aplicación, o cuando se quiere probar lo que ha creado hasta ahora. La construcción de su proyecto es muy fácil, simplemente vamos a la pestaña Build y hacemos clic en el botón verde Generar Mi App!.
Una vez que el proceso de construcción se haya completado, nos enviará un correo electrónico con un enlace a su archivo APK de Android, el enlace de descarga también estará disponible dentro de su cuenta de Andromo, en la pantalla de entrada.
Una vez que tiene el enlace a su APK Android puede instalar la aplicación en cualquier dispositivo Android y publicar su aplicación a Google Play .
Manual de Andromo adaptado por disanedu.com 7
Tipos de actividades
Una vez creado el proyecto deberemos ir añadiendo las actividades, para ello iremos a la pestaña actividades y en el apartado Add an Activity iremos picando sobre uno de los siguientes 19 iconos que nos ofrece.
Las actividades que hayamos creado y guardado podrán ser modificadas en cualquier momento, sólo hay que pulsar sobre el botón Edit, o podemos eliminarlas pulsando sobre Delete.
8 Así de fácil: manual para desarrollar apps educativas con Andromo
Las actividades
Vamos a ver paso a paso cómo se configura cada uno de los diferentes tipos de actividades aunque nuestra app puede estar compuesta sólo por las que a nosotros nos resulten más adecuadas para satisfacer nuestras necesidades.
Nombre de la app
Imagen
Icono
Nombre de la actividad Actividades
Manual de Andromo adaptado por disanedu.com 9
Actividad About
La actividad Acerca de se utiliza para mostrar información acerca de usted, su empresa, su centro educativo y/o su aplicación. Puede mostrar información tal como su nombre, título, descripción y enlaces a sitios donde los usuarios pueden ampliar información. Ejemplo de pantalla
Añadir una actividad Aboot
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Acerca de. Configuración de la actividad
Esta actividad contiene los siguientes ajustes: Nombre de la actividad En este campo introduciremos el nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Puede escribir lo que quiera, pero debe describir lo que intentamos mostrar. Por ejemplo, "Sobre nosotros". Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla y en la barra de acciones desplegable. De forma predeterminada las actividades se muestran en la aplicación publicada en el orden en que han sido creadas. Esto es porque cada elemento tiene una posición por defecto de 100. Sin embargo, usted puede organizar fácilmente los iconos de las actividades como más le guste. Los números más bajos se muestran antes. Por ejemplo, si usted tiene 3 actividades con la posición 100, 200 y 300 la actividad con el 100 aparece en primer lugar.
Nombre de la actividad
Imagen
Título Subtítulo
URLs
Descripción
10 Así de fácil: manual para desarrollar apps educativas con Andromo
Para establecer el orden de los iconos de las actividades, haga clic en el botón "Editar" que está a la derecha de la actividad que desea cambiar e introducir el número deseado. Las actividades se ordenan de menor a mayor número, por lo que establecer la posición de '5 'hará que se muestre delante de una actividad con un valor de posición 100.
Consejo: El uso de números de 3 dígitos, como 100, 200 y 300 le da la flexibilidad para agregar actividades futuras entre las actividades existentes y sin tener que cambiar las demás. Por ejemplo, puede agregar un número de actividad 250 que aparecerá entre la 200 y la 300. Después de guardar los cambios haciendo clic en el botón "Guardar cambios", debería ver el orden deseado en la lista, como se ve a continuación.
Icono de la actividad Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Detalles de la actividad Acerca de
Título Esta es la línea principal. Puede ser su nombre, el nombre de la empresa, o el nombre de su aplicación. El color de texto utilizado para este texto es el color 'Encabezamientos' en la pestaña 'Estilos'. Este valor es opcional. Subtítulo Este es el texto un poco más pequeño, que aparece debajo del título principal. Puede ser su profesión, un lema de la compañía o un lema de la aplicación. El color de texto utilizado para este texto se asigna en la pestaña 'Estilos'. Este valor es opcional. Descripción Aquí se teclea el texto que le gustaría mostrar sobre usted, su empresa o su aplicación. Al
texto también se le pueden aplicar las siguientes etiquetas de formato HTML, <b>, <i>,
<u> . Las direcciones URL, direcciones de correo electrónico y números de teléfono se
convierten automáticamente en hipervínculos. El color de texto utilizado para este texto es el color 'Texto Primario' en la pestaña 'Estilos'. Este valor es opcional. Subir imagen Esta imagen se muestra en la parte superior de la actividad y se recorta si es superior a una proporción aproximada de 2:1. Cuando se ve el dispositivo en horizontal, esta imagen se muestra en la esquina superior izquierda con el texto a la derecha de la misma. Se recomienda utilizar una imagen con una anchura de al menos 800 píxeles, aunque se admiten imágenes de resolución más pequeña, siendo 1600 píxeles la resolución óptima.
Manual de Andromo adaptado por disanedu.com 11
Facebook URL La URL de la página de Facebook a la que desea establecer el vínculo. Por ejemplo, http://m.facebook.com/andromorocks. Este valor es opcional, si introduce este dato aparecerá su icono en la parte inferior de la pantalla. Twitter URL La URL de la página de Twitter a la que desea establecer el vínculo. Por ejemplo, http://www.twitter.com/andromorocks. Este valor es opcional, si introduce este dato aparecerá su icono en la parte inferior de la pantalla. URL LinkedIn La URL de la página de LinkedIn a la que desea establecer el vínculo. Por ejemplo, http://www.linkedin.com/in/indigorose. Este valor es opcional, si introduce este dato aparecerá su icono en la parte inferior de la pantalla. Google+ URL La URL de la página de Google a la que desea establecer el vínculo. Por ejemplo, http://plus.google.com/101198099379799284669/posts. Este valor es opcional, si introduce este dato aparecerá su icono en la parte inferior de la pantalla. URL del sitio web La URL de la página web a la que desea establecer el vínculo. Por ejemplo, http://www.disanedu.com. Este valor es opcional, si introduce este dato aparecerá su icono en la parte inferior de la pantalla. Abrir las actividades desde los iconos
La actividad Acerca de también permite especificar un identificador de actividad para FaceBook, Twitter, LinkedIn, Google+ y URL del sitio web. Esto le permite abrir otra actividad en lugar de una dirección URL. Esto se puede hacer utilizando el formato especial de URL: Andromo://<<-indentificador de la actividad>>
Cada actividad contiene un identificador único interno al que se puede hacer referencia para abrirlo. Usted puede encontrar la URL de referencia de cada actividad en la esquina inferior derecha, junto a "Guardar cambios". Puede acceder a la configuración de cada actividad en la pestaña "Actividades", haciendo clic en el botón "Editar" situado al lado de la actividad. Al final de la actividad aparecerá como un valor, tal como:
donde "twitter10474" es el identificador interno para esa actividad en particular. Este valor será diferente para cada actividad en su proyecto. En lugar de la URL de la Web, debe especificar su actividad utilizando el formato:
Andromo://twitter10474
Si desea abrir el panel de control, puede especificar lo siguiente: Andromo://dashboard
12 Así de fácil: manual para desarrollar apps educativas con Andromo
Actividad Audio Player
La Actividad de audio le permite reproducir archivos de audio dentro de la aplicación. Añadir una Actividad Audio Player
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Audio. Configuración de la actividad
Nombre de la actividad El nombre aparecerá en la pantalla de su dispositivo como el título de la actividad. Puede ser lo que quieras. Por ejemplo: "Rocking Guitar Solos" Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Icono actual Esto muestra el icono que se utiliza para representar a esta actividad en la pantalla. Subir imagen de icono Aquí es donde usted puede seleccionar el icono que se utilizará para representar a esta actividad en la pantalla de su dispositivo. Detalles Audio
Modo de reproductor La actividad de audio compatible con dos modos distintos: reproductor de música y tarjeta de sonido. Reproductor de música
El modo de reproductor de música está destinado a presentar el audio como un álbum de canciones o listas de reproducción. Se trata de una interfaz apropiada cuando usted está presentando pistas de sonidos largos, donde la posibilidad de pausar, avanzar y retroceder es útil. Tendremos visibles los botones de control (Reproducir / Pausa, Avanzar, etc.). Cuando una pista termina, empieza a reproducir automáticamente la siguiente
pista. La pista que se está reproduciendo continuará sonando al salir de la actividad. He aquí un ejemplo de una actividad de audio en el modo de reproductor de música y otra con tarjeta de sonido:
Manual de Andromo adaptado por disanedu.com 13
Modo Reproductor de música Modo Tarjeta de sonido
Tarjeta de sonido Este modo presenta los audios como una lista. Se trata de una interfaz más apropiada para sonidos cortos donde no son necesarios los controles para por ejemplo hacer una pausa. No hay controles de medios. Cuando un sonido termina, la reproducción finaliza. La pista que se está reproduciendo se detiene al salir de la actividad.
Enable 'Set as Ringtone' menu options? Marcando esta casilla de verificación nuestros usuarios podrán establecer este sonido como:
tono de llamada sonido de notificación sonido de la alarma
Se realizará una copia del archivo del audio externo en el dispositivo del usuario (pistas de audio que están alojados en un servidor web remoto se descargarán en el dispositivo del usuario). Apariencia
Track Titles Aquí se indica el color que se utiliza para los títulos de la lista de pistas. Track Descriptions El color que se utilizará para las descripciones en la lista de pistas. Imagen actual Esto muestra la imagen de fondo (opcional) que se mostrará detrás de la lista de pistas de audio.
Icono
Nombre de la actividad
Pistas de audio
Botones de control
14 Así de fácil: manual para desarrollar apps educativas con Andromo
Subir imagen de fondo Aquí es donde usted puede seleccionar una imagen de fondo que aparecerá detrás de la lista de pistas de audio. Efecto de fondo Usted puede aplicar un efecto a la imagen de fondo, por ejemplo para hacer el texto más fácil de leer. Ninguno
No se aplica ningún efecto a la imagen (la imagen no se modifica). Helada
Superpone una capa translúcida encima de su imagen, dándole un sutil aspecto "helado" que ayuda a mejorar el contraste de texto sin cambiar los colores de la imagen de fondo original demasiado.
Medianoche Convierte la imagen a escala de grises y reduce su intensidad, lo que crea un fondo oscuro que va bien con los colores de texto estándar.
Lista de reproducción de audio
La lista de reproducción de audio sólo aparece tras haber guardado la actividad. Puede agregar nuevas pistas de audio a la lista haciendo clic en el botón Add Audio Track. Guardar cambios
Una vez que haya terminado de introducir la información, haga clic en el botón 'Guardar cambios' para crear tu actividad de audio, y comenzar el proceso de añadir pistas de audio. Adición de pistas de audio
Una vez que haya creado su actividad de audio, el siguiente paso es empezar a añadir pistas de audio.
Pistas de audio
Cada pista de audio tiene las siguientes opciones: Título
El nombre de la pista de audio tal y como aparecerá en la lista. Descripción
Una segunda línea de texto que aparecerá debajo del título en la lista de pistas. Esto es idóneo para mostrar el nombre del artista, nombre del álbum, etc. Posición
Un índice relativo que controla el orden de las pistas de audio. Los números más bajos aparecerán los primeros en la lista. Tipo de pista
Utilice esta opción para elegir donde se encuentra la pista de audio. Usted puede subir un archivo e integrarlo directamente en la aplicación, o puede proporcionar la dirección URL de un archivo que se encuentra alojado en algún lugar en el Internet. Nota: usted puede mezclar y combinar los dos tipos de pista en la lista de reproducción. Subir archivo de audio
(Sólo está visible cuando se establece "Upload File"). Utilice esta opción para cargar un archivo de audio que tengamos en nuestro ordenador e integrarlo en su aplicación. Esto aumentará el tamaño total de su aplicación - si usted está pensando en publicar su aplicación en Android Market, tenga en cuenta que sólo permite aplicaciones de hasta 50 MB de tamaño. En general, es aconsejable intentar reducir el tamaño de sus archivos.
Manual de Andromo adaptado por disanedu.com 15
Ventajas de la subida: los usuarios pueden acceder al archivo en línea, no necesitan acceso a
Internet para escuchar la canción la pista comenzará a reproducirse sin demora reproducción de la pista no se sumará a la transferencia de datos del
usuario Las desventajas de la subida:
cada pista que hayamos subido aumenta el tamaño de su aplicación cada pista tiene un tamaño máximo de 6 MB
Enlazar el archivo desde la URL
(Sólo está visible Tipo de pista se establece en "Strean file for URL.") Use esta opción si el audio se encuentra en un servidor web. La URL debe comenzar con "http:" o "https:" (otros protocolos no son compatibles en este momento). Ejemplo: para enlazar con un archivo de audio llamado " julia_oliva.mp3" que está en la carpeta manualdoman de nuestro sitio web www.disanedu.com la URL podría tener este aspecto:
http://www.disanedu.com/primaria/manualdoman/julia_oliva.mp3 Las ventajas de hacer enlaces a sonidos:
las pistas no aumentarán el tamaño de su aplicación los archivos de audio individuales pueden ser de cualquier tamaño (por
ejemplo, mayor que 6 MB) Las desventajas de hacer enlaces a sonidos:
los usuarios no pueden tener acceso al archivo sin conexión, necesitan acceso a Internet para escuchar la canción
habrá una pequeña demora antes de que la pista empiece a reproducirse, hay que esperar mientras se carga el sonido
la transmisión de audio a través de Internet puede generar gastos por transferencia de datos
Si deseas hacer prácticas puedes hacer uso de los mp3 de los podcast de las emisoras de radio, por ejemplo:
El Larguero: http://www.cadenaser.com/rssaudio/larguero.xml Carlos Herrera: http://www.ondacero.es/podcast_rss/1002795.xml
Formatos compatibles
Consulte Formatos de audio soportados . Streaming Audio
Ver Streaming Audio . Tamaños de los archivos
Ver Tamaños de los archivos de audio .
16 Así de fácil: manual para desarrollar apps educativas con Andromo
Actividad Contact
Las actividades contacto están diseñadas para facilitar a los usuarios que puedan ponerse en contacto con usted. Usted puede decidir qué datos pone a disposición de sus usuarios. Puede elegir teléfonos, correo electrónico, sitio web y dirección, cada uno es interactivo. Los usuarios también pueden añadir fácilmente su información a sus contactos con un solo clic. Imágenes de ejemplo
Añadir una actividad Contact
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono contacto. Ahora echemos un vistazo a su configuración. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Puede ser lo que quieras, pero debe describir la tarea que utiliza. Por ejemplo, "Contactar". Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla
Icono
Nombre de la actividad
Imagen
Título
Manual de Andromo adaptado por disanedu.com 17
Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Título
Esto se utiliza para la línea principal. Puede ser su nombre, nombre de su empresa o la manera en que le gustaría que le identifiquen. Subir imagen
La imagen que desea mostrar en la parte superior de la actividad. Cuando se pone el dispositivo en vertical esta imagen se muestra en la parte superior de la actividad ocupando toda su anchura, y se recorta si es superior a una proporción de aproximada de 2:1. Cuando se ve en el horizontal, esta imagen se muestra en la esquina superior izquierda con el texto a la derecha de la misma. Aunque se admiten imágenes cualquier resolución, se recomienda utilizar una imagen con una anchura superior a 800 píxeles, siendo 1600 píxeles la óptima. Dirección de correo electrónico
La dirección de correo electrónico de contacto para mostrar. Por ejemplo, [email protected]. Los usuarios pulsarán el icono que aparecerá a la derecha de la dirección de correo electrónico para enviar un mensaje. Este valor es opcional. URL del sitio web
La dirección URL de su sitio web personal o de su empresa. Por ejemplo, http://www.disanedu.com. Los usuarios pueden pulsar el icono situado a la derecha de la URL para abrir la página en el navegador de Android. Este valor es opcional. Dirección
La dirección: calle, código postal, ciudad y país. Todo lo que usted o su empresa desee que aparezca. Los usuarios pueden pulsar el icono situado a la derecha de la dirección para mostrar la ubicación en un mapa. Este valor es opcional. Map Preview
Una vista previa del mapa con la ubicación de la dirección de la calle dada. Teléfono
Podemos introducir hasta cuatro números de teléfono de contacto. Son compatibles una variedad de formatos sin embargo, le recomendamos que incluya el código del país. Los usuarios pueden pulsar el icono situado a la derecha de cada número de teléfono para abrirlo en el marcador de teléfono. Cada número de teléfono es opcional. Notas
Permite introducir información adicional que le gustaría mostrar a sus usuarios, aparecerá en la parte inferior de la pantalla, por ejemplo horario, dónde aparcar, etc. Este área de
texto permite asignar las siguientes etiquetas de formato HTML, <b>, <i >, <u> . Si un
texto contiene direcciones URL, direcciones de correo electrónico y números de teléfono se convertirán automáticamente en hipervínculos. El color de texto utilizado para este texto es el color 'Texto Primaria' en la pestaña 'Estilos'. Este valor es opcional.
18 Así de fácil: manual para desarrollar apps educativas con Andromo
Actividad Custom Page
La actividad de página personalizada le permite crear fácilmente páginas con texto, gráficos, tablas, enlaces... Es perfecta para la creación de páginas con contenidos educativos o cualquier información que deseemos mostrar a nuestros usuarios. Añadir una actividad Custom Page
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Custom Page. Configuración de actividades
La actividad Página personalizada tiene los siguientes valores. Nombre de la actividad En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Esto puede ser lo que quieras pero es conveniente que haga alusión al contenido que se va a mostrar. Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Icono de la actividad Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Diseñe su Página Esta área contiene un editor de HTML que te permite crear texto con formato que puede incluir imágenes, tablas, enlaces, etc. Basta con elegir el formato o estilo deseado, y comienza a escribir. Enlace a otra actividad
La actividad de página personalizada también le permite abrir otra de las actividades mediante un enlace con el formato especial de URL: Andromo://<<-identificador- de-actividad>>
Cada actividad contiene un identificador único interno que se puede hacer referencia para abrirlo. Usted puede encontrar la URL de referencia de cada actividad en la esquina inferior, a la derecha del botón "Guardar cambios" de la página "Editar". Puede acceder a la configuración de cada actividad en la pestaña "Actividades", haciendo clic en el botón "Editar" al lado de la actividad que estás buscando. Aparecerá como un valor, tales como: donde "gallery3148" es el identificador interno para esa actividad en particular. Este valor será diferente para cada actividad en su proyecto. El hipervínculo HTML se indicará así: <a href="andromo://gallery3148"> Visita Nuestra Galería de fotos
</a>
Usted puede ver el código fuente HTML de la página personalizada haciendo clic en el botón "Fuente" en el editor. Si desea abrir el panel de control, puede especificar lo siguiente: Andromo://dashboard
El hipervínculo HTML se indicará así: <a href="andromo://dashboard"> Go Home </a>
Manual de Andromo adaptado por disanedu.com 19
Actividad Email
Esta actividad permite a los usuarios enviar un correo electrónico con un solo clic, este mensaje llegará a la dirección que nosotros hayamos insertado e incluso podemos incluir el Asunto y el texto (opcional). Añadir una actividad Email
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Correo electrónico. Ahora echemos un vistazo a la configuración de la actividad. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono de la actividad. Puede ser lo que quieras, pero debe describir la terea que realiza. Por ejemplo "Envíanos un correo". Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Dirección de correo electrónico
La dirección de correo electrónico a la que queremos hacer llegar el mensaje. Por ejemplo [email protected] . Asunto
La línea de asunto del mensaje de correo electrónico. Por ejemplo: Necesito información sobre los Métodos Doman. Este campo es opcional. Cuerpo
El texto que quiere que aparezca en el mensaje de correo electrónico. Este campo es opcional. Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto.
20 Así de fácil: manual para desarrollar apps educativas con Andromo
Actividad Facebook
La actividad Facebook permite incorporar fácilmente una página de Facebook en su aplicación. Añadir una actividad Facebook
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Facebook. Ahora echemos un vistazo a su configuración. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Puede ser lo que quieras, por ejemplo Mi Facebook. Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Página de Facebook
Este valor sólo debe ser la parte que viene después de ' http://www.facebook.com/ ' ; no la dirección URL completa. Por ejemplo: 'disanedu'. Posición
Este es un índice relativo que controla el orden de las actividades en su aplicación. Icono de la actividad
Aquí es donde usted puede seleccionar el icono que se verá en el móvil. Ejemplos para esta actividad
Manual de Andromo adaptado por disanedu.com 21
Actividad Flickr
La actividad galería de imágenes Flickr le permite tomar fotos desde flickr y mostrarlas en su aplicación Android. Para obtener información sobre la creación de direcciones URL de flickr consulte la Documentación de los Servicios de Flickr y Flickr Foto Feeds. El formato de alimentación preferido es rss_200 . Ejemplo de pantalla
Añadir una actividad Flickr
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Flickr. Ahora echemos un vistazo a la configuración de la actividad. A los efectos de este artículo vamos a utilizar la alimentación flickr pública. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del
icono y en la primera línea de la actividad. Puede ser lo que quieras, pero es conveniente hacer una descripción del contenido que va a mostrarse. Por ejemplo usaremos "Galería de fotos". Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Visualizar imágenes mediante
Esta opción controla si utilizamos el ID de usuario de Flickr o la URL del feed de Flickr. Flickr user ID
Si usted quiere mostrar fotos desde el ID de usuario, debe introducir este dato en el nombre de usuario de flickr cuyas fotos desee mostrar. Ver el artículo Flickr Foto Feeds para obtener información sobre la búsqueda de su ID de usuario de Flickr.
22 Así de fácil: manual para desarrollar apps educativas con Andromo
Flickr URL RSS
Si usted quiere mostrar fotos desde Flickr Data Feed UR, debe introducir la dirección URL completa que desea visualizar. Para este ejemplo vamos a utilizar: http://api.flickr.com/services/feeds/photos_public.gne?format=rss_200 Para obtener más información consulte la Documentación de los Servicios de Flickr. El formato de alimentación preferido es rss_200 . Contenido de la actividad Galería de imágenes Flickr
La actividad Galería de imágenes Flickr contiene una cuadrícula desplazable de miniaturas de fotos que se muestran cuando accedemos a ella. Cuando el usuario hace clic en una de las miniaturas verá la imagen a tamaño completo y podrá deslizar horizontalmente para ver la foto siguiente o anterior. La vista de la imagen contiene otras posibilidades: establecer como imagen de fondo, compartir y descripción. Aquí tienes algunos ejemplos de esta actividad:
Manual de Andromo adaptado por disanedu.com 23
Actividad Google Play
La actividad de Google Play se utiliza para crear un icono en el panel de control que apunta a una aplicación, o una lista de las aplicaciones de Google Play (anteriormente conocido como el Android Market). Esto le permite hacer cosas como facilitar el acceso a una versión de pago de su aplicación, o mostrar otras aplicaciones que haya creado. Imágenes de ejemplo
Añadir una actividad Google Play
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Google Play. Ahora echemos un vistazo a su configuración. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Puede ser lo que quieras, por ejemplo "Mis Apps". Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Google Play URL
La dirección URL de una aplicación específica, o una consulta de búsqueda que desea realizar en Google Play. Ejemplos
Vinculación a Aplicaciones Específicas. Los enlaces a aplicaciones específicas tienen
la siguiente forma, donde<nombre_paquete> es el nombre del paquete de dicha
aplicación específica: http://play.google.com/store/apps/details?id=<nombre_paquete>
A modo de ejemplo, una aplicación real se vería como de la siguiente forma, donde el nombre del paquete es "com.andromo.dev6.app23495 ': http://play.google.com/store/apps/details?id=com.andromo.dev6.app2
3495
24 Así de fácil: manual para desarrollar apps educativas con Andromo
Mostrar todas sus aplicaciones de un autor. Mostrar todas sus aplicaciones le proporcionará una búsqueda usando el 'nombre del autor. Este tipo de enlace tiene el
formato siguiente, donde <publisher_name> es su nombre en Google Play. El nombre
del autor de aplicaciones se muestra por lo general por debajo del nombre de la aplicación en Google Play: http://play.google.com/store/search?q=pub:<publisher_name>
El uso de una búsqueda general de resultados. Si desea crear un vínculo a una consulta de búsqueda general de Google Play, el enlace debe tener el formato siguiente,
donde <query> es la consulta de búsqueda que desea realizar: http://play.google.com/store/search?q =<query>
Por ejemplo, puede proporcionar una búsqueda de las aplicaciones que contienen la palabra clave 'hockey' usando lo siguiente: http://play.google.com/store/search?q=hockey
Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto.
Manual de Andromo adaptado por disanedu.com 25
Actividad HTML Archive
La actividad Archivo HTML le permite mostrar el contenido web (archivos HTML) mediante el almacenamiento de archivos HTML dentro de la aplicación para que pueda ser leída directamente desde el dispositivo. NOTA: Para obtener los mejores resultados, se recomienda añadir en la etiqueta 'meta' el siguiente código HTML dentro de "head" en cada uno de los archivos HTML:
<head>
<meta name="viewport" content="width=device-width, user-
scalable=no" />
</head>
Puede encontrar información detallada en Utilizando Viewport metadatos de la Guía de desarrolladores de Android. El contenido puede ser tan simple como un solo archivo HTML o una estructura compleja de directorios, de archivos e imágenes. Esta actividad es ideal para que un profesor pueda añadir sus propios contenidos. Una vez que has compuesto lo que quieres mostrar, simplemente debes comprimir el contenido en un fichero .zip y cargar el archivo resultante. Ventajas
No requiere un servidor web para alojar su contenido. Dado que el contenido se incorpora en la aplicación, sólo es visible para la gente que
usa la aplicación. El contenido puede ser tan simple como una página html, o un índice que contiene
enlaces a otras páginas, imágenes, etc. El acceso será más rápido ya que los archivos se pueden abrir los contenidos desde
la aplicación en lugar de tener que descargarlos. Inconvenientes
Esto requiere un poco de conocimiento básico de creación de contenido HTML y el uso básico de una herramienta para comprimir ficheros en formato zip.
Dado que los archivos están integrados en la aplicación, su contenido no va a cambiar después de la publicación. Por lo tanto, si se requiere algún cambio, tendría que ser publicada e instalada de nuevo la aplicación.
Añadir una actividad HTML Archive
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Archivo HTML. Ahora echemos un vistazo a su configuración. Configuración de actividades
Los siguientes ajustes están disponibles para esta actividad. Nombre de la actividad En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad, puede ser lo que quieras, pero debe describir lo que va a mostrarse. Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla
26 Así de fácil: manual para desarrollar apps educativas con Andromo
Icono de la actividad Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. HTML Archive details
HTML Archive File El archivo zip. Contiene su archivo (s) HTML y todos losrecursos utilizados. Haga clic en el botón "Seleccionar archivo" para seleccionar el archivo zip (. zip) que desea cargar. Para crear el archivo zip se requiere que tenga instalada en su ordenador algún tipo de utilidad de compresión. Cuando esté listo, seleccione todos los archivos y carpetas necesarios para las páginas HTML y ya puede crear el archivo zip. La primera página que se muestra se conoce como el índice de página HTML (como 'index.html') y tiene que estar situado en la raíz (no en una subcarpeta). A fin de poder enlazar correctamente los archivos, debemos asegurarnos de que cada archivo de referencia utiliza rutas relativas (relativo a la raíz del archivo zip es decir, donde se encuentra la página índice). Hay muchos programas gratuitos disponibles para crear un zip en línea, así como recursos para la creación de páginas HTML y sitios web. Para obtener instrucciones más detalladas, vea el artículo Cómo crear un archivo ZIP HTML . HTML Index Page Este es el nombre del archivo raíz de nuestro HTML. Este archivo debe estar ubicado en la raíz (no en una carpeta). Un nombre común para este tipo de archivo es "index.html" (sin embargo, se puede nombrar como más le gusta). Para obtener instrucciones más detalladas, vea el artículo Cómo crear un archivo ZIP HTML . Orientación Esta configuración le permite forzar la actividad para mantenerse en una orientación particular. Deje esto en automático a menos que sea absolutamente necesario para bloquear la orientación de la pantalla, por alguna razón (como juegos, etc). Automático. Horizontal. Vertical. Enlace a otra actividad
La actividad Archivo HTML también permite abrir otra de las actividades mediante un enlace con el formato especial de URL: Andromo://<<identificador-de-actividad>>
Cada actividad contiene un identificador único interno. Usted puede encontrar la URL de referencia de cada actividad en la esquina inferior a la derecha del botón "Guardar cambios" de la página "Editar". Puede acceder a la configuración de cada actividad en la pestaña "Actividades", haciendo clic en el botón "Editar" aparecerá un valor como:
donde "gallery3148" es el identificador interno para esa actividad en particular. Este valor será diferente para cada actividad de su proyecto. Para hacer un hipervínculo HTML se indicará así: <a href="andromo://gallery3148"> Visita Nuestra Galería de fotos
</ a>
Si desea abrir el panel de control, puede especificar lo siguiente: Andromo://dashboard
Manual de Andromo adaptado por disanedu.com 27
Como un hipervínculo HTML: <a href="andromo://dashboard">Go Home</a>
Ejemplo
La siguiente imagen muestra cómo se vería una actividad acabada. Ejemplo muestra de un archivo HTML zip .
28 Así de fácil: manual para desarrollar apps educativas con Andromo
Actividad Map
La actividad Mapa le permite visualizar sus ubicaciones en un mapa interactivo. Sus usuarios podrán ver su dirección, localidades cercanas e incluso obtener direcciones y la ruta a su negocio, centro de trabajo... Si vamos a visitar una ciudad podemos marcar los puntos de interés y cuando lleguemos a ella pedir que nos muestre nuestra ubicación y la ruta para llegar a cada uno de ellos. Creación de una actividad Map
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Mapa. Se mostrarán los siguientes ajustes. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Puede ser lo que quieras, pero debería hacer referencia al contenido que va a mostrar. Por ejemplo, "Puntos de interés". Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Con reconocimiento de ubicación
Esta característica permite a los usuarios localizar su posición en el mapa y obtener indicaciones de ruta o navegación. Si se activa esta opción los usuarios podrán ver su ubicación actual en el mapa (si está disponible). Cada vez que el usuario selecciona un marcador de ubicación, aparecerán dos enlaces que proporcionan información: "Mostrar la ruta", y "Open Navegación". Cuando se selecciona "Mostrar ruta", una ruta se muestra junto con marcadores de información que proporcionan las instrucciones punto por punto. Cuando se selecciona "Abrir la navegación" se lanza el navegador (si está instalado) para proporcionar una interfaz de navegación alternativa. Si por alguna razón estas características de localización no están disponibles, no se proporcionarán al usuario. El único inconveniente es que al instalar la aplicación le solicitará permiso para permitir el uso de proveedores de ubicación en el dispositivo, como el GPS, antena de telefonía móvil o puntos de acceso WiFi. Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono se que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Guardar la configuración
Una vez que haya terminado de introducir la información anterior, haga clic en el botón "Guardar cambios" para crear su actividad mapa y comenzar el proceso de agregar ubicaciones. Adición de ubicaciones a su mapa
Ahora que ha creado su actividad mapa, el siguiente paso es empezar a añadir puntos a su mapa que se muestrarán como marcadores. Cada marcador de ubicación contiene los siguientes ajustes.
Manual de Andromo adaptado por disanedu.com 29
Título
El título principal de la ventana de información que aparece cuando el usuario selecciona este marcador de posición en el mapa. Una buena opción sería algo así como el nombre del lugar, lo mejor es un nombre corto. Descripción
La descripción para la ventana de información del marcador que se muestra debajo del título. Por lo general, esta será la información de la dirección, número de teléfono... La ventana de información se adapta a 2 líneas de texto, aproximadamente 80 caracteres de longitud. Longitudes más largas serán cortadas. Consejo: Puede forzar la descripción para mostrar en dos líneas con el código de formato HTML salto de línea al final de su primera línea. Por ejemplo:
mi primera línea de
mi segunda línea
Dirección
La dirección completa de la ubicación en la que desea agregar, por ejemplo: CPR de Mérida
Calle legión V número 2
06800 Mérida
España.
Esta información se utiliza para encontrar la latitud y longitud de la ubicación. Si ya conoce estos valores puede dejar este campo en blanco e introducir directamente las coordenadas. La lalitud y la longitud de un punto se pueden obtener fácilmente desde un GPS o al seleccionar un punto en Google Maps. Latitud
Si conoce el valor de latitud puede introducirlo aquí, por ejemplo: 38.913506. De lo contrario, déjelo en blanco. Longitud
Si conoce el valor de la longitud puede introducirlo aquí, por ejemplo: -6.340911. De lo contrario, déjelo en blanco. Guardar la ubicación
Cuando haya terminado de introducir la información de la ubicación, haga clic en el botón "Guardar cambios". Después de guardar la ubicación, se puede comprobar que es correcta mirando su ubicación en el " Vista previa del Mapa '. Si es incorrecta, puede hacer clic en el botón "Editar" para cambiar sus ajustes de ubicación, proporcionando una dirección más precisa o valores específicos de latitud y longitud. Adición de nuevos puntos al Mapa
No hay límite a la cantidad de lugares que usted puede agregar. Para agregar nuevas ubicaciones a la actividad mapa, haga clic en el botón "Añadir'. Repita el proceso con cada nuevo punto que desee agregar. ¿Cómo se ve
A continuación se presentan ejemplos de una actividad de mapas que contienen un par de localizaciones y con reconocimiento de ubicación habilitada:
30 Así de fácil: manual para desarrollar apps educativas con Andromo
Vista inicial de la actividad: Ventana de información de un punto de
ubicación después de ser seleccionado por el usuario:
Después de que el usuario ha mostrado su
ubicación actual se selecciona un punto: Tras seleccionar el punto nos muestra la
ruta a seguir e información de lo que hemos de hacer en los puntos intermedios :
Manual de Andromo adaptado por disanedu.com 31
Actividad PDF
La actividad PDF se utiliza para integrar rápida y fácilmente un documento PDF en su aplicación Android. Su documento PDF será abierto con la aplicación Adobe Reader. Si el usuario no tiene la aplicación Adobe Reader le preguntará si desea instalarla a través de la tienda de Google Play. Imágenes de ejemplo
Añadir una actividad PDF
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono PDF. Ahora echemos un vistazo a su configuración. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Puede ser lo que quieras pero debería describir lo que va a mostrar. Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Archivo PDF
El documento PDF que desea agregar a su aplicación. El tamaño máximo de archivo es de 15 MB. Actual Archivo PDF
El archivo PDF que actualmente se atribuye a su actividad. Subir archivo PDF
Utilice esta opción para cargar el documento PDF en su aplicación. El pdf se añadirá al tamaño total de su aplicación, si usted está pensando en publicar su aplicación en Android Market, debe tener en cuenta que sólo permite aplicaciones de hasta 50 MB. Es recomendable reducir al máximo el tamaño de sus archivos.
32 Así de fácil: manual para desarrollar apps educativas con Andromo
Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto.
Actividad Phone
La actividad del teléfono se utiliza para mostrar su marcador telefónico (si está disponible) con un número de teléfono específico. Esto permite a los usuarios comunicarse con usted con un solo clic. Añadir una actividad Phone
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Teléfono. Ahora echemos un vistazo a su configuración. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad, por ejemplo "Llámanos". Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Número de teléfono
El número de teléfono que se mostrará en el marcador del teléfono cuando se selecciona la actividad. Son compatibles una variedad de formatos, sin embargo le recomendamos que incluya el código del país. Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto.
Manual de Andromo adaptado por disanedu.com 33
Actividad Photo Gallery
Las actividades Galería de fotos le permiten incluir fotos en su aplicación. Ejemplo de pantalla
Añadir una actividad Photo Gallery
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono galería de fotos. Ahora echemos un vistazo a su configuración. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Puede ser lo que quieras pero debería describir lo que va a mostrar. Por ejemplo: "Fotos de …" Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Detalles de la Galería de fotos
Aquí usted puede controlar las características que desea habilitar o deshabilitar en su actividad Galería de fotos:
Mostrar página índice. Marcando esta opcióni su actividad incluirá una página índice. La página índice es una cuadrícula desplazable que contiene las versiones en miniatura de todas las fotografías.
34 Así de fácil: manual para desarrollar apps educativas con Andromo
Mostrar información. Permite mostrar descripciones de sus fotos. Activar Set as Wallpaper. Permite al usuario final de la aplicación utilizar las
fotos para su fondo de pantalla. Habilitar el uso compartido de archivos. Permite a los usuarios finales de la
aplicación compartir sus fotos por correo electrónico y redes sociales, por ejemplo: Gmail, Twitter, Facebook…
Galería de Contenido
Una vez que haya creado su actividad Galería de fotos, el siguiente paso es empezar a añadir las fotos. Usted puede agregar, editar y borrar las fotos de la actividad en el área de contenido de la Galería.
Añadir / Editar configuración de Fotos
Título
El título que se mostrará en el área de descripción de la foto. Descripción
Una breve descripción de la foto que se mostrará en el área de descripción de la foto. Foto actual
Aquí puedes subir una foto que aparecerá en su actividad Galería de fotos. Los formatos de imagen soportados: PNG y JPG. Posición
Este es un índice relativo que controla el orden de las fotos en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras fotos. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla
Manual de Andromo adaptado por disanedu.com 35
Actividad Podcast
La actividad Podcast muestra un canal Podcast RSS 2.0 en su aplicación. Es compatible con el streaming de audio por la red y descarga de los audios para su reproducción sin conexión. Ejemplo
La actividad Podcast muestra una lista de
audios Pulsando sobre un audio nos mostrará otra
pantalla que ofrece un resumen / descripción
Manteniendo el dedo pulsado sobre el botón Play/Pausa podré ver las opciones
adicionales
También puede interactuar con los audios directamente desde la lista
36 Así de fácil: manual para desarrollar apps educativas con Andromo
Añadir una actividad Podcast
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Podcast. Configuración de actividades
Nombre de la actividad En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Por ejemplo: "Rock Paper Shotgun" Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades.
Icono actual Esto muestra el icono que se utiliza para representar a esta actividad en la pantalla. Subir imagen de icono Aquí es donde usted puede seleccionar el icono que se utilizará para representar a esta actividad en la pantalla de su dispositivo. Detalles Podcast
Podcast URL URL of your Podcast RSS feed. Debe cumplir con la especificación RSS 2.0 e incluir las etiquetas RSS de iTunes como se documenta aquí: Hacer un Podcast Nota: sólo salidas de audio son compatibles (no se pueden mostrar las de vídeo). Ejemplo. Entra en cualquier emisora de radio, haz clic en Podcast, selecciona el programa y al picar te da la URL:
El Larguero: http://www.cadenaser.com/rssaudio/larguero.xml Carlos Herrera: http://www.ondacero.es/podcast_rss/1002795.xml
Apariencia
Track titles El color que se utiliza para los títulos de la lista de audios. Track Descriptions El color que se utilizará para las descripciones de los audios. Upload Background Image Para subir una imagen (opcional) que se mostrará de fondo en la lista de pistas de audio. Efecto de fondo Usted puede aplicar un efecto a la imagen de fondo para hacer el texto más fácil de leer. Ninguno
No se aplica ningún efecto a la imagen (la imagen no se modifica). Helada
Superpone una capa translúcida encima de su imagen, dándole un sutil efecto "helado" que ayuda a mejorar el contraste de texto sin cambiar los colores de la imagen original.
Medianoche Convierte la imagen a escala de grises y reduce su intensidad, lo que produce un fondo oscuro que funciona bien con los colores de texto estándar.
Manual de Andromo adaptado por disanedu.com 37
Actividad SHOUTcast Radio
Permite reproducir en su aplicación audio streaming de emisoras de radio de Internet. Es similar a la actividad Audio, con apoyo adicional de SHOUTcast y Icecast audio streaming. Ejemplo
Añadir una actividad SHOUTcast Radio
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Radio. Configuración de la actividad
Nombre de la actividad En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Por ejemplo: "National Public Radio" Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono actual Esto muestra el icono que se utiliza para representar a esta actividad en la pantalla. Subir imagen de icono Aquí es donde usted puede seleccionar el icono que se utilizará para representar a esta actividad en la pantalla de su dispositivo.
38 Así de fácil: manual para desarrollar apps educativas con Andromo
Radio Detalles
Tipo Radio El tipo de URL de radio que se está conectando. Elija entre las siguientes tres opciones: Playlist - un m3u, pls, o asx con enlaces a pistas de audio individuales SHOUTcast Playlist - un m3u, pls, o asx que contiene enlaces a las corrientes de
servidor SHOUTcast / Icecast. SHOUTcast Stream - enlace directo a corriente del servidor SHOUTcast / Icecast Elegir Playlist o SHOUTcast Playlist hará que la aplicación trate a la URL como un archivo de lista de reproducción. Se intentará descargar el archivo de esa URL y analizarlo con el fin de ampliarlo en pistas individuales. Elegir SHOUTcast Playlist o SHOUTcast Stream hará que la aplicación trate a la URL como SHOUTcast o servidor Icecast. Se conectará al servidor cada 30 a 60 segundos con el fin de recuperar metadatos sobre el canal de la radio y la canción actual. Si tiene éxito, esta información se muestra por encima de los controles de los medios en la parte inferior de la pantalla:
Nota: no todos los servidores SHOUTcast proporcionan esta información algunos no transmiten los títulos de las canciones. URL La dirección URL de la lista de reproducción o una corriente SHOUTcast. Asegúrese de elegir la adecuada Tipo de radio para el archivo URL. Por ejemplo, http://yp.shoutcast.com/sbin/tunein-station.pls?id=21585 es la dirección URL a un archivo de lista de reproducción SHOUTcast. Apariencia
Track titles El color que se utiliza para los títulos de la lista de pistas. Track Descriptions El color que se utilizará para las descripciones en la lista de pistas. Upload Background Image Para subir una imagen (opcional) que se mostrará de fondo en la lista de pistas de audio. Efecto de fondo Usted puede aplicar un efecto a la imagen de fondo, por ejemplo para hacer que el texto sea más fácil de leer. Ninguno
No se aplica ningún efecto a la imagen de fondo (la imagen no se modifica). Helada
Superpone una capa translúcida encima de su imagen, dándole un sutil efecto "helado" que ayuda a mejorar el contraste de texto sin cambiar los colores de la imagen de fondo original.
Medianoche Convierte la imagen a escala de grises y reduce su intensidad, produce un fondo oscuro que funciona bien con los colores de texto estándar.
Manual de Andromo adaptado por disanedu.com 39
Actividad RSS Feed
El RSS / Atom News Feed toma contenidos sindicados (o vínculos Web) de la web y lo muestra de una manera que hace que sea fácil de explorar y leer para los usuarios. Dos son los formatos principales: RSS y ATOM . Andromo admite las siguientes versiones Feed: RSS 9.0, RSS 1.0, RSS 2.0 y Atom 1.0. Muchos sitios web publican en uno o más de estos formatos. Añadir una actividad RSS Feed
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono RSS Feed. Ahora echemos un vistazo a su configuración. A los efectos de este artículo vamos a utilizar el blog Andromo [ http://blog.andromo.com/feed/atom/ ] Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Por ejemplo "RSS Blog Andromo" Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. RSS / Atom Feed URL
Este es la URL que le gustaría mostrar. Vamos a utilizar: "http://blog.andromo.com/feed/atom/ "; Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. RSS List Style
Classic RSS Feed Útil para páginas basadas en texto. Muestra cada elemento en una lista. Cada elemento de la lista contendrá en una miniatura (si está habilitado), el título y la fecha en que el mensaje fue hecho. Al hacer clic en un elemento Controla lo que sucede cuando los usuarios finales presionan sobre un elemento de la lista.
Show RSS item content Muestra el contenido de la fuente RSS en la actividad. Open destination link in app Abre el enlace asociado con la RSS dentro de la actividad. Open destination link in Android browser Abre el enlace fuera de la aplicación, en el navegador por defecto de Android.
Show Thumbnail Images (Media RSS) Mostrar imágenes en miniatura Muestra una imagen con la miniatura de los artículos. Si no está seguro deje seleccionada esta opción, al probar la aplicación podrá ver si aparecen las miniaturas. El blog Andomo no contiene miniaturas así que puede desactivar la opción.
40 Así de fácil: manual para desarrollar apps educativas con Andromo
Foto RSS
Útil para RSS basadas en imágenes. Los resultados se mostrarán como una cuadrícula de miniaturas. Cuando el usuario hace clic en una de las miniaturas será capaz de ver la imagen a tamaño completo.
Show titles on index page? El texto del título aparecerá en la parte superior de la miniatura del artículo. Show descriptions on photo? Para mostrar la descripción de los artículos en la página de contenido de fotos. Enable Set-picture-as? Permitirá al usuario hacer uso de la foto.
Manual de Andromo adaptado por disanedu.com 41
Un Ejemplo
Echemos un vistazo a lo que contiene una Activity RSS. Contiene dos posibilidades. La primera es una lista de los elementos de la fuente. Cada elemento contiene un título y una fecha que el artículo fue publicado. La mayoría de los artículos también mostrarán una breve descripción, y algunos artículos tendrán iconos asociados a los mismos:
Puede desplazarse por la lista y seleccionar un elemento para leerlo. Al hacer clic en un elemento se mostrará el contenido. En otros casos al hacer clic se abrirá el artículo en el navegador web.
Es fácil encontrar la URL del canal RSS de muchas páginas, sólo tenemos que hacer clic
sobre una imagen que aparecerá en la página y que será similar a esta:
Si no dispone del icono podemos localizarlo tecleando la URL de la página en esta
dirección: http://feedburner.google.com/fb/a/myfeeds
42 Así de fácil: manual para desarrollar apps educativas con Andromo
Actividad Twitter
La Actividad Twitter le permite mostrar los twits de un usuario específico, de una lista, o de una búsqueda de twits públicos. Añadir una actividad Twitter
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Twitter. Configuración de actividades
Nombre de la actividad En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Por ejemplo "Twitter Disanedu" Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Twitter OAuth Settings
Consumer key Nos obliga a poner una clave de al menos 15 caracteres. Consumer secret Nos obliga a poner una clave de al menos 30 caracteres. Twitter Details
Twitter Mode Tweets by a Specific Username. Esta opción mostrará los tweets de un usuario
específico Twitter. Tweets from a Twitter List. Muestra los tweets más recientes de una lista de Twitter. Tweets that match a Search Phrase. Busca todos los tweets públicos para palabras
clave, nombres de usuario, hashtags o sujeto y muestra los resultados. Twitter Username Introduciremos la dirección de Twitter del usuario, por ejemplo @AndromoRocks Twitter List El nombre exacto de la lista que deseemos ver. Esta lista debe ser propiedad del usuario o estar suscrito a la misma. Por ejemplo, Android News Search Phrase
La cadena que deseemos buscar. Nos mostrará los tweets públicos que responden a esta búsqueda. Por ejemplo 'elephants' or 'new york city' or '#happy' Haga clic en el twit que le interese
Manual de Andromo adaptado por disanedu.com 43
44 Así de fácil: manual para desarrollar apps educativas con Andromo
usuario @AndromoRocks
Manual de Andromo adaptado por disanedu.com 45
Actividad Website
La actividad sitio Web se utiliza para mostrar el contenido de un sitio web en su aplicación. Es una de las actividades más simples, sin embargo, su capacidad para mostrar contenido Web hace que sea muy potente. Añadir una actividad Website
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono Sitio web. Ahora echemos un vistazo a su configuración. A los efectos de este artículo vamos a el portal Disanedu [ http://www.disanedu.com ] Configuración de actividades
La actividad Sitio web contiene los siguientes ajustes. Nombre de la actividad En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad, puede ser lo que quieras pero debería describir el sitio web que va a mostrarse. Para nuestro ejemplo podemos escribir "Portal Disanedu" Descripción Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Posición Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Detalles del Website
URL del sitio web La página web que se mostrará dentro de la aplicación. Ejemplo: "http://www.disanedu.com ” Orientación Esta configuración le permite forzar la orientación. Deje esto en automático a menos que sea absolutamente necesario para bloquear la orientación de la pantalla, por alguna razón como juegos, etc. Automático. La orientación cambiará automáticamente (el comportamiento normal). Landscape. La página se mostrará en horizontal. Portrait. Bloquea para que la página aparezca en vertical. Contenido de la actividad sitio web
La actividad del sitio web muestra el contenido de la URL del sitio web que figura en la configuración de la actividad. Enlace a otra actividad
La actividad sitio web también le permite abrir otras actividades con el formato especial de URL: Andromo://<<identificador-actividad>>
Cada actividad contiene un identificador único interno al que se puede hacer referencia para abrirlo. Usted puede encontrar la URL de referencia de cada actividad en la esquina inferior a la derecha d el botón "Guardar cambios" de la página "Editar". Puede acceder a la configuración de cada actividad en la pestaña "Actividades", haciendo clic en el botón "Editar" al lado de la actividad que estás buscando. Aparecerá como un valor, tales como:
46 Así de fácil: manual para desarrollar apps educativas con Andromo
donde "gallery3148" es el identificador interno para esa actividad en particular. Este valor será diferente para cada actividad en su proyecto. Como un hipervínculo HTML, esto se indicará como: <a href="andromo://gallery3148"> Visita Nuestra Galería de fotos
</a>
Si desea abrir el panel de control, puede especificar lo siguiente: Andromo://dashboard
Como un hipervínculo HTML, esto se indicará como: <a href="andromo://dashboard">Go Home</a>
Ejemplo de actividad Website
Manual de Andromo adaptado por disanedu.com 47
Actividad YouTube
La Actividad YouTube le permite mostrar vídeos de YouTube en su aplicación Android. Para obtener información sobre la obtención de YouTube Feed URLs visite la página YouTube Video Feeds. Añadir una actividad YouTube
Para añadir una actividad de este tipo: edite su proyecto, vaya ir a la pestaña Actividades y en 'Añadir una actividad' haga clic en el icono YouTube. Ahora echemos un vistazo a su configuración. Nombre de la actividad
En este campo introduciremos nombre que deseemos dar a la actividad. El nombre aparecerá en la pantalla debajo del icono y en la primera línea de la actividad. Por ejemplo "Canal Disanedu" Descripción
Unas palabras que describen esta actividad. Este texto aparecerá en la pantalla como subtítulo cuando Show Subtitle Text esté activado en la pestaña Dashboard. Display Videos By Esta opción controla si se utilizará el valor de ID de usuario de YouTube o YouTube Feed URL para el canal YouTube. YouTube User ID
Si optamos por esta opción hemos de introducir el nombre de usuario de YouTube cuyos vídeos desea mostrar. La URL de un canal en Youtube tiene este aspecto: http://www.youtube.com/user/disanedu007 El nombre del usuario es lo que va a la derecha de user, por lo tanto en este caso hemos
de escribir disanedu007
YouTube Feed URL
En este caso hemos de introducir la URL del feed de YouTube que desea visualizar. Para este ejemplo vamos a utilizar: http://gdata.youtube.com/feeds/api/playlists/PLOU2XLYxmsIJOOTFfYzh
R2d-rcSbBbEE_?v=2
Para obtener más información sobre la creación de YouTube Feed URL visite la página YouTube Video Feeds. Nota: Se puede obtener la URL del feed de su lista de reproducción mediante el uso de su URL de reproducción para obtener el ID de reproducción por ejemplo: http://www.youtube.com/playlist?list=PLQIkRevU6k8XJUjoQ2qmjyl6Vovw
a6npR
En ese caso, el id de reproducción va después de la list=PL?. Así que el ID de
reproducción sería: QIkRevU6k8XJUjoQ2qmjyl6Vovwa6npR
Luego añadimos nuestra ID lista de reproducción en la URL del feed para llegar a la siguiente URL: http://gdata.youtube.com/feeds/api/playlistsQIkRevU6k8XJUjoQ2qmjyl
6Vovwa6npR?v=2
En general obtener su ID de reproducción y luego reemplace XXXX en el siguiente texto con ella: http://gdata.youtube.com/feeds/api/playlists/XXXX?v=2
Para obtener más información sobre las listas de reproducción, consulte el artículo Cómo añadir un feed de reproducción de vídeo de YouTube a tu aplicación Android .
48 Así de fácil: manual para desarrollar apps educativas con Andromo
Posición
Este es un índice relativo que controla el orden de las actividades en la pantalla. Se puede usar cualquier valor lo que importa es el número con respecto a otras actividades. Para obtener más información lea: Cómo cambiar el orden de los iconos en la pantalla Icono de la actividad
Permite seleccionar el icono que aparecerá en la pantalla para esta actividad, si no seleccionamos ninguno, Andromo nos asigna uno por defecto. Un Ejemplo
La actividad Youtube nos muestra un listado de miniaturas de vídeos con un título, la fecha de publicación y una breve descripción:
Puede desplazarse por la lista y seleccionar el vídeo que desee ver mediante un clic, se abrirá la aplicación YouTube y se reproducirá. Si la aplicación de YouTube no está instalada entonces el video se abrirá en el navegador web del usuario.
La URL del feed de un canal de Yotube se obtiene al picar sobre la casita que está debajo del nombre del usuario:
Manual de Andromo adaptado por disanedu.com 49
Estilo de la app
Una vez creadas las actividades o en cualquier momento podemos ir a la pestaña Estilos para personalizar la aplicación. Un aspecto importante que se configura en Estilo son los colores de los textos que aparecen en la pantalla.
Una vez efectuados los cambios los guardamos antes de abandonar la página.
Pestaña Dashboard (salpicadero)
En esta pestaña se configuran algunos aspectos importantes como:
La presentación de los iconos en pantalla en el apartado Dashboard Type que ofrece las opciones None, Classic, List, Button Grid y Gallery. Un poco más adelante te mostramos imágenes con los resultados que se obtienen en cada caso.
Otro aspecto son los colores para el fondo, los títulos y los subtítulos.
También podemos activar la opción de mostrar el texto de los subtítulos.
Mostrar iconos y texto, o texto solamente o iconos solamente.
… Una vez configurada no hemos de olvidar de guardar los cambios.
50 Así de fácil: manual para desarrollar apps educativas con Andromo
Manual de Andromo adaptado por disanedu.com 51
Tipo Dashboard Classic Tipo Dashboard List
Tipo Dashboard Button Grid Tipo Dashboard Gallery
52 Así de fácil: manual para desarrollar apps educativas con Andromo
Pestaña Build (construir)
Una vez que hayamos terminado, o cuando se queramos probar lo que llevamos hecho hasta el momento, iremos a esta pestaña y pulsaremos sobre el botón Generar mi App. Esto generará un archivo APK que podremos instalar en cualquier dispositivo Android.
Puedes ver este vídeo de corta duración, que ayudará a realizar la tarea: Creación de su primera aplicación Android usando Andromo.com Una vez que el proceso de construcción se haya completado, se le enviará por correo electrónico un enlace a su archivo APK de Android, observa la siguiente pantalla:
Una vez que tiene el enlace a su APK Android puede instalar la aplicación en cualquier dispositivo Android y publicar su aplicación a Google Play
Manual de Andromo adaptado por disanedu.com 53
Mis Proyectos
Al acceder a Andromo o cuando pulsemos sobre la opción Mis Proyectos que aparece arriba a la derecha, veremos esta pantalla:
Aquí también tenemos un enlace que permite Descargar nuestra aplicación. Además tenemos tres botones:
Editar que permite modificar nuestras aplicaciones.
Build. Hemos de pulsarlo cada vez que queramos crear nuestro fichero APK. Esta tarea se realiza cuando queramos probar lo que llevamos hecho hasta el momento o cuando hayamos completado nuestra aplicación.
Borrar. Elimina nuestro proyecto.
Nota importante:
Si accedemos de forma gratuita, Andromo sólo nos va a permitir
tener un proyecto y además nos va a insertar su publicidad en
nuestras aplicaciones. Esta opción nos obliga a eliminar el
proyecto cada vez que queramos crear uno nuevo.
Si nos suscribimos y pagamos, podremos crear simultáneamente
varios proyectos y obtener ingresos por la publicidad.