Am revenit

Am revenit dupa un lung timp in care am lipsit de pe acest blog. In curand multe noutati despre ce vom face in domeniul ONLINE.

Web 2.0

Web 2.0 este un termen care desemneaza o multime intreaga de aspecte interactive si colaborative ale Internetului, si aici in special ale World Wide Web, de natura foarte recenta - aparute prin anii 2004-2005. Deci la Web 2.0 nu este vorba de versiunea doua a unui software sau a unei tehnici web. Inventatorul si promotorul termenului Web 2.0 este Tim O'Reilly. Pentru diferentiere, traditiile web care existau pana la aparitia Web 2.0 sunt numite, tot simbolic, Web 1.0.

1. Caracteristicile Web 2.0

Sursa* Flickr.

Web 2.0 desemneaza (destul de vag) noi cai de a considera si exploata posibilitatile organizatorice ale webului. Conform acestora, continutul si informatia din web nu mai e oferita vizitatorilor numai de catre mass media, guverne si firme particulare, ci si de persoane particulare, legate intre ele prin retele informale bazate pe Internet, si care contribuie si participa activ la punerea la dispozitie si raspandirea informatiilor pe intregul glob prin intermediul webului. Exemple tipice pentru acest nou aspect sunt asa-numitele wiki-uri, weblogs sau mai simplificat blogurile, precum si portalurile si bursele de schimb de imagini, muzica, filme/video si software din Internet, cum ar fi Flickr, YouTube si siturile pentru File sharing.

Mediile din intreaga lume au reactionat intens la aceste puncte de vedere noi, banuindu-se chiar ca ele vor avea efecte sociale si economice directe. Exista insa si voci critice care, constiente ca indaratul lui Web 2.0 nu sta nici o noua tehnologie, se plang de faptul ca termenul nu e definit exact si poate fi deci exploatat dupa pofte de catre unele companii - de exemplu cu scopuri publicitare sau economice sau chiar pentru trafic de influenta. Un exemplu pozitiv sunt activitatile de marketing ale unor firme care incearca sa-si convinga clientii sa participe activ chiar ei la proiectarea si realizarea paginilor web oferite de firma respectiva. Deci, in loc de metoda "push" (paginile web ale firmei trebuie sa-i impinga pe clienti sa cumpere), se incearca principiul "pull" (clientii sunt atrasi sa participe la crearea paginilor web ale firmei, dar bine-inteles tot cu scopul de a-i determina sa cumpere).

2. Tehnici folosite

Tehnicile folosite de Web 2.0 sunt o combinatie de tehnici care dateaza inca de la sfarsitul anilor 1990, dar care abia in zilele noastre (2007) cunosc o raspandire deosebit de mare:

* Application Program Interfaces (APIs) pentru servicii web
* Asynchronous Javascript and XML (Ajax), ca urmas al tehnicilor de gen XmlHttpRequest
* Content syndication - servicii de abonamente, de exemplu RSS - abonamente la "Ultimele noutati"
* Integrarea softwareului de natura sociala, ca de exemplu bloguri si wiki-uri


Urmatoarele tehnici nu au inca echivalent in romana; traducerea data este doar aproximativa sau mot-a-mot:

* Up To You - depinde de tine
* Trusting Your Users - increderea in utilizatori, inregistrati sau anonimi
* Hackability - utilizarea abilitatii unui software de a fi extins sau alterat astfel incat sa faca lucruri pentru care nu a fost proiectat initial
* Agile Development - dezvoltare agila vezi detalii (in engleza)
* Right To Remix - dreptul de a remixa
* Rich User Experience - experienta de utilizator bogata
* Collective Intelligence - inteligenta colectiva
* Folksonomy - taxonomie la a carei dezvoltare contribuie si utilizatorii ei
* The Long Tail - coada lunga - vanzarea unui numar mare de obiecte diferite, in cantitati relativ mici vezi detalii(in engleza)
* Perpetual Beta - stadiu beta perpetuu (implica o permanenta imbunatatire)

si altele.

3. Web 2.0 - o noua calitate

Initial WWW-ul a constat din pagini statice, care erau actualizate doar ocazional de catre detinatorii lor.

Ulterior au fost realizate si sisteme de gestiunea automata a informatiilor dintr-un sit web, numite Content Management Systems. Acestea puteau construi pe loc - in mod dinamic, la cerere - versiunea cea mai noua posibil a paginii web, si anume prin consultarea unei banci de date (sigur ca si aceasta trebuia actualizata permanent, dar asta se face pe cai traditionale, nelegate direct de WWW). Dar si aceasta tehnica imparte oamenii in "creatori" de pagini web si "consumatori" mai mult sau mai putin pasivi ai acestor pagini/informatii/documente.

Cam din anul 2005 incoace insa, unii specialisti afirma ca Internetul ofera din ce in ce mai des o noua calitate, idee care a fost sustinuta si de mediile de mase, si anume prin folosirea deasa a noilor termeni, specifici pentru Web 2.0:

* Stocarea datelor utilizatorilor, care avea loc in primul rand pe calculatorul local, urmand sa fie publicate in web abia ulterior, se face acum in primul rand direct in web (de exemplu pentru fotografiile private s.a.) Programele locale acceseaza din ce in ce mai des aplicatiile web, deoarece se pleaca de la ipoteza unei legaturi permanente cu webul. Unele motoare de cautare web sunt in stare sa acceseze si datele locale ale utilizatorului.
* Diferentele intre aplicatiile locale si cele Web se atenueaza. Multe programe se actualizeaza singure, luand legatura cu situl autorului lor in mod automat, uneori chiar pe ascuns. Rolul browserului devine din ce in ce mai important, deoarece cu ajutorul lui pot fi implementate azi aplicatii web extrem de complexe (vezi Dynamic HTML). Practic vorbind, browserul devine cel mai important program al utilizatorului.
* Rolurile de "creator" si "consumator" de pagini web incep sa se incalece, deoarece "consumatorii" de pana acum incep sa contribuie activ la crearea de noi continuturi, cum se intampla de exemplu cu asa-numitele bloguri. Multi utilizatori isi muta si transforma sfera lor privata de la echipamentul local la web, in acest fel facand-o publica.
* Mashup este tendinta de a accesa simultan si a cupla unele cu altele mai multe servicii web, de la ofertanti diversi, rezultatul insa aparand ca fiind "dintr-o bucata", fara intreruperi sau alte dezavantaje.
* Noile aplicatii bazate pe web duc la efectul ca utilizatorii, chiar si atunci cand nu sunt foarte versati tehnic, participa direct la raspandirea prin web a informatiilor si opiniilor.


Toate aceste fatete recente ale webului sunt ocazional desemnate drept "software social".




Sursa* Wikipedia.

Web design

Prin web design sau webdesign se Intelege In general realizarea de siteuri web, de la momentul conceperii structurii si interfetei grafice si pana la finalizarea programarii si introducerea propriu-zisa a datelor - imagini, text, fisiere si alte elemente - care alcatuiesc continutul siteului.

1. Scurt istoric

Primul webdesigner a fost chiar inventatorul www-ului, Tim Berners Lee, care a publicat primul site din istorie In anul 1991. La Inceput siteurile nu erau nici pe departe atat de complexe si Incarcate grafic cum sunt In prezent, limbajul utilizat - HTML - fiind nu prea puternic si permitand numai o serie limitata de formatari, precum si inserarea de link-uri, pentru a putea "lega" paginile Intre ele, webdesignul fiind, de fapt, mai mult "programare" web.
In prezent preocuparea pentru aspectul grafic al siteurilor, devenite puternice instrumente publicitare si comerciale, justifica In Intregime denumirea de "webdesign", iar tehnologiile utilizate s-au diversificat si au devenit din ce In ce mai complexe. Firmele care produc siteuri lucreaza cu angajati specializati pentru fiecare etapa a dezvoltarii unui site, de la stadiul de conceptie grafica la programare si editare de continut pentru SEO (Search Engine Optimization - optimizarea siteurilor pentru motoarele de cautare). Siteurile actuale sunt din ce In ce mai mult axate pe animatie interactiva si dinamism, aceste deziderate fiind Indeplinite de exemplu de cunoscutul program Adobe Flash, precum si de alte programe aparute dupa acesta, care pot genera automat fisiere animate cu extensia .swf.

2. Introducere

Siteurile, In forma in care ele se afiseaza In browsere, sunt de fapt interpretari vizuale, menite sa fie Intelese de orice persoana, fara sa fie necesare cunostinte In domeniul informaticii sau al secventelor de cod redactate de programatori. Acestia lucreaza ori In diverse limbaje din care apoi se genereaza limbajul specific de script al internetului HTML (HyperText Markup Language), ori direct in HTML. Daca nu ar exista browserele care stiu sa interpreteze limbajul de script si sa afiseze rezultatul pe ecran, siteurile ar fi doar Insiruiri de texte neformatate si, cel mai probabil, fara imagini. In principiu, limbajul HTML indica locul In care sa se afiseze diversele elemente vizibile, dimensiunea, culoarea, precum si alti parametri care confera unei pagini web atat aspectul dorit cat si functionalitate optima.

3. Ce este necesar pentru realizarea unui site?

Orice site web trece in mod necesar prin mai multe etape:

1. Concretizarea ideilor
2. Schitarea elementelor vizuale si compunerea structurii siteului
3. Programarea paginilor web in (HTML, CSS, Javascript etc.)
4. Testarea siteului
5. Schimbarea partilor care nu corespund tintei
6. Publicarea siteului pe Internet sau intranet
7. Modificarea ulterioara si relansarea pe Internet, dupa nevoile clientilor sau ale timpului

Dupa stabilirea structurii siteului se intra In etapa conceperii unei interfete grafice care, pe langa scopul pur estetic, trebuie sa faciliteze accesul vizitatorilor la toate sectiunile publice ale siteului, sa fie comprehensiva si, nu in ultimul rand, sa asigure si incarcarea rapida a paginilor, prin modul in care vor fi realizate diversele elemente grafice.

Din punctul de vedere al designului, siteurile sunt in mare parte alcatuite din tabele cu linii invizibile in care se insereaza imagini (sigla, imagini-simbol, butoane etc.) si texte, in asa fel incat aspectul sa fie unitar si sa nu se sesizeze vizual organizarea tabelara.
Celulele tabelelor:

* pot avea fundaluri colorate,
* pot fi alcatuite din imagini si desene care se repeta pe orizontala sau pe verticala,
* pot fi umplute cu texturi mai mult sau mai putin neregulate (ca pietrisul, frunzisul etc.)
* sau pot ramane si albe.

Este de notat ca actualmente locul tabelelor a fost luat de popularul mod de formatare CSS, care reprezinta o solutie mai "curata" din punctul de vedere al programarii decat utilizarea tabelelor.

Astfel, graficianul utilizeaza initial un program de grafica (de exemplu, Adobe Photoshop sau Corel PhotoPaint) pentru a concepe un "instantaneu" al siteului respectiv. El creeaza forma butoanelor, dimensioneaza si pozitioneaza sigla siteului, stabileste locatia meniurilor, dimensiunea si aspectul textului, schema de culori a siteului, precum si alte aspecte specifice. Datorita faptului ca aceasta imagine primara este apoi "taiata" in imagini mai mici, care urmeaza sa fie inserate in tabele sau definite in CSS, din punct de vedere grafic, siteurile se supun acelorasi reguli de compozitie ca si lucrarile grafice tiparite, Imbinate insa cu o serie de parametri tehnici care permit implementarea ulterioara a elementelor de programare. Astfel, un "grafician de web" va lucra altfel decat un "grafician de print", incercand sa anticipeze locurile unde pot aparea probleme potentiale si sa gaseasca solutii pentru a evita orice deformare a siteului, indiferent daca urmeaza sa fie utilizate dimensiuni relative sau absolute. De exemplu, un grafician de web stie ca este preferabil sa utilizeze fundaluri de tip "culoare indicata din cod" sau de tip "imagine repetata pe axa x sau y", decat fundaluri dintr-o singura imagine foarte mare, care ar reduce mult viteza de incarcare a siteului.

Dupa ce imaginea initiala a fost Impartita in mai multe imagini mici, acestea se introduc in tabele sau se pozitioneaza cu ajutorul CSS, fie prin scrierea directa a codului HTML intr-un program simplu de editare text, cum ar fi Notepad, fie prin utilizarea unui editor HTML, in general de tip WYSIWYG, cum ar fi Dreamweaver. Astfel se genereaza un prim "schelet" al siteului, denumit "mock-up", care simuleaza siteul si toate functiile lui, fara a avea insa continutul real, ci numai texte de tip lipsum si imagini provizorii. In cazul in care este vorba de un site simplu, cu putine pagini, tot ce mai ramane de facut este introducerea continutului final. In cazul in care este vorba de un site complex, de exemplu un catalog sau un magazin virtual, mock-up-ul intra in etapa de programare complexa, care poate utiliza limbaje mai complicate (de tip server-side ca de exemplu PHP, ASP, sau si de tip client-side) precum si baze de date.

Sursa* Wikipedia.

Structura HTML

Creare pagina html

Pentru inceput trebuie sa ne asiguram ca avem extensiile fisierelor afisate.
Apoi pe desktop se creaza un fisier text "new text document" si i se schimba numele in index.html . Prima pagina a unui site se numeste index.html (Nu este obligatoriu ca extensia sa fie .html . De exemplu daca folositi PHP in pagina de index pagina se va numi index.php ) . Pagina se deschide cu Notepad unde se scrie codul html (poti copia exemplul cu structura de mai jos), salveaza fisierul, inchide-l, apoi deschide-l cu internet explorer. Internet Explorer = IE (prescurtat)

Structura unei pagini

Orice pagina incepe si se sfarseste cu tagurile: <html> </html>

O pagina trebuie sa aiba tagurile:
  
<head> </head> -contine informatii despre pagina respectiva;
<body> </body> -contine corpul paginii;

O structura a unei pagini HTML :

<html>
  <head>
    <title> Aici se pune titlul paginii! </title>
  </head>
  <body>
  Acesta este corpul paginii!
  </body>
</html>

Daca ai copiat exemplul de mai sus vei observa ca pagina html deja are un titlu si ca in corpul ei apare un mesaj ca in imaginile de mai jos.

Introducere HTML

Ce este WWW?

WWW= World Wide Web , adesea numit Web. Web-ul este o retea de computere din toata lumea. Toate computerele folosesc un standard de comunicare numit HTTP.

Cum functioneaza WWW-ul?

Informatia Web este stocata in documente numite pagini html. Paginile html sunt fisiere stocate in computere numite servere web. Computerele care citesc paginile html sunt numite clienti web. Clientii web vad paginile cu un program numit browser web. Cele mai populare browsere sunt Internet Explorer si Mozilla Firefox (il recomand pe cel din urma).

Cum afiseaza browser-ul paginile html?

Toate paginile html contin instructiuni despre cum sa fie afisate. Browser-ul afiseaza pagina citind aceste instructiuni. Cele mai obisnuite instructiuni de afisare sunt numite taguri HTML. Tagurile HTML arata astfel: www.fanatic-web.blogspot.com.

Cine face standardele Web?

Standardele Web nu sunt facute de Netscape sau Microsoft. Ele sunt facute de catre W3C. W3C inseamna World Wide Web Consortium. Cele mai importante standarde web sunt HTML, CSS si XML.

Indexare site / indexare Google

Ai un site nou creat? Fa-l pe Google sa te bage-n seama!

Constat cu stupoare ca sunt unii pe net care vor bani pentru "inregistrare in peste 1000 de motoare de cautare"!

Oare chiar exista 1000 de motoare de cautare? Poate. Dar daca vrei sa faci afaceri pe Internet exista doar Google care la americani are peste 70% din piata cautarilor pe Internet si creste luna de luna. La noi are practic toata piata. Iar indexarea in Google nu te costa nimic!

Daca ai un site creat de curand si vrei sa-l indexeze Google cauti o pagina de site deja indexata (vizitata de boot-ul Google) si pui un link acolo. In functie de cat de des o viziteaza robotul poti avea o prima pagina din site-ul tau indexata chiar si in cateva ore.

Nu stii unde sa pui linkul? Nici o problema. Cauta cu Google "promovare site" sau "inscrie site" sau "adauga site" si vei gasi zeci de directoare de linkuri gratuite. Inscrie-l in mai multe, preferabil in cele listate de Google pe primele pozitii, si in scurt timp site-ul tau va fi indexat. Iar linkurile te vor ajuta si la promovare (mai multe despre promovare gasesti aici: promovare site).

Desigur, poti folosi si formularul pus la dispozitie de Google pentru inregistrarea site-urilor nou create. In ultima vreme aceasta solutie a devenit destul de rapida si e absolut gratuita. Prima varianta e totusi preferabila atunci cand vrei sa te alegi si cu linkuri utile in promovarea site-ului.


Ok, ai vazut cum se indexeaza un site. Dar crearea unui site, indexarea lui si promovarea prin inscrierea in directoare sunt doar cateva verigi din lantul de marketing. Un lant lung in care fiecare veriga trebuie sa fie perfecta. Taria unui lant, fie el si un sistem de marketing, e limitata de cea mai slaba veriga.

Exista un singur fel in care poti face lucrurile bine si o infinitate de variante sa o dai in bara. Pentru sistemul complet si corect de promovare pe Google viziteaza pagina.

Creare site

Degeaba ai un site, daca nu e listat pe prima pagina Google!

Din perspectiva unui om de afaceri sunt doar doua feluri de site-uri web: cele listate pe prima pagina Google, si celelalte.

Cand te gandesti la vastitatea Internetului constati ca exista foarte putine site-uri de succes. Unele au fost gandite pentru Google inca de la creare (site-uri cu adevarat eficiente). Altele au fost modificate dupa creare - site-uri care au costat mai mult dar care in final aduc si ele bani.

Celelalte au alt fel de povesti - de la "copiaza si tu ceva de pe net" pana la dorinta de a rupe gura targului cu vre-o animatie in Flash. Toate au insa ceva in comun - au fost o pierdere de timp si bani.

Tu ce fel de site doresti?

Daca site-ul tau apare pe prima pagina Google la cautarea potrivita va fi vizitat de cei dispusi sa cumpere. Si daca e convingator va face telefonul sa sune.

E o mare diferenta intre a suna dupa clienti si a fi sunat de clienti! Daca ei sunt cei care te cauta vei vinde mai mult, cu mai putina bataie de cap si la un pret mai bun.

Daca esti printre cei ale caror site-uri nu sunt listate de Google pe prima pagina poti sa uiti de Internet. Oamenii tai de vanzari vor incepe ziua de munca cu Pagini Aurii in stanga si cu telefonul in dreapta, incercand sa obtina intalniri. Iar tu te vei intreba daca nu cumva trebuie sa vii cu bani de acasa si luna asta.

Doua lumi la 180 de grade

Intr-una clientul nerabdator cauta pe web cu Google. Te gaseste, cumpara, iti multumeste. Toata lumea e fericita.

In cealalta ne enervam unii pe altii incercand sa ne bagam pe gat produse si servicii de care nu avem nevoie, sau nu acum. Nervi, stress, bani aruncati. Nu functioneaza? N-ai facut destula publicitate.

Secolul XXI e al marketingului de cautare. Multumita zeului Google, care a facut din cautare un proces simplu, universal si gratuit. Pe cei care-l sprijina in aceasta intreprindere ii ajuta la randul lui. Pe ceilalti ii pedepseste.

Un site irezistibil pentru Google si pentru clientii tai

Ce vrea Google de la tine? Sa ai un site focalizat pe subiect, clar si structurat. Paginile sa fie unice - fiecare dintre ele sa spuna ceva util fara sa copieze ceea ce s-a mai spus deja. Fa site-ul pe care ti-ai dori sa-l gasesti chiar tu la cautarea respectiva.

Vrei ca cei ce te gasesc cu Google sa cumpere? Pozitioneaza-te avantajos in raport cu concurenta. Explica-le de ce sunt mai castigati cumparand de la tine. Putini o fac.

Vrei sa fii ca ceilalti?

Gasesti un student care iti face repede si ieftin un site spectaculos, numai "Flash" si animatii. Il incarci pe net si astepti.

Dupa un timp te intrebi de ce nu te suna nimeni, desi toti cunoscutii iti spun ca e "cool". Incerci un alt design. Mai dai niste bani, mai trec niste luni. Degeaba.

Subiectul nu te mai intereseaza. Pentru afacerea ta Internetul nu functioneaza - doar ai incercat, nu?

Fals. Un site pe Internet e ca un ac in carul cu fan. Daca nu e listat pe prima pagina Google, nu exista. Putini se gandesc la asta.

Tu insa nu mai ai nici o scuza.

Daca nu vrei sa arunci niste bani, inca de la creare site-ul tau trebuie gandit pentru Google. In publicitate se spune ca o campanie care aduce venituri cu cativa dolari mai mari decat costurile merita facuta. Un site optimizat pentru Google poate aduce inca din primul an venituri de zeci de ori mai mari decat investitia.

Citeste mai multe despre sistemul complet de promovare pe Google!

Daca inca de la creare site-ul tau este optimizat pentru Google economisesti bani si castigi timp. Actioneaza acum si cauta repede un sediu mai mare!

Promovare pe Google