Estructura del sitio web
=================================================

A continuación se muestra la estructura del sitio web de forma general.

========================
Interfáz del sitio web.
========================

Dentro del Sitio WEB podemos encontrar apartados diferentes. Dentro de la siguiente figura podemos identificarlos de manera visual, así también una pequeña descripción de los mismos.

Página web principal
---------------------

.. image:: imagenes/Inicio.png
   :alt: Imagen de página de inicio.
   :align: center

#. Menú para navegación en páginas oficiales del gobierno mexicano.
#. Submenú para navegar en la plataforma escolar.
#. Un :term:`Breadcrumb trail` para navegar entre las secciones visitadas de la plataforma.
#. Fecha actual durante la navegación.
#. Título de las secciones visitadas.
#. Cuadros de enlaces de noticias recientes.
#. :term:`Slider` de imágenes de portada.
#. Icono de subscripción a notificaciones.

Pié de página
--------------

.. image:: imagenes/Pie.png
   :alt: Imagen de pie página.
   :align: center

#. Políticas de privacidad del plantel.
#. Dirección, teléfono y correo electrónico del plantel.
#. Enlaces a páginas de interés del gobierno.
#. Subscripción a información del gobierno.
#. Redes sociales del gobierno.

Página de sección de información
---------------------------------

.. image:: imagenes/Seccion.png
   :alt: Imagen de página de sección de información
   :align: center
   
#. Titulo principal de contenido.
#. Subtitulo de sección en página.
#. Botones de aumento y disminución del tamaño de letra.
#. Departamento que publica la información.
#. Botones sociales para compartir.


Formularios
------------

.. image:: imagenes/Formulario.png
   :alt: Imagen de página con formulario
   :align: center

#. Pasos de secciones del formulario.
#. Contenido de campos en el formulario.
#. Botones para avanzar y enviar el formulario.

.. note:: 
	Al existir errores en el formulario, estos son desplegados debajo del campo con letras rojas.
	
========================
Interfáz de usuarios.
========================

A continuación se muestran elementos encontrados al iniciar sesión como usuario del plantel.

Panel de usuario
-----------------

.. image:: imagenes/Panel.png
   :alt: Imagen de panel de usuario de página web
   :align: center

#. Menú de navegación principal de usuario.
#. Cuenta del usuario actual.
#. Módulos del usuario.
#. Botones de acciones del módulo.

.. note:: 
	El panel de usuario puede ser diferente dependiendo del tipo de usuario, departamento y niveles de permisos.
	
Tabs de acciones
-----------------

Las :term:`Tabs` de usuario son elementos únicos para representar las diferentes formas de realizar una acción y presentar información importante.

.. image:: imagenes/Reporte.png
   :alt: Imagen de reporte en página web.
   :align: center

#. Tabs de selección.
#. Opción para descargar registros en formato EXCEL.
#. Barras gráficas de nivel de registros.

.. tip:: 
	Los niveles limite de alumnos por carrera son configurables, sin embargo para datos estadísticos siempre se tomarán el nivel de registros actuales.
	
Alertas y notificaciones
-------------------------

Las alertas y notificaciones son presentadas al momento de realizar alguna acción importante dentro de la aplicación.

En la siguiente figura se pude ver un ejemplo de alerta.

.. figure:: imagenes/Alerta.png
   :alt: Imagen de alerta de acciones.
   :align: center
   
   Ejemplo de alertas del Sitio WEB.
   
En la siguiente figura se puede ver un ejemplo de ventanas informativas.
   
.. figure:: imagenes/Modal.png
   :alt: Imagen de modales de información.
   :align: center
   
   Ventanas de información con acciones.
	
.. important:: 
	Siempre tome en cuenta las alertas y notificaciones por ventanas, ya que estas despliegan información importante del si una ejecución se ejecutó correctamente o no.