1er Meetup Trello French UG27.10.2015 #trellomeetup
Extending TrelloCréation d'une extension Chrome avec l'API Trello
Objectif : Outiller les project managers sur Trello
Besoin 1 : Tenir les délais
● Super pouvoir : Voir l'avancement des projets en cours
Besoin 2 : Coordonner les projets
● Super pouvoir : Donner de la visibilité à l'ensemble de l'équipe
Elegantt Trello Edition
Répondre à nos propres besoins et ceux des utilisateurs de Trello
"The only place Trello falls short for me is the lack of a top level view, and being able to put everything on one calendar I could filter down from there would be incredible."
"YES... This would really help with PROJECT MANAGEMENT! It would make it so easy to see what everyone is doing, without wasting so much time!"
"I'd love to be able to combine all my boards from one organization into one calendar within trello.”
Key features
● Gantt automatique : kanban● Visuel● Real Time● Non-intrusif
Source : sondage Trello France - 2015
Injection HTML/CSS/JS & accès aux Chrome APIs (tabs, notifs, history...)
● manifest (permissions)● content scripts● background scripts● CSP : inline JS / whitelisted remotes (https only) / eval
https://developer.chrome.com/extensions
Chrome Extension
Made with● générateur Yeoman● AngularJS
○ angular-gantt○ angular-trello
● Trello API (OAuth, REST, WebHooks)
TrelloApi.Authenticate().then(function(){});
TrelloApi.cards(cardId).then(function(){});
TrelloApi.Rest('GET', 'members/me').then(function(){});
● Se fondre dans le DOM Trello○ CSS : easy○ JS : moins easy
● Pas de serveurs !○ pas de WebHooks○ limitations API○ Mutation Observers
● Stockage des data
Challenges techniques
Du 21 au 26 Octobre :
● TOP40 All time (sur 21 891 Hunts)● 48 013 Visiteurs uniques ● 7 481 Installations ● 10 089 Activations● 474 115 Intéractions
A retenir
1. Toucher l’utilisateur là où il se trouve2. Concentrez-vous sur la résolution de leur besoin clé3. Soyez généreux avec l’éco-système