MLS Workshop
in Kooperation mit der
VDW-Nachwuchsstiftung
Adrian Wilke
Universität Paderborn
Mai 2016
Etherpad
Ein Online-Werkzeug
zur Zusammenarbeit
Etherpad
- Zeitgleich Texte bearbeiten
- Unkompliziert im Webbrowser
- Einfache Text-Formatierungen
Etherpad
Etherpad im Workshop
- Weitergeben von Webseiten (URL)
- Interessante Punkte zur Diskussion
- Fragen
- Jetzt: Ausprobieren
Webseite: etherpad.wikimedia.org
Referenzen
- Etherpad bei Wikimedia · etherpad.wikimedia.org
- Weitere öffentliche Installationen · github.com/ether/etherpad-lite/wiki/Sites-that-run-Etherpad-Lite
- Etherpad Homepage · etherpad.org
- Hintergrundgrafik: www.pexels.com/photo/lighthouse-night-light-building-30387/ · Janus Y · CC0 1.0 Lizenz
Aufbau der Workshops,
Einsatzmöglichkeiten digitaler Medien
Schwerpunkte der Workshops
Zeitplanung
Software-Features
- Welche Software-Features kennen Auszubildende?
- Welche würden sie gerne in der Ausbildung nutzen?
- Ergebnisse zu 21 + 4 Features
Referenzen
- Howe F., Knutzen, S. (2013). Digitale Medien in der gewerblich-technischen Berufsausbildung. Einsatzmöglichkeiten digitaler Medien in Lern- und Arbeitsaufgaben. www.bibb.de/dokumente/pdf/Expertise_Howe_Knutzen.pdf
- Hintergrundgrafik: www.pexels.com/photo/white-ceramic-coffee-mug-on-black-table-29977/ · Padurariu Alexandru · CC0 1.0 Lizenz
Medienkompetenz
Medienkompetenz: Allgemein
Medienkompetenz: Allgemein
Medienkompetenz: Allgemein
Medienkompetenz: Allgemein
Medienkompetenz: Allgemein
Entwicklung von Medienkompetenz
in der Berufsausbildung
Bundesinstitut für Berufsbildung (BIBB)
2013 - 2015
Medienkompetenz in der Berufsausbildung
Medienkompetenz in der Berufsausbildung
Medienkompetenz in der Berufsausbildung
- Vorstellung der 19 Aspekte
- Wichtige Punkte: Etherpad
- Anschließend: Abstimmung
Welche der Aspekte sollten im Betrieb
verstärkt vermittelt werden?
Medienkompetenz in der Berufsausbildung
Medienkompetenz in der Berufsausbildung
Medienkompetenz in der Berufsausbildung
Medienkompetenz in der Berufsausbildung
Medienkompetenz in der Berufsausbildung
Medienkompetenz in der Berufsausbildung
Welche der Aspekte sollten im Betrieb
verstärkt vermittelt werden?
Webseite: http://pingo.upb.de/
Referenzen
- Baacke, D. (1997). Medienpädagogik. Grundlagen der Medienkommunikation. Tübingen: Niemeyer.
- Krämer, H., Jordanski, J., Goertz, L. (2015). Medien anwenden und produzieren: Entwicklung von Medienkompetenz in der Berufsausbildung: Abschlussbericht. www2.bibb.de/bibbtools/de/ssl/dapro.php?proj=4.2.417
- PINGO – Peer Instruction for very large Groups · trypingo.com/de/ · Universität Paderborn
- Hintergrundgrafik: www.pexels.com/photo/apple-iphone-desk-office-425/ · Vadim Sherbakov · CC0 1.0 Lizenz
Didaktisches Design &
Technologiegestütztes Lehren
Didaktische Szenarien
Ziele und Rahmenbedingungen
Vermittlung: Material
Vermittlung: Material
Aktivierung: Prozess
Prozess: Vollständige Handlung
Prozess: Vollständige Handlung
Betreuung: Hilfestellung
Betreuung: Hilfestellung
MLS: Didaktisches Design
Referenzen
- Reinmann, G. (2013). Didaktisches Handeln: Die Beziehung zwischen Lerntheorien und Didaktischem Design. In M. Ebner & S. Schön (Hrsg.), L3T. Lehrbuch für Lernen und Lehren mit Technologien. 2. Auflage. 2013.
l3t.eu/homepage/das-buch/ebook-2013/kapitel/o/id/93/name/didaktisches-handeln - Riedl, A. (2011). Didaktik der beruflichen Bildung (2. Aufl.). Stuttgart: Steiner.
- IHK Industrie- und Handelskammer Ostwestfalen zu Bielefeld. (2007). Verordnung über die Berufsausbildung zum Zerspanugsmechaniker/zur Zerspanugsmechanikerin vom 23. Juli 2007. Bielefeld: Bertelsmann.
www.ostwestfalen.ihk.de/bildung/ausbildung/ihk-ausbildungsberufe-und-verordnungen/ausbildungsverordnungen/ - Symbole: Font Awesome · fontawesome.io · SIL OFL 1.1 Lizenz
Font-Awesome-SVG-PNG · github.com/encharm/Font-Awesome-SVG-PNG Code Charm Ltd MIT Lizenz - Grafik "DMU 60 Milling Machine": flic.kr/p/ggQHJa · Doggettx · CC BY 2.0 Lizenz
- Hintergrundgrafik: www.pexels.com/photo/calculations-mathematics-university-learning-7462/ · Sergey Zolkin · CC0 1.0 Lizenz
Android
Android Berechtigungen
Apps (exemplarisch)
- 10 empfehlenswerte Maschinenbau-Apps blog.item24.de/artikel-details/show-blog-article/wissen/10-empfehlenswerte-maschinenbau-apps.html
- Walter Apps: Zerspanungsrechner / Verschleiß Optimierung www.walter-tools.com/de-de/press/media-portal/apps
- Carl Zeiss: Form und Lage play.google.com/store/apps/details?id=de.zeiss.imt.formundlage&hl=de
Referenzen
- Grafik "Android Apps to Support Bloom's Revised Taxonomy" · www.schrockguide.net/bloomin-apps.html · Kathy Schrock
- Grafik "Padagogy Rad" integrate2learn.com · Basierend auf dem Papdagogy Wheel von Allan Carrington · CC BY-NC-SA 4.0 Lizenz
- Hintergrundgrafik: flic.kr/p/aq4Xk8 · Rob Bulmahn · CC BY 2.0 Lizenz
Arbeiten mit Grafiken
Vor- und Nachteile
Rastergrafik
- bestehen aus gefärbten Pixeln
- Kompression
- z.B. Foto im JPEG-Format
Vektorgrafik
- aus grafischen Primitiven
(Linien, Polygone, Kurven) - Skalierung
- z.B. Strichzeichnungen
Rastergrafik App
- Nimbus Clipper
- https://play.google.com/store/apps/details?id=com.fvd.nimbus
- Foto: flic.kr/p/ggQHJa
Grafik: Nimbus Clipper Ergebnis
Vektorgrafik App
DrawExpress Diagram Lite https://play.google.com/store/apps/details?id=com.drawexpress.lite
Gestenbasiert
Grafik: DrawExpress Diagram Lite Bildschirmfoto
Webseite: www.drawexpress.com/mtut.html
Referenzen
- App "DrawExpress Diagram Lite" · www.drawexpress.com · play.google.com/store/apps/details?id=com.drawexpress.lite
- App "Nimbus Clipper - Clip Anything" · nimbus.everhelper.me · play.google.com/store/apps/details?id=com.fvd.nimbus
- Grafik "DMU 60 Milling Machine": flic.kr/p/ggQHJa · Doggettx · CC BY 2.0 Lizenz
- Hintergrundgrafik: www.pexels.com/photo/camera-old-vintage-photos-35107/ · Dariusz Sankowski · CC0 1.0 Lizenz
Technologien
Technologien
- Augmented Reality
- Beacons & QR-Codes
- E-Tests
Vorstellung der Technologie, anschließend gemeinsame Diskussion mit Google Präsentationen
Webseite: docs.google.com
Augmented Reality
Augmented Reality
- Anreicherung der Realität mit Zusatzinformationen
- Authentischer Kontext
- Studentische Arbeit beginnt im Juni
- Hier: Kurzvideos zur Technologie und
Brainstorming zu Lernszenarien
Augmented Reality:
Maschine im Fokus
- Möglichkeit 1
- Exploratives Lernen an Maschinen
- Annahme: 3D-Modell von Maschine steht zur Verfügung
- 5 Video-Ausschnitte
Augmented Reality:
Maschine im Fokus
- Transparenz-Effekt / Röntgenblick
- Verschiedene Ebenen nacheinander eingeblendet
- Das gefilmte Haus reicht bis zur Straße
- 24 Sekunden
Video: youtu.be/g031Odlm5zI (1:18 - 1:42)
Augmented Reality:
Maschine im Fokus
- Bauteile werden eingeblendet
- Interaktion ist möglich (Eine Hand)
- Hervorheben ist möglich
- 26 Sekunden
Video: youtu.be/AI_k3Wo-AJY (0:19 - 0:45)
Augmented Reality:
Maschine im Fokus
- Beispiel mit Tablet
- Wackel-Effekt eher realistisch
- 27 Sekunden
Video: youtu.be/62I04L16QS0 (1:26 - 1:53)
Augmented Reality:
Maschine im Fokus
- Beispiel zur Interaktion mit Tablet
- 13 Sekunden
Video: youtu.be/lXdvW6TEYkk (0:00 - 0:13)
Augmented Reality:
Maschine im Fokus
- Diskussion
- Gesucht wird ein Lernszenario mit Mehrwert
- Welche Daten könnten eingeblendet werden?
- Welche Elemente eignen sich zur Interaktion?
Webseite: docs.google.com
Augmented Reality:
Marker und Produkte
- Möglichkeit 2
- Beliebige Positionen mit Markern versehen
- Genutzt werden können die Produkte aus dem MLS Aufgabenpool
- 3 Video-Ausschnitte
Augmented Reality:
DIN A4 Blatt
- Ausgedruckter Marker
- Eingeblendet werden könnten:
- Produkt aus MLS-Lernaufgabe
- Zusatzinformationen aus MLS
(Daten, Bilder) - Bewegte Inhalte
(Video, Animation)
Ausdruck nicht möglich
- Interaktion ist denkbar (Eine Hand)
- 59 Sekunden
Video: youtu.be/epWQrwbdV2w (0:10-1:09)
Augmented Reality:
DIN A4 Blatt
- Ausgedruckter Marker
- Marker wird bewegt
- 10 Sekunden
Video: youtu.be/Zc-DRr9r6jA (0:40-0:50)
Augmented Reality:
Bewegliche Marker
- Gedruckter Marker, z. B. 10 cm x 10 cm
- Vielfache Positionierung möglich
- Kombination mehrerer Marker
- 1:14 Minuten
Video: youtu.be/7G3H3ImCWlE (0:13-1:27)
Augmented Reality:
Gedruckte Marker
- Diskussion
- Gesucht wird ein Lernszenario mit Mehrwert
- Verfügbar: 3D-Modelle aus den MLS-Lernaufgaben
- Einzelstücke auf Papier? Kombination auf Poster?
- Zur Besprechung? Fotos mit eingeblendeten Modellen?
Webseite: docs.google.com
Referenzen
- Hintergrundgrafik: gratisography.com · Ryan McGuire · CC0 1.0 Lizenz
Technologien II
Beacons & QR-Codes
Beacons
- Beacon: Radiergummi-Größe
- Periodisches Senden einer ID/Adresse (z.B. 1x Sekunde)
- Tablet empfängt Signale und bietet Aktionen an
Beacons im Betrieb
Beacon-Szenarien
Webseite: docs.google.com
QR-Codes
QR-Codes
QR-Codes
- Quick Response, Schnelle Rückmeldung
- Fehlerkorrektur
- Gedruckt, auf Bildschirm oder graviert
- Anreicherung analoger Objekte mit digitalen Daten
Webseite: docs.google.com
E-Tests
Zur Reflexion des eigenen Lernstands
(unbenotet)
E-Tests: Aufgabentypen
E-Tests: Mögliche Themengebiete
Webseite: docs.google.com
Referenzen
- Handke, J. & Schäfer, A. M. (2012). E-Learning, E-Teaching und E-Assessment in der Hochschullehre: eine Anleitung. München: Oldenbourg.
- IHK Industrie- und Handelskammer Ostwestfalen zu Bielefeld. (2007). Verordnung über die Berufsausbildung zum Zerspanugsmechaniker/zur Zerspanugsmechanikerin vom 23. Juli 2007. Bielefeld: Bertelsmann.
www.ostwestfalen.ihk.de/bildung/ausbildung/ihk-ausbildungsberufe-und-verordnungen/ausbildungsverordnungen/ - Beacon-Foto: flic.kr/p/mFcRo6 · Jona Nalder · CC BY 2.0 Lizenz
- Hintergrundgrafik: gratisography.com · Ryan McGuire · CC0 1.0 Lizenz
Software-Architektur,
Datensicherheit
Internet-Routing
- Welchen Weg gehen Daten im Internet?
- Traceroute: Software die ermittelt, über welche Punkte im Internet Daten verlaufen
Webseite: www.monitis.com/traceroute
Webseite: www.submarinecablemap.com
Verschlüsselung
Verschlüsselung: Was wofür?
Webseite: www.eff.org/secure-messaging-scorecard
Tipps: Erklär-Videos im Web
- Passwörter youtu.be/jtFc6B5lmIM
- Sicher Surfen youtu.be/tW1-CmggG9s
- Anonym Surfen youtu.be/OpSUmuG3Bp8
- Daten Verschlüsseln youtu.be/IhoG37uis3k
- Sicher Kommunizieren youtu.be/4mbryW8fZrA
- Die Sendung mit der Maus - Internet www.wdrmaus.de/sachgeschichten/sachgeschichten/internet.php5
Referenzen
- Wolfangel, E. (2016). Zehn Schlüsselfragen der Kryptografie. Spektrum der Wissenschaft. www.spektrum.de/wissen/zehn-schluesselfragen-der-kryptografie/1407523
- Hintergrundgrafik: www.pexels.com/photo/travel-italy-cinque-attraction-27954/ · Yoosun Won · CC0 1.0 Lizenz
Abschluss
Abschluss
- Austausch & Fragen
- Befragung zum Workshop
- E-Mail-Adressen
- Workshop-Material
- Zusammenfassung der Ergebnisse
(Etherpad und Google Docs)
Referenzen
- Diese Präsentation online
adibaba.github.io/MLS - Die MLS Projektseite
www.mobil-lernen.com - MLS bei der VDW-Nachwuchsstiftung
www.vdw-nachwuchsstiftung.de/index.php/mobile-learning-in-smart-factories.html - MLS bei der Uni Paderborn
ddi.uni-paderborn.de/forschung/mls.html - Publikation zur Projektvorstellung
Wilke A., Kowalewski M., Magenheim J. & Margaritis M. (2015). Facing the up- coming challenges in vocational training with mobile learning. In Brodnik A. & Lewin C. (Hrsg.), IFIP TC3 Working Conference "A New Culture of Learning: Computing and next Generations" Lithuania - Hintergrundgrafik: unsplash.com/photos/-WW8jBak7bo · Andrew Illarionov · CC0 1.0 Lizenz
Genutzte Software für diese Präsentation
- Slides - HTML5 Präsentationen per Editor erstellen
slides.com - Der Slides-Unterbau (hier genutzt - eher etwas für Techniker)
- HTML5 Präsentationen mit reveal.js
lab.hakim.se/reveal-js/ · github.com/hakimel/reveal.js - HTML5 Präsentationen aus Markdown generieren
pandoc.org
- HTML5 Präsentationen mit reveal.js
- Vektorgrafiken erstellen: yEd Graph Editor
www.yworks.com/products/yed - Vektorgrafiken bearbeiten: Inkscape
inkscape.org/de - Rastergrafiken bearbeiten: Gimp
gimp.org - Messdaten darstellen: Gnuplot
www.gnuplot.info - Quellen für frei nutzbare Grafiken