Ebook CTRL D

13 martie, 2012 - Ediia 1 aniversar
Ctrl-D
Despre Design, Development & Digital
O selecie de articole de pe www.ctrl-d.ro
iBooks Author
Ctrl-D
DESIGN
Aici i au locul informaiile despre design, n toate formele sale, structurate atent n categorii diverse, cuprinznd tutoriale, articole de inspiraie, resurse folositoare, analize i opinii i alte articole care pot ajuta la mbuntirea muncii designerilor.
iBooks Author
Ctrl-D DESIGN:
Stiluri personale n ilustraie
Voi prezenta, mai departe, civa dintre ilustratorii mei preferai. Pentru unii dintre acetia, stilul este att de personalizat, nct a devenit o semntur n sine.
Erwin Kho aka zerbamine

Ilustraiile lui Erwin au un caracter aparte printr-o combinaie interesant. Dei la prima vedere, au un caracter mai mult tehnic, ele atrag,de fapt, tocmai prin aceast alturare de stiluri total diferite.
Sorin Bechira
10 martie 2011, Inspiraie
Ilustraia este una dintre formele de exprimare vizualcele mai libere, iar stilurile reprezint un mod de comunicare ca parte dintr-un curent. Totodat, ilustraia este denit ca ind un mijloc unic i personal de exprimare individual.
2
iBooks Author
Johanna Creutzburg
Caracterul grac al lucrrilor este frumos completat de tematica suprarealist cu accente expresioniste.
Nicolas Bouvier aka Sparth

Ca i concept-artist deja consacrat, Sparth reuete s surprind o stare, o aciune, un eveniment, printr-o tu gestual care denete forme geometrice simple, dar totodat ne determin s ne imaginm, s ne construim i s ne conturm, n plan mental, urmtorul nivel al rului narativ.
iBooks Author
Matei Apostolescu aka beaucoupzero

Este unul din artitii mei favorii pentru care tehnica mixt nu mai reprezint de mult timp niciun secret. Stilul lui puternic decorativ este susinut de o cromatic vibrant i completat de tematici variate.
Zdzislaw Beksinski
Lucrrile maestrului Beksinski au un caracter suprarealist, redat ntr-o combinaie baroc gotic, conturate de un realism fantastic. Artistul nsui spunea c dorete ca lucrrile sale s redea un grad de realism astfel nct privitorul s rmn cu impresia unui vis fotograat. Este foarte apropiat ca i stil de maestrul H.R. Giger, dar evident, se deosebete de acesta printr-o mai mare delicatee prin tematic si cromatic.
iBooks Author
Alberto Cerriteno
Stilul ilustrativ a lui Alberto este deosebit att prin caracterul puternic decorativ, ct i prin maniera personal de a reprezenta elementele, bazndu-se pe contraste cromatice i suprafee vibrate, formnd un stil unic i plcut.
Joe Sorren
Ceea ce mi place n mod deosebit este contrastul dintre paleta cromatic (care ne duce cu gndul la clasicism, romantism, renatere), i reprezentarea formelor personajelor din lucrrile sale prin deformrile caricaturale.
iBooks Author
Ctrl-D DESIGN:
Design la pung
Erik Erdokozi
30 martie 2011, Opinii
Ambalajul nu este numai un prim strat cu care consumatorul intr n contact, ci i imaginea produsului pe care l conine. Aceast imagine poate ngloba foarte multe informaii referitoare la calitatea produsului i consumatorul-int. Un ambalaj bun poate avea impact n domeniul vnzrilor, de aceea sunt attea cazuri triste cnd ambalajul conteaz mai mult dect coninutul.
Designul nu se ocup doar cu aspectul ambalajului, ci i cu funcionalitatea sa. Un ambalaj ingenios i util, uor de folosit va totodat i unul atractiv. Ambalajul ideal trebuie s respecte condiiile de ambalare potrivite tipului de produs pe care l conine. Totui, n proiectarea acestuia, designer-ul trebuie s aibe n minte i a doua etap a cltoriei ambalajului.
iBooks Author
A doua parte a cltoriei ambalajului ncepe dup ce acesta ia ndeplinit prima funcie, adic a convins consumatorul s cumpere produsul. i n aceast parte, doamnelor i domnilor, se face testul unui ambalaj de bun calitate: la desfacerea lui. Dac consumatorul, n timp ce ncearc s deschid ambalajul, roete la fa, e nevoit s depun toat fora de care este capabil pentru a desface nenorocita de pung, ncepe s trag cu dinii de ea, recurge la cuitul de buctrie, r-ar etc, etc, etc, atunci, dragii mei, nseamn c avem de-a face cu un eec. Consumatorul, cu punga desfcut n mn (n sfrit!), gfind, cu fruntea plin de sudoare, nu va deloc recunosctor pentru faptul c produsul a fost pstrat corespunztor, n vid; cel mai vid vid din galaxia Domnului. Acuma c am lmurit importana practic a ambalajului, a vrea s spun cteva cuvinte i despre aspectul lui. Informaiile pe care, n mod obligatoriu, o etichet trebuie s le conin, afecteaz aspectul acesteia i impune o imagine standard. Toat lumea tie c o etichet conine, n primul rnd, denumirea produsului, scris cu litere ct mai mari i ct mai colorate. La fel, cam toat lumea ar putea spune c o etichet este de regul dreptunghiular i aa mai departe. Dac privim astfel lucrurile, ne dm seama c sunt foarte multe reguli n crearea unei simple etichete i ar de crezut c un designer are foarte puin libertate. Aa i este i de aceea este
de admirat cnd, din mii i mii de etichete care stau nirate n faa noastr zilnic, una ne atrage atenia. Cunosc o fat care, dei nu este butoare de vin, prot de ecare vizit la supermarket pentru a se plimba de-a lungul raionului cu vinuri ca pe galeriile unui muzeu i a admira frumuseea sticlelor i a etichetelor. Cunosc un depresiv cruia roul prea aprins al pungii de chipsuri i taie pofta de mncare.
Nu vreau s v art ce prieteni ciudai am eu, ci s v amintesc c n spatele ecrui obiect pe care l folosim se a un om cu un creion n mn.
iBooks Author
Ctrl-D DESIGN:
S ne facem bine nelei!
Cum poi s-i explici cuiva, n cuvinte, un concept grac sau o idee presrat cu tot felul de nuane i detalii? Nu foarte greu. nchizi ochii i povesteti cu ncredere din imaginaie. Problema ns intervine atunci cnd vrei s te faci neles. Corect neles!
Asta este deja mult mai dicil; mai ales atunci cnd n proces sunt implicate mai multe persoane. Fr o susinere vizual, ecare nelege cu siguran altceva. Aici intervine mood board-ul. Practic, el este un colaj de elemente atent selecionate, care mpreun au menirea de a inspira i comunica corect o idee i un stil vizual. Este o referin n procesul incipient de creaie, n special atunci cnd se lucreaz n echip.
Ovidiu Bejan
8 aprilie 2011, Resurse
n funcie de domeniu i natura proiectului, un mood board conine elemente care ajut strict la susinere i sintetizarea ideii: mostre de culoare, texturi, fonturi, forme, fotograi care s reecte un stil sau o atmosfer anume.
iBooks Author
Cum s construieti un moodboard?
Orice vezi i se potrivete ideii tale, salvezi i pui undeva deoparte. Fie c este vorba de fonturi, armonii, stiluri de ilustraie, fotograi etc. Nu aloca prea mult timp acestei etape pentru c poi foarte uor s deviezi de la ideea ta. Trebuie s e un proces lejer i spontan, a crui nalitate s e un simplu prototip vizual. Poi, desigur, s faci 2-3 moodboard-uri n stiluri diferite pentru aceeai idee. De exemplu, unul modern, minimalist, lucios, monocromatic sau unul retro, decorativ, mat, colorat, dup care alegi abordarea potrivit. Dup ce ai acumulat sucient inspiraie, mai trebuie doar s compui elementele reprezentative ntr-o singur imagine mare, iai terminat. Exist posibilitatea s nu faci tu moodboard-ul dup care s te ghidezi. Dac este bine fcut (lejer i spontan), prima impresie e important i ea este cea pe care merit s o urmreti.
Dac ai deja o idee, trebuie doar s ii cont de particularitile ce o denesc. Te dai pe net, te uii prin cri, pe geam, prin reviste etc.
n ncheiere, in s menionez c dac lucrezi cu un mood board nu nseamn c plagiezi. nseamn c tii n ce direcie s te ndrepi i ce stil s abordezi.
iBooks Author
Ctrl-D DESIGN:
Creativitatea colectiv
n acest articol v voi povesti despre creativitatea n grup, un proces complex, dirijat, care presupune metode, reguli, resurse. M voi axa pe reguli i resurse, iar despre metode am scris mai ncolo.
Creativitatea:
un proces mental i social care implic generarea unor idei sau concepte noi, sau noi asocieri ale minii creative ntre idei sau concepte existente.
capacitatea de a realiza ceva nou, original.
producerea de idei noi i utile n orice domeniu.
putere de creaie, de invenie.
Oana Pslaru
12 aprilie 2011, Carier & Business
De ce am avea nevoie de un grup de creativitate? Grupurile de creativitate sunt recomandate celor care trebuie s creeze i tiu s o fac.
10
iBooks Author
Ironia face c, de regul, tocmai acei oameni al cror job presupune s e creativi, sunt reticeni cu privire la necesitatea formrii unui astfel de grup. E ca i cum ai spune mamei obsedat de curenie c i aduci ajutoare la curenia de Pati. Bineneles c o va lua personal i i va spune c pn acum s-a descurcat foarte bine i singur etc etc
creativitatea colectiv nu o nlocuiete pe cea individual!
crete randamentul creativ se lrgete spectrul individual al percepiilor se trece de la asociaiile superciale, la cele de profunzime creativitatea colectiv = inteligena colectiv ntr-o mare cantitate de idei se va gsi o idee calitativ care s poat exploatat
Creativitatea are sens atunci cnd este aplicat.
Dar, are nite avantaje proprii: creativitatea mai multor mini e superioar prin numrul de idei, creativitii individuale
i totui, de ce un grup creativ?

Pentru c unul sau doi iniiatori au decis s formeze un grup de cutare a unor soluii originale pentru o preocupare anume. Nu trebuie s creezi un astfel de grup dect dac i grupul are sentimentul c este necesar i pentru c i dorete s participe i s ajute la gsirea unei rezolvri pentru situaia prezent. Cum s e grupul? Este de preferat s e reprezentani din profesii diferite i ntre aceste persoane s existe relaii bune. Ci participani? 6-8 (eventual 4-12).
11
iBooks Author
Ct timp? ntre 2 i 4 ore.
De ce avem nevoie de un animator? Sa s noteze ideile, ca s-i reconcentreze pe participani asupra subiectului tratat, ca s ajute n alegerea unei metode de creativitate, ca s ajute la trierea ideilor. Cum s e animatorul? S tie s asculte, s e rapid, s tie s sintetizeze, s cunoasc mai multe metode de creativitate, s neleag subiectul propus.
3 structuri mentale indispensabile

Sociologul Pierre J. LeBel identic 3 structuri mentale diferite i recomand ca aceste tipuri de persoane s fac parte din grup, ca s asigure optimizarea creativitii: 1. Structura logic = logicianul (precis, metodic, face legturi) 2. Structura analgic = poetul (spontan, curajos, decis, temerar, se bazeaz pe intuiie 3. Structura normativ = expertul (disciplinat, moral, se raporteaz la reguli) Iar rolurile denite i ordinea lor de intervenie, ar : 1. Logicianul analizeaz situaia. 2. Poetul/artistul propune idei originale.
12
Unde? Afar din cadrul obinuit, din convenional, din banalitate. Cum s e participantul? Curios, sensibil, competent, spontan, pozitiv. S i vin ideile n mod natural. S e deschis ideilor altora. S respecte ideile altora. S e capabil s duc mai departe ideile altora. S se elibereze de a priori. S nu i e fric de ridicol. S nu se autocenzureze. S vrea s joace jocul.
iBooks Author
3. Expertul evalueaz ideile propuse. Tot el spune (pe bun dreptate) c un numr prea mare de experi sterilizeaz grupul pentru c, o analiz precoce a ideilor duce la respingerea ideilor originale -, n timp ce absena unui expert poate duna calitii reectrii asupra trierii ideilor. Cum se face trierea ideilor? Nu e foarte simplu, dar e important s ii seama de 3 ntrebri: Este o idee ecient? Este o idee original? Este o idee aplicabil?
s readuci realitile odat cu trierea ideilor i, la nal, s concretizezi ideea ctigtoare.
n concluzie
Formeaz un grup de creativitate atunci cnd exist o nevoie real, adun persoanele potrivite, alege o metod adaptat, triaz ideile cu atenie, cere o evaluare a lor de ctre un expert, i perseverent, pentru c se ntmpl s nu gseti soluia potrivit din prima ncercare.
Deschide ochii i viseaz!
Ca s inovezi cu adevrat, este indispensabil, n anumite momente s iei din tipare, s mergi foarte departe, acolo unde nu exist frne, piedici, gravitaie. Iar mai apoi, i doar mai apoi,
13
iBooks Author
Ctrl-D DESIGN:
Metode de creativitate
Pentru c sunt foarte multe metode i v-a plicitisi de-a dreptul dac vi le-a prezenta pe toate (pe care le tiu), voi alege cteva mai simple i cu varii domenii de aplicabilitate.
Brainstorming
ncepem cu prea-slvitul brainstorming utilizat cam n toate domeniile, dar la loc de cinste n ageniile de publicitate care este considerat, pe bun dreptate, pasul preliminar al gsirii unui concept creativ. De fapt, aceast cea mai popular medod de creativitate n grup, este i foarte simpl, ea constnd n enunarea spontan a mai multor idei pentru soluionarea unei probleme.
Oana Pslaru
23 mai 2011, Carier & Business
Etape pentru un grup de 10-12: 1. Pregtirea grupului: stabilirea problemei, selecia participanilor i anunarea motivului ntlnirii, un scurt brief, locaia i ora; este de preferat ca brieful s e trimis cu 2 zile nainte, astfel ncat s pregatim terenul pentru ideile ce au s vin
14
iBooks Author
2. Exprimarea ideilor (liber, fr cenzur) 3. Trierea ideilor i evaluarea lor 4. Alegerea ideilor care merit experimentarea 5. Experimentarea propriu-zis Brainstorming-ul permite o cretere considerabil a productivitii obinerii de idei. Nu garanteaz i obinerea imediat a calitii, dar, n acest caz...
Cantitatea antreneaz calitatea.
abordat.Participanilor li se distribuie cte o coal de hrtie, pe care este scris enunul subiectului i se precizeaz traseul circulrii hrtiilor ntre ei. 2. Fiecare participant, n timp de 5 minute, va scrie 3 soluii considerate cele mai bune. 3. Fiecare participant, dup traseul convenit, va transmite hrtia vecinului sau i va primi la rndul lui, hrtia completat de cellalt vecin al su. Va analiza cele trei idei primite i le va compara cu cele trei idei scrise de el pe hrtia pe care a transmis-o, alegnd cele mai bune trei soluii pe care le va nscrie pe hrtia primit, n timpul stabilit. 4. Se transfer hrtiile dup acelai traseu i operaiunea se repet pn ce toate hrtiile au trecut pe la ecare membru al echipei de 3 ori. 5. Analizarea soluiilor care se regsesc pe cele mai multe dintre hrtii 6. Evaluarea lor 7. Alegerea ideii care merit experimentat 8. Experimentarea n aplicarea acestei metode, emiterea de idei alterneaz cu critica lor, aadar, atenie cum v alegei participanii. Avantajul pe care l ofer brainwriting-ul este generarea unui numr mare de idei (6x3x5=90 idei), ntr-un timp foarte scurt.
15
Brainwriting sau 6.3.5

Aceast metod de creativitate provine din simplicarea brainstorming-ului i este o modalitate de lucru bazat pe construcia de idei pe idei n domeniul creativitii. Numele metodei este legat de participarea, la grupul de creaie, a 6 membri, unde ecare membru va formula iniial cte 3 propuneri, iar ceilali 5 membri vor discuta grupurile de cte 3 propuneri. Etape pentru un grup de 6: 1. Ca i la brainstorming, n etapa preliminar, liderul reuniunii informeaz grupul cu privire la subiectul
iBooks Author
Metode de creativitate analogice

Ca metod de creativitate, analogia reprezint un transfer de nsuiri de la un lucru la altul. Analogia direct presupune aplicarea caracteristicilor unei situaiila o alta.
De exemplu: aplicarea n mediul alpin a vegetaiei ecuatoriale sau aplicarea culturii ameriindiene n Japonia.
i tot ce trebuie s faci este s ncerci s nelegi cum este mediul tu nconjurtor, s tii unde te ai, cum trebuie s funcionezi, cnd trebuie s funcionezi ntr-un anumit mod etc. Adic s te substitui cu obiectul/componenta problemei. Etape pentru un grup de 2-5: 1. Stabilirea subiectului i prezentarea lui 2. Reectarea individual
Etape pentru un grup de 2-10: 1. Alegerea temelor pe care se aplic analogia i prezentarea lor 2. Producerea ideilor 3. Regruparea ideilor 4. Trierea i evaluarea 5. Alegerea ideilor care merit experimentarea 6. Experimentarea Analogia personal presupune ncercarea membrilor grupului de a se transpune n pielea subiectului dat sau a obiectului implicat n problem.
De exemplu: Cum a dac a o molecul organic? sau Cum a dac a un umr?
3. Regruparea ideilor 4. Trierea i evaluarea lor 5. Alegerea ideilor care merit experimentarea 6. Experimentarea Analogia simbolic utilizeaz imagini simbolice, nlocuiete obiectul printr-o imagine, comprim elementele subiectului propus ntr-un cuvnt/o fraz. Tot ce trebuie s faca grupul este gseasc posibile reprezentri simbolice ale subiectului.
De exemplu: Cu ce imagini asociezi cuvntul zbor? Pasre,avion,cer,arip,vnt,rsrit,decolare,deltaplan, planareetc.
Dup ce lista e gata, se aleg cteva simboluri i se face un brainstorming pentru ecare simbol, n care membrii grupului
16
iBooks Author
trebuie s spun ce le evoc ecare. n cazul nostru, de exemplu Ce i evoca vntul? Etape pentru un grup de 5-10: 1. Prezentarea subiectului 2. Cutarea simbolurilor 3. Selectarea simbolurilor 4. Evocarea ideilor 5. Revenirea asupra preocuprii iniiale/racordarea ideilor la subiectul propus. 6. Trierea i evaluarea 7. Alegerea ideilor care merit experimentarea 8. Experimentarea Analogia magic - n care magicul se substituie realului, n care se insist asupra ndeplinirii dorinelor, uitnd complet de legile naturii. Este metoda n care destructurarea total a referinelor obinuite este absolut binevenit. De aceea este i o metod mai grea i la care e bine s participe persoane obinuite cu procesele creative. Analogia magic este folosit mai ales n domeniul publicitii. Etape pentru un grup de 2-3: 1. Stabilirea subiectului i prezentarea lui
2. Detaarea temporar de subiect 3. Cutarea deliberat a irelevanei aparente 4. Revenirea la problem, evaluarea soluiilor i potrivirea forat a materialului irelevant descoperit cu subiectul discutat 5. Inventarierea cilor posibile de relaionare dintre ideile aparent irelevante i elementele date ale problemei, prin introducerea de idei noi 6. Trierea ideilor i evaluarea 7. Alegerea ideilor care merit experimentarea 8. Experimentarea
Plriile gnditoare
1. Plria albastr = gndirea, logica Plria albastr este liderul, responsabil cu controlul discutiilor, cu extragerea i trierea ideilor, alegerea ideii optime. 2. Plria alb = informaii, gndirea obiectiv Plria alb deine informaii despre tema pus n discuie, face conexiuni, transmite informaiile exact aa cum sunt, fr interpretri.
17
iBooks Author
3. Plria roie = emoii, sentimente Plria roie spune ce simte, exprimndu-i emotiile, sentimentele, suprarea etc. fr a se justica. 4. Plria neagr = critici, probleme, precauii Plria neagr identic i prezint posibilele riscuri, pericole, greeli la soluiile propuse, exprim doar judecai negative, pesimiste. 5. Plria galben = gandirea pozitiv, optimist Plria galben gndete pozitiv i constructiv, exploreaz n mod optimist posibilitile i beneciile. 6. Plria verde = creativitatea Plria verde ofer soluii alternative, idei noi, inovatoare, caut alternative i este pe drum liber, fr frne i obstacole n calea ideilor.
Etape pentru un grup de 6/12: Se denete subiectul Se aleg plriile (adic rolurile) de ctre participani. Sub o plrie poate sta o persoan sau mai multe. Totui, nu e indicat s e mai mult de 2 persoane ntr-un rol. Plria albastr prezint subiectul de dezbtut Plria alb ofer informaii i materiale disponibile n legtur cu subiectul Plria verde gsete soluiile posibile Plria galben identic posibilitile reale de realizare a soluiilor propuse Plria neagr evideniaz slbiciunile soluiilor propuse Plria alb face legtura ntre soluiile propuse i informaiile disponibile Plria roie spune ce simte n legtur cu ideile propuse Plria albastr alege soluia corect ce merit experimentat Experimentarea
18
iBooks Author
Aceast metod de creativitate este aadar un joc de roluri, ce ofer o organizare progresiv a gndirii, pe etape, cu accent pe simplitate i rapiditate. Este foarte ecient i totodat foarte distractiv i cred c merit s o ncercai chiar i din simpl curiozitate. n ncheiere, vreau s v urez mult inspiraie i s dau doar dou sfaturi (c doar sunt romnc :D):
1. Nu v dai btui!
decorurile, s costumai personajele, s le scriei replicile, s le dai via. De ce este aa de important? Pentru c o imaginaie senzitiv poate cu siguran da via simbolurilor i cuvintelor sterile. n cazul ecrei idei pe care o studiai, ncercai s vedei ce exist n jurul ei, ce poate avea legtur cu ea, ce lipsete. nvai s simii n scopul de a gndi!
Toate aceste metode pot aplicate independent sau pot mbinate i pot avea succes sau nu. Niciuna dintre aceste metode nu garanteaz gsirea acelei the big idea, dar ecare creeaz mediul propice gsirii ei. Aadar, dac nu reuii din prima, mai ncercai, nu v dai btui. De cele mai multe ori, merit!
2. Dezvoltai-v simul observaiei!
Fie c vorbim de creativitatea colectiv, e de cea individual, este important s reinei c imaginaia i sensibilitatea, receptivitatea emoional i senzorial, joac un rol la fel de mare n tiin ca cel pe care l joac n art. Cu alte cuvinte, ncercai ca atunci cnd creai s i dramaturgi, scenariti, romancieri sau actori, s construii
19
iBooks Author
Ctrl-D DESIGN:
Trei artiti care m inspir
Picturile lui Sam Weber m-au impresionat nu numai prin tehnica fr cusur prin care sunt realizate, ci i prin atmosfera de nelinite creat i povestea care o transmit. Apreciez la el stilul caracteristic care l face inconfundabil i care mi-a atras atenia dintre attea alte lucrri contemporane.
Erik Erdokozi
1 iunie 2011, Inspiraie
Alex Trochut, Sam Weber i Michael Kutsche sunt civa dintre artitii mei preferai. De-a lungul timpului, le-am urmrit evoluia lucrrilor, iar judecata mea de valoare se bazeaz pe o viziune de ansamblu a artei lor.
20
iBooks Author
Alex Trochut reuete s se dezvolte din punct de vedere artistic cu foarte mare uurin n domeniul marketing-ului. Lucrrile lui sunt caracterizate de forme uide n 2D, tehnic pe care am explorat-o i eu i pentru care am dezvoltat o slbiciune. Delimitarea dintre umbre i culori este pstrat cu rigurozitate, lsnd o impresie general de curat i bine executat din punct de vedere grac.
Al doilea artist, Michael Kutsche, se remarc printr-un puternic sim al umorului. Felul n care reuete s ilustreze tipologii i caractere umane prin mularea trsturilor animaliere este remarcabil. Principala dovad a calitii lucrrilor sale este faptul c, n ciuda ironiei i satiricului, portretele sale sunt departe de a nite simple caricaturi.
21
iBooks Author
Ctrl-D DESIGN:
Moodboard Monday: Vizualizare de date
Vizualizarea de date este studiul reprezentrii grace a datelor i statisticilor. Aceast reprezentare nu trebuie s e inteligibil de ecare dat, ci, de multe ori, poate avea doar caracter decorativ, artistic, atrgndu-ne atenia doar prin valoarea grac, vizual.
V propun s vedem cteva exemple de astfel de vizualizri de date, unele generate digital, unele desenate, altele chiar fotograi, pn la urm imaginaia este limita, nu?
Sorin Bechira
22
iBooks Author
i pentru a v lsa s descoperii n ritmul propriu frumoasele vizualizri de date, v recomand cele dou volume editate de editura Gestalten:
23
iBooks Author
Ctrl-D DESIGN:
Moodboard Monday: Colaje suprarealiste

Radu Negru
Juxtapunerea unor imagini prin colaj, ca simplu exerciiu de estetic, poate rezulta n lucrri grace cu impact puternic, n care ansamblul creat d impresia unei noi realiti, unde abstractul i absurdul sunt la fel de puternice ca misticismul i metazica.
Suprarealismul este o micare cultural pornit la nceputul anilor 1920. Lucrrile suprarealiste sunt bazate pe alturarea neateptat a unor imagini, obiecte, elemente grace incompatibile, miznduse pe elementul surpriz.
20 of 20
24
iBooks Author
Ctrl-D DESIGN:
ngduin pentru edin
Pentru noi, edinele se compun din verbul a edea i suxul -in. Pentru muli dintre noi, suxul -in s-a parazitat prima dat n cuvinte precum silin, suferin, nedruin etc. De ce ne chinuie aa de mult edinele astea i cum au ajuns s e o corvoad pentru prearbdtoru` angajat?i de ce se mai in dac nimeni nu tnjete dup ele?
Am citit ntr-un articol c ar trebui s renunm cu totul la edine i s le nlocuim cu discuii. Pi, oare nu edina e n sine o discuie? Nu e ea comunicare pur-snge? La nivel psihologic, poate c e mai bine s dispar din vocabularul organizaional edina provocatoare de traume, i s e nlocuit cu: discuie, meeting, ntrevedere amd. Mi-e team ns c, n scurt timp, vor ajunge s ne traumatizeze mult prea multe cuvinte din dicionar i atunci ce mai facem?
Oana Pslaru
22 iunie 2011, Carier & Business
25
iBooks Author
Eu zic c am putea totui s mai acordm o ans edinei, pentru c o s vedem imediat c ea se vrea a mult mai plcut i mai util dect o vd muli dintre cei care o susin i pentru care scriu mai jos astfel: edina vrea s se fac util. Prerea mea este c edinele nc sunt n via pentru c trebuie s mai i comunicm din cnd n cnd, altfel dect prin scris, pentru c suntem oameni, nu roboi i tragem ndejde c nu tot ce avem s ne comunicm sunt informaii formale. Pentru c, spune profesorul Albert Mehrabian, conform cercetrilor realizate de el: 55% din mesajele ce se raporteaz la sentimente i atitudini sunt date de limbajul non-verbal; 37% sunt date de paralingvistic (modul n care se spun cuvintele); 7% din cuvintele scrise transmit sentimentele i atitudinile dorite. Concluzionm, deci, c e mai bine s comunici verbal i e i mai bine s comunici tte--tte dac vrei s transmii mai mult dect informaie pur.
Dac, n schimb, informaia poate comunicat printr-o alt modalitate, atunci f-o altfel, nu irosi timpul oamenilor pentru c ie i-e lene s scrii un email. De exemplu: vrei s gseti soluii la o problem, s motivezi oamenii, s i ecient, s e i alii ecieni, s creti productivitatea, s generezi idei, s iei decizii care nu te privesc numai pe tine, s faci un brieng de proiect, s primeti feedback, s faci training, seminar etc? F o edin. Sau: vrei s anuni c X-ulescu are alergie la edine i i-a dat demisia, c vnzrile au crescut cu 5%, c rma a primit o certicare anume, c ai nite statistici de comunicat, un raport etc.? Scrie un email. edina vrea s poarte un dialog. Nu da vina pe participani c sunt plictisii la edina ta, att timp ct monopolizezi discuia sau, mai grav, ai gndit-o de la nceput ca pe un monolog. Dac nu este interactivitate, pune mcar pe mas nite cri de colorat i creioane. edina vrea s e interesant. Nu da vina pe nepsarea participanilor atta vreme ct ai invitat la edin oameni care nu au o legtur direct cu subiectul propus. Chiar nu e ca la organizarea unui party, cnd i chemi pe toi, n sperana c o s i popular i nu o s superi pe nimeni.
26
iBooks Author
edina vrea s e uman. Chiar dac sun cam rece cuvntul edin, ai grij s nu suni i tu la fel. edina o ai cu nite oameni, nu cu nite perei (dect dac ii neaprat). Nimnui nu i place s i se vorbeasc de sus, pe un ton care nu denot, dar nici nu strnete un interes, un sentiment sau o implicare ct de ct. Cum spuneam mai sus, dac vrei s comunici formal, f-o printr-un memo. edina vrea s vin anunat. Odat ce ai luat hotrrea c trebuie s se lase cu o edin, anun-i i pe presupuii participani i, dac se poate, anuna-i din timp. Trimite-le tuturor o invitaie cu: ziua i intervalul orar ct de x se poate i astfel nct s o poat aduga ecare ct mai uor n calendar; subiectul edinei; ce se discut punctat, chiar dac tu ai impresia c i dau ei seama din subiect (aa cum credeam i eu, pe cnd eram novice). O s vezi c asta tot pe tine te ajut mai mult, n sensul c i va mai uor s urmreti scopul edinei i s evii abaterile prea ndeprtate de subiect.
edina vrea s nu deranjeze degeaba. Cnd inem o edin, astfel nct s e i productiv, trebuie stabilit n funcie de specicul organizaiei. ntre 1pm-5pm, n Spania este perioada de mers acas i fcut siesta. ntre 12pm-13pm, n China este perioada de stat la lucru i fcut siesta. n Israel, vinerea este zi de stat acas i fcut ce vrei amd. Aa c, din punctul meu de vedere, f o edin cnd trebuie i cnd lumea poate. Vorbind strict la modul general, adic cel care se aplic i la noi, unde perioada de siest este ntre orele 10pm-7am, a avea unele recomandri i anume: Dimineaa devreme se spune c suntem odihnii, cu mintea limpede i energici (asta dac ne-am fcut siesta de care vorbeam mai sus). Acum ar momentul pentru edinele ce se vor a productive, creative, care necesit atenie. Nu n pauz de prnz sau chiar nainte de ea, dac subiectul edinei presupune concentrare maxim din partea participanilor. F-o doar dac subiectul edinei este Brainstorming pentru un nou sortiment de pizza sau dac vrei s te asiguri c discuiile nu se lungesc mai mult dect trebuie.
27
iBooks Author
Dup pauza de mas, nu f edine care presupun vizionarea unui lm. Cu burta plin ind, parc altfel vezi lumea, eti mai ngduitor i mai bun, dar eti i mai lene, cci Mo Ene i-ar aeza i el burta plin pe nite gene. Deci, f-o doar dac ai nevoie de la participani de bunvoin, de aprobare, de ngduin. Seara, nu pune edine lungi, c lumea abia ateapt s termine lucrul i s plece acas. Muli i-au xat ntlniri la o bere rece, alii sunt ateptai acas cu masa cald i doar nu vrei s provoci suprare n familia omului, c atunci ori ncearc s ias cu faa curat i i schimb jobul, ori, dac splarea obrazului e tardiv, vine necjit la lucru i muncete cu draci i fr spor i iari n-ai fcut nimic. Seara trziu, sunt edinele pentru managerii seniori pentru c angajaii sunt plecai sau prea concentrai s-i nalizeze ultimele taskuri, deci e momentul cnd nu ar trebui s mai e deranjai dect de ei nii. Ca i zi a sptmnii, cred c orice zi lucrtoare e ok, dac nu e vineri i mai ales, o vineri scurt de var. edina vrea s e chibzuit. ncearc s menii edinele la 30, maxim 90 de minute, dac e chiar musai. Dar dac e mai lung de 1 h, f cte o pauz o dat la 45 min-1 h, chiar i una de doar 5 minute. O s vezi c
nu numai fumtorii care miros deja a irascibilitate vor aprecia mica pauz. i dac tot vorbim de chibzuin, ncearc s nu i faci o obinuin din a pune edine pe orar. Cum ziceam mai la nceput, f-o doar dac e necesar i caut s nu e necesar n ecare zi. edina vrea s e gazd bun. Caut s ii edinele ntr-un loc plcut care s mai destind atmosfera. Asigur-te c toat lumea st comod, c nimeni nu face ururi sau se prelinge cu sudori cu tot. Dac, n afar de tine, mai trebuie s-i ia cineva notie, pregtete i pentru ei hrtie i pixuri (asta o s o fac i eu, la urmtoarea edin ;). edina vrea s aib rezultate. tii c o edin a fost bun dac ai/ai ajuns la o concluzie, la nite rezultate. Dac, n schimb, i tu i participanii v-ai ales cu o ambalare inoportun, nenalizat i frustrant, analizeaz i vezi care a fost baiul, cci nu vrei c baiul s se repete.
Acestea ind spuse, iat i o concluzie scurt-scurt: f o edin doar dac trebuie, cnd trebuie i cu cine trebuie. i, neaprat, f-o cum trebuie!
28
iBooks Author
Ctrl-D DESIGN:
Ilustraiile lui Ping Zhu
Ping Zhu este o ilustratoare talentat care, n ciuda numelui care s-ar putea s v induc n eroare, este crescut n California, iar n prezent locuiete la Londra. Tnra artist are un stil unic, ilustraiile sale n gua i pensul uscat rednd ntr-un mod creativ scene vii din lumea animalelor i din viaa noastr de zi cu zi.
Fiind atras de ideea unei cariere ce const n a spune poveti prin imagini, aceasta a ales s urmeze cursurile Art Center College of Design din Pasadena, California, absolvind cu onoruri n 2010. Prin ceea ce face, ea i propune s arate ct de exibile pot ilustraiile, dorind totodat s transmit c ele sunt mai mult dect nite simple imagini. Ping Zhu are ca inspiraie tehnicile de reprezentare ale anilor 60, respectiv arta luiCharlie Harper, iar lucrrile sale mbin echilibrat motive ca joaca, umorul, slbticia i rutina. Arta sa a fost expus n galerii i a aprut n materiale printate i reviste,
29
Radu Negru
22 iulie 2011, Inspiraie
iBooks Author
Vrei s vedei mai multe ilustraii? Vizitai cu ncredere site-ul artistei, ironic intitulat www.pingszoo.com :)
15 of 15
printre clienii si ind incluse nume mari, precum New York Times i Playboy.
30
iBooks Author
Ctrl-D DESIGN:
Arhitectura modern
Adelina Enache
8 august 2011, Inspiraie
De curnd am ajuns n Crtureti n cutarea unui cadou pentru cineva interesat de design interior i exterior, sculptur, arhitectur.. art i frumos n general. Am zbovit mult la seciunea cu cri ce abordau astfel de subiecte pentru c foarte multe mi-au plcut mie i, cumva, pe parcurs am uitat c trebuie s iau altcuiva cadoul.
n nal, am ales Arhitectura Modern, o selecie de cldiri i construcii impresionante, din colecia Arta n Detalii (mai sunt foarte multe cri interesante din aceeai colecie la care trebuie neaprat s m ntorc). Autorii crii sunt Anthony Hassel, David Boyle i Jeremy Harwood. ntmplarea face s nu mai dat cartea drept cadou i s-mi rmn mie. Prin urmare, am rsfoit-o i pentru c mi-a plcut foarte mult ce am vzut n ea m-am gndit c a putea iei puin din zona mea de comfort i s scriu despre altceva dect marketing i
31
iBooks Author
social media. Oricum, cine m cunoate tie deja c-mi plac lucrurile frumoase, de ce s nu i scriu despre ele?
Sagrada Familia din Barcelona, Spania
masterpiece-ul lui Antoni Gaud, nceput n 1882 i nc neterminat (n prezent termenul estimat este 2026). Numele ocial al catedralei, n catalan, este Temple Expiatori de la Sagrada Famlia.
Bauhaus Dessau, Germania

Gzduiete coala Bauhaus din Dessau, Germania. Cldirea, construit ntre 1925-1926, a fost proiectat de designerul Walter Gropius, rmas n istorie drept ntemeietor al stilului modernist.
Este a doua cldire din carte dar este preferata mea (din tot ce poate exista din punct de vedere arhitectural pe lumea aceasta) aa c voi ncepe cu ea. Dat ind c mi-am fcut o lucrare de atestat despre ea nici nu a fost nevoie s m uit n carte pentru a v spune c este
32
iBooks Author
Cldirea Chrysler din New York, SUA
Catedrala Mitropolitan din Brasilia, Brazilia

Este capodopera arhictectului brazilian Oscar Niemyer, construit ntre 1958-1972. Impregnat puternic cu stilul personal al acestuia, catedrala se bucur de mult lumin natural, un aspect specic modernismului.
Este o cldire zgrie-nori aparte, ce reuete s ias n eviden din multitudinea celor ce se ndreapt cu avnt spre cer n Manhattan. Dup cum i spune i numele, cldirea a fost comandat de productorul de automobile Walter Chrysler i construit de ctre arhitectul Wiliam van Allen, ntre 1928 1930.
33
iBooks Author
Opera din Sidney, Australia

Este o cldire impresionant prin intermediul creia arhitectul danez Jorn Utzon a nclcat multe reguli ale arhitecturii convenionale.
Centrul Pompidou din Paris, Frana

Este o cldire ce rezum cu succes spiritul high-tech-ului arhitectural. Cldit ntre 1972-1976, aceasta este creaia arhitectului britanic Richard Roges i a colaboratorului su italian Renzo Piano. mpreun au reuit s ntoarc pe dos lumea arhitecturii i s se fac, astfel, remarcai.
Construcia acesteia a nceput n 1957 i a ntmpinat multe greuti pe parcurs. Proiectul a fost prsit de ctre Utzon n 1966 iar cldirea a fost nalizat de ctre Peter Hall, arhitect australian, n 1973.
34
iBooks Author
Acestea sunt doar cteva din operele arhitecturale prezentate n carte i doar cteva dintre cele care reprezint modernismul. Eu zic c sunt frumoase i c este impresionant cum stilul modernist a reuit s transforme nite cldiri n simboluri ale oraelor n care se regsesc. Voi ce cldire/construcie asociai cu oraul preferat? La mine este clar, Sagrada Familia i Barcelona fac echip bun! :)
35
iBooks Author
Ctrl-D DESIGN:
Cri de vizit creative
De ce? Pentru c sunt memorabile, pline de personalitate, unice i, cel mai importa nt, vorbesc de la sine despre persoana sau compania pe care o reprezint.
Suporturi mai deosebite
Oana Pslaru
19 august 2011, Inspiraie
Pentru c ne-am plictisit deja de crile de vizit clasice, ca i inspiraie, v propun o galerie de cri de vizit care se ndeprteaz de modelul standard. Fie c se deosebesc prin design, forme, tehnici de print sau materialele pe care sunt tiprite, ele fac cu siguran diferena.
44 of 44
36
iBooks Author
Tehnici de print speciale
28 of 28
Mai sus am adunat cteva modele de cri de vizit cu nisri precum: emboss sau timbru sec, fluire, tanare, lcuire selectiv, hot foil i chiar hologram. Sper s v plac i la nevoie, s v iinspire.
37
iBooks Author
Ctrl-D DESIGN:
Introducere n Web Typography
Am inut de curnd un seminar despre web typography i a vrea s v transmit i vou cteva informaii utile despre subiect, care v-ar putea de ajutor, mai ales dac v lovii de acest aspect n ceea ce lucrai.
n web design, orice decizie de natur tipograc trebuie s ating simultan o varietate de rezultate: Titlurile trebuie s e scrise cu caractere lizibile i optime din punct de vedere al SEO. Felul n care este tratat textul trebuie s se potriveasc cu stilul site-ului i cu identitatea vizual a companiei.
Andrei Drgan
26 august 2011, Resurse
S nu uitm de copy paste. Dar acesta este doar nceputul! Dup cum este deja evident, ntmpinm o gam vast de nevoi care trebuie s e satisfcute. n majoritatea cazurilor, ne vom confrunta cu diverse probleme ce in de fonturile ce pot folosite, de incompatibilitatea cu anumite browsere sau platforme sau, pur
38
iBooks Author
i simplu, de decizii de design care sunt n conict cu manualul de identitate al brandului. Eu mi-am propus s tratez cazul n care limitrile sunt foarte stricte i accentul se pune pe performan, compatibilitate i optimizare SEO, n defavoarea aspectului decorativ al designului.
Less is more devine Make the most of it with the least of it
c. n funcie de culoare E un mod ecient de a diferenia coninutul, heading-urile de link-uri i aa mai departe. d. n funcie de majuscule / minuscule e. n funcie de spaieri f. Serif vs sans serif
Principii de baz care funcioneaz indiferent de limitri

1. Ierarhie Ierarhia ne cluzeste printr-un articol sau o pagina web. Ne indic de unde s ncepem s citim, care este cea mai important zon de coninut .a.m.d. Cel mai vechi exemplu de ierarhie n structura informaiei ar ziarul. a. n funcie de dimensiune Prin folosirea mai multor mrimi, putei diferenia diferite seciuni din coninut. b. n funcie de greutate
f. Serif vs sans serif
39
iBooks Author
2. Contrast Contrastul ajut la evidenierea sau estomparea anumitor zone din coninut pentru a susine i a evidenia ierarhia. Exist mai multe modaliti prin care putei obine contrastul: a. Text vs. Background b. Tipuri de coninut c. Line Spacing d. Line Length e. Letter Spacing Ce va rezulta n urma crerii contrastului? Vei comunica mesajul dorit mult mai ecient, pentru c astfel, cititorul va purtat spre zonele de maxim importan. 3. Flow Rezult din mbinarea corect a ierarhiei i a contrastului. E bine s inei cont de: a. Poziionare b. Headere user friendly c. Text lizibil i uor de scanat (densitate) d. Focus Points (elemente importante care trebuie evideniate)
e. White space f. Consisten
4. Text ca i coninut vs. Text ca i UI.
Concluzie: Dei sunt cazuri n care, din punct de vedere vizual decorativ, limitrile sunt extrem de stricte, stpnind aceste elemente de baz, ierarhie, contrast i ow, putem genera design att ecient din punct de vedere al comunicrii, ct i elegant din punct de vedere estetic.
40
iBooks Author
Ctrl-D DESIGN:
Jocurile minii: Percepia, Atenia i Memoria

Sorin Bechira
30 noiembrie 2011, Inspiraie
Despre comunicare se tie c este un ansamblu de aciuni care au n comun transmiterea de informaii sub form de mesaje vorbite, semne, gesturi simbolice sau texte scrise ntre dou persoane numite interlocutori sau, mai formal, emitor i receptor. De data aceasta nu vom vorbi despre emitor sau despre capacitile acestuia de a transmite un anume mesaj, ci despre capacitile receptorului de a le descifra. Iar cnd vorbim despre descifrarea unui mesaj, vorbim de modalitile prin care acesta poate decodat: prin simuri tactil, auditiv, olfactiv i vizual. Acestea din urm sunt controlate de un motor comun, creierul, care decodic mesajul recepionat prin diferiii senzori i bineneles c de multe ori ne face farse, decodicnd mesaje eronate prin iluzii optice. Aceste iluzii optice sunt folosite din abunden i n anumite curente artistice, iar cel mai mediatizat este suprarealismul. Aici amintim doar doi mari exponeni ai acestui curent, Escher i Dali.Acetia sunt maetrii care se joac cu mintea noastr, bazndu-se pe aceast calitate a creierului de a face asocieri i presupuneri n interpretarea diferitelor forme i culori i de a face clasicri i asocieri pentru a putea nelese. Aceastcarte ne explic o parte dintre aceste superbe opere de art i miestrie ale celor doi artiti.
41
De ecare dat cnd aduc vorba despre acest subiect, mi aduc aminte de un anume banc n al crui nal nevasta, prins asupra faptului de ctre so, arm: Drag, tu crezi ce vezi sau ce i spun eu? Mai departe, vei vedea de ce, uneori, e mai bine s nu credei nici una, nici alta.
iBooks Author
Iluziile optice au la baz, bineneles, explicaii tiinice, dar nu ele sunt obiectivul acestui articol, ci prezentarea iluziilor ca atare, ca un fenomen ciudat, interesant i, pn la urm,distractiv. V voi prezenta mai departe iluzii optice grupate pe diferite categorii, nsoite de explicaii n limba englez, pe care le gsii n cadrulecrui link ataat.
Iluzii bazate pe geometrie
Iluzii bazate pe culoare
Exemple: Efectul de mas nclinat, Distorsiunea de linie, Shiftingul de linie, Efectul de spiral, Reordonarea suprafeelor componente, Distorsiunea sferic.
Iluzii bazate pe luminan i contrast

Exemple: Gridul lui Hermann, Gradaia indus, Iluzia CraikOBrien-Cornsweet, Contrastul simultan, Iluzia de umbr pe mozaic, Contrastul primeaz. Exemple: Combinaia substractiv, respectiv aditiv, a culorilor, Izoluminana, Asimilarea culorilor nvecinate, Efectul discului rou, Negative Afterimages.
42
iBooks Author
Iluzii bazate pe micare
sinusoidal, Efectul de perspectiv a lui Shepard, Cubul lui Necker, Iluzia siluetei.
Iluzii cognitive
Exemple: Iluzia lui Darwin, Imaginea defocusat, Mesajul ascuns, Figura ascuns, Rotaia i interpretarea, Scara imposibil, Efectul de cascad. Exemple: Micare generat optic, Efectul de ntrziere, Orbirea indus de micare, Efectul stereokinetic, arpele rotativ, Iluzia de vortex, Ptratul care respir.
Iluzii bazate pe percepia spaial
Pe lng aceste iluzii optice, creierul ne mai poate juca feste legate de percepie, atenie i memorie. National Geographic ne pune la dispoziie un articol foarte interesant pe aceast tem, cu prezentri video i teste interactive n care memoria este selectiv, atenia este parial i percepia este supercial, independent de voina noastr, bazat pur i simplu pe modul n care creierul nostru poate interpreta mesajul.
43
Exemple: Proiecia plan pe o suprafa modular, Structuri imposibile, Iluzia Mller-Lyer, Iluzia literei T, Efectul
iBooks Author
Bineneles c i cei din industria publicitar se folosesc de aceste mici trucuri pe care creierul le creeaz cu atta uurin, unele tehnici ind mai eciente dect altele. Derren Brown ne exemplic cel mai bine acest lucru prin experimentul lui asupra publicitii subliminale.
44
iBooks Author
Ctrl-D DESIGN:
Tendinele 2012 n design grac i web
A vrea nainte s menionez c, oricare ar acestea, trebuie s avem n vedere c indiferent de ce este la mod sau nu, forma i funcionalitatea trebuie s in cont n primul i primul rnd de cerinele de coninut, deci s rspund la nevoile proiectului/clientului n cauz. n aceste condiii, trendurile pot adoptate dac sunt de ajutor n acest sens.
Responsive Web Design
Oana Pslaru
13 ianuarie 2012, Inspiraie
n 2012 atenia se ndreapt i mai mult ctre user experience i user interface. Noile dispozitive i tehnologii intrate pe pia fac ca vizitatorii site-urilor s e mai interesai acum ca
La nalul anului 2011, o serie de publicaii i bloguri de seam au postat previziunile tendinelor n design grac i web pentru 2012. Pentru c eu le-am parcurs cu interes i am fcut o trecere n revist a celor mai pomenite dintre trenduri, v invit i pe voi s aruncai un ochi peste aceste previziuni.
45
iBooks Author
niciodat de uurina de navigare i utilizare a site-urilor indiferent de dispozitivul utilizat. Responsive design-ul este o soluie aprut datorit noilor necesiti de pe pia, o soluie care permite layout-ului s se adapteze lamultitudinea de tipuri, rapoarte i rezoluii de ecrane pe diversele dispozitive existente.
de folosit n web.Cercul ne amintete de vechiul sigiliu i este o form strns legat de comunicare.
Think Big
Cercuri
Iconie, butoane, thumbnailuri, favicoane, toate reprezentate prin cercuri.Datorit saltului tehnologic i logistic din ultima vreme, cercurile ca i format grac, sunt din ce n ce mai uor
2012 se concentreaz pe elementele supradimensionate. Logourile imense, headerele i footerele extrem de mari, pictogramele enorme ne vor acapara cu siguran atenia.
46
iBooks Author
Panglici & bannere

nc de anul trecut, panglicile, badge-urile i bookmark-urile au devenit foarte populare n web design.
Custom Fonts & Font Face

Att pe web, ct i n print, ncep s primeze fonturile texturate, care creeaz senzaia de profunzime, fonturile cu efect 3D, degradeurile i transparena. Ct despre font face-uri, i ele devin tot mai importante i mai opulente.
i anul acesta le putei folosi cu ncredere atunci cnd vrei s comunicai ceva important sau s subliniai o anumit caracteristic.
47
iBooks Author
Simplicitate & minimalism

Deja de civa ani ncoace, atenia designerilor a fost ndreptat ctre simplitate i minimalism. Surprinztor sau nu, i anul acesta continum aproape n acelai stil: design curat, atenie focalizat pe content, dar mai puine background-uri alb/negru i mai multe culori, fotograi mari i fundaluri uide.
foarteutil n experiena userului cu informaia se dovete a infogracul. Marele lui atu este c prin reprezentarea vizual se pot face nelese statistici care ntr-o form clasic ar aproape imposibil de descifrat.
JQuery, CSS3 & HTML5

Pentru CSS3 i HTML5 anul trecut a fost anul pro-urilor i contra-urilor.
Infograce
n lumea vitezei, necesitatea de a comunica un mesaj ct mai rapid este din ce n ce mai pronunat. Iar o unealt facil i
Cu toate acestea, pentru 2012 previziunile arat c tot mai multe animaii i site-uri interactive vor dezvoltate cu ajutorul HTML5, CSS3 i JQuery.
48
iBooks Author
Site-uri de o pagin
Aarea coninutului unui site pe o singur pagin, face ca acesta s e mult mai simplu de navigat, iar cu ajutorul limbajelor de scripting, timpul de ncrcare a paginii s e mai scurt dect n cazul navigrii tradiionale. Desigur, acest tip de layout este mai adecvat pentru site-urile mai mici, cum ar cele de prezentare a unui produs, serviciu aparte sau a unui portofoliu.
Culori
Att pe web, ct i pe printuri, culorile ncep s e din ce n ce mai vii, mai puternice, astfel nct s ne atrag imediat atenia. Pe fundaluri, ns, vom vedea tente terse de culori pastelate, care s susin fonturile texturate i elementele vectoriale mari. Iat i care sunt previziunile culese din paleta de culori Pantone: Nonchalance, Resilience, Subtleties, Transcending Time, Indigo Effects, Back to the Fuchsia, Nouveau Neon, The Comics.
49
iBooks Author
Concluzie
Am observat c multe din trendurile prevzute pentru anul 2012 sunt cam aceleai de anul trecut deci, deocamdat, nu se anun schimbri mari n ceea ce privete designul grac i web. ns, care vor cu adevrat tendinele 2012, vom vedea, cel mai probabil, la nalul anului.
50
iBooks Author
Ctrl-D DESIGN:
O scurt introducere n Responsive Web
Conceptul de Responsive Design a fost introdus pentru prima oar de ctre Ethan Marcotte n 2010, n articolul su, Responsive Web Design, publicat pe A List Apart. Acesta se refer la capacitatea unui website de a se adapta la diferite rezoluii i dispozitive pe care este aat (PC-uri, laptopuri, tablete, smartphones etc), fr a suferi degradri majore.
Aceast abordare vine n ajutorul celor care s-au vzut nevoii s fac o mulime de versiuni ale site-ului, pentru ca acesta s poat accesat de pe iPad, Blackberry, Kindle, netbook, iPhone i aa mai departe. Odat adoptat acest concept, site-ul ar trebui s recunoasc tipul dispozitivului pe care este aat i s rspund automat la preferinele utilizatorului. Astfel, nu ar mai nevoie de mai multe versiuni ale site-ului pentru ecare gadget pe care l folosim.
Ovidiu Bejan
26 ianuarie 2012, Resurse
51
iBooks Author
Cum se construiete un site responsive?

Este nevoie de trei ingrediente principale pentru a avea un site responsive: 1. Griduri uide 2. Imagini exibile 3. Media Queries
calculatoarelor aveau aproximativ aceeai rezoluie. n prezent, gridurile xe nu mai reprezint cea mai optimvariant, lund n considerare toate rezoluiile existente. Sistemul exibil de griduri se bazeaz pe calculul proporiilor i se asigur c toate elementele din layout sunt redimensionate unul fa de cellalt. Nu se mai msoar dimensiunile n pixeli, ci n uniti relative i procente.
Gridurile uide
Cu ceva timp n urm, nainte ca acest concept s devin popular, cele mai multe dintre site-uri aveau la baz griduri xe i funcionau bine n acest mod, dat ind c majoritatea
Imaginile exibile
Cel de-al doilea ingredient esenial este reprezentat de imaginile exibile. Acestea i pot modica limea i nlimea n funcie de rezoluia i de dimensiunea gridului. Pentru a oferi informaia repede i frumos, imaginile pot salvate pe server n seturi de 3-4 dimensiuni, din care va ncrcat mai apoi imaginea potrivit, n funcie de dimensiunea ecranului pe care este aat site-ul.
Media Queries
Acestea reprezint o metod ecient de a ncrca diferite stiluri CSS pentru diferite rezoluii, pentru a oferi vizitatorului o experien ct mai bun. Gsii un tutorial care dezvolt foarte bine acest aspect aici.
52
iBooks Author
Exemple de website-uri responsive

Am selectat mai multe articole n care putei gsi o mulime de exemple foarte bune: 24 Excellent Examples of Responsive Web Design 60 Examples of Responsive Website Design Responsive Web Design: 50 examples and best practices 20 Amazing Examples of using Media Queries for Responsive Web Design 10 Incredible Examples of Responsive Web Design
3 dezavantaje aduse de Web Responsive Design

Timp prelungit pentru dezvoltare, respectiv costuri mai mari. Diculti datorate faptului c acest concept introduce un nou nivel de complexitate layout-urilor Apar mai multe probleme la compatibilitatea ntre browsere Plus alte dezavantaje evideniate n aceste articole numite sugestiv 11 Reasons why Responsive Design isnt that cool!i I love Responsive Design, but.
3 avantaje aduse de Web Responsive Design

O singur versiune de site care funcioneaz bine pe orice dispozitiv. Posibilitatea de sharing a aceluiai URL ntre diverse dispozitive. Layout-ul se adapteaz la browser, eliminnd astfel scrollul orizontal.
Mai multe despre Responsive Web Design?

Aai mai multe despre acest concept chiar de la Ethan Marcotten cartea lui,Responsive Web Design. Rmne de vzut dac acest concept va un simplu trend al anului 2012 sau dac va reui sdemonstreze c este, cu adevrat, soluia cea mai bun pentru a ine pasul cu evoluia tehnologic.
53
iBooks Author
Ctrl-D DESIGN:
Design 101
Culoare
Principalul pilon al comunicrii vizuale este culoarea. Aceasta are o putere marede comunicare, mai ales la nivel senzorial i subcontient. Prin culoare se pot sugera triri, se pot induce stri i se pot crea senzaii. De altfel, culoarea este folosit ca principal mijoc de comunicare nc din vremuri antice, prin urmare, este esenial s tim teoria culorii.
Sorin Bechira
7 februarie 2012, Resurse
Pentru c designul nseamn comunicare, iar o comunicare ecient nu poate obinut fr a deine cunotine de baz ale comunicrii vizuale, voi trece n revist cteva puncte eseniale care trebuie cunoscute de orice designer, indiferent de specialitate.
Una din cele mai bune modaliti de a ncepe aceast cunoatere este aceea de a citi Arta Culoriii Elementele de culoarede Johannes Itten, vestitul profesor de la Bauhaus. Totodat, informaii utile despre mecanica de culoare n raport
54
iBooks Author
cu clar obscurul ne-o ofer Munsell prin a sa teorie despre sfera culorii.
Nu uitai c ntotdeauna culoarea este inuenat de mediul n care este perceput, mai exact de tipul i de intensitatea luminoas (lumina natural i direct a soarelui, lumina incandescent, lumina uorescent etc) i, totodat, de tipul de suport pe care este imprimat (hrtie, plastic, lemn, metal, sticl etc) deoarece ecare tip de material absoarbe diferit pigmentul de culoare. Cel mai important pas dintre toi este s compunei voi, cu pensula pe hrtie, diferite nuane sau culori, folosind doar culorile primare (adic rou, galben i albastru) n combinaie cu alb i negru.
Ca o completare la aceast teorie de baz, trebuie s cunoatem cele7 contraste de culoarei s nelegem cum este folositecare contrast de ctre artiti i designeri consacrai pentru a contura mesajul dorit. ntruct lumina este principalul factor determinant n formarea culorii, DVD-urile oferite de Gnomon Workshop vin s completeze aceast parte a opticii: Mecanica Culoriii Culoarea i Lumina. Pe partea practic, exist i mostrare cu coduri i clasicri de culoare precum codurile Pantone, CMYK, RGB sau RAL i relaionarea lor cu celelalte sisteme de reprezentare a culorii, n funcie de mediu de propagare: sistemul aditiv i cel substractiv.
55
iBooks Author
Astfel vei nelege cel mai bine proporiile nuanelor, ale valorilor i luminanei, adic vei ajunge s cunoatei dintr-o privire din ce este compus ecare culoare pe care o vei vedea.
Compoziie
Urmtorul pas este cunoaterea elementelor de compoziie. Bineneles c nu m refer la o compoziie muzical, ci la una vizual. Adic la modul n care alegi i foloseti spaiul destinat comunicrii vizuale i elementele vizuale prin armonie, contrast, simetrie i ritm, plecnd de la deniia punctului, a liniei i a petei. Unele dintre cele mai reuite cri despre aceste noiuni sunt cele scrise de Arthur Wesley Dowsau Ian Roberts. n acest articol nu mi doresc s dau exemple din reguli de compoziie din fotograe pentru c, de cele mai multe ori, sunt tratate supercial i incomplet pentru ceea ce ne trebuie n design. De aceea, v sfatuiesc s citii doar crile de compoziie pentru pictur sau design. Dac vorbim despre delimitarea suprafeei de lucru n design, vorbim, cu siguran, i despre seciunea de aur. Este bine de tiut cum regsim aceast proporie de aur n tot ceea ce ne nconjoar i de ce este att de important, iar una din cele mai bune cri pe aceast tem este Puterea limitelor,scris de Gyorgy Doczi. Ca i o completare interesant, noiunea de seciune de aur o regsim i n anatomia corpului uman sau al oricrei vieuitoare patrupede sau bipede. De aici putem devia n noiunea de grid ca i metod de mprire a suprafeei de lucru. Gridul tipograc este cel care se bazeaz pe mprirea spaiului n funcie de corpul de liter de baz utilizat i folosirea
56
iBooks Author
diferitelor rapoarte ntre corpuri de liter i spaiile pozitive/ negative pentru a genera un grid. Aici amintesc mai multe cri care pot deschide aceast lume analitic: Gridul Tipograc, de Hans Rudolf Bosshard Construirea n nclcarea gridului, de Thimoty Samara Gridul, un sistem modular,de Allen Hurlburt Gridul web nu este deloc diferit pentru o suprafa x, dar devine interesant atunci cnd suprafaa este uid, adic designul trebuie s e unitar pe mai multe tipuri de gadget-uri care au diferite tipuri de rezoluii i rapoarte. Avem dou generatoare de griduri, unul x i cellalt uid.
Tipograe
O alt noiune de baz este cunoaterea tipograei. Comunicarea vizual este completat i susinut de cea mai abstract forma de reprezentare vizual: corpul de liter.
Prin urmare, cunoaterea proprietilor corpului de liter, a caracteristicilor i clasicrilor tipurilor i stilurilor este absolut necesar. Corpul de liter trebuie ales n funcie de context i de mesaj. Totodat, este util o cunoatere a istoricului tipograei i a corpului de liter pentru a nelege noiuni abstracte precum kerning sau letter spacing. Trebuie s tim ce este un font i cum se folosete acesta n funcie de amplasament, mesaj, stil i destinaie, iar aici pot s
57
iBooks Author
recomand cteva cri care vor lmuri unele dintre enigmele tipograei: Gndind prin font (Thinking with Type) Design prin font (Designing with Type, 5th Edition) Designing Type Dac dorim aprofundarea caracterului de liter, cea din urm carte este mai mult dect util.
liter au anumite semnicaii, tot la fel se mtmpl i n cazul simbolului. Acesta face parte din reprezentarea de baz a unui concept vizual, avnd anumite semnicaii n funcie de cultura, istoria i ideologia ecrei naii, de-a lungul istoriei omenirii. Iar contextul este unul dintre factorii determinani n transmiterea corect a unui simbol. V recomand cartea scris de Jean Chevalier i Alain Geerbrant,Dicionar de simboluri,un ghid cuprinztor, mprit n trei volume generoase.
Teoria simbolurilor
Pentru a ntregi modalitatea de comunicare vizual, v propun un studiu al teoriei simbolurilor. Aa cum culoarea i corpul de
Perspectiva
Pentru a putea face, modica sau construi un ansamblu arhitectural i nu numai, ar trebui s cunoatem noiuni de baz despre perspectiv. Contrar aparenelor, perspectiva este o tiin exact de reprezentare a unui anumit obiect tridimensional pe o suprafa bidimensional. Abia dup zeci, chiar sute de ore de practic i nelegere la nivel subcontient a acestor principii de construcie, intervine i talentul care transform o reprezentare analitic ntr-o linie spontan i personicat.
58
iBooks Author
instructori de la Gnomon Workshop i anumeScott RobertsoniFeng Zhu.
Aici recomand respectarea, nelegerea i aprofundarea ecrui stadiu n parte: Construcia la 1, 2, sau 3 puncte de fug a unor corpuri de baz (cilindru, sfer) Valoraia i tipurile de haur Umbre purtate i aruncate Abia apoi putem studia anatomia uman sau putem face crochiuri la liber. Pentru studiul perspectivei liniare pentru artiti, menionez cartea Perspective for Artists, careeste mai mult dect sucient. Dac preferai tutorialele video, v recomand civa Totodat,dac vorbim despre mari profesori de design, trebuie s amintim i pe maestrulGlen Vilppui ale lui lecii video despre desen, perspectiv i anatomie.
Istoria design-ului i artei

Nu n ultimul rnd, pentru a nelege stilurile i inuenele acestora n timp, este necesar o lectur a istoriei designului i artei. Aprofundarea stilurilor i curentelor artistice duce la nelegerea elementelor, artitilor i conjuncturilor care au revoluionat ecare curent artistic.
59
iBooks Author
Vei ajunge s aprofundai mai mult sursele de inspiraie, s facei relaionri concrete ntre elemente, forme i stiluri grace. n acest caz, este sucient amintirea a dou cri de referin:Istoria arteiiDesignul Grac, o istorie concis. ### Acestea ind zise, sper c recomandrile mele v vor de folos i, n cazul n care avei i alte sugestii, v rog s completai aceast list de sfaturi de baz n design.
60
iBooks Author
Ctrl-D DESIGN:
Designerul: expresia pur a capitalismului

tefan Szakal
21 februarie 2011, Opinii
Am citit acum cteva sptmni articolul lui Radu, ca rspuns la o campanie de awareness (mai multe vedei pe blogul lui). La un moment dat, Radu puncteaz urmtorul lucru:
Trim n capitalism, supravieuiete cel mai competitiv, DAR, ct timpsingurul criteriu n alegerea unui designer (i de acum ncolo prin designer nelegem att freelanceri, ct i agenii) este cel nanciar, numai n jos putem s mergem.
Argumentarea n direcia aceasta a continuat i n comentariile postate de Viorel. Exemplele date sunt pertinente i corecte, n contextul dat cu excepia faptului clogo-ul de la Nike a costat $35 :). Dac vorbim despre clieni i agenii, e normal s ncercm s explicm incompetena care exist. Dar nu cred c e destul evident c Romnia nu este o excepie i c agenii i clieni de acest tip exist absolut oriunde n lumea asta. i e perfect normal s e aa. Piaa liber are obiceiul sta prost de a se baza pe cerere i ofert. Mecanismul cel mai important (i cel mai nemilos) al capitalismului este survival of the ttest. Cnd cererea este mai mic, ofertele cele mai bune supravieuiesc. Cnd e invers, pn i cele mai stupide oferte i gsesc client. Pn aici nimic nou, n contextul dat.
61
Indiferent de cum privim lucrurile, indiferent n spatele cror cuvinte mari ne ascundem, scopul designului a fost mereu i va rmne mereu acelai: s vnd.
iBooks Author
Dar se mai ntmpl un fenomen interesant. Piaa se adapteaz, orice fel de cerere i gsetepn la urm oferta potrivit. Nu e nimic ru n asta, e aa cum ar trebui s e. Credei c oare clienii Big Spaceship,Firstborn sau Pentagram sunt contieni de site-uri gen Templatemonster sau Elance? Credei c s-ar simi pentru un moment jecmnii indc nu au pus mai nti brieful pe Elance sau pentru c nu au cutat un template, doar ca s e siguri? Credei c cei care apeleaz la Templatemonster tiu ce preuri taxeaz Pentagram? Noiunea de pia liber nu se aplic doar n design Ce tindem s uitm n toat discuia aceasta este tocmai faptul c noiunea de pia liber nu se aplic doar n design. Acel client metaforic despre care vorbim se lovete n verticala lui de aceleai reguli de pia. Acelai dans aspru de a se adapta cererilor de pe pia. Acest lucru nseamn c va face tot ce i st n putere s e competitiv, s e puin mai sus dect restul, s se diferenieze. Va lucra la pre, la calitate, la eciena produciei sau a serviciilor, la comunicare.i abia aici i are loc i designul. Clientul care ajunge s apeleze la astfel de servicii o face dintro necesitate. n funcie de posibiliti, va investi mai mult sau mai puin. i va ncerca s-i maximizeze investiia. Aa cum,
pn la urm, facem ecare dintre noi, atunci cnd suntem clieni la rndul nostru. n Romnia, avnd n vedere mrimea pieei, ajunge ca un singur competitor s i fac treaba bine. E de ajuns s existe un singur termen de reper, pentru a crete nivelul ntregii verticale. Un exemplu foarte bun este reprezentat de ce s-a ntamplat n HORECA. n centrul oricrui ora mai mare, urmtoarea cafenea care se deschide trebuie s e i mai i fa de restul, se investesc i mai muli bani, apare necesitatea de a apela la designeri de ambient specializai. Acum 5 ani era imposibil s vorbeti despre investiii de 100,000 de euro pentru o cafenea. Acum, de la aceast sum ncepe discuia pentru un loc cu poziionare premium. Bineneles, asta nu nseamn c toate localurile mici, de cartier, se nchid. Designerul este expresia pur a capitalismului Un designer bun ecientizeaz comunicarea mesajului comercial prin evidenierea i poziionarea acestuia vizual i conceptual n contextul publicului int. Adic un designer bun vinde mai bine. Eu nu cred c agenia sau clientul sau designerul sunt de vin. Cred c suntem n plin proces de segmentare i nu tim cum s
62
iBooks Author
reacionm. Nu exist un client bun sau ru, cum nu exist o agenie competent sau incompetent. Cred c nc nu exist cerere pentru tot ceea ce un designer cu adevrat bun (sau agenie) ar putea oferi. De aceea, 90% dintre cei care taxeaz preuri mai mari de cteva sute de euro pentru un logo au clieni strini. Acolo exist deja necesitatea pentru ce fac ei. La noi nc nu, cel puin nu la nivel instituionalizat. Acei clieni i acele agenii care azi sunt excepia de la regul, vor juctorii importani n civa ani. Din necesitatea de a se diferenia, au nvat. i fac lucrurile puin altfel. Iar designerii care azi fac logo-uri pentru $25 vor nva i ei. Poate nu toi, dar nici asta nu e o problem mereu vor exista clieni care nu vor sau nu i permit mai mult de $25 pentru un logo. i e n regul aa e vorba de cerere i ofert.
63
iBooks Author
Ctrl-D DESIGN:
Cum s creezi un text cu efect de cerneal indigo proaspt
Odat ce ai obinut rezultatul nal, trebuie s tii c l vei putea folosi ca i titlu impuntor i de impact att n materiale tiprite, ct i pe materiale online.
Pasul 1: Textul Pentru un rezultat ct mai convingtor, am folosit un font caligrac, de mn. Este vorba despreLainieDaySH, un font gratuit, luat de pe urbanfonts.
Andrei Drgan
n rndurile ce urmeaz, vei aa cum se adaug un efect de cerneal proaspat unui text n 5 pai eseniali.
64
iBooks Author
Pasul 2: Grosimea Dat ind faptul c fontul folosit nu vine i n varianta bold, ne vom folosi de un contur pentru a-l ngroa.Setai culoarea negru pentru contur [stroke colour].
Pasul 3: Expand Din meniul Object, selectai opiunea Expand. Acest pas este necesar pentru a transforma textul editabil ntr-un shape, un obiect vectorial a crui form poate manipulat ulterior.
Se poate observa ca n panoul Stroke, apare dimensiunea implicit de 1pt.
65
iBooks Author
Repetai acest pas pentru a transforma i conturul obiectului ntr-un shape.
Odat de-grupate, folosii opiunea Unite din panoul pathnder pentru a uni cele dou shape-uri ntr-una singur. Pentru a testa rezultatul, putei folosi opiunea Outline din meniul Viewsau scurttura Ctrl-Y, care aeaz doar contururile formelor din zona de lucru. Normal / Outline:
Rezultatul va un grup format din dou shape-uri: textul iniial i conturul acestuia. Pentru a le putea uni ntr-o singur form, vor trebui de-grupate. Facei acest lucru prin click dreapta -> Ungroupsau folosind scurttura ctrl+shift+g.
Pasul 4: Adjustari Folosind Lasso Tool [ Scurttura: Q ] din toolbar, selectai litera E din cuvnt.
66
iBooks Author
Avnd litera E selectat, folosii tasta V sau Selection tool din toolbar i redimensionai litera astfel nct s depeeasc marginea de jos a textului. Revenind la Lasso Tool [ Q ], vom selecta doar ultimele dou puncte din braul de jos al lui E, dup care le vom terge.
67
iBooks Author
Din nou, cu Lasso vom selecta ultimele dou puncte i le vom uni, prin click dreapta ->Join
Folosindu-ne de Elipse Tool [ L ], vom aduga nite stropi de cerneal, iar apoi, folosindu-ne de Pen Tool [P], i vom uni pe unii dintre ei, iar pe alii i vom alungi, pentru a le da un aspect mai natural.
Cu ajutorul Pen Tool [ P ], vom prelungi braul de jos al literei E, astfel nct parcurge toat lungimea textului.
68
iBooks Author
Selectai toate elementele i folosii opiunea Unite din panoul Pathnder pentru a obine un singur obiect.
2. Alt-click pe text, innd apsat tasta Alt, tragei obiectul n locul n care dorii s plasai copia.
Pentru ca reexiile s nu e tangente cu marginea textului, forma pe baza creia le vom construi va trebui s e puin mai subire dect textul original. Astfel, pe copia pe care tocmai am obinut-o, vom aplica un contur, la fel ca i cel pe care l-am folosit la nceput pentru a ngroa textul, dar de 1.5 puncte, iar de data acesta, vom folosi opiunea Minus front din panoul Pathnder. Pasul 5: Reexii Pentru a obine lookul de cerneal proaspat, va nevoie de cteva reexii ale luminii, care vor aduga volum textului. Mai nti, va trebui s dublm textul actual, deoarece pe baza lui vor create reexiile cu pricina. Acest lucru se poate face n dou feluri: 1. Copy Paste
69
Adugm un contur.
iBooks Author
Folosim opiunea Expand din meniul Object
Observm c opiunea Minus Front taie forma obiectului aat mai n fa, din obiectul aat mai n spate. Deoarece vom folosi dou rnduri de reexii, vom copia din nou textul obinut.
De-grupm obiectele. Pentru a obine reexia din partea de sus, vom copia unul dintre texte, astfel nct copia obinut s se suprapun peste textul original, cu meniunea c va plasat cu cteva puncte mai jos. Distana la care v om cobor noua copie depinde de ct de groas dorim s e reexia.
70
iBooks Author
Din nou, selectm cele dou copii i aplicm opiunea Minus Front, din panoul Pathnder.
Repetm procesul pentru reexia din partea de jos, dar orientm gradientul n sens invers. Pentru a obine reexia inferioar, vom repeta procesul, numai c, de data aceasta, vom plasa copia un pic mai sus de textul original, nainte de a o decupa cu Minus Front.
n nal, vom suprapune cele dou reexii obinute peste textul iniial.ncepem cu cea de sus. Dup ce am aliniat reexia cu textul iniial, folosind panoulGradient, o nuan de violet nchis [R:102 G:45 B:145] i una de magenta [R:237 G:30 B:121], aplicm un gradient orizontal pe toat lungimea textului.
Este de preferat s experimentai puin cu gradienii i orientarea lor, pentru a obine un efect ct mai potrivit. Spor la treab!
71
iBooks Author
Ctrl-D
DEVELOPMENT
Aici se regsesc tutoriale utile, resurse, informaii despre evenimente dedicate developerilor sau analize i opinii argumentate, pe teme complexe, de la front-end, back-end, database la UX i altele.
iBooks Author
Ctrl-D DEVELOPMENT:
GOOD vs RAD
De cele mai multe ori cnd suntem implicai n dezvoltarea unui sistem software ne confruntm cu situaii mai puin plcute cum ar :
timpul scurt de dezvoltare clientul vrea ca ideea s se materializeze ntr-un timp record lipsa de experien n lucrul cu anumite tool-uri sau tehnologii din cauza timpului scurt de dezvoltare, developer-ul alege de cele mai multe ori s nu prseasczona lui deconfort (folosete tehnologii cu care este familiarizat deja n defavoarea tehnologiilor noi aprute) lipsa unor specicaii clare riscul de a reface acelai feature al aplicaiei de nenumrate ori este unul mare.
Horia Jurcu
10 martie 2011, Opinii
GOOD
nc de pe bncile facultii, unui viitor Software Engineer / Developer i este ndoctrinat noiunea de Object Oriented Design. Cunoatem cu toii cazul ideal n care o echip de programatori i ncepe lucrul avnd la dispoziie un set bine
73
iBooks Author
delimitat de specicaii, scenarii, diagrame UML, schema complex a arhitecturii aplicaiei ct i o experien vast de lucru cu tehnologiile ce urmeaz a folosite. Se aplic tehnici de AGILE cum ar SCRUM, se lucreaz n SPRINT-uri bine delimitate, se testeaz orice poriune de cod nou introdus iar software-ul se livreaz feature cu feature. Toate acestea nsumate contribuie la formarea ideii de Good Object Oriented Design.
GOOD vs RAD
n majoritatea cazurilor lupta se duce ntre noiunile teoretice i experiena dobndit practic. Ca sugestii de abordare a unei metodologii, cele mai interesante mi s-au prut cele ale echipei de development din cadrul framework-ului de PHP nou aprut, Lithium:
A framework for people who hate frameworks.
RAD
Din diverse motive, printre care i cele mai sus enumerate, aceast metod se transform ntr-una mult prea costisitoare i imposibil de pus n practic (dei prezint numeroase avantaje fa de metodologiile non-agile). Frustrrile developerilor ce au luat parte la o asemenea experien, au dat natere conceptului de Rapid Application Development (RAD). Specicaiile se contureaz dinamic, n funcie de feedback-ul utilizatorilor / clienilor iar planicarea etapelor de dezvoltare este nlocuit de implementarea efectiv.
Frameworks suck se ncurajeaz folosirea Design Pattern-urilor, dar ntr-un mod lipsit de acea complexitate inutil la care se ajunge din dorina de a abstractiza totul Everything you know is wrong (trying to run before you can walk) ecare Design Pattern este folosit ntr-un context limitat. Mai mult, folosirea unei abundene de pattern-uri sugereaz o oarecare lips de creativitate n design-ul unui sistem software
THE RAD STAR

Opiniile sunt mprite ntr-un numr mai mare de direcii dect cele prezentate, ns problema e de ecare dat aceeai: Ce metodologie pot aplica n aa fel nct clientul s e mulumit, deadline-ul s e respectat, iar codul scris s poat refolosit?
74
iBooks Author
n urma experienei acumulate, recomand folosirea (nu excesiv) a modului de lucru RADalturi detool-uri de dezvoltare robuste i exibile. De urmrit: * * * 1.* 2.* 3.* RAD Wikipedia - http://bit.ly/eQrKvC Lithium PHP - http://lithify.me Prezentare Lithium PHP - http://slidesha.re/gNEg1i
75
iBooks Author
Ctrl-D DEVELOPMENT:
Design patterns: Introducere
Cristian Sitov
16 martie 2011, Carier & Business
poate uor de ntreinut (maintanance) documentarea introduce reguli clare de utilizare ofer lizibilitate codului nlesnete dezvoltarea n grupuri de programatori aduce un grad ridicat de adaptabilitate la dezvoltare Evident, lista poate continua, ns am insistat pe cele mai importante aspecte. Principial, toate aceste avantaje nu pot dect s ofere o mai mare lejeritate i exibilitate n dezvoltarea unui software, mai ales cnd vorbim despre timp, managementul resurselor, portabilitate i scalabilitate.
76
De la an la an i de la versiune la versiune, tehnicile OOP sunt mai des utilizate de ctre programatorii PHP. Aceast tendin a aprut din cauza mai multor avantaje pe care le ofer programarea obiectual:
iBooks Author
Programarea obiectual devine astfel o soluie viabil n cazul n care avem de-a face cu proiecte mari sau complexe, sau cnd dezvoltm mashup-uri, sau chiar i atunci cnd vorbim despre un proiect al crui roadmap nu-l cunoatem, dar poate deveni plurivalent.
Necesitatea unor cunotine avansate de programare OOP devine obligatorie cnd vorbim de implementarea unor astfel de modele. Majoritatea aplicaiilor serioase se construiesc implementnd metodologii stricte i aplicnd un proces de dezvoltare ecient, iar toate aceste aspecte se datoreaz unei structuri bine gndite, prin prisma utilizrii modelelor de design. Totodat, recurgnd la astfel de tehnici vom implica i anumite compromisuri, deoarece aceste practici pot duce la un consum ridicat de resurse hardware, dar nu i cnd vorbim de sisteme cu dotri speciale. Procesul de asimilare depinde n mod direct de cunotinele de programare OOP, iar uurina n aplicarea modelelor de programare vine odat cu experiena, deoarece implementarea lor depinde de situaiile pe care le ntmpinm. De asemenea, cu timpul, apare i obinuina n a utiliza optim anumite rutine de dezvoltare a software-ului.
Soluie
Pentru a veni n sprijinul programatorilor s-au creat o multitudine de modele de software design, aa-zisele design patterns. Ele au aprut din nevoia de a rezolva situaii specice domeniului n cauz i scopul lor este de a soluiona i simplica anumite probleme ce apar n abordarea OOP. Aceste modele pot aplicate n funcie de caz n anumite pri ale software-ului i nu exist vreo obligativitate n a le folosi. Ca s u mai exact, design patterns reprezint o sum de best practices n tehnicile OOP. Modele de design nu sunt nite matrie ale unor implementri specice, ci mai degrab sunt soluii propuse. Acelai model se poate implementa la fel de bine n aproximativ orice limbaj de programare, att timp ct acel limbaj suport OOP. Implementarea n sine a modelului depinde de la proiect la proiect i de la caz la caz, n funcie de cerine i nevoi.
Bottom line
Punnd capt acestei note introductive, trebuie s v mai rein atenia cu urmtoarele aspecte.
77
iBooks Author
1. Nu folosii acelai model doar pentru c l cunoatei foarte bine. 2. Vizualizarea procesului de abstractizare trebuie s devin o practic frecvent. 3. ncercai s evaluai ct mai strict necesitatea implementrii unui model. 4. Dezvoltai un proces de modelare i nu exagerai dezvoltarea folosind modelele. 5. Nu uitai c exist i alte metode dect modelele. Acestea ind spuse, v doresc mult baft. Data viitoare, vom continua cu primul model, The Gateway Pattern.
78
iBooks Author
Ctrl-D DEVELOPMENT:
Test Driven Development pe scurt
Ce este TDD i de ce-mi pas?TestDriven Development este un mod de a scrie cod i teste. El presupune lucrul n cicluri mici, mai nti scriind un test case care pic, iar abia apoi adugarea codului de producie necesar pentru a face testul s treac, urmat de alinierea codului la standarde.
Acest ciclu poart numele de RED-GREEN-REFACTOR. Scrierea codului ntr-un asemenea mod asigur programatorul c al lui cod funcioneaz aa cum trebuie i face ca modicrile ulterioare s nu introduc probleme fr ca cineva s-i dea seama.
Cum ncep?
Orice limbaj de programare are i un framework de testare automat. Ideea este s-l instalezi i s ncepi prin a scrie un test. Prima regul de TDD spune aa:
79
Horia Dragomir
iBooks Author
Nu poi scrie cod de producie pn nu ai scris un test care s pice.
ordine, c ai fcut un minim de optimizare, c ai scris codul conform standardelor echipei, dac este cazul etc. Ajuns aici, ai terminat cu succes un ciclu RED-GREENREFACTOR i poi trece la urmtoarea funcionalitate.
Cnd scrii testul, vei avea probabil nevoie de ceva date de test (cum ar un cont de utilizator, sau o carte din baza de date) i cea mai important parte s-i e clar ce vrei s se ntmple. Testul trebuie s e concis i s acopere o funcionalitate simpl, delimitat. ine cont de a doua regul de TDD:
Nu poi face testul mai complicat dect minimul necesar pentru a pica iniial.
Asta pare s ia mai mult timp!

Just, dureaz mai mult s scrii i un test i codul necesar i s-l i curei apoi, dect doar s scrii cod. Dar aa eti asigurat c funcioneaz cum trebuie codul scris, c este lizibil i c nu ai stricat nimic n alt parte. Un alt plus este faptul c oricine poate aduce modicri n cod fr frica de a strica ceva. Dac modicarea adus nu este bun, testele vor semnala asta imediat i situaia poate remediat pe loc i nu se va ajunge la telefoane smbt de la clieni suprai. Cel mai important bonus este faptul c ajungi s ai cod simplu i curat care face ceea ce trebuie i att. A treia regul i chiar tot procesul te ajut s nu te pierzi n detalii i s te concentrezi doar pe o funcionalitate odat.
O not: dac testul genereaz o eroare fatal, nseamn c a picat. Odat ce ai scris testul i l-ai rulat s te asiguri c nu trece, poi ncepe s scrii efectiv codul de producie. Nu uita c i aici este o regul, anume a treia regul de TDD:
Nu poi scrie mai mult cod de producie dect minimul necesar pentru a trece testul.
Cnd ai terminat codul de producie i testul trece, urmeaz partea de refactorizare care presupune s te asiguri c ai cod curat, elegant, c toate numele i scopurile variabilelor sunt n
80
iBooks Author
Dou sfaturi pentru teste

Am preluat aceste dou sfaturi de la Alexandru Bolboac: s ai un singur mock (adic date de test, cum ar o carte ctiv sau un utilizator) per test i n ecare test s se verice o singur funcionalitate. Dup ce i intr n mn, timpul necesar livrrii codului scade, iar calitatea acestuia crete. i va nostim cnd ajungi s nu mai e Oare cum pot face asta? prima ntrebare, ci...
Oare cum pot s testez asta?
81
iBooks Author
Ctrl-D DEVELOPMENT:
Unde sunt?
Localizare geograc din browser sau geolocalizarea se refer la aarea locaiei geograce a vizitatorului unui site. n primul rnd, de ce este important localizarea zic a vizitatorului n cazul unui site sau a unei aplicaii web?
Exist cel puin 2 motive: Mobilitate - utilizatorul nu mai este legat de un desktop sau de o locaie zic x. Noile gadgeturi portabile cum ar smartphone-uri sau tablet-uri conin browsere perfect capabile s ruleze aplicaii web solide sau s prezinte siteuri cu coninut dinamic. n foarte multe din cazurile acestea, poate util aarea locaiei utilizatorului. Coninut personalizat - chiar dac utilizatorul se a ntrun punct x, cum ar la birou sau la coal, sau pur i simplu, faptul c tim n ce ora se a, ne poate ajuta s i servim coninut relevant pentru locaia lui curent. Exist mai multe metode pentru a determina locaia utilizatorului. Vom analiza dou dintre ele.
Ciprian Ionescu
21 martie 2011, Resurse
82
iBooks Author
W3C Geo API

Cea mai bun metod pentru a aa locaia vizitatorului este s folosim API-ul specic browserului. Acesta ne returneaz poziia geograc n format latitudine x longitudine pe care o putem aa folosind Google Maps. Suportul pentru acest API este inclus n toate browserele moderne i, cel mai important, n browserele ce sunt instalate pe device-uri mobile. Creai 2 iere cu numele map.html i geolocalizare.js, copiai i lipii coninutul de mai jos:
<!doctype html> <head> <title>W3C Geo API demo</title> <script src="geolocalizare.js"></script> </head> <body onload="geoGrab();"> <div id="informatii_geocoder">  </div> </body> </html>
//functiile define mai jos servesc drep callback functions navigator.geolocation.getCurrentPosition(afiseazaPozitia, afiseazaEroare); } else{ // daca browserul nu suporta Geo API, afiseaza o eroare alert('browserul folosit nu suporta W3C Geo API'); } }; // functia apelata in momentul in care browserul a reusit sa determine pozitia curenta function afiseazaPozitia(pozitia){ acuratete = pozitia.coords.accuracy; latitudine = pozitia.coords.latitude; longitudine = pozitia.coords.longitude; informatii_geocoder = document.getElementById('informatii_geocoder'); informatii_geocoder.innerHTML = '<img src="http:// maps.google.com/maps/api/staticmap?'+ 'center='+latitudine+','+longitudine +'&zoom=14&size=256x256&maptype=roadmap&'+ 'markers=color:green%7Clabel:G%7C'+latitudine +','+longitudine+'&sensor=false" />'; informatii_geocoder.innerHTML += '<div>Acuratete: ' + acuratete + '</div>'; informatii_geocoder.innerHTML += '<div>Latitudine: ' + latitudine + '</div>'; informatii_geocoder.innerHTML += '<div>Longitudine: ' + longitudine + '</div>'; informatii_geocoder.innerHTML += '<div>Incercari: ' + incercari_geocoding + ' / ' + numar_maxim_de_incercari + '</div>'; incercari_geocoding++; if(acuratete > acuratetea_minima && incercari_geocoding <
var incercari_geocoding = 0; var numar_maxim_de_incercari = 60; var acuratetea_minima = 10; //10 metri function geoGrab(){ //se verifica daca browserul are suport pentru W3C Geo Api if(navigator.geolocation){
83
iBooks Author
numar_maxim_de_incercari+1){ //daca nu suntem multumiti de acuratea informatiei, mai incercam setTimeout('geoGrab()', 1000); } }
pentru a obine o locaie cu acuratee mai mare. Ca s m siguri c vom obine cea mai precis locaie, vom ncerca s am locaia vizitatorului de pn la 60 de ori sau pn n momentul n care acurateea este sub 10 metri.
// functia apelata in cazul in care a intervenit vreo eroare function afiseazaEroare(error){ alert(error.message); }
Folosind adresa IP a utilizatorului

n cazul n care vizitatorul nu folosete un browser cu suport pentru W3C Geo API, sau pur i simplu nu vrem s depindem de utilizator s accepte dac dorete s permit accesul aplicaiei la informaiile referitoare la locaie, trebuie s recurgem la alte metode pentru a aa locaia curent. IP-urile sunt adresele logice alocate terminalelor zice care le folosesc. Pentru a nelege cum funcioneaz, luai ca exemplu cartea de telefon. Orice adres are un numr de telefon alocat. Cam la fel funcioneaz i alocarea adreselor IP. Folosind o baz de date public de adrese IP putem stabili aproximativ locaia vizitatorului. Ca exemplu, vom folosi serviciul GeoIP al companiei MaxMind pentru c au un API javascript foarte uor de folosit. Modicai ierul map.html creeat mai sus, adugnd urmtoarea linie de cod n interiorul tag-ului <head>. Aceasta va ncrca API-ul de geolocalizare al GeoIP.
Prima dat cnd ncrcai acest script, browserul cere conrmarea vizitatorului pentru a folosi informaiile referitoare la localizare n scriptul curent. Odat permis accesul, aplicaia primete informaii despre locaie. Exist dou cazuri distincte: Pentru desktop, browserul va ncerca s ae locaia n funcie de adresa IP. n cazul n care conexiunea la Internet este realizat printr-un hostpot WiFi, browserul va ncerca s ae locaia hotspot-ului respectiv, rezultnd o acuratee mai mare dect dac folosea adresa IP. Pe dispozitivele mobile, browserul va folosi componena hardware A-GPS pentru a stabili locaia. Diferena major ntre A-GPS i GPS este c A-GPS va ncerca s determine locaia folosind releele GSM sau hotspot-uri WiFi pn n momentul n care dispozitivul se va sincroniza cu sucieni satelii GPS
84
iBooks Author
<scripttype="text/javascript"src="http://j.maxmind.com/app/ geoip.js"></script>
n ierul geolocalizare.js modicai urmtoarele seciuni:

// daca browserul nu suporta Geo API, afiseaza o eroare alert('browserul folosit nu suporta W3C Geo API'); localizareIP(); } };
Dezavantajul folosind aceasta metod este faptul c se aproximeaz locaia. De exemplu, pentru utilizatorii de reele mobile (GPRS, 3G sau 4G), locaia returnat va mereu locaia unuia dintre datacenterele companiei de date.
*
// functia apelata in cazul in care a intervenit vreo eroare function afiseazaEroare(error){ alert(error.message); localizareIP(); } // functia foloseste MaxMind GeoIP function localizareIP(){ latitudine = geoip_latitude(); longitudine = geoip_longitude(); informatii_geocoder = document.getElementById('informatii_geocoder'); informatii_geocoder.innerHTML = '<img src="http://maps.google.com/ maps/api/staticmap?'+ 'center='+latitudine+','+longitudine +'&zoom=14&size=256x256&maptype=roadmap&'+ 'markers=color:green%7Clabel:G%7C'+latitudine+','+longitudine +'&sensor=false" />'; informatii_geocoder.innerHTML += '<div>Acuratete: Adresa IP</div>'; informatii_geocoder.innerHTML += '<div>Latitudine: ' + latitudine + '</div>'; informatii_geocoder.innerHTML += '<div>Longitudine: ' + longitudine + '</div>'; }
85
iBooks Author
Ctrl-D DEVELOPMENT:
Aplicaii AIR pentru developeri
n continuare, am s vi le prezint cu mici explicaii pentru ecare aplicaie.

Adobe AIR Launchpad
Ctlin Sveanu
Pentru a ct mai productiv, un developer se folosete de diverse tool-uri. Dup o list lung de aplicaii testate pe parcursul experienei ca ash developer, am ajuns la cteva aplicaii gratuite care mi fac munca mult mai uoar.
AIR Launchpad este o unealt pentru Flex developeri care vor s construiasc aplicaii AIR. A fost creat cu gndul de a reduce timpul de dezvoltare a unei aplicaii in AIR. Printr-o simpl selecie a caracteristicilor de care e nevoie, aplicaia genereaz un proiect pentru a-l importa n Flex, proiect ce poate uor modicat i extins.
86
iBooks Author
De MonsterDebugger Dup cum i i spune numele, este un debugger open source pentru Adobe Flash, Flex si AIR. Include editarea live a proprietilor unui obiect, structur arborescent, testarea funciilor i o aare detaliat a mesajelor.
utilizatori, iar faptul c are suport pentru mai multe limbaje de programare face din ea un must have.
WebKut Webkut este o aplicaie care permite capturarea de pagini web sau pri din acestea ntr-un mod simplu. Dispune de 3 opiuni de capturare: pagina ntreag, ceea ce se vede pe ecran i selecie. Pentru salvarea imaginii rezultate are ca opiuni: scalarea, comprimarea i salvarea n format JPG, PNG i PDF. Lita SQLite Administration Tool Este un excelent administrator de baze de date SQLite. Se poate folosi pentru orice baze de date SQLite, dar a fost conceput pentru cele din AIR, de aceea funcii precum criptarea bazei de date sau anumite tipuri de cmpuri nu pot folosite oriunde.
Tour de Flex Cu ajutorul acestei aplicaii se pot explora capabilitile i resursele Flex-ului. Include foarte multe exemple, aproximativ 450, ecare exemplu vine nsoit de codul surs i linkuri ctre documentaie. Informaia este bine structurat ind uor de parcurs.
aSnippet Pentru organizarea bucilor de cod pe care le folosim frecvent, asnippet este aplicaia ideal. Ofer posibilitatea de salvare a codului ct i cutare. Dac i faci cont poi s discui i cu ali
87
iBooks Author
Pixus Pixus este o aplicaie care te ajut s msori distana dintre diferite obiecte de pe ecran. Cteva dintre caracteristicile aplicaiei: permite msurarea cu ajutorul mouse-ului i a tastaturii, multi-screen suport, quick-guides, skin-uri pentru Internet Explorer i Safari i salvarea de dimensiuni predenite.
scale, iar cireaa de pe tort vine de la suportul de a activa sau dezactiva ash-ul n browser.(Ce frumos ar dac i cei de la Apple ar adopta o asemenea abordare la produsele lor).
Voi ce folosii?
n sperana c v-am trezit interesul pentru aplicaiile fcute n AIR, v ndemn s le testai, s-mi spunei ce prere avei i, dac cunoatei alte aplicaii de acest gen, nu ezitai s le mprtii i cu mine.
ImageSizer Utilitar pentru redimensionarea mai multor imagini deodat. Permite setarea calitii imaginilor pentru export ct i decuparea i rotirea pentru ecare poz n parte. Procesul de redimensionare este rapid i uor datorit interfeei intuitive.
iBBDemo2 Ai nevoie s vezi cum arat siteul tu pe iPhone sau iPad? Atunci iBBDemo este aplicaia perfect pentru acest lucru. Suport modul portret si landscape, autenticare , zoom i
88
iBooks Author
Ctrl-D DEVELOPMENT:
Cum scriem codul?
De aceea expresia a scrie corect codul nu este greit formulat cnd ne referim la un programator.
Totui, ideea de a scrie COD corect poate prea puin deplasat sau o pierdere de timp pentru unii programatori. Unii vor spune c aceasta nu se aplic dect n anumite cazuri, atunci cnd lucrm n echip, de exemplu. Cu siguran este de dorit mai ales atunci cnd se lucreaz la un proiect n echip s existe un standard unic pentru scrierea codului. Dar i n acest caz, poi ajunge s te pierzi chiar n propriul cod scris dac nu ai respectat anumite reguli. Alii vor spune c acest lucru se aplic mai ales celor nceptori. Nu o sa negm acest lucru, deoarece ecare am trecut prin aceast faz, ns exist muli programatori seniori care n grab sau considernd c au totul la degetul mic, scriu codul nct dac un alt programator va avea nevoie s-l modice, mai bine l scrie din nou. Poate unora li se pare un subiect nensemnat, dar este statistic demonstrat c scrierea unui cod dezordonat poate afecta foarte mult dezvoltarea i mai ales operaiile de mentenan ulterioare din cadrul unui proiect.
89
Marius Toma
21 aprilie 2011, Resurse
S citim i s scriem corect acest titlu l putem gsi pe noile Abecedare de clasa I. Dac facem o asociere ntre anii cnd am nceput s nvm s scriem primele litere ale alfabetului i vremurile cnd am mai crescut i am scris primele linii de cod, atunci, Abecedarul unui programator ar trebui s e ceva similar cu acel Abecedar din clasa I.
iBooks Author
Cum putem scrie un cod corect?

Sunt cteva reguli eseniale pe care dac le vom respecta, nu vom avea neplceri niciodat. M-am referit n special la scrierea codului PHP, ns multe din aceste reguli pot aplicate i pentru alte limbaje de programare. Iat cteva din acestea: Identeaz codul. Indentarea este un ajutor foarte mare pentru un programator n vericarea blocurilor condiionale sau localizarea anumitor metode din cadrul unor clase. Sunt anumite limbaje de programare, ca de exemplu Python, n care, daca nu respeci aceasta regul riti ca script-ul tu s e nefuncional. Corect:
$a = rand(100, 200); if ($a < 150) { $b = 5; } else { $b = 20; }
Greit:
$a=rand(100,200); $array=array(1,test,2,0.5); function foo($p){ global $a,$array; if($p==200&&$a>150&&count($array)==4) {echo this is bad;}else{echo this is very bad;} }
Corect:
$a = rand(100, 200); $array = array(1, test, 2, 0.5); function foo($p) { global $a, $array; if ( $p == 200 && $a > 150 && count($array) == 4 ) { echo this is bad; } else { echo this is very bad; } }
Comenteaz codul. Indiferent dac vei folosi phpdoc, ca de exemplu n cazul PHPului, sau orice alt model pentru standardizarea documentrii codului, nu uita s adaugi comentarii ajuttoarea n cod, care vor utile att pentru tine ct i pentru cei care vor continua munca nceput de tine.
Folosete spaiile. Spaierea codului este foarte important i ne va ajuta s putem citi codul ct mai uor, fr un efort prea mare. n acest caz este foarte important s folosim spaiile acolo unde este nevoie, dar s nu abuzm de ele.
90
iBooks Author
Nu ezita s foloseti chiar blocurile de comentarii mai ales n cazul metodelor sau claselor, pentru o detaliere ct mai exact a ceea ce se urmrete. Corect:
/** * Type: function * Purpose: used to calculate the average between 2 numbers * Input: $p1 first number * $p2 second number */ function foo($p1, $p2) { }
Folosete un singur mod pentru denumirea variabilelor. Folosete notaia camelcase sau folosete desparirea cuvintelor unei variabile prin _. ncearc s foloseti aceeai metod pentru toate scripturile aplicaiei la care lucrezi. Te va ajuta foarte mult dac foloseti notaia Maghiar, sau Hungarian notation, ce presupune asocierea unei litere sau a unui grup de litere naintea variabilei care s i deneasc tipul acestei variabile. De exemplu pentru tipul Boolean, voi folosi: $bReadLine; pentru Integer: $iUserID; etc. Folosete acoladele doar ntr-un singur fel n ntreg codul.
function foo() { } // sau // function foo() { }
Denumete variabilele astfel nct s aib sens. Ca exemplu, nu denumi o variabil care conine numele unui ier cu $f_name. Folosete $le_name sau $sFileName sau orice alt nume sugestiv care s te ajute atunci cnd reciteti codul.
// Greit: $userfirstname = Name; $returncondition = true; // Corect: $sUserFirstName = Name; $user_first_name = Name; $bReturnCond = true; $return_cond = true;
Fii stabil n scrierea codului folosete conveniile de cod. Conteaz foarte mult s foloseti un singur stil sau un anumit set de convenii pentru ntreaga aplicaie la care lucrezi la un moment dat. Stabilete acest set de convenii nainte de a ncepe aplicaia i folosete-l pe tot parcursul dezvoltrii ei, e c lucrezi singur sau este un proiect de lucru n echip. n cel de-al 2-lea caz
91
iBooks Author
este de dorit i foarte important ca toi membrii echipei s foloseasc aceli stil stabilit de la nceputul dezvoltrii aplicaiei. Nu te chinui s-i optimizezi codul la prima scriere. Premature optimization is the root of all evil Donald Knuth, sau o traducere Optimizarea prematur este rdcina tuturor relelor. Muli programatori se chinuie nc de la nceputul primelor linii de cod ale aplicaiei ca tot codul s e ct mai optim. Uneori dm n extrem dac ncercm s facem acest lucru, mai ales n fazele de nceput ale aplicaiei. Nu folosi variabile dac nu e nevoie de ele. Acest lucru n primul rnd ncarc memoria scriptului tu i pe de alt parte ncarc codul cu alte linii nefolositoare.
// Nu e nevoie s foloseti: $sName = substr($sMyName, 0, 10); return $sName;
Greit:
if ($a == 20) { echo '<input type="text" name="a" value="'.$a.'">'; }
Corect:
<?php if ($a == 20) : ?> <input type="text" name="a" value="<?php echo $a; ?>"> <?php endif; ?>
Gndete-te c cineva i va citi codul la un moment dat. Astfel caut s lai o impresie plcut. Dac nu te gandeti n mod special la cel cu care lucrezi n echip, atunci ncearc s te imaginezi peste vreo 4 luni de la scrierea unui script, n momentul n care vei nevoit s-l modici. n nal poate vei spune: i totui, este o pierdere de timp s te chinui s scrii codul ct mai curat i mai ordonat!. Cu siguran a scrie codul ntr-un mod ordonat implic n aparen un timp pierdut, dar pentru o ulterioar modicare sau revenire asupra aceluiai cod va n realitate un TIMP CTIGAT.
// Folosete: return substr($sMyName, 0, 10);
Folosete un sistem de templating. Acest pas te va ajuta la separarea codului PHP de cel HTML i n special la construirea unui MVC (Model View Controler) pentru aplicaia ta. n cazul n care nu foloseti un astfel de sistem de templating, atunci insereaza codul PHP n cel HTML i nu invers:
92
iBooks Author
Ctrl-D DEVELOPMENT:
Despre mentorat
Eu m voi lega n acest articol de forma de mentorat neles ca relaia care se stabilete ntre un senior i junior, necesitate care a aprut pentru ecientizarea anumitor procese de lucru. M voi referi de asemenea, independent, de departamentul n care seniorul i juniorul lucreaz.
Senior versus Junior
Andreea Coma
22 aprilie 2011, Carier & Business
Din experiena avut cu acest gen de abordare, am observat c seniorul are rol decisiv n cariera juniorului pe care l ndrum, att ca model de conduit personal dar i prin mentorat n sine. Este persoana care se a pe o poziie superioar n cadrul companiei i care trebuie s acorde tnrului atenie deosebit i susinere, prin oportuniti create special pentru a-i dezvolta calitile profesionale i a-i nlesni feedback-ul privind evoluia performanei i direciile de instruire ulterioar.
Mentoratul ntr-o organizaie este o activitate extrem de complex, implicnd programe speciale dezvoltate n cadrul acelei organizaii.
93
iBooks Author
Seniorul are rolul de a ndruma, supraveghea i corecta activitatea desfurat de ctre junior. Tipul de mentorat n care se ncadreaz aceast relaie este unul clasic, relaia ind una de lung durat, bazat att pe experiena seniorului ct i pe dorina de a nvaa i de autoperfecionare a juniorului. Dei lucreaz ndeaproape cu juniorul, responsabilitatea pe proiect aparine n continuare seniorului. De asemenea, este foarte important ca seniorul s susin i s ofere feedback i, cnd e cazul critic constructiv juniorului. Se ntlnesc, de asemenea, situaii n care, pentru anumite sarcini, juniorii sunt mult mai pregtii din punct de vedere tehnic dect seniorul. n aceste cazuri, rolul seniorului este strict acela de supervizare ca i proces i demers n gndire, adic exact ceea ce se ctig doar prin experien.
s pstreze i s dezvolte aceast investiie. Lucru care devine posibil nu doar prin crearea unor faciliti de pregtire profesional i stabilirea unor standarde, ci i prin msuri care transform compania ntr-un mediu favorabil nvrii individuale n contextul practicilor i activitilor curente. ntre calitatea profesional i cea uman a membrilor companiei i calitatea mediului intraorganizaional exist strnse condiionri reciproce. n cadrul oricrui program de mentorat dezvoltat i susinut ntro companie, modul de formare a perechilor senior-junior ar trebui s e atent urmrit. Persoanele care formeaz perechea trebuie s e compatibile att la nivel personal, pentru a putea comunica i lucra mpreun cu uurin, precum i la nivel profesional.
Ce nseamn de fapt o carier din aceast perspectiv?

n viziunea mea, dezvoltarea carierei profesionale cade nu doar n sarcina individului. Cariera este o problem de management a ntregii companii. Pentru c sistemul promovat investete n formarea profesional a angajatului, sistemul are, de asemenea, obligaia
Care este scopul nal?

Ca i direcie de dezvoltare ulterioar, este dezirabil ca juniorii s e pregtii aa nct acetia, la rndul lor i la un moment dat, s e api s i asume rolul de mentor. Ce vroiam s subliniez este faptul c dac lucrurile se ntampl resc i organic, n ritmul propriu, toat lumea are de ctigat din acest stil de munc: seniorul ctig un ajutor inestimabil (uneori) i totodat o privire nou asupra lucrurilor, juniorul
94
iBooks Author
ctig un mentor de la care poate s nvee i care l poate forma profesional, iar compania ctig prin creterea ecienei per proiecte i prin prisma muncii n echip, care devine mai plcut.
95
iBooks Author
Ctrl-D DEVELOPMENT:
Spune-mi cum i comentezi codul ca s-i spun ce om eti!
tiai c evoluia unui proiect i starea de spirit a echipei de programare se reect inclusiv n comentariile din cod?
1. La nceput De exemplu, la nceput, cnd proiectul abia a fost aprobat, primele linii de cod sunt scrise cu mult entuziasm i optimism. La fel i comentariile:
// I put on my robe and wizard hat... (...) options.BatchSize = 300; // Madness? THIS IS SPARTA!
Tot pe la nceput proiectelor, imediat dup perioada plin de entuziasm, apar i comentariile glumee:
// Sometimes I believe compiler ignores all my comments (...) last = first; /* Biblical reference */ (...) virgin = 0; /* you're not a virgin anymore, sweety */ (...) const int TEN=10; // As if the value of 10 will fluctuate...
Lucian Marius Neag

28 aprilie 2011, Inspiraie
2. Primele probleme Dup nalul primelor etape de dezvoltare, de obicei rapoartele arat c lucrurile nu sunt chiar aa roz. Ca urmare, cerinele
96
iBooks Author
sunt mai mari, iar starea de spirit a programatorilor se schimb. Programul mai ncrcat i faptul c sunt mai stresai se poate observa i n comentarii:
// When I wrote this, only God and I understood what I was doing // Now, God only knows (...) // Hard to explain (...) // no comments for you // it was hard to write // so it should be hard to read (...) // Catching exceptions is for communists
return(TRUE); } (...) // I have to find a better job (...) if (/*you*/ $_GET['action']) { //celebrate
4. Lucrul n echip Ce poate s e mai fain dect teoria lucrului n echip? n practic ns, stresul i spune cuvntul i nu de multe ori comentarii de genul celor de mai jos te vor face s zmbeti cnd le descoperi dup ceva timp de cnd au fost scrise:
//Please do not edit this code, //if you do you wont go to jail, you wont go directly to jail, //you wont pass go, you wont collect 200 dollars (...) if(count<0) count=0; // don't get me wrong but this has to be done :p (...)
3. i cnd credeai c lucrurile nu pot merge mai ru apar modicrile de pe ultima sut de metri. Fix nainte de deadline-uri e perioda cea mai aglomerat. Programatorii trebuie s stea peste program i frustrile se pot observa destul de lejer:
// This is crap code but it's 3 a.m. and I need to get this working. (...) function SearchOneDirectory( /* ... */ ){ // This was way too slow. Just say we didn't find the file. *FoundInTree = FALSE;
5. Final de proiect E de obicei srbtorit cum trebuie:

// If i ever see this again i'm going to start bringing guns to work
97
iBooks Author
(...) return 0; // Happy ending (...) // Haleluya i can go home!
6. Niciun articol fr concluzie Avei grij ce scriei n comentarii, cineva le va citi la un moment dat. Un comentariu amuzant ascuns prin cod poate o surs de bun dispoziie pentru cel care va nevoit s ntrein aplicaiile scrise de tine. PS: Dac vrei vreodat s v rzbunai pe colegii de lucru, putei oricnd s folosii codul de mai jos:
#define TRUE FALSE // Happy debugging suckers
98
iBooks Author
Ctrl-D DEVELOPMENT:
De ce un framework?
M voi referi n acest articol la frameworkuri n PHP n special, ns multe din avantajele folosirii unui framework n PHP se aplic i la celelalte limbaje de programare web. Aceste avantaje se refer la orice framework PHP, e c este vorba de Zend Framework, Code Igniter, CakePHP sau oricare altul.
Cnd s folosesc un framework?

Aceasta este o ntrebare excelent. Asta pentru aplicaia web pe care o dezvoltm nu are ntotdeauna nevoie de un framework. De ce am folosi un framework pentru o aplicaie care are doar 2-3 pagini? Nu are niciun sens, nu? Un framework se preteaz ns pentru aplicaii care au baze de date, form-uri, sesiuni, cookie-uri, servicii remote (cum ar Facebook sau Twitter care sunt folosite n tot mai multe aplicaii din ziua de azi).
Clin Cristescu
4 mai 2011, Opinii
99
iBooks Author
Ce feature-uri aduce un framework?

Abstractizarea bazei de date: Framework-urile vin cu un nivel de abstractizare al bazei de date SQL. Astfel, putem oricnd schimba baza de date din MySQL n MSSql de exemplu, fr a nevoie s rescriem vreun rnd de cod. Acest nivel de abstractizare poate n acelai timp s recunoasc legturile dintre tabele, ceea ce ne scutete de btile de cap cnd vine vorba de JOIN-uri. Mito, nu? Abstractizarea cache-ului: n loc s folosim funcii specice pentru cache (cum ar apc_add sau apc_fetch) vom folosi clase specice de caching cum ar Memcache, APC sau XCache. Management-ul form-urilor: Form-urile pot denite ca i cod PHP. Apoi framework-ul se ocup de generarea codului HTML, validare i securitate. Scpam din nou de bti de cap, nu-i aa? Autenticarea: Majoritatea framework-urilor vin cu un modul de autenticare. Acestea se ocup de log in i log out, nregistrare, management de sesiune, permisiuni. Aceste module sunt uor de modicat pentru a crea formulare customizate pentru nregistrare i logare. Depanare uoar: Unele framework-uri vin n ajutorul programatorului cu unelte care fac depanarea mai uoar.
Acestea permit inspectarea variabilelor, a query-urilor, a duratei de timp n care ruleaz script-ul etc. Internaionalizarea: Majoritatea framework-urilor permit traducerile, ceea ce nseamn c putem construi uor un website n limba dorit de client.
Ce avantaje am folosind un framework?

Portabilitatea: Abstractizarea bazei de date i a cache-ului fac ca aplicaiile construite cu un framework s poat rula pe servere, avnd diferite conguraii fr a necesar rescrierea vreunui rnd de cod. Timp de dezvoltare mai scurt: Asta se datoreaz n primul rnd faptului c nu mai trebuie s scriem codul pentru formuri, nregistrare, log in i log-out etc. Securitatea: Framework-ul se ocup de securitatea pentru modulele buid-in: autenticare, formulare, query-uri SQL. Suportul comunitii: Framework-urile au forumuri specializate, canale de IRC unde putem gsi oricnd un rspuns la problemele pe care le ntmpinm legate de framework atunci cnd dezvoltm aplicaia. Plugin-uri i module: Nu am descoperit noi roata. A fost descoperit de alii naintea noastr. Este aadar foarte
100
iBooks Author
probabil ca modulul sau plugin-ul de care avem nevoie s fost deja dezvoltat de ali programatori i tot ceea ce trebuie s facem este s l descrcm i s l folosim n aplicaia noastr. Standard de codare: Framework-urile foreaz ntr-un anume fel programatorii s urmeze principiul Model->View ->Controller. Asta nseamn c vom gndi mai nti structura codului, pentru ca apoi ne apucm de scris. Documentaia: Framework-urile sunt foarte bine documentate, ceea ce uureaz nelegerea codului.
Ce framework s folosesc?
Orice programator are un framework pe care l consider ca ind cel mai bun. Personal, am lucrat cu Zend Framework i Drupal (da, i el este un framework i ceva mai mult). Alii folosesc CakePHP, Trax sau Code Igniter. Pn la urm, este vorba de preferinele programatorului i de proiect. Cred ca acestea sunt cele 2 mari ntrebri la care trebuie s rspundem nainte de a stabili ce framework folosim: Ce framework-uri se preteaz la aplicaia pe care trebuie s o dezvoltm? i Cu care din aceste framework-uri suntem obinuii? .
101
iBooks Author
Ctrl-D DEVELOPMENT:
Controlul calitii produselor software
S-a predat foarte mult teorie n vederea pregtirii cursanilor pentru examenul de certicare, lucru care a fost pe alocuri plictisitor, dar am nvat i cteva lucruri noi i interesante.
Certicrile ISTQB sunt de-facto n domeniul testrii sistemelor computerizate software i hardware. Trainingul a fost susinut de trainerii certicai, rpd Beszde i Tams Gergely, amndoi ind cadre didactice autorizate n cadrul Universitii din Szeged, unde, de altfel, a avut loc i training-ul.
Ciprian Ionescu
9 mai 2011, Resurse
Am participat n 13 i 14 aprilie la un training organizat de Cluster2Success implementat n Timioara de Aries Timioara avnd ca scop pregtirea pentru certicarea ISTQB Foundation Level Tester.
Piramida controlului calitii

Interpretarea diagramei din stnga se face astfel: Calitatea unui produs este direct proporional cu investiia de resurse i timp. n momentul nceperii unui proiect software se stabilete care este nivelul de calitate acceptabil. Odat stabilit expectana de calitate, ne va
102
iBooks Author
mai uor s stabilim de ct timp este nevoie pentru a naliza proiectul i ce resurse sunt necesare. Dac avem mai puin timp la dispoziie ori investim mai mult n resurse (nanciare, for de munc) ori ne ateptm la o calitate mai slab a produsului nit. De asemenea, dac avem la dispoziie o echip mai mic, atunci e prelungim durata de execuie a proiectului, e ne ateptm la o calitate mai slab a produsului nit.
Motivul? Pentru a atinge perfeciunea trebuie s atingi innitul n cellalte puncte ale diagramei de mai sus, lucru care este imposibil.
Cine spune ce e bine?

n niciun caz dezvoltatorul care a scris codul. De ce? Nu poate obiectiv. Cu ct este mai mic gradul de dependen al testerului fa de aplicaia ce trebuie testat, cu att acurateea testelor este mai mare.
Nu exist software perfect

Dac ar s evalum calitatea unui produs procentual pe o scar de la 0% la 100%, nu ne putem atepta sub nicio form s atingem 100%. Nimeni nu poate. Nici mcar marile companii productoare de software. Cine a avut nervi s citeasc vreodat EULA (End User License Agreement) n momentul n care i instaleaz un program, sigur a observat c se stipuleaz clar nc din primele paragrafe faptul c acea companie productoare nu i asum responsabilitatea pentru eventualele pagube provocate de produsul lor. Asta sun a produs software bug-free sau faultfree? Nu prea.
Din ce stadiu al procesului de dezvoltare trebuie implicat un tester?

De la nceput. Testarea trebuie s nceap o dat cu nceperea scrierii specicaiilor unui proiect software. Review-urile fac parte din procesul de testare. Un tester specializat trebuie s poat determina din specicaiile scrise care dintre seciunile aplicaiei sunt redundante i care nu se potrivesc cu cerinele clientului.
103
iBooks Author
Ctrl-D DEVELOPMENT:
Conectarea la Facebook folosind Graph API

Ionu Botizan
13 mai 2011, Resurse
Cum st treaba ns atunci cnd se doresc chestii mai avansate n ceea ce privete interaciunea cu Facebook? Prerea mea e c-i aproape la fel de simplu i o s v i art de ce zic asta, n continuare.
Cu siguran v-ai obinuit cu toii cu omniprezentele butoane de Like sau Share on facebook i probabil c muli dintre voi le-ai i implementat pe site-urile personale sau ale clienilor, fr a ntmpina prea mari greuti.
Articolul de fa reprezint un scurt tutorial referitor la autenticarea utilizatorilor folosindAPI-ul Social Graph lansat de Facebook n urm cu aproximativ un an i care folosete standardul OAuth 2.0. Nu voi ncerca s detaliez tot ce se poate sau nu se poate face, ci doar s prezint cteva elemente de baz care s reprezinte un punct de pornire pentru cei interesai.
104
iBooks Author
Graph API are la baz dou elemente: obiecte i conexiuni, iar datele sunt returnate n format JSON sau ca header HTTP 302 cu adresa la care se a zic resursa dorit (cum ar n cazul imaginii de prol). Putem privi tipurile de obiecte exact ca pe nite clase, ecare cu proprietile ei, conexiunile reprezentnd metodele prin care sunt accesate obiecte conexe. Obiectele sunt o reprezentare a tipurilor de date existente pe Facebook. Orice informaie (mesaje, notie, link-uri, imagini etc.) adugat de utilizatorii Facebook reprezint un obiect, identicat printr-un ID unic, indiferent de tipul obiectului, astfel nct orice obiect poate accesat printr-un URL de forma https://graph.facebook.com/ID_OBIECT.
Ex https://graph.facebook.com/40796308305 sau folosind un alias https://graph.facebook.com/cocacola
Aceast cerere va returna o colecie de obiecte de diferite tipuri (imagini, comentarii, link-uri etc.) legate printr-o conexiune de tipfeed de utilizatorul cu ID-ul 40796308305 (sau alias-ul cocacola), dar care nu-i aparin neaprat acestuia. Pentru accesarea API-ului, Facebook pune la dispoziie dezvolatorilor de aplicaii o varietate de unelte, printre care i SDK-uri pentru iPhone i Android, ns n articolul de fa m voi limita la SDK-ul PHP.
Pasul 1
nainte de toate, va trebui s trecem prin procesul de nregistrare a aplicaiei pe care dorim s-o realizm unde vom furniza diverse detalii cum ar numele, descrierea, o imagine reprezentativ etc, n urma cruia vom primi dou chei: Application ID (folosit ca i client_id n OAuth) i Application Secret (folosit ca i client_secret). Aceste chei vor folosite pentru identicarea de ctre Facebook a aplicaiei care cere (i s sperm c i primete) acordul utilizatorilor de a le accesa/modica datele personale. Procesul de nregistrare poate iniiat dnd click pe butonul Set Up New App din paginahttp://www.facebook.com/ developers/.
De notat este c aliasul me; https://graph.facebook.com/me va returna ntotdeauna un obiect de tip User populat cu detaliile utilizatorului curent. Conexiunile reprezint relaiile dintre obiecte i pot accesate prin URL-uri de forma https://graph.facebook.com/ID_OBIECT/ TIP_CONEXIUNE.
Ex. https://graph.facebook.com/40796308305/feed
105
iBooks Author
IMPORTANT: Trebuie specicat domeniul pe care va rula aplicaia n seciunea Web site a paginii de preferine.
2. Se denesc ID-ul aplicaiei i cheia secret folosite pentru a identica aplicaia (furnizate de ctre Facebook la nregistrarea aplicaiei)
define('APP_ID','XXXXXXXXXXXXXXX'); define('APP_SECRET','XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX');
Pasul 2
n continuare, va trebui s descrcm arhiva cu SDK-ul PHP de pe Github i s extragem coninutul dosarului src ntr-un loc de unde poate accesat de codul pe care-l vom scrie n continuare. Un exemplu de cum ar putea arta structura de iere este urmtorul:
/facebook/ ./facebook-api/ ./facebook.php ./fb_ca_chain_bundle.crt ./index.php
3. Se construiete o instan a clasei Facebook cu setrile dorite, pe care o vom folosi pentru a accesa API-ul. Opiunile cu care poate instaniat clasa Facebook sunt: appId: Application ID secret: Application Secret cookie: O valoare ce poate convertit n TRUE sau FALSE i care indic dac va activat suportul pentru cookie-uri, astfel nct sesiunea curent s poat folosit pentru a accesa API-ul i din JavaScript (opional) domain: Domeniul pentru care va valabil cookie-ul (opional) leUpload: O valoare ce poate convertit n TRUE sau FALSE care indic dac vor disponibile ncrcrile de iere (opional)
$FBSettings=array( 'appId'=>APP_ID, 'secret'=>APP_SECRET, 'cookie'=>TRUE
Pasul 3
Urmtorul pas ar cel n care scriem n sfrit codul pentru a ne conecta la Facebook. 1. Includem librria pus la dispoziie de Facebook
require'./facebook-api/facebook.php';
106
iBooks Author
); $facebook=newFacebook($FBSettings);
4. Se veric existena unei sesiuni valide i se ncearc preluarea datelor utilizatorului curent. O sesiune este valid n sensul c a fost semnat cu o cheie valid, dar asta nu nseamn neaprat c este activ. O sesiune poate expira dup un anumit timp, dup ce un utilizator i-a ncheiat sesiunea pe Facebook (Logout) sau dup ce utilizatorul a revocat dreptul aplicaiei de a-i accesa datele de pe Facebook.
if($facebook->getSession()): try{ $user=$facebook->api('/me'); }catch(FacebookApiException$e){ //probabilsesiuneaaexpirat... } endif;
cancel_url: Pagina la care va redirecionat utilizatorul n cazul n care acesta nu d dreptul aplicaiei de a-i accesa datele de pe Facebook req_perms: O list de cuvinte cheie separate prin virgul, care specic ce permisii solicit aplicaia. De exemplu, permisia user_photos este necesar pentru a putea accesa fotograile adugate de utilizator, iar user_photo_video_tags este necesar pentru a putea accesa fotograile i videoclipurile adugate de ctre alte persoane, dar n care este prezent utilizatorul curent.
if(!$user): $loginUrl=$facebook->getLoginUrl(); echo'<ahref="'.$loginUrl.'">Login</a>'; else: $logoutUrl=$facebook->getLogoutUrl(); echo'Salut'.$user['first_name'].'!'; echo'<ahref="'.$logoutUrl.'">Logout</a>'; endif;
5. n cazul n care nu exist un utilizator cu o sesiune activ, se genereaz URL-ul link-ului de autenticare. Metoda Facebook::getLoginUrl() accept un parametru de tip Array ce poate conine mai multe chei, cele mai importante ind: next: Pagina la care va redirecionat utilizatorul n urma autenticrii pe Facebook
Codul complet arat cam aa:

<?php //librriaFacebook require'./facebook-api/facebook.php'; //dateledeautentificareaaplicaiei define('APP_ID','XXXXXXXXXXXXXXX'); define('APP_SECRET','XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'); //setriledeconectare $FBSettings=array(
107
iBooks Author
'appId'=>APP_ID, 'secret'=>APP_SECRET, 'cookie'=>TRUE ); //iniializarea $facebook=newFacebook($FBSettings); //verificareaexisteneiuneisesiuni if($facebook->getSession()): //verificareavalabilitiisesiunii try{ $user=$facebook->api('/me'); }catch(FacebookApiException$e){ //probabilsesiuneaaexpirat... } endif; if(!$user): $loginUrl=$facebook->getLoginUrl(); echo'<ahref="'.$loginUrl.'">Login</a>'; else: $logoutUrl=$facebook->getLogoutUrl(); echo'Salut'.$user['first_name'].'!'; echo'<ahref="'.$logoutUrl.'">Logout</a>'; endif; ?>
reprezint parametrul pe care-l folosim. Ca rezultat vom primi un Array cu cheile obiectului User.
$profile=$facebook->api('/me');
2. Pentru a accesa feed-ul:

$feed=$facebook->api('/me/feed');
Rezultatul va un Array multidimensional ce va conine obiecte de diferite tipuri, cum ar Link, Photo, Status updates etc. 3. Pentru a accesa albumele:
$albums=$facebook->api('/me/albums');
i aa mai departe Documentaia complet (dar destul de greu de digerat, dup prerea mea) este disponibil aici.
Tips & Tricks

1. Pentru a micora timpul de rspuns, nu solicitai de la Facebook dect cmpurile de care avei nevoie. Acest lucru se face trimind cmpul elds ca parametru GET care s conin cmpurile dorite, separate prin virgul. De exemplu, dac dorim s citim doar autorul, data crerii i thumb-ul imaginilor, vom scrie ceva de genul:
De aici ncolo, tot ce avei de fcut este s apelai metoda Facebook::api() dndu-i ca parametru un String formatat sub forma URL-ului corespunztor datelor pe care dorii s le accesai, ca de exemplu: 1. Ca i mai sus, pentru a accesa prolul personal, adresa complet ar https://graph.facebook.com/me din care /me
108
iBooks Author
$photos=$facebook->api('/me/photos? fields=from,created_time,picture');
2. Pentru a limita numrul de rezultate se va trimite un parametru GET cu numele limitavnd ca valoare numrul de rezultate returnate i un parametru offset avnd ca valoare decalajul de la care s nceap numrtoarea. n exemplul urmtor vom prelua 20 de fotograi ncepnd cu a 41-a:
$photos=$facebook->api('/me/photos?limit=20&offset=40');
109
iBooks Author
Ctrl-D DEVELOPMENT:
Totul e SCRUM
Agile Alliance denete bunul sim ca ind o combinaie de experien, de formare, umilin, spirit i inteligen. Cei care se ncadreaz n SCRUM aplic bunul sim de ecare dat cnd gsesc un lucru care duce la schimbarea direciei iniiale. Totui, cei mai muli dintre noi suntem obinuii cu procesele prescriptive care spun f asta, apoi asta i apoi asta pe care le-am nvat i nu inem cont de bunul sim, ci mai degrab, poate din comoditate, ateptm instruciuni.
Acum mai bine de 3 ani, n cadrul lucrrii mele de disertaie de la FEAA, abordam Reinventarea managementului de proiect n organizaii i analizam metodologia SCRUM i Managementul de Proiect Agil din punct de vedere al unei organizaii din domeniul IT. Din primul moment, mi s-a parut o abordare ndrznea care ncerca s pun capt vechiului
110
Clin Iepure
iBooks Author
mod de a gestiona un proiect i-mi doream foarte tare s-l implementm i la noi n organizaie. i, ca s nelegei mai bine, SCRUM poate cel mai bine descris de modul de gndire prin care este construit o cas. n mod normal, cumprtorul nu se poate muta n cas pn cnd toat casa este nalizat. Folosind SCRUM, casa va construit camer cu camer. evile, rele electrice, infrastructura s-ar construi n prima camer i apoi ar extinse la ecare camer n parte, pe msur ce acestea sunt construite. Cumprtorul s-ar putea muta mai repede, el hotrnd momentul, n funcie de numrul de camere nalizate. De asemenea, ar putea apoi construite i camere suplimentare n funcie de nevoile lui ulterioare. SCRUM ofer o modalitate de gestionare a unui proiect care permite cumprtorilor construirea casei n acest mod. n timp ce infrastructura este dezvoltat, sunt livrate piese funcionale ctre cumprtori, astfel nct organizaiile lor pot ncepe s utilizeze pri ale sistemului n prima parte a ciclului de dezvoltare. Avnd n vedere faptul c sistemul este complex, cumprtorul va putea determina care pri ale sistemului vor construite, n ce ordine i cnd va ncepe s foloseasc aceste piese.
Cumprtorul ar putea chiar s nu aib ntregul sistem construit, ci doar un subset din funcionalitatea total dorit iniial i cu toate acestea, cerinele lui s e ndeplinite. Aadar, motivat de dorina de a gestiona proiectele ct mai bine, am nceput s aplicm SCRUM n cteva dintre proiectele noastre. n timp, analiznd mersul lucrurilor, am observat c exist att chestiuni pro, ct i contra. AVANTAJE: ncurajeaz lucrul n echip i transparena. Sparge ierarhia i ajut oamenii noi din echip s devin productivi ct mai repede i s neleag proiectul. Se concentreaz pe funcionaliti clare. SCRUM este adaptiv i ajut echipa de management s vad n timp real rezultate prin update-uri constante i status la zi. Se pot prevedea costurile viitoare. Clienii au abilitatea de a modica cerinele din mers. Exist o transparen a costurilor i acaracteristicilor implementate. Programatorii au o documentaie iniial minim.
111
iBooks Author
mprirea task-urilor se face printr-o abordare colaborativ. Exist o colaborare foarte bun cu managerii i clientii, n urma creia rezult multe idei. Dezvoltarea are loc n iteraii. DEZAVANTAJE: SCRUM se focuseaz pe caracteristici clare. Devine foarte tentant s nalizezi rapid un lucru ntr-o manier nu tocmai elegant. Aceasta poate afecta mai trziuarhitectura, scalabilitatea i securitatea, deoarece acestea nu au un efect imediat vizibil n experiena utilizatorului. Metodologia cere ecrui membru s uite de specializarea sa i s acioneze ca un membru al echipei, indiferent dac e designer, front-end developer sau programator. Asta poate da uneori probleme de inconsisten. Din cauza presiunii constante zilnice apare stresul, iar spre nalul proiectului, nivelul moral al echipei este decitar. Abordarea rezolv probleme specice ale proiectului, dar las altele nerezolvate i creeaz posibilitatea solicitrii de noi task-uri care duc la extinderea proiectului. mprirea task-urilor n echip poate duce la probleme din cauza nepotrivirii pe anumite task-uri.
Pentru a accepta o asemenea abordare, clientul trebuie s aib mare ncredere n dezvoltatorul de soluii. Pot aprea diculti n estimarea costului nal al proiectului, datorate dorinei permanente de a aduga noi i noi caracteristici care apar din ideile venite pe parcurs. Refactoring-ul are prioritatesczut din cauza actualizrii constante a statusului i a cererii de noi funcionaliti. Se ntmpl frecvent ca membrii echipei s se piard n detalii i s uite scopul general al proiectului. SCRUM cere un nivel mare de automatizare. n concluzie, SCRUM este un model agil de gestionare a proiectelor informatice complexe. Pe de-o parte, procesul este foarte simplu. Pe de alt parte, simplitatea lui poate neltoare. SCRUM nu are o reet prescris a procesului, nu este descris tot ceea ce trebuie fcut n ecare circumstan deoarece SCRUM este utilizat n proiectele complexe, n care este imposibil de anticipat tot ceea se va produce. n consecin, SCRUM ofer, pur i simplu, un cadru i un set de practici pentru a pstra totul vizibil. Acest lucru permite practicanilor s tie exact ceea ce se ntmpl pentru a face fa uor ajustrilor i, mai ales, pentru a menine proiectul nspre obiectivele dorite.
112
iBooks Author
Ctrl-D DEVELOPMENT:
Feedback is fty
De-a lungul experienei mele de lucru cu mai muli oameni i pe proiecte din cele mai diverse, am descoperit c una dintre cele mai rspndite i delicate probleme cu care ne confruntm este feedback-ul, n toat splendoarea lui de cuvnt cu mai multe fee.
Pornind de la el ca i concept, feedback-ul este, pe de-o parte, mbriat i ridicat n slvi de toat lumea i pe de alt parte, de multe ori ignorat cu uurin.
Andreea Coma
Face parte, dup prerea mea, din acea frumoas categorie de termeni care ne sunt vitali, dar foarte greu de digerat, cum ar comunicarea de calitate, o alt valoare utopic spre care aspirm cu toii. Dar s revenim la feedback-ul nostru cel de toate zilele. A enumera mai jos cteva idei de care este bine s ii cont atunci cnd dai sau ceri feedback (lista este deschis, chiar te rog s aduci completri). Feedback-ul ar trebui s e:
113
iBooks Author
Oportun Adic trimii feedback-ul atunci cnd a avut loc evenimentul sau incidentul i nu-l ii la pstrare, pe lista neagr, pentru atunci cnd poi s i-l arunci n fa celuilalt. Dac te doare ceva, e bine s spui pe loc. Cu ct feedback-ul e mai departe de eveniment, cu att i pierde din importan pentru cel care l primete. Permanent i regulat Adic nu are voie s e un eveniment rar, ntmpltor, ca o petrecere aniversar, ci trebuie oferit i cerut ct de des cu putin, dar i cu bun sim, fr a abuza de el. Delimitat n timp S acopere un interval relativ scurt, n aa fel nct cel care l primete s aib n vedere un orizont de timp uor administrabil, pentru a se evita situia n care ajungi s dai feedback la feedback-ul pe care l-ai oferit data trecut, pentru c riti ca cellalt s uitat ntre timp despre ce era vorba. Clar i la obiect Nu ajut pe nimeni s e repetate chestiuni generale care au doar valoare de umplutur, fr nicio esen.
De asemenea, feedback-ul trebuie s e inteligibil, nu e ok s l dai n chinez sau n termeni inginereti unei persoane care se ocup cu marketingul. Msurabil n aa fel nct cel care l primete s i poat identica progresul i s poat utiliza acest aspect n aciunile sale viitoare. Constructiv S caui soluii, nu s caui vinovai n ideea n care dac cineva a greit, e mai simplu s gseti soluii alternative dect s pui bietul om la zid. Neprtinitor Adic obiectiv (alt cuvnt mare). Trebuie s te legi de aciunea n discuie i nu de persoana care a ntreprins-o, dac aceasta este sau nu cool. Nu ncepe o critic printr-o armaie de genul Ascult, mi, deteptule. F referin strict la problem. Specic exact care este greeala. Nu insulta gratuit o persoan doar pentru c te simi btut de soart n momentul respectiv.
114
iBooks Author
Direcionat spre comportamente care nu sunt btute n cuie ncearc s gaseti acele portie care se pot schimba n loc de a insista pe anumite seturi de reguli btute n cuie. E mai bine uneori s o iei pe ocolite. Echilibrat E important s poi privi ambele pari ale unui lucru, s vezi tot timpul i partea pozitiv i cea negativ. De calitate superioar E important s dai sau s ceri feedback de la persoane pe care le respeci i a cror prere conteaz. Asta nu nseamn s ceri prerea doar celor care i spun un Good job!, dimpotriv, ar bine s primeti feedback ct mai divers.
Este simplu? Desigur! Baft la pus n practic.
115
iBooks Author
Ctrl-D DEVELOPMENT:
Design patterns: The Gateway Pattern
Adeseori, o aplicaie PHP e nevoit s acceseze o resurs extern, resurs care nu face parte din arhitectura sistemului. Serviciile web, bazele de date, sistemul de iere sau alte aplicaii web sau nonweb, pot o surs de informaie pentru aplicaia noastr.
Motivaie
Atunci cnd eti nevoit s accesezi o resurs extern, cum ar o baza de date sau un endpoint HTTP, codul tu va conine probabil funcii ce aparin unor API-uri. Totui, folosind astfel de metode, putem ntmpina anumite diculti. Mai nti de toate, utiliznd astfel de API-uri, codul scris tinde s devin unul strns legat de produsul sau aplicaia respectiv. Astfel, orice modicare a software-ului devine greoaie din moment ce ecare resurs depinde n mod direct de anumite funcii i, n cazul unor schimbri, vom nevoii s modicm structura i rutinele acestora.
Cristian Sitov
4 iulie 2012, Resurse
116
iBooks Author
Pe de alt parte, e foarte posibil ca un anumit set de funcii s e necesar n tot felul de locaii ale codului, astfel nct e foarte greu s distingem unde am folosit sau unde avem nevoie de o procedur specic. Mai mult, e posibil ca resursa noastr extern s returneze tot felul de tipuri de rezultate care s nu se potriveasc ntru totul cu cerinele software-ului nostru.
reuete prin comportamentul su s izoleze layer-ul aplicaiei sau modelul conceptual al aplicaiei de resursele accesate. Arhitectura Hexagonal reprezint o evoluie a acestui pattern, n momentul n care este aplicat sistematic tuturor resurselor externe i ecare dependen este injectat printr-un adaptor. Un Gateway poate implementat utiliznd mai mult de un obiect, acoperind astfel att funcionalitatea, ct i rspunsul generat.
Implementare
Exist o soluie foarte simpl pentru toate aceste situaii, iar ea se numete Gateway pattern: un wrapper care s conin toate metodele necesare interaciunii cu acea resurs, astfel nct obiectul s furnizeze toate metodele i proprietile utile, dup cum cere software-ul, acolo unde vrei i cnd vrei. Acest pattern e mai degrab unul ce se poate aplica mai multor softuri dect unuia anume. Se aseamn cu pattern-urile Facade i Adapter, ns tinde s devin mai degrab o superclas.
Avantaje
Prin implementarea acestui pattern se obine o izolare mult mai bun din punct de vedere al dependenelor, astfel c modicrile nu afecteaz sistemul n mod direct i se pot crea metode n funcie de situaie. n modul acesta, sistemul devine mai lizibil i mai coerent i nu necesit exploatarea ntregii complexiti a resursei.
Dezavantaje mpachetare
Implementarea propriu-zis a acestui pattern e practic o mpachetare, deoarece scopul su primar este funcionalitatea. Din aceast cauz, este folosit cu predilecie n testare, mai ales n situaiile n care se veric modul de lucru. Acest pattern Nu cred c exist dezavantaje atunci cnd vine vorba de utilizarea acestui pattern, cu excepia situaiilor n care nivelul de abstractizare e prea ridicat, pentru c uneori se poate ajunge i la astfel de situaii.
117
iBooks Author
Particulariti
Facade simplic un API complex atunci cnd probabil API-ul e scris de aceiai programatori, n timp ce Gateway e scris de un programator client pentru a-i simplica munca; de asemenea Facade implic o interfa diferit, n timp ce Gateway mpacheteaz o resurs ascunznd pri din API. Un Adaptor altereaz o implementare pentru a oferi un API nou, dar Gateway-ul nu face asta. Un Mediator separ diferite obiecte, ns Gateway-ul e mai specializat n a izola obiecte i a pstra independena fa de resursa utilizat. Exemplu:
class FBGateway { /** * returneaz numrul de like-uri ale unei pagini de Facebook */ public function getLikeData($page_name) { $endPoint = "http://graph.facebook.com/" . $page_name; // nu recomand file_get_contents, ns pentru simplitate... $buffer = file_get_contents($endPoint); return $buffer; } } // iniializare obiect $gateway = new FBGateway();
// apelare obiect/metod, pentru a extrage nr. de likeuri ale paginii FC Poli Timioara $response = json_decode($gateway->getLikeData('FCPTM'), true); echo $response['likes'];
118
iBooks Author
Ctrl-D DEVELOPMENT:
Resurse i Tool-uri pentru AS3
Ca i n orice alt meserie, uneltele pe care le foloseti n programare te pot ajuta s-i termini treaba repede sau te pot ncurca, crend astfel frustrare. Ei s lsm frustrarea la o parte i s povestim puin despre uneltele care fac viaa unui programator mai uoar.
Editare Cod: FlashDevelop

Dup o lung i anevoioas cutare, efectuat cu scopul de a gsi un editor de ActionScript 3, n care dac faci o modicare sau o compilare a codului s nu te pun s atepi n minute, unde n poate varia de la 1 la innit, am dat de FlashDevelop.
Ctlin Sveanu
Pentru mine, a fost dragoste la prima vedere. Nici acum nu mi vine s cred c un program free poate s-i ofere attea: suport ActionScript 2, ActionScript 3, MXML i Haxe generator de cod i IntelliSense organizator de bookmarks i TODOs
119
iBooks Author
Find and Replace foarte complex, avnd posibilitatea de a cuta i n mai multe iere organizator de cod snippets explorarea claselor n SWF i SWC autocomplete i pentru XML i HTML se integreaz uor cu Adobe Flash, pur i simplu CTRL +ENTER pentru compilare conine un manager de proiect pentru a avea la un loc toate ierele de care ai nevoie i un template de proiecte foarte inteligent care i genereaz tot ce ai nevoie source control integrat SVN, GIT, n curnd i Mercurial posibiliatea de a pune plugin-uri custom i multe, multe altele. Se mic foarte repede, iar kit-ul de instalare are doar 10MB. Dac pn acum nu l-ai ncercat, vi-l recomand cu toat cldura, nu vei dezamgii.
nevoie de aa ceva, pur i simplu pun codul n aplicaie i-l execut, se folosete de compiler-ul mxmlc care face parte din Adobe Flex SDK. Aplicaia este n AIR aa c merge pe Windows, Linux i Mac OS X. Este foarte rapid i uor de folosit. Hi-Res-Stats Pentru testarea performanelor, Hi-Res-Stats de la Mr Doob a devenit un standard n domeniu. Aceast clas aeaz un simplu info box, n care se pot vedea: FPS cte frame-uri pe secund se randeaz MS numrul de milisecunde necesar pentru a randa un frame MEM memoria total folosit de aplicaie MAX- memoria maxim la care s-a ajuns pe parcursul testrii Vizzy Flash Tracer Este o aplicaie de sine stttoare care are ca i funcie principal posibilitatea de a vedea tot ceea se trimite n ash log. Amintesc aici cteva dintre caracteristicile principale ale aplicaiei: formatare JSON, evidenierea erorilor explorarea codului surs
120
Testare i Debug
AS3Term De multe ori, am fost pus n situaia de a testa o bucat mic de cod. Pentru aceasta, trebuia s generez un proiect nou, s pun codul i s-l testez. De cnd am gsit AS3Term, nu mai e
iBooks Author
disponibilitate plugin pentru FlashDevelop Funcioneaz n Firefox, Internet Explorer, Chrome, Safari, Flash IDE, Adobe AIR, iar ca sistem de operare, pe Windows, Linux i Mac OS X. Pe lng faptul c putei vedea ce se scrie n ash log, avei opiunea de a vedea i ce se scrie n ash policy le. Un avantaj major este c nu necesit instalare. Flash-Console Este un logger/debugger pentru Flash, Flex i AIR. Are avantajul de a se se pune automat peste aplicaie i prin setarea unei parole, se poate ascunde sau aa n funcie de nevoi. Mesajele trimise la consol se pot direciona pe mai multe canale i se pot prioritiza n funcie de nevoi: log, debug, info, warn, error, fatal. Pentru a inspecta un obiect, se d un simplu click pe textul din consol. Command-line te las s execui cod n timpul rulrii. Dac toate astea nu vi se par suciente, mai are i cteva extra-funcii: cutare/ltrare dup o expresie regulat sau un simplu cuvnt; aarea obiectelor ce se a sub cursorul mouse-ului; grac al memoriei, FPS; linear pt msurarea distanei i unghiului pe ecran; monitorizeaz obiectele pentru garbage collector i multe alte funcii pe care v las s le descoperii odat cu importarea acestei clase n proiect.
Resurse
http://www.greensock.com/tweenmax/ un excelent tween manager care are suport att pentru AS2 ct i AS3. https://github.com/bigspaceship/as3/ ocolecie de clase de la una dintre cele mai mari agenii din lume. Foarte utile http://code.google.com/p/bulk-loader/ un super Loader, cum mi place mie s-i zic, face din ncrcarea resurselor externe o joac. http://casalib.org/ oadevarat aglomerare de clase, utile pentru orice v trece prin cap. Are suport AS2 i AS3. http://box2dash.sourceforge.net/ un motor de zic open source pentru AS3 portat din C++. https://github.com/mikechambers/as3corelib olibrrie de clase pentru AS3 creat de binecunoscutul Mike Chambers. Conine MD5 i SHA 1 hashing, encoder pentru imagini, serializatoare JSON ct i API-uri pentru lucrul cu clasele: String, Number i Date. https://github.com/robertpenner/as3-signals/wiki/ rspunsul lui Robert Penner la AS3 Events. S-a inspirat din modul n care sunt tratate evenimentele n C#. Odat folosit aceast librrie, nu prea mai i vine s te ntorci la clasa Event din AS3.
121
iBooks Author
Lista poate i mai lung, mult mai lung, eu m-am oprit ns la cele pe care le consider mai importante. n cazul n care nu le tiai, v recomand s aruncai un ochi peste, pentru c merit i v va ajuta foarte mult. n cazul n care le tiai deja i mai avei idei cu care s completai lista, atept cu mare interes s o facei.
122
iBooks Author
Ctrl-D DEVELOPMENT:
Version Control
Pentru cei care nu tiu, acesta i permite s vezi toate modicrile fcute pe parcusul dezvoltrii proiectului i ajut foarte mult n situaiile urmtoare: Revenirea la o versiune anterioar. De exemplu, cnd ai fcut un update care nu merge aa cum trebuie, poi reveni la ultima versiune stabil. Sau n cazul n care ai scos un feature din proiect la cererea clientului, dar acesta s-a rzgndit i tu l-ai ters ntre timp. Lucrul n echip. Permite ca mai muli oameni s lucreze n acelai ier simultan.
Lucian Marius Neag

Backup. Dac ai ters un ier din greeal, poi oricnd s-i dai restore. Pentru cei dintre voi care nu au lucrat cu aa ceva pn acum, sper s nvai cum funcioneaz i cum s folosii sistemele de versionare.
Orice programator cu experien tie c un sistem de versionare a codului te poate salva de multe ori.
Principii de funcionare
n sperana c imaginea este destul de sugestiv i uor de neles, m rezum la a descrie pe scurt elementele care apar acolo.
123
iBooks Author
Respository-ul este serverul central n care sunt stocate toate versiunile proiectului, de unde toi developerii i iau ultima versiune a codului (procedura de update). De ecare dat cnd un developer termin de lucrat l a un feature, task sau alt etap de dezvoltare, trimite modicrile fcute ctre repositoryfcnd commit. Dup ecare commit se creeaz o nou versiune care este etichetat cu un numr, reprezentnd un revision id, data i numele celui care a fcut commit-ul.
un repository central, ci doar working copies, operaiunile de commit i update fcndu-se folosind modelul peer-to-peer spre deosebire de SVN unde se folosete modelul client-server. Pentru a putea folosi unul din sisteme de versionare pe Windows trebuie s avei instalat unul dintre clienii de mai jos: SVN: TortoiseSVN Cel mai simplu de folosit, ofer integrare n shell (disponibil la click dreapta n Explorer) Git: msysgit (poate folosit i ca SVN client) Mercurial: ToirtoiseHg
Congurare i utilizare SVN

Pentru cei care n-au neles mare lucru din ce am explicat pn aici, cred c ar mult mai util s punem n practic toat teoria de mai sus. n continuarea articolul, voi descrie paii care trebuie urmai pentru a folosi SVN pentru un proiect. 1. Repository Cel mai simpl variant ar s v hostai proiectele online. Putei folosi: assembla.com git & svn xp-dev.com svn, git, mercurial
124
Sisteme de versionare
La ora actul, cele mai folosite sisteme pentru versionare ar SVN, Mercurial i Git. SVN-ul a aprut prima oar n anul 2000, i este urmaul CVS-ului. Git i Mercurial au aprut mai recent, n anul 2005. Spre deosebire de SVN, Git i Mercurial pun mai mult accentul pe vitez (operaiile de update / commit mult mai rapide) i sunt Distributed revision control. Asta nseamn c nu exist
iBooks Author
github.com git unfuddle.com git & svn beanstalkapp.com git & svn projectlocker.com git & svn Majoritatea serviciilor de mai sus ofer hosting pentru proiecte open-source sau codul gzduit este public n varianta free. Dac nu vrei s folosii aa ceva, putei s v instalai repository-ul local. 3. Adugai useri pentru proiectul nou creat. Selectm Users din lista din stnga i apoi, dup ce accesm Actions -> Create User, o s ne apar o fereastr de dialog unde introducem username-ul i parola. 4. Ne ntoarcem la repository-ul proaspt creat i selectm Properties din meniul click dreapta.
Crearea unui repository local

Pn de curnd, puteam face un repository local folosind doar TortoiseSVN, ns se pare c ultima versiune nu mai suport protocolul le:///. Aa c avem nevoie de o aplicaie tip server, recomandarea mea pentru aa ceva ind VisualSVN. Dup instalare, pornii aplicaia VisualSVN Server Manager i de acolo putei crea un nou repository urmnd paii de mai jos: 1. Selectai Repositories din lista din stnga, apoi acestai din meniu: Action i apoi Create new repository 2. Alegei un nume pentru proiect. De exemplu, vom numi proiectul ctrld:
125
iBooks Author
5. Din fereastra de proprieti putem aduga userii la repository-ul nou creat. n exemplul de mai jos am adugat userul Luxian cu drepturi depline i am interzis acces-ul pentru cei care nu au user i parol.
Setarea directorului de lucru

Working copy se refer la directorul n care lucrezi tu de obicei. Eu am ales s lucrez n folderul C:ctrld, ns orice alt folder este la fel de ok, nu exist restricii. Pentru a vedea ce se ntmpl dac alegem s introducem versionarea dup ce am nceput lucrul la proiect, am descarcat template-ul de email oferit de Radu. Folderul de lucru arat cam aa:
Dac i se pare complicat de creat un repository, gndete-te c lucrul acesta se face doar o singur dat pe parcursul proiectului sau poi oricnd s foloseti unul din site-urile de mai sus, unde e nevoie doar de un click pentru a crea i congura unul.
Urmtorul pas ar conectare la repository-ul nostru, care se face la fel de simplu, folosind click dreapta n folderul de lucru i selectnd SVN Checkout:
126
iBooks Author
O s v apar o fereastr n care trebuie s introducei adresa repository-ului (URL of repository) i directorul de lucru (Checkout directory). La adresa repository-ului trebuie introdus https://Luxian-PC:8443/svn/ctrld/ (adresa o gseti n VisualSVN, n meniul Actions: Copy URL to clipboard sau scris deasupra proiectului vezi printscreen). Mai departe, trebuie corectat adresa de la Checkout directory, deoarece, dup ce am completat cu adresa repository-ului, calea a devenit C:ctrldctrld n loc de C:ctrld.Dup completarea datelor, fereastra ar trebui s arate aa:
Dup ce apsai OK, vei primi un mesaj de atenionare n cazul n care avei deja ierele n folderul de lucru (cum e cazul nostru). Apsai Yes. Dac totul a funcionat corect, ar trebui s vedei ceva asemntor cu asta.
Utilizare
Acum c am urmat toi paii de congurare, tot ce ne rmne de fcut este s ne continum lucrul. Imediat dup creare, repository-ul nostru este gol (niciun ier). O s trimitem ierele pe care le avem deja n folderul de lucru. Pentru asta, dm click dreapta pe folder i selectm SVN Commit. O s apar o fereastr ca cea din imaginea din dreapta. n fereastra respectiv completm mesajul i selectm ierele pe care vrem s le actualizm i pe repository. n partea de jos a ferestrei gsim ierele care sunt modicate sau nu exist n repository (trebuie adugate). n cazul de fa.
127
iBooks Author
repository-ul e gol, astfel c toate ierele apar ca ind noi (non-versioned). folosind checkbox-ul de jos Select / deselect all le putem selecta pe toate i apsm OK. Mesajul trebuie s descrie ct mai pe scurt modicrile trimise. De exemplu Adugare opiunea X sau Fix bug #3456. Multe tool-uri de Project Management se pot conecta la SVN i adaug automat ca i comentariu la task mesajele din SVN care conin id-ul ticket-ului cu # ca prex. Mai mult, unele chiar pot s nchid ticket-ul respectiv dac mesajul de commit SVN conine ceva de genul Closes #3456. Mai departe, TortoiseSVN creeaz o nou revizie (revision 1), i trimite ierele ctre repository, astfel nct i ceilai membri ai echipei s le poat descrca. Tranferul poate dura cteva secunde sau chiar minute (depinde foarte mult de conexiunea cu serverul i numrul de iere). Dac totul a mers cum trebuie, ar trebui s v apar n nal mesajul Completed At revision. Pentru a descrca local ultima versiune (cu ce au lucrat i ceilali colegi de proiect) putem face click dreapta pe folderul de lucru i selectm SVN Update. ToirtoiseSVN va descrca doar ierele care au fost modicate, iar n cazul n care un coleg a lucrat pe acelai ier ca i tine, va face modicrile cum se cuvine, pstrnd i codul scris de tine i modicrile fcute de cellalt (exceptnd situaia n care ai lucrat amndoi pe acelai linie de cod i nu tie ce variant s pstreze).
Tot la update se va face restore i la ierele pe care le-ai ters din greeal. Din pcate. e mai greu de fcut un exemplu pentru aa ceva, din moment ce sunt singurul care lucrez la acest proiect exemplu, ns sunt convins c v descurcai i fr printscreen-uri. Pe lng operaiunile de Update i Commit, mai avei la dispoziie i urmtoarele opiuni: Show log: lista ce conine toate commit-urile fcute, de ctre cine au fost fcute, ce iere au fost modicate i ce anume a fost modicat. Update to revision: specici revision id-ul dorit, ce face cred c e destul de evident Revert: dac ai modicat un ier, dar vrei s renuni la modicri i s-l readuci la ultima versiune din repository Export: Copiaz tot proiectul fr folderele .svn (acele foldere sunt create automat de ctre softul de .svn),
Integrare cu alte tool-uri

Fiind un tool destul de vechi, SVN-ul este destul de bine integrat n multe alte unelte software, de exemplu:
128
iBooks Author
Sistemele de project management: Un exemplu ar Trac. Care ofer code browsing,diff view, etc. Editoarele de cod sau IDE-urile ofer integrare cu SVN sau Git i pentru a face commit sau update nu e nevoie s mai deschidem alt fereastr Proiectelor open-source folosesc SVN sau Git. n felul acesta, e foarte uor s descarci codul surs i s faci update-uri de cte ori este necesar, fr s pierzi modicrile fcute de tine. Tot n acest mod, poi contribui la astfel de proiecte La aplicaii web i nu numai, poi folosi SVN pentru a face deployment (execui svn update pe server, i automat vor actualizate doar ierele care au fost modicate, fr s copiezi din nou toate ierele sau s uii vreunul) Tool-urile de code review necesit astfel de sisteme de versionare. Dei n articol am tratat mai mult lucruri de baz, generale. Lucrul cu SVN te ajut s lucrezi i cu sisteme de versionare mai complexe i nu se rezum doar la ce am menionat aici. n sperana c v-am convins s folosii un tool de versionare n proiectele voastre actuale i viitoare, orict de mici ar ele, v stau la dispoziie pentru ntrebri legate de congurare i
utilizare. Sper ca pe viitor s urmeze i un articol asemntor pentru Git.
129
iBooks Author
Ctrl-D DEVELOPMENT:
URL Rewriting
Ce este URL Rewriting?

Exist diverse metode de cretere a performanelor unui website, mai ales de a-l face ct mai vizibil pentru motoarele de cutare, iar una dintre aceastea se numete URL Rewriting sau, pe nelesul tuturor, s-ar traduce prin Rescrierea URLului. URL = Uniform Resource Locator, tradus Adres uniform pentru localizarea resurselor utilizat pentru specicarea unei resurse de date n Internet. Aceast tehnic de rescriere a URL-ului se folosete n special n cazul siteurilor dinamice, atunci cnd, spre exemplu, URL-ul poate avea urmtoarea structur:
http://www.mywebsite.com/product.php?id=7
Marius Toma
Cnd cineva i propune s-i construiasc un website, o ntrebare esenial este: Ce pot face pentru ca siteul meu s ajung primul n lista motoarelor de cutare?
URL Rewriting permite rescrierea sau reformatarea URL-ului din bara de adres a browser-ului, astfel nct acesta s rezulte ntr-o form ct mai prietenoas i uor de interpretat de ctre motoarele de cutare. Astfel, prin reformatarea lui, URL-ul de mai sus va deveni un URL static i poate arta astfel:
http://www.mywebsite.com/products/7/ sau http://www.mywebsite.com/produsul_meu/
sau orice alt form, n funcie de necesiti.

130
iBooks Author
Cum se folosete?
n funcie de tipul de aplicaie web-server folosit, exist diferite metode de a avea acces la modulele ce permit rescrierea URLului. Una din cele mai simple i puternice aplicaii web-server care permite aceast tehnic este Apache HTTP Server, avnd implicit un modul dedicat pentru rescrierea URL-ului mod_rewrite, ind stocat n directorul modules al server-ului. Acest modul este unul din cele mai complexe ale server-ului Apache, ind o unealt puternic n manipularea oricrui tip de URL. Pentru ca acest modul s e activ i funcional, este nevoie ca n ierul de congurare al server-ului apache /conf/ httpd.conf linia ce include acest modul s e decomentat sau, dac nu exist, s e inclus:
LoadModule rewrite_module modules/mod_rewrite.so
Cum funcioneaz acest modul?

Odat ce o cerere HTTP a fost fcut pentru accesarea unei pagini Web, Server-ul Apache determin host-ul corespunztor site-ului accesat, apoi veric dac mod_rewrite este activ i l pornete. Urmeaz vericarea seturilor de reguli. Se proceseaz mai nti directivele sau seturile de reguli de tip per-server coninute n ierul de congurare httpd.conf. Dac aceastea sunt ndeplinite, se face redirecionarea n conformitate cu setul de reguli, pentru accesarea URL-ului ce corespunde site-ului gzduit. Dup ce toate condiiile din ierul de congurare au fost ndeplinite, se proceseaz directivele de tip per-directory din ierul cu numele .htaccess al ecrui director al site-ului. O concluzie simpl referitoare la funcionare i utilizare: pentru a avea acces la tehnicile de URL rewriting, pe lng server-ul Apache instalat i modulele adiionale adugate pentru funcionalitate, mai este nevoie i de anumite seturi de reguli sau directive care se pot scrie att n ierul de congurare httpd.conf, ct i n iere .htaccess care pot exista n ecare director al site-ului web. De obicei, exist un singur astfel de ier care se regsete n rdcina site-ului web.
La anumite aplicaii, pentru ca tehnicile de URL Rewriting s e funcionale sut la sut, trebuie adugate i module adiionale ale server-ului Apache, ca: mod_alias,mod_userdir. Acestease includ, de asemenea, din ierul de congurare /conf/httpd.conf.
131
iBooks Author
Cum se parcurg seturile de reguli?

Citirea seturilor de reguli sau a directivelor de tip per-server sau per-directory se face de sus n jos, ncepnd cu prima linie a ierului. De aceea este foarte important ordinea de scriere a regulilor. Acestea se interpreteaz pe rnd de ctre server, apoi sunt luate deciziile n funcie de structura directivei.
Beneciile acestui modul

Ajut la optimizarea site-urilor pentru motoarele de cutare; URL-urile statice sunt mult mai rapid parcurse de spider-ele motoarelor de cutare. Site-ul este mai optimizat i mai accesibil utilizatorilor; un URL static este mult mai accesibil i uor de utilizat dect unul dinamic. Ofer siguran, astfel prin mod_rewrite se impune variabilelor o faz adiional de securitate; accesarea unui URL cu anumite variabile care nu corespund condiiilor impuse n setul de reguli face s rezulte n eroarea HTTP 404 (Page NOT Found)
Descrierea seturilor de regului sau a directivelor

Mai nti, este accesat prima regul care corespunde din punct de vedere structural cu URL-ul cerut. Motorul de rescriere veric pattern-ul (modelul) din descriere a regulii; dac pattern-ul este identicat corect, se veric apoi condiiile impuse acestei reguli. Se face apoi traducerea n noul URL. RewriteEngine Sintaxa: RewriteEngine on|off (implicit este off) Activeaz sau dezactiveaz efectuarea procesului de rescriere al URL-urilor. RewriteOptions Sintaxa: RewriteOptions Options Denete opiunile de funcionare per-server sau perdirectoy. Options poate avea una din urmtoarele opiuni:
132
iBooks Author
inherit aceast opiune foreaz conguraia curent s moteneasc conguraia printe; dac este aplicat de tip per-virtual-server, se foreaz motenirea regulilor de pe server-ul printe de tip per-server. MaxRedirects=numr impune numrul maxim de redirectri interne i termin execuia cu eroarea HTTP 500 (Internal Server Error) ndat ce numrul de redirectri a fost depit. RewriteCond Sintaxa:RewriteCond TestString CondPattern Aceast directiv impune o condiie unei reguli. Pentru ca aceste condiii s e valide, aceastea trebuie impuse nainte de directiva de descriere a regulii, adic de RewriteRule. RewriteRule Sintaxa: RewriteRule Pattern Substitution [Flag(s)] Este directiva care descrie regula de rescriere a URL-ului. Ea veric URL-ul din punct de vedere al sintaxei (structural). Dac URL-ul corespunde pattern-ului, se trece la efectuarea substituirii.
Cteva exemple
n ierele .htaccess este indicat vericarea funcionalitii modulelor Apache nainte de utilizare. De aceea, pentru folosirea modulului mod_rewrite, este indicat scrierea seturilor de regului ntre tag-urile de vericare ale modulului:
-IfModulerewrite_module- seturiledereguluisaudirective -/IfModule- (nlocdesemnul'-'seaplicsemnelepentrutag-uriHTML<>)
Pentru ca URL rewriting s e funcional n site-ul construit, este obligatorie activarea modulului: RewriteEngine on Not: seturile de reguli pentru rescrierea URL-ului se formateaz cu ajutorul expresiilor regulate. # Redirectare cu mesaj Moved Permanently dac host-ul nu este gsit
RewriteCond%{HTTP_HOST}www.mywebsite.com[NC] RewriteRule^$www.mynewwebsite.com[R=301,L]
# Redirectare funcie de tipul Browser-ului

RewriteCond%{HTTP_USER_AGENT}.*Firefox.* RewriteRuleîndex.php$/index_firefox.html[L] RewriteCond%{HTTP_USER_AGENT}.*MSIE.* RewriteRuleîndex.php$/index_ie.html[L]
133
iBooks Author
# Asare a unor rezultate intr-un URL static

RewriteRule^list/([0-9]*)$/list/$1/[R] RewriteRule^details/(.+)_([0-9]+).html$/details.php?id=$2 RewriteRule^details/(.+)/([0-9]+)/image/(.+).html/? $/details.php?title=$1&id=$2&page=$3
Resurse Web:
http://httpd.apache.org/docs/2.0/mod/mod_rewrite.html http://httpd.apache.org/docs/2.0/misc/rewriteguide.html
# Formatarea numelor de imagini din directorul dorit

RewriteRuleîmg_(.+)$/images/$1.jpg
# Protectia sierelor dintr-un anumit director

RewriteRuleîncludes/page_not_found.php[L,R] RewriteRuleîmages/bad.jpg[L,R]
Not: Atenie la citirea i formatarea expresiilor regulate i, de asemenea, la corelarea acestora cu variabilele trimise. De exemplu, pentru urmtoarea regul:
RewriteRule ^details/(.+)/([0-9]+)/image/(.+).html/?$ /details.php? title=$1&id=$2&page=$3
Ordinea de corelare a variabilelor cu expresia regulat este: * $1 => (.+) * $2 => ([0-9]+) * $3 => (.+)
134
iBooks Author
Ctrl-D DEVELOPMENT:
Networking fr TCP/IP
n ultima vreme, am avut ansa s particip la numeroase evenimente de business. Fie c era vorba de evenimente locale sau naionale, majoritatea promovau i oportunitile de networking pe care le ofer. Pcat ns de faptul c marea majoritate a celor prezeni protau prea puin de acest avantaj i preferau s poarte discuii interminabile cu cei alturi de care au venit sau s stea linitii ntr-un colior i s-i fumeze relaxai igara.
Aadar, mi-am propus ca prin acest scurt articol, s ncerc s scot n eviden lucrurile de care ar trebui inut cont la aceste ntlniri i cum ar trebui procedat, pentru a benecia la maximum de prghiile Business Networking-ului. Pentru cei care nu tiu, Business Networking-ul este procesul de stabilire a unei relaii reciproc avantajoase cu ali oameni de afaceri sau cu poteniali clieni.
135
Clin Iepure
20 iulie 2011, Carier & Business
iBooks Author
De ce este important Business Networking-ul?

n primul rnd, cea mai credibil surs de informaii sunt sfaturile provenite de la prieteni sau oameni pe care-i cunoatem. Se poate observa chiar faptul c majoritatea vnzrilor unei rme provine din recomandri. n al doilea rnd, ansele de a ncheia o tranzacie cresc dac cei care ncheie afacerea s-au cunoscut la un eveniment de networking. i asta se ntmpl deoarece relaiile stabilite acolo se bazeaz pe ncredere. Prin urmare, iat cteva lucruri care s-ar putea ca data viitoare s fac diferena: Stabilete-i obiective clare nainte de a participa, ntreab-te ce vrei s obii de la acel eveniment. Obiectivul trebuie s e clar: m duc acolo pentru a face asta i pentru a obine asta. Pentru a-i stabili ct mai corect aceste obiective, trebuie s te pregteti n prealabil: s te nregistrezi online dac se solicit acest lucru, s analizezi lista cu cei care vor prezeni, ce se va prezenta i care este procedura prin care poi interaciona cu persoanele prezente.
Prima impresie conteaz Nu ntrzia niciodat la astfel de evenimente! Ajungnd la timp, poteniali ti parteneri vor vedea n tine mai uor un potenial colaborator. Fii natural i vei atrage atenia mai uor celor din jurul tu. Cnd dai mna cu cineva, i ferm i privete-l n ochi. Dac l strngi prea tare vei prea agresiv, ns dac eti prea relaxat, s-ar putea s denote supercialitate. Comunic ecient! Daca ai venit cu un coleg de serviciu, ncearc s nu stai mpreun deloc. Gsete un loc n sal lng oameni pe care nu-i cunoti, iar dac vezi pe cineva care st singur, intr n vorb. ncearc s discui cu toi cei prezeni. Totui, e important s nu aduni doar contacte, ci s relaionezi cu ceilali i s ncerci s i cunoti personal. Modul n care te prezini este, de asemenea, important. Nu titulaturile, ci ceea ce faci conteaz cu adevrat! Formuleaz-i o prezentare succint de maxim 30-45 de secunde, n care s nglobezi cele mai importante lucruri despre tine care ar putea s aib relevan pentru un potenial partener. Un discurs de 10 minute despre tine nu va interesa pe nimeni cu siguran!
136
iBooks Author
Crile de vizita nu sunt brouri! Cnd eti interesat de o anumit persoan, cere-i cartea de vizit. Cartea ta de vizit d-o ns numai la cerere sau la schimb. Nu eti distribuitor de cri de vizit, iar dac faci asta, riti s devii penibil. Ajut, nu vinde! Am ntlnit de multe ori oameni care, nainte de a-mi detecta nevoile, ncepeau s-mi ofere produsul. Prin aceast manier nu numai c acea persoan devenea pe loc stresant, ci i periclita i imaginea. ncearc s-i ajui pe ceilali cu sfaturi atunci cnd identici o nevoie concret. Cu siguran vor aprecia acest lucru. Nu uita de follow-up! Toat prezena ta acolo valoreaza aproape zero dac dup eveniment nu faci un follow-up permanent. Chiar n sptmna de dup, ncearc s trimii un e-mail celor cu care ai stat de vorb. Dac exist potenial de colaborare, xeaz o ntlnire. i, nu uita: fcndBusiness Networking, vei ajunge ste poi autoevalua att pe tine, ct i afacerea pe care o reprezini. Prin raportarea la ceilali, ai putea deveni mult mai vizibil n comunitate, i-ai putea extinde piaa i, de ce nu, ai putea
ajunge detecta idei noi i soluii pentru problemele cu care te confruni.
137
iBooks Author
Ctrl-D DEVELOPMENT:
5 cri utile pentru AS3
Lund o carte de ActionScript 3 n mn, mi-am adus aminte de vremea cnd eram la nceput i luam la puricat ecare carte de AS3 pe care o prindeam. Aadar, de dragul acelor vremuri am ncercat s fac un top 5 al celor mai inuente cri din cariera mea de programator.
1. Learning ActionScript 3.0: A Beginners Guide Autori:Rich Shupe iZevan Rosser Dac s-ar face un clasament cu cele mai bune cri pentru AS3, cu siguran aceast carte ar ocupa prima treapt a podiumului. Dei din titlul crii tragem concluzia c este pentru nceptori, v asigur c nu este numai pentru ei. ntr-adevr, nu intr n profunzimea limbajului ca i alte cri, dar nici nu i d senzaia c ai avea nevoie de mult mai mult. Multitudinea de exemple, abordarea ingenioas a OOP-ului n AS3 i modul de prezentare (paginile sunt n format color) o fac uor i rapid de citit.
Ctlin Sveanu
8 septembrie 2011, Resurse
138
iBooks Author
2. Essential ActionScript 3.0 Autor:Colin Moock Scris de binecunoscutul Colin Moock , cartea conine aproximativ 900 de pagini, ceea ce te face, ca la primul contact cu ea s-i dai seama c nu e de joac. Pentru un nceptor este o lectur destul de dicil, dar cu o atenie mrit i cu mult rbdare, se poate parcurge fr nici o grij. Moock prezint n cartea sa cum s construieti clase, funcii, grac, cum s foloseti OOP n AS3 i multe altele. Cireaa de pe tort vine de la abordarea API-ului din FlashPlayer. 3. ActionScript 3.0 Cookbook Autori:Joey Lott,Darron Schall iKeith Peters Cartea se bazeaz pe oferirea de soluii practice la problemele pe care le ntlnete n mod frecvent un programator n AS3 i pune mai puin accent pe teorie. Acestea sunt prezentate sub urmtoarea form: enunarea problemei, rezolvarea ei i discuii legate de cum se poate folosi sau modica codul prezentat. Este o carte pe care tot timpul i doreti s o ai la ndemn, pentru c la numrul mare de soluii pe care le ofer (peste 300), devine o unealt indispensabil oricrui programator.
4. ActionScript 3.0 Design Patterns Autori: Dr. William Sanders iDr. Chadima Cumaranatunge Dac doreti s-i mbunteti calitile de programator, aceast carte este perfect. ncepe cu o mic introducere despre ce nseamn OOP i de ce este folositor, ca apoi s mpart desing pattern-urile n 4 mari categorii: creational patterns, structural patterns, behavioral patterns i multiple patterns. Partea cea mai bun a crii este c ofer o descriere detaliat a ecrui design pattern, iar pe lng aceasta i un exemplu de pus n pratic a ceea ce ai citit. 5. Foundation AS 3.0 Animation: Making Things Move! Autor:Keith Peters n a doua ediie a crii Making things Move, Keith Peters prezint animaii programate n AS3. La nceputul crii autorul face o mic introducere n conceptul de animaie, principii de baz n OOP i trigonometrie. Pe parcursul crii gsim: cum s folosim viteza, acceleraia i frecarea n animaii, detectarea ciocnirilor, zica bilelor de biliard, atracia praticulelor, gravitaia, noiuni de cinematic, animaii 3D i multe altele. Toate acestea fac din ea un bestseller.
139
iBooks Author
Ctrl-D DEVELOPMENT:
Introducere n librria Ext JS
Ext JS este o librrie Javascript cu care am interacionat prima oar cndva la nceputul anului 2008 i, pe care, sincer, nu regret c am nvat s o utilizez, motiv pentru care voi face mai jos o introducere pentru cei mai puin familiarizai cu aceasta.
Pentru a mai uor de neles, voi ncepe prin a prezenta o situaie imaginar, dar care ar putea transpus oricnd, cu uurin, n viaa real:
Client: Bun ziua, a avea nevoie de o aplicaie pentru rma mea, pentru gestiunea vnzrilor de alimente. Dac se poate, a vrea s pot verica i de acas i de la sediul rmei i a avea nevoie de el ntr-un timp foarte scurt, indc nu mai fac fa folosind Excel.
Alpar Maskulik
8 decembrie 2011, Resurse
Firma de programare: Bineneles, putem s v ajutm dezvoltnd o aplicaie, dar putei s ne dai cteva detalii n legtur cu ceea ce avei nevoie, mai exact.
140
iBooks Author
Client: Ar trebui s conin informaii referitoare la marfa recepionat, marfa vndut, metoda de setare de adaos i nite rapoarte frumoase.
Firma de programare: OK. Aa cum mi-ai descris problema n mare, vom crea un design minim pentru aplicaie (1-2 sptmni), m gndesc c minim 2-3 luni va necesita perioada de dezvoltare, nc o sptmn de testare de ctre dumneavoastr, ncrcarea informaiilor etc.
Acum civa ani, o echip de oameni detepi s-a ntrebat cum ar s dezvolte o librrie Javascript, care s aib ncorporate diverse elemente (Form, Grid, Window, Chart etc) pentru aplicaii Intranet de tip gestiune i nu numai, drept urmare au decis s o creeze. Evident c au aprut, ntre timp, mai multe librrii de acest fel, dar eu a vrea s v spun mai multe despre Ext JS .
1. Ce este Ext JS?
Client: mi cer scuze, 3-4 luni plus testare e o perioad destul de ndelungat, eu m gndeam c maxim 1-2 sptmni vor de ajuns. n legtur cu felul n care arat, nu am preferine specice, nu trebuie s e foarte frumoas sau colorat.
Acest tip de discuie poate destul de uzual ntre o rm de programare i un client care vrea o aplicaie, dar nu are preferine nc de la nceput. Un pas foarte important, dup obinerea informaiilor de la client, este reprezentat de alegerea tehnologiei care urmeaz s e folosit. De cele mai multe ori, rmele de prol se apuc s dezvolte aplicaia fr design, cu cod pur HTML. ntre timp, ns, i dau seama c vor s introduc drag and drop, paginare rapid, caching etc.
Este o librrie de Javascript, cu ajutorul creia se pot dezvolta, repede i uor, interfee pentru aplicaii de gestiune i nu numai. Folosind elementele de Ext JS, se poate obine sigurana de compatibilitate pe marea majoritate a browser-elor web (Internet Explorer 6+, FireFox 1.5+ (PC, Mac), Safari 3+, Chrome 3+, Opera 9+ (PC, Mac)). Dac se combin Ext JS cu PHP, ASP sau alte limbaje de server side, se pot dezvolta att aplicaii simple, ct i aplicaii foarte complexe. Ca o diferen semnicativ fa de Jquery, Ext JS este contra cost. Bineneles, acest cost ofer i un suport din partea rmei. Mai mult, avem posibilitatea s folosim librria i gratuit.
141
iBooks Author
2. Pentru ce fel de aplicaii merit s folosim Ext JS?

n cazul n care nu avem design, putem s folosim stilurile pe care le pune la dispoziie i, evident, dac suntem familiarizai cu CSS i Sprite, putem s crem i noi un stil custom n cazulaplicaiilor unde interfeele trebuie s e compatibile pe diferite browsere n cazulaplicaiilor cu interfee de listare, adugare i editare n cazulaplicaiilor n care se poate prota de creare i editare, listare fr refresh la pagina de web n cazul aplicaiilor medii i mari n cazul n care dezvoltm interfee complexe unde vrem s integrm foarte uor listarea informaiilor folosind paginare, reordonare coloane, grupare de informaii, drag and drop etc.
scrie un ciclu FOR sau de a declara o FUNCIE. Pe urm, v recomand cu ncredere dou cri care mi-au fost de folos: EXTJS in Action deJesus Garcia. Learning EXTJS de ctre autorii Shrea Frederick, Colin Ramsay i Steve Cutter Blades. Nu vreau s spun c n urma citirii celor dou cri de mai sus i ncercnd exemplele prezentate, vei obine toate informaiile necesare pentru a dezvolta aplicaii mai complexe, dar vei putea face, de exemplu, listarea informaiilor, crearea, editarea i tergerea lor. Bineneles, pe lng cele dou cri, v mai pot recomanda aceast documentaie online, foarte util.
4. Ce fel de elemente sunt n Ext JS?

n primul rnd, vreau s v dau cteva exemple. Nu a vrea, deocamdat, s intru n detalii i s explic ce tie i cum se poate folosi ecare element, ntruct ar prea mult informaie dintr-o dat. Voi dezvolta acest subiect ntr-un articol viitor. Ext.Panel
3. Cum putei nva s folosii Ext JS ?

n primul rnd, este foarte important s i familiarizai cu limbajul Javascript la un nivel mai avansat dect acela de a
Ext.Window Ext.DataView
142
iBooks Author
Ext.GridPanel Ext.EditorGridPanel Ext.FormPanel Ext.charts Ext.Layout Ext.ColorPalette Ext.ProgressBar Ext.QuickTips Ext.TabPanel Ext.Toolbar Ext.TextField Ext.Combbox Ext.Radio Ext.Textarea Ext.GrouppingComboBox Ext.Button
2.1, ajungnd n prezent la versiunea 4 i, sincer, nu regret c am nvat. ntr-adevr, sunt cazuri n care este mult mai uor s dezvoltm interfee pentru aplicaii printr-un cod simplu de HTML cu Javascript, dar pentru aplicaiile de gestiune (i nu numai), pot s recomand cu mare ncredere Ext JS. Dup trei ani de experien n dezvoltarea de interfee n Ext JS, am ajuns la un nivel avansat, ind capabil s creez extensii i pluginuri pentru aceast librrie.
Concluzie
Precum am menionat mai sus, am avut prima ocazie s folosesc Ext JS undevala nceputul anului 2008 cu versiunea
143
iBooks Author
Ctrl-D
DIGITAL
Seciunea din Ctrl-D dedicat celor pasionai de sfera digitalului, acoperind teme de interes ce in de online marketing, social media marketing, PR 2.0, digital advertising, SEO, SEM i altele.
iBooks Author
Ctrl-D DIGITAL:
Voluntariatul, cel mai bine pltit job
nceputul carierei profesionale marcheaz, n termeni studeneti, grania ctiv dintre facultate i viaa de apoi, de om mare. Dar ce se ntmpl atunci cnd primul job cere deja o experien profesional? Vorba sloganului, sunt multe lucruri pe care le poi cumpra cu bani, pentru toate celelalte exist voluntariatul!
Numele meu este Gabriela Ianculescu i, pn recent, eram o student ntr-ale comunicrii, aat n cutare de job i m izbeam de venica problem: lipsa experienei profesionale relevante.
Gabriela Ianculescu
Acum c am stabilit ce aveam n minus, s v spun i ce aveam cu siguran n plus: anii de voluntariat ntr-un ONG studenesc din spate. Experiena acumulat ca i voluntar OSUT a realizat un criteriu de departajare evident pentru angajator.
145
iBooks Author
Voluntariatul: o mod occidental sau accidental? Nu mai este o noutate pentru nimeni faptul c n Occident exist o adevrat tradiie n ceea ce privete voluntariatul studenesc, att ca modalitate de a obine experien, ct i ca expresie a patriotismului. n schimb, n Romnia, locul unde a fost practicat bunoar voluntariatul obligatoriu, numrul celor care se angajeaz n realizarea unor aciuni cu caracter aparent gratuit nu se grbete s creasc. Ce benecii aduce voluntariatul? Dobndirea unui minim de experien Dezvoltarea diverselor aptitudini eseniale: managementul timpului, lucrul n echip Crearea unei reele de contacte Deprinderea cu lucrul cu termene-limit Accesul la o cultur organizational Dovezi c dedicaia nu este dependent de rsplata nanciar Deprinderi privind lucrul cu limitri de buget necesare atingerii unor obiective concrete Crearea unei imagini generale cu privire la piaa muncii Cu un decit att de mare ntre cerere i ofert n ceea ce privete piaa locurilor de munc, experiena profesional
neocial, n cadrul ONG-urilor studeneti, devine un atu, iar angajatorii romni par s in cont de ea tot mai mult. Studentul tabula rasa Expresia este deja redundant pentru muli dintre noi, ns puini tiu ce nseamn de fapt. n acest context, tabula rasa nu se refer la ignoran cras, ci la faptul c mintea studentului este ca o tabl tears, ateptnd mereu ideile ce provin din experien. Cel mai bun mediu din care se poate obine aceast experien ntr-un mod neforat este chiar voluntariatul. n cadrul organizaiilor non-prot, greelile nu sunt taxate la fel de grav precum ntr-un mediu ocial. Astfel, voluntarii i pot asuma diverse riscuri i pot avea mai mult libertate de decizie. Nu degeaba un aforism autohton spune c din greeli se nva cel mai bine. Experiena mea personal Pe parcursul anilor de voluntariat, am avut ocazia s leg noiunile teoretice nvate pe bncile facultii cu partea practic. O experien cu adevrat educativ a fost coordonarea unei echipe pentru a crea evenimente relevante pentru seciunea de Publicitate din cadrul Studentfest, un proiect naional de mare amploare. Acest pas m-a ajutat s mi
146
iBooks Author
dezvolt cu adevrat aptitudinile de comunicare i leadership, necesare n orice job. Dac pn atunci, nvam din cri depite despre practici uzuale de PR i publicitate, am contribuit la organizarea conferinelor de pres reale i la pregtirea materialelor de comunicare necesare. Pentru a nelege i mai clar ce trebuie fcut, am avut acces gratuit la training-uri ce in de PR, marketing sau scriere de proiecte, care m-au ajutat s vd imaginea n ansamblu. Fiecare voluntar are n general o poveste de spus despre experiena sa, despre proiectele asupra crora i-a lsat amprenta, despre succese sau eecuri, despre impactul voluntariatului asupra vieii sale, dar cel mai bine se observ efectele atunci cnd acesta are primul job.
147
iBooks Author
Ctrl-D DIGITAL:
Ageniile au dezamgit
Nu generalizez, nu i pun pe toi n aceeai oal nici freelancerii, nici ageniile. Nu se aplic la toi ce zic eu aici, dar la destui nct s scriu despre asta. Freelancing-ul este pentru muli o decizie de lifestyle nainte de orice. Nu despre ei vorbesc. Nici ageniile care au grad mare de retenie n rndul angajailor nu m intereseaz din perspectiva acestei analize. i nu vorbesc de nicio alt pia, dect de meleagurile mioritice.
tefan Szakal
6 mai 2011, Opinii
Freelancer!
Acum civa ani, freelancing-ul la noi nsemna s faci proiecte pentru prieteni i cunoscui pe bani puini sau gratis ca s nvei ceva meserie, s i faci un portofoliu cu care s te prezini la un interviu de angajare. Acel prim job. Acea ans de a face lucrurile aa cum trebuie sau cum ai citit pe net c se ntmpl n ageniile din afar. ncepi entuziasmat, merge o perioad i apoi gata. Ceva nu e n regul. Dar apoi te gndeti c o un caz izolat agenia aia. C nu poi trage concluzii dup primul job. Porneti la drum cu o alt agenie, de data asta mai precaut, dar totui cu sperane. O perioad e n regul, dar apoi Rahat. Aceleai probleme.
148
Numrul mare de freelanceri competeni n Romnia, comparativ cu numrul relativ mic de agenii digitale de top este vina ageniilor. Acestea au dezamgit fotii angajai, acum transformai n freelanceri.
iBooks Author
Poate te ine stomacul s mai ncerci cu nc o agenie (sau poate dou). Dar ajungi tot acolo, n aceeai situaie. E momentul deciziei. Dac sigurana banului e mai important, devii mercenar. Aa numesc eu acea categorie de oameni care fac ce trebuie s fac pentru banii ia la nal de lun. Nu te implici, nu ai de ce. Mai accepi i proiecte pe lng, mai faci un ban. Primeti o ofert mai bun cu 100 de euro, te duci acolo. i e ok. E mai bine dect s renunat la domeniu n totalitate (cu toate c s-au vzut cazuri), c doar i place n continuare ideea de digital. Dac sigurana nanciar nu este factorul decisiv, ajungi s i freelancer. Acum ai experien, de bine de ru ai lucrat pe zeci sau poate chiar sute de proiecte din care i faci un portofoliu. Mai mult, i-ai fcut i contacte n industrie, lumea tie de tine, deci nu o iei chiar de la zero. E mai greu la nceput, poate devine nasol pe parcurs, dar nu conteaz. Eti n control, i-o faci cu mna ta. Dar poate e bine. i faci n sfrit cum vrei tu.
Clienii lu pete nu neleg cnd le spui c e ok culoarea aia, c butonul la e bine acolo, c nu are sens ce vor s fac?! O spui o dat, de dou ori, dar i aminteti c peste o sptmn ai salarii de dat. i c ar bine s ncasezi ceva bani, c altfel e nasol. i i faci ecare moft clientului: pui s se fac 27 de variante de culori din prima, s e sigur c ceva o s i plac; pui s se fac 16 versiuni de butoane shiny c sigur va ok una dintre ele i toate astea n 2 zile, c se apropie ziua magic. i i promii de ecare dat c nu mai faci asta. i luna viitoare ai din nou salarii de dat. Sunt i ageniile mai serioase, unde nu sunt probleme din astea. Nu ai stres cu banii, sunt destui. Ca agenie, ai prins clieni din ia cu conturi. Ai bani bugetai pe tot anul, i permii ce vrei tu, ba chiar ai i prot frumuel. O singur problem: clientul e incompetent. Adic oamenii cu care tu, ca agenie, trebuie s lucrezi sunt complet pe lng. Pentru client, chestia asta cu web-ul e un moft, i-a angajat o tip de 22 de ani care e cic expert n d-ale webului indc avea prol pe facebook. i acum ea decide dac e bine ce faci tu. i i pui pe ai ti s lucreze cu ea, s i fac ecare idee genial.
Agenia!
Aceeai situaie din perspectiva ageniilor sun altfel. Complet altfel, evident. Pi ce s faci tu, ca agenie, c doar aa e piaa.
149
iBooks Author
Nu poi spune nu, nu poi renuna la client, c doar e vorba de bani serioi la mijloc. i dai bani mai muli, dac lumea nu e fericit, c doar i permii. i cam att. Dac pleac lumea, nu e problem, sunt alii. Oricum clientul nu prea vede diferena. Eti ok.
i cu toate astea, mi susin punctul de vedere: noi, ageniile am dezamgit. Dar lucrurile se pot schimba. Poate data viitoare cnd cineva din echip i spune c ceva nu e ok, s asculi. Pe bune.
Vina, mama ei de vin

Ageniile i-au dezamgit oamenii. i continu s o fac n ecare zi. Mereu exist tineri dornici de a intra n acest domeniu. Doar c acum placa s-a schimbat: lumea ajunge s lucreze n agenie s i fac un portofoliu, ca mai apoi s ajung freelancer. Whats wrong with this picture?! ### i e ciudat s scriu eu despre asta, avnd n vedere c (virgul) conduc un studio digital de aproape 10 ani. Am vzut destule n timpul sta, att prin experiena direct la X3, ct i n jurul meu. Greeli am fcut i noi multe, ca studio, i nu pretind c vom perfeci vreodat. Am ncercat mereu s punem binele oamenilor din echip mai sus dect nevoile imediate. Am ncercat. Nu ne-a ieit tot timpul. Ba chiar am ajuns la marginea prpastiei de cteva ori. Asta e.
150
iBooks Author
Ctrl-D DIGITAL:
Tehnica ZMET de cercetare n profunzime
Am descoperit recent un instrument de cercetare calitativ foarte interesant, tehnica ZMET, prin intermediul creia, spun prinii ei, cercettorii ar putea s mearg dincolo de cuvinte pentru a aa ce cred oamenii, de fapt. V voi spune mai departe ce mi s-a prut captivant i ce am neles eu din acest procedeu.
De unde a venit ideea?
Pe lung, Tehnica ZMET (Zaltman Metaphor Elicitation Technique) a fost gndit de Gerald Zaltman, profesor la Harvard Business School i patentat n 1995. n cadrul unei cltorii n Nepal, el a decis s nu fac el poze personal, ci s roage localnicii s fac poze pentru el, care s surprind esena vieii de acolo. Spre surprinderea lui, n majoritatea imaginilor, localnicii au ales s pozeze oamenii de la genunchi n sus. n urma discuiilor, acesta a aat c n Nepal triesc o mulime de oameni sraci, care umbl desculi i
151
Gabriela Ianculescu
iBooks Author
localnicii nu ar vrut s prezinte ara lor n acest mod, lucru care nu ar ieit la iveal doar prin cuvinte. Pe scurt, ZMET este o metodologie care ofer insight-uri cu privire la deciziile luate de oameni, folosindu-se de metafore i povestire. Sun prea beletristic pn aici?
metode noi, pentru a ajunge la acele informaii ascunse, pentru a descoperi ceea ce oamenii nu tiu c tiu. - Gerald Zaltman
Odat realizat selecia imaginilor, participanii sunt rugai s povesteasc despre ce e vorba n ele, s descrie imaginile pe care ar vrut s le gseasc, dar nu au reuit i s aleag una dintre imagini ca ind cea mai reprezentativ. n nal, cercettorul va cuta s fac diverse conexiuni pe baza atributelor principale descoperite,n funcie de frecvena lor.
i totuicum funcioneaz ZMET?

ZMET este de fapt un interviu personal n cadrul cruia participanii sunt rugai s-i exprime opiniile i sentimentele cu privire la o anumit tem prin intermediul unor imagini selectate din surse proprii, iar la sfrit, acestea sunt structurate ntr-un colaj. Selecia pozelor se face naintea interviului, argumentul susintorilor ZMET ind c procesul ndelung de gndire i selecie a imaginilor scoate la iveal gnduri ascunse, din incontient. Abordarea ZMET susine c oamenii gndesc n imagini, nu n cuvinte i li se ntmpl adeseori s gndeasc diferit de ceea ce comunic.
n capul nostru se petrec multe lucruri de care nu suntem contieni. Aproape tot ce inueneaz felul n care gndim sau acionm ine de incontient. Tocmai de aceea, avem nevoie de
Cu ce e mai bun ZMET?

Un argument pentru care unele companii precum Coca Cola, Nestle sau at&t au ales ZMET poate urmtorul:dei se investesc muli bani n cercetri de pia, o mare parte din produsele noi au probleme n a rezista pe pia i adeseori dispar dup scurt timp. O posibil explicaie? De cele mai multe ori, rezultatele studiilor indic faptul c oamenii vor un anumit produs, companiile se grbesc s investeasc n producerea i lansarea acestuia, iar atunci cnd produsul este pe pia, se dovedete a lipsit de lipici la public. O dilem destul de neplcut, nu-i aa? Ne ntoarcem la argumentul cum c oamenii nu gndesc mereu la fel cum verbalizeaz.
152
iBooks Author
Spre deosebire de alte instrumente de cercetare, ZMET se bazeaz pe puterea metaforelor pentru a fora n adncime n minte, cu scopul de a descoperi pe ce se bazeaz alegerile i comportamentul nostru. Se pare c metaforele pot descoperi gnduri care se ascund undeva sub nivelul contienei. n plus, participanii i pot exprima opinia prin intermediul imaginilor vizuale acas, ntr-un loc neutru, n loc s e pe strad sau ntr-un loc destinat unui studiu i, la fel de important, nu sunt presai de timp.
Un alt studiu ZMET trebuia s descopere ce prere au femeile despre ciorapii-pantalon. Unele dintre femei au adus imagini ce aveau n prim-plan stlpi de gard nfurai cu folie de plastic sau copaci prini n cercuri de oel. Discuiile au scos la iveal faptul c respectivele femei se simeau incomodate de ciorapii respectivi, indc li se prea c strng piciorul prea tare.
Puterea exemplului
Pentru c tuturor ne plac lucrurile concrete, am cutat cteva cazuri n care s-a aplicat tehnica ZMET. Voi puncta ns doar concluziile, ntruct studiile n sine sunt extrem de complexe. O companie care vindea un produs care s trateze indigestia i-a bazat eforturile de comunicare pe senzaia de uurare pe care o au clienii dup ce folosesc produsul. n urma unui studiu care avea la baz tehnica ZMET, reprezentanii companiei au aat c primul lucru care le venea n minte consumatorilor atunci cnd se gndeau la produsul respectiv era de fapt echilibru. n urma implementrii conceptului n strategia de comunicare, compania a nregistrat creteri n vnzri.
O alt femeie a adus ns poze cu ori cu tulpina lung, aranjate elegant ntr-o vaz, cercetrile artnd c femeia se simea supl i elegant atunci cnd purta ciorapi-pantalon. Dat ind c sunt nc n perioada de descoperire a acestei tehnici, a tare curioas s desluesc tainele acesteia i prin practic, nu doar prin teorie.
153
iBooks Author
Ctrl-D DIGITAL:
ntoarce-te: retargetare comportamental sau remarketing
Retargetarea comportamental sau remarketing reprezint o form de advertising online n care mesajul este livrat consumatorilor n funcie de aciunile anterioare realizate de ctre acetia.
De-a lungul timpului au existat mai multe mijloace prin care marketerii sau webmasterii doreau s pstreze legtura cu cei care au ajuns pe website.
Un mic istoric
Dac i mai aminteti, acum zece ani, ecare site pe care intrai te implora s-l setezi ca i homepage sau s apei ct mai repede Ctrl-D, adic s-l adaugi la bookmark-uri . Unele site-uri cu intenii maliioase se foloseau de vulnerabiliti din browserul (al crui numenu l voi meniona aici) pentru a se aduga automat ca i homepage. Dup un timp, Seth Godin a scris o carte, lumea a luat-o n serios i astfel au aprut metode mai permisive. Vrei s tii cnd lansm un nou produs ?, Vrei s tii cnd scdem un pic preul? Las-ne mailul tu i te contactm noi.
154
Alen Todorov
iBooks Author
Recent a aprut i social media care, pentru majoritatea companiilor, reprezint o evoluie de la comunicarea prin email, deoarece mecanismul de nscriere este mult mai simplu pentru consumator. Un click pe Like sau Follow i dintr-o dat poi urmri ultimele promoii i concursuri. Aici Adelinaa scris mai multe despre bunele practici. Dar nu toi clienii sau vizitatorii vor s urmreasc branduri i companii, aa c de ce nu l-ai urmri tu pe consumator? Aici intervine retargeting.
O abordare de genul acesta permite recapturarea potenialilor clieni care nu au ndeplinit aciunea urmrit, adic nu s-au convertit. De exemplu, cineva interesat de oferte de vacan ajunge pe site-ul unei agenii de turism dar nu alege oferta deoarece consider preul prea mare. n momentul n care agenia hotrte reducerea preurilor poate dezvolta o companie Pe lng beneciile pe care le aduce, retargeting-ul are i el problemele lui. Unele campanii nu au o limit de frecven la aarea reclamelor i pot, foarte uor, s devin repetitive i chiar agasante. Datorit metodelor prin care funcioneaza reele de advertising, tot timpul vor avea prioritate reclamele care un potenial mai mare de vnzare. Astfel se ntmpl ca unele zile s vezi doar reclame la un produs pe care l-ai vizitat recent.
Cum funcioneaz?
1. O persoan viziteaz un site. S spunem c site-ul este Ctrl-d.ro, iar persoana n cauz eti tu. Pentru noi, o aciune msurabil ar putea adugarea unui comentariu dup ce ai citit articolul. Decidem s facem o campanie pentru a stimula feedback-ul. 2. n momentul n care ncarci pagina articolului, se scrie un cookie la tine pe calculator. Dac adaugi un comentariu, acesta este ters i nu mai faci parte din segmentul targetat. n caz c nu, cookie-ul este pstrat. 3. Atunci cnd intri pe un alt site care are reclame, se va verica existena cookie-ului, iar n caz pozitiv i se va aa reclama Ctrl-D.
Resurse i follow-up
Uite i cteva studii de caz pe subiect: InterContinental Hotels Group (document PDF) a reuit s i mreasc internaional audiena i rata de click BidCactus (document PDF) i-a redus costul per aciune (CPA-ul) cu 22%
155
iBooks Author
Motorcycle Superstore (document PDF) a generat vnzri de 400,00$ Western Governors University (document PDF) a reuit s dubleze rata de conversie fa de cea de pe search, care este mult mai mare n mod tradiional. Scottevest i-a dublat rata de conversie. i cteva reele care ofer serviciul: Doubleclick/Google se numete Remarketing produsul, dar este nevoie de minim 500 de utilizatori n audien AdRoll focusai strict pe retargetare, interfa simpl Criteo soluii complexe de retargetare Tapad - foarte noi, dar ofer soluii i pentru mobile, ntr-un mod destul de inovativ ### La fel ca i la orice alt fel de canal de advertising, trebuie pstrat balansul ntre tehnologie/mecanism i creativitate/ mesaj. Toate aceste sisteme noi de targetare comportamental au ca i scop mre obinerea de relevan pentru clieni, dar cum procesele nu sunt nc automatizate exist anse de failure.
156
iBooks Author
Ctrl-D DIGITAL:
Ce mai punem pe Facebook?
M-am mai uitat puin prin jur s vd ce resurse despre Facebook se gsesc n limba romn i mi-am dat seama c acestea sunt destul de basic. Inclusiv pe Mashable a aprut un articol despre cum s v creai o pagin de Facebook.
Nu reuesc s-mi dau seama dac am mers cumva prea departe cu temele abordate, ns, innd cont c prezint mai degrab latura de comunicare (pentru cei care au avut deja un contact cu ceea ce nseamn Facebook) consider c suntem pe direcia cea bun. Dac nu, let me know!
Fr reete!
Nu exist o reet de coninut. Aceasta este o regul general valabil care se aplic i Facebook-ului.
Adelina Enache
n primul rnd, pentru c nu ar trebui s existe dou pagini identice. Mi se pare c ecare pagin ar trebui s reecte ct mai del brandul i misiunea declarat a acestuia.
157
iBooks Author
Reetele nu funcioneaz pentru c sunt previzibile i plictisitoare. De aceea, este important s gsim mixul perfect pentru ecare tip de pagin.
S-a tot zis de broadcasting. Este o form de comunicare oarecum unidirecional i, deci, insucient de social. Cumva, broadcastingul este o soluie potrivit acolo unde nu se poate/nu se dorete mai mult. Eu personal nu o condamn i nu o reneg. Pur i simplu, nu o recomand acolo unde se dorete engagement.
Cum ne adaptm?
Eu cred c adaptabilitatea este mai important dect personalizarea. De ce? Pentru c adaptabilitate nseamn mai mult dect personalizare, incluznd-o. Astfel, ne adaptm coninutul, abordarea, eforturile (inclusiv cele de personalizare) n funcie de cteva variabile: 1. Ne adaptm publicului Poate vorba de clieni i poteniali clieni, de entuziati, de parteneri de afaceri etc. 2. Ne adaptm resurselor disponibile E important de stabilit cine i ct timp are de dedicat gestionrii paginii. 3. Ne adaptm tipului de pagin i scopului comunicrii De tipurile de pagini am mai vorbit. Nu le voi enumera pe toate pentru c sunt prea multe. n schimb, scopul
158
Apoi, sunt atteaaaaa tipuri de pagini c mi-e groaz! Sunt paginile de artiti (de toate felurile), paginile de muzicieni, sunt paginile de produse, sunt paginile de brand, sunt paginile multinaionalelor, sunt pagini dedicate unor promoii/concursuri, sunt paginile micilor afaceri (cum ar localuri, terase/baruri i alte companii locale). Fiecare dintre acestea trebuie s aib un coninut specic. Pentru unele pagini, poate chiar e mai bine s e lsate n paragin. tiu c poate sun stupid i total anti-social, dar dac nu este nimic de zis, de ce s se foreze comunicarea? Bineneles, astfel de cazuri sunt izolate i sunt strns legate de cine i cum le gestioneaz. Dac coninutul nu este adaptat, pagina nu are cum s-i ndeplineasc scopul comunicrii.
iBooks Author
comunicrii poate de: informare, divertisment, infotainment. De asemenea, poate vorba de comunicare B2C sau comunicare B2B.
Coninut diversicat
Am zis deja despre coninut c nu ar trebui s e previzibil (i, deci, plictisitor). Mai este foarte important s e diversicat. Nu poate consta exclusiv n status updates, link-uri, melodii sau poze. Acestea trebuie mixate i adaptate feedback-ului primit. Coninutul nu ar trebui s e, sub nicio form, automat. Aici m refer la posturi auto-publicate de pe bloguri, site-uri, twitter, tumblr sau alte resurse.
i totui, ce coninut punem?

Citisem undeva la un moment dat c cea mai mare greeal pe care o fac administratorii de pagin este c pleac de la presupunerea c utilizatorii citesc coninutul pe pagina de Facebook. Aceast supoziie este greit deoarece coninutul este vzut n News Feed-ul utilizatorilor. De cnd cu Top News vs Most Recent, este un challenge ca acesta s ajung vreodat n News Feed. Apoi mai trebuie s atrag i atenia pentru a obine un click, un like sau un comment. O directiv general pe care am lansat-o oarecum i n primul articol pe aceast tem este c utilizatorii, fanii, likerii trebuie s e tratai asemeni unor oameni, persoane care intr n spaiul companiei, clieni ce intr n magazin/bar/local sau cel mai bine, asemeni prietenilor (de pe Facebook). Prin urmare, dac e s-i tratm asemeni unor prieteni, e de dorit s le i dm coninutul pe care prietenii notri ar vrea s-l regseasc pe Facebook.
Dac nu se vrea broadcasting, utilizatorii trebuie s simt c n spatele acelor postri se a o persoan i nu doar nite setri detepte. Orict de detepte ar acestea! Aici ar mai de luat n considerare partea tehnic care poate da i ea fail. De asemenea, Facebook nu este prietenos cu
159
iBooks Author
postrile automate i slabe anse ca acestea s ajung n Top News.
Dac vrem dialog, trebuie s-l iniiem

E de dorit ca pe o pagin s se desfoare discuii vaste ntre utilizatori i pagin. Acest lucru contribuie mult la optimizarea paginii i asigur i revenirea utilizatorilor, respectiv engagementul acestora. Totui, a se reine c dialogurile acestea nu se ntmpl de la sine. Prin urmare, acestea trebuie iniiate. Nu prin posturi unidirecionale, abstracte, poze fr un mesaj clar pentru utilizatori sau link-uri ce le pot gsi oriunde altundeva. Un dialog poate iniiat cel mai simplu printr-o ntrebare. ntrebrile chiar au un succes ridicat, deoarece oamenii simt nevoia s contribuie. Apoi, orice altfel de coninut se posteaz trebuie s e relevant pentru experiena utilizatorului cu acel brand. Dac e o poz, s e o poz n care se regsete (nu neaprat zic, ci prin comportament, context), dac e un link s e un link pe care el nu l-ar putea gsi altfel i care-i spune ceva nou despre brand.
Este de la sine neles faptul c Milka (de exemplu) nu poate posta linkuri relevante n mod specic pentru ecare reprezent din baza lor de urmritori. Dar, experiena Milka este, n mare, cam aceeai pentru toi, iar acest lucru poate captat n diverse moduri. Pentru a ncuraja dialogul, este important ca persoana din spatele paginii s rspund la rndul lor feedback-ului primit. A rspunde la ntrebri, cereri, sugestii este cel puin la fel de important ca a pune ntrebri i a iniia discuii. Oamenii caut metode simple i la ndemn pentru a intra n contact cu brandurile. Este esenial ca pagina s permit postarea pe wall, comentarii i chiar s aib o zon dedicat discuiilor. Da, gestionarea acestui gen de comunicare presupune resurse. Cine a zis c social media e pe gratis? ;) Umorul este mereu binevenit n social media. tiu, o companie ar trebui s vrea s e perceput ct mai serios. Dar nimeni nu intr pe Facebook pentru discuii serioase. Le evit chiar i pe cele cu prietenii, de ce ar investi timp ntr-una cu o companie? Pe lng umor, un lucru foarte apreciat
160
iBooks Author
pe social media sunt informaiile care nu au tocmai un caracter public evident. Nu n cantiti mari, dar presrate inteligent acestea pot genera interaciuni interesante. M refer la acele inside info care in de modul n care se desfoar activitatea unei companii, de angajaii acesteia, de mediul companiei etc. Acestea dau senzaia de apropiere cu adevrat prieteneasc i relaxeaz mult interaciunea dintre brand i utilizatori. S-ar putea s avem surpriza ca oamenii s vorbeasc altfel despre brand odat ce au avut acces la acest gen de informaii. n nal, dac vrem feedback, e bine s-l cerem. V place?, Ce prere avei?, Ateptm comentarii etc sunt call-to-action-uri mai puternice dect par.
1. Orele de vrf n care se obine cel mai mult feedback pentru postrile pe Facebook sunt dimineaa devreme (n jur de 07:00), dup orele de serviciu (17:00) i noaptea trziu (23:00). 2. Zilele cele mai bogate n reacii sunt joi i vineri. 3. Ziua de luni este, de regul, foarte slab. Este depit doar de cea de smbt n cursul creia se nregistreaz i mai puine interaciuni.
Monitorizare
Pentru monitorizare exist Facebook insights i este foarte bine s v folosii de aceast seciune. A fost mult extins o dat cu nceputul anului i se regsesc nite informaii interesante despre utilizatorii ce ajung n contact cu pagina. E important de inut cont c nu numrul de fani asigur succesul unei pagini i, cu att mai puin, este o msur a engagementului. Pentru a msura engagementul,atenia trebuie ndreptat spre utilizatorii activi. Facebook insights ofer informaii detaliate cu privire la utilizatorii activi (pe zi, sptmn, lun). Acelai Facebook insights sintetizeaz informaiile cu privire la feedback-ul obinut pe posturi (like-uri, comentarii vs impresii).
161
Cnd postm
Regularitatea postrilor este esenial. Dac postrile sunt regulate, utilizatorii se vor obinui cu ele. Pe lng faptul c nu vor mai intrusive, ar putea chiar deveni parte din tabieturile zilnice. ntmplarea face s se fcut tot felul de cercetri n ceea ce privete acest aspect. Prin urmare, v redau cteva din rezultate:
iBooks Author
Engagementul ncepe prin vizualizarea posturilor (impresii) i culmineaz cu reaciile propriu-zise (like/comment). Facebook insights ofer i posibilitatea de a vedea reaciile obinute de postrile individuale, n seciunea Top Stories. E util de urmrit deoarece astfel se poate evalua ce fel de actualizri sunt mai de succes i se poate adapta coninutul n funcie de rezultate. Se mai poate ncerca i tool-ul acesta de la Monumentus, care noteaz ct de sntoas este o pagin din punct de vedere al engagementului. Este util pentru o viziune de ansamblu. Ia vedei, primii A+ ori ba? :)
162
iBooks Author
Ctrl-D DIGITAL:
Cum s scrii cel mai bun titlu care s-i aduc vizitatori
Titlul sau headline-ul reprezint primul contact al cititorului cu textul pe care l promovezi. n unele cazuri nefericite, acesta reprezint i unicul contact.
Tocmai pentru a evita o astfel de situaie, a cum s faci ca headline-ul ales s e destul de convingtor pentru a determina cititorul s treac la urmtoarele rnduri i destul de clar pentru ca acesta s neleag ce ctig n schimbul timpului dedicat lecturii. Specialitii m asigur c pot s ncep un articol folosind statistici ocante, dac sunt relevante pentru tema aleas. Dac nu tii nc, regula 80/20 spune c, n medie, 8 din 10 oameni citesc doar titlurile unui articol, pe cnd 2 din 10 citesc i articolul. n cazul acesta, cum ar dac titlurile ar destul de bune pentru a determina i ceilali 8 oameni s citeasc textul n ntregime?
Gabriela Ianculescu
nainte de toate, trebuie trasat linia principal a headline-ului sau mai concret, ce vrea s transmit autorul prin titlul folosit:
163
iBooks Author
s prezinte ct mai concis beneciile pe care le va obine cititorul: 5 sfaturi pentru a scrie un titlu care s-i aduc mai muli vizitatori s l anune c exist nouti la un click distan: Cele mai populare cuvinte-cheie pentru headline-uri eciente s i declaneze curiozitatea cititorului, cu trimitere ns i spre benecii: A ct de simplu e s scrii un titlu care s conving cititorii. Conform AWAI, titlurile ar trebui s respecte cei Patru U: 1. Utilitate: headline-urile ar trebui s se demonstreze c articolele sunt folositoare cititorilor 2. Urgen: ar trebui s i transmit cititorului senzaia c trebuie s dea click imediat dup ce citete titlul 3. Unicitate: s sugereze c beneciul obinut n urma lecturii este cumva unic, exclusiv 4. Ultra-specicitate: titlurile ar trebui s aib o particularitate caracteristic.
Care sunt titlurile recomandate?

Titlurile descriptive: Att pentru cititori, ct i pentru motoarele de cutare, este important s existe repere bine evideniate, care s i ghideze n nelegerea coninutului. Un titlu bun pentru online ar trebui s descrie ct mai del despre ce este vorba n text i s aduc cititorilor o promisiune. Dac n print nc mai prind titlurile ce mizeaz pe guri de stil, n online, unde totul este la o distan de un click, ar bine ca acestea s e ct mai directe. Cititorii din online caut de obicei informaii specice, care pot e s i informeze, educe sau pur i simplu s i distreze. Titlul ar trebui s le transmit faptul c informaia pe care o caut e acolo i o pot obine cu un click.
Cele mai bune titluri sunt cele care pornesc de la beneciile cititorului. - John Caples(
Titlurile Cum s, 10 pai pentru a etc.: n general, ne plac tuturor tutorialele. Pentru cei care navigheaz online pentru a obine ct mai simplui repede informaiile pe care i le doresc, astfel de titluri sunt aproape irezistibile, ind indicatoare care s i ajute s gseasc ceea ce caut de fapt.
164
iBooks Author
Muli dintre noi cocheteaz cu ideea de a aa n cteva cuvinte cum s aproape orice, cu att mai mult dac este vorba despre un subiect cu care rezonm. Aceste formulri au un succes att de mare ntruct promit soluii rapide pentru problemele pe care le-ar putea avea cititorul. Titlurile-ntrebare: Utilizarea ntrebrilor n titlu este o tehnic destul de popular, dar ce-ar trebui s inei minte este c rspunsul la ntrebare trebuie s e cutat de ctre cititori: Cine mai vrea s tie care e secretul unui titlu-magnet de cititori? Titlul-comand: Aceste titluri denot autoritate i le spun cititorilor ce s fac, i ncurajeaz la aciune n schimbul obinerii unui beneciu: nva repede cum s scrii titluri eciente pentru articolele tale! Titluri la corazn: Denumirea mi aparine, ntruct am considerat c expresia spaniol se apropie cel mai bine de ideea de emoie. Titlurile trebuie s trezeasc o reacie emoional cititorului, ntruct emoiile determin cel mai des aciuni i au putere mare de convingere.
De exemplu, dorina oamenilor de a aa ct mai multe informaii i de a ct mai mulumii de ei nii poate inclus n headlines: Descoper-i calitile de copywriter n 5 minute! Titlurile SEO friendly: O mare parte dintre vizitatori ajung la articolul vostru prin intermediul motoarelor de cutare. Drept urmare, titlurile ar trebui s ajute la poziionarea articolului ct mai sus n lista de rezultate. Totui, nu uitai c articolele se adreseaz pn la urm oamenilor, nu spiderilor. Mai tim c motoarele de cutare clasic articolele i dup titlul lor, pe care l aaz la loc de cinste, n fruntea scurtului fragment descriptiv din pagina de rezultate, astfel c devine tot mai evident de ce se recomand att de mult atenie n crearea acestuia. Un exerciiu bun ar s v gndii dinainte ce cuvinte ar folosi un om atunci cnd d search pentru a gsi o soluie la problema lui. De asemenea, un titlu inspirat, care s conin cuvintele-cheie potrivite, poate crete potenialul de cititori. Din pcate, la acest nivel exist adeseori probleme aplicative. Cuvintele cheie ar trebui e relevante i s scoat n eviden coninutul textului, att pentru ca acesta s e mai uor de citit, ct i pentru ca cititorii s i dea seama uor dac informaia pe care o caut se regsete n textul respectiv.
165
iBooks Author
n schimb, exist o practic mai puin moral ce presupune aglomerarea multor cuvinte cheie, att n titlu, ct i n coninut, doar pentru a ajunge pe prima pagin a cutrilor Google, fr a ine cont de relevan. Aadar, dac nu vrei s ajungei vreodat subiectul bancului de mai jos, avei grij cu cuvintele-cheie :)
A SEO copywriter walks into a bar, grill, pub, public house, Irish, bartender, drinks, beer, wine, liquor
### Dac suntei curioi, gsii aici un tool de la AMI cu care putei s aai dac atingei latura emoional a cititorilor prin headline-ul creat.
166
iBooks Author
Ctrl-D DIGITAL:
Cum scrii un plan de marketing (I)
n ultimul timp, printre atribuiile mele s-a numrat i ntocmirea unuiplan de marketing, activitate ce s-a dovedit mai complex dect credeam. Drept urmare, m-am gndit ca, mpreun cu colega mea, Adelina, s v spunem mai multe despre modul n care credem c trebuie pus problema.
E important de tiut faptul c, ntr-un astfel de context, rolul unui specialist nu este att de a modica feature-uri ct de a genera valoare adugat unui produs ntr-un cadru, de foarte multe ori, rigid.
Alen Todorov
Rolul marketing-ului este de suport i consultan n cazul dezvoltrii unui produs nou. Deciziile de direcie sunt luate de product manager.
167
iBooks Author
Planul de marketing este mprit n subseciuni dup cum urmeaz: 1. 2. 3. 4. Analiza contextului i denirea problemei Setarea de obiective Crearea strategiei Denirea planului operaional
respectiv publicul cruia urmeaz s se adreseze produsul i trebuie s se ajung la nite concluzii despre modul n care se iau deciziile de cumprare. Sursele pe care le foloseti sunt foarte importante n aceast etap a c am pregtit o list care sper s te ajute pentru nceput: Doubleclick Ad Planner - ofer statistici ale website-urile folosind rezultate din studii panel. Pentru audienele din US sau UK exist i date demograce. Eurostat - institutul european de statistic public anual Europe Yearbook care ofer informaii despre obiceurile de consum cu breakdown pe rile memebre. Pe lng acesta, se gsesc pe site ANCOM - Autoritatea naional pentru administrare i reglementare n comunicaii are o seciune special pentru comunicaii online. Sursa aceasta este extrem de folositoare n momentul n care ai nevoie de date despre audiena real n Romnia. IAB i IAB Europe Public anual rapoarte despre mrimea pieelor de advertising online. Google KeyWordTool - Ofer date despre numrul de cutri pe cuvinte sau grupuri de cuvinte cheie. Acest tip de research este att folositor pentru a indentica topicuri pe
168
n acest articol vom vorbi despre primele dou.
Analiza contextului i denirea problemei

nelegerea ecosistemului n care se a organizaia este un aspect foarte important. Fiecare pia are particularitile sale. Dac vorbim de produse digitale, aceste particulariti devin i mai particulare. :) Analiza acestui context se face la dou nivele: 1. Macro Reprezint factorii pe care compania nu i poate inuena. Un exemplu ar rata de penetrare sczut a unor tehnologii cum ar HTML5. n cadrul planului de marketing trebuie determinat cine sunt competitorii ale cror branduri sunt similare cu produsul n cauz. De asemenea, trebuie identicat segmentul de pia,
iBooks Author
care s le iei n considerare atunci cnd formulezi o strategie de coninut, dar i atunci cnd vrei s estimezi costurile media necesare pentru achiziia de clieni noi. Rapoartele marilor companii de consultan i audit: McKinsey Quarterly, TATA Consultancy, Deloitte, Capgemini, Accenture. 2. Intern Reprezint mediul intern al organizaiei i practicile desfurate n aceasta. O analiz detaliat a mediului intern al companiei este folositoare pentru a oferi insight-uri cu privire la resursele disponibile (oameni, know-how, buget), nelegerea clienilor i a segmentelor, difereniatorii fa de produsele competitive, performana din punct de vedere al protului. Aceast analiz ofer concluzii despre oportunitile existente, dar i despre limitele impuse de resursele existente. Rezultatele celor dou analizepermit crearea unui sumar cunoscut drept SWOT i duc la identicarea problemelor cheie. Odat identicate principalele probleme se poate purcede la cutarea de soluii i stabilirea obiectivelor. De exemplu, pentru o universitate britanic problema cheie este:
Numrul studenilor asiatici care aleg universiti din UK este n scdere. Acest lucru nseamn c este nevoie s dezvolte o strategie pentru atragerea studenilor internaionali din ri alternative.
Stabilirea obiectivelor
Obiectivele trebuie s e SMART adic specice, msurabile, posibil de atins, realiste i denite n timp. Acestea trebuie neaprat s e realizabile n contextul problemelor cheie formulate n etapa de analiz. Deoarece nu exist o list de obiective care s se poate aplica oricrui plan vom da aici cteva exemple despre ce topicuri pot include: Timpul necesar pentru a ndeplini un prot Numrul clienilor achizitionai i costul per achiziie Numrul mediu de vnzri per client Rata de retenie, adic pstrare a unui client ntr-o anumit perioad Dezvoltarea de prospeci i lead-uri Obiectivele setate pot include i nvarea i testarea unor canale de comunicare noi. Pentru produsele aate la nceput n care nu exist un istoric de costuri per achiziie, rezultatele
169
iBooks Author
primelor campanii vor modela planicrile viitoare. Costurile de marketing sunt o investiie care trebuie s aduc un prot. Aa c, un exemplu de ecientizare a acestora este binevenit, nu? S spunem c ai 1000 de clieni iar bugetul de marketing pentru un an este 1,000$. Pentru ecare dolar cheltuit, ca i companie, ctigi 1,1$. Aceasta nseamn 10% ROI adic 1100$ Dar, dac descoperi dup o analiz a modului n care se comport o parte din clieni c dac ai cheltui 2$ pentru 50% din clieni ai avea un catig de 8$ aceasta nseamn un ROI de 400%. Astfel cei 1000$ mprii la 500 dintre clieni aduc un ctig de 4000$ Avnd n vedere faptul c, n cadrul unor companii, planul de marketing nu se face la nivel formal, dar aceste aspecte sunt, oarecum, luate intrisec n calcul, voi cu ce ai completa din experiena avut?
170
iBooks Author
Ctrl-D DIGITAL:
Cum scrii un plan de marketing (II)
Alen i cu mine ne-am propus s rspundem unei mari provocri ntlnite de marketerii din companii, n special cele care livreaz produse digitale, i anume: ntocmirea planului de marketing. Continum seria de articole cu episodul II care, v avertizez, va destul de stufos deoarece face referire la strategie.
Deci, avem o viziune conturat asupra contextului intern ct i extern al companiei i al pieei pe care aceasta activeaz. Acum e momentul s punem bazele unei strategii pentru indeplinirea obiectivelor setate. Strategia trebuie, desigur, s reecte circumstanele actuale. De exemplu, o companie care lanseaz un produs targetat unei piee noi va aloca majoritatea bugetului pentru achiziia de clieni dar cu toate acestea pstrarea relaiilor cu clienii actuali ar putea genera un ROI mult mai bun n perioada viitoare. Motivul este simplu: acetia deja cunosc produsul i nu mai necesit munc de convingere.
Adelina Enache
171
iBooks Author
Nu exist un set specic de strategii, dar n general se axeaz e pe achiziie, e pe retenie, adic strategii au ca i focus generarea de clieni noi, altele dezvoltarea de soluii care s ii pstreze pe cei vechi. Cum se contureaz, prin urmare, o strategie? Sunt cteva etape ce trebuie bifate, i anume:
Care sunt caracteristicile audienei targetate? Exista una sau multe audiene targetate ? Care dintre aceste segmente are rata de rspuns cea mai ridicat?
3.2 Produsul, brandul i strategia de poziionare

n aceast etap se exploreaz: Cum poate calitatea unic a produsului (USP) variat n funcie de target. Cum adugarea unei opiunii produsului poate s sporeasc rat de rspuns. Testarea preului sau feature-ului. USP-ul sau Unique Selling Proposition este un concept de marketing propus pentru prima dat n anii 40 n America pentru a descrie campanii de succes. Acesta este repetat pentru toate campaniile produsului i reprezint un beneciu real al produsului. Acesta nu este denit neaprat de departamentul de marketing ci de organizaie ca atare.
Exemplu: Head & Shoulders Scapi de mtrea
3.1 Segmentare i targetare

Segmentarea i targetarea trebuie s e bazate pe informatiile strnse pn acum ct i pe cunotinele acumulate prin experiena personal. De asemenea, unele soluii pot aprea pe parcurs, motiv pentru care e bine ca cel care face planul de marketing s e mereu pe faz. De exemplu, poi aa despre un canal media relevant, nainte s ajungi n partea de planicare media. Targetarea inueneaz direct rata de rspuns n rndul consumatorilor. Pentru denirea segmentelor trebuie inclus un raionament logic i relevant care presupune gsirea urmtoarelor rspunsuri: Ct de bine sunt denite segmentele pe care vrei s le abordezi sex, localizare, factori socio economici, stil de via, nevoi, atitudini sau o combinatie ntre acetia?
172
iBooks Author
3.3 Strategia de creaie

Menionarea unor idei pentru materialele de promovare ct i a mesajelor folosite. Mesajul comunicat segmentului int va construit n jurul a trei elemente principale: beneciul (promisiunea) obinut de cumprtor, dovezile pe care se sprijin mesajul (probe, motive) i tonul comunicrii. n nal, ceea ce rezult sunt Call to action-urile. Un exemplu de CTA:
Cumpr un dolar i primeti 2 peste un an
doresc s-i cumpere produsul direct de pe propriul website sau vor s l cumpere de la un retailer.
3.5 Strategia de comunicare i testare

Aceast seciune se refer la decizii asupra mixului de media folosit pentru a ajunge la audiena targetat. Mai exact, se aleg canalele media cele mai potrivite pentru a ajunge acolo unde se a segmentul int. Research-ul ratelor de rspuns pentru ecare tip media n parte este esenial pentru a stabili costurile acestora. Pentru companiile/produsele fr campanii anterioare este nevoie de specicarea unei strategii de testare. Se testeaz, astfel, mai multe medii/combinaii pentru a vedea care dintre acestea genereaz o rat de rspuns mai ridicat.
3.4 Strategia de distribuie

Este dat de modul n care potenialii clienii sunt dispui s achiziioneze produsul. Cteodat productorul nu are resursele necesare pentru vnzarea propriu-zis i atunci apeleaz la intermediari. Majoritatea bunurilor de larg consum (food, consumer electronics..) se distribuie prin retaileri specializai. Un exemplu relevant pentru noi este Amazon AppStore. Un productor de aplicaii mobile poate s decid dac clienii lui
3.6 Managementul bazei de date

Aceast etap presupune n primul rnd stabilirea minimului de informaii necesare pentru a construi o baz de date relevant, adic informaiile necesare clasicrii clienilor De exemplu, pentru o rm care vinde exclusiv companiilor de dezvoltare web, prolul clientului trebuie s includ i tehnologiile folosite de acetia.
173
iBooks Author
Deoarece exist limitri din punct de vedere legal pentru captura i managementul datelor cu coninut personal, trebuie studiate mereu cele mai noi reglementri n domeniu i aplicate n consecin.
protabil prin examinarea modului de cumprare i anume: ct de recent au cumprat, ct de des au cumprat i ct au cheltuit.
De exemplu: Pentru mai mult de 30 ani organizaiile non-prot au folosit analiza RFM pentru a stabili lista de distribuie a campaniilor de marketing direct. Logica era simpl: sunt anse ridicate ca cei care au donat o dat, s o fac din nou.
3.7 Strategia de CRM

CRM nseamn Customer Relations Management i reprezint una dintre cele mai importante metode de pstrare a clienilor. O astfel de strategie presupune evaluarea potenialului de vnzare i dezvoltarea unei strategii de contact folosind canalele media adecvate. Fiecare interaciune cu compania reprezint un touch point. Acestea trebuie luate n calcul pentru a amplica mesajul brandului. De exemplu, Amazon folosete datele adunate pentru a oferi produse recomandate pentru ecare client. Segmentarea bazei de date se poate face n funcie de: Principiul Pareto conform cruia 20% din clieni genereaz 80% din vnzri. Este important ca acei 20% s e identicai i, mai ales, pstrai. Analiza RFM (recen, frecven, monetizare) este o metod de a determina cantitativ care sunt clienii cei mai
Lifetime value se denete n funcie de companie i obiectivele stabilite, poate varia ntre 6 luni i 5 ani dup caz.
174
iBooks Author
Ctrl-D DIGITAL:
Community management pentru produse digitale
Odat cu creterea social media, un nou rol i-a fcut simit prezena pe piaa de joburi: acela de community manager. Sintagme de genul: community manager, comunicare online, social media management au devenit foarte trendy. Multe companii au considerat c este important s se alinieze trendurilor i au aprut pe mediile sociale.
Toate bune pn aici. Dar, cum am mai zis la un moment dat pe blogul personal, nu este sucient s e acolo, trebuie pe de o parte, ca prezena n social media s e motivat, s aib o nalitate iar, pe de alt parte, s se i comporte ca atare.
Adelina Enache
1 septembrie 2011, Carier & Business
Aici intervine un community manager a crui existen este motivat tocmai de acest lucru: nevoia de a ajuta companiile s e cu adevrat prezente pe social media.
175
iBooks Author
nti i nainte de toate ce nseamn o comunitate?

O comunitate este un grup de oameni ce se formeaz n jurul unei idei, unui interes, unei losoi de via, unei activiti sau al unui brand. Acestea pot exista att ofine ct i online. Pe noi ne intereseaz acelea ce se formeaz online, n jurul unui brand. Mai mult de att, comunitile se formeaz n jurul unei experiene oferit de brand.
De unde ncepem?
Cnd vorbim despre produse digitale, comunicarea trebuie adaptat n sensul c trebuie inut cont de faptul c totul se ntmpl online: achiziia de poteniali clieni, comunicarea cu acetia, promovarea produselor digitale, decizia cumprrii i, ntr-un nal, cumprarea, respectiv distribuia. Trebuie inut cont i de faptul c clientul social nu doar se bucur de inuen dar este i inundat de coninut. Consumatorii care triesc n mediul social (Twitter, Facebook, Google Reader, Google+) sunt inundai zilnic cu mii i mii de mesaje publicitare. Este normal ca acetia s ltreze coninutul care nu este relevant pentru ei. Se declaneaz, deci, o lupt pentru atenia consumatorilor. De aici reiese c un community manager este responsabil cu crearea de coninut relevant pentru consumatori. Un coninut pe baza cruia, ulterior, se va desfura conversaia.
Ce se presupune c ar face un community manager?

Managementul comunitii nu se poate face n afara strategiei de marketing a unei companii. Community managerul este un fel de agent dublu care urmrete concomitent interesele celor dou pri. El trebuie s acioneze precum un buffer ntre public/clieni i companie. O greeal frecvent este aceea de a urmri doar interesele companiei i, prin urmare, de a comunica doar despre aceasta. Este important ca, mcar din cnd n cnd, community managerul s comunice i despre membrii comunitii.
Recomandri
Voi nira cteva recomandri specice. Fiecare dintre acestea poate dezbtut n parte, poate chiar ntr-un articol separat, ind vorba despre chestiuni complexe. Trecem doar n revist
176
iBooks Author
deocamdat i dezbatem ce (dac :)) vrei voi. Community managerul ar trebui s aib n vedere urmtoarele: 1. Cunoaterea foarte ndeaproape a produsului/ produselor companiei. Identicarea inuenatorilor din domeniu care sunt prezeni n comunitate. Acetia trebuie s devin, pe parcurs, parteneri, colaboratori ai community managerului. Poate vorba de bloggeri din domeniu, moderatori de forumuri, grupuri etc. Ascultarea i adunarea feedbackului clienilor, cu precdere cel calitativ. Msurarea sentimentului fa de brand. Dac sentimentul este: 4.1. Pozitiv (utilizatorii laud produsele, le folosesc i le recomand, le consider de calitate/utile): aceti membri ai comuniti trebuie pui deoparte i nicidecum ignorai. Pe lng un tradiional mulumesc i retweeturi, acetia pot urmrii, inclui n liste de twitter sau adugai n grupuri dedicate. Ulterior, se pot cuta noi metode de a interaciona cu ei oferindule coninut exclusiv pe care acetia s-l propage. 4.2. Negativ (utilizatorii se plng, sunt nemulumii, au incidente): community managerul trebuie s e 7. 5.
pregtit s rspund tuturor ntrebrilor, plngerilor i s ncerce s rezolve problemele aprute. Dac nu se face acest lucru, sentimentul negativ nu va face dect s escaladeze i, ntr-un nal, s depeasc mediile sociale. Gsirea de metode alternative de a comunica noutile. Spre exemplu, companiile digitale folosesc infogracele n loc de PR release-uri. Participarea la conversaie trebuie s e mereu relevant pentru urmritori, respectiv ceilali participani. Mai pe romnete: nu e cazul s intervenim n discuii despre ciorb, vorbind despre vreme. Promovarea persoanelor din interiorul companiei, care sunt i ele prezente online i sunt brand advocats. Limitarea nu este benec. Este de dorit ca n comunicarea pe social media s se discute despre subiecte ce nu se gsesc n zona de confort a companiei. ncurajarea, dicil, de altfel, a persoanelor din interiorul companiei s comunice i ele. Nu neaprat despre brand, ct despre sine i activitile proprii. Nite angajai cu personaliti vizibile pot ajuta foarte mult o companie.
2.
6.
3.
4.
8.
9.
177
iBooks Author
10. Membrii activi ai comunitii trebuie s e lsai i s aib posibilitatea s ia cuvntul. Fie c vorbim de rspunsul la ntrebrile altor membrii, de postri pe Facebook, interaciuni pe Twitter. Conversaiile ntre membri trebuie s decurg ct mai natural i s nu e inute n fru de ctre o singur persoan. Dac sunt lsai s acioneze ct mai liber, cu timpul, membrii activi se vor simi mai apropiai brandului, iar acest lucru poate avea doar un efect pozitiv. 11. Concursurile corecte sunt o metod bun de a interaciona cu publicul. Se pot iniia concursuri care s nu e bazate pe like-uri, G-plusuri i retweeturi, ci pe coninut. 12. Agregarea de coninut de calitate i relevant comunitii. Astfel, urmritorii vor ti unde gsesc ce-i intereseaz i nu vor cuta n alt parte. 13. Oferirea unor exclusiviti: bonusuri, premii, produse spre testare, informaii. 14. Prezentarea unor consumatori care au folosit deja produsele. Acest lucru se poate face prin testimoniale, tweeturi, blog-posturi, quote-uri 15. Oferirea de coninut, tool-uri, informaii utile pe care s le poat folosi i n alte contexte.
Concluzii i link-uri utile

Folosirea social media trebuie, bineneles, aliniat obiectivelor de vnzare ale companiei. Este necesar stabilirea unui punct de plecare care s permit compararea metricilor de social media cu cei ai altor canale folosite, precum i urmrirea rezultatelor n timp. Doar astfel se poate observa msura n care tacticile abordate au succes sau nu. Motivaia utilizrii social media n cazul unor produse digitale este evident: oamenii engaged cumpr mai uor i mai mult. A se observa c nu am (prea) vorbit de msurarea numrului de urmritori, fani, likeri, ci de sentimentul ce-l au acetia asupra brandului. Cifrele nu creeaz conversaii i cu att mai puin se coaguleaz ntr-o comunitate de poteniali cumprtori. Pn la urm, e destul de simplu. Comunitatea sunt prietenii ti. Cu care stai la poveti, crora le faci recomandri, care i fac recomandri. Crora le oferi valoare.
Dac ai petrece timp cu prietenii ti, nu le-ai spune brusc s-i cumpere produsele. Sau? :)
178
iBooks Author
i c tot veni vorba de sentiment, am promis nite link-uri utile. :) Pentru nceput avem nevoie de instrumentele potrivite pentru a gestiona toate prolele de social media ale companiei/ produselor. Acestui scop servesc urmtoarele: Tweetdeck: http://tweetdeck.com Hootsuite: http://hootsuite.com Seesmic: https://seesmic.com Ziceam c e important s ascultm ce se ntmpl n comunitate. Pentru aceasta ne putem ajuta de: MutualMind: http://mutualmind.com Social Radar: http://infegy.com i, nu n ultimul rnd, acel sentiment care face toat diferena poate msurat folosind tool-uri precum: Sentiment Metrics:http://sentimentmetrics.com Hearbeat: http://sysomos.com/products/overview/heartbeat
179
iBooks Author
Ctrl-D DIGITAL:
Ce spune biroul tu despre tine?
Dac ne gndim bine, muli dintre noi stm la birou cel puin 8 ore pe zi, chiar mai mult, iar consecina normal a acestui fapt este c biroul devine un soi de a doua cas (credei sau nu, mai avem i colegi care ajung s doarm la birou :D ).
n funcie de spiritul ce domnete ntranumite ziduri, biroul poate deveni o extensie a personalitii ocupantului sau poate s rmn doar o mas de lucru. Dar s ne ndreptm atenia spre acele birouri ce spun o poveste. Ce putem analiza? De la geamul nchis sau deschis, plantele din birou, fotograile i obiectele personale pn la teancul de hrtii ce acapareaz uneori spaiul de lucru, totul vorbete despre personalitatea colegului de lng noi i, dac ne uitm ceva mai atent, poate am ceva n plus i despre personalitatea noastr.
Raluca Fota
17 octombrie 2011, Carier & Business
De obicei, analizm mbrcmintea sau coafura pentru a obine detalii vizavi de personalitatea unui coleg, dar iat c ne putem ndrepta atenia i spre un alt detaliu: biroul.
180
iBooks Author
Biroul Grdina botanic/ zoologic

Genul acesta de coleg ar putea lucra la fel de bine n parc, pentru c are nevoie de aer, de prospeime, de ceva viu n jurul su spre care s i ndrepte atenia cnd i ridic ochii din monitor. Plantele sau animalele sale i creeaz un spaiu natural, liber, i stimuleaz creativitatea. Asociat cu un geam aproape venic deschis, este semnul unei persoane dornice s evadeze din spaiul nchis al biroului, o persoan activ.
mai puin. Oricum, dac el/ea nu i ofer informaia cerut, tu nu o vei putea obine niciodatde pe biroul su. Totui, faptul c i las toat informaia la vedere denot i o personalitate expansiv, dezinvolt, deschis spre a mprti cunotine.
Biroul motivaional
Cum l recunoatei? Uitai-v atent dup tot felul de mesaje de autoncurajare sau bileele n care sunt notate eluri mree. Dac avei un astfel de coleg, e bine s-l inei aproape, pentru c e dedicat muncii sale i caut s-i ndeplineasc sarcinile ct mai bine. Colega noastr, Adelina, are i ea un mesaj auto-motivaional pe birou: Concentrate! Stop procrastinating! :)
Biroul Teanc de hrtii

Dependent de munc. Invariabil. Singura diferen este poziionarea hrtiilor. Dac biroul arat ca o arhiv, doza de control este maxim, dac arat ca dup uragan,
Biroul Cultul plcerii

Acesta este spaiul colegilor mai hedoniti din re. La loc de cinste se a vederile i obiectele culese din locurile de vacan exotice pe care le-au
181
iBooks Author
vizitat sau imaginile relaxante. Despre ei s-ar putea spune c muncesc pentru a tri, n opoziie cu o alt categorie de angajai, care triesc pentru a munci.
Acest birou este uneori semn de inabilitate de a se adapta la mediul n care lucreaz, semn al unei personaliti introvertite.
Biroul Studio fotograc i creaii artistice

De obicei, este biroul familistului. Este plin de fotograi cu membrii familiei, prieteni sau creaii artistice ale copiilor. Este semn clar c respectivul coleg este dedicat familiei, iar desprirea de cei dragi pe durata timpului petrecut la birou este doar zic. Este o persoan dedicat, pune suet n tot ceea ce face, construiete relaii de durat. Este ntotdeauna deschis spre a mprti experiene personale i sfaturi de via. Atenie ns, ncrcarea biroului cu prea multe fotograi i creaii artistice de-ale copiilor ar putea sugera c angajatul ar prefera s e acas, nu la locul de munc.
Biroul Mulimea vid
Practic, pe biroul acesta nu gseti mai nimic. Cteva elemente de birotic icam att. Nu sunt obiecte personale, nu este dezordine, niciun semn c cineva lucreaz acolo. Persoana n cauz nu se implic n relaii interpersonale, prezena sa la acel birou este strict formal, viaa sa se desfoar exclusiv n afara acelui birou.
Biroul cu dulcegrii
Un coleg care i aprovizioneaz biroul n permanen cu dulciuri e, cel mai probabil, o persoan extrovertit i sociabil. Pentru a-i aduce pe ceilali colegi ct mai aproape, ce poate mai inspirat dect decorarea strategic a biroului cu produse gustoase, irezistibile?
182
iBooks Author
Bineneles, ecare dintre noi este o combinaie a elementelor descrise mai sus, dar exist o component dominant ce dezvluie celorlali detalii relevante vizavi de personalitatea noastr. Acum, arunc o privire pe biroul tu. Ce i spune?
183
iBooks Author
Ctrl-D DIGITAL:
Neuromarketing: tiin sau pseudotiin?
Ideea de a aa ce gndesc, de fapt, consumatorii s-a dovedit a irezistibil pentru unele dintre marile companii cu mari bugete, ceea ce a dus la popularizarea rapid a conceptului de neuromarketing, despre care am citit cu ceva timp n urm ntr-o carte numit Buyology. n ciuda entuziasmului general, ntrebarea este dac neuromarketing-ul are un statut tiinic real sau l pretinde pe nedrept.
Prerile sunt, ca de obicei, mprite. Dac termenul nu v sun tare cunoscut, nicio grij, e considerat i acum un domeniu relativ nou n marketing. E bine de tiut ns c neuromarketing-ul are un scop mre, acela de a oferi informaii valoroase oamenilor din publicitate studiind reaciile afective, cognitive i senzoriale ale consumatorilor expui unor mesaje publicitare.
184
Gabriela Ianculescu
20 octombrie 2011, Opinii
iBooks Author
Conceptul a aprut pe la nceputul anilor 90 n SUA, iar responsabil de primele cercetri a fost Gerald Zaltman, acelai Zaltman care a impresionat i cu tehnica ZMET.
sunt chiar cele mai inspirate cuvinte. Mai concret, este loc berechet de erori, o zon anume a creierului poate asociat cu o multitudine de factori i tocmai acest lucru taie din avntul neuromarketing-ului. Conform reprezentanilor ARF (Advertising Research Foundation), neuromarketing-ul mai are de strbtut o cale lung pn s devin o tiin x pentru c, spun ei, mesajele publicitare sunt foarte complexe i conin stimuli diveri (imagini, text, sunet), iar n condiiile acestea, este cam greu pentru adepii neuromarketing-ului s arate cu precizie ce reacie determin ecare dintre aceti stimuli asupra creierului i mai ales, care este motivul real din spatele acelei reacii. La fel de puin convins este i David Dobbs n articolul su, nu foarte blnd, de pe Wired. De asemenea, nici costurile studiilor nu sunt de neglijat (un studiu complex poate ajunge i la 15.000 EUR), motiv pentru care eantioanele pe care se realizeaz sunt de regul foarte mici, ceea ce ar diminua ansele de a obine concluzii general valabile. Date ind costurile, e uor de neles de ce mai degrab companiile mari precum Coca Cola, Google, Nestle, Procter&Gamble sau General Motors caut s mearg pe mna neuromarketing-ului.
Cum funcioneaz neuromarketing-ul?

Prin intermediul unor tehnologii cel puin interesante, cum ar electroencefalograma (EEG) i fMRI, mai pe romnete, imagistic prin rezonan magnetic funcional (MRI sau RMN), folosit de regul pentru detectarea tumorilor cerebrale, specialitii caut s identice activitatea creierului n mai multe zone simultan. Pe baza observaiilor, acetia stabilesc mai apoi ipoteze care s explice de ce iau cumprtorii anumite decizii i ce zon a creierului este responsabil de decizia respectiv. Dac rspunsurile date de ctre oameni ntr-un chestionar pot modelate pentru a dezirabile social, impulsurile electrice declanate n creier nu mint, spun specialitii.
Aadar, tiin sau pseudotiin?

Cred c cel mai sigur ar s nu ne grbim s folosim termenul tiin vis a vis de neuromarketing, ntruct atunci cnd vine vorba de interpretarea datelor culese, precizia i exactitatea nu
185
iBooks Author
ntre noi e vorba, i Agricola Bacu a comandat n 2010 primul su studiu de neuromarketing. :) Voi prezenta mai departe cteva studii de neuromarketing, mpreun cu criticile primite, pentru a putea s v facei o opinie personal cu privire la caracterul tiinic sau pseudotiinic al neuromarketing-ului.
Religia Apple?
Foarte interesant, mai ales pentru fanii Apple, este faptul c, dup spusele adepilor neuromarketing-ului, imaginile unor branduri puternice, cum ar cel menionat mai sus, stimuleaz aceeai zon a creierului activat de regul de simbolurile religioase.
Buyology i controversele
Despre neuromarketing este vorba i n Buyology (Truth and lies about why we buy), o carte scris de Martin Lindstrom, un mare amator al jocurilor de cuvinte, dac lum n considerare i titlurile altor cri ale lui, cum ar Brandwashed sau Brandchild. Pe lng combinaia fericit a cuvintelor din titlu, cartea n sine este o lectur foarte plcut i surprinztoare i are la baz o cercetare desfurat pe 2081 de subieci din cinci ri, pe o durat de trei ani, cu un cost denumai 7 milioane de dolari. Autorul denete neuromarketing-ul foarte inspirat drept cstoria dintre neurotiine (dedicate cunoaterii mecanismelor funciilor principale ale creierului- gndire, limbaj, memorie i contiin) i marketing. Pe lng deja celebrul studiu The Pepsi Paradox, mi-au mai plcut dou alte exemple date de autor n carte, care au atras nemulumiri din partea celor mai puin creduli. Aparatele au semnalat o activitate intens n zona creierului asociat cu sentimentele de iubire, concluzia cercettorului ind aceea c subiecii acionados de iPhone reacionau la sunetul telefonului n acelai mod n care ar reacionat la auzul unei persoane dragi. Acelai Lindstrom a realizat un studiu pe 16 subieci, publicat n The New York Times, pentru a aa dac iPhone-urile determin
186
iBooks Author
aceeai dependen pe care o provoac de regul alcoolul, drogurile, shopping-ul, jocurile etc. Din start, aceast idee a fost criticat cu surle i trmbie n diversearticole, ntruct dependena de alcool sau droguri se determin pe baza consecinelor pe care o are la nivel comportamental, ca atunci cnd persoana respectiv trece prin schimbri drastice, i pierde prietenii, locuina, jobul, viaa social etc, nu n condiiile n care se aprinde o lumini pe aparat n momentul n care subiectul privete o sticl cu butur. Mai apoi, conform cercettorului, prezena iPhone-ului a creat activitate intens n o arie a creierului asociat cu rsplata, ns aceeai zon e activat n situaii diverse, chiar i atunci cnd oamenii privesc bani, mncare gustoas sau chipuri frumoase. Acest lucru i-ar face oare dependeni de ele din start? Reaciile dure nu s-au oprit aici, ntruct se pare c insula (acea zon a creierului asociat i n cazul de fa cu sentimentele de iubire) a devenit un fel de laitmotiv al studiilor de neuromarketing, ind menionat mai mereu, drept urmare nu prea are cum s se bucure de un caracter specic. Se pare c ea este una din prile creierului care se activeaz cel mai des cnd vorbim, cnd iubim, cnd suferim de vreo durere zic sau suntem suprai sau chiar atunci cnd ne concentrm s ne gndim la ceva.
Efectele mesajelor anti-fumat

O concluzie surprinztoare expus de ctre Martin Lindstrom este aceea c textele de pe pachetele de igri nsoite de imagini care ar trebui s in fumtorii departe de pachet au un efect destul de interesant: ele acioneaz asupra unei zone a creierului responsabil cu dorina i recompensa, drept urmare, sporesc ceea ce vor s combat. Care e explicaia dat? Fumtorii iubesc igrile i tot ce e asociat cu ele, iar textele caredecoreaz pachetele de igri nu reuesc dect s i fac pe acetia s saliveze precum cinele lui Pavlov la gndul coninutului din pachet. Criticiile au venit vehement, susinnd c studiul este eronat din pricina faptului c s-a fcut o generalizare statistic. Mai exact, cercettorul s-ar folosit de rezultatele altor studii care asociau zona respectiv a creierului cu recompensa, drept urmare, el s-a limitat la acea explicaie pentru a justica activarea acelei zone n cazul textelor morbide de pe pachetele de igri. Se pare c alte studii au artat c acea zon a creierului poate activat i cnd subiecii ateapt o pedeaps, drept urmare argumentul lui Lindstrom se clatin binior.
187
iBooks Author
Concluzie?
n nal, n ciuda popularitii conceptului, problema principal care exist n legtur cu neuromarketing-ul este aceea c nu prea exist cercetri academice care s conrme eciena scanrii creierului n anticiparea comportamentului consumatorului sau a rezultatelor unei campanii. Drept urmare, mi s-ar prea greit s i atribui un caracter tiinic unei tehnologii chestionabile, care las loc de multe speculaii. Surse: The New York Times, Talyarkoni, Wired, Martin Lindstrom: Buyology (Truth and lies about why we buy)
188
iBooks Author
Ctrl-D DIGITAL:
Procesul de naming: varianta Web 2.0
Cnd vine vorba de a da nume altor entiti dect obiectele proprii, devine puin mai tricky. Avnd n minte aceste aspecte, reiau o temabordatdeja de ctre mine n trecut: procesul de naming.
Bineneles, se cade s aduc subiectul n actualitate i voi face referire i la cum are loc acest proces n acest foarte ncurcat web 2.0.
Adelina Enache
31 octombrie 2011, Resurse
De ce atta agitaie pentru un nume?

Un nume bun valoreaz mai mult dect o avere. - Miguel de Cervantes, 42. Don Quixote. Volumul II, capitolul XXXVIII
ntmplarea face s-mi plac la nebunie s dau nume. De ecare dat cnd urmeaz s achiziionez un obiect de o oarecare valoare, m pregtesc cu cteva zile nainte pentru a-i da un nume ct mai potrivit.
Un nume este un substantiv folosit pentru a distinge persoane, animale, obiecte, locaii i produse ntre ele.Naming-ul este procesul de atribuire a unui cuvnt sau a unei fraze unui obiect, unei proprieti, unui produs, unui fenomen etc. Dac un brand este un nume care ocup un loc n mintea consumatorilor i le inueneaz acestora deciziile de cumprare, este evident faptul c numele n sine trebuie s-i
189
iBooks Author
nsueasc principalele caracteristici ale brandului pe care-l reprezint i s le evoce ntr-o manier natural i del. Un nume este extrem de important pentru un brand. Unii spun chiar c este cea mai important caracteristic a acestuia. Numele poate poziiona brandul i delimita natura ofertei sale, poate susine identitatea i personalitatea acestuia. Rolul unui nume de brand este s personice informaii despre ceva, informaii ce reprezint valoare adaugat, diferenind brandul ntrun anume fel de alternativele existente. Numele de brand relev adeseori inteniile unui brand, mai ales n cazul acelor branduri unde alegerea numelui de brand s-a fcut innd cont de anumite caracteristici obiective sau subiective pe care acesta ar trebui s le transmit. De exemplu, dac un brand se adreseaz fetielor i fetelor cu aspiraii de prines, ar o alegere bun ca numele de brand s includ Princess. Sau? :)
Pe scurt, ideea este c un nume de brand are rolul de a provoca, n mintea consumatorului, asocieri (dezirabil) pozitive cu brandul respectiv. Denumirea unui produs este o disciplin strns interconectat cu cea a denumirii de brand de companie i abordarea este, de asemenea, foarte similar. Mai mult, denumirea produsului este un pas important n procesul de branding. i produsul, este, la rndul su, un (viitor) brand. Carevaszic, nu e sucient s am un brand denumit Awsm, iar produsul vndut s se numeasc Mas. Poate doar dac vnd cntare. :)
Procesul de naming
Procesele mele de naming al obiectelor sunt i ele complexe, dar nu se compar cu cele care ar trebui ntreprinse cnd vorbim de naming-ul unei companii sau al unui produs.
190
iBooks Author
Am fost pus n situaia n care mi s-a cerut s vin cu o propunere de nume pentru ceva (un produs) despre care nu tiam mai nimic. Bineneles c nu am avut cu ce contribui, deoarece am simit c mi lipsesc informaiile eseniale pentru a veni cu o sugestie relevant. Informaiile acestea apar i se contureaz pe parcursul unor etape. Fiecare dintre acestea este important pentru a obine, la nal, un nume cu rezonan. Pentru a evita srirea unei etape, m-am gndit s le precizez aici. Cine tie, poate vrei s dai un nume. Analiza competiiei - analiza pieei, respectiv analiza competitorilor pentru a vedea ce nume folosesc acetia i ct sunt de puternice. Poziionarea - denirea USP-ului este esenial n alegerea unui nume potrivit, deoarece despre asta va vorbinumele. Dezvoltarea brandului/numelui de brand - se identic principalele obiective ale numelui n funcie de poziionarea aleas. Vericarea disponibilitii - odat obinut o list generoas de posibile nume, trebuie vericat disponibilitatea acestora. Se ncepe cu domeniile web (c doar vorbim de web) i pe urm se veric mrcile
nregistrate. O metod de a proba disponibilitatea unui nume este vericarea bazelor de date naionale i internaionale cu mrci nregistrate, ncepnd cu cele din propriul domeniu de activitate i alte domenii conexe. Testarea - se testeaz numele.Acest lucru se poate face n interiorul companiei, n proximitatea acesteia sau prin focus-grupuri. Important este s se fac. :) Denumirea (propriu-zis) i gsirea unui slogan. Protejarea numelui - nregistrarea acestuia, trademarkuirea i toate cele pentru a se asigura c atunci cnd brandul va valora milioane, nu-l va putea lua nimeni. Aceste etape pot despicate n mai multe sau condensate n mai puine. Important este s se in cont de toate aspectele.
Altele de luat in considerare

Disponibilitatea domeniului cu acelai nume: am menionat acest aspect i la pai, dar revin asupra acestui fapt deoarece este esenial n naming-ul online. Disponibilitatea se poate verica cu ajutorul unui serviciu de nregistrri de domenii. Dac rezult c este disponibil, nu stai pe gnduri i rezervai-l repejor! E de menionat faptul c personal nu sunt de acord cu denumirea site-urilor
191
iBooks Author
n scopuri SEO. Prin urmare un site de nchirieri maini ce are domeniul nchirieri-maini.ro nu m convinge deloc. Disponibilitatea pe social media: se veric disponibilitatea pentru cont de Twitter, vanity URL Facebook, cont StumbleUpon, cont Tumblr i orice alt platform care se vrea a utilizat, n funcie de brand. E de recomandat ca acestea s e i create, chiar nainte ca brandul/produsul s e lansat. Putei s v folosii de Namechk http://namechk.com/ (un tool cu un nume sugestiv) pentru a face aceste vericri. Arhitectura de brand: poziia pe care o va ocupa noul brand n arhitectura existentsau planicarea unei arhitecturi dac aceasta nu exist nc. Criterii de eligibilitate: publicul int, pronunia, dispersia termenului (dac acesta exist), posibilitile de protejare a numelui de brand, problemele legale, costurile etc. Lungime potrivit: e esenial i ea n online; cuvintele sau sintagmele lungi sunt greu de urmrit i de reinut,adresele web lungi sunt uitate repede. Evitarea confuziilor i a ambiguitii: ebine ca persoana s tie ce caut atunci cnd caut. Nu vrem cutri de genul: acel produs care trebuie s-mi rezolve mie problema X. De asemenea, nu uitai de publicul int (localizarea
acestuia, vrsta, educaia). Altfel, riscai s facei aceeai greeal ca i realizatorii emisiunii de copii, Roary The Racing Car,care nu au inut cont de faptul c o mare parte din aceti copii, pn ajung la coal, nu prea pot pronuna litera R i rezult Joajy, The Jacing Caj. Un nume unic, original: are anse mai mari s e reinut de consumatori.De asemenea, un nume original are likeability mai mare n online. :)
Exemplicare
Poate unii dintre voi ai dat deja peste articolul de pe Techcrunch al crui titlu este: Is Naming Your Startup Hipster Genius Or Terrible?Hipster este un startup nord-american social. Adic i permite, ca multe alte aplicaii web, s i mprteti viaa, respect unde eti i ce faci cu prietenii ti. Sub form de vederi. Dac vederile sunt hip (iar eu zic c sunt), denumirea ar trebui s e una genial, nu? n mod suprinztor, alte nume foarte simple s-au dovedit a de foarte mare succes. Flickr i datoreaz numele verbului icker care, tradus din englez, nseamna licri. tii voi, lumina aceea care plpie n momentul n care se aprinde bliul unui aparat pentru a face o fotograe.
192
iBooks Author
Tumblr - un alt serviciu web foarte utilizat, dei pare c ar copiat de la Flickr ideea numelui, spre deosebire de alte copii nereuite, a avut i succes. n cazul tumblr, numele i are originea n aa numitele tumblelogs (bloguri cu postri foarte concentrate). Pe mine mereu m-a dus cu gndul la (s)tumble (stumble a da peste de unde i numele serviciului StumbleUpon, tumble a se mpiedica de). Cine tie, poate i Hipster ar fost mai bine primit de ctre industrie dac s-ar numit Hipstr. :)
deoarece este amuzant, dar nu e cazul s luai de-a bun rezultaltele unui astfel de generator.
Cteva aspecte amuzante

n cutrile mele am dat peste mai multe agenii de naming i branding (da, exist agenii care se ocup exclusiv cu aa ceva, chiar m btea gndul s pun bazele uneia :P) printre care i IGOR. Pentru mine, personal, este amuzant, deoarece aa mi-am numit primul iPhone, iar ei exemplic procesul de naming cu naming-ul companiei lor. :) O alt companie de naming are ca loc de batin pagina http:// www.naming.com/. Fain nume, nu? :) Este surprinztor cte poi gsi pe Internet atunci cnd vine vorba de naming. Poi gsi chiar i aplicaii care s se ocupe de naming pentru tine (cine ar vrea asta!?). Un exemplu de generator de nume este acesta.V putei juca un pic cu el
193
iBooks Author
Ctrl-D DIGITAL:
QR Codes n marketing
Acum c s-a mai astmprat puin entuziasmul oamenilor vizavi de QR Codes i n prile non-asiatice ale lumii, v propun s vedem ct de creativ au fost folosite acestea n scopuri de marketing.
Spun asta deoarece codurile QR i-au ctigat faima de instrumente de marketing care realizeaz un fel de punte de legtur ntre online i ofine i au fost adoptate rapid de tot mai multe companii. nainte ca NFC s fure toat atenia publicului, prot de ocazie s v art cteva exemple creative de utilizare a QR Codeurilor, nu nainte de a faceo scurt introducere pentru cei mai puin familiarizai cu termenul.
Ce nseamn QR Codes?
QR Codes reprezint o form de bare bidimensionale care pot scanate cu ajutorul camerelor foto ale smartphone-urilor i citite prin intermediul unei aplicaii speciale, cu scopul de a realiza un transfer de informaii. Se aseamn ntr-o oarecare msur cu codurile de bare de la magazinul de la col, cu
194
Gabriela Ianculescu
21 noiembrie 2011, Inspiraie
iBooks Author
excepia faptului c sunt mai inteligente i pot purta cu mult mai mult informaie. Ele nu sunt de ieri, de azi, ci chiar din 1994 i au fost create deloc n mod surprinztor de ctre japonezii de la Denso Wave. Dac v ntrebai de la ce vine QR, rspunsul e simplu i mai ales rapid: quick response. Exist dou tipuri de astfel de coduri bidimensionale: Micro QR Code, care conin mai puin informaie i Design QR Code. Acestea din urm suntbig in Japan de mult, ns, de ceva timp, ele s-au extins i n Europa i apar tot mai des n peisajul urban. Mai departe, voi prezenta mai multe exemple cel puin interesante de folosire a QR Code-urilor n completarea materialelor de marketing.
Cu puin imaginaie, crile de vizit ar putea duce spre o prezentare video a titularului, care permite mai mult libertate de exprimare sau, de ce nu, un tutorial n ceea ce privete specializarea celui menionat. Ae, brouri, yere, bannere outdoor i reviste:
Marketing i QR Codes
Cri de vizit: tim c se ncearcde mult timp s se adauge ct mai mult valoare acestor cartonae informative care determin, de multe ori, prima impresie. Despre cri de vizit creative a scris i colega mea, Oana, iar dac vrei s vedei cum arat o carte de vizit personalizat cu QR Codes, multe exemple reuite gsii aici.
195
iBooks Author
Concursuri n clipul inclus ca link mai jos este prezentat o campanie din Rusia ce utilizeaz QR Codes n cadrul unui concurs care pe mine m duce cu gndul la treasure hunting. Utilizatorii trebuie s gseasc ntr-o anumit perioad de timp QR Code-urile ascunse prin ora i s le scaneze, pentru ca mai apoi s rezolve puzzle-uri pe un site anume. Bineneles, scopul nal este s ctige premii.
Zoo Records Hidden Sound
Campania era un fel de manifest mpotriva muzicii mainstream caracteristic oraului asiatic, iar scopul ei era de a face cunoscut publicului un alt tip de muzic, diferit de ceea ce se ascult de obicei, un gen muzical ascuns, de unde nelegem de ce campania se numete hidden sound. Toi cei ce scanau QR Code-urile puteau asculta piesele i primeau chiar i informaii cu privire la trupele care le cntau. Pe lng asta, ei puteau cumpra melodiile direct de pe mobil sau le puteau share-ui pe canalele social media. Rezultate? Mai mult de jumtate din trupele participante i-au vndut albumul n prima sptmn, iar utilizatorii s-au grbit s posteze descoperirile fcutepe Facebook, YouTube sau pe blogurile personale.
QR CODE ADVENTURE IN MOSCOW
Hidden Sounds, Zoo Records n continuare e inclus linkul ctre o campanie semnat de Leo Burnett Hong Kong pentru Zoo Records, campanie care a ctigat i un Gold Direct Lion, dou premii Silver Lion i unul Bronze Lion la Festivalul Internaional de Publicitate de la Cannes. n ce const campania? Piesele a 14 trupe de muzic indie au fost ncorporate n 14 QR Code-uri, asamblate sub forma unor animale ce triesc ascunse prin ora i au fost rspndite prin ntregul Hong Kong.
196
iBooks Author
Rezumat
Cel mai mare avantaj pe care l aduc QR Code-urile l reprezint faptul c reuesc s creeze o legtur ntre online i ofine, att de dorit n marketing de cnd cu expansiunea n online. Ce pot face acestea mai exact? Pot trimite spre un landing page anume - astfel oamenii pot ajunge din parc direct pe site. Pot deschide un joc interactiv. Pot transmite imagini, text, video - de ce nu, poate oferta zilei, detalii despre evenimentul anunat pe un a sau informaii legate de un concurs pe perioad limitat. Pot apela un anumit numr de telefon sau pot trimite un mesaj, bineneles, cu acordul celui care scaneaz. Pot identica locaia geograc cu ajutorul atottiutorului Google. Mai uor de aat unde e locaia unui concert. Pot legate de social media pentru a duce direct pe pagina companiei. Dac v atrage ideea, v putei crea propriul QR Code folosind generatoareuser friendly, cum ar acesta. Pentru Design QR Codes, va nevoie de ceva mai mult efort. :)
197
iBooks Author
Ctrl-D DIGITAL:
Practici corecte n scrisorielectronice
Mai jos, v voi prezenta cteva dintre aceste gnduri care m macin pe mine vizavi de scrierea unui email, mai ales cnd acesta este adresat unui client cruia nu a vrea s i las o impresie greit.
Raluca Fota
2 decembrie 2011, Carier & Business
Acum dou zile am fcut o anume descoperire, n urma creia m-au invadat tot felul de gnduri vizavi de unele practici n scrierea electronic i standardele sale. Acestea din urm au devenit tot mai importante, dat ind frecvena utilizrii email-urilor ca i mijloc de comunicare.
Care s e descoperirea? Cam acum un an de zile se lansa aceastminune tehnologic. Cam acum dou zile aam i eu. Ce e att de interesant la acest laptop, vei ntreba? Ignorai prile tehnice i i ateni la asta: tastatura nu mai beneciaz de prezena tastei caps lock, iar pe taste sunt nscrise litere
198
iBooks Author
mici, n locul majusculelor cu care ne-am obinuit cu toii.n locul tastei caps lock a aprut o tasta de search, fcnd astfel folosirea majusculelor foarte deliberat. Dup cum am promis, mai jos gsii cteva opinii i sugestii privind scrierea unui email.
Bineneles, nu m mpac nici cu reversul medaliei, mai concret, cu situaiile n care nu se utilizeaz deloc majuscule n text, probabiln numele ecienei i al vitezei de redactare. Deci, s dm Cezarului ce-i al Cezarului i s folosim adecvat majusculele.
Despre folosirea majusculelor

Cnd i cum ar trebui s le folosim? Personal, am o serioas problem cu utilizarea lor exagerat. Cnd scriu un email, folosesc strictul necesar n materie de majuscule, adic la nceputul frazelor sau pentru numele proprii. M feresc s folosesc buci masive de text scris cu majuscule pentru c mi se pare deranjant i inestetic. Ba mai mult, se spune c folosirea majusculelor pentru propoziii ntregi echivaleaz cu o rund bun de ipete n comunicarea face to face. Originea utilizrii majusculelor pentru a aduga importan sau a atrage atenia asupra unei chestiuni vine din folosirea mainilor de scris, unde nu exista o alt metod dect aceasta. Progresul tehnologic al secolelelor XXXXI ne pune, totui, la dispoziie attea fonturi i posibiliti de redactare nct majusculele devin desuete.
Despre spaiere
Pe vremea proiectelor din facultate, spaierea 1,5 mi se prea heaven-sent. Orice compoziie se lungea instantaneu cu aproximativ 30%, scurtnd proporional efortul. Adugai la asta spaiul dublu ntre paragrafe (obicei pare-mi-se de sorginte englezeasc, venit s nlocuiasc alineatul romnesc) i, voila, lucrarea este gata. Dar ce facem n cazul email-urilor, cum folosim aceste tool-uri ce ar trebui n prezent s aib simplul rol de a facilita citirea uent a unui text? Sfatul meu: spaiere dubl doar dac textul este masiv, pentru a evidenia paragrafele, n rest, spaiere normal combinat cu: 1. Fraze scrise de la captul rndului. Dei n documente sunt fan a modului justify, email-urile mele sunt aliniate stnga extrem, n sensul c ncepecare fraz de la margine. Tendina (n cazul scrierii stngadreapta, sus- jos) de a citi un text este pe diagonala stnga
199
iBooks Author
sus- dreapta jos, de aceea exist ansa de a nu urmri cu atenie textul aat pe partea dreapta. Prin urmare, evit acea parte cnd vine vorba de a reda informaie n cadrul unui email. 2. Dublu-spaiu la sfritul frazelor. De ce? Greesc eu n faptul c nu l folosesc? Se pare c nu. La fel ca i folosirea majusculelor,dublul-spaiu este o relicv de pe vremea mainilor de scris, cnd fonturile ocupau aceeai cantitate de spaiu orizontal, iar sfritul frazelor cerea a amplicat ntr-un fel sau altul. Dar cum nu mai este cazul n zilele noastre, deoarece folosim fonturi proporionale, ne putem elibera de acest obicei care ne gurete textele email-urilor.
Aadar, iat lista mea succint a chestiunilor care m frmnt vizavi de scrierea email-urilor. Ar mai una, ce ine mai degrab de trimiterea lor, dect de redactarea coninutului:reply all. Dei vei gsi, cu siguran, voci ce spun s nu folosii aceast opiune, eu susin cu trie s o folosii. De ce? Pentru c destinatarii din list nu sunt pui acolo din ntmplare, dac au primit un email iniial, ar corect s primeasc i rspunsul.
Despre folosirea diacriticelor

Le mai folosim sau nu? Adevrul este c, orict de mult a ine la diacritice, mi este adeseori peste mn s le folosesc n email-uri. Sunt poate prea comod, dar pentru universalitate, renun la diacritice i nici nu pot s sftuiesc pe altcineva s le foloseasc n mediul online. De cele mai multe ori, softurile nu favorizeaz vizualizarea caracterelor speciale, iar coninutul email-urilor ajunge s e mai degrab ghicit dect citit, lucru ce este evident lipsit de profesionalism.
200
iBooks Author
Ctrl-D DIGITAL:
10 previziuni despre social media n 2012

Gabriela Ianculescu
18 ianuarie 2012, Inspiraie
ntr-un articol publicat recent, Oana Pslaru a scris despre tendinele pe 2012 n materie de design, motiv pentru care prot de portia deschis pentru a prezenta i cteva dintre direciile care se presupune c vor acapara anul acesta social media, potrivit mai multor publicaii de prol i specialiti n domeniu. Rmne de vzut cte dintre ele se vor realiza n decursul anului.
1: Facebook va depi pragul de 1 miliard de utilizatori
Se presupune c rile care vor contribui la creterea numrului de utilizatori Facebook sunt n general cele care au peste 20 milioane de locuitori i cele n care Facebook are o rat de penetrare sub 20%.
201
iBooks Author
Bineneles c exist critici care pun la ndoial acest lucru i care susin c Facebook este deja dominant pe pieele foarte mari i se apropie de punctul de saturaie. Cu toate acestea, ri precum Rusia, Coreea de Sud, Japonia, Brazilia i India au adus peste 53 milioane de utilizatori n perioada octombrie 2010-octombrie 2011, dup cum putei vedea n acest infograc.
S-a scris mai pe larg despre acest subiect narticole publicatepe Business Insider, precum i n Forbes.
4: Social media va inuena tot mai mult vnzrile

Social media is an ideal tool for moving people up the fan ladder, from being a casual fan of a brand to a loyalist, because the communication channels allow people to build stronger emotional connections with brands. Amy Jo Martin, fondatorDigital Royalty
2: Google+ va crete substanial

Despre Google+ se crede c va ajunge pn la nele anului 2012 la 300 milioane de utilizatori i c va ncorpora o multitudine de aplicaii existente, ns nu se spun foarte multe despre sporirea activitii de pe reeaua social, lucru care este considerat tocmai punctul slab al Google+. Putei citi opinii pertinente despre acest subiect aici.
ntruct prin social media, brandurile ncearc s comunice ct mai deschis cu publicul, utilizatorii pot aa oricnd mai multe informaii despre produsele sau serviciile oferite. Social media inueneaz semnicativ expansiunea word of mouth marketing-ului, permind astfel utilizatorilor s ae prerile, recomandrile, nemulumirile, comparaiile de pre ale celor care sunt deja clieni ai unui brand, iar acestea i inueneaz mai mult dect o fac campaniile publicitare. Pornind de la aceast premiz, este foarte posibil ca bugetul alocat comunicrii prin social media s creasc semnicativ i n acest an.
3: Twitter va deveni o afacere tot mai protabil

Previziunile optimiste pe 2012 pentru Twitter spun c i va perfeciona sistemul automatizat de publicitate, care este acum n beta testing i va deveni un juctor tot mai important n publicitatea online.
202
iBooks Author
5:Engagement-ul va deveni un KPI

Aceast predicie i aparine luiAndria Trivisonno, Director pe Digital Marketing laCult Marketing.Dat ind c exist foarte multe platforme sociale pe care poate comunica un utilizator web, brandurile trebuie s gseasc o modalitate prin care s le rein atenia i interesul, iar mai apoi s i ndemne la aciune. De asemenea, se va pune accentul foarte puternic i pe rezultatele obinute n urma activitii desfurate pe social media. Ce rmne n continuare complicat este modul de msurare a ROI-ului. Un pic de ajutor gsii n acest articol scris de Brian Solis. Pentru a putea atepta ns rezultate, este important ca brandul s transmit valoare utilizatorilor, pe baza creia s lege relaii de lung durat i abia apoi, s stabileasc, n termeni cuanticabili, beneciile aduse de ctre comunicarea pe social media.
iar scopul este ca utilizatorii s poat interveni direct n activitile desfurate la televizor prin intermediul reelelor sociale. Probabil c ai vzut deja emisiuni n care realizatorii ndrum publicul spre prolele de social media, acolo unde este invitat s comenteze sau s voteze, rezultatele i discuiile ind comentate n timp real. Mai mult, a aprut un fel de Foursquare pentru televiziuni, numit GetGlue, care permite publicului s dea check-in la emisiunile sau lmele preferate pe care le urmrete la tv. De asemenea, 2012 implic i prezena tot mai mare a televiziunilor i n mediul online, un exemplu relevant ind faptul c anul acesta va transmis pentru prima oar Super Bowllive, pe Internet.
7: Va crete numrul de accesri ale reelelor sociale de pe mobil

n social media, accentul cade foarte mult pe actualitate, pe ceea ce se ntmpl n momentul postrii. Dat ind c vnzrile de smartphones sunt ntr-o continu cretere, este de ateptat s creasc i numrul de accesri ale reelelor sociale direct de de pe dispozitive mobile.
6: Televiziunea va deveni social

Exprimarea este puin ciudat, ntruct pentru muli dintre noi, urmrirea programelor tv este un act social n mod implicit, dar n cazul de fa m voi referi la integrarea televiziunii cu social media. Se fac eforturi n aceast direcie de ceva timp ncoace,
203
iBooks Author
De asemenea, NFC prezint un potenial imens n ceea ce privete accesarea instant a informaiilor, tranzaciile securizate i comerul prin intermediul telefonului mobil. Pe Mashable putei citi un articol ce prezint 6 moduri n care ne poate schimba viaa tehnologia NFC.
sunt postate automat pe Facebook, fr a nevoii s dai Share sau Like. Exist o mulime de preri contra, dar i cteva pro, cu privire la aceast opiune, cea mai grav susinnd c postarea lipsit de intenie distruge valoarea sharing-ului. Aici putei gsi un articol util numit sugestiv The End of Social.
8: Social media va tot mai integrat cu tehnologia existent

Exist destule exemple care dovedesc faptul c inteniile de a face acest lucru au fost deja manifestate. De exemplu, unele dintre dispozitivele mobileau butoane speciale de Facebook. De asemenea, pe ultima variant de iOS, utilizatorii pot posta tweet-uri direct din meniu, iar utilizatorii Blackberry pot da share pe Facebook din meniu.
10: Content curation

ntruct exist un decit de atenie provocat de multitudinea de informaii care ne nconjoar, unele branduri vor alege s ltreze informaiile, pentru a oferi o valoare ct mai mare consumatorilor. Acest proces se refer la selectarea acelor informaii despre care s-a aat n prealabil c prezint interes pentru publiculint i agregarea lor. Dac vrei s aai mai multe despre content curation i cum se aplic, v recomand acest articol.
9: Frictionless sharing
Dac folosii aplicaia celor de la Guardian de pe Facebook sau The Washington Post Social Reader, suntei, probabil, familiarizai cu acest concept. Mai exact, odat ce acceptai clauzele unei aplicaii speciale ca cele amintite mai sus, anumite aciuni pe care le facei (de exemplu, citii un articol)
204
iBooks Author
Ctrl-D DIGITAL:
PR online: napoi la origini

Oltea Zambori
6 februarie 2012, Resurse
Avem PR. Ce facem cu el?

Nu putem vorbi despre PR online dac nu tim mcar puin despre ce nseamn PR-ul tradiional, dac nu nvm scldim o relaie ntre consumator i companie, indiferent de serviciile sau produsele pe care aceasta le ofer. Relaiile publice nseamn, nainte de toate, construirea ncrederii: ntre departamente, ntre companie i client, ntre consumator i produs. n PR-ul clasic, comunicarea se face global, ctre un target generic i nu extrem de bine conturat, iar apariia online-ului a dus nevoia de comunicare la un alt nivel: comunicarea direct ctre consumator. Partea cea mai frumoas a online-ului este c resursele sunt nelimitate, trebuie doar s ai sucient rbdare s citeti (i s asimilezi) toate informaiile pe care le poi gsi, asta pe lng necesitatea de a cerne informaia util de informaia redundant.
205
Termenul de PR online nc i caut o deniie. Nu tim nc s spunem exact care sunt ramurile pe care le are, dar tim sigur c e o ramur a comunicrii, o completare a felului n care companiile se prezint pe pia.
iBooks Author
Dou resurse de baz

PR Museum: Site-ulPR Museum v permite s facei un tur virtual al istoriei relaiilor publice, ncepnd cu Edward L. Bernays(nepotul lui Sigmund Freud), considerat printele relaiilor publice i terminnd cu Chet Burger, omul care a revoluionat practicile PR-ului. Sunt prezentate o sumedenie de informaii utile, cum ar prima manifestare a PR-ului, sub forma unei recenzii pentru un spectacol de balet, n care Bernays a ncercat s explice ce vzuse n spectacol folosindu-se de ceea ce oamenii cunoteau deja, legnd baletul de impactul dansului asupra vieii, de culorile produselor iubite de americani i de personalitatea celor pe care el i considera un target pentru acest tip de spectacol. La fel de interesant este i povestea lui Kendrix Moss, omul care a atras atenia corporaiilor explicnd care este puterea de cumprare a afro-americanilor, identicnd pe pia nevoia de comunicare nspre acest segment. Marii lui clieni au fost Cola Cola i Ford, lsnd motenire viitoarelor generaii de comunicatori o lecie extem de
important: ecare om este important, ecare segment de pia trebuie analizat. Orice om de comunicare la nceput de drum are mult de studiat, mai ales n zilele noastre, cnd comunicarea online este n continu dezvoltare i cursurile unei faculti de prol nu reuesc s in pasul cu dezvoltarea industriei, comparabil cu felul n care se dezvolt industria IT. Dac n 2009 ar trebuit s ai er i s faci companiei tale un cont de Twitter, n 2012 e imperios necesar s ai o pagina de Facebook, care trebuie construit cu grij i comunicat constant i non-agresiv, pentru c goana dup like-uri a trecut, iar urmtorul nivel este acela de a comunica non-agresiv i corect tot ceea ce face compania. ThePR Coach: Pentru toi cei care sunt la nceput, PRCoach este locul n care materialele scrise n domeniu de-a lungul timpului, studiile de caz i strategiile de comunicare folosite de marile companii sunt foarte accesibile i uor de urmrit, existnd chiar i exemple de bad PR sau cum se reacioneaz n comunicarea de criz.
206
iBooks Author
Este un site util, un fel de bibliotec la tine acas, care este o baz excelent, adugat la cea format de profesorii din facultile de comunicare.
Ce urmeaz?
Platformele de comunicare sunt multe i variate, iar planul de comunicare trebuie s includ de la bun nceput Twitter, Facebook, Tumblr, LinkedIn, Google+ (n funcie de specicul companiei), poate i mai nou aprutul Pinterest. Totui, faptul c ai manageriat mcar unul dintre aceste conturi de media sociale pentru propria persoan nu i d garania c vei putea face asta i pentru o companie, e mult prea diferit abordarea, ns, n mod sigur e de ajutor dac tim s le folosim, chiar i n scop personal. Vremea comunicrii clasice, prin comunicate de pres, a trecut. PR-ul se schimb de la o zi la alta, iar cerinele pieei devin tot mai mari, consumatorii i doresc atenie i importan, iar companiile trebuie s se adapteze rapid dac i doresc s creasc i s se dezvolte. Pn acum civa ani, era sucient ca departamentul de comunicare s aib un om care s pun n cuvinte frumoase realizrile companiei pentru care lucra, ns acum, PR-ul trebuie s e n strns legtur cu departamentul de marketing, s alctuiasc mpreun o strategie i nite direcii de urmat, iar ceea ce ajunge ctre consumator trebuie s e compact, unitar i s spun o poveste cu expoziiune, intrig, punct culminant i deznodmnt.
207
Abordarea corect aduce succesul

Bineneles, nicio carte despre PR, niciun exemplu (negativ sau pozitiv) nu garanteaz c, dup ce te documentezi, vei capabil s faci campanii de succes, nsoite de o comunicare n spiritul companiei pe care o reprezini. Poate c e chiar necesar ca prima oar s guti puin din amarul unui mic eec, ca s-i poi face treaba mai bine mai departe. Cel mai important lucru este s cunoti compania, s-i cunoti produsele sau serviciile, s petreci timp nsemnat n departamentele prezente n organigram, ba chiar s vorbeti cu ct mai muli oameni, indiferent de postul ocupat sau de perioada de timp petrecut de acetia n companie. Resursele i baza teoretic nu pot suplini practica, aa cum comunicarea pentru o fabric productoare de past de dini nu poate reprodus de o fabric n care se produc plcue de frn. De asemenea, uxul de informaii dinspre companie nspre public trebuie neaprat s e susinut de un ux continuu de informaii ntre departamente.
iBooks Author
Despre toate acestea i despre felul n care unele companii decid c PR-ul online poate fcut de oricine are un cont n mediile sociale, ntr-un episod viitor.
208
iBooks Author
Ctrl-D DIGITAL:
Time Management n Social Media
Nu cred c este o surpriz pentru nimeni faptul c social media reprezint un mediu de lucru cu risc crescut de ADD (Attention Decit Disorder). Orice persoan care activeaz la modul serios i profesional n social media s-a confruntat cel puin o dat cu problema productivitii muncii.
Dinamismul reelelor sociale, viteza foarte mare de nnoire a coninutului, alturi de cantitile mari de informaie foarte colorat i deloc relevant fac ca pstrarea ateniei i concentrarea asupra task-urilor zilnice s e extrem de dicile. Dar, pentru c orice problem are i o soluie, exist cteva ci de a-i ecientiza activitatea pe reelele sociale, cu scopul de a crete productivitatea muncii i de a minimiza timpul irosit.
Corina Sftescu
16 feburarie 2012, Carier & Business
1. F-i un orar
Primul pas este reprezentat de stabilirea unui orar precis, eventual prevzut cu deadline-uri. De exemplu, dac m ocup de promovarea pe reelele sociale a trei companii distincte, pot
209
iBooks Author
face un orar care e separ coninutul pentru ecare companie, e reelele sociale pe care le folosesc. Ceva de felul urmtor:
9:00 10:00 10:00 11:00 11:00 12:00 Compania X (toate reelele) Compania Y (toate reelele) Compania Z (toate reelele)
nc o meniune: intervalele orare trecute mai sus sunt doar orientative. S-ar putea ca o anumit categorie de target s nu e activ pe social media dis de diminea, ceea ce nseamn c i programul meu va ncepe puin mai trziu. Dac nu stai prea bine cu erul i nimeni nu st bine la nceput poi face uz de cteva tool-uri care te ajut s i dai seama n care moment al zilei e mai bine s postezi. When To Tweet sau Tweet When sunt astfel de aplicaii care, n schimbul unei sume modice sau chiar gratuit, i spun cnd sunt activi cei care te urmresc. Pentru Facebook, o simpl privire n Insights ar trebui s te ajute s i dai seama cnd ai obinut cele mai multe reacii la statusurile publicate. Dincolo de aceste mici articii, ce rmne fundamental important este etapizarea timpului petrecut pe reelele sociale, astfel: Planicarea Se face dimineaa, nainte de pornirea calculatorului i se concretizeaz ntr-un To Do List bazat pe strategia general de comunicare pe reelele sociale. Implementarea Se refer la crearea de coninut i publicarea acestuia, implicarea n discuii, publicarea de rspunsuri etc.
210
Sau:
9:00 12:00 12:00 14:00 Facebook (toate cele 3 companii) Twitter (toate cele 3 companii)
Alegerea ntre cele dou variante depinde de preferinele ecrui utilizator, dar i de gradul n care difer prolurile companiilor respective. S-ar putea ca, dac cele trei rme au obiecte de activitate extrem de diferite ntre ele, s mi e foarte greu s creez coninut pentru toate n paralel. De asemenea, e recomandat ca alegerea reelelor pe care le includ n orarul meu zilnic s se bazeze strict pe gradul acestora de ocupare n ce privete targetul i nu neaprat pe trenduri. Dac targetul pe care l am n vedere nu folosete Twitter, de exemplu, e o pierdere de timp i energie s creez coninut pentru aceast reea.
iBooks Author
Monitorizarea i evaluarea Este faza nal, cnd este revizuit ntreaga activitate din cursul zilei, sunt identicate mesajele cu cele mai multe reacii, zonele de infuen i gradul de receptivitate a publicului. Pe aceste msurtori se va baza planicarea din dimineaa urmtoare.
De exemplu, platformele de blogging i permit s programezi publicarea articolelor, Tweetdeck permite programarea mesajelor i publicarea unui coninut simultan pe mai multe conturi sau reele. Bineneles, nu ntotdeauna este recomandat s repei acelai text pe dou conturi distincte, dar e bine s tii c exist i aceast posibilitate. De asemenea, e mult mai ecient s urmreti coninutul ltrat prin hashtaguri ori cuvinte cheie, n loc s ncerci s faci tu aceast selecie. O list interesant de astfel de aplicaii de sortare a coninutului o gsii aici. Dintre acestea, Technorati i Topsy sunt probabil cele mai folosite n peisajul autohton. n principiu, ele te ajut s gseti toate conversaiile de pe bloguri i reele sociale pe anumite teme, dar i i pun la ndemn cele mai trendy subiecte dezbtute n mediul online, alturi de topuri i alte astfel de statistici, categorisite pe domenii ori reele sociale.
2. Nu ncurca borcanele
Un alt element foarte important este s nu amesteci contul tu personal cu cele pe care le administrezi pentru diveri clieni. Asta nseamn c n cadrul orarului precis de care aminteam mai sus, nu ai voie s te uii la pozele prietenilor, ori la clipuri amuzante, orict de mare ar tentaia. Orice distragere de la activitatea prevzut n a postului te scoate din ritm i i afecteaz productivitatea. i pentru c deadline-urile sunt snte, orice timp pierdut n timpul lucrului se transform n ore suplimentare.
3. Prot de Tool-uri
Nu uita de toate aplicaiile care au fost create tocmai pentru a crete eciena activitilor pe reelele sociale.
Concluzie
Aadar, activitatea pe reelele sociale poate o mare pierdere de timp i o gaur n buzunar sau o min de aur. Totul ine de ct de bine stai cu autodisciplina.
211
iBooks Author
Ctrl-D DIGITAL:
Cum s creezi coninut relevant pentru blogul tu
n ultimii ani, se vorbete tot mai mult despre blogging ca ind ansa spre o potenial carier de succes. Astfel de armaii i multitudinea de platforme au ncurajat o mas de oameni s-i fac un jurnal online, adic un blog. Dar numrul celor care au renunat denitiv imediat dup bine cunoscutul post Hello World! este cu mult mai mare dect cel al blogurilor active.
Raportat la Romnia, conform Zelist, avem aproximativ 64,000 de bloguri, dintre care sunt active n jur de13,000. Acum, ntrebrile cheie dup care ar trebui s te ghidezi sunt: Cte dintre acele 13,000 de bloguri active ofer un coninut relevant? sau Cu ce se difereniaz blogul tu de celelalte 12, 999?
To blog or not to blog? How to blog? Now, that is the question.
Alexandra Palconi
23 februarie 2012,Resurse
212
iBooks Author
nainte de toate celelalte elemente care conteaz, precum designul, social media, SEO sau monetizarea, succesul i distingerea de alte bloguri st n coninut. De exemplu, chiar dac designul blogului este plictisitor, deloc prietenos sau, pur i simplu urt, cititorii se vor ntoarce la tine dac le oferi un coninut de calitate. Cnd vorbim despre social media, orice blogger se bucur dac articolele sale prind la public, sunt mprtite, comentate i creeaz reacii, dar nimic dintre acestea nu se vor ntmpla att timp ct coninutul nu are ceva de oferit. Tehnicile de optimizare SEO ajut foarte mult la o poziionare bun a blogului tu n motoarele de cutare. De fapt, cel mai mult conteaz s creezi linkback, ns tot SEO-ul din lume va n zadar att timp ct nu iei n calcul un aspect important: coninutul relevant. Monetizarea blogului vine odat cu un trac bun. Pentru a obine un trac bun, nainte de toate, ce trebuie s oferi n schimb? Da, ai ghicit, un coninut relevant.
Publish i apoi s te ntrebi de ce articolul tu nu aduce reacii. De asemenea, indiferent dac o faci online sau ofine, trebuie s te documentezi n legtur cu subiectul abordat pentru a aduga consisten i credibilitate coninutul tu. Chiar e nevoie de timp, de analiz i, repet, de foarte mult practic! Pentru a atinge rezultatele dorite, iat cteva sugestii: Timp i rbdare Aloc-i timpul necesar pentru a te documenta, pentru organizarea ideilor i pentru structurarea coninutului. Uneori poate dura maxim 30 de minute, iar alteori i poate lua i cteva ore bune pentru a face asta. Satisfacia care va veni dincolo de butonul de Publish va merita ecare minut investit. Gramatic nainte de toate Un articol scris corect confer i credibilitate. Strduiete-te s i la curent cu toate regulile gramaticale i s scrii corect. Dup ce ai terminat de redactat, nu publica articolul pn nu i-ai analizat de cteva ori textul din punct de vedere gramatical. Fii tu cititorul tu nainte s publici, recitete-i de cteva ori articolul i punei cteva ntrebri, precum: i place ceea ce citeti? Punctele
213
Practica e calea spre perfeciune

Nimeni nu se nate nvat i nimeni nu e perfect. Dac ai ales s faci blogging, a c e nevoie de mult informaie, documentare i practic. Cum s-ar spune, exerciiul e mama nvturii. Da, chiar i n blogging! Nu e de ajuns s ai o idee, s o arunci ntr-un draft, s scrii cteva paragrafe, s apei
iBooks Author
de vedere sunt sucient de argumentate? Tonul autorului i pstreaz uiditatea pe tot parcursul articolului? Informaia trasmis e uor de asimilat?etc. Dac rspunsurile tale sunt Nu, atunci consider s reiei articolul de la capt sau s intervii pe text acolo unde este nevoie. Calitate vs. Cantitate Numrul ideal de cuvinte folosite ntr-un articol se ncadreaz undeva ntre 500 i 1000. ns, ideal este s scrii i s exprimi ceea ce trebuie i e relevant, indiferent c se ncadreaz n 20, 750 sau 2000 de cuvinte. nva din greeli Ai scris un articol, l-ai publicat, ai fost convins c va strni reacii, dar rezultatele ntrzie s apar? Reia acel articol i identic ceea ce nu a mers. nva din greelile proprii i evit-le n viitor.
1. Coninutul original i unic Urmrete concurena, vezi ce subiecte sunt abordate i maniera n care se face asta. E foarte posibil ca o idee pe care intenionezi s o abordezi s fost deja dezbtut n alt parte, ceea ce nu va face din blogul tu dect o replic a celorlalte. Cu siguran nu i doreti asta! ns poi face altceva: abordeaz acelai subiect, dar dintr-o perspectiv nou, creia s-i aduci argumente solide. Astfel de practici pot genera plus de valoare unei idei, iar tu te vei distinge de ceilali printr-o abordare unic i original, ceea ce te poate ajuta s-i consolidezi i un stil propriu. 2. Coninutul util O practic mprumutat din marketing: concentreaz-te foarte mult pe audiena ta. Vezi ce nevoi are i ofer-i alternative. Informaia pe care o transmii trebuie s e util cititorilor ti. Transform articolele tale n surse de inspiraie, scrie reviewuri, f recomandri de link-uri sau tool-uri utile care le vor face viaa mai uoar sau le vor rspunde la diferite ntrebri. 3. Importana introducerilor De multe ori am ntlnit asta sau chiar eu am fcut aceast greeal: am subestimat importana unei introduceri. La fel ca n jurnalism, introducerea reprezint primele cuvinte, prima
214
Coninutul bun face un blog bun

Un coninut bun de blog difer de la un caz la altul i denot mult subiectivism, n funcie de ceea ce au nevoie oamenii s citeasc, mai ales n ceea ce privete blogurile de ni. Dar exist un set de reguli generale dup care ar trebui s se ghideze un blogger pentru a genera coninut relevant, indiferent de subiectul pe care l abordeaz sau de nia blogului su.
iBooks Author
Un exerciiu util n acest sens: pune-te n locul unui cititor, analizeaz-i introducerile articolelor i ntreb-te dac reuesc s-i capteze atenia. 4. Keep it simple Informaia transmis trebuie s e ct mai uor de asimilat. Nui f cititorii confuzi folosind cuvinte complicate, expresii sau formulri greu de digerat. Majoritatea oamenilor reacioneaz pozitiv cnd citesc un articol scris ntr-o not familiar, prietenoas. Ceea ce scrii te apropie de cei care te citesc i genereaz o interaciune ntre tine i ei. Un exerciiu: imagineaz-i c pori o conversaie cu un bun prieten i scrie n acest fel. Totodat, concentreaz-te pe ceea ce vrei s transmii. Orice altceva n plus nu nseamn dect glgie i va ine oamenii la distan. n concluzie, nainte s dai Publish, revizuiete-i textul i exclude orice lucru neesenial care ar putea mpiedica cititorii s ajung la mesajul nal.
fraz sau primul paragraf dintr-un articol, cu rolul de a incita la lectur. Tot ea d tonul textului, te ajut s te concentrezi pe subiect i s stabileti uiditate i coeren coninutului tu. Aadar, sfatul meu este s nu transformi introducerile ntr-un obicei de teasing, ca mai apoi s nu continui n acelai ritm, dar nici s nu subestimezi importana lor. i apoi mai exist nc un aspect important: gndete-te c articolul tu poate citit ntr-un reader. Drept urmare, de foarte multe ori, introducerea este cea care face diferena atunci cnd cineva alege s-i citeasc tot articolul sau trece pur i simplu mai departe.
215
iBooks Author
Ctrl-D DIGITAL:
5 sfaturi pentru un cont de companie ecient pe Twitter
Platforma de socializare Twitter, dei intens folosit n alte pri ale lumii, are n Romnia destul de puini adepi, comparativ cu numrul total al utilizatorilor nregistrai: puin peste 60.000 de conturi romneti dintr-un total de o sut de milioane de utilizatori.
Cu toate astea, un cont de Twitter care aparine unei companii, dac este bine folosit, are toate ansele s ajung s e urmrit, distribuit i recomandat de ctre ali utilizatori.
1: Asigurai-v c avei nevoie, cu adevrat, de un cont Twitter de companie

ntrebarea la care ar trebui s rspund orice companie nainte de a se arunca n utilizarea acestei platforme este chiar aceasta: Avem sau nu nevoie de un cont de companie pe Twitter?. Un astfel de cont presupune, de regul, interaciune zilnic, comunicare unitar i destule alte lucruri pe care ceilali
216
Oltea Zambori
27 februarie 2012, Carier & Business
iBooks Author
utilizatori ai platformei ar putea s le considere folositoare, indiferent dac folosesc sau nu produsele sau serviciile companiei. O companie care nchiriaz utilaje industriale, de exemplu, ar renuna n cteva zile la folosirea contului creat, pentru c target-ul acelei companii este format din rmele de construcii i nu de persoanele care utilizeaz Twitter.
3. Scriei, nainte s urmrii.

Una dintre cele mai frecvente i la ndemn greeli vizavi de crearea unui cont nou de Twitter folosit de ctre o companie este faptul c imediat dup crearea contului, se trece la urmrirea conturilor considerate de interes. Este foarte important ca acea companie s aib minim 5 tweeturi nainte s nceap activitatea intens, iar acelea ar trebui s conin informaii despre companie, eventual nite link-uri ctre propriul site, de unde ceilali utilizatori ar putea s ae informaii suplimentare. Un cont de Twitter cu 0 tweets este neinteresant, iar posibilitatea de follow back este minim. De asemenea, pagina de prezentare a contului trebuie s aib nc de la nceput un backgroundpersonalizat i o descriere clar.
2: Contul trebuie s aib un nume uor de reinut i de menionat.

Dac pasul 1 a fost stabilit i decidei c Twitter este un loc bun n care putei s comunicai, este foarte important s avei un nume care s reprezinte compania, cu care aceasta s se identice. Utilizatorii trebuie s i dea seama din momentul n care acceseaz pagina de prol ce facei i cui v adresai. Atenie, ns, la lungimea caracterelor din numele de utilizator, @scluminasrl poate o idee nutocmai inspirat, pe cnd @punemtermopane poate s spun foarte clar care este obiectul de activitate al companiei.
4. Comunicai constant, unitar i util.

Un cont de Twitter se construiete n timp, iar rezultatele ncep s apar dup minim ase luni de la activare i asta doar n cazul n care comunicarea este zilnic. Dac nu v numii Vodafone sau Adidas, este nevoie de mult munc pentru a avea un cont urmrit i apreciat.
217
iBooks Author
Este important s spuneizilnic ce facei cu produsele i serviciile pe care le oferii, ns, avnd n vedere c vorbim despre o reea de socializare, nu trebuie s uitai c este la fel de important s i i relaxai, la urma urmei tot un om se a n spatele contului. ncercai s povestii cu cei pe care i urmrii, s le rspundei la ntrebri generale chiar dac ntrebrile nu se refer neaprat la ceea ce facei dumneavoastr. Rspunsurile simple i la obiect sunt apreciate i v pot aduce n lista de followers persoane cuadevrat interesate de ceea ce promovai.
Twitter presupune comunicare person to person, chiar dac v aai n spatele unui brand i poate extrem de benec pentru companie dac e folosit aa cum trebuie. O platform de microblogging, aa cum este Twitter, permite transmiterea de informaii de interes general, care ajung n cteva secunde la cei vizai.
i dac tot suntem la partea de cum s faci bine, iat cteva exemple de conturi de companie bine structurate, informative i utile pentru brand-urile pe care le reprezint: Crocodilu, imaginea Trilulilu, a primitn 2010un premiu pentru contul de Twitter cel mai bine folosit i crescut de o companie din Romania. OrasulM, cont care reprezint un ghid mobil dezvoltat de 24 FUN, menit s ne ajute s ne descurcm mai bine atunci cnd cutm evenimente sau locuri frumoase n apropiere. VodafoneBuzz, contul de Twitter al celor de la Vodafone, care funcioneaz ca un fel de customer care al utilizatorilor de Twitter care au un abonament sau o cartel Vodafone. Voi cunoatei conturi de companie foarte bine folosite n Romnia?
5. Nu lsai contul s moar.

Dac decizia de a folosi Twitter vine ca parte integrat ntr-o campanie online ampl, carepresupune utilizarea tuturor platformelor media sociale, nu lsai contul s moar la nalulcampaniei. Este foarte important s i pe faz n ecare zi i s rspundei nelmuririlor carear putea veni i la cteva luni bune dup nalul de campanie. Nu este nimic mai frustrant pentru unutilizator de Twitter dect s pun o ntrebare la care nu va mai primi niciodat rspuns, pentru c i va pierde ncrederea n produs i n credibilitatea companiei.
218
iBooks Author
Ctrl-D DIGITAL:
Plugin-uri practice pentru WordPress
Pentru a face blogging, avei la dispoziie platforme online sau utilitare (care se pot instala pe hosting-ul propriu). Cele mai reprezentative platforme online sunt WordPress.com, Blogger.com, Blogu.lu, Tumblr.com i Postereous.com, dar acestea ofer servicii pentru blogging cu un minim de faciliti, printr-un set restrns de module sau teme. Dintre platformele utilitare, cele mai des utilizate sunt WordPress i Typo3, rareori Drupal sau Joomla.
WordPress este cea mai popular platform pentru blogging, indiferent dac e folositshared sau standalone. Lansatn anul 2003, platforma este reactualizat periodic i notorietatea sa i-a adus n 2011, odat cu versiunea 3.0, peste 65 de milioane de download-uri,iar cuvinte precum wordpresser,
Alexandra Palconi
219
iBooks Author
wordpressing sau wordpressographerau intrat n limbajul comun al utilizatorilor de WordPress. Pe scurt, WordPress este o platform versatil, care le permite utilizatorilor s controleze i s personalizeze funcionalitatea i designul site-ului lor.
Plugin-uri practice pentru WordPress

n WordPress, plugin-urile se mpart n mai multe categorii: pentru prevenirea spam-ului, optimizare SEO, social media, caching i performan, publicare i ux RSS, formulare de contact, statistici i msurtori etc. Pornind de la cteva dintre modulele pe care eu le folosesc pentru blogul meu personal, am fcut o list cu cele mai practice plugin-uri pe care s le putei folosi pentru WordPress i care v vor face activitatea de blogging mult mai uoar: Prevenirea spam-ului: 1. Akismet Toi cei care au un blog tiu ce nseamn comentariile nedorite i irelevante. Pentru a preveni acest lucru exist Akismet, probabil cel mai popular ltru de spam din lume. Acest plugin preia textul unui comentariu, l trimite ctre serverele Akismet unde, pe baza unor criterii, se decide dac este sau nu spam. n cazul unui rspuns negativ, acesta nu este publicat i va aat n tabelul de comentarii spam din panoul de administrare Bad Behaviour Acest plugin este compatibil inclusiv cu WordPress i este puin diferit de Akismet. ns funcioneaz ca un
Ce sunt plugin-urile de WordPress?

Plugin-urile sunt acele module care extind funcionalitatea de baz a platformei WordPress. n opinia mea, plugin-urile sunt cea mai bun parte din WordPress, dar folosirea lor necesit i cteva cunotine despre platform. Totodat, se spune c instalarea prea multor plugin-uri poate duna performanei site-ului tu sau poate duce chiar la ncetinirea vitezei de ncrcare a paginilor. Adevrul este c numrul de plugin-uri instalate nu este important, ci mai degrab calitatea codului care st n spatele lor. Indiferent dac foloseti 70 de plugin-uri sau doar dou, ele trebuie s e compatibile cu versiunea instalat de WordPress i, dac vrei s te fereti de erori i bti de cap, nu instala dou plugin-uri care ndeplinesc aceeai funcionalitate.
2.
220
iBooks Author
paznic, reuind s previn spam-ul i chiar mpiedicndu-l s obin acces pe blogul tu. Optimizare SEO: 1. All-in-one SEO Pack Te-ai decis s faci blogging i i doreti ca oamenii s te citeasc, dar uneori acest lucru va greu de ndeplinit dac nu ai i o poziionare ct mai bun n motoarele de cutare. Vestea bun e c All-in-one SEO Pack poate face asta pentru tine. Recomandat n special pentru nceptori, acest plugin pentru optimizare SEO trebuie doar instalat i nimic mai mult. De la meta tags, link building i chiar optimizarea titlurilor pentru motoarele de cutare, All-in-One SEO Pack face toate astea n mod automat, iar tu te vei bucura de o vizibilitate ct mai bun. WordPress SEO La fel ca All-in-one SEO Pack, acest plugin te ajut la optimizarea blogului tu pentru motoarele de cutare. Trebuie doar s urmreti instruciunile de congurare. Setrile pot folosite pentru a optimiza ecare pagin n parte sau pentru a crea XML sitemaps. Totodat, te ajut s te concentrezi pe cuvintele-cheie atunci cnd scrii un articol.
De reinut: instalarea ambelor module poate duna grav blogului tu! Caching i performan: 1. W3 Total Caching Un plugin foarte complex utilizat n special de blogurile cu trac ridicat. Permite multiple metode de caching i compresie, mbuntind de 10 ori viteza de ncrcare a paginilor. Are o integrare bun cu CDN-urile i ofer suport pentru accesul de pe mobil. WP Super Cache Crete viteza de ncrcare a articolelor prin crearea unor pagini statice, reducnd astfel timpul de rspuns al blogului tu.
2.
Publicare de ux RSS: 1. FD FeedBurner Un plugin care redirecioneaz att uxul generat pe blogul tu, ct i uxul comentariilor articolelor ctre FeedBurner. Tot ce trebuie s faci este s inserezi adresa uxului tu de FeedBurner n acest plugin. FeedBurner FeedSmith Acest plugin detecteaz i acceseaz uxul RSS de pe blogul tu i l redirecioneaz ctre FeedBurner. n
221
2.
2.
iBooks Author
acelai timp, preia i redirecioneaz uxul RSS n funcie de tag-uri i categorii. Statistici/ Msurtori: 1. Google Analyticator Adaug automat codul JavaScript necesar pentru logare de trac pe orice blog care folosete o platform WordPress. De asemenea, acesta include widget-uri care aeaz statisticile de Google Analytics n interfaa de administrare i pe blog, fr ca tu s mai i nevoit s accesezi contul personal de Google Analytics. Google Analytics for WordPress Cam acelai lucru cu Google Analyticator. Analizeaz tracul blogului tu folosind uneltele din Google Analytics. Se integreaz uor cu API-ul de Google Analytics. Trebuie doar s instalezi plugin-ul, s te autentici cu contul de Google, i selectezi blogul i cam att. WP UserOnline Acest plugin aeaz ci utilizatori sunt online n timp real, furniznd detalii statistice despre acetia (membri, comentatori, vizitatori i roboi). WassUp Analizeaz tracul vizitatorilor de pe blogul tu n timp 5.
real i ofer statistici n ordine cronologic, grace i chiar un widget lateral. Blog Metrics Un plugin foarte util care calculeaz i msoar automat numrul de articole pe lun, media cuvintelor per articol, numrul de comentarii per articol, trackback-urile per articol i alte cifre utile care te ajut s i faci o imagine de ansamblu asupra blogului tu. Popularity Stats Include detalii despre popularitate cum ar Google PageRank, Alexa Rank sau numrul de link-uri ctre blogul tu.
6.
2.
Social Media: 1. Facebook Likes You! Un plugin simplu de congurat care faciliteaz adugarea butonului de Like pe blog sau adugarea unui Like Box. Facebook Page Publish Ajut la publicarea articolelor tale pe prolul sau pagina ta de Facebook. WP to Twitter Actualizeaz statusul tu de Twitter n momentul n care
222
3.
2.
4.
3.
iBooks Author
publici un articol nou, folosind serviciul tu de scurtare a URL-ului. 4. Google Plus One Button Permite integrarea rapid a butonului de Google +1 i plasarea acestuia nainte sau dup articol. ShareDaddy Un plugin de social media sharing all-in-one foarte util, cu toate c eu prefer s instalez ecare buton de share n mod individual, pentru a-mi face blogul s arate mai aerisit. ShareDaddy e un plugin complex care permite vizitatorilor publicarea articolelor pe mai multe platforme de socializare: Twitter, Facebook, Reddit, StumbleUpon, PressThis, Digg. De asemenea, ofer faciliti de printare i e-mail. Butoanele de share pot aprea sub form de text sau icoane, ori ambele.
Bonus:
Jetpack by WordPress De curnd a fost lansat acest plugin full-options ce conine o suit de faciliti necesare unui utilizator care folosete intens platforma WordPress: Ofer suport pentru Akismet; Permite vizitatorilor s se aboneze comentariilor i articolelor tale; Ofer informaii despre comentatorii care folosesc Gravatar; Furnizeaz statistici folosind platforma WordPress.com; Conine un set de butoane de social media sharing; Integreaz serviciul de scurtare a link-urilor de la WordPress (wp.me); Completeaz setul de widget-uri furnizate de WordPress, nlesnind adugarea de imagini, listarea statusul de Twitter sau chiar adresele uxurilor de RSS; Te ajut s scrii articole i s inserezi coninut video sau chiar formule matematice.
5.
Formulare de contact: 1. Contact Form 7 Este folosit pentru a genera i pentru a administra multiple formulare de contact i permite ca informaiile completate de ctre vizitatori s e direcionate ctre o adres de e-mail prestabilit. Ofer suport pentru Akismet i Captcha.
223
iBooks Author
Cu alte cuvinte, JetPack conine tot ceea ce e nevoie pentru a uura munca unui blogger. MobilePress Dat ind faptul c trim n era comunicaiilor mobile, un blog trebuie neaprat s e accesibil i de pe browser-ele telefoanelor mobile. Pentru acest lucru exist MobilePress, un plugin care elimin elementele de design ale unui blog i faciliteaz astfel citirea articolelor de pe un smartphone. Fiecare plugin de mai sus este free i se instaleaz foarte uor, intrnd n seciunea dePlugins din panoul de administrare (Dashboard). Desigur c, pe lng aceast list de mai sus, exist o multitudine de plugin-uri utile pentru WordPress, n variante free sau chiar premium. Cel mai important este s le identicai pe cele care vi se potrivesc sau care servesc cel mai bine versiunii instalate de WordPress.
224
iBooks Author
Adelina Enache
Marketing Specialist cu o experien de peste 5 ani n comunicare i marketing online. Adelina este liceniat n jurnalism i a urmat un master n marketing, specializarea Publicitate i Promovarea Vnzrilor. n plus, eavorbete uent englez, francez, spaniol i se descurc bine n maghiar i german.
Related Glossary Terms Drag related terms here
Index
Find Term
Chapter 1 - Arhitectura modern Chapter 3 - Ce mai punem pe Facebook? Chapter 3 - Cum scrii un plan de marketing (II) Chapter 3 - Community management pentru produse digitale Chapter 3 - Procesul de naming: varianta Web 2.0
iBooks Author
Alen Todorov
Alen este specializat n product management i a dobndit o experien de peste 3 ani n marketing i comunicare online. n 2010 a obinut certicarea n marketing digital acordat de The Institute of Direct and Digital Marketing (UK), iar n 2011 a primit certicarea individual n Google Analytics.
Index
Find Term
Chapter 3 - ntoarce-te: retargetare comportamental sau remarketing Chapter 3 - Cum scrii un plan de marketing (I)
iBooks Author
Alex Popa
Mega Web Developer, Alex e specializat n tehnologii precum MySQL, PHP, Drupal i este, n egal msur, pasionat de front end (HTML, CSS, JavaScript, jQuery) i de tehnologii noi precum baze de date relaionale.
Index
Find Term
iBooks Author
Alexandra Palconi
Absolvent n tiinele Comunicrii, specializarea Jurnalism, n prezent masterand n Mass-Media i Relaii Publice, Alexandra se implic activ n proiecte de comunicare online.
Index
Find Term
Chapter 3 - Cum s creezi coninut relevant pentru blogul tu Chapter 3 - Plugin-uri practice pentru WordPress
iBooks Author
Alpar Maskulik
PHP Developer cu o experien de peste 7 ani n domeniu. Timp de 2 ani, Alpar a predat cursuri de baze de date n cadrul Facultii de Calculatoare de la Universitatea Politehnic Timioara.
Index
Find Term
Chapter 2 - Introducere n librria Ext JS
iBooks Author
Andreea Coma
Andreea a absolvit Facultatea de tiine Economice, i ulterior un master n Managementul Resurselor Umane, studii completate de o experien relevant n resurse umane, funcii administrative i management de proiecte.
Index
Find Term
Chapter 2 - Despre mentorat Chapter 2 - Feedback is fifty
iBooks Author
Andrei Drgan
Graphic Designer cu o experien de peste 7 ani n domeniu. Andrei a lucrat i ca tatoo artist timp de mai muli ani, iar ca al doilea hobby practic arte mariale.
Index
Find Term
Chapter 1 - Introducere n Web Typography Chapter 1 - Cum s creezi un text cu efect de cerneal indigo proaspt
iBooks Author
Clin Cristescu
PHP Developer cu o experien de mai bine de 5 ani n domeniu, Clin este specializat n PHP i dezvoltarea de baze de date folosind MySQL.
Index
Find Term
Chapter 2 - De ce un framework?
iBooks Author
Clin Iepure
Clin are o experien de peste 8 ani n dezvoltare web ind specializat n tehnologii precum: ASP.NET, C #, Adobe Flex, PHP, MSSQL, mySQL, HTML, CSS, XML, JS, AJAX, etc.Pe lng acestea, Clin a acumulat experien i nmanagement, coaching, training i public speaking.
Index
Find Term
Chapter 2 - Totul e SCRUM Chapter 2 - Networking fr TCP/IP
iBooks Author
Ctlin Sveanu
Flash Developer nfocat, Ctlin are o experien de mai bine de 8 ani n domeniu i este specializat n Flash, Flex i AIR. Multe dintre proiectele n care s-a implicat au ctigat premii i meniuni, iar trei dintre ele au fost premiate de FWA.
Index
Find Term
Chapter 2 - Aplicaii AIR pentru developeri Chapter 2 - Resurse i Tool-uri pentru AS3 Chapter 2 - 5 cri utile pentru AS3
iBooks Author
Ciprian Ionescu
PHP Developer cu o experien de 10 ani n domeniu i peste 4 ani ca i Team Leader. Ciprian este specializat pe dezvoltarea proiectelor medii spre mari.
Index
Find Term
Chapter 2 - Unde sunt? Chapter 2 - Controlul calitii produselor software
iBooks Author
Corina Sftescu
Liceniat n tiinele comunicrii, fascinat de cuvinte i oameni, Corina ncerc s menin un echilibru ntre experiena de a preda cum s comunici i cea de a comunicatorul n mediul ONG-istic sau comercial.
Index
Find Term
Chapter 3 - Time Management n Social Media
iBooks Author
Cristian Sitov
PHP Developer cu o experien de peste 7 ani n domeniu. Cristi este interesat de explorarea posibilitilor pe care le ofer APIurile noilor aplicaii web.
Index
Find Term
Chapter 2 - Design patterns: Introducere Chapter 2 - Design patterns: The Gateway Pattern
iBooks Author
Erik Erdokozi
Graphic Designer cu o experien de 4 ani n domeniu. Erik este specializat pe ilustraie i identitate, iar lucrrile create de el au acumulat un numr impresionant de premii internaionale i au fost publicate n cri i albume de specialitate.
Index
Find Term
Chapter 1 - Design la pung Chapter 1 - Trei artiti care m inspir
iBooks Author
Gabriela Ianculescu
Liceniat n tiinele comunicrii, Gabriela se specializeaz n prezent n marketing, publicitate i promovarea vnzrilor. Totodat, ea a acumulat peste 3 ani de experien lucrnd pe poziii de comunicare n cadrul asociaiilor nonguvernamentale.
Index
Find Term
Chapter 3 - Voluntariatul, cel mai bine pltit job Chapter 3 - Tehnica ZMET de cercetare n profunzime Chapter 3 - Cum s scrii cel mai bun titlu care s-i aduc vizitatori Chapter 3 - Neuromarketing: tiin sau pseudotiin? Chapter 3 - QR Codes n marketing
iBooks Author
Horia Dragomir
UI Developer cu o experien de peste 6 ani n domeniu, pasionat de tehnologiile noi. La un moment dat, Horia a cochetat i cu pedagogia i a predat timp de un an cursuri pentru JS, securitate web i Flash n cadrul Institutului Multimedia RomnoElveian.
Index
Find Term
Chapter 2 - Test Driven Development pe scurt
iBooks Author
Horia Jurcu
PHP Developer cu o experien de 6 ani n domeniu. Horia este specializat pe tehnologii precum LithiumPHP, MongoDB, Apache Solr, ObjectiveC, C# for Windows Phone 7 i Expression Blend.
Index
Find Term
Chapter 2 - GOOD vs RAD
iBooks Author
Ionu Botizan
PHP Developer cu o experien de peste 6 ani n domeniu. Ionu este specializat pe tehnologii ca MySQL, (x)HTML, CSS, JavaScript i MongoDB.
Index
Find Term
Chapter 2 - Conectarea la Facebook folosind Graph API
iBooks Author
Lucian Marius Neag

PHP Developer cu o experien de 6 ani n domeniu. Lucian este specializat n tehnologii precum PHP, CSS, jQuery i, n mod deosebit, pe dezvoltarea de platforme folosind Drupal.
Index
Find Term
Chapter 2 - Spune-mi cum i comentezi codul ca s-i spun ce om eti! Chapter 2 - Version Control
iBooks Author
Marius Toma
PHP Developer cu o experien de peste 9 ani n domeniu. Gimi este specializat pe tehnologii ca i PHP, MySQL i JavaScript, folosite n implementarea proiectelor medii spre mari.
Index
Find Term
Chapter 2 - Cum scriem codul? Chapter 2 - URL Rewriting
iBooks Author
Oana Pslaru
Pe lng experiena acumulat n management de proiecte, Oana a lucrat timp de 9 ani n comunicare i relaii publice n companii din diverse domenii.
Index
Find Term
Chapter 1 - Creativitatea colectiv Chapter 1 - Metode de creativitate Chapter 1 - ngduin pentru edin Chapter 1 - Cri de vizit creative Chapter 1 - Tendinele 2012 n design grafic i web
iBooks Author
Oltea Zambori
Oltea lucreaz exclusiv n online din 2010, organizeaz evenimente i este activ n cadrul mai multor campanii i proiecte de PR i comunicare.
Index
Find Term
Chapter 3 - PR online: napoi la origini Chapter 3 - 5 sfaturi pentru un cont de companie eficient pe Twitter
iBooks Author
Ovidiu Bejan
Flash Designer cu o experien de 8 ani. Ovidiu a creat i animat zeci de proiecte i a contribuit n mare msur la dou lucrri care au ctigat premii FWA.
Index
Find Term
Chapter 1 - S ne facem bine nelei! Chapter 1 - O scurt introducere n Responsive Web Design
iBooks Author
Radu Negru
Graphic Designer cu o experien de 6 ani n domeniu. Multe dintre lucrrile sale personale au fost create pentru evenimente sau albume din domeniul muzicii electronice.
Index
Find Term
Chapter 1 - Moodboard Monday: Colaje suprarealiste Chapter 1 - Ilustraiile lui Ping Zhu
iBooks Author
Raluca Fota
Raluca are o experien de peste 3 ani n domeniul administrativ, lucrnd att n multinaionale, ct i n companii medii sau mici.
Index
Find Term
Chapter 3 - Ce spune biroul tu despre tine? Chapter 3 - Practici corecte n scrisorielectronice
iBooks Author
Sorin Bechira
Cu o experien de peste 8 ani n multimedia i graphic design i cu o binemeritat reputaie internaional n domeniu, lucrrile lui Sorin au acumulat un numr impresionant de premii i recunoateri internaionale.
Index
Find Term
Chapter 1 - Stiluri personale n ilustraie Chapter 1 - Moodboard Monday: Vizualizare de date Chapter 1 - Jocurile minii: Percepia, Atenia i Memoria Chapter 1 - Design 101
iBooks Author
tefan Szakal
tefan are o experien de peste 10 ani, att n management, ct i n graphic design. El i-a nceput cariera n SUA, unde a urmat i cursurile Universitii din Tampa, Florida, cu specializarea Mass-media i Advertising.
Index
Find Term
Chapter 1 - Designerul: expresia pur a capitalismului Chapter 3 - Ageniile au dezamgit
iBooks Author

Ebook CTRL D

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ebook CTRL D

Uploaded by

Copyright:

Available Formats

13 martie, 2012 - Ediia 1 aniversar

Despre Design, Development & Digital

O selecie de articole de pe www.ctrl-d.ro

Stiluri personale n ilustraie

Erwin Kho aka zerbamine

Nicolas Bouvier aka Sparth

Matei Apostolescu aka beaucoupzero

S ne facem bine nelei!

Cum s construieti un moodboard?

capacitatea de a realiza ceva nou, original.

producerea de idei noi i utile n orice domeniu.

putere de creaie, de invenie.

i totui, de ce un grup creativ?

Ct timp? ntre 2 i 4 ore.

3 structuri mentale indispensabile

s readuci realitile odat cu trierea ideilor i, la nal, s concretizezi ideea ctigtoare.

Brainwriting sau 6.3.5

Metode de creativitate analogice

Trei artiti care m inspir

Moodboard Monday: Vizualizare de date

Moodboard Monday: Colaje suprarealiste

ngduin pentru edin

Ilustraiile lui Ping Zhu

Sagrada Familia din Barcelona, Spania

Bauhaus Dessau, Germania

Cldirea Chrysler din New York, SUA

Catedrala Mitropolitan din Brasilia, Brazilia

Opera din Sidney, Australia

Centrul Pompidou din Paris, Frana

Cri de vizit creative

Suporturi mai deosebite

Tehnici de print speciale

Introducere n Web Typography

Principii de baz care funcioneaz indiferent de limitri

e. White space f. Consisten

4. Text ca i coninut vs. Text ca i UI.

Jocurile minii: Percepia, Atenia i Memoria

Iluzii bazate pe geometrie

Iluzii bazate pe culoare

Iluzii bazate pe luminan i contrast

Iluzii bazate pe micare

Iluzii bazate pe percepia spaial

Tendinele 2012 n design grac i web

Responsive Web Design

Panglici & bannere

Custom Fonts & Font Face

Simplicitate & minimalism

JQuery, CSS3 & HTML5

O scurt introducere n Responsive Web

Cum se construiete un site responsive?

Exemple de website-uri responsive

3 dezavantaje aduse de Web Responsive Design

3 avantaje aduse de Web Responsive Design

Mai multe despre Responsive Web Design?

instructori de la Gnomon Workshop i anumeScott RobertsoniFeng Zhu.

Istoria design-ului i artei

Designerul: expresia pur a capitalismului

Cum s creezi un text cu efect de cerneal indigo proaspt

Se poate observa ca n panoul Stroke, apare dimensiunea implicit de 1pt.

Repetai acest pas pentru a transforma i conturul obiectului ntr-un shape.

Folosim opiunea Expand din meniul Object

THE RAD STAR

Design patterns: Introducere