|
Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos.
Ver página de charlas.
|
|
Daw1.png
DAW : Aspectos Generales de la arquitectura Web
Módulo de 2º del ciclo DAW
Tipos de aplicaciones en la web
Selecciona alguna aplicación
Actividad
Comenta 3 aplicaciones de la lista anterior que te resulten interesantes y útil
- Al menos una de ellas la debes enseñar a tus compañeros, exponiendo su utilidad
|
Clasificación de tipos de aplicaciones
- Es complicado establecer un criterio para clasificación los tipos de aplicaciones web
- Actualmente existen gran cantidad de aplicaciones en el actual entorno web 2.0.
- Haremos dos clasificaciones clasificaciones
- Por la forma de presentar el contenido
- Por la utilidad o tipo de servicio que presta
Clasificación por la forma del contenido
- La propia aplicación y el contenido que presenta
- Páginas Web Estática
- Páginas Web Animada
- Páginas Web Dinámica
- Portal
- Tienda virtual
- Gestor de contenidos
Página web Estática
- Están implementadas en HTML
- Pueden mostrar en alguna parte de la página objetos en movimiento tales como banners, GIF animados, vídeos, etc.
- Es la base de la web 1.0
- Normalmente se comienza aprendiendo html y haciendo páginas estáticas
Página web Animada
- Se realizan con alguna tecnología de terceros usando plug-in como por ejemplo FLASH;
- HTML 5 soporta nuevas etiquetas video, canvas, y otras que permite no necesitar dichos plug-in
- Estas funcionalidades dotan a la página de ciertos efectos animados continuados.
- Con ello obtenemos diseños más vanguardistas, modernos y creativos.
Página web Dinámica
- Ahora la misma página se adapta al usuario
- Necesitamos al menos
- lenguajes de programación para realizar acciones y
- bases de datos para almacenar/recuperar datos con ello podremos particularizar la página a un usuario
Lenguajes de programación
- Existen muchos lenguajes de programación
- Los que destacamos aquí son los lenguajes PHP y ASP en el lado del servidor y javascript (ajax) en el lado del cliente.
Funcionamiento básico de los lenguajes de programacion
- Estos lenguajes permiten una perfecta estructuración del contenido:
- Por una parte crearíamos la estructura de las páginas web
- y por otra, almacenaríamos el contenido en determinados archivos.
- A partir de ahí, crearíamos el código de llamada, que insertaría el contenido en la propia página web estructurada.
Portal
- Es un sitio web que en su página principal permite el acceso a múltiples secciones
- Normalmente suele pedir que el usuario se registre
- Si el usuario no se registra suele tener limitado el acceso
- Pueden ser foros, chats, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad, etc.
Tienda virtual o comercio electrónico
- Sitio web que publica los productos de una tienda en Internet.
- Permite la compra online a través de tarjeta de crédito, domiciliación bancaria o transferencia bancaria en general.
- Ofrece al administrador un panel de gestión para poder subir los productos, actualizarlos, eliminarlos, etc.
- Están teniendo un auge muy importante en los últimos años
Gestor de Contenidos
- Se trata de un sitio web cuyo contenido se actualiza a través de un panel de gestión por parte del administrador del sitio.
- Este panel de gestión suele ser muy intuitivo y fácil de usar.
- En aquellas páginas web que requieran una actualización constante, se suele incorporar este panel de gestión para que la web pueda controlarse día a día por parte del cliente.
Clasificando tipos de aplicaciones
Tipos de aplicaciones
- Como vemos en la imagen clasificamos en 4 tipos
Tipos de aplicaciones web atendiendo al servicio=
- Ahora clasificamos atendiendo al tipo de servicio que ofrece la aplicación
- Redes sociales
- Aplicaciones Híbridas
- Contenidos
- Organización social e inteligencia de la información
Redes sociales
Red social Vs Social Media no son conceptos sinónomos
- Un Social Media es un software.
Definición
Social media o medios sociales son
- Aplicaciones, herramientoas
- Plataformas y medios de comunicación
- Que tienen por objetivo facilitar la relación, la interrelación la colaboración y la distribución de contenidos entre usuarios
|
Redes sociales Vs. Medios sociales
- Las redes sociales se refiere a grupo (redes) de personas
Definición
Social networkson generaciones de personas con
- lazos
- cohesión
- intereses
comunes
|
Redes sociales Vs. Medios sociales
- Los medios sociales: características
- El software que facilita la creación de una red social
- Utiliza las tecnologías como medio de comunicación.
- No obstante hoy en día se utiliza el término red social para englobar también el término medio social
Redes sociales (2)
- Sólo hay que tener cuidado con lo que se publica
Analizando Redes sociales
- Las redes sociales permiten a los usuarios:
- realizar el seguimiento de sus relaciones interpersonales
- crear nuevas relaciones interpersonales o profesionales (Linkedln)
Reflexión
| Un gran tráfico de los sitios de compras provienen de redes sociales
|
Ejemplos de Redes sociales
Retroalimentación: Quizá aquí debería sentarme yo y hablar vosotras
Friendster 
- URL: http://www.friendster.com
- Uno de los primero líderes. Decrece mucho según aumenta sitios como MySpace.
- Tiene una patente de cómo se desarrollan las redes de amigos [1].
- En 2009, fue adquirida por 26.4 millones de dólares a MOL Global, una compañía Asiática.
- En junlio de 2011 se convierte en un social gaming
MySpace 
- MySpace
- URL http://www.myspace.com http://es.myspace.com
- Uno de los sitios web más populares del mundo junto con Facebook.
- En mayo de 2007 fue el sitio más visitado del mundo por encima de google
- Permite crear una red de amigos e identificar amistados comunes
- La edad de uso oscila entre los 35 a 55 años
Facebook 
- Facebook
URL http://www.facebook.com
- Surgió como una web de red social para universitarios
- ... Hoy en día es la que más visitas tiene del mundo.
Linkedln 
- URL http://www.linkedin.com/
- Red social de orienteación profesional
- Permite estar conectado de manera profesional, mantener y crear contactos
- Muy utilizado para buscar empleo
- De uso muy sencillo
Xing 
URL http://www.xing.com/
- Red profesional con sede en Alemania.
- Muy conocida en Europa, ofrenciendo servicios en diferentes países
- Enfocado a las oportunidades de empleo y otras opciones empresariales
- Muy interesante con la globalización.
Second Life 
URL http://secondlife.com
- Es un mundo virtual en 3D.
- Los usuarios crean avatares que les representan en la web
- un avatar es una representación digital de un personaje
- También se puede usar para celebrar reuniones o incluso realizar entrevistas de trabajo
Gaia Online 
URL http://www.gaiaonline.com/
- Es un mundo virtual muy popular entre adolescentes
- Pensado para realizar juegos en línea, hacer amigos y expresar la creatividad e población joven.
Lista de redes sociales vistas
Lista de redes sociales
- A continuación un listado de redes sociales
- Algunas vistas previamente, otras no
- Generalistas
- MySpace
- Facebook
- Tuenti
Contenidos
- Son contenidos generados por el usuario
- Hacen referencia directamente a la característica de conocimiento o inteligencia colectiva de la web 2.0
- Bloggin
- Software de blog
- cms
- wikis
- Procesador de textos on line
Contenidos (continuación)
- Presentaciones
- Calendarios
- Fotos
- Vídeos
- Hojas de cálculo on line
Software de Weblog
Lista de software de blogs
Definición
| Sistemas de gestión de contenidos (CMS) diseñados para la creación y administración de blog
|
- Sitios cms generadores de blog
Blogging: concepto
- Lectores, organizadores, recursos para convertir el HTML en PDF,
- respaldan, etiquetan, buscan, difunden, optimizan, indexan dinámicamente y una amplia gama de aplicaciones orientadas a enriquecer el uso de blogs.
- Si el blog es una especie de diario donde quieres hacer públicas tus ideas y experiencias, el blogging es el software que lo hace posible.
Blogging: enlaces
- El blogging combinaba la página web personal con herramientas para poder enlazar con otras páginas más fácilmente. Asi tenemos permalinks, blogrolls y trackbacks.
- permalinks
- Enlaces permanentes a url.
- blogrolls
- Una colección de enlaces de blogs, normalmente presentado en una columna lateral de la página web.
- trackbacks
- enlace inverso. Permite conocer qué enlaces apuntan hacia un determinado artículo.
Blogging: ejemplos
- Algunos de los principales sitios cms generadores de blog
CMS
- Sistemas de gestión de contenidos (content Management System)
- Es un software que hablando de sitios web nos va a permitir desarrollar un sitio web
- Automatizará muchos procesos como la gestión de usuarios y mantenimiento de contenidos.
- Podemos modificar la información rápidamente desde cualquier computadora con conexión
- Simplifica tareas de creación, distribución, presentación y mantenimiento de contenidos en la red
CMS: Algunos ejemplos
Algunos ejemplos
- Algunos Gestores de contenidos CMS muy usados
CMS: Drupal
[imagen:LogoDrupal.png|center|300px]
Drupal: http://drupal.org/
- Uno de los CMS más populares, en este caso gratuito y open source.
- Creado en PHP y con posibilidad de utilizar varias bases de datos distintas,
- por defecto usa el polupar MySQL. Popular pero no único
CMS: Mambo
[imagen:mambo.png|center|300px]
Un sistema CMS libre y gratuito, creado en PHP.
CMS: Joomla
[imagen:joomla.png|center|300px]
Joomla!: http://www.joomla.org/
Es un CMS de código libre, también creado en PHP.
- Surge como una mejora o ampliación de Mambo
- o incompatiblidad de intereses entre personas de desarrollo dentro de Mambo (esta es una opinión personal)
wikis
- Los wikis son sitios Web que permiten a los usuarios editar contenidos existentes y añadir nueva información.
- Son ejemplos perfectos de contenido generado por el usuario e inteligencia colectiva.
- Un ejemplo es este wiki que utilizamos en clase :)
- Existe un lenguaje estándar para publicar con wiki
- OpenOffice te ofrece la posiblidad de exportar el docuemnto a wiki con extensión txt
wikis: ejemplos
- Algunos ejemplos de wikis
Procesador de textos on line
- Es una herramienta para editar, formatear y compartir documentos de forma online.
- Esto implica el trabajo corporativo es decir crear contenidos de forma colectiva y colaborativa.
- Varios usuarios pueden editar el texto de forma simultánea. Todas las modificaciones son registradas en un histórico
Ejemplos de Procesadores de textos on line
Hojas de cálculo on line
- Herramientas disponibles en la red para hacer operaciones similares a las que pueda hacer una hoja de cálculo de excell
- zoho sheet https://sheet.zoho.com
- thinkfree
- Google Spreadsheets.
- Integrado en Google docs.
- editgrid https://www.editgrid.com/site/login
- Gratuita para uso personal, y por un módico precio prestaciones profesionales (eso dicen al darte de alta)
Presentaciones
- Estas herramientas ayudan a simplificar la elaboración, publicación y distribución de las presentaciones estilo PowerPoint.
- Fáciles de usar y en su gran mayoría gratuitas.
- Son de gran utilidad para el entorno educativo y laboral
- Algunos permiten incluir vídeo y música
Vídeos
- Herramientas orienteadas a simplificar el acceso, edición organización y búsqueda de materiales multimedia (audio y video).
- El usuario además de encontrar diversos espaciones donde publicar sus archivos dispone de recursos para compartir y distribuir sus vídeos en otras aplicaciones de internet
- YouTube http://www.youtube.com/
- El más popular gestor de vídeos en Internet.
- Google videos http://video.google.es/
- Servicio de alojamiento de vídeos en Internet de google.
Vídeos (2)
- Teacher Tube http://www.teachertube.com/
- Vídeos que pueden ser útiles para aplicar en el aula (en su mayoría están en inglés).
- Jumpcut http://jumpcut.com
- Este servicio tiene la peculiaridad de permitir compartir y además, editar vídeos online. Es necesario tener una cuenta Yahoo.
Calendarios
Herramientoas para organizar la agenda de actividades. Puede ser usada de forma individual o colectiva.
Simplifica la planifiación de actividades de una persona o un colectivo
- kiko Calendar
- Google Calendar
- AirSet
Fotos
Plataformas para almacenar, publiccar, comparitr y editar fotografías digitales
Estas aplicaciones son generalmente de uso libre y permiten clasificar las fotografías del usuario facilitando su búsqueda
suelen ofrecer diferentes formas de presentar las imágenes (slideshow)
- flickr
- riya
- Picasa
Organización social
- Herramientas que ayuden a organizar optimizar el proceso de búsqueda e identificación de contenidos útiles en internet.
- Se basan en el aprovechamiento de las redes sociales y el conocimiento colectivo para hacer las búsquedas más inteligentes y productivas
- Buscadores
- Agregadores
- Marcadores sociales
Buscadores
- Herramientas de búsquda de información, tanto genéricoas como especializadas
- google
- altavista
- lookSmart
Agregadores
- Agragadores sociales y lectores
Aplicaciones para sindicar los contenidos de diferentes sitios web en forma de feeds (fuente) RSS, Atom y otros formaots derivados de SML/RDF3)
- Le indican al usuario cada vez que se producen novedades de informacion en alguno de los portales elegidos. Su uso es gratuito y sencillo y resulta muy eficiente para ahorrar tiempo de navegación
- FeedBurner
- Bloglines
- FeedReader3
- Google Reader
Marcadores sociales
- Herramientoas para almacenar, etiquetar, organizar y compartir colectivamente los enlaces más relefantes de la Red (sitios, web, blogs, documentos, música, libros, imágenes, podcasts, videos entre otros).
- delicious
- StumbleUpon
- Connotea
- Favoritos
Aplicaciones híbridas
- Las aplicacones web hibridas conocidas como mashup.
Un Mashup es una aplicación web que usa y combina datos, presentaciones y funcionalidad procedentes de una o más fuentes para crear nuevos servicios, un nuevo contenido completo, consumiendo servicios siempre a través de protocolo http.
- Usa feed, RSS, Atom, como fuentes de información Formatos basados en XML con el objetivo de describir y distribuir contenidos
- Idea publicar y comapartir sindicar y agregar
- sindicar
- es poner los contenidos a disposición de otros
- agregar
- es absorver esta fuente para aprovecharla en nuestra sede web o en nuestro lector de noticias
- También puede usar API's de la web para obtener esa información. Por ejemplo puede usar JSOM (JavaScript Object Notation) es un formato ligero para intercambio de datos con JavaScript, que no usa XML.
- Organizadores de proyectos
- Escritorios virtuales
- Repositorios
- Reproductores de música y de vídeos
Organizadores de proyectos
- Entre las principales actividades realizables a través de este tipo de plataformas se encuentran:
- escritura colaborativoa, intercmbio de archivos,
- calendario,agenda, servicio de correo electrónico, telefonía
- otros recursos para favorecer la organización de actividades, tanto de uso individual como grupal
- zoho work Online
- eProject
- Tiktrac
Escritorios virtuales
- Webtop son páginas web que ofrecen las mismas funcionalidades que un escritorio pero de manera virtual.
- Ofrecen una serie de servicios de gestión de la información, lectores de feeds, así como algunos canales de comunicación (e-mail, chat, etc.), calendarios, agenda de direcciones, herramientas para escribir en blogs, etc
- Ghost
- netvibes
- google Desktop
Repositorios
- Almacenamiento en web son plataformas que ofrecen la posibilidad de guardar o respaldar en la web docuemntos y otros archivos protegidos con diversos mecanismo de seguirdad según se requiera.
- Facilitan la distribución de archivos pesados y permiten el acceso a la información personal desde cualquier lugar
- omnidirve
- Allmydata.com
- Box
- yousendit
Reproductores de música y de vídeos
Plataformas que facilitan la creación, edición, organización, distribución, publicación, reprodución y búsqueda de audios (postcasts), Pueden integrarse con blogs, lectores y otras fuentes disponibles en la Red
- Songbird
- Talkr
- jamendo
