Project

General

Profile

Feature #446

Improve CSS style in groups

Added by Julio Montoya almost 10 years ago. Updated almost 10 years ago.

Status:
Feature implemented
Priority:
Normal
Category:
-
Target version:
Start date:
17/12/2009
Due date:
% Done:

100%

Estimated time:
Complexity:
Normal
SCRUM pts - complexity:
5

Description

Improve CSS style in groups


Files

mysharedprofile.png (194 KB) mysharedprofile.png My shared Profile Luis Rodriguez, 17/12/2009 22:07
messages.jpg (276 KB) messages.jpg Luis Rodriguez, 17/12/2009 22:10
messages.jpg (287 KB) messages.jpg Mensajes modificado Luis Rodriguez, 17/12/2009 23:08
mysharedprofile_by_julio.jpeg (281 KB) mysharedprofile_by_julio.jpeg Julio Montoya, 17/12/2009 23:26
redsocialdokeos-inicio.jpg (240 KB) redsocialdokeos-inicio.jpg red social página inicio Luis Rodriguez, 18/12/2009 22:28
redsocialdokeos4.jpg (240 KB) redsocialdokeos4.jpg Luis Rodriguez, 22/12/2009 18:40
redsocialdokeos-grupos.jpg (202 KB) redsocialdokeos-grupos.jpg red social- grupos página de inicio Luis Rodriguez, 22/12/2009 20:30
redsocialdokeos-grupos-boceto-interior.jpg (368 KB) redsocialdokeos-grupos-boceto-interior.jpg he hecho unas modificaciones a la parte interior de grupos para consideración Luis Rodriguez, 22/12/2009 21:25
inicio-con-imagendeperfil.jpg (253 KB) inicio-con-imagendeperfil.jpg boceto con imagen de perfil Luis Rodriguez, 22/12/2009 21:44
inicio-con-imagendeperfil.jpg (253 KB) inicio-con-imagendeperfil.jpg Luis Rodriguez, 22/12/2009 21:45
inicio-con-imagendeperfil.jpg (253 KB) inicio-con-imagendeperfil.jpg Luis Rodriguez, 22/12/2009 21:46
mysharedprofile.jpg (299 KB) mysharedprofile.jpg boceto de mi profile Luis Rodriguez, 22/12/2009 22:10
mysharedprofile.jpg (299 KB) mysharedprofile.jpg mysharedprofile Luis Rodriguez, 22/12/2009 22:12
misgrupos.jpg (299 KB) misgrupos.jpg mis grupos Luis Rodriguez, 22/12/2009 22:22
misgrupos.jpg (299 KB) misgrupos.jpg mis grupos Luis Rodriguez, 22/12/2009 22:23
redsocialdokeos-grupos.zip (88.2 KB) redsocialdokeos-grupos.zip Julio Montoya, 24/12/2009 16:51
redsocialdokeos.zip (109 KB) redsocialdokeos.zip los primeros html Luis Rodriguez, 26/12/2009 17:18
mysharedprofile.jpg (346 KB) mysharedprofile.jpg My shared Profile Luis Rodriguez, 28/12/2009 18:27

Related issues

Related to Chamilo LMS - Feature #190: Add groups for Chamilo social networkFeature implemented27/11/2009

Actions

History

#1

Updated by Julio Montoya almost 10 years ago

This should be the best tool in usability.

#2

Updated by Luis Rodriguez almost 10 years ago

attached sketches for approval

#3

Updated by Luis Rodriguez almost 10 years ago

  • File deleted (messages.jpg)
#5

Updated by Julio Montoya almost 10 years ago

Unos comentarios ...

En general:

El menu de la izquierda me parece un buen elemento asi como las notificaciones "News". tal vez sería interesante ponerlo como accordion como le mencioné a Christian: http://www.i-marco.nl/weblog/jquery-accordion-menu-redux/

Los links dentro de News "12 invitaciones" es correcto, pero 16 Messages? No se repite con Messages de MENU.
Tal vez debería de decir algo como :

My shared Profile
Messages (16)

en el Menu "MENU".

La idea de poner user online en ese lugar es buena, aunque cuando salgo del Social network donde estaría??

En mysharedprofile.png

La opción de News debería estar + resaltada.

El contenido central ("Information" con datos del estudiante) es estático, creo que sería mejor colocar contenido dinámico, como los mensajes recibidos, notificaciones, una especie de Dashboard. En lugar de solo la información del usuario. tal vez la opcion para crear grupo, ver info de los amigos, no sé...

En messages.jpg

Los titulos para ordenar "from, title" "duelen" a la vista pues no se distinguen tan bien al ser blancos.
Supongo que falta un select (combobox) donde dice las acciones a realizar: eliminar

Buen avance!

Luis Rodriguez wrote:

attached sketches for approval

#6

Updated by Luis Rodriguez almost 10 years ago

1- Como verás en el boceto message, se nota que se ha desplegado como acordion y muestra las sub secciones
2- Sobre la alerta de mensajes pues creo que todas las alertas o recordatorios deberían ir en NEWS
3- Sobre los usuarios Online quería especificar y lo hago en el boceto que adjunto que son usuarios online del Social Network (es posible lograr esto?, que solo muestre en esa pestaña a los usuarios online de su propio social network sin tocar los usuarios online de toda la plataforma? , es la mejor manera de filtrar los usuarios online globales de los usuarios online que estan en mi red social)
4- La opción News me parece visible
5- Mencionas : "El contenido central ("Information" con datos del estudiante) es estático, creo que sería mejor colocar contenido dinámico, como los mensajes recibidos, notificaciones, una especie de Dashboard. En lugar de solo la información del usuario. tal vez la opcion para crear grupo, ver info de los amigos, no sé..."

En este caso estaríamos repitiendo información que ya brindamos en la sección NEWS (mensajes recibidos, notificaciones y todos los etc, creo yo, deberían estar en la sección NEWS ).

6- Los títulos fuerón modificados. Adjunto bocetos con estos detalles

#7

Updated by Julio Montoya almost 10 years ago

Luis Rodriguez wrote:

1- Como verás en el boceto message, se nota que se ha desplegado como acordion y muestra las sub secciones

Si, me he dado cuenta y está bonito.

2- Sobre la alerta de mensajes pues creo que todas las alertas o recordatorios deberían ir en NEWS

En el caso de "News" me parece que es repetitivo mostrar que "16 Messages" y luego "Messages" en el MENU. Mas simple sería Messages (16).

3- Sobre los usuarios Online quería especificar y lo hago en el boceto que adjunto que son usuarios online del Social Network (es posible lograr esto?, que solo muestre en esa pestaña a los usuarios online de su propio social network sin tocar los usuarios online de toda la plataforma? , es la mejor manera de filtrar los usuarios online globales de los usuarios online que estan en mi red social)

Los usuarios del social network son todos los usuarios de la plataforma no hay diferencias.

4- La opción News me parece visible

5- Mencionas : "El contenido central ("Information" con datos del estudiante) es estático, creo que sería mejor colocar contenido dinámico, como los mensajes recibidos, notificaciones, una especie de Dashboard. En lugar de solo la información del usuario. tal vez la opcion para crear grupo, ver info de los amigos, no sé..."

En este caso estaríamos repitiendo información que ya brindamos en la sección NEWS (mensajes recibidos, notificaciones y todos los etc, creo yo, deberían estar en la sección NEWS ).

El contenido que está actualmente me parece muuuy estatico (info del usuario), tal vez colocar otras opciones para los usuarios de Dokeos. (Ver imagen para mayor comprensión).

6- Los títulos fuerón modificados. Adjunto bocetos con estos detalles

#8

Updated by Julio Montoya almost 10 years ago

El último screenshot de messages esta bien. Aunque no tenemos opcion de "marcar" ni "Mover". Solo eliminar y responder.

#9

Updated by Luis Rodriguez almost 10 years ago

Julio Montoya wrote:

Luis Rodriguez wrote:

1- Como verás en el boceto message, se nota que se ha desplegado como acordion y muestra las sub secciones

Si, me he dado cuenta y está bonito.

2- Sobre la alerta de mensajes pues creo que todas las alertas o recordatorios deberían ir en NEWS

En el caso de "News" me parece que es repetitivo mostrar que "16 Messages" y luego "Messages" en el MENU. Mas simple sería Messages (16).

3- Sobre los usuarios Online quería especificar y lo hago en el boceto que adjunto que son usuarios online del Social Network (es posible lograr esto?, que solo muestre en esa pestaña a los usuarios online de su propio social network sin tocar los usuarios online de toda la plataforma? , es la mejor manera de filtrar los usuarios online globales de los usuarios online que estan en mi red social)

Los usuarios del social network son todos los usuarios de la plataforma no hay diferencias.

Listo entonces quedamos que los usuarios de Social Network no son todos los usuarios de la plataforma y yo tengo la opción de discriminar y agregar solo a 10 usuarios de los 120 que pueda tener la plataforma y que si estoy en My Social Network, puedo ver en la pestaña del boceto que adjunte solo a los usuarios de mi red , y teniendo en la pestaña superior a los usuarios globlaes .

4- La opción News me parece visible

5- Mencionas : "El contenido central ("Information" con datos del estudiante) es estático, creo que sería mejor colocar contenido dinámico, como los mensajes recibidos, notificaciones, una especie de Dashboard. En lugar de solo la información del usuario. tal vez la opcion para crear grupo, ver info de los amigos, no sé..."

En este caso estaríamos repitiendo información que ya brindamos en la sección NEWS (mensajes recibidos, notificaciones y todos los etc, creo yo, deberían estar en la sección NEWS ).

El contenido que está actualmente me parece muuuy estatico (info del usuario), tal vez colocar otras opciones para los usuarios de Dokeos. (Ver imagen para mayor comprensión).

Oks las opciones se pueden colocar, cuales serían ? ( no se adjunto la imagen que mencionas)

6- Los títulos fuerón modificados. Adjunto bocetos con estos detalles

#10

Updated by Julio Montoya almost 10 years ago

  • Target version set to 1.8.6.2 beta
  • SCRUM pts - complexity changed from ? to 5

La pestana "My Profile" debería de eliminarse si la Red social está activada.
De esta manera, concentramos todos los esfuerzos en una pestana sin estar saltando de un lado a otro.

#11

Updated by Luis Rodriguez almost 10 years ago

  • File redsocialdokeos-inicio.jpg added

adjunto boceto página de inicio de la red social

#12

Updated by Luis Rodriguez almost 10 years ago

  • File deleted (redsocialdokeos-inicio.jpg)
#13

Updated by Luis Rodriguez almost 10 years ago

red social página inicio

#14

Updated by Julio Montoya almost 10 years ago

Tenemos más noticias sobre esta tarea? Tenemos los cortes html?
Que tal las otras vistas de grupos, etc?

#15

Updated by Luis Rodriguez almost 10 years ago

a ver si dan la aprobación de los bocetos o si paso a otra idéa , esto es importante para poder pasar al siguiente proceso que es el de pasar el jpg a dokeos. o continuar boceteando

#16

Updated by Luis Rodriguez almost 10 years ago

Estas fuerón las consideraciones

1. Usar divs (por siaca).
2. hacer menos visible el corte cuadrado.
3. mejor vale poner cada sección en un bloque con borde, con unos pixeles de espacio entre cada uno en lugar de estas líneas de separación de columnas
4. faltan enlaces para "ver más" de los bloques

Este es el boceto

#17

Updated by Luis Rodriguez almost 10 years ago

Adjunto boceto de "grupo" básicamente la página inicial de grupo

#18

Updated by Julio Montoya almost 10 years ago

  • % Done changed from 0 to 10

En http://support.chamilo.org/attachments/121/redsocialdokeos-grupos.jpg
que sucede si existen más elementos en "Grupos más populares" o en "Newest"?
Creo que sería bueno mostrar los 3 elementos + populares como los más nuevos.

Espero al feedback de Yannick, para que vea los bocetos.

En http://support.chamilo.org/attachments/120/redsocialdokeos4.jpg
falta el boceto cuando el usuario ya subió la foto.

#19

Updated by Luis Rodriguez almost 10 years ago

  • File deleted (redsocialdokeos-grupos-boceto-interior.jpg)
#20

Updated by Luis Rodriguez almost 10 years ago

he hecho unas modificaciones a la parte interior de grupos para consideración

#21

Updated by Luis Rodriguez almost 10 years ago

Julio Montoya wrote:

En http://support.chamilo.org/attachments/121/redsocialdokeos-grupos.jpg
que sucede si existen más elementos en "Grupos más populares" o en "Newest"?
Creo que sería bueno mostrar los 3 elementos + populares como los más nuevos.

Espero al feedback de Yannick, para que vea los bocetos.

En http://support.chamilo.org/attachments/120/redsocialdokeos4.jpg
falta el boceto cuando el usuario ya subió la foto.

Si existen más elementos más populares en esas secciones, pues sí se podrían agregar en el mismo contenedor pero en la parte inferior.

#22

Updated by Julio Montoya almost 10 years ago

Sería importante ver la descripción y la foto del grupo en algun lugar en:
http://support.chamilo.org/attachments/123/redsocialdokeos-grupos-boceto-interior.jpg

#23

Updated by Luis Rodriguez almost 10 years ago

adjunto boceto con foto de usuario he colocado texto de maquetación ya que no esta definido que se mostrará del usuario igual no hay problema con ello ya que todo se muestra dentro de su mismo contenedor o bloque.

#24

Updated by Luis Rodriguez almost 10 years ago

Julio Montoya wrote:

Sería importante ver la descripción y la foto del grupo en algun lugar en:
http://support.chamilo.org/attachments/123/redsocialdokeos-grupos-boceto-interior.jpg

mmm.. se supone que ya viste la foto y descripción del grupo porque llegas a esta sección cuando vienes de aquí http://support.chamilo.org/attachments/121/redsocialdokeos-grupos.jpg considerando que un post puede tener como mínimo mmm 5 respuestas, y que en ese espacio irán almenos 5 post , pues volverle a agregar la descripción del grupo y la foto haría mucho más grande aún el espacio que ya se maneja, igual lo puedo colocar pero no le encuentro mucho sentido repetirlo, lo dejo a consideración

#25

Updated by Julio Montoya almost 10 years ago

La imagen y la descripción del grupo en:
http://support.chamilo.org/attachments/123/redsocialdokeos-grupos-boceto-interior.jpg
estan reducidas.

Si quiero ver la imagen más grande, asi como toda la descripción del grupo donde estaría?

#26

Updated by Luis Rodriguez almost 10 years ago

adjunto boceto de my profile

#27

Updated by Julio Montoya almost 10 years ago

A este boceto le faltan muchos enlaces y opciones que no estan activadas, conversar con Arthur o Christian.

En el shared profile se pueden mostrar muchos datos de Dokeos: Agenda, foro, Anuncios, RSS feeds, imagenes subidas, etc.
No son solamente grupos y amigos.

http://support.chamilo.org/attachments/128/mysharedprofile.jpg

Luis Rodriguez wrote:

adjunto boceto de my profile

#28

Updated by Julio Montoya almost 10 years ago

En: http://support.chamilo.org/attachments/128/mysharedprofile.jpg
La idea es que sea algo tipo Facebook.

#29

Updated by Luis Rodriguez almost 10 years ago

adjunto boceto de la opción de mis grupos

#30

Updated by Julio Montoya almost 10 years ago

ok para mi, si yannick no tiene quejas ...
http://support.chamilo.org/attachments/130/misgrupos.jpg

Luis Rodriguez wrote:

adjunto boceto de la opción de mis grupos

#31

Updated by Yannick Warnier almost 10 years ago

Ignore my last (deleted message).

The sketch is alright. The "users oonline" seem a bit unnecessary there but I'm OK. I think the space between "My groups" and the Search item is a bit too wide, but that's a minor thing.

Go.

#32

Updated by Julio Montoya almost 10 years ago

Los htmls y los bocetos está muy diferentes :s Christian se está encargando de integrarlo ...

#34

Updated by Luis Rodriguez almost 10 years ago

adjunto boceto de My shared Profile

#35

Updated by Yannick Warnier almost 10 years ago

  • Status changed from New to Assigned

Ultimo boceto aprobado

#37

Updated by Yannick Warnier almost 10 years ago

Please update progress bar

#38

Updated by Julio Montoya almost 10 years ago

  • % Done changed from 10 to 80

Lots of fixes were made to the group style.

Minor detail: It doesn't look well in 1024x768 white space in the right column.

#39

Updated by Christian Alberto Fasanando Flores almost 10 years ago

  • Status changed from Assigned to Feature implemented
  • % Done changed from 80 to 100

Also available in: Atom PDF