Ajax hype oder hilfreich? Jörn Clausen
|
|
|
- Paulina Kalb
- vor 8 Jahren
- Abrufe
Transkript
1 Ajax hype oder hilfreich? Jörn Clausen
2 Übersicht das World Wide Web im Wandel der Zeit XMLHttpRequest typische Probleme und Lösungen Vor- und Nachteile Anwendung: Mashups mit Google Maps Ajax hype oder hilfreich? 2/24
3 This is not the Web of your Youth Standards: XHTML + CSS ( + ECMAScript) Webservices, APIs Blogs, RSS, syndication Wikis, social networks, folksonomies RIA (Rich Internet Applications), Mashups Web 2.0 Beispiele: Wikipedia, Google Mail/Maps, Flickr, del.icio.us,... Ajax hype oder hilfreich? 3/24
4 Web 1.0 Browser Request Response Server Browser Server blockiert blockiert Ajax hype oder hilfreich? 4/24
5 Interaktive Web-Anwendungen JavaScript + Frames (1995, Netscape 2.0) Dynamic HTML + DOM (1996, Internet Explorer 4.0) Iframes (1997, HTML 4.0) XMLHTTP (2001, Internet Explorer 5.0) XMLHttpRequest (2002, Mozilla 1.0) Ajax: A New Approach to Web Applications (2005, Jesse James Garrett) Ajax hype oder hilfreich? 5/24
6 Asynchronous JavaScript and XML App. Browser Ajax- Engine Server Applikation Ajax-Engine Server Ajax hype oder hilfreich? 6/24
7 XMLHttpRequest verschiedene Implementierungen von XHR, aber identisches API Unterschiede z.b. beim Caching von Antworten Standardisierung durch Web APIs WG innerhalb des W3C Frameworks und Toolkits JavaScript Prototype, dojo, Sarissa, Adobe Spry,... Java Google Web Toolkit (GWT), Apache Struts,... PHP Sajax, Xajax Python TurboGears Ruby Ruby on Rails.NET Microsoft Atlas Perl CGI::Ajax, Nutzung von Prototype oder dojo Ajax hype oder hilfreich? 7/24
8 Beispiel, Server-Seite einfacher case converter Server-Seite per Shell-Skript lies Text von STDIN wandle Groß- in Kleinbuchstaben und umgekehrt schreibe nach STDOUT kann per CGI/POST benutzt werden #!/bin/sh echo "Content-Type: text/plain" echo tr a-za-z A-Za-z Ajax hype oder hilfreich? 8/24
9 Beispiel, HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <title>simple AJAX Test</title> <script type="text/javascript" src="chcase1.js"></script> </head> <body> <form action="" method="post" onsubmit="chcase();return false"> <div><input id="input" size="50"/></div> <div id="output"></div> </form> </body> </html> Ajax hype oder hilfreich? 9/24
10 var http = null; try { http = new ActiveXObject( Msxml2.XMLHTTP ); catch (err) { try { http = new ActiveXObject( Microsoft.XMLHTTP ); catch (err) { http = null; if (!http && typeof XMLHttpRequest!= undefined ) { http = new XMLHttpRequest(); function chcase() { var text = document.getelementbyid( input ).value; http.open( POST, /cgi-bin/chcase.sh ); http.onreadystatechange = handleresponse; http.send(text); Beispiel, Client-Seite function handleresponse() { if (http.readystate == 4 && http.status == 200) { document.getelementbyid( output ).innerhtml = http.responsetext; Ajax hype oder hilfreich? 10/24
11 Währenddessen... Request durchläuft mehrere Phasen uninitialised open sent receiving loaded handler wird bei jeder Zustandsänderung aufgerufen if (http.readystate == 4 && http.status == 200)... HTTP return code if (http.readystate == 4 && http.status == 200)... var msg = http.statustext; HTTP header setzen und lesen http.setrequestheader( Pragma, no-cache ); var bestbefore = http.getresponseheader( Expires ); Ajax hype oder hilfreich? 11/24
12 Arbeiten mit XHR zunächst ungewohnt: Asynchronität ähnlich zu Signal-Verarbeitung oder GUI-Programmierung Die Antwort ist 42! Was war die Frage? <form action="" method="post" onsubmit="chcase(1);return false"> <div><input id="input1" size="50"/></div> <div id="output1"></div> </form> <hr/> <form action="" method="post" onsubmit="chcase(2);return false"> <div><input id="input2" size="50"/></div> <div id="output2"></div> </form> Ajax hype oder hilfreich? 12/24
13 funktioniert nicht: Arbeiten mit XHR, cont. function chcase(num) { var text = document.getelementbyid( input +num).value; http.open( POST, /cgi-bin/chcase.sh ); http.onreadystatechange = handleresponse(num); http.send(text); function handleresponse(num) { if (http.readystate == 4 && http.status == 200) { document.getelementbyid( output +num).innerhtml = http.responsetext; handler nur Funktionsname mögliche Lösung: Identifikation in Request/Response Ajax hype oder hilfreich? 13/24
14 funktioniert nicht: Arbeiten mit XHR, cont. function chcase(num) { var text = document.getelementbyid( input +num).value; http.open( POST, /cgi-bin/chcase.sh ); http.onreadystatechange = handleresponse(num); http.send(text); function handleresponse(num) { if (http.readystate == 4 && http.status == 200) { document.getelementbyid( output +num).innerhtml = http.responsetext; handler nur Funktionsname mögliche Lösung: Identifikation in Request/Response elegantere Lösung: closure http.onreadystatechange = function() { handleresponse(num); ; Ajax hype oder hilfreich? 13/24
15 Latenz find as you type : Google Suggest erster Versuch: <form action="" method="post" onkeyup="chcase();return false"> <div><input id="input" size="50"/></div> <div id="output"></div> </form> neue Requests, bevor Responses eingetroffen sind XHR kann nur eine R/R-Transaktion gleichzeitig verarbeiten Lösung: abort() und ein frisches XHR-Objekt Ajax hype oder hilfreich? 14/24
16 Latenz, cont. var http=null; function mkxhr () { // browser sniffer return XHR; function chcase() { if (http && http.readystate!= 0) { http.abort(); http = mkxhr(); if (http) { http.open( POST, /cgi-bin/chcase.sh ); http.onreadystatechange = handleresponse; http.send(document.getelementbyid( input ).value); Ajax hype oder hilfreich? 15/24
17 Response verarbeiten JSON JavaScript Object Notation mit eval() oder Parser in Datenstruktur umwandeln XML muss nicht, kann aber http.responsexml enthält XML-Antwort als DOM-Objekt mit XSLT in (X)HTML umwandeln und darstellen Beispiel mit XSLT-Prozessor von Firefox/Mozilla/Sarissa Ajax hype oder hilfreich? 16/24
18 Film-Datenbank, HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " <html xmlns=" <head> <title>simple AJAX Film Database</title> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="sarissa.js"></script> <script type="text/javascript" src="films.js"></script> <link href="films.css" type="text/css" rel="stylesheet"/> </head> <body onload="showfilms()"> <div id="films"></div> <hr/> <div id="roles"></div> <hr/> <div id="person"></div> </body> </html> Ajax hype oder hilfreich? 17/24
19 Film-Datenbank, Client-Seite var xml = mkxhr(); var xslt = mkxhr(); function showfilms () { xml.open( GET, /cgi-bin/filmdb.pl?q=films ); xml.onreadystatechange = showfilms_h; xml.send(null); xslt.open( GET, films2html.xsl ); xslt.onreadystatechange = showfilms_h; xslt.send(null); function showfilms_h { if (xml.readystate == 4 && xml.status == 200 && xslt.readystate == 4 && xslt.status == 200) { var transformer = new XSLTProcessor(); transformer.importstylesheet(xslt.responsexml); html = transformer.transformtofragment(xml.responsexml, document); $( films ).innerhtml = ; $( films ).appendchild(html); else { $( films ).innerhtml = please wait ; Ajax hype oder hilfreich? 18/24
20 Film-Datenbank, XML-Response <?xml version= 1.0 encoding= ISO ?> <films> <film> <filmid>1</filmid> <runtime>136</runtime> <title>the Matrix</title> <year>1999</year> </film> <film> <filmid>2</filmid> <runtime>251</runtime> <title>the Lord of the Rings - The Return of the King</title> <year>2003</year> </film>... </films> Ajax hype oder hilfreich? 19/24
21 <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl=" xmlns=" <xsl:template match="/films"> <table> <xsl:apply-templates/> </table> </xsl:template> <xsl:template match="film"> <tr> <td><a href="javascript:showroles({filmid)"> <xsl:value-of select="title"/> </a></td> <td><xsl:value-of select="year"/></td> <td><xsl:value-of select="runtime"/> min.</td> </tr> </xsl:template> </xsl:stylesheet> Film-Datenbank, XSLT Ajax hype oder hilfreich? 20/24
22 Kritik Benutzbarkeit Bruch mit klassischer Navigation (back button, bookmarks,... ) Anwendung fast immer RESTless (Zustand nicht an URL gebunden) aber: gilt für nicht-web-anwendungen genauso kürzere Reaktionszeiten, geringerer Datentransfer Barrierefreiheit Ziel ist oft Immitation klassischer GUIs inkrementeller Seitenaufbau problematisch für Vorleser, Braille-Zeilen aber: vermutlich besser als Java-Applets oder Flash-Filme Sicherheit: relativ neue Technik Cross Site Scripting, JSON + eval(),... Ajax hype oder hilfreich? 21/24
23 Mashups Daten und Dienste können intern oder extern sein Daten Dienst intern intern Film-Quiz intern extern GPS Tour Book extern intern RSS Feed Reader extern extern USGS Live Earthquake Mashup Problem bei externen Daten: Same Origin Policy in JavaScript auf andere Sprachen/Methoden ausweichen (PHP, application proxy,... ) mod proxy/mod rewrite auf dem lokalen Webserver Ajax hype oder hilfreich? 22/24
24 USGS Live Earthquake Mashup RSS Feed vom USGS (United States Geological Survey) <item> <pubdate>sun, 22 Oct :12:28 GMT</pubDate> <title>m 2.9, Island of Hawaii, Hawaii</title> <description>october 22, :12:28 GMT</description> <link> <geo:lat> </geo:lat> <geo:long> </geo:long> </item> lokalen URL für Feed einrichten RewriteRule ˆ/ajxp/usgseq-feed.xml [L,P] XHR in Google Maps API GDownloadUrl( /ajxp/usgseq-feed.xml, showfeed); Ajax hype oder hilfreich? 23/24
25 Google Maps API gute Dokumentation einfach in eigene Web-Seiten einzubinden (nach vorheriger Registrierung) Overlays aus Punkten und Polygonzügen Popup-Fenster mit Text oder HTML XML-Parser, XSLT-Prozessor Geocoder Ajax hype oder hilfreich? 24/24
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
JavaScript AJAX. Univ.-Prof. Dr.-Ing. Wolfgang Maass. Chair in Information and Service Systems Department of Law and Economics
JavaScript AJAX 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 JavaScript (JS) ermöglicht
Destructive AJAX. Stefan Proksch Christoph Kirchmayr
Destructive AJAX Stefan Proksch Christoph Kirchmayr AJAX-Einführung Asynchronous JavaScript And XML Clientseitiger JavaScript-Code Asynchrone Kommunikation XML DOM Klassisches Client-Server Modell AJAX-Modell
Web 2.0 (In) Security PHPUG Würzburg 29.06.2006 Björn Schotte
Web 2.0 (In) Security PHPUG Würzburg 29.06.2006 Björn Schotte Web 2.0 (In)Security - Themen Alte Freunde SQL Injections, Code Executions & Co. Cross Site Scripting Cross Site Scripting in der Praxis JavaScript
Proseminar Auszeichnungssprachen
Proseminar Auszeichnungssprachen Thema: AJAX Ayse Gül Kilic Ahmed Anis Kerkeni Dortmund, 29.05.2007 1 Gliederung Definition 2 Gliederung Definition Geschichte 3 Gliederung Definition Geschichte Konzept
Agenda. Ingo Ebel (ie007) Benjamin Müller (bm032) Was ist AJAX? Sicherheit Vor- und Nachteile. AJAX Frameworks. Wozu benötigt Client/Server
AJAX Agenda Ingo Ebel (ie007) Was ist AJAX? Wozu benötigt Client/Server Sicherheit Vor- und Nachteile Benjamin Müller (bm032) AJAX Frameworks GWT ATF Ingo Ebel - ie007 2 Web 2.0 Ingo Ebel - ie007 3 Ingo
Dokumentation Externe Anzeige von Evento Web Dialogen
Dokumentation Externe Anzeige von Evento Web Dialogen Autor: Roger Guillet Telefon 058 404 83 57 E-Mail roger.guillet@crealogix.com CREALOGIX Evento Postfach 112, Baslerstrasse 60 CH-8066 Zürich Telefon
CS1024 Internetbasierte Systeme
Prof. Dr. Th. Letschert CS1024 Internetbasierte Systeme Bachelor of Science (Informatik) Integration Client-seitige und Server-seitige Verarbeitung Asynchronous JavaScript and XML http://w3schools.com/ajax/
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
JavaScript 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
Einführung Internettechnologien. - Clientseitige Programmierung -
Einführung Internettechnologien - Clientseitige Programmierung - Client Client: Programm, das Daten von einem Server anfordert In einem Netzwerk können unterschiedliche Clients zum Einsatz kommen Im Folgenden:
OWASP 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
Kommunikationsnetze. 7. Das World Wide Web 7.4 Client- vs. Server-basierte Techniken für dynamische Webseiten
Kommunikationsnetze 7.4 Client- vs. Server-basierte Techniken für dynamische Webseiten Gliederung 1. Einführung 2. Server-basierte Techniken 3. Client-basierte techniken Literatur: A. S. Tanenbaum, Computer
Online Kataloge. Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12.
Online Kataloge Wie binde ich einen SGVSB-Online-Katalog in eine Webseite ein. Versionsnummer: 1.0 Änderungsdatum: 26.06.12 Autor: Manuel Ginesta Kontakt: m.ginesta@ncag.ch Versionsliste Version Datum
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
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
Aktuelle Angriffstechniken. Steffen Tröscher cirosec GmbH, Heilbronn
Aktuelle Angriffstechniken Steffen Tröscher cirosec GmbH, Heilbronn Gliederung Angriffe auf Webanwendungen Theorie und Live Demonstrationen Schwachstellen Command Injection über File Inclusion Logische
AJAX 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
AJAX und Ruby on Rails
AJAX und Ruby on Rails Web-2.0-Kongreß 2006-10-10 Frankfurt (slightly updated for AWE12) Prof. Dr.-Ing. Carsten Bormann 1 Was ist Web 2.0? (nach Paul Graham) (1) AJAX (2) Demokratie (Participation
Web Scraping. Seminar Aktuelle Software-Engineering Praktiken für das World Wide Web JK 19.05.2010
Web Scraping Seminar Aktuelle Software-Engineering Praktiken für das World Wide Web JK 19.05.2010 Inhalt Einführung Motivation Dokumente herunterladen Scraping Document Object Model Regular Expressions
AK Medientechnologien 05 Delegation
AK Medientechnologien 05 Delegation TableViews, XML Parser, Application Josef Kolbitsch josef.kolbitsch@tugraz.at http://businesssolutions.tugraz.at/ Übersicht Allgemeines zum Delegation Pattern Theoretische
Wiederholung: Beginn
B) Webserivces W3C Web Services Architecture Group: "Ein Web Service ist eine durch einen URI eindeutige identifizierte Softwareanwendung, deren Schnittstellen als XML Artefakte definiert, beschrieben
Integration von UIS-Webdiensten
Integration von UIS-Webdiensten neue Möglichkeiten durch Web 2.0 basierte Technologien Clemens Düpmeier, Werner Geiger, Claudia Greceanu (duepmeier, geiger, greceanu@iai.fzk.de) Institut für Angewandte
Rich Clients mit Ajax eine Alternative zu Forms?
Rich Clients mit Ajax eine Alternative zu Forms? Sven Tissot pdv Technische Automation + Systeme GmbH www.c1-group.com Die C1 Group auf einen Blick Historie Mitarbeiter 1991 Gründung der ersten C1- Unternehmen,
HTML Formulare. Benutzerschnittstelle für interaktive Webseiten
1 HTML Formulare Benutzerschnittstelle für interaktive Webseiten Literatur und Links 2 Literatur: Coar, Ken; Bowen, Rich: Apache-Kochbuch. 2004 HTML: kein Buch oder irgend eins für Einsteiger, z. B. Münz,
Einleitung AJaX und Web 2.0 Kartendienst APIs im Web 2.0 Übersicht freier GPS Track Visualisierer
Online Anwendung zur Analyse und Visualisierung von GPS Tracks Teil 1: AJaX und Web2.0 (Lukas Schack) Teil2: Kartendienst APIs im Web2.0 (Jakob Unger) Teil 3: Übersicht über freie GPS Track Visualisierer
BFV Widgets Kurzdokumentation
BFV Widgets Kurzdokumentation Mit Hilfe eines BFV-Widgets lassen sich die neuesten Ergebnisse und die aktuellen Tabellen des BFV auf der eigenen nicht kommerziellen Webseite mit wenig Aufwand einbeten.
Graphen in Apex von Thomas Hernando. www.syntegris.de
Graphen in Apex von Thomas Hernando www.syntegris.de Einleitung FIRMENINFOS Gründung im Jahre 2000 mit Sitz in Neu-Isenburg bei Frankfurt am Main Mehr als 30 Berater Oracle Gold Partner Schwerpunkte liegen
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
Datenbank-basierte Webserver
Datenbank-basierte Webserver Datenbank-Funktion steht im Vordergrund Web-Schnittstelle für Eingabe, Wartung oder Ausgabe von Daten Datenbank läuft im Hintergrund und liefert Daten für bestimmte Seiten
Neues in ArcGIS Server 9.3 Matthias Schenker ESRI Geoinformatik AG
Matthias Schenker ESRI Geoinformatik AG 2007 ESRI Geoinformatik GmbH Schwerpunkte bei ArcGIS Server 9.3 Qualitätsverbesserungen über alle Schichten des Server Stacks Front Ends ArcGIS Desktop ArcGIS Explorer
Inhaltsverzeichnis. Open-Xchange Authentication & Sessionhandling
Open-Xchange Authentication & Sessionhandling Version Date Author Changes 1.0 28.08.2006 Stephan Martin Initiale Version 1.1 29.08.2006 Marcus Klein Details Authentication via JSON 1.2 04.09.2006 Stephan
Webseiten sind keine Gemälde. Webstandards für ein besseres Web. Webstandards für ein besseres Web
Webseiten sind keine Gemälde Webkrauts Die Initiative für die Webkrauts ging von einem Blogeintrag im August 2005 aus. Nach dem Aufruf fanden sich innerhalb von etwa drei Tagen über 60 Interessierte zusammen.
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
Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG
05.07.2012 Leichtgewichtige Web 2.0-Architektur für komplexe Business-Anwendungen Nicolas Moser PRODYNA AG Agenda 01 Einführung 02 Architektur 03 Lösungen 04 Zusammenfassung 2 2 Agenda 01 Einführung 02
WEBAPPLIKATIONEN MIT PHP. Wo gibt es Hilfe? Wie fang ich an?
WEBAPPLIKATIONEN MIT PHP Wo gibt es Hilfe? Wie fang ich an? Tools Webapplikationen bestehen aus Textdateien Lassen sich in Texteditoren schreiben Alternativen: Eclipse (PDT) Netbeans (Dynamic Languages)
Web 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
Studygroup AJAX 1 / 28. Studygroup AJAX. Christian Kroiß. 10.10.2006 / 4A Solutions GmbH
1 / 28 Christian Kroiß 10.10.2006 / 4A Solutions GmbH 2 / 28 Gliederung 1 Einleitung 2 Technischer Hintergrund 3 Frameworks - Ein Überblick 4 Clientseitige AJAX-Frameworks - eine Auswahl 5 AJAX und Java-Webanwendungen
Web 2.0 Architekturen und Frameworks
Web 2.0 Architekturen und Frameworks codecentric GmbH Mirko Novakovic codecentric GmbH Quality Technische Qualitätssicherung in Software-Projekten mit Fokus auf Performance, Verfügbarkeit und Wartbarkeit
RAP vs. GWT vs. GAE/J + jquery. Web Technologien im Verlgeich
RAP vs. GWT vs. GAE/J + jquery Web Technologien im Verlgeich RAP vs GWT vs jquery Dominik Wißkirchen 30. Oktober 2010 Abkürzungen RAP AJAX RWT Rich AJAX Platform Asynchronous JavaScript and XML RAP Widget
Wordpress am eigenen Server installieren
Wordpress am eigenen Server installieren Voraussetzung: Zugang zum Server und einen Datenbanknamen und Datenbankuser 1. Download der aktuellen Wordpress-Version unter http://wpde.org/download/ Die Installation
Fakultät für Informatik & Wirtschaftsinformatik DB & IS II SS 2015 PHP MVC. Dr. Christian Senger. PHP MVC 1 von 21
PHP MVC PHP MVC 1 von 21 Model View Control Views Controlers Business logic GUI OO-application logic Object-relational-Mapping Relational DBMS PHP MVC 2 von 21 Webbasierte Informationssysteme WWW-Browser
Programmieren 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
Herzlich willkommen im Modul Web-Engineering
Herbst 2014 Herzlich willkommen im Modul Web-Engineering Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW / Martin Hüsler und Rainer Telesko
Selbst ist die Frau / der Mann: eine eigene Homepage erstellen!
Selbst ist die Frau / der Mann: eine eigene Homepage erstellen! Selbst ist die Frau / der Mann: eine eigene Homepage erstellen! "FIT IM NETZ Eine Vortragsreihe der Stadtbibliothek Ludwigsburg Agenda Warum
easylearn Webservice lsessionservice Interface für Single Sign On (SSO)
- 1 - easylearn Webservice lsessionservice Interface für Single Sign On (SSO) SDN AG, Solution Development Network Dezember 2008 - 2 - Inhaltsverzeichnis Inhaltsverzeichnis... 2 easylearn Webservice lsessionservice...
Die Technologie der Mumie
Die Technologie der Mumie Tilman Rassy Ruedi Seiler Technischen Universität Berlin Fakultät II Mathematik und Naturwissenschaften Institut für Mathematik Vortrag an der ETH Zürich 27. Juli 2006 1 Design-Prizipien
Wahlpflichtfach Streaming Media
Wahlpflichtfach Streaming Media Gregor Franzen TM061023 Ines Schwaighofer TM061102 In dem Wahlpflichtfach Streaming Media beschäftigen sich verschiedene Gruppen von Studierenden mit unterschiedlichen Streaming-Technologien.
Herzlich willkommen im Modul Informatik Grundlagen
Herbstsemester 2010/2011 Herzlich willkommen im Modul Informatik Grundlagen Wirtschaftsingenieurwesen: 1. Semester Dozent: Martin Hüsler Fachhochschule Nordwestschweiz FHNW / Martin Hüsler 1 Ablauf: 1.
Diazo. XSLT basiertes Website Theming. Maik Derstappen Inqbus GmbH & Co. KG maik.derstappen@inqbus.de
Diazo XSLT basiertes Website Theming Maik Derstappen Inqbus GmbH & Co. KG maik.derstappen@inqbus.de Was wir haben Wie der Kunde will Diazo + plone.app.theming Die Hauptnavigationspunkte übernehmen
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
Angreifbarkeit von Webapplikationen
Vortrag über die Risiken und möglichen Sicherheitslücken bei der Entwicklung datenbankgestützter, dynamischer Webseiten Gliederung: Einführung technische Grundlagen Strafbarkeit im Sinne des StGB populäre
Grundlagen Internet-Technologien INF3171
Fachbereich Informatik Informationsdienste Grundlagen Internet-Technologien INF3171 Zusammenfassung Version 1.0 13.07.2015 Zusammenfassung die zentralen Themen Internet, Protokolle, HTTP, Dynamik im Web,
Testgetriebenes Ajax. Johannes Link unabhängiger Softwarecoach http://johanneslink.net. Marco Klemm andrena objects ag http://andrena.
Johannes Link unabhängiger Softwarecoach http://johanneslink.net Marco Klemm andrena objects ag http://andrena.de Agenda Was ist Testgetriebene Entwicklung (TDD)? Herausforderungen bei Ajax-Applikationen
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
RESTful Web. Representational State Transfer
RESTful Web Representational State Transfer 1 Warum REST? REST ist die Lingua Franca des Webs Heterogene (verschiedenartige) Systeme können mit REST kommunizieren, unabhängig von Technologie der beteiligten
Multimedia 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
JavaScript 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
Daten in EPUB visualisieren und dynamisch aktualisieren
Daten in EPUB visualisieren und dynamisch aktualisieren alex@mnmz.de ebook vs. Mehrwert Informationstransport über mehrere Kanäle sinnvoll für mehr Verständnis (Wort, Bild, Ton, Interaktion) Problem: Gewährleistung
Einführung Responsive Webdesign
Einführung Responsive Webdesign Aktuelle Situation Desktop Webseiten Umsetzungen auch heute noch in den meisten Fällen Pixelbasiert JavaScript schafft Dynamik CSS schafft Trennung von Inhalt und Layout
Präsentation Von Laura Baake und Janina Schwemer
Präsentation Von Laura Baake und Janina Schwemer Gliederung Einleitung Verschiedene Betriebssysteme Was ist ein Framework? App-Entwicklung App-Arten Möglichkeiten und Einschränkungen der App-Entwicklung
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
Apollo Überblick. Klaus Kurz. Manager Business Development. 2007 Adobe Systems Incorporated. All Rights Reserved.
Apollo Überblick Klaus Kurz Manager Business Development 1 Was ist Apollo? Apollo ist der Codename für eine plattformunabhängige Laufzeitumgebung, entwickelt von Adobe, die es Entwicklern ermöglicht ihre
FileMaker 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
Daten als XML empfangen Ajax und Server-Programme bieten ein DOM-Document-Objekt, das bereits fertig ist.
#4 Daten als XML empfangen HACK #4 Hack Daten als XML empfangen Ajax und Server-Programme bieten ein DOM-Document-Objekt, das bereits fertig ist. #4 Viele Techniken tauschen momentan Daten im XML-Format
2. Interaktive Web Seiten. action in Formularen. Formular. Superglobale Variablen $ POST, $ GET und $ REQUEST. GET und POST
2. Interaktive Web Seiten GET und POST Die Übertragungsmethoden GET und POST sind im http Protokoll definiert: POST: gibt an, dass sich weitere Daten im Körper der übertragenen Nachricht befinden: z.b.
Einstieg in AJAX-Programmierung
www.happy-security.de präsentiert: Einstieg in AJAX-Programmierung Autor: Tsutomu Katsura Datum: 26. Mai 2006 Herzlich willkommen zu meinem kleinen Tutorial über AJAX-Programmierung. Ich möchte hier nicht
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
Konfiguration des Internet Explorers 7
Konfiguration des Internet Explorers 7 Allgemeines...2 Seiteneinrichtung...2 ActiveX-Steuerelemente...3 JavaScript...5 Verschiedenes...6 Ausdruck von Hintergrundbildern...8 HTTP 1.1...9 Popupblockereinstellungen...10
PHP JavaScript Kapitel 9. Java-Script-Objekte und das Event-Modell
Java-Script-Objekte und das Event-Modell 1 Interaktions-Methoden des Window-Objekts
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
App Entwicklung mit Hilfe von Phonegap. Web Advanced II - SS 2012 Jennifer Beckmann
App Entwicklung mit Hilfe von Phonegap Web Advanced II - SS 2012 Jennifer Beckmann http://www.focus.de/digital/internet/netzoekonomie-blog/smartphone-googles-android-laeuft-konkurrenz-in-deutschland-davon_aid_723544.html
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
IAC-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
Seminar im Sommersemester 2006 Institut für Mikrosystemtechnik, niversität Siegen
Web 2.0 im Sommersemester 2006 Mikrosystemtechnik, niversität Siegen Seite 1 Inhalt Einführung Eine DTD erstellen Das XML-Dokument Formatierung mittels XSLT Die HTML-Ausgabe Das Document Object Model Ajax
Webseitenverwaltung. Mit HTML, CSS und ein klein wenig PHP. Steffen Schwientek http://schlaukopp.org
Webseitenverwaltung Mit HTML, CSS und ein klein wenig PHP Ziel: Einheitliches Layout Banner für alle Seiten des Webauftritts div id="navi" Seite 1 Seite2 Seite
Internet und WWW Übungen
Internet und WWW Übungen 7 Serverseitige Web-Technologien [WEB7] Rolf Dornberger 1 06-11-12 7 Serverseitige Web-Technologien 1. Begriffe Zusatz für Interessierte: 2. JSP erstellen 3. Servlet erstellen
Team Collaboration im Web 2.0
Team Collaboration im Web 2.0 barcampmitteldeutschland Team Collaboration im Web 2.0 Focus Social Bookmarking Torsten Lunze Team Collaboration in Web 2.0 Motivation Collaboration in verschiedenen Technologien
Lokale Installation von DotNetNuke 4 ohne IIS
Lokale Installation von DotNetNuke 4 ohne IIS ITM GmbH Wankelstr. 14 70563 Stuttgart http://www.itm-consulting.de Benjamin Hermann hermann@itm-consulting.de 12.12.2006 Agenda Benötigte Komponenten Installation
HTTPS Checkliste. Version 1.0 (26.08.2015) Copyright Hahn und Herden Netzdenke GbR
HTTPS Checkliste Version 1.0 (26.08.2015) Copyright Hahn und Herden GbR Inhaltsverzeichnis Best Practices...2 1 Private Key und Zertifikat...2 1.1 2048-Bit Private Keys...2 1.2 Geheimhalten der Private
Themen. Web Service - Clients. Kommunikation zw. Web Services
Themen Web Service - Clients Kommunikation zw. Web Services Bisher: Implementierung einer Java Anwendung und Bereitstellung durch Apache Axis unter Apache Tomcat Java2WSDL Erzeugen einer WSDL-Datei zur
QM/PM Partnerrollen HELP.BCBMTOM. Release 4.6C
HELP.BCBMTOM Release 4.6C SAP AG Copyright Copyright 2001 SAP AG. Alle Rechte vorbehalten. Weitergabe und Vervielfältigung dieser Publikation oder von Teilen daraus sind, zu welchem Zweck und in welcher
Das Einsteigerseminar
Michael Seeboerger-Weichselbaum Das Einsteigerseminar XML Inhalt Vorwort Einleitung und Ziel des Buches 1 Was ist XML 1.1 HTML 1.2 XML 1.3 XSLT 1.4 XML und HTML - wo sind die Unterschiede? 1.5 Einsatzgebiete
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
ASP: Active Server Pages
ASP: Active Server Pages Allgemeines: ASP ist die serverseitige Schnittstelle zu Skripten/Programmen ausgehend vom Microsoft-Internet- Information-Server (z.b. in Windows-Server enthalten) Skript- und
Konfiguration des Internet Explorers 8
2009 myfactory International GmbH Seite 1 von 15 Konfiguration des Internet Explorers 8 Allgemeines 2 Seiteneinrichtung 2 ActiveX-Steuerelemente 3 JavaScript 5 Verschiedenes 6 Ausdruck von Hintergrundbildern
Automatisches Exploratives Testen von Webanwendungen
Automatisches Exploratives Testen von Webanwendungen Dr. Valentin Dallmeier IT-Themenabend - 2013-10-01 AG Produkte und Dienstleistungen für die Qualitätssicherung von Software. AG Dr. Valentin Dallmeier
Lösungen der Aufgaben zur Klausurvorbereitung. Aufgabe 1: a) was sagen die folgenden Eigenschaften eines XML-Dokumentes aus? wohlgeformt gültig
HTW Dresden Fakultät Informatik/Mathematik Internettechnologien Lösungen der Aufgaben zur Klausurvorbereitung Aufgabe 1: a) was sagen die folgenden Eigenschaften eines XML-Dokumentes aus? wohlgeformt gültig
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
Workflow, Business Process Management, 4.Teil
Workflow, Business Process Management, 4.Teil 24. Januar 2004 Der vorliegende Text darf für Zwecke der Vorlesung Workflow, Business Process Management des Autors vervielfältigt werden. Eine weitere Nutzung
Suchbä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
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
Erste Schritte mit XHTML
Sascha Frank SS 2005 www.saschafrank.de 3.3.05 Eigene Homepage Rechte am $HOME ändern Eigene Homepage Rechte am $HOME ändern chmod 701 /home/login Eigene Homepage Rechte am $HOME ändern chmod 701
Einführung in die Scriptsprache PHP
Herbst 2014 Einführung in die Scriptsprache PHP Wirtschaftsinformatik: 5. Semester Dozenten: Rainer Telesko / Martin Hüsler Fachhochschule Nordwestschweiz FHNW - Rainer Telesko / Martin Hüsler 1 Inhalt:
Webseiten werden mobil Planung geht vor
Webseiten werden mobil Planung geht vor Mobiles Web Aspekte der Planung 20. April 2012 Inhaltliche Schwerpunkte Einordnung mobiler Technologien Besonderheiten mobiler Touchscreen-Geräte Best Practices
XML und SOAP Einführung und Grundlagen
XML und SOAP Einführung und Grundlagen Matthias Böhmer 16.12.2005 Agenda 1. XML 2. SOAP 3. Seife im Buchladen?! E-Commerce :: XML und SOAP Matthias Böhmer 16.12.2005 2 XML :: Einführung (1) extensible
Anwendervortrag auf dem 2. LUGD-Tag am 26.03.2009 in Frankfurt. Liferay an Bord Portale für Zeppelin
Anwendervortrag auf dem 2. LUGD-Tag am 26.03.2009 in Frankfurt Liferay an Bord Portale für Zeppelin Referent: Juri Urbainczyk, Agon-Solutions GmbH, Eschborn Kunde: Zeppelin AG Web: www.lugd.de E-Mail:
Application Note. Anbindung von Kunden-Software an SpiderControl Web Visualisierung
2015-02-25 1 of 6 Application Note Anbindung von Kunden-Software an SpiderControl Web Visualisierung Version ApplicationNote_AnbindungFremdsoftware /Version Seite 1 / 6 Version Datum Kommentar Autor 0.1