SlideShare una empresa de Scribd logo
1 de 10
QR                 Code ®



                                                               ↗     Quick-Response-Codes
                                                               ↗     Funktionsweise
                                                               ↗     Merkmale
                                                               ↗     Parametrisierung
                                                               ↗     Tools und APIs
                                                               ↗     Anwendungsbeispiele




Dieses Werk steht unter einer CC   “QR Code” ist ein eingetragenes Waren-     Steven Strehl | HTW Berlin, Internationale Medieninformatik
BY-NC-SA 3.0 Deutschland Lizenz.   zeichen der DENSO WAVE INCORPORATED.                   Seminar Interaktionsdesign | 4.Mai 2012
Quick-Response-Codes
               Entwicklung
               - 1994 von japanischem Automobilzulieferer
               - Ziel: Fahrzeuge während des Fertigungsprozesses verfolgen


Standardisierung
- beschrieben in ISO/IEC 18004:2006 (114 Seiten)


Bekanntheit/Akzeptanz in Deutschland
- 70% kennen QR-Codes als Smartphone-Anwendung 1
- 47% haben bereits eine Website über einen QR-Code besucht 1

1 Marketinggesellschaft   Niedersachsen: „Bekanntheit und Perspektive des QR-Codes aus Konsumentensicht“
                                                     (April 2012) – abgerufen am 3.5.2012 – Quelle anzeigen

                                                                                                         2
Funktionsweise




                                                                         http://goqr.me

                                           …
                                        1010 0001
                                        1001 …




1. Fotografieren/Scannen 1                                          3. Inhalt anzeigen
                               2. Erkennen und dekodieren


                                                            1 mit   QR-Code-Reader-App    3
Merkmale
                                                                                  Version



                               Synchronisierung




     Ausrichtung

Position                                                               Format
                                                                                            quiet zone




      Abb. nach http://de.wikipedia.org/wiki/QR-Code#Aufbau – abgerufen am 3.5.2012 – Quelle anzeigen
                                                                                                    4
Parametrisierung

Daten
- Error Correction Code (Fehlerkorrektur)
- Charset (Zeichenkodierung)
- Data (eigentlicher Inhalt/Text)

Darstellung
- Color (Farbe des Hintergrundes, der Datenpunkte)
- Size (Höhe und Breite im Verhältnis 1:1)
-…




                                                     5
Tools
Individuelle QR-Codes
- http://qrcode.kaywa.com/
- http://goqr.me
- http://qrcode-generator.de/
-…



URLs als QR-Code
- http://bit.ly/rJVCTy.qr
- http://goo.gl/DejV3.qr




                                        6
APIs
Google Chart Tools API
- https://developers.google.com/chart/image/



QR-Server
http://api.qrserver.com/v1/create-qr-code/?size=200x200&ecc=L&charset-
source=UTF-8&color=76B900&data=http%3A%2F%2Fwww.htw-berlin.de




  …&ecc=L…            …&ecc=M…                 …&ecc=Q…
…&ecc=H…                                                                 7
Anwendungsbeispiele
Kombination mit mobilen Websites
- http://<address>.<tld>
- boring…

Kombination mit Diensten
- mailto:<email>
- irc://<url>:query
- skype:<username|number>?query
- und mehr 1




1 http://sixrevisions.com/web-development/qr-codes-uri-schemes/


                                                                  8
Anwendungsbeispiele
Kombination mit Smartphone-Apps
- Wifi Joiner 1
- JSON-Objekt/Array direkt an Anwendung

                                        only plain text using
                                        any QR code reader




                                      meaningful information
                                      using Wifi Joiner‘s built-in
                                      reader




1 https://play.google.com/store/apps/details?id=com.proj.wifijoiner
                                                                      9
Mehr noch (hat aber nicht in die Präsi gepasst)
- Infografik: Why people scan QR Codes
- Fancy: Getting creative with QR Codes

Family members
- Wer hat‘s erfunden?
- Microsoft Tag Triangles…
-…




                      Vielen Dank!

                                                  10

Más contenido relacionado

Similar a Überblick QR-Code

Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Jürg Stuker
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDConny Stier
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftDavid Schneider
 
HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014Markus Greve
 
QR-Code Marketing
QR-Code MarketingQR-Code Marketing
QR-Code MarketingMIPLETS
 
QR-Code für Anwender
QR-Code für AnwenderQR-Code für Anwender
QR-Code für AnwenderFrank H. Ritz
 
Software Metrics and Continuous Integration
Software Metrics and Continuous IntegrationSoftware Metrics and Continuous Integration
Software Metrics and Continuous IntegrationMilena Reichel
 
AdWords Konferenz_2012: Matthias Schodits - AdWords & Mobile
AdWords Konferenz_2012: Matthias Schodits - AdWords & MobileAdWords Konferenz_2012: Matthias Schodits - AdWords & Mobile
AdWords Konferenz_2012: Matthias Schodits - AdWords & Mobilee-dialog GmbH
 
Apptracking debugging
Apptracking debuggingApptracking debugging
Apptracking debuggingmischasinner
 
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozSmartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozJohn Muñoz
 
Mobile Tagging @ webinale
Mobile Tagging @ webinaleMobile Tagging @ webinale
Mobile Tagging @ webinaleAndré Wussow
 
Apache DeviceMap - Web-Dev-BBQ Stuttgart
Apache DeviceMap - Web-Dev-BBQ StuttgartApache DeviceMap - Web-Dev-BBQ Stuttgart
Apache DeviceMap - Web-Dev-BBQ StuttgartWerner Keil
 
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Dominik Helleberg
 
Building Blocks for Mobile
Building Blocks for MobileBuilding Blocks for Mobile
Building Blocks for MobileGil Breth
 
Java für eingebettete Systeme
Java für eingebettete SystemeJava für eingebettete Systeme
Java für eingebettete Systemerdmeyer
 
Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...
Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...
Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...OPITZ CONSULTING Deutschland
 

Similar a Überblick QR-Code (20)

Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die ZukunftSharePointCommunity.ch SharePoint Lösungen für die Zukunft
SharePointCommunity.ch SharePoint Lösungen für die Zukunft
 
HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014HTML5 für Entwickler: Part 1, 2014
HTML5 für Entwickler: Part 1, 2014
 
QR-Code Marketing
QR-Code MarketingQR-Code Marketing
QR-Code Marketing
 
QR-Code für Anwender
QR-Code für AnwenderQR-Code für Anwender
QR-Code für Anwender
 
Mobile Tagging
Mobile TaggingMobile Tagging
Mobile Tagging
 
Mobile Tagging
Mobile TaggingMobile Tagging
Mobile Tagging
 
Software Metrics and Continuous Integration
Software Metrics and Continuous IntegrationSoftware Metrics and Continuous Integration
Software Metrics and Continuous Integration
 
AdWords Konferenz_2012: Matthias Schodits - AdWords & Mobile
AdWords Konferenz_2012: Matthias Schodits - AdWords & MobileAdWords Konferenz_2012: Matthias Schodits - AdWords & Mobile
AdWords Konferenz_2012: Matthias Schodits - AdWords & Mobile
 
Apptracking debugging
Apptracking debuggingApptracking debugging
Apptracking debugging
 
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John MuñozSmartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
Smartes SEO Monitoring & Alerting mit Apps Scripts [DE] - John Muñoz
 
Microcontet auf dem Mobiltelefon
Microcontet auf dem MobiltelefonMicrocontet auf dem Mobiltelefon
Microcontet auf dem Mobiltelefon
 
Mobile Tagging @ webinale
Mobile Tagging @ webinaleMobile Tagging @ webinale
Mobile Tagging @ webinale
 
Apache DeviceMap - Web-Dev-BBQ Stuttgart
Apache DeviceMap - Web-Dev-BBQ StuttgartApache DeviceMap - Web-Dev-BBQ Stuttgart
Apache DeviceMap - Web-Dev-BBQ Stuttgart
 
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
 
Building Blocks for Mobile
Building Blocks for MobileBuilding Blocks for Mobile
Building Blocks for Mobile
 
Java für eingebettete Systeme
Java für eingebettete SystemeJava für eingebettete Systeme
Java für eingebettete Systeme
 
Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...
Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...
Oberflächentests für JavaScript-Web-Apps – Mobile Tech Conference 2012 Autumn...
 
Go QR me!
Go QR me!Go QR me!
Go QR me!
 

Überblick QR-Code

  • 1. QR Code ® ↗ Quick-Response-Codes ↗ Funktionsweise ↗ Merkmale ↗ Parametrisierung ↗ Tools und APIs ↗ Anwendungsbeispiele Dieses Werk steht unter einer CC “QR Code” ist ein eingetragenes Waren- Steven Strehl | HTW Berlin, Internationale Medieninformatik BY-NC-SA 3.0 Deutschland Lizenz. zeichen der DENSO WAVE INCORPORATED. Seminar Interaktionsdesign | 4.Mai 2012
  • 2. Quick-Response-Codes Entwicklung - 1994 von japanischem Automobilzulieferer - Ziel: Fahrzeuge während des Fertigungsprozesses verfolgen Standardisierung - beschrieben in ISO/IEC 18004:2006 (114 Seiten) Bekanntheit/Akzeptanz in Deutschland - 70% kennen QR-Codes als Smartphone-Anwendung 1 - 47% haben bereits eine Website über einen QR-Code besucht 1 1 Marketinggesellschaft Niedersachsen: „Bekanntheit und Perspektive des QR-Codes aus Konsumentensicht“ (April 2012) – abgerufen am 3.5.2012 – Quelle anzeigen 2
  • 3. Funktionsweise http://goqr.me … 1010 0001 1001 … 1. Fotografieren/Scannen 1 3. Inhalt anzeigen 2. Erkennen und dekodieren 1 mit QR-Code-Reader-App 3
  • 4. Merkmale Version Synchronisierung Ausrichtung Position Format quiet zone Abb. nach http://de.wikipedia.org/wiki/QR-Code#Aufbau – abgerufen am 3.5.2012 – Quelle anzeigen 4
  • 5. Parametrisierung Daten - Error Correction Code (Fehlerkorrektur) - Charset (Zeichenkodierung) - Data (eigentlicher Inhalt/Text) Darstellung - Color (Farbe des Hintergrundes, der Datenpunkte) - Size (Höhe und Breite im Verhältnis 1:1) -… 5
  • 6. Tools Individuelle QR-Codes - http://qrcode.kaywa.com/ - http://goqr.me - http://qrcode-generator.de/ -… URLs als QR-Code - http://bit.ly/rJVCTy.qr - http://goo.gl/DejV3.qr 6
  • 7. APIs Google Chart Tools API - https://developers.google.com/chart/image/ QR-Server http://api.qrserver.com/v1/create-qr-code/?size=200x200&ecc=L&charset- source=UTF-8&color=76B900&data=http%3A%2F%2Fwww.htw-berlin.de …&ecc=L… …&ecc=M… …&ecc=Q… …&ecc=H… 7
  • 8. Anwendungsbeispiele Kombination mit mobilen Websites - http://<address>.<tld> - boring… Kombination mit Diensten - mailto:<email> - irc://<url>:query - skype:<username|number>?query - und mehr 1 1 http://sixrevisions.com/web-development/qr-codes-uri-schemes/ 8
  • 9. Anwendungsbeispiele Kombination mit Smartphone-Apps - Wifi Joiner 1 - JSON-Objekt/Array direkt an Anwendung only plain text using any QR code reader meaningful information using Wifi Joiner‘s built-in reader 1 https://play.google.com/store/apps/details?id=com.proj.wifijoiner 9
  • 10. Mehr noch (hat aber nicht in die Präsi gepasst) - Infografik: Why people scan QR Codes - Fancy: Getting creative with QR Codes Family members - Wer hat‘s erfunden? - Microsoft Tag Triangles… -… Vielen Dank! 10