summaryrefslogtreecommitdiffstats
path: root/slides.tex
blob: b252b5a523560d6dc1e95eed6a641ffdb247a45b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
\documentclass[aspectratio=169]{beamer}

\mode<presentation> {
\usetheme{Hannover}
  \setbeamertemplate{authors}{}
  % Remove navigation symbols.
  \setbeamertemplate{navigation symbols}{}
}

\usepackage{color}
\usepackage[utf8]{inputenc}
\usepackage{listings}
\usepackage{graphicx}
\usepackage[font=tiny,skip=0pt]{caption}

% Use symbols instead of numerals for footnotes.
\renewcommand{\thefootnote}{\fnsymbol{footnote}}
% Reset footnote counter every section.
\makeatletter
\@addtoreset{footnote}{subsection}
\makeatother

\newcommand{\iconframe}[2] {
  \begin{minipage}[t]{3em}
    \includegraphics[width=\textwidth]{#1}
    \captionof*{figure}{#2}
  \end{minipage}
}

\title[The Chromium mess meets Android]{The Chromium mess meets Android}
\subtitle{Proposals on how to get a fully free WebView build or replace it by something completely new}
\author{David Ludovino \and Jeremy Rand \thanks{\footnotesize with support from Andrés D and Kurtis Hanna}}
\institute[Replicant]{Replicant}
\date{}

\begin{document}

\begin{frame}
  \maketitle
\end{frame}


\section{What is WebView?}
\begin{frame}[fragile]
  \frametitle{What is WebView?}
  \begin{columns}
    \begin{column}{0.6\textwidth}
      Renders web content (HTML, CSS, JavaScript) inside apps.\\\bigskip
      API has been around since Android 1.\\\bigskip
      \lstset{
        language=Java,
        basicstyle=\scriptsize\ttfamily,
        keywordstyle=\color{blue},
        stringstyle=\color{orange},
      }
      \begin{lstlisting}
public class MainActivity extends Activity {
  @Override
  protected void onCreate(Bundle state) {
    super.onCreate(state);
    WebView v = new WebView(this);
    setContentView(v);
    v.loadUrl("https://replicant.us");
  }
}
      \end{lstlisting}
    \end{column}
    \begin{column}{0.3\textwidth}
      \includegraphics[width=\textwidth]{img/webview-sample.png}
    \end{column}
  \end{columns}
\end{frame}

\subsection{Which apps use it?}
\begin{frame}
  \frametitle{Which apps use WebView?}
  Apps that render HTML: email clients, RSS readers, etc.\\\bigskip
  Became pervasive with the advent of cross-platform mobile frameworks.\\\medskip
  \begin{block}{Half of the apps listed at PRISM Break depend on WebView}
    \vspace{1ex}
    \centering
    \begin{tabular}{c | c}
      uses WebView & does not use WebView \\
      \hline
      \iconframe{img/k9mail.png}{K-9 Mail}
      \iconframe{img/osmand.png}{OsmAnd}
      \iconframe{img/nextcloud.png}{Nextcloud}
      \iconframe{img/ttrss.png}{Tiny Tiny RSS}
      &
      \iconframe{img/orbot.png}{Orbot}
      \iconframe{img/fdroid.png}{F-Droid}
      \iconframe{img/andotp.png}{andOTP}
      \iconframe{img/shaarlier.png}{Shaarlier}
      \\
      \iconframe{img/i2p.png}{I2P}
      \iconframe{img/wallabag.png}{wallabag}
      \iconframe{img/openkeychain.png}{OpenKeychain}
      \iconframe{img/etesync.png}{EteSync}
      &
      \iconframe{img/briar.png}{Briar}
      \iconframe{img/conversations.png}{Conversations}
      \iconframe{img/silence.png}{Silence}
      \iconframe{img/tincapp.png}{Tinc App}
      \\
      \iconframe{img/syncthing.png}{Syncthing}
      \iconframe{img/signal.png}{Signal}
      \iconframe{img/dandelion.png}{dandelion*}
      &
      \iconframe{img/keepassdx.png}{KeePass DX}
      \\
    \end{tabular}
  \end{block}
\end{frame}

\section{Feedback?}
\begin{frame}
  \frametitle{Feedback?}
  \begin{itemize}
    \item Questions
    \item Comments
    \item Ideas
    \item Collaboration
  \end{itemize}
  All welcomed!
\end{frame}

\begin{frame}
  \frametitle{Licenses}
  \begin{tabular}{l | l | l}
    item & source & license \\
    \hline
    K-9 Mail logo & \url{https://github.com/k9mail/k-9} & Apache-2.0 \\
    OsmAnd logo & \url{https://github.com/osmandapp/Osmand} & CC-BY-NC-ND 4.0 \\
    Nextcloud logo & \url{https://github.com/nextcloud/android} & AGPLv3 \\
    Tiny Tiny RSS logo & \url{https://gitlab.com/derSchabi/tttrsss} & GPLv3 \\
    I2P logo & \url{https://github.com/i2p/i2p.android.base} & Apache-2.0 \\
    Orbot logo & \url{https://gitweb.torproject.org/orbot.git} & BSD \\
    F-Droid logo & \url{https://gitlab.com/fdroid/fdroidclient} & GPLv3 \\
    andOTP logo & \url{https://github.com/andOTP/andOTP} & MIT \\
    Shaarlier logo & \url{https://github.com/dimtion/Shaarlier} & GPLv3 \\
    wallabag logo & \url{https://github.com/wallabag/android-app} & GPLv3 \\
    OpenKeychain logo & \url{https://github.com/open-keychain/open-keychain} & GPLv3 \\
    EteSync logo & \url{https://github.com/etesync/android} & GPLv3 \\
    Syncthing logo & \url{https://github.com/syncthing/syncthing-android} & MPLv2 \\
    Briar logo & \url{https://code.briarproject.org/briar/briar} & GPLv3 \\
    Conversations logo & \url{https://github.com/siacs/Conversations} & GPLv3 \\
    Signal logo & \url{https://github.com/signalapp/Signal-Android} & GPLv3 \\
    Silence logo & \url{https://git.silence.dev/Silence/Silence-Android} & GPLv3 \\
    Tinc App logo & \url{https://github.com/pacien/tincapp} & GPLv3 \\
    KeePass DX logo & \url{https://github.com/Kunzisoft/KeePassDX} & GPLv3 \\
    dandelion* logo & \url{https://github.com/gsantner/dandelion} & GPLv3 \\
    everything else & this slideshow & CC BY-SA 4.0
  \end{tabular}
\end{frame}

\end{document}