MÓDULO: LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE LA INFORMACIÓN

Administración de Sistemas Informáticos en Red

 

CSS3XSLTDTDRSSXSD

​Proyecto: “Desarrollo del sitio Web de una Empresa de (Drones, Robótica o Raspberry) ”  

Actividad

Herramienta digital

Tiempo/Fecha

El proyecto se desarrollará en grupo de 2 alumnos.

Registrar el grupo aquí

Google Drive

Video tutorial sobre google Drive (Almacenamiento en la nube de Google)

Banco de Imágenes, Sonidos, Animaciones y Vídeos en el INTEF

Apps de google

 

1h

17/01/2019

 

En un documento de google drive compartido en el grupo, recoger los puntos referentes a la empresa, diseño de la web, organigrama, plantilla elegida, modificaciones a la plantilla, etc 

Especificar en el documento anterior los siguientes puntos:

  • Nombre de la Empresa
  • Actividad 
  • Servicios que ofrece
  • Elementos asociados a la imagen de marca: logotipo, color corporativo, etc.
  • etc.

Elementos que debe incluir el sitio

  • Un formulario de recogida de datos

HTML5 y CSS3

1h

17/01/2019

 

  • Envío de los datos del formulario por correo 

Melodysofthttp://chechesa.net/formularios-gratis (hay que darse de alta)

  • Integración de recursos externos como vídeos de youtube 

 

  • Calendario de eventos de GoogleCalendar

App de google

  • Acceso a redes sociales

Twitter, Facebook,

  • Canal de sindicación de noticias

RSS

  • etc. 

 

  Proceso

  • Diseñar el organigrama de la Arquitectura de Información del sitio (incluir en el documento):
  1. Estructurar el contenido de una web
  2. Diseño de la estructura de una web

Herramientas online para crear organigramas

30’

21/01/2019

 

 

 

  • Tomando como base el organigrama, se diseñará la estructura de página del sitio (layout): cuántas columnas, cabecera, pie de página, menús de navegación, menús auxiliares, etc

 

30’

21/01/2019

 

  • Cada grupo, deberá buscar en Internet, e integrar en su proyecto, una plantilla  ya creada que responda al layout diseñado.   
  • (incluir en el documento la plantilla elegida, URL)

Plantillas profesionales

Bootstrap en castellano veresión 2.0.2

Bootstrap última versión 3.3.1 (inglés)

Aprende Twitter Bootstrap paso a paso - YouTube  

Bootstrap 3.1 - 3.2: Introducción - YouTube

Bootstrap 3, el manual oficial

1h

21/01/2019

 

  • Deberá modificar los CSS para personalizar la plantilla a la imagen corporativa
  • (incluir en el documento las modificaciones realizadas)

CSS3

1h

24/01/2019

 

  • Cada grupo deberá desarrollar todas las páginas asociadas a la estructura de navegación diseñada, que a su vez deberán incluir todos los elementos especificados en el proyecto (formulario, envío de datos por correo, etc.). Deberán ser documentos HTML bien formados y válidos. 

HTML5 y CSS3

  • Cada grupo, deberá validar la adecuación HTML y CSS del proyecto, utilizando herramientas de validación de la W3C.
  • Accesibilidad   

http://docencia.taboadaleon.es/2-2-el-lenguaje-html-5/2-2-13-validacion.html

 

1h

24/01/2019

 

 

  • Una vez validado, deberá insertar los iconos de la W3C correspondientes. 

http://docencia.taboadaleon.es/2-2-el-lenguaje-html-5/2-2-13-validacion.html

 

  • Cada grupo publicará su proyecto en un servidor Web compartido

http://docencia.taboadaleon.es/2-2-el-lenguaje-html-5/2-2-14-publicacion.html

 

  • Registrará la URL de su proyecto en :

https://www.docencia.taboadaleon.es/entrega-de-actividades.html

 

  • Cada grupo, desarrollará la documentación asociada al proyecto: organigramas, estructuras, documentación técnica, etc. 
  • Enviar la documentación a Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo.

Buscar en google: web online gratuitas para el diseño de organigramas

1h

28/01/2019

 

 

  • Incluir servicio de RSS
  • Validar el servicio

 

1h

28/01/2019

  • Cada grupo presentará el proyecto en clase. Justificará el cumplimiento de todas las especificaciones del proyecto.   

Powerpoint

1h

28/01/2019

  • Sobre aquellos proyectos que cumplan todas las especificaciones, los alumnos y las alumnas seleccionarán aquél que consideren más interesante y mejor resuelto. Argumentarán el porqué.    

 

1h

28/01/2019

PLANTILLA CONTENIDOS MÍNIMOS DE LA WEB FINAL

Verificado

CONTENIDOS (30%)

 

El contenido ha de ser aceptado por el profesor

 

Se debe utilizar el estándar HTML5 y CSS3

 

Como mínimo tendrá 5 páginas y al menos 1000 palabras de extensión en total.

 

Si se obtienen fragmentos de otros sitios se incluirá una página de créditos o bien se indicará junto a los fragmentos la fuente original.

 

 Debe contener recursos externos como vídeos de youtube  

Calendario de eventos de GoogleCalendar

 
Acceso a redes sociales  
Sindicación de contenidos  

Debe contener un formulario para la recogida de datos

 

La páginas deben estar validadas para css3

 

DISEÑO (30%)

 

Las distintas páginas tienen un diseño homogéneo basado en hojas de estilo externas.

 

La estructura de la página se realizará con etiquetas semánticas de HTML5 y con capas.

 

Se pueden utilizar plantillas de terceros.

 

Los iconos utilizados para la navegación son estables a lo largo del sitio, facilitando la identificación visual de las acciones.

 

Las páginas tienen título, favicon y las imágenes etiquetas de texto alternativo.

 

La tipografía es homogénea y se facilita la legibilidad y la localización visual de los elementos estructurales (títulos, subtítulos,...)

 

Se utilizan algunos elementos como tablas, multimedia, mapas sensibles y formularios.

 

Se restringirá la utilización de elementos que perturben la visualización, tales como los gif animados.

 

Todos los archivos que componen las páginas están disponibles en el servidor y tienen un nombre que evita errores en su localización.

 

ENLACES Y NAVEGACIÓN (20%)

 

Los enlaces para moverse entre las páginas del sitio son claramente visibles y permiten ir de una página a otra con facilidad.

 

No existen páginas en las que la única vía de salida sea la vuelta atrás del navegador.

 

Todos los enlaces están activos, no existiendo enlaces "rotos".

 

Hay una página que recoge el mapa general del sitio desde la que se puede acceder a cualquier página del mismo.

 

MULTIMEDIA (10%)

 

El tamaño de visualización de las imágenes es su tamaño real, no el resultado de un ajuste de dimensiones en el navegador.

 

Las imágenes que aparecen tienen un objetivo como facilitar la comprensión del texto o facilitar la navegación.

 

El tamaño de las imágenes se mantiene dentro de unos valores aceptables (<50 KB de promedio).

 

ASPECTOS FORMALES  (10%)

 

Debe figurar el nombre y apellidos del autor, así como su dirección electrónica. Si la

página está ligada a un organismo o institución debe figurar el nombre, dirección, etc.

 

Se utiliza algún método de protección de la dirección de correo para evitar el spam.

 

No debe haber errores de ortografía.

 

Debe figurar la fecha de elaboración o modificación (al menos en la página principal)