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

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

Embed Size (px)

Citation preview

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

¿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?

RECORDEMOS UN POCO..

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

LA WEB DE LOS 90S

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

LA WEB AHORA

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

ACCESO A LA WEB

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

¿DÓNDE USA LA GENTE SUS SMARTPHONES?

Page 7: Day 2: ¿Cómo personalizar mi Campus Virtual?
Page 8: Day 2: ¿Cómo personalizar mi Campus Virtual?
Page 9: Day 2: ¿Cómo personalizar mi Campus Virtual?

Al presupuesto A Chamilo Al Cliente y a uno mismo

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

¿Chamilo se adapta a mi diseño?

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

OPCIONES QUE TE OFRECE CHAMILO LMS

Framework Simfony TWIG Plantillas Base

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

ES CONVERTIR Y ADAPTAR...

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

DEL CLÁSICO A TU DISEÑO

Page 14: Day 2: ¿Cómo personalizar mi Campus Virtual?
Page 15: Day 2: ¿Cómo personalizar mi Campus Virtual?
Page 16: Day 2: ¿Cómo personalizar mi Campus Virtual?

EL CAMALEÓN SE ADAPTA SEGÚN SUS

NECESIDADES DE

SUPERVIVENCIA

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

CHAMILO, SE ADAPTA A LAS TENDENCIAS

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

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?

¿Donde encontrar esos recursos?

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

● 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?

IDEAS PARA MEJORAR TU AULA VIRTUAL

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

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?

Tipografía web e iconografía

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

Paleta cromática

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

Las hojas de estilos css

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

Los .TPLS

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

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?

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?

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?

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?

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?

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?

Contenido educativo adaptado a dispositivos

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

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?

Herramientas de accesibilidad

Aumentar tamaño de letra

Audio de ayuda

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

● ¿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?

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?