Ein ZUMpad starten und Benutzer:Christian/Farbenvielfalt: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
Keine Bearbeitungszusammenfassung
 
KKeine Bearbeitungszusammenfassung
 
Zeile 1: Zeile 1:
== ZUMpad ==
== todo ==
Das '''ZUMpad''' ist ein Online-Werkzeug, um '''gemeinsam Texte zu erstellen oder Informationen zu teilen'''.
* Icons durchgehen
* [[:Kategorie:Vorlage/Farben/Todo]]


Ein einzelnes „Pad“ ist wie ein digitales Blatt Papier. Es ist in Sekunden erstellt und über eine jeweils eindeutige Webadresse (URL) zu erreichen. Jede*r, der diese Adresse kennt, kann auf einem Pad schreiben, alle anderen Benutzer sehen die Änderungen in Echtzeit.
== Sollpalette ==


Vorgeschlagene [http://paletton.com/#uid=41t0X0kloufbJLah7A6qcrMsJlS Palette aus Trello]


{|style="width:100%;vertical-align:middle;text-align:center;" class="wikitable"
!|Farbe
!|Heller-2
!|Heller
!|Grundton
!|Dunkler
!|Dunkler-2
|-
!style="height:3em"|primär
|style="background:#FFF0A2;"|#FFF0A2
|style="background:#FFEA77"|#FFEA77
|style="background:#F1D850"|#F1D850
|style="background:#DDC128;color:white;"|#DDC128
|style="background:#AE9612;color:white;"|#AE9612
|-
!style="height:3em"|sekundär-1
|style="background:#E993BF"|#E993BF
|style="background:#D965A0"|#D965A0
|style="background:#C64285"|#C64285
|style="background:#B6216D;color:white;"|#B6216D
|style="background:#8F0F50;color:white;"|#8F0F50
|-
!style="height:3em"|sekundär-2
|style="background:#84C5CE"|#84C5CE
|style="background:#52A1AC"|#52A1AC
|style="background:#338894"|#338894
|style="background:#1B7A88;color:white;"|#1B7A88
|style="background:#0D5F6B;color:white;"|#0D5F6B
|-
!style="height:3em"|komplementär
|style="background:#A591D7"|#A591D7
|style="background:#7B62BC"|#7B62BC
|style="background:#5E43A5"|#5E43A5
|style="background:#482998;color:white;"|#482998
|style="background:#321878;color:white;"|#321878
|-
|colspan=6|
Problem: Es ''"fehlt"'' ein orange und ein grün.
Lösung: Konstruktion einer [http://paletton.com/#uid=40x0X0kloufbJLah7A6qcrMsJlS gedrehten Palette]
|-
!style="height:3em"|orange
|style="background:#FFCEA2"|#FFCEA2
|style="background:#FFB877"|#FFB877
|style="background:#F19D50"|#F19D50
|style="background:#DD7F28;color:white;"|#DD7F28
|style="background:#AE5D12;color:white;"|#AE5D12
|-
!style="height:3em"|grün
|style="background:#D4F69C"|#D4F69C
|style="background:#C0EF6F"|#C0EF6F
|style="background:#A8DF4A"|#A8DF4A
|style="background:#8FCD25;color:white;"|#8FCD25
|style="background:#6CA111;color:white;"|#6CA111
|-
|colspan=6|
Dazu kommen noch die Standard Linkfarben.
|-
!style="height:3em"|Linkfarben
|
|
|style="background:#0077dd"|#0077dd
|
|style="background:#005599;color:white;"|#005599
|-
|colspan=6|
Und passende Grautöne in passender Helligkeit zur Primärfarbe
|-
!style="height:3em"|Grautöne
|style="background:#F1F1F1"|#F1F1F1
|style="background:#ECECEC"|#ECECEC
|style="background:#DBDBDB"|#DBDBDB
|style="background:#C8C8C8;color:white;"|#C8C8C8
|style="background:#a0a0a0;color:white;"|#a0a0a0
|}


== Funktionen ==
== Ist-zustand + Änderungsvorschläge ==


 
{|style="width:100%;background:white;" class="wikitable"
Die Texte können auf einfache Weise formatiert werden, verschiedene Benutzer erhalten automatisch verschiedene Farben. Außerdem gibt es eine Chat-Funktion, so dass man sich als Gruppe über den Text austauschen kann.
!Typ
 
!colspan="3"|aktuell
 
!colspan="3"|Vorschlag<br/>anhand der<br/>Farbpalette
 
!Anmerkungen
== Anleitung ==
|-
 
!Linkfarbe
 
|[[ #Ist-zustand | self]]</span>
 
|style="background:#0077dd;"|#0077dd
== Kostenloses Angebot ==
|style="color:#0077dd;"|#0077dd
Die ZUM stellt diesen Service der Internetöffentlichkeit kostenlos zur Verfügung. Das ZUMpad ist eine Instanz der Software [https://de.wikipedia.org/wiki/Etherpad Etherpad Lite], der Serverstandort ist Deutschland.
|
 
|
 
|
 
|
== Das ZUMpad in der Praxis ==
|-
 
!Linkfarbe (besucht)
Das ZUMpad kann sehr vielfältig verwendet werden, die folgenden Beiträge erläutern unterschiedliche Ansätze:
|[[ #Ist-zustand | self]]</span>
 
|style="background:#005599;"|#005599
* [https://www.zum.de/portal/blog/kdautel/Das-ZUMpad-was-es-kann-und-was-man-wissen-sollte Das ZUMpad – Was es kann und was man wissen sollte]
|style="color:#005599;"|#005599
* [http://www.zum.de/Faecher/D/BW/gym/kollaborativ/index.html Kollaboratives Schreiben mit Web 2.0 – Ein Workflow für Etherpads und/oder GoogleDoks]
|
* [https://cspannagel.wordpress.com/2017/03/27/etherpad-fuer-gruppenarbeiten/ Etherpads für Gruppenarbeitsphasen]
|
* [https://geschichtsunterricht.wordpress.com/2016/03/30/etherpads/ 5 (erprobte) Ideen für Etherpads im Geschichtsunterricht]
|
* [http://lernenzweinull.de/2012/10/18/etherpad-fur-kollaboratives-schreiben-in-echtzeit/ Etherpad für kollaboratives Schreiben in Echtzeit]
|
* [https://lehrerfortbildung-bw.de/st_digital/medienwerkstatt/fortbildungen/lern2/ Sammeln von Informationen und Argumenten in einem Etherpad]
|-
!Fächericon Mint
|<span class="subjects mint">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span>
|style="background:#008b8b;"|#008b8b
|style="color:#008b8b;"|#008b8b
|
|style="background:#338894;"|#338894
|style="color:#338894;"|#338894
|Farbe ist definiert per CSS -> IdeaSketch
|-
!Fächericon Geist
|<span class="subjects geist">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span>
|style="background:#d2691e;"|#d2691e
|style="color:#d2691e;"|#d2691e
|
|style="background:#F19D50;"|#F19D50
|style="color:#F19D50;"|#F19D50
|Farbe ist definiert per CSS -> IdeaSketch
|-
!Fächericon Sprachen
|<span class="subjects sprachen">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span>
|style="background:#8b008b;"|#8b008b
|style="color:#8b008b;"|#8b008b
|
|style="background:#C64285;"|#C64285
|style="color:#C64285;"|#C64285
|Farbe ist definiert per CSS -> IdeaSketch
|-
!Fächericon Musisch
|<span class="subjects musisch">[[ #Ist-zustand | <span class="brainy hdg-calculator"></span>]]</span>
|style="background:#6b8e23;"|#6b8e23
|style="color:#6b8e23;"|#6b8e23
|
|style="background:#A8DF4A;"|#A8DF4A
|style="color:#A8DF4A;"|#A8DF4A
|Farbe ist definiert per CSS -> IdeaSketch
|-
!Iconfarben
|[[File:Pfad-Icon.svg|60px|link=]]
|style="background:#5aaf24;"|#5aaf24
|style="color:#5aaf24;"|#5aaf24
|[[File:Christian-Pfad-Icon.svg|60px|link=]]
|style="background:#8FCD25;"|#8FCD25
|style="color:#8FCD25;"|#8FCD25
|Icons müssen angepasst werden. -> [[Benutzer:Christian]]
|-
!Iconfarben
|[[File:Pfad-Icon.svg|60px|link=]]
|style="background:#5aaf24;"|#5aaf24
|style="color:#5aaf24;"|#5aaf24
|[[File:Christian-2-Pfad-Icon.svg|60px|link=]]
|style="background:#6CA111;"|#6CA111
|style="color:#6CA111;"|#6CA111
|Icon SVGs müssen angepasst werden. -> [[Benutzer:Christian]]
|-
!Box:Hervorhebung1
|
|style="background:#f1d650;"|#f1d650
|style="color:#f1d650;"|#f1d650
|
|style="background:#F1D850;"|#F1D850
|style="color:#F1D850;"|#F1D850
|
|-
!Box:Frage
|
|style="background:#ffdc00;"|#ffdc00
|style="color:#ffdc00;"|#ffdc00
|
|style="background:#F1D850;"|#F1D850
|style="color:#F1D850;"|#F1D850
|
|-
!Box:Hervorhebung2
|
|style="background:#c34188;"|#c34188
|style="color:#c34188;"|#c34188
|
|style="background:#C64285;"|#C64285
|style="color:#C64285;"|#C64285
|
|-
!Box:Merksatz
|
|style="background:#c34188;"|#c34188
|style="color:#c34188;"|#c34188
|
|style="background:#C64285;"|#C64285
|style="color:#C64285;"|#C64285
|
|-
!Box:Arbeitsmethode
|
|style="background:#5c43a6;"|#5c43a6
|style="color:#5c43a6;"|#5c43a6
|
|style="background:#5E43A5;"|#5E43A5
|style="color:#5E43A5;"|#5E43A5
|
|-
!Box:Unterrichtsidee
|
|style="background:#ade04a;"|#ade04a
|style="color:#ade04a;"|#ade04a
|
|style="background:#A8DF4A;"|#A8DF4A
|style="color:#A8DF4A;"|#A8DF4A
|
|-
!Box:Experimentieren
|
|style="background:#ade04a;"|#ade04a
|style="color:#ade04a;"|#ade04a
|
|style="background:#A8DF4A;"|#A8DF4A
|style="color:#A8DF4A;"|#A8DF4A
|
|-
!Box:Lernpfad
|
|style="background:#f19a50;"|#f19a50
|style="color:#f19a50;"|#f19a50
|
|style="background:#F19D50;"|#F19D50
|style="color:#F19D50;"|#F19D50
|
|-
!Box:Üben
|
|style="background:#318d92;"|#318d92
|style="color:#318d92;"|#318d92
|
|style="background:#338894;"|#338894
|style="color:#338894;"|#338894
|
|-
!Box:Meinung
|
|style="background:#cccccc;"|#cccccc
|style="color:#cccccc;"|#cccccc
|
|style="background:#DBDBDB;"|#DBDBDB
|style="color:#DBDBDB;"|#DBDBDB
|
|-
!Box:Lösung
|
|style="background:#cccccc;"|#cccccc
|style="color:#cccccc;"|#cccccc
|
|style="background:#DBDBDB;"|#DBDBDB
|style="color:#DBDBDB;"|#DBDBDB
|
|-
!Box:Download
|
|style="background:#cccccc;"|#cccccc
|style="color:#cccccc;"|#cccccc
|
|style="background:#DBDBDB;"|#DBDBDB
|style="color:#DBDBDB;"|#DBDBDB
|
|-
!Box:Kurzinfo
|
|style="background:#cccccc;"|#cccccc
|style="color:#cccccc;"|#cccccc
|
|style="background:#DBDBDB;"|#DBDBDB
|style="color:#DBDBDB;"|#DBDBDB
|
|-
!Box:Zitat
|
|style="background:#aaaaaa;"|#aaaaaa
|style="color:#aaaaaa;"|#aaaaaa
|
|style="background:#a0a0a0;"|#a0a0a0
|style="color:#a0a0a0;"|#a0a0a0
|
|-
!Box:unspezifisch
|
|style="background:#eeeeee;"|#eeeeee
|style="color:#eeeeee;"|#eeeeee
|
|style="background:#ECECEC;"|#ECECEC
|style="color:#ECECEC;"|#ECECEC
|
|}

Aktuelle Version vom 12. Oktober 2018, 20:23 Uhr

todo

Sollpalette

Vorgeschlagene Palette aus Trello

Farbe Heller-2 Heller Grundton Dunkler Dunkler-2
primär #FFF0A2 #FFEA77 #F1D850 #DDC128 #AE9612
sekundär-1 #E993BF #D965A0 #C64285 #B6216D #8F0F50
sekundär-2 #84C5CE #52A1AC #338894 #1B7A88 #0D5F6B
komplementär #A591D7 #7B62BC #5E43A5 #482998 #321878

Problem: Es "fehlt" ein orange und ein grün. Lösung: Konstruktion einer gedrehten Palette

orange #FFCEA2 #FFB877 #F19D50 #DD7F28 #AE5D12
grün #D4F69C #C0EF6F #A8DF4A #8FCD25 #6CA111

Dazu kommen noch die Standard Linkfarben.

Linkfarben #0077dd #005599

Und passende Grautöne in passender Helligkeit zur Primärfarbe

Grautöne #F1F1F1 #ECECEC #DBDBDB #C8C8C8 #a0a0a0

Ist-zustand + Änderungsvorschläge

Typ aktuell Vorschlag
anhand der
Farbpalette 		Anmerkungen
Linkfarbe self #0077dd #0077dd
Linkfarbe (besucht) self #005599 #005599
Fächericon Mint #008b8b #008b8b #338894 #338894 Farbe ist definiert per CSS -> IdeaSketch
Fächericon Geist #d2691e #d2691e #F19D50 #F19D50 Farbe ist definiert per CSS -> IdeaSketch
Fächericon Sprachen #8b008b #8b008b #C64285 #C64285 Farbe ist definiert per CSS -> IdeaSketch
Fächericon Musisch #6b8e23 #6b8e23 #A8DF4A #A8DF4A Farbe ist definiert per CSS -> IdeaSketch
Iconfarben Pfad-Icon.svg #5aaf24 #5aaf24 Christian-Pfad-Icon.svg #8FCD25 #8FCD25 Icons müssen angepasst werden. -> Benutzer:Christian
Iconfarben Pfad-Icon.svg #5aaf24 #5aaf24 Christian-2-Pfad-Icon.svg #6CA111 #6CA111 Icon SVGs müssen angepasst werden. -> Benutzer:Christian
Box:Hervorhebung1 #f1d650 #f1d650 #F1D850 #F1D850
Box:Frage #ffdc00 #ffdc00 #F1D850 #F1D850
Box:Hervorhebung2 #c34188 #c34188 #C64285 #C64285
Box:Merksatz #c34188 #c34188 #C64285 #C64285
Box:Arbeitsmethode #5c43a6 #5c43a6 #5E43A5 #5E43A5
Box:Unterrichtsidee #ade04a #ade04a #A8DF4A #A8DF4A
Box:Experimentieren #ade04a #ade04a #A8DF4A #A8DF4A
Box:Lernpfad #f19a50 #f19a50 #F19D50 #F19D50
Box:Üben #318d92 #318d92 #338894 #338894
Box:Meinung #cccccc #cccccc #DBDBDB #DBDBDB
Box:Lösung #cccccc #cccccc #DBDBDB #DBDBDB
Box:Download #cccccc #cccccc #DBDBDB #DBDBDB
Box:Kurzinfo #cccccc #cccccc #DBDBDB #DBDBDB
Box:Zitat #aaaaaa #aaaaaa #a0a0a0 #a0a0a0
Box:unspezifisch #eeeeee #eeeeee #ECECEC #ECECEC
Abgerufen von „https://unterrichten.zum.de/index.php?title=Ein_ZUMpad_starten&oldid=67577“