imak.m10 Raumbezogenes Informationsmanagement und Applikationsentwicklung J. Bröthaler, A. Hocevar + Multimedia Kartographie F. Ortag, M. Schmidt VU 266.095, 4.0 Std. gemeinsam mit VU 126.077, 2.0 Std. www.ifip.tuwien.ac.at/lehre/imak J. Bröthaler, A. Hocevar imak.m10 - Seite 1 F. Ortag, M. Schmidt imak.m10 - Einführung 1. Lehrziele und Lehrinhalte 2. Organisation und Ablauf 3. Technische Komponenten der VU 4. Html-/CSS-Einführung 5. Übungsbeispiele J. Bröthaler, A. Hocevar imak.m10 - Seite 2 F. Ortag, M. Schmidt 1 imak.m10 - Lehrziele Raumbezogenes Informationsmanagement und Applikationsentwicklung 1. Kenntnis der Grundlagen der Entwicklung raumbezogener Informationssysteme 2. Kenntnis raumbezogener Daten und der Grundlagen des Geodatenmanagements 3. Fertigkeiten im Umgang mit Server-Datenbanken, Geodatenmanagement und Web-GIS 4. Fertigkeit zur technischen Umsetzung raum(planungs)bezogener Fragestellungen in einer (Client-)Server-Umgebung 5. Design- und Managementkompetenz für raumbezogene Informationssysteme J. Bröthaler, A. Hocevar imak.m10 - Seite 3 F. Ortag, M. Schmidt imak.m10 - Lehrziele Multimedia Kartographie Anwendungsorientierte und integrative Vermittlung der technischen und methodischen Grundlagen des Einsatzes von Multimedia in der Kartographie mit dem besonderen Schwerpunkt des WebMapping 1. Aufgabe der Kartographie 2. Rolle von Multimedia 3. Konzeption und Realisierung einer WebMapping-Applikation 4. Exemplarischer Einsatz von SVG als WebMapping-Tool J. Bröthaler, A. Hocevar imak.m10 - Seite 4 F. Ortag, M. Schmidt 2 imak.m10 – Lehrinhalt Technische Komponenten Clients Server Übungsergebnis Notepad HTML, CSS Statische (lokale) Website Html-/CSS-Einführung Lehrinhalt/Organisation siehe imak-Disposition bzw. TISS J. Bröthaler, A. Hocevar imak.m10 - Seite 5 F. Ortag, M. Schmidt Informationssysteme I Clients Server Übungsergebnis HTML, CSS, .htaccess Webserver Apache Projektmanagement Informationssysteme Web-Entwicklung J. Bröthaler, A. Hocevar Projekt-Setup, Entwurf Website je Gruppe Passwort-Schutz imak.m10 - Seite 6 F. Ortag, M. Schmidt 3 Informationssysteme II Clients Server HTML, CSS, .htaccess Webserver Apache phpMyAdmin SQL ServerDatenbank MySql Server-Datenbanken (Bsp. MySql) phpMyAdmin-Einführung SQL-Grundlagen SQL-Abfragen im Web (Bsp. PHP) J. Bröthaler, A. Hocevar Übungsergebnis Datenbank Beispieldaten je Gruppe imak.m10 - Seite 7 F. Ortag, M. Schmidt Web-GIS I Clients Server HTML, CSS Webserver Apache phpMyAdmin PgAdmin SQL ServerDatenbank Übungsergebnis OpenGeoSuite Web-GIS im Überblick OGC-Standards, WMS, SLD, KML OpenGeo-Suite-Einführung Cloud-Arbeitsumgebung J. Bröthaler, A. Hocevar imak.m10 - Seite 8 Kartendarstellung von Übungsdaten mit OpenGeo-Suite F. Ortag, M. Schmidt 4 Geodaten I Clients Server HTML, CSS Webserver Apache PhpMyAdmin PgAdmin SQL ServerDatenbank Spatial SQL OpenGeoSuite SQL-Erweiterungen für GIS Räumliche Abfragen Open Data Publizieren von Geodaten im Web J. Bröthaler, A. Hocevar Übungsergebnis Open Data imak.m10 - Seite 9 Darstellen von Geodaten im Web Projektdaten je Gruppe F. Ortag, M. Schmidt Web-GIS II Clients HTML, CSS PhpMyAdmin PgAdmin SQL Spatial SQL Javascript, ExtJS/GeoExt Web-GIS-Anwendung Interaktive Karten im Web (HTML, CSS, SLD, Javascript) J. Bröthaler, A. Hocevar Server Übungsergebnis Webserver Apache ServerDatenbank OpenGeoSuite Open Data imak.m10 - Seite 10 Einfaches Web-GIS mit Übungsdaten F. Ortag, M. Schmidt 5 Web-Mapping I Clients Server Übungsergebnis HTML, CSS, SVG Webserver Apache PhpMyAdmin PgAdmin SQL Spatial SQL ServerDatenbank Javascript, ExtJS/GeoExt OpenGeoSuite Multimedia in der Kartographie Vektorformate XML-, SVG-Einführung J. Bröthaler, A. Hocevar Open Data imak.m10 - Seite 11 Vektorgraphiken F. Ortag, M. Schmidt Web-Mapping II Clients Server HTML, CSS, Webserver Apache SVG, XML, Javascript ServerDatenbank PhpMyAdmin PgAdmin SQL Spatial SQL OpenGeoSuite ExtJS/GeoExt Interaktion innerhalb von SVG Schnittstellen mit SVG (JavaScript) Einbinden externer Inhalte in SVG J. Bröthaler, A. Hocevar Übungsergebnis Open Data imak.m10 - Seite 12 Dynamische Website inkl. Vektorgraphiken F. Ortag, M. Schmidt 6 Integration in Studentenprojekt Übungsergebnis Clients Server HTML, CSS, SVG, XML, Javascript Webserver Apache PhpMyAdmin, PgAdmin SQL Spatial SQL ServerDatenbank OpenGeoSuite ExtJS/GeoExt Dynamische Website inkl. Vektorgraphik Webkarten und Datenbank-Zugriff Projektumsetzung je Gruppe Open Data J. Bröthaler, A. Hocevar imak.m10 - Seite 13 F. Ortag, M. Schmidt Technische Infrastruktur für imak.m10 Clients (lokale Server) Student-Home-PCs www.ifip.tuwien.ac.at/lehre/imak EDV-Lab Webserver der Institute imak.m10Plattform SRF student.ifip.tuwien.ac.at Web-/Ftp-Server, MySql-Datenbankserver Internet, externe Informationsangebote Server J. Bröthaler, A. Hocevar Carto IFIP Sonstige Server der Institute Datenbankserver, UMN-Server etc. imak.m10 - Seite 14 Server F. Ortag, M. Schmidt 7 imak.m10 – Vorlesungsübung/Studentenprojekt • Imak-Blöcke im EDV-Labor VO+Ue, Anwesenheitspflicht, aktive Mitarbeit • Imak-Projekt Gruppenarbeit (3-4 Studierende) innerhalb und außerhalb der Blöcke im EDV-Labor • Imak-Projektdaten Basisdaten für Wien/NÖ, Open (Geo) Data Wien • Imak-Projektinhalt eigene Themen mit unterschiedlichen Schwerpunkten - Technologie - Design - Kartographie - Thematik • Imak-Beurteilung Mitwirkung, Gruppenarbeit (Website/Datenbank, Karten, Anwendung) J. Bröthaler, A. Hocevar imak.m10 - Seite 15 F. Ortag, M. Schmidt imak.m10 Raumbezogenes Informationsmanagement und Applikationsentwicklung Offene Fragen ? J. Bröthaler, A. Hocevar + Multimedia Kartographie F. Ortag, M. Schmidt VU 266.095, 4.0 Std. gemeinsam mit VU 126.077, 2.0 Std. www.ifip.tuwien.ac.at/lehre/imak J. Bröthaler, A. Hocevar imak.m10 - Seite 16 F. Ortag, M. Schmidt 8 Projektbeispiele aus Vorjahren J. Bröthaler, A. Hocevar imak.m10 - Seite 17 F. Ortag, M. Schmidt Projektbeispiele aus Vorjahren J. Bröthaler, A. Hocevar imak.m10 - Seite 18 F. Ortag, M. Schmidt 9 Projektbeispiele aus Vorjahren J. Bröthaler, A. Hocevar imak.m10 - Seite 19 F. Ortag, M. Schmidt 10