Aplicacion web - presentacion impress

download Aplicacion web -  presentacion impress

If you can't read please download the document

Transcript of Aplicacion web - presentacion impress

Recomendacin de una estrategia

Aplicacin web

Se denomina aplicacin web a aquellas aplicaciones que los usuarios pueden utilizar accediendo a un servidor web a travs de Internet o de una intranet mediante un navegador (Internet Explorer, Firefox, Opera, Chrome, etc).

Aplicacin web

Se programa en un lenguaje soportado por dichos navegadores web que se encargan de su ejecucin. Por lo que no se suele requerir de instalacin previa de software especifico para su uso ni de actualizaciones posteriores.

Aplicacin web.

Antes: (Tecnologia cliente-servidor) cada aplicacin tena su propio programa cliente que serva como interfaz de usuario y que deba ser instalado previamente en cada ordenador. La aplicacin cliente realizaba peticiones a otro programa -el servidor- que le daba respuesta. Una mejora en la aplicacin, requera normalmente la actualizacin 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).

Aplicacin 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 aplicacin es nica, se aloja en el servidor web y es independiente del sistema operativo de los usuarios. En definitiva, no es necesario distribuir actualizaciones.

Aplicacin web.

Computacin en la nube (cloud computing). Cada vez est ms extendido que existan empresas proveedoras de software que posibilitan acceso va web a sus aplicaciones. Se permite al usuario/empresa pagar una cuota (mensual, anual, segn el nmero de usuarios...) para usar la aplicacin, 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 travs de internet.

Aplicacin web Ventajas I

* Ahorra tiempo: Se pueden utilizar inmediatamente sin necesidad de descargar ni instalar ningn 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 versin disponible.* Bajo consumo de recursos: Dado que toda (o gran parte) de la aplicacin 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 slo es necesario tener un navegador.

Aplicacin web Ventajas II

* Portables: son independientes del dispositivo desde el que se se utilice (un PC, un porttil, un Tablet PC, una PDA, un smartphone...) porque se accede a travs de una pgina web (slo es necesario disponer de acceso a Internet). Desde los telfonos mviles requiere sin embargo un diseo especfico 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 mltiples localizaciones para asegurar la continuidad del mismo. Y los propios usuarios tambin pueden acceder desde diferentes ubicaciones y dispositivos.* Los virus no daan los datos porque stos estn guardados en el servidor de la aplicacin. * Mayor proteccin de los datos ante averas acontecidas en el PC del usuario (P.Ej. muerte del Disco Duro).* Colaboracin: Gracias a que el acceso al servicio se proporciona desde una nica ubicacin es sencillo el acceso y comparticin de datos por parte de varios usuarios.

Aplicacin 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 ms limitadas que las que se pueden realizar desde el sistema operativo. Pero cada vez los navegadores estn ms preparados para mejorar en este aspecto.* La disponibilidad depende de terceros, del proveedor de la conexin a internet y del proveedor de la aplicacin web.* El usuario, en general, no tiene libertad para hacer uso de versiones anteriores de la aplicacin.* El proveedor de la aplicacin tienen acceso a los datos y a la actividad que realizan los usuarios (falta de privacidad).* La seguridad de los datos supeditada al proveedor.

Aplicacin web - Ejemplos

En general, existen aplicaciones webs para todo tipo de necesidades,Por un lado: webmails (servidores de correo via web), banca electrnica, tiendas on-line, subastas on-line, buscadores, radio y televisin on-line, almacenamiento on-line, juegos on-line, ofimtica on-line, etc

Por otro: chats, redes sociales, wikis, blogs, foros, elearning, sitios-webs o comunidades para comparticin de videos, fotos, msica, etc...

Aplicacin web 2.0 - Ejemplos

En este curso orientado a la web 2.0, nos interesan aquellas que poseen la caracterstica de ser webs participativas, donde el usuario deja de ser netamente consumidor pasivo de contenidos para convertirse adems en proveedor activo. Esta informacin 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 navegacin personalizada: google.es/ig

Comparticin de marcadores (URLs de nuestras paginas Webs favortitas): favoriting.com

Comparticin de documentos: Google Docs.

Comparticin de agenda: Google Calendar

Comparticin de fotos y videos: Google picasa, Flickr.com y youtube.com

Blogs: blogger.com

Wiki: wikipedia.org, wikispaces.com

Web 2.0 Etiquetas y Marcadores Sociales

(Tags) Palabra clave que los usuarios aaden 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 informacin presentndola 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 pginas webs que nos parecen interesantes), acompaados 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

Ejemplo prctico de aplicacin web destinada a la gestin de marcadores sociales Social Bookmarking

www.favoriting.com

Darse se alta.

Aadir 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)

Web 2.0 Nube de etiquetas

(Tag Clouds) Consiste en una representacin visual de las etiquetas empleadas en la web en la que dependiendo de la frecuencia de uso, aumenta el tamao de la fuente.

Generalmente son gadgets (pequeas aplicaciones opcionales) que podemos incluir al disear nuestro blog o wiki y que se actualizan automticamente.

Aplicacin web 2.0 - Sindicacin.

Sindicar (suscripcin) el contenido de un sitio web es el proceso mediante el cual los usuarios obtienen automticamente resmenes del contenido del mismo en unos formatos concretos (generalmente RSS o ATOM) que le permite estar al da 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 sindicacin 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 estndar de intercambio de informacin creado en XML , con la finalidad de compartir informacin en Internet y que posibilita automtizar la obtencin de informacin desde la fuente.

Aplicacin web 2.0 Google I

* Google es considerada la empresa ms emblemtica de la web 2.0 Surgida como empresa en el ao 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 evolucin y que cada poco tiempo anuncia productos nuevos. De hecho, una de las seas de identidad de Google es la actualizacin continua y el tener su web siempre en beta (en versin de desarrollo, no definitiva).

Aplicacin web 2.0 Google II

Principales aplicaciones disponibles en Google*El buscador de Google, http://www.google.com/, en sus mltiples versiones de idiomas (por ejemplo, http://www.google.es/)*La pgina personalizada de Google, que permite que en la misma tengamos las herramientas que ms utilizamos. Una pgina personalizada permite tener el buscador, las fuentes de informacin que ms utilizamos cargadas por RSS, el tiempo, el cambio de moneda, etc. El objetivo es conseguir personalizar a nuestro gusto nuestra pgina de entrada en el navegador. El acceso a la pgina personalizada es mediante www.google.com/ig.

Aplicacin web 2.0 Google III

*Los buscadores especializados de Google. Los ms conocidos son los siguientes: Buscador de imgenes (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 acadmico (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 electrnico gratuito* Picasa. Aplicacin para el tratamiento de fotografas. (http://picasa.google.com/)* Google Maps (http://maps.google.com), es la aplicacin que permite ver mapas detallados de todo el mundo.

Aplicacin 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, conectndose a Google Earth a travs de Internet, navegar por el globo terrqueo.* 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 aos 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 aplicacin 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.

Aplicacin web 2.0 Google V

* Google Analytics (http://www.google.com/analytics/) es el software de estadsticas web que Google pone a disposicin de los usuarios gratuitamente. Basta con poner en la pgina principal de nuestro blog o web un cdigo que genera el programa para que a partir de ese momento Google Analytics monitorice las estadsticas de nuestro servidor. Es un sistema muy completo y con variedad de estadsticas.* Knol (http://knol.google.com/) es la opcion de Google en lo que a wikis enciclopdicas 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 pgina informacin 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/).

Aplicacin 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 simultnea con quien quieras e invitar a los dems 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 quin modifica un documento y cundo, y restaurar cualquier versin,

publicar documentos online para que estn disponibles para todo el mundo, como pginas web o como documentos publicados en tu blog,

enviar por correo electrnico 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 hipervnculos, fotos, videos...

Google Blog con informacin sobre productos

Ejemplo de blog gestionado por personal de Google sobre productos de dicha compaa

Ejemplo de nube de etiquetas (barra lateral derecha)

Conectarse a: http://google-productos-es.blogspot.com/

Aplicacin web Google - Prcticas

Crear una cuenta de correo en www.gmail.com (Cod. de validacin enviado por SMS)

Personalizar navegador Google: www.google.es/ig

Configuracin de gadgets (mini aplicaciones), etc (http://www.google.com/support/websearch/bin/answer.py?hl=es&answer=20324)

Reader reader.google.es

Permite administrar tus feeds (fuentes RSS/ATOM) a las que estas sindicado/subscrito.

Posibilidad de compartirlas con otros usuarios, estadsticas de uso, etc.

Elementos recomendados: relacin de feeds ms populares.

Posibilidad de integrarlo como gadget en google/ig

Google Reader

Google Docs Ofimtica on line

Segn 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

Google Docs

Los formularios son de este tipo:

Google Docs

Google Docs

Prctica: (Colaboracin 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 electrnico.

Nota: Hasta 10 usuarios pueden modificar o ver un documento de manera simultnea.

Google Calendar

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

Google Calendar

Mostrar un calendario en tu sitio web

Si decides compartir tu calendario con otras personas, puedes crear una pgina web en la que puedan consultarlo, incluso si no poseen una cuenta de Google Calendar. Tambin puedes integrar un calendario interactivo de tus eventos en tu sitio web o en tu blog.Accede al programa y haz clic en el pequeo tringulo junto al nombre del calendario que deseas compartir, situado a la izquierda de la pantalla, y selecciona Configuracin del calendario.

Haz clic en el icono HTML que se encuentra junto a Direccin del calendario.

Crea una pgina web en la que la gente pueda consultar tu calendario: El calendario puede consultarse desde el vnculo principal que se muestra en el cuadro emergente. Puedes compartir este vnculo de tu calendario con la persona que desees.

Incrusta el calendario en tu sitio web o en tu blog:

Haz clic en el vnculo Herramienta de configuracin de la ventana emergente.

Configura tu calendario incrustado a tu gusto y copia el cdigo HTML generado al final de la pgina en el diseo de tu sitio web o blog.

Google Calendar

Google Calendar - Gears

Opcin: Instalar extensin gratuita en el navegador (software libre) para consultas de calendarios sin conexin (en local)

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

Google Picasa

No solo permite almacena y compartir fotos:

Google Picasa

Editor de imagenes online: www.picnik.com

Flickr www.flickr.com

Conparticin de fotos online

Youtube www.youtube.com

Sitio web en el cual los usuarios pueden subir y compartir vdeos.

Prctica Google Site - Crear sitio Web

Alojamiento Web

Capacidad mxima (modalidad gratuita): 100 MB (sin lmite en el nmero de pginas web)

Tamao mximo de archivos subidos: 20 MB

Versin empresarial (de pago) 40 por usuario/ao (2011)

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 ms vistas, las ms votadas, etc.* Subir presentaciones y gestionarlas mediante etiquetas.* Gestionar su perfil.* Gestionar grupos, suscripciones y aadir e invitar a amigos y conocidos.* Descargar las presentaciones siempre y cuando el autor lo autorice.

Para incrustar la presentacin, por ejemplo en un blog: En slideshare, seleccionar la opcin Embed, copiar el cdigo correspondiente al enlace, entrar en la edicin del blog (en el modo cdigo HTML) y pegar.La presentacin se visualizar embebida en el blog (no se abre ninguna otra pgina web).

Slideshare www.slideshare.net

Pulse para editar los formatos del texto del esquemaSegundo nivel del esquemaTercer nivel del esquemaCuarto nivel del esquemaQuinto nivel del esquemaSexto nivel del esquemaSptimo nivel del esquemaOctavo nivel del esquemaNoveno nivel del esquema