Ir al Flickr de Pablo Angeletti
Sígueme en Twitter: twitter.com/angeletti
Mis favoritos en delicious.com/angelettiMi perfil en FacebookVideos y favoritos en YoutubeContactos Profesionales y currículum en linkedinSubscríbete al blog por RSS

PressWork. Framework HTML5 para WordPress con funciones wysiwyg

framework html5plesswork PressWork. Framework HTML5 para WordPress con funciones wysiwyg

Pressswork es framework html5 para wordpress que nos va facilitar la modificación de themes de forma visual desde el mismo entorno de edición.

Me parece una opción más intersante a la hora de crear themes que soluciones como Artisteer, que primera vista te facilitan el trabajo (si no sabes nada de wordpress), pero con las que no aprendes nada sobre la creación o modificación de themes para wordpress.

Normalmente prefiero hacer las cosas a mano, pero si cumple todo lo que promete, algún diseño sencillo se puede montar con su editor wysiwyg:

http://presswork.me/feature-video/

Enlace: PressWork

Creando una web móvil para las Fallas de Valencia

Si otras veces he comentado el proceso que hemos seguido en la agencia para crear un juego en Facebook (La Mascletá, Valencia Racing Team, La Tomatina, etc…), esta vez, para variar un poco, voy a explicar el proceso para crear la Guía móvil de Fallas de Valencia (Iphone, Android, etc..).

La Guía Móvil de Fallas de Valencia funciona en el subdominio fallas.comunitatvalenciana.com Si no se accede desde un móvil se mostrará una página informativa con una breve descripción, código QR y acceso a un simulador para ver los contenidos desde el navegador si no tienes un móvil a mano. El simulador se encuentra en fallas.comunitatvalenciana.com/simulador (no es compatible con IE, hay que usar Chrome, Firefox o Safari)

Simulador móvil vía web

El desarrollo de una web de esta temática, al tener una vida muy corta (su utilidad se limita unas fechas muy concretas), tiene que implementarse de la forma más ágil posible.

Lo primero a tener en cuenta, el contexto:  ¿que información le resultará útil a alguien en la calle, en las Fallas de Valencia y con un smartphone en la mano?

  • Información sobre las Fallas de Valencia (información general, consejos, etc…).
  • Listar las fallas con su localización usando mapas (Google Maps en este caso).
  • Agenda de eventos geolocalizada.
  • Poder verse de forma optimizada desde un iPhone/Android/Smartphone.

La información debía ser útil tanto a turistas como a la gente de Valencia. Un detalle importante a tener cuenta es que las fotos no iba a estar disponibles hasta “La Plantà” (el dia que montan las fallas en la calle), por lo que había que empezar usando los bocetos hasta tener las fotos “reales” de cada falla. Este pequeño detalle hacía necesario un gestor de contenidos (¿cuando no se necesita?) y que resultó más imprescindible aún ya que fueron unas fallas pasadas por agua y hasta un día antes de la noche de la “quema”

Cuando ya teníamos claros los elementos a incluir en nuestra webapp, empezamos con bocetos, mockups, etc..

Primeros bocetos de la Guía Móvil Fallas de Valencia

Los bocetos pasados a limpio con Balsamiq Mockups

Con los elementos sobre la mesa (requisitos técnicos, elementos a incluir, interfaz, etc..) podemos tomar decisiones sobre las herramientas y tecnología a utilizar:

  • WordPress como CMS por la agilidad a la hora de gestionar contenidos y el amplio ecosistema de utilidades y plugins para el uso con móviles.
  • jQuery Mobile como framework javascript para la adaptación del interfaz para móviles.
  • Google maps para la geolocalización de las fallas y eventos.

Usar WordPress nos da  acceso a una inmensa cantidad de plugins con los que poder dar salida a cada necesidad de la webapp. De todos lo que utilizamos, estos son los más importantes:

  • Mobile pack o WPtap Mobile Detector. para asignar el theme movil cuando se acceda desde móvil
  • GeoMashup. Para la implementación de Google Maps a las fichas
  • Magic Fields. Para la personalización de campos en las fichas de las hogueras y agenda
  • qTranslate. Para gestionar los idiomas (castellano e inglés) qTranslate no me gusta usarlo en proyectos en el que importe el seo, pero en este proyecto era algo secundario.
  • Theme Test Drive. Para mostrar de forma pública un theme y en el simulador una versión móvil adaptada para escritorio o facebook.

El diseño del theme se creó a partir de cero utilizando la librería jQuery Mobile. Aunque el desarrollo para móviles puede parecer más sencillo al disponer de menos elementos, hay que tener en cuenta la fragmentación de los dispositivos móviles y las distintas características de cada navegador. Muchas de las transiciones o efectos de jQuery Mobile funcionan de forma diferente en iPhone o en Android, limitacion del ancho de banda, etc…

Inicio con selección de idiomas y guardado en pantalla inicio

 

 

Página de inicio

Descripción de la Falla y subsecciones

Sección Guía con pestañas

Mapa de Fallas y Agenda geolocalizados

 

Los pormenores de todo desarrollo dan para 3 o 4 posts, así que lo voy a dejar aquí :)

La guía se puede probar en el simulador de la web pero lo mejor para verla de forma completa es usar un iPhone o teléfono con Android y visitar la guía:

http://fallas.comunitatvalenciana.com

Si tenéis alguna duda, ya sabéis dónde estoy ;)

Algunos plugins y trucos de WordPress para tener a mano

A los que trabajamos con wordpress nos encanta ir guardando trucos y tutoriales por que sabemos que, tarde o temprano, nos van a sacar de un apuro. Unos los guardas en delicious, otros en marcadores, otros te los envías por correo y al final, en la vorágine del día día, se pierden… como lágrimas en la lluvia :)

Para evitar tener que ir de un lado a otro, voy a meter aquí los que más uso así los tengo a mano. Ya hice algo parecido con el post “Me guardo aqui la solución en WordPress a-: No tienes autorización para acceder a esta página “ que a fuerza de buscar una y otro vez lo mismo cuando me aparecía el error, publiqué un post y sabía en infonomada lo iba a localizar rápidamente :)

El único orden que van a seguir es que me todos me resultan útiles.

Read the rest of this page »

Reunión de bloggers de Alicante y creación de un Planet con todos los blogs

El pasado martes 12 de mayo, la plataforma alicantevivo.org organizó una reunión de bloggeres de Alicante enmarcadas en las III Jornadas de la Ciudad. Sería imposible hacer un post mejor que el que ha publicado la gente de Alicante Vivo, así que para saber que pasó y quiénes asistimos a este pequeño evento, visitad su post: Encuento de blgo Alicantinos

Como ya  mencioné en los comentarios de su post, me gustan mucho estas reuniones por que le pones cara a algo tan frio como un blog, que a veces nos olvidamos de que no son sólo unas letras en la pantalla. Lo bueno de los blogs es la personalidad que logran imprimir en sus artículos gente que hace las cosas por pasión: fotografía, tecnología, senderismo, etc… y en este caso, uniendo todas esas pasiones en otra más importante que es el amor a su tierra.

Al final de reunión, Ruben Bodewig sugirió que lo mejor para unir a todos los blogs de Alicante sería montar un Planet o agregador donde aparecieran las noticias de los blogs que hablan sobre Alicante. Incluso se inventó un nombre para la plataforma: BLAWALA

Como era un tema que me gustaba, me puse en marcha para ver que soluciones podíamos aplicar de forma rápida y poder tenerlo en marcha cuanto antes.

Estas son las tres soluciones que he encontrado para hacer un planet o agregador:

  • Utilizar una plataforma para Planets como Planetaki. Lo malo es que estaría en su dominio y tendríamos poco radio de acción y personalización
  • Herramienta de Planet sencilla (no necesita ni base de datos): moonmoon. Demasiado sencillo para mi gusto.
  • Instalación de wordpress con un lector de Feeds que vaya alimentándose automaticamente a partir de los rss de nuestros blogs.

Aunque la primera opción (Planetaki) sería la más rápida, algo como un agregador sobre Alicante creo que se merece un poco más ;)

La segunda opción, la herramienta moonmoon, sería la más fácil de instalar, pero como es una plataforma con poco desarrollo alrededor tendríamos que hacer nosotros toda la implementación de nuevas características.

Para ver si era lo que tenía en mente Rubén he realizado una instalación rápida con algunos blogs. (no tengais en cuenta el diseño, lo he puesto lo más rápido que he podido sólo para cuestiones funcionales):

www.infonomada.com/alicante

Lo dicho, esta sería la plataforma más sencilla pero demasiado sencilla. Echadle un ojo si quereis.

Utilizar wordpress como plataforma para el Planet o agregador

La segunda opción, utilizando wordpress y un lector de rss para alimentarla automáticamente lo veo una solución más completa.

Para ver si funcionaba he hecho una instalación de wordpress en un dominio que tengo parado, alicantediario.com (si lo quereis para el proyecto os lo doy :)

He instalado un theme genérico, el plugin Feedpress para que lea nuestros rss y cree entradas en el post (siguiendo las recomendaciones del post de SIGT), el plugin de votos WP-PostRatings y algunas modificaciones en el theme para que en lugar de mostrar todo el post solo muestre unas líneas y el icono del blog.

El diseño es muy rupestre y rápido. Si la solución encaja con lo que buscan lo arreglamos y adecentamos.

www.alicantediario.com

Una referencia que mostraron en la charla era la del portal www.villena.org.  En este caso parece que tienen una instalación de wordpress MU en la que alojan todos los blogs,pero en el nuestro no necesitamos tanto, solo algo que lea las noticias, las publique y que redirija a nuestros blogs.

Ahí esta mi aportación para la plataforma blawala. Se que está en un estado muy embrionario, pero para empezar a discutir sobre ella creo que es suficiente :)

La solución técnica es sencilla y fácil de implementar. Queda saber cual será el nombre, quién lo gestionará  y añadirá los blogs que quieran entrar en el agreadador, diseño de un logo como “chapa-premio” a poner en nuestros blogs, etc…

ala..a trabajar!

Me guardo aqui la solución en WordPress a “No tienes autorización para acceder a esta página”

NO TIENES AUTORIZACION PARA ACCEDER A ESTA PAGINA.

Odio cuando wordpress me muestra este error.

Este error cada vez me pasa más veces al instalar algunos plugins así que voy a dejar en mi blog la solución a este problema que aparece al activar algunos plugins (o actualizar).

La solución la encontré en el blog pabloburgueno.com, concretamente a partir de este comentario

Lo primero que teneis que hacer si os aparece este error es renombrar por ftp la carpeta del plugin que al activarlo os ha dado este error (con ponerle un guion delante basta). Si no sabeis que plugin os esta dando por el saco, cambia el nombre de la carpeta “plugins” entera y listos. A grandes problemas, grandes remedios :)

En el post dan varias soluciones, pero la que a mi siempre me ha funcinoado es esta:

soctimer

hace poco encontre este enelace
http://api.wordpress.org/secret-key/1.1/
ahi genarará claves para estos prefijos del wp-config.php
define(’AUTH_KEY’,
define(’SECURE_AUTH_KEY’,
define(’LOGGED_IN_KEY’,
define(’NONCE_KEY’,
solo entra copian y pegan y ¡listo!
problema solucionado

A mi me funciona.

ACTUALIZACIÓN: Al pasar de 2.8 a 2.9 me ha vuelto a dar error algún plugin y también lo hemos podido solucionar.

Mosqueado con algo raro de la base de datos

Trasteando con la base de datos he visto que hay un usuario “WordPress” en algun blog. No recordaba haberlo creado, asi que he mirado en otro blog y efectivamente, ahí estaba el usuario, el mismo mail y nombre de usuario.

Parece que hace tiempo se me había metido el usuario y ni me había dado cuenta. Pensaba que era por la instalación “oneclick” de dreamhost, pero parece que no, que era un hack que aprovechaba una vulnerabilidad de versiones anteriores y lo he estado arrastrando..

Lo curioso es que el usuario no aparece en el panel de control de usuario. Por ejemplo, aparecen 3 usuarios sin embargo pone “Ver todos (4)”. En la base de datos no hay duda, aparece el puñetero usuario en la tabla “wp_users”

¿Alguno sabe como se ha colado este usuario?

Powered by Wordpress | +Pablo Angeletti
Performance Optimization WordPress Plugins by W3 EDGE