Ein subjektiver Zwischenstand zu HTML5 ergänzt mit Statistiken und vielen weiterführenden Links. Die herausgepickten Aspekte sind: Geolocation, Video Support, Web Storage, Web Sockets, PushState, Web Forms, Drag and Drop, Semantik und Canvas.
Diese Präsentation ist über HTML5 und soll die verschiedenen Konzepte und Ideen hinter dieser neuen HTML Version darstellen.
This presentation is about HTML5 and takes you through the main ideas and concepts, which are presented with the introduction of HTML5. See what HTML5 can do for you.
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...Karionis
Auch wenn die Spezifikation von HTML5 noch nicht abgeschlossen ist, werden die Features dieses neuen Standards der Auszeichnungssprache HTML das Internet der unmittelbaren Zukunft bestimmen. Erfahren sie, wie nun semantisches HTML, Geolocation, Offline-Webanwendungen, Video- und Audio-Elemente, Drag and Drop und Vektorgrafiken in Webseiten integriert werden können.
HTML5 für Einsteiger, Designer und ProjektmanagerDaniel Haller
HTML5 ist ein weites Feld und ein Buzzword par excellence. Und wie das so ist, wissen die wenigsten, die mit dem Begriff um sich werfen, überhaupt darüber Bescheid. Die Präsentation gibt daher einen Einblick darüber wie, was, wo und warum HTML5 überhaupt so toll ist.
Ein subjektiver Zwischenstand zu HTML5 ergänzt mit Statistiken und vielen weiterführenden Links. Die herausgepickten Aspekte sind: Geolocation, Video Support, Web Storage, Web Sockets, PushState, Web Forms, Drag and Drop, Semantik und Canvas.
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2008 hervorzusagen. Auf der Liste sind:
- Hackable Gadgets
- Rich Handy Platforms
- On/Offline-Applikationen
- WOA (Web Oriented Architecture)
- Clientcode Frameworks
- Enterprise 2.0
- Green IT
- User Generated Infrastructure
- Social Reputation Management / Open Social
- Amazon Webservices
Diese Präsentation ist über HTML5 und soll die verschiedenen Konzepte und Ideen hinter dieser neuen HTML Version darstellen.
This presentation is about HTML5 and takes you through the main ideas and concepts, which are presented with the introduction of HTML5. See what HTML5 can do for you.
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...Karionis
Auch wenn die Spezifikation von HTML5 noch nicht abgeschlossen ist, werden die Features dieses neuen Standards der Auszeichnungssprache HTML das Internet der unmittelbaren Zukunft bestimmen. Erfahren sie, wie nun semantisches HTML, Geolocation, Offline-Webanwendungen, Video- und Audio-Elemente, Drag and Drop und Vektorgrafiken in Webseiten integriert werden können.
HTML5 für Einsteiger, Designer und ProjektmanagerDaniel Haller
HTML5 ist ein weites Feld und ein Buzzword par excellence. Und wie das so ist, wissen die wenigsten, die mit dem Begriff um sich werfen, überhaupt darüber Bescheid. Die Präsentation gibt daher einen Einblick darüber wie, was, wo und warum HTML5 überhaupt so toll ist.
Ein subjektiver Zwischenstand zu HTML5 ergänzt mit Statistiken und vielen weiterführenden Links. Die herausgepickten Aspekte sind: Geolocation, Video Support, Web Storage, Web Sockets, PushState, Web Forms, Drag and Drop, Semantik und Canvas.
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2008 hervorzusagen. Auf der Liste sind:
- Hackable Gadgets
- Rich Handy Platforms
- On/Offline-Applikationen
- WOA (Web Oriented Architecture)
- Clientcode Frameworks
- Enterprise 2.0
- Green IT
- User Generated Infrastructure
- Social Reputation Management / Open Social
- Amazon Webservices
Die Anforderungen für Websites sind heute oft widersprüchlich: verlangt ist ein zeitgemäßes Design und ansprechende Animationen, aber bitte mit offenen Webstandards, damit das ganze auch auf Smartphones und Tablets gut aussieht. Gleichzeitig ist auf Kundenseite aber ein Browser im Einsatz, der seit Jahren nicht mehr aktualisiert wurde. Jonathan Weiß stellt Lösungen vor, um diese Herausforderung zu stemmen und zeigt, welches kaum bekannte Potenzial im Legacy-Browser steckt.
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2005 hervorzusagen. Auf der Liste sind:
- Open Source / Free Software
- WebAnalytics
- Compression
- VoIP
- Rich Thin Clients
- WiFi/WiMax
- SOA (Service-oriented architecture)
- Flash Streaming
- DAISY
- Folksonomy
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2006 hervorzusagen. Auf der Liste sind:
- Desktop Widgets
- 2D Barcoding
- JSR-170/286
- REST
- Lightweight APIs und JSON
- Presence und Instant Messaging
- Home Networking
- Microformats/Structured Blogging
- Online Identity
- Antiphishing
Am 6. November durfte ich am Frankfurter SAE-Institut den Studenten etwas über die Praxis der Webentwicklung erzählen. Ich habe einen großen Bogen gespannt, von der grundsätzlichen Natur des Internet über Detailprobleme bis zur Barrierefreiheit. Der Vortrag dauerte dreieinhalb Stunden.
Präsentation zur Masterclass "Erfolg ohne Cookies? So steigern Sie mit People-based Marketing die Effizienz digitaler Aktivitäten." von Marco Hassler, Senior Principal Consultant, Namics – A Merkle Company
Jeder Marketer möchte heute seinen Kund*innen die richtige Botschaft zum richtigen Zeitpunkt ausspielen. Genau diese Vision scheint aber unter den sich verändernden Datenschutzbestimmungen eher in die Ferne zu rücken als konkreter zu werden. Die Masterclass beleuchtet, was Sie berücksichtigen müssen, um Ihren Kund*innen trotzdem eine nahtlose, kanalübergreifende Experience auf ihrer Journey zu bieten. Zugleich erfahren Sie, wie Sie mit dem geeigneten Mix aus MarTech, Data-Strategie und Customer Centricity die Effizienz und Effektivität von digitalen Marketingaktivitäten steigern und die konkreten Schritte hin zu People-based Marketing einleiten.
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Namics – A Merkle Company
Soll Ihr Online-Shop langfristig erfolgreich laufen, müssen Sie schon in der Konzeption den Grundstein dafür legen – egal ob B2B oder B2C. Denn nur, wenn Sie alle wesentlichen Faktoren bedenken, bieten Sie Ihren Kunden/-innen ein differenziertes Einkaufserlebnis. Damit können Sie im laufenden Betrieb die komplette Bandbreite des für Sie relevanten Marketings nutzen – ein wesentlicher Aspekt für ein erfolgreiches Online-Business.
“Relevante Faktoren bedenken”, gut und schön – aber welche sind das? Das zeigten die Experten von Namics und Sitecore im Webinar.
Mehr zu Namics:
https://namics.com/
Mehr zu Sitecore:
https://www.sitecore.com/
Die Anforderungen für Websites sind heute oft widersprüchlich: verlangt ist ein zeitgemäßes Design und ansprechende Animationen, aber bitte mit offenen Webstandards, damit das ganze auch auf Smartphones und Tablets gut aussieht. Gleichzeitig ist auf Kundenseite aber ein Browser im Einsatz, der seit Jahren nicht mehr aktualisiert wurde. Jonathan Weiß stellt Lösungen vor, um diese Herausforderung zu stemmen und zeigt, welches kaum bekannte Potenzial im Legacy-Browser steckt.
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2005 hervorzusagen. Auf der Liste sind:
- Open Source / Free Software
- WebAnalytics
- Compression
- VoIP
- Rich Thin Clients
- WiFi/WiMax
- SOA (Service-oriented architecture)
- Flash Streaming
- DAISY
- Folksonomy
Ein Blick in die Kristallkugel mit dem Ziel spannende und relevante Online-Trends für das Jahr 2006 hervorzusagen. Auf der Liste sind:
- Desktop Widgets
- 2D Barcoding
- JSR-170/286
- REST
- Lightweight APIs und JSON
- Presence und Instant Messaging
- Home Networking
- Microformats/Structured Blogging
- Online Identity
- Antiphishing
Am 6. November durfte ich am Frankfurter SAE-Institut den Studenten etwas über die Praxis der Webentwicklung erzählen. Ich habe einen großen Bogen gespannt, von der grundsätzlichen Natur des Internet über Detailprobleme bis zur Barrierefreiheit. Der Vortrag dauerte dreieinhalb Stunden.
Präsentation zur Masterclass "Erfolg ohne Cookies? So steigern Sie mit People-based Marketing die Effizienz digitaler Aktivitäten." von Marco Hassler, Senior Principal Consultant, Namics – A Merkle Company
Jeder Marketer möchte heute seinen Kund*innen die richtige Botschaft zum richtigen Zeitpunkt ausspielen. Genau diese Vision scheint aber unter den sich verändernden Datenschutzbestimmungen eher in die Ferne zu rücken als konkreter zu werden. Die Masterclass beleuchtet, was Sie berücksichtigen müssen, um Ihren Kund*innen trotzdem eine nahtlose, kanalübergreifende Experience auf ihrer Journey zu bieten. Zugleich erfahren Sie, wie Sie mit dem geeigneten Mix aus MarTech, Data-Strategie und Customer Centricity die Effizienz und Effektivität von digitalen Marketingaktivitäten steigern und die konkreten Schritte hin zu People-based Marketing einleiten.
Webinar "Experience Commerce – Erfolgsfaktoren für die Konzeption von Online-...Namics – A Merkle Company
Soll Ihr Online-Shop langfristig erfolgreich laufen, müssen Sie schon in der Konzeption den Grundstein dafür legen – egal ob B2B oder B2C. Denn nur, wenn Sie alle wesentlichen Faktoren bedenken, bieten Sie Ihren Kunden/-innen ein differenziertes Einkaufserlebnis. Damit können Sie im laufenden Betrieb die komplette Bandbreite des für Sie relevanten Marketings nutzen – ein wesentlicher Aspekt für ein erfolgreiches Online-Business.
“Relevante Faktoren bedenken”, gut und schön – aber welche sind das? Das zeigten die Experten von Namics und Sitecore im Webinar.
Mehr zu Namics:
https://namics.com/
Mehr zu Sitecore:
https://www.sitecore.com/
BVDW Challenge 2019: Concept of the award winners Katharina Konow and Büsra S...Namics – A Merkle Company
#onlyonehome is the concept for a sustainable furniture store of the future created by Namics employees Katharina Konow and Büsra Sevinc. They presented the concept at the DMEXCO in Cologne in 2019 and were awarded with the BVDW Challenge Award 2019.
Namics Webinarserie Digital Product & Service Design Teil 1: In 5 Schritte z...Namics – A Merkle Company
Sie möchten innovative digitale Produkte und Services gestalten? In Teil 1 unserer Webinarserie zeigten unsere Referenten Dr. Martina Mitterhofer, Michael Sandmaier und Alexander Czerny wie Sie in fünf einfachen Schritten zu mehr Kundenorientierung gelangen.
Die Aufzeichnung zum Webinar finden Sie hier: https://www.namics.com/news/2018/webinarreihe-digital-product-service-design-teil1/
Endecken Sie hier das Namics Angebot zu Digital Product & Service Design: https://www.namics.com/dienstleistungen/digitale-transformation/digital-product-and-service-design/
People-based Marketing: How Data, Automatisation & Customer Centricity usher ...Namics – A Merkle Company
People-based marketing leverages user-based data, marketing automation technology, and a customer-centric approach to personalize experiences across digital touchpoints. It addresses limitations of past approaches by bridging data silos, organizational silos, and the gaps between channels and devices to develop a unified view of each individual customer. Implementing people-based marketing requires consolidating user data, using tools like a data management platform, and providing value for users to log in and be identified deterministically. Together, the three pillars of user-based data, marketing automation technology, and customer centricity allow for highly personalized experiences and interactions at every stage of the buyer journey.
Im Webinar "Mit Lead Nurturing den Interessenten zum Kunden machen" am 21.06.2018 zeigten Marco Hassler von Namics und Franz Achatz von Adobe wie Sie mit Lead Nurturing aus Interessenten Kunden machen.
Es gibt viele Gründe, die eigene Website gründlich aufzupolieren: frisches Design, kürzere Ladezeiten oder eine Neukonzeption der Inhalte. Doch wenn die neue Seite so richtig glänzt, folgt oft das böse Erwachen: Der organische Traffic bricht ein, die Rankings sinken und somit auch die Anzahl an Leads. So weit muss es nicht kommen!
In unserem SEO-Webinar am 30.01.2018 haben wir aufgezeigt, wie ein Relaunch mit ordentlicher Planung und einem ausgereiften SEO-Konzept gelingen kann.
Sie haben noch Rückfragen? Wir freuen uns auf Ihre Kontaktaufnahme unter newbusiness@namics.com
Beim interaktiven Workshop "Be Smart" haben wir gemeinsam mit unseren Kunden individuelle Lösungsansätze für die Implementierung von Internet of Things Projekten erarbeitet.
This document summarizes how Sitecore can drive commercial success through personalization. It provides case studies of how Sitecore was used by Scandlines, University of Toronto, easyJet, and Nissan to improve customer experiences and business outcomes. Sitecore allowed these companies to personalize experiences for each customer through rules-based personalization, campaign management, and automation based on customer data and behaviors. This resulted in outcomes like reduced bounce rates, increased engagement, and improved conversion rates.
In ihrem Fachvortrag erzählte Sonja Hamann, Senior UX-Consultant bei Namics, über Best Practices in Customer Experience. Dabei sieht sie fünf Kernthesen, die für die erfolgreiche Gestaltung von überzeugenden Kundenerlebnissen entscheidend sind.
An der zweitägigen CONNECT Web Experience Konferenz am 25.-26. Juni 2014 trafen Adobe Experience Entwickler auf ihresgleichen, um sich über eigene Erfahrungen auszutauschen.
Fachveranstaltung Digital Marketing – Die zukunftsgerichtete Marketingorganis...Namics – A Merkle Company
The document discusses the need for Distrelec, an industrial supplier, to transform its marketing approach from traditional to digital. It outlines:
- The starting position of Distrelec's marketing and the changing demands of customers that require a new approach.
- Steps taken to transform the marketing model including changing the organization structure, building new skills, and driving digital orientation.
- The new marketing agenda focuses on increasing demand generation, improving the e-commerce platform, and driving a multi-channel customer experience.
- Key aspects of the new approach include organizing marketing functions around demand generation, operations of the e-platform, and communications/branding. New roles, workflows, and KPIs will also
3. Google stellt Google Apps auf HTML5 um
As of August 1st, we will discontinue support for the
following browsers and their predecessors: Firefox 3.5,
Internet Explorer 7, and Safari 3.
http://googledocs.blogspot.com/2011/06/our-plans-to-
support-modern-browsers.html
7. Juni 2011 3 HTML5 Update. Internet Briefing. Namics.
4.
5. 7. Juni 2011 5 HTML5 Update. Internet Briefing. Namics.
10. Und was kann “der Firefox” genau
Am Beispiel der Canvas Test Suite (nur 2D)
http://philip.html5.org/tests/canvas/suite/tests/results.html
7. Juni 2011 10 HTML5 Update. Internet Briefing. Namics.
11. Häufigkeit von Doctypes (CH Domänen, Juni 2011)
Quelle: search.ch Big Crawl, 500’000 Schweizer Website, Anfang Juni 2011
7. Juni 2011 11 HTML5 Update. Internet Briefing. Namics.
12. Weshalb 2,6% HTML5?
Rückwärtskompatibel!
ausser... aktueller Code ist nicht valide
ausser... aktueller Code ist nicht standardkonform (“gegen”
Browser entwickelt)
für die Mutigen unter uns (“kein Gewinn”)
ALT: <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.1//EN" "http://www.w3.org/TR/
xhtml11/DTD/xhtml11.dtd"> !
NEU: <!DOCTYPE html>!
neue Funktionalitäten sind auch ohne HTML5 möglich
z.B. http://timetable.search.ch/
7. Juni 2011 12 HTML5 Update. Internet Briefing. Namics.
13. Oder ein bisschen überlegter: Was nun?
spricht für HTML5 spricht gegen HTML5
bestehendes HTML validiert Vielfalt an Browsern
Zielsystem sind (leistungsfähige) eingesetzte Werkzeuge
Mobilgeräte
Funktionalität (braucht nicht zuliefernde Systeme
zwingend HTML5)
effizienterer Umsetzung des Designs fehlende Erfahrung
(CSS3)
“state of the art”, schnelle/moderne zusätzliche Investition (v.a. bei
Browser bestehenden Systemen)
7. Juni 2011 13 HTML5 Update. Internet Briefing. Namics.
15. Mein Fokus für heute
Geolocation
Video Support
Web Storage
Web Sockets
Push State
Web Forms
Drag and Drop
Semantik
Canvas
7. Juni 2011 15 HTML5 Update. Internet Briefing. Namics.
16. Geolocation
Jetzt und heute nutzen – Mobilanwendungen!
Code: http://html5demos.com/geo
7. Juni 2011 16 HTML5 Update. Internet Briefing. Namics.
17. Video Support (1 von 2)
Jetzt und heute nutzen!
7. Juni 2011 17 HTML5 Update. Internet Briefing. Namics.
18. Video Support (2 von 2)
Leider nur die Hälfte der Wahrheit: Der Browser muss
Audio/Video-Dekompression kennen (zus. zu Format)
Lösung 1
spezialisierte Dienstleister wie http://vimeo.com/, http://
youtube.com/ oder http://xtendx.com/ nutzen
Lösung 2 (drei Versionen und Flash-Fallback)
WebM (VP8 + Vorbis)
MP4 Container (H.264 baseline Video + AAC “low
complexity” Audio)
OGG Container (Theora Video + Vorbis Audio)
Code: http://diveintohtml5.org/video.html
7. Juni 2011 18 HTML5 Update. Internet Briefing. Namics.
19. Web Storage (1 von 2)
Riesige Chance und Grundlage für Webanwendungen
....aber neues Paradigma mit technischen Hürden
7. Juni 2011 19 HTML5 Update. Internet Briefing. Namics.
20. Web Storage (2 von 2)
Webentwickler “macht” Client/Server-Anwendung
Datensicherheit/-schutz
Online/Offline-Detektion und deren Usability
mehrere Datenmodelle (browserabhängig)
Key/Value-Paare (Default meist 5 MB)
Web SQL-Database: http://dev.w3.org/html5/webdatabase/
...
Code:
http://www.html5rocks.com/tutorials/offline/whats-offline/
http://diveintohtml5.org/storage.html
7. Juni 2011 20 HTML5 Update. Internet Briefing. Namics.
21. Web Sockets (JavaScript API)
Löst ein riesige Herausforderung der Webentwicklung:
Bidirektionale Kommunikation zwischen Client/Server
eigentlich “nur” eine JavaScript API
http://dev.w3.org/html5/websockets/
Webentwickler “macht” Client/Server-Anwendung
Sicherheitsbedenken machen der API grad das Leben
schwer: In Opera und Firefox per Default deaktiviert
http://www.ietf.org/mail-archive/web/hybi/current/
msg04744.html
Code: http://html5demos.com/web-socket, http://
websocket.org/
7. Juni 2011 21 HTML5 Update. Internet Briefing. Namics.
22. PushState (JavaScript API)
Einsetzen
korrekter Einsatz gut überlegen, funktionierende Degradation
Lösung für das (mit Fragement Identifier bekämpfte) Status-
Problem von Websites die XHR nutzen
Lösung für “Suchmaschinenproblem”
code.google.com/web/ajaxcrawling/docs/getting-started.html
Eine gute Website
lässt sich in jedem Zustand bookmarken
unterstützt den Back Button (des Browsers)
Code: http://diveintohtml5.org/history.html, inkl. Fallback:
https://github.com/balupton/History.js/
7. Juni 2011 22 HTML5 Update. Internet Briefing. Namics.
23. Web Forms (1 von 2)
Jetzt und heute nutzen!
Code: http://diveintohtml5.org/forms.html
Quelle: http://slides.html5rocks.com/#form-types-mobile
7. Juni 2011 23 HTML5 Update. Internet Briefing. Namics.
24. Web Forms (2 von 2)
...noch besser auf Mobilgeräten
Quelle: http://slides.html5rocks.com/#form-types-mobile
7. Juni 2011 24 HTML5 Update. Internet Briefing. Namics.
25. Drag and Drop (JavaScript API)
Jetzt und heute nutzen!
Technisch gibt es schönere Ansätze: http://twitter.com/
#!/Hixie/status/4075253361
Code: http://html5doctor.com/native-drag-and-drop/
7. Juni 2011 25 HTML5 Update. Internet Briefing. Namics.
26. Semantik (1 von 3)
Richtig und die Zukunft des Webs!
Zwei Dimensionen
strukturierende Tags
Mikroformate
Aber wer nutzt den “zusätzlichen Zucker”?
kein einziger Browser
Suchmaschinen resp. Google für “Rich Snippets” (ohne
Versprechen und in einzelnen Fällen)
http://www.google.com/webmasters/tools/richsnippets
7. Juni 2011 26 HTML5 Update. Internet Briefing. Namics.
27. Semantik – Tags (2 von 3)
Code: http://diveintohtml5.org/semantics.html#new-elements
7. Juni 2011 27 HTML5 Update. Internet Briefing. Namics.
28. Semantik – Mikroformate (3 von 3)
http://microformats.org/
Today [June 2, 2011] we’re announcing schema.org, a new
initiative from Google, Bing and Yahoo!
http://googlewebmastercentral.blogspot.com/2011/06/
introducing-schemaorg-search-engines.html
zur Zeit als Grundlage für Rich Snippets für: People,
Reviews, Products, Events und Recipes
Code: http://schema.org/ und http://diveintohtml5.org/
extensibility.html
7. Juni 2011 28 HTML5 Update. Internet Briefing. Namics.
29. Canvas
Sehr vielversprechend aber noch blutig
Code: http://diveintohtml5.org/canvas.html
7. Juni 2011 29 HTML5 Update. Internet Briefing. Namics.
31. Die Matrix
Features und Ihre Marktreife
einsetzbar
Geolocation Wichtigkeit
Forms
Video
(Audio)
PushStateDrag‘n‘Drop html5
Marktreife
Web Storage
Canvas
Web Sockets
Semantik *)
*) Google Rich
experimentell
Snippets: Go!
gering Innovation hoch
7. Juni 2011 31 HTML5 Update. Internet Briefing. Namics.
36. Zusammenfassung
Auch wenn es niemand hören will: Unser Kunde ist
(auch) die technische Ausrüstung unserer Users
in der Schweiz zunehmend konfortabel, aber
beispielsweise IE6 in China >40%
Desktop
es spricht nichts gegen HTML5...
... aber auch (noch) nicht sehr viel dafür
neue Funktionen gezielt einsetzen (und eine gute
Degradation anbieten)
Mobile
HTML5 rulez!
7. Juni 2011 36 HTML5 Update. Internet Briefing. Namics.