Hilfe:Medien einbinden und BlueJ: Unterschied zwischen den Seiten

Aus ZUM-Unterrichten
(Unterschied zwischen Seiten)
 
main>Ugh
 
Zeile 1: Zeile 1:
__NOCACHE__
{{Babel-2|Software|Links}}
{{Hilfe Navigation}}
{{Zitat wpde|'''BlueJ''' ist eine interaktive [[Integrierte Entwicklungsumgebung]] für [[Java]], mit der Anfängern die Zusammenhänge der [[Objektorientierte Programmierung|objektorientierten Programmierung]] vermittelt werden sollen. Dem Benutzer stehen zur Programmierung ein Fenster mit einem [[UML]]-[[Klassendiagramm]] und ein Texteditor mit [[Syntaxhervorhebung]] zur Verfügung. Im Klassendiagramm kann der Benutzer [[Klasse (Informatik)|Klassen]] erstellen und Assoziationen zwischen diesen schaffen. Änderungen am Diagramm wirken sich sofort auf den Quellcode aus und umgekehrt.|BlueJ|22.10.05}}


== Bilder ==
==Aktuell==
Zum Einfügen von Bildern gibt es mehrere Möglichkeiten:
* [http://www.bluej.org/tutorial/blueJ-tutorial-deutsch.pdf BlueJ Tutorial] auf deutsch
* Einfügen im Visual Editor und bei Quelltextbearbeitung: über das Menü "Einfügen" können Medien (unter anderem Bilder) im Archiv des ZUM-Unterrichtens und der Wikimedia Commons gesucht und direkt eingebunden werden. Dies ist die leichteste Art, weil keinerlei Zusatzinformationen zu den Bildern gegeben werden müssen.
* [http://edu.netbeans.org/bluej/index.html The NetBeans IDE 5.0 BlueJ Edition], die offizielle Version hat den Beta-Status verlassen, 29.07.2006
* Außerdem können über dieses Menü Bilder auch hoch geladen werden. Als Standardlizenz ist die Lizenz CC-by-SA 4.0 ausgewählt. Wenn eine andere Lizenz gewünscht ist, muss über den Uploadassistenten hoch geladen werden.
* Upload-Assistent: An jeder Seite ist unten rechts ein Schraubenschlüssel (wenn man angemeldeter Nutzer ist). Dort gibt es den Punkt "Datei hochladen". Bei dieser Schrittfolge können unterschiedliche Lizenzen ausgewählt werden.  


==Geogebra==
== Kurzvorstellung BlueJ ==
<div class="grid">
* Einstieg mit Screenshots: [http://www.hs-niederrhein.de/~gstwolf/inf11/bluej/bluej_info.html Einstieg in Java mit BlueJ] (Hermann Josef Fels)
<div class="width-1-2">
* Übersicht: [http://zim.informatik.uni-bremen.de/index.php/Main/BlueJ Kurzvorstellung BlueJ]
<pre><ggb_applet id="jhAvTrGx" width="450" height="450" /></pre>
Geogebra-Applets auf [https://www.geogebra.org GeoGebra] werden mit Hilfe eines Codes eingebunden, der die Material-ID enthält. Diesen Code erhält man direkt beim Applet unter '''Teilen ''' -->'''Einbetten'''. Man wählt dann '''Mediawiki''' und kopiert den Code auf die Wiki-Seite.


</div>
== Unterrichtsmaterial==
<div class="width-1-2">
* [http://www.zitadelle.juel.nw.schule.de/if/java/java.html Informatik mit Java] - Turtlegrafik für BlueJ
<ggb_applet id="jhAvTrGx" width="450" height="450" />
* [http://www-is.informatik.uni-oldenburg.de/~dibo/hamster/ Hamstern mit BlueJ] - "BlueJ ist eine Entwicklungsumgebung für objektorientierte Java-Programme, die speziell für Programmieranfänger entworfen wurde. BlueJ richtet sich also an dieselbe Zielgruppe wie das Java-Hamster-Modell. Mit der Entwicklungsumgebung einher geht eine didaktische Methode zur Einführung in die objektorientierte Programmierung." - siehe auch [http://www-is.informatik.uni-oldenburg.de/~dibo/hamster/download/v22/HamsternMitBlueJ.pdf HamsternMitBlueJ.pdf]
</div>
* [http://informatik.zum.de/pieper/blog/index.php?d=24&m=07&y=06&category=2 Reader zum Einstieg in Java mit BlueJ] auf dem [[Blog]] von Uli Pieper
</div>
* [http://www.u-helmich.de/inf/BlueJ/ Progammieren mit Java] - Ein Lehrgang von Ulrich Helmich


== Video- und Audio-Einbindung - YouTube, Vimeo und SoundCloud ==
==Problemquellen bei der Arbeit mit BlueJ==
<pre>
Folgende Probleme wurden festgestellt:
{{#ev:youtube|lJnQChnv1T4}}
* Verschiedene Versionen von Windows XP und Java und BlueJ vertragen sich nicht. Lösung: Installation anderer Versionen.
</pre>
* Probleme mit Firewalls
* Erst Java installieren, dann BlueJ


==Diskussion==
* [http://is11009.inf.tu-dresden.de/downloads/folien/42.pdf BlueJ im Anfangsunterricht - Himmelblau vs. Himmelgrau? - T. Heußer (Karlsruhe)]


Hinter <code>#ev:</code> fügt man die Plattform ein (youtube, vimeo oder soundcloud) sowie nach einer Pipe (|) die ID des Videos bzw. der Audiodatei.
== Weblinks ==
* [http://www.bluej.org Offizielle BlueJ-Seite]
* [http://www.bluej.org/mrt/ BlueJ Blog]


Zusätzlich können Parameter zur Breite (in Pixel) und zur Ausrichtung (left, center oder right) eingegeben werden:
== Siehe auch ==
* [[Java]]
* [[Java-Software]]
* [[Programmiersprachen]]
* [[IDE]]


<pre>
[[Kategorie:Informatik]]
{{#ev:youtube|lJnQChnv1T4|800|center}}
[[Kategorie:Programmiersprache]]
</pre>
 
 
Empfohlen ist eine Breite von 800 Pixeln bei YouTube und 960 Pixeln bei Vimeo Videos, zudem eine mittige Ausrichtung (center) - damit ist eine gute Darstellung auf allen Displaygrößen gewährt.
 
'''Wichtig:''' Bitte Videos nicht mehr mit der Syntax <nowiki>{{#evu:URL}}</nowiki> einbinden, da so keine datenschutzkonforme Einbindung gesichert ist.
 
 
{{#ev:youtube|lJnQChnv1T4|800|center}}
 
=== Video Begin und Ende setzen ===
Bei vielen Videodiensten kann auch der Start und Endzeitpunkt des Videos gewählt werden. Dazu müssen zusätzliche Parameter mitgegeben werden. Diese variieren je nach Dienst. Bei Youtube verwendet man die Parameter <code>start</code> und <code>end</code>. Diese müssen der Einbettungsfunktion (''#ev'') mitgegeben werden als <code>urlargs</code> Parameter. Um Fehler zu vermeiden, verwenden wir die Einbettungsfunktion ''#evt''. Bei dieser werden alle Parameter benannt. (Bei der Einbettungsfunktion ''#ev'' sind die urlargs der 7. Parameter)
 
<pre>{{#evt:
  service=youtube
  |id=lJnQChnv1T4
  |urlargs=start=10s&end=40s
  |dimensions=200
  |alignment=center
  }}</pre>
oder mit ''#ev''
<pre>{{#ev:youtube|lJnQChnv1T4|200|center|||start=10s&end=40s}}</pre>
 
{{#evt:
  service=youtube
  |id=lJnQChnv1T4
  |urlargs=start=10s&end=40s
  |dimensions=200
  |alignment=center
  }}
 
=== Videos in Spalten ===
 
Soll ein Video in einem 2-Spalten Layout eingebunden werden, empfiehlt sich eine Breite von 460 Pixeln. Außerdem sollte es ebenfalls mittig ausgerichtet sein, damit es auf kleinen Displays gut angezeigt wird.
 
<pre>
{{2Spalten
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
{{#ev:youtube|lJnQChnv1T4|460|center}}
}}
</pre>
 
 
{{2Spalten
|
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
{{#ev:youtube|lJnQChnv1T4|460|center}}
}}
 
== Galerien ==
Das Media-Wiki bietet in der neuesten Version neue Funktionen für Galerien an. Mehr dazu auf der Seite
: → https://www.mediawiki.org/wiki/Help:Images/de#Gallery_syntax
 
: Hier ein Beispiel für eine Galerie im Modus "packed":
 
<gallery mode="packed" heights="200" style="text-align:center">
File:2009 Lagerfeuer.JPG|Dass Holz brennt, ist für uns etwas ganz Normales.
Datei:Pilot light flames.jpg|Gas als Brennstoff für den Herd ist zwar nicht mehr so verbreitet, wird aber von Profis immer noch geschätzt.
File:A flame.JPG|Spiritus wird als flüssiger Brennstoff genutzt.
Datei:Magnesium ribbon burning.jpg|Magnesium brennt mit hellem Licht, aber ohne eine Flamme!
</gallery>
 
 
Die alte Hilfe-Seite bietet immer noch Informationen:
: → https://de.wikipedia.org/wiki/Hilfe:Galerie#gallery-Tag
 
: Hier ein Beispiel für eine Galerie in klassischem Aussehen:
 
<gallery widths="300" heights="230" style="text-align:center">
Datei:Thermite mix.jpg|Die Bahnmitarbeiter nutzen fertige Gemische.
Datei:Velp-thermitewelding-1.jpg|In einem Reaktionsgefäß wird das flüssige Eisen erzeugt.
Datei:Railphoto.jpg|Nach dem Entfernen der Gussform glüht das Eisen noch.
Datei:Geschweisster schienenstoss.jpeg|Nach dem Erkalten des Eisen wird die Oberfläche geglättet.
</gallery>
 
 
<code>style="text-align:center"</code> im Galley-Tag führt zu einer zentrierten Gallerie und zentriertem Beschreibungs-Text
[[Kategorie:Hilfe]]

Version vom 10. August 2006, 06:16 Uhr

Vorlage:Babel-2

BlueJ ist eine interaktive Integrierte Entwicklungsumgebung für Java, mit der Anfängern die Zusammenhänge der objektorientierten Programmierung vermittelt werden sollen. Dem Benutzer stehen zur Programmierung ein Fenster mit einem UML-Klassendiagramm und ein Texteditor mit Syntaxhervorhebung zur Verfügung. Im Klassendiagramm kann der Benutzer Klassen erstellen und Assoziationen zwischen diesen schaffen. Änderungen am Diagramm wirken sich sofort auf den Quellcode aus und umgekehrt.

Wikipedia-logo.png BlueJ, Wikipedia – Die freie Enzyklopädie, 22.10.05 - Der Text ist unter der Lizenz „Creative Commons Attribution/Share Alike“ verfügbar; zusätzliche Bedingungen können anwendbar sein. Siehe die Nutzungsbedingungen für Einzelheiten. In der Wikipedia ist eine Liste der Autoren verfügbar.



Aktuell

Kurzvorstellung BlueJ

Unterrichtsmaterial

Problemquellen bei der Arbeit mit BlueJ

Folgende Probleme wurden festgestellt:

  • Verschiedene Versionen von Windows XP und Java und BlueJ vertragen sich nicht. Lösung: Installation anderer Versionen.
  • Probleme mit Firewalls
  • Erst Java installieren, dann BlueJ

Diskussion

Weblinks

Siehe auch

Abgerufen von „https://unterrichten.zum.de/index.php?title=Hilfe:Medien_einbinden&oldid=97471“