Le design de sites responsive s’accommode mal du fonctionnement usuel. Revue des problèmes et de comment les contourner. Conférence-atelier donnée à ParisWeb.
La formation à distance à la CUC-Cherbourg - Rencontre IDEM du 28 mars 2013IDEM-Normandie
Présentation sur le potentiel de la formation par Magali HEBERT et Nicolas LEBEY, lors de la rencontre IDEM du 28 mars 2013 à Caen.
Plus d'informations : http://idem-normandie.fr/index.php/rencontres-idem/idem-replay/28-mars-2013
Découvrez la toute dernière conférence de Daniel Roch, de l'agence SeoMix, sur la compatibilité mobile de WordPress pour le référencement naturel.
On y parle des éléments de base : un site WordPress responsive. Les slides présentent aussi les mauvaises solutions comme les applications mobiles, le site mobile dédié ou l'extension WordPress mobile.
Daniel Roch y aborde ensuite des éléments treès efficace : la mise en place de Google AMP dans WordPress, ainsi que la mise en place d'une Progressive Web App dans ce CMS (une PWA).
Coding : Kit de survie pour les futurs entrepreneurs (Session 2)Stéphanie Hertrich
Série de 3 sessions: "Kit de survie pour les futurs entrepreneurs"
Une série de trois cours pour comprendre les différentes problématiques, dédiée notamment aux futurs entrepreneurs ou aux personnes ayant un projet de développement d'application. On verra de quoi est composée une application, les différentes technologies, les aspects d’ergonomie, comment sous-traiter le développement, des retours d’expérience, etc.
Session 2:
Concevoir une application, les étapes et la mise en œuvre
Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur (Infinite Square).
Cette session passera en revue les étapes du processus de conception d'une application. Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ? Quelle méthodologie et quels outils employer ? Les équipes : embaucher ou externaliser son développement ? Savoir communiquer avec son équipe technique. De l'importance du designer. Les questions à se poser pour faire les bons choix.
El documento describe una ceremonia en Antequera, España, donde cuatro centros educativos fueron reconocidos por su trabajo en bibliotecas escolares. Los criterios de selección incluyeron la capacidad de transformar las bibliotecas en centros de recursos educativos, la calificación del responsable de la biblioteca, la automatización y organización de colecciones, y los servicios ofrecidos a la comunidad educativa. Los centros reconocidos fueron el IES Pedro Espinosa de Antequera, el CEIP Eduardo Ocón de Benamocarra, el IES
Qualimatest - Die automatische Qualitätskontrolle bei der spanenden Metallver...Ivan Meissner
Einzigartige Lösungen für die Qualitätskontrolle
Qualimatest AG:
Ihr Referenzpartner
Die industrielle Bildverarbeitung ermöglicht die Vermessung des Sichtbaren. Diese Technologie wird im Speziellen für Anwendungen in der Qualitätskontrolle und in der Produktionsautomation eingesetzt.
Eine globale Sichtweise
Qualimatest AG (QMT) ist ein schweizer Marktleader für die Realisierung von Bildverarbeitungs- und Automationssystemen. Seit Ihrer Gründung im Jahr 1989, hat die Unternehmung für eine renomierte Kundschaft auf der ganzen Welt und aus allen Industriezweigen (Uhren, Medizin, Automotiv, Eisenbahn) hunderte von Systemen entwickelt, installiert und unterhalten.
Ein interdisziplinäres Team
Die schweizer Qualität in allen QMT-Dienstleistungen wird von einer interdiszipläneren Mannschaft von Ingenieuren und Naturwissenschaftlern mit ausgezeichneter Fachkompetenz, Dynamik und Kreativität erbracht. Im engen Kontakt mit dem Kunden stellt das Entwicklerteam all seine Erfahrung und sein Spezialwissen zusammen und treibt mit vereinten Kräften Projekte voran, die von allen Beteiligten gleichzeitig Kompromissbereitschaft, Flexibilität, Durchsetzungswille, Objektivität und Effizienz abverlangen.
Eine Plattform ”Swiss Made“
Um innovative und leistungsfähige Lösungen anbieten zu können, hat QMT seine eigene Plattform mit dem Namen QMT Vision Inspector entwickelt. Aus dieser Plattform leitet sich eine Auswahl von Ausrüstungen ab, die eine leistungsfähige Standardlösung darstellen, insbesondere für Anwendungen zur Qualitätssicherung der Produkte, die unsere Kunden fertigen.
Usamos el marketing como herramienta para vender salud? Es lícito? Qué estrategias pueden usarse? Qué campañas funcionan y cuáles no? ¿Es ético el incentivo económico?
Say HELLO to your digital customers In-store.
Improve sales and build your customers loyalty through cross-channel.
Designed to analyse your digital channels into a real world.
First solution in Europe by Apocope
www.bekonic.com
www.apocope.com
La formation à distance à la CUC-Cherbourg - Rencontre IDEM du 28 mars 2013IDEM-Normandie
Présentation sur le potentiel de la formation par Magali HEBERT et Nicolas LEBEY, lors de la rencontre IDEM du 28 mars 2013 à Caen.
Plus d'informations : http://idem-normandie.fr/index.php/rencontres-idem/idem-replay/28-mars-2013
Découvrez la toute dernière conférence de Daniel Roch, de l'agence SeoMix, sur la compatibilité mobile de WordPress pour le référencement naturel.
On y parle des éléments de base : un site WordPress responsive. Les slides présentent aussi les mauvaises solutions comme les applications mobiles, le site mobile dédié ou l'extension WordPress mobile.
Daniel Roch y aborde ensuite des éléments treès efficace : la mise en place de Google AMP dans WordPress, ainsi que la mise en place d'une Progressive Web App dans ce CMS (une PWA).
Coding : Kit de survie pour les futurs entrepreneurs (Session 2)Stéphanie Hertrich
Série de 3 sessions: "Kit de survie pour les futurs entrepreneurs"
Une série de trois cours pour comprendre les différentes problématiques, dédiée notamment aux futurs entrepreneurs ou aux personnes ayant un projet de développement d'application. On verra de quoi est composée une application, les différentes technologies, les aspects d’ergonomie, comment sous-traiter le développement, des retours d’expérience, etc.
Session 2:
Concevoir une application, les étapes et la mise en œuvre
Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur (Infinite Square).
Cette session passera en revue les étapes du processus de conception d'une application. Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ? Quelle méthodologie et quels outils employer ? Les équipes : embaucher ou externaliser son développement ? Savoir communiquer avec son équipe technique. De l'importance du designer. Les questions à se poser pour faire les bons choix.
El documento describe una ceremonia en Antequera, España, donde cuatro centros educativos fueron reconocidos por su trabajo en bibliotecas escolares. Los criterios de selección incluyeron la capacidad de transformar las bibliotecas en centros de recursos educativos, la calificación del responsable de la biblioteca, la automatización y organización de colecciones, y los servicios ofrecidos a la comunidad educativa. Los centros reconocidos fueron el IES Pedro Espinosa de Antequera, el CEIP Eduardo Ocón de Benamocarra, el IES
Qualimatest - Die automatische Qualitätskontrolle bei der spanenden Metallver...Ivan Meissner
Einzigartige Lösungen für die Qualitätskontrolle
Qualimatest AG:
Ihr Referenzpartner
Die industrielle Bildverarbeitung ermöglicht die Vermessung des Sichtbaren. Diese Technologie wird im Speziellen für Anwendungen in der Qualitätskontrolle und in der Produktionsautomation eingesetzt.
Eine globale Sichtweise
Qualimatest AG (QMT) ist ein schweizer Marktleader für die Realisierung von Bildverarbeitungs- und Automationssystemen. Seit Ihrer Gründung im Jahr 1989, hat die Unternehmung für eine renomierte Kundschaft auf der ganzen Welt und aus allen Industriezweigen (Uhren, Medizin, Automotiv, Eisenbahn) hunderte von Systemen entwickelt, installiert und unterhalten.
Ein interdisziplinäres Team
Die schweizer Qualität in allen QMT-Dienstleistungen wird von einer interdiszipläneren Mannschaft von Ingenieuren und Naturwissenschaftlern mit ausgezeichneter Fachkompetenz, Dynamik und Kreativität erbracht. Im engen Kontakt mit dem Kunden stellt das Entwicklerteam all seine Erfahrung und sein Spezialwissen zusammen und treibt mit vereinten Kräften Projekte voran, die von allen Beteiligten gleichzeitig Kompromissbereitschaft, Flexibilität, Durchsetzungswille, Objektivität und Effizienz abverlangen.
Eine Plattform ”Swiss Made“
Um innovative und leistungsfähige Lösungen anbieten zu können, hat QMT seine eigene Plattform mit dem Namen QMT Vision Inspector entwickelt. Aus dieser Plattform leitet sich eine Auswahl von Ausrüstungen ab, die eine leistungsfähige Standardlösung darstellen, insbesondere für Anwendungen zur Qualitätssicherung der Produkte, die unsere Kunden fertigen.
Usamos el marketing como herramienta para vender salud? Es lícito? Qué estrategias pueden usarse? Qué campañas funcionan y cuáles no? ¿Es ético el incentivo económico?
Say HELLO to your digital customers In-store.
Improve sales and build your customers loyalty through cross-channel.
Designed to analyse your digital channels into a real world.
First solution in Europe by Apocope
www.bekonic.com
www.apocope.com
El documento discute la tensión entre la fe y la razón en los siglos XIII y XIV. La fe se basa en la creencia incondicional sin pruebas, mientras que la razón se basa en las reglas lógicas del pensamiento y la observación de la naturaleza. La filosofía aristotélica, que enfatiza la observación de la naturaleza, plantea un desafío al equilibrio entre la fe y la razón. Varias escuelas filosóficas propusieron formas diferentes de resolver este conflicto, ya sea a trav
"Sous le radar. Un bilan de la révolution des amateurs", intervention dans le séminaire d'Antonio Casili, "Etudier les cultures du numérique", EHESS, 19/03/2013.
Découvrez pourquoi Apple révolutionne les tests utilisateurs de votre application avant sa mise en ligne avec TestFlight pour la sortie de iOS8.0
Découvrez pourquoi il est important d'effectuer des tests utilisateurs avant la sortie de votre application ou site mobile
Un site de collectivité sur WordPress ? Méthodes et retours d'XPatelier111
Quelques retours d'expérience et méthodes sur l'utilisation de WordPress dans le cadre de prestations pour des collectivités.
Talk présenté par @audrasjb pour l'Atelier 111 à la 3ème édition de WordPressInAlps, octobre 2014.
L'impact du Responsive Web Design sur vos équipes projet - Mathieu Parisot - ...SOAT
Plus de 50% des internautes français utilisent un support mobile pour naviguer sur le web. Il est donc temps de repenser votre stratégie mobile et le Responsive Web Design, consistant à ne faire qu’un seul site adapté au périphérique qui l’affiche, constitue une approche possible.
Après une introduction à ses principes, nous verrons qu’au-delà des défis techniques, le RWD suppose de revoir entièrement le processus de développement d’un site web et les méthodes de travail des équipes, que ce soit en phase de conception ou lors des tests.
Cette conférence sera l’occasion de découvrir les nouveaux challenges à relever par vos équipes lors de la conception de vos prochains sites internet.
Introduction aux concepts de Responsive Web Design, méthodos, outils et REX sur ces méthodes (Avantages, inconvénients, coûts...) pour le BreizhCamp 2013
Tendances techniques, webdesign, des composants HTML, CSS et graphiques du moment.Recensement non exhaustif des tendances du moment. Analyse des avantages et inconvénients pour chacun d'eux
Les nouveaux challenges techniques pour le SEOGroupe Neper
La façon de fabriquer des sites web a changé considérablement : plateformes headless, frameworks JS, low code, cloud... Dans le même temps, d'autres technologies deviennent obsolètes (vous pouvez laisser tomber l'AMP, ou l'App Indexing).
Mais ces changements s'accompagnent de nouveaux challenges techniques pour le SEO, que vous devez prendre en compte avant de choisir la dernière technique à la mode....
Présenté par Philippe YONNET, CEO de Neper.
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
Ce programme a été conçu sur mesure, spécialement pour vous, entrepreneurs ou porteurs de projets qui serez tôt ou tard confrontés à des problématiques de développement applicatif ou web.
L'idée est de vous aider à appréhender les principes, les notions de base et le vocabulaire associés au développement applicatif et web.
Nous vous donnerons des repères théoriques et pratiques pour que vous puissiez communiquer et orienter plus facilement vos décisions relatives aux composantes technologiques de votre projet.
En d'autres termes : vous n'avez pas un profil technique, mais vous avez un super projet impliquant du développement ? Le kit de survie est fait pour vous !
Partie 1 : Architectures des applications et technologies de développement
Par Stéphanie Hertrich & Benoit Le Pichon, Evangélistes Développement et Michel Rousseau Evangéliste Expérience Utilisateur (Microsoft)
Cette session abordera les notions de base et les technologies mises en œuvre pour le développement d'applications au sens large:
- Quelle est la différence entre une application, un site web, un service web, … ? Quelles en sont les composantes et comment interagissent-elles ?
- Développer pour un smartphone, une tablette, un poste de travail : quelles différences ?
- Quelles sont les grandes familles de technologies et de langages de développement, quelles sont leurs caractéristiques ?
- Le Cloud diffère-t-il réellement d’un hébergeur classique ?
- Quels bénéfices apporterait concrètement le Cloud à mon projet ?
- De l'importance de l'ergonomie des applications.
- Comprendre les tendances et intégrer le branding et l’identité de marque.
- Valider l'expérience utilisateur et tester sa démarche.
- Rendre ça beau, intelligible et en faire une proposition de valeur.
- Travailler le résultat avec un développeur.
Partie 2 : Concevoir une application, les étapes et la mise en œuvre:
Par Stéphanie Hertrich Evangéliste Développement (Microsoft) et Florent Santin, Développeur et Entrepreneur http://www.infinitesquare.com.
Cette session passera en revue les étapes du processus de conception d'une application:
- Définition du besoin, spécifications, code, tests : quel est le cycle de vie d'une application ?
- Quelle méthodologie et quels outils employer ?
- Les équipes : embaucher ou externaliser son développement ?
- Savoir communiquer avec son équipe technique.
- De l'importance du designer.
- Les questions à se poser pour faire les bons choix.
Comment avancer concrètement sur votre propre projet ? Différents programmes sont accessibles suivant votre niveau d’avancement.
- Des programmes d’accompagnement techniques (Pépinière Microsoft Azure, Speed-dating experts, Accélérateur Apps, ,…)
- Bizspark,le programme dédié aux startups : logiciels & conso Cloud Azure gratuite jusqu’à 60 000$
- Microsoft Ventures : l’accélérateur à startup Parisien de Microso
Présentation de Maven et de son utilisation en entreprise dans le cadre du Ch'ti JUG, le 15 juin 2009.
Pourquoi Maven ? Pourquoi l'adopter ? Les bonnes et mauvaise pratiques. Son avenir ...
Webdesign sites web et mobiles-methodes-realisation-outilsOlivier Dommange
Méthodes et stratégies de conception sites Web et mobiles. Processus de conception présentant la maquette de fil de fer (wireframe), mockups jusqu'au design. Présentation des objectifs et du rôle du Webdesigner à chacun des étapes. Rapports entre la dégradation élégante (gracefull degradation) et amélioration progressive (progressive enhancement - mobile first).
Le Devops est un terme émergent qui décrit un ensemble de méthode et pratiques pour favoriser la collaboration et la communication entre les équipes de développement logiciel et les équipes d’exploitation. Il est une réponse au besoin des acteurs du Web qui, face à une course effreinée à la fonctionnalité et l’explosion de leur trafic, ont du modifier leurs méthodes et rassembler l’ensemble des protagonistes pour minimiser l’impact de l’applicatif sur l’infrastructure et maitriser les coûts ou améliorer la performance. Nous verons dans cette conférence comment ces différentes équipes peuvent avancer ensemble en gardant une relation de partenaire plutôt que de client/prestataire
Because today every time we choose an algorithm, a dataset, a framework, even a plugin, our decision may have tremendous consequences on people near and far around us.
As we, in the tech industry, slowly come to realise the power we wield, we urgently need to train our brains into an ethical decision-making framework.
How can we make sure our choices won't harm others?
Contrairement à beaucoup d’idées reçues, l’informatique n’a pas été créé par et pour les hommes blancs américains et européens, et seulement eux. Loin de là !
Comment se fait-il alors que les femmes et les « minorités » soient si peu nombreuses dans les écoles d'informatique, dans les réponses aux offres d'emploi, et qu'il soit si difficile de citer les contributeur•ice•s qui ne correspondent pas au cliché du développeur barbu amateur de pizza ?
Conférence présentée lors de MiXit 2017 à Lyon
Support visuel de l'intervention "burnout, auto-hypnose et méditation pleine conscience" organisée par Next Door www.nxtdr.fr au Sofffa à Lyon, le 8 novembre 2016
L'épuisement professionnel n'est pas un mythe, je l'ai testé pour vous. Et quand bien même on s'y sent seul, nous sommes nombreux sur la mauvaise pente voire carrément au fond du trou. Heureusement, la sociologie et la psychologie nous offrent des moyens de le dépister à temps ainsi que des solutions pour retrouver l'enthousiasme au travail et en-dehors, pour le plus grand bien des employés comme de l'entreprise.
Conférence donnée à Toulon, à l'E1.
Le spectre du burnout s'agite dans les médias mais au fait, qui est-il, quelles sont ses raisons ? Nous l’avons testé pour vous et vous présenterons la panoplie pour chasser ce fantôme et comment aller bien au-delà, pour le faire disparaître !
C’est bien beau de jongler avec les post-it pour faire du air kanban jusqu’au bout de la nuit mais parfois la flamme ne brille plus dans votre regard, celui de vos amis ou de vos collègues, vous perdez peu à peu l’envie ou la force de travailler, de sortir, vous tombez malade à répétition…
Le syndrome de l’épuisement professionnel n’est pas un mythe, notre expérience personnelle et celle de notre entourage l’affirme clairement. Heureusement, grâce aux apports de la sociologie et de la psychologie nous pouvons vous proposer des moyens de le dépister et des solutions concrètes pour retrouver l’enthousiasme au travail et en-dehors.
Mais nous ne comptons pas nous arrêter là ! Nous vous proposerons également des solutions tout aussi concrètes pour améliorer les rapports humains dans votre entreprise (en plus, c’est très rentable), et la société toute entière (objectif ambitieux) ! Voyage au pays de l'humanisme et du bon sens pour tous ceux qui trouvent que le monde en manque.
Les smartphones donnent d'un côté des super-pouvoirs aux porteurs de handicaps (à défaut d'autre mot moins connoté), de l'autre ils donnent un aperçu des bénéfices de l'accessibilité.
Par ailleurs, la refonte nécessaire pour rendre un site mobile est l'occasion rêvée de le rendre (plus) accessible, vu les recoupements entre bonnes pratiques mobile et accessibilité.
Il faut bien sûr faire attention à certains détails...
Présentation donnée lors de Paris Web 2013 et de WebInAlps9.
2. Un projet web typique
Chef de projet
Graphiste / DA
Intégrateur / Dev front
Développeur / Dev back
3. Un projet web typique
Abstrait
(Phase optimiste)
Wireframe
PSD
Intégration
Développement
Concret
(Phase réaliste)
4. Inconvénients
Chacun travaille isolément, l’un après l’autre
Le chiffrage se fait souvent à l’aveugle
Plus c’est concret, plus il y a de problèmes
Plus on avance, plus les problèmes coûtent cher
5. Redesigning Times.com
“Managing more than 200 PSD files is not only tedious, but
it can produce minor discrepancies between comps of the
same page at different breakpoints.”
AppendTo.com
http://appendto.com/case-study/responsive-design-time-com
6. Refonte du site Times.com
“Manipuler plus de 200 fichiers PSD est non seulement
fastidieux mais risque également d’engendrer des
incohérences mineures entre les maquettes d’une même page
à différentes largeurs d’écran.”
AppendTo.com
7. Refonte du site Times.com
“Manipuler plus de 200 fichiers PSD est non seulement
Eu des
fastidieux mais risque également d’engendrer ph
ém
ism
incohérences mineures entre les maquettes d’une même page
e
à différentes largeurs d’écran.”
AppendTo.com
8. Inconvénients du responsive
Pas de Media Queries avant IE9
Nombre de maquettes = écrans x breakpoint
Plus de code, pour tous les clients
Redimensionnement des images par le navigateur
13. Outils
Concevoir dans le navigateur ET Photoshop
Photoshop n’est pas adapté au responsive
Le lissage des polices est différent dans les
navigateurs
Le navigateur permet de tester hover/focus
Les deux outils sont complémentaires
14. Processus
Le responsive : un processus, pas une option
Travailler en équipe, par itérations
Impliquer le client
Privilégier la régie au forfait
www.pompage.net/traduction/conceptionresponsive-obtenir-validation-sans-maquettes
15. Processus
Concevoir des guides de style
Ni trop génériques ni trop spécifiques
Rapides à produire
Permettent d’itérer rapidement
http://styleguid.es/
17. Outils
Frameworks :
Utiles pour prototyper dans le navigateur
Étudier leur fonctionnement, leur code
Ne prendre que ce dont on a besoin
18. Outils
Media Queries
Les définir en em : blog.cloudfour.com/theems-have-it-proportional-media-queries-ftw/
CSS sans media queries pour IE<9 :
jakearchibald.github.io/sass-ie/
Définir les dimensions en % pour que le site
s’adapte entre deux points de rupture
19. Outils
Performances
Limiter les WebFonts sur mobile
Ne charger les grandes images que sur
grand écran
Intégrer les pictos en base-64 (avec compass
par exemple)
Supprimer l’inutile (carrousels...) sur desktop
également