Download - Day 2: ¿Cómo personalizar mi Campus Virtual?
![Page 1: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/1.jpg)
¿Cómo personalizar mi Campus Virtual?
CASOS DE ÉXITO CON CHAMILO LMS
Alex Aragon Calixto
BeezNest LatinoPerú
![Page 2: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/2.jpg)
RECORDEMOS UN POCO..
![Page 3: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/3.jpg)
LA WEB DE LOS 90S
![Page 4: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/4.jpg)
LA WEB AHORA
![Page 5: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/5.jpg)
ACCESO A LA WEB
![Page 6: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/6.jpg)
¿DÓNDE USA LA GENTE SUS SMARTPHONES?
![Page 7: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/7.jpg)
![Page 8: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/8.jpg)
![Page 9: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/9.jpg)
Al presupuesto A Chamilo Al Cliente y a uno mismo
![Page 10: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/10.jpg)
¿Chamilo se adapta a mi diseño?
![Page 11: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/11.jpg)
OPCIONES QUE TE OFRECE CHAMILO LMS
Framework Simfony TWIG Plantillas Base
![Page 12: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/12.jpg)
ES CONVERTIR Y ADAPTAR...
![Page 13: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/13.jpg)
DEL CLÁSICO A TU DISEÑO
![Page 14: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/14.jpg)
![Page 15: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/15.jpg)
![Page 16: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/16.jpg)
EL CAMALEÓN SE ADAPTA SEGÚN SUS
NECESIDADES DE
SUPERVIVENCIA
![Page 17: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/17.jpg)
CHAMILO, SE ADAPTA A LAS TENDENCIAS
![Page 18: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/18.jpg)
SOPORTE RESPONSIVO
FORMAS DE TIPOS DE PÁGINAS
BIBLIOTECA DE RECURSOS VARIOS
NÚCLEO CHAMILO LMS
Adaptado a dispositivos, bootstrap
Pagínas estaticas, customs page, plantillas twig
CSS, Tipografía, Iconos, etc
Con todo su potencial, creación de plugins, etc
![Page 19: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/19.jpg)
¿Donde encontrar esos recursos?
![Page 20: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/20.jpg)
● Recursos para el desarrollo de plantillas nuevas.– app/resources/public/css/themes– app/config/configuration.php– main/template/– app/cache/twig
![Page 21: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/21.jpg)
IDEAS PARA MEJORAR TU AULA VIRTUAL
![Page 22: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/22.jpg)
ELIMINAR LOS SIGUIENTES PROBLEMAS
● Usuario enfrentado a un gran volumen de contenidos técnicos, enfocarse solo en el contenido educativo a mostrar.
● Paradigma: contenido “para expertos” a uno
accesible “para todos”, fácil de uso.● No ser accesible para móviles.
![Page 23: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/23.jpg)
Tipografía web e iconografía
![Page 24: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/24.jpg)
Paleta cromática
![Page 25: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/25.jpg)
Las hojas de estilos css
![Page 26: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/26.jpg)
Los .TPLS
![Page 27: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/27.jpg)
Páginas personalizadas (custom pages)● Login personalizado para su campus virtual de acuerdo
a los colores de su marca.
![Page 28: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/28.jpg)
Cabecera: elemento fundamental de UX
Logotipo de la empresa
Menú de opciones
Buscador de cursos
Menú de usuario
Iconos de notificaciones
![Page 29: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/29.jpg)
Pié de página: referencias esenciales
Nombre de la plataformaLogotipo de la empresa Datos de campus virtual
![Page 30: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/30.jpg)
Diseño de iconos personalizados
Creamos iconos personalizadospara tu plataforma virtual
con los colores de tu empresa
![Page 31: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/31.jpg)
Diseño responsive
● El diseño web responsive o adaptativo es una técnica de diseño web que busca la correcta visualización de una misma página en distintos dispositivos. Desde ordenadores de escritorio a tablets y móviles.
● Por eso surge la necesidad de adaptar su campus virtual para asegurarle el mayor alcance.
![Page 32: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/32.jpg)
Creación de contenido SCORMCreamos contenido para sus cursos en forma de paquetes scorm, con un diseño completo (diseño de contenido, instruccional y multimedia), desarrollo de juegos educativos, simulaciones, etc. de acuerdo al conocimiento que desea transmitir.
![Page 33: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/33.jpg)
Contenido educativo adaptado a dispositivos
![Page 34: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/34.jpg)
Uso de funcionalidades de accesibilidad
Adaptamos su aula virtual para que sea utilizable por tod@s, independientemente de sus conocimientos y capacidades personales, empleando los recursos de la web.
![Page 35: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/35.jpg)
Herramientas de accesibilidad
Aumentar tamaño de letra
Audio de ayuda
![Page 36: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/36.jpg)
● ¿Cuales son los objetivos de su plataforma?– ¿Alcanzar un público amplio?– ¿Generar resultados en términos de aprendizaje?– ¿Generar expectativas?– ¿Lanzar nuevos retos?
● ¿La presentación de su plataforma es coherente con sus objetivos?
● Tenemos una diseño para cada proyecto
Diseño basadas en objetivos
![Page 37: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/37.jpg)
Alex Aragón Calixto
Contacto
E-mail: [email protected]: @beeznestlaFacebook:https://www.facebook.com/beeznestla Web: https://beeznest.com/es/
![Page 38: Day 2: ¿Cómo personalizar mi Campus Virtual?](https://reader034.vdocuments.site/reader034/viewer/2022042604/587e1b2d1a28abbc2e8b60d7/html5/thumbnails/38.jpg)