Recherche de site Web

Créez vos propres applications « Navigateur Web » et « Enregistreur de bureau » à l'aide de PyGobject - Partie 3

Il s'agit de la 3ème partie de la série sur la création d'applications GUI sous le bureau Linux à l'aide de PyGObject. Aujourd'hui, nous allons parler de l'utilisation de certains modules et bibliothèques Python avancés dans nos programmes tels que 'os', 'WebKit', 'requests' et d'autres, en plus d'autres informations utiles pour la programmation.

Exigences

Vous devez parcourir toutes ces parties précédentes de la série à partir d'ici, pour continuer d'autres instructions sur la création d'applications plus avancées :

  1. Créer des applications GUI sous Linux Desktop à l'aide de PyGObject - Partie 1
  2. Création d'applications PyGobject avancées sur Linux – Partie 2

Les modules et bibliothèques en Python sont très utiles, au lieu d'écrire de nombreux sous-programmes pour effectuer des tâches compliquées qui prendront beaucoup de temps et de travail, vous pouvez simplement les importer ! Oui, importez simplement les modules et bibliothèques dont vous avez besoin dans votre programme et vous pourrez économiser beaucoup de temps et d'efforts pour terminer votre programme.

Il existe de nombreux modules célèbres pour Python, que vous pouvez trouver sur Python Module Index.

Vous pouvez également importer des bibliothèques pour votre programme Python, à partir de « gi.repository import Gtk » cette ligne importe la bibliothèque GTK dans le programme Python, il existe de nombreuses autres bibliothèques comme Gdk, WebKit.. etc.

Création d'applications GUI avancées

Aujourd'hui, nous allons créer 2 programmes :

  1. Un simple navigateur Web ; qui utilisera la bibliothèque WebKit.
  2. Un enregistreur de bureau utilisant la commande 'avconv' ; qui utilisera le module 'os' de Python.

Je n'expliquerai plus comment glisser-déposer des widgets dans le concepteur Glade à partir de maintenant, je vais juste vous indiquer le nom des widgets que vous devez créer, en plus je vous donnerai le .glade pour chaque programme, et le fichier Python bien sûr.

Création d'un navigateur Web simple

Afin de créer un navigateur web, nous devrons utiliser le moteur « WebKit », qui est un moteur de rendu open source pour le web, c'est le même qui est utilisé dans Chrome/Chromium, pour plus d'informations à ce sujet, vous pouvez vous référer au site officiel Webkit.org.

Tout d'abord, nous devrons créer l'interface graphique, ouvrir le concepteur Glade et ajouter les widgets suivants. Pour plus d'informations sur la création de widgets, suivez la Partie 1 et la Partie 2 de cette série (liens indiqués ci-dessus).

  1. Créez le widget « window1 ».
  2. Créez les widgets « box1 » et « box2 ».
  3. Créez les widgets « bouton1 » et « bouton2 ».
  4. Créez le widget « entrée 1 ».
  5. Créez le widget « scrolledwindow1 ».

Après avoir créé des widgets, vous obtiendrez l'interface suivante.

Il n'y a rien de nouveau, à part le widget « Fenêtre défilée » ; ce widget est important afin de permettre d'implanter le moteur WebKit à l'intérieur, en utilisant le widget « Fenêtre Défilée » vous pourrez également faire défiler horizontalement et verticalement pendant que vous parcourir les sites Web.

Vous devrez maintenant ajouter le gestionnaire « backbutton_clicked » au signal du bouton Retour « cliqué », « refreshbutton_clicked » gestionnaire du bouton Actualiser « signal cliqué » et gestionnaire « enterkey_clicked » du signal « activé » pour l'entrée.

Le fichier .glade complet pour l'interface est ici.

<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.16.1 -->
<interface>
  <requires lib="gtk+" version="3.10"/>
  <object class="GtkWindow" id="window1">
    <property name="can_focus">False</property>
    <property name="title" translatable="yes">Our Simple Browser</property>
    <property name="window_position">center</property>
    <property name="default_width">1000</property>
    <property name="default_height">600</property>
    <property name="icon_name">applications-internet</property>
    <child>
      <object class="GtkBox" id="box1">
        <property name="visible">True</property>
        <property name="can_focus">False</property>
        <property name="orientation">vertical</property>
        <child>
          <object class="GtkBox" id="box2">
            <property name="visible">True</property>
            <property name="can_focus">False</property>
            <child>
              <object class="GtkButton" id="button1">
                <property name="label">gtk-go-back</property>
                <property name="visible">True</property>
                <property name="can_focus">True</property>
                <property name="receives_default">True</property>
                <property name="relief">half</property>
                <property name="use_stock">True</property>
                <property name="always_show_image">True</property>
                <signal name="clicked" handler="backbutton_clicked" swapped="no"/>
              </object>
              <packing>
                <property name="expand">False</property>
                <property name="fill">True</property>
                <property name="position">0</property>
              </packing>
            </child>
            <child>
              <object class="GtkButton" id="button2">
                <property name="label">gtk-refresh</property>
                <property name="visible">True</property>
                <property name="can_focus">True</property>
                <property name="receives_default">True</property>
                <property name="relief">half</property>
                <property name="use_stock">True</property>
                <property name="always_show_image">True</property>
                <signal name="clicked" handler="refreshbutton_clicked" swapped="no"/>
              </object>
              <packing>
                <property name="expand">False</property>
                <property name="fill">True</property>
                <property name="position">1</property>
              </packing>
            </child>
            <child>
              <object class="GtkEntry" id="entry1">
                <property name="visible">True</property>
                <property name="can_focus">True</property>
                <signal name="activate" handler="enterkey_clicked" swapped="no"/>
              </object>
              <packing>
                <property name="expand">True</property>
                <property name="fill">True</property>
                <property name="position">2</property>
              </packing>
            </child>
          </object>
          <packing>
            <property name="expand">False</property>
            <property name="fill">True</property>
            <property name="position">0</property>
          </packing>
        </child>
        <child>
          <object class="GtkScrolledWindow" id="scrolledwindow1">
            <property name="visible">True</property>
            <property name="can_focus">True</property>
            <property name="hscrollbar_policy">always</property>
            <property name="shadow_type">in</property>
            <child>
              <placeholder/>
            </child>
          </object>
          <packing>
            <property name="expand">True</property>
            <property name="fill">True</property>
            <property name="position">1</property>
          </packing>
        </child>
      </object>
    </child>
  </object>
</interface>

Copiez maintenant le code ci-dessus et collez-le dans le fichier « ui.glade » dans votre dossier personnel. Créez maintenant un nouveau fichier appelé « mywebbrowser.py » et entrez le code suivant à l'intérieur, toutes les explications sont dans les commentaires.

#!/usr/bin/python 
-*- coding: utf-8 -*- 

## Here we imported both Gtk library and the WebKit engine. 
from gi.repository import Gtk, WebKit 

class Handler: 
  
  def backbutton_clicked(self, button): 
  ## When the user clicks on the Back button, the '.go_back()' method is activated, which will send the user to the previous page automatically, this method is part from the WebKit engine. 
    browserholder.go_back() 

  def refreshbutton_clicked(self, button): 
  ## Same thing here, the '.reload()' method is activated when the 'Refresh' button is clicked. 
    browserholder.reload() 
    
  def enterkey_clicked(self, button): 
  ## To load the URL automatically when the "Enter" key is hit from the keyboard while focusing on the entry box, we have to use the '.load_uri()' method and grab the URL from the entry box. 
    browserholder.load_uri(urlentry.get_text()) 
    
## Nothing new here.. We just imported the 'ui.glade' file. 
builder = Gtk.Builder() 
builder.add_from_file("ui.glade") 
builder.connect_signals(Handler()) 

window = builder.get_object("window1") 

## Here's the new part.. We created a global object called 'browserholder' which will contain the WebKit rendering engine, and we set it to 'WebKit.WebView()' which is the default thing to do if you want to add a WebKit engine to your program. 
browserholder = WebKit.WebView() 

## To disallow editing the webpage. 
browserholder.set_editable(False) 

## The default URL to be loaded, we used the 'load_uri()' method. 
browserholder.load_uri("https://linux-console.net") 

urlentry = builder.get_object("entry1") 
urlentry.set_text("https://linux-console.net") 

## Here we imported the scrolledwindow1 object from the ui.glade file. 
scrolled_window = builder.get_object("scrolledwindow1") 

## We used the '.add()' method to add the 'browserholder' object to the scrolled window, which contains our WebKit browser. 
scrolled_window.add(browserholder) 

## And finally, we showed the 'browserholder' object using the '.show()' method. 
browserholder.show() 
 
## Give that developer a cookie ! 
window.connect("delete-event", Gtk.main_quit) 
window.show_all() 
Gtk.main()

Enregistrez le fichier et exécutez-le.

chmod 755 mywebbrowser.py
./mywebbrowser.py

Et c'est ce que vous obtiendrez.

Vous pouvez vous référer à la documentation officielle de WebKitGtk afin de découvrir plus d'options.

Création d'un enregistreur de bureau simple

Dans cette section, nous apprendrons comment exécuter des commandes système locales ou des scripts shell à partir du fichier Python à l'aide du module 'os', ce qui nous aidera à créer un simple enregistreur d'écran pour le bureau à l'aide du Commande 'avconv'.

Ouvrez le concepteur Glade et créez les widgets suivants :

  1. Créez le widget « window1 ».
  2. Créez le widget « box1 ».
  3. Créez les widgets « bouton1 », « bouton2 » et « bouton3 ».
  4. Créez le widget « entrée 1 ».

Après avoir créé les widgets ci-dessus, vous obtiendrez l’interface ci-dessous.

Voici le fichier ui.glade complet.

<?xml version="1.0" encoding="UTF-8"?> 
<!-- Generated with glade 3.16.1 --> 
<interface> 
  <requires lib="gtk+" version="3.10"/> 
  <object class="GtkWindow" id="window1"> 
    <property name="can_focus">False</property> 
    <property name="title" translatable="yes">Our Simple Recorder</property> 
    <property name="window_position">center</property> 
    <property name="default_width">300</property> 
    <property name="default_height">30</property> 
    <property name="icon_name">applications-multimedia</property> 
    <child> 
      <object class="GtkBox" id="box1"> 
        <property name="visible">True</property> 
        <property name="can_focus">False</property> 
        <child> 
          <object class="GtkEntry" id="entry1"> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
          </object> 
          <packing> 
            <property name="expand">False</property> 
            <property name="fill">True</property> 
            <property name="position">0</property> 
          </packing> 
        </child> 
        <child> 
          <object class="GtkButton" id="button1"> 
            <property name="label">gtk-media-record</property> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
            <property name="receives_default">True</property> 
            <property name="use_stock">True</property> 
            <property name="always_show_image">True</property> 
            <signal name="clicked" handler="recordbutton" swapped="no"/> 
          </object> 
          <packing> 
            <property name="expand">True</property> 
            <property name="fill">True</property> 
            <property name="position">1</property> 
          </packing> 
        </child> 
        <child> 
          <object class="GtkButton" id="button2"> 
            <property name="label">gtk-media-stop</property> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
            <property name="receives_default">True</property> 
            <property name="use_stock">True</property> 
            <property name="always_show_image">True</property> 
            <signal name="clicked" handler="stopbutton" swapped="no"/> 
          </object> 
          <packing> 
            <property name="expand">True</property> 
            <property name="fill">True</property> 
            <property name="position">2</property> 
          </packing> 
        </child> 
        <child> 
          <object class="GtkButton" id="button3"> 
            <property name="label">gtk-media-play</property> 
            <property name="visible">True</property> 
            <property name="can_focus">True</property> 
            <property name="receives_default">True</property> 
            <property name="use_stock">True</property> 
            <property name="always_show_image">True</property> 
            <signal name="clicked" handler="playbutton" swapped="no"/> 
          </object> 
          <packing> 
            <property name="expand">True</property> 
            <property name="fill">True</property> 
            <property name="position">3</property> 
          </packing> 
        </child> 
      </object> 
    </child> 
  </object> 
</interface>

Comme d'habitude, copiez le code ci-dessus et collez-le dans le fichier « ui.glade » dans votre répertoire personnel, créez un nouveau fichier « myrecorder.py » et saisissez ce qui suit code à l'intérieur (chaque nouvelle ligne est expliquée dans les commentaires).

#!/usr/bin/python 
-*- coding: utf-8 -*- 

## Here we imported both Gtk library and the os module. 
from gi.repository import Gtk 
import os 
        
class Handler: 
  def recordbutton(self, button): 
    ## We defined a variable: 'filepathandname', we assigned the bash local variable '$HOME' to it + "/" + the file name from the text entry box. 
    filepathandname = os.environ["HOME"] + "/" + entry.get_text() 
    
    ## Here exported the 'filepathandname' variable from Python to the 'filename' variable in the shell. 
    os.environ["filename"] = filepathandname 
    
    ## Using 'os.system(COMMAND)' we can execute any shell command or shell script, here we executed the 'avconv' command to record the desktop video & audio. 
    os.system("avconv -f x11grab -r 25 -s `xdpyinfo | grep 'dimensions:'|awk '{print $2}'` -i :0.0 -vcodec libx264 -threads 4 $filename -y & ") 
    
    
  def stopbutton(self, button): 
    ## Run the 'killall avconv' command when the stop button is clicked. 
    os.system("killall avconv") 
    
  def playbutton(self, button): 
  ## Run the 'avplay' command in the shell to play the recorded file when the play button is clicked. 
    os.system("avplay $filename &") 
    
    
## Nothing new here.. We just imported the 'ui.glade' file. 
builder = Gtk.Builder() 
builder.add_from_file("ui.glade") 
builder.connect_signals(Handler()) 

window = builder.get_object("window1") 
entry = builder.get_object("entry1") 
entry.set_text("myrecording-file.avi") 

## Give that developer a cookie ! 
window.connect("delete-event", Gtk.main_quit) 
window.show_all() 
Gtk.main()

Exécutez maintenant le fichier en appliquant les commandes suivantes dans le terminal.

chmod 755 myrecorder.py
./myrecorder.py

Et vous avez votre premier enregistreur de bureau.

Vous pouvez trouver plus d'informations sur le module « os » dans la bibliothèque Python OS.

Et c'est tout, créer des applications pour le bureau Linux n'est pas difficile avec PyGObject, il vous suffit de créer l'interface graphique, d'importer quelques modules et de lier le fichier Python à l'interface graphique, ni plus, ni moins. Il existe de nombreux didacticiels utiles sur cette opération sur le site Web de PyGObject :

Avez-vous essayé de créer des applications à l'aide de PyGObject ? Que pensez-vous de cela ? Quelles applications avez-vous déjà développées ?