modele-de-depart/project/lampes/index.html
2022-03-24 15:46:02 +01:00

789 lines
17 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Source Themes Academia 4.3.1">
<meta name="generator" content="Hugo 0.89.4" />
<meta name="author" content="Léa Jean">
<meta name="description" content="Conception et fabrication d&#39;une lampe en bois personnalisée.">
<link rel="alternate" hreflang="en-us" href="/portfolios/lea-jean/project/lampes/">
<meta name="theme-color" content="#60aaf3">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/academicons/1.8.6/css/academicons.min.css" integrity="sha256-uFVgMKfistnJAfoCUQigIl+JfUaP47GrRKjf6CTPVmw=" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css" integrity="sha384-aOkxzJ5uQz7WBObEZcHvV5JvRW3TUc2rNPA7pe3AwnsUohiw1Vj2Rgx2KSOkF5+h" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" integrity="sha256-ygkqlh3CYSUri3LhQxzdcm0n1EQvH2Y+U5S2idbLtxs=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css" crossorigin="anonymous" title="hl-light">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/dracula.min.css" crossorigin="anonymous" title="hl-dark" disabled>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans|Roboto+Mono&display=swap">
<link rel="stylesheet" href="/portfolios/lea-jean/css/academia.min.9972e892666a05bd315bf8453ba138a8.css">
<link rel="manifest" href="/portfolios/lea-jean/site.webmanifest">
<link rel="icon" type="image/png" href="/portfolios/lea-jean/img/icon.png">
<link rel="apple-touch-icon" type="image/png" href="/portfolios/lea-jean/img/icon-192.png">
<link rel="canonical" href="/portfolios/lea-jean/project/lampes/">
<meta property="twitter:card" content="summary">
<meta property="og:site_name" content="Léa Jean">
<meta property="og:url" content="/portfolios/lea-jean/project/lampes/">
<meta property="og:title" content="Lampe en bois personnalisée | Léa Jean">
<meta property="og:description" content="Conception et fabrication d&#39;une lampe en bois personnalisée."><meta property="og:image" content="/portfolios/lea-jean/img/icon-192.png">
<meta property="twitter:image" content="/portfolios/lea-jean/img/icon-192.png"><meta property="og:locale" content="en-us">
<meta property="article:published_time" content="2022-03-01T00:00:00&#43;00:00">
<meta property="article:modified_time" content="2022-03-01T00:00:00&#43;00:00">
<title>Lampe en bois personnalisée | Léa Jean</title>
</head>
<body id="top" data-spy="scroll" data-target="#TableOfContents" data-offset="71" >
<aside class="search-results" id="search">
<div class="container">
<section class="search-header">
<div class="row no-gutters justify-content-between mb-3">
<div class="col-6">
<h1>Search</h1>
</div>
<div class="col-6 col-search-close">
<a class="js-search" href="#"><i class="fas fa-times-circle text-muted" aria-hidden="true"></i></a>
</div>
</div>
<div id="search-box">
</div>
</section>
<section class="section-search-results">
<div id="search-hits">
</div>
</section>
</div>
</aside>
<nav class="navbar navbar-light fixed-top navbar-expand-lg py-0" id="navbar-main">
<div class="container">
<a class="navbar-brand" href="/portfolios/lea-jean/"><img src="/portfolios/lea-jean/img/lyc.png" alt="Léa Jean"></a>
<a class="navbar-brand" href="/portfolios/lea-jean/">Léa Jean</a>
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"><span><i class="fas fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#hero"><span>Accueil</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#experience"><span>Parcours</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#skills"><span>Compétences</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#projects"><span>Réalisations</span></a>
</li>
<li class="nav-item">
<a class="nav-link " href="/portfolios/lea-jean/#contact"><span>Contact</span></a>
</li>
</ul>
</div>
</div>
</nav>
<article class="article article-project py-5" itemscope itemtype="http://schema.org/Article">
<div class="article-container py-3">
<h1 itemprop="name">Lampe en bois personnalisée</h1>
<meta content="2022-03-01 00:00:00 &#43;0000 UTC" itemprop="datePublished">
<meta content="2022-03-01 00:00:00 &#43;0000 UTC" itemprop="dateModified">
<div class="article-metadata">
<span class="article-date">
Publié le
<time>01-03-2022</time>
</span>
</div>
</div>
</div>
</div>
<div class="article-container">
<div class="article-style" itemprop="articleBody" style="text-align:justify;">
<h2 id="contexte">Contexte</h2>
<p>/</p>
<h2 id="conception">Conception</h2>
<h3 id="principe">Principe</h3>
<p>La forme des lampes est basée sur un parallélépipède rectangle avec des coins arrondis. Elles sont composées chacune d&rsquo;un socle et d&rsquo;une plaque pliable qui forme l&rsquo;abat-jour. Ces deux pièces s&rsquo;emboîtent l&rsquo;une dans l&rsquo;autre par le moyen de dents. Le tout est réalisé en MDF (médium). Pour laisser passer la lumière, des trous de formes personnalisées sont découpées sur les parois de l&rsquo;abat-jour. On place enfin une guirlande lumineuse à l&rsquo;intérieur de la structure en bois pour passer d&rsquo;un pot à une lampe.</p>
<h3 id="génération-du-dessin-de-la-structure-en-bois">Génération du dessin de la structure en bois</h3>
<p>La structure des lampes est réalisée à partir d&rsquo;un <a href="https://www.festi.info/boxes.py/RoundedBox?language=fr">générateur de boîte</a>.</p>
<p>/!\ <em>Les mesures données sont en millimètres.</em> /!\</p>
<table>
<thead>
<tr>
<th style="text-align:center"></th>
<th style="text-align:center">Lampe 1</th>
<th style="text-align:center">Lampe 2</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center">Dimensions (intérieures)</td>
<td style="text-align:center">150x150x200</td>
<td style="text-align:center">150x150x150</td>
</tr>
<tr>
<td style="text-align:center">Rayon</td>
<td style="text-align:center">20</td>
<td style="text-align:center">20</td>
</tr>
<tr>
<td style="text-align:center">Epaisseur</td>
<td style="text-align:center">3</td>
<td style="text-align:center">3</td>
</tr>
<tr>
<td style="text-align:center">Brûlage</td>
<td style="text-align:center">0</td>
<td style="text-align:center">0</td>
</tr>
</tbody>
</table>
<p>Un fichier en <strong>.svg</strong> est ensuite généré.</p>
<h3 id="design">Design</h3>
<p>Afin de laisser passer la lumière, l&rsquo;abat-jour est parsemé de trous de formes personnalisées. La première lampe a une décoration florale et féérique, tandis que la deuxième représente d&rsquo;avantage la culture dite &ldquo;geek&rdquo;. Par ailleurs, les visages des personnes qui recevront les lampes sont gravées sur certaines faces.</p>
<p>Les visages gravés et les fleurs et pétales sont dessinés par l&rsquo;auteur de ce projet via <a href="https://krita.org/fr/">Krita</a>, un logiciel de dessin. Le reste des dessins sont pris sur Internet. Certains de ces dessins ont été modifiés avec <a href="https://inkscape.org/fr/">Inkscape</a> pour obtenir un orifice d&rsquo;une forme adéquate.</p>
<table>
<thead>
<tr>
<th style="text-align:center">Exemple d&rsquo;une image modifiée :</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center"><img src="/portfolios/lea-jean/img/fee.jpg" alt="lampe1" title="Image d'origine"></td>
<td style="text-align:center"><img src="/portfolios/lea-jean/img/fee3.png" alt="lampe1" title="Image modifiée"></td>
</tr>
<tr>
<td style="text-align:center"><a href="https://m.media-amazon.com/images/I/61yB8rinC2L._AC_SS450_.jpg">Image d&rsquo;origine</a></td>
<td style="text-align:center">Image modifiée</td>
</tr>
</tbody>
</table>
<p>Toutes les décorations sont importées sur le fichier contenant le dessin de la structure en bois puis placées. Ces dessins sont préparés pour pouvoir passer à la découpe laser.</p>
<table>
<thead>
<tr>
<th style="text-align:center"></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:center"><img src="/portfolios/lea-jean/img/fichier-decoupe-lampe.png" alt="lampe1" title="Fichier de découpe de l'abat-jour de la lampe 1"></td>
<td style="text-align:center"><img src="/portfolios/lea-jean/img/fichier-decoupe-lampe2.png" alt="lampe1" title="Fichier de découpe de l'abat-jour de la lampe 2"></td>
</tr>
<tr>
<td style="text-align:center">Fichier de découpe de l&rsquo;abat-jour de la lampe 1</td>
<td style="text-align:center">Fichier de découpe de l&rsquo;abat-jour de la lampe 2</td>
</tr>
</tbody>
</table>
<h2 id="fabrication">Fabrication</h2>
<p>La fabrication se fait à la découpe laser avec des plaques de MDF d&rsquo;épaisseur 3 mm.</p>
<p>Une fois la préparation des fichiers terminée, on prépare la machine, règle les paramètres puis on lance la découpe / gravure (~ 30-45 minutes de découpe/gravure pour 1 lampe).</p>
<p>Les formes découpées sont enlevées soigneusement et mises de côté. Un message est gravé au pyrograveur sur les socles. Ensuite, les structures en bois sont assemblées. On utilise les chutes des formes découpées pour fixer les abat-jour. Ainsi, ces chutes sont collées à la jonction des deux extrémités de ceux-ci.</p>
<table>
<thead>
<tr>
<th style="text-align:right"></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:right"><img src="/portfolios/lea-jean/img/lampefam1.jpg" alt="lampe1" title="Lampe 1"></td>
<td style="text-align:left"><img src="/portfolios/lea-jean/img/lampefam2.jpg" alt="lampe1" title="Lampe 1"></td>
</tr>
<tr>
<td style="text-align:right">Lampe 1</td>
<td style="text-align:left">fabriquée</td>
</tr>
</tbody>
</table>
<p>Enfin, on insert la guirlande lumineuse à l&rsquo;intérieur de la structure et on l&rsquo;arrange. Sont utilisées ici des guirlandes à 50 leds.</p>
<table>
<thead>
<tr>
<th style="text-align:right"></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:right"><img src="/portfolios/lea-jean/img/lampefam3.jpg" alt="lampe1" title="Lampe 1"></td>
<td style="text-align:left"><img src="/portfolios/lea-jean/img/lampefam4.jpg" alt="lampe1" title="Lampe 1"></td>
</tr>
<tr>
<td style="text-align:right">Lampe 1</td>
<td style="text-align:left">avec la guirlande</td>
</tr>
</tbody>
</table>
</div>
<div class="article-tags">
<a class="badge badge-light" href="/portfolios/lea-jean/tags/perso/">perso</a>
</div>
<div class="media author-card" itemscope itemtype="http://schema.org/Person">
<img src="/portfolios/lea-jean/img/leebit.png" alt="Profil" height="80" width="80">
<div class="media-body">
<h5 class="card-title" style="display:flex; justify-content:center;" itemprop="name"><a href="/portfolios/lea-jean">Léa Jean</a></h5>
<h6 class="card-subtitle" style="display:flex; justify-content:center;">Volontaire en Service Civique</h6>
<ul class="network-icon" style="display:flex; justify-content:center;" aria-hidden="true">
<li>
<a itemprop="sameAs" href="/portfolios/lea-jean/#contact" >
<i class="fas fa-envelope"></i>
</a>
</li>
<li>
<a itemprop="sameAs" href="/portfolios/lea-jean/#contact" >
<i class="fas fa-phone"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</article>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/4.1.4/imagesloaded.pkgd.min.js" integrity="sha256-lqvxZrPLtfffUl2G/e7szqSvPBILGbwmsGE1MKlOi0Q=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.min.js" integrity="sha256-CBrpuqrMhXwcLLUd5tvQ4euBHCdh7wGlDfNz8vbu/iI=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js" integrity="sha256-X5PoE3KU5l+JcX+w09p/wHl9AzK333C4hJ2I9S5mD4M=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js" integrity="sha256-aYTdUrn6Ow1DDgh5JTc3aDGnnju48y/1c8s1dgkYPQ8=" crossorigin="anonymous"></script>
<script>hljs.initHighlightingOnLoad();</script>
<script src="/portfolios/lea-jean/js/academia.min.d691276f1564f37d5e31c2e5fb0cfcae.js"></script>
<div class="container">
<footer class="site-footer">
<div class="container" style="display:flex; justify-content: center;">
<div class="row align-items-center">
<div>
<p class="mb-0" style="text-align:center;">
Site réalisé à partir du thème :
<a href="https://themes.gohugo.io/themes/academia-hugo/" target="_blank" rel="noopener">Academia Hugo</a>.
</p>
<p style="text-align:center;">Code source modifié par <i style="color:#ffb92c;">Léa JEAN</i> et <i style="color:#ffb92c;">Habib BELARIBI</i>.</p>
</div>
<div class="col-md-6">
<ul class="list-inline network-icon text-right mb-0">
</ul>
</div>
</div>
</div>
</footer>
</div>
<div id="modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Cite</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<pre><code class="tex hljs"></code></pre>
</div>
<div class="modal-footer">
<a class="btn btn-outline-primary my-1 js-copy-cite" href="#" target="_blank">
<i class="fas fa-copy"></i> Copy
</a>
<a class="btn btn-outline-primary my-1 js-download-cite" href="#" target="_blank">
<i class="fas fa-download"></i> Download
</a>
<div id="modal-error"></div>
</div>
</div>
</div>
</div>
</body>
</html>