1. Szkolenie: Programy narzędziowe - eXe 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

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. © E dytor plik .elp zapis IMS/SCORM pakiet export Systemy zarządzające e-learningiem wysyłanie LOR

7. Tenet Management Sp. z o.o. ©

8. Tenet Management Sp. z o.o. © 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 SCORM

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. Instalacja eXe c. d. Tenet Management Sp. z o.o. © 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. Instalacja eXe c. d. Tenet Management Sp. z o.o. ©

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

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

18. Instalacja eXe c. d. Tenet Management Sp. z o.o. © 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 Tenet Management Sp. z o.o. © Układ Słoneczny Obiekty Układu Słonecznego Jowisz Saturn Neptun Mars Quiz Rodzaje obiektów Zestawienie informacji Porównanie wielkości planet i Słońca Co już zapamiętałeś? Obejrzyj

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ć pomoc Ten przycisk pozwala zakończyć tryb edycji i zaakceptować zmiany Ikona kosz pozwala usuną edytowany obiekt

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

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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 5 minut Dodaj komponent obraz z tekstem do podstrony Obiekty Układu Słonecznego

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

32. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 10 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 5 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 10 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 5 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 5 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 5 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 10 minut 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ę

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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 15 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 10 minut 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. Demonstarcja i ćwiczenie Tenet Management Sp. z o.o. © 10 minut 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 15 minut Stwórz nowy obiekt o nazwie mojobiekt złożony z pola tekstowego i trzech pól typu opinia zwrotna

55. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 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. Demonstarcja i ćwiczenie Tenet Management Sp. z o.o. © 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. Tenet Management Sp. z o.o. ©

59. Tenet Management Sp. z o.o. © 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. Demonstracja i ćwiczenie Tenet Management Sp. z o.o. © 5 minut 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. Zmiana kodowania (zależna od serwera z jakiego korzystamy) 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.

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.

77. Tenet Management Sp. z o.o. © 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 - konstag@wp.pl Tenet Management Sp. z o.o. © Jerzy Mil - jmil@eduapple.pl