Création Planning WEB

Bonjour

Je voudrais m'autoformer sur la création d'un planning individuel sur internet.

L'idée, c'est que l'utilisateur ai à disposition un tableau sur une page web représentant pour chaque jours (lignes), les heures (colonnes) et qu'en cliquant sur les différentes cases, il puisse choisir un état (indispo, dispo, travail, ...) (voir même s'il peut le faire en une fois pour un ensemble de cellules voisines !)

Sauf que je ne sais pas trop où partir et sur quel "techno web" m'orienter.

Avez un début de piste où je pourrais chercher ?

Merci pour votre aide

Pour moi la réponse est simple : HTML + JavaScript. Le mieux étant de commencer par une structure HTML bien faite (avec <table>), et ensuite de commencer à scripter (et styler) dessus.

En imaginant un monde fictif dans lequel les semaines n'ont que 2 jours et les jours 2 heures, voilà un exemple de tableau dont tu pourrais t'inspirer.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<table> <thead> <tr> <th></th> <th scope=col>Lundi</th> <th scope=col>Mardi</th> </tr> </thead> <tbody> <tr> <th scope=row>8h</th> <td></td> <td></td> </tr> <tr> <th scope=row>9h</th> <td></td> <td></td> </tr> </tbody> </table>

---

On ajoute un minimum de style pour décorer :

Code:

---

1 2 3 4 5 6

table { border-collapse: collapse; } td, th { padding: 1ex 1em; border: solid thin silver; } thead th { border-width: 0 1px 0 0; } tbody th { border-width: 1px 0 1px 0; } td { min-width: 5em; }

---

Pour choisir l'état des différentes cases, pourquoi pas un simple <select> ? La difficulté sera de réussir à sauvegarder les états pour les restituer après fermeture/réouverture de la page. L'utilisation de localStorage est une piste. Une autre option est d'inclure le tableau entier dans un formulaire et de stocker les données de tes utilisateurs sur un serveur.

Ce sont mes suggestions. On est tous là pour t'aider, n'hésite pas à poser des questions dès que tu en as ;)

Merci pour ton aide, je vais creuser cette piste.

Je ne vais pas pouvoir utiliser les select car le planning est mensuel ce qui représente 28 jours * 24 heures ... donc côté ergonomie, ca risque d'être lourd pour l'utilisateur ...

c'est pourquoi, une solution basé sur le clic serait préférable ...

Je vais rechercher et je reviens sur ce sujet au besoin.

Et si on ferme le site puis qu'on le rouvre, il conviendrait d'avoir mémorisé le planning ; et pour ce faire, une techno serveur (PHP ou autre) me paraît incontournable.

Et je suis en train de penser : pour le calendrier, pourquoi pas datepicker ?

D'un point de vue technique, je suis assez libre, je travaille sur un serveur dédié ....

datepicker gère les évènement à l'heure près ?

oups, erreur, car datepicker n'est que quotidien...

et si tu es sur un serveur dédié, crée une bdd MySQL qui contiendra le contenu du planning (à gérer en PHP)

Like this ?

http://docs-origin.sencha.com/extjs/...s/calendar.png

A+JYT

Citation:

---

Envoyé par laurentSc

oups, erreur, car datepicker n'est que quotidien...

et si tu es sur un serveur dédié, crée une bdd MySQL qui contiendra le contenu du planning (à gérer en PHP)

---

Ca c'est ce que j'avais pensé, faut juste que je modélise correctement la BDD ...

A vue de nez, champs jour (integer ; entre 1 et 31)/heure (nombre de minutes ; 60xh+m)(integer)/etat (integer ; 0:indispo, 1:dispo, 2:travail, etc)