CFGM.

Aplicaciones web

Unidad 1
Aplicaciones web de escritorio
 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
2
 1 Aplicaciones web de escritorio

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:

1. 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.

2. Con su popularización, de manera progresiva

se desarrollaron métodos de creación de
contenidos dinámicos:
o Primero, mediante los CGI y añadiendo
programas Javascript a las páginas HTML.

o Posteriormente, Java, PHP y ASP dieron

paso a las aplicaciones web.
3
 1 Aplicaciones web de escritorio

1. La web y sus aplicaciones

1.1. Internet, la World Wide Web y sus aplicaciones
3. 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.

4
 1 Aplicaciones web de escritorio

1. La web y sus aplicaciones

1.2. Esquema de funcionamiento de un servidor web

Esquema básico del servicio web

5
 1 Aplicaciones web de escritorio

1. La web y sus aplicaciones

1.2. Esquema de funcionamiento de un servidor web
Con páginas estáticas

6
 1 Aplicaciones web de escritorio

1. La web y sus aplicaciones

1.2. Esquema de funcionamiento de un servidor web
Con páginas dinámicas

7
 1 Aplicaciones web de escritorio
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

8 Safari
 1 Aplicaciones web de escritorio
2. El navegador web

2.2. Estándares web

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.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.
9
 1 Aplicaciones web de escritorio
2. El navegador web

2.4. Firefox
• Es el segundo navegador web más utilizado en la actualidad.
• Es una aplicación multiplataforma y se distribuye bajo licencia MPL.

• Pueden instalarse multitud

de complementos que añaden
nuevas funcionalidades y
personalizan su apariencia.
• Se basa en el motor de
renderizado Gecko, de cuyo
desarrollo se encarga
la Fundación Mozilla.
• 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.
10
 1 Aplicaciones web de escritorio
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
 1 Aplicaciones web de escritorio
3. Herramientas de comunicación

3.1. Cuentas de correo en Gmail

Cómo escribir un mensaje de correo electrónico

1. Seleccionamos la opción Redactar

del menú principal.

2. 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
 1 Aplicaciones web de escritorio
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
 1 Aplicaciones web de escritorio
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
 1 Aplicaciones web de escritorio
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 Prism puede funcionar de dos modos: como
aplicaciones web en aplicaciones de escritorio. Al ser extensión de Firefox o bien como aplicación
multiplataforma, funciona en sistemas Windows, Mac y independiente (standalone).
GNU/Linux.

15
 1 Aplicaciones web de escritorio
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
 1 Aplicaciones web de escritorio
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
 1 Aplicaciones web de escritorio
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 para GNU/Linux y WAMP para Windows de una forma muy sencilla.

18
 1 Aplicaciones web de escritorio
6. Servidores web y Proyecto Bitnami.org
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
• IE6 o
3 superior.
o superior.

• Safari 3 o superior.
• Firefox 2 o superior.

• Opera 9.5.
• IE6 o superior.

19
 1 Aplicaciones web de escritorio
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
 1 Aplicaciones web de escritorio
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
 1 Aplicaciones web de escritorio

Créditos:
Autores del libro del alumno

Raül V. Lerma-Blasco, José Alfredo Murcia Andrés,

Raúl Juncos Castillo y Elvira Mifsud Talón

Edición

Estudio177.com

Laura García Olaya

Fotografías

Flickr.com: phil_g, ceslava

22