REPORTE DE ACTIVIDADES

PORTAL DE EX ALUMNOS

PRESENTA: PULIDO FLORES DULCE CONCEPCION

INDICE:

1. INTRODUCCIN. 2. JUSTIFICACIN. 3. OBJETIVOS. 2.1. OBJETIVO GENERAL. 2.2. OBJETIVO ESPECIFICO. 4. CARACTERSTICAS DEL REA EN QUE PARTICIPO. 5. PLANTEAMIENTO DEL PROBLEMA 6. ALCANCES Y LIMITACIONES 7. DETERMINACIN DE RECURSOS. 7.1. DETERMINACIN DE RECURSO HUMANO. 7.2. RECURSO TCNICO. 7.3. RECURSOS MATERIALES. 7.4. RECURSO ECONMICO. 8. FUNDAMENTO TEORICO CAPITULO 1 LIFERAY. 1.1. CARACTERSTICAS DE LIFERAY. 1.2. PERSONALIZACIN DE LIFERAY. 1.2.1. EXT. 1.2.2. HOOKS. 1.2.3. PORTLETS Y WEBS. 1.2.4. THEMES Y LAYOUT TEMPLATES. 1.3. APLICACIONES 1.4. APRENDIZAJE DE LA PLATAFORMA. CAPITULO 2. VELOCITY 2.1. EL LENGUAJE DE PLANTILLAS DE VELOCITY (VTL) 2.2. REFERENCIAS 2.2.1. VARIABLES 2.2.2. PROPIEDADES 2.2.3. MTODOS

1 2 2 2 3 4 5 6 7 7 7 8 8 9 9 10 13 14 15 16 17 19 21 22 22 22 23 23 23

2.2.4. NOTACIN FORMAL DE REFERENCIAS 2.3. DIRECTIVAS CAPITULO 3. HTML 3.1. ATRIBUTOS DEL TEXTO CAPITULO 4. CSS (CASCADE STYLE SHEETS) 4.1. PRIMEROS CONCEPTOS 4.2. SINTAXIS CAPITULO 5. POSTGRE SQL 5.1. CARACTERSTICAS CAPITULO 6. GIT 6.1. CARACTERISTICAS CAPITULO 7. TORTOISE 7.1. CARACTERSTICAS DE TORTOISE SVN 9. PROCEDIMIENTO. 9.1. FACTIBILIDAD. 9.1.1. FACTIBILIDAD TCNICA. 9.1.1.1 DETERMINACIN DE REQUERIMIENTOS. 9.1.2. FACTIBILIDAD OPERATIVA. 9.1.3 FACTIBILIDAD ECONMICA. 9.2. ANALISIS DEL DISEO Y CONOCIMIENTO DE HERRAMIENTAS A UTILIZAR 9.3. CONEXIN DE LIFERAY CON POSTGRE SQL 9.4. EDICION DE PORTLETS: WEB FORM Y VISOR DE CONTENDIO WEB 9.5. AGREGAR BASE DE DATOS (TABLAS), MOSTRAR Y

24 24 25 25 26 27 27 28 29 32 32 35 35 38 38 38 38 39 39

40 40

41

AGREGAR A BASE DE DATOS DESDE UN PORTLET 9.6. DISEO DE PGINAS 9.7. TRASPASO 9.8. AGREGAR COMUNIDADES Y PGINAS 9.9 CREACION DE APLICACIN CUESTIONARIO DE EGRESADOS

43 44 52 53

54

10. RESULTADOS. 11. CONCLUSIONES Y RECOMENDACIONES 12. FUENTES CONSULTADAS. 12.1. BIBLIOGRAFIA 12.2 ENLACES DE INTERNET 13. ANEXOS 13.1. MANUAL DE USUARIO 13.2 MANUAL DEL PORTAL

55 56 57 57 57 58 58 65

1.- INTRODUCCIN:
Con base en la necesidad de un espacio de convivencia y seguimiento de egresados del Laboratorio Nacional de Informtica Avanzada se crea el proyecto Portal de Ex alumnos del Centro de Enseanza LANIA iniciando como tema de tesis de la maestra de cmputo aplicado. El desarrollo de este Portal se bas en artefactos que propone la metodologa ICONIX, utilizando los que aplicaran al caso de estudio. En la especificacin de requerimientos se definieron 11 procesos de negocio, de los cuales a 7 se les coloc funcionalidad (Alta de Usuario, Experiencia Laboral, Noticias, Perfil del Ex-alumno, Resea de Examen de Titulacin, Tecno-Foro, Historia de mi Generacin), y por motivos de tiempo no se logr dar funcionalidad a 4, los cuales son: Difusin de Ofertas de Trabajo, Publicacin de Convocatorias, Registro de Datos y Seguimiento de Trmite de Titulacin.

2.- JUSTIFICACIN
La importancia de este proyecto consiste en el beneficio para los egresados obteniendo informacin de su proceso de titulacin, este apartado ayudara a saber el estatus en que se encuentra el proceso. Y a la ayuda del registro y seguimiento del trmite, para Coordinacin Acadmica.

3.- OBJETIVOS.
3.1 OBJETIVO GENERAL
Colaboracin a un trabajo de tesis de Seguimiento de Egresados, agregando un mdulo de registro de datos de los ex-alumnos y un mdulo de seguimiento de trmite de titulacin para la ampliacin del Portal de Ex-alumnos del Centro de Enseanza del LANIA.

3.2 OBJETIVO ESPECIFICO

1.- Agregar mdulo de registro de datos personales y datos de contacto, haciendo una base de datos en PostgreSQL 9.01 a travs de un modelo de base de datos ya existente y gestionndolo mediante un CMS llamado LIFERAY con Tomcat 6.0.6.

2.- Agregar mdulo de Seguimiento de Trmite de Titulacin, haciendo una base de datos en PostgreSQL a travs de un modelo de base de datos ya existente y gestionndolo mediante un CMS llamado LIFERAY con Tomcat 6.0.6.

3.- Cambio de diseo grfico del portal mediante la creacin de hojas de estilo y temas para Liferay mediante un plugin Liferay SDK en Eclipse Helios.

4.- Creacin de nuevos elementos grficos para el diseo del portal mediante Adobe Photoshop CS5 y Gimp 2.6.11.

4.- CARACTERSTICAS DEL REA EN QUE PARTICIPO.

La participacin en el proyecto es dentro de la Direccin del Centro de Servicios Tecnolgicos CEST, rea encargada de la consultora para el desarrollo de software, control de calidad e infraestructura y redes. El rol asignado es el de programadorweb. Mostrando a continuacin el organigrama de LANIA

5.- PLANTEAMIENTO DEL PROBLEMA.

Por el la necesidad de un espacio web donde se haga un seguimiento de trmite de titulacin para ex-alumnos del Laboratorio Nacional de Informtica Avanzada LANIA, as como un apartado donde se registren datos personales y datos de contacto de cada alumno al inicio de la maestra y a su actualizacin al trmino de los cursos presenciales, se pretende la colaboracin en un portal web ya existente aadiendo algunas de las ya antes mencionadas basndose en un modelo de base de datos ya existente.

6.- ALCANCES Y LIMITACIONES.

El portal tendr la funcionalidad de notificar al egresado el estatus del trmite de titulacin, mediante un registro previo. Como limitante se desconoca las herramientas utilizadas como lo son PostgreSQL y Liferay con Tomcat.

7.- DETERMINACIN DE RECURSOS.

Para poder realizar dicho proyecto se necesit de la colaboracin de un asesor externo, siendo la persona Mtra. Ma. De Lourdes Hernndez Rodrguez, quien nos asign a un asesor y jefe a cargo del proyecto Beatriz Gutirrez Almaraz la cual nos proporcion de la mejor manera toda la informacin para poder realizar este sistema.

7.1 DETERMINACIN DE RECURSO HUMANO.

El desarrollo del proyecto se elabor de forma individual encargndose de preparacin previa, anlisis de documentos existentes y el desarrollo de

7.2 RECURSO TCNICO.

Para el desarrollo del portal se utiliz una computadora la cuales cuenta con las siguientes caractersticas: Memoria Ram: 3BG Disco Duro: 320 GB SO: Windows 7 Procesador: Dual Core 2.6 GHrz

El equipo de cmputo cuenta con repositorios donde se le da el seguimiento al proyecto, contando con los programas donde se desarrollar el sistema, enfocado a mejorar la eficiencia con la que se est trabajando, as mismo se utiliz los materiales que se requieran para su realizacin. Se trabaj con el CMS liferay-portal-6.0.6 con Tomcat-6.0.29 y se manej para la creacin de aplicaciones el lenguaje velocity y con ayuda de Eclipse para los temas.

7.3 RECURSOS MATERIALES.

Debido a que el proyecto es un sistema, la nica herramienta que se utiliza es equipo de cmputo, por lo tanto no se utiliz ningn material.

7.4 RECURSO ECONMICO.

Aqu se ocuparon: Impresiones 100.00 CD 30.00

8.- FUNDAMENTO TERICO. CAPITULO 1. LIFERAY

Liferay es un portal de gestin de contenidos de cdigo abierto escrito en java. Un portal web puede consistir en una amplia variedad de aplicaciones tales como blogs, aplicaciones de gestin de documentos, wikis, foros de discusin y calendarios compartidos. Liferay permite ofrecer este tipo de caractersticas en su portal, proporcionando un entorno de ejecucin para alojar aplicaciones basadas en Java , tambin conocido como portlets. Dispone de un contenedor en el que montamos los portlets, configurarlos, y puesto su apariencia. Adems de los portlets que ofrece Liferay, se tiene acceso a terceros portlets creados por las comunidades de usuarios. No solo un proveedor puede proporcionar todas las herramientas necesarias para integrar las funciones en portales web. De este modo tendr que incorporar herramientas de diferentes proveedores. Estas herramientas pueden usar diversas tecnologas, lo que podra plantear un desafo de integracin ya que las aplicaciones del portal necesidad de trabajar juntos. Muchos vendedores ofrecen herramientas para la creacin de portales y servidores para alojar los portales. Algunas de las herramientas populares y servidores Oracle WebLogic Portal, IBM WebSphere Portal Server, Sun Java System Portal Server (tambin conocido como servidor GlassFish Web Space), y Microsoft Office SharePoint Server. Entre las tecnologas de cdigo abierto. Liferay esencialmente proporciona un marco para la creacin de cualquiera de los tipos de portales. Es compatible con muchos servidores en el mercado, ya que cumple estrictamente con las estndares.

1.1 Caractersticas de Liferay

Las siguientes caractersticas muestran algunas ventajas de utilizar Liferay

Facilidad de uso:

Permite agregar aplicaciones al portal en desarrollo con slo seleccionar las herramientas y agregarlas, borrar aplicaciones con solo cerrarlas, cambiar el diseo aplicando una plantilla o un tema. La configuracin entera del portal puede adaptarse a lo deseado por el usuario.

Soporte para variedad de aplicaciones:

Ofrece variedad de aplicaciones como wikis, blogs, chat, etc. Permite incorporar aplicaciones que estn disponibles en la web.

Licencia y cdigo abiertos:

No se requiere licencia para utilizar el producto, incluso si se usa para fines comerciales. Se tiene acceso al cdigo fuente. Se puede modificar el cdigo, mejorar la entera plataforma o bien aadir caractersticas mediante plugins.

Extensibilidad:

Permite aadir funciones sin hacer cambios al cdigo fuente, esto facilita la migracin a nuevas versiones de Liferay.

Escalabilidad:

Facilita el crecimiento y el acoplamiento de nuevos mdulos y recursos.

Apoyo a la internacionalizacin:

Si los usuarios no hablan ingls, se puede extender el portal que se est desarrollando a otros idiomas con solo utilizar los recursos adecuados.

Integracin con otras herramientas:

Pude integrar fcilmente muchas herramientas desarrolladas por terceros. Soporta diferentes bases de datos conocidas en el mercado como Oracle, DB2, MySQL, Informix, SQL Server, etc.

Compatibilidad con Estndares:

Se puede integrar fcilmente con ICEfaces, Hibernate, JGroups, PHP, Ruby, freeMarker, entre otros. Gracias a que est desarrollado en Java un lenguaje de programacin muy conocido-, se puede modificar, mejorar o darle mantenimiento fcilmente.

Uso de estndares

Liferay utiliza tecnologas estndar reconocidas y difundidas entre los desarrolladores de todo el mundo. A continuacin se mencionan algunos aspectos que muestran el uso de estas tecnologas

Desarrollado con Java:

El lenguaje Java permite que se pueda ejecutar en distintos sistemas operativos y diferente hardware. Por otro lado, la comunidad de programadores en Java rebasa los 3 millones, por lo que seguramente se hallar a una persona capacitada para configurar y personalizar Liferay.

Basado en componentes probados:

Utiliza componentes y herramientas de reconocida eficacia como Apache Service Mix, Hibernate, ICEfaces, J2EE/JEE, jBPM, Ruby, etc. El uso de estas herramientas permite reducir la probabilidad de errores en el desarrollo.

Comunicacin con otro software:

Utiliza estndares establecidos para el intercambio de datos entre componentes de software y aplicaciones, como son: AJAX, iCalendar, Microformat, JSR-168, JSR286, OpenSearch, RMI, REST, etc.

Compatibilidad de publicacin y colaboracin de herramientas WCAG 2.0 (Web Content Accesibility Guidelines).

Liferay integra la herramienta CKEditor, que soporta estndares como W3C para el desarrollo de contenido web accesible a personas con necesidades especiales como ceguera, baja visin, prdida de audicin, etc.

Interfaz de Usuario.

Soporta HTML 5, CSS 3, YUI 3 (Yahoo User Interface Library).

Soporta Apache Ant 1.8 y Maven 2.

Estas herramientas se utilizan para construir servicios entre distintos equipos de hardware, construir un lenguaje nativo en ASCII, compilar y construir componentes con JavaScript CMD, entre otros.

Servidores Web. compatibilidad con Tomcat, Gernimo, Glassfish, JBoss, Jetty,

Ofrece

JOnAS+Tomcat, Resin.

1.2 Personalizacin de Liferay

Liferay cuenta con herramientas para construir y personalizar las aplicaciones desarrolladas sobre esta plataforma. Una de ellas es Service-Builder, utilizada para automatizar la creacin de interfaces y clases que se emplearn en un portal. Service-Builder construye servicios Java que se pueden acceder en forma local o en forma remota mediante servicios web. Service-Builder genera el cdigo de scripts SQL para la creacin de tablas, Java Beans, configuraciones Hibernate y Spring, Axis Web Services, e interfaces JSON.

Otra herramienta importante es Plugins SDK Environment, empleada en el desarrollo de plugins. Liferay soporta seis tipos de plugins, descritos a continuacin; en secciones posteriores se explican ms detalles de su funcionamiento dentro de la plataforma.

1. Portlets: son aplicaciones web que se ejecutan en una seccin de una pgina web.

2. Themes: son un conjunto de caractersticas que determinan la apariencia de las pginas.

3. Layout Templates: definen cmo se organiza el contenido en cada pgina.

4. Hooks: permiten enlazar una accin especfica a la funcionalidad principal del portal.

5. Webs: son aplicaciones web normales, son mdulos Java diseados para trabajar con el portal, tales como el ESB (Enterprise Service Bus).

6. Ext: son herramientas que permiten personalizar la funcionalidad del portal.

1.2.1 Ext
El entorno de Extensin permite personalizar completamente el portal de Liferay. Se denomina as porque permite ampliar o modificar las caractersticas definidas originalmente en el portal. Utiliza archivos con prefijo ext- para especificar las caractersticas que se desea extender o cambiar; estos archivos debern ser colocados en una carpeta especfica, como ${ext.plugin.project}/docroot/WEB-INF (puede variar segn la versin). Los archivos ext no modifican el cdigo fuente del portal Liferay, si no que anularn la configuracin por default de Liferay para aplicar las caractersticas que se hayan especificado en los archivos ext. Si estos archivos ext se borraran, la configuracin inicial de Liferay quedar intacta.

Tambin se pueden hacer cambios o personalizaciones con las herramientas visuales dentro de Liferay. Estos cambios se combinan con las especificaciones de los archivos ext al momento de desplegar el portal en el servidor de aplicaciones.

Funcionamiento de plugin Ext

1.2.2 Hooks
Los Hooks se utilizan para redefinir las propiedades y la funcionalidad de los archivos JSP en una instancia del portal, sin modificar el cdigo fuente del portal. Se utilizan para aadir determinada funcionalidad cuando se producen ciertos eventos como el inicio de una aplicacin, inicio de sesin, o la ejecucin de un servicio. Los Hooks se definen en archivos xml. Por ejemplo en la carpeta /liferayportal6.0.5/webapps/ejemplos-hook/WEB-INF, se encuentra el archivo liferayhook.xml.

En los Hooks donde pueden definirse parmetros de cuatro tipos:

portal-properties: propiedades del portal language-properties: propiedades del lenguaje custom-jsp-dir: personalizacin de archivos JSP service: servicios

1.2.3 Portlets y Webs

Los Portlets y Webs se pueden integrar al portal de Liferal en cualquier momento, sin necesidad de detener los servicios que ya se estn ejecutando, por ejemplo el correo, consulta a una base de datos, etc.

Los Portlets y Webs se generan en un herramienta para edicin de plugins como el SDK que proporciona Liferay. Para colocarlos en funcionamiento se debe generar un archivo WAR con ayuda de herramientas como Maven o Ant. El archivo WAR se coloca en el directorio Auto Deploy para que el servidor de aplicaciones lo detecte automticamente y ejecute la funcionalidad especificada. Los Portles deben de cumplir con el estndar JSR-168 para asegurar la interoperabilidad de los portlets entre portales web diferentes y dentro del portal de Liferay

1.2.4 Themes y Layout Templates

Un Theme define el estilo de presentacin de las pginas, controla la forma en cmo se ver el portal. Utiliza cuatro elementos: CSS, imgenes, JavaScript, y plantillas Velocity; para cada uno de estos elementos deber crear una carpeta: css, images, javascript, y templates, correspondientemente. Un Theme anular temporalmente las caractersticas de apariencia definidas al instalar Liferay, sin alterar el cdigo fuente; al momento de desplegar el portal, el servidor de aplicaciones mostrar la apariencia definida por el Theme.

Los Layout Templates determinan la organizacin de los elementos en la pgina web. Se forma de espacios, generalmente descritos como columnas y filas donde se colocarn los componentes de la aplicacin; para generar estos espacios se utiliza HTML. En pocas palabras, un Layout Template controla la estructura visual de las pginas del portal.

Un plugin de un Template debe incluir al menos un archivo .tpl para ser interpretado por los navegadores web y un archivo .wap para dispositivos WAP (Wireless Application Protocol). Ambos archivos deben especificar el orden, estructura y colocacin de los portles

Los Templates deben incluirse en el archivo WAR, para que las caractersticas sean extradas automticamente por el servidor de aplicaciones y visualizadas al desplegarse el sitio web en el navegador.

Los Themes y Layout Templates forman parte de la interfaz de usuario y pueden convivir gracias a la estandarizacin de elementos que los conforman.

Interaccin de elementos de UI

En primer trmino tenemos libreras escritas en JavaScript: jQuery y YUI.

Ambas facilitan la interaccin con documentos HTML, el manejo de eventos y el desarrollo de animaciones; en especial la librera YUI (Yahoo User Interface Library) facilita la creacin de aplicaciones interactivas.

Otro elemento importante es CSS (Cascading Style Sheets), tambin conocido como hojas de estilo. Son una serie de reglas para definir la apariencia de las pginas; permiten especificar los tipos de letras para ttulos, texto, colores de fondo, mrgenes, etc.

Por ltimo, la figura muestra a HTML (Hyper Text Markup Language), lenguaje que proporciona las instrucciones bsicas para estructurar una pgina web. A modo de comparacin, puede decirse que HTML conforma la estructura sea que sostendr la pgina, CSS el color y volumen, y JavaScript la funcionalidad.

1.3 Aplicaciones
Las aplicaciones son elementos con funcionalidades predefinidas, que se instalan junto con la plataforma, o bien pueden descargarse del sitio oficial de Liferay.

A continuacin se muestran las categoras que engloban las aplicaciones de Liferay 6.0. Es posible encontrar otras aplicaciones desarrolladas por usuarios o en versiones distintas a la 6.0, que no se incluyen en esta clasificacin.

Colaboracin (Collaboration): en esta categora se encuentran las aplicaciones para administrar blogs, calendarios, correo y wikis.

Comunidad (Community): permite encontrar comunidades existentes, usuarios y grupos de usuarios, crear comunidades e invitar a usuarios a participar en ellas. Se encuentra tambin la aplicacin de Marcadores que son los accesos rpidos a los sitios web. Administracin de Contenidos (Content Management): contiene los servicios de gestin de contenidos; permite crear artculos, bibliotecas, galera de imgenes, mapas del sitio, etc.

Entretenimiento (Entertainment): aplicaciones de dibujos animados, juegos de palabras, etc.

Finanzas (Finance): herramientas relacionadas con finanzas como clculo de prstamos, conversor de divisas, etc.

Noticias (News): aplicaciones para emitir alertas, avisos, incluir noticias, o bien leerlas desde alguna pgina especial de comunicados.

Ejemplos (Sample): contiene aplicaciones que proporcionan una puerta de enlace a otros sitios.

Compras (Shopping): contiene la aplicacin de carro de compras y enlace a las ventas de Amazon.

Herramientas (Tools): se encuentran herramientas como diccionarios, configuracin de lenguaje, utileras de red, generador de contraseas, bsquedas, etc.

Wiki: permite crear una pgina con definiciones, conceptos y enlaces a otros sitios, define el flujo de trabajo, los accesos y administra las aportaciones de informacin de los usuarios.

1.4. Aprendizaje de la plataforma.

Conocer la arquitectura de Liferay permite visualizar el potencial de la plataforma. Aunque no se dominen todos los estndares en los que est basada la funcionalidad de Liferay (CSS3, XML, JSR 168, etc.), es muy importante conocer lo que aporta cada elemento que integra la arquitectura y su interaccin con otros elementos. Esta carencia de conocimiento especfico ofrece la oportunidad a los desarrolladores de software de incursionar en nuevas reas y abrir su perspectiva a otras opciones para el desarrollo de software. La escasa documentacin de la plataforma dificulta su aprendizaje. Existe bibliografa de versiones anteriores, pero los cambios sustanciales entre versiones llevan al desarrollador a invertir mayor tiempo en buscar la opcin similar que se explica en dichas referencias. Otro aspecto que incluye cuando se empieza a explorar una nueva herramienta es recorrer el camino del conocimiento desde su origen, es decir, conocer Liferay desde su instalacin y funcionamiento de las opciones bsicas, permite comprender su estructura y el comportamiento de otros elementos ms complejos. Sin embargo, cmo se mencion en el prrafo anterior, por la falta de documentacin acorde a la versin actual, este recorrido de aprendizaje puede ser lento y con pocos resultados al inicio. Las aplicaciones desarrolladas que proporciona Liferay, mejor conocidas como portles (wiki, foro, blog, news, etc.) brindan la facilidad de construir sitios web a travs de ensamblar, mdulos previamente probados por el creador de la plataforma y por la comunidad de desarrolladores. Aunque en el presente estudio tcnico solo se probaron algunos portles, el desarrollo del Portal de Exalumnos permitir poner en funcionamiento una mayor cantidad de componentes.

CAPITULO 2. VELOCITY
Velocity es un motor de plantillas basado en Java. Permite a los diseadores de pginas hacer referencia a mtodos definidos dentro del cdigo Java. Velocity separa el cdigo Java de las pginas Web, haciendo el sitio ms mantenible a largo plazo y presentando una alternativa viable a Java Server Pages (JSP) o PHP. Velocity se puede utilizar para crear pginas web, SQL, PostScript y cualquier otro tipo de salida de plantillas. Se puede utilizar como una aplicacin independiente para generar cdigo fuente y reportes, o como un componente integrado en otros sistemas. Cuando este completo Velocity proveer servicios para el conjunto de aplicaciones web de Turbine. Velocity+Turbine proveer un servicio de plantillas que facilitar el desarrollo de aplicaciones web de acuerdo a un verdadero modelo MVC.

2.1 El Lenguaje de Plantillas de Velocity (VTL)

Fue creado para proveer la manera ms fcil, simple y limpia de incorporar contenido dinmico dentro de una pgina web. Incluso un desarrollador de pginas web con poca y ninguna experiencia puede rpidamente ser capaz de utilizar VTL para incluir contenido dinmico en un sitio web. VTL usa referencias para incluir contenido dinmico dentro de un sitio web. Una variable es un tipo de referencia que puede referirse a algo definido dentro del cdigo Java o obtener su valor de un enunciado VTL en la pgina misma. Una vez un valor ha sido asignado a una variable, se puede referenciar la variable en cualquier lugar dentro del documento HTML.

2.2 Referencias
Existen tres tipos de referencias en VTL: variables, propiedades y mtodos. Como un diseador que utilizar VTL, usted y sus ingenieros deben llegar a un acuerdo respecto a los nombres de las referencias para que usted pueda utilizarlas correctamente en sus plantillas.

Todo lo que entra y sale de una referencia se trata como una cadena de caracteres (un objeto String). Si existe un objeto que representa $foo (por ejemplo, un objeto Integer), entonces Velocity llamar el mtodo .toString() de ese objeto para convertirlo en una cadena de caracteres.

2.2.1 Variables
La notacin breve de una variable esta compuesta por un signo "$" inicial seguido de un Identificador. Un identificador VTL debe comenzar con un caracter alfabtico. Cuando VTL hace referencia una variable, po ejemplo, $foo, la variable puede obtener su valor de una directiva set dentro de la plantilla, o del cdigo Java.

2.2.2 Propiedades
Las propiedades tienen un formato particular. La versin corta se compone de un signo $ seguido de un identificador VTL, seguido de un punto y de otro identificador VTL.

2.2.3 Mtodos
Un mtodo est definido dentro del cdigo de Java y es capaz de hacer algo til, como desarrollar un clculo o llegar a una decisin. Los mtodos son referencias compuestas de un signo "$" inicial seguido en un identificador VTL, seguido de un Cuerpo de Mtodo VTL. Un cuerpo de mtodo VTL, a su vez est formado por un identificador VTL seguido por un parntesis izquierdo, seguido, opcionalmente, por una lista de parmetros, para terminar en un parntesis derecho. Las Propiedades VTL pueden utilizarse como notacin abreviada para los mtodos de VTL. La propiedad $cliente.Direccion tiene exactamente el mismo efecto que el mtodo $cliente.getDireccion(). Generalmente es preferible utilizar una Propiedad si esta disponible. La diferencia principal entre las propiedades y los mtodos es que usted le puede dar una lista de parmetros a un Mtodo.

2.2.4 Notacin Formal de Referencias

La notacin abreviada para referencias fue utilizada en los ejemplos anteriores, pero tambin existe una notacin formal para referencias. Casi en todos los casos usted utilizar la notacin abreviada, pero existen escenarios en los cuales la notacin formal se requiere para procesar correctamente la plantilla.

2.3 Directivas
Las Referencias le permiten a los diseadores de plantillas generar contenido dinmico para sitios web, mientras que las directivas -- elementos de script fciles de usar que se pueden usar para manipular de manera creativa la salida del cdigo Java -- les permiten a los diseadores realmente estar a cargo de la apariencia y en contenido del sitio web. #set La directiva #set se utiliza para establecer el valor de una referencia. El valor se puede asignar a una referencia de variable o una referencia de propiedad, siempre entre parntesis.

CAPITULO 3. HTML
HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de informacin relacionadas, y con inserciones multimedia (grficos, sonido...) La descripcin se basa en especificar en el texto la estructura lgica del contenido (ttulos, prrafos de texto normal, enumeraciones, definiciones, citas, etc) as como los diferentes efectos que se quieren dar (especificar los lugares del documento donde se debe poner cursiva, negrita, o un grfico determinado) y dejar que luego la presentacin final de dicho hipertexto se realice por un programa especializado (como Mosaic, o Netscape).

3.1 Atributos Del Texto

Mediante estos atributos determinamos el estilo y el tipo de letra que tendr la presentacin del documento final. El primero en el que nos deberamos detener es el texto normal entendiendo como tal el que no tiene ninguna caracterstica especial. Para definir un prrafo como normal no es necesario poner ninguna etiqueta. Lo nico que hay que tener en cuenta, como ya se ha dicho antes, es que al presentar el documento se hace caso omiso de los espacios, tabulaciones y retornos de carro que se encuentren en el texto fuente. Por ello cuando se quiera forzar un final de lnea es necesario utilizar dos directivas especiales: <p> para marcar un fin de prrafo, y <br> para un nico retorno de carro. La diferencia entre ambas es que la separacin de lneas que provoca <p> es algo mayor que la de <br>, para que los prrafos se distingan bien entre s. Las dos directivas mencionadas se sitan en el punto en

CAPITULO 4. CSS (Cascade Style Sheets)

Las CSS (hojas de estilo en cascada) suponen un gran avance en la autora de sitios Web. Mejoran las posibilidades de diseo y presentacin de documentos en la red, facilitando adems su mantenimiento, ya se trate de un unico archivo HTML, o de grandes sitios, con multitud de pginas. La filosofa de las CSS responde a la idea de separar al mximo forma y fondo. Las pginas, idealmente, tendrn nicamente etiquetas html con informacin acerca de la estructura y contenido del documento (prrafos, cabeceras, listas etc) sin ninguna informacin sobre la apariencia del documento. Esta apariencia, la forma en que ese documento debe ser visualizado, se dicta por una serie de reglas, que se definen separadamente (en una seccin separada de la pgina o incluso en un archivo separado), de forma que podemos cambiar la forma en que el documento es visualizado sin tocar ni una sola lnea de contenido ni cambiar las etiquetas html, simplemente introduciendo unos pocos cambios en la definicin de estilo. Un solo archivo de estilo puede controlar la presentacin de un nmero ilimitado de pginas, facilitando mantener un aspecto homogneo en todas ellas, ampliando las posibilidades de edicin que ofrece HTML (sangrados, mrgenes, tabuladores, fuentes), y en general, posibilitando mayor control al autor sobre la apariencia y el posicionamiento de cada elemento de la pgina. Como beneficio adicional, un correcto uso de las CSS har que una misma pgina tenga menor tamao, reduciendo tiempos de descarga. Las reglas de estilo se escriben y leen en un lenguaje inteligible, similar al lenguaje cotidiano (naturalmente, en ingls), utilizando trminos habituales en el rea de diseo grfico, lo que permite un rpido aprendizaje. .

4.1 Primeros Conceptos

Una 'hoja de estilo' es una plantilla, o guia, o conjunto de instrucciones, que dicta al navegador como debe mostrar el contenido de una o varias pginas Web. Cualquier cambio en la plantilla de estilo se refleja en un cambio inmediato en la apariencia de las pginas relacionadas, sin necesidad de modificar fisicamente estas.

El creador de la pgina define estilos (tamao de letra, color, tipo de fuente, margenes etc) que se visualizarn con preferencia a los definidos por defecto en el propio navegador. Si despues desea cambiar la apariencia (nuevos margenes etc) bastar que cambie la definicion de estilo. El documento en si no se modifica.

4.2 Sintaxis
Una hoja de estilo se compone de reglas de visualizacin (reglas de estilo). Cada regla consta de un SELECTOR, que es el que indica a que elemento o parte de la pgina se aplica el estilo; normalmente los selectores son etiquetas HTML (p.e. h1 sera un selector que permitira aplicar estilos a las cabeceras <h1>). A cada selector debe seguir una DECLARACION del estilo que ha de serle aplicado (p.e. color:blue). Toda declaracin tiene dos partes: PROPIEDAD (por ejemplo, color) y VALOR (por ejemplo, blue). El enunciado de reglas constituye la forma usual de declarar estilos, y deben ajustarse a la sintaxis definida por la especificacin CSS; si el navegador encuentra un selector que no entiende, ignorar la entera declaracin. Si encuentra dentro de la declaracin una propiedad o valor que no comprende ignorar esta parte de la declaracin, pero deber procesar el resto.

CAPITULO 5. POSTGRE SQL

PostgreSQL es un sistema de gestin de bases de datos objeto-relacional, distribuido bajo licencia BSD y con su cdigo fuente disponible libremente. Es el sistema de gestin de bases de datos de cdigo abierto ms potente del mercado y en sus ltimas versiones no tiene nada que envidiarle a otras bases de datos comerciales. PostgreSQL utiliza un modelo cliente/servidor y usa multiprocesos en vez de multihilos para garantizar la estabilidad del sistema. Un fallo en uno de los procesos no afectar el resto y el sistema continuar funcionando. A continuacin teneis un grfico que ilustra de manera general los componentes ms importantes en un sistema PostgreSQL.

Aplicacin cliente: Esta es la aplicacin cliente que utiliza PostgreSQL como administrador de bases de datos. La conexin puede ocurrir via TCP/IP sockets locales.

Demonio postmaster: Este es el proceso principal de PostgreSQL. Es el encargado de escuchar por un puerto/socket por conexiones entrantes de clientes. Tambien es el encargado de crear los procesos hijos que se encargaran de autentificar estas peticiones, gestionar las consultas y mandar los resultados a las aplicaciones clientes

Ficheros de configuracion: Los 3 ficheros principales de configuracin utilizados por PostgreSQL, postgresql.conf, pg_hba.conf y pg_ident.conf

Procesos hijos postgres: Procesos hijos que se encargan de autentificar a los clientes, de gestionar las consultas y mandar los resultados a las aplicaciones clientes

PostgreSQL

share

buffer

cache:

Memoria

compartida

usada

por

POstgreSQL para almacenar datos en cach.

Write-Ahead Log (WAL): Componente del sistema encargado de asegurar la integridad de los datos (recuperacin de tipo REDO)

Kernel disk buffer cache: Cach de disco del sistema operativo

Disco: Disco fsico donde se almacenan los datos y toda la informacin necesaria para que PostgreSQL funcione

5.1 Caractersticas
La ltima serie de produccin es la 9.1. Sus caractersticas tcnicas la hacen una de las bases de datos ms potentes y robustas del mercado. Su desarrollo comenzo hace ms de 16 aos, y durante este tiempo, estabilidad, potencia, robustez, facilidad de administracin e implementacin de estndares han sido las caractersticas que ms se han tenido en cuenta durante su desarrollo. PostgreSQL funciona muy bien con grandes cantidades de datos y una alta concurrencia de usuarios accediendo a la vez a el sistema. A continuacin teneis algunas de las caractersticas ms importantes y soportadas por PostgreSQL: Generales

Es una base de datos 100% ACID Integridad referencial Tablespaces Nested transactions (savepoints) Replicacin asincrnica/sincrnica / Streaming replication - Hot Standby Two-phase commit PITR - point in time recovery Copias de seguridad en caliente (Online/hot backups) Unicode Juegos de caracteres internacionales Regionalizacin por columna Multi-Version Concurrency Control (MVCC) Multiples mtodos de autentificacin Acceso encriptado via SSL Actualizacin in-situ integrada (pg_upgrade)

SE-postgres Completa documentacin Licencia BSD Disponible para Linux y UNIX en todas sus variantes (AIX, BSD, HP-UX, SGI IRIX, Mac OS X, Solaris, Tru64) y Windows 32/64bit.

Programacin / Desarrollo

Funciones/procedimientos almacenados (stored procedures) en numerosos lenguajes de programacion, entre otros PL/pgSQL (similar al PL/SQL de oracle), PL/Perl, PL/Python y PL/Tcl

Bloques annimos de cdigo de procedimientos (sentencias DO) Numerosos tipos de datos y posibilidad de definir nuevos tipos. Adems de los tipos estndares en cualquier base de datos, tenemos disponibles, entre otros, tipos geomtricos, de direcciones de red, de cadenas binarias, UUID, XML, matrices, etc

Soporta el almacenamiento de objetos binarios grandes (grficos, videos, sonido, ...)

APIs para programar en C/C++, Java, .Net, Perl, Python, Ruby, Tcl, ODBC, PHP, Lisp, Scheme, Qt y muchos otros.

SQL

SQL92,SQL99,SQL2003,SQL2008 Llaves primarias (primary keys) y forneas (foreign keys) Check, Unique y Not null constraints Restricciones de unicidad postergables (deferrable constraints) Columnas auto-incrementales Indices compuestos, nicos, parciales y funcionales en cualquiera de los metodos de almacenamiento disponibles, B-tree, R-tree, hash GiST

Sub-selects Consultas recursivas Funciones 'Windows'

Joins Vistas (views) Disparadores (triggers) comunes, por columna, condicionales. Reglas (Rules) Herencia de tablas (Inheritance) Eventos LISTEN/NOTIFY

CAPITULO 6. GIT
Git es libre y de codigo abierto, es un sistema distribuido de control de versiones diseado para manejar todo, desde pequeos proyectos muy grandes con velocidad y eficiencia. Cada Git clon es un repositorio en toda regla con historia completa y plena capacidad de seguimiento de revisiones, no depende del acceso a la red o un servidor central. Git se utiliza para el control de versiones de archivos, al igual que herramientas tales como Mercurial, Bazaar, Subversion, CVS, Perforce, y Team Foundation Server.

6.1 Caracteristicas
El diseo de Git es una sntesis de la experiencia con Linux Torvalds en el mantenimiento de un gran proyecto de desarrollo distribuido, junto con su profundo conocimiento del funcionamiento del sistema de archivos obtenidos de un mismo proyecto y la urgente necesidad de producir un sistema de trabajo en el corto plazo. Estas

influencias

llevaron

las

opciones

de

implementacin:

Firme apoyo al desarrollo no-lineal

Git soporta una rpida ramificacin y mezcla, e incluye herramientas especficas para la visualizacin y navegacin de una historia de desarrollo no lineal. Un supuesto bsico en Git es que un cambio se fusionar con ms frecuencia de lo que est escrito, ya que se pasa alrededor de varios revisores. Una rama de git es slo una referencia a una nica confirmacin.

Desarrollo distribuido

Al igual que Darcs, BitKeeper, Mercurial, SVK, Bazaar y Monotone, Git le da a cada desarrollador una copia local de toda la historia del desarrollo y los cambios se copian de un depsito de este tipo a otra. Estos cambios se importan como ramas de

desarrollo adicional, y se pueden combinar en la misma forma que una rama de desarrollo local.

Compatibilidad con los sistemas existentes / protocolos

Repositorios se pueden publicar a travs de HTTP, FTP, rsync, o un protocolo Git ms bien una toma de corriente normal o ssh. Git tambin tiene una emulacin de servidor CVS, lo que permite el uso de los clientes existentes de CVS y plugins IDE para acceder a repositorios Git.

Manejo eficiente de proyectos de gran envergadura

Torvalds ha descrito Git como muy rpido y escalable, y las pruebas de rendimiento realizadas por Mozilla demostr que era un orden de magnitud ms rpido que algunos sistemas de control de revisiones, y traer el historial de revisiones de un repositorio almacenados localmente pueden ser cien veces ms rpido que de obtenerlo desde el servidor remoto. En particular, Git no ms lenta que la historia del proyecto se hace ms grande.

Autenticacin criptogrfica de la historia

La historia de Git se almacena de tal forma que el nombre de una revisin en particular (un "commit" en trminos Git) depende de la historia de desarrollo completo que conduce a que se comprometan. Una vez que se publica, no es posible cambiar las versiones antiguas sin que se note.

Kit de herramientas de diseo

Git fue diseado como un conjunto de programas escritos en C, y una serie de scripts de shell que ofrecen envolturas en torno a esos programas. Aunque la

mayora de los guiones han sido reescrito en C para la velocidad y la portabilidad, el diseo sigue siendo, y Es fcil de la cadena de los componentes entre s.

Conectable estrategias de fusin

Como parte de su kit de herramientas de diseo, Git tiene un modelo bien definido de una fusin incompleta, y que tiene mltiples algoritmos para cumplir con ella, que culmin en que indica al usuario que no es capaz de completar la fusin de forma automtica y edicin manual es obligatorio.

Acumuladores que recolectan menos Basura

Anulando las operaciones o el respaldo a los cambios dejarn intiles objetos colgantes en la base de datos. Estos son por lo general una pequea fraccin de la historia cada vez mayor de objetos quera. Git automticamente realizar la recoleccin de basura cuando un nmero suficiente los objetos sueltos se han creado en el repositorio. La recoleccin de basura se pueden llamar de forma explcita utilizando git gc.

Objeto explcito que empaqueta por periodos

Git almacena cada objeto recin creado como un archivo separado. Aunque en forma individual comprimido, esto tiene una gran cantidad de espacio y es ineficiente. Esto se resuelve con el uso de "paquetes" que almacena una gran cantidad de objetos en un solo archivo (o secuencia de bytes de red). Los paquetes se comprimen utilizando la heurstica de que los archivos con el mismo nombre son probablemente similares, pero no dependen de ella para su correccin. Los objetos de nueva creacin siguen almacenados por separado, y el reempaque por periodos es necesario para mantener la eficiencia del espacio.

CAPITULO 7.- TORTOISE

TortoiseSVN es un programa SCM fcil de usar/ software de control de Microsoft Windows y, posiblemente, el mejor Apache Subversion independiente que hay.

Se implementa como una extensin del shell de Windows, con lo que se integra perfectamente en el Explorador de Windows. Ya que no es una integracin de un IDE especfico que se puede utilizar con herramientas de desarrollo de lo que quiera.

16.1 Caractersticas de Tortoise SVN

Fcil de usar

Todos los comandos estn disponibles directamente desde el explorador de Windows.

Comandos slo que tengan sentido para la seleccin archivo/carpeta se muestran. Usted no ver los comandos que no se puede usar en su situacin.

Ver el estado de los archivos directamente en el explorador de Windows Dilogos descriptivos, constantemente mejorado debido a comentarios de los usuarios

Permite mover archivos por ellos derecho de celeridad en el explorador de Windows

Todos los protocolos son compatibles con Subversion

http:// https:// svn: / / svn + ssh: / / file: / / / svn + XXX: / /

Dilogo de confirmacin poderosa

Corrector ortogrfico integrado de mensajes de registro

Finalizacin automtica de caminos y palabras clave de los archivos modificados

Formato de texto con caracteres especiales

El panorama general

Puede crear un grfico de todas las revisiones/commits. A continuacin, puede ver fcilmente que ha creado una tag/branch o modificar un archivo/carpeta

Los grficos de las estadsticas de confirmacin del proyecto Fcil la comparacin de dos ramas o etiquetas

Por la configuracin del proyecto

Longitud mnima de mensaje de registro para evitar que accidentalmente confirmar con un mensaje de registro vaco

Idioma que desea utilizar para el corrector ortogrfico

Integracin con sistemas de seguimiento de problemas TortoiseSVN proporciona un mecanismo flexible para integrar cualquier sistema basado en web de seguimiento de errores.

Una caja de entrada independiente para entrar en el nmero de emisin asignados a la confirmacin, o el color de la edicin nmero directamente en el propio mensaje de registro

Cuando se muestran todos los mensajes de registro, una columna adicional se agrega con el nmero de incidencia. Usted puede ver inmediatamente que el tema pertenece a cometer.

Nmeros de la edicin se convierten en enlaces que abren el navegador web directamente en el nmero correspondiente

Advertencia Facultativo si el compromiso no se asigna a un nmero de emisin

Herramientas tiles

TortoiseMerge
o o o

Muestra los cambios realizados en los archivos Ayuda a resolver los conflicto Se puede aplicar PatchFiles que obtuvo de los usuarios sin acceso de confirmacin de su repositorio

TortoiseBlame: para mostrar culpa de los archivos. Tambin muestra los mensajes de registro para cada lnea en un archivo.

TortoiseIDiff: para ver los cambios realizados en los archivos de imagen SubWCRev: para incluir los nmeros de revisin/datos/... en los archivos de origen

9. PROCEDIMIENTO. 9.1. FACTIBILIDAD

9.1.1 FACTIBILIDAD TCNICA.
LANIA cuenta con toda la infraestructura para llevar acabo el desarrollo de sistemas, contando con maestros y doctores dedicados a la investigacin, realizndolas en su rea de especializacin, buenos asesores, adems LANIA da como uno de sus servicios, posgrados y sus servicios para el desarrollo de sistemas basndose en las necesidades del cliente, por lo cual obliga al laboratorio a contar con las herramientas suficientes para poder cubrir las necesidades en especfico de los clientes en cuestin.

9.1.1.1. DETERMINACIN DE REQUERIMIENTOS.

El Anlisis de Requerimientos es la etapa inicial de ICONIX, en la que se estudia la problemtica que se pretende resolver construyendo un producto de software. El objetivo de esta etapa es reunir los requerimientos con los distintos usuarios del futuro sistema, para identificar las necesidades y los procesos de negocio, esta informacin servir de base para realizar el anlisis y proponer el diseo.

La primera actividad que se desarroll fueron las entrevistas para levantar los requerimientos. Se entrevistaron a exalumnos, alumnos, profesores y a personal del LANIA. Dos aspectos resaltados por los entrevistados, es saber qu hacen y donde trabajan los egresados. Generalmente al terminar los cursos presenciales de maestra se pierde el contacto con los compaeros de generacin, y el vnculo con LANIA es casi exclusivo para cuestiones de titulacin. Para cubrir esta necesidad actualmente no existe un proceso de negocio como tal, la vinculacin es informal y se da por

intereses particulares entre los egresados y la institucin, como por ejemplo el requerir informacin de trmites o asesoras tcnicas de los profesores.

9.1.2 FACTIBILIDAD OPERATIVA.

En LANIA para poder desarrollar el sistema todos los recursos estn a disponibilidad de los desarrolladores, contando con la cooperacin de los asesores para ayudar en caso de que lo requiera, orientando para el mejor manejo de las herramientas, haciendo que el sistema sea viable. Ahorrando tiempo y esfuerzo.

9.1.3 FACTIBILIDAD ECONMICA.

Los costos para el desarrollo del sistema han sido mnimos ya que tanto como el hardware como software, fueron proporcionados por LANIA, , ya que es un proyecto de residencias profesionales, por lo que se puede decir que para la implementacin y desarrollo del sistema, LANIA nos proporcion las herramientas y materiales necesarios cumpliendo as de manera exitosa dicho proyecto.

9.2 ANALISIS DEL DISEO Y CONOCIMIENTO DE HERRAMIENTAS A UTILIZAR (1 AL 19 DE AGOSTO DEL 2011)
Se me proporcion una tesis la cual contiene un estudio tcnico de la Plataforma Liferay para la creacin de portales, anlisis, diseo e implementacin de algunos servicios para el portal de ex alumnos, as como guas para el uso de Liferay. Identificando en ellas temas para la implementacin de procesos a cubrir como lo son el uso de diversas aplicaciones y el manejo de usuarios, el manejo de pginas y sus diversas opciones, haciendo un anlisis y estudio de estos procesos para trabajar en ellos posteriormente. Se instal la herramienta Git con cliente de control de revisiones Tortoise para el control de versiones de los archivos de Liferay, dando con esto un control sobre el trabajo hecho y evitando perdidas en modificaciones errneas.

9.3 CONEXIN DE LIFERAY CON POSTGRE SQL (22 AL 30 DE AGOSTO DEL 2011)
Se investig y se implement la conexin entre estas dos herramientas creando usuario y una base de datos en PostgreSQL y conectndola a Liferay modificando archivos de acceso a base de datos:

Agregar

portal-ext.properties

(C:\liferay-portal-6.0.62\tomcat-

6.0.29\webapps\ROOT\WEB-INF\classes\ portal-ext.properties) si no existe se crea en un txt y se cambia la extensin.

Descargar el driver JDBC (JDBC3 Postgresql Driver, Versin 9.0-801) desde PostgreSQL (http://jdbc.postgresql.org/download.html) y copiarlo en las siguientes direcciones

C:\\liferay-portal-6.0.6\tomcat-6.0.29\lib\ext C:\\liferay-portal-6.0.6\tomcat-6.0.29\lib

URL directahttp://jdbc.postgresql.org/download/postgresql-9.0-801.jdbc3.jar Nombre del archivo descargado postgresql-9.0-801.jdbc3.jar

9.4 EDICION DE PORTLETS: WEB FORM Y VISOR DE CONTENDIO WEB (31 DE AGOSTO AL 9 DE SEPTIEMBRE DEL 2011)
Se trabaj con dos portlets principalmente: web form y visor de contenido web, investigando para su uso scrips de validacin de datos, opciones para mostrar datos, creacin de plantillas, el uso de plantillas en velocity, funciones de diseo establecidas y en css. Para agregar un Web Content Display solo se debe hacer click en Add y luego en Web Content Display Fig. (17.3.1). Y luego dar click en el

icono q se muestra en la Fig. (17.3.2), Para empezar a configurarlo.

Fig(17.3.1)

Este tiene las opciones de agregar HTML, editar como texto, y agregar una plantilla editable en cualquiera de los siguientes lenguajes CSS, FTL, VM y XLS.
Fig.(17.3.2)

Antes de agregar una plantilla se tiene que crear una estructura dando click en el boton Editar debajo de la etiqueta estructura en este se indica el tipo de contenido que se requiera ya sea Controles de formulario, Campos de la aplicacin o algn enlace a pgina o un salto de seccin. Este tambin se puede agregar desde aadir plantilla, seleccionar estructura. Para agregar una plantilla se da click en el boton SELECCIONARAADIR PLANTILLA y
Fig. (17.3.3)

aparecera una ventana con el contenido que se muestra en la Fig. (17.3.3), en la cual se deber agragar la estructura de nuestro codigo dando

click en el boton SELECCIONAR debajo de la leyenda Estructura, en caso de no existir se tendra que crear ya sea desde la 1era ventada donde aparece dando click en el botn Aadir Estructura o en la misma ventana de aadir plantilla en el boton SELECCIONAR en la etiqueta Estructura. Esto se utiliz en la creacion de la aplicacin de Registro de Usuarios, Muestra de Usuarios que hicieron el Cuestionario de Seguimiento de Egresados, el Cuestionario de Seguimiento de Egresados.

9.5 AGREGAR BASE DE DATOS (TABLAS), MOSTRAR Y AGREGAR A BASE DE DATOS DESDE UN PORTLET, USO TORTIOSE GIT (12 AL 15 DE SEPTIEMBRE DEL 2011)
Para mostrar y agregar elementos a la base de datos existente en PostgreSQL se cre una plantilla en lenguaje Velocity. La cual agrega usuarios, los elimina, modifica, y los muestra en lista, mandando a llamar a las tablas expando que Liferay creo automticamente en PostgreSQL.

Por motivos de pruebas se utiliz un sistema de control de versiones para evitar prdidas de informacin y retrasar el trabajo. En ste se respald haciendo un repositorio en la misma mquina de todo Liferay y guardando versiones de funcionalidades conforme fueron completndose.

9.6 DISEO DE PGINAS (19 DE SEPTIEMBRE AL 5 DE OCTUBRE DEL 2011)

Se busc pginas de muestra y hojas de estilo Web para el sitio, seleccionando estilos adecuados para un espacio de convivencia, siendo este serio pero al mismo tiempo llamativo para egresados. Se adecuo visualmente la pgina de muestra a los colores institucionales del LANIA, imgenes del plantel y fonts atrayentes. En cuanto a programacin-web se utilizaron las hojas de estilo de la pgina de muestra aadindolas a los archivos de configuracin de las mismas en Liferay, agregando, modificando y eliminando elementos con forme fuera necesario, de los archivos de plantillas en lenguaje Velocity. El diseo de los contenidos se realiz mediante temas y layouts, los cuales se crearon en Eclipse instalndole un plugin SDK de Liferay, y trabajando con los cdigos .css y .vm de los temas para edicin del diseo de la pgina. CREACION DE UN THEME Y LAYOUT LIFERAY Para crear un tema se necesita tener instalado LIFERAY 6.0.6 con Tomcat 6 e instalado y configurado Eclipse y haber descargado e instalado Liferay IDE. Instalar Eclipse Indigo:

Fig. (17.5.1)

Se descarga de la pagina oficial http://www.eclipse.org Fig. (17.5.1). Y Tendremos que descomprimirlo y aparecer una carpeta llamada eclipse. En ella solo damos doble click sobre el icono de Eclipse Fig. (17.5.2). Nos pedir el workspace donde queremos trabajar. Y aparecer la ventana de bienvenida.

Fig. (17.5.2)

Fig. (17.5.3)

Despues de esto instalaremos Liferay IDE Instalacin del plugin Para instalarlo vamos a Help Eclipse Marketplace y buscar por la palabra clave "Liferay". Fig. (17.5.3)

Pulsamos en Install con lo que iniciamos el proceso de instalacin del plugin el cual puede llevar unos minutos dependiendo del ancho de banda de nuestra red. Si nos sale algn Warning pulsamos en OK para continuar con la instalacin. Al finalizar el proceso, pulsamos en Restart now para aplicar los cambios. Configuracin del SDK Para configurar este

plugin vamos a Window Preferences y filtramos por la palabra Liferay. Fig (17.5.4)

Fig (17.5.4)

En esta pantalla podremos aadir el SDK de Liferay que ya tengamos instalado o descargarlo si no lo tenemos. Como es nuestro caso, vamos a pulsar en Download..., esto nos llevar algo de tiempo... Una vez descargado e instalado el SDK, pulsamos en OK. Si ya tenemos un SDK instalado en la mquina podemos aadirlo a la configuracin pulsando en Add. Fig (17.5.5)

Fig (17.5.5)

Pulsando en "Browser", seleccionamos el directorio %LIFERAY_SDK_HOME% y pulsando en OK ya tenemos registrada nuestra instancia de Liferay SDK para poder ser utilizada desde Eclipse. 3.3 Configuracin del servidor de aplicaciones Ahora lo siguiente es configurar el servidor de aplicaciones para poder ejecutar y depurar nuestros desarrollos en Liferay. Para ello, vamos a Window Preferences y en la pantalla vamos a Server Runtime Environment, pulsamos en Add y seleccionamos Liferay, Inc. Liferay v6.0 (Tomcat 6.0) Fig (17.5.6)

Fig. (17.5.6)

Pulsando en Next se nos muestra una pantalla donde podemos establecer el nombre de la instancia y nos da la posibilidad de especificar la ruta de una instancia de Liferay + Tomcat ya instalada en el equipo o descargarnos la ltima versin. Vamos a probar a descargar la ltima versin por lo que pulsamos en Download and Install.... Aceptamos todos los mensajes que salgan y asignamos un directorio donde almacenar la descarga. Esto llevar unos cuantos minutos... Si al finalizar la descargar nos da algn tipo de error, nos tenemos que asegurar que la ruta de Liferay Tomcat directory est apuntando a la carpeta que nos acabamos de descargar.

Si ya contamos con una instancia de Liferay podemos seleccionar el directorio %LIFERAY_HOME% gracias al botn "Browser...". En cuanto la instalacin sea correcta podremos seleccionar el JRE runtime que tengamos configurado siempre superior a la versin 1.6, y pulsamos en Finish. Registrando el servidor Para registrar el servidor tenemos que abrir la ventana Servers (Window Show View Other Server Servers). Clicamos con el botn derecho dentro de esa ventana y seleccionamos New Server con lo que se muestra una pantalla donde podemos seleccionar el tipo de servidor a aadir, en nuestro caso el de Liferay, dar el nombre del host (localhost), darle un nombre a esta instancia de servidor (Liferay + Tomcat 6.0) y por ltimo seleccionamos la instancia del servidor que hemos creado. Fig (17.5.8)

Fig. (17.5.8)

Y pulsamos en Finish. Ahora para probar la instalacin del servidor bastar con pinchar con el botn derecho sobre la instancia que tiene que aparecer en la ventana Servers y seleccionar Run o Debug. Si todo es correcto, veremos como en consola aparecen las trazas del servidor y pasados unos instantes veremos la traza Server startup in x ms que indica que el servidor se ha levantado correctamente.

Ahora para acceder a Liferay, abrimos un navegador y accedemos a la URL: http://localhost:8080

Creando un proyecto de plugin SDK Abrimos el Eclipse y vamos a File New Project Liferay Liferay Plug-in Project y pulsamos en Next. En esta pantalla tenemos que poner un nombre al proyecto y un nombre que se va a utlizar para mostrarse. En la seccin Configuration tenemos que

seleccionar el SDK que vamos a utilizar y la instancia de Liferay donde lo vamos a ejecutar. Tambin podemos seleccionar de que tipo va a
Fig (17.5.9)

ser el plugin a crear, pudiendo elegir entre los tipos: portlet, hook, ext, layout y theme. Fig (17.5.9) Para finalizar el proceso de creacin del plugin pulsamos Finish. Esto hace que el proyecto se registre en Eclipse como un proyecto de Liferay SDK, manteniendo las fuentes dentro de la carpeta del plugin seleccionado en %LIFERAY_SDK_HOME%.

Desplegando el proyecto
Fig (17.5.10)

Para desplegar el proyecto en Liferay tenemos que arrastrar la raz del proyecto al servidor configurado dentro de la vista Servers, o con el botn derecho sobre dicho servidor, pinchamos sobre la opcin Add and remove... y seleccionamos el proyecto de Liferay que queremos desplegar. Esto hace que cualquier cambio en el proyecto provoque el despliegue en caliente del plugin. Fig (17.5.10) El contenido del tema se bas en un tema ya existente e instalado en Liferay (sevencogs-theme) el cual se utiliz como ejemplo de estructura y contenido para la creacin de los temas de pgina de inicio y de las pginas de contenido privado por usuario. Para la creacin de estos temas se utiliz tambin la herramienta FireBug de Mozilla-Firefox, ya que con esta podemos inspeccionar el HTML y el cdigo CSS de las pginas posicionndonos sobre ellos, se indicar con un grisado sobre la pgina web el elemento que corresponde y veremos sus atributos o bien damos click derecho, seleccionar Inspect para ver el cdigo fuente.

Layout Una manera sencilla es acomodar graficamente mediante Eclipse agregando y manipulado los porcentajes mediante las opciones que se muestra Fig (17.5.11), pero al momento de utilizarlo en el navegador Explorer no funciona por lo que se le agrega una condicion como en el siguiente codigo Fig (17.5.12)

Fig (17.5.11)

Para Explorer Fig (17.5.12)

9.7. TRASPASO (15 DE OCTUBRE AL 26 DE OCTUBRE DEL 2011)

Traspaso de usuarios existentes, permisos, roles, comunidades y configuracin de estos, perfeccionamiento de la pgina, Accin de redireccin a pgina privada de usuario

Redireccionar a pagina privada de usuario despues de login. Para esto se instalo un hook desde liferay llamado Login Landing Page Hook el cual redirecciona a la pagina privada del usuario despues de que este hace Login.

9.8. AGREGAR COMUNIDADES Y PGINAS (27 DE OCTUBRE AL 23 DE NOVIEMBRE DEL 2011)

Se agreg una comunidad con una parte privada y una pblica. En la parte privada se agregaron 6 pginas: Bienvenida, Foro, Ofertas, Convocatoria, Generacin, Imgenes. En la parte de bienvenida se agreg y configur aplicaciones de vista del perfil del usuario, vista de amigos, Actividades resientes de amigos, Usuarios ms recientes, Solicitudes de Amistad y una lista de usuarios. Se agreg y configur una parte donde se mostrara anuncios varios y Exmenes de Grado recientes. En la parte Foro se agreg la aplicacin Foro de Discusin.

En la parte pblica se agreg y configur aplicaciones: para ver el perfil, Actividades de Amigos, Amigos que se tiene, Muro para compartir en escrito lo que se quiera dar a conocer, una seccin de experiencia laboral y Actividades recientes de todo el portal. Estas partes sern exportadas como .lar para ser utilizadas en portal-ext.properties para q sean las paginas pblicas y privadas por defecto de cada usuario. Se cre y agreg el registro de usuarios a la comunidad del CEL

9.9 CREACION DE APLICACIN CUESTIONARIO DE EGRESADOS (24 DE NOVIEMBRE A 7 DE DICIEMBRE DEL 2011)
Se cre y agrego en la pgina de bienvenida un cuestionario de

seguimiento de egresados. Se cre y se agreg una aplicacin para mostrar dichos alumnos y lo que contestaron, en la comunidad del CEL

10. RESULTADOS.
Se obtuvo como resultado la funcionalidad de la captura de Datos de Egresados, mostrarlos, modificarlos y eliminarlos si fuese requerido, as como un seguimiento para los tramites de titulacin de los mismos el cual puede ser registrado, mostrado, editado y eliminado. Se cre un Cuestionario de Seguimiento mostrando resultados de los datos recolectados. Se crearon temas para una pgina de inicio nueva y las pginas de contenido.

Obteniendo conocimiento sobre las herramientas utilizadas como lo son el CMS Liferay Portal 6.0.6 con Tomcat 6 el cual mediante portlets y webs se integra de manera fcil un portal funcional, sin necesidad de detener los servicios que ya se estn ejecutando, por ejemplo el correo, consulta a una base de datos, etc. El uso de Eclipse para la creacin de plugins como lo son temas y el layout para la pgina principal utilizando tambin HTML y CSS para la creacin del tema y plantillas tpl para el layout. En cuanto a base de datos Liferay despus de la conexin creo su propia base de datos a utilizar la cual se analiz una parte para su uso en los registros de usuario, el cuestionario de seguimiento y seguimiento de trmite de titulacin. Se obtuvo conocimiento sobre Lenguaje de Plantillas en Apache Velocity el cual permiti mediante clases ya definidas el acceso a tablas de la base de datos, ente otras cosas, todo esto mediante instruccin de mi asesor externo.

Por falta de conocimiento y tiempo quedaron tareas pendientes, tales como obtener datos del usuario que est autenticado esto impide que el usuario conteste el cuestionario de seguimiento una sola vez y que se pida nombre y matricula

nuevamente en este mismo cuestionario. Falto la creacin del archivo Liferay (*.lar) para configurar el contenido de las pginas de usuario ya que el total del contenido que se tiene que ver en las pginas personales de usuario no est implementado. En cuanto a las tareas realizadas en este tiempo se me hizo un aprendizaje interesante ya que ser de gran utilidad en cuanto a mi experiencia profesional.

11. CONCLUSIONES Y RECOMENDACIONES

Basndose de la 1era versin se complement el portal de Exalumnos del CEL para ayuda en los registros y control de los Egresados y de sus trmites de Titulacin. Con ayuda de manuales existentes y de libros acerca de la herramienta Liferay se obtuvo conocimiento para el desarrollo de aplicaciones especiales para el CMS y manejo de este.

Se recomienda guardar en repositorio cada vez que se termine de realizar alguna aplicacin o modificacin en el portal, esto ayudara a que al guardarse versiones anteriores se pueda el acceso a ellas por algun error que se tenga ya que Liferay no guarda versiones anteriores. Al trabajar con Eclipse se recomienda guardar aparte cada proyecto (portlet, theme , ext, layout, portlet) que se haga o modificaciones a alguno de estos fuera del

programa, o bien hacer commit (guardar en repositorio con Tortoise Git) antes de utilizarlo.

12. FUENTES CONSULTADAS

12.1. BIBLIOGRAFA:
Jonas X. Yuan, Xinsheng Chen, Frank Yu, Liferay User Interface Development, Ed. Pack Publishing Jonas X. Yuan, Liferay Portal Enterprise Intranets, Ed. Pack Publishing Poornachandra Sarang, Ph.D. Liferay Practical Liferay Javabased Portal Applications Development, Ed. Apress*

12.2. ENLACES DE INTERNET

http://www.postgresql.org/docs/

http://velocity.apache.org/engine/releases/velocity-1.5/user-guide.html

http://www.liferay.com/es/community/wiki/-/wiki/Main/Database+Portal+Properties

http://www.liferay.com/es/community/wiki/-/wiki/Main/Database+Configuration

http://www.liferay.com/community/wiki/-/wiki/Main/Personal+Community

http://www.liferay.com/es/community/wiki//wiki/Main/Customizing+the+default+page+after+login?_36_version=1.6

http://www.liferay.com/es/community/wiki/-/wiki/Main/Themes+v6.0

http://www.liferay.com/es/community/wiki//wiki/1071674/Access+Objects+from+Velocity/maximized

13. ANEXOS

Contenido: 1.- Procedimiento a seguir para registrar un alumno nuevo. 2.- Agregar fotos de examen de grado. 3.- Consultar el seguimiento de alumnos en Trmite de Titulacin. 4.- Consultar el resultado de las encuestas.

1.- Procedimiento a seguir para registrar un alumno nuevo: Despus de Login en su cuenta el Encargado de Registrar a un alumno se dirige a la comunidad CEL y aparecer en la pgina donde puede registrar un Egresado. En la cual dar Clic en el botn Crear Usuario y lo redireccionar a la pgina donde podr introducir los datos del Usuario, despus de capturar los datos tendr que guardar dando clic en el botn Salvar, si no dar en el botn Cancelar. Despus de esto se redireccionar a la pgina Inicial donde aparecer el nuevo Usuario registrado.

2.- Agregar fotos de examen de grado: Despus de login en su cuenta el Encargado de Subir Fotos de Examen de Grado deber ir a Administrar Panel de Control y en la seccin Mi Comunidad dar clic en Galera de Imgenes. Aadir una Carpeta, en ella agregarle un Nombre y una Descripcin especificar en Permisos que solo podrn ver el propietario y se da clic en Guardar para guardar los cambios, haciendo esto se redireccionar a una pgina donde da dos opciones una de subir varios archivos y otra donde solo es uno se selecciona la o las imgenes a subir y enseguida aparecern las imgenes y se da click en el enlace Subir Imgenes, para regresar se da clic en el enlace atrs o bien clic en Galera de imgenes. La carpeta creada tiene las opciones en el botn Acciones de: Editar (edita el nombre de la carpeta, su descripcin y da la opcin de fusionar con la carpeta padre y de eliminar la carpeta), Permisos (edita los permisos de quien o quienes pueden controlar la carpeta), Eliminar (elimina la carpeta), Aadir Subcarpeta (aade una carpeta dentro de otra carpeta), Aadir Imagen (aade varias imgenes o solo una), Ver Diapositivas (muestra las imgenes que contiene la carpeta en una ventana nueva las muestra en diapositivas) y acceder desde Escritorio (Las carpetas y archivos pueden ser gestionados directamente desde el explorador de ficheros del escritorio del sistema operativo).

3.- Consultar el seguimiento de alumnos en Trmite de Titulacin: Despus de Login en su cuenta el Encargado de Registrar el avance del trmite de titulacin se dirige a la comunidad CEL dando clic en Ir a

CEL y despus dar clic en la pestaa SEGUIMIENTO DE TRAMITE DE

TITULACIN y aparecer en la pgina donde puede registrar el avance. En la cual dar Clic en el botn Registro de Titulacin y mandar a donde podr introducir los datos del avance, despus de capturar los datos tendr que guardar dando clic en el botn Salvar, si no dar en el botn Cancelar. Despus de esto mandara al listado de Usuarios recientemente agregados.

4.- Si se desea consultar el resultado de las encuestas: Despus de Login se podr ver los resultados de quienes hicieron la encuesta y los resultados de la misma para el acceso a esta informacin se da clic en: Ir a CEL, se cargara la pgina de Registro de Usuarios y se tendr q dar clic en la pestaa Egresados que realizaron cuestionario de seguimiento. Ah aparecern los nombres de los egresados que hicieron la encuesta su nmero de control y un enlace llamado Mostrar que mandara a los resultados de la encuesta.

5.- Agregar una resea del examen de titulacin: Despus de Login en su cuenta el Encargado de Agregar la resea se deber de dirigir hacia AdministrarPanel de Control, en la seccin de Mi comunidad deber elegir Blogs y finalmente Aadir entrada de blog. Aqu tendremos la opcin de aadir una nueva resea colocando imgenes referentes al Examen, teniendo adems otras opciones bsicas de Edicin. Guardando dando clic en el botn Publicar.

Laboratorio Nacional de Informtica Avanzada A.C.

CONTENIDO:
1.-CONEXIN POSTGRES CON LIFARAY 2.-AGREGAR Y CONFIGURAR WEB CONTENT DISPLAY 3.- CREACION DE UN THEME Y LAYOUT LIFERAY 3.1 Instalar Eclipse Indigo: 3.2. Instalacin del plugin 3.3 Configuracin del servidor de aplicaciones 3.4 Creando un proyecto de plugin SDK 3.5 Layout 4.-CONFIGURACINES de portal-ext.properties 5.- REDIRECCIONAR A PAGINA PRIVADA DE USUARIO DESPUES DE LOGIN. 6.-CONFIGURAR EL CONTENIDO DE LAS PAGINAS DE USUARIO

1.-CONEXIN POSTGRES CON LIFARAY Agregar a portal-ext.properties (C:\liferay-portal-6.0.62\tomcat-

6.0.29\webapps\ROOT\WEB-INF\classes\ portal-ext.properties) si no existe se crea en un txt y se cambia la extensin.

Descargar el driver JDBC (JDBC3 Postgresql Driver, Versin 9.0-801) desde PostgreSQL (http://jdbc.postgresql.org/download.html) y copiarlo en las siguientes direcciones

C:\\liferay-portal-6.0.6\tomcat-6.0.29\lib\ext C:\\liferay-portal-6.0.6\tomcat-6.0.29\lib

URL directahttp://jdbc.postgresql.org/download/postgresql-9.0-801.jdbc3.jar Nombre del archivo descargado postgresql-9.0-801.jdbc3.jar 2.-AGREGAR Y CONFIGURAR WEB CONTENT DISPLAY. Para agregar un Web Content Display solo se debe hacer click en Add y luego en Web Content Display Fig. (2.1). Y luego dar click en el icono q se muestra en la Fig. (2.2), Para empezar a configurarlo.
Fig(2.1)

Este tiene las opciones de agregar HTML, editar como texto, y agregar una plantilla editable en cualquiera de los siguientes lenguajes CSS, FTL, VM y XLS.
Fig.(2.2)

Antes de agregar una plantilla se tiene que crear una estructura dando click en el boton Editar debajo de la etiqueta estructura en este se indica el tipo de contenido que se requiera ya sea Controles de formulario, Campos de la aplicacin o algn enlace a pgina o un salto de seccin. Este tambin se puede agregar desde aadir plantilla, seleccionar estructura. Para agregar una plantilla se da click en el boton SELECCIONARAADIR PLANTILLA y
Fig. (2.3)

aparecera una ventana con el contenido q se muestra en la Fig. (2.3), en la cual se deber agragar la estructura de nuestro codigo dando

click en el boton SELECCIONAR debajo de la leyenda Estructura, en caso de no existir se tendra que crear ya sea desde la 1era ventada donde aparece dando click en el botn Aadir Estructura o en la misma ventana de aadir plantilla en el boton SELECCIONAR en la etiqueta Estructura. Esto se utiliz en la creacion de la aplicacin de Registro de Usuarios, Muestra de Usuarios que hicieron el Cuestionario de Seguimiento de Egresados, el Cuestionario de Seguimiento de Egresados.

3.- CREACION DE UN THEME Y LAYOUT LIFERAY Para crear un tema se necesita tener instalado LIFERAY 6.0.6 con Tomcat 6 e instalado y configurado Eclipse y haber descargado e instalado Liferay IDE. 3.1 Instalar Eclipse Indigo:

Fig. (3.1.1)

Se descarga de la pagina oficial http://www.eclipse.org Fig. (3.1). Y Tendremos que descomprimirlo y aparecer una carpeta llamada eclipse. En ella solo damos doble click sobre el icono de Eclipse Fig. (3.2). Nos pedir el workspace donde queremos trabajar. Y aparecer la ventana de bienvenida.

Fig. (3.1.2)

Fig. (3.2.1)

Despues de esto instalaremos Liferay IDE 3.2. Instalacin del plugin Para instalarlo vamos a Help Eclipse Marketplace y buscar por la palabra clave "Liferay". Fig. (3.2.1) Pulsamos en Install con lo que iniciamos el proceso de instalacin del plugin el cual puede llevar unos minutos dependiendo del ancho de banda de nuestra red. Si nos sale algn Warning pulsamos en OK para continuar con la instalacin. Al finalizar el proceso, pulsamos en Restart now para aplicar los cambios.

Configuracin del SDK Para configurar este

plugin vamos a Window Preferences y filtramos por la palabra Liferay. Fig (3.2.2)
Fig (3.2.2)

En esta pantalla podremos aadir el SDK de Liferay que ya tengamos instalado o descargarlo si no lo tenemos. Como es nuestro caso, vamos a pulsar en Download..., esto nos llevar algo de tiempo... Una vez descargado e instalado el SDK, pulsamos en OK. Si ya tenemos un SDK instalado en la mquina podemos aadirlo a la configuracin pulsando en Add. Fig (3.2.3)

Fig (3.2.3)

Pulsando en "Browser", seleccionamos el directorio %LIFERAY_SDK_HOME% y pulsando en OK ya tenemos registrada nuestra instancia de Liferay SDK para poder ser utilizada desde Eclipse.

3.3 Configuracin del servidor de aplicaciones Ahora lo siguiente es configurar el servidor de aplicaciones para poder ejecutar y depurar nuestros desarrollos en Liferay. Para ello, vamos a Window Preferences y en la pantalla vamos a Server Runtime Environment, pulsamos en Add y seleccionamos Liferay, Inc. Liferay v6.0 (Tomcat 6.0) Fig (3.3.1)

Fig. (3.3.1)

Pulsando en Next se nos muestra una pantalla donde podemos establecer el nombre de la instancia y nos da la posibilidad de especificar la ruta de una instancia de Liferay + Tomcat ya instalada en el equipo o descargarnos la ltima versin. Vamos a probar a descargar la ltima versin por lo que pulsamos en Download and Install.... Aceptamos todos los mensajes que salgan y asignamos un directorio donde almacenar la descarga. Esto llevar unos cuantos minutos... Si al finalizar la descargar nos da algn tipo de error, nos tenemos que asegurar que la ruta de Liferay Tomcat directory est apuntando a la carpeta que nos acabamos de descargar.

Si ya contamos con una instancia de Liferay podemos seleccionar el directorio %LIFERAY_HOME% gracias al botn "Browser...". En cuanto la instalacin sea correcta podremos seleccionar el JRE runtime que tengamos configurado siempre superior a la versin 1.6, y pulsamos en Finish.

Registrando el servidor Para registrar el servidor tenemos que abrir la ventana Servers (Window Show View Other Server Servers). Clicamos con el botn derecho dentro de esa ventana y seleccionamos New Server con lo que se muestra una pantalla donde podemos seleccionar el tipo de servidor a aadir, en nuestro caso el de Liferay, dar el nombre del host (localhost), darle un nombre a esta instancia de servidor (Liferay + Tomcat 6.0) y por ltimo seleccionamos la instancia del servidor que hemos creado.

Fig. (3.3.2)

Fig (3.3.2)

Y pulsamos en Finish. Ahora para probar la instalacin del servidor bastar con pinchar con el botn derecho sobre la instancia que tiene que aparecer en la ventana Servers y seleccionar Run o Debug. Si todo es correcto, veremos como en consola aparecen las trazas del servidor y pasados unos instantes veremos la traza Server startup in x ms que indica que el servidor se ha levantado correctamente.

Ahora para acceder a Liferay, abrimos un navegador y accedemos a la URL: http://localhost:8080

3.4 Creando un proyecto de plugin SDK Abrimos el Eclipse y vamos a File New Project Liferay Liferay Plug-in Project y pulsamos en Next. En esta pantalla tenemos que poner un nombre al proyecto y un nombre que se va a utlizar para mostrarse. En la seccin Configuration tenemos que

seleccionar el SDK que vamos a utilizar y la instancia de Liferay donde lo vamos a ejecutar. Tambin podemos seleccionar de que tipo va a ser el plugin a crear, pudiendo elegir entre los tipos: portlet, hook, ext, layout y theme. Fig (3.4.1) Para finalizar el proceso de creacin del plugin pulsamos Finish. Esto hace que el proyecto se registre en Eclipse como un proyecto de Liferay SDK, manteniendo las fuentes dentro de la carpeta del plugin seleccionado en %LIFERAY_SDK_HOME%. Desplegando el proyecto Para desplegar el proyecto en Liferay tenemos que arrastrar la raz del proyecto al servidor configurado dentro de la vista Servers, o con el botn derecho sobre dicho servidor, pinchamos sobre la opcin Add and remove... y seleccionamos el proyecto de Liferay que queremos desplegar. Esto hace que cualquier cambio en el proyecto provoque el despliegue en caliente del plugin. Fig (3.4.2)
Fig (3.4.2) Fig (3.4.1)

El contenido del tema se bas en un tema ya existente e instalado en Liferay (sevencogs-theme) el cual se utiliz como ejemplo de estructura y contenido para la creacin de los temas de pgina de inicio y de las pginas de contenido privado por usuario. Para la creacin de estos temas se utiliz tambin la herramienta FireBug de Mozilla-Firefox, ya que con esta podemos inspeccionar el HTML y el cdigo CSS de las pginas posicionndonos sobre ellos, se indicar con un grisado sobre la pgina web el elemento que corresponde y veremos sus atributos o bien damos click derecho, seleccionar Inspect para ver el cdigo fuente.

3.5 Layout Una manera sencilla es acomodar graficamente mediante Eclipse agregando y manipulado los porcentajes mediante las opciones que se muestra Fig (3.5.1), pero al momento de utilizarlo en el navegador Explorer no funciona por lo que se le agrega una condicion como en el siguiente codigo Fig (3.5.2)

Fig (3.5.1)

Para Explorer Fig (3.5.2)

4.-CONFIGURACINES de portal-ext.properties Este archivo guarda configuraciones del portal que se obtienen del archivo portal.properties que se encuentra dentro de portal-impl.jar que se encuentra en la ruta (C: \liferay-portal-6.0.62\tomcat-6.0.29\webapps\ROOT\WEB-INF\lib)

5.- REDIRECCIONAR A PAGINA PRIVADA DE USUARIO DESPUES DE LOGIN. Para esto se instalo un hook desde liferay llamado Login Landing Page Hook el cual redirecciona a la pagina privada del usuario despues de que este hace Login.

6.-CONFIGURAR EL CONTENIDO DE LAS PAGINAS DE USUARIO Por medio del archivo portal-ext.properties Fig. (6.1) se configura mandando a llamar a un archivo generado despues de exportar el contenido de toda la comunidad ya sea publico o privado de una comunidad como se muestra en: Fig (6.2)

Fig (6.1)

Fig. (6.2)

El *.lar generado se guard en C:\liferay-portal-6.0.6\deploy