Archive for January, 2012

Trei momente sunt esențiale în realizarea unui web site. Lista funcționalităților, design-ul, web developerul. Astăzi vreau sa vorbesc despre lista funcționalităților.

Ce înseamna asta? De mult ori ma contactează uni clienții si observ din discuția cu ei ca nu prea au un plan clar ce ar vra sa aibă pe site, vor sa aibă „de toate”, vor de fapt sa aibă ce au văzut pe alte site-uri. E o greșeala, în realizarea unui web site nu se pleacă doar de a avea un site pe net. Scopul ar trebui sa fie clar, planul ar trebui sa fie ascuțit precum un brici (precum briciul lui Occam). În realizarea uni site se pleacă cu un plan care trebuie sa rezolve următoarele probleme: „ce vreau sa realizez cu site-ul postat pe net”, „care e concurența mea”. Cu aceste doua întrebări care sunt nucleul planului de realizare a site-ului se pleacă la drum și se merge pas cu pas. Trebuie sa spun, abia după ce sunt clare răspunsurile la aceste doua întrebări, abia după ce clientul e bine documentat cu privire la aceste doua întrebări se poate pleca în realizarea web site-ului. Următorul pas e operaționalizarea planului, adică realizarea scheletului conceptual cu privire la funcționalități; „ce vreau sa am și unde”, „cum ies în întimpinarea vizitatorului” – privit în lumina așteptării lui cea ar trebui sa găsească pe site – „cu ce inovație ies in întâmpinarea vizitatorilor, diferita fata de cea ce are concurenta” (trebuie sa spun, creativitatea, idee, e un factor decisiv pentru a se obține succes). Și toate acestea trebuie sa respecte principiul lui Occam , adică, nimic mai mult, doar cea ce este necesar. Și cum realizez toate aceste lucruri? Se construiește o lista cu funcționalități care încearcă sa umple scheletul conceptual, prima oara imaginar doar pe o foaie de hârtie unde încercați să concepeți ce ar vrea vizitatorul sa găsească pe site-ul dvs. – aici intra în acțiune creativitatea, cu cat lăsați imaginației mai mult frâu liber cu atât mai bine – după, lista confruntați cu soluțiile realizate de concurența, cu cat aveți mai multe soluții creative care ies în întâmpinarea vizitatorului cu atât e mai bine, iar la final prezentați lista web developerului (unuia sau cereți părerea mai multora) și cereți părerea lui dacă cele scrise pot fi realizabile. Se poate întâmpla o parte din ideile puse pe hârtie sa nu fie realizabile din punct de vedere tehnic, sau web developerul sa va sugereze o alta soluție pentru unele idei, luați în considerare și aceste lucruri, experienta contează, dar acest lucru nu trebuie sa reprezinte o piedica în „valul imaginației”, scrieți lista cu concepția întipărită în gând „totul e realizabil”. Și repet, planul final, lista finala a funcționalităților trebuie sa fie un echilibru dintre „abundența imaginației” și principiul lui Occam. Lista funcționalităților, dar și designul ar trebui sa fie „Zen”, adică cum spuneam, precum un brici, curat, util și la subiect. În articolul următor o sa scriu cum se alege un design, sper că am fost cât se poate de „Zen” .

În articolul precedent am vorbit de o metoda foarte utilă de căutare în site-ul oficial Drupal, metoda se poate aplica aproape pe fiecare site care are formular de căutare. Nu o sa explic metoda, sa nu repet încă o data ceva ce este deja explicat foarte bine de altcineva, o sa postez link-ul spre tutorial-ul care explica cum se poate realiza acel lucru. Tutorial-ul se afla pe adresa web search sortcuts in firefox .

Firefox are o opțiune foarte utila de a se crea scurtături (shortcut) pe o anumita adresa url salvată în bookmarks, tastând o anumită combinație de litere în bara de adrese utilizatorul e redirecționat automat spre o anumită adresa url. Pentru site-ul oficial Drupal acea opțiune aduce o funcționalitate în plus, după cum știți Drupal accesează unele funcționalități activate pe site în funcție de structura argumentelor din adresa url, în cazul nostru opțiunea %s care e configurata atunci când se introduce scurtătura spre o anumita adresa efectuează operația dorita. Sa nu complic prea mult, ce se poate face; se pot face următoarele lucruri: se poate cauta direct din bara de adrese un modul, se poate cauta în secțiunea api, se poate cauta o pagina anume după „node id” (în acest fel puteți vedea cum sa dezvoltat din punct de vedere cronologic site-ul, spre exemplu node id 1 este prima pagina introdusa) și multe altele. Postez un link spre un tutorial cum se configurează acea opțiune în Firefox, adresa este Drupal sortcut . O remarca, pe site s-a strecurat o mica greșeala in tutorial, în exemplul „Goto a certain node(by nid) on drupal.org” e scrisa adresa url http://drupal.org/node/%d, în loc de %d trebuie pus %s.

Postez câteva resurse sub forma de link pentru plugin-urile strict necesare în Firefox fiecărui web developer. E vorba de Firebug, ColorZilla si Web Developer. Firebug se poate downloada de pe adresa web download firebug iar pentru a înțelege cum se folosest postez următorul link care duce spre un tutorial video tutorial video firebug. Următorul plugin foarte util e ColorZilla , ajuta atunci când doriți sa aflați care e culoarea unui element in cod rbg, hexadecimal. Postez încă un link spre un plugin care se completează cu foarte bine cu Firebug atunci cond construite un template, pluginul se numește Web Developer, Web Developer . Un scurt tutorial cum se folosește plugin-ul se poate citi pe adresa web web developer .

Postez un tutorial video in care explic cum se instaleaza codul pentru activarea serviciulului Google Analytics. Am uitat sa spun, pentru Drupal, Joomla si Wordpress exista extensii care inlesnesc instalarea codului. Postez cateva link-uri cu resurse web: adresa web pentru serviciul Google Analytics este http://www.google.com/analytics/, modulul pentru instalarea codulul pe Drupal se afla pa adresa web http://drupal.org/project/google_analytics. Pentru Joomla modul google analytics. Postez si tutorialul video in care explic cum codul JavaScript e instalat in codul sursa a template-ului.

Azi o să vă vorbesc despre câteva distribuții Drupal care merita luate în considerare de fiecare web developer. E vorba de OpePublish, Pressflow și OpenAcaDept. Ce sunt distribuții Drupal? Sunt pachete preconfigurate instalabile construite pe platforma Drupal, care odată instalate oferă mult mai mult decât are o instalare defaut. Ele vin cu module speciale deja instalate și preconfigurate. De ce am ales aceste trei distribuții? Sunt mult mai multe decât trei, astăzi ma limitez doar la cele trei exemple, consider ca pot veni in întimpinarea dezvoltatorilor care caută o soluție rapida si performanta. O sa ma explic. OpenPublish e o distribuție pentru crearea unor site-uri de tip news portal (de tipul http://www.tnr.com), Pressflow e o distribuție Drupal care optimizează site-ul pentru performața și scalabilitate în cazul cerințelor de trafic masiv. OpenAcaDept e iarăși o distribuție care merita luata în considerare dacă construiți un portal dedicat departamentului facultății unde studiați. Cu OpenAcaDept aveți deja totul preinstalat și configurat rămâne doar sa personalizați conținutul și sa postați site-ul pe server. OpenPublish e ceva mai complex (http://openpublishapp.com) are o sumedenie de module, funcționalități implementate, profile views configurate, și pentru el e aceeași poveste, poate fi folosit asa cum vine, sau unele funcționalități suplimentare pot fi dezactivate. Părerea mea, majoritatea acelor funcționalități pot fi dezactivate dacă se construiește un portal cu complexitate medie în ce privește funcționalități-le unui portal news. Pot spune, încercând alte aplicații CMS precum Joomla sau Wordpress care iarăși pot fi alese atunci când se planifica realizarea unui portal de știri, OpenPublish vine mult mai mult în întimpinarea dezvoltatorului, timpul realizării este mult mai mic, și în plus OpenPublish are o susținere foarte robusta SEO (în general Drupal rezolva aceasta problema foarte elegant). Pentru Pressflow (http://pressflow.org) ce pot spune, dacă intenționați sa construiți un site care țintește un număr mare de vizitatori atunci sugerez distribuția Pressflow. Postez aici un link catre un blog unde se explică în detaliu cum se poate optimiza adecvat Pressflow, Varnish si APC – link optimizare pressflow