Handbuch für Mitglieder der Fachgruppe Werbung& Marktkommunikation in der Wirtschaftskammer Wien
8. Auflage 2011
Herausgeber Fachgruppe Werbung & Marktkommunikation in der Wirtschaftskammer Wien,
Schwarzenbergplatz 14/306, 1040 Wien,
Tel. 01/514 50-3790 , -3791, -3792,
werbungwien@wkw.at
http://www.werbungwien.at
La Internet es una red informática descentralizada que conecta computadoras a través de protocolos de comunicación para intercambiar información. Se originó del desarrollo temprano de redes de comunicación y la fusión de infraestructura de red ya existente con sistemas de telecomunicaciones. En 1969 se creó la primera red interconectada entre las universidades de UCLA y Stanford, marcando el comienzo de lo que hoy conocemos como Internet.
La Unión Europea ha propuesto un nuevo paquete de sanciones contra Rusia que incluye un embargo al petróleo. El embargo prohibiría las importaciones de petróleo ruso por mar y limitaría las importaciones por oleoducto. Sin embargo, Hungría, Eslovaquia y la República Checa se oponen al embargo al petróleo, ya que dependen en gran medida de las importaciones rusas.
Este documento presenta los resultados de varias encuestas realizadas a estudiantes de primaria sobre sus preferencias de chocolate. Muestra la distribución de género, edad, programa de estudios, grado, sección, consumo y preferencia de chocolate. La mayoría de los encuestados fueron mujeres (66%), entre 10-15 años (41%), estudiando en programa diversificado (60%) y de primer grado (40%). La calidad del sabor fue la principal consideración para comprar chocolate (75%).
Handbuch für Mitglieder der Fachgruppe Werbung& Marktkommunikation in der Wirtschaftskammer Wien
8. Auflage 2011
Herausgeber Fachgruppe Werbung & Marktkommunikation in der Wirtschaftskammer Wien,
Schwarzenbergplatz 14/306, 1040 Wien,
Tel. 01/514 50-3790 , -3791, -3792,
werbungwien@wkw.at
http://www.werbungwien.at
La Internet es una red informática descentralizada que conecta computadoras a través de protocolos de comunicación para intercambiar información. Se originó del desarrollo temprano de redes de comunicación y la fusión de infraestructura de red ya existente con sistemas de telecomunicaciones. En 1969 se creó la primera red interconectada entre las universidades de UCLA y Stanford, marcando el comienzo de lo que hoy conocemos como Internet.
La Unión Europea ha propuesto un nuevo paquete de sanciones contra Rusia que incluye un embargo al petróleo. El embargo prohibiría las importaciones de petróleo ruso por mar y limitaría las importaciones por oleoducto. Sin embargo, Hungría, Eslovaquia y la República Checa se oponen al embargo al petróleo, ya que dependen en gran medida de las importaciones rusas.
Este documento presenta los resultados de varias encuestas realizadas a estudiantes de primaria sobre sus preferencias de chocolate. Muestra la distribución de género, edad, programa de estudios, grado, sección, consumo y preferencia de chocolate. La mayoría de los encuestados fueron mujeres (66%), entre 10-15 años (41%), estudiando en programa diversificado (60%) y de primer grado (40%). La calidad del sabor fue la principal consideración para comprar chocolate (75%).
Este documento define multimedia, repositorios y objetos de aprendizaje. Define multimedia como la combinación de texto, imágenes, audio y video en un programa para estimular los sentidos del observador y lograr un objetivo. Da como ejemplos de multimedia el Messenger y Windows Media Player. Define los repositorios como archivos digitales donde se almacena y facilita el acceso a materiales etiquetados, dando como ejemplos YouTube y Slideshare. Define los objetos de aprendizaje como recursos pedagógicos digitales formados por componentes instruccionales replicables con fines educat
Este documento describe cuatro posibilidades de comunicación que pueden incorporarse en el entorno educativo a través de las nuevas tecnologías. Estas incluyen comunicación en el mismo tiempo y lugar como clases presenciales, en el mismo tiempo pero lugares diferentes mediante videoconferencia, en tiempos diferentes pero el mismo lugar a través de videos y correo electrónico, y en tiempos y lugares diferentes utilizando recursos en línea como videos y sitios web. El documento proporciona ejemplos de cada posibilidad.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against developing mental illness and improve symptoms for those who already suffer from conditions like anxiety and depression.
Este documento presenta una lección introductoria sobre las presentaciones personales en español. Enseña saludos comunes, cómo preguntar y decir el nombre de una persona, y cómo deletrear el propio nombre y apellidos. También incluye ejercicios de práctica para que los estudiantes intercambien información personal con compañeros de clase.
En 3 oraciones o menos:
1) El documento presenta la caracterización de una institución pública de educación universitaria comprometida con la generación y transformación del conocimiento científico. 2) Se incluyen diagramas de Ishikawa que identifican factores clave para el éxito institucional como el personal docente altamente capacitado y el compromiso con la solución de problemas sociales. 3) Finalmente, se analizan los factores de éxito del capital humano más relevantes para la institución.
Von gescheiterten IT-Projekten kann fast jedes Unternehmen ein Lied singen. Studien sprechen davon, dass rund jedes zweite Projekt in Deutschland scheitert, international ist die Quote sogar noch höher. Woran liegt das? Wie kann ich die Erfolgswahrscheinlichkeit meines Projektes erhöhen? Das White Paper der Unternehmensberatung Kirchner + Robrecht GmbH zeigt Ihnen sechs Erfolgsfaktoren, wie Sie Ihr IT-Projekt erfolgreich abschließen.
Este documento presenta los resultados de una encuesta realizada a estudiantes de primaria sobre sus preferencias de chocolate. Muestra las distribuciones por género (66% femenino, 34% masculino), edad (41% entre 10-15 años, 52% entre 16-20 años), curso (40% básico, 60% diversificado), grado, sección, consumo de chocolate, consideración de su importancia, forma de compra, precios y factores que influyen en la elección. La mayoría son mujeres de 16-20 años del curso diversificado que compran barras de chocolate
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.
Cloud Deployment und (Auto)Scaling am Beispiel von AngrybirdAOE
Sep 08, 2012
Continuous Delivery und Autoscaling von Enterprise Web-Applicationen in der Amazon Cloud
In diesem Vortrag zeigen wir am Beispiel des neuen Angrybird-Onlineshops, der zu Spitzenzeiten bis zu 10 Bestellungen pro Sekunde aufnehmen kann und dabei hochverfügbar ist, wie eine automatisch skalierende Cloud Infrastruktur sowie die nötigen Konzepte aussehen können.
Wir beschreiben die Herausforderungen und unsere Lösungen, um den Shop für ein Multi-Server-Setup vorzubereiten und zu betreiben. Spezielle Anforderungen an eine solche Architektur sowie die Integration von Reverse Proxies (Varnish), die Nutzung eines CDNs, verschiedene Cache-Strategien und weitere Optimierung sind ebenfalls Bestandteil dieses Vortrags. Außerdem stellen wir unsere automatisierte Cloud-Deployment-Strategien vor, angefangen von den Entwicklungsumgebungen, über den continuous Integration Server und unser Testing Framework bis hin zum A/B-Deployment in der Cloud.
Logstash: Windows und Linux Logmanagement (Webinar vom 07.11.2014)NETWAYS
Logstash ist eine schlanke Open Source Lösung welche es erlaubt bei entsprechender Hardware Millionen von Logdaten zu verarbeiten und genau so schnell wieder in einem Frontend - Kibana - darzustellen. Neben der Funktionsweise, der Architektur und den Möglichkeiten von Logstash, wollen wir in diesem Webinar zeigen, wie Windows und Linux Logmeldungen sauber integriert werden können.
Webinare
Archiv Link: https://www.netways.de/webinare/archiv/logstash_webinare/logstash_windows_und_linux_log_management/
Aktuell: https://www.netways.de/webinare/webinare_aktuell/
NETWAYS
Konferenzen: https://www.netways.de/events_schulungen/home/
Schulungen: https://www.netways.de/events_schulungen/schulungen/home/
Shop: https://shop.netways.de/
Blog: http://blog.netways.de/
Social Media
YouTube: https://www.youtube.com/channel/UC8nIBEFmjzXjXeJV_hkkeIQ
Facebook: https://www.facebook.com/netways
Google+: https://plus.google.com/+netways/
Twitter: https://twitter.com/netways
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)André Krämer
Morgens halb zehn in Deutschland: Der Puls Ihrer Anwender ist mittlerweile im dreistelligen Bereich und die ersten User denken ernsthaft darüber nach, den PC aus dem Fenster zu werfen. Ursache: Die von Ihnen entwickelte webbasierte App bremst die Nutzer stets an den entscheidenden Stellen aus. An produktives Arbeiten ist kaum noch zu denken und Überstunden stehen auf dem Tagesprogramm. Doch so weit muss es gar nicht kommen. Glückliche Anwender sind nur wenige Handgriffe entfernt. Und genau diese Handgriffe, wird Ihnen André Krämer in diesem Vortrag zeigen. Gemeinsam werden wir den Ursachen langsamer Web- und Mobile-Apps in den Bereichen JavaScript, CSS und Co. auf den Grund gehen und diese Schritt für Schritt eliminieren.
Este documento define multimedia, repositorios y objetos de aprendizaje. Define multimedia como la combinación de texto, imágenes, audio y video en un programa para estimular los sentidos del observador y lograr un objetivo. Da como ejemplos de multimedia el Messenger y Windows Media Player. Define los repositorios como archivos digitales donde se almacena y facilita el acceso a materiales etiquetados, dando como ejemplos YouTube y Slideshare. Define los objetos de aprendizaje como recursos pedagógicos digitales formados por componentes instruccionales replicables con fines educat
Este documento describe cuatro posibilidades de comunicación que pueden incorporarse en el entorno educativo a través de las nuevas tecnologías. Estas incluyen comunicación en el mismo tiempo y lugar como clases presenciales, en el mismo tiempo pero lugares diferentes mediante videoconferencia, en tiempos diferentes pero el mismo lugar a través de videos y correo electrónico, y en tiempos y lugares diferentes utilizando recursos en línea como videos y sitios web. El documento proporciona ejemplos de cada posibilidad.
The document discusses the benefits of exercise for mental health. Regular physical activity can help reduce anxiety and depression and improve mood and cognitive function. Exercise causes chemical changes in the brain that may help protect against developing mental illness and improve symptoms for those who already suffer from conditions like anxiety and depression.
Este documento presenta una lección introductoria sobre las presentaciones personales en español. Enseña saludos comunes, cómo preguntar y decir el nombre de una persona, y cómo deletrear el propio nombre y apellidos. También incluye ejercicios de práctica para que los estudiantes intercambien información personal con compañeros de clase.
En 3 oraciones o menos:
1) El documento presenta la caracterización de una institución pública de educación universitaria comprometida con la generación y transformación del conocimiento científico. 2) Se incluyen diagramas de Ishikawa que identifican factores clave para el éxito institucional como el personal docente altamente capacitado y el compromiso con la solución de problemas sociales. 3) Finalmente, se analizan los factores de éxito del capital humano más relevantes para la institución.
Von gescheiterten IT-Projekten kann fast jedes Unternehmen ein Lied singen. Studien sprechen davon, dass rund jedes zweite Projekt in Deutschland scheitert, international ist die Quote sogar noch höher. Woran liegt das? Wie kann ich die Erfolgswahrscheinlichkeit meines Projektes erhöhen? Das White Paper der Unternehmensberatung Kirchner + Robrecht GmbH zeigt Ihnen sechs Erfolgsfaktoren, wie Sie Ihr IT-Projekt erfolgreich abschließen.
Este documento presenta los resultados de una encuesta realizada a estudiantes de primaria sobre sus preferencias de chocolate. Muestra las distribuciones por género (66% femenino, 34% masculino), edad (41% entre 10-15 años, 52% entre 16-20 años), curso (40% básico, 60% diversificado), grado, sección, consumo de chocolate, consideración de su importancia, forma de compra, precios y factores que influyen en la elección. La mayoría son mujeres de 16-20 años del curso diversificado que compran barras de chocolate
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.
Cloud Deployment und (Auto)Scaling am Beispiel von AngrybirdAOE
Sep 08, 2012
Continuous Delivery und Autoscaling von Enterprise Web-Applicationen in der Amazon Cloud
In diesem Vortrag zeigen wir am Beispiel des neuen Angrybird-Onlineshops, der zu Spitzenzeiten bis zu 10 Bestellungen pro Sekunde aufnehmen kann und dabei hochverfügbar ist, wie eine automatisch skalierende Cloud Infrastruktur sowie die nötigen Konzepte aussehen können.
Wir beschreiben die Herausforderungen und unsere Lösungen, um den Shop für ein Multi-Server-Setup vorzubereiten und zu betreiben. Spezielle Anforderungen an eine solche Architektur sowie die Integration von Reverse Proxies (Varnish), die Nutzung eines CDNs, verschiedene Cache-Strategien und weitere Optimierung sind ebenfalls Bestandteil dieses Vortrags. Außerdem stellen wir unsere automatisierte Cloud-Deployment-Strategien vor, angefangen von den Entwicklungsumgebungen, über den continuous Integration Server und unser Testing Framework bis hin zum A/B-Deployment in der Cloud.
Logstash: Windows und Linux Logmanagement (Webinar vom 07.11.2014)NETWAYS
Logstash ist eine schlanke Open Source Lösung welche es erlaubt bei entsprechender Hardware Millionen von Logdaten zu verarbeiten und genau so schnell wieder in einem Frontend - Kibana - darzustellen. Neben der Funktionsweise, der Architektur und den Möglichkeiten von Logstash, wollen wir in diesem Webinar zeigen, wie Windows und Linux Logmeldungen sauber integriert werden können.
Webinare
Archiv Link: https://www.netways.de/webinare/archiv/logstash_webinare/logstash_windows_und_linux_log_management/
Aktuell: https://www.netways.de/webinare/webinare_aktuell/
NETWAYS
Konferenzen: https://www.netways.de/events_schulungen/home/
Schulungen: https://www.netways.de/events_schulungen/schulungen/home/
Shop: https://shop.netways.de/
Blog: http://blog.netways.de/
Social Media
YouTube: https://www.youtube.com/channel/UC8nIBEFmjzXjXeJV_hkkeIQ
Facebook: https://www.facebook.com/netways
Google+: https://plus.google.com/+netways/
Twitter: https://twitter.com/netways
HTML5-Performance: So rennt Ihre App und nicht Ihre Anwender (weg)André Krämer
Morgens halb zehn in Deutschland: Der Puls Ihrer Anwender ist mittlerweile im dreistelligen Bereich und die ersten User denken ernsthaft darüber nach, den PC aus dem Fenster zu werfen. Ursache: Die von Ihnen entwickelte webbasierte App bremst die Nutzer stets an den entscheidenden Stellen aus. An produktives Arbeiten ist kaum noch zu denken und Überstunden stehen auf dem Tagesprogramm. Doch so weit muss es gar nicht kommen. Glückliche Anwender sind nur wenige Handgriffe entfernt. Und genau diese Handgriffe, wird Ihnen André Krämer in diesem Vortrag zeigen. Gemeinsam werden wir den Ursachen langsamer Web- und Mobile-Apps in den Bereichen JavaScript, CSS und Co. auf den Grund gehen und diese Schritt für Schritt eliminieren.
Sie kennen doch bestimmt das "Gesetz des Instruments": Wer als Werkzeug nur ein modernes Frontend-Framework hat, löst jedes Problem mit einer Single Page-Applikation. So oder so ähnlich, nur halt mit Hammer und Nagel lautet es, beschreibt jedoch ganz gut die aktuelle Situation der JavaScript-Welt. Auf nahezu jede Anforderung wird mit einer aufgeblähten, clientseitig gerenderten SPA geantwortet. Doch ist es schön langsam an der Zeit, dass wir uns fragen sollten: Ist das wirklich alles? Und die Antwort lautet ziemlich sicher "Nein". Doch genau diesem Thema widmen wir uns und werfen einen Blick auf die Alternativen und da gibt es viele.
Im React-Ökosystem findet aktuell ein kleiner Umbruch statt. Mit Server Side Rendering, Static Site Generation, Server Components und Frameworks wie Next verschiebt sich ein Teil der Arbeit in Richtung Server. Dieser Trend ist auch bei Vue, Svelte und Angular zu beobachten. Und genau das ist es, was die sogenannten Meta-Frameworks ausmacht. Uns als EntwicklerInnen gibt das mehr Flexibilität, um auf Anforderungen reagieren zu können. Sie müssen nicht mehr den kompletten Quellcode zum Client übertragen, haben bessere Caching-Möglichkeiten und auch die Suchmaschinen sind Ihnen dankbar.
Dieser Vortrag gibt Ihnen einen Überblick über die wichtigsten Features von Meta-Frameworks und wo und vor allem wie sie gewinnbringend eingesetzt werden können.
Basta 2016 - Test- und Releaseumgebungen in der CloudMarc Müller
Test- und Produktionsumgebungen gehören zum täglich Brot von Entwicklungs-, Test- und Adminteams. In der Praxis sieht man dabei sehr oft das Phänomen, dass die diversen Umgebungen immer wieder von den Beteiligten händisch angelegt und gepflegt werden. In modernen DevOps-Prozessen ist dieses Vorgehen nicht mehr zeitgemäß, fehleranfällig und zu teuer. Im Vortrag soll vorgestellt werden, wie Umgebungen mit modernen Deployment- und Verwaltungskonzepten in Azure betrieben und automatisch deployt werden können. Die Grundlage für die Build-, Deployment- und Testautomatiseriung bildet hierbei Team Foundation Server bzw. Team Foundation Team Services.
Logstash: Open Source Log-Management (Webinar vom 20.02.2014)NETWAYS
Mit Logstash erhält man eine sehr gute Open Source Lösung, wenn es um das archivieren und sammeln von Logfiles geht. Nicht nur Syslog oder klassische Logfiles können abgegriffen werden, sondern auch das Windows Event-Log oder SNMP-Traps. Diese können anschließend in einem intuitiven Webinterface gefiltert und ausgewertet werden.
Webinare
Archiv Link: https://www.netways.de/webinare/archiv/logstash_webinare/logstash_open_source_log_management/
Aktuell: https://www.netways.de/webinare/webinare_aktuell/
NETWAYS
Konferenzen: https://www.netways.de/events_schulungen/home/
Schulungen: https://www.netways.de/events_schulungen/schulungen/home/
Shop: https://shop.netways.de/
Blog: http://blog.netways.de/
Social Media
YouTube: https://www.youtube.com/channel/UC8nIBEFmjzXjXeJV_hkkeIQ
Facebook: https://www.facebook.com/netways
Google+: https://plus.google.com/+netways/
Twitter: https://twitter.com/netways
9. Unterschiede zwischen Daten und Funktion
aktives Offline passives Offline
• Notiz • HTML
• Artikeltext • CSS
• Einstellungen • JavaScript
• Inhalte
Daten werden aktiv im Alle Frontend- und
Client gespeichert Logikdaten werden für
die Offlinenutzung im
Client gespeichert
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
14. localStorage
Was ist das?
• Persistenter Speicher für Text
• Wird als Alternative zu Cookies gesehen
Unterstützt von
• Allen gängigen Browsern
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
15. localStorage
var notes =
JSON.parse(localStorage.getItem("notes"));
var note = {
text : "Meine Notiz",
timestamp : 1234567890
}
notes.push(note);
localStorage.setItem("notes",JSON.stringify(notes));
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
16. localStorage
Pros Cons
• Support aller Browser • Langsam bei großen
• Einfach Datenmengen
• Schnelles Setup • Nicht durchsuchbar
• Text muss manuell
strukturierter werden
• Synchrone
Verarbeitung
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
17. WebSQL
Was ist das?
• deprecated
• strukturierte relationale Datenbank
Unterstützt von
• iOS seit 3.2
• Android seit 2.1
• Opera Mobile seit 11.0
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
19. WebSQL
Pros Cons
• Support von allen • Deprecated
gängigen Browsern • Relationales
• Asynchron Datenbank Knowhow
• Performance notwendig
• Struktur der Daten
• Einfache Migration
von bestehenden
Serverdatenbanken
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
20. IndexedDB
Was ist das?
• Konsequente Weiterentwicklung von
localStorage und WebSQL
• Objekte können direkt gespeichert werden
Unterstützt von
• Firefox ab 4.0, Chrome ab 11.0, IE
wahrscheinlich ab 10.0
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
21. IndexedDB
var note = {
text : "Meine Notiz",
timestamp : 1234567890
}
var openRequest = indexedDB.open("notes", "MyNotes");
openRequest.onsuccess = function(ev) {
db = ev.target.result;
var speicher = db.transaction(
[],IDBTransaction.READ_WRITE, 0
).objectStore("notes");
}
var request = speicher.put(note);
request.onsuccess = function(fx)
{console.log('saved');};
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
22. IndexedDB
Pros Cons
• Asynchron • Keine Unterstützung
• Objekte können ohne in mobilen Browsern
Vorbereitung • Kann komplex
gespeichert werden werden
• Durchsuchbar • Keine fixen
• Einfach benutzbar Datenstrukturen
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
23. FileSystem API
Was ist das?
• Speicher für Binärdateien
• Dateien werden im Dateisystem abgelegt
Unterstützt von
• Chrome seit 13 voll implementiert
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
24. FileSystem API
var note = {
text : "Meine Notiz",
timestamp : 1234567890
}
fs.root.getFile("notes/" + note.timestamp, {create:
true, exclusive: true}, function(file) {
file.createWriter(function(writer) {
writer.onerror = fileStore.onError;
var bb = new WebKitBlobBuilder;
bb.append(JSON.stringify(note));
writer.write(bb.getBlob("text/plain"));
handler();
}, fileStore.onError);
}, fileStore.onError);
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
25. FileSystem API
Pros Cons
• Speicher für große • Aktuell nur für den
Dateien Chrome verfügbar
• Asynchron • Nicht durchsuchbar
• Nicht für Objekte
geeignet
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
28. ApplicationCache
Was ist das?
• Speicher für Web-Ressourcen
• Webseiten können komplett offline
dargestellt werden
Unterstützt von
• Allen gängigen Browsern
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
30. ApplicationCache
Pros Cons
• Alle Dateien werden • Komplexes
herunter geladen Updateverhalten
• Schnelles Setup • Schwierig Online und
• Guter Browsersupport Offline zu kombinieren
• EventHandler um auf • Noch nicht in allen
Ereignisse reagieren zu Browsern strikt
können implementiert
• Für Webentwickler ein
seltsames Format
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
32. Schritte zur offline WebApp
1. Schritt - Layout und Struktur
Erstellen einer "normalen" WebApp
2. Schritt - localStorage
Implementierung der lokalen Datenhaltung
3. Schritt - ApplicationCache
Alle Daten und Assets lokal ablegen
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
33. 1. Schritt - Die WebApp
Struktur
index.html
Layout
style.css
Logik
script.js
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
36. 1. Schritt - Die WebApp - script.js
function addNote() {
/* Soll eine neue Notiz hinzufügen */
}
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
39. 2. Schritt - localStorage
Was ist das?
• Permanenter Speicher für Text
• Zugriff nur über die selbe "Domain"
• Mobil am weitesten verbreitet
• Einfach zu nutzen
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
40. 2. Schritt - localStorage
// liest ein Element aus dem Speicher
localStorage.getItem("key");
// schreibt ein Element in den Speicher
localStorage.setItem("key","value");
// löscht ein Element aus dem Speicher
localStorage.removeItem(“key“);
// löscht den gesamten Speicher
localStorage.clear();
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
44. 3. Schritt - ApplicationCache
Was ist das?
• Ein im Browser liegender permanenter
Cache.
• Ressourcen werden unter dem Namen
ihrer URL dort abgelegt.
• Ressourcen im ApplicationCache werden
nicht mehr vom Webserver abgerufen.
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
58. ApplicationCache - Update
• Änderungen von Dateien werden ignoriert
• Updates des ApplicationCache werden nur
geladen, wenn das CacheManifest
geändert wurde. Dabei ist der Inhalt
relevant.
• Caching-Header werden ignoriert
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
65. Updates - EventListener
ApplicationCache.addEventListener(handle,function,false)
cached: nach dem ersten Speichern eines CacheManifest
checking: Start des Ladens eines Manifests.
downloading: Start des Landes neuer Ressourcen.
error: 404 des Manifest oder geändertes Manifest während
des Downloads, Abbruch
noupdate: Update nicht erforderlich (keine Änderung)
obsolete: 404 -> Der ApplicationCache wird gelöscht
progress: Event für jede Ressource die geladen wird.
updateready: Letztes Event, wenn alle Ressourcen geladen
sind.
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
66. Bin ich offline?
if (navigator.onLine) {
// online
} else {
// offline
}
window.addEventListener('online', function(e) {
// aktiv online gehen
}, false);
window.addEventListener('offline', function(e) {
// aktiv offline gehen
}, false);
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
67. Weitere Fallstricke ApplicationCache
• Einbindene Seite wird immer gecached
• HTTP Cachingregeln greifen nicht
• Bei einem Fehler (404 oder Syntax) wird nichts
gecached
Richtige Syntax und Timing ist alles
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
71. Meine Empfehlung
• localStorage um Cookies zu vermeiden und
(kleine) Daten zu speichern
• ApplicationCache um das Laden von Seiten zu
beschleunigen oder mobile Seiten vollständig
offline zur Verfügung zu stellen.
• WebSQL mit Einschränkungen und wenn man
nur auf ein OS beschränkt ist.
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung
72. FAZIT
• Durch diese HTML5 Feature lassen sich heute schon
Webseiten trotz Funklöchern beschleunigen.
• Offline erfordert ein eigenes Konzept.
• Es sollten nur "geringe" Datenmengen gespeichert
werden.
• Bis es einen schnell implementierbaren Standard für alle
Systeme gibt, wird noch einige Zeit vergehen.
• HTML5 ist „work in progress“
Warum? Konzepte Techniken Schritte Fallstricke Empfehlung