[information-technology] init

index.html

@@ -16,6 +16,7 @@
       <tr><td>✓</td><td><a href="revealjs/alternative_energy/handout.pdf">Alternative Energie (handout)</a></td></tr>
       <tr><td>✓</td><td><a href="revealjs/passwords/">Passwörter</a></td></tr>
       <tr><td>WIP</td><td><a href="revealjs/machtergreifung/">„Machtergreifung“: Von der Präsidialdiktatur zum Führerstaat</a></td></tr>
+      <tr><td>WIP</td><td><a href="revealjs/information-technology/">information technology</a></td></tr>
     </table>
   </body>
 </html>

revealjs/information-technology/1-history.md

@@ -0,0 +1,84 @@
+background-image="img/apple2e.jpg"
+
+<h1 style="transform: translateX(-140px) translateY(-125px);">History</h1>
+
+<notes>
+ * Simon
+ * large topic
+ * to save time: only Internet (de facto the modern IT)
+ * development of concepts needed for today’s products and companies
+</note>
+
+---
+background-image="img/mainframe.svg"
+
+<h2 style="transform: translateY(-200px);">ARPAnet</h2>
+
+<notes>
+ * ARPA: Advanced Research Projects Agency
+ * goal: optimize efficiency by sharing computers
+ * (Mainframes only used by 1 person simultaneously)
+ * 1969: First use; end of year: only 4 computers
+ * next years: + institutions in Hawaii, London, Norway
+ * Problem: difficult to manage large amounts of nodes in one network
+</notes>
+
+---
+background-image="img/packet-switching.svg" background-color="white"
+
+## Packet switching
+
+<notes>
+ * helps avioding congenstions
+ * split data at transmission
+ * join it back when receiving
+ * think of it as:
+ * cutting photo in half, putting in 2 envelopes
+ * recipient glues them back together
+</notes>
+
+---
+background-image="img/tcpip.svg" background-color="white"
+
+## TCP/IP
+
+<notes>
+ * Vinton Cerf
+ * TCP (transmission control protocol)/IP (internet protocol) stack
+ * allowed data transfer and communication between over 4B nodes in network
+</notes>
+
+---
+background-image="img/email.jpg"
+
+## SMTP
+
+<notes>
+ * one of the first applications
+ * base for e-mail transfer (still in use today)
+ * most traffic back then
+</notes>
+
+---
+background-image="img/www.svg" background-color="white"
+
+<h2 style="transform: translateY(-340px);">World Wide Web</h2>
+
+<notes>
+ * historically more important; by Tim-Berners-Lee (1991; CERN)
+ * developed HTML, HTTP and concept of URLs (all still in use today)
+ * first web browser
+</notes>
+
+---
+background-image="img/money.svg"
+
+## Commercialization
+
+<notes>
+ * development of Mosaic
+ * rising popularity of AOL
+ * enabled users to browser the internet from home via telephone line
+ * search engines, shops, early social networks
+ * → fully suitable for end users
+</notes>

revealjs/information-technology/2-products.md

@@ -0,0 +1,11 @@
+
+# products
+
+<notes>
+ * Jannik
+ * products and services
+ * Twitter
+ * YouTube
+ * Adobe CC (Photoshop)
+ * Hardware
+</notes>

revealjs/information-technology/3-companies.md

@@ -0,0 +1,75 @@
+background-image="img/franz/gears.jpg"
+
+# companies
+
+<notes>
+ * Franz
+ * Für Dich: Ein <em>commercial</em> ist ein TV-Spot, keine Werbeanzeige!
+ * talk about it
+</notes>
+
+---
+background-image="img/franz/google.png" background-color="white"
+
+<notes>
+ * **advertisement** at the top of search results (“sponsored links”)
+</notes>
+
+---
+background-image="img/franz/sponsored_ublock_links.png"
+
+<notes>
+ * keyword: targeted advertisement
+</notes>
+
+---
+
+![logo](img/franz/gmail.svg)
+
+### Gmail
+
+<notes>
+ * another (geil franz, adm. d. Red.)
+ * gmail monitors all inbound and outbound messages
+ * analyzes content and shows ads relevant to information from your e-mails
+</notes>
+
+---
+background-image="img/franz/facebook.jpg"
+
+## Facebook
+
+<notes>
+ * a big cooperation which also owns instagram and whatsapp and makes money
+   with ads and personal spying
+</notes>
+
+---
+background-image="img/franz/crowd_photo.jpg"
+
+### Instagram
+
+<notes>
+ * shows “sponsored posts” based on your interests (personalized advertising)
+</notes>
+
+---
+
+![logo](img/franz/whatsapp.svg)
+
+### WhatsApp
+
+<notes>
+ * no direct profit
+ * shares user data with facebook
+</notes>
+
+---
+background-image="img/franz/music.jpg" background-color="white"
+
+<h2 style="transform: translateX(-400px);">Spotify</h2>
+
+<notes>
+ * subscription fee
+ * personalized advertising
+</notes>

revealjs/information-technology/4-end.md

@@ -0,0 +1,26 @@
+style="font-size: 24px;"
+
+# end
+
+## sources
+
+ * [“HISTORY”: Invention of the Internet](https://www.history.com/topics/inventions/invention-of-the-internet) ([archive](https://archive.fo/MpkO6))
+ * [YouTube/Kurzgesagt (en)](https://www.youtube.com/channel/UCsXVk37bltHxD1rDPwtNM8Q): [Who Invented the Internet? And Why?](https://www.youtube.com/watch?v=21eFwbb48sE)
+ * Unsplash: [Audronė Locaitytė](https://unsplash.com/photos/dOa86W68KD4), [Markus Spiske](https://unsplash.com/photos/68ZlATaVYIo)
+ * [ZDFinfo: Geheimnisse der digitalen Revolution](https://archive.org/details/GeheimnisseDerDigitalenRevolution)
+
+<hr/>
+
+ * [The Verge: WhatsApp to start sharing user data with Facebook](https://www.theverge.com/2016/8/25/12638698/whatsapp-to-start-sharing-user-data-with-facebook)
+ * Unsplash:
+   [Malcom Lightbody](https://unsplash.com/photos/401OD83Ke6o),
+   [Tim Bennett](https://unsplash.com/photos/OwvRB-M3GwE),
+   [Gian Cescon](https://unsplash.com/photos/N0g-deioHO4),
+   [Malte Wingen](https://unsplash.com/photos/PDX_a_82obo)
+
+<hr/>
+
+ * ​
+ * ​
+ * ​
+ * ​

revealjs/information-technology/img/franz/gmail.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.2" overflow="scroll" width="240.002" height="180"><path d="M224.957 180H14.997A14.997 14.997 0 0 1 0 165.003V15.032A14.997 14.997 0 0 1 14.997.034h209.96a14.997 14.997 0 0 1 14.997 14.998v149.97A14.997 14.997 0 0 1 224.957 180z" fill="#eaeaea"/><path d="M29.995 180H14.997A14.997 14.997 0 0 1 0 165.003V15.032a14.997 14.997 0 1 1 29.995 0z" fill="#d54c3f"/><path d="M209.96 180h14.997a14.997 14.997 0 0 0 14.997-14.997V15.032a14.997 14.997 0 1 0-29.995 0z" fill="#b63524"/><path d="M233.545 27.33a15 15 0 1 0-17.177-24.596l-96.38 70.171-.01.005-.01-.005L23.586 2.734A15 15 0 0 0 6.409 27.33l-.4-.295 113.969 82.978M233.95 27.034l-113.973 82.98" fill="#de5145"/><path d="M224.957.034c-3.195 0-6.16 1-8.589 2.7l-96.38 70.171-.01.005-.01-.005L23.586 2.734a14.937 14.937 0 0 0-8.589-2.7z" fill="#efefef"/><path d="M30 50.965L4.724 25.929l-.01.02c.53.5 1.095.96 1.695 1.38l-.4-.295 23.996 17.472L30 51.145" fill="#c64132"/><path d="M103.32 122.966L29.995 180 30 50.34l73.305 72.607" fill="#e3e3e3"/><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="14.001" y1="30.744" x2="32" y2="30.744" gradientTransform="matrix(4.99903 0 0 4.99903 -39.992 -69.952)"><stop offset="0" stop-color="#c8c8c8"/><stop offset="1" stop-color="#cdcdcd"/></linearGradient><path d="M103.32 122.966l16.658-12.953L30 44.506v5.834l73.305 72.606z" fill="url(#a)"/><linearGradient id="b" gradientUnits="userSpaceOnUse" x1="28.665" y1="36.447" x2="50" y2="36.447" gradientTransform="matrix(4.99903 0 0 4.99903 -39.992 -69.952)"><stop offset="0" stop-color="#d9d9d9"/><stop offset="1" stop-color="#e2e2e2"/></linearGradient><path d="M160.275 180h49.685V44.5l-89.983 65.512-16.672 12.933z" fill="url(#b)"/></svg>

revealjs/information-technology/img/franz/whatsapp.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="180" width="178.541"><path d="M47.19 154.703l2.918 1.46c12.162 7.296 25.784 10.702 39.406 10.702 42.81 0 77.837-35.027 77.837-77.838 0-20.432-8.27-40.378-22.865-54.973C129.892 19.46 110.432 11.19 89.514 11.19c-42.811 0-77.838 35.027-77.352 78.325 0 14.594 4.379 28.702 11.676 40.864l1.946 2.92L18 162z" fill="#00e676"/><path d="M152.757 26.27C136.217 9.243 113.35 0 90 0 40.378 0 .486 40.378.973 89.514c0 15.567 4.378 30.648 11.676 44.27L0 180l47.19-12.162c13.134 7.297 27.729 10.703 42.324 10.703 49.135 0 89.027-40.379 89.027-89.514 0-23.838-9.244-46.216-25.784-62.757zM90 163.46c-13.135 0-26.27-3.406-37.46-10.217l-2.918-1.46-28.217 7.298 7.298-27.73-1.946-2.919C5.35 93.892 15.567 48.162 50.595 26.757c35.027-21.406 80.27-11.19 101.675 23.838 21.406 35.027 11.19 80.27-23.838 101.675-11.189 7.298-24.81 11.19-38.432 11.19zm42.81-54l-5.35-2.433s-7.784-3.405-12.65-5.838c-.486 0-.972-.486-1.459-.486-1.46 0-2.432.486-3.405.973 0 0-.487.486-7.297 8.27-.487.973-1.46 1.46-2.433 1.46h-.486c-.487 0-1.46-.487-1.946-.974l-2.433-.973c-5.351-2.432-10.216-5.35-14.108-9.243-.973-.973-2.432-1.946-3.405-2.919-3.406-3.405-6.811-7.297-9.243-11.675l-.487-.973c-.486-.487-.486-.973-.973-1.946 0-.973 0-1.946.487-2.433 0 0 1.946-2.432 3.405-3.892.973-.973 1.46-2.432 2.432-3.405.973-1.46 1.46-3.405.973-4.865-.486-2.432-6.324-15.567-7.783-18.486-.973-1.46-1.946-1.946-3.406-2.433h-5.351c-.973 0-1.946.487-2.919.487l-.487.486c-.972.487-1.945 1.46-2.918 1.946-.973.973-1.46 1.946-2.433 2.919-3.405 4.378-5.351 9.73-5.351 15.081 0 3.892.973 7.784 2.432 11.19l.487 1.459c4.378 9.243 10.216 17.513 18 24.81l1.946 1.947c1.46 1.459 2.919 2.432 3.892 3.891 10.216 8.757 21.891 15.081 35.027 18.487 1.459.486 3.405.486 4.864.973h4.865c2.433 0 5.352-.973 7.298-1.946 1.459-.973 2.432-.973 3.405-1.946l.973-.973c.973-.973 1.946-1.46 2.919-2.432.973-.973 1.946-1.946 2.432-2.92.973-1.945 1.46-4.378 1.946-6.81v-3.406s-.486-.486-1.46-.973z" fill="#fff"/></svg>

revealjs/information-technology/index.md

@@ -0,0 +1,14 @@
+title: "information technology"
+theme: "theme.css"
+---
+background-image="img/cover.jpg"
+
+# information technology
+
+<notes>
+ * industry we picked to introduce you to
+ * propably the most important industry
+ * boosted scientific collaboration
+ * international unterstanding
+ * how it became what it is today → history
+</notes>

revealjs/information-technology/theme.css

@@ -0,0 +1,19 @@
+@import "../_assets/reveal.js/css/theme/black.css";
+@import "../_assets/fonts/Rajdhani/index.css";
+
+.reveal h1,
+.reveal h2,
+.reveal h3,
+.reveal h4,
+.reveal h5,
+.reveal h6,
+.reveal {
+  font-family: "Rajdhani", sans-serif;
+}
+
+.reveal section img {
+  margin: none;
+  background: inherit;
+  border: none;
+  box-shadow: none;
+}