lunes, 28 de marzo de 2011

Cuestionario de Web 2.0 y AJAX

1. ¿Como surge la Web 2.0?
R/ Surge como una actitud y no como una nueva tecnologia.

2. ¿Con que esta comunmente asociada la Web 2.0?
R/ Está comúnmente asociado con un fenómeno social, basado en la interacción que se logra a partir de diferentes aplicaciones en la web, que facilitan el compartir información, la interoperabilidad, el diseño centrado en el usuario o D.C.U. y la colaboración en la World Wide Web.

3. Ejemplos de Web 2.0 son:
R/ Las comunidades web, los servicios web, las aplicaciones Web, los servicios de red social, los servicios de alojamiento de videos, las wikis, blogs, mashups y folcsonomías.

4. ¿Con quien esta asociada la Web 2.0?
R/ Con Tim O'Reilly, debido a la conferencia sobre la Web 2.0 de O'Reilly Media en 2004.

5. ¿Quien es el creador de la World Wide Web?
R/ Tim Berners-Lee.

6. ¿En que se basaba la red original, llamada Web?
R/ Se basaba en paginas estáticas programadas en HTML (Hyper Text Mark Language) que no eran actualizadas frecuentemente.

7. ¿De que dependia el éxito de las .com?
R/ Dependía de webs más dinámicas (a veces llamadas Web 1.5) donde los CMS Sistema de gestión de contenidos (Content Management System en inglés, abreviado CMS) servían páginas HTML dinámicas creadas al vuelo desde una actualizada base de datos.

8. ¿Que sugirio Dale Dougherty?
R/ Sugirió que la web estaba en un renacimiento, con reglas que cambiaban y modelos de negocio que evolucionaban.

9. ¿Por que tecnicas se caracteriza la Web 2.0?
R/ * CSS, marcado XHTML válido semánticamente y Microformatos
* Técnicas de aplicaciones ricas no intrusivas (como AJAX)
* Java Web Start
* XUL
* Redifusión/Agregación de datos en RSS/ATOM
* URLs sencillas con significado semántico
* Soporte para postear en un blog
* JCC y APIs REST o XML
* JSON
* Algunos aspectos de redes sociales
* Mashup (aplicación web híbrida)

10. ¿En que se basa la Web 2.0?
R/ Se basa en la arquitectura existente de servidor web pero con un énfasis mayor en el software dorsal.

11. ¿Cual es el acronimo de AJAX?
R/ Es acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML).

12. ¿Que es AJAX?
R/ Es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications).

13. ¿En que se ejecutan estas aplicaciones?
R/ Se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano.

14. De esta forma es posible realizar:
R/ Cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.

15. ¿Que es JavaScript?
R/ Es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales.

16. AJAX es una combinacion de cuatro tecnologias ya existentes. ¿Cuales son?
R/ * XHTML (o HTML) y hojas de estilos en cascada (CSS) para el diseño que acompaña a la información.
* Document Object Model (DOM) accedido con un lenguaje de scripting por parte del usuario, especialmente implementaciones ECMAScript como JavaScript y JScript, para mostrar e interactuar dinámicamente con la información presentada.
* El objeto XMLHttpRequest para intercambiar datos de forma asíncrona con el servidor web. En algunos frameworks y en algunas situaciones concretas, se usa un objeto iframe en lugar del XMLHttpRequest para realizar dichos intercambios.
* XML es el formato usado generalmente para la transferencia de datos solicitados al servidor, aunque cualquier formato puede funcionar, incluyendo HTML preformateado, texto plano, JSON y hasta EBML.

17. ¿Que problemas o incovenientes se tienen con AJAX?
R/ * Las páginas con AJAX son más difíciles de desarrollar que las páginas estáticas.
* Las páginas creadas dinámicamente mediante peticiones sucesivas AJAX, no son registradas de forma automática en el historial del navegador, así que haciendo clic en el botón de "volver" del navegador, el usuario no será devuelto a un estado anterior de la página, en cambio puede volver a la última página que visitó. Soluciones incluyen el uso de IFrames invisible para desencadenar cambios en el historial del navegador y el cambio de la porción de anclaje de la dirección (después de un #).
* Los motores de búsquedas no entienden JavaScript. La información en la página dinámica no se almacena en los registros del buscador.
* Hay problemas usando Ajax entre nombres de dominios. Eso es una función de seguridad.
* El sitio con Ajax usa más recursos en el servidor. Recomendación: sólo usar las peticiones necesarias en Ajax, no desarrollar todo el sitio en AJAX. Con esto garantizamos menos recursos del servidor.
* Es posible que páginas con Ajax no puedan funcionar en teléfonos móviles, PDA u otros aparatos. Ajax no es compatible con todos los software para ciegos u otras discapacidades.

18. ¿Que navegadores permiten AJAX?
R/ * Navegadores basados en Gecko como Mozilla, Mozilla Firefox, SeaMonkey, Camino, K-Meleon, IceWeasel, Flock, Epiphany, Galeon y Netscape versión 7.1 y superiores
* Navegadores basados en WebKit como Google Chrome de Google o Safari de Apple.
Microsoft Internet Explorer para Windows versión 5.0 y superiores, y los navegadores basados en él
* Navegadores con el API KHTML versión 3.2 y superiores implementado, incluyendo Konqueror versión 3.2 y superiores y el Web Browser for S60 de Nokia tercera generación y posteriores
* Opera versión 8.0 y superiores, incluyendo Opera Mobile Browser versión 8.0 y superiores.

19. ¿Que navegadores no permiten AJAX?
R/ * Opera 7 y anteriores
* Microsoft Internet Explorer para Windows versión 4.0 y anteriores
* Anteriores a Safari 1.2
* Dillo
* Navegadores basados en texto como Lynx y Links
* Navegadores para personas con capacidades especiales visuales (Braille)
* Algunos navegadores de teléfonos móviles
* Navegador de la PSP

20. ¿En que programa utilizo Microsoft la tecnologia AJAX?
R/ La utilizó en el Outlook Web Access provisto con la versión 2000 de Microsoft Exchange Server.

jueves, 17 de marzo de 2011

Crear un Blog en Blogger

Hoy en dia los blogs están en alza , muchas personas quieren tener su espacio en Internet para publicar sus opiniones, sus experiencias , etc , y la forma más sencilla y fácil es con un Blog , o también llamado Weblog

Este tutorial va a mostrar cómo crear un weblog (blog) con Blogger , la herramienta gratuita de Google para crear blogs , que además , no necesita nada mas que seguir unos cuantos pasos por nuestro navegador, y ya tendremos nuestro blog listo , sin bajarnos nada al disco duro

Además, podemos tener muchas opciones para personalizarlo a nuestro gusto , que otros usuarios comenten nuestros posts , poner imágenes , etc

El tutorial está dividido en 3 capítulos: Crear un blog , Publicar nuestro mensaje, y Configuración del blog

1º Crear nuestro blog en blogger

Lo primero que vamos a hacer es ir a www.blogger.com y pincharemos sobre el boton que pone Create your blog now:

Vemos cómo se ha abierto esta ventana

En choose a user name , vamos a poner un nombre de usuario para identificarnos en Blogger , esto no tiene nada que ver con el futuro Blog que vamos a crear

En Display Name pondremos nuestro nick o nombre que se vea cuando publiquemos un post por ejemplo

Una vez rellenados los datos, pulsaremos sobre Continue:

En Blog title pondremos el título de nuestro blog

En Blog Address (URL) pondremos su dirección en internet , que será algo asi comohttp://NOMBREESCOGIDO.blogspot.com

Las opciones de debajo son opcionales (valga la redundancia), por si queremos instalar blogger en un sitio nuestro , pero en este tutorial vamos a explicar cómo crearlo en blogger, ya que es lo más sencillo

En el ejemplo , hemos puesto de título para el blog Tutorial Blogger, y en Blog Address , http://tutorialblogger.blogspot.com

Una vez rellenado, presionaremos sobre Continue:

Aquí escogeremos la apariencia de nuestro Blog , como veréis, hay muchos estilos para escoger , presionando sobre el icono de la lupa, veremos un ejemplo para decidirnos mejor

Presionamos sobre el que queramos escoger, y le daremos a Continue:

Para el ejemplo, he decidido usar el estilo Son of Moto

Este es el mensaje de confirmación de que nuestro blog ha sido creado con éxito , pulsaremos sobreStart posting para comenzar a postear con Blogger

2º Publicar nuestro mensaje

Esta es la primera ventana que veremos, es directamente ,para poner un contenido, podemos no ponerlo ahora, pero si queremos, el proceso es el siguiente

En Title, pondremos el título del post que vayamos a poner

En el resto, podremos el contenido

Para lo demas , podemos ayudarnos de las herramientas estilo Wordpad , o editarlo en html directamente

Para el ejemplo , he puesto de título "Prueba" , y el siguiente texto en su interior

Una vez decidido lo que vayamos a publicar , presionaremos sobre Publish Post para publicarlo

Este es el mensaje de confirmación de que nuestro post ha sido publicado con éxito , presionando sobre View Blog, podremos ver cómo ha quedado:

La imagen está puesta pequeña y cortados los bordes, pero asi veremos de manera fácil como ha quedado el resultado

En About me, aparece información sobre el autor del Blog

Previous post, una recopilación de enlaces a posts anteriores

Archives, es un archivo de posts anteriores, clasificados por meses

Cualquier usuario, si quiere, puede publicar comentarios en el blog , salvo que especifiquemos lo contrario en las opciones

3º Configurar el blog

Este paso es opcional, es solo algunas reseñas para personalizarlo a nuestro gusto, o para eliminar el blog

Iremos a la pestaña Settings

En Title , podemos personalizar el título de nuestro blog

En Description , una descripción del blog para quien nos visite por ejemplo , pueda verlo

Las otras opciones no deberíamos tocarlas preferentemente

Abajo, en Global settings , si presionamos sobre Save Changes, salvaremos los cambios que hayamos hecho, y si presionamos sobre Drop this Blog, eliminaremos nuestro blog completamente

A la derecha, si presionamos sobre Comments, podremos cambiar opciones referentes a los comentarios que puedan hacernos

si presionamos sobre Anyone, cualquiera podrá poner un comentario

Only members , solo los miembros de nuestro blog

Only Registered users, solamente los usuarios registrados en Blogger

Presionando sobre members, podemos invitar a otras personas a hacerse miembros de nuestro blog, para que puedan publicar posts , nos ayuden en nuestro blog etc, basicamente pulsaremos el boton deAdd Team members si queremos añadir a alguien

Ponemos arriba su dirección de email, para poder invitar, hasta a 3 personas a la vez, y en Message , un mensaje explicativo que saldrá en el email. una vez que ellos reciban el email, podrán unirse como miembros a nuestro blog

La opción de Template nos permite configurar , si sabemos algo de html , nuestro blog en si , como si editáramos una página web

Por ultimo, la próxima vez que queramos publicar algo o manejar nuestro blog , iremos awww.blogger.com y en los botones de la imagen, pondremos nuestro nombre de usuario y nuestra contraseña, dejando marcada la casilla de Remember me para no identificarnos cada vez , y presionamos enter