Detalle de la nueva web.

Web: http://delegaciones.condeleusal.es/laborales/

Y estamos especialmente orgullosos del resultado final, que destaca por su limpieza y por el dinamismo de sus transiciones, y que podéis ver a continuación:

¡Bienvenidos a Artefacto!

Estamos muy contentos con el resultado final, después de unas semanas llenas de cambios durante las cuales el equipo de Artefacto se ha dejado la piel para sacar adelante este proyecto. Siempre ponemos el alma en todo lo que hacemos, y al final siempre sentimos que ha valido la pena.

¡No olvides seguir a Rosa Hair & Beauty en Facebook o Tuenti!

La historia dice así (me he permitido arreglar un poco el texto):

Un carnicero (vamos a llamarle Pepe) se puso en contacto con una consultora de marketing, pensando que eso del marketing era sólo la publicidad, porque necesitaba vender y no entendía por qué no vendía, cuando justo al lado de su carnicería había otra que vendía mucho.

Eso le hizo pensar que necesitaba hacer publicidad. Cuando el asesor de la consultora visitó a Pepe, éste le dijo:

- Tengo 6.000 euros para hacer publicidad en el barrio y los anuncios que hagan falta, periódicos, radio, etc. para que la gente compre en mi negocio y no sólo en el de la esquina.
- ¿Y por qué cree que no vende usted y ellos sí? -respondió el asesor-.
- Pues no lo sé, tengo mejores productos que ellos y además mejor precio.
- Pues antes de hacer nada de publicidad necesitamos saber qué ocurre. Si le parece, primero vamos a hacer un pequeño estudio entre los clientes de su competencia para saber qué está pasando.
- ¿Un estudio? ¿Eso es muy caro?
- No, pero debemos hacer un pequeño estudio para detectar cual es el problema antes de hacer nada de publicidad. No será mucho más de 50 euros.

Y a partir de aquí hay dos opciones:

Opción A

Pepe sigue los consejos del asesor y deja que hagan el estudio: al hacer el estudio sobre los compradores de la carnicería de la esquina, el resultado revela tres datos muy importantes:

1. Los clientes conocen la carnicería de Pepe.
2. Saben que el producto es mejor y los precios más bajos.
3. No le compran a Pepe porque es un cerdo: No tiene limpio el establecimiento y fuma cuando está manipulando los alimentos (una de las frases que más se repetían era: “por muy buena que sea la carne, no me gusta darle a mi familia carne con ceniza de un cigarro).

Evidentemente, estos resultados le cayeron como un jarro de agua fría a Pepe, y es que a nadie le gusta que le llamen guarro. Sorprendido, el carnicero  le preguntó al asesor qué podría hacer para solucionar el problema. Sin dudarlo, el asesor le pidió que limpiase la carnicería a fondo, que incluso sería bueno buscar a limpiadores del mismo barrio para que sirviese como “altavoz”, de la gran limpieza que realizaría y seguro que alguno de los que le iban a ayudar a limpiar podrían ser futuros clientes.

También le pidió que pusiese un gran cartel de “Prohibido fumar en este establecimiento”. Por aquel entonces no existía la ley antitabaco, y daría a conocer a todos los que pasaran por la puerta que ya no se podía fumar dentro, empezando por el propio carnicero. Una vez realizadas estas acciones, se realizó una campaña de buzoneo por el barrio con un coste total de 500 euros (creatividad, producción y reparto incluido). La creatividad que se utilizó en las octavillas del buzoneo, ponía en relieve que la carnicería de Pepe era la única que prohibía que se fumase y parece que funcionó: Hoy por hoy, Pepe y su familia regentan 3 carnicerías en la misma ciudad

Opción B

Pepe no atiende a razones, se gasta toda la pasta que tenía prevista en publicidad, 6.000 eurazos, y allí no entra nadie.

wc -l `find . -iname "*.php"`

Esta línea recupera todos los archivos con extensión .php a partir del directorio actual y cuenta las líneas de cada uno, sumando el total. No es un método muy elegante, porque también contabiliza las líneas en blanco y los comentarios, pero nos aporta una buena idea sobre el tamaño de un proyecto.

Utilicé este script para obtener el número de líneas de Artefacto Server, para el post que publicamos con las estadísticas de nuestro sistema de gestión de contenidos.

• 32.948 líneas de código PHP, de las cuales 23.906 corresponden a bibliotecas externas y 9.042 al núcleo del sistema.
• 22.627 líneas de código JavaScript, procediendo buena parte de frameworks y scripts desarrollados por terceros.
• 4 versiones principales (actualmente se encuentra en producción la versión 4.1.5).
• 3 años de vida.
• 16 módulos desarrollados para cubrir las necesidades más comunes de los sitios web: galería, formularios, catálogo, catálogo con carrito de la compra, noticias, libro de visitas…).
• Más de 50 sitios web desarrollados hasta el momento.

Y es sólo el principio…

Dedicado a todos los que, como nosotros, viven de contar lo mismo con otras palabras.

La web está basada en Artefacto Server, nuestro veterano sistema de gestión de contenidos (CMS). ¡Bienvenidos a la familia Artefacto!

]]> http://blog.artefactomania.com/2011/01/el-nuevo-sitio-web-de-hit/feed/ 0 http://blog.artefactomania.com/2011/01/cargar-jquery-desde-la-red-de-google/ http://blog.artefactomania.com/2011/01/cargar-jquery-desde-la-red-de-google/#comments Tue, 25 Jan 2011 08:08:30 +0000 Pablo http://blog.artefactomania.com/?p=693 Cada vez más, los programadores web hacen que los sitios webs carguen algunas bibliotecas JavaScript desde la CDN (Content Delivery Network, red de entrega de contenidos) de Google, en lugar de hacerlo desde el propio servidor web donde está instalado el sitio o la aplicación.

Esto tiene algunas ventajas importantes, como que ahorra ancho de banda del servidor de la compañía y además hace que el propio sitio web cargue más rápido (ya que los navegadores hacen las peticiones a servidores distintos en paralelo). También optimiza el propio tráfico de Internet, porque si todo el mundo usa el mismo archivo del mismo servidor, la primera vez que el navegador lo solicita se guarda en caché, y en sucesivas peticiones no es necesario descargarlo.

A la hora de cargar bibliotecas podemos cargar la API de JavaScript de Google y desde ahí cargar mediante código JQuery (o la biblioteca que nos interese). Otra opción es cargar directamente el archivo desde el repositorio de Google:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Este enfoque es adecuado, pero tiene algunos problemas: ¿qué pasa si un día Google decide dejar de alojar el código? Esto no parece muy probable, pero ¿y si se cae un servidor de Google y nuestra página deja de funcionar? Vale que tampoco parece que vaya a ocurrir mañana. Pero hay una última posibilidad en la que no pensé en su día y que es bastante más posible que las anteriores: ¿y si un día le enseño el proyecto a un cliente en mi portátil (ejecutándolo en local) y no tengo conexión a Internet?

Y hay una opción que nos permite evitar este posible contratiempo. En el fondo, es tan sencillo como alojar la biblioteca en nuestro servidor y cargarla sólo si no se pudo cargar la de Google. Por ejemplo, así:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">// <![CDATA[
!window.jQuery && document.write('<script src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"><\/script>')
// ]]></script>

La primera línea se encarga de descargar el archivo de JQuery del servidor de Google. Y la segunda simplemente comprueba si se ha cargado correctamente, y si no, escribe en el documento el código necesario para que se cargue desde el servidor local.

Al margen de la aplicación en sí, que puede ser interesante, me ha gustado mucho la forma de publicitar la misma, a través de una web absolutamente fantástica que es un ejemplo perfecto de cómo un buen enfoque promocional puede hacer mucho por un producto. En un plano más técnico, también es toda una demostración de la potencia de las técnicas modernas de desarrollo con XHTML, CSS y JavaScript (de hecho no tiene ni pizca de Flash). Eso sí, se han gastado la pasta :-P.

La web completa es un escenario que se carga al ir haciendo scroll hacia abajo. Ben, nuestro protector, camina mientras reflexiona sobre la seguridad y la solución que esta aplicación ofrece. Me gusta mucho, tanto en el enfoque del mensaje (”soy tu protector, confía en mí” y no el consabido “tal aplicación te ayudará a protegerte”), como en la resolución técnica de la página.

Y viendo la cantidad de veces que se ha compartido en Twitter y Facebook (13 millones de enlaces prácticamente en ambos), está claro que les ha salido bien :-)