Enlaces relacionados:

• 1.0 is the loneliest number
• WordPress para [iOS, Android, BlackBerry, Nokia, Windows Phone, WebOS]
• OnSwipe: visualización para iPad
• WPTouch: visualización para Smartphones
• m.wordpress.com
• WordPress Philosophy
• On standardized post formats
• Formattd, un tema con detección automática de formatos de entrada

El contenido, como era de esperar, no es más que propaganda contra las descargas de música y cine. Pero lo que ha desatado las alertas de más de uno, y a mi me pone un tanto nervioso es la siguiente perla:

Blog
Abreviatura de «web log», un diario o revista que se publica en Internet. Los blogs a menudo se utilizan para publicar enlaces a  archivos, que pueden ser copias ilegales de música, películas u  otros ficheros multimedia.

Siguiendo esa original perspectiva que tienen estos señores, podríamos definir:

• Coche: vehículo que a menudo se utiliza para el atropello de peatones
• Cuchillo: utensilio de cocina a menudo utilizado para cometer asesinatos
• Manos: extremidad del cuerpo que a menudo se utiliza para estrangular a personas

Sé que suena estúpido, pero la definición original no es que tenga mucho más sentido que mis tontos ejemplos.

Cientos de miles (medio millón sólo en USA) de personas viven de los blogs directa o indirectamente (entre ellos un servidor), pero lo que más me cabrea no es eso. Lo preocupante es que una persona que escribe un blog, les guste o no, es un creador de contenido (véase Autor), y por tanto deberían estar defendiendo sus intereses en lugar de asociarlo por defecto a un acto delictivo.

El problema real

Y volvemos al problema de siempre: hay una gran parte de la gente que descarga sin pagar que lo hace porque no hay otro medio decente. La guía comienza con:

Hay muchas formas de acceder de forma segura y legal a la música, las películas, la televisión y los vídeos en Internet.

¿En serio? Para encontrar música no hay mucho problema, pero ¿y el cine? Será que no se usar la Internet y no las he encontrado. Vamos a seguir leyendo a ver si me enseñan.

En el caso del cine, podrás encontrar  muchas de tus películas favoritas y  seleccionar el formato en el que  quieres verlas, desde DVD y Blu Ray  hasta servicios por Internet. Otra  inicia va es la web Filmotech, donde  están disponibles miles de películas  para su visionado en línea mediante  un sistema de videoclub.

Filmotech, ¿esa es toda la oferta? ¿Y que hay de iTunes? Si encima de que hay poca oferta os dejáis fuera la mitad, no me extraña que la gente no se entere.

Filmotech es una web que, si bien es de las primeras en España, tiene un diseño y usabilidad horrible y un catálogo que da pena. O quizá no, pero eso es lo que aparenta según la portada y lo que uno puede descubrir en un par de minutos navegando por la web.

Filmotech: ¿encuentras algo interesante?

iTunes está bastante mejor pensado (llevan ya muchos años en otros países), pero todavía le falta. Tiene un catálogo decente y es fácil encontrar contenido interesante. También tiene quejas de los usuarios: no hay versiones originales, y algunas películas cuestan lo mismo que el DVD, pero sin extras, otros idiomas, …

iTunes: veo carteles que reconozco

Mi conclusión es la de siempre: dejad de gastar dinero insultando a vuestros potenciales clientes (tanto público como creadores de contenido), en invertid en una plataforma en condiciones para que el que quiera pagar pueda hacerlo. Hasta entonces no tenéis derecho a quejaros: no es que yo no os compre, es que no estáis vendiendo.

Como todos los nuevos empleados, mis primeras tres semanas son de soporte, algo que me está resultando muy interesante: se aprende mucho enseñando.

Tras este periodo inicial, trabajaré en la aplicación para iPhone e iPad WordPress for iOS. La había probado en varias ocasiones aunque no soy un usuario frecuente, ya que suelo escribir con poca frecuencia, y normalmente desde el ordenador. Pero ya veremos a partir de ahora.

Llevo poco tiempo así que no puedo dar muchos detalles, pero de momento me está encantando. Me gusta la forma de trabajar y el equipo es genial.

Seguiremos informando.

El pasado mes compré un iPhone 4. Llevaba algo más de 3 años con mi iPhone 2G, y aunque funcionaba correctamente, la pantalla comenzaba a fallar, el conector hacía tiempo que era inestable y, sobre todo, no podía actualizarlo a iOS 4.0. Pretendiendo dedicarme a desarrollar aplicaciones para iPhone, esto era un problema considerable.

La pantalla genial, tener 3G y GPS también, pero la gran sorpresa ha sido la cámara, probablemente mejor que muchas compactas.

Tanto es así que en las últimas vacaciones apenas saqué la camara reflex de la mochila. Después de haber hecho unas 10.000 fotos en los dos meses anteriores, estaba un poco perezoso para sacar la cámara. Sin embargo, teniendo el teléfono mucho más a mano, saqué unas cuantas fotos.

Con la aplicación Camera+ podía retocarlas en el momento y subirlas en cuanto volviese al wifi del apartamento.

Dificilmente podría describir el resultado con palabras, así que os dejo con algunos ejemplos:

Más en: Berlin – a set on Flickr

El primer paso es preparar la imagen del candado. Cómo lo importante en este caso era experimentar con el código, y comprobar cómo de fácil resultaba implementar dicho candado, los graficos son un tanto cutres, pero cumplen su papel.

La parte fija del candado (Lock_fixed.png)

La parte movil del candado (Lock_mobile.png)

Una vez tenemos las imágenes, crearemos un proyecto nuevo en Xcode: “Window-based application”, y para este ejemplo lo llamamos “CandadoVisual_1″.

Añadimos las imagenes a la carpeta “Resources” haciendo click con el boton derecho, “Add -> Existing files…”, y despúes de seleccionar las imagenes nos aseguramos de marcar “Copy items into destination group’s folder (if needed)“.

En el archivo “CandadoVisual_1AppDelegate.h”, nos encontramos lo siguiente:

@interface CandadoVisual_1AppDelegate : NSObject <UIApplicationDelegate> {
 UIWindow *window;
}

@property (nonatomic, retain) IBOutlet UIWindow *window;

@end

Debemos añadir un outlet para la parte móvil, para que podamos girarla.

@interface CandadoVisual_1AppDelegate : NSObject <UIApplicationDelegate> {
UIWindow *window;
UIImageView *mobileLock;
}
@property (nonatomic, retain) IBOutlet UIWindow *window;
@property (nonatomic, retain) IBOutlet UIImageView *mobileLock;
@end

El paso siguiente es configurar la interfaz. Hacemos doble click en “MainWindow.xib”, y se abrirá Interface Builder. Los siguientes pasos consisten en:

1. Añadir una UIImageView con la parte fija del candado.
2. Añadir una UIImageView con la parte móvil del candado justo encima de la parte fija.
3. Conectar la parte móvil con el outlet que acabamos de crear.
4. Habilitar los gestos multitouch en la parte móvil.

Primera imagen (320x320)

Configuramos el nombre de archivo

Colocamos la segunda imagen sobre la primera

Configuramos la conexion con el delegado

Habilitamos los gestos múltiples: nos aseguramos que las casillas "User Interaction enabled" y "Multiple Touch" estan marcadas

Ya podemos cerrar Interface Builder y volver a Xcode. En este primer artículo sólo vamos a ver como captar gestos múltiples, así que de momento crearemos todo el código en el App Delegate, por mantener la simplicidad.

Vamos a estar trabajando con ángulos, así que añadiremos las siguentes macros al principio de CandadoVisual_1AppDelegate.m, justo después del #import:

#define DEGREES_TO_RADIANS(__ANGLE__) ((__ANGLE__) / 180.0 * M_PI)
#define RADIANS_TO_DEGREES(__RADIANS__) ((__RADIANS__) * 180 / M_PI)

Las librerías de iPhone trabajan con ángulos en radianes, pero para que sea más fácil de comprender especificaremos los ángulos en grados y los convertiremos cuando sea necesario.

Lo fundamental es obtener los datos multitouch para saber cuando el usuario esta “girando” el candado. Antes, tendríamos que haber capturado los datos de posición de cada dedo por separado y hacer nuestros cálculos, pero desde el iOS 3.2, el SDK proporciona reconocedores de gestos (UIGestureRecognizer), y en concreto el reconocedor de rotación (UIRotationGestureRecognizer), que es el que nos interesa.

Primero, creamos el método al que llamaremos cuando se realice el gesto de rotación (handleRotate):

// Es llamada cada vez que hacemos un gesto de rotacion
- (IBAction)handleRotate:(UIRotationGestureRecognizer *)sender {
// sender.rotation es el angulo relativo desde que empezamos
// a girar, asi que guardamos lo que llevamos girado hasta
// ahora en savedAngle
currentAngle = savedAngle + RADIANS_TO_DEGREES(sender.rotation);

// Cuando el gesto termina (levantamos los dedos),
// guardamos el angulo actual en savedAngle
if (sender.state == UIGestureRecognizerStateEnded) {
savedAngle = currentAngle;
}

// Aplicamos una transformacion de giro a la
// imagen del candado
CGAffineTransform cgCTM = CGAffineTransformMakeRotation(DEGREES_TO_RADIANS(currentAngle));
mobileLock.transform = cgCTM;
}

Después, creamos un reconocedor de gestos con este método y se lo asignamos a mobileLock:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
currentAngle = 0;
savedAngle = 0;

// Override point for customization after application launch.
UIRotationGestureRecognizer *rotationGesture = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(handleRotate:)];
[mobileLock addGestureRecognizer:rotationGesture];
[rotationGesture release];

[window makeKeyAndVisible];

return YES;
}

Con esto, ya tenemos un candado que gira. En próximas entregas, veremos cómo asociar el giro a los distintos números de la combinación.

Descarga el proyecto completo: CandadoVisual_1.

Foto de David M. Goehring

Aviso: este artículo esta pensado para aquellos que tengan su propio servidor. Si no tienes acceso de administrador, ni puedes configurar apache a tu antojo, la utilidad de esto es limitada (aunque puedes encontrar algún consejo interesante)

Hace un tiempo, me cansé de los problemas de seguridad con mi instalación de WordPress. Mantengo varios blogs, y a menudo eran víctimas de ataques. La razón principal es que es costoso mantenerlos actualizados si no se utiliza la actualización automática.

Para que la actualización automática de WordPress pueda funcionar hay dos opciones:

1. Que apache tenga permisos de escritura sobre todo el árbol de WordPress
2. Usar FTP, o SSH

La primera opción creaba más problemas de los que solucionaba, y la segunda requería una cierta configuración en el servidor: tener un servidor de FTP, o instalar la extensión de PHP para usar ssh.

Paso 0: migrar de servidor

En realidad no es necesario. En mi caso, y tras encontrar múltiples puertas traseras en mi antiguo servidor, decidí empezar de cero. Instalé versiones limpias de WordPress e importé el contenido y los temas con cuidado (mucho menos costoso que revisar todos los archivos). También aproveché para cambiar todas las contraseñas: no podía estar seguro de que no estuvieran comprometidas.

Además, el momento decisivo fue cuando descubrí que Linode, mi proveedor de hosting, ahora ofrecía alojamiento en Europa (Londres).

Paso 1: organización de wordpress y permisos

La forma más segura de instalar wordpress (en cuestión de permisos) es no permitir que el servidor web pueda escribir en ningún sitio. Esto no es práctico, ya que nos deja sin poder subir ficheros, actualizar wordpress, y otras comodidades. Habrá que encontrar un punto medio.

En lugar de tener wordpress en un solo directorio, separo el fichero wp-config.php y el directorio wp-content. Esto no ofrece una mayor seguridad, pero facilita las actualizaciones manuales, y la revisión de posibles infecciones.

Pongamos como ejemplo:

• /srv/www/ejemplo.com – directorio base
• /srv/www/ejemplo.com/htdocs – instalación de wordpress
• /srv/www/ejemplo.com/wp-config.php – fichero de configuración
• /srv/www/ejemplo.com/wp-content – datos de wordpress

Para asegurarnos el buen funcionamiento, enlazamos wp-content y wp-config.php dentro de htdocs. El proceso para instalar un nuevo blog sería algo así:

cd /srv/www
wget http://wordpress.org/latest.tar.gz
tar zxvf latest.tar.gz
rm latest.tar.gz
mv wordpress htdocs
mv htdocs/wp-content .
cp htdocs/wp-config-sample.php wp-config.php
cd htdocs
ln -s ../wp-config.php wp-config.php
ln -s ../wp-content wp-content

Ahora queda cambiar los permisos. Supongamos que nuestro usuario en el sistema es usuario y el usuario con el que se ejecuta apache es www-data.

chown -R usuario /srv/www/ejemplo.com
chown -R www-data /srv/www/ejemplo.com/wp-content/uploads

Sólo necesitamos que apache pueda escribir en el directorio donde se suben los adjuntos. Para las actualizaciones usaremos FTP con nuestro usuario.

Paso 2: configuración de WordPress

<?php
// ** MySQL settings ** //
define('DB_NAME', '****');    // The name of the database
define('DB_USER', '****');     // Your MySQL username
define('DB_PASSWORD', '****'); // ...and password
define('DB_HOST', 'localhost');    // 99% chance you won't need to change this value

$table_prefix  = 'xxx_'; // No usar wp_ evita muchos de los exploits automáticos
define('WP_SITEURL','http://www.ejemplo.com');
define('WP_HOME','http://www.ejemplo.com');
define('WP_CONTENT_DIR', '/srv/www/ejemplo.com/wp-content' );
define('WP_CONTENT_URL', 'http://www.ejemplo.com/wp-content');

define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

// Entramos en http://api.wordpress.org/secret-key/1.1/ y generamos unas nuevas
define('AUTH_KEY',        't3j$Fk<4BOt=^}SK-GnunxGYNx:6Le|HYEw06O0Lu,9rLm/SMOl2-6h2iItw.tf(');
define('SECURE_AUTH_KEY', '9QQNc;namb%I|xpv*g~7)1ci5X.z9hc3./J-SyT{V64NC I~*W_T+Y<|TT@n&Zs+');
define('LOGGED_IN_KEY',   '=G*+; 4=u%41e]o;)#V/|-v8Y=.ilK1sO6S(!n4z/M0rE(UYhd[_z*HNhjDSp}YR');
define('NONCE_KEY',       '8aUPH}vy$mb,3As}aZY)Lmr_2Qw|B6mb8ivV[!(h7T3$0ENpVLvABhkK0s<IOxel');

// Si queremos wordpress en español. Habrá que instalar también la traducción
define ('WPLANG', 'es_ES');

/* That's all, stop editing! Happy blogging. */

//define('ABSPATH', dirname(__FILE__).'/');
define('ABSPATH', '/srv/www/ejemplo.com/htdocs/');
require_once(ABSPATH.'wp-settings.php');
?>

Revisemos algunos de los parámetros:

• FORCE_SSL_LOGIN: Fuerza que los usuarios se identifiquen mediante conexión segura
• FORCE_SSL_ADMIN: Todo el panel de administración funciona mediante conexión segura

Como vamos a usar FTP para las actualizaciones, no queremos que cuando wordpress nos pregunte nuestra contraseña se transmita sin cifrar. Por eso restringimos todo el panel de administración, y no solo el login.

Por supuesto, esto requiere configurar apache para que pueda servir nuestro blog de forma segura, pero eso queda ya para otro artículo.

También necesitamos un servidor de FTP funcionando. En mi caso instalé vsftpd sin mucha complicación.

¿Paso 4?

¿Tienes algún truco para hacer wordpress más seguro? ¿Algún plugin? Cuéntanoslo en un comentario.

Peace

Descargar Peace:

• Peace (1600×1200)
• Peace (1680×1050)
• Peace (1920×1080)

Finnish nature

Descargar Finnish nature:

• Finnish nature (1600×1200)
• Finnish nature (1680×1050)
• Finnish nature (1920×1080)

Actualizado 23-Sep: Arreglado fallo en IE8

Hace unos meses, estuve trabajando en la web de Amapola Films, y surgió un reto interesante: cómo usar una imagen de fondo que permaneciese fija y tuviera una escala correcta.

Para este ejemplo, he elegido la siguiente imagen de fondo:

La imagen de fondo que usaremos de ejemplo

Prueba #1: usando CSS

Normalmente, para poner una imagen de fondo usaría CSS, pero en este caso queremos que ocupe toda la pantalla independientemente del tamaño del navegador.

He reducido la página al mínimo para poder centrarnos en el fondo, así que el contenido del body sería:

<div id="content">
<h1>Prueba 1: usando CSS</h1>
</div>

Y el CSS correspondiente:

body {
  background: url(images/background.jpg) no-repeat center top;
}

Como se puede ver en la siguiente captura, la imagen es mucho más grande que la ventana del navegador y no se muestra correctamente

Primer intento: FAIL

La propiedad background de CSS es bastante limitada para este caso y  no nos permite escalar la imagen. Si queremos ajustar la anchura o altura, tendremos que usar el elemento img

Prueba #2: imagen en HTML

Esta vez, en lugar de ponerle un fondo al body, vamos a insertar una imagen en el documento e intentar enviarla al fondo.

<img id="bg" src="images/background.jpg" alt="Fondo" />
<div id="content">
<h1>Prueba 2: imagen de fondo</h1>
</div>

Para esto, aplicaremos un posicionado fijo a la imagen, y le pondremos el z-index a -1, para enviarla al fondo. También especificamos que la imagen se ajuste al ancho de la pantalla

#bg {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}

Segundo intento, parece que funciona

Con un navegador apaisado se ve decente

El problema viene a la hora de redimensionar. Si por cualquier motivo, la ventana es mas ancha que larga se produce el siguiente efecto.

Segundo intento: FAIL

Tras ver esto, se me ocurrió brevemente poner también la altura al 100%, pero eso deformaría la imagen. Sólo nos queda Javascript

Prueba 3: Javascript al rescate

La idea principal es averiguar mediante javascript las proporciones de la pantalla y, dependiendo de estas, ajustar la anchura o la altura, dejando que el navegador elija la otra medida automáticamente.

El código HTML y CSS es similar al anterior, sólo que esta vez añadiremos el siguiente Javascript (depende de jQuery aunque se podría adaptar fácilmente):

function updateBackground() {
screenWidth = $(window).width();
screenHeight = $(window).height();
var bg = jQuery("#bg");

// Proporcion horizontal/vertical. En este caso la imagen es cuadrada
ratio = 1;

if (screenWidth/screenHeight > ratio) {
$(bg).height("auto");
$(bg).width("100%");
} else {
$(bg).width("auto");
$(bg).height("100%");
}

// Si a la imagen le sobra anchura, la centramos a mano
if ($(bg).width() > 0) {
$(bg).css('left', (screenWidth - $(bg).width()) / 2);
}
}
$(document).ready(function() {
// Actualizamos el fondo al cargar la pagina
updateBackground();
$(window).bind("resize", function() {
// Y tambien cada vez que se redimensione el navegador
updateBackground();
});
});

Podemos ver que en este caso, el fondo se muestra correctamente sea cual sea el tamaño de la ventana.

Cuadrado: OK

Horizontal: OK

Vertical: OK

Demo

Podéis ver los ficheros utilizados en:

• Prueba 1
• Prueba 2
• Prueba 3

La semana pasada compré en eBay una tarjeta Sandisk Extreme III de 8GB. El precio: unos 20€, envío gratuito. Parecía demasiado bueno para ser verdad, y así ha sido.

Cuando recibo el paquete y lo abro, me encuentro la tarjeta en una funda de plástico bastante más grande de las que usa Sandisk últimamente, incluso más grande que las que se usaban antes. Saco la tarjeta, y algo no estaba bien. Podéis ver en las fotos que la tarjeta parece genuina, pero tenia un tacto extraño, como si el plástico estuviera mal cortado.

En fin, vamos a probarla. Según la descripción, es una tarjeta de clase 6, lo que nos garantiza una transferencia mínima de 6MB/s. Con un pequeño programa que he preparado, me dedico a copiar ficheros de 10M y medir tiempos: 4MB/s de media. Algo no esta bien definitivamente. Intento descartar el factor humano, probando con otras tarjetas: una Ultra II da 8MB/s, y un modelo anterior de Extreme III unos 14MB/s. Confirmado: esta tarjeta no es lo que dice ser.

Entro en la web de Sandisk y pruebo a registrar el producto con el número de serie, ningún problema. Miro por la sección de soporte: tienen live chat. Probemos.

Después de una breve espera y tras unos minutos de conversación (describiendo la tarjeta y enviándoles fotos) llegan a la conclusión:

Upon checking, the details that you have provided didn’t match that of a genuine SanDisk memory card.

O lo que es lo mismo: más falsa que un billete de 300.

No pasa nada, la devuelvo y listo. Por un segundo, me debato entre simplemente contactar con el vendedor o abrir una disputa en Paypal… Esto es fraude, mejor disputa, por si acaso. 10 minutos después me dice Paypal que mi disputa se ha cerrado. Segundos antes de volverme loco, me doy cuenta de que el vendedor me había reintegrado el importe, y ha tenido el detalle de decir que no hacía falta que le enviase la tarjeta.

Durante la conversación con Sandisk, me he dado cuenta de otros detalles sutiles:

• El interruptor para bloquear la escritura es blanco, mientras que en el resto de tarjetas Sandisk que he visto es gris.
• La velocidad aparece por delante en un 6 dentro de una C (debajo del III de Extreme). En la parte trasera aparece un 8 (o una ¿B?) dentro de la C
• El logo de Sandisk en la parte trasera esta un poco mal impreso

Este es el segundo artículo que tengo que devolver en eBay en pocos meses (y no compro tanto), cada vez me da menos confianza. Es una lástima.