Apiloop

Un meilleur système de workflow pour vos applications

Sun, 23 Oct 2016 16:12:12 +0000

Avant d’être un outil pour créer un site web ou une applicaton mobile, Apiloop est une plateforme qui permet de créer un projet avec une stack technique professionnelle et évolutive. Certes vous ne glissez/déposez pas des éléments dans un carré blanc, mais vous pouvez modéliser vos données et les stocker de manière structurée, vous disposez d’une API REST pour les requêter ainsi que d’un système de workflow avancé qui permet de décrire vos cas d’utilisations.

Voilà pourquoi, nous ne pouvons être comparés aux website builders du marché !!! qui restent de très bons outils au demeurant, mais différents :)

Lorsque l’on veut construire une maison on peut le faire soi-même, en commander une sur catalogue ou bien faire appel à un architecte qui fera une maison unique. Pour un site web ou une application mobile c’est la même chose.

Trêve de blabla, voici les quelques nouveautés que nous sommes fiers de vous présenter :

Nouveau site internet

Vous avez pu découvrir notre nouveau site qui se veut plus clair et plus aéré. La peinture est encore fraîche mais nous espérons que vous l’appréciez. Il est toujours accessible via : https://www.apiloop.io. Et la console est désormais accessible via https://console.apiloop.io car à notre sens, elle doit rester indépendante de tous les contenus éditoriaux afin de vous faciliter le travail.

Console simplifiée

Comme vous avez pu le constater, la console a été simplifiée et principalement l’écran de détail d’une application. Maintenant chaque rubrique est bien distinguée et vous permet d’afficher le contenu sur tout l’espace disponible à l’écran.

Nous espérons que vous trouverez vite vos marques, et surtout n’hésitez pas à nous faire toute remarque.

Workflow simplifié

Jusqu’à présent vous pouviez définir des étapes pour des actions core : créer, lister, supprimer, activer…

Grande nouveauté : vous pouvez à présent définir des workflows pour vos propres actions : démarrer, envoyer, payer… Bref ce qui vous correspond. Et dans votre frontend vous avez juste à invoquer le workflow avec la bonne action pour lancer la machine !

=> Mes applications > Application > Données de mon application > Personnaliser le fonctionnement

Documentation Swagger

Pour les plus techniques d’entre vous, nous avons ouvert l’accès à la documentation de notre API. N’hésitez pas à y jeter un oeil et la tester avec l’outil de votre choix.

Consommation en temps réel

Vous chiffrez à la requête mais je ne vois pas la consommation de mon application

Cela appartient désormais au passé. Dans la page de détail de votre application, retrouvez la section Consommation qui vous permet de suivre en temps réel les requêtes effectuées sur votre application afin de maîtriser plus facilement vos coûts.

Le frontend de votre choix

Nous avons opté pour le trio Bootstrap/AngularJS/Ionic pour le frontent généré et certains d’entre vous nous ont fait remarquer à juste titre qu’il n’y avait pas que ces technologies dans la vie.

Sachez que vous n’êtes pas forcés d’utiliser le frontend généré automatiquement. Vous pouvez très bien créer votre propre frontend de A à Z avec les technos de votre choix, versionné sur votre propre gestionnaire de sources et hébergé sur vos propres serveurs.

Vous utiliserez alors simplement la puissance d’Apiloop en tant que backend :)

Comme d’habitude nous restons à votre écoute, n’hésitez pas à nous contacter pour toute question.

Comment analyser le langage naturel ?

Fri, 14 Oct 2016 10:56:50 +0000

Avec l’émergence des réseaux sociaux et du contenu produit par les internautes à foison, il devient difficile d’analyser les données pour en extraire des informations pertinentes.

Afin de régler ce problème nous avons intégré un worker TextRazor qui permet d’analyser tout champ texte produit dans votre application Apiloop.

1. Le modèle de données

Besoin : Je veux créer un site sur lequel n’importe qui peut poster n’importe quoi et ensuite analyser automatiquement le contenu.

Commençons par créer l’application Reddit Light. Créons une entité Post qui a pour attributs title, content et contentAnalysis.

2. Les permissions

Besoin : N’importe qui doit pouvoir créer et lister les posts

Créons une permission au niveau de Post disant que les utilisateurs anonymes peuvent LIST et une autre indiquant qu’ils peuvent CREATE.

3. Le workflow

Maintenant que notre modèle de données est en place et que nous avons défini les permissions, modifions le workflow.

Besoin : Analyser chaque post envoyé

Vous l’aurez compris, nous allons modifier le workflow relatif à l’action CREATE de l’entité Post. Créons donc le workflow assoocié en ajoutant une étape ayant les caractéristiques suivantes :

title : Analyze message
order : 10

L’ordre est défini à 10 afin de laisser de la place pour une étape future avant. Et il est inférieur à 500 car cette valeur caractéristique représente la sauvegarde en base de données.

Puis renseignons les données demandées par le worker chargé d’analyser le commentaire Analyser un texte avec TextRazor.

apiKey : créez un compte sur TextRazor et copiez/collez votre clé API
sourceField : {{content}}
destinationField : contentAnalysis

Vous remarquez que la syntaxe du champ sourceField est particulière. Elle permet en fait d’identifier la valeur du champ content que nous avons défini dans le modèle dans le contexte d’execution du workflow.

Ainsi, cette syntaxe indique au workflow de substituer cette valeur avec la réelle valeur postée par l’utilisateur.

À l’inverse, le destinationField indique simplement le nom de l’attribut, sa valeur étant nulle par définition quand on crée le Post.

4. Le frontend

Jusqu’à présent, rien de tout ce que nous avons fait n’est visible de nos utilisateurs. Et pourtant nous avons fait beaucoup, c’est là dedans que réside toute la puissance d’Apiloop.

Rendons nous sur le dashboard de notre application afin de générer le frontend. Une fois que cela est fait, après quelques minutes, notre site est accessible via le bouton Prévisualiser. Comme nous pouvons le voir, il est relativement vide, c’est une pièce blanche.

Rendons nous dans l’onglet Personnaliser afin d’ajouter la liste des Post.

Ajouter une fonctionnalité :

Lister les objets
Post
Site web

Ajouter une fonctionnalité :

Créer un objet
Post
Site web

Retournons dans le dashboard afin de publier notre application. Une fois le déploiement fini, prévisualisons le site à nouveau. Surprise : rien n’a changé !

En réalité si. Si vous changez l’URL dans votre navigateur en ajoutant /posts, vous obtenez la page listant les Post. À nouveau si vous rajoutez /posts/new vous obtenez le formulaire permettant de créer un post avec les champs liés automatiquement aux attributs que nous avons défini dans le modèle de données.

5. Faisons joujou

Allons-y, n’ayons pas peur, créons un post. Une fois que c’est fait, lorsque nous nous rendons dans notre console Apiloop, et que nous visualisons les données nous voyons bien que le workflow a analysé le contenu de notre Post afin d’en extraire des données.

6. Pistes d’évolution

Maintenant que nous avons mis tout cela en place, il y a de nombreuses pistes d’amélioration :

Améliorer le frontend pour lister les Post directement sur la page d’accueil
Créer un bouton call to action Créer un nouveau post
Ajouter un système d’utilisateurs
Désactiver un Post lors de la création afin de le faire valider par un administrateur
Notifier l’administrateur lors de la création d’un post
Ajouter une entité Comment liée aux Post afin de permettre aux utilisateurs de commenter
Analyser les commentaires de la même façon

Et cette liste est loin d’être exhaustive.

À vous de jouer ;)

How to send a SMS to a user after it signs up and add it to the newsletter ?

Wed, 12 Oct 2016 14:09:51 +0000

Someone is currently writing this awesome article.

How to create and index data to make it available for search ?

Wed, 12 Oct 2016 14:09:51 +0000

Someone is currently writing this awesome article.

How to analyze the content of a comment ?

Wed, 12 Oct 2016 14:09:51 +0000

Someone is currently writing this awesome article.

7 conseils organisationnels pour créer un bon site web

Tue, 26 Jul 2016 08:12:43 +0000

Quelques conseils afin de bien s’organiser lorsqu’on crée son site web ou son application mobile.

1 - Raisonnez en tant qu’utilisateur

Quand vous voulez créer un site web, le design de votre site n’est pas la priorité. Dans un premier temps il faut réfléchir au parcours utilisateur. C’est à dire que vous devez réfléchir au trajet que l’utilisateur va faire pour parvenir à utiliser le site et accéder à ses fonctionnalités. Par exemple sur la homepage mettre un bouton inscription qui renvoie vers un formulaire, un bouton login ou deux emplacement pour écrire apparaissent, etc. C’est en réfléchissant aux différentes fonctionnalités du site web et à comment vous voulez les organiser que la fondation est construite. Or un site web est comme une maison, il faut des fondations solides pour ne pas qu’elle s’écroule.

2 - Restez organisé

Une fois que le parcours utilisateur est défini il faut réfléchir aux actions que cela entraine et comment cela va être placé dans le code de votre site web. Quand vous réfléchissez, restez organisé et concentrez-vous sur chaque fonctionnalité ou action les unes derrière les autres. Cela permet de ne pas se perdre dans son code et avec l’organisation il est plus simple et plus rapide d’avancer dans la création de votre site web.

3 - Cherchez le résultat (BDD)

Évitez de vous soucier des problématiques techniques ce qui compte est le résultat pour l’utilisateur. C’est le fait de se concentrer et de définir toutes les interactions entre l’utilisateur et le site pour que l’utilisateur parvienne à sa recherche sans utiliser d’aspect technique. C’est une réflexion entre le créateur et le développeur pour être sûr que les deux parties veulent arriver au même point. Dans ce processus l’aspect technique du site web n’est pas abordée dans la conversation. Il faut d’abord définir tout le trajet que va prendre l’utilisateur avant de définir ce à quoi va ressembler le site. Ensuite sur un travail continu, des blocs de code serons mis en place et une fois le trajet utilisateur terminé le design est abordé.

4 - Changez votre code

Le code est le moyen d’arriver à un résultat. Il est possible de le modifier à tout moment et il n’est pas gravé dans la pierre. Cela veut dire qu’il ne faut pas hésiter à changer une partie de code pour améliorer un site web ou améliorer une fonctionnalité. Quand du code est écrit il se doit d’être compatible avec le reste du site web. Donc n’oubliez pas que le code peut se changer à tout moment.

5 - Ne réinventez pas la roue (Don’t reinvent the wheel)

Cela ne sert à rien d’écrire tout son code soi-même ou demander à des développeurs d’écrire l’intégralité du site à la main. Le code peut être changé et il est plus simple et plus rapide d’utiliser en respectant les licences, les parties de code open source qui sont mises à disposition par la communauté de développeurs. C’est quelque chose qui est ignoré par un grand nombre de personnes mais avec le code disponible sur internet, il est possible de créer un site web à part entière. Pour se faire il est par exemple possible de se rendre sur GitHub qui est un site de référence pour développeurs.

6 - Versionnez votre code correctement

Un site web est composés de plusieurs fichiers de code qui sont écrit par un ou plusieurs développeurs et qui sont mis ensemble pour former le site web. Versionner son code correspond à donner des informations par rapport à la personne qui a écrit ce code ainsi que les raisons qui ont poussé cette personne à écrire ce code et le résultat qui est attendu du fait d’avoir écrit ce code.

Cela permet au cas où il y a une erreur dans le code de revenir en arrière à une version stable du site web. De plus, cela permet de mettre à jour le code du site web pour que la version du site publiée sur internet soit la dernière et puisse intégrer toutes les fonctionnalités développées. Pour finir, cela permet de vérifier que plusieurs développeurs ne travaillent pas sur la même partie du code pouvant ainsi éviter de créer une erreur quand le site est mis à jour avec toutes les dernières modifications.

Un des logiciels les plus utilisé pour faire du versionning efficace est Git qui est un logiciel libre de droit développé à la base pour linux et qui a ensuite été adapté pour les autres plateformes.

7 - Mettez en place une chaine d’intégration continue

Une chaine d’intégration continue correspond au principe de vérifier la qualité du code écrit par rapport au site web actuel. Elle permet de tester le site web et vérifier qu’il n’y a pas d’erreurs ou d’anomalies dans le code. Si tout va bien, le code est automatiquement déployé en production. Cela permet de limiter les actions manuelles qui peuvent résulter en une erreur, donc cela améliore l’efficacité et le rendement du développement. C’est une technique qui peut paraître longue à faire sur du court terme mais qui au long terme améliore grandement la vitesse de développement et la stabilité du site internet.

Stage et Entreprenariat

Wed, 20 Jul 2016 07:34:28 +0000

La semaine dernière je vous parlais de la découverte de l’entreprenariat quand on entre en école de commerce. Cependant, ce n’est pas le seul moyen pour découvrir l’entreprenariat en tant qu’étudiant. Il est aussi possible de le découvrir grâce aux stages. Je vais donc vous parler des stages et plus particulièrement des stages en startup.

Pendant les années d’études en école de commerce, il est demandé aux étudiants de faire des stages. Tout au long des années d’études ces stages ont différents objectifs. La première année en école de commerce correspond en général à un stage de vente. Pour ce stage, il est plus simple d’intégrer un grand groupe et avoir un premier aperçu de la vie d’entreprise. C’est un stage de découverte qui est utile et intéressant pour se faire une idée de la hiérarchie et des relations entre les employés.

Les années qui suivent, il est demandé de participer plus à la gestion de l’entreprise ou ce qui s’appelle le back-office. Lors de ces stages, il est intéressant d’intégrer les deux grands types d’entreprises : les startups et les grands groupes. Les stages en grands groupes permettent de voir comment sont mis en place des stratégies et des manières de travailler qui sont assez réglementées et qui sont suivies et revues par plusieurs personnes.

D’un autre côté, pour découvrir l’entreprenariat, je conseillerais plutôt de faire un stage dans une startup. Pour cela il faut en général contacter les créateurs de ces startups mais aussi regarder sur les sites spécialisés qui sont de plus en plus nombreux à référencer les différentes offres de stage.

Je trouve que le stage dans une startup est idéal pour un étudiant qui veut découvrir l’entreprenariat. Dans un premier temps, cela lui permet de découvrir l’état d’esprit et le dynamisme du ou des créateurs de la startup. Dans un second temps, c’est formateur, car c’est souvent une jeune entreprise qui demande à peu de personnes de gérer des taches qui dans certains groupes sont gérées par de nombreuse personnes. Cela permet aussi de voir dans quel environnement le travail est fait. Une startup, c’est une grosse entreprise qui réduit ses frais au maximum. Le but d’une startup est d’utiliser le plus de techniques gratuites possibles pour arriver à un résultat et à la création d’une base de clientèle. Pour cela, certaines startups sont basées au domicile des créateurs ou alors dans des espaces de coworking.

Il est intéressant de travailler dans ces deux milieux car d’un côté c’est sympathique de découvrir le travail dans le salon d’un appartement mais d’un autre côté, c’est aussi sympa de découvrir l’ambiance générale d’un espace de coworking où une dizaine de startup travaillent côte à côte sans forcément se connaître. Cependant dans un espace de coworking il est fréquent que les personnes parlent entre elles et finissent par découvrir les startups qui les entourent.

Un stage en startup est un réel bonus pour un étudiant, car pendant l’ensemble des études on découvre des aspects différents du monde du business. Ces découvertes permettent de travailler sur soi et de comprendre dans quel type d’entreprise le travail nous est plus agréable. Certaines personnes sont plus confortables pour travailler dans de grands groupes sur des travaux d’équipe qui demandent à être validées par un membre supérieur de la hiérarchie de l’entreprise avant de le mettre en action. D’autres préfèrent travailler dans des environnements plus petits sur des missions qui sont généralement à faire seul ou par petits groupes de 2 ou 3 maximum.

Il existe beaucoup de différences entre ces deux types d’entreprise et c’est pour ça qu’il est intéressant de faire un stage dans chacun, au moins pour avoir une première impression de l’ambiance de travail. Dans un grand groupe ou une grosse entreprise, il est plus commun d’avoir une fonction dans un service. Dans une startup, il est plus commun de toucher à différents types de services et de travailler par missions.

Pour un étudiant en école de commerce qui s’intéresse à l’entreprenariat, un stage dans une startup est une mine d’or d’informations. D’une part, son travail lui montre les différentes tâches nécessaires à la bonne mise en route d’une entreprise. Et d’autre part, le fait de travailler avec des entrepreneurs permet de poser les questions et d’obtenir les informations pratiques de la création d’entreprise. Personnellement, mes expériences en startup m’ont permis de découvrir que je voulais devenir entrepreneur et que je souhaitais mettre en place et développer mon business. Ces stages me donnent des notions capitales pour rechercher des nouveaux clients, mettre en place une communication d’entreprise, etc.

De plus j’ai un sentiment de satisfaction beaucoup plus important quand je termine une mission dans une startup que dans une grande entreprise. Il se peut que ce soit un sentiment personnel mais je pense que le fait que ce soit une petite entreprise et qu’il y ait peu d’employés fait que le travail accompli apparaît plus important et donc produit plus de satisfaction. Dans un grand groupe, c’est en quelque sorte comme si une brique était posée au sommet d’un gratte-ciel, c’est un petit geste à côté de tout ce qui a déjà été construit. Par contre, mettre une brique dans la construction d’une petite maison représente un travail plus important par rapport à la totalité du projet et à ce qui a déjà été construit.

Cependant le stage en startup ne peut pas représenter la seule expérience d’un étudiant en école de commerce. Je pense qu’il faut faire des stages dans des grandes entreprises comme des stages dans des startups pour voir quels sont les différences et pour comprendre le but final d’une startup. Car une startup n’a pas pour ambition de rester une petite entreprise. Le but ultime est de créer une grosse entreprise qui peut vendre son produit ou son service partout autour du monde et qui a un impact sur le monde économique. Le but étant donc de devenir un grand groupe, il faut donc comprendre comment les employés dans les grandes entreprises travaillent. Cela permet de savoir et de découvrir comment une entreprise passe du mode de travail en startup à l’organisation complexe de la grosse entreprise.

Pour finir je voudrais préciser que trouver un stage dans une startup n’est pas compliqué en soi. Il y a plusieurs méthodes pour le faire. Dans un premier temps il est possible de passer par les plateformes en lignes qui recensent les offres de stage. D’un autre côté il est possible de voir certaines startups qui mettent l’offre directement sur leur site. Une dernière technique est de regarder dans des bases de données de startup quelles sont celles qui vous intéressent personnellement et de faire une candidature spontanée. Vous montrez ainsi aux créateurs que vous êtes intéressés par leur projet et donc quand vous envoyez une candidature spontanée, il y a peu de chances que la startup refuse de vous parler ou vous voir.

Bonne chance si vous cherchez actuellement un stage et à bientôt !

Entreprendre quand on est en école de commerce

Wed, 13 Jul 2016 09:34:12 +0000

Bonjour, je suis Alexis et je travaille actuellement chez Apiloop. En tant qu’étudiant en école de commerce à l’INSEEC et responsable de l’association de jeunes entrepreneurs, nous avons décidé de lancer une série d’articles afin d’aider les étudiants en écoles de commerce à se lancer dans l’entreprenariat. Ce premier article est relativement général et permet de donner des éléments de réponse aux étudiants en écoles de commerce qui cherche à s’informer sur l’entreprenariat.

Lorsque l’on est étudiant en école de commerce on nous parle souvent de l’entreprenariat. On nous en fait des éloges sans jamais vraiment nous dire pourquoi.

En tant qu’étudiant en école de commerce j’ai fait des recherches sur l’entreprenariat et le monde des start-up. Pour commencer quand un étudiant arrive dans une école de commerce, certaines proposent de rentrer dès la première année dans une association. Souvent une association de jeunes entrepreneurs est mise en place par l’école. On nous présente ça comme un groupe dans lequel on va pouvoir prendre nos idées et nous donner les clés pour la mettre en oeuvre. En commençant par la réalisation d’un business plan et ce qui suit.

Les groupes de jeunes entrepreneurs peuvent être organisés de manière différente. Il peut y avoir une idée de projet de groupe et de réalisation commune d’une idée. Ou alors c’est un groupe de développement personnel qui met en avant les idées de chacun et qui suit chaque membre au cours de sa création d’entreprise.

Ma première année dans cette association a été pauvre en apprentissage à ce niveau-là. Cependant, cela a été une année qui m’a appris une grande leçon. La première règle pour que l’entreprenariat fonctionne est de le mettre en action. Les informations et l’apprentissage ne viennent pas tout seul, il faut le mettre en place soi-Même. Et c’est une notion que j’ai rencontrée partout où je suis allé et que l’on m’a parlé d’entreprenariat. Il faut forcer le mouvement pour qu’il y en ai un.

Avec cette leçon en tête j’ai décidé l’année suivante de gérer ce groupe de jeunes entrepreneurs. Là aussi j’ai appris une leçon importante. Ce n’est pas parce qu’une personne ou un petit groupe de personnes apparaissent motivées qu’elles le sont vraiment. Cela permet de savoir quelles sont les personnes qui possèdent la motivation de réussir.

Quand on commence et que l’on est fraichement arrivé dans une école ce n’est peut être pas le meilleur moment pour rentrer dans un groupe de jeunes entrepreneurs car on n’a pas de réelle vision sur ce qu’est une entreprise et ce que sont les PME ou les grands groupes. De plus cela permet de comprendre ce qu’implique le fait d’être une entreprise.

Dans un groupe de jeunes entrepreneurs il existe deux positions. Chacune apportant une vision différente de la start-up. La position de président du groupe et la position de membres. En tant que membre on apprend les bases d’une start-up. C’est-à-dire le statut juridique, le business plan, tout ce qui compose la phase de création. En tant que président d’une telle association on y apprend la création d’une start-up mais cela donne aussi une expérience de management. Gérer un groupe d’une dizaine voire une vingtaine d’étudiants n’est pas une mince affaire et cela présente l’état d’esprit et l’ambiance au sein d’une entreprise.

Il faut savoir que la motivation de travailler ne vient pas forcément de la bonne idée ou de l’intérêt des étudiants, cela vient de la cohésion de groupe. Si les membres du groupe comprennent que tout le monde peut progresser ensemble et profiter de la vision de plusieurs personnes, alors il y a un débat et une discussion qui s’installe. À travers cette discussion naît un brainstorming qui permet d’en dégager une idée. Cette idée est venue grâce à la contribution du groupe entier et tous sont d’accord sur cette idée. Quand cela a été mis en place, il est possible d’organiser la création de cette idée et de faire la mise en place du business plan.

Ce qu’il ne faut surtout pas hésiter à faire c’est parler avec les professeurs car ils ont de l’expérience à partager. Ils ont un savoir qui nous permet en tant qu’étudiant de se rendre compte du monde commercial qui nous entoure.

L’entreprenariat est une notion vaste au final. Cela part de la création d’une entreprise par une seule personne jusqu’à la mise en place de sociétés comme Facebook. Ce monde est donc peuplé d’entrepreneurs qui sont en fait des personnes qui lors de leur vie de tous les jours on pensé à une solution. Cette solution sert a régler un problème et à travers cette solution ils trouvent un moyen de la monétiser.

La monétisation d’une entreprise est un des plus gros challenges pour l’entrepreneur. Pour fonctionner une entreprise doit avoir un business model. Ce business model va représenter toutes les fonctionnalités payantes d’une entreprise. Il arrive souvent que ce dernier soit a l’origine du dépôt de bilan d’une start-up. C’est une décision importante qui ne possède pas de recette miracle. Pour le moment la manière que j’ai trouvé la plus réaliste est de se demander a soi-même quels sont les services qui me sont rendus et combien je serais prêt a payer pour obtenir ces services. Après cette réflexion, une entreprise reviendra souvent sur son business model mais en définir une base permet de progresser dans la création de ladite entreprise.

Cependant, tout le savoir ne peut pas être acquis avec un cours ou en étant membre dans un groupe de jeunes entrepreneurs. Certains savoirs ne sont acquis que grâce a l’expérience personnelle. Que ce soit comment trouver un associé où encore savoir manager une équipe. Ce sont des savoirs qui ne s’acquièrent pas à travers une leçon. Et c’est une chance. Cela permet à l’étudiant considéré comme un jeune entrepreneur de chercher à pousser ses connaissances. Un des meilleurs moyens pour en apprendre davantage sur le monde entrepreneur reste de parler avec des entrepreneurs. Il existe beaucoup de moyens pour entrer en contact avec les entrepreneurs car ils sont actifs et souvent ils sont ouvert au partage. Il ne faut pas hésiter à demander et échanger car cela permet d’avoir un avantage sur ceux qui ignorent.

Running Photos Finder : Développé en 2j avec Apiloop

Fri, 20 May 2016 12:56:12 +0000

On nous demande souvent s’il y a des projets qui ont été développés avec Apiloop pour voir ce que l’on peut faire avec.

Au lieu de faire un vulgaire “Hello World” ou encore une “TODO app” (les initiés comprendront), nous avons décidé de résoudre un vrai problème pour montrer que la plateforme permet de faire des applications de la vraie vie.

Quel problème ?

S’il y a des coureurs parmi vous, vous savez qu’après chaque course, un flot de photos est déposé sur les réseaux sociaux, souvent de très bonne qualité car prises par des photographes professionnels. Le problème est qu’il y en a trop et qu’il est difficile de retrouver des photos de vous ou de vos amis.

Quelle solution ?

Proposer une plateforme qui s’interface avec les albums photos Facebook et qui permet de tagger de manière collaborative des photos avec le numéro de dossard. Ainsi, avec une simple recherche du numéro, on retrouve les photos de sa course.

Running Photos Finder

Entrons à présent dans le vif du sujet en expliquant les Comment et Pourquoi.

Le modèle de données

Comme le montre l’illustration, le modèle est très simple. Nous avons :

User : les utilisateurs qui se connectent via Facebook Connect pour interagir avec les photos (tagger/rechercher)
Event : un événement correspondant à une course précise avec un nom, une description, une belle photo d’illustration, une date et une localisation
Album : un album photo posté sur Facebook lié à un événement
Picture : une photo liée à un album comportant un titre et bien évidemment une liste de dossards qui y figurent

Le modèle de données d’une application est souvent difficile à trouver mais une fois qu’on l’a sous les yeux, ça paraît tout de suite plus évident.

Oui c’est exactement comme les solutions aux problèmes de maths à l’école :)

Génération du code

Grâce à Apiloop, nous avons pu générer très rapidement la structure de base du site web (AngularJS, Bootstrap).

Développement

À partir de là, nous avons juste eu à récupérer le code via Git et y apporter les modifications nécessaires pour implémenter nos différents écrans :

Homepage avec un gros texte et la liste des événements du plus récent au plus ancien
Liste des albums d’un événement
Liste des photos d’un album avec un champ de recherche
Une photo avec un formulaire pour tagger les dossards que l’on y voit

Concrètement, l’implémentation de ces écrans est très simplifiée car le backend Apiloop est déjà prêt pour permettre de lister des éléments, d’en charger un précis, de rechercher des éléments, etc.

Grâce au SDK Angular Apiloop, il suffit simplement de faire un peu de JavaScript, un peu de HTML et un zeste de CSS pour rendre un peu plus beau.

Collaboration

Sur ce projet il n’y avait qu’un seul développeur. Mais Apiloop permet évidemment de travailler à plusieurs sur un même projet. Par rapport à nos différents écrans, nous aurions pu créer des missions et demander à des développeurs de la communauté de s’en occuper.

Déploiement

Naturellement, il ne s’agit pas de développer le site web en mode tunnel et une fois terminé le mettre sur le serveur pour le tester. Ce sont des choses qu’il faut faire dès le départ pour s’assurer que toute la chaîne est validée. Cela permet de fournir un travail de meilleure qualité et d’assurer une meilleure communication sur un projet de plus grande envergure.

Encore une fois, Apiloop permet de se faciliter grandement le travail grâce à deux boutons très simples permettant d’envoyer le site internet dans le cloud pour le tester et le faire tester.

Une fois que tout est validé, il suffit de lier le nom de domaine et envoyer en production :

Et TADA ! Le site devient accessible via votre propre nom de domaine http://www.runningphotosfinder.com.

Et si on veut apporter des modifications ?

Aucun souci, Apiloop facilite également tout cela. Il est facile de poster une mission pour qu’un développeur tiers travaille sur l’application avec toutes les relecture de code et le suivi qualité nécessaires. Cela peut également être fait par vous ou par un développeur travaillant pour vous.

Pour implémenter un nouvel écran :

Modification du modèle de données si besoin (ajout d’une entité par exemple)
Implémentation de l’écran en JavaScript/HTML/CSS
Relecture de code et contrôle qualité par nos soins
Envoi en pré-production
Validation que le travail répond bien à la mission par vos soins
Envoi en production

Avec ce process, en quelques jours, voire à peine quelques heures, vous avez une nouvelle fonctionnalité prête à être utilisée par vos utilisateurs !

Et si on veut une application mobile ?

Oui vous l’avez vu le petit bouton sur une des captures d’écran :) C’est très simple : le modèle de données reste le même, les données restent les mêmes. Il n’y a que les écrans à changer pour vraiment donner un aspect d’application mobile, suivre le même process de développement et envoyer votre application sur l’AppStore et/ou le PlayStore.

Considérations “un peu” plus techniques

Pour les plus courageux, voici des aspects un peu plus techniques qui peuvent vous intéresser :

Facebook : le réseau social propose tout un panel d’APIs permettant d’interagir avec les albums, les photos, etc. C’est une simple API REST.
Recherche : nous sommes interfacés directement avec Algolia. Comme vous pouvez le voir sur la capture d’écran du modèle de données, dès qu’une petite loupe est adossée à une entité, cela signifie qu’elle est “recherchable”.
Cloud : les versions de pré-production et de production sont envoyées sur le cloud Amazon (S3 pour le stockage, Route 53 pour le nom de domaine). L’API Apiloop est également hébergée sur AWS.
Déploiement : nous utilisons ce bon vieux Jenkins pour construire et déployer les applications.

Le mot de la fin

N’hésitez pas à tester gratuitement : https://www.apiloop.io. On reste à votre disposition pour toute question.

Qu’est-ce qu’un modèle de données ?

Mon, 04 Apr 2016 14:37:41 +0000

Lorsque l’on souhaite créer un site web, un logiciel ou une application mobile il est important de comprendre ce qu’est un modèle de données, et ce, même si l’on ne fait pas partie de l’équipe dite “technique”.

En effet, ce dernier représente la base de toute application, il permet de structurer votre métier. Uber a un modèle de données, Facebook a un autre modèle de données, Deliveroo a également un autre modèle de données.

Toutefois, tous ces services ont certains points communs. Par exemple, ils permettent tous de s’inscrire en tant qu’utilisateur, de se connecter, etc. Mais tous n’ont pas besoin des mêmes données sur l’utilisateur et cela est matérialisé dans le modèle de données.

Entrons dans le vif du sujet.

Pour faire simple, les trois principaux termes à connaitre lorsque l’on parle de modèle de données sont : Entité, Attribut et Relation.

Qu’est-ce qu’une entité ?

Une entité représente un élément de votre business correspondant souvent à un élément de la vie réelle, mais pas toujours. Des exemples d’entités en fonction de services que vous connaissez :

Facebook : Utilisateur, Statut, AlbumPhoto, Photo
Uber : Utilisateur, Conducteur, Trajet, Avis
Twitter : Utilisateur, Tweet
Blog : Rédacteur, Catégorie, Article
Site e-commerce : Catégorie, Produit, Commande

Comme vous pouvez le voir, il peut être difficile d’identifier des entités mais lorsque l’on parvient à le faire cela semble naturel.

Les entités ont des attributs

Venons en maintenant aux attributs. Ils appartiennent toujours à une entité. Un attribut a un type qui correspond au type de donnée qu’il contient : nombre entier, nombre décimal, texte libre, booléen (vrai ou faux), date, email, URL…

Si vous n’arrivez pas à déterminer le type d’un attribut c’est probablement que c’est une entité à part ou une relation (voir plus loin).

Prenons l’entité Produit du site e-commerce pour donner des exemples d’attributs :

Nom : le nom du produit (texte)
Description : description détaillée (texte)
Date de disponibilité : quand le produit sera disponible (date)
Stock : le nombre de produits encore en stock (nombre entier)
Site du fabricant : lien vers le fabricant (URL)
Prix TTC : le prix TTC du produit (nombre décimal) Vous savez celui qui finit toujours par ,99€…

Quid des relations ?

Les relations sont légèrement plus compliquées à comprendre mais ce n’est pas insurmontable. Elles permettent de lier des entités entre elles. Vous avez certainement déjà entendu parler de bases de données “relationnelles”. (Attention ça ne veut pas dire que les bases non relationnelles ne permettent pas d’implémenter de relations).

Prenons l’exemple de la relation entre un Produit et une Catégorie du site e-commerce pour illustrer.

Dans le cahier des charges de notre site e-commerce, il est mentionné :

Un Produit appartient à une seule catégorie

On peut donc modéliser de la façon suivante :

C’est le cas le plus simple. Il y a une référence (représentée via la flèche) au niveau de l’entité Produit vers l’entité Catégorie. Autrement dit, nous avons un attribut “Catégorie” dans l’entité “Produit” qui contient la référence unique de la catégorie. Ainsi, nous pouvons facilement lister les produits d’une catégorie donnée par exemple.

Maintenant, le cahier des charges change :

Un Produit peut avoir plusieurs catégories

Développeur :

Arghhh ! T’aurais pas pu le dire avant ?!

Le modèle précédemment choisi ne convient plus car quelle référence unique allons-nous mettre dans l’attribut Catégorie ?

Il faut donc créer une entité un peu spéciale qui lie les deux que l’on pourra appeler LienProduitCategorie.

Cette entité a deux attributs : référence unique du produit (flèche vers produit) et référence unique de la catégorie (flèche vers catégorie). Avec ce modèle, nous pouvons lier un produit à autant de catégories que l’on souhaite.

Rien n’empêche naturellement d’ajouter des attributs spécifiques dans l’entité ProductCategoryLink. Comme la date à laquelle le produit a été assigné à telle catégorie.

Tiens tiens, ce n’est pas ce genre de modélisation qui permettrait à Facebook de vous dire quand est-ce que vous avez intégré un groupe par exemple ?

Le mot de la fin

Même s’il est simplifié, cet article peut sembler compliqué. Il est nécessaire toutefois pour une personne non technique de comprendre les mécanismes afin de mettre sur papier son idée et discuter de façon pragmatique avec un développeur. Le travail du développeur est d’autant plus simplifié si le modèle de données est déjà établi.

À noter, qu’il ne doit pas y avoir de lien entre le modèle de données et la technique associée. En effet, peu importe le type de base de données que vous utilisez (SQL, NoSQL orienté document, NoSQL orienté colonnes…), votre modèle de données reste le même car il modélise votre métier dans l’absolu. L’implémentation technique change en fonction de la solution de stockage et du framework/langage de programmation.

Pour aller plus loin, vous pouvez lire des articles sur le modèle de classes UML.

Si vous avez besoin d’aider pour modéliser votre modèle, n’hésitez pas à nous contacter : hello@apiloop.io ou à tester notre solution https://www.apiloop.io.