1 Szkolenie: Programy narzędziowe - eXe Tenet Management Sp. z o.o. ©

2 Na tym szkoleniu… Zapoznasz się z pojęciem AT Dowiesz się jak zainstalować prezentowane narzędzie eXe i poznasz jego możliwości Stworzysz przykładowy interaktywny projekt w eXe, który wyeksportujesz jako stronę WWW Zmienisz kodowanie strony i umieścisz ją na platformie Moodle Tenet Management Sp. z o.o. ©

3 Narzędzie służące do tworzenia interaktywnych treści e-learningowych bez znajomości języka programowania Tenet Management Sp. z o.o. © Standard zapisu SCORM w eXe

4 Tenet Management Sp. z o.o. © Zastosowania eXe: 1.Tworzenie materiałów umieszczanych platformach e-learningowych 2.Tworzenie stron WWW wykorzystywanych w e-learningu bez korzystania z platformy 3.Przygotowywanie materiałów w postaci płytek CD

5 Tenet Management Sp. z o.o. © Open Source Software darmowe oprogramowanie z otwartym źródłem Licencja “Copyleft” umożliwia każdemu bezpłatny dostęp do oprogramowania i kodu źródłowego Model OSS umożliwia współpracę przy reprodukcji oprogramowania

6 Tenet Management Sp. z o.o. © Edytor plik.elp zapis IMS/SCORM pakiet export Systemy zarządzające e-learningiem wysyłanie LOR

7 Tenet Management Sp. z o.o. ©

8 Panel Projektowania Panel Narzędzia Panel Zarys

9 Treść pedagogiczna zaczerpnięta z istniejącego źródła np. artykuł z Wikipedii Temat lekcji Utworzone w eXe pytania do lekcji Tenet Management Sp. z o.o. © Wielokrotne wykorzystanie treści dydaktycznych

10 Tenet Management Sp. z o.o. © Dostosowanie zawartości poprzez narzędzia eXe plik.elp

11 Tenet Management Sp. z o.o. © Uruchomienie eXe Instalacja eXe Instalacja Flash Playera Instalacja Javy www.exelearnig.org/ www.adobe.com www.java.com/pl/download/index.jsp

12 Jak zainstalować program eXe Tenet Management Sp. z o.o. © http://exelearning.org/

13 Instalacja eXe c. d. Tenet Management Sp. z o.o. © Otwiera się okno instalatora Należy kliknąć przycisk Zapisz plik i wskazać folder zapisu pliku np. Pulpit

14 Tenet Management Sp. z o.o. © Instalacja eXe c. d. Następuje pobieranie pliku z serwera Po zakończeniu tej operacji we wskazanym przez nas wcześniej folderze pojawi się ikona pliku instalacyjnego Po dwukrotnym kliknięciu na tej ikonie rozpoczyna się proces instalacyjny programu

15 Tenet Management Sp. z o.o. © Instalacja eXe c. d.

16 Tenet Management Sp. z o.o. © Instalacja eXe c. d. Należy zaznaczyć wszystkie opcje Można wskazać folder, w którym zostanie zapisana większość plików programu

17 Tenet Management Sp. z o.o. © Instalacja eXe c. d.

18 Tenet Management Sp. z o.o. © Instalacja eXe c. d. Instalacja została zakończona. Na pulpicie pojawiła się ikona startowa programu

19 Menu (szkielet) strony Tenet Management Sp. z o.o. © Aby dodać kolejną stronę w strukturze projektu należy zaznaczyć odpowiedni element w oknie Zarys i kliknąć przycisk Dodaj stronę Można przenieść do góry lub w dół daną stronę w obrębie swojej hierarchii np. daną sekcję Program umożliwia zmianę hierarchicznej struktury Daną stronę można usunąć przyciskiem Kasuj Stronie można nadać nazwę za pomocą przycisku Zmień nazwę

20 Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 15 minut Stwórz zadaną strukturę projektu w eXe

21 Struktura projektu ćwiczeniowego Układ Słoneczny Obiekty Układu Słonecznego Rodzaje obiektów Zestawienie informacji Porównanie wielkości planet i Słońca Co już zapamiętałeś? Jowisz Obejrzyj Saturn Neptun Mars Quiz

22 Zapisywanie, eksport pliku Plik / Zapisz jako / nazwa.elp Tenet Management Sp. z o.o. © Plik / Eksport / … Tworzysz pakiet, który zawsze możesz otworzyć w programie eXe oraz przenieść do innego komputera Możesz wyeksportować plik jako stronę WWW Następnie wyniki można użytkować offline: całą zawartość powstałego foldera można udostępnić lub nagrać na CD. Można zrobić skrót do pliku index.html Możesz wyeksportować projekt jako kurs na platformie e-learningowej Plik / Eksport / SCORM 1.2 Powstały plik nazwa.zip prześlij na platformę i wskaż jako SCORM

23 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Zapisz projekt jako plik planety1.elp Utwórz folder planety1 na Pulpicie i wyeksportuj do niego projekt jako stronę WWW Plik / Eksport / Strona internetowa / Self-contained Folder

24 Komponent: Cele lekcji Tenet Management Sp. z o.o. © Wskazujemy podstronę na której chcemy umieścić dany komponent W oknie iDevices wskazujemy kliknięciem narzędzie, którego chcemy użyćKliknij aby uzyskać pomocTen przycisk pozwala zakończyć tryb edycji i zaakceptować zmianyIkona kosz pozwala usuną edytowany obiekt

25 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Dodaj komponent cel lekcji do pierwszej strony Układ Słoneczny

26 Do komponentu cel lekcji wprowadź tekst i sformatuj go dowolnie Tenet Management Sp. z o.o. © Po ukończeniu 30-minutowego kursu uczeń będzie potrafił: wymienić planety Układu Słonecznego wymienić rodzaje obiektów otaczających Słońce

27 Komponent: Oraz z tekstem Tenet Management Sp. z o.o. © Możliwe jest oblewanie tekstem obrazka z lewej (lewa), z prawej (prawa) lub wcale (żaden). Wskazanie obrazka z pliku na dysku powoduje automatyczne wstawienie jego oryginalnych rozmiarów do pól tekstowych (w których następnie można je ewentualnie zmienić). W panelu Struktura należy wskazać stronę na której chcemy utworzyć obiekt, następnie w panelu iDevices należy wybrać kliknięciem komponent Obraz z tekstem Obrazek wraz z podpisem umieszczany jest w ramce. Obrazek jest zawsze na początku tekstu, można wstawiać go kilkakrotnie dla uzyskania tekstu zawierającego więcej niż jedną ilustrację. Okno edycji tekstu

28 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Dodaj komponent obraz z tekstem do podstrony Obiekty Układu Słonecznego

29 Komponent: Duży tekst Tenet Management Sp. z o.o. © W panelu Struktura wybierz stronę do której dodasz komponent W panelu iDevices wybierz narzędzie Duży tekst Komponent Duży tekst może być używany wszędzie, gdzie jest potrzebny opis formatowanym tekstem Edytor pozwala na wstawianie odnośników punktowanie numerowanie wcinanie bloków tekstu pogrubianie, pochylanie i podkreślanie indeksy dolne i górne symbole rozmiary operacje na tabelach inne

30 Tenet Management Sp. z o.o. © 10 minut Demonstracja i ćwiczenie Dodaj komponent Duży tekst do podstrony Zestawienie informacji

31 Komponent: Aplet Java Tenet Management Sp. z o.o. © W okno appletu można wkleić kod pobrany z serwisu YouTube.com, by osadzić w treści strony filmik dostępny w tamtym serwisie. YouTube.com W tym celu należy: 1. Używając strony YouTube.com znaleźć filmik.YouTube.com 2. Po jego prawej stronie kliknąć w pole Embed. 3. Skopiować treść kodu (Ctrl+C). 4. Wkleić (Ctrl+V) zawartość do pola kodu appletu.

32 Tenet Management Sp. z o.o. © 10 minut Demonstracja i ćwiczenie Dodaj komponent Aplet java do podstrony Porównanie wielkości planet i Słońca

33 Komponent: Strona internetowa off-line Tenet Management Sp. z o.o. © Wprowadź adres, który chcesz wyświetlić i wybierz rozmiar okna do wyświetlenia small medium large super-size

34 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Do podstrony Co już zapamiętałeś? dodaj komponent Strona internetowa off-line z krzyżówką o Układzie Słonecznym Adres: uklad.gimn1radymno.isx.pl/uklad.htm Wysokość ramki: large

35 Komponent: Wiki Article Tenet Management Sp. z o.o. © Wybierz wersję językową Wikipedii w której chcesz wyszukać artykuł Wprowadź frazę, którą chcesz wyszukać w Wikipedii

36 Tenet Management Sp. z o.o. © 10 minut Demonstracja i ćwiczenie Dodaj komponent Wiki Article do podstrony Jowisz Usuń zbędne informacje tak aby strona nie posiadała pionowego przewijaka

37 Komponent: Galeria obrazów 2 Tenet Management Sp. z o.o. © Wprowadź opis dla obrazu do powiększenia Wprowadź tekst, który chcesz skojarzyć z plikiem Kliknij na obrazie lub na przycisku Wybierz obraz aby wybrać plik obrazu do powiększenia

38 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Wstaw zdjęcie Jowisza (Jowisz.jpg) z możliwością powiększenia do podstrony Jowisz/Obejrzyj Wykorzystaj komponent Galeria obrazów 2

39 Komponent: Załącznik Tenet Management Sp. z o.o. © Znajdź plik, który chcesz dołączyć i wybierz go. Dodaj opis do załącznika: można zaznaczyć typ pliku i jego rozmiar. Wprowadź tekst, który chcesz połączyć z pobieranym plikiem. Mogą to być np. wskazówki czego wymagasz od ucznia.

40 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Dołącz plik pierścienie.pdf z tekstem o pierścieniach Saturna do podstrony Saturn Wykorzystaj komponent Załącznik Label: pierscienie.pdf (97 KB) Opis: Przeczytaj tekst o pierścieniach Saturna

41 Tenet Management Sp. z o.o. © W polu Pytanie wpisz treść pytania Kasujemy pytanie W polu Podpowiedź wpisz wskazówkę dla ucznia lub pozostaw to pole puste Wskaż, która z opcji jest poprawną odpowiedzią klikając w pole wyboru W polu Opcja wpisujemy kolejną z dostępnych odpowiedzi

42 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Wstaw pytanie wielokrotnego wyboru Wykorzystaj komponent Multi-selection

43 Komponent: Galeria obrazów 1 Tenet Management Sp. z o.o. © Wpisz tytuł galerii Kliknij na przycisku Dodaj obrazy aby wybrać odpowiedni plik Wprowadź podpis obrazu Daje możliwość udostępnienia kilku obrazów, które są powiązane z określonym zagadnieniem lub ćwiczeniem UWAGA: Obrazy powinny mieć rozmiary 320×240 pikseli

44 Tenet Management Sp. z o.o. © 10 minut Demonstracja i ćwiczenie Wstaw kilka zdjęć Neptuna do podstrony Neptun Wykorzystaj komponent Galeria obrazów 1

45 Komponent: MP3 Tenet Management Sp. z o.o. © Wskazujemy odpowiedni pik Dodajemy krótki opis Dodajemy tekst informujący np. o tym na co powinien słuchający zwrócić szczególna uwagę

46 Tenet Management Sp. z o.o. © 15 minut Demonstracja i ćwiczenie Wprowadź na stronę Mars dwa obiekty Obraz z tekstem – zdjęcie Marsa z tekstem MP3 – plik mp3 z opisem badań Marsa

47 Komponent: Multi-choice Tenet Management Sp. z o.o. © W polu Pytanie wpisz treść pytania Kasujemy pytanie W polu Podpowiedź wpisz wskazówkę dla ucznia lub pozostaw to pole puste Wskaż, która z opcji jest poprawną odpowiedzią klikając w pole wyboru W polu Opcja wpisujemy kolejną z dostępnych odpowiedzi

48 Tenet Management Sp. z o.o. © 15 minut Demonstracja i ćwiczenie Wykorzystaj komponent Pytanie wielokrotnego wyboru aby wprowadzić do podstrony Quiz pytania jednokrotnego wyboru zawierające opinię zwrotną

49 Komponent: Wypełnij puste pola Tenet Management Sp. z o.o. © Wprowadzamy instrukcje jak zadanie wypełniania pustych pól powinno zostać wykonane Wprowadzamy tekst ćwiczenia Aby wybrać słowa do ukrycia klikamy dwa razy na słowie a następnie klikamy przycisk Pokaż/Ukryj słowo

50 Tenet Management Sp. z o.o. © 10 minut Demonstracja i ćwiczenie Za pomocą komponentu Wypełnij puste pola wprowadź interaktywne ćwiczenie do podstrony Quiz

51 Komponent: Pytanie prawda/fałsz Tenet Management Sp. z o.o. © Możesz dodać wskazówkę aby pomóc uczniowi w odpowiedzi na pytanie Wpisz informację zwrotną. Jeśli pozostawisz to pole puste zostanie wypełnione domyślną wartością Wpisz treść pytania

52 Tenet Management Sp. z o.o. © 10 minut Demonstarcja i ćwiczenie Wprowadź pytania prawda/fałsz z opinią zwrotną do podstrony Quiz

53 Tworzenie nowego obiektu w eXe Tenet Management Sp. z o.o. © Narzędzia / Edytor obiektów W polu Edytuj możesz ustalić czy edytowany ma być już istniejący czy też nowy obiekt W polu Nazwa należy wpisać nazwę tworzonego obiektu Dodaje pole tekstowe do obiektu Dodaje interaktywną informację zwrotną do obiektu W polu Porada pedagogiczna wpisz informację o tworzonym obiekcie która będzie wyświetlać się po wybraniu utworzonego narzędzia i naciśnięciu ikony pomocy Użyj wyróżnienia do uwidocznienia ważnej informacji prezentowanej przez obiekt

54 Tenet Management Sp. z o.o. © 15 minut Demonstracja i ćwiczenie Stwórz nowy obiekt o nazwie mojobiekt złożony z pola tekstowego i trzech pól typu opinia zwrotna

55 Tenet Management Sp. z o.o. © Demonstracja i ćwiczenie Narzędzia / Edytor obiektów W polu Nazwa wpisz mojobiekt W polu Porada pedagogiczna wpisz: Obiekt składa się z pola tekstowego i trzech pól opinia zwrotna

56 Tenet Management Sp. z o.o. © Demonstarcja i ćwiczenie Kliknij raz pole tekstowe i trzy razy opinia zwrotna W polu Opis przycisku wpisz I grupa W polu Opis przycisku wpisz II grupa W polu Opis przycisku wpisz III grupa Usuwa wprowadzony element edytowanego przez nas obiektu Kliknij Zapisz

57 Tenet Management Sp. z o.o. ©

58

59 Styl Default Podmenu Style

60 Tenet Management Sp. z o.o. © Styl Garden Podmenu Style

61 Styl Kahuragi Tenet Management Sp. z o.o. © Podmenu Style

62 Tenet Management Sp. z o.o. © Styl Seamist Podmenu Style

63 Tenet Management Sp. z o.o. © Styl Silver Podmenu Style

64 Tenet Management Sp. z o.o. © Styl Slate Podmenu Style

65 Tenet Management Sp. z o.o. © Podmenu Style Styl Standardwhite

66 Tenet Management Sp. z o.o. © 5 minut Demonstracja i ćwiczenie Zmiana stylu „skórki” projektu

67 Tenet Management Sp. z o.o. © Eksport stworzonego w eXe projektu na platformę

68 Tenet Management Sp. z o.o. © Stworzony przez nas projekt przekracza 2MB (max. rozmiar pliku, który możemy przesłać). Musimy go wyeksportować jako osobny folder. Wymusi to na nas również kodowanie używane przez serwer Tenet-u. Polecenie: Plik/Export/Strona internetowa/Self-contained Folder

69 Tenet Management Sp. z o.o. © Serwer, na którym znajduje się platforma Tenet-u korzysta z kodowania polskich znaków w formacie ISO-8859-2. Natomiast eXe tworzy strony kodowane w formacie UTF-8. Potrzebujemy dokonać konwersji kodowania. Znakomitym narzędziem w tym względzie jest program Gżegżółka, który można pobrać ze strony www.gzegzolka.com. Zmiana kodowania (zależna od serwera z jakiego korzystamy)

70 Tenet Management Sp. z o.o. © Po wejściu na stronę klikamy zakładkę Pobierz i ściągamy wskazaną strzałką wersję programu.

71 Tenet Management Sp. z o.o. © Następnie klikamy zakładkę Rejestracja i formularzu rejestracyjnym podajemy swoje imię i nazwisko oraz adres e-mail. Na ten adres zostanie wysłany numer seryjny wraz z instrukcją jego użycia. Rejestracja Gżegżółki dla osób fizycznych jest darmowa.

72 Tenet Management Sp. z o.o. © Po zainstalowaniu i rejestracji możemy uruchomić program. Jego okno jest widoczne poniżej.

73 Tenet Management Sp. z o.o. © Klikamy Narzędzia/Opcje W zakładce Plik odznaczamy Twórz kopię zapasową Klikamy OK.

74 Tenet Management Sp. z o.o. © Klikamy polecenie Edycja/Dodaj grupę W polu Folder podajemy ścieżkę dostępu do folderu, do którego wyeksportowaliśmy projekt z eXe. W polu Maska wpisujemy *.html. Klikamy przycisk OK.

75 Tenet Management Sp. z o.o. © W zaznaczonej czerwoną strzałką liście wybieramy ISO 8859-2 (Europa Środkowa) Klikamy przycisk Start. Potwierdzamy, że chcemy dokonać konwersji plików klikając Tak, a potem zamykamy raport z konwersji i cały program.

76 Przesyłanie plików na platformę Najszybciej prześlemy pliki na platformę w formie archiwów Zip. Nie mogą być one jednak większe niż 2MB. Warto też przygotować specjalny folder, w którym umieścimy pliki z eXe. W tym celu w panelu administracyjnym naszego kursu klikamy Pliki, przycisk Utwórz folder. Następnie wchodzimy do tego folderu i przesyłamy utworzone archiwa. Tenet Management Sp. z o.o. ©

77 Po przesłaniu archiwów wystarczy je rozpakować klikając Rozpakuj Zobaczymy wówczas listę plików do rozpakowania, którą potwierdzamy klikając OK.

78 Tenet Management Sp. z o.o. © W kursie wstawiamy projekt z eXe jako Link do pliku lub strony www. Jako lokalizację wybieramy położenie pliku index.html. Warto „pobawić się” opcjami, które ujawnią się, gdy zaznaczymy Nowe okno.

79 Tenet Management Sp. z o.o. © Efekt przedstawionej w tej prezentacji pracy możecie zobaczyć klikając w link Projekt utworzony w eXe

80 Dziękujemy za uwagę! Agnieszka Konstant - [email protected] Tenet Management Sp. z o.o. © Jerzy Mil - [email protected]