proiect - · pdf filecrearea de soft, sau în particular de pagini web cu conţinut...

20
Colegiul Economic Administrativ Proiect Realizarea unei pagini Web Prof.propunator: PADURARIU EMANUELA TATIANA An scolar:2016-2017

Upload: trannguyet

Post on 05-Feb-2018

225 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Colegiul Economic Administrativ

Proiect Realizarea unei pagini Web

Prof.propunator: PADURARIU EMANUELA TATIANA An scolar:2016-2017

Page 2: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Introducere Disciplina la care se aplică tema integratoare este Tehnologia Informaţiei şi a

Comunicaţiilor. Crearea de soft, sau în particular de pagini Web cu conţinut divers presupune

creativitate şi expresie din partea proiectantului. Crearea de pagini Web se poate preta la orice disciplină şi astfel reiese caracterul

interdisciplinar, paginile pot conţine informaţii despre literatură română sau străină, ştiinţe (matematică, fizică, chimie, biologie) etc., altfel spus toate domeniile de activitate.

Consta in investigarea unui subiect interesant pentru elevi • utilizarea Informaticii şi TIC în mod creativ şi inteligent • competenţele dobândite = punct de plecare pentru învăţarea continuă de-a lungul

întregii vieţi. Elevii trebuie mai întâi să îşi însuşească noţiunile limbajului Html şi a unui editor

Html. Locul de desfăşurare a activităţilor de învăţare se recomandă a fi un laborator echipat

cu tehnica de calcul. Este necesar să existe o dotare minimală care presupune un număr de staţii de lucru egal cu numărul elevilor din clasă, conectate în reţea şi conexiune Internet.

Dinamica acestui domeniu, extrem de rapidă, determină actualizarea permanentă a produselor hard şi soft prin prezentarea celor mai noi echipamente respectiv versiuni ale aplicaţiilor, astfel încât absolvenţilor să le fie mai uşor să se adapteze evoluţiilor ulterioare pe piaţa muncii. Se vor promova metodele de predare-învăţare activ-participative, care duc la rezolvarea problemei pusă în discuţie. Ca un argument în favoarea acestor metode se remarcă următoarele avantaje:

• sunt centrate pe elev/cursant şi activitate • pun accent pe dezvoltarea gândirii, formarea aptitudinilor şi a deprinderilor • încurajează participarea elevilor/cursanţilor, iniţiativa, implicarea şi creativitatea • determină un parteneriat profesor-elev/cursant prin realizarea unei comunicări

multidirecţionale. Se recomandă renunţarea la expunere şi orientarea către metode bazate pe

rezolvarea unor sarcini de lucru, utilizându-se cu precădere rezolvarea unei game cât mai variate de aplicaţii practice şi punându-se accent pe realizarea cu exactitate şi la timp a cerinţelor sarcinilor de lucru. Realizarea proiectelor în cadrul activităţilor practice va urmări dezvoltarea abilităţilor de lucru în echipă.

2

Page 3: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Conţinutul educaţional

Realizarea de pagini Web. Elevii sunt implicaţi în dezvoltarea de aplicaţii individuale şi în grup de 2

persoane.

Etapele realizării site-ului În România există 12 milioane de utilizatori de internet, iar piaţa serviciilor de

internet din România înregistrează o expansiune continua. Pe măsură ce din ce în ce mai mulţi oameni încep să folosească internetul cu atât internetul devine o piaţă mai mare şi mai interesantă pentru desfacerea produselor/serviciilor dumneavoastră. Investiţia în un site este o investiţie necostisitoare care poate să vă aducă clienţi, potenţiali angajaţi, parteneri de afaceri, sau chiar investitori.

Un site trebuie considerat ca un proiect şi trebuie tratat ca atare. Puteţi vedea în continuare etapele pentru crearea unui site.

Planificarea site-ului conţine următoarele etape 1. Stabilirea audienţei 2. Stabilirea scopului 3. Definirea obiectivelor 4. Colectarea informaţiilor despre subiectul prezentat 5. Stabilirea specificaţiilor 6. Stabilirea modului de prezentare

Design-ul site-ului Odată parcursă etapa de planificare, având clare audienţa, scopul, obiectivele şi

specificaţiile site-ului, se trece la etapa de creare efectivă.

Stabilirea audienței

Stabilirea scopului

Obiective Colectare informații

Specificații Prezentare

3

Page 4: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

În faza de concepere a designului principalul obiectiv este să creem un aspect atractiv şi să oferim vizitatorului site-ului un sentiment de satisfacţie, pe măsură ce acesta parcurge paginile. Designul unui site trebuie să echilibreze performanţele browserului, cu estetica şi funcţionalitatea site-ului. În etapa de design sunt luate deciziile de ordin practic care vor conduce la îndeplinirea obiectivelor stabilite: câte imagini sau elemente grafice veţi include în pagină, cât de mult text vor conţine paginile, ce texte sau imagini vor fi folosite drept legături.

Dacă doriţi ca site-ul dumneavoastră să fie:

1. Eficace 2. Util 3. De succes

Acesta va trebui să fie: Uşor de găsit Interesant Să poată fi uşor de utilizat Bine structurat Atrăgător vizual

Implementarea site-ului Această etapă reprezintă urmează după acceptarea de către dumneavoastră a design-

ului propus de noi şi reprezintă introducerea textului în pagini, crearea navigaţiei în site, crearea legăturilor între pagini, crearea diferitelor formulare şi procesarea rezultatelor acestora.

În această etapă se face şi traducerea site-ului în diferitele limbi în care va fi acesta disponibil. După intrarea în UE reprezentaţi ai diferitelor firme internaţionale au ajuns în România. Disponibilitatea site-ului în mai multe limbi poate aduce şi clienţi internaţionali sau poate oferi produsele şi serviciile dumneavoastră şi străinilor care se afla în ţara noastră. Pentru o cerere de oferta pentru traducerea site-ului de către unul dintre partenerii noştri apăsaţi aici.

În această etapă toate elementele grafice ale site-ului se definitivează, toate pozele sunt puse la locul lor, galeriile de poze sunt create, filmele şi alte elemente sunt puse în pagina.

4

Page 5: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

(Sursa: http://www.seomoz.org/blog/diagrams-for-solving-crawl-priority-indexation-issues)

Testarea site-ului Etapa de design a site-ului se desfăşoară în strânsă legătură cu cea de implementare,

de scriere a codului HTML pentru paginile care fac parte din site. Totuşi, procesul de creare a site-ului nu se poate considera încheiat în momentul finalizării tuturor documentelor HTML care îl formează. Urmează o etapă adesea tratată oarecum superficial, deşi, ca şi celelalte, este esenţială pentru construirea unui site de calitate: etapa de testare.

Antet Site

Meniu

Conținut

5

Page 6: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Etapa de testare consta în corectarea tuturor greşelilor ortografice şi gramaticale din păgâni, testarea a tuturor legăturilor dintre paginile site-ului şi verificarea validităţii codului HTML pentru o mai bună idexare de motoarele de căutare.

Publicarea site-ului Această etapă reprezintă deschiderea site-ului la toată lumea, în principiu prin

anunţarea tuturor de faptul că site-ul exista şi ce conţine acesta. În cadrul acestei etape site-ul este înscris pe motoarele de căutare pentru că acestea să îl analizeze şi să îl introducă în rezultatele căutărilor.

Optimizarea pentru motoarele de căutare Ideea este destul de simplă, cu câţi mai mulţi vizitatori veţi avea pe site, cu atât

produsele/serviciile dumneavoastră vor fi vizualizate de mai mulţi potenţiali clienţi, cu atât veţi vinde mai mult. Principalul beneficiu în optimizarea site-ului pentru motoarele de căutare sunt vizitatorii care sunt doritori de serviciile dumneavoastră, ei caută direct un produs/serviciu legat de domeniul dumneavoastră de activitate.

Optimizarea pentru motoarele de căutare reprezintă identificarea cuvintelor cheie pentru obiectul de activitate al site-ului şi suită de modificări făcute site-ului pentru a ajunge în poziţii de top pe motoarele de căutare astfel încât acesta să primească mai mulţi vizitatori.

Un site nu este suficient să se afle pe internet pentru a fi găsit de către vizitatori, el trebuie să fie uşor de găsit de către aceştia. De asemenea vizitatorii trebuie să se afle în publicul țintă a site-ului, degeaba un site propune vizitatorilor cumpărarea unei maşini dacă aceştia vor să cumpere un calculator. Probabil că aceşti vizitatori vor ieşi de pe site imediat după încărcarea primei pagini.

Există şi alte metode de aducere a vizitatorilor pe site, poţi citi mai multe despre ele

aici. În continuare puteţi vedea etapele urmate de noi în demersul optimizării pentru motoarele de căutare, metoda pe care o considerăm cea care reprezintă cele mai mari beneficii cu cele mai mici resurse. Lista activităţilor elevilor

• utilizarea operaţiilor de bază necesare realizării unei pagini HTML • folosirea elementelor de bază pentru inserarea în pagină a elementelor: text, imagine • aplicarea operaţiilor de bază necesare pentru realizarea unei pagini – copiere.

mutare. ştergere • enumerarea şi aplicarea modalităţilor de a realiza o hiperlegătură • utilizarea tabelelor într-o pagină Web • realizarea unor aplicaţii practice • transformarea documentelor text sau a prezentărilor PPT în pagini web

Direcţii de acţiune

6

Page 7: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Limbajul Html este studiat de elevi în clasa a IX-a ca ultim capitol, iar la liceele

tehnologice în clasa a XII-a. Activităţile de predare şi conţinuturile se pot concretiza într-un opţional la clasele de liceu, ţinând cont şi de interesul elevilor faţă de Internet.

Activităţile elevilor

Lecţia propusă abordează crearea unei pagini Web simple în care trebuie integrate atât texte, imagini, legături, tabele. Elevii sunt implicaţi în dezvoltarea de aplicaţii individuale şi în grup(proiecte).

• Utilizarea avansată a unei aplicaţii specializate în proiectarea şi realizarea unui document hipermedia

• Formatare text la nivel de caracter, paragraf, secţiune • Inserarea hiperlegăturilor, listelor, tabelelor, imagini, secvenţe audio şi video • Tema proiectului (în funcţie de specificul clasei şi interesul elevilor) • Reguli de lucru în echipă • Planul de lucru • Culegerea datelor necesare • Ierarhizarea informaţiilor • Realizarea şi documentarea aplicaţiei

Evaluarea elevilor şi a activităţii

Susţinerea proiectului realizat pe grupe sau a paginii web personale. Proiectul livrează un produs sau un serviciu nou, unic, irepetabil.

7

Page 8: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Proiect didactic

Disciplina Tehnologia Informaţiei şi Comunicaţiilor Nivelul clasei Clasa omogenă, elevii şi-au însuşit noţiunile limbajului Html şi ştiu să folosească un editor Html Durata: 4 ore de curs Stadiul atins în ciclul învăţării1 elaborare Unitatea de competenta (din componenta Standardului de pregatire profesionala/SPP): Utilizarea calculatorului şi prelucrarea informaţiei Competenţele specifice: Utilizează tehnologii IT multimedia (Web, comunicare) pentru crearea documentelor Web. Obiectivele învăţării

• Tema proiectului (în funcţie de specificul clasei şi interesul elevilor) • Reguli de lucru în echipă • Planul de lucru • Culegerea datelor necesare • Ierarhizarea informaţiilor • Realizarea şi documentarea aplicaţiei

Tipul de activitate 2 descoperire dirijată, investigaţie/cercetare dirijată,investigaţie deschisă, colaborare interpersonală Abilităţile exersate de elevi Utilizarea avansată a unei aplicaţii specializate în proiectarea si realizarea unui document hypermedia HTML. Tehnologia utilizată (dacă este cazul) Tehnologia vizează procesul de aplicare a cunoştinţelor prin intermediul unor instrumente metode, mijloace, norme, etc., utilizate în domeniul producţiei.

• dimensiunea materială, tehnică, reprezentată calculatoare • dimensiunea normativă, reprezentată prin norme şi strategii de proiectare,

organizare şi valorificare a tehnicilor de realizare a proiectului ; • dimensiune socială, reprezentată prin abilităţile capacităţi, comportamente

individuale şi sociale, generate de folosirea tehnicilor promovate la nivel material şi

1 1. antrenare, 2. explorare, 3. explicare, 4. elaborare, 5. evaluare 2 Tipuri de activități propuse: a. Demonstrație interactivă, b. descoperire dirijată, c. investigație/cercetare dirijată, d. Investigație limitată, e. investigație deschisă, alte tipuri de activități

8

Page 9: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

normativ. Materiale utilizate/Informaţii pentru elevi Fişe de lucru, reguli de realizare a proiectelor, reguli de muncă în echipă Metodologia

• Doar câţiva dintre noi acţionează singuri în viaţa de zi cu zi. Multe lucruri sunt făcute cu ajutorul său cu ideile celorlalţi. Proiectele de şcoală sunt o bună practică pentru liceu, facultate şi viaţă de zi cu zi, când probabil veţi avea o slujbă ce necesită colaborarea. Serios vorbind, proiectele pot fi amuzante şi îţi pot da şansa să faci ceva mai bun şi mai important decât ai putea să faci singur. Poţi afla astfel mai multe lucruri, într-un timp mult mai scurt.

• Un alt punct forte este că îţi oferă oportunitatea de a interacţiona cu persoane cu care nu intri în contact foarte des - de exemplu cel mai timid copil din clasa ta. De altfel în aceste lucrări pe echipe îţi poţi pune în evidenţă abilităţi de care nu eşti foarte sigur. De pildă: să ai un termen limită, să fii organizat şi încrezător, să lucrezi în condiţii de stres. Şi dacă ai emoţii să vorbeşti în public, aceasta poate fi şansa ta de afirmare.

Cronologie sugerată • Tema proiectului aleasă de elevi • Reguli de lucru în echipă şi planul de lucru • Culegerea datelor necesare şi ierarhizarea informaţiilor • Realizarea şi documentarea aplicaţiei

Sugestii şi sfaturi Se evaluează fiecare etapa a proiectului şi în final se evaluează şi proiectul. Nota va fi dată de media notelor sau a calificativelor obţinute la toate etapele. Evaluare

Proiectul propriu zis. Se ia în considerarea anexele cu evaluarea activităţii de grup.

9

Page 10: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Fişa de lucru a elevului Introducere Care sunt etapele de realizare a unei pagini Web (a unui site Web)? Reflectare asupra întrebării directoare În România exista foarte mulţi utilizatori de internet, iar piaţa serviciilor de internet din România înregistrează o expansiune continua. Pe măsură ce din ce în ce mai mulţi oameni încep să folosească internetul cu atât internetul devine o piaţă mai mare şi mai interesantă pentru desfacerea produselor/serviciilor dumneavoastră. Investiţia în un site este o investiţie necostisitoare care poate să vă aducă clienţi, potenţiali angajaţi, parteneri de afaceri, sau chiar investitori. Un site trebuie considerat că un proiect şi trebuie tratat ca atare. Materiale (dacă există) http://www.realizaresite.ro/Etapele-realizarii-site-ului/ http://www.w3schools.com/html/ http://www.tutorialehtml.com/htmlt/intro.php Măsuri de securitate a activităţii

• Timp limitat începutul şi sfârşitul proiectului sunt bine delimitate • Echipa de proiect se constituie în momentul apariţiei ideii de proiect sau în momentul

obţinerii finanţării; în multe cazuri aduce împreună persoane care nu au mai colaborat anterior, dar a căror pregătire şi experienţă şi pregătire într-un anumit domeniu le recomandă pentru participarea în cadrul proiectului.

• Obiective precise, clar formulate • Rezultate concrete, măsurabile, unice proiectul livrează un produs sau un serviciu nou,

unic, irepetabil • Plan riguros (stabilit înainte de implementarea efectivă a proiectului) • Activităţi interdependente, intercondiţionate • Resurse limitate

Activitatea propriu-zisă

• Tema proiectului (în funcţie de enuntul din biletul extras ) • Reguli de lucru în echipă • Planul de lucru • Culegerea datelor necesare • Ierarhizarea informaţiilor • Realizarea şi documentarea aplicaţiei

Sugestii Profesorul conduce şi coordonează activitatea fiecărui grup, la fiecare etapă grupul este evaluat

Analiza Elevii sunt impulsionaţi atunci când li se cere părerea în realizarea unui produs informatic se simt activ implicaţi în realizarea aplicaţiei. Sunt foarte atraşi de colaborare şi de exprimarea ideilor în

10

Page 11: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

realizarea activităţilor practice.

Investigaţii suplimentare Tema de proiect pagină Web poate fi folosită ca evaluare finală la orice materie.

Evaluare Anexele cu evaluarea activităţii de grup.

10%

20%

50%

20%

Realizarea Site

Ora 1 Tema Ora 2 Analiza Ora 3 Proiectarea Ora 4 Prezentarea

11

Page 12: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

15 min - HTML- Notiuni de baza

Verificare cunostinte

Pentru fiecare din ceriţele de mai jos scrieţi litera corespunzătoare răspunsului corect:

1. Etapele de dezvoltare ale unui site Web sunt: a) Proiectarea, testarea, publicarea b) Navigarea, inserarea, publicarea c) Administrarea, realizarea, selectarea

2. Care dintre urmatoarele obtiuni reprezinta modalitati de organizare a unui site?

a) Ierarhica, in retea, secventiala b) Liniara, orizontala, diagonala c) Arborescenta, puternica, in retea

3. Software-ul educational poate fi clasificat in: software de prezentare, de verificare, de simulare

a) Adevarat b) Fals

4. Fiecare pagina a unui site trebuie sa aiba alta schema de culori.

a) Adevarat b) Fals

5. In general un site contine:

a) Pagina de salut, pagina de cuprins, pagina de incheiere b) Pagina de oaspeti, pagina individuala, pagina de cuprins c) Pagina de introducere, pagina de start, alte pagini

6. Care dintre urmatoarele afirmatii nu este adevarata:

a) Uniformitatea nu atrage pe nimeni b) Cea mai buna combinatii de culori folosita in scopul cresterii lizibilitatii unui text este

rosu pe fond galben c) Din familia de fonturi sans serif fac parte: Arial, Helvetica, Vendara

7. HTML este un acronim de la: a) Hyper Text Marker Line b) Hyper Text Markup Language c) Hyper Technical Method Library

8. Etichetele HTML sunt incluse între: a) [ şi ] b) ( şi ) c) < şi > 9. Etichetele şi textul care nu sunt vizibile în pagină sunt plasate în blocul: a) Body b) Head c) Table

10. Ce fel de program este necesar pentru a scrie HTML? a) un editor de text b) un editor grafic c) HTML Development 4.0 11. O pagina Web este formată din două părţi:

12

Page 13: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

a) Top şi Bottom b) Body şi Frameset c) Head şi Body 12. Setarea culorii pentru tot textul din pagină se face cu:

a) <FONT color="culoare"> b) <BODY fontcolor="culoare"> c) <BODY text="culoare">

13. Ce este incorect în exemplul următor?

<UL> <LI>Limbaje de programare <OL>

<LI>C++ <LI>Perl <LI>Java

</OL> <LI>Sisteme de operare> <OL>

<LI>MSDos <LI>Unix

</UL> </OL> a) Nu este permisă imbricarea listelor neordonate cu liste ordonate. b) Este absentă eticheta de închidere </LI>. c) Etichetele <UL> şi <OL> nu sunt închise corect.

14. Care este rolul etichetei <BR>?

a) Trecerea la un rând nou b) Inserarea unei linii libere în text c) Inserarea unei linii orizontale

15. O listă ordonată este introdusă prin eticheta: a) <UL> b) <OL> c) <DL>

16. La ce serveşte eticheta <TD>? a) Pentru a insera un tabel în pagină. b) Pentru a insera o linie într-un tabel. c) Pentru a insera o celulă de date într-o linie a tabelului.

17. Ce efect are următoarea construcţie:

<TABLE border cellspacing="5" cellpadding="10">? a) Textul din celule este distanţat cu 5 pixeli faţă de chenarul celulelor, iar celulele sunt

distanţate între ele cu 10 pixeli. b) Textul din celule este distanţat cu 10 pixeli faţă de chenarul celulelor, iar celulele sunt

distanţate între ele cu 5 pixeli. c) Chenarul tabelului are grosimea de 5 pixeli iar chenarul celulelor grosimea de 10 pixeli.

13

Page 14: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Raspuns:

1. A 2. A 3. B 4. B 5. C 6. B 7. A 8. B 9. C

10. B 11. A 12. C 13. C 14. C 15. C 16. B 17. C 18. B

14

Page 15: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

FIŞA DE EVALUARE A PROIECTULUI 1. Nume / prenume candidat …………………………………………………………… 2. Tema proiectului …………………………………………………………………….... 3. Data începerii activităţilor la proiect: 28.10.2016 4. Durata efectuarii proiectului:4 ore 5. Data finalizarii proiectului: 6. Competenţe vizate / implicate în realizarea / execuţia proiectului - Utilizează resurse Web şi tehnologii pentru realizarea site-urilor Web - Formatează elementele de conţinut ale site-ului cu ajutorul software-ului specific.

Aprecierea calităţii proiectului

Criteriul/Cerintele proiectului DA/NU Observaţii 1. Proiectul răspunde temei primite din puncte de vedere al conţinutului si contine minim 4 pagini web (2 elevi x 2 pagini)

2. În site sunt incluse elemente de conținut

Texte Se vor folosi formatari pentru text:

- fontul textului cu atributele corespunzatoare tagului

- text bold - text italic - text mărit - text micsorat

O linie cu atributele corespunzatoare tagului Fundalul paginilor site-ului: -colorat

-cu o imagine de fundal Imagini

Liste: - Liste ordonate

- Liste neordonate - Liste de definitii - Imbricarea listelor

Elemente de organizarea textului : - Elementul de bloc

- Elementele heading

- Inserarea unei adrese poştale

Tabele (minim 2 formatate diferit) Obiecte ce conţin animaţii Formulare Cadre

Fişiere Elementul de legătură Realizarea unei legături reciproce între două pagini aflate în acelaşi folder de lucru

Realizarea unei legături către pagini web externe Operaţia de descărcare a fişierelor (download)

15

Page 16: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

3. Amplasarea elementelor: formulare, meniuri, bare de instrumente, butoane, casete de text, grid-urilor, liste, ferestre, inserarea de etichete, comentarii/indicaţii (tooltips), ghiduri de utilizare, este realizată cu respectarea regulilor de design. Realizati la finalul paginii web formularul alaturat:

5. Respectă legea dreptului de autor 6. Site-ul a fost testat conform standardelor în vigoare 7. Alegerea unui nume reprezentativ, rezervare domeniu gratuit 8.Creativitate, originalitate 9. Găzduire site Pe lângă fişa de evaluare a proiectului se va utiliza o fisă de evaluare a prezentării si o fisa de evaluare a activitatii in cadrul grupului.

16

Page 17: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Fişă de evaluare a prezentării Numele şi prenumele elevului _____________________________________ Data _______________________

Criterii de evaluare

Foarte bine 2,5 puncte

Bine 1,5 puncte

Satisfăcător 1 punct

Punctaj / criteriu

Prezentare; creativitate şi originalitate, utilizarea adecvată a informaţiilor şi resurselor

Original şi creativ. Utilizare eficientă şi adecvată a informaţiilor şi resurselor. Prezentare foarte atractivă.

Destul de creativ şi original. Utilizarea destul de adecvată a resurselor şi informaţiilor. Prezentare destul de atractivă.

Nu a utilizat suficient resursele şi informaţiile. Fără originalitate şi creativitate în realizarea produsului.

Organizare şi eficienţă: selectare adecvată a materialelor, accesibilitate, încadrare în timp, prezentare produs

Utilizarea surdelor de informare şi documentare foarte diversificate. Stabilirea unui plan de acţiune şi respectarea riguroasă a acestuia.

Utilizarea surselor de documentare destul de variate. Respectarea timpului de realizare dar fără stabilirea unui plan de acţiune.

Utilizarea unui număr redus de surse de informare şi documentare. Nerespectarea întocmai a timpului de realizare a produsului.

Limbaj: claritate, accesibilitate, corectitudine gramaticală şi ortografică

Limbaj de comunicare clar, adecvat, fără greşeli gramaticale sau de ortografie.

Limbaj de comunicare aproape clar şi adecvat, cu puţine greşeli de exprimare şi de ortografie.

Limbaj de comunicare inadecvat, incoerent şi cu greşeli gramaticale şi de ortografie.

Prezentare estetică, artistică: originalitate, utilizare elemente grafice, structurarea elementelor şi informaţiilor

Materiale de prezentare originale, elemente grafice deosebite, elementele informaţionale structurate adecvat şi profesionist.

Materiale de prezentare interesante , elemente grafice adecvate, informaţiile structurate bine şi oarecum original.

Materiale de prezentare sumar realizate, inadecvat, elemente grafice simple sau slab executate, fără originalitate.

Total

17

Page 18: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

FISA DE EVALUARE A ACTIVITĂŢII IN CADRUL GRUPULUI

Numele elevului evaluat

Data Evaluării

Nota Finala Profesor

0 – 4

5 – 7

8 – 9

10

Evaluare

Contribuţii la sarcinile grupului

Alege să nu participe

nu afişează niciun motiv de îngrijorare pentru sarcini

Participare inconsistentă la grup

Arată motive sporadice pentru sarcinile impuse

Participă la grup de cele mai multe ori

Arată interes pentru sarcini

Participă activ Îndeplineşte toate sarcinile

Sarcinile personale

Nu realizează sarcinile atribuite

Nu îl interesează

Participă sporadic la sarcini

Participă sporadic la întâlniri

Completează unele sarcini

Participă aproape totdeauna la sarcini

Participă aproape totdeauna la întâlniri

Completează unele sarcini

Ajută la realizarea sarcinilor

Ajută la întâlniri Îndeplineşte toate sarcinile

Discuţii

Nu discută Nu participă la

discuţiile de grup

Împărtăşeşte idei ocazional cu ceilalţi

Împărtăşeşte idei aproape totdeauna cu ceilalţi

Câteodată încurajează grupul

Împărtăşeşte idei totdeauna cu ceilalţi

Încurajează grupul

Ascultare activă

Nu îi ascultă pe ceilalţi

Nu ia în considerarea ideile altora

Îi ascultă pe ceilalţi ocazional

Îi ascultă pe ceilalţi aproape totdeauna

Ia în considerarea ideile altora

Îi ascultă pe ceilalţi activ Ia în considerarea ideile

altora

Contribuţia la

evaluarea grupului

Descurajează evaluarea de grup

Participă de pe margine la evaluare

Încurajează evaluarea grupului

încurajează grup pentru a evalua cât de bine lucrează împreună, precum şi de auto-evaluare

Rezolvarea de

probleme

Nu participă Oferă ocazional sugestii

Ajută câteodată grupul

Oferă unele sugestii la problemele de rezolvat

Se implica în rezolvarea problemelor

Coeziune

Promovează fragmentarea grupului

Nu participă la efortul grupului

Lucrează în majoritatea timpului

Participă activ la grup

Total

18

Page 19: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Instrucţiuni pentru evaluatori Pe parcursul realizării proiectului evaluatorul poate utiliza următoarele instrumente:

• diagrama KWL – se completează de către fiecare elev la începutul activității de realizare a proiectului

Numele şi prenumele …………………………………………. Vă rog să completaţi tabelul de mai jos. Ce ştiu Ce aş vrea să ştiu Ce am învăţat

• Foaie de observaţii elevi

Foaie de observaţii elevi

Nume Este preocupat de realizarea temei

Ordonat Dezorganizat Structurează bine informaţia

Atent la detalii

Alte obervaţii

Evaluarea finală se va face cu ajutorul celor 3 fişe. Nota pe care elevul o va primi se poate calcula ca o medie între punctajele obținute pentru realizare şi pentru prezentare, pentru activitate in cadrul grupului , cu o formulă de forma următoare

Nota=3

____ presentarenotagrupactivitatenotarealizarenota ++

19

Page 20: Proiect -   · PDF fileCrearea de soft, sau în particular de pagini Web cu conţinut divers presupune creativitate şi expresie din partea proiectantului. ... Html. Locul de

Bibliografie pentru profesor si elevi:

1. G.D.Mateescu, Bazele utilizării calculatoarelor, Ed. Donaris Info, 2004

2. http://www.realizaresite.ro/Etapele-realizarii-site-ului/

3. HTML Specifications – http://www.w3schools.com/html/

4. http://www.tutorialehtml.com/html/intro.php

5. http://www.free-css-templates.com/ 6. Standardul de Pregătire Profesională pentru calificarea ANALIST PROGRAMATOR

www.tvet.ro, 2009 7. Curriculum pentru calificarea ANALIST PROGRAMATOR www.tvet.ro, 2009 8. McFredies, Paul. (2003). Crearea paginilor Web, București: Editura B.I.C.ALL 9. Williams, Robin. Tollett, John (2003). Design pentru Web, București: Editura Corint 10. Gugoiu, Teodoru. (2005). HTML, XHTML, CSS și XML prin exemple – Ghid practic,

București: Editura Teora 11. ***. La http://www.primulpas.ro/ftp.htm. 25.04.2009 12. ***. La http://www.tutoriale.far-php.ro/index.php. 29.04.2009 13. ***. La http://facultate.regielive.ro/cursuri/calculatoare/webdesign-

69744.html?in=cursuri&s=sit%20web. 28.04.2009 14. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare_alte_domenii/dezvoltarea_site_urilor_we

b-53607.html?in=cursuri&s=sit%20web . 28.04.2009 15. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/curs_html-

5747.html?in=cursuri&s=sit%20web. 30.04.2009 16. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/xml_tehnologii-

52577.html?in=cursuri&s=xml . 29.04.2009 17. ***. La http://facultate.regielive.ro/cursuri/limbaje_de_programare/curs_php-

51674.html?in=cursuri&s=sit%20web. 30.04.2009 18. ***.La http://facultate.regielive.ro/cursuri/calculatoare/pagini_web_dinamice-

73641.html?in=cursuri&s=scriptur%20web. 02.05.2009 19. ***.La

http://facultate.regielive.ro/cursuri/automatica_calculatoare/javascript_si_world_wide_web-44356.html?in=cursuri&s=scriptur%20web. 02.05.2009

20. ***. La http://facultate.regielive.ro/cursuri/automatica_calculatoare/javascript_si_world_wide_web-44356.html?in=cursuri&s=javascript. 02.05.2009

21. ***.La http://facultate.regielive.ro/cursuri/calculatoare_automatica/baze_de_date_sql-749.html?in=cursuri&s=sql. 02.05.2009

22. ***.Lahttp://facultate.regielive.ro/cursuri/calculatoare/structuri_de_date-59836.html?in=cursuri&s=structur. 02.05.2009

23. ***.La http://facultate.regielive.ro/cursuri/limbaje_de_programare/dezvoltarea_de_aplicatii_web_folosind_limbajul_de_programare_java-48618.html?in=cursuri&s=xml. 02.05.2009

24. ***.La http://www.softpageinternet.ro/manual_html/Capitole/Cuprins.htm. 02.05.2009 25. ***.La http://facultate.regielive.ro/cursuri/calculatoare/xml_tehnologii-

52577.html?in=cursuri&s=xml . 02.05.2009 26. ***.La http://www.afaceri.net/WEBDESIGN/PROIECTARE/MACHETARE/Grafica/Iconuri.htm .

02.05.2009

20