LeandroBraier / Siguit

Maquetación del Demo de Siguit para ISS World
0 stars 0 forks source link

Maquetación CMS Siguit Digital Signage. #8

Open LeandroBraier opened 8 years ago

LeandroBraier commented 8 years ago

@FAAREIA y @mkreyness aquí les paso los wireframes y un mapa de los mismos para empezar a maquetar el CMS.

@mkreyness porfa dale una revisadita primero así estamos seguros de que no falta nada y Diego sumó lo último hablado en reunión. Yo revisé y creo que está todo.

https://drive.google.com/open?id=0B_6ywYX9PGKLVHJwOVMtdnhYRHc

@FAAREIA : te explico. Estamos armando una versión de Siguit para Cartelería Digital y este es el CMS con el que los clientes manejarían sus contenidos.

Si bien es una interfase de backend, tiene que verse linda, estéticamente presentable, e intuitiva a full para usar, disminuir lo más posible el proceso de aprendizaje. Debe ser responsive también, o al menos tener una versión manejable desde mobile (obvio la parte que es parecida a edición de video no se va a poder usar correctamente desde mobile)

. Necesito que mandes 3 opciones de templates de Theme Forest que podamos utilizar como base estética. Una sería esta, que es la que venimos usando:

http://themeforest.net/item/metro-lab-responsive-metro-dashboard-template/5359122

. Con tus opciones nosotros votamos y te damos el OK para avanzar con la maquetación.

abrazo

mkreyness commented 8 years ago

Te pongo aca mis necesidades @FAAREIA . Primero te cuento que los templates que voy pasando estan en /www/templates/siguitds (siempre del server benteveo.tv por ahora), e hice muchos toqueteos en los js sobre todo del calendario (vas a ver que hay uno version -mk.js, ese es el que esta en uso, pero tambien toque [y ahi si no hice una copia] cosas del formato de las fechas en el de form-components.js). Paso a detaller temas: 1- Por un lado en el template de PLAYLISTS vi que habia fijo 2 columnas de items, y yo por como funciona mi reemplazador de variables no tengo una manera muy prolija de manejarlo. Por ahora puse todo como una sola columna, tenes una manera facil de hacer que fluya como en el resto de cosas que hicimos siempre ? 2- en los dialoguitos que tienen eliminar/guardar/cancelar, que son varios, el boton de eliminar me esta quedando pegoteado encima del de cancelar, no se si rompi algo o que. Fijate como arreglarlo en alguno y yo despues lo paso al resto. 3- esto es lo mas complicado: en el div de alta/modificacion de usuario (esta en el dashboard) elimine un dato que estaba puesto como un select porque en realidad es una lista de valores (cada uno seria un select o algo asi). La idea es esta: un usuario tiene uno o mas ROLES, no un perfil. Hay una lista del total de roles, y se le tendrian que poder asignar. La lista es medio larga como para poner un checkbox de cada cosa, lo ideal seria tener ahi algun widget que permita agregar renglones, no se, pensale la forma mas elegante, capaz un unico select y un boton de "Agregar" y otro de eliminar (estando seleccionado alguno de la lista).

mkreyness commented 8 years ago

Me olvide de poner el URL para que lo miren:

http://www.benteveo.tv/cgi-bin/sgtdashboard.pl?empresa=bayer&usuario=mk&clave=pepe

mkreyness commented 8 years ago

de los menues no anda "contenidos" porque no tenia link a la maqueta, ni "escenas" porque todavia no lo hice. Para ver la grilla de programacion, hacer click sobre el icono del dispositivo (ya sea en la lista de dispositivos del dashboard o de la opcion "Dispositivos" del menu).

mkreyness commented 8 years ago

Otra cosa @FAAREIA , mirando la maqueta de "Escenas", la solapa "Escenas" propiamente dicha, quedo incompleta ? O la idea seria que es similar a lo que aparece en la solapa "Plantillas" ? En realidad en "Plantillas" no va ni editar ni eliminar, no van a poder hacer eso, casi como que yo no le veo sentido a esa solapa mas que para elegir la plantilla sobre la cual crear una escena, pero no veo un elemento que permita seleccionar una plantilla. Seria simplemente haciendo click sobre la plantilla y despues apretar el boton ? Pero habria que "hilitear" de alguna manera la seleccionada para que haya feedback. Me "hiliteas" alguna en la maqueta asi uso eso ?

FAAREIA commented 8 years ago

Lo necesitan todo para esta semana no?

LeandroBraier commented 8 years ago

Primero Revear, después esto. Si puede ser para esta semana todo genial. Sino prioridad a Contenidos y Login, no Marce?

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

On Tue, May 10, 2016 at 10:35 AM, Federico Arena notifications@github.com wrote:

Lo necesitan todo para esta semana no?

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Siguit/issues/8#issuecomment-218158876

mkreyness commented 8 years ago

Si, contenidos y login, y la respuesta a mi consulta sobre "Escenas" asi se como orientarlo.

mkreyness commented 8 years ago

Ah y otra cosa que no encontre por ningun lado es como armar la playlist, o sea, al darle "Editar" en una playlist hay un boton "Editar Escenas" pero me parece que eso no esta maquetado, o es algun div escondido @FAAREIA ? El boton "Nueva Playlist" no me abre nada pero supongo que seria algo simular a la caja de "Editar", pero estamos en la misma, no tengo como droppear escenas (elegidas de algun lado) "dentro" de la playlist.

mkreyness commented 8 years ago

pregunta tonta pero no lo encuentro por ningun lado: estamos asumiendo que la pantalla de la tele va a ser 1280x720 o 1920x1080 ? Porque 1920x1080 no lo puedo representar en el editor de templates ni en el de escenas, ya que me ocuparia toda la pantalla. En cambio 1280x720 es mas facil de meter embedded dentro de una pantalla real de 1920x1080. Si no puedo "escalar" todo a 1440x810 por ejemplo, pero los fonts no serian los reales, tendria que escalar proporcional eso y va a ser un asco.

diegodella1 commented 8 years ago

Cuando lo discutimos en las reuniones hablamos de no hacer full HD y quedamos en 720p.

Eso se modificó en estos últimos días?

2016-05-12 22:18 GMT-03:00 mkreyness notifications@github.com:

pregunta tonta pero no lo encuentro por ningun lado: estamos asumiendo que la pantalla de la tele va a ser 1280x720 o 1920x1080 ? Porque 1920x1080 no lo puedo representar en el editor de templates ni en el de escenas, ya que me ocuparia toda la pantalla. En cambio 1280x720 es mas facil de meter embedded dentro de una pantalla real de 1920x1080. Si no puedo "escalar" todo a 1440x810 por ejemplo, pero los fonts no serian los reales, tendria que escalar proporcional eso y va a ser un asco.

— You are receiving this because you were mentioned. Reply to this email directly or view it on GitHub https://github.com/LeandroBraier/Siguit/issues/8#issuecomment-218928871

http://about.me/diego/bio

[image: --] Diego Dell' Agostino [image: http://]about.me/diego http://about.me/diego http://about.me/diego/bio

mkreyness commented 8 years ago

no no, solo queria confirmarlo. Perfecto asi no tengo que escalar nada. Gracias.

LeandroBraier commented 8 years ago

Buen día @FAAREIA ! Necesitamos que arranques esto cuanto antes. Te repito el pedido de MK por las dudas:

Te pongo aca mis necesidades @FAAREIA . Primero te cuento que los templates que voy pasando estan en /www/templates/siguitds (siempre del server benteveo.tv por ahora), e hice muchos toqueteos en los js sobre todo del calendario (vas a ver que hay uno version -mk.js, ese es el que esta en uso, pero tambien toque [y ahi si no hice una copia] cosas del formato de las fechas en el de form-components.js). Paso a detaller temas: 1- Por un lado en el template de PLAYLISTS vi que habia fijo 2 columnas de items, y yo por como funciona mi reemplazador de variables no tengo una manera muy prolija de manejarlo. Por ahora puse todo como una sola columna, tenes una manera facil de hacer que fluya como en el resto de cosas que hicimos siempre ? 2- en los dialoguitos que tienen eliminar/guardar/cancelar, que son varios, el boton de eliminar me esta quedando pegoteado encima del de cancelar, no se si rompi algo o que. Fijate como arreglarlo en alguno y yo despues lo paso al resto. 3- esto es lo mas complicado: en el div de alta/modificacion de usuario (esta en el dashboard) elimine un dato que estaba puesto como un select porque en realidad es una lista de valores (cada uno seria un select o algo asi). La idea es esta: un usuario tiene uno o mas ROLES, no un perfil. Hay una lista del total de roles, y se le tendrian que poder asignar. La lista es medio larga como para poner un checkbox de cada cosa, lo ideal seria tener ahi algun widget que permita agregar renglones, no se, pensale la forma mas elegante, capaz un unico select y un boton de "Agregar" y otro de eliminar (estando seleccionado alguno de la lista).

URL para que lo miren:

http://www.benteveo.tv/cgi-bin/sgtdashboard.pl?empresa=bayer&usuario=mk&clave=pepe

Confirmame si para el lunes podemos tener algunas maquetas más y cuando terminarías de entregar lo que falte.

FAAREIA commented 8 years ago

Va resumen: Tema de 1 columna. Los items ya se ponen uno al lado de otro. En "Escenas > Plantillas" los items no quedan como siempre, pegados, hay espacio, solucionarlo. Tema de botones "eliminar/guardar/cancelar" no lo vi, probé en Firefox y Chrome y todo bien Tema rol de usuario. Hecho. Tema hightlight para plantillas en Escenas. Hecho. Agregas clase "hightlight" al div.widget y listo

Con qué pantalla sigo además de estas cosas?

LeandroBraier commented 8 years ago

Buenisimo @FAAREIA ! Decile vos @mkreyness porfa.

Yo en principio Fede te diría que revises todos los templates que dejó Marce y si ves algo a ajustar avisale a él.

abrazo y gracias! Si hoy sacás todo lo de Siguit sería genial.

mkreyness commented 8 years ago

Maquetas que me faltan o al menos no vi links de donde tomarlo:

LeandroBraier commented 8 years ago

@FAAREIA hoy porfa dale prioridad a cerrar estas maquetas asi ya te desmarcás de Siguit.

Quiero a partir de mañana ya arrancar con FUCA y otros nuevos proyectos. Venís a la reunión de hoy a las 16 hs en la Agencia?

FAAREIA commented 8 years ago

http://benteveo.tv/cms-siguit/_contenidos.html Falta el login y tocar el input type="file" que esta medio roto, pero lo mando asi pueden avanzar

mkreyness commented 8 years ago

de los input type file no te preocupes porque todo eso tiene que reemplazarse por el uploader asincronico, si es que algun dia se termina de (o empieza a) programar.

FAAREIA commented 8 years ago

Buenisimo entonces

LeandroBraier commented 8 years ago

Falta algo más de parte de Fede o puedo cerrar el ticket hasta próximo aviso?

mkreyness commented 8 years ago

Como el dice, falta el login, pero tambien falta algo mucho mas importante que es el armado de playlists, no hay una forma de juntar las escenas en playlists todavia. Vuelvo a copiar el mismo parrafo por tercera vez:

"otra cosa que no encontre por ningun lado es como armar la playlist, o sea, al darle "Editar" en una playlist hay un boton "Editar Escenas" pero me parece que eso no esta maquetado, o es algun div escondido @FAAREIA ? El boton "Nueva Playlist" no me abre nada pero supongo que seria algo simular a la caja de "Editar", pero estamos en la misma, no tengo como droppear escenas (elegidas de algun lado) "dentro" de la playlist."

LeandroBraier commented 8 years ago

Buen día @FAAREIA ! Por favor hoy terminá los pedidos restantes de Siguit. A la tarde te paso el pedido para Paty Chile así arrancás con eso y con FUCA en simultáneo.

Confirmame porfa.

abrazo

LeandroBraier commented 8 years ago

@FAAREIA te voy a llamar en un ratito para ver cómo venís. Te paso acá la captura de cómo es el armador de Playlist que te faltaba:

playlists_edicion_contenido

Me lo pasó @diegodella1

FAAREIA commented 8 years ago

http://benteveo.tv/cms-siguit/_login.html http://benteveo.tv/cms-siguit/_playlist-edicion.html

Si falta algo me avisan.

mkreyness commented 8 years ago

retomo un poco esto porque hasta que apruben el diseño de Paty Chile, no puedo avanzar mas. El login no iba a tener alguna imagen de fondo ? Y, @diegodella1, no tendriamos que hacerla "branded", o sea, tener algun parametro que permita que esa foto dependa de la empresa, y a su vez que los usuarios que se loggeen a traves de ella sean las que correspondan a esa empresa y no otra ?

mkreyness commented 8 years ago

y yo le pondria tambien un "olvide mi contraseña" al login.

LeandroBraier commented 7 years ago

@mkreyness querido retomamos este tema. Me pasás los pendientes de Fede para que retomemos lo que te falte maquetar del CMS?

mkreyness commented 7 years ago

los dos comentarios del 18-jun son validos, de todos modos para el uso de ahora (B) no es realmente urgente ya que los usuarios no van a ser los finales.

Yo estoy tocando cosas a medida que voy avanzando, porque si no no vamos a llegar nunca. Entre otras cosas por supuesto no existe el famoso uploader, eso en algun momento que se resuelva tambien requeriria un poco de estetica pero tampoco es ahora. Una cosa que hay que hacer es un control de volumen para los videos, y otro de opacidad para textos/imagenes. Yo ya puse un desplegable con valores fijos 0% a 100%, eso para nosotros alcanza.

Faltaria la respuesta de @diegodella1 si el login va a ser branded (con logo propio de cada cliente y con validacion de que solo se puedan loggear los usuarios de esa empresa) o si hacemos uno solo y en funcion de a que empresa pertenece el que se identifica hacemos todo lo demas.

LeandroBraier commented 7 years ago

Hagamos login unbranded por ahora.

Entonces de maquetación no falta nada? No hay algo que preferis que le pida a Fede antes de que lo tengas que hacer vos?

Solo el vendito uploader falta pero es de Valentin eso verdad? El 7 oct. 2016 16:04, "mkreyness" notifications@github.com escribió:

los dos comentarios del 18-jun son validos, de todos modos para el uso de ahora (B) no es realmente urgente ya que los usuarios no van a ser los finales.

Yo estoy tocando cosas a medida que voy avanzando, porque si no no vamos a llegar nunca. Entre otras cosas por supuesto no existe el famoso uploader, eso en algun momento que se resuelva tambien requeriria un poco de estetica pero tampoco es ahora. Una cosa que hay que hacer es un control de volumen para los videos, y otro de opacidad para textos/imagenes. Yo ya puse un desplegable con valores fijos 0% a 100%, eso para nosotros alcanza.

Faltaria la respuesta de @diegodella1 https://github.com/diegodella1 si el login va a ser branded (con logo propio de cada cliente y con validacion de que solo se puedan loggear los usuarios de esa empresa) o si hacemos uno solo y en funcion de a que empresa pertenece el que se identifica hacemos todo lo demas.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/LeandroBraier/Siguit/issues/8#issuecomment-252335146, or mute the thread https://github.com/notifications/unsubscribe-auth/AGaJgFs5kVMyJABC9XkZYta_335p6Mfiks5qxpe-gaJpZM4H2O0D .

mkreyness commented 7 years ago

No es que no falten, es que son cosas de las que Fede nunca recibio wireframes. Por ejemplo en el editor de Escenas:

Y obviamente el gran gran bolonki que falta es el editor de templates. Tampoco hay un wireframe creo. En gran parte se parece al editor de escenas, pero tiene que permitir agregar elementos, draggearlos, y eliminarlos. Por lo tanto tiene que tener una toolbar, que permita minimamente elegir el tipo de cosa a crear (texto, imagen, video, plugin). Una vez que se elija una de esas cosas, el mouse se deberia convertir en un icono asociado a eso, y cuando se hace click deberia crear un elemento default en la posicion en que se clickee, o suelte (podria ser drag'n drop), y el elemento despues se tiene que poder estirar y editar, y hasta ponerle contenidos default puedan cambiarse. Todo esto es bastante dinamico y complejo, pero nuevamente, si nos metemos con estas cosas no vamos a llegar a tener algo listo para B, porque requiere (mas alla de lo que Fede maquete) de muchisima interaccion mia.

SI bien Valen tiene el gran pendiente sobre su cabeza del Uploader, ahora tiene que dedicarse al motor, y yo tambien puesto que soy quien lo alimenta.

LeandroBraier commented 7 years ago

Ok. Hagamos lo siguiente. Consideremos el motor como el sprint próximo a entregar. Una vez que esté resuelto, avanzamos con lo demás entonces. Decime para qué fecha estimás que podríamos tener el motor.

Ahora: los wireframes que faltan, son necesarios para la versión del cliente B?

mkreyness commented 7 years ago

Motor: Valentin no esta copiado en este thread y es el quien tiene la ultima palabra al respecto. Yo ya estableci con el una metodologia de trabajo por la cual él puede avanzar alimentando el motor a pulmon (con unos archivos json), mientras yo sigo trabajando en el editor de escenas, lo cual finalmente va a a terminar generando esos json. Yo calculo que para el 18 de octubre tengo todo lo mio funcionando, pero faltaria en el editor de escenas solucionar esos dos temas (como cargar contenidos de un slideshow y como cargar los parametros de plugin). Ambas cosas se pueden hacer de todos modos por el CMS interno. No se si Valen esta muy a full con otras cosas, pero deberiamos poder confluir en esa fecha, si no se presenta nada raro. Ponele una semana mas para integrar todo, 25 de octubre deberia estar la secuencia interface->motor->infobeamer funcionando.

Al cliente entiendo que no se le va a mostrar nada de "como" se arman las cosas, por eso los templates a usar los vamos a armar a mano y cargar en el CMS interno, para que despues vos o tu novia desde la maquina de B puedan completar y modificar contenidos.

Por lo tanto lo que digo del editor de templates (y como siempre planificamos) seria lo ultimo, posterior a agregar los editores de elementos slideshow y plugins en la escena.

LeandroBraier commented 7 years ago

Perfecto MK! Con esas fechas me manejo perfecto entonces. Si te parece hacemos una reunión la semana del 17/10 para festejar la lealtad y para ver un status, revisión y demás. Te parece OK?

LeandroBraier commented 7 years ago

Valen está a full con esto ahora. Hoy estuve reunido con él. Comuniquense que viene a full y con mucho entusiasmo.

mkreyness commented 7 years ago

ok. Estamos en contacto, tiene una tarea muy especifica que hacer: escribir en un json lo necesario para que el motor produzca la escena que le diste para empezar.

ghost commented 7 years ago

Mk el martes te voy a mandar bien un mail para que veas cómo voy y con el motor que en principio se va a dedicar a la escena1(video full frame) y después a la escena2(noticias, con plugin rss)

El 7 oct. 2016 5:47 p. m., "LeandroBraier" notifications@github.com escribió:

Valen está a full con esto ahora. Hoy estuve reunido con él. Comuniquense que viene a full y con mucho entusiasmo.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/LeandroBraier/Siguit/issues/8#issuecomment-252357121, or mute the thread https://github.com/notifications/unsubscribe-auth/AP1JffB2FMijVhbiMW5jNUiE9ubAb85Aks5qxq_jgaJpZM4H2O0D .

mkreyness commented 7 years ago

muy bien

mkreyness commented 7 years ago

y el mail ?

LeandroBraier commented 7 years ago

@valentinsabbath recién volvió hoy a la mañana dl evento en Tucumán. Dejemoslo descansar un poco pobre. Mañana nos avisa del status. Gracias por estar atento!

abrazo

mkreyness commented 7 years ago

no es por estar atento, es que necesito ver su json para asegurarme que lo mio genere lo mismo.

LeandroBraier commented 7 years ago

Entiendo entiendo. Era una forma de decir nomás.

abrazo

ghost commented 7 years ago

@LeandroBraier estoy con @mkreyness mandando mails para notificarle cómo voy. Nos surgió una pregunta: Para el plugin del clima el programa necesita consultar a un servicio web. Lo hice para que consulte a "Wunderground" pero podría consultar a otro servicio de ser necesario. Por eso la pregunta sería: Cuál es el servicio de clima que usa MagicInfo? De saberlo, podríamos implementar el mismo servicio para no tener que pedir permiso

LeandroBraier commented 7 years ago

Hola @valentinsabbath ! El plugin que utiliza Magic Info es AccuWeather, te lo había pasado la otra vez creo. http://www.accuweather.com/en/ar/argentina-weather

LeandroBraier commented 7 years ago

accuweather es gratis. El cliente B no paga ninguna suscripcion especial. Es como Yahoo Weather.

ghost commented 7 years ago

Es gratis para el usuario final. Pero MagicInfo les paga , lo mismo que tendriá que hacer yo si tengo que desarrollar un programa con accuweather o con cualquier api, me cobran porque hay que suscribirse y tener una licencia para poder hacer las cosultas del clima. Hay que ver cómo solucionamos este tema. De hecho accuweather es super cerrado, no te dan la licencia de prueba si no les mandás un mail

2016-10-18 14:38 GMT-03:00 LeandroBraier notifications@github.com:

accuweather es gratis. El cliente B no paga ninguna suscripcion especial. Es como Yahoo Weather.

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/LeandroBraier/Siguit/issues/8#issuecomment-254582547, or mute the thread https://github.com/notifications/unsubscribe-auth/AP1JffcDvKd9nLkTaXhYbEBQELKzrnzfks5q1QQagaJpZM4H2O0D .

Atte. Valentín Gavela.

LeandroBraier commented 7 years ago

Entonces busquemos uno gratis. Yahoo Weather no es gratis? Tiene que haber algun rss gratis de clima.

LeandroBraier commented 7 years ago

Sino averiguá cuanto sale porfa.

ghost commented 7 years ago

La gratis en principio es la de Wunderground que me permite hacer 500 consultas al dia https://www.wunderground.com/weather/api/d/pricing.html

2016-10-18 15:30 GMT-03:00 LeandroBraier notifications@github.com:

Sino averiguá cuanto sale porfa.

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/LeandroBraier/Siguit/issues/8#issuecomment-254597245, or mute the thread https://github.com/notifications/unsubscribe-auth/AP1JfRyn5_NeW4uyWPLyDgsRn4NVd2Yvks5q1RA8gaJpZM4H2O0D .

Atte. Valentín Gavela.

mkreyness commented 7 years ago

http://openweathermap.org/ tiene un API que devuelve un JSON, yo lo uso, pero no mas de 10 consultas diarias, no se bien cual es el limite. Hay que pedir un token pero es gratis.

LeandroBraier commented 7 years ago

Probemos estas porfa. La estética no cambia no?

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

On Tue, Oct 18, 2016 at 4:06 PM, mkreyness notifications@github.com wrote:

http://openweathermap.org/ tiene un API que devuelve un JSON, yo lo uso, pero no mas de 10 consultas diarias, no se bien cual es el limite. Hay que pedir un token pero es gratis.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/LeandroBraier/Siguit/issues/8#issuecomment-254607400, or mute the thread https://github.com/notifications/unsubscribe-auth/AGaJgE-WtDTJmyq0Ww0NxEbyE6JiOCN7ks5q1RifgaJpZM4H2O0D .