Skip to Content »

Mochibot: Flash Tracking

  • 28/08/2007
  • 10:41 am
  • unijimpe

Mochibot es un servicio gratuito que te permite hacer un seguimiento de las animaciones, juegos, aplicaciones hechas en Flash. Esto te permitirá conocer al detalle en que lugares se esta reproduciendo tus SWFs aunque ya no estén alojados en tu servidor.

mochibot.gif

Este servicio es interesante para saber en que dominios se esta ejecutando nuestra película flash. Entre las cualidades que presenta este servicio podemos mencionar:

  • Ver quienes muestran tu contenido SWF.
  • Estadísticas detalladas de las visualizaciones de tus SWFs
  • Soporte para AS1 y AS2
  • Reporte de visualizaciones por fechas
  • Soporte para SWFs exportados en versiones superiores a Flash 5

Para utilizar este servicio gratuito, debes registrarte para obtener una cuenta en http://www.mochibot.com/register.html, luego de ello registras un nuevo SWF, donde debes ingresar el nombre que deseas asignarle en tu panel de reportes, seguido se generará un código ActionScript compatible con AS1 y AS2 el cual debes colocar en el primer frame de la escena principal de tu película.

mochibot-dashboard.gif

Publicas tu película Flash y en adelante cada vez que alguien la reproduzca se generará un registro en la base de datos de Mochibot. No importa en donde este alojado siempre se registrarán las visualizaciones a este SWF. Esto nos permitirá por ejemplo descubrir quienes se están pirateando nuestro trabajo.

Respecto al funcionamiento es muy sencillo, en realidad al iniciar la película se llama a un URL externo que apunta a los servidores de Mochibot, el cual recibe la información y la almacena en su base de datos. Podríamos hacer un servicio propio para hacer el seguimiento de nuestros SWFs pero si utilizamos este servicio nos ahorramos el tiempo de desarrollo y trafico que se genera cada vez que se almacena un registro.

Posts Relacionados

Resaltar código en HTML

  • 27/08/2007
  • 10:50 am
  • unijimpe

Google Code Prettify es una librería Javascript que en conjunto con un CSS permite resaltar código fuente de acuerdo a la sintaxis. Esto es muy útil para personas que desean mostrar código fuente legible en una web sin necesidad de estar coloreando manualmente el código.

code-prettify.gif

Utilización
Lo primero es descargar los archivos fuente, esto lo hacemos desde prettify-small.zip, se descomprimen los archivos y se copian los archivos prettify.js y prettify.css. Luego de ello incluimos estos archivos al html que estamos creando de la forma:

  1. <link type="text/css" rel="stylesheet" href="prettify.css" />
  2. <script type="text/javascript" src="prettify.js"></script>

Lo siguiente es llamar a la función prettyPrint al cargar la página html, ello lo hacemos en el evento onLoad, de la forma:

  1. <body onLoad="prettyPrint()">

Finalmente al código que deseamos resaltar con colores lo encerramos entre tags pre y aplicamos la clase prettyprint, esto de la forma:

  1. <pre class="prettyprint">
  2. // código fuente a colorer
  3. </pre>

Pueden ver un ejemplo funcionando en: http://samples.unijimpe.net/prettify.htm, y como verás es muy sencillo de utilizar. También les dejo los archivos fuente para descargar.

Posts Relacionados

Wordpress Dreamweaver Plugin

  • 27/08/2007
  • 12:21 am
  • unijimpe

TAGStention es una extensión para Dreamweaver que agrega un nuevo Toolbar para insertar etiquetas para la creación de temas de WordPress. Si alguna etiqueta necesita parámetros se mostrará una ventana emergente solicitando los valores necesarios.

dreamwwaver-wordpress.gif

Esta extenón a pesar que aun esta en su versión 0.3 es muy completa y mucho mejor que otras extensiones semejantes. Entre las cualidades mas destacables podemos mencionar:

  • Asistentes para tags con parámetros.
  • Botones de ayuda que redireccionan a la documentación oficial.
  • Soporte del 90% de tags disponibles.
  • Asistente para loops básicos.
  • Asistentes para creación de headers.
  • Soporte para Ultimate TagWarrior.
  • Botón de ayuda

Instalación
Descargas la extensión desde TAGStention v0.3. Luego de ello ejecutas el archivo mxp que abrirá el Extension Manager para instalar esta extensión. Después al abrir Dreamweaver tendrás u nuevo Toolbar que te da acceso a insertar los tags necesarios para crear un nuevo tema.

dreamwwaver-wordpress-ini.gif

Lo he probado y definitivamente facilita el trabajo de desarrollar un tema, pues tienes todos los elementos a la mano. Hay que notar que esta extensión solo esta probada para versiones superiores a Dreamweaver MX2004.

Posts Relacionados