Portal:Mobile Learning: Unterschied zwischen den Versionen

Wiki
(Portalseite Mobile Learning)
 
Keine Bearbeitungszusammenfassung
 
(52 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 11: Zeile 101:
<div class="linie">
<div class="linie">
<div class="überschrift">
<div class="überschrift">
Übersicht
Übersicht über mobile Lehr- und Lernszenarien
</div>
</div>
</div>
</div>
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">
<div class="überschrift">
<div class="überschrift">
Mobile Lehr- & Lernszenarien
Allgemeines
</div>
</div>
</div>
</div>
<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">
                                 <div class="feld">
[[Best-Practice-Beispiele Mobile Learning | Best-Practice-Beispiele für mobile Szenarien]]  
[[Bring Your Own Device]]
</div>
</div>
                                <div class="feld">
[[Augmented Reality]]
</div>
                                <div class="feld letztezeile">
[[Virtual Reality]]
</div>
</div>
                        <div class="linie">
<div class="überschrift">
Werkzeuge
</div>
</div>
<div class="liste">
                                 <div class="feld">
                                 <div class="feld">
[[Audience Response System| Einführung zu Audience-Response-Systemen]]  
[[Audience Response System| Einführung zu Audience-Response-Systemen]]  
</div>
</div>
                                 <div class="feld letztezeile">
                                 <div class="feld">
[[???|???]]  
[[Vergleich Audience Response Systeme| Vergleich von Audience-Response-Systemen]]
</div>
<div class="feld letztezeile">
[[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/a/a2/Portalgrafik,_E-Vorlesung.png
Fahren Sie mit dem Mauszeiger über die unten dargestellten mobilen Lernszenarien, um einen Einblick in Beispiele für mobiles Lernen und Lehren zu erhalten.
</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>
Zeile 51: Zeile 204:
<div class="ganzebreite">
<div class="ganzebreite">
<div class="fusszeile">
<div class="fusszeile">
Zur [[:Kategorie:E-Vorlesung|Kategorieansicht]] wechseln
Zur [[:Kategorie:Mobile Learning|Kategorieansicht]] wechseln
</div>
</div>
</div>
</div>
</div>
</div>


[[Kategorie: E-Vorlesung]]
[[Kategorie: Mobile Learning]]

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

Einführung

Übersicht über mobile Lehr- und Lernszenarien

Zur Kategorieansicht wechseln