Archive for the 'Internet' Category

Applications WEB autonomes avec Prism

Roozeec février 16th, 2008

Sous ce nom se cache une partie de l’architecture de firefox, à savoir les composants XUL. Inutile de savoir ce qu’est XUL, mais brièvement ca permet d’écrire des applications pour l’internet.

Je vais vous montrer concrètement ce que Prism permet de faire. Comme je l’ai fait souvent sur le blog, partons du site Yahoo Music qui permet de visualiser des clips. Ce site fonctionne avec Flash sur le navigateur. Normalement, vous allez donc sur le site Yahoo, choisissez un clip et ainsi le lecteur vidéo de Yahoo music (en flash) se lance dans une fenêtre Firefox. L’idéal serait d’avoir un bouton sur votre bureau et en cliquant dessus , le lecteur Yahoo Musique se lance. Et bien, faire ceci avec Prism est assez simple, voici donc la procédure à respecter.

Tout d’abord, quelques informations générales pour Prism :

Le site officiel : http://labs.mozilla.com/2007/10/prism/
Le Wiki Prism : http://wiki.mozilla.org/Prism (assez technique quand même)

Tout d’abord l’installation :

La dernière version est la version 0.8 et la version pour Linux se trouve ici : prism-0.8-linux.tar.bz2

Il suffit de télécharger ce fichier et de l’installer par exemple sous /opt de la façon suivante :

En root :
cp REPERTOIRE_DE_TELECHAREMENT/prism-0.8-linux.tar.bz2 /opt
bunzip2 prism-0.8-linux.tar.bz2
tar -xvf prism-0.8-linux.tar

A ce moment, vous avez un répertoire prism : /opt/prism et le fichier exécutable : /opt/prism/prism

Si a partir de votre compte utilisateur, vous lancez la commande suivante : /opt/prism/prism & , vous avez une boite de dialogue suivante :

C’est relativement simple :

URL : Adresse de la page WEB a afficher
Name : Nom pour ce lien

Note : il faut absolument cocher Desktop pour que ça fonctionne et pour créer le lien sur le bureau.

Par exemple, pour google Mail, vous devez configurer comme ceci :

Maintenant, passons d’abord à la configuration pour les plugins, en effet par défaut, rien n’est configuré. Il vous suffit par exemple de lancer prism en mettant comme adresse : about:plugins et vous aurez ceci :

 

Pour installer les plugins c’est très simple, un lien suffit à tout installer :

en mode ROOT, dans le répertoire /opt/prism

cd /opt/prism
ln -s /usr/lib/firefox/plugins

On peut relancer une commande prism avec about:plugins et on constate que c’est beaucoup mieux ….

 

Maintenant, revenons donc a Yahoo Music. Tout d’abord vous vous positionnez sur un clip et vous recherchez l’adresse de la page. Un méthode simple par exemple est de faire un clic droit et de cliquer sur le menu : Informations sur la page .

De ce fait, une nouvelle fenêtre donnant toutes les informations apparaît :

 

Ici apparaît directement l’adresse. Il suffit de copier cette adresse et de lancer une commande Prism /opt/prism/prism & et de configurer comme suit :

Et le player Yahoo Music se lance.
Voilà qui est fait, mais si vous fermez le player, ou se trouve le lien? En fait en cochant Desktop, Prism crée un raccourci dans votre répertoire HOME et non dans le répertoire Desktop ou Bureau, bug ? Pour l’avoir donc sur votre bureau, rien de plus simpe il suffit de copier le fichier XXXXX.desktop dans le répertoire Bureau ou Desktop.

Et voilà , en cliquant sur ce nouvel icone sur votre bureau vous lancer le lecteur de Musique Yahoo. Et vous pouvez faire ceci pour de nombreuses applications (infos WEB, videos, webmail, etc ….). Ca évite de lancer le navigateur firefox et toutes ses extensions.

Pour les curieux, vous pouvez jeter un coup d’oeil dans le répertoire $HOME/.prism/*default et plus plus précisement dans le répertoire webapps ou vous y trouverez tous les configurations de vos webapps.

Extension Firefox : igraal pour les achats en ligne

Roozeec janvier 26th, 2008

Je suis assez accro d’internet et je viens de découvrir une extension Firefox qui va surement me servir. Bien qu’elle date quant même de fin 2006, j’en entend parler que ces jours ci….En effet, je suis un acheteur en ligne et j’utilise déjà les services d’ebuyclub pour le reversement d’un pourcentage d’un achat effectué chez un marchand en ligne. Ca fonctionne très bien chez ebuyclub, j’ai déjà recu 2 chèques.

Mais le principal inconvénient de ebuyclub (et aussi cashstore), c’est que c’est assez contraignant, voyez vous même. Pour faire un achat et percevoir un pourcentage sur son compte ebuyclub, il faut absolument procéder ainsi :

  • Aller sur le site de Ebuyclub
  • Se connecter sur son compte Ebuyclub.
  • Cliquer sur le marchand voulu
  • Faire son achat
  • Donner absolument son mail de ebuyclub lors de la commande

C’est donc laborieux et assez facile d’oublier une étape. Ca m’est déjà arrivé plusieurs fois.

Donc, venons-en à cette extension igraal. L’avantage indéniable est l’intégration du système directement dans le navigateur firefox. Pour l’installer c’est très simple, il suffit d’abord de créer un compte en se rendant sur rendre sur cette page : Création de compte Igraal (je me permet de mettre en parrain ;-) )

iGraal

Après la création du compte, le site vous propose d’installer l’extension Igraal. Pas de problèmes particulier si ce n’est qu’il faut autoriser le site igraal a installer des extensions sur votre PC. Une fois ceci fait, votre navigateur redémarre et le programme vous demande votre identifiant et votre mot de passe.

Maintenant,il suffit d’installer les différents modules de cette extension que vous voulez voir sur votre barre d’outil. Ceci se fait dans le menu Affichage comme ci-dessous :

Vous obtiendrez alors la boite de dialogue suivante :

Ensuite, il suffit de fair un glisser-deposer vers la barre de Firefox pour y deposer les icones que vous voulez. Personnellement, j’ai uniquement mis les deux icones en bas a droite de l’image ci-dessus. Ce qui me donne au final :

Utilisation :

En cliquant sur le premier carré Orange, la liste des marchands du WEB sur lesquels le remises sont possibles apparait. Il suffit de cliquer et hop, on est redirigé chez le marchand. Un confort d’utilisation non-négligeable.

Un autre truc sympa c’est que si vous n’allez pas chez le marchand par le menu Igraal, c’est l’extension igraal qui répère que vous etes chez un marchand affilé et vous propose d’activer la possibilité de la remise. là c’est vraiment top. Par exemple, je vais sur LDLC et voici ce qui apparait sur mon ecran :

Un petit clic sur Activer la rémunération et le logo Igraal apparait a droite de la ligne d’adresse du site :

En poitant la souris sur ce logo orange, la réduction apparait :

Bon maintenant c’est donc a tester et a voir l’efficacité du service derrière ….
Pour avoir encore plus d’informations sur Igraal, voyez cette vidéo d’environ 15 minutes qui présente le service Igraal. Intéressant.

Il est Breton en plus …

 

Vidéos DailyMotion, youtube en vrai plein écran

Roozeec janvier 5th, 2008

Tout le monde connait maintenant les sites de partage vidéos tels Dailymotion, Youtube et autres. Ces vidéos sont au format flash et il est normalement possible de les visualiser en plein écran. Par exemple, prenons le site Dailymotion. Une vidéo en lecture vous donne cette interface :

Le bouton ZOOM permet d’avoir normalement la fonction plein écran. Mais en fait lorsque l’on clique dessus, ce n’est pas vraiment le plein écran :

En effet, c’est le plein écran dans le navigateur , donc ce n’est pas terrible.

Note : Les bandes noires viennent du fait que mon écran est un WideScreen et que la vidéo est au format 4/3.

Alors, que peut-on faire pour y remédier ?

Je me suis donc promené sur Google et sur le site d’adobe et sur le lien suivant Full Screen Mode , j’ai trouvé des choses intéressantes. Notamment ceci :

What features and enhancements available in the Flash Player 9 update 3 beta?
The Flash Player 9 update includes several features and enhancements, as well as bug fixes. There are several enhancements to improve performance for video and interactive content, and we are also introducing a player cache which will dramatically reduce SWF size and start-up times for applications that leverage Adobe platform libraries and components, such as the Flex framework. The update also includes full-screen mode support on Linux, support for accessibility in the Windows plugin, and enhancements for the ExternalInterface API

En clair, le plus important est que le mode Plein écran est disponible sous Linux avec cette dernière version : Update Beta 3.

Plus loin dans le site, je trouve que cette version Beta 3 correspond à la version 9.0.115.0
dixit adobe : Full-Screen mode with hardware scaling - requires Flash Player 9 Update 3 (9.0.115.0)

Donc, je vérifie ma version du lecteur flash sous Firefox avec la commande about:plugins dans la barre d’adresse et je trouve ceci :

Shockwave Flash

Nom de fichier : libflashplayer.so
Shockwave Flash 9.0 r48

Donc ce n’est pas la version Beta 3 que j’ai sur mon PC. Je m’en vais donc la télécharger ici : Flash Player Dernière version

Je télécharge ce fichier et le décompacte dans un répertoire de mon choix. Je m’aperçois alors qu’il y a 2 fichiers : libflashplayer.so et flashplayer-installer

Le fichier .so est le lecteur Flash plugin pour le navigateur, donc dans mon système Ubuntu je regarde où il se trouve avec la commande : locate libflashplayer.so et je trouve : /usr/lib/flashplugin-nonfree/libflashplayer.so

Maintenant je ferme mon navigateur Internet pour éviter les éventuels problèmes.

Je me dis ensuite qu’il suffit sans doute de remplacer ce fichier par le nouveau. Je fais une sauvegarde au cas où avec la commande : sudo cp /usr/lib/flashplugin-nonfree/libflashplayer.so /usr/lib/flashplugin-nonfree/libflashplayer.so.svg

et je le remplace avec la commande : sudo cp /MONREPERTOIRE/libflashplayer.so /usr/lib/flashplugin-nonfree/libflashplayer.so

Je relance le navigateur et je tapes l’adresse about:plugins comme tout à l’heure et je trouve cette fois-ci :


Shockwave Flash

Nom de fichier : libflashplayer.so
Shockwave Flash 9.0 r115

Donc ca m’a l’air bon. Je reprends ma vidéo de tout a l’heure sur DailyMotion , elle se lance sans problème et je clique sur Zoom et là c’est beaucoup mieux…..

C’est un vrai plein écran.

Note : Suivant les vidéos ca peut saccader ou pas….

De plus suivant votre installation, il se peut que vous soyez obligé de lancer l’installateur fourni par Adobe : flashplayer-installer. Il suffit alors de suivre les instructions données par l’installeur.

Les test ont été faits sur Youtube et sur DailyMotion. J’ai essayé sur yahooMusique mais ca ne fonctionne pas. Pas moyen de faire un plein écran des clips musicaux. C’est possible, car dans l’aide de Yahoo Musique , il est indiqué comment faire : un simple appui sur un bouton sur le player. Cependant ca doit fonctionner uniquement sous windows car sous Linux pas de bouton Plein Ecran…. :-(

Info : 14/12/2008 : Si vous faites des achats en ligne et que vous êtes au Crédit Mutuel, et que vous utilisez Virtualis pour vos paiements, cette version (115) fait planter le navigateur Firefox. En remettant l’ancienne version, ca fonctionne bien. Je n’ai pas essayé avec un autre navigateur… pas glop ….

Extension Firefox : AutoFill forms

Roozeec novembre 13th, 2007

De plus en plus souvent sur internet, si vous voulez profiter pleinement d’un site, il n’y a pas d’autre choix que de créer un compte sur ce site. Pour celà il faut généralement un pseudo, et rentrer aussi vos coordonnées, votre email et d’autres renseignements éventuellement. De plus si vous êtes un joueur de concours sur le net, ca devient vite laborieux au final. Il existe donc une extension Firefox bien sympathique qui s’appelle Autofill forms. Son nom veut tout dire : Remplir automatiquement des formulaires.

Le site officiel : AutoFill Forms
Lien direct vers l’extension : fichier XPI

Je passe sur l’installation d’une extension Firefox, c’est très simple.

Une fois Firefox redémarré , il faut aller dans le menu Affichage -> Barre d’outils -> Personnaliser

Ici, vous y trouverez le petit icone avec un crayon pour mettre dans la barre d’outils :

Il suffit alors de cliquer sur ce crayon et de le glisser vers la barre d’outils de facon a avoir quelque chose comme ci-dessous :

Tout d’abord il faut mettre le profil par défaut à jour en cliquant sur la petite flèche à coté du crayon. Un petit menu déroulant s’affiche et vous cliquez sur paramètres. La boite de dialogue suivante apparaît :

Définition des règles :

Cette partie est un peu délicate, car ca fait appel au expression régulière. Par exemple, pour le pays voici les règles :

Ici, cela signifie : si dans le formulaire un champs contient country ou pays, alors autofill écrira : France
Des formules bien plus compliquée existent , par exemple, pour le prénom : (?:(?:first)[\w]*(?:name))|(?:(?:name)[\w]*(?:first))|(?:prenom)
Mais, bon, pour l’utilisation courante, l’éditeur de règles suffira.

Tout ca c’est bien, mais comment fait-t-on pour rajouter un champ sur un site que l’on va souvent. En fait, il suffit de regarder le code source HTML de la page. Le HTML ne doit pas vous faire peur bien sur … par exemple, voici un formulaire :

Ici, pour le login on voit que le champ se nomme : username. Donc dans les paramètres, pour un champ login ou pseudo par exemple, il suffit de rajouter : (?:username) , ce qui peut donner par exemple : (?:user$)|(?:login)|(?:username)

Le seul problème que j’ai rencontré pour l’instant, c’est que de nombreux site sont en Flash, donc leur écran de connexion aussi sont en flash, et là apparemment impossible d’utiliser cet utilitaire, ca ne remplit pas les champs.

Les possibilités sont nombreuses pour personnaliser cet utilitaire, a vous de jouer !

Moteur de recherche Linux

Roozeec octobre 12th, 2007

Google nous permet de faire des choses sympas. En effet, par exemple il est possible de se créer un petit moteur de recherche (basé bien sur sur la base de données de google) à partir de sites que l’on souhaite.

Je me suis donc amusé à créer un moteur de recherche pour Linux. Pour l’instant, les sites que j’y ai inclus sont principalement des sites Ubuntu, mais il peut s’etoffer sans problème.

Voici donc ce que ca donne :


Pour aller directement sur la page d’accueil du moteur de recherche, c’est ici (cliquez sur l’image)

moteur.png

Bon, c’est vrai je ne me suis pas trop foulé sur le nom du moteur de recherche ….

Plugin Firefox pour Blog : Scribefire

Roozeec octobre 3rd, 2007

Il y a quelques temps, j’avais parlé d’un logiciel pour écrire facilement un article sur un blog avec BlogGtk. Je continue aujourd’hui avec une autre petite découverte (pour moi tout au moins) qui se nomme ScribFire.

C’est une extension Firefox qui permet comme vous l’avez compris d’écrire des articles sur des blogs directement à partir de son navigateur. Ici, encore l’intérêt est de ne pas être obligé d’utiliser l’éditeur du panneau d’administration du blog concerné.

Vous trouverez cette extension ici :

Après installation, en bas du navigateur, un nouvel icône apparaît :

Et après avoir fait quelques tests, voici ce que j’en ai retenu avec un CMS du type Wordpress

  • Multi Blogs
  • Support des plusieurs CMS (wordpress, movable type, drupal, …)
  • Récupération des catégories
  • Récupération / modification des anciens articles.
  • Insertion d’images avec les bonnes URL pour wordpress (alors là, chapeau bas ! génial !)
  • Sauvegarde des articles (notes) avant publication
  • éditeur WYSIWYG

Bon après ceci, voyons comment utiliser tout ca :
Tout d’abord, il faut activer Scribefire en cliquant sur l’icône orange précédemment citée. L’écran se divise en deux pour faire apparaître Scribefire :

Ensuite, il faut passer par la configuration des informations du blog sur lequel on veut travailler
Vous remarquerez à droite un bouton lancer l’assistant de compte, un clic dessus et c’est parti pour faire connaître le blog à ScribeFire :

Allez c’est parti :

Après toutes ces étapes, le nom du blog est présent à droite dans le menu scribefire :

Maintenant, pour l’écriture d’un article, rien de plus simple c’est un éditeur WYSIWYG, donc on écrit comme dans un traitement de texte. Des options de publication sont disponibles a droite du titre : Options de publication. Un clic dessus et les options apparaissent :

L’option Publier sous forme de brouillon indique clairement ce que ca fait. J’avais coché cette option avant de découvrir une fonctionnalité vraiment intéressante : les notes. En effet, en bas de l’éditeur , vous avez un bouton Enregistrer sous forme de notes. En cliquant dessus, l’article que vous écrivez est sauvegardé dans scribefire. Ce qui fait que si vous fermez firefox, au prochain redémarrage vous retrouverez votre article en cours. Et ceci grace à l’onglet Notes qui se trouve dans le menu Scribefire sur la droite. Très pratique !

Une autre chose dont je fus agréablement surpris, c’est la gestion des images. En effet, pour faire un article de ce type, j’ai des captures d’écrans, et je me suis dit , bon pour insérer mes images comment ca va se passer ? . A tout les coups il faudra que je transfère d’abord mes images sur mon serveur manuellement, puis récupérer l’adresse de chaque image, passer en mode HMTL et y insérer cette url. Et bien , pas du tout ! ScribeFire le fait tout seul. Si si !!

Donc im suffit de cliquer sur Insérer une image sur le menu de l’éditeur (icone en forme d’écran bleu) :

Je sélectionne l’option : envoi d’image et je prends mon image sur mon disque dur avec le bouton parcourir

Ensuite, je fais un envoi via l’api :

Et c’est parti ! . Et à la fin du transfert le résultat attendu :

Un clic sur insérer l’image, et hop c’est terminé !

Pour la publication , c’est simple : utiliser le bouton : Publier sur …. en bas à droite de l’éditeur :

Quelques petites information pratique :

  • Après publication, le plugin rajoute en fin d’article : powered by Scribefire ….Pour désactiver ceci, c’est très simple (merci yoho). Je n’avais pas fait attention à la double flèche à gauche de l’éditeur Scribefire:

    A ce moment un menu apparait et il suffit de sélectionner l’onglet Paramètres :

    Ensuite, il suffit de décocher le dernier point :

  • Il ne faut pas changer de note (article) sans avoir sauvegardé celle sur laquelle vous travaillez sinon c’est perdu.

Voilà pour cette présentation de cette extension firefox. Personnellement, maintenant, je ferais l’écriture de mes futurs articles avec cette extension qui m’a l’air assez stable en plus.

« Prev - Next »

online pharmacy