☰ Menu

Scene.hu

Magyar demoscene portál – grafikusok, zenészek, programozók alkotói közössége

Látványos QR kód készítése

Posted by rascy on 2013-08-27, 21:22
scene.hu QR kód banner 1

scene.hu QR kód banner 1

A cikk kicsit reklám is egyben, egy weboldal népszerűsítésére (QR kód készítés), mellyel talán elnézőek lesztek, mivel szép QR kódos bannert készítettem a scene.hu népszerűsítésére.

Többféle színben is elkészítettem, ami azonban nem volt jó ötlet, mert nem tudom eldönteni melyik legyen a végleges. Ebben kérném a megjelenítő készülékek előtt ülők vagy állók segítségét. Szavazzatok! [Ott bal jobb oldalon megtehetitek. – slyspy]

Továbbá, hogy érdekes legyen végigolvasni, leírom, hogyan tudtok Ti is ilyet csinálni.

Olvasd tovább és nézd meg a másik két QR kódot is…

 

 

Tehát egy ilyen banner, a következők szerint varázsolható össze:

1. legenerálsz egy átlátszó QR kódot az alábbiak szerint (csak azt írom le, ahol állítani kell valamit):

  • scene.hu qr kód banner 2

    scene.hu qr kód banner 2

    online QR kód generátor megnyitása

  • beírod a weboldal címét, amire a QR kód mutatni fog (érdemes paraméterezni, hogy nyomon követhető legyen a statisztikában, pl.: weboldalam.hu/?qr=szorolap)
  • a háttérszínnél kattints a fehér színre, majd a megjelenő Szín kiválasztó ablakban válaszd az ‘A’ opciót (alpha csatorna) és írd át 0% -ra
  • töröld az alap háttérképet: a Kép kiválasztás-nál válaszd ki az első (szürke, üres) mezőt
  • állítsd át a hibajavítást közepesre vagy kvartilisra
  • kattints a GENERÁLÁS gombra
  • mentés: mivel ez egy átlátszó PNG, fontos, hogy mindenképpen a Jobb klikk a QR kódon és a Mentés másként használatával mentsd le

2. az átlátszó QR kódot betöltöd egy képszerkesztőbe és teszel mögé képet meg mellé némi szöveget:

  • elvileg bármilyen háttér fölé tudod tenni, de a gyakorlatban néha gondok vannak, ha túl kontrasztos a kép
  • ha átméretezed a QR kódot, akkor nyomj rá egy élesítést (sharpen), különben nagyon nehezen lesz beolvasható
  • scene.hu QR kód baner 3

    scene.hu QR kód baner 3

    ezt egyébként az átméretezéstől függetlenül is érdemes megcsinálni, mert általában jobban olvasható lesz tőle a kód

  • egy pici logót vagy apró szöveget is lehet tenni a QR kód fölé, de ez függ a QR kód hibajavításának mértékétől is
  • a nagy referencia pontokat soha ne takard le!
  • mentés: ajánlott PNG-ben vagy nagyon alacsony tömörítésű JPG-ben lementeni, hogy az éles határok megmaradjanak a pontok körül

3. Tesztelés

  • ez egy nagyon fontos dolog, mivel egyre több készülék és beolvasó szoftver van, továbbá előfordulhat, hogy olvashatatlan lesz a kód
  • vannak nagyon gagyi programok is, melyek csak az eredeti fekete-fehér kódot látják, de szerencsére ezek száma elég kevés
  • minél több készüléken és olvasó programmal ellenőrizd le a QR kód beolvasását
  • a régebbi kisebb felbontású kamerával rendelkezők némelyiket nehezebben olvassák be

Amennyiben egyszerűbben és gyorsabban szeretnél ilyen látványos QR kódot generálni magadnak, akkor a generálás oldalon csak válassz ki egy képet a hátterek közül vagy írd be egy másik weboldalon szereplő kép URL-jét. (Kérlek előtte ellenőrizd, hogy jogilag ingyenesen felhasználható-e az adott kép.) A tesztelést ez esetben sem szabad elfelejteni!

 

Láthatatlan QR kód?

Láthatatlan QR kód?

Érdekesség a végére.

Ez egy majdnem láthatatlan QR kód. A referencia pontok látszanak, mert azoknak muszáj, azonban a többi pont elég jól beleolvad a háttérképbe.

Itt közepesre van állítva az átlátszóság, ami lehetne nagyobb is, de akkor már csak az újabb, erősebb processzorral és nagyobb felbontású kamerával rendelkező mobil eszközök tudnák beolvasni.

Ha nehezen vagy egyátalán nem megy a QR kódok beolvasása, akkor ezt az oldalt érdemes átolvasnod: QR kód tundivalók


Üdv!
rascy/dilemma.ws

 

20 hozzászólás so far.

  1. avatar YADA szerint:

    Ez erdekes, jozan esszel soha eszembe nem jutott volna szinezni a qr kodot.

  2. avatar pohar szerint:

    Functionra QR compot!!!

  3. avatar RawBits szerint:

    Megjelenítő készülék? A WC falakra gondolsz, vagy a lámpaoszlopokra? Amúgy 2-es a nyerő a SyncMaster-eimen.

  4. avatar Gargaj szerint:

    Az en telom egyiket se olvassa be. :|

  5. avatar rascy szerint:

    Yada:
    mint majdnem minden más ez is külföldről indult: http://qrlicious.com/showcase/

    RawBits:
    arra a készülékre gondoltam, amin éppen nézed ezt az oldat

    Gargaj:
    milyen telefonod van? ha nem publikus, akkor légyszi azt írd meg, hogy ? megapixeles és van-e rajta autófókusz;
    a QR kód olvasó program sem mindegy, mert van olyan, amit Pistike rakott össze otthon és van amit komoly cég

  6. avatar Bery szerint:

    Szerintem ötletes. Az öregecske iPhone3GS-em a toystory kamerájával mindhármat leolvasta a notebook képernyőjéről. Ja, a negyediket a leggyorsabban.

    És egyértelműen a 2-es, ami jó, a többi legfeljebb próbálkozás :)

  7. avatar pohar szerint:

    En azt nem ertem, hogy ha rohadt nagy betukkel oda van irva, hogy scene.hu, akkor egyaltalan mi szukseg van mogotte a kodra :)

  8. avatar Travis szerint:

    Abban van a www

  9. avatar Gargaj szerint:

    Rascy: Lumia 900, elvileg 8 MP, autofokusz van, QRkod olvaso a beepitett.

  10. avatar rascy szerint:

    pohar:
    jó az észrevétel :)

    egy QR kód az offline hirdetésekhez való inkább
    persze erre is mondhatnád, hogy minek, hiszen a scene.hu címet gyorsabban beírod a telefonodba egy szórólapról, mint hogy elindítod a QR kód olvasó programot

    azonban itt a statisztika és a nyomon követés a lényeg:

    egyrészt az url paramétereket tartalmaz, pl.:
    md1.hu/?kampany=function&media=szorolap&terulet=bp3
    amit már nem fogsz tudni begépeltetni senkivel, ha ki is írod egy szórólapra

    másrészt nagyon jól lehet majd látni a statisztikában, hogy melyik hirdetésed volt a leghatékonyabb

    továbbá ha a telefonon engedélyezve van, még azt is megtudod, hogy pontosan hol olvasták le a QR kódodat

  11. avatar rascy szerint:

    Gargaj:

    hmmm…, furcsa
    az alábbi oldalról be tudja olvasni?
    http://www.visualead.com/explore-qr-code-designs/

  12. avatar Gargaj szerint:

    Ugy nagyjabol a felet igen.

    De amugy kitertel a Pohar kerdese elol – ha oda van irva az URL akkor barmi lehet a kodban magaban ha a juzer nem azt fogja hasznalni :)

  13. avatar pohar szerint:

    Travis szerint:
    2013/08/29 – 11:53
    Abban van a www

    Van egy új böngészőm, ebbe már nem muszáj beírni a www-t! az a neve, hogy Chrome :)

  14. avatar Esplanade szerint:

    Guszta! Fotópapírra kellene nyomtatni és terjeszteni legális helyeken, pl. hirdetőtáblákon, faliújságokon.

  15. avatar rascy szerint:

    Gargaj:
    nem is tértem ki, megmagyaráztam miért jó a kód :)
    mivel az oldalnak nincs logója a nevét kellett oda írnom, bár lehetett volna azt írni, hogy Magyar Demoscene Portál és az url-t meg sehová

    egy több mint 3 éves, 5mpixeles telefonnal mindet be tudom olvasni, ami azon az oldalon van, tehát valószínűleg a Lumnia előtelepített QR kód olvasója nincs ilyenekre felkészítve, javaslom próbálj ki egy másikat és ha azzal megy, akkor kiderült, hogy sem a készülékben, sem a kódban, hanem a szoftverben van a “hiba”

  16. avatar rascy szerint:

    pohar:
    az hogy www nélkül is eléred, az nem a Chrome “fícsöre”, hanem, hogy az adott domain-hez az “A” rekord www nélkül is be van állítva.

  17. avatar rascy szerint:

    a Lumnia az Lumia akart lenni az egyik válaszomban

  18. avatar Gargaj szerint:

    rascy: Nade te azt magyaraztad meg, hogy neked miert jo a kod mint szolgaltatonak, a kerdes az volt hogy a juzernek miert jo?

  19. avatar rascy szerint:

    A QR kód főként a szolgáltónak jó, ez egy marketing eszköz.

    A usernek szinte csak egyetlen dolog miatt, hogy rövidebb idő alatt és kevesebb billentyűzet leütéssel elérje azt ami a QR kódban vagy mögötte van.

    Pl. egy névjegykártya QR kódnál néhány másodperc alatt át tudod vinni az adatokat a telefondba, elírások nélkül!

    Aztán van még a naptár bejegyzéses QR kód, pl. Function hírdetésre egy iCalendar alapú ( http://dilemma.ws/function2013-icalendar.png ), amit most nem színeztem ki, de színesben biztos sokkal jobb :)

    Ezt sajnos még nem minden QR kód olvasó ismeri fel és csak sima szövegként jeleníti meg.

    A jelenlegi scene.hu kódot csak érdekességnek szántam, ha komolyan szórólapra kellene tenni, akkor több paraméter is lenne az url-ben.

    Weboldalra kirakni egy olyan QR kódot, ami csak egy egyszerű és rövid linket tartalmaz, nem sok értelme van, egyszerűbb egy kattintható link.

    Azonban már láttam olyan Chrome-os plugint, ami az aktuális URL-ből QR kódot készít és így gyorsabb átvinni a telefonodra mint hogy emailt írnál magadnak a gépről. A betűnként begépelésről nem is beszélve.

    Például te mit csinálsz, ha meg kellene nyitnod az alábbi linket a telefonodon?
    scene.hu/2013/07/27/inspiralo-dolgok-morcheeba-gimme-your-love/#comment-16976

    tehát azért jó a usernek, hogy ne kelljen annyit pötyögnie :)

  20. avatar dolf szerint:

    hype túlzásba is estek ezzel pl. ikea app a papír katalógusban lévö + -jelet scanneli, és arra ad ki érdekes infókat (honnan fxból tudja melyik oldal nemtom.. talán abból hogy hol van a +). de: ha a papírt olvasom fxomnak sincs kedve scannelni, hameg a appba vagyok úgyxintén nem fogoma quanehéz katalógust emelgetni.. mutassa meg amit akarnak reklámozni/elmesélni scannelés nélkül.. nem?de!

Leave a Reply

You must be logged in to post a comment.

Ugrás a lap tetejére Ugrás a lap aljára