Archivo de la categoría: Código

Código de programación en el servidor, javascript, bases de datos, php, etc…

Cambios en el Blog de Foto DNG

Publicado el por

Como habréis podido ver, estos días hemos estado ocupados con el cambio del Blog. Hasta ahora teníamos el Blog de la revista en el servicio de Blogger (http://www.blogger.com/home) aunque con un subdominio propio blog.fotodng.com, y hemos realizado el cambio a nuestro propio servidor (servidor dedicado de OVH) con el gestor de Blogs de WordPress http://es.wordpress.org/

La primera idea fue integrarlo totalmente con la apariencia de la web, pero después de algunas pruebas nos hemos decantado por diferenciarlo un poco, aunque mantenemos los enlaces principales de nuestra web. La nueva dirección del blog es la de nuestra web /blog/ quedando http://www.fotodng.com/blog/

Hemos importado todas las entradas existentes de Blogger, mantenemos los RSS con feedburner http://feedburner.google.com (aunque bajo nuestro dominio rss.fotodng.com mediante el servicio MyBrand de feddburner), por lo que el cambio debería haber sido totalmente transparente ya que hemos apuntado el DNS de nuestra anterior URL a nuestro servidor en vez de a Blogger y redireccionado en Nginx mediante el código 301 a la nueva dirección, los RSS mantienen la url, aunque apunta a las nuevas entradas.

Estos cambios han venido junto con otros no visibles como opciones de caché en Nginx (módulo fastcgi_cache http://wiki.nginx.org/HttpFcgiModule#fastcgi_cache), optimizaciones en APC (http://php.net/manual/es/book.apc.php) y modificaciones de algunas cabeceras y caché del lado del cliente. Mientras realizábamos estos cambios ha surgido el servicio de Google Page Speed Service (http://code.google.com/intl/es-ES/speed/pss/index.html) que intentaremos probar a ver si podemos acelerar más la rapidez con la que se carga la web.

Seguimos trabajando en estos y otros cambios, además de algún nuevo servicio que esperamos poder presentar pronto, a ver si los cambios son beneficiosos y si tenéis alguna duda, pregunta, encontráis fallos, deseáis saber algo, etc… estamos dispuestos a responder todas vuestra preguntas ya sea en los comentarios aquí en el blog, por Twitter (http://twitter.com/#!/fotodng), Facebook (http://www.facebook.com/revista.fotodng), mail o cualquier otro canal en el que nos encontremos.

Un saludo y a disfrutar del verano.

Mejora en el visor de flash de Foto DNG

Publicado el por

Como ya comentamos en un artículo anterior (http://blog.fotodng.com/2010/10/foto-dng-en-html5.html), desde hace unas semanas, en la sección de la revista flash (mediante el visor en flash de Issuu) hemos realizado algunas mejoras, ya implantadas en la versión html5.

Estas mejoras consisten en poder enlazar además de a un número concreto de la revista como hasta ahora, a una determinada página de la revista, tanto en la página de Foto DNG, como en el visor que podéis incrustar en vuestras webs, para por ejemplo poder mostrar un determinado artículo, foto, etc, referido a vosotros.

La manera de enlazar en la web de Foto DNG a una determinada página es poner http://www.fotodng.com/revista/flash/ + número de la revista + /?p= + número de página, por ejemplo, para enlazar al artículo “Perú: Historias de trabajo infantil” del número 50 de Foto DNG, disponible en la página 80, pondríamos la siguiente dirección: http://www.fotodng.com/revista/flash/50/?p=80 y si seguidamente le damos al botón “Obtener código para poner el visor en tu web”, veremos el código necesario para el visor incrustado, la página en Issuu o en Foto DNG.

Foto DNG On-Line

Espero que esta característica, aunque pequeña, os ayude para los que deseáis enlazar o poner el visor con alguno de vuestro artículos o fotos.

Foto DNG en HTML5

Publicado el por

Por fin, como anunciábamos hace unos días en Twitter (@fotodng) ya tenemos todos los números de Foto DNG subidos a Scribd y se pueden ver desde la página de Foto DNG en http://www.fotodng.com/revista/html5/

Revista Foto DNG con el visor de Scribd

Como comentan en su web, el visor embebido aún no muestra los contenidos en html5, sigue mostrando su visor en flash, pero lo irán migrando para que muestre los contenidos como html, en el momento que dicha migración sea efectiva, nos haremos eco de la misma por los medios habituales:

At the moment embedded documents will only be displayed in our Flash-based reader. We’re definitely going to support HTML5-based embeds, and we’re eager to do so. First, though, we’re making sure Scribd documents look as good as they should and working out UI bugs. We’ll be focusing on bringing HTML5 to embedded documents as soon as we’re confident these critical issues are taken care of.

http://support.scribd.com/entries/168843-reading-on-scribd-in-html5

Preocesado html5 en Scribd

Mientras tanto, en cada número de la revista en “html5” podemos encontrar el enlace a la web de Scribd con dicho documento en formato html, el cual puede ser visto desde nuestro navegador, navegador móvil, iPad, etc….

Aún nos queda mucho trabajo por realizar en el “backend” para contabilizar las visitas de Scribd, generar automáticamente cada documento, mostrar los enlaces en la página de descargas y demás tareas, pero hemos querido lanzar esta nueva característica poco antes del lanzamiento del número 50 de Foto DNG para de alguna manera poder celebrar estos 50 números juntos.

Además, como novedad que también implantaremos en la versión flash de Issuu, además de poder enlazar directamente cada número embebido (por ejemplo el número 47 en http://www.fotodng.com/revista/html5/47/) como ya era habitual en la versión de Issuu, podemos enlazar directamente a una página de dicho documento con el parámetro p y el número de página (?p=numero_pagina), por ejemplo la página 34 del número 25 (Junio de 2009) es  http://www.fotodng.com/revista/html5/25/?p=34

Esperamos que esta nueva característica sea de vuestro agrado.

Nos vemos en unos días con el número 50.

Nueva web de Foto DNG

Publicado el por

Como habréis podido observar y sabréis por los medios habituales de comunicación de la revista Foto DNG, hace unas semanas hemos cambiado la apariencia de la web de Foto DNG (http://www.fotodng.com).

Quizás el cambio más destacable esa la desaparición de la publicidad de Adsense para los usuarios que acceden directamente a la web o por medio de una página de referencia, es decir, los anuncios de Adesnse sólo se muestran a los usuarios que accedan a la web de la revista mediante una búsqueda en Google, Yahoo, Bing, etc… y sólo se muestran Adesnse en la página principal, la página de descarga del pdf y las páginas impares del quinto concurso Foto DNG (http://www.fotodng.com/concurso_10/). El origen de la visita se guarda en una sesión del navegador, por lo que si después de una visita a la página desde un buscador, sin cerrar el mismo volvemos a acceder directamente, seguirá mostrando los anuncios (con borrar los datos de navegación de vuestro navegador dejará de mostrar los anuncios).

Este punto significa que disminuimos considerablemente los ingresos por Adsense (aunque ya eran mínimos), pero a cambio ofrecemos una mejor sensación a nuestros usuarios recurrentes, mostrando publicidad sólo a un escaso 21% de las visitas (según datos de Google Analytics).

Referencias de visitas

Otro cambio que podríamos destacar en la nueva web es en lo referente a la visualización de las fotos de los concursos, el script lightbox utilizado hasta ahora no permitía navegar entre las fotos, sólo verlas una a una, teniendo que cerrar cada foto para ver la siguiente. El nuevo script nos permite navegar entre las fotos de cada página con el teclado y/o ratón:

Concurso Foto DNG 2010

También podemos ver las fotos mediante el plug-in de navegador CoolIris(http://www.cooliris.com/) obteniendo una nueva experiencia de navegación por las fotos participantes a concurso:

Apertura de CoolIris

Vista en CoolIris

Apertura de CoolIris

Os recomiendo que le echéis un vistazo a esta extensión y una vez instalada, veáis las fotos participantes mediante CoolIris.

Por lo demás, podríamos hablar de cambios estéticos y de rendimiento (accesos casi nulos a la Base de Datos, generación de htmls estáticos desde tareas cron que actualizan los servicios, etc…), para aprovechar la visualización de cambios como transiciones en los botones, redondeados, sombras, etc… deberemos tener un navegador que soporte dichas características de CSS3 (Internet Explorer de momento no, aunque se ve correctamente la página), los basados en WebKit muestran las transiciones, la mayoría de los demás en versiones actualizadas, muestran bordes redondeados y sombras…. ese 32% de nuestro usuarios que utilizan Internet Explorer (según datos de Google Analytics) se perderán esas características.

Navegadores de usuarios

Además, gracias a la ayuda de Mauro Fuentes (http://www.fotomaf.com) se ha creado una página específica para el iPad (http://www.fotodng.com/ipad/) y en la entrada de Mauro Fuentes “El iPad y la fotografía” (http://www.fotomaf.com/blog/11/05/2010/el-ipad-y-la-fotografia/) podréis ver la revista Foto DNG desde el lector GoodReader en el iPad.

Antes de cerrar esta entrada, hacer una pequeña mención a la inclusión de los iconos para enviar las entradas de los números de la revista directamente a Twitter, Facebook, Google Buzz, Delicious, Menéame y Digg.

Cualquier comentario, sugerencia, problema, etc. será muy bienvenido.

Foto DNG en el iPad

Publicado el por

Gracias a Mauro Fuentes (fotomaf) http://www.fotomaf.com/ que me ha enviado unas capturas de pantalla de la web de Foto DNG en el iPad, os voy a mostrar su apariencia y algunas impresiones.

Si vamos a ver foto DNG en Issuu debido a la falta de flash en el iPad nos lleva a la siguiente pantalla:

foto 1

La web se ve bien, aunque debido a que se utilizan sprites CSS veo partes de otras imágenes de fondo, vaya… algo que no observo desde el Safari en Windows, en la próxima versión de la web, intentaré verificarlo antes:

foto 2

La parte de la revista on-line con el widget de Issuu, aunque no se muestre el flash, da una alternativa como imagen y lo podemos ver, sin las bondades que por ejemplo nos brinda la vista en pantalla completa (aunque si podemos maximizar la página al tamaño del navegador):

foto 4

foto 5

En cambio, si vemos un pdf directamente desde la web (algo que de momento no es posible, ya que las revistas están comprimidas en formato zip), es cuando mejor se ve la revista:

foto-1

foto-2

foto-3

foto-4

No muestro la dirección completa del pdf, ya que se ha subido sólo para realizar la prueba, pero creo que va a ser la opción preferente para ver la revista desde el iPad, algo que os avisaremos tan pronto esté totalmente preparado.

Lo ideal sería crear un App para el iPad o incluso para el iPhone, pero el problema es que para realizar las pruebas debería tener un iPad y un iPhone, lo que no es el caso , pero el principal inconveniente es que el SDK de desarrollo hay que ejecutarlo en plataforma Mac y tampoco tengo un Mac…

Bueno, veremos como podemos ir avanzando en ese campo, ya que creo que soluciones como la del iPad son el futuro para las revistas electrónicas (en otra entrada mostraré la revista en un e-book reader).