123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275 |
- % standard
- \documentclass[a4paper,11pt]{article}
- \usepackage[utf8]{inputenc}
- \usepackage[ngerman]{babel}
- \usepackage{titlesec}
- \setcounter{secnumdepth}{5}
- \setcounter{tocdepth}{5}
- \titleformat{\paragraph}
- {\normalfont\normalsize\bfseries}{\theparagraph}{1em}{}
- \titlespacing*{\paragraph}
- {0pt}{3.25ex plus 1ex minus .2ex}{1.5ex plus .2ex}
- % geometry
- \usepackage{geometry}
- \geometry{ headsep=20pt,
- headheight=20pt,
- left=21mm,
- top=15mm,
- right=21mm,
- bottom=15mm,
- footskip=20pt,
- includeheadfoot}
- % header and footer
- \usepackage{datetime}
- \newdateformat{dmy}{%
- \THEDAY.~\monthname[\THEMONTH] \THEYEAR}
- \usepackage{fancyhdr}
- \pagestyle{fancy}
- \lhead{Noah Vogt \& Simon Hammer}
- \chead{}
- %\rhead{\dmy\today}
- \lfoot{}
- \cfoot{Gymnasium Kirschgarten}
- \rfoot{Seite \thepage}
- \renewcommand{\footrulewidth}{.4pt}
- % fix figure positioning
- \usepackage{float}
- % larger inner table margin
- \renewcommand{\arraystretch}{1.4}
- % no paragraph indent
- \setlength{\parindent}{0em}
- % graphics package
- \usepackage{graphicx}
- \usepackage{multicol}
- % use sans serif font
- \usepackage{tgheros}
- \usepackage{mathptmx}
- % don't even ask what this is for, I have no idea (noah)
- \usepackage{bm} %italic \bm{\mathit{•}}
- \usepackage[hang]{footmisc}
- \usepackage{siunitx}
- \usepackage[font={small,it}]{caption}
- \sisetup{locale = DE, per-mode = fraction, separate-uncertainty, exponent-to-prefix, prefixes-as-symbols = false, scientific-notation=false
- }
- \newcommand{\ns}[4]{(\num[scientific-notation=false]{#1}\pm\num[scientific-notation=false]{#2})\cdot\num[]{e#3}\si{#4}}
- % show isbn in bibliography
- \usepackage{natbib}
- \begin{document}
- \begin{titlepage}
- \vspace*{1cm}
- \centering
-
- {\huge\bfseries Eine Email-Client-App entwickeln \par}
- \vspace{0.5cm}
- {\Large Noah Vogt \& Simon Hammer\par}
- \vspace{17cm}
- {\large Geschrieben im Jahr 2021\par}
-
- \end{titlepage}
- \tableofcontents
- \pagebreak
- \section{Vorwort}
- Das Kommunikationsmittel Email ist auch nach seinem fünfzigjährigen Jubiläum noch rege im Alltagsgebrauch vieler Leute in den meisten (industrialisierten) Ländern. Es könnte angenommen werden,
- dass sich auch in den letzten zehn Jahren - nämlich seit dem Aufkommen der massentauglichen Smartphones - die Emailsoftware verbessert hat. Doch für das Smartphone war es für uns, die Ersteller dieser Maturarbeit, schwer einen guten Email Client zu finden. Diese Maturarbeit ist unser Teil, daran etwas zu ändern, wenigstens für uns.
- \section{Einleitung}
- \subsection{Ideenfindung}
- Simon schrib du, du heschd idee gha
- \subsection{Ziel der Arbeit}
- was, wie und warum [machen wir das?]
- \section{Konzept der Arbeit}
- \subsection{Funktionsweise}
- Unsere App soll die Basisfunktionen eines klassischen Email Clients erfüllen. Dazu gehören das lesen, schreiben, sende und empfangen von Emails, öffnen und anfügen von Anhängen, die Setzung einer Email-Signatur und das Erstellen von Entwürfen.
- \subsubsection{Vergleich mit Konkurrenz}
- Disclamier/Note: Da bei dieser App einen Wert auf Sicherheit und Endnutzer-Freiheit gesetzt wird, wird sie dementsprechend nur mit Apps verglichen, welche auch Freie Software sind, nach Definition [der FSF??]. Somit fallen jegliche Proprietäre Produkte raus, da sie unseren Grundanforderungen eines Email Clients nicht entsprechen.\\
- Wenn wir die meisten anderen quelloffenen, noch maintainten Open Source Email Clients anschauen fällt sofort auf,
- dass diese unglaublich überladen (bloated) sind. Selbst wenn im Internet nach einem möglichst simplen Email Client für Android gesucht wird,
- stösst man dabei meist auf Apps wie k-9 Mail, welche hunderttausende Zeilen Source Code besitzen.\\
- Im Unterschied zur Konkurrenz soll diese App so programmiert werden, dass sie alle nötigen Grundfunktionen für einen Email Client auf dem Smartphone beinhaltet,
- aber schneller starten soll als die Apps der Konkurrenz, weniger Speicherplatz und Resourcen verbrauchen soll und nicht mit unnötigen Funktionen überladen sein.
- \subsection{Quellcode Modell}
- Um ein Programm zu programmieren werden menschenlesbare Instruktionen in ein oder mehrere Textdateien geschrieben,
- die dann in Sprache, welche die Computerhardware interpretieren und ausführen kann, übersetzt.
- Bei diesem Prozess geht die Lesbarkeit für den Menschen grösstenteils verloren. Um ein Programm ausführen können braucht der Nutzer also keinen Zugang zum Quellcode. Doch wenn er wissen will, was das Programm macht - es könnte ihn ausspionieren oder andere bösartige Sachen im Hintergrund machen - oder einfach das Programm verändern will, braucht er unbedingt Zugang zum Source Code.\\
- Durch die zunehmende Kommerzialisierung und Massentauglichkeit der Computer haben sich aber monetäre und andere Anreize gebildet, den Source Code dem Nutzer nicht mehr zur Verfügung zu stellen. Das hat für den Nutzer verschiedene praktische Folgen. Aber vor allem ist er nicht mehr in Kontrolle seines Computers, Betriebssystems und Programms, sondern der Besitzer oder Copyrightholder des Programms. Das ein Programm einen Besitzer haben kann, ist ziemlich absurd und nur durch die Veränderungen der westlichen Copyright- Gesetze- und Kultur der letzten 150 Jahre [möglich?].\\
- Doch auch bei Open Source Software gibt es verschiedene Lizenzmodelle welche gewählt werden können. Diese lassen sich gut ein zwei Kategorien unterteilen:\\
- \textbf{Permissive Licenses:}
- These give you the right to run the program for ANY purpose, study the source code, change it and redistribute the changes. Their names come from the fact, that they are ``permissive'' when it comes to their few restrictions: They do not put of a lot of restrictions on the distribution of the source code, and often allow the software to be forked under ANY terms. This means it is possible to make your fork of a permissive-licensed program proprietary.\\
- This means they do not protect their code from being taken and used in other projects, even proprietary, without any giving back, which is a definite drawback and the reason people insult these licenses as ``cuck licenses'' as you ``write proprietary code for free for big tech without increasing anyones computer usage freedom''. A positive point of these licenses however is their simplicity: The MIT license for example only consists of 20 SLOC, while a Copyleft license as the GPL v3 uses more than 600 SLOC and its juridictional jargon is much harder to understand.\\
- \textbf{Copyleft Licsenses:}
- This is an obvious play on the word ``Copyright'', as it tries to invert its effects. As with permissive licenses you can run the program for ANY prupose, study, change the source code and redistrubute the changes. But the trick comes with their restricitve redistribution terms: You can ONLY redistribute the program if your version provides the same user freedoms. This is usually done in only allowing redistributing using the same license.\\
- To provide such protection of the user freedoms in future forks, there needs to be a lot of juridictional jargon in the license which makes it significantely longer and harder to understand for the average reader. But most of the people in Free Software who care about user freedom say this is the premiere license for your free software projects, as it ensures that freedoms have to be granted forever and stopping proprietary code maker profiting from their written free code.\\
- \subsection{Philosophie (suckless)}
- (Nowadays) a lot of Open Source Developpers pride themselvers in writing software with much features that cater to the non-technical enduser. This results in having a large codebase, which gets bigger and bigger with every release. This makes it harder to maintaing the evergrowing codebase, more and more bugs occure, security and (most importantly) performance struggles under these conditions. This degrades the quality of software technology as it is the mainstream narrative to ``save time and money''.\\
- This is where the ``suckless philosophy'' comes in place: It aims at making software with simplicity in mind: Less source lines of code to not render the project unmaintanable in similar way as mentionened above. This way of programming is a lot more difficult, but the struggle is most of the time worth it. This coding philosophy also insentivises (quality) code rewrites - which happens a lot less with bloated software counterparts - that gives the user more alternatives to choose from.
- \subsubsection{Hintergründe, Technologisch, UNIX, KISS}
- \subsection{Lizensierung}
- %The differences of different source code models and their licenses have been already discussed in this paper (?). The reason the GNU General Public License Version 3 (short: GPL v3) was chosen because it is one of the most popular and strongest copyleft licenses that suits the application.
- %The license comes from the Free Software Foundation and their Project to write a fully free software operation system (the GNU operating system)
- Die Unterschiede zwischen verschiedenen Source-Code Modellen und deren lizenzirrung wurden bereits besprochen. Der Grund weshalb die GNU General Public License Version 3 (kurz: GPL v3) ausgewählt
- wurde, ist dass sie eine der bekanntesten und stärksten copyleft Lizenz ist.
- Die Lizenz ist von der "Free Software Foundation" und deren Projekt ein völlig freies Software-Betriebssystem zu kreieren.
- \subsubsection{Hintergründe, philosophisch, technologisch}
- \section{Arbeitsprozess}
- \subsection{Hardware}
- \subsubsection{Smartphones}
- %We used different Models of Smartphones running different variants of the android operating system to install and test our app. It was also used to compare it and benchmark it against our competition (the already existing mail clients on android).
- Es wurden verschiedene Smartphone Modelle genutzt um die App auf verschiedenen Androidversionen testen zu können. Sie wurden auch genutzt um unsere App mit der Konkurrenz zu vergleichen und die
- Konkurrenz zu begutachten.
- \subsubsection{PC / Laptop}
- %The usage of computers was to the actual work of creating the software, documentation and the text of this paper (?).
- Der Gebrauch von Computern wurden gemacht um die Software, die Dokumentation und dieses Maturschreiben zu erstellen.
- \subsection{Software}
- Aufgrund dessen, dass ein umfassendes Programm entstehen soll, wird auch Gebrauch von einigen anderen Programmen, Bibliotheken und sonstigen Tools gemacht. In den nachfolgenden Seiten wird beschrieben welche Programme genutzt werden, wieso diese ausgewählt wurden und wie der Umgang mit Ihnen war.
- \subsubsection{Programme}
- \paragraph{Version Control System}
- For developping software above a certain level of complexity, it helps to use a so called VCS (Version Control System). This is a software/system that manages the versioning of software. This is useful so you don't have to for example create MANUALLY a new folder for every new version and copy the code with the new changes in there. This would be not very user friendly, wasteful of disk space and overall very inefficient. These systems also make it easy to synchronise projects to a remote server to allow for easy collaboration on mutliple devices and for different developpers.\\
- It also allow for additional advanced features like branching a repository, which means developping multiple features seperately from each other to then later merge the changes together, when each of the features are working as expected.
- \subparagraph{Git}
- Git und GitHub sind wohl die wichtigsten Programme die genutzt wurden. Sie sind Systeme, welche Fileordner (repository) verwalten können und sie für mehrere Computer zur verfügung stellen,
- wobei sie sehr viele praktische Funktionen mit sich bringen. Mit Git können repositorys local auf Computer oder Hardware geteilt werden, mit GitHub könne die repositorys auch
- über das Internet geteilt werden. Der einfachheitshalber wird nicht zwischen Git und GitHub unterschieden.
- \subparagraph{Github}
- This is our remote git server. But is is more than just a git server, it is a popular platform with over 50 million (software) repositories that people search to find intersting software. So we can use this to make our software more searched and popular (but this is not considered of great importance).
- \paragraph{IDE}
- IDE stands for ``Integrated Developpment Environment''. This means a program where the coder edits, debugs the code. It provides more features than just editing text, but also advanced autocompletion features and warnings/suggestions that the programmer should do something differently because of various reasons of bad programming practice. These programs have a lot of great features, but ar often buggy, resource hungry and slow, like our choice of IDE: Android Studio.
- \paragraph{Texteditor}
- vim
- \paragraph{Android Emulator(s)}
- \paragraph{Compiler}
- gradle, maven
- \paragraph{Installer / Packaging}
- erklären
- \subparagraph{signing keys}
- \subparagraph{Android Debugging Bridge}
- \paragraph{Open Source Programme}
- Beim Programmieren kann es sehr Hilfreich sein Programme zu haben welche, ähnliche Funktionen haben wie das Programm welches entstehen soll.
- Solche Vorlagen können beliebig getestet und verändert werden. Simon hatte zu beginn Schwierigkeiten Java zu nutzen, um Programme zu schreiben, da er noch nicht viel
- Erfahrung mit dem Programmieren hatte. Um sich mit der Art der Sprache und des Programmierens vertieft auseinander zu setzen, begann er Email-Apps, welche Open Source
- waren, genauer zu Betrachten. Im folgenden Text werden wir diese Programme aufführen und zeigen für was wir sie gebraucht haben.
- \subsubsection{Librarys}
- \paragraph{RecyclerViewer}
- Der Recyclerviewer ist ein Behälter in welchen Daten gepackt werden. Er wird dem Layout hinzugefügt und hat eine grossen Vorteil gegenüber Listen.
- Eine Liste wird einmalig erstellt und komplett generiert. Das heisst es gibt Behälter, welche existieren, aber nicht auf dem Bildschirm angezeigt werden.
- Diese Behälter brauchen aber dennoch Speicherplatz, sind aber sinnlos. Hingegen der Recyclerviewer generiert nur so viele Behälter wie auf dem Bildschirm angezeigt werden können.
- Die Behälter, welche beim Scrollen am Bildschirm ende ankommen werden sogar wieder verwendet, mit neuen Information gespeist und am anderen Ende des Bildschirms angezeigt.
- Bild von RecycleView
- Ich (Simon) habe viel Zeit in einem template für den Recyclerviewer verbracht, da mir viele Internetseiten nicht helfen konnten. Es waren die ersten Schritte um
- richtig zu verstehen wie eine App funktioniert und wie sie Aufgebaut ist. Ich habe mich davor schon informiert jedoch wurde es mir dort richtig klar. Ich habe gelernt
- wie Behälter über einen Key von Java Files aufgerufen werden und mit Daten gespeist werden. Ebenso habe ich verstanden, weshalb in Programmen, basierend auf Java, viele
- Klassen erstellt erstellt werden müssen, weil jeweils nur einmal die Variablen, Funktionen und Konstruktor einer andere Klasse implementiert werden können. Das heisst,
- wenn eine Klasse zwei Funktionen aus zwei unterschiedlichen Klassen verwendet werden soll, muss eine der beiden Klassen die andere Klasse implementieren.
- \subsection{Recherche Tools / Quellen}
- \subsubsection{Internet}
- duckduckgo, arch wiki, stackoverflow
- \subsubsection{Bücher, Artikel}
- \subsection{Dokumentation(-stools)}
- \subsubsection{Latex}
- \subsubsection{Pandoc}
- \section{Programmstruktur}
- \subsection{Sicherheit / Security (Features)}
- \subsubsection{PRIVATE MODE, Sandbox}
- \subsection{Code Kompaktheit}
- \subsubsection{Maintaining}
- \subsubsection{less bug/error-prone}
- \section{Umsetzung}
- \subsection{neutraler Bericht}
- verweis texdiary
- \subsection{Beispiele aus der Umsetzung}
- \subsubsection{Bugs}
- erklärung woher, warum falsch, wie gelöst
- \subsubsection{Probleme / Hiccups}
- Gründe
- \subsubsection{Kommunikation}
- \section{Einschätzung / Schlussfolgerung}
- \subsection{Fremdeinschätzung}
- \subsection{Selbsteinschätzung}
- \subsubsection{was lief gut}
- \subsubsection{was lief schlecht}
- \subsubsection{was würden wir gleich machen}
- \subsubsection{was würden wir anders machen}
- \subsubsection{abschliessende persönliche Schlussfolgerung}
- \section{Danksagung}
- \end{document}
|