# Einbinden von digitalen Tools Hat man mehr als ein digitales Tool, dass man im Unterricht nutzen will, bietet es sich an, diese zusammenzufassen und den Schülerinnen und Schülern somit nur einen Link zur Verfügung zu stellen. Bei diesem Tool "hackMD" handelt es sich um einen HTML-Editor. Die ertzeugten Webseiten können über einen Link weitergegeben werden. Auf diese Webseite können Verbindungen zu anderen Tools erfolgen. ## HackMD einrichten 1. Auf der Webseite https://hackmd.io/login ein Konto erstellen oder mit vorhandenem Konto einloggen. ![Login](https://i.imgur.com/gM93DpT.jpg =200x400) 2. "New Note" auswählen 3. Ansicht "Beides" auswählen ![](https://i.imgur.com/8glEYrI.jpg) 4. Auf der linken Seite wird der HTML-Code eingegeben, die Webseitenansicht erscheint rechts. ![](https://i.imgur.com/Gl0ervE.jpg) 5. Nach dem Erstellen einer Webseite kann diese über "Share" (oben rechts) freigegeben werden. ![](https://i.imgur.com/V4a3pb8.jpg =200x400) ## Beispiel: Learning-Apps einbinden 1. Webseite von LearningApps öffnen 2. App auswählen 3. Unten auf der Seite den Code für das Einbetten in eine Webseite kopieren ![](https://i.imgur.com/B3kjYtk.jpg) 4. Code im HTML-Editor einbinden Der Code lautet z.B.: ``` <iframe src="https://learningapps.org/watch?app=30040368" style="border:0px;width:100%;height:500px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe> ``` Auf der Webseite sieht das Ganze dann so aus: <iframe src="https://learningapps.org/watch?app=30040368" style="border:0px;width:100%;height:500px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe> Die App kann direkt auf der Webseite genutzt werden. <hr> Nun können z.B. weitere Apps oder Übungen aus anderen digitalen Tools eingefügt und genutzt werden. Dazu wird der gleiche Befehl wie zur Einbindung einer LearningApp genutzt: ``` <iframe src="https://learningapps.org/watch?app=30040368" style="border:0px;width:100%;height:500px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe> ``` Unter *src=* wird in den Anführungsstrichen die URL der gewünschten Webseite eingegeben. ## Beispiel aus Geogebra: <iframe src="https://www.geogebra.org/m/jwqnyu9s" style="border:0px;width:100%;height:500px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe> <hr> ## Kombination mit anderen Elementen Die Apps bzw. Übungen können mit Text und Aufgabenstellungen versehen werden. Es können auch mathematische Formeln dargestellt werden.