Observatorio de Obras de Logoipsum

Repositorio de curso Desarrollo Web (922585) - Coderhouse

Este repositorio contiene todos los archivos necesarios para clonar el proyecto final del curso Desarrollo Web (922585) de Coderhouse. El mismo consiste en todos los archivos html, css y javascript utilizados en la creación del sitio web de Observatorio de Obras de Logoipsum el cual consiste en 5 páginas:

• Home (Index)
• Geovisor
• Estadísticas
• Mediateca
• Contacto
• Acceso (no disponible; conduce a 404.html)

Contenidos

• Página de presentación del Observatorio, sus herramientas y novedades.
• Información ingenieril, económico-financiera y socioeconómica de los aprovechamientos hidroeléctricos.
• Geovisor con mapa de localización de obras y un selector interactivo de proyectos para ver fichas de obra y visual 3D.
• Material audiovisual de las obras, incluyendo imágenes satelitales del entorno, construcción y distintos ángulos de las presas.
• Formulario de contacto para más información.
• Header y footers diseñados para una mejor experiencia de usuario.
• Diseño mobile-first; contenido 100% adaptable a pantallas de hasta 320 px de ancho.

Herramientas empleadas

El Observatorio de Obras de Logoipsum utiliza las siguientes tecnologías y herramientas de uso libre:

• HTML 5 - markup language para la estructuración y presentación del contenido
• CSS3 - style sheet language para mejorar el estilo del contenido, incluyendo colores, fuentes y diseño.
• Javascript - lenguaje de programación para darle interactividad a la página, principalmente respondiendo a eventos en el navegador
• Bootstrap 4.6 - framework de front-end para el diseño de páginas responsive y mobile-first a través de código CSS3
• node.js - entorno de servidor en lenguaje Emascript utilizado para instalar y gestionar packages
• SASS - preprocesador de CSS para organizar los estilos
• Intense Images - librería Javascript para visualizar imágenes en pantalla compleat
• jQuery - librería Javascript para manipulación del DOM
• Git - sistema de reversionado de código
• Github - plataforma de desarrollo colaborativo para alojar proyectos utilizando el sistema de control de versiones Git
• Google My Maps - servicio de Google para crear mapas personalizados para uso propio o para compartir
• Google Street View - servicio de Google que proporciona panorámicas a nivel de calle

Instalación

Sírvase clonar el repositorio usando git bash o cualquier terminal que permite usar git. Escriba en ella:

$git clone https://github.com/UrbanPetris/observatorio.git

Para más información dirígase a la documentación oficial de Github aquí

Organización del proyecto

Si ha hecho una clonación existosa del repositorio encontrará en la carpeta de directorio los siguientes archivos:

• index.html (página del sitio)
• .gitignore (vacío)
• .htaccess (configura página de Error 404)
• 404.html (página del sitio)
• contacto.html (página del sitio)
• estadisticas.html (página del sitio)
• geovisor.html (página del sitio)
• mediateca.html (página del sitio)
• package.json (contiene script para compilar css a partir de sass)

Y un sistema de carpetas como el siguiente:

• img (recursos audiovisuales del sitio)
• scss (archivos scss organizados a partir de las distintas páginas y componentes del sitio web)
• js (librerías javascript externas empleadas)
• css (código css compilado)

Licencia

MIT

Todo el material audiovisual de este sitio ha sido obtenido de la web.