Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Day 2: ¿Cómo personalizar mi Campus Virtual?

1,877 views

Published on

¿Buscando una plataforma que sea personalizable y adaptable a tus necesidades de formación? .En esta exposición práctica aprenderás de manera sencilla y rápida como tener una adaptación gráfica corporativa para tu empresa o institución. Así como se mostrará diferentes ejemplos de proyectos de adaptación gráfica.

2do Congreso E-learning de la Plataforma Chamilo LMS
Web: https://cartagena2016.chamilo.org
Facebook: https://www.facebook.com/chamilocon
Twitter: https://twitter.com/chamilonoticias
Chamilo Conference 2016: Cartagena de Indias - Colombia

Published in: Engineering
  • Be the first to comment

Day 2: ¿Cómo personalizar mi Campus Virtual?

  1. 1. ¿Cómo personalizar mi Campus Virtual? CASOS DE ÉXITO CON CHAMILO LMS Alex Aragon Calixto BeezNest Latino Perú
  2. 2. RECORDEMOS UN POCO..
  3. 3. LA WEB DE LOS 90S
  4. 4. LA WEB AHORA
  5. 5. ACCESO A LA WEB
  6. 6. ¿DÓNDE USA LA GENTE SUS SMARTPHONES?
  7. 7. Al presupuesto A Chamilo Al Cliente y a uno mismo
  8. 8. ¿Chamilo se adapta a mi diseño?
  9. 9. OPCIONES QUE TE OFRECE CHAMILO LMS Framework Simfony TWIG Plantillas Base
  10. 10. ES CONVERTIR Y ADAPTAR...
  11. 11. DEL CLÁSICO A TU DISEÑO
  12. 12. EL CAMALEÓN SE ADAPTA SEGÚN SUS NECESIDADES DE SUPERVIVENCIA
  13. 13. CHAMILO, SE ADAPTA A LAS TENDENCIAS
  14. 14. 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
  15. 15. ¿Donde encontrar esos recursos?
  16. 16. ● Recursos para el desarrollo de plantillas nuevas. – app/resources/public/css/themes – app/config/configuration.php – main/template/ – app/cache/twig
  17. 17. IDEAS PARA MEJORAR TU AULA VIRTUAL
  18. 18. 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.
  19. 19. Tipografía web e iconografía
  20. 20. Paleta cromática
  21. 21. Las hojas de estilos css
  22. 22. Los .TPLS
  23. 23. Páginas personalizadas (custom pages) ● Login personalizado para su campus virtual de acuerdo a los colores de su marca.
  24. 24. Cabecera: elemento fundamental de UX Logotipo de la empresa Menú de opciones Buscador de cursos Menú de usuario Iconos de notificaciones
  25. 25. Pié de página: referencias esenciales Nombre de la plataformaLogotipo de la empresa Datos de campus virtual
  26. 26. Diseño de iconos personalizados Creamos iconos personalizados para tu plataforma virtual con los colores de tu empresa
  27. 27. 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.
  28. 28. 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.
  29. 29. Contenido educativo adaptado a dispositivos
  30. 30. 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.
  31. 31. Herramientas de accesibilidad Aumentar tamaño de letra Audio de ayuda
  32. 32. ● ¿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
  33. 33. Alex Aragón Calixto Contacto E-mail: info@beeznest.com Twitter: @beeznestla Facebook: https://www.facebook.com/beeznestla Web: https://beeznest.com/es/

×