PMG10ab 2023/Einführung
Aus ProgrammingWiki
Wiki-Quelltext dieser Seite.
<language>Javascript</language>
== Wiki ==
In einem Wiki kann jeder Texte erstellen und vorhandene Texte bearbeiten, diese mit Medien und Links versehen. Dies geschieht als registrierter Benutzer oder anonym.<br>
Ein Wiki besitzt eine eigene Syntax um Text zu formatieren. Diese unterscheidet sich je nach Wiki-System. In unserem Fall ist es [http://mediawiki.org MediaWiki] welches auch für die [http://de.wikipedia.org Wikipedia] verwendet wird. Eine Liste der meist verwendeten Befehle findest Du unter [[Hilfe:Inhaltsverzeichnis]] links in der Navigation. ''Am einfachsten ist es, eine vorhandene Wikiseite anzuschauen und die Schreibweise zu übernehmen :-)''
vollständige Anleitung unter: [http://michael-hielscher.de/wiki/index.php/Wiki_Anleitung]
== Benutzeraccount erstellen ==
Bevor wir mit dem ProgrammingWiki arbeiten sollten wir uns einen Benutzeraccount anlegen. Ein Account ist kostenlos und in wenigen Sekunden erstellt:
* [https://programmingwiki.de/Spezial:Spezialseiten:Anmelden&type=signup Jetzt Account anlegen]
Melde Dich anschließend mit Deinem Account an. Tipp: Verwende die Möglichkeit der dauerhaften Anmeldung auf privaten Geräten, da Du sonst nach 20 Minuten Inaktivität automatisch ausgeloggt wirst (gerade beim Schreiben längerer Texte sind 20 Minuten schnell erreicht).
== Arbeit mit den Eingabefeldern im PWiki==
PWiki steht für ProgrammingWiki - also für ein Wiki, in dem programmiert werden kann. Dies erfolgt in Boxen (Eingabefeldern).<br>
Um uns etwas mit der Schreibweise im PWiki vertraut zu machen, wollen wir etwas zeichnen. Es folgt ein interaktives Feld zum Experimentieren. <br>
Im oberen Feld wird die Zeichnung ausgegeben, die mit einem Klick auf ''speichern & ausführen'' verarbeitet wird. Im Quelltext nacheinander kleine Veränderungen der Werte vornehmen und Auswirkungen beobachten.<br>
<canvas></canvas>
<run id="641dd273a7d54" >
var c = new Canvas(1);
c.clear(); // Zeichenfläche löschen
var t = new Turtle(1); // neuer Turtle auf Zeichenfläche 1
t.home();
var isUp = false;
for(var i = 0; i < 18; i++){
t.penColor(i*10+50,0,250-10*i);
t.penWidth(4);
t.forward(15);
t.right(20);
isUp = !isUp;
if(isUp) t.penUp(); else t.penDown();
}
</run>
<div style="background:#EEEEFF; padding:15px;">
[[Bild:Admin_Writeicon.png|48px|right]]
== Eigene Wikiseiten erstellen ==
Nachdem wir mit vorgefertigten Arbeitsblättern gearbeitet haben, wollen wir uns der Erstellung einer solchen Wikiseite widmen. Eine neue Seite im Wiki anzulegen ist ganz einfach. Wir geben links in das Suchfeld einfach den Namen unserer Wunschseite ein. Ist die Seite noch nicht vorhanden können wir sie über einen Klick auf den roten Link erstellen:
[[Bild:Admin_Searchtitle.png]]
Da das Wiki technisch keine Richtlinien zur Benennung einer Seite oder einer Struktur vorgibt, müssen wir selbst einige '''Regeln''' beachten:
* Erstelle weitere Seiten als Unterseiten zur ersten (vorgegebenen) Seite. Du kannst anschließend natürlich auch Unterunterseiten und Unterunterunterseiten usw. anlegen. Unterseiten kannst Du über einen Link wie <tt><nowiki>[[PMG2122/Unterseite/Unterunterseite|Linktitel]]</nowiki></tt> auf Deiner ersten Seite anlegen. Trage diese Links auf Deiner ersten Seite wie in einem Inhaltsverzeichnis ein. Zu Beginn jeder Unterseite wird automatisch ein Link zu den übergeordneten Seiten angezeigt, wodurch die Navigation für die Nutzer erleichtert wird.
* Wenn Du Grafiken oder Dateien ins Wiki einstellst, verwende möglichst aussagekräftige Dateinamen und versuche die Bildrechte entsprechend mit anzugeben.
{| style="background:transparent"
|-
| [[Bild:Admin_Toolboxicon.png|link=Anleitung_zur_Erstellung_einer_interaktiven_Wikiseite]] [[Anleitung zur Erstellung einer interaktiven Wikiseite|Handwerkliche Hinweise zur Erstellung einer ProgrammingWiki-Seite]]
|}