Nombre de equipo: Recyreceipt EPLA

Colegio: Escuelas Profesionales Luis Amigó (EPLA)

Participantes:

1. Aitana Pérez - Coordinadora de proyecto y programadora.
2. Jorge Cavero - Programador.
3. Alicia Aleixos - Diseñadora gráfica.
4. Paula González - Diseñadora de proyectos de 2ª vida.
5. Sofía Gras - Diseñadora de proyectos de 2ª vida. 
6. Lucía Laguarda - Diseñadora de proyectos de 2ª vida. 
7. Milko Ivanovic -  Diseñador de proyectos de 2ª vida. 
8. Saúl Domènech - Creador de contenido y programador.
9. Marc Garfella - Creador de contenido y community manager.
10. Adrià Yepes - Creador de contenido y página web.

Nombre de la App: RECYRECEIPT

Página web: http://www.recyreceiptepla.es/

Canal de YouTube: EQUIPO RECYRECEIPT EPLA  https://www.youtube.com/channel/UCVlajQrQ1gC_JVV5WlzPF0A

Breve descripción: 

La App de Recyreceipt nos ayuda a registrar la cantidad de plástico, cartón y vidrio que adquirimos tras nuestras compras, para poder llevar un mayor control sobre su RECICLADO. También creemos que REUTILIZAR es una gran opción, por eso hemos creado numerosos proyectos paso a paso con los que podrás convertir materiales que vas a tirar en fantásticos objetos (REDUCIR). Finalmente, creemos que debemos premiar a aquellas personas que, como nosotr@s, quieren crear un futuro mejor, con magníficos descuentos de comercios colaboradores.

¡Únete a nosotr@s y diviértete reciclando!

Diseño App

Todas las ilustraciones han sido diseñadas por nuestro equipo Recyreceipt, ¡incluido nuestro logo!

1. Parte superior:
   1. Acceso directo página web.
   2. Acceso directo canal de YouTube.
2. Parte central:
   1. Espacio específico para cada pantalla.
3. Parte inferior:
   1. Movimiento entre pantallas: botones ATRÁS e INICIO.

Descripción pantallas

1. Inicio sesión /registro. 

Puedes ir a la pantalla de REGISTRO para crear un nuevo usuario o INICIAR SESIÓN. 

Hemos vinculado nuestra app con Firebase, una base de datos en tiempo real que nos permite almacenar datos y modificarlos cada vez que queramos. 

En este caso, ambas pantallas se comunicarán con nuestra base de datos, creando un nuevo usuario vinculado a una contraseña o comprobando si existe un usuario en concreto y si su contraseña coincide con la que se ha escrito en el campo de texto. 

2. Pantalla principal.

Desde aquí podemos acceder a todas las funciones de nuestra app:

Actualizar: para sumar o restar materiales (compra o retirada/reciclaje de material) en la base de datos. Con esta función queremos conseguir un mayor control y sobre la cantidad de material que adquirimos y el que reciclamos (RECICLAR).

Descuentos: para consultar y descargar cupones de descuento que se habilitarán cuando realicemos determinadas retiradas de material en los contenedores inteligentes Recyreceipt que hemos diseñado. ¡Reciclar puede convertirse en algo divertido! Para esto, hemos contactado con comercios de conocidos (comercios colaboradores) que nos han autorizado para utilizar sus logotipos porque como nosotr@s, creen en la necesidad de reciclar y han decidido colaborar con nuestro proyecto, ¡Muchas gracias!

Proyectos de 2ª vida:  ¿A qué nos referimos con proyectos de 2ª vida? Creemos que REUTILIZAR es una opción magnífica, por eso hemos creado proyectos en los que reutilizamos cartón, plástico y vidrio, transformando esos objetos que íbamos a tirar a la basura en nuevos (REDUCIR). 

Ubicación contenedores: queremos que el uso de nuestra app sea sencillo para el usuario por lo que desde este botón podremos acceder a la ubicación exacta de los contenedores e incluso podremos acceder al CÓMO LLEGAR, desde nuestra propia ubicación.

Personaje R3: pulsa sobre él y te contará datos curiosos sobre reciclaje, ¡No te lo pierdas!

¿No te ha quedado claro? Pulsa sobre el botón ¿Cómo funciona? y nuestra compañera Sofía te lo explicará de nuevo.

3. Actualizar.

En esta pantalla accederemos a nuestra base de datos para actualizar la cantidad de material a reciclar, ya sea una compra o una retirada. 

COMPRA:

Imaginemos que estamos haciendo la compra, nos colocamos en la cola. Cuando nos sale en caja el total de la compra, en una pantalla instalada al lado de caja aparecerá el código Recyreceipt con la información de la cantidad de plástico cartón y vidrio de nuestra compra. 

Pulsamos sobre el botón ACTUALIZAR y se abrirá la cámara de nuestro móvil (LECTOR DE CÓDIGO DE BARRAS), escanearemos el código de barras e inmediatamente veremos cómo se actualiza nuestra base de datos. 

En la parte superior, veremos el valor actualizado de nuestra base de datos.

En la parte inferior, el valor de la última lectura.

RETIRADA:

Imaginemos que queremos reciclar el material. Acudimos a los contenedores inteligentes Recyreceipt en los que habrán 3 compuertas (plástico, cartón y vidrio). Introduciremos los datos de nuestro usuario y las compuertas se abrirán. Cuando hayamos depositado cada tipo de material en su correspondiente compuerta, pulsaremos el botón de pesar. Las compuertas se cerrarán y una báscula pesará la cantidad de cada material, generando un nuevo código de barras en el display.

Pulsamos sobre el botón ACTUALIZAR y se abrirá la cámara de nuestro móvil (LECTOR DE CÓDIGO DE BARRAS), escanearemos el código de barras e inmediatamente veremos cómo se actualiza nuestra base de datos. 

En la parte superior, veremos el valor actualizado de nuestra base de datos.

En la parte inferior, el valor de la última lectura. En este caso, al ser una retirada, nos avisará,  ¡tenemos un descuento disponible!

¡DIFICULTADES! Como sabéis, los códigos de barras están formados por letras y números consecutivos, por eso podemos utilizarlos para albergar información, en este caso, la cantidad de cartón, plástico y vidrio que contienen los productos de nuestra compra. El problema lo tuvimos a la hora de realizar las lecturas de códigos, queríamos que en una sola lectura pudiésemos obtener los 3 valores a la vez (si no, el usuario tendría que escanear 3 códigos distintos y es algo incómodo). Al final, lo solucionamos separando los valores con puntos y diciéndole a App inventor que los lea y separe en los puntos. Es importante colocar los valores en el mismo orden, nosotr@s hemos utilizado: cartón, plástico y vidrio.

4. Descuentos. 

En este caso, pulsaremos sobre el botón de ACTUALIZAR, para comunicarnos con la base de datos y consultar si tenemos algún descuento disponible. Si es así, la imagen del cupón de descuento se hará visible, si no nos mostrará un mensaje de que debemos realizar una retirada de material a reciclar en algún contenedor Recyreceipt.

5. Proyectos de 2ª vida.

Accederemos a una primera pantalla que nos filtra entre CARTÓN, PLÁSTICO y VIDRIO. Podemos navegar entre las distintas pestañas y acceder a la información de cada proyecto: nombre de proyecto, dificultad, materiales, herramientas, pasos y acceso directo al video paso a paso de nuestro canal de YouTube.

¡DIFICULTADES! Esta fue una de las cosas más difíciles de programar porque App Inventor limita el máximo de pantallas a 10 y llegados a este punto ya teníamos 7 y para todos los proyectos que queríamos añadir necesitábamos mínimo 21 más. Por esto y tras mucho investigar, averiguamos que podíamos hacer visibles o no visibles las disposiciones. Por eso creamos dos disposiciones de 100 x 100 (tamaño total de la pantalla). En la primera disposición introducimos los botones de acceso directo a cada proyecto, de forma que cuando hacemos click en uno de ellos, esa primera disposición se hace no visible y la segunda se hace visible.

Además, para poder colocar todos los datos de todos los proyectos en esa misma disposición, dejamos fijas las etiquetas como: nombre, dificultad, materiales, herramientas y pasos y otras vacías a su derecha. Creamos variables por cada proyecto creando listas con la información a colocar en las etiquetas, de esta forma cuando hacemos click en un botón u otro, llamaremos a la variable de un proyecto y la información que contenga, será la que aparezca en las etiquetas vacías. 

¡Cómo veis podemos consultar toda esta información desde una misma pantalla!

Canal de YouTube - EQUIPO RECYRECEIPT EPLA

6. Ubicación contenedores.

Seleccionamos ubicaciones amplias en la zona de Valencia y colocamos marcadores en el mapa de nuestra app con las coordenadas exactas de dichas zonas.

Además, gracias al ActivityStarter podemos comunicarnos directamente con Google Maps y acceder a  CÓMO LLEGAR.

Página web

Hemos diseñado una página web completamente desde cero, utilizando el lenguaje de marcas HTML; en la que podemos consultar la información de nuestros proyectos, ver fotos y los vídeos paso a paso. Hemos utilizado el editor de código fuente Sublime Text. Y también hemos comprado un dominio para publicarla. 

El diseño sigue completamente la línea de la app y hemos utilizado las mismas ilustraciones diseñadas exclusivamente para este proyecto.

Página web: http://www.recyreceiptepla.es/

¡Descárgate la App y prueba!

Junto al archivo .apk con el que podrás descargarte nuestra app, hemos colocado dos ejemplos de tickets y dos ejemplos del código que aparecería tras el reciclado o retirada del material, para que los descargues y pruebes. ¡Anímate!

¿Imaginas que esto es posible? 

¡NOSOTR@S SI!

¡VÓTANOS y AYÚDANOS

a hacerlo posible!