El documento describe cómo personalizar un campus virtual utilizando Chamilo LMS, destacando su adaptabilidad a diferentes diseños y dispositivos mediante el uso de plantillas y herramientas de accesibilidad. Se enfatiza la importancia de un diseño responsivo que mejore la experiencia del usuario y se analizan las estrategias para hacer el contenido educativo más accesible y efectivo. Además, se ofrecen recursos y ejemplos para la creación de contenido SCORM y personalización visual acorde a la marca de la institución.

1. ¿Cómo personalizar
mi Campus Virtual?
CASOS DE ÉXITO CON CHAMILO LMS
Alex Aragon Calixto
BeezNest Latino
Perú

2. RECORDEMOS UN POCO..

3. LA WEB DE LOS 90S

4. LA WEB AHORA

5. ACCESO A LA WEB

6. ¿DÓNDE USA LA GENTE SUS SMARTPHONES?

9. Al presupuesto A Chamilo Al Cliente y a uno mismo

10. ¿Chamilo se adapta a mi diseño?

11. OPCIONES QUE TE OFRECE
CHAMILO LMS
Framework Simfony TWIG Plantillas Base

12. ES CONVERTIR Y ADAPTAR...

13. DEL CLÁSICO A TU DISEÑO

16. EL CAMALEÓN SE
ADAPTA SEGÚN SUS
NECESIDADES DE
SUPERVIVENCIA

17. CHAMILO, SE ADAPTA A LAS
TENDENCIAS

18. 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

19. ¿Donde encontrar
esos recursos?

20. ●
Recursos para el desarrollo de
plantillas nuevas.
– app/resources/public/css/themes
– app/config/configuration.php
– main/template/
– app/cache/twig

21. IDEAS PARA MEJORAR TU AULA
VIRTUAL

22. 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.

23. Tipografía web e iconografía

24. Paleta cromática

25. Las hojas de
estilos css

26. Los .TPLS

27. Páginas personalizadas (custom pages)
●
Login personalizado para su campus virtual de acuerdo
a los colores de su marca.

28. Cabecera: elemento fundamental de UX
Logotipo de la empresa
Menú de opciones
Buscador de cursos
Menú de usuario
Iconos de notificaciones

29. Pié de página: referencias esenciales
Nombre de la plataformaLogotipo de la empresa Datos de campus virtual

30. Diseño de iconos personalizados
Creamos iconos personalizados
para tu plataforma virtual
con los colores de tu empresa

31. 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.

32. Creación de contenido SCORM
Creamos 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.

33. Contenido educativo adaptado a dispositivos

34. 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.

35. Herramientas de accesibilidad
Aumentar tamaño de letra
Audio de ayuda

36. ●
¿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

37. Alex Aragón Calixto
Contacto
E-mail: info@beeznest.com
Twitter: @beeznestla
Facebook:
https://www.facebook.com/beeznestla
Web: https://beeznest.com/es/