Preparación de un artículo

Esta semana la tarea es investigar alguna revista en la que tenga interés en publicar un artículo, el artículo tiene que cumplir con ciertas normas de la revista elegida, por ejemplo que los temas que abarca el artículo sean temas que encajan en la temática de la revista, por ejemplo no se puede publicar algo se software en una revista que hable de política. También hay que cumplir con ciertas normas de estructura, es decir, los subtemas que contendrá el artículo así como el formato del documento como párrafos, espaciado, márgenes, etc.

La siguiente es la revista que yo elegí:

Ingeniería Investigación y Tecnología


Ingeniería, Investigación y Tecnología tiene como propósito difundir información y conocimientos originales e inéditos relacionados con la ingeniería en todas sus áreas. Es un foro abierto para profesores, investigadores, profesionales y estudiantes de todo el mundo, en el que se publican artículos en español e inglés.

El sitio web: http://www.ingenieria.unam.mx/~revistafi/
http://www.ingenieria.unam.mx/~revistafi/esp_InstruccionesParaAutores.php
http://www.ingenieria.unam.mx/~revistafi/ejemplares/V15N2/V15N2_art03.pdf

Se tiene que enviar el escrito del artículo de la siguiente manera:

• Escrito en Word.
• Una columna con interlineado sencillo.
• No se restringe a algún tipo de fuente en particular, ni los márgenes.
• Las figuras, fotografías y tablas se deben colocar en el lugar que les corresponde a lo largo del artículo. Los títulos de tablas y pies de figuras o fotos deben explicar claramente su contenido.
• Las figuras y fotografías, al insertarlas en Word pierden resolución y se admiten sólo para evaluación. Los autores deben contar con las versiones EPS, TIFF o JPG con calidad mínima de 300 dpi para enviarlas en caso de que el artículo sea aceptado para publicación.
• El artículo debe tener no más de 15 páginas, incluyendo tablas y figuras o 6,000 palabras (máximo).
• Las expresiones matemáticas deben estar escritas claramente y se debe utilizar el Sistema Internacional.
• Debe utilizar cifras arábigas para la identificación de tablas, pies de figuras o fotos.

Esta es otra revista que puede ser tomada en cuenta de acuerdo a la temática de mi investigación más enfocado al medio ambiente que al proceso del desarrollo del software, sin embargo entra por tratar de dar una solución a la disminución de la contaminación y por el uso de la tecnología en esta solución:

Revista Internacional de Contaminación Ambiental 

En esta revista se aceptan para su publicación trabajos originales y de revisión sobre aspectos físicos y químicos de la contaminación, investigaciones sobre la distribución y los efectos biológicos y ecológicos de los contaminantes; así como sobre tecnología e implementación de nuevas técnicas para su medida y control; también son aceptados estudios sociológicos, económicos y legales acerca del tema.

El sitio web: http://www.revistas.unam.mx/index.php/rica

Avance de Código

Se empezó a guardar los nombres de los productos que se encuentran que no están guardados aún en la BD , desde el javascript de llama con un Ajax al url del servidor local y por medio de GET se mandan los parámetros para que se guarde el nombre del producto si es que un no existe en la base de datos.

Se cambio el contenido de los archivos a un content script para no tener que activar o desactivar el plugin simplemente que funcione cuando se abre la página de Soriana o HEB.

Avance de Tesis
Se realizaron correcciones en todos los capítulos y se agrego información al capítulo de Solución propuesta.

Preparación de un póster

Redacción de Tesis

Esta semana se corrigieron errores en la bibliografía y en los capítulos 1, 2, 3 y 6. Los capitulos 4 y 5 aún no están completos pero se avanzó un poco en la redacción.
También se completó la presentación y se agregaron imágenes en las diapositivas.
Por último se creo un póster en el que se trata de resumir lo más posible el trabajo realizado durante el semestre.

Código

En esta parte se estuvo trabajando en la idea de crear módulos separados y genéricos para poder utilizar en cualquier tienda en línea conociendo los elementos html que contienen el nombre de los productos. Se cambiaron aspectos de diseño, como el color y el efecto de transición del sidebar para que sea un poco más amigable al usuario.

Además de una funcionalidad de promediar los resultados verdes de cada categoría para así mostrar estrellas que indican el promedio total. Por lo pronto todo es autogenerado. Pero en las siguientes semanas se estará relacionando este promedio con la otra información generada de manera automática.

Los cambios están el repositorio.

Trabajo de la siguiente semana.

• Redacción: Terminar todas las correcciones de manera general y diseñar de manera más detallada los experimentos y terminar de redactar el capítulo de solución propuesta.
• Código: Guardar los datos desde el javascript y comenzar a guardar datos random.

Presentación

Redacción de Tesis

Esta semana se estuvo trabajando principalmente en las correcciones de los primeros capítulos de la tesis, agregando contenido, agregando imágenes y reescribiendo párrafos para poder presentar de una manera más claras las ideas que se pretenden mostrar al lector.

Se agregaron tablas para expresar mejor algunos experimentos que aunque no están terminados se está avanzando en la idea, la parte de los capítulos de Evaluación y Solución propuesta se piensan terminar en el transcurso de esta semana para tener todo listo para las pruebas finales con el usuario.

También se redactó una presentación que será la guía para usar en la defensa de tesis, la cuál dividí en los principales capítulos de la tesis.
Se utilizó como referencia estas recomendaciones a seguir.

Código

En esta parte se estuvo trabajando en la idea de poder guardar datos desde las tiendas en línea para poder generar información de productos aunque sea "fake" para que la segunda vez que se consulte ese producto se muestra la misma información que se mostró anteriormente y ser consistente.
Para esto se creó una nueva cuenta en appspot, de google app  utilizando Python.
La idea es que el servidor Python pueda desde una URL guardar datos en su base de datos para así al momento del evento "mouseover" se guarde el dato si es que se consulta por primera vez o se muestre la información ya generada de manera random en la primera vez que se hizo "mouseover" sobre el producto.
Actualmente se tiene trabajando el servidor de manera local, estas son algunas capturas de pantalla:

También se cambió un poco el color del sidebar para poder mostrar de manera más amigable la información al usuario y no contrasten mucho los colores.
Además de una funcionalidad de promediar los resultados verdes de cada categoría para así mostrar estrellas que indican el promedio total. Por lo pronto todo es autogenerado. Pero en las siguientes semanas se estará relacionando este promedio con la otra información generada de manera automática.

Los cambios están el repositorio.

Trabajo de la siguiente semana.

• Redacción: Terminar todas las correcciones de manera general y diseñar de manera más detallada los experimentos y terminar de redactar el capítulo de solución propuesta.
• Código: Guardar los datos desde el javascript y comenzar a guardar datos random pero que tenga coherencia con el promedio indicado en las estrellas del producto y de esta manera poder comenzar las pruebas con usuarios.

Conclusiones y trabajo a futuro

Código

Esta semana se dedicó parte del tiempo a resolver los conflictos que se tenían para insertar en la segunda tienda online elegida el jQuery que se requería para poder mostrar la sidebar verde que  aparece para mostrar la información ecológica.
El problema era que la página de HEB cuenta con una restricción para que no se inserte código javascript de manera manual, entonces se utilizó una instrucción de la librería de Chrome:

chrome.tabs.executeScript(null, {file:"js/jquery-2.1.0.min.js"});  
chrome.tabs.executeScript(null, {file:"js/bootstrap.min.js"}); 

 con lo que se pudo resolver este conflicto.

Una vez que se realizó este cambio se insertó la barra del lado izquierdo, sin embargo tapaba algunas opciones de la página como se ve a continuación:

Entonces se tuvieron que hacer algunas modificaciones al CSS que acomoda los productos de la página en línea para de esta manera hacer que la barra no tapara ningún botón original.
Se redujo el ancho de la pagina a un "85%" sin embargo fue complicado ya que los elementos no cuentan con ninguna "id" y esta acomodado todo con tablas de html, por lo que se tuvo que estar trabajando con números de elementos en vez de ids o clases.

Así es como queda la interfaz con el ancho de la tabla que muestra el contenido a escala:

Lo siguiente fue tomar el nombre, la marca y la imagen de cada producto mostrado, sin embargo fue también complicado por la cantidad de tablas que hay dentro de tablas y no contienen ids ni clases para organizar el estilo. Los cuales fueron encontrados de la siguiente manera:

  var marca = $(this).find("td").eq(1);
  marca = marca.find("div").eq(0).html();
  console.log(marca);

  var image_src = $($(this).find("td").eq(0).find("a").first().find("img").get(0).outerHTML).attr('src');
  console.log(image_src);

  var product = $(this).find("td").eq(1);
  product = product.find("div").eq(1).html();
  console.log(product);

Como se puede ver se agarró de manera arbitraría por numero de elemento en html cada unos de los componentes que describen el producto mostrado.

Y finalmente se pudo replicar la funcionalidad para este sitio. Los cambios están el repositorio.

Redacción

En la parte de la redacción se trabajó esta semana corrigiendo algunos errores de ortografía y algunos en la bibliografía.
Falta terminar el diseño de los experimentos :(.
Se agregó en Conclusiones el trabajo a futuro.

Para la siguiente semana se tienen que terminar el diseño de experimentos en la redacción y la solución propuesta.
En el código hay que agregar ya interacción con algún servidor.