Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 1
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 2
Kurz-Links, QR-Codes, NFC, …
Brücken zwischen Print und Web
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 3
Über mich
• Wissenschaftlicher Mitarbeiter an der Hochschule Albstadt-Sigmaringen
• Open Competence Center for Cyber Security
• seit über 12 Jahren im Bereich IT tätig
• Fachartikel und Vorträge
• Blog unter http://scheible.it
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 4
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 5
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 6
Code Varianten Warum gibt es QR-Codes?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 7
1D-Code Varianten
Barcode / Strichcode
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 8
1D-Code Varianten
Barcode / Strichcode
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 9
2D-Code Varianten
Codablock PDF417
MaxiCode DataMatrix Aztec-Code
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 10
2D-Code Varianten
Quick Response Code
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 11
3D-Code Variante
High Capacity Color Barcode
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 12
4D-Code Variante
Unsynchronisierte 4D Barcodes
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 13
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 14
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 15
Print und Web Was kann man mit QR-Codes machen?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 16
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 17
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 18
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 19
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 20
Beispiel Lorch Aktion
• Nutzung der QR-Codes in Stellenanzeigen
• QR-Codes auf den T-Shirts der Auszubildenden
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 21
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 22
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 23
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 24
Beispiel Vodafon Werbekampagne
• Fototapete in der U-Bahn in Bukarest, Rumänien
• Werbung für einen neuen Dienst von Vodafone RO
• Links zu 49 E-Books und 10 Audiobüchern
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 25 Quelle: http://vodafone.ro
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 26 Quelle: http://vodafone.ro
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 27 Quelle: http://vodafone.ro
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 28
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 29
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 30
Smartphone Reader Wie liest man QR-Codes aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 31
QR-Code scannen
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 32
Android Reader
• QR Droid (Deutsch)
• von DroidLa
• schnell & einfach
• QR BARCODE SCANNER
• von Warriors
• zeigt die URL vor Aufruf an
• kann Codes generieren
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 33
iPhone Reader
• QR Reader for iPhone
• von TapMedia Ltd
• schnell & einfach
• barcoo Barcode Reader & QR Scanner
• von Barcoo UG
• weitere Informationen
• Verknüpfung mit Preisvergleich
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 34
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 35
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 36
Struktur & Zonen Wie sind QR-Codes aufgebaut?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 38
QR-Code Aufbau
• Gelb = Positionierung
• Orange = Ausrichtung
• Blau = Kalibrierung
• Grün = Fehlerkorrekturlevel
• Rot = Version
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 40
QR-Code Aufbau
• Inhalt wird von rechts unten nach links oben ausgelesen
• Daten und Fehlerkorrektur Blöcke
Quelle: wikipedia.org
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 41
Fehlertoleranz
http://web.de - Fehlerkorrektur-Level L – 7% http://web.de - Fehlerkorrektur-Level H – 30%
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 42
Inhaltsabhängige Größe
https://de.wikipedia.org/wiki/Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
http://web.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 43
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 44
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 45
Online Generatoren Wie erstellt man QR-Codes?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 46
QR Code-Generatoren
• Installations-Software
• Beispiel: Portable QR-Code Generator (https://sites.google.com/site/qrcodeforwn/)
• Online-Generatoren
• keine Installation notwendig
• verschiedene Codes möglich
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 47
http://goqr.me
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 48
Inhalte von QR-Codes
• Website Adresse
• E-Mail Adresse
• Telefonnummer
• Kontaktinformationen
• Kalendereintrag
• SMS & MMS
• Geografische Informationen
• Android W-LAN Konfiguration
• Android Market
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 49
https://zxing.appspot.com/generator/
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 50
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 51
Short URL-Dienste
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 52
Beispiel SHORT-URL
https://de.wikipedia.org/wiki/Taumatawhakatangihangakoauauotamateaturipukakapikimaungahoronukupokaiwhenuakitanatahu
http://tiny.cc/dktulw
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 53
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 54
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 55
Kunst & Design Wie können QR-Codes „hübscher“ werden?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 56
3D QR-Code
• koreanisches Einzelhandelsunternehmen Emart
• funktioniert wie eine Sonnenuhr
• kann nur mittags um 12 Uhr gescannt werden
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 57
Quelle: youtube.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 58
Quelle: youtube.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 59
Kunst als Link ins Internet
• von Eva Paulitsch und Uta Weyrich
• Links zum Handy-Film-Archiv der Künstlerinnen
• Handyfilme von Jugendlichen künstlerisch verarbeitet
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 60 Quelle: http://pw-videoblog.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 61 Quelle: http://pw-videoblog.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 62 Quelle: http://pw-videoblog.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 63
Quelle: http://chuknum.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 64
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 65
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 66
Yiying Lu
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 67
QR-Code Architektur
• Wände bestehen aus QR-Codes
• russischer Pavillon
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 68
Quelle: thecreatorsproject.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 69
Quelle: thecreatorsproject.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 70
Quelle: thecreatorsproject.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 71
Quelle: thecreatorsproject.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 72
Plastik "Die Deutsche Einheit"
• von Frank Haase
• 3D Kunstwerk
• 2 QR-Codes kombiniert
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 73
Quelle: frank-haase-design.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 74
Quelle: frank-haase-design.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 75
Quelle: frank-haase-design.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 76
QR-Art
• von Frank Haase
• Plastik „Trinity“ – 3 in 1
• Gott Vater (Father), Sohn (Son) und Heiligem Geist (Holy Spirit)
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 77
Quelle: qr-art.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 78
Quelle: qr-art.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 79
QR-Codes müssen nicht klein sein
• größter QR-Code der Welt in einem Maisfeld
• Family Farm in Lacombe, Kanda
• 28.760 Quadratmeter
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 80 Quelle: http://kraayfamilyfarm.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 81
Design QR-Codes
• Verfremdung der schwarz weißen QR-Codes
• schwarze Bereiche farbig gestalten
• in ein größeres Punkteobjekt einarbeiten
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 82
Quelle: http://designerqrcodes.wordpress.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 83
Quelle: www.facebook.com/Design.QR.code
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 84
Quelle: mashable.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 85
Quelle: iambo.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 86
Quelle: designfreebies.org
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 87
Quelle: designfreebies.org
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 88
Quelle: designfreebies.org
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 89
Quelle: qrarts.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 90
Quelle: 2d-code.co.uk
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 91
Quelle: hongkiat.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 92
http://designerqrcodes.wordpress.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 93
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 94
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 95
Neue Technik Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 96
Near Field Communication (NFC)
• Nahbereichskommunikation
• kontaktloser Austausch von Daten
• RFID Technik
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 97
Quelle: http://appboy.com
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 98
Quelle: http://chip.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 99
Quelle: http://bimmertoday.de
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 100
Inhalte
Warum gibt es QR-Codes?
Was kann man mit QR-Codes machen?
Wie liest man QR-Codes aus?
Wie sind QR-Codes aufgebaut?
Wie erstellt man QR-Codes?
Wie können QR-Codes „hübscher“ werden?
Wie sieht die Zukunft aus?
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 101
Zusammenfassung
• guter Kontrast und Schärfe
• groß genug für ältere Smartphones
• kurze Links (Short URL)
• Statistik für jede Verwendung
• Link ändern, wenn nicht mehr aktuell
• direkt auf Inhalte verweisen
• spezielle Seite für Smartphones
• nur dort, wo Empfang ist
Brücken zwischen Print und Web
Kulturstammtisch
Albstadt
09.10.2012
{ Tobias Scheible http://scheible.it 102
Vielen Dank! Präsentation unter http://scheible.it