QR-code

Quick

Directe contextuele informatie

Response

Een antwoord voor de consument

Code

Via een symbool, ontworpen om digitale berichten weer te geven

euh... wat is nu eigenlijk een

duidelijk?

euh... niet echt

... oke, een quick response code,
maar wat is dat nu eigenlijk?

QR-code

• Het is een soort van bar-code
• Heet ook soms (grafische) tag, 2D streepjescode, barcode, matrixcode, ...
• Ontwikkeld in 1994 door Denso Wave (Japan) om auto onderdelen te identificeren
• Snel decodeerbaar
• ISO-standaardisatie
• Open-Source

1994 al!

• Denso is toeleverancier van automerken Toyota en Isuzu
• Onderdelen moesten beter identificeerbaar zijn
• Masahiro Hara ontwikkelt een
  streepjescode
• Masahiro Hara speelt graag bordspelletjes, meerbepaald Go (niet pokémon go)

Go

Go

Meerdere richtingen

• Streepjescode werkt maar in één richting
• QR-code in twee richtingen!
  = omnidirectioneel dankzij een Finder Pattern

Wat doet een QR-code

• Digitale informatie bewaren op
  Analoge media
• Hyperlinks op papier (of elke geprinte drager)
  (maar niet per se met internetconnectie)
• Website openen, tekst tonen (tot max. 7089 karakters),  telefoonnummer bellen, een sms zenden, email sturen, een kalender event maken, locatie data, help openen, contactpersoon aanmaken, audio afspelen, een app openen, een VR-experience starten, online betalen, ...

Wat doet een QR-code

• low-tech oplossing
  voor
  high-tech toepassingen

Wat doet een QR-code

• QR-codes staan op alledaagse objecten.
• Fysieke elementen aan het web hangen noemt hardlinking of Object Hyperlinking

Dingen

verbinden
tot internet

= internet of things

Hoe scan je een QR-code

• Pak je (smart)phone
• Open je camera app
• Scannen maar
• Als de code opgemerkt wordt,
  kan je verder klikken

Wat als de QR-code

niet scant

Oorzaken?

Wat als de QR-code niet scant?

• De code is te klein of te wazig
• Hij staat niet in een goed verlichte omgeving
• De code is vuil of beschadigd
• Er is te veel verblinding door de zon of andere lichtbronnen
• Het beeld is te donker of heeft een laag contrast
• De code staat te dicht bij andere objecten of tekst
• Het linkadres is onjuist
• Er zitten typefouten in uw tekst
• De omleiding van de URL gaat naar de verkeerde plaats
• De software-omleidingen werken niet
• De website zelf laadt niet
• Uw website werkt niet op mobiel
• Een gebruiker doet iets verkeerd
• De camera werkt niet
• Uw QR-codegenerator werkt niet goed
• De QR-code is niet voor een consument bedoeld (zie volgende slide)

Niet elke QR-code werkt overal

• Sommige QR-codes zijn gemaakt om enkel te werken binnen bepaalde apps
• QR-codes die een ID (reeks cijfers/letters) bevatten, waar enkel bepaalde app met om kan
• vb voor magazijn / stockbeheer / specifieke toepassing

Heb je internet verbinding nodig?

euh

Niet per se

• Sommige codes retourneren enkel tekst

Wat betekent 2D

Een QR-code is tweedimensionaal

Bij een 2D of tweedimensionale voorstelling worden slechts twee dimensies (meestal lengte en breedte) van een element weergegeven.
 

Plannen, maar ook gevels of doorsneden van een project worden meestal als 2D-tekening voorgesteld. Een afbeelding of foto is ook een 2D-voorstelling.

Er bestaat ook 1D

Eendimensionaal of 1D is een voorstelling met maar één dimensie: er bestaat dus alleen maar een lengte. Een lijn wordt als een eendimensionaal object gezien.

Barcode (1D) vs QR-code (2D)

• Gebruikt enkel de breedte
• Hoogte is voor makkelijker te scannen
• Wordt gelezen door een laser
• tot 30 ASCII karakters

• data in breedte en hoogte
• wordt gelezen door een CCD
  scanner / camera
• tot 7.089 karakters

Gelijkaardige technologie in audio

Bron

Er zit meer in een liedje dan je denkt

QR-CODE

Anatomie van een QR-code

1. Position markers (heet soms "finder patterns", "position detection markers", "position patterns")
2. Allignment markers
3. Timing patroon   
4. Versie informatie
5. Formaat patronen
6. Data zone
7. Stille zone (Quiet Zone)

1. Position Markers

= de drie identieke vierkante structuren in de rechterbovenhoek, linkerbovenhoek en linkeronderhoek
 

• ze helpen mobiele apparaten en
  QR-codescanners om de aanwezigheid, oriëntatie en grootte van een QR-code in een afbeelding nauwkeurig te detecteren.

2. Alignment Markers

= een vierkant met een zwarte stip in het midden.

• De positie varieert afhankelijk van de hoeveelheid informatie die de QR-code bevat.
• Kleiner dan de positiemarkeringen.

• Het verfijnt de uitlijning van een QR-code voor nauwkeurig scannen.

• Maak het mogelijk om vanuit alle hoeken en richtingen te scannen.

• Hoe groter de QR-code is, des te meer uitlijningsmarkeringen deze zal bevatten.

3. Timing pattern

= het timingpatroon is een reeks afwisselende lichte en donkere modules die verticaal en horizontaal tussen twee positiemarkeringen zijn gerangschikt

• Helpt bij de configuratie van het dataraster door de centrale coördinaat van elke cel in de QR-code te bepalen.

• Ze helpen ook een QR-codescanner om de grootte van de modules in QR-codes te bepalen.

3. Timing pattern

4. Versie informatie

= een patroon rond de positiemarkeringen rechtsboven en linksonder en wordt gebruikt om de versie van de QR-code aan te geven.

• Een QR-codeversie vertegenwoordigt de grootte (aantal modules) van een QR-code.
• Varieert van versie 1 tot versie 40, waarbij versie 1 de kleinste is met
  21 × 21 modules en versie 40 de grootste is met 177 x 177 modules.

5. Formaat patronen

= rond alle drie de positiemarkeringen aanwezig en bevatten informatie over het fouttolerantieniveau en gegevensmasker-patroondetails.

• Helpen om QR-codes gemakkelijker
  te lezen en te scannen.

6. Data zone

= de datamodules die de feitelijk gecodeerde informatie bevatten (en Reed-Solomon-codes voor foutcorrectie functionaliteiten)

• Kernonderdeel

• De grootte van het gegevensgebied is afhankelijk van de volgende drie factoren.

  • Type en hoeveelheid gecodeerde informatie
  • Gekozen foutcorrectieniveau (ECL)
  • Custom designing (vb logo)

7. Quiet zone

= de lege marge of ruimte rondom alle vier de zijden van de QR-code die de streepjescode scheidt van andere elementen in de afbeelding

• Helpt om de aanwezigheid van de QR-code nauwkeurig te detecteren.

• Het  bij het bepalen waar de QR-code begint en eindigt.

• Om maximaal scan succes te bereiken, moet u ervoor zorgen dat de QR-code wordt omgeven door een “stille zone” van ongeveer 15%

Hoeveel info kan erin?

Nummers:                                 7089 karakters

Alfanumeriek (0-9/a-b/A-B):   4296 karakters

Binair:                                        2953 bytes

Version 40

Version 1

Micro QR

Met ruitjespapier?

Tekenen maar!

Dat kan makkelijker

• Via een QR-code generator

Of via Adobe InDesign

• Via QR-code genereren

Niet elke generator is dezelfde

• Aantal mogelijkheden
• Statistieken (aantal scans)
• Grafische customization (met logo'tje, kleur, ...)
• Taal, grootte, url shortening, ...
• let op met reclame

Niet elke generator is dezelfde

Voordelen van "metrics"

= statistieken

• Waar scannen ze? (locatie)
• Wanneer wordt het meest gescand
• Via bit.ly en goo.gl kan je gratis url's verkorten
  • ++ minder modules in de qr code
  • ++ statistieken via web tool!

Wat kan? (niet per se good practice)

Wat kan? (niet per se good practice)

Tips

1. Kortere links maken betere codes
   • minder pixels / dots
   • makkelijker scannen
   • gebruik url shortener of...

URL's kunnen worden ingekort door onnodige delen erin te verwijderen:

• Een schuine streep naar voren aan het einde (bijvoorbeeld voorbeeld.com/page/).
• De www.aan de voorkant, als deze aanwezig is (bijv. http://www.voorbeeld.com)
• Alles na #of ?(bijvoorbeeld voorbeeld.com/page#sectieof voorbeeld.com/pagina?van=verwijzing).
• Onderdelen die een specifieke taalversie van die pagina specificeren (bijvoorbeeld example.com/nl/pagina) – als deze verwijderd zijn, zullen veel sites standaard de lokale taal van de gebruiker gebruiken, wat sowieso beter is.
• SEO-zoekwoorden als er al een numerieke ID is (bijvoorbeeld voorbeeld.com/pagina/alles-over-qr-codes/0123456).

Tips

2. Gebruik zwart-wit of hoog-contrast kleurenparen

Tips

3. Houd het vierkant

Tips

4. Scherp en groot genoeg

Tips

4. Scherp en groot genoeg

Hoe groot een code moet zijn, hangt af van hoe ver mensen zich zullen bevinden als ze deze gebruiken. Hoe verder weg, hoe groter de code.

Als vuistregel geldt dat de breedte van de code minimaal 1/10e van de scanafstand moet zijn.

Tips

5. Geef aan wat de QR-code doet

Een QR-code op zichzelf heeft geen kracht. Er zijn andere ontwerpelementen nodig om er een effectieve
call-to-action van te maken.

Overweeg om tekst naast de code te plaatsen, waarin u aangeeft wat deze doet.
Bijvoorbeeld: “Scan om nu te boeken”.

Schrijf niet alleen maar 'Scan mij!' Omdat dit echter geen waarde toevoegt (vertelt niet wat scannen zal doen)

Tips

6. Toch best geen logo'tjes

(verhoogt scan fouten)

Tips

7. Voorzie een alternatief

vb ons boma heeft ne computer, maar gene smartfoon

Tips

testen testen testen

• printen en scannen
  met meer dan één toestel
  met meet dan één OS
• in het licht en in de schaduw

Tips

testen testen testen

• printen en scannen
  met meer dan één toestel
  met meet dan één OS
• in het licht en in de schaduw

Ken jij er?

waar zijn die handjes?

bestaat niet meer

Een gewone url

• http://lekkerekoekjes.be
• http://dinokoeken.be/
• http://zininkoekje.be

RFID & NFC

Over algemeen veilig maar...

• Let op met phishing
• QR-code stickers die je naar een andere
  plek verwijzen

Phishers on the prowl with fake parking meter QR code

Een kwaadaardige QR-code kan u naar een vervalste website leiden die is ontworpen om verschillende soorten malware te plaatsen of uw gevoelige gegevens te stelen, zoals uw inloggegevens, creditcardgegevens of geld

Zelfs een term

QRL-jacking
QRJacking, een afkorting van
Quick Response Code Login Jacking, is een type aanval waarbij hackers een gebruikerssessie kapen bij apps met "Inloggen met QR-code" waarbij de QR-code van de aanvaller te gebruiken in plaats van de authentieke (of omgekeerd)

Zelfs een term

Quishing

Quishing, een afkorting van QR-codephishing, is het proces waarbij een QR-code wordt gebruikt voor een phishing-aanval . Hackers kunnen een QR-code gebruiken om een ​​gebruiker naar een kwaadwillende website te leiden, zoals bij deze oplichting met beveiligde 3D-updates .

Wie kent GS1?

wat doen ze?

GS1

Als onafhankelijke neutrale not-for-profit organisatie brengt GS1 Belgium & Luxembourg organisaties zoals supermarkten en drogisterijen, bouwmarkten, ziekenhuizen, hun leveranciers en logistieke dienstverleners bij elkaar. Door bedrijven globale standaarden te bieden voor de identificatie, alsook voor het vastleggen en delen van gegevens, zet GS1 Belgilux zich in voor een efficiëntere keten.

link: ean code opzoeken

GS1

• GS1 (Global Standards One) is een wereldwijde organisatie gericht op het ontwerp en de invoering van standaarden op het gebied van elektronische communicatie tussen bedrijven.

• De meest bekende producten van GS1 zijn:

  • barcodes, zowel die voor consumenten als voor transporteenheden;
  • gestandaardiseerde elektronische berichten, zowel volgens de EDIFACT-standaard als in XML-formaat.

GS1 streeft naar QR-code

Verbind consumenten met het product en merk via één slimme barcode

Rechtstreeks met consumenten communiceren via een enkele, slimmere barcode op de verpakking, die direct toegang geeft tot betrouwbare informatie, inhoud en gepersonaliseerde ervaringen.
 

Dat kan met de nieuwe generatie tweedimensionale barcode. Met het scannen van barcodes zijn artikelen te identificeren. De QR-code van GS1 kan meer informatie bevatten dan de streepjescode (1D barcode). Zoals een webadres, garantie, recept, installatie-instructie, houdbaarheidsdatum, serienummer en batchnummer. Retailers kunnen hierdoor processen efficiënter en duurzamer maken en de consument kan met een smartphone toegang krijgen tot real-time informatie als allergeneninformatie, promoties, reviews, product recalls en gebruiksaanwijzing.

Eén barcode voor iedereen

• Er kan meer data in
  • vb lotnr, vervaldatum, website, 
• Compacter op een verpakking
• Minder gevoelig aan printfouten
• Meer flexibiliteit
• Consumenten engagement

Ambitie: overgang in 2027

Wereldwijde adaptatie in 2027

Meer info

Digital Link QR-code maken via

https://www.gs1.nl/kennisbank/gs1-barcodes-ean-gtin/gs1-digital-link/

Future of barcodes

https://www.gs1belu.org/en/future-barcodes

Frederick Roegiers

frederick.roegiers@arteveldehs.be