Hola ,
está es la segunda parte de la descripción de Estudonde , el proceso artístico comienza cuando nosotras, Cristina Vázquez, Andrea Guerra y Sandra Vila, hemos empezado a crear esta aplicación, llamada estudonde, con el programa App inventor .
Antes de nada vamos a decir que nos ha llevado bastante tiempo elaborarla y nos surgieron algunos problemas en el proceso pero al final logramos hacer la APP y estamos muy contentas con el resultado.
La aplicación la hicimos entre las tres, así como las presentaciones que tuvimos que exponer en el aula, aún así a alguna se le daban mejor algunas cosas más que otras por lo que también nos dividimos un poco el trabajo basándonos en eso ,para poder acabar las tareas con un buen resultado. Utilizamos varias aplicaciones para comunicarnos entre nosotras a la hora de crear la aplicación, y así poder trabajar comunicadas cada una desde su casa; algunas de ellas fueron Whats app, mediante las videollamadas que ofrece esta aplicación, drive y gmail. También usamos varios programas de edición de fotos, que se indican en el diario, para elaborar ciertos elementos de la app como los fondos o el logo.
Para llevar el diario al día, cada sesión de trabajo quedó registrada en un documento en el que fuimos haciendo un diario sobre cómo fue todo el proceso de elaboración desde los inicios, aquí os lo dejamos
Diario de una app
Semana del 16 y semana del 23
Empezamos a investigar sobre el funcionamiento de App Inventor , mirando tutoriales, investigando otras aplicaciones y las posibilidades que nos ofrece este programa, para así poder realizar nuestra primera aplicación, la cual tendríamos que entregar antes del día 30 de enero incluído.Como solo era una prueba para comprobar qué sabíamos utilizar este programa, elegimos un tema cualquiera y diferente al de la aplicación definitiva.En esta primera aplicación incluímos tres pantallas, botones, logo, sonidos, localización, etiquetas y fondos.
27 de enero
Este día comprobamos el funcionamiento de la primera aplicación en clase, con un emulador instalado en el propio ordenador del aula y todo funcionaba como teníamos previsto.También aprovechamos este día para entregar nuestra tarea en clase y así poder tenerla ya calificada. Así mismo, pensamos el tema de la siguiente aplicación.
Fin de semana del 29
A partir de este fin de semana comenzamos a pensar cómo sería nuestra próxima aplicación, entre las tres decidimos el diseño, contenido, logo, estructura de la misma y fuimos investigando cómo llegar a nuestro objetivo.Este mismo fin de semana creamos el logo de la aplicación, con la ayuda de varios programas como Picsart , y le asignamos un nombre “ Estudonde”.
3 de febrero
Elaboramos la presentación, con esquemas , para qué en nuestra próxima exposición en el aula nos ayudase como apoyo visual.
6 de febrero
Expusimos ante la clase la presentación creada, en la que resumimos nuestra idea de la aplicación definitiva, comentamos el contenido de la misma, y como esta podría ayudar a personas de diferentes edades.También mencionamos el funcionamiento que la aplicación podría tener.
9 de febrero
Nuestros compañeros expusieron cada una de sus aplicaciones, comentando qué idea tenían sobre su propia aplicación definitiva.
16 de febrero
Hoy pensamos algunos fondos para nuestra aplicación, consideramos una buena idea la temática de pizarras ya que nuestra app es de estudios.Con esto ya decidido empezamos a elaborar la aplicación, buscar imágenes siguiendo los permisos de uso ,y a personalizar los fondos que pondríamos posteriormente en las diferentes pantallas de nuestra app.
Elegimos también el tipo de letra que usaremos para los títulos, uno similar a la escritura de las tizas, para encontrar este tipo de letra lo que hicimos fue descargar una app en el móvil llamada Phonto que nos permite poner texto en las imágenes. Seleccionamos el fondo escogido para las pantallas y lo subimos a Phonto ,en él escribimos lo que necesitábamos con el tipo de letra que más nos gustaba y por último guardamos la imagen editada y la subimos a nuestra app usandola como fondo de pantalla. De este modo conseguimos poner la letra que queríamos en la aplicación.
17 de febrero
En el día de hoy seguimos poniendo texto a las imágenes de fondo de la app que faltaban. Además creamos la segunda pantalla ,ya lista, y elaboramos los bloques que indican el funcionamiento de la aplicación.En esta pantalla lo que hicimos fue colocar 5 botones dentro de un arrangement cada uno .Modificamos los botones para que tuviesen la misma letra que los títulos, usamos Phonto para escribir texto en una imagen, usamos la misma imagen que en el fondo, y la editamos y recortamos para que quedase bien y así poder ponerla en el botón y que se viesen los nombres de a dónde nos lleva cada uno.
18 de febrero
Hoy terminamos la página de inicio en la que colocamos una imagen de fondo libre de derechos de autor con un lema que se nos ocurrió.Al poner el botón que nos llevaría a la segunda pantalla nos dimos cuenta que quedaba muy mal la letra que aportaba el propio App Inventor por lo tanto el lema , el nombre de la app y el botón son imágenes que creamos con Picsart en un teléfono móvil. Cuando terminamos el código de bloques de la pantalla 1 y el diseño ya estaba perfecto, pasamos al diseño de la pantalla 3, puesto que la pantalla 2 está completamente terminada , tanto el código como el diseño. En la pantalla 3 ( qué es la de información) colocamos un texto introductorio a la app y un botón en el que cuando clicas nos envía un correo electrónico para que los que se descarguen la app puedan contactar con nosotras, hicimos el código y pasamos a la pantalla 4 y a la 5 en las que ya se desarrollan los temas, estas dos pantallas no tienen el código terminado , tiene unas imágenes provisionales que no serán las definitivas ya que no están etiquetadas para la reutilización por lo que el Lunes sacaremos las fotos necesarias para sustituir las provisionales. Al estar haciendo esta app nos dimos cuenta de que sería genial tener una página web de apoyo a la aplicación por lo que hicimos nuestra página web con WEBNODE y es:http://estudonde7.webnode.es/ . Pusimos sonido en todos los botones y nos queda para el próximo día , investigar como poder hacer scroll en las pantallas 4 y 5.
21 de febrero
Hoy descubrimos algún fallo en la app que no sabemos a qué se debe, pedimos ayuda a algunos compañeros e intentamos solucionarlo nosotras.
22 de febrero
Ayer no dimos arreglado la app por lo que hoy un amigo nos ayudó a resolverlo y a averiguar cuál fue el problema. La causa había sido la mala colocación de los bloques y la situación de un componente, debido a este fallo tuvimos que eliminar el botón que permitía contactar con nosotras desde la app ,pero incorporamos esto el la página web para no privarnos de esta idea.
23 de febrero
Hoy volvimos a localizar otros fallos, la pantalla no se deslizaba hacia abajo y no nos dejaba ver todos los componentes, otro fallo fue que no nos dejaba abrir una pantalla. Conseguimos con la ayuda del profe y otros compañeros solucionar el segundo fallo, pero el primero no le encontramos una solución pues no veíamos nada mal en la app.Debido a esto intentaremos solucionarlo nosotras o sino buscaremos una segunda opción para hacer la app.
24 de febrero
Hoy intentamos solucionar el problema de la pantalla pero no fuimos capaces, entonces decidimos seguir con los bloques y solucionar más tarde el scroll.
25 de febrero.
Nos está resultando bastante complicado solucionar el fallo, pero encontramos una segunda opción por si acaso no lo logramos. Esta consistirá en poner botones que nos lleven a nuestra página web y allí encontraremos las academias, pasantías y bibliotecas.
A la tarde intentamos seguir con la app y probando cosas para solucionar el problema, en un momento que creímos que ya estaba arreglado y nos disponíamos a descargar el apk para simular la app en el móvil nos apareció otro problema, la app pesaba demasiado y no nos dejaba descargarla. Eliminamos varios componentes y pantallas, todo ello en una copia del proyecto no en la auténtica app, pero no conseguimos nada, al final le mandamos un correo al profe para ver si él nos podía ayudar. Mientras tanto empezamos a elaborar la segunda presentación de la aplicación, elegimos un fondo de pizarra que nos recordase un poco a los fondos de la app.
Nos decidimos por seguir la segunda opción al final, eliminamos alguna pantalla y los fondos para eliminar peso, y colocamos botones que nos llevasen a la página web donde se encuentra la información de cada lugar.Pensamos que colocar una pantalla que nos permitiese localizar una dirección en un mapa sería una gran idea, así que mañana probaremos a hacerlo.
Como es lógico no estábamos todas haciendo lo mismo en este momento, las demás hacían la página web y la presentación.Con el trabajo repartido resulta mucho más fácil hacer las tareas.
26 de febrero
Hoy es el día en el que debemos entregar la app y la presentación. Al haberlas trabajado ya anteriormente, en el día de hoy nos faltan los últimos detalles así como mejorar un poco la estética y perfeccionar pequeños detalles para que quede perfecta.
Nos dispusimos a elaborar la pantalla con el buscador, buscamos en internet varios tutoriales de como se hacía y al final quedó perfecta. Mientras la elaboramos tuvimos ciertos problemas pues no nos abría google maps. Al final descubrimos el fallo, se debía a no tener conectada en el móvil la ubicación. Para que eso no se volviese a repetir colocamos un notifier que aparece cuando pulsas el boton de abrir mapa y te avisa de que conectes la ubicación para poder usarlo.
Después de acabar con el mapa, acabamos de elaborar todo , y como somos tres en el grupo una se dedicó a perfeccionar bloques y a finalizar los detalles de la app, otra a la elaboración de la presentación y su contenido y la última se dedicó a la elaboración de la página web y a sacar las fotos que nos faltaban.
La aplicación, pese a los problemas que surgieron nos quedó perfecta y las tres estamos orgullosas del trabajo que hicimos y de los resultados.
Ahora os vamos a dejar aquí nuestras presentaciones, ya nombradas anteriormente en el diario de la app. La primera será la esquemática que usamos para mostrar cuál era nuestra idea de Estudonde y como pretendíamos que fuese, la segunda presentación es la que usamos para “vender” nuestra app ya acabada en clase mostrando como quedo, como funciona y qué pretendemos con ella.
Este es el apk que debéis descargar si queréis ver cómo es Estudonde y como nos quedo la aplicación al final de todo el proceso:
También os vamos a dejar en esta entrada el enlace a la página web a la que está conectada nuestra aplicación. Si quieres ver la web pulsa AQUÍ.
No hay comentarios:
Publicar un comentario