Introducción
En un mundo cada vez más conectado, resulta fundamental contar con fuentes centralizadas de información local que ayuden a la comunidad a mantenerse actualizada y a tomar decisiones informadas. Mi proyecto “Noticias e Información Local en Arteixo” nace con el objetivo de ofrecer una plataforma que combine noticias relevantes, datos sobre calidad del aire, niveles de polen y transporte público en tiempo real para la ciudad de Arteixo, Galicia. Esta web es el resultado de la integración de diversas APIs y de un enfoque en el diseño y la experiencia de usuario.
Concepto y Objetivos
El proyecto se planteó como una solución integral para:
- Mantener informada a la comunidad: Unificar noticias locales y datos ambientales en una sola plataforma.
- Facilitar la movilidad y el ocio: Incluir información sobre transporte público y eventos deportivos en la playa de Sabón, un punto emblemático de la ciudad.
- Destacar el dinamismo industrial y cultural de Arteixo: Mostrar, por ejemplo, la presencia de grandes empresas como Inditex y la infraestructura de ocio (balneario).
El objetivo era crear una web moderna, interactiva y de fácil uso, en la que el usuario pudiera encontrar toda la información que necesitara sobre su ciudad en un solo lugar.
Herramientas y Tecnologías Utilizadas
Para llevar a cabo el proyecto, utilicé una combinación de tecnologías y servicios:
- Backend en PHP: Para gestionar las solicitudes a diversas APIs (News API, OpenWeather Air Pollution, Ambee Pollen, Google Directions) y actuar como proxy, protegiendo claves sensibles.
- Frontend con HTML, CSS y JavaScript: Implementé un diseño responsivo utilizando Bootstrap para lograr una interfaz limpia y profesional.
- Integración de APIs externas: News API, OpenWeather Air Pollution API, Ambee Pollen API, Google Maps & Directions API.
- Font Awesome: Para incorporar iconografía que facilitara la navegación y las interacciones.
Diseño y Experiencia de Usuario
El diseño de la web se centró en la usabilidad y en una experiencia visual atractiva. Algunas de las decisiones clave fueron:
- Encabezado y Pie de Página: Se incluyó un encabezado atractivo con un mensaje claro y un pie de página con información relevante y enlaces a políticas del sitio.
- Interfaz Modular: La información se organizó en secciones claramente diferenciadas: Noticias Locales, Información Ambiental y Transporte Público, complementada con un mapa interactivo.
- Optimización SEO: Se añadieron etiquetas meta para mejorar el posicionamiento en buscadores.
Implementación y Desafíos
El desarrollo del proyecto implicó varios retos que me permitieron aprender y optimizar mis habilidades:
- Integración de Múltiples APIs: Cada API tenía su propia estructura de datos y limitaciones, por lo que se desarrolló un backend en PHP que actúa como proxy, unificando y adaptando los datos.
- Gestión de Claves API y Seguridad: Implementé restricciones de dominio e IP para garantizar la seguridad sin comprometer la funcionalidad.
- Diseño Responsivo y Usabilidad: Con Bootstrap, se logró una interfaz intuitiva y atractiva en diferentes dispositivos.
- Visualización de Datos en Mapas: Se integró un mapa interactivo con la Directions API de Google, adaptando su salida a un formato amigable para el usuario.
Resultados y Conclusiones
El resultado final es una plataforma dinámica y completa que integra noticias, datos ambientales y de transporte, proporcionando una visión global de la vida en Arteixo. Este proyecto me ha permitido profundizar en la integración de APIs, mejorar mis conocimientos en diseño web responsivo y aprender a gestionar de forma segura claves de API.
La implementación de un mapa interactivo y una presentación visual atractiva han incrementado la experiencia del usuario, haciendo que la web sea no solo funcional, sino también agradable y fácil de usar.
Reflexiones Finales
Este proyecto me ha permitido explorar la convergencia entre información local y tecnología, demostrando mi capacidad para abordar proyectos complejos de manera integral. La experiencia adquirida en la integración de APIs, el desarrollo de interfaces responsivas y la gestión de seguridad es un añadido significativo a mi portfolio.
Puedes visitar la página en el siguiente enlace:
Últimas noticias, clima y transporte.
0 Comentarios