PyScript
Run Python Script on HTML
harbhum 
Setelah penulis mengulas Python secara garis besar kemarin, sekarang penulis ingin mengulas mengenai PyScript. PyScript adalah python script yang bisa jalan (running) dalam Javascript environment. PyScript ini masih dalam alpha stage, berarti masih dalam tahap pengembangan tapi sudah bisa berjalan baik untuk beberapa implementasi python script dalam HTML.
Perbedaannya dengan Flask dan Django adalah PyScript ini sudah bisa langsung ditampilkan pada HTML File dalam browser tanpa perlu jalankan backend framework walau perlu terhubung koneksi internet untuk javascript source.
Pyscript bisa menjalankan python ekosistem, artinya bisa menjalankan juga berbagai package python yang populer, seperti Numpy, pandas, scikit-learn, matplotlib, dan masih banyak lagi. Selain itu, PyScript dapat membuat komunikasi 2 arah antara python object dan javascript object serta namespace keduanya.
PyScript ini bisa digunakan hanya dengan memasukkan script tag pada HTML berisi javascript untuk PyScript lalu python script bisa dimasukkan ke html dengan PyScript tag.
Perlu dicatat, ada PyScripter, yaitu IDE untuk Python. PyScripter ini hanya berhubungan dengan PyScript dalam hal Python saja, selebihnya berbeda fungsi dan bentuknya.
Untuk menggunakan PyScript ini cukup mudah. Kita hanya perlu masukkan javascript tag pada HTML head yang bisa di-copy dari PyScript.net yang muncul setelah klik bagian install seperti di bawah ini:
Setelah dimasukkan ke bagian HTML head, kita perlu masukkan PyScript tag pada bagian body yang juga bisa di-copy contohnya dari PyScript.net seperti di bawah ini :
Di bawah ini adalah contoh penulisan lengkap HTML untuk print command di atas :
Setelah itu, kita save HTML dan jalankan HTML File tersebut. Kita perlu tunggu loading RunTime tergantung dari seberapa cepat koneksi internet kita. Setelah beres loading RunTime, hasil dari Python Script itu bisa langsung muncul pada paragraf HTML, seperti hasil tulisan dari print command di bawah ini :
Selain hanya satu baris dari python di atas, kita bisa menampilkan hasil perhitungan lebih panjang dengan melihat contoh HTML dari github di bawah ini :
Ini hasilnya pada screenshot untuk computation di atas :
Untuk menggunakan package, kita perlu masukkan dulu dengan py-env tag. sebagai contoh untuk import numpy pada pyscript, perlu ditulis tag seperti ini :
Untuk lengkapnya HTML, bakal ditulis seperti ini :
Kadang bisa terjadi ModuleNotFoundError, sehingga salah satu solusinya adalah menulis package antara py-env tag tanpa tab.
Ini hasilnya setelah import numpy :
Kita juga bisa menampilkan hasil dari Matplotlib melihat screenshot contohnya di bawah ini :
Untuk menuliskan HTML supaya bisa menampilkan hasil matplotlib seperti screenshot di atas, bisa ditulis seperti ini (melihat contoh dari github) :
Masih banyak contoh untuk PyScript lainnya, Mamangreviewer bisa melihat banyak contoh pada Github Examples.
Mamangreviewer bisa menonton video Penulis mencoba dasar PyScript di Bawah ini :
Penulis menilai PyScript ini cocok untuk para Pythoneer, Front End Developer dan Mamangreviewer yang menguasai Python. Nantikan kelanjutan mengenai PyScript dan hal yang berhubungan dengan Python lainnya di Mamangreview.
Tautan Referensi :
