domingo, 5 de marzo de 2017

App - Proceso creativo

¡Hola de nuevo!
Como en las entradas anteriores, continuamos trabajando con la App de las farmacias de Culleredo creada con App Inventor, en este caso os hablaré como podéis ver en el titulo del proceso creativo.
La aplicación la hice con ayuda de mi compañera Ainoa López, el trabajo nos lo repartimos equitativamente y hablándolo todo mediante WhatsApp, el proceso fue largo, nos ha llevado mucho tiempo y precisamos ayuda de algunos videotutoriales, y aun así hay cosas que no conseguimos hacer, como añadir un mapa al inicio, pero en general estamos muy contentas con el resultado ya que no nos imaginamos que sería tan "sencillo" crear una app.
Desde el primer momento elegimos las farmacias y teníamos como idea una pantalla principal con acceso a las diversas farmacias de Culleredo, y eso lo conseguimos, al escoger farmacia queríamos tener un acceso rápido a los horarios y poder llamar directamente desde la aplicación y también lo logramos, por el camino se nos quedó la idea de añadir un mapa que automáticamente encontrase nuestra localización y nos crease una ruta hasta la farmacia más cercana.
Como dije antes ha sido un proceso largo en el que empleamos muchas horas y tiempo, todas las imágenes de la aplicación fueron sacadas por nosotras en una tarde, vimos tutoriales como los que podéis ver a continuación, sin contar el tiempo de elaboración de la app que sin duda fue muchísimo.
Como os voy a dejar los videotutoriales que seguí para la realización, no os explicaré yo paso a paso como hacer los bloques de programación pero más abajo os dejo una presentación en la que aparecen los bloques de cada screen y una explicación breve sobre nuestra app.
- Vídeo tutoriales blog 'Programación y robotica"
- Programo ergo sum


Comenzamos a crear.
 En las primeras semanas, hicimos una aplicación de prueba en la que había una pantalla inicial, una pantalla para escoger entre tres farmacias y en esta un botón de más información que accedía a la farmacia Rilo como idea de lo que queríamos conseguir más adelante, aquí os dejo una comparación del antes y el después:

                                                                
   Modificamos el fondo con una imagen que nos parecía mejor estéticamente, el resto sigue igual.
















Como podéis ver, en un principio cada botón iba acompañado de una imagen, pero nos dimos cuenta de que no se veían bien los nombres y lo modificamos como en la segunda foto.
También el fondo ha sido modificado.


Esta pantalla sigue prácticamente igual estéticamente, el titulo en la app nueva va arriba, a continuación la imagen, los botones de la primera screen permanecen pero se añade el botón maps, los horarios y la dirección.

(La farmacia de la primera screen no podéis encontrarla en la nueva app ya que mas tarde nos dimos cuenta de que pertenecía a Coruña, pero en próximas actualizaciones añadiremos otras farmacias cercanas.)









Al hacer la aplicación de prueba quedamos bastante satisfechas y al darnos cuenta de que no era tan complicado como nos imaginábamos, hicimos con mas ganas la nueva app aunque ya teníamos bastante completo el proceso y solo nos quedó añadir información, mejorar la estética y añadir farmacias.

Nos encontramos en el último momento con un problema que no conseguíamos solucionar, la aplicación pesaba más de lo que soportaba el programa para crear un archivo apk, comenzamos a buscar información en Google y no encontrábamos nada, decidimos preguntar a nuestros compañeros de clase y uno de ellos, Yannick Juncal, nos dijo que también había tenido el mismo problema y que Diego Castro había resuelto el problema y le pedimos ayuda a Diego, entonces nos dijo que eliminásemos las imágenes que no fuésemos a utilizar en este apartado:





















Nos gustaría que nuestra aplicación tuviese más funciones que intentaremos añadir poco a poco y dejaros en nuestros blogs como actualizarla, entre lo que nos gustaría se encuentra el mapa con la geolocalización como dijimos antes, que a su vez en el mapa se resalte de alguna forma las farmacias 24 horas, añadir audio para personas con problemas de vista o simplemente para mejorar nuestra app, pero como ya os comente poco a poco iremos intentando añadir estas funciones. Os dejo una presentación que fue expuesta en clase hace un par de semanas sobre lo que queríamos conseguir y después la presentación que os prometí al comienzo de la entrada.




Como en la anterior entrada, pulsando aquí accedéis al archivo apk con el que os descargareis esta aplicación totalmente gratuita.

Espero que os haya servido de ayuda esta entrada y hasta la próxima.


sábado, 4 de marzo de 2017

App - Descripción técnica

¡Hola followers!
Como os hablé en una entrada anterior, sigo trabajando con la App de las Farmacias de Culleredo creada con App Inventor, esta aplicación está hecha con la intención de facilitaros la búsqueda de una farmacia cercana, facilitando a su vez los horarios, la ubicación, y poder llamar sin necesidad de salir de la App, además de ir acompañado de imágenes de la fachada de cada farmacia. Podríamos considerar a cualquier persona como cliente potencial, ya que todos en algún momento precisamos de acudir a una farmacia, y con la aplicación que cree junto con mi compañera Ainoa López, el trabajo se facilitaría a la hora de buscar una, además de ser una aplicación para todos los públicos.
A continuación, os explicaré el funcionamiento de esta y más abajo os dejo una presentación que incluye imágenes, explicación de los bloques de programación utilizados, descripción de la app, el icono...




En primer lugar tenemos la pantalla de inicio, al pulsar en LOGIN accedemos a la app.
 Bien, en esta pantalla podemos observar los distintos nombres de farmacias presentes en nuestra aplicación y con los que trabajaremos, para continuar debes escoger uno, en mi caso escogeré la del Portazgo.
 Como podéis ver aparece una imagen de la fachada, junto con tres botones: Maps, llamar y información. Mas abajo el horario y la dirección.

 Estas dos capturas muestran lo que veríais en el caso de darle al botón de información, un minimapa, los servicios proporcionados, el numero de teléfono, como llegar, la dirección de nuevo, más imágenes, comentarios de clientes...
 Esta screen muestra lo que aparece en el caso de pulsar el botón maps, como veis el punto azul es mi ubicación actual y el indicador rojo la farmacia del Portazgo.
Y como sabréis de sobra, esta es la reacción del botón llamar.

















Espero que os haya servido esta explicación, también podéis descargar pulsando aquí el archivo apk, para obtener esta aplicación en vuestro móvil, espero que os la descarguéis y os sirva si necesitáis acudir a alguna farmacia.

Nos vemos en la próxima entrada,