Depuis que les smartphones sont apparus s’est posée la question des versions mobiles des sites web : avec de plus en plus de visiteurs en provenance de plate-formes mobiles, il est devenu nécessaire d’offrir une expérience utilisateur particulière à ceux-ci, afin de faciliter leur navigation. Mais développer un site pour mobiles n’est pas forcément toujours pratique, car quand arrive la phase du test, déboguer peut être un vrai calvaire. Enfin, si on n’a pas les bons outils.

Le bon outil, c’est bien évidemment Firefox, qui dispose d’un très grand nombre d’outils plutôt pratiques quand il s’agit de développer un site web. En ce qui concerne le développement mobile, on avait déjà parlé du mode responsive permettant de vérifier l’utilité des media queries, mais il existe un autre outil tout aussi pratique : le débogage à distance.

Grâce au débogage à distance, vous pourrez accéder, depuis votre ordinateur, à la console web, comme vous le feriez avec n’importe quel site. Sauf que ce site sera visualisé sur votre mobile et que vous pourrez donc y tester toutes sortes de choses.

Pour pouvoir faire tout ça, il va nous falloir un peu de matériel, à commencer par un terminal Android, bien sûr, sur lequel vous aurez installé Firefox pour Android et activé le débogage USB. Vous aurez également besoin d’un câble pour le connecter à votre ordinateur et, pour pouvoir établir comme il le faut cette connexion, nous aurons besoin d’ADB, que vous trouverez dans le SDK d’Android. Toutes les explications dont vous pourriez avoir besoin sont ici.

Sur votre ordinateur, ouvrez un terminal et lancez donc la commande suivante afin de vérifier si ADB détecte bien votre terminal :
adb devices

Si c’est le cas, vous devriez avoir une sortie de ce genre (avec bien sûr une chaîne hexadécimale différente) :
List of devices attached
0A3C27F51001B00B device

Maintenant, il nous faut activer le débogage à distance sur Firefox pour Android. Pour cela, lancez l’application et rendez vous dans les paramètres, section Outils de développement. Vous y trouverez une case à cocher « Débogage distant » que vous vous empresserez de cocher si ce n’est pas déjà fait.

Il va nous falloir faire de même sur notre ordinateur, en ouvrant la console web. Cliquez sur la petite icône d’engrenage dans la barre du haut pour vous rendre dans les paramètres et cochez la case « Activer le débogage distant« .

Nous sommes fin prêt à établir une première connexion ! Si ce n’est pas déjà fait, connectez votre terminal grâce au câble USB puis, en ligne de commande, tapez donc ceci pour dire à ADB d’utiliser le port que l’on veut qu’il utilise :
adb forward tcp:6000 tcp:6000
Notez que vous devrez recommencer à partir de cette étape pour vos prochains débogages distants.

Depuis votre ordinateur, rendez vous alors dans le menu Outils de Firefox, rubrique Développeur web. Vous devriez y trouver une option « Se connecter… » sur laquelle vous cliquerez. Cela aura pour effet d’ouvrir un nouvel onglet contenant un petit formulaire qui devrait normalement être pré-rempli avec les bonnes valeurs. Cliquez alors sur le bouton « Se connecter« .

Sur votre mobile, une boîte de dialogue va alors s’afficher, vous demandant si vous souhaitez autoriser la connexion. Je vous laisse deviner l’option à choisir.

Le nouvel onglet de Firefox ouvert précédemment vous affiche alors la liste des onglets ouverts sur votre terminal. Cliquez sur celui que vous souhaitez déboguer. Ceci aura pour effet de fermer l’onglet en question et d’ouvrir une nouvelle fenêtre contenant une console web directement reliée à l’onglet sélectionné : félicitations, vous avez désormais tous les outils dont vous auriez pu rêver sur votre mobile !

Pour tester la bête, vous pouvez par exemple utiliser la ligne de commande de la console et y taper quelque chose du genre :
alert('Hello World!');
Il ne vous reste maintenant plus qu’à déboguer ce qui vous posait problème !

Original post of Tasse de Café.Votez pour ce billet sur Planet Libre.

Après vous avoir appris à notifier sur Google Chat ou Jabber et par email, on va aujourd’hui apprendre à notifier des utilisateurs sur IRC, un des systèmes de chat les plus anciens.

Installation de la librairie NetSmartIRC

L’installation se fait, comme d’habitude dans notre série d’articles, via Composer.
On va donc ajouter dans le require du fichier composer.json la libraire disponible sur PEAR ou Packagist :

"require": {
    "tarekdj/net-smart-irc": "1.0.3"
}

Envoyer un message sur IRC

Malheureusement, on dirait que les développeurs n’ont pas utilisé les techniques d’autoload prescrites par la PSR-0. Donc il va falloir inclure notre fichier à l’ancienne :

require 'vendor/tarekdj/net-smart-irc/Net/SmartIRC.php';

On va définir le channel auquel on veut envoyer un message :

define('CHANNEL', '#test');

Après cela, on va initialiser la classe Net_SmartIRC :

$oIrc = &new Net_SmartIRC();
$oIrc->setDebug(SMARTIRC_DEBUG_ALL);
$oIrc->setUseSockets(TRUE);

Avant de tenter de se connecter, on va dire à Net_SmartIRC d’exécuter régulièrement des actions :

class Notification
{
  function sendNotification(&$oIrc)
  {
    global $ptrIRCNotify;
    $oIrc->message(SMARTIRC_TYPE_CHANNEL, CHANNEL, 'Merci de visiter http://rootslabs.net/blog/');
    $oIrc->unregisterTimeid($ptrIRCNotify);
  }
  function quit(&$oIrc)
  {
    global $ptrIRCQuit;
    $oIrc->quit();
    $oIrc->unregisterTimeid($ptrIRCQuit);
  }
}

$oNotifyIRC = &new Notification();

$ptrIRCNotify = $oIrc->registerTimehandler(10000, $oNotifyIRC, 'sendNotification');
$ptrIRCQuit   = $oIrc->registerTimehandler(11000, $oNotifyIRC, 'quit');

Ainsi, au bout de 10 sec., il exécutera la méthode sendNotification de l’object que l’on a créé, et au bout de 11 sec., il exécutera la méthode quit. Si on n’avait pas déclaré la méthode quit, il aurait envoyé une notification toutes les 10 secondes.
Dans notre cas, il va envoyer une notification puis 1 seconde plus tard, il va se déconnecter.
Actuellement, on envoie un message et on quitte, mais de nombreuses autres commandes sont disponibles : changer de pseudonyme, récupérer le topic du channel ou récupérer des informations sur un utilisateur ou un channel.

Après les déclarations, on va définir les informations de connection et lancer les commandes planifiés.

## Connexion au serveur Freenode sur le port 6667
$oIrc->connect('irc.freenode.net', 6667);
## Informations de login : nick, real name, user mode (0 par défaut), nom d'utilisateur et mot de passe
$oIrc->login('NoticationMaster', 'Notification Description', '0', 'NoticationMasterUserName');
## Les channels à rejoindre
$oIrc->join(array(CHANNEL));
## Ensuite, on se connecte...
$oIrc->listen();
$oIrc->disconnect();

Conclusion

En conclusion, on peut dire que NetSmartIRC fait le travail qu’on lui demande, c’est-à-dire envoyer un message sur IRC et se déconnecter. Mais en regardant au-delà, on peut utiliser NetSmartIRC pour créer un bot qui toutes les minutes se connectera à GitHub pour voir si il y a de nouvelles notifications, ou à GMail pour vérifier l’arrivée de mails, et qui, si c’est le cas, enverra un message sur un channel défini à l’avance.

Source : Wikimedia Commons

Cet article Notifier via IRC en PHP est apparu en premier sur RootsLabs.

Original post of Progi1984.Votez pour ce billet sur Planet Libre.

La quadrature du net vient de publier un article concernant le prochain vote au parlement européen touchant la neutralité du net (et les propositions de la commissaire européenne en charge du dossier ne vont pas dans le bon sens ! )

 

Cet article détaillé vous explique les différents éléments mettant en danger la neutralité du net et les actions envisagées.

Je vous encodage à lire cet excellent article :

http://www.laquadrature.net/fr/vote-sur-la-neutralite-du-net-au-parlement-europeen-les-eurodeputes-doivent-proteger-internet

Original post of Mathias.Votez pour ce billet sur Planet Libre.

Orange labs vient de mettre à disposition une application pour les téléphones mobiles (pour le moment Android, mais IOS devrait suivre rapidement) une application permettant de signaler un dégât sur le réseau téléphonique ou sur un équipement téléphonique : câbles tombés à terre, poteaux endommagés, équipements techniques hors service ou vandalisés, cabines téléphoniques…

Alors que les dégradations volontaires (vol de cuivre par ex) ou involontaires (tempêtes …) perturbent de plus en plus le réseau cuivré impactant le service de téléphonie ou d’internet de Mr et Mme Toulemonde, ce type de service est à même de permettre une prise en compte plus rapide d’un tel type d’évènement.

Voici un lien vers la page de l’application d’Orange Labs : 1013Réseau

Pour rappel, il existe une page internet permettant aussi de déclarer un incident réseau : http://www.1013.fr/derangements/index.php?page=reseau/saisieDerangement , mais sans la possibilité d’utiliser la géolocalisation de votre terminal , ni de joindre une photo.

Original post of Mathias.Votez pour ce billet sur Planet Libre.

En effet, ce mail vous est fourni au sein d’une offre, essentiellement un accès haut débit. Que se passe t’il vous souhaitez changer d’opérateur ? L’offre est naturellement résiliée (vous n’utilisez plus l’accès internet de votre opérateur), mais les composantes fournies avec aussi, dont votre mail. Le nom de domaine étant monopérateur.fr, il n’est pas possible de le transférer.

Le mail est de nos jours un outil aussi indispensable qu’un numéro de téléphone. Un changement de mail aun impact lourd.

Ces mails fournis gratuitement sont aussi limités en fonctionnalités et non évolutifs.

Mais quelle est la solution ? elle est simple, prenez un nom de domaine (du type “monentreprise.fr” avec un hébergement, cela coûte quelques euros par mois. Le nom de domaine vous suit, vous disposez de mails quasiment illimités et vous pouvez aussi avoir un site web vitrine de votre activité.

L’image de votre entreprise en est améliorée et surtout pérénisée dans le temps.

Un dernier point : imaginez avec un mail d’un opérateur dont une affaire ternie l’image. Chaque fois que vous envoyez un mail, l’image de votre entreprise est noyée avec l’image de cet opérateur.

Un conseil, valable pour toutes les offres : évitez soigneusement les offres packagées, car elles n’ont qu’un objectif : FICELER LE CLIENT et le rendre dépendant (ne pas confondre avec fidélisé).

Original post of Mathias.Votez pour ce billet sur Planet Libre.