{"id":234,"date":"2025-02-03T08:36:45","date_gmt":"2025-02-03T08:36:45","guid":{"rendered":"https:\/\/creare-website-consultanta.ro\/blog\/?p=234"},"modified":"2025-01-31T08:37:24","modified_gmt":"2025-01-31T08:37:24","slug":"hipermedia","status":"publish","type":"post","link":"https:\/\/creare-website-consultanta.ro\/blog\/tehnologii-web\/hipermedia\/","title":{"rendered":"Hipermedia"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><br>Al\u0103turi de modelul client\/server, al doilea concept important pe care s-a putut construi Web-ul este cel de <strong>multimedia<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen esen\u0163\u0103, <em>multimedia<\/em> reprezint\u0103 o sum\u0103 de diverse medii de comunicare: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>statice (text, imagini precum fotografii, diagrame sau grafice) \u015fi <\/li>\n\n\n\n<li>dinamice (sunet, anima\u0163ie, filme). <\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Dac\u0103 la acest con\u0163inut informa\u0163ional se adaug\u0103 \u015fi capabilit\u0103\u0163i de a realiza diverse leg\u0103turi (rela\u0163ii) \u00eentre p\u0103r\u0163ile componente ale documentelor multimedia, ceea ce rezult\u0103 se nume\u015fte <strong><em>hipermedia<\/em> <\/strong>sau <strong><em>hipertext<\/em> <\/strong>(termen ap\u0103rut \u00een anul 1965, \u00een urma cercet\u0103rilor \u00eentreprinse de personalit\u0103\u0163i precum Vannebar Bush, Douglas Engelbart \u015fi Ted Nelson).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen anul 1965, Ted Nelson inventeaz\u0103 termenul hipertext (text non-linear), definindu-l drept <\/p>\n\n\n\n<p class=\"has-very-light-gray-to-cyan-bluish-gray-gradient-background has-background wp-block-paragraph\">\u201ematerial scris sau grafic interconectat \u00eentr-o manier\u0103 complex\u0103 care \u00een mod con- ven\u0163ional nu poate fi reprezentat pe h\u00e2rtie. El poate con\u0163ine cuprinsuri ale propriului s\u0103u con\u0163inut \u015fi rela\u0163iile dintre diverse p\u0103r\u0163i componente; poate de asemeni con\u0163ine adnot\u0103ri, ad\u0103ugiri \u015fi note de subsol pentru cei care doresc s\u0103-l examineze\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Defini\u0163iile hipertextului sunt diverse. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O prim\u0103 defini\u0163ie ar fi aceea c\u0103 hipertextul repreZint\u0103 o form\u0103 de document electronic. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O alta, alternativ\u0103, specific\u0103 hipertextul ca reprezent\u00e2nd o metod\u0103 de organizare a informa\u0163iilor \u00een care datele sunt memorate \u00eentr-o re\u0163ea de noduri \u015fi leg\u0103turi, put\u00e2nd fi accesat\u0103 prin intermediul navigatoarelor interactive \u015fi manipulat\u0103 de un editor structural.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hipertextul semnific\u0103 o tehnic\u0103 pentru organizarea informa\u0163iei textuale printr-o metod\u0103 complex\u0103 neliniar\u0103 \u00een vederea facilit\u0103rii explor\u0103rii rapide a unei cantit\u0103\u0163i mari de cuno\u015f- tin\u0163e. Conceptual, o baz\u0103 de date hipertext poate fi g\u00e2ndit\u0103 ca un (di)graf, unde fiecare nod poart\u0103 un fragment de text \u015fi unde arcele grafului conecteaz\u0103 unele fragmente de text cu altele \u00eenrudite. Pentru a vizualiza textul dintr-o astfel de baz\u0103 de date, utilizatorul se va folosi de o interfa\u0163\u0103, travers\u00e2nd leg\u0103turile.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Conceptul esen\u0163ial prezent \u00een cadrul hipertextului este cel al <em>leg\u0103turilor<\/em> (care apar \u00een ca- drul aceluia\u015fi document \u015fi\/sau \u00eentre documente diferite). Aceast\u0103 caracteristic\u0103 de legare permite organizarea non-linear\u0103 a informa\u0163iilor.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Avantajele hipertextului<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O parte dintre avantajele hipertextului fa\u0163\u0103 de textul tip\u0103rit sunt:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>forma neliniar\u0103 a hipertextului ofer\u0103 facilit\u0103\u0163i eficiente de parcurgere a con\u0163i- nutului;<\/li>\n\n\n\n<li>mediile electronice pot stoca o cantitate impresionant\u0103 de informa\u0163ii;<\/li>\n\n\n\n<li>hipertextul ofer\u0103 o mai bun\u0103 vizualizare a con\u0163inutului \u015fi o navigare rapid\u0103, oric\u00e2t de complexe ar fi documentele, \u0163in\u00e2nd cont de specifica\u0163iile utilizatori- lor;<\/li>\n\n\n\n<li>\u00een cadrul sistemelor hipertext, interog\u0103rile, filtr\u0103rile, diversele preferin\u0163e \u015fi ad- not\u0103rile utilizatorilor pot fi refolosite ori de c\u00e2te ori este necesar, put\u00e2nd fi stocate \u00een cadrul structurii hipertext a documentelor folosite.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Dezvantajele hipertextului<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Principalele probleme cu care se confrunt\u0103 informaticienii \u00een ceea ce prive\u015fte hipertex- tul sunt cele legate de:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>conversie<\/em> (\u00een general automat\u0103) a textului liniar \u00een form\u0103 hipertext \u015fi <em>liniarizare<\/em> a hi- pertextului;<\/li>\n\n\n\n<li><em>proiectare<\/em> (design) a documentelor hipertext;<\/li>\n\n\n\n<li><em>accesare<\/em> concurent\u0103 a bazelor de date hipertext \u00een context distribuit;<\/li>\n\n\n\n<li>construire a unor mecanisme optime pentru <em>c\u0103utarea<\/em> \u015fi <em>interogarea<\/em> \u00een manier\u0103 inteli- gent\u0103 a informa\u0163iilor hipertext;<\/li>\n\n\n\n<li>suportare a <em>extensiilor<\/em> <em>multimedia<\/em>;<\/li>\n\n\n\n<li><em>prezentare<\/em> a documentelor hipertext \u00eentr-o form\u0103 u\u015for de parcurs de c\u0103tre utiliza- tori etc.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"465\" height=\"183\" src=\"https:\/\/creare-website-consultanta.ro\/blog\/wp-content\/uploads\/2025\/01\/image-1.png\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/creare-website-consultanta.ro\/blog\/wp-content\/uploads\/2025\/01\/image-1.png 465w, https:\/\/creare-website-consultanta.ro\/blog\/wp-content\/uploads\/2025\/01\/image-1-300x118.png 300w\" sizes=\"auto, (max-width: 465px) 100vw, 465px\" \/><figcaption class=\"wp-element-caption\">O structur\u0103 hipertext compus\u0103 din mai multe noduri \u015fi modul de vizualizare folosind un browser hipertext<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><em>Noduri<\/em> \u015fi <em>leg\u0103turi<\/em> <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen principiu, un sistem hipermedia este constituit din <em>noduri<\/em> (concepte) \u015fi <em>leg\u0103turi<\/em> (rela\u0163ii). Un nod reprezint\u0103, \u00een mod uzual, un concept unic (o idee), put\u00e2nd con\u0163ine text, grafic\u0103, anima\u0163ie, audio, video, imagini sau programe. Un nod poate avea asociat un tip (de- taliu, propozi\u0163ie, colec\u0163ie, observa\u0163ie etc.) \u00eenglob\u00e2nd o informa\u0163ie semantic\u0103. Nodurile sunt conectate de alte noduri prin intermediul leg\u0103turilor. Nodul surs\u0103 al unei leg\u0103turi se nume\u015fte <em>referin\u0163\u0103<\/em>, iar cel destina\u0163ie <em>referent<\/em>, fiind denumite \u015fi <em>ancore<\/em>. Con\u0163inutul unui nod se afi\u015feaz\u0103 la activarea leg\u0103turii.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Leg\u0103turile sunt conexiuni \u00eentre noduri (sau concepte) dependente unul de altul, put\u00e2nd fi <em>bidirec\u0163ionale<\/em> sau doar <em>unidirec\u0163ionale<\/em>. Leg\u0103turilor li se pot asocia tipuri, definind natura rela\u0163iei dintre noduri. Leg\u0103turile pot fi <em>referen\u0163iale<\/em> (non-ierarhice, utile pentru realizarea referin\u0163elor \u00eencruci\u015fate, ele fiind cele care deosebesc cel mai bine hipermedia de celelalte forme de stocare a informa\u0163iei) sau <em>organiza\u0163ionale<\/em> (denumite ierarhice sau structurale, ilus- tr\u00e2nd rela\u0163iile p\u0103rinte-copil dintre noduri, folosite la organizarea nodurilor \u00een manier\u0103 ierarhic\u0103 \u00eentr-o structur\u0103 strict\u0103). Leg\u0103turile organiza\u0163ionale sunt esen\u0163iale pentru liniarizarea hipertextului \u015fi permit autorilor s\u0103 verifice coeren\u0163a structurii hipertext.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De asemenea, leg\u0103turile pot fi <em>statice<\/em> (stabilite de autorul documentului) sau <em>dinamice<\/em> (create \u00een momentul rul\u0103rii sistemului hipertext, \u00een func\u0163ie de context sau de cerin\u0163ele utIlizatorilor). Ele pot fi utilizate, de exemplu, pentru a \u00eencorpora proceduri de securitate (o leg\u0103tur\u0103 poate fi disponibil\u0103 doar pentru un anumit utilizator autentificat) ori s\u0103 permit\u0103 utilizatorilor s\u0103-\u015fi creeze leg\u0103turi personale \u00eentre diverse noduri care \u00een mod uzual nu sunt conectate direct.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Activarea marcajelor unei leg\u0103turi duce la vizualizarea (activarea) nodurilor.<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen\u0163elegerea \u015fi navigarea printr-un document de tip hipertext depind de abilitatea utilizatorului de a construi o reprezentare mental\u0103 coerent\u0103 a structurii hipertextului, r\u0103m\u00e2n\u00e2nd \u00een responsabilitatea creatorului documentului s\u0103 asigure aceast\u0103 coeren\u0163\u0103. Construirea unui document hipertext coerent poate fi considerat\u0103 o problem\u0103 de design, f\u0103r\u0103 a exista \u00eens\u0103 legi pentru conceperea de documente hipertext \u201ecorecte\u201d, de\u015fi unii cercet\u0103tori au stabilit o serie de reguli pentru aceasta. Astfel, un document hipertext coerent const\u0103 din trei componente: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>partea<\/em> <em>de<\/em> <em>con\u0163inut<\/em>, <\/li>\n\n\n\n<li><em>partea<\/em> <em>de<\/em> <em>organizare<\/em> \u015fi <\/li>\n\n\n\n<li><em>partea<\/em> <em>de<\/em> <em>prezentare<\/em> a informa\u0163iilor.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Limbajul de marcare XHTML<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una dintre solu\u0163iile de a crea documente hipertext este oferit\u0103 de limbajul de marcare HTML (<em>HyperText<\/em> <em>Markup<\/em> <em>Language<\/em>), ap\u0103rut \u00eenc\u0103 de la \u00eenceputurile Web-ului, \u00een prezent reg\u0103sit sub versiunea XHTML. Marcajele HTML descriu structura logic\u0103 a documentului, urm\u00e2nd a fi procesate de c\u0103tre programul client (de cele mai multe ori, un navigator). Un astfel de document poate cuprinde leg\u0103turi de tip hipertext, indicate prin zone de text sau imagini, conduc\u00e2ndu-l pe utilizator fie \u00een alt punct al aceluia\u015fi document, fie \u00eentr-un alt document, care poate s\u0103 se g\u0103seasc\u0103 stocat local (pe serverul curent) sau la distan\u0163\u0103 (pe oricare alt sit Web din lume). Un document marcat se nume\u015fte <em>pagin\u0103 Web<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Documentele pot include elemente multimedia variate datorit\u0103 facilit\u0103\u0163ilor puse la dispozi\u0163ie de diferitele versiuni ale limbajului HTML care prev\u0103d inserarea de imagini (formate grafice precum GIF, JPEG sau PNG), fi\u015fiere audio (MIDI, WAV ori MP3) \u015fi video (AVI, ATF, MPEG), precum \u015fi alte informa\u0163ii \u00een formate proprietare sau nu (<em>e.g.<\/em>, arhive, documente PDF, anima\u0163ii Flash, lumi virtuale VRML).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cembinarea dintre marcajele HTML \u015fi diverse linii de cod scrise \u00een alte limbaje de pro- gramare (JavaScript, VBScript \u2013 pe partea client; C\/C++, C#, Perl, PHP, Python sau Java \u2013 pe partea server) confer\u0103 Web-ului interactivitate sporit\u0103 \u015fi dinamism, caracteristici exploatate mai ales \u00een contextul <em>e-business<\/em>, dar nu numai.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">World Wide Web<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aceste leg\u0103turi \u00eencruci\u015fate \u00eentre sutele de mii de situri Web realizeaz\u0103 o adev\u0103rat\u0103 p\u00e2nz\u0103 de p\u0103ianjen (<em>web<\/em>) planetar\u0103 (<em>world-wide<\/em>) de unde provine \u015fi denumirea WWW, iar utilizatorul navigheaz\u0103 prin ciberspa\u0163iul reprezentat de aceast\u0103 re\u0163ea complex\u0103.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00cen ultimii zece ani, Web-ul s-a dezvoltat exploziv, asimil\u00e2nd \u015fi un nou aspect: nu se mai limiteaz\u0103 la schimbul de informa\u0163ii \u015ftiin\u0163ifice \u00eentre cercet\u0103tori, ci a devenit domeniu public, extinz\u00e2ndu-se foarte mult \u00een lumea afacerilor. Astfel, Web-ul poate fi considerat segmentul Internet cu cea mai rapid\u0103 dezvoltare.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dac\u0103 Internetul este o re\u0163ea de re\u0163ele, format din calculatoare \u015fi medii de transmisie care transport\u0103 pachete de date de la un calculator la altul, Web-ul reprezint\u0103 un spa\u0163iu abstract de informa\u0163ie. Pentru Internet, conexiunile sunt reprezentate de canalele de comu- nica\u0163ie (cu fir sau f\u0103r\u0103 fir) \u00eentre calculatoare, iar pe Web conexiunile sunt ilustrate prin leg\u0103turi hipertext. Web-ul exist\u0103 datorit\u0103 aplica\u0163iilor care asigur\u0103 comunicarea \u00een cadrul Internetului \u015fi a f\u0103cut din Internet un spa\u0163iu public, liber de constr\u00e2ngeri, universal \u015fi u\u015for de utilizat.<br><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>(&#8220;Tehnologii Web&#8221;, Sabin Corneliu Buraga, 2007)<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Al\u0103turi de modelul client\/server, al doilea concept important pe care s-a putut construi Web-ul este cel de multimedia. \u00cen esen\u0163\u0103, multimedia reprezint\u0103 o sum\u0103 de diverse medii de comunicare: Dac\u0103&#8230;<\/p>\n","protected":false},"author":1,"featured_media":236,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[4,3],"tags":[],"class_list":["post-234","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1-fundamente-si-istoric","category-tehnologii-web"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/posts\/234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/comments?post=234"}],"version-history":[{"count":1,"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/posts\/234\/revisions"}],"predecessor-version":[{"id":237,"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/posts\/234\/revisions\/237"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/media\/236"}],"wp:attachment":[{"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/media?parent=234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/categories?post=234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creare-website-consultanta.ro\/blog\/wp-json\/wp\/v2\/tags?post=234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}