Mihaela Muntean-

Internet
Mihaela Muntean-

Cuprins

 Definitie. Istoria Internetului. Cine guverneaza Internetul?

 DNS, adresa IP
 Servicii Internet (e-mail, instant messaging, chat rooms, VoIP, FTP, WEB, etc)
 Serviciul WWW
 Procesul de incarcare a unei pagini in browserul Web, URL

 Tipuri de site-uri Web, retele sociale, blog, wikis, etc

 Servicii Google. Instrumente Google free

 Principii de proiectare a site-urilor Web

 HTML

 Pagini Web statice/ dinamice

 Evolutia WEB
 Internet
 reprezintă o mulţime globală de calculatoare interconectate,
similara unei reţele locale, dar la o scară mult mai largă.
 Mediul Internet este un ansamblu de reţele de calculatoare
interconectate care împreună cu miliarde de calculatoare
(terminale, staţii de lucru, servere) şi miliarde de utilizatori,
constituie comunitatea Internet care are la dispoziţie un mediu
informaţional şi de calcul cu foarte multe servicii informatice şi
resurse (baze de date, biblioteci de programe, documentaţii
electronice, etc).

Mihaela Muntean-
 Istoria Internetului
 ARPANET (Advanced Research Projects Agency
network) -1969
 TCP - Protocolul pentru comunicare in ARPANET
 ARPANET -Internet Protocol (IP)
 (1986) National Science Foundation (NSF) a
conectat reteaua sa de 5 centre de super computere
( NSFnet) la ARPANET INTERNET

Mihaela Muntean-
 Cine guverneaza Internetul?
 Nu exista o organizatie care controleaza activitatea
Internetului
 Internet Corporation for Assigned Names and Numbers
(ICANN) - adrese IP
 Internet Network Information Center (InterNIC) –
domenii
 World Wide Web Consortium (W3C)- standarde
HTML, programare Web
 etc

Mihaela Muntean-
 Infrastructura curenta a Internetului
 Limitari ale vitezei de transmisie
 calitatea serviciilor
 Limitari ale limbajului HTML
 Wired Internet
 mobilitatea utilizatorilor

Mihaela Muntean-
 Internet2 (I2)
 Crearea unei retele de foarte mare viteza pentru comunitatea de
cercetare nationala
 noi aplicatii /servicii Internet
 transferul rapid al serviciilor/aplicatiilor la comunitatea Internet.
 Pana 2020, I2 va permite acces la peste 250 milioane de site-uri Web, la
viteze > 10000 viteza Internetului de astazi
 Internet mobil, acces de oriunde
 o calitate diferentiata a serviciilor – prioritati diferite pentru pachete in
functie de tipul de date transmise.

Mihaela Muntean-
 Adresarea calculatoarelor în Internet

 Internetul se bazeaza pe protocoalele TCP/IP.

 În Internet fiecare calculator are o adresă unică (adresa IP)
exprimată ca un număr pe 32 de biţi (IPv4) -consta din patru
grupuri de numere (0-255) separate prin punct.
 Ex: 198.112.68.223

 Aceste adrese sunt organizate în cinci clase (A – E).

 Fiecare adresa care aparţine uneia din clasele A, B sau C

constă dintr-un identificator de reţea (netid) şi un
identificator de calculator gazdă (hostid).
 Clasele D si E sunt rezervate

Mihaela Muntean-
  Utilizarea adreselor numerice asociate staţiilor în vederea realizării
comunicării ar fi extrem de dificilă pentru utilizatorii obişnuiţi. În Internet
aceştia accesează serverele şi resursele utilizând nume, de cele mai multe ori
chiar relevante.
 Aceste nume sunt asociate adresei numerice a staţiei şi sunt gestionate şi
atribuite la cerere de către DNS (Domain Naming System).
 Domeniile si adresele IP corespunzatoare
 sunt stocate pe servere DNS
 Ori de cate ori se specifica un domeniu, un server DNS translateaza denumirea
domeniului in adresa IP asociata astfel ca datele pot fi rutate la calculatorul
corect

Mihaela Muntean-
 Domenii:
• generice/top-level (tip organizatie: com, net, edu, etc)
• geografice : coduri de tara (ro-Romania).
• www.ase.ro

Mihaela Muntean-
 IP v4/ IPv6

 IP v4- utilizeaza adrese pe 32 biti

 Aceasta schema de adresare contine pana la 232 de adrese
 Se poate reprezenta ca o serie de 4 numere separate prin punct
 Fiecare din cele 4 numere pot lua valori de la 0-255.

 Ex: 192.168.0.1

 IPv6 utilizeaza adrese pe 128 biti

 8 grupuri de 4 numere (sistem hexazecimal) separate prin (:)
 Ex: 2001:0f68:0000:0000:0000:0000:1986:69af

Mihaela Muntean-
 Servicii Internet
 e-mail
 instant messaging
 chat rooms
 VoIP
 FTP
 newsgroup
 WEB, etc

Mihaela Muntean-
 E-mail (electronic mail/posta
electronica)
 Outlook, Windows Mail ,etc
 site-uri Web:
 Google - gmail
 Yahoo!Mail

 nume utilizator @nume domeniu munteanm@ie.ase.ro

 Protocoale utilizate de serverele de
mail
 SMTP (simple mail transfer protocol)
 POP3 (post office protocol)

Mihaela Muntean-
 Instant Messaging (IM)
 este un serviciu de comunicare in
timp real pe Internet (de regula text)
 IM software:

 Google Talk, MySpace IM,

Yahoo!Messenger, etc
 unele servicii IM suporta voce

si video (ex Google Talk)

 ambele parti trebuie sa fie

online in acelasi timp

 nu exista standarde pentru IM

Mihaela Muntean-2016
 VoIP-telefonie pe Internet
 o conexiune de mare viteza
 serviciu de telefonie pe
Internet
 un microfon
 un software dedicat (ex:
skype)

Mihaela Muntean-
 Files Transfer Protocol (FTP)
 pentru transfer de fisiere
 De ex, pentru a incarca paginile Web pe un server Web.

 Un server FTP este un calculator care permite utilizatorilor sa

incarce/ descarce fisiere utilizand FTP.
 uneori se limiteaza transferul de fisiere pe baza de conturi

(nume si parola) (cda ftp>o infocib.ase.ro)/ se permite acces

anonim FTP
 Multe SO au facilitati FTP (de ex, Windows 7- ftp.exe)
 Ex clienti FTP: Free FTP, FileZilla FTP, SmartFTP, etc.
 Online FTP: Net2FTP, FTPLive, AnyClient Web Service, etc.
Mihaela Muntean-2015
https://app.anyclient.com/ -AnyClient Web Service
C:\windows\system32>ping www.ase.ro

Ping -Packet InterNet Groper

 un utilitar ce verifica conexiunea dintre un

client si reteaua TCP/IP
 timpul de raspuns al serverului
 viteza serverului si a Internetului la acel moment.

Mihaela Muntean-
 Serviciul WWW
World Wide Web
 Elementul primar al Internet-ului este World Wide Web (cunoscut sub numele de
Web sau WWW) care este un suport pentru text, grafică, animaţie şi sunet.

 1989-1991, dr. Tim Berners –Lee de la European Particle Physics Laboratory

 HTML- versiune modificata a SGML(standard generalized markup language)
 Hyperlinkuri
 Mosaic- primul browser Web cu interfata grafica (1993)
 Netscape Navigator -primul browser Web comercial (1994)
 Internet Explorer (1995)

Mihaela Muntean-
 Serviciul WWW
 functioneaza pe baza protocolului HTTP
 are la baza arhitectura client-server:
 Serverul Web -contine o aplicatie specializata in prelucrarea cererilor
HTTP
 Clientul (browser Web) transmite cererile HTTP la serverul Web, preia
raspunsurile sub forma de pagini HTML

Mihaela Muntean-
 URL (uniform resource locator/descriptor uniform de resurse)
Un mod standardizat de regasire uniforma a resurselor

domeniu pt serverul Web,

unde este stocata pagina Calea fisierului Denumire pagina
Web cautat Web

Mihaela Muntean-
URL pt o pagina Web
 Procesul de incarcare a unei pagini in
browserul Web
1. Se lanseaza browserul Web (ex: Internet Server DNS
Explorer) si se tasteaza adresa URL a
paginii Web 2

2. Browserul cere serverului DNS adresa IP

a serverului Web unde se afla pagina 3

Web ceruta client

server
3. Serverul DNS transmite adresa IP
4
(ex:193.226.34.67) sau mesaj de Browser Server
Web Web
eroare
4. Browserul se conecteaza la serverul Web 5

utilizand adresa IP si transmite

Browser Web: Server Web: Apache ,
cererea prin comanda GET URL
Internet Explorer, Microsoft Internet
(HTTP)
FireFox, Opera, Information Services
5. Serverul Web prelucreaza cererea si
Mozilla, Google
trimite raspunsul HTPP . Raspunsul
Chrome, etc
este pagina Web solicitata in format
HTML, sau un mesaj de eroare . Mihaela Muntean-
 Mihaela Muntean-

Serviciul WWW
 pagina Web -contine text, elemente multimedia, linkuri catre alte pagini Web.
 o pagină de Web este legată de o diversitate de fişiere cum ar fi fişiere text,
grafice sau multimedia.
 Mecanismul prin care sunt create căile de acces între documente este denumit
hipertext (hypertext).
 Site Web
 o colecţie coerentă de informaţii prezentată sub forma unor pagini Web,

fişiere multimedia, documente şi alte tipuri de fisiere, între care există

legături.
 utilizeaza pagini statice/dinamice.

 paginile statice contin doar tag-uri HTML si nu ofera interactivitate

 continutul paginilor dinamice poate diferi la fiecare noua accesare, ofera
interactivitate cu utilizatorul (tehnologii : JavaScript, PHP, ASP.NET, FLASH,
etc.)
 Mihaela Muntean-

Serviciul WWW
 Paginile Web şi colecţia de fişiere referite sunt integrate printr-o
pagină Web numită pagină principală -index.html/default.html
/home.html (extensia html poate apărea ca htm).
 Această pagină conţine în mod uzual un cuprins sau un index care face
referiri la celelalte pagini din site-ul Web
 Atunci când se realizează un site Web aceste fişiere sunt păstrate, în mod
uzual, într-un director / o colecţie de directoare în discul local şi este referit
cu numele de site local.
 Prin publicarea unui site local (upload), directorul său local, împreună cu
conţinutul său (fişierele site-ului şi subdirectoarele din el), este transferat la
serverul Web care conţine software-ul prin care site-ul este transmis
navigatoarelor Web ale calculatoarelor conectate la Internet.
 Odată publicat site-ul se transformă din site local în site Web
 Mihaela Muntean-

Tipuri de site-uri Web

 pentru comerț electronic (Amazon, Dell);
 orientat pe servicii/dezvoltarea de relații (Accenture, British Gas);
 pentru crearea de branduri (Guinness);
 stiri
 ziare, televiziuni, radio

 Informationale
 agentii guvernamentale, organizatii non-profit

 educationale
 Mihaela Muntean

Tipuri de site-uri Web

 Web Portal
 Ofera o varietate de servicii Internet: motor de cautare, e-mail,

mesagerie, chat rooms, pagini Web personale, harti, etc

 Yahoo!, MSN, AltaVista, GO.com, iGoogle portal, etc

 portalul UE- http://europa.eu/

 Web Portal wireless

 Rețele sociale (Facebook)

 Forum și site-uri de discuții

 Yahoo Groups (http://groups.yahoo.com) și

Google Groups unde oricine poate lansa propria
comunitate de discuții prin email, pentru orice
domeniu.

Mihaela Muntean
Mihaela Muntean
Site-uri de partajare media

 Pinterest (www.pinterest.com) pt. partajare de fotografii, video grupate în jurul

unui topic (pinboard).
 Instagram (http://instagram.com) și Flickr(www.flickr.com) permit
comunităților de membri să încarce, partajeze, comenteze fotografiile lor;
 Youtube, Blip.tv (www.blip.tv) și Vimeo (www.vimeo.com) pt. conținut video
 slideshare (www.slideshare.com) - un site ce permite membrilor să încarce
prezentări PP, să partajeze aceste prezentări și să discute despre ele.
 etc
 Oportunități pentru marketing:
 Putem afla cum se modifică publicul ținta prin analiza popularității elementelor
de pe site-uri
 și prin citirea comentariilor se poate identifica ce place și ce nu place.
 distribuția rapidă a propriului conținut media.
Mihaela Muntean

Site-uri pentru recenzii și evaluare

 Permit utilizatorilor să facă recenzii și să evalueze companii,

produse, servicii, cărți, muzică, hoteluri, etc.
 site-uri pt. recenzii: Epinions.com (www.epinions.com) sau
Reviewcentre.com (www.reviewcentre.com)
 o componentă adăugată la site: Amazon (www.amazon .com).
 site-uri de evaluare pentru diferite domenii cum ar fi Trip
Advisor (www.tripadvisor.com) pentru călătorii sau
rateMyteachers (www.ratemyteachers.com) pentru evaluarea
profesorilor de către elevi/părinți.
 Oportunități pt. marketing:
 Publicitate
 Monitorizarea comentariilor și răspunsuri rapide la comentariile
negative (feedback, cercetare de piață pe gratis).
 Rețele sociale

 Rețelele sociale nu sunt noi și nu au fost

inventate de Tom Anderson (Myspace), Mark
Zuckerberg (Facebook) sau Joseph Chen
(Renren).
 Rețelele sociale au existat de la începutul
existenței umane, constând din oameni conectați
prin relații, prietenii și interese.

Mihaela Muntean
Top 15 Most Popular Social Networking Sites / December 2016
[http://www.ebizmba.com/]
 Facebook
 In fiecare oră:
 utilizatorii Facebook partajează 3 mil de linkuri,

 încarcă 9 mil de fotografii

 și postează peste 30 mil de comentarii.

 Totuși numai 9% din specialiștii în marketing

utilizează rețelele sociale.

Mihaela Muntean
 Facebook
 se poate seta profilul (personal/business),
 se pot adăuga fotografii, video, imagini, link-uri la alte site-uri,
 se poate crea un grup specific firmei/te poți asocia la diferite
grupuri,
 promovare evenimente,
 postare/partajare note/comentarii,
 se pot trimite mesaje,
 se pot derula sondaje,
 se pot trimite notificări pe mail, invitații,
 etc.
Mihaela Muntean
 Alte rețele sociale
 Xanga – o comunitate de ziare și reviste online, pt. partajarea
de cărți, recenzii muzicale;
 Famiva (achiziționat de eFamily.com, https://efamily.com/) –

rețea socială pentru familii și instrument pt. a construi arborele

familiei. Se poate trimite email la toți mb. arborelui
 Există și site-uri de nișa:
 NurseLinkUp [nurselinkup.com/ ] o rețea socială profesională

pentru asistente medicale,

 etc.

;
Mihaela Muntean
 Care este impactul comunităților virtuale asupra
marketingului?

 oferă utilizatorilor abilitatea de a se conecta cu alți oameni

rapid și ușor,
 fac ca procesul de comunicare să fie ușor,
 se pot difuza simultan informații la toți prietenii sau se
poate stabili cu cine dorești să partajezi informațiile
 etc

Mihaela Muntean
 Principalele servicii Google

Blogger

Gmail

Google Docs

Google Groups

Google Image search

Google Maps

etc
 Instrumente Google free
Think with Google:
Marketing Research & Digital Trends

Mihaela Muntean
Google Trends/Insights [http://www.google.com/trends/]
oferă informații despre: cum utilizează consumatorii facilitățile online/offline în
procesul de cumpărare, se pot selecta diferite filtre: locația, variabile demografice,
canalul utilizat, etc
Google Alert [www.google.com/alerts]-monitorizează Web-ul pentru conținutul
căutat. Alertele Google sunt actualizări primite prin e-mail cu privire la cele mai
relevante rezultate Google (web, ştiri, etc.), bazate pe interogări. Alte instrumente:
www.keotag.com, www.technorati.com, www.summize.com, etc.
 Mihaela Muntean
Micro blogging

 este un serviciu Web ce permite transmiterea de mesaje scurte la alte

persoane abonate la acest serviciu.
 Postările sunt scurte (140-200 caractere) și pot fi scrise sau primite de o
varietate de echipamente, inclusiv telefoane mobile.
 Unele servicii microblogging permit și postări video sau audio.
 Exemple:
 Twitter (<140caractere, actualizări în timp real, o combinație de IM și
Blog)
 Twitter este potrivit pentru a promova continuu online, poate fi
folosit ca un canal de vânzări suplimentar
 Dell’s Twitter DellOutlet a realizat vânzări de 500000$ prin oferte de
discounturi la utilizatorii Twitter.
 Neighbr, Buzzable, Shout’Em, Ning, Pownce, plurk, Identi.ca, jaiku,
Kwippy.
 Facebook și LinkedIn oferă funcționalitate de microblogging.
Oportunități pentru marketing:
 se identifică cei ce influențează industria/
domeniul;
 multe firme (Dell, New York Times, ITN News,
BBC, South west Airline, British Airways)
utilizează Twitter
 mari politicieni (de ex, Obama a fost f. prezent pe
Twitter în perioada campaniilor prezidențiale din
2008-2012 ) utilizează Twitter

Mihaela Muntean
 Blog-urile (weB LOG)
 este un mediu de comunicare și de exprimare.
 Oricine poate publica orice utilizând instrumentele free de
realizare a blogurilor cum ar fi Blogger sau wordPress
(www.wordpress.com).

Mihaela Muntean
Oportunități pentru marketing:
 Blog-ul a devenit un instrument important pentru
marketing. Bloggerii pot influența online comunitatea.
 crește expunerea online a firmei;
 folosind blogul, o firmă poate deveni o „voce„ în
blogosferă, oferă informații valoroase, răspunsuri
clienților;
 pt. o afacere mică, un blog devine un instrument de
comunicare simplu și valoros.

Mihaela Muntean
 Mihaela Muntean

Wikis

 Wiki vine de la cuvântul “rapid” din limba hawaitiană sau “what I know it”
 Sunt colecții online de pagini Web care pot fi create, editate, modificate, se
pot atașa comentarii - un mediu pentru colaborare (ex: Wikipedia
[www.wikipedia.org], enciclopedia online).
 La începutul anului 2014, Wikipedia avea in baza de date peste 4.426.000
de articole în engleză, cu peste 2.6 miliarde de cuvinte, de 60 de ori mai
multe cuvinte decât Enciclopedia Britannica [www.britannica.com].
 este creat și controlat de comunitate.
 In ciuda criticilor aduse acurateței articolelor, în conformitate cu firma Alexa
[www.alexa.com], în ianuarie 2014, Wikipedia era pe locul șase la nivel
mondial, în materie de trafic on-line.
 Utilizarea Wikis ca instrument de marketing este un fenomen nou, fiind un
puternic instrument de colaborare, o modalitate foarte bună de a încuraja
interacțiunea constructivă și colaborarea dintre oameni, din interiorul unei
organizații și persoanele din afara organizației (clienții).
 Wiki se poate utiliza pentru a îmbunătăți documentația de produs, pentru a
proiecta noi produse, etc.
 Principii de proiectare a site-urilor
Web de prezentare
 Etape
 Stabilirea scopului site-ului
 Stabilirea cerinţelor
 Proiectarea site-lui
 Dezvoltarea site-lui
 Verificarea integritatii si corectitudinii codului-sursa
 Publicarea site-lui
 Promovarea

Mihaela Muntean-
 Scopul site-ului
 Identificarea publicului ţintă şi a tipologiei acestuia
 Utilizatori novici si ocazionali

 Utilizatori frecvenţi si experţi

 Utilizatori internaţionali

!!!!!Un site Web bine proiectat ar trebui să fie capabil să

se acomodeze unei game largi de interese şi aptitudini
ale utilizatorilor.
 Stabilirea scopului şi a obiectivelor principale
 Stabilirea informaţiilor ce vor fi disponibile pe site

Mihaela Muntean-
 Stabilirea cerinţelor
 Platforma utilizata (sistemul de operare, serverul Web, clienţii
Web, SGBD-ul utilizat, etc);
 Tehnologiile utilizate (HTML, JavaScript, PHP, ASP.NET,
FLASH, etc)
 nivelul programării Web (pe server, la client sau o abordare
mixtă);
 cerinţele de securitate (de ex.: controlul accesului);
 designul general al site-ului;
 frecvenţa actualizării informaţiilor şi dinamica lor;
 audienţa şi specificul conţinutului.
Mihaela Muntean-
 Mihaela Muntean-

Proiectarea site-lui
 Organizarea informatiilor:
 Divizarea informaţiilor in unitati logice

 Stabilirea unei ierarhii a informatiilor în funcţie de importanţă şi de

generalitate:
 Pagina de start (home page)

 Indexul (sumarul) site-ului

 Scop, tipul conţinutului, modalităţi de parcurgere

 Paginile subiectelor principale

 Subiecte de interes ale site-ului

 Paginile subsidiare

 Trebuie să contină legături de revenire la pagina de start

 Utilizarea acestei ierarhii pentru a crea relaţii între unităţile logice,

 Analiza rezultatului din punct de vedere estetic şi funcţional.

 Proiectarea site-lui
 Navigarea prin site
 !!!!!!Un sistem bun de navigare facilitează orientarea prin site

 Asigurarea accesibilităţii informaţiilor

 end user versus administrator

 Marimea / culoarea butoanelor, textului şi legăturilor

 Designul conţinutului de tip text :
 Utilizarea majusculelor, dimensiunea textului, tipul font-ului, gruparea si

aranjamentul, spatierea, alinierea, utilizarea titlurilor/subtitlurilor, titlul

paginii
 Localizarea pe pagină a link-urilor
 trebuie să fie similare în întreg site-ul

Mihaela Muntean-
 Proiectarea site-lui
 Culorile link-urilor nevizitate trebuie să fie mai strălucitoare decât
a celor deja vizitate, însă trebuie să constituie variante de
luminozitate ale aceleiaşi culori.
 Asigurarea simplităţii şi consistenţei

Mihaela Muntean-
 Dezvoltarea site-ului
 Separarea datelor (conţinutul) de prezentarea lor finală (forma)
 Probleme:
 Modificarea frecventă a conţinutului

 Schimbarea periodică a interfeţei (atragerea vizitatorilor)

 Păstrarea integrităţii legăturilor şi oferirea facilităţilor de

navigare

Mihaela Muntean-
 Factorii care determina ca vizitatorul
sa revina (in ordinea importantei):
 Usurinta navigarii
 Viteza incarcarii
 Periodicitatea actualizarii
 Calitatea continutului
 Calitatea organizarii site-ului
 Grafica paginii de start
 Aspectul artistic general
 Existenta animatiei

Mihaela Muntean-
 Greseli frecvente :
 Text greu de urmarit
 Prea multa animaţie
 Utilizarea elementului <marquee>
 Fundaluri stridente
 Pagină conţine o mulţime de combinaţii nepotrivite de culori
 Nu se ţine cont de “contrastul de luminozitate”: textul trebuie să aibă
o culoare luminoasă, iar fundalul una închisă, sau invers.

Mihaela Muntean-
 Greseli frecvente
 Combinaţii corecte de culori text/fundal: Negru/galben; Verde/alb;
Roşu/alb; Albastru/alb; Alb/albastru; Negru/alb; Galben/negru; Alb/roşu;
Alb/verde; Alb/negru; Roşu/negru; Verde/roşu.
 link-uri învechite
 Trebuie verificată permanent valabilitatea legăturilor indicate în pagină
 Pagină în construcţie
 Un site nu trebuie publicat decât după ce este finalizat.
 Lipsa adresei E-mail
 Greseli frecvente
 Titlul paginii (primele 66 caractere) este preluat de motorul de
căutare pentru a-l afişa în lista de rezultate ale unei interogări.
 Titlul este preluat şi în lista de adrese favorite de către

utilizatorii interesaţi
 E bine să înceapă cu numele companiei /proprietarului, urmat

de o foarte scurtă descriere

 Nu trebuie să înceapă cu "The" or "Welcome to", pentru că va

fi inserat în listele alfabetice la litera T sau W.

 Pentru paginile secundare, la titlul iniţial trebuiesc adăugate

câteva cuvinte care să descrie pagina curentă – inserate cât mai

la începutul titlului, pentru ca diferenţierea să se facă rapid.
Mihaela Muntean-
 Verificarea integritatii si a
corectitudinii codului-sursa
 verificarea integritatii legăturilor
 verificarea corectitudinii codului-sursă.
 evitarea oricăror extensii particulare şi a formatelor grafice

proprietare (de exemplu, BMP).

 modul de scriere a numelor de fişiere (SO Windows/Unix)

Mihaela Muntean-
Mihaela Muntean-

Publicarea site-lui
 Publicarea pe un server dedicat.
 presupune transferul tuturor fişierelor care compun site-ul pe calculatorul

pe care rulează serverul Web.

 Apelarea la un furnizor de găzduire Web. În acest caz, site-ul va fi
localizat la distanţă, pe un server pus la dispoziţie de gazda site-ului Web
(gazduire/hosting).
 Gazduirea Web inseamna de fapt o chirie a unui spatiu pe un server,

spatiu in care vor fi stocate toate fisierele care compun site-ul.

 In funcţie de buget şi de cerinţele site-ului, putem recurge la un furnizor

local sau unul internaţional.

 Trebuie să avem în vedere, printre altele, sistemul de plată, suportul

tehnic şi lăţimea de bandă oferită.

 Deseori, rolul de furnizor de servicii de găzduire Web este asumat chiar

de furnizorul de servicii Internet.

 Concluzie
 Pentru a avea un site avem nevoie de :
 Nume de domeniu

 www.numefirma.ro sau .com, .net, .info, .eu, etc.

 Domeniile (.ro) se inregistreaza pe viata si se platesc o
singura data, la inceput, in timp ce domeniile (.com, .eu,
.net), etc se inregistreaza pe o perioada determinata si se
plateste anual reinnoirea lor.
 Gazduire Web/server Web dedicat
 Site-ul propriu-zis

Mihaela Muntean-
 HTML (Hypertext markup language)
 un limbaj de formatare a paginilor Web- bazat pe etichete (tag) :
 structura unei pagini, pozitionarea imaginilor

 formatarea textului

 liste ordonate/neordonate

 tabele

 hyperlinkuri catre alte pagini, documente, fisiere multimedia, etc

 forme :

 butoane submit si reset ce permit trimiterea datelor sau anularea lor,

etc.
 Notepad, FrontPage, DreamWeaver, Office 2007/Web Publisher, etc

Mihaela Muntean-
 HTML
<HTML> tag-ul de inceput
<!—sectiunea de header a paginii Web--> comentariu
<HEAD> se introduc informatii despre pagina Web
<TITLE>Titlu</TITLE> titlul incepe cu un tag si se termina cu un tag. Apare in
bara de titlul
</HEAD>

<!—sectiunea de body a paginii Web, contine text, imagini, link-uri, forme, etc-->
<BODY>
<!—un paragraph->
<P>Hello! </P>
</BODY>
</HTML> tag-ul de sfarsit

Mihaela Muntean-
 HTML
<HTML>

<HEAD>
<TITLE>Exemplu</TITLE>
</HEAD>

<BODY>
<P>Hello! </P>
</BODY>

</HTML>

Mihaela Muntean-
 HTML
<HTML>
<HEAD><TITLE>Hyperlinkuri</TITLE></HEAD>
<BODY>
<CENTER>
<H1>Internet Service</H1>
<H3>Click pe adresa Internet Service </H3>
<P> Motor de cautare: <A HREF="http://www.yahoo.com">Yahoo!</A></P>
<P> Motor de cautare: <A HREF="http://www.google.com">Google</A> </P>
<P> Site Elearning: <A HREF="http://www.elearningit.ase.ro"> elearningit </A></P>
</CENTER>
</BODY>
</HTML>

Mihaela Muntean-
Mihaela Muntean-
 Pagini Web dinamice
 conţinutul lor este creat dinamic şi poate diferi la
accesări diferite;
 de exemplu la acelaşi URL conţinutul paginii poate varia în
funcţie de anumiţi parametri cum ar fi locaţia geografică a
utilizatorului, ora, paginile vizitate anterior, profilul
utilizatorului;
 oferă interactivitate;
 posibilităţi de interacţiune.
 in funcţie de locul în care este evidenţiat caracterul
dinamic al paginilor există
 pagini dinamice pe parte de client

 pagini dinamice pe partea de server.

Mihaela Muntean-
 Pagini Web/site-uri dinamice
 Tehnologii care permit realizarea de pagini dinamice :
 Scripturi pe partea de client (JavaScript /lb de script OO,
tehnologia Flash- Macromedia Flash MX- elemente
multimedia, filme, VBScript/Microsoft, Dart/Google, etc.
 Scripturi pe server (PHP/Hypertext preprocessor, Perl, Python
+MySQL), ASP.NET (site-uri dinamice Web, pt aplicatii
Web, servicii Web)
 etc.

 Instrumente free : Wix.com, Google Web Designer,

PageBreeze, Webflow, etc.

Mihaela Muntean-2015
Mihaela Muntean-

Evolutia Web

 Prima generatie (inceputul anilor 90)

 pagini statice

 lipsa de interactivitate

 URL, HTTP, HTML

 A doua generatie (sf. anilor 90)

 acces la BD

 Limbaje de script

 ASP (Microsoft Active server pages) –procesarea se face numai pe server, nu este
posibila interactiune rapida a utilizatorului cu pagina Web
 Java applet-uri (independente de platforma, cer browsere ce suporta Java)–
pt a crea pagini Web interactive
 permite tranzactii online (comert electronic)
 permite personalizarea paginilor Web–cookie
 permite acces la continutul Web a echipamentelor mobile
 Evolutia Web
 A treia generatie (dupa 2000)
 O mai buna organizare si extragere a continutului Web

 motoare de cautare

 Google, Yahoo, Ask.com, Netscape Search, etc

 directoare de subiecte

 clasifica paginile Web intr-un set organizat de categorii si

subcategorii
 Google, Yahoo, etc

 Web semantic

 resursele Web sa fie accesibile dupa semantica lor si nu dupa

cuvinte cheie
 XML

Mihaela Muntean-
 Evolutia Web
 Web devine un mediu de executie a aplicatiilor B2B
 Servicii Web
 Ex: autorizarea cardului de credit, convertor de valuta

 realizeaza o sg functie, poate fi apelat prin HTTP

 WSDL (Web services description language)- descrie tipuri

de mesaje pe care le primeste/trimite un serviciu Web, etc

Mihaela Muntean-
 Intrebari
 Identificati principalele (minim 10) servicii Google si descrieti-le pe scurt .
 Precizati 3 domenii generice si semnificatia lor.
 Completati corect:
 Identificarea unui calculator conectat la Internet se face prin ……….

 HTML este utilizat pentru: ………………………………………….

 Internetul utilizeaza protocolul:……………………………………..

 Google Chrome este: ………………………………………………..

 Dati 3 exemple de IM software (altele decat cele prezentate la curs).

 Precizati care este URL pt suportul de curs.