22
Sven Laux (CG Kineo Technical Director + Adapt Learning Project Lead) Paul Welch (CG Kineo Head of Learning Technology Innovation) Lindsey Coode (Content Development Manager at Learning Pool) Chris Jones (Developer at Sponge UK) How to evolve your responsive learning with Adapt

Adapt Multi-Device Learning Webinar - January 22nd 2014

Embed Size (px)

DESCRIPTION

City & Guilds Kineo and community partners share the key features of Adapt Learning, including its responsive design in HTML5.

Citation preview

Page 1: Adapt Multi-Device Learning Webinar - January 22nd 2014

Sven Laux (CG Kineo Technical Director + Adapt Learning Project Lead)Paul Welch (CG Kineo Head of Learning Technology Innovation)Lindsey Coode (Content Development Manager at Learning Pool)Chris Jones (Developer at Sponge UK)

How to evolve your responsive learning with Adapt

Page 2: Adapt Multi-Device Learning Webinar - January 22nd 2014

• Most of us now carry significant processing power and use multiple types of devices every day.

• We expect to access services on the go. • Growing acceptance of BYOD (bring your own

device)

• With new device types come new access patterns• Scrolling is no longer an issue • Different interactions and device capabilities

challenge us to rethink how we design e-learning

Multi device world

Page 3: Adapt Multi-Device Learning Webinar - January 22nd 2014

• Adapt is a framework developed and donated by City & Guilds Kineo

• Uses responsive design -> enables a single version of the course

• Developed in HTML5• Proven on many client projects

• Your opinion: What is more relevant to you?• single version (responsive design)• embedding specific device capabilities

How Adapt fits

Page 4: Adapt Multi-Device Learning Webinar - January 22nd 2014

Adapt in action…

Page 5: Adapt Multi-Device Learning Webinar - January 22nd 2014

What is responsive e-learning?

Single version of your course delivered to multiple devices

Built in everyday web technology (HTML, JavaScript, CSS)

Many other benefits

Page 6: Adapt Multi-Device Learning Webinar - January 22nd 2014

Just because you can, doesn’t mean you should

One course that works on multiple devices is a significant development

Making the entire course available on mobile isn’t often the best approach

Less is often more

Engage your learners

Meaningful interactions

Page 7: Adapt Multi-Device Learning Webinar - January 22nd 2014

Put scrolling at the heart of your design

Your learners are already doing it

Device proof your learning

Meaningful navigation

Everything above the fold

More flexibility

Page 8: Adapt Multi-Device Learning Webinar - January 22nd 2014

Think about the big picture first

Think about how the layout and the visual treatment of the entire page can be used to support the content

Wireframe it

…and then share it

Page 9: Adapt Multi-Device Learning Webinar - January 22nd 2014

Prototype, test and share

Talk to the Front End Developers

Early proof of concept and full QA on all target devices

Engage your learners

Share and seek feedback

Page 10: Adapt Multi-Device Learning Webinar - January 22nd 2014

Content is King!

Don’t throw the baby out with the bath water

Consider the overall user experience

Engage your learners

Meaningful interactions

Page 11: Adapt Multi-Device Learning Webinar - January 22nd 2014

Chris JonesLead Developer, Sponge UK

Adapt Technologies

Page 12: Adapt Multi-Device Learning Webinar - January 22nd 2014

Adapt Technologies

HTML5, Javascript & CSS Node.JSBower, by TwitterGrunt.JS

Page 13: Adapt Multi-Device Learning Webinar - January 22nd 2014
Page 14: Adapt Multi-Device Learning Webinar - January 22nd 2014

Adapt Community Site

The community site provides a place for everyone to discuss the project and discover more about using the framework.

Page 15: Adapt Multi-Device Learning Webinar - January 22nd 2014
Page 16: Adapt Multi-Device Learning Webinar - January 22nd 2014
Page 17: Adapt Multi-Device Learning Webinar - January 22nd 2014

Adapt Developer Site

The developer site provides a place for technical discussion and access to the framework components.

Page 18: Adapt Multi-Device Learning Webinar - January 22nd 2014
Page 19: Adapt Multi-Device Learning Webinar - January 22nd 2014
Page 20: Adapt Multi-Device Learning Webinar - January 22nd 2014

Get involved…….

https://community.adaptlearning.org/

https://github.com/adaptlearning

Page 21: Adapt Multi-Device Learning Webinar - January 22nd 2014

Learn More

Visit us at Learning Technologies 2014 Olympia 2, London. 29 – 30 January

City & Guilds Kineo – Stand 142Learning Pool – Stand 34Sponge UK – Stand 154

Free tickets at www.learningtechnologies.co.uk