Program narzędziowy eXe

Szkolenie:Programy narzędziowe - eXe

Tenet Management Sp. z o.o. ©

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


Narzędzie służące do tworzenia interaktywnych treści e-learningowych bez znajomości języka

programowania


Standard zapisu SCORM w eXe


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


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


Edytor

plik.elp

zapis

IMS/SCORMpakiet

export

Systemy zarządzające e-learningiem

wysyłanie

LOR


Panel ProjektowaniaPanel Narzędzia

Panel Zarys

Treść pedagogiczna zaczerpnięta z istniejącego źródła np. artykuł z Wikipedii

Temat lekcji

Utworzone w eXe pytaniado lekcji


Wielokrotne wykorzystanie treści dydaktycznych


Dostosowanie zawartości poprzez narzędzia eXe

plik.elp


Uruchomienie eXe

Instalacja eXe

Instalacja Flash Playera

Instalacja Javy

www.exelearnig.org/

www.adobe.com

www.java.com/pl/download/index.jsp

Jak zainstalować program eXe


http://exelearning.org/

Instalacja eXe c. d.


Otwiera się okno instalatora

Należy kliknąć przycisk Zapisz plik i wskazać folder zapisu pliku np. Pulpit



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



Należy zaznaczyć wszystkie opcjeMożna wskazać folder, w którym zostanie zapisana większość plików programu



Instalacja została zakończona. Na pulpicie pojawiła się ikona startowa programu

Menu (szkielet) strony


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ę

Demonstracja i ćwiczenie


15 minut

Stwórz zadaną strukturę projektu w eXe


Struktura projektu ćwiczeniowegoUkł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

Zapisywanie, eksport pliku• Plik / Zapisz jako / nazwa.elp


• 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


5 minut


•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

Komponent: Cele lekcji


Wskazujemy podstronę na której chcemy umieścić dany komponentW 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


5 minut


Dodaj komponent cel lekcji do pierwszej strony Układ Słoneczny

Do komponentu cel lekcji wprowadź tekst

i sformatuj go dowolnie


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

Komponent: Oraz z tekstem


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


5 minut


Dodaj komponent obraz z tekstem do podstrony Obiekty Układu

Słonecznego

Komponent: Duży tekst


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


10 minut


Dodaj komponent Duży tekst do podstrony Zestawienie informacji

Komponent: Aplet Java


W okno appletu można wkleić kod pobrany z serwisu YouTube.com, by osadzić w treści strony filmik dostępny w tamtym serwisie.

W tym celu należy: 1. Używając strony YouTube.com znaleźć filmik. 2. Po jego prawej stronie kliknąć w pole Embed. 3. Skopiować treść kodu (Ctrl+C). 4. Wkleić (Ctrl+V) zawartość do pola kodu appletu.

http://youtube.com/

http://www.youtube.com/


10 minut


Dodaj komponent Aplet java do podstrony

Porównanie wielkości planet i Słońca

Komponent: Strona internetowa off-line


Wprowadź adres, który chcesz wyświetlić i wybierz rozmiar okna do wyświetlenia

small

medium

large

super-size


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

Komponent: Wiki Article


Wybierz wersję językową Wikipedii w której chcesz wyszukać artykuł

Wprowadź frazę, którą chcesz wyszukać w Wikipedii


10 minut


Dodaj komponent Wiki Article do podstrony Jowisz

Usuń zbędne informacje tak aby strona nie posiadała pionowego przewijaka

Komponent: Galeria obrazów 2


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


5 minut


Wstaw zdjęcie Jowisza (Jowisz.jpg)z możliwością powiększenia

do podstrony Jowisz/ObejrzyjWykorzystaj komponent Galeria obrazów 2

Komponent: Załącznik


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.


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


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


5 minut


Wstaw pytanie wielokrotnego wyboruWykorzystaj komponent

Multi-selection

Komponent: Galeria obrazów 1


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


10 minut


Wstaw kilka zdjęć Neptuna do podstrony Neptun

Wykorzystaj komponent Galeria obrazów 1

Komponent: MP3


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ę


15 minut


Wprowadź na stronę Mars dwa obiekty

•Obraz z tekstem – zdjęcie Marsa z tekstem

•MP3 – plik mp3 z opisem badań Marsa

Komponent: Multi-choice


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


15 minut


Wykorzystaj komponent Pytanie wielokrotnego wyboru

aby wprowadzić do podstrony Quizpytania jednokrotnego wyboru zawierające

opinię zwrotną

Komponent: Wypełnij puste pola


Wprowadzamy instrukcje jak zadanie wypełniania pustych pól powinno zostać wykonane

Wprowadzamy tekst ćwiczeniaAby wybrać słowa do ukrycia klikamy dwa razy na słowie a następnie klikamy przycisk Pokaż/Ukryj słowo


10 minut


Za pomocą komponentu Wypełnij puste pola wprowadź

interaktywne ćwiczeniedo podstrony Quiz

Komponent: Pytanie prawda/fałsz


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


10 minut

Demonstarcja i ćwiczenie

Wprowadź pytania prawda/fałsz z opinią zwrotną do podstrony Quiz

Tworzenie nowego obiektu w eXe


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 obiektuDodaje 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


15 minut


Stwórz nowy obiekt o nazwie mojobiekt złożony z pola tekstowego i trzech pól typu opinia zwrotna


Demonstracja i ćwiczenieNarzę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


Demonstarcja i ćwiczenieKliknij 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


Styl Default

Podmenu Style


Styl Garden

Podmenu Style

Styl Kahuragi


Podmenu Style


Styl Seamist

Podmenu Style


Styl Silver

Podmenu Style


Styl Slate

Podmenu Style


Podmenu Style

Styl Standardwhite


5 minut


Zmiana stylu „skórki” projektu


Eksport stworzonego w eXe projektu na platformę


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


Serwer, na którym znajduje się platforma Tenet-u korzystaz 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)


Po wejściu na stronę klikamy zakładkę Pobierz i ściągamy wskazaną strzałką wersję programu.


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.


Po zainstalowaniu i rejestracji możemy uruchomić program.

Jego okno jest widoczne poniżej.


Klikamy Narzędzia/Opcje

W zakładce Plik odznaczamy Twórz kopię zapasową

Klikamy OK.


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.


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.

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.



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.


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.


Efekt przedstawionej w tej prezentacji pracy możecie zobaczyć klikając w link Projekt utworzony w eXe

Dziękujemy za uwagę!

Agnieszka Konstant - [email protected]


Jerzy Mil - [email protected]

Program narzędziowy eXe

Documents

Transcript of Program narzędziowy eXe