1er Meetup Trello French UG27.10.2015 #trellomeetup

Extending TrelloCréation d'une extension Chrome avec l'API Trello

Team

kontest

Extending Trello

Création d'une extension Chrome avec l'API Trello

chez kontest

DANGER

+ =

Chrome, notre navigateur préféré

Trello, notre outil préféré

elegantt

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

Benchmark sur les extensions

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

Beta interne

Beta externe

Product Hunt

Lundi 19 octobre

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

Merci pour votre écoute ! A bientôt sur elegantt.com/trello