Diferencia entre revisiones de «Usuario:ManuelRomero/DAW/TiposAplicaciones»

De WikiEducator
Saltar a: navegación, buscar
(→‎Lista de redes sociales vistas)
 
(No se muestran 75 ediciones intermedias de 2 usuarios)
Línea 12: Línea 12:
 
[[Image:aplicacionesWeb.png|700px|center]]
 
[[Image:aplicacionesWeb.png|700px|center]]
 
*[http://www.socialblabla.com/lista-de-1-000-aplicaciones-web-2-0-categorizadas.html  | Aplicaciones disponibles de la web2.0!!!]
 
*[http://www.socialblabla.com/lista-de-1-000-aplicaciones-web-2-0-categorizadas.html  | Aplicaciones disponibles de la web2.0!!!]
 +
</div>
 +
 +
<div class="slide">
 +
====Selecciona alguna aplicación====
 +
<br/>
 +
{{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}}
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
 
===Clasificación de tipos de aplicaciones===
 
===Clasificación de tipos de aplicaciones===
−
[[Actividad| Comenta 3 aplicaciones de la lista anterior que te resulten interesantes
 
−
*De una de ellas debes mostrar su utilidad a los compañeros
 
 
*Es complicado establecer un criterio para clasificación los tipos de aplicaciones web  
 
*Es complicado establecer un criterio para clasificación los tipos de aplicaciones web  
−
*Actualmente  existentes gran gran cantidad de aplicaciones en el actual entorno web 2.0.
+
*Actualmente  existen gran cantidad de aplicaciones en el actual entorno web 2.0.
 
*Haremos dos clasificaciones clasificaciones
 
*Haremos dos clasificaciones clasificaciones
 +
#Por la forma de presentar el contenido
 +
#Por la utilidad o tipo de servicio que presta
 
</div>
 
</div>
  
Línea 36: Línea 43:
 
<div class="slide">
 
<div class="slide">
 
====Página web Estática====
 
====Página web Estática====
−
*Están implementadas en HTML y pueden mostrar en alguna parte de la página objetos en movimiento tales como banners, GIF animados, vídeos, etc.
+
*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
 
*Es la base de la web 1.0
−
*Uno comienza aprendiendo html y haciendo páginas estáticas
+
*Normalmente se comienza aprendiendo ''html'' y haciendo ''páginas estáticas''
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
 
====Página web Animada====
 
====Página web Animada====
−
*Se realizan con la tecnología FLASH;  
+
*Se realizan con alguna tecnología de terceros usando ''plug-in'' como por ejemplo '''''FLASH''''';  
−
*HTML 5 soporta nuevas etiquetas '''''video''''' que permite no necesitar 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.
 
*Estas funcionalidades dotan a la página de  ciertos efectos animados continuados.
 
*Con ello obtenemos diseños más vanguardistas, modernos y creativos.
 
*Con ello obtenemos diseños más vanguardistas, modernos y creativos.
Línea 51: Línea 59:
 
====Página web Dinámica====
 
====Página web Dinámica====
 
*Ahora la misma página se adapta al usuario
 
*Ahora la misma página se adapta al usuario
−
*Necesitamos lenguajes de programación para realizar acciones y datos para particularizar que aporta el usuario o las bases de datos
+
*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
 +
</div>
 +
<div class="slide">
 +
 
 +
====Lenguajes de programación====
 +
[[imagen:lenguajes.png|300px|center]]
 
*Existen muchos 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.
 
*Los que destacamos aquí son los lenguajes PHP y ASP en el lado del servidor y javascript (ajax) en el lado del cliente.
 +
</div>
 +
<div class="slide">
 +
 +
====Funcionamiento básico de los lenguajes de  programacion====
 
*Estos lenguajes permiten una perfecta estructuración del contenido:
 
*Estos lenguajes permiten una perfecta estructuración del contenido:
 
#Por una parte crearíamos la estructura de las páginas web
 
#Por una parte crearíamos la estructura de las páginas web
Línea 61: Línea 80:
 
<div class="slide">
 
<div class="slide">
 
====Portal====
 
====Portal====
−
*Es un sitio web que en su página principal permite el acceso a múltiples secciones *Pueden ser foros, chats, cuentas de correo, buscador, acceso registrado para obtener ciertas ventajas, las últimas noticias de actualidad, etc.
+
*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.
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
 
==== Tienda virtual o comercio electrónico====
 
==== Tienda virtual o comercio electrónico====
−
*Sitio web que publica los productos de una tienda en Internet. ç
+
*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
+
*Permite la compra online a través de tarjeta de crédito, domiciliación bancaria o transferencia bancaria en general.  
−
transferencia bancaria en general.  
+
 
*Ofrece al administrador un panel de gestión para poder subir los productos, actualizarlos, eliminarlos, etc.
 
*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
 
</div>
 
</div>
 
<div class="slide">
 
<div class="slide">
 +
 
====Gestor de Contenidos====
 
====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.  
 
*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.  
Línea 78: Línea 101:
 
<div class="slide">
 
<div class="slide">
 
==Clasificando tipos de aplicaciones==
 
==Clasificando tipos de aplicaciones==
−
[[Image:aplicacionesWeb2.png]]
+
</div>
 +
 
 +
<div class="slide">
 +
===Tipos de aplicaciones===
 +
[[Image:aplicacionesWeb2.png|700px|center]]
 
*Como vemos en la imagen clasificamos en 4 tipos  
 
*Como vemos en la imagen clasificamos en 4 tipos  
 +
</div>
 +
 +
<div class="slide">
 +
 +
===Tipos de aplicaciones web atendiendo al servicio====
 +
*Ahora clasificamos atendiendo al tipo de servicio que ofrece la aplicación
 
#Redes sociales
 
#Redes sociales
 
#Aplicaciones Híbridas
 
#Aplicaciones Híbridas
Línea 85: Línea 118:
 
#Organización social e inteligencia de la información
 
#Organización social e inteligencia de la información
 
</div>
 
</div>
−
<!--
+
 
 +
<div class="slide">
 
===Redes sociales===
 
===Redes sociales===
 
Red social Vs Social Media no son conceptos sinónomos
 
Red social Vs Social Media no son conceptos sinónomos
 
;Un Social Media es un software.
 
;Un Social Media es un software.
 
{{Definicion|'''Social media o medios sociales''''' son
 
{{Definicion|'''Social media o medios sociales''''' son
−
#Aplicaciones
+
#Aplicaciones, herramientoas
−
#Herramientoas
+
#Plataformas y medios de comunicación
−
#Plataformas
+
−
#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
 
*Que tienen por objetivo facilitar la relación, la interrelación la colaboración y la distribución de contenidos entre usuarios
 
}}
 
}}
−
Las redes sociales son generaciones de personas con  
+
</div>
 +
<div class="slide">
 +
=====Social Network=====
 +
[[Imagen:SocialMedia .png|center|700px]]
 +
</div>
 +
<div class="slide">
 +
 
 +
====Redes sociales Vs. Medios sociales ====
 +
*'''''Las redes sociales'''''  se refiere a grupo (''redes'') de personas
 +
{{Definicion|'''''Social network'''''son generaciones de personas con  
 
#lazos
 
#lazos
 
#cohesión
 
#cohesión
 
#intereses
 
#intereses
−
  comunes  
+
  comunes }}
−
*Los medios sociales son el software que facilita la creación de una red social utilizando la tecnología como medio de comunicación.
+
</div>
 +
 
 +
<div class="slide">
 +
 
 +
====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
 
*No obstante hoy en día se utiliza el término red social para englobar también el término medio social
−
[[Imagen:RedSocial.png]]
+
</div>
−
[http://www.flickr.com/photos/pacpho/3888175190/sizes/m/in/photostream/|Fuente de la foto propiedad de Francisco Antonio]
+
<div class="slide">
 +
====Imagen Redes Sociales====
 +
[[Imagen:RedSocial.png|600px|center]]
 +
*[http://www.flickr.com/photos/pacpho/3888175190/sizes/m/in/photostream/|Fuente de la foto propiedad de Francisco Antonio]
 +
</div>
 +
 
 +
<div class="slide">
 +
 
 
===Redes sociales (2)===
 
===Redes sociales (2)===
−
*Sólo hay que tener cuidad con lo que se publica  
+
*Sólo hay que tener cuidado con lo que se publica  
−
*[[Imagen:Peligro1RedSocial.png|center]]
+
[[Imagen:Peligro1RedSocial.png|center|500px]]
 +
</div>
  
−
===Aplicaciones híbridas===
+
<div class="slide">
−
*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.
+
  
 +
===Analizando Redes sociales===
 +
*Las redes sociales permiten a los usuarios:
 +
#realizar el seguimiento de sus relaciones interpersonales
 +
#crear nuevas relaciones interpersonales o profesionales (''Linkedln'')
 +
{{Reflexion|Un gran tráfico de los sitios de compras provienen de redes sociales}}
 +
</div>
  
−
*Organizadores de proyectos
+
<div class="slide">
−
*Escritorios virtuales
+
===Ejemplos de Redes sociales===
−
*Repositorios
+
{{Retroalimentacion|Quizá aquí debería sentarme yo y hablar vosotras}}
−
*Reproductores de música y de vídeos
+
<br/>
−
====Organizadores de proyectos====
+
</div>
−
*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====
+
<div class="slide">
−
*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.  
+
====Friendster  [[Image:LogoFriendster.png|100px]]====
−
*Facilitan la distribución de archivos pesados y permiten el acceso a la información personal desde cualquier lugar
+
*URL: http://www.friendster.com
−
#omnidirve
+
*Uno de los primero líderes. Decrece mucho según aumenta sitios como ''MySpace''.  
−
#Allmydata.com
+
*Tiene una patente de cómo se desarrollan las redes de amigos [http://techcrunch.com/2006/07/07/friendster-awarded-patent-on-socialnetworking/].
−
#Box
+
*En 2009, fue adquirida por 26.4 millones de dólares a MOL Global, una compañía Asiática.
−
#yousendit
+
*En junlio de 2011 se convierte en un '''''social gaming'''''
−
====Reproductores de música y de vídeos====
+
</div>
−
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
+
<div class="slide">
−
#Songbird
+
−
#Talkr
+
−
#jamendo
+
  
 +
====MySpace [[Imagen:logoMySpace.png |100px]]====
 +
;MySpace [[Imagen:logoMySpace.png |100px]]
 +
;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
 +
</div>
  
 +
<div class="slide">
  
 +
====Facebook [[Imagen:logoFacebook.png |100px]]====
 +
;Facebook [[Imagen:logoFacebook.png |100px]]
 +
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.
 +
[[imagen:visitasRedSocial.png]]
 +
</div>
 +
 +
<div class="slide">
 +
 +
====Linkedln [[Imagen:logoLinkedln.png |100px]]====
 +
*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
 +
</div>
 +
 +
<div class="slide">
 +
 +
====Xing [[Imagen:logoXing.png |100px]]====
 +
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.
 +
</div>
 +
<div class="slide">
 +
 +
====Second Life [[Imagen:logoSecondLife.png |100px]]====
 +
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
 +
</div>
 +
 +
<div class="slide">
 +
 +
====Gaia Online [[Imagen:logoGaiaOnline.png |100px]]====
 +
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.
 +
</div>
 +
 +
<div class="slide">
 +
 +
====Lista de redes sociales vistas====
 +
<gallery caption="Referencia a algunas redes sociales>
 +
Image:LogoFriendster.png | http://www.friendster.com
 +
Imagen:logoMySpace.png | http://www.myspace.com/
 +
Imagen:logoFacebook.png |  http://www.facebook.com
 +
Imagen:logoLinkedln.png | http://www.linkedin.com/
 +
Imagen:logoXing.png | http://www.xing.com/
 +
Imagen:logoSecondLife.png | http://secondlife.com
 +
Imagen:logoGaiaOnline.png | http://www.gaiaonline.com/
 +
</gallery>
 +
 +
</div>
 +
 +
<div class="slide">
 +
 +
==== Lista de redes sociales ====
 +
*A continuación un listado de redes sociales
 +
*Algunas vistas previamente, otras no
 +
 +
;Generalistas
 +
:[http://www.myspace.com MySpace]
 +
:[http://www.facebook.com  Facebook]
 +
:[http://www.tuenti.com  Tuenti]
 +
</div>
 +
 +
<div class="slide">
 +
==== Redes sociales ''Networking''====
 +
:[http://www.xing.com/  xing]
 +
:[http://www.linkedin.com/  linkedin]
 +
</div>
 +
 +
<div class="slide">
 +
==== Redes sociales de agrupamiento ====
 +
:[http://sonico.com/  sonico]
 +
 +
;Crear una red social
 +
:[http://www.ning.com/  ning]
 +
:[http://www.socialgo.com/  socialgo]
 +
:[http://elgg.org/  elgg]
 +
:[http://www.grouply.com/  grouply]
 +
</div>
 +
 +
<div class="slide">
 +
==== RS para crear  en educacion ====
 +
:[http://www.edu20.org/  edu 2.0]
 +
:[http://www.edmodo.com/  edmodo]
 +
:[http://www.twiducate.com/  twiducate]
 +
</div>
 +
 +
<div class="slide">
 +
====Educación, aprendizaje, tecnología====
 +
:[http://internetaula.ning.com/  Internetaula]
 +
:[http://www.sociedadytecnologia.org/  Sociedad y tecnologia]
 +
:[http://eduspaces.net/  Espacio educativo ''eduspaces'']
 +
:[http://redsocial.uimp20.es/  Red social uimp20]
 +
:[http://tic-tac.teleco.uvigo.es/  tic-tac telecomunicacinoes de universidad de Vigo]
 +
:[http://dimglobal.ning.com/  dimglobal]
 +
:[http://www.e-learningsocial.com/  E-learningsocial]
 +
:[http://eduredes.ning.com/  Eduredes]
 +
:[http://www.academia.edu/  Academia]
 +
:[http://www.campuspdi.org/  Campuspdi]
 +
:[http://www.researchgate.net/  Researchgate]
 +
:[http://redesocial.uvigo.es/  Red social universidad de Vigo]
 +
</div>
 +
 +
<div class="slide">
 
===Contenidos===
 
===Contenidos===
 
*Son contenidos generados por el usuario
 
*Son contenidos generados por el usuario
−
*Hacen referenci directamente a la característica de conocimiento o inteligencia colectiva de la web 2.0
+
*Hacen referencia directamente a la característica de conocimiento o inteligencia colectiva de la web 2.0
−
 
+
 
#Bloggin
 
#Bloggin
 
#Software de blog
 
#Software de blog
Línea 164: Línea 322:
 
#wikis
 
#wikis
 
#Procesador de textos on line
 
#Procesador de textos on line
 +
</div>
 +
 +
<div class="slide">
 +
 +
===Contenidos (continuación)===
 
#Presentaciones
 
#Presentaciones
 
#Calendarios
 
#Calendarios
Línea 169: Línea 332:
 
#Vídeos
 
#Vídeos
 
#Hojas de cálculo on line
 
#Hojas de cálculo on line
 +
</div>
  
−
====Software de blog====
+
<div class="slide">
 +
====Software de Weblog====
 
[http://webs.uvigo.es/pcuesta/enlaces/blogs.html Lista de software de blogs]
 
[http://webs.uvigo.es/pcuesta/enlaces/blogs.html Lista de software de blogs]
 
{{Definicion|Sistemas de gestión de contenidos (CMS) diseñados para la creación y administración de blog}}
 
{{Definicion|Sistemas de gestión de contenidos (CMS) diseñados para la creación y administración de blog}}
−
<gallery caption="Algunos de los principales sitios cms generadores de blog">
+
<gallery caption="Sitios cms generadores de blog">
 
  Image:Wordpress.png|http://es.wordpress.com/
 
  Image:Wordpress.png|http://es.wordpress.com/
 
  Image:blogger.png| http://www.blogger.com
 
  Image:blogger.png| http://www.blogger.com
 
  Image:blogspirit.png|http://en.blogspirit.com/
 
  Image:blogspirit.png|http://en.blogspirit.com/
 
</gallery>
 
</gallery>
 +
</div>
  
 +
<div class="slide">
  
−
====Bloggin====
+
====Blogging: concepto====
−
Lectores, organizadores, recursos para converitr el HTML en PDF, respaldar, etiquetar, buscar, difundir, optimizar, indexar dinámicamente y una amplia gama de aplicaiones orientadas a enriquecer el uso de blogs.
+
* Lectores, organizadores, recursos para convertir el HTML en PDF,  
−
El blogging combinaba la página web personal con herramientas para poder enlazar con otras páginas más fácilmente —en concreto permalinks, blogrolls y trackbacks.  
+
* respaldan, etiquetan, buscan, difunden, optimizan, indexan dinámicamente y una amplia gama de aplicaciones orientadas a enriquecer el uso de blogs.
−
permalinks Enlaces permanentes a url.
+
*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.
−
blogrolls Un blogroll es una colección de enlaces de blogs, normalmente presentado en una columna lateral de la página web.
+
</div>
−
trackbacks enlace inverso. Permite conocer qué enlaces apuntan hacia un determinado artículo.
+
 
 +
<div class="slide">
 +
====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====
 
<gallery caption="Algunos de los principales sitios cms generadores de blog">
 
<gallery caption="Algunos de los principales sitios cms generadores de blog">
 
  Image:Techorati.png|http://technorati.com/
 
  Image:Techorati.png|http://technorati.com/
Línea 191: Línea 368:
 
  Image:b2Evolution.png|http://b2evolution.net/
 
  Image:b2Evolution.png|http://b2evolution.net/
 
</gallery>
 
</gallery>
 +
</div>
  
−
====cms====
+
<div class="slide">
−
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 automatizando muchos procesos como la gestión de usuarios y mantenimiento de contenidos.
+
  
−
*Podemos modificar al información rápidamente desde cualquier computadora con conexión
+
====CMS ====
−
Simplifica tareas de creación, distribución, presentación y mantenimiento de contenidos en la red
+
*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
 +
</div>
 +
 
 +
<div class="slide">
 +
====CMS: Algunos ejemplos ====
 
Algunos ejemplos
 
Algunos ejemplos
 
<gallery caption="Algunos Gestores de contenidos CMS muy usados">>
 
<gallery caption="Algunos Gestores de contenidos CMS muy usados">>
Línea 206: Línea 390:
 
imagen:LiveStoryboard.png
 
imagen:LiveStoryboard.png
 
</gallery>
 
</gallery>
 +
</div>
  
 +
<div class="slide">
 +
====CMS: Drupal ====
 +
[imagen:LogoDrupal.png|center|300px]
 
Drupal: http://drupal.org/  
 
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 MySQL.  
+
*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 
  
−
Mambo: http://www.mamboserver.com/
+
</div>
−
Un sistema CMS libre y gratuito, creado en PHP. Puedes leer el artículo sobre qué es Mambo publicado en DesarrolloWeb.com.
+
  
 +
<div class="slide">
 +
====CMS: Mambo ====
 +
[imagen:mambo.png|center|300px]
 +
*Mambo: http://www.mamboserver.com/
 +
Un sistema CMS libre y gratuito, creado en PHP.
 +
* Puedes leer el artículo sobre qué es Mambo publicado en http://DesarrolloWeb.com.
 +
</div>
 +
 +
<div class="slide">
 +
====CMS: Joomla ====
 +
[imagen:joomla.png|center|300px]
 
Joomla!: http://www.joomla.org/  
 
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  
+
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)
 +
</div>
 +
 
 +
<div class="slide">
 +
====CMS: OsCommerce y LiveStroyBoard ====
 +
[imagen:osComerce.png|center|300px]
  
 
OsCommerce: http://www.oscommerce.com/  
 
OsCommerce: http://www.oscommerce.com/  
−
El sistema gestor de contenidos de código libre, para la creación de una tienda más conocido y utilizado. Si te interesa, puedes leer el manual sobre OsComerce que hemos publicado.
+
*El sistema gestor de contenidos de código libre,
−
LiveStroyBoard: http://www.livestoryboard.com/
+
*Pensado para la creación de una tienda más conocido y utilizado.  
  
−
[http://royal.pingdom.com/2009/01/15/the-blog-platforms-of-choice-among-the-top-100-blogs/|Los más usados en gestores de contenidos (incluidos blogs)]
+
Otro LiveStroyBoard: http://www.livestoryboard.com/
 +
[http://royal.pingdom.com/2009/01/15/the-blog-platforms-of-choice-among-the-top-100-blogs/| Los más usados en gestores de contenidos (incluidos blogs)]
 +
</div>
  
 +
<div class="slide">
 
====wikis====
 
====wikis====
 
*Los wikis son sitios Web que permiten a los usuarios editar contenidos existentes y añadir nueva información.
 
*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.
 
*Son ejemplos perfectos de contenido generado por el usuario e inteligencia colectiva.
 
*Un ejemplo es este wiki que utilizamos en clase :)
 
*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'''''
 +
</div>
 +
 +
<div class="slide">
 +
====wikis: ejemplos====
 +
*Algunos ejemplos de wikis
 
<gallery>
 
<gallery>
−
imagen:File-WE-LOGO-Candidate1-icon-sanswords.gif|http://es.wikieducator.org  
+
imagen:Wikieducator.png|http://es.wikieducator.org  
 
imagen:logoMediaWiki.png|http://www.mediawiki.org
 
imagen:logoMediaWiki.png|http://www.mediawiki.org
 
imagen:logoWikipedia.png|http://www.wikipedia.com
 
imagen:logoWikipedia.png|http://www.wikipedia.com
Línea 234: Línea 451:
 
imagen:logoTiddyWiki.png|http://www.tiddywiki.com
 
imagen:logoTiddyWiki.png|http://www.tiddywiki.com
 
</gallery>
 
</gallery>
 +
</div>
 +
 +
<div class="slide">
  
 
====Procesador de textos on line====
 
====Procesador de textos on line====
Línea 239: Línea 459:
 
*Esto implica el trabajo corporativo es decir crear contenidos de forma colectiva y colaborativa.
 
*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
 
*Varios usuarios pueden editar el texto de forma simultánea. Todas las modificaciones son registradas en un histórico
 +
</div>
 +
 +
<div class="slide">
 +
====Ejemplos de Procesadores de textos on line====
 
*A continuación una lista de las muchas opciones que existen en la web
 
*A continuación una lista de las muchas opciones que existen en la web
 
#thinkfree http://www.thinkfree.com/main.jsp
 
#thinkfree http://www.thinkfree.com/main.jsp
Línea 246: Línea 470:
 
#Atlantis http://www.atlantiswordprocessor.com/en/
 
#Atlantis http://www.atlantiswordprocessor.com/en/
 
#Peepel  http://www.peepel.com/
 
#Peepel  http://www.peepel.com/
 +
</div>
  
 +
<div class="slide">
 +
====Ejemplos de Procesadores de textos on line====
 
<gallery>
 
<gallery>
 
image:LogoThinkFree.png| http://www.thinkfree.com/main.jsp
 
image:LogoThinkFree.png| http://www.thinkfree.com/main.jsp
Línea 255: Línea 482:
 
image:logoPeepel.png|  http://www.peepel.com/
 
image:logoPeepel.png|  http://www.peepel.com/
 
</gallery>
 
</gallery>
 +
</div>
  
 +
<div class="slide">
 
====Hojas de cálculo 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
 
*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
+
;zoho sheet https://sheet.zoho.com
−
#thinkfree   
+
;thinkfree   
−
#Google Spreadsheets. Integrado en Google docs.
+
;Google Spreadsheets.  
−
#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)
+
: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)
 +
</div>
 +
 
 +
<div class="slide">
 +
====Hojas de cálculo on line====
 
<gallery captio="Referencias a hojas de cálculo on line">
 
<gallery captio="Referencias a hojas de cálculo on line">
 
image:logoEditGrid.png
 
image:logoEditGrid.png
Línea 267: Línea 502:
 
image: logoGoogleSpreadSheets.png
 
image: logoGoogleSpreadSheets.png
 
</gallery>
 
</gallery>
 +
</div>
 +
 +
<div class="slide">
 
====Presentaciones====
 
====Presentaciones====
 
*Estas herramientas ayudan a simplificar la elaboración, publicación y distribución de las presentaciones estilo PowerPoint.
 
*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.  
 
*Fáciles de usar y en su gran mayoría gratuitas.  
−
Son de gran utilidad para el entorno educativo y laboral
+
*Son de gran utilidad para el entorno educativo y laboral
 +
*Algunos permiten incluir vídeo y música
 +
</div>
 +
<div class="slide">
 +
====sitios web para Presentaciones online ====
 +
;280-slides http://280slides.com
 +
:posibilita insertar videos de Youtube
 +
;slideroll  http://www.slideroll.com/
 +
:muy dinámica parecida a youtube
 +
;slideshare http://www.slideshare.net/
 +
:son las presentaciones que se suelen ver
 +
;sliderocket http://sliderocket.com/
 +
;slideboom http://www.slideboom.com/
 +
;TagSlides http://searchslides.com/
 +
:relacionado con las búsquedas que realices en google ?
 +
;slideoo  http://www.slideoo.com/
 +
:crea presentaciones basádose en los datos que obtiene desde la cuenta de Flickr
 +
</div>
 +
 
 +
<div class="slide">
 +
====sitios web para Presentaciones online (2)====
  
−
#280-slides http://280slides.com posibilita insertar videos de Youtube
 
−
#slideroll  http://www.slideroll.com/ muy dinámica parecida a youtube
 
−
#slideshare http://www.slideshare.net/ son las presentaciones que se suelen ver
 
−
#sliderocket http://sliderocket.com/
 
−
#slideboom http://www.slideboom.com/
 
−
#TagSlides http://searchslides.com/ relacionado con las búsquedas que realices en google ?
 
−
#slideoo  http://www.slideoo.com/ crea presentaciones basádose en los datos que obtiene desde la cuenta de Flickr
 
 
#WebSlides http://slides.diigo.com/ dinámico y efectivo
 
#WebSlides http://slides.diigo.com/ dinámico y efectivo
 
#slide http://www.slide.com/ Sencillo y divertido  
 
#slide http://www.slide.com/ Sencillo y divertido  
Línea 284: Línea 535:
 
#empressr http://www.empressr.com/
 
#empressr http://www.empressr.com/
 
[[Archivo:LogosAppWebPresentaciones.png]]
 
[[Archivo:LogosAppWebPresentaciones.png]]
 +
</div>
 +
 +
<div class="slide">
 +
====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.
 +
</div>
 +
 +
<div class="slide">
 +
====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.
 +
</div>
 +
 +
<div class="slide">
 +
====Vídeos en web 2.0====
 +
<gallery caption="Referencias de aplicaciones on line de vídeos>
 +
imagen:LogoYouTube.png
 +
imagen:logoGoogleVideo.png
 +
imagen:logoTeacherTube.png
 +
</gallery>
 +
</div>
 +
<div class="slide">
 
====Calendarios====
 
====Calendarios====
 
Herramientoas para organizar la agenda de actividades. Puede ser usada de forma individual o colectiva.
 
Herramientoas para organizar la agenda de actividades. Puede ser usada de forma individual o colectiva.
Línea 290: Línea 570:
 
#Google Calendar  
 
#Google Calendar  
 
#AirSet
 
#AirSet
 +
</div>
  
 +
<div class="slide">
 
====Fotos ====
 
====Fotos ====
 
Plataformas para almacenar, publiccar, comparitr y editar fotografías digitales
 
Plataformas para almacenar, publiccar, comparitr y editar fotografías digitales
Línea 298: Línea 580:
 
#riya
 
#riya
 
#Picasa
 
#Picasa
 +
</div>
  
−
====Vídeos====
+
<div class="slide">
−
*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
+
−
#Google Videl
+
−
#dmdm
+
−
 
+
 
===Organización social===
 
===Organización social===
 
*Herramientas que ayuden a organizar optimizar el proceso de búsqueda e identificación de contenidos útiles en internet.
 
*Herramientas que ayuden a organizar optimizar el proceso de búsqueda e identificación de contenidos útiles en internet.
Línea 313: Línea 590:
 
*Agregadores
 
*Agregadores
 
*Marcadores sociales
 
*Marcadores sociales
 +
</div>
  
 +
<div class="slide">
 
====Buscadores====
 
====Buscadores====
 
*Herramientas de búsquda de información, tanto genéricoas como especializadas
 
*Herramientas de búsquda de información, tanto genéricoas como especializadas
Línea 319: Línea 598:
 
#altavista
 
#altavista
 
#lookSmart
 
#lookSmart
 +
</div>
  
 +
<div class="slide">
 
====Agregadores====
 
====Agregadores====
 
*Agragadores sociales y lectores
 
*Agragadores sociales y lectores
Línea 328: Línea 609:
 
#FeedReader3
 
#FeedReader3
 
#Google Reader
 
#Google Reader
 +
</div>
  
−
 
+
<div class="slide">
−
 
+
 
====Marcadores sociales====
 
====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).
+
*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
 
#delicious
 
#StumbleUpon
 
#StumbleUpon
 
#Connotea
 
#Connotea
 
#Favoritos
 
#Favoritos
−
-->
+
</div>
 +
 
 +
<div class="slide">
 +
 
 +
===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
 +
</div>
 +
 
 +
<div class="slide">
 +
====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
 +
</div>
 +
 
 +
<div class="slide">
 +
====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
 +
</div>
 +
 
 +
<div class="slide">
 +
====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
 +
</div>
 +
 
 +
<div class="slide">
 +
====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
 +
</div>

Última revisión de 07:34 6 mar 2013

Road Works.svg Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos.
Ver página de charlas. 		Road Works.svg





Tipos de aplicaciones en la web

AplicacionesWeb.png

Selecciona alguna aplicación



Icon activity.jpg

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
  1. Por la forma de presentar el contenido
  2. Por la utilidad o tipo de servicio que presta

Clasificación por la forma del contenido

  1. La propia aplicación y el contenido que presenta
    1. Páginas Web Estática
    2. Páginas Web Animada
    3. Páginas Web Dinámica
    4. Portal
    5. Tienda virtual
    6. 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
  1. lenguajes de programación para realizar acciones y
  2. bases de datos para almacenar/recuperar datos con ello podremos particularizar la página a un usuario

Lenguajes de programación

Lenguajes.png
  • 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:
  1. Por una parte crearíamos la estructura de las páginas web
  2. 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

AplicacionesWeb2.png
  • 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
  1. Redes sociales
  2. Aplicaciones Híbridas
  3. Contenidos
  4. 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.


Icon define.gif

Definición

Social media o medios sociales son
  1. Aplicaciones, herramientoas
  2. 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


Social Network
SocialMedia .png

Redes sociales Vs. Medios sociales

  • Las redes sociales se refiere a grupo (redes) de personas


Icon define.gif

Definición

Social networkson generaciones de personas con
  1. lazos
  2. cohesión
  3. intereses 
comunes


Redes sociales Vs. Medios sociales

  • Los medios sociales: características
  1. El software que facilita la creación de una red social
  2. 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

Imagen Redes Sociales

RedSocial.png

Redes sociales (2)

  • Sólo hay que tener cuidado con lo que se publica
Peligro1RedSocial.png

Analizando Redes sociales

  • Las redes sociales permiten a los usuarios:
  1. realizar el seguimiento de sus relaciones interpersonales
  2. crear nuevas relaciones interpersonales o profesionales (Linkedln)


Icon reflection.gif

Reflexión

Un gran tráfico de los sitios de compras provienen de redes sociales


Ejemplos de Redes sociales

Feedback.png


Friendster LogoFriendster.png

  • 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 LogoMySpace.png

MySpace LogoMySpace.png
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 LogoFacebook.png

Facebook LogoFacebook.png

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.

VisitasRedSocial.png

Linkedln LogoLinkedln.png

  • 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 LogoXing.png

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 LogoSecondLife.png

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 LogoGaiaOnline.png

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

Redes sociales Networking

xing
linkedin

Redes sociales de agrupamiento

sonico
Crear una red social
ning
socialgo
elgg
grouply

RS para crear en educacion

edu 2.0
edmodo
twiducate

Educación, aprendizaje, tecnología

Internetaula
Sociedad y tecnologia
Espacio educativo eduspaces
Red social uimp20
tic-tac telecomunicacinoes de universidad de Vigo
dimglobal
E-learningsocial
Eduredes
Academia
Campuspdi
Researchgate
Red social universidad de Vigo

Contenidos

  • Son contenidos generados por el usuario
  • Hacen referencia directamente a la característica de conocimiento o inteligencia colectiva de la web 2.0
  1. Bloggin
  2. Software de blog
  3. cms
  4. wikis
  5. Procesador de textos on line

Contenidos (continuación)

  1. Presentaciones
  2. Calendarios
  3. Fotos
  4. Vídeos
  5. Hojas de cálculo on line

Software de Weblog

Lista de software de blogs


Icon define.gif

Definición

Sistemas de gestión de contenidos (CMS) diseñados para la creación y administración 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

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
  • Mambo.png
  • Joomla.png
  • LogoDrupal.png
  • OsComerce.png
  • LiveStoryboard.png

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)

CMS: OsCommerce y LiveStroyBoard

[imagen:osComerce.png|center|300px]

OsCommerce: http://www.oscommerce.com/

  • El sistema gestor de contenidos de código libre,
  • Pensado para la creación de una tienda más conocido y utilizado.

Otro LiveStroyBoard: http://www.livestoryboard.com/ Los más usados en gestores de contenidos (incluidos blogs)

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

  • A continuación una lista de las muchas opciones que existen en la web
  1. thinkfree http://www.thinkfree.com/main.jsp
  2. googleDoc https://drive.google.com/#my-drive
  3. ajaxWrite http://ajaxwrite.com/
  4. ZOHO writer https://writer.zoho.com/jsp/home.jsp
  5. Atlantis http://www.atlantiswordprocessor.com/en/
  6. Peepel http://www.peepel.com/

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)

Hojas de cálculo on line

  • LogoEditGrid.png
  • LogoZohoSheet.png
  • LogoGoogleSpreadSheets.png

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

sitios web para Presentaciones online

280-slides http://280slides.com
posibilita insertar videos de Youtube
slideroll http://www.slideroll.com/
muy dinámica parecida a youtube
slideshare http://www.slideshare.net/
son las presentaciones que se suelen ver
sliderocket http://sliderocket.com/
slideboom http://www.slideboom.com/
TagSlides http://searchslides.com/
relacionado con las búsquedas que realices en google ?
slideoo http://www.slideoo.com/
crea presentaciones basádose en los datos que obtiene desde la cuenta de Flickr

sitios web para Presentaciones online (2)

  1. WebSlides http://slides.diigo.com/ dinámico y efectivo
  2. slide http://www.slide.com/ Sencillo y divertido
  3. imageloop http://www.imageloop.com/es/setuplooop.htm parecido al anterior
  4. empressr http://www.empressr.com/

LogosAppWebPresentaciones.png

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.

Vídeos en web 2.0

  • LogoYouTube.png
  • LogoGoogleVideo.png
  • LogoTeacherTube.png

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

  1. kiko Calendar
  2. Google Calendar
  3. 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)

  1. flickr
  2. riya
  3. 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
  1. google
  2. altavista
  3. 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
  1. FeedBurner
  2. Bloglines
  3. FeedReader3
  4. 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).
  1. delicious
  2. StumbleUpon
  3. Connotea
  4. 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
  1. zoho work Online
  2. eProject
  3. 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
  1. Ghost
  2. netvibes
  3. 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
  1. omnidirve
  2. Allmydata.com
  3. Box
  4. 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

  1. Songbird
  2. Talkr
  3. jamendo
Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/DAW/TiposAplicaciones&oldid=11723»