De mudanza

Estos días estoy de mudanza de datos a un nuevo servidor, así que siento que no haya podido actualizar el blog con nuevos contenidos.

A partir de ahora dejaré de postear en este espacio para hacerlo en http://blog.dejandomarcas.com

Por tanto, este blog queda cerrado. Gracias por el seguimiento, espero veros por la nueva URL.

Saludos!

Anuncios

User experience

Es difícil medir la experiencia de un usuario en nuestra web. Gracias a Google Analytics y a otras aplicaciones, podemos hacernos una idea de qué está pasando desde que un cliente entra en nuestra página hasta que se va. Pero, realmente es fiable?.

Otra buena práctica es la de buscar a una persona totalmente ajena al proyecto y al campo, sentarla delante de un ordenador y observar cómo navega por nuestro site. Tomar apuntes, fijarse bien donde clica y donde no, ver si se ha dado cuenta de ese magnífico banner que tanto te ha costado diseñar, etc.

Acabo de encontrar una herramienta magnífica que nos ayuda en esta tarea. Se trata de CrazyEgg, una empresa especializada en User Experience que ofrece sus servicios para poder medir este hecho.

El sistema se basa en 4 factores principales: Heatmap, Scrollmap, Confetti y Overlay.

Heatmap nos permite ver los clicks de nuestros usuarios mediante un mapa de calor. Cuanto más azul es el color, menos clics ha habido, y cuanto más rojo, más clics ha tenido dicho enlace. Es genial como se ve el montaje en directo.

 

Scrollmap nos permite medir el factor de rebote. Si tenemos una página muy “larga”, podemos observar qué factor de scroll ha hecho el cliente, de manera que podamos cazar al cliente que entra, echa un ojo, y se va sin hacer nada.

 

Confetti puede que sea de las más interesantes, ya que no solo nos permite ver los clics como Heatmap, sino que también nos lo fragmenta en enlaces referidos, sources, términos de búsqueda o keywords y un largo etc.

 

Overlay nos muestra un resumen del número de clics que ha tenido un enlace.

Vale, pero cuánto cuesta todo esto?, pues no es caro, en serio, por 9 euros al mes podemos tener derecho a tener 10 páginas monotorizadas.

 

Más información CrazyEgg

Dejandomarcas.com V2.0

Ya está arriba la nueva versión de Dejandomarcas.com

He procedido a reprogramar toda la aplicación usando CakePHP. El diseño también ha sufrido un cambio drástico, mostrando una cara mucho más limpia, más fresca y mucho más intuitiva.

Espero que os guste :]

¿Spam en Whatsapp?

Durante los últimos días he recibido un par de mensajes en whatsapp notificando que debía copiar y pegar dicho mensaje a todos mis contactos para verificar mi cuenta. Este tipo de spam ya se hizo muy popular en páginas como Hotmail o Yahoo.

En el mensaje, se asegura que los servidores de Whatsapp han estado saturados y que se va a proceder a una tarea de mantenimiento, y se incita a los usuarios a reenviar el texto a sus contactos con el fin de difundir la noticia. En caso contrario, advierte de que Whatsapp dejará de estar operativo.

A través de su cuenta oficial en Twitter, Whatsapp Inc. ha confirmado que dicho mensaje en cadena sobre el servicio que está circulando “no es verdad”. “Por favor, no la haga caso y no la reenvíe”, aconseja la compañía.

Aquí el mensaje:


Este mensaje es para informarles a todos nuestros usuarios, que nuestros servidores han estado recientemente muy congestionados, por lo que estamos pidiendo su ayuda para solucionar este problema. Necesitamos que nuestros usuarios activos reenvien este mensaje a cada una de las personas de su lista de contactos a fin de confirmar nuestros usuarios activos que utilizan WhatsApp, si usted no envía este mensaje a todos sus contactos de WhatsApp, entonces su cuenta permanecerá inactiva con la consecuencia de perder todos sus contactos. El símbolo de actualización automática en su SmartPhone, aparecera con la transmisión de este mensaje. Su SmartPhone se actualizará dentro de las 24 horas siguientes, contará con un nuevo diseño y un nuevo color para el chat. Estimados usuarios de WhatsApp, vamos a hacer una actualización para WhatsApp de 23:00 p.m. hasta las 05:00 a.m. de este día. Si usted no envía esto a todos sus contactos la actualización se cancelará y no tendrá la posibilidad de chatear con sus contactos, si tiene la versión anterior

Así que ya sabeis, ni p*** caso…

Fuente Elmundo.es

Una oferta de trabajo bastante curiosa

Creías haberlo visto todo en las ofertas de trabajo? yo creo que no…

<?php

define('LATITUDE',40.4222691);
define('LONGITUDE',-3.699632);
define('HOST_URL', 'http://simbiotica.es');
define('AVAILABILITY','<<Insert your avaiability here>>');
define('MIN_EXPERIENCE',86400*30*12);
$langs = array('es', 'en');
define('LANGS', serialize($langs));
define('DEBUG_TIME',86400*30*3);
define('RUN_TIME',86400*30*6-DEBUG_TIME);
set_time_limit(0);
//needed to run.
require 'php.inc';
require 'sql.inc';
//highly recommended.
include 'webServices.inc';
include 'oop.inc';
include 'javaScript.inc';
include 'jQuery.inc';
//not needed, but would improve performance.
include 'gmapsAPI.inc';
include 'facebookAPI.inc';
include 'serverConfig.inc';
include 'as3.inc';

public function daylyWork(){
	backendProgramming();
	backendIntegration();
	dataModeling();
	databaseMaintenance();
}

private function checkAvailability(){
	switch (AVAILABILITY){
		case 'in house freelance':
		return true;
		break;
		
		case 'part time':
		return true;
		break;
		
		case 'full time':
		return true;
		break;
		
		case 'work from home':
		return false;
		break;
	
 	}
}

private function calculateSalary($experience, $work_hours, $responsibility, $added_value){
	//human interaction needed here
	//No reliable algorithm
}

if(interested && checkAvailability(AVAILABILITY)){
	$toEmail= 'info@simbiotica.es';
	$subject = 'Oferta de empleo';
	$html = '<html>
					<head>					
					</head>					
					<body>
							
					<< Insert your online portfolio & comments here >>
					
					</body>
				</html>';
	$headers = "From: YOUR NAME HERE <YOUR E-MAIL HERE>\r\n";
	$headers .= "MIME-Version: 1.0\r\n";
	$headers .= "Content-type: text/html; charset=utf-8\r\n";
			
	mail($toEmail, $subject, $html, $headers);
}

?>

Visto en Simbiotica.es

Buenas prácticas a la hora de programar

Muchas veces, cuando empezamos un nuevo proyecto, nos sentamos como locos y nos ponemos a escribir como alma que lleva el diablo. A la hora de programar o de realizar cualquier tarea en nuestra vida cotidiana, es recomendable pensar durante unos mínutos qué voy a hacer, cómo lo voy a hacer y con qué objetivo tengo que hacerlo.

A lo largo de mi experiencia como programador web, he aprendido una serie de buenas prácticas a la hora de desarrollar un proyecto. De la misma manera que calentamos y estiramos los músculos antes de salir a correr, debemos analizar la situación antes de liarnos a escribir líneas y líneas de código.

He aquí mi lista de buenas prácticas a la hora de programar:

  1. Antes de encender si quiera el ordenador, toma papel y lápiz y empieza a plasmar todo lo que se te ocurra del proyecto que tienes entre manos. Muchas veces necesitamos ver las cosas en papel para que nuestra mente se abra más de lo que pensábamos que estaba abierta.
  2. Organiza, plantea y asegura un buen plan de trabajo. Divide el proyecto por partes y asigna prioridades o fases de desarrollo.
  3. Si no usas un framework o ningún patrón de diseño, diseña un buen árbol de archivos para organizar el trabajo, evitarás tener carpetas duplicadas y archivos en lugares que no deberían estar.
  4. Organiza un entorno de desarrollo, uno de pre-producción y otro de producción.
  5. No diseñes/programes solo para un navegador, lamentablemente más del 80% de los usuarios siguen navegando con Iexplorer, incluso con la versión 6.
  6. A la hora de escribir tu código, es aconsejable comentar la fecha, hora, lugar, proyecto, etc. en la cabecera, nos ayudará a tener un plano temporal de cuándo programaste y por qué lo hiciste.
  7. Organiza bien el código, indenta, COMENTA, separa los diferentes bloques, indica qué estás haciendo y qué resultados necesitas.
  8. Hago incapie en comentar el código. Recuerda que no solo programas para tí. Si estás en una empresa o en un grupo de trabajo, el código que programes posiblemente pasará a otra persona, cuyos comentarios que incluiste le ayudarán a entender lo que has hecho y a seguir el trabajo. También es bueno comentar lo que haces porque, nunca se sabe cuándo tendrás que retomar un proyecto, o reutilizar una clase o un conjunto de funciones. Deja tus migas de pan y nunca perderás tu camino.
  9. Utiliza nombres de variables y funciones que sean acordes con lo que estás programando. Por ejemplo, si necesitas guardar la fecha de alta de un registro en el sistema, no uses $var o $fecha a secas, sé más intuitivo pues el nombre de las variables nos ayudan a comprender qué guardan en su interior. $created o $modified son términos de ejemplo.
  10. Documéntate, comparte, lee mucho código de otras personas. Tu mente es un lugar con espacio infinito para guardar información, no pienses que tu código es perfecto, pues millones de personas posiblemente ya han programado lo que estás haciendo y tienen un punto de vista muy interesante sobre tu problema. No dudes en leer el código de los demás, te ayudarán a enteder mejor el lenguaje de programación viendo su solución.
  11. Respalda tu información, haz backups de tu proyecto pues, no hay nada peor que estar trabajando y que por un corte de luz todo tu trabajo se vaya al traste.
  12. Reutiliza tu código todo lo que puedas, no repitas los mismos bloques una y otra vez. Recuerda que al modular estás ahorrando tiempo, costes, trabajo y lo más importante, factor de errores.
  13. Depura, depura y depura. No pares de depurar todo lo que hagas. Hasta el más mínimo error debería ser cotejado y tenido en cuenta antes de que un maravilloso FATAL ERROR arruine todo tu trabajo.
  14. Sal con tus amigos, haz deporte, come de forma sana y saludable, tómate dos cervezas a mi salud y recuerda, tienes una vida ahí fuera libre de ceros y de unos, de bucles y funciones, de clientes que no saben lo que quieren y de proyectos que nunca acaban. Disfruta!

Cuáles son vuestras prácticas a la hora de programar?

Acampada Sol

Fuente Señoras que

Monumento en memoria a Aníbal González en Sevilla

Invitación muy especial

Monumento en memoria a Aníbal González

Finalmente después de mucho esfuerzo y sudor, el gran día ha llegado. El Monumento a la memoria del arquitecto Aníbal González que luce desde la semana pasada en su querida Plaza de España será inaugurado oficialmente mañana Jueves 26 de Mayo.

A los autores nos gustaría que nos acompañárais en un día tan señalado. Será por supuesto en la Plaza de España a las 20:30 horas. Un saludo

Manu Nieto, Guillermo Plaza, Manuel Osuna

Creando un ámbito de trabajo

Desde hace unos años estoy programando en PHP tanto para empresas como para mí particularmente. Gracias a dios, desde entonces nunca me ha faltado trabajo y he estado en empresas grandes al pie del cañón (Cajasol, Sadiel…).

En mi experiencia he pasado a programar desde el notepad hasta en linux, pasando por frontpage, dreamweaver, notepad++, incluso microsoft word. Ahora puedo presumir de tener una buena base para poder decidir qué necesito para desarrollar bien mi trabajo, para organizar mi tiempo e intentar ser lo más productivo posible.

Esta es mi opción para poder desarrollar sin contratiempos y con la máxima eficacia:

  1. A nivel de hardware, procesador de cuatro núcleos intel core duo 2 a 2.2ghz.
  2. Memoria DD3 a 1.333mhz. Un total de 8ghz.
  3. Un buen monitor de 21 pulgadas (con uno sobra, aunque a mucha gente les guste tener dos, yo lo probé en su día y me sobró uno al tener expose o multiescritorios).
  4. A nivel de software, sistema operativo Linux, por mi parte, Ubuntu 11.04.
  5. Paquete Apache 2, MySQL, phpMyAdmin y PHP5.
  6. Para la gestión de bases de datos MySQL, phpMyAdmin y MySQL Workbench (fundamental para los modelos de datos).
  7. Para picar código, Gedit, el editor de código de Ubuntu.
  8. Web browser, sin duda alguna, Firefox.
  9. Para la comunicacion entre el entorno de desarrollo y el de producción, conexión SSH directo al servidor o en su defecto, FileZilla (cliente FTP).
  10. Para testear las aplicaciones en windows con Iexplorer en todas sus dichosas versiones, una máquina virtual. Yo uso Virtual Box.
  11. Para el control de versiones y archivos, Subversion.
  12. Para backups, una opción es Dropbox (por lo menos a mí me parece bastante buena, desde mi total ignorancia).
  13. Para gestionar las tareas pendientes, incidencias y desarrollos de un proyecto, una aplicación de código abierto hecha en PHP y gratis: Mantis Bug Tracker.
  14. Y por último pero menos importante, el framework que utilizo es CakePHP.

En cuanto a la configuración local, al tener Linux es mucho más cómodo. Puedes editar los hosts y los espacios virtuales de una forma muy rápida y sencilla. Sinceramente, si alguien quiere abrirse camino en este complicado mundo, yo creo que esta es la base para poder trabajar en un entorno profesional y productivo.

¿Y vosotros?, ¿cómo lo tenéis montado?, me encantaría saber cuál es vuestra opinión y de qué forma trabajáis para la web.

Instalar Ubuntu
Instalar el paquete Apache, MySQL y PHP para Ubuntu
Instalar Firefox 4 para Ubuntu
Instalar MySQL Workbench
Conexión SSH a servidor
Instalar FileZilla Ubuntu
Instalar Virtual Box
Instalar Subversion Ubuntu
Instalar Dropbox
Instalar Mantis Bug Tracker
Instalar CakePHP

Lipsum o quijotipsum?

Para todas aquellas personas que usamos el famosísimo lipsum a la hora de generar texto aleatorío y “rellenar” nuestros diseños, os presento otra magnífica herramienta llamada Quijotipsum. El servicio es básicamente igual que lipsum, pero esta vez, en lugar de generar texto en latín, nos muestra textos sacados directamente de la obra El Quijote.

Muchos no sabréis de qué estoy hablando, pero para los que lo sepan tanto como yo, seguro que les hace gracia la idea.

Enlace Quijotipsum

A %d blogueros les gusta esto: