Jak zrobić... W tym dziale prezentujemy przepisy "krok po kroku" jak stworzyć różne aplikacje multimedialne w generatorze lekcji learningpanel. APLIKACJA I: Zestaw ćwiczeń i zadań testowych. Przykład aplikacji, która po powitaniu użytkownika, na kolejnych ekranach będzie prezentowała różne typy ćwiczeń: - wybór wielokrotny - jedna odpowiedź poprawna, - wybór wielokrotny nie określona liczba odpowiedzi poprawnych, - zadanie z lukami, - zadanie otwarte tekstowe, - zadanie otwarte liczbowe. Przy zadaniach podlegających automatycznemu sprawdzeniu zostaną umieszczone przyciski umożliwiające obsługę ćwiczenia: - wyświetlenie odpowiedzi wzorcowych, - zaznaczenie błędnych odpowiedzi użytkownika, - wyświetlenie wyniku (liczby punktów z danego ćwiczenia), - zapisanie wyniku do bazy wyników, - usunięcie odpowiedzi użytkownika, oraz nawigację (sposób poruszania się po aplikacji): - przejście do następnego ekranu, - zakończenie programu. Na ostatnim ekranie programu zostaną wyświetlone wyniki uzyskane w poszczególnych ćwiczeniach. Krok I: Nowy projekt - opis i ustawienia Krok II: Ekrany lekcji Krok III: Edytor ćwiczeń Krok IV - obudowa ćwiczenia (przyciski) Krok V: przyporządkowanie akcji do przycisków Krok VI: Ćwiczenie z więcej niż jedną odpowiedzią poprawną Krok VII: Ćwiczenie z lukami Krok VIII: Ćwiczenie otwarte - tekstowe Krok IX: Ćwiczenie otwarte - liczbowe Krok X: Wyniki i zakończenie strona 1
Krok I: nowy projekt - opis i ustawienia 1. Uruchom program lpgenerator: kliknij ikonę na pulpicie lub generator lekcji z menu START/learningPANEL - fabryka lekcji 2. Wybierz Nowy projekt z menu Lekcja: i podaj jego nazwę (możesz również zmienić lokalizację tworzonej lekcji): Program zaproponuje zabezpieczenie projektu hasłem. Kliknij Nie Na wyświetlonej karcie Opis, wypełnij rubryki Tytuł lekcji i Opis lekcji: Kliknij zakładkę Ustawienia: Ustaw liczbę ekranów i pulę ekranów ("spośród") na 7: W tworzonej lekcji pierwszy ekran będzie miał charakter powitalno-informacyjny, kolejnych 5 ekranów będzie zawierało ćwiczenia, na ostatnim - siódmym ekranie wyświetlimy podsumowanie i zakończenie naszej aplikacji. 2
Ustaw parametry okna Twojej aplikacji: Rozmiar ustalony (800x600), włączone obramowanie lekcji Krok II: ekrany lekcji Kliknij zakładkę Ekrany: Wpisz tytuł pierwszego ekranu ("Powitanie"), zaznacz pole Tekst RTF, w wyświetlonym oknie edycyjnym wpisz treść powitania, sformatuj go według uznania, zaznacz pole Przezroczysty Przejdź do trybu podglądu i pozycjonowania obiektów Przesuń obiekt tekstowy RTF mniej więcej na środek ekranu. strona 3
W tym celu kliknij tekst lub zaznacz pozycję na Liście obiektów - wykorzystane, zmień wartości pól: x - położenie lewego górnego wierzchołka obiektu tekstowego RTF - współrzędna pozioma (odległość od lewej krawędzi okna) y - położenie lewego górnego wierzchołka obiektu tekstowego RTF - współrzędna pionowa (odległość od górnej krawędzi okna) dx - szerokość obiektu tekstowego RTF dy - wysokość obiektu tekstowego RTF kliknij przycisk Zastosuj w sekcji Położenie i rozmiar Kliknij przycisk Zamknij, aby powrócić na kartę ekrany. Kliknij zakładkę kolejnego ekranu: lub Krok III: Edytor ćwiczeń Zadania wielokrotnego wyboru i z lukami wykorzystują format HTML dostępny w obiekcie Tekst HTML. 4
Wpisz tytuł ekranu, zaznacz pole Tekst HTML i kliknij przycisk Ćwiczenie: Znajdź na liście Typ ćwiczenia pozycję Wybór wielokrotny (odpowiedzi wykluczające) i wybierz ją. Określ liczbę pytań i propozycji odpowiedzi (dystraktorów) do każdego z nich: Kliknij Utwórz. Zostanie utworzony szablon ćwiczenia, który trzeba wypełnić odpowiednimi danymi tekstowymi. Najedź kursorem myszy na sekcję polecenia, kliknij odsyłacz i wprowadź treść polecenia: Kliknij OK, aby zamknąć edytor treści polecenia. Najedź kursorem myszy na sekcję pytania, kliknij odsyłacz i wprowadź treść pierwszego pytania: strona 5
Kliknij OK, aby zamknąć edytor treści. Najedź kursorem myszy na sekcję odpowiedzi, kliknij odsyłacz i wprowadź treść odpowiedzi do pytania: Kliknij OK, aby zamknąć edytor treści. 6
Wprowadź treści pozostałych odpowiedzi w tym pytaniu, pamiętaj o zaznaczeniu poprawnej odpowiedzi: Wprowadź treści pozostałych pytań i odpowiedzi (pamiętaj o zaznaczaniu poprawnych odpowiedzi): Zamknij edytor ćwiczeń (przycisk OK). W sekcji Tekst HTML zostanie wyświetlone zadanie: strona 7
Krok IV - obudowa ćwiczenia (przyciski) Otwórz okno podglądu i pozycjonowania obiektów: Przed przystąpieniem do oprogramowania przycisków sterujących zmodyfikujmy rozmiar obiektu z naszym ćwiczeniem tak, aby zmieściła się cała treść ćwiczenia. W tym celu wystarczy "chwycić" dolną krawędź sekcji tekstowej i odpowiednio przeciągnąć: 8
Zaczniemy od umieszczenia na ekranie potrzebnych przycisków - wybierz zakładkę Dostępne: Przeciągnij pozycję: Obiekt Przycisk 1 na ekran zawierający ćwiczenie: Umieść obiekt pod sekcją ćwiczenia (przesuń go myszą lub za pomocą pól edycyjnych x, y z sekcji Położenie obiektów): strona 9
W podobny sposób umieść pod ćwiczeniem jeszcze 3 przyciski: Uaktywnij pierwszy przycisk (kliknij przycisk na ekranie lub jego nazwę na liście Wykorzystane). W sekcji Właściwości obiektów zmień tekst nadruku przycisku i kliknij Zastosuj: Pamiętaj, że wprowadzone zmiany wymagają zatwierdzenia - przycisk Zastosuj lub Zakres. Przycisk Zakres umożliwia zapisanie właściwości obiektu nie tylko na aktywnym ekranie ale również na innych ekranach lekcji. W podobny sposób przyporządkuj teksty nadruków na pozostałe przyciski: Przycisk 2 - Usuń odpowiedzi Przycisk 3 - Błędne odpowiedzi Przycisk 4 - Wynik Zobacz efekt na ekranie: Zmień położenie i rozmiar przycisków tak, aby mieściły się ich nadruki: 10
Na liście Wykorzystane zaznacz (jeśli nie były zaznaczone domyślnie) pola przy wstawionych obiektach (przyciskach): Zaznaczenie pola przy obiektach sterujących (przyciski, odsyłacze aktywne) i napisach wymusza automatyczne wyświetlenie tych obiektów po załadowaniu danego ekranu. Jeżeli pole dostępności przy obiekcie nie zostanie zaznaczone, to obiekt będzie ukryty po załadowaniu ekranu. Krok V: przyporządkowanie akcji do przycisków Najwyższa pora na zdefiniowania akcji, czyli działań, które mają zostać zrealizowane po wciśnięciu przez użytkownika przycisku. Uaktywnij pierwszy przycisk (kliknij przycisk na ekranie lub jego nazwę na liście Wykorzystane). W sekcji Właściwości obiektów kliknij przycisk '+' w sekcji akcja: Z wyświetlonego menu akcji wybierz grupę ćwiczenia i kliknij pozycję Pokaż poprawne odpowiedzi: Zatwierdź zmiany - kliknij przycisk Zastosuj: W analogiczny sposób przyporządkuj akcje do przycisku 2 (Usuń odpowiedzi) i przycisku 3 (Błędne odpowiedzi), za każdym razem wybierając obiekt, przyporządkowując mu odpowiednią strona 11
akcję z listy wyświetlonej przyciskiem '+' i zatwierdzając przyciskiem Zastosuj: Na koniec zostawiliśmy przycisk 4 - Wynik. Tutaj musimy postąpić inaczej. Kliknięcie tego przycisku powinno uruchomić kilka akcji jednocześnie: - ocenić rozwiązania użytkownika, - zapisać wynik użytkownika do bazy, - wyświetlić wynik w odpowiedniej formie (w naszym przykładzie wynik zostanie wyświetlony w postaci specjalnie zredagowanego komunikatu). Aby jedno zdarzenia (w tym przypadku kliknięcie przycisku) mogło uruchomić więcej niż jedną akcję należy skorzystać ze specjalnej akcji, czyli tzw. listy akcji zawierającej po prostu pewien zbiór akcji: Po wybraniu akcji o nazwie Lista akcji należy, w polu parametr akcji, wpisać nazwę listy akcji (dzięki temu można tworzyć wiele list akcji, które mogą być wykorzystywane na różnych ekranach lekcji): Pamiętaj o zatwierdzeniu zmian przyciskiem Zastosuj! Po nazwaniu listy akcji (nazwa może być dowolna, zasady takie same jak w nazewnictwie plików) przystępujemy do wstawienia do niej konkretnych akcji. Podobnie jak przypadku akcji pojedynczych, korzystamy z przycisku '+', tym razem jednak w sekcji lista akcji: 12
Dodajmy pierwszą akcję do naszej listy i zatwierdźmy przyciskiem Zastosuj: Dodajmy drugą akcję: zapisanie wyniku w bazie i zatwierdźmy przyciskiem Zastosuj: strona 13
Trzecia akcja, którą chcemy dodać do listy akcji związana jest z wyświetleniem komunikatu systemowego zawierającego odpowiednio zredagowaną treść: Lista akcji przyjmie postać: Akcje zostały dodane, jednak ostatnia z nich wymaga parametru, który określi temat komunikatu oraz jego formę. Aby dodać parametr do akcji należy najpierw tę akcję zaznaczyć, a następnie kliknąć przycisk '+' z sekcji lista parametrów: 14
Po kliknięciu tego przycisku otworzy się Edytor parametrów akcji: W sekcji Komunikaty, w polu tekstowym zredagujemy komunikat z wynikiem, który zostanie wyświetlony użytkownikowi. przykład: "Uzyskałeś 15 punktów na 20 możliwych do zdobycia!" Zwróćmy uwagę, że liczby 15 i 20 oznaczające odpowiednio: wynik w punktach i maksymalną liczbę punktów do zdobycia w tym zadaniu nie są ustalone i powinny być reprezentowane jakimiś polami dynamicznymi. W tym właśnie celu udostępniono listę Wstaw pole i przycisk Wstaw kod W praktyce wygląda to tak: wpisujemy początkowy, stały fragment tekstu i w miejscu, w którym powinien pojawić się wynik (pole dynamiczne) wybieramy z listy Wstaw pole odpowiednią pozycję a następnie wciskamy polecenie Wstaw piszemy dalej i znowu wstawiamy kod: strona 15
Po zredagowaniu treści komunikatu klikamy przycisk: i odtąd nasz komunikat (a właściwie jego szablon) jest dostępny dla całej lekcji. Po kliknięciu komunikatu: zostanie wyświetlony jego podgląd, a sam szablon umieszczony jako parametr akcji Kliknij OK i zamknij Edytor parametrów (Zamknij). Po powrocie do okna pozycjonowania i edycji akcji kliknij Zastosuj: i wróć do edycji ekranów - przycisk Zamknij: 16
Warto teraz obejrzeć nasze dotychczasowe dokonania. Uruchommy lekcję korzystając z przycisku Eksport i uruchomienie lekcji: Pomyślny eksport potwierdzony zostanie komunikatem: Po zamknięciu komunikatu zostanie uruchomiona lekcja. Lekcja rozpocznie się od ekranu powitalnego. Aby przejść do następnego ekranu (ćwiczenie typu "wybierz najlepszą odpowiedź"), skorzystamy z polecenia Dalej dostępnego w panelu domyślnego nawigatora: Dalej Spis treści Poprzedni ekran Pierwszy ekran Zwróć uwagę, że w naszej aplikacji nie umieściliśmy jeszcze przycisku zamykającego program. strona 17
W takiej sytuacji jedyną metodą zakończenia pracy z lekcją jest wciśnięcie klawiszy Alt-F4 na klawiaturze. Wróćmy więc do edycji ekranów naszej lekcji. Ustaw aktywny ekran na ekranie powitalnym i otwórz okno Podglądu i pozycjonowania obiektów. Przeciągnij na ekran obiekt: odsyłacz (lista Dostępne). Ustaw ten napis w prawym dolnym rogu ekranu. Zmień tekst nadruku na Koniec, zaznacz pogrubienie (B) i zwiększ czcionkę (12), dodaj akcję Koniec lekcji (grupa nawigacja): Pamiętaj o zatwierdzeniu wprowadzonych zmian i ustawień, ale tym razem skorzystaj z polecenia Zakres, które przyporządkuje te ustawienia do grupy ekranów (w naszym przykładzie będą to wszystkie ekrany lekcji): Po kliknięciu Zastosuj do wszystkich ekranów zostaną dodane powyższe właściwości odsyłacza. Musimy jeszcze zadbać o poprawną pozycję tego obiektu na pozostałych ekranach. W tym celu wciśnij Zakres w sekcji Położenie i rozmiar: 18
Zamknij okno podglądu - przycisk: Zamknij. Przejdź do edycji drugiego ekranu i również tutaj otwórz okno Podglądu i pozycjonowania obiektów. Zwróć uwagę, że na kolejnych dwóch ekranach (Ćwiczenie 2 - wybór wielokrotny, Ćwiczenie 3 - zadanie z lukami) będą potrzebne te same przyciski do obsługi ćwiczenia. Zastosujmy więc właściwości tych przycisków do dwóch kolejnych ekranów. W tym celu zaznacz przycisk (na ekranie lub na liście Wykorzystane) i kliknij Zakres zarówno w sekcji położenie i rozmiar obiektu, jak i w sekcji właściwości obiektów. Jesteśmy na ekranie drugim, zmiany mają dotyczyć ekranu trzeciego i czwartego: Przy okazji możemy ustawić też rozmiar i położenie obiektu HTML, w którym będą również wyświetlane kolejne dwa ćwiczenia. Wybieramy więc ten obiekt (kliknij obiekt na ekranie lub jego nazwę na liście Wykorzystane) i klikamy Zakres w sekcji Położenie i rozmiar. Podobnie jak w przypadku przycisków, interesuje nas zakres od ekranu bieżącego (2) do ekranu czwartego. strona 19
Krok VI: Ćwiczenie z więcej niż jedną odpowiedzią poprawną Przystępujemy do edycji trzeciego ekranu. Wpisz tytuł ekranu: Ćwiczenie 2 - kilka odpowiedzi poprawnych. W obiekcie HTML kliknij przycisk Ćwiczenie i wskaż odpowiedni typ ćwiczenia: Wybór wielokrotny (pola wyboru). Określ liczbę pytań (2) i odpowiedzi (3), kliknij Utwórz. Wprowadź treść polecenia, pytań i odpowiedzi, pamiętaj o zaznaczeniu odpowiedzi wzorcowych. Zamknij Edytor ćwiczeń (OK). 20
Krok VII: Ćwiczenie z lukami Przystępujemy do edycji czwartego ekranu. Wpisz tytuł ekranu: Ćwiczenie 3 - luki W obiekcie HTML kliknij przycisk Ćwiczenie i wskaż odpowiedni typ ćwiczenia: Tekst z lukami. Określ liczbę luk (3) ustawianą poleceniem Liczba pytań, kliknij Utwórz. Jeśli tekst wpisywany w luki ma być samodzielną jednostką w zdaniu (wyraz, wyrażenie), to zaznacz wstawianie spacji przed i po luce (sekcja Spacje). W sytuacji, gdy luki reprezentuje przyrostek, przedrostek lub gdy znajdują się na końcu zdania usuń odpowiednią spację (sekcja Spacje). Wprowadź treść polecenia i zawartość sekcji 1 (Treść 1): strona 21
Wprowadź wzorce odpowiedzi do pierwszej luki: /po wpisaniu odpowiedzi wzorcowej, kliknij przycisk +/ Wypełnij treścią pozostałe fragmenty ćwiczenia, wprowadź odpowiedzi wzorcowe do luk: W naszym przykładzie w drugiej luce jako wzorzec wpisano "Rysy", w trzeciej zaś "Polsce". 22
Krok VIII: Ćwiczenie otwarte - tekstowe Przystępujemy do edycji piątego ekranu. Wpisz tytuł ekranu: Ćwiczenie 4 - otwarte - tekstowe. Do wprowadzania odpowiedzi tekstowych wykorzystuje się obiekt o nazwie Pole edycyjne. Zaznacz pole: Dołącz pole edycyjne, usuń zaznaczenie w polu: Ukryj pole edycyjne (obiekt nie zostanie ukryty, a więc będzie widoczny bezpośrednio po załadowaniu ekranu). Pole edycyjne przeznaczone jest do wpisywania odpowiedzi, musimy jeszcze zadbać o prezentację polecenia dla użytkownika. Wykorzystamy do tego obiekt Napis. Otwórzmy więc podgląd i pozycjonowanie obiektów i z listy Dostępne przeciągnijmy na ekran obiekt Napis. W sekcji Właściwości obiektów wprowadź jako tekst treść polecenia i kliknij przycisk Zastosuj: Pamiętaj o dostosowaniu szerokości obiektu do wprowadzonego tekstu! Na ekranie zostaną odwzorowane nasze ustawienia: strona 23
Aby odpowiedź użytkownika została zapisana, trzeba umieścić na ekranie przycisk z tekstem nadruku: Zapisz odpowiedź i z przyporządkowaną akcją: Zapisz do pliku użytkownika. Na następnym ekranie wykorzystamy nasz napis do wyświetlenia polecenia do zadania liczbowego oraz przycisk zapisujący odpowiedź użytkownika. Możemy więc już teraz zastosować położenie i rozmiar obiektów: Napis oraz Przycisk do następnego ekranu. W tym celu dla obu obiektów należy kliknąć przycisk Zakres w sekcji położenie i napis i poinformować program, do których ekranów bieżące ustawienia mają zostać przypisane: Dla przycisku do następnego ekranu musimy również dodatkowo zastosować właściwości - kliknij Zakres w sekcji Właściwości. Kliknij przycisk Zamknij, aby powrócić do Edytora ekranów. 24
Krok IX: Ćwiczenie otwarte - liczbowe Przystępujemy do edycji szóstego ekranu. Wpisz tytuł ekranu: Ćwiczenie 5 - otwarte - liczbowe. Do wprowadzania odpowiedzi liczbowych wykorzystamy ponownie obiekt Pole edycyjne. Zaznacz pole: Dołącz pole edycyjne, usuń zaznaczenie w polu: Ukryj pole edycyjne (obiekt nie zostanie ukryty, a więc będzie widoczny bezpośrednio po załadowaniu ekranu). Polecenie dla użytkownika zostanie wyświetlone w przygotowanym na poprzednim ekranie obiekcie Napis. Otwórz podgląd i pozycjonowanie obiektów. Na liście wykorzystane zaznacz pozycję Napis 1 i w sekcji właściwości obiektów wprowadź polecenie dla użytkownika i kliknij Zastosuj: Dostosuj rozmiar i położenie pola edycyjnego do możliwej odpowiedzi użytkownika: Aby zmusić użytkownika do wpisania tylko liczby dodajmy za polem edycyjnym drugi napis, informujący o jednostkach miary: Kliknij przycisk Zamknij, aby powrócić do Edytora ekranów. strona 25
Krok X: Wyniki i zakończenie Przystępujemy do edycji siódmego, ostatniego ekranu. Wpisz tytuł ekranu: Wyniki i zakończenie. Naszym celem jest udostępnienie użytkownikowi obiektu, w którym będą wyświetlane dane w zależności od wciśniętego przycisku: Potrzebny będzie obiekt tekstowy RTF (w nim wyświetlimy wyniki) oraz 3 przyciski odpowiedzialne za wyświetlenie wyników punktowych z ćwiczeń podlegających ocenie automatycznej oraz przycisków, które odzyskają tekstową i liczbową odpowiedź użytkownika z ćwiczeń otwartych. Przygotujmy obiekt tekstowy: zaznacz pole tekst RTF, wpisz tekst: "tu będą wyniki". Przejdź do podglądu i pozycjonowania obiektów, przeciągnij z zakładki Dostępne trzy przyciski, wprowadź teksty ich nadruków i rozplanuj położenie oraz rozmiar przycisków i obiektu tekstowego RTF na ekranie. Pamiętaj, aby wszystkie zmiany właściwości obiektów potwierdzać przyciskiem Zastosuj! Oprogramujmy teraz przyciski sterujące wyświetlaniem wyników. Zaczniemy od najprostszych odpowiedzialnych za odzyskanie odpowiedzi tekstowej i liczbowej. W tym celu należy przyporządkować przyciskowi akcję: Załaduj do tekstu plik użytkownika z <nr ekranu>, wpisując jako parametr akcji numer ekranu, z którego ma zostać wczytana odpowiedź. Akcja ta znajduje się w grupie "systemowe". Tak więc dla przycisku: Odpowiedź tekstowa sekcja właściwości obiektów przyjmie postać: a dla przycisku Odpowiedź liczbowa: 26
Wróćmy teraz do obsługi wyników ćwiczeń 1-3. Wciśnięcie przycisku Wyniki... powinno uruchomić akcję wczytującą bazę wyników do obiektu tekstowego RTF. Akcja nazywa się Załaduj do RTF i znajduje się w grupie "ćwiczenia": W bazie wyników przechowywane są wyniki punktowe (liczby) uzyskane w poszczególnych ćwiczeniach. Żeby prezentacja wyników była czytelniejsza należy do akcji Załaduj do RTF dodać parametr. Tym parametrem może być na przykład szablon komunikatu wykorzystywanego podczas prezentowaniu wyników w poszczególnych ćwiczeniach: Zastosuj zmiany! strona 27