viernes, 23 de marzo de 2012

Reportes - Códigos QR

VirtualNet 2.0, posee un sistema de generación de reportes de calificaciones de los usuarios que están o han tomado alguna asignatura, éstos son generados en formato PDF, lo cual  facilita en gran medida la visualización de los mismos en cualquier navegador web (en el caso de Google Chrome, se tiene nativa esta opción sin la necesidad de contar con un Plugin como es el Acrobat Reader) y su posterior descarga. almacenamiento e impresión.

Debido a que estos documentos contienen información valiosa como es la relación de calificaciones obtenidas, es necesario poder corroborar la "autenticidad" de dicha información, para lo cual se ha implementado un sistema de asignación de códigos QR, a cada documento, con lo cual tan sólo con un equipo que cuente con este software podrá "escanear" dicho código y de está manera se mostrará una versión del mismo.


Esta acción se ha llevado a cabo gracias a la librería llamada PHP QR Code, la cual permite realizar este proceso de forma sencilla.

A continuación se relacionan una imágenes que evidencian el proceso realizado.

Documento PDF con su respectivo código QR que lo identifica


Verificación del documento por medio de un iPod Touch.


Este tipo de consultas es posible realizarlas desde dispositivos móviles basados en IOS, Android hasta en un equipo de escritorio, en este caso es posible utilizar una versión realizada en Adobe Air, llamada QRreader, que haciendo uso de la Webcam permite realizar la lectura de los códigos QR.

Los usos de QR son muy variados, en este caso se utiliza para realizar una verificación de un documento, el cual puede encontrase de forma impresa, y para evidenciar la validez del mismo.


miércoles, 21 de marzo de 2012

Panel de Notificaciones

En VirtualNet 2.0, se generan una grana cantidad de eventos, es por esto que recientemente se creo la opción de Notificación de los mismos, proceso por el cual se le comunica al usuario de algún proceso, como por ejemplo una nueva intervención en un foro y un nuevo correo.

Estas notificaciones eran vistas en el momento, pero no se contaba con la posibilidad de ver un historial de las mismas, por lo que se ha generado un panel donde se muestran éstas y además el número de nuevas notificaciones que un usuario no ha visto.

Aprovechando el Favicon que contiene una página, se ha puesto en en esta ubicación el número de notificaciones pendientes por ver, ya que en muchas ocasiones lo usuarios no están en la misma ventana y/o pestaña, por lo cual tan sólo se podría saber de nuevas notificaciones están presentes en cada momento en la ventana y/o pestaña del sistema.

Con esta característica el usuario sabrá si tiene nuevas notificaciones, para lograr este objetivo se ha hecho uso de la librería Tinycon, la cual permite asociar un número al Favicon existente.

A continuación una serie de capturas que muestran el proceso.


Menú con la nueva opción de notificaciones, mostrando la cantidad pendiente de notificaciones por ver



FavIcon con el número de notificaciones pendientes




Panel de notificaciones, en las cuales se muestra el histórico de las mismas



Notificaciones en tiempo real


Notificaciones en Favicon y en el menú del curso.



El uso de la combinación del Favicon, junto con el número de notificaciones, está restringido sólo para los navegadores de última generación, para aquellos navegadores que no cuentan con soporte para está característica, se ha adicionado el número de notificaciones, acompañando al nombre de la pestaña o de la página (etiqueta <title>).

Las nuevas capacidades de los navegadores y las nuevas tecnologías que estos albergan, han posibilitado que elementos como el Favicon, tengan mayores usos, un ejemplo claro es el de notificaciones, otro por ejemplo la generación de un juego (Defender) en un espacio tan reducido como es éste.

jueves, 1 de marzo de 2012

Notificaciones de Eventos

VirtualNet 2.0, cuenta con herramientas de comunicación, como foros, chat's, tareas, evaluaciones y otras que están en desarrollo, por lo que es necesario tener un sistema de notificaciones para así informar de aquellas actividades que se han realizado en tiempo real.

Por lo que se ha creado un sistema de notificaciones las cuales le informan al docente y estudiosos d aquellas procesos que se hayan realizado en el momento tales como:


  • Participación en un foro.
  • Entrega de tareas.
  • Calificación de tareas.
  • Envío de correo electrónico.
Dependiendo del tipo de actividades, estas pueden ser masivas (para todos los usuarios que componen el a) o individuales (sólo para algunos usuarios).

Otro tipo de notificaciones en los cuales se está trabajando son las denominadas nativas, en este caso haciendo uso del navegador Google Chrome basado en webkit, que tiene esta característica.

La opción de notificaciones nativas se ha desarrollado en el momento para notificación de correos electrónicos así como mensajes en el chat.




A continuación se relacionan una serie de imagenes que ilustran el proceso...



Notificaciones de calificación de tarea y participación en un foro.








miércoles, 15 de febrero de 2012

Nueva vista de contenidos - Cover_flow


En VirtualNet 2.0 se tiene un especial cuidado de la forma de mostrar los contenidos, éstos están ordenados en una jerarquía de carpetas, que ayuda a que la información se encuentre de forma ordenada.

En la sección correspondiente para docentes/tutores, se han realizado diversas herramientas que ayudan a que está organización sea lo más eficiente posible.

Para los estudioso se ha desarrollado una nueva forma de visualizar los contenidos, en este caso haciendo uso del famoso efecto denominado Cover Flow, la cual ayuda a que los contenidos sean mostrados de una manera más clara.

Para lograr este fin se ha utilizado la librería denominada ContentFlow, la cual asegura su funcionamiento en los navegadores más conocidos (cross browser).

A continuación una serie de imágenes que ilustran la visualización de contenidos.









Este tipo de visualización es seleccionado por el usuario, él puede decidir no establecer la vista de Cover Flow, o por el contrario dejar sólo éste y ocultar la tabla de contenidos, está acción es posible realizarla  a través de las botones de visualización de contenido:







sábado, 11 de febrero de 2012

Auto - Guardado de contenidos

Auto - Guardado de contenidos.


El sistema VirtualNet 2.0, cuenta con una variada gama de contenidos, los cuales son generados por los docentes/tutores, como foros, chat´s, tareas, evaluaciones y demás.




En algunas ocasiones es necesario que estos contenidos no estén publicados para los estudiosos, por lo que existe la opción de visibilidad de contenidos, pero además de ello los contenidos no están terminado de forma correcta, por lo cual se ha diseñado la opción de borradores de contenidos.




Estos contenidos quedan ocultos para los estudiosos y quedan con el estado de borrador, dando la capacidad de editarlos las veces que se desee y una vez se esté completo se pueda poner  disposición de los usuarios finales.

Este proceso se hace de forma automática, es decir, si el docente/tutor inicia la creación de una actividad, el sistema autoguardará los cambios cada dos minutos (se está realzando el proceso para que sea configurable), se hará si el contenido ha cambiado.

De igual manera si el docente desea podrá presionar el botón "Guardar Borrador" forzando su guardado las veces que se desee.

A continuación, se relacionan una serie de imagenes que ilustran el proceso:

Creación de una carpeta


Visualización de los contenidos en el árbol



Este proceso ha sido de gran utilidad, ya que potencia la generación de contenidos y asegura que éstos no se pierdan por si en algún momento se pierde la conexión o por que se cierre el navegador en el que está funcionando.

sábado, 21 de enero de 2012

Asistente Hoja de calificaciones y activación másiva

Asistente Hoja de calificaciones.

VirtualNet 2.0, cuenta con un sistema de Hoja de calificaciones, en la cuales se relacionan aquellas actividades que se desea que sean evaluables, a cada actividad se le debe asociar un porcentaje relacionado al 100% del curso.

En este hoja se pueden relacionar recursos como:

  1. Foros
  2. Chats
  3. Tareas
  4. Evaluaciones
  5. Y la posibilidad de crear actividades personalizadas.

Se presentó la necesidad de crear un asistente que ayudará al docente/tutor a crear ésta hoja de actividades de forma más sencilla, por lo que se creo un asistente, el cual dado los datos iniciales, le hará el cálculo de los porcentajes de cada una de las actividades.








De esta forma se creará automáticamente las actividades, y tan sólo restará la opción de asociar los recursos a cada una.

Activación/Desactivación masiva de contenidos.

Es posible en VirtualNet 2.0 tener no disponible contenidos para que no sean visualizados por los estudiosos, se puede realizar la activación de los contenidos uno a uno, pero se presentó la necesidad de hacerlo de forma simultánea, por lo que en el listado de opciones masivas (Eliminar, mover, copiar), se ha adicionado las opciones Activar y desactivar, permitiendo realizar este proceso de forma más sencilla. 





Copiar, Mover y arrastrar contenidos


Copiar/Mover contenidos


Se ha desarrollado la opción en el sistema VirtualNet 2.0, de copiar y mover contenidos, ya se encontraba disponible, pero se le ha adicionado la opción de hacerlo hacía otros cursos, en este caso tan sólo a aquellos que el docente/tutor tenga asignados.

Podrá copiar contenidos de:
  1. Contenidos HTML
  2. Foros
  3. Chats
  4. Tareas
  5. Evaluaciones
  6. Y demás actividades

En la opción de mover, tan sólo es posible para contenidos HTML, ya que no se debería poder mover un foro a otro curso, ya que se saldría del contexto del mismo.






Arrastrar y Soltar contenidos (Drag and Drop)

Se ha agregado la capacidad de mover contenidos a otras carpetas, arrastrando y soltando al origen deseado, además de eliminar el contenido de forma masiva.