What is moodle bootstrap

2,716 views

Published on

This presentation outlines some of the key elements of the Bootstrap engine and why we should use it in Moodle

Published in: Education, Technology, Automotive

What is moodle bootstrap

  1. 1. What is Bootstrap? This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  2. 2. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  3. 3. Created by Twitter This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  4. 4. What is a Bootstrap? Framework HTML5 CSS3 Javascript This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  5. 5. One Source This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  6. 6. Responsive Design V Adaptive Design This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  7. 7. AWD or RWD Both allow websites to be viewed in mobile devices and various screen sizes, ultimately providing users with a better mobile user experience This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  8. 8. Adaptive Web Design a series of pre-defined layouts for fixed browser widths Demo of Adaptive http://centerofgravity.ca/ This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  9. 9. Responsive Web Design the layout fluidly changes and responds to fit any screen or device size Demo of Responsive http://www.includewine.com/ This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  10. 10. Built on the Grid a layout of 12 columns that adapt content based on the screen resolution of the user This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  11. 11. Bootstrap Provides This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  12. 12. Helper Classes This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  13. 13. So what about This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  14. 14. Bootstrap history idea first dreamt up by users at a UK/Ireland MoodleMoot Developers involved in the Moodle 2.4 theme • Bas Brands: Freelance Developer. • David Scotson: Developer at Glasgow university. • Stuart Lamour: Developer at Sussex university. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  15. 15. Integrated into core in 2.5 Current uses Bootstrap v2.3.2 This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  16. 16. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  17. 17. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  18. 18. This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  19. 19. HANDS ON SESSION Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  20. 20. Sample Sites http://online.evet.qld.edu.au/ http://features.demo.moodle.com.au/ http://2014.imoot.org Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545
  21. 21. Thank you for coming Presenter: Julian Ridden Email: julian@pukunui.com Twitter: @moodleman Blog: http://moodleman.net This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit! http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. Facilitating Education www.pukunui.com / info@pukunui.com Phone: 1300 466 635 or +61 8 9328 4545

×