Introduction et présentation de CocoaPods et ses bonnes pratiques. Tout ce qu’il faut savoir sur son fonctionnement, comment et pourquoi écrire ses propres librairies tierces et bien utiliser cet outil (astuces et bonnes pratiques).
App groups, faire communiquer ses applications {Cocoaheads Montpellier}Idean France
Présentation et live coding - Les apps groups permettent à vos applications de communiquer, d’échanger toutes sortes de données. Une véritable pluvalue pour un écosystème applicatif que vous pourrez appréhender plus sereinement après cette intervention.
Slides de la présentation "iOS & Android" de la session des CocoaHeads Rennais du 10 novembre 2011. Présentation assurée par David Bonnet et Nicolas Klein.
App groups, faire communiquer ses applications {Cocoaheads Montpellier}Idean France
Présentation et live coding - Les apps groups permettent à vos applications de communiquer, d’échanger toutes sortes de données. Une véritable pluvalue pour un écosystème applicatif que vous pourrez appréhender plus sereinement après cette intervention.
Slides de la présentation "iOS & Android" de la session des CocoaHeads Rennais du 10 novembre 2011. Présentation assurée par David Bonnet et Nicolas Klein.
Messages Extensions par Nicolas FontaineIdean France
Les Message Extensions, nouveauté iOS10, quelle valeur ajoutée ? Comment ça marche ? Cette présentation répond à vos questions et vous guide sur la manière de créer / architecturer votre extension en swift.
Cocoaheads Montpellier Meetup : Comment gérer son onboardingIdean France
Lors du dernier Meetup Cocoaheads à Montpellier, qui a réunit une trentaine de développeurs iOS, Philippe Bernery, Head of Innovation chez Backelite, a montré à l'aide de scénarii comment gérer son onboarding pour améliorer l'expérience utilisateur de son application mobile.
Cocoaheads Montpellier Meetup : 3D Touch for iOSIdean France
Lors du dernier Meetup Cocoaheads à Montpellier, qui a réunit une trentaine de développeurs iOS, Jérôme Morissard, Lead iOS Developer chez Backelite, a présenté les fonctionnalités et utilisations du 3D Touch lors d'une démonstration live.
Opérer un unbundling : 6 questions que les marques doivent se poserIdean France
2014 aura été marquée par la mise en place de stratégies d'unbundling par les géants du web, c'est à dire la séparation d'une application en plusieurs services.
Cette solution, qui consiste à organiser ses services mobiles au sein d’un écosystème d’applications mobiles, n'est pas toujours LA solution. Quelles sont les questions à se poser avant de se lancer ?
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...Idean France
Lors du dernier Meetup Cocoaheads à Montpellier, qui a réunit une trentaine des développeurs iOS, Gilles Grousset, Development Team Manager chez Backelite, a présenté comment les équipes techniques font l'analyse de code statique avec Objective-C et SWIFT.
Un développeur sachant designer par Audrey HacqIdean France
Une interface équilibrée et compréhensible se doit de respecter certaines règles basiques de mise en page. C’est le métier du designer, pas celui du développeur.
Et pourtant, pour qu’une maquette soit correctement intégrée (et pour éviter ainsi à chacun de longues et pénibles heures de recette graphique), il est primordial que le designer et le développeur puissent se comprendre et parler le même langage.
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Idean France
Remplir un formulaire, c’est pénible. Tout le monde s’accorde sur ce point. Pourtant, le formulaire permet de collecter des données, d’interagir avec un service, de devenir acteur d’une interface. Il est donc essentiel de soigner vos formulaires pour assurer la meilleure expérience utilisateur possible !
Suivre quelques bonnes pratiques peut rendre un formulaire intuitif et ludique, instaurant ainsi une relation positive entre l’humain et la marque.
Les 10 Tendances du Design d'interface en 2016Idean France
Chez Backelite, nous remettons constamment en question nos méthodes de conception pour répondre à l'évolution des devices, des besoins utilisateurs et des marques.
Le propre des tendances étant d’évoluer, elles sont aussi là pour être challengées en mode "test & learn".
Partageons ensemble notre vision sur l'évolution du design en 2016 avec ces 10 grands principes clés de l'UI Design.
Les 5 Tendances de la Performance Digitale en 2016Idean France
Pour créer un service digital puissant avec un véritable impact durable sur l'expérience utilisateur, il est essentiel d'en optimiser et surveiller la performance. Les nouvelles avancées en matière d'intelligence artificielle, analytiques et objets connectés vont permettre aux marques d'aller encore plus loin.
Quels seront les plus gros changements en 2016 ? Continuez à lire pour découvrir les 5 tendances de la performance digitale.
Chez Backelite, nous n'utilisons pas uniquement la technologie pour de créer de nouveaux services digitaux, mais surtout pour permettre aux entreprises d'interagir autrement avec leurs utilisateurs en leur proposant une expérience utilisateur exceptionnelle. Comment l’impression 3D, la réalité virtuelle et l’intelligence artificielle (AI) vont impacter la tech et l’expérience utilisateur en 2016?
Découvrez nos tendances tech pour cette année.
Les 10 tendances de la User Experience en 2015Idean France
Avec la multiplication des écrans et des points de contacts entre les utilisateurs et les marques, l’expérience utilisateur est devenue un enjeu central de tout projet digital. Une homogénéisation des expériences utilisateurs sur tous les écrans est désormais stratégique pour les marques. Backelite vous fait découvrir toutes les tendances UX à venir pour 2015
Les 10 Tendances de l’Expérience Utilisateur en 2016Idean France
Chez Backelite, imaginer, concevoir et réaliser des services digitaux,
c’est faciliter la vie des utilisateurs.
En 2016, quelles sont les tendances UX qui se dessinent ?
Partageons notre vision des changements qui impacteront 2016 avec 10 tendances clés de l'expérience utilisateur.
L'Apple Watch crée l'événement et bouscule le marché des smartwatches Idean France
Près d'un mois après la sortie officielle de l'Apple Watch, il est temps de faire un tour d'horizon des premiers chiffres clés, des premières impressions aux dernières trouvailles après s'être vraiment familiarisé avec le produit.
Découvrez nos premiers retours, le cas de Logic-immo.com qui a collaboré avec Backelite pour la création de leur application Apple Watch ainsi que l'avis de nos experts en interne !
Bonne lecture !
contact@backelite.com
Oxalide Workshop #4 - Docker, des tours dans le petit bassinLudovic Piot
Oxalide Workshop #4 - Docker, des tours dans le petit bassin
4ème workshop @Oxalide, animé par Julien Follenfant, Théo Chamley (@MrTrustor) et Ludovic Piot (@lpiot), le 24 mai 2016.
Une entrée en matière sur la technologie Docker et son écosystème à date : pourquoi un tel engouement, à quel point Docker s'inscrit parfaitement dans la démarche DevOps…
Un TP sur le montage d'un cluster ElasticSearch avec le Dockerfile.
Une démo de kubernetes.
Subject: Oxalide's workshop about an overview of Docker and its ecosystem.
Date: 24-mai-2016
Speakers: Julien Follenfant (@Oxalide), Théo Chamley (@MrTrustor, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide)
Language: french
Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-workshop-number-4-docker-des-tours-dans-le-petit-bassin
Lien SlideShare : http://www.slideshare.net/LudovicPiot/workshop-4-docker-des-tours-dans-le-petit-bassin
YouTube Video capture: https://youtu.be/xJuRS6QYAAk
Main topics:
* Introduction 15 min (Ludovic Piot)
** D’où vient Docker ?
** Les principales caractéristiques de Docker
*** POrtable (package)
*** DIsposable (cattle vs. pet)
*** LIve (git style)
*** SOcial (registry / Github style)
* Hands-on #1 - Mon premier container (Julien Follenfant 35 min)
** Un tour d’horizon de DockerHub
** Installation de Docker Toolbox
** Création d’un Dockerfile (outil stand-alone)
** Introspecter un container
** Configurer un container
** Monter un cluster Elasticsearch 3 nœuds
* Comment ça marche ? (Théo Chamley 20 min)
** Namespaces & cgroups
** Layered FS (les poupées russes)
** Cache Image
** Networking
** Volumes
* Nouvelles collaborations (Ludovic Piot 10 min)
** CaaS (infra + cluster de containers vs. containers + appli)
* Ecosystème 20 min
** Les produits Docker, inc. (Ludovic Piot)
** Les alternatives (CoreOS, OpenContainer Initiative, Warden/Garden) (Ludovic Piot)
** La registry (Docker Registry, Nexus) (Ludovic Piot)
** L’autodiscovery (Consul, etcd, ZooKeeper) (Ludovic Piot)
** Les composants réseaux (haproxy, traefik, zipnish) (Julien Follenfant)
** Les orchestrateurs (kubernetes (Théo Chamley), Mesos/Marathon, Swarm, Fleet) (Ludovic Piot)
** Les solutions PaaS/CaaS intégrées (OpenShift, Rancher (Théo Chamley), Deis, CloudFoundry) => screenshots (Ludovic Piot)
** Les services de cloud publics (AWS ECS et ECR, GKE) (Ludovic Piot)
* Demo - utilisation de Kubernetes 15 min (Théo Chamley)
* Questions / Réponses
Messages Extensions par Nicolas FontaineIdean France
Les Message Extensions, nouveauté iOS10, quelle valeur ajoutée ? Comment ça marche ? Cette présentation répond à vos questions et vous guide sur la manière de créer / architecturer votre extension en swift.
Cocoaheads Montpellier Meetup : Comment gérer son onboardingIdean France
Lors du dernier Meetup Cocoaheads à Montpellier, qui a réunit une trentaine de développeurs iOS, Philippe Bernery, Head of Innovation chez Backelite, a montré à l'aide de scénarii comment gérer son onboarding pour améliorer l'expérience utilisateur de son application mobile.
Cocoaheads Montpellier Meetup : 3D Touch for iOSIdean France
Lors du dernier Meetup Cocoaheads à Montpellier, qui a réunit une trentaine de développeurs iOS, Jérôme Morissard, Lead iOS Developer chez Backelite, a présenté les fonctionnalités et utilisations du 3D Touch lors d'une démonstration live.
Opérer un unbundling : 6 questions que les marques doivent se poserIdean France
2014 aura été marquée par la mise en place de stratégies d'unbundling par les géants du web, c'est à dire la séparation d'une application en plusieurs services.
Cette solution, qui consiste à organiser ses services mobiles au sein d’un écosystème d’applications mobiles, n'est pas toujours LA solution. Quelles sont les questions à se poser avant de se lancer ?
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...Idean France
Lors du dernier Meetup Cocoaheads à Montpellier, qui a réunit une trentaine des développeurs iOS, Gilles Grousset, Development Team Manager chez Backelite, a présenté comment les équipes techniques font l'analyse de code statique avec Objective-C et SWIFT.
Un développeur sachant designer par Audrey HacqIdean France
Une interface équilibrée et compréhensible se doit de respecter certaines règles basiques de mise en page. C’est le métier du designer, pas celui du développeur.
Et pourtant, pour qu’une maquette soit correctement intégrée (et pour éviter ainsi à chacun de longues et pénibles heures de recette graphique), il est primordial que le designer et le développeur puissent se comprendre et parler le même langage.
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Idean France
Remplir un formulaire, c’est pénible. Tout le monde s’accorde sur ce point. Pourtant, le formulaire permet de collecter des données, d’interagir avec un service, de devenir acteur d’une interface. Il est donc essentiel de soigner vos formulaires pour assurer la meilleure expérience utilisateur possible !
Suivre quelques bonnes pratiques peut rendre un formulaire intuitif et ludique, instaurant ainsi une relation positive entre l’humain et la marque.
Les 10 Tendances du Design d'interface en 2016Idean France
Chez Backelite, nous remettons constamment en question nos méthodes de conception pour répondre à l'évolution des devices, des besoins utilisateurs et des marques.
Le propre des tendances étant d’évoluer, elles sont aussi là pour être challengées en mode "test & learn".
Partageons ensemble notre vision sur l'évolution du design en 2016 avec ces 10 grands principes clés de l'UI Design.
Les 5 Tendances de la Performance Digitale en 2016Idean France
Pour créer un service digital puissant avec un véritable impact durable sur l'expérience utilisateur, il est essentiel d'en optimiser et surveiller la performance. Les nouvelles avancées en matière d'intelligence artificielle, analytiques et objets connectés vont permettre aux marques d'aller encore plus loin.
Quels seront les plus gros changements en 2016 ? Continuez à lire pour découvrir les 5 tendances de la performance digitale.
Chez Backelite, nous n'utilisons pas uniquement la technologie pour de créer de nouveaux services digitaux, mais surtout pour permettre aux entreprises d'interagir autrement avec leurs utilisateurs en leur proposant une expérience utilisateur exceptionnelle. Comment l’impression 3D, la réalité virtuelle et l’intelligence artificielle (AI) vont impacter la tech et l’expérience utilisateur en 2016?
Découvrez nos tendances tech pour cette année.
Les 10 tendances de la User Experience en 2015Idean France
Avec la multiplication des écrans et des points de contacts entre les utilisateurs et les marques, l’expérience utilisateur est devenue un enjeu central de tout projet digital. Une homogénéisation des expériences utilisateurs sur tous les écrans est désormais stratégique pour les marques. Backelite vous fait découvrir toutes les tendances UX à venir pour 2015
Les 10 Tendances de l’Expérience Utilisateur en 2016Idean France
Chez Backelite, imaginer, concevoir et réaliser des services digitaux,
c’est faciliter la vie des utilisateurs.
En 2016, quelles sont les tendances UX qui se dessinent ?
Partageons notre vision des changements qui impacteront 2016 avec 10 tendances clés de l'expérience utilisateur.
L'Apple Watch crée l'événement et bouscule le marché des smartwatches Idean France
Près d'un mois après la sortie officielle de l'Apple Watch, il est temps de faire un tour d'horizon des premiers chiffres clés, des premières impressions aux dernières trouvailles après s'être vraiment familiarisé avec le produit.
Découvrez nos premiers retours, le cas de Logic-immo.com qui a collaboré avec Backelite pour la création de leur application Apple Watch ainsi que l'avis de nos experts en interne !
Bonne lecture !
contact@backelite.com
Oxalide Workshop #4 - Docker, des tours dans le petit bassinLudovic Piot
Oxalide Workshop #4 - Docker, des tours dans le petit bassin
4ème workshop @Oxalide, animé par Julien Follenfant, Théo Chamley (@MrTrustor) et Ludovic Piot (@lpiot), le 24 mai 2016.
Une entrée en matière sur la technologie Docker et son écosystème à date : pourquoi un tel engouement, à quel point Docker s'inscrit parfaitement dans la démarche DevOps…
Un TP sur le montage d'un cluster ElasticSearch avec le Dockerfile.
Une démo de kubernetes.
Subject: Oxalide's workshop about an overview of Docker and its ecosystem.
Date: 24-mai-2016
Speakers: Julien Follenfant (@Oxalide), Théo Chamley (@MrTrustor, @Oxalide) and Ludovic Piot (@lpiot, @Oxalide)
Language: french
Lien SpeakerDeck : https://speakerdeck.com/lpiot/oxalide-workshop-number-4-docker-des-tours-dans-le-petit-bassin
Lien SlideShare : http://www.slideshare.net/LudovicPiot/workshop-4-docker-des-tours-dans-le-petit-bassin
YouTube Video capture: https://youtu.be/xJuRS6QYAAk
Main topics:
* Introduction 15 min (Ludovic Piot)
** D’où vient Docker ?
** Les principales caractéristiques de Docker
*** POrtable (package)
*** DIsposable (cattle vs. pet)
*** LIve (git style)
*** SOcial (registry / Github style)
* Hands-on #1 - Mon premier container (Julien Follenfant 35 min)
** Un tour d’horizon de DockerHub
** Installation de Docker Toolbox
** Création d’un Dockerfile (outil stand-alone)
** Introspecter un container
** Configurer un container
** Monter un cluster Elasticsearch 3 nœuds
* Comment ça marche ? (Théo Chamley 20 min)
** Namespaces & cgroups
** Layered FS (les poupées russes)
** Cache Image
** Networking
** Volumes
* Nouvelles collaborations (Ludovic Piot 10 min)
** CaaS (infra + cluster de containers vs. containers + appli)
* Ecosystème 20 min
** Les produits Docker, inc. (Ludovic Piot)
** Les alternatives (CoreOS, OpenContainer Initiative, Warden/Garden) (Ludovic Piot)
** La registry (Docker Registry, Nexus) (Ludovic Piot)
** L’autodiscovery (Consul, etcd, ZooKeeper) (Ludovic Piot)
** Les composants réseaux (haproxy, traefik, zipnish) (Julien Follenfant)
** Les orchestrateurs (kubernetes (Théo Chamley), Mesos/Marathon, Swarm, Fleet) (Ludovic Piot)
** Les solutions PaaS/CaaS intégrées (OpenShift, Rancher (Théo Chamley), Deis, CloudFoundry) => screenshots (Ludovic Piot)
** Les services de cloud publics (AWS ECS et ECR, GKE) (Ludovic Piot)
* Demo - utilisation de Kubernetes 15 min (Théo Chamley)
* Questions / Réponses
Oxalide Workshop #4 - Docker, des tours dans le petit bassinOxalide
4ème workshop @Oxalide, animé par Julien Follenfant, Théo Chamley (@MrTrustor) et Ludovic Piot (@lpiot), le 24 mai 2016.
Une entrée en matière sur la technologie Docker et son écosystème à date : pourquoi un tel engouement, à quel point Docker s'inscrit parfaitement dans la démarche DevOps…
Un TP sur le montage d'un cluster ElasticSearch avec le Dockerfile.
Une démo de kubernetes.
Main topics:
* Introduction 15 min (Ludovic Piot)
** D’où vient Docker ?
** Les principales caractéristiques de Docker
*** POrtable (package)
*** DIsposable (cattle vs. pet)
*** LIve (git style)
*** SOcial (registry / Github style)
* Hands-on #1 - Mon premier container (Julien Follenfant 35 min)
** Un tour d’horizon de DockerHub
** Installation de Docker Toolbox
** Création d’un Dockerfile (outil stand-alone)
** Introspecter un container
** Configurer un container
** Monter un cluster Elasticsearch 3 nœuds
* Comment ça marche ? (Théo Chamley 20 min)
** Namespaces & cgroups
** Layered FS (les poupées russes)
** Cache Image
** Networking
** Volumes
* Nouvelles collaborations (Ludovic Piot 10 min)
** CaaS (infra + cluster de containers vs. containers + appli)
* Ecosystème 20 min
** Les produits Docker, inc. (Ludovic Piot)
** Les alternatives (CoreOS, OpenContainer Initiative, Warden/Garden) (Ludovic Piot)
** La registry (Docker Registry, Nexus) (Ludovic Piot)
** L’autodiscovery (Consul, etcd, ZooKeeper) (Ludovic Piot)
** Les composants réseaux (haproxy, traefik, zipnish) (Julien Follenfant)
** Les orchestrateurs (kubernetes (Théo Chamley), Mesos/Marathon, Swarm, Fleet) (Ludovic Piot)
** Les solutions PaaS/CaaS intégrées (OpenShift, Rancher (Théo Chamley), Deis, CloudFoundry) => screenshots (Ludovic Piot)
** Les services de cloud publics (AWS ECS et ECR, GKE) (Ludovic Piot)
* Demo - utilisation de Kubernetes 15 min (Théo Chamley)
* Questions / Réponses
Créer un Micro PaaS avec Docker et MavenAmico Fabien
Slide de la présentation faite à MIX-IT 2014 - http://goo.gl/bJdLcn
Les plateformes Cloud de type PaaS se démocratisent chaque jour au sein des DSI et des équipes de développeurs. En parallèle la gamme des solutions s’étoffe régulièrement OpenShift, CloudFoundry, CloudUnit et évolue techniquement très vite.
En 2013, docker a révolutionné la mise en place des PaaS comme la virtualisation à ses débuts a révolutionné la création de IaaS. Certainement la technologie à suivre en 2014 !
Ce slideshow est issu de la contribution de CIO Informatique Industrielle à la conférence / débat Comment travailler avec les logiciels Open Source, qui s'est tenue en Avril 2008 sur le salon RTS Embedded Systems
Présentation par Dimitri Dupuis Latour.
Comment enrichir Xcode en fonctionnalités ? Présentation d’une petite sélection de plug-in cool et dans une seconde partie on abordera la création de son propre plugin.
Débuter avec phonegap (APACHE CORDOVA) dans eclipse pour androidBosco Basabana
PhoneGap permet de créer des applications multi plates-formes mobiles. Il prend actuellement en charge iOS, Android, HP webOS, BlackBerry et Symbian. Celles-ci sont développées en HTML5, Javascript et CSS et sont hybrides, ce qui signifie qu'elles ne sont ni vraiment natives, ni purement basées sur le Web.
Cette outil permet ainsi de construire des applications sur chacune des plates-formes, sans avoir à apprendre l'Objective-C, Java ou autre langage de programmation. PhoneGap prend également en charge tous les cadres ouverts avec lesquels on a l'habitude de travailler, comme jQuery, Sencha,....
PhoneGap a été développé par Nitobi lors d'un événement (l'iOSDevCamp à San Francisco) et va continuer à avoir du succès à la conférence O'Reilly Média. Ce Software fut ensuite racheté le 4 octobre 2011 par Adobe Systems.
Désormais connu depuis son rachat sous le nom de Apache Callback et plus récent sous le nom de Apache Cordova (le nom "Callback" ayant été jugé comme trop générique), ce dernier continue encore à attirer les développeurs.
Eclipse est un environnement de développement intégré libre (IDE), supportant de nombreux langages de programmation. Il produit et fournit des outils pour la réalisation de logiciels, englobant les activités de programmation, de modélisation, de conception, de test et de reporting.
Android quant à lui est un système d'exploitation Open Source utilisant le noyau Linux, pour smartphones, PDA, terminaux mobiles ainsi que de nombreux autres appareils. Il a été conçu par Android, une startup rachetée par Google et son support est réalisé en Java.
Le développement d'applications Android fait cependant appel à un certain nombre de pré-requis en programmation:
[Meetup] Optimiser ses builds Docker avec BuildKit. Julien CROUZET
Vidéo du talk: https://www.youtube.com/watch?v=kZ2cYyKO0GM
Slides du Meetup Modern Devops Paris du 12/03/2019
https://www.meetup.com/fr-FR/Meetup-Modern-Devops-Paris/events/259466764/
Démo de Julien Crouzet, Señor Architect @eTF1
Optimiser ses builds conteneurs avec BuildKit. Depuis la version 18.09, Docker Engine propose le support de BuildKit. Nous verrons comment l'utiliser pour créer des conteneurs de manière plus rapide, plus optimisée et plus légère.
Concevoir un système Linux embarqué avec Yocto Project - Version réviséeChristian Charreyre
These slides (in French language) explain how to build an embedded Linux distribution with reach features, without compromise on quality, using the tools offered by the Yocto Project. This is the up to date version presented on December 4th, 2014.
Dans cette présentation, nous donnons plusieurs réponses aux grandes questions classiques associées au déploiement avec Docker. Entre autres :
- comment orchestrer des déploiements non triviaux (plusieurs containers sur plusieurs machines) ?
- comment avoir des métriques sur les ressources utilisées par les containers ?
- comment optimiser les performances de Docker, en particulier pour des applications où ces performances sont critiques ?
- comment intégrer Docker avec des outils de "configuration management" comme Puppet, Chef, Salt, Ansible ?
- comment implémenter la "service discovery", ou, de manière générale, connecter entre eux plusieurs containers ?
La présentation a été donnée Lundi 8 Septembre à Paris dans les locaux de Zenika, cabinet spécialisé dans l'architecture informatique et les méthodes Agiles possédant une triple compétence de conseil, réalisation et formation.
Docker, Pierre angulaire du continuous delivery ?Adrien Blind
This presentation explores continuous delivery principles leveraging on Docker : it depicts the use of Docker containers as universal application artifacts, delivered flowly all along a deployment pipeline.
This slideshow has been initially presented at Devops D-Day conference, Marseille.
Start with a Concept and Stop Designing like a MachineIdean France
From idea to execution.
The digital industry is moving fast. Creative people need to be more productive as competition is growing up everyday. While many tasks can be more and more automated, conceptualization remains a powerful, efficient and truly human tool to create strong, memorable and engaging experiences.
A keynote by Florian Cordier, Lead Creative @Backelite.
Because a good concept is nothing if it's not share with the teams, you can check this presentation about Design Systems by Audrey Hacq, Lead Designer @Backelite: http://bit.ly/2MNo1qW
Design Systems : à votre marque, prêts, partez !Idean France
“Design System”, il semble que ce mot soit sur toutes les lèvres en ce moment… Mais qu’est-ce que cela signifie vraiment ? Quels sont les différents types de Design Systems ? Par où commencer et quelles sont les bonnes questions à se poser ?
Par Audrey Hacq, Lead Designer chez Backelite
Et parce que cohérence et productivité ne doivent pas rimer avec uniformisation, découvrez comment bien démarrer vos projets avec un concept créatif. Une présentation de Florian Cordier, Creative Lead chez Backelite : http://bit.ly/2lTCciA
Design systems : Bench et reco sur les outilsIdean France
Cette liste d’outils permet de donner une bonne vision d’ensemble de ce qui existe aujourd’hui sur le marché. Les outils de design sont en évolution constante et rapide ces dernières années donc il faut s’attendre à beaucoup d’autres nouveautés. Pour en savoir plus, visionnez cette présentation réalisée par Audrey Hacq, Lead Designer chez Backelite
Nous vous partageons cette présentation sur la recette graphique, réalisée par Aurélie Radom, Directrice Artistique / UI Designer chez Backelite. Au programme :
La collaboration entre Designers et Développeurs
- Qu'est-ce qu'une recette graphique ? - petite définition
- Une check-list non exhaustive (à destination des UI / UX / Dev) des éléments à vérifier lors d'une phase de recette, que vous pourrez étoffer / compléter
- Une liste d'outils (extensions web et apps) facilitant la recette du côté des designers et du côté des devs avec des fonctionnalités inspect, détection de typos, couleurs, superposition de maquettes en overlay, screenshots full page etc.
- Les bonnes pratiques avec le process idéal du côté des UI
From Business to Buttons by Pierre HarléIdean France
What we've learned after going to the "From Business to Buttons" conference in Stockholm on April 27, 2017 :
- Story first : create products that engage ( Donna Lichaw)
- When UX goes offline ( Katie Dill, Director of Experience Design at Airbnb)
- Evolving design systems for flexibility and scale ( Dawn Ressel, Design strategist at Intuit Design System)
- Engaging with compassion ( Eric Meyer, Web legend and author of "Design for Real Life")
- How to fight fascism (Mike Monteiro, Co-founder and Design Director at Mule Design)
A developer who knows how to design by Audrey HacqIdean France
A balanced and understandable interface must follow certain basic page layout rules. This is the job of the designer, not of the developer.
Yet, in order for a mockup to be put together correctly, (and therefore to avoid long and painful hours of revisions), it is vital that the designer and the developer understand each other and speak the same language.
Read on for our guiding principles that will help developers better understand design.
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...Idean France
Les UX Days de FLUPA sont l'occasion de revenir sur les sujets UX qui ont marqué l'année. Les 16 & 17 juin, Marie-Amélie Cotillon, Responsable du Studio Créatif chez Backelite, a eu l'occasion de présenter une conférence : "Quand les militaires se prennent au jeu du Design Sprint". Au cours de ce Design Sprint, nous avons eu la chance de travailler avec le personnel des 3 armées pour penser et concevoir un portail ayant pour but de faciliter le départ des militaires en OPEX (Opérations Extérieures). Nous avons réalisé divers ateliers pour trouver la meilleure façon d'optimiser le parcours utilisateur et ainsi simplifier et faciliter l'expérience utilisateur globale. Face au succès rencontré, nous vous proposons de découvrir sa présentation et de vous immerger dans ce projet qui nous a passionnés !
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...Idean France
Suite au dernier meetup CocoaHeads de Montpellier du 12 mai 2016, retrouvez le compte rendu de la conférence "Programmation réactive sur iOS avec Réactive Cocoa" !
How to design forms that deliver a great user experienceIdean France
Everyone can agree: filling out forms can be painful, boring and long! However, forms allow brands and sites to collect vital information and are often a first or key interaction in a service's interface. With this in mind, it's essential to carefully design forms to make sure you are delivering the best possible user experience!
We've compiled a list of a few best practices that can make forms intuitive and playful, creating a more positive relationship between consumers and brands.
At Backelite, tech is not just the platform for creating a digital service. Rather, it’s the medium for companies to communicate with their users while delivering an exceptional user experience. How will 3D printing, virtual reality and Artificial Intelligence (AI) impact tech and user experiences?
Read on for our top 9 trends to watch out for this year.
11. UTILISATION
17.11.16 BACKELITE 11
Le fichier Podfile
• Placé à la racine du projet (au même niveau que xcodeproj)
• Liste toutes les dépendances du projet
Comment ?
pod init
12. UTILISATION
Exemple de fichier Podfile
platform :ios, '8.0'
use_frameworks!
target 'MyApp' do
pod 'AFNetworking', '~> 2.6'
pod 'ORStackView', '~> 3.0'
pod 'SwiftyJSON', '~> 2.3'
end
17.11.16 BACKELITE 12
13. UTILISATION
Comment trouver des Pods (ou leurs noms) ?
• https://cocoapods.org/
• Directement sur les repos GitHub
• En ligne de commande :
pod search [QUERY]
17.11.16 BACKELITE 13
19. UTILISATION
• Pour mettre à jour une dépendance
pod update [POD_NAME]
• Pour supprimer une dépendance
pod install (après avoir supprimé votre dépendance du Podfile)
17.11.16 BACKELITE 19
21. UTILISATION
• Crée / met à jour un workspace
• Ajoute votre projet au workspace
• Récupère les specs des Pods à installer sur le repo master de CocoaPods
(https://github.com/CocoaPods/CocoaPods)
• Récupère les sources des Pods
• Crée et ajoute la bibliothèque statique CocoaPods au projet (si nécessaire)
• Ajoute libPods.a sur vos targets dans les Build Phases (Link with libraries)
• Ajoute la Configuration Xcode CocoaPods à votre projet
• Modifie la configuration de vos targets pour utiliser CocoaPods
• Ajoute un script au Build Phase de vos targets pour copier les ressources des Pods
(images, assets, XIB, etc).
17.11.16 BACKELITE 21
23. CRÉER SES PROPRES PODS
DIVERSES RAISONS…
17.11.16 BACKELITE 23
• Isoler du code
• Ré-utiliser son propre code dans plusieurs projets
• « Modulariser » une grosse application
• Contribuer à la communauté
24. CRÉER SES PROPRES PODS
Comment ?
pod lib create [MY_POD_NAME]
17.11.16 BACKELITE 24
25. CRÉER SES PROPRES PODS
LA STRUCTURE D’UN POD
$ tree MyLib -L 2
MyLib
├── .travis.yml
├── _Pods.xcproject
├── Example
│ ├── MyLib
│ ├── MyLib.xcodeproj
│ ├── MyLib.xcworkspace
│ ├── Podfile
│ ├── Podfile.lock
│ ├── Pods
│ └── Tests
├── LICENSE
├── MyLib.podspec
├── Pod
│ ├── Assets
│ └── Classes
│ └── RemoveMe.[swift/m]
└── README.md
17.11.16 BACKELITE 25
28. CRÉER SES PROPRES PODS
UTILISER UN POD LOCALEMENT
Dans le Podfile de votre projet, préciser le path de votre Pod.
pod 'AFNetworking', :path => '~/Documents/AFNetworking'
17.11.16 BACKELITE 28
29. CRÉER SES PROPRES PODS
PUBLICATION SUR LE REPO OFFICIEL COCOAPODS
1. Vérifier votre podspec
pod spec lint
2. Publier votre podspec sur le repo CocoaPods/Specs
pod trunk push PODNAME.podspec
Le podspec est alors disponible sur https://github.com/CocoaPods/Specs
17.11.16 BACKELITE 29
31. BONNES PRATIQUES
GÉNÉRAL
Un Pod doit :
• Être fourni avec un projet Example contant :
• Un exemple d’implémentation / d’utilisation
• Des tests unitaires
• Documenté (au moins un README)
• Embarquer les ressources nécessaires à son utilisation (XIB, images,
assets, media, fonts, etc.)
• Déclarer ses propres dépendances dans son podspec (s’il y en a)
• Être utilisable tel quel après un « pod install »
17.11.16 BACKELITE 31
32. BONNES PRATIQUES
ASTUCES DIVERSES
• Utiliser l’option --no-repo-update lors d’un pod install / update
• Préciser les numéros de version de vos dépendances
• Utiliser les options :tag ou :branch pour récupérer des versions spécifiques
d’une dépendance qui n’a pas eu de release officielle sur un repo Spec
• Eviter d’inclure vos pods dans des targets et scheme ou ils ne sont pas utiles
• Penser à ajouter la ligne use_framewoks! dans votre Podfile en cas
d’utilisation de Swift
17.11.16 BACKELITE 32
33. BONNES PRATIQUES
ASTUCES DIVERSES
• Dans le cas où votre pod contient des ressources à exploiter, c’est au pod lui-même
de les retourner au projet hôte et non au projet hôte d’aller chercher dans le pod !
(XIB, Storyboard, images, media, font, etc.)
17.11.16 BACKELITE 33
34. BONNES PRATIQUES
ASTUCES DIVERSES
• Précisez le numéro de version de votre dépendance dans le Podfile !
• Consulter le fichier Podfile.lock pour suivre les versions installées de vos
dépendances
17.11.16 BACKELITE 34
35. BONNES PRATIQUES
POD PRIVÉ
Utiliser un repo de Spec privé pour vos outils internes.
Il s’agit d’un simple repo GIT.
Pour l’ajouter à CocoaPods :
pod repo add REPO_NAME SOURCE_URL
Pour posser un podspec sur votre repo privé
pod repo push REPO_NAME MyPod.podspec
17.11.16 BACKELITE 35
36. BONNES PRATIQUES
POD PRIVÉ
Solution alternative (sans repo Spec privé)
Préciser le repo Git du Pod à utiliser.
Exemple :
pod 'AFNetworking', :git =>
'https://github.com/gowalla/AFNetworking.git'
Options possibles :
:branch
:tag
:commit
17.11.16 BACKELITE 36
37. BONNES PRATIQUES
AVANTAGES
• Votre repo contient tout ce qu’il faut à
votre projet pour fonctionner
• Prévient de la disparition éventuelle d’une
dépendance
• En cas d’utilisation d’une intégration
continu, ne nécessite pas d’effectuer un
« pod install » côté IC, ce qui peut allonger
le temps de construction d’un build.
17.11.16 BACKELITE 37
Faut-il pousser les sources des Pods avec votre projets sur vos repos GIT/SVN ?
INCONVÉNIENTS
• Alourdi votre repo
• Nécessite un meilleur suivi du versioning
de vos dépendances.
• En travail collaboratif sur des pods privés,
peut s’avérer difficile à maintenir.
Historiquement, intégrer des bibliothèques tierces dans une application était un enfer.
Le but principal de CocoaPods est de faciliter tout ça.
CocoaPods en lui-même un projet opensource, hebergé sur GitHub et écrit en Ruby.
On a donc fait notre pod install.
Qu’est ce qui a changer ??
Use_frameworks! -> CocoaPods écrit en Swift
Et après ça ?
On a listé nos dépendances, il ne reste plus qu’à les installer.
Et après ça, on est tout bon !
Mais que s’est-il passé ? On va le voir dans le chapitre
Du côté Finder…
CocoaPods nous a crée un workspace.
On a notre fichier Podfile.
Le fichier Podfile.lock et un dossier Pods.
Dorénavant on utilisera le workspace !
Nos dépendances ont en fait été regroupées dans un projet « Pods ».
Depuis notre projet principal, on a donc désormais accès à toutes les bibliothèques tierces qui se sont retrouvées dans le projet Pods.
Comment on fait-ça ? -> Next slide.
On a vu combien c’est pratique d’utiliser CocoaPods pour nos projets iOS.
Et pour aller plus loin, il peut arriver qu’on ait envie de créer nos propres Pods
Le code de notre pod va dans Pod.
Example : projet d’example utilisant notre Pod.
On voit que dedans on a un Podfile qui en fait indique au projet exemple d’utiliser le pod qu’on vient de créer.
Remarque, lorsqu’on ajoute des resources, il faut donc faire un pod update dans le projet Example !
C’est aussi dans le projet Example qu’on fait les TU pour notre Pod.
Transition : le podspec !
Il s’agit d’un fichier qui présente votre Pod (nom, version, repo git, branche, description, etc).
Il fournit également des informations importantes lorsqu’ils sont ajouté à un projet :
Les sources du Pods
Les frameworks natifs
Les dépendances
Les resources à embarquer
Ce fichier est indispensable à l’utilisation d’un Pod. On ne peut pas l’installer sans.
Pod trunk push :
Pousse le fichier podspec sur le repo Git officiel de CocoaPods.
Numéro de version : évite d’avoir une dépendance mise à jour malencontreusement lors de pod update
:tag ou :branch -> pour récupérer des versions experimentales en Swift 3 par exemple…
Numéro de version : évite d’avoir une dépendance mise à jour malencontreusement lors de pod update
:tag ou :branch -> pour récupérer des versions experimentales en Swift 3 par exemple…
Numéro de version : évite d’avoir une dépendance mise à jour malencontreusement lors de pod update
:tag ou :branch -> pour récupérer des versions experimentales en Swift 3 par exemple…