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