System Requirements Document for hyper-portafolio

1. Introduction

The user asked for feedback on whether the attached CULTURA_CIENTIFICA.pdf material is adequate to present tomorrow and what is missing, stating that they were told to make a portfolio. The user chose the project name 'hyper-portafolio'.

1.1 Source overview

Estudio de los

Aportes Actuales

de la Ciencia y la

Tecnología

Área: Científico Ambiental

Equipo de

Trabajo

(Grupo 4 - Semestre II)

Comprometidos con la

ciencia, la tecnología y el

futuro sostenible.

1

Mamani Canahuire,

Clinthon Bladimir

2

Mamani Mamani,

Javier Voltaire

3

Rodrigo Luna,

Leydy Naldy

4

Coaquira Apaza,

Margiori Del Pilar

5

Calsina,

Elisban Arpita

La Ciencia y

Tecnología frente

al Medio Ambiente

La tecnología evoluciona para impulsar el

desarrollo sin comprometer la salud del

planeta.

La sostenibilidad se integra en nuestra vida

diaria y en cada proceso productivo.

Nuestro objetivo es analizar las

innovaciones científicas más recientes

que generan impacto positivo en la

sociedad y en el ecosistema.

Avances en

Energías

Renovables

ENERGÍA SOLAR AVANZADA

Nuevos paneles con mejor rendimiento

incluso en días nublados.

ENERGÍA EÓLICA INTELIGENTE

Turbinas optimizadas gracias al uso

de inteligencia artificial.

ALMACENAMIENTO EFICIENTE

Sistemas térmicos y baterías de litio/sodio

para almacenar grandes volúmenes

de energía limpia.

Biotecnología

Aplicada al Planeta

Innovaciones biotecnológicas para el

cuidado ambiental.

Biorremediación

Microorganismos y bacterias optimizadas que

descontaminan suelos y aguas.

Materiales biodegradables

Bioplásticos a partir de residuos orgánicos para

sustituir plásticos tradicionales.

Purificación de agua

Filtros con nanotecnología para

potabilizar a bajo costo.

Monitoreo y

Ciudades Inteligentes

Tecnología e IA para un futuro sostenible

01

Análisis de datos ambientales con IA

para predecir patrones climáticos

y zonas de riesgo.

02

Ciudades sostenibles (Smart Cities):

sensores para optimizar eficiencia

energética y reducir huella de carbono.

03

Agricultura de precisión:

drones y sensores para optimizar

uso de agua y reducir pesticidas.

Conclusiones

La ciencia y la tecnología son herramientas

indispensables para mitigar el cambio

climático.

La adopción de estas tecnologías

garantiza desarrollo sostenible para

futuras generaciones.

Fomentar la investigación local y la

conciencia ambiental en instituciones

educativas.

CIENCIA

TECNOLOGÍA

SOSTENIBILIDAD

UN FUTURO POSIBLE

PARA TODOS

2. System Overview

El proyecto hyper-portafolio es un portafolio académico digital que reúne y presenta el estudio Aportes Actuales de la Ciencia y la Tecnología, elaborado por el Grupo 4 (Semestre II) del área Científico Ambiental. Su propósito es exponer, de forma organizada y visualmente clara, cómo la ciencia y la tecnología impulsan un desarrollo sostenible sin comprometer la salud del planeta, y servir como material de sustento para la exposición académica del equipo.

El portafolio se dirige a un público académico: docentes evaluadores, compañeros de clase y cualquier lector interesado en innovación ambiental. El equipo de trabajo (Grupo 4) actúa como autor y responsable de la exposición; Elisban Arpita Calsina figura como integrante identificado en el material. El contenido se organiza en cuatro ejes temáticos: Energías Renovables, Biotecnología Aplicada al Planeta, Monitoreo y Ciudades Inteligentes, y una sección de cierre sobre Ciencia, Tecnología y Sostenibilidad.

El recorrido del portafolio comienza con una introducción que declara el compromiso con la ciencia, la tecnología y el futuro sostenible, y el objetivo de analizar las innovaciones científicas recientes con impacto positivo en la sociedad y el ecosistema. A continuación, el eje de Energías Renovables presenta tres avances: energía solar avanzada (paneles con mejor rendimiento incluso en días nublados), energía eólica inteligente (turbinas optimizadas mediante inteligencia artificial) y almacenamiento eficiente (sistemas térmicos y baterías de litio/sodio para grandes volúmenes de energía limpia). El eje de Biotecnología Aplicada al Planeta cubre la biorremediación (microorganismos y bacterias optimizadas que descontaminan suelos y aguas), los materiales biodegradables (bioplásticos a partir de residuos orgánicos para sustituir plásticos tradicionales) y la purificación de agua (filtros con nanotecnología para potabilizar a bajo costo). El eje de Monitoreo y Ciudades Inteligentes aborda el análisis de datos ambientales con IA para predecir patrones climáticos y zonas de riesgo, las ciudades sostenibles (Smart Cities) con sensores para optimizar eficiencia energética y reducir la huella de carbono, y la agricultura de precisión con drones y sensores para optimizar el uso de agua y reducir pesticidas. El cierre refuerza que la ciencia y la tecnología son herramientas indispensables para mitigar el cambio climático y garantizar desarrollo sostenible a futuras generaciones, e incluye el fomento de la investigación local y la conciencia ambiental en instituciones, bajo los conceptos de Ciencia, Tecnología, Sostenibilidad y la visión de "Un futuro posible para todos".

El material entregado constituye la base de contenido del portafolio y está estructurado para una exposición. Como el usuario solicitó retroalimentación sobre su idoneidad y lo que falta para presentarlo, se identifican como pendientes de definir —sin que ello implique funcionalidad no evidenciada— los aspectos de formato de entrega, la organización final del portafolio como documento y los elementos de soporte para la exposición. Estos puntos quedan como trabajo futuro y no forman parte del alcance ya cubierto por el contenido científico recopilado.

3. Functional Requirements

No additional details specified.

4. User Personas

The supplied evidence identifies the authors of the source document: Clinthon Bladimir Mamani Canahuire, Javier Voltaire Mamani Mamani, Leydy Naldy Rodrigo Luna, and Margiori Del Pilar Coaquira Apaza. The user also chose the project name "hyper-portafolio" and asked for a review of the document for an upcoming presentation. These facts establish authorship and the project name, but they do not establish active human roles, responsibilities, goals, inputs, decisions, or journeys for any persona. No user personas can be derived from this batch. This is not a declaration of a complete or closed persona catalog; future work may introduce additional roles.

5. Core User Flows

No additional details specified.

6. Visuals Colors and Theme

[Design proposal; unspecified choices are defaults.]

Muse: Refik Anadol — datos ambientales que se vuelven materia. El portafolio hyper-portafolio (Estudio de los Aportes Actuales de la Ciencia y la Tecnología, Área Científico Ambiental, Grupo 4 – Semestre II) vive en modo oscuro de museo: fondo #050608, superficies #0D1116, texto #F2F5F7, primario verde-cian bioluminiscente #19E0B4, acento naranja solar #FF6A3D, muted #7C8A96. Proporción 70% negro / 20% superficies / 8% verde-cian / 2% naranja; nunca azul-índigo sobre blanco. Titulares en Archivo Expanded (alternativa de wordmark: Syne), mayúsculas, peso 600–800, tracking −0.02em; cuerpo en Space Grotesk 16–18px/1.65; cifras, coordenadas y micro-labels en JetBrains Mono 11px, mayúsculas, tracking 0.18em, tabular-nums. Escala modular 1.333: 128/96/72/54/40/30/22/18/16/13; hero clamp(52px, 13vw, 128px), H2 clamp(34px, 6vw, 72px), H3 clamp(24px, 3.4vw, 40px). Formas fluidas: píldoras 999px, paneles 28–40px, clip-path con Bézier amplias entre secciones, líneas de 1px #19E0B4 al 30% trazando rutas tipo red de sensores; esquinas duras solo en reglas horizontales de datos. Retícula de 12 columnas con márgenes 24/64/120px, contenido anclado abajo-izquierda o arriba-derecha, nunca centrado simétrico. La imagen es el dato: cada sección genera su textura desde su métrica (irradiancia solar, espectro de viento, ciclos litio/sodio, densidad bacteriana, caudal filtrado, series de temperatura urbana, NDVI de cultivo); macro-fotografías reales en monocromo verde-cian al 20% bajo las partículas; equipo en retratos B/N con trama de puntos de datos, nunca avatares ilustrados. Prohibido: fondos claros, Inter/Roboto/Arial/Helvetica/Open Sans/Lato/Poppins/system-ui, gradientes-blob, rejillas de tarjetas idénticas, stock sonriente, clip art o emojis como datos.

7. Signature Design Concept

[Design proposal; unspecified choices are defaults.]

Portada: un organismo de datos con tipografía editorial encima. Pantalla completa #050608 donde un campo de partículas #19E0B4 dibuja en tiempo real un flujo continuo que ocupa del 60% al 100% del viewport, más denso abajo y disolviéndose hacia arriba. Sobre él, anclado a la izquierda y abarcando 9 de 12 columnas, el titular en Archivo Expanded «LA CIENCIA Y TECNOLOGÍA FRENTE AL MEDIO AMBIENTE» a clamp(52px, 13vw, 128px), con «MEDIO AMBIENTE» en #FF6A3D y el resto en #F2F5F7; el titular puede cortarse por el borde derecho a propósito, pero cada palabra permanece íntegra dentro del viewport en 375/768/1280. Debajo, una sola línea JetBrains Mono 11px: «GRUPO 4 · SEMESTRE II · ÁREA CIENTÍFICO AMBIENTAL». En la esquina inferior derecha, contador vivo en mono («02 847 913 DATOS AMBIENTALES ANALIZADOS») y flecha-píldora «DESPLAZA PARA EXPLORAR». Sin botón azul, sin subtítulo centrado, sin gradiente decorativo. Secuencia narrativa: Portada → Energías Renovables (solar avanzada, eólica inteligente, almacenamiento eficiente) → Biotecnología (biorremediación, materiales biodegradables, purificación de agua) → Monitoreo y Ciudades Inteligentes (01 análisis IA de patrones climáticos y zonas de riesgo, 02 smart cities con sensores, 03 agricultura de precisión con drones) → Conclusiones → Equipo (Grupo 4) → página de Revisión. Movimientos de firma: hero generativo real (Three.js) como fondo de toda la portada; morph de partículas entre secciones (las del bloque solar se reorganizan en las del eólico); titulares que sangran; índice lateral derecho en JetBrains Mono 11px con línea luminosa que se rellena según scroll, convertido en fila horizontal deslizable en mobile; página de Revisión como tablero de diagnóstico con estados CUMPLIDO / FALTA / REFORZAR en verde-cian, gris y naranja, barra de «preparación para exponer mañana» y lista accionable (portafolio formal, cierre, fuentes citadas, guion de exposición, reparto de turnos).

8. Interaction Model & Motion Direction

[Design proposal; unspecified choices are defaults.]

Interaction Model: Parallax Motion Tempo: cinematic Hero Dimensionality: webgl

Landing Hero Motion Brief. Sujeto focal: campo de partículas verde-cian generado en tiempo real desde métricas ambientales. Tesis input→transformación→outcome: el cursor y el scroll alimentan el campo → las partículas se reorganizan y desplazan con inercia como una cámara que atraviesa el flujo → el visitante lee el titular editorial mientras el organismo de datos respira detrás. Vocabulario de movimiento: flujo continuo (velocidad base 0.15), respuesta suave al cursor con inercia, desplazamiento scroll-linked, morph de partículas entre secciones temáticas, aparición de texto por líneas con desplazamiento vertical de 20px y opacidad, 700ms ease-out, escalonado 80ms, números que cuentan hacia arriba una sola vez al entrar en viewport. Primer fotograma compuesto: negro #050608, partículas más densas en la mitad inferior, titular Archivo Expanded anclado a la izquierda con «MEDIO AMBIENTE» en #FF6A3D, línea mono «GRUPO 4 · SEMESTRE II · ÁREA CIENTÍFICO AMBIENTAL», contador vivo y flecha-píldora abajo a la derecha. Estado reducido: el canvas se congela en un fotograma estático de alta calidad, los textos aparecen sin desplazamiento y las secciones se apilan en scroll normal; el índice lateral se envuelve en filas o permite scroll horizontal para que cada ítem quede completamente legible. Sin animaciones rápidas, rebotes ni transiciones tipo SaaS: el tempo es lento y continuo.

Landing Hero 3D Scene Brief — DIRECTION-DERIVED. Objeto real-time: sistema de partículas Three.js/R3F que representa el estado definitorio del producto — datos ambientales vivos — con densidad modulada por métrica temática (irradiancia, viento, carga de batería, densidad bacteriana, caudal, temperatura urbana, NDVI) y luminiscencia #19E0B4 sobre #050608. El canvas ocupa del 60% al 100% del viewport, se desplaza con el scroll y responde al cursor con inercia; en prefers-reduced-motion se renderiza un único fotograma estático de alta calidad.

9. Non-Functional Requirements

No additional details specified.

10. Tech Stack

The portfolio is delivered as a responsive web application; no native mobile application is required. The supplied material does not specify a technology stack, so the following defaults are proposed and labeled as defaults for the required layers.

Frontend (default): HTML5, CSS3 and JavaScript, with a component-based framework such as React or Vue for the portfolio views. Responsive layout adapts to desktop, tablet and mobile browsers.

Backend (default): a lightweight service layer (for example Node.js with Express) to serve portfolio content and contact submissions.

Data (default): a relational database such as PostgreSQL for portfolio entries, team members and messages.

Hosting and delivery (default): static or containerized hosting with HTTPS; continuous deployment from the project repository.

Content and media (default): the portfolio presents the scientific and technological content from the source material — renewable energies (advanced solar panels, AI-optimized wind turbines, thermal and lithium/sodium storage), biotechnology (bioremediation, biodegradable materials, nanotechnology water purification), and monitoring/smart cities (AI environmental data analysis, smart-city sensors, precision agriculture) — as structured sections with images and text.

No technology choices beyond these defaults are stated in the source evidence; any future stack decisions remain open and are not part of this chapter.

11. Assumptions and Constraints

No additional details specified.

12. Glossary

No additional details specified.