enero 25, 2012 at 6:25 pm | Blog, Destacados, Trabajo | No comment
Aplicación para dispositivos Android.
Esta sencilla pero potente aplicación permite al usuario ahorrarse batería y molestias evitando que el dispositivo apague su pantalla y se bloquee.
Gracias a esto, se puede configurar el tiempo de iluminación de la pantalla al mínimo y una vez se cumpla DimScreen reducirá al mínimo el brillo y mantendrá la pantalla en reposo, con lo que se evita perder la página se estaba leyendo, la conversación que estabas manteniendo, etc.
También ayudará a conservar los maltrechos botones de encendido/apagado que en algunos dispositivos son tan delicados.
enero 25, 2012 at 6:10 pm | Blog, Destacados, Trabajo | No comment
Página web y área de acceso para clientes de Sittic S.L.
Desde su sede en San Fernando de Henares (Madrid) dirigen su negocio de artes gráficas en el que son especialistas en trabajos de impresión de gran formato.
Su nueva web, además de ser completamente dinámica, incluye un área para facilitar la comunicación y los procesos de trabajo con sus clientes, permitiéndoles solicitar presupuestos, ver el progreso de sus trabajos, enviar ficheros mediante formularios, arrastrando los archivos desde el ordenador al navegador, mediante Dropbox o mediante cuentas de FTP. Todo ello automatizado para facilitar al máximo el desarrollo de su actividad.
El sitio ha sido desarrollado teniendo en cuenta las nuevas tendencias en diseño fluido y se adapta a cada dispositivo en el que se consulta, ya sea PC de sobremesa, tablet o móvil.
noviembre 3, 2011 at 11:49 am | Blog, Django, Programación | No comment
Esta es cortita.
Django incorpora unas grandes herramientas para traducir los sitios a diversos idiomas, pero hay un pequeño pero: todo debe estar en el mismo idioma base y luego incorporar las traducciones necesarias.
Esto lo he descubierto después de estar unas pocas de horas rebuscando por qué había algunos formularios y cadenas que no se mostraban correctamente en inglés y sólo aparecían en español.
La clave estaba en que los formularios eran parte de una aplicación antigua que había incluido en el proyecto (ya sabes, don’t repeat yourself) y estaban integramente en español. Así que he tenido que pasarlo a inglés y crear el archivo de traducciones a español como para el resto de aplicaciones.
septiembre 28, 2011 at 7:42 pm | Blog, Django, Sass | No comment
En los últimos trabajos que he realizado he utilizado “diseños sensibles” (responsive design en inglés) para que las webs se adaptaran a los dispositivos en los que iban a ser vistos.
Así, ver la web en una pantalla de gran tamaño como puede ser la de un ordenador o un televisor mostraba la versión normal extendida, mientras que había otras versiones con imágenes de menor tamaño o con el contenido en una única columna en lugar de dividirlo en 2 para netbooks y por último versiones especialmente reducidas para facilitar la navegación en smartphones y no utilizar muchos datos.
Pero me quedaba la espinita de que realmente no le daba la opción al usuario de ver la versión “completa” si así lo quería, y no quería seguir así, de modo que en el proyecto que tengo entre manos actualmente he utilizado dos herramientas estupendas para esto:
De Sass ya hablé un poco en una entrada anterior, pero gracias a @TheSassWay sigo alucinando con lo potente que es. La base de Sass es que permite crear ficheros con reglas a partir de otros ficheros más pequeños a los que se llama partials.
Un fichero full.scss puede ser así:
@import "partials/more";
@import "partials/global";
@import "partials/default";
@import "partials/tablet";
@import "partials/mobile";
@import "partials/wide-mobile";
@import "partials/high-px-ratio";
Y otro fichero desktop.scss ser así:
@import "partials/more";
@import "partials/global";
@import "partials/default";
Los archivos _more.scss, _global.scss y _default.scss serán los mismos, y cuando se les pase el intérprete Compass, se generarán dos archivos distintos full.css y desktop.css con tan sólo los contenidos de los parciales indicados. Sólo se compilan los archivos *.scss que no tienen un _ como inicio del nombre, y pueden tenerse tantos archivos *.scss como se necesiten. ¿No es una maravilla? No había pensado en que se podían crear varios hasta que no me lo indicó @TheSassWay :-D
¿Qué se consigue con esto? Evidentemente, tienes un css “sensible” y uno no sensible para la versión completa. Por defecto mostramos el “sensible”, pero si no piden expresamente la versión completa de la web, podremos servirla sin tener que andarnos copiando el css generado y eliminando líneas (que era lo que hacía hasta el consejo de @TheSassWay U_U)
Ahora sólo queda servir el css apropiado. Para eso utilizaremos Django-mobile. Django-mobile entiende de “sabores” y por defecto interpreta las peticiones mediante un middleware y las clasifica en “full” o “mobile”. Yo lo he modificado para incluir también un sabor “tablet”.
Mirando un poco la documentación, nos encontramos con que en nuestras plantillas podemos utilizar la variable {{ flavour }} para identificar qué “sabor” se está sirviendo. Y además podemos elegir el sabor manualmente añadiendo un parámetro GET a la url del tipo ?flavour=full
Con lo que en nuestra plantilla podemos añadir algo del tipo:
{% if flavour != 'full' %}
<a href="?flavour=full">Ver versión estándar</a>
{% else %}
<a href="?flavour=mobile">Ver versión móvil</a>
{% endif %}
para cambiar el “sabor” actual y variar el CSS que se sirve con:
{% if flavour == "full" %}
<link rel="stylesheet" type='text/css' href="{{ STATIC_URL }}css/desktop.css?v=2">
{% else %}
<link rel="stylesheet" type='text/css' href="{{ STATIC_URL }}css/full.css?v=2">
{% endif %}
en la sección <head> de nuestra plantilla base.
Además de para esto, también aprovecho django-mobile para generar imágenes de distinto tamaño gracias a sorl-thumbnail según vayan a servirse a un dispositivo u a otro, o para ocultar completamente alguna sección.
Por ejemplo, en un listado de productos no tiene sentido para un móvil que se conecta a la web vía 3G descargar fotos de 1024×682 pixels, cuando para el diseño sensible que se ha utilizado basta con una imagen 240×160: consumo de datos que se ahorra el visitante y página que carga más rápido con algo como:
{% load thumbnail %}
<div id="work_list">
{% for work in object_list %}
<div class="work">
<a href="{{ work.get_absolute_url }}">
{% if flavour == "mobile" %}
{% thumbnail work.main_image "240x160" crop="center" as img %}
<img src="{{ img.url }}" alt="{{ work.name }}" height="{{ img.height }}" width="{{ img.width }}" />
{% endthumbnail %}
{% else %}{% if flavour == "tablet" %}
{% thumbnail work.main_image "640x426" crop="center" as img %}
<img src="{{ img.url }}" alt="{{ work.name }}" height="{{ img.height }}" width="{{ img.width }}" />
{% endthumbnail %}
{% else %}
{% thumbnail work.main_image "1024x682" crop="center" as img %}
<img src="{{ img.url }}" alt="{{ work.name }}" height="{{ img.height }}" width="{{ img.width }}" />
{% endthumbnail %}
{% endif %}{% endif %}
</a>
<a class="product" href="{{ work.product.get_absolute_url }}">{{ work.product }}</a>
</div>
{% endfor %}
</div>
septiembre 27, 2011 at 12:31 pm | Blog | 5 comments
Esta semana he estado en casa de mis padres hasta el lunes, aprovechando que venía mi hermano con su chiquillo y el lunes al ponerme a trabajar me hacía falta acceder a ciertas cosas del pc de casa.
Habitualmente lo que hago es encender el pc remotamente con Wol Wake On Lan Wan y luego accedo normalmente por ssh, pero esta vez no había manera. Lo intenté varias veces, comprobé que Dyndns.org tenía la IP a la que apuntaba actualizada y nada, no pude encenderlo ni acceder. Al final resolví lo que necesitaba de otra forma pero el asunto me dejó con la mosca detrás de la oreja.
Hace un momento me he puesto a mirar y ya he descubierto lo que ha ocurrido: la semana pasada reinicié el router
Por lo visto al hacerlo se resetea la tabla ARP del router, que cuando vuelve a encender ni la mantiene ni la restaura, así que el pc no podía responder a las llamadas de despertador porque no se las pasaba el router. Para volver a dejar la entrada permanente en el router, hay que acceder a él por telnet y hacer:
arp add IP.DEL.PC DIR.ECC.ION.MAC
Al entrar en la administración web del router, en Device Info, ARP, se ve que la entrada para esa IP ha cambiado de Complete a Permanent, así que sólo queda acordarse de volver a realizar el cambio tras cada reinicio.