<?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>Design | devblog</title>
	<atom:link href="https://eboreal.com/devblog/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://eboreal.com/devblog</link>
	<description></description>
	<lastBuildDate>Sun, 27 Dec 2020 20:40:58 +0000</lastBuildDate>
	<language>fr-FR</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>The Firewall : Maquette graphique</title>
		<link>https://eboreal.com/devblog/the-firewall-maquette-graphique/</link>
		
		<dc:creator><![CDATA[boreal]]></dc:creator>
		<pubDate>Tue, 01 Mar 2016 20:17:11 +0000</pubDate>
				<category><![CDATA[A la une]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[The Firewall - Tower Defense]]></category>
		<category><![CDATA[Design]]></category>
		<guid isPermaLink="false">http://eboreal.com/devblog/?p=695</guid>

					<description><![CDATA[]]></description>
										<content:encoded><![CDATA[<div class="et_pb_section et_pb_section_0 et_section_regular" >
				
				
				
				
				
				
				<div class="et_pb_row et_pb_row_0">
				<div class="et_pb_column et_pb_column_4_4 et_pb_column_0  et_pb_css_mix_blend_mode_passthrough et-last-child">
				
				
				
				
				<div class="et_pb_module et_pb_text et_pb_text_0  et_pb_text_align_left et_pb_bg_layout_light">
				
				
				
				
				<div class="et_pb_text_inner"><h2>Appareils supportés</h2>
<p>Le jeu tournera exclusivement sur Apple iOS.</p>
<h2>Orientation</h2>
<p>Le jeu se jouera en mode portrait seulement.</p>
<h2>Emplacement sur l&rsquo;écran</h2>
<p>Sur iOS il y a 2 types de format d&rsquo;écran :</p>
<ul>
<li>Les iPhones : 16/9 (le ratio est identique pour tous les iPhones à partir du 5)</li>
<li>Les iPads : 4/3 (le ratio est identique pour tous les iPads y compris le dernier iPad Pro)</li>
</ul>
<p>Ce qui donne si on les superpose :</p>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-iPad.jpg" rel="attachment wp-att-699" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img fetchpriority="high" decoding="async" class="aligncenter wp-image-699" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-iPad-169x300.jpg" alt="iPhone-iPad" width="350" height="622" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-iPad-169x300.jpg 169w, https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-iPad.jpg 500w" sizes="(max-width: 350px) 100vw, 350px" /></a>Le but sera de présenter un écran cohérent aussi bien sur un iPhone que sur un iPad.</p>
<h2>iPad</h2>
<p>Sur l&rsquo;iPad l&rsquo;écran sera décomposé en 3 parties :</p>
<ol>
<li>Titre plus publicité superposés (la publicité cache le titre quand elle est disponible)</li>
<li>« Terrain » de jeu principal où se déroulera l&rsquo;action</li>
<li>Bandeau « outils »</li>
</ol>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPad-screen.jpg" rel="attachment wp-att-700" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="aligncenter wp-image-700" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPad-screen.jpg" alt="iPad-screen" width="350" height="622" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPad-screen.jpg 500w, https://eboreal.com/devblog/wp-content/uploads/2016/03/iPad-screen-169x300.jpg 169w" sizes="(max-width: 350px) 100vw, 350px" /></a></p>
<h2>iPhone</h2>
<p>Sur l&rsquo;iPhone l&rsquo;écran sera décomposé en 4 parties :</p>
<ol>
<li>Publicité</li>
<li>Titre</li>
<li>« Terrain » de jeu principal</li>
<li>Bandeau « outils »</li>
</ol>
<p>Il y a deux changements majeurs : la publicité ne recouvre pas le titre et le bandeau outils voit sa hauteur doubler pour tenir compte de la faible largeur des iPhones.</p>
<h2><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-screen.jpg" rel="attachment wp-att-704" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="aligncenter wp-image-704" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-screen.jpg" alt="iPhone-screen" width="350" height="622" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-screen.jpg 500w, https://eboreal.com/devblog/wp-content/uploads/2016/03/iPhone-screen-169x300.jpg 169w" sizes="(max-width: 350px) 100vw, 350px" /></a>Terrain de jeu</h2>
<p>Le terrain de jeu sera composé d&rsquo;une grille 10&#215;10 dans laquelle le joueur viendra poser des éléments de défense et dessiner les liaisons entre les différents éléments.</p>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/the-firewall-03.jpg" rel="attachment wp-att-705" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="size-full wp-image-705 aligncenter" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/the-firewall-03.jpg" alt="the firewall 03" width="350" height="378" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/the-firewall-03.jpg 350w, https://eboreal.com/devblog/wp-content/uploads/2016/03/the-firewall-03-278x300.jpg 278w" sizes="(max-width: 350px) 100vw, 350px" /></a>Les messages arriveront par le haut et les serveurs seront en bas.</p>
<h2>Le bandeau d&rsquo;outils</h2>
<p>Pour le bandeau d&rsquo;outils je n&rsquo;ai pas encore d&rsquo;idées précises mais cela devrait ressembler à ça (dans l&rsquo;idée) :</p>
<h2><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/outils.jpg" rel="attachment wp-att-707" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="aligncenter wp-image-707" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/outils.jpg" alt="outils" width="398" height="93" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/outils.jpg 1216w, https://eboreal.com/devblog/wp-content/uploads/2016/03/outils-300x70.jpg 300w, https://eboreal.com/devblog/wp-content/uploads/2016/03/outils-768x179.jpg 768w, https://eboreal.com/devblog/wp-content/uploads/2016/03/outils-1024x239.jpg 1024w, https://eboreal.com/devblog/wp-content/uploads/2016/03/outils-1080x252.jpg 1080w" sizes="(max-width: 398px) 100vw, 398px" /></a>Dessins préparatoires</h2>
<p>Voila en prime quelques dessins préparatoires que j&rsquo;ai fait en amont du projet pour visualiser le jeu :</p>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-05.jpg" rel="attachment wp-att-710" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="size-full wp-image-710 aligncenter" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-05.jpg" alt="The firewall-draw 05" width="366" height="601" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-05.jpg 366w, https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-05-183x300.jpg 183w" sizes="(max-width: 366px) 100vw, 366px" /></a></p>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-04.jpg" rel="attachment wp-att-711" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="size-full wp-image-711 aligncenter" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-04.jpg" alt="The firewall-draw 04" width="683" height="924" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-04.jpg 683w, https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-04-222x300.jpg 222w" sizes="(max-width: 683px) 100vw, 683px" /></a></p>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-01.jpg" rel="attachment wp-att-712" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="size-full wp-image-712 aligncenter" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-01.jpg" alt="The firewall-draw 01" width="500" height="375" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-01.jpg 500w, https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-01-300x225.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-02.jpg" rel="attachment wp-att-713" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="size-full wp-image-713 aligncenter" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-02.jpg" alt="The firewall-draw 02" width="500" height="476" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-02.jpg 500w, https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-02-300x286.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p><a href="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-03.jpg" rel="attachment wp-att-714" data-rel="lightbox-gallery-yhVuJSJ1" data-rl_title="" data-rl_caption="" title=""><img loading="lazy" decoding="async" class="size-full wp-image-714 aligncenter" src="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-03.jpg" alt="The firewall-draw 03" width="500" height="655" srcset="https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-03.jpg 500w, https://eboreal.com/devblog/wp-content/uploads/2016/03/The-firewall-draw-03-229x300.jpg 229w" sizes="(max-width: 500px) 100vw, 500px" /></a></div>
			</div>
			</div>
				
				
				
				
			</div>
				
				
			</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Présentation de « The Firewall &#8211; Tower Defense »</title>
		<link>https://eboreal.com/devblog/the-firewall-tower-defense-presentation/</link>
		
		<dc:creator><![CDATA[boreal]]></dc:creator>
		<pubDate>Sat, 20 Feb 2016 21:10:12 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[The Firewall - Tower Defense]]></category>
		<category><![CDATA[Design]]></category>
		<guid isPermaLink="false">http://eboreal.com/devblog/?p=535</guid>

					<description><![CDATA[Cet article va me permettre de présenter le jeu que je suis en train de développer The Firewall &#8211; Tower Defense. Firewall Defense est un jeu de type « tower defense ». Un « tower defense » ? Mais qu&#8217;est-ce que c&#8217;est ? Wikipedia nous renseigne : Le tower defense (souvent abrégée en TD) est un type de jeu [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Cet article va me permettre de présenter le jeu que je suis en train de développer <strong>The Firewall &#8211; Tower Defense.</strong></p>
<p><strong>Firewall Defense</strong> est un jeu de type « tower defense ».</p>
<h2 style="text-align: left;">Un « tower defense » ? Mais qu&rsquo;est-ce que c&rsquo;est ?</h2>
<p>Wikipedia nous renseigne : <em>Le tower defense (souvent abrégée en TD) est un type de jeu vidéo où l’objectif est de défendre une zone contre des vagues successives d’ennemis se déplaçant suivant un itinéraire ou non, en construisant et en améliorant progressivement des tours défensives.</em></p>
<h2>Que va être le jeu ?</h2>
<p>Dans notre cas nous allons simuler un réseau informatique. Les vagues d&rsquo;ennemis sont les paquets réseau qui arrivent d&rsquo;Internet et les défenses seront les différents modules d&rsquo;un firewall.</p>
<p>Le jeu sera divertissant et addictif (je l&rsquo;espère) mais aussi un peu didactique pour ce qui concerne les réseaux informatiques.</p>
<h2>Les ennemis</h2>
<p>Les paquets (ou messages) peuvent être des requêtes web normales ou sécurisées, des e-mails des requêtes DNS&#8230; Le danger vient du fait que ces messages peuvent être des spam, ou des virus. Les virus peuvent infecter les serveurs.</p>
<h2>Les défenses</h2>
<p>Les protections seront les différents modules d&rsquo;un firewall :</p>
<ul>
<li>routage pour aiguiller les paquets</li>
<li>anti-virus</li>
<li>anti-spam</li>
<li>filtrage d&rsquo;URL</li>
<li>proxy pour déchiffrer les paquets securisés</li>
<li>&#8230;</li>
</ul>
<p>Les modules peuvent traiter un certain nombre de messages par seconde. Il y a deux possibilités quand le module sature : soit il laisse passer les message qu&rsquo;il ne peut pas traiter (mode passant) où il supprime les messages qu&rsquo;il ne peut pas traiter (mode bloquant).</p>
<p>Dans le cas d&rsquo;un « tower defense » classique, on utilise le mode « passant », c&rsquo;est-à-dire que le module laisse passer les ennemis lorsqu&rsquo;il est saturé.</p>
<p>Pour la jouabilité, il est préférable que le routage soit en mode bloquant et les modules de protection soient en mode « passant ». Dans la réalité, la plupart des modules sont en mode « bloquant » sauf certain modules comme les modules IDS (systèmes de détection d&rsquo;intrusion) qui peuvent être en mode « passant ».</p>
<h2>Les améliorations des défenses</h2>
<p>Les améliorations sont des type matérielle :</p>
<ul>
<li>augmentation des processeurs pour traiter plus de messages par seconde</li>
<li>augmentation de la mémoire pour permettre d&rsquo;absorber les pics de traffic en gardant les messages en attente de traitement</li>
</ul>
<p>Les améliorations sont aussi logicielle pour permettre la détection de nouveaux virus.</p>
<h2>Les cibles (serveurs)</h2>
<p>Les paquets arrivent d&rsquo;Internet traversent le firewall et arrivent sur différents serveurs :</p>
<ul>
<li>serveur web (site personnel, entreprise, e-commerce&#8230;)</li>
<li>serveur de mail</li>
<li>serveur DNS</li>
<li>réseau interne (utilisateurs)</li>
<li>&#8230;</li>
</ul>
<p>Les serveurs peuvent être infectés si des virus arrivent à les atteindre. Il faut alors les désinfecter ce qui coûte des ressources et occasionne une indisponibilité du service.</p>
<h2>Les améliorations des serveurs</h2>
<p>Les serveurs peuvent être améliorés de manière matérielle :</p>
<ul>
<li>augmentation des processeurs pour traiter plus de messages par seconde</li>
<li>augmentation de la mémoire pour permettre d&rsquo;absorber les pics de traffic en gardant les messages en attente de traitement</li>
</ul>
<p>Les améliorations sont aussi logicielle pour augmenter la résistance des serveurs aux attaques.</p>
<h2>Quelles différences avec un « tower defense » classique ?</h2>
<p>La différence majeure avec un « tower defense » classique est que tous les paquets qui arrivent ne sont pas des ennemis. Au contraire, la plupart sont des messages auxquels il faut répondre pour gagner des points qui permettent d&rsquo;améliorer les défenses.</p>
<p>pour sensibiliser les joueurs aux problèmes de sécurité, il sera nécessaire de « mettre à jour » les différents modules du firewall pour se défendre contre les nouvelles attaques.</p>
<p>Les serveurs infectés se mettront à émettre des virus et des spams qui feront baisser votre réputation.</p>
<h2>Les scores</h2>
<p>Chaque paquet acquitté ou e-mail reçu ou envoyé permettra de gagner des point qui serviront à financer les améliorations et permettre au joueur d&rsquo;agir.</p>
<p>En parallèle, la proportion de messages acquittés fera évoluer la réputation ou notoriété du joueur qui recevra plus de messages à traiter.</p>
<h2>La progressivité</h2>
<p>Le jeu aura une série de niveaux. la progressivité sera dans les différents scénarios qui pourront aller du serveur web personnel à l&rsquo;entreprise internationale.</p>
<h2>Les objectifs</h2>
<p>Chaque niveau (ou scénario) aura un objectif en terme de points, réputation nombre d&rsquo;infection&#8230; Et peut-être un objectif de temps minimum.</p>
<p>L&rsquo;objectif peut aussi être exprimée en nombre de messages d&rsquo;un certain type à envoyer ou recevoir.</p>
<h2>Doit-on être un spécialiste réseau pour pouvoir jouer à « The Firewall &#8211; Tower Defense » ?</h2>
<p>Absolument pas ! Le jeu devra être accessible à tous. Pour cela, toutes les conventions seront sous la forme de codes de couleurs.</p>
<h2>Conclusion</h2>
<p>Le principe du jeu à été posé, le prochain article traitera de la maquette graphique.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
