Xerte – przewodnik użytkownika cz. 2.

Xerte - przewodnik użytkownikaW poprzedniej części przewodnika dowiedziałeś się w jaki sposób zainstalować program i jak dodawać poszczególne elementy do drzewa dokumentu e-learningowego. Drzewo dokumentu znajdujące się w lewym panelu programu reprezentuje strukturę obiektu e-learningowego. W momencie uruchomienia obiektu mechanizm Xerte wykonuje poszczególne zadania zaczynając od góry drzewa, a kończąc na ostatnim elemencie znajdującym się w strukturze.

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ć.

Xerte - obiekt e-learningowy

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

Xerte - 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.

Xerte - rozciąganie grafiki

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).

Xerte - import JPG

Xerte - import PNG

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

Xerte - efekt końcowy

Może Ci się również spodoba