El proyecto de la Escuela Primaria Malvinas Argentinas tiene como objetivo crear un sitio web educativo interactivo y responsivo. Este sitio proporciona información vital sobre la institución, sus valores, talleres, noticias y ubicación, facilitando una comunicación efectiva entre la institución, los estudiantes y sus padres.
El proyecto busca lograr los siguientes objetivos:
- Interactividad y Responsividad: El sitio web se ha diseñado con un enfoque interactivo y responsivo, asegurando que los usuarios puedan acceder fácilmente al contenido en una variedad de dispositivos, desde computadoras de escritorio hasta teléfonos móviles y tabletas.
- Integración de API de Mapas: Se ha implementado una API de mapas para mostrar la ubicación del instituto. Esto proporciona a los visitantes una forma sencilla de encontrar la institución en un mapa interactivo.
El proyecto se planificó cuidadosamente para garantizar una experiencia de usuario óptima. Las siguientes etapas de planificación se llevaron a cabo:
-
Investigación Inicial: Se realizó una investigación detallada para entender las necesidades de los usuarios y analizar otros sitios web educativos de referencia. Esta investigación ayudó a establecer las funcionalidades y el diseño del sitio web.
-
Recopilación de Requisitos: Los requisitos del proyecto se recopilaron meticulosamente, incluyendo la estructura del sitio, las funcionalidades interactivas y los detalles de diseño. Estos requisitos proporcionaron una base sólida para el desarrollo del sitio web.
El desarrollo del proyecto web involucró el uso de las siguientes tecnologías:
-
HTML y CSS:Se utilizaron HTML y CSS para estructurar y diseñar el contenido del sitio web. CSS se implementó para crear estilos atractivos y responsivos en toda la página.
-
JavaScript: Se utilizó JavaScript para implementar funcionalidades interactivas, como el menú desplegable y el slider de noticias. Estas características mejoran la experiencia del usuario al proporcionar interactividad dinámica.
-
API de Mapas: Se integró una API de mapas para mostrar la ubicación precisa del instituto en un mapa interactivo. Esta integración facilita a los visitantes encontrar la ubicación del instituto de manera eficiente.
Durante el desarrollo, se prestaron especial atención a los siguientes aspectos:
- Diseño Responsivo: Todos los elementos del sitio web están diseñados para adaptarse de forma dinámica a diferentes tamaños de pantalla, garantizando una experiencia de usuario coherente en dispositivos móviles y de escritorio.
- Interactividad Dinámica: El uso de JavaScript permitió la creación de funcionalidades interactivas, como el menú de navegación desplegable y el slider de noticias. Estas características mejoran la usabilidad y el atractivo visual del sitio.
- Optimización de Mapas:La integración de la API de mapas se realizó de manera eficiente para garantizar una carga rápida y una experiencia de usuario fluida al visualizar la ubicación del instituto.
Para el despliegue de la parte estática de la página se usó Netlify, que permite crear, alojar y mantener tu sitio web de forma sencilla, como en este caso que está relacionado directamente al repositorio de github.
Para la base de datos, y el despliegue del CRUD se utilizó el framework Flask, usando la plataforma de Railway. (guia de como realizar el deploy de usando flask en Railway)
Sitio: https://malvinas-argentinas.netlify.app/
