Spaces:
Running
Running
# modules/ui/ui.py | |
# Importaciones generales | |
import streamlit as st | |
from streamlit_player import st_player | |
import logging | |
from datetime import datetime, timezone | |
from dateutil.parser import parse | |
# Configuración del logger | |
logging.basicConfig(level=logging.INFO) | |
logger = logging.getLogger(__name__) | |
# Importaciones locales | |
from session_state import initialize_session_state, logout | |
from translations import get_translations | |
from ..studentact.student_activities_v2 import display_student_activities | |
from ..auth.auth import authenticate_user, authenticate_student, authenticate_admin | |
from ..admin.admin_ui import admin_page | |
from ..chatbot import display_sidebar_chat | |
##Importaciones desde la configuración de bases datos ####### | |
from ..database.sql_db import ( | |
store_application_request, | |
store_student_feedback, | |
store_application_request | |
) | |
from ..database.mongo_db import ( | |
get_collection, | |
insert_document, | |
find_documents, | |
update_document, | |
delete_document | |
) | |
from ..database.morphosintax_mongo_db import ( | |
store_student_morphosyntax_result, | |
get_student_morphosyntax_analysis, | |
update_student_morphosyntax_analysis, | |
delete_student_morphosyntax_analysis, | |
get_student_morphosyntax_data | |
) | |
from ..database.chat_mongo_db import store_chat_history, get_chat_history | |
##Importaciones desde los análisis ####### | |
from ..morphosyntax.morphosyntax_interface import ( | |
display_morphosyntax_interface, | |
display_morphosyntax_results | |
) | |
from ..semantic.semantic_interface import ( | |
display_semantic_interface, | |
display_semantic_results | |
) | |
from ..semantic.semantic_live_interface import display_semantic_live_interface | |
from ..discourse.discourse_interface import ( # Agregar esta importación | |
display_discourse_interface, | |
display_discourse_results | |
) | |
def main(): | |
logger.info(f"Entrando en main() - Página actual: {st.session_state.page}") | |
if 'nlp_models' not in st.session_state: | |
logger.error("Los modelos NLP no están inicializados.") | |
st.error("Los modelos NLP no están inicializados. Por favor, reinicie la aplicación.") | |
return | |
lang_code = st.session_state.get('lang_code', 'es') | |
t = get_translations(lang_code) | |
logger.info(f"Página actual antes de la lógica de enrutamiento: {st.session_state.page}") | |
if st.session_state.get('logged_out', False): | |
st.session_state.logged_out = False | |
st.session_state.page = 'login' | |
st.rerun() | |
if not st.session_state.get('logged_in', False): | |
logger.info("Usuario no ha iniciado sesión. Mostrando página de login/registro") | |
login_register_page(lang_code, t) | |
elif st.session_state.page == 'user': | |
if st.session_state.role == 'Administrador': | |
logger.info("Redirigiendo a la página de administrador") | |
st.session_state.page = 'Admin' | |
st.rerun() | |
else: | |
logger.info("Renderizando página de usuario") | |
user_page(lang_code, t) | |
elif st.session_state.page == "Admin": | |
logger.info("Renderizando página de administrador") | |
admin_page() | |
elif st.session_state.page == "semantic": | |
# Si estamos en la página semántica, redirigir a la página de usuario | |
# pero mantener el tab seleccionado | |
logger.info("Redirigiendo página semántica a página de usuario") | |
st.session_state.page = 'user' | |
st.session_state.selected_tab = 1 # índice del tab semántico | |
st.rerun() | |
elif st.session_state.page == "morpho": | |
# Similar para la página morfosintáctica | |
logger.info("Redirigiendo página morfosintáctica a página de usuario") | |
st.session_state.page = 'user' | |
st.session_state.selected_tab = 0 # índice del tab morfosintáctico | |
st.rerun() | |
else: | |
logger.error(f"Página no reconocida: {st.session_state.page}") | |
st.error(t.get('unrecognized_page', 'Página no reconocida')) | |
# Redirigir a la página de usuario en caso de error | |
st.session_state.page = 'user' | |
st.rerun() | |
logger.info(f"Saliendo de main() - Estado final de la sesión: {st.session_state}") | |
def login_register_page(lang_code, t): | |
# st.title("AIdeaText") | |
# st.write(t.get("welcome_message", "Bienvenido. Por favor, inicie sesión o regístrese.")) | |
left_column, right_column = st.columns([1, 3]) | |
with left_column: | |
tab1, tab2 = st.tabs([t.get("login", "Iniciar Sesión"), | |
t.get("register", "Registrarse")]) | |
with tab1: | |
login_form(lang_code, t) | |
with tab2: | |
register_form(lang_code, t) | |
with right_column: | |
display_videos_and_info(lang_code, t) | |
def login_form(lang_code, t): | |
with st.form("login_form"): | |
username = st.text_input(t.get("email", "Correo electrónico")) | |
password = st.text_input(t.get("password", "Contraseña"), type="password") | |
submit_button = st.form_submit_button(t.get("login", "Iniciar Sesión")) | |
if submit_button: | |
success, role = authenticate_user(username, password) | |
if success: | |
st.session_state.logged_in = True | |
st.session_state.username = username | |
st.session_state.role = role | |
if role == 'Administrador': | |
st.session_state.page = 'Admin' | |
else: | |
st.session_state.page = 'user' | |
logger.info(f"Usuario autenticado: {username}, Rol: {role}") | |
st.rerun() | |
else: | |
st.error(t.get("invalid_credentials", "Credenciales incorrectas")) | |
def register_form(lang_code, t): | |
# st.header(t.get("request_trial", "Solicitar prueba de la aplicación")) | |
name = st.text_input(t.get("name", "Nombre")) | |
lastname = st.text_input(t.get("lastname", "Apellidos")) | |
institution = st.text_input(t.get("institution", "Institución")) | |
current_role = st.selectbox(t.get("current_role", "Rol en la institución donde labora"), | |
[t.get("professor", "Profesor"), t.get("student", "Estudiante"), t.get("administrative", "Administrativo")]) | |
# Definimos el rol por defecto como estudiante | |
desired_role = t.get("student", "Estudiante") | |
email = st.text_input(t.get("institutional_email", "Correo electrónico de su institución")) | |
reason = st.text_area(t.get("interest_reason", "¿Por qué estás interesado en probar AIdeaText?")) | |
if st.button(t.get("submit_application", "Enviar solicitud")): | |
logger.info(f"Attempting to submit application for {email}") | |
logger.debug(f"Form data: name={name}, lastname={lastname}, email={email}, institution={institution}, current_role={current_role}, desired_role={desired_role}, reason={reason}") | |
if not name or not lastname or not email or not institution or not reason: | |
logger.warning("Incomplete form submission") | |
st.error(t.get("complete_all_fields", "Por favor, completa todos los campos.")) | |
elif not is_institutional_email(email): | |
logger.warning(f"Non-institutional email used: {email}") | |
st.error(t.get("use_institutional_email", "Por favor, utiliza un correo electrónico institucional.")) | |
else: | |
logger.info(f"Attempting to store application for {email}") | |
success = store_application_request(name, lastname, email, institution, current_role, desired_role, reason) | |
if success: | |
st.success(t.get("application_sent", "Tu solicitud ha sido enviada. Te contactaremos pronto.")) | |
logger.info(f"Application request stored successfully for {email}") | |
else: | |
st.error(t.get("application_error", "Hubo un problema al enviar tu solicitud. Por favor, intenta de nuevo más tarde.")) | |
logger.error(f"Failed to store application request for {email}") | |
def is_institutional_email(email): | |
forbidden_domains = ['gmail.com', 'hotmail.com', 'yahoo.com', 'outlook.com'] | |
return not any(domain in email.lower() for domain in forbidden_domains) | |
def display_videos_and_info(lang_code, t): | |
# Crear tabs para cada sección | |
tab_gallery, tab_videos, tab_events, tab_news = st.tabs([ | |
"Fotos de eventos", | |
"Videos de presentaciones", | |
"Ponencias académicas", | |
"Control de versiones" | |
]) | |
# Tab de Galería | |
with tab_gallery: | |
# Contenedor con ancho máximo | |
with st.container(): | |
# Dividimos en dos columnas principales | |
col_left, col_right = st.columns(2) | |
# Columna izquierda: Foto 1 grande | |
with col_left: | |
# Foto 2 arriba | |
st.image("assets/img/socialmedia/_MG_2845.JPG", | |
caption="MakerFaire CDMX 2023", | |
width=480) # Ajusta este valor según necesites | |
# use_column_width=True) | |
# Foto 3 abajo | |
st.image("assets/img/socialmedia/Facebook_CoverPhoto-1_820x312.jpg", | |
caption="MakerFaire CDMX 2023", | |
width=480) # Ajusta este valor según necesites | |
# use_column_width=True) | |
# Columna derecha: Fotos 2 y 3 una encima de otra | |
with col_right: | |
st.image("assets/img/socialmedia/_MG_2790.jpg", | |
caption="MakerFaire CDMX 2024", | |
width=540) # Ajusta este valor según necesites | |
# Tab de Videos | |
with tab_videos: | |
videos = { | |
"Reel AIdeaText": "https://youtu.be/UA-md1VxaRc", | |
"Presentación en SENDA, UNAM. Ciudad de México, México" : "https://www.youtube.com/watch?v=XFLvjST2cE0", | |
"Presentación en PyCon 2024. Colombia, Medellín": "https://www.youtube.com/watch?v=Jn545-IKx5Q", | |
"Presentación en la Fundación Ser Maaestro. Lima, Perú": "https://www.youtube.com/watch?v=imc4TI1q164", | |
"Presentación en el programa de incubación Explora del IFE, TEC de Monterrey, Nuevo León, México": "https://www.youtube.com/watch?v=Fqi4Di_Rj_s", | |
"Entrevista con el Dr. Guillermo Ruíz. Lima, Perú": "https://www.youtube.com/watch?v=_ch8cRja3oc", | |
"Demo de la versión de escritorio.": "https://www.youtube.com/watch?v=nP6eXbog-ZY" | |
} | |
selected_title = st.selectbox("Selecciona una conferencia:", list(videos.keys())) | |
if selected_title in videos: | |
try: | |
st_player(videos[selected_title]) | |
except Exception as e: | |
st.error(f"Error al cargar el video: {str(e)}") | |
# Tab de Eventos | |
with tab_events: | |
st.markdown(""" | |
## 2025 | |
**El Agente Cognitivo Vinculante como Innovación en el Aprendizaje Adaptativo: el caso de AIdeaText** | |
IFE CONFERENCE 2025. Organizado por el Instituto para el Futuro de la Educación del TEC de Monterrey. | |
Nuevo León, México. Del 28 al 30 enero 2025 | |
## 2024 | |
**AIdeaText, AIdeaText, recurso digital que emplea la técnica de Análisis de Resonancia Central para perfeccionar textos académicos** | |
V Temporada SENDA - Organizado por el Seminario de Entornos y Narrativas Digitales en la Academia del | |
Instituto de Investigaciones Antropológicas (IIA) de la Universidad Autonóma de México (UNAM). 22 noviembre 2024 | |
**Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)** | |
Congreso HeETI 2024: Horizontes Expandidos de la Educación, la Tecnología y la Innovación | |
Universidad el Claustro de Sor Juana. Del 25 al 27 septiembre 2024 | |
**AIdeaText, visualización de mapas semánticos** | |
PyCon 2024, Organizado por el grupo de desarrolladores independientes de Python. | |
Universidad EAFIT, Medellín, Colombia. Del 7 al 9 de junio de 2024. | |
## 2023 | |
**Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)** | |
XVII Congreso Nacional de Investigación Educativa - VII Encuentro de Estudiantes de Posgrado Educación. | |
Consejo Mexicano de Investigación Educativa (COMIE) | |
Villahermosa, Tabasco, México. | |
Del 4 al 8 de diciembre 2023 | |
**Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)** | |
XXXI Encuentro Internacional de Educación a Distancia | |
Universidad de Guadalajara. Jalisco, México. | |
Del 27 al 30 noviembre 2023 | |
**Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)** | |
IV Temporada SENDA - Seminario de Entornos y Narrativas Digitales en la Academia | |
Instituto de Investigaciones Antropológicas (IIA), UNAM. | |
22 noviembre 2023 | |
**Aproximación al Agente Cognitivo Vinculante (ACV) desde la Teoría del Actor Red (TAR)** | |
1er Congreso Internacional de Educación Digital | |
Instituto Politécnico Nacional, sede Zacatecas. México. | |
Del 23 al 24 de noviembre de 2023 | |
**La cuestión de la centralidad del maestro frente a las tecnologías digitales generativas** | |
Innova Fórum: Ecosistemas de Aprendizaje | |
Universidad de Guadalajara. Jalisco, México. | |
Del 16 al 18 de mayo 2023 | |
""") | |
# Tab de Novedades | |
with tab_news: | |
st.markdown(""" | |
### Novedades de la versión actual | |
- Interfaz mejorada para una mejor experiencia de usuario | |
- Optimización del análisis morfosintáctico | |
- Soporte para múltiples idiomas | |
- Nuevo módulo de análisis del discurso | |
- Sistema de chat integrado para soporte | |
""") | |
#Después de iniciar sesión | |
#################################### | |
def user_page(lang_code, t): | |
logger.info(f"Entrando en user_page para el estudiante: {st.session_state.username}") | |
# Inicializar el tab seleccionado si no existe | |
if 'selected_tab' not in st.session_state: | |
st.session_state.selected_tab = 0 | |
# Manejar la carga inicial de datos del usuario | |
if 'user_data' not in st.session_state: | |
with st.spinner(t.get('loading_data', "Cargando tus datos...")): | |
try: | |
st.session_state.user_data = get_student_morphosyntax_data(st.session_state.username) | |
st.session_state.last_data_fetch = datetime.now(timezone.utc).isoformat() | |
except Exception as e: | |
logger.error(f"Error al obtener datos del usuario: {str(e)}") | |
st.error(t.get('data_load_error', "Hubo un problema al cargar tus datos. Por favor, intenta recargar la página.")) | |
return | |
logger.info(f"Idioma actual: {st.session_state.lang_code}") | |
logger.info(f"Modelos NLP cargados: {'nlp_models' in st.session_state}") | |
# Configuración de idiomas disponibles | |
languages = {'Español': 'es', 'English': 'en', 'Français': 'fr'} | |
# Estilos CSS personalizados | |
st.markdown(""" | |
<style> | |
.stSelectbox > div > div { | |
padding-top: 0px; | |
} | |
.stButton > button { | |
padding-top: 2px; | |
margin-top: 0px; | |
} | |
div[data-testid="stHorizontalBlock"] > div:nth-child(3) { | |
display: flex; | |
justify-content: flex-end; | |
align-items: center; | |
} | |
</style> | |
""", unsafe_allow_html=True) | |
# Barra superior con información del usuario y controles | |
with st.container(): | |
col1, col2, col3 = st.columns([2, 2, 1]) | |
with col1: | |
st.markdown(f"<h3 style='margin-bottom: 0; padding-top: 10px;'>{t['welcome']}, {st.session_state.username}</h3>", | |
unsafe_allow_html=True) | |
with col2: | |
selected_lang = st.selectbox( | |
t['select_language'], | |
list(languages.keys()), | |
index=list(languages.values()).index(st.session_state.lang_code), | |
key=f"language_selector_{st.session_state.username}_{st.session_state.lang_code}" | |
) | |
new_lang_code = languages[selected_lang] | |
if st.session_state.lang_code != new_lang_code: | |
st.session_state.lang_code = new_lang_code | |
st.rerun() | |
with col3: | |
if st.button(t['logout'], | |
key=f"logout_button_{st.session_state.username}_{st.session_state.lang_code}"): | |
st.session_state.clear() | |
st.rerun() | |
st.markdown("---") | |
# Asegurarse de que tenemos las traducciones del chatbot | |
chatbot_t = t.get('CHATBOT_TRANSLATIONS', {}).get(lang_code, {}) | |
# Mostrar chatbot en sidebar | |
display_sidebar_chat(lang_code, chatbot_t) | |
# Sistema de tabs | |
tabs = st.tabs([ | |
t.get('morpho_tab', 'Análisis Morfosintáctico'), | |
t.get('semantic_live_tab', 'Análisis Semántico Vivo'), # Nuevo tab | |
t.get('semantic_tab', 'Análisis Semántico'), | |
t.get('discourse_tab', 'Análsis de discurso'), | |
t.get('activities_tab', 'Mis Actividades'), | |
t.get('feedback_tab', 'Formulario de Comentarios') | |
]) | |
# Manejar el contenido de cada tab | |
for index, tab in enumerate(tabs): | |
if tab.selected: | |
st.session_state.selected_tab = index | |
with tab: | |
try: | |
if index == 0: | |
display_morphosyntax_interface( | |
st.session_state.lang_code, | |
st.session_state.nlp_models, | |
t.get('TRANSLATIONS', {}) | |
) | |
elif index == 1: # Nuevo caso para el análisis semántico vivo | |
display_semantic_live_interface( | |
st.session_state.lang_code, | |
st.session_state.nlp_models, | |
t.get('TRANSLATIONS', {}) | |
) | |
elif index == 2: | |
display_semantic_interface( | |
st.session_state.lang_code, | |
st.session_state.nlp_models, | |
t.get('TRANSLATIONS', {}) | |
) | |
elif index == 3: | |
display_discourse_interface( | |
st.session_state.lang_code, | |
st.session_state.nlp_models, | |
t.get('TRANSLATIONS', {}) | |
) | |
elif index == 4: | |
display_student_activities( | |
username=st.session_state.username, | |
lang_code=st.session_state.lang_code, | |
t=t.get('ACTIVITIES_TRANSLATIONS', {}) | |
) | |
elif index == 5: | |
display_feedback_form( | |
st.session_state.lang_code, | |
t | |
) | |
except Exception as e: | |
logger.error(f"Error en tab {index}: {str(e)}") | |
st.error(t.get('tab_error', 'Error al cargar esta sección')) | |
# Panel de depuración (solo visible en desarrollo) | |
if st.session_state.get('debug_mode', False): | |
with st.expander("Debug Info"): | |
st.write(f"Página actual: {st.session_state.page}") | |
st.write(f"Usuario: {st.session_state.get('username', 'No logueado')}") | |
st.write(f"Rol: {st.session_state.get('role', 'No definido')}") | |
st.write(f"Idioma: {st.session_state.lang_code}") | |
st.write(f"Tab seleccionado: {st.session_state.selected_tab}") | |
st.write(f"Última actualización de datos: {st.session_state.get('last_data_fetch', 'Nunca')}") | |
######################################################################## | |
def display_feedback_form(lang_code, t): | |
logging.info(f"display_feedback_form called with lang_code: {lang_code}") | |
st.header(t['feedback_title']) | |
name = st.text_input(t['name']) | |
email = st.text_input(t['email']) | |
feedback = st.text_area(t['feedback']) | |
if st.button(t['submit']): | |
if name and email and feedback: | |
if store_student_feedback(st.session_state.username, name, email, feedback): | |
st.success(t['feedback_success']) | |
else: | |
st.error(t['feedback_error']) | |
else: | |
st.warning(t['complete_all_fields']) | |
# Definición de __all__ para especificar qué se exporta | |
__all__ = ['main', 'login_register_page', 'initialize_session_state'] | |
# Bloque de ejecución condicional | |
if __name__ == "__main__": | |
main() |