A+ | a-

Lo que debes saber: ¿Qué es la Web 2.0?

1;3...243!Image by silkegb via Flickr

Este post es una versión texto, según el sistema de preguntas y respuestas, del slideshow del licenciado en Ciencias de la Comunicación Nelson Rafael Nusbaum que puede encontrarse en slide.com

¿Qué es la Web 2.0?


El concepto Web 2.0 surgió de una reunión entre O´Reilly y Media Live International en el 2004. La Web 2.0 es el resultado de la evolución de las aplicaciones tradicionales hacia aplicaciones Web enfocadas al usuario final o navegante.
Una visión Compartida para una Web Participativa donde somos a la vez productores Web 2.0.

¿Qué caracteriza a la Web 2.0?


-Las datos se insertan y extraen fácilmente.

-Gratuita (Generalmente)

-Los usuarios son los principales generadores de contenido.

-Todo (Usuario y Contenidos) se puede interconectar entre sí (Red).

-“Arquitectura de Participación” Tim O´Reilly

-Basada Exclusivamente en la Web

-Diseño sencillo y práctico

-Fácil aplicación y adaptabilidad. Suele hacer uso, según un concepto muy usado por los programadores y creadores de herramientas web, una interfaz sumamente "intuitiva" (que no requiere entrenamiento ni manuales) para el usario.

¿Hay ejemplos concretos de aplicaciones de la Web 2.0?


Sin duda. He aquí un par de ellos:

-Google: es el mejor ejemplo. Una Web con “aplicaciones centradas en el usuario”, fácil de usar, atractivo, en permanente innovación y gratuito (para el usuario).

-Blog: pensados inicialmente como una bitácora de navegación, para que el cibernauta pudiese registrar aquellos aspectos que estimara más relevantes, hoy los weblogs (web+log) –o blogs– ofrecen, bajo la estructura cronológica de un diario de vida, un espacio para publicar información -en dato (documentos), voz o video- en Internet.

¿Existen otras?


-Wiki: palabra que en lengua hawaiana significa rápido, es un tipo de aplicación que bajo la estructura de un procesador de texto en línea permite que cualquiera pueda escribir, publicar fotografías o videos, archivos o links, sin ninguna complejidad.

-Repositorios: una herramienta digital de especial utilidad para científicos y académicos interesados en compartir sus conocimientos. Creados bajo la filosofía del co-laboratorio, ofrecen la posibilidad de subir o descargar de la Web herramientas multimedia (texto, imágenes, voz o video) que pueden ser utilizadas con fines científicos o pedagógicos, principalmente en universidades y centros de estudios.

-Flickr: es el nombre de una compañía que innovó la manera de compartir imágenes a través de Internet. Al igual que los ejemplos anteriores, se caracteriza por ofrecer un espacio de almacenamiento gratuito y por contar con una interfaz sumamente intuitiva, permite subir fotografías a la red sin necesidad de instalar ningún tipo de software en la computadora. • You Tube: bajo la misma lógica de Flickr, esta herramienta ofrece algo que hasta hace muy poco era inimaginable para un usuario común: poder compartir videos o imágenes animadas sin contar con grandes recursos tecnológicos. Web 2.0

-Feevy: es un "agregador de blogs" en formato “compact” para poder incluir en un blog. Es decir que ahora, en lugar de una extensa lista de links favoritos, podemos ver las últimas entradas de cada blog (y el avatar de cada autor/a) en nuestro propio sitio. Una aplicación que permite la construcción de una interesante red de bloggers.

-Lectores RSS (Really Simple Syndication): en español significa “sindicación realmente simple”. Es un formato de archivo usado para la distribución de contenidos. Permite que alguien no sólo enlace con una página, sino se subscriba a la misma, y reciba notificaciones cada vez que la página cambia. RSS permite seguir una página desde distintas aplicaciones, incluida el correo electrónico, lo que significa que el navegador Web no es el único medio para ver una página Web. [Para saber más sobre esta aplicación léase el post de La taza de café dedicado a RSS]

-WIKIs: Se desarrolla de manera Colaborativa por un grupo de usuarios. Es editada fácilmente por cualquier Usuario. Aviso por email de cambios o Comentarios. Opción de cambos recientes (Historial). Se dispone de manera libre y gratuita de ¡una gran cantidad de información! Trabajo Colectivo.

-WIKIPEDIA: Wikipedia, una enciclopedia en línea basada en la inverosímil idea de que una entrada puede ser agregada por cualquier usuario de la Web, y corregida por cualquier otro, es un experimento radical de confianza, aplicando la máxima de Eric Raymond (acuñado originalmente en el contexto del software libre o abierto) de que para la generación de contenido" con ojos suficientes, todos los fallos son superficiales".

-Otras aplicaciones tipo WIKI: En la plataforma Web 2.0 existen también algunas aplicaciones de escritorio que se les ha llamado editores de texto colaborativos, pero que en realidad son wikis ya que mantienen el historial del texto con todas sus modificaciones. Son herramientas de entorno de escritorio que permiten hacer trabajos colaborativos con un interface limpio y usable.

Ejemplos:

Writely: http://www.writely.com
Writeboard: http://writeboard.com/

-Marcadores Sociales: Categorización colaborativa por medio de etiquetas simples en un espacio de nombres. Tener sus favoritos online. Web 2.0

-Podcasting: Método de distribución de archivos de audio o video (vcast) en Internet mediante el uso de RSS para ser escuchados en dispositivos portátiles. La diferencia entre un podcast y una descarga de audio o video es la suscripción. Las subscripciones se actualizan de manera desatendida (sin visitar el sitio Web origen). Las radios comerciales proporcionan sus contendidos en podcast Web 2.0.

¿Son las Redes aplicaciones de la Web 2.0?


Lo son. Redes Sociales: Comunidades Participativas donde se establecen relaciones entre usuarios en base a sus intereses comunes. Flickr, Facebook, Twitter entre las más famosas. Actualmente existen muchísimas en Internet y van en aumento.

¿Los weblogs qué son?


Es un espacio o sitio web de comunicación personal o de un colectivo con perfl personalizado. Sus contenidos abarcan cualquier tipología: video, audio, documentos, fotos, links... Incluye enlaces a otros sitios web que tienen relación con los contenidos del blog. La interactividad que permiten aporta un valor añadido como elemento dinamizador en el proceso de comunicación y desvirtúa la autoridad del "autor" del sitio así como la rigidez de una "obra" culminada.

¿En resumen, qué nos aporta la Web 2.0?


Fundamentalmente, más facilidades para el usuario. Día a día van surgiendo más aplicaciones que hacen nuestro tránsito por Internet un atractivo laberinto de descubrimientos y aprendizajes, permitiéndonos distintas formas de comunicación e incorporación de conocimientos. Slideshare.net, Slide.com, Podcast, Evoca.com, del.icio.us, bubbleshare.com, metacafe, dailymotion, jubbee.com, netvibes.com, feevy, entre muchas otras...

Nuevas funcionalidades de Blogger

Blogger (service)Image via Wikipedia

Blogger se actualiza constantemente, y en Blogger in Draft (Blogger en Borrador) podemos encontrarlas antes de que se pongan definitivamente en el panel del Blogger corriente. La diferencia entre ambos es tan sutil como un cambio de dirección y una casi indistinguible diferencia en el diseño entre otros pequeños detalles que hace de Blogger in Draft el preferido de los blogueros más activos.

La dirección de Blogger in Draft es http://draft.blogger.com/, mientras que la del Blogger corriente es http://www.blogger.com/. Sin embargo, estando en cualquiera de los dos, puedes "saltar" hacia la otra versión cambiando la primera parte de la dirección en tu navegador y te quedarás en la misma página (incluso si estabas escribiendo una entrada o post) sólo que desaparecerán o aparecerán las funcionalidades que distinguen a un servicio de otro.

Para poner en práctica las nuevas funcionalidades que les diré a continuación deben entrar desde Blogger in Draft.

Nuevas funcionalidades de Blogger:

 1) Agregar "Últimas Entradas": Ve a Diseño, y en Elementos de la página haz click en "Agregar un nuevo elemento". Verás unos links a la izquierda de la ventana emergente, debes pinchar "Destacados". Allí encontrarás el elemento "Últimas entradas" o "Recent posts". Agrégalo y personalízalo (puedes cambiar el título por uno que prefieras, decidir cuantas entradas quieres que aparezcan... aparecerán sólo unas líneas de cada entrada y un link "Continuar" para acceder a toda la entrada). Luego arrástralo hacia donde deseas que aparezca dentro de tu página.


2) Agregar "Últimas Comentarios": Ve a Diseño, y en Elementos de la página haz click en "Agregar un nuevo elemento". Verás unos links a la izquierda de la ventana emergente, debes pinchar "Destacados". Allí encontrarás el elemento "Últimos comentarios" o "Recent comments". Agrégalo y personalízalo (puedes cambiar el título por uno que prefieras, decidir cuantos comentarios quieres que aparezcan... si el comentario es largo, aparecerán sólo unas líneas y un link para acceder al resto del comentario). Luego arrástralo hacia donde deseas que aparezca dentro de tu página.

3) Agregar "Nube de etiquetas": Ve a Diseño, y en Elementos de la página haz click en "Agregar un nuevo elemento".  Allí encontrarás el elemento "Etiquetas". Agrégalo. Cuando entres a la configuración de este elemento verás que puedes elegir de dos opciones: como lista o como "nube". Escoge "nube" y personaliza el nuevo gadget cambiando el título de "Etiquetas" por uno que prefieras, también puedes decidir qué etiquetas quieres que aparezcan en tu nube. Luego de realizar los cambios guarda y arrastra tu nuevo elemento hacia donde deseas que aparezca dentro de tu blog.

Reblog this post [with Zemanta]

Zemanta: añade imágenes, links y etiquetas a tu post con un solo click

Folie florale...!!!Image by Denis Collette...!!! via Flickr
Zemanta es un agregador de imágenes que localiza para quien lo usa links, imágenes, y etiquetas relacionadas con el post que redactaste. Así, si tu post tiene que ver con las arañas, tendrás imágenes de estos insectos, links de artículos recientes sobre el tema, y una lista de etiquetas que semanta te sugerirá para tu post, en las que verás tags como "araña", "insecto", "mundo animal", y otras tantas por el estilo.  Las imágenes son rastreadas en toda la red selecionando aquellas cuya licencia permita compartir con otros usuarios; Zemanta pone a tu disposición fotos de Flickr, Wikipedia, Facebook y otros muchos servicios de alojamiento de imágenes y redes sociales con vistas en miniatura y te pregunta cómo deseas incorporarla al post (a la izquierda, a la derecha, al centro). Zemanta también te sugiere también enlaces que podrás agregar a tu texto automáticamente.

Zemanta puede ser usado de dos maneras: descargando la aplicación para que sea parte de tu navegador Firefox (abre tu navegador Mozilla Firefox y en el menú Herramientas de la barra de herramientas superior selecciona "Componentes" o "Add-on"; luego busca en el pequeño buscador que verás en la ventana emergente el término "Zemanta" y una vez hallado, sigue las instrucciones). Luego de que Zemanta sea parte de tu navegador se activará de forma inmediata cuando entres a tu panel de publicación de Blogger, y se desplegará a la derecha de la página como puedes ver en esta foto

Zemanta

Allí encontrarás sugerencias de imágenes en vista miniatura que podrás agregar a tu post seleccionándola haciendo click sobre la imagen: se añadirá un código a tu post que no debes tocar, ya que se trata de tu imagen. Debajo de las sugerencias de imágenes como ves aparecen artículos relacionados al contenido de tu post que podrás visitar si lo deseas. En la parte inferior de la entrada, es decir, bajo la caja donde escribes tu post, verás las sugerencias de links o enlaces que se incorporan automáticamente al texto con solo un click, y sugerencias de etiquetas que puedes seleccionar de la misma forma. Aquí va la imagen

Zemanta

La otra manera de usar Zemanta es accediendo a su página oficial, donde encontrarás la versión Demo http://www.zemanta.com/demo/, que se aplica desde la página copiando tu artículo o post en ella, para que Zemanta te haga las sugerencias pertinentes. 

Los desarrolladores de Zemanta han dado en el clavo. Buscan información valiosa por nosotros, sin que tengamos que invertir un solo minuto de nuestro tiempo en ello. Usando Zemanta imágenes impresionantes, profesionales, curiosas, acertadas, estarán a la mano, y enlaces y etiquetas serán encontrados y colocados ante nuestra vista en un segundo. Zemanta  sirve para Wordpress, Blogger y Typepad, y están creando versiones para que pueda ser usada desde otros navegadores como Internet Explorer y Opera. La información de Zemanta se genera a medida que escribes tu post o artículo, y si este cambia, las sugerencias de Zemanta cambian a su vez.

Úsalo, no te arrepentirás. Zemanta además parece muy efectivo en conexiones lentas, aunque si tienes demasiadas páginas abiertas o es uno de esos días en que no subes de los 39 KB te recomiendo lo dejes para otro momento. Para ser un gestor de imágenes y datos se articula con mucha facilidad y rapidez a nuestra página de Blogger.


Reblog this post [with Zemanta]

Truco para informar cuántas entradas y comentarios tiene tu blog hasta el momento

UkrainiansImage via Wikipedia
Finalmente aquí está, buenas gentes, el post del día 5 que no funcionó por que su código desapareció misteriosamente... Acá lo volvemos a poner. Ahora sí salió.

Truco para informar cuántas entradas y comentarios tiene tu blog hasta el momento


Este truco es tan fácil como útil. Con él podrás llevar la cuenta del número de entradas y comentarios de tu blog, y dárselo a conocer a tus lectores.

Para ello, sólo tienes que estas indicaciones (tres pasos):

1) Copia el siguiente código en un documento de texto (preferiblemente un txt):


<span style="font-weight:bold;">ESTE BLOG TIENE HASTA LA FECHA</span> <script style="text/javascript">

function showpostcount(json) {

document.write(parseInt(json.feed.openSearch$totalResults.$t,10));

}</script><script src="http://ayudacubablogs.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> ENTRADAS Y <script src="http://ayudacubablogs.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> <span style="font-weight:bold;">COMENTARIOS</a> </span>



2) Cambia en el código los datos que siguen para que se ajuste a tu blog:

--Las frases en mayúscula, que puedes cambiar por otras que vayan mejor con tu estilo [las coloqué en altas para que pudieras reconocerlas con facilidad, tú escríbelas en minúsculas]:

ESTE BLOG TIENE HASTA LA FECHA
ENTRADAS Y
COMENTARIOS

--Busca las dos direcciones de La taza de café (http://ayudacubablogs.blogspot.com) que hay en el código y sustitúyelas por la dirección de tu blog.

3) Llegó la hora de pegar el código en tu blog. Ve a Diseño, pestaña "Elementos de página"; una vez allí pincha el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, y ahí pega tu código. Después que se haya agregado a los elementos de tu blog arrástralo al lugar donde quieras que aparezca.

¡Hasta la próxima!


Reblog this post [with Zemanta]

Deja que tus lectores compartan tus posts en Facebook y Twitter

no sun & no people | have a nice sundayImage by dicau58 via Flickr

Antes de pasar al post de hoy quiero disculparme por el de ayer. Los lectores subscritos y algunos visitantes furtivos pudieron ver durante algunos segundos ese post extraño donde se mencionaba un código que nunca apareció. Pido disculpas. El post fue retirado hasta que logre entender qué fue lo que pasó que vi el código en Vista Previa, y cuando miré de nuevo, ya no estaba allí. Les debo ese post sobre el número de comentarios y de entradas para una próxima vez. No se preocupen, daré con la respuesta, como dice un amigo blogger, "no hay tareas difíciles, sino hombres (y mujeres) holgazanes".

Ahora pasemos al truco de hoy.

Las redes sociales son una potencia hoy en día, y tu blog puede beneficiarse de ellas. Un lector que comparta una sóla de tus entradas o posts con su red de amigos en Facebook o en Twitter puede promocionar de una manera más que efectiva el contenido de tu página. Para ello son estos dos botones de "Compartir en Facebook" y "Compartir en Twitter" que harán que tras pinchar, y tras un par de segundos, el lector de tu blog pueda llevar hasta cientos de lectores potenciales el post que fue de su agrado.

Aquí te dejo en dos secciones, distintos modos de colocar estos botones. En la primera sección, hallarás varias formas de incluir el botón "Compartir en Facebook". En la segunda encontrarás dos opciones de colocar el botón "Compartir en Twitter".
Los botones que escojas debes colocarlos en la pestaña “Diseño”, luego "Edición HTML", y una vez allí buscar (ayúdate con el comando Ctrl F) la siguiente línea: p class='post-footer-line post-footer-line-3'; justo después de esta coloca tú código.



Botones "Compartir en Facebook"


Para botón simple (solo el ícono de Facebook)


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981" alt="" /></a>



Para texto solamente (con la frase "Compartir en Facebook")




<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">Compartir en Facebook</a>


Las dos opciones anteriores juntas (ícono de Facebook más la frase "Compartir en Facebook"):


<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left; }</style><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" class="fb_share_link">Compartir en Facebook</a>


Como un botón con la frase "Compartir" más símbolo de Facebook




<script>function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; } html .fb_share_button:hover { color:#fff; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right; text-decoration:none; } </style> <a href="http://www.facebook.com/share.php?u=<url>" class="fb_share_button" onclick="return fbs_click()" target="_blank" style="text-decoration:none;">Compartir</a>



Botones "Compartir en Twitter"


Como texto (el link con el texto "Compartir en Twitter":




<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.url + " en " + data:blog.title' class="btwitter" title="Compartelo en Twitter">

       Twitter

      </a>



Como imagen (debes hacer una imagen tú mismo y alojarla en un sitio que ofrezca el servicio de subir archivos de imágen, como Image Schack, luego coloca la dirección en el texto de la imagen una vez subida en el código, luego de src):




<a expr:href='"http://twitter.com/home?status=Leyendo " + data:post.url + " en " + data:blog.title' class="btwitter" title="Compartelo en Twitter"><img src="http://sitio-de-alojamiento.com/twitter.png" alt="Twitter icon"/></a>


¡Buena suerte!

Invita a tus lectores a que recomienden tu página

Control key on an Apple wireless keyboardImage via Wikipedia


El truco de hoy es muy sencillo, y quizá lo hayas visto un par de veces en otros blogs o páginas webs. Lo que voy a enseñarte hoy es cómo colocar una pequeña casilla que invita al visitante a recomendar tu blog a un amigo, enviándoselo por correo electrónico. La casilla tiene una entrada para que se introduzca una dirección electrónica (a la que será enviado el mensaje). En el asunto del correo irá un breve texto de recomendación configurado de antemano por ti (yo he puesto la frase "Buena página está, creo que te interesará", puedes cambiarla por otra que prefieras). En el cuerpo del mensaje aparecerá el título de tu blog y el link para visitar la página.

Primero copia el siguiente código en un documento de texto (preferiblemente un txt):

[PARA COPIAR EL TEXTO HAZ CLICK DENTRO DEL CUADRO Y CON EL COMANDO Ctrl+A, SELECCIONA TODO EL CÓDIGO, LUEGO USA Ctrl+C PARA COPIAR]



Luego ve a Diseño, pestaña "Elementos de página"; una vez allí pinchar el link "Agregar un nuevo elemento". Cuando se abra la ventana emergente seleccionar HTML/Javascprit, es aquí donde debes pegar este código. Después que se haya agregado a los elementos de tu página arrástralo al lugar donde quieras que aparezca.

¡Buena suerte!


Reblog this post [with Zemanta]
 

Busca en otros blogs de ayuda

ayudaparatodos http://ayudaparatodos.blogspot.com/ Visitar xr211205 http://xr211205.blogspot.com/ Visitar unpocodeayudita http://unpocodeayudita.blogspot.com/ Visitar elescaparatederosa http://elescaparatederosa.blogspot.com/ Visitar gemablog- http://gemablog-.blogspot.com/ Visitar vagabundia http://vagabundia.blogspot.com/ Visitar keytrucos http://keytrucos.blogspot.com/ Visitar oloblogger http://oloblogger.blogspot.com/ Visitar webjcp http://webjcp.blogspot.com/ Visitar generacion-blogger http://generacion-blogger.blogspot.com/ Visitar www.blogsmadeinspain http://www.blogsmadeinspain.blogspot.com/ Visitar meta-microcosmos http://meta-microcosmos.blogspot.com/ Visitar laeulalia-blogdeprobes http://laeulalia-blogdeprobes.blogspot.com/ Visitar conectablog http://conectablog.blogspot.com/ Visitar doxs http://doxs.blogspot.com/ Visitar neonena-mary http://neonena-mary.blogspot.com/ Visitar recursosparatublog http://recursosparatublog.blogspot.com/ Visitar demoblogs http://demoblogs.blogspot.com/ Visitar todoblogger1 http://todoblogger1.blogspot.com/ Visitar lacrax http://lacrax.blogspot.com/ Visitar paraunblogdechicas http://paraunblogdechicas.blogspot.com/ Visitar creaweb http://creaweb.blogspot.com/ Visitar desarrolloweb-josemanuel http://desarrolloweb-josemanuel.blogspot.com/ Visitar elblogdelui http://elblogdelui.blogspot.com/ Visitar trucosblogsblogger http://trucosblogsblogger.blogspot.com/ Visitar aprendiendoenlared http://aprendiendoenlared.blogspot.com/ Visitar blogparatorpes http://blogparatorpes.blogspot.com/ Visitar mundomakeas http://mundomakeas.blogspot.com/ Visitar cafe-junio http://cafe-junio.blogspot.com/ Visitar efecincoblog http://efecincoblog.blogspot.com/ Visitar elblogdelosblogs http://elblogdelosblogs.blogspot.com/ Visitar ayudaparaelblog http://ayudaparaelblog.blogspot.com/ Visitar bloggerbetamaniacos http://bloggerbetamaniacos.blogspot.com/ Visitar blogandroll-xosse http://blogandroll-xosse.blogspot.com/ Visitar olgacarreras http://olgacarreras.blogspot.com/ Visitar lablogueria http://lablogueria.blogspot.com/ Visitar