Krzyżówka Hot Potatoes JCross
Moduł Cross służy do przygotowywania krzyżówek, które mogą byś wykorzystywane jako samodzielne zadania (w plikach HTML), a także można je umieszczać w kursach na platformie Moodle (po zainstalowaniu na platformie odpowiedniego dodatku do umieszczania zasobów Hot Potatoes). Krzyżówki można również drukować ale przy drukowaniu można trochę zmodyfikować pliki tak aby zaoszczędzić tusz/toner ale o tym na końcu. Główne okno programu Okno programu jest przejrzyste. Główna belka jest w dużym stopniu bardzo podobna do okien pozostałych części praktycznie jedyna różnica to przycisk do tworzenia siatki krzyżówki. Pozostałe elementy to okno do wpisania tytułu krzyżówki, przyciski do nawigowania po krzyżówce w przypadku gdy krzyżówka jest bardzo duża. Menu programu Menu programu jest bardzo podobne do menu pozostałych modułów. W dalszej części omówię każde menu zwracając uwagę na elementy charakterystyczne dla tworzenia krzyżówek.
Menu Plik Pierwsza część menu jest standardowa więc ją pominę. W drugiej część mamy opcje Dodaj tekst opisu opcja ta pozwala na dodanie wprowadzenia do krzyżówki. W opisie można wstawić grafikę, link, tabelę lub obiekt multimedialny. Opcja Dodaj Metadane umożliwia dodanie do pliku informacji znajdujących się najczęściej w znacznikach meta plików.html. Znajdziemy tutaj możliwość dodania informacji o autorze, dacie utworzenia, prawach itp. Utwórz stronę WWW (klawisz F6) pozwala na eksport krzyżówki do pliku HTML. W efekcie działania tej opcji otrzymamy krzyżówkę, którą możemy rozwiązywać w przeglądarce. Wybranie klawisza F7 Create Zip Package spowoduje utworzenie pliku HTML dodatkowo spakowanego w formacie zip. Aby utworzyć zadanie w formacie SCORM należy wybrać opcję Create SCORM 1.2 Package lub klawisz F8. Otrzymany w ten sposób zasób możemy umieścić np. na platformie Moodle. Przygotowaną krzyżówkę możemy również wydrukować. Wystarczy wybrać skrót CTRL+P lub opcję Eksportuj do druku. Po wybraniu tej opcji otrzymamy krzyżówkę w przeglądarce internetowej. Oprócz krzyżówki będą również umieszczone opisy. Tak przygotowany plik możemy wydrukować. Należy jednak pamiętać aby w ustawieniach przeglądarki i opcjach drukowania zaznaczyć opcję drukowania tła strony bo bez tego otrzymamy krzyżówkę bez zaczernionych pól. Można też zmienić na wydruku kolor pól ale wymaga to ingerencji w plik.html a informacje jak to zrobić znajdują się pod koniec przewodnika. Menu Edycja Zawiera standardowe opcje występujące w praktycznie każdym programie. Brak w tym menu jakichkolwiek opcji wymagających omówienia. Menu Wstaw Zawiera kilka opcji, które uatrakcyjniają krzyżówkę. Do opisu można wstawić pliki graficzne z internetu lub dysku lokalnego (należy zapisać projekt przed wstawianiem grafiki). Można wstawić również hiperłącze do strony www lub pliku na dysku lokalnym (również projekt należy zapisać przed wstawianiem). Można wstawić tabelę jednak w trybie edycji jest
ona widoczna w HTML i w taki sposób należy ją edytować (dla niezorientowanych zawartość komórek umieszczamy między znacznikami <td></td> np. <td>zawartość komórki</td> - znaczniki <tr> </tr> oznaczają wiersz). Ostatnią opcją jest umieszczanie obiektów multimedialnych zwłaszcza filmów. Wskazujemy plik, który ma zostać wyświetlony, poniżej ustalamy rozmiary okna. Możemy określić jakich odtwarzaczy będziemy używać i powinny zostać dołączone do pliku. Opcje te są dostępne jedynie w czasie edycji tytułu krzyżówki oczywiście w hasłach wstawianie filmów i innych obiektów nie jest możliwe. Menu Siatka Opcje dotyczą siatki krzyżówki. Pierwsza opcje umożliwia automatyczne tworzenie siatki krzyżówki z podanych przez nas słów. Program sam postara się wszystkie hasła poukładać na siatce o podanych przez nas wymiarach. Jeśli okaże się, że siatka jest za mała to można zwiększyć jej rozmiar wykorzystując opcję Change Grid Size. Ostania opcja zmienia litery na duże. Działa o analogicznie jak klawisz Caps Lock po wybraniu tej opcji wpisywane litery będą pojawiały się na ekranie duże. Menu Opcje Jedno z najbardziej rozbudowanych menu w programie. Konfiguracji formatu wyjściowego poświęcę poniżej więcej miejsca. Czcionka nie wymaga omawiania. Kolejna opcja pozwala na wpisywanie tekstów od prawej do lewej. Opcje listwy narzędzi pozwalają na wybór ikon, które mają być wyświetlane na pasku. Show tooltips przy uruchamianiu programu będą wyświetlane porady. Opcja interfejs pozwala na wybór języka interfejsu jak również jego samodzielne tłumaczenie.
Konfiguracja formatu wyjściowego Składa się z kilku zakładek umożliwiających dopasowanie krzyżówki do indywidualnych wymagań i upodobań. Pierwsza zakładka umożliwia wpisanie podtytułu ćwiczenia oraz instrukcję dla ucznia jak ma posługiwać się interfejsem krzyżówki. Druga zakładka pozwala na wpisanie własnych opisów do krzyżówki. Możemy ustalić własne komunikaty dla poprawnych i błędnych odpowiedzi. Trzecia zakładka Klawisze. Tutaj możemy ustalić jakie napisy pojawią się na przyciskach obok krzyżówki.
Zakładka Wygląd pozwala na zmianę kolorów oraz czcionek w programie. Zakładka Timer umożliwia ustawienie czasu w jakim krzyżówka powinna zostać rozwiązana oraz jaki komunikat pojawi się po upływie ustalonego czasu. Zakładka Inne Funkcja Include SCORM 1.2 functions Dołącz kompletną listę opisów pod siatką Do special processing to handle right-to-left language data in the output Utwórz oddzielny zlinkowany plik zawierający kod JavaScript Rozróżniaj małe i wielkie litery w odpowiedzi Include a keypad to help the student type non-roman characters Opis Załączenie funkcji SCORM do pliku z pytaniami Oprócz opisów dostępnych po kliknięciu będą widoczne wszystkie opisy pod krzyżówką Wyświetlanie tekstu od prawej do lewej Kod JavaScript potrzebny do wyświetlenia zadania będzie umieszczony w osobnym pliku W odpowiedziach wpisywanych przez ucznia będą rozróżniane małe i wielkie litery Klawiatura dla uczniów nie posługujących się alfabetem łacińskim
Przygotowanie krzyżówki. Krzyżówkę możemy utworzyć na dwa sposoby: Pierwszy polega na ręcznym wpisaniu haseł na siatkę (jej rozmiar ustalamy sami). Ten sposób będzie właściwy w przypadku gdy krzyżówka ma mieć określony wygląd np. litery odczytane w pionie tworzą hasło do odgadnięcia. Drugi sposób wykorzystuje automatyczne tworzenie siatki. Wystarczy wybrać menu Siatka\Automatyczne tworzenie siatki lub kliknąć odpowiednią ikonę aby pojawiło się okno. Hasła do krzyżówki wpisujemy w oddzielnych liniach i ustalamy rozmiar siatki (ilość pól w pionie i poziomie). Kliknięcie w przycisk Twórz siatkę spowoduje przygotowanie krzyżówki. Poniżej widzimy ile wyrazów z wpisanych udało się wpasować. Jeśli nie wszystkie wyrazy zostały utworzone to można spróbować zwiększyć rozmiar siatki tak aby zwiększyć możliwości ułożenia wyrazów. Jeśli nie podoba nam się układ wyrazów to możemy w ten sam sposób (już bez wpisywania wyrazów) wymusić inny układ wyrazów (jeśli jest taka możliwość). Gdy układ wyrazów nas zadowala to należy przystąpić do uzupełniania opisów do haseł. W tym celu na głównym ekranie wybieramy Dodaj opisy po czym pojawi się nam odpowiednie okno. Okno składa się z czterech pól po dwa do opisów haseł pionowo i dwa do poziomo. W górnym oknie wybieramy hasło a w dolnym dodajemy jego opis. Po wpisaniu opisu klikamy na znajdujący się obok przycisk OK (nie na dole) i czynność powtarzamy w stosunku do pozostałych haseł. Gdy już uzupełnimy wszystkie opisy to klikamy na OK na dole okna aby zakończyć przygotowywanie haseł. Pozostaje nam już tylko uzupełnić opis krzyżówki dołączenie innych elementów (jeśli je przywidujemy) i możemy cieszyć się z przygotowanego zadania.
Przygotowanie krzyżówki do druku. Krzyżówki tworzone w Hot Potatoes mają ustawione czarne tło a to nie sprzyja drukowaniu/kserowaniu - jest to mało ekonomiczne. Niestety w opcjach programu nie można zmienić koloru tła. Można to zrobić w pliku HTML wygenerowanym w programie HP. Najlepiej zmiany dokonać w pliku HTML z krzyżówką przygotowaną do wydruku. Zmiany dokonujemy w sposób. 1. Zapisujemy krzyżówkę przygotowaną do druku w pliku HTML. PLIK > Eksportuj do druku (lub CTRL+P). Krzyżówka powinna otworzyć się w oknie przeglądarki. 2. Zapisujemy krzyżówkę jako plik HTML 3. Otwieramy plik z krzyżówką w dowolnym edytorze np. Notatniku lub Wordpadzie. 4. Szukamy stylu CSS odpowiedzialnego za kolor tła. 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 tła jest odpowiedzialny element: background-color: #000000; zmieniamy kolor na inny np. szary #a9a9a9: background-color:#a9a9a9; 5. Zapisujemy plik i gotowe. Można przystąpić do drukowania. Trzeba pamiętać aby włączyć w przeglądarce opcję drukuj elementy tła.