Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und relevantere Anzeigen zu schalten. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
REGIONALES RECHENZENTRUM
ERLANGEN [RRZE]
The Beauty & The Beast
Bild: CC-BY @JohannesPonader
WEBKONGRESS ERLANGEN 2014
The Beauty -
Himmlische neue Möglichkeiten & neue
Chancen im Web
5
Schöne neue Welt:
•  Usabilty
•  Nicht nur fürs Frontend, sondern auch fürs das Backend!
•  Steigende Geräteunabhängigke...
6
Schöne neue Welt:
•  Technologie
•  Performance!
Production-, Test- und Developmentserver? GTFO!
•  Arbeitskonzepte
•  R...
7
•  Welches Framework darf‘s
denn sein?
•  CMS-Frameworks
•  CSS-Frameworks
•  JavaScript-Frameworks
•  Design-Frameworks...
WEBKONGRESS ERLANGEN 2014
The Beast -
Vorsicht: Gefahr!
10
Gefahren durch das Einbinden von Inhalten unter fremder
Kontrolle:
•  Sicherheit
•  Tracking von Benutzern und Website-...
1121.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
The Beast: Usertracking gone wild
15
§  Software Shop
§  von Microsoft beauftragt
§  bindet Third-Party-
JavaScript ein von
›  Google
›  Facebook
›  Stat...
16
<link href="
http://
fonts.googleapis.com/
css?family=Droid+Sans:
400,700|Droid+Sans
+Mono" rel="stylesheet"
type="text...
17
The Beast: Kleine Geschenke unter Freunden
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang W...
18
The Beast: Kleine Geschenke unter Freunden
„Browser-
Fingerprint
https://
panopticlick.eff.
org/
„Your browser
fingerpr...
19
a:visited { 

background-image:
url(/gotyourhistory.pl); 

}"
"
@media screen, projection
and (min-width: 1024px) {"
* ...
20
The Beast: Kleine Geschenke unter Freunden
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang W...
21
§  [18/Mar/2014:15:54:05 +0100]
ID725hs62ssd 

irgendwas.tld 

"GET /wp-admin/

"
§  [18/Mar/2014:15:55:16 +0100]
ID7...
22
§  Simples Data Mining.
›  Datenschutzrechtlich ok:
›  Keine Cookies, keine IP, auf Einzelserver jeweils kein User-Tra...
23
§  Nur Fonts? Nur Google?
›  JavaScript-Bibliotheken (z.B. jQuery),
›  Bilder (Shutterstock Einbindung, Tumblr-Bilder,...
24
§  Cloud-Provider (Amazon, Google, Yahoo, Apple, …)
§  Shop-Anbieter
§  automatisierte Hotel-Empfehlungen
...z.B. fü...
25
§  Cloud-Provider (Amazon, Google, Yahoo, Apple, …)
§  Shop-Anbieter
§  automatisierte Hotel-Empfehlungen
...z.B. fü...
2621.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
The Beast: Unerwartete Inhalte
27
„Design Blindness“ & Usability-Overload
•  Parallax Boring: Totscrollen statt totklicken?
•  Platzergreifende Bühnen un...
29
§  Auszug:
"Die Kinder müssen in der
Bevorzugung sein, die ständig
von einem Erwachsenen
überwacht wird“
"Die Tiefe de...
30
Was haben wir überlebt?
§  Frames
§  JavaScript PopUps
§  „Best viewed with“
§  Counter
§  HTML/CSS valid Buttons
...
31
Was haben wir überlebt?
§  Frames
§  JavaScript PopUps
§  „Best viewed with“
§  Counter
§  HTML/CSS valid Buttons
...
WEBKONGRESS ERLANGEN 2014
Mastering the Beast
33
Mastering the Beast
Web
site
CMS- Update/
Install
Design
Content
Nutzung 3th
Party Content
Nutzung
Plugins
Konsolidieru...
34
Mastering the Beast
CMS- Update/
Install
Design
Content
Nutzung 3th
Party Content
Nutzung
Plugins
Konsolidierung
21.03....
35
Mastering the Beast
CMS- Update/
Install
Design
Content
Nutzung 3th
Party Content
Nutzung
Plugins
Konsolidierung
21.03....
36
Engagement
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
37
Begeisterung
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
38
Leidenschaft
21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
WEB
WEBKONGRESS ERLANGEN 2014
Credits
42
§  Karolin Kaiser
§  Katja Augustin
§  Martina AP Dorsch
§  Anke Vogler
§  Max Wankerl
§  Norbert Henning
§  Wol...
REGIONALES RECHENZENTRUM
ERLANGEN [RRZE]
Vielen Dank für Ihre Aufmerksamkeit!
Regionales RechenZentrum Erlangen [RRZE]
Mar...
4421.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
WKE2014: The Beauty & The Beast
Nächste SlideShare
Wird geladen in …5
×

WKE2014: The Beauty & The Beast

1.103 Aufrufe

Veröffentlicht am

Abschlussvortrag beim Webkongress Erlangen 2014

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

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

WKE2014: The Beauty & The Beast

  1. 1. REGIONALES RECHENZENTRUM ERLANGEN [RRZE] The Beauty & The Beast
  2. 2. Bild: CC-BY @JohannesPonader
  3. 3. WEBKONGRESS ERLANGEN 2014 The Beauty - Himmlische neue Möglichkeiten & neue Chancen im Web
  4. 4. 5 Schöne neue Welt: •  Usabilty •  Nicht nur fürs Frontend, sondern auch fürs das Backend! •  Steigende Geräteunabhängigkeit •  Barrierefreiheit •  Durch neue lebensnahe Standards wie dem WCAG 2 •  Design •  Fonts •  Große Freiheiten im CSS •  Stabile JavaScript-Frameworks The Beauty 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  5. 5. 6 Schöne neue Welt: •  Technologie •  Performance! Production-, Test- und Developmentserver? GTFO! •  Arbeitskonzepte •  Rollen? Admins, Redakteure, Autoren, Leser ... funktionieren! •  Redaktionelle Kontrolle? 4-Augen, 2x 4 Augen Cycle, ... Haben wir! •  Trennung von Content und Layout? Klaro, wie auch sonst! •  Content-Life-Cycle? Automatische Depublizierung, Linkcheck, Archivierung, ... Ok! The Beauty 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  6. 6. 7 •  Welches Framework darf‘s denn sein? •  CMS-Frameworks •  CSS-Frameworks •  JavaScript-Frameworks •  Design-Frameworks 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese Kein Frickeln mehr!
  7. 7. WEBKONGRESS ERLANGEN 2014 The Beast - Vorsicht: Gefahr!
  8. 8. 10 Gefahren durch das Einbinden von Inhalten unter fremder Kontrolle: •  Sicherheit •  Tracking von Benutzern und Website-Betreibern •  Unerwartete Inhalte durch unterschiedliche Benutzungskonzepten durch Anbieter und Nutzer The Beast 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  9. 9. 1121.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese The Beast: Usertracking gone wild
  10. 10. 15 §  Software Shop §  von Microsoft beauftragt §  bindet Third-Party- JavaScript ein von ›  Google ›  Facebook ›  Statistik-Dienstleister ROFLCOPTER GTFO! 1 The Beast: Usertracking gone wild 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  11. 11. 16 <link href=" http:// fonts.googleapis.com/ css?family=Droid+Sans: 400,700|Droid+Sans +Mono" rel="stylesheet" type="text/css"> The Beast: Kleine Geschenke unter Freunden §  Beispiel Wordpress 3.8: §  Einbau von Droid Sans für das Backend; Angemeldete Nutzer erhalten das Backend mit Droid Sans von Google. §  Kosten/Nutzen? ›  User-Relationship vs (kleiner) Performancegewinn 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  12. 12. 17 The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese „Wo ist das Problem? Die IP ist (bestimmt?) anonymisiert und Cookie sehe ich auch keines...“
  13. 13. 18 The Beast: Kleine Geschenke unter Freunden „Browser- Fingerprint https:// panopticlick.eff. org/ „Your browser fingerprint appears to be unique among the 3,975,142 tested so far.“ 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  14. 14. 19 a:visited { 
 background-image: url(/gotyourhistory.pl); 
 }" " @media screen, projection and (min-width: 1024px) {" * { background-image: url(/gotyoursize.pl/ min1024); " }" }" The Beast: Kleine Geschenke unter Freunden Auch ohne JavaScript lässt sich mit CSS Informationen erhalten, die zu einer Charakterisierung des Browsers dienen können. 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  15. 15. 20 The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese „Na und!? Dann kann der Font-Provider eben herausfinden, dass mein Browser da mal irgendwann die Seite aufrief. Ach geh doch und male Chemtrails!“
  16. 16. 21 §  [18/Mar/2014:15:54:05 +0100] ID725hs62ssd 
 irgendwas.tld 
 "GET /wp-admin/
 " §  [18/Mar/2014:15:55:16 +0100] ID725hs62ssd www.getdigital.de 
 "GET /shop/kleidung/geek- lifestyle
 " §  [18/Mar/2014:15:59:26 +0100] ID725hs62ssd 
 www.xing.com 
 "GET /profile/ Wolfgang_Wiese2?sc_o=mxb_p" The Beast: Kleine Geschenke unter Freunden §  User ›  besuchte Sites A, B, C in zeitlich notierter Reihenfolge ›  Site A: Dashboard eines Blogs => User ist Admin oder Redakteur => User hat Beziehung zu (kategorisierten) $Thema 1. ›  Site B: Shop mit $Thema 2. ›  Site C: Social Media Account, zugehörig $Vorname $Nachname 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  17. 17. 22 §  Simples Data Mining. ›  Datenschutzrechtlich ok: ›  Keine Cookies, keine IP, auf Einzelserver jeweils kein User-Tracking möglich. ›  „Nur noch“ Big Data Auswertung notwendig. §  Big Data Auswertung liefert: ›  BrowserID => User-Attribute => Mensch ›  Website-Thema + Verweilzeit => Interessen ›  Website + Uhrzeit + BrowserID => Bewegungsprofil Mensch ›  Ein wirtschaftlich, sozial und politisch verwertbares Profil eines Menschen The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  18. 18. 23 §  Nur Fonts? Nur Google? ›  JavaScript-Bibliotheken (z.B. jQuery), ›  Bilder (Shutterstock Einbindung, Tumblr-Bilder, Comics, ...) ›  Karten (Google Maps, Bing, Falk, ...) ›  Videos (YouTube, Slideshare, ...) ›  Suchmaschinen-Embeddings (Google, Bing, Yahoo, ...) ›  Social Media Buttons (Facebook, Twitter, Google, ...) ›  Statistiken / klassisches Usertracking (Website-Betreiber erhält seine Sitestatistiken, Statistikanbieter erhält Data Mine) ›  Werbebanner (alle Anbieter! Auch deutsche Mediennetzwerke) ›  und viele mehr… The Beast: Kleine Geschenke unter Freunden 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  19. 19. 24 §  Cloud-Provider (Amazon, Google, Yahoo, Apple, …) §  Shop-Anbieter §  automatisierte Hotel-Empfehlungen ...z.B. für einen Kongress J §  Wikis §  Business-Anwendungen (SAP, SAGE, ...) §  E-Mail-Dienstleister §  Suchmaschinen für Intranets §  Eigene Netzwerk-Verwaltung (DNS-Server) The Beast: Eigene Inhalte auslagern 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  20. 20. 25 §  Cloud-Provider (Amazon, Google, Yahoo, Apple, …) §  Shop-Anbieter §  automatisierte Hotel-Empfehlungen ...z.B. für einen Kongress J §  Wikis §  Business-Anwendungen (SAP, SAGE, ...) §  E-Mail-Dienstleister §  Suchmaschinen für Intranets §  Eigene Netzwerk-Verwaltung (DNS-Server) The Beast: Eigene Inhalte auslagern 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  21. 21. 2621.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese The Beast: Unerwartete Inhalte
  22. 22. 27 „Design Blindness“ & Usability-Overload •  Parallax Boring: Totscrollen statt totklicken? •  Platzergreifende Bühnen und Slider •  Viel hilft ...nicht immer viel. …zum Beispiel Mehrsprachigkeit. The Beast 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  23. 23. 29 §  Auszug: "Die Kinder müssen in der Bevorzugung sein, die ständig von einem Erwachsenen überwacht wird“ "Die Tiefe des Swimmingpools liegt bei 2 Metern (Maximum 7.5). Bitte sich des Kopfes nicht senden." The Beast: Hauptsache Mehrsprachigkeit...? 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  24. 24. 30 Was haben wir überlebt? §  Frames §  JavaScript PopUps §  „Best viewed with“ §  Counter §  HTML/CSS valid Buttons §  Table-Layouts §  Divitis §  IE6 The Beast: tl;dr („too long; didn't read“) 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  25. 25. 31 Was haben wir überlebt? §  Frames §  JavaScript PopUps §  „Best viewed with“ §  Counter §  HTML/CSS valid Buttons §  Table-Layouts §  Divitis §  IE6 The Beast: tl;dr („too long; didn't read“) Was quält uns heute? §  CSS-Popups §  Websites mit 5MB und mehr... mit einem Media Query für Smartphones §  Parallax Boring §  Slider Doom §  Classitis §  Safari §  Tracking 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  26. 26. WEBKONGRESS ERLANGEN 2014 Mastering the Beast
  27. 27. 33 Mastering the Beast Web site CMS- Update/ Install Design Content Nutzung 3th Party Content Nutzung Plugins Konsolidierung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  28. 28. 34 Mastering the Beast CMS- Update/ Install Design Content Nutzung 3th Party Content Nutzung Plugins Konsolidierung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese ?
  29. 29. 35 Mastering the Beast CMS- Update/ Install Design Content Nutzung 3th Party Content Nutzung Plugins Konsolidierung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese Eine Website braucht engagierte Menschen, die sich um sie kümmern!
  30. 30. 36 Engagement 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  31. 31. 37 Begeisterung 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  32. 32. 38 Leidenschaft 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  33. 33. WEB
  34. 34. WEBKONGRESS ERLANGEN 2014 Credits
  35. 35. 42 §  Karolin Kaiser §  Katja Augustin §  Martina AP Dorsch §  Anke Vogler §  Max Wankerl §  Norbert Henning §  Wolfgang Wiese §  und viele andere mehr... Das Team 21.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese
  36. 36. REGIONALES RECHENZENTRUM ERLANGEN [RRZE] Vielen Dank für Ihre Aufmerksamkeit! Regionales RechenZentrum Erlangen [RRZE] Martensstraße 1, 91058 Erlangen http://www.rrze.fau.de Mehr davon? Webkongress Erlangen 2016 #WKE2016
  37. 37. 4421.03.2014 | The Beauty & The Beast - Webkongress Erlangen 2014 | Wolfgang Wiese

×