瀏覽代碼

add first version of title and background to powerpoint

Simon Hammer 3 年之前
父節點
當前提交
234fa8d2ca

+ 43 - 43
vortrag/beamerTry/chapters/boxesandcolumns.tex

@@ -7,53 +7,53 @@
 
     \bigskip    
     
-    \fbox{\parbox{\textwidth}{A big box\\ \[ 
-    \{R^n_{\alpha}(0) \; | \; n \in \mathbb{N}\} = \{n\alpha \; \mathrm{mod}\;1 \; | \; n \in \mathbb{N}\} \]
+    \fbox{\parbox{\textwidth}{A big box\\ %\[ 
+    %\{R^n_{\alpha}(0) \; | \; n \in \mathbb{N}\} = \{n\alpha \; \mathrm{mod}\;1 \; | \; n \in \mathbb{N}\} \]
     é denso em \([0,1)\). }}
  \end{center}
 \end{frame}
     
-\begin{frame}{Two Columns entire page}
-\small
-
-\begin{columns}
-\begin{column}{0.5\textwidth}
-\tiny \pause \textcolor{yellow}{Obs:} \(\alpha \eqdef \log b \in \mathbb{R}\backslash\mathbb{Q}\)
-\small \pause 
-   \begin{align*}
-    R_\alpha \colon [0,1) &\longrightarrow [0,1) \\
-                      x   &\longmapsto x + \alpha \; \mathrm{mod}\;1           
-\end{align*}
-\pause 
-\small 
-Here we can write some text Here we can write some text Here we can write some text Here we can write some text Here we can write some text  Here we can write some text  Here we can write some text
-\end{column}
-\begin{column}{0.5\textwidth}  %%<--- here
-\pause 
-\[R^n_\alpha(x) \eqdef R_\alpha \overbrace{\circ \ldots \circ }^{n} R_\alpha(x)\]
-
-\pause 
-
-Here we can write some text Here we can write some text Here we can write some text Here we can write some text Here we can write some text  Here we can write some text  Here we can write some text
-
-\bigskip 
-
-\footnotesize 
-\textcolor{yellow}{\fbox{\parbox{\textwidth}{Question??????????? tell me if you want}}} 
-\bigskip
-
-the answer is 
-\pause 
-\textcolor{green2}{YES!!!!} \textcolor{green2}{because that that and that} or..
-
-\bigskip 
-
-The answer is \textcolor{red2}{NO!!!!} \textcolor{red2}{because that that and that}
-
-\end{column}
-\end{columns}
-
-\end{frame}
+%%\begin{frame}{Two Columns entire page}
+%\small
+%
+%\begin{columns}
+%\begin{column}{0.5\textwidth}
+%\tiny \pause \textcolor{yellow}{Obs:} \(\alpha \eqdef \log b \in \mathbb{R}\backslash\mathbb{Q}\)
+%\small \pause 
+%   \begin{align*}
+%    R_\alpha \colon [0,1) &\longrightarrow [0,1) \\
+%                      x   &\longmapsto x + \alpha \; \mathrm{mod}\;1           
+%\end{align*}
+%\pause 
+%\small 
+%Here we can write some text Here we can write some text Here we can write some text Here we can write some text Here we can write some text  Here we can write some text  Here we can write some text
+%\end{column}
+%\begin{column}{0.5\textwidth}  %%<--- here
+%\pause 
+%\[R^n_\alpha(x) \eqdef R_\alpha \overbrace{\circ \ldots \circ }^{n} R_\alpha(x)\]
+%
+%\pause 
+%
+%Here we can write some text Here we can write some text Here we can write some text Here we can write some text Here we can write some text  Here we can write some text  Here we can write some text
+%
+%\bigskip 
+%
+%\footnotesize 
+%\textcolor{yellow}{\fbox{\parbox{\textwidth}{Question??????????? tell me if you want}}} 
+%\bigskip
+%
+%the answer is 
+%\pause 
+%\textcolor{green2}{YES!!!!} \textcolor{green2}{because that that and that} or..
+%
+%\bigskip 
+%
+%The answer is \textcolor{red2}{NO!!!!} \textcolor{red2}{because that that and that}
+%
+%\end{column}
+%\end{columns}
+%
+%\end{frame}
     
     
 \begin{frame}{Table and minipage}

+ 11 - 75
vortrag/beamerTry/main.nav

@@ -43,83 +43,19 @@
 \defcounter {refsection}{0}\relax 
 \headcommand {\beamer@framepages {8}{8}}
 \defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {2}{0}{3}{9/15}{}{0}}
+\headcommand {\slideentry {2}{0}{3}{9/13}{}{0}}
 \defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {9}{15}}
+\headcommand {\beamer@framepages {9}{13}}
 \defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {2}{0}{4}{16/20}{}{0}}
+\headcommand {\beamer@sectionpages {7}{13}}
 \defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {16}{20}}
+\headcommand {\beamer@subsectionpages {7}{13}}
 \defcounter {refsection}{0}\relax 
-\headcommand {\beamer@sectionpages {7}{20}}
+\headcommand {\slideentry {3}{0}{1}{14/14}{}{0}}
 \defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {7}{20}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\sectionentry {3}{Equations and Figure}{21}{Equations and Figure}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{1}{21/21}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {21}{21}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{2}{22/23}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {22}{23}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{3}{24/26}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {24}{26}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{4}{27/27}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {27}{27}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{5}{28/29}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {28}{29}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{6}{30/32}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {30}{32}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{7}{33/35}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {33}{35}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {3}{0}{8}{36/36}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {36}{36}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@sectionpages {21}{36}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {21}{36}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\sectionentry {4}{graphs and other tikz}{37}{graphs and other tikz}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {4}{0}{1}{37/37}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {37}{37}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {4}{0}{2}{38/38}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {38}{38}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {4}{0}{3}{39/39}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {39}{39}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {4}{0}{4}{40/40}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {40}{40}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@sectionpages {37}{40}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@subsectionpages {37}{40}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\slideentry {5}{0}{1}{41/41}{}{0}}
-\defcounter {refsection}{0}\relax 
-\headcommand {\beamer@framepages {41}{41}}
-\headcommand {\beamer@partpages {1}{41}}
-\headcommand {\beamer@subsectionpages {41}{41}}
-\headcommand {\beamer@sectionpages {41}{41}}
-\headcommand {\beamer@documentpages {41}}
-\headcommand {\gdef \inserttotalframenumber {23}}
+\headcommand {\beamer@framepages {14}{14}}
+\headcommand {\beamer@partpages {1}{14}}
+\headcommand {\beamer@subsectionpages {14}{14}}
+\headcommand {\beamer@sectionpages {14}{14}}
+\headcommand {\beamer@documentpages {14}}
+\headcommand {\gdef \inserttotalframenumber {10}}

+ 2 - 2
vortrag/beamerTry/main.tex

@@ -25,9 +25,9 @@
     
     \input{chapters/boxesandcolumns}
     
-    \input{chapters/equationandfigure} 
+%    \input{chapters/equationandfigure} 
     
-    \input{chapters/graphs and other tikz}
+%    \input{chapters/graphs and other tikz}
     
     
  %   \section*{References} %You can remove this if you do not want to use it

+ 1 - 1
vortrag/besprechung17jan.txt

@@ -5,7 +5,7 @@ Noah:   was hatten wir vor? (Ziele)
         Wie heisst die Arbeit
 
 
-Noah:   Was haben wir selber geschrieben?
+Noah:   Was haben wir selber geschrieben? -> auf video beziehen
         Was haben wir wirklich gemacht?
         Room, Dao, Libs, Material, ...
 

+ 38 - 0
vortrag/blueTemplate/CHANGELOG.md

@@ -0,0 +1,38 @@
+# CHANGELOG
+
+## [1.0.0] - 2021-01-04
+### Added
+- It added the `libs` folder that have this files:
+  - code-style.tex
+  - emblemufc.pdf
+  - logoUFCbackground.png
+  - preamble.tex
+  - ufc_format.cls
+- It added the `code` folder with some example codes
+  - helloworld.java
+  - index.html
+  - main.py
+  - source.c
+- It was add the `.gitignore` file
+
+## [1.1.0] - 2021-01-10
+### Fixed
+- Fixed the bug of multi-columns.
+- Algorithms colors
+
+### Added
+- It added the command `\source{}` in the figures.
+
+## [1.2.0] - 2021-01-15
+### Fixed
+- Adjustment of the documentation
+- Adjustment of the `code_styles.tex` file
+
+## [1.3.0] - 2021-01-22
+### Added
+- It added a new command: `\email{}`
+- It added a new default slide (the last slide)
+
+### Fixed
+- Adjustment the 'Sumario' slide for two columns
+- Fixed the reference's slide bug

+ 202 - 0
vortrag/blueTemplate/README.md

@@ -0,0 +1,202 @@
+<!-- UFC figure pixel -->
+<div align="center">
+    <img class="aligncenter" src="libs/ufcpixel.png" width="220px" height="220px"/>
+</div>
+
+<br/>
+
+<!-- Title -->
+<div align="center">
+    <h1><b>Template Beamer UFC</b></h1>
+</div>
+
+<!-- Badges -->
+[![made-with-latex](https://img.shields.io/badge/Made%20with-LaTeX-1f425f.svg)](https://www.latex-project.org/)
+![GitHub tag (latest by date)](https://img.shields.io/github/v/tag/maumneto/TemplateBeamerUFC)[![GitHub issues](https://img.shields.io/github/issues/maumneto/TemplateBeamerUFC)](https://github.com/maumneto/TemplateBeamerUFC/issues)[![GitHub stars](https://img.shields.io/github/stars/maumneto/TemplateBeamerUFC)](https://github.com/maumneto/TemplateBeamerUFC/stargazers)[![GitHub forks](https://img.shields.io/github/forks/maumneto/TemplateBeamerUFC)](https://github.com/maumneto/TemplateBeamerUFC/network)[![Open Source? Yes!](https://badgen.net/badge/Open%20Source%20%3F/Yes%21/blue?icon=github)](https://github.com/maumneto/TemplateBeamerUFC)[![Overleaf badge](https://img.shields.io/badge/Is_in_Oveleaf_Repository%3F-Yes!-<COLOR>.svg)](https://shields.io/)
+
+
+<!-- Table of Contents -->
+<p align="center">
+    <a href="#what is it?">What is it?</a> •
+    <a href="#for whom?">For Whom?</a> •
+    <a href="#tips">Tips</a> •
+    <a href="#changelog">Changelog</a> •
+    <a href="#author">Author</a>
+</p>
+
+<!-- Sections -->
+## What is it?
+
+This project aims to create a template for presentation for the Federal University of Ceará (UFC). It was created a class called **ufc_format.cls** with a set of environments and commands related to the document. This template is not an official document from the Federal University of Ceará. However, this template can be used to create classes, presentations, short courses, etc.
+
+## For Whom?
+
+This template can be useful for the Federal University of Ceará (UFC) professors and students.
+
+- <b>Professors:</b> for creating classes and presentations
+  
+- <b>Students:</b> for assignments and presentations
+
+## Tips
+
+Some tips for using this template
+
+### Blocks
+
+- Default Block
+  
+```tex
+    \begin{block}{Default Block}
+        Body of default block.
+    \end{block}
+```
+
+- Alert Block
+  
+```tex
+    \begin{alertblock}{Alert Block}
+        Body of alert block.
+    \end{alertblock}
+```
+
+- Example Block
+  
+```tex
+    \begin{exampleblock}{Example Block}
+        Body of example block.
+    \end{exampleblock}
+```
+
+### Texts
+
+- Example text
+```tex
+ \example{Text Example}
+```
+
+- Emphasis text
+```tex
+ \emph{Text emphasis}
+```
+
+### Boxes
+
+- Simple Box
+
+```tex
+\simplebox{testando o simple box}
+```
+
+- Alert Box
+
+```tex
+\alertbox{testando o alert box}
+```
+
+- Success Box
+
+```tex
+\successbox{testando o success box}
+```
+
+### Codes
+
+It is possible to insert codes in this presentation. This template uses two packages for algorithms: `algorithm2e` and `listings`. 
+
+- **Documentation** 
+  
+  - algorithm2e: [Algorithm2e Package Documentation](http://linorg.usp.br/CTAN/macros/latex/contrib/algorithm2e/doc/algorithm2e.pdf)
+  
+  - listings: [Listings Package Documentation](http://linorg.usp.br/CTAN/macros/latex/contrib/listings/listings.pdf)
+
+The following example shows how to create a pseudocode:
+
+```tex
+\begin{algorithm}[H]
+    \SetAlgoLined #includes indentation
+    \LinesNumbered #includes lines number
+    \SetKwInOut{Input}{input}
+    \SetKwInOut{Output}{output}
+    \Input{write the input}
+    \Output{write the output}
+    \KwData{write the data}
+    \KwResult{Write the result}
+    initialization\;
+    \While{While condition}
+    {
+        instructions\;
+        \eIf{condition}{
+           instructions1\;
+           instructions2\;
+           }{
+           instructions3\;
+        }
+    } 
+    \caption{How to write algorithms}
+\end{algorithm}
+```
+
+The following example shows how to insert a code that is in the project files:
+
+```tex
+\begin{frame}{Including Codes}
+    \lstset{language=Python}
+    \lstinputlisting[language=Python]{path_of_python_code.py}
+\end{frame}
+```
+
+The following example shows how to insert a figure:
+
+```tex
+\begin{figure}
+    \centering
+    \caption{Caption of the Figure}
+    \includegraphics[scale=1]{path_of_the_figure}
+    \source{Source of the Figure}
+    \label{fig:figlabel}
+\end{figure}
+```
+
+The following example shows how to insert a multi-columns:
+
+```tex
+\begin{columns}{}
+    \begin{column}{0.5\textwidth}
+        \justify
+        Text of the left side!
+    \end{column}
+    \begin{column}{0.5\textwidth}
+        \justify
+        Text of the right side!
+    \end{column}
+\end{columns}    
+```
+
+### Custom Commands
+
+This template has some custom commands that are described below:
+
+To print 'Universidade Federal do Ceará'
+```tex
+\ufc
+```
+
+To put the department name
+```tex
+\department{Department Name}
+```
+
+To put the email
+```tex
+\email{user@domain}
+```
+
+## Changelog
+
+[Changelog File](./CHANGELOG.md)
+
+## Author
+
+Developed by <b>Maurício Moreira Neto</b> :metal: 
+
+[![Gmail](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:maumneto@gmail.com)[![Twitter](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/maumneto)[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/maumneto/)[![Medium](https://img.shields.io/badge/Medium-12100E?style=for-the-badge&logo=medium&logoColor=white)](https://medium.com/@maumneto)[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/maumneto)

+ 6 - 0
vortrag/blueTemplate/code/helloworld.java

@@ -0,0 +1,6 @@
+public class FirstClass {
+    public static void main(String[] args)
+    {
+        System.out.println("Hello World!");
+    }
+}

+ 11 - 0
vortrag/blueTemplate/code/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+    <body>
+        <h1>My First HTML</h1>
+    </body>
+</html>

+ 5 - 0
vortrag/blueTemplate/code/main.py

@@ -0,0 +1,5 @@
+def main():
+    print("Hello World!")
+
+if __name__ == '__main__':
+    main()

+ 6 - 0
vortrag/blueTemplate/code/source.c

@@ -0,0 +1,6 @@
+#include <stdio.h>
+
+int main(){
+    printf("Hello World!");
+    return 0;
+}

二進制
vortrag/blueTemplate/document.dvi


+ 91 - 0
vortrag/blueTemplate/document.nav

@@ -0,0 +1,91 @@
+\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}{Seção I}{3}{Seção 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}}

+ 2 - 0
vortrag/blueTemplate/document.snm

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

+ 204 - 0
vortrag/blueTemplate/document.tex

@@ -0,0 +1,204 @@
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%% This project aims to create the UFC template for presentation.                %%
+%% author: Maurício Moreira Neto - Doctoral student in Computer Science (MDCC)   %%
+%% contacts:                                                                     %%
+%%    e-mail: maumneto@ufc.br                                                    %%
+%%    linktree: https://linktr.ee/maumneto                                       %%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\documentclass{libs/ufc_format}
+% Inserting the preamble file with the packages
+\input{libs/preamble.tex}
+% Inserting the references file
+\bibliography{references.bib}
+
+% Title
+\title[\textit{snailmail}]{\textbf{Eine Email-Client-App entwickeln}}
+% Subtitle
+\subtitle{snailmail}
+% Author of the presentation
+\author{Noah Vogt und Simon Hammer}
+
+% Institute's Name
+\institute[]{
+    % university name
+    \ufc
+}
+% date of the presentation
+\date{5 Februar 2022}
+
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%% Start Document of the Presentation                                           %%               
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+\begin{document}
+% insert the code style
+\input{libs/code_style}
+
+%% ---------------------------------------------------------------------------
+% First frame (with tile, subtitle, ...)
+\begin{frame}{}
+    \maketitle
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+% Second frame
+\begin{frame}{Sumário}
+    \begin{multicols}{2}
+        \tableofcontents
+    \end{multicols}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+% This presentation is separated by sections and subsections
+\section{Seção I}
+\begin{frame}{Explicações}
+    % itemize
+    Este é um template que pode ser utilizado para:
+    \begin{itemize}
+        \item Apresentação de Trabalhos Acadêmicos
+        \item Apresentação de Disciplinas
+        \item Apresentações de Teses e Dissertações
+    \end{itemize}
+
+    \vspace{0.4cm} % vertical space
+    
+    % enumeration
+    Para utilizar este template corretamente é importante que:
+    \begin{enumerate}
+        \item Tenha conhecimento mínimo sobre LaTeX
+        \item Ler os comentários no template (explicações)
+        \item Ler o README.md (documentação)
+    \end{enumerate}
+
+    \vspace{0.2cm}
+
+    \example{Este é um texto de exemplo!} \emph{Texto de Ênfase!}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+\subsection{Subseção I}
+\begin{frame}{Criando Blocos}
+    % Blocks styles
+    \begin{block}{Bloco Padrão}
+        Texto do corpo do bloco.
+    \end{block}
+
+    \begin{alertblock}{Bloco de Alerta}
+        Texto do corpo do bloco.
+    \end{alertblock}
+
+    \begin{exampleblock}{Bloco de Exemplo}
+        Texto do corpo do bloco.
+    \end{exampleblock}   
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+\subsection{Subseção II}
+\begin{frame}{Criando Caixas}
+    \successbox{testando o success box}
+
+    \pause
+
+    \alertbox{testando o alert box}
+
+    \pause
+
+    \simplebox{testando o simple box}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+\subsection{Subseção III}
+\begin{frame}{Criando Algoritmos (Pseudocódigo)}
+    \begin{algorithm}[H]
+        \SetAlgoLined
+        \LinesNumbered
+        \SetKwInOut{Input}{input}
+        \SetKwInOut{Output}{output}
+        \Input{x: float, y: float}
+        \Output{r: float}
+        \While{True}{
+          r = x + y\;
+          \eIf{r >= 30}{
+           ``O valor de $r$ é maior ou iqual a 10.''\;
+           break\;
+           }{
+           ``O valor de $r$ = '', r\;
+          }
+         } 
+         \caption{Algorithm Example}
+    \end{algorithm}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+
+\begin{frame}{Inserindo Algoritmos}
+    \lstset{language=Python}
+    \lstinputlisting[language=Python]{code/main.py}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+\begin{frame}{Inserindo Algoritmos}
+    \lstinputlisting[language=C]{code/source.c}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+\begin{frame}{Inserindo Algoritmos}
+    \lstinputlisting[language=Java]{code/helloworld.java}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+\begin{frame}{Inserindo Algoritmos}
+    \lstinputlisting[language=HTML]{code/index.html}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+% This frame show an example to insert multicolumns
+\section{Multicolunas}
+\begin{frame}{Seção II - Multicolunas}
+    \begin{columns}{}
+        \begin{column}{0.5\textwidth}
+            \justify
+            É possível colocar mais de uma coluna utilizando os comandos de $\backslash$begin\{column\}\{\} e $\backslash$end\{column\}
+        \end{column}
+        \begin{column}{0.5\textwidth}
+            \justify
+            Porém, o espaçamento deve ser proporcional entre as colunas para que estas colunas não entrem em coflito. O espaçamento é dado pelo segundo argumento do $\backslash$begin.
+        \end{column}
+    \end{columns}    
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+%This frame show an example to insert figures
+\section{Imagens}
+\begin{frame}{Seção III - Figures}
+    \begin{figure}
+        \centering
+        \caption{Emblema da UFC.}
+        \includegraphics[scale=0.3]{libs/emblemufc.pdf}
+        \source{Obtido pelo site oficial da UFC \cite{siteufc} \cite{einstein}}
+        \label{fig:ufc_emblem}
+    \end{figure}
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+% Reference frames
+\begin{frame}[allowframebreaks]
+    \frametitle{Referências}
+    \printbibliography
+\end{frame}
+
+%% ---------------------------------------------------------------------------
+% Final frame
+\begin{frame}{}
+    \centering
+    \huge{\textbf{\example{Obrigado(a) pela Atenção!}}}
+    
+    \vspace{1cm}
+    
+    \Large{\textbf{Contato:}}
+    \newline
+    \vspace*{0.5cm}
+    \large{\email{usuario@dominio}}
+\end{frame}
+
+\end{document}

+ 34 - 0
vortrag/blueTemplate/libs/code_style.tex

@@ -0,0 +1,34 @@
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%% This file contains the style of the codes show in slides.                     %%
+%% The package used is listings, but it possible to used others.                 %%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+% color used in the code style
+\definecolor{codegreen}{rgb}{0,0.6,0}
+\definecolor{codegray}{rgb}{0.5,0.5,0.5}
+\definecolor{codepurple}{rgb}{0.58,0,0.82}
+\definecolor{codebackground}{rgb}{0.95,0.95,0.92}
+
+% style of the code!
+\lstdefinestyle{codestyle}{
+    backgroundcolor=\color{codebackground},   
+    commentstyle=\color{codegreen},
+    keywordstyle=\color{magenta},
+    numberstyle=\tiny\color{codegray},
+    stringstyle=\color{codepurple},
+    basicstyle=\ttfamily\footnotesize,
+    frame=single,
+    breakatwhitespace=false,         
+    breaklines=true,                 
+    captionpos=b,                    
+    keepspaces=true,                 
+    numbers=left,                    
+    numbersep=5pt,                  
+    showspaces=false,                
+    showstringspaces=false,
+    showtabs=false,                  
+    tabsize=2,
+    title=\lstname 
+}
+
+\lstset{style=codestyle}

二進制
vortrag/blueTemplate/libs/logoUFCbackground.png


+ 33 - 0
vortrag/blueTemplate/libs/preamble.tex

@@ -0,0 +1,33 @@
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%% This file contains the packages that can be used in the beamer. %%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+% Package to fonts family
+\usepackage[T1]{fontenc}
+% Package to accentuation
+\usepackage[utf8]{inputenc}
+% Package to Portuguese language
+\usepackage[brazil]{babel}
+% Package to Figures
+\usepackage{graphicx}
+% Package to the colors
+\usepackage{color}
+% Package to the colors
+\usepackage{xcolor}
+% Packages to math symbols and expressions
+\usepackage{amsfonts, amssymb, amsmath}
+% Package to multiple lines and columns in table
+\usepackage{multirow, array} 
+% Package to create pseudo-code
+% For more detail of this package: http://linorg.usp.br/CTAN/macros/latex/contrib/algorithm2e/doc/algorithm2e.pdf
+\usepackage{algorithm2e}
+% Package to insert code
+\usepackage{listings} 
+\usepackage{keyval}
+% Package to justify text
+\usepackage[document]{ragged2e}
+% Package to manage the bibliography
+\usepackage[backend=biber, style=numeric, sorting=none]{biblatex}
+% Package to facilities quotations
+\usepackage{csquotes}
+% Package to use multicols
+\usepackage{multicol}

+ 194 - 0
vortrag/blueTemplate/libs/ufc_format.cls

@@ -0,0 +1,194 @@
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%% UFC Beamer Class File
+%% author: Maurício Moreira Neto
+%% description: This file creates a custom beamer class for the Federal University of Ceará (UFC).
+%% It was used the same color hue as the university emblem.
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+
+\NeedsTeXFormat{LaTeX2e}
+\ProvidesClass{libs/ufc_format}[15/12/2020 v1.0 ufc template beamer]
+
+\PassOptionsToPackage{svgnames}{xcolor} 
+\LoadClass[compress, 10pt]{beamer}
+
+%% Putting the background image in the frames
+\usebackgroundtemplate{%
+    \vbox to \paperheight{\vfil\hbox to \paperwidth{\hfil\includegraphics[width=1\paperwidth]{../../logo/version2grey.pdf}\hfil}\vfil}
+    }
+%\logo{\includegraphics[scale=0.1]{libs/emblemufc.pdf}\hspace{9.7cm} \vspace{-0.2cm}}
+
+%% Packages Used
+\RequirePackage[utf8]{inputenc}
+\RequirePackage[brazil]{babel}
+\RequirePackage{graphicx}
+\RequirePackage{hyperref}
+\RequirePackage{microtype}
+\RequirePackage[T1]{fontenc}
+\RequirePackage{helvet}
+\RequirePackage{pdfpages}
+\RequirePackage{tcolorbox}
+\RequirePackage{array}
+\RequirePackage{colortbl}
+\RequirePackage{graphicx}
+\RequirePackage{fancybox}
+\RequirePackage[footnotesize,hang]{caption}
+% Option management
+\RequirePackage{beamerbaseoptions}
+
+
+% colors
+\definecolor{blue_theme}{RGB}{178,34,34}
+\definecolor{yellow}{RGB}{206, 177, 68}
+\definecolor{black}{RGB}{0, 0, 0}
+\definecolor{white}{RGB}{255, 255, 255}
+\definecolor{red}{RGB}{215, 0, 0}
+\definecolor{green_ufc}{RGB}{0, 146, 62}
+
+% style of the blocks ufc
+\beamerboxesdeclarecolorscheme{blockUFC}{blue_theme}{white}
+\beamer@autopdfinfotrue
+\beamer@notesnormalstrue
+
+
+\usecolortheme[named=blue_theme]{structure}
+
+\useinnertheme{rectangles}
+\useoutertheme[subsection=false]{miniframes}
+\setbeamertemplate{navigation symbols}{}
+
+
+\setbeamercolor{section in head/foot}{bg=blue_theme, fg=white}
+\setbeamercolor{subsection in head/foot}{bg=yellow, fg=white}
+\setbeamercolor{institute in head/foot}{bg=blue_theme, fg=white}
+\setbeamerfont{block title}{size={}}
+
+
+%% ---------- bottom fields ---------------------
+\setbeamercolor{author in head/foot}{bg=blue_theme, fg=white}
+\setbeamercolor{title in head/foot}{bg=yellow, fg=white}
+\setbeamercolor{date in head/foot}{bg=blue_theme, fg=white}
+
+% footer style
+\defbeamertemplate*{footline}{infolines theme}
+{
+  \leavevmode%
+  \hbox{%
+ 
+  \begin{beamercolorbox}[wd=.333333\paperwidth,ht=2.25ex,dp=1ex,center]{author in head/foot}%
+    \usebeamerfont{author in head/foot}\insertshortauthor~~\insertshortinstitute
+  \end{beamercolorbox}%
+ 
+  \begin{beamercolorbox}[wd=.333333\paperwidth,ht=2.25ex,dp=1ex,center]{title in head/foot} \insertshorttitle
+    \usebeamerfont{title in head/foot}
+  \end{beamercolorbox}%
+ 
+  \begin{beamercolorbox}[wd=.333333\paperwidth,ht=2.25ex,dp=1ex,right]{date in head/foot}%
+    \usebeamerfont{date in head/foot}\insertshortdate{}\hspace*{2em}
+    \insertframenumber{} / \inserttotalframenumber\hspace*{2ex} 
+  \end{beamercolorbox}}%
+  \vskip0pt%
+}
+\mode
+<all>
+
+% command of the example
+\renewcommand{\example}[1]{\textcolor{blue_theme}{\textbf{#1}}}
+% command of the emphases 
+\renewcommand{\emph}[1]{\textcolor{red}{\textbf{#1}}}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+% create the blocks of the beamer template
+
+%% draw the blocks
+\setbeamertemplate{blocks}[rounded][shadow=true]
+% \setbeamercolor{separation line}{use=structure,bg=structure.fg!50!bg} % color on the top 
+
+% block
+\setbeamercolor*{block title}{fg=white, bg=blue_theme}
+\setbeamercolor*{block body}{fg=black,bg=white}
+% alert block
+\setbeamercolor*{block title alerted}{fg=white,bg=red}
+\setbeamercolor*{block body alerted}{fg=black,bg=white}
+% example block
+\setbeamercolor*{block title example}{fg=white,bg=green_ufc}
+\setbeamercolor*{block body example}{fg=black,bg=white}
+
+
+% creating the environment the block
+\usepackage{etoolbox}
+\AtBeginEnvironment{exampleblock}{%
+  \setbeamercolor{itemize item}{fg=green_ufc!70}
+}
+\AtBeginEnvironment{alertblock}{%
+  \setbeamercolor{itemize item}{fg=red!70}
+}
+\AtBeginEnvironment{block}{%
+  \setbeamercolor{itemize item}{fg=blue_theme!70}
+}
+
+% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+% determine some color for the text
+\setbeamercolor*{normal text}{fg=black,bg=white}
+\setbeamercolor*{example text}{fg=yellow}
+\setbeamercolor*{alerted text}{fg=red}
+\setbeamercolor{itemize item}{fg=blue_theme!70}
+\setbeamercolor{enumerate item}{fg=black!70}
+\setbeamercolor{success}{fg=green}
+
+% create the alert box
+\newcommand{\alertbox}[1]{
+\begin{flushleft}
+\fcolorbox{red}{white}{
+\begin{minipage}{0.9\textwidth}
+#1
+\end{minipage}
+}
+\end{flushleft}
+}
+
+% create the simple box
+\newcommand{\simplebox}[1]{
+\begin{flushleft}
+\fcolorbox{blue_theme}{white}{
+\begin{minipage}{0.9\textwidth}
+#1
+\end{minipage}
+}
+\end{flushleft}
+}
+
+% create the success box
+\newcommand{\successbox}[1]{
+\begin{flushleft}
+\fcolorbox{green_ufc}{white}{
+\begin{minipage}{0.9\textwidth}
+#1
+\end{minipage}
+}
+\end{flushleft}
+}
+
+% create the source of the image
+\newcommand{\source}[1]{
+    \caption*{\textcolor{blue_theme}{Fonte:} {#1}} 
+}
+
+% create a command for UFC
+\newcommand{\ufc}{
+  \bfseries
+  \normalsize{Gymnasium Kirschgarten}
+}
+
+% department command
+\newcommand{\department}[1]{
+    \vspace*{0.2cm}
+    \bfseries
+    \normalsize{#1}
+}
+
+% 
+\newcommand{\email}[1]{
+    \texttt{
+      \href{mailto:#1}{#1}
+    }
+}

二進制
vortrag/blueTemplate/libs/ufcpixel.png


+ 18 - 0
vortrag/blueTemplate/references.bib

@@ -0,0 +1,18 @@
+@article{einstein,
+    author = "{Albert Einstein}",
+    title = "{Zur Elektrodynamik bewegter K{\"o}rper}. ({German}) [{On} the electrodynamics of moving bodies]",
+    journal = "{Annalen der Physik}",
+    volume = "{322}",
+    number = "{10}",
+    pages = "{891--921}",
+    year = {1905},
+    DOI = "{http://dx.doi.org/10.1002/andp.19053221004}"
+}
+
+@misc{siteufc,
+    author = "{Universidade Federal do Ceará}",
+    title = "{Identidade Visual da UFC}",
+    howpublished = {\url{http://www.ufc.br/}},
+    note = {Online; acessado em 26 de Dezembro de 2020},
+    year={2020},
+}

+ 39 - 4
vortrag/text.md

@@ -1,5 +1,5 @@
-# Maturvortrag Simon
-## Warum?
+# Maturvortrag 
+## Warum? simon
 Weshalb wollten wir diese Arbeit machen? 
 
 Da wir beide relativ zukunftsorientiert sind war Informatik schon länger ein Thema das uns interessierte. Ich wollte ursprünglich einen Edubs-Mail-Client programmieren da mich das nicht 
@@ -8,7 +8,7 @@ Als ich mit meiner ursprünglichen Idee zu Noah ging, mit dem Gedanken seine Mei
 darauf geeinigt die Idee weitergesponnen sogar zusammen umzusetzen, weil Noah schon länger auf der Suche nach einem Email-Client für seine Bedürfnisse war und ihm diese chance
 selbst einen zu Entwickel ganz gut kam. Also unsere Motivation für dieses Produkt war ein Programm zu Entwickeln, welches unseren Bedürfnissen entspricht. (Bedürfnisse aufschreiben)
 
-## AppStructure
+## AppStructure simon
 
 ![](../maturText/media/AppStructureFull.png)
 Unsere App hat viele Facetten aber heruntergebrochen könne wir sie so darstellen (auf bild zeigen). Im grossen und ganze können wir sie sogar in drei Teile unterteilen. 
@@ -19,7 +19,8 @@ Und Natürlich kann es auch Informationen anzeigen. Informationen aus dem User I
 den Informationen des Interface und den Servern ist. Denn es kann über ein kleines extra Programm Kontakt zu einem Server aufnehmen aber Noah wird das noch weiter erläutern. Die dort 
 gesammelten Informationen werden dann weiter an die Database gegeben die diesen dann abspeichert um sie wieder abrufbar zu mache. 
 
-# Was haben wir gelernt
+## Was haben wir gelernt simon
+
 Wir haben im laufe der Arbeit sehr viel gelernt. 
 Zu beginn der Arbeit konnten wir beide noch nicht so recht Java. Heisst wir haben das erstmahl richtig gelernt. Und dann haben wir uns natürlich 
 Gedanken zu einer allgemeinen Handyapp machen müssen und gelernt aus welchen Komponenten sie besteht. Zum beispiel war uns Anfangs nicht bewusst, dass das User Interface 
@@ -28,3 +29,37 @@ das wichtigste war die Handhabung von Github und die Zusammenarbeit von uns beid
 arbeiten ohne das es Probleme mit der Arbeit des anderen gab. Wir haben uns vor der Maturarbeit ein wenig eingespielt aber während der Maturarbeit und Strukturen gegeben die uns
 massiv geholfen haben. Das fast wöchentliche treffen und absprechen, die diary und Github haben die Zusammenarbeit ermöglicht. Wir haben natürlich auch den Umgang mit AndroidStudio gelernt
 oder wie das debugging einer Handyapp funktioniert. Ebenso haben wir etwas über Database und SQL gelernt. 
+
+## Ziele (was hatten wir vor) noah
+
+Die App soll die Basisfunktionen eines klassischen Email Clients erfüllen. Dazu gehören das Lesen, Schreiben, Empfangen und Versenden von Emails, das Öffnen und Anfügen von Anlagen, die Setzung einer Email-Signatur und das Erstellen und Speichern von Entwurfen.
+
+Ebenso soll es einen Account Manger geben, welcher dem Nutzer ermöglicht, sich in der App mit mehrern Emailkonten anzumelden und zwischen diesen zu wechseln.
+
+Die App soll auch so konzipiert und programmiert sein, dass neue Funktionen und sonstige generelle Änderungen einfach und unkompliziert gemacht werden können. Dazu ist eine möglichst sinnvolle Codestruktur, welche in sich selber nicht wiedersprüchlich ist, vonnöten.
+
+Unsere App hat das Ziel schneller zu starten, als die Alternativen.
+
+Auch die typischen Vorzüge und Funktionalitäten der Mobilplattform Android sollen produktiv verwendet werden. Dazu gehören allem voran die Pushnachrichten. Auch soll möglich sein, dass Links direkt in einem Browser geöffnet werden können.
+
+Auch soll ein Einstellungsfenster erstellt werden, wo der Nutzer verschiedene Verhalten der App anpassen kann. Beispielsweise soll es das Farblayout der App, die Synchronisationsintervalle und Einstellungen an den Pushnachrichten ändern können, Kontaktlisten verwalten und Einstellungen zur Privatsphäre beinhalten.
+
+## Was haben wir wirklich selber gemacht noah
+
+Wir haben natürlich von Softwarebibliotheken (engl. libraries) Gebrauch gemacht. Dazu gehören die Standardbibliotheken von Android, welche jede App verwenden muss, aber auch spezielle Sachen für unsere App. 
+
+### Database (mit dem bini nonig zfriede... material isch besser geeignet für das I think) noah
+
+Dazu gehören z.B. Room, SQLite welche verwendet werden, um eine Datenbank zu erstellen und mit einer gewissen Abstrahation diese zu bearbeiten. Das bedeutet, dass wir zwar eine eigene Datenbankstrukur erstellt haben, welche Emails speichern, abrufen und für mehrere Accounts genutzt werden kann, und diese selber geschrieben haben, so haben wir aber immer noch nicht eine SQL Datenbank selber geschrieben.
+
+### GUI -> Material Design noah
+
+Das dahinterliegende Framework welches den App Entwicklern ermöglicht, Fenster, Knöpfe, Texte und Texteingabefelder ermöglicht, ist schon von Android gegeben. Da dieses GUI-Framework aber visuell nicht wirklich ansprechend ist, benutzen wir die Bibliothek *Material*. Diese Bibliothek ändert ein paar Standard Styles und Designs, und wird bereits in einigen viel genutzten Apps benutzt, was dem neuen Nutzer eine familiäre Benutzererfahrung beschert.
+
+Es ist also wie eine Art Lego mit verschiedenen vorgefertigten Bauwerken, welche man kopieren kann und daraus eine Spielzeugsiedlung nach seinem Anspruch bauen kann. Naja, besser angebracht wäre eher von einer hochkomplexen, industriellen Gesellschaft zu sprechen als von einer Siedlung.
+
+## Datenbase noah
+
+Eine Datenbank (engl. database) ist allgemein eine organisierte Ansammlung von strukturierter Information oder Daten, typischerweise digital auf einem Computersystem gespeichert, verwaltet und ausgewertet (nach [oracle](https://www.oracle.com/database/what-is-database/). Diese ist oft sehr ähnlich aufgebaut wie die für Endnutzer entwickelten graphischen Tabellenkalkulationsprogramme wie z.B. Libre Office, Google Docs oder Only Office.
+
+Eine standardisierte Form um Datenbankabfragen zu machen ist *SQL*, ausgeschrieben *Structured Query Language*