Unidad 1 Aplicaciones web de escritorio CFGM. Aplicaciones web Unidad 1 Aplicaciones web de escritorio

CONTENIDOS 1. La web y sus aplicaciones 2. El navegador web 3. Herramientas de comunicación 4. Integración de aplicaciones web en el escritorio 5. EyeOS: integración del escritorio en la web 6. Servidores web y Proyecto Bitnami.org 7. Blogs

1. La web y sus aplicaciones 1.1. Internet, la World Wide Web y sus aplicaciones Desde que en 1989 Tim Berners-Lee y Robert Cailiau inventaron el hipertexto, la web ha seguido esta evolución: Fue concebida como una colección de documentos estáticos enlazados entre sí. Para generarlos se creó el lenguaje HTML y para visualizarlos se desarrolló un programa específico: el navegador. Con su popularización, de manera progresiva se desarrollaron métodos de creación de contenidos dinámicos: Primero, mediante los CGI y añadiendo programas Javascript a las páginas HTML. Posteriormente, Java, PHP y ASP dieron paso a las aplicaciones web.

1. La web y sus aplicaciones 1.1. Internet, la World Wide Web y sus aplicaciones El desarrollo de Internet ha dado lugar a la computación en la nube (cloud computing). Internet (la nube) ofrece también el software como un servicio más y nos permite disponer de datos y aplicaciones en la red, de modo que sean accesibles desde cualquier lugar a través de un navegador. Google Apps ofrece un claro ejemplo de computación en nube.

1. La web y sus aplicaciones 1.2. Esquema de funcionamiento de un servidor web Esquema básico del servicio web

1. La web y sus aplicaciones 1.2. Esquema de funcionamiento de un servidor web Con páginas estáticas

1. La web y sus aplicaciones 1.2. Esquema de funcionamiento de un servidor web Con páginas dinámicas

2. El navegador web 2.1. Navegadores web Es la puerta de acceso a los servicios que ofrece la web. En la arquitectura cliente-servidor, el cliente o navegador web realiza las peticiones al servidor y presenta al usuario las páginas web que dicho servidor le suministra. El navegador interpreta el código en que están escritas y lo transforma en HTML para presentarlo al usuario y que éste pueda interactuar con el contenido y navegar. Los navegadores actuales también interpretan: Las hojas de estilo en cascada (CSS) que indican cómo deben presentarse los datos El código javascript que añade dinamismo a las páginas Otras extensiones, como Flash o Java, que aumentan las posibilidades de presentación. Los más utilizados actualmente son: Opera Firefox Internet Explorer Chrome 7 Safari

ASPECTOS DE FUNCIONAMIENTO Firefox Chrome Safari Opera Versión analizada Sistema Operativo Tipo de licencia ¿Permite navegar por pestañas? ¿Dispone de anti-pop-up? Motor randerizado Permite hacer zoom de página ¿Dispone de una barra de herramientas para algún motor de búsqueda? Usuarios Uso de CPU

2. El navegador web 2.1. Firefox Es el segundo navegador web más utilizado en la actualidad. Es una aplicación multiplataforma y se distribuye bajo licencia MPL. Mozilla Public License (es una licencia de código abierto y software libre) Pueden instalarse multitud de complementos que añaden nuevas funcionalidades y personalizan su apariencia. Está escrito en C++. Soporta los estándares abiertos de Internet como HTML 4.01, XHTML 1.1, CSS 1 y 2, DOM, XML 1.0, SVG 1.1 y Javascript. Es el navegador web por defecto en Ubuntu. 9

2. El navegador web 2.2. Estándares web 2.3. Acid Tests Son un conjunto de recomendaciones sobre la creación e interpretación de documentos web. El organismo más influyente en esta materia es el W3C (World Wide Web Consortium) que ha publicado más de ciento diez estándares abiertos para lenguajes y protocolos, entre los que destacan las principales tecnologías sobre las que se basa la web, como URL, HTTP y HTML, además de XML, XHTML, CSS, etc. Muchos navegadores no siguen los estándares y, a la hora de crear una página, conviene tener en cuenta estas peculiaridades. 2.2. Estándares web 2.3. Acid Tests http://www.acidtests.org Fueron creados con la finalidad de evaluar hasta qué punto cumplen los navegadores con los estándares de la W3C. Existen dos tipos: • Acid2. Lanzado en 2005, evalúa el cumplimiento de las especificaciones sobre HTML, CSS y PNG. El primero que lo superó fue Safari 2.02. • Acid3. Creado en 2008, incluye diferentes pruebas que evalúan las tecnologías ECMAScript y DOM, utilizadas en la Web 2.0, aparte de HTML 4, XHTML 1 y CSS 2.1 y 3. En mayo de 2009 sólo Webkit y Opera pasaron la prueba con un 100/100. 10

3. Herramientas de comunicación 3.1. Cuentas de correo en Gmail Para acceder a los servicios de comunicación que presenta Google, debemos crearnos una cuenta de usuario (Google Account). Una vez registrados, podremos utilizar nuestra cuenta. La pantalla principal muestra el siguiente aspecto y en ella se distinguen varios apartados: 11

3. Herramientas de comunicación 3.1. Cuentas de correo en Gmail Cómo escribir un mensaje de correo electrónico Seleccionamos la opción Redactar del menú principal. En la ventana del mensaje nuevo, indicaremos: - El destinatario o destinatarios (campos Para, CC y CCO). - El tema del mensaje (Asunto). - El texto o cuerpo del mensaje. 12

3. Herramientas de comunicación 3.2. Calendario web: Google Calendar Servicio de agenda y calendario que permite compartir y sincronizar eventos con nuestros contactos de Gmail. • Permite importar archivos de Outlook, Yahoo! Calendar, e iCalendar. • Permite usar múltiples calendarios. • Podemos compartir calendarios con diferentes contactos y niveles de permisos, incluidos nuestros grupos. • Permite importar calendarios públicos, de interés general. 13

4. Integración de aplicaciones web en el escritorio Cuando hablamos de integración de aplicaciones en el escritorio, nos referimos a la posibilidad de utilizar nuestras aplicaciones web, como el correo o el calendario, sin que debamos recurrir al navegador, como si se tratasen de una aplicación más de nuestro ordenador. La suite de aplicaciones de Google nos ofrece la posibilidad de integrar aplicaciones web como Google Calendar, Gmail o Google Docs en nuestro escritorio mediante Gears o Prism, según utilicemos Google Chrome o Firefox, respectivamente. 4.1. Gears y Google Chrome Gracias a Gears, Google Chrome puede acceder a una aplicación web como si fuese nativa, con sus ventanas, procesos e iconos en el escritorio. 14

4. Integración de aplicaciones web en el escritorio 4.2. Prism y Firefox http://prism.mozilla.com Prism es una aplicación de software libre que convierte aplicaciones web en aplicaciones de escritorio. Al ser multiplataforma, funciona en sistemas Windows, Mac y GNU/Linux. Prism puede funcionar de dos modos: como extensión de Firefox o bien como aplicación independiente (standalone). 15

4. Integración de aplicaciones web en el escritorio 4.3. Google Gadgets http://desktop.google.com Son pequeñas aplicaciones de escritorio con las que abrir el correo, consultar el calendario, escribir en un bloc de notas o leer las previsiones meteorológicas, entre otras. Basta con tener la aplicación Google Desktop que incluye además una herramienta que permite búsquedas en nuestro equipo con la tecnología de Google. 16

5. EyeOs: integración del escritorio en la web El proyecto de software libre EyeOS, un sistema operativo multiplataforma de computación cloud, permite acceder en línea al escritorio y sus aplicaciones desde cualquier lugar del mundo mediante un navegador con soporte. EyeOS es un proyecto de código abierto, con licencia AGPLv3. Su base se ha desarrollado en PHP y se estructura en tres capas: el núcleo, las librerías y servicios, y las aplicaciones. Aplicaciones El paquete original se compone por defecto del sistema operativo y una suite ofimática con procesador de texto, calendario, gestor de archivos, navegador y calculadora. Versión on-line Si no disponemos de un servidor web propio, podemos acceder a EyeOS.info, el servidor público y gratuito de EyeOS donde se nos permitirá crear una cuenta y acceder a un escritorio virtual propio. Seguridad en EyeOS EyeOS dispone de protección por cortafuegos, copias de respaldo del sistema cada 24 horas así como un formateo mensual en el caso de que se detecte algún código malicioso. 17

6. Servidores web y Proyecto Bitnami.org 6.1. Servicios web y el stack base de Bitnami Existen, por ejemplo, webs sociales, sistemas de gestión de contenidos, wikis o blogs en los que se puede interactuar con los usuarios, mediante el uso de bases de datos u otras herramientas. Así pues, necesitamos servidores web que interactúen con todos estos sistemas. Para facilitar la labor de instalación, el proyecto de software libre Bitnami.org nos ofrece un conjunto de paquetes preinstalados, a los que se denomina stacks, preparados para instalar gran parte de las herramientas de publicación web existentes sobre el módulo base LAMP (LINNUX, APACHE, MySQL, PHP) para GNU/Linux y WAMP (WINDOWS, APACHE, MySQL, PHP) para Windows de una forma muy sencilla. 18

6. Servidores web y Proyecto Bitnami.org 6.1. Servicios EyeOs sobre el stack LAMP de Bitnami 6.1. Servicios EyeOs sobre el stack LAMP de Bitnami 6.1. Servicios EyeOs sobre el stack LAMP de Bitnami Para disponer de toda la funcionalidad de EyeOS necesitamos un servidor EyeOS propio. Los requerimientos para este tipo de servidor son: • Un servidor web con PHP 5 o superior. Y para los clientes, necesitaremos un navegador con soporte de estándares y CSS. Como mínimo debe ser: • Safari 3 o superior. • IE6 o superior. • Safari 3 o superior. • Firefox 2 o superior. • Opera 9.5. • IE6 o superior. 19

7. Blogs Los blogs o weblogs son uno de los soportes más difundidos. Desde un punto de vista técnico, podría decirse que un blog es una versión simplificada o especializada de un sistema de gestión de contenidos (CMS). 7.1. Blogger Fue una de las primeras herramientas para la publicación de blogs. Dispone de su propio servidor para el alojamiento o hosting de blogs: Blogspot. Se trata de una herramienta muy versátil que nos permite incluir fotografías gracias a Hello, así como ordenar las entradas por categorías, llamadas etiquetas, entre otras. 20

7. Blogs 7.2. WordPress Es otro de los sistemas de gestión de contenidos más populares para la creación de blogs. Se encuentra bajo licencia GPL y está desarrollado en PHP y MySQL. Entre sus principales características, destacan usabilidad y su adecuación a los estándares web. En principio, está configurado para disponer de un solo blog por instalación, aunque podemos realizar varias instalaciones sobre una única base de datos. 21