Se resume una forma de utilizar la interface estándar de python llamada Tkinter. Se construye un programa (hola mundo !) que permite mostrar como usar dicha interface.

Tkinter es la interface por defecto que tiene python para la GUI de tk. Sabemos que tk es una biblioteca que permite crear aplicaciones de escritorio que pueden ejecutarse sin cambios en diferentes sistemas operativos.

Tkinter está disponible en la mayoría de sistemas opertivos basados en UNIX, así como en Windows y Macintosh, a partir de su version 8.0 Tk ofrece una apariencia nativa en todas las plataformas.

Además del módulo de interface hacia Tk, Tkinter ofrece una variedad de módulos de python.

A continuación vamos a crear una aplicación sencilla para mostrar el funcionamiento de tkinter, para ello debemos crear un widget. Un widget es un componente gráfico con el cual el usuario puede interactuar, puede ser una ventana o algún dispositivo de ventana, para este caso es una ventana ordinaria.

from Tkinter import *
root = Tk()
root.mainloop()

La aplicación se mantendrá en un ciclo principal hasta que sea cerrada la aplicación, tal evento mainloop se encarga de los eventos generados por el usuario (clics, teclas presionadas, etc.), así como de los eventos generados por la ventana, los mensajes de configuracón de ésta y operaciones del mismo Tkinter, etc. Se recomienda colocar el mainloop al final del código, de otra manera se entra al ciclo principal antes de que los conrtoles sean agregados.

Después se debe agregar un frame (contenedor) donde vamos a colocar los controles (botones y etiquetas) de nuestra aplicación.

frame = Frame(root, height=100, width=200)
frame.pack_propagate(0)
frame.pack()

La función pack_propagate especifica que el contenedor deberá mantener su tamaño determinado. La función pack muestra visibles a los controles, en el caso de un botón también se debe llamar dicha función:

funcOne = Button(frame, text="Mostrar", command=say_hello)
funcOne.pack(side=BOTTOM)

El constructor del botón recibe el contenedor al que se va a agregar (frame), una cadena de texto que se mostrará en el botón y el nombre de la función que será ejecutada cuando el botón sea presionado.

Por útlimo debemos crear una función que agrege al contenedor una etiqueta que muestre el texto “Hola mundo !“.

def say_hello():
    w = Label(frame, text="Hola mundo !")
    w.pack()

Al final nuestra pequeña aplicación deberá mostrarse asi:

A continucaión se muestra el código final:

from Tkinter import *
 
root = Tk()
 
frame = Frame(root, height=100, width=200)
frame.pack_propagate(0)
frame.pack()
 
def say_hello():
    w = Label(frame, text="Hola mundo !")
    w.pack()
 
funcOne = Button(frame, text="Mostrar", command=say_hello)
funcOne.pack(side=BOTTOM)
 
root.mainloop()

Tim Heath y Ryan Hickman han creado unos cellbots llamdos “Tankbot” y “Truckbot” que son robots que utilizan dispositivos Android.

Con sólo $30 dólares, un dipositivo Android y algo de creatividad han sido capacaes de crear estos robot que procesan órdenes vía Telnet en una PC.

Los robots se pueden mover en posiciones especificadas gracias a la brújula integrada en algunos dispositivos.

Mientras que la funcionalidad del robot es mínima, el enfoque del proyecto fue utilizar teléfonos Android como el cerebro de estos robots.

La esperanza de estos desarrolladores es expandir la funcionalidad del robot para aprovechar en su totalidad el software de Android.

Heath y Hickman han documentado el proyecto completo en el sitio web http://www.cellbots.com, lo que significa que puedes también construir tu propio robot Android.

Aquí un vídeo

Vía Mashable.com: http://mashable.com/2010/03/06/cellbot/

Resumen

Se muestra una manera sencilla de graficar y rotar un Cubo.

Se comienza con la teoría de transformaciones lineales y proyecciones en el plano, al final se muestra un código muy sencillo de una aplicación hecha en Java que ejemplifica y muestra las transfomaciones descritas.

Introducción

Se puede rotar una figura en tres dimensiones, sobre el eje X, sobre el eje Y o sobre el eje Z.

En el caso de una computadora, la pantalla es un espacio de dos dimensiones, por lo tanto hay que hacer una proyección sobre el plano XY cada vez que se manipulen figuras tridimensionales.

Existe un vector en el plano R2 con coordenadas (x, y) y un ángulo con respecto al eje X,
se desea rotar el vector en un ángulo en sentido contrario de las manecillas del reloj con respecto al eje X. El nuevo vector ‘ forma un ángulo +respecto al vector y existe la misma longitud r en ambos vectores como se muestra en la figura:

Utilizando las definiciones de seno y coseno obtenemos que para el vector

Para el vector ‘, de forma similar, se obtiene que:

La suma de dos ángulos esta dada por:

Si se considera r = 1 y se sustituyen los valores correspondientes de x e y de la figura 1 tenemos.

Escribiendo las mismas ecuaciones en forma de matrices se obtiene:

La matriz (1) es mejor conocida como matriz de rotación, la cual determina las nuevas coordenadas (x’, y’) obtenidas por rotar un ángulo un punto (x, y) en sentido contrario de las manecillas del reloj.

Si las rotaciones se quieren hacer en el espacio R3, se necesita considerar el valor del eje de rotación (en el cual se desea girar) igual a uno y poner el resto de los valores igual a cero. En el caso de la matriz (1) se considera que rota con respecto al eje z.

Las matrices de rotación correspondientes a cada uno de los ejes están dadas por:

Para poder mostrar la rotación en tres dimensiones en un plano de dos dimensiones hay que hacer una proyección. Una proyección es una trasnformación lineal que toma un punto en el espacio de tres dimensiones y lo proyecta en un plano, que en este caso sera el plano xy. La matriz de transfomación que nos brinda la proyección de un punto en el plano xy es:

Ahora vamos a usar las matrices anteriores para tratar de rotar un cubo.

Para construir un cubo se pueden tomar una lista de vértices, aristas o caras, para ejemplos ilustrativos vamos a tomar una lista de ocho vértices y vamos a enumerarlos como sigue:

Si trazamos lineas que unan los vértices de forma tal que formen las aristas del cubo, se obtiene la siguiente figura:

La figura 3 muestra un cubo centrado en el origen pero a pesar de que la figura mostrada aparenta ser un cuadrado (dos dimensiones) se sabe que tiene una tercera dimensión dado que tiene las tres coordenadas en cada uno de sus ocho vértices, pero al proyectar sus puntos en el plano xy todos los valores z de los puntos son "planchados" al plano xy. Para darse cuenta de la forma tridimensional de la figura basta con rotar los puntos del cubo sobre el eje x o sobre el eje y.

El cubo aparenta estar representado en el espacio de tres dimensiones, pero carece de volumen, propiedad típica de los cuerpos tridimensionales. Para lograr una apariencia de volumen se necesitan crear diferentes polígonos que representen cada una de las caras del cubo, los vértices de cada cara del cubo serán los vértices de cada polígono y se puede asignar un color diferente a cada uno de ellos como se muestra.

Para ilustrar mejor lo antes mencionado, se contruyó un applet que muestra un cubo en 3D el cual puede rotar utlizando las matrices descritas.

Da click en el siguiente enlace para abrir el applet:

Rotación 3D de un cubo usando Java

Debes mover el ratón mientras mantienes presionado el botón izquierdo sobre el cubo para observar su rotación.

A continuación se muestra el código que muestra la utilización de matrices de rotación y proyecciones en el plano.

import java.applet.*;
 
import java.awt.*;
 
import java.awt.Stroke;
 
import java.awt.event.*;
 
import java.lang.Math;
 
import java.awt.Polygon;
 
/* Represents a point in space */
 
class Point{
 
public double x;
 
public double y;
 
public double z;
 
Point(){ this.x=0; this.y=0; this.z=0; }
 
Point(double x,double y, double z){ this.x=x; this.y=y; this.z=z; }
 
/* for move it at origin */
 
int getXCoordinate(){return Cube.origin + (int)this.x;}
 
int getYCoordinate(){return Cube.origin - (int)this.y;}
 
int getZCoordinate(){return 0;} /* projection on XY plane*/
 
}
 
class Face{
 
Point p1,p2,p3,p4;
 
Polygon side= new Polygon();
 
Face(){}
 
Face(Point p1,Point p2,Point p3,Point p4){
 
this.p1=p1;this.p2=p2;this.p3=p3;this.p4=p4;
 
this.side.addPoint(p1.getXCoordinate(),p1.getYCoordinate());
 
this.side.addPoint(p2.getXCoordinate(),p2.getYCoordinate());
 
this.side.addPoint(p3.getXCoordinate(),p3.getYCoordinate());
 
this.side.addPoint(p4.getXCoordinate(),p4.getYCoordinate());
 
}
 
public void drawFace(Graphics g){ g.fillPolygon(side); }
 
public boolean isVisible(){
 
Point aux1, aux2;
 
aux1 = new Point(p2.x-p1.x, p2.y-p1.y, p2.z-p1.z); // p1->p2
 
aux2 = new Point(p4.x-p1.x, p4.y-p1.y, p4.z-p1.z); // p1->p4
 
if((aux1.x*aux2.y - aux1.y*aux2.x) > 0)
 
return true;
 
return false;
 
}
 
}
 
public class Cube extends Applet implements
 
Runnable, MouseMotionListener{
 
Thread luxury;
 
static Point[] vertex = new Point[8]; // Cube vertexes
 
 
 
static int maxSize =300; // screen size
 
static int origin = maxSize/2; // (0,0)
 
static int xMouseP=0, yMouseP =0; // X and Y mouse's positions
 
int xAux , yAux ; // old X and Y mouse's positions
 
int module = 50; // length of lines of cube.
 
Image canvasAux;
 
Graphics backBuffer;
 
public void init(){
 
setSize(maxSize,maxSize);
 
setBackground( new Color(0.2f,0.6f,0.1f,1.0f) );
 
addMouseMotionListener(this);
 
/*Initial coordinates of vertex*/
 
int[] coordX = new int[]{-module,module,module,-module,-module,module,module,-module};
 
int[] coordY = new int[]{-module,-module,module,module,-module,-module,module,module};
 
int[] coordZ = new int[]{module,module,module,module,-module,-module,-module,-module};
 
canvasAux = createImage(500,500);
 
backBuffer = canvasAux.getGraphics();
 
for(int i =0; i<vertex.length; i++){
 
vertex[i] = new Point(coordX[i],coordY[i],coordZ[i]);
 
}
 
}
 
public void start(){
 
try { luxury = new Thread(this); luxury.start(); }
 
catch (Exception e){}
 
}
 
public void run() {}
 
public void stop(){}
 
public void paint(Graphics g){
 
/* Cube's points */
 
int[] pts1 = new int[]{0,1,5,0,0,3};
 
int[] pts2 = new int[]{1,5,4,3,4,2};
 
int[] pts3 = new int[]{2,6,7,7,5,6};
 
int[] pts4 = new int[]{3,2,6,4,1,7};
 
Color[] colorRGB = new Color[]{ Color.black, Color.blue,Color.orange,
 
Color.pink,Color.red, Color.yellow};
 
Face[] faces = new Face[6];
 
backBuffer.clearRect(0,0,500,500);
 
for(int i=0; i<6; i++){
 
backBuffer.setColor(colorRGB[i]);
 
 
 
faces[i] = new Face(vertex[pts1[i]],vertex[pts2[i]],vertex[pts3[i]],vertex[pts4[i]]);
 
if(faces[i].isVisible()){
 
faces[i].drawFace(backBuffer);
 
}
 
}
 
g.drawImage(canvasAux,0,0,this);
 
g.drawString(" Touche ", 30,30);
 
g.drawString(" X " + xMouseP, 30,50);
 
g.drawString(" Y " + yMouseP, 30,65);
 
return;
 
}
 
public void update(Graphics g){ paint(g); }
 
public void destroy(){
 
try {Thread.sleep(1500);}
 
catch (InterruptedException e) {
 
System.out.println("Exception in sleep");
 
}
 
}
 
/* Rotate each vertex of cube over X, Y and Z axis */
 
void rota(double angleTeta, double anglePhi, double anglePsi) {
 
double teta= Math.toRadians(angleTeta);
 
double phi= Math.toRadians(anglePhi);
 
double psi= Math.toRadians(anglePsi);
 
Point pAux = new Point();
 
Point pAux1 = new Point();
 
Point pAux2 = new Point();
 
for(int i =0; i<8; i++){
 
/* Rotating over x */
 
pAux1.x = vertex[i].x;
 
pAux1.y= vertex[i].y * Math.cos(teta) + vertex[i].z * (-Math.sin(teta));
 
pAux1.z = vertex[i].y * Math.sin(teta) + vertex[i].z * Math.cos(teta);
 
/* Rotating over y */
 
pAux2.x = pAux1.x * Math.cos(phi) + pAux1.z * Math.sin(phi);
 
pAux2.y = pAux1.y;
 
pAux2.z = pAux1.x * (-Math.sin(phi)) + pAux1.z * Math.cos(phi);
 
/* Rotating over z */
 
pAux.x= pAux2.x * Math.cos(psi) + pAux2.y * (-Math.sin(psi));
 
pAux.y = pAux2.x * Math.sin(psi) + pAux2.y * Math.cos(psi);
 
pAux.z= pAux2.z;
 
 
 
/* new position */
 
vertex[i].x = pAux.x;
 
vertex[i].y = pAux.y;
 
vertex[i].z = pAux.z;
 
}
 
}
 
/* For move the cube over X and Y axis */
 
public void mouseDragged( MouseEvent e ){
 
/* old coordinates */
 
xAux = xMouseP;
 
yAux = yMouseP;
 
/* new coordinates */
 
xMouseP = e.getX();
 
yMouseP = e.getY();
 
if(yMouseP > yAux){ rota(2,0,0); }
 
if(yMouseP < yAux){ rota(-2,0,0); }
 
if(xMouseP > xAux){ rota(0,2,0); }
 
if(xMouseP < xAux){ rota(0,-2,0); }
 
repaint();
 
e.consume();
 
}
 
public void mouseMoved( MouseEvent e ) { }
 
}

El código anterior pertenece a un archivo llamado Cube.java, para poder visualizar el applet generado se necesita crear una archivo html.

El siguiente código solo es un html para desplegar el applet.

<!-- hola.html -->
<HTML>
<BODY>
Cubo
<APPLET width="500" height="500" CODE="Cube.class"><br /></APPLET>
</BODY>
</HTML>

En caso de contar con un IDE (Eclipse, jGrasp, etc.) no existe necesidad de crear dicho html para visualizar el cubo.

Como sabemos el área de tecnologías es muy extensa, por eso empezamos esta nueva idea, cada fin de mes vamos a tomar sus sugerencias de tema, para los posts del sitio, si tienen dudas o les gustaría que escribiéramos sobre un tema en particular no lo duden y hagan que su voz se escuche.

Por otra parte mes de Marzo tenemos los siguientes eventos:

Press Camp México es un evento que convoca a todos los Periodistas y Comunicadores de México,  a la gente interesada en la profesión de informar y compartir información, en las herramientas que nos ofrece hoy en día Internet y las diferentes tecnologías accesibles, así como  también a la comunidad de Web de México en general.

El BarCamp es una red internacional de "desconferencias" (eventos abiertos y participativos), cuyo contenido es provisto por los participantes. Se enfocan en aplicaciones web en estadios tempranos, tecnologías de código abierto y protocolos sociales. Sin embargo, este tipo de encuentros han ampliado su temática y actualmente incluyen eventos participativos y abiertos alrededor de temas sociales, artísticos, educativos… con fuertes componentes creativos e innovadores en los respectivos ámbitos.

Fecha:  20 de Marzo de 2010 de  9:00 a 18:00 horas

Sede: Universidad Iberoamericana (IBERO Santa Fé)

Les dejamos esta presentación sobre las características de Girasol un proyecto opensource mutiplataforma para publicar en tu blog sin necesidad de entrar a la interfaz web.

Nos mandan el “Call for Papers”, para el BugCon de 2010, BugCon es un evento abierto y técnico sobre seguridad informática.

BugCON is a purely technical convention where all security researchers can show their current work,projects and ideas in Mexico City.

The main topics for BugCON 2010 are:

• Software security
• Secure coding
• Audit
• Honeynets
• Perimeter Security
• Web security
• Malware Development
• Computer Forensic
• Fuzzing
• Security related AI applications
• Database hacking
• Privacy issues
• Mobile technologies
• Hardware/firmware and embedded systems hacking
• Cracking and protections on software
• Academic security research
• Firewalls, IDS and other network hardware/software (implementation, configuration and evasion
• Open Source projects
• Videogame consoles, T.V. systems, and other friki stuff
• Cryptography and steganography
• Phreaking
• Informatic legislation
• Reverse Engineering
• REMEMBER, you can send us your topic… We don’t have any problem if your topic is not present in the list above .

BugCON accepts your participation in the form of conference and workshop, with a duration of 1 to 2 hours for the conference and in the case of workshops you can tell us how many time would you like need(if you need more time BugCON can offer work tables for continuing your talk); the conference language can be Spanish (prefereably) or English.

Remeber that BugCON is totally uncensored, so the public can start a discussion about your conference, and it’s totally acceptable.

BugCON has two lines, “white hat” topic and “black hat” topic the technical reviewers going to collocate your conferences in the most adecuate clasification. BugCON reserves the right to accept or reject any paper.

All proposals should be sent to secretary@bugcon.org with a little description about the conference and a little bio from the author, from February 17th to August 31th (no extensions).

The final schedule will be published on September 18th. Once your conference is accepted you should send a confirmation, a telephone number for contacting you and details about your arrival.

BugCon 2010 will be celebrated at 27, 28 and 29 of October 2010 at CFIE-IPN ( Centro de Formación e Innovación Educativa del Instituto Politécnico Nacional) with the best support of  ESCOM-IPN ( Escuela Superior de Cómputo).
Will be waiting for you.
Regards
Armin Garcia
President of BugCon
Forensic Malware Analyst at Cipherstorm Ltd

UK Office Suite 404, Albany House
324-326 Regent Street
London
W1B 3HH
United Kingdom
UK Tel: 0871 245 6786
UK Tel: 0871 245 6789
Intl. Tel: +44 (0) 701 703 5786
Fax: 0844 589 0400
http://cipherstormgroup.com/
http://www.bugcon.org

Bueno antes de comenzar, primero debemos bajarnos el DOMPDF, que es el que nos servira para convertir nuestro html a pdf, descargaremos su version dompdf_0-6-0_alpha2.tar.gz ,que funciona tanto para windows como para linux y que ahora se encuentra en http://code.google.com/p/dompdf/downloads/list, para utilizarlo requerimos de php 5 o superior con la extensión DOM habilitada.

DOMPDF provee soporte para la creación de archivos PDF sobre archivos html con estilos(css) pero no todas las propiedades, no acepta posiciones flotantes ni relativas entre otras, para saber que propiedades son aceptadas y cuales no, revisa el siguiente link.

Ya descargado el DOMPDF, extraemos los archivos y la carpeta llamda dompdf la copiamos en la raiz de nuestro proyecto.

Ahora, para nuestro caso crearemos una aplicacion en html, en donde nostros podremos buscar nuestra pagina en html para transformarla a pdf.

Lo que aquí hacemos es crear un formulario donde le decimos que será redireccionada a la pagina toPdf.php y los valores ó variables seran pasadas a travez del metodo GET.

Seguido de esto crearemos el archivo toPdf.php, el cual se encargara de recibir el nombre de la pagina que seleccionamos y la convertira a pdf.

Este proceso puede ser modificado ya que no es obligatorio leer un archivo html, tambien contamos con un metodo llamdo load_html(‘texto’) donde el parametro texto recibira una cadena que contenga la informacion para crear una pagina html, como por ejemplo lo siguiente:

Ya terminado los dos archivos, solo falta ejecutar nuestra aplicacion y ver como el proceso se realiza facilmente.

Nota: los dos archivos y la carpeta dompdf deben de estar en la raiz del proyecto y recuerden que como trabajamos con php este tiene que estar bajo un servidor que lo soporte.

Como se habrán dado cuenta, hemos tenido una promoción para nuestros lectores, enviándonos un tutorial, obtienen un hosting por un año, dominio incluido, en este caso presentando una empresa dedicada al desarrollo de medios y video juegos para Iphone, mostrándonos una fantástica técnica aplicable a la animación y juegos (Cell shading o Comic shading técnica que seguramente has visto en video juegos como las series de Dragon Ball).

Esperamos disfruten el tutorial y que participen, la promoción continúa todavía este mes de febrero, y queremos saber más del desarrollo y esfuerzos tecnológicos realizados en México.

Carlos Camargo de Flynet Studios nos manda este tutorial en vídeo en exclusiva para los lectores de Ubicuos.com

En el blog de desarrolladores de Facebook, la entrada del día de hoy habla sobre un proyecto que utilizan internamente y ahora liberan como software libre, Hip Hop es un “convertidor” de código fuente de PHP a C++, según cuenta Haiping Zhao, responsable del proyecto “Uno de nuestros principales valores es el movernos rápido, PHP es un lenguaje que es simple, simple de aprender, simple de escribir, simple de leer, y depurar, somos capaces de trabajar con nuevos ingenieros de forma más rápida, lo que nos permite innovar”.

Con este software se han reducido el consumo de CPU en promedio un 50% dependiendo de la página, menos CPU implica menos saturación y un uso más adecuado de los recursos.

El vídeo de la presentación

Live TV : Ustream