Struktura szablonów opiera się na języku XML, więc pewne umiejętności programistyczne będą mile widziane. Plik szablonu można modyfikować ręcznie bądź skorzystać z kreatora szablonów (który należy wcześniej odpowiednio przygotować). Jakiekolwiek zmiany będziemy wprowadzać w późniejszym czasie, wystarczy jedynie modyfikować plik *.xml.

Całość artykułu powstała w oparciu o dokumentację, którą możesz ściągnąć z oficjalnej strony Xerte.

Za chwilę stworzymy od podstaw szablon Quizu, w skład którego będą wchodzić następujące elementy: logo (bądź dowolne tło graficzne), tekst wprowadzający (tzw. intro) oraz grupa pytań z różnymi opcjami do wyboru. Część opcji będzie błędna, a pozostałe będą poprawne, natomiast użytkownik będzie mógł zobaczyć wynik quizu. Wszystkie dane wymagane do utworzenia quizu będą zawarte w pliku xml. W trakcie projektowania szablonu nie wiemy dokładnie ile pytań w ostateczności będzie znajdować się w naszym quizie oraz jak dużo opcji im przypiszemy. Xerte pobiera dane z pliku xml i tworzy właściwą treść w oparciu o informacje, które znajdują się w tym pliku.

Kiedy już utworzysz gotowy szablon będziesz modyfikować jedynie plik xml. Jest to o wiele łatwiejsze niż tworzenie całego projektu od podstaw. Plik xml zawiera tylko te informacje, które mogą podlegać różnym modyfikacjom, zasada samego działania pozostaje niezmienna.

Każda ręczna modyfikacja pliku niesie za sobą pewien margines błędu, dlatego warto stworzyć kreatora, dzięki któremu nie będziemy się martwić czy w pliku zabrakło jakiejś linijki bądź brakuje np. tagu zamykającego. Xerte pozwala w prosty sposób edytować plik xml za pomocą kreatora szablonu (arkusza stylów).

Etap 1:  Tworzymy pliki projektu

Załóż katalog w którym będzie znajdował się cały projekt, np. C:\Program Files\Xerte\templates\mojquiz, a następnie stwórz 3 pliki: quiz.rlo, quiz.xml oraz quiz.xwd (arkusz stylu dla kreatora).

Etap 2: Tworzymy wpisy w pliku quiz.rlo

Otwórz plik quiz.rlo (plik projektu) w dowolnym edytorze i umieść w nim następujący fragment kodu:

	<LO name="Learning Object">
		<IFC name="Interface" title="My Learning Object" visuals="1">
			<PG name="[Untitled]" title="Page Title" help="Page Help" />
		</IFC>
		<BIN name="Deleted Items" />
	</LO>

Etap 3: Tworzymy wpisy w pliku quiz.xml

Otwórz plik quiz.xml w dowolnym edytorze i umieść w nim następujący fragment kodu xml (intro, pytania, opcje). Za pomocą atrybutu background podaliśmy ścieżkę do pliku z grafiką tła. Między tagami <intro></intro> znajduje się nasz tekst wprowadzający do quizu, natomiast pytanie z opcjami do wyboru będzie się znajdować w części <question></question>, przy czym dla każdej opcji należy ustawić właściwy atrybut correct (true/false) tak, aby wiadomo było, która odpowiedź jest prawidłowa.

	<quiz background="FileLocation + 'media/robinHood.png'">
		<intro>To jest mój pierwszy QUIZ</intro>
		<question>
			<prompt>Pytanie nr. 1</prompt>
			<option correct="true">Odpowiedź nr 1</option>
			<option correct="false">Odpowiedź nr 2</option>
		</question>
		<question>
			<prompt>Pytanie nr. 2></prompt>
			<option correct="true">Odpowiedź nr 1</option>
			<option correct="false">Odpowiedź nr 2</option>
		</question>
	</quiz>

Etap 4: Dołączenie szablonu

Otwórz plik quiz.rlo w programie Xerte. W oknie Properties wybierz templateData i przypisz jej wartość FileLocation + 'quiz.xml’.

Zauważ, że po dodaniu atrybutu templateData ikonka z obiektem Learning Object zmieniła swój wygląd (dodatkowe kółko). Kiedy zbudujemy kreator, będziesz w stanie zmodyfikować plik xml poprzez dwukrotne kliknięcie na powyższą ikonkę.

Etap 5: Budowanie kreatora

Na tym etapie zbudujemy arkusz stylów, który będzie informował Xerte w jaki sposób będzie wyświetlał dane. Przechodzimy do edycji pliku quiz.xwd. Plik .xwd jest plikiem, który powinien posiadać strukturę xml, a jego nazwa powinna być identyczna z nazwą pliku xml. np. quiz.xml -> quiz.xwd. Wszystkie informacje zawierają się pomiędzy tagiem <wizard>. Plik quiz.xwd zawiera wpisy dla każdego węzła, znajdującego się w pliku quiz.xml.

<wizard>
  <quiz duplicate="false">
    <background type="media" label="Plik tła"/>
    <help>To jest przykładowy kreator szablonu quizu. Plik obrazu tła powinien mieścić się w granicach 300 x 450 pikseli</help>
 </quiz>

 <intro type="text" height="300" label="Tekst wprowadzający" duplicate="false">
    <help>Pomoc dla wprowadzenia</help>
  </intro>

  <question>
    <help>Pomoc odnośnie pytania</help>
  </question>

  <prompt type="text" height="300" label="Pytanie" duplicate="false">
    <help>Pomoc dla treści pytania</help>
  </prompt>

  <option type="text" height="100" label="opcja">
    <correct type="ComboBox" options="true,false" label="Odpowiedź" width="100"/>
    <help>Pomoc dla opcji</help>
  </option>
</wizard>

Dla każdego węzła znajdującego się w pliku quiz.xml utworzony został odpowiadający mu węzeł w pliku quiz.xwd. Węzeł definiuje następujące parametry:

• kontrola edycji pliku xml dla tego węzła lub jeden z jego atrybutów; można również określić takie właściwości wysokość lub szerokość,
• czy użytkownik może duplikować węzeł lub nie; w tym przykładzie niektóre elementy nie mogą być powielane – np. jest tylko jeden tekst wprowadzający, pozostałe elementy mogą być powielane co oznacza, że użytkownik może utworzyć dowolną ilość pytań i dowolną liczbę przypisanych mu opcji,
• pomoc dla każdego węzła xml.

W oknie po lewej stronie pojawiła się struktura naszego pliku quiz.xml. Kiedy zaznaczysz dany węzeł, po prawej stronie pojawi się (w zależności od typu węzła) określone pole do uzupełnienia – są to wcześniej wspomniane definicje, które zostały umieszczone w pliku quiz.xwd. Pomoc zdefiniowana w arkuszu stylów znajduje się pod niebieską ikonką z napisem „i”.

W ten sposób stworzyliśmy w pełni funkcjonalnego kreatora, który upraszcza proces edycji pliku quiz.xml. Możesz wybrać tło graficzne dla projektu, uzupełnić tekst wprowadzenia, powielać pytania oraz opcje dla każdego pytania, ustawić które odpowiedzi są błędne, a które prawidłowe, przypisywać tekst pomocy dla każdego węzła.

Etap 6: Tworzenie szablonu

Teraz zbudujemy dynamiczny szablon Xerte, który będzie bazował na pliku xml i utworzy nasz quiz. Zamykamy okno kreatora i przechodzimy do okna projektu Xerte. Wykonamy następujące czynności.

• załadujemy grafikę tła,
• utworzymy tekst wprowadzający,
• utworzymy właściwą liczbę pytań; każde pytanie będzie znajdować się na osobnej stronie oraz będzie posiadać określoną liczbę opcji do wyboru,
• zbudujemy algorytm decydowania o poprawności danej odpowiedzi oraz stworzymy tablicę do przechowywania wyników quizu,
• na koniec zrealizujemy interfejs, dzięki któremu użytkownik otrzyma informację zwrotną o wyniku quizu.

Zgodnie z powyższymi założeniami hierarchia będzie wyglądać w sposób następujący:

Tło projektu

Wystarczy dodać ikonę Graphic do ikony Entry frame (o nazwie tło) i uzupełnić wartość url, którą pobierzemy z pliku quiz.xml

{templateData.quiz[0].background}

Następnie podaj wartości x oraz y, które ustawią grafikę w odpowiednim miejscu.

Tekst wprowadzający

Podobnie postępujemy w przypadku ustawiania tekstu wprowadzającego.

Dodajemy ikonę Text do ikony Page o nazwie intro. W oknie Text podaj paramter, który zwróci nam wartość z tekstem wprowadzającym z pliku quiz.xml, natomiast w oknie Properties podaj położenie tekstu oraz wymiary okna.

Tworzymy określoną liczbę pytań

Zrealizujemy to za pomocą ikony Script. Aby dodać ikonę skryptu należy prawym przyciskiem myszy kliknąć na Learning Object i wybrać „Add Setup Script” albo bezpośrednio dodać ikonę z przybornika ikon. W oknie Script wpiszemy definicję, która sprawdzi ilość zdefiniowanych pytań:

quizData = templateData.quiz[0];
quesCount = templateData.quiz[0].question.length;

Kolejny wpis pozwoli na utworzenie tylu stron ile jest pytań

icon.nextSibling.childNodes[2].duplicate(quesCount-1);

Potrzebujemy również tablicę gdzie zapiszemy wyniki quizu:

tracking = new Array();

.. a także umożliwimy śledzenie generowania strony z pytaniami:

built = new Array();

Na koniec musimy jeszcze gdzieś przechowywać informacje o tym, które odpowiedzi zostały zaznaczone przez użytkownika:

answers = new Array();

Powyższy kod wykonywany jest tylko raz. Należy pamiętać o tym, że plik Xerte jest plikiem xml. Kiedy uruchamiany jest powyższy skrypt, reszta poleceń w pliku quiz.rlo nie jest jeszcze przetwarzana. Oznacza to, że istnieje możliwość budowania struktury, która będzie poddawana przetworzeniu. Powyższy kod duplikuje stronę z pytaniem tyle razy, ile jest pytań w pliku -1 (ponieważ na wstępie dołączyliśmy już pytanie wzorcowe).

Tworzenie strony z pytaniami

Przejdziemy teraz do najtrudniejszej części tworzenia tego projektu. Na stronie z pytaniem (która będzie wielokrotnie powielana) umieścimy treść pytania oraz odpowiednią liczbę opcji do wyboru. Będziemy również potrzebować algorytmu, który sprawdzi czy na pytanie została udzielona właściwa odpowiedź.

W oknie Script umieszczamy kod, który sprawdza bieżący numer pytania (informacja ta będzie wykorzystywana w dalszych etapach budowania projektu).

quesIndex = icon.parentNode.index() - 2;

Następnie konfigurujemy już samo pytanie – do tego celu wykorzystujemy wyrażenie, które odczyta tekst znajdujący się we właściwej części pliku xml.

{templateData.quiz[0].question[quesIndex].prompt}

W kolejnym kroku będziemy budować interakcje w sposób bardzo podobny do wcześniejszych kombinacji z tworzeniem stron pytań.

optCount = quizData.question[quesIndex].option.length;

if (built[quesIndex] != 'true'){
  icon.nextSibling.firstChild.duplicate(optCount - 1);
}
built[quesIndex] = 'true';

Powyższy algorytm ma działać w taki sposób, abyśmy mieli pewność, że dana operacja będzie wykonana tylko raz. Jeśli użytkownik cofnie się do strony, nie możemy pozwolić na to, aby kolejne odpowiedzi na pytanie zostały wysłane. Następnie zbudujemy skrypt, który będzie sprawdzał czy odpowiedź użytkownika jest prawidłowa.

// czy odpowiedź jest prawidłowa?
if (quizData.question[quesIndex].option[icon.parentNode.index()].correct == 'true'){
tracking[quesIndex] = 1;
} else {
tracking[quesIndex] = 0;
}
//przechowaj wynik odpowiedzi
answers[quesIndex] = icon.parentNode.index();

Pokażemy również użytkownikowi, które odpowiedzi zostały wybrane, jeśli powrócił na stronę z pytaniem, na które już została udzielona odpowiedź.

if (answers[quesIndex] != undefined){
  tempIndex = answers[quesIndex];
  icon.previousSibling.childNodes[tempIndex].clip().setValue(true);
}

Tworzenie strony z informacją zwrotną

W celu stworzenia strony z informacją zwrotną do użytkownika użyjemy ikony Text. We właściwościach Text wpiszemy następujące wyrażenie:

{"To jest wynik testu. Udzieliłeś " + tracking.sum() + " prawidłowych odpowiedzi."}

Szablon mamy gotowy. Sprawdźmy wynik naszych działań:

Dystrybucja szablonu

Skoro mamy już gotowy szablon, możemy stworzyć funkcjonalny plik w postaci binarnej, który można przenosić między innych użytkowników Xerte. Wykonaj następujące czynności:

• zmień nazwę pliku z quiz.rlo na quiz.rlt. Rozszerzenie .rlt jest dla Xerte informacją, że do pliku dołączony jest kreator szablonu. W momencie otwarcia pliku Xerte zostaje automatycznie otwarte okno kreatora,
• z menu Templates wybierz Create Template i podaj nazwę dla tworzonego pakietu, np. mojquiz.xtp.

Tak utworzony plik mojquiz.xtp można przenosić pomiędzy innych użytkowników Xerte. Plik mojquiz.xtp po wczytaniu do programu Xerte wygeneruje nam wszystkie pliki szablonu – *.rlt, *.xml,*.xwd oraz pozostałe pliki wchodzące w skład struktury katalogu.

[wpfilebase tag=’file’ id=’2′ tpl=’moj’]

The post Xerte – tworzymy szablon quizu appeared first on Platformy edukacyjne - narzędzia cyfrowe w edukacji i biznesie edukacyjnym.

We właściwościach obiektu możesz ustawić następujące parametry: kolor tła panelu górnego, dolnego oraz kontenera głównego, rozmiar, kolor oraz wygląd czcionek tytułu strony, tekstu kontenera głównego, tekstu na panelu dolnym, kolory tekstu oraz tła przycisków, kolory etykiet, rozmiar okna i in.

W każdej chwili możesz podejrzeć wyniki swojej pracy lub dokonać wizualnych zmian z pomocą skrótów klawiaturowych:

F5
Podgląd fragmentu kursu.

CTRL-F5
Podgląd fragmentu kursu i automatyczne przejście do strony aktualnie wybranej.

SHIFT-F5
Podgląd fragmentu kursu w trybie edycji. Pozwala na zmianę wymiarów oraz położenia elementu zaznaczonego w drzewie dokumentu.

CTRL-SHIFT-F5
Połączenie dwóch wymienionych wyżej metod podglądu kursu.

Podwójne kliknięcie na elemencie drzewa dokumentu.
Otwiera podstrony aktualnie wybranego elementu.

SHIFT+Podwójne kliknięcie na elemencie drzewa dokumentu
Otwiera wszystkie zagnieżdżone podstony aktualnie wybranego elementuselected in the tree.

Dokładny opis poszczególnych pól właściwości wygląda następująco:

name – Twoja nazwa obiektu. np. Kurs Xerte

titleBarColour – kolor tła panelu górnego (nagłówka). Domyślną wartością jest kolor niebieski (0x0000FF), natomiast w moim projekcie został zmieniony na 0x666666. Za pomocą atrybutu titleBarColour przypiszesz jednocześnie kolor tła dla Spisu Treści (Table of Contents).

statusBarColour – kolor tła panelu dolnego, gdzie znajdują się elementy konfiguracyjne jak: zmiana rozmiaru tekstu, rodzaju czcionki, motyw kolorystyczny i in. Domyślną wartością jest kolor niebieski (0x0000FF). W moim projekcie został zmieniony na 0X666666.

fillColour – kolor tła głównego kontenera, gdzie znajduje się właściwa treść kursu. Możesz ustawić np.0xDDDDDD.

defaultFont – zmienia wygląd domyślnej czcionki używanej w tekście, (korzystając w tekście z języka HTML możesz nadpisać domyślne wartości czcionek. W moim projekcie ustawiłam czcionkę na Tahoma)
defaultSize – rozmiar czcionki (np. 12),
defaultColour – kolor czcionki (np. czarny – 0x000000),
defaultBold – pogrubienie czcionki (1) lub brak (0)

selectableText – decydujesz o tym czy tekst można zaznaczać (1), czy też nie (0)

embededFonts – decydujesz o tym czy mają być wykorzystywane wbudowane czcionki (1) czy też nie (0). Aby korzystać z tej funkcjonalności musisz mieć skompilowaną bibliotekę zawierającą czcionki. Fonty dołączysz za pomocą polecenia File -> Build Library.

buttonFillColour – przy pomocy tego atrybutu definiujesz kolor przycisków interfejsu oraz kolor własnych przycisków. Ustawiłam kolor czerwony (0xFF0000) – co prawda gryzie się z resztą kolorystyki, ale jest tak tylko ustawione dla celów pokazowych
buttonTextColour – kolor tekstu oraz konturów znajdujących się na przyciskach, np. 0xEEEEEE.

glossaryColour – kolor podświetlenia słów znajdujących się w słowniku

labelColour – kolor etykiet znajdujących się przy przyciskach wyboru opcji (radio button, check box)

inputFont – krój czcionki w polu tekstowym (np. Tahoma)
inputSize – rozmiar czcionki pola tekstowego (np.m 12)
inputColour – kolor czcionki w polu tekstowych (np. czarny – 0x000000)
inputBold – decydujesz czy czcionka w polu tekstowym ma być pogrubiona (1) czy nie (0)

pageTitleFont – krój czcionki dla tytułu pojedynczej strony kursu (np. Tahoma)
pageTitleSize – rozmiar czcionki wyżej wymienionego tytułu (np. 25 ?)
pageTitleColour – kolor czcionki (np. 0xFFFFFF)
pageTitleBold – decydujesz czy czcionka tytułowa ma być pogrubiona (1) czy nie (0)

i efekt końcowy:

statusFont – krój czcionki dla panelu dolnego (np. Tahoma)
statusSize – rozmiar czcionki dla panelu (np. 12)
statusColour – kolor czcionki (np. 0x00FF00)
statusBold – decydujesz czy czcionka w tym miejscu ma być pogrubiona (1) czy nie (0)

titleFont – krój czcionki dla tytułu kursu (znajduje się tuż nad tytułem każdej strony)
titleSize – rozmiar czcionki dla tytułu (np. 16)
titleColour – kolor czcionki (niech będzie 0xEEEEEE)
titleBold – decydujesz czy czcionka w tym miejscu ma być pogrubiona (1) czy nie (0)

stageColour – kolor okna (sceny) kursu, np.0xFFFFFF
stageSize – rozmiar okna pikselach (width, height), czyli zapis 800, 600 oznacza 800px szerokości i 600px wysokości

templateData – ścieżka do pliku xml z danymi zewnętrznymi. Plik jest ładowany jeszcze przed inicjalizacją obiektu.

styleSheet – własny szablon stylów, np.
colourScheme {
titleBarColour: 0xFF0000;
defaultFont: Tahoma
fillColour: 0xFFFF00;
}

Brakuje jeszcze dopracowania interfejsu programu pod kątem podpowiedzi dla uzupełniania pól wartości, np. rozmiar czcionki, kolor – nie jest wiadomo od razu w jakim formacie wpisać. Ktoś kto pierwszy raz styka się z programem musi zaglądać do manuala.

W przypadku kolorów, zamiast uzupełniać kolejno powyższe pola można skorzystać z gotowego narzędzia znajdującego się w Tools -> Colour Scheme. Wybierasz dany element, ustalasz dla niego kolor i naciskasz Apply

The post Xerte – przewodnik użytkownika cz. 3 appeared first on Platformy edukacyjne - narzędzia cyfrowe w edukacji i biznesie edukacyjnym.

Program jest w taki sposób skonstruowany, że możesz zbudować cały kurs nie posiadając jakichkolwiek umiejętności programistycznych. Warto jednak przyjrzeć się skryptom, gdyż dzięki nim można stworzyć ciekawe interakcje. Język skryptowy wykorzystywany w programie jest stosunkowo prosty – oparty jest o ActionScript (wykorzystywany w aplikacjach Flash’owych) oraz JavaScript. Dzięki znajomości języków skryptowych zbudujesz kurs, który będzie działać dokładnie w taki sposób jak powinien.

Przejdźmy teraz do okna właściwości. Okno właściwości zawiera 2 panele: Text oraz Script. W panelu Text możesz umieścić dowolny tekst, który Xerte wyświetli na stronie, natomiast w panelu Script zamieszczasz kod, który Xerte ma wykonać.

Jeżeli chcesz podejrzeć efekty swojej pracy wystarczy że naciśniesz klawisz F5 lub wybierzesz z menu opcję View -> Preview

Xerte umożliwia import grafiki, animacji flash, plików wideo flash oraz audio bezpośrednio do tworzonego projektu. Wystarczy wybrać stronę na którą chcesz zaimportować plik, a następnie wybrać z menu polecenie File -> Import media. W zależności od tego jaki typ pliku importujemy (grafika, audio, wideo) pojawi się okno dialogowe z opcjami dla naszego pliku, np. położenie, marginesy itp.

W momencie importu multimediów do projektu, kopia pliku zostaje automatycznie zachowana w katalogu 'media’ bieżącego projektu. Jeżeli katalog nie istnieje zostaje on automatycznie utworzony. Jeżeli przyzwyczajony jesteś do wizualnej zmiany rozmiaru grafiki, możesz to zrobić w trybie Podglądu. Wystarczy, że naciśniesz kombinację klawiszy SHIFT-F5, a zostaniesz przeniesiony w tryb wizualnej edycji. W tym trybie masz możliwość rozciągnięcia obrazka (chwytając za żółtą linię otaczającą grafikę) bądź przemieszczenia go w inne miejsce.  Dotyczy to nie tylko grafiki, ale wszystkich obiektów znajdujących się na stronie: tekstu, wideo itp.

Import grafiki (JPG, PNG)

Program umożliwia dodanie grafiki w formacie JPG lub PNG. Jeżeli dodasz daną ikonę do drzewa dokumentu, a następnie skonfigurujesz powiązane z nią opcję możesz sprawdzić końcowy rezultat naciskając kombinację klawiszy CTRL-F5. Jeżeli chcesz bezpośrednio przejść do określonego elementu i np. zmienić jego rozmiar lub położenie naciśnij kombinację  CTRL-SHIFTF5. Zmianę położenia czy rozmiaru możesz wykonać przytrzymując lewy przycisk myszki, dodatkowo jeżeli chcesz przesunąć element w inne miejsce możesz skorzystać z klawiszy opisanymi strzałkami (góra, dół, lewo, prawo).

Po dodaniu grafiki do naszej strony efekt końcowy może wyglądać następująco:

The post Xerte – przewodnik użytkownika cz. 2. appeared first on Platformy edukacyjne - narzędzia cyfrowe w edukacji i biznesie edukacyjnym.

Interfejs programu jest na tyle prosty w obsłudze,  że bez trudu powinna sobie poradzić osoba nie posiadająca umiejętności programistycznych. Jeżeli dodatkowo znasz się na programowaniu możesz wzbogacić swój kurs w zaawansowane funkcje interaktywne.

Instalacja

Aktualną wersję oprogramowania Xerte pobierzesz  ze strony: http://www.nottingham.ac.uk/xerte.  Po ściągnięciu oprogramowania ze strony należy uruchomić instalatora:

Xerte jest stosunkowo często aktualizowany. Jeżeli chcesz być na bieżąco informowany o aktualizacjach pakietu skorzystaj  z kanału RSS. Dodatkowo możesz zapisać się na listę mailingową gdzie uzyskasz wiele ciekawych informacji o możliwościach programu, bugach, rozwiązaniach problemu, nowościach itp. oraz uzyskać pomoc w w wielu sprawach dotyczących obsługi oprogramowania.

Instalacja jest bardzo prosta, zajmie niespełna kilka minut. Poniższe zrzuty ekranowe ilustrują poszczególne kroki jakie należy wykonać w procesie instalacji Xerte.

Nowy projekt

Przed utworzeniem nowego projektu należy założyć nowy katalog na dysku swojego komputera. Najlepszym rozwiązaniem jest stworzenie osobnych katalogów dla każdego projektu. Uruchom program Xerte i wybierz File – New.  Zachowaj nowy plik w katalogu, który wcześniej utworzyłeś na dysku.

W lewej kolumnie znajduje się drzewo dokumentu.  Obiekt e-learningowy utworzysz poprzez dodanie ikon (elementów) do drzewa z palety ikon. Istnieje 11 różnych typów ikon: Text, Graphic, Drawing, Sound, Movie, Script, Page, Framework, Entry Frame, Interaction, Decision. Niektóre służą do dołączania multimediów do obiektu, inne budują strukturę dokumentu oraz elementy interaktywne. Ikony znajdują się w palecie ikon. Dodanie ikony do drzewa dokumentu możesz wykonać na różne sposoby:

• Przeciągnij określoną ikonę (audio, wideo, grafika itp.) z palety ikon do miejsca w drzewie dokumentu, w którym ma się znajdować.



• Zaznacz ikonę w drzewie dokumentu dla której chcesz dodać nowy element, a następnie kliknij dwukrotnie na określonej ikonce w palecie ikon. Pojawi się jako element podrzędny w strukturze dokumentu.
• Kliknij prawym przyciskiem myszy na ikonie dla której chcesz dodać element podrzędny i wybierz określony typ ikony, który chcesz dodać z menu.

W momencie tworzenia nowego projektu, drzewo dokumentu zawiera4 elementy:

• Learning Object
• Interface
• pusta strona [Untilted]
• Deleted Items

Możesz dowolnie rozbudowywać strukturę dodając kolejne strony do elementu Interface, a także dodając multimedia oraz elementy interaktywne do każdej strony.

Ikony możesz dowolnie przestawiać w drzewie dokumentu za pomocą techniki „przeciągnij i upuść” w miejsce, w którym chcesz, aby element się znadował.  Xerte posiada mechanizm zabezpiecznienia przed przemieszczaniem ikon w miejsca, do których nie przynależą. Jeśli usuniesz np. element wideo, zostanie on przeniesiony do obiektu Deleted Items, z którego możesz później odzyskać wcześniej usunięty element. Jeśli dodasz ikonę do struktury możesz uzupełnić dodatkowe informacje w oknie Properties znajdującego się w prawej kolumnie programu.

Wybranie dowolnego elementu spowoduje wyświetlenie powiązanych z nim właściwości w oknie Properties. Ikony posiadają określone ustawienia, które muszą być uzupełnione, oraz wartości opcjonalne, które możesz uzupełnić bądź nie. Wartości opcjonalne można dodać wybierając z listy rozwijalnej (jak na rysunku poniżej) określony element.

W następnym artykule zobaczysz w jaki sposób należy dołączyć i skonfigurować multimedia oraz uruchomisz pierwszy projekt w Xerte.

The post Xerte – przewodnik użytkownika cz. 1. appeared first on Platformy edukacyjne - narzędzia cyfrowe w edukacji i biznesie edukacyjnym.

httpv://www.youtube.com/watch?v=FMEzQKin488

The post Xerte Online Toolkits – prezentacja wideo appeared first on Platformy edukacyjne - narzędzia cyfrowe w edukacji i biznesie edukacyjnym.

Jeżeli stworzysz kurs pod jedną konkretną platformę nie dbając o SCORM nie będziesz w stanie go przenieść później na inną platformę. Nie chodzi o to żeby konstruować kursy za każdym pod nową platformę, ale stworzyć go raz zgodnie ze specyfikacją. Poniżej znajdziesz listę darmowego oprogramowania open source, za pomocą, którego możesz stworzyć swój pierwszy kurs zgodnie ze standardem SCORM.

Jeżeli przymierzasz się do tworzenia kursów na platformę Moodle, pamiętaj, że wymienione narzędzia nie są wspierane ze strony Moodle i wcale nie muszą być z nim kompatybilne.

Darmowe oprogramowanie Open Source

eXe

eXe to ogólnie dostępne oprogramowanie open source umożliwiające tworzenie kursów i szkoleń zgodnie ze standardem SCORM bez potrzeby znajomości języków programowania HTML czy XML.  Tworzone treści można wyeksportować do formatu IMS Content Package, SCORM 1.2 lub IMS Common Cartridge lub zachować jako strony internetowe. Jeśli jesteś ciekaw w jaki sposób wykorzystywać dane narzędzie obejrzyj screencast’y.

Xerte

Xerte to w pełni funkcjonalne środowisko open source do tworzenia interaktywnych kursów e-learningowych. Oprogramowanie posiada przyjazne środowisko graficzne dzięki czemu nie musisz posiadać umiejętności programistycznych. Narzędzie umożliwia pełną integrację tekstu, grafiki, animacji, plików audio i wideo.   Xerte jest również doskonałym  narzędziem dla programistów, którzy mogą tworzyć zaawansowane treści o charakterze interaktywnym.

The post Narzędzia do tworzenia kursów zgodnych ze standardem SCORM appeared first on Platformy edukacyjne - narzędzia cyfrowe w edukacji i biznesie edukacyjnym.