Utilizarea produsului eXeLearning pentru

crearea leciilor n format electronic

Bogdan Tudoric

Ploieti
2013

Sumar:
1 Note introductive..................................................................................................................... 3
2 Obinerea i formele de prezentare ale produsului.................................................................. 5
3 Utilizarea produsului eXeLearning pentru crearea unei lecii n format electronic................ 6
3.1 Pornirea produsului. Scurt prezentare............................................................................. 6
3.2 Crearea unei lecii noi....................................................................................................... 7
3.3 Completarea proprietilor i metadatelor leciei.............................................................. 8
3.4 Structurarea unei lecii...................................................................................................... 9
3.5 Popularea seciunilor i subseciunilor cu diverse componente...................................... 11
3.5.1 Componentele Activity, Free Text, Objectives, Preknowledge...............................12
3.5.2 Componentele Cloze Activity i Dropdown Activity.............................................. 16
3.5.3 Componentele Multi-choice, Multi-select, SCORM Quiz i True-False Question. 18
3.5.4 Componentele Case Study, Reading Activity i Reflection................................... 20
3.5.5 Componenta External Web Site...............................................................................22
3.5.6 Componenta Image Gallery..................................................................................... 23
3.5.7 Componenta Image Magnifier................................................................................. 25
3.5.8 Componenta Java Applet......................................................................................... 26
3.5.9 Componenta RSS..................................................................................................... 28
3.5.10 Componenta Wiki Article......................................................................................30
3.6 Pregtirea leciei pentru utilizarea propriu-zis. Exportul leciei n diverse formate......32
Anexa 1. Instalarea produsului eXeLearning sub sistemul de operare Windows.....................33
Anexa 2. O metod alternativ de adugare a conintului video ntr-o component................ 35
Anexa 3. O metod de utilizare a structurilor chimice n leciile eXeLarning......................... 38

Pagina 2 din 40

1 Note introductive
Acest ndrumar este destinat utilizrii n cadrul disciplinei Instruire Asistat de
Calculator de ctre cursanii modulului psiho-pedagogic din Universitatea Petrol-Gaze din
Ploieti. El poate prezenta de asemenea interes pentru cadre didactice, instructori, formatori i
alte persoane care doresc s creeze lecii n format electronic.
Autorul pornete de la prezumpia c utilizatorii acestui ghid au cunotine de baz de
utilizare a calculatorului i c sistemul de operare utilizat este o variant oarecare de Windows
(varianta pe care sunt realizate ilustraiile din acest ghid este Windows XP, dar i alte versiuni
de Windows pot rula aplicaia prezentat; aplicaia este disponibil i sub alte sisteme de
operare a se vedea i comentariile din capitolul Obinerea i formele de prezentare ale
produsului).
eXeLearning a fost finanat de New Zealand Government Tertiary Education
Commission's eCollaboration Fund i dezvoltat de University of Auckland, The Auckland
University of Technology i Tairawhiti Polytechnic. Ulterior aplicaia a fost suportat de
CORE Education, o organizaie non-profit specializat pe cercetare i devoltare din New
Zealand. Produsul a primit de asemenea sprijin substanial din partea unui numr de ali
participani i contribuitori. La momentul curent (2013), dezvoltarea i actualizarea aplicaiei
a fost preluat n principal de Centro Nacional de Referencia de Aplicacion de las TIC
basadas en Fuentes Abiertas din Spania1 n cadrul proiectului INTEF eXe2.
Produsul eXeLearning este destinat crerii pachetelor de coninuturi n format
electronic. n ghidul de fa vom denumi n mod generic aceste pachete de coninut prin
termenul lecii (prin lecie se nelege n mod obinuit un produs destinat instruirii, de
complexitate i ntindere limitate; produsele imediat apropiate ca structur obiectul de
nvare i unitatea de nvare pot fi i ele reprezentate n format electronic cu ajutorul
acestei aplicaii, diferenele fiind doar de complexitate i dimensiune). Leciile create n
aceast aplicaie nu sunt recomandate utilizrii direct n formatul n care sunt salvate de
aplicaie, dar pot fi exportate (opiunea FileExport) n urmtoarele formate:

1
2

Common cartridge (format dezvoltat de IMS Global Learning Consortium http://www.imsglobal.org) (opiunea FileExportCommon cartridge; rezultatul
este un fiier zip coninnd lecia n format Common cartridge);

SCORM (Sharable Content Object Reference Model) versiunea 1.2 (format

dezvoltat n cadrul Advanced Distributed Learning (ADL) Initiative, la comanda
Office of the United States Secretary of Defense www.scorm.com) (opiunea
FileExportSCORM 1.2; rezultatul este un fiier zip coninnd lecia n format
SCORM). Leciile n format SCORM sunt utilizabile ntr-o multitudine de
platforme de e-learning i alte produse similare, printre care i produsul utilizat n
educaia preuniversitar romneasc numit Advanced eLearning (AeL) (o list de
exemple de utilizare a leciilor n format SCORM n diverse produse poate fi gsit
aici: http://exelearning.org/wiki/ContentPackaging/SCORM_Import_Screenshots.

IMS Content Package (un alt format dezvoltat de IMS Global Learning
Consortium - http://www.imsglobal.org) (opiunea FileExportIMS Content
Package; rezultatul este un fiier zip coninnd lecia n format IMS Content
Package);

Site web independent. Poate fi ncrcat pe un server web oarecare i utilizat ca

atare sau utilizat n absena unui server web (poate fi deschis direct cu un browser

https://forja.cenatic.es/
https://forja.cenatic.es/projects/iteexe/
Pagina 3 din 40

web, neavnd componente dinamice care s necesite neaprat utilizarea unui

server web; pentru deschidere dublu click sau click dreaptaOpen pe fiierul
index.html). Site-ul rezultat poate fi exportat att despachetat ntr-un folder
(opiunea FileExportWeb siteSelf-contained Folder; folderul creat va avea
acelasi nume cu numele dat leciei la salvare) ct i mpachetat ntr-o arhiv zip
(opiunea FileExportWeb siteZip File);

Single page. Rezultatul este un folder asemntor cu cel al exportului sub form de
site web despachetat, deosebirile fiind legate doar de modul de repartizare a
informaiei n una (Single page) sau mai multe pagini web (Web site) (opiunea
FileExportSingle Page; folderul creat va avea acelai nume cu numele dat
leciei la salvare);

Text file. Rezultatul este un fiier text care conine numai informaiile de tip text
din lecie (imaginile, secvenele video i alte componente multimedia vor fi
pierdute) (opiunea FileExportText File);

XLIFF. Rezultatul este un fiier ntr-un format XML uor de tradus ntr-o alt
limb.

Obs. Formatele Common Cartridge, SCORM i IMS Content Package sunt nrudite,
avnd structuri, destinaii i funcionaliti similare.
Mai este demn de remarcat i faptul c produsul eXeLearning este un produs Open
Source, dnd astfel posibilitatea modificrii sale n diverse moduri (printre care i portarea
produsului n limba romn).
Ilustraiile sunt realizate de autor prin captur de ecran n diverse situaii de utilizare,
iar textele explicative sunt de concepie proprie, bazate pe experienele autorului cu acest
produs.

Pagina 4 din 40

2 Obinerea i formele de prezentare ale produsului

Aplicaia eXeLearning are dou forme de prezentare pentru sistemele de operare MS
Windows3:

Aplicaie instalabil. Se instaleaz ntr-un folder oarecare; n timpul instalrii toate

fiierele componente sunt despachetate. Prezint avantajul c permite adugarea de
stiluri, de pachete de limbaj i crearea de noi componente (iDevice-uri) care s fie
disponibile permanent (opiuni pentru utilizatori avansai). Prezint dezavantajul
c nu poate fi mutat ntr-un alt folder sau pe un alt sistem de calcul. Ultima
versiune
a
acestei
forme
este
disponibil
la
adresa:
https://forja.cenatic.es/frs/download.php/file/1571/eXe-install1.04.1.3605intef7.1.exe (versiunea din 14 mai 2013). Instalarea produsului este
una obinuit, care nu necesit precauii sau msuri speciale (instalarea este
prezentat n detaliu n Anexa 1. Instalarea produsului eXeLearning sub sistemul
de operare Windows).

Aplicaie portabil. Este alctuit dintr-un singur fiier arhiv. La fiecare execuie
acest fiier extrage toate componentele n folderul de fiiere temporare. Prezint
avantajul c poate fi mutat i executat n alt folder sau sistem de calcul. Prezint
dezavantajul ca nu permite adugarea de stiluri i de pachete de limbaj, iar
componentele (iDevice-urile) adugate n timpul unei sesiuni de lucru sunt
disponibile doar pe durata sesiunii respective. Ultima versiune a acestei forme este
disponibil la adresa: https://forja.cenatic.es/frs/download.php/file/1572/exeready2run-1.04.1.3605intef7.1.exe (versiunea din 14 mai 2013).

Produsul eXeLearning este disponibil i pentru alte sisteme de operare cum ar fi:

Mac OS X (versiunea 10.3.9 sau mai mare)

Linux Ubuntu Feisty (versiunile Ubuntu Feisty 7.04, Gutsy 7.10 i Hardy 8.04sau
mai noi)

Linux Ubuntu Dapper (versiunile Ubuntu Dapper 6.06 i Edgy 6.10)

Linux Fedora 7 (dar i versiunile Fedora 8 i Fedora 9)

Linux openSUSE 10.2 i 10.3

One Laptop Per Child OLPC XO

De asemenea produsul este disponibil i sub form de cod surs (deci poate fi folosit
n principiu i pentru alte sisteme de operare dect cele enunate; este nevoie totui de
cunotine avansate de programare pentru acest lucru). Pentru informaii suplimentare poate fi
consultat pagina produsului: http://exelearning.org/wiki.

Cele dou variante recomandate pentru utilizare, mpreun cu alte variante i versiuni de la
diverse date i pentru diverse sisteme de operare pot fi descrcate de pe pagina (variantele
viitoare
ale
aplicaiei
vor
putea
fi
gsite
pe
aceeai
pagin):
https://forja.cenatic.es/frs/?group_id=197
Pagina 5 din 40

3 Utilizarea produsului eXeLearning pentru crearea unei

lecii n format electronic
3.1 Pornirea produsului. Scurt prezentare
1.

Se deschide aplicaia (meniul Start, folderul exe, opiunea exe pentru forma
instalabil a aplicaiei; dublu click sau click dreaptaOpen pe fiierul executabil
pentru forma portabil a aplicaiei). Fereastra aplicaiei arat precum cea din imaginea
urmtoare (dreptunghiurile colorate sunt adugate de autor pentru evidenierea
diverselor zone):

Figura 1 - Aspectul aplicaiei eXeLearning cu evidenierea zonelor principale

2. In fereastra aplicaiei pot fi distinse urmtoarele zone (evideniate cu dreptunghiuri

colorate):

Bara de meniu (zona albastr);

Schema de structur a leciei (zona roie);

Lista de iDevice-uri (componente) disponibile (zona verde);

Comutatorul ntre modul de editare i modul de modificare a proprietilor i

metadatelor (zona bleu);

Suprafaa de lucru efectiv (zona galben);

Pagina 6 din 40

3.2 Crearea unei lecii noi

1. La pornire, eXeLearning are o lecie nou gata deschis pe suprafaa de lucru. Ulterior,
n timpul sesiunii de lucru, poate fi oricnd creat o alt lecie nou (opiunea
FileNew);
2. Se selecteaz stilul dorit din meniul Styles (diferenele ntre stiluri sunt date de culori,
fonturi i pictograme folosite);
3. Este bine ca imediat dupa deschiderea unei lecii noi, aceasta s fie salvat cu un nume
oarecare (de preferat unul descriptiv) (opiunea FileSave) precum n Figura 2 (se
selecteaz locaia n care se va salva fiierul i se d acestuia un nume; dup aceea se
d click pe Save):

Figura 2 - Dialogul de salvare a unui fiier sub un nume oarecare

Explicaie. Salvarea iniial este necesar datorit faptului c diverse opiuni de export
utilizeaz denumirea dat leciei ca denumire pentru folderul n care vor fi grupate fiierele
formatului exportat (a se vedea capitolul Note introductive pentru mai multe detalii).
Dac salvarea a avut loc cu succes, va fi afiat un mesaj de confirmare precum cel din
figura urmtoare. n caz contrar, probabil utilizatorul a selectat pentru salvare o locaie n care
nu se poate salva (spre exemplu direct n My Computer) sau nu a furnizat un nume corect
pentru fiier (exist caractere care sunt interzise n numele de fiiere, cum ar fi \ / : * ? " < >
sau | ) sau nu a furnizat deloc un nume pentru fiier.

Figura 3 Mesaj de confirmare a salvrii

Not. Pe parcursul lucrului, pentru siguran, operaia de salvare ar trebui executat ori
de cte ori s-a nregistrat un progres semnificativ de la ultima salvare.
Pagina 7 din 40

3.3 Completarea proprietilor i metadatelor leciei

Proprietile i metadatele leciei sunt informaii diverse furnizate pentru o lecie.
Completarea acestora, dei facultativ, este recomandat, prezena lor uurnd operaiile
ulterioare de administrare a platformelor de e-learning sau a altor produse n care va fi inclus
lecia respectiv.
Pentru a putea completa aceste informaii se d click pe eticheta Properties din zona
bleu (a se vedea Figura 1). Rezultatul este comutarea suprafeei de lucru din modul de
editare n modul de modificare a proprietilor i metadatelor (a se vedea Figura 4).

Figura 4 - Aspectul aplicaiei eXeLearning dup comutarea din modul de editare n modul de modificare
a proprietilor i metadatelor

n dialogurile Package (Figura 4) i Metadata (Figura 5) vor fi completate informaiile

considerate a fi pertinente conform destinaiei leciei, dup care se d click pe butonul Apply.

Pagina 8 din 40

Figura 5 - Continutul dialogului Metadata se vor completa informaiile conform cu destinaia leciei

Pentru a reveni la modul normal de editare se d click pe eticheta Authoring din

zona bleu (a se vedea Figura 1).

3.4 Structurarea unei lecii

n concepia specific e-learning, leciile au o structur arborescent n care rdcina
este reprezentat de lecia n sine, iar crengile i frunzele sunt diversele elemente
componente ale leciei (preambul, introducere, diverse coninuturi separate, test de
autoevaluare, seciune de teme etc.).
Structura unei lecii este reprezentat n zona roie de pe Figura 1. n aceeai zon
sunt disponibile i opiunile de modelare a acestei structuri (n detaliu n Figura 6):

Add page adaug un nou element n structura leciei. Elementul respectiv va fi

subordonat elementului care este selectat la momentul adugrii;

Delete terge elementul selectat din structura leciei;

Rename redenumete elementul selectat din structura leciei;

Sgeata barat n sus ridic un element n ierarhia leciei;

Sgeata barat n jos coboar un element n ierarhia leciei;

Sgeat n sus ridic un element (acesta va rmne totui la acelai nivel de

subordonare);

Sgeat n jos coboar un element (acesta va rmne totui la acelai nivel de

subordonare).

Pagina 9 din 40

Figura 6 - Imagine de detaliu a zonei de structur a leciei aa cum apare aceasta ntr-o lecie nou

n Figura 7 este prezentat aceeai zon, de aceast dat cu o structur complet de

lecie. Se observ modul n care a fost structurat lecia n seciuni i subseciuni (structura
leciei luate ca exemplu conine principalele componente enumerate mai jos).

Figura 7 - Imagine de detaliu a zonei de structur a leciei pentru o lecie n lucru

Aceeai zon poate fi folosit i pentru selectarea seciunii sau subseciunii care este
deschis pentru editare pe suprafaa de lucru (click pe seciunea sau subseciunea dorit).
Obs. Se recomand neutilizarea diacriticelor n denumirile paginilor pentru a evita ca pe
un sistem oarecare, care nu a fost configurat pentru utilizarea caracterelor romneti, lecia s
nu se deschid corespunztor. n schimb n coninutul paginilor, diacriticele pot fi utilizate
fr reineri.
Obs. Nu ar trebui uitat nici aspectul metodic al realizrii leciilor, n sensul de a prevede
n acestea toate componentele necesare unei lecii:

Titlu / copert
Introducere care s conin o descriere a leciei, o motivare a cursanilor n
studierea leciei respective, precum i explicaii asupra modului n care lecia va fi
parcurs i cunotinele evaluate
Pagina 10 din 40

Recapitulare (atunci cnd este cazul) sub form de coninut sau de evaluare sau
ambele
Sumarul leciei
Coninuturi propriu-zise
Evaluare
Teme
Surse suplimentare de informare
Incheiere

3.5 Popularea seciunilor i subseciunilor cu diverse componente

Lista componentelor (iDevices) care pot fi utilizate ntr-o seciune sau subseciune de
lecie se gsete n zona verde din Figura 1. Selectarea prin click cu mouse-ul a oricreia
dintre ele duce la inserarea n mod de editare a respectivei componente pe seciunea sau
subseciunea de lecie aflat curent n editare (ca n Figura 8). n continuare, n acest ghid vor
fi prezentate pe rnd componentele disponibile.

Figura 8 - Inserarea n seciunea curent a unei componente din lista de componente prin click pe
denumirea componentei

Diversele componente pot fi utilizate liber, conform dorinei i imaginaiei fiecruia,

dar fiecare dintre ele are totui o anumit destinaie generic:
Activity Text cu titlu i pictogram. Potrivit pentru coninuturi.
Case Study Studiu de caz cu text, cerine i feedback.
Cloze activity Text cu poriuni lips; utilizabil la evaluare.
Dropdown activity Text cu poriuni selectabile; utilizabil la evaluare.
External Web Site Un cadru n care este afiat un site web extern; util pentru a
afia surse suplimentare de informaie / referine bibliografice.
Pagina 11 din 40

Free text Text fr titlu i pictogram. Potrivit pentru coperte sau seciuni de text
din interiorul unui text mai lung.
Image Gallery Galerie de imagini. Fiecare imagine se selecteaz i poate primi o
explicaie.
Image Magnifier Imagine cu o lup; potrivit pentru vizualizarea detaliilor (spre
exemplu pe o hart, imagine anatomic sau schem tehnologic).
Java Applet Applet Java. Util n special pentru inserarea n lecie a coninuturilor
realizate cu Descartes, Geogebra, Jclic i Scratch, dar orice alte tipuri de applet-uri
Java grafice pot fi utilizate.
Multi-choice ntrebri gril cu un singur rspuns corect. Conin feedback.
Multi-select ntrebri gril cu mai multe rspunsuri corecte. Conin feedback.
Objectives Text cu titlu i pictogram. Potrivit pentru enumerarea de obiective,
competene, seciuni ale leciei etc.
Preknowledge Text cu titlu i pictogram. Potrivit pentru recapitulare.
RSS List de articole preluat automat dintr-un flux RSS oarecare.
Reading activity Activitate de lectur dirijat. Conine textul de citit, cerinele i
un feedback.
Reflection Tem de reflecie. Conine enunul i feedback-ul
SCORM Quiz Pachet de ntrebri gril cu cte un singur rspuns corect care este
corectat global. Prevede not de trecere. Nu are feedback.
True-False Question ntrebare cu rspuns adevrat / fals. Conine feedback.
Wiki Article Permite ncrcarea i salvarea n ntregime a unui articol din
Wikipedia ntr-un cadru pe pagin, dup care articolul respectiv poate fi modificat
dup dorin.

3.5.1 Componentele Activity, Free Text, Objectives, Preknowledge

Sunt componente mixte ce pot cuprinde elemente de tip text/imagine/film/sunet.
Utilizarea componentelor:

Se schimb textul Activity/Objectives/Preknowledge n titlul dorit (Free Text nu are

titlu i pictogram; se recomand utilizarea Free text atunci cnd un titlu ar ncurca,
spre exemplu la realizarea unei coperi);

Se completeaz caseta de text cu coninuturile dorite:

o coninuturile de tip text pot fi scrise/editate direct folosind caseta de text sau
pot fi aduse dintr-un alt editor de text cu Copy-Paste; sunt disponibile trei
varieti de Paste (Paste simplu este util pentru copierea din pagini web,
Paste as Plain Text este util atunci cnd se dorete eliminarea formatrii
originale a textului la copiere, Paste from Word este util la copierea dintr-un
document Microsoft Word);
o coninuturile de tip imagine se adaug/modific dnd click pe butonul
Insert/Edit Image pictograma cu un copac (va aprea dialogul din Figura 9
n care se poate selecta imaginea i respectiv titlul alternativ al imaginii n
subdialogul General i respectiv se poate dimensiona, alinia i spaia
imaginea n subdialogul Appearence);

Pagina 12 din 40

Figura 9 - Caseta de dialog pentru adugarea / modificarea unei imagini

o Coninuturile de tip media (sunet, film, animaie) se adaug / modific dnd

click pe butonul Insert/Edit Embedded Media pictograma cu o bucat de
film foto (va aprea dialogul din Figura 10 n care se poate selecta tipul de
fiier i fiierul media dorit n subdialogul General i respectiv se poate
colora fundalul i respectiv alinia i spaia cadrul n care va fi reprezentat
fiierul media n subdialogul Advanced).

Figura 10 - Caseta de dialog pentru adugarea / modificarea unui coninut media

o O metod alternativ de adugare a coninuturilor de tip media (mai util n

cazul care se dorete utilizarea de coninuturi de pe o pagin extern, fr a le
mai descrca pe calculatorul propriu - cum ar fi un film de pe YouTube) este
descris n Anexa 2.
o Coninuturile de tip formul matematic se adaug / modific dnd click pe
butonul LaTeX to Math for eXe pictograma cu un radical (va aprea
dialogul din Figura 11 n care este disponibil un editor de ecuaii minimal bazat
pe LaTeX; pentru a vedea formula rezultat se d click pe butonul Preview).
Pagina 13 din 40

Acest editor de ecuaii matematice este de acelai tip cu cele utilizate pentru
publicaii profesionale. Editoare cu acelai principiu de funcionare (codul
obinut este interschimbabil ntre editoare) dar cu mai multe simboluri
disponibile i care pot fi folosite separat de aplicaia eXeLearning pentru a
include ecuaii matematice n pagini web, pot fi gsite pe Internet (spre
exemplu la adresa: http://www.codecogs.com/latex/eqneditor.php). Codurile
obinute sunt compatible ntre ele (n sensul c se poate produce spre exemplu
o formul matematic foarte complex cu editorul de ecuaii de pe pagina
recomandat mai sus, dup care codul corespunztor poate fi adus n editorul
de ecuaii din eXeLerning i va fi acceptat fr probleme). ntr-un mod
oarecum similar pot fi introduse i structuri chimice n leciile eXeLearning a
se vedea Anexa 3.

Figura 11 - Caseta de dialog pentru adugarea / modificarea unei ecuaii matematice

Obs. Explicaiile de mai sus referitoare la tipuri de coninut sunt valabile pentru toate
celelalte componente care mai utilizeaz coninuturi interne leciei (Case study, Cloze
Activity, DropDown Activity, FreeText, Multi-choice, Multi-Select, Objectives,
Preknowledge, Reading Activity, Reflection, RSS, SCORM Quiz, True-False Question, Wiki
Article). Aceste tipuri de coninut nu sunt n schimb utilizabile n componentele care preiau
fr modificare coninut din exterior (External Web Site, Image Gallery, Image Magnifier,
Java Applet).

Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V;
Sunt disponibile (vezi Figura 12) la baza tuturor componentelor i opiuni de:
Pagina 14 din 40

o revenire asupra modificrilor efectuate butonul Undo Edits pictograma

cu o sgeat circular napoi;
o tergere integral a unei componente butonul Delete pictograma cu un
X;
o mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
o mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 12 - Diverse opiuni de manipulare a unei componente

O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la

baza componentei pictograma cu foaie i creion (a se vedea Figura 13).

Dac se combin toate tipurile de coninut enumerate, rezultatul poate arta precum
cel din Figura 13.

Figura 13 - Component de tip Activity cu exemple din toate tipurile de coninut

Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

Pagina 15 din 40

3.5.2 Componentele Cloze Activity i Dropdown Activity

Sunt componente destinate evalurii cunotinelor. Amandou presupun existena unui
text din care lipsesc anumite cuvinte pe care cursantul trebuie s le completeze. La Cloze
Activity completarea este liber (cursantul poate scrie orice n spaiile goale), pe cnd la
Dropdown Activity completarea este dirijat: n fiecare spaiu din care lipsete un cuvnt este
amplasat o caset de selecie n care se regsesc cuvintele disponibile (pot fi adugate i
cuvinte false pentru creterea nivelului de dificultate).
Utilizarea celor dou componente se face n felul urmtor:
1. Se merge pe pagina pe care se dorete amplasarea componentei.
2. Se d click n meniul din stnga fie pe Cloze Activity, fie pe Dropdown Activity (n
funcie de componenta aleas):

Figura 14 Inserarea unei componente Cloze Activity

3. Se nlocuiete titlul Cloze Activity / Dropdown Activity cu un titlu sugestiv.

4. n caseta Instructions se nlocuiete ndrumarea de lucru Read cu o ndrumare
corespunztoare, cum ar fi Citii paragraful de mai jos i completai (selectai, pentru
DropDown Activity) cuvintele lips.
5. n caseta Text se scrie textul dorit pentru itemul de evaluare respectiv, cu tot cu
cuvintele care se intenioneaza a fi lips.
6. Se subliniaz cuvintele care se intenioneaz a fi lips (Underline).
7. Pentru Cloze Activity se pot bifa sau nu (dup dorin) urmtoarele:
a. Strict marking dac nu este bifat se admit (i sunt ignorate) greeli de o liter
n scrierea cuvintelor. Dac este bifat, astfel de greeli sunt evideniate.
b. Check Caps dac nu este bifat, nu se face distincia ntre litere mari i litere
mici n rspunsuri. Dac este bifat, literele mici scrise n loc de litere mari i
invers sunt considerate greeli.
c. Instant Marking dac este bifat, cuvintele sunt corectate imediat ce sunt
scrise. n caz contrar, corectarea se face la sfrit, cnd se apas pe buton.
Figura 15 Opiunile disponibile pentru Cloze Activity

Pagina 16 din 40

8. Pentru Dropdown Activity se pot introduce cuvinte false pentru a crete dificultatea
itemului de evaluare n modul urmtor: n caseta Other Words se scriu cuvintele false
separate prin caracterul |.

Figura 16 Adugarea de cuvinte false

9. Rezultatul la acest moment ar trebui s fie asemntor cu cel din Figura 17.

Figura 17 O component Dropdown completat cu informaiile necesare

10. n caseta Feedback se scriu eventuale ndrumri, sugestii i bineneles, feedback (ca
n Figura 18).

Figura 18 Un feedback minimal

11. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V.
12. Sunt disponibile (vezi Figura 19) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;
Pagina 17 din 40

Figura 19 - Diverse opiuni de manipulare a unei componente

13. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la
baza componentei pictograma cu foaie i creion (a se vedea Figura 20).

Figura 20 O component Dropdown Activity finalizat

Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

Obs. n afar de text, n componentele Cloze Activity i Dropdown Activity pot fi utilizate i
imagini, sunete, filme, ecuaii aa cum s-a vazut la 3.5.1.

3.5.3 Componentele Multi-choice, Multi-select, SCORM Quiz i True-False

Question
Sunt componente destinate evalurii cunotinelor. Toate presupun existena uneia sau
mai multor ntrebri, fiecare avnd dou sau mai multe rspunsuri din care unul sau mai multe
corecte:
Multi-choice ntrebri gril cu un singur rspuns corect. Conin feedback pentru
fiecare rspuns n parte.
Multi-select ntrebri gril cu mai multe rspunsuri corecte. Conin feedback
pentru fiecare ntrebare n parte.
SCORM Quiz Pachet de ntrebri gril cu cte un singur rspuns corect la fiecare
ntrebare, la care corectura se face global (rezultatul este un procent). Prevede not
de trecere. Nu are feedback.
True-False Question ntrebri cu rspuns adevrat / fals. Conin feedback pentru
fiecare ntrebare n parte.
Utilizarea acestor componente se face n felul urmtor:
1. Se merge pe pagina pe care se dorete amplasarea componentei.
2. Se d click n meniul din stnga pe componenta aleas:

Pagina 18 din 40

Figura 21 Inserarea unei component Multi-choice

3. Se nlocuiete titlul cu un titlu sugestiv.

4. n caseta Instructions (apare numai la True-False Question) se scrie o ndrumare
corespunztoare, cum ar fi Selectai true n cazul n care afirmaia este adevrat i
false pentru cazul contrar.
5. n caseta Hint (apare numai la Multi-choice i True-False Question) se poate scrie un
indiciu sau o sugestie de rezolvare.
6. n caseta Question se scrie textul ntrebrii dorite.
Pentru True-False Question:
7. Se selecteaz true sau false dup cum afirmaia este adevrat sau fals.
Pentru celelalte:
7. n caseta Option se scrie primul rspuns posibil la ntrebare.
8. Pentru apariia unei casete pentru un al doilea, al treilea amd rspuns, se d click pe
butonul Add another option.
9. n fiecare caset Option se scrie cte un rspuns din cele dorite.
10. n dreptul fiecrei casete Option, n dreapta, exist o caset care se poate bifa i un
buton cu X. Bifarea casetei nseamn c respectivul rspuns e corect (numai unul la
fiecare ntrebare pentru Multi-choice i SCORM Quiz, oricte la fiecare ntrebare
pentru Multi-select). Apsarea pe butonul cu X duce la tergerea rspunsului
respectiv cu tot cu caseta Option n care a fost.
Pentru toate componentele:
11. n caseta/casetele Feedback se scriu eventuale ndrumri, sugestii i bineneles,
feedback. inei cont de faptul c la Multi-choice se d feedback pentru fiecare
rspuns, la Multi-select i la True-False Question se d la nivel de ntrebare iar la
SCORM Quiz nu este prevzut feedback.
12. Se pot aduga oricte ntrebri dnd click pe butonul Add another question. La fiecare
ntrebare se procedez ca la paii anteriori.
13. Odat terminat adugarea/modificarea coninutului, componenta poate fi salvat dnd
click pe butonul Done pictograma cu un V.
14. Sunt disponibile (vezi Figura 22) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
Pagina 19 din 40

c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 22 - Diverse opiuni de manipulare a unei componente

15. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la
baza componentei pictograma cu foaie i creion (a se vedea Figura 23).

Figura 23 O component Dropdown Activity finalizat

Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

Obs. n afar de text, n componentele Multi-choice, Multi-select, SCORM Quiz i True-False
Question pot fi utilizate i imagini, sunete, filme, ecuaii aa cum s-a vazut la 3.5.1.

3.5.4 Componentele Case Study, Reading Activity i Reflection

Sunt componente destinate n general a fi folosite pentru teme sau pentru activiti
individuale.
Utilizarea acestor componente se face n felul urmtor:
1. Se merge pe pagina pe care se dorete amplasarea componentei.
2. Se d click n meniul din stnga pe componenta aleas.
3. La Case Study i Reading Activity se scrie n prima caset ce se studiaz i respectiv
ce se lectureaz (la Reflection aceast caset lipsete).
4. n urmtoarea caset se scriu cerinele de lucru.
5. n caseta Feedback se scriu eventuale ndrumri, sugestii i bineneles, feedback:

Pagina 20 din 40

Figura 24 O component Reading Activity completat cu informaiile necesare

6. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V.
7. Sunt disponibile (vezi Figura 25) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 25 - Diverse opiuni de manipulare a unei componente

8. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la

baza componentei pictograma cu foaie i creion (a se vedea Figura 26).

Figura 26 O component Reading Activity finalizat

Pagina 21 din 40

Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

Obs. n afar de text, n componentele Case Study, Reading Activity i Reflection pot fi
utilizate i imagini, sunete, filme, ecuaii aa cum s-a vazut la 3.5.1.

3.5.5 Componenta External Web Site

Componenta External Web Site este un cadru (ram) n care este afiat un site web
extern. Aceast component este util pentru a afia surse suplimentare de informaie /
referine bibliografice.
Utilizarea acestei componente se face n felul urmtor:
1. Se copiaz din bara de adrese din browser adresa paginii dorite.
2. Se merge pe pagina pe care se dorete amplasarea componentei.
3. Se d click n meniul din stnga pe componenta aleas.
4. n caseta URL se lipete (Paste) adresa copiat la punctul 1.
5. Se selecteaz nlimea dorit pentru cadrul n care va fi afiat site-ul (small / medium
/ large / super-size).

Figura 27 Utilizarea componentei External Web Site

6. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V.
7. Sunt disponibile (vezi Figura 28) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 28 - Diverse opiuni de manipulare a unei componente

8. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la

baza componentei pictograma cu foaie i creion (a se vedea Figura 29).

Pagina 22 din 40

Figura 29 O component External Web Site finalizat

Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

Obs. Anumite site-uri (spre exemplu www.google.com) nu pot fi afiate ntr-un cadru ntr-o
alt pagin din pricina restriciilor de securitate. n cazul n care se ncearc afiarea unui site
restricionat ntr-un cadru, cadrul va rmne gol.

3.5.6 Componenta Image Gallery

1.
2.
3.
4.

Aceast componenta este o galerie de imagini cu comentarii.

Utilizarea acestei componente se face n felul urmtor:
Se salveaz ntr-un folder oarecare pe hard-disk imaginile dorite.
Se merge pe pagina pe care se dorete amplasarea componentei.
Se d click n meniul din stnga pe componenta aleas.
Se d click pe butonul Add images, se selecteaz una sau mai multe imagini i se d
click pe butonul Open.

Figura 30 Selectarea imaginilor dorite pentru galeria de imagini

5. Se pune opional un comentariu la fiecare imagine n parte.

6. Imaginile pot fi nlocuite, rearanjate sau terse din galerie (butoanele cu creion,
butoanele cu sgei i butoanele cu X de sub fiecare imagine vezi Figura 31).

Pagina 23 din 40

Figura 31 Rezultatul ncrcrii imaginilor

7. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V.
8. Sunt disponibile (vezi Figura 32) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 32 - Diverse opiuni de manipulare a unei componente

9. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la

baza componentei pictograma cu foaie i creion (a se vedea Figura 33).

Figura 33 O component Image Gallery finalizat

La parcurgerea leciei, un click pe oricare dintre imaginile din galerie va deschide

imaginea respectiv la dimensiune normal ntr-o fereastr separat, imaginile din galerie
putnd fi apoi parcurse dup dorin (vezi Figura 34) i eventual tiprite.
Pagina 24 din 40

Figura 34 O imagine deschis din galleria de imagini

Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

3.5.7 Componenta Image Magnifier

Const ntr-o imagine deasupra creia e amplasat o lup virtual. Aceast
component este potrivit pentru vizualizarea detaliilor (spre exemplu pe o hart, imagine
anatomic sau schem tehnologic).
Utilizarea acestei componente se face n felul urmtor:
1. Se salveaz ntr-un folder oarecare pe hard-disk imaginea dorit.
2. Se merge pe pagina pe care se dorete amplasarea componentei.
3. Se d click n meniul din stnga pe componenta aleas.
4. Se scrie n caseta Caption un titlu.
5. Se scrie opional o descriere / ndrumare n caseta Text.
6. Se d click pe butonul Select an image i se selecteaz imaginea salvat la pasul 1.
7. Se redimensioneaz opional imaginea (lime i nlime n puncte).
8. Se alege aliniamentul imaginii (stnga / left, dreapta / right, fr aliniament / none).
9. Se alege mrirea iniial (n procente), mrirea maxim (n procente), dimensiunea
lupei (small, medium, large, extra large) (toate acestea sunt reglabile i la parcurgerea
leciei).
10. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat
dnd click pe butonul Done pictograma cu un V.
11. Sunt disponibile (vezi Figura 35) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 35 - Diverse opiuni de manipulare a unei componente

Pagina 25 din 40

12. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la
baza componentei pictograma cu foaie i creion (a se vedea Figura 36).

Figura 36 O component Image Magnifier finalizat

Obs. La parcurgerea leciei lupa nu mrete iniial (mrire 1x). Ea se mic odat cu
mouse-ul i trebuie dat un click de mouse pentru a afia mrit imaginea. Un al doilea click de
mouse va duce la revenirea la mrire 1x.
Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

3.5.8 Componenta Java Applet

Permite deschiderea unui applet Java ntr-un cadru pe pagin. Aceast component
este util n special pentru inserarea n lecie a coninuturilor realizate cu Descartes, Geogebra,
Jclic i Scratch dar orice alte tipuri de applet-uri Java grafice pot fi utilizate.Utilizarea acestei
componente necesit cunotine tehnice uor mai ridicate.
Utilizarea acestei componente se face n felul urmtor:
1. Se genereaz sau se obine applet-ul Java a crui utilizare se intenioneaz. Spre
exemplu, applet-urile Geogebra pot fi produse cu ajutorul programului de geometrie
Geogebra sau pot fi obinute de pe site-ul http://www.geogebratube.org/?lang=ro. Este
de asemenea important s se obin i codul applet-ului (la applet-urile Geogebra acest
lucru poate fi fcut spre exemplu exportnd applet-ul ca pagin HTML dinamic, dup
care, n codul HTML al paginii obinute poate fi gsit codul applet-ului; codul unui
applet este de forma <applet > </applet>).
2. Se merge pe pagina pe care se dorete amplasarea componentei.
3. Se d click n meniul din stnga pe componenta aleas.
4. Se selecteaz tipul de applet dorit (Descartes / Geogebra / Jclic / Scratch / other)
5. Se d click pe butonul Add files, se selecteaz applet-ul salvat la punctul 1, se d click
pe Load. NU se d click ulterior pe butonul Upload.
6. Se nlocuiete codul generic din caseta mare de text (pentru tipul de applet other nu
apare nimic) cu codul de applet obinut la punctul 1.
7. Se pune un titlu n locul celui generic propus.
Pagina 26 din 40

Rezultatul n acest moment ar trebui s fie similar cu cel din Figura 37.

Figura 37 Configurarea componentei Java Applet

8. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V. Este posibil ca sistemul de
calcul s afieze unul sau mai multe avertismente legate de Java. Aprobai toate aceste
avertismente.
9. Sunt disponibile (vezi Figura 38) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 38 - Diverse opiuni de manipulare a unei componente

10. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la
baza componentei pictograma cu foaie i creion (a se vedea Figura 39).

Pagina 27 din 40

Figura 39 O component Java Applet finalizat

Obs. Applet-urile Java au calitatea de a fi interactive. Spre exemplu cel din Figura 39 afieaz
suprafaa de rotaie obinut pornind de la o curb reprezentnd graficul unei funcii date de
cursant. Mai mult dect att, pot fi modificate unghiul i distana de vizualizare i mrirea.
Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

3.5.9 Componenta RSS

Permite afiarea unei liste de articole preluate automat dintr-un flux RSS oarecare.
Fluxurile RSS sunt surse de tiri actualizate automat (toate site-urile de tiri le folosesc pentru
a afia articolele).
Utilizarea acestei componente se face n felul urmtor:
1. Se obine adresa fluxului de tiri dorit. Acest lucru se face relativ uor cutnd pe
paginile favorite simbolul specific pentru fluxurile RSS:
. De asemenea se poate
cuta i pe orice motor de cutare (ex. Google) combinaia RSS feed+domeniul dorit
(ex. RSS Feed cultura). Odat gsit fluxul de tiri dorit se d click dreapta pe acesta i
se copiaz adresa (ca n figura urmtoare):

Figura 40 Copierea adresei unui flux de tiri RSS

2. Se merge pe pagina pe care se dorete amplasarea componentei.

3. Se d click n meniul din stnga pe componenta aleas.
4. Se nlocuiete titlul generic cu unul oarecare.
Pagina 28 din 40

5. Se lipete (Paste) adresa obinut la punctul 1 n caseta RSS URL.

6. Se d click pe Load. Dac adresa copiat este ntr-adevr adresa unui flux RSS
funcional (se poate ntmpla i s nu funcioneze) atunci tilurile articolelor din acest
flux vor fi ncrcate n caseta de mai jos (vezi Figura 41). Lista obinut poate fi
formatat / modificat.

7.

Figura 41 O component RSS configurat

7. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V.
8. Sunt disponibile (vezi Figura 42) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 42 - Diverse opiuni de manipulare a unei componente

9. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la

baza componentei pictograma cu foaie i creion (a se vedea Figura 43).

Pagina 29 din 40

Figura 43 O component RSS finalizat

Ulterior, la parcurgerea leciei, un click cu mouse-ul pe oricare dintre titlurile de

articole va duce la deschiderea articolului respectiv ntr-o fereastr separat de browser.
Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

3.5.10

Componenta Wiki Article

Aceast component permite ncrcarea i salvarea n ntregime a unui articol din

Wikipedia ntr-un cadru pe pagin, dup care articolul respectiv poate fi modificat dup
dorin.
Utilizarea acestei componente se face n felul urmtor:
1. Se copiaz din bara de adrese din browser adresa paginii Wikipedia dorite.
2. Se merge pe pagina pe care se dorete amplasarea componentei.
3. Se d click n meniul din stnga pe componenta aleas.
4. n caseta URL se lipete (Paste) adresa copiat la punctul 1. Se terge din ea tot pn
la ultimul caracter /, inclusiv acesta (rmne doar numele paginii propriu-zise; spre
exemplu din adresa http://en.wikipedia.org/wiki/Michelangelo rmne doar
Michelangelo).
5. Se d click pe butonul Load. Dac numele paginii a fost corect scris, coninutul
acesteia va fi ncrcat n caseta de text de mai jos (i va putea fi eventual modificat /
formatat).

Figura 44 Utilizarea componentei Wiki Article

Pagina 30 din 40

6. Odat terminat adugarea / modificarea coninutului, componenta poate fi salvat

dnd click pe butonul Done pictograma cu un V.
7. Sunt disponibile (vezi Figura 45) la baza tuturor componentelor i opiuni de:
a. revenire asupra modificrilor efectuate butonul Undo Edits pictograma
cu o sgeat circular napoi;
b. tergere integral a unei componente butonul Delete pictograma cu un
X;
c. mutare a unei componente mai sus sau mai jos n seciune butoanele Move
up i Move down pictogramele cu triunghiuri gri;
d. mutare a unei componente n alt pagin caseta de selecie Move to;

Figura 45 - Diverse opiuni de manipulare a unei componente

8. O component salvat poate fi modificat ulterior dnd click pe butonul Edit de la

baza componentei pictograma cu foaie i creion (a se vedea Figura 46).

Figura 46 O component Wiki Article finalizat

Obs. Pe o pagin se pot aduga / combina oricte tipuri de componente.

Pagina 31 din 40

3.6 Pregtirea leciei pentru utilizarea propriu-zis. Exportul leciei n

diverse formate
n timpul lucrului la lecie (ct timp nc se mai fac modificri), aceasta va fi salvat
folosind opiunea File, Save. Din aceast salvare rezult un singur fiier cu extensia elp. Dei
este posibil pentru cursani s foloseasc acest tip de fiier pentru a parcurge lecia (cu
condiia s aib i ei eXeLearning instalat pe calculatoarele pe care lucreaz) acest lucru nu
este nici comod, nici recomandabil.
n schimb, lecia finalizat poate fi pus la dispoziie n multiple formate, disponibile
prin opiunea File, Export.
Mai precis sunt interesante urmtoarele patru posibiliti:
FileExportSCORM 1.2 duce la obinerea unui fiier zip compatibil cu
standardul SCORM. n acest mod pot fi produse lecii pentru platformele de
eLearning compatibile SCORM (ex. AeL, Moodle etc.4).
FileExportIMS Content Package - duce la obinerea unui fiier zip compatibil
cu standardul IMS (o varainta a SCORM). n acest mod pot fi produse lecii pentru
platformele de eLearning compatibile IMS.
FileExportWeb SiteSelf-contained Folder duce la obinerea unui folder
care conine un site care este de fapt lecia propriu-zis, complet funcional. Acest
folder poate fi mai departe copiat pe calculatoarele dintr-un laborator pentru a l
pune la dispoziia cursanilor sau upload-at pe un server web pentru a l face public.
Dac se dorete utilizarea local, deschiderea leciei se face dnd dublu click pe
fiierul index.html din folderul generat.
FileExportWeb SiteZip File duce la obinerea unui fiier zip care conine
de fapt folderul coninnd site-ul de la punctul anterior. Aceast metod poate fi
utilizat spre exemplu daca se dorete livrarea leciei ctre cursani pe mail, sau
printr-un forum de discuii, sau prin mesagerie instant (ex. Yahoo sau Skype).

O list extensiv a platformelor de eLearning compatibile SCORM i nu numai poate fi

gsit aici: http://lms.findthebest.com/d/a/SCORM-Compliant
Pagina 32 din 40

Anexa 1. Instalarea produsului eXeLearning sub sistemul

de operare Windows
Instalarea programului eXeLearning sub sistemul de operare Windows este posibil n
cazul n care utilizatorul are drepturi de administrator asupra sistemului de calcul respectiv.
Pentru instalarea efectiv a programului spaiul liber necesar pe hard-disk este relativ redus
(aproximativ 55MB). De altfel necesarul de resurse pentru aceast aplicaie este modest,
eXeLearning putnd fi rulat i pe sisteme de calcul mai vechi.
Pentru instalarea proriu-zis trebuie parcuri paii urmtori:
1. Se execut programul de instalare descrcat anterior (a se vedea capitolul Obinerea
i formele de prezentare ale produsului) (n cazul n care sistemul de operare
Windows avertizeaz utilizatorul c se execut un program, se aprob acest
avertisment) i se d click pe Next:

Figura 47 - Primul pas din procesul de instalare a aplicaiei eXeLearning

2. Se aprob condiiile de liceniere (click pe I Agree):

Figura 48 - Aprobarea condiiilor de liceniere

Pagina 33 din 40

3. Se selecteaz folderul n care va fi instalat programul i se d click pe Install:

Figura 49 - Selectarea folderului n care va fi instalat aplicaia

4. Se ateapt terminarea procesului propriu-zis de instalare. Un indicator grafic va

indica evoluia acestuia. Instalarea poate fi urmrit mai n detaliu dac se d click pe
Show details:

Figura 50 - Desfurarea procesului propriu-zis de instalare

5. Instalarea se finalizeaz dnd click pe Finish:

Figura 51 - Finalul procesului de instalare

Pagina 34 din 40

6. Dup instalare produsul va fi disponibil n meniul Start, folderul exe, opiunea

exe. In acelai folder se gsete i opiunea uninstall pentru dezinstalarea
produsului.

Anexa 2. O metod alternativ de adugare a conintului

video ntr-o component
Metoda descris n aceast anex este destinat inserrii elementelor media (video,
animaie, sunet) disponibile pe diverse pagini web. Metoda va fi ilustrat cu inserarea unui
film de pe site-ul www.youtube.com.
Not. Metoda este util n toate aplicaiile care afieaz coninut de tip pagin
web/html, nu numai n eXeLearning.
1. Se deschide elementul media dorit ntr-un browser oarecare de internet (Internet
Explorer, Mozilla Firefox, Chrome, Opera, Maxthon etc.):

Figura 52 - Un site cu un element media deschis ntr-un browser

2. Se d click pe butonul Share, dup care click pe nou aprutul buton Embed (ca n
Figura 53). Dac sunt disponibile, se selecteaz dimensiunile dorite i alte opiuni. Se
copiaz codul html furnizat n caseta de text nu este necesar nelegerea codului
respectiv (pe exemplul de mai jos codul furnizat este <iframe width="300"
height="182"
src="http://www.youtube.com/embed/mnk0KjWxgMA?rel=0"
frameborder="0" allowfullscreen></iframe>).

Pagina 35 din 40

Figura 53 - Obinerea codului corespunztor elementului media

3. n aplicaia int (n cazul nostru eXeLearning) se d click pe butonul Edit HTML

source.

Figura 54 - Butonul Edit HTML source

4. In caseta de text nou apruta se plaseaz codul obinut la pasul 2, precum n Figura 55.
Se d click pe Update. Rezultatul va fi apariia unui dreptunghi coninnd elementul
media dorit n caseta de editare a textului.

Pagina 36 din 40

Figura 55 - Caseta de dialog nou aprut impreun cu codul corespunztor elementului media dorit

5. Se salveaz textul obinut. Rezultatul va fi similar cu cel din figura urmtoare:

Figura 56 - O component eXeLearning coninnd un element media inserat prin metoda alternativ

Pagina 37 din 40

Anexa 3. O metod de utilizare a structurilor chimice n

leciile eXeLarning
Aceast metod se bazeaz pe utilizarea codificrii SMILES pentru structuri chimice5.
Obs. Metoda este valabil pentru a insera structuri chimice n orice pagin web.
Pentru a insera structuri chimice n orice component bazat pe coninut intern
(coninut editabil; adic toate componentele, mai puin Image Gallery, Image Magnifier i
Java Applet) trebuie parcuri urmtorii pai:
1. Pe pagina http://www.chemspider.com/6 se caut substana vizat:

Figura 57 Cutarea unei substane n nomenclatorul SMILES

2. Odat gsit substana se copiaz codul SMILES corespunztor7:

Figura 58 Copierea codului SMILES corespunztor

3. Se deschide pagina http://www.chemspider.com/inchi-resolver/Resolver.aspx. Se

lipete (Paste) aici codul SMILES luat din pagina precedent (pot fi folosite alternativ
codul Std. InChI sau codul Std. InChIKey, luate din aceeai pagin). Se apas pe
5

Mai multe despre aceast codificare pe pagina: http://en.wikipedia.org/wiki/SMILES

Site-ul este extrem de complex, permind ctarea unei substane n multiple moduri. Noi l
vom utiliza n acest ghid pe cel mai simplu dintre acestea ctaurea dup nume.
7
Pe aceeai pagin sunt furnizate i codurile Std. InChI i respectiv Std. InChIKey pentru
substana dorit
Pagina 38 din 40
6

butonul Search. Vor fi afiate pe pagin una sau mai multe structuri chimice (diverse
forme de reprezentare) disponibile pentru substana respectiv:

Figura 59 Utilizarea codului SMILES pentru gsirea reprezentrilor posibile ale substanei

4. Pe reprezentarea care convine cel mai mult se d click dreapta i se selecteaz Copy
Image URL. n acest moment a fost obinut adresa web a structurii chimice dorite:

Figura 60 Copierea adresei structurii chimice dorite

5. n aplicaia int (n cazul nostru eXeLearning), n componenta n care vom pune

structura chimic respectiv, se d click pe butonul HTML (Edit HTML source).

Figura 61 O component oarecare; pentru introducerea unei formule se d click pe butonul HTML

6. In caseta de text nou aprut se plaseaz codul obinut la pasul 4, ncadrat ntre <img
src=" i " /> precum n Figura 62.
De exemplu adresa structurii chimice a aspirinei:
http://www.chemspider.com/inchi-resolver/ImagesHandler.ashx?id=2157&w=150&h=150

devine
<img src="http://www.chemspider.com/inchi-resolver/ImagesHandler.ashx?id=2157&w=150&h=150 />

Pagina 39 din 40

Figura 62 - Caseta de dialog nou aprut impreun cu codul corespunztor structurii chimice dorite

7. Se d click pe Update. Rezultatul va fi apariia structurii chimice dorite n caseta de

editare a textului:

Figura 63 Componenta, cu structura chimic inserat

Obs. Metoda poate prea destul de laborioas dar n practic ntr-o lecie apar puine substane
chimice, iar codul pentru o structur chimic, odat obinut, va putea fi refolosit ori de cte ori
este nevoie dac a fost notat undeva (iar rezultatele arat foarte bine ). Spre exemplu reacia
de dimerizare a etenei poate fi reprezentat aa:

Figura 64 O reacie chimic reprezentat ntr-o lecie prin metoda de mai sus

Obs. Dac la pasul 4, n loc de Copy Image URL se selecteaz Copy Image, structura chimic
poate fi lipit (Paste) direct ntr-un document Word / Excel / Powerpoint / de alt tip.

Pagina 40 din 40