openedx
-
- user: stefano.scipioni@csgalileo.org
- pass: e….
- ssh ubuntu@10.45.103.201
documentazione
Installazione
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]
Installare xblock-in-video-quiz e xblock-adventure
$ 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
Aggiungere immagini a un quiz
( ) <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>
In-video quiz con immagini e non scrollabile
<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>