Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.
Aura - Background Content
backgroundImageHrefTypeattachment
padding0
backgroundColor#163a704f
backgroundImageHref122326242
containerMinHeight0
backgroundSizecover
contentPositioncenter
backgroundPositioncenter center
Aura - Panel
tab1
styles{"body":{},"header":{},"headline":{"text":{"text":"Canvas Gestaltungselemente","fontSize":48,"color":"#f3f3f3","textAlign":"left","fontWeight":"bold"},"alignment":{"horizontal":"center"}},"base":{"borderRadius":{"radius":4},"size":{}}}






Aura - Panel
tab1
styles{"body":{"text":{"color":"#465671","textAlign":"left","fontWeight":"normal","fontSize":14}},"header":{"backgroundColor":{"color":"#052453"}},"headline":{"text":{"text":"Überblick","color":"#f3f3f3","textAlign":"left","fontWeight":"bold","fontSize":26},"alignment":{"horizontal":"start"}},"base":{"backgroundColor":{"color":"#ffffff"},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.08)","x":0,"y":1,"blur":1,"spread":0},{"color":"rgba(0, 0, 0, 0.16)","x":0,"y":1,"blur":3,"spread":1}]}}}
body<p><span style="color: #000000;">Moodle ist das LMS (Lernmanagementsystem) der UWK. </span></p><ul><li><p><strong>Verwendungszweck: </strong>Kommunikation und Kollaboration zwischen Studierenden, Organisation & Lehrenden </p></li></ul><ul><li><p><strong>Einsatzmöglichkeiten: </strong>Lehrinhalte, Übungen und Aufgaben zur Verfügung stellen; Bewertung von Aufgaben, Tests und Übungen;  Kommunikation; </p></li></ul><ul><li><p><strong>Vorzüge: </strong>zeitlich und räumlich flexibel online die Lernerfahrung gestalten und unterstützen</p></li></ul><p><br /></p><ac:structured-macro ac:name="section" ac:schema-version="1" ac:macro-id="6abe82e2-1b20-47a4-a037-4e77e3ab5912"><ac:rich-text-body><p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="column" ac:schema-version="1" ac:macro-id="1fa655c4-c868-473c-90c9-a5e2fe275b7e"><ac:parameter ac:name="width">70%</ac:parameter><ac:rich-text-body><p><strong>Inhaltsverzeichnis</strong>:</p><ul><li><ac:link ac:anchor="Zugang & Lizenzen"><ac:plain-text-link-body><![CDATA[Zugang & Lizenzen]]></ac:plain-text-link-body></ac:link></li><li><ac:link ac:anchor="Anleitungen"></ac:link></li><li><ac:link ac:anchor="FAQs"></ac:link></li><li><ac:link ac:anchor="Selbstlern-Angebot"></ac:link></li><li><ac:link ac:anchor="Live Trainings-Angebot & Coaching"><ac:plain-text-link-body><![CDATA[Live Trainings-Angebot & Coaching]]></ac:plain-text-link-body></ac:link></li></ul></ac:rich-text-body></ac:structured-macro><p class="auto-cursor-target"><br /></p><ac:structured-macro ac:name="column" ac:schema-version="1" ac:macro-id="f1133cba-01e3-46b3-83f5-de25c32c7a0e"><ac:parameter ac:name="width">30%</ac:parameter><ac:rich-text-body><p><br /></p><p><br /></p><p><br /></p><p style="text-align: right;"><ac:image ac:thumbnail="true" ac:width="200"><ri:attachment ri:filename="2560px-Moodle-logo.svg.png" /></ac:image></p></ac:rich-text-body></ac:structured-macro><p><br /></p><p class="auto-cursor-target"><br /></p></ac:rich-text-body></ac:structured-macro><p class="auto-cursor-target"><br /></p>

Kurzbeschreibung

  • Verwendungszweck: Templates sind Vorlagen für Seiten, die individuell für die Canvas-Kursstartseiten angepasst werden können. Sie werden der gesamten UWK zur Verfügung gestellt, um ein einheitliches Bild der Kurse und Module zu vermitteln. Die UWK-Icons können 

  • Vorzüge: 

    • Schnelle Orientierung & Navigation für Studierende
    • Einheitlichkeit für alle User
    • Zeitersparnis, da man bei Kursstartseiten nicht bei Null beginnen muss
    • bereits hinsichtlich Didaktik & UX-Design durchdacht
    • Responsives Design


Bereich

Inhalt

Spalte
width70%


Inhalt
maxLevel2



Spalte
width30%









Aura - Cards
layouticon-center
gutter8
hoverelevate
padding0
cardsCollection[{"title":"Kontakt DLE LIKE","body":"Fragen zum Einsatz der Templates","color":"#d85f83","icon":"faAt","image":"https://images.unsplash.com/photo-1473580044384-7ba9967e16a0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1950&q=80","imageType":"link","href":"like@donau-uni.ac.at","hrefType":"mail"}]
columns4
imagePositiontop
themeaura-accent
decorationicon
imageHeight40
maxWidth100%


Aura - Title
color#000000
textAligncenter
fontSize24
lineHeight32
cloudTextDemo Title
tagh1
fontWeightbold
 Templates & Gestaltungselemente

Aura - Divider
serializedStyles{"alignment":{"horizontal":"center"},"icon":{"name":"faPaperPlane","color":"#333","size":24},"text":{"color":"#052453","fontSize":24,"textAlign":"left","fontWeight":"bold","text":""},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#002451","style":"solid","width":3},"size":{}}
typeregular

Ihnen stehen Templates für Kursstartseiten und Inhaltsseiten zur Verfügung, um einen einheitlichen Look Ihrer Kurse zu garantieren. Unten auf dieser Seite finden Sie Vorschauen für diese Templates.

Um Ihre Kursseiten, Aufgaben und Diskussionen ansprechend gestalten zu können stehen Ihnen auch UWK-Icons sowie Bilder für die Banner zur Verfügung. 

Aura - Title
color#000000
textAligncenter
fontSize24
lineHeight32
cloudTextDemo Title
tagh1
fontWeightbold
Icons

Aura - Divider
serializedStyles{"alignment":{"horizontal":"center"},"icon":{"name":"faPaperPlane","color":"#333","size":24},"text":{"color":"#052453","fontSize":24,"textAlign":"left","fontWeight":"bold","text":""},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#002451","style":"solid","width":3},"size":{}}
typeregular

Erleichtern Sie Ihre Lehrerfahrung und verbessern Sie die Benutzerfreundlichkeit unseres Learning Management Systems (LMS) mit der folgenden standardisierten Icon-Liste, die ein einheitliches visuelles Design bietet und eine klare Orientierung für alle Nutzer ermöglicht.

Es gibt zweierlei Arten von Icons, die Ihnen zur Verfügung stehen. Einerseits jene für die Seitengestaltung, die in Tabellen, Fließtexten und Anweisungen verwendet werden können und andererseits Icons für die Anpassung der Banner, die auf Kursstartseiten oder Inhaltsseiten verwendet werden können.







So können Sie die Icons als ZIP-Ordner runterladen und zur weiteren Verwendung abspeichern:

View file
name12062023_Icons via ZIP-Ordner runterladen.pdf
height250



Seitengestaltung

Hier finden Sie Icons zur Seitengestaltung in png-Format:



Bannergestaltung

Hier finden Sie Icons, die Sie für die Gestaltung der Banner (Icons mit transparentem Hintergrund) sowie der Inhaltsseiten (blauer Hintergrund) genutzt werden können.

Um bei der Formatierung keine Probleme zu haben, finden Sie ebenfalls eine kurze Anleitung zur Icon-Anpassung im Banner. 



 

View file
name09062023_Banner-Icons anpassen.pdf
height250


Aura - Title
color#000000
textAligncenter
fontSize24
lineHeight32
cloudTextDemo Title
tagh1
fontWeightbold
Banner für Template

Aura - Divider
serializedStyles{"alignment":{"horizontal":"center"},"icon":{"name":"faPaperPlane","color":"#333","size":24},"text":{"color":"#052453","fontSize":24,"textAlign":"left","fontWeight":"bold","text":""},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#002451","style":"solid","width":3},"size":{}}
typeregular

Im folgenden ZIP-Ordner finden Sie Bildmaterial, welches für Canvas für die Verwendung mit den Templates speziell bearbeitet wurden. Dieses Angebot wird ab August 2023 laufend ergänzt. 

Falls Sie selbst eigenes Bildmaterial hier verwenden möchten, bitte beachten Sie die folgenden Tipps & Tricks: 

  • Achten Sie auf die Bildrechte!
  • Um Verzerrungen und das Zusammenstauchen von Bildern zu vermeiden, sollten Ihre eigenen Banner eine Größe von 1600x200 px haben. 
  • Wir empfehlen Bilder zu verwenden, welche

Im folgenden ZIP-Ordner finden Sie Bildmaterial, welches für Canvas für die Verwendung mit den Templates speziell bearbeitet wurden. Dieses Angebot wird ab August 2023 laufend ergänzt. 

Falls Sie selbst eigenes Bildmaterial hier verwenden möchten, bitte beachten Sie die folgenden Tipps & Tricks: 

  • Achten Sie auf die Bildrechte!
  • Um Verzerrungen und das Zusammenstauchen von Bildern zu vermeiden, sollten Ihre eigenen Banner eine Größe von 1600x200 px haben. 
  • Wir empfehlen Bilder zu verwenden, welche einen Bildausschnitt im  Breitformat zulassen oder aber abstrakte Muster darstellen. Bilder mit konkreten Motiven können sich im Zuschnitt oder in der Zentrierung als schwierig herausstellen. 



Aura - Title
color#002451
textAligncenter
fontSize24
lineHeight32
cloudTextDemo Title
tagh1
fontWeightbold
Vorschau für Templates

Aura - Divider
serializedStyles{"alignment":{"horizontal":"center"},"icon":{"name":"faPaperPlane","color":"#333","size":24},"text":{"color":"#052453","fontSize":24,"textAlign":"left","fontWeight":"bold","text":""},"border":{"top":false,"right":false,"bottom":true,"left":false,"color":"#002451","style":"solid","width":3},"size":{}}
typeregular

Wird ein Kurs für die Lehre beantragt, sind Templates für die Kursstartseite und die Gestaltung von Inhaltsseiten automatisch hinterlegt. 


Aktuell stehen Ihnen folgende Templates in Canvas zur Verfügung:

  • Kursstartseite (D / E)
  • Inhaltsseite (D / E)
  • Masterstudienübersicht
  • Bachelorstudienübersicht
  • Von 0 auf Kurs (sehr reduzierte Kursstartseite)
  • Glossar in Canvas 

Außerdem finden Sie in Canvas gestaltete Seiten zu:

  • How to Canvas für Studierende (D/E)


Image Removed

Video:

Image RemovedImage Removed


Aura - Background Content
backgroundImageHrefTypelink
padding0
backgroundColor#ffffff
containerMinHeight350
backgroundSizecover
contentPositionflex-start
backgroundPositioncenter center


Aura - Tab Group
settings{"generalSettings":{"tabSpacing":0,"tabWidth":100,"tabHeight":55,"direction":"horizontal"},"activeSettings":{"backgroundColor":{"color":"#052453"},"text":{"fontSize":16,"color":"#f3f3f3","textAlign":"left","fontWeight":"bold"},"border":{"top":false,"left":false,"right":false,"bottom":true,"width":3,"style":"solid","color":"#052453"}},"inactiveSettings":{"backgroundColor":{"color":"#f3f3f3"},"text":{"fontSize":18,"color":"#052453","textAlign":"left","fontWeight":"normal"}},"contentSettings":{"padding":{"top":25,"right":25,"bottom":25,"left":25},"backgroundColor":{"color":"#ffffff"},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.2)","x":0,"y":1,"blur":6,"spread":0},{"color":"rgba(0, 0, 0, 0.4)","x":0,"y":12,"blur":4,"spread":-10}]}},"hoverSettings":{"backgroundColor":{"color":"#dfe1e6"},"text":{"fontSize":18,"color":"#091e42","textAlign":"left","fontWeight":"lighter"}}}
tab1
Aura - Tab
iconfaBook
titleTemplate zur Kursgestaltung
,"y":12,"blur":4,"spread":-10}]}},"hoverSettings":{"backgroundColor":{"color":"#dfe1e6"},"text":{"fontSize":18,"color":"#091e42","textAlign":"left","fontWeight":"lighter"}}}
tab1
Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Farben

Verfügbare Farben:

  • Rot
  • Mint
  • Dunkelgrün
  • Grau
  • Blau
Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Vorschau (rot)

   

Eingeklappte Dropdown-Menüs:Ausgeklapptes Dropdown-Menü:

Image Removed

Aura - Tab
iconfaInfoCirclefaBook
titleTemplate für Inhaltsseitenzur Kursgestaltung


Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Farben

Verfügbare Farben:

  • Rot
  • Mint
  • Dunkelgrün
  • Grau
  • Blau




Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Vorschau (grünrot)
Image Removed

   

Eingeklappte Dropdown-Menüs:Ausgeklapptes Dropdown-Menü:


Image Added

Image Added



Video:

Image Added


Aura - Tab
iconfaDatabasefaInfoCircle
titleTemplate zur Modulgestaltungfür Inhaltsseiten


Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Farben

Verfügbare Farben:

  • Rot
  • Mint
  • Dunkelgrün
  • Grau
  • Blau
Die Modulstartseite dient lediglich als Absprungfläche, um in die einzelnen Kurse zu gelangen. Um eine Modulstartseite zu nutzen, wird ein neuer Kurs erstellt, in dem das folgende Template als Startseite hinterlegt ist. Alle weiteren Funktionen wie Quizze, Dateien oder Noten werden auf der linken Seite ausgeblendet. 
fontWeightnormal
Farben

Verfügbare Farben:

  • Rot
  • Mint
  • Dunkelgrün
  • Grau
  • Blau




Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Vorschau (rotgrün)

Eingeklappte Dropdown-Menüs:Ausgeklappte Dropdown-Menüs:


Image Added

Image Removed


Aura - Tab
iconfaGraduationCap
titleTemplate zur Studienprogramm-Übersicht


Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Farben

Verfügbare Farben:

  • UWK-Blau

Die Studienprogramm-Seite dient lediglich als Absprungfläche, um in die einzelnen Module zu gelangen. Um eine Studienprogramm-Setie zu nutzen, wird ein neuer Kurs erstellt, in dem das folgende Template als Startseite hinterlegt ist. Alle weiteren Funktionen wie Quizze, Dateien oder Noten werden auf der linken Seite ausgeblendet. 




Aura - Title
color#052453
textAlignleft
fontSize24
lineHeight24
cloudTextDemo Title
tagp
fontWeightnormal
Vorschau 


Ausgeklappte Dropdown-Menüs: