@citolab/qti-components 6.0.5 → 6.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/readme.md +29 -25
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
# @citolab/qti-components
|
|
2
2
|
|
|
3
|
+
<a href="https://www.repostatus.org/#wip"><img src="https://www.repostatus.org/badges/latest/wip.svg" alt="Project Status: WIP – Initial development is in progress, but there has not yet been a stable, usable release suitable for the public." /></a>
|
|
4
|
+
|
|
3
5
|
[](https://badge.fury.io/js/%40citolab%2Fqti-components)
|
|
4
6
|
[](https://opensource.org/license/gpl-2-0/)
|
|
5
7
|
|
|
@@ -30,34 +32,33 @@ import * as QTI from 'https://unpkg.com/@citolab/qti-components@next/dist/index.
|
|
|
30
32
|
|
|
31
33
|
```html
|
|
32
34
|
<qti-assessment-item identifier="choice" title="Unattended Luggage" adaptive="false" time-dependent="false">
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
35
|
+
<qti-response-declaration identifier="RESPONSE" cardinality="single" base-type="identifier">
|
|
36
|
+
<qti-correct-response>
|
|
37
|
+
<qti-value>ChoiceA</qti-value>
|
|
38
|
+
</qti-correct-response>
|
|
39
|
+
</qti-response-declaration>
|
|
40
|
+
<qti-outcome-declaration identifier="SCORE" cardinality="single" base-type="float">
|
|
41
|
+
<qti-default-value>
|
|
42
|
+
<qti-value>0</qti-value>
|
|
43
|
+
</qti-default-value>
|
|
44
|
+
</qti-outcome-declaration>
|
|
45
|
+
<qti-item-body>
|
|
46
|
+
<p>Look at the text in the picture.</p>
|
|
47
|
+
<p>
|
|
48
|
+
<img src="images/sign.png" alt="NEVER LEAVE LUGGAGE UNATTENDED" />
|
|
49
|
+
</p>
|
|
50
|
+
<qti-choice-interaction response-identifier="RESPONSE" shuffle="false" max-choices="1">
|
|
51
|
+
<qti-prompt>What does it say?</qti-prompt>
|
|
52
|
+
<qti-simple-choice identifier="ChoiceA">You must stay with your luggage at all times.</qti-simple-choice>
|
|
53
|
+
<qti-simple-choice identifier="ChoiceB">Do not let someone else look after your luggage.</qti-simple-choice>
|
|
54
|
+
<qti-simple-choice identifier="ChoiceC">Remember your luggage when you leave.</qti-simple-choice>
|
|
55
|
+
</qti-choice-interaction>
|
|
56
|
+
</qti-item-body>
|
|
57
|
+
<qti-response-processing template="https://purl.imsglobal.org/spec/qti/v3p0/rptemplates/match_correct.xml" />
|
|
56
58
|
</qti-assessment-item>
|
|
57
|
-
|
|
58
59
|
```
|
|
59
60
|
|
|
60
|
-
You can see a working example here [JSFiddle](https://jsfiddle.net/mrklein/s97Ld0gn).
|
|
61
|
+
You can see a working example here [JSFiddle](https://jsfiddle.net/mrklein/s97Ld0gn).
|
|
61
62
|
|
|
62
63
|
For a bit more advanced example using React and the QTIItem React wrapper from the package, you can check out this [StackBlitz](https://stackblitz.com/edit/qti-player). The item is integrated into a React component like this:
|
|
63
64
|
|
|
@@ -98,4 +99,7 @@ Contributions are welcome! Please follow these guidelines when contributing:
|
|
|
98
99
|
This project is licensed under the [GPLv3 License](LICENSE).
|
|
99
100
|
|
|
100
101
|
Please note that the licensing is GPLv3 if you want to use it in another way, feel free to ask!
|
|
102
|
+
|
|
103
|
+
```
|
|
104
|
+
|
|
101
105
|
```
|