Portal:Mobile Learning: Unterschied zwischen den Versionen

Aktuelle Version vom 26. Oktober 2018, 12:59 Uhr

Einführung

Übersicht über mobile Lehr- und Lernszenarien

Die voranschreitende Verbreitung von Smartphones und Tablet-PCs und die immer stärkere Integration von Anwendungen in den Alltag lassen sich auch im universitären Rahmen einsetzen und unterstützen die Inhalte der Präsenzlehre. Mobile Learning, also mobiles Lernen, beschreibt das Lernen mittels der technischen Möglichkeiten dieser Geräte. Zeit- und Ortsunabhängigkeit sowie der hohe Individualisierungsgrad von Mobile Learning können durch gezielte Nutzung Lernprozesse optimieren.

Allgemeines

Einführung zu Mobile Learning

Anwendungsbeispiele an Hochschulen

Begriffe

Mobile Apps

Bring Your Own Device

Augmented Reality

Virtual Reality

Werkzeuge

Einführung zu Audience-Response-Systemen

Vergleich von Audience-Response-Systemen

Lernorte in ILIAS

Fahren Sie mit dem Mauszeiger über die unten dargestellten mobilen Lernszenarien, um einen Einblick in Beispiele für mobiles Lernen und Lehren zu erhalten.

Mobiler Zugriff auf Lerneinheiten

Verwendung von Lerninhalten an realen Objekten

Mobile Durchführung von Selbsttests und Prüfungen

Kooperative Datenaufnahme durch Studierende

Integration neuer Technologien wie Augmented Reality

Ausbau praktischer Anwendungsfälle für Feedbacksysteme

Mobile Learning Comic von Rike Braitmayer lizenziert unter Creative Commons Lizenz cc-by-4.0.

Zur Kategorieansicht wechseln

@@ Zeile 1: / Zeile 1: @@
 {{Themenportal}}
+<html>
+  <style type ="text/css">
+                ul#comic {
+			list-style: none;
+                        margin-top: 15px;
+		}
+		ul#comic li {
+			width: 33%;
+			background-size: contain;
+			background-repeat: no-repeat;
+			float: left;
+                        position: relative;
+		}
+		ul#comic li:before {
+			content: "";
+			display: block;
+			padding-top: 100%;
+		}
+		ul#comic li#stripe1 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-1-g.jpg);
+		}
+		ul#comic li#stripe1:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-1-b.jpg);
+		}
+		ul#comic li#stripe2 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-2-g.jpg);
+		}
+		ul#comic li#stripe2:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-2-b.jpg);
+		}
+		ul#comic li#stripe3 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-3-g.jpg);
+		}
+		ul#comic li#stripe3:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-3-b.jpg);
+		}
+		ul#comic li#stripe4 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-4-g.jpg);
+		}
+		ul#comic li#stripe4:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-4-b.jpg);
+		}
+		ul#comic li#stripe5 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-5-g.jpg);
+		}
+		ul#comic li#stripe5:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-5-b.jpg);
+		}
+		ul#comic li#stripe6 {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-6-g.jpg);
+		}
+		ul#comic li#stripe6:hover {
+			background-image: url(http://media.llz.uni-halle.de/llz/wiki/mobile-portal/data/img/mobile-6-b.jpg);
+		}
+                ul#comic li .hoverText {
+                        background-color: rgba(33,33,33,0.7);
+                        color: #fff;
+                        padding: 3px;
+                        margin: 2px;
+                        position: absolute;
+                        z-index: 99;
+                        display: none;
+                        bottom: 0;
+                        left: 0;
+                        right: 0;
+                        text-align: center;
+                        font-size: 1.1em;
+                }
+                ul#comic li:hover .hoverText {
+                        display: block;
+                }
+  </style>
+</html>
 <div class="themenportal">
 	<div class="eindrittel">
@@ Zeile 19: / Zeile 109: @@
 		<div class="eindrittel">
 			<div class="text">
-				Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+				Die voranschreitende Verbreitung von Smartphones und Tablet-PCs und die immer stärkere Integration von Anwendungen in den Alltag lassen sich auch im universitären Rahmen einsetzen und unterstützen die Inhalte der Präsenzlehre. Mobile Learning, also mobiles Lernen, beschreibt das Lernen mittels der technischen Möglichkeiten dieser Geräte. Zeit- und Ortsunabhängigkeit sowie der hohe Individualisierungsgrad von Mobile Learning können durch gezielte Nutzung Lernprozesse optimieren.
 			</div>
 			<div class="linie">
@@ Zeile 28: / Zeile 118: @@
 			<div class="liste">
 				<div class="feld">
-					[[Mobile Learning|Einführung zu Mobile Learning]]
+					[[Mobile Learning | Einführung zu Mobile Learning]]
 				</div>
+                                <div class="feld letztezeile">
+					[[Anwendungsbeispiele für Mobile Learning an Hochschulen | Anwendungsbeispiele an Hochschulen]]
+				</div>
+			</div>
+                        <div class="linie">
+				<div class="überschrift">
+					Begriffe
+				</div>
+			</div>
+			<div class="liste">
+				<div class="feld">
+					[[Applikation| Mobile Apps]]
+				</div>
+                                <div class="feld">
+					[[Bring Your Own Device]]
+				</div>
                                  <div class="feld">
-					[[Best-Practice-Beispiele Mobile Learning | Best-Practice-Beispiele]]
+					[[Augmented Reality]]
 				</div>
                                  <div class="feld letztezeile">
-					[[???|???]]
+					[[Virtual Reality]]
 				</div>
 			</div>
-<div class="linie">
+                        <div class="linie">
 				<div class="überschrift">
 					Werkzeuge
@@ Zeile 48: / Zeile 155: @@
 					[[Audience Response System| Einführung zu Audience-Response-Systemen]]
 				</div>
-				<div class="feld">
+                                <div class="feld">
-					[[Lernorte in ILIAS]]
+					[[Vergleich Audience Response Systeme| Vergleich von Audience-Response-Systemen]]
-				</div>
-				<div class="feld">
-					[[ArcGIS Campuslizenz]]
-				</div>
-				<div class="feld">
-					[[Mobile Apps]]
 				</div>
-                                <div class="feld letztezeile">
+				<div class="feld letztezeile">
-					[[Augmented Reality]]
+					[[Neuerungen_in_ILIAS_5.1#Neu: Lernorte| Lernorte in ILIAS]]
 				</div>
 			</div>
 		</div>
 		<div class="zweidrittel">
-			<div class="bild">
+<div class="text">
-			http://wiki.llz.uni-halle.de/images/e/e1/Mobile-learning-comic.jpg
+				Fahren Sie mit dem Mauszeiger über die unten dargestellten mobilen Lernszenarien, um einen Einblick in Beispiele für mobiles Lernen und Lehren zu erhalten.
-                                <iframe src="http://media.llz.uni-halle.de/llz/wiki/mobile-portal/"></iframe>
+			</div>
-			</div>
+			<div class="text">
+			<ul id="comic">
+		<div>
+<li id="stripe1">
+				<div class="hoverText">Mobiler Zugriff auf Lerneinheiten</div>
+			</li>
+<li id="stripe2">
+				<div class="hoverText">Verwendung von Lerninhalten an realen Objekten</div>
+<li id="stripe3">
+				<div class="hoverText">Mobile Durchführung von Selbsttests und Prüfungen</div>
+			</li>
+		</div>
+<div>
+<li id="stripe4">
+				<div class="hoverText">Kooperative Datenaufnahme durch Studierende</div>
+			</li>
+<li id="stripe5">
+				<div class="hoverText">Integration neuer Technologien wie Augmented Reality</div>
+<li id="stripe6">
+				<div class="hoverText">Ausbau praktischer Anwendungsfälle für Feedbacksysteme</div>
+			</li>
+		</div>
+	</ul>
+	</div>
+        <div class="text plainlinks">[http://rike-braitmayer.de/2017/06/07/mobile-learning/ Mobile Learning Comic] von Rike Braitmayer lizenziert unter Creative Commons Lizenz [https://creativecommons.org/licenses/by/4.0/ cc-by-4.0].</div>
 		</div>
 		<div class="zurücksetzen"></div>