{"id":4021,"date":"2013-01-13T07:53:36","date_gmt":"2013-01-13T06:53:36","guid":{"rendered":"https:\/\/www.herr-rau.de\/wordpress\/?p=4021"},"modified":"2023-05-24T21:49:33","modified_gmt":"2023-05-24T19:49:33","slug":"ein-taschenrechner-mit-java-in-der-10-klasse-2-sequenzdiagramme","status":"publish","type":"post","link":"https:\/\/www.herr-rau.de\/wordpress\/2013\/01\/ein-taschenrechner-mit-java-in-der-10-klasse-2-sequenzdiagramme.htm","title":{"rendered":"Ein Taschenrechner mit Java in der 10. Klasse (2) – Sequenzdiagramme"},"content":{"rendered":"\n

(Fortsetzung von gestern.)<\/a><\/p>\n\n\n\n

Wie Objekte genau zusammenarbeiten und miteinander kommunizieren, zeigt man beim objektorientierten Programmieren mit Sequenzdiagrammen.<\/strong> So stellt man zum Beispiel dar, wie GUI, Steuerung und Calculator miteinander arbeiten, wenn der Benutzer auf die Taste mit der 1 klickt. Das GUI weist seine Steuerung an, eine „1“ zu empfangen, und die Steuerung wiederum sagt dem GUI, dass es „1“ ausgeben soll:<\/p>\n\n\n\n

\"taschenrechner_seq_1\"<\/figure>\n\n\n\n

Wenn danach der Benutzer auf die Taste 2 klickt, passiert ein bisschen etwas anderes, weil die Steuerung sich gemerkt hat, dass der Benutzer gerade dabei ist. Das GUI weist seine Steuerung an, eine „2“ zu empfangen, und die Steuerung wiederum sagt dem GUI, dass es „12“ ausgeben soll:<\/p>\n\n\n\n

\"taschenrechner_seq_2\"<\/figure>\n\n\n\n

Und so \u00e4hnlich, wenn danach die Tasten *, 3, 1 und = gedr\u00fcckt werden. Insgesamt tippt der Benutzer also 12 * 31 ein und will dann mit = wissen, was das Ergebnis ist. Jetzt ist auch der verbundene Rechner an den Vorg\u00e4ngen beteiligt:<\/p>\n\n\n\n

\"taschenrechner_seq_3\"<\/figure>\n\n\n\n

Der gesamte Vorgang („1 2 * 3 1 =“) sieht so aus, diesmal nicht animiert. Denn normalerweise sind Sequenzdiagramme ja statisch:<\/p>\n\n\n\n

\"taschenrechner_seq\"<\/figure>\n\n\n\n

Erstellt habe ich die Diagramme – von der Animation und der Farbe abgesehen, die sind nachbearbeitet – mit der Webseite www.websequencediagrams.com<\/a>. Dort kann man ganz ohne Anmeldung mit speziellem, sehr einfachem Code solche Sequenzdiagramme erstellen und speichern und verlinken. Der Code sieht so aus:<\/p>\n\n\n\n

benutzer -> +gui: tasteEinsDruecken()\ngui -> +steuerung: empfangen(\"1\")\nsteuerung -> +gui: ausgeben(\"1\")\ngui --> -steuerung: \nsteuerung --> -gui: \ngui-->-benutzer:<\/code><\/pre>\n\n\n\n
Der Code ist so einfach, dass auch Sch\u00fcler damit arbeiten und Grafiken exportieren k\u00f6nnen.<\/p>\n\n\n\n
Man kann den Code auch unmittelbar in Wordpress eintippen und mit einer verlinkten Javascript-Datei auf der Webseite wird daraus die Grafik gezaubert, wobei man noch unter verschiedenen Designs ausw\u00e4hlen kann (Nachtrag: geht nicht mehr):<\/em><\/p>\n
\n
title Mein kleiner Taschenrechner\n\nbenutzer -> +gui: tasteEinsDruecken()\ngui -> +steuerung: empfangen(\"1\")\nsteuerung -> +gui: ausgeben(\"1\")\ngui --> -steuerung: \nsteuerung --> -gui: \ngui-->-benutzer:\n\nbenutzer -> +gui: tasteZweiDruecken()\ngui -> +steuerung: empfangen(\"2\")\nsteuerung -> +gui: ausgeben(\"12\")\ngui --> -steuerung: \nsteuerung --> -gui: \ngui-->-benutzer: \n\nbenutzer -> +gui: tasteMalDruecken()\ngui -> +steuerung: empfangen(\"*\")\nsteuerung -> +gui: ausgeben(\"*\")\ngui --> -steuerung: \nsteuerung --> -gui: \ngui-->-benutzer: \n\nbenutzer -> +gui: tasteDreiDruecken()\ngui -> +steuerung: empfangen(\"3\")\nsteuerung -> +gui: ausgeben(\"3\")\ngui --> -steuerung: \nsteuerung --> -gui: \ngui-->-benutzer: \n\nbenutzer -> +gui: tasteEinsDruecken()\ngui -> +steuerung: empfangen(\"1\")\nsteuerung -> +gui: ausgeben(\"31\")\ngui --> -steuerung: \nsteuerung --> -gui: \ngui-->-benutzer: \n\n\nbenutzer -> +gui: tasteGleichDruecken()\ngui -> +steuerung: empfangen(\"=\")\nsteuerung ->+calculator: multiplizieren(12,31)\ncalculator -> -steuerung: 372\nsteuerung -> +gui: ausgeben(\"372\")\ngui --> -steuerung: \nsteuerung --> -gui: \ngui-->-benutzer: \n\n<\/pre>\n<\/div>\n