Unidad 2

Unidad 2. Desarrollo de sitios web.

Programación web
TM-KPGW-1902-
B1-001
Actividad 3. Sitio web estático.

Adriana Gamboa Piedra

Matricula ES172001385
Ingeniería en Telemática
ISC. Ivette Del Rosario Cruz Solís
Actividad 3. Sitio web estático
Agosto 2019
Actividad 3. Sitio web estático.
 PLANEACIÓN

Nombre del sitio:

Página Web para la selección de actividad paraescolar de los alumnos del plantel No. 5
Nueva Santa María. (Paraescolares Plantel 5)

La fecha de entrega: 28 de agosto 2019.

 CONCEPTUALIZACIÓN

El sitio web tiene como propósito que los alumnos del plantel 5 Nueva Santa María
realicen la inscripción de la materia de actividad paraescolar en línea, también
proporcionales información sobre los paraescolares disponibles con el objetivo de
proporcionar comodidad para los alumnos y padres de familia en este trámite y a su vez
para recabar una base de datos para realizar la captura de esa información en el
sistema escolar del departamento de control escolar control escolar.

 ARQUITECTURA DE LA INFORMACIÓN
Actividad 3. Sitio web estático.

Como se puede observar en el mapa de navegación la página web cuenta con 20

páginas, la principal que dirección a 3 páginas principales (información, inscripción y
contracto) a su vez estas paginas dirigen a distintos procesos.

 DISEÑO VISUAL

La pagina de inicio que cuenta con 3 botones para acceder a las paginas que son
información general de los paraescolares disponibles, para inscribirse e información de
contacto de control escolar y el plantel.
Actividad 3. Sitio web estático.
La página de información de paraescolares en la cual al hacer clic los dirige a una
pagina nueva correspondiente a la selección, además de contar con botón de atrás para
volver a la página de inicio.

De esta
manera
se
visualizará la información del paraescolar para cada uno de los 13 paraescolares.

Para la inscripción se visualizarán 3 páginas la primera es la siguiente donde se

capturan los datos generales y se selecciona el grado y grupo.
Actividad 3. Sitio web estático.

Enseguida la pantalla de selección de paraescolar en menú despegable y un botón para

finalizar la inscripción.

A continuación presenta una pagina que le confirma al alumno que se realizó con éxito
su inscripción.
Actividad 3. Sitio web estático.

Finalmente para la pantalla de contacto será con un diseño similar, con datos de su
servidora para cualquier duda respecto al proceso, además que en la siguiente pagina
presenta datos del plantel 5.
Actividad 3. Sitio web estático.

BIBLIOGRAFÍA:
Shrinivas. (2018). Releasing MetroUI Free Template by TechGYO.com. agosto 17, 2019,
de techgyo Sitio web: https://techgyo.com/free-metro-ui-html-template-by-techgyo

Techpoint.in. (s.f.). HTMLEditor.in. agosto 17, 2019, de TechPoint Sitio web:

http://htmleditor.in/index.html

PEXELS. (s.f.). The best free stock photos & videos shared by talented creators. agosto 17,
2019, de PEXELS Sitio web: https://www.pexels.com/