LABORATOR 6

INSTRUMENTE Web pentru TIC

1. Consideraţii teoretice

Între sistemul de educaţie şi societate se manifestă o relaţie circulară: dezvoltarea socială

generează, prin noile sale cerinţe, schimbări în educaţie, iar calitatea educaţiei condiţionează, la
rândul ei, progresul societăţii.
Societatea informaţională este definită în documentele oficiale ale Uniunii Europene, drept noul
model de societate ce se dezvoltă ca urmare a revoluţiei la care asistăm în domeniul tehnologiei
informaţiei şi comunicaţiilor (TIC). Societatea informaţională (Information Society) reprezintă o
societate bazată pe colectarea, stocarea, prelucrarea, transmiterea, diseminarea şi utilizarea
informaţiilor şi cunoştinţelor, inclusiv dezvoltarea tehnicilor de comunicaţie interactivă.
Societatea informatică este o parte a societăţii informaţionale care foloseşte progresele tehnicii
de calcul în toate domeniile de activitate:
• politic - o societate democratică, permiţând accesul universal la noile tehnologii, la un preţ
rezonabil, cel puţin telefon, modem, fax, calculator;
• economic - un important factor de dezvoltare, conducând la creşterea productivităţii şi
competitivităţii;
• social - reconversia forţei de muncă şi perfecţionarea sa continuă, ca urmare a restrângerii
cererii de forţă de muncă în activitatea industrială;
• cultural - noua societate se bazează pe cunoştinţe, fiecare cetăţean să poată accesa informaţia
de care are nevoie şi să poată construi noi cunoştinţe.
Fără ca societatea informaţională să-şi fi încheiat evoluţia, a apărut un nou concept, cel de
societate bazată pe cunoştinţe, prescurtat „societatea cunoaşterii”. Aceasta are în prim plan
cunoaşterea, modalităţile de achiziţie, de tezaurizare, de transfer şi exploatare ale acesteia.
Din punct de vedere economic, cunoaşterea abia acum este percepută ca un factor de producţie,
alături de pământ, muncă şi capital, deşi cunoaşterea reprezintă un capital intelectual. Volumul
cunoaşterii care stă la dispoziţia noastră se dublează la fiecare cinci ani.
Se apreciază că există 3 faze ale transformării cunoaşterii: cunoaşterea de dragul iluminării şi
înţelepciunii (epoca iluminismului); cunoaşterea aplicată (epoca industrială); cunoaşterea despre
cunoaştere (epoca cunoaşterii). Acest ultim aspect generează întrebări despre cum funcţionează
cunoaşterea, cum ştim ceea ce ştim, cum să ne modelăm cunoaşterea în noi idei şi cum să
traducem cunoaşterea în acţiune.
Societatea cunoaşterii este acea etapă în evoluţia societăţii care face din cunoaştere: a) resursa de
bază; b) sursa principală a puterii, prestigiului şi bunăstării; c) spaţiul principal al generării şi
existenţei locurilor de muncă; d) mijlocul de acţiune a principalilor noi actori sociali; e) zona
principală a noilor conflicte sociale; f) baza tipurilor de decizie (guvernarea şi managementul
inovativ); g) modul de fiinţare a competiţiei (cunoaşterea înseamnă inovare); h) criteriu al avuţiei
naţionale.
In conformitate cu strategia de dezvoltare a politicilor educaţionale proiectată de Uniunea
Europeană, în anul 2006 au fost definite competenţele cheie pentru învăţarea pe tot parcursul
vieţii, operaţionalizată pe dimensiunile: cunoştinţe, abilităţi, şi atitudini. În acest cadru,
competenţele pentru învăţarea pe tot parcursul vieţii sunt1:

 comunicarea în limba maternă;

 comunicarea în limbi străine;

 competenţa matematică şi competenţe de bază privind ştiinţa şi tehnologia;

 competenţa digitală;

 capacitatea de a învăţa ;

 competenţe sociale şi civice;

 simţul iniţiativei şi al antreprenoriatului;

 conştiinţa si expresia culturală.

In acest cadru, formarea competentelor TIC, deţine un rol fundamental în pregătirea tinerilor
pentru piaţa actuală a muncii, iar şcoala trebuie să acorde o atenţie sporită competenţelor de baza
în domeniul alfabetizării, al matematicii şi al ştiinţelor. Odată cu dezvoltarea tehnologiilor si
implicit a produselor de tip e-learning, procesul de învăţare se orientează şi spre dezvoltarea
competenţelor de tip TIC. În Romania, disciplinele de tip TIC sunt transversale, competenţele
specifice fiind dezvoltate şi incluse în predarea diferitelor discipline. În conformitate cu

1
http://europa.eu/legislation_summaries/education_training_youth/lifelong_learning/c11090_ro.htm.
orientările politicilor educaţionale ale Uniunii Europene privind considerarea sectorului TIC în
procesul de învăţământ, se apreciază ca important necesitatea inserării digitalului, ca urmare a
accesului şi utilizării de către elevi a calculatoarelor şi a internetului.
Progresul tehnologic a condus l-a o creştere a nevoii de utilizare a calculatorului şi internetului în
procesul de învăţare. Se constată utilizarea largă a produselor de tip Web 2.0 de către elevi,
utilizarea aplicaţiilor de tipul wiki, blog, media sociale. In acest cadru, unul dintre obiectivul
principal al Uniunii Europene este implementarea de tehnologii TIC de tip Web 2.0 in cadrul
tuturor ţărilor membre.

Platforme Web 2.0

În prezent, platformele de tip Web 2.0 sunt utilizate pentru dezvoltare profesională, consolidarea
instruirii în sala de clasă. Prin utilizarea de instrumente Web 2.0 pot fi realizate atât proiecte
curriculare complexe inter şi transdisciplinare, cât şi proiecte extracurriculare ale elevilor. Site-
urile de media sociale pot fi utilizate în vederea documentarii cu privire la concepte inovative,
cum ar fi "săli de clasa în oglindă" sau pentru a repartiza cele mai recente aplicaţii Web 2.0
pentru licee. Profesorii si cadrele didactice folosesc în mod curent blogurile pentru a scrie despre
lumea educaţiei şi a invita la a face comentarii din partea colegilor din toata lumea. De
asemenea, instrumentele de Web 2.0 sunt utilizate pentru evaluarea online a rezultatelor învăţării
care poate fi realizata prin metode de actualitate precum evaluarea pe baza de proiect sau e-
Portofoliul.
În strânsă legătură cu competenţa digitală, conceptul de e-learning acoperă o realitate în
expansiune, la intersecţia dintre pedagogie şi dezvoltările tehnologice. Prin e-learning înţelegem,
în sens larg, totalitatea situaţiilor educative cu o semnificativă componentă de TIC, care
valorifică deplin competenţa digitală în plan didactic.

Web 2.0 oferă modalităţi de utilizare a tehnologiilor Web, având ca scop facilitarea
creativităţii, partajarea informaţiilor şi colaborarea între utilizatori. Aceste concepte au condus la
dezvoltarea şi evoluţia comunicaţiilor bazate pe web, aşa cum sunt serviciile de social-
networking, wiki-uri, blog-uri, site-uri de Video Sharing, servicii de Photo Sharing, servicii de
Slide Sharing [3]
Cele mai populare tipuri de instrumente web 2.0 sunt:
 - wiki
- bloguri şi microbloguri
- reţele sociale (social networks);
- servicii de tip social bookmarking;
- fluxuri de ştiri;
- servicii pentru partajarea conţinutului grafic (Photo Sharing), audio/video Video
Sharing;
- platforme (servicii) pentru crearea conţinutului textual, audio şi video;
- servicii pentru partajarea prezentărilor.
Un wiki este o colecţie de pagini web care permite colaborarea dintre vizitatori, este bazat
pe web, orientat spre text cu posibile hiperlink-uri şi imagini, având posibilitatea existenţei unor
pagini secundare şi a editării istoriei disponibile. Permite publicarea de informaţii, activităţi
scriitoriceşti în colaborare cu alţi elevi şi/sau experţi. Contribuie la cercetarea problemelor din
lumea reală dar şi partajarea sau reflectarea asupra învăţării.
Deoarece este un mod simplificat pentru a crea o pagină de web, wiki-urile pot fi realizate
şi de utilizatorii cu cunoştinţe nu foarte avansate în domeniul realizării de pagini web.
Utilizatorii pot vedea wiki de la orice calculator în reţea cu un browser. Wiki consolidează
aptitudinile de colaborare şi de asemenea promovează învăţarea active.

Blog-urile
Acronimul de la weblogs, blog-urile sunt utilizate pentru a schimba informaţii şi opinii cu
cititorii şi pentru a solicita reacţii şi discuţii.
Blog-urile iau adesea forma unor jurnale şi sunt actualizate constant cu noi intrări.
Caracteristici:
- bazate pe web, orientate spre text cu posibile hiperlink-uri şi imagini;
- format tip jurnal, intrări datate cu informaţiile curente în partea superioară;
- răspunsuri de la cititori;
- publicarea informaţiilor curente sau cercetare pentru un public dincolo de sala de
curs;
- permite colectarea şi schimbul de informaţii cu ceilalţi din afara sălii de curs.
 Exemple de utilizări în scopul instruirii: Jurnale personale, liste de surse de căutare,
reflecţii cu privire la studiu, colectarea de răspunsuri la idei, dezbaterea unor probleme relevante
pentru domeniul respectiv etc.

2. Parte practica – Crearea unui blog

Pentru crearea unui blog este nevoie de numai câțiva pași simpli. În numai câteva minute, puteți
începe să postați texte, fotografii, materiale video și multe altele pe blogul vostru.
Nu uitați că aplicația trebuie creată pentru lucrul cu elevii la clasă. Gândiți-vă la ceea ce vreți să
introduceți în blog și faceți o listă cu ideile dvs. Luați în considerare vârsta elevilor pentru care
este destinată unitatea de învățare și tipul de conținut pe care vă așteptați să-l prezinte. Pe măsură
ce dezvoltați blog-ul, gândiți-vă la modul în care vor fi îndeplinite obiectivele de învățare ale
elevului.
În realizarea blogului trebuie să aveți în vedere următoarele:
- Titlul blogului
- Scopul general - tema și materialele de referință pe care le veți căuta pe Internet
- Tipuri de postări (agendă, reflecție, etc.)
Pentru fiecare postare trebuie să aveți în vedere următoarele:
- Titlu intrare blog
- Conținut
- Link-uri spre alte site-uri sau fișiere
- Imagini care să susțină conținutul
- Alte tipuri de elemente de conținut
- Răspuns așteptat

Folosind una din platformele de blogging studiate (Wordpress, Edublogs, Blogger) creați un
Blog profesional care sa reflecte activitatea didactica a dumneavoastră. Blogul va fi folosit
pentru a publica materiale, articole, eseuri, anunțuri care susțin activitatea didactică a
dumneavoastră sau sunt legate de aceasta. Se vor reflecta:
- procedura de creare / accesare a paginii blogului;
- publicarea pe blog a unui articol, mesaj, eseu, fotografii, etc.;
- configurarea si personalizarea blogului;
Platforma Edublogs

1. Accesați site-lui http://edublogs.org/ și vă autentificați pe platformă acționând butonul Log in

și completând adresa de e-mail și parola.
În cazul în care nu aveți un cont accesați opțiunea Sign up și completați formularul de
înregistrare completând următoarele câmpuri:
a) numele de utilizator (username)
b) adresa de e-mail
c) parola / confirmarea parolei
d) adresa blogului
e) titlul blogului
f) limba în care va fi afișat conținutul blogului
g) tipul blogului: elev, profesor, alt tip
Completați textul de verificare și bifați caseta de acord privind condițiile de utilizare ale
platformei, apoi acționați butonul Start blogging.
După completarea formularului sunteți anunțați că blogul a fost creat, se afișează un rezumat al
datelor de autentificare pe platformă și se solicită autentificarea pe blogul nou creat.

2. După conectare pe platformă sunteți direcționați către Dashboard (Tabloul de bord) unde aveți
posibilitatea imediată să:
a) alegeți o temă pentru blog sau să personalizați aspectului blogului
b) să vizualizați blogul creat
c) să creați o postare nouă
d) să adăugați o pagină About (Despre)
e) să gestionați widget-urile și meniurile
Pe pagina principală a tabloului de bord puteți vizualiza conținut din site-urile urmărite de voi.
În partea stângă a ferestrei putem vizualiza și accesa toate opțiunile platformei.

3. Din meniul Dashboard se alege opțiunea My Sites (Blogurile mele) unde aveți posibilitatea să
mai creați și alte bloguri sau să le gestionați pe cele existente.
4. Din meniul My Class (Clasa mea) există posibilitatea pentru un elev să se alăture unei clase
deja create accesând opțiunea Join a Class sau un profesor are posibilitatea de a crea o clasă cu
opțiunea Create a Class (numai în versiunea Edublogs Pro).

5. Din meniul Post (postări, articole) aveți posibilitatea de a efectua următoarele operații:
a) All Posts – vizualizați toate postările din blog
b) Add New – să adăugați o postare nouă
c) Categories – să adăugați o categorie nouă pentru catalogarea și gruparea postărilor
d) Tags – să adăugați etichete pentru a regăsi mai ușor postările

6. Pentru a adăuga un articol nou (post), se acționează opțiunea Add New din meniul Posts, iar
pentru fiecare postare în parte, completăm titlul, conținutul postării și stabilim eventualele setări
suplimentare:
a) pre vizualizarea
b) salvarea ca ciornă
c) publicarea imediată
d) vizibilitatea
e) publicarea la data programată
f) includerea într-o categorie de postări
g) etichetarea
Într-o postare, pe lângă informația de tip text, mai pot fi introduse următoarele tipuri de
informații: link-uri, imagini și videoclipuri.

7. Din meniul Media există posibilitatea de a vizualiza librăria media (Library) sau de a adăuga
(Add New) un nou element media (imagini, fișiere).

8. Din meniul Links (Legături) se pot vizualiza linkurile către alte bloguri din blogosferă, se pot
adăuga linkuri noi sau le putem clasifica pe diverse categorii.
9. Din meniul Pages (Pagini) aveți posibilitatea să vizualizați și să editați paginile existente (All
Pages) sau să adăugați pagini noi blogului (Add New). Aceste pagini conțin informații statice și
nu permit comentarii. Într-o pagină putem include aceleași elemente ca și într-o postare.

10. Din meniul Comments (Comentarii) se pot vizualiza toate comentariile postate de utilizatori
și, în funcție de setările blogului, acestea sunt publicate imediat sau au nevoie de permisiunea
administratorului.

11. Din meniul Appearance (Aspect) se pot alege următoarele opțiuni:

a) alegerea unei teme din cele predefinite
b) personalizarea temei alese
c) adăugarea de Widgets blogului
d) administrarea meniului/meniurilor
e) stabilirea unei imagini de background pentru blog predefinită sau personală
f) stabilirea unui banner (imagini pentru zona de anteta blogului)

12. Din meniul Plugins se pot adăuga opțiuni suplimentare blogului. Aceste opțiuni sunt
împărțite pe categorii.

13. Din meniul Users se pot face următoarele operații:

a) administrarea utilizatorilor existenți
b) adăugarea un utilizator nou
c) editarea profilului personal
d) stabilirea unei imagini de Avatar

14. De la meniul Tools aveți posibilitatea de a șterge blogul.

15. Din meniul Settings se pot stabili următoarele proprietăți:

a) schimbarea numelui blogului
b) introducerea unei scurte descrieri a blogului
c) actualizarea adresei de e-mail
d) stabilirea formatului datei și a orei
e) limba de afișare a blogului
Tot din acest meniu aveți posibilitatea de a accesa și setări avansate de administrare a blogului.

Folosind una din platformele de blogging studiate (Wordpress, Edublogs, Blogger) creați un
Blog profesional care sa reflecte activitatea didactica a dumneavoastră. Blogul va fi folosit
pentru a publica materiale, articole, eseuri, anunțuri care susțin activitatea didactică a
dumneavoastră sau sunt legate de aceasta. Se vor reflecta:
- procedura de creare / accesare a paginii blogului;
- publicarea pe blog a unui articol, mesaj, eseu, fotografii, etc.;
- configurarea si personalizarea blogului;

3. Aplicatii de tip Site. Google Sites.

Site-ul reprezintă o colecție de fișiere și resurse ce sunt folosite pentru prezentarea informației pe internet. Un site se
realizează de obicei în mai multe etape: planificarea site-ului, adăugarea paginilor, adăugarea conținutului,
verificarea structurii, verificarea conținutului, încarcarea pe un server, promovarea site-ului, și în cele din urmă
administrarea site-ului.([24])

Tehnologia descrisă aici se referă punctual la câteva lucruri specifice realizării unui site cu Google Sites. În
particular putem împărți în mai multe categorii operațiile necesare pentru realizarea site-ului.

Operatii site

 Crearea

 Denumirea
  Selectarea unui model (layout)

 Selectarea Imaginei de fond, tipul de header, temă

 Reordonarea paginilor

 Navigarea în interiorul site-ului

Pentru a realiza un site gratuit cu Google Sites fiecare utilizator are nevoie de un cont Google. O dată cu acest cont
Google avem mai multe servicii la care suntem abonați: Drive, Calendar, Photos, și multe altele.
Pentru crearea unui site vom accesa google sites sites.google.com/new. Toate fișierele necesare pentru noul site vor
fi stocate în Google Drive.
Pentru crearea efectivă a unui site workstatul va trebui să acceseze pictograma schimbată cu semnul +.
Toate informațiile, paginle și atașamentele necesare realizării site-ului sunt stocate în Google Drive.
Prima componentă principală a unui site o reprezintă numele site-ului. Pagina web se salvează automat de fiecare
dată și nu este publică până în momentul în care utilizatorul dorește să o aducă public pe Internet. Fiecare pagină
HTML din site-ul dumneavoastră Google are un titlu care apare în partea de sus a paginii. De asemenea acest titlu al
paginii apare și în meniul de navigare.

Layout

Fiecare site are un anumit format (layout).

Acest format trasează multe proprietăți ale site-ului imaginea fundaltip afișare header (antet) paginătema aleasă
pentru site (există teme predestinate din care utilizatorul poate alege)
Realizarea unui site se face într-un mod dinamic, la fiecare moment se pot adăuga noi elemente (pagini, text, plugin-
uri). Structura unui site este o structură de tip ierarhic. La baza site-ului stă pagină numită rădăcină (home page).
Toate celelelalte pagini se subordonează paginii rădăcină (home page).
În contextul Google Sites pagnile se pot rearanja, se pot adăuga, șterge (într-o manieră dinamică) sau se pot imbrica.
O componentă/ trăsătură importantă a unui site în dezvoltare o reprezintă navigația în interiorul site-ului.
Această modalitate de navigație în interiorul site-ului devine importantă atunci când avem mai multe pagini de
administrat. În mod implicit meniul de navigație se află în partea de sus a site-ului construit.
Adaugare elemente noi site

De aici încolo urmează ca utilizatorul să-și construiască propriile pagini, și propriul conținut dorit prin adăugarea de
noi elemente. În cele ce urmează vom stabili:
 cum se adaugă conținut în site

 modificare text

 modificare secțiune

 modificare imagini

 adăugarea unei sigle (logo)

 adăugare conținut din alt site web

 mutarea și redimensionarea conținutului.

Pentru început se alege ce fel de header trebuie sa aibe site-ul nou construit. În figura de mai jos se arată tipurile de
headere pe care utilizatorul le poate avea.
T – adaugă text și titluri
< > - adaugă conținut direct de pe internet
□ – adaugă butoane ce pot fi legături (link-uri) spre alte pagini web sau conținut propriu din site.

Pentru a modifica un text și proprietățile lui este suficient să facem click pe cutia generată de TextBox și doar
inserăm noul text. Se poate alege din bara de opțiuni (Toolbar). Se pot modifica Titlul, alinierea textului, insera/
introduce un nou link, șterge un titlu, sau TextBox, se pot formata secvențe HTML în text..
Conținutul paginii HTML este structurat în secțiuni. Aceste secțiuni pot fi modificate după cum urmează:
Pentru a modifica o secțiune, trebui mai întâi să o selectăm, și apoi putem face următoarele operații:schimbarea
fondului, mutarea, duplicare/ copierea. (conform [22],[23],[24],[25],[26])
Modificarea imaginilor se poate face prin selecția imaginii și apoi prin extinderea ei păstrând aspectul (aspec ratio)
folosind tasta Shift.
Operațiile sunt de: Redimensionare a imaginii – folosind tasta Shift pentru a nu schimba aspectul imaginii (aspect
ratio); Mutarea unei imagini - prin tragerea (drag) imaginii la locul dorit ; Decuparea unei imagini; Înlocuirea
unei imagini folosind următoarea succeiune: Replace Image/ Upload/ Select Image; Adăugarea unui text alternativ
unei imagini
Adăugarea unei sigle (logo)
În general sigla apare în partea de sus a paginii, lângă bara de navigație, imediat lângă titlul site-ului. Pentru a
adăuga un logo se face click pe bara de navigație și se alege opțiunea AddLogo.
Se poate adăuga o imagine deja existentă (Upload) sau se poate modifica o imagine deja existentă (Edit Logo).
Fișierele grafice de tip logo pot fi JPG, PNG sau GIF și trebuie să aibe cel puțin 112 pixeli.
Adăugarea de conținut din alte site-uri
Se pot adăuga:site-uri, Aplicații WEB folosind Google Apps Script, Google Studio Reports .
Adăugarea de conținut din alte site-uri se face astfel:
 Insert/ Embed

 Se alege o opțiune: By URL, Embed code

După fiecare inserare de conținut se poate vizuliza cum arată pagina.
Mutarea și redimensionare conținutului
Tot ceea ce se adaugă într-un site reprezintă o parte din canvas (planșă de lucru). Aceste părți componente ale
planșei de lucru se aliniază unor linii ale grilei canvas-ului. Astfel, mutarea elementelor devine ușoară și precisă.
Mutarea și redimensioarea se poate face pentru un obiect sau pentru un grup de obiecte. Selectarea grupului de
obiecte apare ca necesitatea de a folosi mai multe obiecte în același timp petru o anumită operație.

Realizarea efectiva a site-ului

In cele ce urmeaza am ilustrat pasii urmati pentru a realiza un site personal.

Ne logam pe site-ul sites.google.com
Intrarea in contul Google folosind o parola si nume de cont Gmail
Apoi se intra in editorul pentru site

De aici, putem incepe realizarea site-ului

Titlul paginii
Adaugarea unei imagini
Adaugarea unei subpagini
Adaugarea unui text

Publicarea:
Link pentru un tutorial pe Youtube:
https://www.youtube.com/watch?v=OsNat-3-D3s&t=8s