SlideShare ist ein Scribd-Unternehmen logo
Web-Streams und GISHochschule Wismar - Multimediatechnik1
Web-Streams und GISWeb-Streams – RSS FeedsAnwendungsbeispieleRSS FeedsSimpleXMLXML-Struktur multimedialer StreamsDynamische Web-Programmierung mit GoogleMapsVorbereitungEinstieg GoogleMapsTheorie Geo-KodierungGoogleMaps designenDynamische MapsHochschule Wismar - Multimediatechnik2
Web-Streams – RSS FeedsHochschule Wismar - Multimediatechnik3
AnwendungsbeispieleNachrichtenticker (www.nbc.com)Messaging-Stream (www.twitter.com)Multimedia-Stream (www.facebook.com)Hochschule Wismar - Multimediatechnik4Web-Streams – RSS Feeds 
RSS Feedsgeordnete Sammlung von Multimediadaten (Video, Sound, Bild, Text, Geo-Informationen)geschachtelte XML-Daten mit eigenem NamespaceTypen der gespeicherten Daten werden über Namespace gesteuertNamespace: Sammlung medienspezifischer Tags für XML-DatenAbfrage von geschachtelten XML-Daten: XML-RequestsBeispiel für ansprechen eines RSS-Feeds://Addresse des RSS-Feed$url='http://www.nu.nl/deeplink_rss2/index.jsp?r=Algemeen';//Öffnen des XML-Baums$rss = new SimpleXMLElement($url,NULL,TRUE);Hochschule Wismar - Multimediatechnik5Web-Streams – RSS Feeds 
SimpleXMLXML ParserVereinigung der Einfachheit von Xpath und Funktionalität von DOM-XMLLaden von XML-Datenneues XML-Objekt kreieren: $doc = newSimpleXML(<URL oder Datei>,<optionale Parameter oder NULL>, <1. Parameter = URL oder nicht>)laden einer Datei: $doc = simplexml_load_file(<Dateiname>)Zugriff über eine Baumstruktur:Unterobjekte wählbar mit PfeiloperatorAttribute wählbar mit „attributes(<Name des Attributes>)“Bsp:foreach($doc->itemsas $item)	{		$video_url=$item->url;	}Problem: Ändern/Aufbau von XML Dateien schwerHochschule Wismar - Multimediatechnik6Web-Streams – RSS Feeds 
XML-Struktur multimedialer StreamsHochschule Wismar - Multimediatechnik7Web-Streams – RSS Feeds 
Dynamische Webprogrammierung mit Google MapsHochschule Wismar - Multimediatechnik8
VorbereitungSchlüssel für die API beantragen (www.google.de -> Maps -> Anmelden)Voraussetzung: GoogleMail-AccountKey ist immer DomaingebundenTestscript ladenWichtig: Web-Server finden, der weder senden noch empfangen von Google-Anfragen blockiertHochschule Wismar - Multimediatechnik9Dynamische Web-Programmierung mit GoogleMaps
VorbereitungHochschule Wismar - Multimediatechnik10Dynamische Web-Programmierung mit GoogleMaps
Einstieg Google MapsZiel:Eine KarteZentrum der Karte ist Hochschule WismarMarker mit einer ErklärungErste Vorgehensweise:Erstellen einer normalen HTML-SeiteEinbinden des Google Maps Scripts (API-include)Definieren eines Containers (<div>) für KarteLaden der JavaScript Funktion der Karte über HTML-eigene Events (onLoad/onUnload)Hochschule Wismar - Multimediatechnik11Dynamische Web-Programmierung mit GoogleMaps
Einstieg Google MapsHochschule Wismar - Multimediatechnik12Dynamische Web-Programmierung mit GoogleMapssprachabhängiger Google-ServerAPI-Call TypusAPI-Key
Einstieg Google MapsWeitere Vorgehensweise:JavaScript schreibenInit-Funktion schreibenDiverse Google-Funktionen implementieren …Google-Funktionen:Erstellen von Objekten (GoogleMaps ist eine OOL)  GMap2; GClientGeocoder; GLatLng (!!)Anfrage-Funktionen (z.B. geocoder.getLatLng() ) aufrufen und (wichtig) auf Antwort von Google wartenIn der Callback-Funktion Reaktion ausführenHochschule Wismar - Multimediatechnik13Dynamische Web-Programmierung mit GoogleMaps
Einstieg Google MapsUnserer Code
Das Ergebnis …Hochschule Wismar - Multimediatechnik14Dynamische Web-Programmierung mit GoogleMaps
Theorie Geo -KodierungDer (reverse) GeocoderErzeugung eines Geocoder-ObjektsÜbergabe einer Adresse oder geografischen KoordinatenSenden der Kodierungsanfrage an GoogleDa Asynchroner Bearbeitungsmodus  Überwachung eines Nachrichtenpuffers (EventListener), bis Antwort daAntwort gibt Aufschluss über Status der AbfrageWenn Antwort==0  Falsche Anfrage, nicht verzeichneter Ort, ungenaue AnfrageAndernfalls: Rückgabe des WAHRSCHEINLICH gesuchten Ortes (unscharfe Suche)Hochschule Wismar - Multimediatechnik15Dynamische Web-Programmierung mit GoogleMaps
Kleine ErweiterungenAnzeige des Infofensters nach einem Klick ( siehe hier)Hinzufügen von Steuerfeldern ( siehe hier)Design des Infofensters und Strukturierung des Dokuments ( siehe hier)Hochschule Wismar - Multimediatechnik16Dynamische Web-Programmierung mit GoogleMaps
Google Maps designenVerschiedene Möglichkeiten, das Design anzupassen
1. Texturelle Ausgabe um die eigentliche Karte per Container-Verschachtelung etc. designen ( CSS)
2. Formatierung und Design des Info-Fensters von Markern
3. eigenes Design von Markern (Beispiel)
4. einbinden von AJAX in das Info-Fenster (Beispiel)
5. Diverse Visualisierungsmöglichkeiten von:
Straßen (GDirections)
Strecken (GPolyline)
Gebieten (GPolygon)
Dabei wichtig: Google-eigene Design-Formatierung beachtenHochschule Wismar - Multimediatechnik17Dynamische Web-Programmierung mit GoogleMaps

Weitere ähnliche Inhalte

Ähnlich wie Web-Streams und Web-Geoinformationssysteme

Clickstream Analysis with Spark - Understanding Visitors in Real Time
Clickstream Analysis with Spark - Understanding Visitors in Real TimeClickstream Analysis with Spark - Understanding Visitors in Real Time
Clickstream Analysis with Spark - Understanding Visitors in Real Time
QAware GmbH
 
Clickstream Analysis with Spark
Clickstream Analysis with Spark Clickstream Analysis with Spark
Clickstream Analysis with Spark
Josef Adersberger
 
DB Infrastructure Challenge - Team 4M
DB Infrastructure Challenge - Team 4MDB Infrastructure Challenge - Team 4M
DB Infrastructure Challenge - Team 4M
DBHackathon
 
Traumziel MV: Relaunch eines Tourismusportals mit Typo3 Extbase und Fluid
Traumziel MV:  Relaunch eines Tourismusportals mit Typo3 Extbase und FluidTraumziel MV:  Relaunch eines Tourismusportals mit Typo3 Extbase und Fluid
Traumziel MV: Relaunch eines Tourismusportals mit Typo3 Extbase und Fluid
Qbus Werbeagentur
 
Mobile Transport-börse
Mobile Transport-börseMobile Transport-börse
Mobile Transport-börse
Abdelhamid81
 
Best practise 5 anwendungsfälle der google analytics api
Best practise 5 anwendungsfälle der google analytics apiBest practise 5 anwendungsfälle der google analytics api
Best practise 5 anwendungsfälle der google analytics api
e-dialog GmbH
 
Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient
Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClientModerne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient
Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient
Johannes Gruber
 
bsamap.at - Neuigkeiten Dezember 2018
bsamap.at - Neuigkeiten Dezember 2018bsamap.at - Neuigkeiten Dezember 2018
bsamap.at - Neuigkeiten Dezember 2018
Stadt Wien
 
Eine Typisierung von Mapbender, OpenLayers und MapFish
Eine Typisierung von Mapbender, OpenLayers und MapFishEine Typisierung von Mapbender, OpenLayers und MapFish
Eine Typisierung von Mapbender, OpenLayers und MapFish
Arnulf Christl
 
2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend Architektur2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend Architektur
Nico Steiner
 
Web-GUIs mit Vaadin
 Web-GUIs mit Vaadin Web-GUIs mit Vaadin
Web-GUIs mit Vaadin
gedoplan
 
CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...
CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...
CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...
callista-group
 
ArcGIS Enterprise Content Migration mit FME
ArcGIS Enterprise Content Migration mit FMEArcGIS Enterprise Content Migration mit FME
ArcGIS Enterprise Content Migration mit FME
Safe Software
 
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")
Stefan Keller
 
GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)
GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)
GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)
IGN Vorstand
 
Open Data & Data Driven Journalism - Tools & Best Practices
Open Data & Data Driven Journalism - Tools & Best PracticesOpen Data & Data Driven Journalism - Tools & Best Practices
Open Data & Data Driven Journalism - Tools & Best Practices
Robert Seyfriedsberger
 
Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5
kkramhoeft
 
Augmented Reality Workshop
Augmented Reality WorkshopAugmented Reality Workshop
Augmented Reality Workshop
argency
 
HTML5 abwärtskompatibel - Gerätevielfalt & Zugänglichkeit
HTML5 abwärtskompatibel - Gerätevielfalt & ZugänglichkeitHTML5 abwärtskompatibel - Gerätevielfalt & Zugänglichkeit
HTML5 abwärtskompatibel - Gerätevielfalt & Zugänglichkeit
Jonathan Weiß
 

Ähnlich wie Web-Streams und Web-Geoinformationssysteme (20)

Clickstream Analysis with Spark - Understanding Visitors in Real Time
Clickstream Analysis with Spark - Understanding Visitors in Real TimeClickstream Analysis with Spark - Understanding Visitors in Real Time
Clickstream Analysis with Spark - Understanding Visitors in Real Time
 
Clickstream Analysis with Spark
Clickstream Analysis with Spark Clickstream Analysis with Spark
Clickstream Analysis with Spark
 
DB Infrastructure Challenge - Team 4M
DB Infrastructure Challenge - Team 4MDB Infrastructure Challenge - Team 4M
DB Infrastructure Challenge - Team 4M
 
Traumziel MV: Relaunch eines Tourismusportals mit Typo3 Extbase und Fluid
Traumziel MV:  Relaunch eines Tourismusportals mit Typo3 Extbase und FluidTraumziel MV:  Relaunch eines Tourismusportals mit Typo3 Extbase und Fluid
Traumziel MV: Relaunch eines Tourismusportals mit Typo3 Extbase und Fluid
 
Mobile Transport-börse
Mobile Transport-börseMobile Transport-börse
Mobile Transport-börse
 
Best practise 5 anwendungsfälle der google analytics api
Best practise 5 anwendungsfälle der google analytics apiBest practise 5 anwendungsfälle der google analytics api
Best practise 5 anwendungsfälle der google analytics api
 
Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient
Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClientModerne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient
Moderne Web GIS-Clients als Vorbild für den GIP 2.0 WebClient
 
bsamap.at - Neuigkeiten Dezember 2018
bsamap.at - Neuigkeiten Dezember 2018bsamap.at - Neuigkeiten Dezember 2018
bsamap.at - Neuigkeiten Dezember 2018
 
Eine Typisierung von Mapbender, OpenLayers und MapFish
Eine Typisierung von Mapbender, OpenLayers und MapFishEine Typisierung von Mapbender, OpenLayers und MapFish
Eine Typisierung von Mapbender, OpenLayers und MapFish
 
2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend Architektur2. Technologie-Tag - Frontend Architektur
2. Technologie-Tag - Frontend Architektur
 
Web-GUIs mit Vaadin
 Web-GUIs mit Vaadin Web-GUIs mit Vaadin
Web-GUIs mit Vaadin
 
CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...
CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...
CGAG Advisory Board Meeting 21.11.2014: Location Intelligence & Data Warehous...
 
ArcGIS Enterprise Content Migration mit FME
ArcGIS Enterprise Content Migration mit FMEArcGIS Enterprise Content Migration mit FME
ArcGIS Enterprise Content Migration mit FME
 
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")
OpenStreetMap für Webkarten ("OpenStreetMap - die unterschätzte Ressource")
 
GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)
GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)
GI2010 symposium-lehrach (+caigos-partnernetz-gdi-strategien)
 
Open Data & Data Driven Journalism - Tools & Best Practices
Open Data & Data Driven Journalism - Tools & Best PracticesOpen Data & Data Driven Journalism - Tools & Best Practices
Open Data & Data Driven Journalism - Tools & Best Practices
 
Kevin Hofer
Kevin HoferKevin Hofer
Kevin Hofer
 
Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5Mobile Webentwicklung mit HTML5
Mobile Webentwicklung mit HTML5
 
Augmented Reality Workshop
Augmented Reality WorkshopAugmented Reality Workshop
Augmented Reality Workshop
 
HTML5 abwärtskompatibel - Gerätevielfalt & Zugänglichkeit
HTML5 abwärtskompatibel - Gerätevielfalt & ZugänglichkeitHTML5 abwärtskompatibel - Gerätevielfalt & Zugänglichkeit
HTML5 abwärtskompatibel - Gerätevielfalt & Zugänglichkeit
 

Mehr von Christian Kehl

From noisy object surface scans to conformal unstructured grids of multiple m...
From noisy object surface scans to conformal unstructured grids of multiple m...From noisy object surface scans to conformal unstructured grids of multiple m...
From noisy object surface scans to conformal unstructured grids of multiple m...
Christian Kehl
 
Cuberilles Statistical Volume Visualisation for Medical and Geological Data
Cuberilles Statistical Volume Visualisation for Medical and Geological DataCuberilles Statistical Volume Visualisation for Medical and Geological Data
Cuberilles Statistical Volume Visualisation for Medical and Geological Data
Christian Kehl
 
Mobile Outcrop Geology using tablets
Mobile Outcrop Geology using tabletsMobile Outcrop Geology using tablets
Mobile Outcrop Geology using tablets
Christian Kehl
 
Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...
Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...
Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...
Christian Kehl
 
Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...
Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...
Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...
Christian Kehl
 
Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...
Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...
Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...
Christian Kehl
 
Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)
Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)
Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)
Christian Kehl
 
Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...
Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...
Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...
Christian Kehl
 
WP 4 – Interactive simulation and 3D visualization for water policy developme...
WP 4 – Interactive simulation and 3D visualization for water policy developme...WP 4 – Interactive simulation and 3D visualization for water policy developme...
WP 4 – Interactive simulation and 3D visualization for water policy developme...
Christian Kehl
 
Topology-conform segmented volume meshing of volume images (Oct 2012)
Topology-conform segmented volume meshing of volume images (Oct 2012)Topology-conform segmented volume meshing of volume images (Oct 2012)
Topology-conform segmented volume meshing of volume images (Oct 2012)
Christian Kehl
 
Master Thesis: Conformal multi-material mesh generation from labelled medical...
Master Thesis: Conformal multi-material mesh generation from labelled medical...Master Thesis: Conformal multi-material mesh generation from labelled medical...
Master Thesis: Conformal multi-material mesh generation from labelled medical...
Christian Kehl
 
nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...
nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...
nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...
Christian Kehl
 
LiDAR acquisition
LiDAR acquisitionLiDAR acquisition
LiDAR acquisition
Christian Kehl
 
Fluid simulation
Fluid simulationFluid simulation
Fluid simulation
Christian Kehl
 
MPEG-1 Part 2 Video Encoding
MPEG-1 Part 2 Video EncodingMPEG-1 Part 2 Video Encoding
MPEG-1 Part 2 Video Encoding
Christian Kehl
 
Depth image recognition using isomorphic graph theory
Depth image recognition using isomorphic graph theoryDepth image recognition using isomorphic graph theory
Depth image recognition using isomorphic graph theory
Christian Kehl
 
Graph theory - Traveling Salesman and Chinese Postman
Graph theory - Traveling Salesman and Chinese PostmanGraph theory - Traveling Salesman and Chinese Postman
Graph theory - Traveling Salesman and Chinese Postman
Christian Kehl
 
GPU Computing
GPU ComputingGPU Computing
GPU Computing
Christian Kehl
 
Computer Graphics Modellering engels
Computer Graphics Modellering engelsComputer Graphics Modellering engels
Computer Graphics Modellering engels
Christian Kehl
 
Video-Konvertierung über GPGPU mit RIA-FrontEnd
Video-Konvertierung über GPGPU mit RIA-FrontEndVideo-Konvertierung über GPGPU mit RIA-FrontEnd
Video-Konvertierung über GPGPU mit RIA-FrontEnd
Christian Kehl
 

Mehr von Christian Kehl (20)

From noisy object surface scans to conformal unstructured grids of multiple m...
From noisy object surface scans to conformal unstructured grids of multiple m...From noisy object surface scans to conformal unstructured grids of multiple m...
From noisy object surface scans to conformal unstructured grids of multiple m...
 
Cuberilles Statistical Volume Visualisation for Medical and Geological Data
Cuberilles Statistical Volume Visualisation for Medical and Geological DataCuberilles Statistical Volume Visualisation for Medical and Geological Data
Cuberilles Statistical Volume Visualisation for Medical and Geological Data
 
Mobile Outcrop Geology using tablets
Mobile Outcrop Geology using tabletsMobile Outcrop Geology using tablets
Mobile Outcrop Geology using tablets
 
Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...
Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...
Towards Distributed, Semi-Automatic Content-Based Visual Information Retrieva...
 
Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...
Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...
Distributed Rendering and Collaborative User Navigation- and Scene Manipulati...
 
Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...
Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...
Interactive Simulation and Visualization of Large-Scale Flooding Scenarios (J...
 
Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)
Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)
Efficient Navigation in Temporal, Multi-Dimensional Point Sets (April 2013)
 
Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...
Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...
Smooth, Interactive Rendering and On-line Modification of Large-Scale, Geospa...
 
WP 4 – Interactive simulation and 3D visualization for water policy developme...
WP 4 – Interactive simulation and 3D visualization for water policy developme...WP 4 – Interactive simulation and 3D visualization for water policy developme...
WP 4 – Interactive simulation and 3D visualization for water policy developme...
 
Topology-conform segmented volume meshing of volume images (Oct 2012)
Topology-conform segmented volume meshing of volume images (Oct 2012)Topology-conform segmented volume meshing of volume images (Oct 2012)
Topology-conform segmented volume meshing of volume images (Oct 2012)
 
Master Thesis: Conformal multi-material mesh generation from labelled medical...
Master Thesis: Conformal multi-material mesh generation from labelled medical...Master Thesis: Conformal multi-material mesh generation from labelled medical...
Master Thesis: Conformal multi-material mesh generation from labelled medical...
 
nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...
nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...
nteractive visual analysis of flood scnarios using large-scale LiDAR point cl...
 
LiDAR acquisition
LiDAR acquisitionLiDAR acquisition
LiDAR acquisition
 
Fluid simulation
Fluid simulationFluid simulation
Fluid simulation
 
MPEG-1 Part 2 Video Encoding
MPEG-1 Part 2 Video EncodingMPEG-1 Part 2 Video Encoding
MPEG-1 Part 2 Video Encoding
 
Depth image recognition using isomorphic graph theory
Depth image recognition using isomorphic graph theoryDepth image recognition using isomorphic graph theory
Depth image recognition using isomorphic graph theory
 
Graph theory - Traveling Salesman and Chinese Postman
Graph theory - Traveling Salesman and Chinese PostmanGraph theory - Traveling Salesman and Chinese Postman
Graph theory - Traveling Salesman and Chinese Postman
 
GPU Computing
GPU ComputingGPU Computing
GPU Computing
 
Computer Graphics Modellering engels
Computer Graphics Modellering engelsComputer Graphics Modellering engels
Computer Graphics Modellering engels
 
Video-Konvertierung über GPGPU mit RIA-FrontEnd
Video-Konvertierung über GPGPU mit RIA-FrontEndVideo-Konvertierung über GPGPU mit RIA-FrontEnd
Video-Konvertierung über GPGPU mit RIA-FrontEnd
 

Kürzlich hochgeladen

Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
kylerkelson6767
 
Das Chemiestudium an der Universität Duisburg-Essen
Das Chemiestudium an der Universität Duisburg-EssenDas Chemiestudium an der Universität Duisburg-Essen
Das Chemiestudium an der Universität Duisburg-Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Das Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-EssenDas Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Unterrichten der Programmierung 📚 Python 🐍
Unterrichten der Programmierung 📚 Python 🐍Unterrichten der Programmierung 📚 Python 🐍
Unterrichten der Programmierung 📚 Python 🐍
Miguel Delamontagne
 
Psychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-EssenPsychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Medizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - EssenMedizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - Essen
Team Studienorientierung (Universität Duisburg-Essen)
 
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation WurzerMicrosoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
MIPLM
 
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Wolfgang Geiler
 
Lehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg EssenLehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg Essen
Team Studienorientierung (Universität Duisburg-Essen)
 

Kürzlich hochgeladen (9)

Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
Abortion Pills In Dubai☎️ "+971)555095267 " to buy abortion pills in Dubai, A...
 
Das Chemiestudium an der Universität Duisburg-Essen
Das Chemiestudium an der Universität Duisburg-EssenDas Chemiestudium an der Universität Duisburg-Essen
Das Chemiestudium an der Universität Duisburg-Essen
 
Das Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-EssenDas Biologiestudium an der Universität Duisburg-Essen
Das Biologiestudium an der Universität Duisburg-Essen
 
Unterrichten der Programmierung 📚 Python 🐍
Unterrichten der Programmierung 📚 Python 🐍Unterrichten der Programmierung 📚 Python 🐍
Unterrichten der Programmierung 📚 Python 🐍
 
Psychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-EssenPsychologie an der Universität Duisburg-Essen
Psychologie an der Universität Duisburg-Essen
 
Medizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - EssenMedizin an der Universität Duisburg - Essen
Medizin an der Universität Duisburg - Essen
 
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation WurzerMicrosoft Roadshow Stuttgart AI-Presentation Wurzer
Microsoft Roadshow Stuttgart AI-Presentation Wurzer
 
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
Klimaabkühlung durch die CO2 Kanone, Konvektionskreislauf,Klimaabkühlung stat...
 
Lehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg EssenLehramt an der Universität Duisburg Essen
Lehramt an der Universität Duisburg Essen
 

Web-Streams und Web-Geoinformationssysteme

  • 1. Web-Streams und GISHochschule Wismar - Multimediatechnik1
  • 2. Web-Streams und GISWeb-Streams – RSS FeedsAnwendungsbeispieleRSS FeedsSimpleXMLXML-Struktur multimedialer StreamsDynamische Web-Programmierung mit GoogleMapsVorbereitungEinstieg GoogleMapsTheorie Geo-KodierungGoogleMaps designenDynamische MapsHochschule Wismar - Multimediatechnik2
  • 3. Web-Streams – RSS FeedsHochschule Wismar - Multimediatechnik3
  • 4. AnwendungsbeispieleNachrichtenticker (www.nbc.com)Messaging-Stream (www.twitter.com)Multimedia-Stream (www.facebook.com)Hochschule Wismar - Multimediatechnik4Web-Streams – RSS Feeds 
  • 5. RSS Feedsgeordnete Sammlung von Multimediadaten (Video, Sound, Bild, Text, Geo-Informationen)geschachtelte XML-Daten mit eigenem NamespaceTypen der gespeicherten Daten werden über Namespace gesteuertNamespace: Sammlung medienspezifischer Tags für XML-DatenAbfrage von geschachtelten XML-Daten: XML-RequestsBeispiel für ansprechen eines RSS-Feeds://Addresse des RSS-Feed$url='http://www.nu.nl/deeplink_rss2/index.jsp?r=Algemeen';//Öffnen des XML-Baums$rss = new SimpleXMLElement($url,NULL,TRUE);Hochschule Wismar - Multimediatechnik5Web-Streams – RSS Feeds 
  • 6. SimpleXMLXML ParserVereinigung der Einfachheit von Xpath und Funktionalität von DOM-XMLLaden von XML-Datenneues XML-Objekt kreieren: $doc = newSimpleXML(<URL oder Datei>,<optionale Parameter oder NULL>, <1. Parameter = URL oder nicht>)laden einer Datei: $doc = simplexml_load_file(<Dateiname>)Zugriff über eine Baumstruktur:Unterobjekte wählbar mit PfeiloperatorAttribute wählbar mit „attributes(<Name des Attributes>)“Bsp:foreach($doc->itemsas $item) { $video_url=$item->url; }Problem: Ändern/Aufbau von XML Dateien schwerHochschule Wismar - Multimediatechnik6Web-Streams – RSS Feeds 
  • 7. XML-Struktur multimedialer StreamsHochschule Wismar - Multimediatechnik7Web-Streams – RSS Feeds 
  • 8. Dynamische Webprogrammierung mit Google MapsHochschule Wismar - Multimediatechnik8
  • 9. VorbereitungSchlüssel für die API beantragen (www.google.de -> Maps -> Anmelden)Voraussetzung: GoogleMail-AccountKey ist immer DomaingebundenTestscript ladenWichtig: Web-Server finden, der weder senden noch empfangen von Google-Anfragen blockiertHochschule Wismar - Multimediatechnik9Dynamische Web-Programmierung mit GoogleMaps
  • 10. VorbereitungHochschule Wismar - Multimediatechnik10Dynamische Web-Programmierung mit GoogleMaps
  • 11. Einstieg Google MapsZiel:Eine KarteZentrum der Karte ist Hochschule WismarMarker mit einer ErklärungErste Vorgehensweise:Erstellen einer normalen HTML-SeiteEinbinden des Google Maps Scripts (API-include)Definieren eines Containers (<div>) für KarteLaden der JavaScript Funktion der Karte über HTML-eigene Events (onLoad/onUnload)Hochschule Wismar - Multimediatechnik11Dynamische Web-Programmierung mit GoogleMaps
  • 12. Einstieg Google MapsHochschule Wismar - Multimediatechnik12Dynamische Web-Programmierung mit GoogleMapssprachabhängiger Google-ServerAPI-Call TypusAPI-Key
  • 13. Einstieg Google MapsWeitere Vorgehensweise:JavaScript schreibenInit-Funktion schreibenDiverse Google-Funktionen implementieren …Google-Funktionen:Erstellen von Objekten (GoogleMaps ist eine OOL)  GMap2; GClientGeocoder; GLatLng (!!)Anfrage-Funktionen (z.B. geocoder.getLatLng() ) aufrufen und (wichtig) auf Antwort von Google wartenIn der Callback-Funktion Reaktion ausführenHochschule Wismar - Multimediatechnik13Dynamische Web-Programmierung mit GoogleMaps
  • 15. Das Ergebnis …Hochschule Wismar - Multimediatechnik14Dynamische Web-Programmierung mit GoogleMaps
  • 16. Theorie Geo -KodierungDer (reverse) GeocoderErzeugung eines Geocoder-ObjektsÜbergabe einer Adresse oder geografischen KoordinatenSenden der Kodierungsanfrage an GoogleDa Asynchroner Bearbeitungsmodus  Überwachung eines Nachrichtenpuffers (EventListener), bis Antwort daAntwort gibt Aufschluss über Status der AbfrageWenn Antwort==0  Falsche Anfrage, nicht verzeichneter Ort, ungenaue AnfrageAndernfalls: Rückgabe des WAHRSCHEINLICH gesuchten Ortes (unscharfe Suche)Hochschule Wismar - Multimediatechnik15Dynamische Web-Programmierung mit GoogleMaps
  • 17. Kleine ErweiterungenAnzeige des Infofensters nach einem Klick ( siehe hier)Hinzufügen von Steuerfeldern ( siehe hier)Design des Infofensters und Strukturierung des Dokuments ( siehe hier)Hochschule Wismar - Multimediatechnik16Dynamische Web-Programmierung mit GoogleMaps
  • 18. Google Maps designenVerschiedene Möglichkeiten, das Design anzupassen
  • 19. 1. Texturelle Ausgabe um die eigentliche Karte per Container-Verschachtelung etc. designen ( CSS)
  • 20. 2. Formatierung und Design des Info-Fensters von Markern
  • 21. 3. eigenes Design von Markern (Beispiel)
  • 22. 4. einbinden von AJAX in das Info-Fenster (Beispiel)
  • 27. Dabei wichtig: Google-eigene Design-Formatierung beachtenHochschule Wismar - Multimediatechnik17Dynamische Web-Programmierung mit GoogleMaps
  • 28. Google Maps designenHochschule Wismar - Multimediatechnik18Dynamische Web-Programmierung mit GoogleMapsBeispiel für PolygonBeispiel Polyline
  • 29. Google Maps designenBeispiel MarkerHochschule Wismar - Multimediatechnik19Dynamische Web-Programmierung mit GoogleMaps
  • 30. Mehrere Marker – erst einmal statisch …Übergabe von mehreren Parametern (zum Beispiel 4 für 4 Plätze)Umschreiben der JavaScript-RoutineHinter einander geokodieren der verschiedenen AdressenAbspeichern der Werte in eigenen VariablenSetzen des OverlaysDas Ergebnis: Soweit, so gut … sieht doch schon brauchbar aus Hochschule Wismar - Multimediatechnik20Dynamische Web-Programmierung mit GoogleMaps
  • 31. Dynamische Maps – Einleitung TechnikAdressen werden aus Dateien/Datenbank gelesen
  • 32. Strukturierte Abspeicherung von Inhalten und Adressen für Weiterverarbeitung
  • 33. Für kleine und mittlere Webprojekte bestes Datenformat: XML
  • 34. Mit PHP: laden der XML-Datei, Übersetzung Ort-> Geo-Koordinaten bei Seitenaufruf
  • 35. Abspeicherung der Adressen und Geokoordinaten
  • 36. Da Google Maps an sich eine JS-API: dynamischer Aufbau eines JavaScripts mit Hilfe von PHPHochschule Wismar - Multimediatechnik21Dynamische Web-Programmierung mit GoogleMaps
  • 37. Dynamische Maps – Datenformat XMLGrundvoraussetzung bei der Arbeit mit XML Dateien: validierte XML -> DTD und XMLDTDXMLHochschule Wismar - Multimediatechnik22Dynamische Web-Programmierung mit GoogleMaps
  • 38. Dynamische Maps – Geo-KodierungNächster Schritt: Parsen der Adressen oder Geo-Koordinaten zu eingetragenen PunktenAbspeichern gewonnener Daten durch PHP-Script (Lizenzabkommen mit Google/Limits)Scripts: Zusammenführen von Funktionen zur Datenbearbeitung; keine BildschirmausgabeIn der späteren Webseite: einfaches <? Include() ?> des Scripts, damit die Daten bei Seitenaufruf aktualisiert werdenUnser Script: Hochschule Wismar - Multimediatechnik23Dynamische Web-Programmierung mit GoogleMaps
  • 39. Dynamische Maps – Darstellung und JSAufbau der Hauptseite wie gewohntInclude des PHP-Scripts nicht vergessen !!Dynamische Generierung des JavaScripts über PHP-AusgabefunktionenPer foreach-Schleife werden die einzelnen Einträge der XML durchgegangenPer ID werden je XML-Eintrag GoogleMaps-Objekte generiertGMarker(<Höhengrade>,<Breitengrad>)GEventListener.addEvent(marker,“click“, onmouse…)AnzeigeHochschule Wismar - Multimediatechnik24Dynamische Web-Programmierung mit GoogleMaps
  • 40. Dynamische Maps – KML Formatvon Google entwickeltes, XML-basiertes Dateiformat für Geo-Daten (XML mit Geo-Zusatz)Abspeichern aller zur Verfügung stehenden Kartenfunktionen gefundener Einträgen als XML-DatenEinfache Einbindung über JS-FunktionengeoXML = newGGeoXml(<Adressen-String>);map.addOverlay(geoXML);Falls nicht unterstützt: Ausgabe wie gewohnt über PHP-XML und JS-FunktionenWeitere Dokumentation und Hilfe:Offizielle ReferenzHochschule Wismar - Multimediatechnik25Dynamische Web-Programmierung mit GoogleMaps
  • 41. Dynamische Maps – einfaches KML generierenGrundaufbau des Scripts wie bei XMLErstellen einer neuen DateiSchreiben von XML-Version, Zeichensatz (UTF-8) und Namespaceaktueller Namespace: <kmlxmlns=„http://www.opengis.net/kml/2.2“>Wenn alle Daten eines Platzes vorhandenErstellen eines „Placemarks“Einfügen des Namens und der Beschreibung (zum Beispiel als HTML)Einfügen eines Punktes und anhängen der KoordinatenKML schließen und Datei abspeichernIm Hauptdokument die generierte Datei als GGeoXml einfügenHochschule Wismar - Multimediatechnik26Dynamische Web-Programmierung mit GoogleMaps
  • 42. Überblick der KonkurrenzGoogleEarth zur 3D-VisualisierungNotwendig: KML-Datei mit 3D-InformationenVirtualEarth als Microsoft Konkurrenzprodukthttp://www.woistdaniel.de/möglich: 3D-Animation der UmgebungVoraussetzung für Nutzung von VirtualEarth:Evtl. Hotmail/MSN-AccountSilverlight SDKDa Silverlight .NET-Anwendung: .NET 2.0 SDK (mindestens)Für 3D: Virtual Earth 3D PluginHochschule Wismar - Multimediatechnik27Dynamische Web-Programmierung mit GoogleMaps