Spaces:
Runtime error
Runtime error
riabayonaor
commited on
Commit
•
bc5bcc4
1
Parent(s):
ec17294
Update app.py
Browse files
app.py
CHANGED
@@ -1,34 +1,56 @@
|
|
1 |
import streamlit as st
|
2 |
|
3 |
-
#
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
#
|
9 |
-
|
10 |
-
|
11 |
-
|
12 |
-
|
13 |
-
|
14 |
-
|
15 |
-
|
16 |
-
|
17 |
-
|
18 |
-
|
19 |
-
|
20 |
-
|
21 |
-
|
22 |
-
|
23 |
-
|
24 |
-
|
25 |
-
|
26 |
-
|
27 |
-
|
28 |
-
|
29 |
-
|
30 |
-
|
31 |
-
|
32 |
-
|
33 |
-
|
34 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1 |
import streamlit as st
|
2 |
|
3 |
+
# Función para agregar CSS personalizado
|
4 |
+
def local_css(file_name):
|
5 |
+
with open(file_name) as f:
|
6 |
+
st.markdown(f'<style>{f.read()}</style>', unsafe_allow_html=True)
|
7 |
+
|
8 |
+
# Función para crear un bloque de modelo con estilo
|
9 |
+
def modelo_block(titulo, descripcion, color):
|
10 |
+
st.markdown(f"""
|
11 |
+
<div style="
|
12 |
+
border-left: 5px solid {color};
|
13 |
+
padding: 10px;
|
14 |
+
margin: 10px 0;
|
15 |
+
background-color: #f1f1f1;
|
16 |
+
">
|
17 |
+
<h4 style="color:{color};">{titulo}</h4>
|
18 |
+
<p>{descripcion}</p>
|
19 |
+
</div>
|
20 |
+
""", unsafe_allow_html=True)
|
21 |
+
|
22 |
+
# Agregar CSS local si es necesario (no incluido en este ejemplo)
|
23 |
+
# local_css("path_to_your_css_file.css")
|
24 |
+
|
25 |
+
# Título principal
|
26 |
+
st.markdown("<h1 style='text-align: center; color: magenta;'>Modelos de Diseño Instruccional (DI)</h1>", unsafe_allow_html=True)
|
27 |
+
|
28 |
+
# Modelo ADDIE
|
29 |
+
modelo_block("Modelo ADDIE", """
|
30 |
+
- Análisis: Determina necesidades de los estudiantes y objetivos del curso.
|
31 |
+
- Diseño: Desarrolla los resultados de aprendizaje y selecciona el contenido.
|
32 |
+
- Desarrollo: Crea y reúne los materiales didácticos.
|
33 |
+
- Implementación: Ofrece el curso a los estudiantes.
|
34 |
+
- Evaluación: Evalúa el curso y realiza ajustes basados en el feedback.
|
35 |
+
""", "#8A2BE2")
|
36 |
+
|
37 |
+
# Modelo Dick, Carey y Carey
|
38 |
+
modelo_block("Modelo Dick, Carey y Carey", """
|
39 |
+
- Evaluación de Necesidades: Identifica qué necesitan aprender los estudiantes.
|
40 |
+
- Establecimiento de Metas Instruccionales: Define lo que se espera que los estudiantes logren.
|
41 |
+
- Diseño Instruccional: Detalla las actividades que ayudarán a los estudiantes a alcanzar esas metas.
|
42 |
+
- Evaluación: Asegura que los objetivos se cumplan efectivamente.
|
43 |
+
""", "#5F9EA0")
|
44 |
+
|
45 |
+
# Modelo de Morrison, Ross y Kemp
|
46 |
+
modelo_block("Modelo de Morrison, Ross y Kemp", """
|
47 |
+
- Plan Curricular: Se enfoca en un ciclo continuo de revisión de actividades interrelacionadas para un aprendizaje integral.
|
48 |
+
""", "#DC143C")
|
49 |
+
|
50 |
+
# Agrega el resto de modelos siguiendo la estructura anterior
|
51 |
+
|
52 |
+
# Referencias (agrega tus referencias aquí)
|
53 |
+
st.markdown("### Referencias")
|
54 |
+
st.markdown("Tus referencias aquí")
|
55 |
+
|
56 |
+
# Ejecuta esto en tu terminal local: streamlit run your_script.py
|