Pagina web diseñada y elaborada con el proposito de dar solución a las problematicas del hack the ocean
##Equipo : Los Borbotones
- Link a la pagina en Azure "https://green-sea-0482ba110.1.azurestaticapps.net"
Durante la finalización de LaunchX nos enseñaron soluciones escalables y optimas con lenguajes de programacion web tanto front end como back end, Hack the Ocean es un reto implementado por el equipo de Innovaccion para demostrar las habilidades aprendidas durante todo el programa.
La temática que aborda Hack the Ocean es crear conciencia en la gente acerca de lo que le hacemos al oceano juntos con los seres vivos en el, por eso en este hackaton desarrollaremos una solucion a una de tantas problematicas que existen.
- Falta de informacion acerca de los animales marinos en peligro de extincion.
- Empresas que reciclan plasticos de lugares marítimos
- Cuidado y preservación de especies marinas
Una pagina web estática junto con un bot para brindar a los usuarios información relevante de como podemos ayudar a las especies marinas y el cuidado de sus ecosistemas además de mostrar empresas que fomentan esta filosofía y crear productos en base al reciclaje.
- Herramientas:
-
- Azure
-
- Github
-
- Miro
- Palette Coloors
Fase 1) LLuvia de ideas con la plataforma Miro
En esta fase se muestra la fomentación de ideas con respecto a la problematica. Cada actividad en rojo muestra una pagina dentro de la pagina principal y cada actividad se divide en subtareas más pequeñas con el proposito de mostrar las funciones que cumplen cada pagina. Cada miembro del equipo se le asignó una actividad en especifico para el cumplimiento de los requermientos de los cuales se mecionarán a continuación.
Lluvia de Ideas para la solución de Hack the Ocean
Con Palette Coolors buscamos la paleta de colores a utilizar y es en base al la temática del oceano, por lo que el equipo optó por usar la siguiente paleta de colores para el diseño de las paginas.
Diagrama que muestra un poco la estructura de la pagina web.
- La arquitectura de la pagina se realizo con ayuda de:
-
- Html.
-
- CSS.
-
- JavaScript
Se muestra la Barra de navegacion para que tu decidas a que pagina quieres ir primero.
Tambien encontraras algo de Informacion sobre la vida Marina.
Informacion sobre la fauna marina y su importancia.
Puedes Visualizar un video sobre el Oceano Pacifico
Sub pestaña en la pagina de Aquarium sobre las especies que se encuentran en Mexico.
Video e Informacion sobre los arrecifes de coral que se encuntran en Mexico.
Algunas especies nativas de Mexico
Si das click sobre una de las imagenes te mostrara un poco de informacion de la especie.
Sub pestaña de la pagina de Aquarium con informacion de las especies en el mundo.
Informacion sobre la importancia de la flora y fauna marina.
Informacion sobre la importancia de la flora y fauna marina.
Imagenes sobre la flora y fauna marina.
Si das click sobre una de las imagenes te mostrara un poco de informacion de la especie.
Si das click sobre una de las imagenes te mostrara un poco de informacion de la especie.
Sub pestaña de la pagina de Aquarium con informacion de como cuidar la vida marina.
Informacion sobre como podemos ayudar.
Informacion sobre como podemos ayudar.
Organizacion que ayuda al medio ambiente marino.
Como podemos empezar a hacer un cambio.
Pestaña con Informacion sobre las espcies extintas.
Imagenes de las especies extintas.
Algunas empresas que realizan proyectos para restaurar un poco el ecosistema de los oceanos.
En esta pestaña podras realizar algunas preguntas que tengas o tambien si solo quieres saludar al chat.
Link a la pagina "https://green-sea-0482ba110.1.azurestaticapps.net"