así de fácil: manual para desarrollar apps educativas con ...así de fácil: manual para...

53

Upload: others

Post on 05-Oct-2020

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar
Page 2: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

2 Así de fácil: manual para desarrollar apps educativas con Andromo

Page 3: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 4: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

4 Así de fácil: manual para desarrollar apps educativas con Andromo

Page 5: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 6: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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 .

Page 7: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 8: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Nota:

No es necesario que sigas leyendo todo el manual, echa un

vistazo a las actividades que te puedan resultar más

interesantes y cuando quieras comprobar el trabajo que llevas

hecho pasa a la página 49 y sucesivas pues en ellas se define el

estilo y se construye la app.

Page 9: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 10: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 11: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 12: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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:

Page 13: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 14: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 15: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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 .

Page 16: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 17: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 18: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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>

Page 19: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 20: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 21: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 22: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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:

Page 23: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 24: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 25: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 26: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 27: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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 .

Page 28: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 29: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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:

Page 30: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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 :

Page 31: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 32: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 33: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 34: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 35: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 36: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 37: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 38: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 39: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 40: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 41: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 42: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 43: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

Manual de Andromo adaptado por disanedu.com 43

Page 44: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

44 Así de fácil: manual para desarrollar apps educativas con Andromo

usuario @AndromoRocks

Page 45: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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:

Page 46: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 47: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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 .

Page 48: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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:

Page 49: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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.

Page 50: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

50 Así de fácil: manual para desarrollar apps educativas con Andromo

Page 51: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

Manual de Andromo adaptado por disanedu.com 51

Tipo Dashboard Classic Tipo Dashboard List

Tipo Dashboard Button Grid Tipo Dashboard Gallery

Page 52: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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

Page 53: Así de fácil: manual para desarrollar apps educativas con ...Así de fácil: manual para desarrollar apps educativas con Andromo 2. Añadir actividades Las actividades van a dar

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 o a

registrarnos con otra cuenta de correo.

Si nos suscribimos y pagamos, podremos crear simultáneamente

varios proyectos y obtener ingresos por la publicidad.