new exercises
authorJan Szejko <j-sz@o2.pl>
Thu, 25 Feb 2016 16:43:07 +0000 (17:43 +0100)
committerJan Szejko <j-sz@o2.pl>
Thu, 25 Feb 2016 16:43:07 +0000 (17:43 +0100)
14 files changed:
wtem/fixtures/exercises-tem.json [new file with mode: 0644]
wtem/static/wtem/img/przyp2/1.jpg [new file with mode: 0644]
wtem/static/wtem/img/przyp2/2.jpg [new file with mode: 0644]
wtem/static/wtem/img/przyp2/3.jpg [new file with mode: 0644]
wtem/static/wtem/img/przyp2/4.jpg [new file with mode: 0644]
wtem/static/wtem/img/przyp2/5.jpg [new file with mode: 0644]
wtem/templates/wtem/exercises/edumed_prawdafalsz.html
wtem/templates/wtem/exercises/edumed_przyporzadkuj.html
wtem/templates/wtem/exercises/edumed_uporzadkuj.html
wtem/templates/wtem/exercises/edumed_wybor.html
wtem/templates/wtem/exercises/exercise_no.html [new file with mode: 0644]
wtem/templates/wtem/exercises/file_upload.html
wtem/templates/wtem/exercises/open.html
wtem/templates/wtem/main.html

diff --git a/wtem/fixtures/exercises-tem.json b/wtem/fixtures/exercises-tem.json
new file mode 100644 (file)
index 0000000..6ad8716
--- /dev/null
@@ -0,0 +1,173 @@
+[
+
+{
+    "id": 1,
+    "type": "open",
+    "description": ["Zbieranie literatury, aby przygotować własne wystąpienie to trudne zadanie, ale dzięki zasobom internetu może obecnie odbywać się w dużej części on-line. Przygotuj wystąpienie, które może być częścią szkolenia z edukcji medialnej. Wymyśl temat, do którego należy zebrać literaturę . Opisz w 3-5 zdaniach, czego dotyczyć będzie referat i wskaż do jakiej grupy docelowej będzie skierowany. Zaproponuj 2 źródła informacji w Internecie, które mogą się okazać użyteczne (uzasadnij dokonany wybór dla każdego ze źródeł). Dla każdego ze źródeł informacji wskaż, jak będzie wyglądać instrukcja wyszukiwawcza (używane terminy, odpowiednie operatory logiczne, ew. maskowanie końcówek, itd.)."],
+    "fields": [
+        {"caption": "Temat", "rows": 3, "id": "temat"},
+        {"caption": "Krótki opis wystąpienia", "id": "opis"},
+        {"caption": "Grupa docelowa", "id": "grupa"},
+        {"caption": "Źródło 1 (link, uzasadnienie, instrukcja wyszukiwawcza)", "id": "zrodlo1"},
+        {"caption": "Źródło 2 (link, uzasadnienie, instrukcja wyszukiwawcza)", "id": "zrodlo2"}
+    ],
+    "max_points": 12
+},
+
+{
+    "id": 2,
+    "type": "open",
+    "description": [
+        "Wykorzystaj znalezione w zadaniu 1 materiały i zawarte w nich informacje, aby przygotować graficzną ilustrację treści przedstawianych w wystąpieniu (infografika lub prezentacja multimedilana - maks. długośc prezentacji 12 slajdów). Zwróć uwagę na logiczne i klarowne przedstawienie informacji - toku rozumowania. Zadbaj o kwestie właściwego wskazania źródeł prezentownych informacji. Postaraj się rozwiązaniami graficznymi estetycznie wzmocnić przekaz wystąpienia."
+    ],
+    "fields": [
+        {"caption": "Plik z prezentacją", "type": "file", "id": "plik"},
+        {"caption": "Ew. link do prezentacji", "rows": 1, "id": "link"}
+    ],
+    "max_points": 8
+},
+
+{
+    "id": 3,
+    "type": "open",
+    "description": [
+        "Uczestnik Twoich warsztatów zwrócił się do Ciebie z prośbą o poradę w stworzeniu strony internetowej. Od kilku lat interesuje się modą, myśli o założeniu własnego bloga. Zależy mu na tym, żeby już teraz, mimo młodego wieku, świadomie budować w sieci swój wizerunek eksperta. Prosi Cię o polecenie trzech blogów, którymi według Ciebie mógłby się inspirować.",
+        "Podaj trzy strony oraz uzasadnij jakimi kryteriami się kierowałaś/eś, wybierając każdą z nich. Stwórz również mini katalog zasad, którymi wg Ciebie powinien się kierować przy prowadzeniu własnego bloga (min. 5 zasad)."
+    ],
+    "fields": [
+        {"caption": "Link + uzasadnienie (1)", "id": "link1"},
+        {"caption": "Link + uzasadnienie (2)", "id": "link2"},
+        {"caption": "Link + uzasadnienie (3)", "id": "link3"},
+        {"caption": "Katalog zasad", "id": "zasady"}
+    ],
+    "max_points": 11
+},
+
+{
+    "id": 4,
+    "type": "open",
+    "description": [
+        "Na nasz wizerunek w internecie wpływa między innymi język, jakim się posługujemy oraz umiejętność dyskutowania. Młodzież często ma problemy z określeniem granicy pomiędzy wolnością słowa a hejtowaniem czy mową nienawiści. „Konstytucja przecież gwarantuje nam wolnośćwypowiedzi, więc…!” - często słyszysz to zdanie, pracując ze swoją grupą. Postanawiasz więc przygotować warsztaty dotyczące powyższego zagadnienia.",
+        "Znajdź w internecie po jednym przykładzie obrazującym: mowę nienawiści, hejt, wolność słowa. Uzasadnij swój wybór. Przykłady przedstaw w postaci zrzutów ekranu (pamiętaj o ich odpowiednim przygotowaniu: np. wymazaniu danych osobowych i/lub zdjęcia profilowego)."
+    ],
+    "fields": [
+        {"caption": "Zrzut ekranu (1)", "type": "file", "id": "zrzut1"},
+        {"caption": "Uzasadnienie (1)", "id": "uzasadnienie1"},
+        {"caption": "Zrzut ekranu (2)", "type": "file", "id": "zrzut2"},
+        {"caption": "Uzasadnienie (2)", "id": "uzasadnienie2"},
+        {"caption": "Zrzut ekranu (3)", "type": "file", "id": "zrzut3"},
+        {"caption": "Uzasadnienie (3)", "id": "uzasadnienie3"}
+    ],
+    "max_points": 9
+},
+
+{
+    "id": 5,
+    "type": "open",
+    "description": [
+        "Przeczytaj polecenie poniżej. Wykonanie proponowanego zadania w tej formie niesie ze sobą pewne ryzyka. Jakich informacji w nim brakuje? Na co powinieneś/powinnaś zwrócić uwagę uczestniczek i uczestników?",
+        "Zadanie: Zdjęcia w sieci. Poproś uczniów o przygotowanie na lekcję dwóch zdjęć: jednego które wykonają sami, na którym będzie widnieć ktoś spośród innych uczniów z ich szkoły oraz drugiego zdjęcia, które mogą wykonać sami lub znaleźć w sieci, na którym widnieje znana osoba np. aktor lub pisarz. Następnie na lekcji poproś aby wybrali najlepszy technicznie serwis, w którym umieszczą te zdjęcia i opublikowali je, wybierając dla nich jedną z licencji Creative Commons."
+    ],
+    "max_points": 10
+},  
+
+{
+    "id": 6,
+    "type": "open",
+    "description": [
+        "W sieci dostępnych jest wiele utworów, do których prawa autorskie już wygasły (znajdują się w domenie publicznej) i można z nich swobodnie korzystać. Niestety wiele z nich nie jest wcale jasno opisanych i często nie wiemy, jakie mamy do nich prawa.",
+        "Przygotowujesz zajęcia na temat domeny publicznej. Utwory, które chcesz pokazać uczniom, o których wiesz, że prawa do nich wygałsy, w sieci często są opisane znaczkiem „copyright” lub podobnymi infomacjami. Chcesz przygotować zajęcia tak, aby omówić ten problem i pomóc uczestnikom uniknąć pomyłki w przyszłości.",
+        "a) Znajdź w sieci przykład utworu np. obrazu lub fotografii, który znajduje się w domenie publicznej, ale nie we wszystkich, nawet oficjalnych źródłach, jest tak opisany. Podaj linki do dwóch różnych miejsc w sieci, gdzie ten sam utwór jest oznaczony jako domena publiczna i drugiego, gdzie brakuje takiego opisu lub utwór jest oznaczony jako chroniony."
+    ],
+    "fields": [
+        {"caption": "Utwór", "rows": 1, "id": "a-utwor"},
+        {"caption": "Link (1)", "rows": 1, "id": "a-link-1"},
+        {"caption": "Link (2)", "rows": 1, "id": "a-link-2"},
+        {"caption": "b) Podaj dwa przykłady tego, jak można oznaczyć utwór znajdujący się w domenie publicznej, które będziesz mógł/mogła zasugerować uczniom, aby łatwiej było im rozpoznać takie utwory.", "id": "b"},
+        {"caption": "c) Podaj co najmniej trzy przykłady serwisów w sieci, które możesz polecić uczniom, w których nie będą oni mieli problemów z rozpoznaniem praw do danego utworu.<br><br>Link(1)", "rows": 1, "id": "c-1"},
+        {"caption": "Link (2)", "rows": 1, "id": "c-link-2"},
+        {"caption": "Link (3)", "rows": 1, "id": "c-link-3"}
+    ],  
+    "max_points": 10
+},  
+
+{
+    "id": 7,
+    "type": "open",
+    "description": [
+        "Znajdź w Internecie zdjęcie lub krótki film, które odwoływać się będą do zjawiska cyberprzemocy. Na ich podstawie zbuduj dwa zadania dla uczniów i uczennic gimnazjum, z których:",
+        "a. Pierwsze będzie analizą tekstu kultury (np.karta pracy, ankieta).",
+        "b. Drugie będzie omawiać zjawisko (w powiązaniu z tekstem kultury)."
+    ],
+    "fields": [
+        {"caption": "Link do znalezionego materiału", "rows": 1, "id": "link"},
+        {"caption": "Plik (1)", "type": "file", "id": "plik1"},
+        {"caption": "Plik (2)", "type": "file", "id": "plik2"}
+    ],
+    "max_points": 12
+},
+
+{
+    "id": 8,
+    "type": "file_upload",
+    "description": [
+        "Zaproponuj ćwiczenie, które będzie doskonaliło umiejętność pracy w chmurze na poziomie liceum. Młodzież na wykonanie zadania ma 45 minut. W sali są komputery (przy komputerze siedzą dwie osoby), wszyscy mają dostęp do internetu w telefonach komórkowych."
+    ],
+    "max_points": 8
+},
+
+{
+    "id": "9a",
+    "id_show": 9,
+    "type": "edumed_wybor",
+    "description": [
+        "Przygotowujesz się do przeprowadzenia zajęć poświęconych cyfrowym narracjom i publikowaniu własnych materiałów multimedialnych w sieci.",
+        "a) Wybierz prawidłową definicję terminu „narracja cyfrowa”:"],
+    "options": [
+        {"id": 1, "text": "Narracja cyfrowa to zaszyfrowana opowieść tekstowa zapisana w formie kodu binarnego."},
+        {"id": 2, "text": "Narracja cyfrowa to opowieść (filmowa, złożona z kolekcji zdjęć lub nagrania radiowego) nadawana na żywo w internecie."},
+        {"id": 3, "text": "Narracja cyfrowa to nagrany za pomocą cyfrowej kamery wideo film, opublikowany następnie w serwisie YouTube lub Vimeo."},
+        {"id": 4, "text": "Narracja cyfrowa to opowieść przygotowana w formie filmu lub podcastu, składająca się - w zależności od ostatecznej formy ze zdjęć, wideo, nagranego głosu lub dźwięków otoczenia."}
+    ],
+    "answer": [4],
+    "points": 2,
+    "max_points": 11
+},
+
+{
+    "id": "9b",
+    "continuation": true,
+    "type": "open",
+    "description": ["b) Znajdź w internecie trzy przykłady cyfrowych narracji."],
+    "fields": [
+        {"caption": "Link (1)", "rows": 1, "id": "link-1"},
+        {"caption": "Link (2)", "rows": 1, "id": "link-2"},
+        {"caption": "Link (3)", "rows": 1, "id": "link-3"}
+    ],
+    "max_points": 3
+},
+
+{
+    "id": "9c",
+    "continuation": true,
+    "type": "open",
+    "description": ["c) Wskaż trzy źródła treści, które można legalnie wykorzystać do tworzenia własnych materiałów multimedialnych (np. własnego vloga, prezentacji multimedialnej, podcastu, wpisu blogowego). Przy każdym wskazanym źródle wyjaśnij w jednym zdaniu, dlaczego można z niego skorzystać."
+    ],
+    "fields": [
+        {"caption": "Źródło zdjęć i grafik (link + uzasadnienie)", "id": "link-1"},
+        {"caption": "Źródło materiałów dźwiękowych (link + uzasadnienie)", "id": "link-2"},
+        {"caption": "Źródło materiałów wideo (link + uzasadnienie)", "id": "link-3"}
+    ],
+    "max_points": 6
+},
+
+{
+    "id": 10,
+    "type": "file_upload",
+    "description": [
+        "Zaplanuj przygotowania do realizacji wspólnej narracji cyfrowej przez całą klasę na wybranym przez Ciebie etapie edukacyjnym. Wyznacz i uzasadnij kolejne kroki realizacji w formie harmonogramu.  Zaproponuj, jak podzielisz klasę na grupy i przydzielisz im konkretne zadania. Opisz, jaki będzie efekt końcowy i jakie należy Twoim zdaniem spełnić warunki, żeby współpraca pomiędzy grupami była możliwa i przyczyniła się do wysokiej jakości realizacji narracji cyfrowej. Wskaż i uzasadnij, jakich narzędzi użyłbyś/użyłabyś na kolejnych etapach realizacji projektu."
+    ],
+    "max_points": 9
+}
+
+]
diff --git a/wtem/static/wtem/img/przyp2/1.jpg b/wtem/static/wtem/img/przyp2/1.jpg
new file mode 100644 (file)
index 0000000..9879cb9
Binary files /dev/null and b/wtem/static/wtem/img/przyp2/1.jpg differ
diff --git a/wtem/static/wtem/img/przyp2/2.jpg b/wtem/static/wtem/img/przyp2/2.jpg
new file mode 100644 (file)
index 0000000..4157d81
Binary files /dev/null and b/wtem/static/wtem/img/przyp2/2.jpg differ
diff --git a/wtem/static/wtem/img/przyp2/3.jpg b/wtem/static/wtem/img/przyp2/3.jpg
new file mode 100644 (file)
index 0000000..05dc855
Binary files /dev/null and b/wtem/static/wtem/img/przyp2/3.jpg differ
diff --git a/wtem/static/wtem/img/przyp2/4.jpg b/wtem/static/wtem/img/przyp2/4.jpg
new file mode 100644 (file)
index 0000000..f0b4b12
Binary files /dev/null and b/wtem/static/wtem/img/przyp2/4.jpg differ
diff --git a/wtem/static/wtem/img/przyp2/5.jpg b/wtem/static/wtem/img/przyp2/5.jpg
new file mode 100644 (file)
index 0000000..38e92cd
Binary files /dev/null and b/wtem/static/wtem/img/przyp2/5.jpg differ
index 9ea5a5a..67bf0ae 100644 (file)
@@ -1,6 +1,6 @@
 <div class="exercise exercise-wtem prawdafalsz" data-type="prawdafalsz" data-id="{{exercise.id}}">
 
-    <h3>Zadanie {{no}}</h3>
+    {% include "wtem/exercises/exercise_no.html" %}
 
     <div class="question" data-no="1">
         <div class="description">
index 00140e3..bdb17af 100644 (file)
@@ -1,6 +1,6 @@
 <div class="exercise exercise-wtem przyporzadkuj" data-type="przyporzadkuj" data-id="{{exercise.id}}">
 
-    <h3>Zadanie {{no}}</h3>
+    {% include "wtem/exercises/exercise_no.html" %}
     
     <div class="question" data-no="1">
 
index 0876895..200271e 100644 (file)
@@ -1,6 +1,6 @@
 <div class="exercise exercise-wtem uporzadkuj" data-type="uporzadkuj" data-id="{{exercise.id}}">
 
-    <h3>Zadanie {{no}}</h3>
+    {% include "wtem/exercises/exercise_no.html" %}
 
     <div class="question" data-no="1">
         <div class="description">
index d035f21..9e4980e 100644 (file)
@@ -1,8 +1,6 @@
 <div class="exercise exercise-wtem wybor" data-type="wybor" data-id="{{exercise.id}}">
 
-{% if not exercise.continuation %}
-<h3>Zadanie {{exercise.id_show|default:exercise.id}} ({{ exercise.max_points }} pkt)</h3>  
-{% endif %}
+    {% include "wtem/exercises/exercise_no.html" %}
 
     {% autoescape off %}
     <div class="description">
diff --git a/wtem/templates/wtem/exercises/exercise_no.html b/wtem/templates/wtem/exercises/exercise_no.html
new file mode 100644 (file)
index 0000000..3caa068
--- /dev/null
@@ -0,0 +1,3 @@
+{% if not exercise.continuation %}
+    <h3>Zadanie {{exercise.id_show|default:exercise.id}}{# ({{ exercise.max_points }} pkt)#}</h3>
+{% endif %}
\ No newline at end of file
index 24a15b4..b452070 100644 (file)
@@ -1,9 +1,7 @@
 <div class="exercise-wtem" data-type="file" data-id="{{exercise.id}}">
 
-{% if not exercise.continuation %}
-<h3>Zadanie {{exercise.id_show|default:exercise.id}} ({{ exercise.max_points }} pkt)</h3>
-{% endif %}
-        
+    {% include "wtem/exercises/exercise_no.html" %}
+
     <div class="description">
         {% for para in exercise.description %}
             <p class="paragraph">
index 25fa8e0..a3110f6 100644 (file)
@@ -1,9 +1,7 @@
 <div class="exercise-wtem" data-type="open" data-id="{{exercise.id}}">
 
-{% if not exercise.continuation %}
-<h3>Zadanie {{exercise.id_show|default:exercise.id}} ({{ exercise.max_points }} pkt)</h3>
-{% endif %}
-        
+    {% include "wtem/exercises/exercise_no.html" %}
+
     <div class="description">
         {% autoescape off %}
         {% for para in exercise.description %}
         {% for field in exercise.fields %}
             <div class="wtem-open-field">
                 <label class="wtem-caption">{{field.caption|safe}} <span class="label_suffix"></span></label>
-{% if field.type == 'file' %}
-
-    <div style="margin: 15px auto; width:300px;">
-        <input style="float: left;" type="file" name="attachment_for_{{exercise.id}}__{{field.id}}"/>
-        <div style="clear:both;"></div>
-    </div>
-
-{% else %}
-
-                <textarea style="width: 100%;" rows="{{field.rows|default:10}}" data-field-id="{{field.id}}" {% if field.max_length %}maxlength="{{field.max_length}}"{% endif %} {% if field.input_id %}id="{{field.input_id}}"{% endif %}></textarea>
-
-{% endif %}
-
+                {% if field.type == 'file' %}
+                    <div style="margin: 15px auto; width:300px;">
+                        <input style="float: left;" type="file" name="attachment_for_{{exercise.id}}__{{field.id}}"/>
+                        <div style="clear:both;"></div>
+                    </div>
+                {% else %}
+                    <textarea style="width: 100%;" rows="{{field.rows|default:10}}" data-field-id="{{field.id}}"
+                              {% if field.max_length %}maxlength="{{field.max_length}}"{% endif %}
+                              {% if field.input_id %}id="{{field.input_id}}"{% endif %}></textarea>
+                {% endif %}
             </div>
         {% endfor %}
     {% else %}
-        <textarea style="width: 100%; margin-top:10px;" rows="{{field.rows|default:10}}" {% if field.max_length %}maxlength="{{field.max_length}}"{% endif %} {% if field.input_id %}id="#{{field.input_id}}"{% endif %}></textarea>
+        <textarea style="width: 100%; margin-top:10px;" rows="{{field.rows|default:10}}"
+                  {% if field.max_length %}maxlength="{{field.max_length}}"{% endif %}
+                  {% if field.input_id %}id="#{{field.input_id}}"{% endif %}></textarea>
     {% endif %}
 
     {% if exercise.description_after %}
index e557be4..eb7969d 100644 (file)
@@ -44,7 +44,7 @@
 <h1>{% include "wtem/title.html" %}</h1>
 <div class="wtem-fixed-info">Rozwiązania można wysyłać do godziny {{end_time|default:"18:30"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
 
-<p>Witamy w II etapie Wielkiego Turnieju Edukacji Medialnej. Na rozwiązanie zadań masz czas do godz. {{end_time|default:"18:30"}}. Test składa się z 21 pytań. Niektóre z nich mają charakter otwarty – pamiętaj, żeby zostawić sobie odpowiednią ilość czasu na ich rozwiązanie.</p>
+<p>Witamy w II etapie Wielkiego Turnieju Edukacji Medialnej. Na rozwiązanie zadań masz czas do godz. {{end_time|default:"18:30"}}. Test składa się z 22 pytań. Niektóre z nich mają charakter otwarty – pamiętaj, żeby zostawić sobie odpowiednią ilość czasu na ich rozwiązanie.</p>
 
 <p>Wszelkie aktualności dotyczące Turnieju możesz znaleźć na <a href="{% url "info" "turniej/" %}" target="_info">edukacjamedialna.edu.pl/info/turniej/</a>.</p>
 
@@ -75,7 +75,7 @@ Zespół Edukacji Medialnej, fundacja Nowoczesna Polska</p>
 </span>
 </p>
 
-<div class="wtem-fixed-info" style="margin-top:15px;">Rozwiązania można wysyłać do godziny {{end_time|default:"18.00"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
+<div class="wtem-fixed-info" style="margin-top:15px;">Rozwiązania można wysyłać do godziny {{end_time|default:"18:30"}}. <strong>Nie czekaj na ostatnią chwilę!</strong></div>
 
 </form>