print/01

QR-Codes

geschiedenis, gebruik, misbruik

Wat een QR-code?

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)

Meerdere richtingen

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

Wat een QR-code?

DOET

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 je een QR-code?

SCAN

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

Hoe een QR-code?

WERKT

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

Each frame has 4 of these 78x78 matrices flying through the projector at 24 frames a second. That’s
96 matrices a second.

You can now, 25 years later, pick up QR code readers that operate at ~60 scans/second, but I imagine it’s still “challenging”, particularly in real time.

Er zit meer in een ~~liedje~~ dan je denkt

QR-CODE

Anatomie van een QR-code

Position markers (heet soms "finder patterns", "position detection markers", "position patterns")
Allignment markers
Timing patroon
Versie informatie
Formaat patronen
Data zone
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

Hoe je een QR-code?

MAAK

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

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~~#sectie~~of 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

Wat de alternatieven

Z
I
J
N

Ken jij er?

waar zijn die handjes?

bestaat niet meer

High Capacity Color Barcode

Een gewone url

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

RFID & NFC

een QR-code gevaarlijk?

I
S

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 .

de van de barcode

TOEKOMST

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