|
1 | 1 | # SentimentAPI Analytics - UI Proposal |
2 | 2 |
|
3 | | -Este repositorio contiene la propuesta de diseño frontend para **SentimentAPI Analytics**, una plataforma web dedicada al procesamiento masivo de análisis de sentimientos mediante Inteligencia Artificial. |
| 3 | +Este repositorio contiene la propuesta de diseño frontend para **SentimentAPI Analytics**, una plataforma web dedicada al procesamiento masivo de Análisis de Sentimientos de Feedbacks. |
| 4 | + |
| 5 | +**SentimentAPI** es una solución integral de Data Science y Backend diseñada para automatizar el análisis de feedback de clientes. Permite a las empresas procesar grandes volúmenes de reseñas y comentarios para identificar rápidamente la satisfacción del usuario, priorizar la atención de quejas y monitorear la reputación de marca. |
4 | 6 |
|
5 | 7 | El proyecto se centra en ofrecer una experiencia de usuario (UX) fluida para la carga de datasets (.csv) y la visualización clara de resultados predictivos. |
6 | 8 |
|
7 | | -## 🚀 Características Principales |
| 9 | +## Características Principales |
8 | 10 |
|
9 | 11 | * **Diseño Responsivo:** Adaptabilidad total a dispositivos móviles y escritorio utilizando **Bootstrap 5**. |
10 | 12 | * **Gestión de Archivos:** Interfaz intuitiva "Drag & Drop" para la carga de archivos CSV. |
11 | 13 | * **Dashboard Interactivo:** Visualización de métricas y distribución de sentimientos mediante **Chart.js**. |
12 | 14 | * **Feedback Visual:** Indicadores de estado, barras de progreso y clasificación por colores (Semáforo de sentimientos). |
13 | 15 | * **Estética Profesional:** Interfaz limpia (Clean UI) con tipografía legible y paleta de colores corporativa. |
14 | 16 |
|
15 | | -## 🛠️ Stack Tecnológico |
| 17 | +## Stack Tecnológico |
16 | 18 |
|
17 | 19 | * **HTML5** - Estructura semántica. |
18 | 20 | * **CSS3** - Estilos personalizados y diseño adaptativo. |
19 | 21 | * **Bootstrap 5.3** - Framework de componentes UI y sistema de grillas. |
20 | 22 | * **JavaScript (ES6)** - Lógica de interacción y manipulación del DOM. |
21 | 23 | * **Chart.js** - Librería para la generación de gráficos dinámicos. |
22 | 24 |
|
23 | | -## 📂 Estructura del Proyecto |
| 25 | +## Estructura del Proyecto |
24 | 26 |
|
25 | 27 | * `index.html`: Landing page y módulo de carga de archivos. |
26 | 28 | * `dashboard.html`: Tablero de resultados y visualización de datos. |
27 | 29 | * `style.css`: Hoja de estilos personalizada. |
28 | 30 | * `script.js`: Lógica de frontend y simulación de datos. |
29 | 31 |
|
| 32 | +## Propuesta de Valor |
| 33 | + |
| 34 | +En un entorno donde las empresas reciben miles de comentarios diarios, la lectura manual es inviable. Este proyecto ofrece: |
| 35 | +* **Detección automática de urgencias:** Clasifica comentarios negativos para atención prioritaria. |
| 36 | +* **Insights accionables:** Transforma texto no estructurado en métricas medibles. |
| 37 | +* **Visión histórica:** Permite medir la evolución de la satisfacción del cliente. |
| 38 | + |
| 39 | +## 🛠️ Arquitectura Técnica |
| 40 | + |
| 41 | +El proyecto demuestra la integración funcional entre un modelo de Machine Learning y una API robusta. |
| 42 | + |
| 43 | +### Data Science (Python) |
| 44 | +Utilizamos técnicas clásicas de **Procesamiento de Lenguaje Natural (NLP)** supervisado: |
| 45 | +* **Limpieza de Datos (EDA):** Preprocesamiento de tweets y reviews (eliminación de stopwords, normalización). |
| 46 | +* **Vectorización:** Transformación de texto a representación numérica mediante **TF-IDF**. |
| 47 | +* **Modelo Predictivo:** Implementación de **Regresión Logística** (Logistic Regression) / Naive Bayes para clasificación de sentimientos. |
| 48 | +* **Serialización:** Exportación del pipeline entrenado mediante `joblib`. |
| 49 | + |
| 50 | +### Back-End (Java & Spring Boot) |
| 51 | +* **API RESTful:** Exposición de endpoints para consumo externo. |
| 52 | +* **Integración:** Carga y ejecución del modelo predictivo para inferencia en tiempo real. |
| 53 | +* **Validación:** Manejo de errores y respuestas JSON estandarizadas. |
| 54 | + |
| 55 | +### 🎨 Front-End (Dashboard MVP) |
| 56 | +* **Interfaz Web:** Panel para carga masiva de datos (Batch Processing) vía CSV. |
| 57 | +* **Visualización:** Gráficos interactivos con **Chart.js** para distribución de sentimientos. |
| 58 | +* **Bootstrap 5:** Diseño responsivo y profesional. |
| 59 | + |
| 60 | +## Funcionalidades (MVP) |
| 61 | + |
| 62 | +### 1. Análisis en Tiempo Real |
| 63 | +Endpoint para clasificar un comentario individual. |
| 64 | +* **Input:** JSON con el texto a analizar. |
| 65 | +* **Output:** Clasificación (Positivo/Neutro/Negativo) + Score de probabilidad (Confianza). |
| 66 | + |
| 67 | +### 2. Batch Processing (Procesamiento por Lotes) |
| 68 | +Capacidad de subir un archivo `.csv` con múltiples comentarios y recibir un reporte estadístico completo y visualizaciones en el Dashboard. |
| 69 | + |
| 70 | +### 3. Soporte Multilingüe 🌍 |
| 71 | +El modelo ha sido entrenado para interpretar y clasificar textos tanto en **Español** como en **Portugués**, permitiendo escalabilidad regional. |
| 72 | + |
30 | 73 | ## 📷 Vista Previa |
31 | 74 |
|
32 | 75 | <img width="1920" height="1040" alt="00001_" src="https://github.com/user-attachments/assets/0a50e368-bf10-4842-a586-bc3b1b50152b" /> |
|
0 commit comments