![Page 1: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/1.jpg)
! Bessere Websites mit Offenen Standards
Philipp Egli, Business Development, Liip AG Gerhard Andrey, Mitgründer & Partner Liip AG
Internet Briefing 6. September 2011
![Page 2: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/2.jpg)
! Das Web ist überall (Wirtschaftlichkeit)
! Beispiele (Investitionssicherheit)
! Offen und Standard? (Zukunft)
![Page 3: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/3.jpg)
Web of Things
![Page 4: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/4.jpg)
![Page 5: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/5.jpg)
![Page 6: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/6.jpg)
![Page 7: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/7.jpg)
=
![Page 8: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/8.jpg)
![Page 9: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/9.jpg)
![Page 10: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/10.jpg)
Die Anzahl im Internet erreichbarer Geräte steigt
explosionsartig
![Page 11: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/11.jpg)
![Page 12: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/12.jpg)
350‘000‘000‘000 ‘000‘000‘000‘000
IP-Adressen mit IPv6
![Page 13: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/13.jpg)
Konvergenz
![Page 14: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/14.jpg)
Wirtschaftliche, technische & inhaltliche Annäherung
von Medien
![Page 15: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/15.jpg)
Wie bringe ich meine Inhalte auf die verschiedenen
Medien?
![Page 16: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/16.jpg)
Ist es wirtschaftlich, für jedes Medium einen eigenen Standard zu
nutzen?
![Page 17: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/17.jpg)
Nein
![Page 18: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/18.jpg)
Einige wenige Standards sind wohl
besser
![Page 19: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/19.jpg)
Ist es aus wirtschaftlicher Sicht wünschenswert, dass diese Standards
offen sind?
![Page 20: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/20.jpg)
Ja
![Page 21: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/21.jpg)
! Zusammenfassung ! Die Anzahl von Gegenständen im Netz
steigt explosionsartig
! Um Inhalte wirtschaftlich auf diesen Geräten zu integrieren, sind offene Standards geeignet
![Page 22: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/22.jpg)
Zwei Beispiele im Detail
![Page 23: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/23.jpg)
digitalSTROM Strom ist nicht länger dumm!
![Page 24: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/24.jpg)
digitalSTROM Strom ist nicht länger dumm!
![Page 25: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/25.jpg)
! Was ist digitalSTROM? ! Jegliche Elektrogeräte sind potentiell
via HTTP erreichbar
! Meist pro Gerätegruppe ein Chip, welcher messen und steuern kann
! Kommunikation bidirektional (Chip kommuniziert mit Meter/Server und umgekehrt)
![Page 26: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/26.jpg)
DS-Server /DS-Meter
![Page 27: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/27.jpg)
Chip (in Klemme)
![Page 28: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/28.jpg)
Mobile App (Steuerung)
![Page 29: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/29.jpg)
! Anwendungsfälle ! Fernbedienung für Hausinstallationen
(Heizung, Licht, Storen, …)
! Kühlschrank entscheidet selber, wann Strom bezogen wird (Minimierung von Strom-Peaks in der Stromversorgung)
! Geräte in Gebäudekomplex orten (Spital)
! Wirklich „Smartes Metering“
![Page 30: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/30.jpg)
! Wieso digitalSTROM als Beispiel? ! Ideales Beispiel eines Thing!
! Offener Standard, aufbauend auf Offenen Standards (HTTP/IP/..)
! Web Technologien Client und Serverseitig mit JavaScript programmierbar (ExtJS)
! User Interfaces einfach via JSON umsetzbar (JSON API, Restful)
![Page 31: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/31.jpg)
NIWEA Native Interoperable Web Applications
![Page 32: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/32.jpg)
! Was ist NIWEA? ! Technisches Konzept zur Herstellung von
Native Apps auf (mobilen) Geräten,
! welches auf Webtechnologien basieret (HTML5/CSS3/JS)
! und interoperabel verbreitet werden kann (AppStore, Android Market, ..).
! Framework übernimmt das „Verpacken“ zur App.
![Page 33: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/33.jpg)
![Page 34: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/34.jpg)
! Was heisst native? ! Fühlt sich an wie gemacht für
dieses „Ding“.
! Zugang zu Erweiterungen (Sensoren), die mir auf ohne „native“ verwehrt blieben.
! Bei NIWEA auf mobile Devices übernimmt bspw. PhoneGap den Zugang zu lokalen Erweiterungen (Kamera, Adressbuch, …)
![Page 35: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/35.jpg)
Radios (by Liip)
![Page 36: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/36.jpg)
FT(mobile Website)
![Page 37: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/37.jpg)
Antidoping (by Liip)
![Page 38: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/38.jpg)
! Wieso NIWEA als Beispiel? ! Smartphones und Tablets sind Things!
! Geräte unterstützen offene Standards (HTML5/CSS3/JS)
! Beweisführung, dass Offene Web Standards mit rein nativer (Objective-C, Java, ..) Entwicklung Schritt halten können.
![Page 39: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/39.jpg)
Was ist daran investitionssicher?
![Page 40: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/40.jpg)
! Was ist daran investitionssicher? ! Technologien sind stark verbreitet
(Kapazität Entwicklerressourcen, Best Practices, Security, …)
! Wiederverwendung von Quellcode über verschiedene Use Cases (Mobile App, mobile Website, Website,… Things!)
! Konvergenz vereinfacht Unterhalt und Weiterentwicklung
![Page 41: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/41.jpg)
Offen und Standard?
![Page 42: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/42.jpg)
Ein kleines Gedankenexperiment
![Page 43: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/43.jpg)
Wären wir im Mobile-Bereich da, wo wir heute
sind, hätte Apple ihr App-Konzept auf ein Komitee
abgestützt?
![Page 44: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/44.jpg)
Nein
![Page 45: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/45.jpg)
Wäre das Web heute so verbreitet, hätten
Komitees die Innovation nicht standardisiert?
![Page 46: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/46.jpg)
Kaum
![Page 47: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/47.jpg)
Ist es wünschenswert, dass Web Standards
unabhängiger von der „Macht“ der Komitees und
damit flexibler werden?
![Page 48: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/48.jpg)
Ja
![Page 49: Next Web & Open Standards: LIIP Vortrag Internet-Briefing](https://reader033.vdocument.in/reader033/viewer/2022051610/54846f0bb4af9f690d8b4bbf/html5/thumbnails/49.jpg)
! Zusammenfassung ! Standardisierung
fördert die Entwicklung im Web.
! Nachteil: Innovation und Standardisierung widersprechen sich
! Nur dann, wenn Standardisierungsinstanzen träge werden