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

LeandroBraier commented 8 years ago

@FAAREIA lo sumo a @diegodella1 a este issue así podés consultar cualquier duda del flow del CMS con él, que es quién lo craneó desde un principio.

abrazo

mkreyness commented 8 years ago

cuesta un poco seguir el flujo porque esta ordenado alfabeticamente en la carpeta de google drive. Tal vez habria que encabezar cada nombre con una numeracion jerarquica que facilite la lectura. Seguramente sobre la marcha vamos a encontrar muchos detalles a pulir en cuanto a datos. Lo importante en este momento es definir el estilo y ver que existan todos los tipos de elementos necesarios (lineas de tiempo para los casos que lo requieran, algun tipo de calendario con diferentes vistas posibles, Para que te ubiques en 3 frases, @FAAREIA, aca se arman escenas con contenidos (fotos/videos/textos/plugins), esas escenas se organizan en playlists y a esos playlists se los programa tipo grilla semanal para ser reproducidos en distintos dispositivos que el cliente tiene contratados (no puede agregar ni modificar esos dispositivos, solo sus contenidos y grilla)

FAAREIA commented 8 years ago

Hay bastantes cosas que no entendí, puede ser por el flujo mezclado que dice marce. Después lo voy a ver mejor. El tema principal es el tiempo en que necesitan esto hecho ya que para fines de Abril tendría que estar Revear rehecho. A este proyecto lo veo largo y si se suma a antes de abril, no se va a llegar con lo de revear

LeandroBraier commented 8 years ago

TEMA EXPLICACIÓN: Fede, tenés 2 mapas que vinculan las pantallas entre si. GUiate por esos dos y luego numerá las pantallas como te sea más conveniente a vos para la maquetación.

TEMA TIEMPOS: Revear tiene prioridad. Esto es para después de Revear, pero vayamos avanzando con elegir los templates. Eso es lo primero y que si podemos hacer haciendo.

abrazo

2016-03-23 9:38 GMT-03:00 Federico Arena notifications@github.com:

Hay bastantes cosas que no entendí, puede ser por el flujo mezclado que dice marce. Después lo voy a ver mejor. El tema principal es el tiempo en que necesitan esto hecho ya que para fines de Abril tendría que estar Revear rehecho. A este proyecto lo veo largo y si se suma a antes de abril, no se va a llegar con lo de revear

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

diegodella1 commented 8 years ago

@mkreyness @FAAREIA ahora armo un ppt con links sobre esas imagenes para que sea "navegable" y se entienda un poco mejor.

Estoy seguro que se van a encontrar bastantes cosas que ir puliendo a medida que se analice mas en profundidad.

Las referencias un poco desde lo visual, y otro tanto desde lo funcional son:

Nuvelar www.nuvelar.com Signage Live https://signagelive.com/features/ Info Beamer (desde donde tomamos el core del producto) https://info-beamer.com/hosted Magic Info (Lean si podés pasale una captura del editor así lo puede chequear Fede)

LeandroBraier commented 8 years ago

Gracias Diego!!

Para MAgic Info acá tenés un video y hay muchos tutoriales para seguir viendo como es la interfaz y como funciona: https://www.youtube.com/watch?v=18SXJc4oFck

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

2016-03-23 10:58 GMT-03:00 Diego notifications@github.com:

@mkreyness https://github.com/mkreyness @FAAREIA https://github.com/FAAREIA ahora armo un ppt con links sobre esas imagenes para que sea "navegable" y se entienda un poco mejor.

Estoy seguro que se van a encontrar bastantes cosas que ir puliendo a medida que se analice mas en profundidad.

Las referencias un poco desde lo visual, y otro tanto desde lo funcional son:

Nuvelar www.nuvelar.com Signage Live https://signagelive.com/features/ Info Beamer (desde donde tomamos el core del producto) https://info-beamer.com/hosted Magic Info (Lean si podés pasale una captura del editor así lo puede chequear Fede)

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

diegodella1 commented 8 years ago

Acá esta en PDF un poco mas ordenado. Termino de linkear los botones y lo subo.

http://www.filedropper.com/navegabilidad1

diegodella1 commented 8 years ago

Acá tiene links.

http://diegodella.com.ar/siguit/siguit.html

edit: en zip por si les tarda en cargar las imágenes http://diegodella.com.ar/siguit/siguit.zip

LeandroBraier commented 8 years ago

@FAAREIA cuando puedas confirmame si podemos tener esto para el 29/04, teniendo en cuenta todos los otros pedidos que hay.

LeandroBraier commented 8 years ago

La idea es que ese día estén todas las pantallas, pero a medida que vayas maquetando la revisás con @diegodella1 y él ya se las pasa a @mkreyness

@diegodella1 te va a pasar el orden de prioridad de las pantallas a maquetar así las vas entregando por grupos. Él te va a guiar en eso.

FAAREIA commented 8 years ago

Mmmm, lo veo imposible para esa fecha. Pensá que revear con los agregados, va a llevar 27 días (108hs). Por más que desde ahora no haya cosas y lo de revear salga en algunas horas menos, este proyecto requiere también muchas horas, son demasiadas pantallas y las de escena son complicadas.

LeandroBraier commented 8 years ago

Entiendo Fede. Porfa haceme un calculo de horas como el que hiciste para la web de revear así calculamos una nueva fecha de entrega realista y planteamos etapas para ver con que sí podemos llegar a fines de abril.

Mas allá de esto, consideras que por la magnitud de laburo que venimos teniendo en general vas a necesitar sumar un refuerzo no? El abr. 1, 2016 9:02 AM, "Federico Arena" notifications@github.com escribió:

Mmmm, lo veo imposible para esa fecha. Pensá que revear con los agregados, va a llevar 27 días (108hs). Por más que desde ahora no haya cosas y lo de revear salga en algunas horas menos, este proyecto requiere también muchas horas, son demasiadas pantallas y las de escena son complicadas.

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

FAAREIA commented 8 years ago

Es algo dificil de calcular porque hay pantallas complejas como las de escenas en las que seguro cuando me meta a hacerlas hay sorpresas pero sin hacerlo responsivo estimo un mínimo de 120hs, basando el diseño en algun template que por supuesto no lo resolvería del todo por el tema de las pantallas de edición del video

FAAREIA commented 8 years ago

Lo del refuerzo depende de las fechas y si siempre sigue apareciendo algo. Puede haber alguien dedicado a "mantenimiento" y otro a generar cosas nuevas capas.

LeandroBraier commented 8 years ago

Entiendo Fede. Gracias por la info. Hagamos así entonces. Cuando @diegodella1 te pase el listado de prioridad de las sucesivas pantallas a trabajar ahí calculamos en qué fecha haríamos cada paquete de entrega y evaluamos con qué llegamos para fines de abril y para cuando llegamos con el resto.

@diegodella1 quedamos a la espera de eso entonces.

abrazo

diegodella1 commented 8 years ago

Estas son las pantallas necesarias de acuerdo a lo que hablamos con @mkreyness :

escenas_template.png, escenas_template_agregar.png dashboard_administrador.png playlists.png playlists_edicion_1.png dispositivo_grilla_agregar_playlist.png dispositivo_grilla_editar.png

Esos serían los wireframes a ajustar. Cualquier cosa que surja me avisan y lo vemos.

LeandroBraier commented 8 years ago

Buen día @diegodella1 ! Gracias por la info!

@FAAREIA necesitaría saber: podés tener para el 18/04 estas 7 pantallas maquetadas en base al template?

Te refresco: el template es este: http://themeforest.net/item/metro-lab-responsive-metro-dashboard-template/5359122 y @mkreyness lo tiene descargado, te lo puede enviar.

abrazo

FAAREIA commented 8 years ago

La gráfica ya esta establecida en el template y la idea es seguir ese estilo? La maqueta tiene que estar hecha de cero o agarramos el template y trabajamos encima?

FAAREIA commented 8 years ago

sin responsivo no?

LeandroBraier commented 8 years ago

Agarramos el template y trabajamos encima. Sin responsive. El abr. 5, 2016 10:34 AM, "Federico Arena" notifications@github.com escribió:

sin responsivo no?

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

FAAREIA commented 8 years ago

Se puede llegar para esa fecha si usamos el template y no caen cosas que interrupan constantemente los avances. Con respecto a revear quedaría parado hasta el 18 entonces

LeandroBraier commented 8 years ago

No, no. Te consulto esto teniendo en cuenta que Revear siga como viene. Revear es prioridad.

Entonces me decís que necesitás un refuerzo, verdad?

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

2016-04-05 11:06 GMT-03:00 Federico Arena notifications@github.com:

Se puede llegar para esa fecha si usamos el template y no caen cosas que interrupan constantemente los avances. Con respecto a revear quedaría parado hasta el 18 entonces

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

FAAREIA commented 8 years ago

Sería lo mejor para llegar con las dos cosas.

LeandroBraier commented 8 years ago

Ok, lo hablo con Eze entonces.

On Tue, Apr 5, 2016 at 11:25 AM, Federico Arena notifications@github.com wrote:

Sería lo mejor para llegar con las dos cosas.

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

mkreyness commented 8 years ago

AAHHH, @FAAREIA cuando decias "template administrativo" estan hablando del METROLAB ? Pense que me hablabas de un wireframe de Diego. Esta en todas las maquinas que trabajamos, Fede. Es la carpeta www/metrolab, por ejemplo, en la maquina de Benteveo, que es donde por ahora vamos a hostear eso.

mkreyness commented 8 years ago

http://www.benteveo.tv/metrolab

LeandroBraier commented 8 years ago

@FAAREIA para tu refuerzo estamos considerando al chico que te iba a cubrir en el verano y sumamos a este también:

Franco San Martín, Mendoza.

"Estoy interesado en trabajar con ustedes de manera remota, a distancia part time a largo plazo. Tengo 6 años de experiencia prestando los servicios de: Diseño web Maquetador web Programador frontend Programador backend Diseño responsive Mantenimiento web y Soporte IT Me considero una persona responsable, ordenado, motivado y autocrítico. Buena tolerancia al trabajo bajo presión. En constante formación continua y con ganas de seguir disfrutando de lo que hago.

Podrán ver mi curriculum vitae, mis trabajos y conocimientos en http://francogatica.com o sino en

Me apasiona lo que hago! la programación y el entorno web. Mi objetivo es trabajar part time a largo plazo.

Mi disponibilidad horaria es de 4 horas diarias de lunes a sábados. Acá adjunto mi CV en doc y pdf.

Decime si lo ves potable lo entrevisto. Sino tenemos a Matias que ya lo habías aprobado la otra vez.

abrazo

FAAREIA commented 8 years ago

Matías puede ir bien, sino este también, el sitio esta en construcción pero si pone todo eso es porque debe tenerla clara.

LeandroBraier commented 8 years ago

Genial, Fede! Gracias!

Avanzamos entonces.

On Fri, Apr 8, 2016 at 1:50 PM, Federico Arena notifications@github.com wrote:

Matías puede ir bien, sino este también, el sitio esta en construcción pero si pone todo eso es porque debe tenerla clara.

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

FAAREIA commented 8 years ago

http://benteveo.tv/cms-siguit/_dashboard.html http://benteveo.tv/cms-siguit/_dispositivos.html http://benteveo.tv/cms-siguit/_escenas.html http://benteveo.tv/cms-siguit/_escenas-templates.html http://benteveo.tv/cms-siguit/_playlist.html

Ahi estan los html requeridos, si los ves bien les hago unos ajustes finales. Por ejemplo Escenas Template es algo para mirar detenidamente y si va bien todo, le ajusto unos detalles que quedaron.

Lo que estuve viendo también es que el template es bastante viejo, tienen todo desactualizado. Recomendaría usar otro template actualizado para un próximo proyecto asi.

Abrazo

LeandroBraier commented 8 years ago

Están muy buenos Fede!!! Gracias!!

@diegodella1 te va a confirmar las especificidades pero lo veo muy claro estéticamente al menos.

diegodella1 commented 8 years ago

Gran laburo!

Acá va el feedback unificado después de un par de reuniones:

En Dashboard (y donde corresponda):

Agregar icono al lado de cada dispositivo (a la izquierda del nombre)

eAgregar "progress/load bar" en la columna de storage

Ej: http://imgur.com/xs0EQ1M

El nombre del dispositivo debe ser un link que al ser clickeado me lleve al detalle de dicho dispositivo.

*Completar tabs "Pendientes de aprobación" y "usuarios"

Escenas / Templates o Plantillas

Cambiar los textbox de fechas por date picker + hora Que el borde del "canvas" sea sólido y 1 o 2 pt mas grueso. (Visualmente no da la impresion de que son objetos dentro de una "pantalla")

En los campos de texto, agregar algun tipo de editor para modificar fuente, color, etc.

En la edición de templates (o plantillas), eliminar la linea de tiempo y los objetos que pertenecen a la misma, no vamos a usar línea de tiempo en esta instancia.

En la lista de donde se ven y eligen los templates, reemplazar lo que sería la "carátula" del template que hoy es una imagen descriptiva, por una imagen esquematica (como mailchimp).

Ver de que manera se pueden categorizar los templates para posteriormente poder hacer un filtro rápido basado en tags o categorias. (Ej: Template precios, template 2 columnas 1 texto, etc).

Debe poder definirse la duración de la escena al momento de crearla / agregarla a una playlist. (tanto en las que están basadas en plantillas, como en las que se realicen a mano alzada)

Debe poder definirse la fecha de "vencimiento" de las escenas, aunque no es un campo obligatorio ya que por defecto serán eternas.

Dispositivos / playlists

Queda pendiente que se haga la home de dispositivos. Entendemos que http://benteveo.tv/cms-siguit/_dispositivos.html es lo que se ve cuando ya se eligio un dispositivo y mustra la grilla con la chance de agregar o quitar playlists.

Al dropear una playlist en el calendario, se debe poder elegir y configurar en ese momento (via modal/shadowbox) todo lo relacionado a fechas y horas permitidas para la reproducción, y a que dispositivo (o grupo de dispositivos) se envía el contenido.

Dentro del calendario, debo poder "estirar" via drag de cuaqluiera de los extremos la duración de una playlist cualquiera, y en el release deben haber una alerta que consulte por la confirmación de esos cmabios)

Es necesario que exista la posilibidad de seleccionar diferentes dispositivos y agruparlos bajo un nombre único, de manera tal que puedan enviarse a reproducir contenidos una vez en varias pantallas.

Creo que no dejo nada afuera de lo que hablamos. @LeandroBraier @mkreyness

FAAREIA commented 8 years ago

Dashboard

Escenas / Templates o Plantillas

Dispositivos / playlists


Se pueden ver los cambios en los siguiente links, cualquier cosa me dicen. http://benteveo.tv/cms-siguit/_dashboard.html http://benteveo.tv/cms-siguit/_dispositivos.html http://benteveo.tv/cms-siguit/_escenas.html http://benteveo.tv/cms-siguit/_escenas-templates.html http://benteveo.tv/cms-siguit/_playlist.html

LeandroBraier commented 8 years ago

Las vimos con Eze y están OK Fede!!! @diegodella1 vos ves estas consultas de Fede? Sino avisame y te doy una mano pero no me quiero meter y hacer ruido.

diegodella1 commented 8 years ago

Está todo 10 puntos de mi lado.

Voy con las respuestas a la consultas:

Dashboard

Todo hecho excepto el contenido de los otros tabs. ¿Para cuando tienen que estar hechos? En lo posible, durante la próxima semana sería ideal.

¿En donde se agregan los campos de texto para cambiar la fuente y color de qué cosas? El campo de vencimiento es fecha y hora? Si, fecha y hora. ¿Corresponde solo al html "_escenas"? Escenas y Playlists

Dispositivos / playlists

La home de dispositivos cuando tiene que estar hecha? También durante la semana que viene si es posible, podemos negociarlo sin problemas.

Todo lo relacionado al calendario ya es programación aparte <---- @mkreyness Lo ves ok esto?

FAAREIA commented 8 years ago

Ahi va todo lo pedido, cualquier cosa me dicen.

http://benteveo.tv/cms-siguit/_dashboard.html http://benteveo.tv/cms-siguit/_dispositivos.html http://benteveo.tv/cms-siguit/_dispositivo_grilla.html http://benteveo.tv/cms-siguit/_escenas.html http://benteveo.tv/cms-siguit/_escenas-templates.html http://benteveo.tv/cms-siguit/_playlist.html

diegodella1 commented 8 years ago

Veo todo ok desde mi lado.

@mkreyness @LeandroBraier que opinan?

LeandroBraier commented 8 years ago

Estoy intentando verlos pero no me los carga, puede ser?

LeandroBraier commented 8 years ago

Está caido Duplika otra vez.

diegodella1 commented 8 years ago

Puede ser otra cosa, estoy con problemas en varios sitios y estoy viendo que el problema puede ser regional de latam en cuanto a DNS.

On Thu, Apr 28, 2016 at 12:19 PM, LeandroBraier notifications@github.com wrote:

Está caido Duplika otra vez.

— 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-215462258

http://about.me/diego/bio

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

diegodella1 commented 8 years ago

Conocidos me confirman que es un tema regional, ni con los DNS de Google pueden acceder, seguro levanta en breve

On Thu, Apr 28, 2016 at 12:35 PM, Diego Dell Agostino < dellagostino@gmail.com> wrote:

Puede ser otra cosa, estoy con problemas en varios sitios y estoy viendo que el problema puede ser regional de latam en cuanto a DNS.

On Thu, Apr 28, 2016 at 12:19 PM, LeandroBraier notifications@github.com wrote:

Está caido Duplika otra vez.

— 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-215462258

http://about.me/diego/bio

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

http://about.me/diego/bio

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

LeandroBraier commented 8 years ago

Ok, ahora volvió creo.

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

2016-04-28 12:42 GMT-03:00 Diego notifications@github.com:

Conocidos me confirman que es un tema regional, ni con los DNS de Google pueden acceder, seguro levanta en breve

On Thu, Apr 28, 2016 at 12:35 PM, Diego Dell Agostino < dellagostino@gmail.com> wrote:

Puede ser otra cosa, estoy con problemas en varios sitios y estoy viendo que el problema puede ser regional de latam en cuanto a DNS.

On Thu, Apr 28, 2016 at 12:19 PM, LeandroBraier < notifications@github.com> wrote:

Está caido Duplika otra vez.

— 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-215462258>

http://about.me/diego/bio

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

http://about.me/diego/bio

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

— 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-215471492

mkreyness commented 8 years ago

yo pude entrar a ambos lados recien.

diegodella1 commented 8 years ago

Esta tosiendo Cloudflare en toda la región:

http://imgur.com/ngMS8EV

On Thu, Apr 28, 2016 at 2:13 PM, mkreyness notifications@github.com wrote:

yo pude entrar a ambos lados recien.

— 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-215498448

http://about.me/diego/bio

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

LeandroBraier commented 8 years ago

@FAAREIA @valentinsabbath @mkreyness , disculpen la demora. Las maquetaciones están OK, avancemos así.

@diegodella1 no va a estar por un par de semanas así que me quedo yo al tanto de todo, uds mantenganme al tanto de los avances y estoy disponible para cualquier consulta.

abrazo

mkreyness commented 8 years ago

ok, un tema que habria que avanzar es donde/como se hace el hosting Raspi (o no Raspi, pero que soporte OpenGL3.0)

LeandroBraier commented 8 years ago

Ok. Eso no es lo de lo nube que estamos hablando en el mail aparte donde está MS copiado? El may. 2, 2016 8:00 PM, "mkreyness" notifications@github.com escribió:

ok, un tema que habria que avanzar es donde/como se hace el hosting Raspi (o no Raspi, pero que soporte OpenGL3.0)

— 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-216390046

mkreyness commented 8 years ago

tal vez YO no este copiado ?

LeandroBraier commented 8 years ago

Exacto, no estabas copiado. Te reenvié este mail así avanzamos.

abrazo

On Mon, May 2, 2016 at 9:39 PM, mkreyness notifications@github.com wrote:

tal vez YO no este copiado ?

— 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-216405177

LeandroBraier commented 8 years ago

@FAAREIA estamos hablando con @mkreyness y necesitaríamos ciertas cosas:

Faltaría las páginas de

  1. Login
  2. Contenidos

Aparte @mkreyness te va a pedir modificaciones puntuales en algunos de los que ya mandaste.

abrazo