Portal:Mobile Learning: Unterschied zwischen den Versionen

Wiki
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(46 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Themenportal}}
{{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="themenportal">
<div class="eindrittel">
<div class="eindrittel">
Zeile 19: Zeile 109:
<div class="eindrittel">
<div class="eindrittel">
<div class="text">
<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>
<div class="linie">
<div class="linie">
Zeile 28: Zeile 118:
<div class="liste">
<div class="liste">
<div class="feld">
<div class="feld">
[[Mobile Learning|Einführung zu Mobile Learning]]
[[Mobile Learning | Einführung zu Mobile Learning]]
</div>
</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">
                                 <div class="feld">
[[Best-Practice-Beispiele Mobile Learning | Best-Practice-Beispiele]]  
[[Augmented Reality]]
</div>
</div>
                                 <div class="feld letztezeile">
                                 <div class="feld letztezeile">
[[???|???]]  
[[Virtual Reality]]
</div>
</div>
</div>
</div>


<div class="linie">
                        <div class="linie">
<div class="überschrift">
<div class="überschrift">
Werkzeuge
Werkzeuge
Zeile 48: Zeile 155:
[[Audience Response System| Einführung zu Audience-Response-Systemen]]  
[[Audience Response System| Einführung zu Audience-Response-Systemen]]  
</div>
</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>
                                <div class="feld letztezeile">
<div class="feld letztezeile">
[[Augmented Reality]]
[[Neuerungen_in_ILIAS_5.1#Neu: Lernorte| Lernorte in ILIAS]]
</div>
</div>
</div>
</div>
</div>
</div>
<div class="zweidrittel">
<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>
<div class="zurücksetzen"></div>
<div class="zurücksetzen"></div>

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

Einführung

Übersicht über mobile Lehr- und Lernszenarien

Zur Kategorieansicht wechseln