Feng Forum

Feng Office in your language => Español => : lahoja July 11, 2013, 01:58:55 PM

: Fengoffice y Gantt
: lahoja July 11, 2013, 01:58:55 PM
Tomado y traducido de
http : // forums. fengoffice. com/ index. php?topic=3826.345

nota Quitar los espacios de los links

Link pagina oficial jsgantt

https : // code.google .com /p/ jsgantt/ downloads/ list

link de descarga:
https : // docs.google.com /file/d/0B21LU7e4k-7QOVZOVzNDVHkxRms/edit?usp=sharing
para descargarlo debes iniciar sesion en gmail

otro link, en este no hay que iniciar sesion
https : // skydrive.live.com/redir?resid=E164A7B0E00CF390!3127




Aquí incluiremos la configuración de un diagrama de Gantt en el programa fengoffice o opengoo, este trabajo no a sido realizado por mi, al inicio les dejo el link de la publicación en el foro de desarrollo de fengoffice, del verdadero realizador “allenlook”,  como dice su seudónimo en el foro, mi aporte a este proyecto no es más que la traducción de los pasos para realizar la configuración y el hecho de contarles mi experiencia con sus respectivas dificultades .
lo que hace esta configuración es valerse del fremwork jsgantt, y la construcción de vistas y procedimientos a partir de la estructura de opengoo o fengoffice, contruir  la vista del Gantt a partir de lso proyectos existentes, por lo que no  tiene por qué preocuparse de su información pus esta instalación a pesar de que se aloja en la base de datos en ningún momento modifica la información existente de su proyecto actual
Nota: solo e echo la prueba y logrado que me funcione en la versión de opengoo 1.6, sin embargo en el foro dice que debe funcionar igual en todas las versiones superiores a la de opengoo 1.6, y todas las versiones de fengoffice.

Primero: debemos copiar el archivo LabController.class.php en la carpeta ‘application/controllers’,  que se encuentra dentro  de la carpeta de instalación del opengoo o del fengoffice (ver archivo adjunto).

Segundo: copie todos los archivos del jsgantt_v12.zip que adjunto aquí o puede descargar la última versión directamente de la página oficial , cópielos dentro de la carpeta 'application/views/lab', NOTA: tenga en cuenta que usted tiene que crear la carpeta  ‘lab’.

Tercero:  en el archivo 'public/assets/javascript/og/layout.js', dentro de este archivo agregar las líneas presentadas al final de este parrafo, justo antes de la línea de código og.panels.reporting = new og.ContentPanel({  

// AEL - Begin mod to add lab panel to Feng Office
      og.panels.lab = new og.ContentPanel({
         title: lang('labs'),
         id: 'labs-panel',
         iconCls: 'ico-labs',
         refreshOnWorkspaceChange: false,
         defaultContent: {
            type: 'html',
            data: '<iframe style="width:100%;height:100%;border:0"  
          src="application/views/lab/index.php"></iframe>'

         }
      }),
// AEL - End mod to add lab panel to Feng Office


Cuarto: si se desea configurar el jsgantt dentro del entorno de feng office se debe seguir este paso, si se desea manejar aparte del feng oficce o opengoo es posible omitir este paso .
Para hacerlo debemos pegar el código al final de este párrafo, y se debe agregar en el archivo  'language/en_us/lang.js', este para el lenguaje ingles adicionalmente debe hacerlo en los demás lenguajs utilizados por la aplicación, yo lo e echo adicionalmente en los lenguajes de español (España) y español (latinoamerica) que corresponden a los archivos 'language/en_es/lang.js' y 'language/en_la/lang.js', y en todos los archivos de leguaje que utilicen los usuarios, se remplasa la misma línea de código justo después de la línea:    addLangs({

// AEL - Begin mod to add lab panel to Feng Office
   'labs': 'Labs',
// AEL - End mod to add lab panel to Feng Office

Quinto: se configurara el icono de la aplicación, para no complicarnos demasiado con esto reutilizatemos un icono existente, el de la varita mágica de las plantillas, este paso probablemente no sea necesario, pero yo quería agregar un pequeño icono, que quedara acorde al resto de las secciones de feng office o opengoo, para hacerlo debemos copiar el archivo 'public/assets/themes/default/images/16x16/template.png' en la misma carpeta y renombrarlo como  'lab.png', luego debemos añadir el código descrito al final del párrafo en el archivo 'public/assets/themes/default/stylesheets/general/layout.css' en las líneas de código donde se definen los otros iconos ( (ico-tasks, ico-documents, etc.).

/* AEL - Begin mod to add labs to Feng Office */
.ico-labs {
   background-image: url(../../images/16x16/lab.png) !important;
}
/* AEL - End mod to add labs to Feng Office */  

Sexto:  tenga en cuenta que este método a sido probado con la versión de jsgantt 1.6 y feng_gantt13.1, continuaremos copiando el proyecto desarrollado para funcionar con jsgant que podremos encontrar en el archivo zip feng_gantt_xx.x.zip donde xx.x es la versión del desarrollo para fengffice o opengoo, el cual puede descargar del  link del foro al inicio, o bajar la versión 13.1 que incluiré en el paquete aquí incluido en la carpeta ‘application/views/lab’ .  Hay 5 archivos incluyendo el archivo de sentencia MYSQL necesaria para crear la base de datos, solo copiaremos los 4 archivos, sin incluir el llamado feng_gantt_xx.x.sql que es la sentencia mysql que utilizáremos en el paso siguiente .

Septimo: después de haber copiado todos los archivos, debemos modificar uno de los archivos que anteriormente copiamos y que debemos encontrar en ‘application/views/lab/index.php’, en el configuraremos la información de nuestra base de datos, para encontrar la sección buscamos GIMMEGANTT . hay 2 formas de configurarlo, una es quitándole el comentario a la información de la base de datos que encontraremos allí sobre la base de datos, y actualizando nuestra información allí mismo, si decidimos hacer esto, debemos eliminar la línea de código que dice include '../chartglobal.php'; . la otra opción es dejar la información de la base de datos comentada, crear el archivo chartglobal.php' e incluir la configuración de acceso a nuestra base de datos en el, adicional a la modificación del usuario de la base de datos, si al momento de la instalación del opengoo o el  fengoffice el prefijo de las tablas es diferente de OG_, debe modificarlo por el prefijo que esté usando actualmente para identificar las tablas.

Octavo: con el paso anterior hemos finalizado la modificación de archivos y empezaremos con la modificación de la base de datos para crear vistas tablas y procedimientos , las vistas que crearemos unirán en una vista la información de áreas de trabajo, hitos, tareas y subtareas, al crear las nuevas vistas, tablas y procedimientos estas quedaran con el prefijo my_, por lo que no tendremos ninguna dificultas al momento de identificar las tablas creadas, si deseamos retirar esta información de la base de datos, para hacer esto correremos dentro de la base de datos de fengoffice  o opengoo el archivo que encontraremos en el adjunto llamado  feng_gantt_xx.x.sql, tenga en cuenta que los procedimientos supondrán que su base de datos se llama "fengoffice_dev", si no es asi se debe remplazar en el archivo  feng_gantt_xx.x.sql, las referencias de la base de datos de fengoffice_dev a el nombre actual de la base de datos en el que se encuentre el proyecto de fengofice o opengoo, para hacer esto recomiendo el programa notepad++, pero peuden elegir el editor de texto de su preferencia.
También es posible utilizar una base de datos distinta para almacenar la información del gantt, y esta leerá la información de la base de datos original pero para esto hay que hacer lso cambios respectivos en el archivo  feng_gantt_xx.x.sql, para que haga referencia a las 2 bases de datos, (cabe anotar que este método no lo e probado)

Una vez hechos todos estos pasos correctamente  será capas de ver el diagrama de gantt por cada uno de los proyectos en la pestaña final del fengoffice o opengoo.
Si no alcanzo a ser lo suficientemente claro en esta respuesta se recomienda leer el foro en ingles original para hacer esto, quizá hay encuentre mayores claridades, espero que esta infomracion pueda serles de ayuda
: Re: Fengoffice y Gantt
: mhostaff November 18, 2013, 02:49:36 PM
no entiendo. mi feng ya tiene gantt
: Re: Fengoffice y Gantt
: lahoja November 18, 2013, 06:05:41 PM
Mm bueno hasta la ?ltima versi?n gratuita que vi cuando escrib? el post que era la 2.0 no lo ten?a, me parece muy bien que ya lo hallan implementado, igual estos pasos funciona solo para le versi?n de opengoo 1.6, para los que  tienen instalada la versi?n vieja, o como en mi caso las pol?ticas de seguridad de internet de la empresa tienen bloqueados algunos de los scripts que implementan a partir de las versiones de feng office.
De igual manera lo que hice fue traducir un post en ingles seg?n la experiencia que tuve al seguir esos pasos de ese post en ingles