Presentacion de aplicaciones web +sistemas oprativos+

1. Aplicación web
Se denomina aplicación web a aquellas
aplicaciones que los usuarios pueden
utilizar accediendo a un servidor web a
través de Internet o de una intranet
mediante un navegador (Internet
Explorer, Firefox, Opera, Chrome, etc).

2. Aplicación web
Se programa en un lenguaje soportado por
dichos navegadores web que se encargan
de su ejecución. Por lo que no se suele
requerir de instalación previa de software
especifico para su uso ni de
actualizaciones posteriores.

3. Aplicación web.
Antes: (Tecnologia cliente-servidor) cada aplicación
tenía su propio programa cliente que servía como
interfaz de usuario y que debía ser instalado
previamente en cada ordenador. La aplicación cliente
realizaba peticiones a otro programa -el servidor- que
le daba respuesta. Una mejora en la aplicación,
requería normalmente la actualización de cada uno
los clientes instalados.
Necesidad de diferentes versiones de aplicaciones-
cliente para cada uno de los sistema operativos
existentes (Windows, GNU/Linux, Mac, etc).

4. Aplicación web.
Ahora: Los usuarios no requieren instalar software
especifico. Les basta con disponer del navegador
actualizado y si a caso con los plug-ins y extensiones
adecuadas tales como JavaScript, Java, Flash, Ajax,
etc.
La aplicación es única, se aloja en el servidor web y
es independiente del sistema operativo de los
usuarios.
En definitiva, no es necesario distribuir
actualizaciones.

5. Aplicación web.
Computación en la “nube” (cloud computing).
Cada vez está más extendido que existan empresas
proveedoras de software que posibilitan acceso vía
web a sus aplicaciones.
● Se permite al usuario/empresa pagar una cuota
(mensual, anual, según el número de usuarios...)
para usar la aplicación, sin necesidad de que tenga
que instalar nada en su ordenador.
A esta estrategia de uso del software se le
denomina “software como servicio”.
Es decir, estas empresas ya no venden su software
sino que comercializan su uso a través de internet.

6. Aplicación web – Ventajas I
* Ahorra tiempo: Se pueden utilizar inmediatamente sin necesidad de
descargar ni instalar ningún programa.
* No hay problemas de compatibilidad: Basta tener un navegador
actualizado para poder utilizarlas.
* No ocupan espacio en nuestro disco duro.
* Actualizaciones inmediatas: Como el software lo gestiona el propio
desarrollador, cuando nos conectanos estamos usando siempre la última
versión disponible.
* Bajo consumo de recursos: Dado que toda (o gran parte) de la aplicación
no se encuentra en nuestro ordenador, muchas de las tareas que realiza el
software no consumen recursos nuestros porque se realizan en un servidor
web.
* Multiplataforma: Se pueden usar desde cualquier sistema operativo porque
sólo es necesario tener un navegador.

7. Aplicación web – Ventajas II
* Portables: son independientes del dispositivo desde el que se se utilice (un
PC, un portátil, un Tablet PC, una PDA, un smartphone...) porque se accede a
través de una página web (sólo es necesario disponer de acceso a Internet).
Desde los teléfonos móviles requiere sin embargo un diseño específico de los
ficheros CSS (Cascading Style Sheets – Hoja de estilos en cascada) para no dificultar el
acceso de estos usuarios.
* La disponibilidad suele ser alta porque el servicio se ofrece desde
múltiples localizaciones para asegurar la continuidad del mismo. Y los
propios usuarios también pueden acceder desde diferentes ubicaciones y
dispositivos.
* Los virus no dañan los datos porque éstos están guardados en el servidor
de la aplicación.
* Mayor protección de los datos ante averías acontecidas en el PC del
usuario (P.Ej. “muerte” del Disco Duro).
* Colaboración: Gracias a que el acceso al servicio se proporciona desde una
única ubicación es sencillo el acceso y compartición de datos por parte de
varios usuarios.

8. Aplicación web – Inconvenientes
* Habitualmente ofrecen menos funcionalidades que las aplicaciones
de escritorio. Se debe a que las funcionalidades que se pueden realizar
desde un navegador son más limitadas que las que se pueden realizar
desde el sistema operativo. Pero cada vez los navegadores están más
preparados para mejorar en este aspecto.
* La disponibilidad depende de terceros, del proveedor de la
conexión a internet y del proveedor de la aplicación web.
* El usuario, en general, no tiene libertad para hacer uso de versiones
anteriores de la aplicación.
* El proveedor de la aplicación tienen acceso a los datos y a la
actividad que realizan los usuarios (falta de privacidad).
* La seguridad de los datos supeditada al proveedor.

9. Aplicación web - Ejemplos
En general, existen aplicaciones webs para todo
tipo de necesidades,
● Por un lado: webmails (servidores de correo via
web), banca electrónica, tiendas on-line, subastas
on-line, buscadores, radio y televisión on-line,
almacenamiento on-line, juegos on-line, ofimática
on-line, etc …
● Por otro: chats, redes sociales, wikis, blogs, foros,
elearning, sitios-webs o comunidades para
compartición de videos, fotos, música, etc...

10. Aplicación web 2.0 - Ejemplos
En este curso orientado a la web 2.0, nos interesan aquellas que poseen la
característica de ser webs participativas, donde el usuario deja de ser
netamente consumidor pasivo de contenidos para convertirse además en
proveedor activo. Esta información ya no se aloja de forma privada en el
PC sino que se sube a internet para ser compartida con infinidad de usuarios.
Y entre todas destacaremos (a parte de las redes sociales ya vistas) las
siguientes:
● Pagina de inicio para navegación personalizada: google.es/ig
● Compartición de marcadores (URLs de nuestras paginas Webs favortitas): favoriting.com
● Compartición de documentos: Google Docs.
● Compartición de agenda: Google Calendar
● Compartición de fotos y videos: Google picasa, Flickr.com y youtube.com
● Blogs: blogger.com
● Wiki: wikipedia.org, wikispaces.com

11. Web 2.0 Etiquetas y Marcadores Sociales
● (Tags) Palabra clave que los usuarios añaden a un objeto
digital (pagina web, blog, foto, video, etc) con el fin de
describirlo, pero de una manera informal, que permite
etiquetar y categorizar la información presentándola de
una forma organizada tanto para localizarla como para
compartirla.
● (Social Bookmarking) Existen aplicaciones webs para
almacenar, clasificar y compartir nuestros favoritos y
marcadores (URLs - direcciones de páginas webs que nos
parecen interesantes), acompañados de sus
correspondientes etiquetas. De esta forma se crean grupos
de usuarios (comunidades) con intereses comunes.
Ej: del.icio.us, delicious, digg, MisFavoritos.es, favoriting.com

12. Ejemplo práctico de aplicación web destinada a la
gestión de marcadores sociales “Social Bookmarking”
● www.favoriting.com
● Darse se alta.
● Añadir botones directos en el navegador.
● Como incluir favoritos en esta web y compartirlos
● Configurar los enlaces (indicar etiquetas)
● Buscar favoritos de otros usuarios.
(Wiki con Taller sobre marcadores: http://educaparty2007.wikispaces.com/blogparty)
(Marcadores en Google: https://www.google.com/bookmarks, explicado en:
http://sites.google.com/site/cursocoordinadorestic/marcadores)

13. Web 2.0 Nube de etiquetas
● (Tag Clouds) Consiste en una representación visual de las
etiquetas empleadas en la web en la que dependiendo de
la frecuencia de uso, aumenta el tamaño de la fuente.
● Generalmente son gadgets (pequeñas aplicaciones
opcionales) que podemos incluir al diseñar nuestro blog o
wiki y que se actualizan automáticamente.

14. Aplicación web 2.0 - Sindicación.
Sindicar (suscripción) el contenido de un sitio web es el proceso
mediante el cual los usuarios obtienen automáticamente
resúmenes del contenido del mismo en unos formatos concretos
(generalmente RSS o ATOM) que le permite estar al día de las
novedades del mismo sin tener que visitar esta web
continuamente para comprobar si existen variaciones.
Para ello se requiere disponer de aplicaciones de sindicación o
“agregadores” que permitan leer estos formatos (los navegadores
actuales ya incluyen esta posibilidad).
El RSS (Rich Site Summary o Really Simple Syndication) es un
formato estándar de intercambio de información creado en XML , con
la finalidad de compartir información en Internet y que posibilita
automátizar la obtención de información desde la fuente.

15. Aplicación web 2.0 – Google I
* Google es considerada la empresa más emblemática de la web 2.0
Surgida como empresa en el año 1998 a partir de un simple buscador de
informacion en Internet, creado por unos estudiantes de la Universidad de
Stanford en California. Desde entonces, Google ha sabido mantener el ritmo
para no deja de ser una empresa en constante evolución y que cada poco
tiempo anuncia productos nuevos. De hecho, una de las señas de identidad
de Google es la actualización continua y el tener su web “siempre en beta”
(en versión de desarrollo, no definitiva).

17. Aplicación web 2.0 – Google II
Principales aplicaciones disponibles en Google
*El buscador de Google, http://www.google.com/, en sus múltiples versiones
de idiomas (por ejemplo, http://www.google.es/)
*La página personalizada de Google, que permite que en la misma tengamos
las herramientas que más utilizamos. Una página personalizada permite
tener el buscador, las fuentes de información que más utilizamos cargadas
por RSS, el tiempo, el cambio de moneda, etc. El objetivo es conseguir
personalizar a nuestro gusto nuestra página de entrada en el navegador. El
acceso a la página personalizada es mediante www.google.com/ig.

18. Aplicación web 2.0 – Google III
*Los buscadores especializados de Google. Los más conocidos son los siguientes:
Buscador de imágenes (http://images.google.com/)
Buscador de blogs (http://blogseach.google.com/)
Buscador de videos (http://videos.google.com/)
Buscador de libros (http://books.google.com/)
Buscador académico (http://scholar.google.com/)
* Google News (http://news.google.com/). Es el buscador de noticias de Google.
* Gmail (http://www.gmail.com). Es el correo electrónico gratuito
* Picasa. Aplicación para el tratamiento de fotografías. (http://picasa.google.com/)
* Google Maps (http://maps.google.com), es la aplicación que permite ver mapas detallados
de todo el mundo.

19. Aplicación web 2.0 – Google IV
* Google Earth (http://earth.google.com/). El sistema, permite descargar un programa en el ordenador
personal del usuario y desde el mismo, conectándose a Google Earth a través de Internet, navegar por el
globo terráqueo.
* Google Reader (http://www.google.com/reader), Para competir con los lectores de RSS como
Bloglines, Google presentó Google Reader. El programa, bastante completo, nos permite suscribirnos a
cualquier hilo RSS y gestionar los mismos.
* Google Adsense (http://www.adsense.com). Google revolucionó hace unos años la publicidad por
Internet al permitir que los propios usuarios pudieran poner publicidad en sus webs o blogs. El sistema
se conoce como Adsense y permite que cualquier usuario pueda ganar dinero teniendo publicidad de
Google en su sitio.
* Google Calendar (http://calendar.google.com/), es la aplicación de Google que nos permite tener un
calendario en la red desde donde podemos consultar nuestras citas y compartirlas con otros usuarios. Es
compatible con Outlook, desde donde puede importar o exportar datos.

20. Aplicación web 2.0 – Google V
* Google Analytics (http://www.google.com/analytics/) es el software de estadísticas web que Google
pone a disposición de los usuarios gratuitamente. Basta con poner en la página principal de nuestro
blog o web un código que genera el programa para que a partir de ese momento Google Analytics
monitorice las estadísticas de nuestro servidor. Es un sistema muy completo y con variedad de
estadísticas.
* Knol (http://knol.google.com/) es la opcioón de Google en lo que a wikis enciclopédicas se refiere.
Know pretende ser una enciclopedia, de igual manera que la Wikipedia creada entre todos, pero donde
los autores sean reconocidos.
* El Bloc de notas (http://www.google.com/notebook/) de Google permite almacenar en una página
información sobre las webs que estamos visitando
* Google Talk (http://www.google.com/talk/) es la respuesta de Google a las aplicaciones tipo Skype.
Permite charlar, mediante un Chat de Internet o mediante voz, entre usuarios registrados en el sistema.
* Traductor de Google (http://translate.google.com/).

21. Aplicación web 2.0 – Google VI
* Google Docs (https://docs.google.com/) permite crear, compartir y editar documentos online
con facilidad. Algunas de las acciones que puedes realizar:
➢ editar documentos online de manera simultánea con quien quieras e invitar a los demás
a que los vean,
➢ subir documentos de Microsoft Word, de OpenOffice, de RTF, de HTML o de texto sin
formato, crear documentos desde cero y descargar los tuyos de Internet,
➢ realizar un seguimiento de quién modifica un documento y cuándo, y restaurar
cualquier versión,
➢ publicar documentos online para que estén disponibles para todo el mundo, como
páginas web o como documentos publicados en tu blog,
➢ enviar por correo electrónico los documentos como archivos adjuntos.
* Google Buzz Es una red social que Google agregó en el servicio de Gmail, con la excusa
de ser herramientas para el intercambio de hipervínculos, fotos, videos...

22. Google – Blog con información sobre productos
● Ejemplo de blog gestionado por personal de Google sobre productos de
dicha compañía
● Ejemplo de nube de etiquetas (barra lateral derecha)
● Conectarse a: http://google-productos-es.blogspot.com/

23. Aplicación web – Google - Prácticas
● Crear una cuenta de correo en www.gmail.com (Cod. de validación
enviado por SMS)
● Personalizar navegador Google: www.google.es/ig
● Configuración de gadgets (mini aplicaciones), etc
(http://www.google.com/support/websearch/bin/answer.py?hl=es&answer=20324)

24. Reader reader.google.es
● Permite administrar tus feeds (fuentes RSS/ATOM) a las que estas
sindicado/subscrito.
● Posibilidad de compartirlas con otros usuarios, estadísticas de uso, etc.
● Elementos recomendados:
relación de feeds más
populares.

25. ● Posibilidad de integrarlo como gadget en google/ig
Google Reader

26. Google Docs – Ofimática on line
Según la ayuda de la propia web:
http://docs.google.com/support/bin/static.py?hl=es&page=guide.cs&guide=21008&from=21008&rd=1

27. Google Docs
Los formularios son de este tipo:

28. Google Docs

29. Google Docs
● Práctica: (Colaboración en tiempo real) Crear
varios documento de texto online en grupos de
max. 10 alumnos, que incluya una tabla con dos
columnas: Apellidos-nombre y correo electrónico.
Nota: Hasta 10 usuarios pueden
modificar o ver un documento de
manera simultánea.

30. Google Calendar
Visita guiada: http://www.google.com/intl/es/googlecalendar/tour.html

31. Google Calendar

32. ● Mostrar un calendario en tu sitio web
Si decides compartir tu calendario con otras personas, puedes crear una página
web en la que puedan consultarlo, incluso si no poseen una cuenta de Google
Calendar. También puedes integrar un calendario interactivo de tus eventos en
tu sitio web o en tu blog.
● Accede al programa y haz clic en el pequeño triángulo junto al nombre del
calendario que deseas compartir, situado a la izquierda de la pantalla, y
selecciona Configuración del calendario.
● Haz clic en el icono HTML que se encuentra junto a Dirección del calendario.
● Crea una página web en la que la gente pueda consultar tu calendario: El
calendario puede consultarse desde el vínculo principal que se muestra en el
cuadro emergente. Puedes compartir este vínculo de tu calendario con la
persona que desees.
● Incrusta el calendario en tu sitio web o en tu blog:
● Haz clic en el vínculo Herramienta de configuración de la ventana
emergente.
● Configura tu calendario incrustado a tu gusto y copia el código HTML
generado al final de la página en el diseño de tu sitio web o blog.
Google Calendar

33. Google Calendar - Gears
● Opción: Instalar extensión gratuita en el navegador (software libre)
para consultas de calendarios sin conexión (en local)

34. PICASA picasaweb.google.com
● Enlace ayuda picasa:
● http://picasa.google.com/support/bin/static.py?page=guide.cs&guide=16027
● 1 GB de almacenamiento gratuito

35. Google Picasa
● No solo permite almacena y compartir fotos:

37. Google Picasa
● Editor de imagenes online: www.picnik.com

39. Flickr www.flickr.com
● Conpartición de fotos online

41. Youtube www.youtube.com
● Sitio web en el cual los usuarios pueden subir y
compartir vídeos.
●

42. Práctica Google Site - Crear sitio Web
● Alojamiento Web
● Capacidad máxima (modalidad gratuita): 100 MB (sin límite en el
número de páginas web)
● Tamaño máximo de archivos subidos: 20 MB

43. ● Versión empresarial (de pago) 40€ por
usuario/año (2011)

44. Slideshare www.slideshare.net
Slideshare es una web gratuita donde los usuarios registrados pueden
subir presentaciones en diversos formatos (Powerpoint, Impress,
videos...), que quedan almacenadas en formato Flash para ser
compartidas y visualizadas online.
Admite archivos de hasta 20 Mb. (sin transiciones entre diapositivas).
Formatos:
* Buscar y ver las presentaciones más vistas, las más votadas, etc.
* Subir presentaciones y gestionarlas mediante etiquetas.
* Gestionar su perfil.
* Gestionar grupos, suscripciones y añadir e invitar a amigos y conocidos.
* Descargar las presentaciones siempre y cuando el autor lo autorice.

45. Para “incrustar” la presentación, por ejemplo en un blog:
En slideshare, seleccionar la opción “Embed”, copiar el código
correspondiente al enlace, entrar en la edición del blog (en el modo
código HTML) y pegar.
La presentación se visualizará “embebida” en el blog (no se abre
ninguna otra página web).
Slideshare www.slideshare.net