Interfaces-riches.com

Portail français sur les interfaces riches

 

OpenLaszlo : un zoom à la Google Maps

 

J’ai pris en charge dans mon entreprise la création d’un outil permettant, au sein d’une boutique e-commerce, de zoomer sur une photo haute-définition d’un produit, afin d’en voir les détails.
Un tel outil est aisé à faire en Flash. Seul inconvénient, le chargement qui oblige l’internaute à télécharger la photo entière (potentiellement plusieurs Mo) avant pouvoir la visualiser et zoomer.

Voilà donc un prototype d’un outil de zoom fait en OpenLaszlo, à la manière de Google Maps.

Outil de zoom openlaszlo, exemple avec une photo de valmorel

La photo est découpée en morceaux (appelé des tiles) par un outil .net de notre crû, à différents niveaux de zooms (cinq niveaux dans le cas qui nous intéresse). Seul les morceaux visibles sont chargées, ce qui permet de réduire drastiquement le temps de téléchargement.

Tout commentaire est le bienvenu, je peux mettre à disposition le code source si cela vous intéresse.
Je vous préviendrai également lorsque l’outil sera mis en ligne au sein de la boutique de e-commerce.

 

5 réactions sur “OpenLaszlo : un zoom à la Google Maps”

  1.  

    Très intéressant.
    Je me demande si le découpage ne pourrait pas être effectué à la volé par un script PHP et la librairie GD.

    Comme je suis en constante recherche de ressources OL, je serais très intéressé par le code source, je vous l’échange contre celui de mon agrégateur RSS en OL ;)
    http://www.misterpatate.fr/blog/?p=94

  2.  

    bonjour,

    trés intéressé par le code LZX

    Merci d’avance

  3.  

    bonjour Fabrice,
    je suis en train de le commenter et je le mets en ligne
    a+

  4.  

    Le code source est disponible ici

  5.  

    Salut,

    J’ai également travaillé sur une application qui zoom dans une image haute def (découpée en morceau), pas facile à implémenter.
    Une amélioration pour ton code serait de charger les images en spirale en partant du centre de l’écran, cela donnera l’impression que ca se charge plus vite.
    Je n’arrive pas à télécharger la source.

Répondre