From ec5099a48a640f49a65604983bc742d885e6b240 Mon Sep 17 00:00:00 2001
From: Valentin Bruch <valentin.bruch@t-online.de>
Date: Fri, 3 May 2019 14:04:25 +0200
Subject: [PATCH] added TikZ-version of Editor -> PDF viewer

---
 workshops/latex/.gitignore                    |   1 +
 workshops/latex/figures/texstudio-compile.pdf | Bin 0 -> 16805 bytes
 workshops/latex/latex.tex                     |  46 +++++++++++++++++-
 workshops/latex/minimal.tex                   |   5 ++
 4 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 workshops/latex/figures/texstudio-compile.pdf
 create mode 100644 workshops/latex/minimal.tex

diff --git a/workshops/latex/.gitignore b/workshops/latex/.gitignore
index 4d592be..4da7335 100644
--- a/workshops/latex/.gitignore
+++ b/workshops/latex/.gitignore
@@ -1,2 +1,3 @@
 bin/
 *.pdf
+!figures/*.pdf
diff --git a/workshops/latex/figures/texstudio-compile.pdf b/workshops/latex/figures/texstudio-compile.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..3208bd3f53bbaea04aad682d41c0f05683aa4398
GIT binary patch
literal 16805
zcmY!laB<T$)HCH$-THRjZ!QxB1BLvgEG`=x1%02?y!4U`1ycnBg&-~k1qFS#%$$<c
zA_aZ7oWzn;m(=9^lvFM|JFeoAqSVA(u8KKxL%j2%4SDXo7Kst>_~X$jvh_UcrdL)U
z7R6cca^+Y3;rrS-@eA`3vj^tR-cK?-Y?m?LXFuj|Znb}j{EvC__<xlxzU;sF`1LO>
z9+sajYL`|i9tdl#vTNabp2Qnrvca6y%vCANEaU3I^;e?8w!2*2<gxf!h;$L(gN=6c
zc7BfX*!uk1DZj<;dRvoju6iV9qp1I+WKFS(vGPGZ-b1mTHs;SFvJ=uLO<U{v;bXq?
z^)p%yoqPINk2KBs_~gvHjY~xo?TVf%%uRIqrpWqI+vf1Y=<Y+0d^p`1syDy(nI6Km
zF<sO2jJETlR%O;np~@voquN`!XI(vDs<a}X+tk-XV#o7EiXl(;o{U;nemQyV>BkHY
zKUTCIFOI#Xw%#OPZE?#XlQ%or%ufE@(5mRM&27R8>m$q0UQm`^9{WeieWRq51n)ey
zEy*THQ+BGT@NZR3(=lj~au57{d)4~*7u8i3iyj*uVUA!tBr$(pWzUDVmtK@f8vil7
zS~vgIi|^c9r^?-Vt+Dz4OjQecy{3ik(a+s?%TFkJzIM}s^8wFd4f}+SeOvTJ;h|~w
z*YBHtO=3M`{7qO?K0ecHs;E}<>z6y%1ng~p#q}~@ebvpa?V;}sL!RAKwMmuyYofv?
z{Pji2MBj58SwGJyTaa+V@Ipr!e?7yi9oq7?RrlFqHs5TM-d>up?QX|j!R;zu8&VSI
zg<D#9eR$E9{@L;IHMc~`{tx1dv>*S|uj(_-)Sdl!$BPRVcIViPor+ZsS-<|1UVKUY
z&d=?ZFOA=QdD~ZC@_ez^4&i*29jSH8SIbZC_OrWZua>##|LfUr9H%C0ReSAcU<|VV
z%$1s#0!?(Oc`2ae3QD6OT0ud<%+LZP58@dsz!Eb!`MOq=xCfUcmZU1!*nk8;NjlL$
z0hH989Tg1pOpVPfP0SSZlM@jfJ3F{aLzqfKuo6QBBsn9PoPnN&DOeiJKvH3hP+<&H
zVQh+Qh6zFiOaZcdv7w=Yp&=|Ug4|wgXs%#rjw)iQU}%XVVq~ab1lI*|kA84QVoGLS
zI@rGA408pr84CKv8I}rQ%^;?snS!Ai$RsewLc!1i#xXKbFfsshpvFb`CuOB3mw=6{
zFjIi)s<2RiYN;?ZQZO_E>(H+-G*&PK#Y>Qaeubflf+48D0kcgN3_-CN1PT&6J6IHg
zw1J`$6iFeK1*r=90g36U3aSc*pm@;_NGwXtD^Y-ZP~SH-B{R_}zd|8e0pvzYGX+aC
zg;=m!=lr~q)Vz{n1+bN1A@`#E(gLK^0I>lq3X%r}a<GDaNKs;5aRJDt<Vu*Zr$R|l
zX)2889IT-4l3JFToEqfr1QLXXOi*fZerZv1YOw;?%b>y%nqa}<f$A}6FoLwhie5tl
zOE4E(!3%a=X;KL|P~7s1a=|K{AbvNpR4_D9FgH`MfcYNmDSCL73zE6?@#i+wJOmA{
zfW(rL)S^6aLMkvc0C~Yc0hS<;D;n*P3;Z5Bnx49+f(!V<F6bMW1aOpn3%=lQ65yf#
z%;<u#nR%$jbEAL{OpkQdy@+6Cwq<S=(GzBkZ*^jgb!KH&Xqj+wXUwi+4t*1y)-~w`
zOz&)U>SOXaa){-`2?q~0ZI&X|B1VSY9a3(fbckBi7$GM~x6-`ilFa-(aKbSH$AC+I
zZenI0IQ<#IQl0^nYXB241Pd7G85<Z{nt@U;B#HVd7$T(+P__gm5d|;+<p5~LMc4+G
zQP6kJ&&e+eE=WvHMN5Zp`TU}kVuff0b3;8dBQp~N69q#fV?A?Y3v&~51rswpBO_Bw
z6GH_f3q4B{BTFL-h&!RWF?|G;aIGjw%}Y^;2ImC`0rm$}8WuPT;2;AxArurq*&CV%
zj6j(J<Ux?vV2Tlb)5o+|-x(5;26`4|W@cuf00LX6?+go215*=A15gY>#8CqjRJeic
zgSZc5D{_DugQ5>2MSOsoSm+rU8<?A#Dp;848CzHy8G$S@G1s#+HnB7@Q7|{xGc`9d
zGc{E(g+@Nq229UEC5R4GQ0QR^R8Z*#@+8Q6qy(y-g}H@^u_34|g)t#v2nky~b8x^K
zDi}an5J}VkHUgF4WLOT*D3EBxX0#!wIENVxP9*x!;sO+HFg92Mk`H|oONuf<^?<H{
zo;k=}1|X-KDwu%`g4h6!eUJeP3gA))DuOTu8Yx6)FiS%{a|=@=6AJ}HLnA#?1xrIc
zOG_hj12Y8^6Fnmfa|2Uofeba6@?-#tZ=_^^RCR(X;z1N*?nQ~P>JwCVIp;&mB>D##
zC^cXYGEj*E3o>Z;#|Yet0i_YF{U4B5z{y1)x&98usF*=DG*}&^;exZChBp~NHbPS+
zyefr?LDCK=gF~CI$%zVv3i{5D3ZO<QL>5w|LfEj}fuX&?$V|ZqluW>tEJQIxqdvI3
z0M!7p3G8+hQIOBEw~jzEC=Dc#0HTeAlo0IfK=mE8f~}aN{p1p)3cm!a-aYg{)w@x!
zhTplzMgax^8%&rNE(%#^vd%$|!FoTB6PEfJ6knh?R8UYbH3G?lIN)L##6bAPH?cSy
z<U##l1%02=+|0cE;>;3o3e|U4Fao87Adusrl@++@jcNc&wCD$e%u@i{15R6@ZUiK*
zLGc2%$k8)cAuTbd7~E@ynrjRyj$r1JR9<5*kVz=5!R>pH)sTn>g$%{zpRuW)nUSTb
znUR8_p`MAkrMaaksC{8>YGH0}qF`>IXJKS+Zel{+_60Z$!GVs_zAy$gtjP5rQX&PX
zURY^0ARYwQt5`e;YUqGG2#Pvrab*l|7SN!$(lr5f3Qf%v%uMx+!2lAG`ZOuEpotNb
zbs#AeS{xQ<7#k{pBX^J#TbIFwR@epoa|UK18s{D`F{nIc@dFh-(2@<7*FkXuiZ2BP
z1tSxXJcwfqs=+}FP%J`<Sx`{|@;26@$ru#tC`A*ftU@&aThRoz2b_qAEt){}B+OhA
ziY8DS5~W3lEP&cz1dl3!tbjx?C<LIf4h{%#OAaDMe3KlMJk9ltj4cdJOcabw^o&hR
zO^gf`Obql4%?&NgO(97ZYAVI;FJn+3fkPFw>;cuP<a!KO*+XBS;VN{HQyZ+%0oA$S
zKp4)2j+ufnC{_nyp%V-#bpEjfg9;V2LI)H#(3FT&=zzMZAW=}31Lrk;{DlrE)=>%_
zOarhMIv{0`lmTj_f(tdg?IG~cBFJHo3<`1{#U+A?k)ElEg^7isf}ydVrIDez8F<ix
z#*Gr}1%nB!y+@A!a1{&#;z1ncg9)tF1&TUo`CtO6vOo<fTtk_VG)PV#3ehNmHY@4f
z8Zj|Y0LSX!D;Nv|AO*uSY^@P+q(E~TqF^wAwNXIP2Z<EC1p_#`kqZX!Yy-$xgaOzJ
z2CzM(6bzuE7iKIhS;4ayMb!?pFAmC>$nyo@9xy#d%oR*PEkJM>LW}N-IiUfDe$0+M
zZ@!BLE6<JmU6z~g-Q40L80FH~B+}wBG2lb(o4pzuXEW3CZ03Dk84?nu&7T@Fhkr-?
zdW%1IPU-g_T=Urc$?`)#wASY@45^vYmOf|0lGRDS-}R?PK7OAeVWG6q^xy(5#~EQ;
z6)vfN?2ug&yYYCERpsm8A8wInR_tD+*%=`rb5^O+*)Cn^LPE^m<}=r_Bl^p?gk7qN
zd_K$TNcv{MuzrtF9ivYZ4_3HX78*S($-W>Vu57BgGKa0X{E?n?&TMua$+-=kcc0(c
z#kC{o@kzGhsVDT;CizRx5;vSJdn7qq#Q4wr!v6EK7u(%Q3@>}i-?2BW3$y+*0Yx$>
z;z5mOQv;9!5Dy$?AO?BU4Txbf3-}}<e8$@ZQrS^jTn&7>0_7RhbX6L(JMV}A&+WgW
zv$#XHrrN$a|KbY&j)mq=xMV*4cW_m=T;Tlh;1cCPley`Y)8cmeE%oI0lF%~Q$@TTv
zUFD4uA2__<JS$oJ!S$-xeT}Bv3dK?}&Mrr(l{*hO*p|(EtD`bk=Aypj>N}yE-^?+R
z*|Q|?*33xrpfht-cJnOpRhE=lyYSlNyB<xpEH$;fQpe7!1TI{-x?$E5wQt9AdA5Af
zyP}oNJX6>C!NxU9_V^uts%#M9ws=yw$G5K6Zr?9iZ#{TP^x@akixWNkPp4Vj@+ft!
za4KgFoAac`J}|=5@xjTv30I!vpSaflrmx5Md=KM<kGCd%3=Cg4!GC7>3Clx9Ti)Dk
zh^+{-FO-^eI$7vU?6cEHKlRq!{q{t9-J|0d5B)sg&JcLrd5z)sNskI{f9z*m9+)rj
z>VIhM-i!W~>nlEXu|9Cv?*8*e>80;}^1p4ZzgPb}^Obw0MNc#+O+s@nw5JD7L7>#B
zprBxEVhmCM;+cRV1jN9TXp2oO6-?l*Cg^A!v<U<rqb|-cu~0ApC0lTXgGkBXc~yw%
z@T6=Cs*NGVEG0GXfG1^BQ0a`ClzscGvz#4yTz^L%UCTV}t90*{o{-1`+Ml>?C*1p|
zD8-?;VnW}A=X;J<O9)S2{J~{<V3ShVj0t+Lqf+xCjHS~w`g(JiIE}b%7OXbUaj5cn
zwLMUJW^r?<(~L8<!JhjU=U6Q8jN5pB4eQ$}O%p?W>yy~e{ht;uU(qXlImlbkz_YbI
z@$}{j$IM-Bzt@RP2r0XB$78YA?_0%p)@T0MSFr!w${puE-u%d%d(E^66#b~_0~{@&
zs8Uc+Ff@mcQi6R662_N4OpO&xL6tN(R<WiJQzHdaaEl8x*@l!pK-CPybVT|9m9Aiu
zhISQd3i2Cj`ba%*>&Ifq!}`E(d4=hvs>k<_9AEH=A=rSmd&{if-ZvbYCrH<a<?OXN
zUi@Oo%r@CArXL(EC+$DWm^x|cT7f*>`)lRo-mdJK`h;12f@|=rje?(lm6~mjaNb-t
zS7+(eoV7Z#6Jj5~IQ_2Fds52(mJdhncd(zUUwA+6gJs_2X)n^;O6Mdld~x1q+Y#Rr
zzKbrc=Q<m`tkJY{dF0mP$#?YQEA|)c_v4RwUa|HUQ@o0m5SAnYiWyLBfs=?SNCAik
z_9%#fH;I@ln8NEY>`BB-!4y;&p%)=AOF@k{Xe-MUUKkDWBmyonK|}h`yjU?Owa=34
zumg|lZ_CzK4Nor`MfFY8VlNOBFFf$$pMbAIsDRV|!;cqko_m&klLpVRcZ}>i5`Q#Y
zym<Bj>pP1>Y0G5-I@G#8n6qjb=NOyo_WfvIy)g4n%GG6i99+}bMSV_drkhOET-5RE
z_kHVr={>g>NnA8ucwMJO#i&x~&;u2<6|R>;lyCHHiz}TkzUF$K?7F>ov+Z6yGY|*G
zHPnsJ`UD&YpjZbb22*%_VhZvSNElyYFf&vDFEIe;a;%BL%m6Ygik2A6KxGKTbOn79
z#{WPQt%hbMph-^yJp)q%OA7;7&kQm<p<tkgLmqW>5M0TD96(NA8M+b&qE#O;+i0d|
zY;J65WUOFlWT0naWNu+@sbC2gG%?dNu&}f+Hlpq*Avh?(5r8sEXa*|B$@L(v!2pD3
z=;=coqXA~1av9`9qyohZRLFn>gQ5Zj`;4lt5om1-s7qyN2%T!D_jrJru>v?^!PyCt
z{-D_o+@%DKfk9_7ApL7(QBa?Q%9E-{vlGT);PC)eMr;Fx;AjCw6{w>HpPeuR)e<04
zPy|BUi+4N#9O2-K7+Q3J+p?$zU>gqr+XG1y#0?aJTR0$dAt4NM9<-GVb|qP>dCU#<
z%*{=WK!pRS8~}$1rkJswp{bb>edZCsYn;gSC9V<z(@O@Rm0@UJr-?Ul6%&Yx4Bj*~
zqfWa6dof{Vp=V+Snj%s#G|@9RH!w6X2d&jIvoy3YGF33N&@;3&H#3FS0(37x%oV`#
zJ_rkta7Y0n$`X#*NC8I}G_4{A6wN_BH;^bOhk~;v{+R|dP*OlHK){_HR0FUTAYgk)
zDL~9YU1ONJq%?2zEKLjz&CS3o<xC+9I3erFAgvpm(x{CaaPu2v{qQKiz@Z5aev}rD
zIjjvyjxUE!`DG4k$bk|$wBKY7YWjdfga*wVQ2AwGW?*0lF24*cP0UTf<(ILE0ceH2
zg`T0Yxq+c2q!ml=^2^*v0UYmxulzC(f|OrO*cw3K2!rNGr1A^YS_O%MqLzsA3!D^C
z$}dn)9Mu4<<rl~vNOB>r0R&#i3Nn|Rtc9a@WN4^oYHnd@WU63hqGxIhVi<r{a-j<v
z!<2ywK8ORbtk;H05WA!q$65+=SQ8Xt94H=$Z|UJGLk8BTIGRD`$VmlOj6mu`P{)9h
z5nSxeAVWhv10zsx*UUiA(Ad(<0MsqkGcq+dHMdkSv(U3NGcht7pl+188E69wbOQ(^
z>IX?T${e!ZLRAb~E65xaU(jrcREmHavmjAW>LsQW0i^`wQUpANgK7ZQQUqiVDWwQ<
zBM9Oy&<3kwP$yO2I}^NV1XP6wL2DA{{8G?<E6^w!w0~!T+`bDa%1<dxPAyW<NKVWw
z%2zPdGc?mPP|(OIDJdwn($@!zrWYj^WMn26>*W`vYifdRaxO|u1nr}70qxGyaIrEn
zFtju<H83(XH?}k|h|)y157WiYi6x0S`RQPjz^(^1%@mMBuc9b5jmtp6!idWN4iwBx
zO^r<z(i9+KhM*N93Se1<JgAs~p`nE_x|o4EXaycfAwr#j0ci6YnwU9g&jPBLxv{Z1
zx_O3{pxGicb(WawjEpQy(DfRbgO;bG>NU0iMG2~yp|PbUx?T%2&@2S1I!i-KQ*?Ef
z=Ae}VsOn4%EDh1snHqpbDN)s#8iA&~P{quQ3=Giqni*MGpo^IsfrbuH^%`1$)*GOT
z85x4wo@ipGpbd6tVrH0OYHR>n6^W|O*cj6eV{=Q4bYN_O8Ry29pzaH*c_zk~>P$>Q
zD@M@NS%Ml(=wg-_ac*jenO;myKqF45dQHtNFyhF}5Hv}Ms?N+1RPUmRVF^DobIkBF
zHw2ArqUtp_#7w8=7NBt<G<8_w(!vxpZ-J`L!W1Kp3=NDe&Ct?|p`kITj6~IIX=s2E
z29^e(A{s@Vp`i&zS~D~<0ZqrDs57uM1C2?ei-Br$6fr|1Gtk%(s+h4EXp9S0%)k)T
zTtpYcu-DMo95nBPs?Nk5)B;2mGcW=T9H5DrftKW;iCJKzAwxqWPy-lMouLtya5ghX
zFG~y!EiuYELnC91G-+sLY=K_B7#f)xqvw4?BMXdj$k5mjv{ePwea4`63P{KRUKSe~
zn_<Mcp|Pa}dbw+8VuTqkCT5uNVPb~q786U1d}L^9fSe9WiV`z(Qj5R`DFkO$rGn}n
vP#Z2NKfgo)lrf=aDtP9l<tu;+Y)E}oT#{H+0<NtLO%2Q~xKveL{oS|#_fd9{

literal 0
HcmV?d00001

diff --git a/workshops/latex/latex.tex b/workshops/latex/latex.tex
index c726996..9dfa0cd 100644
--- a/workshops/latex/latex.tex
+++ b/workshops/latex/latex.tex
@@ -7,6 +7,9 @@
 \usepackage{verbatim}
 \usepackage{dtk-logos}
 \usepackage{hyperref}
+\usepackage{tikz}
+\usepackage{listings}
+\usepackage{calc}
 
 \usetheme{OSAK}
 
@@ -39,7 +42,48 @@
 \section{Motivation}
 \section{Dokumente mit \LaTeX}
 \subsection{\TeX{}studio als Editor}
-\subsection{Aufbau eines \LaTeX-Dokumentes}
+\subsection{Aufbau eines \LaTeX-Dokuments}
+\OSAKthemenologo
+\begin{frame}{Aufbau eines \LaTeX-Dokuments}
+  \begin{columns}[T]
+    \begin{column}{.35\textwidth}
+      \LaTeX übersetzt\\
+      Text in ein PDF
+      \begin{itemize}
+        \item Formatierung durch\\Befehle im Text
+        \item Automatische Formatierung
+      \end{itemize}
+    \end{column}
+    \begin{column}{.63\textwidth}
+      \vspace*{-4pt}%
+      \centering%
+      \begin{tikzpicture}[even odd rule, scale=1]
+        \coordinate (text) at (0,0);
+        \filldraw[fill=blue!25!lightgray, draw=blue!25!lightgray]
+        (0,0) rectangle (\textwidth, -.5\textwidth)
+        (2pt,-15pt) rectangle (\textwidth-2pt, -.5\textwidth+2pt);
+        \node[anchor=north west] at (0pt, 0pt) {Editor: HelloWorld.tex};
+        \node[anchor=north west] at (4pt, -12pt) {\parbox[t][.5\textwidth-27pt][t]{\textwidth-12pt}{%
+            \lstinputlisting[language=tex, basicstyle=\small\ttfamily]{minimal.tex}
+        }};
+      \end{tikzpicture}\\[-11pt]
+      \includegraphics[angle=-90, width=.1\textwidth]{figures/texstudio-compile.pdf}\\[2pt]
+      \begin{tikzpicture}[even odd rule, scale=1]
+        \coordinate (text) at (0,0);
+        \filldraw[fill=blue!25!lightgray, draw=blue!25!lightgray]
+        (0,0) rectangle (\textwidth, -.4\textwidth)
+        (2pt,-15pt) rectangle (\textwidth-2pt, -.4\textwidth+2pt);
+        \node[anchor=north west] at (0pt, 0pt) {PDF viewer: HelloWorld.pdf};
+        \node[anchor=north west] at (2pt, -15pt) {\parbox[t][.4\textwidth-27pt][c]{\textwidth-12pt}{%
+            \centering
+            \includegraphics{minimal.pdf}
+        }};
+      \end{tikzpicture}
+    \end{column}
+  \end{columns}
+\end{frame}
+\OSAKthemelogo
+
 \subsection{Beispieldokument}
 \section{Präsentationen mit \LaTeX-Beamer}
 \subsection{?}
diff --git a/workshops/latex/minimal.tex b/workshops/latex/minimal.tex
new file mode 100644
index 0000000..93aed07
--- /dev/null
+++ b/workshops/latex/minimal.tex
@@ -0,0 +1,5 @@
+\documentclass[ngerman]{article}
+\usepackage{babel}
+\begin{document}
+  Hallo Welt!
+\end{document}
-- 
GitLab