Vorlesung Web Programmierung

Web-Präsenz ist heute wichtiger Bestandteil der Corporate Identity jedes Unternehmens. Die Vorlesung "Web Programmierung" ermöglicht tiefere Einblicke in die Struktur und Funktionsweise von komplexen Web-Informationssystemen.

Die Vorlesung richtet sich an Bachelor-Studierende der technischen Fachrichtungen (ET/IT/MT).

Die Teilnehmer werden in die Lage versetzt, eigene Informationssysteme zu entwerfen und zu implementieren, sowie bestehende Systeme zu untersuchen und zu ergänzen.

Motivation

Web-Präsenz ist heute wichtiger Bestandteil der Corporate Identity jedes Unternehmens. Die Vorlesung "Web Programmierung" ermöglicht tiefere Einblicke in die Struktur und Funktionsweise von komplexen Web-Informationssystemen. Die Vorlesung richtet sich an Bachelor-Studierende der technischen Fachrichtungen (ET/IT/MT). Die Teilnehmer werden in die Lage versetzt, eigene Informationssysteme zu entwerfen und zu implementieren, sowie bestehende Systeme zu untersuchen und zu ergänzen.

Lernziele

• Technische Grundlagen der Kommunikation im Web
• Architektur und Funktionsweise von Web-Informationssystemen
• Sprachen und Standards der Webprogrammierung: HTML, CSS, PHP, JavaScript
• Semantik der Web-Inhalte: Meta Tags, Microformats, Dublin Core, Geotags, Linked Open Data
• Modulare Entwicklung von komplexen Web-Projekten (am Beispiel von PHP und CodeIngniter)
• Benutzerverwaltung und Sicherheit
• Content Management Systeme (CMS): Funktionsweise, Pflege, Implementierung von ergänzenden Komponenten
• Validierung, Performance, Schwachstellenanalyse von Web-Anwendungen
• Datenintegration in verteilten Informationssystemen
• Planung, Umsetzung, Bewertung und Pflege von komplexen Web-Projekten

Programmieraufgaben: Eine wichtige Rolle spielt heutzutage die Integration der Daten und der Dienste zwischen verschiedenen Systemen und Anbietern. Im Rahmen der Vorlesung werden Programmieraufgaben bearbeitet, die diese Problematik am Beispiel der öffentlichen sozialen Netzwerke (z.B. Microblogging mit Twitter) verdeutlichen. Ziel der Übungen ist es, ein funktionierendes System zu erstellen, das Daten der externen Anbieter sammelt, analysiert und die Ergebnisse dem Benutzer präsentiert.

Zurück: Startseite

Aktuelles

26.05.2012: Heute findet keine WebPro Vorlesung statt !!

23.05.2012: In der ersten Vorlesung wurde die Frage angeregt, ob der Termin 26.05.12 verlegt werden könnte (wegen Pfingstwochenende). In Abstimmung mit Prof. Schultes als Koordinator haben wir den Termin der kommenden Blockveranstaltung verschoben; die passenden Alternativen sollen in der nächsten regulären Blockvorlesung besprochen werden. Am kommenden Samstag 26.05.12 findet daher keine WebPro Vorlesung statt. Die nächste Blockveranstaltung ist am 02.06.2012, wie üblich zwischen 08-14 Uhr auf der Karthause in C-014.

19.05.2012: Die erste Block-Vorlesung des Sommersemesters fand heute statt!

Zurück: Startseite

Termine

Im Sommersemester 2012 findet die Vorlesung mit integrierter Übung als Blockveranstaltung statt.

Die einzelnen Blockvorlesungen finden Samstags auf dem RheinMoselCampus in Koblenz (Anreise, Lageplan) an mehreren Terminen statt:

• Samstag, 19. Mai 2012 - 08:15-14:00 Uhr in C-014
• Samstag, 26. Mai 2012 - 08:15-14:00 Uhr in C-014 - VERSCHOBEN !!
• Samstag, 02. Juni 2012 - 08:15-14:00 Uhr in C-014
• Samstag, 09. Juni 2012 - 08:15-14:00 Uhr in C-014

Zurück: Startseite

Voraussetzungen

Die Vorlesung vermittelt u.a. Grundwissen zu den Markup- und Programmiersprachen (insbesondere HTML, PHP, JavaScript). Entsprechende Vorkenntnisse und Erfahrungen sind selbstverständlich von Vorteil, jedoch nicht zwingend notwendig. Auch Vorkenntnisse in anderen Programmiersprachen (z.B. C/C++, Java) sind sehr hilfreich, da die Syntax und die Semantik von PHP relativ ähnlich zu diesen etablierten Programmiersprachen konzipiert sind.

Die Vorkenntnisse aus dem thematisch verwandten Kurs "Webdesign" sind insbesondere für diejenigen vorteilhaft, die die Programmieraufgaben über die Minimalanforderungen hinaus professionell gestalten und mit zusätzlichen Features ausstatten möchten.

Im Kontext der Web-Programmierung beschäftigen wir uns auch mit weiterführenden Themen wie Web-Informationssuche, Datenmodellierung und Autoritätsranking. Diese Themen der Vorlesung erfordern Grundwissen in linearer Algebra und Wahrscheinlichkeitsrechnung. Die Vorkenntnisse sind empfehlenswert aber nicht zwingend, da entsprechendes notwendiges Basiswissen in der Vorlesung vermittelt wird.

Zurück: Startseite

Leistungsnachweis

Die Programmieraufgaben der Vorlesung sind in Form eines Projektes organisiert. Das Projekt wird inkrementell aufgebaut und mit weiteren Funktionen ausgestattet. Am Ende des Semesters findet die Vorstellung der Projekte statt, die mit einer Diskussion verbunden ist.

Die Implementierung des Projektes nach Vorgaben der Aufgaben und erfolgreiche Präsentation (insbesondere Beantwortung der Fragen) sind Voraussetzungen für den Scheinerwerb.

Bei Gruppenarbeit setzen wir voraus, das alle Mitglieder sich am Projekt aktiv beteiligen und an der Diskussion bei der Vorstellung des Projektes teilnehmen. Jedes Mitglied der Gruppe sollte in der Lage sein, alle relevanten Fragen zum Projekt beantworten zu können.

Die Vorstellung der Projektarbeiten findet in der letzten Blockveranstaltung statt.

Zurück: Startseite

Dozent

Dr. Dr. Sergej Sizov arbeitet als wissenschaftlicher Assistent im Fachbereich Informatik der Universität Koblenz. Zu seinen Forschungsschwerpunkten gehören intelligente Informationssuche, Analyse von interaktiven sozialen Medien, Wissensmodellierung, sowie multi-linguale Informationssysteme. Eine neue Forschungsrichtung bilden seit 2009 interdisziplinäre Aktivitäten im Themenfeld "Web Science". Die Ergebnisse seiner Arbeit sind durch über 50 Fachpublikationen in renommierten Journals und auf internationalen Konferenzen dokumentiert.

Sergej Sizov koordiniert derzeit in Koblenz das EU-Forschungsprojekt "WeGov", das DFG-Projekt "MULTIPLA" und ist zudem Leiter der Forschungsgruppe "Social Web". Er ist co-chair der internationalen Fachgruppe ACM SIGWEB und General Chair der International Summer School on Information Retrieval (ESSIR) 2011.

Kontakt-Details

vCard

Dr.Dr. Sergej Sizov University of Koblenz  -  UKob Institute for Web Science and Technologies  -  WeST Assistant Professor University Street 1 Dept. of Computer Science  - FB4 56070 Koblenz Germany Phone: +49 261 287 2736 Fax: +49 261 287 100 2736 Email: sizov@uni-­koblenz.de Interactive Map, Google Maps:   50.362938 7.558973

Sprechstunde

Persönliche Beratungstermine sind im Anschluss an die Blockveranstaltugen und jederzeit nach Vereinbarung möglich.

Zurück: Startseite

Folien

Kap1: Einführung und Motivation

Online Folien (SCRIBD)

  1x1 Folien (PDF)

  6x1 Handout (PDF)

Zurück: Startseite

Aufgaben

Aufgabe 1 - Ausgabe 19.05.2012, Besprechung 02.06.2012

Zurück: Startseite

Aufgabe 1

Ausgabe: 19.05.2012
Besprechung: 02.06.2012

Problemstellung: In dieser Aufgabe müssen Sie eine kleine "Suchmaschinen-Seite" für ein Content Sharing Plattform implementieren. Als mögliche Kandidaten-Systeme betrachten wir eine kleine Auswahl von Portalen, die Sharing von Videos ermöglichen: YouTube, MyVideo, Clipfish sowie Viddler.

Szenario: Der Benutzer gibt die Suchbegriffe in ein Textfeld ein. Ihre Implementierung nimmt die Eingaben des Benutzers entgegen und leitet die Suchbegriffe an die Suchseite des gewünschten Zielportals weiter. Die Ergebnisse (ganze Ergebnis-Seite, die das Zielsystem zurück liefert) wird dem Benutzer getrennt von der Suchmaske präsentiert. Diese Funktionalität wird durch Einsatz von Frames ermöglicht: die Seite enthält 2 horizontale Frames, eins für die Eingabemaske (oben, kleiner) und eins für die Darstellung der Ergebnisse (oben, grösser). Beim Entwurf der Seite können Sie sich an der folgenden Beispiellösung orientieren:

• Beispiellösung 1 (minimaler Umfang)
• Beispiellösung 1a (erweiterte Features und Javascript)
• Beispiellösung 1b (noch mehr Features)

Vorgehensweise:

• Richten Sie die geeignete Entwicklungsumgebung für Webapplikationen auf Ihrem Arbeitsrechner ein. Prinzipiell benötigen Sie dafür nur einen Texteditor bzw. HTML-Editor Ihrer Wahl. Es steht Ihnen frei, eine komplexere Entwicklungsumgebung (z.B. Eclipse) einzusetzen.
• Testen Sie, ob Web 2.0 Portale Flickr.com und Twitter.com auf die gleiche Art und Weise in ihre Suchseite integriert werden können. Was stellen Sie dabei fest?
• Erweitern und ergänzen Sie Ihre Implementierung mit weiteren optionalen Features, z.B. einer besseren Auswahl der Zielseiten, oder besserem HTML-Design.

.. Viel Spass beim Anschauen der Videos!

Zurück: Startseite

Links

SelfHTML - einführendes Wissen zu HTML, PHP, JavaScript und anderen Web-Technologien, sowie einer Übersicht von geeigneten weiterführenden Quellen.

Google code bietet eine Auswahl von Materialien zum Thema Web Prorgammierung, sowie einige Videolectures zu weiterführenden technologischen Ansätzen.

PHP-Home mit passendem Handbuch, Sprachreferenz, Downloads, etc.

SelfPHP - eines der besten und hilfreichsten kostenlosen Tutorials rund um PHP.

XAMPP - eine Distribution von Apache, MySQL, PHP und Perl für Entwickler, die es ermöglicht diese Programme auf sehr einfache Weise zu installieren.

Zurück: Startseite

Literatur

Stefan Münz: Webseiten professionell erstellen: Programmierung, Design und Administration von Webseiten. Addison-Wesley, 2009.

Florence Maurice: PHP 5.3 + MySQL 5.1: Der Einstieg in die Programmierung dynamischer Websites. Addison-Wesley, 2009.

Christopher Manning, Prabhakar Raghavan, Hinrich Schütze: Introduction to Information Retrieval, Cambridge University Press, 2008.

Zurück: Startseite

Impressum

Inhaltlich verantwortlich für die Webseite "Vorlesung Web Programmierung" ist

Dr. Dr. Sergej Sizov
Universität Koblenz-Landau
Fachbereich Informatik
Institut für Web Science und Technologien - WeST
56070 Koblenz
Germany

Phone: +49 261 287 2712
Fax: +49 261 287 2762
Email: sizov [at] u­ni-koblenz.de
Web: http://www.uni-koblenz.de/~sizov/

Disclaimer

Die Inhalte der externen Webportale, die von unseren Seiten verlinkt werden, liegen ausserhalb unseres Einflusses. Die Korrektheit und Aktualität der extern verlinkten Inhalte kann nicht garantiert werden. Meinungen und Informationen, die dort angeboten werden, haben keinerlei Verbindung zu den Inhalten der Vorlesungsseite. Meinungen und aussagen externen Web-Quellen können unter keinen Umständen als offizielle Position des Instituts für Web Science und Technologien oder dessen Mitarbeiter gewertet werden.

Lecturers and administrators of the course "Web Programming" do not have any control over external linked Web sources. Insofar, we cannot ensure the liability of them, especially there is no guarantee that the external contents is correct and up to date. The views expressed there are purely those of the external writer or content provider and may not in any circumstances be regarded as stating an official position of the Institute for Web Science and Technologies or its particular members.

Webmaster

This Web site provides complex semantic annotations of its content using microformats (hCard, hCalendar) , Dublin Core meta attributes (DC and DCTERMS), as well as Geotags (geo, ICBM). Some dynamic features are implemented in JavaScript and may not work in restrictively configured browsers.

The content is HTML 4.1 / CSS level 2.1 compliant and has been checked with W3C link checker, W3C CSS validator, and W3C HTML Validator in HTML 4.01 Transitional mode. All integrated microformats have been checked with hCard Validator and Optimus validator. All published Web pages have been systematically tested with Firefox 3.6 and Internet Explorer 8. If you experience any problems viewing our site in other browsers (Chrome, Opera, etc.), please infom our webmasters and we will fix the problem asap. Many thanks for your support!

Zurück: Startseite

Zurück: Startseite