Telemedicină – Îndrumar de Laborator 

Capitolul 1 – Noţiuni introductive 

1) Instalarea componentelor necesare

La acest laborator o să folosim SGBD-ul popular MySQL, deoarece este mult mai lejer (necesită
mai puţine resurse sistem) faţă de Oracle. MySQL este mai potrivit pentru testări individuale (pe
laptopul personal), dar este suficient de puternic pentru a fi utilizat şi la bazele de date de pe servere
publice din Internet, fiind preferat de numeroase firme de IT.
a) Instalarea serverului MySQL
Kitul de instalare poate fi descărcat de pe site-ul oficial (www.mysql.com), sau de pe:
https://dl.dropbox.com/u/1316280/telemedicina/kituri/mysql-installer-community-5.6.10.0.msi
Instalarea începe prin click pe „Install MySQL Products”:

Se alege prima opţiune, „Developer Default”, iar căile de instalare pot fi modificate dacă partiţia C
nu are suficient spaţiu (în total MySQL va ocupa aproximativ 920MB).

La următorii paşi de instalare se lasă opţiunile predefinite, şi se apasă Next. Fereastra de Server
configuration ar trebui să arate ca în figura următoare:
1 

 
  

La rubrica „Root Account Password” se alege o parola pentru contul de administrator al MySQL
(contul de administrator se numeşte root), apoi se apasă Next.
Fereastra „Windows Service Details” ar trebui să arate ca în figura următoare: 

Bifarea opţiunii „Start the MySQL Server at System Startup” va determina setarea serviciului
MySQL56 (care e de fapt serverul) pe pornire automată. Serverul poate fi setat să pornească şi
manual, setând la servicii (services.msc) pornire manuală pentru MySQL56.

b) Instalarea serverului de web Apache

Rolul unui server de web este de a furniza conținut (pagini web) către un program client. În cazul
nostru serverul de web Apache va rula pe calculatorul local iar clientul va rula tot pe calculatorul
local. Programul client este browserul de web (Internet Explorer, Firefox, Chrome etc.).
Serverul Apache poate fi descărcat de la adresa: www.apache.org , sau de la adresa:
https://dl.dropbox.com/u/1316280/telemedicina/kituri/httpd-2.2.22-win32-x86-openssl-0.9.8t.msi
Paşii de instalare sunt următorii:
La fereastra Welcome se apasă Next; apoi la „License agreement” se bifează “I accept…”, apoi se
apasă Next; la „Read this first” - Next.

2 

 
Atenţie, foarte importantă e fereastra „Server information”, care trebuie să fie completată ca în
figura următoare, altfel serverul nu va funcţiona:

La „network domain” şi „server name” se trece „localhost”, adică gazda (calculatorul) curent.
Sigur, se completează şi o adresă de email validă.
La tipul instalării se alege „Typical”.
„Destination folder” poate fi lăsat predefinit, dar se recomandă schimbarea lui, căci vom lucra
într-un sub-folder al acelui folder. Astfel, putem schimba folderul apăsând „change” şi alege de
exemplu: C:\Apache

c) Instalarea modulului PHP

PHP-ul este proiectat a fi un modul care se ataşează unui server de web, în cazul nostru Apache.
Kitul de instalare se poate descărca de pe site-ul www.php.net, sau de pe:
https://dl.dropbox.com/u/1316280/telemedicina/kituri/php-5.2.17-Win32-VC6-x86.msi
Atenţie, modulul PHP care funcţionează cu serverul Apache2.2 este doar: cel de tip VC6 „thread
safe”, cu numele, de exemplu: php-5.2.17-Win32-VC6-x86
Atenţie, folderul de instalare pentru PHP trebuie schimbat la unul simplu, de exemplu: C:\PHP\
altfel, nu va funcţiona.
Din fereastra următoare se va alege „Apache 2.2.x Module”:

Apoi, programul de instalare va cere calea către fişierul de configurare (care se numeşte httpd.conf)
al serverului Apache. Această cale este de exemplu: C:\Apache\conf

3 

 
Atenţie, la alegerea componentelor ce urmează a fi instalate, nu trebuie alese decât trei: la extensii
MySQL și MySQLi, iar la extras manualul PHP:

Dacă alegeţi şi alte componente, modulul de PHP nu va funcţiona (căci nu va găsi instalate acele
componente).
Editarea fişierului httpd.conf
Este un pas fără de care serverul de web nu va funcţiona.
Din Windows Explorer, navigaţi în folderul unde se află httpd.conf, de exemplu C:\Apache\conf
Apoi, daţi Click dreapta, Properties; alegeţi tab-ul Security, apoi componenta Users, apăsaţi pe Edit,
Users, click Allow (în dreptul „full control”) şi la sfârşit OK.

Fără această setare Windows-ul nu vă va permite să modificaţi fişierul httpd.conf

Deschideţi cu Notepad fişierul httpd.conf şi navigaţi la sfârşitul lui.
Ultimele linii ale fişierului trebuie să fie următoarele:

4 

 
#BEGIN PHP INSTALLER EDITS - REMOVE ONLY ON UNINSTALL
PHPIniDir "c:/php"
LoadModule php5_module "c:/php/php5apache2_2.dll"
#END PHP INSTALLER EDITS - REMOVE ONLY ON UNINSTALL

<FilesMatch \.php$>
SetHandler application/x-httpd-php
</FilesMatch>

Atenţie, dacă nu este scrisă corect calea către modulul de PHP, serverul Apache nu va porni.
După modificare apăsaţi Save.
Apoi puteţi da un Restart la Windows. După restart, iconiţa pentru serverul Apache de lângă ceas
(colţul dreapta jos) trebuie să arate astfel: ; iar când sunteţi cu mouse-ul deasupra acestei iconiţe,
trebuie să scrie: "Running all Apache services". Dacă nu se întâmplă acest lucru, modulul de PHP
nu a fost corect instalat, sau căile din httpd.conf nu au fost corect setate.

d) Instalarea editorului Notepad2

Pentru a scrie mai uşor programele poate fi utilizat în loc de editorul clasic al Windows, un editor
care marchează diferit elementele de sintaxă (culori, fonturi diferite etc.). Un astfel de editor este
Notepad2. Se poate descărca de la adresa:
http://www.flos-freeware.ch/notepad2.html, rubrica „Downloads”, de unde se alege, de exemplu
pentru Windows pe 32 de biţi link-ul: „Download Notepad2 4.2.25 Setup (x86)”.

2) Testarea componentelor instalate

La acest laborator vom lucra în folderul htdocs aflat în folderul Apache.
Dacă aţi urmat paşii de mai sus la instalare, acest folder este: C:\Apache\htdocs
Acesta este folderul predefinit în Apache, de unde serverul ştie că trebuie să interpreteze/ruleze
paginile HTML, scripturile PHP etc. pe care le vom scrie.
Testarea funcţionării serverului de web Apache
Pentru a testa funcţionarea serverului de web, deschideţi un browser de Internet (Firefox, Internet
Explorer etc.) şi la adresă scrieţi localhost, apoi apăsaţi Enter. Ar trebui să se afişeze o pagină doar
cu textul „It works!”.
Notă: localhost este numele serverului local, şi are adresa IP: 127.0.0.1
Testarea funcţionării modulului de PHP
În folderul htdocs, creaţi un nou fişier text (click dreapta, New->Text document). Schimbaţi apoi
numele fişierului şi extensia lui, de exemplu: test.php

5 

 
Notă: Pentru a putea modifica extensia fişierului trebuie să debifaţi opţiunea „Hide extensions for
known file types” din Windows (a se vedea figura precedentă). La fereastra „Folder options” se
ajunge tastând: Alt+T (apăsând succesiv tastele Alt și apoi T).
Atenție: Nu salvați fișiere HTML sau PHP în alt loc decât în folderul htdocs. Dacă le salvați în altă
parte, serverul de web nu va ști de existența lor, caci Apache „se uită” doar la ce are în htdocs.
Pentru a putea edita fişierele de tip cod sursă PHP (adică cele care au extensia .php) cu editorul
Notepad2, daţi click dreapta pe numele fişierului, apoi „Open with”, „Choose default program” ,
other programs, Notepad2.

Un program foarte simplu prin care putem testa funcţionarea modulului PHP este următorul:
<?php
phpinfo();
?>
Funcţia phpinfo() va afişa mai multe informaţii referitoare la calculator, server etc.
Orice script (program) PHP este rulat de serverul de web dacă încărcăm în browser adresa fişierului
cu extensia .php. Astfel, pentru a rula scriptul test.php, trebuie să scriem la adresă:
localhost/test.php
Rezultatul rulării scriptului va fi o pagină de Internet (HTML) ca în figura următoare:

6 

 
Dacă în loc de a obţine o pagină ca mai sus obţinem codul sursă al fişierului test.php, sau dacă
browserul efectuează o operaţie de download a fişierului sursă, modulul PHP nu este bine instalat
sau configurat. Dacă nu obţinem nici un răspuns, serverul Apache nu rulează.

3) Elemente de bază de HTML

O adresă de Internet este specificată de obicei printr-un URL, care e compus din următoarele
elemente [DT]:
Serviciu :// nume-gazda: port / cale-director
De exemplu: http://imag.pub.ro/index.html
De reţinut: un URL nu poate conţine spaţii, iar literele mici sau mari sunt tratate diferit.
”http:” reprezintă numele serviciului, și anume: ”HyperText Transfer Protocol” (mai simplu e vorba
despre protocolul clasic de transfer de pagini web folosit în Internet). Caracterul ”/” este folosit
pentru a accesa sub-foldere, de exemplu: folder_radăcină/folder1/subfolder_al_folder1
Fișierele web cu denumirea index.html, index.htm sau index.php au o semnificație specială, și
anume de primă pagină a unui site web. Navigatoarele de Internet știu acest lucru, și de aceea
adresa din exemplul de mai sus poate fi scrisă pur și simplu: http://imag.pub.ro

Limbajul HTML (HyperText Markup Language) este compus dintr-un set de marcaje sau coduri
speciale care sunt inserate într-un fişier text simplu şi determină o anume formatare, legături,
inserări de obiecte etc.
Orice marcaj HTML începe cu < şi se termină cu >. De exemplu: <HTML>
Majoritatea marcajelor HTML sunt de tip pereche, adică există un marcaj de deschidere, de
exemplu <HTML> şi un marcaj de închidere: </HTML>. Alt exemplu: pentru a scrie o frază cu
litere cursive folosim: <I> frază cursivă … </I>.

Structura de bază a unei pagini HTML este următoarea [FR]:

<html>
<head>
Directive conţinând informaţii generale
</head>
<body>
Conţinutul efectiv al paginii
</body>
</html>

Secțiunea cuprinsă între marcajele <HEAD> și </HEAD> reprezintă antetul paginii. Aceasta poate
conține informații ce nu sunt afișate direct în interiorul paginii.
Exemplu: titlul paginii se poate seta cu:
<TITLE> Titlul paginii </TITLE>
Acesta va fi afișat în bara de titlu a navigatorului web.

Conținutul principal al paginii web este cuprins între marcajele <BODY> … </BODY>

7 

 
Câteva marcaje de bază

Textul scris în fișierul HTML fără marcaje de formatare va apărea afișat cu un font prestabilit, pe o
singură linie, navigatorul web ignorând orice spațiu sau TAB suplimentar, trecere la linie nouă etc.
Pentru a afișa textul cu o formatare dorită trebuie să utilizăm marcajele de formatare HTML.
Marcajul <BR> (de la „line break”) face posibilă trecerea la o linie nouă. E marcaj ne-pereche.
Marcajul <P> are două întrebuințări:
- produce trecerea la un paragraf nou dacă este folosit ca marcaj ne-pereche
- grupează un nou paragraf dacă este folosit ca: <P> …. </P>

De exemplu pentru a defini un paragraf scris cu text aliniat la stanga - left, dreapta - right sau
stânga+dreapta – justify putem folosi:
<P align=left> Text aliniat la stanga </P>

Antetele de secţiune pot fi utilizate prin marcaje precum <h1> Titlu principal </h1>, <h2> Titlu
secundar </h2> etc. Acestea definesc titluri de capitole / subcapitole.
Pentru a scrie de exemplu un titlu centrat putem folosi: <center> titlu </center>. Iar pentru a indenta
textul cu spații albe în dreapta și stânga paragrafului putem folosi: <blockquote> … </blockquote>
Pentru a introduce o linie orizontală de separare putem folosi marcajul <HR>

Noțiuni introductive despre CSS

CSS (Cascading Style Sheets) reprezintă tendința actuală de a simplifica formatarea paginilor
HTML.
În general modelele se construiesc adăugând diverse atribute unor marcaje HTML, de exemplu:
<P TYPE="text/css" STYLE="font: 14pt/25pt Arial; color: red; text-align: center">
Textul scris cu modele de stiluri
</P>
Codul anterior va seta un paragraf scris cu font Arial de 14pt si un spațiu inter-linii de 25pt de
culoare roșie și centrat.
Câteva atribute posibile sunt:
- background: setează culoarea de fundal
- color: culoarea textului
- font-family: similar cu atributul ”face” din <font>
- font-size: similar cu atributul ”size” din <font>
- font-style: putem scrie italic, font-weight: putem scrie bold sau demi-bold etc.
- text-indent: indentarea față de marginea din stânga
- margin-right: distanța față de marginea dreaptă a paginii
- text-shadow: efect de umbră (exemplu: text-shadow: 2px 2px red;) etc.

Mai simplu, putem defini clase de stiluri, de exemplu:

<STYLE>
P.clasa1
{background: yellow;
8 

 
 color: blue;
font-family: Helvetica;
font-weight: bold;
text-indent: 15pt;}
</STYLE>

<P class="clasa1">
Paragraf scris cu stilul "clasa1"
</P>

Clasa cu numele ”clasa1” definește un paragraf scris cu albastru pe fond galben, font Helvetica
îngroșat, prima linie de text fiind indentată cu 15pt. Această abordare (definirea unei clase) prin
marcajul <STYLE> este preferată fiindcă permite utilizarea repetată a clasei definite.

Celelalte elemente de bază ale HTML static le vom reaminti prin câteva probleme propuse.

Probleme propuse
1) Realizaţi o pagină HTML în care să utilizaţi şi următoarele marcaje: <title>, bold <b>, italic
<i>, subliniere <u>, precum şi liste: numerotate <ol>, sau ne-numerotate <ul>.
2) Adăugați câteva formule chimice prin marcajele pereche <sup> și <sub>.
3) Schimbaţi culoarea fontului (<font>) textului la anumite cuvinte/paragrafe din pagina de mai
sus (se poate scrie in engleză culoarea, de exemplu „blue”, sau în hexa-zecimal: #rrggbb, de
exemplu albastru este #0000ff).
4) Scrieți cu diverse tipuri de font-uri (times, helvetica, arial etc.) și dimensiuni de fonturi.
5) Inseraţi link-uri externe în pagină, folosind marcajul <a>
6) Inseraţi un tabel simplu, folosind marcajele: <table>, <th>, <tr>, <td>, şi aliniaţi textul
(stânga, dreapta, centrat etc.). Grupaţi linii/coloane cu colspan/rowspan.
7) Inseraţi o imagine cu marcajul <img>, apoi stabiliţi dimensiunile, ca procent sau fixe.
8) Scrieți câteva paragrafe utilizând modele de stiluri (CSS)

9