TAG | WEB
3
écran multi-touch avec une webcam modifié, un videoprojecteur et une surface en verre.
2 Comments | Posted by stephanev in Interface Homme Machine
Projet trés interessant de réaliser un écran multi touch.
3 étapes :
Transformer une webcam en webcam InfraRouge en enlevant le filtre infrarouge d’une simple webcam et en mettant un filtre laissant passer uniquement les infrarouges ( Le négatif noir d’une pellicule photo m’a permis de faire cette phase ) pour tester le fonctionnement de votre webcam vous pouvez utiliser une simple télécommande. Elle se transformera en lampe torche si vous regarder votre écran d’ordinateur même dans le noir.
Tranformer la surface en verre en écran en appliquant une fine couche de silicone sur le verre et en appliquant des leds infrarouge sur les cotés de cette plaque en verre.
La webcam regardant la surface en verre, lors du contact des doigts sur celle ci une pertubation du signal IR fera apparaitre les ronds du bout des doigts permettant ainsi de faire interagir l’image projeté sur la surface en silicone avec l’analyse de l’interaction des mains des utilisateurs.
Pour cela sur une distribution linux il faudra installer MPX la modification de X.Org.
Puis une bibliotheque permettant d’interagir avec les applications du type touchlib pouvant intégrer des applications en flash
La bande son il s’agit de « Who am i – Peace Orchestra »
Connaissant ce framework depuis un certain moment, son efficacité.
Pour mettre en place un IDE Web PHP, SQL, HTML, Smarty.
J’ai mis en place les Treeview pour explorer les arborescences de fichiers, LDAP et SQL.
En utilisant les tabview pour afficher les différents documents avec par exemple Codepress pour afficher les fichiers PHP,
avec chargement et sauvegarde via des flux JSON ( en utilisant la bibliotheque PEAR JSON ) et ecrire les différences entre les versions ( via la bibliothèque PEAR Text_Diff )
Pour afficher le contenu des tables j’utilise DataView permettant de trier à la volée le contenu des bases de données et editer leur contenu dynamiquement.
Depuis un certain temps je cherchais a externaliser mes outils de développements et les rendre collaboratifs ( pour l’administration des sites par exemple multi-edition ) ,
Aprés moult recherche, j’ai touvé quelques solutions pouvant être interessantes.
L’édition de codes avec mise en couleur de la syntaxe HTML, PHP, CSS, SQL et Smarty via :
l’excellent markItUp trés bien pensé avec preview temps-réels ou encore helene.
Pour des outils collaboratifs multi-éditeur ( utilisant Python, PHP et AJAX ) pas encore compatible IE8 ( IE7 & IE6 supportés )
Google-mobwrite nécessite l’installation du mod-python
Pas encore testé la combinaison des 2 technologies. Il semblerait qu’un problème dû au rafraichissement du contenu fasse perdre l’emplacement de la souris.
Idées de solutions :
- l’une proposé sur le forum de google mobwrite étant de noter l’emplacement du curseur, pour le attribuer après la mise à jour.
- peux être en faisant un diff. du contenu ( cela doit être lourd comme solution ) pour venir ajouter les modifications dans les offsets du client.
Lithron : Outils de créations de PDF.
Permet de créer facilement des documents PDF, en les générant a partir de fichiers XML généré via PHP ou Smarty.
Utilise la bibliothèque commerciale PDFlib. Mais il est possible d’utiliser PDFlib Lite.
Il faut pour cela télécharger et compiler la bibliotheque PDFlib Lite ( make, make install )
puis pecl install pdflib ( lors de la question « path install » saisir /usr/local )
modifier votre fichier php.ini en ajoutant extension=pdf.so
et voila vous pouvez générer vos PDF comme de simples pages html, bien moin fastidieux qu’avec fpdf.
Ensuite vous pouvez générer vos PDF en provencance de templates Smarty.
Pour se faire, je recupere le contenu de mon template
$xml = $smarty->fetch(« templatepdf.tpl »);
et fabrique le PDF
$lithron->render( $xml );
Pour les accents, j’ai modifié la déclaration de lithron
$lithron->setDefaultEncoding(« iso8859-1″);
et modifié l’entete de mon template
<?xml version= »1.0″ encoding= »iso8859-1″?>
<lithron>
Et voila génération de templates PDF dynamiquement.
