WT1CS1-CHH/Dokumentation/praesentation.tex

482 lines
19 KiB
TeX

%!TEX TS-program = pdfLaTeX
%!TEX encoding = UTF-8
%!BIB program = Bibtex
\documentclass[
gray,
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}
\usepackage{pgfpages}
%\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[shorttitle]{\subtitlepre\subtitleseparator\subtitlename}
\institute{\institutename}
\subject{\subjectname}
\begin{document}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\maketitle
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\tableofcontents[pausesections]
\thispagestyle{empty}
\clearpage
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Rahmenbedingungen}
\frametitle{Rahmenbedingungen}
\center
\begin{tabular}{l|l}
Thema & Festlegung\\\hline
Art der Arbeit & Gruppenarbeit zu dritt\\
Umfang & je 80 Stunden\\
Präsentation & 15min. vor der Klasse \\
Abgabe & Elektronisch\\
Benotung & gemäss Beurteilungsschema\\
\end{tabular}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Aufgabenstellung}
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Projektorganisation}
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\frametitle{Projektorganisation}
\begin{figure}[h]
\includegraphics[width=\textwidth]{bilder/SCRUM.png}
\caption{SCRUM}
\label{fig:SCRUM}
\end{figure}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Detailplanung}
\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--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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--------------------------------
%\begin{frame}
%\thispagestyle{empty} %ohne footer und Headerzeile
% \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{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\frametitle{Detailplanung}
Zeitplanung mit Gantt Zeitplan:\\
\includegraphics[scale=0.14]{bilder/Zeitplan/Zeitplanganz.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Landingpage:\\
\includegraphics[scale=0.27]{bilder/printscreen/signup.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Login:\\
\includegraphics[scale=0.27]{bilder/printscreen/login.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Suche:\\
\includegraphics[scale=0.27]{bilder/printscreen/suche.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Suche ''mutter'':\\
\includegraphics[scale=0.27]{bilder/printscreen/suchemutter.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Nachfrage Erfassen:\\
\includegraphics[scale=0.27]{bilder/printscreen/erfassen.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Profilseite - Nachfragen:\\
\includegraphics[scale=0.27]{bilder/printscreen/profile.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Profilseite - Angebote:\\
\includegraphics[scale=0.27]{bilder/printscreen/profileangebote.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
Download:\\
\includegraphics[scale=0.27]{bilder/printscreen/download.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Realisation}
\frametitle{Realisation}
XML File:\\
\includegraphics[scale=0.27]{bilder/printscreen/xml.png}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\section{Referenzen}
\frametitle{Credits}
\nocite{*}
\bibliographystyle{plain}
\bibliography{quellverzeichniss}
\end{frame}
%------------------------------------SLIDE--------------------------------
\begin{frame}
\thispagestyle{empty} %ohne footer und Headerzeile
\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}