Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
HS: construction d'une Visu en PHP
#1
Bonjour,

Je voudrais construire une Visu en PHP.
La création des fichiers xml fonctionne.
Il me reste la création d'une image en PHP, et là j'ai un problème de
compréhension.
Je vois bien la commande:
$image = imagecreatetruecolor($width, $height)
puis le remplisaage
imagefill($image, 0, 0, $blue1)
puis éventuellement dessiner du texte,
imagefttext($image, 13, 0, 105, 55, $black, $font_file, $status)

La question: comment fait'on pour ajouter (superposer) des petites
icônes. L'idée étant d'avoir une image d'ensemble dynamique, par
exemple avoir des icônes de thermostat différentes en fonction de la
température. (J'espère qu'il ne faut pas prédéfinir l'image complète)

Merci
Répondre
#2
Hello,

J'ai fait ceci: http://thorolf.dyndns.org:100/heating.php

C'est une image au fond, avec des températures et dessins des pompes (ON=VERT, OFF =ROUGE)

C'est quelque chose comme ça que tu veux faire?

On May 24, 2011, at 12:42 , marc.assin wrote:

Bonjour,

Je voudrais construire une Visu en PHP.
La création des fichiers xml fonctionne.
Il me reste la création d'une image en PHP, et là j'ai un problème de
compréhension.
Je vois bien la commande:
$image = imagecreatetruecolor($width, $height)
puis le remplisaage
imagefill($image, 0, 0, $blue1)
puis éventuellement dessiner du texte,
imagefttext($image, 13, 0, 105, 55, $black, $font_file, $status)

La question: comment fait'on pour ajouter (superposer) des petites
icônes. L'idée étant d'avoir une image d'ensemble dynamique, par
exemple avoir des icônes de thermostat différentes en fonction de la
température. (J'espère qu'il ne faut pas prédéfinir l'image complète)

Merci
Répondre
#3
On 24 mai, 14:10, Jesper NIELSEN <jesper.fra...@gmail.com> wrote:
> J'ai fait ceci:http://thorolf.dyndns.org:100/heating.php
Pfiouuu, chapeau ! ! !

> C'est quelque chose comme ça que tu veux faire?
Oui, en 10x plus simple, à usage du prgrammeur du dimanche :-)
En re-épluchant toutes les commandes les unes après les autres, je
suis tombé sur imagecopy

Cà devrait donner ceci sur le téléphone (pour l'instant uniquement
dans le browser)
https://sites.google.com/site/domotiquee...p/Visu.JPG

Merci
Répondre
#4
Oki,

Ce que j'ai fait est vraiment temporaire, je ferai quelque chose de plus propre plus tard. J'ai fait ça pour comprendre pourquoi mes panneaux solaires ne fonctionnaient pas comme je voulais..

Bref, une solution est bien sûr d'afficher l'image que tu veux en fonction de la température.. Mais bon, si c'est pour avoir 20 images par température ce n'est pas très correct au niveau programmation Smile

C'est ce que je compte faire pour mes pompes, genre IF courant > 1A (par exemple..) echo "image d'une pompe verte" ELSE echo "image d'une pompe rouge"

Cela fonctionne très bien et correspond à mon niveau de programmation Smile



On May 24, 2011, at 15:01 , marc.assin wrote:

On 24 mai, 14:10, Jesper NIELSEN <jesper.fra...@gmail.com> wrote:
> J'ai fait ceci:http://thorolf.dyndns.org:100/heating.php
Pfiouuu, chapeau ! ! !

> C'est quelque chose comme ça que tu veux faire?
Oui, en 10x plus simple, à usage du prgrammeur du dimanche :-)
En re-épluchant toutes les commandes les unes après les autres, je
suis tombé sur imagecopy

Cà devrait donner ceci sur le téléphone (pour l'instant uniquement
dans le browser)
https://sites.google.com/site/domotiquee...p/Visu.JPG

Merci
Répondre
#5
Une autre option est d'utiliser de l'HTML.
Ce sera plus joli si tu peux te permettre d'oublier IE6, 7 et 8.

J'ai repris ton exemple: https://gist.github.com/988724
Tu peux copier le contenu dans un fichier texte, l'appeler page.html,
et l'ouvrir dans Firefox ou Chrome.

La variable est le pourcentage: style="height:65%" a faire monter ou
descendre en php, et les chiffres.
C'est basique, mais avec CSS, et surtout CSS3 (supporté par iphone et
android)
Il y a moyen de faire toute sorte d'effets, de dégradé et de
graduations, etc...

L'avantage c'est plus léger pour le server et le client. Et facile
pour php.
Et personnellement je trouve que c'est plus facile d'accès, et plus
dans l'air du temps.

- - - - - - - - - - -

Et puis il y a la toute dernière techno graphique: canvas, qui a été
inventée par Apple et reprise dans le standard HTML5.
https://developer.mozilla.org/en/Drawing...ith_Canvas
Encore plus léger et plus puissant que l'HTML, à nouveau pas pour IE6,
7 et 8.

Je prendrai une des deux techno pour la visu de ma future
installation.
On commence le câblage le mois prochain!


On May 24, 3:01 pm, "marc.assin" <raym...@warichet.com> wrote:
> On 24 mai, 14:10, Jesper NIELSEN <jesper.fra...@gmail.com> wrote:> J'ai fait ceci:http://thorolf.dyndns.org:100/heating.php
>
> Pfiouuu, chapeau ! ! !
>
> > C'est quelque chose comme ça que tu veux faire?
>
> Oui, en 10x plus simple, à usage du prgrammeur du dimanche :-)
> En re-épluchant toutes les commandes les unes après les autres, je
> suis tombé sur imagecopy
>
> Cà devrait donner ceci sur le téléphone (pour l'instant uniquement
> dans le browser)https://sites.google.com/site/domotiquee...p/Visu.JPG
>
> Merci
Répondre
#6
> L'avantage c'est plus léger pour le server et le client. Et facile
> pour php.
Je plussois !!!
Répondre
#7
On 24 mai, 16:00, Mic <tch...@gmail.com> wrote:
> Une autre option est d'utiliser de l'HTML.
L'application est un peu particulière, je n'ai pas le choix

> Ce sera plus joli si tu peux te permettre d'oublier IE6, 7 et 8.
IE me sert juste à voir si mon script marche, mais n'est pas employé
en finale.
Le script PHP génère du code XML (ou PNG) envoyé au téléphone)

> J'ai repris ton exemple:https://gist.github.com/988724
J'ai vu, pas mal !
Répondre
#8
c'est bôôôôô ce que tu as fait jesper...

je sais pas si je serai foutu de faire ca un jour, mais rien que ca, ca me
plairait déja bien!!



Le 24 mai 2011 14:10, Jesper NIELSEN <jesper.france@gmail.com> a écrit :

> Hello,
>
> J'ai fait ceci: http://thorolf.dyndns.org:100/heating.php
>
> C'est une image au fond, avec des températures et dessins des pompes
> (ON=VERT, OFF =ROUGE)
>
> C'est quelque chose comme ça que tu veux faire?
>
> On May 24, 2011, at 12:42 , marc.assin wrote:
>
> Bonjour,
>
> Je voudrais construire une Visu en PHP.
> La création des fichiers xml fonctionne.
> Il me reste la création d'une image en PHP, et là j'ai un problème de
> compréhension.
> Je vois bien la commande:
> $image = imagecreatetruecolor($width, $height)
> puis le remplisaage
> imagefill($image, 0, 0, $blue1)
> puis éventuellement dessiner du texte,
> imagefttext($image, 13, 0, 105, 55, $black, $font_file, $status)
>
> La question: comment fait'on pour ajouter (superposer) des petites
> icônes. L'idée étant d'avoir une image d'ensemble dynamique, par
> exemple avoir des icônes de thermostat différentes en fonction de la
> température. (J'espère qu'il ne faut pas prédéfinir l'image complète)
>
> Merci
>
>
Répondre
#9
Merci!

Je ne voulais pas "piquer" le sujet, mais si quelqu'un a besoin d'aide n'hésitez pas de m'envoyer un mail.

C'est tout fait avec du 1-wire, je n'ai malheureusement pas encore de vicu knx Sad


On May 24, 2011, at 20:16 , jean-philippe flx wrote:

c'est bôôôôô ce que tu as fait jesper...

je sais pas si je serai foutu de faire ca un jour, mais rien que ca, ca me plairait déja bien!!



Le 24 mai 2011 14:10, Jesper NIELSEN <jesper.france@gmail.com> a écrit :
Hello,

J'ai fait ceci: http://thorolf.dyndns.org:100/heating.php

C'est une image au fond, avec des températures et dessins des pompes (ON=VERT, OFF =ROUGE)

C'est quelque chose comme ça que tu veux faire?

On May 24, 2011, at 12:42 , marc.assin wrote:

Bonjour,

Je voudrais construire une Visu en PHP.
La création des fichiers xml fonctionne.
Il me reste la création d'une image en PHP, et là j'ai un problème de
compréhension.
Je vois bien la commande:
$image = imagecreatetruecolor($width, $height)
puis le remplisaage
imagefill($image, 0, 0, $blue1)
puis éventuellement dessiner du texte,
imagefttext($image, 13, 0, 105, 55, $black, $font_file, $status)

La question: comment fait'on pour ajouter (superposer) des petites
icônes. L'idée étant d'avoir une image d'ensemble dynamique, par
exemple avoir des icônes de thermostat différentes en fonction de la
température. (J'espère qu'il ne faut pas prédéfinir l'image complète)

Merci
Répondre
#10
bsr,
bravo pour ce super boulot Jesper !

via 1 -wire, ca m'intéresse,
je cherche le meme style Smile

quel composant as tu utilisé ? comment les as tu positionnés ? 1
technique particuliere ?

je pensais positionner mes capteurs directement sur les tuyaux, bien
scotchés....

tks
Arnaud



Le 24/05/2011 20:54, Jesper NIELSEN a écrit :
> Merci!
>
> Je ne voulais pas "piquer" le sujet, mais si quelqu'un a besoin d'aide
> n'hésitez pas de m'envoyer un mail.
>
> C'est tout fait avec du 1-wire, je n'ai malheureusement pas encore de
> vicu knx Sad
>
>
> On May 24, 2011, at 20:16 , jean-philippe flx wrote:
>
> c'est bôôôôô ce que tu as fait jesper...
>
> je sais pas si je serai foutu de faire ca un jour, mais rien que ca,
> ca me plairait déja bien!!
>
>
>
> Le 24 mai 2011 14:10, Jesper NIELSEN <jesper.france@gmail.com
> <mailto:jesper.france@gmail.com>> a écrit :
>
> Hello,
>
> J'ai fait ceci: http://thorolf.dyndns.org:100/heating.php
>
> C'est une image au fond, avec des températures et dessins des
> pompes (ON=VERT, OFF =ROUGE)
>
> C'est quelque chose comme ça que tu veux faire?
>
> On May 24, 2011, at 12:42 , marc.assin wrote:
>
> Bonjour,
>
> Je voudrais construire une Visu en PHP.
> La création des fichiers xml fonctionne.
> Il me reste la création d'une image en PHP, et là j'ai un problème de
> compréhension.
> Je vois bien la commande:
> $image = imagecreatetruecolor($width, $height)
> puis le remplisaage
> imagefill($image, 0, 0, $blue1)
> puis éventuellement dessiner du texte,
> imagefttext($image, 13, 0, 105, 55, $black, $font_file, $status)
>
> La question: comment fait'on pour ajouter (superposer) des petites
> icônes. L'idée étant d'avoir une image d'ensemble dynamique, par
> exemple avoir des icônes de thermostat différentes en fonction de la
> température. (J'espère qu'il ne faut pas prédéfinir l'image complète)
>
> Merci
>
>
>
Répondre
#11
Salut Raymond,

Il est possible de générer une image avec la librairie jpgraph. Je
viens de faire le test, ça se trouve ici:
http://ouaye.net/linknx/other/visu-img/v...text=21.55

Le code se trouve ici:
http://ouaye.net/linknx/other/visu-img.tgz

La librairie jphgraph est incluse dans le tgz.
Il faut juste adapter le chemin vers les polices de caractères dans le
fichier jpgraph/src/jpg-config.inc.php

A+

Jean-François

On 24 mai, 17:15, "marc.assin" <raym...@warichet.com> wrote:
> On 24 mai, 16:00, Mic <tch...@gmail.com> wrote:> Une autre option est d'utiliser de l'HTML.
>
> L'application est un peu particulière, je n'ai pas le choix
>
> > Ce sera plus joli si tu peux te permettre d'oublier IE6, 7 et 8.
>
> IE me sert juste à voir si mon script marche, mais n'est pas employé
> en finale.
> Le script PHP génère du code XML (ou PNG) envoyé au téléphone)
>
> > J'ai repris ton exemple:https://gist.github.com/988724
>
> J'ai vu, pas mal !
Répondre
#12
On 24 mai, 21:39, jef2000 <jef2...@ouaye.net> wrote:
> Je viens de faire le test, ça se trouve ici:
Cà y ressemble comme 2 gouttes d'eau :-)

> La librairie jphgraph est incluse dans le tgz.
> Il faut juste adapter le chemin vers les polices de caractères dans le
> fichier jpgraph/src/jpg-config.inc.php
Pas sûr que j'ai tout compris, mais je vais essayer

Merci beaucoup
Répondre
#13
Hello,

J'ai mis des DS18B20 (comme fait quasi tout le monde pour des réseaux 1wire je pense) Smile

Je les ai scotché à la rache sur les tuyaux, comme tu dis! J'ai du mettre 5 minutes pour les positionner, encore une fois c'est vraiment provisoire, un jour je referai tout.. Mais bon reste à finir de construire la maison, après on verra!

Par la suite je mettrai un switch pour créer plusieurs réseaux 1wire, je pense que c'est plus simple à gérer après..

On May 24, 2011, at 21:13 , Arnaud Cognard wrote:

bsr,
bravo pour ce super boulot Jesper !

via 1 -wire, ca m'intéresse,
je cherche le meme style Smile

quel composant as tu utilisé ? comment les as tu positionnés ? 1 technique particuliere ?

je pensais positionner mes capteurs directement sur les tuyaux, bien scotchés....

tks
Arnaud



Le 24/05/2011 20:54, Jesper NIELSEN a écrit :
>
> Merci!
>
> Je ne voulais pas "piquer" le sujet, mais si quelqu'un a besoin d'aide n'hésitez pas de m'envoyer un mail.
>
> C'est tout fait avec du 1-wire, je n'ai malheureusement pas encore de vicu knx Sad
>
>
> On May 24, 2011, at 20:16 , jean-philippe flx wrote:
>
> c'est bôôôôô ce que tu as fait jesper...
>
> je sais pas si je serai foutu de faire ca un jour, mais rien que ca, ca me plairait déja bien!!
>
>
>
> Le 24 mai 2011 14:10, Jesper NIELSEN <jesper.france@gmail.com> a écrit :
> Hello,
>
> J'ai fait ceci: http://thorolf.dyndns.org:100/heating.php
>
> C'est une image au fond, avec des températures et dessins des pompes (ON=VERT, OFF =ROUGE)
>
> C'est quelque chose comme ça que tu veux faire?
>
> On May 24, 2011, at 12:42 , marc.assin wrote:
>
> Bonjour,
>
> Je voudrais construire une Visu en PHP.
> La création des fichiers xml fonctionne.
> Il me reste la création d'une image en PHP, et là j'ai un problème de
> compréhension.
> Je vois bien la commande:
> $image = imagecreatetruecolor($width, $height)
> puis le remplisaage
> imagefill($image, 0, 0, $blue1)
> puis éventuellement dessiner du texte,
> imagefttext($image, 13, 0, 105, 55, $black, $font_file, $status)
>
> La question: comment fait'on pour ajouter (superposer) des petites
> icônes. L'idée étant d'avoir une image d'ensemble dynamique, par
> exemple avoir des icônes de thermostat différentes en fonction de la
> température. (J'espère qu'il ne faut pas prédéfinir l'image complète)
>
> Merci
>
>
>
Répondre
#14
> L'application est un peu particulière, je n'ai pas le choix

XML et PNG, mais pas HTML ça c'est intriguant comme environnement.
C'est quoi comme téléphone?
Répondre
#15
On 25 mai, 16:12, Mic <tch...@gmail.com> wrote:
> C'est quoi comme téléphone?
Cisco 7970, couleur avec écran tactile, connecté à un réseau Asterisk.
Je l'ai également configuré pour sonner en cas d'alarme KNX, çà permet
de voir rapidement d'où vient l'alarme, sans aller sur la Visu
Répondre
#16
Les IP Phones sont tous (quasi tous ?) en XML ...
Moi j'ai de l'aastra (tactile couleur aussi) mais j'ai pas encore pris
le temps de jouer avec pour knx Sad
Répondre
#17
On 26 mai, 11:15, Roby <goo...@macuba.net> wrote:
> Les IP Phones sont tous (quasi tous ?) en XML ...
Oui, en effet, mais les fichiers XML sont générés dynamiquement par un
un script PHP

> Moi j'ai de l'aastra (tactile couleur aussi) mais j'ai pas encore pris
> le temps de jouer avec pour knx Sad
C'est une aventure dont l'issue est incertaine ...surtout pour un non-
programmeur
Répondre
#18
J'ai regardé le site de Cisco, et ça n'a effectivement pas l'air très
hospitalier comme environnement.
Bon courage.

On May 26, 11:41 am, "marc.assin" <raym...@warichet.com> wrote:
> On 26 mai, 11:15, Roby <goo...@macuba.net> wrote:> Les IP Phones sont tous (quasi tous ?) en XML ...
>
> Oui, en effet, mais les fichiers XML sont générés dynamiquement par un
> un script PHP
>
> > Moi j'ai de l'aastra (tactile couleur aussi) mais j'ai pas encore pris
> > le temps de jouer avec pour knx Sad
>
> C'est une aventure dont l'issue est incertaine ...surtout pour un non-
> programmeur
Répondre
#19
On 26 mai, 18:57, Mic <tch...@gmail.com> wrote:
> J'ai regardé le site de Cisco, et ça n'a effectivement pas l'air très
> hospitalier comme environnement.
Il faut s'enregistrer comme CCO, alors tu as accès à un peu plus
d'infos.
La doc laisse à désirer....

> Bon courage.
Merci, je vois la fin...
encore que je teste des caméra IP et je ne vois pas comment les
intégrer, notamment les alarmes générées par le Motion Control (mettre
un US/U sur chaque caméra ne me plait pas du tout)
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 3 visiteur(s)