anchor.diff:  	}
   	
   	public void listaEstadoDronesPorFecha(){
  -
  -		Date fechaAjustada = this.fecha!=null?new Date(this.fecha.getTime() + 
  +		
  +		if(!FacesContext.getCurrentInstance().isPostback()) return;
  +			
  +		Date fechaAjustada = new Date(this.fecha.getTime() + 
   				this.horas * 60 * 60 * 1000 +
  -				this.minutos * 60 * 1000):null;
  -		
  -		this.drones =  droneFacade.obtenEstadoDronesPorFechaNamed(fechaAjustada);
  +				this.minutos * 60 * 1000);
  +		
  +		this.drones =  droneFacade.obtenEstadoDronesPorFecha(fechaAjustada);
   	}	
   
   	public Date getFecha() {
  
positive.code: }
  ----
  
  
  
  Vamos con la página facelet. A la hora de plantear una página tengo que considerar los siguientes aspectos básicos: 
  
  . Elementos que deben aparecer: 
  	. Inmutables (por ejemplos leyendas de campos)
  	. De datos: de salida, de entrada, o de entrada/salida.
  	. De acción.
  . Disposición y orden de entrada (tab) de los elementos.
  . Definición de las restricciones para los valores de los elementos de entrada.
  
  Otros aspectos menos básicos pero no menos necesarios en una aplicación real serían:
  
  . Soporte multiidioma, dependiendo del sistema o a petición del usuario.
  . Creación de plantillas para normalizar la maquetación de la páginas.
  . Implementación de un sistema de menús.
  . Mecanismos de paginación.
  . Estudio de la usabilidad y de la UX.
  . Implementación de las normas de la W3C de accesibilidad.
  . Adición de características de interfaz adaptativa (responsive).
  . Seguridad contra ataques desde la interfaz.
  . Creación de nuevos componentes JSF a medida cuando se requiera. Para el componente se aplican a su vez estas normas.
  
  Nosotros ahora sólo consideraremos la primera lista. Antes de empezar a implementar la página lo ideal es dibujar un boceto que
  teniendo en cuenta cada punto. Lo podemos hacer con un editor estándar, eso sí, que sea vectorial. Por ejemplo
  hablando en términos de editores open source, no uséis Gimp, usad en cambio, Inkscape. Existe también software orientado a este
  tipo de tareas. El más famoso es Balsamiq. Realmente con papel, lápiz y goma se puede hacer aquí un buen trabajo. Sin embargo si
  necesitamos generar documentación o buscamos disponer de una demos interactiva para el cliente tendremos que usar este tipo de herramientas.
  
  Nosotros aquí usaremos Inkscape. Primero diferencio las áreas de la pantalla y luego dispongo los distintos elementos. Necesitamos un area
  para el título de la página, otra para los campos de entrada, una adicional para los elementos de acción (en general botones) y finalmente
  el area que muestra la información solicitada. En la siguiente figura se muestran dibujadas con Inkscape:
  
  image::https://raw.githubusercontent.com/lametaweb/lametaweb.github.io/master/images/003/post003-fig135.png[]
  
  
  En cuanto a los elementos, por areas tengo que añadir:
  
  . Cabecera: Etiqueta para el título de la página.
  . Parámetros de entrada: El usuario debe introducir una fecha y un momento. Elijo añadir tres componentes de texto. Uno para la fecha, 
  otro para las horas y otro para los minutos. Aunque se
  podría haber resuelto con componentes de terceros especiales para fechas, como el componente Calendar de Primerfaces. en esta área
  indicamos también al usuario el formato en que debe introducir los datos. Esto no sería necesario usando el componente de Primefaces.
  . Botonera: En nuestro caso nos basta con un botón de solicitud de listado.
  . Salida tabulada: Aquí hay que definir los campos que se muestran. En nuestro caso la información de salida es una lista de drones y
  por tanto mostraremos los campos identificativos de los mismos. En este tipo de listados es interesante mostrar además campos adicionales
  que aporten información sobre lo que se solicita. En nuestro caso preguntamos por los drones realizando un trabajo en una fecha y hora y
  al usuario le sería útil por ejemplo mostrar el número de minutos entre ese momento y el de finalización del trabajo, para que el usuario
  pueda ver qué drone se queda antes libre. Del mismo modo que con los parámetros de entrada aquí podemos mejorar la interfaz usando alguno
  de los componentes para listas de Primefaces, o Richfaces.
  
  La siguiente figura muestra el boceto o mockup final de nuestra página:
  
  
  image::https://raw.githubusercontent.com/lametaweb/lametaweb.github.io/master/images/003/post003-fig137.png[]
  	
  
negative.code: con el botón _Clone in Desktop_ de vuestro Fork, del repositorio a vuestro disco duro (tenéis que tener Git instalado en vuestra
  máquina).
  
  image:https://raw.githubusercontent.com/lametaweb/lametaweb.github.io/master/images/003/post003-fig180.png[]
  
  Para acceder al control de versiones Git desde Eclipse en un proyecto ya versionado, por ejemplo
  el proyecto jdrone en vuestra máquina resultado de hacer primero un fork en vuestra cuenta de 
  GitHUb desde el repositorio original en la cuenta de lametaweb y a continuación hacer un clone del 
  
  fork a vuestra máquina, seguir los siguientes pasos:
  
  . Pulsar botón derecho sobre el proyecto en eclipse, en la vista Project Explorer.
  . Seleccionar _Team > Share proyect..._.
  . Elegir _Git_ y pulsar _Next_.
  . En la ventana siguiente aparecerá vuestro repositorio local. Pulsad _Finish_
  . En el explorador los iconos de los elementos del proyecto mostrarán un símbolo amarillo
  abajo a la derecha.
  . Si pulsamos de nuevo botón derecho sobre el proyecto y la opción _Team_ esta vez aparecerán
  las opciones correspondientes a las acciones que podemos realizar sobre nuestro repositorio o
  sobre el repositorio remoto en GitHub.
  
  Hasta el próximo Post!