Eigentlich bin ich ja ein Delphi-Programmierer. Jaaaa, ich weis: Alter Schuh!
Find ich zwar nach wie vor nicht, dennoch bin ich in letzter Zeit ziemlich viel in JavaScript und PHP unterwegs. Warum auch immer, habe ich mich auf dem Weg ins Data-Science Universum auf diesen Weg verirrt. Geht ja auch... ziemlich gut sogar (siehe 'Predator'), aber mit Python ist es doch einfacher. Python ist aber im Ursprung eher ein Vertreter der lokalen Applikationen. Umso mehr freue ich mich grade, dass die zwei Welten "Web" und "Python" unter "PyScript" zusammengefunden haben. Im folgenden Blog werde ich mal antesten, was da so möglich ist ...

Meine Entwicklungsumgebung ist im Übrigen XAMPP, Notepad++ und CodePen. Alles freie Software, aber sehr effektiv.

Zuerst mal : Was ist eigentlich PyScript? PyScript wird von einem Team von Anaconda entwickelt. Gemäß dem Blog von Anaconda ist PyScript ein Framework, mit dem Benutzer umfangreiche Python-Anwendungen im Browser erstellen können, indem sie eine Mischung aus Python und Standard-HTML verwenden. PyScript zielt darauf ab, Benutzern eine erstklassige Programmiersprache zur Verfügung zu stellen, die konsistente Gestaltungsregeln hat, ausdrucksstärker und einfacher zu erlernen ist. Der Blog zeigt den detailierten Aufbau des Projektes.

Fangen wir jetzt mal an mit den "GetStarted"-Beispielen der GitHub Seite ... also, am Anfang allen Seins steht immer "Hello World!". (Alte chinesische Bauernweisheit Nr. 7411).

Für das Antesten hab ich mal den CodePen ausprobiert. Also erst mal klassisch die HTML-Startsqequenz mit:


Funktioniert ganz passabel, aber wie Ihr seht, dauert das Laden der Umgebung schon ein paar Momente, je nach verfügbarer Bandbreite.

Im HTML Code wird mit dem Einfügen der Sequenz <py-env> ... </py-env> der zwischengelagerte Python Code ausgeführt. Beim Probieren sind mir folgende Feinheiten aufgefallen:

- Ich arbeite gerne mit Tabs für die bessere Übersicht im Quellcode. Das mag PyScript gar nicht! Auch wenn's so auf der Seite gezeigt wird, muss alles was zwischen den <py-env>, <py-script> und <py-repl>- Sequenzen OHNE Tabs eingefügt werden.
- Ist alles richtig formatiert, gelingt das Einbinden von Python Modulen, wie z.B. der matplotlib oder numpy, in der <py-env>-Sequenz mit einem führendem Minus (-) und Leerzeichen! Wenn's dann richtig angegeben wird funktionieren neben der Python-Standardbibliotheken auch viele Pakete von Drittanbietern (Tensorflow, PLotly,...) sofort mit PyScript.

Das eben genannte Beispiel erzeugt eine Punktwolke aus zufälligen Koordinaten, mit eben dieser Einbindung der Python Module.

Hierin wird ein weiterer Schritt vorgestellt. Und zwar die Integration des DOM (Wenn eine Webseite geladen wird, erstellt der Browser ein DokumentObjektModell der Seite). PyScript lädt den Plot in das <div>, in diesem Fall definiert über <py-script output="plot>.


Wie schon gesagt, das Laden der PyScript-Umgebung ist langwierig. Daher kommen die nächsten Beispiele und Tests erst mal nur als CodePen-Link. Später kommen wir noch zu der PyScript-Umbegung<py-repl>, welche auch ein direktes Modifizieren des Codes erlaubt.

Weiter im Text mit der Einbindung lokaler Python-Dateien.
Ihr könnt lokale Python-Module einbinden, indem Ihr das Modul im <py-env>-Tag über "-path: -dir/modul.py" benennt und im <py-script>-Tag über "from modul import Funktion" deklariert, die im <py-script>-Tag importiert werden.