¿Por qué es importante estar no estar ocupado? - I

Cometas en el malecom de la ciudad San Francisco de Quibdó

Estudiantes de Teleinformatica

Prueba práctica: comparamos tres redes sociales generalistas

Las redes sociales son un fenómeno de moda en Internet. Estos servicios, que crecen a gran velocidad y convocan a nuevos usuarios, permiten publicar vídeos, comentarios o fotos para compartirlos con quien se desee, mantenerse informado de lo que les ocurre a familiares y amigos y trabar amistad con personas que compartan gustos parecidos. El número creciente de usuarios al que atraen (Facebook tiene ya 200 millones de cuentas) revela que están de actualidad, aunque cada una contiene peculiaridades que conviene conocer para decidirse por una u otra y sacarles todo el provecho.

• Autor: Por BENYI ARREGOCÉS CARRERE
• Fecha de publicación: 29 de abril de 2009

Conclusiones generales

CONSUMER EROSKI ha probado durante un mes las tres principales redes sociales generalistas: Facebook, Tuenti y MySpace, para conocer sus características y las posibilidades que brindan estos sitios gratuitos.

La mejor red social...

• La más creativa: MySpace
• Para compartir fotos más grandes: Facebook
• Para compartir vídeos: MySpace
• La más sencilla: Tuenti
• Las más completas: Facebook y MySpace
• La que más se puede personalizar: MySpace
• Para adolescentes: Tuenti y MySpace
• Para descubrir nueva música: MySpace
• Para recuperar viejos amigos: Facebook

Las más veteranas, Facebook y MySpace, son estadounidenses. Tanto la una como la otra se han extendido por todo el mundo y ambas disponen de traducción al español, mientras que Tuenti se postula como una alternativa distinta, realizada en y para España y cerrada al gran público: sólo se puede acceder mediante una invitación de alguno de sus miembros y Google no puede rastrear dentro de sus contenidos. Ninguna de las tres obliga a introducir un número de datos mínimo. Se pueden usar con sólo un nombre de usuario inventado y un correo electrónico, si bien en Facebook y en Tuenti lo más habitual es identificarse con el nombre real. Las tres comparten características como la actualización de estado, donde se puede declarar lo que se hace o piensa en cada momento (al estilo del sistema de microblogging Twitter). Asimismo, todas permiten mostrar fotografías (a tamaño reducido) y subir vídeos, aunque Facebook sobresale en este aspecto porque se pueden publicar imágenes más grandes y cargar vídeos más pesados. Facebook y MySpace brindan la posibilidad de compartir fotos con personas que no formen parte de la propia red.

Tuenti, que se ha diseñado para España, es una alternativa distinta, ya que para acceder se requiere la invitación de uno de sus miembros

Características comunes

Las tres disponen de dos páginas claves: el perfil y la página de inicio, donde se pueden consultar las últimas actividades de los contactos. También conceden importancia a que cada usuario informe de manera periódica de lo que está haciendo o dónde se encuentra, como un modo de mantener el ambiente social de la red.
En las tres se muestran las fotos cargadas por los usuarios en formato reducido. Facebook las reduce a 604 píxeles de ancho, MySpace a 600 píxeles y Tuenti a 500 píxeles. Por otro lado, Facebook y MySpace ofrecen la posibilidad de compartir fotos con personas que no formen parte de la propia red.

Facebook y MySpace ofrecen la posibilidad de compartir fotos con personas que no formen parte de la propia red

El vídeo es otro de los contenidos que se puede añadir a los perfiles. Facebook permite la carga de archivos de más peso (un gigabyte), aunque con una duración máxima de 20 minutos. En cambio Tuenti sólo admite vídeos incrustados a través de YouTube. MySpace acepta vídeos de 500 megabytes.
Respecto a los contactos, las tres redes ofrecen la posibilidad, de diferentes maneras, de ver qué amigos están conectados en un determinado momento. En Tuenti siempre es así, aunque el usuario no lo desee, mientras que en Facebook y en MySpace es opcional.
Finalmente, las tres redes disponen de versiones para acceder a ellas desde teléfonos móviles que se caracterizan por un diseño sencillo y limitado respecto a sus funciones. A este respecto destaca que MySpace es la única que permite subir imágenes desde el móvil.

MySpace es la única red de las analizadas que permite subir imágenes desde el móvil

Diferencias

Facebook brilla por la gran cantidad de aplicaciones externas que se pueden instalar y que enriquecen la actividad de los usuarios. Sin embargo, esta su virtud se convierte en un defecto cuando se reciben avalanchas de invitaciones a programas, encuestas o juegos sin demasiada utilidad.
Tuenti apuesta por la sencillez y muestra un diseño intuitivo y bien trabajado, aunque sin tantas posibilidades como las otras dos. Por su parte, MySpace contrasta con la sobriedad de los diseños de Facebook y Tuenti, y además se personaliza por completo si el usuario lo desea.
En principio, ninguna de estas tres redes es mejor que las otra. Decantarse por alguna de ellas depende de los gustos personales y del sitio donde haya más contactos próximos. Si se busca exprimir las ventajas de una red social, Facebook y MySpace son la mejor opción porque disponen de API, lo que posibilita que terceras personas puedan programar diversas aplicaciones sobre su código. Si no se desea ningún tipo de complicación, Tuenti destaca por la facilidad de uso y su buen funcionamiento.

	Facebook	Tuenti	MySpace
Presencia	Opcional, a través del chat	Sí, en el perfil del contacto	Sí, opcional
Mensajería instantánea	Sí	No	Sí
Mensajes internos	Sí y avisa por correo	Sí	Sí y avisa por correo
Actualizaciones de estado	Sí, con comentarios	Sí	Sí
Subir fotos mediante Java	Sí	Sí	Sí
Tamaño foto de ancho (en píxeles)	604	500	600
Carga de vídeos	Sí, hasta 1024 MB o desde webcam	Sólo desde YouTube	Sí, hasta 500 MB o desde webcam
Posibilidad de eliminar la cuenta	Sí	Sí	Sí
Configuraciones de privacidad	Sí, muy avanzadas	Sí	Sí
Identidad digital para entrar en otros sitios	Sí	No	Sí

 

Facebook

Lo mejor:
Configuraciones de privacidad, diseño ordenado.
Lo peor:
Las aplicaciones de terceros pueden resultar invasivas.

Características de privacidad

Las configuraciones de privacidad que ofrece son más amplias y profundas respecto a las otras dos redes sociales. Se puede configurar al detalle qué personas o grupos pueden ver un determinado contenido y quiénes no deben acceder al mismo, gracias a un sistema de permisos que facilita rechazar o admitir a ciertas personas, tal y como desee cada usuario.

Ha conseguido que haya miles de aplicaciones realizadas por terceros que se pueden instalar dentro del perfil

Manejo

Gracias a que fue la primera red en liberar su API, ha conseguido que haya miles de aplicaciones realizadas por terceros que se pueden instalar dentro del perfil, enriqueciendo la experiencia de uso. Así, las posibilidades que brinda Facebook se han incrementado desde su diseño original, que cuenta con muy pocos programas en comparación con los que se han diseñado después.
Por defecto, las aplicaciones avisan a los contactos del usuario de que éste las está usando, para que las instalen en su perfil. Ahora bien, en ocasiones estas invitaciones resultan molestas y recuerdan al spam.

En ocasiones estas invitaciones resultan invasivas y recuerdan al spam

La búsqueda de contactos se realiza a través de un buscador, de forma más básica que en Tuenti o MySpace. Se especifica la empresa, el centro de estudios o la promoción, además del nombre y la dirección de correo electrónico. Por otro lado, si el usuario lo consiente, Facebook busca cuáles de sus contactos de Windows Live Messenger y AOL Instant Messenger se encuentran ya en la red.

Contenidos

La aplicación llamada "Notas", incluida por defecto, permite crear una especie de blogs donde los contactos comentan los textos. Además, si se tiene un blog propio en Internet se pueden importar los textos a través de RSS. Otro contenido por defecto de Facebook es el "MarketPlace", un servicio del estilo de Craigslist donde se escriben anuncios gratuitos de todo tipo, desde ofertas de trabajo hasta la venta de todo tipo de productos. Por otro lado, se pueden crear "grupos", o páginas dedicadas a cualquier tema, cuya apariencia es similar a la de los perfiles de usuario. También se pueden programar eventos en los que otros interesados confirmen su asistencia.

Facebook facilita la importación de datos de otros sitios sociales como Flickr, YouTube, Delicious o Last.fm

Facebook ofrece varias opciones en el momento de actualizar el estado porque, además de texto, se puede incluir una fotografía, un enlace, un vídeo o contenidos proporcionados por otras aplicaciones. Se facilita a su vez la importación de datos de otros sitios sociales como Flickr, YouTube, Delicious o Last.fm.
Además, redimensiona las fotos a mayor tamaño que Tuenti y MySpace (a 604 píxeles de ancho) y posibilita etiquetar a las personas incluidas en las mismas, igual que las otras dos redes. Si se hallan entre los contactos, Facebook publicará en su perfil que otro usuario las ha etiquetado. También permite cargar vídeos o grabarlos directamente con la webcam.

Versión móvil

Esta aplicación permite disfrutar de las últimas novedades de los contactos y acceder a sus mensajes y fotografías. Como en Tuenti, facilita una llamada directa a los contactos que hayan puesto su número de teléfono en el perfil.
La versión convencional impide subir fotos desde el móvil, aunque Facebook proporciona programas con esta capacidad para su instalación en determinados terminales. La aplicación está disponible para teléfonos iPhone, BlackBerry, Palm, Sony Ericsson e INQ.

Tuenti

Lo mejor:
Muy sencillo de usar.
Lo peor:
Dispone de menos opciones que las otras redes. Se necesita invitación para entrar.

Características de privacidad

Permite configurar la privacidad pero de forma más básica que Facebook. Cada usuario puede seleccionar que sus contenidos los vean sólo los amigos, extender el permiso hasta los amigos de estos o, por el contrario, abrir su publicación a todos los miembros de la red. Como Tuenti está cerrada al gran público, se exponen menos quienes opten por un perfil abierto en esta red respecto a las otras dos, porque los buscadores no los rastrean, una práctica que se sigue con Facebook y MySpace.
Por otro lado, cuando Tuenti pregunta al usuario la situación civil, incluye un matiz más juvenil que en las otras dos redes, porque se puede "estar con alguien", "con rollo", "soltero" o no contestar nada.
Cada cierto tiempo se cierra la sesión de usuario por seguridad, una gran ventaja respecto a Facebook y MySpace, sobre todo cuando se accede a través de un ordenador público, como de la universidad o el colegio, para evitar robos de cuentas y suplantaciones. Finalmente, en Tuenti sólo se entra si se conoce a alguien que esté dentro, de modo que el nuevo usuario queda identificado.

Como Tuenti se mantiene cerrada al gran público, la exposición de quienes opten por un perfil abierto en esta red es menor respecto a las otras dos redes sociales

Manejo

Esta red apuesta por la sencillez, tanto de diseño como de contenidos. Se caracteriza porque también se enfoca a generar redes a partir de las zonas de ocio nocturno, además de las habituales del colegio, la universidad y la empresa. A diferencia de Facebook y MySpace, en Tuenti no se añaden aplicaciones porque todavía no ha liberado ninguna API para que puedan programar terceras personas. Esto provoca que disponga de menos posibilidades que las otras dos redes.
Por otro lado, mientras en Facebook y MySpace compiten por el número de amigos, una cifra siempre visible en los perfiles, en Tuenti no se le concede tanta importancia a ese dato, que sólo se averigua si se abre la lista de contactos de otros. También se diferencia porque no avisa por correo electrónico cuando se recibe un mensaje interno en la red.

Todavía no ha liberado ninguna API para que terceras personas programen, por lo que dispone de menos posibilidades que las otras dos redes

Tuenti destaca, al igual que MySpace, por su sistema de búsqueda de contactos. Se puede rastrear por edad, sexo, provincia, centro de estudios, empresa y redes a las que se pertenezca. Además, busca también, si el usuario lo desea, entre los contactos de Windows Live Messenger, Yahoo! y Gmail.

Contenidos

Entre las posibilidades para crear contenidos se encuentra escribir un blog. En cada artículo se facilita la inserción de vídeos de YouTube a través de un buscador integrado intuitivo donde se previsualizan. Otras opciones consisten en la programación de eventos con un sistema de invitaciones a los amigos, el envío de mensajes internos y los comentarios en las fotos o en el tablón de los amigos.

Uno de los inconvenientes de Tuenti es que no se pueden cargar vídeos desde el disco duro de un ordenador

Las fotos que se suben a la red se redimensionan de forma automática a 500 píxeles de ancho (el menor de los tamaños analizados) y, al igual que Facebook y MySpace, Tuenti permite etiquetar a las personas que aparezcan. Sin embargo, Tuenti no deja cargar vídeos desde el disco duro de un ordenador, sino que se deben enlazar desde YouTube, servicio al que hay que subir previamente los vídeos.

Versión móvil

En la versión realizada por Tuenti para dispositivos móviles se puede actualizar el estado, escribir mensajes, leer el tablón, acceder a las fotografías y buscar a otros usuarios. Facilita, además, la opción de llamar directamente a los contactos que proporcionen sus números de teléfono; cuando se hace clic en el enlace de ese número, el teléfono lo detecta y marca la llamada.

MySpace

Lo mejor:
Diseño que se puede personalizar, especializada en la música.
Lo peor:
Las variaciones de diseño desorientan en la navegación.

Características de privacidad

MySpace cuenta con un programa que controla los permisos de acceso de otras personas al perfil, determinado por bloques, aunque no con tanta precisión como Facebook. Por otro lado, a diferencia de Facebook y Tuenti, en MySpace es más habitual que no se publiquen nombres reales, sino apodos.
Recientemente ha añadido la posibilidad de saber quiénes visitan un perfil, un dato que se desconoce en Facebook o en Tuenti, aunque el visitante puede desactivar esta información si desea mantener la privacidad.
También ha establecido un protocolo ante posibles suplantaciones: enviar saludos de la persona suplantada, es decir, fotografías donde esa persona demuestre que es quien dice ser y con un cartel donde se apunte el número de identidad en MySpace del suplantador.

Manejo

Su diseño se puede personalizar de varias formas, una opción que contrasta con las mínimas ofertadas por Facebook y Tuenti. Se caracteriza por lo coloridas y variadas que resultan sus páginas. Su nueva aplicación para manejar el diseño, Perfil 2.0, permite establecer la situación exacta de cada bloque y elegir su maquetación. Se puede personalizar hasta tal punto que el aspecto final dependa del gusto y de los conocimientos informáticos de cada usuario.

MySpace se puede personalizar hasta el punto de que el aspecto final dependa del gusto y de los conocimientos informáticos de cada uno

La ventaja que proporciona trabajar con esta libertad de diseño se transforma en desventaja cuando interfiere en la navegación haciéndola menos sencilla. La razón es que cada perfil se diferencia de los demás y sitúa elementos en lugares de la página distintos. Ante este problema, MySpace ofrece en la barra superior accesos directos referidos al perfil que se visualice en cada momento.
MySpace, que destaca por los artistas que la usan, permite mostrar en el perfil del usuario vídeos de sus conciertos, sus videoclips y sus canciones. Cualquier usuario puede incorporar estos temas a su perfil para que se escuchen en un reproductor con tecnología flash.
Dispone, además, de otras características, como conceder a los usuarios una dirección propia dentro de MySpace, con el formato "myspace.com/nombre elegido", un hecho que ayuda a comunicar la dirección exacta del perfil a otras personas; suscripciones directas a los vídeos de otros o la creación de una lista de amigos favoritos para garantizar un acceso más rápido a los mismos.

Numerosos grupos y artistas han abierto un perfil en esta red para comunicarse con su público

Dispone de un software de mensajería instantánea externo que se debe instalar en el ordenador, donde se añaden los contactos de MySpace. Se comunica con Skype, el programa de voz sobre IP.
MySpace acepta en sus perfiles las aplicaciones de OpenSocial (una plataforma promovida por Google) que mejoran la experiencia de usuario. Estas aplicaciones no publican notificaciones a los contactos, aunque MySpace estudia implantar esta posibilidad e imitar a Facebook.
Para encontrar a personas en esta red, MySpace ofrece el buscador más completo de los analizados. Permite especificar el sexo, la edad, situación civil, país, código postal, e incluso, la etnia, orientación sexual y formación. Además, dispone de un sistema para entrar en las agendas de direcciones de Gmail, Windows Live Hotmail, Windows Live Messenger y AOL, y facilita las recomendaciones de amigos comunes.

Contenidos

Entre los contenidos que se elaboran en MySpace se encuentran los blogs, como en Facebook y Tuenti. Los boletines son una característica que no incluyen las otras dos redes: imitan el funcionamiento de los sitios web y envían información a otros contactos del usuario. Permite a su vez subir vídeos de hasta 500 Megabytes, y las imágenes cargadas y redimensionadas de forma automática tienen un tamaño de 600 píxeles de ancho. Si se dispone de una webcam se puede sacar directamente una foto y ofrece múltiples posibilidades, como pases de fotos automáticos para insertar dentro del perfil.

Permite cargar vídeos de hasta 500 megabytes o grabarlos directamente desde una webcam

De la misma manera que Tuenti, presta especial atención al ocio nocturno, de ahí que dedique un apartado denominado "La Noche" a los eventos nocturnos, con noticias relacionadas e información sobre conciertos y fiestas.

Versión móvil

Se trata de la única página para móviles de las analizadas que contempla el envío de fotografías. Para que aparezcan en el perfil se deben remitir desde el móvil a una dirección de correo electrónico creada ex profeso. 

Preguntas y respuestas sobre la gripe porcina

Ante la alarma generada por la gripe porcina, les ofrecemos las respuestas a algunas de las cuestiones que más interés suscitan

• Fecha de publicación: 27 de abril de 2009

¿Qué es la gripe porcina?
Se trata de una enfermedad respiratoria aguda de los cerdos causada por el virus de la gripe tipo A. La tasa de letalidad en cerdos es baja y la enfermedad dura entre siete y diez días. Actualmente hay tres subtipos de virus de la gripe tipo A en cerdos: H1N1, H1N2 y H3N2. La cepa que ha causado el brote en México y Estados Unidos es una variante del H1N1.

¿Es peligroso comer carne de cerdo?
No. La OMS señala al respecto que la gripe porcina no se transmite a personas a través del consumo de alimentos que hayan sido adecuadamente manipulados y preparados, como la carne de cerdo y otros derivados del mismo. El virus transmisor muere fácilmente a temperaturas de cocción de 70 grados centígrados.

¿Los virus de la gripe porcina pueden infectar a los humanos?
Sí. Se han detectado infecciones humanas puntuales producidas por el virus de la gripe porcina en personas en contacto estrecho con cerdos (como trabajadores de granjas). En Europa, desde 1958 se han notificado un total de 17 casos. En Estados Unidos se detectó un brote de infección por virus de la gripe porcina en reclutas en un campo militar de Nueva Jersey en 1976. Se supuso un contacto con cerdos, aunque no se llegó a descubrir. Hubo una amplia transmisión del virus con más de 200 infecciones y 12 hospitalizaciones.

¿Cómo se transmite la gripe porcina?
La forma de transmisión de la gripe del cerdo al humano es por contacto directo con estos animales. La transmisión entre humanos es igual que la gripe estacional, principalmente de persona a persona, cuando el afectado tose o estornuda. Algunas veces, las personas pueden contagiarse al tocar algo que tiene el virus de la gripe y luego llevarse las manos a la boca o la nariz. El virus no se transmite por consumir carne de cerdo ni productos derivados del mismo. Las altas temperaturas de la sartén o de la cocción acaban con el virus de la gripe porcina.

¿Cuáles son los síntomas?
Los síntomas de la gripe porcina en las personas son similares a los de la gripe estacional común, entre los que se incluyen fiebre de inicio agudo, síntomas respiratorios, como tos, estornudos y rinorrea, y malestar general. Algunas veces puede acompañarse de falta de apetito y/o diarrea.

¿El virus de la gripe porcina H1N1 es igual a los virus de la gripe H1N1 en los seres humanos?
No. El virus H1N1 de la gripe porcina es muy diferente a los virus H1N1 de los humanos y los virus H1N1 de las aves. Los anticuerpos de los virus H1N1 de la gripe aviar, porcina y humana proporcionan poca o ninguna protección contra el mismo virus pero de otras especies.

¿Cómo se diagnostican las infecciones por gripe porcina en humanos?
Para diagnosticar una infección por virus de la gripe del tipo A de origen porcino, se debe recoger una muestra obtenida del aparato respiratorio entre los primeros cuatro a cinco días de infección (cuando una persona infectada tiene más probabilidad de estar contagiando el virus). Sin embargo, algunas personas, especialmente los niños, pueden diseminar el virus durante 10 días o más. Para la identificación y confirmación de la gripe porcina es necesario enviar muestras al laboratorio de referencia del Centro Nacional de Microbiología para que se realicen las pruebas oportunas.

¿La vacuna actual contra la gripe estacional protege contra la gripe de origen porcino tipo H1N1?
La vacuna contra la gripe estacional protege a las personas contra tres cepas de los virus de la gripe en humanos: un virus A (H3N2), otro virus A (H1N1) y un virus B. Las vacunas actuales no inmunizan contra a la cepa responsable del brote en México y Estados Unidos.

¿Cómo se trata la infección?
La gripe porcina en humanos se trata con las mismas medidas de soporte y medicamentos que la gripe común. Los antivirales como oseltamivir y zanamivir se podrían utilizar, pero siempre bajo prescripción médica. Estos antivirales sólo se deben utilizar bajo prescripción de un médico, ya que, como todos los medicamentos, no están exentos de efectos secundarios. Sin embargo, según la Organización Mundial de Salud (OMS), la mayoría de los pacientes detectados se ha restablecido de la gripe sin haber tomado esos fármacos.

¿Qué se hace una vez detectado un caso?
Se intensifica la vigilancia, informando sobre las características de los casos a los servicios sanitarios, para que puedan detectar otros similares También se realizan investigaciones epidemiológicas, entre las que se incluye la búsqueda de contactos de las personas enfermas.
¿Podemos estar tranquilos ante la situación actual?
El Ministerio de Sanidad asegura que en estos momentos hay que lanzar un mensaje de tranquilidad a la población. Según este departamento, "todas las medidas de prevención están activadas y nuestro Sistema Nacional de Salud está preparado para afrontar esta situación".

Sanidad investiga los primeros casos sospechosos de gripe porcina en España

El Ministerio de Sanidad y Consumo asegura que no hay "situación de emergencia" y ha puesto a disposición de los ciudadanos un teléfono de información: 901 400 100
El brote de gripe porcina detectado el viernes pasado en México y Estados Unidos ha provocado ya la alerta en España. El número de casos sospechosos en todo el país se ha elevado a 19 después de que la consejera de Salud de la Generalitat de Cataluña, Marina Geli, haya anunciado esta mañana que en esta comunidad hay 10 enfermos con los síntomas de la enfermedad. Todos ellos se encuentran bajo vigilancia médica. El resto de casos que se investigan se han detectado en Almansa (Albacete), Bilbao, Valencia, Teruel y Algeciras (Cádiz). Hoy o mañana se confirmará si estas personas padecen gripe porcina. En todos se trata de jóvenes que han vuelto de México en los últimos días, por lo que parece probable que padezcan la enfermedad. Ninguno de ellos reviste gravedad y están respondiendo bien al tratamiento.

• Fecha de publicación: 27 de abril de 2009

- Imagen: Sergio -

La ministra de Sanidad, Trinidad Jiménez, compareció ayer en la sede del Ministerio para dejar claro que "no estamos ante una situación de emergencia" en España, sino de "tranquilidad". De confirmarse que se trata de afectados por la gripe porcina, que se ha cobrado 81 víctimas en México según la Organización Mundial de la Salud (OMS), Jiménez indicó que se establecería un protocolo de actuación en colaboración con las comunidades autónomas.

Protocolos activados

Asimismo, los responsables sanitarios cuentan con las listas de pasajeros de los vuelos para avisarles en caso de peligro. No obstante, la ministra recomendó a todos los pasajeros que hayan estado en California, Texas o México que vigilen su salud durante los próximos diez días. "Si presenta fiebre, tos o dificultad respiratoria, contacte de inmediato con los servicios sanitarios de su comunidad autónoma e informe del viaje y la fecha de regreso", pidió la responsable de Sanidad.

Con una detección precoz y el tratamiento adecuado, la gripe porcina se cura

Trinidad Jiménez insistió en que no existe ningún riesgo de transmisión por consumo de productos porcinos, ya que el contagio sólo se produce por el aire, de humano a humano. Los síntomas son muy similares a los de una gripe convencional, lo que puede conllevar a un cierto alarmismo entre la población.
Por su parte, el director del Centro de Referencia de Encefalopatías y Enfermedades Emergentes, Juan José Badiola, precisó que con una detección precoz y el tratamiento adecuado, la gripe porcina se cura. En la misma línea, Ángela Domínguez, de la Sociedad Española de Epidemiología, señaló que España, gracias a los planes y protocolos activados con motivo de la gripe aviar, está "mejor preparada" para hacer frente a una eventual propagación de la gripe porcina. Ambas enfermedades se tratan con los mismos medicamentos.

Medidas en los aeropuertos

Al tratarse de una enfermedad importada, es fundamental establecer medidas de control en los aeropuertos. En Barajas, por ejemplo, funcionarios de Sanidad se encargan de anotar los datos personales de todos los pasajeros procedentes de México. A la terminal madrileña llegaron el pasado sábado tres vuelos desde la capital mexicana. Ayer aterrizaron cuatro aviones más desde esa ciudad y otros dos desde Cancún, con unos 1.500 pasajeros en total.
Los empleados de Sanidad se sitúan en los túneles móviles a través de los cuales se sale del avión para distribuir entre los viajeros un cuestionario en el que deben escribir nombre y apellidos, número del pasaporte y de teléfono, así como el lugar de residencia en España. Asimismo, el pasaje recibe una hoja con consejos por si notan molestias sospechosas en el plazo de diez días.
El Ministerio ha divulgado además varias indicaciones para las aerolíneas que vuelan regularmente a México. Hasta nueva orden, los aviones deberán despegar equipados con guantes, mascarillas y batas. En el vuelo de regreso, los pilotos y los auxiliares deberán aislar de inmediato a cualquier pasajero que parezca tener gripe, el cual será atendido por un solo miembro de la tripulación "provisto de medidas de protección personal". El comandante informará a la torre de control para que movilice a los sanitarios.

Posible pandemia

La Organización Mundial de la Salud (OMS) ha instado a la comunidad internacional a redoblar la vigilancia ante la posibilidad de que estemos a las puertas de una posible pandemia. Según la agencia sanitaria, la situación es "muy grave e impredecible".
El sistema de alerta pandémica de la OMS tiene seis grados y en la actualidad el brote de gripe porcina en humanos se encuentra en la fase 3, cuando se considera que el virus está infectando a personas, pero que todavía no hay una transmisión estable de persona a persona. La fase 6, la más grave, se declara cuando se confirma que existe una transmisión permanente de persona a persona.  

Viernes Unplugged: Los juegos más adictivos de Facebook

GRATIS, FACEBOOK, VIDEOJUEGOS, FREE, JUEGOS, GAMES, VIERNES UNPLUGGED, VIERNES, UNPLUGGED, PLAYFISH

Que Facebook ha nacido como punto de encuentro para todos aquellos que nos pasamos el día conectados a Internet, no es novedad. Pero no todos saben que, además, este sitio puede convertirse en plataforma para excelentes juegos.

Lejos de los gráficos deslumbrantes y siendo fieles a la “vieja escuela”, pueden entretenernos durante horas. Por eso en este Viernes Unplugged, te mostramos algunos de los más adictivos juegos que puedes hallar en Facebook.

Word Challenge

De la mano de la empresa Playfish, destacada en la creación de juegos para Facebook, tenemos este desafío literario llamado Word Challenge que cuenta con nuestros conocimientos de nuestro propio idioma e incluso, de idiomas extranjeros, para formar diversas palabras con las letras que nos son dadas en cada turno. Compitiendo contra el reloj, el objetivo es conseguir el máximo puntaje para destacarnos en el ranking por sobre nuestros amigos.

Dependiendo de los puntos obtenidos seremos representados por un estereotipo, desde una porrista (no muy agraciada en las palabras) hasta un poeta (el mayor puntaje de todos) e incluso, si hacemos trampa con algún código informático, un Shakespeare cibernético.

Podemos elegir entre siete lenguajes entre los que se incluyen, por supuesto, el inglés y el español. No sólo se trata de una competición masiva, ya que también puedes desafiar directamente a una persona. Quien obtenga más puntos, será el vencedor del duelo.

Haz clic aquí para jugar a Word Challenge (debes iniciar sesión en Facebook) »

Pixel Ranger

Los realizadores de Metrogames también se están destacando en la escena de los juegos de Facebook. Uno de los más destacados es Pixel Ranger, en donde manejaremos a un granjero que debe resguardar su propiedad de invasores espaciales a escopetazos. En lugar de tener puntos de vida, tendremos municiones, de la cual no puede faltar porque en ese caso, fracasará nuestra misión.

Al igual que sucede con la mayoría de este tipo de aplicaciones lúdicas, dependiendo del puntaje obtenido ingresaremos a un ranking en donde competiremos con nuestros amigos por el primer puesto.

La estética es muy particular, homenajeando a los videojuegos 8-bits de antaño. Mención aparte para la música que nos mantendrá en el menú de inicio un buen rato con tal de disfrutarla.

Haz clic aquí para jugar a Pixel Ranger (debes iniciar sesión en Facebook) »

Texas Hold’Em Poker

Zynga ha creado una nueva forma de jugar al Poker y es a través de Facebook: Prepárate para iniciarTexas Hold’Em Poker, tomar asiento en una mesa repleta de jugadores y recibir cinco cartas que pueden llevarte al triunfo o a la bancarrota.

Puedes conectarte a cualquier partida en los diferentes servidores y enfrentarte en duelos naipescos hasta el anochecer. Además de la mesa animada en la que puedes ver las cartas recibidas y las apuestas en torno a ti, tienes la opción de invitar a la partida a los amigos que tengas conectados en ese momento. Tan sólo deben iniciar la aplicación y ya estarán jugando entre ustedes.

Ten cuidado con este tipo de aplicaciones: Que no sea dinero real el que utilizas ¡No quita que el juego y las apuestas puedan ser adictivos!

Haz clic aquí para jugar a Texas Hold’Em Poker (debes iniciar sesión en Facebook) »

Geo Challenge

Los tiempos en que no prestabas atención a tus clases de Geografía han regresado para cobrarse el favor: en Geo Challenge, es necesario dominar esta ciencia para obtener el mayor puntaje. Los desafios son varios, entre reconocer a qué país pertenece una determinada bandera, hasta reconocer a qué territorio refiere una silueta o ubicar en el mapa ciudades y monumentos.

Playfish desafía nuevamente con nuestros nervios en este cruel pasatiempo
geográfico en el que destacarnos en puntaje por encima de nuestros amigos será más dificil de lo que parece. Nunca está de más adquirir un poco de este tipo de conocimiento, por lo que unos minutos de Geo Challenge al día deberían ser recomendados incluso por maestros de escuela.

Al igual que sucede con Word Challenge, dependiendo de nuestro puntaje seremos representados por un estereotipo, partiendo del agorafóbico (si no respondemos nada bien) hasta piloto de aerolineas (si nos lucimos en el juego).

Haz clic aquí para jugar a Geo Challenge (debes iniciar sesión en Facebook) »

Mafia Wars

Te haré una oferta que no podrás rechazar: ¡JuegaMafia Wars todo el fin de semana! Este pasatiempo desarrollado por Zynga totalmente en web nos permite ponernos al mando de una mafia con todo lo que eso conlleva: Deberemos reclutar miembros entre nuestros amigos, hacer trabajos por dinero como atracos y golpizas, comprar nuevas armas e incluso enfrentarte cara a cara a otros líderes.

Al llegar a cierto nivel (algo que se logra con paciencia y varias horas dedicadas a este juego) podrás acceder a las misiones en Cuba, territorio para los jugadores especializados en donde encontrarás nuevos trabajos, vehículos y negocios.

También puedes promover a tus amigos para que ocupen roles determinados como conductor, gatillero, guardaespaldas e incluso violador de cajas fuertes. Es importante que te guies por sus ventajas y defectos antes de seleccionar su posición.

Recuerda que es sólo un juego ¡No te lo tomes muy en serio!

Haz clic aquí para jugar a Mafia Wars (debes iniciar sesión en Facebook) »

Seguramente han quedado algunos fuera de la lista, pero te aseguro que con estos juegos tienes para divertirte todo el fin de semana y humillar a tus amigos en los rankings, lo cual es innecesariamente competitivo pero por alguna razón, nos encanta. ¡Nos vemos en el próximo Viernes Unplugged!

Google revela una nueva versión de su motor de búsqueda

SEO, GOOGLE, WEB, YAHOO, DESARROLLO, API, FACEBOOK, BÚSQUEDA,BING, MOTOR

Entre tantos pactos y acuerdos de sus rivales (Yahoo! y Bing se asocian,Facebook adquiere Friendfeed) es Google, el buscador más popular, el que logra quedarse con la última palabra de nuevo.

La noticia resulta, a simple vista, sorprendente: ¡Google lanza un nuevo motor de búsqueda! En esta nota te contamos en qué consiste y cúales son las nuevas implementaciones.

¡Más cafeina!

El nuevo motor se encuentra aún en desarrollo, pero lleva como nombre clave Caffeine, quizás en referencia al aumento de velocidad, o a la cantidad de esta sustancia que habrán tenido que beber estos desarrolladores para llegar a tiempo a la versión de prueba.

A través del blog oficial para webmasters que ofrece Google (sitio obligado de todos los que usamos su API de alguna manera para nuestro sitio o aplicación, o simplemente, queremos estar al tanto de las novedades), fue comunicado hace unas horas que es posible acceder a una versión alternativa del clásico buscador, con las nuevas características en marcha (tranquilo, no desesperes, el enlace está al final de la nota).

Dirigido principalmente a los desarrolladores, Google invita así a que los visitantes prueben el nuevo motor de punta a punta, recolectando opiniones y puntos de vista.

Odi-SEO: Posicionarse en el nuevo motor

Las diferencias a primera vista son imperceptibles, sólo pueden ser detectadas por el ojo clínico: El nuevo motor se siente más rápido, menos aleatorio y reiterativo, y con alguna sospechosa atención de más en Twitter y demás redes sociales (sobre todo cuando nos buscamos a nosotros mismos :P).

¿En qué afecta al desarrollo de nuestro sitio web? Lo que hay que tener en cuenta es que, a nuevo criterio de búsqueda, nuevo criterio de SEO. Este gran cambio es una buena oportunidad para subirse a la cresta de ola y, con los suficientes conocimientos, mejorar nuestra posición en las búsquedas realizadas desde este nuevo motor.

Por ahora no está implementado, pero imaginamos que no demorará demasiado, sólo lo suficiente para recibir todo el feedback que necesitan. Cuando esté listo, el actual motor de Google será reemplazado para así, optimizar las búsquedas que millones de visitantes realizan cada día.

Haz clic aquí para visitar el blog oficial de Google para webmasters »

Haz clic aquí para probar el nuevo motor de búsqueda de Google »

 

Desde el próximo 10 al 13 de Septiembre se desarrollará Aldea Digital, una LAN party organizada por OCESA y Euskal, que tendrá lugar en el Palacio de los deportes, Ciudad de México.

Una LAN Party es una fiesta en la que se conectan computadoras mediante unared de área local (LAN) para poder intercambiar documentos, organizar torneosde juegos de PC, conocerse en persona y pasarla bien.

¿En qué consiste el evento?

Aldea Digital contará con una red que será capaz de conectar a más de 2000 computadoras a la vez contando con 10 GB de velocidad de conexión a Internet, concursos de hacking y de videojuegos, espacios equipados para acampar, charlas sobre tecnología, entre otras increíbles cosas.

¿Cómo participo de Aldea Digital?

Puedes vivir esta experiencia de dos maneras: como Visitante o como Aldeano.

Como Visitante podrás tener un acceso limitado por un costo de $30 pesos mexicanos (u$s 2,5 dólares) y, como Aldeano podrás vivir y experimentar lo que es realmente una LAN Party, ya que el corazón de estos eventos es quedarse a acampar y convivir las 24 horas del día con gente que tiene tus mismos gustos e intereses. Esta entrada tiene un costo de $500 (u$s 39 dólares), pero gracias a un código de descuento deNerdCore, puedes obtener un %20 de descuento, el código es shinra y puedes utilizarlo en Ticketmaster.

11 aplicaciones iPhone recomendadas para diseñadores

IPHONE, APPLE, APLICACIONES

Con las más de 65000 aplicaciones para el iPhone que hay dando vueltas actualmente por la red de redes, a menudo es difícil seleccionar la aplicación perfecta.

Es por eso que en esta nota te traemos una colección con 11 de las aplicacionesque ningún diseñador que utilice el iPhone como herramienta se debería perder.

1. Loupe

Captura tus inspiraciones de color y crea muestras de color de tu librería de fotos, o utiliza tu cámara para guardar colores a medida que los encuentras.

Haz clic aquí para ingresar al sitio de la aplicación»

2. Typography Manual

El Typography Manual posee varias propiedades y recursos útiles para diseñadores, incluyendo un glosario de tipo visual, una calculadora-em, un ruler de tamaño de fuente y suficiente contenido para llenar un libro de 60 páginas. Posee todas las cosas esenciales de una aplicación de escritorio en un recurso de bolsillo. Se actualiza regularmente.

Haz clic aquí para ingresar al sitio de la aplicación»

3. RulerPhone

RulerPhone convierte a tu iPhone y a su cámara en una cinta de medición.

Haz clic aquí para ingresar al sitio de la aplicación»

4. Sketches

Escribe tus notas y pensamientos y anota tus imágenes utilizando sólo tus dedos y tu imaginación. Ilustra tus ideas con diagramas simples pero coloridos, notas y bosquejos.

Haz clic aquí para ingresar al sitio de la aplicación»

5. Web Source Viewer

Una aplicación iPhone gratuita que le permite al geek que hay en ti curiosear el código fuente de las páginas que navegas.

Haz clic aquí para ingresar al sitio de la aplicación»

6. CliqCliq colors

Crea paletas de colores desde las fotos, conviértelas y mándalas al software Adobe.

Haz clic aquí para ingresar al sitio de la aplicación»

7. CSS Cheat Sheet

Incluso los desarrolladores CSS avanzados necesitan refrescar sus conocimientos de las propiedades y valores CSS de vez en cuando. El CSS Cheat Sheet para iPhone y iPod Touch está diseñado para resolver esa necesidad.

Haz clic aquí para ingresar al sitio de la aplicación»

8. jQuery Cheat Sheet

La cheatsheet incluye despcripciones, ejemplos, argumentos y devoluciones para jQuery Core, CSS, JavaScript, Eventos, Efectos, Ajax, Atributos DOM, manipulación DOM, DOM Traversing, Plugins (accordion, cookie, dimensiones, formularios, interface, tabs, tooltips, y más).

Haz clic aquí para ingresar al sitio de la aplicación»

9. HTML Cheat Sheet

La cheatsheet incluye ejemplos y rápidas listas de referencia para Etiquetas, Atributos, Eventos, Colores, Sets de Caracteres, ASCII, Símbolos ISO 8859-1, caracteres ISO 8859-1, Símbolos matemáticos, letras griegas, Codificación URL Encoding, códigos de lenguaje, mensajes HTTP de estado y más.

Haz clic aquí para ingresar al sitio de la aplicación»

10. FontShuffle

FontShuffle te permite elegir entre seis clasificaciones de tipo diferentes: sans serif, serif, slab serif, script, blackletter y display.

Haz clic aquí para ingresar al sitio de la aplicación»

11. What The Font

10 tips para reconocer PHP basura en el código de un software

SOFTWARE, PHP, PROGRAMACIÓN, CÓDIGO, SQL, TEMPLATE, FREELANCE,DISEÑO WEB, CLASS, AÑADIR ETIQUETA NUEVA

Sea o no sea de tu agrado, como un desarrollador profesional, tarde o temprano tendrás que realizar algún tipo de personalización sobre un software existente.

Si no estás familiarizado con el software, es bueno mirarlo un poco antes deaceptar el trabajo. En esta nota, te traemos 10 consejos para identificar rápidamente software PHP basura.

1. El software trata de reinventar el objeto modelo, o fijar las propiedades de lenguaje

Fíjate si puedes encontrar una clase llamada “Object”. Si la encuentras, es una indicación bastante clara de que el autor se encuentra intentando reinventar el objeto modelo (comúnmente esto se da por su falta de conocimiento). Por lo que es seguro asumir que sus “arreglos” no pararán ahí. Así que… ¡Desconecta el teléfono y ocúltate bajo tu escritorio!

2. El código incluye variables globales definidas por el usuario

Una búsqueda en el código por “global” o “$GLOBALS” podría revelar algo como esto:

global $database, $my, $mainframe;

La infame variable global. Si puedes decirme con seguridad lo que significan estas dos variables… o estás muy relacionado con el software del cual las obtuve, o eres psíquico. De hecho, te damos bonus extra si puedes decir qué parte del código puso sus garras en ellas hasta que el flujo de ejecución llegó a este punto. En definitiva… ¡Evitalas como plaga!

3. HTML y SQL disperso

Busca algunos strings SQL y HTML comunes. Deberías poder determinar de forma rápida si el HTML y el SQL se encuentran en los lugares apropiados. Si encuentras HTML y SQL en el mismo archivo, se trata definitivamente de basura.

4. Las Clases hacen demasiado

Encuentra los 3 archivos de clases más pesados (por ejemplo, ordenándolos por Tamaño). Observa el nombre de la clase. ¿Indica una responsabilidad distinta? Mira los métodos. ¿Las tareas que desempeñan se encuentran relacionadas? Si no lo están, ¡Sal de ahí! ¡Huye!

5. Muchas propiedades son públicas o muchas propiedades son estáticas

Si una gran cantidad de propiedades son declaradas como “public static”, triplica tu cotización. Si tengo que explicarte por qué, quizá haya una vacante en el equipo de desarrollo de ese software para ti.

6. Múltiples niveles de herencia

Más de dos niveles de herencia deberían ser evitados completamente. En serio, si algún día logras encontrar un uso apropiado de dos niveles de herencia, te invitaremos una cerveza (o un refresco de soda, en todo caso).

7. Los autores intentan usar patrones de diseño

Si los autores tienen una pista de lo que están haciendo o no, es fácil de determinar buscando en el código algunos de lo más comunes patrones de diseño. Busca en el código base y/o en la documentación, palabras como “fábrica”, “decorador”, “estrategia” etc. Si las encuentras, podrás determinar de forma rápida si los autores saben lo que están haciendo o sólo intentan parecer interesantes. Si no los encuentras… ¡Rechaza este proyecto!

8. El software se mete con el nivel de error

Las aplicaciones bien escritas funcionan bien a cualquier nivel de error. Buscando en los archivos /error_level\(.*\)/ debería bastar. En caso de que encuentres uno, trata reemplazar el valor por E_STRICT. Créeme, Se trata de algo más que una formalidad.

9. En el código base, hay un directorio llamado”core”

Esto es usualmente utilizado como una excusa para hacer que toda la aplicación dependa de lo que sea que hay ahí adentro. Más allá de lo atrayente que resulte el término (hace que el contenido suene bastante cool e importante), definir un “core” es una señal de mal diseño.

10. El software utiliza su propio lenguaje de template

Ten miedo. Mucho miedo. Estos diseñadores están tratando de reinventar la rueda. Ignora esta advertencia, y un día te encontrarás pasando toda una tarde tratando de escapar de un loop en un “for”.

Crea tu propia aplicación de chat con PHP y jQuery

Crea tu propia aplicación de chat con PHP y jQuery

PHP, APLICACIONES, RECURSOS, CHAT, JQUERY, DISEÑO WEB, CHATLOG

Para tu sitio web, un sistema de chat puede ser perfecto si planeas incorporar soporte en vivo, o si simplemente quieres permitir a tus visitantes conocerse eintercambiar opiniones y comentarios.

En esta nota, te enseñaremos a través de pocos pasos cómo crear una simple aplicación web de chat utilizando conocimientos de PHP y jQuery. ¿Estás preparado? ¡Comencemos!

Introducción

La aplicación de chat que crearemos será bastante simple. La misma incluirá un sistema de logueo y deslogueo, propiedades estilo AJAX, y también ofrecerá soporte para usuarios múltiples.

Paso 1 : Código HTML

Comenzaremos creando nuestro primer archivo llamado index.php.

Welcome,

Exit Chat

• Comenzamos nuestro html con el DOCTYPE usual, etiquetas html, head y body. En la etiqueta head añadimos nuestro título y el link a nuestra hoja de estilos css (style.css).
• Dentro de la etiqueta body, estructuramos nuestro diseño dentro del div #wrapper. Tendremos tres bloques principales: un simple menú, nuestra caja de chat y nuestra entrada de mensajes, cada uno con su div y id respectivos.
• El div #menu consistirá de dos elementos de párrafo. El primero será una bienvenida al usuario y hará float a la izquierda, y el segundo será un link de salida y hará float a la derecha. También incluimos un div para aclarar los elementos.
• El div #chatbox contendrá nuestra caja de chat. Cargaremos nuestro formulario de log desde un archivo externo utilizando una petición ajax de jQuery.
• El ultimo ítem en nuestro div #wrapper será el formulario, el cual incluirá una entrada de texto para el mensaje del usuario y un botón de “enviar”.
• Finalmente incluimos nuestros script para que la página cargue más rápido. Primero haremos links a Google jQuery CDN, dado que estaremos usando la librería jQuery para este tutorial. Nuestra segunda etiqueta de script será en lo que estaremos trabajando. Cargaremos todo nuestro código una vez que el documento esté listo.

Paso 2 : estilado CSS

Ahora añadiremos algo de CSS para hacer que nuestra aplicación de chat luzca mejor. El código que dejamos a continuación será añadido a nuestro archivo style.css:

/* CSS Document */
body {
font:12px arial;
color: #222;
text-align:center;
padding:35px; }

form, p, span {
margin:0;
padding:0; }

input { font:12px arial; }

a {
color:#0000FF;
text-decoration:none; }

a:hover { text-decoration:underline; }

#wrapper, #loginform {
margin:0 auto;
padding-bottom:25px;
background:#EBF4FB;
width:504px;
border:1px solid #ACD8F0; }

#loginform { padding-top:18px; }

#loginform p { margin: 5px; }

#chatbox {
text-align:left;
margin:0 auto;
margin-bottom:25px;
padding:10px;
background:#fff;
height:270px;
width:430px;
border:1px solid #ACD8F0;
overflow:auto; }

#usermsg {
width:395px;
border:1px solid #ACD8F0; }

#submit { width: 60px; }

.error { color: #ff0000; }

#menu { padding:12.5px 25px 12.5px 25px; }

.welcome { float:left; }

.logout { float:right; }

.msgln { margin:0 0 2px 0; }

No hay nada especial en el CSS de arriba, más que el hecho de que algunas clases o ids, para las cuales hemos programado un estilo, serán añadidas después.

Como pueden ver, ya hemos terminado de construir la interfaz de usuario de nuestro chat.

Paso 3 : Utilizando PHP para crear un formulario de login

Ahora implementaremos un simple formulario que le preguntará al usuario su nombre antes de seguir adelante.

session_start();

function loginForm(){
echo’

Please enter your name to continue:

Name:

‘;
}

if(isset($_POST['enter'])){
if($_POST['name'] != “”){
$_SESSION['name'] = stripslashes(htmlspecialchars($_POST['name']));
}
else{
echo ‘Please type in a name’;
}
}
?>

La función loginForm() que hemos creado está compuesta de un simple formulario de login que le pide al usuario su nombre. Cuando usamos una declaración if y else es para verificar que la persona ingresó su nombre. Si lo hizo, programamos ese nombre como $_SESSION['name']. Dado que estamos usando una sesión basada en cookies para almacenar el nombre, debemos llamar session_start() antes de que algo sea mostrado en el navegador.

Una cosa a la que puede que quieras prestarle atención es que hemos utilizado la función htmlspecialchars(), la cual convierte caracteres especiales en entidades HTML, para así proteger a la variable nombre de convertirse en una víctima de Cross-site scripting (XSS). Más tarde también añadiremos esta función a la variable texto que usaremos en el log de chat.

Paso 4: Mostrando el formulario de Login

Para poder mostrar el formulario de login en el caso de que un usuario no haya ingresado al sistema, utilizamos otra declaración if y else alrededor del div #wrapper y las etiquetas script de nuestro código original. En el caso opuesto, esto ocultará el formulario de login, y mostrará la caja de chat si el usuario ya ha ingresado al sistema y ha creado una sesión de chat.

if(!isset($_SESSION['name'])){
loginForm();
}
else{
?>

Welcome,

Exit Chat

}
?>

Paso 5: Menú de bienvenida y de Logout

Ahora necesitamos añadir el log out del usuario y el cierre de la sesión de chat. Si lo puedes recordar, nuestro código HTML original incluía un menú simple. Volvamos a eso y añadámosle algo de PHP que le dará al menú más funcionalidades.

Primero que nada, debemos añadir el nombre de usuario al mensaje de bienvenida. Hacemos esto mostrando la sesión del nombre de usuario.

Welcome,

Para permitir al usuario desloguearse al final de la sesión, utilizaremos un poco de jQuery.

El código jQuery de arriba simplemente muestra una alerta de confirmación si un usuario hace clic en el link #exit. Si el usuario confirma la salida, decidiendo así cerrar la sesión, entonces lo mandamos a index.php?logout=true. Esto simplemente crea una variable llamada logout con el valor true. Necesitamos tomar esta variable con PHP:

if(isset($_GET['logout'])){

//Mensaje simple de salida
$fp = fopen(”log.html”, ‘a’);
fwrite($fp, “

User “. $_SESSION['name'] .” has left the chat session.

”);
fclose($fp);

session_destroy();
header(”Location: index.php”); //Redirige al usuario
}

Ahora nos fijamos si una variable get de ‘logout’ existe usando la función isset(). Si la variable ha sido pasada por medio de una url, tal como el link mencionado anteriormente, procedemos a terminar la sesión del nombre de usuario.

Antes de destruir la sesión del nombre de usuario con la función session_destroy(), queremos escribir un simple mensaje de salida en el chat log. El mismo dirá que el usuario ha dejado la sesión de chat. Logramos esto mediante las funciones fopen(), fwrite() y fclose() para manipular nuestro archivo log.html, que como veremos más adelante, será creado como nuestro log de chat. Noten que hemos creado una clase de ‘msgln’ para el div. También ya hemos definido el estilo CSS para este div.

Luego de hacer esto, destruimos la sesión y redireccionamos al usuario a la misma página donde el formulario de login aparecerá.

Paso 6: Manejando las entradas del Usuario

Una vez que el usuario envía nuestro formulario, deseamos tomar su entrada y escribirla en nuestro log de chat. Para lograr esto, debemos usar jQuery y PHP para trabajar de forma sincronizada en los lados del cliente y el servidor.

jQuery

Casi todo lo que vamos a hacer con jQuery para poder manejar nuestra información, se basará en la petición post jQuery.

$(”#submitmsg”).click(function(){
var clientmsg = $(”#usermsg”).val();
$.post(”post.php”, {text: clientmsg});
$(”#usermsg”).attr(”value”, “”);
return false;
});

• Antes de hacer nada, debemos tomar la entrada del usuario, o lo que él ha tipeado en la entrada #submitmsg. Esto se puede lograr mediante la función val(), la cual obtiene el valor programado en un campo del formulario. Ahora almacenamos este valor dentro de la variable clientmsg.
• Aquí viene la parte más importante: la petición de post jQuery. Esto envía una petición POST al archivo post.php que crearemos en un momento. Esto postea la entrada del cliente, o lo que ha sido guardado dentro de la variable clientmsg.
• Finalmente, limpiamos la entrada #usermsg, programando el valor del atributo en blanco.

Noten que el código de arriba irá en nuestra etiqueta script, dónde hemos colocado el código jQuery de logout.

PHP - post.php

Al momento tenemos información POST siendo mandada al archivo post.php cada vez que el usuario envía el formulario y manda un nuevo mensaje. Nuestra meta es recoger esta información y escribirla en nuestro log de chat.

session_start();
if(isset($_SESSION['name'])){
$text = $_POST['text'];

$fp = fopen(”log.html”, ‘a’);
fwrite($fp, “

(”.date(”g:i A”).”) ”.$_SESSION['name'].”: “.stripslashes(htmlspecialchars($text)).”

”);
fclose($fp);
}
?>

• Primero debemos comenzar el archivo post.php file con la función session_start() dado que estaremos usando la sesión del nombre de usuario en este archivo.
• Utilizando el isset boolean, nos fijamos si la sesión para ‘name’ existe antes de hacer algo más.
• Ahora tomamos la información POST que ha sido enviada a este archivo mediante jQuery. Luego almacenamos esta información en la variable $text.
• Esta información será almacenada en el archivo log.html. Para lograr esto abrimos el archivo con el modo en la función fopen seteado en ‘a’, que de acuerdo a php.net abre el archivo para sólo escritura; y coloca el puntero del archivo al final del mismo. Si el archivo no existe, debes crearlo. Luego escribimos nuestro mensaje para el archivo usando la función fwrite().
• El mensaje que escribiremos será incluido dentro del div msgln. Éste contendrá la fecha y hora generada por la función date(), la sesión del nombre de usuario, y el texto, que también está rodeado por la función htmlspecialchars() para prevenirlo de XSS.
• Finalmente, cerramos nuestro archivo usando fclose().

Paso 7: Mostrando el contenido del Chat Log (log.html)

Todo lo que el usuario ha escrito se maneja y postea por medio de jQuery. Se escribe en el log del chat con PHP. Lo único que resta hacer es mostrarle al usuario el chat log actualizado.

Para ahorrar algo de tiempo, precargaremos el log de chat en el div #chatbox si éste tiene algo de contenido.

if(file_exists(”log.html”) && filesize(”log.html”) > 0){
$handle = fopen(”log.html”, “r”);
$contents = fread($handle, filesize(”log.html”));
fclose($handle);

echo $contents;
}
?>

Utilizamos una rutina similar a la usada con el archivo post.php, salvo que ahora sólo estamos leyendo y mostrando el contenido del archivo.

La petición de jQuery.ajax

La petición Ajax es el corazón de todo lo que estamos haciendo. Esta petición no sólo nos permite enviar y recibir información a través del formulario sin tener que actualizar la página, sino que también nos permite manejar la petición de información.

//Carga el archivo que contiene el log de chat
function loadLog(){

$.ajax({
url: “log.html”,
cache: false,
success: function(html){
$(”#chatbox”).html(html); //Inserta el log de chat en el div #chatbox
},
});
}

Envolvemos nuestra petición ajax dentro de una función. Como ven arriba, sólo utilizamos 3 de los objetos de petición de jQuery Ajax.

• url: Un string de URL a petición. Usaremos nuestro nombre de archivo del log de chat de log.html.
• cache: Esto preverá que nuestro archivo sea cacheado. Se asegurará que obtengamos un chat log actualizado cada vez que enviemos una petición.
• sucess: Esto nos permitirá adjuntar una función que pasará la información que hemos solicitado.

Como pueden ver, luego movemos la información que hemos solicitado (html) dentro del div #chatbox.

Auto-scrolling

Como puede que hayan visto en otras aplicaciones de chat, el contenido automáticamente hace scroll hacia abajo si el contenedor del log de chat (#chatbox) se llena. Nosotros implementaremos una función simple y similar, que comparará la altura del scroll del contenedor antes y después de que hagamos la petición Ajax. Si la altura del scroll es mayor después de la petición, usaremos un efecto animado jQuery para hacer scroll en el div #chatbox.

//Carga el archivo que contiene el log de chat
function loadLog(){
var oldscrollHeight = $(”#chatbox”).attr(”scrollHeight”) - 20; //La altura del scroll antes de la petición
$.ajax({
url: “log.html”,
cache: false,
success: function(html){
$(”#chatbox”).html(html); //Inserta el log de char en el div #chatbox

//Auto-scroll
var newscrollHeight = $(”#chatbox”).attr(”scrollHeight”) - 20; //La altura del scroll después del pedido
if(newscrollHeight > oldscrollHeight){
$(”#chatbox”).animate({ scrollTop: newscrollHeight }, ‘normal’); //Autoscroll hacia el fondo del div
}
},
});
}

• Antes de hacer la petición almacenamos la altura del scroll del div #chatbox en la variable oldscrollHeight.
• Luego de que la petición ha resultado exitosa, almacenamos la altura del scroll del div #chatbox en la variable newscrollHeight.
• Luego comparamos ambas alturas de scroll usando una delcaración if. Si newscrollHeight es mayor que oldscrollHeight, utilizamos el efecto animado para hacer scroll en el div #chatbox.

Actualizando constantemente el Chat Log

Ahora puede que surja la pregunta ¿Cómo actualizaremos constantemente la nueva información que es enviada por los usuarios?