Rearmado de Calculador de Adhesivos- Simulador de Fachadas- La Casa Interactiva en HTML5.

[LeandroBraier]

@FAAREIA y @mkreyness necesito que me pasen el estimado de horas de cada uno para pequeño restyling y rearmar estas dos aplicaciones flash de la web en el formato HTML5.

No es que hay hacerlo mañana, simplemente estamos cotizando.

abrazo

[braulio-evangelisti]

Por favor confirmenme que esta va a ser todo contenido estatico y lleno todos los popups a mano.

[LeandroBraier]

Va a ser estático, pero en caso de alguna corrección debería poder hacerse, no?

[braulio-evangelisti]

si por supuesto, mi pregunta era solamente por el tiempo que llevar cargar a mano todos los productos de todos los sectores de la casa, que si luego iban a cargarse por cms por ejemplo era perder tiempo nomas.

apenas este te aviso.

[LeandroBraier]

Pará @braulio-evangelisti ! En teoría no se modifican demasiado pero en la práctica si está por CMS es lo mejor. @mkreyness podemos cargar estos datos y productos por CMS o es un lio fenomenal?

Recordá que estos desarrollos en HTML5 no son solo para la web sino también para las terminales interactivas.

[mkreyness]

No son datos que de alguna manera ya estan en el CMS actual ?

[LeandroBraier]

Sip. Los productos si. Además cada texto de ese pop linkea a una pagina de producto de la web.

Leandro Braier Producción Audiovisual & Social Media Benteveo Agencia Productora http://benteveo.tv Móvil 1158717399

On Fri, Jan 22, 2016 at 3:58 PM, mkreyness notifications@github.com wrote:

No son datos que de alguna manera ya estan en el CMS actual ?

— Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Klaukol/issues/204#issuecomment-174012147 .

[mkreyness]

Ok, entonces lo que yo haria es darle un ID a cada sectores/objetos de la casa y asociarlos a los productos que corresponda, entonces hacemos un ajax muy simple que traiga la lista de productos y links. En un rato miro el HTML asi veo bien que elementos se necesitan y preparo el ajax.

[braulio-evangelisti]

cada sector tiene un atributo data-modal que es unico, lo use para relacionarlo con cada popup, tal vez se puede usar como categoria para imprimir dentro de cada popup los productos correspondientes a su sector

[mkreyness]

Perfecto, si podes pasame la lista de valores y un nombre descriptivo para asociar a c/u asi ya lo cargo como una tabla en el CMS

[LeandroBraier]

Me decís a mi MK? O a Brau?

Leandro Braier Producción Audiovisual & Social Media Benteveo Agencia Productora http://benteveo.tv Móvil 1158717399

On Fri, Jan 22, 2016 at 5:19 PM, mkreyness notifications@github.com wrote:

Perfecto, si podes pasame la lista de valores y un nombre descriptivo para asociar a c/u asi ya lo cargo como una tabla en el CMS

— Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Klaukol/issues/204#issuecomment-174035592 .

[braulio-evangelisti]

Aca te paso, en negrita esta el atributo de cada sector con los productos que carga su popup:

Exterior

techos Lanko 228 (debajo de cerámicos) Lanko 180 (techos y paredes) Lanko 453 (techos y paredes)

terrazas Lanko 228 (debajo de cerámicos) Lanko 180 (techos y paredes) Lanko 453 (techos y paredes) Parex Nivel (pisos) Klaukol Flex (pisos) Pastina Alta Performance (juntas de pisos)

fachada Parex Estilo 4D (paredes) Matiz (paredes) Decoflex (paredes) Stuko Exterior (paredes) Parex Brick (paredes) Parex Trio (paredes)

balcon Lanko 228 (paredes y piso) Lanko 180 (techos y paredes) Lanko 453 (techos y paredes)

ascensor Lanko 222 (caja sobre el piso)

piscina Lanko 228 (paredes y piso) Parex Nivel Atérmico (borde de piscina) Klaukol Blanco Pro (venecitas) Pastina Piscina (juntas de venecitas)

garage Lanko 222 (paredes y piso) Parex Brick (paredes) Parex Nivel (pisos) Parex Piso (pisos) Klaukol Flex (colocación de cerámicos) Pastina Alta Performance (juntas)

tanque Lanko 222 (toda la superficie)

baño y living Estos dos sectores tiene el atributo actualmente pero se los voy a sacar porque no abren ningun popup sino que navegas dentro del ambiente al hacerle click. El atributo que divide los productos esta dentro de cada ambiente en sus sectores correspondientes:

• Living Comedor

living-pisos Klaukol Porcellanato (pisos) Pastina Alta Performance Fluida (juntas para piso)

living-paredes Parex Duo (paredes) Stuko Interior (paredes) Stuko Interior Premium (paredes) Parex Brick (paredes) Decoflex (paredes)

living-chimenea Klaukol Refractario (chimenea)

• Baño

bano-piso Lanko 222 (pisos y área de duchas) Klaukol Impermeable (colocación de pisos) Pastina Piezas Normales (juntas de piso)

baño-bañera Lanko 222 (Área de ducha)

baño-paredes Lanko 228 (debajo de cerámicos) Klaukol Blanco Pro (paredes) Klaukol Placa Pasta (paredes)

[mkreyness]

Buenisimo, veo que hay un texto entre parentesis adicional al nombre del producto, lo voy a agregar en el CMS. Bueno yo voy a cargar algunos de estos de prueba pero la carga completa te la cedo gentilmente, @LeandroBraier :)

[mkreyness]

Igual para programarlo tengo que conseguir que Duplika resetee el SSH, porque evidentemente algo se les colgó. Lo de que me andaba desde casa era porque tenia una sesion abierta, pero apenas la cerre no pude entrar nunca mas.

[LeandroBraier]

Ok, obvio. No hay problema, yo cargo los productos. Necesito familiarizarme con ellos más, soñar con ellos jeje

Leandro Braier Producción Audiovisual & Social Media Benteveo Agencia Productora http://benteveo.tv Móvil 1158717399

On Fri, Jan 22, 2016 at 6:26 PM, mkreyness notifications@github.com wrote:

Igual para programarlo tengo que conseguir que Duplika resetee el SSH, porque evidentemente algo se les colgó. Lo de que me andaba desde casa era porque tenia una sesion abierta, pero apenas la cerre no pude entrar nunca mas.

— Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Klaukol/issues/204#issuecomment-174053532 .

[mkreyness]

El lugar donde hacerlo ya esta, es en el CMS -> Productos -> Superficies. Ahi va un registro por cada superficie, y c/u tiene la lista de productos asociados. Ojo cuando elijas cada producto aparece capaz hasta 3 veces porque estan las versiones ar/py/uy (ya que existen productos que son propios de cada pais, los que van en los 3 estan 3 veces). No se si esto va a ir en los 3 paises entonces habria que asociarle los 3 a la superficie y yo en funcion del dominio desde donde se esta llamando al ajax traigo los que correspondan. Detecté por ejemplo que el Klaukol Refractario esta cargado con descripciones diferentes en Argentina que en Uru/Paraguay

[LeandroBraier]

Si, hay diferencias en algunas cosas. Desconozco por qué pero las pasó el cliente. Dale, el lunes yo cargo todo.

Muchas gracias a los dos! abrazo

Leandro Braier Producción Audiovisual & Social Media Benteveo Agencia Productora http://benteveo.tv Móvil 1158717399

2016-01-22 18:46 GMT-03:00 mkreyness notifications@github.com:

El lugar donde hacerlo ya esta, es en el CMS -> Productos -> Superficies. Ahi va un registro por cada superficie, y c/u tiene la lista de productos asociados. Ojo cuando elijas cada producto aparece capaz hasta 3 veces porque estan las versiones ar/py/uy (ya que existen productos que son propios de cada pais, los que van en los 3 estan 3 veces). No se si esto va a ir en los 3 paises entonces habria que asociarle los 3 a la superficie y yo en funcion del dominio desde donde se esta llamando al ajax traigo los que correspondan. Detecté por ejemplo que el Klaukol Refractario esta cargado con descripciones diferentes en Argentina que en Uru/Paraguay

— Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Klaukol/issues/204#issuecomment-174062421 .

[mkreyness]

listo muchachos:

http://parexklaukol.com.ar/_casa-interactiva/casa-interactiva-mk.html

ya tiene el codigo que toma para cada sector lo que haya en el CMS. Hay cargados ejemplos para "techos", "terrazas" y "living-chimenea".

El de "terrazas" no abre, pero tampoco lo hacia en el original, y al desplegable de "techos" no le anda el close, pero tampoco andaba en el original.

[LeandroBraier]

Excelente chicos!!! Corrijamos esos dos detalles, yo el lunes cargo el CMS y les paso la foto para poner arriba y que ya quede final La Casa Interactiva.

Así seguimos con Calculador y Simulador y finiquitamos el tema. Muchas gracias y buen finde!

Leandro Braier Producción Audiovisual & Social Media Benteveo Agencia Productora http://benteveo.tv Móvil 1158717399

2016-01-23 11:45 GMT-03:00 mkreyness notifications@github.com:

listo muchachos:

http://parexklaukol.com.ar/_casa-interactiva/casa-interactiva-mk.html

ya tiene el codigo que toma para cada sector lo que haya en el CMS. Hay cargados ejemplos para "techos", "terrazas" y "living-chimenea".

El de "terrazas" no abre, pero tampoco lo hacia en el original, y al desplegable de "techos" no le anda el close, pero tampoco andaba en el original.

— Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Klaukol/issues/204#issuecomment-174191283 .

[braulio-evangelisti]

• Con La foto para poner arriba te referís a la de fondo en el titulo no?
• Ya esta arreglado el botón de cerrar los popups, era un detalle de CSS.
• Ya agregué todos los popups, había puesto 3 como ejemplo nomas porque no sabía si iban a estar de entrada en la maqueta o se iban a imprimir cuando carga la página, faltaría cargarle la info que muestran nomas.
• Ahora estoy refinando los sectores que se resaltan al pasar el mouse sobre las fotos, creo que sería lo ultimo como detalle, cualquier cosa me avisan.

[LeandroBraier]

Excelente @braulio-evangelisti !! Si, me refería a esa foto. Por la tardecita voy a tener subido todo en el CMS y voy a pasarles la foto. Así que puede ser para mañana el cambio no problem.

abrazo

[braulio-evangelisti]

Listo ahi pulí un poco los bordes de las superficies, no se nota mucho el cambio al anterior pero me parece que le da un poco mas de calidad visual.

http://parexklaukol.com.ar/_casa-interactiva/casa-interactiva.html

[mkreyness]

la "X" de los popups sigue sin cerrarlos. Si hago click en cualquier otro lado (afuera) se cierra, pero justo haciendo click ahi, no.

[braulio-evangelisti]

Si haces click justo alrededor de la X dentro de la barra de titulo te lo cierra? si es asi esta la posibilidad que no te haya actualizado el css en el naveador, probaste vaciando la cache de firefox?

[mkreyness]

Uso Chrome. Pero ok, debe ser eso del cache, ahora me anduvo bien.

[FAAREIA]

http://www.parexklaukol.com.ar/calculador_muestra.html http://www.parexklaukol.com.ar/simulador_muestra.html

El calculador ahora tiene la animación que baja cuando muestra los resultados.

El simulador tiene lo que le faltaba. Faltaría pulir la primer aparición del contenido. Lo principal es definir si las fotos del simulador van a ser las mismas que antes ya que al agrandarlas se rompen un poco y de hecho las originales tampoco tienen mucha calidad.

Asi son las fotos al tamaño que necesitamos (haganle click para verlas a tamaño real)

[LeandroBraier]

Buenisimo @FAAREIA ! Me encantá como quedaron.

CALCULADOR Quedó buenisimo! Ya está entregable no?

1) Solo 1 detalle: existe la posibilidad de que el enter en la última celda activar el "Calcular"? Porque cuando hago "Enter" (me sale automático porque casi todas las aplicaciones de este tipo funcionan así, como elbuscador de google) no solo no calcula sino que me borra todo lo seleccionado.

SIMULADOR Que no se agranden a pantalla completa las fotos, que queden en ese tamaño. Total en Mobile van a estar bien y en PC de escritorio que lleguen a su máximo y chay (todas en el mismo tamaño máximo claro). La interfaz está muy buena. Lo que me pasa es:

1) No me aplica sobre la foto lo que yo pongo. Es decir, no está funcional aún no?

2) La foto está demasiado grande y tengo que hacer scroll para arriba para darme cuenta que las opciones está arriba. Como que está todo tan grande que nunca logro ver todo en la misma pantalla, siemopre tengo que scrollear. Podemos mejorar eso? Porque cuando pasemos estas aplicaciones a las terminales interactivas de Easy ponele el scroll va a ser imposible.

La Casa Interactiva está demorada de mi lado pero quedó muy bien también.

abrazo

[mkreyness]

Muchachos: MS tiene una chica programadora (Amalia Garcia) que quiere tirarle alguna tarea (suficientemente encapsulada como para que no afecte/requiera de otras cosas) a ver como resulta. Yo no tengo nada en curso en este momento, pero me imagino que este tema de los datos de simulador de fachadas y calculador de adhesivos en algun momento me va a llegar al punto de tener que llenar con contenido del CMS estas interfaces, y se me ocurrió que podria ser algo como lo que MS esta buscando para darle a Amalia. Yo no me puse a mirar nada todavia de estos HTMLs, pero supongo que todos los contenidos variables deberian salir de algun punto del CMS, y no estoy muy convencido de que tengamos todo lo necesario. Fede me podrias hacer un listado de que datos estan hardcoded aca y habria que mandar al CMS? La idea seria pedirle a Amalia que haga dos cosas: un conjunto de phps (ella programa en php) que dado algun ID que se le pase traiga la lista de datos relacionados por la logica de calculo/armado de opciones [que tampoco la tengo clara], y el javascript correspondiente que haga las llamadas ajax y coloque los datos donde corresponda en el HTML. Diganme como lo ven/como avanzamos.

[LeandroBraier]

Buenisimo @mkreyness ! Sumamos alguien más al equipo. Bienvenida Amalia!

Paso el status de estas aplicaciones, que @FAAREIA y @braulio-evangelisti confirmen por las dudas si me equivoco en algo.

CASA INTERACTIVA: Ya está maquetada y conectada al CMS. Quedó de mi parte cargar productos via CMS. Status: Data entry final.

CALCULADOR DE ADHESIVOS: Ya está maquetada y funcional aparentemente. Solo pedí un pequeño detalle de usabilidad. No sé si está conectada al CMS, creo que no. Status: Revisión final.

SIMULADOR DE FACHADAS: Está maquetada pero entiendo que no funcional de todo aún. NO veo aplicados los filtros sobre las casas aún. Status: Programación

abrazo

[FAAREIA]

Va el detalle:

Calculador

• http://www.parexklaukol.com.ar/aplicaciones/calculador.html
• http://www.parexklaukol.com.ar/calculador_muestra.html
• Falta definir la imagen del encabezado
• La data que aparece cuando se apreta "Calcular" es estática, habría que generarla en base a las opciones elegidas en el formulario.

Casa interactiva

• http://www.parexklaukol.com.ar/aplicaciones/casa-interactiva.html
• http://www.parexklaukol.com.ar/_casa-interactiva/casa-interactiva.html
• Falta aprobar la imagen del encabezado
• Los productos ahoran estan puestos de forma estática, creo que no vale la pena hacerlo dinámico con cms.

Simulador

• http://www.parexklaukol.com.ar/aplicaciones/simulador-de-fachadas.html
• http://www.parexklaukol.com.ar/simulador_muestra.html
• Falta definir la imagen del encabezado
• Falta toda la programación. Cada estilo en base al estado del proyecto, trae ciertos productos Parex y cada producto tiene colores, los cuales pueden tener textura o no.
• Falta poner las imágenes originales y ponerles los vectores pintables encima.
• Falta generar el estado de como se vería impresa la página.
• Falta hacer que se envie por email
• Falta que se publique el facebook y twitter
• Falta hacer que se genere un PDF
• Con respecto a lo que remarcaste Lea poner la foto más chica me dejaría un vacio a los costados, ese es el problema. Hay que pensarlo bien
• Lo de que no se ve todo junto, depende del monitor, pero se puede hacer que cuando se seleccione una textura o un color que no tiene textura, haga scroll hacia la foto.
• Tené en cuenta que las texturas en realidad no se aplican nunca, la funcionalidad original es un color tirado encima con opacidad.
• En base a lo de Easy, vamos a tener que reformular la maqueta en base a la resolución de la terminal, pero la base va a ser esta.

[mkreyness]

La idea seria tirarle a esta chica para que programe consultas sobre la base a la cual le lleguen los argumentos necesarios y responda resultados. La LOGICA de eso (parametros que se seleccionan por pantalla y tipos de resultados a traer) donde la puedo ver ?

[FAAREIA]

En la urls originales esta todo el funcionamiento de cada uno.

[mkreyness]

Si, eso ya se, pero no hay algo armado que pueda pasarle como la tabla de los calculos y saber de qué campos del HTML nuevo salen los valores a tomar en cuenta ?

Lo mismo para los desplegables del simulador de fachadas, yo tendria que hacer que de la base se lean los contenidos que corresponden a una seleccion previa, ya tenes puestos "data-algo" que los identifican, como en el de la casa interactiva ? O los invento de cero ?

[FAAREIA]

El relevamiento de toda la data no esta hecho, al menos por nuestra parte. Por ejemplo en el simulador desconozco si tal color tiene textura o no. En el simulador si estan puesto los "data-algo", que los uso para poner color al svg y para que abajo te diga que color usaste en tal parte.

[LeandroBraier]

@FAAREIA necesitaría poder tener listas estas 3 aplicaciones a mediados de la semana que viene. Me confirmás si llegamos?

[mkreyness]

Creo que ya no depende mucho de Fede. Si ese es el apuro no podemos jugarnos usarlas como experimento con la chica nueva. Hasta que primero yo entienda que hacer, se lo explique, le de los accesos, etc. ya se paso una semana entera como minimo.

[FAAREIA]

Más allá de que se le de duro, no sería arriesgado? Habría que probarlas bastante, más el simulador que tiene PDF, impresion, facebook, twitter.

[LeandroBraier]

Ok intento negociar para la otra semana la del 22. Ahi llegamos no? El feb. 12, 2016 8:26 AM, "Federico Arena" notifications@github.com escribió:

Más allá de que se le de duro, no sería arriesgado? Habría que probarlas bastante, más el simulador que tiene PDF, impresion, facebook, twitter.

— Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Klaukol/issues/204#issuecomment-183285540 .

[mkreyness]

@LeandroBraier vuelvo sobre el punto de siempre: NO tengo las formulas del calculador. Ya se que alguna vez hace años me las pasaste, pero no las encuentro, ya revolvi todas mis casillas de mail. Podrias volvermelas a pasar ?

[LeandroBraier]

Buen dia MK! Ok. Lo busco y te lo vuelvo a pasar. Creo que ya es como la tercera vez pero todo bien. Lo trngo que buscar nomas.

Abrazo El feb. 13, 2016 6:49 PM, "mkreyness" notifications@github.com escribió:

@LeandroBraier https://github.com/LeandroBraier vuelvo sobre el punto de siempre: NO tengo las formulas del calculador. Ya se que alguna vez hace años me las pasaste, pero no las encuentro, ya revolvi todas mis casillas de mail. Podrias volvermelas a pasar ?

— Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Klaukol/issues/204#issuecomment-183762897 .

[mkreyness]

Aca por github ni se como buscar, creo que siempre fue por github. En mails no lo tengo. Mandamelo en un adjunto por mail plis asi lo puedo guardar en mi maquina donde tengo todos las cosas archivadas por tema. Te aseguro que no soy de perder las cosas, es el método el problema.

[LeandroBraier]

MK, aparentemente nunca te lo mandé porque acabo de revisar todos mis mails de 2015 y no lo encuentro. El que sí encontré es el del Calculador de Consumo de Revear, pero este no.

Lo voy a reconstruir y te lo envío en un excel via mail asi te queda archivado.

abrazo

[mkreyness]

Por algo yo tampoco lo encontraba. Pero para mi lo pegaste en github en algun thread, lo que pasa es que hubo varias épocas de esto.

[LeandroBraier]

Bueno, aquí va el excel con las fórmulas de cada producto para el Calculador de Adhesivos y Pastinas Klaukol. Va por mail también. Me llevó mis horas de laburo, cuidalo bien ; ) jeje

Formulas Calculador de Adhesivos y Pastinas.xlsx

abrazo

[LeandroBraier]

@FAAREIA para el Simulador de Fachadas, estamos muy lejos de poder hacer un menú así de los revestimientos si te consigo las fotos de cada producto?

http://floorstudio.esignserver1.com/pisosalemanes/gallery.do

[FAAREIA]

Eso esta asi, si te fijas la textura se nota en la última versión que había subido: http://www.parexklaukol.com.ar/simulador_muestra.html

Lo de hacer un emergente para elegir color y textura, podría funcionar, el tema es que vamos a tener que agregar algo para que el tipo se de cuenta que tiene que pintar las áreas. Esta buena la idea igual. También podríamos agregar un listado de áreas pintables, asi el usuario las selecciona desde un menú capas.

[LeandroBraier]

Tenés razón, igual está bueno como lo hiciste. Lo que me gusta del FloorStudio es que es más intuitivo para el consumidor final, que no sabe los nombres de las etapas de la construcción y demás. Sería bueno que si no entiende nada de esa etapa igual pueda elegir por color y además tuviera un buscador por nombre de producto. Se podrá sumar eso? También serviría para la versión de las terminales interactivas.

[LeandroBraier]

@mkreyness respecto del tema de Llana, fijate en los resultados del Calculador lo que me apareció:

El tamaño de la llana es un resultado del calculador, no un imput.

[FAAREIA]

Esta bueno lo que decis, hacer un primer paso en donde se elija "soy profesional" o "no soy profesional". Las opciones actuales son para el que la tiene muy clara. Lo que si me parece es que el usuario no profesional no va a tener idea de que producto buscar (no conocé los nombres) y también podría pintar con cualquier cosa no-aplicable para su etapa o material. Me gusta la idea de simplificarlo un poco pero ahora no se me ocurre cómo

[LeandroBraier]

Buen día @FAAREIA y @mkreyness ! Necesito saber para cuando podríamos tener listas estas 3 aplicaciones para mostrar al cliente.

[mkreyness]

Todo lo que digo aca es respecto del CALCULADOR DE ADHESIVOS: Respecto de lo de la llana que decias hace unos dias (recien lo veo), si, yo siempre te dije que la llana era un dato de output. Pero no es un calculo, sale directo de la tabla que me pasaste. El asunto es que hay que CARGAR toda esa tabla por el CMS (yo solo cargue unos datos de prueba), y ademas ingresar todas las relaciones entre lugares de colocacion, soportes, tipos de pieza, grados de absorcion y medidas para terminar obteniendo el codigo de un adhesivo y de una pastina (recien una vez que se sabe el producto, aplica la tabla de consumos). Yo estoy trabajando con Amalia en los programas que hacen esto. Obviamente la cosa no va muy rapido porque tardo mas en explicarle y controlar lo que hace que lo que tardaria en hacerlo yo mismo, pero es la unica forma de poder ir delegando cosas. Estimo que Amalia deberia entregarme esta tarde lo ultimo que le pedi y ahi me pongo a integrarlo todo en el HTML, no creo que esto pase del miercoles. Pero lo que si es un plomazo y tenemos que ver como hacer es con los datos que hay que cargar. El trabajo es: ir probando opcion por opcion de cada uno de los desplegables y ver que otras opciones aparecen en los siguientes desplegables y finalmente que producto sale. Si alguien puede ponerse a armar eso en un Excel, yo lo vuelco a la base de un saque.