site-ul profesorilor de educaȚie ... - sinuc.utilajutcb.ro · pentru realizarea aplicației...
TRANSCRIPT
SITE-UL PROFESORILOR DE EDUCAȚIE TEHNOLOGICĂ DIN
JUDEȚUL PRAHOVA
THE SITE OF TECHNOLOGICAL EDUCATION TEACHERS FROM PRAHOVA
COUNTY
Popescu Ramona-Eugenia, Inspector școlar, Inspectoratul Școlar Județean Prahova
Student an I Master Management Educațional, UTCB (DPPD), [email protected]
Rezumat: Lucrarea tratează problematica încadrării cu cadre didactice care predau disciplina Educație tehnologică
în județul Prahova, noutățile și evenimentele apărute în domeniu, activitățile desfășurate de cadrele didactice în
cadrul cercurilor pedagogice, concursurilor și olimpiadelor școlare desfășurate în anul școlar 2015-2016. Lucrarea
cupinde aplicația informatică realizată în limbaj HTML și în care s-au inserat baza de date relaționale realizată în
Microsoft Access, precum și noțiuni sumare de Microsoft Excel .
Abstract: The paper deals with the issue of employment with technological education teachers in Prahova county,
news and events occurring in the field, the activities of the teachers within competitions and school olympics
during 2015-2016. The paper has the informatics application in HTML language, Microsoft Access database and
Microsoft Excel application.
Cuvinte-cheie: site, educație tehnologică, aplicație informatică, bază de date
Key-words: site, technological education, informatics application, database
1. NOȚIUNI INTRODUCTIVE
Site-ul profesorilor de Educație tehnologică din județul Prahova apare din necesitatea
cunoașterii activității desfășurate de profesorii care predau această disciplină în unitățile de
învățământ din județul Prahova, a noutăților apărute în domeniu, precum și a elementelor de
legislație pe care aceștia trebuie să le cunoască pentru buna derulare a procesului de învățământ.
Un profesor informat poate transmite cunoștințe actualizate, verificate, corecte din punct de
vedere științific elevilor săi. De asemenea, un cadru didactic trebuie să știe evenimentele ce se
desfășoară în cadrul disciplinei disciplinei la nivel local, județean și național.
2. SUPORT TEORETIC AL SOFTURILOR UTILIZATE ÎN REALIZAREA
APLICAȚIEI
Pentru realizarea aplicației informatice am folosit limbajul HTML (în care am proiectat
pagina WEB), programul Microsoft Access (pentru realizarea bazei de date), Microsoft Excel
(pentru calcularea mediei și ordonarea rezultatelor elevilor la etapa județeană a olimpiadei de
educație tehnologică).
Paginile WEB reprezintă fișierele având un format prestabilit care permit organizarea
informațiilor în format HTML și accesarea acestora prin intermediul unor hiperlinkuri pentru
navigare de la o pagină la alta. Mai multe pagini WEB formează un site WEB.
HTML (HyperText Markup Language) reprezintă limbajul universal folosit pentru a
structura informația în vederea realizării paginilor WEB. Acest limbaj se compune din directive
HTML (tags), adică instrucțiuni de afișare ce vor fi utilizate de browser pentru selectarea
informației ce urmează să se afișeze.
Pentru editarea paginilor WEB se folosesc editoare de text, dintre care cele mai
cunoscute sunt NotePad sau NotePad++, Microsoft FrontPage, Macromedia Dreamweaver,
Eclipse, BlueFish.
Componenta fundamentală din structura unui document se numește element, iar
elementele HTML sunt delimitate prin perechi de directive.
O pagină WEB are în componență trei directive HTML folosite pentru a defini structura,
modul de afişare şi comportamentul conţinutului și care sunt bine diferențiate:
<html> și </html> marchează începutul și sfârșitul documentului HTML; codul oricărui
document se va încheia cu tag-ul </html>;
<head> și </head> marchează începutul și sfârșitul capului documentului, în care sunt
specificate titlul și informațiile documentului;
<title> și </title> marchează scrierea titlului documentului, titlul se va afișa în bara de titlu a
documentului;
<body> și </body> marchează începutul și sfârșitul corpului documentului, între care se
introduce toată informația conținută de pagina WEB; tot ceea ce se scrie după tag-ul </body>
nu va mai fi afișat.
Tag-urile pot fi scrise atât cu litere mari, cât și cu litere mici.
Se utilizează tag-ul <br> atunci când se dorește trecerea pe un alt rând; acest tag nu are tag de
închidere.
După ce s-a scris codul, pagina se salvează cu extensia .htm sau .html.
Specificarea culorilor în HTML se realizează prin atribuirea denumirii culorii sau a
valorii codului R(RED)G(GREEN)B(BLUE) între ghilimele sau apostrof ( ex. ”#FFFF00” din
codul RGB este echivalent cu ”yellow”).
Imbricarea directivelor HTML reprezintă inserarea unei directive HTML în interiorul
altei directive HTML, având drept scop aplicarea ambelor efecte asupra aceluiași element ( de
exemplu, pentru a scrie un cuvânt din text atât în format italic, cât și subliniat sau bold).
Comentariile HTML se folosesc pentru a insera informații suplimentare referitoare la
pagină. Aceste comentarii nu sunt afișate de către browser și se inserează prin directiva având
sintaxa <! - - Comentariu - ->.
Directiva <font> se folosește pentru stabilirea caracteristicilor fontului (culoare-
atributul color, dimensiune- atributul size, tip-atributul face,grosime-atributul weight) și este o
metodă de a evidenția un cuvânt, un text. Este obligatorie utilizarea directivei de sfârșit.
Legăturile (link-urile) reprezintă cele mai importante părți ale paginilor web. Acestea
transformă un text obișnuit în hipertext sau hiperlegătură ce permite trecerea rapidă de la o
informație aflată pe un server la o altă informație memorată pe alt server aflat oriunde în lume.
Legăturile sunt zone active într-o pagină web (zone de pe ecran sensibile la apăsarea butonului
stânga al mouse-ului).
Într-o pagină HTML pot exista trei tipuri de legături, și anume:
-legături interne, folosite pentru o structurare mai bună a conținutului în documentele de
dimensiuni mari:
O legătură de pe o pagină către o alta aflată în acelaşi director se formează cu ajutorul etichetei
<a> (de la "anchor"= ancoră). Pentru a preciza pagina indicată de legatură se utilizează un
atribut al etichetei <a> numit "href", care ia ca valoare numele fișierului HTML aflat în acelaşi
director. Zona activă care devine sensibilă la apăsarea butonului stâng al mouse-ului este
formată din textul cuprins între etichetele <a> si </a>. Prezența etichtetei de sfarşit </a> este
obligatorie.
-legături externe, folosite pentru legarea paginilor WEB, cu specificarea URL-ului complet;
-legături locale, folosite pentru a lega documente aflate pe același server.
Microsoft Access este un sistem de gestiune de baze de date relațională care ajută
utilizatorii să creeze și să manipuleze bazele de date și să obțină rapoarte pe baza acestor date
prin intermediul unor aplicații complexe.
Componentele unei baze de date Access sunt: Tabele, Interogări, Formulare, Rapoarte,
Macrocomenzi și Module Program.
Microsoft Excel este un program de calcul tabelar care oferă posibilități de calcul logic,
calcul matematic general, calcule statistice, calcule financiare, prelucrări pentru organizarea
datelor, rezultatele obținute putându-se vedea imediat sub formă de grafic sau tabel. De
asemenea, se poate observa imediat ce se întâmplă cu rezultatele obținute anterior în cazul
modificării unor date din tabel.
Programul are drept obiect de lucru foaia de calcul (sheet), care conține informații referitoare
la un anumit subiect și cu care se fac operații de calcul logic sau numeric.
Datele sunt organizate în fișiere care au extensia .xls. Un fișier în Excel poate avea 255 de foi
de calcul, separate prin etichete de indexare numite tag-uri; aceste etichete au inițial numele
generic dat la inițializare de Foaie 1, Foaie 2, dar pot fi redenumite pentru identificare ulterioară
mai ușoară.
3. APLICAȚIA PROPRIU-ZISĂ: SITE-UL PROFESORILOR DE EDUCAȚIE
TEHNOLOGICĂ DIN JUDEȚUL PRAHOVA
Site-ul profesorilor de educație tehnologică din județul Prahova are ca scop informarea
cadrelor didactice care predau această disciplină în legătură cu diferite aspecte ale activităților
didactice și de formare profesională în specialitate.
Site-ul are structură ne-ierarhică, fiecare pagină situându-se la distanță de un click de
pagina de start. Harta site-ului este următoarea:
3.1. Harta site-ului
Legislație
Olimpiade
Concursuri școlare
Cercuri pedagogice
Cadre didactice
Metodiști
Link-uri utile
Evenimente
Anunțuri
Pagina principală (home)
Pagina principală a site-ului este structurată în trei cadre: top, în partea de sus a site-
ului, meniu, în partea stângă și cuprins, în centrul paginii. Codurile paginilor au fost scrise cu
aplicația Notepad.
3.2. Captură de ecran-Pagina principală a site-ului
Pagina top.html are următorul cod:
Am inserat culoare de fundal, imagine, titlu și contact, cu legătură către adresă de e-
mail.
Pagina top.html am salvat-o în folderul Pagini. Imaginea este accesată din folderul
Poze.
Cadrul din stânga l-am numit meniu, codul acestuia a fost salvat în folderul Pagini cu
denumirea meniu.html. Codul paginii meniu.html este următorul:
<HTML>
<HEAD>
<TITLE>Top</TITLE>
</HEAD>
<BODY bgcolor="#00CCFF">
<img src="../poze/educatietehnologica1.jpg" hspace="30" align="right">
<H2><FONT color="red"><BR>EDUCATIE TEHNOLOGICA PRAHOVA</H2><br>
<B>E-mail: <ahref="mailto:[email protected]">
[email protected]</a><BR>
</FONT></B>
</BODY>
</HTML>
În cadrul Meniu am inserat nouă butoane, prin apăsarea cărora se deschid următoarele
pagini: LEGISLAȚIE, OLIMPIADE, CONCURSURI ȘCOLARE, CERCURI
PEDAGOGICE, CADRE DIDACTICE, METODIȘTI, LINK-URI UTILE, EVENIMENTE,
ANUNȚURI. Fiecare pagină este scrisă cu cod html și salvată în folderul Pagini.
1. Prin apăsarea butonului LEGISLAȚIE se deschide pagina ilegislație.html, din care se
accesează elemente de legislație specifice disciplinei Educație tehnologică:
3.3. Captură de ecran- Pagina Legislație
<HTML>
<HEAD>
<TITLE>Meniu</TITLE>
</HEAD>
<BODY bgcolor="#CCFFFF">
<img src="../Poze/meniu1.jpg"><BR><BR>
<a href="../Pagini/ilegislatie.html" target="_parent"><img
src="../Poze/LEGISLATIE.JPG"border="0"></a> <br>
<a href="../Pagini/iOlimpiade.html" target="_parent"><img
src="../Poze/OLIMPIADE.JPG"border="0"><img border="1" src="../Poze/nou1.gif"
width="50" height="30" hspace="0"></a> <br>
<a href="../Pagini/iConcursuri.html" target="_parent"> <img src="../Poze/CONCURSURI
SCOLARE.JPG"border="0"></a> <br>
<a href="../Pagini/iCercuri.html" target="_parent"><img src="../Poze/Cercuri
pedagogice.JPG"border="0"></a> <br>
<a href="../Pagini/iCadre didactice.html" target="_parent"><img src="../Poze/CADRE
DIDACTICE.JPG"border="0"></a> <br>
<a href="../Pagini/iMetodisti.html" target="_parent"><img
src="../Poze/METODISTI.JPG"border="0"></a> <br>
<a href="../Pagini/iLink-uri utile.html" target="_parent"><img src="../Poze/LINKURI
UTILE.JPG"border="0"></a> <br>
<a href="../Pagini/iEvenimente.html" target="_parent"><img
src="../Poze/EVENIMENTE.JPG"border="0"></a> <br>
<a href="../Pagini/iAnunturi.html" target="_parent"><img
src="../Poze/ANUNTURI.JPG"border="0"><img border="1" src="../Poze/alert.gif"
width="30" height="20" hspace="0"></a> <br>
</BODY>
</HTML></span>
Această pagină are codul html umător:
2. Butonul OLIMPIADE are un marcaj gif pentru indicarea apariției unor noutăți. Prin apăsarea
butonului se deschide pagina iolimpiade.html, în care sunt prezentate:
- elementele de legislație salvate într-o arhivă ce se accesează prin apăsarea link-ului (legislație
în vigoare);
- rezultatele obținute de elevii participanți la etapa județeană a olimpiadei de educație
tehnologică, acestea putând fi accesate fie ca pdf, fie ca foi de calcul Excel pentru fiecare clasă
în parte; rezultatele s-au calculat ca medie aritmetică a notelor de la testarea scrisă și de la proba
practică;
- rezultatele obținute la etapa națională a olimpiadei, cu marcaj gif și hyperlink.
3.4 Captură de ecran- Pagina Olimpiade
<HTML>
<HEAD>
<TITLE>Home</TITLE>
</HEAD>
<BODY background="http://www.konordo.com/sites/default/files/blue-sunny-sky.jpg">
<CENTER><img src="../Poze/motto legislatie.jpg"></CENTER><BR><BR>
<img src="../Poze/legislatie1.jpg" hspace="25" vspace="25" align="left"><BR>
<FONT color="red" align="left">
<BR><H4>
<font size="6">
Educatia tehnologica la ciclul gimnazial este o disciplina de studiu structurata in 8 module
diverse, conform normelor prevazute de <a href="../Materiale/Ordin_5097_2009.pdf" target
= "_parent"> Ordinul 5097din 2009 </a>, respectiv de <a
href="../Materiale/educatie_tehnologica_5_8.pdf" target = "_parent">Programa
scolara</a></font>
<br><br>
<a href="../home.html">
<align="left">meniu.html</align></a>
</H4>
</FONT>
</BODY>
</HTML>
3. Pagina iconcursuri.html, care se accesează prin apăsarea butonului CONCURSURI
ȘCOLARE are codul următor:
4. Apăsarea butonului CERCURI PEDAGOGICE permite deschiderea paginii icercuri.html, în
care se pot vede programul cercurilor pedagogice prin accesarea unui link ce permite
deschiderea unui meniu derulant și un film realizat cu ajutorul programului Windows
MovieMaker în care, pe fundal sonor, sunt prezentate momente din activitățile practice
desfășurate cu elevii și produsele realizate de către aceștia.
3.6. Captură de ecran- Pagina Cercuri pedagogice
5. Informații legate de cadrele didactice care predau disciplina educație tehnologică în județul
Prahova se pot obține accesând baza de date către care este realizată o legătură din pagina
icadre.html, care se deschide prin apăsarea butonului CADRE DIDACTICE.
<HTML>
<HEAD>
<TITLE>Home</TITLE>
</HEAD>
<BODY bgcolor="#CCFFCC">
<CENTER><img src="../Poze/concursuri1.jpg"></CENTER><BR>
<FONT color="#0099FF" align="left">
<H4><font size="+1">Elevii de gimnaziu din judetul Prahova pot participa direct la
urmatoarele concursuri de specialitate organizate la nivelul judetului:<br><br>
<FONT color="#CC0000" align="left">Creativitate si educatie tehnologica, mai 2016,
organizator: Liceul Tehnologic "Constantin Cantacuzino"Baicoi </font><br><img
src="../Poze/proiect.png" align="center" hspace="25" vspace="4">
<br><br><font size="+1"><FONT color="#CC0000" align="left">Stiinte si Tehnologii, 21
aprilie 2016, organizator: Colegiul Tehnic "Elie Radu"Ploiesti, sectiunile "Azi mici, maine
cercetatori" si "Stiinte pentru gimnaziu".</font>
<br><br>
<a href="../home.html">
<align="left">meniu.html</align></a>
</H4>
</FONT>
</BODY>
</HTML>
3.5. Captură de ecran-Pagina Concursuri
3.7. Captură de
ecran-Pagina
Cadre didactice Baza de date este realizată în Microsoft Access, și are informații legate de cadrele didactice sub
formă de tabele, interogări, formulare și rapoarte.
Tabelele pe care le-am realizat sunt:
Profesori, în care am inserat următoarele coloane: nume și prenume, unitatea de învățământ,
localitatea, telefon, e-mail, grad didactic, cerc pedagogic, ID unitate;
Cerc pedagogic nr 1, Cerc pedagogic nr 2 și Cerc pedagogic nr 3 în care am inserat următoarele
informații: nr crt, unitatea de învățământ, telefon școală, e-mail școală, profesor, localitatea;
Inspecții școlare an școlar 2015-2016, în care am inserat informațiile legate de nume și
prenume, unitatea de învățământ, localitate, tipul inspecției și data efectuării inspecției.
Am realizat două interogări (Queries), referitoare la profesori cu grad didactic > decât definitiv,
respectiv profesori necalificați, în care se accesează informațiile despre nume și prenume,
unitatea de învățământ, localitatea, telefon, e-mail, grad didactic și cerc pedagogic.
Am creat două formulare, Profesori cu grad didactic UU și I, respectiv Școli cu profesori cu
grad didactic II și I.
Am realizat rapoarte pentru Inspecții an școlar 2015-2016, Profesori, Profesori cerc pedagogic
zona Câmpina, Profesori cerc pedagogic zona Vălenii de Munte, Profesori cerc pedagogic zona
Ploiești și am realizat o relație profesori-cerc pedagogic-inspecții.
3.8. Captură de ecran- Baza de date 3.9. Captură de ecran- pagina Metodiști
6. Apăsând butonul METODIȘTI din frame-ul meniu se deschide pagina imetodiști.html, în
care am inserat un tabel cu trei rânduri și trei coloane în care am inserat numele, prenumele și
unitatea de învățământ la care sunt titulare cele două cadre didactice metodiste. De asemenea,
prin accesarea link-ului listă se deschide un document word în care se regăsesc aceleași
informații ca cele trecute în tabel.
7. Accesând pagina ilink-uri utile.html în urma apăsării butonului LINK-URI UTILE, vom
putea intra pe site-urile:
-Educație tehnologică P.R., la adresa https://sites.google.com/site/educatietehnologicapr/,
3.10. Captură de ecran- Pagina Link-uri utile
3.11. Captură de ecran-Pagina de pornire site 3.12. Captură de ecran-pagina de start a site-
Educație tehnologică P.R ului Tehnologii de comunicații și transport
.-Comunicații și transport, la adresa https://sites.google.com/site/comunicatiitransport/,
- la adresa https://sites.google.com/site/suntemceeacemancam2015/home, site-ul Suntem ceea
ce mâncăm:
3.13. Captură de ecran-Pagina de start a site-ului Suntem ceea ce mâncăm 2015
site-ul Ministerului Educației Naționale și Cercetării Științifice, la adresa http://edu.ro/ și pe
site-ul Inspectoratului Școlar Județean Prahova, la adresa http://www.isj.ph.edu.ro/.
Site-urile Educație tehnologică P.R., Comunicații, transport și Suntem ceea ce mâncăm, pe care
le administrez, au fost realizate pentru facilitarea comunicării și informării elevilor în ceea ce
privește noțiunile predate la disciplina educație tehnologică în clasele V-VIII. Sunt site-uri
Google, la care au acces doar elevii și cadrele didactice invitate. Materialele realizate de către
elevi sunt postate pe site, alături de materiale informative, materiale didactice, anunțuri și
noutăți.
8. Pagina de EVENIMENTE are inserat un eveniment legat de sărbătorirea Zilei Mondiale a
Apei. Am inserat un fundal sonor care pornește la deschiderea paginii și se derulează doar pe
pagină.
3.14. Captură de ecran-Pagina Evenimente 3.15. Captură de ecran-Pagina Anunțuri
9. Pagina de anunțuri se accesează prin apăsarea butonului ANUNȚURI care are și un marcaj
gif de atenționare. În cuprinsul paginii am inserat două imagini și două anunțuri legate de
activități specifice disciplinei, un curs de formare la care se pot face înscrieri on-line prin
accesarea link-ului site-ului Casei Corpului Didactic Prahova, și concursul organizat în județ
pentru care se accesează informațiile prin link de legătură.
Revenirea în pagina home.html se face prin link de legătură.
BIBLIOGRAFIE
1. Anghel, A.M., Olteanu, A., Pietraru, R. (2006)- Realizarea paginilor WEB-Proiectul pentru
învățământul rural. Program postuniversitar de conversie profesională pentru cadrele
didactice din învățământul rural. Specializarea ”Tehnologia informației”. Forma de
învățământ ID, semestrul III -Ministerul Educației și Cercetării. Proiectul pentru învățământul
rural
2. Miloșescu, M. (2007) – Baze de date. Modulul I. Informatică. Specializarea matematică-
informatică inclusiv intensiv informatică, manual pentru clasa a XII-a-Editura Didactică și
Pedagogică, R.A., București
3. Olteanu, A., Anghel, M., Pietraru R.N. (2005)-Baze de date și utilizarea acestora-Proiectul
pentru învățământul rural. Program postuniversitar de conversie profesională pentru cadrele
didactice din învățământul rural. Specializarea ”Tehnologia informației”. Forma de
învățământ ID, semestrul I- Ministerul Educației și Cercetării. Proiectul pentru învățământul
rural
4. Oprescu, D., Dămăcuș, C.-E. (2005)- Tehnologia informației și a comunicațiilor, manual
pentru clasa a X-a- Editura Niculescu, București
5. Panțiru, M., Panțiru, I., Panțiru I.-I.(2004) – Informatică. Tehnologii asistate de calculator.
Varianta Access, Manual pentru clasa a XII-a-Editura L&S Informat, București
6. Trandafir, R.-Creation d'une page web[http://civile.utcb.ro/], accesat martie 2016
7. D. Caragheorgheopol – Bazele informaticii, note de curs, 2014
8. I. Mierluș-Mazilu-Baze de date, note de curs, 2014
9. R. Trandafir –Sisteme multimedia, note de curs, 2014