projects:iotaiuto:liberidicomunicare

openedx

documentazione

Requisiti: docker, libyaml-dev

$ systemctl start docker
$ pip install tutor[full]
$ tutor local quickstart

Account amministratore:

$ tutor local createuser --staff --superuser admin admin@mail.test

Installare il modulo per mostrare quiz dentro a un video:

$ tutor local stop
$ tutor config save --set OPENEDX_EXTRA_PIP_REQUIREMENTS="- git+https://github.com/openedx/xblock-in-video-quiz.git"
$ tutor images build openedx
$ tutor local start -d

Aprire nel browser:

  • local.overhang.io
  • studio.local.overhang.io

Abilitare il modulo in-video-quiz

  • Andare sull'editor del corso (Studio)
  • Aprire il menù Settings > Advanced settings
  • Nel campo Advanced module list scrivere [“invideoquiz”]

Aggiungere un quiz dentro a un video

  • Nell'editor del corso aggiungi un componente video e dei componenti quiz alla tua unità
  • Clicca Preview
  • Per ogni componente apri Staff Debug Info e copia la stringa ID alfanumerica
  • Torna sull'editor
  • Vai su Add New Component > Advanced > In-Video Quiz XBlock
  • Nel campo Video Location inserisci l'ID del video
  • Nel campo Problem timestamp definisci il JSON che associa il timemap (in secondi) all'ID del componente quiz da mostrare, esempio: {“10”:“19faa4d0f8cb42f1a4593bdcb7830650”}

Mostrare lista corsi:

$ tutor local run cms ./manage.py cms dump_course_ids

Eliminare un corso:

$ tutor local run cms ./manage.py cms delete_course [id corso]
$ tutor local stop
$ nano $(tutor config printroot)/config.yml

Aggiungere al file le seguenti righe:

OPENEDX_EXTRA_PIP_REQUIREMENTS:
- git+https://github.com/openedx/xblock-in-video-quiz.git
- git+https://github.com/openedx-unsupported/xblock-ooyala.git
- git+https://github.com/openedx-unsupported/xblock-mentoring.git
- git+https://github.com/openedx/xblock-adventure.git

Salvare la configurazione:

$ tutor config save
$ tutor images build openedx
$ tutor local start -d
( ) <img src="..." width="200px" />
(x) <img src="..." width="200px" />
( ) <img src="..." width="200px" />

Quiz a immagini disposte orizzontalmente

Creare un quiz, passare alla modalità Advanced (xml) e aggiungere lo stile css:

<problem>
<multiplechoiceresponse>
  <p>Question...</p>
<choicegroup type="MultipleChoice">
    <choice correct="false"><img src="..." width="200px" /></choice>
    <choice correct="true"><img src="..." width="200px" /></choice>
    <choice correct="false"><img src="..." width="200px" /></choice>
  </choicegroup>
<style>
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup .field {
    float: left;
    margin-right: 10px;
}
</style>
</multiplechoiceresponse>
</problem>
<problem>
<multiplechoiceresponse>
  <p>Question...</p>
<choicegroup type="MultipleChoice">
    <choice correct="false"><img src="..." width="200px" /></choice>
    <choice correct="true"><img src="..." width="200px" /></choice>
    <choice correct="false"><img src="..." width="200px" /></choice>
  </choicegroup>
<style>
.xmodule_display.xmodule_ProblemBlock div.problem .choicegroup .field {
    float: left;
    margin-right: 10px;
}
.xmodule_display.xmodule_ProblemBlock h3.hd-3 {
  display: none;
}
.xmodule_display.xmodule_ProblemBlock div.problem-progress {
  display: none;
}
.xmodule_display.xmodule_ProblemBlock div.problem {
  padding-top: 0px;
}
.xmodule_display.xmodule_ProblemBlock div.problem p {
  font-size: 1.35em;
  font-weight: 600;
}
.xmodule_display.xmodule_ProblemBlock div.problem .choicetextgroup .indicator-container {
  display: none;
}
</style>
</multiplechoiceresponse>
</problem>
  • projects/iotaiuto/liberidicomunicare.txt
  • Last modified: 2022/10/19 08:51
  • by sscipioni