Blogul agentiei web Blue Engineering » Internet

3D in browsere – sau navigare cu mai multa profunzime

Ana Ceptureanu — Sun, 28 Nov 2010 21:18:16 +0000

Animatia si graphic design-urile in 3D pot fi cu adevarat captivante daca le plasezi la locul potrivit, prin lumini, umbre, reflectii a caror textura devine tot mai realistica. Dar pana in momentul de fata a fost super dificil sa intalnesti o experienta 3D competitiva, mai ales in internet. De ce asta? Pentru ca pentru a construi o animatie 3D iti trebuie foarte mult spatiu pentru a stoca datele pe care le cere aceasta, pentru a expune texturi complexe. In trecut insa, aceste cantitati mari de date cereau mult spatiu si un computer foarte performant. Si cum tehnologia calatoreste cu viteza vantului, computerele de azi au spatii imense de stocare a datelor si mai ales, devin din ce in ce mai vedere privind performanta, ceea ce asadar, permite construirea a graphic design-uri in 3D.

Mai multe browsere moderne au adoptat open web tehnologies precum WebGL sau 3D CSS. Cu aceste tehnologii, web developerii pot crea super graphic designuri in 3D pentru aplicatiile web, iar noi le putem vedea fara a mai trebui instalate plug-ins aditionale. Mai mult, browserele moderne profita de o tehnica numita hardware-accelleration. Ceea ce inseamna ca browser-ul foloseste Graphic Processing Unit (abreviat GPU) pentru a accelera afisarea aplicatiilor web fie in 3D sau 2D.

Si atunci, de ce a avea 3D in browser e un lucru interesant? Deoarece acum se alatura lui HTML5, JavaScript si alte tehnologii pe care web developerii le pot utiliza pentru a crea o generatie puternica de noi aplicatii web. Pentru utilizatori (adica noi, restul lumii) inseamna o noua metoda de a vizualiza informatii din paginile web intrun spectru mult mai realistic, tehnologic si distractiv. Lucru cel mai important insa vine atunci cand intervine partea frumoasa a aplicatiilor web. Le poti `share-ui`, schimba, colabora si personaliza cu toti prietenii din intreaga lume.
Acum spune-mi daca asta nu incalca limitele informatiei in Univers?

Despre browsere and web

Ana Ceptureanu — Mon, 22 Nov 2010 22:40:21 +0000

Acum 20 de ani, Tim Berners-Lee a facut pentru prima data propunerea pentru World Wide Web. Astazi, internetul devine o forma nelimitata de informatie, comunicare, divertisment, iar momentul in care deschizi un browser, web-ul propune atatea pagini, aplicatii, video&imagini, continuturi interactive.

Dar cati dintre noi stim cu adevarat cum functioneaza un browser sau un web in general? Ce inseamna HTML5 sau HTML? Termenilor precum “cookies” sau “cloud computing” le cunoastem sensul adevarat? Dar cati stiu sa se protejeze impotriva atacurilor impotriva securitatii unui computeri din partea virusilor care se introduc in computer atunci cand suntem online?

In timp ce colegii mei din diferitele departamente ale agentiei noastre web vor completa acest post cu explicatii ale termenilor de mai sus, astept cu interes intrebarile voastre pentru termenii informatici cu care inca nu suntem familiarizati, carora vom raspunde prompt si profesionist.

Voie buna!

Web & Web design: Google lanseaza un nou format de imagine: WebP

Razvan Mircea — Mon, 04 Oct 2010 16:10:12 +0000

Pronuntat: “weppy”. /(wep’e)/ , Google incearca sa impinga in fata acest nou format, declarand ca poate reduce cu pana la 40 de procente dimensiunea unui format de imagine fotografica comparativ cu traditionalul JPEG / JPG.

In web design mai avem cativa ani pana vom adopta acest tip de imagine ca standard. Chiar daca avem conexiuni mai rapide la Internet intradevar, tot simtim nevoia unui format de imagine mai eficienta.

Google propune un format de imagine cu pierderi de tipul JPEG / JPG care se comporta in acelasi fel ca si JPEG-ul: (descreste calitatea pentru a avea o imagine cu dimensiuni mai mici) dimensiuni semnificativ mai mici in bytes decat echivalentul actual: JPEG.

Pro
- formatul de imagine promite dimensiuni ale fotografiilor in medie cu 40% mai mici decat clasicul JPEG, reduce astfel timpul de incarcare al unui website (inchipuiti-va ca la ora actuala, un magazin online sau un site de arta sau fotografie au prima pagina de dimensiuni de 1 MB sau sau mai mult)
- reduce traficul si implicit costurile legate de web hosting
- format cu pierderi, se poate descreste calitatea imaginii in favoarea descresterii dimensiunii fisierului, foarte util in optimizare in web design

Contra

Fiind tehnologie foarte noua, nu va exista premisa dezvoltarii site-urilor doar cu imagini de tipul WebP din mai multe puncte de vedere:
- producatorii de software de prelucrare si constructie de imagini (Adobe Photoshop, Corel Draw, etc) nu se vor ‘grabi’ sa lanseze versiuni noi special pentru a suporta acest gen de imagini, acest lucru fiind un impediment major in web design.
- in materie de web browsere, pana in prezent, doar Google Chrome a anuntat ca va sprijinii acest timp de imagine, celelalte browsere: Mozilla Firefox si Internet Explorer nu au lansat nicio declaratie in acest scop.

In imaginile din articol: prima imagine este codata JPEG (dimensiunea: 936605 bytes), a doua imagine este codata WebP dar salvata pentru a putea fi arata pe web in format PNG (fara pierdere) (581514 bytes (cu 37.91% mai putin))

Mai multe detalii pe sectiunea de web design

Samsung launches their `iPad`: Galaxy Tab

Ana Ceptureanu — Fri, 17 Sep 2010 14:39:15 +0000

Gigantul Samsung Electronics se pregateste sa puna in vanzare tableta-computer Galaxy, care va umple magazinele americane in urmatoarea perioada de sarbatori. Galaxy opereaza pe sistemul Android-powered by Google.

Samsung a declarat joi detalii despre Galaxy 7-inch, touchscreen, care va fi vandut in magazine-retail care deja furnizeaza de altfel concurenta sa, the iPad.

`Unlike the iPad, the Galaxy — which shares many of the same features as the Galaxy S smart phone launched during the summer — has front- and back-facing cameras for video conferencing, Samsung said in a statement.`

Detaliile tabletei-computer Galaxy Tab nu sunt deloc noi: 7″ multi-touch display cu rezolutie de 1024×1060 pixels, full HSDPA si conectivitate HSUPA, video and voice calling, Bluetooth and Wi-Fi, A-GPS, camera foto cu flash 3 megapixel, a 3.5mm audio jack, capacitatea bateriei 4000mAh. Galaxy Tab functioneaza pe sistemul de operare novice- Google`s Android 2.2 Froyo powered by a 1GHz processor- care acces la 80,000 de aplicatii de pe Google apps store.

The Galaxy Tab poate fi considerat mult mai atractiv decat concurenta sa loiala- iPad- pentru ca este mai mic in dimensiuni si prezinta alte multe optiuni. Pana si pretul insusi invita la a-l achizitiona, pentru ca reprezentantii Samsung sugereaza ca pret initial intre 300 si 400 US$, chiar daca rezervarile anticipate pentru Galaxy s-au incadrat chiar si la 700$ (pentru cine doreste un produs exlusiv). Vodafone a confirmat ca va furniza tableta-computer Galaxy Tab in Europa, insa data exacta si pretul acesteia inca nu au fost confirmate.

Vreau sa imi fac un website (partea a doua)

Razvan Mircea — Thu, 09 Sep 2010 23:17:37 +0000

Planificarea este importanta.

Ok, decizia a fost luata: “Gata, de data asta imi fac website” sau “Nu mai suport vechiul website, nu se mai potriveste cu cerintele mele“. Fie ca acum te pregatesti sa iti faci primul site, fie ca iti faci altul nou, trebuie sa faci pasii corecti de la bun inceput.

Inceputul inseamna planificare. Despre asta am sa vorbesc, despre structura website-ului. Multa lume confunda planificarea cu designul. Sigur, si desig-ul ca parte a webdesignului este important, insa daca ai de gand sa faci un website frumos, pe langa estetica trebuie sa faci si o structura adecvata: sa fie “user-friendly” (sau cum se zice acum: un site trebuie sa aiba “usability“). Usability: usor de folosit, usor de invatat, usor de retinut si util utilizatorilor. (Sper sa am ocazia sa scriu un articol si despre asta).

Cum am scris mai sus structura unui site trebuie sa tina cont ca un site trebuie sa aiba un design atractiv, sa aiba “usability” si sa mai adaug eu… sa poata sa fie usor de indexat de catre motoarele de cautare. Atunci cand vorbesti cu un webdesigner el te intreaba (in mod constient sau nu) “Ce butoane vrei?“. (As vrea sa fac o mentiune: ma rezum la o structura simpla, pentru ca altfel articolul ar fi unul extrem de lung.)

Daca este vorba de un website de prezentare al unei companii ne trec prin gand urmatoarele categorii: Prima pagina, Despre noi, Servicii si Contact. Da – este un inceput de structura. Insa structura aceasta este satisfacatoare? In primul rand eu as propune un pic sa ne gandim si la motorul de cautare, adica sa reusim sa ii “servim” inca de pe prima pagina ceea ce e important: insirarea serviciilor prin linkuri (ancore). De pe urma serviciilor la urma urmei luam clienti, asa ca merita mentionate pe prima pagina ca sa fie mai usor de indexat.

Structura se altereaza un pic: Prima pagina, Despre noi, Contact iar apoi insirate serviciile (cu link fiecare) – daca sunt suficiente servicii putem sa facem un meniu special cu acestea, daca nu le includem in acelasi meniu cu butoanele clasice. Daca ar fi Blue Engineering o structura simpla la Servicii ar fi: Webdesing, Publicitate online, Service calculatoare si Hosting.

Acum sa vedem ce includem in fiecare pagina:

Prima pagina, home page, pagina de start – una dintre cele mai importante pagini din site. Fie ca ajung de pe alte pagini ce au fost indexate sau recomandate, majoritatea utilizatorilor aleg sa o vizualizeze. Deci atentie ce informatii punem in ea. Eu as include un pic din “Despre noi” (Da, utilizatorul vrea sa stie un pic despre compania care detine site-ul pe care il viziteaza), un pic din ce fac (serviciile), un pic din ce am facut “Portofoliu” si poate si un pic din ce “Produse” vand (daca nu ma rezum doar la prestarea de servicii).

Iar se complica un pic structura: Prima pagina, Despre noi, [Portofoliu], [Produse], Contact si Serviciile detaliate.

Despre noi, o pagina care sincer sa spun nici eu nu sunt prea sigur ce trebuie sa contina. Insa un lucru stiu sigur: ca sa cumpere lumea de la tine ceva trebuie sa stie ca esti de incredere. Asta trebuie sa transmiti in “Despre noi” – ca esti de incredere.

Portofoliu – ce ai facut, pentru cine ai facut. Sunt firme care aleg sa faca partea aceasta separat: “Portofoliu” si “Clienti”. Eu spun ca daca nu sunt prea multe lucruri de spus (firma este poate la inceput) le puteti combina, sa iasa mai mult continut. Nu te “lauzi” cu lucrul acesta atunci poate nu esti de incredere (vezi sectiunea “Despre noi”).

Produse – toata lumea e experta aici Cateva lucruri care mie mi se par esentiale: utilizatorul, adica clientul care viziteaza website-ul vrea “sa vada“; asadar nu uitati de “poze“! Ce mai trebuie pus: un cod sau o denumire unica a produsului (sa nu se faca confuzie cu alte produse), iar daca nu ai un “shoping cart” (ce le urasc eu pe astea – sunt utile dar imi strica toata pofta cand vine partea sa imi fac cont etc) macar sa pui niste date de contact (telefon!) sau un formular de comanda. Ultimul lucru pe care il precizez aici: descrierea sa fie suficienta: nici prea lunga si nici prea scurta.

Contact - aici as vrea sa faultez pe unii, dar nu vreau sa dau nume (ba da… o sa dau un indiciu, un domn foarte sus pus in Emag are blog si face un lucru enervant cand vine vorba de Contact). Ce fac unii: din cauza ca nu au ce sa scrie prea multe la “Contact” (decat un email) considera ca daca pun un singur link cu “mailto:office@domeniu.ro” rezolva treaba. Atunci cand dau click mi se deschide cine stie ce client obosit de email (Outlook Express, pe care nici nu il folosesc) sa ii scriu “IMEDIAT” celui pe care am avut proasta inspiratie sa ii accesez “Contactul“. Normal ca dupa pasul acesta urmeaza sa inchid fereastra cu site-ul acesta facut la “meserie“.

Gata inchei ca va plictisesc. Dupa cum observam mai sus, structura este influentata, pe langa lucruri normale precum: domeniul de activitate si de lucruri precum indexarea motorului de cautare, nevoia utilizatorului de a avea totul usor de accesat: cine este compania, cu ce se ocupa, ce produse vinde.

Prima parte aici: http://www.bei.ro/blog/internet/vreau-sa-imi-fac-un-website.html

Google Priority Inbox – un alt fel de email

Razvan Mircea — Fri, 03 Sep 2010 15:09:05 +0000

Poate una dintre ideile cele mai revolutionare in ultima vreme pe Internet, GMail Priority Inbox si-a gasit foarte multi adepti inca din prima zi. Cu ce ne ajuta este ilustrat foarte frumos in videoclipul urmator:

Sa recapitulam:
Gmail Priority Inbox e un sistem inteligent de sortare a emailului; organizeaza pe baza unor informatii scoase din analiza inboxului nostru de Gmail, mailurile cu adevarat importante: de la prietenii din contacte, de la cei la care ai dat reply, de la persoanele la care deja ai marcat mesajele cu important (steluta), cele care contin termeni ’seriosi’ si multe alte criterii (unele sunt usor de imaginat).

Mai mult, Priority Inbox e capabil sa invete de la noi, ai la dispozitie doua butoane: “Important” si “Mai putin important” – pe baza carora mai tarziu vei avea organizat altfel acest tip de inbox.

Ceea ce stim noi de la service-ul Blue Engineering este ca, in Romania majoritatea utilizatorilor de Internet au mailul personal pe Yahoo Mail, GMail este preferat ca cea de-a doua optiune (mail secundar). Este de urmarit daca, dupa lansarea acestei optiuni, care in opinia mea este revolutionara, se schimba un pic balanta si GMail castiga mai multi utilizatori.

Hard diskul – marketing si imoralitatea producatorilor

Razvan Mircea — Fri, 27 Aug 2010 09:17:43 +0000

Marketingul e de vina…

Succesul ultimului articol m-a facut sa scriu despre altceva, sper sa fie la fel de interesant. Este iarasi o parte care dezinformeaza publicul doar din nevoia unora de a vinde mai mult.
Am fost o victima a acestei dezinformari pana cu putin timp in urma – da, chiar daca am multi ani de experienta cu calculatoarele nu m-am prins decat acum. M-am prins pentru ca de data asta a fost prea evident. Altcineva care ar observa “problema” s-ar duce la service de calculatoare sa o rezolve, cand defapt e din marketing.

Atunci cand vrei sa iti achizitionezi un hard disk (“nu mai ai spatiu pentru poze” – deobicei in asta traduce omul de rand) te apuci si incepi sa cauti in toata gama de hard diskuri existenta pe piata. Sunt producatori multi, oferta este variata – in general hard diskurile sunt impartite dupa capacitatea de stocare, tipul lor (intern sau extern) si viteza de rotatie. Sunt mai multe lucruri dupa care trebuie sa ne uitam la un hard disk insa acum vreau sa vorbesc despre capacitatea de stocare.

In articolul trecut mentionam despre bytes (B), kilo bytes (KB), mega bytes (MB), giga bytes (GB) – acum introduc notiunea de tera bytes (TB). Cu “B” mare da?
Sa luam ca exemplu unul dintre cele mai populare magazine online de la noi: Emag.

Ok – daca imi iau un hard disk de 1 TB (tera bytes), ajung acasa, il instalez pe calculator asta insemana ca o sa am 1024 GB (Giga bytes) pentru poze? Hmm… nu chiar.
1 TB = 1024 GB
1 GB = 1024 MB
1 MB = 1024 KB

Nu pot sa spun exact cat o sa ai pentru ca depinde de mai multi factori, unul evident este (destul de tehnic pentru multi): sistemul de fisiere – FAT, FAT32, NTFS)

Ok – aici este problema: domnii care fac hard diskurile si-au uitat originea informatica… in goana dupa cifre cat mai mari ei “vad” capacitatea hard-urilor exprimata zecimal (1 TB = 1000 GB = 1000^4 Bytes).
Trecutul lor informatic ar trebui sa le spuna de capacitatea tuturor tipurilor de memorii (RAM, Flash) care se exprima binar: adica incrementata de puterile lui 1024. Cand am 2 GIGA de RAM inseamna ca am 2 * 1024 MB RAM, da? Nu e la fel si la harddisk-uri.

In loc sa ai 1 TB pe hard disk ar trebui sa te astepti sa ai 1000 GB, adica 1.000.000.000.000 Bytes. Dintro data, din cauza marketingului “pierzi” 24 GB.
Fiind chestie de marketing pe hard disk nu ai exact 1 TB, ci contine putin mai mult… insa mai multe sisteme de operare iti vor arata 931 GB sau 953.674 MB (cum spuneam mai sus, cifra difera si din cauza sistemului de fisiere).

Capacitatea de marketing	Echivalentul de marketing	Sistemul clasic binar	Echivalentul binar
1 TB Tera Byte	1 * 1000^4 Bytes	0.9095 TB Tera Bytes	0.9095 * 1024^4 Bytes
1000 GB Giga Byte	1000 * 1000^3 Bytes	931.3 GB Giga Bytes	931.3 * 1024^3 Bytes

Destul de dificil de urmarit articolul, insa sper ca v-am atras atentia asupra unui lucru interesant.
Baietii de la service-ul agentiei web Blue Engineering va stau la dispozitie si cu alte sfaturi legate de achizitionarea unui echipament.

Capcanele tehnologiei (biti si Bytes in hosting-gazduire, transfer de date, Internet)

Razvan Mircea — Wed, 25 Aug 2010 18:40:43 +0000

Am terminat liceul si facultatea cu mai mult timp in urma si imi dau seama ca unele cunostinte nu le-am mai folosit ca sa fac legatura cu realitatea. Sunt ele lucruri pe care le folosim in viata de zi cu zi fara sa ne dam seama ca nu cunoastem toata teoria ca sa ne imaginam ‘toata faza’.

Spre exemplu:

La Romtelecom, serviciul de Clicknet Mobile are o viteza de download de pana la 3.1 Mbps si o viteza de upload pana la 1.8 Mbps.

Omul de rand isi pune intrebarea…. 3.1 Mbps? O fi mult… o fi putin?

Confuzia vine de la niste termeni care suna la fel: bit si byte.

1 byte = 8 biti. Bitul in limbajul informatic se scrie cu ‘b’ mic. Byte-ul se scrie cu ‘B’ mare. ‘Biți’ sau ‘Baiți’ – suna cam aproximativ la fel dar sunt doua lucruri diferite.

Acum… noi in calculator avem exprimate dimensiunile fisierelor in kiloBYTES. Ce inseamna asta in termeni de biti?

1 byte = 8 biţi

1 kbye = 1024 bytes (kilo bytes)

1 kbit = 1024 biţi (Kilo biti)

1 kbyte = 8 kbit = 8 * 1024 biţi = 8192 biţi

Alt exemplu:

1 mbyte = 1024 kbyte = 1024 * 1024 bytes = 1048576 bytes…. inmultiti voi cu 8 sa va dea in biţi.

Ajunge atata teorie… sa vedem si pe cazul Romtelecom Clicknet:

3.1 Mbps = 3.1 Mb/s = 3.1 MegaBIȚI pe secunda

Da… poate sa fie o smecherie de marketing… dar nu apartine Romtelecomului in general… toti providerii de hosting / gazduire, servicii de date, furnizorii de Internet folosesc acest limbaj. Sau poate exista o alta explicatie: inainte vitezele de transfer erau asa de mici incat nu a fost nevoie de scalarea unitatii de transfer si s-a improprietarit ‘bit’-ul.

Asadar: 3.1 Mb/s = 3.1 * 1024 = 3174.4 Kb/s adica 3174.4 / 8 = 396.8 kB/s (kilo bytes pe secunda)

Deci NU… cu Internetul mobil deocamdata nu ai 3.1 MEGA (termen uzitat in zilele noastre care exprima MegaBytes), ai defapt PANA LA 396.8 KILObytes/s (KB/s) (Termenul de ‘pana la’ insemna ca poti sa transferi si cu mai putin, nu e garantata viteza aceasta)

P.S.: La retelele prin cablu (de cartier sau nu) viteza de transfer metropolitana (in tara) poate sa ajunga si la 10-11 megaBYTES/s (MB/s). Colac peste pupaza, utilizatorul de rand este saracu’, putin debusolat si de termeni romanesti: 1 octet este acelasi lucru 1 byte… imi inchipui cum este pentru mama sa inteleaga asa ceva… daca ea nici telecomanda televizorului nu o intelege prea bine, dar termeni precum: hosting, gazduire, biti, bytes, octeti.

As vrea sa multumesc…

Razvan Mircea — Wed, 25 Aug 2010 12:19:29 +0000

As vrea sa multumesc in primul rand creatorilor de virusi si trojani informatici. Si clientilor care nu se abtin si dau click pe orice de pe Internet. Departamentul nostru de service are grija de voi dragi clienti, nu va faceti griji: www.bei.ro/service/
Rezolvam orice fel de problema de acest gen, facem devirusare la orice: laptop, desktop, server

Pentru cei perseverenti avem si abonamente de service!

Promovare online cu Google Adwords

Razvan Mircea — Tue, 10 Nov 2009 15:19:06 +0000

Exista posibilitati multiple pentru a te promova online. Cea mai accesibila modalitate de a te promova este cu ajutorul Google Adwords. La prima vedere e usor, insa sunt destui de putini care reusesc sa rafineze campania in asa fel incat sa obtina cel mai bun rezultat impact-cost.

O scurta prezentare a sistemului Adwords asa cum este prezentat de Google:

- Promovarea se face pe motorul de cautare Google (Pozitionarea anunturilor pe motorul de cautare: langa sau deasupra rezultatelor de cautare), pe siteurile partenere Google (In site-uri de cautare si de continut, precum si in alte produse si bloguri) si Google Mail (Scaneaza continutul casutei de e-mail si afiseaza anunturi publicitare in partea de sus si in partea dreapta a ecranului pe baza cuvintelor).

- Reteaua Google este cea mai mare retea disponibila de publicitate online, care ajunge la mai mult de 86% dintre utilizatorii de Internet din Intreaga lume.
Romanii folosesc In masura de 95% Google ca si motor de cautare.

- Modul te targetare: Excelent targetat

- Targetul: utilizatorii de Internet, clasa sociala mica si mijlocie

- Costuri de promovare (comparativ cu restul modurilor de promovare): mici

- Termenul campaniei (comparativ cu restul modurilor de promovare): lung

- Platesti cat consumi, plata se face Cost pe Click, iar suma neconsumata se poate reporta pentru perioada viitoare.

Daca e gratis atunci de ce sa apelezi la o agentie de publicitate online?

Cu o experienta de peste 4 ani in Google Adwords iata ce putem sa facem pentru dumneavoastra:

- Targetarea si alegerea bugetului optim pentru campania dumneavoastra, se face pe baza experientei noastre precum si prin diverse tehnici dezvoltate cu trecerea timpului

- Dezvoltarea grupurilor de anunturi pentru fiecare din domeniile dumneavoastra.

- Lista completa de cuvinte cheie. Pornim de la serviciile prezentate pe siteul dumneavoastra, apoi construim si supunem spre aprobarea clientului cuvinte cheie asociate)

- Excluderea cuvintelor si expresiilor negative. Impreuna cu clientul determinam care sunt lucrurile care duc doar la consumarea bugetului si care n-au niciun fel de impact bun asupra afacerii (ex.: clientul nu vinde un anumit tip de produse, etc)

- Monitorizam zilnic starea campaniei dumneavoastra, prin sistemul intern Adwords, precum si prin statisticile complete de la Analytics.

- Succesul campaniei Adwords depinde nu numai de modul in care e administrata campania ci si de site-ul pe care se face trimiterea, avem personal calificat care poate sa optimizeze site-ul (grafic cat si semantic) dumneavoastra pentru a fi competitiv.

- Facem recomandari clientilor nu numai in privinta campaniei de Adwords ci si a modalitatilor de prezentare pe website, succesul campaniei pe Internet este spre interesul ambelor parti.

Sper ca v-am trezit interesul Daca da, nu ezitati sa ne scrieti: office@bei.ro