Você pode desenvolver usando HTML + Javascript para a interface usando um quadro incorporado do WebKit em uma janela Gtk (isso é mais fácil de fazer em Python). A parte mais difícil é comunicar com o sistema a partir da sua aplicação HTML / Javascript.
Você pode fazer isso passando mensagens entre o Javascript e o Python. Você terá, no entanto, que escrever a lógica do sistema como funções do Python, mas isso é muito fácil de fazer.
Aqui está um exemplo simples mostrando a comunicação entre Python e Javascript. No exemplo, o HTML / Javascript exibe um botão que, quando clicado, envia uma matriz ["hello", "world"]
para o Python, que une a matriz em uma string "hello world" e a envia de volta para o Javascript. O código Python imprime uma representação da matriz no console e o código JavaScript exibe uma caixa de alerta que exibe a string.
example.py
import gtk
import webkit
import json
import os
JAVASCRIPT = """
var _callbacks = {};
function trigger (message, data) {
if (typeof(_callbacks[message]) !== "undefined") {
var i = 0;
while (i < _callbacks[message].length) {
_callbacks[message][i](data);
i += 1;
}
}
}
function send (message, data) {
document.title = ":";
document.title = message + ":" + JSON.stringify(data);
}
function listen (message, callback) {
if (typeof(_callbacks[message]) === "undefined") {
_callbacks[message] = [callback];
} else {
_callbacks[message].push(callback);
}
}
"""
class HTMLFrame(gtk.ScrolledWindow):
def __init__(self):
super(HTMLFrame, self).__init__()
self._callbacks = {}
self.show()
self.webview = webkit.WebView()
self.webview.show()
self.add(self.webview)
self.webview.connect('title-changed', self.on_title_changed)
def open_url(self, url):
self.webview.open(url);
self.webview.execute_script(JAVASCRIPT)
def open_path(self, path):
self.open_url("file://" + os.path.abspath(path))
def send(self, message, data):
self.webview.execute_script(
"trigger(%s, %s);" % (
json.dumps(message),
json.dumps(data)
)
)
def listen(self, message, callback):
if self._callbacks.has_key(message):
self._callbacks[message].append(callback)
else:
self._callbacks[message] = [callback]
def trigger(self, message, data, *a):
if self._callbacks.has_key(message):
for callback in self._callbacks[message]:
callback(data)
def on_title_changed(self, w, f, title):
t = title.split(":")
message = t[0]
if not message == "":
data = json.loads(":".join(t[1:]))
self.trigger(message, data)
def output(data):
print(repr(data))
if __name__ == "__main__":
window = gtk.Window()
window.resize(800, 600)
window.set_title("Python Gtk + WebKit App")
frame = HTMLFrame()
frame.open_path("page.html")
def reply(data):
frame.send("alert", " ".join(data))
frame.listen("button-clicked", output)
frame.listen("button-clicked", reply)
window.add(frame)
window.show_all()
window.connect("destroy", gtk.main_quit)
gtk.main()
page.html
<html>
<body>
<input type="button" value="button" id="button" />
<script>
document.getElementById("button").onclick = function () {
send("button-clicked", ["hello", "world"]);
};
listen("alert", function (data) {alert(data);});
</script>
</body>
</html>
O único código python que você realmente precisa prestar atenção aqui é o código de def output(data):
até o final do arquivo, que deve ser bem fácil de entender.
Para executar isso, certifique-se de que python-webkit
e python-gtk2
estejam instalados, salve os arquivos na mesma pasta e execute:
python example.py