Desarrollo de una aplicación de ejemplo: movilidapp Desarrollado por movilidapp www.movilidapp.com
Introducción Veamos un ejemplo de construcción de una App con Mi Aplicación. Concretamente la App de movilidapp, que puedes descargar en Google Play para ver el resultado final. Esta App sólo se definirá para el idioma español, el idioma por defecto en Mi Aplicación. Configurar las páginas Una vez descargada Mi Aplicación, como primer paso, se configuran las páginas que tendrá la App. En este caso únicamente las páginas principal (con la de descripción de detalle y la ubicación), servicios y novedades. Por lo tanto se hacen no visibles la página de chat y la de galería. Posteriormente, se configura el tipo de letra y colores de los distintos elementos para la página principal. Se ajustan probando el resultado, y una vez que se deciden se copian al resto de páginas. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 2
Datos de contacto A continuación se configuran los datos de contacto. Añadiremos una dirección únicamente, con localización física, número de teléfono, página web, correo electrónico y página de facebook. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 3
Página principal Para configurar el contenido de la página principal comenzamos por eliminar los textos de demostración que tiene por defecto Mi Aplicación. E introducimos a continuación los textos que deseamos para nuestra App. Posteriormente diseñamos las imágenes que colocaremos en la página principal, y que ilustrarán las descripciones introducidas. Puede tratarse de cualquier tipo de imágenes, tanto prediseñadas con algún software de edición gráfica como fotografías realizadas con el mismo dispositivo móvil con el que construimos la App. En nuestro caso, para la página principal utilizaremos tres imágenes que diseñamos mediante una herramienta gráfica en el ordenador. Para pasarlas al móvil las subiremos a la nube mediante la plataforma que proporciona de forma gratuita Dropbox (www.dropbox.com). No obstante, pueden utilizarse otras plataformas similares como Google Drive. Basta con colocar las imágenes diseñadas en una carpeta de nuestra cuenta de Dropbox para que sean accesibles desde nuestro dispositivo móvil (en el que tenemos instalada para ello la app de esta plataforma). Para poder colocarlas como contenido de nuestra App debemos crear un nuevo recurso por cada una de ellas. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 4
Una vez creados los recursos, basta con seleccionarlos para colocarlos en la página principal. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 5
Este sería el resultado final que obtenemos. A continuación, para formar la descripción detallada introduciremos el contenido de la misma forma que hemos hecho para la descripción general: en primer lugar el texto que queremos mostrar, y a continuación, las imágenes o documentos que lo complementan, creando recursos por cada uno de ellos. En nuestro caso, en dicho contenido describiremos las ventajas que proporciona una aplicación móvil para la promoción de tu negocio. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 6
Nuestros servicios La segunda parte fundamental del contenido de nuestra App es la página de servicios. En ella crearemos un catálogo con la siguiente estructura de tipos de elementos y elementos correspondientes a los servicios que ofrecemos desde movilidapp: Desarrollo de aplicaciones Android Mi Aplicación Plataforma de ventas Aplicaciones a medida Diseño Web Diseño de páginas web y tiendas virtuales Integración con la tecnología móvil Veamos a modo de ejemplo cómo creamos el primero de los tipos y el servicio Plataforma de ventas dentro del mismo. En primer lugar transformamos el tipo que trae como ejemplo Mi Aplicación en nuestro primer tipo. Además de modificar el texto, añadimos una imagen que previamente habremos creado como recurso. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 7
Para este tipo, suponiendo ya creado el primer servicio asociado al mismo, Mi Aplicación, creamos el segundo: Plataforma de ventas. Creamos el nuevo servicio, introduciendo en primer lugar el nombre y su descripción completa. A continuación asignamos como características del servicio tres imágenes de la plataforma de ventas. Dos de ellas ya se tienen en sendos recursos incluidos en la página principal, por lo que basta con seleccionarlas como características de este servicio (no es necesario crear nuevos recursos). Creamos el recurso asociado a la tercera imagen y la asignamos al mismo. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 8
De esta forma, el resultado final que queda en el catálogo de servicios es el siguiente: Repitiendo el mismo trabajo para el resto de servicios se consigue el catálogo completo con la estructura indicada inicialmente. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 9
Registro de la App en www.miaplicacion.es Ya que tenemos el contenido de la App creado. El siguiente paso es crear una cuenta en www.miaplicacion.es, si no la tenemos, y registrar nuestra App. Para crear nuestra cuenta de cliente basta acceder a la página web (www.miaplicacion.es) y utilizar la opción de Login. Una vez creada la cuenta siguiendo los pasos que nos indica la web, procedemos a realizar el primer pago de App para poder registrarla. Esto se hace desde la opción de menú Precios y pulsando el botón Comprar App. Con ello accederemos a la tienda virtual desde la que realizar el pago; basta con seguir las instrucciones de la misma. En la primera pantalla, se nos solicitará el nombre de la App, así como varias opciones para la misma: si tendrá banner de publicidad o no, si tendrá página de chat o no, y si utilizaremos grupos de usuarios para enviar novedades de forma restringida a estos grupos. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 10
Finalizado el pago, obtendremos el número de serie para nuestra App, que utilizaremos posteriormente para registrar su contenido. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 11
Para proceder a dicho registro, volveremos a Mi Aplicación. Desde la opción de configuración Versiones, seleccionamos la única versión disponible (en nuestro caso no hemos necesitado crear distintas versiones del contenido) y en ella pulsamos el botón de registro. Con esto de nos mostrará la pantalla en la que introducimos nuestro correo electrónico asociado a la cuenta de cliente en www.miaplicacion.es y el número de serie de la App. Al terminar el proceso de registro, quedamos a la espera de que se pongan en contacto con nosotros desde movilidapp para perfilar algunos detalles de diseño y finalizar la App. Resultado final Descarga desde Google Play la aplicación final. Utiliza el lector de códigos QR de tu móvil o tablet. movilidapp. Un ejemplo de desarrollo mediante Mi Aplicación 12