Twidoo, une to-do list minimaliste à la twitter

Voila bien longtemps que je ne vous avait pas sortis un “petit script de derrière les fagots” :D

Celui ci ne mérite pas une grosse description, ce n’est qu’un exercice pour m’entrainer au responsive design et pour tester la librairie twitter bootstrap, je vais donc être bref.

 

J’ai créé (à la demande d’un idlenaute) une petite to-do list minimaliste visualisable sur toutes les résolutions (pc,tablettes,smartphones) et compatible sous tous les navigateurs, utilisable sans base de données et sans fioritures inutiles…

J’ai nommé : Twidoo (toutes ressemblances avec un service bien connu du grand public seraient fortuites)

 

image

 

Twidoo se comporte ni plus ni moins comme une liste des tâches classique ou chaque tâche peut avoir trois états : à faire, en cours, fait.

Le script a été conçu avec la librairie JS/CSS Twitter bootstrap qui gère :

  • Le responsive design : s’adapte en temps réel a votre résolution
  • Le cross browser compatible : fonctionne sous tous les navigateurs populaires

 

image

 

La base de donnée est un simple fichier texte nommé “.task” contenant les données relatives aux tâches.

Nb : Ces données ne sont pas cryptées mais seulement compressées par PHP

 

image

 

Avantages du script :

  1. Ne nécessite aucune base de données
  2. Facile à installer
  3. S’adapte a tous les affichages : pc, tablettes, Smartphones etc…
  4. Fonctionne sous tous les navigateurs
  5. Gratuit et sous licence CC-nc-by ( pas d’utilisation commerciale, obligation de citer l’auteur initial si dérivé)
  6. Léger et rapide
  7. Ergonomique
  8. Minimaliste (elle ne vous apportera pas le café celle la)

Inconvénients :

  1. Pas de mises à jour prévues (seulement débogage)
  2. Pas de pagination
  3. Authentification unique
  4. Fichier .task peu sécurisé (utilisation d’un .htaccess conseillée)

 

Infos, Téléchargements et démo sur la page du projet

 

Article rédigé par Idleman

21 réflexions au sujet de « Twidoo, une to-do list minimaliste à la twitter »

  1. Yosko

    Ouaip, j’ai testé ça y’a quelques jours. Très sympa, comme toujours avec tes travaux.

    Bon je resterai quand même sur myTinyTodo, vachement moins sexy mais avec plus de fonctionnalité, dont le multi-listes.

    Répondre
    1. Idleman Auteur de l’article

      Ça se comprends ^^ twidoo est plus à prendre comme un exercice, un exemple ou une base pour un plus gros projet, pour une utilisation quotidienne il vaut mieux utiliser tinyTodo ou équivalent.

      Répondre
  2. Majoux

    Quand tu aura passé Leed sous mysql, je me taterai d’intégrer ce Twidoo à Leed en y faisant un petit encart sur le côté. T’en penses quoi ?

    Répondre
    1. Idleman Auteur de l’article

      Leed a été passé sous MySQL hier :), la dernière révision en date est sous MySQL :D (j’ai conçu le code de manière a pouvoir très facilement switcher de BDD, ça a du me prendre 30 min a tout casser).

      Pour ce qui est de l’initiative, pourquoi pas ça peut être marrant, le but de leed est de se cantonner a sa propre fonctionnalité et de ne pas partir en vrille dans tous les sens mais il est possible de faire une version alternative qui comprenne des « greffons » pour ceux quie le souhaitent :).

      Personnellement j’avais déjà pensé a faire une sorte d’IdleCenter qui regrouperais Leed, DropCenter, Ido (twido en plus avancé que je propose uniquement en service pour le moment), Dizplay etc… voir même (si les auteurs initiaux m’autorisent) Shaarli et blogoText. Mais bon ya du taff pour synchroniser tous ça correctement ^^.

      Répondre
  3. IE6

    Moche au possible sur IE6, intolérable. Au bûcher! Au bûcher! :D

    Répondre
    1. Idleman Auteur de l’article

      Je suis un peu déçu que tu te cantonne à IE6… Quid d’IE5 ou inférieure? XD

      Répondre
      1. Yosko

        Pourquoi, Twidoo tourne sous IE5 ?
        Même en le voulant vraiment, je ne suis pas sûr d’arriver à trouver IE5 quelque-part pour tester :-D

        Répondre
        1. Idleman Auteur de l’article

          Fox aime juste tester mes script sous les navigateurs les plus improbables et, quand il a le courage de sortir son virtualbox, sous les Os les plus chelou aussi ^^

          Répondre
    1. Idleman Auteur de l’article

      Dans ce cas j’attends tes retours sur ces versions avec impatiences XD, je me suis toujours demandé si les ancêtres d’ie 6 géraient l’xmlhttprequest.

      Répondre
  4. IE6

    Oui, pour les versions 5, 5.5, et 6. Par contre il te faut un code du genre :

    Répondre
  5. AkaiKen

    Perso j’ai plutôt besoin de notes plus avancées (j’utilise Getting Things Gnome en desktop, et trépigne en attendant la version web, dans les cartons), mais je jetterais bien un œil sur Twidoo, j’aime le concept et le minimalisme :3

    Comment fait-on après coup pour récupérer/exporter les données ?

    Répondre
    1. Idleman Auteur de l’article

      Tous est stocké dans le fichier .task :).

      pour l’exportation des données en clair, il suffit de faire un gzinflate sur le contenu, ça te retournera un flux json, après tous dépend du format d’exportation que tu souhaite. :)

      Répondre
  6. PostBlue

    Gasp. Est-ce moi, ou le draft est au point où tout le monde est même connecté soud idleman, avec des droits d’édition ? Je trouve qu’il y a de l’idée et ça file un coup de frais à MyTinyToDo & co. =)

    Répondre
    1. Idleman Auteur de l’article

      C’est normal, il n’y a que le compte Idleman sur le draft :), cela dis les droits d’éditions ne sont pas pris en compte par le serveur, ils sont simulés

      Répondre
  7. rampion

    Bonjour,
    j’ai découvert ce petit outil hier et je dois avouer qu’il me plait. Extrêmement fluide et propre même sur son mobile. Pour l’instant j’adhère.
    Dans l’avenir, ce module pourrait-il donner des alertes mails ? Ce serait le comble du luxe pour un tête en l’air comme moi ! O_o
    En tout cas, bonne continuation sur tes projets. ;)

    Répondre
    1. Idleman Auteur de l’article

      Je suis content qu’il te soit utile :).

      Je ne compte pas apporter d’améliorations sur le programme, j’ai trop de projets en cours et celui ci n’est qu’un simple exercice de style désolé :).

      Cela dis ça se fait en quelques ligne + ajout d’un CRON si tu touche un peu au php tu ne devrais pas trop avoir de mal à ajouter la fonctionnalité :p

      Répondre
      1. rampion

        Difficile de dire s’il m’est utile mais je pense qu’il pourrait vite le devenir si je m’y tiens! Quand on a pas de tête… Bah on a internet !
        Sinon, concernant la modification du soft, c’est malheureusement là que le bât blesse, … Je n’ai que très peu de connaissances en dev’ et encore moins en php. Mon truc c’est plutôt le réseau.
        Enfin bon, étant donné que je compte m’y mettre bientôt au php je le ferai peut-être un jour !
        En attendant, merci encore pour cette petite révolution dans ma vie ! ;)

        Répondre
        1. Idleman Auteur de l’article

          Ya pas de quoi, reste dans le coin on sais jamais peut être que je prendrais le temps de rajouter ça moi même dans un futur proche :)

          Répondre
          1. rampion

            J’aime quand le futur proche réserve des surprise comme celle-ci. :D
            Mais ne t’inquiète pas pour le fait de rester dans le coin, ton blog m’a plu donc même si je capte pas toutes les bidouilles de dev’, il y a d’autres choses intéressantes à lire.

          2. Idleman Auteur de l’article

            Désolé pour le temps de réponse, j’étais en vacances dans les alpes (et c’était bon :p)

            Tu m’en vois fort content en tout cas ^^, n’hésite pas à poser des questions dans les commentaires pour les points qui te paraissent obscurs sur les articles, cela pourrait aider d’autres utilisateurs à comprendre, j’ai le gros défaut de partir du principe que tous le monde comprends mes délirs du premier coup, j’essaierais de faire des efforts pour mieux m’expliquer promis :)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Xo ^_^ :siffle: :p :-( :evil: oO :) T_T <3 :D more »