Implementar JQuery Gantt en nuestros proyectos

Hace poco en un proyecto me toco trabajar con un sistema de gestión de proyectos y era necesario mostrar un gráfico Gantt para mostrar las actividades del mismo, luego de una búsqueda intensiva en la web, encontramos la librería JQuery Gantt desarrollada por Roberto Bicchierai, aunque había opciones mas interesantes la mayoría son privativas, mientras que esta es Open Source.

img-jquery-gantt-view

Muestra de como se ve el Gráfico Gantt.

En mi caso me toco integrarlo con CodeIgniter (PHP), necesitaba persistir la misma en MySQL aquí que genere unos script SQL a partir de la documentación oficial, la cual aunque no es del todo clara funciona y permite realizar tus ajustes.

Los fuentes de este proyecto puedes encontrarlos en Github.

Para mostrar el gráfico, ejecuta el controlador Gantt la url debería ser algo así como: http//TUBASEURL/Gantt o   http//TUBASEURL/index.php/Gantt.

Si tienes problemas para visualizar algunas imágenes dentro de la vista gantt.php se encuentra la variable Javascript – GANTT_URL_RESOURCE ; colocar tu url, por defecto tiene base_url().

Si te gusta comparte, si necesitas ayuda con gusto puedo ayudarte.

Puedes consultar la documentación oficial aquí.

Anuncios

Acerca de Jose Rodriguez

Ing. en Informática, Desarrollador Web (PHP, Js, HTML, CSS, JQuery, ExtJs, CodeIgniter, CakePHP, MySQL, PostgreSQL), Metodologías Ágiles (Scrum, XP), GIT, WP Ver todas las entradas de Jose Rodriguez

19 responses to “Implementar JQuery Gantt en nuestros proyectos

  • Fersan Sanmi

    Hola, donde pongo las contraseñas del localhost no consigo conectar con la base de datos

    A PHP Error was encountered

    Severity: Warning

    Message: mysqli::real_connect(): (28000/1045): Access denied for user ‘root’@’localhost’ (using password: YES)

    Filename: mysqli/mysqli_driver.php

    Line Number: 110

    Backtrace:

    File: /home/fersan/www/jquery_gantt-master/index.php
    Line: 274
    Function: require_once

  • Eduardo

    Hola, tengo problemas con el formato de fecha, tengo entendido que se utiliza en milisegundos considerando el formato DD/MM/YYYY, según el código de ejemplo la fecha 24/06/2015 corresponde a 1396994400000 pero si convierto la misma fecha a través de http://www.fileformat.info/tip/java/date2millis.htm me arroja 1435118400000, necesito ayuda porque no sé cual es la conversión real.

  • Eduardo

    Hola,

    Tengo un problema con el despliegue de fecha, a pesar que le envío fechas en milisegundos me muestra siempre la fecha actual, ¿existe alguna forma de solucionar esto?

  • Alan D. Ugalde (@AlanDUgalde)

    Hola José, disculpa como puedo ver el gráfico Gantt, o como ejecuto el controlador gant? ya modifique el archivo database.php pero al entrar desde el localhost no me muestra el gráfico. Saludos

  • Alan D. Ugalde (@AlanDUgalde)

    Muchas gracias por tu ayuda me a funcionado, solo que ahora entro al tema de las fechas, creo mi diagrama gantt de prueba (del día de hoy), pero al dar click en guardar me lo envía hasta el 26 de enero de 1970, modifico desde Mysql la fecha en formato de milisegundos y aun así no me da la fecha actual, aquí cual seria mi error o se debe de modificar algo de php.ini? Gracias.

  • Alan D. Ugalde (@AlanDUgalde)

    Buena tarde José, al parecer encontré el problema, en la base de datos si guarda la fecha correcta en mili segundos, por ejemplo el día de hoy (06/07/2015) en mili segundos nos da 1436158800000, el problema se encuentra al mostrarlo de nuevo en el diagrama ya que me envía todo a la fecha del 26/01/1970, en este caso que tendía que modificar? por tu atención muchisimas gracias.

  • José Manuel

    Hola que tal José, he estado trabajando ya hace algun tiempo con esta libreria, la he adaptado a la necesidades requeridas, he podido corregir algunos bug’s que para la metodologia de gestión de proyectos que seguimos se cometían en la libreria, te escribo esta líneas para ver si me prodrias ayudar con un detalle que por mas que intento no lo puedo solucionar, tiene que ver con la herencia de fechas de actividades “hijas” a actividades “madres” en pocas palabras funciona perfecto cuando mueves una actividad “hija” dia(s) hacia atras recorre la fecha de todas las actvidades “madre” a donde corresponde el problema esta cuando regresas esa actividad “hija” al dia original las actividades “madre” ya no se adaptan a este cambio es decir ya no se recorren al origen.
    De antemano muchas gracias.

    • Jose Rodriguez

      Hola Jose Manuel, oye de verdad no tengo idea, actualmente no he trabajado mas en ese proyecto desde aquella entrada blog. quizas seria interesante revisar las nuevas versiones de la libreria gantt y ver si solucionaron ese problema ya que me parece algo de JS

      • José Manuel

        Hola José, muchas gracias por tu tiempo y respuesta, Tendré en cuenta lo que me comentas y desde este preciso momento me pondré a checar las nuevas versiones de la librería, nuevamente muchas gracias.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

A %d blogueros les gusta esto: