IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Création Planning WEB


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Janvier 2003
    Messages
    339
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2003
    Messages : 339
    Par défaut 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

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 094
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 094
    Par défaut
    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 html : Sélectionner tout - Visualiser dans une fenêtre à part
    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 CSS : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre éclairé
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Janvier 2003
    Messages
    339
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2003
    Messages : 339
    Par défaut
    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.

  4. #4
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 486
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 486
    Billets dans le blog
    1
    Par défaut
    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 ?

  5. #5
    Membre éclairé
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Janvier 2003
    Messages
    339
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2003
    Messages : 339
    Par défaut
    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 ?

  6. #6
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 486
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 486
    Billets dans le blog
    1
    Par défaut
    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)

  7. #7
    Expert confirmé
    Avatar de sekaijin
    Homme Profil pro
    Urbaniste
    Inscrit en
    Juillet 2004
    Messages
    4 205
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Urbaniste
    Secteur : Santé

    Informations forums :
    Inscription : Juillet 2004
    Messages : 4 205
    Par défaut
    Like this ?



    A+JYT

  8. #8
    Membre éclairé
    Homme Profil pro
    Développeur COBOL
    Inscrit en
    Janvier 2003
    Messages
    339
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur COBOL
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2003
    Messages : 339
    Par défaut
    Citation Envoyé par laurentSc Voir le message
    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 ...

  9. #9
    Membre Expert
    Avatar de laurentSc
    Homme Profil pro
    Webmaster débutant perpétuel !
    Inscrit en
    Octobre 2006
    Messages
    10 486
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Webmaster débutant perpétuel !
    Secteur : Industrie

    Informations forums :
    Inscription : Octobre 2006
    Messages : 10 486
    Billets dans le blog
    1
    Par défaut
    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)

Discussions similaires

  1. [Debutant]création de web services avec JWS
    Par Mehdi_82 dans le forum Services Web
    Réponses: 3
    Dernier message: 09/07/2008, 20h22
  2. Réponses: 5
    Dernier message: 04/07/2006, 00h11
  3. [WebService]Création de Web Services
    Par cazaux dans le forum Eclipse Java
    Réponses: 4
    Dernier message: 02/03/2006, 20h21
  4. Réponses: 11
    Dernier message: 12/01/2006, 18h01
  5. [devis] Création site web pro
    Par sheepk dans le forum Général Conception Web
    Réponses: 7
    Dernier message: 28/11/2005, 13h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo