ZT Univ.-Lektor Dipl.-Ing. Dr. Markus Schranz staatlich befugter und beeideter Ingenieurkonsulent...

ZT Univ.-LektorDipl.-Ing. Dr. Markus Schranz

staatlich befugter und beeideter Ingenieurkonsulent für Informatik

Web Service Engineering, Web 2.0Web Service Engineering, Web 2.0

Web 2.0 Schwerpunkt AJAX

2ZT Schranz Informationstechnologie KEG

Web 2.0Web 2.0

Was ist Web 2.0

Philosophie

– Anschauung des Webs aus Sicht einer neuen Nutzergruppe

– Hype oder Innovation?

Technik

– Nichts neues, sinnvoll koordinierte und innovative Anwendung existierender Technologien

– AJAX (Asynchronous Javascript and XML)

Web 2.0 in der PraxisWeb 2.0 in der Praxis

Ziel: Realisierung eines modernen Web Content Management Systems mit Werkzeugen des Web 2.0– HTML Coding– Datenbankmanagement– Templating– Serverseitiges Programmieren– Benutzerfreundliche Features (WYSIWYG)– AJAX zur Dokumentstrukturierung und Visualisierung

Einsatz von Werkzeugen aus den letzten 6 Blöcken– Mysql, XML, CGI, Mason, Javascript, AJAX

Web Service Engineering, WCMSWeb Service Engineering, WCMS

Web Content Managemert Systeme

Content Management Grundlagen

Begriffsdefinitionen und verwandte Themen

Content aus Sicht der Anwender

Moderne Technologien zur Verwaltung von Content

Thematische Integration (Webbasierter) CMS

Content Management Theorie

Begriffe, Konzepte, Kriterien, Vergleich von Anwendungsprojekten und Produkten

Themenschwerpunkte & AgendaThemenschwerpunkte & Agenda

Zielsetzung/Lehrinhalte heuteZielsetzung/Lehrinhalte heute

(Web) Content Management, Document Management

• Begriffsdefinition• Abgrenzungen• Herangehensweisen• Verwandte Anwendungsgebiete und Thematiken

Praxis-Relevanz

• Verfügbare aktuelle Systeme• Demonstration von WCMS-Software• Erfahrungswerte aus Praxiseinsatz

Was ist Content Management ?Was ist Content Management ?

Content Management vs. Content Management vs. DokumentenmanagementDokumentenmanagement

Komponenten des Dokumentenmanagements

CM & InformationsmanagementCM & Informationsmanagement

Was soll grundsätzlich ge-managed werden?

• CMS und DMS sind im weiteren Sinne

Informationsmanagementsysteme

• Informationen werden zur besseren

Verarbeitung strukturiert

• Die Anwendung konkreter

Informationsstrukturen erleichtert die

Handhabung von großen Mengen von

Informationen

Content-Typen (digitale Assets) - 5 Hauptkategorien:Basis-Assets: Texte, Bilder/Grafiken, Hyperlinks als Grundbestand von Web-Content-Typen

Multimediale Assets: z.B. Video, Sound oder Animationen

Applikationsgebundene Elemente: z.B. Download-Angebote, die für User-seitige Weiterverwendung besonderes (HW-/SW-) Equipment voraussetzen

Transaktionsbezogene Assets: z.B. Nutzerkennung oder –profil bei Bestell- und/oder Personalisierungsvorgängen

Community-orientierte Assets: z.B. Foren, Instant Messaging Tools od. Chatrooms als interaktive Content-Typen

Content - Keyword im Kontext des InternetsContent - Keyword im Kontext des Internets

Zusammenfassende Definition

Der Begriff „Content“ bezeichnet im Kontext des Internets wie auch besonders im Zusammenhang von CMS die verschiedenen digitalen Assets, einzeln oder insgesamt.„Content“ ist damit nicht auf textlich-redaktionelle Inhalte zu beschränken, kann aber auch nicht für den gesamten Datenbestand einer Web-Site verwendet werden.Entscheidend für die Kategorisierung als Web-Content ist die Präsentation auf der Web-Site, die unmittelbare Wahrnehmbarkeit für den Besucher.

Content - Keyword im Kontext des InternetsContent - Keyword im Kontext des Internets

Quellen der Informationsangebote

Woher erhalte ich Daten?

Wie gewinnt man Information?

Wer erstellt Informationen?

Wie integriert man Information?

Content Resourcen allgemeinContent Resourcen allgemein

Syndication ServicesSyndication Services

Content SyndicationInhalte aus verschiedensten QuellenMulti-Formattingaktuelle Formate am Web müssen als Inputerkannt und verarbeitet werdenStandardized Data ManagementDie Inhalte werden im XML Standard abgespeichertund weiterverarbeitetContent DeliveryAufbereitung (Filtering. Clipping) und Lieferung(Push, Pull) der Inhalte für B2B und B2C Beziehungen

pressetext.austria Content Solutionpressetext.austria Content Solution

Modularer Aufbau

Content Solution Engine

Content Solution Backend

Content Solution Frontend

Content Solution Management

Hightech-NewsProvider

Wetter-InfoProvider

Sport-InfoKanal

Medizin-Daten

die Syndikatslösung von pressetext

CSECSB CSF

News aus einer Hand

PortalBetreiber

IntranetBetreiber

InternetServiceBetreiber

Information Beschaffung Auslieferung

Aufbereitung,

Editierung,

Kategorisierung

Strukturierung,Bearbeitung

undOrganisation

Publikation

Newsfox Content SolutionNewsfox Content Solution

Was verwalte ich auf meiner eigenen Site?

– Statische Information Inhalte, die nicht automatisch

generiert werden sollen

– Dynamische Information Inhalte, die automatisch zur Verfügung stehen und

ohne/mit wenig Aufwand integriert werden

– Organisation der Inhalte Wie strukturiere ich die Inhalte? Wie erstelle ich ein geeignetes

Organisations-/Navigationsmodell?

Content AdministrationContent Administration

Wer verwaltet meine Site?

– Externe Betreuung+ Einsparung von Personalkosten

- Abhängigkeit von Service Providern

– Interne Betreuung+ Bessere Kontrolle der Administration

- Abhängigkeit von Ausbildung eigener Ressourcen

- Werkzeuge zu teuer oder zu kompliziert

Wie verwalte ich meine eigene Site?

– Administrationsansätze Seite für Seite Site-orientiert (Frontpage, GoLive, DreamWeaver) Redaktionssysteme

– Wichtigste Punkte Einfache Benutzbarkeit Schnelle und stabile Installation und Wartung Gute Erweiterbarkeit, Zukunftssicherheit

ZT Schranz Informationstechnologie KEG

Content ManagementContent Management

HändischMit Redaktionssystemen

Frontpage?, Jessica, PageMill, MS CMS ...

Über die DatenbankGute Interfacespressetext.austria Nachrichteneingabe

Größtes Problem in der Wartung von Web Services

kostenintensiv, zukunftskritisch

Wartung des Inhaltes einer Web-Site

Online-RedaktionssystemOnline-Redaktionssystem

Anwendung ist zeitkritischSoft Real Time System

Content Management SystemsInhalte eines Web Services werden online erstellt, korrigiert und bearbeitet

Gültigkeitsdauer der InformationDie Inhalte in online Systemen haben oft eine bestimmte Gültigkeitsdauer. Neue Nachrichten überschreiben alte oder verändern ihre Wertigkeit

Integrität von Content, Navigation und LayoutSystem soll die Komponenten streng trennen

InformationsorganisationInformationsorganisation

Content Organisation

• Welche Organisationsformen für Inhalte gibt es?

• Wie kann eine Inhaltsarchitektur erstellt werden?

• Welche Navigationsmöglichkeiten sollen unterstützt

werden?

• Welche Teile davon betreffen ein WCMS?

Organisation der InformationOrganisation der Information

Der hierarchische Ansatz

Organisationsstrukturen

PflanzenPflanzen

EinjährigeEinjährige

BlumenBlumen

MehrjährigeMehrjährige NadelbäumeNadelbäume

BäumeBäume

LaubbäumeLaubbäume

Klare, intuitive Ordnung

Exklusivität

Hierarchien bedürfen einer genauen Zuordnung von Begriffen (gehören Tomaten zu Gemüse oder Früchten oder Beeren?)

Mehrfachnennungen sind sinnvoll, zu häufiger Gebrauch zerstört aber die Hierarchie

Breite und Tiefe

Es ist wichtig, eine gute Ausgewogenheit zu findenschmal und zu tief ist ebenso schlecht wie breit und seicht

Die hierarchische Organisationsstruktur

Hypertext, HypermediaRelativ neuer AnsatzNicht-lineare Strukturierung von InformationenAssoziative Verbindungen zwischen KomponentenHohe Flexibilität, aber ebenso hohes Potential für Komplexität und Verwirrung

Wie erstellt man ein logisch konsistentes Organisationssystem?

Arbeiten in einem neuen Medium verlangt Innovationen und Flexibilität

Stärken von herkömmlichen Strukturen jedoch nicht ignorieren

Gebräuchlicher AnsatzDie oberste Struktur (“Umbrella architecture”) sollte hierarchisch sein, um den Benutzer klar auf den richtigen Weg zu weisen

Homogene Inhalte können der Datenbankstruktur folgen

Kreative Beziehungen können mittels der Hypertext-Struktur hergestellt werden

Direkter Zugriff auf eine URLBack und ForwardHistoryBookmark/FavoritesFarbcodierung der besuchten Links (“bread crumbs”)Vorschau in Statuszeile, wenn Mouse über Link steht

Unterbindung dieser vorgegebenen Navigationshilfen durch Designer

Was kann man nutzen - Browser Navigation Features

NavigationssystemeNavigationssysteme

Neues Medium ausnutzenStärken von Hyperlinks einsetzen

Kontext herstellenWo bin ich, wohin gehe ich?Orientierungsanhaltspunkte sinnvoll

Flexibilität erhöhenOrganisationsstrukturen stabilisieren das Verständnis, aber Navigation erlaubt flexibleres Bewegen im InformationsraumVertikale und Horizontale Links in Hierarchien möglichWichtig ist die Balance zwischen Flexibilität und heillosem Durcheinander

Was will man erreichen?

Hierarchische Navigationssystemeprimäres Navigationsmodell

Globale NavigationssystemeNavigationselemente, die auf der ganzen Site eingesetzt werden, z.B: grafische Navigationsleisten auf jeder Seite, Home, Search

Typen von Navigationssystemen

Lokale NavigationssystemeWerden auf Sub-Sites eingesetzt und betreffen nur einen Teil der gesamten Site

Z.B.: Produktseiten einer Firma mit eigener Navigationsleiste, Verweisen auf andere Produkte, Preislisten

Ad hoc NavigationHyperlinks, die frei im Inhalt (Text, Bild) stehen können und assoziative Verbindungen herstellen, die außerhalb jeglicher Hierarchien und Organisationsstrukturen bestehen.

Anfänge von Absätzen, Link Listen, oder beliebig mitten im Text

Typen von Navigationssystemen

Web Content Managemert Systeme - Spezifika

Web Content Management SystemeWeb Content Management Systeme

Definition:Ein WCMS ist ein Redaktionssystem zur Verwaltung einer komplexen Website mit Hilfe von Techniken des Content Managements.

Begriffe:

Website Eine Website besteht aus mehreren

Webseiten und Dokumenten auf einem HTTP-Server

Eine Website besteht aus einer oder mehreren virtuellen Domains

Auszug: FinanzperspektiveAuszug: Finanzperspektive

Wertschöpfung Kostenentwicklung einer Webseite

ohne WCMS

mit WCMS

Kosten und Aufwand

Umfang der WebseiteQuelle: Web Content Management, Galileo Business

Content Management System Content Management System Begriffe und EigenschaftenBegriffe und Eigenschaften

ContentTrennung von Struktur, Inhalt und Design/Darstellung

Content ManagementErstellen und Verwalten von InhaltenAktualitätKonsistenz

Content Management SystemSoftware für Content ManagementSchwerpunkt auf Web Content Management Systeme Typische Einsatzbereiche: Pressemitteilungen, Stellenangebote und Veranstaltungen

WCM KategorisierungWCM Kategorisierung

Sehr viele verschiedene CMS auf dem MarktUnterscheidung

CMS-Produkte (Enterprise CMS) Kommerzielle Produkte (pirobase, RedDot, Vignette, open market,

BV,content.node) Einsatz im Internet, Extranet und Intranet Plattformunabhängig und Verwendung offener Standards

Kostenlose Open-Source-Produkte (Zope, open CMS, Joomla,Typo3)Weitergabe des QuellcodesJeder kann zum Mitentwickler werden

CMS-Lösungen Kundenspezifische CMS Lösungen Sehr unterschiedliche Funktionalitäten, da CMS aus

speziellen Projekten entstanden sind. Abhängigkeit von Agentur oder Systemhaus

Web Content Management SystemeWeb Content Management Systeme

Web Content Management

Internet

Intranet

Extranet

Bilder

Sounds

Videos

Erstellung

Bearbeitung

Verwaltung

Publikation

Archivierung

System

Kernkomponenten eines CMSKernkomponenten eines CMS

Trennung von Struktur, Inhalt und DarstellungWorkflow-Komponente

PublikationsprozessInformationsverarbeitungsprozessContent Life Cycle

Asset-ManagementEditieren und verwalten von Inhalten und Vorlagen

Benutzer- und ZugriffsverwaltungRechte- und Rollenkonzept

Schnittstellen für funktionale ErweiterungenIm- und ExportschnittstelleDatenhaltung in einer Datenbank

Workflow des PublikationsprozessesWorkflow des Publikationsprozessesmit mit CMSCMS

Redakteur

Redakteurfür Inhalte

Chef-Redakteur

Graphiker

Website

Adminstrator

Content Content Life CycleLife Cycle

Contentgenerierung

Contentaufbereitung

Contentnutzung

Contentorganisation

Contentreduzierung

Contentdistribution

Identifizieren, Sammeln, Erzeugen, Erfassen,

Erstellen

Strukturieren, Indexieren, Filtern, Speichern,

Verwalten

Verdichten, Integrieren, Verfeinern, Erweitern,

Redaktion, Kontext erzeugen

Suchen, Wissensfluss, Notifikation, Logistik

Interpretieren, Anwenden, Bewerten, Kommentieren,

Visualisieren

Archivieren, Löschen

InformationsverarbeitungsprozessInformationsverarbeitungsprozess

Interner Bereich Externer Bereich

Erstellung

Kontrolle

Freigabe Publikation

Archivierung

Autoren erstellen Inhalte

Überprüfung der Inhalte

durch Verantwortlich

Bei Positiver Kontrolle

Öffentliches Archiv

Veröffentlichung der Inhalte

Bei Negativer Kontrolle

Internes

Archiv

CMS KriterienCMS Kriterien

Web Content Management Kriterien

• Mandantenfähigkeit

• Workflow-Unterstützung

• Versionskontrolle

• Kollaboration

• Personalisierung

• Skalierbarkeit, Performance

• Schnittstellen

KostenermittlungKostenermittlung

Wie hoch sind die Investitionskosten?Wie sind die Lizenzmodelle?

Anschaffungskosten für die technische Betriebsumgebung

HardwareCMS-Server Datenbankserver LDAP-Server

SoftwareCMSDatenbank

Wie hoch ist der Installations- und Administrationsaufwand?

Aufwand für das technische Betriebskonzept Installation Aministration

Schulung und Betreuung der Mitarbeiter

Online-RedaktionssystemOnline-Redaktionssystem

User Interfaceder Anwender sieht nur einen Teil desServices, streng kontrollierter Bereich

Content Management InterfaceSteuerung der Inhalte für das User-Interface über benutzerfreundliche Schnittstelle für die Inhaltsverantwortlichen (usually non-techies)

Über proprietäre Software Über Content Base Manipulation Software Über Web based Interfaces (Web Forms)

Konkrete Umsetzung mit dem Web Application Server MASON

Projekt-SpezifikationProjekt-Spezifikation

Projekt SimpleCMS

Auf Basis einer einfachen Datenbanktabelle sollen Dokument-ID,Inhalt, Titel und Erstellungdatum erfasst werden können. Mittels eines WYSIWIG Editors hat der Content Manager die Freiheit, Textemit Bildern und Hyperlinks zu kombinieren.Seiten sollen angelegt, gespeichert und gelöscht werden können,eine Preview-Semantik erlaubt einen Blick auf das soeben Erstellte.Mittels hierarchischer Strukturierung über die Ids ist ein Dokumentenbaum zu erstellen und als Menu zu visualisieren.Letztlich soll ein Template für eine individuelle Gestaltung der Site sorgen. (Zeitrahmen: dieser Block)

Web 2.0 Prinzipien in der AnwendungWeb 2.0 Prinzipien in der Anwendung

Modulare Anwendungen

– Perl/Mason im Einsatz

– Komponenten, die Interface erzeugen, Serverseitige Scripts aufbauen und die AJAX-Komponenten ausliefern

Basis der Projektangabe:http://wae.culturall.com/angabe/AngabeWAE.html

– Bearbeitungskomponente

– Menukomponente

– Templatekomponente

– Datenbankanbindung

– AJAX-Content Management (opt.)

Hello World

<%init>my $text = “dieser Text wird nie angezeigt“;</%init>

Statische Mason-Komponente

Mason HandlingMason Handling

Hello World, this page is for users that are at least <% $age %>

years old.

<%args>$name => undef$age => 18</%args><%init>my $text = “test“;</%init>

Argumente in Mason-Komponenten

<html><head><title><% $mytitle %></title><body>% $m->call_next();</body></html><%init>my $self = $m->request_comp;my $mytitle = $self->attr(“title“);</%init>

Template hierarchie: autohandler

<html><head><title><% $mytitle %></title><body>% $m->call_next();</body></html><%init>my $self = $m->request_comp;My $mytitle = $self->call_method(“title“,%ARGS);</%init>

Template hierarchie: autohandler

Hello World<%attr>title => “Hello World Title“</%attr>

<%method title> <%args> </%args> <%init> return “Hello World Title“; </%init></%method>

Component attributes and methods

Hello World<% $dbresults %><%init>my $dbresults = ““;$dbx{´test´}->select({fields=>´name,...´,...});While (my $tmp = $dbx{´test´}->fetchrow_hashref()) { push(@myresult,$tmp); $dbresults .= $tmp->{´name´};}</%init>

Mehr dazu bei der Angabe, bei DBIx::Abstract und www.masonhq.com

Persistent Database connetion

AJAX und MasonAJAX und Mason

Komplexere Aufgaben und Beispiele...

AJAX and Mason

– HTML::Prototype ...

– Einige Beispiele auf maztravel.com/ajax/

– Ajax component unter www.masonhq.com/?Component.ajax

– prototype.conio.net und auch particletree.com/features/quick-guide-to-prototype/

ZT Univ.-Lektor Dipl.-Ing. Dr. Markus Schranz staatlich befugter und beeideter Ingenieurkonsulent...

Documents

Web 2.0 und Tourismus

Web 2.0 & Politische Kommunikation

Die lernende Organisation 2.0 Vom Web 2.0 Solisten … · Die lernende Organisation 2.0: Vom Web‐2.0‐Solisten zur Web‐2.0‐Jazzband. Das ist das Thema der 6. ... Driver Instructor

Web 2.0 – Fake oder Fortschritt? · Web 2.0 E ine Definition ist schwer, denn das Web 2.0 ist keine vollkom-men neue Technologie, geschweige denn eine 2.0-Version des Internets:

Web 2.0 odp

Sustain 2.0 - Nachhaltigkeit und Web 2.0

Web 2.0 & Bildung

Web 2.0 - ArbeitnehmerInnen 2.0 [allgemein]

Offene Lehrveranstaltungen mit Web 2.0 Technikendownload.mmag.hrz.tu-darmstadt.de/media/HRZ/elc/FachforumElear… · Web 2.0 Tim O'Reilly • "Mitmach-Web" • "Read/Write Web" •

Web 2.0 & Enterprise 2 - se.uni-hannover.de · 1 Web 2.0 & Enterprise 2.0 Wladimir Exner wladimir.exner@gmail.com Abstract: Seit mehr als 5 Jahre begegnet uns der Begriff „Web 2.0“

Vom Web 2.0 zum Enterprise 2.0

Web 2.0 S.B.D - Alois Raich 03.04.20151Web 2.0 - S.B.D

Univ.-Lektor Dipl.-Ing. Dr. Markus Schranz staatlich befugter und beeideter Ingenieurkonsulent für Informatik Web Application Engineering & Content Management

Web 2.0 Möglichkeiten & Anwendungsfelder

Analytics im Web 2.0

Von Web 2.0 nach Web 3.0: Chancen und Herausforderungen ...Von Web 2.0 nach Web 3.0: Chancen und Herausforderungen des Onlinehandels nach Web 2.0. Joachim Graf HighText Verlag.

Persönlichkeitsentwicklung im Web 2.0

Web 2.0 Ringelmann Arthur. Web 2.02 Inhaltsangabe Was ist Web 2.0 Techniken des Web 2.0 Wie neu ist das neue Web 2.0 Web 2.0 Beispiele Web 2.0 in der

Web 2.0 offensiv! Repräsentativstudie in der deutschen ...printarchiv.absatzwirtschaft.de/pdf/webstudie.pdf©PbS AG 2007, Web 2.0 offensiv! 1 Der Nutzen von web 2.0 offensiv! Web

Sektion 6: Social networks und Web 2.0 Das LVR-AFZ im Web 2.0: