%!TEX TS-program = pdfLaTeX
%!TEX encoding = UTF-8
%!BIB program = Bibtex
\documentclass[
handout, 			%handout macht alle Bulletlists auf eine Druckseite 
12pt,
]{beamer}
% Lade dokumentvariabeln
\include{ibz-document}
%Lade Author und Titel aus dem Dokument
\include{author}
\include{header}
\include{beamer}
%\usepackage{pgfpages}
%\pgfplotsset{compat=1.14}
%\setbeameroption{show notes on second screen}

%-----------------------------------------------------------------------------
% this part is to make a Handout with more than one slide on a page:
%================================================
%\usepackage{pgfpages}
%\pgfpagesuselayout{8 on 1}[a4paper,border shrink=5mm]
%\mode<handout>{\setbeamercolor{background canvas}{bg=black!5}}
%-----------------------------------------------------------------------------

%\usepackage[normal,tight,center]{subfigure}
%\setlength{\subfigcapskip}{-.5em}
%% Document Variable-Set finetuned
\author{\authorname}
\title{\titlepre\titleseparator\titlename}
\date{\today}
\subtitle{\subtitlepre\subtitleseparator\subtitlename}
\institute{\institutename}
\subject{\subjectname}

\begin{document}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\maketitle
%------------------------------------SLIDE--------------------------------
\begin{frame}
  \frametitle{Inhaltsverzeichniss}
  \tableofcontents[ 
    %currentsection,
    %currentsubsection, 
    %hideothersubsections, 
    %sectionstyle=show/hide, 
    %subsectionstyle=show/shaded, 
    pausesections,
    ] 
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} 		%ohne footer und Headerzeile
\section{Ausgangslage}
\frametitle{Ausgangslage}
Die Webtech Case Study im dritten Semester der Ausbildung zum Dipl. Techniker IT befasst sich mit den Technologien HTML, PHP und SQL aus den Fächern Webtechnologie und Datenbanken.\\[1em] 
Die Zielsetzung ist vom Fachgruppenleiter dokumentiert und wird gemäss diesem umgesetzt.\\[1em]
  \note{This is shown on the right as a note for the speaker}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} 		%ohne footer und Headerzeile
\frametitle{Ausgangslage}
Es sind vier Ziele zu verfolgen:\\
  \begin{myitemize}
    \item<1-> Der Studierende hat ein Geschäftsmodell in einer einfachen dynamischen Weblösung abgebildet.
    \item<2-> Der Studierende hat einen sinnvollen Testplan entworfen und diesen auf seine Lösung angewendet.
    \item<3-> Der Studierende hat die zur Verfügung stehenden Stunden in einer Planung den Aufgaben zugeordnet und eine Abweichungsanalyse erstellt.
    \item<4-> Der Studierende hat die Lösung dokumentiert..
  \end{myitemize}
\end{frame}  
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
  \section{Rahmenbedingungen}
  \begin{frame}
  \frametitle{Rahmenbedingungen}
    \center
    \begin{tabular}{l|l} 
    Thema & Festlegung\\\hline 
    Art der Arbeit & Gruppenarbeit zu dritt\\ \pause
    Umfang & je 80 Stunden\\ \pause
    Präsentation &  15min. vor der Klasse \\ \pause
    Abgabe & Elektronisch\\ \pause
    Benotung & gemäss Beurteilungsschema\\ \pause
    \end{tabular}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\section{Aufgabenstellung}
  \begin{frame}
  \frametitle{Aufgabenstellung}
  \begin{myitemize}
    \item<1-> Firmen (Nachfrager), welche Teile zur Herstellung Ihrer Produkte benötigen (Schrauben, Muttern, Nieten...) können diese auf unserer Plattform erfassen.
    \item<2-> Erfasst werden dabei die genaue Bezeichnung, die benötigte Menge und Qualität und der gewünschte Lieferzeitpunkt.
    \item<3-> Anbieter solcher Teile können nun nach gewissen Teilen suchen (z.B. sucht jemand Schrauben des Typ II-C ?)
  \end{myitemize}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Aufgabenstellung}
  \begin{myitemize}
    \item<1-> Findet der Anbieter einen Eintrag, so kann er, anonymisiert, ein Angebot hinterlegen \\ich biete Schraube II-C zu 12 Fr. per 100 Stück an)
    \item<2-> Die Nachfrager können anschliessend alle Angebote, welche zu einem bestimmten Teil abgegeben worden sind, auflisten und das Ihnen passende auswählen.
    \item<3-> Ein so ausgewähltes Angebot wird dem Anbieter als Bestellung im XML- Format übermittelt
  \end{myitemize}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
  \section{Projektorganisation}
  \begin{frame}
  \frametitle{Projektorganisation}
  Agile Enwticklung nach SCRUM
  \begin{myitemize}
    \item<1->Daily -> Weekly Meetings
    \item<2->Master bereitet Backlog und Arbeitspackete vor.
    \item<3->Developer Arbeitet diese ab.
    \item<4->Reviewer testet die Situationen und meldet in Weekly die Ergebnisse.
  \end{myitemize}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Projektorganisation}
  \begin{figure}[h]
      \includegraphics[width=\textwidth]{bilder/SCRUM.png}
      \caption{SCRUM}
      \label{fig:SCRUM} 
  \end{figure}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
\section{Analyse}
Mittels mind-map wurde die Aufgabenstellung Visualisiert
\frametitle{Analyse}
  \begin{figure}[h]
      \includegraphics[width=\textwidth]{bilder/vision/Kundenbeziehung.pdf}
      \caption{Kundenbeziehung}
      \label{fig:Kundenbeziehung} 
  \end{figure}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Analyse}
  Vorgehen:
  \begin{myitemize}
    \item<1-> User Stories abbilden
    \item<2-> Ziele definieren
    \item<3-> Lösungsvarianten Ausarbeiten
    \item<4-> Abgrenzung definieren
  \end{myitemize}  
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Analyse}
  Harte Ziele
    \begin{myitemize}
      \item<1-> Benutzer muss sich einloggen können.
      \item<2-> Benutzer muss Nachfrage mit genannten 4 Faktoren hinterlassen können.
      \item<3-> Benutzer muss ein Angebot für eine Nachfrage erstellen können.
      \item<4-> Benutzer muss ein Angebot annehmen können.
      \item<5-> Benutzer muss das angenommene Angebot übermittelt bekommen.
    \end{myitemize}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Analyse}    
  Weiche Ziele
    \begin{myitemize}
      \item<1-> Benutzer kann das Angebot per E-Mail übermittelt bekommen.
      \item<2-> Benutzer kann in Angebot die Telefonnummer und Anschrift hinterlassen.
      \item<3-> Benutzer kann das Angebot anpassen.
      \item<4-> Benutzer kann sein Passwort ändern.
    \end{myitemize}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Analyse}
  Abgrenzung:
  \begin{myitemize}
    \item<1-> Die Platform ist anonym.
    \item<2-> Die BusinessStreamline speichert keine Daten die auf die wahre Identität des Benutzers hinweist.
    \item<3-> Die Nutzung ist freiwillig und basiert auf einer Hohlschuld.
  \end{myitemize}  
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\section{Detailplanung}
\begin{frame}
\frametitle{Detailplanung}
Benutzerführung\\
  \begin{minipage}{0.45\linewidth}
    \begin{center}
      \includegraphics[scale=0.2]{bilder/Benutzerfuehrung/Nachfrager.png}
    \end{center}
  \end{minipage}
  \begin{minipage}{0.45\linewidth}
    \begin{center}
      \includegraphics[scale=0.2]{bilder/Benutzerfuehrung/Anbieter.png}
    \end{center}
  \end{minipage}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
\frametitle{Detailplanung}
Usecase Diagramme\\
  \begin{minipage}{0.45\linewidth}
    \begin{center}
    \scalebox{0.3}{
      \begin{tikzpicture}
        \begin{umlsystem}[x=4.5, fill=red!10]{Logins}
           \umlusecase[x=0,y=-1.5,name=Login, width=20mm]{Login }
           \umlusecase[x=6.5,y=-1.5, name=Prüfung, width=30mm]{Login erfolgreich}
           \umlusecase[x=0, y=-4.5, name=restriktion, width=30mm]{Zugriff auf restriktrierten Bereich}
           \umlextend[name=incl]{Login}{restriktion}
           \umlinclude[name=exte]{Prüfung}{Login}
         \end{umlsystem}
         \umlactor[x=0,y=-1.5]{Benutzer}
         \umlactor[x=-2,y=-4.5]{Anbieter}
         \umlactor[x=0,y=-4.5]{Nachfrager}
         \umlinherit[anchor2= -90]{Nachfrager}{Benutzer}
         \umlinherit[anchor2= -100]{Anbieter}{Benutzer}
         \umlassoc{Benutzer}{Login}
         \umlnote[x=9.5,y=-4.5, width=4cm]{exte-1}{condition:  \newline Username nicht belegt, \newline Passwort > 6 Zeichen }
       \end{tikzpicture}
       }%scalebox
    \end{center}
  \end{minipage}
  \begin{minipage}{0.45\linewidth}
    \begin{center}
      \scalebox{0.3}{
      \begin{tikzpicture}
        \begin{umlsystem}[x=4.5, fill=red!10]{Nachfrage}
           \umlusecase[x=0,y=-0.5,name=Login, width=20mm]{Nachfrage erstellen}
           \umlusecase[x=6.5,y=-0.5, name=Prüfung, width=20mm]{Login}
           \umlusecase[x=6.5, y=-2.5, name=restriktion, width=30mm]{speicherung in DB}
           \umlinclude[name=incl]{Prüfung}{Login}
           \umlextend[name=exte]{restriktion}{Login}
         \end{umlsystem}
         \umlactor[x=,y=-0.5]{Benutzer}
         \umlactor[x=1,y=-3.5]{Nachfrager}
         \umlinherit[anchor2= -90]{Nachfrager}{Benutzer}
         \umlassoc{Benutzer}{Login}
         \umlnote[x=4.5,y=-3.5, width=4cm]{exte-1}{condition:  \newline Typ > 0 Zeichen, \newline Menge > 0 Zeichen, \newline Beschrieb > 10 Zeichen }
       \end{tikzpicture}
       }%scalebox
    \end{center}
  \end{minipage}  
  \begin{minipage}{0.45\linewidth}
    \begin{center}
      \scalebox{0.3}{
      \begin{tikzpicture}
        \begin{umlsystem}[x=4.5, fill=red!10]{Suche}
           \umlusecase[x=0,y=0,name=Login, width=20mm]{Suche nach Zeichen}
           \umlusecase[x=6.5,y=0, name=Prüfung, width=20mm]{Login}
           \umlusecase[x=6.5, y=-2.5, name=restriktion, width=30mm]{Abfrage von DB}
           \umlusecase[x=0,y=-2.5,name=suche, width=20mm]{stelle suche dar}
           \umlinclude[name=incl]{Prüfung}{Login}
           \umlextend[name=exte]{restriktion}{Login}
           \umlextend[name=extend]{suche}{Login}
         \end{umlsystem}
         \umlactor[x=0,y=0]{Benutzer}
         \umlactor[x=0,y=-3]{Anbieter}
         \umlactor[x=-2,y=-3]{Nachfrager}
         \umlinherit[anchor2= -90]{Anbieter}{Benutzer}
         \umlinherit[anchor2= -100]{Nachfrager}{Benutzer}
         \umlassoc{Benutzer}{Login}
       \end{tikzpicture}
       }%scalebox
    \end{center}
  \end{minipage}   
  \begin{minipage}{0.45\linewidth}
    \begin{center}
      \scalebox{0.3}{
      \begin{tikzpicture}
        \begin{umlsystem}[x=4.5, fill=red!10]{Suche}
           \umlusecase[x=0,y=0,name=Login, width=20mm]{Angebot erfassen}
           \umlusecase[x=6.5,y=0, name=Prüfung, width=20mm]{Login}
           \umlusecase[x=6.5, y=-2.5, name=restriktion, width=30mm]{speichern in DB}
           \umlinclude[name=incl]{Prüfung}{Login}
           \umlextend[name=exte]{restriktion}{Login}
         \end{umlsystem}
         \umlactor[x=0,y=0]{Benutzer}
         \umlactor[x=0,y=-3]{Anbieter}
         \umlinherit[anchor2= -90]{Anbieter}{Benutzer}
         \umlassoc{Benutzer}{Login}
          \umlnote[x=4.5,y=-3.5, width=4cm]{exte-1}{condition:  \newline Angebot > 0 Zeichen, \newline Angebot < 9 Zeichen}
       \end{tikzpicture}
       }%scalebox
    \end{center}
  \end{minipage} 
  \begin{minipage}{0.45\linewidth}
    \begin{center}
      \scalebox{0.3}{
      \begin{tikzpicture}
        \begin{umlsystem}[x=4.5, fill=red!10]{Profil - Nachfrager}
           \umlusecase[x=-0.5,y=0,name=Prüfung, width=30mm]{stelle alle Nachfragen des Benutzers dar.}
           \umlusecase[x=6.5,y=0, name=Login, width=20mm]{Login}
           \umlusecase[x=6.5, y=-2, name=db, width=30mm]{Abfrage von DB}
           \umlusecase[x=2.5, y=-3, name=angebot, width=20mm]{Angebot Akzeptieren Button}           
           \umlinclude[name=incl]{Prüfung}{Login}
           \umlextend[name=exte2]{db}{Prüfung}
           \umlextend[name=exte1]{Prüfung}{angebot}
         \end{umlsystem}
         \umlactor[x=0,y=0]{Benutzer}
         \umlactor[x=0,y=-3]{Nachfrager}
         \umlinherit[anchor2= -90]{Nachfrager}{Benutzer}
         \umlassoc{Benutzer}{Login}
         \umlnote[x=4,y=-5, width=4cm]{exte1-1}{condition:  \newline Angebot ist abgegeben worden (bestehend)}
       \end{tikzpicture}
       }%scalebox
    \end{center}
  \end{minipage} 
  \begin{minipage}{0.45\linewidth}
    \begin{center}
      \scalebox{0.3}{
      \begin{tikzpicture}
        \begin{umlsystem}[x=4.5, fill=red!10]{Profil - Angebot}
           \umlusecase[x=-0.5,y=0,name=Prüfung, width=30mm]{stelle alle Angebote des Benutzers dar.}
           \umlusecase[x=6.5,y=0, name=Login, width=20mm]{Login}
           \umlusecase[x=6.5, y=-2, name=db, width=30mm]{Abfrage von DB}
           \umlusecase[x=2.5, y=-3, name=angebot, width=20mm]{Auftrag herunterladen Button}           
           \umlinclude[name=incl]{Prüfung}{Login}
           \umlextend[name=exte2]{db}{Prüfung}
           \umlextend[name=exte1]{Prüfung}{angebot}
         \end{umlsystem}
         \umlactor[x=0,y=0]{Benutzer}
         \umlactor[x=0,y=-3]{Nachfrager}
         \umlinherit[anchor2= -90]{Nachfrager}{Benutzer}
         \umlassoc{Benutzer}{Login}
         \umlnote[x=4,y=-5, width=4cm]{exte1-1}{condition:  \newline Angebot ist akzeptiert worden}
       \end{tikzpicture}
       }%scalebox
    \end{center}
  \end{minipage}     
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Detailplanung}
  Filestruktur:\\
  \begin{minipage}[c]{1\linewidth}
    \begin{center}
      \scalebox{0.5}{
      \tikzstyle{every node}=[draw=black,thick,anchor=west] 
      \tikzstyle{file}=[draw=white]
      \begin{tikzpicture}[%
      grow via three points={one child at (0.5,-0.7) and
      two children at (0.5,-0.7) and (0.5,-1.4)},
      edge from parent path={(\tikzparentnode.south) |- (\tikzchildnode.west)}]
      \node {htdocs}
        child { node {Bilder}		
          child { node [file] {logo.png}}
          }
        child [missing] {}
        child { node {XML}}			
        child { node [file] {angebot.php}}
        child { node [file] {class.user.php}}
        child { node [file] {config.php}}
        child { node [file] {dbconfig.php}}
        child { node [file] {dblogin.sql}}
        child { node [file] {download.php}}
        child { node [file] {erfassen.php}}
        child { node [file] {index.php}}
        child { node [file] {logout.php}}
        child { node [file] {nav.php}}
        child { node [file] {profile.php}}
        child { node [file] {session.php}}
        child { node [file] {sign-up.php}}
        child { node [file] {style.css}}
        child { node [file] {suche.php}}
        child { node [file] {xml2.php}};
      \end{tikzpicture}
      }
    \end{center}
  \end{minipage}  
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Detailplanung}
  Zeitplanung mit Gantt Zeitplan:\\
\includegraphics[scale=0.14]{bilder/Zeitplan/Zeitplanganz.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
\section{Realisation}
  \frametitle{Realisation}
Landingpage:\\
\includegraphics[scale=0.27]{bilder/printscreen/signup.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Login:\\
\includegraphics[scale=0.27]{bilder/printscreen/login.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Suche:\\
\includegraphics[scale=0.27]{bilder/printscreen/suche.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Suche ''mutter'':\\
\includegraphics[scale=0.27]{bilder/printscreen/suchemutter.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Nachfrage Erfassen:\\
\includegraphics[scale=0.27]{bilder/printscreen/erfassen.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Suche - Details\\
\includegraphics[scale=0.27]{bilder/printscreen/suchedetails.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Angebot erfassen:\\
\includegraphics[scale=0.27]{bilder/printscreen/angebot.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Profilseite - Nachfragen:\\
\includegraphics[scale=0.27]{bilder/printscreen/profile.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Profilseite - Angebote:\\
\includegraphics[scale=0.27]{bilder/printscreen/profileangebote.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
Download:\\
\includegraphics[scale=0.27]{bilder/printscreen/download.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
  \frametitle{Realisation}
XML File:\\
\includegraphics[scale=0.27]{bilder/printscreen/xml.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
  \section{Abweichungsanalyse}
  \begin{frame}
  \frametitle{Abweichungsanalyse}
  Diese Punkte weichen von der Planung ab:
  \begin{myitemize}
    \item<1-> Profile Seite hinzugefügt
    \item<2-> Datenbankanbindung in zwei separaten files. 
    \item<3-> Styling war uns wichtiger als gedacht
    \item<4-> Keine Zeit für Weiche Ziele
  \end{myitemize}
\end{frame}
%------------------------------------SLIDE--------------------------------
% probleme bei mehrseitigen Quellenangaben. [allowframebreak] und {bibtext}
%\thispagestyle{empty} 		%ohne footer und Headerzeile
%\section{Referenzen}
%\begin{frame}
%\frametitle{Referenzen}
%  \nocite{*}
%  \bibliographystyle{plain}
%  \bibliography{quellverzeichniss}
%\end{frame}
%------------------------------------SLIDE--------------------------------
\thispagestyle{empty} 		%ohne footer und Headerzeile
\begin{frame}
\vspace*{20mm}
\begin{center}
\Huge
Fragen?
\end{center}
\vspace*{18mm}
\begin{flushright}
	\line(1,0){152} \\[1mm]
	{\textsc{this Document is Typset with}} \\[0.5mm]
	\textrm{\LaTeX{}}
\end{flushright}
\end{frame}
\end{document}    