merged, finished my slides, changed pictures

.gitignore

@@ -22,3 +22,7 @@ Include/
 *.ist
 *.webm
 *.nav
+<<<<<<< HEAD
+=======
+*.snm
+>>>>>>> cf1abc51e861ad5686fea2c697fa7e3736c01af2

bugs.txt

@@ -15,6 +15,7 @@ Account
 
 Message
     cannot delete Draft message
+    email is sent even without content or subject
 
 layout
     loading screen / animation

maturText/revisioned.lof

@@ -1,14 +0,0 @@
-\boolfalse {citerequest}\boolfalse {citetracker}\boolfalse {pagetracker}\boolfalse {backtracker}\relax 
-\babel@toc {ngerman}{}
-\contentsline {figure}{\numberline {1}{\ignorespaces Quellcode (engl. ``source code'') wird in ausführbaren Maschinencode umgewandelt \cite {stallman2002}\relax }}{4}{figure.caption.2}%
-\contentsline {figure}{\numberline {2}{\ignorespaces parallele Featureentwicklung mit Git \cite {gitflowBlog}\relax }}{7}{figure.caption.3}%
-\contentsline {figure}{\numberline {3}{\ignorespaces Beispiel vom RecyclerView\relax }}{9}{figure.caption.4}%
-\contentsline {figure}{\numberline {4}{\ignorespaces grober Aufbau der App\relax }}{9}{figure.caption.5}%
-\contentsline {figure}{\numberline {5}{\ignorespaces die Startup UI von snailmail\relax }}{10}{figure.caption.6}%
-\contentsline {figure}{\numberline {6}{\ignorespaces das Account Management\relax }}{12}{figure.caption.7}%
-\contentsline {figure}{\numberline {7}{\ignorespaces Layout Manager Recyclerview \cite {LayoutManagerPicture}\relax }}{13}{figure.caption.8}%
-\contentsline {figure}{\numberline {8}{\ignorespaces Input Validation\relax }}{13}{figure.caption.9}%
-\contentsline {figure}{\numberline {9}{\ignorespaces Room Struktur \cite {appStructurePicture}\relax }}{15}{figure.caption.10}%
-\contentsline {figure}{\numberline {10}{\ignorespaces EmailViewModel and Repository \cite {appStructurePicture}\relax }}{15}{figure.caption.11}%
-\contentsline {figure}{\numberline {11}{\ignorespaces Email Writer\relax }}{17}{figure.caption.12}%
-\contentsline {figure}{\numberline {12}{\ignorespaces Diagramm Email Versand\relax }}{17}{figure.caption.13}%

vortrag/blueTemplate/document.nav

@@ -1,91 +0,0 @@
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {0}{0}{1}{1/1}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {1}{1}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {0}{0}{2}{2/2}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {2}{2}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@sectionpages {1}{2}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {1}{2}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\sectionentry {1}{Abschnitt I}{3}{Abschnitt I}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{0}{1}{3/3}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {3}{3}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {3}{3}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionentry {0}{1}{1}{4}{Subseção I}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{1}{1}{4/4}{Subseção I}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {4}{4}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {4}{4}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionentry {0}{1}{2}{5}{Subseção II}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{2}{1}{5/7}{Subseção II}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {5}{7}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {5}{7}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionentry {0}{1}{3}{8}{Subseção III}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{3}{1}{8/8}{Subseção III}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {8}{8}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{3}{2}{9/9}{Subseção III}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {9}{9}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{3}{3}{10/10}{Subseção III}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {10}{10}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{3}{4}{11/11}{Subseção III}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {11}{11}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {1}{3}{5}{12/12}{Subseção III}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {12}{12}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@sectionpages {3}{12}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {8}{12}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\sectionentry {2}{Multicolunas}{13}{Multicolunas}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {2}{0}{1}{13/13}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {13}{13}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@sectionpages {13}{13}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {13}{13}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\sectionentry {3}{Imagens}{14}{Imagens}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{1}{14/14}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {14}{14}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{2}{15/15}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {15}{15}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{3}{16/16}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {16}{16}}
-\headcommand {\beamer@partpages {1}{16}}
-\headcommand {\beamer@subsectionpages {14}{16}}
-\headcommand {\beamer@sectionpages {14}{16}}
-\headcommand {\beamer@documentpages {16}}
-\headcommand {\gdef \inserttotalframenumber {14}}

vortrag/blueTemplate/document.snm

@@ -1,2 +0,0 @@
-\defcounter {refsection}{0}\relax 
-\beamer@slide {fig:ufc_emblem}{14}

vortrag/core.md

@@ -14,32 +14,30 @@ aspectratio:
 ---
 
 
-# What is Git?
-
-Git is a Source Control Management application.
-
-Git is used to perform development in a decentralized manner.
-
-Git uses a remote server to provide a centralized place to hold the source of
-truth.
-
-Everything in Git is a local operation.
-
-# Defining terms
-
-* What is SCM?
-    * Source Control Management/Manager
-    * The tool that tracks the changes made to files that are being watched by
-      the SCM tool.
-    * Git, SVN, VCS, HG are all SCM tools.
-* What is a commit?
-    * A `commit` is a point in time after changes in files have been saved that
-      that Git is told to record the state of tracked files.
-* What is a branch?
-    * A `branch` is a mirror image from a point in time of the parent where the
-      user can make changes without impacting the parent.
-* What is an upstream?
-    * An `upstream` is where the original code came from.
-* What is a remote?
-    * A special server where Git repositories are hosted for other to pull from
-      and make their upstream.
+# Inhaltsverzeichniss
+...
+
+# Motivation
+...
+
+# Ziele
+...
+
+# Warum Java
+\includegraphics[height=.7\textheight]{media/java-logo.png}
+
+- asd
+- asdf 
+- asdf
+
+# Video
+
+# Was alles drin ist
+
+# allg Struktur
+\centering
+\includegraphics[height=.7\textheight]{../maturText/media/AppStructure.png}
+
+# Database
+## allgemein
+## in der app

vortrag/core.nav

@@ -13,12 +13,10 @@
 \headcommand {\beamer@subsectionentry {0}{1}{2}{7}{Ziele}}
 \headcommand {\slideentry {1}{2}{1}{7/13}{Ziele}{0}}
 \headcommand {\beamer@framepages {7}{13}}
-\headcommand {\beamer@subsectionpages {7}{13}}
-\headcommand {\beamer@subsectionentry {0}{1}{3}{14}{Weshalb Java?}}
-\headcommand {\slideentry {1}{3}{1}{14/17}{Weshalb Java?}{0}}
+\headcommand {\slideentry {1}{2}{2}{14/17}{Ziele}{0}}
 \headcommand {\beamer@framepages {14}{17}}
 \headcommand {\beamer@sectionpages {3}{17}}
-\headcommand {\beamer@subsectionpages {14}{17}}
+\headcommand {\beamer@subsectionpages {7}{17}}
 \headcommand {\sectionentry {2}{Haupteil}{18}{Haupteil}{0}}
 \headcommand {\beamer@subsectionpages {18}{17}}
 \headcommand {\beamer@subsectionentry {0}{2}{1}{18}{App mit Film}}
@@ -26,38 +24,38 @@
 \headcommand {\beamer@framepages {18}{18}}
 \headcommand {\beamer@subsectionpages {18}{18}}
 \headcommand {\beamer@subsectionentry {0}{2}{2}{19}{App Inhalte}}
-\headcommand {\slideentry {2}{2}{1}{19/22}{App Inhalte}{0}}
-\headcommand {\beamer@framepages {19}{22}}
-\headcommand {\beamer@subsectionpages {19}{22}}
-\headcommand {\beamer@subsectionentry {0}{2}{3}{23}{App-Struktur}}
-\headcommand {\slideentry {2}{3}{1}{23/28}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {23}{28}}
-\headcommand {\slideentry {2}{3}{2}{29/30}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {29}{30}}
-\headcommand {\slideentry {2}{3}{3}{31/31}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {31}{31}}
-\headcommand {\slideentry {2}{3}{4}{32/32}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {32}{32}}
-\headcommand {\slideentry {2}{3}{5}{33/33}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {33}{33}}
-\headcommand {\slideentry {2}{3}{6}{34/34}{App-Struktur}{0}}
+\headcommand {\slideentry {2}{2}{1}{19/24}{App Inhalte}{0}}
+\headcommand {\beamer@framepages {19}{24}}
+\headcommand {\beamer@subsectionpages {19}{24}}
+\headcommand {\beamer@subsectionentry {0}{2}{3}{25}{App-Struktur}}
+\headcommand {\slideentry {2}{3}{1}{25/30}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {25}{30}}
+\headcommand {\slideentry {2}{3}{2}{31/33}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {31}{33}}
+\headcommand {\slideentry {2}{3}{3}{34/34}{App-Struktur}{0}}
 \headcommand {\beamer@framepages {34}{34}}
-\headcommand {\slideentry {2}{3}{7}{35/38}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {35}{38}}
-\headcommand {\slideentry {2}{3}{8}{39/39}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {39}{39}}
-\headcommand {\slideentry {2}{3}{9}{40/43}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {40}{43}}
-\headcommand {\slideentry {2}{3}{10}{44/48}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {44}{48}}
-\headcommand {\slideentry {2}{3}{11}{49/55}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {49}{55}}
-\headcommand {\slideentry {2}{3}{12}{56/62}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {56}{62}}
-\headcommand {\slideentry {2}{3}{13}{63/63}{App-Struktur}{0}}
-\headcommand {\beamer@framepages {63}{63}}
-\headcommand {\beamer@partpages {1}{63}}
-\headcommand {\beamer@subsectionpages {23}{63}}
-\headcommand {\beamer@sectionpages {18}{63}}
-\headcommand {\beamer@documentpages {63}}
+\headcommand {\slideentry {2}{3}{4}{35/35}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {35}{35}}
+\headcommand {\slideentry {2}{3}{5}{36/36}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {36}{36}}
+\headcommand {\slideentry {2}{3}{6}{37/44}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {37}{44}}
+\headcommand {\slideentry {2}{3}{7}{45/45}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {45}{45}}
+\headcommand {\slideentry {2}{3}{8}{46/49}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {46}{49}}
+\headcommand {\slideentry {2}{3}{9}{50/54}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {50}{54}}
+\headcommand {\slideentry {2}{3}{10}{55/61}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {55}{61}}
+\headcommand {\slideentry {2}{3}{11}{62/65}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {62}{65}}
+\headcommand {\slideentry {2}{3}{12}{66/69}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {66}{69}}
+\headcommand {\slideentry {2}{3}{13}{70/70}{App-Struktur}{0}}
+\headcommand {\beamer@framepages {70}{70}}
+\headcommand {\beamer@partpages {1}{70}}
+\headcommand {\beamer@subsectionpages {25}{70}}
+\headcommand {\beamer@sectionpages {18}{70}}
+\headcommand {\beamer@documentpages {70}}
 \headcommand {\gdef \inserttotalframenumber {20}}

vortrag/core.tex

@@ -73,8 +73,13 @@
     }
 
 \begin{document}
+\begin{frame}[plain]
+
 \maketitle
 
+\end{frame}
+
+% TODO: create and insert toc
 \begin{frame}[plain]{Inhaltsverzeichniss}
     \tableofcontents
 \end{frame}
@@ -105,7 +110,6 @@
         \begin{figure}
             \centering
             \includegraphics[width=.8\textwidth]{../logo/version3d.png}
-            \caption{snailmail Logo}
         \end{figure}
     \end{varwidth}
     \hfill
@@ -121,7 +125,6 @@
     \end{varwidth} 
 \end{frame}
 
-\subsection{Weshalb Java?}
 \begin{frame}[plain]{Weshalb Java?}
 \begin{varwidth}{.3\textwidth}
         \begin{figure}
@@ -145,26 +148,28 @@
 \begin{frame}[plain]{Demo}
     \begin{figure}[h]
         \centering
-        \includemovie[toolbar]{120pt}{190pt}{media/cutaccountViewer.mp4}
-        \includemovie[toolbar]{90pt}{90pt}{media/draftsExample.mp4}
+        INSERT DEMO HERE
+        %\includemovie[toolbar]{120pt}{190pt}{media/cutaccountViewer.mp4}
+        %\includemovie[toolbar]{90pt}{90pt}{media/draftsExample.mp4}
     \end{figure}
 \end{frame}
 
+%:TODO Fix it simon
 \subsection{App Inhalte}
-\begin{frame}[plain]{Was alles drin ist}
-
-    \begin{figure}[h]
-
-        \includegraphics[height=.8\textheight]{media/emailViewer.jpg}
+        \begin{frame}[plain]{Was alles drin ist}
+            \centering
+        \begin{figure}[h]
         \pause
         \includegraphics[height=.8\textheight]{media/emailWriter.jpg}
         \pause
+        \includegraphics[height=.8\textheight]{media/errorMessage.png}
+        \pause
+        \includegraphics[height=.8\textheight]{media/emailViewer.jpg}
+        \pause
         \includegraphics[height=.8\textheight]{media/accountManager.jpg}
         \pause
         \includegraphics[height=.8\textheight]{media/moreSettings.jpg}
-
     \end{figure}
-
 \end{frame}
 
 \subsection{App-Struktur}
@@ -173,7 +178,7 @@
     \pause
         \begin{figure}
             \centering
-            \includegraphics[height=.7\textheight]{../maturText/media/AppStructureFull.png}
+            \includegraphics[height=.8\textheight]{../maturText/media/AppStructureFull.png}
         \end{figure}
     \end{varwidth}
     \hfill
@@ -192,7 +197,8 @@
 
 \begin{block}{in der app}
 %:TODO finish this simon
-\begin{tabular}{ |C{1.4Cm}  |C{0.9Cm} |C{0.5Cm} |C{0.65Cm} |C{0.95Cm} |C{0.85Cm} |C{1.05Cm} |C{1.55Cm} |C{1.05Cm} |C{0.9Cm}|}
+    \pause
+\begin{tabular}{ |C{1.4Cm}  |C{0.9Cm} |C{0.5Cm} |C{0.65Cm} |C{0.95Cm} |C{0.85Cm} |C{1.05Cm} |C{1.55Cm} |C{1.05Cm} |C{0.8Cm}|}
 %\begin{tabular}{ c c c c c c c c c c}
  \hline
  \multicolumn{10}{|c|}{Database Table} \\
@@ -200,7 +206,7 @@
     \small{ObejctKey} &To & cc & bcc & from & date & subject & \small{textContent} & folder & seen  \\
     \hline
     \pause
-     01    & \small{Valentin} & null & null & \small{Lennard} & \small{01.03.13} & Schule &  Hallo Herr & Draft & true \\
+     01    & \small{Sam} & null & null & \small{Anna} & \small{1.3.13} & Schule &  Hallo Herr & Draft & true \\
  \hline
 \end{tabular} 
 \end{block}
@@ -239,33 +245,51 @@ def sendStarttls(host, sendingMail, receivingMail, password, message="",
     \lstinputlisting[language=Python]{code/sentMail.py}
 \end{frame}
 
-\begin{frame}[plain]{Was haben wir wirklich selber gemacht?}
-\centering
-\includegraphics[height=.8\textheight]{media/self.jpeg}
-\end{frame}
 
+% TODO: make abstraction layer
 \begin{frame}[plain]{Room}
 INSERT ABSTRACTION LAYERS
 \end{frame}
 
-\begin{frame}[plain]{Material Design}
-\begin{varwidth}{.5\textwidth}
-        \begin{figure}
-            \centering
-            \includegraphics[width=\textwidth]{media/material-design-in-action.jpg}
-        \end{figure}
-    \end{varwidth}
-    \hfill
-    \begin{varwidth}{.4\textwidth}
-        \includegraphics[width=\textwidth]{media/material-android.png}
-        \begin{itemize}\pause
-            \item GUI-Framework\pause
-            \item beliebt\pause
-            \item in Google Apps
-        \end{itemize}
-    \end{varwidth}
+% TODO: add individual layers, add 'wirklich again'
+\begin{frame}[plain]{Was haben wir selber gemacht?}
+%\includegraphics[height=.8\textheight]{media/hardware-abstraction-layers.png}
+    \includegraphics<1>[height=.8\textheight]{media/empty.png}
+    \pause
+    \includegraphics<2>[height=.8\textheight]{media/layer01.png}
+    \pause
+    \includegraphics<3>[height=.8\textheight]{media/layer02.png}
+    \pause
+    \includegraphics<4>[height=.8\textheight]{media/layer03.png}
+    \pause
+    \includegraphics<5>[height=.8\textheight]{media/layer04.png}
+    \pause
+    \includegraphics<6>[height=.8\textheight]{media/layer05.png}
+    \pause
+    \includegraphics<7>[height=.8\textheight]{media/layer06.png}
+    \pause
+    \includegraphics<8>[height=.8\textheight]{media/layer07.png}
 \end{frame}
 
+%\begin{frame}[plain]{Material Design}
+%\begin{varwidth}{.5\textwidth}
+%        \begin{figure}
+%            \centering
+%            \includegraphics[width=\textwidth]{media/material-design-in-action.jpg}
+%        \end{figure}
+%    \end{varwidth}
+%    \hfill
+%    \begin{varwidth}{.4\textwidth}
+%        \includegraphics[width=\textwidth]{media/material-android.png}
+%        \begin{itemize}\pause
+%            \item GUI-Framework\pause
+%            \item beliebt\pause
+%            \item in Google Apps
+%        \end{itemize}
+%    \end{varwidth}
+%\end{frame}
+
+% TODO: insert bugs
 \begin{frame}[plain]{Bugs}
 INSERT BUGS HERE
 \end{frame}
@@ -318,22 +342,37 @@ INSERT BUGS HERE
             \item Android Studio\inlinegraphics{media/android-studio-logo.png}\pause
             \item Database \& SQL\inlinegraphics{media/database.png}\pause
             \item Gradle\inlinegraphics{media/gradle.png}\pause
-            \item kryptografisches Signieren\inlinegraphics{media/key.png}
+            \item Zusammenarbeit\inlinegraphics{media/handschlag.jpeg}
         \end{itemize}
     \end{varwidth} 
 \end{frame}
 
-% TODO: WAS GUT / SCHLECHT LIEF
-\begin{frame}[plain]{persönliche Meinung}
-\begin{varwidth}{.4\textwidth}
+\begin{frame}[plain]{persönliche Meinung: Simon}
+    \begin{varwidth}{.4\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[width=.95\textwidth]{media/git-logo.png}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.5\textwidth}
         \begin{itemize}\pause
             \item VCS $\rightarrow$ Git $\rightarrow$ GitHub\pause
             \item Treffen \& Absprachen \& VoIP\pause
             \item texdiary
         \end{itemize}
     \end{varwidth}
-    \hfill
+\end{frame}
+
+\begin{frame}[plain]{persönliche Meinung: Noah}
     \begin{varwidth}{.4\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[width=.95\textwidth]{media/gradle-logo.png}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.5\textwidth}
         \begin{itemize}\pause
             \item fehlende Erfahrung\pause
             \item Java Libraries\pause

vortrag/media/hardware-abstraction-layers.drawio

@@ -0,0 +1 @@
+<mxfile host="Electron" modified="2022-01-31T20:52:46.361Z" agent="5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/16.5.1 Chrome/96.0.4664.110 Electron/16.0.7 Safari/537.36" etag="X2MRKFgW0ISeHsWhudqB" version="16.5.1" type="device"><diagram id="sA_ItPw9vTb_fWT30hbz" name="Page-1">7Zlbc6M2FMc/jWfah50RyFz8aONkk8bZZurp9FmBY1tdgaiQL9lPXwHCYJDrvRiSZjYTj/GRdJD+v3OOJTzCQXz4KEi6eeQRsJGNosMIz0e2bVkuVm+55aW0eJZbGtaCRrpTbVjSL6CNSFu3NILspKPknEmanhpDniQQyhMbEYLvT7utODu9a0rW0DEsQ8K61r9oJDfVuhCqG+6Arjf61r6jG2JSddaGbEMivm+Y8M0IB4JzWV7FhwBYLl6lSznu9kzrcWICEvk1A8Ajf+P0Ad9/cYOFeIznn2beB+1lR9hWL1hPVr5UCgi+TSLInVgjPNtvqIRlSsK8da+YK9tGxkw3ryhjAWdcFGOx9UwsUCudZVLwz9BoQci9md7mI3giG/ZV8afsemIgJBzOrtg66qgCEHgMUryoLnrAuAoiHXtjV3/e1ySditemAbHqR3TwrI+ua33VhZb4G+S2DXK7TGoZTnR3/9nyquFDVuTFVHWw/PRQN6qrdf4ePP1ZOVLzKn2VLVfFiZCDYPUf0AyYrfksuBJO3MLpdXEe87KJc9wXTtwTzkeIeT69907Ucd8a0XFfRAlNnjkR0fuH6k7eGlTnLNQsJcn3Q71Xs/ldtc5hR0O1SanRln7fHVrffmtovQ7aO5Vke7UiZZ0+KzVIKCnPIS9gV+xNf7mbLn79QShKfL1VtfwuJBeRieWZYNhzz1X6DLrrwei1dz1+B9KCJluVUOgBRJJD6REGQj4pJDdkhuMNDsN/bRiTDoxPRNJdni+5Q/WaFf9oQZ8FETSva33mioJjLlxYwQmCYfEcD2sNPHhQPNWEGnymSSS4GmSjP7aJpDH0CiTyEfKwCcjUQWjcc7543mUg1mRQIN0j8m9kR5SvBy4Zzb9Zpk9qJ4BuBYlhz8XnXvGAY43N5WxmIzR0ObPGr13OrO6RevmSSYhzLmnab/FaEdc3wwg8VTYMMBDSkHqAYXi6YeFBWXTPw/dJJgljEA2CAxGMiDE35p4xN66J4xj353HYw6ZG9zCbJYSyWL36rVE4PJMWMzTpPS38r0iLYTmYzp8t+bMNSfPLFYPDNH9srbSAJNKX85CRLKNhISkRsmtuwKlJosuoWsJD1HkaflH2S2e/o1EAK3eazRuY1Nb3eOK0eORyaO3DNFfHbgHL+FaEoEfVzC46GjstR0riNciOowL+ceE/EA/uz3joIR46GL83HtqFoOdwqMLY+AyjFRbKHU0z+PYKvRYkolDX3IQncJ1ya7d/ZHEM9dYUB15f9dbu7tiXfCX/r4Iaj0BXElR9rH+ALAO6/hkX3/wL</diagram></mxfile>

vortrag/nopause.tex

@@ -0,0 +1,303 @@
+\documentclass[aspectratio=169]{beamer}
+
+% get rid of clickable beamer buttons
+\beamertemplatenavigationsymbolsempty
+
+% parse most utf-8 correctly
+\usepackage[utf8]{inputenc}
+\usepackage[ngerman]{babel}
+
+% better graphics
+\usepackage{graphicx}
+
+% beamer settings
+\title{snailmail}
+\author{Noah Vogt \& Simon Hammer}
+\institute{Gymnasium Kirschgarten}
+\usetheme{Copenhagen}
+
+\usepackage{varwidth}
+
+\usepackage{graphicx,calc}
+\newlength\myheight
+\newlength\mydepth
+\settototalheight\myheight{Xygp}
+\settodepth\mydepth{Xygp}
+\setlength\fboxsep{0pt}
+
+\newcommand*\inlinegraphics[1]{
+    \settototalheight\myheight{Xygp}
+    \settodepth\mydepth{Xygp}
+    \raisebox{-\mydepth}{\includegraphics[height=\myheight]{#1}}%
+}
+
+% for code snippits
+\usepackage{listings}
+\usepackage{color}
+
+\definecolor{dkgreen}{rgb}{0,0.6,0}
+\definecolor{gray}{rgb}{0.5,0.5,0.5}
+\definecolor{mauve}{rgb}{0.58,0,0.82}
+\definecolor{background}{rgb}{0.36,0.36,0.36}
+
+\lstset{
+    numbersep=3pt,
+    keywordstyle=\color{blue},
+    commentstyle=\color{dkgreen},
+    stringstyle=\color{mauve},
+    breaklines=true,
+    numbers=left,
+    numberstyle=\scriptsize\color{black},
+    frame=none,
+    basicstyle = \small\ttfamily,
+    breaklines=true
+    breakatwhitespace=false,
+    columns=flexible,
+    xleftmargin=0.5cm,framesep=8pt,framerule=0pt,
+    aboveskip=3mm,
+    belowskip=3mm,
+}
+
+% Package to use videos
+\usepackage{movie15}
+
+\begin{document}
+\maketitle
+
+\begin{frame}{Inhaltsverzeichniss}
+INSERT TOC HERE
+\end{frame}
+
+%\section{Vorwort}
+\begin{frame}{Motivation}
+\begin{varwidth}{.5\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[width=.9\textwidth]{media/macbook.jpg}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.5\textwidth}
+        \begin{itemize}
+            \item allgemeines Interesse
+            \item fehlender Edubs-Mail-Client
+            %\item fehlender Edubs-Mail-Client\inlinegraphics{media/baslerstab-1.jpg}
+            \item persönliche Bedürfnisse
+        \end{itemize}
+    \end{varwidth} 
+\end{frame}
+
+%\subsection{Ziele}
+\begin{frame}{Ziele}
+\begin{varwidth}{.5\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[width=.8\textwidth]{../logo/version3d.png}
+            \caption{snailmail Logo}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.5\textwidth}
+        \begin{itemize}
+            \item Basisfunktionen \inlinegraphics{media/mail.png} 
+            \item Account Manager\inlinegraphics{media/business.png}
+            \item Design Prinzipien\inlinegraphics{media/paintbrush.png}
+            \item Schnelligkeit\inlinegraphics{media/run.png}
+            \item Mobil und Modern\inlinegraphics{media/mobile.png}
+            \item Einstellungen\inlinegraphics{media/settings.png}
+        \end{itemize}
+    \end{varwidth} 
+\end{frame}
+
+\begin{frame}{Warum Java}
+\begin{varwidth}{.3\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[height=.8\textheight]{media/java-logo.png}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.6\textwidth}
+        \begin{itemize}
+            \item war offizielle Sprache für Android Apps
+            \item abgelöst von Kotlin (seit 2019)
+            \item EF Informatik
+        \end{itemize}
+    \end{varwidth} 
+\end{frame}
+
+% TODO: consider using external player
+\begin{frame}{Demo}
+    INSERT DEMO HERE
+    %\includemovie[toolbar]{90pt}{90pt}{media/cutaccountViewer.mp4}
+    %\includemovie[]{90pt}{90pt}{media/draftsExample.mp4}
+\end{frame}
+
+\begin{frame}{Was alles drin ist}
+\includegraphics<1>[height=.8\textheight]{media/emailViewer.jpg}
+
+\includegraphics<2>[height=.8\textheight]{media/emailWriter.jpg}
+
+\includegraphics<3>[height=.8\textheight]{media/accountManager.jpg}
+\end{frame}
+
+\begin{frame}{allgemeine App-Struktur}
+\centering
+\includegraphics[height=.7\textheight]{../maturText/media/AppStructure.png}
+\end{frame}
+
+\begin{frame}{Database}
+\begin{block}{allgemein}
+\end{block}
+
+\begin{block}{in der app}
+\end{block}
+\end{frame}
+
+\begin{frame}{Email Connection}
+\centering
+\includegraphics[width=.8\textwidth]{../maturText/media/connection-diagram.png}
+\end{frame}
+
+\defverbatim[colored]\makeset{
+\lstset{language=python}
+\begin{lstlisting}
+def sendStarttls(host, sendingMail, receivingMail, password, message="",
+                 subject="", port=587, cc=[], bcc=[]):
+    context = ssl.create_default_context()
+
+    if type(cc) is not str:
+        cc = ",".join(cc)
+    if type(bcc) is not str:
+        bcc = ",".join(bcc)
+    utf8Message = ("Subject: " + subject + "\nCC: " + cc + "\nBCC: " + bcc +
+                   "\n\n" + message)
+    decoded = utf8Message.encode('cp1252').decode('utf-8')
+
+    with smtplib.SMTP(host, port) as serverConnection:
+        serverConnection.starttls(context=context)
+        serverConnection.login(sendingMail, password)
+        serverConnection.sendmail(sendingMail, receivingMail, decoded)
+\end{lstlisting}
+}
+
+\begin{frame}{Sendung einer Email}
+\makeset
+\end{frame}
+
+\begin{frame}{Was haben wir wirklich selber gemacht?}
+\centering
+\includegraphics[height=.8\textheight]{media/self.jpeg}
+\end{frame}
+
+\begin{frame}{Room}
+INSERT ABSTRACTION LAYERS
+\end{frame}
+
+\begin{frame}{Material Design}
+\begin{varwidth}{.5\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[width=\textwidth]{media/material-design-in-action.jpg}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.4\textwidth}
+        \includegraphics[width=\textwidth]{media/material-android.png}
+        \begin{itemize}
+            \item GUI-Framework
+            \item beliebt
+            \item in Google Apps
+        \end{itemize}
+    \end{varwidth}
+\end{frame}
+
+\begin{frame}{Bugs}
+INSERT BUGS HERE
+\end{frame}
+
+%:TODO Ich han eig gmeint Bilder us de Apps. Also wenn du seisch es isch zu überlade das me das in de Apps seht und ned s Logo fo de App
+\begin{frame}{Inspiration Design}
+\begin{varwidth}{.3\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[width=.9\textwidth]{media/gmail-logo.png}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.3\textwidth}
+        \begin{figure}
+        \centering
+        \includegraphics[width=.9\textwidth]{media/k9-logo.png}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.3\textwidth}
+        \begin{figure}
+        \centering
+        \includegraphics[width=.9\textwidth]{media/fairmail-logo.png}
+        \end{figure}
+\end{varwidth}
+\end{frame}
+
+\begin{frame}{Resultate}
+\begin{itemize}
+    \item User Interface
+    \item chaquopy
+    \item Funktionalität
+    \item abschliessend
+\end{itemize}
+\end{frame}
+
+\begin{frame}{Was wir gelernt haben}
+\begin{varwidth}{.5\textwidth}
+        \begin{figure}
+            \centering
+            \includegraphics[width=.95\textwidth]{media/monetary-success.jpeg}
+        \end{figure}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.5\textwidth}
+        \begin{itemize}
+            \item Java\inlinegraphics{media/java-only-logo.png}
+            \item Android Apps\inlinegraphics{media/android-robot.png}
+            \item Android Studio\inlinegraphics{media/android-studio-logo.png}
+            \item Database \& SQL\inlinegraphics{media/database.png}
+            \item Gradle\inlinegraphics{media/gradle.png}
+            \item kryptografisches Signieren\inlinegraphics{media/key.png}
+        \end{itemize}
+    \end{varwidth} 
+\end{frame}
+
+% TODO: WAS GUT / SCHLECHT LIEF
+\begin{frame}{persönliche Meinung}
+\begin{varwidth}{.4\textwidth}
+        \begin{itemize}
+            \item VCS $\rightarrow$ Git $\rightarrow$ GitHub
+            \item Treffen \& Absprachen \& VoIP
+            \item texdiary
+        \end{itemize}
+    \end{varwidth}
+    \hfill
+    \begin{varwidth}{.4\textwidth}
+        \begin{itemize}
+            \item fehlende Erfahrung
+            \item Java Libraries
+            \item persönlicher \& beruflicher Vorteil
+        \end{itemize}
+    \end{varwidth} 
+\end{frame}
+
+\begin{frame}{Zukunft: Wie geht es weiter?}
+    \begin{figure}
+        \centering
+        \includegraphics[height=.7\textheight]{media/github-repo.jpg}
+    \end{figure}
+    \begin{itemize}
+        \centering
+        \item https://github.com/noahvogt/snailmail
+        \item https://git.noahvogt.com/me/snailmail
+    \end{itemize}
+\end{frame}
+
+\end{document}

vortrag/text.md

@@ -32,7 +32,7 @@ eigene Einstellungen oder vorlieben selbst umsetzen wollen.
 
 (Film zegen)
 
-## Was ist drin und wieso ?(noah/simon)
+## Was ist drin und wieso ?simon
 
 Die App hat fuktionen die jeder Email-Client braucht. Darunter einen Email-Viewer, in welchem die Emial angezeigt wird (zeigt bild). Dann natürlichen einen Emailwriter, der sich 
 and dem Emailviewer orientiert damit alles schön simple bleibt. Im Emailwriter können emails geschrieben werden, wie im Video gezeigt wurde (zeigt bild). Anschliesen hat die App noch einen 
@@ -70,11 +70,8 @@ Wenn wir unsere Databse als Tabelle darstellen sieht diese so aus.
 Die Atribute sind recht selbsterklärend. CC und BCC sind Atribute in welche Email-Adressen geschrieben werden, welche die Email auch lesen könne wobei bei BCC nicht 
 alle Nutzer wissen wer alles diese Email lesen kann. 
 
-Im falle unsere Beispiel würde die Database dann so ausehen.
 
-(next slide tabelle mit atributen aus beispielvideo)
-
-Die Databse speicher eigentlich nur zwei mal Email ab. Einmal wenn eine angefangen Email nochnicht verschickt werden soll aber noch bearbeitet werden soll. Dann wird diese Email 
+Die Databse speichert eigentlich nur zwei mal Emails ab. Einmal wenn eine angefangen Email nochnicht verschickt werden soll aber noch bearbeitet werden soll. Dann wird diese Email 
 unter dem Attribut folder mit dem Wert Draft abgespeichert und so nur noch im Ordner Draft ausgelesen. 
 
 Sonst speichert die Database immer dann Emails, wenn sie von dem Server heruntergeladen werden. Also wenn sich ein User anmeldet oder manuel Synchronisiert.