You are currently browsing the category archive for the ‘Uncategorized’ category.

Printre multe proiecte, am reuşit să strecurăm şi un nou design pentru site-ul nostru. Am dorit să punem mai mult în evidenţă portofoliile de web design şi magazine virtuale şi sperăm că am reuşit, deoarece în 2011 am lucrat la peste 80 de proiecte . www.e-studio.roE-Studio Felicitare

Vă dorim sărbători fericite şi multă bucurie.

Advertisements

Sapand printre proiecte mai vechi, am descoperit intr-un proiect din 2003 codul de tracking stratistici.ro. Cam la fel arata pe acele vremuri si codul trafic.ro – adica tot un carnat imens, fata de cele cateva randuri de cod de acum.

Iata cum arata codul cu pricina:

Read the rest of this entry »

Tocmai am lansat un site cu adevarat deosebit in ceea ce priveste designul si nici nu s-ar fi putut altfel, avand in vedere ca este site-ul unei case de moda, AZZARA.

Designerul Zina Dumitrescu a semnat implicarea casei de moda Azzara in categoria moda pret-a-porter. Din anul 2008 aceasta a predat stafeta designerului Mirela Pellegrini care a adus colectiilor nou create un aer modern, cu influenta italiana.

Creatiile vestimentare Azzara sunt evidentiate de fundalul elegant si intunecat al site-ului, inca din prima pagina. Apoi am realizat 3 galerii in flash – una care prezinta colectiile, alta pentru atelierul de creatie si ultima pentru showroom-ul Azzara, unde puteti admira atat creatiile cat si atmosfera in care acestea sunt realizate si expuse, pe fundal muzical.

{descriere Azzara preluata din evolutie, site-ul AZZARA}

Later Edit: Bineinteles ca si azzara.ro este realizat pe platforma E-Media, iar galeriile flash sunt o implementare (administrabila, bineinteles) a galeriilor disponibile in E-Media (George LAZA)

Cautam azi niste fisiere pe server, din cele despre care stii ca exista pe undeva, iti amintesti ceva, dar nu tocmai.  Am dat insa peste altceva: primele fisiere de E-Media. Si am realizat ca a trecut peste un an de cand am inceput sa dezvoltam platforma. Am alunecat si mai departe in timp pana pe 2 ianuarie 2005 la Sinaia, cand, lovit de inspiratie dupa revelion, trasam trasaturile definitorii ale platformei anterioare pe conexiunea mobila Zapp.

Cea de dinainte de fapt nu era tocmai platforma, ci mai degraba o suita de platforme derivate dintr-un trunchi cu multe elemente comune. Platforma(e) pe care am realizat niste site-uri care functioneaza cu succes si azi (printre care si Evinoteca.ro, Kaki.ro, Robbybubble.ro si doua din site-urile proprii, Animalutze.COM si Teste-carnet.ro).

Radacinile insa sunt si mai vechi, cam din 2002-2003, cand am scris nucleul pe care l-am tot folosit, modificat, adaptat si rescris anii urmatori, gandit sa foloseasca fisiere masca, pentru a-i da lui Google senzatia de pagini statice. Mai exact, pentru fiecare pagina, produs sau categorie cream un fisier care sa contina cuvintele cheie in URL, fisier care includea mai departe fisierul real care genera pagina. Da, stiu, ancient technology, dar, pe atunci, (cand url_rewrite mai avea niste ani pana la nastere), era revolutionara si functionala.

Si, guess what, e functionala si acum. De exemplu, cauta cantare pe google.ro si uita-te dupa Soretti.ro; sau bocanci si uita-te dupa Kaki.ro; sau vinuri si uita-te dupa Evinoteca.ro.

Revenind la platforma, mai corect ar fi ca prin 2002 am scris ideea, care a devenit putin mai tarziu e-prezentare, e-catalog, e-arhitect si e-magazin.  Respectivele implementari pot fi vazute si acum, dupa cum urmeaza:

Pentru toate user si parola sunt “admin”.

Esential insa este ca nu am copiat-o, nu am luat un free cms ci am scris, si mai ales inteles, totul de la zero, trecand prin fiecare linie de cod. Si toata experianta acumulata, tot ce am invatat din nevoile clientilor, tot ce am invatat  apropo de SEO este integrat in E-Media.  Care (cu riscul sa ma repet) poate fi testata la http://creative.e-media.com.ro. Detalii fiind de gasit la http://www.e-media.com.ro

Si mai important insa, e ca suntem printre putinii din Romania care pot vorbi despre web design ca istorie, dar nu ca observatori, ci din interior.

Promotie discount servicii web design, grafica si copywriting!

Promotie discount servicii web design, grafica si copywriting!

Fii un partener de 10!

10% câştig din fiecare factură sau proformă plătită la termen!

Chiar şi facturile pot fi câştigătoare. De la 1 septembrie 2009 toţi partenerii noştri buni platnici primesc câte un e-voucher pentru fiecare factură sau proformă achitată la termen!

Fiecare e-voucher însumează 10% din totalul facturii sau proformei, iar valoarea acestuia poate fi folosită, integral sau parţial, cumulat sau separat, pentru a achita la termen contravaloarea oricăror servicii ulterioare de copywriting, design grafic şi programare prestate de E-Studio Design & Development.

Fii un partener de 10 şi câştigă 10%! 
_________________

Pentru detalii intraţi pe http://www.e-studio.ro/

server vectorizatAm facut zilele astea cateva desene vectoriale in Photoshop.  Pen Tool-ul din Photoshop este chiar usor de utilizat.

Iata ce am facut zilele trecute in Photoshop folosind doar vectori >>>

lupa vectorialaAm intampinat insa o problema cand am vrut sa export aceste imagini vactoriale. Am folosit functia Export/Paths to Ilustrator la imaginea alaturata.

Problema a fost la aceasta imagine pe care nu am reusit sa o export cu toate formele si culorile din prima. Am incercat sa export pe rand fiecare shape, a mers, insa cand le-am importat in Ilustrator nu isi pastrau pozitiile si culorile. Probabil as fi reusit intr-un final sa import toate path-urile insa as fi pierdut mult timp repozitionand si recolorand shape-urile. Oricum eu trebuia sa ajung cu aceasta imagine in flash pentru a o folosi intr-un banner. Urma ca din  Ilustrator sa export in formatul .ai pentru a putea fi usor de important in flash.

Solutia a fost Encapsulated Post Script (.eps) un format oarecum universal pentru programele care lucreaza cu imagini vectoriale.

PostScript (PS) este formatul vectorial folosit de Adobe pentru transmiterea imaginilor si textului spre imprimanta  si este independent de device si rezolutie oferind o compresie cat mai mare a datelor.

EPS este Encapsulated PS, nu este destinat excluziv imprimarii si poate fi important in alte alicatii precum Flash, Corel, Quark etc…

Am reusit astfel sa import lupa ca EPS direct in Flash, fara probleme.

SEO (Search Engine Optimisation / Optimizarea site-urilor pentru motoarele de cautare) este o arta a tatonarii eficiente. Google aduce peste 80% din trafic in vreme ce restul motoarelor de cautare, desi sunt si ele in online si nu trebuie neglijate, aduc sub 20% din vizite, asadar Google ne intereseaza in mod deosebit…  numai ca e tare secretos si, desi ofera niste “guidelines“, nu ofera algoritmul.

Mai multe detalii pe site-ul e-studio.ro >>>

Google OS
Destui dintre noi au auzit de sistemul de operare de la Google – ca va fi un unix, ca va fi foarte light, ca va fi open source samd. Totusi, la prima vedere nu e foarte clar daca va fi “just another” OS dar sustinut de un gigant sau va fi cu adevarat revolutionar.
Un raspuns bine documentat e clar ca nu va fi posibil foarte curand, cu atat mai mult cu cat ciclul de viata a oricarui produs poate aduce surprize si evolutii spectaculoase, care in prima versiune nu au fost luate in calcul decat ca elemente secundare.
Totusi, putem specula putin, pe margine a ceea ce stim deja, nu numai despre GOS, ci si despre restul lumii IT.
In primul rand, stim ca problema direverelor pe unix-uri este putin altfel – ori ai deja driver-ul pe media de instalare din prima (99.9% din cazuri), ori chiar trebuie sa te pricepi sa faci device-ul cu pricina sa mearga.
Mai stim ca Google simte nevoia sa reduca si mai mult problema:
One of the major problems with Windows XP is compatibility and that of its drivers. What Google is saying is that the new operating system can be downloaded on any machine and it “just works”. Users will then be able to use a portable operating system.
Adica imi copiez OS-ul cu totul pe alt HDD si pur si simplu merge. Sau, iau HDD-ul cu totul si il bag in alt comp si pur si simplu merge.
Mai stim ca au aparut pe piata (de ceva vreme deja, dar la preturi cam mari) SDD-urile. Adica Solid State Disk – un fel de stickuri mai mari si mai rapide.
Si mai stim ca tehnologia avanseaza galopant.
Iar de la cele de mai sus, pana la momentul in care HDD-ul devine SDD care devine card, pe care il bag in orice terminal dotat cu procesor, ram si IO si am propriul meu sistem de operare (de acasa, de la servici, de la facultate sau de oriunde altundeva) mai e doar un pas.
Iar daca reusesc sa combin cumva asta cu un siistem de stocare online safe si eficient, dar si cu un sistem de backup a OS-ului meu, in caz ca il pierd, SF-ul va fi la el acasa in realitatea noastra.
Imi amintesc cu cata multumire puteam sa afirm ca biroul meu e la mine in geanta, pe vremea cand aparuse si prima conexiune mobila decenta.
Azi, cand scriu asta, biroul meu e in poza de mai jos, la mare, in 2 mai, departe de caldura ingrozitoare din Bucuresti: —–> poza cu bioroul de la mare <—–
Candva insa, biroul meu va arata asa: —->poza cu un card cu cip or smth<——–

Destui dintre noi au auzit de sistemul de operare de la Google – ca va fi un unix, ca va fi foarte light, ca va fi open source samd. Totusi, la prima vedere nu e foarte clar daca va fi “just another” OS dar sustinut de un gigant sau va fi cu adevarat revolutionar.

Un raspuns bine documentat e clar ca nu va fi posibil foarte curand, cu atat mai mult cu cat ciclul de viata a oricarui produs poate aduce surprize si evolutii spectaculoase, care in prima versiune nu au fost luate in calcul decat ca elemente secundare.

Totusi, putem specula putin, pe margine a ceea ce stim deja, nu numai despre GOS, ci si despre restul lumii IT.

In primul rand, stim ca problema driverelor pe unix-uri este putin altfel – ori ai deja driver-ul pe media de instalare din prima (99.9% din cazuri), ori chiar trebuie sa te pricepi sa faci device-ul cu pricina sa mearga.

Mai stim ca Google simte nevoia sa reduca si mai mult problema:

One of the major problems with Windows XP is compatibility and that of its drivers. What Google is saying is that the new operating system can be downloaded on any machine and it “just works”. Users will then be able to use a portable operating system. (Sursa)

Adica imi copiez OS-ul cu totul pe alt HDD si pur si simplu merge. Sau, iau HDD-ul cu totul si il bag in alt comp si pur si simplu merge.

Mai stim ca au aparut pe piata (de ceva vreme deja, dar la preturi cam mari) SDD-urile. Adica Solid State Disk – un fel de stickuri mai mari si mai rapide.

Si mai stim ca tehnologia avanseaza galopant.

Iar de la cele de mai sus, pana la momentul in care HDD-ul devine SDD care devine card, pe care il bag in orice terminal dotat cu procesor, ram si IO si am propriul meu sistem de operare (de acasa, de la servici, de la facultate sau de oriunde altundeva) mai e doar un pas.

Iar daca reusesc sa combin cumva asta cu un sistem de stocare online safe si eficient, dar si cu un sistem de backup a OS-ului meu, in caz ca il pierd, SF-ul va fi la el acasa in realitatea noastra.

Imi amintesc cu cata multumire puteam sa afirm ca biroul meu e la mine in geanta, pe vremea cand aparuse si prima conexiune mobila decenta.

Azi, cand scriu asta, biroul meu e in poza de mai jos, la mare, in 2 Mai, departe de caldura ingrozitoare din Bucuresti:

Biroul meu de la mare

Biroul meu de la mare

Candva in viitor insa, biroul meu ar putea arata asa:

Smart card

Iar locul lui va fi in portofel. In buzunarul de langa cele doua banci cu care lucrez.

Publicitate la bloc” este o idee noua-nouta a unuia dintre clientii nostri. Au aparut si primii clienti, asa ca zilele astea am facut doua postere 50×70. Din cauza ca le-am lucrat in Photoshop si nu in Illustrator sau Corel… am simtit nevoia unui laptop nou. Cu Quad. Oricum astuia pe care il am (de un an) i s-a sters tastatura.

restaurant-dumbrava sala-fitness-dumbrava

Am sa comentez aceasta problema din punct de verede grafic si a felului cum se comporta flashul intr-un site.

Din punct de vedere grafic recomand flashul si il consider un element mai mult decat necesar unui site cu grafica respectabila. Siteul devine mult mai dinamic si invita intr-un mod subtil utilizatorul sa ramana in site.   Nu ma impac insa cu un site realizat exclusiv in flash, mai ales daca siteul respectiv se vrea a fi un catalog de produse sau un site cu mult continut. Din cauza modului de navigare si de incarcare a paginilor, dar  in primul rand din cauza  compatibilitatii intre motoarele de cautare si flash

Recomand folositea zonelor de flash si uneori este inevitabila prezenta lor in site. In Flash poti crea animatii, aplicatii de genul video player, player audio, album foto,  jocuri, etc. Toate acestea pot fi inserate in siteuri si publicate pe web. Si stim foarte bine ca pe web avem limite cum ar fi: dimensiunea animatiei flash in pixeli, pozitionarea acesteia, dar cel mai important,  marimea flash-ului si complexitatea acestuia.

Cand vorbesc de marime ma refer la dimensiunea flashului in KB (Kilobyte) aceasta desigur fiind direct proportionala cu timpul de incarcare a animatiei pe site . Animatiile flash pot fi construite din 3 elemente:  shapes, texte si imagini si este foarte important din ce este construita animatia pentru a putea controla marimea flashului.

Shapes sunt forme bazate pe informatii vectoriale si compun imaginile vectoriele.  Avantajul imaginilor vectoriale este ca sunt mici ca dimensiune in KB si isi pastreaza aceasta dimensiune indiferent de transformarile suferite. Problema este ca imaginile vectoriale trebuie sa fie desenate, si nu orice poza sau imagine poate fi desenata pentru a deveni vectoriala.

Suntem astfel nevoiti sa folosim imagini de tip raster in formate precum jpeg, gif, png, insa acestea cresc semnificativ marimea flash-ului. Desi flash-ul adauga o compresie jpg imaginilor de tip png sau gif, diminuand marimea dar si calitatea acestora, eu personal nu recomand folosirea imaginilor decat ca stricta necesitate. Imaginile de tip raster nu pot fi marite sau microrate in flash pentru ca nu isi pastreaza calitatea.

In ceea ce priveste textele, in flash acestea pot fi convertite in shapes si astfel poate fi evitata problema fonturilor care nu exista pe alte calculatoare. Aspectul textelor este dat de functia Anti-alias care permite rotunjirea muchiilor caracterelor eliminand aspectul pixelat a acestora.

Am discutat despre elementele care pot alcatui o animatie in flash si v-ati dat seama ce elemente trebuie sa folosim pentru a face un flash de calitate la mici dimensiuni. Mai nou, dupa ce Flash-ul a fost preluat de Adobe s-a introdus animatia direct pe shapes, fara a mai fi nevoie de simboluri de tip movie . Dar despre functia “create shape tween” si noutatile aduse de Adobe voi vorbi mai tarziu

Daca vorbim de resursele pe care le solicita o animatie flash, punand la treaba procesorul, atunci trebuie sa ne referim la complexitatea animatiei. Si cand ma refer la complexitate, vorbesc despre cum este realizata aplicatia/animatia. Codul ActionScript din spatele animatiei, simbolurile de tip movie, graphic, button si modul lor de a fi folosite. Mai nou, se pot aplica filtre de genul, drop shadow, glow, blur… care sunt consumatoare de resurse.

Concluzia mea este ca un flash bine realizat nu inseamna timp mare de incarcare sau consum de resurse ale calculatorului ci un element dinamic care se impaca foarte bine cu siteurile.

Și pe Google+

Twitter Updates

Advertisements
%d bloggers like this: