Benutzer-Werkzeuge

Webseiten-Werkzeuge


start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung
Vorhergehende Überarbeitung
start [2022/03/05 12:38] – [GUI Designer] roehnerstart [2023/03/21 21:58] (aktuell) – [Mac M1/M2] roehner
Zeile 1: Zeile 1:
 =====GuiPy===== =====GuiPy=====
  
-GuiPy is a Python IDE for teachers and students. Most Python IDEs only support text-based coding. GuiPy instead provides several graphical tools that support learning and teaching Python programming concepts. These include:+GuiPy is a Python IDE for teachers and students based on [[https://en.wikipedia.org/wiki/PyScripter |PyScripter]]. Most Python IDEs only support text-based coding. GuiPy instead provides several graphical tools that support learning and teaching Python programming concepts. These include:
  
-  * GUI designer for Tkinter and TTK 
   * Class modeler for modeling classes with attributes and methods   * Class modeler for modeling classes with attributes and methods
   * UML window with classes and their relationships. You can create objects by calling the constructor. Methods of objects can be called interactively.   * UML window with classes and their relationships. You can create objects by calling the constructor. Methods of objects can be called interactively.
-  * Structogram editor to create strutograms and convert them into Python code.+  * GUI designer for Tkinter and TTK 
 +  * Structogram editor for modeling algorithms and convert them into Python code.
   * Sequence diagram editor to model sequence diagrams with lifelines and activations.   * Sequence diagram editor to model sequence diagrams with lifelines and activations.
  
Zeile 45: Zeile 45:
  
 The GUI form has a context menu for editing the widgets. The GUI form has a context menu for editing the widgets.
-===== Struktogram editor =====+===== Structogram editor =====
 GuiPy has a structogram editor that can be used to create and edit structograms. GuiPy has a structogram editor that can be used to create and edit structograms.
  
-The modeling of processes with structograms on a programming language-independent level plays an important role in computer science lessons because algorithms can be modeled on an abstract level without specific programming language details. An algorithm can be understood without being able to program it yourself in Python. Manually drawing structure diagrams on paper does not bring any good results, because structural changes are practically impossible. With the structure diagram editor, structure diagrams can be created easily, quickly and correctly. Python source code can be generated from structograms, but this must then be edited. This helps when implementing in Python.+The modeling of processes with structograms on a programming language-independent level plays an important role in computer science lessons because algorithms can be modeled on an abstract level without specific programming language details. An algorithm can be understood without being able to program it yourself in Python. Drawing structograms by hand on paper does not produce respectable results, because structural changes are practically impossible. With the structogram editor, structograms can be created easily, quickly and correctly. 
  
-The reverse way also works. In the editor you can select source text and use it to create structured diagram.+Python source code can be generated from structograms, whihc must then be edited. This helps when implementing in Python. The other way round is also possible. In the editor you can select source text and generate structure diagram from it.
  
 {{:en:structogram.png}} {{:en:structogram.png}}
 Structural chart elements can be inserted into and extracted from a structogram using Drag&Drop. If you pull down a structogram element, all subsequent elements are also separated. Structogram elements can be dragged out of the left toolbar and dragged back onto the toolbar to delete them. You click on empty structure chart elements and simply type in the text. For subsequent editing, double-click the relevant text.  Structural chart elements can be inserted into and extracted from a structogram using Drag&Drop. If you pull down a structogram element, all subsequent elements are also separated. Structogram elements can be dragged out of the left toolbar and dragged back onto the toolbar to delete them. You click on empty structure chart elements and simply type in the text. For subsequent editing, double-click the relevant text. 
  
-The green P generates Python function from the structure chart as far as possibleThe texts used in the structure chart can be adjusted in the configuration. +Using Drag&Drop, structogram elements can be inserted into structogram and pulled out of a structogram. If you drag a structogram element downwards, all the elements following it will also be separated. Structogram elements can be pulled out from the left toolbar, to delete them you can drag them back to the toolbarEmpty structogram elements can be clicked on and the text can be simply typed in. For subsequent editing, double-click the text in question.
  
 +The green P generates a Python function from the structogram as far as possible. In the configuration, the texts used in the structogram can be customized.
 ===== Sequence diagram editor ===== ===== Sequence diagram editor =====
  
-The Sequence Diagram Editor allows you to create a sequence diagram interactively. Lifelines come in two forms, actor and named head. They are inserted using the toolbar. To create a connection between lifelines, use the context menu of a lifeline and call //connect to// there. To change texts, call up the text editor by double-clicking.+The Sequence Diagram Editor allows you to create a sequence diagram interactively. Lifelines come in two forms, as an actor and with a named head. They are inserted using the toolbar. To create a connection between lifelines, use the context menu of a lifeline and call //connect to// there. To change texts, call up the text editor by double-clicking.
  
 {{:en:sequencediagram.png}} {{:en:sequencediagram.png}}
  
 Sequence diagrams are saved with the file extension psd. These are text files that can also be edited with external text editors. Sequence diagrams are saved with the file extension psd. These are text files that can also be edited with external text editors.
 +===== Operating systems =====
 +
 +==== Windows ====
 +GuiPy is a Windows Application.
 +
 +==== Linux ====
 +
 +GuiPy operates under Linux with the //wine// extension. You find installation hints on the [[https://appdb.winehq.org/objectManager.php?sClass=application&iId=6582| WineHQ page]]. The font Monospace ist recommendend. Some fonts don't really work in the editor.
 +
 +==== Mac ====
 +
 +GuiPy works on a Mac with CrossOver Office (Wine) as well as in a virtualized windows environment. On a 64-bit Mac it works under the virtualization software VMWare Fusion. You can use GuiPy with the [[https://www.virtualbox.org/|Oracle VM Virtual Box]] as well.
 +
 +==== Mac M1/M2 ====
 +
 +On a Mac with M1 or M2 processor you can set up GuiPy as follows. First, download the free UTM software https://mac.getutm.app/ and install it. To install, drag the UTM icon onto the Applications icon in the UTM window.
 +
 +{{:utm.png}}
 +
 +The UTM instructions for downloading a Windows ISO file are complicated and often do not lead to the goal. Therefore, the next step is to install the test version of Parallels for Mac https://www.parallels.com/de/products/desktop/. With Parallels then download a working Windows 11 ISO file. The trial version of Parallels is uninstalled again. Finally, you call up UTM and create a virtual machine with Windows 11. 
 +
 +In Windows 11, Python is then installed first and then GuiPy. Download and install a 64-bit version of Python (x64/amd) from https://python.org. Typically it is installed to C:\Users\<username>\AppData\Local\Programs\Python\Python3xx.
 +
 +Currently the 64-bit "Personal Version" of GuiPy cannot be installed. Therefore, download the "Special Version" and unzip the zip file. Then start the program setup.exe and install in the suggested folder C:\Program Files\GuiPy\.
 +
 +After starting GuiPy, there is a message about a missing Python version. Close both associated windows. Then open the configuration via the tools menu. Click "Unregistered Versions" and then click "Add". Select the Python installation folder:
 +
 +{{:en:installation1.png}}
  
 +Finally, select the pythin version provided in GuiPy and activate it.
  
 +{{:en:installation2.png}}
start.1646480330.txt.gz · Zuletzt geändert: 2022/03/05 12:38 von roehner