View  Edit  Attributes  History  Attach  Print  Search

Créer des mini-webApps : les bases utiles.

jQuery : simplifier la communication avec Pyduino à partir d'un navigateur

Les bases

  • Simplifier le code Javascript à l'aide de jQuery
  • Apprendre à mettre en place un serveur graphique javascript entièrement local

Serveur Pyduino HTML+jQuery : recevoir des données dans le navigateur client

  • Recevoir et afficher des données texte dans le navigateur client
    • Affichages simple de données dans un champ texte
    • Affichage de données dans un tableau graphique avec la librairie w2ui
  • Réaliser des affichages "analogiques" dans le navigateur client à l'aide d'une librairie javascript dédiée :
    • Afficher des widgets analogiques avec la librairie RGraph
    • Afficher dans afficheurs Digitaux avec la librairie Segment Display
  • Réaliser des affichages graphiques sous forme de courbe interactive dans le navigateur client à l'aide d'une librairie javascript dédiée :
    • Affichage simple d'une courbe avec la librairie Dygraphs
    • Affichage des données de datalogging sous forme d'un graphique dynamique Dygraphs

Serveur Pyduino HTML+jQuery+Ajax : réaliser des affichages graphiques dynamiques dans le navigateur client !

  • Afficher des données sous forme graphique dans des canvas à l'aide d'une librairie javascript dédiée :
    • Afficher des courbes temps réel avec la librairie Smoothie
    • Afficher des widgets analogiques dynamiques avec la librairie RGraph
    • Afficher dans afficheurs Digitaux dynamiques avec la librairie Segment Display

Serveur Pyduino HTML+jQuery+Ajax : contrôler Pyduino de façon interactive par le réseau !

  • Contrôler Pyduino depuis le navigateur client en utilisant des requêtes Ajax.
  • Contrôler Pyduino à partir d'une interface graphique depuis le navigateur client en utilisant des requêtes Ajax. (utilisable avec une tablette tactile notamment !)

jQueryUI : utiliser des widgets graphiques pour interagir avec Pyduino depuis un navigateur

Widgets d'affichage

Widgets de réglage

Mini webapps Pyduino opérationnelles

  • Monitoring journalisé d'une régulation de chauffage
  • galerie d'images dynamique d'un répertoire utilisateur
  • serveur de graphique matplotlib créés sur requête client

Archives

Javascript

Serveur Pyduino HTML+Javascript : réaliser des affichages graphiques dans le navigateur client !

  • Afficher un canvas (zone de dessin) dans le navigateur client.
  • Afficher des données sous forme graphique dans un canvas dans le navigateur client.
  • Afficher des données sous forme graphique dans des canvas à l'aide d'une librairie javascript dédiée.

Serveur Pyduino HTML+Javascript+Ajax : recevoir des données depuis Pyduino par le réseau !

  • Afficher dans le navigateur client des données texte reçues en « temps-réel » en utilisant des requêtes Ajax.
  • Afficher des données sous forme de courbe en « temps-réel » dans un canvas en utilisant des requêtes Ajax.
  • Afficher des données reçues « en temps réel » par requêtes AJAX sous forme de courbes et de widgets analogiques dans des canvas à l'aide d'une librairie javascript dédiée.

Serveur Pyduino HTML+Javascript+Ajax : contrôler Pyduino par le réseau !

  • Contrôler Pyduino depuis le navigateur client en utilisant des requêtes Ajax.
  • Contrôler Pyduino à partir d'une interface graphique depuis le navigateur client en utilisant des requêtes Ajax. (utilisable avec une tablette tactile notamment !)