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” 😀

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

 

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

  1. Yosko Réponse

    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.

    • Idleman Auteur ArticleRéponse

      Ç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.

  2. Majoux Réponse

    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 ?

    • Idleman Auteur ArticleRéponse

      Leed a été passé sous MySQL hier :), la dernière révision en date est sous MySQL 😀 (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 ^^.

      • Yosko Réponse

        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 😀

        • Idleman Auteur ArticleRéponse

          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 ^^

    • Idleman Auteur ArticleRéponse

      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.

  3. IE6 Réponse

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

    if (typeof XMLHttpRequest == "undefined")
      XMLHttpRequest = function () {
        try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); }
          catch (e) {}
        try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); }
          catch (e) {}
        try { return new ActiveXObject("Microsoft.XMLHTTP"); }
          catch (e) {}
        //Microsoft.XMLHTTP points to Msxml2.XMLHTTP and is redundant
        throw new Error("This browser does not support XMLHttpRequest.");
      };
  4. AkaiKen Réponse

    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 ?

    • Idleman Auteur ArticleRéponse

      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. 🙂

  5. PostBlue Réponse

    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. =)

    • Idleman Auteur ArticleRéponse

      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

  6. rampion Réponse

    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. 😉

    • Idleman Auteur ArticleRéponse

      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

      • rampion Réponse

        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 ! 😉

        • Idleman Auteur ArticleRéponse

          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 🙂

          • rampion

            J’aime quand le futur proche réserve des surprise comme celle-ci. 😀
            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.

          • Idleman Auteur 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 e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.