Difusión de " Estudonde"

Hola a todos:

En el día de hoy empieza el proceso de difusión  y por ello hacemos pública nuestra app "Estudonde" para que la podáis descargar sin ningun tipo de coste y disfrutar de su uso.

 A continuación os dejamos el cartel que colocaremos en academias, escuelas, bibliotecas y otros ámbitos de estudio, pues como ya sabéis esta orientada hacia la educación. Además, en este cartel tenéis dos códigos QR, uno para descargar la app y otro para ir a nuestra página web:

Como veis es fácil, sencillo y gratuito !Animaos! y por supuesto, ! esperamos que os guste !

Un saludo de parte de las creadoras de la app, Cristina Vázquez, Sandra Vila y Andrea Guerra.

Crisitina Vázquez Vázquez

Descripción creativa de Estudonde

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 usándola 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Í.

Descripción técnica de Estudonde

Hola ,

en la entrada de hoy procederemos a describir la aplicación qué hemos hecho esta segunda evaluación de una manera técnica : explicaremos el objetivo de la misma , sus clientes potenciales , que resuelve y cómo funciona.

En primer lugar , deciros que esta aplicación la hemos creado con un programa gratuito llamado App Inventor y tras un tiempo decidiendo cómo la íbamos a enfocar , decidimos que sería una app que mostrase todos los centros educativos de Culleredo , que se llamaría “Estudonde” y por supuesto sería totalmente gratuita. Este proceso creativo qué seguimos lo explicaremos más detalladamente en otra entrada de blog .

Es importante explicar que la creación de esta aplicación fue un trabajo en equipo entre Sandra Vila Gómez , Andrea Guerra Platas y yo. Como en la mayoría de trabajos en equipo , nosotras también decidimos hacer un reparto de tareas , aunque todas nos ayudamos mutuamente y por lo tanto todas sabemos hacer todos los procesos seguidos.

• Sandra se dedicó principalmente a la creación de bloques de la aplicación, pero también sacó algunas de las fotografías que existen en la app.
• Yo cree todos los fondos y diseñé todas las pantallas pero también ayudé a Sandra con los bloques.
• Andrea creó la página web como soporte a la aplicación y ayudó a Sandra con la programación.

La aplicación qué hemos creado , Estudonde , es una aplicación dirigida a todos los chic@s de todas las edades aunque las principales etapas de estudio sean primaria , secundaria y bachillerato, a las que nos dirigimos principalmente, y que no conozcan todos las posibilidades de lugares que tienen para poder estudiar. Además de informarse de todos los centros de estudio de Culleredo también les proporcionamos un número de contacto , una dirección , y una amplia descripción de cada centro.

Sabemos , que un niño de 10 años y un adolescente de 17 que está preparando la reválida no tienen las mismas necesidades a la hora de estudiar por lo que dividimos nuestra aplicación en tres grandes bloques y añadimos una pestaña de información sobre nosotras y nuestra app, también agregamos un mapa donde puedes buscar todos los centros de estudios de Culleredo para poder localizarlos más facilmente.

• Primaria.
• Secundaria.
• Bachillerato.

Estructura

Como comentamos antes , Estudonde está dirigido a un público variado , y entre esta variedad se encuentran niños pequeños que se pueden conectar mediante una tablet o el móvil de sus padres , pero que generalmente  no tienen mucho control sobre estos dispositivos , por lo cual la aplicación tiene una estructura muy sencilla .

• Cuándo abres la aplicación te abre la primera pantalla que es la que vemos a continuación y cuando pulsas el botón “Siguiente” te lleva a la segunda pantalla.

• Cuándo estás en la pantalla dos tienes 5 opciones de lugares donde puedes presionar y dependiendo de qué pulses te llevará a las diferentes partes de la aplicación

El “Abrir mapa” te lleva a la pantalla seis donde podrás buscar en un mapa la localización de todos los centros educativos que existen en Culleredo y de los que más tardes hablaremos.

El “Información” te lleva a la pantalla tres donde sólo hay texto y en ella puedes encontrar toda la información sobre nuestro grupo , quienes somos y sobre la app en sí.

• El “Primaria” te lleva a la pantalla 4 también tiene numerosas opciones.
• Si pulsas “Academias” te llevará hacia un lugar de nuestra página web de la que hablaremos más adelante donde estarán todas las academias donde puedan estudiar los niños de Primaria.
• Si pulsas “Bibliotecas” te llevará a otro lugar de nuestra página web donde estarán todas las bibliotecas donde puedan estudiar los niños pequeños.
• Si pulsas en “+info” te llevará a cada uno de los post de la página web con las largas descripciones de cada centro de primaria.

• El secundaria y bachillerato es exactamente igual a primaria pero en vez de colegios, están los institutos y bachilleratos.

Programación:

• Pantalla 1 :

La primera pantalla es la más sencilla y solo cuenta con un botón al que le incorporamos un sonido.Como podemos ver en el bloque al pulsar el botón siguiente suena el sonido “botón” y se abre la pantalla 2.

• Pantalla 2 :

Esta pantalla tiene 5 bloques diferentes pero todos hacen lo mismo, al pulsar el botón se abre una pantalla y suena un sonido.Al pulsar primaria ,por ejemplo, nos vamos a la pantalla 4, es la misma construcción que la pantalla anterior.

• Pantalla 3: Esta pantalla solo tiene un label por lo tanto no tiene bloques ni programación alguna.
• Pantalla 4: Al pulsar el botón 1 , el de academias se abre la página web por lo que en los bloques colocamos una activitystarter hacia el DataUri donde pusimos el enlace a la página que queremos que aparezca y el Action en el que pusimos el código apropiado. Como vemos en la pantalla al pulsar el botón se enciende la activity starter y nos lleva a la pagina web y suena un sonido. Con los demás pasa lo mismo pero el enlace del DataUri cambia.

• Pantalla 5: Como comenté antes esta pantalla tiene el mismo funcionamiento qué la cuatro por lo tanto tiene la misma programación.

• Pantalla 6 :

Estes son los bloques de la pantalla del buscador, es muy simple la pantalla y los bloques igual, usamos el activitystarter y un notifier. En el cuadro de texto, no aparece en los bloques,pero pusimos una frase( escribir un lugar) para que apareciese de fondo.

Y el funcionamiento de esta pantalla sería así, primero escribimos la dirección en el cuadro de texto y después pulsamos el botón de Google Maps que nos lleva a allí.

Los bloques del botón son startactivity, activity Class en el que pusimos el código para los mapas ,y un DataUri que lleva conectado el join, que sirve para conectar entradas, conectamos un código y el cuadro de texto(Así conseguimos que cuando se abra el mapa, por el código, se abre justo en la dirección del cuadro de texto), además añadimos una notificación que muestra en la pantalla abriendo mapas.De esta manera al pulsar google maps ,con la dirección puesta, suena un sonido y el activitystarter empieza, nos aparece el aviso y nos lleva a google maps.

Esquema de la aplicación:

Y esta sería toda la descripción técnica de nuestra aplicación Estudonde , aquí dejo un enlace al apk para poder descargarla en vuestros dispositivos móviles, un enlace a la página web y os embebo la presentación que utilizaremos como apoyo visual el día 6 de marzo al exponer nuestra aplicación en el aula. Y también la entrada donde se encuentra explicado el proceso creativo.