Racó tècnic

Desde hace unos días estoy inscrito en un curso gratuito y online de HTML5, gestionado desde la P2PU con el soporte de Mozilla.
Estos cursos los da gente anónima y desinteresada, por lo que en general no son docentes sino gente con conocimientos y ganas de explicar cosas.
Es maravilloso que existan iniciativas de este tipo.

Así que sin más preámbulos, me dispongo a dejar constancia de lo aprendido en la primera clase.

¿Que hay de nuevo en HTML5?

El principal cambio en el que nos centraremos hoy radica en los elementos de la nueva semántica: Es decir, en el HTML vamos a empezar a utilizar unas etiquetas que son mucho más específicas (en lugar de los ambiguos DIV a los que estábamos acostumbrados).

Esto no significa que dejemos de utilizar DIVs, sino que ahora tenemos más etiquetas.

Por ejemplo, algunas de las más comunes:

<header><footer><nav><aside><article>

Su mismo nombre ya nos dice más o menos dónde irán ubicadas.

En w3schools tienen una lista completa de todas las etiquetas nuevas.

Vamos a comparar como se creaba antes la estructura de una web y como se hará com HTML5: Llegir més…

Recientemente he creado un podcast para la página de Música Vermella con el inconveniente añadido de que se suben mp3 independientes para cada publicación.

Para solucionarlo he utilizado la librería getid3 para unir los ficheros mp3 de cada publicación en un único fichero mp3.

Para verlo podéis agregar el Podcast de Música Vermella a vuestro cliente de Podcast (iTunes, Rythmbox, Banshee, Miro…).

Quería hacer un tutorial sobre cómo crear un podcast con CakePHP pero lo dejaré para otro tutorial por tal de no complicar este.

Puedes ver la segunda parte aquí: Crear un Podcast en CakePHP

Para empezar necesitaréis descargar la librería Getid3. Descargad la versión estable por si acaso ya que la versión beta falla con las etiquetas id3 (que no utilizaremos) así que si queréis utilizarla es bajo vuestra propia responsabilidad. Llegir més…

Borogove es un sniffer en Python con el propósito de capturar conversarciones del chat de Facebook en una red local. Usa la técnica Man-In-The-Middle envenenando las tablas ARP.

Su uso es bastante simple, y nos hace un output de mensajes enviados por los interlocutores en tiempo real.

Para usarlo, debemos instalar las dependencias dsniff, pypcap y dpkt.

Lo mas fácil será ilustrar su uso mediante un ejemplo:

• En nuestro escenario, Bob esta conectado en la misma red local que Alice.
• Alice se conecta a Internet mediante un Router o puerta de enlace.
• El router tiene la IP 192.168.1.1
• Alice tiene la IP 192.168.1.22
• Bob tiene la IP 192.168.23
• Bob se conecta a la red mediante la interfaz wlan0.

Lo que pretende Bob es “engañar” al Router y al PC de Alice, interfiriendo en su comunicación de forma transparente. He aquí un esquema bastante simplificado del proceso:

Una vez hecho esto, puede “inspeccionar” los paquetes que Alice envía o recibe en busca de conversaciones, sin que la víctima note nada (excepto, quizá, una conexión algo mas lenta). Dado que el chat de Facebook no funciona en HTTPS, se envía siempre en texto plano, lo qual es sumamente inseguro y permite este tipo de ataques.

Para usarlo en Ubuntu seguid los siguientes pasos:

sudo -s
aptitude install dsniff python-pypcap python-dpkg
wget http://borogove.googlecode.com/svn/trunk/borogove.py
chmod +x borogove.py
./borogove.py <interfaz> <IP_vicima> <gateway>

Por ejemplo, Bob lo usaría así:

./borogove.py wlan0 192.168.1.22 192.168.1.1

Salud y ya sabéis, usar sólo para fines educativos y bajo vuestra responsabilidad.

Hace ya mucho que existe seguramente, pero con lo escondido que lo tenían los de Cake no lo encontré hasta la semana pasada.

CakePHP Debug Kit es un plugin desarrollado por los creadores de CakePHP que nos facilita una barra de herramientas con todo lo necesario para debugar nuestra aplicación sin herramientas adicionales (vamos, que con el notepad y el debugkit tiramos millas :D).

Para descargarlo podéis hacerlo desde GitHub: https://github.com/cakephp/debug_kit/archives/master

Una vez descargado cambiadle el nombre a la carpeta por ‘debug_kit’ y ponedla en cualquiera de los directorios “plugins” de vuestra aplicación (/plugins y /app/plugins). Una vez copiado simplemente tenéis que cargar el componente Toolbar:

var $components = array('DebugKit.Toolbar');

… y aseguraros que vuestro nivel de debug es 2 (Configure::write(‘debug’, 2);).

Edit: si estáis utilizando el elemento sql_dump eliminadlo de vuestro template. De lo contrario no se mostrarán las consultas en el DebugKit.

Llegir més…

Adobe está desarrollando un IDE para crear animaciones en canvas (HTML5). Echad un ojo porque se ve realmente interesante.

Si es que nos incitan a olvidar flash!! xD