Implementación del sitio web de la Facultad de Ciencias Económicas

Texto completo

(1)Universidad Central “Marta Abreu” de Las Villas Facultad de Ingeniería Eléctrica Departamento de Telecomunicaciones y Electrónica. Trabajo de Diploma Implementación del Sitio Web de la Facultad de Ciencias Económicas. Autor: Leslie J. Pérez Cancio Tutor: Ing. Julio C. Ventosa Almeida Santa Clara 2007 “Año del 49 Aniversario del Triunfo de la Revolución”.

(2) Universidad Central “Marta Abreu” de Las Villas Facultad de Ingeniería Eléctrica Departamento de Telecomunicaciones y Electrónica. TRABAJO DE DIPLOMA Implementación del Sitio Web de la Facultad de Ciencias Económicas Autor: Leslie Jorge Pérez Cancio E-mail: [email protected]. Tutor: Ing. Julio César Ventosa Almeida Profesor del Departamento de Contabilidad y Finanzas Facultad de Ciencias Económicas. UCLV E-mail: [email protected]. Santa Clara 2007 "Año 49 de la Revolución".

(3) Hago constar que el presente trabajo de diploma fue realizado en la Universidad Central “Marta Abreu” de Las Villas como parte de la culminación de estudios de la especialidad de Ingeniería en Telecomunicaciones y Electrónica, autorizando a que el mismo sea utilizado por la Institución, para los fines que estime conveniente, tanto de forma parcial como total y que además no podrá ser presentado en eventos, ni publicados sin autorización de la Universidad.. Firma del Autor Los abajo firmantes certificamos que el presente trabajo ha sido realizado según acuerdo de la dirección de nuestro centro y el mismo cumple con los requisitos que debe tener un trabajo de esta envergadura referido a la temática señalada.. Firma del Autor. Firma del Jefe de Departamento donde se defiende el trabajo. Firma del Responsable de Información Científico-Técnica.

(4) Pensamiento.

(5) “El futuro de toda la industria, y el futuro de la humanidad, (…), está en la gente que estudia los grandes problemas tecnológicos, los resuelve, los de hoy y los de mañana, (…), aprende a sacarle a la naturaleza nuevas cosas.” Ernesto “Che” Guevara.

(6) Dedicatoria.

(7) A mi madre, quien ha sido la principal guía de mi vida en todos estos años..

(8) Agradecimientos.

(9) A: Mi tutor Julio C. Ventosa Roberto C. Rodríguez Hidalgo por su valiosa ayuda en la realización de este proyecto Mi novia Yeline Pozo Nuñez Suyen Lugones Nuñez Todos los que de una manera u otra colaboraron desinteresadamente durante mis años de estudio para poder alcanzar el objetivo final. MUCHAS GRACIAS..

(10) Resumen.

(11) Resumen El presente trabajo científico constituye la realización y puesta en práctica del sitio Web de la Facultad de Ciencias Económicas, con vista a satisfacer la necesidad de una interfaz comunicativa de carácter digital que muestre hacia el exterior los diversos procesos docentes que en dicha institución se suceden. Inicialmente se realiza un estudio acerca de las principales teorías relacionadas con el acontecer de las “Nuevas Tecnologías”, implantadas para lograr un mejor desempeño a la hora de la realización de Software con fines educativos. También se da una panorámica del funcionamiento de algunos de los protocolos más utilizados por Internet en lo que respecta a la navegación Web, así como el uso de las Bases de Datos como elemento esencial dentro de las distintas aplicaciones que lo requieren para el correcto funcionamiento. Además se ofrece la posibilidad de poseer una guía detallada acerca del uso del manejador de contenido Joomla, empleado para la confección del sitio en cuestión. Con ella se pretende conseguir un acercamiento de los diseñadores al empleo y explotación de las amplias facilidades que dicho sistema manejador ofrece a la hora de elaborar determinada interfaz Web. Finalmente se muestra al sitio diseñado como producto final derivado del empleo de varias técnicas que, en su conjunto, facilitan indudablemente la conformación de cualquier entorno Web, justo para satisfacer los más específicos requerimientos. Esta presentación está elaborada sobre la base de que en el futuro sea posible emplearla como Manual de usuario y de esta forma motivar a su búsqueda como medio de referencia por parte de los usuarios que así lo necesiten..

(12) Tarea técnica.

(13) Tarea técnica Para el desarrollo de la investigación se utilizarán diferentes métodos y técnicas que en unidad y diferencias particulares nos permitirán el abordaje del problema. Estos métodos y técnicas favorecerán el cumplimiento de las siguientes tareas: 9 Revisión de la bibliografía científico-técnica especializada para la construcción del marco teórico de referencia general para el diseño y montaje de páginas Web. 9 Selección de herramientas de software que permita diseñar, montar y manejar contenidos para la Web. 9 Elaboración del diseño de la Web y montaje en el servidor de la facultad de Ciencias Económicas. 9 Evaluación de la Web por el consejo de dirección de la facultad para solicitud de publicación.. _____________________ Firma del Tutor. ____________________ Firma del Diplomante.

(14) Índice.

(15) Índice Introducción....................................................................................................................................1 Capítulo 1. La Web y su funcionamiento en Internet .....................................................................4 1.1-Marco conceptual.................................................................................................................4 1.2-Las nuevas tecnologías de la información y la comunicación ..........................................6 1.2.1-Ventajas que ofrecen las NTIC....................................................................................7 1.3-Breve historia de Internet ...................................................................................................9 1.3.1-World Wide Web...........................................................................................................10 1.3.2-La supercarretera de la información ........................................................................10 1.4-Protocolos empleados en Internet.....................................................................................11 1.4.1-Protocolo de Transferencia de Hipertexto................................................................11 1.4.2- Protocolo de Internet .................................................................................................12 1.4.3-Protocolo de Control de Transmisión .......................................................................12 1.4.4- Protocolo de Transferencia de Ficheros ..................................................................13 1.5-Funciones de un servidor de Base de Datos (BD)............................................................13 1.5.1-Necesidad del acceso a las Bases de Datos mediante el servicio Web ....................13 1.6-El servicio Web: una plataforma para la implementación de aplicaciones..................14 1.6.1-Arquitectura de una aplicación de Bases de Datos para el servicio Web ..............15 1.6.2-Módulo servidor de Base de Datos ............................................................................16 1.6.3-Módulo servidor Web .................................................................................................16 1.6.4-Módulo cliente Web ....................................................................................................16 1.7-Herramientas de edición gráfica.......................................................................................17 1.7.1-Editor de imágenes profesional Adobe Photoshop...................................................17 1.7.2-Microsoft Windows ......................................................................................................18 1.7.3-Editor profesional de multimedia Adobe Flash .......................................................18 Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas...................................20 2.1- Introducción ......................................................................................................................20 2.2- Manejador de contenidos Joomla....................................................................................20 2.2.1-Funcionamiento de Joomla ........................................................................................21 2.3-Diseño del sitio Web de la Facultad de Ciencias Económicas........................................22 2.3.1-Selección de la plantilla a utilizar ..............................................................................23 2.3.1.1-Proceso de gestión de Joomla..............................................................................24 2.3.1.2-Instalación de la plantilla ....................................................................................25 2.3.2-Creación de una Sección.............................................................................................28 2.3.3-Creación de una Categoría.........................................................................................32 2.3.4-Creación de un artículo ..............................................................................................34 2.3.5-Instalación de un componente....................................................................................36 2.3.6-Instalación de un módulo ...........................................................................................38 Capítulo 3. Presentación y montaje del Sitio Web de la Facultad de Ciencias Económicas ........42 3.1-Presentación del sitio Web de la Facultad de Ciencias Económicas .............................42 3.1.2-Menú “Portada”..........................................................................................................44 3.1.3-Menú “Departamentos” .............................................................................................45.

(16) Figura 3.5 Vista parcial de la Sección Contabilidad perteneciente al menú Departamentos......................................................................................................................46 3.1.4-Menú “Acreditación....................................................................................................46 3.1.5-Menú “Encuestas” ......................................................................................................47 3.1.6-Menú “Otras facultades” ...........................................................................................48 3.1.7- Otros menús................................................................................................................48 3.2-Montaje del sitio en el servidor Web de la Facultad.......................................................48 3.2.1-Configuración de Joomla: el archivo configuration.php.........................................49 3.3-Estudio de algunas de las reglas básicas del diseño gráfico empleadas en el sitio .......50 3.3.1-Los elementos gráficos y las proporciones................................................................50 3.3.2-Relación entre las proporciones de los elementos visuales de una composición: escala......................................................................................................................................51 3.3.3-Fuentes usadas en el portal Web diseñado ...............................................................51 3.3.4-Disposición correcta de textos en las páginas Web ..................................................52 Conclusiones .................................................................................................................................53 Recomendaciones .........................................................................................................................54 Referencias Bibliográficas ...........................................................................................................55 Bibliografía ...................................................................................................................................56.

(17) Introducción. Introducción El mundo se encuentra en una época donde la información, comunicación y tecnología juegan un papel importante en el desarrollo de la vida cotidiana. Páginas Web, correos electrónicos, bibliotecas digitales, materiales multimedia, entre otros, son una muestra de ello. El advenimiento del World Wide Web (WWW) ha causado un incremento en el uso de la Internet, comportándose como un medio de difusión de amplio rango de información que puede ser obtenida a un bajo precio y gran rapidez. La información en WWW no solo es importante para los usuarios individuales, sino también para las empresas, especialmente cuando se trata de la toma de decisiones. La mayoría de los usuarios obtienen información de Internet a través de una combinación de motores de búsqueda y sistemas de navegación, pero este procedimiento no siempre es el adecuado por no devolver toda la información que el usuario necesita. Esto es especialmente cierto en lo que concierne a las organizaciones, que en la actualidad cada vez con más frecuencia utilizan la información de la WWW como herramientas para el logro de lo mencionado. En función de esto, ha surgido una nueva rama de la exploración de datos, que originalmente solo versaba en temas de base de datos y luego se extendió a documentos. Esta nueva rama es la denominada exploración de información en sitios WWW, que posteriormente se denominó exploración Web, la cual se define como el proceso de descubrir información útil en la WWW. La exploración Web tiene el poder de manejar información que se encuentre relacionada por hipervínculos, posee una interfaz para que pueda ser entendida con mayor facilidad, y en consecuencia, debe manejar contextos altamente sensibles, manejar consultas difusas, agrupar y educir conocimiento, etc. Por otra parte comienzan a generalizarse conceptos nuevos como “Nuevas Tecnologías de la Información y las Comunicaciones” (NTIC), “Sociedad de la Información”, “Era de la Informática” o “Telemática”, etc. Las NTIC, y muy especial las telecomunicaciones, no solo han permitido el aumento de la velocidad de transmisión de la información, su capacidad de almacenamiento, o de la precisión en el tratamiento de la misma, sino que además se vienen convirtiendo en un nuevo factor de. 1.

(18) Introducción. producción una vez que se analiza la intensidad con que las mismas participan en la creación directa de riquezas, en el crecimiento indirecto de otros sectores y en la generalizada mejora de productividad de la economía. Además de lo anteriormente mencionado, el acceso a grandes bases de conocimiento en universidades y bibliotecas, la enseñanza a distancia, la colaboración desinteresada entre centros de investigación, entre otras, constituyen ejemplos del infinito universo de posibilidades que pueden brindar estas tecnologías y que hoy en día enaltecen la condición humana. Estas razones han motivado que en nuestro país se establezca un programa encaminado al desarrollo de las NTIC a escala nacional: “Informatización de la Sociedad Cubana”. Este marco lleva a que el Ministerio de Educación Superior (MES), en su estrategia de desarrollo, haya priorizado entre otros aspectos, el desarrollo de estas tecnologías con vista a mejorar la calidad de los procesos docentes y de investigación que en él se desarrollan. Como parte de esta estrategia, surge, en la Facultad de Ciencias Económicas (FCE), la necesidad inmediata del desarrollo de un sistema integral para la gestión de actividades de la misma, que tenga como elemento central una interfaz Web, teniendo en cuenta las facilidades que esta última posee, entre las que se pueden resaltar: ¾ Su plataforma de trabajo es muy extensa ya que trabaja en la World Wide Web (WWW), permitiendo una gran accesibilidad al sistema desde cualquier parte del mundo. ¾ En cuanto a la actualización del documento, las facilidades para la modificación son elevadas pues permite actualizar el sitio sin tener que recurrir a elaborar una nueva versión. ¾ La mayor ventaja que posee esta plataforma es la de poder desarrollar un sistema que puede ir evolucionando. Para el cumplimiento de lo mencionado anteriormente se planteó como objetivo principal: Diseñar e implementar un Sitio Web a través del manejador de contenido Joomla, que brinde la visibilidad necesaria a la Facultad de Ciencias Económicas en la Universidad Central “Marta Abreu” de Las Villas para lograr un mejor desarrollo de las actividades científicas y docentes que en la misma se realizan.. 2.

(19) Introducción. Lo cual da paso a los siguientes objetivos específicos: 1. Construir el marco teórico o de referencia de la investigación con los elementos necesarios para llevar a cabo la misma, derivados de la consulta de la literatura internacional y nacional más actualizada, y que pueda ser utilizado como documento de referencia con fines docentes, metodológicos e investigativos posteriores en esta temática. 2. Realizar un estudio de las necesidades de información a publicar en la Web para determinar así el diseño a realizar y la estructura de las bases de datos a crear. 3. Diseñar una Web flexible, agradable y fácil de actualizar para poder tener una alta eficiencia en el trabajo con la misma después de creada. 4. Montar la Web en el servidor en la Facultad de Ciencias Económicas para evaluar la aceptación por la dirección del centro y la calidad del mismo. El presente trabajo de diploma se ha estructurado en tres capítulos en los cuales se abordan los siguientes temas: Capítulo 1: Dedicado al marco teórico necesario para la comprensión del proyecto, abordándose los conceptos y técnicas empleadas para lograr los objetivos propuestos. Capítulo 2: Muestra como se realizó el diseño de la Web y su montaje, enfatizando en la explicación, para un mayor entendimiento, del lenguaje de programación empleado para dicho diseño. Capítulo 3: Está dedicado al sitio diseñado, mostrándose el mismo como producto final y expresándose los resultados de la evaluación mediante un aval del consejo de dirección que muestre la efectividad y calidad del producto.. 3.

(20) Capítulo 1. La Web y su funcionamiento en Internet. Capítulo 1. La Web y su funcionamiento en Internet Para ayudar a una mejor comprensión de los temas tratados en el presente trabajo se decidió elaborar un marco conceptual de los términos y conceptos que han sido considerados fundamentales a la hora de crear un sitio Web dinámico. 1.1-Marco conceptual Sitio Web (en inglés: website): Es un conjunto de archivos electrónicos y páginas Web referentes a un tema en particular, que incluye una página inicial de bienvenida, generalmente denominada Home page, con un nombre de dominio y dirección en Internet específicos. Los documentos que integran el Sitio Web pueden ubicarse en un equipo (Host) en otra localidad, inclusive en otro país. El único requisito es que el equipo en el que residan los documentos esté conectado a la red mundial de Internet. Este equipo de cómputo o Servidor Web, como se le denomina técnicamente, puede contener más de un sitio Web y atender concurrentemente a los visitantes de cada uno de los diferentes sitios. Los Sitios Web requieren de una dirección particular para que los usuarios puedan acceder a la información contenida en ellos. Estas direcciones, o URLs, aparecen cotidianamente en todos los medios de comunicación como son prensa escrita, radio, televisión, revistas, publicaciones técnicas y en el propio Internet a través de los motores de búsqueda. Estos sitios pueden ser de diversos géneros, destacándose los sitios de negocios, servicio, comercio electrónico en línea, imagen corporativa, entretenimiento y sitios informativos. Aplicación Web: Se entiende por aplicación Web (Rodríguez, 2004) a la aplicación o software que los usuarios usan desde un servidor Web a través de Internet o una Intranet. Estas requieren de algún lenguaje de programación, entre los que destacan AJP, ASP, PHP, Perl, Ruby y Phyton. Arquitectura de la información: La Arquitectura de la Información (Velazco, 2002) se encarga de la fundamentación, análisis, planificación y estudio de la disposición de los datos contenidos en los sistemas de información interactivos. Esta trata indistintamente del diseño de sitios Web, CDs interactivos, video clips digitales, la interfaz de un reloj, tablero de avión de combate, de una máquina dispensadora, de un juego, papelería inclusive, etcétera, con el fin de facilitar al máximo los procesos de compresión y asimilación de la información presentada a los usuarios. 4.

(21) Capítulo 1. La Web y su funcionamiento en Internet. MySQL: MySQL (Wikipedia, 2006) es un sistema de administración para bases de datos relacionales (RDBMS) que provee una solución robusta a los usuarios con poderosas herramientas multi-usuario, además de soluciones de base de datos SQL. Poco a poco los elementos faltantes en MySQL están siendo incorporados tanto por desarrolladores internos, o creadores de software libre. Entre las características disponibles en las últimas versiones se puede destacar: ¾ Amplio subconjunto del lenguaje SQL. Algunas extensiones son incluidas igualmente. ¾ Disponibilidad en gran cantidad de plataformas y sistemas. ¾ Diferentes opciones de almacenamiento según si se desea velocidad en las operaciones o el mayor número de operaciones disponibles. ¾ Transacciones y claves foráneas. ¾ Conectividad segura. Open Source: Open source (Rojo, 1999) podría traducirse como “código fuente abierto”, es un programa que ofrece al usuario la posibilidad de entrar en sus códigos para poder estudiarlo y modificarlo, estos códigos se ofrecen de forma gratuita por los desarrolladores de los mismos. Las condiciones de distribución de un programa open source deben cumplir una serie de criterios. La intención de la “Definición de open source” es establecer que esos criterios contengan la esencia de lo que los programadores quieren que signifique: que aseguren que los programas distribuidos con “licencia open source” estarán disponibles para su continua revisión y mejora para que alcancen niveles de fiabilidad que no pueda conseguir ningún programa comercial “cerrado”. Algunas ventajas de utilizar Open Source son: ¾ Es gratuito. Es de libre distribución, cualquier persona puede regalarlo y prestarlo pero no venderlo. ¾ Es más seguro. ¾ Combate efectivamente la piratería de software.. 5.

(22) Capítulo 1. La Web y su funcionamiento en Internet. ¾ Menores tiempos de desarrollo debido a la amplia disponibilidad de herramientas, librerías, y al libre acceso al código por millones de programadores. ¾ Se puede acceder a su código y aprender de él. ¾ Se puede modificar, adaptándolo para realizar tareas específicas. PHP: El PHP (acrónimo de “PHP: Hypertext Preprocessor”), es un lenguaje interpretado de alto nivel embebido en páginas HTML y ejecutado en un servidor. Con PHP se puede hacer cualquier operación que sea realizable con un script CGI, como son el procesamiento de información en formularios, foros de discusión, manipulación de cookies y páginas dinámicas. Un sitio con páginas dinámicas es el que permite interactuar con el visitante, de modo que cada usuario que visita la página vea la información modificada para requisitos articulares. Las aplicaciones dinámicas para la Web son frecuentes en los sitios comerciales, donde el contenido visualizado se genera de la información alcanzada en una base de datos u otra fuente externa. Una de sus características más potentes es su soporte para gran cantidad de bases de datos. 1.2-Las nuevas tecnologías de la información y la comunicación Se entiende por “nuevas tecnologías de la información y la comunicación” al conjunto de procesos y productos derivados de las nuevas herramientas de hardware y software, soportes de la información y canales de comunicación relacionados con el almacenamiento, procesamiento y transmisión digitalizados de la información (González, 1996). Las nuevas Tecnologías de la Información y las Comunicaciones (NTIC), actualmente son un tema amplio y de una importancia incalculable por lo que se puede hacer en el presente y en el futuro y especialmente dentro del proceso docente educativo. Hoy más que nunca se necesita que todos los docentes del sistema educacional en general estén involucrados en el aprendizaje y dominio de las NTIC, teniendo en cuenta los acelerados ritmos que se están sucediendo en el educando desde los niveles inferiores y pasando por el nivel medio superior, y hasta el nivel superior donde se reciben a los estudiantes para formarlos en una especialidad determinada.. 6.

(23) Capítulo 1. La Web y su funcionamiento en Internet. El paradigma de las nuevas tecnologías son las redes informáticas. Los ordenadores, aislados, nos ofrecen una gran cantidad de potencialidades, pero conectados incrementan su funcionalidad en varios órdenes de magnitud. Formando redes, los ordenadores no sólo sirven para procesar información almacenada en soportes físicos (disco duro, disquetes, CD ROM, etc.) en cualquier formato, sino también como herramienta para acceder a dicha información, a recursos y servicios prestados por ordenadores remotos, como sistema de publicación y difusión de la información y como medio de comunicación entre seres humanos. El ejemplo por excelencia de las redes informáticas es la Internet. Una red de redes que interconecta millones de personas, instituciones, empresas, centros educativos, de investigación de todo el mundo. Se ha logrado que la Internet sea una maqueta a escala de la infraestructura de comunicaciones que integra todos los sistemas separados de los que hoy disponemos (TV, radio, teléfono, entre otros), ampliando de esta manera sus posibilidades. 1.2.1-Ventajas que ofrecen las NTIC Las NTIC desde que surgieron han ido tomando una gran importancia en el desarrollo de la sociedad, ofreciéndonos innumerables ventajas como son: Fácil acceso a todo tipo de información: Se puede obtener información sobre cualquier tema y en cualquier formato (textual, icónico, sonoro), especialmente a través de la televisión e Internet; pero también mediante el acceso a las numerosas colecciones de discos en soporte CD-ROM y DVD. Instrumentos para todo tipo de procesamiento de datos: Los sistemas informáticos, integrados por ordenadores, periféricos y programas, nos permiten realizar cualquier tipo de procesamiento de datos de manera rápida y fiable: escritura y copia de textos, cálculos, creación de bases de datos, tratamiento de imágenes. Para ello se dispone de programas especializados: procesadores de textos, editores gráficos, hojas de cálculo, gestores de bases de datos, editores de presentaciones multimedia y de páginas Web. Canales de comunicación: Constituyen un medio inmediato, sincrónico y asincrónico, para difundir información y contactar con cualquier persona o institución del mundo mediante la. 7.

(24) Capítulo 1. La Web y su funcionamiento en Internet. edición y difusión de información en formato Web: el correo electrónico, los servicios de mensajería inmediata, los forum telemáticos, las videoconferencias, etc. Almacenamiento de grandes cantidades de información: En pequeños soportes de fácil transporte (discos, tarjetas, etc.). Un disquete puede almacenar 1.4 Mbytes de información, es decir, alrededor de un millón y medio de caracteres, un volumen equivalente a un libro de cientos de páginas o algunas fotografías de calidad comprimidas. Un CD-ROM puede almacenar unas 600 Mbytes, el equivalente a 400 disquetes, donde se puede alojar cualquier gran enciclopedia. Un DVD equivale a más de 20 CD-ROM, con capacidad para almacenar cualquier largometraje con buena calidad de imagen. Y con los discos duros, que alcanzan hasta más de 300 Gbytes, resulta inimaginable la cantidad de información que puede llegar a almacenar. Automatización de tareas: Es realizado mediante la programación de las actividades que se desean ejecutar en los ordenadores, que constituyen el cerebro y el corazón de todas las NTIC. Esta es una de las características esenciales de los ordenadores, que en definitiva son “máquinas que procesan automáticamente la información siguiendo las instrucciones de unos programas”. Interactividad: Los ordenadores permiten “dialogar” con sus usuarios a través de programas de gestión, videojuegos, materiales formativos multimedia y sistemas expertos específicos. Esta interacción es una consecuencia de que los ordenadores sean máquinas programables y sea posible definir su comportamiento, determinándose las respuestas que deben dar ante las distintas acciones que realicen ante ellos los usuarios. Homogeneización de los códigos: Se emplea para el registro de la información mediante la digitalización de todo tipo de información: textual, sonora, icónica y audiovisual. Con el uso de los equipos adecuados se puede captar cualquier información, procesarla y finalmente convertirla a cualquier formato para almacenarla o distribuirla. Así por ejemplo, existen programas de reconocimiento de caracteres que leen y convierten en voz los textos, programas de reconocimiento de voz que escriben al dictado, escáneres y cámaras digitales que digitalizan imágenes. Instrumento cognoscitivo: Potencia nuestras capacidades mentales y permite el desarrollo de nuevas maneras de pensar.. 8.

(25) Capítulo 1. La Web y su funcionamiento en Internet. 1.3-Breve historia de Internet Los orígenes de Internet se remontan a la década de los setenta del pasado siglo, cuando comenzaron los empeños del Departamento de Defensa estadounidense para crear una red de comunicaciones segura que se pudiese mantener aunque fallase algunos de sus nodos. Así nació ARPANET, una red informática que conectaba ordenadores localizados en sitios dispersos y que operaban sobre distintos sistemas operativos, de tal manera que cada ordenador se podía conectar a todos los demás. Los protocolos que permitían tal interconexión fueron desarrollados en 1973 por el informático Vinton Cerf y el ingeniero Robert Kahn, y son los conocidos Protocolo de Internet (IP) y Protocolo de Control de Transmisión (TCP). Fuera ya del ámbito estrictamente militar, esta Internet incipiente (llamada ARPANET) tuvo un gran desarrollo en Estados Unidos, conectando gran cantidad de universidades y centros de investigación. A la red se unieron nodos de Europa y del resto del mundo, formando lo que se conoce como la gran telaraña mundial. A finales de 1989, el informático británico Timothy Berners-Lee desarrolla la World Wide Web (WWW) para la Organización Europea dirigida a la Investigación Nuclear, más conocida como CERN. Su objetivo era crear una red que permitiese el intercambio de información entre los investigadores que participaban en proyectos vinculados a esta organización. Este se logró utilizando archivos que contenían la información en forma de textos, gráficos, sonido y videos, además de vínculos con otros archivos. Este sistema de hipertexto fue el que propició el extraordinario desarrollo de la Internet como medio a través del cual circula gran cantidad de información por la que se puede navegar utilizando los hipervínculos. Además de la utilización académica e institucional que tuvo en sus orígenes, hoy se emplea Internet con fines comerciales. Las distintas empresas no sólo la utilizan como fachada en el que se dan a conocer ellas mismas y sus productos sino que, a través de Internet, se realizan ya múltiples operaciones comerciales, como son la compra y venta de artículos, transacciones bancarias millonarias, entre otras.. 9.

(26) Capítulo 1. La Web y su funcionamiento en Internet. 1.3.1-World Wide Web La World Wide Web, la Web o WWW, es un sistema de navegador Web para extraer elementos de información llamados “documentos” o “páginas Web”. Puede referirse a “una Web” como una página, sitio o conjunto de sitios que proveen información por los medios descritos, o a “la Web”, que es la enorme e interconectada red disponible prácticamente en todos los sitios de Internet. Ésta es parte de Internet, siendo la World Wide Web uno de los muchos servicios ofertados en la red de redes. El gran éxito de la Web no se debe solamente al empleo del hipertexto. Es normal encontrar que los documentos WWW estén compuestos de texto y gráficos, y los enlaces con otros documentos pueden ser palabras clave subrayadas o resaltadas en el texto, pero también la totalidad de una imagen o incluso partes de ella (como un mapa "sensible", que permite acceder a información sobre una ciudad haciendo un "click" del ratón sobre un determinado detalle del plano). Las últimas versiones de los programas navegadores (y la mayor rapidez de las telecomunicaciones) permiten integrar en un mismo documento texto, gráficos, sonidos o, incluso animaciones de video. Estos documentos compuestos son los que reciben el nombre de hipermedia.(Álvarez, 2005). 1.3.2-La supercarretera de la información Hoy día, resulta indiscutible que la red de Internet es el medio de comunicación más exitoso de los últimos tiempos, con un crecimiento inigualable a otro servicio que haya creado el hombre. La facilidad con que una persona puede tener acceso a la información de su interés sin ningún tipo de restricción, es un factor determinante en el crecimiento de la misma. En los últimos años el crecimiento de esta llamada. “Supercarretera de la Información” ha sido arrollador. Las. razones para este gran auge se explican a continuación: ¾ Desarrollo de un ambiente elegante, fácil de navegar como lo es la “World Wide Web”, que posee amplias capacidades de todo tipo gráficas, mostrar logotipos de compañías, fotografías a todo color de personas o productos, así como características mejoradas de audio y video.. 10.

(27) Capítulo 1. La Web y su funcionamiento en Internet. ¾ Sorprendente bajo costo, siendo posible llegar a más usuarios por menos dinero que nunca antes, lo cual implica nuevos paradigmas para la publicidad, la comercialización y distribución de la información, permitiéndose que incluso el negocio más pequeño llegue a un público mundial. ¾ El mayor atractivo es el hecho de que se están creando industrias y servicios nuevos a una velocidad sin precedentes, motivado en esencia por el bajo costo de aparecer en la página Web, ello precisamente, posibilita ofrecer una mercancía genérica muy importante: la información. El principal impulsor del comercio electrónico ha sido Internet, el cual implica toda aquella transacción de información que no lleva presencia física, teniendo en este sentido un crecimiento exponencial. De esta forma, tiene implicaciones masivas para las empresas de desarrollo y distribución de software, en la industria turística, así como para la de la información y la educación que incluye todas las formas de publicidad. 1.4-Protocolos empleados en Internet La familia de protocolos de Internet es un conjunto de protocolos de red que permiten la transmisión de datos entre redes de computadoras. En ocasiones se la denomina conjunto de protocolos TCP/IP, en referencia a los dos más importantes que la componen: Protocolo de Control de Transmisión (TCP) y Protocolo de Internet (IP), que fueron los dos primeros en definirse, y los más utilizados de la familia. Existen tantos protocolos en este conjunto que llegan a ser más de cien diferentes, entre ellos se encuentra el popular HTTP, que es el que se utiliza para acceder a las páginas Web, además de otros como el ARP para la resolución de direcciones, el FTP para transferencia de archivos, el SMTP y el POP para correo electrónico, TELNET para acceder a equipos remotos, entre otros. 1.4.1-Protocolo de Transferencia de Hipertexto El protocolo de transferencia de hipertexto, HTTP, es el protocolo usado en cada transacción de la Web. El hipertexto es el contenido de las páginas Web, y el protocolo de transferencia es el sistema mediante el cual se envían las peticiones de acceso a una página y la respuesta con el. 11.

(28) Capítulo 1. La Web y su funcionamiento en Internet. contenido. También sirve para enviar información adicional en ambos sentidos, como formularios con campos de texto. HTTP es un protocolo sin estado, es decir, que no guarda ninguna información sobre conexiones anteriores. Al finalizar la transacción todos los datos se pierden. Por esto se popularizaron las cookies, que son pequeños ficheros guardados en el propio ordenador que puede leer un sitio Web al establecer conexión con él, y de esta forma reconocer a un visitante que estuvo en ese sitio anteriormente. Gracias a esta identificación, el sitio Web puede almacenar gran número de información sobre cada visitante, ofreciéndole así un mejor servicio. 1.4.2- Protocolo de Internet El Protocolo de Internet (IP) es un protocolo no orientado a conexión usado tanto por el origen como por el destino para la comunicación de datos a través de una red de paquetes conmutados. Los datos en una red que se basa en IP son enviados en bloques conocidos como paquetes o datagramas (en el protocolo IP estos términos se suelen usar indistintamente). En particular, no se necesita ninguna configuración antes de que un equipo intente enviar paquetes a otro con el que no se había comunicado antes. El Protocolo de Internet provee un servicio de datagramas no fiable (también llamado del mejor esfuerzo (best effort), lo hará lo mejor posible pero garantizando poco). IP no provee ningún mecanismo para determinar si un paquete alcanza o no su destino y únicamente proporciona seguridad (mediante checksums o sumas de comprobación) de sus cabeceras y no de los datos transmitidos. Estas cabeceras contienen las direcciones de las máquinas de origen y destino (direcciones IP), direcciones que serán usadas por los enrutadores (routers) para decidir el tramo de red por el que reenviarán los paquetes. 1.4.3-Protocolo de Control de Transmisión El Protocolo de Control de Transmisión (TCP) es uno de los fundamentales en Internet. Muchos programas dentro de una red de datos compuesta por ordenadores pueden usar TCP para crear conexiones entre ellos a través de las cuales enviarse un flujo de datos. Este protocolo garantiza que los datos serán entregados en su destino sin errores y en el mismo orden en que se transmitieron. También proporciona un mecanismo para distinguir distintas aplicaciones dentro. 12.

(29) Capítulo 1. La Web y su funcionamiento en Internet. de una misma máquina, a través del concepto de puerto, que en este caso es puerto lógico y no físico. 1.4.4- Protocolo de Transferencia de Ficheros El File Transfer Protocol (FTP por sus siglas en inglés) es un protocolo de transferencia de ficheros entre sistemas conectados a una red TCP basado en la arquitectura cliente-servidor, de manera que desde un equipo cliente se pueda conectar a un usuario a un servidor para descargar o enviar archivos, independientemente del sistema operativo utilizado en cada equipo. El Servicio FTP es ofrecido por la capa de Aplicación del modelo de capas de red TCP/IP al usuario, utilizando normalmente el puerto lógico de red 20 y el 21. 1.5-Funciones de un servidor de Base de Datos (BD) Los servidores de Base de Datos no solo prestan el servicio de almacenar la misma, sino que además deben brindar una serie de facilidades para su manejo por un grupo de usuarios (Quintero, 1999). Esto implica la implementación de una serie de mecanismos para garantizar la integridad de los datos almacenados, entre ellos: 1. Procedimientos almacenados, triggers y reglas: que permiten a los desarrolladores programar el servidor en sí. 2. Bloqueo: el cual garantiza que el acceso simultáneo no corromperá los datos. 3. Actualización en dos fases: permite que los datos no se pierdan cuando se dañe el hardware. 4. Seguridad: brinda la confidencialidad de los datos. 5. Optimización de consultas: la rapidez de ejecución de las mismas 6. Integridad referencial: asegura que cada llave foránea se corresponda con un valor en una llave primaria de otra tabla. 1.5.1-Necesidad del acceso a las Bases de Datos mediante el servicio Web La necesidad de desarrollar aplicaciones de Base de Datos que hagan uso del servicio Web de Internet es debido al interés de aumentar el nivel de acceso a estas aplicaciones (González, 1999).. 13.

(30) Capítulo 1. La Web y su funcionamiento en Internet. Normalmente, para poner en explotación un sistema de Base de Datos, se requiere un proceso de puesta a punto del servidor, para luego pasar a uno de instalación del módulo cliente del sistema, lo que necesita que dicho módulo esté instalado en cada una de las computadoras con las cuales se desea hacer uso del mismo. Además, la posibilidad de acceder a estas Bases de Datos desde lugares remotos o no previstos con anterioridad es una tarea bastante compleja para los sistemas estándares que operan con las mismas. Si se usa el servicio Web de Internet el nivel de acceso a estas Bases de Datos aumenta considerablemente. Primero porque no habría que instalar el módulo cliente para acceder al sistema, sino que ello se haría por un browser de Internet y estos cada vez se integran más a los sistemas operativos y por eso suelen formar un único paquete. Segundo, porque el acceso se podrá realizar desde cualquier lugar del mundo con solo tener una conexión a Internet. 1.6-El servicio Web: una plataforma para la implementación de aplicaciones El World Wide Web es el servicio de Internet más gráfico y amigable, lo cual ha provocado que haya sido también el de más rápido crecimiento para revolucionar la forma en que las personas publican y reciben información. Sin embargo en los últimos tiempos, el servicio WWW ha dejado de ser un medio dedicado exclusivamente a la publicación de información para convertirse en toda una plataforma dirigida a la implementación de aplicaciones, ya que sus documentos no solo están formados por HTML, sino que además contienen scripts hechos en varios lenguajes, mientras los autores tienen la posibilidad de introducir objetos, controlar sus entradas e influenciar la organización dentro de una página HTML. La gestión de la Base de Datos, al ser un componente central en cualquier ambiente de cómputo moderno, pasa también a jugar un papel importante dentro de las aplicaciones que se implementan para el servicio Web. Sin embargo, a la hora de plantearse la necesidad de realización de una aplicación la cual utilice base de datos en un servicio Web es necesario tener en cuenta nuevos elementos como parte de la arquitectura de esas aplicaciones y de los criterios de diseño de la misma, para lograr que el tiempo de respuesta, factor básico de una aplicación de Base de Datos, no se vea afectado por el uso de esta tecnología.. 14.

(31) Capítulo 1. La Web y su funcionamiento en Internet. 1.6.1-Arquitectura de una aplicación de Bases de Datos para el servicio Web Las aplicaciones de Base de Datos son conocidas como sistemas de dos niveles (two tier systems). En uno se encuentra el módulo servidor de dicha aplicación (back-end) que es el que se ocupa de mantener la integridad de los datos y en el otro se encuentra el módulo cliente (frontend) que brinda al usuario un amigable ambiente de trabajo con las herramientas necesarias para explotar las Base de Datos. En este tipo de aplicación, el cliente está relacionado directamente con el servidor y mediante esta relación el primero accede y modifica los datos servidos. Por su parte, las aplicaciones de Base de Datos orientadas al servicio Web de Internet son conocidas como sistemas de tres niveles (three tier systems). En ellas además del back-end y del front-end aparece un elemento intermediario conocido como Middleware, que no es más que el servidor Web. El mismo provee a los clientes de una eficiente vía para la invocación de programas servidores por medio de Internet. Este programa servidor accede a la fuente de datos de igual forma que se hace en un sistema de dos niveles: procesando opcionalmente los datos adquiridos y enviándolos al cliente. De ahí que tres módulos deben ser tenidos en cuenta a la hora de la implementación, ya que en cada uno se realizan funciones bien específicas y que mucho obran por el buen desenvolvimiento del resultado final. Estos son: el módulo servidor de Base de Datos, de Web, y el cliente. La forma en que se configuren los diferentes módulos depende de cómo se desee que los usuarios usen al servidor de Base de Datos, hacia qué audiencia está destinada esa aplicación y de qué forma ella se relaciona con otras aplicaciones. Algunas de estas posibles configuraciones son: ¾ Servidor Web y de Base de Datos separados en diferentes computadoras: usada para el caso que se desee optimizar cada computadora en su respectiva tarea o se desea compartir la Base de Datos entre varias aplicaciones, sean o no de tipo Web. ¾ Servidor de Base de Datos y servidor Web operando en la misma computadora: útil cuando la Base de Datos no se compartirá con otras aplicaciones y el peso del proceso no descansa fundamentalmente en el manejo de la misma (no aplicaciones de gestión), sino que ésta es un componente más de la aplicación general.. 15.

(32) Capítulo 1. La Web y su funcionamiento en Internet. 1.6.2-Módulo servidor de Base de Datos Este es el primer módulo a desarrollar durante la implementación de una de estas aplicaciones. Se ubica en el servidor de Base de Datos y el mismo contiene tablas, vistas, procedimientos almacenados y demás objetos que puedan formar parte de una Base de Datos. Desde el punto de vista estructural en este módulo no existen diferencias significativas entre las aplicaciones que están orientadas a la Web y las que no lo están, debido a que muchas veces encontramos que dicho módulo se comparte entre ambos tipos de aplicaciones. No obstante, algunos elementos sí han de tenerse en cuenta, por ejemplo, se destaca el hecho de que ésta sea una Base de Datos realmente activa y no una pasiva como prima en algunas aplicaciones de hoy. 1.6.3-Módulo servidor Web La funcionalidad del mismo se basa en almacenar los documentos que serán mostrados a los clientes, manejar información concerniente a la aplicación y a cada uno de los usuarios que se conectan, y por último garantizar el enlace cliente Web-servidor de Base de Datos. Existen varios métodos para lograr la comunicación cliente Web-servidor de Base de Datos. Uno de ellos es mediante un programa ejecutable que reside en el servidor Web, que puede ser invocado desde el cliente y una vez ejecutado es posible acceder a una Base de Datos, obtener la información deseada, confeccionar un documento con los datos obtenidos y enviarlo al cliente para que sea mostrado. El accionar de este módulo está determinado por la tecnología que se utilice. No obstante, e independientemente de esta, los principales criterios a tener en cuenta para lograr un óptimo desenvolvimiento de las aplicaciones será los de lograr un manejo eficiente de la memoria, tiempo de respuesta rápido, y poco tráfico en la red. 1.6.4-Módulo cliente Web El último módulo a tener en cuenta durante el desarrollo de una aplicación de Base de Datos para la Web es el del cliente.. 16.

(33) Capítulo 1. La Web y su funcionamiento en Internet. El primer elemento a analizar es qué tipo de sitio creamos. Este puede ser uno público de Internet o un sitio privado de una Intranet. De acuerdo con ello, el acceso a las Base de Datos se hará enteramente desde el servidor Web o de forma compartida entre servidor Web-cliente Web. La forma en que se configuren los diferentes módulos depende de como se desee que los usuarios usen al servidor de Base de Datos, hacia qué audiencia está destinada esa aplicación Web y de qué forma ella se relaciona con otras aplicaciones. Algunas de las configuraciones posibles son las siguientes: ¾ Servidor de Base de Datos y servidor Web corriendo en la misma computadora: útil cuando la Base de Datos no se compartirá con otras aplicaciones y el peso del proceso no descansa fundamentalmente en el manejo de la Base de Datos (no aplicaciones de gestión), sino que esta es un componente más de la aplicación general. ¾ Servidor Web y de Base de Datos en diferentes computadoras: usada para el caso en que se quiera optimizar cada computadora en su respectiva tarea o cuando se desea compartir la Base de Datos entre varias aplicaciones, sean o no de tipo Web. Es la aplicación más recomendada para las Aplicaciones de Gestión. 1.7-Herramientas de edición gráfica Para todo tipo de aplicaciones, siempre que se trate el tema de interfaz Web, llevará consigo el empleo de alguna herramienta que permita la modificación del entorno gráfico con el que se trabaja. Al hacer uso de cualquiera de ellas, se tendrá una alta probabilidad de lograr el perfeccionamiento visual en las imágenes tratadas, razón por la cual se hace prácticamente obligatorio su empleo. Aunque existen muchas otras y muy útiles, a continuación se explica, de forma general, el papel que desempeñan durante el proceso de diseño solamente tres de las más utilizadas. 1.7.1-Editor de imágenes profesional Adobe Photoshop Adobe Photoshop es una aplicación informática de edición y retoque de imágenes bitmap, jpeg, gif, etc., elaborada por la compañía de software Adobe inicialmente para computadores Apple pero posteriormente también para computadoras con sistema operativo Windows. A medida que ha ido evolucionando el software ha incluido diversas mejoras fundamentales, como la 17.

(34) Capítulo 1. La Web y su funcionamiento en Internet. incorporación de un espacio de trabajo multicapa, inclusión de elementos vectoriales, gestión avanzada de color, tratamiento extensivo de tipografías, control y retoque de color, efectos creativos, posibilidad de incorporar plugins de terceras compañías, exportación para Web entre otros. Photoshop se ha convertido, casi desde sus comienzos, en el estándar mundial en retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño Web, composición de imágenes, estilismo digital, entre otras; básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales. 1.7.2-Microsoft Windows Microsoft Windows (conocido simplemente como Windows) es un sistema operativo gráfico para computadoras personales cuyo propietario es la empresa Microsoft. Las distintas versiones de Windows, las cuales ofrecen un entorno gráfico amigable y sencillo, principalmente desde la versión Windows 95, ha convertido en Windows en el sistema operativo más utilizado en el mundo. Debido a ello la mayoría de las empresas fabricantes de hardware y software en el mundo tienden a desarrollar sus aplicaciones basadas en dicho sistema. Windows ha incorporado a través de sus diferentes versiones múltiples herramientas que se han convertido en estándares en la mayoría de los usuarios en el mundo. Así, esta incorpora, herramientas como Internet Explorer y el Reproductor de Windows Media, los cuales se han convertido en el navegador de Internet y reproductor multimedia, respectivamente, más populares en el mundo. 1.7.3-Editor profesional de multimedia Adobe Flash Adobe Flash (hasta 2005 Macromedia Flash) o Flash se refiere tanto al programa de edición multimedia como a Macromedia Flash Player, escrito y distribuido por Adobe, que utiliza gráficos vectoriales e imágenes ráster, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto, Flash es el entorno y Flash Player es el programa de máquina virtual utilizado para ejecutar los archivos generados con Flash.. 18.

(35) Capítulo 1. La Web y su funcionamiento en Internet. Los archivos de Flash, que tienen generalmente la extensión de archivo SWF, pueden aparecer en una página Web para ser vista en un navegador, o pueden ser reproducidos independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a menudo como animaciones en páginas Web y sitios Web multimedia. Son también ampliamente utilizados en anuncios de la Web. En versiones recientes, Macromedia ha ampliado Flash más allá de las animaciones simples, convirtiéndolo en una herramienta de desarrollo completa, para crear principalmente elementos multimedia e interactivos para Internet.. 19.

(36) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas 2.1- Introducción El diseño Web es una actividad que consiste en la planificación, diseño e implementación de sitios y páginas Web. No es simplemente una aplicación del diseño convencional sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo. La unión de un buen diseño con una jerarquía bien elaborada de contenidos aumenta la eficiencia de la Web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio Internet. El diseño Web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la Web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra. 2.2- Manejador de contenidos Joomla Joomla es un sistema gestor de contenidos dinámicos (CMS) que permite crear sitios Web con una alta interactividad con el usuario, profesionalidad y eficiencia. La administración de Joomla está enteramente basada en la gestión online de contenidos. Dícese “gestión online” porque todas las acciones que va a realizar un administrador de sitios Joomla, ya sea para modificar, agregar, o eliminar contenidos en su sitio, se realiza exclusivamente con el uso de un navegador Web (browser) conectado a Internet, es decir, a través del protocolo HTTP. Simplemente esto es lo necesario para el usuario de Joomla, para publicar información en la Red Global y mantenerla siempre actualizada y fresca. Esto convierte a Joomla en una poderosa herramienta de difusión de Información, de “marketing online”, y también de negocios por Internet. Es tan sencilla y amigable la interfaz administrativa de Joomla, que cualquier persona puede gestionar sus propios contenidos Web sin necesidad de poseer conocimientos técnicos, sin saber. 20.

(37) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. programar en lenguaje PHP, y sin tener que recurrir a un Webmaster profesional que le ayude, cada vez que se necesite actualizar contenidos en un sitio Web. Todos los aspectos técnicos del sistema están ocultos al usuario común, y han sido resueltos por los programadores de Joomla, haciendo las cosas lo más sencillo posible para que los administradores y editores de contenidos no tengan que ser unos expertos especializados en el sistema al no haber necesidad de programar en código, aunque si se conoce el mismo las posibilidades de un mejor desempeño se incrementan. 2.2.1-Funcionamiento de Joomla Joomla está programado en lenguaje PHP. y SQL. Utiliza bases de datos relacionales,. concretamente usa MySQL. Tanto PHP como MySQL son programas Open source de libre distribución y uso, y al ser Joomla una aplicación Web, funciona obviamente en servidores de páginas Web (HTTP Server). Basados en esta misma filosofía Open source podemos afirmar también que Joomla correrá mejor en Data centers cuyas plataformas sean Linux/Unix y cuyos servidores HTTP sean Apache. Esto no significa que Joomla no funciona en plataformas Windows con servidores IIS, pero sí que lo hace con toda su potencia y funcionalidades en plataformas Unix/Apache. Hoy día, cualquier servicio de alojamiento tiene soporte para todos los requisitos que se acaban de enumerar. El funcionamiento de Joomla se lleva a cabo gracias a sus dos principales elementos, que son: 1. La base de datos MySQL: allí es donde se guarda toda la información y la mayor parte de la configuración del sistema, de una forma ordenada y en distintas tablas, donde cada una de ellas almacena información específica y determinada. 2. Los scripts PHP: son los que ejecutan las acciones de consulta y realizan modificaciones en la base de datos convirtiendo los datos en simples páginas Web interpretables por los navegadores de Internet, y perfectamente inteligibles para los usuarios navegantes y administradores. Existen también otro tipo de archivos que realizan importantes tareas dentro de Joomla (archivos XML, scripts Javascript JS, CSS, etc.) pero el motor fundamental de todo Sistema Manejador de Contenido (y de Joomla en particular) son los dos primeramente enunciados.. 21.

(38) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. 2.3-Diseño del sitio Web de la Facultad de Ciencias Económicas El diseño gráfico de una página Web es tan solo una parte del diseño de la misma, ya que, además, hay que considerar un conjunto más o menos extenso de condicionantes que van a limitar la libre creatividad del diseñador. Los elementos gráficos, ya tengan formato de mapa de bits (bitmap) o vectorial (jpg, entre otros), suelen traducirse en ficheros de bastante peso, dependiendo del tamaño de la imagen y del formato en que se guarde. Esto origina que las páginas que contienen en su diseño muchas imágenes, o pocas pero de gran tamaño, tarden mucho tiempo en ser descargadas desde el servidor Web y presentadas en la pantalla del ordenador del usuario, por lo cual, el número de elementos gráficos que podemos introducir en una página Web queda bastante limitado, teniendo que buscar alternativas mediante el uso imaginativo de fuentes y colores. En segundo lugar, los navegadores existentes en el mercado tienen una forma particular de presentar el contenido de las páginas. Para intentar solventar estas diferencias, el diseñador Web debe trabajar a la vez con varios navegadores, diseñando sus páginas de tal forma que la interpretación de ellas sea similar en todos, lo que impone nuevas limitaciones al diseño. Por otra parte, una página Web no es un diseño gráfico estático, sino que contiene diferentes elementos que tienen la capacidad de interaccionar con el usuario, como menús de navegación, enlaces, formularios, etc. Además, una página aislada no existe, sino que forma parte de un conjunto de páginas inter-relacionadas entre sí (el sitio Web), que deben presentarse al usuario con el mismo “estilo”, aunque su funcionalidad sea muy diferente. Por último, una página Web suele ocultar, en la mayoría de los casos, una serie de procesos complejos que se ejecutan sin que el usuario sea consciente de ellos (ejecución de códigos de lenguajes de programación tanto en cliente como en servidor, acceso a bases de datos en servidores remotos, etc.), procesos que añaden tiempo a la presentación de las páginas y que muchas veces suelen afectar de forma importante al diseño de estas.. 22.

(39) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. 2.3.1-Selección de la plantilla a utilizar Estudiar las reglas básicas de diseño gráfico efectivo y equilibrado como son proporciones, escalas, contrastes, agrupaciones, reticulados, alineaciones, simetrías, equilibrio entre contenidos y jerarquía visual, proporcionará, en su medida, el éxito que espera cualquier diseñador a la hora de conformar su sitio Web, por lo cual se debe hacer una selección lo más equilibrada posible teniendo en cuenta el mayor número de factores mencionados con anterioridad. La plantilla será el accesorio de Joomla que definirá el sitio Web, pues su misión no es otra que la de dotar de un aspecto inconfundible al portal (White, 2006). Esta podrá, mediante unos simples ajustes, hacer que cada página que compondrá la Web tenga una apariencia distinta, es decir, cada página o algunas de ellas dispongan de una plantilla o Template propio para ella. Los pasos que se deben dar para instalarla en una Web se reducen a cargarlo en el sistema y luego determinar la página o páginas donde deberá cumplir su función. Luego de analizar los distintos aspectos para un diseño óptimo se tomó como plantilla de referencia para el diseño la que se muestra en la figura 2.1:. Figura 2.1 Plantilla base para la elaboración de la Página de Inicio. La misma ofrece gran facilidad de modificación en vista a la aplicación en la cual sea empleada por los diseñadores, convirtiéndose, de esta manera, en una excelente opción de referencia a la hora de comenzar cualquier diseño de sitios Web.. 23.

(40) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. 2.3.1.1-Proceso de gestión de Joomla Con Joomla solo se necesita crear el contenido que se desee publicar en el sitio, ya que el sistema gestionará el resto como por ejemplo: ¾ Organización de la Web, lo que se realizará desde el panel de administrador a través de la creación de secciones y categorías necesarias. ¾ Publicar contenidos, mediante un editor que permitirá dar el aspecto que se desee al texto. ¾ Dotar de nuevas funcionalidades, pues se dispone de software libre para usar. ¾ Aspecto del sitio, que se puede cambiar en unos minutos con las muchas plantillas (Templates) que se tienen a disposición. ¾ Navegación muy cómoda para el usuario, pues fácilmente se podrá crear o modificar los menús. ¾ Módulos y Componentes, para implementar en la Web de forma muy sencilla, y además para colocar en el lugar que se prefiera. ¾ Otras muchas utilidades, como encuestas, calendario, estadísticas completas de las visitas y todo cuanto ocurran, ya que existe una gran cantidad de utilidades libres para usar.. Todas las funciones mencionadas anteriormente se llevan a cabo desde el panel de administración del Joomla, el cual se muestra una vez que se accede a trabajar con el mencionado lenguaje ver figura 2.2.. 24.

(41) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. Figura 2.2 Panel de Administración del Joomla.. 2.3.1.2-Instalación de la plantilla Lo primero que se debe hacer es descargar el archivo y guardarlo en la carpeta que se crea conveniente, y no es necesario que se descomprima aunque se encuentre en formato “.zip” puesto que Joomla lo hará como se muestra. Entrar al Panel como Administrador y buscar donde se ha circulado en la figura 2.3:. 25.

(42) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. Figura 2.3 Menú que permite la instalación de una plantilla. Lo que conllevará a otra ventana que aparecerá como muestra la figura 2.4:. Figura 2.4 Subida e instalación de la plantilla. Luego dar “click” sobre el botón “Examinar” y en la ventana que aparece se busca el archivo en formato “.zip” mencionado con anterioridad, el cual se encuentra guardado en la carpeta creada recientemente. Una vez realizado esto se oprime el botón “Abrir” para que se coloque en el espacio a la derecha de “Paquete de archivo:”, y solo resta dar “click” en “Subir archivo e instalarlo”, con lo cual saldrá el mensaje que se adjunta en la figura 2.5:. Figura 2.5 Mensaje mostrado luego de una instalación correcta.. 26.

(43) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. Lo que indica que la carga de la plantilla ha sido correcta, por tanto, ya se tiene en el Joomla y ahora solo queda ponerla en la Web como predeterminado para que los visitantes lo vean. Para ello se procede como muestran las figuras 2.6 y 2.7.. Figura 2.6 Menú de montaje de la plantilla del sitio. Figura 2.7 Procedimiento de montaje de la plantilla en el sitio. Donde se muestran todas las plantillas instaladas. Si ahora es arrastrado el puntero sobre los nombres de las mismas, se observarán pequeñas imágenes, las cuales corresponden a dichas plantillas. Para que sea la plantilla por defecto se debe activar (dar “click” en la izquierda del nombre) y dirigirse hacia donde muestra la figura 2.8.. 27.

(44) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. Figura 2.8 Botón “Defecto”, empleado para publicar la plantilla. Acto seguido deberá aparecer la marca que se muestra en la figura 2.7, en la columna de “Predeterminado”, confirmando así la instalación. Luego, para pre-visualizar lo que será el entorno de la página de inicio solo hay que ejecutar el comando mostrado en la figura 2.9:. Figura 2.9 Pasos a seguir para la pre-visualización de la plantilla. Y se mostrará el trabajo inicial (Instalación de la plantilla) exitosamente finalizado. Esta es la forma de instalar cualquier plantilla en la Web. 2.3.2-Creación de una Sección La primera operación que se debe realizar siempre al empezar a dar forma a la Web, es la de crear una “sección” que será la que contenga luego una o varias categorías y finalmente los artículos que irán dentro de dichas categorías. Por ejemplo se desea tener un apartado para “música”, lo lógico sería crear una sección llamada “Música”, para luego ya dentro de ella crear unas categorías que podrían ser “Música actual”, otra “Música clásica”, otra por ejemplo “Años 60”, etcétera. Finalmente se remite a “Música actual” y dentro de ella se podría almacenar uno o varios artículos, y así sucesivamente. El comienzo siempre será el mismo, entrar en Administración mediante el nombre de usuario y. 28.

(45) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. contraseña, una vez dentro ya se conoce la apariencia del Panel, en el que es conveniente que se examinen todos los apartados para estar familiarizado con él, además de conocer a la perfección desde donde se puede efectuar cada tarea que se necesite. Para ello se prosigue como se muestra en la figura 2.10.. Figura 2.10 Menú para la creación de una “Sección”. Lo cual conduce a la ventana ilustrada en la figura 2.11.. Figura 2.11 Administrador de todas las “Secciones” creadas en el sitio.. 29.

(46) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. Y realizando la operación indicada en el esquema anterior, se procede a crear la nueva sección, la cual llevará por nombre “Economía”, por medio del entorno que se muestra a continuación.. Figura 2.12 Otorgamiento de los parámetros de la “Sección”.. Evidentemente aquí será donde se le indican todos los datos de dicha sección, es decir en “Título” se le pone el nombre tal como aparecerá, en “Sección Nombre” una descripción, en el apartado “Nivel de acceso” si se prefiere. público o solo para usuarios registrados, en “Publicar”,. lógicamente si se quiere que aparezca en la página (aunque puede hacerse más adelante si se desea), y finalmente, teclear la información que aparecerá cuando se cree el enlace. Una vez realizado esto, solo queda ir al icono “Guardar” para completar la edición del artículo a publicar dentro de la sección. De lo anteriormente expuesto se obtendrá:. 30.

(47) Capítulo 2. Diseño del sitio Web de la Facultad de Ciencias Económicas. Figura 2.13 Señalamiento de la nueva “Sección”. Ahora, para que dicha sección aparezca en el menú principal por ejemplo, con un “click” sobre la misma en el panel de “Administrador de Secciones” que se muestra, se ilustrará:. Figura 2.14 Parámetros para la publicación de la “Sección”. Esta es solo la parte derecha de la ventana, en la que se observa simplemente las acciones a ejecutar, como son: seleccionar en que menú se va a colocar (en este caso “mainmenu”), el tipo de menú (Lista de sección), el nombre con el que aparecerá en el menú (Economía) y finalmente crear el enlace con el botón respectivo. 31.