UNIVERSITATEA „DUNĂREA DE JOS” DIN GALAȚI

DEPARTAMENTUL DE FORMARE CONTINUĂ ȘI TRANSFER TEHNOLOGIC

PROGRAM DE CONVERSIE PROFESIONALĂ

Specializarea:
INFORMATICĂ - TEHNOLOGIA INFORMAȚIEI
ȘI A COMUNICAȚIILOR

TEMA :
Logică, argumentare și comunicare
- suport de curs pentru examenul de bacalaureat -

LINK: https://www.mogaion.palimaruautoserv.ro

Îndrumător, Absolvent
Lector dr. ing. Cristina Elena ANTON Ion MOGA

Galați
anul 2021
 Cuprins:

1. Tema ...................................................................................................................2

2. Detalii tehnice ....................................................................................................3

3. Structura aplicației ...........................................................................................6

4. Resurse ………………………………………………………………………...8

5. Surse .................................................................................................................11

6. Bibliografie ......................................................................................................17

1
 1. Tema

Oportunitatea acestei teme se reflectă în numeroasele solicitări ale elevilor claselor terminale
de a aprofunda logica, în vederea susținerii acesteia ca ultimă probă scrisă, la alegere, în cadrul
examenului de Bacalaureat, facilitându-le în acest sens, finalizarea ciclului liceal cu rezultate
foarte bune. Suportul noțional, instrumental și metodologic răspunde competențelor generale și
specifice ce descriu științele sociale, fiind în mod prioritar în concordanță cu interesele elevilor.
Suportul de curs este propus ca ofertă de curriculum la decizia școlii în aria curriculară Om
și societate și se adresează elevilor din clasele a XI-a liceu, profilul umanist, specializarea științe
sociale și filologie, beneficiind de un buget de timp de 1 oră pe săptămână.
Acest opțional își propune să ofere elevilor posibilitatea aplicării cunoștințelor de logică
achiziționate în clasa a IX-a, în diferite situații de comunicare, contribuind la dezvoltarea
competențelor de tip instrumental-practic adecvate spațiului public și privat. Din această
perspectivă, prezentul curs va avea un caracter preponderent aplicativ, alocând un mare număr de
ore rezolvărilor de exerciții, analizelor logice de text, argumentărilor și contraargumentărilor.
Disciplina noastră presupune reîntâlnirea cu logica, în contextul utilizării unor deprinderi de
ordin cognitiv, a aplicării unor algoritmi, reguli și principii în scopul valorificării acestora în
viața reală, ca atare, ea va avea ca urmare deprinderea tânărului cu exersarea modului în care să
gândească și nu a ceea ce să gândească asupra unor probleme.
Dacă astăzi omul trăiește într-o lume puternic tehnologizată și marcată de dinamism, atunci o
premisă fundamentală a integrării sociale active o constituie înțelegerea importanței pe care o au
gândirea și a limbajul în actele noastre de comunicare, precum și posibilitatea prevenirii erorilor
ce pot apărea în aceste procese. În acest sens, orientarea către latura pragmatică a curriculumului
prin corelarea dintre unitățile de conținut și competențele specifice facilitează conexiunea
explicită între ceea ce se învață și scopul cu care se învață.
Nu în ultimul rând, desfășurarea cursului opțional răspunde cerințelor interdisciplinarității și
transdisciplinarității, angajând destinatarii într-un itinerariu provocator, venind în sprijinul
competențelor vizate de alte discipline, prin creșterea nivelului de performanță, atât din sfera
științelor socioumane, cât și din alte arii curriculare.
Prezentarea temei sub forma unei aplicații web permite elevilor să acceseze foarte ușor,
online, toate conținuturile cursului, resursele audio și video, precum și testele de evaluare
propuse.

2
 2. Detalii tehnice
Aplicația este realizată în HTML și CSS, iar pentru rularea unui test este nevoie și de un
fișier JavaScript. Editoarele HTML pe care le-am utilizat sunt Netscape Composer 7.02 și Nvu.

Editorul HTML

Acest tip de editoare dedicate oferă facilități în scrierea codului, realizează corectarea
documentului din punct de vedere sintactic și chiar scriu secvențe de cod pentru anumite
elemente pe care dorim să le inserăm în document.
Un editor WYSIWYG (What You See Is What You Get, în traducere liberă "ceea ce vezi la
editare este ceea ce obții la vizualizare") permite alegerea și formatarea, cu ajutorul mouse-ului,
a elementelor pe care dorim să le includem în pagină: tabele, link-uri, formulare, putem stabili
tipul fonturilor, culorile, aranjarea textului în pagina. Pe măsură ce un anumit element este
inserat, editorul scrie în mod automat codul HTML corespunzător, fără ca utilizatorul să fie
3
nevoit să intervină asupra lui. Totuși, dacă avem cunoștințe de HTML putem interveni la nivelul
codului în orice manieră dorim, orice schimbare pe care o facem în cod, reflectându-se automat
în aspectul paginii.

Limbajul HTML

Termenul HTML este prescurtarea sintagmei Hyper Text Markup Language și se traduce
din engleză ca Limbajul de Marcare a Hipertextului. HTML este limbajul principal de editare a
textului, care este folosit pentru a scrie conținut pe paginile web; nu este considerat un limbaj de
programare pentru designul unei pagini web. O definiție mai ușor de înțeles ar fi aceea că este un
lung șir de cuvinte, propoziții și paragrafe în care se inserează diferite cuvinte-cheie fiecare
având o anumită semnificație.
Acest limbaj a fost creat în anul 1991 de către Tim Berners-Lee , creatorul oficial și fondator
a World Wide Web (www). El a venit cu ideea de a partaja informații, indiferent de locul în care
se află un computer, prin utilizarea de hyperlink-uri. Limbajul HTML utilizează un set de tag-uri
de marcare pentru a descrie pagini web. Fiecare pagină web are cel puțin un cod HTML, care
este inclus în codul sursă, iar majoritatea website-urilor sunt alcătuite din mai multe astfel de
coduri. Tag-urile de marcare se numesc tag-uri HTML și sunt cuvinte-cheie scrise între
paranteze unghiulare, folosite în pereche. De cele mai multe ori, informațiile dintr-o astfel de
pagină sunt cuprinse între două tag-uri: unul de deschidere și unul de închidere. Aceste tag-uri
alcătuiesc împreună un element. Un document HTML poate fi considerat ca fiind o pagină web,
iar atunci când accesăm un website, acesta trimite către laptopul sau PC-ul nostru un șir de
caractere. Apoi, browser-ul pe care îl folosim (ex.: Chrome, Mozilla, Opera, Edge, etc.) va
prelua acest șir de caractere, îl va citi și va afișa pe monitorul nostru ceea ce este scris în el.

CSS (Cascading Style Sheets)

CSS este este un standard pentru formatarea elementelor unui document HTML, și a apărut
pentru prima dată în 1997 ca o modalitate pentru dezvoltatorii web de a defini aspectul vizual al
paginilor web pe care le creează. Acesta a fost destinat să permită profesioniștilor web să separe
conținutul și structura codului site-ului de designul vizual, ceea ce nu a fost posibil înainte de
acest moment.

4
 CSS este acronimul de la Cascading Style Sheets, un limbaj cu ajutorul căruia poți stiliza un
site. În alte cuvinte, CSS dictează elementelor de pe site cum trebuie să arate și este responsabil
de o parte importantă din designul unui site. Câteva dintre elementele de tip vizual care pot fi
controlate de CSS sunt: culoarea, mărimea fontului, poziționarea elementelor pe pagină (layout-
ul), dar și mărimea la care o poză este afișată spre exemplu.

JavaScript

JavaScript (JS) este un limbaj de programare orientat obiect bazat pe conceptul

prototipurilor. Este folosit mai ales pentru introducerea unor funcționalități în paginile web,
codul JavaScript din aceste pagini fiind rulat de către browser. Limbajul este bine cunoscut
pentru folosirea sa în construirea siturilor web, dar este folosit și pentru accesul la obiecte
încapsulate (embedded objects) în alte aplicații. A fost dezvoltat inițial de către Brendan Eich de
la Netscape Communications Corporation sub numele de Mocha, apoi LiveScript, și denumit în
final JavaScript.

5
 3. Structura aplicației

Aplicația se deschide accesând fișierul index, care încarcă pagina principală a site-ului,
aceasta fiind creată cu ajutorul unor frameuri HTML, folosind tag-ul <frameset> , după cum
vom vedea în capitolul 5, la secțiunea surse – index.html. Frameurile HTML sunt folosite pentru
a despărți fereastra browserului în mai multe secțiuni în care se încarcă diverse documente
HTML. O colecție de frame-uri într-o fereastră se numește frameset.
Astfel, fereastra principală a aplicației noastre conține trei secțiuni, denumite generic
titlu, stanga și dreapta, în fiecare zonă afișându-se câte un fișier HTML cu același nume:
- titlu.html: în partea de sus, ca o bară de titlu, ne apare denumirea proiectului, precum
și poza cu numele autorului;
- stanga.html: în partea stângă a paginii principale, conține meniul saitului și un fișier
de tip .gif, mărginit sus și jos de două șiruri de text ce se mișcă stânga-dreapta și
dreapta-stânga, animate cu tag-ul <marquee> </marquee>;
- dreapta.html: conține două citate despre logică și pozele autorilor citați; dacă dăm
click pe o poză se deschide în zona din dreapta pagina din enciclopedia Wikipedia cu
referire la autorul respectiv.

6
 Meniul conține 19 itemi, și prin selectarea lor se deschide în zona denumită dreapta
fișierul html corespunzător, pagina asociată elementului din meniu selectat. Acestea se referă la
diferitele capitole sau subcapitole ale cursului de logica, la care se adaugă secțiunea Galerie, cea
de Materiale și una de Teste.
Paginile cursului conțin texte formatate diferit, cu mai multe culori, imagini inserate,
tabele, gif-uri animate. În pagina Galerie avem un carusel ce rotește imaginile a nouă logicieni
celebri, un slideshow cu portretele a patru logicieni români, care se schimbă automat la fiecare
două secunde, și o mapare realizată pe o imagine. La meniul Materiale găsim două fișiere video
(unul rulează din sait, altul de pe youtube), un fișier audio și un document pdf inserat. Secțiunea
Teste ne oferă în pagină un test realizat în HTML, CSS și JavaScript, un link către același test
făcut de data aceasta cu Google Forms, și încă un test distractiv, realizat cu o aplicație de pe
learningapps.org.

7
 4. Resurse

Saitul realizat conține în acest moment, după cum observăm, 77 de fișiere: 26 de pagini
html, 36 de imagini de tip jpg, 8 de tip png și 3 gif-uri, un fișier video mp4, unul audio mp3, un
document pdf și un fișier de tip javascript.

GALERIE DE TIP CARUSEL

GALERIE CU SCHIMBARE AUTOMATĂ

(2 SECUNDE) A IMAGINII

MAPARE PE IMAGINE

8
 IMAGINI GIF
ANIMATE

VIDEO MP4 ( RULEAZĂ DIN SITE)

VIDEO ( YOUTUBE)

AUDIO MP3 ( RULEAZĂ DIN SITE)

DOCUMENT PDF

9
 TEST DE EVALUARE

LINK-URI CĂTRE TESTE

DIN ALTE SURSE

10
 5. Surse
PRIMA PAGINĂ A SAITULUI

5.1 Codul sursă al index.html

<html>
<head>
<title>Logica</title>
</head>
<frameset border="1">
<frameset rows="15%,*">
<frame src="titlu.html"name="titlu">
<frameset cols="20%,*">
<frame src="stanga.html" name="stanga">
<frame src="dreapta.html" name="dreapta">
</frameset >
</frameset>
</html>

11
 5.2 Codul sursă al titlu.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>titlu</title>
</head>
<body style="background-color: rgb(51, 102, 255); color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<div style="text-align: center; color: rgb(255, 255, 255);"><big><big><big><big><big><img
style="width: 250px; height: 121px; float: left;" alt=""
src="profmoga.jpg"></big></big></big></big></big><big style="font-family: Times New
Roman;"><big><big><big><big>Logic&#259;, </big></big></big></big></big><big
style="font-family: Times New Roman;"><big><big><big><big>argumentare
</big></big></big></big></big><big style="font-family: Times New
Roman;"><big><big><big><big>&#537;i </big></big></big></big></big><big style="font-
family: Times New
Roman;"><big><big><big><big>comunicare</big></big></big></big></big><big><big><big
><big><big><br style="font-family: Times New Roman;">
<span style="font-family: Times New Roman;">
- suport de curs -</span><br>
</big></big></big></big></big></div>
</body>
</html>

5.3 Codul sursă al stanga.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>stanga</title>
</head>
<body style="background-color: rgb(204, 255, 255); color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<marquee width="100%" direction="right" height="25px" scrollamount="7">-
suport de curs pentru examenul de bacalaureat - suport de curs pentru
examenul de bacalaureat - suport de curs pentru examenul de bacalaureat
- suport de curs pentru examenul de bacalaureat - suport de curs pentru

12
examenul de bacalaureat -
</marquee>
<div style="text-align: center;"><big style="font-weight: bold; color: rgb(51, 51,
255);"><big><img style="border: 0px solid ; width: 170px; height: 90px;" alt="" src="Book.gif"
align="middle"></big></big>
</div>
<marquee width="100%" direction="left" height="25px" scrollamount="7">-
suport de curs pentru examenul de bacalaureat - suport de curs pentru
examenul de bacalaureat - suport de curs pentru examenul de bacalaureat
- suport de curs pentru examenul de bacalaureat - suport de curs pentru
examenul de bacalaureat -
</marquee>
<big style="font-weight: bold; color: rgb(51, 51, 255);"><big>
</big></big><br>
<a target="dreapta" href="comunicarea.html"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Comunicarea</big></big></a><br style="font-
family: Times New Roman;">
<a href="argumentarea.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Argumentarea</big></big></a><br style="font-
family: Times New Roman;">
<a href="principiile.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Principiile logicii</big></big></a><br
style="font-family: Times New Roman;">
<a href="termenii.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51, 255);
font-family: Times New Roman;"><big>Termenii</big></big></a><br style="font-family:
Times New Roman;">
<a href="operatiitermeni.html" target="dreapta"><big style="font-weight: bold; color: rgb(51,
51, 255); font-family: Times New Roman;"><big>Opera&#539;ii logice cu
termeni</big></big></a><br style="font-family: Times New Roman;">
<big style="font-weight: bold; color: rgb(51, 51, 255); font-family: Times New
Roman;"><big>&nbsp; &nbsp;- <a href="definitia.html"
target="dreapta">Defini&#539;ia</a></big></big><br style="font-family: Times New
Roman;">
<big style="font-weight: bold; color: rgb(51, 51, 255); font-family: Times New
Roman;"><big>&nbsp; &nbsp;- <a href="clasificarea.html"
target="dreapta">Clasificarea</a></big></big><br style="font-family: Times New Roman;">
<a href="propozitii.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Propozi&#539;ii categorice</big></big></a><br
style="font-family: Times New Roman;">

13
<a target="dreapta" href="rationamente.html"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Ra&#539;ionamente</big></big></a><br
style="font-family: Times New Roman;">
<a href="inferente.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big></big></big></a><big style="font-weight: bold;
color: rgb(51, 51, 255); font-family: Times New Roman;"><big><a href="inferente.html"
target="dreapta">Inferen&#539;e imediate</a></big></big><br style="font-family: Times New
Roman;">
<big style="font-weight: bold; color: rgb(51, 51, 255); font-family: Times New
Roman;"><big>&nbsp; &nbsp;- <a href="conversiunea.html"
target="dreapta">Conversiunea</a></big></big><br style="font-family: Times New Roman;">
<big style="font-weight: bold; color: rgb(51, 51, 255); font-family: Times New
Roman;"><big>&nbsp; &nbsp;- <a href="obversiunea.html"
target="dreapta">Obversiunea</a></big></big><br style="font-family: Times New Roman;">
<a href="silogismul.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Silogismul</big></big></a><br style="font-
family: Times New Roman;">
<a href="demonstratia.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Demonstra&#539;ia</big></big></a><br
style="font-family: Times New Roman;">
<a href="analogia.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51, 255);
font-family: Times New Roman;"><big>Analogia</big></big></a><br style="font-family:
Times New Roman;">
<a href="sofisme.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51, 255);
font-family: Times New Roman;"><big>Sofisme &#537;i paralogisme</big></big></a><br>
<a href="galerie.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51, 255);
font-family: Times New Roman;"><big>Galerie</big></big></a><br>
<a href="materiale.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51,
255); font-family: Times New Roman;"><big>Materiale</big></big></a><br>
<a href="test1.html" target="dreapta"><big style="font-weight: bold; color: rgb(51, 51, 255);
font-family: Times New Roman;"><big>Teste</big></big></a>
<h6></h6>
<big style="font-weight: bold; color: rgb(51, 51, 255);"><big><span style="text-decoration:
underline;"><br>
</span><br>
<br>
</body>
</html>

14
 5.4 Codul sursă al dreapta.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>dreapta</title>
</head>
<body style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);" alink="#ee0000"
link="#0000ee" vlink="#551a8b">
<div style="text-align: center; font-family: Times New Roman; font-weight: bold; font-style:
italic;"><span style="color: rgb(0, 0, 0); font-size: 12px; letter-spacing: normal; orphans: 2; text-
align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-
spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;
font-weight: bold; font-style: italic; font-family: Times New
Roman;"><big><big><big><big><big><big><br>
"Logica este anatomia gandirii."</big></big><br>
</big></big></big></big>&nbsp;</span><span style="color: rgb(32, 33, 36); font-size: 30px;
font-style: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-
indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;
background-color: rgb(255, 255, 255); display: inline ! important; float: none; font-family:
Times New Roman;"></span><span style="color: rgb(32, 33, 36); font-size: 30px; font-style:
normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-indent: 0px;
text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; background-color:
rgb(255, 255, 255); display: inline ! important; float: none; font-family: Times New Roman;"><a
href="https://ro.wikipedia.org/wiki/John_Locke"><img style="border: 0px solid ; width: 151px;
height: 191px;" alt="" src="jlocke.jpg"></a> &nbsp; <br>
<span style="font-weight: bold;"></span>(John Locke)<br>
<br>
</span><span style="color: rgb(0, 0, 0); font-size: 12px; letter-spacing: normal; orphans: 2; text-
align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-
spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float: none;
font-weight: bold; font-style: italic; font-family: Times New
Roman;"><big><big><big><big><big><big>"Logica este igiena pe care matematicianul o
practic&#259; pentru a-&#537;i p&#259;stra ideile s&#259;n&#259;toase &#537;i
puternice"<br>
<a href="https://en.wikipedia.org/wiki/Hermann_Weyl"><img style="border: 0px solid ; width:
146px; height: 209px;" alt=""
src="weylh.jpg"></a></big></big></big></big></big></big></span><span style="color:
rgb(32, 33, 36); font-size: 30px; font-style: normal; font-weight: 400; letter-spacing: normal;

15
orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows:
2; word-spacing: 0px; background-color: rgb(255, 255, 255); display: inline ! important; float:
none; font-family: Times New Roman;"><br>
(Hermann Weyl)</span></div>
<br>
</body>
</html>

16
 BIBLIOGRAFIE

1. Adăscăliței A., Instruire asistată de calculator: didactică informatică,

Polirom, Iași, 2007;
2. Bacivarov A., Ciuchi C., Petrica G., Programare web. Aplicații in HTML,
CSS, JavaScript, MATRIX ROM, București, 2015;
3. Bieltz Petre, Dumitru Mircea, Manualul de logică și argumentare pentru
clasa a IX-a, Editura All, București, 2000;
4. Botezatu, Petre, Introducere în logică, Editura Polirom, Iași, 1997;
5. Dima, Teodor, Logică şi argumentare, Editura Institutului European, Iaşi,
2000;
6. Lupșa Elena, Bratu Victor, Stoica Maria Dorina, Manualul de logică și
argumentare pentru clasa a IX-a, Editura Corvin, Deva, 2004;
7. Enescu, Gheorghe, Dicționar de logică, Editura Științifică și Enciclopedică,
București, 1985;
8. Lupșa, Elena, Caietul elevului pentru Logică și argumentare clasa a IX-a,
Editura
Corvin, Deva, 2004;
9. Marga, Andrei, Argumentarea, Editura Academiei Române, București,
2010;
10.Marga, Andrei, Raționalitate, comunicare, argumentare, Editura Dacia,
Cluj, 1991;
11.https://gsuite.google.com
12.https://www.pbinfo.ro/articole/21591/limbajul-html-introducere
13.https://it.webdesign-galaxy.ro/ce-este-css/
14.https://www.w3schools.com
15.https://learningapps.org/

17