Content deployment in Moodle

Content deployment in Moodle

ដោយ Derek Chirnside នៅ
ចំនួនតប៖ 13

Every now and then I go through a phase of wondering about some aspect of my workflow in Moodle.  I am now teaching several courses, and so I am prepared to have some slightly more complex approach to deploying content.  [Generally I work supporting others and it is not easy to say "go into the code view and do this"]  

So my current question for my next batch of courses: what is a good way to get the content into Moodle?

Such content would include video, images and text.  Nice to have is some sort of thing like accordians, slideshows and 

This is content deployment I am interested in here: not worrying about testing/quizzes, and hard core interactions.

I've listed below

  1. My desired features
  2. A list of options.

What is a great combination of themes, plugins and a workflow that makes really nice content?

-Derek

----------------------------------------------------------------------------------

Content deployment: Desired features:

  1. Looks good. (Really good)
  2. Easy to navigate around.  "Intuitive"
  3. At least two levels of content: content, then subcontent.  (Section, subsection maybe?}
  4. Not click heavy
  5. Easy to update.  [Prefer NOT to have to create elsewhere and upload]
  6. Responsive.
  7. ??  I'm sure to have forgotten something.

  8. Nice to have: Deep linking possible.  ie if there are three items in a page, then a link to each.  Not "click to go to page, and then click on item X"  for instance in Boost the tabs in the admin interface are not linkable to directly.  You need to go to Tab 1, then click again.
  9. Nice to have: reusable content.  eg if there is a standard bit of HTML on a subject like (say) "What is quality reflection?" which you may have recorded once and linked to.

--------------------------------------------------------------------------------

Here is a list of current options for deploying content

Generally, these each have some of the "Desired features".  I'd be interested if there are any I have missed.

Built in functionality of Moodle

  1. Label
  2. Page [Has the problem of navigation.  When you are in a page, there is little you can do except back up via breadcrumbs]
  3. File
  4. Book [Nice, but like a page, there is little you can do in a book except back up via the breadcrumbs]
    esp good with plugin https://moodle.org/plugins/booktool_wordimport
  5. Possibly Lesson.
  6. ??
  7. ??
Plugins

  1. iContent https://moodle.org/plugins/mod_icontent [Looks good]
  2. H5P https://moodle.org/plugins/mod_hvp
  3. Presentation.  https://moodle.org/plugins/mod_revealjs
  4. Poster https://moodle.org/plugins/mod_poster
  5. ??

Prepare elsewhere and upload (old school)

  1. SCORM [There are problems with deployment of SCORM in Moodle on Mobiles - iFrame problems maybe.  This is complex: for one random example see https://community.adaptlearning.org/mod/forum/discuss.php?d=180]
  2. IMS

Note: There are a few that work from PPT> slide presentations; embedding - Slideshare is one option.

Getting SCORM to work

New approaches: deep scrolling approaches/HTML5

Notes: 

I'm using deep scrolling in the sense used by Adapt and Evolve products: https://www.appitierre.com/blog/tag/scrolling/ | http://www.kineo.com/nz/services/elearning/mobile | https://community.adaptlearning.org/mod/forum/discuss.php?d=627 | https://www.appitierre.com/blog/new-research-from-evolve-authoring-learners-prefer-scrolling-over-click-next-e-learning/ these are basically HTML5 content creators.

HTML5 editors: There is a list: https://elearningindustry.com/the-ultimate-list-of-html5-elearning-authoring-tools but I'm really only familiar with the two below which use the deep scrolling paradigm.

  1. Adapt 
  2. Evolve https://appitierre.com/pages/evolve.html
  3. ??  I know there will be more here.

Notes:

  • These produce really beautiful outputs. (Really really nice looking!!)  One (selected at random) http://demo.delta-net.co.uk/fraud-awareness/#/id/co-01
  • H5P has a lot in common with this.  
  • But at present there are problems embedding these into Moodle nicely, because of the SCORM issues above.

Coding in Moodle page/label using Bootstrap

  1. Using Clean, sometimes Boost: Generico https://moodle.org/plugins/filter_generico has some really nice additions.
  2. Using Boost: Just coding: adding stuff from Bootstrap http://v4-alpha.getbootstrap.com/components/alerts
    eg Tabs, accordian.

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Derek Chirnside

Re: Content deployment in Moodle

ដោយ Justin Hunt នៅ
រូបភាព Particularly helpful Moodlers រូបភាព Plugin developers

Hi Derek

 I am pretty big on templates for some reason. (You might have noticed). I think reusing code, patterns and components just makes so much sense when working on large sites. On a big project I work with, Generico is heavily used to centralise content templates and provide funkiness. 

Another template thing I made recently was "snippet" which is similar but different. 

https://moodle.org/mod/forum/discuss.php?d=345243

This is an Atto plugin. The admin makes html templates in the plugin settings. The user just selects the template from the atto icon on the toolbar, enters any variables and the html is inserted into the text area. (NB there is no filter here. The content goes straight into the text area and is editable/visible immediately.)


មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Justin Hunt

Re: Content deployment in Moodle

ដោយ Derek Chirnside នៅ

Justin, this has made my day.  I was keen on getting tabs looking nice and it took me 10 minutes to get this working with Atto and proper looking tabs.  A little video, quick and lowres trying to get below the 500K limit but failed:


From my point of view: user friendly tabs in Moodle with no need to look at the code view.  Great for regular staff using this.

For this purpose, I'm sold on templates.  I'd love to see some examples of your 'funkiness'.  Moodle can be a little old fashioned looking if we are not careful.

Now to see if I can get a snippet to input a slider of images.  https://v4-alpha.getbootstrap.com/components/carousel/  

Thanks!!

-Derek



មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Derek Chirnside

Re: Content deployment in Moodle

ដោយ Justin Hunt នៅ
រូបភាព Particularly helpful Moodlers រូបភាព Plugin developers

Cool, I am glad you could just use it. And that's a good video for a quicky! I might point people here if they want to see it in use, till I get around to making a video myself. Thanks. 

Snippet is a bit limited for things like carousels. Though you could make it work, those are better suited to Generico. I am using it for layout stuff. Activities of a certain type have the same components, e.g an explanation, a video and back button. Snippet just fills all that in for us.

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Derek Chirnside

Re: Content deployment in Moodle

ដោយ Leonide Principe នៅ

Hi Derek,

I am in the same problem that you eliminated. I cannot understand the, too low resolution. Please can you explain me how to make tab working properly?

Thanks for helping, Leo

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Leonide Principe

Re: Content deployment in Moodle

ដោយ Derek Chirnside នៅ

Leo, here is the code:

<!-- Nav tabs -------------- -->
<ul style="list-style: outside none none;" class="nav nav-tabs" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#tab1" role="tab" aria-expanded="true">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tab2" role="tab" aria-expanded="false">Profile</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tab3" role="tab" aria-expanded="false">Messages</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tab4" role="tab" aria-expanded="false">Settings</a>
  </li>
</ul>
<!-- Tab panes -------------- -->
<div class="tab-content">
  <div class="tab-pane active" id="tab1" role="tabpanel" aria-expanded="true">
    Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth tatsoi tomatillo melon azuki bean garlic. Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens
    dandelion okra wakame tomato. Dandelion cucumber earthnut pea peanut soko zucchini.
  </div>
  <div class="tab-pane" id="tab2" role="tabpanel" aria-expanded="false">
    Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard.
  </div>
  <div class="tab-pane" id="tab3" role="tabpanel" aria-expanded="false">
    Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi
    rutabaga tigernut.
  </div>
  <div class="tab-pane" id="tab4" role="tabpanel" aria-expanded="false">
    Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach.
  </div>
</div>

This works with Boost and Fordson.  I am sure the little bit extra to style the tabs could be included in the theme CSS.  

-Derek

មធ្យមភាគនៃរង្វាយតម្លៃ:Useful (1)
ឆ្លើយតបទៅកាន់ Derek Chirnside

Re: Content deployment in Moodle

ដោយ Leonide Principe នៅ

Hi Derek,

I pasted the code into html area, and it works fine, if I just edit the text or directly typing, but if I past my content into the view change to bullets with no more links. I am using Boost and Moodle 3.2.1. I care to paste above the original text to avoid delete codes. Tried in the first tab, in the thing, and pasting directly from the html area. No way.

Thanks for helping, Leo


មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Leonide Principe

Re: Content deployment in Moodle

ដោយ AL Rachels នៅ
រូបភាព Core developers រូបភាព Particularly helpful Moodlers រូបភាព Plugin developers រូបភាព Testers

Hi Leo,

I too like and use the tabs code that Derek provided. However, I put the code into a Snippet bundle using the Snippet plugin for Atto created created by Justin Hunt, mentioned here: https://moodle.org/mod/forum/discuss.php?d=345243. In Snippet I made some slight changes so that at the time of use I could define the Label on each of the tabs. The content can then be changed in edit mode using most any normal way of replacing the default text. I've included the Snippet bundle for anyone interested.

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ AL Rachels

Re: Content deployment in Moodle

ដោយ Leonide Principe នៅ

Hi AL, 

I installed Snippet, but it dont appears in Atto editor. I have a previous install of Generico with the same problem.

Can be the Moodle version? 3.2.1

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Leonide Principe

Re: Content deployment in Moodle

ដោយ AL Rachels នៅ
រូបភាព Core developers រូបភាព Particularly helpful Moodlers រូបភាព Plugin developers រូបភាព Testers

Hi Leo,

I too and using Moodle 3.2.1 so I know it works. After adding the Snippet plugin to the Atto editor plugin folder, did you also go to the Atto toolbar settings page and add the Snippet tool in the Toolbar config window? Same thing for Generico?


មធ្យមភាគនៃរង្វាយតម្លៃ:Useful (2)
ឆ្លើយតបទៅកាន់ AL Rachels

Re: Content deployment in Moodle

ដោយ Leonide Principe នៅ

Thank you AL, working now both plugin. Snippet works fine in the editor side, but the settings page open blank. I suppose that in this page I can customize the code.

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Leonide Principe

Re: Content deployment in Moodle

ដោយ AL Rachels នៅ
រូបភាព Core developers រូបភាព Particularly helpful Moodlers រូបភាព Plugin developers រូបភាព Testers

If you go to Administration > Site administration > Plugins > Text editors > Atto HTML editor > Snipptet (Atto) > Genral settings you can set the number of snippets templates that will be available for you to add code to and use as desired. By default when I set mine up the setting was 5. Currently I am up to 20 with 16 in use.

Right underneath General settings you can open Snippets. The template for Snippet 1 and 2 already are set up with a sample Hello World and Youtube template. Snippets 3, 4, and 5 are empty. To setup and use a template just click on one of the empties, e.g., Snippet 3. Then if you wanted to use the tabs.txt bundle I provided, just drag int and drop the file onto the green Bundle button.

Later, if you have a template you've created or modified and want to give it to others, open the correct Snippet, click the green Bundle button and you will then need to pick where  to save it.

មធ្យមភាគនៃរង្វាយតម្លៃ:Useful (2)
ឆ្លើយតបទៅកាន់ AL Rachels

Re: Content deployment in Moodle

ដោយ Leonide Principe នៅ

Thank you very much, I already have the snippet4... Bye

មធ្យមភាគនៃរង្វាយតម្លៃ: -
ឆ្លើយតបទៅកាន់ Derek Chirnside

Re: Content deployment in Moodle

ដោយ Ilona Van Galen នៅ

Try H5P. 

https://h5p.org

It's fantastic for creating interactive learning content (so easy to use!) and embeds as easily as YouTube, even without a plug in.

Fabulous on-screen presentation, multiple pages without having to 'leave the page', could answer a lot of your needs

PLUS there is also a plug in available:

https://h5p.org/moodle


Let me know what you think

Ilona

មធ្យមភាគនៃរង្វាយតម្លៃ:Useful (1)