Objetivo final: Realizar una aplicación web de notícias que, en hacer scroll hasta abajo, recargue más noticias con html. JSON, Jquery y Bootstrap.
Espacio Salvaje (Web de noticias de animales salvajes) La temática es seguir una linea muy salvaje, la idea es transmitir naturaleza, naturaleza SALVAJE. Por supuesto tiene que ser una web, responsive. He diseñado un breve boceto con la idea a día 29/04 que tengo del proyecto, la cual puede variar un poco (únicamente al inicio del mismo).
Objetivo final: Realizar una aplicación web de noticias que, al hacer scroll hasta abajo, recargue más noticias con html, JSON, jQuery y Bootstrap. Antes de comenzar:
- Se recomienda el uso de un cuaderno para hacer un diseño y el seguimiento del desarrollo de la aplicación.
- Para diseñar y programar primero lo hacemos en el cuaderno, y cuando lo tenemos claro, se traduce en el ordenador. Especificaciones del cliente:
- La maquetación (layer design) debe dejar 300 px de espacio a la derecha de la pantalla para publicidad si la pantalla es suficientemente ancho.
- Todo otro diseño es libre.
- Para dispositivos móviles, la publicidad irá fijada en la parte inferior o bien sólo aparecerá en la parte superior (y desaparecerá al hacer scroll) con un alto de 90px.
- Puedes elegir la opción.
- Todo otro diseño es libre.
- Los datos son: título (entorno a 8 palabras), imgbig (url al json, imagen en la carpeta), imgmid (url al json, imagen en la carpeta), descripción (mínimo de 300 caracteres), fecha y hora (datetime) .
- Todas las noticias deben tener el mismo formato y mostrar los datos especificados de forma elegante a todo dispositivo. Tareas:
- Realiza la maquetación del proyecto.
- Entrega un breve documento con el análisis y la planificación (muy importante, esta planificación se debe cumplir) en README.md (valen fotos de esquemas del cuaderno). (Hasta 1 puntos).
- Presenta news.html con 3 noticias (ya escritas en html, no cargar con js) y almacena 6 noticias más en dos ficheros, fecha / 1.json fecha / 2.json para ser cargadas con js. (Hasta 2 puntos)
- Codifica news.js en jQuery para hacer: "botón cargar más noticias" y "scroll bottom" que, al ser activado cualquiera de ellos, haga una carga y presentación de más datos (hasta dos veces 1.json, 2.json ) (Hasta 1 punto)
- Incluye rss.xml (especificado en el siguiente tema) (Hasta 1 punto) Codifica news1.html y news2.html, páginas que corresponden a las dos primeras noticias (últimas publicadas).
- Cuando hacemos clic en la noticia 1 de news.html nos va a news1.html, cuando hacemos clic en la noticia 2 de news.html nos va
- La plantilla o página de ver una sola noticia news1.html (news2.html es idéntica) debe contener una imagen y un vídeo de youtube responsive. (Hasta 1 punto) Cada página debe contener las etiquetas meta (con open graph) para compartir título, descripción, imagen (grande), nombre de la aplicación y url de la página. (Hasta 1 punto) Hasta + 2 puntos: acabado final (o dicho de otra forma: cumplir las especificaciones del cliente o dar soluciones elegantes alternativas)