Project

General

Profile

Feature #3116

Mini panel para el Learning path

Added by Alberto Torreblanca over 8 years ago. Updated about 8 years ago.

Status:
Feature implemented
Priority:
Normal
Category:
-
Target version:
Start date:
19/03/2011
Due date:
% Done:

100%

Estimated time:
Spent time:
Complexity:
Normal
SCRUM pts - complexity:
?

Description

Agregar un botón en la pantalla del Learning path que lo oculte para poder tener más pantalla para los docuemntos.


Files

barra.png (113 KB) barra.png Julio Montoya, 21/03/2011 14:00
bug.png (14.3 KB) bug.png Julio Montoya, 21/03/2011 14:02
works.png (64.4 KB) works.png Julio Montoya, 22/03/2011 10:35
minipanel.png (5.91 KB) minipanel.png Yannick Warnier, 29/04/2011 21:35

History

#2

Updated by Juan Carlos Raña Trabado over 8 years ago

Alberto, hay un problema. Cuando se inserta un objeto de aprendizaje de otro tipo, por ejemplo un archivo flash, no hay manera de volver desde la pantalla completa a la visualización en dos columnas; no sé si ocurre igual con otros que no sean swf, por ejemplo con un archivo flv, svg, ogg, avi, etc., aunque me temo que sí

#3

Updated by Alberto Torreblanca over 8 years ago

  • % Done changed from 100 to 90

Cuando el minipanel es cubierto por un player de cualquier tipo este tiene prioridad de visualización y el minipanel queda debajo. Si el player esta centrado, y no cubre el minipanel, o en otra ubicación no hay problema. Una solución sería asociar algún shortcut para show/hide minipanel.

#4

Updated by Julio Montoya over 8 years ago

Creo que esta funcionalidad debería de parecerse a la barra que tiene google reader

#5

Updated by Julio Montoya over 8 years ago

Probado con FF4 en ubuntu

#7

Updated by Alberto Torreblanca over 8 years ago

OK. Julio, voy a implementar tus sugerencias.

#8

Updated by Alberto Torreblanca over 8 years ago

Julio, estuve probando el glosario con JQuery 1.4.4, funciona correctamente en Documentos pero no el LP regrese los commits y seguía sin funcionar en el LP, revisando la consola de errores encontre el siguiente

POST http://localhost/main/glossary/glossary_ajax_request.php 404 (Not Found)
Browser - Chromium

mi instalación esta en http://localhost/chamilo-classic/ por lo que la parecer se pierde la ruta en algún sitio ...

¿tu obtienes los enlaces al glosario en el LP?

Esto no pasa en Chamilo 1.8.7

#9

Updated by Julio Montoya over 8 years ago

Funciona bien para mi usando FF4 te sugiero que crees un vhost

#10

Updated by Alberto Torreblanca over 8 years ago

Se han realizado varias de las mejoras sugeridas.

  • Con respecto de las imágenes cambian con el tema. Aunque creo que los botones del learning path no cambian. Se puede mejorar los gráficos.
  • Hice las pruebas de todas las funcionalidades que conozco y van bien con jQuery 1.4.4.
  • Use las funciones de main_api_lib.php
  • El minipanel es prioritario a todos los elementos.
#11

Updated by Julio Montoya over 8 years ago

Buena implementación pero sigo teniendo el siguiente bug (no me oculta los íconos izq, dere, el hombre q corre)

Me parece un poco feo hacer esto

$('.ui-draggable .buttons').css('backgroundImage','url(../img/hideback.png)');

En mi caso FF4.0 no me lo oculta, lo que he hecho es agregar ".buttons" aqui:

$('#learning_path_main  #control .buttons').css({width: "120px", height: "32px", opacity: "0.4", zindex: "-1", position: "absolute", top: "0px", left:"15px"});

en este caso si me funciona bien mi glosario. Ya no sería necesario esa imagen entonces: /img/hideback.png

#12

Updated by Alberto Torreblanca over 8 years ago

  • % Done changed from 70 to 90

Si tienes razón, removí el fondo. Un pequeño problema es que algunos objetos embebidos como los players cubren el minipanel. Estuve probando y esto se puede solucionar en algunos con el parámetro wmode="trasparent" en el 'embed' tag. Pero por ejemplo en los flash les quita el fondo. Quizás agregando el parámetro en la configuración de las herramientas ...

#13

Updated by Yannick Warnier over 8 years ago

  • Subject changed from Mini panel para el Leraning path to Mini panel para el Learning path
#14

Updated by Yannick Warnier over 8 years ago

  • Status changed from New to Assigned
  • Target version changed from 1.8.8 beta to 1.8.8 stable

Lo pongo para 1.8.8 stable para que tengamos tiempo para revisar

#15

Updated by Alberto Torreblanca over 8 years ago

http://code.google.com/p/chamilo/source/detail?r=9c6f4da94da4438798c5aee8f5a1ac3a4590426c&repo=classic

Al ocultar los botones le quita un poco el sentido del mini panel ... el del poder navegar la lección utilizando mas pantalla ...

#16

Updated by Julio Montoya about 8 years ago

  • Status changed from Assigned to Needs more info

algo más por agregar a esta tarea?

#17

Updated by Yannick Warnier about 8 years ago

Alberto, como activas el minipanel? No lo veo... (pero si veo que puedo esconder la barra izquierda)

#18

Updated by Yannick Warnier about 8 years ago

  • Target version changed from 1.8.8 stable to 1.8.8.4

Sorry, I can't see the mini panel. Moving to 1.8.8.1

#19

Updated by Alberto Torreblanca about 8 years ago

Hola excusa la demora pero no vi el mensaje, el siguiente commit restablece el mini panel. Esta funcional al 100% solo se cubre con un flash o el media player. Pero como es movible se puede ubicar en cualquier lugar de la pantalla para evitar ser cubierto.

https://code.google.com/p/chamilo/source/detail?r=156d66bc3b0419b7112b9ab11950893cedb30eb8&repo=classic

Espero puedas reconsiderar incluirlo en esta versión.

#20

Updated by Yannick Warnier about 8 years ago

OK, lo veo. Solo faltarían tres cositas en mi opinión:
  • dado que es amovible, no necesita ser transparente. Ponle un fondo blanco
  • dado que es amovible, necesita una indicación visual para que el usuario sepa que lo puede jalar de otro lado. Para eso, ver la sugerencia de textura con puntos que hay en el imagen adjunto (que retoma la situación actual y una sugerencia de la deseada, más o menos)
  • es necesario tener una barra de progreso ahí. Hay una función en la clase learnpath que te da directamente la barra: learnpah->get_progress_bar()

Si me puedes agregar eso este fin de semana (antes de media noche Sábado), lo pongo en la 1.8.8. Sino, esperará la 1.8.8.1.

#21

Updated by Yannick Warnier about 8 years ago

Yannick Warnier wrote:

OK, lo veo. Solo faltarían tres cositas en mi opinión:
  • dado que es amovible, no necesita ser transparente. Ponle un fondo blanco
  • dado que es amovible, necesita una indicación visual para que el usuario sepa que lo puede jalar de otro lado. Para eso, ver la sugerencia de textura con puntos que hay en el imagen adjunto (que retoma la situación actual y una sugerencia de la deseada, más o menos)
  • es necesario tener una barra de progreso ahí. Hay una función en la clase learnpath que te da directamente la barra: learnpah->get_progress_bar()

Si me puedes agregar eso este fin de semana (antes de media noche Sábado), lo pongo en la 1.8.8. Sino, esperará la 1.8.8.1.

No se ve bien en la captura pero hay un fondo transparente y un fondo blanco. Descarga el imagen para verlo sobre un fondo no-blanco.

#22

Updated by Yannick Warnier about 8 years ago

  • Status changed from Needs more info to Assigned
#24

Updated by Yannick Warnier about 8 years ago

  • Status changed from Assigned to Needs more info
  • Assignee deleted (Alberto Torreblanca)

OK, con el último commit estoy contento. Buen trabajo! No se si alguien podría probarlo en IE8 antes de aceptarla por completo...?

#25

Updated by Yannick Warnier about 8 years ago

Técnicamente, podría ser perfeccionado usando un cursos distinto en :hover de la zona texturizada :-) (ver cursor:grab y cursor:grabbing in http://www.css3.com/css-cursor/).
Esto solo es una sugerencia, no es necesario.

#26

Updated by Yannick Warnier about 8 years ago

I've just seen that the textured area is not centered above the middle button. Seems a bit "off" the positionning

#27

Updated by Yannick Warnier about 8 years ago

  • Status changed from Needs more info to New
  • Target version changed from 1.8.8 stable to 1.8.8.4
  • % Done changed from 90 to 80

I'm considering this task OK for 1.8.8 but "Should be improved" for 1.8.8.1

#28

Updated by Alberto Torreblanca about 8 years ago

i made some improvements with http://code.google.com/p/chamilo/source/detail?r=828d1746641ce8ea14e607282dd5f1955e1edfa4&repo=classic

Feature #3116 - Improve minipanel. Using CSS cursor move, because grab is not
supported in all browser. Center graphic texture.

#29

Updated by Alberto Torreblanca about 8 years ago

  • % Done changed from 80 to 90
#30

Updated by Yannick Warnier about 8 years ago

  • Target version changed from 1.8.8.4 to 1.8.8.2
#31

Updated by Yannick Warnier about 8 years ago

  • Status changed from New to Feature implemented
  • Assignee set to Alberto Torreblanca
  • % Done changed from 90 to 100

All good. The only (minor) problem I can see right now is when you have an exercise inside the learning path: when submitting the results, the left bar automatically reappears, but this should be solved in another issue so we can close this one.

Very good job Alberto, and much appreciated.

Also available in: Atom PDF