Your SlideShare is downloading. ×
Aplicacion web   presentacion
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Aplicacion web presentacion

1,876

Published on

1 Comment
1 Like
Statistics
Notes
  • MUY INTERESANTE Y COMPLETO.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
1,876
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
29
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Aplicación webSe denomina aplicación web a aquellasaplicaciones que los usuarios puedenutilizar accediendo a un servidor web através de Internet o de una intranetmediante un navegador (InternetExplorer, Firefox, Opera, Chrome, etc).
  • 2. Aplicación webSe programa en un lenguaje soportado pordichos navegadores web que se encargande su ejecución. Por lo que no se suelerequerir de instalación previa de softwareespecifico para su uso ni deactualizaciones posteriores.
  • 3. Aplicación web.Antes: (Tecnologia cliente-servidor) cada aplicacióntenía su propio programa cliente que servía comointerfaz de usuario y que debía ser instaladopreviamente en cada ordenador. La aplicación clienterealizaba peticiones a otro programa -el servidor- quele daba respuesta. Una mejora en la aplicación,requería normalmente la actualización de cada unolos clientes instalados.Necesidad de diferentes versiones de aplicaciones-cliente para cada uno de los sistema operativosexistentes (Windows, GNU/Linux, Mac, etc).
  • 4. Aplicación web.Ahora: Los usuarios no requieren instalar softwareespecifico. Les basta con disponer del navegadoractualizado y si a caso con los plug-ins y extensionesadecuadas tales como JavaScript, Java, Flash, Ajax,etc.La aplicación es única, se aloja en el servidor web yes independiente del sistema operativo de losusuarios.En definitiva, no es necesario distribuiractualizaciones.
  • 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 dedescargar ni instalar ningún programa.* No hay problemas de compatibilidad: Basta tener un navegadoractualizado para poder utilizarlas.* No ocupan espacio en nuestro disco duro.* Actualizaciones inmediatas: Como el software lo gestiona el propiodesarrollador, cuando nos conectanos estamos usando siempre la últimaversión disponible.* Bajo consumo de recursos: Dado que toda (o gran parte) de la aplicaciónno se encuentra en nuestro ordenador, muchas de las tareas que realiza elsoftware no consumen recursos nuestros porque se realizan en un servidorweb.* Multiplataforma: Se pueden usar desde cualquier sistema operativo porquesólo es necesario tener un navegador.
  • 7. Aplicación web – Ventajas II* Portables: son independientes del dispositivo desde el que se se utilice (unPC, un portátil, un Tablet PC, una PDA, un smartphone...) porque se accede atravé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 losficheros CSS (Cascading Style Sheets – Hoja de estilos en cascada) para no dificultar elacceso de estos usuarios.* La disponibilidad suele ser alta porque el servicio se ofrece desdemúltiples localizaciones para asegurar la continuidad del mismo. Y lospropios usuarios también pueden acceder desde diferentes ubicaciones ydispositivos.* Los virus no dañan los datos porque éstos están guardados en el servidorde la aplicación.* Mayor protección de los datos ante averías acontecidas en el PC delusuario (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 devarios usuarios.
  • 8. Aplicación web – Inconvenientes* Habitualmente ofrecen menos funcionalidades que las aplicacionesde escritorio. Se debe a que las funcionalidades que se pueden realizardesde un navegador son más limitadas que las que se pueden realizardesde el sistema operativo. Pero cada vez los navegadores están máspreparados para mejorar en este aspecto.* La disponibilidad depende de terceros, del proveedor de laconexión a internet y del proveedor de la aplicación web.* El usuario, en general, no tiene libertad para hacer uso de versionesanteriores de la aplicación.* El proveedor de la aplicación tienen acceso a los datos y a laactividad 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 lagestió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 procesomediante el cual los usuarios obtienen automáticamenteresúmenes del contenido del mismo en unos formatos concretos(generalmente RSS o ATOM) que le permite estar al día de lasnovedades del mismo sin tener que visitar esta webcontinuamente para comprobar si existen variaciones.Para ello se requiere disponer de aplicaciones de sindicación o“agregadores” que permitan leer estos formatos (los navegadoresactuales ya incluyen esta posibilidad).El RSS (Rich Site Summary o Really Simple Syndication) es unformato estándar de intercambio de información creado en XML , conla finalidad de compartir información en Internet y que posibilitaautomá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.0Surgida como empresa en el año 1998 a partir de un simple buscador deinformacion en Internet, creado por unos estudiantes de la Universidad deStanford en California. Desde entonces, Google ha sabido mantener el ritmopara no deja de ser una empresa en constante evolución y que cada pocotiempo anuncia productos nuevos. De hecho, una de las señas de identidadde Google es la actualización continua y el tener su web “siempre en beta”(en versión de desarrollo, no definitiva).
  • 16. Aplicación web 2.0 – Google IIPrincipales aplicaciones disponibles en Google*El buscador de Google, http://www.google.com/, en sus múltiples versionesde idiomas (por ejemplo, http://www.google.es/)*La página personalizada de Google, que permite que en la misma tengamoslas herramientas que más utilizamos. Una página personalizada permitetener el buscador, las fuentes de información que más utilizamos cargadaspor RSS, el tiempo, el cambio de moneda, etc. El objetivo es conseguirpersonalizar a nuestro gusto nuestra página de entrada en el navegador. Elacceso a la página personalizada es mediante www.google.com/ig.
  • 17. 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 detalladosde todo el mundo.
  • 18. Aplicación web 2.0 – Google IV* Google Earth (http://earth.google.com/). El sistema, permite descargar un programa en el ordenadorpersonal del usuario y desde el mismo, conectándose a Google Earth a través de Internet, navegar por elglobo terráqueo.* Google Reader (http://www.google.com/reader), Para competir con los lectores de RSS comoBloglines, Google presentó Google Reader. El programa, bastante completo, nos permite suscribirnos acualquier hilo RSS y gestionar los mismos.* Google Adsense (http://www.adsense.com). Google revolucionó hace unos años la publicidad porInternet al permitir que los propios usuarios pudieran poner publicidad en sus webs o blogs. El sistemase conoce como Adsense y permite que cualquier usuario pueda ganar dinero teniendo publicidad deGoogle en su sitio.* Google Calendar (http://calendar.google.com/), es la aplicación de Google que nos permite tener uncalendario en la red desde donde podemos consultar nuestras citas y compartirlas con otros usuarios. Escompatible con Outlook, desde donde puede importar o exportar datos.
  • 19. Aplicación web 2.0 – Google V* Google Analytics (http://www.google.com/analytics/) es el software de estadísticas web que Googlepone a disposición de los usuarios gratuitamente. Basta con poner en la página principal de nuestroblog o web un código que genera el programa para que a partir de ese momento Google Analyticsmonitorice las estadísticas de nuestro servidor. Es un sistema muy completo y con variedad deestadí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 dondelos autores sean reconocidos.* El Bloc de notas (http://www.google.com/notebook/) de Google permite almacenar en una páginainformació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/).
  • 20. Aplicación web 2.0 – Google VI* Google Docs (https://docs.google.com/) permite crear, compartir y editar documentos onlinecon 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...
  • 21. 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/
  • 22. 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)
  • 23. 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.
  • 24. Google Reader● Posibilidad de integrarlo como gadget en google/ig
  • 25. Google Docs – Ofimática on lineSegú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
  • 26. Google DocsLos formularios son de este tipo:
  • 27. Google Docs
  • 28. 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.
  • 29. Google Calendar Visita guiada: http://www.google.com/intl/es/googlecalendar/tour.html
  • 30. Google Calendar
  • 31. Google Calendar● Mostrar un calendario en tu sitio webSi decides compartir tu calendario con otras personas, puedes crear una páginaweb en la que puedan consultarlo, incluso si no poseen una cuenta de GoogleCalendar. También puedes integrar un calendario interactivo de tus eventos entu 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.
  • 32. Google Calendar - Gears● Opción: Instalar extensión gratuita en el navegador (software libre) para consultas de calendarios sin conexión (en local)
  • 33. 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
  • 34. Google Picasa ● No solo permite almacena y compartir fotos:
  • 35. Google Picasa● Editor de imagenes online: www.picnik.com
  • 36. Flickr www.flickr.com● Conpartición de fotos online
  • 37. Youtube www.youtube.com● Sitio web en el cual los usuarios pueden subir y compartir vídeos.●
  • 38. 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
  • 39. ● Versión empresarial (de pago) 40€ por usuario/año (2011)
  • 40. Slideshare www.slideshare.netSlideshare es una web gratuita donde los usuarios registrados puedensubir presentaciones en diversos formatos (Powerpoint, Impress,videos...), que quedan almacenadas en formato Flash para sercompartidas 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.
  • 41. Slideshare www.slideshare.netPara “incrustar” la presentación, por ejemplo en un blog:En slideshare, seleccionar la opción “Embed”, copiar el códigocorrespondiente al enlace, entrar en la edición del blog (en el modocódigo HTML) y pegar.La presentación se visualizará “embebida” en el blog (no se abreninguna otra página web).

×