<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Internet &#8211; Delphine MALASSINGNE</title>
	<atom:link href="https://articles.nissone.com/tag/internet/feed/" rel="self" type="application/rss+xml" />
	<link>https://articles.nissone.com</link>
	<description></description>
	<lastBuildDate>Mon, 12 Jun 2017 11:58:59 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.1</generator>
	<item>
		<title>Internet et société&#160;: la responsabilité des professionnels</title>
		<link>https://articles.nissone.com/2013/10/internet-societe-responsabilite-professionnels/</link>
					<comments>https://articles.nissone.com/2013/10/internet-societe-responsabilite-professionnels/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Fri, 18 Oct 2013 15:06:24 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[Hygiène numérique]]></category>
		<category><![CDATA[Le monde du web]]></category>
		<category><![CDATA[enjeu]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Paris Web]]></category>
		<category><![CDATA[Paris Web 2013]]></category>
		<category><![CDATA[responsabilité]]></category>
		<category><![CDATA[société]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=2003</guid>

					<description><![CDATA[Quatre conférences de Paris Web 2013 m'ont en particulier interpellée. Elles m'ont fait réagir et je vous invite, à mon tour, à réfléchir à notre rôle, à nous professionnels du web, par rapport à la vulgarisation des importants enjeux de société véhiculés par Internet.]]></description>
										<content:encoded><![CDATA[<p>Parmi toutes les conférences que j&rsquo;ai vues et aimées cette année à <a title="Paris Web 2013" href="http://paris-web.fr/2013/">Paris Web</a>, certaines m&rsquo;ont particulièrement marquée par rapport à leur thématique. En effet, il me semble que plus d&rsquo;une présentation nous renvoyait à notre responsabilité en tant que professionnels et utilisateurs d&rsquo;Internet.</p>
<p>« <a href="http://www.paris-web.fr/2013/conferences/la-rencontre-entre-hacktivisme-et-societes-civiles-un-enjeu-pour-les-libertes-numeriques.php">La rencontre entre hacktivisme et sociétés civiles, un enjeu pour les libertés numériques</a> » d&rsquo;Amaëlle Guiton m&rsquo;a permis de rattraper un retard que je cachais honteusement. Mais pas que ; loin de là.</p>
<p>Nous vivons, avec l&rsquo;arrivée somme toute récente d&rsquo;Internet, une nouvelle révolution après celle de l&rsquo;imprimerie (je n&rsquo;invente pas cette belle image mais reprends ce que j&rsquo;ai entendu). Notre capacité à communiquer avec toute la planète et à transmettre est sans limite. Sans limite ? Le politique a bien compris le pouvoir que donne Internet et se pose les questions de ces limites. Mais se pose-t-il les bonnes questions ? <strong>Internet n&rsquo;est pas une question politique. Internet est un support qui équipe la société</strong> et la société (civile, mondiale) ne doit pas le laisser lui échapper pour être contrôlé par un pouvoir politique, soit-il capitaliste, anarchiste, socialiste ou tout autre -iste.</p>
<figure id="attachment_2066" aria-describedby="caption-attachment-2066" style="width: 500px" class="wp-caption aligncenter"><a href="http://www.flickr.com/photos/jfgornet/4670700931/"><img fetchpriority="high" decoding="async" class="size-full wp-image-2066" title="Photo jfgornet - Licence CC-by-SA" src="http://articles.nissone.com/wp-content/uploads/2013/10/foule1.jpg" alt="" width="500" height="152" srcset="https://articles.nissone.com/wp-content/uploads/2013/10/foule1.jpg 500w, https://articles.nissone.com/wp-content/uploads/2013/10/foule1-300x91.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a><figcaption id="caption-attachment-2066" class="wp-caption-text">Internet est un outil qui équipe la société. Il ne doit pas être récupéré par le mercantile et le politique</figcaption></figure>
<p>Oui, mais Internet, c&rsquo;est compliqué. Comprendre en quoi la liberté du Net c&rsquo;est important (cf. « <a href="http://www.paris-web.fr/2013/conferences/vers-une-nouvelle-ethique.php">Vers une nouvelle éthique</a> » de Xavier Mouton-Dubosc), ce n&rsquo;est pas (encore) à la portée de ma mère, mon voisin, mon boucher qui a autre chose à faire. Les enjeux de la liberté individuelle et de la vie privée vont bien plus loin que le « je n&rsquo;ai rien à cacher » de ma cousine lycéenne et de mon épicier réac&rsquo;.</p>
<p>Mais nous, professionnels du web, nous sommes bien mieux placés que les politiques pour comprendre notre média et ses possibilités. Nous nous y intéressons, connaissons sa mécanique, sommes consommateurs et acteurs. Il reste encore un rôle que nous pourrions choisir de revêtir : <strong>vulgariser et transmettre</strong>.</p>
<p>Si nous ne le faisons pas, c&rsquo;est TF1 qui le fera.</p>
<p>Mais que transmettre ? À mon sens et en m&rsquo;appuyant sur les conférences qui ont motivé ce billet, je dirais :</p>
<ul>
<li>En quoi Internet est notre – nous, les citoyens du monde – média, fait de nos données ?</li>
<li>Comment le monde mercantile utilise et pourrait utiliser Internet (nos données) ?</li>
<li>Que souhaite-t-on qu&rsquo;Internet devienne ? Projetons-nous dans 100 ans.</li>
</ul>
<p>Dans cette révolution que nous vivons, depuis les premiers rangs pour les professionnels que nous sommes, <strong>nos actes et nos non-actes seront la cause de ce que sera Internet demain</strong>.</p>
<figure id="attachment_2017" aria-describedby="caption-attachment-2017" style="width: 500px" class="wp-caption aligncenter"><a href="http://www.flickr.com/photos/tomas_sobek/4335495077/"><img decoding="async" class="size-full wp-image-2017" title="Photo Tomas Sobek - Licence CC-by" src="http://articles.nissone.com/wp-content/uploads/2013/10/mains.jpg" alt="" width="500" height="185" srcset="https://articles.nissone.com/wp-content/uploads/2013/10/mains.jpg 500w, https://articles.nissone.com/wp-content/uploads/2013/10/mains-300x111.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a><figcaption id="caption-attachment-2017" class="wp-caption-text">À nous de nous emparer d&rsquo;Internet avec recul et discernement.</figcaption></figure>
<p>Car Internet est un nouvel eldorado pour notre monde capitaliste. Les possibilités que l&rsquo;on entrevoit actuellement ne sont sûrement rien par rapport à ce que cela va devenir. Les perspectives que nous donne, par exemple, Avi Itzkovitch dans sa conférence « <a href="http://www.paris-web.fr/2013/conferences/designing-with-sensors-creating-adaptive-experiences.php">Designing with Sensors: Creating Adaptive Experiences</a> » sont autant de nouveaux services que nos appareils pourront nous rendre – et je m&rsquo;enthousiasme autant à cette idée que je me réjouis de mon utilisation actuelle de mon mobile. Mais n&rsquo;est-ce pas autant de raisons de s&rsquo;inquiéter de la compromission de la liberté individuelle, de la disparition de la vie privée ? Si certains s&rsquo;en inquiètent, la réponse pour moi est la même que ci-dessus  : <strong>à nous d&rsquo;être responsable de notre support, de vulgariser pour le « grand public », de réfléchir et de se projeter pour être sûrs de ne pas créer un monstre</strong>.</p>
<p>Olivier Thereaux et Karl Dubost nous ont donné des premières pistes de réflexion avec « <a href="http://www.paris-web.fr/2013/conferences/esthetique-et-pratique-du-web-qui-rouille.php">Esthétique et pratique du Web qui rouille</a> » – à nous de les creuser.</p>
<p><strong>Chaque utilisateur d&rsquo;Internet doit être vigilant</strong> par rapport à ce qu&rsquo;il met en ligne et à la manière dont il utilise ses applications. Mais c&rsquo;est à nous &#8211; professionnels du web &#8211; de relayer ce <strong>message de vigilance sans dramatiser mais de vulgariser</strong>, donnant <strong>à chacun la possibilité de prendre position</strong>.</p>
<div class="zonePlus">
<h6>Liens</h6>
<p>Ces quatre conférences ont motivé ce billet mais de nombreuses autres ressources vont pouvoir nous aider à cette prise de conscience et à la transmission.<br />
Voici quelques éléments que je peux vous indiquer :</p>
<ul>
<li>Le <a href="http://vimeo.com/70073032">débat entre professionnels du web à Sud Web 2012</a>, reprend en partie ces thématiques.</li>
<li>Les articles <a href="http://olivier.thereaux.net/2013/01-Digital-Decay/">d&rsquo;Olivier Thereaux</a> [en] et <a href="http://www.24joursdeweb.fr/2012/un-site-web-de-1000-ans/">de Karl Dubost</a> à propos du « web qui rouille ».</li>
<li>Le livre d&rsquo;Amaëlle Guiton : <a href="http://www.audiable.com/livre/?GCOI=84626100263950&amp;fa=description">Hackers Au cœur de la résistance numérique</a><br />
Mise à jour, 02/11/2014 : Le site de l&rsquo;éditeur n&rsquo;est pas accessible pour l&rsquo;instant ; à propos du livre, vous pouvez allez voir cette vidéo <a href="https://www.youtube.com/watch?v=35sClnB1RbE">Interview d&rsquo;Amaëlle Guiton</a>.<br />
Et sinon, <a title="&quot;Hackers, Au coeur de la résistance numérique&quot; chez Les Libraires" href="http://www.leslibraires.fr/livre/3618942-hackers-au-cur-de-la-resistance-numerique-amaelle-guiton-au-diable-vauvert">le livre sur le site LesLibraires</a>.</li>
<li>Un autre livre que j&rsquo;avais repéré et que, décidément, il va falloir que je lise et fasse lire : <a href="http://www.fypeditions.com/la-vie-privee-un-probleme-de-vieux-cons/">La vie privée, un problème de vieux cons ?</a></li>
<li><strong>Et bien sûr, la <a href="https://www.laquadrature.net/fr">Quadrature du Net</a>, que vous ne pouvez pas ne pas connaître.</strong></li>
</ul>
</div>
<div class="zonePlus">
<h6>Remerciements</h6>
<p>Merci aux orateurs que j&rsquo;ai cités ci-dessus pour ce partage et merci aux auditeurs qui y ont ajouté leurs questions et leurs points de vue.<br />
Merci à <a href="http://www.paris-web.fr/">Paris-Web</a> pour ces choix qui n&rsquo;étaient pas si évidents ; merci vraiment !<br />
Merci à Ekino qui m&rsquo;a permis d&rsquo;assister à ces journées de conférences.</p>
</div>
<div class="zonePlus">
<h6>Mes autres articles sur Paris Web 2013</h6>
<ul>
<li><a title="De l’enthousiasme post-Paris Web" href="http://articles.nissone.com/2013/10/de-l-enthousiasme-post-paris-web/">De l&rsquo;enthousiasme post-Paris Web</a></li>
<li><a title="Mes conférences chouchous à Paris Web 2013" href="http://articles.nissone.com/2013/10/mes-conferences-chouchous-a-paris-web-2013/">Mes conférences chouchous</a></li>
</ul>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2013/10/internet-societe-responsabilite-professionnels/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>HTML et Internet (Initiation au HTML 2/5)</title>
		<link>https://articles.nissone.com/2008/05/html-internet/</link>
					<comments>https://articles.nissone.com/2008/05/html-internet/#respond</comments>
		
		<dc:creator><![CDATA[Delphine Malassingne]]></dc:creator>
		<pubDate>Wed, 28 May 2008 12:43:29 +0000</pubDate>
				<category><![CDATA[[Article]]]></category>
		<category><![CDATA[Intégration de pages web]]></category>
		<category><![CDATA[Le monde du web]]></category>
		<category><![CDATA[agent utilisateur]]></category>
		<category><![CDATA[client]]></category>
		<category><![CDATA[configuration]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[modem]]></category>
		<category><![CDATA[serveur]]></category>
		<category><![CDATA[système d'exploitation]]></category>
		<guid isPermaLink="false">http://articles.nissone.com/?p=196</guid>

					<description><![CDATA[Initiation au HTML
Partie I : HTML et Internet. 
Historique - Environnement.
]]></description>
										<content:encoded><![CDATA[<h2>Historique</h2>
<p>Internet a initialement été créé par les militaires américains dans les années 60 afin de partager des informations sur un réseau. Internet est ensuite passé dans le domaine universitaire avant de s’ouvrir tel qu’on l’on connaît actuellement : un réseau international accessible à tous.<br />
Il s’agit en fait d’un réseau d’ordinateurs qui hébergent les pages web (les serveurs) qui sont connectés les uns aux autres.</p>
<p>HTML est l’acronyme de Hyper Text Markup Language, soit un langage de marquage hypertexte.<br />
Ce langage a été crée afin de structurer les informations mise à disposition sur Internet.<br />
Sa particularité est certainement le lien hypertexte qui permet de passer d’une page à l’autre en cliquant sur des mots-clé.</p>
<h2>L&rsquo;environnement</h2>
<h3>L&rsquo;environnement utilisateur</h3>
<p>Le lecteur d’un site Internet a besoin de plusieurs outils pour accéder à une page :</p>
<ul>
<li>un modem. Il peut être bas-débit (jusqu’à 28k) ou haut-débit (ADSL) et jusqu’à très haut-débit (20 M, par exemple).</li>
<li>un agent utilisateur. C’est-à-dire, le logiciel qui reçoit les pages et est capable de les interpréter et les afficher. Internet Explorer ou Safari, par exemple.</li>
<li>un système d’exploitation, dans lequel est installé l’agent utilisateur</li>
<li>une machine : ordinateur, PDA, mobile…</li>
</ul>
<figure id="attachment_198" aria-describedby="caption-attachment-198" style="width: 500px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2008/10/configurations.gif"><img loading="lazy" decoding="async" class="size-full wp-image-198" title="configurations" src="http://articles.nissone.com/wp-content/uploads/2008/10/configurations.gif" alt="Exemples d’environnement client" width="500" height="114" srcset="https://articles.nissone.com/wp-content/uploads/2008/10/configurations.gif 500w, https://articles.nissone.com/wp-content/uploads/2008/10/configurations-300x68.gif 300w" sizes="(max-width: 500px) 100vw, 500px" /></a><figcaption id="caption-attachment-198" class="wp-caption-text">Exemples d’environnement client</figcaption></figure>
<p><!--[if gte mso 9]><xml> <w :WordDocument> </w><w :View>Normal</w> <w :Zoom>0</w> <w :HyphenationZone>21</w> <w :PunctuationKerning /> <w :ValidateAgainstSchemas /> <w :SaveIfXMLInvalid>false</w> <w :IgnoreMixedContent>false</w> <w :AlwaysShowPlaceholderText>false</w> <w :Compatibility> <w :BreakWrappedTables /> <w :SnapToGridInCell /> <w :WrapTextWithPunct /> <w :UseAsianBreakRules /> <w :DontGrowAutofit /> </w> <w :BrowserLevel>MicrosoftInternetExplorer4</w> </xml>< ![endif]--><!--[if gte mso 9]><xml> <w :LatentStyles DefLockedState="false" LatentStyleCount="156"> </w> </xml>< ![endif]--><!--  /* Font Definitions */  @font-face 	{font-family:Verdana; 	panose-1:2 11 6 4 3 5 4 4 2 4; 	mso-font-charset:0; 	mso-generic-font-family:swiss; 	mso-font-pitch:variable; 	mso-font-signature:536871559 0 0 0 415 0;}  /* Style Definitions */  p.MsoNormal, li.MsoNormal, div.MsoNormal 	{mso-style-parent:""; 	margin-top:0cm; 	margin-right:0cm; 	margin-bottom:0cm; 	margin-left:34.0pt; 	margin-bottom:.0001pt; 	mso-pagination:widow-orphan; 	font-size:9.0pt; 	mso-bidi-font-size:12.0pt; 	font-family:Verdana; 	mso-fareast-font-family:"Times New Roman"; 	mso-bidi-font-family:"Times New Roman";} @page Section1 	{size:612.0pt 792.0pt; 	margin:70.85pt 70.85pt 70.85pt 70.85pt; 	mso-header-margin:36.0pt; 	mso-footer-margin:36.0pt; 	mso-paper-source:0;} div.Section1 	{page:Section1;} --></p>
<p><!--[if gte mso 10]> <mce :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:10.0pt; 	font-family:"Times New Roman"; 	mso-ansi-language:#0400; 	mso-fareast-language:#0400; 	mso-bidi-language:#0400;} --></p>
<p><!--[endif]-->L’environnement du client auquel on s’adresse peut donc se présenter sous différentes combinaisons : bas-débit / Internet Exploreur / PDA, haut-débit / Safari / ordinateur, etc.</p>
<p>Il faut rajouter à cela le nombre de couleurs que l’écran affiche, la résolution, l’activation ou non du son. Sans compter les particularités de l’internaute : mauvaise vue, daltonisme, problèmes moteurs… Il est donc impossible de savoir à l’avance dans quelles conditions le site que l’on conçoit va être vu.</p>
<figure id="attachment_199" aria-describedby="caption-attachment-199" style="width: 434px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2008/10/navigateurs.gif"><img loading="lazy" decoding="async" class="size-full wp-image-199" title="navigateurs" src="http://articles.nissone.com/wp-content/uploads/2008/10/navigateurs.gif" alt="Pourcentage de navigateurs utilisés en France en Avril 2006 (statistiques de fréquentation du site Linternaute.com, 4,5 millions de visiteurs uniques par mois en mars 2006)" width="434" height="300" srcset="https://articles.nissone.com/wp-content/uploads/2008/10/navigateurs.gif 434w, https://articles.nissone.com/wp-content/uploads/2008/10/navigateurs-300x207.gif 300w" sizes="(max-width: 434px) 100vw, 434px" /></a><figcaption id="caption-attachment-199" class="wp-caption-text">Pourcentage de navigateurs utilisés en France en Avril 2006 (statistiques de fréquentation du site Linternaute.com, 4,5 millions de visiteurs uniques par mois en mars 2006)</figcaption></figure>
<h3>Les échanges client / serveur</h3>
<p>Le poste du visiteur est appelé client. Lorsque l’internaute demande une URL, une adresse à son navigateur (ou autre agent utilisateur) ou qu’il clique sur un lien, le navigateur envoie, via le modem, une requête.</p>
<p>Pour trouver le serveur à qui la requête est adressée, il interroge une machine ayant la liste des noms de domaines et l’adresse IP qui leur correspond. Comme le nom de domaine est indiqué dans l’adresse, il retrouve l’IP qui lui permet de se diriger vers le serveur concerné.</p>
<p>Il interroge le serveur. Celui-ci lui répond et lui envoie une copie de la page demandée. La page est rapatriée sur le poste client et le navigateur peut l’afficher.</p>
<figure id="attachment_200" aria-describedby="caption-attachment-200" style="width: 477px" class="wp-caption aligncenter"><a href="http://articles.nissone.com/wp-content/uploads/2008/10/client-serveur.gif"><img loading="lazy" decoding="async" class="size-full wp-image-200" title="client-serveur" src="http://articles.nissone.com/wp-content/uploads/2008/10/client-serveur.gif" alt="Les échanges client / serveur" width="477" height="218" srcset="https://articles.nissone.com/wp-content/uploads/2008/10/client-serveur.gif 477w, https://articles.nissone.com/wp-content/uploads/2008/10/client-serveur-300x137.gif 300w" sizes="(max-width: 477px) 100vw, 477px" /></a><figcaption id="caption-attachment-200" class="wp-caption-text">Les échanges client / serveur</figcaption></figure>
<hr />
<p>Initiation au HTML &#8211; Plan de l&rsquo;article complet</p>
<ul>
<li><a title="Initiation au HTML (1/5)" href="http://articles.nissone.com/2008/05/initiation-html/">Initiation au HTML (1/5)</a></li>
<li>HTML et Internet (Initiation au HTML 2/5)</li>
<li><a title="Le langage HTML (Initiation au HTML 3/5)" href="http://articles.nissone.com/2008/06/langage-html/">Le langage HTML (Initiation au HTML 3/5)</a></li>
<li><a title="Pages statiques et pages dynamiques (Initiation au HTML - Annexe I)" href="http://articles.nissone.com/2008/05/pages-statiques-pages-dynamiques/">Pages statiques et pages dynamiques (Initiation au HTML &#8211; Annexe I)</a></li>
<li><a title="Quelle est la différence entre HTML et XHTML ? (Initiation au HTLM - Annexe II)" href="http://articles.nissone.com/2008/06/quelle-difference-entre-html-xhtml/">Quelle est la différence entre HTML et XHTML ? (Initiation au HTLM &#8211; Annexe II)</a></li>
<li><a title="Construction d’une page HTML : les éléments récurrents (Initiation au HTML 4/5)" href="http://articles.nissone.com/2008/06/construction-page-html-elements-recurrents/">Construction d’une page HTML : les éléments récurrents (Initiation au HTML 4/5)</a></li>
<li><a title="Le W3C (Initiation au HTML - Annexe III)" href="http://articles.nissone.com/2008/06/w3c/">Le W3C (Initiation au HTML &#8211; Annexe III)</a></li>
<li><a title="Exploiter le code HTML : retrouver des informations utiles (Initiation au HTML 5/5)" href="http://articles.nissone.com/2008/06/exploiter-code-html-retrouver-informations-utiles/">Exploiter le code HTML : retrouver des informations utiles (Initiation au HTML 5/5)</a></li>
<li><a title="La barre « Web developper » de Firefox (Initiation au HTML - Annexe IV)" href="http://articles.nissone.com/2008/06/barre-web-developper-firefox/">La barre « Web developper » de Firefox (Initiation au HTML &#8211; Annexe IV)</a></li>
</ul>
<p></mce></p>
]]></content:encoded>
					
					<wfw:commentRss>https://articles.nissone.com/2008/05/html-internet/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
