Blog Nicu Buculei http://fii-liber.ro/blog/6 ro Prezentare Fii Liber la întâlnirile RLUG http://fii-liber.ro/prezentare-fii-liber-la-intalnirile-rlug <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Cu ocazia aniversării unui an de la lansarea proiectului <a _fcksavedurl="http://fii-liber.ro/" href="http://fii-liber.ro/">Fii Liber</a>, Nicu Buculei a ținut o prezentare pe această tema la <a _fcksavedurl="http://wiki.lug.ro/%C3%8Ent%C3%A2lnirea_RLUG_Mai_%2711" href="http://wiki.lug.ro/%C3%8Ent%C3%A2lnirea_RLUG_Mai_%2711">întâlnirea lunară din mai</a> a <a _fcksavedurl="http://wiki.lug.ro/" href="http://wiki.lug.ro/">Grupului de Utilizatori Linux din România</a>.</p> <p> </p> <p> </p> <p></p><center> <p> <video controls="controls" height="360" tabindex="0" width="550"><br /><br />  </video><br /></p></center> <p><a _fcksavedurl="http://prolinux.ro/wp-content/uploads/video/201105-fii-liber.ogv" href="http://prolinux.ro/wp-content/uploads/video/201105-fii-liber.ogv">Filmarea</a> a fost preluată sub licență liberă <a _fcksavedurl="http://creativecommons.org/licenses/by-sa/3.0/ro/" href="http://creativecommons.org/licenses/by-sa/3.0/ro/">CC-BY-SA</a> de la <a _fcksavedurl="http://prolinux.ro/prezentare-fii-liber-la-intalnirea-rlug-mai-%E2%80%9911/" href="http://prolinux.ro/prezentare-fii-liber-la-intalnirea-rlug-mai-%E2%80%9911/">Asociația ProLinux</a>, <a _fcksavedurl="http://fedora.nicubunu.ro/slides/agora-comunitarea-romaneasca-fedora.pdf" href="http://fedora.nicubunu.ro/slides/agora-comunitarea-romaneasca-fedora.pdf">suportul prezentarii</a> este de asemenea disponibil.</p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">meniu: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/stiri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Știri</a></li></ul></div> Wed, 18 May 2011 10:46:08 +0000 Nicu Buculei 121 at http://fii-liber.ro http://fii-liber.ro/prezentare-fii-liber-la-intalnirile-rlug#comments Colecție de postere demotivaționale http://fii-liber.ro/colectie-de-postere-demotivationale <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>După ce acum câteva săptămâni am învățat să facem <a href="http://fii-liber.ro/cum-sa-facem-postere-demotiva%C8%9Bionale-cu-gimp">postere demotivaționale folosind GIMP</a>, astăzi ne amuzăm cu o galerie de artă formată din imagini create folosind tehnicile din acel tutorial.</p> <div class="rtecenter"> <a href="http://fii-liber.ro/sites/default/files//images/imbratisari-gratuite.jpg"><img alt="imbratisari gratuite" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/imbratisari-gratuite.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/tricou-mulat.jpg"><img alt="tricou" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/tricou-mulat.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/ciori.jpg"><img alt="ciori&quot;" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/ciori.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/cal-de-dar.jpg"><img alt="calul de dar" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/cal-de-dar.jpg" /></a></div> <!--break--><p class="rtecenter"> <a href="http://fii-liber.ro/sites/default/files//images/sticle-de-bere.jpg"><img alt="sticle de bere" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/sticle-de-bere.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/silicoane.jpg"><img alt="silicoane" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/silicoane.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/nu-ma-uita.jpg"><img alt="nu-ma-uita" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/nu-ma-uita.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/prietena.jpg"><img alt="prietena" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/&#9;prietena.jpg" /></a><br /><a href="http://fii-liber.ro/sites/default/files//images/mare-rahat.jpg"><img alt="mare rahat" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/mare-rahat.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/melc.jpg"><img alt="melc" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/melc.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/tiramisu.jpg"><img alt="tiramisu" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/tiramisu.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/ciocolata-de-valentine.jpg"><img alt="ciocolata de valentine" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/ciocolata-de-valentine.jpg" /></a><br /><a href="http://fii-liber.ro/sites/default/files//images/cartofi-prajiti.jpg"><img alt="cartofi prajiti" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/cartofi-prajiti.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/arzoaica.jpg"><img alt="arzoaica" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/arzoaica.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/piosenie.jpg"><img alt="piosenie" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/piosenie.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/vrajitorie.jpg"><img alt="vrajitorie" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/vrajitorie.jpg" /></a><br /><a href="http://fii-liber.ro/sites/default/files//images/bani.jpg"><img alt="bani" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/bani.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/prostituate.jpg"><img alt="prostituate" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/prostituate.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/majorete.jpg"><img alt="majorete" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/majorete.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/boschetari.jpg"><img alt="boschetari" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/boschetari.jpg" /></a><br /><a href="http://fii-liber.ro/sites/default/files//images/fete-pe-motoare.jpg"><img alt="fete pe motoare" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/fete-pe-motoare.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/concurs-de-miss.jpg"><img alt="concurs de miss" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/concurs-de-miss.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/sobolan-mort.jpg"><img alt="sobolan mort" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/sobolan-mort.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/pedobear.jpg"><img alt="pedobear" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/pedobear.jpg" /></a><br /><a href="http://fii-liber.ro/sites/default/files//images/inger-de-plastic.jpg"><img alt="inger de plastic" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/inger-de-plastic.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/bere-gratis.jpg"><img alt="bere gratis" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/bere-gratis.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/tigara-dupa.jpg"><img alt="tigara de dupa" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/tigara-dupa.jpg" /></a> <a href="http://fii-liber.ro/sites/default/files//images/sarcasm.jpg"><img alt="sarcasm" border="0" src="http://nicubunu.ro/demotivationals/ro/thumbs/sarcasm.jpg" /></a></p> <p> </p> <p><small><b>Notă:</b> Imagini preluate și traduse sub licență liberă <a href="http://creativecommons.org/licenses/by-sa/2.5/">CC-BY-SA</a> de la <a href="http://nicubunu.ro/demotivationals">posterele demotivaționale ale lui Nicu</a>.</small></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">meniu: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/arta" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Artă</a></li></ul></div> Thu, 05 May 2011 02:37:04 +0000 Nicu Buculei 119 at http://fii-liber.ro http://fii-liber.ro/colectie-de-postere-demotivationale#comments Cum să facem postere demotivaționale cu GIMP http://fii-liber.ro/cum-sa-facem-postere-demotivationale-cu-gimp <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p><b>Posterele demotivaționale</b> sunt o variantă mai cinică și, poate uneori amuzantă, a posterelor motivaționale, ele conținând de obicei o fotografie și niște text, compus dintr-un titlu ce intrigă privitorul și un subtitlu care livrează gluma, să zicem cam așa:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/free-hugs.jpg" style="border-width: 0px; border-style: solid; height: 338px; width: 450px;" /></p></center> <p> </p> <p>Am avut de ales să fac posterele cu <a href="http://gimp.org/">GIMP</a> sau cu <a href="http://inkscape.org/">Inkscape</a>... în Inkscape mi-ar fi fost probabil mai ușor dar calitatea fotografiei ar fi fost puțin mai slabă dacă JPEG-ul importat ar suferi anti-aliasing, așa că am ales să folosesc GIMP, care oricum are mai mulți utilizatori, rezultând astfel și un tutorial de interes mai larg. Dacă se va genera desul interes, poate voi reveni altă dată și cu o rețetă pentru Inkscape.</p> <p>Ca prim element, totodată unul dintre cele mai dificile și importante, trebuie să găsim o fotografie potrivită: trebuie să fie amuzantă sau să aibă potențial de a i se adăuga o replica demotivațională sarcastică. Pentru a respecta legea și proprietatea intelectuală a celorlalți, folosiți fie o fotografie făcută de voi înșivă (recomandat) sau ceva publicat sub o licență liberă. Eu am folosit una dintre fotografiile pe care i le-am facut unei veverițe din parcul Herastrău:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step00.jpg" /></p></center> <p> </p> <p>Alegem prin a alege încadrarea corectă a fotografiei, a mea nu era chiar rea și ar fi funcționat și făra <b>tăiere (crop)</b>, dar am inclus totuși pasul asta pentru învățare. Daca aveți o cameră cu raportul dintre dimensiunile imaginii ciudate (cele mai multe camere compacte si telefoane mobile așa au), alegeți <b>proporția (aspect ratio)</b>, care este <b>9:6</b> pentru o cameră dSLR și ceea ce folosesc cele mai multe postere existente:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step02.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Apoi o să vrem să <b>scalăm</b> imaginea (Image &gt; Scale Image), eu am făcut-o de 600x400 pixeli, pentru afișare pe ecran, dacă ar fi fost pentru imprimare atunci aș fi avut nevoie de o dimensiune mult mai mare (să se potrivească pe o foaie A4 sau A3, la rezoluție de 150DPI sau mai mare):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step03.jpg" /></p></center> <p> </p> <p>Acum e ultima ocazie de a îmbunătăți imaginea: claritate, ajustarea culorilor și tot așa, dacă fotografia are nevoie, faceți <b>acum</b>:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step04.jpg" /></p></center> <p> </p> <p>Pentru a face loc unui chenar, mărim <b> suprafața de lucru (canvas)</b> (Image &gt; Canvas Size): am <b>dezlegat</b> <b>lățimea și înălțimea</b> pentru a putea mări pe fiecare cu <b>10 pixeli</b> și am aranjat imaginea în <b>centrul</b> suprafeței:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step05.jpg" /></p></center> <p> </p> <p> </p> <p>Apoi am adăugat un <b>strat (layer) nou</b> (Layer &gt; New Layer) pe care l-am umplut cu alb, întrucât chenarul va fi alb:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step06.jpg" /></p></center> <p> </p> <p>Selectăm <b>întregul</b> strat alb (Select &gt; All) și apoi <b>reducem (shrink)</b> selecția (Select &gt; Shrink):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step07.jpg" /></p></center> <p> </p> <p>Vrem chenarul îngust, dar nu prea îngust, așa că am redus cu <b>2 pixeli</b>:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step08.jpg" /></p></center> <p> </p> <p>Apoi <b>tăiem (cut)</b> (Edit &gt; Cut) selecția:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step09.jpg" /></p></center> <p> </p> <p>Și avem o imagine cu chenar:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step10.jpg" /></p></center> <p> </p> <p>Mărim <b>suprafața de lucru</b> din nou, acum la <b>800x600 pixeli</b>, ținta finală pentru imaginea noastră (din nou dezlegând lățimea și înălțimea și aranjând imaginea la centru):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step11.jpg" /></p></center> <p> </p> <p>Adăugăm un strat nou pe care îl facem <b>negru</b> (cel mai rapid este să avem negru ca și culoare de fundal și să adăugăm stratul umplut cu culoarea de fundal, dar la fel de bine putem folosi mai târziu unealta de umplere):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step12.jpg" /></p></center> <p> </p> <p>În <b>dialogul pentru straturi</b> aranjăm (trăgând din mouse sau cu săgețile sus/jos) straturile în această ordine: fundalul negru dedesupt, fotografia în mijloc și chenarul alb deasupra:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step13.jpg" style="border-width: 0px; border-style: solid; height: 300px; width: 500px;" /></p></center> <p> </p> <p>Dacă tot suntem în dialogul cu straturile, <b>legăm</b> straturile cu fotografia și chenarul, aceasta va face pasul următor mai ușor:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step14.jpg" /></p></center> <p> </p> <p><b>Mutăm</b> straturile cu fotografia și chenarul către partea de sus a imaginii (dacă sunt legate, îl mutăm pe unul și celălalt se va muta și el automat), avem nevoie de niște spatiu jos pentru text. Când e gata le putem dezlega:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step15.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Selectăm stratul cu chenarul și din <b>unealta de aliniere (Alignment Tool)</b>, îl aliniem <b>orizontal</b> la centrul imaginii:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step16.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Selectăm stratul cu fotografia și din <b>unealta de aliniere (Alignment Tool)</b>, îl aliniem <b>orizontal</b> la centrul imaginii:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step17.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Acum cu <b>unealta pentru text (Text Tool)</b> scriem textul posterului, textul principal, cu un font mare Serif (eu am folosit dimensiunea de 60px, iar ca font, pentru un poster liber un font liber. Nu mi-a plăcut Deja Vu sau Liberation așa că alegerea a fost <a href="http://en.wikipedia.org/wiki/Nimbus_Roman_No9_L" rel="nofollow">Nimbus Roman No9 L</a>, care are o formă placută):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step18.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Aliniat, desigur, orizonat la centrul imaginii cu aceeași <b>unealtă de aliniere</b>:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step19.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Subtitlul e mai mic (l-am făcut de 36px) și într-un font Sans Serif (am rămas în aceeași familie, cu <a href="http://en.wikipedia.org/wiki/Nimbus_Sans_L" rel="nofollow">Nimbus Sans L</a>):</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step20.jpg" style="border-width: 0px; border-style: solid; height: 282px; width: 500px;" /></p></center> <p> </p> <p>Iarăși, aliniat orizontal:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step21.jpg" style="border-width: 0px; border-style: solid; height: 283px; width: 500px;" /></p></center> <p> </p> <p>Și posterul e gata:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" border="0" src="http://howto.nicubunu.ro/gimp-demotivational-poster/demotivational-step22.jpg" /></p></center> <p> </p> <p>Îl puteți agăța unde vreți voi:</p> <p> </p> <p> </p> <p></p><center> <p> <img alt="postere demotivationale" src="http://howto.nicubunu.ro/gimp-demotivational-poster/free-hugs.jpg" style="border-width: 0px; border-style: solid; height: 413px; width: 550px;" /></p></center> <p> </p> <p>E timpul să demotivăm oamenii!</p> <p><small><b>Notă:</b> Articolul este preluat și tradus sub licență liberă <a href="http://creativecommons.org/licenses/by-sa/2.5/">CC-BY-SA</a> de la <a href="http://howto.nicubunu.ro/">tutorialele lui Nicu</a>.</small></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">meniu: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/arta" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Artă</a></li><li class="taxonomy-term-reference-1"><a href="/ghiduri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Ghiduri</a></li></ul></div><div class="field field-name-taxonomy-vocabulary-3 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">taguri: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/taguri/fotografie" typeof="skos:Concept" property="rdfs:label skos:prefLabel">fotografie</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/gimp" typeof="skos:Concept" property="rdfs:label skos:prefLabel">gimp</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/grafica" typeof="skos:Concept" property="rdfs:label skos:prefLabel">grafica</a></li><li class="taxonomy-term-reference-3"><a href="/taxonomy/term/122" typeof="skos:Concept" property="rdfs:label skos:prefLabel">poster</a></li><li class="taxonomy-term-reference-4"><a href="/taguri/tutoriale" typeof="skos:Concept" property="rdfs:label skos:prefLabel">tutoriale</a></li></ul></div> Fri, 15 Apr 2011 10:52:10 +0000 Nicu Buculei 117 at http://fii-liber.ro http://fii-liber.ro/cum-sa-facem-postere-demotivationale-cu-gimp#comments Firefox 4, în sfârșit printre noi http://fii-liber.ro/firefox-4-in-sfarsit-printre-noi <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>După o așteptare de mai bine de un an, din ianuarie 2010 când a avut loc lansarea precedentei versiuni majore Firefox 3.6, în sfârșit astăzi este o zi importantă atât pentru comunitatea Mozilla, pentru utilizatorii de programe libere și cu sursă deschisă dar și pentru toți utilizatorii de internet: se lansează Firefox 4 și lumea nu va mai fi așa cum o știați.</p> <p> </p> <p align="center"><img alt="firefox 4 - captura de ecran" border="0" src="http://nicubunu.ro/pictures/firefox4.jpg" style="width: 510px; height: 318px;" /></p> <p>Nu o să vă plictisesc cu o prezentare formală, pentru asta puteți citi <a href="http://www.mozilla.com/en-US/firefox/4.0/releasenotes/">notele de lansare</a>, o să vă împărtășesc punctul meu de vedere <i>subiectiv</i>, ca cineva care a folosit zi de zi versiunile Beta și Release Candidate a ceea ce urma să devină Firefox 4 timp de mai bine de jumătate de an.</p> <p>Deci, în afară de faptul că vine la peste un an de la precedenta versiune majoră, de ce este așa importantă Firefox 4? În mare măsură pentru funcționalitățile pe care le aduce și care sunt numeroase și importante.</p> <p>Dacă mă întrebați pe mine ce mă entuziasmează cel mai mult dintre aceste funcționalități o să vă spun că suportul pentru <a href="http://fii-liber.ro/webm-un-nou-format-video-liber">formatul video WebM</a>, care a fost pentru mine principalul motiv de a trece la versiunile Beta cât de repede am putut, acum putem elibera fișierele multimedia pe internet, nu mai depindem de codecuri proprietare, de formate restricționate de brevete sau de anumite programe, WebM este aici și poate fi accesat de majoritatea utilizatorilor, fie că folosesc Firefox, Chrome, Opera, Seamonkey, Epiphany sau alte navigatoare (cei cu Internet Explorer sau Safari încă nu s-au eliberat).</p> <p>Desigur că alții pot fi la fel de entuziaști pentru alte funcționalități care le satisfac nevoile și care sunt și ele demne de menționat, cum ar fi noul motor JavaScript care aduce Firefox din nou în topul performanței, accelerarea video care sporește performanța și micșorează consumul de resurse, posibilitatea de a folosi grafică 3D prin intermediul <a href="http://en.wikipedia.org/wiki/WebGL" rel="nofollow">WebGL</a>, modulul de sincronizare ce permite partajarea sigură a datelor personale pe mai multe sisteme, confidențialitatea sporită prin includerea suportului pentru <a href="http://blog.sidstamm.com/2011/01/opting-out-of-behavioral-ads.html">antetul Do Not Track</a> și multe altele, pe care le găsiți, așa cum spuneam mai devreme, în <a href="http://www.mozilla.com/en-US/firefox/4.0/releasenotes/">notele de lansare</a>.</p> <p>Voi fi sincer până la capăt și vă voi spune că eu am și nemulțumiri, sincer nu îmi plac unele modificări ale interfeței, cum ar fi mutarea tab-urilor deasupra barei de adrese (ca în Chrome) și renunțarea la bara de stare în favoarea unor notificări temporare. Din fericire pentru mine există o opțiune în meniu care permite readucerea taburilor în vechea poziție iar bara de stare poate fi simulată prin instalarea câtorva extensii, pentru cei care doresc asta.</p> <p>Un alt motiv pentru care această versiune este importantă îl constituie trecerea la un nou model de lansări din partea Mozilla, de acum nu vom mai aștepta ani până la o noua lansare, intenția este ca accestea să se succceadă mult mai repede, la aproximativ 3 luni, pentru a pune în mâinile utilizatorilor cât mai repede noile funcționalități introduse și noile îmbunătățiri de securitate, deci așteptați-vă ca în cursul anului 2011 să vedeți de asemenea lansările Firefox 5, 6 și 7.</p> <p>Așa cum spuneam, este începutul unei noi ere pentru comunitatea Mozilla, pentru utilizatorii de programe libere și cu sursă deschisă dar și pentru toți utilizatorii de internet - asta vă include și pe voi.</p> <p>Nu mai așteptați, mergeți să <a href="http://www.mozilla.com/">descărcați Firefox</a>, instalați-l, încercați-l și experimentați un internet mai rapid, mai ușor și mai sigur.</p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">meniu: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/stiri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Știri</a></li></ul></div><div class="field field-name-taxonomy-vocabulary-3 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">taguri: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/taxonomy/term/119" typeof="skos:Concept" property="rdfs:label skos:prefLabel">anunt</a></li><li class="taxonomy-term-reference-1"><a href="/taxonomy/term/120" typeof="skos:Concept" property="rdfs:label skos:prefLabel">firefox</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/lansare" typeof="skos:Concept" property="rdfs:label skos:prefLabel">lansare</a></li><li class="taxonomy-term-reference-3"><a href="/taguri/mozilla" typeof="skos:Concept" property="rdfs:label skos:prefLabel">mozilla</a></li></ul></div> Tue, 22 Mar 2011 14:00:50 +0000 Nicu Buculei 115 at http://fii-liber.ro http://fii-liber.ro/firefox-4-in-sfarsit-printre-noi#comments Coduri de bare QR cu programe libere http://fii-liber.ro/coduri-de-bare-qr-cu-programe-libere <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>Codurile QR sunt coduri de bare matriceale (bidimensionale) ce pot fi citite de dispozitive speciale sau de telefoane mobile, constau într-un aranjament de blocuri negre așezat într-un pătrat alb și încapsulează ca informație text, adrese (URL) sau orice alt tip de date. În principiu arată așa:</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/fii-liber-qrencode-10.png" /></p> <p> </p> <p></p></center> <p> </p> <p>Denumirea QR vine de la <i>Quick Response</i>, adică <i>Răspuns Rapid</i>, ele au fost create de un producător japonez din domeniul auto pentru sistemul de urmărire a pieselor în fabrică, unde se punea accent pe viteza de procesare. Au devenit foarte populare cu ajutorul telefoanelor mobile, sistemul de operare Android a fost un pionier, unde pot fi folosite prin intermediul camerei foto și a programelor instalate pentru procesarea automată a informațiilor. De exemplu, puteți îndrepta telefonul către un afiș conținând un asemenea cod de bare și se va deschide în navigator pagina web dorită.</p> <p>Spre exemplu, encodată în sistemul QR descrierea proiectului Fii Liber <i>"Fii liber este o primă campanie de informare organizată de Ceata. Prin acest proiect ne propunem să aducem la cunoștința românilor drepturile și posibilitățile oferite de artele și tehnologiile libere."</i> arată așa (dacă aveți un telefon capabil, puteți să îl folosiți și să verificați):</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/fii-liber-long.png" /></p> <p> </p> <p></p></center> <p> Hai să începem să creăm și noi propriile coduri QR. Pentru asta vom folosi la început un program numit <a href="http://fukuchi.org/works/qrencode/index.en.html">QR Encoder</a> care, în tradiția *NIX, este un mic program de linie de comandă care îndeplinește acest scop specific. Îl vom folosi pentru a genera un cod corespunzător adresei paginii web a proiectului, <i><a href="http://fii-liber.ro/">http://fii-liber.ro/</a></i>, simplu și intuitiv, dupa cum urmează:</p> <p><code>qrencode "http://fii-liber.ro/" -o fii-liber-qrencode.png</code></p> <p>Rezultatul este următoarea imagine:</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/fii-liber-qrencode.png" /></p> <p> </p> <p></p></center> <p>Programul acceptă un număr de parametrii cu care puteți personaliza rezultatul, vă voi lăsa să îi explorați, nu voi aminti aici decât <code>-s</code>, care ne este util pentru a vedea mai bine imaginea pe ecran, deci putem folosi:</p> <p><code>qrencode "http://fii-liber.ro/" -o fii-liber-qrencode-10.png -s 10</code></p> <p>Și vom obține:</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/fii-liber-qrencode-10.png" /></p> <p> </p> <p></p></center> <p> </p> <p>Un alt program ce poate fi folosit pentru generarea codurilor de bare este <a href="http://www.zint.org.uk/">Zint</a> care poate fi folosit, de asemenea, din linie de comandă:</p> <p><code>zint -o fii-liber-zint-default.png -d "http://fii-liber.ro/"</code></p> <p>Hai să vedem rezultatul:</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/fii-liber-zint-default.png" /></p> <p> </p> <p></p></center> <p>După cum vedeți, acesta nu este un cod QR ci un cod de bare de tip <b>Code 128</b> (ISO 15417), aceasta deoarece Zint este un program puternic, ce suportă câteva zeci de tipuri diferite de coduri de bare, așa că vom adăuga parametrul <code>-b</code>pentru a specifica tipul de cod dorit și acesta va fi <code>58</code>, corespunzător codurilor QR:</p> <p><code>zint -o fii-liber-zint.png -b 58 -d "http://fii-liber.ro/"</code></p> <p>Și vom obține imaginea:</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/fii-liber-zint.png" /></p> <p> </p> <p></p></center> <p>Vom proceda ca mai sus și vom crea o versiune mai ușor de văzut pe ecran, de data asta cu parametrul <code>--scale</code>:</p> <p><code>zint -o fii-liber-zint-big.png -b 58 --scale 5 -d "http://fii-liber.ro/"</code></p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/fii-liber-zint-big.png" /></p> <p> </p> <p></p></center> <p>Explorând parametrii puteți observa că există și posibilitatea de a salva în formate scalabile, SVG și EPS, nu numai ca PNG.</p> <p> </p> <p>Zint este o soluție puternică, în plus față de utilitarul din linie de comandă conține și o interfață grafică, <b>Zint Barcode Studio</b>, pentru cei care preferă acest lucru:</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/zint-gui.png" /></p> <p> </p> <p></p></center> <p>Această interfață permite accesul la toți parametrii care erau disponibili și din linie de comandă, puteți să experimentați interactiv.</p> <p> </p> <p>Dincolo de generarea codurilor, următorul pas este citirea și procesarea acestora, o putem face și de pe desktop, nu numai de pe telefonul mobil, pentru asta avem nevoie de un calculator și pachetul <a href="http://zbar.sourceforge.net/">ZBar</a>. Acesta poate fi folosit în două moduri: pentru scanarea unei imagini statice sau prin achiziția codului folosind o cameră video.</p> <p>Cu componenta <b>zbarimg</b> putem citi textul dintr-un cod de bare încapsulat într-o imagine. Spre exemplu vom folosi codul de mai sus, generat cu QR Encoder:</p> <p><code>zbarimg fii-liber-qrencode.png</code></p> <p>Rezultatul este:</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/zbarimg.png" /></p> <p> </p> <p></p></center> <p>După cum vedeți, codul a fost citit și interpretat corect.</p> <p> </p> <p>Componenta <b>zbarcam</b> va citi codul QR de pe un obiect prin intermediul camerei web conectate la calculatorul vostru, cel mai simplu mod de a testa este să tipăriți pe hârtie un cod, îl puneți în fața camerei și aceasta îl va recunoaște, eu așa am făcut (credeți-mă pe cuvânt, codul a fost citit corect. sau mai bine nu mă credeți, instalați programele și faceți testul voi înșivă):</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/IMG_3345.JPG" /></p> <p> </p> <p></p></center> <p> </p> <p>Sperând că v-am trezit entuziasmul pentru acest subiect, nu îmi rămâne decât să vă urez (nu, nu voi "traduce" textul, asta este tema voastră pentru acasă):</p> <p> </p> <p> </p> <p> </p> <p> </p> <p></p><center> <p><img alt="coduri qr" border="0" src="http://nicubunu.ro/howto/qrcodes/la-revedere.png" /></p> <p> </p> <p></p></center> <p> </p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">meniu: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/tehnologie" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Tehnologie</a></li><li class="taxonomy-term-reference-1"><a href="/ghiduri" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Ghiduri</a></li></ul></div><div class="field field-name-taxonomy-vocabulary-3 field-type-taxonomy-term-reference field-label-above clearfix"><h3 class="field-label">taguri: </h3><ul class="links"><li class="taxonomy-term-reference-0"><a href="/taguri/coduiri-de-bare" typeof="skos:Concept" property="rdfs:label skos:prefLabel">coduiri de bare</a></li><li class="taxonomy-term-reference-1"><a href="/taguri/coduri-qr" typeof="skos:Concept" property="rdfs:label skos:prefLabel">coduri qr</a></li><li class="taxonomy-term-reference-2"><a href="/taguri/creare-citire" typeof="skos:Concept" property="rdfs:label skos:prefLabel">creare citire</a></li><li class="taxonomy-term-reference-3"><a href="/taguri/procesare" typeof="skos:Concept" property="rdfs:label skos:prefLabel">procesare</a></li></ul></div> Sat, 19 Mar 2011 06:55:59 +0000 Nicu Buculei 114 at http://fii-liber.ro http://fii-liber.ro/coduri-de-bare-qr-cu-programe-libere#comments