docs/DesignPatterns: detailed-observer.tex comparison

comparison detailed-observer.tex @ 28:ddd8378a539e

did lot of working on detailed-observer

author	meillo@marmaro.de
date	Thu, 05 Jul 2007 07:53:15 +0200
parents	a7ab86cddfad
children	f3b4061ec3b4

comparison

equal deleted inserted replaced

-:c5c50818b3d9
+:ddd8378a539e
 % @file
-% @brief   Referat DesignPattern `Observer'
+% @brief   Referat DesignPatterns `Observer'
 % @author  markus schnalke <meillo@marmaro.de>
 % @since   2007-05-30
-\documentclass{beamer}
+\documentclass[a4paper]{scrartcl}
+\usepackage[utf8]{inputenc}
-\usepackage[T1]{fontenc}
-\usepackage[latin1]{inputenc}
 \usepackage{ngerman}
 \usepackage{graphicx}
 \usepackage[automark]{scrpage2}
-\input{Style01}
+\setkomafont{sectioning}{\normalfont\normalcolor\bfseries}
+\setlength{\parindent}{0em}
+\setlength{\parskip}{1.0ex plus 1.0ex minus 0.5ex}
+\pagestyle{scrheadings}
+\setcounter{tocdepth}{2}
 \begin{document}
-\title{Design Pattern ``Observer''}
-\date{\today}
-\author{Markus Schnalke}
+%%%%  Titlepage  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\begin{titlepage}
-%\titlegraphic{\includegraphics[width=3cm]{Pics/Maka-Logo.png}}
+\title{Observer-Pattern}
+\author{Markus Schnalke}
-\frame{
+\date{2007-07-04}
-\titlepage
-}
+\thispagestyle{empty}
+\begin{flushright}
-\section[Outline]{}
+\rule[8cm]{0cm}{0cm}
-\frame{
+{\Huge Design Pattern\\ \textbf{Observer}}
-\tableofcontents
-}
+\rule[2cm]{0cm}{0cm}
+\textsc{Markus Schnalke\\MatNr: 039131}
+\end{flushright}
-\section{Vorgehensweise}
-\frame{ \frametitle{Von der anderen Seite}
+\rule[7cm]{0cm}{0cm}
-\begin{block}{Gründe}
+\textit{Dies ist meine Ausarbeitung zum Design Pattern ``Observer'' im Rahmen der Vorlesung Softwaretechnik im Studiengang Wirtschaftsinformatik an der Hochschule Ulm.}
-Design Pattern sind so etwas wie ``Best Practices'' (also bewährte
-Vorgehensweisen), oft \textbf{nach Vorbildern in der Wirklichkeit}
+{\tiny Dieses Dokument darf gerne zitiert, kopiert und weitergegeben werden. Ich bitte nur darum meinen Namen und einen Verweis auf meine Website (http://marmaro.de) zu erwähnen --- danke! }
-\end{block}
-\pause
-\begin{block}{Meine Vorgehensweise}
+\end{titlepage}
-Ich will nun anhand eines Beispiels aus dem täglichen Leben zeigen, dass
-das Design Pattern ``Observer'' ein absolut natürliches Vorgehen ist, das
-bei ähnlichen Situationen in Programmen deshalb ebenso verwendet werden
-sollte.
-\end{block}
+\tableofcontents
-% todo: Mehr und ausführlicher; Verweis auf nach dem Vortrag
-}
-\section{Erarbeitung des Observers}
-\frame{ \frametitle{Ein Beispiel}
-\begin{block}{Die Situation}
-\begin{itemize}
-\item Personen die verkaufen möchten
-\item Personen die kaufen möchten
+%%%%  Einleitung  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\newpage
+\section{Einleitung}
+Ich möchte im Folgenden einen Ansatz zum Verstehen von Design Patterns aufzeigen. Dazu nehme ich das Design Pattern ``Observer'', das ich Stück für Stück aus einer Situation der realen Welt herleiten werde. Es geht mir dabei nicht primär darum euch dieses Pattern zu erklären, vielmehr soll das Erfassen des Zusammenhangs zwischen Realität und Design Patterns gefördert werden.
+Mein Ziel ist es die \textit{Natürlichkeit} von Design Patterns darzustellen --- weil sie dem Vorgehen in der Realität entsprechen!
+\section{Meine Vorgehensweise}
+\begin{quote}
+Design Pattern sind ``Best Practices'' (= Erfolgsrezepte), meist \textbf{nach Vorbildern in der Realität}.
+\end{quote}
+Aus diesem Grund möchte ich nun anhand eines Beispiels aus dem täglichen Leben zeigen, dass das Design Pattern \textbf{Observer} ein absolut natürliches Vorgehen ist, das bei ähnlichen Situationen in Programmen deshalb ebenso verwendet werden sollte. Dass ich hier gerade das Pattern \textbf{Observer} verwende, hat keinen besonderen Grund; es kann wohl (fast) jedes Pattern auf diese Weise verständlich und logisch gemacht werden.
+\newpage
+\section{Erarbeitung des Patterns}
+\subsection{Ausgangssituation}
+Meine Ausgangssituation von der ich mich zu einer möglichst optimalen Lösung vorarbeiten möchte ist Folgende:
+\begin{itemize}
+\item Es gibt Personen die Etwas verkaufen möchten
+\item Es gibt Personen die Etwas kaufen möchten
 \item Sie wollen/sollen sich nicht kennen
-\item Möglichst effektives Vorgehen
+\end{itemize}
-\end{itemize}
-\end{block}
+Gesucht ist natürlich ein möglichst effektives Vorgehen. Eben das ist der Grund, weshalb wir Patterns verwenden möchten: Wir suchen eine effektive Standardlösung für  regelmäßig auftretende Problemstellungen.
-\pause
-\begin{block}{Vorschläge?}
-\begin{itemize}
-\item
-\item
+\subsection{Mögliche Ansätze}
-\end{itemize}
-\end{block}
+Um systematisch vorzugehen, überlegen wir uns zunächst, welche primitiven Lösungen für unser Problem in Frage kommen. Dies wären zum Beispiel:
-}
-\subsection{Ansatz}
-\frame{ \frametitle{Ansatz}
-\begin{block}{Mögliche Vorgehen}
 \begin{itemize}
 \item Personen direkt ansprechen
 \item Laut in die Menge rufen
 \item Den Freunden erzählen, die es dann weitererzählen
 \end{itemize}
-\end{block}
+Vermutlich wäre der Eine oder Andere (unbewusst) gleich höher eingestiegen, dennoch zeigen auch (oder gerade) diese simplen Vorgehensweisen Probleme auf, die sonst kaum explizit wahrgenommen werden.
-\pause
+Dies sind unter anderem:
-\begin{block}{Probleme}
 \begin{itemize}
 \item Man weiß nicht wer Interesse hat
 \item nicht mal wieviele
 \item Manche Interessenten sind vielleicht nur zu bestimmten Zeiten da
-\item ... oder sie sind taub
+\item (... oder sie sind taub)
 \end{itemize}
-\end{block}
-}
 \subsection{Erarbeitung einer Lösung}
-\frame{ \frametitle{Eine (gute) Lösung: Pinnwand}
+\subsubsection{Eine (gute) Lösung: Pinnwand}
-\begin{block}{Funktionsweise}
+\paragraph{Funktionsweise}
 \begin{itemize}
 \item Man kann Zettel anpinnen
 \item Hingehen und nach neuen Zetteln schauen
 \item Zettel lesen
 \item Zettel abnehmen
 \item Jeder der ein paar Fähigkeiten hat kann es
 \end{itemize}
-\end{block}
-\pause
-\begin{block}{Probleme}
+\paragraph{Probleme}
 \begin{itemize}
 \item Man muss hingehen, nur um festzustellen, dass nichts Neues dabei ist
 \item Man kann wichtige Zettel verpassen
 \item Zettel sollten nicht weggenommen werden können
 \end{itemize}
-\end{block}
-}
+\subsubsection{Verbesserung: Pinnwand-Sekretärin}
-\frame{ \frametitle{Verbesserung: Pinnwand-Sekretärin}
+\paragraph{Lösung}
-\begin{block}{Lösung}
 \begin{itemize}
 \item Durch Studiengebühren wird eine Sekretärin für die Pinnwand angestellt
 \item Pinnwand und Sekretärin sind fortan eine Einheit
 \item Man kann bei ihr einen Zettel in Auftrag geben (auch telefonisch)
 \item (Sie schreibt mit lesbarer Schrift)
 \item Sie verhindert, dass Zettel abgenommen werden
 \end{itemize}
-\end{block}
-\pause
-\begin{block}{Bestehendes Problem}
+\paragraph{Bestehendes Problem}
 \begin{itemize}
 \item Man läuft immer noch oft unnötig zur Pinnwand
 \end{itemize}
-\end{block}
-}
+\subsubsection{2. Verbesserung: Pinnwand-Sekretärin mit Benachrichtigung}
-\frame{ \frametitle{2. Verbesserung: Pinnup-Sekretärin mit Benachrichtigung}
+\paragraph{Lösung}
-\begin{block}{Lösung}
 \begin{itemize}
 \item Durch Studiengebühren wird eine längere Arbeitszeit der Sekretärin finanziert
 \item Man kann sich bei der Sekretärin nun als ``Interessierter'' registrieren
 \item Die Sekretärin trägt die Telefonnummer in eine Liste ein
-\item Fortan ruft sie alle Personen der Liste an, wenn sie einen neuen Zettel anpinnt
+\item Zukünftig ruft sie alle Personen der Liste an, wenn sie einen neuen Zettel anpinnt
 \end{itemize}
-\end{block}
-}
+\subsection{Zusammenfassung des Beispiels}
-\subsection{Zusammenfassung}
+\paragraph{Pinnwand + Sekretärin + Benachrichtigung}
-% Zusammenfassung des Beispiels: Was haben wir, ist alles abgedeckt
-% Frage: Sind die Zuhörer zufrieden? Ist die Lösung gut?
-\frame{ \frametitle{Zusammenfassung des Beispiels}
-\begin{block}{Pinnwand + Sekretärin + Benachrichtigung}
 \begin{itemize}
 \item Man kann neue Zettel anpinnen lassen
 \item Man kann sich als Interessierter anmelden (und auch abmelden)
 \item Interessierte werden bei Änderungen der Pinnwand benachrichtigt
 \item Sie können dann zur Pinnwand gehen und sie sich anschauen
 \end{itemize}
-\end{block}
-\pause
-\begin{block}{Eure Meinung?}
+\paragraph{Eure Meinung?}
 \begin{itemize}
 \item Ist diese Struktur zufriedenstellend?
 \item Erfüllt sie alle Anforderungen?
 \item Was fehlt?
 \end{itemize}
-\end{block}
-}
-\section{Nun zum Pattern}
-\frame{ \frametitle{Überleitung}
-\begin{block}{Neue Namen}
-\begin{itemize}
-\item Pinnwand-Sekretärin-Einheit -> ``Subject''
-\item Die Zettel auf der Pinnwand -> ``subjectState''
-\item Interessenten -> ``Observers''
-\end{itemize}
-\end{block}
-\pause
+\newpage
-\begin{block}{Schnittstellen}
+\section{Das Pattern}
-Die Fähigkeiten die Pinnwand/Sekretärin und Interessenten haben müssen um in diesem Schema korrekt zu funktionieren sind ihre ``Interfaces''.
-\end{block}
+\subsection{Überleitung}
-}
+\paragraph{Neue Namen}
+\begin{itemize}
-\frame { \frametitle{UML-Diagramm des Observers}
+\item Pinnwand-Sekretärin-Einheit $\rightarrow$ ``Subject''
-\centerline{ \includegraphics[width=20em]{pics/observer_big.png} }
+\item Die Zettel auf der Pinnwand $\rightarrow$ ``subjectState''
-}
+\item Interessenten $\rightarrow$ ``Observers''
+\end{itemize}
+\paragraph{Schnittstellen}
+Die Fähigkeiten der Pinnwand/Sekretärin und Interessenten sind ihre ``Interfaces''.
+(vgl: taub, minimale Fähigkeiten, leserliche Schrift, ...)
+\subsection{UML-Diagramme}
+\subsubsection{Struktur-Diagramm des Observers}
+\begin{figure}[hbt]
+\centering
+\includegraphics[width=12cm]{pics/observer_big.png}
+\caption{Struktur-Diagramm des Observers}
+\end{figure}
+\subsubsection{Interaktions-Diagramm des Observers}
+\begin{figure}[hbt]
+\centering
+\includegraphics[width=12cm]{pics/observer-interaction_big.png}
+\caption{Interaktions-Diagramm des Observers}
+\end{figure}
 % Daten aus der Beschreibung des Observers von GoF
 % in welche Gruppen wird er eingeordnet
-\frame{ \frametitle{Beschreibung des Observers}
+\subsubsection{Klassifizierung nach GoF}
-\begin{block}{Klassifizierung}
+\paragraph{Klassifizierung}
 Verhaltensmuster, objektbasierend
-\end{block}
-\begin{block}{Auch bekannt als}
+\paragraph{Auch bekannt als}
 Publish-Subscribe, Dependents
-\end{block}
-\begin{block}{Zweck}
+\paragraph{Zweck}
 Abhängigkeiten zwischen Objekten zu erstellen, sodass sich abhängige Objekte ändern, wenn sich das Objekt selbst ändert.
 % todo: besser formulieren
-\end{block}
-\begin{block}{Kurzbeschreibung}
+\paragraph{Kurzbeschreibung}
 Schnittstellen anlegen, um Abhängigkeiten zwischen Objekten registriert
 werden können, und um die abhängigen Objekte über Zustandsänderungen zu
 informieren.
 % todo: Formulierung überdenken
-\end{block}
-}
-\subsection{Beispiele}
+\subsection{Beispiele für den Observer in der Praxis}
 % Einsatzgebiete (MVC) und RL (Mailingslisten, Ebay-Suchabo)
 % nicht aber (Blog + RSS)
-\frame{ \frametitle{Der Observer in der Praxis}
+\paragraph{Beispiele}
-\begin{block}{Beispiele}
 \begin{itemize}
 \item Observer ist sehr verbreitet
 \item v.a. MVC (Model = Subject; View = Observer)
 \item Mailinglisten
 \item Ebay Such-Abo
 \end{itemize}
-\end{block}
-\pause
+\paragraph{Aber}
-\begin{block}{Aber}
 \begin{itemize}
 \item nicht Blog mit RSS-Feed!
 \end{itemize}
-\end{block}
-}
-\subsection{Erweiterungen}
-% Erweiterungen, verbleibende Probleme, Kompromisse beim Design
-\frame{ \frametitle{}
+%\subsection{Erweiterungen}
+%% Erweiterungen, verbleibende Probleme, Kompromisse beim Design
-\begin{block}{}
+\subsection{Mögliche Erweiterungen des Patterns}
-\end{block}
+\paragraph{Ein Observer und mehrere Subjects}
-}
+\begin{itemize}
+\item Der Name des Subjects muss mitgesendet werden.
+\end{itemize}
+\paragraph{Nur für bestimmte Informationen anmelden}
+\begin{itemize}
+\item Oberservers melden sich nur für bestimmte Informationen an
+\item Es werden weniger uninteressante Updates gesendet
+\end{itemize}
+\paragraph{UpdateManager}
+\begin{itemize}
+\item Bei komplexen Update-Zusammenhängen empfehlenswert
+\item vermittelt zwischen Subject und Observer
+\item (Mehr dazu in der Ausarbeitung)
+\end{itemize}
+\paragraph{Wer ruft notify() auf?}
+\subparagraph{Das Subject}
+\begin{itemize}
+\item[+] notify() wird sicher bei jedem setState() aufgerufen
+\item[-] hohe Update-Kosten bei Änderungen en-block
+\end{itemize}
+\subparagraph{Der Observer}
+\begin{itemize}
+\item[+] intelligenter Zeitpunkt des notify()-Aufrufs möglich
+\item[-] der Client darf den notify()-Aufruf nicht vergessen
+\end{itemize}
+\newpage
 \section{Zusammenfassung}
-\frame{ %\frametitle{Zusammenfassend}
+%\textbf{Zusammenfassend}
-\begin{block}{Zusammenfassung}
+\paragraph{Zusammenfassung}
 \begin{itemize}
-\item
+\item Menschen denken basierend auf der Realität
-\item
+\item deshalb Design Patterns auf Realität zurückführen
-\item
+\item Patterns anwenden weil man es in der Realität auch so machen würde
 \end{itemize}
-\end{block}
-\pause
-\begin{block}{Fazit}
-\begin{itemize}
+Erklaerung des Vorgehens
-\item
+Frage: war es erfolgreich?
-\item
+\textbf{}
-\item
-\end{itemize}
+\paragraph{}
-\end{block}
-}
-\section{Fragen}
+\section{Abschließend}
-\frame{ \frametitle{Fragen?}
+\paragraph{Verwendete Software}
-\vspace{5ex}
-\centerline{\huge ?}
-}
-% Erklaerung des Vorgehens
-% Frage: war es erfolgreich?
-\frame{ \frametitle{}
-\begin{block}{}
-\end{block}
-}
-\frame{ \frametitle{Abschließend}
-\begin{block}{Verwendete Software}
 \begin{itemize}
 \item Debian GNU/Linux
 \item \LaTeX-Beamer und \texttt{pdflatex}
 \item Vim
 \item qiv und ImageMagick
 \item Mercurial
 \end{itemize}
-\end{block}
-\begin{block}{}
+\paragraph{}
 \vspace{3ex}
 \centerline{\textbf{Danke für eure Aufmerksamkeit}}
-\end{block}
-}
-% Code (Beispiel-Implementierung)
+\appendix
+\section{Code}
-%\input{main2.tex}
+\textbf{Code? --- Nein, kein Code!}
+\paragraph{Denn}
+\begin{center}
+\textbf{ Implementierungen sind Schall und Rauch,\\
+Konzepte dagegen bleiben bestehen!  }
+\end{center}
+\vspace{4ex}
+{\scriptsize
+\paragraph{}
+\textit{ Beispiel-Implementierung in der Ausarbeitung. }
+}
 \end{document}
-%\subsubsection{Fehlteilmanagement}
-%\frame{ \frametitle{Fehlteilmanagement}
-%  %\includegraphics[width=10cm]{Pics/cc.png}
-%}
-% \vspace{2ex}

Mercurial > docs > DesignPatterns

comparison detailed-observer.tex @ 28:ddd8378a539e