Herramienta web
Esta semana se avanzó en la extensión de Chrome para mostrar algo más amigable y un diseño que sea muy semejante al que se quedará al final.
Se cambió la manera de mostrar el sidebar ya que antiguamente se mostraba como un elemento que aparecía y desaparecía al momento de picar al botón del plugin que se muestra al lado de la barra de direcciones del navegador. El plugin se veía de esta manera:
 |
| Versión antigua |
 |
| Versión antigua |
Como se puede ver en las capturas de pantalla, el plugin tenía colores muy claros que se perdían con la página web de la tienda en línea, así que se decidió cambiar estos colores, además de agregar las transiciones al momento de esconder o mostrar la información.
En seguida se muestran una serie de capturas de pantallas, de como fue cambiando la vista del plugin durante esta semana de trabajo:
 |
| Se agregó un botón en la esquina derecha superior para el sidebar. |
 |
| El sidebar desplegado. |
 |
| Se modificó el color del botón y se agregó un icono que represente el plugin. |
 |
| Se cambio el color del sidebar. |
 |
| Se agregaron los eventos de javascript. |
Después de cambiar colores y haber agregado las transiciones se investigó como poder combinar colores de texto y fondo, teniendo en cuenta que se quiere que el plugin tenga un
fondo que contraste, entonces se buscó que paleta de colores sería adecuada, se encontró la página
http://colorschemedesigner.com/ , y se utilizó
por lo pronto la siguiente paleta de colores generada
http://colorschemedesigner.com/#2P41Tg0sSw0w0, es sólo una sugerencia ya que los colores aún no están completamente definidos, lo único que se tiene pensado es que el color del sidebar
no debe ser blanco ya que se confunde con el fondo de la tienda.
 |
| Paleta de colores. |
Después de investigar como poder combinar colores (aún falta una elección definitiva), se buscó si existía ya alguna manera de mostrar de manera amigable, clara y rápida la información ambiental de productos, se encontraron dos etiquetas que parecen ser buenas opciones para poder partir de esta información para representar y mostrar:
Se agregaron algunos de estos datos solo a manera de prueba, para ver la manera en que se van a mostrar los datos, así es como está actualmente el plugin:
 |
| Versión actual. |
Aún hay que modificar la manera de visualizar la información, ya que hay que agruparla y ver si está bien mostrarla con gráficas, estrellas, iconos de colores o cualquier otra forma de representar los datos y elegir la mejor para mostrar más datos ecológicos con menos elementos y de la manera mas clara y ordenada.
El video para mostrar el funcionamiento actual que se tiene del plugin:
El código se encuentra en el
repositorio.
Redacción de Tesis
- Se corrigió la ortografía de los capítulos 1 al 4.
- Se reescribió los objetivos y métodos de estudio que se encuentra en el apartado de resumen.
- Se agregó metodología basada en el desarrollo ágil al capitulo de Solución propuesta.
- Se agregó contenido al capítulo de evaluación.
Avances para la siguiente semana
- Se terminará el capítulo de Solución Propuesta.
- Se tendran los experimentos más definidos.
- La extensión mostrará los datos ecológicos seleccionados.
- La extensión funcionara en una segunda tienda en línea.
- Se agregarán imágenes de eco-etiquetas al capítulo 2.
No hay comentarios:
Publicar un comentario