Krzywka Hot PotatoesJCross

Modu Cross suy do przygotowywania krzywek, ktre mog by wykorzystywane jako samodzielne zadania (w plikach HTML), a take mona je umieszcza w kursach na platformie Moodle (po zainstalowaniu na platformie odpowiedniego dodatku do umieszczania zasobw Hot Potatoes). Krzywki mona rwnie drukowa ale przy drukowaniu mona troch zmodyfikowa pliki tak aby zaoszczdzi tusz/toner ale o tym na kocu.

Gwne okno programu

Okno programu jest przejrzyste. Gwna belka jest w duym stopniu bardzo podobna do okien pozostaych czcipraktycznie jedyna rnica to przycisk do tworzenia siatki krzywki. Pozostae elementy to okno do wpisania tytuu krzywki, przyciski do nawigowania po krzywce w przypadku gdy krzywka jest bardzo dua.

Menu programu
Menu programu jest bardzo podobne do menu pozostaych moduw. W dalszej czci omwi kade menu zwracajc uwag na elementy charakterystyczne dla tworzenia krzywek.

Menu Plik
Pierwsza cz menu jest standardowa wic j pomin. W drugiej cz mamy opcje Dodaj tekst opisu opcja ta pozwala na dodanie wprowadzenia do krzywki. W opisie mona wstawi grafik, link, tabel lub obiekt multimedialny. Opcja Dodaj Metadane umoliwia dodanie do pliku informacji znajdujcych si najczciej w znacznikach meta plikw .html. Znajdziemy tutaj moliwo dodania informacji o autorze, dacie utworzenia, prawach itp. Utwrz stron WWW (klawisz F6) pozwala na eksport krzywki do pliku HTML. W efekcie dziaania tej opcji otrzymamy krzywk, ktr moemy rozwizywa w przegldarce. Wybranie klawisza F7 Create Zip Package spowoduje utworzenie pliku HTML dodatkowo spakowanego w formacie zip. Aby utworzy zadanie w formacie SCORM naley wybra opcj Create SCORM 1.2 Package lub klawisz F8. Otrzymany w ten sposb zasb moemy umieci np. na platformie Moodle. Przygotowan krzywk moemy rwnie wydrukowa. Wystarczy wybra skrt CTRL+P lub opcj Eksportuj do druku. Po wybraniu tej opcji otrzymamy krzywk w przegldarce internetowej. Oprcz krzywki bd rwnie umieszczone opisy. Tak przygotowany plik moemy wydrukowa. Naley jednak pamita aby w ustawieniach przegldarki i opcjach drukowania zaznaczy opcj drukowania ta strony bo bez tego otrzymamy krzywk bez zaczernionych pl. Mona te zmieni na wydruku kolor pl ale wymaga to ingerencji w plik .html a informacje jak to zrobi znajduj si pod koniec przewodnika.

Menu Edycja
Zawiera standardowe opcje wystpujce w praktycznie kadym programie. Brak w tym menu jakichkolwiek opcji wymagajcych omwienia.

Menu Wstaw Zawiera kilka opcji, ktre uatrakcyjniaj krzywk. Do opisu mona wstawi pliki graficzne z internetu lub dysku lokalnego (naley zapisa projekt przed wstawianiem grafiki). Mona wstawi rwnie hipercze do strony www lub pliku na dysku lokalnym (rwnie projekt naley zapisa przed wstawianiem). Mona wstawi tabel jednak w trybie edycji jest

ona widoczna w HTML i w taki sposb naley j edytowa (dla niezorientowanych zawarto komrek umieszczamy midzy znacznikami <td></td> np. <td>zawarto komrki</td> - znaczniki <tr> </tr> oznaczaj wiersz). Ostatni opcj jest umieszczanie obiektw multimedialnych zwaszcza filmw. Wskazujemy plik, ktry ma zosta wywietlony, poniej ustalamy rozmiary okna. Moemy okreli jakich odtwarzaczy bdziemy uywa i powinny zosta doczone do pliku. Opcje te s dostpne jedynie w czasie edycji tytuu krzywki oczywicie w hasach wstawianie filmw i innych obiektw nie jest moliwe.

Menu Siatka
Opcje dotycz siatki krzywki. Pierwsza opcje umoliwia automatyczne tworzenie siatki krzywki z podanych przez nas sw. Program sam postara si wszystkie hasa poukada na siatce o podanych przez nas wymiarach. Jeli okae si, e siatka jest za maa to mona zwikszy jej rozmiar wykorzystujc opcj Change Grid Size. Ostania opcja zmienia litery na due. Dziaa o analogicznie jak klawisz Caps Lock po wybraniu tej opcji wpisywane litery bd pojawiay si na ekranie due. Menu Opcje Jedno z najbardziej rozbudowanych menu w programie. Konfiguracji formatu wyjciowego powic poniej wicej miejsca. Czcionka nie wymaga omawiania. Kolejna opcja pozwala na wpisywanie tekstw od prawej do lewej. Opcje listwy narzdzi pozwalaj na wybr ikon, ktre maj by wywietlane na pasku. Show tooltips przy uruchamianiu programu bd wywietlane porady. Opcja interfejs pozwala na wybr jzyka interfejsu jak rwnie jego samodzielne tumaczenie.

Konfiguracja formatu wyjciowego

Skada si z kilku zakadek umoliwiajcych dopasowanie krzywki do indywidualnych wymaga i upodoba. Pierwsza zakadka umoliwia wpisanie podtytuu wiczenia oraz instrukcj dla ucznia jak ma posugiwa si interfejsem krzywki.

Druga zakadka pozwala na wpisanie wasnych opisw do krzywki. Moemy ustali wasne komunikaty dla poprawnych i bdnych odpowiedzi.

Trzecia zakadkaKlawisze. Tutaj moemy ustali jakie napisy pojawi si na przyciskach obok krzywki.

Zakadka Wygld pozwala na zmian kolorw oraz czcionek w programie. Zakadka Timer umoliwia ustawienie czasu w jakim krzywka powinna zosta rozwizana oraz jaki komunikat pojawi si po upywie ustalonego czasu. Zakadka Inne
Funkcja Include SCORM 1.2 functions Docz kompletn list opisw pod siatk Do special processing to handle right-to-left language data in the output Utwrz oddzielny zlinkowany plik zawierajcy kod JavaScript Rozrniaj mae i wielkie litery w odpowiedzi Include a keypad to help the student type non-roman characters Opis Zaczenie funkcji SCORM do pliku z pytaniami Oprcz opisw dostpnych po klikniciu bd widoczne wszystkie opisy pod krzywk Wywietlanie tekstu od prawej do lewej Kod JavaScript potrzebny do wywietlenia zadania bdzie umieszczony w osobnym pliku W odpowiedziach wpisywanych przez ucznia bd rozrniane mae i wielkie litery Klawiatura dla uczniw nie posugujcych si alfabetem aciskim

Przygotowanie krzywki. Krzywk moemy utworzy na dwa sposoby: Pierwszy polega na rcznym wpisaniu hase na siatk (jej rozmiar ustalamy sami). Ten sposb bdzie waciwy w przypadku gdy krzywka ma mie okrelony wygld np. litery odczytane w pionie tworz haso do odgadnicia. Drugi sposb wykorzystuje automatyczne tworzenie siatki. Wystarczy wybra menu Siatka\Automatyczne tworzenie siatki lub klikn odpowiedni ikon aby pojawio si okno. Hasa do krzywki wpisujemy w oddzielnych liniach i ustalamy rozmiar siatki (ilo pl w pionie i poziomie). Kliknicie w przycisk Twrz siatk spowoduje przygotowanie krzywki. Poniej widzimy ile wyrazw z wpisanych udao si wpasowa. Jeli nie wszystkie wyrazy zostay utworzone to mona sprbowa zwikszy rozmiar siatki tak aby zwikszy moliwoci uoenia wyrazw. Jeli nie podoba nam si ukad wyrazw to moemy w ten sam sposb (ju bez wpisywania wyrazw) wymusi inny ukad wyrazw (jeli jest taka moliwo).

Gdy ukad wyrazw nas zadowala to naley przystpi do uzupeniania opisw do hase. W tym celu na gwnym ekranie wybieramy Dodaj opisy po czym pojawi si nam odpowiednie okno. Okno skada si z czterech pl po dwa do opisw hase pionowo i dwa do poziomo. W grnym oknie wybieramy haso a w dolnym dodajemy jego opis. Po wpisaniu opisu klikamy na znajdujcy si obok przycisk OK (nie na dole) i czynno powtarzamy w stosunku do pozostaych hase. Gdy ju uzupenimy wszystkie opisy to klikamy na OK na dole okna aby zakoczy przygotowywanie hase. Pozostaje nam ju tylko uzupeni opis krzywki doczenie innych elementw (jeli je przywidujemy) i moemy cieszy si z przygotowanego zadania.

Przygotowanie krzywki do druku.

Krzywki tworzone w Hot Potatoes maj ustawione czarne to a to nie sprzyja drukowaniu/kserowaniu - jest to mao ekonomiczne. Niestety w opcjach programu nie mona zmieni koloru ta. Mona to zrobi w pliku HTML wygenerowanym w programie HP. Najlepiej zmiany dokona w pliku HTML z krzywk przygotowan do wydruku. Zmiany dokonujemy w sposb. 1. Zapisujemy krzywk przygotowan do druku w pliku HTML. PLIK> Eksportuj do druku (lub CTRL+P). Krzywka powinna otworzy si w oknie przegldarki. 2. Zapisujemy krzywk jako plik HTML 3. Otwieramy plik z krzywk w dowolnym edytorze np. Notatniku lub Wordpadzie. 4. Szukamy stylu CSS odpowiedzialnego za kolor ta. Jest to ten styl: table#Grid td.BlankCell { width: 2em; height: 2em; padding: 0px; text-align: center; vertical-align: middle; background-color: #000000; color: #000000; } Za kolor ta jest odpowiedzialny element: background-color: #000000; zmieniamy kolor na inny np. szary #a9a9a9: background-color:#a9a9a9; 5. Zapisujemy plik i gotowe. Mona przystpi do drukowania. Trzeba pamita aby wczy w przegldarce opcj drukuj elementy ta.