Creación de un portal histórico : El Cid Campeador, un buen vasallo
Full text
UNIVERSIDAD POLITÉCNICA DE VALENCIA ESCUELA TÉCNICA SUPERIOR DE INFORMÁTICA APLICADA Creación de un portal histórico. El Cid Campeador. Un buen vasallo. PROYECTO FIN DE CARRERA Autor: Javier E. Meseguer Anastasio. Director: Juan Vicente Oltra Gutiérrez.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 3 A mi familia por su comprensión y ayuda. Agradecimiento al profesor Juan Vicente Oltra por su ayuda y dirección de este proyecto.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 4
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 5 Índice: 1Objeto y Objetivos. ........................................................................................... 9 2Introducción. ................................................................................................... 11 3Tecnologías web. ............................................................................................ 13 3.1Introducción al código libre. ................................................................... 13 4Tecnologías y lenguajes utilizados. ................................................................ 15 4.1World Wide Web. ................................................................................... 15 4.2Apache. ................................................................................................... 17 4.3MySQL. .................................................................................................. 19 4.4Php. ......................................................................................................... 22 4.5HTML. .................................................................................................... 24 4.6XHTML. ................................................................................................. 24 4.7SQL. ........................................................................................................ 27 4.8Javascript. ............................................................................................... 29 4.9CSS. ........................................................................................................ 30 4.10Ajax. ................................................................................................... 32 5Herramientas de desarrollo. ............................................................................ 33 5.1PhpMyAdmin. ........................................................................................ 33 5.2Eclipse. ................................................................................................... 33 6Instalación del portal en entorno real. ............................................................ 35 6.1Instalación entorno LAMP (LINUX). .................................................... 35
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 6 6.2Instalación entorno WAMP (Windows). ................................................ 37 6.2.1Instalar Apache 2.2. ........................................................................ 38 6.2.2Instalación de Php. .......................................................................... 43 6.2.3Instalar MySQL 5.1. ....................................................................... 49 6.2.4Instalar phpMyamin 3.1.3. .............................................................. 54 6.3Instalación del gestor de contenidos Joomla. ......................................... 56 6.4Extensiones. ............................................................................................ 61 7Portal El Cid Campeador, Un buen Vasallo. .................................................. 63 7.1Menú Principal: El Cid Campeador. ...................................................... 64 7.2Menú Principal: Cantar del mio Cid. ...................................................... 65 7.3Menú Principal: Premios Rey Jaime I. ................................................... 67 8Componentes de la Web Cid Campeador. ...................................................... 69 8.1Foro KUNENA. ...................................................................................... 69 8.1.1La Página Principal de Kunena (front-end). ................................... 69 8.1.2Página de Administración Kunena (back-end). .............................. 72 8.2Chat jPFChat. ......................................................................................... 74 8.3Sección Videos. ...................................................................................... 75 8.4Contactemos. .......................................................................................... 77 8.5Enlaces de Interés. .................................................................................. 78 8.6Únete a nosotros. .................................................................................... 79 8.7Encuestas. ............................................................................................... 81
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 7 8.8Quien está en línea. ................................................................................. 82 9Redes Sociales. ............................................................................................... 83 9.1Introducción. ........................................................................................... 83 9.2Módulos de redes sociales en Joomla. .................................................... 85 9.3Barra redes sociales AlphaToolbar. ........................................................ 89 10Trabajos Futuros. ........................................................................................ 91 11Bibliografía. ................................................................................................ 93
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 8
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 9 1 Objeto y Objetivos. El objeto del presente Proyecto de Fin de Carrera es la obtención del título de Ingeniero Técnico de Informática, expedido por la Universidad Politécnica de Valencia. El proyecto en si, consiste en la creación de un portal histórico sobre el Cid Campeador, este contendrá información textual y multimedia sobre el Cid y su época, se ha pensado que las futuras ampliaciones del portal no resulten complicadas de realizar y que se adapte lo más posible al formato que le ha dado de este. Se ha querido sobre todo crear un portal que la gestión de contenidos no resulte demasiado complicada para las personas profanas en informática a la vez que resulte estéticamente atractivo, ya que, el principal uso es el de recurso didáctico, un portal abierto a los usuarios en el que se ha añadido elementos como foro, chat y links a redes sociales que en proyectos futuros se puede ampliar y consolidar estas. Se ha intentado que la parte multimedia sea un aspecto básico del portal, el que sea una web utilizada como recurso didáctico no debe por que se aburrida o “pesada”, sino todo lo contrario, ágil y dinámica, se ha introducido por ejemplo videos del Canal Historia sumamente didácticos, incluso el cantar del mío Cid de una forma amena con varias partes, el manuscrito mostrado de forma muy visual, y comentarios sobre el con el argumento y estructura, las características, métrica, estilo etc. lo más ameno y visual posible. También es verdad que se han quedado algunas cosas en el tintero que me gustaría haber puesto como por ejemplo un apartado de comida medieval, otro de música medieval, y algún otro que más adelante explicare en el apartado de proyectos futuros.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 10
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 17 Tipos de páginas web. Básicamente existen dos tipos de páginas web, páginas web estáticas y dinámicas. El contenido de las páginas web estáticas viene predeterminado, se transmiten tal y como están desde el servidor al explorador del usuario, las dinámicas se generan al momento de petición de la página al servidor. Principales ventajas de las webs dinámicas: 1. Aumenta el número de posibilidades respecto al diseño y a su desarrollo. 2. Se realizan en XHTML o HTML. 3. Se utilizan diversos lenguajes y tecnologías de programación. Puede realizarse con software de libre distribución y permite un gran número de funcionalidades como bases de datos, foros, etc. Hoy en día, la mayoría de programadores y diseñadores optan por hacer páginas web dinámicas, ya que aportan grandes ventajas respecto a las estáticas. Entonces, para ello, se necesitan otros lenguajes de programación como Php o Java. 4.2 Apache. El servidor web utilizado en el proyecto ha sido el servidor HTTP Apache. Antes de entrar a comentar más sobre Apache, explicaré un poco que es un servidor web. Un servidor web es un programa que implementa el protocolo HTTP (HyperText Transfer Protocol). Este protocolo pertenece a la capa de aplicación del modelo OSI y está diseñado para transferir lo que llamamos hipertextos, páginas web o páginas HTML (HyperText Markup Language): textos complejos con enlaces, figuras, formularios, botones y objetos incrustados como animaciones o reproductores de música. Es una aplicación que se ejecuta continuamente en un ordenador (servidor web), manteniéndose a la espera de peticiones por parte de un cliente mediante un navegador web y que responde a estas peticiones adecuadamente, mediante una página web que se exhibirá en el navegador.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 18 El servidor Apache es un servidor web HTTP de código abierto para plataformas Unix (BSD, GNU/Linux, etc.), Windows, Macintosh y otras, que implementa el protocolo HTTP/1.1 y la noción de sitio virtual. El hecho de que sea de código abierto ha sido fundamental para su elección. El servidor Apache se desarrolla dentro del proyecto HTTP Server (httpd) de la Apache Software Foundation. Apache presenta entre otras características mensajes de error altamente configurables, bases de datos de autenticación y negociación de contenido, pero fue criticado por la falta de una interfaz gráfica que ayude en su configuración. Apache tiene amplia aceptación en la red: desde 1996 es el servidor HTTP más usado. Alcanzó su máxima cuota de mercado en 2005 siendo el servidor empleado en el 70% de los sitios web en el mundo, sin embargo ha sufrido un descenso en su cuota de mercado en los últimos años gracias a que IIS ha ido ganando terreno. Otra de las ventajas de este servidor, aparte de ser software libre, multiplataforma y de ser el servidor más popular lo que conlleva que puedas encontrar fácilmente información sobre él, es su modularidad. El servidor consta de una sección llamada núcleo y diversos módulos que aportan mucha de la funcionalidad que podría considerarse básica para un servidor web. Algunos de los módulos más importantes son: 1. mod_ssl - Comunicaciones Seguras vía TLS. 2. mod_rewrite - Reescritura de direcciones (generalmente utilizado para transformar páginas dinámicas como Php en páginas estáticas HTML para así engañar a los navegantes o a los motores de búsqueda en cuanto a cómo fueron desarrolladas estas páginas). 3. mod_php - Páginas dinámicas en Php. (El servidor de base puede ser extendido con la inclusión de módulos externos).
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 19 4.3 MySQL. Como sistema de gestión de la base de datos se utiliza MySQL. Como he comentado anteriormente, explicaré primero qué es un sistema de gestión de bases de datos (SGBD). Éste es un tipo de software muy específico, dedicado a servir de interfaz entre la base de datos, el usuario y las aplicaciones que la utilizan. El propósito general de los sistemas de gestión de base de datos es el de manejar de manera clara, sencilla y ordenada un conjunto de datos que posteriormente se convertirán en información relevante para una organización. Dicho de otra manera, es un software diseñado para facilitar diferentes tareas de gestión de datos a los programas de aplicación. Los objetivos de un SGBD son los siguientes: 1. Flexibilidad e independencia. 2. Facilitar el control de redundancia de los datos. 3. Integridad de los datos. 4. Concurrencia de usuarios. 5. Recuperación. 6. Seguridad. 7. Consultas no predefinidas y complejas. 8. Distribución de los datos.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 20 Figura - 4.3.1 MySQL, es un sistema de gestión de base de datos relacional, multihilo y multiusuario con más de seis millones de instalaciones, este gestor de bases de datos es, probablemente, el gestor más usado en el mundo del software libre, debido a su gran rapidez y facilidad de uso. La gran aceptación es debida, en parte, a que existen infinidad de librerías y otras herramientas que permiten su uso a través de gran cantidad de lenguajes de programación, además de su fácil instalación y configuración. MySQL y PostgreSQL son los dos gestores de bases de datos libres más empleadas. Vemos las ventajas de MySQL sobre PostgreSQL: Ventajas: 1. Mayor rendimiento. Mayor velocidad tanto al conectar con el servidor como al servir selects y demás peticiones. 2. Mejores utilidades de administración (backup, recuperación de errores). 3. Aunque se cuelgue, no suele perder información ni corromper los datos.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 21 4. Mejor integración con Php. 5. No hay límites en el tamaño de los registros. 6. Mejor control de acceso, en el sentido de que usuarios tienen acceso a que tablas y con qué permisos. 7. MySQL se comporta mejor que PostgreSQL a la hora de modificar o añadir campos a una tabla "en caliente". 8. MySQL consume bastantes menos recursos que PostgreSQL. En general, MySQL se utiliza en sistemas en los que la velocidad y el número de accesos concurrentes sea algo primordial, y la seguridad no sea muy importante, que sería el caso del portal Cid Campeador. En cambio, para sistemas más serios en las que la consistencia de la base de datos sea fundamental (bases de datos con información realmente importante como bancos, etc.) PostgreSQL es mejor opción pese a su mayor lentitud.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 22 4.4 Php. El lenguaje de programación usado en el gestor de contenidos Joomla es el Php, lenguaje de programación interpretado, diseñado originalmente para la creación de páginas web dinámicas. Es usado principalmente en interpretación del lado del servidor pero actualmente puede ser utilizado desde una interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo aplicaciones con interfaz gráfica usando las bibliotecas Qtro GTK+. Php es un acrónimo recursivo que significa “Php Hypertext Preprocessor”. Generalmente se ejecuta en un servidor web (como Apache en el proyecto del Cid Campeador), tomando el código en Php como su entrada y creando páginas web como salida. Puede ser desplegado en la mayoría de los servidores web y en casi todos los sistemas operativos y plataformas. Php se encuentra instalado en más de 20 millones de sitios web y en un millón de servidores, aunque el número de sitios en Php ha compartido algo de su preponderante sitio con otros nuevos lenguajes no tan poderosos desde agosto de 2005. Al igual que el resto de tecnologías utilizadas, su uso está muy extendido y ofrece una alternativa a otros lenguajes de código cerrado como ASP de Microsoft o ColdFusion de Macromedia. Fue creado originalmente por Rasmus Lendorf en 1994, el equipo de desarrollo que se encarga de mantener las actualizaciones disponibles para este lenguaje es “The Php Group”, que inicialmente fue liderado por los creadores de Php. Han existido muchas versiones de Php, pero la más reciente es la 5.2.13 (para Windows a fecha de 8 de Mayo del 2010), aunque está previsto el lanzamiento de la versión 6 de Php. La primera versión fue el Php 1.0, llamado “Php Tools”, Php puede ser desplegado en la mayoría de servidores web y en casi todos los sistemas operativos de manera gratuita, sin coste alguno. Al estar ejecutado desde el servidor necesitamos tener instalado el modulo de Php, para que comprenda nuestro código. Este proceso solo puede ser instalado por el administrador de servidor
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 23 Ventajas: 1. Es un lenguaje multiplataforma, ya que puede ejecutarse tanto en Windows, en GNU/Linux o en Mac Os X. Interactúa con los servidores de web más populares. 2. Capacidad de conexión con la mayoría de los sistemas de gestión de base de datos que se utilizan en la actualidad, destaca su conectividad con MySQL, Acces, Postgres, Oracle, ODBC, DB2, Microsoft SQL Server, Firebird y Salite. 3. Posibilidad de expandir su potencial utilizando la enorme cantidad de módulos (biblioteca nativa de funciones sumamente amplia). 4. Posee una amplia documentación en su página oficial (www.php.net), entre la cual se destaca que todas las funciones del sistema están explicadas y ejemplificadas en un único archivo de ayuda. 5. Es libre, por lo que se presenta como una alternativa de fácil acceso para todos. 6. Permite las técnicas de Programación Orientada a Objetos. 7. No requiere definición de tipos de variables. 8. Tiene manejo de excepciones. 9. Aprendizaje muy intuitivo si se ha programado anteriormente con otros lenguajes. Esto, junto con su amplia documentación, lo hacen un lenguaje muy atractivo. 10. Leer y manipular datos desde diversas fuentes, incluyendo datos que pueden introducir los usuarios desde formularios HTML. El gran inconveniente de Php es que parece más una colección de montones de soluciones a distintos problemas, juntados en un nuevo lenguaje, que un lenguaje pensado como tal desde un principio. Además, su gran versatilidad hace que programar con él pueda resultar demasiado libre.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 24 4.5 HTML. HTML es el lenguaje de marcas utilizado en la construcción de páginas web. Se trata de un conjunto de etiquetas que indican la forma en la que se ha de presentar el texto y los otros elementos del navegador. Fue creado originalmente por el físico nuclear Tim Bernes‐Lee, creador de la World Wide Web, en el CERN en el año 1991. Se describieron diferentes elementos para un diseño inicial relativamente simple de HTML. El borrador estándar HTML 3.0 fue propuesto por la W3C en 1995. Actualmente la última versión de HTML existente es HTML 4.0. El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje debe respetar unos criterios de accesibilidad web siguiendo unas pautas y normativas creadas por la W3C, aunque muchos países, incluida España, tienen especificaciones propias como es la Norma UNE 139803:2004. 4.6 XHTML. XHTML, acrónimo inglés de eXtensible Hypertext Markup Language (lenguaje extensible de marcado de hipertexto), es el lenguaje de marcado pensado para sustituir a HTML como estándar para las páginas web. En su versión 1.0, XHTML es solamente la versión XML de HTML, por lo que tiene, básicamente, las mismas funcionalidades, pero cumple las especificaciones, más estrictas, de XML. Su objetivo es avanzar en el proyecto del W3C (World Wide Web Consortium) de lograr una web semántica, donde la información, y la forma de presentarla estén claramente separadas. Se sintió que era necesaria una versión más estricta de HTML principalmente porque el contenido de la World Wide Web ahora puede visualizarse desde numerosos dispositivos (como móviles) aparte de las computadoras de escritorio tradicionales, donde no se contaría con los recursos necesarios para afrontar la complejidad de la sintaxis del HTML. Sin embargo, en la práctica, fueron apareciendo navegadores para dispositivos móviles que pueden manejar documentos HTML comunes, antes que XHTML sea adoptado por los navegadores principales.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 25 Las principales ventajas del XHTML sobre el HTML son: 1. Se pueden incorporar elementos de distintos espacios de nombres XML (como MathML y Scalable Vector Graphics). 2. Un navegador no necesita implementar heurísticas para saber qué quiso poner el programador, por lo que el parser puede ser mucho más sencillo. 3. Como es XML se pueden utilizar fácilmente herramientas creadas para procesamiento de documentos XML genéricos (editores, XSLT, etc.). Algunas reglas de XHTML 1.0 que lo diferencian de HTML 4.01 las comento seguidamente, muchas de estas diferencias vienen con el cambio de ser una aplicación SGML a ser una aplicación del más estricto XML: ¾ Los elementos vacíos deben cerrarse siempre: Incorrecto: <br> Correcto: <br></br> o <br/> o <br /> ¾ Los elementos no vacíos también deben cerrarse siempre: Incorrecto: <p>Primer párrafo<p>Segundo párrafo Correcto: <p>Primer párrafo</p><p>Segundo párrafo</p> ¾ Los elementos anidados deben tener un correcto orden de apertura/cierre (el que se abre último, debe cerrarse primero). Incorrecto: <em><strong>Texto</em></strong> Correcto: <em><strong>Texto</strong></em> ¾ Los valores de los atributos deben siempre ir encerrados entre comillas. Incorrecto: <td rowspan=3> Correcto: <td rowspan="3">
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 26 Correcto: <td rowspan='3'> ¾ Los nombres de elementos y atributos deben ir en minúsculas. Incorrecto: <A HREF="http://www.elcidcampeador.net"> El Cid Campeador </A> Correcto: <a href="http://www. elcidcampeador.net">El Cid Campeador</a> ¾ No está permitida la minimización de atributos (se usa el nombre del atributo como valor). Incorrecto: <textarea readonly> lectura</textarea> Correcto: <textarea readonly="readonly"> lectura</textarea> ¾ Los atributos desaprobados en HTML 4.01 no forman parte de XHTML. Incorrecto: <font color="#0000FF">Texto Azul</font> Correcto: <span style="color: #0000FF;"> Texto Azul </span>
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 33 5 Herramientas de desarrollo. A continuación veremos las dos herramientas que utilizado en el desarrollo del portal del Cid. Éstas son el editor Eclipse y la herramienta PhpMyAdmin. 5.1 PhpMyAdmin. PhpMyAdmin (www.phpmyadmin.net) es una herramienta escrita en Php con la intención de manejar la administración de MySQL a través de páginas webs, utilizando Internet. Actualmente puede crear y eliminar bases de datos, crear, eliminar y alterar tablas, borrar, editar y añadir campos, ejecutar cualquier sentencia SQL, administrar claves en campos, administrar privilegios, exportar datos en varios formatos y está disponible en 50 idiomas. Se encuentra disponible bajo la licencia GPL, por tanto, es una herramienta de software libre. Esta ha sido una herramienta muy útil en el proyecto para la administración de la base de datos. 5.2 Eclipse. En la web oficial de Eclipse (www.eclipse.org), se define como “An IDE for everything and nothing in particular” (un IDE para todo y para nada en particular). Eclipse es, en el fondo, únicamente un armazón (workbench) sobre el que se pueden montar herramientas de desarrollo para cualquier lenguaje, mediante la implementación de los plugins adecuados. La arquitectura de plugins de Eclipse permite, además de integrar diversos lenguajes sobre un mismo IDE, introducir otras aplicaciones accesorias que pueden resultar útiles durante el proceso de desarrollo como: herramientas UML, editores visuales de interfaces, ayuda en línea para librerías, etc. El IDE Eclipse es, únicamente, una de las herramientas que se engloban bajo el denominado Proyecto Eclipse. El Proyecto Eclipse aúna tanto el desarrollo del IDE Eclipse como de algunos de los plugins más importantes (como el JDT, plugin para el lenguaje Java, o el CDT, plugin para el lenguaje C/C++).
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 34 Este proyecto también alcanza a las librerías que sirven como base para la construcción del IDE Eclipse (pero pueden ser utilizadas de forma completamente independiente), como por ejemplo, la librería de widgets SWT. En su origen, el proyecto Eclipse era un proyecto de desarrollo OpenSource, soportado y mantenido en su totalidad por IBM. Bajo la dirección de IBM, se fundó el Consorcio Eclipse al cual se unieron algunas empresas importantes como Rational, HP o Borland. Desde febrero de 2004, el Consorcio Eclipse es independiente de IBM y entre otras, está formado por las empresas: HP, QNX, IBM, Intel, SAP, Fujitsu, Hitachi, Novell, Oracle, Palm, Ericsson y RedHat, además de algunas universidades e institutos tecnológicos. El entorno de desarrollo Eclipse, incluyendo sus plugins, está desarrollado por completo en el lenguaje Java. Un problema habitual en herramientas Java (como NetBeans) es que son demasiado “pesadas”. Es decir, necesitan una máquina muy potente para poder ejecutarse de forma satisfactoria. En gran medida, estas necesidades vienen determinadas por el uso del API Swing para su interfaz gráfico. Swing es una librería de widgets portable a cualquier plataforma que disponga de una máquina virtual Java pero a costa de no aprovechar las capacidades nativas del sistema donde se ejecuta, lo cual supone una ejecución sensiblemente más lenta que la de las aplicaciones nativas. SWT es una librería de widgets equivalente a Swing en la cual, se aprovechan los widgets nativos del sistema sobre el que se ejecuta. El hecho de aprovechar los widgets nativos, permite que la ejecución de interfaces de usuario sea mucho más rápida y fluida que si se utilizase Swing y, además, siempre dispone del “Look and Feel” del sistema, sin necesidad de “emularlo”. La contrapartida es que la librería SWT es nativa, es decir, es necesario disponer de una librería SWT específica para cada sistema operativo. Existen versiones de SWT para los S.O. más habituales, incluyendo Windows, Linux, HP-UX, MacOS, etc.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 35 6 Instalación del portal en entorno real. 6.1 Instalación entorno LAMP (LINUX). En los siguientes 2 apartados detallaré los pasos que hay que seguir para crear un entorno real para el correcto funcionamiento del sistema (primero en entorno Linux y posteriormente en entorno Windows). Para conseguir esto, los pasos a seguir son los siguientes: 1. Instalar el sistema operativo por ejemplo Ubuntu 8.10 Intrepid Ibex que es una distribución GNU/Linux. 2. Instalar un servidor LAMP, es decir, Linux + Apache + MySQL + Php. Si partimos que el sistema operativo Linux ya está instalado, únicamente tendremos que instalar el servidor web Apache 2, el gestor de bases de datos MySQL 5 y el lenguaje de programación Php 5. También en este punto, instalaremos PhpMyAdmin, que es una herramienta para la administración de MySQL anteriormente comentada. Todo esto se realiza siguiendo los siguientes pasos: 2.1 Instalar Apache + Php. Se hará por consola, mediante: apt-get: apt-get install apache2 php5 libapache2-mod-php5 El archivo de configuración de Apache está en /etc/apache2/apache2.conf y debemos colocar nuestras carpetas web en /var/www/. 2.2 Instalar MySQL. Para instalar el gestor de base de datos MySQL, tecleamos en consola: apt-get install mysql-server mysql-client php5-mysql El archivo de configuración está en /etc/mysql/my.cnf. por defecto, MySQL crea el usuario root sin contraseña, para poner una contraseña, en consola: mysql -u root
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 36 mysql> USE mysql; mysql> UPDATE user SET Password=PASSWORD('nuevo-password') WHERE user='root'; mysql> FLUSH PRIVILEGES; 2.3 Instalar PhpMyAdmin. Para instalar PhpMyAdmin, tecleamos en la consola: apt-get install phpmyadmin Modificar el archivo de configuración de Php, que está ubicado en: /etc/php5/apache2/php.ini. include_path = "/usr/lib/php5/Smarty:/usr/share/php/ " Modificar el archivo de configuración de Php que está ubicado en: /etc/php5/apache2/php.ini include_path = "/usr/lib/php5/Smarty:/usr/share/php/:/usr/share/php/DB"
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 37 6.2 Instalación entorno WAMP (Windows). Este caso significa Windows, Apache, MySQL y Php y nos ayuda al desarrollo de aplicaciones que corren en la web como página dinámica mediante el lenguaje Php, bases de datos y HTML en un entorno Windows. Todos estos paquetes son de código libre así que es de uso gratuito. También incluiré el administrador de bases de datos para MySQL, phpMyAdmin (no estaría en el entorno WAMP). Este paquete está escrito completamente en Php y nos sirve por ejemplo para crear bases de datos, tablas, borrar o modificar dados, añadir registros, hacer copias de seguridad, etc. Es una aplicación tan útil que casi todos los hosting con MySQL disponen de ella (también está en el www.1and1.es donde está alojada la web), por ello se analizará su instalación. Además, vamos a usarlo para crear los usuarios MySQL para así poder utilizar las bases de datos de forma segura. Al ser una aplicación escrita en Php, necesita de Apache y MySQL para poder funcionar. Php también puede instalarse como CGI aunque no comentare nada sobre ello ya que no lo he utilizado en el proyecto. Preparativos y requerimientos previos. Primero tenemos que descargar los paquetes necesarios para la configuración del servidor. Para esta tarea tendremos que ir a las web de los proyectos y bajarnos los paquetes que se muestran en la imagen (Figura 6.2.1): Figura – 6.2.1
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 38 Direcciones importantes de descarga: Página oficial de Apache: www.apache.org Página oficial de MySQL: www.mysql.com Página oficial de Php: www.php.net Página oficial de phpMyAdmin: www.phpmyadmin.net Una de las maneras de hacerlo es organizar nuestro servidor en una solo carpeta, para esto crearemos una carpeta con el nombre por ejemplo WAMP en C:\ (C:\WAMP), dentro de esta carpeta crearemos otras siete carpetas como lo muestra la imagen. Estas carpetas Figura – 6.2.2 Una vez tengamos nuestros paquetes y los directorios creados con sus nombres proseguirnos a la instalación de los paquetes. 6.2.1 Instalar Apache 2.2. La última versión (a fecha de escribir este proyecto fin de carrera) disponible era la 2.2.15, por lo que el archivo que tenemos que bajar pueden ser: httpd-2.2.15-win32-x86-no_ssl.msi ÆSin modulo SSL. httpd-2.2.15-win32-x86-openssl-0.9.8m-r2.msi ÆIncluye OpenSSL 0.9.8m
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 39 Figura – 6.2.1.1 Figura - 6.2.1.2 Para poder instalar apache ejecutaremos el archivo apache_2.2.15-win32-x86open ssl.exe. Aceptamos la licencia para que nos deje continuar, Y damos clic en Next. Figura – 6.2.1.3 Figura - 6.2.1.4 Nos solicita nombre del dominio, subdominio y el email del administrador. Como no vamos a montar ningún servidor DNS de momento lo dejamos tal cual viene y si nos solicita los datos podemos introducir el nombre que queramos.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 40 Elegimos el modo de instalación. Figura – 6.2.1.5 Figura - 6.2.1.6 Después nos pide el directorio en el cual se va a guardar, en nuestro caso usaremos la creada anteriormente, la carpeta en C:\WAMP\apache2.2 y aquí lo instalaremos. Damos clic en Change Elegimos C: y La carpeta WAMP. Figura – 6.2.1.7 Figura - 6.2.1.8
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 41 Escogemos la carpeta apache2.2. Y nos muestra la carpeta que elegimos damos clic en Next. Figura – 6.2.1.9 Figura - 6.2.1.10 Ahora si podemos instalarlo. Damos clic en Install para comenzar. El asistente de instalación comienza a copiar los archivos a nuestro directorio elegido. Figura – 6.2.1.11 Figura - 6.2.1.12 Y finalizamos la instalación.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 42 Para iniciar o detener el servido podemos utilizar el monitor que se encuentra en la parte inferior del la pantalla. Comprobando que el servidor web funcione. Para esto podemos escribir un simple HTML (index.html) para que lo muestre. Figura – 6.2.1.13
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 49 6.2.3 Instalar MySQL 5.1. Ejecutamos el fichero Mysql-5.1.33.win32-x86.msi para su instalación. En la instalación, seleccionamos la opción de Custom, ya que es la única que nos permite seleccionar el directorio donde queremos instalarlo. Damos clic en Next: Figura – 6.2.3.1 Figura – 6.2.3.2 Seleccionamos Custom: Pulsamos el botón Change para cambiar el directorio, y colocamos C:\WAMP\mysql5.1.33\ Figura – 6.2.3.3 Figura – 6.2.3.4
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 50 Nos muestra el resumen del directorio seleccionado. Ahora si podemos iniciar a instalar la aplicación: damos clic en instalar. Figura – 6.2.3.5 El asistente comienza a copiar los archivos a la carpeta que seleccionamos: Figura – 6.2.3.6 Figura – 6.2.3.7
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 51 Figura – 6.2.3.8 Figura – 6.2.3.9 Nos indica si deseamos configurar nuestro servidor MySQL, dejamos la opción marcada, y continuamos (una vez instalado el MySQL, se puede volver a ejecutar este wizard desde el menú inicio). Damos clic en Finish. Inicia el wizard de configuración del servidor: Figura – 6.2.3.10 Figura – 6.2.3.11 Indicamos que deseamos realizar la configuración detallada y que será una máquina para desarrollo.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 52 Figura – 6.2.3.12 Figura – 6.2.3.13 Indicamos que utilizamos bases de datos multifuncional. Estos nos permiten diferentes tipos de bases de datos. Si vamos a necesitar acceso a nuestra base de datos desde el exterior lo dejamos por defecto. Figura – 6.2.3.14 Figura – 6.2.3.15 Lo dejamos por defecto. Nos pregunta si deseamos utilizar MySQL con el usuario "root" con contraseña, o si deseamos crear un usuario anónimo. En nuestro caso, indicamos un password para el usuario root, y marcamos que permitimos acceso desde el exterior (esto depende de la gente que pueda tener acceso a nuestro servidor y del nivel de seguridad de nuestra red). Esta clave no se nos debe olvidar pues es con la que entraremos al servido, y la usaremos posterior mente con el phpMyAdmin para administrar el portal del Cid.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 53 El servidor comienza a configurar el servidor con las opciones que le dimos. Figura – 6.2.3.16 Figura – 6.2.3.17 Si todo salió bien en la configuración e instalación nos tiene que mostrar la figura 6.2.3.17. Damos clic en Finish. Figura – 6.2.3.18 Ya podemos utilizar nuestro Apache con Php y con base de datos MySQL.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 54 6.2.4 Instalar phpMyamin 3.1.3. Para instalar primero tenemos que descomprimir el contenido del archivo phpMyAdmin-3.1.3-all-language.zip en la carpeta que creamos anteriormente C:\WAMP\phpMyAdmin3.1. Figura – 6.2.4.1 Una vez hecho esto tenemos que agregar el phpMyamin al Apache para que funcione. Esto lo logramos agregando las siguientes líneas al archivo de configuración de apache. Alias /phpmyadmin "C:/WAMP/phpMyAdmin3.1/" <Directory "C:/WAMP/phpMyAdmin3.1/"> Options Indexes FollowSymLinks MultiViews AllowOverride all Order Deny,Allow Deny from all Allow from 127.0.0.1 </Directory> Con esto ya podemos referenciar al phpMyamin desde un navegador web. Mediante http://localhost/phpmyadmin/. y nos muestra la pantalla de entrada, aquí es donde usamos la contraseña de root de MySQL.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 55 Figura – 6.2.4.2 Figura – 6.2.4.3 Con la clave podremos entrar y listo el phpMyAdmin está funcionando en conjunto con el Apache y el MySQL. Figura – 6.2.4.4
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 56 6.3 Instalación del gestor de contenidos Joomla. En GNU/Linux: Después de bajar el archivo de distribución del servidor web de Joomla, se ejecuta la descompresión porque el archivo viene en formato comprimido. Este programa no necesita recompilarse porque se basa en php que es un lenguaje interpretado. Por ejemplo: si el root del sitio web es /var/www/html es posible crear un directorio que se llame /var/www/html/joomla donde quedarán todos los scripts del programa. En Windows: De forma similar a GNU/Linux, es necesario descomprimir el archivo dentro de un directorio en la raíz del servidor web por ejemplo si apache está instalado en C:\WAMP\apache2.2, como es nuestro caso, el archivo se debe crear en C:\WAMP\apache2.2\htdocs\joomla. Es necesario que antes de iniciar el proceso de instalación, tanto para Windows como para GNU/Linux que se haya creado una base de datos en MySQL con el correspondiente usuario y permisos, y la instalación del Apache funcionando como anteriormente he dicho en la memoria del proyecto. El siguiente paso a ejecutar es mediante el navegador, se debe entrar al directorio que se ha creado, siguiendo con nuestro ejemplo se debe poner en la URL http://localhost/joomla de forma que se ejecutara un asistente que nos guía hasta el final de la instalación, si la instalación no fuera local si no en un empresa que nos hace el hosting como por ejemplo www.1and1.com que es en donde está actualmente el portal del Cid Campeador, la URL que pondremos será http://www.sdcreative.info/joomla los siguientes paso son idénticos para ambos casos.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 57 Paso 1: Selección del idioma. Figura – 6.3.1 Paso 2: Testeo Pre-Instalación. El siguiente paso en un testeo de todos los componentes y variables de entorno que necesita tener instalado Joomla para su correcto funcionamiento. Figura – 6.3.2 Si las variables y la configuración son correctas estará en verde si no en rojo, en este caso dependiendo el componente que afecte la instalación se podrá llevar a cabo o no. Se testea la configuración del servidor web, (en nuestro caso Apache), Php y el sistema operativo (permisos de escritura en ciertos directorios).
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 58 Paso 3: Licencia. Todo el software de Joomla usa licencia GNU/GPL: Figura – 6.3.3 Paso 4: Configuración de la Base de Datos. En esta paso se configura la base de datos sobre la que corre la aplicación El servidor en donde esta, el nombre la base de dato y el login y password del administrador. Figura – 6.3.4
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 65 7.2 Menú Principal: Cantar del mio Cid. En un segundo apartado tenemos el cantar de mio Cid (obtenido de la Web Cervantes) que se puede ver de forma muy visual tenemos el manuscrito, y otros apartados como la estructura, características, métrica, fuentes, estilo etc. También es un buen candidato para la continua actualización y renovación. Figura – 7.2.1 Figura – 7.2.2
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 66 Figura – 7.2.3
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 67 7.3 Menú Principal: Premios Rey Jaime I. Los premios Rey Jaime I fueron creados en 1989 para favorecer el acercamiento en estudios e investigación, entre las distintas entidades científicas, en este apartado hago referencia un poco a la historia de estos premios y su importancia a nivel mundial incluyendo a todos los ganadores en todos los años de la existencia del premio Rey Jaime I. Figura – 7.3.1 Como se puede ver, esta es la sección más estática, es decir, que menos modificaciones se prevea realizar, simplemente actualizando algunos links e introduciendo los premiados de cada año. Figura – 7.3.2
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 68
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 69 8 Componentes de la Web Cid Campeador. En la creación del portal de Cid campeador se ha utilizado varios módulos de licencia GPL que son testeados y mejorados gracias a una amplia comunidad de programadores y entusiastas que gastan una gran cantidad de horas para que la comunidad de software libre pueda competir con la industria del software. 8.1 Foro KUNENA. Kunena es un componente de foros nativo para Joomla que le permite desplegar rápidamente un foro comunitario en su sitio web basado en Joomla. En lugar de tener que escribir todo el interfaz de trabajo, Kunena se concentra en integrar los elementos principales que están disponibles diariamente, en la parte superior del foro utilizando para ello la Plataforma de Gestión de Contenidos. Kunena ha sido diseñado para ser simple de utilizar, es un foro con una sofisticada plataforma CMS. Tiene una estrecha integración con Joomla, permite muchas opciones de personalización que otros componentes de este tipo no lo soportan, he estudiado otros como por ejemplo Agora, ccBoard, simplestForum, pero el que mejor se adaptaba al requerimiento del portal del Cid era Kunena. La página principal (front-end) se integra en el sistema de plantillas Joomla. La mayoría de los ajustes en su aspecto no requieren de codificación y se pueden lograr, mediante la modificación de la CSS y de imágenes adaptándolo al nuestro proyecto, en el proyecto se ha cambiado parte de la hoja de estilos y las imágenes para adaptarlo estéticamente al portal. Hay dos partes en la aplicación del foro de Kunena: 8.1.1 La Página Principal de Kunena (front-end). El front-end en Kunena, así como el front-end de Joomla, será lo que sus usuarios visitantes verán. Representa la interfaz pública en su foro, se puede decidir si va a hacer un foro público, privado, de sólo lectura y así se tiene el control para establecer la configuración de Joomla y Kunena que se elija.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 70 Se puede diferenciar entre los usuarios registrados, los administradores, moderadores, así como los invitados y pueden personalizar la experiencia (rangos) para ellos. Figura – 8.1.1.1
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 71 Figura – 8.1.1.2
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 72 8.1.2 Página de Administración Kunena (back-end). La Administración de Kunena o "back-end Kunena" se encuentra inserta dentro de la administración de Joomla en su sitio Web, es el lugar donde se realiza la gestión y ajustes en la configuración de Kunena. Solo basta autentificarse como usuario con permisos en la administración de Joomla y se elije dentro del panel de componentes a Kunena, luego de ello observará una gama de opciones para editar y ajustar dentro del componente. Figura – 8.1.2.1 La interfaz es fácil de utilizar, se permite personalizar la apariencia y la configuración de su foro. Puede seleccionar entre diferentes plantillas, además de decidir quién puede tener acceso y contribuir a su comunidad del cid campeador, la integración con componentes de terceros como Community Builder y JomSocial lo hacen ser un componente robusto y eficaz para todo uso dentro de Joomla.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 73 Una vez que se ha seleccionado los ajustes de configuración de su elección (los cuales pueden ser modificados y ajustados en cualquier momento), se puede pasar a definir la estructura de categorías del foro, las categorías son los distintos Foros o SubForos dentro del portal del Cid Campeador. Figura – 8.1.2.2 Es posible configurar una bienvenida para los nuevos miembros, y distintas categorías que ayudan a organizar y agrupar los contenidos en secciones. Tiene un sistema de control que ayuda a la creación de categorías anidadas o Sub-Categorías (categorías dentro de otras categorías). Esta característica permite crear todo un árbol de secciones y sub secciones asignadas y moderadas en cualquier nivel en el árbol. Dentro de la administración de usuarios se tiene el control sobre la configuración de estos y sus avatares, por lo que es fácil hacer ajustes a medida que el sitio crece y se desee hacer nuevos cambios. Se puede definir las categorías adicionales o nuevas, editar emoticones, hacer seguimiento de todos los archivos e imágenes subidas al portal y realizar las tareas comunes de gestión del Web.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 74 8.2 Chat jPFChat. He querido poner un chat en el portal del Cid Campeador para que sirva de nexo de unión de los usuarios del este, como con el foro hay una gran variedad de componentes de chat para Joomla unos gratuitos y otros de pago, de entre los gratuitos el que mejor se adaptaba a los requerimientos de la Web era jPFChat. En lugar de estar realizado con la librería Javascript Prototype, los creadores han reescrito jPFChat en USE MooTools. Esto significa que ahora jPFChat carga sin problemas en la mayoría de los sitios web creados con Joomla. No importa si se utiliza plantillas de Joomla 1.0.x, 1.5.x, con o sin MooTools. Se garantizar la plena compatibilidad, entre ambos en el sentido de que MooTools ya está cargado. La caché de MySQL es otra de las ventajas con respecto a otros chat como por ejemplo zigChat o blastChat. Y hay varias características interesantes en el front-head se puede modificar la configuración de control, se especifica una página de redirección para usuarios no registrados que intenta acceder al chat y el control de varias opciones adicionales no incluidas en las versiones anteriores. Figura – 8.2.1
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 81 8.7 Encuestas. He incluido un modulo de votaciones en la que se puede ir pasando puntualmente encuestas sobre diversos temas (actualmente hay una consulta sobre el propio portal), y poder así ver la opinión de los usuarios de este, para un usuario resulta fácil y cómodo con solo hacer un clic valorar por ejemplo la web, y para el administrador es una forma rápida para ver si va por buen camino. Figura – 8.7.1 El componente se guarda la IP de acceso que tiene el usuario y solo se le permite un voto por persona (maquina), con ello se evita en algo que las votaciones sean falseadas. Figura – 8.7.2
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 82 8.8 Quien está en línea. Uno de los modulos típico que podemos encontrar en todos los portales es el de quien esta en line (mod_whosonline), podemos ver el numero de usuarios que esten en el portal y cuales de ellos esta registrado, es un componente muy sencillo queno merece mas comentario. Figura – 8.8.1 Figura – 8.8.2
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 83 9 Redes Sociales. 9.1 Introducción. Haciendo un poco de historia alrededor del 2001 y 2002 surgen los primeros sitios que fomentan redes de amigos. Hacia 2003 se hacen populares con la aparición de sitios tales como Friendster, Tribe y Myspace. Rápidamente algunas empresas se introducen en las redes sociales. Google lanza en enero de 2004 Orkut apoyando un experimento que uno de sus empleados realizaba en su tiempo libre. En 2005 aparecen Yahoo 360º y otros. Básicamente el funcionamiento comienza cuando una vez montado el soporte técnico, un grupo de iniciadores invitan a amigos y conocidos a formar parte de la red social, cada miembro nuevo puede traer consigo muchos otros miembros nuevos y el crecimiento de esa red social puede ser logarítmico. A partir de aquí se transforma en un interesante negocio. Un buen ejemplo de esto es Facebook, una red social enfocada a estudiantes, muy similar a Myspace, con millones de usuarios registrados y donde ha habido una importante inversión publicitaria por parte de Microsoft. Como ejemplo la red social mysapce.com tiene más de cien millones de usuarios, pertenece a News Corp (la transacción rondó los $580 millones) posicionándose como la mayor en su tipo e incluye temáticas tan diversas como búsqueda de personas desaparecidas. La verdad que no todo son cosas buenas en las redes sociales, conforme se fue convirtiendo en buen negocio, surgieron intereses y por lo tanto, corre cierto peligro, al menos en su filosofía de funcionamiento libre como ejemplo de esto la empresa Friendster.com logró que la Oficina de Patentes de los Estados Unidos le acepte una patente sobre redes sociales la cuál cubre: “todo sistema, método y aparato para conectar usuarios en sistemas computerizados en línea basándose en sus relaciones en redes sociales”. Podemos decir que una red social es un grupo de personas que tienen algo en común. Gracias a ese algo (trabajar juntos, amistad, clubs sociales) es por lo que se agrupan. El fenómeno de la red social ha crecido gracias a internet, lo que ha favorecido que se creen multitud de redes sociales en la red, facilitando la comunicación de
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 84 personas, que están a miles de kilómetros de distancia, sobre un mismo tema que se tenga en común en la web realizada se ha intentado que todo esto se pueda llevar a cabo. Las más importantes en el mundo y que también han llegado a España son: MySpace, Facebook, Flickr, Tuenti, Windows Live Space, Webshots, Hi5, Freewebs o Buzznet. Son las principales redes sociales mundiales, en la que los usuarios se conectan e intercambian información, novedades, asuntos, fotos, música, mensajes… Facebook, cuenta con 60 millones de usuarios en todo el mundo, tiene seguidores en España también. Hi5, podemos definirlo como el Myspace latino, en la que se crean una especie de webs personales. También en español destacan otras redes como Skyrock Blog, que empezó siendo sólo francesa, pero que se ha ido extendiendo. No tiene tantos usuarios como Facebook o Hi5, pero empieza a ganar adeptos. Junto a estas, hay una larga lista de redes sociales en internet que podemos nombrar: menéame (de noticias), neodiario.net (tecnología), enchílame (general), márchate (viajes), vótala (noticias), recetaria (cocina), movilízame (móviles), seoclon (seo), … podíamos hacer una lista muy larga, ya que prácticamente cualquier afición, cuenta con una red social.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 85 9.2 Módulos de redes sociales en Joomla. En el proyecto que he llevado a cabo se ha integrado un plugin de redes sociales para facilitar a los usuarios que visiten la web el Cid Campeador compartir el contenido con otros usuarios de las redes sociales más conocidas en España. A continuación enumero algunas de las principales extensiones que Joomla dispone para difundir y compartir el contenido de las páginas web en las principales redes sociales: JX Share Link. (http://extensions.joomla.org/extensions/communities-&-groupware/socialbookmarking/5997/details) Permite que agregar un cuadro desplegable con enlaces para compartir diferentes sitios bookmarking sociales. Joomla! AddThis. (http://extensions.joomla.org/extensions/communities-&-groupware/socialbookmarking/5816/details) Es un método único de la inclusión de todos los grandes medios de comunicación social bookmarking como Stumbleupon, Digg, Twitter, Facebook o Delicious. AlphaToolbar Article (Seleccionado para el proyecto). (http://extensions.joomla.org/extensions/communities-&-groupware/socialbookmarking/5079/details) Es un plugin de Joomla que permite insertar una barra de herramientas debajo del título de los artículos donde se incluyen marcadores sociales, la opción de imprimir, enviar por e-mail, botones de tags o etiquetas y la opción de obtener el artículo en PDF. Además, se pueden personalizar los marcadores sociales a aparecer en esta barra de herramientas tales como por ejemplo Meneame, Twitter o Myspace. Este es el plugin que he incluido en la web, ya que es lo que más se ajustaba a lo que estaba buscando, contiene las principales redes sociales que existen en España, y no ocupa demasiado espacio en la web, además tiene un característica muy interesante que es la de poder escuchar el articulo.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 86 JBookmarks - Web 2.0 Social Bookmarking Script. (No es licencia GPL) Permite la fácil elección de hasta 54 iconos de marcadores sociales. A hora de realizar la memoria de este proyecto existen las redes sociales siguientes: JBookmarks, Twitter, Mr. Wong, Myspace, IndianPad, Bebo, LinkedIn, blogger, Mixx, Yahoo! Buzz, Propellor, Digg, Reddit, Windows Live, Facebook, Del.icio.us, Webnews.de, Icio.de, Buzka, Oneview.de, Jumptags, social-bookmarking.seekxl.de, Upchuckr, Favoriten.de, Kledy.de, Favit.de, social-bookmarking.dk, BoniTrust.de, Simpy, Power-Oldie.com, Newskick.de, Bookmarks.cc, Newsider, Linksilo, Readster, Yigg, Linkarena, StumbleUpon, Slashdot, Netscape, Furl, Yahoo, Blogmarks, Diigo, Technorati, Newsvine, Blinkbits, Ma.Gnolia, Smarking, Netvouz, Folkd, Spurl, Google y Blinklist. DiggIt. (http://extensions.joomla.org/extensions/communities-&-groupware/socialbookmarking/4196/details) Facilita a los lectores guardar y compartir el contenido de la página web en este marcador DiggIt. The Ultimate Social Bookmarking Plugin. (http://extensions.joomla.org/extensions/communities-&-groupware/socialbookmarking/4416/details) Es un plugin que permite añadir pequeños botones de marcadores sociales debajo de los artículos, por lo que facilita que los usuarios compartan el contenido de los artículos en los principales marcadores sociales: Digg.com, Reddit.com, Del.icio.us, Google Bookmarks, Live.com , Facebook, Slashdot.org, Netscape.com, Technorati.com, StumbleUpon.com, Spurl.net, Wists.com, Simpy.com, Newsvine.com , BlinkList.com, Furl.net, Fark.com, BlogMarks.net, Yahoo! My Web , Smarking.com, Netvouz.com, Mister-Wong.com, RawSugar.com, Ma.gnolia.com, Squidoo.com, FeedMeLinks.com, BlinkBits.com, TailRank.com, linkaGoGo.com, Cannotea.org, Diigo.com, Faves.com, Ask.com, DZone.com, Swik.net, Shoutwire.com,
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 87 MyLinkVault.com , Maple.nu, BlogRolling.com, AddThis.com, MySpace.com, GodSurfer.com, Mixx.com. Tweets this. (no es la licencia GPL) Es un plugin muy útil para complementar y enviar el artículo a twitter.com utilizando la API de tweetmeme.com. Most Diggs, Newly Dugg, Oldest Dugg Content Module. (http://extensions.joomla.org/extensions/external-contents/social-channels/2149/details) Es un módulo (no plugin) que se integra con Digg, lo que permite mostrar las estadísticas en "Most Diggs, Newly Dugg and Oldest Dugg" (La mayoría de Diggs, recientemente Dugg y antiguos Dugg). Este módulo es una gran manera de promover el contenido de la página web más popular y con mayor éxito para atraer mayor volumen de tráfico hacia la web. Tweets Module Sólo es compatible con la versión Joomla 2.0 (la versión Joomla implementada en el proyecto es la 1.5) y tiene como utilidad mostrar los últimos "tweets" de la cuenta de Twitter de la empresa (por ejemplo). Utilizando Twitter para introducir contenido original que no aparece en el sitio web es un modo de incrementar los seguidores en Twitter. Twitter Status (http://extensions.joomla.org/extensions/external-contents/socialblogging/3735/details) Es un plugin que permite actualizar el estado de Twitter con el título y la URL del artículo cuando se publique.
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 88 Como podemos ver en la figura 9.2.1 el conjunto de redes sociales es amplísimo, se debería hacer un estudio de las más apropiadas para incluirlas en el portal didáctico. Figura – 9.2.1
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 89 9.3 Barra redes sociales AlphaToolbar. En el proyecto se ha utilizado un plugin para que el usuario pueda interactuar con las redes sociales, al ser un portal didáctico es muy importante la conexión de este con el máximo número de redes sociales posibles, si un usuario ve interesante alguna parte del porta puede fácilmente publicarlo en la red (o redes) social a la que pertenezca. Figura – 9.3.1 En el back-end solo tendremos que indicar que redes sociales queremos incluir y su URL. Figura – 9.3.2
El Cid Campeador. Un buen vasallo Javier E. Meseguer Anastasio. Creación de un portal histórico. El Cid Campeador. Un buen vasallo Pág. 90 Las redes sociales que he introducido has sido las siguientes: Twitter, Myspace, ,Meneame ,Facebook, Wikio, Del.licio.us, Fur (Diigo), Yahoo, Googlize this. Como he comentado anteriormente la configuración de este plugin es realmente fácil, solo necesitamos seleccionar que red social queremos para compartir los artículos que nos hayan interesado de la web (figura 9.3.3). Figura – 9.3.3