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

Post on 17-Jan-2017

251 views 3 download

Transcript of 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ú

RECORDEMOS UN POCO..

LA WEB DE LOS 90S

LA WEB AHORA

ACCESO A LA WEB

¿DÓNDE USA LA GENTE SUS SMARTPHONES?

Al presupuesto A Chamilo Al Cliente y a uno mismo

¿Chamilo se adapta a mi diseño?

OPCIONES QUE TE OFRECE CHAMILO LMS

Framework Simfony TWIG Plantillas Base

ES CONVERTIR Y ADAPTAR...

DEL CLÁSICO A TU DISEÑO

EL CAMALEÓN SE ADAPTA SEGÚN SUS

NECESIDADES DE

SUPERVIVENCIA

CHAMILO, SE ADAPTA A LAS TENDENCIAS

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

¿Donde encontrar esos recursos?

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

IDEAS PARA MEJORAR TU AULA 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.

Tipografía web e iconografía

Paleta cromática

Las hojas de estilos css

Los .TPLS

Páginas personalizadas (custom pages)● Login personalizado para su campus virtual de acuerdo

a los colores de su marca.

Cabecera: elemento fundamental de UX

Logotipo de la empresa

Menú de opciones

Buscador de cursos

Menú de usuario

Iconos de notificaciones

Pié de página: referencias esenciales

Nombre de la plataformaLogotipo de la empresa Datos de campus virtual

Diseño de iconos personalizados

Creamos iconos personalizadospara tu plataforma virtual

con los colores de tu empresa

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.

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.

Contenido educativo adaptado a dispositivos

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.

Herramientas de accesibilidad

Aumentar tamaño de letra

Audio de ayuda

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

Alex Aragón Calixto

Contacto

E-mail: info@beeznest.comTwitter: @beeznestlaFacebook:https://www.facebook.com/beeznestla Web: https://beeznest.com/es/