Multimediale Webprogrammierung APIs in HTML /1. Multimediale Webprogrammierung APIs in HTML / /5

Größe: px
Ab Seite anzeigen:

Download "Multimediale Webprogrammierung APIs in HTML5 05.05.2015/1. Multimediale Webprogrammierung APIs in HTML5 05.05.2015/3 05.05.2015/5"

Transkript

1 Multimediale Webprogrammierung (1) ANMERKUNG ZUM EINSATZ VON JAVASCRIPT IN HTML / /2 Programmieren mit JavaScript JavaScript ist der dritte große Bestandteil von HTML5. Plain JavaScript wird natürlich gebraucht, aber HTML5 selbst stellt mehr als 10 APIs für wohl definierte Zwecke zur Verfügung, die allerdings teilweise noch in der Diskussion sind. Des Weiteren gibt es Standardbibliotheken von Drittanbietern wie jquery mit zahlreichen Submodulen, Prototype oder Google Maps. DOM Das Document Object Modell einer HTML5-Datei ist ein Baumgraph-Modell der HTML-Datei im aktuellen Zustand zur Laufzeit. Das DOM ist eine Darstellung des HTML-Dokuments als strukturierte Gruppe von Elementen und Objekten mit Eigenschaften und Methoden. Elemente haben zusätzlich Event-Handler, die ihnen zugeordnet sind. Ein festgelegtes Ereignis löst den/die Event-Handler dann aus / /4 DOM und JavaScript JavaScript ändert HTML-Dokumente so: Vom DOM der aktuellen Seite wird eine entsprechend geänderte Instanz erstellt. Es wird versucht, das HTML-Dokument (im Sinne von Elementen, Attributen, Event- Handlern, Texten etc., auch CSS) zu ändern. Erfolgsfall: Das DOM wird durch die vorab geänderte Instanz ersetzt. Misserfolgsfall: Ein Rollback wird durchgeführt. JavaScript einbinden Guter Stil zur Einbindung von JavaScript in Webseiten ist unter HTML5 das Einbinden mit Hilfe von Verweisen auf einzubindende, externe JavaScript-Bibliotheken. Man beginnt im Element <head> die Liste mit <script>-elementen mit den Standardbibliotheken und schreitet dann zu den Submodulen und zu den eigenen Spezialdateien. <script src="http://ajax.googleapis.com/ajax/libs/jquery/ /jquery.min.js"></script> / /6 1

2 JavaScript abarbeiten Der guten Ordnung halber sei angemerkt, dass eine zu Beginn geladene JavaScript-Funktion oft nicht sofort nach ihrem Laden ausgeführt werden kann. Wenn HTML-Elemente weiter unten im Quelltext angesprochen werden, müssen diese erst gerendert worden sein, bevor sie angesprochen werden können und sei es, um ihnen das Ereignis onclick o.ä. formal zuordnen zu können. Idee 1: window.onload = ersterfunktionsaufruf() JavaScript einbinden Das load-ereignis tritt erst ein, wenn das gesamte Dokument mitsamt aller externen Ressourcen vom Webserver heruntergeladen wurde. Dazu gehören eingebettete Grafiken, Multimedia-Plugins und gegebenenfalls Iframes mit weiteren HTML- Dokumenten. Das kann dauern. Idee 2: Ereignis DOMContentLoaded nutzen aber das geht anders!!! / /8 In HTML5 kann man ein Ereignis mit einem zugeordneten Handler einem Element auf nunmehr drei Arten zuordnen: <element id='idname' onereignistyp='meinefunktion()' /> getelementbyid(#idname).onereignistyp= meinefunktion; HTML5 hat einen Paradigmenwechsel in der Ereignis-zu-Element-Zuordnung vollzogen! Wurden bisher Paare (Ereignistyp, Handler) beim Element in Form von Ereignisattributen mit Handlerfunktionen registriert, so werden jetzt Paare (Element, Handler) beim Ereignistyp in einem neuen Eventmanager registriert. Leider sind wir mitten im Übergang, in allen Browsern. Das erfordert Experimente / /10 JavaScript funktioniert ereignisgesteuert. Die in HTML5 verfügbaren Ereignistypen registrieren HTML-Elemente unter Zuweisung von Handlern. (Im Eventmanager. Und nicht mehr umgekehrt.) Dabei kann man ein Paar (Ereignis, Handler) mehreren Elementen zugleich zuordnen, und ein Element kann mehrere registrierte Ereignisse gleichen Typs bekommen. Zur Wahl der Elemente gibt es neue Selektoren in JavaScript, die teils Arrays zurückgeben: /11 Angenommen, <body> enthält mehrere <p>. function showmessage() { alert('element angeklickt'); function clickelement() { document.getelementsbytagname('p')[0].onclick= showmessage; window.onload=clickelement; Alternative einfache Selektoren: getelementbyid(#idname) getelementsbyclassname(.classname) getelementsbyname('name') /12 2

3 Es gibt neue Selektoren in JavaScript: function clickelement2() { document.queryselector('#main p').onclick= showmessage; Dieser Selektor gibt immer nur das erste gefundene Element zurück. Der nächste gibt ein Array an: function clickelement3() { var list=document.queryselectorall('#main p'); list[0].onclick=showmessage; for(var f=0; f<list.length; f++) {list[f].onclick=showmessage; In HTML5 wird nun eine neue Funktion eingeführt: function clickelement4() { var p1=document.getelementsbytagname('p')[0]; p1.addeventlistener('click', showmessage, false); window.addeventlistener('load', clickelement4, false); Die Anzahl der Event Listener pro Element kann größer als Eins sein, auch mit gleichen Events als Auslöser. Das Wort false ist Pflicht. (true extra Zweck) / /14 Ereignisse können ähnlich auch wieder deregistriert werden, wobei aber Registrierung und Deregistrierung sensibel voneinander abhängen: var mevent = function(ev) {self.oninputmove(ev); document.getelementsbytagname('p')[0]. addeventlistener('mousemove', mevent, false); document.getelementsbytagname('p')[0]. removeeventlistener('mousemove', mevent, false); [http://stackoverflow.com/questions/ /removeeventlistener-is-notworking] Ereignismanager function start () { var pelement = document.getelementbyid("interaktiv"); pelement.addeventlistener("click", meldung1, false); pelement.addeventlistener("click", meldung2, false); function meldung1 () { window.alert("erste Handler-Funktion ausgeführt!"); function meldung2 () { window.alert("zweite Handler-Funktion ausgeführt!"); Meldungen erscheinen in Registrierreihenfolge / /16 JavaScript einbetten function dokumentgeladen (e) { alert("das Ereignis " + e.type + " ist passiert.") document.addeventlistener("load", dokumentgeladen, false); document.addeventlistener("domcontentloaded", dokumentgeladen, false); So kann man das Laden von JavaScript-Dateien wesentlich früher einleiten. Idee 3 (alt): JavaScript-Dateien werden durch Aufruf am Ende des HTML-Dokuments geladen. Liste von Events in HTML5 In HTML5 sind im Vergleich zu HTML 4 viele Events hinzugekommen, nicht nur für die Maus, auch für Fenster, Formulare, Tastatur und Medien. Eine Liste findet man unter mit Ausweisung der neuen Events. Den Stand der Technologien vermittelt molily unter / /18 3

4 Weitere Quellen Laden von JavaScript-Dateien beim Start: Die ganze Wiki gibt es unter dem Einstiegspunkt API-S FÜR JAVASCRIPT IN HTML / /20 APIs für JavaScript in HTML5 In HTML5 gibt es derzeit über 10 sogenannte APIs (Application Programming Interfaces) mit klarer Zweckbestimmung, um mit einfacher JavaScript- Syntax komplexe Vorgänge steuern zu können. Ziel soll es heute sein, einige APIs zu umreißen und ihre derzeitige Unterstützung durch Webbrowser aufzuzeigen. Jede API braucht eine längere Auseinandersetzung mit ihr, um genutzt werden zu können! HTML5 APIS und mehr Sammlung von HTML5 APIs, gruppiert mit Symbolen Weitere Sammlung von noch-nicht-html5 APIs Sammlung von noch-nicht-html5 APIs mit Quellenverweisen und Live Demos: https://github.com/aurelioderosa/html5-api-demos / /22 Canvas-API Die Canvas-API liefert Zeichenwerkzeuge in einer mächtigen Zeichenoberfläche <canvas>. Fähigkeiten sind unter anderem die dynamische Erstellung von Grafiken, die Animation von Texten und Bildern, die Verarbeitung von Texten und Bildern. Videos werden frameweise als Bilder behandelt. Das Bild auf der Canvas ist ein Bitmap, das durch API-eigene Funktionen erstellt und laufend verändert werden kann. Canvas-API Ein gravierender Nachteil der Canvas-API ist, dass es genau eine Zeichenfläche ohne Layer gibt. Sich partiell verdeckende Bildelemente zu verändern ist schwierig. Änderung von Bildelementen geht nur mit dem dem Bildelement entsprechenden Objekt in der JavaScript-Schicht der Canvas. Es muss neu gezeichnet werden, wobei mitunter vorher erst sein sichtbarer Anteil im Bild gelöscht werden muss / /24 4

5 Canvas-API Viele Aktionen auf der Canvas sind den Konzepten der Scalable Vector Graphics (SVG) nachempfunden, aber in JavaScript implementiert. Es besteht die Möglichkeit, Screenshots von Teilbereichen abzuspeichern, solange keine fremden Bilder oder Videos in die Canvas geladen worden sind. (Bild-/Videoquelle = gleiche Domäne) Ein Beispiel in [J.D. Gauchat] zeigt, wie ein eigenes Bild oder Video live in Farbe und zugleich in Schwarz-Weiß gezeigt werden kann. Verbreitung Nov / /26 Verbreitung Nov Spezifikation des W3C, Top 100 Canvas Demos, Tutorial, Tutorial, https://developer.mozilla.org/en- US/docs/Web/Guide/HTML/Canvas_tutorial?redirectlocale=en- US&redirectslug=Canvas_tutorial Bibliothek Explorercanvas (excanvas.js), https://code.google.com/p/explorercanvas/ - sehr gut in Firefox / /28 Drag&Drop-API Das Ziel dieser API ist es, durchaus komplexe Elemente von Webseiten nach dem Konzept von Drag&Drop mit der Maus in andere Elemente der Webseite zu ziehen. Das DOM und die HTML-Datei ändern sich! Verbreitung Nov Die Elemente können Text, Grafiken, Links und anderes enthalten. Aber auch Dateien können vom Desktop in die Webseite im Browser gezogen werden, allerdings nicht als Ikone / /30 5

6 Verbreitung Nov Spezifikation des W3C, Mai unverändert /31 Demo, Demo mit Bildern in einen Einkaufskorb, x.html Demo im IE9 mit Quellcodes, ult.html Demos (links unten = Menü), Demo - Dateien hochladen in Webseite, Tutorial, Tutorial, /32 Ein sehr schönes Beispiel mit überladener addevent()-funktion: - Tutorial, - Live Demo Fortgeschrittenes Eventmanagement mit überladenen addevent()- Funktionen in Variationen von molily: Vgl. Austin Matzko in und Dean Edwards, Tino Zijdel in Zitat: Wenn Sie bei solchem Event-Handling schnell zu Resultaten kommen wollen, sei Ihnen die Verwendung einer JavaScript- Bibliothek empfohlen. Die gängigen Frameworks nehmen Ihnen die Vereinheitlichung beim Event-Handling größtenteils ab. jquery-funktionen erklärt und demonstriert, ios/android Shim für mobile Geräte von Tim Ruffles (für die Webbrowser): https://github.com/timruffles/ios-html5-drag-drop-shim WHATWG Status Quo: https://html.spec.whatwg.org/multipage/interaction.html#dnd / /34 Geolocation-API Mit der Geolocation-API kann der Standort des Clients festgestellt werden, der die Webseite lädt. Genutzt werden Netzwerktriangulation (z.b. IP- Adressen) oder GPS-Signale. Die Rückgabe besteht aus geografischer Länge und Breite. Die Genauigkeit ist erstaunlich hoch, in Leipzig ohne GPS bis auf unter 60 Meter. Verbreitung Nov / /36 6

7 Verbreitung Nov Funktioniert in Opera sehr präzise!!! In Firefox funktioniert nicht alles und dann oft ungenau. Spezifikation des W3C, Demo im Web, Demo im Web, mit Adresseingabe, Demo im Web mit Google Maps, Tutorial, / /38 Quellen JavaScript-Tutorial online, W3C, 6 Webapplications, , Vielen Dank für Ihre Aufmerksamkeit bis demnächst / /40 7

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools

Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools Webseiten und Web-Apps grafisch gestalten mit HTML5 Canvas ohne Flash und sonstige Tools 1 Kurze HTML-Geschichte Die HTML4-Spezifikation wurde im Dezember 1997 vorgelegt. Seitdem Stagnation! Das W3C arbeitete

Mehr

Warten auf Ereignisse

Warten auf Ereignisse Abb. 1: Diese Botschaften wurden von dem Programm WINSIGHT aufgezeichnet. Warten auf Ereignisse Wenn wir in einem Windows-Programm eine Schaltfläche anklicken, wenn wir die Maus bewegen oder eine Taste

Mehr

Inhalt. Teil I: Der Sprachkern von JavaScript

Inhalt. Teil I: Der Sprachkern von JavaScript Inhalt Vorwort.... 1 Einführung in JavaScript... 1 1.1 Der JavaScript-Sprachkern... 4 1.2 Clientseitiges JavaScript... 9 Teil I: Der Sprachkern von JavaScript 2 Die lexikalische Struktur... 21 2.1 Zeichensatz...

Mehr

Sachwortverzeichnis... 251

Sachwortverzeichnis... 251 Inhalt Vorwort... V 1 WWW World Wide Web... 1 1.1 Das Internet Infrastruktur und Administration... 2 1.2 Datenübertragung... 4 1.3 Sprachen im Web... 6 1.4 Webseiten... 7 1.4.1 Clientseitige Dynamik...

Mehr

AJAX DRUPAL 7 AJAX FRAMEWORK. Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks.

AJAX DRUPAL 7 AJAX FRAMEWORK. Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks. DRUPAL 7 AJAX FRAMEWORK Was ist das Ajax Framework? Ein typischer Ablauf eines Ajax Requests Die Bestandteile des Ajax Frameworks AJAX Beispiele Fragen: Gibt es jemanden der noch gar keine Erfahrungen

Mehr

GeForMTjs. GeForMT-Syntax. Testumgebung. Demonstration. Werkstatt 2012 - Multitouch-Gestenerkennung im Web

GeForMTjs. GeForMT-Syntax. Testumgebung. Demonstration. Werkstatt 2012 - Multitouch-Gestenerkennung im Web Werkstatt 2012 - Multitouch-Gestenerkennung im Web GeForMTjs Web-Framework zur Gestenerkennung auf Basis der Beschreibungssprache GeForMT GeForMT-Syntax Atomare Gesten Anzahl der Kontakte Punkt, Linie,

Mehr

WEBSEITEN ENTWICKELN MIT ASP.NET

WEBSEITEN ENTWICKELN MIT ASP.NET jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm

Mehr

Webseiten-Programmierung

Webseiten-Programmierung Webseiten-Programmierung Sprachen, Werkzeuge, Entwicklung Bearbeitet von Günter Pomaska 1. Auflage 2012. Taschenbuch. xii, 255 S. Paperback ISBN 978 3 8348 2484 4 Format (B x L): 16,8 x 24 cm Weitere Fachgebiete

Mehr

Multivariate Tests mit Google Analytics

Multivariate Tests mit Google Analytics Table of Contents 1. Einleitung 2. Ziele festlegen 3. Einrichtung eines Multivariate Tests in Google Analytics 4. Das JavaScript 5. Die Auswertung der Ergebnisse Multivariate Tests mit Google Analytics

Mehr

Multimediale Web-Anwendungen. JavaScript. Einführung. MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1.

Multimediale Web-Anwendungen. JavaScript. Einführung. MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1. Multimediale Web-Anwendungen JavaScript Einführung MWA JavaScript-Einführung Dr. E. Schön Sommersemester 2015 Folie 1 Entstehungsgeschichte: JavaScript 1995 Netscape Communications Corp. (Brendan Eich)

Mehr

Webengineering. jquery

Webengineering. jquery Webengineering jquery Marcel Vilas 1 DHBW - Stuttgart jquery - Allgemein jquery ist eine JavaScript-Bibliothek (API) jquery ist eine Funktion (Funktionen sind Objekte) Vorteile: einfacher als vanilla JavaScript

Mehr

IAB Switzerland Anlieferung

IAB Switzerland Anlieferung IAB Switzerland Anlieferung Stand: 10. März 2010 Flash Spezifikation Bei Flash Werbemitteln ist die Klickzählung nicht automatisch durch den Adserver steuerund implementierbar. Deshalb ist bei der Erstellung

Mehr

JavaScript und das Document Object Model 30.05.07

JavaScript und das Document Object Model 30.05.07 JavaScript und das Document Object Model Dynamische Seiten Bestreben von Netscape und Microsoft, HTML-Seiten dynamisch zu gestalten Schlagwort DHTML Netscape/Sun: JavaScript Microsoft: JScript Problem

Mehr

Endbericht fü r das E-Learning Projekt Visualisierung von Netzwerkalgorithmen mit HTML5

Endbericht fü r das E-Learning Projekt Visualisierung von Netzwerkalgorithmen mit HTML5 Endbericht fü r das E-Learning Projekt Visualisierung von Netzwerkalgorithmen mit HTML5 Projekttitel: Visualisierung von Netzwerkalgorithmen mit HTML5 Projektcode: 2012.252 Projektleiter: Dr. Stefan Podlipnig

Mehr

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011

Auffrischung jquery. jquery Mobile. Marco Francke I 24.02.2011 Auffrischung jquery jquery Mobile Marco Francke I 24.02.2011 Mayflower GmbH 2010 write less do more Marco Francke 24. Februar 2011 24.02.11 Mayflower GmbH 2 Mayflower GmbH 2010 Was ist jquery und was kann

Mehr

Klausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg.

Klausurteilnehmer. Wichtige Hinweise. Note: Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 HS OWL, FB 7, Malte Wattenberg. Klausur Informatik Programmierung, 17.09.2012 Seite 1 von 8 Klausurteilnehmer Name: Matrikelnummer: Wichtige Hinweise Es sind keinerlei Hilfsmittel zugelassen auch keine Taschenrechner! Die Klausur dauert

Mehr

Seminar SS 2000 Enterprise Application Intergration

Seminar SS 2000 Enterprise Application Intergration Seminar SS 2000 Enterprise Application Intergration Web Programming Lifang Chen Betreuer: Marcello Mariucci Juli 2000, Universität Stuttgart Seminar "Web Programming" von Lifang Chen, Juli 2000 Folie 1

Mehr

Glossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten,

Glossar. SVG-Grafiken in Bitmap-Grafikformate. Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Glossar Anweisung Eine Anweisung ist eine Folge aus Schlüsselwörtern, Variablen, Objekten, Methoden und/oder Eigenschaften, die eine bestimmte Berechnung ausführt, eine Eigenschaft ändert oder eine Methode

Mehr

Digitale Whiteboard-Software mit HTML5, SVG und WebSockets

Digitale Whiteboard-Software mit HTML5, SVG und WebSockets Digitale Whiteboard-Software mit HTML5, SVG und WebSockets Webprogrammierung und Web 2.0-Technologien 30.11.2011 Jan Teske, Peter Weigt, Philipp Nagy, Daniel Hoffmann Gliederung 2 1. Aufgabenstellung 2.

Mehr

Michael Seeboerger-Weichselbaum. Das Einsteigerseminar JavaScript 4., überarbeitete Auflage

Michael Seeboerger-Weichselbaum. Das Einsteigerseminar JavaScript 4., überarbeitete Auflage Michael Seeboerger-Weichselbaum Das Einsteigerseminar JavaScript 4., überarbeitete Auflage Inhaltsverzeichnis Vorwort 11 Einleitung und Ziel des Buches 13 Schreibweisen 14 Die Beispiele aus dem Buch 15

Mehr

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen

Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Facebook iframe-tabs: individuelle Fanseiten-Reiter mit eigener Anwendung erstellen Anfang März 2011 hat Facebook das Erstellen von sogenannten iframe-tabs als individuelle Gestaltungsmöglichkeit von Fanseiten

Mehr

Browserbasiertes, kollaboratives Whiteboard

Browserbasiertes, kollaboratives Whiteboard WS 2011/12 Bachelorarbeit Browserbasiertes, kollaboratives Whiteboard Sebastian Dorn 1 von 21 Inhalt 1. Motivation 2. Analyse 3. Design 4. Evaluation 5. Fazit Inhalt 2 von 21 Motivation Zusammenarbeit

Mehr

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap

Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Cross-Platform Apps mit HTML5/JS/CSS/PhoneGap Proseminar Objektorientiertes Programmieren mit.net und C# Florian Schulz Institut für Informatik Software & Systems Engineering Einführung Was hat Cross-Plattform

Mehr

Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz

Di 8.4. Silverlight: Windows Presentation Foundation für s Web. Christian Wenz Di 8.4 January 21-25, 2008, Munich, Germany ICM - International Congress Centre Munich Silverlight: Windows Presentation Foundation für s Web Christian Wenz Silverlight // WPF für s Web OOP 2008 // Di

Mehr

Webdesign mit HTML und CSS Einführungsabend

Webdesign mit HTML und CSS Einführungsabend Einführungsabend Die eigene Internetseite Hypertext und html Das HTML Grundgerüst HTML-Editoren Skriptsprachen im WWW Rechtliche Absicherung Suchmaschinenoptimierung Das HTML Grundgerüst HTML ist ein Kompromiss

Mehr

Webentwicklung mit Mozilla Composer I.

Webentwicklung mit Mozilla Composer I. Tutorium Webentwicklung mit Mozilla Composer I. Präsentation der Sitzung vom 12. Mai 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Erstellen und Bearbeiten von Webseiten mit dem HTML-Editor

Mehr

Webseiten erstellen für Einsteiger

Webseiten erstellen für Einsteiger Daniel Mies Webseiten erstellen für Einsteiger Schritt für Schritt zur eigenen Website Galileo Press Vorbemerkungen 15 1 Vordem Start 21 1.1 Wie kommt die Seite aus dem Internet auf meinen Computer? 21

Mehr

«Integration in WebSite» HTML-/Javascript-Code-Beispiele

«Integration in WebSite» HTML-/Javascript-Code-Beispiele QuickInfo «Integration in WebSite» HTML-/Javascript-Code-Beispiele Fragen? Ihre Umfrage soll direkt in resp. auf Ihrer WebSite erscheinen? Die Möglichkeiten für eine technische Integration an exakten Stellen

Mehr

HTML 5-Editor für OpenStreetMap

HTML 5-Editor für OpenStreetMap HTML 5-Editor für OpenStreetMap Paul-Fiete Hartmann (OSM Benutzername: bastik) 21.3.2012 Inhalt 1 Motivation 2 Ähnliche Projekte 3 Mein Prototyp (Beboj) 4 Webtechniken (Details) 2 / 20 Abgrenzung HTML

Mehr

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 4: Einführung in JavaScript Stand: 03.11.2014. Übung WS 2014/2015. Benedikt Schumm M.Sc.

E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 4: Einführung in JavaScript Stand: 03.11.2014. Übung WS 2014/2015. Benedikt Schumm M.Sc. Übung WS 2014/2015 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 4: Stand: 03.11.2014 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt

Mehr

Web-Programmierung (WPR)

Web-Programmierung (WPR) Web-Programmierung (WPR) Vorlesung IV. JavaScript Manfred Gruner mailto:wpr@gruner.org Offene Fragen 1. Unterschied Link und Style Tag Link = HTML Syntax wird/kannl von anderen Programmen ausgewertet werden.

Mehr

Web Visu Tutorial. Hipecs Web Visu. Übersicht

Web Visu Tutorial. Hipecs Web Visu. Übersicht Revision Date V100 10082011 Hipecs Web Visu Die hipecs (high performance controller system) bietet die Möglichkeit einer sog Web-Visualisierung über den integrierten Webserver Hierfür wird im Standard

Mehr

Online-Publishing mit HTML und CSS für Einsteigerinnen

Online-Publishing mit HTML und CSS für Einsteigerinnen mit HTML und CSS für Einsteigerinnen Dipl.-Math. Eva Dyllong Universität Duisburg Dipl.-Math. Maria Oelinger spirito GmbH IF MYT 07-2002 Web-Technologien Überblick HTML und CSS, XML und DTD, JavaScript

Mehr

Agenda. Einführung AJAX Was ist eigentlich AJAX?

Agenda. Einführung AJAX Was ist eigentlich AJAX? Anwendung in.net Agenda Einführung AJAX Was ist eigentlich AJAX? Was macht AJAX? Klassisch vs. AJAX Bekannte Beispiele Wer hat es erfunden? Wer spricht AJAX? ASP.NET AJAX Microsoft und AJAX Microsofts

Mehr

3. Clientseitige Verarbeitung und Javascript

3. Clientseitige Verarbeitung und Javascript 3. Clientseitige Verarbeitung und Javascript Inhalt: Javascript Einbindung von Javascript-Funktionen in Webseiten DOM-Referenzierung Realisierung dynamischer Effekte über das DOM Exkurs: Objektorientiert

Mehr

Dr. Thomas Meinike Hochschule Merseburg

Dr. Thomas Meinike Hochschule Merseburg XSLT Programmierung effektiv und schmerzfrei! Dr. Thomas Meinike Hochschule Merseburg thomas.meinike@hs merseburg.de http://www.iks.hs merseburg.de/~meinike/ @XMLArbyter Zusatzmaterial Februar

Mehr

BillSAFE Payment Layer Integration Guide

BillSAFE Payment Layer Integration Guide BillSAFE Payment Layer Integration Guide letzte Aktualisierung: 10.06.2013 Inhaltsverzeichnis 1 Vorwort...2 1.1 Inhalt...2 1.2 Zielgruppe...2 1.3 Voraussetzungen...2 1.4 Feedback...2 1.5 Versionshistorie...3

Mehr

Veröffentlichen von mit der Kamera aufgenommenen Videos auf Webseiten

Veröffentlichen von mit der Kamera aufgenommenen Videos auf Webseiten Veröffentlichen von mit der Kamera aufgenommenen Videos auf Webseiten Dieses Dokument enthält Informationen über das Veröffentlichen von mit der Kamera aufgenommenen Videos auf einer Webseite. Anpassen

Mehr

Falls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche.

Falls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche. 1. Schritt Schaltfläche vorbereiten In Photoshop eine neue Datei in Größe der Schaltfläche erstellen. Hier: Breite: 100 Pixel Höhe: 50 Pixel Auflösung 72 dpi Hintergrund: Weiß* Der weiße Hintergrund ist

Mehr

HTML5 / CSS3. 19.10.2009 - Webtreff - Konstanz Lars Messmer - COMSOLIT GmbH

HTML5 / CSS3. 19.10.2009 - Webtreff - Konstanz Lars Messmer - COMSOLIT GmbH HTML5 / CSS3 19.10.2009 - Webtreff - Konstanz Lars Messmer - COMSOLIT GmbH Seite / 68 COMSOLIT GmbH Fullservice Agentur die erfolgreich professionelle Gesamtlösungen umsetzt. Zu den Kernkompetenzen zählen:

Mehr

AJAX. Autor: Othmane Mihfad omihfad@hotmail.com

AJAX. Autor: Othmane Mihfad omihfad@hotmail.com AJAX Autor: Othmane Mihfad omihfad@hotmail.com Was ist AJAX? Ajax ist die Abkürzung für: Asyncronous JavaScript And XML Ajax stellt eine Kombination aus mehreren Technologien da: Javascript XML und XMLHTTPRequest

Mehr

Dataport IT Bildungs- und Beratungszentrum. HTML- Grundlagen und CSS... 2. XML Programmierung - Grundlagen... 3. PHP Programmierung - Grundlagen...

Dataport IT Bildungs- und Beratungszentrum. HTML- Grundlagen und CSS... 2. XML Programmierung - Grundlagen... 3. PHP Programmierung - Grundlagen... Inhalt HTML- Grundlagen und CSS... 2 XML Programmierung - Grundlagen... 3 PHP Programmierung - Grundlagen... 4 Java - Grundlagen... 5 Java Aufbau... 6 ASP.NET Programmierung - Grundlagen... 7 1 HTML- Grundlagen

Mehr

1.1 Worum es in diesem Buch geht... 3. Moving Target: Offene Webstandards... 4. 1.3 Web-Animationen: Status quo... 5

1.1 Worum es in diesem Buch geht... 3. Moving Target: Offene Webstandards... 4. 1.3 Web-Animationen: Status quo... 5 VII Inhalt 1 Einführung 2 1.1 Worum es in diesem Buch geht... 3 1.2 Moving Target: Offene Webstandards... 4 1.3 Web-Animationen: Status quo... 5 2 Das Autorenwerkzeug Adobe Edge Animate 8 2.1 Zielgruppen...

Mehr

Themen. JavaScript. Datentypen, Kontrollstrukturen, Besonderheiten. Document Object Model - Übersicht

Themen. JavaScript. Datentypen, Kontrollstrukturen, Besonderheiten. Document Object Model - Übersicht Themen JavaScript Datentypen, Kontrollstrukturen, Besonderheiten Document Object Model - Übersicht Einleitung Bereits gesehen: Folgend: Strukturierung von Inhalten mittels HTML CSS zur Formatierung von

Mehr

Die offizielle Homepage, Informationen, Entwicklergemeinde, etc. findet man unter www.eyeos.org

Die offizielle Homepage, Informationen, Entwicklergemeinde, etc. findet man unter www.eyeos.org eyeos Kurzer Einblick Vor und Hinter die Kulissen von eyeos! by schuestel am 17.09.2008 @ LUG mteich Wer oder was ist eyeos? eyeos ist gedacht als Notebook Ersatz um überall auf seine Dateien zugreifen

Mehr

JavaScript kinderleicht!

JavaScript kinderleicht! JavaScript kinderleicht! Einfach programmieren lernen mit der Sprache des Web Bearbeitet von Nick Morgan 1. Auflage 2015. Taschenbuch. XX, 284 S. Paperback ISBN 978 3 86490 240 6 Format (B x L): 16,5 x

Mehr

epub Von epub bis Flash HTML5 Flash XML xhtml Apps IDML ebook Kindle 16. September 2011 Swiss Publishing Week

epub Von epub bis Flash HTML5 Flash XML xhtml Apps IDML ebook Kindle 16. September 2011 Swiss Publishing Week IDML epub ebook Kindle HTML5 XML xhtml Flash Apps Von epub bis Flash 16. September 2011 Swiss Publishing Week Kontakt: Folien: gregor.fellenz@publishingx.de http://www.publishingx.de/dokumente Digitale

Mehr

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung

Programmieren. Programmieren. Webseiten aufpeppen. Grafikkarte ausreizen. Coole Sprachen. Kinect am PC. 3D-Programmierung jquery: E-Book und Video auf DVD DVD Listings: Win-8-App im Eigenbau E-Book: jquery Das JavaScript- Framework für interaktives Design Videotutorial Moderne Webseiten gestalten mit jquery UI Visual Studio

Mehr

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps

HTML5- Apps. für iphone und Android. HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps Markus Spiering / Sven Haiges / Rene Scholze HTML5- Apps für iphone und Android HTML5, CSS3 und jquery Mobile: Design, Programmierung und Veröffentlichung plattformübergreifender Apps 5 Inhaltsverzeichnis

Mehr

Alte Technik neu verpackt

Alte Technik neu verpackt Alte Technik neu verpackt AJAX hilft Anwendungen im Web interaktiver zu werden Christian Aurich Ronny Engelmann Alte Technik neu verpackt Entwicklung von AJAX Was ist Web 2.0 / Social Web? Anwendungen

Mehr

jquery! JavaScript Frameworks Dr. Cora Burger

jquery! JavaScript Frameworks Dr. Cora Burger jquery! JavaScript Frameworks Dr. Cora Burger Überblick 1. Anwendungsbeispiele 2. Einstieg 3. jquery 4. Erweiterung jqueryui 5. Plugin-Beispiele 6. Erweiterung jquery Easing 7. Zusammenfassung, Ausblick

Mehr

Übung 1. Explorer. Paint. Paint. Explorer

Übung 1. Explorer. Paint. Paint. Explorer Seite 1 Übung 1 1. Öffnen Sie das Programm PAINT 2. Maximieren Sie das Fenster 3. Verkleinern Sie das Fenster (Nicht Minimieren!!) 4. Öffnen Sie ZUSÄTZLICH zu PAINT den Windows Explorer 5. Verkleinern

Mehr

Developer Week 2013 Offline (mobile) Webdevelopment

Developer Week 2013 Offline (mobile) Webdevelopment Developer Week 2013 Offline (mobile) Webdevelopment Kerstin Blumenstein Grischa Schmiedl Wer bin ich & Woher komm ich? Warum eigentlich? Problemstellung Nutzungssituationen Zu Hause, auf Arbeit Unterwegs

Mehr

Einführung in PHP. (mit Aufgaben)

Einführung in PHP. (mit Aufgaben) Einführung in PHP (mit Aufgaben) Dynamische Inhalte mit PHP? 2 Aus der Wikipedia (verkürzt): PHP wird auf etwa 244 Millionen Websites eingesetzt (Stand: Januar 2013) und wird auf etwa 80 % aller Websites

Mehr

Multimediale Webprogrammierung

Multimediale Webprogrammierung Multimediale Webprogrammierung (2) 12.05.2015/1 Storage-APIs Es gibt zwei, die clientseitige Speicherung von Webseitendaten befördern: Web-Storage-API und Indexed-Database-API. (Letztere ersetzt die obsolete

Mehr

Anleitungen zum Einfügen eines Partnerlinks in Ihre Website

Anleitungen zum Einfügen eines Partnerlinks in Ihre Website www.satnam.de Anleitungen zum Einfügen eines Partnerlinks in Ihre Website A. Mittels eines Content-Management-Systems (CMS) oder Weblogs Seiten 2-6 B. Mittels eines Homepagebaukastens, z.b. von 1&1 Seiten

Mehr

Einsatz von Scalable Vector Graphics (SVG) zur Modellrepräsentation und -manipulation in Web-Anwendungen mit J2EE

Einsatz von Scalable Vector Graphics (SVG) zur Modellrepräsentation und -manipulation in Web-Anwendungen mit J2EE Einsatz von Scalable Vector Graphics (SVG) zur Modellrepräsentation und -manipulation in Web-Anwendungen mit J2EE www.arsnova.de ARS NOVA Technical Workshop, 24. Juni 2004 1 Agenda Motivation und Zielsetzung

Mehr

Webdesign-Multimedia HTML und CSS

Webdesign-Multimedia HTML und CSS Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente

Mehr

HTML5. W3C-Tag 2009 Felix Sasaki FH-Potsdam / W3C deutsch-österr. Büro felix.sasaki@fh-potsdam.de

HTML5. W3C-Tag 2009 Felix Sasaki FH-Potsdam / W3C deutsch-österr. Büro felix.sasaki@fh-potsdam.de HTML5 W3C-Tag 2009 Felix Sasaki FH-Potsdam / W3C deutsch-österr. Büro felix.sasaki@fh-potsdam.de Hinweis "Teaching the Web" Event 15.10.2009, FH Potsdam Homepage http://www.w3c.de/events/2009/office-opening

Mehr

Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links

Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links Was ist SVG? Was ist SVG? Inhalt: Allgemeines zu SVG Besondere Merkmale Vor- und Nachteile Dateiformat Standardobjekte Koordinatensystem Beispiele Links SVG: Allgemeines zu SVG SVG = Scalable Vector Graphics

Mehr

Sicherheit in Rich Internet Applications

Sicherheit in Rich Internet Applications Sicherheit in Rich Internet Applications Florian Kelbert 14.02.2008 Seite 2 Sicherheit in Rich Internet Applications Florian Kelbert 14.02.2008 Inhaltsverzeichnis Grundlagen Ajax und Mashups Adobe Flash-Player

Mehr

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.

Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und

Mehr

Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap

Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap Öko APEX Hybride Lösung für Smartphones mit APEX und PhoneGap Christian Rokitta themes4apex Utrecht, Niederlande Schlüsselworte Oracle Application Express, Apps, Smartphone, PhoneGap, HTML5, CSS, jquery

Mehr

Wir bewegen Marken. Richtlinien von MRAID basierten InApp-HTML5-MobileAds innerhalb des SevenOne Media Portfolios. InApp HTML5

Wir bewegen Marken. Richtlinien von MRAID basierten InApp-HTML5-MobileAds innerhalb des SevenOne Media Portfolios. InApp HTML5 Richtlinien von MRAID basierten InApp-HTML5-MobileAds innerhalb des SevenOne Media Portfolios InApp HTML5 Richtlinien von MRAID basierten InApp-HTML5- MobileAds innerhalb des SevenOne Media Portfolios

Mehr

DOXNET Tag 24. November Datenströme und ihre Zukunft

DOXNET Tag 24. November Datenströme und ihre Zukunft 1 DOXNET Tag 24. November 2016 Datenströme und ihre Zukunft Agenda Einstieg/Gegenüberstellung AFP: Advanced Function Printing/Presentation PDF: Portable Document Format HTML5: Hypertext Markup Language

Mehr

Multimedia im Netz. Übung zur Vorlesung. Ludwig-Maximilians-Universität Wintersemester 2010/2011

Multimedia im Netz. Übung zur Vorlesung. Ludwig-Maximilians-Universität Wintersemester 2010/2011 Übung zur Vorlesung Multimedia im Netz Ludwig-Maximilians-Universität Wintersemester 2010/2011 Ludwig-Maximilians-Universität München Multimedia im Netz - Übung - 3-1 Übungsblatt - 3 Thema: JavaScript

Mehr

Scalable Vector Graphics. Ulrich Hoffmann

Scalable Vector Graphics. Ulrich Hoffmann <Ulrich.E.Hoffmann@gmx.de> Scalable Vector Graphics Ulrich Hoffmann 1 Überblick ftp://tins1.rz.e-technik.fh-kiel.de/home/share/xxml Was ist SVG? Wie lässt sich SVG anzeigen, bearbeiten? Wie sehen SVG-Dokumente

Mehr

Kurszusammenfassung Multimediale Webprogrammierung SS 2014/2015, Prof. Dr. M. Frank

Kurszusammenfassung Multimediale Webprogrammierung SS 2014/2015, Prof. Dr. M. Frank Kurszusammenfassung Multimediale Webprogrammierung SS 2014/2015, Prof. Dr. M. Frank Nachfolgend finden Sie für Ihre Klausurvorbereitungen die stichpunktartige, themenorientierte Zusammenfassung des Kurses.

Mehr

Programmieren 2 (Prof. Hasbargen) Klausur

Programmieren 2 (Prof. Hasbargen) Klausur Programmieren 2 (Prof. Hasbargen) 1 Klausur Aufgabe 1 (10 Punkte) Dynamisierung von HTML-Seiten HTML-Seiten sind eine gängige Art und Weise, Informationen darzustellen. Nennen Sie die Gründe, welche Vorteile

Mehr

Dabei bezeichnet die ClassId die ActiveX-Komponente hier der Media Player in der Version 7 und 9:

Dabei bezeichnet die ClassId die ActiveX-Komponente hier der Media Player in der Version 7 und 9: Das Einbinden von Videos in eine Webseite WMV-Videos Das Windows Media Format (Endung *.wmv oder *.asf) benötigt zum Abspielen den Windows Media Player, der zumindest auf Windows -Pcs in der Regel vorhanden

Mehr

D.5 Eine Klasse für serielle Geräte schreiben

D.5 Eine Klasse für serielle Geräte schreiben D.5 Eine Klasse für serielle Geräte schreiben 285 D.5 Eine Klasse für serielle Geräte schreiben Man kann viel lernen, wenn man in einer interaktiven Umgebung mit einer neuen Bibliothek herumspielt. Allerdings

Mehr

Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems

Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems Konzeption und Entwicklung einer mobilen Web-Applikation aus dem XML-Datenexport eines Redaktionssystems Thomas Hennig 08.11.2013 Wiesbaden 1 Gliederung 1 Einleitung 2 Anforderungen 3 Funktionsprinzip

Mehr

Designänderungen mit CSS und jquery

Designänderungen mit CSS und jquery Designänderungen mit CSS und jquery In der epages-administration gibt es in den Menüpunkten "Schnelldesign" und "Erweitertes Design" umfangreiche Möglichkeiten, das Design der Webseite anzupassen. Erfahrene

Mehr

Diese Anleitung beschreibt das Vorgehen mit dem Browser Internet Explorer. Das Herunterladen des Programms funktioniert in anderen Browsern ähnlich.

Diese Anleitung beschreibt das Vorgehen mit dem Browser Internet Explorer. Das Herunterladen des Programms funktioniert in anderen Browsern ähnlich. Die Lernsoftware Revoca Das Sekundarschulzentrum Weitsicht verfügt über eine Lizenz bei der Lernsoftware «Revoca». Damit können die Schülerinnen und Schüler auch zu Hause mit den Inhalten von Revoca arbeiten.

Mehr

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de

Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache

Mehr

ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx)

ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) ActiveX Scripting IE und DHTML (DOM): Architektur, Beispiele (Object Rexx) Oliver Spritzendorfer Thomas Fekete ActiveX Technologie für ausführbaren Programmcode auf Web-Seiten wiederverwendbare Softwarekompononente

Mehr

Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten

Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten SIMOTION Tutorials Vorbereitungen zum SIMOTION Webserver Tutorial Anwenderdefinierte Webseiten siemens.com/answers SIMOTION- 2 Webserver aktivieren 3 Demo-Variablen hinzufügen 4 Web-Editor 6 Web- 10 SIMOTION

Mehr

Der SCHWEIZER WELTATLAS interaktiv als Web Applikation

Der SCHWEIZER WELTATLAS interaktiv als Web Applikation 16. Januar 2014 Der SCHWEIZER WELTATLAS interaktiv als Web Applikation Ein Prototyp realisiert mit ArcGIS API for JavaScript Masterarbeit am Institut für Kartografie und Geoinformation Leitung Prof. Dr.

Mehr

FTP Tutorial. Das File Transfer Protocol dient dem Webmaster dazu eigene Dateien wie z.b. die geschriebene Webseite auf den Webserver zu laden.

FTP Tutorial. Das File Transfer Protocol dient dem Webmaster dazu eigene Dateien wie z.b. die geschriebene Webseite auf den Webserver zu laden. FTP Tutorial Das File Transfer Protocol dient dem Webmaster dazu eigene Dateien wie z.b. die geschriebene Webseite auf den Webserver zu laden. Um eine solche Verbindung aufzubauen werden einerseits die

Mehr

Mobile Doku mit altbekannten Werkzeugen. Prof. Sissi Closs

Mobile Doku mit altbekannten Werkzeugen. Prof. Sissi Closs Mobile Doku mit altbekannten Werkzeugen Mobile Doku? Ein neues Buzz-Wort. Dazu später noch der neue tekom Leitfaden. Warum keine klassische Web-Help/Seite am mobilen Gerät? kein schönes Bedienerlebnis

Mehr

DATENFORMATE IM INTERNET

DATENFORMATE IM INTERNET DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV

Mehr

D ie Z ukunft m it H TM L5

D ie Z ukunft m it H TM L5 D ie Z ukunft m it H TM L5 Folien unter http://www.w3c.de/events/2009/webtech-html5/sasaki-webtech09-html5.pdf 1 HTML5-Beispiele getestet mit Firefox 3.5.3 2 Sprecher Hauptschwerpunkte Mehrsprachige Daten

Mehr

Ajax und PHP. Cristian Darie, Bogdan Brinzarea, Mihai Bucica, Filip Chereches. Interaktive Webanwendungen für das Web 2.

Ajax und PHP. Cristian Darie, Bogdan Brinzarea, Mihai Bucica, Filip Chereches. Interaktive Webanwendungen für das Web 2. Produktinformation http://www.hanser.de/deckblatt/deckblatt1.asp?isbn=3-446-40920-3&style=leseprobe Seite 1 von 1 12.09.2006 Ajax und PHP Cristian Darie, Bogdan Brinzarea, Mihai Bucica, Filip Chereches

Mehr

Microsoft PowerPoint 2013 YouTube-Video einfügen

Microsoft PowerPoint 2013 YouTube-Video einfügen Hochschulrechenzentrum Justus-Liebig-Universität Gießen Microsoft PowerPoint 2013 YouTube-Video einfügen YouTube-Video einfügen in PowerPoint 2013 Seite 1 von 6 Inhaltsverzeichnis Einleitung... 2 Vorbereitungen...

Mehr

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8

Inhaltsverzeichnis. Florence Maurice. Mobile Webseiten. Strategien, Techniken, Dos und Don'ts für Webentwickler. ISBN (Buch): 978-3-446-43118-8 Inhaltsverzeichnis Florence Maurice Mobile Webseiten Strategien, Techniken, Dos und Don'ts für Webentwickler ISBN (Buch): 978-3-446-43118-8 ISBN (E-Book): 978-3-446-43279-6 Weitere Informationen oder Bestellungen

Mehr

Nächste Generation von Web-Anwendungen mit Web Intents

Nächste Generation von Web-Anwendungen mit Web Intents Nächste Generation von Web-Anwendungen mit Web Intents Willie Chieukam adorsys GmbH & Co. KG 1 Erkennen Sie den? Willie Chieukam Senior Software Entwickler/Berater seit 7 Jahren aktiv noch immer mit fragendem

Mehr

Verteilte Systeme Hochschule Mannheim

Verteilte Systeme Hochschule Mannheim Verteilte Systeme Hochschule Mannheim Thorsten Reitz, Thomas Zimmermann, Jori Kern, Tobias Schröder, Christoph Reiser, Kay Estelmann Fakultät für Informatik Hochschule Mannheim 8.4.2011 Heute 1 Einleitung

Mehr

Erstellen eines Beitrags auf der Homepage Schachverband Schleswig-Holstein - Stand vom 01.06.2015

Erstellen eines Beitrags auf der Homepage Schachverband Schleswig-Holstein - Stand vom 01.06.2015 Erstellen eines Beitrags auf der Homepage Einleitung... 3 01 Startseite aufrufen... 4 02 Anmeldedaten eingeben... 5 03 Anmelden... 6 04 Anmeldung erfolgreich... 7 05 Neuen Beitrag anlegen... 8 06 Titel

Mehr

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages

DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Wir automatisieren und optimieren Ihre Geschäftsprozesse DCCS Lotusphere Nachlese 2012 Was sind XPages? Mobile Features für XPages Thomas Brandstätter 06.03.2012 www.dccs.at Agenda Theorie Was sind XPages

Mehr

Spamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG

Spamschutz bei TYPO3. von Bernd Warken bei Fa. Netcos AG Spamschutz bei TYPO3 von Bernd Warken bei Fa. Netcos AG Kapitel 0: Einleitung 3 0.1 Vorwort 3 0.2 Lizenz 3 Kapitel 1: Aktivierung und Konfiguration 4 1.1 config.spamprotectemailaddresses 4 1.2 config.spamprotectemailaddresses_atsubst

Mehr

Multimediale Webprogrammierung APIs in HTML5 12.05.2015/1. Multimediale Webprogrammierung APIs in HTML5 12.05.2015/3 12.05.2015/5

Multimediale Webprogrammierung APIs in HTML5 12.05.2015/1. Multimediale Webprogrammierung APIs in HTML5 12.05.2015/3 12.05.2015/5 Storage-APIs Multimediale Webprogrammierung (2) Es gibt zwei, die clientseitige Speicherung von Webseitendaten befördern: Web-Storage-API und Indexed-Database-API. (Letztere ersetzt die obsolete Web-SQL-Database-

Mehr

Script-Sprache für UPT und MKT-View II / III / IV. Einleitung, Anwendungsfälle, Programmierung. MKT Systemtechnik

Script-Sprache für UPT und MKT-View II / III / IV. Einleitung, Anwendungsfälle, Programmierung. MKT Systemtechnik Einleitung, Anwendungsfälle, Programmierung MKT Systemtechnik Autor: Stand: Ablage: Wolfgang Büscher Dipl.-Ing. Soft- und Hardware-Entwicklung buescher@mkt-sys.de 2015-01-21 (JJJJ-MM-DD) art85133_einfuehrung_mktview_scriptsprache.odp/pdf;

Mehr

JavaScript. Die universelle Sprache zur Web-Programmierung. von Ralph Steyer. 1. Auflage. Hanser München 2014

JavaScript. Die universelle Sprache zur Web-Programmierung. von Ralph Steyer. 1. Auflage. Hanser München 2014 JavaScript Die universelle Sprache zur Web-Programmierung von Ralph Steyer 1. Auflage Hanser München 2014 Verlag C.H. Beck im Internet: www.beck.de ISBN 978 3 446 43942 9 Zu Leseprobe schnell und portofrei

Mehr

2. Einführung: Was ist AJAX?

2. Einführung: Was ist AJAX? 2. Einführung: Was ist AJAX? AJAX ist eins der Schlagworte, die derzeit unter dem Oberbegriff Web 2.0 in Webentwicklerkreisen öfters zu hören sind. Zum Web 2.0, welches ursprünglich ein aus dem Marketing

Mehr

Dokumentation_Internetseiten_für_Schornsteinfeger

Dokumentation_Internetseiten_für_Schornsteinfeger Inhaltsverzeichnis 1 Wichtiger Hinweis 2 Einstellung für Browser 3 Allgemeines 4 Technologie 5 Fontend/Backend 6 Ihre Interseite bearbeiten 7 Menüpunkt Seite 8 Einzelne Seiten bearbeiten 9 Seiteneigenschaften

Mehr

Die Sache mit den Bildern

Die Sache mit den Bildern Die Sache mit den Bildern S Grafiken im mobilen Webdesign S S Contao NRW Day 2014 S 1 Janosch Oltmanns seit 2011 bei DMA Interaction Developer Desktop & Mobile Buchautor: Web-Apps erstellen mit CMS-Daten

Mehr

Web-Modul in Lightroom 5. Stefan Sporrer

Web-Modul in Lightroom 5. Stefan Sporrer Web-Modul in Lightroom 5 Stefan Sporrer Photoshop Lightroom 5 Modul: Web Lightroom 5 Module Bibliothek Entwickeln Karte Buch Diashow Drucken Web Modul: Web Erstellen von Foto-Gallerien Kompletten Foto-Web-Sites

Mehr

Kryptos Eine Lernplattform zur Kryptologie

Kryptos Eine Lernplattform zur Kryptologie Techniken Implementierung Demo Schluss Eine Lernplattform zur Kryptologie Universität Oldenburg - Abteilung Parallele Systeme Dimplomarbeit Techniken Implementierung Demo Schluss Übersicht 1 2 Techniken

Mehr

PDF created with FinePrint pdffactory trial version http://www.fineprint.com. Dreamweaver - Schulung, Cosima Joergens, S. 1

PDF created with FinePrint pdffactory trial version http://www.fineprint.com. Dreamweaver - Schulung, Cosima Joergens, S. 1 Dreamweaver - Schulung, Cosima Joergens, S. 1 Verhalten JavaScript wird in Dreamweaver mit Verhalten bezeichnet. JavaScripts kö nnen nur in Browsern ausgeführt werden, die JavaScript unterstützen und bei

Mehr

Frontend-Entwicklung mit JavaScript

Frontend-Entwicklung mit JavaScript headquarter Frontend-Entwicklung mit JavaScript Single Page Applications Server-Side HTML Rendering Client-Side HTML Rendering kein JavaScript wenig JavaScript nur JavaScript Der Browser bietet viele neue

Mehr