cave à vin interactive

[jptoco86]

Bonjour à tous.

Je suis des cours du soir en informatique et je viens solliciter votre aide pour un projet que je dois réaliser.

Voilà, pour un cours orienté gestion je dois reproduire les fonctionnalités d'un programme de gestion de cave à vin (OpenCellar).

J'ai choisis de le faire en "Web" et j'ai trouvé un site qui utilise une fonctionnalité très intéressante que j'aimerais reproduire. Il s'agit d'un représentation graphique interactive d'une cave à vin. Voici le site sur lequel vous pourrez voir la cave à vin virtuelle: http://www.vitiplace.com/ après s'être connecté, il faut se rendre dans livre de cave puis dans représentation graphique. Voici un login et password que vous pouvez utiliser. login: plop@yopmail.com password: plop

Voilà, auriez-vous des idées pour obtenir un résultats équivalent et pouvoir programmer toutes ces fonctionnalités???

D'avance, je vous remercie de l'aide que vous m'apporterez!

[Vil'Coyote]

php / html / css
rien de bien compliqué. juste de la lecture de base de données, de la gestion de tableau et de l'habillage pour l'affichage. par contre pour le drag and drop du placement des bouteilles c'est de l'ajax (un peu foiré sur le rafraîchissement) mais je ne vois pas d'autre solution pour effectuer le mouvement et l'enregistrer en base de données.

[jptoco86]

Merci pour la réponse!

En fait, je me doutais des technologies à employer... Ce que je voudrais, c'est une méthode pour arriver à ce résultat.

Quelqu'un peut m'aider? Sachant que je maîtrise l'HTML5 et le CSS3 Mais beacoup moins le JS et le PHP...

Merci beaucoup!

[Vil'Coyote]

disons que pour stocker les données il faudra passer par un sgbd sauf si tu stock sur de la session utilisateur PHP ou html5 (mais là en changeant de pc il perd tous)

donc pour moi comme je l'indique je partirais sur une structure de tableau html que j'alimenterais via du php/mysql pour les données déjà connues.

le javascript / ajax me permettrais de déplacer les objets sur le grid et de définir l'emplacement de ce dernier. de là j'enregistrerais les infos pour l'utilisateur et forcerais le rafraichissement de la zone.

pour résumer, à mon sens l'html5 ne servira pas pour tes données sauf si tu ne souhaites rien sauvegarder.

[ze0ne]

Salut, ce n'est pas très compliqué, mais sans un minimum de connaissance en php et javascript (jQuery ?) la tâche me semble ardu, dans le sens ou il faut maîtrise la gestion d’évènement en javascript et la mise a jour du placement sur la grille en ajax. Sans compter l'affichage de la fiche détaillé du vin, dans le cas présent elle aussi en ajax, ce qui est à mon avis la meilleur solution en fonction de la quantité de référence présente en bdd.

Le résultat est intéressant mais ce n'est pas non plus quelque chose de difficile à réalisé. Par contre, c'est évident que tes connaissances en html/css ne seront pas suffisante pour obtenir un tel résultat.

J'ai une journée plutôt cool aujourd'hui, je ne te garantie d'avoir le temps de le faire dès aujourd'hui. Mais je vais faire quelques tests et je te ferai profiter des retours.

Si tu as des questions, n'hésites pas.

[jptoco86]

Merci pour le temps que vous me consacrez!

Je vais peut être essayer de me tourner vers jquery pour la solution drag n drop... Et continuer mes recherches pour le reste.

Encore un grand merci, à bientôt!

[ze0ne]

Salut, finalement j'ai réalisé un script similaire, c'était un peu plus compliqué que prévus mais ca fonctionne, en tout cas pour reproduire l'effet escompté, ce n'est pas sorcier.

Je poste le résultat dans la soirée.

[jptoco86]

Salut,

Je reviens vers vous car l'échéance de mon projet approche et je suis toujours coincé au niveau du drag and drop...

J'ai essayé avec jQuery ui mais rien n'y fait, je n'arrive pas au résultat voulu (à savoir, comme sur le site cité précédemment).

Dans votre dernier post, vous disiez y être parvenu... Est-il toujours possible d'avoir un feedback de vos tests???


D'avance je vous en remercie!!!