737 lines
26 KiB
TeX
737 lines
26 KiB
TeX
%!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{includes/ibz-document}
|
|
%Lade Author und Titel aus dem Dokument
|
|
\include{includes/author}
|
|
\include{includes/header}
|
|
|
|
\include{includes/beamer}
|
|
%This package makes notes on right side possible
|
|
%\usepackage{pgfpages}
|
|
\usepackage{pgfmorepages}
|
|
\pgfplotsset{compat=1.14}
|
|
|
|
\setbeameroption{show notes on second screen}
|
|
%set with notes and stlye it:
|
|
\include{includes/beamernotestyle}
|
|
%\include{includes/beamernotestylepreview}
|
|
%\setbeameroption{show notes on second screen}
|
|
\include{includes/listings}
|
|
|
|
%-----------------------------------------------------------------------------
|
|
% 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{1. April 2017}
|
|
\subtitle{\subtitlepre\subtitleseparator\subtitlename}
|
|
\institute{\institutename}
|
|
\subject{\subjectname}
|
|
|
|
\begin{document}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\maketitle
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Inhaltsverzeichniss}
|
|
\tableofcontents[
|
|
%currentsection,
|
|
%currentsubsection,
|
|
%hideothersubsections,
|
|
%sectionstyle=show/hide,
|
|
%subsectionstyle=show/shaded,
|
|
pausesections,
|
|
]
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\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{
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\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--------------------------------
|
|
\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\\
|
|
\end{tabular}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Projektorganisation}
|
|
\begin{figure}[h]
|
|
\includegraphics[width=\textwidth]{bilder/SCRUM.png}
|
|
\caption{SCRUM}
|
|
\label{fig:SCRUM}
|
|
\end{figure}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\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--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Detailplanung}
|
|
Zeitplanung mit Gantt Zeitplan:\\
|
|
\includegraphics[scale=0.14]{bilder/Zeitplan/Zeitplanganz.png}
|
|
\note{
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\section{Realisation}
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
\center
|
|
website gehostet auf:\\
|
|
\Huge
|
|
wt1cs1.hoerler.us
|
|
\note{
|
|
website gehostet auf wt1cs1.hoerler.us
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Landingpage:\\
|
|
\includegraphics[scale=0.2]{bilder/printscreen/login.png}
|
|
http://www.codingcage.com/2015/04/php-login-and-registration-script-with.html
|
|
\note{
|
|
codingcage lieferte basis\\
|
|
Verschlüsselung des Passwortes entfernt \\
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Login:\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/signup.png}
|
|
\note{
|
|
E-Mail satz entfernt\\
|
|
Username erstellt
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Suche:\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/suche.png}
|
|
\note{
|
|
auf Navigation eingehen
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}[fragile]
|
|
\frametitle{Realisation}
|
|
\lstset{language=PHP}
|
|
\begin{lstlisting}
|
|
<nav class="nav">
|
|
<label class="h5">Willkommen :
|
|
<a href="profile.php">
|
|
<span class="profile-link"><?php print($userRow['benutzer_name']);?></span>
|
|
</a>
|
|
auf der businessstreamline Website!
|
|
</label>
|
|
<hr />
|
|
<h1>
|
|
</label>
|
|
<a href="suche.php">
|
|
<span class="menu">
|
|
</span> suchen
|
|
</a>
|
|
</label>
|
|
|
|
<label>
|
|
<a href="erfassen.php">
|
|
<span class="menu">
|
|
</span> erfassen
|
|
</a>
|
|
</label>
|
|
|
|
<label>
|
|
<a href="profile.php">
|
|
<span class="menu">
|
|
</span> profile
|
|
</a>
|
|
</label>
|
|
|
|
<label>
|
|
<a href="logout.php?logout=true">
|
|
<i class="menu"></i> logout
|
|
</a>
|
|
</label>
|
|
</h1>
|
|
<hr />
|
|
</nav>
|
|
\end{lstlisting}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Suche ''mutter'':\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/suche.png}
|
|
\note{
|
|
mutter eingrenzen
|
|
damit das geht zuerst nachfrage erstellen
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\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] {\color{red} angebot.php \color{red}}}
|
|
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] {\color{red}erfassen.php\color{red}}}
|
|
child { node [file] {index.php}}
|
|
child { node [file] {\color{red}logout.php\color{red}}}
|
|
child { node [file] {nav.php}}
|
|
child { node [file] {\color{red}profile.php\color{red}}}
|
|
child { node [file] {session.php}}
|
|
child { node [file] {sign-up.php}}
|
|
child { node [file] {style.css}}
|
|
child { node [file] {\color{red}suche.php\color{red}}}
|
|
child { node [file] {xml2.php}};
|
|
\end{tikzpicture}
|
|
}
|
|
\end{center}
|
|
\end{minipage}
|
|
\note{
|
|
Die seiten sind dann in der Filestruktur auch so zu finden.
|
|
wir gehen weiter zur Erfassung
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Nachfrage Erfassen:\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/erfassen.png}
|
|
\note{
|
|
relevante infos eintippen und Nachfrage erstellen klicken
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Nachfrage Erfassen:\\
|
|
\includegraphics[scale=0.25]{bilder/printscreen/erfassenbestaetigung.png}
|
|
\note{
|
|
klicke auf suchen
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Suche ''mutter'':\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/suchemutter.png}
|
|
\note{
|
|
mit ''mutter'' eingrenzen\\
|
|
Klicke auf ''Details''
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Suche - Details\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/suchedetails.png}
|
|
\note{
|
|
wenn die Nachfrage von Mir erstellt worden ist dann:\\
|
|
''Diese Anfrage wurde von dir erstellt''
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Angebot erfassen:\\
|
|
\includegraphics[scale=0.25]{bilder/printscreen/angebot.png}
|
|
\note{
|
|
sonnst kommt button zum abgeben von einem Angebot\\
|
|
Und bei Abgabe dann die Bestätigung.
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Profilseite - Nachfragen:\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/profile.png}
|
|
\note{
|
|
danach kann ich im menu profile
|
|
die Nachfragen anschauen und wenn ich\\
|
|
hinunterscrolle dann auch...
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Profilseite - Angebote:\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/profileangebote.png}
|
|
\note{
|
|
die Angebote die für meine Nachfragen abgegeben wurden.
|
|
Mit Download nun das...
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
Download:\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/download.png}
|
|
\note{
|
|
XML File herunterladen...
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Realisation}
|
|
XML File:\\
|
|
\includegraphics[scale=0.27]{bilder/printscreen/xml.png}
|
|
\note{
|
|
und so sieht die Bestellung aus.
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\section{Abweichungsanalyse}
|
|
\begin{frame}
|
|
\frametitle{Abweichungsanalyse}
|
|
Diese Punkte weichen von der Planung ab:
|
|
\begin{myitemize}
|
|
\item Profile Seite hinzugefügt
|
|
\end{myitemize}
|
|
\note{
|
|
ich gehe schnell zurück zur Detailplanung
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Abweichungsanalyse}
|
|
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}
|
|
\note{
|
|
leider habe ich das so nicht hinbekommen und mich entschieden eine profilseite zu machen wo die Vorgänge gelistet werden.
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Abweichungsanalyse}
|
|
Diese Punkte weichen von der Planung ab:
|
|
\begin{myitemize}
|
|
\item Profile Seite hinzugefügt
|
|
\item<1-> Datenbankanbindung in zwei separaten files.
|
|
\end{myitemize}
|
|
\note{
|
|
ich zeige sie
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Abweichungsanalyse}
|
|
Abweichung der Datenbank Konfigurations Files:\\
|
|
\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] {\color{red}config.php}}
|
|
child { node [file] {\color{red}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}
|
|
\note{
|
|
zwei Datenbank verbindungs files
|
|
}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\begin{frame}
|
|
\frametitle{Abweichungsanalyse}
|
|
Diese Punkte weichen von der Planung ab:
|
|
\begin{myitemize}
|
|
\item Profile Seite hinzugefügt
|
|
\item Datenbankanbindung in zwei separaten files.
|
|
\item<1-> Styling war uns wichtiger als gedacht
|
|
\item<2-> Keine Zeit für Weiche Ziele
|
|
\end{myitemize}
|
|
\note[item]<1>{styling war wichtig weil es sonnt keinen spass machte...}
|
|
\note[item]<2>{Dafür keine Zeit für weiche Ziele...}
|
|
\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
% probleme bei mehrseitigen Quellenangaben. [allowframebreak] und {bibtext}
|
|
%
|
|
%\section{Referenzen}
|
|
%\begin{frame}
|
|
%\frametitle{Referenzen}
|
|
% \nocite{*}
|
|
% \bibliographystyle{plain}
|
|
% \bibliography{quellverzeichniss}
|
|
%\end{frame}
|
|
%------------------------------------SLIDE--------------------------------
|
|
\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} |