Anexos

Entorno y software empleado para MyFit:

Entornos de desarrollo: Atom, visual studio code.

Base de datos: PostgreSQL

Despliegue: Heroku, despliegue en local y documentación en GitHubPages.

Servidor web: Apache integrado en yii2 para despliegue local y heroku.

Frameworks: Yii2 (obligatorio).

Plugins: Ventanas Modales, Google Maps, Plugin de almacenamiento y sesión y otros Jquery.

Lenguaje de para acceder al servidor: PHP, AJAX, Hack.

Lenguaje programación en el lado del cliente: JavaScript, AJAX, Hack.

Navegadores: Chrome, Firefox, Opera, Edge.

Equipo de desarrollo: PC propio y equipo del centro educativo.

Sistema operativo de desarrollo: Linux.

Diseño: CSS3, CSS3 integrado en Bootstrap 3, componentes de Boostrap 4.

Maquetación: Diseño flexible con Bootstrap (v3 | v4)

Librerías externas: Jquery, Google Maps, Bootstrap, Poper, JQueryUI entre otros.

Servicios externos: Amazon Web Services para almacenamiento de algunos datos multimedia (imágenes), gmail con cifrado para envío de correo electrónicos, Google MAPS.

Control de versiones: Git, GitHub.

Documentación: GitHub Pages.

Validador Html y Css

Css

Image of Css

Html

Image of Html

Prueda del seis

  1. ¿Que sitio es éste? (Identificador del sitio)

    Se trata del sitio web MyFit. Siempre aparecerá en el navbar y en las migas de pan. Myfit es una red social para deportistas.

  2. ¿En que página estoy? (Nombre de la página)

    En todas las páginas aparece la migas de pan que te muestra donde estás situado, en algunas tienes un título con el nombre de la pagina

  3. ¿Cuales son las principales secciones del sitio? (Secciones)

    Las secciones de la web se encuentran arriba en el menu , dependiendo si el usuario ha iniciado sesión podrá acceder opciones o otras

  4. ¿Que opciones tengo en este nivel? (Navegación local)

    La navegación local dentro de cada nivel del sitio siempre se realiza a través de botones o enlaces.

  5. ¿Donde estoy en el esquema de las cosas? (Indicadores de "Usted está aquí")

    La web dispone en todo momento de "migas de pan" para tener al usuario informado de donde se encuentra dentro del mapa de la web.

  6. ¿Como busco algo? (Buscador)

    La web dispone de buscadores de usuarios y actividades.

Uso de microdatos

Image of MicroDatos