first commit

.gitignore

+resources/
\ No newline at end of file

archetypes/default.md

+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

config.toml

+baseURL = "http://example.org/"
+languageCode = "de-DE"
+defaultContentLanguage = "de"
+title = "Einführung in die Informatik I"
+
+# Change the default theme to be use when building the site with Hugo
+theme = "hugo-theme-learn"
+
+# For search functionality
+[outputs]
+home = [ "HTML", "RSS", "JSON"]
+
+[params]
+  themeVariant = "green"
+
+    # Prefix URL to edit current page. Will display an "Edit this page" button on top right hand corner of every page. 
+  # Useful to give opportunity to people to create merge request for your doc.
+  # See the config.toml file from this documentation site to have an example.
+  editURL = "https://collaborating.tuhh.de"
+  # Author of the site, will be used in meta information
+  author = "Axel Dürkop"
+  # Description of the site, will be used in meta information
+  description = ""
+  # Shows a checkmark for visited pages on the menu
+  showVisitedLinks = false
+  # Disable search function. It will hide search bar
+  disableSearch = false
+  # Javascript and CSS cache are automatically busted when new version of site is generated. 
+  # Set this to true to disable this behavior (some proxies don't handle well this optimization)
+  disableAssetsBusting = false
+  # Set this to true to disable copy-to-clipboard button for inline code.
+  disableInlineCopyToClipBoard = false
+  # A title for shortcuts in menu is set by default. Set this to true to disable it. 
+  disableShortcutsTitle = false
+  # When using mulitlingual website, disable the switch language button.
+  disableLanguageSwitchingButton = false
+  # Hide breadcrumbs in the header and only show the current page title
+  disableBreadcrumb = false
+  # Hide Next and Previous page buttons normally displayed full height beside content
+  disableNextPrev = false
+  # Order sections in menu by "weight" or "title". Default to "weight"
+  ordersectionsby = "weight"
\ No newline at end of file

content/allgemeines/_index.md

++++
+title= "Allgemeines"
+date= 2019-03-19T13:50:13+01:00
+draft= true
+
+
+# Table of content (toc) is enabled by default. Set this parameter to true to disable it.
+# Note: Toc is always disabled for chapter pages
+disableToc = "true"
+# If set, this will be used for the page's menu entry (instead of the `title` attribute)
+menuTitle = ""
+# The title of the page in menu will be prefixed by this HTML content
+pre= "<b>1. </b>"
+# The title of the page in menu will be postfixed by this HTML content
+post = ""
+# Set the page as a chapter, changing the way it's displayed
+chapter= true
+# Hide a menu entry by setting this to true
+hidden = false
+# Display name of this page modifier. If set, it will be displayed in the footer.
+LastModifierDisplayName = ""
+# Email of this page modifier. If set with LastModifierDisplayName, it will be displayed in the footer
+LastModifierEmail = ""
++++
+
+### Kapitel 1
+
+# Allgemeine Informationen
+
+Finden Sie heraus, wie das Lernangebot ausgerichtet ist und welche Rahmenbedingungen für die Prüfung gelten.

content/allgemeines/konzept.md

+---
+title: "Konzept der Veranstaltung"
+date: 2019-03-19T13:50:56+01:00
+draft: true
+weight: 200
+---
+
+Die konsekutiven Veranstaltungen *Einführung in die Informationstechnik I* und *Einführung in die Informationstechnik II* nähern sich dem Themenkomplex *Informationstechnik* aus verschiedenen Perspektiven.
+
+## Allgemeine Perspektive
+
+So sollen zunächst **aktuelle Trends der Informations- und Telekommunikationstechnik** identifiziert werden. Dabei steht das Internet in seinen zahlreichen Facetten als technisches Konstrukt im Mittelpunkt. Relevante Schnittmengen von Gesellschaft/Ethik/Politik/Informationstechnik werden ebenfalls ermittelt.
+
+## Berufliche Perspektive
+
+Nachfolgend sollen **Ordnungsmittel der Berufe aus den Fachrichtungen** gesichtet werden, um die Bedeutung informationstechnischen Wissens aus den Perspektiven von Lehrenden und Lernenden zu ermitteln.
+
+## Persönliche Perspektive
+
+Aus einem weiteren Blickwinkel betrachten die Studierenden den Themenkomplex Informationstechnik **vor dem Hintergrund persönlicher Neigungen und Interessen**. Sie wählen ein Thema aus, das sich sowohl fachlich-theoretisch wie praktisch erschließen lässt.
+
+## Teilen und Kollaboration
+
+Ein Thema, das die beiden Semester überspannen wird, sind *Teilen* und *Kollaboration*. Im Hinblick auf das Studienziel *Gewerbelehramt* werden wir an uns und mit uns selbst die Vor- und Nachteile internetgestützter Zusammenarbeit ausprobieren. Dazu werden verschiedene (Internet)tools vorgestellt und eingeführt, die einer kritischen Betrachtung während und nach dem Ausprobieren unterzogen werden.

content/allgemeines/pruefung.md

+---
+title: "Prüfungsbedingungen"
+date: 2019-03-19T13:51:10+01:00
+draft: true
+weight: 400
+---
+
+## Prüfungsformen
+
+Gemäß den [FSB](https://www.tuhh.de/tuhh/studium/studieren/pruefungsordnungen/bsc-und-msc-lehramt.html) ist folgende Prüfungsleistung zu erbringen:
+
+* mündliche Prüfung (20-30 Min.) *Einführung in die Informationstechnik I*
+
+Die Prüfung ist bezogen auf die Inhalte, Fragestellungen, Arbeitsaufträge und Projekte, die im Kontext der Veranstaltung bearbeitet wurden.
+
+**Prüfungstermin:** Die mündlichen Prüfungen finden **am 09. und 10. August 2018** in der Zeit **von 09:00 bis 16:00 Uhr** statt. Die einzelnen Termine werden individuell vereinbart.
+
+#### Themengebiete für die mündliche Prüfung
+
+Die Themenschwerpunkte der mündlichen Prüfung werden im Vorfeld mit den Studierenden ausgehend von ihren Projekten individuell abgestimmt. Die folgenden Schlagworte sollen für einzelne Themenbereiche eine Orientierung geben:
+
+##### I. HTML und CSS
+
+-   Semantische Auszeichnung mit HTML
+-   HTML-Elemente und -Attribute
+-   CSS-Selektoren und -Eigenschaften
+-   CSS-Klassen und -IDs
+-   Überschriften
+-   Links
+-   Bilder
+-   Block- und Inline-Elemente
+-   Layout mit CSS
+-   Responsive Webdesign
+-   Listen
+-   Navigationen mit HTML und CSS
+-   Tabellen
+-   Editoren
+
+##### II. Client und Server
+
+-   Architektur des Internets
+-   Browser und die Chrome Developer Tools
+-   Grundlagen Kommandozeile
+-   Protokolle FTP, SSH, SFTP und HTTP
+-   Der eigene Rechner
+
+##### III. Allgemeine, berufliche und persönliche Perspektive auf das Thema
+
+-   Bedeutung des Internets für die heutige Arbeits- und Berufswelt,
+    "Digitalisierung"
+-   Chancen und Gefahren des Internets
+-   Trends und Zukunftsperspektiven des Internets für Unterricht und
+    Schule
+
+##### Python und Flask
+
+- Variablen, Kontrollstrukturen, Operatoren
+- Idee und Grundkonzept von Flask
+- grundlegende Komponenten einfacher Webanwendungen (Template, Routen, Funktionen, Argumentübergabe an das Template, Verarbeitung von Request-Daten, Sessions)
+
+#### Rahmen der mdl. Prüfung in der Veranstaltung "Einführung in die Informationstechnik I"
+
+##### Dauer und Teilung der Prüfung
+
+Die mündliche Prüfung teilt sich grob in einen Präsentationsteil von ca. 15 Minuten und ein anschließendes Fachgespräch von ebenfalls ca. 15 Minuten.
+
+##### Inhalte der mündlichen Prüfung
+
+Die Inhalte der mündlichen Prüfung werden im Vorfeld zwischen Dozent und Studierenden festgelegt. Leitend dabei sind die individuellen Schwerpunkte der Projektarbeit. Die Studierenden bereiten sich für die Prüfung auf diese inhaltlichen Schwerpunkte mit Fachliteratur und einer systematischen Reflexion ihres Lernprozesses vor. 
+
+##### Präsentation
+
+Die Präsentation sollte am zentralen Gegenstand der Projektarbeit erfolgen. Das können sowohl Hardwareaufbauten als auch ein Codesegmente sein. Eine Präsentation auf Basis von PowerPoint o.ä. Programmen zu erarbeiten ist nicht erforderlich. Vielmehr geht es darum, in 15 Minuten einen Überblick über das Projekt zu geben und am Beispiel der entwickelten Hard- und Software tiefer ins Detail zu gehen.
+
+##### Fachgespräch
+
+Das Fachgespräch entspinnt sich an der Präsentation und zielt auf eine vertiefende Auseinandersetzung mit dem Thema im mündlichen Dialog zwischen Studierenden und Dozenten ab. Dabei sind fachgerechte Sprache, die Darstellung von Zusammenhängen und Begründungen getroffener Entscheidungen wichtig.
+
+Am Beispiel von Code- und Markupfragmenten aus den Studierendenprojekten werden Fragen zu behandelten Grundlagen der Programmierung bzw. des HTML-Markups sowie der CSS-Formatierung angesprochen. 
+
+Am Beispiel von Hardwareaufbauten werden Signalflüsse und das Zusammenspiel von Hard- und Software thematisiert. 
+
+Grundsätzlich wird über die Kommunikation zwischen Client und Server auf Basis von HTTP gesprochen.
+
+Im Bezug auf [die grundsätzliche Anlage der Veranstaltung](https://fizban05.rz.tu-harburg.de/itbh-inf1-sose2018/veranstaltungsskript-inf1-sose2018/allgemeines/konzept.html) werden allgemeine und berufsbezogene Aspekte von Informationstechnik angesprochen.
+
+### Studienleistung
+
+Als Studienleistung ist die **termingerechte** Erledigung und Abgabe der gestellten Aufgaben und Aufträge zu erbringen. Von einer aktiven Mitarbeit an der Veranstaltung wird ausgegangen. Das erfolgreiche Bestehen der Studienleistungen (nicht benotet) ist notwendig für das Bestehen der Prüfung.
+
+### Fehltermine
+
+Es sind max. zwei Fehltermine wegen Krankheit zulässig. Fehlen Studierende mehr als zwei Mal, ist eine Zulassung zur Prüfung nicht möglich.
+
+### Arbeitsaufwand
+
+Für das erfolgreiche Absolvieren der Teilmodule erhalten die Studierenden jeweils 4 LP. Der minimale Arbeitsaufwand liegt damit rein rechnerisch bei 120 Stunden im Semester. Bei durchschnittlich 14 Veranstaltungsterminen sind das pro Woche 8,5 Stunden, wobei auf die Präsenzveranstaltungstermine 2,5 Stunden pro Sitzung entfallen (bei 3 SWS mit 1 SWS = 45 min).
+
+Die verbleibenden 6 Stunden sind für die Eigenstudiumszeit vorgesehen. Dazu gehören z.B.[^1]:
+
+* Vor- und Nachbereitung des Lehrveranstaltungsstoffs
+* Recherche und Studium vertiefender Literatur
+* Bearbeitung von wöchentlich gestellten Übungsaufgaben
+* Anfertigung von Hausarbeiten, Portfolios, Modellen o.ä.
+* Vorbereitung von Referaten und Vorträgen
+* E-Learning-Einheiten
+* obligatorische Sprechstunden
+* Prüfungsvorbereitung
+* Prüfungszeit
+
+Damit sollte deutlich werden, dass der erwartete Arbeitseinsatz pro Woche bei 4 bis 5 Stunden neben der Präsenzzeit in den Sitzungen liegt, wenn angenommen wird, dass vor der Prüfung das Pensum nochmals höher liegt.
+
+### Tutorium
+
+Ein Tutorium wird zu dieser Veranstaltung nicht in Form eines Präsenztermins angeboten. Stattdessen stehen die Dozenten zwischen den Terminen online in den verschiedenen Kommunikationskanälen und nach Verabredung persönlich für Fragen und Hilfestellungen zu Verfügung.
+
+### Empfehlungen
+
+#### Empfehlung zur Mitarbeit
+
+Das zeitnahe, gewissenhafte und kontinuierliche **Nachbereiten** der Sitzungsinhalte, das zeitnahe und gründliche **Bearbeiten** der Arbeitsaufträge sowie eine rechtzeitige Vorbereitung auf die mündliche Prüfung sind für das erfolgreiche Absolvieren des Teilmoduls zu empfehlen.
+
+#### Empfehlung zur Dokumentation
+
+Auf die Inhalte und Themen aus den beiden Informatiksemestern wird in den kommenden Semestern ggf. Bezug genommen werden. Daher ist eine gute **schriftliche Dokumentation** der Inhalte ratsam.
+
+Stand: 04. April 2018
+
+[^1]: Die Punkte sind den Informationen der TU München zur Berechnung des Arbeitsaufwands entnommen, vgl.  https://www.lehren.tum.de/fileadmin/w00bmo/www/Downloads/Themen/Studiengaenge_gestalten/Dokumente/wegweiser_workload.pdf, S. 4

content/allgemeines/ueber.md

+---
+title: "Über diese Veranstaltung"
+date: 2019-03-19T13:50:45+01:00
+draft: true
+weight: 100
+---
+
+[Begleitendes Skript](https://fizban05.rz.tu-harburg.de/itbh-inf1-sose2018/veranstaltungsskript-inf1-sose2018/) für die [Veranstaltung *Einführung in die Informationstechnik*]() an der [TU Hamburg-Harburg](https://www.tuhh.de/tuhh/startseite.html), Fachbereiche Elektrotechnik/Informationstechnik und Medientechnik am [Institut für Technische Bildung und Hochschuldidaktik (iTBH)](http://itbh-hh.de/de/).
+
+## Leitung
+
+[Axel Dürkop](http://itbh-hh.de/de/institut/mitarbeiter/axel-duerkop) und [Michael Heinemann](http://itbh-hh.de/de/institut/mitarbeiter/michael-heinemann)
+
+## HTML- und PDF-Version
+
+Dieses Skript kann als [HTML-Seite](https://fizban05.rz.tu-harburg.de/itbh-inf1-sose2018/veranstaltungsskript-inf1-sose2018/) und als [PDF](https://fizban05.rz.tu-harburg.de/itbh-inf1-sose2018/veranstaltungsskript-inf1-sose2018/book_pdf/book.pdf?/) gelesen werden.
+
+## Beitragen
+
+Der Quelltext des Skripts wird auf der [Kollaborationsplattform der TUHH](https://collaborating.tuhh.de/itbh-inf1-sose2018/veranstaltungsskript-inf1-sose2018) gehostet und darf dem OER-Ansatz folgend korrigiert, ergänzt und weiterverwendet werden. Es wurde mit der Absicht konzipiert, auch außerhalb dieser Veranstaltung Anwendung zu finden.
+
+## Lizenz
+
+<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons Lizenzvertrag" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br>Das Skript <span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">[Einführung in die Informationstechnik I](https://fizban05.rz.tu-harburg.de/itbh-inf1-sose2018/veranstaltungsskript-inf1-sose2018/)</span> des <a xmlns:cc="http://creativecommons.org/ns#" href="http://itbh-hh.de/de/" property="cc:attributionName" rel="cc:attributionURL">Instituts für Technische Bildung und Hochschuldidaktik (ITBH)</a> an der [TU Hamburg-Harburg](https://www.tuhh.de/) wurde entwickelt von [Axel Dürkop](http://itbh-hh.de/de/institut/mitarbeiter/axel-duerkop). Es ist lizenziert unter einer <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/legalcode.de">Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 4.0 International Lizenz</a>.

content/allgemeines/ziele-und-inhalte.md

+---
+title: "Veranstaltungsziele und Inhalte"
+date: 2019-03-19T13:51:04+01:00
+draft: true
+weight: 300
+---
+
+
+Veranstaltungsziele und -inhalte richten sich in dieser Veranstaltung nach den [Fachspezifischen Bestimmungen (FSB)](https://studienplaene.tuhh.de/index.php?stgart=G&stgB=&stgM=&stgI=&stgG=GTWMEBS&stgN=&kid=33&show=Anzeigen&Lang=de#pomenue)  der TUHH für diesen Studiengang.
+
+Dort sind zum einen Qualifikationsziele angegeben, die sich über die beiden Veranstaltungen *Einführung in die Informatik* erstrecken. Außerdem finden sich dort Inhalte, aus denen abgelesen werden kann, in welcher Breite und Tiefe Informatik im Bezug auf das Studienziel *Gewerbelehramt* behandelt werden wird.
+
+## Auftrag
+
+Beschäftigen Sie sich mit den FSB insofern, als dass Sie
+
+* Ihre Vorkenntnisse mit den Anforderungen in Beziehung setzen. Was können und kennen Sie schon?
+* unbekannte Begriffe recherchieren und sich ein grobes Verständnis von ihrer Bedeutung erarbeiten
+* die [Prüfungsformen](./pruefung.md) zur Kenntnis nehmen und sich überlegen, was das für Ihre individuelle Vorbereitung bedeutet

i18n/de.toml

+[Search-placeholder]
+other = "Suche..."
+
+[Clear-History]
+other = "Verlauf löschen"
+
+[Attachments-label]
+other = "Anhänge"
+
+[title-404]
+other = "Fehler"
+
+[message-404]
+other = "Ui! Sieht aus, als gäb's diese Seite nicht. ¯\\_(ツ)_/¯."
+
+[Go-to-homepage]
+other = "Zur Startseite"
+
+[Edit-this-page]
+other = "Verbessere diese Seite"
+
+[Shortcuts-Title]
+other = "Mehr"
+
+[Expand-title]
+other = "Klapp mich aus..."
\ No newline at end of file

layouts/partials/custom-header.html

+<!-- Partial intended to be overwritten to add custom headers, like CSS or any other info
+<style type="text/css">
+    /* Custom css */
+</style>
+-->
+
+<link href="{{"css/mystyle.css" | relURL}}?{{ now.Unix }}" rel="stylesheet">
\ No newline at end of file

layouts/partials/logo.html

+<h1 class="logo-head">{{ .Site.Title }}</h1>
+<a id="logo" href="{{ .Site.BaseURL }}">
+  <img src="{{ "images/IBM_Electronic_Data_Processing_Machine_-_GPN-2000-001881_thumb.jpg" | relURL}}">
+</a>

static/css/mystyle.css

+#body-inner {
+    max-width: 800px;
+    margin: 5rem auto;
+}
+
+#body-inner > * {
+    text-align: left !important;
+}
+
+#body-inner h1 {
+    font-size: 3rem;
+    font-weight: bold;
+    color: var(--MAIN-TITLES-TEXT-color) !important
+}
+
+h1.logo-head {
+    font-size: 1rem;
+    font-weight: bold;
+}
\ No newline at end of file

hugo-theme-learn @ 26748c29

+Subproject commit 26748c29e91589159d66e7eaf4f71c7bce8c7ce2