diff --git a/index.html b/index.html index 7d2d9e7..c7143a0 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,7 @@ ✓Alternative Energie (handout) ✓Passwörter WIP„Machtergreifung“: Von der Präsidialdiktatur zum Führerstaat + WIPinformation technology diff --git a/revealjs/information-technology/1-history.md b/revealjs/information-technology/1-history.md new file mode 100644 index 0000000..745d7f8 --- /dev/null +++ b/revealjs/information-technology/1-history.md @@ -0,0 +1,84 @@ +background-image="img/apple2e.jpg" + +

History

+ + + * Simon + * large topic + * to save time: only Internet (de facto the modern IT) + * development of concepts needed for today’s products and companies + + +--- +background-image="img/mainframe.svg" + +

ARPAnet

+ + + * 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 + + +--- +background-image="img/packet-switching.svg" background-color="white" + +## Packet switching + + + * 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 + + +--- +background-image="img/tcpip.svg" background-color="white" + +## TCP/IP + + + * Vinton Cerf + * TCP (transmission control protocol)/IP (internet protocol) stack + * allowed data transfer and communication between over 4B nodes in network + + +--- +background-image="img/email.jpg" + +## SMTP + + + * one of the first applications + * base for e-mail transfer (still in use today) + * most traffic back then + + +--- +background-image="img/www.svg" background-color="white" + +

World Wide Web

+ + + * historically more important; by Tim-Berners-Lee (1991; CERN) + * developed HTML, HTTP and concept of URLs (all still in use today) + * first web browser + + +--- +background-image="img/money.svg" + +## Commercialization + + + * 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 + diff --git a/revealjs/information-technology/2-products.md b/revealjs/information-technology/2-products.md new file mode 100644 index 0000000..c965b69 --- /dev/null +++ b/revealjs/information-technology/2-products.md @@ -0,0 +1,11 @@ + +# products + + + * Jannik + * products and services + * Twitter + * YouTube + * Adobe CC (Photoshop) + * Hardware + diff --git a/revealjs/information-technology/3-companies.md b/revealjs/information-technology/3-companies.md new file mode 100644 index 0000000..db89bd4 --- /dev/null +++ b/revealjs/information-technology/3-companies.md @@ -0,0 +1,75 @@ +background-image="img/franz/gears.jpg" + +# companies + + + * Franz + * Für Dich: Ein commercial ist ein TV-Spot, keine Werbeanzeige! + * talk about it + + +--- +background-image="img/franz/google.png" background-color="white" + + + * **advertisement** at the top of search results (“sponsored links”) + + +--- +background-image="img/franz/sponsored_ublock_links.png" + + + * keyword: targeted advertisement + + +--- + +![logo](img/franz/gmail.svg) + +### Gmail + + + * 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 + + +--- +background-image="img/franz/facebook.jpg" + +## Facebook + + + * a big cooperation which also owns instagram and whatsapp and makes money + with ads and personal spying + + +--- +background-image="img/franz/crowd_photo.jpg" + +### Instagram + + + * shows “sponsored posts” based on your interests (personalized advertising) + + +--- + +![logo](img/franz/whatsapp.svg) + +### WhatsApp + + + * no direct profit + * shares user data with facebook + + +--- +background-image="img/franz/music.jpg" background-color="white" + +

Spotify

+ + + * subscription fee + * personalized advertising + diff --git a/revealjs/information-technology/4-end.md b/revealjs/information-technology/4-end.md new file mode 100644 index 0000000..1511c52 --- /dev/null +++ b/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) + +
+ + * [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) + +
+ + * ​ + * ​ + * ​ + * ​ diff --git a/revealjs/information-technology/img/apple2e.jpg b/revealjs/information-technology/img/apple2e.jpg new file mode 100644 index 0000000..e020418 Binary files /dev/null and b/revealjs/information-technology/img/apple2e.jpg differ diff --git a/revealjs/information-technology/img/cover.jpg b/revealjs/information-technology/img/cover.jpg new file mode 100644 index 0000000..b7f71d0 Binary files /dev/null and b/revealjs/information-technology/img/cover.jpg differ diff --git a/revealjs/information-technology/img/email.jpg b/revealjs/information-technology/img/email.jpg new file mode 100644 index 0000000..e1bf16b Binary files /dev/null and b/revealjs/information-technology/img/email.jpg differ diff --git a/revealjs/information-technology/img/email.svg b/revealjs/information-technology/img/email.svg new file mode 100644 index 0000000..78d34c1 --- /dev/null +++ b/revealjs/information-technology/img/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/revealjs/information-technology/img/files.svg b/revealjs/information-technology/img/files.svg new file mode 100644 index 0000000..b4c5b0a --- /dev/null +++ b/revealjs/information-technology/img/files.svg @@ -0,0 +1,316 @@ + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/revealjs/information-technology/img/franz/city_ads.jpg b/revealjs/information-technology/img/franz/city_ads.jpg new file mode 100644 index 0000000..9139ee9 Binary files /dev/null and b/revealjs/information-technology/img/franz/city_ads.jpg differ diff --git a/revealjs/information-technology/img/franz/crowd_photo.jpg b/revealjs/information-technology/img/franz/crowd_photo.jpg new file mode 100644 index 0000000..c6e41a7 Binary files /dev/null and b/revealjs/information-technology/img/franz/crowd_photo.jpg differ diff --git a/revealjs/information-technology/img/franz/facebook.jpg b/revealjs/information-technology/img/franz/facebook.jpg new file mode 100644 index 0000000..6f15acb Binary files /dev/null and b/revealjs/information-technology/img/franz/facebook.jpg differ diff --git a/revealjs/information-technology/img/franz/gears.jpg b/revealjs/information-technology/img/franz/gears.jpg new file mode 100644 index 0000000..8888f9f Binary files /dev/null and b/revealjs/information-technology/img/franz/gears.jpg differ diff --git a/revealjs/information-technology/img/franz/gmail.svg b/revealjs/information-technology/img/franz/gmail.svg new file mode 100644 index 0000000..8d5e57c --- /dev/null +++ b/revealjs/information-technology/img/franz/gmail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/revealjs/information-technology/img/franz/google.png b/revealjs/information-technology/img/franz/google.png new file mode 100644 index 0000000..d7bdecf Binary files /dev/null and b/revealjs/information-technology/img/franz/google.png differ diff --git a/revealjs/information-technology/img/franz/google.svg b/revealjs/information-technology/img/franz/google.svg new file mode 100644 index 0000000..1bd9aa7 --- /dev/null +++ b/revealjs/information-technology/img/franz/google.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/revealjs/information-technology/img/franz/music.jpg b/revealjs/information-technology/img/franz/music.jpg new file mode 100644 index 0000000..79fdf63 Binary files /dev/null and b/revealjs/information-technology/img/franz/music.jpg differ diff --git a/revealjs/information-technology/img/franz/newsstand.jpg b/revealjs/information-technology/img/franz/newsstand.jpg new file mode 100644 index 0000000..98f9b3e Binary files /dev/null and b/revealjs/information-technology/img/franz/newsstand.jpg differ diff --git a/revealjs/information-technology/img/franz/sponsored_ublock_links.png b/revealjs/information-technology/img/franz/sponsored_ublock_links.png new file mode 100644 index 0000000..da28563 Binary files /dev/null and b/revealjs/information-technology/img/franz/sponsored_ublock_links.png differ diff --git a/revealjs/information-technology/img/franz/target.jpg b/revealjs/information-technology/img/franz/target.jpg new file mode 100644 index 0000000..40888e9 Binary files /dev/null and b/revealjs/information-technology/img/franz/target.jpg differ diff --git a/revealjs/information-technology/img/franz/whatsapp.svg b/revealjs/information-technology/img/franz/whatsapp.svg new file mode 100644 index 0000000..1137f1e --- /dev/null +++ b/revealjs/information-technology/img/franz/whatsapp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/revealjs/information-technology/img/mainframe.svg b/revealjs/information-technology/img/mainframe.svg new file mode 100644 index 0000000..50738ba --- /dev/null +++ b/revealjs/information-technology/img/mainframe.svg @@ -0,0 +1 @@ +MAINFRAME \ No newline at end of file diff --git a/revealjs/information-technology/img/money.svg b/revealjs/information-technology/img/money.svg new file mode 100644 index 0000000..67e26ba --- /dev/null +++ b/revealjs/information-technology/img/money.svg @@ -0,0 +1 @@ +$ \ No newline at end of file diff --git a/revealjs/information-technology/img/packet-switching.svg b/revealjs/information-technology/img/packet-switching.svg new file mode 100644 index 0000000..aa76e0a --- /dev/null +++ b/revealjs/information-technology/img/packet-switching.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/revealjs/information-technology/img/tcpip.svg b/revealjs/information-technology/img/tcpip.svg new file mode 100644 index 0000000..d6f13f0 --- /dev/null +++ b/revealjs/information-technology/img/tcpip.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/revealjs/information-technology/img/www.svg b/revealjs/information-technology/img/www.svg new file mode 100644 index 0000000..7b18926 --- /dev/null +++ b/revealjs/information-technology/img/www.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/revealjs/information-technology/index.md b/revealjs/information-technology/index.md new file mode 100644 index 0000000..ff65cd9 --- /dev/null +++ b/revealjs/information-technology/index.md @@ -0,0 +1,14 @@ +title: "information technology" +theme: "theme.css" +--- +background-image="img/cover.jpg" + +# information technology + + + * 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 + diff --git a/revealjs/information-technology/theme.css b/revealjs/information-technology/theme.css new file mode 100644 index 0000000..0daba02 --- /dev/null +++ b/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; +}