tag:blogger.com,1999:blog-44584621383399369412024-03-13T19:22:43.865+01:00Amélie's CodeYou do not have to be a geek to know how to code and I am going to prove it!
Vous n'êtes pas obligé d'être geek pour apprendre à coder et je vais vous le prouver!Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.comBlogger23125tag:blogger.com,1999:blog-4458462138339936941.post-44823996514303840592017-07-03T18:37:00.000+02:002017-07-03T18:37:25.251+02:00MEET: FANCHON MAYAUDON-NEHLIG, A GREAT SPIRIT WHO WANTS TO TEACH EVERYONE CODE<div dir="ltr" style="text-align: left;" trbidi="on">
<i><span style="color: #741b47;">Bonjour lecteurs de juillet, </span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">L'été est là et c'est donc l'occasion de célébrer un nouveau portrait d'une personne évoluant dans le digital. Aujourd'hui, je vous propose de découvrir Fanchon Mayaudon-Nehlig, co-fondatrice et co-dirigeante de <a href="https://coding-days.com/" style="font-weight: bold;">Coding Days</a>. Rencontrée sur les réseaux sociaux (merci Twitter), Fanchon m'a fait le plaisir et l'honneur d'accepter de répondre à mes questions. Pour en savoir un peu plus c'est ci-dessous que ça se passe!</span></i><br />
<br />
Hello July readers,<br />
<br />
Summer is here and it is the occasion to celebrate a new portrait-interview of a person evolving in the digital world. Today, I would like to introduce you to Fanchon Mayaudon-Nehlig, co-founder and co-director of <a href="https://coding-days.com/" style="font-weight: bold;">Coding Days</a>. I met her on social media (thanks Twitter) and she has accepted to answer my questions. To know more about it, please scroll down!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://coding-days.com/wp-content/uploads/2017/04/fanchon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="210" data-original-width="210" height="320" src="https://coding-days.com/wp-content/uploads/2017/04/fanchon.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Fanchon Mayaudon-Nehlig - Co-founder and co-director of Coding Days</td></tr>
</tbody></table>
<b><br /></b>
<b>1. Fanchon (<a href="https://twitter.com/FanchonMayaudon">@FanchonMayaudon</a>), peux-tu te présenter et nous en dire un peu plus sur ton parcours et qui tu es...</b><br />
<br />
Je m'appelle Fanchon, j'ai 27 ans et j'ai un parcours qui m'est apparu pendant très longtemps assez incohérent : j'ai étudié les Lettres et le Management Culturel, j'ai travaillé comme guide dans un Musée d'Art, animatrice et directrice de centre de vacances, professeur des écoles, et social média manager Freelance.<br />
Aujourd'hui, la somme de toutes ces expériences prend sens je me sers de tout ce que j'ai appris dans chacune de ces expériences professionnelles (j'ai travaillé comme Freelance, salariée associative, dans le public). En startup, la pluridisciplinarité est une réelle compétence, et la connaissance de différentes institutions est une force.<br />
<br />
<b>2. Tu as créé <a href="https://coding-days.com/">Coding Days</a> avec Alexandre Zana (<a href="https://twitter.com/alxzana">@alxzana</a>), d'où vous est venue cette idée? Comment vous êtes-vous lancés?</b><br />
<br />
A dire vrai, c'est vraiment l'affaire d'une rencontre. Alex a lancé dans un premier temps Coding Days (<a href="https://twitter.com/coding_days">@coding_days</a>) tout seul. Il revenait de Londres où il avait suivi un bootcamp intensif pour devenir développeur après avoir étudié en école de commerce, et il s'est pris de passion pour l'enseignement du code, il avait envie de montrer que c'était pas si compliqué et de donner la formation qu'il aurait rêvé avoir quand il s'est lancé. Il faisait ça de manière un peu artisanale quand je l'ai rencontré au salon VivaTech à Paris en juin 2016.<br />
De mon côté, je travaillais dans le socio-culturel à Nantes, et je suivais de près sur les réseaux sociaux les actualités sur la FrenchTech, et je sentais vraiment le vent tourner, j'avais envie d'en faire partie.<br />
Je me suis retrouvée invitée au salon VivaTech par Orange startup, et il se trouve qu'Alex aussi était leur invité. Il m'a proposé de m'apprendre à coder, et je suis revenue vivre sur Paris.<br />
Dans un premier temps, j'ai travaillé en Freelance sur une mission de conseil en social media management, et peu à peu j'ai commencé à conseiller Alex sur la pédagogie Coding Days.<br />
C'est à ce moment-là que le vent a réellement tourné, nous avons revu l'ensemble des cours proposés, et je me suis associée à Alexandre.<br />
On apprend tous les jours l'un de l'autre, j'ai mis un peu de temps avant de me sentir aussi légitime que lui, mais aujourd'hui ce n'est vraiment plus le cas, j'aime Coding Days et je m'y dévoue autant !<br />
<br />
<b>3a. J'ai compris que tu avais un public assez éclectique. Selon toi, pourquoi les gens viennent assister à vos formations? Quelle est votre valeur ajoutée?</b><br />
<br />
Oui, c'est vrai, il n'y a vraiment pas de règle. Tout d'abord on a un équilibre entre les hommes et les femmes, et on est plutôt content car on n'a pas spécialement travaillé sur ce point, même si j'ai l'intuition que le côté "rôle-modèle" parce que je suis une femme joue un rôle.<br />
Nos élèves ont entre 16 et 65 ans pour le moment, ils sont étudiants, bloggueurs, entrepreneurs, salariés ou inactifs. En fait, c'est une super bonne chose, même si c'est plus difficile pour nos mentors en formation car il faut prendre en compte les besoins individuels de chacun. C'est là que notre modèle est fort, puisqu'on garantit un mentor pour 5 élèves, et surtout notre pédagogie active inspirée par la méthode Montessori qui met l'accent sur la manipulation et le plaisir .<br />
<br />
<b>3b. Qu'aimerais-tu dire aux personnes qui ont peur de se lancer? Que ce soit naturel (on a tous toujours un peu peur quand on commence quelque chose de nouveau) ou par rapport à l'aspect financier du coût de la formation.</b><br />
<br />
Je voudrais leur dire que je les comprends, parce que j'ai été comme eux ! Mais réellement Coding Days a changé ma vie, et je le vois aussi chez nos anciens élèves qui animent notre communauté. D'abord, je pense qu'il faut démystifier le code, il y a beaucoup de préjugés, notamment celui qu'il faut être bon en maths pour réussir à coder. Chez Coding Days, on se considère comme la formation tremplin, on n'a pas vocation à former de futurs développeurs, donc pas de stress, il n'y a pas de diplôme à la clef ! L'important c'est de prendre du plaisir, et notre pédagogie bienveillante y veille.<br />
<b><br /></b>
<b>4. A ce propos, j'ai récemment interviewé deux développeurs, Damien Cavaillès et Raphaël Luta (cliquez <a href="https://ameliescode.blogspot.fr/2017/04/meet-damien-cavailles-raphael-luta-2.html">ic<span id="goog_398202532"></span><span id="goog_398202533"></span>i</a> pour relire l'interview croisée) qui pensent que les démarches d'apprentissage du code et de sa compréhension sont de vraies bonnes idées. As-tu d'autres éléments que tu souhaiterais ajouter et partager?</b><br />
<br />
Je partage tout à fait la vision de Raphaël Luta quand il dit "toute personne sachant développer n'est pas nécessairement un développeur professionnel tout comme toute personne sachant parler anglais n'est pas nécessairement traducteur ou interprète." Je pense que c'est d'ailleurs tout l'enjeu des prochaines années.<br />
On voit que la plupart des formations au code présentes sur le marché ont pour vocation une professionnalisation stricte des étudiants vers le métier de développeur.<br />
Or, le code étant présent partout, il semble pertinent de diversifier les débouchés. J'aime beaucoup l'analogie que Raphaël utilise avec l'Anglais. Aujourd'hui, l'anglais est nécessaire dans toutes les branches, dans la plupart des métiers, nous l'avons tous étudié, pourtant nous ne sommes pas pour autant tous devenus interprètes. Si on s'était fixé pour objectif de former l'ensemble de la population à l'anglais dans l'optique qu'ils deviennent interprète, on se se serait trompé, et pourtant, on fait ça avec le code !<br />
Je pense que de manière générale, il faut revoir notre façon d'appréhender la formation professionnelle. En France, elle s'oriente principalement vers le sésame du diplôme ou d'une certification, ce n'est pas le meilleur modèle. On scrute avidement les taux d'insertion des étudiants formés au code en oubliant tous les autres : ceux qui ne veulent pas devenir développeur mais qui n'en ont pas moins besoin pour trouver un emploi.<br />
<br />
<b>5. Quelles sont les ambitions de Coding Days à court et moyen termes? Avez-vous de nouveaux projets sur lesquels tu peux un peu partager avec nos lecteurs?</b><br />
<br />
L'ambition de Coding Days est de démocratiser l'accès au code pour tous ! On est convaincus que tout le monde peut décoder le numérique et on s'est donné comme mission de permettre à chacun de dépasser ses peurs en créant un environnement d'apprentissage bienveillant.<br />
Réservée aux particuliers dans un premier temps, notre offre s'ouvre aux entreprises et nous collaborons à présent avec de Grandes Ecoles de commerce et de communication : la transformation digitale est partout, touche tout le monde, tout le temps !<br />
<br />
<b>6. Comme pour chaque participant, je te laisse la sixième question comme tribune. Tu peux l'utiliser ou non et partager avec les lecteurs ce que tu désires :)</b><br />
<br />
On a tendance à souvent oublier que le code ne sert à rien s'il n'a rien à mettre en valeur. Coder sert toujours une autre cause, un objet, un projet plus grand que lui même. En ce sens, le code n'est pas un facteur d'exclusion mais d'inclusion. Les personnes qui ne codent pas ne tendent pas tous à devenir développeur, l'enjeu réel de la société n'est pas là, il ne s'agit pas de construire des générations de codeurs, mais bien des générations de personnes acculturées au code ! Parce qu'enfin, ce qui est un frein au développement économique, à l'épanouissement des équipes opérationnelles et techniques en entreprise c'est qu'elles ne se comprennent pas.<br />
Il ne faut pas complexer les personnes qui ne codent pas, elles n'ont pas sans doute vocation à devenir expertes, l'important est d'être en capacité de donner un ordre compris à un développeur, de dialoguer avec lui et de construire une relation de qualité.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/wrulHy2HVVo/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/wrulHy2HVVo?feature=player_embedded" width="320"></iframe></div>
<b><br /></b>
<b>1. Fanchon (<a href="https://twitter.com/FanchonMayaudon">@FanchonMayaudon</a>), can you introduce yourself and tell us more about you...</b><br />
<br />
My name is Fanchon, I am 27 years old and I have a background that felt quite incoherent to me for a long time : I studied Literature and Cultural Management, I worked as a guide for an Art Museum, an animator and director for a holidays centre, a school teacher and as a freelance social media manager.<br />
Today, the sum of all these experiences takes sense and I use everything I learnt in each of my professional experiences (I worked as a Freelancer, an association employee, in the public sector). In a startup, multidisciplinary is a real skill, and the knowledge of different institutions is a strength.<br />
<b><br /></b>
<b>2. You created <a href="https://coding-days.com/">Coding Days</a> with Alexandre Zana (<a href="https://twitter.com/alxzana">@alxzana</a>), where did you get this idea? How did you start?</b><br />
<br />
To be honest, it is really the matter of a meeting. Alex initially launched Coding Days (<a href="https://twitter.com/coding_days">@coding_days</a>) on his own. He was coming back from London where he took an intensive bootcamp to become a developer after having studied in a business school, and he became passionate about teaching coding, he wanted to show that it was not that complicated and to give the training he would have dreamt of when he started. He was doing it in a somewhat artisan way when I met him at VivaTech Paris in June 2016.<br />
As for me, I was working in the social-cultural industry in Nantes, and I was monitoring very closely the news about the FrenchTech, and as I could sense a change in the wind, I wanted to be part of it.<br />
I found myself being invited to the VivaTech fair by Orange Startup, and it happens that Alex was also their guest. He proposed me to teach me code, and I moved back to Paris.<br />
In the first place, I worked as a Freelance on a consulting mission in social media management, and little by little I started to advise Alex about the Coding Days pedagogy.<br />
It is at that time that the wind really turned, we reviewed all the courses offered, and Alexandre and I joined forces.<br />
We learn about each other every day, it took me a bit of time to feel as legitimate as him, but today it is not really the case anymore, I love Coding Days and I devote myself to it as much as him!<br />
<b><br /></b>
<b>3a. I understood that your audience was pretty eclectic. In your opinion, why do people come to follow your courses? What is your added value?</b><br />
<br />
Yes, it is true, there is no particular rule. First of all we have a balance between men and women, and we are quite happy with it as we did not really work on that point, even though I have the intuition that my kind of 'role model' figure as a woman plays a part.<br />
Our students are aged between 16 and 65 years old for the moment, they are students, bloggers, entrepreneurs, employees or unemployed. In fact, it is a really good thing, even though it is challenging for our mentors during the training as they need to take into account everyone's individual needs. It is where our model is strong, we guarantee one mentor for five students and above all our active pedagogy is inspired by the Montessori method which puts the emphasis on manipulating and enjoyment.<br />
<br />
<b>3b. What would you like to say to people who are afraid to start? Whether because it is natural (we always have little fear when we start something new) or related to the financial side of the classes costs.</b><br />
<br />
I would like to let them know that I understand, because I was like them! But Coding Days really changed my life and I also see it in our former students who animate our community. First of all, I think we need to demystify code, there is a lot of bias, especially the one about the fact that you need to be good in mathematics in order to success in coding. At Coding Days, we consider ourselves as a springboard formation, we do not have vocation to train future developers, so no stress, there is no diploma at the end! The most important thing is to take pleasure, and our kindly pedagogy takes care of it.<br />
<b><br /></b>
<b>4. On this point, I recently interviewed two developers. Damien Cavaillès and Raphaël Luta (click <a href="https://ameliescode.blogspot.fr/2017/04/meet-damien-cavailles-raphael-luta-2.html">here</a> if you want to read the interview) who believe that the learning process of code and its understanding are real good ideas. Do you have anything else you would like to add and share?</b><br />
<br />
I totally agree with Raphaël Luta's vision when he says 'each person knowing how to develop is not necessarily a professional developer just like every person knowing how to speak English is not a translator nor an interpret'. I think this is the whole stake of the upcoming years.<br />
We see that almost all code courses existing on the market are meant for a strict professionalisation of the students towards the role of developer.<br />
Yet, as code is present everywhere, it seems relevant to diversify the openings. I really like the analogy that Raphaël is using with English. Today, English is necessary in all branches, in almost every job, we all studied it, however we did not all become interprets. If we had set up the objective to train the entire population in English in the perspective of transforming them into interprets we would have been wrong, yet we do that with code!<br />
I think from a general manner that we need to review our way to apprehend the professional training. In France, it is particularly oriented towards the door opener of a diploma or a certification, it is not the best model. We avidly scrutinise the insertion rate of coding students while forgetting all others: those who do not want to become developers but who nevertheless need the knowledge to find a job.<br />
<b><br /></b>
<b>5. What are Coding Days' ambitions from a short and medium term points of view? Do you have new projects you can share and talk about with our readers?</b><br />
<br />
Coding Days' ambition is to democratise the access to code for everyone! We are convinced that everyone can decode the numeric and we gave ourselves the mission to allow each one to go over their fears by creating a kindly learning environment.<br />
Made for individuals in the first place, our offer now opens to companies and we collaborate with Business and Communication Schools : the digital transformation is everywhere and touches everyone, all the time!<br />
<br />
<b>6. As for each interviewee, I leave you the sixth and last question as a tribune. You can use it or not and share whatever you like with the readers :)</b><br />
<br />
We tend to easily forget that code is nothing if it does not have anything to create value for. Coding always serves an other cause, an object, a project bigger than itself. In that sense, code is not an exclusion factor but an inclusive. People who code do not tend to all become developer, the real stake of the society is not here, it does not consist in creating generations of coders, but generations of people acculturated to code! Because in the end what is a brake to the economic development, the fulfilment of operational and technical teams in company is that they do not understand each other.<br />
We should not give people who do not code complex, they probably do not have vocation to become experts, the important thing is to be in capacity to give an order understood by the developer and to dialog with them and to build a qualitative relationship.<br />
<br />
<i><span style="color: #741b47;">Merci beaucoup à toi Fanchon d'avoir accepté mon invitation, j'espère que cet article vous aura donné envie d'apprendre à coder mais surtout à comprendre ce qui se passe derrière toutes ces interfaces digitales qui nous entourent #codingisthenewcool (poke <a href="https://twitter.com/aurelie_jean">@Aurelie_Jean</a>)</span></i><br />
<br />
<i><span style="color: #741b47;">La suite au prochain épisode, Amélie X</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
Thanks a lot Fanchon for having accepted my invite, I hope this article will have given you the desire to learn code but moreover to understand what is happening behind all these digital interfaces that are around us #codingisthenewcool (poke <a href="https://twitter.com/aurelie_jean">@Aurelie_Jean</a>).<br />
<br />
To be continued in the next episode, Amélie X</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-85032087357544785912017-06-12T17:30:00.000+02:002017-07-03T15:08:57.762+02:00MEET: STEPHANIE MERRAN, USING CULTURE AS AN ACTIVE LEVER TO CREATE SOCIAL BOND AND DIGITAL CAN BE PART OF IT<div dir="ltr" style="text-align: left;" trbidi="on">
<i><span style="color: #741b47;">Bonjour à tous,</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Une petite pause s'est imposée après quelques changements à intégrer dans ma vie mais nous voici de retour avec un portrait MEET que j'espère mensuel afin de continuer cette saga que j'adore.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Merci pour votre soutien et n'hésitez pas à me soumettre votre 'candidature' si vous souhaitez être le sujet d'un prochain portrait MEET.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Maintenant à vos lunettes car je vous propose le portrait de Stéphanie Merran qui est la co-créatrice et co-dirigeante avec Sara Paubel de <a href="http://www.cequemesyeuxontvu.com/">Ce Que Mes Yeux Ont Vu</a>.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Bonne lecture!</span></i><br />
<br />
Hello everyone,<br />
<br />
A little break was necessary in order to integrate some changes in my life but we are now back with a new MEET portrait which I wish will become a monthly release as I want to keep up with this saga that I adore.<br />
<br />
Thanks for your support and do not hesitate to submit 'your details' if you wish to be the next person to be featured in a MEET portrait.<br />
<br />
Now, on to your glasses as I am proposing you the portrait of Stéphanie Merran who is the co-founder and co-CEO with Sara Paubel of <a href="http://www.cequemesyeuxontvu.com/">Ce Que Mes Yeux Ont Vu</a> (What My Eyes Saw).<br />
<br />
Happy reading!<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://media.giphy.com/media/YihU2NGrAXRpm/giphy.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="144" data-original-width="492" height="93" src="https://media.giphy.com/media/YihU2NGrAXRpm/giphy.gif" width="320" /></a></div>
<br />
<br />
<b>1. Stéphanie, peux-tu te présenter et nous dire qui tu es...</b><br />
<br />
J’ai fait des études de littérature à Venise parce que j’adore cette ville depuis mon adolescence, puis à Copenhague, parce qu’après trois ans en Italie, j’avais envie d’une organisation plus stricte ! J’ai toujours aimé le monde des musées même si mes parents devaient m’y traîner quand j’étais enfant. Je me souviens encore du premier ordinateur que nous avons eu à la maison. Un MAC. Et la plus grosse inquiétude de ma mère était sa consommation d’électricité ! En trente ans, les inquiétudes des parents face aux ordinateurs ont bien changé...<br />
Assez tard, je me suis rendue compte que j’avais envie de travailler au contact d’œuvres d’art. J’ai commencé dans un festival d’art graphique – le Festival de l’Affiche de Chaumont – qui m’a permis d’acquérir une vision du travail très positive et qui m’a formé sur le plan esthétique. Puis j’ai travaillé pour l’exposition Monumenta – qui m’a appris mon métier et m’a permis de rencontrer mon associée. J’ai ensuite rejoint le Grand Palais où pendant quatre ans j’ai développé des projets culturels qui mettaient en lien les expositions et un public qui en est éloigné.<br />
<br />
<b>2. Tu as créé et dirige maintenant Ce Que Mes Yeux Ont Vu (<a href="https://twitter.com/cqmyov">@CeQueMesYeuxOntVu</a>). Peux-tu nous expliquer en quoi cela consiste et pourquoi tu as souhaité créer cette entreprise.</b><br />
<br />
Nous avons fondé Ce Que Mes Yeux Ont Vu à deux, avec Sara Paubel, mon ancienne collaboratrice au Grand Palais. Notre binôme nous permet de multiplier nos forces et de ne pas lâcher prise au jour le jour !<br />
J’ai travaillé dans les musées et les institutions culturelles pendant près de 10 ans. Ces dernières années, mon rôle consistait à créer des projets qui faisaient le lien entre les œuvres d’art et un public qui en est éloigné pour quelque raison que ce soit. J’ai donc travaillé dans les hôpitaux, en prison, dans des centres d’hébergement d’urgence. Sara m’a rejoint au Grand Palais sur un programme culturel que nous avons déployé à dix reprises auprès de personnes issues de la rue. Nous avons rapidement constaté que de faire entrer des œuvres d’art dans un lieu où l’on ne l’attend pas a un impact fort auprès des personnes fragilisées.<br />
Après cette expérience, nous avons souhaité continuer à mener des projets à fort impact social avec l’équipe qui nous accompagnait. Ce que ne nous permettait pas l’institution culturelle.<br />
Et puis, nous avions aussi constaté, en parlant autour de nous de nos projets culturels dans ces environnements atypiques, que le regard de personnes plus privilégiées changeait.<br />
Nous avons donc décidé de monter notre propre entreprise qui propose des projets culturels aux associations qui viennent en aide aux personnes en grande précarité et qui propose aux entreprises de mobiliser leurs salariés des journées de cohésion d’équipe à caractère culturel et solidaire. Avec nous, travaille une équipe pluridisciplinaire composée d’artistes, de graphistes, de vidéastes... C’est une chance de pouvoir travailler avec des personnes que l’on apprécie humainement et professionnellement.<br />
<br />
<b>3. Tu utilises l'art et la culture pour créer du lien social. Pourquoi ce choix? En quoi le digital intervient-il dans ta démarche?</b><br />
<b><br /></b>
Dans un monde où nous manquons cruellement de rapports humains bienveillants, nous avons l’ambition de changer le regard de chacun pour favoriser une meilleure inclusion sociale grâce à la rencontre avec des œuvres d’art. Il y a 2 ans, Sara et moi accompagnions au Théâtre de la Ville des femmes victimes de violences conjugales pour voir un spectacle de la chorégraphe allemande Pina Bausch. Cette sortie était l'aboutissement d’ateliers artistiques menés avec elles, qui leur ont donné à nouveau l'envie de s'ouvrir vers l'extérieur et de renouer avec une notion de plaisir. Aujourd'hui, nous portons toujours la même conviction : la rencontre entre un tableau, une sculpture, un spectacle et un groupe de personnes leur permet d’échanger, de créer des liens qui vont au-delà du contenu culturel qui leur présenté.<br />
Le digital intervient de manière ponctuelle dans notre démarche. Le public auquel nous nous adressons dans les associations est peu connecté. Il y a donc un enjeu de réduire cette fracture digitale et de ne pas la creuser davantage en proposant des ateliers qu’ils pourraient refaire sans les outils technologiques.<br />
Nous sommes très attachées aux relations humaines qui se créent dans le réel. Nous utilisons le digital comme un moyen de diffusion mais rarement comme un outil dans nos projets.<br />
Quand nous faisons une performance avec des salariés et des bénéficiaires, par exemple, nous en gardons bien entendu la trace à travers des capsules sonores ou vidéos que nous diffusons ensuite. L’enjeu réside avant tout dans la rencontre entre les participants.<br />
<br />
<b>4. J'ai vu que vous aviez fait un projet avec <a href="https://www.jaccede.com/fr/">Jaccede</a> qui est une app mobile. Peux-tu nous en dire un peu plus?</b><br />
<br />
Oui c’est une association que nous aimons beaucoup : elle propose, à travers une application mobile, de référencer l’accessibilité des lieux recevant du public. Chacun d’entre nous peut donc référencer les lieux de son quartier, ajouter des images et des commentaires sur l’accueil. Nous avons proposé à Salesforce de mobiliser une quarantaine de collaborateurs pour référencer des lieux culturels à Paris.<br />
Chaque équipe se voit attribuer un parcours avec des lieux à référencer. Ils sont en fauteuils pour vivre l’expérience en immersion. C’est toujours très émouvant de voir les gens changer de regard sur ce genre de situation.<br />
Ces journées sont de fantastiques moments de partage entre les équipes, et pour nous aussi d’ailleurs.<br />
<br />
<b>5. Quelle est ton opinion sur le digital et la culture? Est-il un facilitateur d'accès comme tout le monde le dit (mise en ligne d'oeuvres tombées dans le domaine public) ou est-il un frein (nous passons notre temps sur les smartphones, tablettes et autres...)</b><br />
<br />
Je reste persuadée que la confrontation avec une œuvre d’art - aller voir un tableau, assister à un spectacle de danse, participer à une performance avec une artiste - reste une expérience que le digital ne peut pas remplacer à moins que les œuvres n’aient été conçues comme telles.<br />
Néanmoins, pouvoir avoir accès à un nombre gigantesque d’images d’œuvres d’art, d’extraits ou à l’intégralité d’une pièce de théâtre ou d’un opéra en quelques clics est une richesse incroyable. Marina Abramovic, la grand-mère de la performance, comme elle aime se définir, nous dit : « There’s nothing wrong with technology. It’s our approach to technology that is wrong. We are loosing all the time that we could have for ourselves. » Appliqué au champ de la culture et de la médiation culturelle (la manière de transmettre des informations sur les œuvres), je partage cette opinion. Ces images sont accessibles mais cela ne veut pas dire qu’elles sont plus vues, regardées, comprises par un plus grand nombre de personnes que si elles étaient présentées dans une institution culturelle, dans une galerie ou dans la rue. Faire le tri, ordonner, contextualiser cet accès, ces possibilités, restent encore un enjeu.<br />
Jusqu’à présent, beaucoup de dispositifs numériques de médiation que j’ai vus semblent plaqués sur des anciennes manières de penser l’art ou la médiation.<br />
<br />
<b>6. Comme pour chaque participant, je te laisse la sixième et dernière question comme tribune. Tu peux l'utiliser ou non et partager avec les lecteurs ce que tu désires :)</b><br />
<br />
<div style="text-align: center;">
J’aimerais terminer sur cette devise latine Favet Neptunus Eunti / Neptune favorise ceux qui voyagent, ceux qui osent. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
C’est notre moto du moment : une ouverture sur le monde comporte des risques mais c’est tellement enrichissant et poétique.</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://www.cequemesyeuxontvu.com/wp-content/uploads/2016/12/stephanie_merran.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://www.cequemesyeuxontvu.com/wp-content/uploads/2016/12/stephanie_merran.png" data-original-height="239" data-original-width="239" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Stéphanie Merran</td></tr>
</tbody></table>
<b><br />1. Stéphanie, can you introduce yourself and tell us who you are...</b><br />
<br />
I studied literature in Venezia because I had a crush on this city since I was a teenager, and then in Copenhagen, because after three years in Italy, I wanted an organisation that was a bit stricter! I always loved the world of museums even though my parents had to drag me there when I was a child. I still remember the first computer we had at home. A MAC. And my mother's biggest worry was the electricity bill! In thirty years, parents' worries about computers have well changed..<br />
Quite late, I found out that I wanted to work around pieces of art. I started to work in a festival of graphic arts – le Festival de l’Affiche de Chaumont – which allowed me to acquire a very positive vision about work and to train myself on the aesthetics plan. And then, I worked for the exhibition Monumenta - which taught me my job and where I met my associate. After this, I joined the Grand Palais where during fours years I developed cultural projects which helped to link exhibitions and audiences that are not familiar with them in general.<br />
<br />
<b>2. You created and now manage Ce Que Mes Yeux Ont Vu. Can you explain us what is it and why you wanted to create this company.</b><br />
<br />
Ce Que Mes Yeux Ont Vu was founded by two persons, me and Sara Paubel, a former collaborator at the Grand Palais. Our duo allows us to multiply our strengths and to not let things down day after day!<br />
<br />
I worked in museums and cultural institutions for almost 10 years. The latest years, my work consisted in creating projects that would link pieces of art and an audience that would not be familiar with them for whatever reasons. I worked with hospitals, prisons, emergency shelters. Sara joined me at the Grand Palais on a cultural programme that we deployed ten times for people living in the streets. We quickly came to the point that when you introduce pieces of art into a place where they are not expected it has a strong impact on weakened people.<br />
After this experience, we wanted to continue to lead this kind of projects with a strong social impact alongside the team we were working with. Thing that the cultural institution would not allow us to pursue.<br />
Also, we noticed, speaking around us about our cultural projects in these atypical environments, that the vision of more privileged people were changing.<br />
So we decided to create our own company which propose cultural projects to associations that help people with strong precarity and we also offer companies to mobilise their employees during team-building days with a cultural and solidarity theme. Working with us, we have a multidisciplinary team composed of artists, graphic designers, video makers...<br />
It is a real chance to work with people that we appreciate from both a human and professional point of view.<br />
<br />
<b>3. You use art and culture to create social link. Why this choice? In what terms digital is helpful in your approach? </b><br />
<br />
In a world where we are painfully missing kind human relationships, we have the ambition to change the view of each individual to favour a better social inclusion thanks to meeting with pieces or art. Two years ago, Sara and I were going to a show of the German choreograph Pina Bausch with a group of women victims from domestic violence. This outing was the achievement of the artistic workshops we had with them, which gave them the desire to open externally and to re-establish with the notion of pleasure. Today, we still carry the same conviction: the meeting between a painting, a sculpture, a show and a groupe of persons allows to exchange, to create links that are going beyond the cultural content that is presented to them.<br />
Digital interacts from a punctual manner in our approach. The audience we are addressing in these associations is not much connected. There is a stake in reducing this digital fracture and to not make it deeper and bigger by proposing workshops that they could do again without the technological tools.<br />
We are very attached to the human relations that are being created in the real life. We use the digital as a way to spread out but rarely as a tool itself in our projects.<br />
For example, when we do a performance with employees and beneficiaries, we keep a track of it through sound capsules or videos that we broadcast after.<br />
The goal is mainly and firstly the meeting between all the participants.<br />
<br />
<b>4. I saw that you made a project with J<span id="goog_848967510"></span><a href="https://www.blogger.com/"></a><span id="goog_848967511"></span>accede (<a href="https://www.jaccede.com/fr/">Iaccess</a>) which is a mobile app. Can you tell us a bit more about it?</b><br />
<br />
Yes, it is an association that we like a lot: they propose, through a mobile app, to list the accessibility of places receiving public. Each os us can list places of their neighbourhoods, add pictures and comments on the reception. We proposed to Salesforce to mobilise about 40 collaborators in order to list cultural places in Paris. Each team had a path with different places to list. They were in wheelchairs to be totally immersed in the experience. It is always very touching to see people changing their mind about this kind of situation.<br />
These days are fantastic moments of sharing between the teams, and for us as well.<br />
<br />
<b>5. What is your opinion about digital and culture? Is it an access facilitator as everyone says (pieces or art uploaded online when they fall into the public domain) or a brake (we spend all of our time on our smartphones, tablets and other connected devices...)</b><br />
<br />
I am stil persuaded that the confrontation with a piece of art - go and see a painting, assisting to a dance show, take part into a performance with an artist - remains an experience that digital cannot replace except if the artistic work was conceived including it.<br />
Nevertheless, to have access to a gigantic quantity of pictures of pieces of art, extracts or the integrality of a play or to an opera by just few clicks is an incredible richness.<br />
Marina Abramovic, the grand-mother of the performance, as she likes to define herself, is telling us: 'There’s nothing wrong with technology. It’s our approach to technology that is wrong. We are loosing all the time that we could have for ourselves.' Applied to the field of culture and cultural mediation (the way to transmit information about artistic works), I share this opinion as well. These images are accessible but that does not mean that they are more viewed, observed, understood by a bigger number of people than if they were presented in a cultural institution, in a gallery or in the street. Sorting, ordering contextualising this access, these options, remain an issue.<br />
So far, a lot of digital mediation devices I have seen seem to be designed against old ways of thinking about art or mediation.<br />
<br />
<b>6. As for every interviewee, I leave you the sixth and last question as a tribune. You can use it or not and share whatever you like with the readers :) </b><br />
<br />
<div style="text-align: center;">
I would like to finish on this Latin motto Favet Neptunus Eunti / Neptune favours those who travel, who dare. </div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
It is our current motto: an opening to the world contains risks but it is so enriching and poetic.</div>
<br />
A big THANK YOU to you Stéphanie and to be continued in the next episode, Amélie X<br />
<br />
<i><span style="color: #741b47;">Un TRES GRAND MERCI à toi Stéphanie et la suite au prochain épisode, Amélie X</span></i></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-79773785227588965812017-04-03T18:36:00.000+02:002017-07-03T11:28:39.698+02:00MEET: DAMIEN CAVAILLES & RAPHAEL LUTA, 2 INSPIRING DEVs <div dir="ltr" style="text-align: left;" trbidi="on">
<i><span style="color: #741b47;">Bonjour à tous!</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Nous nous retrouvons après un peu d'absence mais celle-ci valait le coup puisque j'ai eu l'honneur d'interviewer deux Développeurs, Damien Cavaillès (<a href="https://twitter.com/TheDamfr">@TheDamfr</a>) et Raphaël Luta (<a href="https://twitter.com/raphaelluta">@raphaelluta</a>). Autant vous dire que j'étais assez excitée (je crois que j'ai secrètement toujours voulu être une Dév dans une autre vie) à l'idée de pouvoir discuter et échanger avec eux étant donné mon admiration pour leur profession, qu'ils exercent avec une grande passion mais aussi pour leur capacité et volonté à vouloir partager avec leurs égaux ou des novices comme moi :)</span></i><br />
<i><span style="color: #741b47;">Je remercie Shirley (<a href="https://ameliescode.blogspot.fr/2016/10/my-1st-meetup-with-real-programmers.html">son interview ici</a>) de m'avoir mise en relation avec eux et vous je vous laisse maintenant à cette lecture qui j'en suis sûre vous fera découvrir leur univers et changera votre vision des choses.</span></i><br />
<br />
Hello everyone!<br />
<br />
We meet again after a bit of silence but it was worth it as I had the honour to interview two Developers, Damien Cavaillès (<a href="https://twitter.com/TheDamfr">@TheDamfr</a>) and Raphaël Luta (<a href="https://twitter.com/raphaelluta" id="id_a0b3_52c_1e94_5d6c">@raphaelluta</a>). I have to confess that I was pretty excited (I think I secretly wanted to be a Dev in an other life) with the idea of discussing and exchanging with them as I admire a lot their profession, which they practise with a great passion but also for their capacity and will to share with their peers or beginners like me :)<br />
I also thank Shirley (<a href="https://ameliescode.blogspot.fr/2016/10/my-1st-meetup-with-real-programmers.html">her interview here</a>) to have put me in touch with them and I now leave you with your reading which I am sure will make you discover their environment and will change your vision.<br />
<b><br /></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://media.giphy.com/media/ZVik7pBtu9dNS/giphy.gif" imageanchor="1"><img border="0" height="355" id="id_a660_7317_1ce0_7915" src="https://media.giphy.com/media/ZVik7pBtu9dNS/giphy.gif" style="height: auto; width: 640px;" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>1. Damien, Raphaël, pouvez-vous vous présenter et nous dire qui vous êtes… </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> Je suis développeur et entrepreneur ! J'ai commencé à coder au collège. D'abord des sites web en PHP, puis du C++ et du Java. Ensuite j'ai fait un diplôme d'ingénieur avec un MSc CS au Québec, "c'était le fun !". Je me suis découvert une fibre entrepreneuriale étant étudiant. Aujourd'hui Fondateur de <a href="https://jechercheundev.fr/">JeChercheUnDev.fr</a>, je construis une entreprise qui a pour mission d'aider les développeurs à trouver leur job de rêve !<br />
<br />
<span style="color: orange;"><b>Raphaël</b>:</span> Ingénieur de formation, je suis un consultant indépendant depuis presque 15 ans, après diverses expériences en grand groupe et start-up.<br />
J'écris du code quasiment tous les jours, pas forcément dans le but de livrer un logiciel fini mais plutôt comme un outil pour réaliser mes objectifs : automatiser des processus, analyser des données ou encore valider des concepts de produit via un prototype.<br />
Je suis également membre de la fondation open source Apache et intervenant dans le Master de Commerce Électronique de l'UPEC où je donne un cours sur la sécurité du web à des élèves de formation plutôt marketing.<br />
<br />
<b>2. Vous êtes développeurs, qu’est-ce qui vous a poussé à vouloir le devenir? </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> Le développement c'est un peu comme la cuisine ! On sait tous déjà en faire un peu, et ensuite, on y investit du temps, de la passion pour continuer à créer et à apprendre. Au final, j'ai pas l'impression d'avoir choisi de devenir développeur. C'est plus quelque chose qui s'est installé au fil de l'eau !<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Enfant, j'ai vu apparaître les premiers ordinateurs personnels (Apple 2, ZX 81, Commodore 64 et autres Amstrad...) et j'ai immédiatement été captivé par leurs capacités. J'ai donc appris à programmer en Basic vers 10 ans car c'était le seul moyen de leur faire faire quelque chose d'intéressant ! La suite s'est faite naturellement, j'ai choisi mon école d'ingénieur pour faire de l'intelligence artificielle et quand j'y ai découvert le réseau et le web en 1994, j'ai compris que je ferai ma carrière dans ce domaine.<br />
<br />
<b>3. Qu’aimez-vous le plus et le moins dans votre métier? </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> Le plus passionnant, c'est clairement le temps passé avec les utilisateurs. C'est pour ça que j'aime développer des applications mobiles. Il y a beaucoup de terrain etc…<br />
La partie la plus pénible pour moi correspond plus au fonctionnel, la gestion des spécifications etc… Quand les tickets s'ouvrent toute la journée !<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Il y deux choses que je trouve très plaisantes. D'un côté la satisfaction très solitaire de réussir à régler un problème compliqué avec un code simple, élégant et performant; l'autre le plaisir de collaborer avec des utilisateurs et des designers pour faire émerger une solution technologique à un besoin réel.
Je rejoins Damien sur les parties plus pénibles qui sont clairement les activités fonctionnelles et de gestion de projet.<br />
<b><br /></b>
<b>4. On découvre de plus en plus de meetups, d’ateliers et de stages d’initiation pour les enfants… Que pensez-vous de ce nouvel élan d’intérêt pour le code? </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> Quand on est jeune, on apprend plus facilement. Les déclics, la façon de penser, les raisonnements sont plus facile à apprendre quand on est jeune!<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Complètement d'accord avec Damien. Cela est probablement très bénéfique pour un enfant mais il faut que cela reste une activité volontaire et pas une contrainte.<br />
<br />
<b>4a. Pensez-vous que cela soit une vraie ou fausse bonne idée?
</b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> C'est une vraie bonne idée !<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> C'est une excellente chose de permettre à toutes personnes intéressées, quelque soit leur âge, d'apprendre à développer. Dans le milieu des développeurs, il y a une forte culture de partage et d'apprentissage continu, d'abord entre nous via les meetups techniques et les projets open source mais de plus en plus vers une communauté plus large.<br />
Je pense que c'est également une des raisons pour lesquelles on voit se multiplier les initiatives d'apprentissage du code, nous avons envie de partager notre passion. D'ailleurs dans le meetup d'apprentissage auquel j'ai participé, il y avait plus de développeurs "tuteurs" que "d'élèves" désirant apprendre !<br />
<b><br /></b>
<b>4b. Quels conseils donneriez-vous aux personnes qui souhaitent découvrir et pratiquer? </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> Souvent je conseille de commencer avec quelques cours sur OpenClassroom. Les formations comme Le Wagon, Simplon ou WebForce3 permettent de bien approfondir les choses. Pour aller plus loin, on peut prendre des modules de cours au CNAM, voire même y suivre une formation donnant un diplôme d'ingénieur !<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Personnellement, je recommande de se fixer d'abord un but : pourquoi j'ai envie de coder ? Une fois un objectif défini, il est plus facile de choisir comment commencer. Par exemple, pour quelqu'un qui voudrait se développer ses propres jeux vidéo, des ateliers Scratch ou modding Minecraft conviennent parfaitement pour découvrir et réussir à faire quelque chose rapidement; si la finalité est plutôt de se faire son propre site web ou mobile, des MOOCs comme OpenClassroom, CodeAcademy etc... sont bien adaptés.<br />
<b><br /></b>
<b>5. Qu’aimeriez-vous que l’on arrête de vous dire? (les fameux stéréotypes… ;) </b><br />
<b><br /></b>
<b><span style="color: blue;">Damien:</span></b> On considère souvent les développeurs comme productif, des cols bleus. C'est très réducteurs. Nous créons des expériences numériques, nous résolvons des problèmes complexes, nous sommes créatifs. J'aime voir des développeurs qui font du produit, du marketing, de la communication ou autre. A brider les développeurs, on les empêche de s'épanouir, c'est un cercle vicieux. Pour le briser, j'encourage les développeurs à sortir de leurs zone de confort et à exceller là où on ne les attend pas !<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Il y a tellement de stéréotypes à dénoncer que c'est dur de faire un choix ! Celui qu'évoque Damien est un vrai problème. Personnellement, j'ai également entendu pendant longtemps que je devrais envisager "d'évoluer" vers des métiers comme la gestion de projet ou l'encadrement comme si "la technique" n'était pas une activité pour quelqu'un de plus de 30 ans.<br />
<br />
<b>6. Comme pour chaque participant, je vous laisse la sixième et dernière question comme tribune. Vous pouvez l'utiliser ou non et partager avec les lecteurs ce que vous désirez :) </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> Aujourd'hui, plus de 60% des développeurs ne sont pas heureux d'aller au travail le lundi matin. Je mène l'enquête pour comprendre le pourquoi du comment ! Si vous avez des indices, envoyez-nous les éléments à hello@jechercheundev.fr<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Je pense qu'il faut aussi aller au delà de la notion de "développeur" : toute personne sachant développer n'est pas nécessairement un développeur professionnel tout comme toute personne sachant parler anglais n'est pas nécessairement traducteur ou interprète. Un comptable ou un commercial sachant coder a juste accès à une plus grande panoplie d'outils pour réaliser son travail ce qui lui permettra d'être plus efficace. Vu l'importance qu'ont pris les ordinateurs dans nos sociétés, on y gagnerait tous à ce que les compétences informatiques soient mieux diffusées dans la société et pas réservées à une population de purs professionnels spécialisés.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" id="id_497a_e0bf_8e49_16ea" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://www.lestalentsdalex.com/wp-content/uploads/2014/10/software-architect.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://www.lestalentsdalex.com/wp-content/uploads/2014/10/software-architect.jpg" height="400" id="id_c189_dfa_1ddb_3c49" style="height: auto; width: 400px;" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Source: <a href="http://www.lestalentsdalex.com/2014/10/quels-axes-devolution-les-profils-developpeur-informatique/">lestalentsdalex.com</a></td></tr>
</tbody></table>
<b><br />1. Damien, Raphaël, can you introduce yourselves and tell us who you are… </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> I am a Developper and an Entrepreneur! I started to code when I was in middle school. First, websites in PHP, and then C++ and Java. Following that, I studied and graduated from an Engineering School with a MSc CS in Quebec, 'it was a lot of fun!'. I found out that I had an entrepreneurship mindset whilst I was a student. Today, I am the Founder of <a href="https://jechercheundev.fr/">JeChercheUnDev.fr</a> (I Am Looking For A Dev), I am building a company which aims to help developers to find their dream job!<br />
<br />
<span style="color: orange;"><b>Raphaël</b>:</span> I am originally an Engineer, I am now and have been an independent consultant for almost 15 years, after several different experiences in big corporation and start-up.<br />
I write code almost every day, not necessarily with the goal of delivering a finished software but more like a tool to achieve my objectives: automate processus, analyse data or validate concepts of products via a prototype.<br />
I am also a member of the open source foundation Apache and a speaker in the Master's Degree of Electronic Commerce at UPEC where I teach a course about web security to students with a more marketing background.<br />
<br />
<b>2. You are developers, what pushed you to become one? </b><br />
<br />
<b><span style="color: blue;">Damien: </span></b>Developing is a bit like cooking! We already all know how to do it a bit, and then, we invest time, passion to keep on creating and learning. In the end, I don't feel I chose to become a developer. It is more something that built up along the way.<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> When I was a child, I saw the birth of the first personal computers (Apple 2, ZX 81, Commodore 64 and other Amstrad...) and I was directly captivated by their capacities. So I started to code in Basic when I was about 10 because it was the only way to make them do something interesting. The rest came naturally, I chose my engineering school to do artificial intelligence and when I discovered the network and the web in 1994, I knew that I would make my career in this field.<br />
<br />
<b>3. What do you like the most and the least in your job? </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> The best and most engaging moment is clearly the time we spend with the users. That's why I love to develop mobile apps. There is a lot of discussions and testings etc...<br />
For me, the most annoying time corresponds to the functional part, with the management of specifications etc... When tickets open and come all day!<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> There are two things I enjoy a lot. On one hand, the very self-satisfaction of success when solving a complicated problem with a simple, elegant and performant code; on the other hand, it is the pleasure to collaborate with users and designers to create a technological solution to a real problem. I agree with Damien on the most annoying parts which are clearly functional activities and project management.<br />
<b><br /></b>
<b>4. We more and more find out about meetups, workshops and training couses for children... What do you think about this new momentum for coding?</b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> When you are young, you learn with more ease. Things falling into place, way of thinking, reasonings are easier to learn when you are young!<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Totally agree with Damien. It is probably very beneficial for a child but it has to stay a voluntary activity and not a constraint. <br />
<br />
<b>4a. Do you think it is a real good idea or a false good idea? </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> It is a real good idea!<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> It is an excellent thing to allow any interested persons, whatever their age, to learn how to code. In the world of developers, there is a strong culture of sharing and continuous learning, firstly between each other with technical meetups and open source projects but more and more with a broader community.<br />
That's why I think it is one of the reasons we see the multiplication of initiatives to learn how to code, we want to share our passion. By the way, in the learning meetup in which I took part, there were more 'tutoring' developers than 'students' wanting to learn!<br />
<b><br /></b>
<b>4b. What advice would you give to people who want to discover and practise? </b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> I often advise to start with some courses on OpenClassroom. Trainings like Le Wagon, Simplon or WebForce3 allow to deepen your knowledge. To go further, you can take modules of courses at the CNAM (National Conservatory of Arts and Professions (Métiers)) and by following a formation you can even get an engineering diploma!<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> Personally, I recommend to set yourself a goal: why do I want to code? Once the objective is set up, it is easier to chose how to start. For example, for someone that would like to develop their own video games, Scratch trainings or Minecraft modding are totally suitable to discover and quickly succeed in doing something; if the purpose is more to make your own web or mobile site, MOOCs like OpenClassroom, CodeAcademy etc... are well adjusted.<br />
<b><br /></b>
<b>5. What do you wish people would stop saying? (the infamous stereotypes... ;)</b><br />
<b><br /></b>
<b><span style="color: blue;">Damien:</span></b> We often consider developers for being productive, blue collars. Is it really reductive. We create numerical experiences, we solve complex problems, we are creative. I like to see developers doing product, marketing, communication and other things. By restraining developers, you do not allow them to be happy and satisfied, it is a vicious circle. To break it, I encourage developers to get out of their comfort zones and to excel where nobody expects them.<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> There are so many stereotypes that it is hard to make a choice! The one that Damien talked about is a real problem. Personally, I have heard during a long time that I should consider an 'evolution' towards positions like project management or classic management, as if the 'technic' was not an activity for someone older than 30.<br />
<br />
<b>6. </b><b>As for every interviewee, I leave you the sixth and last question as a tribune. You can use it or not and share whatever you like with the readers :)</b><br />
<br />
<b><span style="color: blue;">Damien:</span></b> Today, more than 60% of developers are not happy to go to work on Monday morning. I am investigating to understand the why and how! If you have clues, send us the elements at hello@jechercheundev.fr<br />
<br />
<b style="color: orange;">Raphaël</b><span style="color: orange;">:</span> I think that we need to go above the notion of 'developer': each person knowing how to develop is not necessarily a professional developer just like every person knowing how to speak English is not a translator nor an interpret. An accountant or a business rep who knows how to code will just have access to a wider variety of tools to realise its job which will allow them to be more efficient. Given the important place that computers took in our society, we would all win if IT competencies where more spread out in the society and not only kept to a population of pure specialised professionals.<br />
<br />
A big THANK YOU to you both and to be continued in the next episode, Amélie X<br />
<br />
<i><span style="color: #741b47;">Un TRES GRAND MERCI à vous deux et la suite au prochain épisode, Amélie X</span></i></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-34975565921699527222017-02-28T18:40:00.000+01:002017-07-03T11:28:18.143+02:00MEET: LAURENCE KERJEAN, USING DIGITAL TO HELP A GREAT CAUSE<div dir="ltr" style="text-align: left;" trbidi="on">
<div>
<span style="color: #741b47;"><i>Bonjour à tous!</i></span></div>
<div>
<span style="color: #741b47;"><i><br /></i></span></div>
<div>
<span style="color: #741b47;"><i>Je suis ravie de vous retrouver pour un nouvel épisode de la série 'MEET'. </i></span></div>
<div>
<span style="color: #741b47;"><i>Aujourd'hui, j'aimerais vous présenter Laurence Kerjean (<a href="https://twitter.com/laurencekerjean">@laurencekerjean</a>), une personne fabuleuse au parcours (d)étonnant! Elle utilise le digital pour la bonne cause puisqu'elle s'investit dans la lutte contre le gaspillage alimentaire et a créé deux entreprises innovantes qui je suis sûre vont révolutionner la vie de chacun de nous!</i></span></div>
<div>
<span style="color: #741b47;"><i>Vous souhaitez en savoir plus? C'est en dessous que ça se passe.</i></span></div>
<div>
<br /></div>
<div>
Hello everyone!</div>
<div>
<br /></div>
<div>
I am pleased to meet you again in a new episode of the 'MEET' serie.</div>
<div>
Today, I wanted to introduce you to Laurence Kerjean (<a href="https://twitter.com/laurencekerjean">@laurencekerjean</a>), a fabulous person with an amazing background! She uses digital for the good cause as she wants to fight against food waste and created two innovative companies for that, and I am sure they will revolutionise everyone's life!</div>
<div>
Want to know more? Scroll down below.</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-n3gP-hlj17k/WLWhKD45TWI/AAAAAAAAAck/HtV7lP4rBLQLVmyZGXcSlbpNBHamCkIvQCK4B/s1600/LK.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="301" src="https://1.bp.blogspot.com/-n3gP-hlj17k/WLWhKD45TWI/AAAAAAAAAck/HtV7lP4rBLQLVmyZGXcSlbpNBHamCkIvQCK4B/s400/LK.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Laurence Kerjean</td></tr>
</tbody></table>
<span style="color: #741b47;"><b>1. Laurence, peux-tu te présenter et nous dire qui tu es... </b></span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Je m’appelle Laurence Kerjean, j’ai 39 ans et je suis Marseillaise à 100%.
D’ailleurs, ayant grandi dans les quartiers Nord de Marseille, rien ne me prédestinait à faire des études et encore moins à occuper les postes que j'ai eus dans de grands groupes du CAC40. </span><br />
<span style="color: #741b47;">Et pourtant après un bac Littéraire, j'ai intégré Sciences Po puis l'ESCP avant de décrocher un stage de fin d'études chez Louis Vuitton Europe, qui m'a ouvert la porte de mes postes suivants chez Selfridges et L'Oréal.
Un parcours assez classique si ce n'est que j'ai commencé ma carrière à l'étranger (Madrid, puis Londres) avant de revenir en France en 2008.
Tout ce parcours peut paraître assez classique pour des cadres Parisiens mais pour moi, dont les parents n’ont même pas le bac, ça ne l'était pas et je me suis toujours beaucoup investie pour donner le meilleur de moi-même. </span><br />
<span style="color: #741b47;">Malgré tout le désir d'entreprendre a toujours été là et la difficulté quand on vient d'où je viens est de savoir renoncer au confort du statut de cadre, si durement acquis, pour l'inconnu de l'entreprenariat. Mais il arrive un moment où il faut savoir être en adéquation avec ses valeurs et ses envies. </span><br />
<span style="color: #741b47;">Après 15 ans dans la mode et les cosmétiques j’ai décidé que rendre le monde plus beau ne me suffisait pas et que je voulais aussi le rendre meilleur. </span><br />
<span style="color: #741b47;">Maman de 3 enfants, j’ai choisi un thème qui me touche particulièrement: le gaspillage alimentaire. </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;"><b>2. Tu es passionnée de digital, comment cette passion t’est-elle venue? </b></span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Plusieurs facteurs ont contribué à me plonger dans le digital: </span><br />
<span style="color: #741b47;">D’abord j’ai commencé ma carrière en CRM quand tout était encore sur papier mais très vite on a commencé à gérer d’énormes bases de données et on a lancé des sites internet donc un peu comme Obélix, je suis tombée dans la marmite du digital dès mon premier stage; </span><br />
<span style="color: #741b47;">Ensuite, même si j’ai longtemps occupé des postes de marketing dit classique (= produit), je n’ai jamais laissé tomber l’aspect digital, essayant toujours d’insuffler de la nouveauté via les outils connectés et c’est justement sur cette base-là, qu’au retour de mon premier congé maternité, les RH ont pensé à moi pour la création d’un poste 100% digital dans la division où je travaillais à l’époque. </span><br />
<span style="color: #741b47;">J’ai saisi cette opportunité à bras le corps pour faire du digital un point fort et mon point de différenciation aussi.
J’ai été la première à organiser un hackathon de la beauté , à l’époque où très peu de personnes savaient ce que cela voulait dire, et j’ai commencé à beaucoup fréquenter l’univers des startups- à partir de là, le ver était dans la pomme :) </span><br />
<span style="color: #741b47;">Et puis, je ne peux pas ne pas mentionner le fait d’être mariée à un geek, ce qui favorise les interactions avec la technologie et le digital au sens large. Notre hashtag sur les réseaux sociaux est d’ailleurs la #geekfamily ! </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;"><b>3. Tu as créé et dirige maintenant deux entreprises, MeetZEChef (<a href="https://twitter.com/MeetZEChef">@meetZEchef)</a> et lefrigojaune (<a href="https://twitter.com/lefrigojaune">@lefrigojaune</a>). Peux-tu nous expliquer en quoi elles consistent et pourquoi tu as souhaité les créer. </b></span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">L’année dernière a été chargée à tous points de vue pour moi : un nouveau bébé, un épisode personnel douloureux et la perspective d’avoir 40 ans, je crois que j’avais envie de me lancer depuis longtemps et que là tous les astres étaient alignés. J’ai choisi un projet auquel je crois, qui correspond à mes valeurs et pour lequel j’ai envie de me battre chaque jour. </span><br />
<span style="color: #741b47;">En réalité j’ai d’abord lancé <a href="https://meetzechef.com/">meetZEchef</a>, une plateforme de mise en relation entre particuliers pour lutter contre le gaspillage alimentaire, et au bout de quelques mois, on a bien vu que le concept plaisait mais avec 80% des échanges à 0€, et un travail de conversion titanesque, on s’est vite posé la question de notre survie économique car pour avoir un véritable impact il faut durer. C’est à ce moment-là que s’est présenté le hackathon Women Innovation d’Orange, qui nous a servi de tremplin pour pivoter et lancer <a href="http://www.lefrigojaune.com/#!/up">lefrigojaune</a>, un modèle B2B de lutte contre le gaspillage alimentaire. </span><br />
<span style="color: #741b47;">En réalité, lefrigojaune c'est une réponse fun, engageante et sans culpabilité au gaspillage alimentaire mais c’est surtout un véritable projet d'entreprise qui apporte du sens, recrée du lien, engage tous les employés et contribue à la marque-employeur au bénéfice de tous. </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;"><b>4. Le digital est au coeur de tes entreprises, quel est le rôle de celui-ci, son influence? Est-ce uniquement une fonction support? Un meilleur moyen de communication auprès de ta cible?... </b></span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Je suis persuadée qu'on vit actuellement une véritable révolution de paradigmes et j'y ai vu l'occasion d'y participer activement. En ce sens le digital est surtout un outil qui me permet de mener à bien mon projet. Ce n’est pas une fin en soi mais le meilleur moyen pour arriver à atteindre cet objectif d’anti gaspillage que l’on vise. En plus je suis assez contente d’utiliser la technologie dans un but positif et de prouver que le digital ne sert pas qu’à nous éloigner mais peut aussi nous rapprocher et recréer du lien. Comme avec chaque innovation, ce n’est pas tant l’outil qui importe que l’utilisation qui en est faite. </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;"><b>5. Tu vas être speaker à la #JFD17 </b></span><br />
<span style="color: #741b47;"><b><br /></b></span>
<span style="color: #741b47;"><b>5a. Sans faire de teasing, quel est le message que tu souhaites y faire passer? </b></span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Je souhaite partager mon expérience autour du thème de l’exploration de nouveaux business modèles. Je veux témoigner du fait qu’on peut faire du business différemment et avoir un objectif social et positif en gagnant sa vie, cela ne doit pas être incompatible. Et puis évidemment le message de l’anti-gaspillage reste prépondérant pour lefrigojaune même si nous l’envisageons de manière très décomplexée et pas culpabilisante , un doggy bag à la fois en quelque sorte. </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;"><b>5b. Que représente cet événement pour toi? </b></span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Fan de la première heure de la <a href="http://lajourneedelafemmedigitale.fr/">JFD</a>, je suis 100% convaincue que le digital est une opportunité pour l’humanité et surtout pour la femme.
Le digital me permet chaque jour de vivre selon ma maxime préférée de Mark Twain : ‘<i>Ils ne savaient pas que c’était impossible, alors ils l’ont fait</i>’ et typiquement, je ne vous aurais pas cru si vous m’aviez dit il y a 5 ans que je serais invitée à parler sur la scène de la JFD.
C’est donc une opportunité incroyable, la concrétisation d’une idée née il y a 3 mois à peine, et pour laquelle je tiens à remercier les équipes organisatrices du hackathon #WInov et tout particulièrement Viviane de Beaufort, Carol Junger, Christine Rabret et l’équipe de la JFD et the bureau. </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;"><b>6. Comme pour chaque participant, je te laisse la sixième et dernière question comme tribune. Tu peux l'utiliser ou non et partager avec les lecteurs ce que tu désires :) </b></span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Un dernier clin d’oeil en image pour la JFD. Que vous soyez une femme, que vous en côtoyiez ou que vous en éleviez une, pensez à l’encourager à chaque étape. </span><br />
<br />
<div style="text-align: center;">
<a href="http://3.bp.blogspot.com/-X9H075hCi2E/WLWiaGwHGkI/AAAAAAAAAc4/RkcK1srRkOoCyufrG_4v_CQrzzgxUm53QCK4B/s1600/9bb4a63aa2f9bd99be000fc79dd9e3fc.jpg" imageanchor="1"><img border="0" height="318" src="https://3.bp.blogspot.com/-X9H075hCi2E/WLWiaGwHGkI/AAAAAAAAAc4/RkcK1srRkOoCyufrG_4v_CQrzzgxUm53QCK4B/s320/9bb4a63aa2f9bd99be000fc79dd9e3fc.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<br /></div>
<b>1. Laurence, can you introduce yourself and tell us who you are… </b><br />
<br />
My name is Laurence Kerjean, I am 39 and 100% from Marseille <i><span style="font-size: x-small;">(ie: for non-French readers, Marseille is situated in the South of France and locals are really proud to say they are from there, even more when they are established in Paris as both cities are in opposition, especially when it comes to football ;)</span></i>. By the way, I grew up in the Northern city council of Marseille <i><span style="font-size: x-small;">(ie: if you don’t know Marseille, that part of the city is unfortunately not the fanciest and there is a high rate of unemployment especially in the young population…)</span></i>, nothing was predestining me to enrol in higher studies and even less to take on positions I used to have for big Groups of the CAC40.<br />
However, after I passed my High School Diploma focusing on Literature, I enrolled at Sciences Po and then ESCP before I got my final year internship at Louis Vuitton Europe, which opened me the door to my following missions at Selfridges and L’Oréal.
A very classical path except for the fact that I started my career abroad (Madrid and then London) before coming back to France in 2008. All this can appear very classical for any given Parisian Managers, but for me, whose parents do not even have High School Diplomas, it was not the case and I made a point to be very invested in order to give out the best of myself.<br />
Despite all, the desire to begin doing something as an entrepreneur has always been there and the difficulty when you come where I am from is to renounce about the comfort of being a Manager, acquired after so many efforts, for the unknown of entrepreneurship. But there is a time when you need to be in harmony with your values and needs.<br />
After 15 years in fashion and cosmetics, I decided that making the world more beautiful was not enough for me and that I also wanted to make it better.<br />
Mother of three, I chose a theme that particularly touched me: food waste.<br />
<br />
<b>2. You are passionate about digital, where did that passion come from? </b><br />
<br />
Several factors contributed to throw me in the digital world:<br />
First of all, I started my career in CRM when everything was still made with paper but very quickly, we started to deal with huge databases and we launched websites so a bit like Obélix, I fell in the digital marmite as soon as I started my first internship <i><span style="font-size: x-small;">(ie: French character from the comic book ‘Astérix et Obélix’, who is unbelievably strong as a result of him being dropped off unintentionally in a magical marmite when he was young. It has now become a common expression to say that you are good at/passionate about something but it all started unexpectedly)</span></i>;<br />
Then, even if I did take so-called Classic Marketing roles (= products-focused) for a long time, I never let down the digital aspect, always trying to inject newness using connected objects and it is exactly thanks to this will, right after I came back from my first maternity leave, that HR thought about me for the creation of a new role 100% focusing on digital in the division I was working in at the time.<br />
I determinedly took this opportunity to make digital my strong point but a differentiation factor as well.
I was the first person to organise a beauty hackathon, at a time where only few people knew what it was, and I started to spend a lot of time in the start-up environment, from that moment on, the wheels were in motion.<br />
And, I cannot not mention the fact that I am married to a geek, which boosts interactions with technology and digital in every sense.<br />
By the way, our hashtag on social media is the #geekfamily !<br />
<br />
<b>3. You created and now manage two companies, MeetZEChef (<a href="https://twitter.com/MeetZEChef">@meetZEchef)</a> and </b><b>lefrigojaune (<a href="https://twitter.com/lefrigojaune">@lefrigojaune</a> : </b><b><i>The yellow refrigerator)</i>. Can you tell us what these are all about and why you wanted to create them. </b><br />
<br />
Last year was very busy for me: a new baby, a painful personal moment and the perspective to turn 40, I think I wanted to start something since a long time ago and at that time all the stars were aligned. I chose a project in which I believe, in agreement with my values and for which I would like to fight every day.<br />
In reality, I firstly launched <a href="https://meetzechef.com/">meetZEchef</a>, a platform where any private individual could connect with another one to fight against food waste, and after few months, we saw that the concept was liked but with 80% of exchange done for a 0€-price tag, and a huge conversion work, we asked ourselves about our economical viability because if you want to have a real impact you need to last. This is at this particular moment that we heard about the Women Innovation hackathon from Orange, which we used as a springboard to move and launch <a href="http://www.lefrigojaune.com/en/">lefrigojaune</a>, a B2B business model to fight against food waste.<br />
In reality, lefrigojaune is a fun, engaging and guilt-free answer to food waste but also a real company project which brings sense, recreates bond, engages all employees and contributes to the employer brand for everyone’s benefit.<br />
<br />
<b>4. Digital is at the core of your companies, what is its role, its influence? Is it only a support function? A better way to communicate to your target?... </b><br />
<br />
I am convinced that we are currently living a revolution of paradigms and I saw the occasion to participate actively. In that sense, digital is a special tool that allows me to complete my project successfully. It is not an end in itself but the best way to reach this goal of non-food waste that we are targeting. Furthermore, I am quite happy to use technology in a positive way and to prove that digital does not necessarily separate us but can also bring us closer to each other and recreate bond. As for every innovation, it is not about the tool itself but the use that is made out of it.
<br />
<br />
<b>5. You will be a speaker at #JFD17 </b><br />
<b><br /></b>
<b>5a. Without teasing anyone, what is the message you want to share? </b><br />
<br />
I want to share my experience about the theme of exploring new business models. I want to testify that fact that we can do business differently and have a social and positive objective whilst earning a living, it should not be incompatible. And obviously, the message of non-food wasting remains predominant for Le Frigo Jaune even though we foresee it in a very simple and guilt-free way, sort of a doggy bag at a time.<br />
<br />
<b>5b. What this event represents for you? </b><br />
<br />
I am <a href="http://lajourneedelafemmedigitale.fr/">JFD</a> fan from the outset, I am 100% convinced that digital is an opportunity for humanity and particularly for women.
Digital enables me to live every day following my favourite maxim from Mark Twain ‘<i>They did not know it was impossible so they did it</i>’ and typically I would not have believed you if you had told me five years ago that I was going to be invited to be on stage at the JFD.
It is an incredible opportunity, the concretisation of an idea only born three months ago, and for which I would like to thank all the organisational teams of the hackathon #WInov and particularly Viviane de Beaufort, Carol Junger, Christine Rabret and the teams of the JFD and the bureau.<br />
<br />
<b>6. As for every interviewee, I leave you the sixth and last question as a tribune. You can use it or not and share whatever you like with the readers. </b><br />
<br />
A last nod to the JFD.
Whether you are a woman, you mix with women or you raise one, think about encouraging her at every moment.<br />
<br />
To be continued in the next episode, Amélie X<br />
<br />
<i><span style="color: #741b47;">La suite au prochain épisode, Amélie X</span></i></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-54863859827452019342017-02-20T17:59:00.000+01:002017-07-03T11:28:26.132+02:00MEET: NATHALIE OLLIER, THE ART & CULTURE DIGITAL EXPERT<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="color: #741b47;">Bonjour ici!</span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Cette semaine, je vous propose un nouveau portrait dans la série ‘MEET’. Il s’agit de Nathalie Ollier, <a href="https://twitter.com/NathOllier">@NathOllier</a> Responsable Marketing Relationnel pour la <a href="http://www.grandpalais.fr/fr/qui-sommes-nous">Rmn-Grand Palais</a> et qui est aussi une personne inspirante tant par ses traits de caractère que par la qualité de sa timeline Twitter ;) </span><br />
<span style="color: #741b47;">Juste avant que je lui envoie les questions, elle a été choisie comme Ambassadrice Officielle de la <a href="http://lajourneedelafemmedigitale.fr/">JFD17</a>, événement dont je vous ai déjà parlé précédemment, et j’ai donc rajouté une question à ce sujet afin d’en savoir un peu plus. </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Je vous laisse à votre lecture et n’hésitez pas à commenter ou me dire quel type de portraits ou d’articles vous souhaiteriez voir dans le futur. </span><br />
<br />
Hi there!<br />
<br />
This week, I wrote a new portrait for the ‘Meet’ serie. It is about Nathalie Ollier <a href="https://twitter.com/NathOllier">@NathOllier,</a> Relational Marketing Manager for the <a href="http://www.grandpalais.fr/en/who-are-we">Rmn-Grand Palais</a> and who is also an inspiring person thanks to her personal traits but also to her qualitative Twitter timeline ;)<br />
Right before I was going to send her my questions, she has been picked up as an Official Ambassador for the <a href="http://lajourneedelafemmedigitale.fr/">JFD17</a>, event I already talked to you about in my last post, so I decided to add another question about this topic in order to know a bit more.<br />
<br />
I leave you to your reading and do not hesitate to comment or tell me what type of portraits or article you would like to see in the future.<br />
<br />
<b><span style="color: #741b47;">1. Nathalie, peux-tu te présenter et nous dire qui tu es. </span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Tout d'abord je suis honorée de faire ce portrait avec toi, férue de digital et codeuse en devenir... Je suis admirative de ton apprentissage du code et de ta persévérance sur le sujet. </span><br />
<span style="color: #741b47;">Je suis Responsable Marketing Relationnel pour les activités retail de la Rmn-Grand Palais (réseau de boutiques physiques dans les musées et online <a href="http://www.boutiquesdemusees.fr/fr/">boutiquesdemusees.fr</a>). Avec l'équipe que j'anime (j'y tiens car le collaboratif pour moi est une valeur essentielle pour construire de beaux projets), je gère la base de données prospects et clients, les newsletters, le programme de fidélité et les réseaux sociaux. J'ai la chance de travailler dans un secteur passionnant puisque mes dossiers du moment concernent notamment Vermeer et Rodin ! </span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">2. Tu as un rôle dans le marketing, peux-tu partager ta vision et ton avis sur les points ci-dessous: </span></b><br />
<b><span style="color: #741b47;"><br /></span></b>
<b><span style="color: #741b47;">2a. L'omniprésence du digital dans les fonctions marketing est inévitable aujourd'hui, quel rôle a-t-il exactement? </span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Il représente un moyen de toucher un prospect ou un client sur tous ses points de contacts, à tout moment. Il permet d’être près de ses clients, de les écouter et d’être engagé avec eux. Je crois beaucoup en le marketing conversationnel. Les réseaux sociaux à ce titre sont de superbes outils.
Le digital est aussi un formidable outil de connaissance client puisqu’il permet de collecter de la data et de tracker les parcours et comportements. C’est une mine d’informations pour mieux cibler ses clients et leur adresser des messages et des offres les concernant. </span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">2b. Qu'est-ce que le digital apporte de plus par rapport à avant? Quelle est selon toi sa valeur ajoutée?</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Sa valeur ajoutée est multiple. Il est selon moi un facteur de croissance de part les points que je viens de citer ci-dessus.
De façon plus globale, le digital transforme nos sociétés et nos façons de travailler. Il permet notamment de travailler de façon plus horizontale et transversale ce qui à mon sens est aussi Roïste. </span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">3. Tu as fait une formation diplômante sur le digital à l'ESCP</span></b><br />
<br />
<b><span style="color: #741b47;">3a. Peux-tu nous expliquer en quoi consiste cette formation. Comment est-elle organisée, qui sont les intervenants et les participants? </span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Il s’agit d’une formation en Marketing Digital. Elle se déroule sur deux journées par mois sur une période de 6 mois et fait l’objet d’un mémoire sur la problématique de son choix. Elle couvre un spectre assez large et est organisée en modules : SEO, SEA, SEM; réseaux sociaux; définition d’une matrice d’activation cross-canal; digital in store, stratégie mobile et appli, fidélisation, budget, ROI etc.
Le fait de bénéficier d’une période d’un mois entre deux sessions est un réel atout car cela permet de mettre en pratique, faire des tests et de revenir avec plein de questions...je pense que certains profs s'en rappellent !
Les intervenants sont de très grande qualité, quasiment tous ont une activité professionnelle. Ce sont fréquemment des créateurs d’entreprise et la théorie est illustrée par de nombreux exemples pratiques.. Les participants sont issus de secteurs très éclectiques et de sociétés de dimensionnement très différents mais tous viennent avec la même motivation et le même objectif. Les budgets alloués au numérique sont eux aussi très variables mais tout le monde reste très démuni sur les leviers à activer et la façon de prendre des décisions (il ne suffit pas de mettre en place des outils digitaux pour pourvoir dire je fais du digital mais de choisir les bons leviers). Ce qui est surprenant c’est que malgré ces diversités, les problématiques restent très similaires ! </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;"><b>3b. Les motivations qui t'ont poussée à t'inscrire</b> </span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Je souhaitais compléter les connaissances empiriques que j’avais pu acquérir dans le cadre de mes missions et de mes réflexions personnelles. Savoir comment créer une stratégie en Marketing Digital, connaître les leviers à activer dans quels cas de figure et suivant quelles cibles (bénéficier d’une méthodologie). Prendre du recul par rapport à mes missions : au quotidien le temps est toujours compté et nous ne prenons pas assez le temps de la réflexion.
Et, partager avec d’autres participants aux problématiques proches (cela s’est avéré très fructueux et riche également sur ce point). </span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">3c. Quels ont été les enjeux avant d'y aller et ceux que tu peux avoir maintenant que tu l'as terminée</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Bénéficier d’une approche stratégique et maîtriser les différents KPI’s, outils d’aide à la décision. Construire notamment la stratégie des réseaux sociaux des activités retail de la Rmn-Grand Palais. J’ai retravaillé ma matrice d’activation cross-canal et j’ai notamment lancé la page Facebook <a href="https://www.facebook.com/BoutiquesdeMusees/?fref=ts">Boutiques de Musées</a> à l’issue de cette formation ! </span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">4. Ton univers de travail est concentré sur l'art et la culture. On a d'ailleurs tendance à penser que ces domaines sont aux antipodes du digital. Qu'en penses-tu et quelle influence (bonne ou mauvaise) a pu avoir le digital sur ces milieux? </span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Le digital touche tous les secteurs et représente un vrai plus dans mon domaine. L’influence est très positive. Je travaille sur la partie retail mais je peux te donner également des exemples au niveau de l’expérience visiteur musée. En fin d’année 2016 et jusqu’en début 2017, l’exposition <a href="http://www.grandpalais.fr/fr/article/sites-eternels-toute-lexpo">Sites Éternels</a> au Grand Palais offrait une visite immersive de sites archéologiques en danger tels que Palmyre et la Grande Mosquée des Omeyyades à Damas. La Rmn-Grand Palais a travaillé sur ce projet avec la start-up française <a href="http://iconem.com/fr/">Iconem</a> qui a survolé ces sites dangereux via des drones. L’exposition permettait de mettre en perspective de façon immersive l’avant et l’après de ces sites. C’était purement fascinant ! L’exposition a d’ailleurs remporté un vif succès ! Le digital est un moyen de conserver “numériquement” les sites menacés.
De la même manière, la Rmn-Grand Palais a été la première société au monde à proposer une visite enrichie avec des lunettes connectées. Je l’ai expérimenté dans le cadre des expositions Velazquez et Picassomania. L’objectif consistait à apporter des éclairages spécifiques sur les tableaux. Je me souviens que pour la Vénus au miroir de Velazquez, une mise en perspective était effectuée avec la Maja de Goya. C’était bluffant d’avoir visuellement les deux tableaux qui se superposaient. A cette occasion nous avons eu l’honneur d’accueillir Sundar Pichai, CEO de Google (dont on parle bcp en ce moment sur les réseaux sociaux puisqu'il a répondu à la lettre d'une petite fille de 7 ans dont le rêve est de travailler chez Google !) qui s’est beaucoup amusé lors de cette visite ! </span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">5. La bonne nouvelle de dernière minute: tu as été nommée Ambassadrice Officielle de la JFD17. Que représente ce rôle pour toi et comment souhaites-tu l'utiliser? Quelles sont tes attentes vis-à-vis de l'événement? </span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">En quelques mots, c’est un honneur de faire partie de la team des Ambassadeurs de la <a href="http://lajourneedelafemmedigitale.fr/">#JFD17</a>, projet porté divinement par Delphine Rémy Boutang <a href="https://twitter.com/delphine">@delphine</a>, surtout que je suis entourée par de grands experts que j’admire tels que la codeuse Aurélie Jean, Docteur en mécanique numérique <a href="https://twitter.com/Aurelie_JEAN">@Aurelie_JEAN</a>.
Pour moi, “le digital est la meilleure source d’emporwement”, il offre plus d’horizontalité et permet une plus grande réactivité. Mon objectif est de prôner ces valeurs, réelles convictions personnelles et d’inviter chacun dans son univers professionnel et privé à bénéficier de ses vertus.
La thématique de cette année est “ForABetterWorld”, je suis convaincue que le digital y contribue fortement ! </span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">6. Comme pour chaque participant, je te laisse la sixième et dernière question comme tribune. Tu peux l'utiliser ou non et partager avec les lecteurs ce que tu désires :) </span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Ce sera un mix entre une question et la recommandation d’un livre ! Je suis et j’admire de longue date le chercheur scientifique Joël de Rosnay <a href="https://twitter.com/derosnayjoel">@derosnayjoel</a>. Son dernier ouvrage, <i><a href="http://www.editionslesliensquiliberent.fr/livre-Je_cherche_%C3%A0_comprendre-9791020903952-1-1-0-1.html">Je cherche à comprendre</a></i>, est passionnant et très accessible. Les exemples pratiques permettent une démocratisation de la science, vertu que j’ai toujours retrouvée chez Joël de Rosnay. Il y parle notamment d’intelligence artificielle et soutient la thèse qu’avec le digital nous travaillerons différemment (certaines missions et certains métiers disparaîtront) mais l’humain y gagnera en qualité de vie. La question serait donc “Le digital te fait-il peur?”, la réponse est ci-dessus car je partage l’opinion du grand scientifique ! </span><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://scontent-cdg2-1.xx.fbcdn.net/v/t1.0-9/16640860_746849732130861_2141494747570977579_n.png?oh=16f21f618ec7b28a5ca23d788ffb5616&oe=594BF60F" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://scontent-cdg2-1.xx.fbcdn.net/v/t1.0-9/16640860_746849732130861_2141494747570977579_n.png?oh=16f21f618ec7b28a5ca23d788ffb5616&oe=594BF60F" width="348" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Nathalie Ollier</td></tr>
</tbody></table>
<b id="monancre">1. Nathalie, can you introduce yourself and tell us who you are </b><br />
<br />
First of all, I am honoured to do this portrait with you, a digital lover and coder-wannabe… I am admiring the fact that you started to learn how to code and your dedication to it.<br />
I am Relational Marketing Manager for the retail activities of the Rmn-Grand Palais (network of the physical stores inside the museums and the e-shop <a href="http://www.boutiquesdemusees.fr/en/">boutiquesdemusees.fr</a>). With the team that I am managing (I’d like to insist on this term as for me, collaboration is an essential value to build great projects), I manage the prospects and clients database, the newsletters, the loyalty program and the social media platforms. I am very lucky to work in a fascinating industry and some of my current projects are about Vermeer and Rodin!<br />
<br />
<b>2. You have a Marketing role, can you share with us your vision and opinion on the facts below: </b><br />
<b><br /></b>
<b>2a. The digital omnipresence in the Marketing functions is unavoidable today, what is its role exactly? </b><br />
<br />
It represents the way to reach a prospect or a client on all the possible touch points, at every moment. It allows you to be close to your clients, to listen to them and to engage with them. I believe a lot in conversational marketing. For this matter, social media platforms are wonderful tools. Digital is also an amazing tool to get to know your client as it enables you to collect data and to track their journey and behaviour. It is a mine of information to better target your clients and send them messages and offers that will appeal them.<br />
<br />
<b>2b. What does digital bring more today than before? In your opinion, what is its added value? </b><br />
<br />
Its added value is multiple. For me, it is a growth lever as I have just explained before.
In a more global manner, digital transforms our society and our ways of working. It also allows us to work in a more horizontal and transversal way which is I think a good ROI.<br />
<b><br /></b>
<b>3. You enrolled yourself in a Digital Certificate at ESCP <i>(for non-French readers this is one of the TOP 3 Business Schools in France) </i></b><br />
<b><br /></b>
<b>3a. Can you tell us more about this Certificate. How is it organized, who are the speakers and the ‘students’? (ie: their profile) </b><br />
<br />
It is a training course in Digital Marketing. It takes place during two days every month for a 6-month period and you validate it with a final essay about the problematics of your choice. It covers a lot of topics and is organized by modules: SEO, SEA, SEM, social media, definition of a cross-channel activation matrix, in-store digital, mobile and app strategy, loyalty, budget, ROI etc…
The fact to have a month between each session is a real advantage as you can put in practice what you learned, do some tests and come back with a lot of questions… I think some teachers remember them!
Speakers are highly qualitative, almost all of them have a professional activity in addition to come and teach us things. A lot of the time, they are business founders and the theory is illustrated with a lot of practical examples… Participants come from diverse industries and companies of different sizes but everyone is here with the same motivation and objective. The budgets that are allocated to digital are very different as well but everyone agrees that they felt a bit impoverished on which lever to activate and the way to make decisions (it is not about setting up digital tools to say I am doing something digital but to choose the right levers). What was surprising is that despite these diversities, problematics were very similar in the end!<br />
<br />
<b>3b. What were the motivations that triggered your enrolment </b><br />
<br />
I wanted to complete my empirical knowledge that I had acquired throughout my missions and personal reflexions. To know how to create a strategy in Digital Marketing, knowing which lever to activate in which case following which target (to have a methodology to follow). Put things into perspective in relation to my missions: on a daily basis, time is always counted and we do not take enough time to reflect on things.
And, to be able to share with other participants who have similar problematics (it was very profitable and enriching to that point).<br />
<br />
<b>3c. What were the stakes before going and those that you may have now that you went </b><br />
<br />
To benefit from a strategical approach and master the different KPIs, decision-making tools. To build the social media strategy for the retail activities of the Rmn-Grand Palais. Following this course, I reworked my cross-channel activation matrix and also launched the Facebook page for the <a href="https://www.facebook.com/BoutiquesdeMusees/?fref=ts">Boutiques de Musées</a>!<br />
<br />
<b>4. Your work environment focuses on art and culture. On this topic, we tend to think that these two areas are at the extreme opposite of digital. What do you think and what influence (good or bad) digital has had on this industry? </b><br />
<br />
Digital touches all sectors and represents a big plus in my industry. The influence is very positive. I work on the retail part but I can give you few examples on the customer experience inside the museums. At the end of 2016 til the beginning of 2017, the exhibition <a href="http://www.grandpalais.fr/fr/article/sites-eternels-toute-lexpo">Sites Eternels</a> at the Grand Palais offered an immersive visit to some endangered archaeological sites such as Palmyre and the Umayyad Mosque also known as the Great Mosque of Damascus in Syria. The Rmn-Grand Palais worked on this project with <a href="http://iconem.com/">Iconem</a> who has made a drone fly over these dangerous sites. This was purely fascinating! The exhibition was a huge success! Digital is a way to ‘numerically’ conserve those threatened sites.
In the same manner, the Rmn-Grand Palais was the first company in the world to propose an enriched visit with connected glasses. I experimented it myself during the Velazquez and Picassomania exhibitions. The objective consisted in bringing specific lightning over the paintings. I remember that for the Rokeby Venus from Velazquez, a putting in perspective was made with the Maja from Goya. It was bluffing to see the two pieces of art being superposed on each other. On this occasion, we had the honour to welcome Sundar Pichai, CEO of Google (whom we talked about a lot recently on social media as he replied to a letter from a seven-year-old little girl whose dream is to work for Google!) who had a lot of fun during his visit!<br />
<br />
<b>5. The last minute good news: you have been nominated Official Ambassador of the JFD17. What does this role represent for you and how do you want to use it? What are your expectations concerning this event? </b><br />
<br />
In a few words, it is an honour for me to be part of the Ambassadors team of the <a href="http://lajourneedelafemmedigitale.fr/">#JFD17</a>, project divinely managed by Delphine Rémy Boutang <a href="https://twitter.com/delphine">@delphine</a>, especially that I am surrounded by great experts that I admire such as the Programmer Aurélie Jean, PhD in numerical mechanics <a href="https://twitter.com/Aurelie_JEAN">@Aurelie_JEAN</a>.
For me, ‘the digital is the best way of empowerment’, it offers more horizontality and allows a bigger creativity. My objective is to advocate these values, real personal convictions and to invite each of you to benefit its virtue in their professional and private life.
This year, the theme is ‘ForABetterWorld’, I am convinced that digital contributes a lot to this mantra!<br />
<br />
<b>6. As for each interviewee, I leave you the sixth and last question as a column. You can use it or not in order to share whatever you want with the readers </b><br />
<br />
It will be a mix between a question and a book recommendation! For a long time, I have been following and admiring the scientific researcher Joël de Rosnay <a href="https://twitter.com/derosnayjoel">@derosnayjoel</a>. His last publication, <i><a href="http://www.editionslesliensquiliberent.fr/livre-Je_cherche_%C3%A0_comprendre-9791020903952-1-1-0-1.html">Je cherche à comprendre</a></i> <i>(I am looking to understand)</i>, is fascinating and very accessible. The practical examples enable a democratisation of the science, quality that I always foresaw in Joël de Rosnay. He notably talks about artificial intelligence and supports the theory that with digital, we will work differently (certain missions and certain jobs will be disappearing) but the human will gain a better quality of life. The question would rather be ‘Is digital scaring us?’, the answer is right above as I share the same opinion with the great scientist!<br />
<br />
To be continued in the next episode, Amélie X<br />
<br />
<i><span style="color: #741b47;">La suite au prochain épisode, Amélie X</span></i></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com1tag:blogger.com,1999:blog-4458462138339936941.post-62916900822906200562017-02-06T18:30:00.000+01:002017-02-06T18:30:02.009+01:00MEET: MATHILDE AUBINAUD, EXPERT IN COMMUNICATION AND OFFICIAL AMBASSADOR OF THE JFD17<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="p1" style="text-align: left;">
<div class="p1">
I enjoyed a lot writing Aurélie's portrait last time and found very exciting the idea that she could share her vision and inspire other people as well! </div>
<div class="p1">
<br />
So... I decided to write more portraits of people who inspire me and share their path and vision on digital and tech. By doing so, I hope we can break some stereotypes and take the best advice from the best people ;)<br />
<br /></div>
<div class="p1">
<div style="text-align: center;">
This new serie is called <b>'MEET'</b></div>
<div style="text-align: center;">
<br /></div>
</div>
<div class="p1">
Today, you can read the portrait-interview of Mathilde Aubinaud who is an Expert in Communication and also an Ambassador of the Journée Digitale de la Femme. </div>
<div class="p1">
Want to know more? Scroll down for the English version.<br />
<br /></div>
<div class="p1">
<i><span style="color: #741b47;">J'ai beaucoup aimé écrire le portrait d'Aurélie la dernière fois et je trouvais aussi très intéressante l'idée qu'elle puisse partager sa vision des choses et donc inspirer d'autres personnes!</span></i></div>
<div class="p1">
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">J'ai donc décidé d'écrire plus de portraits de personnes qui m'inspirent afin de partager leur parcours ainsi que leur vision du digital et de la tech. En ayant cette démarche, j'espère que nous pourrons couper court à certains stéréotypes et prendre les meilleurs conseils des meilleures personnes ;) </span></i></div>
<div class="p1">
<div style="text-align: center;">
<i><span style="color: #741b47;"><br /></span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;">Cette nouvelle série s'appelle <b>'MEET'</b></span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;"><br /></span></i></div>
</div>
<div class="p1">
<i><span style="color: #741b47;">Aujourd'hui, vous pouvez lire l'interview-portrait de Mathilde Aubinaud qui est une Experte en Communication mais aussi une Ambassadrice de la Journée Digitale de la Femme. </span></i></div>
<div class="p1">
<i><span style="color: #741b47;">Vous souhaitez en savoir plus? C'est ci-dessous que ça se déroule </span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://boulevardduweb.net/figuresdefrance/wp-content/uploads/sites/17/2015/06/2d7da98-500x423.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://boulevardduweb.net/figuresdefrance/wp-content/uploads/sites/17/2015/06/2d7da98-500x423.jpg" height="337" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Mathilde Aubinaud</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<div class="p1">
<b><span style="color: #741b47;">1. Mathilde, peux-tu te présenter en quelques lignes et nous en dire un peu plus sur toi...</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">En parallèle de mes études d'information-communication, j'ai écrit dans plusieurs médias. J'ai voulu poursuivre l'écriture et les interviews sous le prisme de l'audace en créant mon propre site internet : "<a href="https://lasagadesaudacieux.com/" target="_blank">La Saga des Audacieux</a>". Je rencontre ainsi des décideurs de différents univers : politique, entreprise, gastronomie pour mettre en avant leur vision de l'audace. </span><br />
<span style="color: #741b47;">J'ai co-écrit, en parallèle plusieurs livres : sur l'univers de la gastronomie française (<a href="https://www.amazon.fr/m%C3%A9tiers-cuisine-Debora-Fiori/dp/2817605136/ref=sr_1_2?ie=UTF8&qid=1486376639&sr=8-2&keywords=mathilde+aubinaud" target="_blank">Les Métiers de la Cuisine</a> avec Debora Fiori) et un autre sur la portée stratégique de l'écriture (<a href="https://www.amazon.fr/Ecriture-strat%C3%A9gique-Clara-Sorbay/dp/2759032604/ref=sr_1_1?ie=UTF8&qid=1486376639&sr=8-1&keywords=mathilde+aubinaud" target="_blank">Ecriture Stratégique</a> avec Clara de Sorbay, Valérie Aubinaud, Sophie-Anne Rocca). J'enseigne également la communication dans l'enseignement supérieur.</span><br />
<b><span style="color: #741b47;"><br /></span></b>
<b><span style="color: #741b47;">2. Tu es Ambassadrice pour <a href="http://lajourneedelafemmedigitale.fr/" target="_blank">La Journée de la Femme Digitale</a> qui se tiendra le 9 Mars prochain à la Cité de la Mode et du Design. Peux-tu nous expliquer</span></b><br />
<b><span style="color: #741b47;"><br /></span></b>
<b><span style="color: #741b47;">2a. cet événement</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Cette année aura lieu la 5ème édition de La Journée de la Femme Digitale. C'est une journée à part!</span><br />
<span style="color: #741b47;">Mêlant rencontres, échanges avec les acteurs du digital, la JFD célèbre les femmes qui innovent et osent.</span><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">(Vous souhaitez vous inscrire: <a href="http://lajourneedelafemmedigitale.fr/inscriptions/" target="_blank">cliquez ici)</a></span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">2b. ce que ce rôle d'Ambassadrice représente pour toi</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Je suis très heureuse de m'engager en tant qu'Ambassadrice pour la JFD auprès de femmes que j'admire tant pour leur courage que pour leur vision.</span><br />
<span style="color: #741b47;">J'ai 25 ans et je pense que le message véhiculé est important à entendre pour notre génération. '#ForABetterWorld' est une signature qui fait pleinement sens pour moi. S'engager, apprendre et oser.</span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">2c. pourquoi il faut y assister, qu'on soit une femme ou un homme</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">J'ai eu l'opportunité d'y assister à deux reprises. A chaque fois, j'ai appris, j'ai découvert nombre de possibilités grâce aux témoignages de ceux qui ont essayé, de ceux qui ont eu l'envie de se dépasser.</span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">3. Tu es Experte en Communication. Quelle est ta vision sur le digital, le rôle et l'influence de ce canal vs les autres médias 'traditionnels' (TV, print...)?</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Un univers empli de potentialités qui n'est pas à déconnecter des autres. Il s'inscrit dans une démarche globale pour communiquer en résonance avec les canaux traditionnels.</span><br />
<span style="color: #741b47;">S'il y a une cohérence dans l'ensemble du système, alors on y gagne en terme de conversation, de proximité et d'efficacité auprès des parties prenantes. Le digital c'est une autre écriture, un autre public qui permet de sortir d'une dimension unidirectionnelle.</span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">4. On parle souvent du rôle des femmes dans la société et du fait que le digital soit un levier qui leur permette de s'émanciper, quel est ton avis sur la question?</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Les femmes s'emparent du digital! C'est un levier formidable pour se révéler et avancer. Le digital est pluriel. Le défi est aujourd'hui celui de l'accès et de l'appropriation du digital par les femmes en nombre.</span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">5. Je suis curieuse de nature et toujours preneuse de conseils pour améliorer mes compétences et connaissances. Que me conseillerais-tu de faire pour devenir plus experte sur les problématiques de la communication digitale. En répondant à cette question, cela permettra également aux lecteurs de bénéficier de tes recommandations.</span></b><br />
<span style="color: #741b47;"><br /></span>
<span style="color: #741b47;">Sois curieuse et reste en alerte. Tiens-toi informée des bonnes pratiques sur des thématiques qui t'intéressent. Débuter par la veille peut se révéler utile pour comprendre les manières d'interagir et d'être repris. Veille aussi à etre cohérente. Quel message entends-tu faire passer? Par quel levier?</span><br />
<span style="color: #741b47;"><br /></span>
<b><span style="color: #741b47;">6. Dernière question - ou pas (rires). Je te la laisse afin que tu puisses partager ce dont tu as envie :)</span></b><br />
<b><span style="color: #741b47;"><br /></span></b>
<br />
<div style="text-align: center;">
<b><span style="color: #741b47;">AYEZ TOUJOURS L'ENVIE D'APPRENDRE!</span></b><br />
<b><span style="color: #741b47;"><br /></span></b>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://images-na.ssl-images-amazon.com/images/I/81mDW1inKrL.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://images-na.ssl-images-amazon.com/images/I/81mDW1inKrL.jpg" width="270" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b style="font-size: 12.8px;">Ecriture Stratégique</b><span style="font-size: 12.8px;"> </span><i style="font-size: 12.8px;">co-écrit par Mathilde Aubinaud, Clara de Sorbay, Valérie Aubinaud et Sophie-Anne Rocca</i></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://images-na.ssl-images-amazon.com/images/I/51xTIMoh-FL.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://images-na.ssl-images-amazon.com/images/I/51xTIMoh-FL.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><b>Les Métiers de la Cuisine</b> <i>co-écrit par Mathilde Aubinaud et Debora Fiori</i></td></tr>
</tbody></table>
</div>
</div>
<div class="p1">
<b>1. Mathilde, can you introduce yourself and tell </b><b>us a bit more about yourself…</b></div>
<div class="p1">
<br />
I studied information and communication and simultaneously wrote for several pieces of media. I wanted to pursue writing and interviews focusing on being audacious so I decided to create my own website: ‘<a href="https://lasagadesaudacieux.com/" target="_blank">La Saga des Audacieux</a>’ <i>[The Saga of the Audacious]</i>. By doing so, I meet leaders from different worlds: politics, business-related, gastronomy to share and promote their vision of audacity. I also co-wrote different books: one focuses on the world of the French gastronomy (<a href="https://www.amazon.fr/m%C3%A9tiers-cuisine-Debora-Fiori/dp/2817605136/ref=sr_1_2?ie=UTF8&qid=1486376639&sr=8-2&keywords=mathilde+aubinaud" target="_blank">Les Métiers de la Cuisine</a> with Debora Fiori) and the other is about the strategical reach of writing (<a href="https://www.amazon.fr/Ecriture-strat%C3%A9gique-Clara-Sorbay/dp/2759032604/ref=sr_1_1?ie=UTF8&qid=1486376639&sr=8-1&keywords=mathilde+aubinaud" target="_blank">Ecriture Stratégique</a> avec Clara de Sorbay, Valérie Aubinaud, Sophie-Anne Rocca). I also teach communication in higher education.<br />
<br />
<b>2. You are an Ambassador for </b><b><span style="color: #741b47;"><a href="http://lajourneedelafemmedigitale.fr/" target="_blank">La Journée de la Femme Digitale</a></span></b><b> [The Day of the Digital Woman] which will happen on 9th March at the Cité de la Mode et du Design in Paris. Can you explain us</b><br />
<b><br /></b>
<b>2a. this event</b></div>
<div class="p1">
<br />
This year will be the 5th edition of La Journée de la Femme Digitale (JFD). It is a very particular day! It mixes meetings and exchanges with leaders and players of the digital industry, the JFD celebrates women that innovate and dare.<br />
<br />
(If you wish to attend: <a href="http://lajourneedelafemmedigitale.fr/inscriptions/" target="_blank">click here</a>)<br />
<b><br /></b>
<b>2b. what does this Ambassador role mean to you</b><br />
<br />
I am very happy to engage myself as an Ambassador for the JFD to be close to women I admire for their courage but also for their vision.</div>
<div class="p1">
I am 25 and I think that the message that is spread out is important to be heard for our generation. ‘#ForABetterWorld’ is a signature that makes all sense for me. Engage yourself, learn and dare.<br />
<br />
<b>2c. why do we have to come, whether you’re a woman or a man</b></div>
<div class="p1">
<br />
I had the chance to previously go and participate two times. Every time, I learnt, I discovered lots of possibilities thanks to testimonials from those who tried, who wanted to surpass themselves.<br />
<br />
<b>3. You are an Expert in Communication. What is your vision on digital, the role and influence of this channel vs ‘traditional’ medias (TV, print…)?</b></div>
<div class="p1">
<br />
It is an universe full of potential that should not be disconnected from the others. It is part of a global approach to communicate in association with the traditional channels.</div>
<div class="p1">
If there is a consistency in the entire system, then, we gain more in terms of conversation, proximity and efficiency for all stakeholders. Digital is another writing, an other audience that allows to escape from what could be an unidirectional dimension.<br />
<br />
<b>4. We hear a lot times about females’ role in the society and the fact that digital would be a lever that would allow them to emancipate, what is your view on this topic?</b></div>
<div class="p1">
<br />
Women take over digital! It is an amazing lever to reveal yourself and go further beyond. Digital is plural. Today, the challenge is the access to it as well as its appropriation by all women.</div>
<div class="p1">
<b><br /></b>
<b>5. I am very curious by nature and always keen to take advice to improve my competencies and knowledge. What would you advise me to become more expert on digital communication’s problematics. By answering this question, it will also allow the readers to benefit from your recommendations.</b><br />
<b><br /></b></div>
<div class="p1">
Be curious and stay alert. Keep yourself informed on best practices about themes that interest you. To begin with, monitoring can be useful in order to understand the different ways to interact. Make sure to be coherent. What message do you want to communicate? By what lever? <br />
<br />
<b>6. Last question – or not (laughs). I leave it to you so you can share whatever pleases you :)</b><br />
<br />
<div style="text-align: center;">
<b>BE SURE YOU ALWAYS WANT TO LEARN SOMETHING NEW!</b><br />
<b><br /></b>
<br />
<div style="text-align: left;">
<i><span style="color: #741b47;">Un grand merci à toi Mathilde, qui a pris le temps de répondre à mes questions afin de partager sa vision avec le plus grand nombre.</span></i></div>
<div style="text-align: left;">
<i><span style="color: #741b47;">J'espère que ce nouveau format vous plaît et que ce second portrait vous inspirera! </span></i></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
A big thanks to you Mathilde, who took the time to answer to my questions in order to share her values with more people.</div>
<div style="text-align: left;">
I hope you like this new format and that this second portrait will inspire you!</div>
<div style="text-align: left;">
<i><span style="color: #741b47;"><br /></span></i></div>
<div style="text-align: left;">
<i><span style="color: #741b47;">La suite au prochain épisode, Amélie x</span></i></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
To be continued in the next episode, Amélie X</div>
</div>
</div>
</div>
</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-56988623557665198882017-01-24T19:19:00.002+01:002017-02-20T13:00:06.431+01:00MEET: MY MENTOR, AURELIE JEAN, PHD<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="p1" style="text-align: left;">
<div class="p1">
Happy New Year 2017 dear readers! I wish you all, all the best for this year, may it be filled with joy, passion, love and technology of course!</div>
<div class="p1">
<br /></div>
<div class="p1">
<i><span style="color: #741b47;">Bonne année 2017 chers lecteurs! Je vous souhaite à tous, le meilleur pour cette année, que celle-ci soit remplie de joie, d'amour, de passion et de technologie bien sûr!</span></i></div>
<div class="p1">
<br /></div>
<div class="p1">
To start on good a good base I wanted to interview one the persons I admire the most and who also happens to be my mentor: Aurélie Jean, PhD. I won't tell you more about it here, just read her interview below.</div>
<div class="p1">
<br /></div>
<div class="p1">
<i><span style="color: #741b47;">Pour commencer sur de bonnes bases j'ai voulu interviewer l'une des personnes que j'admire le plus et qui est aussi mon mentor: Aurélie Jean, PhD. Je ne vous en dis pas plus, l'interview en français est plus bas dans le post.</span></i></div>
<div class="p2">
<b><br /></b></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://pbs.twimg.com/profile_images/775466985840926720/b4TboLqo.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://pbs.twimg.com/profile_images/775466985840926720/b4TboLqo.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Aurélie Jean</td></tr>
</tbody></table>
<div class="p2">
<b><br /></b></div>
<div class="p2">
<b>1. Let’s start with a basic question, Aurélie, can you introduce yourself, your career and what you are doing now?</b></div>
<div class="p2">
<br /></div>
<div class="p1">
I have a Ph.D. in Computational Mechanics in Material Sciences. After defending my Ph.D. in 2009, I moved to the United States to work in computational medicine, on human tissue (the heart and brain), until 2016. During those 7 years, I applied mathematical and computational modeling to medicine, including 5 years at MIT in Boston, in collaboration with the best hospitals, and doctors in the U.S. including collaborators from the U.S. Army and Navy. </div>
<div class="p1">
Since May 2016, I have been a software developer at Bloomberg, the global finance, media and tech company, in NYC. I work on the Equity team, where I develop mathematical and numerical tools to analyse, predict and deliver relevant information to the global leaders of the financial market, in order to improve the transparency of the finance industry. On a daily basis, I code in C++ and Python to develop these tools. Even more important, I am an advocate of coding as a way to empower women in the technology industry. People often refer to me as the Ambassadrice of Digital or the Queen of Code (laughing…)</div>
<div class="p1">
<br /></div>
<div class="p1">
<b>2. When talking with you, you mentioned to me that you learned how to code in grad school. Why did you learn how to code? What are the languages you work with?</b></div>
<div class="p2">
<br /></div>
<div class="p1">
In 2005, when starting my Ph.D., I began to learn intensively how to code for several reasons. The first and most important reason is that I wanted to predict and understand, from the simulations, the nanoscopic behavior of the elastomers I was studying at this time. I also realized that I could automate so many tasks that I was doing manually beforehand. Hence, I was able to make my day more efficient, and use my brain for more challenging tasks. Coding makes me become a bit lazy, but for good reasons! (laughing...). First, I learned Python. It is a simple language when learning to code, because it can be used to code linearly. Then I learned C++. C++ can quickly become complicated because of its level of abstraction. For this reason, I never recommend this as an introductory coding language. </div>
<div class="p2">
<br /></div>
<div class="p1">
<b>3. What does the code provide you professionally and personally?</b></div>
<div class="p1">
<br /></div>
<div class="p1">
Professionally, coding defines me! Coding gives me a professional freedom that I would have never considered 20 years ago. I have worked in Engineering, Education, and Medicine and now work in Finance. I do whatever I want, and can jump from one field to another! Coding also enabled me to be very marketable, meaning that my coding skills are very sought after now, the salaries are really competitive and the demand for them keeps growing in this industry! Also, as I mentioned earlier, coding allows me to get through my day efficiently, giving me more “brain time” to challenge myself with more complicated tasks. From a personal point of view, coding shapes my mind and makes my brain work in a very different way compared to how it works on daily tasks. Because I write lines of code, the sections of my brain that are activated are related to language and communication. Since I analyse code and write algorithms, the sections of the brain related to logic and critical sense are also exercised. A study conducted by U.S. and German researchers demonstrated those relations by observing programmers’ brains using an MRI machine, (click <a href="https://www.fastcompany.com/3029364/this-is-your-brain-on-code-according-to-functional-mri-imaging">here</a> to know more). More important, coding enables me to understand and observe the world in which I live in a different way!</div>
<div class="p2">
<br /></div>
<div class="p1">
<b>4. We hear more and more that Governments want to add coding classes in public schools and we see some schools that already started. Did you observe it in France? What are the differences between the U.S. and France?</b></div>
<div class="p1">
<br /></div>
<div class="p1">
Yes, absolutely. We start to actively teach coding to kids when they enter elementary school. The movement started when private organisations and startups understood that people were ready to sign their kids for coding classes after school, coding camps or introductory seminars on weekends. One amazing example of a startup doing this is <a href="http://magicmakers.fr/">Magic Makers</a> from Paris by the talented Claude Terosier, who offers classes with innovative methods to kids of any age! Another great example is <a href="http://www.bootstrapworld.org/">Bootstrap</a>, an organisation in California led by my friend Emmanuel Schanzer. Coding classes are slowly coming to public schools, I think we still need to convince our politicians in France about the benefits of coding. Coding will allow kids to develop their logic and critical learning. Also, I believe coding can eventually help kids learn math, especially those kids who may be “traumatised” by math. There are so many opportunities!</div>
<div class="p1">
Regarding the U.S. vs. France, I think that the startup movement for teaching coding started earlier in the U.S. than it did in France. In fact, they were, sometimes created by French entrepreneurs! One example of this is the <a href="https://www.holbertonschool.com/">Holberton School</a> in San Francisco created by two Frenchies Sylvain Kalache and Julien Barbier. Companies in the private sector are also doing a lot in terms of teaching coding to kids, such as Google, Facebook or Bloomberg. In public schools, there is a large movement of “1 kid, 1 computer” to enable any child, regardless of socioeconomic status, throughout the country to be more familiar with computer science. Coding classes are already offered in some public schools. However, since the budget of U.S. public schools comes from local governments, it is complicated to compare progress at the scale of the U.S. with France.</div>
<div class="p1">
<br /></div>
<div class="p1">
<b>5. How do you explain this fear of people toward new technologies and robots?</b></div>
<div class="p2">
<br /></div>
<div class="p1">
It is normal for us to fear what we do not understand. I would have loved witnessing the people’s reaction when they saw a car for the first time. We need to educate people, explain the ins and outs of these new technologies, in order for them to develop their comfort with them. I am personally convinced of the need to explain and to understand as much as possible in order for mankind to be ready to take advantage of those technologies. In my case, I try as much as possible to write about emerging tech topics, to give seminars, and simply to talk with people I meet. Is there any risk related to these new technologies? Yes, of course. But is it a reason to develop a level of fear that often results in us rejecting it? I do not think so. I believe in mutual responsibilities. I would say “with responsibility comes huge power” (laughing…). By taking more responsibility, we have more power to change the world in a better way!</div>
<div class="p2">
<br /></div>
<div class="p1">
<b>6. You are very inspiring and encourage people to always push their limits. Could you give us the name of one or a few people who had or have an impact on you?</b></div>
<div class="p1">
<br /></div>
<div class="p1">
Thank you very much, you are so kind!</div>
<div class="p1">
In the U.S. I have so many amazing role models! (laughing…). Whether famous or anonymous, they give me confidence, either through their words or actions. Their free-spirited nature inspires me. They do what they love and always make sure to keep this freedom as they move forward in their career and life. Also, they give back, a metric of success that is very important to me. In France, I think about one person in particular who inspires me by her courage, her passion, her kindness, her feminism, and again her free-spirited nature. Her name is Delphine Rémy-Boutang, CEO of The Bureau and founder of the Journée de la Femme Digitale. Delphine was the first person to believe in my message and vision. She helped me a lot. The courage she had to help me is very inspiring to me. Also, she gives back continuously. She helped me in the same way others helped her, and I am now helping others similarly. Delphine is one of my role models.</div>
<div class="p1">
<br /></div>
<div class="p1">
<b>7. By the way, what is your favourite quote?</b></div>
<div class="p2">
<br /></div>
<div class="p1">
With regards to coding and computers, Nicholas Negroponte, professor at MIT and Founder of the MIT Media Lab once said: "Computing is not about computers anymore. It is about living." He also delivered the first TED-talk in 1984! He is a true visionary!</div>
<div class="p2">
<br /></div>
<div class="p1">
I also really like the motto of my company, <a href="http://aureliejean.wixsite.com/in-silico-veritas">In Silico Veritas</a>. It motivates me every morning: </div>
<div class="p2">
<br /></div>
<div class="p1" style="text-align: center;">
<b>“Coding for a brighter and better future for everyone!”</b></div>
<div class="p2">
<br /></div>
<div class="p1">
<b>8. Here is my last question. What is the thing you would like to share with the readers and you never had the opportunity to share?</b></div>
<div class="p1">
<br /></div>
<div class="p1">
I have often been asked “what are the challenges I overcame in my career as a woman in the male dominated field of Tech” but I have never been asked if I never wanted to give up. In fact, I often wanted to give up. The first time was during my Ph.D., then during my career. I always stayed motivated because I love what I do so much (I might have a big ego too… laughing...). I was also lucky enough to meet amazing men and women who gave me confidence, valued who I was, and always encouraged me never to question myself or my skills. I am lucky to be working at Bloomberg, which values the opportunities created by having a diverse culture and that strongly supports women in tech! So here I am... still coding!!</div>
<div class="p1">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://pbs.twimg.com/media/CwYYfp0W8AAow5X.jpg:large" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://pbs.twimg.com/media/CwYYfp0W8AAow5X.jpg:large" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Aurélie Jean with one of her student</td></tr>
</tbody></table>
<div class="p1">
<i style="color: #741b47;"><b>1. Commençons d’une manière classique, Aurélie, peux-tu te présenter en quelques lignes? Ton parcours et ce que tu fais maintenant.</b></i></div>
<div class="p1">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Je suis Docteur en mécanique numérique de formation dans la sciences des matériaux. Après avoir soutenu ma thèse de Doctorat en 2009, je suis partie aux US pour travailler dans la mécanique numérique des tissus humains (coeur et cerveau) et ce jusqu’en 2016. Durant ces 7 ans j’ai appliqué la modélisation mathématique et numérique à la médecine, dont 5 ans au MIT de Boston, en collaboration avec les plus grands hôpitaux, médecins et chercheurs des US dont des collaborateurs de l'Armée Américaine et de la Navy. </i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Depuis Mai 2016 je suis scientifique numérique et programmeuse chez Bloomberg à NYC. Je travaille dans l’équipe des Equities dans laquelle je développe des outils mathématiques et numériques pour analyser, prédire et fournir des informations pertinentes aux acteurs mondiaux de la finance de marché, dans le but de rendre la finance la plus transparente possible. Au quotidien je code principalement en C++ et Python pour développer mes outils. Je suis surtout une grand avocate de la programmation informatique que j’envisage comme un vecteur d’émancipation des femmes dans notre société. On me présente comme une ambassadrice du digital, ou queen of code (rires…)!<br />
</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><b>2. Au détour d’une conversation, tu m’avais indiqué que tu avais appris à coder pendant ton Doctorat. Comment en es-tu arrivée à coder? Dans quel but? Quels est/sont le ou les langages que tu maîtrises?</b><br />
</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>En 2005 je me suis mise à apprendre à coder en thèse de doctorat pour plusieurs raisons. La première et sûrement la plus importante, je voulais pouvoir utiliser les simulations numériques pour pouvoir prédire mais aussi comprendre le comportement nanoscopique du matériau que j’étudiais qui était à l’époque un élastomère. La seconde raison est venue après quand je me suis rendue compte que coder me permettait d’automatiser pas mal de tâches que je faisais jusqu’alors manuellement et donc “leaner” ma journée me permettant d’utiliser mon cerveau pour des choses plus challengeantes. Le code m’a sûrement rendue un peu fainéante mais pour de bonnes raisons! (rires...) J’ai appris le Python en premier, qui est un langage très simple pour démarrer car il peut être utilisé de façon entièrement procédurale. Puis très vite j’ai appris le C++ qui reste mon langage d’expertise. Le C++ peut très vite paraître compliqué par son niveau d’abstraction, c’est donc un langage que je ne recommande jamais en introduction au code.<br />
</i></span></div>
<div class="p1">
<b><span style="color: #741b47;"><i><br /></i></span></b></div>
<div class="p1">
<span style="color: #741b47;"><i><b>3. Qu’est-ce que le code t’apporte? tant au niveau professionnel que personnel</b><br />
</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Professionnellement, il me définit! Le code me donne une liberté professionnelle que je n’aurai jamais imaginée il y a 20 ans.. J’ai travaillé dans l'ingénierie, l’éducation, la médecine et récemment la finance… je fais ce qu’il me plait, je suis libre d’aller d’une discipline à l’autre! Le code m’a également permis d'être très “marketable” et “bankable” voulant dire que mes qualifications en programmation sont extrêmement recherchées et que les rémunérations sont largement compétitives et ne cessent d’augmenter! Accessoirement, le code me permet de “leaner” ma journée comme je l’ai déjà mentionné, me laissant plus de “brain time” pour les tâches qui demande de la réflexion et du sens critique. D’un point de vue personnel, le code informatique me forme l’esprit, fait fonctionner mon cerveau d’une manière très différente de mon quotidien. J’écris donc je fais participer la partie de mon cerveau liée au langage, à la communication. J’analyse constamment mon code et j’écris sur papier des algorithmes de résolution, qui font participer les parties liées à la logique et la mémoire. Une étude Américaine-Allemande a démontré ces correspondances en observant des codeurs sous IRM fonctionnel (cliquez <a href="https://www.fastcompany.com/3029364/this-is-your-brain-on-code-according-to-functional-mri-imaging">ici</a> si vous souhaitez en savoir plus).</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Et surtout le code, et ses applications, me permet de comprendre le monde dans lequel nous vivons et qui observe une grand révolution numérique.<br />
</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><b>4. On parle de plus en plus d’intégrer l’apprentissage du code dans les cycles scolaires et on en voit enfin les prémisses. Est-ce que tu as pu l’observer de près ou de loin? Si oui, quelles sont les différences d’approche entre les USA et la France?</b><br />
</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Oui absolument, on commence activement à apprendre à coder aux enfants dès l'âge d’entrer en primaire. L’initiative est venue d’abord d’organisation privées, de startups qui ont compris que les gens étaient prêts à inscrire leurs enfants à des cours du soirs, des colonies sur le thème du code ou tout simplement des ateliers découvertes le weekend. Un bel example est celui de <a href="http://magicmakers.fr/">Magic Makers</a>, créé par l’inspirante Claude Terosier qui propose avec des méthodes innovantes et originales des cours de code pour tous les âges! Un autre magnifique exemple est celui de <a href="http://www.bootstrapworld.org/">Bootstrap</a> en Californie par mon ami Emmanuel Schanzer! Les cours de code dans les programmes scolaires arrivent mais avec moins d’élan, je pense que nous devons encore convaincre nos dirigeants politiques de l’utilité de l’apprentissage d’un langage informatique pour nos enfants. Le code va développer leur sens logique et analyse critique. Je pense que le code peut aussi casser cette barrière psychologique que certains enfants ont vis à vis des mathématiques. Pleins d’opportunités!</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Concernant les US vs la France, je pense que les startups sur le thème de l’apprentissage du code informatique ont grandit plus tôt, certaines créées par des Français! Comme <a href="https://www.holbertonschool.com/">Holberton School</a> basée à San Francisco, une école qui forme des étudiants universitaire au code, co-fondée par deux Frenchies Sylvain Kalache et Julien Barbier. Les entreprises aussi sont à l’initiative de nombreux projets pour apprendre à coder, notamment des entreprises Tech comme Google, Facebook ou encore Bloomberg. Pour les programmes scolaires il y a de grandes ambitions comme “1 child 1 computer” pour permettre à tous les enfants à l’école de pouvoir se familiariser avec les ordinateurs dès que possible sans barrière sociale. Des cours de code sont déjà présents dans certaines écoles mais le financement des écoles étant délocalisées aux US il est difficile de comparer les avancées à l’échelle du pays avec celles de la France.</i></span></div>
<div class="p2">
<b><span style="color: #741b47;"><i><br /></i></span></b></div>
<div class="p1">
<b><span style="color: #741b47;"><i>5. As-tu une explication sur la relation entre la technologie des machines et la peur plus ou moins forte qu’elle peut créer chez les humains?</i></span></b></div>
<div class="p2">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Oui, on a peur de ce qu’on ne comprend pas, c’est humain. J’aurais bien aimé voir les réactions des Hommes face aux premières voitures… Il faut éduquer les gens, leur apprendre les tenants et aboutissants de ces technologies afin qu’ils développent leur sens critique. Je suis personnellement convaincue de la nécessité d’expliquer et de comprendre pour mieux se préparer à tirer bénéfices de ces nouvelles technologies. Dans mon cas, j’essaie au mieux, et autant que je peux, d’écrire sur des sujets tech, de donner des séminaires, de parler tout simplement aux gens que je rencontre au détour d’un chemin… Y a-t-il des risques? Bien évidemment, mais est-ce une raison de développer une peur qui résulte systématiquement d’un rejet épidermique? Non, je ne crois pas.. Je crois en la responsabilité de chacun pour mieux avancer.. Je dirais “With responsibility comes huge power” (rires...) en se responsabilisant on détient plus de pouvoir de changer les choses.<br />
</i></span></div>
<div class="p1">
<b><span style="color: #741b47;"><i><br /></i></span></b></div>
<div class="p1">
<span style="color: #741b47;"><i><b>6. Tu es quelqu’un de très inspirant et pousse les gens à aller au-delà de leurs limites. Peux-tu nous citer une ou des personnes qui ont eu et/ou qui ont toujours le même effet sur toi?</b><br />
</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Mille mercis c’est gentil!</i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>Aux US j’en ai beaucoup! (rires...) Des gens formidables, connus ou anonymes qui à leurs façons me donnent confiance, par des mots ou des actes. C’est leurs libertés qui m’inspirent le plus, ils font ce qu’ils aiment et font toujours en sorte de conserver cette liberté.. Aussi ils redonnent aux autres, qui reste selon moi une qualité et une métrique indéniable du succès. En France, je pense en particulier à une femme qui m’inspire par son courage, sa volonté, sa douceur, son féminisme engagé, et une fois de plus sa liberté; son nom est Delphine Rémy-Boutang, CEO de The Bureau et créatrice de la Journée de la Femme Digitale. Delphine a été la première en France à croire à mon message, à m’aider, je lui dois beaucoup. Ce courage qu’elle a eu envers moi est très inspirant, aussi, elle redonne quotidiennement. Elle m’a aidé comme elle a été aidée et comme j’aide les autres. Delphine est un de mes role models. </i></span></div>
<div class="p2">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<b><span style="color: #741b47;"><i>7. A ce propos, quelle est ta citation préférée? </i></span></b></div>
<div class="p2">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>En relation avec le code informatique et l’ordinateur en général: "Computing is not about computers anymore. It is about living" de Nicholas Negroponte, professeur au MIT et créateur du Media Lab, et surtout premier speaker de TED en 1984!! C’est un visionnaire!</i></span></div>
<div class="p2">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>J’aime beaucoup aussi le motto de ma boite In Silico Veritas, qui est ma motivation quotidienne: </i></span></div>
<div class="p2">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>“Coding for a brighter and better future for everyone!”</i></span></div>
<div class="p2">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<b><span style="color: #741b47;"><i>8. On arrive vers la fin, quelle est la chose que tu aimerais partager avec les lecteurs et dont tu n’avais pas eu l’occasion de faire avant?</i></span></b></div>
<div class="p2">
<span style="color: #741b47;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47;"><i>On me demande souvent quels ont été les challenges et obstacles que j’ai dû surmonter en tant que femme dans le milieu Tech, à dominance masculine, mais on ne me demande jamais si j’ai déjà voulu abandonner. Et bien, si, j’ai voulu abandonner de nombreuses fois, mes premiers doutes sont survenus durant ma thèse puis dans ma carrière de chercheuse aux US. J’ai gardé la motivation car l’envie prenait le dessus (et un sacré ego! rires…). J’ai aussi eu sur mon chemin des femmes et des hommes qui me donnaient confiance, me valorisaient et surtout m’aidaient à ne jamais remettre en question ma légitimité dans ce milieu. J’ai une chance immense de faire partie de Bloomberg qui croit en la diversité et à ses opportunités, et qui soutient activement les women in tech! Donc me voici toujours à coder et pour longtemps!! </i></span></div>
<div class="p2">
<br /></div>
<div class="p1">
To be continued in the next episode, Amélie X</div>
<style type="text/css">
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Times}
p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Times; min-height: 18.0px}
</style>
<br />
<div class="p1">
<i><span style="color: #741b47;">La suite au prochain épisode, Amélie X</span></i></div>
</div>
</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-3381276639538211782016-12-30T19:35:00.001+01:002016-12-30T19:35:20.007+01:00SCIENCE, AI & DATA DON'T HAVE TO BE BORING<div dir="ltr" style="text-align: left;" trbidi="on">
Hi there!<br />
<div>
<br /></div>
<div>
I know from conversations I had or heard that people are quite afraid of science, numerical data and other forms of artificial intelligence. They can also find it boring... </div>
<div>
<br /></div>
<div style="text-align: center;">
What is the common denominator of these two facts?</div>
<div>
<br /></div>
<div style="text-align: center;">
<b>The UNKNOWN</b></div>
<div>
<br /></div>
<div>
When you don't know about something, you might be afraid of it (love, flying...) and find it boring (big data, algorithms...). The key here is not to become a Doctor in Advanced Mathematics but it is more about finding new ways to interest you and understand how those innovations can also be used for fun.</div>
<div>
<br /></div>
<div>
The second last day before 2017 should be made for that: FUN. Let's have a look at these two fun facts I spotted and wanted to share with you :)</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-BYGGeLK5Xko/WGafJbhNS8I/AAAAAAAAAbg/iCnnvo_QppY5hgmVjcw-x0em-uXy5v43ACEw/s1600/hqdefault.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://1.bp.blogspot.com/-BYGGeLK5Xko/WGafJbhNS8I/AAAAAAAAAbg/iCnnvo_QppY5hgmVjcw-x0em-uXy5v43ACEw/s400/hqdefault.jpg" width="400" /></a></div>
<div>
<br /></div>
<div>
<i><span style="color: #741b47;">Hello ici!</span></i></div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div>
<i><span style="color: #741b47;">Je sais de par des conversations que j'ai eues ou entendues que les gens peuvent avoir peur de la science, des données numérisées et des autres formes d'intelligence artificielle. Ils peuvent aussi les trouver très ennuyantes...</span></i></div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div>
<i><span style="color: #741b47;">Quel est le dénominateur commun de ces deux faits?</span></i></div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div style="text-align: center;">
<b><i><span style="color: #741b47;">L'INCONNU</span></i></b></div>
<div style="text-align: center;">
<b><i><span style="color: #741b47;"><br /></span></i></b></div>
<div style="text-align: left;">
<i><span style="color: #741b47;">Quand vous ne possédez pas les connaissances sur un sujet précis vous avez avoir peur de celui-ci (l'amour, voler en avion...) mais aussi le trouver ennuyeux (big data, les algorithmes...). La clef n'est pas de vous transformer en Docteurs de Mathématiques Avancées mais plus de trouver de nouveaux moyens pour que vous vous intéressiez et compreniez comment ces innovations peuvent aussi être utilisées pour du fun.</span></i></div>
<div style="text-align: left;">
<i><span style="color: #741b47;"><br /></span></i></div>
<div style="text-align: left;">
<i><span style="color: #741b47;">Le deuxième dernier jour avant 2017 devrait être fait pour ça: S'AMUSER. Regardons ceux deux exemples amusants que j'ai repérés et voulais partager avec vous :)</span></i><br />
<i><span style="color: #741b47;"><br /></span></i></div>
<h3 style="text-align: left;">
1. <u>ALGORITHMS: HOW TO PAIR YOUR WINE WITH CHEESE / <i><span style="color: #741b47;">COMMENT ASSORTIR VOS VINS ET FROMAGES</span></i></u></h3>
<div>
<u><i><span style="color: #741b47;"><br /></span></i></u></div>
<div>
Yes! You read it and I am sure you did not know about this one! </div>
<div>
<br /></div>
<div>
When I first read the article, I thought the inventor of this website - Professor Gary Bader from the University of Toronto - should be rewarded with a Nobel Prize for making peace around the tables. How many times people have argued about how the wine did not go with that cheese... </div>
<div>
<br /></div>
<div>
<span style="font-family: inherit;">And I couldn't say a better quote than the Professor himself: </span><br />
<div>
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: inherit;"><i>'</i><span style="background-color: white;"><i><b>The main fun thing</b> for me for the site is to just use it as a really <b>great demonstration that's understandable about network analysis and technology</b>, and that <b>often leads people into a discussion about science</b> that they wouldn't otherwise have had'</i> he says.</span></span></div>
</div>
<div>
<br /></div>
<div>
Now, you have the solution to bring peace and you just have to click here: <a href="http://www.wineandcheesemap.com/">Wine and Cheese Map</a></div>
<div>
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-5sIEYK9cJsY/WGafJgMQiZI/AAAAAAAAAbk/eC5WBYii1qMSvQ9JHMwSFnsA26W4RkyPgCLcB/s1600/Screen%2BShot%2B2016-12-30%2Bat%2B18.40.40.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="330" src="https://4.bp.blogspot.com/-5sIEYK9cJsY/WGafJgMQiZI/AAAAAAAAAbk/eC5WBYii1qMSvQ9JHMwSFnsA26W4RkyPgCLcB/s640/Screen%2BShot%2B2016-12-30%2Bat%2B18.40.40.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i>Credits: <a href="http://www.wineandcheesemap.com/">wineandcheesemap.com</a></i></td></tr>
</tbody></table>
<i><span style="color: #741b47;">Oui! Vous l'avez bien lu et je suis sûre que vous n'étiez même pas au courant de ce site!</span></i><br />
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div>
<i><span style="color: #741b47;">Quand j'ai lu l'article, j'ai tout de suite pensé que l'inventeur </span></i><i><span style="color: #741b47;">de ce site internet</span></i><i><span style="color: #741b47;"> - Professeur Gary Bader de l'Université de Toronto - devait recevoir un Prix Nobel de la paix car il a su l'instaurer à toutes les tables. Combien de fois les invités ont discuté les choix de vins et fromages et comment un breuvage n'allait pas avec tel ou tel produit...</span></i></div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div>
<i><span style="color: #741b47;">Maintenant, vous avez la solution pour faire régner la paix et ce, juste en cliquant ici: <a href="http://www.wineandcheesemap.com/">Wine and Cheese Map</a></span></i></div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div>
<i><span style="color: #741b47;">Et je ne pouvais pas faire une meilleure citation que celle du Professeur:</span></i></div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;">'<b>La chose la plus amusante</b> pour moi à propos de ce site est qu'on peut simplement l'utiliser comme une <b>très bonne démonstration sur le fait que l'analyse de réseau et la technologie peuvent être comprises</b>, et que cela amène s<b>ouvent les gens à discuter sur la science</b>, conversations qu'ils n'auraient probablement pas eues' il indique.</span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;"><br /></span></i></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-TfhZrYKyR1U/WGafLplhTiI/AAAAAAAAAbo/L79YoH0nWJY9rUwt1teGkVh2POjtjuzxQCEw/s1600/Screen%2BShot%2B2016-12-30%2Bat%2B18.37.50.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="412" src="https://2.bp.blogspot.com/-TfhZrYKyR1U/WGafLplhTiI/AAAAAAAAAbo/L79YoH0nWJY9rUwt1teGkVh2POjtjuzxQCEw/s640/Screen%2BShot%2B2016-12-30%2Bat%2B18.37.50.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><i style="font-size: 12.8px;">Credits: <a href="http://www.wineandcheesemap.com/">wineandcheesemap.com</a></i></td></tr>
</tbody></table>
<div style="text-align: left;">
Source (English): <a href="http://www.bbc.com/news/world-us-canada-38333693?utm_content=buffer8b991&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer">bbc.com</a><br />
<br /></div>
<h3>
2. <u>COGNITIVE SCIENCE: THE MAGICAL DRESS FROM MARCHESA /<i><span style="color: #741b47;"> LA ROBE MAGIQUE DE MARCHESA</span></i></u></h3>
<div>
<br />
The designers of Marchesa created the most magical high-tech dress you could ever imagine...<br />
<br />
<div style="text-align: center;">
<b>Its flowers' colours change following mood's switches on social media.</b></div>
</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/6AtAibldNYY/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/6AtAibldNYY?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/Esx1acy6IHA/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/Esx1acy6IHA?feature=player_embedded" width="320"></iframe></div>
<div class="separator" style="clear: both; text-align: right;">
<span style="text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;">This was possible thanks to IBM's innovation called Watson. The technology is part of the cognitive science revolution and can think like a human being. </span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;">See below what Watson can do for you!</span></div>
<div class="separator" style="clear: both; text-align: justify;">
<span style="text-align: left;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-RI9vtKezE4s/WGaji_D2NJI/AAAAAAAAAb0/8GE-8sPGzOkQeNk-oKoUUqBlJ_4H26bIwCLcB/s1600/Screen%2BShot%2B2016-12-30%2Bat%2B19.10.22.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="296" src="https://3.bp.blogspot.com/-RI9vtKezE4s/WGaji_D2NJI/AAAAAAAAAb0/8GE-8sPGzOkQeNk-oKoUUqBlJ_4H26bIwCLcB/s640/Screen%2BShot%2B2016-12-30%2Bat%2B19.10.22.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="http://ibm.com/watson">ibm.com/watson</a></td></tr>
</tbody></table>
<div>
<i><span style="color: #741b47;">Les créatrices de Marchesa ont décidé de créer la robe high-tech la plus magique que vous ayez pu imaginée... </span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<div style="text-align: center;">
<i><span style="color: #741b47;"><b>Les couleurs de ses fleurs changent au fur et à mesure des changements d'humeur sur les réseaux sociaux.</b></span></i></div>
</div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div>
<i><span style="color: #741b47;">Cela a été possible grâce à l'innovation technologique Watson d'IBM. La technologie fait partie de la révolution de la science cognitive et elle peut penser comme un véritable humain. </span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Regardez ci-dessous la vidéo et ce que Watson peut faire pour vous!</span></i></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/cFSedeYxl1c/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/cFSedeYxl1c?feature=player_embedded" width="320"></iframe></div>
<div>
<br /></div>
<div>
Do you feel now that AI, data and science can be more accessible and drive conversation between you and your friends, family, peers at work? I hope it does because from my point of view it is truly amazing!</div>
<div>
<br /></div>
<div style="text-align: center;">
<b>I WISH YOU A HAPPY NEW YEAR's EVE AND WE WILL SEE EACH OTHER IN 2017!</b></div>
<div style="text-align: center;">
<b><br /></b></div>
<div style="text-align: left;">
<i><span style="color: #741b47;">Pensez-vous maintenant que l'IA, les données et la science sont plus accessibles et peuvent créer de la conversation et des échanges entre vous et vos amis, famille et collègues au bureau? J'espère que oui car de mon point de vue c'est juste extraordinaire!</span></i></div>
<div>
<i><span style="color: #741b47;"><br /></span></i></div>
<div style="text-align: center;">
<i><b><span style="color: #741b47;">JE VOUS SOUHAITE A TOUS UN EXCELLENT REVEILLON DU JOUR DE L'AN ET NOUS NOUS VERRONS EN 2017!</span></b></i></div>
<div>
<br /></div>
<div>
To be continued in the next episode, Amélie X<br />
<i><span style="color: #741b47;">La suite au prochain épisode, Amélie X</span></i></div>
</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-12789331448876144382016-12-12T18:55:00.002+01:002016-12-12T19:26:38.105+01:00MERRY DIGITAL CHRISTMAS EP.2: JOHN LEWIS!<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
Here we come!<br />
<br />
<div style="text-align: center;">
Second episode of our saga called <b>'Merry Digital Christmas'</b>. </div>
<div style="text-align: center;">
<br /></div>
If you did not get the chance to read the first episode, where I was talking about Burberry - The Tale of Thomas Burberry and their use of chatbots on Facebook, you can still go and have a look <a href="https://ameliescode.blogspot.fr/2016/11/merry-digital-christmas-ep1-tale-of.html">here</a>.<br />
<br />
So now on, we continue with another British brand with a strong heritage and which is a retail chain: <a href="http://www.johnlewis.com/"><b>John Lewis</b></a>! If you are not familiar with these shops, you must know that it was created in 1864 by John Lewis himself and it is very loved in the UK. Every year, the excitement starts around November when everyone is waiting for their Christmas campaign, which is always considered as one of the best!<br />
<br />
<div style="text-align: center;">
<b>Let's see what John Lewis has worked on for 2016...</b></div>
<br />
<i><span style="color: #741b47;">Nous y voilà!</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<div style="text-align: center;">
<i><span style="color: #741b47;">Second épisode de notre saga <b>'Joyeux Digital Noël'</b>. </span></i></div>
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Si vous n'avez pas eu la chance de lire le premier épisode, où je parlais de Burberry - Le Conte de Thomas Burberry et leur utilisation de chatbots sur Facebook, vous pouvez toujours aller consulter l'article en cliquant <a href="https://ameliescode.blogspot.fr/2016/11/merry-digital-christmas-ep1-tale-of.html">ici</a>.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Continuons donc avec une autre marque au fort héritage et qui constitue une chaîne de retail:<b> <a href="http://www.johnlewis.com/">John Lewis</a></b>! Si vous n'êtes pas familier avec cette chaîne, vous devez savoir qu'elle a été créée en 1864 par John Lewis lui-même et que la marque-retail est très appréciée au Royaume-Uni. Chaque année, l'excitation commence au mois de Novembre quand toute la population attend avec impatience leur campagne de Noël, qui est toujours considérée comme l'une des meilleures!</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<div style="text-align: center;">
<i><span style="color: #741b47;"><b>Regardons sur quoi John Lewis a travaillé pour 2016...</b></span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;"><b><br /></b></span></i></div>
<h3 style="text-align: left;">
1. <u>THE TV-DIGITAL AD ITSELF /<i><span style="color: #741b47;"> LA PUBLICITE TV-DIGITALE EN ELLE-MÊME</span></i></u></h3>
<div>
<u><i><span style="color: #741b47;"><br /></span></i></u></div>
This year, the <b>£7-million-campaign </b>was once again created by <b>Adam&EveDDB</b> and has been named: <b>#BusterTheBoxer</b> and features a dog (a boxer ;) called Buster, a little girl named Bridget and some other crazy animals. It was uploaded on <b>YouTube</b> on 9th November and has been viewed more than <b>22.5 millions times</b> since then - to compare, Burberry has now reached the 14-million-view mark and I am pretty sure it is more famous than John Lewis.<br />
<br />
Let's first have a look at the film itself and see what digital strategy has been deployed around it.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/sr6lr_VRsEo/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/sr6lr_VRsEo?feature=player_embedded" width="320"></iframe></div>
<br />
<i><span style="color: #741b47;">Cette année, la campagne à <b>7 millions de £</b> a encore été une fois créée par <b>Adam&EveDDB</b> et a été nommée <b>#BusterTheBoxer</b>. Elle<b> </b>a pour personnage principal un chien (un boxer donc ;) prénommé Buster, une petite fille qui s'appelle Bridget et quelques autres animaux malins. La vidéo a été mise en ligne sur <b>YouTube</b> le 9 Novembre dernier et a été vue plus de <b>22.5 millions de fois</b> depuis - à titre de comparaison, Burberry vient d'atteindre la barre des 14 millions et je suis à peu près sûre que la marque est plus connue mondialement que John Lewis.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Regardons tout d'abord la pub en elle-même et étudions quelle a été la stratégie digitale déployée autour de celle-ci.</span></i><br />
<br />
I included below a screenshot of the info box that is displayed under the video so it gives a good starting point to investigate.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-asKhm7jh8fc/WE6O5__dPXI/AAAAAAAAAY0/L3rF26MDVo8RXfvgkovf2G16JF5POR9twCLcB/s1600/Screen%2BShot%2B2016-12-12%2Bat%2B12.36.56.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="576" src="https://3.bp.blogspot.com/-asKhm7jh8fc/WE6O5__dPXI/AAAAAAAAAY0/L3rF26MDVo8RXfvgkovf2G16JF5POR9twCLcB/s640/Screen%2BShot%2B2016-12-12%2Bat%2B12.36.56.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="https://www.youtube.com/watch?v=sr6lr_VRsEo">John Lewis on Youtube.com</a></td></tr>
</tbody></table>
<i><span style="color: #741b47;">J'ai inclus ci-dessus une capture d'écran de la boîte à infos située en dessous de la vidéo pour que nous puissions avoir un bon point de départ dans notre enquête.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<h3 style="text-align: left;">
2. <u>SHOPPING THERAPY /<span style="color: #741b47;"><i> LA THERAPIE DU SHOPPING</i></span></u></h3>
<div>
<u><span style="color: #741b47;"><i><br /></i></span></u></div>
When you start your <b>Christmas campaign</b>, especially as a retailer, you want to bring love, share but mainly <b>SALES</b>! Different ways of attracting clients exist and the less intrusive and agressive are probably the ones that are the most efficient.<br />
<br />
If you take apart the promotional aspect where you look for a specific deal, consumers want to spend at a shop they like (whether it is for its broad range of choice or common values they share together...).<br />
<br />
<div style="text-align: center;">
<b>Curiosity is key!</b></div>
<br />
I wanted to know what I could buy from the ad so I decided to click on the link <a href="http://www.johnlewis.com/browse/christmas/buster-and-friends/_/N-7hvk?tmad=c&tmcampid=70&s_smcid=YT101116_desmerch____">'Shop the ad'</a>. I ended up on a page from John Lewis where I could buy <b>branded material</b> such as plushes, slippers, pyjamas but also the famous trampoline that is the main subject of the film.<br />
<br />
Personal feeling: I know I would only be able to shop what was inside the ad but I felt a bit lost and disappointed by the very low number of items that were categorized here.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-DaEm9rVHbZ4/WE6VoJ9ZZhI/AAAAAAAAAZE/YSp_zhew2z8xLK_V98EgO5lEv6AOqRofQCLcB/s1600/Screen%2BShot%2B2016-12-12%2Bat%2B13.17.42.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="472" src="https://2.bp.blogspot.com/-DaEm9rVHbZ4/WE6VoJ9ZZhI/AAAAAAAAAZE/YSp_zhew2z8xLK_V98EgO5lEv6AOqRofQCLcB/s640/Screen%2BShot%2B2016-12-12%2Bat%2B13.17.42.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="http://johnlewis.com/">johnlewis.com</a></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-deA13F0JF0I/WE6VoLIt1PI/AAAAAAAAAZI/Tz3MdHlBHK0CtcDLKUopTWfQpktdweo9wCLcB/s1600/Screen%2BShot%2B2016-12-12%2Bat%2B13.17.56.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="465" src="https://1.bp.blogspot.com/-deA13F0JF0I/WE6VoLIt1PI/AAAAAAAAAZI/Tz3MdHlBHK0CtcDLKUopTWfQpktdweo9wCLcB/s640/Screen%2BShot%2B2016-12-12%2Bat%2B13.17.56.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="http://johnlewis.com/" style="font-size: 12.8px;">johnlewis.com</a></td></tr>
</tbody></table>
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Lorsque vous commencez votre <b>campagne de Noël</b>, et plus spécifiquement comme retailer, vous voulez offrir de l'amour, du partage mais surtout des <b>VENTES</b>! Il existe différentes manières d'attirer vos clients et les moins agressives et intrusives seront probablement les plus efficaces.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Si vous retirez l'aspect promotionnel où les clients cherchent la meilleure réduction qu'ils pourront obtenir, ils voudront surtout dépenser de l'argent chez un revendeur qu'ils aiment (que ce soit pour leur grande offre de choix ou pour des valeurs communes qu'ils partagent).</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<div style="text-align: center;">
<b><i><span style="color: #741b47;">La curiosité est la clef!</span></i></b></div>
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">J'ai voulu savoir ce que je pouvais acheter de la pub, j'ai donc décidé de cliquer sur le lien <a href="http://www.johnlewis.com/browse/christmas/buster-and-friends/_/N-7hvk?tmad=c&tmcampid=70&s_smcid=YT101116_desmerch____">'Shop the ad'</a>. J'ai ensuite atterri sur une page de John Lewis où je pouvais acheter des éléments brandés comme des peluches, pantoufles, pyjamas mais aussi le fameux trampoline qui est le sujet principal du film.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Avis personnel: Je savais que je n'aurais accès qu'aux objets présentés dans la pub mais je me suis sentie un peu perdue et déçue face à la très faible quantité d'articles disponibles.</span></i><br />
<br />
<h3 style="text-align: left;">
3. <u>GIVE YOUR CUSTOMERS THE EXPERIENCE THEY WANT / <i><span style="color: #741b47;">DONNEZ A VOS CLIENTS L'EXPERIENCE QU'ILS DESIRENT</span></i></u></h3>
<div>
<u><i><span style="color: #741b47;"><br /></span></i></u></div>
After we have seen the film which is the starting point of everything and the website which is the obvious link to sales, here comes the very interesting part of John Lewis' Christmas campaign.<br />
<br />
<div style="text-align: center;">
We must now observe how they linked back everything to the <b>customer experience</b> and the <b>brick-and-mortar strategy</b>.</div>
<br />
In <b>2015</b>, <a href="https://www.marketingweek.com/2016/01/11/online-the-key-difference-for-retailers-sales-and-marketing-success-over-christmas/">John Lewis announced</a> that during the <b>six weeks leading up to 2nd January, 40% of their total sales were made online</b> and this channel was up <i>+21.4%</i>. That's a very good score, but that also means that <b>60% of the sales are still made in traditional stores </b>which should not be left behind as it remains a strong part of the strategy.<br />
<br />
That does not mean digital and tech cannot be part of the game. You can see below that when you visit the Oxford Street shop, you are given the opportunity to try a <b>VR experience </b>by putting on an <b>Oculus Rift </b>and <b>visit Buster's garden</b>.<br />
<br />
<b>Selected shops </b>also offer the chance to <b>take a photo with Buster and his friends</b> and John Lewis partnered with <b>Snapchat </b>to create a dedicated <b>filter</b>, which<b> </b>you can add to your pictures and films.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-YQJfk26h_eQ/WE6c1SlZBAI/AAAAAAAAAZY/F8oaDOlSCMgSy6QgoAG9bV2K_egcDS2gwCLcB/s1600/Screen%2BShot%2B2016-12-12%2Bat%2B13.48.55.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="502" src="https://1.bp.blogspot.com/-YQJfk26h_eQ/WE6c1SlZBAI/AAAAAAAAAZY/F8oaDOlSCMgSy6QgoAG9bV2K_egcDS2gwCLcB/s640/Screen%2BShot%2B2016-12-12%2Bat%2B13.48.55.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="http://johnlewis.com/">johnlewis.com</a></td></tr>
</tbody></table>
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Après avoir vu le film qui est la base du déploiement de la stratégie et le site internet qui est le lien vers les ventes. </span></i><i><span style="color: #741b47;">Voici la partie la plus intéressante de la campagne de Noël de John Lewis.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<div style="text-align: center;">
<i><span style="color: #741b47;">Nous nous devons maintenant d'observer comment ont-ils lié tous les éléments de la campagne avec <b>l'expérience consommateur</b> et la <b>stratégie en point de vente traditionnel</b>.</span></i></div>
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">En <b>2015</b>, <a href="https://www.marketingweek.com/2016/01/11/online-the-key-difference-for-retailers-sales-and-marketing-success-over-christmas/">John Lewis annonça</a> que durant les <b>six semaines menant au 2 Janvier, 40% de leurs ventes avaient été effectuées en ligne</b> et que ce canal était en croissance de +21.4%. C'est un très bon score, mais cela indique aussi que <b>60% des ventes sont toujours effectuées dans des points de vente traditionnels</b> et qu'ils ne devraient pas être abandonnés car ils restent une part très importante de la stratégie.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Ceci ne veut pas dire que le digital et la technologie ne peuvent pas faire partie du jeu. Vous pouvez observer ci-dessus que lorsque vous visitez le magasin d'Oxford Street, on vous offre l'opportunité d'essayer une expérience de <b>Réalité Virtuelle</b> en mettant un casque <b>Oculus Rift </b>pour <b>visiter le jardin de Buster</b>.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<span style="color: #741b47;"><i>Une </i><b style="font-style: italic;">sélection d'autres points de vente</b><i> offre aussi la chance à leurs clients de </i><b style="font-style: italic;">prendre une photo avec Buster et ses amis</b><i> et John Lewis a collaboré avec </i><b style="font-style: italic;">Snapchat</b><i> afin de créer un </i><b><i>filtre</i></b><i> spécifique pour ajouter à vos photos et vidéos.</i></span><br />
<span style="color: #741b47;"><i><br /></i></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-PFDEbnSl_Ew/WE7OTSBjXSI/AAAAAAAAAaw/favcSyPkXI0uRTUMG1ACvYqrJ_b58yYWQCLcB/s1600/Screen%2BShot%2B2016-12-12%2Bat%2B17.16.10.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://3.bp.blogspot.com/-PFDEbnSl_Ew/WE7OTSBjXSI/AAAAAAAAAaw/favcSyPkXI0uRTUMG1ACvYqrJ_b58yYWQCLcB/s640/Screen%2BShot%2B2016-12-12%2Bat%2B17.16.10.png" width="491" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="http://www.mirror.co.uk/tech/transform-yourself-buster-boxer-john-9233365">mirror.co.uk</a></td></tr>
</tbody></table>
If you do not fancy a visit to the overcrowded stores, <b>you can still experience the <a href="http://www.johnlewis.com/christmas-advert/360?intcmp=ip_chr_ad_lb3_top_garden_x091116">immersive 360° world of Buster's friends</a> on your mobile or desktop</b> thanks to a specific video where you can look around.<br />
<br />
<i><span style="color: #741b47;">Si vous n'êtes pas fan des magasins surpeuplés en cette période de fêtes, <b>vous pouvez toujours vivre <a href="http://www.johnlewis.com/christmas-advert/360?intcmp=ip_chr_ad_lb3_top_garden_x091116">l'expérience immersive à 360° du monde de Buster et ses amis</a> sur votre mobile ou ordinateur </b>grâce à une vidéo spéciale où vous pouvez naviguer à l'intérieur.</span></i><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-5IH2KqqtseU/WE6eexssM9I/AAAAAAAAAZk/zFZ6UF9tHTUe4dbi15nnHtKcaO-Sn_UuACLcB/s1600/Screen%2BShot%2B2016-12-12%2Bat%2B13.54.20.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="340" src="https://2.bp.blogspot.com/-5IH2KqqtseU/WE6eexssM9I/AAAAAAAAAZk/zFZ6UF9tHTUe4dbi15nnHtKcaO-Sn_UuACLcB/s640/Screen%2BShot%2B2016-12-12%2Bat%2B13.54.20.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="http://johnlewis.com/">johnlewis.com</a></td></tr>
</tbody></table>
<h3 style="text-align: left;">
<br />4. <u>SOCIAL MEDIA MADNESS / <span style="color: #741b47;">LA FOLIE DES RESEAUX SOCIAUX</span></u></h3>
<div>
<u><span style="color: #741b47;"><br /></span></u></div>
As they did last year, <b>John Lewis created a specific hashtag</b> and for 2016, it was <b>#BusterTheBoxer</b>.<br />
<br />
<div style="text-align: center;">
By i<b>mpulsing their own #</b>, they <b>take and keep ownership of their campaign</b> and people can relay pictures, videos and mentions on social media platforms.</div>
<br />
On<b> Instagram</b>, the hashtag was mentioned in about <b>7k posts</b>. If you are a dog lover and like funny videos of excited dogs running crazy or just pictures, I invite you to look for the hashtag and scroll down to see what people have been posting.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-mopB7h084SI/WE6t77ufQJI/AAAAAAAAAZ4/t0CyaTZyGR45wPSnIcP38AT8X1XrrTFXgCLcB/s1600/IMG_4960.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://1.bp.blogspot.com/-mopB7h084SI/WE6t77ufQJI/AAAAAAAAAZ4/t0CyaTZyGR45wPSnIcP38AT8X1XrrTFXgCLcB/s640/IMG_4960.PNG" width="404" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: Instagram with the search of #BusterTheBoxer</td></tr>
</tbody></table>
<br />
<i><span style="color: #741b47;">Comme l'année dernière, <b>John Lewis a créé un hashtag spécifique</b> et cette année il s'agissait de <b>#BusterTheBoxer</b>. </span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<div style="text-align: center;">
<i><span style="color: #741b47;">En <b>poussant leur propre #</b>, ils <b>prennent et gardent le 'contrôle' de leur campagne </b>et chacun peut relayer des photos, vidéos et mentions sur les réseaux sociaux.</span></i></div>
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Sur <b>Instagram</b>, le hashtag a été mentionné dans plus de <b>7k posts</b>. Si vous êtes un amoureux des chiens, que vous aimez les vidéos un peu folles où ils courent partout ou juste des photos d'eux, je vous invite à chercher le hashtag et regarder toutes les publications que les gens ont postées.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-RuFmW-oqe2Y/WE7kKEg0B1I/AAAAAAAAAbA/5_zdaPNdGFMflzv3K7aOc8gqzf3mqpGAACLcB/s1600/IMG_4962.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://4.bp.blogspot.com/-RuFmW-oqe2Y/WE7kKEg0B1I/AAAAAAAAAbA/5_zdaPNdGFMflzv3K7aOc8gqzf3mqpGAACLcB/s640/IMG_4962.PNG" width="460" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: Susy412 on Instagram</td></tr>
</tbody></table>
<br />
On Twitter, John Lewis thanked some of their fans for showing off their dog bouncing in front of the TV ad. Here is a best practice to create love and a strong bond with your clients, and this, for a long time.<br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Sur Twitter, John Lewis a remercié plusieurs de ses fans pour avoir montré leur chien sauter devant la pub. Vous avez ici une best practice pour créer de l'affection ainsi qu'un lien fort</span></i><i><span style="color: #741b47;"> avec vos clients, et ce, pour un long moment.</span></i><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-MH_6EUo6mbs/WE6zOADSBxI/AAAAAAAAAaQ/iCtbCWjQxVglOUcjc6_oUSPuOIKe_qsPgCLcB/s1600/IMG_4571.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://1.bp.blogspot.com/-MH_6EUo6mbs/WE6zOADSBxI/AAAAAAAAAaQ/iCtbCWjQxVglOUcjc6_oUSPuOIKe_qsPgCLcB/s640/IMG_4571.PNG" width="360" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="https://twitter.com/johnlewisretail">John Lewis Twitter account</a></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Finally, John Lewis did not miss the <b>opportunity to broaden its reach</b> by <b>sending a box </b>filled in with goodies - including dog toys - to <b>digital influencers</b> who happen to be <b>dog owners as well</b>.<br />
<br />
I spotted their box in the videos of two of the main digital influencers in the UK:<br />
<br />
First, it was on the <b><a href="https://www.youtube.com/watch?v=TfEPJP1kgVI">Saccone-Joly's daily vlog</a> </b>(from 11'35 onwards). They have <b>1.7M subscribers on YouTube</b> and are owners of six Maltese dogs as well as parents to toddlers Emilia and Eduardo. You can see below the picture with the content of the box. They also played the ad 'live' to record the children's reaction and feelings about it.<br />
<br />
<i><span style="color: #741b47;">En dernier lieu, John Lewis n'a pas manqué <b>l'opportunité d'agrandir son reach </b>en <b>envoyant un coffret</b> rempli de goodies - avec des jouets pour chien - à des <b>influenceurs digitaux </b>qui sont aussi <b>propriétaires de canidé</b>.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">J'ai pu voir leur coffret dans les vidéos de deux influenceurs britanniques très connus:</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">Premièrement, dans un <a href="https://www.youtube.com/watch?v=TfEPJP1kgVI"><b>vlog journalier des Saccone-Joly</b></a> (à partir de 11'35). Ils ont <b>1.7 millions d'abonnés sur YouTube</b> et sont propriétaires de six bichons maltais ainsi que les parents d'Emilia et Eduardo. Vous pouvez apercevoir ci-dessous une photo avec le contenu du coffret. Ils ont aussi montré le film aux enfants afin de pouvoir enregistrer et partager leurs réactions et avis sur celui-ci.</span></i><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-iPMbhrSWw9M/WE64ZSIrXII/AAAAAAAAAag/pthLRMifVTgi81Erkv7z2XpOazojigxiQCLcB/s1600/Screen%2BShot%2B2016-12-12%2Bat%2B15.44.28.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="400" src="https://4.bp.blogspot.com/-iPMbhrSWw9M/WE64ZSIrXII/AAAAAAAAAag/pthLRMifVTgi81Erkv7z2XpOazojigxiQCLcB/s640/Screen%2BShot%2B2016-12-12%2Bat%2B15.44.28.png" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="https://www.youtube.com/watch?v=TfEPJP1kgVI">Saccone-Joly's YouTube channel</a></td></tr>
</tbody></table>
<br />
The second was on <b><a href="https://www.instagram.com/tanyaburr/">Tanya Burr's</a> Instagram story</b>. She is currently followed by <b>3.1M fans on</b> <b>Instagram</b> - <b>3.6M on YouTube</b> and is owner of sausage dog Martha with her husband, other digital influencer, Jim Chapman.<br />
<br />
The image is quite blurred but as she was recording a video, screenshooting it was not an easy task to do...<br />
<br />
<i><span style="color: #741b47;">Le second a été sur une <b>story Instagram de <a href="https://www.instagram.com/tanyaburr/">Tanya Burr.</a></b> Elle est suivie par <b>3.1 millions d'abonnés sur Instagram - 3.6M sur YouTube</b> et est la propriétaire du chien saucisse Martha avec son mari, autre influenceur digital, Jim Chapman.</span></i><br />
<i><span style="color: #741b47;"><br /></span></i>
<i><span style="color: #741b47;">L'image est assez floue car elle enregistrait une vidéo, faire des captures d'écran était donc une tâche assez compliquée...</span></i><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-UXMpmU7wi5M/WE6zN1Maa9I/AAAAAAAAAaY/H52GDV8g0fY-TsBy3dJsUmlM3W6ZRdhGQCEw/s1600/IMG_4358.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://4.bp.blogspot.com/-UXMpmU7wi5M/WE6zN1Maa9I/AAAAAAAAAaY/H52GDV8g0fY-TsBy3dJsUmlM3W6ZRdhGQCEw/s640/IMG_4358.PNG" width="360" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="https://www.instagram.com/tanyaburr/">Tanya Burr's Instagram</a></td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
What <b>did you think of this campaign</b>?</div>
<div style="text-align: center;">
In your country, <b>do you have similar campaigns </b>that have such a strong resonance?</div>
<div style="text-align: center;">
Do you think <b>John Lewis will attract more customers</b> and make them loyal to buy?</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Do not hesitate to let me know your thoughts about this post (and others) or if you want me to cover a specific topic in the upcoming weeks!</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<i><span style="color: #741b47;">Que <b>pensez-vous de cette campagne</b>?</span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;"><b>Avez-vous des campagnes similaires</b> qui possèdent une telle résonance dans votre pays?</span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;">Pensez-vous que <b>John Lewis attirera plus de clients</b> et les fidélisera pour leurs achats?</span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;"><br /></span></i></div>
<div style="text-align: center;">
<i><span style="color: #741b47;">N'hésitez pas à partager votre avis sur ce post (et les autres) ou si vous voulez que j'écrive à propos d'un sujet en particulier dans les prochaines semaines!</span></i></div>
<br />
To be continued in the next episode, Amélie X<br />
<i><span style="color: #741b47;">La suite au prochain épisode, Amélie X</span></i></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');</script>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-34677347525762685822016-11-23T20:56:00.002+01:002016-11-25T19:11:48.394+01:00CHATBOT CRAZINESS<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: inherit;"><b>Chatbots</b> are all over the place. Even if you have not heard of it, you may already have experienced it. But what is a <b>chatbot</b>?</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><i><span style="color: #741b47; font-family: inherit;">Les <b>chatbots</b> sont partout. Même si vous n'en avez jamais entendu parlé, vous avez peut-être eu l'occasion de les tester. Mais qu'est-ce qu'un <b>chatbot</b> au final?</span></i></span><br />
<span style="font-family: inherit;"><i><span style="color: #741b47; font-family: inherit;"><br /></span></i></span></div>
<div style="text-align: left;">
<h3 style="text-align: left;">
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="font-family: inherit; font-size: large;"><b>1. <u>THE MEANING OF CHATBOT / <i><span style="color: #741b47;">LA DEFINITION D'UN CHATBOT</span></i></u></b></span></span></span></h3>
<div style="text-align: left;">
<br /></div>
<span style="font-family: inherit;"><b>Chatbot</b> is composed of two words which are: chat and bot. Let's look at their meanings.</span><br />
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></span></span>
<a href="http://www.collinsdictionary.com/dictionary/english/chat"><b>Chat</b></a>: the exchange of messages in an internet or other network chatroom<br />
<a href="http://www.collinsdictionary.com/dictionary/english/bot"><b>Bot</b></a>: an autonomous computer program that performs time-consuming tasks. Bot is also the last syllabus of the word 'Ro-Bot'<br />
<span style="font-family: inherit;"><span style="font-family: inherit; font-size: small;"></span></span><br />
<div style="text-align: center;">
<span style="font-family: inherit;">If you combine both words, this would mean that a <b>chatbot </b>is an<b> automated chat animated by </b>a<b> robot.</b></span></div>
<span style="font-family: inherit;"><span style="font-family: inherit;"><span style="font-family: inherit; font-size: small;"><u><i><span style="color: #741b47;"><br /></span></i></u></span></span></span></div>
<span style="font-family: inherit;"><span style="font-family: inherit;"><a href="http://www.collinsdictionary.com/dictionary/english/chatbot">Collins Dictionary</a> says I am quite right with what I just affirmed: a computer program in the form of a virtual e-mail correspondent that can reply to messages from computer users.</span></span><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-u1nXaHKSJdc/WDXHkiCSsxI/AAAAAAAAAXg/lA2lLIm5LH0DccfeWHngJA-qVSWsFfVRACLcB/s1600/chat-bots.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="360" src="https://3.bp.blogspot.com/-u1nXaHKSJdc/WDXHkiCSsxI/AAAAAAAAAXg/lA2lLIm5LH0DccfeWHngJA-qVSWsFfVRACLcB/s640/chat-bots.jpg" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit; font-size: small;">Credits: binariks.com</span></td></tr>
</tbody></table>
<div style="text-align: left;">
<span style="color: #741b47; font-family: inherit;"><i>Le mot <b>chatbot</b> n'est certainement pas une mauvaise orthographe / phrase non verbale référent à un chat qui est beau. Ce mot est anglophone et est lui-même composé de deux autres mots: chat et bot. Regardons leur définition.</i></span></div>
<div style="text-align: left;">
<i><span style="color: #741b47; font-family: inherit;"><br /></span></i></div>
<div style="text-align: left;">
<i><span style="color: #741b47; font-family: inherit;"><a href="http://www.collinsdictionary.com/dictionary/english/chat" style="font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;"><b>Chat</b></a><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">: l'échange de messages sur inter</span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">net ou sur un réseau de conversation en ligne</span></span></i></div>
<div style="text-align: left;">
<i><span style="color: #741b47; font-family: inherit;"><a href="http://www.collinsdictionary.com/dictionary/english/bot" style="font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;"><b>Bot</b></a><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">: un programme informatique automatisé qui exécute des tâches nécessitants généralement du temps pour les exécuter. Bot est aussi la dernière syllabe du mot 'Ro-Bot'</span></span></i></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47; font-family: inherit;"><br /></span></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47; font-family: inherit;">Les définitions sont issues du dictionnaire en ligne Collins et traduites directement en français par mes soins. Le Collins est le référent dans la langue anglophone, c'est l'équivalent de nos dictionnaires Larousse et Robert.</span></i></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47; font-family: inherit;"><br /></span></i></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47; font-family: inherit;">Si vous combinez les deux mots ensemble, cela voudrait dire que le <b>chatbot</b> est une <b>conversation automatique animée </b>par un <b>robot</b>.</span></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47; font-family: inherit;"><br /></span></i></span></div>
<div style="text-align: left;">
<i><span style="color: #741b47; font-family: inherit;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Selon le </span><a href="http://www.collinsdictionary.com/dictionary/english/chatbot" style="font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;">Collins Dictionary</a><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">, je suis plutôt dans le vrai. La définition d'un chatbot est: un programme informatique sous la forme d'un correspondant virtuel d'email qui peut répondre aux messages d'utilisateurs d'ordinateur.</span></span></i></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><br />
<span style="font-family: inherit; margin-left: auto; margin-right: auto;"><a href="https://3.bp.blogspot.com/-7oztvxY5cHk/WDXHlS-KpNI/AAAAAAAAAXk/Xq3AbnbTaRA9lTqyxg5sVA0T38RArPROgCLcB/s1600/chat-robot.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="414" src="https://3.bp.blogspot.com/-7oztvxY5cHk/WDXHlS-KpNI/AAAAAAAAAXk/Xq3AbnbTaRA9lTqyxg5sVA0T38RArPROgCLcB/s640/chat-robot.jpg" width="640" /></a></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit; font-size: small;">Credits: diginomica.com</span></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><div style="text-align: left;">
<h3>
<b><span style="font-size: large;"><span style="font-family: inherit;">2. </span><u style="font-family: inherit;">PERCEPTION OF CHATBOTS / <i><span style="color: #741b47;">LA PERCEPTION DES CHATBOTS</span></i></u></span></b></h3>
</div>
<div style="text-align: left;">
<span style="font-family: inherit;">Here we are, our intriguent <b>chatbots </b>are part of <b>#AI</b> which stands for <b>Artifical Intelligence</b>. Those two scary words that make people jump... Are robots going to replace humans?</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br />Of course not! As I mentioned in Aurélie's interview (readable <a href="http://aureliejean.wixsite.com/in-silico-veritas/single-post/2016/10/04/Am%C3%A9lie-Lefebvre-ou-la-Marketeuse-qui-Code">here</a>), digital and AI are good for humans if they are being used wisely to enhance your customer's experience but also your business environment.</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br />Finding data on global perception of chatbots would be impossible so I decided to keep my focus on France to see how the perception looks like.</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /><span style="font-family: inherit;"><a href="https://www.doyoudreamup.com/"><b>Do You Dream Up</b></a> is a pioneer and leader in chatbots in France since 2009. Their clients include Voyages-sncf.com, Orange, EDF, PSA... In association with IFOP (one of the leaders for opinion surveys in France), they released a study about how the French population perceived chatbots.</span></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br />Not having the complete study, I can only refer to the numbers they share. Key numbers are listed below:<br />- <b>55%</b> of the <b>French </b>population is<b> not afraid </b>of<b> robots</b></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">- <b>56%</b> of <b>French</b> think that <b>chatbots will help </b>them<b> simplify </b>their<b> life</b></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">- this indicator goes up to 69% for the 18-24yo group</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">- in the group of working people employed by big corporations, the number goes up to 74%</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">- <b>only 6% </b>of<b> big companies</b> provides an <b>access</b> to <b>virtual assistants</b>, but when they do so: 82% of the concerned target uses it at least once a month and 54% at least once or several times a week. </span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">The gap between presence and use is very high and allows companies to switch their mindset and transition to the digital automatisation of certain tasks</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">Why would people use chatbots inside their companies?:</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">- 75% of working people uses chatbots because they can ask simple questions without disturbing their colleagues</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">- 74% thinks it gives a strong value to the innovation side of their companies</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">In my opinion, these numbers give a great input on how the <b>population is more and more accepting chatbots and welcoming AI in their life</b>. If they put that much trust into these tools, it also reflects the affection and value they feel for their companies for being now-disruptive and innovative.</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;">A lot can be achieved and for now on you will be able to book you days off just with a chatbot, no calls, emails, login anymore. Just a chat with a robot and it's done!</span></div>
</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-NEek-CBet68/WDXSuZ7CO4I/AAAAAAAAAX0/InLtiaG9ugsB7kNh0CBvuIOcQ43gSuY7wCLcB/s1600/dyduEtudeIfop16.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="284" src="https://4.bp.blogspot.com/-NEek-CBet68/WDXSuZ7CO4I/AAAAAAAAAX0/InLtiaG9ugsB7kNh0CBvuIOcQ43gSuY7wCLcB/s640/dyduEtudeIfop16.jpg" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit; font-size: small;">Credits: doyoudreamup.com</span><br />
<span style="font-family: inherit;"><span style="font-family: inherit; font-size: small;"><br /></span>
</span><br />
<div style="text-align: left;">
<span style="color: #741b47; font-family: inherit; font-size: small;"><i>Nous y voilà... nos <b>chatbots</b> si intriguants font partie de ce que l'on appelle l'<b>#IA</b> qui veut dire <b>Intelligence Artificielle</b>. Rien qu'en les entendant, ces deux mots font sursauter les gens... Est-ce que les robots vont vraiment remplacer les humains?</i></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Bien sûr que non! Comme je le mentionnais dans l'interview qu'Aurélie a faite de moi (lisible <a href="http://aureliejean.wixsite.com/in-silico-veritas/single-post/2016/10/04/Am%C3%A9lie-Lefebvre-ou-la-Marketeuse-qui-Code">ici</a>), le digital et l'IA sont bons pour les humains si ils sont judicieusement utilisés pour améliorer l'expérience utilisateur mais aussi l'environnement de travail.</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Trouver des études et données sur la perception des chatbots au global était impossible, j'ai donc décidé de ne me concentrer que sur la France pour voir quelle en était la perception.</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: inherit; font-size: small;"><i><a href="https://www.doyoudreamup.com/"><b>Do You Dream Up</b></a> est un pionnier et leader sur les chatbots en France et ce, depuis 2009. Leurs clients incluent Voyages-sncf.com, Orange, EDF, PSA... En association avec l'IFOP (Institut de sondage d'opinions, leader en France), ils ont réalisé une étude sur la perception des chatbots par la population française.</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>N'ayant pas l'étude complète, je ne peux que me référer aux données qui sont partagées par la marque. Les chiffres clefs sont ci-dessous:</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>- <b>55%</b> de la <b>population française</b> n'a <b>pas peur</b> des <b>robots</b></i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: inherit; font-size: small;"><i>- <b>56% </b>des <b>français</b> pensent que les <b>chatbots</b> <b>simplifieront </b>leur<b> vie</b></i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: inherit; font-size: small;"><i>- cela va même jusqu'à 69% pour les 18-24 ans</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: inherit; font-size: small;"><i>- dans le groupe des actifs employés par de grandes entreprises, le pourcentage monte jusqu'à 74%</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>- seulement <b>6% </b>des<b> grandes entreprises</b> fournissent un <b>accès</b> à un <b>assistant virtuel</b>, mais quand ils le font: 82% des employés l'utilise au moins une fois par mois et 54% au moins une à plusieurs fois par semaine.</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>L'écart entre la présence et l'utilisation est très important et permet aux entreprises de changer leur mode de pensée et ainsi transitionner vers une automatisation digitale de certaines tâches.</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Mais pourquoi les gens utilisent-ils les chatbots au sein de leur entreprise?:</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: inherit; font-size: small;"><i>- 75% des actifs utilisent les chatbots car ils peuvent leur poser de simples questions sans devoir déranger leurs collègues</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: inherit; font-size: small;"><i>- 74% pensent que cela ajoute de la valeur et de l'innovation à leur entreprise</i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Selon mon avis, ces données fournissent un très bon état des lieux sur comment <b>la population accepte de plus en plus les chatbots et accueillent l'IA dans leur vie</b>. Si ils mettent autant de confiance dans ces outils, cela reflète aussi l'affection et la valeur qu'ils ressentent pour leur entreprise qui sont aujourd'hui disruptives et tout autant innovantes. </i></span></span><br />
<span style="font-family: inherit;"><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Il reste du chemin à parcourir et encore beaucoup de choses à achever. Vous pouvez dès à présent prendre vos jours de vacances avec un chatbot, plus besoin d'appels téléphoniques, d'emails ou de connexion à une plateforme. Une petite discussion avec un robot et c'est fait!</i></span></span></div>
</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: 1em; margin-right: 1em; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-nwbswEXqiQc/WDXX6792qhI/AAAAAAAAAYE/9HcyRtONoLou7_wG_5d27K9VR2iEnEt_QCLcB/s1600/Infographie_do_you_dream_up_2016_10-1200x3002.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" src="https://1.bp.blogspot.com/-nwbswEXqiQc/WDXX6792qhI/AAAAAAAAAYE/9HcyRtONoLou7_wG_5d27K9VR2iEnEt_QCLcB/s1600/Infographie_do_you_dream_up_2016_10-1200x3002.jpg" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit; font-size: small;">Credits: doyoudreamup.com</span><br />
<div style="text-align: justify;">
<span style="font-family: inherit; font-size: small; text-align: left;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: inherit; font-size: small; text-align: left;">Sources: </span><a href="https://www.doyoudreamup.com/blog/infographie-perception-francais-chatbots-entreprise/" style="font-family: inherit; font-size: medium; text-align: left;">Do You Dream Up article #1</a><span style="font-family: inherit; font-size: small; text-align: left;"> - </span><a href="https://www.doyoudreamup.com/presse/etude-ifop-do-you-dream-up-chatbots/" style="font-family: inherit; font-size: medium; text-align: left;">Do You Dream Up article #2</a></div>
<div style="text-align: left;">
<h3>
<b style="font-family: inherit;"><span style="font-size: large;">3. <u>HOW DOES A CHATBOT WORK? / <i><span style="color: #741b47;">COMMENT CA FONCTIONNE UN CHATBOT?</span></i></u></span></b></h3>
</div>
<div style="font-size: medium; text-align: left;">
<span style="font-family: inherit;"></span></div>
<div style="font-size: medium; text-align: left;">
<span style="font-family: inherit;"><span style="font-family: inherit;">Images speak louder than words right? It was hard to find pictures that would explain simply (but not too much) how a chatbot works but I thought the two below would resume well what it </span>is all about!</span></div>
<div style="font-size: medium; text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div style="font-size: medium; text-align: left;">
<span style="font-family: inherit;">If you wish to know more in-depth <b>how </b>a <b>chatbot works</b>, I invite you to read this article from <a href="https://applidium.com/en/news/abchatbots/">Applidium.com</a> which explains it well.</span></div>
<span style="font-family: inherit; font-size: small;"></span><br />
<div style="font-size: medium; text-align: left;">
<div>
<span style="color: #741b47; font-family: inherit;"><i>Les images parlent plus fort que les mots n'est-ce pas? Il a été difficile de trouver des images qui expliqueraient de manière simple (mais pas trop) comment un chatbot fonctionne mais j'ai trouvé que les deux présentées ci-dessus résumaient bien le fonctionnement!</i></span></div>
<div>
<span style="color: #741b47; font-family: inherit;"><i><br /></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<i><span style="color: #741b47; font-family: inherit; text-align: left;"></span></i></div>
<div>
<span style="color: #741b47; font-family: inherit;"><i>Si vous souhaitez en savoir plus sur <b>comment</b> les <b>chatbots fonctionnent</b>, je vous invite à lire cet article d'<a href="https://applidium.com/en/news/abchatbots/">Applidium.com</a> qui l'explique très bien.</i></span></div>
</div>
</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-_Hr9ysaC2sw/WDXbrsa-3VI/AAAAAAAAAYM/s3K_WI3dk-UZibu3XjNaF8ENJ0AD39GpQCLcB/s1600/stackbot.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="426" src="https://1.bp.blogspot.com/-_Hr9ysaC2sw/WDXbrsa-3VI/AAAAAAAAAYM/s3K_WI3dk-UZibu3XjNaF8ENJ0AD39GpQCLcB/s640/stackbot.png" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit; font-size: small;">Credits: applidium.com</span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-o1Q_C-MbFII/WDXbu4mVgUI/AAAAAAAAAYQ/6ymAZ54zkW4kC26W-P5oGc0ToWzeXQLXACLcB/s1600/chat-context.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: inherit;"><img border="0" height="426" src="https://4.bp.blogspot.com/-o1Q_C-MbFII/WDXbu4mVgUI/AAAAAAAAAYQ/6ymAZ54zkW4kC26W-P5oGc0ToWzeXQLXACLcB/s640/chat-context.png" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: inherit; font-size: small;">Credits: applidium.com</span></td></tr>
</tbody></table>
<div style="text-align: left;">
<div>
<div>
<span style="color: #741b47; font-family: inherit;">Last but not least, this is a small video for French speakers (you may still be able to activate the automatic translation for your own language) that I found on <a href="https://www.youtube.com/watch?v=kBHfu1vfrv8">Arte - Future Mag's channel</a> which explains very well chatbots!</span></div>
</div>
</div>
<div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: inherit;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/kBHfu1vfrv8/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/kBHfu1vfrv8?feature=player_embedded" width="320"></iframe></span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: inherit;"><i>Et enfin, une super vidéo trouvée sur la chaîne vidéo du <a href="https://www.youtube.com/watch?v=kBHfu1vfrv8">Future Mag d'Arte</a> qui expliquent de manière très simple et pédagogique comment fonctionnent les chatbots!</i></span><br />
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: inherit; font-size: large;"><b><span style="color: black;">4. </span><u style="color: black;">EXAMPLES OF CHATBOT EXEPRIENCE / <i><span style="color: #741b47;">LES EXPERIENCES D'UTILISATION DE CHATBOT</span></i></u></b></span></h3>
</div>
</div>
<div style="text-align: left;">
<span style="font-family: inherit;">You can find a lot of articles online where people test and try out brand's chatbots and give their opinions about their experience. You can find below some articles I found interesting to read about:</span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="color: #741b47; font-family: inherit;"><i>Vous pouvez trouver de nombreux articles en ligne où des personnes testent et essaient les chatbots des marques et partagent leur opinion sur l'expérience vécue. Vous pouvez trouver ci-dessous quelques articles que j'ai trouvés très intéressants à lire:</i></span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;">- BlaBlaCar (in FR): <a href="https://medium.com/@bastienmarchand/jai-essay%C3%A9-le-chatbot-de-blablacar-et-j-ai-bien-aim%C3%A9-33e0fc4a50a4#.t2vpoxj8v">I want to read / Je veux lire</a></span></div>
<div>
<span style="font-family: inherit;">- Burberry / The Tale of Thomas Burberry (by me: in EN and FR): <a href="https://ameliescode.blogspot.fr/2016/11/merry-digital-christmas-ep1-tale-of.html">I want to read / Je veux lire</a></span></div>
<div>
<span style="font-family: inherit;">- Spring Bot / Poncho / CNN (in FR): <a href="http://www.frenchweb.fr/jai-teste-les-messenger-bots-cest-pas-encore-ca-mais/238480">I want to read / Je veux lire</a></span></div>
<div>
<span style="font-family: inherit;">- Poncho / Shine Text / Assist / Chatible / WTF is that (in FR): <a href="http://www.20minutes.fr/culture/1874951-20160628-passe-apres-midi-chatbots-entrevu-futur">I want to read / Je veux lire</a></span></div>
<div>
<span style="font-family: inherit;">- Dominos pizza + Emergency Chat Services (in EN): <a href="http://venturebeat.com/2016/11/23/5-emergency-chat-services-with-the-power-to-save-lives/">I want to read / Je veux lire</a></span></div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<div style="text-align: center;">
<span style="font-family: inherit;">To conclude, <b>chatbots can benefit your brand</b> if the user experience is well designed and implemented. But <b>they can also cause harm</b> as a poor and negative experience will make you lose points of interest from your customer.</span></div>
</div>
<div>
<div style="text-align: center;">
<span style="font-family: inherit;"><br /></span></div>
</div>
<div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: inherit;"><i>Pour conclure, les <b>chatbots peuvent avoir un effet bénéfique</b> sur votre marque si l'expérience utilisateur est correctement designé et intégré. Mais <b>ils peuvent aussi causer du tort </b>car une expérience négative et pauvre vous feront perdre des points d'intérêts de la part de votre consommateur.</i></span></div>
</div>
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<div style="text-align: left;">
<span style="font-family: inherit;">To be continued in the next episode, Amélie X</span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"></span></div>
<div style="text-align: center;">
<span style="font-family: inherit;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: inherit;"><i>La suite au prochain épisode, Amélie X</i></span></div>
</div>
</div>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-30861262468585066062016-11-10T16:09:00.002+01:002016-11-10T16:40:06.164+01:00MERRY DIGITAL CHRISTMAS EP.1: THE TALE OF THOMAS BURBERRY!<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Merry Christmas guys! <i><span style="color: #741b47;">Joyeux Noël les amis!</span></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">No, wait, the official <b>Christmas</b> day is in 45 days... which means that for retail, it is right NOW that everything is getting crazy! Gifting sales start to take off and everyone wants their piece of the cake. </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To do so, retailers and brands release their marketing campaign with traditional TV Christmas ad but also their digital activities: <b>Merry DIGITAL Christmas!</b></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This series will be split into different episodes as I really wanted to give a deep dive into each brand/retailer's campaign. </span></div>
<div style="text-align: left;">
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Today, it is <b>Burberry</b> that we are going to look at!</span></div>
</div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Non, attendez, le jour officiel de <b>Noël</b> est dans 45 jours... ce qui veut dire que pour le retail, c'est MAINTENANT que tout se joue! Les ventes de cadeaux commencent à décoller et tout le monde voudra sa part du gâteau. </span></i><br />
<i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></i>
<i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Pour se faire, les retailers et marques lancent leur campagne marketing avec les traditionnels spots publicitaires télé mais aussi leurs activités digitales: <b>Joyeux DIGITAL Noël!</b></span></i></div>
<div style="text-align: left;">
<i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Il y aura différents épisodes dans cette série car je voulais vraiment aborder </span></i><i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">en profondeur </span></i><i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">chaque campagne de marque/retailer.</span></i><br />
<i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></i></div>
<div style="text-align: left;">
<div style="text-align: center;">
<i><span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Aujourd'hui, nous allons nous pencher sur <b>Burberry</b>!</span></i></div>
</div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. <u>BURBERRY: THE TALE OF THOMAS BURBERRY / <span style="color: #741b47;"><i>LE CONTE DE THOMAS BURBERRY</i></span></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It is not a secret that <b><span id="goog_386238449"></span><a href="https://burberry.com/">Burberry</a><span id="goog_386238450"></span> </b>has had tough years in the past but they came back on stage thanks to their total inclusion of digital in their strategy to broaden their reach. They are considered by many people and even other brands to be the <b>best </b>in terms of <b>luxury digital strategies.</b> </span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>The question is: How is Burberry doing with Christmas this year?</b></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Their Christmas ad '<b>The Tale Of Thomas Burberry</b>' was released about a week ago and everyone cannot stop speaking about it since then. It has already been <b>viewed </b>about<b> 4.7 million times</b> on their YouTube channel. </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">For their <b>160th anniversary</b>, they decided to focus on <b>Thomas Burberry</b>, the founder of the brand, and how he has changed outerwear approach, brand story and his vision of providing answers as '<b>People [would] come to [him] me with their drams</b>'.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The mini movie was directed by Asif Kapadia, written by Matt Charman and it stars the following big names: Domnhall Gleeson, Sienna Miller, Dominic West and Lily James.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/6D5IZtDCS5c/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/6D5IZtDCS5c?feature=player_embedded" width="320"></iframe></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">Ce n'est pas un secret que <a href="https://fr.burberry.com/"><b>Burberry</b></a> est passé par de dures années dans le passé mais ils sont revenus sur le devant de la scène avec la totale intégration du digital dans leur stratégie pour accroître leur portée. Ils sont considérés par beaucoup de personnes comme les <b>meilleurs </b>dans le cadre des <b>stratégies digitales</b> sur le marché du <b>luxe</b>. </span></i></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;"><br /></span></i></span>
<br />
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;"><b>La question est donc: Qu'est-ce que Burberry a décidé de faire pour Noël cette année?</b></span></i></span></div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Leur publicité de Noël '<b>Le Conte De Thomas Burberry</b>' est maintenant sorti il y a un plus d'une semaine et tout le monde ne peut arrêter d'en parler depuis. La vidéo a été <b>visionnée 4.7 millions </b>de fois sur leur chaîne YouTube. </i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour leur <b>160ème anniversaire</b>, ils ont décidé de se concentrer sur <b>Thomas Burberry</b>, le créateur de la marque, et comment il a changé l'approche du vêtement d'extérieur, l'histoire de marque et sa vision à fournir des réponses car les '<b>Gens [viennent] vers [lui] moi avec leurs rêves</b>'.</i></span><br />
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></span></i>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Le mini-film a été dirigé par Asif Kapadit, écrit par Matt Charman et il inclut des grands noms du milieu du cinéma: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Domnhall Gleeson, Sienna Miller, Dominic West et Lily James.</span></span></i><br />
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. <u>WHERE EVERYTHING STARTS: YOUTUBE / <i><span style="color: #741b47;">LA OU TOUT COMMENCE: YOUTUBE</span></i></u></span></h3>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The movie is hosted on <a href="https://www.youtube.com/watch?v=6D5IZtDCS5c">Burberry's YouTube channel</a> which makes it sharable by everyone on several platforms: Facebook, Twitter, Google +, Blogger, Tumblr, Reddit, Pinterest, LinkedIn, LiveJournal. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I</span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">t mainly drives: </span><b style="font-family: "helvetica neue", arial, helvetica, sans-serif;">conversation, brand awareness</b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> and </span><b style="font-family: "helvetica neue", arial, helvetica, sans-serif;">snowball effect</b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">If you scroll down to read the comments, you will observe that everyone thought it was a <b>real movie trailer</b> and want it to become a real movie now! The many likes on these comments prove again that a lot of people are agreeing with this thought.</span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="206" src="https://2.bp.blogspot.com/-GwZz_uaWq1s/WCRgIvQoF0I/AAAAAAAAAWM/wbxMBoqLYdEptiMgU3Yr9wKhagFCQN1ywCLcB/s400/Screen%2BShot%2B2016-11-10%2Bat%2B12.53.19.png" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: Comments below Burberry's video 'The Tale of Thomas Burberry' on YouTube</span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" height="107" src="https://4.bp.blogspot.com/-h2beObd8MDg/WCRgIijyZTI/AAAAAAAAAWQ/6gLojRr9G6YSndBLci5L2v5786576v6FACLcB/s400/Screen%2BShot%2B2016-11-10%2Bat%2B12.53.27.png" style="margin-left: auto; margin-right: auto;" width="400" /></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: Comments below Burberry's video 'The Tale of Thomas Burberry' on YouTube</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; margin-left: 1em; margin-right: 1em;"></span></div>
<div class="separator" style="clear: both;">
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Le film est hébergé sur la <a href="https://www.youtube.com/watch?v=6D5IZtDCS5c">chaîne YouTube de Burberry</a> ce qui permet de le partager sur beaucoup de plateformes: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Facebook, Twitter, Google +, Blogger, Tumblr, Reddit, Pinterest, LinkedIn, LiveJournal. </span></span></i></div>
<div class="separator" style="clear: both;">
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></span></i></div>
<div class="separator" style="clear: both; text-align: center;">
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Cela développe énormément: de <b>conversation</b>, de <b>notoriété de marque</b> et un <b>effet boule de neige</b>.</span></span></i></div>
<div class="separator" style="clear: both;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="separator" style="clear: both;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Si vous descendez pour lire les commentaires, vous observerez que tout le monde a pensé que c'était une <b>réelle bande-annonce </b>de film et qu'ils veulent même que cela devienne un réel film! Les nombreux likes des commentaires prouvent encore que beaucoup de personnes sont d'accord avec cette envie.</i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>3. <u>THEIR 'MINI' FESTIVE FILM 'PAGE/WEBSITE' / <span style="color: #741b47;"><i>LEUR 'MINI-PAGE/SITE' FESTIVE FILM</i></span></u></b></span></h3>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Their mini website called '<a href="https://uk.burberry.com/festive-film/"><b>Festive Film</b></a>' is directly embedded in their mother platform. It will tell you more bits of the real story of Thomas Burberry, the actors, the production and obviously there is an e-commerce part where you can shop the film's items.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Once you click on the product category you may be interested in, it will redirect you to the brand's regular pages where you can look out for what you wish to have this Christmas. When you navigate through these 'normal' pages you can also click to links that redirect you to other pages belonging to the movie's part.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This will </span><b style="font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;">drive sales </b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">and <b>interest</b> for the brand and their products. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Embedding pages</b> and <b>links </b>into each other will also <b>raise</b> your <b>listing</b> but this may not be a secret for you if your a digital lover.</span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-Kh0qAhbZmXM/WCRhhK6YXiI/AAAAAAAAAWY/dReRJFFJ1WgtoqGZhTMu0-hLytPcdSAYwCLcB/s1600/Screen%2BShot%2B2016-11-10%2Bat%2B13.00.47.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://3.bp.blogspot.com/-Kh0qAhbZmXM/WCRhhK6YXiI/AAAAAAAAAWY/dReRJFFJ1WgtoqGZhTMu0-hLytPcdSAYwCLcB/s1600/Screen%2BShot%2B2016-11-10%2Bat%2B13.00.47.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: <a href="https://uk.burberry.com/festive-film/">Burberry.com</a></td></tr>
</tbody></table>
<div class="separator" style="clear: both;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Leur mini site est appelé '<b><a href="https://fr.burberry.com/film-de-fin-d-annee/">Film de Fin d'Année</a></b>' et est directement intégré dans leur plateforme mère. Il vous permettra de connaître plus d'informations sur la véritable histoire de Thomas Burberry, les acteurs, la production et il y a bien évidemment une partie e-commerce où vous pouvez acheter les produits du film.</i></span></div>
<div class="separator" style="clear: both;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="separator" style="clear: both;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Une fois que vous avez cliqué sur la catégorie de produits qui vous intéresse, cela vous redirigera sur les pages régulières de la marque où vous pouvez rechercher ce que vous souhaitez obtenir pour Noël.</i></span></div>
<div class="separator" style="clear: both;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Quand vous naviguez à travers ces pages 'normales' vous pouvez aussi cliquer sur des liens qui vous redirigeront à leur tour sur les autres pages qui appartiennent au film.</i></span></div>
<div class="separator" style="clear: both;">
<i><span style="color: #741b47;"><br /></span></i></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Cela générera des <b>ventes</b> et de l'<b>intérêt</b> pour la marque et ses produits. </i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>Intégrer</b> et <b>imbriquer</b> des pages et liens les uns dans les autres <b>augmentera </b>votre <b>référencement </b>mais cela n'est pas vraiment un secret si vous êtes un amoureux du digital.</i></span></div>
<div class="separator" style="clear: both;">
<br /></div>
<h3 style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">4. <u>INSTAGRAM AND THE WORD-TO-MOUTH EFFECT / <i><span style="color: #741b47;">INSTAGRAM ET L'EFFET DE BOUCHE A OREILLE</span></i></u></span></h3>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">On<b> <a href="https://www.instagram.com/burberry/">Instagram</a></b>, the brand's account feed has been focusing on pictures from the movie and products featured in it. They created a bespoke hashtag <b>#TheTaleOfThomasBurberry</b> and reaching out their 8-million followers base, the hashtag has been used 572 times (the number includes the brand's own use). </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can click to the dedicated link in their bio and this will drive strong <b>word-to-mouth.</b></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-vXuvIP31P08/WCRkf9gkD8I/AAAAAAAAAWo/NiOjyCOmAj81IYM6_i55DeJVVn0WYEgXgCEw/s1600/IMG_4346.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: x-small;"><img border="0" height="640" src="https://2.bp.blogspot.com/-vXuvIP31P08/WCRkf9gkD8I/AAAAAAAAAWo/NiOjyCOmAj81IYM6_i55DeJVVn0WYEgXgCEw/s640/IMG_4346.PNG" width="360" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: x-small;">Credits: <span style="text-align: left;"><a href="https://www.instagram.com/burberry/">Burberry's Instagram</a></span></span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://2.bp.blogspot.com/-ga7nHuSWbtI/WCRkfsAHeGI/AAAAAAAAAWk/df-Xn2KdvAcY0xiWSPv3lZqpAZqzVPQqgCLcB/s1600/IMG_4347.PNG" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="640" src="https://2.bp.blogspot.com/-ga7nHuSWbtI/WCRkfsAHeGI/AAAAAAAAAWk/df-Xn2KdvAcY0xiWSPv3lZqpAZqzVPQqgCLcB/s640/IMG_4347.PNG" width="360" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Cre</span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: x-small;">dits: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: x-small; text-align: left;"><a href="https://www.instagram.com/burberry/">Burberry's Instagram</a></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Sur <b><a href="https://www.instagram.com/burberry/">Instagram</a></b>, le fil du compte de la marque s'est concentré sur les photos du film et des produits qui y sont mis en avant. Ils ont créé un hashtag </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>#TheTaleOfThomasBurberry</b> et en atteignant leur base de fans de 8 millions de followers, le hashtag a été utilisé 572 fois (ce nombre inclut les hashtags utilisé par la marque elle-même). </span></span></i></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;"><br /></span></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">Vous pouvez cliquer sur le lien de la page située dans leur bio et cela créera et développera un fort effet de <b>bouche à oreille</b>.</span></i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">5. <u>FACEBOOK AND THE USE OF CHATBOTS / <i><span style="color: #741b47;">FACEBOOK ET L'UTILISATION DES CHATBOTS</span></i></u></span></h3>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Last but not least, I checked their <b><a href="https://www.facebook.com/Burberry/?fref=ts">Facebook page</a></b> and I was surprised when I found out they decided to use a <b>chatbot</b>. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I could not resist using it and see what was going on and to be honest with you, I was pretty <b>impressed</b> by how it made me <b>smile</b>, feel <b>happy</b> and even feel like a <b>child</b> to click on the emoji to see what was going to happen next.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour ma dernière étape, j'ai été faire un petit tour sur leur <b><a href="https://www.facebook.com/Burberry/?fref=ts">page Facebook</a> </b>et quelle ne fût pas ma surprise de découvrir qu'ils utilisaient un <b>chatbot</b>. </i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je n'ai pas pu résister à l'utiliser et observer ce qui se passait et pour être honnête avec vous, j'ai été assez <b>impressionnée </b>de comment j'ai <b>souri</b>, me suis sentie <b>joyeuse</b> mais surtout ils ont réussi à me faire sentir comme un <b>enfant </b>entrain d'enquêter et de regarder ce qui se passait.</i></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: x-small;"><img border="0" height="640" src="https://4.bp.blogspot.com/-Bc3v7UqIimg/WCRleTdmp3I/AAAAAAAAAWs/j9EB8LTlqGcTPWsNCR1wrfsTDwv6cta4gCLcB/s640/Screen%2BShot%2B2016-11-10%2Bat%2B13.10.33.png" style="margin-left: auto; margin-right: auto;" width="491" /></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: x-small;">Credits: <span style="text-align: left;"><a href="https://www.facebook.com/Burberry/?fref=ts">Burberry's Facebook page</a></span></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">See below the entire feed of my conversation with <b>Burberry's chatbot</b> and their use of emoji to stick to the trends and reality of chat messenger but also to entertain and simplify the function of the chatbot itself. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I really think this <b>experience</b> increased my '<b>love</b>' and '<b>affection</b>' towards the brand and it really gives Burberry a new opportunity to reach people and potential new targets.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Vous pouvez observer ci-dessous le fil de la conversation avec le <b>chatbot de Burberry</b> et leur utilisation d'emoji pour coller à la réalité et aux tendances de la messagerie instantanée mais aussi pour amuser et simplifier la fonction du chatbot lui-même.</i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je pense sincèrement que cette <b>expérience</b> a développé mon '<b>amour</b>' et '<b>affection</b>' pour la marque et cela donne à Burberry une nouvelle opportunité d'atteindre les gens et de potentielles nouvelles cibles.</i></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="561" src="https://1.bp.blogspot.com/-423vgusRbpU/WCRpVP_NALI/AAAAAAAAAXA/c_4t3IhoyHUK9M3Tj8HziOC4KJONA902gCLcB/s640/Screen%2BShot%2B2016-11-10%2Bat%2B13.19.17.png" style="margin-left: auto; margin-right: auto;" width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: <span style="font-size: x-small; text-align: left;"><a href="https://www.facebook.com/Burberry/?fref=ts">Burberry's Facebook page</a></span></span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="419" src="https://3.bp.blogspot.com/-s3hF9nbSbJc/WCRpUc_aYCI/AAAAAAAAAW4/Jkaoj1Kz8XM0wZhHUIW-bvtDPY7G4LUfwCLcB/s640/Screen%2BShot%2B2016-11-10%2Bat%2B13.19.36.png" style="margin-left: auto; margin-right: auto;" width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: <span style="font-size: x-small; text-align: left;"><a href="https://www.facebook.com/Burberry/?fref=ts">Burberry's Facebook page</a></span></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="452" src="https://4.bp.blogspot.com/-bPKvg462yt8/WCRpUbDqx6I/AAAAAAAAAW8/0ss3PihGfFMLBwVG6lsq5XjuJVwPCelGACLcB/s640/Screen%2BShot%2B2016-11-10%2Bat%2B13.20.16.png" style="margin-left: auto; margin-right: auto;" width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: <span style="font-size: x-small; text-align: left;"><a href="https://www.facebook.com/Burberry/?fref=ts">Burberry's Facebook page</a></span></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-bPKvg462yt8/WCRpUbDqx6I/AAAAAAAAAW8/0ss3PihGfFMLBwVG6lsq5XjuJVwPCelGACLcB/s1600/Screen%2BShot%2B2016-11-10%2Bat%2B13.20.16.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></a></div>
<div style="text-align: left;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" height="385" src="https://2.bp.blogspot.com/-KZ1ixegEI-g/WCRpVpZBbyI/AAAAAAAAAXE/gY34fTgJCjQwPndyFN8yEYi8xTJWMGuRACLcB/s640/Screen%2BShot%2B2016-11-10%2Bat%2B13.20.40.png" style="margin-left: auto; margin-right: auto;" width="640" /></span></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: <span style="font-size: x-small; text-align: left;"><a href="https://www.facebook.com/Burberry/?fref=ts">Burberry's Facebook page</a></span></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://2.bp.blogspot.com/-KZ1ixegEI-g/WCRpVpZBbyI/AAAAAAAAAXE/gY34fTgJCjQwPndyFN8yEYi8xTJWMGuRACLcB/s1600/Screen%2BShot%2B2016-11-10%2Bat%2B13.20.40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></a></div>
<div style="text-align: left;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="440" src="https://1.bp.blogspot.com/-7toxGuGGXGc/WCRpV2ucZBI/AAAAAAAAAXI/Y6R6Xs0tfXk7TerMcOYnFL2jKyHxA-FPgCLcB/s640/Screen%2BShot%2B2016-11-10%2Bat%2B13.21.03.png" style="margin-left: auto; margin-right: auto;" width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: <span style="font-size: x-small; text-align: left;"><a href="https://www.facebook.com/Burberry/?fref=ts">Burberry's Facebook page</a></span></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I also wanted to experiment their <b>Live Chat</b> and see how it worked. As I did not want to lose the consultant's time, I directly told her my intentions and did not go further. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I feel like they were quickly responsive and keen to help but we all agree that's their role at the end of the day ;)</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je voulais aussi expérimenter leur <b>Live Chat</b> et observer comment celui-ci fonctionnait. Comme je ne souhaitais pas faire perdre son temps au consultant je lui ai directement indiqué mes intentions et ne suis pas allée plus loin dans la démarche.</i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>J'ai vraiment ressenti qu'ils étaient rapidement disponibles et prêts à m'aider mais nous sommes tous d'accord qu'il s'agit de leur rôle ;)</i></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="https://3.bp.blogspot.com/-jwc1HyAsEh0/WCRpWiusM2I/AAAAAAAAAXM/VYU6YxwkPrwBXTlzhOvLEcwFkFonr5UFQCLcB/s1600/Screen%2BShot%2B2016-11-10%2Bat%2B13.30.22.png" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Credits: <span style="font-size: x-small; text-align: left;"><a href="https://www.facebook.com/Burberry/?fref=ts">Burberry's Facebook page</a></span></span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-jwc1HyAsEh0/WCRpWiusM2I/AAAAAAAAAXM/VYU6YxwkPrwBXTlzhOvLEcwFkFonr5UFQCLcB/s1600/Screen%2BShot%2B2016-11-10%2Bat%2B13.30.22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Other platforms being used are </span><b style="font-family: "helvetica neue", arial, helvetica, sans-serif;"><a href="https://twitter.com/burberry">Twitter</a></b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> and a dedicated board on </span><a href="https://fr.pinterest.com/burberry/the-tale-of-thomas-burberry/" style="font-family: "helvetica neue", arial, helvetica, sans-serif;"><b>Pinterest</b></a><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> but I did not find anything extravagant to share about these even though it was important to mention them.</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Here it is... you have everything I digitally spotted around <b>Burberry's new Christmas campaign</b> <b>'The Tale Of Thomas Burberry'</b>. </span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">What do you think about this campaign? </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Is Burberry still leading the path in the luxury digital strategies? </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Let me know in the comments what you think!</span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Les autres plateformes qui sont utilisées sont <b><a href="https://twitter.com/burberry">Twitter</a></b> et un board spécifique sur <b><a href="https://fr.pinterest.com/burberry/the-tale-of-thomas-burberry/">Pinterest</a> </b>mais je n'ai rien trouvé d'extravagant à partager par rapport à ces réseaux même si il était tout de même important de les mentionner.</i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Voici donc tous les éléments digitaux que j'ai pu repérés pour l'activation de la n<b>ouvelle campagne</b> de <b>Noël </b>de <b>Burberry 'The Tale of Thomas Burberry'</b>.</i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Que pensez-vous de cette campagne?</i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Est-ce que Burberry est toujours le leader des stratégies digitales dans l'univers du luxe?</i></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>N'hésitez pas à donner votre avis dans les commentaires!</i></span></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: left;">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next MERRY DIGITAL CHRISTMAS episode, Amélie X</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode de JOYEUX DIGITAL NOËL, Amélie X</i></span></div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>
</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-84723896074141927732016-10-24T19:23:00.003+02:002016-11-10T16:40:14.868+01:00MY 1st MEETUP WITH 'REAL' PROGRAMMERS!<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Hello Hello! <span style="color: #741b47;"><i>Bonjour Bonjour!</i></span></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">EN: on top of this post</span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><a href='#anchor'>FR: descendez sur la page pour avoir tout le contenu en français</a></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Last week I attended my first meetup with 'real' Programmers. I call them 'real' as I consider myself more like a tourist and also because that's their job basically! That was very interesting, challenging and some stereotypes were killed (Coders are not all teenagers wearing glasses and braces but people like you and me ;)</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-4klMBjFVPgM/WA4-pAyjfcI/AAAAAAAAAVg/-PQDu8QN2ZYHhptLqA0bHa28P__2ny5tgCK4B/s1600/Top-des-id-es-cadeaux-pour-un-geek191358.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" height="400" src="https://4.bp.blogspot.com/-4klMBjFVPgM/WA4-pAyjfcI/AAAAAAAAAVg/-PQDu8QN2ZYHhptLqA0bHa28P__2ny5tgCK4B/s400/Top-des-id-es-cadeaux-pour-un-geek191358.jpg" width="348" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: x-small;">What a Coder may look like in a lot of people's mind...</span></td></tr>
</tbody></table>
</div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The meetup I attended is called Pair prHRogramming and is managed by the great and always-smiling Shirley Almosni Chiche who is a HR consultant at Carbon IT.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Want to know more? Check out the interview below where she answers my questions:</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. AL: Shirley, can you quickly introduce yourself to our readers so they can get to know who you are and what you do.</span></h3>
</div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC:</b> It's difficult to introduce myself as I don't necessarily fit in one unique box. I usually consider myself as an oddball in the recruiting world. I did a 2-year Preparatory Class for Business Schools* and then graduated from Skema Business School with a Master's Degree in Marketing and Project Management.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">After I graduated, the job market was tough and in crisis so I started as a Sales rep in the Phone industry. I then moved to a Sales Engineer position for a recruitment office. Recruitment came to me really unexpectedly. I became a Consultant in IT Recruitment and now I am Head of Recruitment and HR Communication for Carbon IT, a good mix between coaching, marketing, recruitment, communication and community management. All of this with a good dose of energy and happiness.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>* for our non-French readers: this is something very common in France, after you finish High School you go into these Preparatory Classes to prepare and take the entry exams to enrol into the French Business Schools system</i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. AL: You work at Carbon IT, what does this company do?</span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC:</b> <a href="http://carbon-it.fr/">Carbon IT</a> is a young company which was created back in April 2013. It has the will to put a focus on the technical skills of its Consultants: to propose a high level of technical assistance to the clients and to accompany the Consultants as much as possible in their technical knowledge's enrichment. Carbon IT acts as a talents pool, we believe it's not all about key words but rather key persons. I have a lot of affection and proudness for all Carbon's Collaborators for whom, my team and I, spent a lot of time on building a qualitative and bespoke recruitment process.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Above their high level of technical skills which are well established and widely recognised by the clients they work for. They have that specific soul, that 'mindset' to start anything from scratch and take charge of technical work groups that they build autonomously as well as product development projects managed by teams at an internal level. We also look for and try to discover that intrapreneurship mindset. They can activate it at any time as we provide them that freedom of doing so. Carbon acts more as a link between the companies and Consultants but the ideas, the 'gut', the determination, it's all coming from them.</span><br />
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">3. AL: So you invited me to this HR/Programmers meetup called Pari pRHogramming. Can you describe what is it all about?</span></h3>
</div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC:</b> Above all, this meetup allows to connect people who are passionate and eager to learn something. I see a lot of times that Recruiters in the IT world (and not only in IT) don't know well the job for which they are recruiting. There is a knowledge gap between the candidates and the Recruiters which can harm the trust they should have for each other, they can be considered less legitimate and it leads too often to a bad reputation. I thought it would be interesting to go to the other side, get out of our comfort zone and mix people.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">So, the concept consists in having HR people to learn how to code on all languages that exist according to their technical affinities. I ask coders (males and females!) with different backgrounds to join in so there is a strong panel: PHP, Scala, Java, Front-end, .NET...</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The meetup lasts about two hours. Everyone adapts themselves to the other person's level. The Coders learn how to adapt themselves to the newbies and the HR people learn the code structure, what happens behind the scene and get to know the Developers from outside a formal meeting as during an interview.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">4. AL: Since when do you take care of these meetups?</span></h3>
</div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC:</b> I am managing these meetups since I joined Carbont IT which is slightly over a year now. The first one took place in June 2015.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">5. AL: Where came the idea to organize such an event? Are you the the project's initiator? </span></h3>
</div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC:</b> I manage an other Meetup which is called <a href="https://www.meetup.com/fr-FR/Un-cafe-sil-vous-plait/">I L'Hack My RH</a>. It has the same input which is to mix people with different backgrounds. We share our ideas to enhance recruitment methods by soliciting Developers' opinions, it is similar as if a Marketing team would ask their consumers's point of view in order to deliver a better product (yes I know I still have old Marketing reflexes).</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">During one of these meetups, one of the Developper, Camille Khalaghi <i>(AL: he was the person I paired with during last week's meetup :)</i>, shared the same point of view which was to make HR code so we reach the same objective as mentioned before. I felt the will and need to better know each other and to share those 'crazy' and pedagogical moments with a common goal. I took the initiative to start this meetup straight after .</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">6. AL: You kindly invited me and I could take part in the meetup. I noticed that there were more Programmers than HR trainees when I thought that the demand would be bigger from the Young Padawans than the Coders. Do you have an explanation?</span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC: </b>Indeed! You are totally right. I could observe for the second time that the demand was stronger from the Coders than from the Young Padawans.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I see multiple reasons for that:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Firstly, the community of Coders is for a big part, a community of people who are highly passionate. They love to code within their working time but also at home, for themselves and/or to transmit their knowledge. The reflex to come and teach us how to code was very natural and spontaneous for them.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Furthermore, from the Young Padawans' side, learning how to code is less 'useful' as it is less in junction with their HR mission. The will to learn how to code was less systematic and enthusiastic. I think I should not have clustered the Young Padawans to only be people working in HR.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">So I am going to create a new meetup and open it to everyone who is willing to learn how to code, whether they come to satisfy their curiosity or for a business purpose... I am working on this new meetup with Frédéric Menou (Developer who inspired me <a href="https://shirleyalmosni.wordpress.com/2016/10/08/immersion-dans-la-tete-dun-developpeur/">this article</a>) and who was also there last week ;-)</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">7. AL: What is your feeling about this experience. Do you think you will continue to organise these meetups?</span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC:</b> To be honest with you, this experience was extremely positive. I learned how to code few lines with Patrick Giry, Developper at Arolla. It was certainly a very simple exercise but I loved the fact that I could solve the problems by myself. I also felt proud to see in Patrick's eyes (a very good teacher and also very patient with me) that I understood two or three things.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It's clear that I am not operational at all in code but I could see how coding is accessible to everyone but moreover how Programmers who use it on a daily basis are accessible as well.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I was extremely touched to see their will to teach us their job (even if it was a tiny tiny part), to give us their personal time and to come to Boulogne-Billancourt* and this only for us.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I find that we have an amazing community of Developers (Males and Females) in France with smart, funny and accessible personalities. What I saw this evening was just a tiny part and I am deeply convinced that the sharing spirit in that community exists. I really want to jump on the train and take this opportunity to experiment it on a bigger scale, to gather worlds that tend to systematically confront each other, to judge without trying to know each other, and to freed the coding world and make it accessible for everyone...</span></div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<i><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">*Boulogne is a city situated in the suburbs of Paris. Even though it is reachable by the Parisian metro, it can be difficult for people to come there as it's not central at all and if you don't live nearby you may not want to travel that much especially after you worked all day.</span></i><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">8. AL: Thank you so much for your time and all your great answers! I hope these meetups will keep on happening and that people feel that they can go and learn how to code. Do you want to add anything to what you already shared with us?</span></h3>
</div>
<div class="p1">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>SAC: </b>Thanks for letting me share this entire experience with you. If you want to know more about me and my thoughts on HR and Developers, do not hesitate to have a look at my <a href="https://shirleyalmosni.wordpress.com/">blog</a>.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-D0k6eI2apqQ/WA5Cp0ALA9I/AAAAAAAAAV0/OlY7xPfBrR0TsdeMLafYOviztbrA7nnoQCK4B/s1600/Screen%2BShot%2B2016-10-24%2Bat%2B10.34.03.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="398" src="https://3.bp.blogspot.com/-D0k6eI2apqQ/WA5Cp0ALA9I/AAAAAAAAAV0/OlY7xPfBrR0TsdeMLafYOviztbrA7nnoQCK4B/s400/Screen%2BShot%2B2016-10-24%2Bat%2B10.34.03.png" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Shirley Almosni Chiche</span></td></tr>
</tbody></table>
</div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><p id='anchor'>La semaine dernière j'ai participé à mon premier meetup avec de 'vrais' programmeurs. Je leur attribue le terme de 'véritables' codeurs car je me considère plus comme une touriste et car il s'agit de leur travail au quotidien! C'était super intéressant, challengeant et certains stéréotypes ont été mis à mal (les Codeurs ne portent pas tous des lunettes et des appareils dentaires mais ce sont bien des personnes réelles comme vous et moi ;)</p></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Le meetup auquel j'ai participé s'appelle Pair prHRogramming et c'est la super et toujours souriante Shirley Almosni Chiche - Consultante RH chez Carbon IT - qui m'y a invitée!</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Vous voulez en savoir plus? Lisez l'interview ci-dessous où elle répond à mes questions:</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>1. AL: Shirley, peux-tu te présenter en quelques lignes afin que les lecteurs sachent qui tu es et ce que tu fais.</i></span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC:</b> Il est difficile de me présenter en me mettant dans une seule case. Je me considère assez souvent comme un OVNI dans le monde du recrutement. J’ai fait une prépa HEC puis un Master en Marketing/ Management de Projet au sein de Skema Business School. Puis, arrivant sur le marché du travail dans un contexte de crise, je me suis lancée en tant que Commerciale dans le monde de la téléphonie. J’ai ensuite été Ingénieur d’Affaires au sein d’un cabinet de recrutement. Le recrutement est venu à moi vraiment par hasard. J’ai endossé la casquette de Consultante en recrutement IT et maintenant je suis Responsable Recrutement et Communication RH au sein de Carbon IT, soit un joli dosage entre du coaching, du marketing, du recrutement, de la communication, de l’animation de communauté et une bonne dose d'énergie et de bonne humeur. </i></span></div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>2. AL: Tu travailles chez Carbon IT, que fait cette entreprise?</i></span></h3>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC:</b> <a href="http://carbon-it.fr/">Carbon IT</a> est une jeune société qui a été créée en avril 2013 avec la volonté de mettre un focus sur les compétences techniques des Consultants : proposer un très bon niveau d'assistance technique aux clients, tout en accompagnant les Consultants le plus souvent possible dans l'enrichissement de leur savoir faire technique.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Carbon IT est une petite pépinière de talents. Ce ne sont pas que des mots-clefs mais plutôt des personnes clefs. J'ai vraiment beaucoup d'affection et de fierté pour l’ensemble des Collaborateurs Carbon pour lesquels, mon équipe et moi-même, avons consacré du temps à mener un processus de recrutement sur-mesure et de qualité.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Au-delà de leurs compétences techniques avérées et reconnues chez nos clients en mission, ils ont ce supplément d'âme, ce 'mindset' pour prendre en main des ateliers techniques qu'ils construisent en totale autonomie, des projets de développement produits gérés en équipe en interne. On cherche aussi à déceler chez eux cette fibre intrapreneuriale. Ils peuvent l'activer à tout moment. Ils ont cet espace de liberté. Carbon a plutôt un rôle de facilitateur mais les idées, les 'tripes', la détermination ce sont eux.</i></span></div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<h3>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>3. AL: Tu m’as donc invitée au meetup RH/Programmeurs Pair pRHogramming. Peux-tu décrire ce qu’est ce meetup?</i></span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC:</b> Ce meetup permet avant tout de mettre en relation des personnes passionnées qui ont une soif d’apprendre. Je constate assez souvent que les recruteurs(ses) dans le monde informatique (et pas uniquement en informatique) connaissent mal le métier pour lequel ils recrutent. Il y a donc un fossé de connaissances entre les candidats et les Recruteurs, provoquant une crise de confiance, une perte de légitimité et trop souvent une mauvaise réputation qui colle à la peau. Je me suis donc dit qu’il serait intéressant d’aller de l’autre côté de la barrière, de sortir de sentiers battus, de mélanger les genres. </i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Ainsi, le concept consiste à faire programmer des professionnels RHs sur tous les langages selon les affinités techniques. Je fais venir tous types de Développeurs et Développeuses : PHP, Scala, Java, Front-end, .NET. L’atelier de code dure environ deux heures. Chacun se met au niveau de l’autre. Les Codeurs apprennent à s’adapter aux néophytes et les RHs apprennent la structure de code, l’envers du décor et découvrent des Développeurs(ses) dans un autre registre que celui du candidat en entretien. </i></span></div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>4. AL: Depuis combien de temps t’occupes-tu de ces meetups?</i></span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC:</b> Je m’occupe de ce meetup depuis que j’ai intégré Carbon IT soit depuis plus d’un an. Le premier avait eu lieu en juin dernier. </i></span></div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>5. AL: D’où t’es venue l’idée d’organiser un tel évènement? Es-tu l’initiatrice du projet?</i></span></h3>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC: </b>J’organise un autre meetup qui s’appelle <a href="https://www.meetup.com/fr-FR/Un-cafe-sil-vous-plait/">I L’Hack My RH</a>. Il s’agit également de provoquer un mélange des genres. Cette fois-ci, ce sont les Développeurs qui interviennent sur le terrain RH. On confronte nos idées pour améliorer les méthodes du recrutement en sollicitant l’avis des Développeurs(ses), un peu comme une équipe Marketing solliciterait l’avis des consommateurs pour l’amélioration de son produit (oui je sais, j’ai encore de vieux réflexes marketing). Dans le cadre d’un des meetups, un des Développeurs, Camille Khalaghi (AL: c'était mon tuteur la semaine dernière :), a partagé la même idée que moi, c’est-à-dire, celle de faire coder les RHs dans le même objectif que celui cité plus haut. J’ai donc senti que la volonté de mieux se connaître et de partager des moments décalés et ludiques était un objectif commun. J’ai donc immédiatement entrepris de lancer ce Meetup. </i></span></div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>6. AL: M’ayant gentiment invitée, j’ai donc pu y participer. J’ai vu qu’il y avait une surreprésentation numéraire des Programmeurs alors que je pensais que la demande allait être plus importante du côté Jeunes Padawans non codeurs. Est-ce que tu as une explication?</i></span></h3>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC:</b> Effectivement, tu as complètement raison. Je constate, pour la deuxième fois, une plus forte représentation des Développeurs par rapport aux Padawans.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>J’y vois plusieurs raisons : </i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Tout d’abord, la communauté des Développeurs est, pour une grande partie, une communauté de passionnés. Ils adorent coder dans le cadre de leur travail mais aussi chez eux, pour eux-mêmes et pour transmettre leurs connaissances. Le réflexe de venir nous apprendre à coder a donc été naturel et spontané. </i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Par ailleurs, du côté des Padawans, l’apprentissage du code est moins “utile” car moins en lien avec le métier RH. L’élan d’apprendre à coder a donc été moins systématique et enthousiaste. Je pense que je n’aurais pas du cloisonner au métier RH côté Padawan. Je vais donc tout simplement créer un nouveau meetup et l’ouvrir à tous ceux qui veulent apprendre à coder, pour découvrir ou pour un usage business… Avec Frédéric Menou (Développeur qui m’a inspiré <a href="https://shirleyalmosni.wordpress.com/2016/10/08/immersion-dans-la-tete-dun-developpeur/">cet article</a> et également présent au Meetup Pair pRHogramming), nous sommes sur le projet ;-)</i></span></div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>7. AL: Quel est ton ressenti sur cette expérience? Penses-tu continuer à organiser ces événements?</i></span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC:</b> Mon ressenti sur cette expérience est franchement positif. J’ai appris à faire quelques lignes de code avec Patrick Giry, Développeur chez Arolla. C’était certainement un exercice ultra simple mais j’ai vraiment adoré résoudre par moi-même les problèmes et j’aimais voir dans le regard pédagogue (et surtout patient) de Patrick que j’avais compris deux trois trucs. Il est clair que je ne suis pas du tout opérationnelle en code mais je vois à quel point le code est accessible mais aussi et surtout à quel point les Codeurs et les Codeuses qui l’utilisent au quotidien sont accessibles. </i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>J’ai été beaucoup touchée par leur volonté de nous apprendre (même une passerelle) de leur métier, de nous donner de leur temps personnel, de se déplacer jusqu’à Boulogne-Billancourt et ce juste pour nous. </i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je trouve que l’on a une formidable communauté de Développeurs et de Développeuses en France formée de personnalités drôles, intelligentes et accessibles. Ce que j’ai vu ce soir là n’était qu’un simple échantillon mais je suis convaincue que la communauté de partage est là. J’ai bien envie de saisir cette opportunité et de l’expérimenter à plus grande échelle, de rassembler des mondes qui ont tendance systématiquement à se confronter, à se juger sans se connaître de l’intérieur, et de rendre accessible le monde du développement... </i></span></div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1">
<div class="p2" style="text-align: left;">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>8. AL: Un énorme merci pour ton temps et tes réponses enrichissantes! J'espère que ces meetups continueront de se faire et que les gens puissent sentir que le code est accessible si on a envie d'en apprendre un peu plus. As-tu quelque chose à ajouter en plus de ce que tu as partagé avec nous?</i></span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>SAC:</b> Merci de m'avoir permis de partager cette expérience avec vous. Si vous voulez en savoir un peu plus sur moi et sur mes reflexions RH/ Dev, n’hésitez pas à consulter mon <a href="https://shirleyalmosni.wordpress.com/">blog</a>.</i></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next episode, Amélie X</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode, Amélie X</i></span></div>
</div>
</div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-71801357963294628272016-10-20T12:08:00.001+02:002016-11-10T16:40:22.601+01:00WHAT'S NEW ON TECH EP. 3 > FASHION SPECIAL!<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Morning everyone! <span style="color: #741b47;"><i>Bonjour tout le monde!</i></span></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">There is not a day where something phenomenal and magical happens in our favourite tech and digital world. Today, it is all about fashion with the recent Chanel Fashion Show in Paris and the ways technology can be used to tackle counterfeit.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Il ne se déroule pas une journée sans que quelque chose de phénoménal et magique ne se passe dans notre monde préféré de la tech et du digital. Aujourd'hui, nous parlons mode avec le récent défilé Chanel à Paris et comment différentes technologies peuvent être utilisées pour combattre la contre-façon.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. <u>CHANEL & THE ROBOTS / <span style="color: #741b47;">CHANEL & LES ROBOTS</span></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I am not bringing the innovative news of the year but as soon as I saw the Chanel fashion show, I knew I wanted it to be part of one article on the blog.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Every season, everyone is waiting for the Maison to renew itself and show off the incredible installation they are going to put at Le Grand Palais. </span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Not to my surprise that for SS17, the show happened inside the Maison's very own <b>'Data Center'</b> where everything was evolving around technology, digital, cables and everything computing-related.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Quoting Karl Lagerfeld himself <b>'Imagine your life without telephone and the next step will be artificial intelligence and robots'. </b></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">So... it happened. Two very fashionable robots called <b>'Cocobots'</b> opened the show and led us to the fashion's future or just the future itself...</span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Have you ever imagined Chanel would do something like this? </span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Do you think it is relevant for a big Maison like Chanel to make such a technological-fashionable statement? </span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Let me know your thoughts in the comments!</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je ne vous amène pas la nouvelle de l'année mais dès que j'ai vu le dernier défilé de mode Chanel, j'ai immédiatement su que je voulais le mentionner dans l'un des articles du blog.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>A chaque saison, tout le monde attend impatiemment que la Maison se réinvente et montre ses incroyables installations au Grand Palais. </i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Quelle ne fut pas ma surprise de découvrir le défilé PE17! Celui-ci se déroulait à l'intérieur du propre <b>'Data Center' </b>(lieu où sont stockés les serveurs qui contiennent des millions de millards de données) de la Maison où tous les éléments utilisés étaient en rapport avec la technologie, le digital, des cables et relatifs aux machines.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Citons donc Karl Lagerfeld<b> 'Imaginez votre vie sans téléphone et la prochaine étape sera l'intelligence artificielle et les robots'.</b></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>C'est donc arrivé... Deux robots appelés <b>'Cocobots'</b> ont ouvert le show et nous ont emmené dans le futur de la mode ou plus probablement le futur tout court...</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Auriez-vous déjà imaginé que Chanel puisse faire un tel défilé? </i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pensez-vous qu'il est pertinent pour une Maison telle que Chanel de faire une aussi forte affirmation mode-technologie? </i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Laissez-moi vos opinions et avis dans les commentaires!</i></span></div>
<div style="text-align: left;">
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-sM-XFvjITME/WAc2f6ObGuI/AAAAAAAAAUg/zDBrfhNvWMMJzGXn9NSSTNmRzBSl0nQQACK4B/s1600/04-chanel-invite.nocrop.w710.h2147483647.2x.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" height="640" src="https://4.bp.blogspot.com/-sM-XFvjITME/WAc2f6ObGuI/AAAAAAAAAUg/zDBrfhNvWMMJzGXn9NSSTNmRzBSl0nQQACK4B/s640/04-chanel-invite.nocrop.w710.h2147483647.2x.jpg" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span style="font-size: xx-small;">Chanel SS17 Invitation<br />Photo: Rebecca Ramsay</span></span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://3.bp.blogspot.com/-2nF1VjqMFok/WAc3fxCxTwI/AAAAAAAAAUs/aOEM4qeHbx8kSvcAnm3f5jhgvoSe-1JQQCLcB/s1600/Cocobots.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" height="360" src="https://3.bp.blogspot.com/-2nF1VjqMFok/WAc3fxCxTwI/AAAAAAAAAUs/aOEM4qeHbx8kSvcAnm3f5jhgvoSe-1JQQCLcB/s640/Cocobots.jpg" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: xx-small;">Cocobots opening the Chanel SS17 Fashion Show at Le Grand Palais in Paris</span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-Ei9OaMLLNuM/WAc4H7thikI/AAAAAAAAAU4/6vQWWcydEOAP6QWPX8En5_CMcGUzabCYgCK4B/s1600/mark-zuckerberg-facebook-data-center-sweden-1-1024x682-1024x682.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" height="424" src="https://2.bp.blogspot.com/-Ei9OaMLLNuM/WAc4H7thikI/AAAAAAAAAU4/6vQWWcydEOAP6QWPX8En5_CMcGUzabCYgCK4B/s640/mark-zuckerberg-facebook-data-center-sweden-1-1024x682-1024x682.jpg" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: xx-small;">What a real data center looks like: Facebook's in Sweden</span></td></tr>
</tbody></table>
</div>
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. </span><u style="font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;">HOW TECHNOLOGY CAN HELP TACKLE COUNTERFEIT / <span style="color: #741b47;">COMMENT LA TECHNOLOGIE PEUT AIDER A COMBATTRE LA CONTREFACON</span></u></h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Internet has freed the entire world for communicating and exchanging information on one single platform: the Web. </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Whilst it was a good tool for brands to expand their business, it was also an amazing opportunity for counterfeiters to distribute their illegal products to the broader audience.</span><br />
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />How can we now use technology to reverse this and fight counterfeit?</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />I read few examples on <a href="https://www.businessoffashion.com/articles/fashion-tech/can-new-technologies-thwart-luxury-fashion-counterfeiters-rfid-nfc-alibaba">this article</a> written by Helena Pike for Business Of Fashion:</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />- <a href="http://www.certilogo.com/"><b>Certilogo</b></a> is here to confirm that the product you are about to buy is certified authentic with a digital product authentification platform<br />- <b>RFID, NFC chips and QR codes</b> (which I was already mentioning in <a href="http://ameliescode.blogspot.fr/2016/08/trends-technology-code.html">this post</a>) are delicately embedded inside the products in order to be verified and authenticated when being sold or resold<br />- Strong and smart <b>algorithms </b>to look after fake websites and put them down</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br />Those solutions are efficient in the sense that they can be used easily by the consumer who is digitally-agile and the brand who will be alerted if there is a fraud.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This also gives a strong input in terms of data as you are able to track where people are registering their products and where the fraud has its potential highest 'footfall'.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">But we also know that counterfeiters are as smart as the brands and will be constantly evolving and investing in order to match the new devices and be able to get their piece of the cake...</span></div>
<div style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://4.bp.blogspot.com/-BBgu6JLkyvg/WAiP_hpal-I/AAAAAAAAAVI/9uwSD-aW1YcfPPta5UDN0TO5Yd2sW5rogCLcB/s1600/Screen%2BShot%2B2016-10-19%2Bat%2B17.24.56.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img border="0" height="353" src="https://4.bp.blogspot.com/-BBgu6JLkyvg/WAiP_hpal-I/AAAAAAAAAVI/9uwSD-aW1YcfPPta5UDN0TO5Yd2sW5rogCLcB/s640/Screen%2BShot%2B2016-10-19%2Bat%2B17.24.56.png" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: xx-small;">Certilogo online authentification system</span></td></tr>
</tbody></table>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Internet a libéré le monde de la communication et de l'échange d'informations grâce à une unique et simple plateforme: le Web.<br />Bien que cela ait été un formidable outil pour les marques afin qu'elles développent leur expansion, cela a aussi été une belle opportunité pour les contre-façonniers de distribuer leurs produits à une plus grande portion de la population.</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br />Comment pouvons-nous utiliser la technologie pour inverser cette tendance et combattre la contre-façon?</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br />J'ai lu plusieurs exemples dans <a href="https://www.businessoffashion.com/articles/fashion-tech/can-new-technologies-thwart-luxury-fashion-counterfeiters-rfid-nfc-alibaba">cet article</a> écrit par Helena Pike pour Business Of Fashion:<br />- <a href="http://www.certilogo.com/"><b>Certilogo</b></a> est là pour confirmer que les produits que vous allez acheter sont certifiés comme authentiques une fois que vous rentrez le code sur leur plateforme digitale<br />- Les<b> puces RFID, NFC et les QR codes </b>(dont je vous parlais déjà dans <a href="http://ameliescode.blogspot.fr/2016/08/trends-technology-code.html">ce post</a>) sont délicatement insérés à l'intérieur des produits afin qu'ils puissent être vérifiés et authentifiés quand ils sont vendus ou revendus<br />- Des <b>algorithmes</b> bien étudiés et puissants pour chercher les faux sites et ensuite les désactiver</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br />Ces solutions sont efficaces dans le sens où elles peuvent être aisément utilisées par le consommateur qui est maintenant constamment habitué à utiliser du digital et par la marque qui sera alertée en cas de fraude.<br />Il y aura aussi un fort input dans l'analyse des données et où l'on pourra tracker où les personnes enregistrent les produits et où la fraude est potentiellement la plus répandue.</i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Mais nous savons aussi que les contre-façonniers sont aussi intelligents que les marques et évolueront et investiront constamment pour s'adapter aux nouvelles technologies et usages afin de continuer à prendre leur part du gâteau...</i></span></div>
<div style="text-align: center;">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br class="Apple-interchange-newline" />To be continued in the next episode, Amélie X</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></div>
<br />
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode, Amélie X</i></span></div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>
</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-11092839377601617662016-10-06T12:58:00.001+02:002016-11-10T16:40:35.855+01:00I EARNED MY CODECADEMY BADGES!<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Hi everyone,<i><span style="color: #741b47;"> Hello tout le monde,</span></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">As I said last time, I finished the HTML/CSS course on Codecademy and earned 18 badges and 106 points in total. I do not really know what it is worth but it is still good to earn some digital rewards for your work!</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">As for today, I was thinking to finish all the last pieces for CSS so you can master it a bit better.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Comme je vous l'ai annoncé la dernière fois, j'ai terminé le cours HTML/CSS sur Codecademy and j'ai amassé pas moins de 18 badges et 106 points au total. Je ne sais pas vraiment ce que ça vaut mais il est toujours gratifiant d'avoir des médailles digitales pour récompenser le travail accompli!</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour aujourd'hui, je pensais finir les derniers détails du CSS pour que vous puissiez mieux le maîtriser.</i></span></div>
<div style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-khJvAlkzbSw/V_YT3Bobs_I/AAAAAAAAATM/hX9WLjKVEA4emrU052v0_BL8w-QTJsM7gCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-10-06%2Ba%25CC%2580%2B11.18.02.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size " border="0" height="370" src="https://4.bp.blogspot.com/-khJvAlkzbSw/V_YT3Bobs_I/AAAAAAAAATM/hX9WLjKVEA4emrU052v0_BL8w-QTJsM7gCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-10-06%2Ba%25CC%2580%2B11.18.02.png" title="Codecademy badge" width="400" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: xx-small;">One of my Codecademy badge<br />Credits: codedamy.com</span></td></tr>
</tbody></table>
</div>
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. <u>THE COLOURS / <i><span style="color: #741b47;">LES COULEURS</span></i></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">We saw previously that we could change the colour of your font and background. But there is an infinity of colours and they unfortunately do not have all a name. And if we start the debate on whether it is a ducky blue or a ducky green, this might lead to a lot of fights with yourself or your peers ;)</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The solution is hexadecimal value. What is that? Very simple, let me explain it to you:</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">- It is a combination of 8 letters and/or numbers from <b>A to F</b> and from <b>0 to 9</b></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">- Any value will start with a hashtag <b>#........</b></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">- It is not sensitive to capital/lower-case letter so #11DA890c is the same as #11da890c</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">If you wish to find what code is associated to what colour, click <a href="http://htmlcolorcodes.com/fr/">here</a></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Nous avons vu précédemment que nous pouvions changer les couleurs de votre police ou fond. Mais il existe une infinité de couleurs et elles n'ont malheureusement pas toutes un nom. Et si nous commençons le débat sur est-ce un bleu canard ou un vert canard, cela vous amènera certainement à de nombreux conflits internes avec vous-mêmes ou avec vos collaborateurs ;)</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La solution est donc la valeur hexadécimale. Qu'est-ce que c'est? Très simple, laissez-moi vous expliquer:</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>- C'est une combinaison de 8 lettres et/ou chiffres de <b>A à F</b> et de <b>0 à 9</b></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>- N'importe quelle valeur commencera avec un hashtag <b>#........</b></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>- Le code n'est pas sensible à la casse, c'est à dire que peu importe que vous mettiez des majuscules ou des minuscules, le résultat sera le même: #11DA890c est pareil que #11da890c</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Si vous souhaitez trouver quel est le code associé à la couleur choisie, cliquez <a href="http://htmlcolorcodes.com/fr/">ici</a></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-sCzPIL4jwCs/V_YWX_cbw9I/AAAAAAAAATY/OgrWzllEuZ4vTRAmkSrM0EhxeJKoJCQawCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-10-06%2Ba%25CC%2580%2B11.29.30.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size RGB hexadecimal colour color couleur" border="0" height="285" src="https://3.bp.blogspot.com/-sCzPIL4jwCs/V_YWX_cbw9I/AAAAAAAAATY/OgrWzllEuZ4vTRAmkSrM0EhxeJKoJCQawCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-10-06%2Ba%25CC%2580%2B11.29.30.png" title="" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: htmlcolorcodes.com</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-ZjyOz7S7J20/V_YWaN9bqiI/AAAAAAAAATg/_cM0zqDcpF0eER4zztauu6RPNQZePYg6ACK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-10-06%2Ba%25CC%2580%2B11.29.43.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size " border="0" height="286" src="https://4.bp.blogspot.com/-ZjyOz7S7J20/V_YWaN9bqiI/AAAAAAAAATg/_cM0zqDcpF0eER4zztauu6RPNQZePYg6ACK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-10-06%2Ba%25CC%2580%2B11.29.43.png" title="" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Credits: htmlcolorcodes.com</span></td></tr>
</tbody></table>
<a href="http://htmlcolorcodes.com/fr/"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></a><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span></div>
<div style="text-align: left;">
<br /></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. <u>WHAT HAPPENS WHEN I GO TO MY TABLET OR A SMARTPHONE? / <span style="color: #741b47;">QUE SE PASSE-T-IL LORSQUE JE VAIS SUR MA TABLETTE OU UN SMARTPHONE?</span></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Whilst surfing on the Internet on a tablet or a smartphone, I am 100% sure you must have seen this message: Do you want to pursue on the normal website or go to the mobile version?</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Yes you got it right, websites can 'change' and adapt themselves to the support you are using so it does not look 'weird'.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">We do that by using 'em' - and not <em></em> - which means relative measure.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1em = default font size of the screen you are using</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It is perfect to adapt to the screen as the measure will adapt the size and will not use the absolute value such as 12px.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><span style="color: blue;"><p style='font-size:0.5em'></span></b>...<b><span style="color: blue;"></p></span></b></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #4c1130; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Quand vous surfez sur Internet à partir d'une tablette ou d'un smartphone, je suis sûre et certaine que vous avez déjà rencontré ce message: Voulez-vous continuer la navigation sur le site normal ou sur la version mobile?</i></span></div>
<div style="text-align: left;">
<span style="color: #4c1130; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Et oui, vous avez bien compris, les sites peuvent 'changer' et s'adapter au support que vous utilisez pour que cela ne rende pas 'bizarre'.</i></span></div>
<div style="text-align: left;">
<span style="color: #4c1130; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #4c1130; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>On fait ça en utilisant 'em' - et non pas les balises <em></em> - ce qui signifie mesure relative.</i></span></div>
<div style="text-align: left;">
<span style="color: #4c1130; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>1em = taille de police par défaut de l'écran utilisé</i></span></div>
<div style="text-align: left;">
<span style="color: #4c1130; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #4c1130; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>C'est parfait pour l'adaptation aux écrans puisque la mesure adaptera la taille et n'utilisera pas la valeur absolue comme 12px.</i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">3. <u>EMERGENCY VALUE / <span style="color: #741b47;">VALEURS DE SECOURS</span></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Another one I am pretty sure you may have seen: What if you are using a font that another user cannot read? </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It happened to me a lot of times when working on a PPT from a Windows computer and then opened it at home on my MacBook and it would change and take a very weird look. </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This can happen to websites too!</span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">In order to avoid the awkward look it could give your website, you can use emergency values. So when the machine reads the CSS, if it cannot find a specific font, it will go to the next one until it finds one it can read.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">p {</span></b></div>
<div style="text-align: left;">
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> font-family:<span style="color: blue;">Tahoma, Verdana, Arial, Times New Roman,</span></span></b></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> <b>}</b></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This means that the machine will firstly look for Tahoma, then Verdana and so on. The list works from left to right and once a font is being used, the rest of the list will be ignored.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Une autre situation que je suis sûre vous avez tous vécus: Que se passe-t-il quand vous utilisez une police qu'un autre utilisateur ne peut pas lire? </i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Cela m'est arrivé tellement de fois quand je travaillais sur un PPT à partir d'un ordinateur Windows et quand je l'ouvrais à la maison sur mon MacBook tout prenait une autre forme, souvent très bizarre je vous l'accorde. </i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span>
<br />
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Et bien cela peut arriver aux sites internet aussi!</i></span></div>
</div>
<div style="text-align: left;">
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour éviter ce look bizarroïde que cela donnerait à votre site, vous pouvez utiliser des valeurs de secours. Quand la machine lira le CSS, si elle ne peut pas trouver une police spécifique, elle ira lire celle juste après jusqu'à ce qu'elle trouve une police qu'elle connaît.</i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<div>
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">p {</span></b></div>
<div>
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> font-family:<span style="color: blue;">Tahoma, Verdana, Arial, Times New Roman,</span></span></b></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> <b>}</b></span></div>
</div>
<div style="text-align: left;">
<b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></b></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Cela veut dire que la machine regardera d'abord si elle peut lire Tahoma, ensuite Verdana etc... La liste fonctionne de gauche à droite et une fois qu'une police est utilisée, le reste de la liste sera ignoré.</i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">4. <u>VERY BAD LOOKING BLUE HTML LINKS / <span style="color: #741b47;">LES AFFREUX LIENS HTML BLEUS</span></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Yes, I am saying it. Those HTML links you set up in an email, in a doc are very ugly (don't worry I am setting them as well): bright blue, bold and underlined. And once you click on them they turn into purple...</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">YOU CAN CHANGE THAT! I know, it sounded like a miracle when I found out about it... </span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Easy to do, it is called text-decoration.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Below I wanted my link <a> to Google to look red #cc0000 and to not turn into the basic HTML link. </span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I just put text-decoration:none.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-jFvJEXLFLtw/V_YhhzC__jI/AAAAAAAAAT0/V3zUm7D5lD4D5W3waBHLHIGuqV3xPNqVQCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-20%2Ba%25CC%2580%2B12.49.13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size " border="0" height="210" src="https://3.bp.blogspot.com/-jFvJEXLFLtw/V_YhhzC__jI/AAAAAAAAAT0/V3zUm7D5lD4D5W3waBHLHIGuqV3xPNqVQCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-20%2Ba%25CC%2580%2B12.49.13.png" title="" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-dgf9dcO84P8/V_Yhlxvi5CI/AAAAAAAAAUE/FNSjszVptcYmNEAqJXfG3Ei-0teRSKKpwCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-20%2Ba%25CC%2580%2B12.49.18.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size " border="0" height="325" src="https://2.bp.blogspot.com/-dgf9dcO84P8/V_Yhlxvi5CI/AAAAAAAAAUE/FNSjszVptcYmNEAqJXfG3Ei-0teRSKKpwCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-20%2Ba%25CC%2580%2B12.49.18.png" title="" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Credits: codecademy.com</span></td></tr>
</tbody></table>
</div>
<div style="text-align: left;">
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Oui, je n'ai pas peur de le dire. Ces liens HTML que vous mettez dans un email, dans un document sont vraiment laids (je les utilise aussi...): bleu roi bien flashy, en gras et souligné. Et une fois que vous avez cliqué dessus, ils deviennent violet...</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>VOUS POUVEZ CHANGER CA! Je sais, ça m'a fait l'effet d'un miracle quand j'ai su qu'on pouvait le faire...</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Facile à faire, il s'agit de text-decoration.</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Vous pouvez observer l'exemple ci-dessus où je voulais que mon lien <a> vers Google soit rouge #cc0000 et qu'il ne devienne pas un lien HTML basique. </i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>J'ai donc mis text-decoration:none.</i></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Do you feel you know a bit more about CSS? Let me know if you have questions or would like to share your experience here! </b></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>I am now going to start a MOOC on OpenClassrooms! </b></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>It is for creating a website on Wordpress as I already feel this blog is not looking good enough to my standards and there is only little room for changes on Blogger... </b></span></div>
</div>
<div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
</div>
<div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>Est-ce que vous pensez que vous en connaissez le CSS un peu plus maintenant? N'hésitez pas à me poser vos questions ou si vous désirez partager votre expérience ici!</b></i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b><br /></b></i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><i>Je vais maintenant commencer un MOOC sur OpenClassrooms!</i></b></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><i>Il s'agit de celui pour créer un site sur WordPress car je trouve que ce blog ne correspond pas à mes standards et la marge de manoeuvre de modifications sur Blogger est minuscule voire inexistante...</i></b></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b><br /></b></i></span></div>
</div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next episode, Amélie X</span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></span><br />
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode, Amélie X</i></span></div>
</div>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>
</div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-74268843096827841032016-09-26T13:57:00.003+02:002016-11-10T16:40:45.636+01:00WHAT'S NEW ON TECH EP. 2<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Hi there! <i><span style="color: #741b47;">Hello ici!</span></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I have not been writing for a long time because... well, I did not have much to say to be honest. I would rather give you qualitative content to read than quantitative with poor quality behind. So now, I have a lot of things to share with you and several articles are coming up!</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">First, I finished the HTML course on Codecademy!</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Second, I created a website for my friends on Jimdo so I can give you a full review of the service. I just need to get the final feedback and change a few things and I can show it to you afterwards.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Third, what am I going to do next with HTML language?</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">But for now, let's see what's new on tech!</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je n'ai pas écrit sur le blog depuis quelques temps... pour être honnête, il s'agissait tout simplement du fait que je n'avais pas grand chose à partager. Je préfère vous donner du contenu qualitatif à lire que des articles qui s'enchaînent avec une piètre qualité. Mais maintenant j'ai pas mal de choses à partager et ce dans plusieurs articles à venir!</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Premièrement, j'ai fini le cours d'HTML de Codecademy!</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Deuxièmement, j'ai créé un site internet pour des amies sur Jimdo et je serai donc à même de vous donner mon avis sur les services proposés. Je dois juste attendre le feedback final et effectuer les derniers petits changements pour pouvoir vous le montrer.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Troisièmement, qu'est-ce que je vais faire avec le code HTML maintenant?</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Mais à présent voyons ce qu'il y a de nouveau dans la technologie!</i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. <u>THE ROBOT THAT SEWS AN ENTIRE PIECE OF CLOTHING /<span style="color: #741b47;"><i> LE ROBOT QUI COUD UNE PIECE DE VÊTEMENT EN ENTIER</i></span></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Yes you read it right...</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Jonathan Zornow - a genius! - created a robot and a program that allow a machine to sew an entire piece of clothing.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To make it simple, as for now, machines can cut the fabric, sew pieces but not an entire one. You still need to have employees to pass on, rotate, return the piece in order to get the sewing right.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">One big issue was the fabric itself, indeed, it is way too soft to be handled by an automated arm.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Zornow came up with a solution and found out that if you put the fabric into a liquid version of the polymer it would be stiff and so pickable by the arm to be moved around! Right after the piece is finished, just put it in the water to make it go back to its normal shape.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">What do you think about this project? Do you foresee opportunities using that robot?</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Original article: <a href="https://www.technologyreview.com/s/602423/a-robot-that-sews-could-take-the-sweat-out-of-sweatshops/">MIT Technology Review</a></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.blogger.com/video.g?token=AD6v5dwBtvLv5-C8aOLVym4Zjh-tVFR-fEzda_7LOd4OQt8RaWoDCtM7Fm97FH26J_Wey8KbAXxogxykplJiFXVngg' class='b-hbp-video b-uploaded' frameborder='0'></iframe></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Oui vous avez bien lu...</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Jonathan Zornow - un génie! - a créé un robot ainsi qu'un programme qui permettent à une machine de coudre un vêtement en entier.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour faire simple, jusqu'à maintenant, les machines peuvent couper le tissu, coudre des pièces ensemble mais pas un vêtement entier. Vous avez toujours besoin de personnes qui font passer les pièces, les tournent, retournent pour que les coutures soient bien faites.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Le problème majeur qui se posait était le tissu lui-même, en effet, il est bien trop mou pour être manipulé par un bras automatique.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Zornow a donc cherché et trouvé une solution. Si vous mettez le tissu dans une version liquide du polymère, le tissu devient rigide et le bras peut dont le prendre et le manipuler comme bon lui semble! Juste après avoir terminé la pièce, mettez-là dans un bain d'eau pour qu'elle retourne à son état originel.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Que pensez-vous du projet? Voyez-vous des opportunités d'utilisation de ce robot?</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Article source: <a href="https://www.technologyreview.com/s/602423/a-robot-that-sews-could-take-the-sweat-out-of-sweatshops/">MIT Technology Review</a></i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. <u>HOW CODE CAN PROTECT YOUR JOB -<i><span style="color: #741b47;"> COMMENT LE CODE PEUT-IL PROTEGER VOTRE EMPLOI</span></i></u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This is a good one! How coding can actually prevent myself from losing my job? I can already hear the sceptical saying this is pure fantasy smoke.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">If you look at new educational programs, coding is making its way through all stages of children education. </span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">A lot of free or low-cost (I do not really like this term as it always induces 'poor' quality in everyone's mind but it is not always the case) programs exist in a lot of countries in order to attract people interested in that matter.</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The demand in programing is much higher than the number of people who can deal with it. </span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">A good example is given by Londoner Kathryn Parsons - <a href="https://decoded.com/en-gb/">Decoded</a> co-founder. The US employ about three million people in the truck industry and we have all heard about the automated driving systems and how technology is influencing this industry. </span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Can you see the simple equation: three million persons knowing code/programming at different levels? The added value would be consequent! </span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Original article: <a href="http://www.standard.co.uk/news/techandgadgets/learning-to-code-is-the-best-way-to-protect-your-job-warns-technology-firm-boss-a3335271.html">The Evening Standard</a></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://1.bp.blogspot.com/-gEzcK9EhwVo/V-kAbuDl0BI/AAAAAAAAASw/IOcNJUFwlQwq35suxEl2vvnv-k2-XS9pQCLcB/s1600/8kathrynparsons0209a.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size decoded" border="0" height="426" src="https://1.bp.blogspot.com/-gEzcK9EhwVo/V-kAbuDl0BI/AAAAAAAAASw/IOcNJUFwlQwq35suxEl2vvnv-k2-XS9pQCLcB/s640/8kathrynparsons0209a.jpg" title="Kathryn Parsons - Decoded co-founder and co-CEO" width="640" /></span></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">Kathryn Parsons - Decoded co-founder and co-CEO</span></td></tr>
</tbody></table>
</div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>En voici une nouvelle intéressante! Comment le code peut-il vous aider à garder votre emploi? Je vois déjà les sceptiques dirent qu'il ne s'agit que de poudre de perlimpinpin.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Si vous jetez un coup d'oeil aux nouveaux programmes éducatifs, le code fait une entrée fracassante à tous les niveaux d'éducation.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Beaucoup de programmes gratuits ou peu chers (attention, cela ne veut pas dire que la qualité est moindre) existent dans une multitude de pays et ont pour but d'attirer les personnes intéressées par ce sujet.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La demande en programmeur est bien supérieure au nombre de personnes qui savent utiliser les langages de code.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Un très bon exemple est donné par la londonienne Kathryn Parsons - co-fondatrice de <a href="https://decoded.com/en-gb/">Decoded</a>. Les Etats-Unis emploient à peu près trois millions de personnes dans l'industrie du transport routier et nous avons tous entendu parler des systèmes de conduite automatique et comment la technologie influence ce secteur.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pouvez-vous voir la simple équation: trois millions de personnes qui connaitraient le code/la programmation à différents niveaux? La valeur ajoutée serait plus que conséquente!</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Article source: <a href="http://www.standard.co.uk/news/techandgadgets/learning-to-code-is-the-best-way-to-protect-your-job-warns-technology-firm-boss-a3335271.html">The Evening Standard</a></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next episode, Amélie X</span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode, Amélie X</i></span></div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-37463231260759713722016-09-12T15:04:00.001+02:002016-11-10T16:40:53.441+01:00CSS or C'EST SUPER STYLE!<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Hello Monday readers! <i><span style="color: #741b47;">Bonjours lecteurs du Lundi!</span></i></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Here comes CSS (Cascading Style Sheets) intro! I could not believe myself how wonderful this part of HTML is! It makes your life so much easier once you control it. Let's see what it is all about.</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Et voilà le CSS (ou le C'est Super Stylé!) avec une petite introduction! Je n'en croyais pas mes yeux de découvrir à quel point cet outil de l'HTML est si génial! Cela vous rend la vie tellement plus facile une fois que vous le maitrisez. Voyons voir ce que nous pouvons dire à ce sujet.</i></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">1. <u>CSS & HTML</u></span></h3>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">You need to separate HTML and CSS as CSS is the shape and HTML is the functional structure. </span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">There are two reasons for that:</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">- CSS allows to apply the same style to several different HTML pieces without re-writing all over again the same codes for each element</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">- You can apply an identical style to several different HTML pages from one unique file</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">The most efficient way to write a CSS file is to do it on a separate page and to link the two files after:</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">a- Write your HTML code with the content</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">b- Write your CSS code to indicate the style you want to have</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">c- Link the CSS page on your HTML page</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">d- Tadah! Everything looks perfect as you wanted to!</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Il faut séparer le HTML et le CSS car le CSS est la forme et le HTML est la structure fonctionnelle.</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Il y a deux raisons pour cela:</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>- Permet d'appliquer le même style à plusieurs éléments HTML sans devoir écrire le code pour chacun des éléments</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>- On peut appliquer une apparence et un formatage identique à plusieurs pages HTML à partir d'un seul et unique fichier</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>La manière la plus efficace d'écrire un document CSS est de le faire sur une page séparée du document HTML:</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>a- Ecrivez votre code HTML avec le contenu</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>b- Ecrivez le code CSS pour indiquer le style que vous désirez avoir</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>c- Créer un lien vers le CSS dans la page HTML</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>d- Tadah! Tout a une apparence parfaite comme vous le souhaitiez!</i></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2. <u>How to link your CSS into your HTML doc / <span style="color: #741b47;">Comment lier votre CSS dans votre doc HTML</span></u></span></h3>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Link has three attributes listed below:</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">a- '<b>type</b>' always has to equal '<b>text/css</b>'</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">b- one attribute '<b>rel</b>' which always needs to equal '<b>stylesheet</b>'</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">c- another attribute '<b>href</b>' that needs to point to the internet address where your CSS doc is stored</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><</span><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">link type</b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">=</span><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">'text/css'<span style="color: blue;">;</span></b> <b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">rel</b><span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">=</span><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">'stylesheet'</b><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><span style="color: blue;">;</span></b><span style="color: #333333; font-family: helvetica neue, arial, helvetica, sans-serif;"><span style="background-color: white; line-height: 19.6px;"> </span></span><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">href</b><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">=</span><b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">'stylesheet.css'</b><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Le lien (link) a trois attributs listés ci-dessous:</span></i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>a- '<b>type</b>' doit toujours être égal à '<b>text/css</b>'</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>b- un attribut '<b>rel</b>' doit toujours être égal à '<b>stylesheet</b>'</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>c- un attribut '<b>href</b>' qui doit pointer vers l'adresse internet de votre fichier CSS</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<h3 style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">3. <u>CSS syntaxe / <span style="color: #741b47;"><i>La syntaxe CSS</i></span></u></span></h3>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>The base format is as below:</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Le format est indiqué ci-dessous:</i></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size" border="0" height="400" src="https://2.bp.blogspot.com/-0YjfBvYFMZY/V9ahTpUTU1I/AAAAAAAAASI/zxcaqCGg1HsGExlqfNKdrUzmKasJpUIoQCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-08%2Ba%25CC%2580%2B15.04.24.png" style="margin-left: auto; margin-right: auto;" title="CSS structure Codecademy" width="336" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">As shown above, there are <b>three</b> criteria:</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">- <b><u>selector</u></b>: any HTML elements (<p>; <img>; <table> ...). You just need to get rid of the tags</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">- <b><u>property</u></b>: one of the selector's characteristics. The font family, the font size, the colour... All characteristics that can be attributed to one word or to paragraphs in your web pages</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">- <b><u>value</u></b>: one of the possible value of the property. For example 'red' is a possible value of the property 'color'.</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Comme montré ci-dessus il y a <b>trois</b> critères:</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>- <b><u>selector (sélecteur)</u></b>: n'importe quel élément de l'HTML (<p>; <img>; <table> ...). Il suffit juste de retirer les balises</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>- <b><u>property (propriété)</u></b>: une caractéristique d'un sélecteur. La famille de police, sa taille, la couleur... N'importe quelle caractéristique qui peut être attribuée à un mot ou des paragraphes dans vos pages web</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>- <b><u>value (valeur)</u></b>: il s'agit de l'une des valeurs possibles de la propriété. Par exemple, 'red' est l'une des valeurs possibles pour la propriété 'color'</i></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">>> All property-value couples need to be ended with ';' or it won't work <<</span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>>> Chaque couple de propriété-valeur doit se terminer par ';' ou cela ne fonctionnera pas <<</i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">I have put an example below of what the HTML and CSS doc both look like. The result in the right window. Do not hesitate to let me know if you have question :)</span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>J'ai mis un exemple ci-dessous de ce à quoi ressemblent les docs HTML et CSS. Le résultat est dans la fenêtre de droite. N'hésitez pas à me faire connaître vos questions!</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-Cdsk0lUGhg0/V9alxCKBE3I/AAAAAAAAASU/Pc5vzD_W5R4ww_AzN-wFT6psV9bGCPnvwCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-12%2Ba%25CC%2580%2B14.57.04.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size" border="0" height="268" src="https://2.bp.blogspot.com/-Cdsk0lUGhg0/V9alxCKBE3I/AAAAAAAAASU/Pc5vzD_W5R4ww_AzN-wFT6psV9bGCPnvwCK4B/s640/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-12%2Ba%25CC%2580%2B14.57.04.png" title="HTML sheet Codecademy" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Credits: codecademy.com</span></td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-AysRwWemH5A/V9alzqMnvEI/AAAAAAAAASc/u2TFZBf0bA0ZC5bO_0nhgxyQWiRiumeHgCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-12%2Ba%25CC%2580%2B14.57.13.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte own technology sillicon valley myself autodidact programmeur programator HTML CSS style font family size" border="0" height="228" src="https://2.bp.blogspot.com/-AysRwWemH5A/V9alzqMnvEI/AAAAAAAAASc/u2TFZBf0bA0ZC5bO_0nhgxyQWiRiumeHgCK4B/s640/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-09-12%2Ba%25CC%2580%2B14.57.13.png" title="CSS sheet Codecademy" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-size: 12.8px;">Credits: codecademy.com</span></td></tr>
</tbody></table>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">NB: I just started a 'real' first project with Jimdo. Do you foresee what I am talking about? ;)</span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>NB: j'ai d'ailleurs commencé un premier 'vrai' projet avec Jimdo. Est-ce que vous voyez ce dont je veux parler? ;)</i></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">To be continued in the next episode, Amélie X</span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>La suite au prochain épisode, Amélie X</i></span></div>
<br /></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script></div>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-53123432035743321082016-09-02T16:59:00.001+02:002016-11-10T16:41:12.591+01:00TWO FUNNY CODE STORIES FOR YOUR WEEKEND!<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Hello Hello Hello!</span><div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Let's bring some fun to the weekend! </span><i style="color: #741b47; font-family: 'helvetica neue', arial, helvetica, sans-serif;">Apportons un peu de fun à votre week-end!</i></div>
<div>
<i style="color: #741b47; font-family: 'helvetica neue', arial, helvetica, sans-serif;"><br /></i></div>
<h3 style="text-align: left;">
<u style="font-family: 'helvetica neue', arial, helvetica, sans-serif;">1. Pixar and Coding - <i><span style="color: #741b47;">Pixar et le Code</span></i></u></h3>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Yes! It is all about animation movies - I have a thing with the Minions even though they are not from Pixar but Illumination. Whether you like them or not, you must admit that those films are pure artistic creations. They bring you to some worlds your imagination could not even have created (and your brain remains the best partner you have when it comes to creation). I won't explain it more, just click <a href="https://www.youtube.com/watch?v=Z1R1z9ipFnM" target="_blank">HERE</a> to watch it!</span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-AdlrbX_fyhU/V8mHVbmcCHI/AAAAAAAAARM/4RTYJ58riHgVnc1hBLrFSqnDa4AaFag6ACK4B/s1600/Pixar%2Bcoding.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML Pixar Nemo animation maths Danielle Feinberg magic magique ingrédient ingredient movies films film movie" border="0" height="286" src="https://1.bp.blogspot.com/-AdlrbX_fyhU/V8mHVbmcCHI/AAAAAAAAARM/4RTYJ58riHgVnc1hBLrFSqnDa4AaFag6ACK4B/s640/Pixar%2Bcoding.png" title="Danielle Feinberg: The Magic ingredient that brings Pixar movies to life" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: ted.com</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="color: #741b47; font-family: helvetica neue, arial, helvetica, sans-serif;"><i>Oui! Il s'agit bien là de films d'animation - J'ai vraiment un truc avec les Minions même si ils ne sont pas la propriété de Pixar mais d'Illumination. Que vous les aimiez ou pas, vous devez admettre que ces films sont de la pure création artistique. Ils vous emmènent dans des mondes que même votre imagination n'aurait pu créer (et votre cerveau reste le meilleur partenaire que vous ayez lorsqu'il s'agit de création). Je n'en expliquerai pas plus, cliquez <a href="https://www.youtube.com/watch?v=Z1R1z9ipFnM" target="_blank">ICI</a> pour regarder la vidéo!</i></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">2. <u>Tab or Space when you code? - <i><span style="color: #741b47;">Quand vous codez, êtes-vous plus Tabulation ou Espace?</span></i></u></span></h3>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">That's a good one! When you code, do you use Tab or Space? It is the same 'issue' as on Word. Would you type five times over the space bar to make a bigger space or use one time the tab key? The noise of typing several times on the space bar can be very annoying ;)</span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Wonder what all the programmers in the world use? Check it out below.</span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Felipe Hoffa, Developer Advocate at Google, studied about 1 billion files on <a href="https://github.com/" target="_blank">GitHub</a> = 400,000 projects = 14 Tb of data (not that much right?). He removed all duplicated and small files. Once done, he split all the files by category and here you are: the results are on the picture below.</span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">So, are you more Tab or Space?</span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-UHfawkd0jf0/V8mPM9ojpoI/AAAAAAAAARo/BLxhpvTOZBAVyfs08X4MkXEISEqnLMTSQCK4B/s1600/Tab%2Bcode.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML tab tabulation space" border="0" height="388" src="https://2.bp.blogspot.com/-UHfawkd0jf0/V8mPM9ojpoI/AAAAAAAAARo/BLxhpvTOZBAVyfs08X4MkXEISEqnLMTSQCK4B/s640/Tab%2Bcode.png" title="Use of Tab for indentation" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">When you use tab equals a long straight line. Credits: <a href="https://feub.net/2014/04/convertir-les-espaces-en-tabulations/">feub.net</a></td></tr>
</tbody></table>
<table cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-Lgsw8SRT01o/V8mPMBRXAKI/AAAAAAAAARg/p_kmuWn0I74jOyvW-sREQ0RQfIMw6DWKwCK4B/s1600/Espace%2Bcode.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML tab tabulation space" border="0" height="388" src="https://3.bp.blogspot.com/-Lgsw8SRT01o/V8mPMBRXAKI/AAAAAAAAARg/p_kmuWn0I74jOyvW-sREQ0RQfIMw6DWKwCK4B/s640/Espace%2Bcode.png" title="Use of Space for indentation" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">When you use spaces equals dots. Credits: <a href="https://feub.net/2014/04/convertir-les-espaces-en-tabulations/">feub.net</a></td></tr>
</tbody></table>
<div>
<i><span style="color: #741b47;"><span style="font-family: helvetica neue, arial, helvetica, sans-serif;">En voici une bien bonne! </span><span style="font-family: 'helvetica neue', arial, helvetica, sans-serif;">Quand vous codez, vous utilisez plutôt la Tabulation ou l'Espace?</span><span style="font-family: 'helvetica neue', arial, helvetica, sans-serif;"> C'est le même 'problème' que sur Word. Est-ce que vous tapez cinq fois sur la barre d'espace pour faire l'espace plus grand ou juste une seule fois sur la touche tab? Entendre le bruit de la barre d'espace plusieurs fois d'affilée peut vite devenir frustrant ;)</span></span></i></div>
<div>
<span style="font-family: 'helvetica neue', arial, helvetica, sans-serif;"><i><span style="color: #741b47;">Vous vous demandez ce que les programmateurs du monde entier utilisent? Regardez ci-dessous.</span></i></span></div>
<div>
<span style="color: #741b47; font-family: helvetica neue, arial, helvetica, sans-serif;"><i>Felipe Hoffa, un Développeur de Google, a étudié 1 milliard de fichiers sur GitHub - 400,000 projets = 14 Tb de données (tellement peu n'est-ce pas?). Il a supprimé tous les fichiers dupliqués ou trop petits. Une fois cette étape effectuée, il a séparé les fichiers en catégories et vous y êtes: les résultats sont sur la photo ci-dessous. </i></span></div>
<div>
<span style="color: #741b47; font-family: helvetica neue, arial, helvetica, sans-serif;"><i>Alors, plutôt Tab ou Espace?</i></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-2_FBU9l3jAA/V8mQ5wlDdkI/AAAAAAAAAR0/uYGJ9XXNct0qWSFu7mstpRuPcqx8l85ZACK4B/s1600/Tabs%2Bor%2BSpaces%253F.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML Java Python tab tabs tabulation tabulations space spaces keyboard" border="0" height="408" src="https://2.bp.blogspot.com/-2_FBU9l3jAA/V8mQ5wlDdkI/AAAAAAAAAR0/uYGJ9XXNct0qWSFu7mstpRuPcqx8l85ZACK4B/s640/Tabs%2Bor%2BSpaces%253F.png" title="Tabs versus Spaces in coding" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: medium.com / Felipe Hoffa</td></tr>
</tbody></table>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Bonus: click <a href="https://www.youtube.com/watch?v=SsoOG6ZeyUI">here</a> to see how you can lose a potential love affair if you are a space user and your target believes in tab!</span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<div>
<span style="color: #741b47; font-family: helvetica neue, arial, helvetica, sans-serif;"><i>Bonus: cliquez <a href="https://www.youtube.com/watch?v=SsoOG6ZeyUI">ici</a> pour voir comment vous pouvez perdre une potentielle histoire d'amour si vous êtes fan de la barre d'espace et que votre cible est plutôt en mode tab!</i></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Sources: <a href="https://medium.com/@hoffa/400-000-github-repositories-1-billion-files-14-terabytes-of-code-spaces-or-tabs-7cfe0b5dd7fd#.qe1l8s9ms" target="_blank">Felipe Hoffa'article published on Medium</a> - <a href="http://www.blogdumoderateur.com/tabulation-espace/" target="_blank">Le Blog du Modérateur</a></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;">Hope you liked it! <i><span style="color: #741b47;">J'espère que vous avez aimé!</span></i></span></div>
<div>
<span style="font-family: helvetica neue, arial, helvetica, sans-serif;"><i><span style="color: #741b47;"><br /></span></i></span></div>
<div>
<span style="background-color: white; color: #333333; font-family: 'helvetica neue', arial, helvetica, sans-serif; line-height: 19.6px;">To be continued in the next episode, Amélie X</span><br style="background-color: white; color: #333333; font-family: 'helvetica neue', arial, helvetica, sans-serif; line-height: 19.6px;" /><span style="background-color: white; color: #741b47; font-family: 'helvetica neue', arial, helvetica, sans-serif; line-height: 19.6px;"><i>La suite au prochain épisode, Amélie X</i></span></div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-87143444457416042602016-08-26T16:58:00.002+02:002016-11-10T16:41:29.075+01:00SHAPING THE PAGE II<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Hello Friday readers! <i><span style="color: #741b47;">Bonjour lecteurs du vendredi!</span></i></span><br />
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It is now time to see what else we can do to shape and style your page. Today is all about the <style> attribute. We have seven elements to review plus a little bonus or maybe two...</span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Il est maintenant l'heure de voir ce que nous pouvons faire de plus pour styliser votre page. Aujourd'hui est entièrement consacré à ce que l'on appelle l'attribut <style>. Nous avons sept éléments à étudier ainsi qu'un petit bonus ou peut-être deux...</i></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. <u>What is the style attribute? <i><span style="color: #741b47;">Qu'est-ce que l'attribut style?</span></i></u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The 'style' attribute is the key word you need to write between other tags in order to activate it and style the page: <b><p style="blablabla"></b></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">L'attribut 'style' est le mot clef que vous devez écrire à l'intérieur d'autres balises pour pouvoir l'activer et styliser la page: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><p style="blablabla"></b></span></span></i></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. <u>Font size - <i><span style="color: #741b47;">Taille de police</span></i></u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Very simple combination: <b><p style="font-size:12px"></b></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>p</b>: paragraph</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>style</b>: indicates an attribute change</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>font-size</b>: font size change</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>12</b>: size of the font</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>px</b>: unit of the size, the pixel</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Combinaison assez simple: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><p style="font-size:12px"></b></span></span></i></div>
<div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>p</b>: paragraphe</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>style</b>: indique un changement d'attribut</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>font-size</b>: changement de la taille de police</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>12</b>: taille de la police</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>px</b>: unité de la taille de police, le pixel</i></span></div>
</div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">3. <u>Colour - <span style="color: #741b47;"><i>La couleur</i></span></u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can also change the colour. To do so, just replace 'size' by 'color' (US written): </span><b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><title><h2</span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> style="font-color:red"></title></span></b></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You cannot invent the color you want but a list exists so you can refer to it: click <a href="http://html-color-codes.info/" target="_blank">here</a> to access</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Vous pouvez aussi changer la couleur. Pour se faire, vous n'avez qu'à remplacer 'size' par 'color' (écriture en anglais US): </span><b><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><title><h2</span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> style="font-color:red"></title></span></b></span></i></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Vous ne pouvez pas inventer la couleur que vous souhaitez mais devez vous référer à une liste qui existe: cliquez <a href="http://html-color-codes.info/Codes-couleur-HTML/" target="_blank">ici</a> pour y avoir accès</i></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">4. <u>Font family - <i><span style="color: #741b47;">Type de police</span></i></u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Fancy an original font type? What you need is 'font-family' and the name of the font you want to use: <b><p style="font-family:arial"></b></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Vous avez envie d'une police originale? Vous aurez besoin de 'font-family' et du nom de la police que vous voudrez utiliser: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><p style="font-family:arial"></b></span></span></i></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">5. <u>Background - <span style="color: #741b47;"><i>Le fonds</i></span></u> </span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can change the background as well if you think white is too boring: <b><style="background-color:green"> </b></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The same list of font colours apply to background.</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">Vous pouvez aussi changer le fonds si vous trouvez que le blanc est vraiment trop ennuyeux: <<b>style="background-color:green"></b></span></i></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">La liste de couleurs disponibles est la même que pour les polices d'écriture.</span></i></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">6. <u>Text alignment - <i><span style="color: #741b47;">Justification de texte</span></i></u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can align your text as you would do in any of the Office pack programs: left, right, centre. Here is the combination: <b><style="text-align:center"></b></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Vous pouvez aussi aligner votre texte comme dans les programmes du Pack Office: gauche, droite, centre. Voici la combinaison: <b><</b></span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>style="text-align:center"></b></span></span></i></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">7. <u>Your font in bold or italic - <i><span style="color: #741b47;">Votre police en gras ou italique</span></i></u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Now that we used different attributes to style the font, we can highlight words by putting them in bold and/or italic.</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">- Bold: <b><strong></strong></b></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">- Italic:<b> <emphasize></emphasize></b></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">Maintenant que nous avons utilisé différents attributs pour styliser la police, nous pouvons aussi mettre en évidence certains mots en les mettant en gras et/ou italique.</span></i></span></div>
<div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">- Gras: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><strong></strong></b></span></span></i></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">- Italique: <b><emphasize></emphasize></b></span></i></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">8. <u>What about multiple attributes at the same time? - <span style="color: #741b47;"><i>Et si l'on veut mettre plusieurs attributs en même temps?</i></span></u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Now that you know what style you want to give your page you can write it in one simple tag. </span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Let's say I want to write in courier - 22 pixels - black - yellow background and one word in bold: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><style="font-family:courier;font-size:22px;font-color:black;background-color:yellow></b></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The only thing you need to do is add a <b>semi colon between each attribute</b>.</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;"><br /></span></i></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">Maintenant que vous savez quel style vous souhaitez donner à votre page, vous pouvez l'écrire en un seul tag très simple. </span></i></span></div>
<div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Disons que nous souhaitons écrire en courier </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">- 22 pixels - noir - fonds jaune et un mot en gras: </span><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><style="font-family:courier;font-size:22px;font-color:black;background-color:yellow></b></span></span></i></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;"><br /></span></i></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">La seule chose à faire est d'ajouter des <b>points-virgules entre chaque attribut</b>.</span></i></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-2snGTLjOK2Y/V8BKH0MehUI/AAAAAAAAAQ8/J-0YtjS8Qr8i_uHZGHjOVZWr_ZblKEjqACK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-26%2Ba%25CC%2580%2B16.01.43.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML" border="0" height="219" src="https://4.bp.blogspot.com/-2snGTLjOK2Y/V8BKH0MehUI/AAAAAAAAAQ8/J-0YtjS8Qr8i_uHZGHjOVZWr_ZblKEjqACK4B/s640/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-26%2Ba%25CC%2580%2B16.01.43.png" title="Style page HTML code" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com<br />
<br />
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><u>Bonus 1</u></span></h3>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">Nothing explains better a product, system than a video right? So let's see how we can add one! Difficult one to do (but not too much) ;)</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">You need to use all the different attributes below to add the video onto your page:</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">- <b>width/height</b>: sets the size of the screen that displays the video</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">- <b>controls</b>: adds play, pause, volume</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">- <b>source src</b>: sets the URL of the video to play</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">- <b>type</b>: specifies the video format</span></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: medium;"><video width="320" height="240" controls><source src="video-url.mp4" type="video/mp4"></video></b></div>
<div style="text-align: left;">
<b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: medium;"><br /></b></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Rien de mieux qu'une vidéo pour expliquer votre produit, système n'est-ce pas? Regardons maintenant comment pouvons-nous en ajouter une! Difficile à faire (mais pas trop quand même) :)</i></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Vous devez utiliser les différents attributs ci-dessous pour ajouter la vidéo à votre page:</i></span></div>
<div style="text-align: left;">
<div style="font-size: 12.8px;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>- <b>width/height</b>: la largeur et la hauteur de la vidéo</i></span></div>
<div style="font-size: 12.8px;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>- <b>controls</b>: ajoute les boutons play, pause, volume</i></span></div>
<div style="font-size: 12.8px;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>- <b>source src</b>: indique l'URL source de la vidéo</i></span></div>
<div style="font-size: 12.8px;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>- <b>type</b>: indique le format de la vidéo</i></span></div>
<div style="font-size: 12.8px;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span></div>
<div style="font-size: 12.8px;">
<b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: medium;"><i><span style="color: #741b47;"><video width="320" height="240" controls><source src="video-url.mp4" type="video/mp4"></video></span></i></b></div>
<div style="font-size: 12.8px;">
<b style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: medium;"><br /></b></div>
<h3 style="font-size: 12.8px;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><u>Bonus 2 #FAIL</u></span></h3>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">Here I come with my first big fail in blogging/HTML!</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">You may have spotted very weird styles in my articles (you cannot anymore as I changed everything now). Different fonts, sizes, styles... Nothing consistent at all. For those who know me, I am sure you can already picture me very annoyed by this! I like to have the same shape in all the articles (who would not?). </span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">After I spoke with my friend Beth (who knows how to code and way better than me) and explained her the situation with at least 20 texts (big SMS lover here) and a lot of angry emojis, she told me I made a huge mistake: writing my articles on Word and copy/paste them onto blogger to publish them.</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">Word does not use a raw text format. What is raw text? It is text in the most simple version, no style and attributes at all. When you copy/paste the text from Word, you will also copy some hidden attributes that will pretty much messes everything up in your HTML code if you are a beginner like me.</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">End of the story? Not that much. I had to spend 2.5 hours (luckily the Bee Gees were kind to me and played some good music in the background) copying, pasting the articles onto TextEdit-Mac (WordPad-Windows) and put 'Default' in the Style tab so everything went back to normal. Then, pasted the articles back to Blogger and restyled them again.</span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">I hope this made you laugh because I did not! </span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">I am just happy I could solve the problems myself! </span></div>
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">I am a big believer that you can make mistakes as long as you quickly learn from them and find a solution to solve the problem ;) </span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Me voilà avec mon premier bel échec en blog/HTML!</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Vous avez certainement du voir des styles très bizarres dans mes articles (enfin vous ne pouvez plus maintenant car j'ai déjà tout changé). Des polices, tailles et styles différents... Rien de consistant. Pour ceux qui me connaissent, je suis sûre que vous me voyez déjà très ennuyée par ce problème! J'aime avoir le même style dans tous mes articles (qui ne voudrait pas d'ailleurs?).</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Après avoir discuté avec mon amie Beth (qui sait coder et beaucoup mieux que moi) et lui avoir expliqué la situation avec au moins 20 messages (je voue une passion à l'envoi multiple de SMS) et pas mal d'emojis pas très contents, elle m'a indiqué que j'avais fait une erreur assez grossière: écrire mes articles sur Word et les copier/coller sur Blogger pour ensuite les publier.</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Word n'utilise pas de texte brut. Qu'est-ce que tu le texte brut me direz-vous? Ce sont des mots dans leur version la plus simpliste avec aucun style et sans aucun attribut. Lorsque vous copiez/collez le texte de Word, vous copierez aussi des attributs cachés qui mettront le bazar partout dans votre code HTML si vous êtes un débutant comme moi.</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Fin de l'histoire? Pas vraiment. J'ai passé 2.5 heures (heureusement que les Bee Gees étaient là à jouer de la bonne musique dans le fonds) à copier, coller les articles sur TextEdit-Mac (WordPad-Windows) et mettre 'Défault' dans l'onglet Style afin que tout redevienne normal. Et ensuite, j'ai recollé les articles dans Blogger et les ai restylisés.</i></span></div>
<div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i><br /></i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>J'espère que cette petite histoire vous aura fait rire car moi pas!</i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Je suis juste contente d'avoir pu résoudre le problème moi-même! </i></span></div>
<div style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Je suis plutôt partie prenante de faire des erreurs du moment qu'on apprend rapidement d'elles et que l'on trouve des solutions au problème ;)</i></span></div>
<div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><u><br /></u></span></div>
</div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">Here you are for today! Come back next week for new discoveries on trends and how to code in HTML. Have a lovely weekend!</span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><i>Et voilà pour aujourd'hui! Revenez la semaine prochaine pour de nouvelles découvertes sur les tendances et comment coder en HTML. Passez un excellent week-end!</i></span></div>
<div style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;"><br /></span></div>
<div style="text-align: left;">
<div style="background-color: white; color: #333333; line-height: 19.6px; margin: 0px; outline: none; padding: 0px;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif; font-size: small;">To be continued in the next episode, Amélie X<br /><span style="color: #741b47;"><i>La suite au prochain épisode, Amélie X</i></span></span></div>
</div>
</td></tr>
</tbody></table>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com2tag:blogger.com,1999:blog-4458462138339936941.post-87606606699139886772016-08-20T19:30:00.001+02:002016-11-10T16:41:38.134+01:00SHAPING THE PAGE I<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Hello everyone,</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Long time no speak right? Well, I am back now!</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">If you remember last time, I introduced you to how to shape the page with <head>, <title>, <body> and <p>. You can obviously do more than this simple distinction between each section and add a little twist to it!</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Today, I wanted to show you four elements that will help you shape and style your page: title size, text link, image link, lists.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Bonjour tout le monde, </i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Cela faisait longtemps que l'on ne s'était pas vu n'est-ce pas? Et bien je suis de retour maintenant!</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Si vous vous souvenez de la dernière fois, je vous avais introduits sur la mise en page avec <head>, <title>, <body> et <p>. Vous pouvez bien sûr faire plus que cette simple distinction entre chaque section et y ajouter un peu plus de cachet!</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Aujourd'hui, je voulais vous montrer quatre éléments qui vous aideront à donner forme et style à votre page: taille du titre, lien de texte, lien d'image, listes.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Title Size - <span style="color: #741b47;">Taille du Titre</span></u></span></h3>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can give your title six different sizes: 1 is the biggest and 6 the smallest.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To do so, you need to insert the size it in your title’s tags as shown below:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><title><h1>Hello</title></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><title><h6>Hello</title></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Vous pouvez donner six tailles différentes à votre titre: 1 étant la plus grande et 6 la plus petite.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour faire ceci, vous devez ajouter la taille que vous désirez à l'intérieur des crochets du titre. Je vous montre ci-dessous comment procéder:</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><title><h1>Hello</title></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><title><h6>Hello</title></i></span></div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-JXs7u0kKZqQ/V8AaFxOvLKI/AAAAAAAAAOk/_3H4482ek8gEIWbr9Uwx3mdgzuBRhVlVwCK4B/s1600/Tailles%2Bdes%2Btitres.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres HTML New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator codecademy title size" border="0" height="326" src="https://1.bp.blogspot.com/-JXs7u0kKZqQ/V8AaFxOvLKI/AAAAAAAAAOk/_3H4482ek8gEIWbr9Uwx3mdgzuBRhVlVwCK4B/s400/Tailles%2Bdes%2Btitres.png" title="Title size in HTML" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Text Link - <i><span style="color: #741b47;">Lien de Texte</span></i></u></span></h3>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">What about creating links in your page?</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">When you surf on a website you always click on something that redirects you to something else on another page. This is called a link. Again, if you are a good user of the Office pack, you must know the little trick ctrl+k or cmd+k. When highlighting a word/piece of text you can nest an URL in it in order to avoid the ugly look of a long URL link in an email for example.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It is a bit complicated as you need to use two tags that are nested into each other:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><a></a> are the link tags that will enable you to redirect the clicker to somewhere else. It is the piece of text that will appear on the screen and contain the link. It is when clicking on that text that you will be redirected to the web page that has been given as a target/destination to href</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><href> is the destination's URL where you want to send that person to</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Sounds like a bit complicated? Follow the steps below to better understand the concept:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Text</b>: I am French</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>URL</b>: http://www.nytimes.com/2014/11/11/opinion/how-to-be-french.html?_r=0</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>HTML</b>: I am <b><a href=”</b>http://www.nytimes.com/2014/11/11/opinion/how-to-be-french.html?_r=0<b>"></b>French<b></a></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">
- Code is on line 4 -</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>> Do not forget to add the equal sign at the beginning and the inverted commas at the beginning and at the end of the URL</b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Et si l'on créait des liens sur votre page?</i></span></div>
<br />
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Quand vous naviguez sur un site internet vous cliquez toujours sur quelque chose qui vous redirigera vers un autre endroit sur une autre page. Cela s'appelle un lien. Encore une fois, si vous êtes un bon utilisateur du pack Office vous devez être familier avec l'astuce du raccourci de lien ctrl+k ou cmd+k. En effet, quand vous surlignez un mot ou un morceau de texte vous pouvez y intégrer un lien URL pour éviter l'horrible vision d'un long lien URL dans un email par exemple.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>
C'est un peu compliqué car vous devez utilisez deux systèmes de balises qui sont imbriquées l'une dans l'autre:</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span>
<br />
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><a></a> sont les balises de lien qui vous permettront de rediriger la personne qui clique vers un autre endroit. C'est le texte qui apparaitra sur votre écran et qui contiendra le lien. C'est lorsque vous cliquer sur ce texte que vous serez redirigé sur la page internet qui a été donnée comme cible/destination à href</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><href> l'URL de destination où vous désirez renvoyer la personne</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>
Cela semble un peu biscornu? Suivez les étapes ci-dessous pour mieux comprendre le concept:</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /><b>
Texte</b>: I am French</i></span><br />
<div class="p1" style="text-align: left;">
</div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>URL</b>: http://www.nytimes.com/2014/11/11/opinion/how-to-be-french.html?_r=0</i></span></div>
<div class="p1">
</div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>HTML</b>: I am <b><a href=”</b>http://www.nytimes.com/2014/11/11/opinion/how-to-be-french.html?_r=0<b>"></b>French<b></a></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>
- Le code est sur la ligne 4 - </i></span><br />
<div class="p1" style="text-align: left;">
</div>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /><b>
> N'oubliez pas de mettre le signe égal au début et les guillemets au début et à la fin de l'URL</b></i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-vVYfbYKRqC4/V8AciI3PLbI/AAAAAAAAAOw/5c-gQdoDBKoPw9mgQ_TG5g67BRkZ3Jn7wCK4B/s1600/Links.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML" border="0" height="210" src="https://2.bp.blogspot.com/-vVYfbYKRqC4/V8AciI3PLbI/AAAAAAAAAOw/5c-gQdoDBKoPw9mgQ_TG5g67BRkZ3Jn7wCK4B/s640/Links.png" title="HTML links" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div class="p1" style="text-align: left;">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Image Link - <i><span style="color: #741b47;">Lien d'Image</span></i></u></span></h3>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can also create a link through a picture.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">A typical case of execution is when you are shopping online. I see something I fancy (those New Balance shoes spotted on Asos) and decide to click on the picture to know more about it. It redirects me to the product description.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Let’s see how we do this one. Beware! It adds a little bit of difficulty to the previous combination.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Vous pouvez aussi créer un lien sur une image.</span></div>
<div style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Un cas typique d'exécution est lorsque vous achetez en ligne. Je vois quelque chose qui me plait (ces New Balance que j'ai repérées sur Asos) et décide de cliquer sur l'image pour en savoir un peu plus. Cela me redirige sur la description produit.</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Regardons comment faire pour le lien d'image. Attention! Cette combinaison est un peu plus difficile que la précédente.</i></span><br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i></i></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-b-r2qW3vLf4/V8AdY5oV2eI/AAAAAAAAAO8/9sLY5CjqX1A1vLTTWnARfHS2wDGhXXzZgCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-20%2Ba%25CC%2580%2B18.08.51.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML asos New Balance shoes shoe fashion mode basket tennis chaussures chaussure" border="0" height="360" src="https://3.bp.blogspot.com/-b-r2qW3vLf4/V8AdY5oV2eI/AAAAAAAAAO8/9sLY5CjqX1A1vLTTWnARfHS2wDGhXXzZgCK4B/s640/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-20%2Ba%25CC%2580%2B18.08.51.png" title="Asos New Balance" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: asos.com<br />
<a href="http://3.bp.blogspot.com/-DH5Juh9xJrE/V8Ae34d1TcI/AAAAAAAAAPo/QSAW3MWnxHw-hEI2XPPGMkXOP4_zljUzgCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-20%2Ba%25CC%2580%2B18.07.32.png" imageanchor="1"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML asos New Balance shoes shoe fashion mode basket tennis chaussures chaussure" border="0" height="390" src="https://3.bp.blogspot.com/-DH5Juh9xJrE/V8Ae34d1TcI/AAAAAAAAAPo/QSAW3MWnxHw-hEI2XPPGMkXOP4_zljUzgCK4B/s640/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-20%2Ba%25CC%2580%2B18.07.32.png" title="Asos New Balance" width="640" /></a></td></tr>
</tbody></table>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You need the elements below:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img> is the image tag as for <a>, a text tag</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><src> source is equivalent to <href> which will indicate where to find the picture</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Image</b>: my picture on my LinkedIn profile</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Image's URL</b>: <span style="color: #3d85c6;">https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAActAAAAJDEwY2M5MDZkLThmNDYtNDhhNy1hYjFmLTlkYTQxMzlkN2FhYg.jpg</span></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>
Destination</b>: my LinkedIn profile</span><br />
<br />
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>LinkedIn profile URL</b>: <span style="color: #6aa84f;">Public Profilehttps://fr.linkedin.com/in/amelielefebvre</span></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><a href=“</b><span style="color: #6aa84f;">link to where I want the person to land on</span><b>”<img src=”</b><span style="color: #3d85c6;">image’s URL</span><b>”></a></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><a href=“</b><span style="color: #6aa84f;">Public Profilehttps://fr.linkedin.com/in/amelielefebvre</span><b>”<img src=”</b><span style="color: #3d85c6;">https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAActAAAAJDEwY2M5MDZkLThmNDYtNDhhNy1hYjFmLTlkYTQxMzlkN2FhYg.jpg</span><b>”></a></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Vous avez besoin des informations suivantes:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><img> la balise de l'image comme la balise <a> pour le texte</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><src> correspond à source qui équivaut à la balise <href> qui indiquera où trouver l'image</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Image: la photo de mon profil LinkedIn</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">URL de l'image: </span></div>
<div class="p1" style="text-align: left;">
<span style="color: #3d85c6; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAActAAAAJDEwY2M5</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span style="color: #3d85c6;">MDZkLThmNDYtNDhhNy1hYjFmLTlkYTQxMzlkN2FhYg.jpg</span></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Destination: mon profil LinkedIn</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">URL de mon profil LinkedIn: <span style="color: #6aa84f;">Public Profilehttps://fr.linkedin.com/in/amelielefebvre</span></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><a href=“</b><span style="color: #6aa84f;">link to where I want the person to land on</span><b>”<img src=”</b><span style="color: #3d85c6;">image’s URL</span><b>”></a></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><a href=“</b><span style="color: #6aa84f;">Public Profilehttps://fr.linkedin.com/in/amelielefebvre</span><b>”<img src=”</b><span style="color: #3d85c6;">https://media.licdn.com/mpr/mpr/shrink_100_100/AAEAAQAAAAAAAActAAAAJDEwY2M5MDZkLThmNDYtNDhhNy1hYjFmLTlkYTQxMzlkN2FhYg.jpg</span><b>”></a></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><br /></b></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-bvM9txaaf14/V8Ahj-oxP0I/AAAAAAAAAQE/PlOzPpd2i4YSGXD_jGP7JkjOQ4fiJ5NrwCK4B/s1600/Links.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML" border="0" height="210" src="https://3.bp.blogspot.com/-bvM9txaaf14/V8Ahj-oxP0I/AAAAAAAAAQE/PlOzPpd2i4YSGXD_jGP7JkjOQ4fiJ5NrwCK4B/s640/Links.png" title="Links HTML Codecademy" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
</div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Lists - <i><span style="color: #741b47;">Listes</span></i></u></span></h3>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You find your page a bit messy and would like to create lists in order to make it clearer. What would you use for that? Bullet points of course!</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">A bit easier than the two previous ones, the tags are shown below:</span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<i><span style="color: #741b47;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">
Vous trouvez votre page un peu en désordre et voulez créer des listes pour que cela soit plus clair. </span><br /><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">
Première option: Je veux que ma liste soit organisée et chiffrée</span></span></i><br />
<br />
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Que pouvez-vous utiliser pour y arriver? Des puces bien sûr!</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Plus facile que les deux combinaisons précédentes, les balises sont ci-dessous:</i></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">First option: I want my list to be organized and have numbers in front of each line</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><ol></ol> stands for Organized List</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li></li> tags that enable to mark out each point of the list</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Let’s create a list of the steps I follow to write my posts:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><ol></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>Write what I want to share in English</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>Find the pictures I want to share</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>Translate in French</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>Read again to spot mistakes</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>Publish the post</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></ol></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Première option: Je veux que ma liste soit organisée et chiffrée</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><ol></ol> correspond à Organized List (Liste Organisée)</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li></li> balises qui permettront de repérer chaque ligne de la liste</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Créons une liste qui permet de suivre les étapes d'écriture de mes articles:</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><ol></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>Ecrire ce que je veux partager en anglais</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>Trouver les images que je veux partager</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>Traduire en français</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>Relire pour repérer des erreurs</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>Publier l'article</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i></ol></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-1ZvggofNVKI/V8AiUNyzKLI/AAAAAAAAAQQ/AXvheGdDRkY9AbLP8IpL96VTRjEQjn_CQCK4B/s1600/Liste%2Bnon%2Bordonne%25CC%2581e.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML" border="0" height="116" src="https://2.bp.blogspot.com/-1ZvggofNVKI/V8AiUNyzKLI/AAAAAAAAAQQ/AXvheGdDRkY9AbLP8IpL96VTRjEQjn_CQCK4B/s400/Liste%2Bnon%2Bordonne%25CC%2581e.png" title="List Codecademy HTML" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-4LlEGCDMbAU/V8AifpW8TJI/AAAAAAAAAQY/V7ZSzUjKCsAzj1vzk5KHNCYmxvX5FQ2DgCK4B/s1600/Liste%2Bnon%2Bordonne%25CC%2581e%2Bre%25CC%2581sultat.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML" border="0" height="187" src="https://1.bp.blogspot.com/-4LlEGCDMbAU/V8AifpW8TJI/AAAAAAAAAQY/V7ZSzUjKCsAzj1vzk5KHNCYmxvX5FQ2DgCK4B/s400/Liste%2Bnon%2Bordonne%25CC%2581e%2Bre%25CC%2581sultat.png" title="List HTML Codecademy" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Second option: I just want to draw a random list with bullet points</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><ul></ul> stand for Unorganized List</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li></li> tags that enable to mark out each point of the list</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">What you need to learn how to code:</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><ul></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>A computer or a laptop</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>A notepad and a pen</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>Motivation</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><li>Patience</li></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"></ul></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Deuxième option: Je veux juste créer une liste avec des puces</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><ul></ul> correspond à Unorganized List (Liste Non Organisée)</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li></li> balises qui permettront de repérer chaque ligne de la liste</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Ce dont vous avez besoin pour apprendre à coder:</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><ul></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>Un ordinateur</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>Un cahier et un stylo</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>De la motivation</li></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><li>De la patience</li></i></span></div>
<div class="p1" style="text-align: left;">
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i></ul></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-jnb7vM-xH7s/V8Ai04YEE-I/AAAAAAAAAQg/TLIKObCvqNEZeP52AIZb54I2mozyJCNNwCK4B/s1600/Liste%2Bordonne%25CC%2581e.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML" border="0" height="106" src="https://2.bp.blogspot.com/-jnb7vM-xH7s/V8Ai04YEE-I/AAAAAAAAAQg/TLIKObCvqNEZeP52AIZb54I2mozyJCNNwCK4B/s400/Liste%2Bordonne%25CC%2581e.png" title="List HTML Codecademy" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-0uVXuZzWg88/V8Ai3QRlugI/AAAAAAAAAQo/cEfAIvlxfEAjIOoqF-x7BBom_Csc1PIfwCK4B/s1600/Liste%2Bordonne%25CC%2581e%2Bre%25CC%2581sultat.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator HTML" border="0" height="137" src="https://1.bp.blogspot.com/-0uVXuZzWg88/V8Ai3QRlugI/AAAAAAAAAQo/cEfAIvlxfEAjIOoqF-x7BBom_Csc1PIfwCK4B/s400/Liste%2Bordonne%25CC%2581e%2Bre%25CC%2581sultat.png" title="List HTML Codecademy" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next episode, Amélie X</span></div>
<div class="p1" style="text-align: left;">
</div>
<div class="p2" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode, Amélie X</i></span></div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-10476347811682603962016-08-11T18:02:00.001+02:002016-11-10T16:41:49.317+01:00WHAT'S NEW ON TECH EP. 1<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Happy Thursday readers! <i><span style="color: #741b47;">Joyeux Jeudi à tous!</span></i></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Today, I wanted to talk about two topics I love: coding/technology/programming and trends/entrepreneurship. Behind each project and program there is a code. That is an absolute requirement as everything digitally structured would not work without it.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I am showing you below two concrete applications of <b>Why coding is becoming so important in everyone's life, whether you are coding or using it without knowing.</b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Aujourd'hui, je souhaitais partager avec vous deux sujets qui me passionnent: le code/la technologie/a programmation et les tendances/l'entreprenariat. Derrière chaque projet et programme existe un code. C'est un pré-requis absolu car tout ce qui est digital ne pourrait fonctionner sans l'application de celui-ci.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je vous montre ci-dessous deux applications concrètes de <b>Pourquoi le code est devenu si important dans la vie de tous les jours, que vous codiez ou que vous l'utilisiez sans le savoir.</b></i></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">1. <u>La Roche-Posay MY UV Patch - <i><span style="color: #741b47;">Mon Patch UV de La Roche-Posay</span></i></u></span></h3>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Who is La Roche-Posay? - Qui est La Roche-Posay?</b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">La Roche-Posay is a thermal city situated in France but also a dermatological laboratory that belongs to the L'Oréal Group. Its aims is to to retail products that will take care of your skin, whether it is problematic or not. It is mid-step between 'normal' cosmetics product and prescribed medication. </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La Roche-Posay est une ville thermale située en France mais aussi un laboratoire dermatologique appartenant au Groupe L'Oréal. Son but est de vendre des produits qui prendront soin de votre peau, qu'elle soit problématique ou non. C'est à mi-chemin entre les cosmétiques 'normaux' et ceux sur prescription médicale.</i></span></div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-8Y9Hk23APbU/V8ATgzc3XbI/AAAAAAAAANo/I9sNEtFoFy0xyQU-PvnIPhswRg41QQ-swCK4B/s1600/Anthelios%2Brange.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator Anthelios Roche-Posay L'Oréal suncare sunscreen crème solaire protection patch UV UVA UVB new trend" border="0" height="241" src="https://1.bp.blogspot.com/-8Y9Hk23APbU/V8ATgzc3XbI/AAAAAAAAANo/I9sNEtFoFy0xyQU-PvnIPhswRg41QQ-swCK4B/s640/Anthelios%2Brange.png" title="Anthelios sun care La Roche-Posay / L'Oréal" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: L'Oréal / La Roche-Posay</td></tr>
</tbody></table>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>What is My UV Patch and how does it work? - <i><span style="color: #741b47;">Qu'est-ce que Mon Patch UV et comment fonctionne-t-il?</span></i></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">La Roche-Posay showcased their brand new My UV Patch back in January at the <a href="https://www.ces.tech/">CES</a> (Consumer Electronics Show) and it has just hit retail. The patch has been developed in association with Massachusetts based <a href="http://www.mc10inc.com/">MC10</a> and looks like a tiny summery heart-shaped tattoo. You stick it on the back of your hand (most accurate position) where sun rays will hit it. </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The tattoo contains a photosensitive captor that will change colour telling you when to protect yourself.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can also link the patch to your smartphone. Shoot the sticker and your phone will automatically open an app where you can look after the instant and cumulative amount of UV rays you have been exposed to.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can have it for free when you buy one of their sun care products from the Anthelios range.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La Roche-Posay a dévoilé son tout nouveau patch Mon Patch UV en janvier dernier lors du <a href="https://www.ces.tech/">CES</a> (Consumer Electronics Show) et il vient juste d'arriver en boutique. Le patch a été développé en association avec l'entreprise <a href="http://www.mc10inc.com/">MC10</a> basé dans le Massachusetts et ressemble à un petit tatouage en forme de coeur. Vous le collez sur le dos de votre main (endroit le plus approprié) là où les rayons du soleil pourront l'atteindre.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Le tatouage contient un capteur photosensible qui changera de couleur pour vous indiquer quand vous protéger. Vous pouvez aussi lier le patch à votre téléphone. Prenez en photo l'autocollant et votre téléphone ouvrira automatiquement une application où vous pourrez observer votre quantité instantanée et cumulative d'exposition aux rayons UV.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Vous pouvez l'obtenir gratuitement quand vous achetez un produit solaire de la gamme Anthelios.</i></span></div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-ycdMd3DGuoE/V8AUEOGHTlI/AAAAAAAAANw/dpePsVdpKckTnP52Wwu0QZ9eI2I_OVNPwCK4B/s1600/My%2BUV%2Bpatch%2BLRP.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator Anthelios Roche-Posay L'Oréal suncare sunscreen crème solaire protection patch UV UVA UVB new trend" border="0" height="424" src="https://2.bp.blogspot.com/-ycdMd3DGuoE/V8AUEOGHTlI/AAAAAAAAANw/dpePsVdpKckTnP52Wwu0QZ9eI2I_OVNPwCK4B/s640/My%2BUV%2Bpatch%2BLRP.png" title="My UV Patch La Roche-Posay / L'Oréal" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: La Roche-Posay / L'Oréal</td></tr>
</tbody></table>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>What technologies/codes are being used? - <i><span style="color: #741b47;">Quelles technologies/codes sont utilisés?</span></i></b></span></div>
<div class="p1" style="text-align: left;">
</div>
<ul style="text-align: left;">
<li><a href="http://searchmobilecomputing.techtarget.com/definition/Near-Field-Communication" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">NFC</a><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> (Near Field Communication): more powerful than RFID (Radio Frequency Identification - it reminds me my logistics courses ;), it allows an electronics tool to communicate with your smartphone automatically when you approach it (you do not need Wifi or Bluetooth). The phone and the other device will communicate to each other and make it happen. Amazing right?</span></li>
<li><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Code: here it comes! Your phone would not show a screen with content without having the power of code behind. It is available for iOS and Android</span></li>
<li><i><span style="color: #741b47;"><a href="http://www.identivenfc.com/fr/what-is-nfc" style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">NFC</a><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> (Near Field Communication, Communication dans un Champ Proche): plus puissante que la RFID (Radio Frequency Identification, Identification par Radio Fréquence, cela me rappelle mes cours de logistique ;), elle permet à un appareil électronique de communiquer avec votre smartphone quand vous l'approchez de celui-ci (pas besoin de Wifi ou de Bluetooth). Le téléphone et la pièce émettrice communiqueront ensemble et feront fonctionner l'application. Magique non?</span></span></i></li>
<li><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><span style="color: #741b47;">Code: nous y voilà! Votre téléphone ne vous montrerez pas un écran avec du contenu sans qu'il y ait le pouvoir du code derrière. L'application a été développée pour iOS et Android</span></i></span></li>
</ul>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Sources: <a href="http://www.cosmeticsdesign-europe.com/Brand-Innovation/L-Oreal-s-wearable-UV-patch-finally-launched">Cosmetics Design Europe</a> - <a href="http://www.digitaltrends.com/wearables/loreal-my-uv-patch-hands-on/">Digital Trends</a> - <a href="https://www.youtube.com/watch?v=dntCyH92lK8">La Roche-Posay My UV Patch video in English</a> - <a href="https://www.youtube.com/watch?v=B4CpUINELbI">Vidéo La Roche-Posay My UV Patch en français</a> - <a href="https://www.youtube.com/watch?v=ZfbCOEsLGFg">Technology explained by Guive Balooch, Global VP L'Oréal R&I Tech Incubator</a> </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">2. <u>I am an entrepreneur, do I need to know how to code and program? The answer is YES! - <span style="color: #741b47;"><i>Je suis un entrepreneur, dois-je apprendre à coder et programmer? La réponse est OUI!</i></span></u></span></h3>
</div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>
What? - <i><span style="color: #741b47;">Quoi?</span></i></b></span><br />
<br />
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The other day, a great friend of mine sent me this <a href="http://start.lesechos.fr/entreprendre/temoignages-entrepreneurs/nous-avons-appris-a-coder-pour-lancer-notre-startup-5360.php#xtor=CS2-11">article</a> which is a testimony of two French entrepreneurs and published in Les Echos, a French economical publication. The article is in French but again, Google Translate should help you and I will explain the core of the article here.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>L'autre jour, un très bon ami à moi m'a envoyé cet <a href="http://start.lesechos.fr/entreprendre/temoignages-entrepreneurs/nous-avons-appris-a-coder-pour-lancer-notre-startup-5360.php#xtor=CS2-11">article</a> témoignage de deux entrepreneuses françaises publié dans Les Echos, une parution économique française.</i></span></div>
<div class="p3" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-Nl6N2YQTGd8/V8AVC_SmIxI/AAAAAAAAAOA/3hdlw-PTj3MOpH_jKGCPRZRZu3T8a0sgwCK4B/s1600/Charlotte%2Bet%2BLucie%2Bfrom%2BLokora.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator lokora" border="0" height="432" src="https://4.bp.blogspot.com/-Nl6N2YQTGd8/V8AVC_SmIxI/AAAAAAAAAOA/3hdlw-PTj3MOpH_jKGCPRZRZu3T8a0sgwCK4B/s640/Charlotte%2Bet%2BLucie%2Bfrom%2BLokora.png" title="Charlotte Serre Lucie Galichon Lokora" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: Charlotte Serre & Lucie Galichon - lesechos.fr</td></tr>
</tbody></table>
</div>
<div class="p1" style="text-align: left;">
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Their story - <i><span style="color: #741b47;">Leur Histoire</span></i></b></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><i><span style="color: #741b47;"><br /></span></i></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Charlotte Serre et Lucie Galichon are two entrepreneurs who graduated from French Top Schools. Charlotte has a diploma in Project Management from Les Mines de Paris and Lucie studied Electricity Engineering and Finance with a double diploma from Supélec and ESCP Europe. </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">After they worked for companies, they decided they wanted to become entrepreneur. </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To do so, they launched their startup called <a href="http://www.lokora.co/">Lokora</a>. Its aim is to help landlords finding new renters when the current's are about to leave. Why would you pay a Real Estate Agency when your current tenants could do the job for you? This is a win-win situation. People who are currently renting will be paid to tour the flat/house and find newcomers to replace them.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Charlotte Serre et Lucie Galichon sont deux entrepreneuses diplômées de Grandes Ecoles françaises. Charlotte est diplômée en Gestion de Projet des Mines de Paris et Lucie a étudié l'Ingénierie Electrique et la Finance lors d'un double cursus Supélec-ESCP Europe. </i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Après avoir travaillé pour des entreprises, elles ont décidé d'embarquer pour l'aventure de l'entreprenariat.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour faire ceci, elles ont lancé leur startup appelée <a href="http://www.lokora.co/">Lokora</a>. Son but est d'aider les propriétaires à trouver de nouveaux locataires quand les actuels sont sur le point de partir. Pourquoi devriez-vous payer une agence locative quand vos locataires actuels peuvent faire le travail pour vous? C'est une situation de gagnant-gagnant. Les occupants actuels seront payés pour faire les visites et trouver de nouveaux remplaçants.</i></span></div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-AgYtcM1Gpd4/V8AVslx6lDI/AAAAAAAAAOI/ucCk0hVDbGcxBwxxAs1N8pOKKf7oAJ2-gCK4B/s1600/Lokora.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator lokora" border="0" height="371" src="https://3.bp.blogspot.com/-AgYtcM1Gpd4/V8AVslx6lDI/AAAAAAAAAOI/ucCk0hVDbGcxBwxxAs1N8pOKKf7oAJ2-gCK4B/s640/Lokora.png" title="Lokora.co" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: lokora.co</td></tr>
</tbody></table>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Why did they have to learn code and programming? - <i><span style="color: #741b47;">Pourquoi devaient-elles apprendre le code et la programmation?</span></i></b></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">They could have created the website using a 3<span class="s1">rd</span>-party developer but this would have implied the followings: costs, lot of conversations to improve the platform as soon as clients would have fed back them and not having the total control of your own daily work tool.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">They did not need more to decide that they had to learn code and programming in order to manage the situation!</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Elles auraient pu créer leur site en faisant appel à un développeur mais cela aurait impliqué les choses suivantes: coûts, beaucoup de conversations et d'allers-retours pour améliorer le site dès qu'elles auraient eu reçu les premiers retours clients et ne pas avoir le contrôle total de leur outil de travail quotidien.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Elles n'avaient pas besoin de plus pour décider qu'il fallait qu'elles apprennent à coder et programmer pour maitriser la situation!</i></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>How did they do and what do they think of their new skills? - <i><span style="color: #741b47;">Comment ont-elles fait et que pensent-elles de leurs nouvelles compétences?</span></i></b></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Charlotte and Lucie decided to enroll at <a href="https://www.lewagon.com/">Le Wagon</a> for a 9-week intensive course to learn all the competencies they needed to have for their newly created company. They said it was intense and hard but it was worth it as they use their new skills to work on their website but also on side projects to finance their start-up.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">They love to know how to code and could not have imagined how creative it was. Plus, they are now more autonomous with their website platform and are in a better shape to set up their ideas calling other competencies.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Charlotte et Lucie ont décidé de s'inscrire au <a href="https://www.lewagon.com/">Wagon</a> pour une formation intensive de neuf semaines pour apprendre toutes les compétences dont elles avaient besoin pour leur toute nouvelle entreprise. Cela fut intense et dur mais le jeu en valait la chandelle car elles peuvent utiliser leurs nouveaux savoirs pour travailler sur leur site mais aussi faire des projets à côté qui leur permettent de s'auto-financer et d'investir dans leur start-up.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Elles apprécient énormément le fait de savoir coder et n'auraient pas imaginé une seule seconde à quel point cela était créatif. De plus, elles sont maintenant plus autonomes avec leurs plateformes web et dans une meilleure position pour mettre en place des idées qui font appel à d'autres de leurs compétences.</i></span></div>
<div class="p4" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-Zj59_H4zD8Q/V8AX9lhltCI/AAAAAAAAAOY/B0RVTvKTsWgXZY_E_upaogTfmhCjQD-4QCK4B/s1600/Le%2BWagon.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator wagon tech school" border="0" height="289" src="https://2.bp.blogspot.com/-Zj59_H4zD8Q/V8AX9lhltCI/AAAAAAAAAOY/B0RVTvKTsWgXZY_E_upaogTfmhCjQD-4QCK4B/s640/Le%2BWagon.png" title="Le Wagon website" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: lewagon.com</td></tr>
</tbody></table>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Still need convincing? Get on coding right now :)</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Next Monday will be my progress in HTML learning.</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Toujours besoin d'arguments? Mettez-vous au code dès maintenant :)</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Lundi prochain sera sur mon progrès dans l'apprentissage du HTML.</i></span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next episode, Amélie X </span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode, Amélie X </i></span></div>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-51348381690503802982016-08-08T09:59:00.004+02:002016-11-10T16:41:58.571+01:00FIRST STEPS IN HTML<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Template>Normal.dotm</o:Template>
<o:Revision>0</o:Revision>
<o:TotalTime>0</o:TotalTime>
<o:Pages>1</o:Pages>
<o:Words>1426</o:Words>
<o:Characters>8132</o:Characters>
<o:Company>ISC Paris</o:Company>
<o:Lines>67</o:Lines>
<o:Paragraphs>16</o:Paragraphs>
<o:CharactersWithSpaces>9986</o:CharactersWithSpaces>
<o:Version>12.0</o:Version>
</o:DocumentProperties>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:Zoom>0</w:Zoom>
<w:TrackMoves>false</w:TrackMoves>
<w:TrackFormatting/>
<w:HyphenationZone>21</w:HyphenationZone>
<w:PunctuationKerning/>
<w:DrawingGridHorizontalSpacing>18 pt</w:DrawingGridHorizontalSpacing>
<w:DrawingGridVerticalSpacing>18 pt</w:DrawingGridVerticalSpacing>
<w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
<w:DisplayVerticalDrawingGridEvery>0</w:DisplayVerticalDrawingGridEvery>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:DontGrowAutofit/>
<w:DontAutofitConstrainedTables/>
<w:DontVertAlignInTxbx/>
</w:Compatibility>
</w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="276">
</w:LatentStyles>
</xml><![endif]-->
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Tableau Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-ascii-font-family:Cambria;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Cambria;
mso-hansi-theme-font:minor-latin;
mso-fareast-language:EN-US;}
</style>
<![endif]-->
<!--StartFragment-->
<br />
<div class="MsoNormal" style="text-align: left;">
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Hello readers, <i><span style="color: #741b47;">Bonjour chers lecteurs,</span></i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">I have worked well on learning the basics of HTML and I can share with you where I am at and also my first feedback on <a href="https://www.codecademy.com/fr/learn">Codecademy</a>.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">I am currently tracking at 33% from the ‘Make a Website’ module and 22% from ‘HTML & CSS’.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>J’ai pas mal avancé sur l’apprentissage des basiques du HTML et je peux dores et déjà partager avec vous où j’en suis ainsi que mes premières impressions sur <a href="https://www.codecademy.com/fr/learn">Codecademy</a>.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>J'en suis à 33% du module 'Créer un Site Web' et 22% du 'HTML & CSS'.</i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">1. <u>Codecademy website structure -<i><span style="color: #741b47;"> La structure du site Codecademy</span></i></u></span></h3>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">So far so good. The website is very ergonomic which means it is easy to navigate through. On the screen shot below, you can see how the course’s interface is built:</span></div>
<div class="p1">
</div>
<ul style="text-align: left;">
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Left column: consists in explanations (theory) and instructions (exercise you need to do)</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Centre: is the screen where you code</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">White right screen: results of your coding</span></li>
</ul>
<br />
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Je n’ai pas été déçu du site jusqu’à présent. Celui-ci est très ergonomique et facile d’utilisation. Sur la capture d’écran ci-dessous, vous pouvez voir comment l’interface des leçons est créée :</i></span></div>
<div class="p1">
</div>
<ul style="text-align: left;">
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Colonne de gauche : il s’agit des explications (la théorie) et des instructions (les exercices que vous devez faire)</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Au centre : l’écran où vous codez</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">L’écran blanc de droite : les résultats de votre code</span></i></span></li>
</ul>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-sMkzt7NUwnQ/V8AKezLT1AI/AAAAAAAAAM4/_N8iCaFru8o8kvJwSrLlBU2RmDh0eUhlwCK4B/s1600/1st%2Bstep%2Bdesign%2Bsite.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator " border="0" height="160" src="https://1.bp.blogspot.com/-sMkzt7NUwnQ/V8AKezLT1AI/AAAAAAAAAM4/_N8iCaFru8o8kvJwSrLlBU2RmDh0eUhlwCK4B/s400/1st%2Bstep%2Bdesign%2Bsite.png" title="Codecademy website structure" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">When you do everything right you will have a green banner at the bottom saying you succeeded. If not, it will appear red and mention what mistakes you have done. After few tries you can check for the solution.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Once you have achieved certain levels you get badges as shown below.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">If you wish to go back to previous exercises, just click to the home page and find what part you want to see again.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Quand vous exécutez tout correctement, une bannière verte indiquant votre succès apparaitra en bas de page. Si ce n’est pas le cas, celle-ci sera rouge et vous indiquera quelles sont les erreurs qui ont été commises. Après plusieurs essais vous pouvez consulter la solution.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Une fois que vous avez achevé certains niveaux vous cumulez des badges comme celui ci-dessous.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Si vous souhaitez retourner faire certains exercices, vous pouvez retourner sur la page d’accueil et cliquer sur ceux que vous souhaitez refaire.</i></span></div>
<div class="p2">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-MyDa4owU0no/V8ALMdERX9I/AAAAAAAAANE/WEwBNMmHPqUnp2l9AmPjTvk3VFB1eGsqQCK4B/s1600/Badge.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator " border="0" height="185" src="https://1.bp.blogspot.com/-MyDa4owU0no/V8ALMdERX9I/AAAAAAAAANE/WEwBNMmHPqUnp2l9AmPjTvk3VFB1eGsqQCK4B/s400/Badge.png" title="Codecademy reward badge" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">The HTML course is built around seven units:</span></div>
<div class="p1">
</div>
<ul style="text-align: left;">
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Introduction to HTML</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Structure of HTML: using lists</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Structure of HTML: tables, ‘divs’ and ‘spans’</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Introduction to CSS</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">CSS and IDS classes</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Positioning of CSS elements</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">HTML & CSS Projects</span></li>
</ul>
<br />
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">As long as you continue to complete modules, you will receive motivating emails to keep you on the go and to discover bits and bobs of other languages.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><u><b>Tip</b></u>: prepare a notepad and a set of pens alongside your computer. It will help you to take notes as you may not remember everything from the first time.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Le module d’HTML est construit autour de sept unités :</i></span></div>
<div class="p1">
</div>
<ul style="text-align: left;">
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Introduction au HTML</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Structure du HTML : utiliser des listes</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Structure du HTML : tableaux, ‘divs’ et ‘spans</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Introduction au CSS</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Classes CSS et IDS</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Le positionnement des éléments CSS</span></i></span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;"><i><span style="color: #741b47;">Projets HTML & CSS</span></i></span></li>
</ul>
<br />
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Au fur et à mesure que vous complèterez les modules, vous recevrez des emails pour vous motivez mais aussi vous faire découvrir des petits aperçus d’autres langages.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><u>Conseil</u></b> : ayez un cahier et quelques stylos à côté de vous et de votre ordinateur. Cela vous aidera à prendre des notes car vous ne retiendrez pas tout du premier coup.</i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">For now, let’s see what HTML and CSS are about.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Voyons maintenant ce que nous pouvons dire à propos du HTML et du CSS.</i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2. <u>ABC of HTML & a bit of CSS - <i><span style="color: #741b47;">Le B.A.-BA du HTML & un peu de CSS</span></i></u></span></h3>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b>What is HTML?</b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">We can explain it in two parts: what it is exactly and what it is being used for:</span></div>
<div class="p1">
</div>
<ul style="text-align: left;">
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">First of all, HTML means HyperText Markup Language. Let’s say the web page is a human body. HTML will represent the skeleton which is the main structure of person, so of the web page</span></li>
<li><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Secondly, HTML is used as a programming language when you want the text on a web page not only to be constituted of frozen words </span></li>
</ul>
<br />
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">And CSS? It stands for Cascading Style Sheet. It is the skin and makeup of you HTML skeleton. This part will be reviewed a bit later but from now, you must be more familiar with the construction of a web page.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b>Qu’est-ce que le HTML?</b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><br /></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Nous pouvons l’expliquer en deux parties : qu’est-ce qu’est le HTML et quel en est son usage :</i></span></div>
<div class="p1">
</div>
<ul style="text-align: left;">
<li><i style="color: #741b47; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Premièrement, HTML signifie HyperText Markup Language. Disons que la page internet est un corps humain. Le HTML sera son squelette et lui donnera donc sa structure comme il le ferait pour un Homme</i></li>
<li><i style="color: #741b47; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">Deuxièmement, le HTML est utilisé comme un langage de programmation pour éviter que le texte sur une page ne soit uniquement constitué de mots figés</i></li>
</ul>
<br />
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Et le CSS ? Cela correspond à Cascading Style Sheet, qui veut lui-même dire Feuille de Style en Cascade. Cela correspond à la peau et au maquillage du squelette HTML. Je reverrai cette partie plus en détails un peu plus tard. Mais pour maintenant, vous devez être plus familier avec la construction d’une page web.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-Jk0y9Fb-u-s/V8AOIbIN-uI/AAAAAAAAANQ/jkwvEIAtkrwtj02c7yvsbDMwbjgCG6ctwCK4B/s1600/apprendre-html-css-pour-les-nuls.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator " border="0" height="307" src="https://1.bp.blogspot.com/-Jk0y9Fb-u-s/V8AOIbIN-uI/AAAAAAAAANQ/jkwvEIAtkrwtj02c7yvsbDMwbjgCG6ctwCK4B/s640/apprendre-html-css-pour-les-nuls.jpg" title="HTML CSS Code language website" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: dessinemoiunsite.com</td></tr>
</tbody></table>
<h3 style="text-align: left;">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">3. <u>First steps of the module - <span style="color: #741b47;"><i>Premiers pas du module</i></span></u></span></h3>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">I do not pretend to be a professional or Code/Programming teacher. My aim with this blog is to give you tips to learn code on your own and to share my experience. This could be happy stories of successes or struggles (luckily, I have not tested this one so far).</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Je ne prétends pas être une professionnelle ni un professeur de Programmage/Codage. Le but de ce blog est de partager des conseils pour apprendre vous-même le code et pour partager mon expérience. Qu’il s’agisse de joies et succès ou de difficultés et d’échecs (jusqu’à présent pas expérimentés).</i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">If you know a bit of websites and digital you may have heard about SEO, which stands for Search Engine Optimization. Basically, it is the engine that web browsers (Google, Yahoo, Bing…) will use to find your website/blog and reference it throughout the entire web world. These engines work based on algorithms and you can use HTML to increase your presence and be on top of the list.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Si vous connaissez un peu les sites Internet et le monde du digital, vous avez sûrement entendu parler du SEO qui veut dire Search Engine Optimization (Optimisation du Moteur de Recherche). Pour faire court, il s’agit du robot que les moteurs de recherche (Google, Yahoo, Bing…) utiliseront pour trouver votre site/blog et le référencer parmi la toile. Ces robots fonctionnent sur la base d’algorithmes et vous pouvez utiliser le HTML pour augmenter votre présence et être en haut de la liste.</i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">T</span><span style="font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;">o do this, you need to follow a particular structure that you would use for an essay: head, title, main parts, subtitles, subparts…</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Indeed, the robot who is in charge of your page scan will pay attention to these details. Showing the robot the right information will help you to get to the best spot.</span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Pour faire cela, vous devrez suivre une structure particulière comme celle que vous utiliseriez pour écrire une dissertation: en-tête, titre, parties, sous-titres, sous-parties…</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>En effet, le robot en charge du scan de votre page fera attention à ces détails. Lui montrer la bonne information vous aidera à atteindre la bonne place.</i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">HTML is a very strict language and does not tolerate any mistake.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Here are the basic rules you need to follow:</span></div>
<div class="p1">
<br /></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">1. HTML uses tags: one to open < and one to close > ; if you are already familiar with Excel, it is the same system that applies to brackets. This means: if you forget one tag it won’t work.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">For more clarity when you read the coding page you need to go to the next line every time you want to open a new tag. It may be laborious but trust me, if a mistake happens it will be faster to spot it.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">a.<span class="s1"> </span>When you start to code, you will <b><u>always</u></b> have to put this:</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">1<span class="s2">st</span> line: <b><!DOCTYPE html></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">This is compulsory and will indicate the web browser what language it needs to use to read the page (HTML of course!)</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">b.<span class="s1"> </span>2<span class="s2">nd</span> line: <b><html></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Will show where the HTML doc starts from</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Last line: <b></html></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">Will end the HTML doc</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">2. 1 document = 1 head (1 title) + 1 body (paragraphs). If you think about a typical press article, here you are, same disposition.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><!DOCTYPE html></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><html></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><head></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><title></b>Hello everyone<b></title></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b></head></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><body></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><p></b>I hope everyone is alright today<b></p></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><p></b>Let’s start an introduction to HTML<b></p></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b></body></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b></html></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><b><br /></b></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">As much as I would like to go a bit deeper and getting into links, font size, font type, lists… I will continue this part this week in an upcoming post.</span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">You will have a reason to come back ;) </span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-0XAV3wwRFlk/V8APysE3MbI/AAAAAAAAANc/3_gKKJUexvYKHR96hxFlZvDhhQLIeuvKwCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-04%2Ba%25CC%2580%2B18.38.17.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation codecademy MIT Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact programmeur programator " border="0" height="277" src="https://4.bp.blogspot.com/-0XAV3wwRFlk/V8APysE3MbI/AAAAAAAAANc/3_gKKJUexvYKHR96hxFlZvDhhQLIeuvKwCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-04%2Ba%25CC%2580%2B18.38.17.png" title="Code HTML website Codecademy" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Le HTML est un langage très strict et ne tolère aucune erreur. Voici les règles de base que vous devrez suivre:</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>1.<span class="s1"> </span>Le HTML utilise des crochets appelés ‘tags’: un pour ouvrir < et un pour fermer > ; si vous êtes déjà familier avec Excel, il s’agit du même système qui s’applique aux parenthèses. Ce qui veut dire que si vous en oubliez un tout sera faux.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Pour plus de clarté lorsque vous lisez la fenêtre de codage vous devez aller à la ligne à chaque fois que vous voulez ouvrir un nouveau crochet. Cela peut paraître laborieux de prime abord mais croyez-moi, si une erreur apparaît elle sera plus facile à repérer.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>a.<span class="s1"> </span>Quand vous commencez à coder vous devrez <b><u>toujours</u> </b>faire ceci :</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>1<span class="s2">ère</span> ligne: <b><!DOCTYPE html></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>C’est une étape obligatoire et cela indique au moteur de recherche quel langage il doit utiliser pour lire la page (le HTML bien sûr !)</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>b.<span class="s1"> </span>2<span class="s2">ème</span> ligne: <b><html></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Montrera où le document HTML commence</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Dernière ligne: <b></html></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Terminera le document HTML</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>2. 1 document = 1 en-tête (1 titre) + 1 corps (paragraphes). Si vous pensez à un article de presse classique, vous y êtes ! C’est la même disposition.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><!DOCTYPE html></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><html></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><head></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><title></b>Bonjour tout le monde<b></title></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b></head></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><body></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><p></b>J’espère que tout le monde va bien aujourd’hui<b></p></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b><p></b>Commençons une introduction au HTML<b></p></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b></body></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><b></html></b></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>J’aimerai allez plus loin et vous montrer les liens, tailles de police, type de police, listes… Je continuerai cette partie dans un prochain post à paraître cette semaine.</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>Vous aurez une raison pour revenir ;)</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i><br /></i></span></div>
<div class="p1">
<span style="font-family: Helvetica Neue, Arial, Helvetica, sans-serif;">To be continued in the next episode, Amélie X </span></div>
<br />
<div class="p1">
<span style="color: #741b47; font-family: Helvetica Neue, Arial, Helvetica, sans-serif;"><i>La suite au prochain épisode, Amélie X </i></span></div>
</div>
<!--EndFragment--></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script></div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-1159008697269575772016-08-03T14:54:00.000+02:002016-11-10T16:42:07.460+01:00START TO CODE<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Hello again folks! <i><span style="color: #741b47;">Re-bonjour les amis!</span></i></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>The trigger point - <i><span style="color: #741b47;">L'élément déclencheur</span></i></u></span></h3>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">As I stated yesterday in my first article, everything evolving around computers and coding has always intrigued me. But there is a big step between these two states of mind ‘Oh, that’s interesting, I’d love to know more’ and ‘Ok, let’s go, I am really going to learn how to code’. I bet you are asking yourself what is that trigger point.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Comme je l’indiquais hier dans mon premier article, tout ce qui touche à l’informatique et au code m’a toujours intriguée. Mais il y a un grand pas à faire entre le moment où l’on se dit ‘Oh, c’est intéressant, j’aimerai en savoir en plus’ et ‘Ok, allons-y, je vais réellement apprendre à coder’. Je suppose que vous vous demandez quel a été l’élément déclencheur.</i></span></div>
<div class="p2" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><a href="http://1.bp.blogspot.com/-lGY_Bndlbpg/V79XFPDvg2I/AAAAAAAAAL8/8DQ2Dyu7b0ApVXHjs_gVyrA4B3gXSVPEwCK4B/s1600/Capture%2B1.png" imageanchor="1"><img alt="code digital program blog coding technology innovation Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact Aurélie Jean professor professeur programmeur programator " border="0" height="289" src="https://1.bp.blogspot.com/-lGY_Bndlbpg/V79XFPDvg2I/AAAAAAAAAL8/8DQ2Dyu7b0ApVXHjs_gVyrA4B3gXSVPEwCK4B/s640/Capture%2B1.png" title="Aurélie Jean interview" width="640" /></a></span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">For me, it was <a href="http://www.1nstant.fr/instant-story/2016/7/28/coder-la-nouvelle-tendance-digitale-">an article</a> I read on LinkedIn (in French but Google translate should be able to help you - ask me if you need more details), written by <a href="https://www.linkedin.com/in/aurelie-jean-phd-aa045932">Dr Aurélie Jean</a> and published by <a href="http://www.1nstant.fr/about/">Christine Lerche Le Bee</a> for <a href="http://1nstant.fr/">1nstant.fr</a>. She explains her point of view on coding and programming and how it is going to change tomorrow’s world. She also sees it as one of the biggest opportunity for women to empower themselves and be the leaders of this numerical revolution.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pour moi, cela a été <a href="http://www.1nstant.fr/instant-story/2016/7/28/coder-la-nouvelle-tendance-digitale-">un article</a> que j’ai lu sur LinkedIn, écrit par le <a href="https://www.linkedin.com/in/aurelie-jean-phd-aa045932">Docteur Aurélie Jean</a> et publié par <a href="http://www.1nstant.fr/about/">Christine Lerche Le Bee</a> pour <a href="http://1nstant.fr/">1nstant.fr</a>. Elle y explique son point de vue sur le codage et la programmation informatique et comment cela va changer le monde de demain. Elle y voit aussi l’une des plus belles opportunités pour les femmes de se valoriser et de devenir les leaders de cette révolution numérique.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Following a discussion with her (I take advantage of this platform to thank her again for the great help and inspiration she is) and the advices being given in the article, I gave it a go and went to visit two websites.</span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Après une discussion avec elle (j'en profite pour la remercier de nouveau pour son aide et l'inspiration qu'elle est pour moi) et la lecture des conseils donnés dans l’article, j’ai décidé de me lancer et d’aller visiter deux sites.</i></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>The first one is <a href="https://www.madewithcode.com/home/">Made w/ Code</a>, powered by Google - <i><span style="color: #741b47;">Le premier est <a href="https://www.madewithcode.com/home/">Made w/ Code</a>, qui est sous l’égide de Google</span></i></u></span></h3>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">It shows you how code is really behind everything we see and interact with. Create an emoji? Code (below is the one I created myself) – An automatic watering robot system for your plants? Code again…You can navigate through the website and visit different categories including Projects, Mentors, Community.</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Il nous renseigne sur comment le codage est réellement derrière tout ce que nous voyons et ce avec quoi nous interagissons. Créer un emoji ? C’est du code (ci-dessous, celui que j’ai créé moi-même) – Un robot d’arrosage automatique de vos plantes ? Encore du code…Vous pouvez naviguer à travers le site (seulement en anglais) et visiter différentes catégories comme Projets, Mentors, Communauté.</i></span></div>
<div class="p3" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-5d_CgLj7Qtg/V79XUPlV82I/AAAAAAAAAME/dXo1PMwMH_oEMkd6rpR89jPsnO8DWRwbgCK4B/s1600/13680992_10154429144089783_8324967150776129707_n.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact Aurélie Jean professor professeur programmeur programator " border="0" height="400" src="https://3.bp.blogspot.com/-5d_CgLj7Qtg/V79XUPlV82I/AAAAAAAAAME/dXo1PMwMH_oEMkd6rpR89jPsnO8DWRwbgCK4B/s400/13680992_10154429144089783_8324967150776129707_n.jpg" title="Emoji Madewithcode" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: madewithcode.com</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">My favourite video is from <a href="https://www.madewithcode.com/mentors/#maddy_maxey">Maddy Maxey</a> as she is giving code an exciting perspective in fashion. Whether it is for warming up your clothes when it is cold or to create your own website if you are a fashion designer. She said a quote that is for me the heart of taking that step to learn how to code: </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>'It is not really a question of what you are good or bad at, it is a question of what you want to learn'</b></span></div>
<div class="p1" style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b><br /></b></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">You can discover more stories by going to the website: <a href="https://www.madewithcode.com/home/">Made w/ Code by Google</a></span></div>
<div class="p3" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-imWZLFgqiLs/V79XphJrN4I/AAAAAAAAAMM/X4QS34h0LNonXOMocQCnFPuPjd8SOc3_ACK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-03%2Ba%25CC%2580%2B12.25.23.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code digital program blog coding technology innovation Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact Aurélie Jean professor professeur programmeur programator " border="0" height="260" src="https://3.bp.blogspot.com/-imWZLFgqiLs/V79XphJrN4I/AAAAAAAAAMM/X4QS34h0LNonXOMocQCnFPuPjd8SOc3_ACK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-03%2Ba%25CC%2580%2B12.25.23.png" title="Maddy Maxey Madewithcode" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: madewithcode.com</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
</div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Ma vidéo préférée est celle de <a href="https://www.madewithcode.com/mentors/#maddy_maxey">Maddy Maxey </a>car elle offre au code une excitante perspective dans le domaine de la mode. Que ce soit pour que vos vêtements se réchauffent quand il fait froid ou pour créer votre propre site web si vous êtes un créateur. Elle dit une phrase qui prend tout son sens et qui est l’élément central de ma démarche d’apprentissage du code :</i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: center;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><b>'Ce n'est pas réellement une question de si vous êtes bon ou mauvais, c'est une question de ce que vous avez envie d'apprendre'</b></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Vous pouvez découvrir d'autres histoires en allant faire un tour sur le site: <a href="https://www.madewithcode.com/home/">Made w/ Code by Google</a></i></span></div>
<div class="p1" style="text-align: left;">
<br /></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">The second website is <a href="https://www.codecademy.com/">Codecademy</a> - Le second site est <a href="https://www.codecademy.com/">Codecademy</a></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">This is the platform you need to go to if you wish to learn how to code. As there is an infinite amount of languages you can learn, it is the same for coding. Main code languages are: </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span class="Apple-tab-span"> </span>•<span class="Apple-tab-span"> </span>HTML & CSS: learn web development basics and start to create your website by the end of this course</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span class="Apple-tab-span"> </span>•<span class="Apple-tab-span"> </span>JavaScript: learn how to make interactive websites and games that you can turn into database</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span class="Apple-tab-span"> </span>•<span class="Apple-tab-span"> </span>jQuery: jQuery uses JavaScript to easily create interactive websites. Learn how to create animations and small events on one page</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span class="Apple-tab-span"> </span>•<span class="Apple-tab-span"> </span>PHP: it is the back end language from servers, very popular and easy to learn </span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span class="Apple-tab-span"> </span>•<span class="Apple-tab-span"> </span>Python: learn fundamentals of programming to develop web apps and manage data</span></div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span class="Apple-tab-span"> </span>•<span class="Apple-tab-span"> </span>Ruby: a powerful tool but easy to learn. Used worldwide in website development</span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>C’est une plateforme où vous devez et devrez vous rendre si vous souhaitez apprendre le code. Il existe une infinité de langues que vous pouvez apprendre, cette pluralité existe aussi pour le code. Les principaux langages de code sont cités sur la photo ci-dessous :</i></span></div>
<div class="p3" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-RHickapxuFw/V79X0Pw5bNI/AAAAAAAAAMU/MYtgnzmmjZ8wynR86Zf4zfYxkj1Xi2IWgCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-02%2Ba%25CC%2580%2B13.18.04.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code codecademy digital program blog coding technology innovation Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact Aurélie Jean professor professeur programmeur programator " border="0" height="327" src="https://3.bp.blogspot.com/-RHickapxuFw/V79X0Pw5bNI/AAAAAAAAAMU/MYtgnzmmjZ8wynR86Zf4zfYxkj1Xi2IWgCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-02%2Ba%25CC%2580%2B13.18.04.png" title="Digital languages for coding codecademy" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I will give more details on the website in the next article and why it seems to be a good tool to use if you are learning on your own. I deliberately chose the HTML&CSS module in order to be able to make the blog’s design evolve myself (I am a big dreamer I know). I did not put a timer on but it took me about three hours to complete 8% of the class. Still a lot of work to do and I cannot wait to put my hands back on it :)</span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je vous donnerai plus de détails sur le site dans le prochain article et sur pourquoi cela paraît être un bon outil pour apprendre en autodidacte.J’ai délibérément choisi le module HTML&CSS pour mettre ce que je dis en pratique et pouvoir faire évoluer le design du blog moi-même (je suis une grande rêveuse je sais). Je n’ai pas mis de chronomètre mais cela m’a pris à peu près trois heures pour compléter 8% de la classe. Il reste beaucoup de travail à faire et j’ai hâte de m’y remettre :)</i></span></div>
<div class="p3" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1" style="text-align: left;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-s4W6QnFHSNY/V79X_VdPKsI/AAAAAAAAAMc/2Z5srDLpQkgrRr-hiSgxmdf5KLS7B0w7wCK4B/s1600/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-03%2Ba%25CC%2580%2B12.51.43.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="code codecademy digital program blog coding technology innovation Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre blog autodidacte on my own technology sillicon valley myself autodidact Aurélie Jean professor professeur programmeur programator " border="0" height="218" src="https://2.bp.blogspot.com/-s4W6QnFHSNY/V79X_VdPKsI/AAAAAAAAAMc/2Z5srDLpQkgrRr-hiSgxmdf5KLS7B0w7wCK4B/s400/Capture%2Bd%25E2%2580%2599e%25CC%2581cran%2B2016-08-03%2Ba%25CC%2580%2B12.51.43.png" title="Codecademy progress learning code" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Credits: codecademy.com</td></tr>
</tbody></table>
<div style="text-align: center;">
<br /></div>
</div>
<div class="p1" style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next episode, Amélie X </span></div>
<div class="p1" style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>La suite au prochain épisode, Amélie X</i></span></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>
Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0tag:blogger.com,1999:blog-4458462138339936941.post-9194617589960092632016-08-02T23:59:00.000+02:002016-11-10T16:42:15.551+01:00ABOUT ME<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="p1">
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><a href="http://1.bp.blogspot.com/-Ndn8D5j2Kpo/V79F9eMemlI/AAAAAAAAAKw/kP47oBQqCzYWc4zxOcbzQPx73YKiWVeawCK4B/s1600/10151127_10152938464394783_1880965899447463676_n.jpg" imageanchor="1"><img alt="code digital program blog coding technology innovation Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre" border="0" height="400" src="https://1.bp.blogspot.com/-Ndn8D5j2Kpo/V79F9eMemlI/AAAAAAAAAKw/kP47oBQqCzYWc4zxOcbzQPx73YKiWVeawCK4B/s400/10151127_10152938464394783_1880965899447463676_n.jpg" title="" width="400" /></a></span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">My name is Amélie Lefebvre, I am French and 26 years old. It is always hard to speak about yourself but I still gave it a try below:</span></div>
<div class="p2">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Studies</u></span></h3>
</div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I studied different subjects whilst I was at uni, first of all I enrolled in a 2-year diploma in Logistics/Supply Chain and Transportation Management. After this, I had the opportunity to go abroad and spend one year studying International Business in Antwerp, Belgium (in Flanders they do speak Flemish so it was not cheating – I was speaking English the whole time ;). I became passionate about Marketing and decided to go to ISC Paris Business School to get a Master’s Degree in Marketing and Management of the Luxury Industries; I graduated in 2013.</span></div>
<div class="p2">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Working Life</u></span></h3>
</div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Since then, I have been fully working as a Marketeer for technical brands in highly competitive markets and for different companies (L’Oréal, VFB Lingerie, Hasbro) and in different places (France and in the UK).</span></div>
<div class="p2">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Why do I want to learn coding?</u></span></h3>
</div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">I am back in France now and I decided to learn coding language as I have a bit of free time. Why would I do that?</span></div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">First of all, I love languages and speak French, English and Spanish with a bit of Flemish.</span></div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Secondly, I truly believe that coding is the new English which means that it will be compulsory to know and deal with it in less time than it takes to say it. In France, they start to implement coding classes for children aged 6 and I am sure it has been already done in some other countries.</span></div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Finally, I may be the most curious person you could ever meet, always intrigued by what is going on around me, I always questioned myself on how our computer programs are built, how can we tie in coding with fashion, beauty, luxury and so many other things…</span></div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">That’s why I am here today, ready to take off and inviting you on the adventure with me!</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1">
<h3 style="text-align: left;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u>Any questions?</u></span></h3>
</div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Just drop me few lines at this email: aeg.lefebvre@gmail.com</span></div>
<div class="p1">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">To be continued in the next episode, Amélie X</span><br />
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">NB: as I want to reach as many people as I can and share my story with you, articles will be published in English and French</span></div>
<div class="p2">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><a href="http://2.bp.blogspot.com/-3pJgm85M3mI/V79GNWMr4hI/AAAAAAAAAK4/3c7TfzY3YLAVeflM8Q-BV7K1oW4iGL87wCK4B/s1600/13902557_10154450958834783_2293416615664133375_n.jpg" imageanchor="1"><img alt="code digital program blog coding technology innovation Londres New York USA Etats-Unis Angleterre London France Paris tech entrepreneur female femme créer entreprise apprendre" border="0" height="400" src="https://2.bp.blogspot.com/-3pJgm85M3mI/V79GNWMr4hI/AAAAAAAAAK4/3c7TfzY3YLAVeflM8Q-BV7K1oW4iGL87wCK4B/s400/13902557_10154450958834783_2293416615664133375_n.jpg" title="" width="400" /></a></span></div>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je m’appelle Amélie Lefebvre, je suis française et j’ai 26 ans. Je dois avouer que parler de soi-même est toujours un exercice périlleux mais je l'ai quand même tenté ci-dessous:</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u><i>Etudes</i></u></span></h3>
</div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>J’ai étudié différentes matières lors de mon parcours étudiant. J’ai débuté par un DUT en Gestion Logistique et Transport. Après cette période, j’ai eu l’opportunité d’aller à l’étranger avec le programme Erasmus et j’ai passé une année à approfondir mes connaissances en Business International à Anvers en Belgique (en Flandres, les gens parlent flamand et non français, donc non, ce n’était pas de la triche – je parlais anglais tout le temps ;). Je me suis passionnée pour le Marketing et j’ai décidé d’aller à l’ISC Paris pour faire un Master Grande Ecole en Marketing et Management des Industries du Luxe, diplôme que j'ai obtenu en 2013.</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p2">
<h3 style="text-align: left;">
<u><span style="color: #741b47;"><i><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Vie Professionnelle</span></i></span></u></h3>
</div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Depuis 2013, je n’ai pas arrêté de travailler comme Chef de Produit pour des marques techniques présentes dans des marchés hautement compétitifs et ce, pour plusieurs entreprises (L’Oréal, VFB Lingerie, Hasbro) dans des zones différentes (France et UK).</i></span></div>
<div class="p2">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i><br /></i></span></div>
<div class="p1">
<h3 style="text-align: left;">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><u><i>Pourquoi je souhaite apprendre le codage informatique ?</i></u></span></h3>
</div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Je suis de retour en France et j’ai décidé d’apprendre le codage informatique car j’ai un peu de temps libre.</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Pourquoi ferais-je cela me direz-vous ?</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Premièrement, j’adore les langues et parle français, anglais et espagnol avec une touche de flamand</i></span></div>
<div class="p1">
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Deuxièmement, je pense sincèrement que le codage informatique est le nouvel anglais, ce qui veut dire qu’il va très vite devenir obligatoire de le maîtriser et ce en moins de temps qu’il n’en faut pour le dire. En France, ils commencent déjà à introduire des classes de codage informatique pour des enfants âgés de 6 ans et je suis persuadée que cela existe déjà dans d’autres pays.</i></span><br />
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Finalement, je suis certainement la personne la plus curieuse que vous pourriez rencontrer, je suis intriguée par tout ce qui se passe autour de moi et je me pose toujours des questions sur comment nos programmes informatiques sont créés, comment peut-on allier le code à la mode, la beauté, le luxe et tellement d’autres choses encore…</i></span><br />
<span style="color: #741b47;"><i><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">C’est pourquoi je suis là aujourd’hui ! Prête à embarquer dans l’aventure et à vous emmener avec moi !</span></i></span><br />
<span style="color: #741b47;"><i><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span></i></span>
<h3 style="text-align: left;">
<u><span style="color: #741b47;"><i><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Une question?</span></i></span></u></h3>
<span style="color: #741b47; font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><i>Envoyez-moi quelques ligne à cet email : aeg.lefebvre@gmail.com</i></span><br />
<span style="color: #741b47;"><i><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">La suite au prochain épisode, Amélie X</span></i></span><br />
<span style="color: #741b47;"><i><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><br /></span>
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">NB: mon souhait étant d'atteindre le plus de personnes possible afin de partager mon histoire, les articles seront publiés en anglais et en français</span></i></span></div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-82045227-1', 'auto');
ga('send', 'pageview');
</script>
</div>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-5154836641173373",
enable_page_level_ads: true
});
</script>Améliehttp://www.blogger.com/profile/17890635196109042790noreply@blogger.com0