Lektion 5: JavaScript / JSON / DOM
|
|
- Bertold Schräder
- vor 8 Jahren
- Abrufe
Transkript
1 Lektion 5: JavaScript / JSON / DOM Helmar Burkhart Informatik Universität Basel Helmar.Burkhart@... WT-5-1 Lernziele und Inhalt ECMAScript und JavaScript kennenlernen DOM verstehen Klientenseitige Programme erstellen 1. ECMAScript und JavaScript Einführung 2. JSON 3. Ereignisorientierte Programmierung 4. DOM WT-5-2 1
2 ECMAScript, JavaScript, JScript ECMAScript: Standard des Sprachkerns Heute: ECMA-262 V5.1 Juni JavaScript und JScript: Implementierungen des Standards durch Browserhersteller ECMAScript V5 = JavaScript (Mozilla) bzw. JScript 9.0 (Microsoft) DOM Methoden sind separater Standard werden aber in JavaScript und Jscript implementiert. WT-5-3 xyzscript Uebersicht Skriptsprachen Imperative, funktionale und objektbasierte Sprachelemente Haupteinsatz: Klientenseitige Programme durch Einbettung von Scriptcode in HTML-Seiten und Browserinterpretation Unterstützung asynchroner Zugriffsmodelle: AJAX Frameworks für die Entwicklung von Webanwendungen: prototype, JQuery,... Werkzeuge und Browsererweiterungen. WT-5-4 2
3 Werkzeuge für das Arbeiten mit JavaScript Texteditor: dashcode, notepad++, jedit, Browser: Firefox 5.0 oder neuer + Add-on Firebug 1.9 WT-5-5 JavaScript EinbeEung in HTML Ausführung im Browser <HTML><HEAD><TITLE>WT-JavaScript</TITLE></HEAD> <BODY> <SCRIPT LANGUAGE = "JavaScript"> document.writeln("wo bin ich um 15.00?"); alert("beim Kaffee!"); </SCRIPT> </BODY> </HTML> example1.html WT-5-6 3
4 ECMAScript Themen Lexikalische Konventionen Typen Ausdrücke Anweisungen Funktionen Objekte Weitere vordefinierte Objekte... WT-5-7 Dynamisches Typenkonzept function calculate(a, b, c) { return (a+b)*c; } example1 = calculate (1, 2, 3) example2 = calculate ([1, 2, 3], [4, 5, 6], 2) example3 = calculate ('apples ', 'and oranges, ', 3) 9 [1, 2, 3, 4, 5, 6, 1, 2, 3, 4, 5, 6] apples and oranges, apples and oranges, apples and oranges, WT-5-8 4
5 Globale und lokale Variable function funktion1() { // (1) y = 17; // (2) var y = 17; } function funktion2() { alert("der Wert von y ist " + y); } funktion1(); funktion2(); WT-5-9 Vordefinierte Objekte JavaScript kennt einige vordefinierten Objekte bzw. Objekttypen: Array: Math: Date: String: Image: Number: Boolean: Function: RegExp: Felder Mathema-sche Funk-onen Datum Zeichenke7en Bilder Zahlen Boolesche Objekte (true, flase) Funk-onen als Objekte Reguläre Ausdrücke WT
6 Objekte vom Typ Array Konstruktoren: 0 Array(n): Erzeugt ein Feld mit n Elementen. 0 Array(): Erzeugt ein Feld mit 0 Elementen, das später dynamisch erweitert wird. 0 Array(element1, element2,...): Erzeugt ein Feld mit vorgegebenen Elementen. EigenschaGen: length Anzahl der Elemente im Feld Methoden: concat, reverse, sort, tostring,... WT-5-11 Beispiele zu Array Verschiedene Möglichkeiten der Deklara-on: lottozahlen = new Array() // Anzahl unbekannt lottozahlen = new Array(6) // Anzahl bekannt lottozahlen = new Array(4,23,34,22,33,7) Zugriff auf ein Array: z = lottozahlen[3]; // z wird das 4. Element zugewiesen s = lottozahlen.join( ) // Alle Elemente als String WT
7 AssoziaQve Arrays Zugriff auf einzelne Elemente erfolgt mit Hilfe einer Zeichenke7e (Schlüssel) Mit Hilfe von Object() kann das Verhalten eines assozia-ven Arrays nachgebaut werden. kreise=new Array() var kreis= new Object() kreis["x"]=x; kreis["y"]=y; kreis["r"]=r; kreise.push(kreis) WT-5-13 Objekte erweitern var X = function() {}; var a = new X(); var b = new X(); a.name = "abc"; alert(a.name); alert(b.name); WT
8 "Klasse" erweitern durch EigenschaT var X = function() {}; var a = new X(); var b = new X(); X.prototype.name = "abc"; alert(a.name); alert(b.name); WT-5-15 "Klasse" erweitern durch Methode String.prototype.umdrehen = function() { var str = ""; for (i = this.length-1; i >= 0; i--) { str += this.charat(i); } return str; } var s = new String("JavaScript"); alert(s.umdrehen()); WT
9 JSON JavaScript Object Nota-on (entwickelt von Douglas Crockford) ist ein Datenaustauschformat, das heute Teil des ECMAScript Standards ist. "JSON ist mehr als CSV aber weniger als XML". JSON ist mit prak-sch allen Sprachen verarbeitbar. hep:// {"kreditkarte": "master", "nummer": "1234", "inhaber": { "Name": "Burkhart", "Vorname": "Helmar", "gueltig": ["D", "CH"] } } WT-5-17 JSON Syntax (1) WT
10 JSON Syntax (2) WT-5-19 JSON Validierer hep://jsonformaeer.curiousconcept.com/ WT
11 JSON in JavaScript(1) Zuweisung JSON Objekt an Variable: var myjsonobj = { "kreditkarte": "master", "nummer": "1234", "inhaber": {"Name": "Burkhart", "Vorname": "Helmar", "gueltig": ["D", "CH"] }} Zugriff auf Elemente: alert(myjsonobj.kreditkarte); WT-5-21 JSON in JavaScript (2) Es exis-ert ein globales JSON Objekt, das Methoden parse(...) und stringify(...) anbietet. Objekt aus Text au_auen mieels parse: var myjsontext = '{ "kreditkarte": "master", "nummer": "1234", "inhaber": {"Name": "Burkhart", "Vorname": "Helmar","gueltig": ["D", "CH"] } }'; myjsonobj = JSON.parse(myJSONText); JSON Objekt in ZeichenkeEe umwandeln: alert (JSON.stringify(myJSONObj)); WT
12 Konversion JSON und XML Um von einem JSON Objekt wieder eindeutig nach XML konvertieren zu können braucht s Regeln für die Abbildung. WT-5-23 Browser InformaQonen Für den Web-Browser zugreifbare Informationen werden in einer Baumstruktur dargestellt. Browser-Objekte HTML-Objekte (DOM) window document location history navigator HTML Objekte screen... WT
13 window Jede geladene Seite setzt ein Fensterobjekt window voraus, das Informa-onen und Methoden bereitstellt: Fensterangaben: screenx, screeny, outerwidth, outerheight, innerwidth, innerheight. Fensterposi-onierung: moveto(x,y). Koordinaten sind die linke obere Ecke. Dialogfunk-onen: prompt(...), alert(...). Referenzen zur geladenen Webseite: document.... WT-5-25 HTML Objekte einer Webseite Das document-objekt repräsentiert die momentan geladene HTML Seite: document body forms[] images[] links[] elements[] WT
14 EreignisorienQertes Programmieren Beim ereignisorien-erten Programmieren ist der Programmablauf verteilt: Benutzereingabe: Taste drücken Aufruf der Ereignisbehandlung Ereignisbehandler ak-vieren: onclick Ereignisreaktion Ereignisbehandlung aufrufen: neues Bild Knopfdruck.html WT-5-27 Ereignisbehandlung 0 Ein Ereignis ist eine vom Benutzer interak-v oder vom System automa-sch ausgelöste Ak-on. 0 Beide Formen erfolgen asynchron (d.h. entkoppelt von anderen Vorgängen). 0 Beispiel 1: Maustaste über einem Knopfelement drücken. 0 Beispiel 2: Aufruf eines Zeitauslösers. 0 Viele Ereignisse können auch per Programm (synchron) ausgelöst werden. 0 Der Programmteil, der auf Ereignisse reagiert, heisst Ereignisbehandler (event handler). 0 Ereignisbehandler sind JavaScript Funk-onen. WT
15 Vokabular "Mensch Maschine Dialog" Fokus setzen (focus): Dialogelement durch Drücken einer Taste oder Bewegungen der Maus zum Bezugsobjekt erklären. Fokus entziehen (blur = verwischen): Gegenteil von focus. MausposiQonierung (mouseover bzw. mouseout): Maus über einen Link bewegen bzw. von einem Link wegbewegen. Anklicken (click): Maus auf Element führen und Taste drücken und loslassen. Veränderung (change): Dialogelement wurde verändert. Laden (load) bzw. abschicken (submit) eines Elements. WT-5-29 Ereignisse onabort (bei Abbruch) onblur (beim Verlassen) onchange (bei erfolgter Änderung) onclick (beim Anklicken) ondblclick (bei doppeltem Anklick.) onerror (im Fehlerfall) onfocus (beim Aktivieren) onkeydown (bei gedrückter Taste) onkeypress (bei gedrückter Taste) onkeyup (bei losgelassener Taste) onload (beim Laden einer Datei) onmousedown (bei gedrückter M-taste) onmousemove (bei weiterbewegter M.) onmouseout (beim Verlassen ) onmouseover (beim Überfahren ) onmouseup (bei losgelassener M-taste) onreset (beim Zurücksetzen des Formul.) onselect (beim Selektieren von Text) onsubmit (beim Absenden des Formul.) onunload (beim Verlassen der Datei) WT
16 Maustaste abfragen function whichbutton(event) { if (event.button==0) { alert("sie haben den linken Knopf gedrückt") } else {alert("sie haben den rechten Knopf gedrückt")} } <body onmousedown="whichbutton(event) > event_linke_rechte_taste.html WT-5-31 Beispiel: Datum per Knopfdruck <form><input type="button" value="zeit anzeigen" onclick="datum_und_zeit()"> </form> <form> <input type="button" value="zeit entfernen" onclick="win.close();"> </form> Zeit_Start_Stop.html / Datum_und_Zeit.html WT
17 Zeitgesteuerte Ereignisse Periodische Ereignisse können durch Aktivieren einer Zeitsteuerung erreicht werden: Aufruf einer Aktion nach Ablauf einer Zeit: timer = settimeout( aktion(), zeit ) cleartimeout( timer ) Setzen einer periodischen Aktion: interval =setinterval( aktion(),zeit ) clearinterval( interval ) WT-5-33 Dynamischer Bildwechsel Durch Zuweisung an die src Komponente eines Bilds in document erfolgt ein dynamischer Bildwechsel. document.images[0].src Frog1.gif Frog3.gif Frog5.gif Beispiel: frogs/jumping1.htm WT
18 Document Object Model (DOM) Ziel von DOM ist eine programmierbare Schnittstelle mit Hilfe derer XML und HTML Dokumente zugegriffen und verändert werden können. Standardisiert durch W3C. Level 1 im Jahr Dokumente sind intern als Baum abgelegt. Es gibt unterschiedliche Knotentypen. Werkzeuge:Firefox-Addons DOM Inspector und Firebug WT-5-35 Document Object Model (DOM) <p class="sample">ein <b> HTML Beispiel <br/> aus</b> einer Webseite</p> <style type="text/css">.sample{ text-align:center; font-size: 1.8em; font-family:arial; padding: 10; } </style> Ein b p class= "sample" einer Webseite HTML Beispiel br aus WT
19 KnoteneigenschaTen nodetype Konstante Bedeutung 1 ELEMENT_NODE Element 2 ATTRIBUTE_NODE A7ribut 3 TEXT_NODE Text 8 COMMENT_NODE Kommentar 9 DOCUMENT_NODE Dokument Feststellen von Knotentyp, namen und wert: node.nodetype node.nodename node.nodevalue WT-5-37 IdenQfikaQon, AEribute und Navigieren document.getelementbyid("id") node.getattribute("attribute") node.setattribute("attribute", "value") node.previoussibling node.nextsibling node.children node.parentnode WT
20 Erzeugen von Knoten document.createelement(element) document.createtextnode(string) newnode = node.clonenode(bool) node.appendchild(newnode) node.insertbefore(newnode, oldnode) node.removechild(oldnode) node.replacechild(newnode, oldnode) element.innerhtml WT-5-39 DOM Beispiele HTML-Seite und zugehöriges Stylesheet: dom_ex_html.html, dom_ex.css DOM Baum traversieren: traverse_dom.html, traverse_dom.js DOM Baum mi7els Opera-onen auhauen: dom_ex_js.html, dom_ex.js DOM Baum mi7els innerhtml auhauen: dom_ex_inner.html, dom_ex_inner.js DOM mi7els clonenode auhauen: vielevoegel.html, osprey.jpg Mausereignisse verarbeiten: mauszeiger.html, fireworks.gif WT
21 InformaQonen Stefan Koch: JavaScript 6. Auflage, Christian Wenz: JavaScript Browserübergreifende Lösungen, 4. Auflage, index.htm WT
DI (FH) Levent Öztürk
DI (FH) Levent Öztürk Übersicht Wo wird Javascript ausgeführt Was ist eine Funktion Wann wird Javascript ausgeführt Javascript einbinden Javascript in HTML aufrufen Variablen setzen und ausgeben DOM (Document
MehrJavaScript 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
MehrInternet-Programmierung
JavaScript und DOM 18.5.2009 1 Verbindung JavaScript und HTML Bisher: JavaScript nette Scriptsprache Interessant, weil mit HTML verbindbar Erweituerung von HTML/CSS 2 DOM DOM: Document Object Model http://www.w3.org/dom/
MehrWeb-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.
MehrJavascript. Einführung in Javascript. Autor: Christian Terbeck Erscheinungsjahr: 2014 -1-
Javascript Einführung in Javascript Autor: Erscheinungsjahr: 2014-1- Inhaltsverzeichnis 1) Einführung 1. Allgemeines 2. Funktionalität 3. Syntax 4. Semantik 2) Die Grundlagen 1. Event-Handler 1. Schreibweise
MehrMultimediale 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)
MehrLektion 11: Weborientiertes Programmieren Zusammenspiel HTML und JavaScript
Lektion 11: Weborientiertes Programmieren Zusammenspiel HTML und JavaScript Helmar Burkhart Informatik burkhart@ifi.unibas.ch EINFÜHRUNG IN DIE INFORMATIK I 11-0 Übersicht Lektion 11 Zum Objektbegriff
MehrWarten 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
MehrKlausurteilnehmer. 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
MehrDOM Document Object Model
DOM Document Object Model J. Schneeberger Das Document Object Model (DOM) W3C Spezifikation Benutzt die Baumstruktur des (XML/HTML) Dokuments Programmierschnittstelle (API) für HTML- und XML-Dokumente
MehrSeminar DWMX DW Session 012
Seminar DWMX 2004 DW Session 012 Verhalten Scripting per Klick unter DW Verhalten ermöglichen unter Dreamweaver das Verwenden von kleinen JavaScript Codesegmenten um gewisse Funktionalitäten, die mit reinem
Mehrphp Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...
php Hier soll ein Überblick über das Erstellen von php Programmen gegeben werden. Inhaltsverzeichnis 1.Überblick...2 2.Parameterübergabe...7 3.Zugriff auf mysql Daten...11 Verteilte Systeme: php.sxw Prof.
MehrInhalt. 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...
MehrAJAX 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(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.form.input 23.05.08 Seite 1 von 11
(TWS) Microsoft JScript für den Hobby-Programmierer Objekt window.document.input 23.05.08 Seite 1 von 11 window.document.input Objekt und seine Varianten beim Internet Explorer window.document.input Objekt
MehrObjektorientierte Programmierung
Objektorientierte Programmierung 1 Geschichte Dahl, Nygaard: Simula 67 (Algol 60 + Objektorientierung) Kay et al.: Smalltalk (erste rein-objektorientierte Sprache) Object Pascal, Objective C, C++ (wiederum
MehrJava Kurs für Anfänger Einheit 5 Methoden
Java Kurs für Anfänger Einheit 5 Methoden Ludwig-Maximilians-Universität München (Institut für Informatik: Programmierung und Softwaretechnik von Prof.Wirsing) 22. Juni 2009 Inhaltsverzeichnis Methoden
MehrEinfü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
MehrLISP. Eine Einführung
LISP Eine Einführung 5. OBERFLÄCHLICHES Übersicht 2 5.1 Verschiedenes zum letzten Aufgabenblatt 5.2 Geschwister und Komponenten oder wie finde ich was 5.3 on-click-methoden und on-change-methoden 5.1 Musterlösung
MehrGrundlagen von Python
Einführung in Python Grundlagen von Python Felix Döring, Felix Wittwer November 17, 2015 Scriptcharakter Programmierparadigmen Imperatives Programmieren Das Scoping Problem Objektorientiertes Programmieren
MehrWeb 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
MehrAJAX Implementierung mit Joomla!
Joomla! DAY TM AUSTRIA 2015 AJAX Implementierung mit Joomla! Inhalt AJAX Implementierung mit Joomla! Inhalt Einleitung Was ist AJAX und wie funktioniert es Joomla! & AJAX AJAX in Templates mit Komponenten
MehrUniversal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite.
ewon - Technical Note Nr. 003 Version 1.2 Universal Dashboard auf ewon Alarmübersicht auf ewon eigener HTML Seite. Übersicht 1. Thema 2. Benötigte Komponenten 3. Downloaden der Seiten und aufspielen auf
MehrWeb Sockets mit HTML5. Quelle: www.html5rocks.com/de
Web Sockets mit HTML5 Quelle: www.html5rocks.com/de Intensive Client-Server-Kommunikation: Beispiele Online-Spiele mit mehreren Mitspielern Chat-Anwendungen Live-Sport-Ticker Echtzeit-Aktualisierungen
MehrGlossar. 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
MehrWeb-Techniken Einführung in JavaScript
Web-Techniken Einführung in JavaScript Prof. Dr. Axel Böttcher Winter 2012/13 15. September 2012 Ausführung von JavaScript Variante 1: Ausführung im Browser durch direktes Einbetten: 1 2
MehrEreignisse Auf Benutzereingaben reagieren
Ereignisse Auf Benutzereingaben reagieren JavaScript ermöglicht es dem Entwickler auf Ereignisse (engl.: events) im Browser zu reagieren. Auf diese Weise kann der Benutzer mit den Anwendungen interagieren,
MehrOnline-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
MehrProgrammieren 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
MehrArrays. PHP JavaScript Kapitel 9
Arrays 1 Problem: Volatilitätenbeispiels in der Programmiersprache JavaScript. Der Benutzer unseres Programms soll die Aktienkurse für beliebig viele Tage eingeben können. Dabei soll er zunächst sagen,
MehrArrays von Objekten. Annabelle Klarl. Einführung in die Informatik Programmierung und Softwareentwicklung
Annabelle Klarl Zentralübung zur Vorlesung Einführung in die Informatik: http://www.pst.ifi.lmu.de/lehre/wise-13-14/infoeinf WS13/14 Action required now 1. Smartphone: installiere die App "socrative student"
MehrVerhindert, dass eine Methode überschrieben wird. public final int holekontostand() {...} public final class Girokonto extends Konto {...
PIWIN I Kap. 8 Objektorientierte Programmierung - Vererbung 31 Schlüsselwort: final Verhindert, dass eine Methode überschrieben wird public final int holekontostand() {... Erben von einer Klasse verbieten:
MehrBillSAFE 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
MehrXML-Programmierschnittstellen: SAX, DOM
XML-Programmiershnittstellen: SAX, DOM SAX: The Simple API for XML Event-Based Doument Objet Model (DOM) Baumdarstellung APIs zum Parsen, Bearbeiten und Serialisieren von XML-Dokumenten. (Weitgehend) sprahunabhängig
MehrPHP Kurs Online Kurs Analysten Programmierer Web PHP
PHP Kurs Online Kurs Analysten Programmierer Web PHP Akademie Domani info@akademiedomani.de Allgemeines Programm des Kurses PHP Modul 1 - Einführung und Installation PHP-Umgebung Erste Lerneinheit Introduzione
MehrMultimedia im Netz Wintersemester 2011/12
Multimedia im Netz Wintersemester 2011/12 Übung 01 Betreuer: Verantwortlicher Professor: Sebastian Löhmann Prof. Dr. Heinrich Hussmann Organisatorisches 26.10.2011 MMN Übung 01 2 Inhalte der Übungen Vertiefung
MehrDie Wege der Jakobspilger in Westfalen
Altertumskommission für Westfalen Die Wege der Jakobspilger in Westfalen Anleitung zum Erstellen von individuellem Kartenmaterial Schritt 1 Datei herunterladen Laden Sie das auf der Internetseite www.jakobspilger.lwl.org/routen/individuelles-kartenmaterial
MehrÜbungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung: Lösungsvorschlag
Ludwig-Maximilians-Universität München WS 2015/16 Institut für Informatik Übungsblatt 9 Prof. Dr. R. Hennicker, A. Klarl Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung:
MehrJavaScript. von Patrick Schmidt
JavaScript von Patrick Schmidt Vortrag am 30. April 2009 Inhaltsverzeichnis JavaScript... 3 Einführung und Einordnung...3 Objekte...3 Prototypen...4 Host Objekte...5 Fest implementierte Objekte...5 Document
MehrSicherheit 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
MehrDatenbanksysteme SS 2007
Datenbanksysteme SS 2007 Frank Köster (Oliver Vornberger) Institut für Informatik Universität Osnabrück Kapitel 9c: Datenbankapplikationen Architektur einer Web-Applikation mit Servlets, JSPs und JavaBeans
MehrEinführung in die Java- Programmierung
Einführung in die Java- Programmierung Dr. Volker Riediger Tassilo Horn riediger horn@uni-koblenz.de WiSe 2012/13 1 Wichtig... Mittags keine Pommes... Praktikum A 230 C 207 (Madeleine + Esma) F 112 F 113
MehrBenutzeranleitung Service Desk Tool Erizone
Benutzeranleitung Service Desk Tool Erizone Benutzeranleitung EriZone Seite 1 von 9 Ausgedruckt am 26.09.2014 Inhalt 1 Einleitung... 3 1.1 Zweck des Dokuments... 3 2 EriZone Service Desk Portal... 3 2.1
MehrJavascript Standardbibliothek Schnellreferenz
Javascript Standardbibliothek Schnellreferenz Ok, du willst eigene Javascript Anwendungen schreiben? Hier eine kleine Übersicht über alle Javascript-Funktionen. Diese Übersicht ist lediglich eine Übersetzung
MehrGraphic Coding. Klausur. 9. Februar 2007. Kurs A
Graphic Coding Klausur 9. Februar 2007 Kurs A Name: Matrikelnummer: Hinweise - Es sind keine Hilfsmaterialien erlaubt. (Keine Bücher, Taschenrechner, Handys) - Sie haben zwei Stunden Zeit. - Insgesamt
MehrProgrammieren im Web 2.0
Programmieren im Web 2.0 Inhaltsverzeichnis JavaScript Einführung DHTML als eine Grundlage Do s and Dont s Inhaltsverzeichnis / 2 Ajax Einführung Technische Grundlagen Das XMLHttpRequest Objekt Beispielanwendung
MehrDokumentation TELAU Post Mobile Billitem Converter
Dokumentation TELAU Post Mobile Billitem Converter 2 Inhalt Ausgangslage... 3 Ziel... 3 Installation... 4 Monatlicher Ablauf... 5 Verarbeitung starten... 8 Rücknehmen von Definitionen... 11 3 Ausgangslage
MehrMultimedia Engineering II - Übung 2
Multimedia Engineering II - Übung 2 Zielstellung der Übungsaufgabe Das Login-Panel der ersten Übung erhält nun die Funktion, auf eine zweite View zu wechseln. Auf dieser werden Sie nun das erste Mal einen
MehrAdobe Reader X Plug-in von Mozilla Firefox verwenden
Befehle entfernen Befehle können nicht entfernt werden! Befehle einfügen hier anklicken Abb. 2012-1/01-01 oben Befehle standardmäßig, mitte Befehle angepasst, unten Leiste mit Kurzbefehlen SG Januar 2012
MehrJavaScript in Drupal
JavaScript in Drupal JavaScript JavaScript ist nicht Java JavaScript ist keine reine Web-Sprache JavaScript ist benutzbar Web 1.0 Dreamweaver Mouseover-Scripts Dinge, die dem Cursor nachfliegen Schneeflocken
MehrAnleitung Air Berlin Web-Ceck-in - Seite 1 von 9
Anleitung zum Air Berlin Web Check-in für die Reisenden des Bundes nach dem Vertrag über die Beförderung von Beschäftigten des Bundes bzw. sonstiger Berechtigter oberster Bundesbehörden und sonstiger Institutionen
MehrArchitektur des agimatec-validation Frameworks
Development : Implementierung Validierungskonzept (Dokumentation) This page last changed on Apr 03, 2008 by roman.stumm. Architektur des agimatec-validation Frameworks Generierung der Metainformationen
MehrJavaScript Basiskonzepte
JavaScript Basiskonzepte Univ.-Prof. Dr.-Ing. Wolfgang Maass Chair in Information and Service Systems Department of Law and Economics WS 2011/2012 Mittwoch, 8:00 9:30 Raum HS 021, B4 1 Wrap-Up HTML dient
MehrSIZ Modul 221: Outlook und Internetdienste
SIZ Modul 221: Outlook und Internetdienste Outlook Dateien importieren (PST, XLS usw.) 1. Menü Datei/Importieren/Exportieren... 2. Aus andern Programmen oder Dateien importieren Das ist bei den meisten
MehrJavakurs zu Informatik I. Henning Heitkötter
Javakurs zu Informatik I Arrays vergleichen Implementieren Sie folgende Methode, die prüft, ob die Elemente der beiden Arrays an jeder Position übereinstimmen: public static boolean identisch(int[] a,
MehrEinführung in die Programmierung
Technische Universität München WS 2003/2004 Institut für Informatik Prof. Dr. Christoph Zenger Testklausur Einführung in die Programmierung Probeklausur Java (Lösungsvorschlag) 1 Die Klasse ArrayList In
MehrClient-Server-Beziehungen
Client-Server-Beziehungen Server bietet Dienste an, Client nutzt Dienste Objekt ist gleichzeitig Client und Server Vertrag zwischen Client und Server: Client erfüllt Vorbedingungen eines Dienstes Server
MehrArrays Fortgeschrittene Verwendung
Arrays Fortgeschrittene Verwendung Gilbert Beyer und Annabelle Klarl Zentralübung zur Vorlesung Einführung in die Informatik http://www.pst.ifi.lmu.de/lehre/wise-11-12/infoeinf WS11/12 Arrays: Wiederholung
MehrPTV VISUM TIPPS & TRICKS:
PTV VISUM TIPPS & TRICKS: LUFTBILD VON GOOGLEMAPS EINFÜGEN Wie fügt man ein richtig georeferenziertes Luftbild von GoogleMaps ein? Der vorherige Beitrag zum Thema Wie wählt man ein passendes Koordinatensystem
MehrSCHNELLEINSTIEG ZUM TOOL NODEBUILDER
Fakultät Informatik, Institut für Angewandte Informatik, Professur Technische Informationssysteme SCHNELLEINSTIEG ZUM TOOL NODEBUILDER Betreuer: Dipl.-Ing. A. Cemal Özlük Dipl.-Inf. Uwe Ryssel ALLGEMEINE
MehrSuchbäume. Annabelle Klarl. Einführung in die Informatik Programmierung und Softwareentwicklung
Suchbäume Annabelle Klarl Zentralübung zur Vorlesung Einführung in die Informatik: http://www.pst.ifi.lmu.de/lehre/wise-13-14/infoeinf WS13/14 Action required now 1. Smartphone: installiere die App "socrative
MehrMediator 9 - Lernprogramm
Mediator 9 - Lernprogramm Ein Lernprogramm mit Mediator erstellen Mediator 9 bietet viele Möglichkeiten, CBT-Module (Computer Based Training = Computerunterstütztes Lernen) zu erstellen, z. B. Drag & Drop
MehrKurzeinführung Excel2App. Version 1.0.0
Kurzeinführung Excel2App Version 1.0.0 Inhalt Einleitung Das Ausgangs-Excel Excel-Datei hochladen Excel-Datei konvertieren und importieren Ergebnis des Imports Spalten einfügen Fehleranalyse Import rückgängig
MehrInstitut für Programmierung und Reaktive Systeme 26. April 2013. Programmieren II. 10. Übungsblatt
Technische Universität Braunschweig Dr. Werner Struckmann Institut für Programmierung und Reaktive Systeme 26. April 2013 Programmieren II 10. Übungsblatt Hinweis: Insgesamt werden in diesem Semester fünf
MehrSuche schlecht beschriftete Bilder mit Eigenen Abfragen
Suche schlecht beschriftete Bilder mit Eigenen Abfragen Ist die Bilderdatenbank über einen längeren Zeitraum in Benutzung, so steigt die Wahrscheinlichkeit für schlecht beschriftete Bilder 1. Insbesondere
MehrApplets I. Grundlagen der g Applet-Programmierung
Applets I Grundlagen der g Applet-Programmierung 2 Inhalt Applets Was sind Applets Entwicklung Grundlagen Zustandssteuerung eines Applets Methoden zum Nachrichtentransfer Soundausgabe Animation Einbindung
MehrJava Kurs für Anfänger Einheit 4 Klassen und Objekte
Java Kurs für Anfänger Einheit 4 Klassen und Ludwig-Maximilians-Universität München (Institut für Informatik: Programmierung und Softwaretechnik von Prof.Wirsing) 13. Juni 2009 Inhaltsverzeichnis klasse
MehrOWASP Stammtisch München Sep 2014 XSS und andere Sicherheitslücken aus der Perspektive des Programmcodes
OWASP Stammtisch München Sep 2014 XSS und andere Sicherheitslücken aus der Perspektive des Programmcodes 1 XSS: Cross-Site Scripting 1.) Es gelangen Daten in den Web-Browser, die Steuerungsinformationen
MehrÜbung 1 mit C# 6.0 MATTHIAS RONCORONI
Übung 1 mit C# 6.0 MATTHIAS RONCORONI Inhalt 2 1. Überblick über C# 2. Lösung der Übung 1 3. Code 4. Demo C# allgemein 3 aktuell: C# 6.0 mit.net-framework 4.6: Multiparadigmatisch (Strukturiert, Objektorientiert,
MehrReihungen. Martin Wirsing. in Zusammenarbeit mit Matthias Hölzl und Nora Koch 11/03
Reihungen Martin Wirsing in Zusammenarbeit mit Matthias Hölzl und Nora Koch 11/03 2 Ziele Die Datenstruktur der Reihungen verstehen: mathematisch und im Speicher Grundlegende Algorithmen auf Reihungen
MehrJavaScript & Ajax Debugging. Marcel Bsufka 16.05.2011
JavaScript & Ajax Debugging Marcel Bsufka 16.05.2011 2 http://www.phdcomics.com/comics/archive.php?comicid=673 Agenda 3 1. Was ist JavaScript? a. Merkmale b. Probleme beim Debuggen 2. Debugging Werkzeuge
MehrSachwortverzeichnis... 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...
MehrVB.net Programmierung und Beispielprogramm für GSV
VB.net Programmierung und Beispielprogramm für GSV Dokumentation Stand vom 26.05.2011 Tel +49 (0)3302 78620 60, Fax +49 (0)3302 78620 69, info@me-systeme.de, www.me-systeme.de 1 Inhaltsverzeichnis Vorwort...2
MehrIAC-Programmierung HELP.BCFESITSIACPROG. Release 4.6C
IAC-Programmierung HELP.BCFESITSIACPROG Release 4.6C IAC-Programmierung SAP AG Copyright Copyright 2001 SAP AG. Alle Rechte vorbehalten. Weitergabe und Vervielfältigung dieser Publikation oder von Teilen
MehrÜbungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung: Lösungsvorschlag
Ludwig-Maximilians-Universität München WS 2015/16 Institut für Informatik Übungsblatt 13 Prof. Dr. R. Hennicker, A. Klarl Übungen zu Einführung in die Informatik: Programmierung und Software-Entwicklung:
MehrDatenbanken Kapitel 2
Datenbanken Kapitel 2 1 Eine existierende Datenbank öffnen Eine Datenbank, die mit Microsoft Access erschaffen wurde, kann mit dem gleichen Programm auch wieder geladen werden: Die einfachste Methode ist,
MehrAnleitung zur Einrichtung der elektronischen Arbeitszeitkarte im Browser und Vergabe eines neuen Passwortes
Anleitung zur Einrichtung der elektronischen Arbeitszeitkarte im Browser und Vergabe eines neuen Passwortes Bitte öffnen Sie einen ihrer Browser (Internet Explorer od. Mozilla Firefox). Nachdem Sie nun
MehrAlte 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
MehrObjektorientierte Programmierung
Universität der Bundeswehr Fakultät für Informatik Institut 2 Priv.-Doz. Dr. Lothar Schmitz FT 2006 Übungsblatt 5 Lösungsvorschlag Objektorientierte Programmierung 22. 05. 2006 Lösung 9 (SMS-Eingabe am
MehrEinführung in die Java- Programmierung
Einführung in die Java- Programmierung Dr. Volker Riediger Tassilo Horn riediger horn@uni-koblenz.de WiSe 2012/13 1 Wichtig... Mittags Pommes... Praktikum A 230 C 207 (Madeleine) F 112 F 113 (Kevin) E
MehrHandbuch zur Installation der Software für die Bürgerkarte
Handbuch zur Installation der Software für die Bürgerkarte Microsoft Windows (7, Vista, XP) Version: 1 / Datum: 28.09.2012 www.provinz.bz.it/buergerkarte/ Inhaltsverzeichnis Haftungsausschlussklausel...
MehrJava und XML 2. Java und XML
Technische Universität Ilmenau Fakultät für Informatik und Automatisierung Institut für Praktische Informatik und Medieninformatik Fachgebiet Telematik Java und XML Hauptseminar Telematik WS 2002/2003
MehrArrays von Objekten. Annabelle Klarl. Einführung in die Informatik Programmierung und Softwareentwicklung
Annabelle Klarl Zentralübung zur Vorlesung Einführung in die Informatik: http://www.pst.ifi.lmu.de/lehre/wise-12-13/infoeinf WS12/13 Arrays: Wiederholung Ein Array ist ein Tupel von Elementen gleichen
MehrInstallationsanweisung Aktivierung für RadarOpus für PC s ohne Internetzugang (WINDOWS)
Installationsanweisung Aktivierung für RadarOpus für PC s ohne Internetzugang (WINDOWS) Dieses Handbuch hilft Anwendern, ihren RadarOpus Dongle (Kopierschutz) auf einem anderen Computer zu aktivieren,
Mehr188.154 Einführung in die Programmierung für Wirtschaftsinformatik
Beispiel 1 Vererbung (Liste) Gegeben sind die beiden Klassen ListNode und PersonNode. 188.154 Einführung in die Programmierung für Wirtschaftsinformatik Wiederholung, Prüfungsvorbereitung Monika Lanzenberger
MehrAssoziation und Aggregation
Assoziation und Aggregation Martin Wirsing in Zusammenarbeit mit Matthias Hölzl, Nora Koch 05/03 2 Ziele Verstehen der Begriffe Assoziation und Aggregation Implementierung von Assoziationen in Java schreiben
MehrDiese Handbuch wurde erstellt, um Sie durch die Grundlagen Ihres IP Geräts wie Installation und Konfiguration zur Anwendung zu führen.
ZN-S100V Schnelleinrichtungsanleitung Diese Handbuch wurde erstellt, um Sie durch die Grundlagen Ihres IP Geräts wie Installation und Konfiguration zur Anwendung zu führen. Schritt 1: Kabel an das IP-Gerät
MehrDesignä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
MehrSichern der persönlichen Daten auf einem Windows Computer
Sichern der persönlichen Daten auf einem Windows Computer DIRECTION DES SERVICES IT SERVICE DIT-MI DIREKTION DER IT-DIENSTE DIENSTSTELLE DIT-MI 1/9 1 Inhaltsverzeichnis 2 Einleitung... 3 3 Outlook Daten...
MehrProgrammierparadigmen. Programmierparadigmen. Imperatives vs. objektorientiertes Programmieren. Programmierparadigmen. Agenda für heute, 4.
Agenda für heute, 4. Mai, 2006 Programmierparadigmen Imperative Programmiersprachen In Prozeduren zusammengefasste, sequentiell ausgeführte Anweisungen Die Prozeduren werden ausgeführt, wenn sie als Teil
MehrGrundlagen Internet-Technologien
More JavaScript Version 1.0 10.5.2010 1 Verbindung JavaScript und HTML bisher: JavaScript "nette Scriptsprache" nun: interessant, weil mit HTML verbindbar Erweiterung von HTML/CSS 2 DOM DOM: Document Object
MehrVorkurs C++ Programmierung
Vorkurs C++ Programmierung Klassen Letzte Stunde Speicherverwaltung automatische Speicherverwaltung auf dem Stack dynamische Speicherverwaltung auf dem Heap new/new[] und delete/delete[] Speicherklassen:
MehrOrgPublisher. browserübergreifende. Diagramme
OrgPublisher Benutzerhandbuch für browserübergreifende Diagramme Inhaltsverzeichnis Inhaltsverzeichnis... 3 Anzeigen der Lernprogramme für publizierte browserübergreifende Diagramme... 3 Suchen in einem
MehrFileMaker und PHP Workshop
FileMaker und PHP Workshop 2-stündiger Ausschnitt aus einem 3-tägigen Schulungsprogramm Bernhard Schulz FileMaker Konferenz 2010 / Zürich Ziel des Workshops Kennenlernen von PHP Möglichkeiten von FileMaker
MehrHinweise bei Problemen mit Makros
Dok.-Nr.: 1070401 DATEV-Serviceinformation vom 06.03.2013 Relevant für: LODAS classic LODAS comfort LODAS compact Lohn und Gehalt classic Lohn und Gehalt comfort Lohn und Gehalt compact Hinweise bei Problemen
MehrAccess 2013. Grundlagen für Anwender. Susanne Weber. 1. Ausgabe, 1. Aktualisierung, Juni 2013
Access 2013 Susanne Weber 1. Ausgabe, 1. Aktualisierung, Juni 2013 Grundlagen für Anwender ACC2013 2 Access 2013 - Grundlagen für Anwender 2 Mit Datenbanken arbeiten In diesem Kapitel erfahren Sie was
Mehriphone-kontakte zu Exchange übertragen
iphone-kontakte zu Exchange übertragen Übertragen von iphone-kontakten in ein Exchange Postfach Zunächst muss das iphone an den Rechner, an dem es üblicherweise synchronisiert wird, angeschlossen werden.
MehrHandbuch ZfEditor Stand 24.08.2012
Handbuch ZfEditor Stand 24.08.2012 Inhaltsverzeichnis Einführung... 1 Ansprechpartner... 1 Installation und Update... 1 Installation... 1 Update... 2 Bedienung des ZfEditors... 2 Aufruf... 2 Auswahl Gemeinde,
MehrJavaScript. Ein Crashkurs. Mario Heiderich
JavaScript Ein Crashkurs Mario Heiderich Worum geht's? Ein wenig Geschichte JavaScript und das DOM Datentypen in JavaScript Versteckte Properties Wunderliche Methoden Tricks Obfuscated Code Es war einmal...
Mehr