Not Just another technical weblog…

Après avoir créé chacun une application web interagissant avec FreeSwitch (un logiciel gratuit permettant de faire de la VoIP) deux développeurs se sont aperçus qu’il était vraiment très compliqué de créer des applications fonctionnant avec de la téléphonie. Ils ont donc  mis leurs efforts en commun pour créer un FrameWork capable de simplifier ces interactions. Ils se sont alors inspirés de Twilio pour créer un outil pratique et simple…

Cet outil développé en Python s’appelle Plivo et est accessible sur le site officiel http://www.plivo.org. Après installation d’un service de VoIP, il faut lancer l’exécutable Plivo et ainsi pouvoir interagir facilement avec!

Un dépôt github permet de récupérer les différentes sources nécessaires au bon fonctionnement (https://github.com/plivo) et un guide de lancement précis permet de démarrer très vite le service (http://www.plivo.org/get-started/)

Ce système ouvre des perspectives de développements intéressantes car il permet à travers des appels REST XML de contrôler des appels téléphonique envoyés au serveur. Par exemple, vous pourriez contrôler des actions sur votre site à travers un simple appel téléphonique.

Pour le moment ce système s’intègre avec FreeSwitch mais à vocation à s’ouvrir et interagir avec XMPP, Asterisk, …

De mon côté j’imagine plusieurs applications à ce genre de technologie, et vous seriez-vous prêt à développer des applications utilisant ce genre de FrameWork ?

Sur plusieurs sites j’ai récemment eu à réaliser des développements de compatibilité IPad.

J’ai rencontré plusieurs problèmes sur des tailles et des positionnements de bloc, des petits décalages, etc. Rien de très complexe et surtout plus facile à corriger que sur Internet Explorer 6 ou 7.

Certaines pages utilisaient une image de fond générale, image apparaissant derrière tout le site. Sur l’IPad je n’arrivais pas à avoir le même rendu que sur mon ordinateur portable et ne comprenait pas pourquoi jusqu’au moment ou j’ai remarqué que l’image de fond était redimensionnée. De façon assez étrange, l’IPad interdit aux éléments visibles de sortir du cadre de vision.
J’ai essayé plusieurs techniques :

• Un grand div centré sur la page avec taille fixe et image de fond
• Une image de fond sur le body
• Une image de fond sur l’élément principal de mon site
• Une balise image de taille fixe et centrée

Aucune de ces techniques n’a fonctionné. J’ai donc effectué plusieurs recherches et j’ai réussi à trouver la solution!

Il faut donc :

• s’arranger pour découper son image de fond et l’assembler sans qu’elle ne sorte du cadre
• utiliser une feuille de style spécifique intégrant une image de fond adaptée (comme la résolution de l’écran est fixe, il est facile de créer une image de la bonne taille). Il n’existe pas de directive en HTML permettant de détecter l’IPad, il faut donc se baser sur la taille d’écran.

  <link rel="stylesheet"
        media="only screen and (max-device-width: 1024px)"
        href="../ipad.css"
        type="text/css"
  />
  

• utiliser une directive Webkit permettant de spécifier la taille de l’image de fond

  body
  {
      -webkit-background-size: 2000px 1400px;
  }
  

J’ai préféré utiliser la troisième technique qui fonctionne très bien! En tout cas dans mon cas c’était celle qui était la plus rapide et la plus adaptée…

Je n’ai pas eu beaucoup l’occasion de réaliser des compatibilités IPad, dites-moi ce que vous pensez des autres!