Hot Potatoes 6.3 Jest to pakiet pięciu aplikacji do tworzenia różnych dwiczeo typu: quiz (JQuiz), krzyżówka(jcross), rozsypanka (JMix), dobieranka (JMatch) i zadanie z luką (JCloze) oraz aplikacji pozwalającej na zbudowanie zestawu dwiczeo (The Masher). Program w wersji 6.3 jest już w pełni darmowy i można go pobrad ze strony http://hotpot.uvic.ca/ (w wersji dla Windows i Mac). Wszelkie informacje na temat polskiej wersji tego programu oraz pliki do pobrania należy szukad na stronie http://www.enauczanie.com/narzedzia-web/hotpotatoes (polecam też stronę pana Hojnackiego http://www.hojnacki.net/) INSTALACJA POLONIZACJA i REJESTRACJA: 1. Uruchom plik instalacyjny. Podczas instalacji wybierz domyślnie język polski. 2. Zainstaluj program w domyślnym folderze Program Files na dysku C: lub w folderze gdy masz system Windows 7. Kliknij Dalej. 3. W kolejnym kroku wybierz Dalej w menu START powstanie folder HotPotatoes6, a w nim skróty do programu. 4. Zaznacz opcje tworzenia ikony skrótu na Pulpicie i kliknij Dalej. 5. Po skooczonej instalacji możesz, lecz nie musisz uruchamiad programu będzie w języku angielskim dopóki nie wykonasz kolejnych kroków. Skopiuj dwa pliki polonizacyjne do folderu do C:\Program Files\HotPotatoes6\Translations. Spowoduje to, że polecenia na pasku menu będą w języku polskim oraz komentarze na stronie również będą po polsku. Otwórz program HotPotatoes (ze skrótu na Pulpicie). Przy pierwszym uruchomieniu wybierz z listy języków polski, który jest już na liście. Jeśli tego nie zrobiłeś i nadal program działa w języku angielskim wybierz polecenie Options Iterface Load file interface. Zaznacz w folderze Translations plik polski.hif 6. Chod od października 2009 r. dostępna jest darmowa wersja (6.3.0.4), która nie wymaga rejestracji, jednak, by wszystkie dwiczenia były w pełni obsługiwane wystarczy wpisad w polu użytkownika swoje dane (np. swoje imię) i zaznaczyd opcję Jestem administratorem. Inny sposób to polecenie Pomoc Rejestracja 7. Przy pierwszym uruchomieniu każdego kartofla wciśnij kombinację klawiszy SHIFT+CTRL+ALT+9 a na pytanie (This will switch off...) odpowiedz twierdząco. 1
8. Przy pierwszym uruchomieniu każdego kartofla najpierw kliknij w ikonę i z folderu Translations wybierz i załaduj plik polski6.cfg i kliknij Otwórz. Komentarze na stronie będą wówczas po polsku. Wystarczy zrobid to tylko raz dla każdego modułu ponieważ program zapamięta to ustawienie. Uwagi ogólne Tworzenie dwiczenia składa się z trzech głównych kroków: 1. Wprowadzanie danych (pytania, odpowiedzi itp.) 2. Konfiguracja formatu wyjściowego (przygotowanie napisów na klawiszach, instrukcji i innych właściwości stron WWW) 3. Tworzenie stron WWW (tworzenie dwiczeo w formacie stron HTML lub DHTML). UWAGA: Jeżeli wstawiłeś do swojego dwiczenia inne pliki (np. obrazy, dokumenty tekstowe, multimedia) umieszczaj pliki dołączone w tym samym folderze co strony dwiczeo; jeśli dwiczenia chcesz umieścid w Internecie, nie używaj w nazwach plików polskich znaków Zapisz plik dwiczenia w formacie danego modułu by mied możliwośd jego późniejszej edycji. Przy każdej zmianie w pliku dwiczenia twórz na nowo stronę WWW. 1. Utwórz folder dla nowego dwiczenia i uruchom moduł JCloze. Zadania z luką 2. Kliknij w ikonę by zapisad plik dwiczenia. Nadaj mu nazwę (najlepiej bez polskich znaków) i zapisz w folderze dwiczenia. 3. Kliknij w ikonę i załaduj plik spolszczenia polski6.cfg (tylko za pierwszym razem). 4. W polu Tytuł wpisz tytuł dwiczenia. 5. Napisz cały tekst dwiczenia lub pisz po jednym zdaniu (po każdym zdaniu wciskaj ENTER). 6. Słowo, które ma byd luką zaznacz i kliknij w przycisk Luka.. 7. W oknie tworzonej luki wpisz tekst wskazówki oraz określ alternatywne odpowiedzi. Nie jest to obowiązkowe lecz wskazane, by pomóc uczniowi. UWAGA: wskazówka może byd tekstem lub nawet obrazkiem. a. Możesz (nie musisz) określid więcej niż trzy alternatywne, poprawne odpowiedzi używaj strzałek (2),by powiększyd liczbę możliwych odpowiedzi. b. Luki można wstawid także poprzez przycisk Auto-luka (program sam wyznacza wyrazy-luki nie polecam). c. Aby usunąd jedną lukę zaznacz słowo i kliknij Usuo lukę. Aby skasowad wszystkie luki kliknij Wyczyść luki. d. Strzałki przy numerze luki (1) pozwalają wybrad inne luki do edycji. 2
e. Przycisk Pokaż wyrazy pozwala wywoład i edytowad istniejące luki. 8. Utwórz stronę www ikoną lub poleceniem Plik Utwórz stronę www ELEMENTY WSTAWIANE DO ĆWICZENIA a. Tekst pomocniczy: kliknij w ikonę. Pole dla niego przeznaczone będzie zajmowało lewą połowę szerokości strony dwiczenia. Zaznacz pole Wstaw tekst do czytania gdyż inaczej tekst nie zostanie pokazany. Przyciskiem Przeglądaj możesz wskazad plik strony WWW, która ma spełniad rolę tekstu dodatkowego. Jednak nie zawsze efekt jest prawidłowy. Lepiej skopiowad tekst ze strony lub innego pliku tekstowego i wkleid go w okno. UWAGA: obrazki znajdujące się w kopiowanym tekście nie zostaną wklejone! Prócz kopiowania tekstu, możesz bezpośrednio wpisywad tekst w polu poniżej pola Tytuł Do tekstu pomocniczego można wstawid wszystkie możliwe elementy: obraz, linki, tabelę i multimedia. W treści ćwiczenia oraz w treści tekstu pomocniczego możesz wstawid: b. Link do strony w Internecie Kliknij w ikonę lub wybierz. W oknie, w polu URL (1) wpisz lub wklej skopiowany adres (obowiązkowo z http://). Następnie zredaguj Napis na odnośniku (2) i kliknij w OK. Zamiast linku w postaci tekstu możesz usunąd domyślny tekst kliknij tutaj, a następnie kliknąd w przycisk Grafika (3) i wskazad plik obrazka, który stanie się linkiem do wpisanego adresu internetowego. Wówczas w polu Napis na odnośniku pojawi się wpis w języku HTML. Po wybraniu grafiki (wcześniej skopiuj go do folderu dwiczenia) możesz zmienid mu wysokośd albo szerokośd ponieważ zaznaczone jest zachowanie proporcji (1). Określ położenie (justowanie) obrazka (2) oraz w polu tytuł (3) skasuj wpis będący nazwą pliku grafiki. Zastąp ją własnym tekstem, który uczeo zobaczy w polu podpowiedzi przy kursorze gdy najedzie na obrazek myszką. 3
c. Link do strony WWW lub innego pliku zapisanego na dysku Skopiuj wybrany plik do katalogu z dwiczeniem. Przy wstawianiu linku do pliku przypomni Ci o tym komunikat. Kliknij w ikonę lub wybierz polecenie Wskaż właściwy plik (np. PDF czy dokument Worda lub jakiekolwiek inne). Jego nazwa pojawi się w polu URL/Ścieżka d. Grafika z Internetu Wyszukaj w Sieci obraz. Wyświetl go w pełnym rozmiarze. Kliknij w niego prawym klawiszem i wybierz polecenie Kopiuj adres URL grafiki jeśli korzystasz z przeglądarki Google Chrome. Jeśli korzystasz z Internet Explorera, skopiuj adres z Paska adresu przeglądarki gdy obraz jest w pełnym wymiarze. Skopiowany adres wklej w polu Link URL (1). Możesz wpisad alternatywny tekst dla obrazka w przypadku gdyby przeglądarka go nie mogła wyświetlid - pole Alt text (2). Możesz wpisad oryginalny rozmiar obrazu lub odpowiednio zmniejszony (nie powiększaj bo zniszczysz jakośd) w polu Width i Heigh (3) bez rozmiaru obraz nie zostanie wyświetlony. Tekst wpisany w polu Title (4) uczeo zobaczy w dymku przy kursorze myszy po najechaniu na grafikę. e. Grafika z dysku Kliknij w ikonę lub wybierz. Pamiętaj wcześniej umieścid wybrany plik graficzny w tym samym folderze, co dwiczenie. Wybierz z dysku plik obrazka. Możesz zmienid mu wysokośd albo szerokośd ponieważ zaznaczone jest zachowanie proporcji (1). Określ położenie (justowanie) obrazka (2): 4
W polu Tytuł (3) możesz pozostawid nazwę obrazka lub ją skasowad albo też wpisad własny tekst. Zawartośd tego pola pojawiad się będzie w dymku przy kursorze, gdy uczeo najedzie na myszką obrazek (swoista podpowiedź). f. Multimedia z dysku (film, muzyka) Kliknij polecenie Wstaw (Insert). Wybierz z dysku plik multimedialny przyciskiem Browse.. (1). Możesz go podejrzed klikając zieloną strzałkę (2) Jeśli jest to film i chcesz na stronie umieścid playera do jego odtwarzania wówczas określ rozmiar okna playera (3) Wybierz właściwego playera dla danego formatu pliku multimedialnego (4), a gdy go klikniesz jego nazwa wpisana zostanie w pole 4a. Zaznaczenie opcji Include a Simple link (5) pozwoli umieścid na stronie link do pliku, który otworzy domyślny dla jego typu odtwarzacz. UWAGA: Internet Explorer otwiera strony z umieszczonymi playerami lecz pozostałe przeglądarki (, ) mają z tym problem. Wskazane jest więc zaznaczenie tej opcji dla użytkowników innych niż IE przeglądarek internetowych. g. Tabela Ustaw kursor w miejscu, gdzie ma powstad tabela. Kliknij Wstaw i określ jej parametry: gdzie Cellpadding liczba pikseli między obramowaniami komórki, a jej zawartością, Cellspacing to odstępy między komórkami tabeli (w pikselach), Ramka to grubośd krawędzi (gdy =0 tabela nie ma krawędzi). Warto określid szerokośd tabeli w %. Jeśli wpiszesz 50% wówczas tabela zajmie połowę szerokości okna, a przy 100% rozciągnie się na jego całą szerokośd. Kolejną czynnością będzie wpisanie treści lub wstawienie obrazków. Ustawiaj kursor jest między znacznikami <td>tu wstaw kursor</td>. UWAGA: tabela porządkuje obiekty w nią wstawione. 9. Zapisuj zmiany w pliku dwiczenia (ikoną ), a ikoną generuj stronę WWW. Możesz obejrzed ją w domyślnej przeglądarce klikając w polecenie View the exercise in my browser. 5
10. Możesz dokonywad przeróżnych korekt już po wykonaniu strony. Pamiętaj, by za każdym razem zapisywad dwiczenie, a przy tworzeniu z niego strony WWW potwierdzad jego nadpisywanie. Wszelkie elementy typu: grafika, linki, tabela, multimedia pojawią się w treści dwiczenia zapisane w języku HTML. Aby je usunąd wystarczy zaznaczyd i skasowad wybrane fragmenty tekstu. Okna dialogowe ustawieo konfiguracyjnych 1. Aby skonfigurowad stronę kliknij ikonę. W kolejnych zakładkach określ poszczególne elementy. Tytuły/Instrukcje: podtytuł dwiczenia możesz pominąd lecz pamiętaj o szczegółowej instrukcji dwiczenia. Komentarze/Informacje: zamiast tekstów można wstawiad grafikę wybierając polecenie Wstaw. Dalej postępuj jak opisano w punkcie e. Klawisze: Opisz tekst pokazywany na klawiszach strony dwiczenia (1). Możesz pominąd opcje Nawigacji (1). 6
Wygląd: Określ kolorystykę strony. Tłem strony może byd grafika z folderu dwiczenia, którą znajdujesz przyciskiem Przeglądaj (rys.1). Możesz zmienid czcionkę (krój i wielkośd) ale nie ma takiej potrzeby (2). Klikając w ikony przy każdym z wybranych elementów strony uruchomisz okno wyboru kolorów podstawowych (rys.2) lub niestandardowych (Definiuj kolory niestandardowe) rys.3 Timer: możesz ustalid, że dwiczenie będzie na czas i określid jego długośd oraz treśd komentarza. Inne: w tej zakładce możesz zdecydowad czy chcesz by przykładowo: 1. Wstawid przy lukach okno listy ze słowami-lukami, by uczeo mógł je wybierad poprzez kliknięcie (Use drop down list instead of text box In output) 2. Rozróżniad małe i duże litery (zaznaczamy, gdy ważna jest ortografia). 3. Wstawianie przycisków z zaprojektowanymi znakami, które wstawiamy w luki klikając przycisk z literą (Include a keypad to help a student type non-roman characters). Mogą to byd np. znaki narodowe. Działa to wówczas, gdy nie zaznaczymy opcji listy przy lukach oraz gdy mamy system Windows 7 64-bitowy. 4. Pozostałe dwie zakładki można pominąd. 5. Klikając w OK. zapisujesz zmiany konfiguracji tylko w tym dwiczeniu. Klikając w Zapisz zapisujesz na trwale zmiany w pliku polski6.cfg. UWAGA: możesz tworzyd własny plik konfiguracyjny (na podstawie polski6.cfg), zapisad go pod swoją nazwą i używad w każdym pliku dwiczeo HotPotatoes. 7