Enunciat: S’ha de realitzar una web per a la consulta de possibles viatges i les seves característiques. El format ha de ser semblant al de la imatge que adjuntem, ha d’incloure el preu total i l’opció per a eliminar. Ha d’incloure un rellotge (analògic o digital), realitzat per vosaltres, que mostri l’hora i la data. Si és digital, ha de permetre canviar entre mode 24 hores o AM/PM fent doble clic a sobre. S’ha de poder escollir la data del viatge de forma dinàmica mitjançant una graella de calendari, és a dir, s’ha d’evitar poder afegir la data manualment. Per defecte la data que apareixerà serà l’actual del sistema. Per escollir el destí, primer escollirem el continent mitjançant un desplegable, i posteriorment el país en un altre desplegable; o un sol desplegable on apareguin agrupats els països per continent. Per defecte, aquestes dos camps apareixeran en blanc. Una vegada s’ha seleccionat la destinació s’ha d’omplir automàticament el preu i la imatge del país de destí.
Les reserves mostrades s’hauran de poder ordenar al menys per data o per destinació.
Codi:
La part de FrontEnd s’haurà de realitzar en JavaScript/HTML/CSS. La part de BackEnd s’haurà de realitzar en PHP. Heu de definir clarament el MVC. Les dades de cada oferta (nom, preu, imatge, dates...) s’haurien d’enviar en un arxiu JS (estàtiques). Es realitzarà un formulari amb validació de tots els camps en el client abans d'enviar les dades al servidor, valoreu vosaltres si cal validar també al servidor. Una vegada s’envien les dades del formulari, aquest s’haurà d’inicialitzar. Quan passem el punter del ratolí sobre una imatge, aquesta s’haurà de veure en mida ampliada. El servidor podrà tornar les dades sense format i s’hauran de formatar utilitzant codi JS. Es permet fer servir Bootstrap. Les imatges que s'utilitzin hauran d'estar ben optimitzades. Documentació: S’ha de generar un informe amb TOTS els apartats d'un projecte real.