QR-Codes so hole ich mir die Offline-Nutzer zurück Slideshare http://bit.ly/9Qz0A3
Über Sebastian <ul><li>Blogger
Studium in Endphase
Interesse an neuen Technologien
Unterwegs im Bereich Social Media
Jobs... Immer her damit </li></ul>
Kurze Gliederung <ul><li>Was sind QR-Codes?
Anwendungsbeispiele
Nutzen für Blogger/ Online-Medien
Einbindung </li><ul><li>Wordpress
Printlayout </li></ul></ul>http://bit.ly/wcb10qr Kleine Umfrage
Nächste SlideShare
Wird geladen in …5
×

Wordcamp 2010 - QR Codes für Blogger

963 Aufrufe

Veröffentlicht am

Veröffentlicht in: Bildung, Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Wordcamp 2010 - QR Codes für Blogger

  1. 1. QR-Codes so hole ich mir die Offline-Nutzer zurück Slideshare http://bit.ly/9Qz0A3
  2. 2. Über Sebastian <ul><li>Blogger
  3. 3. Studium in Endphase
  4. 4. Interesse an neuen Technologien
  5. 5. Unterwegs im Bereich Social Media
  6. 6. Jobs... Immer her damit </li></ul>
  7. 7. Kurze Gliederung <ul><li>Was sind QR-Codes?
  8. 8. Anwendungsbeispiele
  9. 9. Nutzen für Blogger/ Online-Medien
  10. 10. Einbindung </li><ul><li>Wordpress
  11. 11. Printlayout </li></ul></ul>http://bit.ly/wcb10qr Kleine Umfrage
  12. 12. Was sind QR Codes? „Normaler“ Barcode (Code 128) kodiert „Code 128“ <ul><li>QR Code kodiert „Hallo, ich bin ein QR Code und nicht Code 128“
  13. 13. Codiert mehr auf weniger Platz
  14. 14. Codiert: Text, URLs, Telefonnummern (SMS), Kontakte (vCards)
  15. 15. Wird durch optische Lesegeräte (Kameras) aufgenommen
  16. 16. Bis zu 30% f ehlertolerant durch Fehlerkorrigierenden Code
  17. 17. Kann bis zu 7.089 Dezimalzahlen und 4.296 alphanumerische Zeichen codieren </li></ul>Code 128 Codiert einen ETWAS längeren Text
  18. 18. Anwendungsbeispiele Mobile Tagging <ul><li>Offline-Nutzer per mobilen Endgeräten zu Onlinemedien führen
  19. 19. Werbemaßnahmen </li></ul>www.partybolle.de Briefmarken <ul><li>Verwendung auf elektronischen Briefmarken
  20. 20. Codieren meist Absender, Empfänger und Prüfziffer </li></ul>T-Shirts und sonstiges <ul><li>Verwendung auf allen Arten von Untergründen
  21. 21. z.B. Kontaktaufnahme </li></ul>(cc) by Stowe Boyd
  22. 22. Anwendungsbeispiele II. Tickets <ul><li>Einfache Ticketkontrolle
  23. 23. Fälschungssicherheit (Prüfziffer und ähnliches) </li></ul>(cc) by bfishadow Android Market <ul><li>Verlinkung auf Apps </li></ul>Auf Blogs <ul><li>Mehr dazu gleich </li></ul>
  24. 24. Nutzen für Blogger/ Onlinemedien <ul><li>Einmal „lesen to Go“ </li><ul><li>Artikel oder der ganze Blog kann auch unterwegs gelesen werden, wenn es mal schnell gehen soll </li></ul><li>Ausgedruckte Artikel schaffen neue Leser </li><ul><li>Ein auf Papier (offline) ausgedruckter Artikel verweist einfach auf die Onlinequelle = mehr Besucher </li></ul><li>Einfache Kontaktaufnahme
  25. 25. Einfacher Verweis auf mobile Medien (App-Store)
  26. 26. Andere Ideen? </li></ul>
  27. 27. Einbindung <ul><li>Google Chart API http://code.google.com/intl/de-DE/apis/charttools/ </li><ul><li>Einbindung per HTML-img-Tag <img src=“http://chart.apis.google.com/chart?chs=150x150&cht=qr&chl=Hello%20world&choe=UTF-8“ alt=“QR“ /> cht=qr Art der Chart chs=<width>x<height> Breite x Höhe in px choe=<output_encoding> Codierung (UTF-8) chl=<data> Zu codierender Text (URL Codiert) Quelle: http://code.google.com/intl/de-DE/apis/chart/docs/gallery/qr_codes.html </li></ul></ul>
  28. 28. Einbindung - Wordpress <ul><li>Hardcodiert in Template </li><ul><li>URL zum aktuellen Beitrag, Kontaktmöglichkeiten, usw. </li></ul><li>Über Plugins </li><ul><li>http://wordpress.org/extend/plugins/show-qr-url/ (ACHTUNG Schleichwerbung) </li></ul><li>Als Grafik in Artikeln </li><ul><li>Zum Verlinken von mobilen Inhalten als einfache Grafik </li></ul></ul>
  29. 29. Einbindung - Printlayout <ul><li><img class=“qrimg“ src=“http://chart.apis.google.com/chart?chs=150x150&cht=qr&chl=Hello%20world&choe=UTF-8“ alt=“QR“ />
  30. 30. Im normalen Layout verbergen <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;screen.css&quot; media=&quot;screen&quot; /> #qrimg {display:none}
  31. 31. Im Printlayout anzeigen lassen <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;print.css&quot; media=&quot;print&quot; /> </li></ul><ul>Mehr Infos: http://aktuell.de.selfhtml.org/artikel/css/drucklayout/ </ul>
  32. 32. XING https://www.xing.com/profile/Sebastian_Thiele9 Twitter http://twitter.com/sebat Webseite http://sebastian.thiele.me Slideshare http://bit.ly/9Qz0A3

×