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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Aplicacion web - presentacion

6,264
views

Published on

Published in: Technology, Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
6,264
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
84
Comments
0
Likes
0
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 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
    * A horra 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 …
    • 10. Por otro: chats, redes sociales, wikis, blogs, foros, elearning, sitios-webs o comunidades para compartición de videos, fotos, música, etc...
  • 11.
      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
    • 12. Compartición de marcadores ( URLs de nuestras paginas Webs favortitas ): favoriting.com
    • 13. Compartición de documentos: Google Docs.
    • 14. Compartición de agenda: Google Calendar
    • 15. Compartición de fotos y videos: Google picasa, Flickr.com y youtube.com
    • 16. Blogs: blogger.com
    • 17. Wiki: wikipedia.org, wikispaces.com
  • 18. 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.
    • 19. (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.
    • 20. Ej: del.icio.us, delicious, digg, MisFavoritos.es, favoriting.com
  • 21. Ejemplo práctico de aplicación web destinada a la gestión de marcadores sociales “Social Bookmarking”
    • www.favoriting.com
    • 22. Darse se alta.
    • 23. Añadir botones directos en el navegador.
    • 24. Como incluir favoritos en esta web y compartirlos
    • 25. Configurar los enlaces (indicar etiquetas)
    • 26. Buscar favoritos de otros usuarios.
    • 27. (Wiki con Taller sobre ma rcadores: http://educaparty2007.wikispaces.com/blogparty )
    • 28. (Marcadores en Google: https://www.google.com/bookmarks , explicado en: http://sites.google.com/site/cursocoordinadorestic/marcadores )
  • 29. 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.
    • 30. Generalmente son gadgets (pequeñas aplicaciones opcionales) que podemos incluir al diseñar nuestro blog o wiki y que se actualizan automáticamente.
  • 31.
      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.
  • 32.
      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).
  • 33.  
  • 34.
      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 .
  • 35.
      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.
  • 36.
      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 dato s.
  • 37.
      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/ ).
  • 38.
      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,
    • 39. 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,
    • 40. realizar un seguimiento de quién modifica un documento y cuándo, y restaurar cualquier versión,
    • 41. publicar documentos online para que estén disponibles para todo el mundo, como páginas web o como documentos publicados en tu blog,
    • 42. 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...
  • 43. Google – Blog con información sobre productos
    • Ejemplo de blog gestionado por personal de Google sobre productos de dicha compañía
    • 44. Ejemplo d e nube de etiquetas (barra lateral derecha)
    • 45. Conectarse a: http://google-productos-es.blogspot.com/
  • 46. Aplicación web – Google - Prácticas
    • Crear una cuen ta de correo en www.gmail.com (Cod. de valid ación enviado por SMS)
    • 47. Personalizar navegado r Google: www.google.es/ig
    • 48. Configuración de gadgets (mini aplicaciones), etc
    • 49. ( http://www.google.com/support/websearch/bin/answer.py?hl=es&answer=20324 )
  • 50. Reader reader.google.es
    • Permite administrar tus feeds (fuentes RSS/ATOM) a las que estas sindicado/subscrito.
    • 51. Posibilidad de compartirlas con otros usuarios, estadísticas de uso, etc.
    • Elementos recomendados: relación de feeds más populares.
  • 52.
    • Posibilidad de integrarlo como gadget en google/ig
    Google Reader
  • 53. 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
  • 54. Google Docs Los formularios son de este tipo:
  • 55. Google Docs
  • 56. 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.
  • 57. Google Calendar Visita guiada: http://www.google.com/intl/es/googlecalendar/tour.html
  • 58. Google Calendar
  • 59.
    • 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.
    • 60. Haz clic en el icono HTML que se encuentra junto a Dirección del calendario.
    • 61. 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.
    • 62. Incrusta el calendario en tu sitio web o en tu blog:
    • 63. Haz clic en el vínculo Herramienta de configuración de la ventana emergente.
    • 64. 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
  • 65. Google Calendar - Gears
    • Opción: Instalar extensión gratuita en el navegador (software libre) para consultas de calendarios sin conexión (en local)
  • 66. PICASA picasaweb.google.com
    • Enlace ayuda picasa:
    • 67. http://picasa.google.com/support/bin/static.py?page=guide.cs&guide=16027
    • 68. 1 GB de almacenamiento gratuito
  • 69. Google Picasa
    • No solo permite almacena y compartir fotos:
  • 70.  
  • 71. Google Picasa
    • Editor de imagenes online: www.picnik.com
  • 72.  
  • 73. Flickr www.flickr.com
    • Conpartición de fotos online
  • 74.  
  • 75. Youtube www.youtube.com
    • Sitio web en el cual los usuarios pueden subir y compartir vídeos.
  • 76. Práctica Google Site - Crear sitio Web
    • Alojamiento Web
    • 77. Capacidad máxima (modalidad gratuita): 100 MB (sin límite en el número de páginas web)
    • 78. Tamaño máximo de archivos subidos: 20 MB
  • 79.
    • Versión empresarial (de pago) 40€ por usuario/año (2011)
  • 80. 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: * Busca r 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.
  • 81. 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