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

LeandroBraier commented 8 years ago

@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

mkreyness commented 8 years ago

El calculador es una pavada, pero el simulador de fachadas es realmente complicado. Mas que nada la parte de @FAAREIA Los datos actuales ademas salen de la base vieja de productos, probablemente nos esten faltando datos para esto en nuestra base.

LeandroBraier commented 8 years ago

No te preocupes que los datos los provee el cliente, pero si podés calculame un número de horas para ambos así los cotizamos.

abrazo

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

2015-10-28 19:27 GMT-03:00 mkreyness notifications@github.com:

El calculador es una pavada, pero el simulador de fachadas es realmente complicado. Mas que nada la parte de @FAAREIA https://github.com/FAAREIA Los datos actuales ademas salen de la base vieja de productos, probablemente nos esten faltando datos para esto en nuestra base.

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

mkreyness commented 8 years ago

Esperemos a que conteste @FAAREIA lo suyo, a ver bien que necesita que yo haga y que puede resolver el.

FAAREIA commented 8 years ago

Que tema ese del simulador de fachadas, dejenme averiguar cosas porque es algo medio complicado. Necesito probar cosas. Recien lo estuve viendo y son todas areas pintables. Con respecto al calculador, la idea sería darle un diseño nuevo también, el actual solo admite 2 resultados que aparecen al costado, si hubiese más se cae del cuadrado.

FAAREIA commented 8 years ago

Ahi estuve viendo y el método que utilizan no esta mal y si bien hay otras formas de hacerlo, algunos navegadores no lo soportan. Antes de pasar las horas habría que hacer varias pruebas sobre como quedaría la adaptación responsiva. ¿Para cuando necesitan la cantidad de horas?

FAAREIA commented 8 years ago

Pregunta, el diseño del simulador tiene que rehacerse?

LeandroBraier commented 8 years ago

No necesariamente. Yo estéticamente lo veo bien al simulador.

Si sería bueno que fuera más sencillo hacer algún cambio si llega a cambiar un producto o algo.

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

On Thu, Oct 29, 2015 at 10:39 AM, Federico Arena notifications@github.com wrote:

Pregunta, el diseño del simulador tiene que rehacerse?

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

FAAREIA commented 8 years ago

Lo estuve viendo más en detalle profundo y se puede mejorar bastante. Mañana paso un buen detalle de las 2 plataformas asi nos organizamos.

LeandroBraier commented 8 years ago

Perfecto Fede! Gracias! El oct 29, 2015 12:28 PM, "Federico Arena" notifications@github.com escribió:

Lo estuve viendo más en detalle profundo y se puede mejorar bastante. Mañana paso un buen detalle de las 2 plataformas asi nos organizamos.

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

FAAREIA commented 8 years ago

Va el resumen, @mkreyness sumate algo si ves que falta:

Calculador

Rediseño
Remaquetado
Versión de impresión
Principalmente la idea es acomodar y hacer más flexible el formulario y los resultados que tira. Actualmente el diseño soporta 2 resultados

Simulador

Rediseño
Remaquetado
Versión de impresión
Versión de email
Versión de PDF
Versión de FB y Twitter que es una URL con ID que trae justo lo que uno fue pintando.

Modificaciones del simulador:

El listado de productos seleccionados va a verse completo y sin un scroll ínfimo.
Las áreas pintables con errores (se pinta la ventana) van a corregirse.
El Zoom va a simplificarse poniendose la textura seleccionada más grande o en un bloque que se vea en detalle, siempre visible.
Van a cambiarse las áreas por SVGs, lo cual va a facilitar futuros cambios, agregados, lo responsivo y hasta el funcionamiento.

Lo que me di cuenta del sistema de pintado del Simulador es que el color seleccionado pinta con ese color (aunque hayas elegido textura) el área, siendo el color pleno y en transparencia. Osea que la selección de textura es meramente informativa.

LeandroBraier commented 8 years ago

Gracias por el detalle Fede! Porfa no te olvides de decir cuántas horas te llevaría esto en total, así podemos cotizarlo.

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

2015-10-30 8:55 GMT-03:00 Federico Arena notifications@github.com:

Va el resumen, @mkreyness https://github.com/mkreyness sumate algo si ves que falta: Calculador

Rediseño

Remaquetado

Versión de impresión

Principalmente la idea es acomodar y hacer más flexible el formulario y los resultados que tira. Actualmente el diseño soporta 2 resultados

Simulador

Rediseño

Remaquetado

Versión de impresión

Versión de email

Versión de PDF

Versión de FB y Twitter que es una URL con ID que trae justo lo que uno fue pintando.

Modificaciones del simulador:

El listado de productos seleccionados va a verse completo y sin un scroll ínfimo.

Las áreas pintables con errores (se pinta la ventana) van a corregirse.

El Zoom va a simplificarse poniendose la textura seleccionada más grande o en un bloque que se vea en detalle, siempre visible.

Van a cambiarse las áreas por SVGs, lo cual va a facilitar futuros cambios, agregados, lo responsivo y hasta el funcionamiento.

Lo que me di cuenta del sistema de pintado del Simulador es que el color seleccionado pinta con ese color (aunque hayas elegido textura) el área, siendo el color pleno y en transparencia. Osea que la selección de textura es meramente informativa.

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

FAAREIA commented 8 years ago

Según estimo, lo mio serían 80hs. Incluyo desde el relevamiento de todos los colores hasta la versión de impresión y el mailing. Todo.

mkreyness commented 8 years ago

un tema a tener en cuenta porque el que se quema con Klaukol ve Parex y llora, es que cada cosa hay que hacerla COMO MINIMO 2 veces: una para mostrarla y otra para cambiarla de pe a pa. En esto tambien va a pasar ?

LeandroBraier commented 8 years ago

Me gustan tus frases MK, las voy a recolectar para la fiesta de fin de año.

No debería ocurrir por lo siguiente: si los cambios son mínimos y el calculador y simulador andan bien, vamos a hacer el cambio de "tecnología" (de Flash a HTML5) y decirles que ya está hecho. Nada más.

No es como las plataformas que tienen toda una aprobación interna de los "altos mandos" de la empresa y que son complejas páginas para gente muy simple y alejada de las nuevas tecnologías.

Repito: no debería ocurrir. Ahora: no hay garantías.

La única garantía es que Eze lo sabe, por lo cual ya lo tiene en cuenta a eso a la hora de presupuestar. Espero tus horas MK entonces.

abrazo

2015-10-30 9:29 GMT-03:00 mkreyness notifications@github.com:

un tema a tener en cuenta porque el que se quema con Klaukol ve Parex y llora, es que cada cosa hay que hacerla COMO MINIMO 2 veces: una para mostrarla y otra para cambiarla de pe a pa. En esto tambien va a pasar ?

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

mkreyness commented 8 years ago

Entonces @FAAREIA para lo de facebook lo que necesitamos es guardar una especie de "lista de comandos de pintado" para poder hacer un replay al invocarlo desde el URL. Hasta se podria hacer con un delay fijo de 1 segundo para que parezca una animacion. Tendriamos que hacer todo el motor pensado asi (que cada paso se vaya guardando asi se puede tambien deshacer n veces en vez de empezar de cero de nuevo). Ok, si el maquetado es prolijo, yo creo que con 40 horas estoy cubierto.

FAAREIA commented 8 years ago

Claro, sería asi y sería ideal el delay de 1s para el pintado. Esa URL también creo que la usan para generar el PDF, que si lo ves esta peladísimo.

mkreyness commented 8 years ago

Ah, y eso como lo generariamos ???

FAAREIA commented 8 years ago

Creo que es un plugin pero no lo analicé

LeandroBraier commented 8 years ago

Chicos, aún esperamos respuesta de parte de la cliente por la cotización que les pasamos. Lo dejo frenado al tema para no generar ruido pero recuerden estos apuntes que hicieron aquí para cuando tengamos que avanzar.

abrazo

LeandroBraier commented 8 years ago

Chicos, reabro este ticket porque está aprobado para avanzar. Por ahora no arranquen a hacerlo pero ganen tiempo en averiguar lo que quedaba por averiguar de plugins y demás, así cuando les paso el OK final de contenidos ya arrancamos a remaquetar esto en HMTL5, con su versión para las terminales interactivas incluido.

LeandroBraier commented 8 years ago

@mkreyness y @FAAREIA empecemos a trabajar en esto. Fede: tené en cuenta hacer un rediseño que combine con la estética actual de la web pero que sea lo suficientemente simple como para ser adaptada a un uso a través de una pantalla touch en un punto de venta como Easy, por ejemplo.

MK: vos tenés en cuenta que sean fácilmente modificables los parámetros, productos, etc.

Avisenme si necesitan algun material más de la marca para esto y para qué fecha estiman que podría estar listo el calculador y para cuál el simulador.

mkreyness commented 8 years ago

Calculador de Adhesivos y Pastinas: Lean, lo que no tenemos muy claro es la data propiamente dicha, que productos hay que recomendar para que superficies/soportes/tipos de pieza. Estan en una base de datos vieja que copiamos pero te acordas que muchos productos eran viejos. El cliente puede darte esas reglas en base a los productos realmente disponibles ? No es solo que recomendar sino justamente la cantidad de cada uno. Aun para poder diseñar una base nueva de esto en el CMS, tengo que entender como juega cada parámetro en el cálculo.

mkreyness commented 8 years ago

Simulador de Fachadas: Tambien hay que saber que tipo de producto va con que superficie/estado del proyecto. ALGO de eso hay en la base para busqueda de productos pero no se si es 100% coherente el uso que se le da aca. Las fotos/areas van a ser fijos esos o van a querer tener todo variable y agregable ? En tal caso tenemos que definir que datos guardar para que se puedan armar los overlays esos en forma dinamica. @FAAREIA vos ya tenes claro como manejar esos layers con colores/texturas a elegir ?

FAAREIA commented 8 years ago

Lo de fachadas lo tenía pensado como foto de fondo y varios SVG clickeables sobre la estructura a pintar. Es imposible hacer eso dinámico (no vale la pena invertir cientos de horas) ya que si la foto tiene una ventana, hay que generar el svg correspondiente pero que no pise la venta por ejemplo.

FAAREIA commented 8 years ago

Lo de las texturas que había visto era simple, la textura se muestra en foto pero el color que se aplica a la forma es un pleno transparente, no es una imagen repetida ni nada

FAAREIA commented 8 years ago

Pregunta: Las fotos de las fachadas se podrán conseguir en mejor calidad? Asi se ven bien en dispositivos retina

mkreyness commented 8 years ago

Ok pero el nombre del svg habria que almacenarlo en un campo de la base del CMS. A eso me refiero, a si ya sabes qué elementos asociados a cada alternativa de fachada hay que tener: foto de fondo, una lista de nombres de SVG a superponer, con algun "data-" algo en ese elemento que haga que yo sepa cual eligio para cual lugar (que se modifique al hacer el click) como para poder reconstruirlo al imprimir o guardar o compartir o lo que sea, y no se que cosas mas.

LeandroBraier commented 8 years ago

@mkreyness por ahora usemos los datos que yo te pasé en su momento para estas dos plataformas, ahi tenías las ecuaciones y demás. No cambiaron.

abrazo

FAAREIA commented 8 years ago

http://codepen.io/Arena/full/MKgNWv/

Ahi va un avance con otra foto, pero la idea y base es esa. Faltan cosas.

LeandroBraier commented 8 years ago

Buen día @FAAREIA como venimos con esto?

FAAREIA commented 8 years ago

Hola Lea, estuve avanzando un poco, en un rato lo subo asi lo ven.

LeandroBraier commented 8 years ago

Dale, genial. Gracias!

FAAREIA commented 8 years ago

http://codepen.io/Arena/pen/MKgNWv Nueva actualización, ahora se puede pintar y marca el color seleccionado. Falta agregar las texturas que es un cuarto paso. Pregunta: En la selección del producto, se elige una familia o un producto en si? Por ejemplo decoflex hay varios.

LeandroBraier commented 8 years ago

Gracias Fede! Lo veo muy bien. Avisenme cuando esté final porfa.

LeandroBraier commented 8 years ago

Chicos, tendríamos que hacer la versión de La Casa Interactiva también en HTML5. Lo sumo en este ticket. Pongamoslo en tercer orden después de calculador y simulador.

Cómo venimos con esto?

FAAREIA commented 8 years ago

Hola Lea, hoy lo retomo. Todo lo que hubo me limitó para avanzar.

Abrazo

LeandroBraier commented 8 years ago

Hola @FAAREIA ! Cómo venimos con esto?

FAAREIA commented 8 years ago

Ahi le estuve dando al diseño definitivo: http://faareia.com/areas/index.html

Faltan un par de cosas y le digo a marce que meta mano.

LeandroBraier commented 8 years ago

Gracias Fede! Espero versión final y te doy feedback.

Vamos bien, pero tendría que verlo final para pensar como queda dentro del diseño de la página entera. Me da la sensación de que no va a tener marco de contención, no? Van a quedar los botones sueltos sobre un enorme fondo blanco.

FAAREIA commented 8 years ago

http://faareia.com/areas/index.html Denle F5.

Algunos detalles:

Cada paso trae variables diferentes. Osea que Dependiendo del estado del proyecto elegido, te va a traer X productos y lo mismo para colores y texturas.
Las texturas pueden no estar. El color rojo es el único que abre texturas.
Habría que ir teniendo el listado de colores y texturas asi lo vamos cargando.
El código actual te dice que pintaste el techo, por ejemplo, de X textura. No hice el código para que detecte que aún no seleccionó una textura o que el color no tiene texturas para elegir.
El código hecho es simplemente para ver la funcionalidad por arriba, marce hará la posta cuando se ponga.

Cualquier cosa hablamos Abrazo

FAAREIA commented 8 years ago

Hola Lea, te escribo lo que hoy hablabamos de la casa interactiva: http://parexklaukol.com.ar/aplicaciones/casa-interactiva.html

Habría que cambiar o preparar una foto para la casa interactiva de 984px de ancho porque la actual:

es chica
hay partes sin lógica: El garaje no es garaje, el ascensor es una columna, la terraza no se ve y el tanque de agua esta como escondido

LeandroBraier commented 8 years ago

@FAAREIA te respondo así avanzamos.

Te la paso en la máxima resolución que tengo. Te sirve así:

http://www.hausjournal.net/wp-content/uploads/Einfamilienhaus-%E2%80%93-Fertighaus-oder-Massivhaus.jpg

Mantengamos eso como está. El garage es garage subterráneo y lo aclara la app. El ascensor está adentro de esa columna (en teoría) porque supongo que viene desde el garage subterráneo, que es medio baticueva de Batman. Va a ser un chino buscar otra foto y modificar todo. Fijate si esta misma en mejor resolución te sirve.

Confirmame porfa.

abrazo

LeandroBraier commented 8 years ago

@braulio-evangelisti y @mkreyness creen que podemos llegar a tener estos HTML5 para fin de enero?

braulio-evangelisti commented 8 years ago

Lea las fotos de baño y living las tenes tambien?

LeandroBraier commented 8 years ago

Te las busco y te las paso.

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

On Mon, Jan 11, 2016 at 11:19 AM, Braulio Evangelisti < notifications@github.com> wrote:

Lea las fotos de baño y living las tenes tambien?

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

LeandroBraier commented 8 years ago

Aquí van:

Living Comedor http://rightathomeredesigns.com/wp-content/uploads/2015/02/7413510_ml_website1.jpg

Baño http://kvartiraposutochno.com/wp-content/uploads/2012/09/bathroom-interior-001.jpg

abrazo

braulio-evangelisti commented 8 years ago

:+1:

braulio-evangelisti commented 8 years ago

Lea subi aca un primer boceto de casa interactiva.

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

Le falta pulido en general al diseño de la pagina, los sectores resaltados al pasar el mouse los tengo que refinar mas ya que pisan otros objetos como vidrios y plantas por ejemplo, pero queria que haya al menos un ejemplo funcionando en cada ambiente para asegurar que todo ande de entrada.

En exterior son los techos, en living la chimenea y en el baño la bañera, el resto no tiene popup con los productos ya que (calculo) despues van a ir cargados automaticamente entonces meter TODOS los popup en la maqueta es perder tiempo nomas

Abrazo

mkreyness commented 8 years ago

Está espectacular !

LeandroBraier commented 8 years ago

Muy bueno Brau!!!

Cargale los productos que van y ya estamos!

abrazo

LeandroBraier / Klaukol