Firefox et quick tab view

Nicolas Janik, le 29 octobre 2006 à 4:40 pm dans Divers

On le savait déjà, Internet Explorer 7 n’a rien apporté de nouveau dans le monde des navigateurs Internet. Du moins, presque rien. En effet, j’ai quand même découvert un "feature" assez intéressant. Il s’agit du "quick tab view". Derrière cette appellation qui porte très bien son nom, on retrouve un simple bouton, qui, par un simple clic affiche à l’écran l’ensemble des onglets ouverts en miniature. Un autre simple clic sur une des miniatures permet de s’y rendre.


Il n’y a pas à dire, c’est très pratique pour les gens comme moi qui se retrouvent facilement avec une
bonne dizaine d’onglets ouverts. Heureusement, grâce à la grande communauté entourant Mozilla, une
extension Firefox proposant le même concept existe: "Tab Catalog" disponible ici.

Tags: ,
Laissez un commentaire

Gâteau empoisoné?

Nicolas Janik, le 28 octobre 2006 à 4:00 pm dans Divers

Encore une petite touche d’humour ce matin. Pour célébrer le lancement
de Firefox 2.0, l’équipe de développement d’Internet Explorer n’a pas
hésité à féliciter la fondation Mozilla en leur envoyant un petit
cadeau…

iecake.jpg

Tags: , ,
Laissez un commentaire

Les Microsummaries - Nouveauté Firefox 2.0

Mathieu Ducharme, le 27 octobre 2006 à 10:49 am dans Programmation

Je ne crois pas avoir besoin d’annoncer que la version 2.0 du navigateur web Firefox est sortie depuis 2 jours. Bien qu’il s’agisse principalement d’une version de "maintenance", quelques nouveaux features ont vu le jour.

Parmi ceux-ci; les microsummaries. Ces derniers sont de simple petit micro-résumés de la page web, qui se mettent à jour régulièrement. Mot-clé: micro. En fait, ils devraient être assez court pour entrer dans l’espace réservé aux bookmarks (signets ou favoris).

Je ne suis pas encore 100% vendu au concept, mais je peux facilement
voir quelques utilisations assez cool. L’exemple souvent cité est sur
un site d’enchère, pouvoir facilement voir le prix actuel de l’item
directement dans les bookmarks.

Puisque chaque nouvelle petite technologie vaut la peine d’être apprise et comprise, voici un petit tutoriel pour intégrer un microsummary
sur un site web. Je vais utiliser ce blog à titre d’exemple. Je vais
ajouter le dernier billet du blog dans le résumé. Vous allez voir que
c’est extrêmement facile.

Première étape, signaler au navigateur qu’un microsummary existe sur la page actuelle:

<head>   <link rel="microsummary" href="micro.php" /></head>

Ensuite, il ne s’agit que de générer le texte qui sera afficher dans le résumé à partir du fichier PHP que nous avons référencé:

<?// Les microsummaries doivent être de type texteheader('Content-type: text/plain');

$lastBlogPost = getLastBlogPost();echo ‘K3Blogue/ ‘.$lastBlogPost->titre.’ - ‘.   $lastBlogPost->nom_auteur.’ (’.   $lastBlogPost->date_blogue.’)';?>

C’est aussi simple que ça!

Si vous ajoutez ce blog à vos favoris / bookmarks (ctrl + D), le dialogue suivant apparaîtra:
microsummary.png

Notez bien la petite flèche vers le bas qui permet d’ajouter le live title comme bookmark.
Ensuite dans vos bookmarks vous verrez le dernier billet du blog à chaque fois que vous consulterez vos bookmarks.

Ne reste plus qu’à trouver des utilisations plus créative de cette nouveauté de Firefox!

Pour plus d’information sur les microsummaries…

 

Tags: , ,
Laissez un commentaire

Les sliders script.aculo.us, Internet Explorer et K3Soft

Mathieu Ducharme, le 26 octobre 2006 à 10:48 am dans Programmation

Avec K3Soft, nous avons une librairie générale qui permet de
transférer les éléments de la database dans un tableau HTML
(présentable sur un site web) avec toutes ces propriétés intactes. Il
s’agit d’un mode de visualisation standard auquel les gens sont
habitués; la représentation tabulaire de l’information. Lorsqu’il y a
beaucoup d’information, un système de pagination a été instauré.

scriptaculous-web20-javascript.gif
Cliquer sur des pages pour naviguer n’est pas la meilleure navigation
mais demeure néanmoins un bon compromis pour un système HTML/PHP.
Aujourd’hui j’ai amélioré cet élément de l’interface en ajoutant un peu
de JavaScript, et rapidement grâce à la librairie script.aculo.us.

Scriptaculous est un framework JavaScript basé sur prototype, le système derrière Ruby On Rails. Cette librairie offre plusieurs classes intéresantes d’effet, d’animation etc… Pour notre slider, ce sont les classes de drag & drop et le slider qui nous intéressait.

Créer un slider s’est avéré être extrêmement simple, puisque la librairie fait tout le travail. Voici un bout de code exemple:

<script type="text/javascript" language="javascript">document.write('<div id="slidePages"><div id="slideTrack"><div id="slideHandle"></div></div></div>');new Control.Slider(   'slideHandle',   'slideTrack',   {      axis:'horizontal',      range:$R(0,pageMax, false),      values: pageRange,      sliderValue: page,      onSlide:function(v) {         $('slideInfo').innerHTML=(v+1);      },

      onChange:function(v){         // EFFECTUER UNE COMMANDE ICI          // (par exemple, changer window.location)      }   });</script>

C’est tout ce qu’il y a à faire. Slider instantanné, gracieuseté de scriptalicious.
Slider instantanné dans Firefox/Opera/Konqueror… Internet Explorer refuse de coopérer si facilement…

En fait, l’exemple ci-haut fonctionne, si vous ne vous trouvez pas à l’intérieur d’une table HTML. Ça rend la session de debug assez complexe puisque

  1. Tous les exemples sur lesquels il est basé fonctionnent
  2. La documentation de script.aculo.us n’en fait pas mention
  3. Aucune erreur javascript ne s’affiche; le slider s’affiche mais ne fonctionne pas
  4. Qui peut s’imaginer que l’élément table cause *encore* des problèmes.

Ce n’est qu’après beaucoup de test que j’ai pu constater que tout
fonctionne bien si l’on sort les éléments div à l’extérieur du tableau.
Le slider fonctionne désormais, mais ne se retrouve pas à la bonne
position. Un petit peu de JavaScript pour le repositionner (facilement
grâce à la librairie prototype)

// sliderId = le slider que l'on veut positionner// refId = Objet de référence, dans le tableaufunction resizeSlider(sliderId, refId){   var p = (Position.cumulativeOffset($(refId)));   $(sliderId).style.top = (p[1])+'px';   $(sliderId).style.left = p[0]+($(refId).offsetWidth/2)      -($(sliderId).offsetWidth/2)+'px';}

Ne pas oublier de s’assurer que le div "slidePages", dans l’exemple précédent, soit en position:absolute.

Puisque le positionnement est absolu (et en javascript, de plus, une
dernière petite ligne de code pour s’assurer que tout fonctionne bien
lorsque l’utilisateur redimensionne sa fenêtre:

window.onresize = function(){    resizeSlider('sliderPages', 'referenceObject');};

Le slider scriptaculous va désormais fonctionner sans problème avec Internet Exporer!

Toutefois, ici, nous voulons toujours que chaque site web que nous
développons soit accessible si l’utilisateur a choisi de ne pas
autorisé le JavaScript. Notre solution est de garder la navigation par
page, et remplacer celle-ci par le slider en JavaScript.

Résultat, sans JavaScript:
noslider.png

La même page, avec JavaScript:
sider.png

Cette modification sera visible bientôt pour tous nos clients utilisant K3Soft pour toutes les tables de l’admin. (Librairies, Produits, Images etc…)

Tags: , , ,
1 commentaire

Créer son moteur de recherche avec Google

Jean-Marc Langevin, le 24 octobre 2006 à 1:52 pm dans Marketing Internet

Il est maintenant possible de créer son propre moteur de recherche
personalisée. Totalement personalisable tant au niveau de l’interface
que des résulats de recherche, Google custom search est donc maintenant disponible.

Fait intéressant. le service peut être lié à un compte adword pour générer des profits pour votre site web.

Tags: ,
Laissez un commentaire

Nouvel interface de login pour K3Soft.

Mathieu Ducharme, le 24 octobre 2006 à 10:44 am dans Programmation

J’ai finalement changé l’interface de login de K3-Soft, notre système intégré de gestion de contenu, pour réfléter de plus près l’identité visuelle du site de K3 dans notre outil.

Ancien login:
oldlogin.png
Nouveau:
Loginscreen.jpg

Tags: ,
Laissez un commentaire

Le Web et la productivité

Alain Lépine, le 24 octobre 2006 à 8:25 am dans Divers

Depuis que Lucien Bouchard a tenu ses propos sur le nombre d’heures de
travail qui serait plus bas au Québec qu’ailleurs, la plupart des
économistes s’entendent pour dire qu’il faut surtout miser sur un
accroissement de la productivité. Claude Picher en fait une excellente
démonstration dans le journal La Presse ce matin. Parmi tous les pays
de l’OCDE, la Norvège est le pays où la semaine de travail est la plus
courte, mais ce pays affiche un taux de productivité par heure de
travail de 31% supérieur à celui des États-Unis.

Le Web peut jouer un rôle clé dans l’accroissement de la productivité
des entreprises en facilitant l’échange d’information, en accélérant la
formation, en automatisant certains processus, etc.. Et si on
travaillait à accroître cette productivité?

Alain Lépine

Mes repères :

Le site de l’OCDE

Tags: , ,
Laissez un commentaire

Blogues et entreprises, incompatibles?

Alain Lépine, le 23 octobre 2006 à 2:37 pm dans Divers

Bien des entreprises hésitent à intégrer les blogues comme moyen
de communication avec leur clientèle. Un argument souvent invoqué est
celui de la perte de contrôle sur l’image de l’entreprise véhiculé soit
par un client ou par un employé de l’entreprise.

Cet argument est certainement valable pour les entreprises et les
organismes ayant des missions politiques, mais qu’en est-il pour les
entreprises qui misent sur la transparence et l’ouverture? Les blogues
seraient-ils le meilleur des moyens pour mettre en pratique cette
philosophie axée sur la relation avec les clients? Certains le croient,
K3 veut savoir, moi aussi… et vous?

Alain Lépine

Mes repères sur les blogues :

La définition du "Blog" sur Wikipédia

Les règles à suivre pour rester dans la légalité

Les blogues vont beaucoup plus loin que la télé-réalité

Les erreurs à ne pas faire pour réussir votre entrée dans la Blogosphère

Les blogues au service de la relation client

 

Tags: , ,
1 commentaire

Les progrès du Canada sur Internet

Jean-Marc Langevin, le 23 octobre 2006 à 1:47 pm dans Marketing Internet

 

Je viens de trouver quelques données supplémentaire sur internet au Canada :

eMarketer a publié une nouvelles étude sur l’internet au Canada.
Un apperçu de l"étude est disponible en anglais seulement : eMarketer’s Canada Online Report

L’étude affirme que nous sommes de plus en plus branchés et à des vitesse appréciables!

Nous utilisons aussi de plus en plus Internet pour magaziner en ligne
ce qui démontre que le web offrent possibilité de commerce électronique
plus élevée que dans le passé ainsi qu’un niveau de confiance assez
élevé dans la communauté internet canadienne puisque 56% de ceux-ci
achétent déjà en ligne.

Le pourçentage d’entreprises de commerce de détail possédant un site web est aussi en constante augmentation.

Je trouve aussi que si on se compare aux données américaines nous sommes très dedans. Ne nous arrêtons pas là…

Tags: , ,
1 commentaire