SESION 15

Este último post se lo quiero dedicar a mi "compi" Maria.
Gracias por tu ayuda, dedicación y paciencia , porque he aprendido un montón gracias a ti.
A pesar de los obstáculos que ultimamente la vida ha puesto en nuestro camino, hemos conseguido terminar a tiempo este proyecto que nuestros sudores nos ha costado.
Pero finalmente: "OBJETIVO CONSEGUIDO".

Aquí teneis el enlace a nuestra página: Findyourfair

SESION 14

Maquetando los últimos detalles.
Nos quedaba algún fleco colgando y estamos en ello. Con un poco de suerte para mañana todo acabado.

SESION 13

Finalmente podemos decir que tenemos un proyecto unificado, y no pequeñas partes sueltas.
Hemos conseguido con mucho esfuerzo unir las partes de código que habiamos diseñado cada una. Cosa que no ha sido nada fácil.
Pero después de reunirnos varios dias, y durante muchas y muchas horas ( a pesar de nuestro poco tiempo libre), lo hemos conseguido.

Tenemos un proyecto que creemos que es bonito y que FUNCIONA!!!!.

SESION 12

No nos gustaban mucho nuestros botones, así que hemos decicido cambiarle la estética. Ahora están mucho mas integrados en la página.

SESION 11

Hemos incluído una nueva opción que consiste en lo siguiente:

Mostramos la tabla de ferias sólo con el nombre de la feria y la localidad, y a su derecha hemos incluido un botón, de tal forma que al pincharlo accedemos a los datos completos de esa feria.

SESION 10

Después de varios intentos y pruebas varias. Paginación conseguida!!!!
Ahora nos vamos a pelear con una tabla que nos muestre sólo un par de datos y al hacer click sobre esa fila nos muestre todos los detalles de esa feria.

A por ello!!!

SESION 9

La mañana ha sido muy productiva. Hemos conseguido por fin, ordenar nuestros resultados cuando pinchamos en la fila de cabecera.

Ahora vamos a por la paginación.

SESION 8

Maria es una "crack".
Después de estar toda la mañana y la tarde trabajando en nuestros selects con opción de búsqueda. Maria ha dado con el fallo, que no nos dejaba ver los resultados mas que unos segundos y luego volvía a recargar la página. 
Lo hemos intentado solucionar de mil maneras diferentes, y al final era tan sencillo como cambiar un "onclick" por un "onchange".
 
Ahora a seguir peleandonos con la ordenación y paginación de los resultados.

SESION 7

Luchando por conseguir paginar los datos. A ver si damos con la solución rápido

SESION 6

Llevamos varios dias intentando ordenar la tabla,cuando pinchamos en  cada una de las cabeceras de la tabla. Hemos  probado varias opciones y parece ser que nos vamos a quedar con una plugin de jQuery. Todavía nos estamos peleando con el , pero lo conseguiremos.

SESION 5

Para poder realizar la búsqueda avanzada, hemos tenido que desarrollar una función que me muestre los campos del select necesarios cuando el usuario pinche en el botón de búsqueda avanzada. Lo hemos hecho así porque no queriamos que cambiase de página.

Se muestra un div al pinchar el botón que hasta ese momento permanecía oculto. Para ello hemos confeccionado una función mostrar y otra ocultar que realizan este cometido.
El nuevo aspecto sería el siguiente:

Y la funciones utilizadas serían las siguientes:

function mostrar() {     

           divC = document.getElementById("avanzada");
           divC.style.display="";    
   
}

function ocultar() {

            divC = document.getElementById("avanzada");
            divC.style.display="none";

}

SESION 4

Hemos desarrollado en nuestra aplicación un botón, de tal forma que cuando el usuario lo pincha, le proporciona el listado de todas las ferias con toda la información relativa a ellas.
El siguiente reto que nos proponemos, es realizar una búsqueda avanzada donde el usuario pueda buscar ferias por diferentes criterios, y así obtener los datos filtrados según este criterio.
Este sería nuestro resultado:

SESION 3

A partir del boceto diseñado, hemos confeccionado los documentos de HTML y CSS necesarios para visualizar nuestra página como deseamos. El resultado que hemos obtenido es el siguiente:

Esperemos que os guste.
A partir de ahora nos pondremos a la tarea más difícil que es programar la aplicación.

SESION 2

Hemos estado realizando el boceto de la estructura de nuestra pagina para la aplicación. Nos hemos decidido por un diseño sencillo y fácil de usar.
El boceto diseñado para la estructura sería el siguiente:

 

 

SESION 1

Hemos empezado con el desarrollo de la interfaz del proyecto.

Aquí dejamos nuestro logo a ver que os parece.

IDEA DEL PROYECTO

Nombre del proyecto: FindYourFair (FyF).

Objetivo general: 
Facilitar la localización de ferias al usuario.

Objetivos específicos:
Mostrar ferias por localidad, fecha y tipo de feria.
Localizar las ferias en un mapa.
Desarrollar una interfaz sencilla y manejable.

Justificación del proyecto:
Desarrollamos este proyecto porque nos parece útil en el contexto de nuestro futuro proyecto final la localización de ferias específicas en diferentes lugares.

Descripción:
Aplicación en formato web que cargue datos de un fichero XML o JSON relacionados con las ferias en una o varias comunidades. La aplicación permitirá seleccionar opciones en función de las cuales se mostraran distintos datos.

Tecnologías:
Utilizaremos HTML, CSS, AJAX, XML, JSON.

Presupuesto:

Cronografía: