Discussion :

[ironman06]

Bonjour à tous,

je voulais connaître votre avis concernant un projet de développement d'interface web :

Un magasin de meubles m'a demandé de faire un site e-commerce (j'utilise prestashop) ou le visiteur aurait la possibilité de faire sa propre composition (choix des modules et des couleurs). En fonction des objets sélectionnés et agencés, il faut que le panier se remplisse correctement.

J'hésite à utiliser soit flash (bof) soit javascript.
Qu'en pensez-vous ? Vers quelle solution pencheriez-vous ?
En javascript, je suppose qu'il faut utiliser la fonction drag and drop, mais il faut aussi que l'utilisateur puisse faire tourner l'objet et le positionner là où il veut dans un espace défini, supprimer l'objet...

Merci pour vos avis.

[SpaceFrog]

Composer le produit fini en drag/drop n'est pas un souci avec javascript (avec jquery) le plus complexe sera la vue 3D.
Il existe des plugins de panorama 360° mais sur un seul axe. de plus cela supposer une bibliothèque de prises de vues assez conséquente ...
http://www.mathieusavard.info/threesixty/demo.html
http://www.ajax-zoom.com/examples/example15.php
ce deuxième exemple chargeant 50 frames par produit...

[ironman06]

en fait, je n'ai pas spécialement besoin de la vue 3D, mon principale soucis actuel dans ma réfléxion est de savoir si je peux attribuer un id à chaque objet sélectionner et que le panier soit actualisé en fonction de la composition choisie.

ces 2 liens sont forts utiles, merci !

[SpaceFrog]

pour ce qui est de la composition du panier par drag drop cela ne pose pas de souci
la génération d'id ne pose pas de problème particulier

[TheGwy]

Pour ma part je te dirais que c'est tout à fait faisable en JS.
Par contre il faut juste facturer 2,5 à 3 fois plus que ce que tu aurais chiffré en flash.

Après l'inconnu c'est la compatibilité ou non avec les tactiles/mobiles qui peut encore alourdir la facture.

[SylvainPV]

mon principale soucis actuel dans ma réfléxion est de savoir si je peux attribuer un id à chaque objet sélectionner

Je ne sais pas d'où vient cette croyance populaire selon laquelle il faut forcément un id pour identifier un objet... Surtout que typiquement pour ce genre d'interfaces tes objets seront créés et gérés par ton Javascript. Donc peu importe qu'ils soient réprésentés par des éléments HTML, du SVG, du canvas ou que sais-je encore, tu n'auras pas besoin de les sélectionner en Javascript puisque tu les auras déjà à disposition.

[ironman06]

@TheGwy : j'évite le plus possible flash à cause de l'incompatibilité avec apple

@SylvainPV : j'avoue que je suis un peu novice en javascript et que ce que tu me dis me dépasse un peu, mais bon je vais m'y coller de manière simple pour commencer, à savoir déplacer un objet, le positionner à certains endroits définis, le faire pivoter, le supprimer, choisir une couleur... ensuite on verra ce que ça donne dans prestashop.

un petit bout de code pour m'aider à commencer peut-être ? comme cadeau de fin d'année ? lol . Merci pour vos suggestions

[sekaijin]

http://simplecartjs.org/features/

A+JYT

[ironman06]

Merci pour l'info c'est sympa !! Je vais jeter un oeil
bon week

[ironman06]

juste une question, est-ce que ajax-zoom est gratuit ? j'ai vu qu'il y avait des versions payantes...
Merci

[sekaijin]

Bonjour,

Comme toujours lisez attentivement les licences avant toutes chose.

la (les) réponse(s) est (sont) là
http://www.ajax-zoom.com/index.php?cid=download

A+JYT