Newer
Older
<html lang="en-us">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="generator" content="GitLab Pages">
<meta name="description" content="Fab Academy documentation site for Charlotte Fab-C">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="../assets/css/main.css" />
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="../index.html" class="logo"><strong>Charlotte - FabLab de Charleroi</strong> Fab Academy website</a>
<ul class="icons">
Charlotte Vandenbulcke
committed
<li><a href="https://www.facebook.com/littlebelge" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/little.belge/" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
<li><a href="https://gitlab.fabcloud.org/charlotte-vandenbulcke" class="icon brands fa-gitlab" target="_blank"><span class="label">Gitlab</span></a></li>
</ul>
</header>
<!-- Section -->
<section id="banner">
<div class="content">
<header class="main">
<h2>1. Project management</h2>
</header>
<section>
<p>This week I worked on defining my final project idea and started to getting used to the documentation process.</p>
</section>
<section>
<h3>My journey</h3>
<p>I'm discovering the Git and GitLab "universes". All this is completely new for me so I had to search for several tutorials explaining it in a "for dummies" way !</p>
Charlotte Vandenbulcke
committed
<p>I'm used to document on paper so I prepared a notebook (that I customed with cat stickers and self-cutted separators :) ) in which I added a planner for each week (that I try to follow, but not always succeed to it ! ^^')</p>
Charlotte Vandenbulcke
committed
<span class="image object">
Charlotte Vandenbulcke
committed
<img src="../images/pimped-fabacademy-notebook.jpg" alt="Picture of the notebook I'm using for the Fab Academy notes, pimped with black cats stickers" />
Charlotte Vandenbulcke
committed
</span>
Charlotte Vandenbulcke
committed
<span class="image object">
<img src="../images/notebook-weekly-planner.jpg" alt="Picture of the weekly planner I added to my notebook" />
</span>
<p>After writing my notes in the notebook (taken about Git, such as the basic commands) I write them down here. Starting with paper and pens helps me to better visualize the informations, especially by adding colors and icons.</p>
Charlotte Vandenbulcke
committed
<span class="image object">
<img src="../images/git-notes-in-notebook.jpg" alt="My first colored Git notes in my Fab Academy notebook" />
</span>
</section>
<section>
Charlotte Vandenbulcke
committed
<h3>Discovering Git</h3>
Charlotte Vandenbulcke
committed
<p>I found videos <u>in french</u> made by <a href="https://grafikart.fr/" target="_blank">Grafikart</a> that are really well done. I knew them already as they helped me learn more about creating websites by coding several years ago (at least 10).</p>
<span class="image object">
<a href="https://youtube.com/playlist?list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&si=DFfrT0y93gfqR4mq" target="_blank"><img src="../images/grafikart.jpg" alt="Printscreen of the Grafikart's Youtube Git course playlist" /></a>
</span>
<p>These tutorials can be found on Youtube <a href="https://youtube.com/playlist?list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&si=DFfrT0y93gfqR4mq" target="_blank">here</a>.</p>
<p>First I watched another short <a href="https://www.youtube.com/watch?v=gGKZLfPYORs&list=PL7hQXLUOTdVEyqpNN5AmfE5TG1hlAIdqN&index=6&ab_channel=BandedeCodeurs" target="_blank">5min video</a> <u>in french</u> about what it is. It still is a bit unclear for me on why to use Git but I'm sure it will get clearer once I'll use it regularly.</p>
Charlotte Vandenbulcke
committed
<span class="image object">
<a href="https://www.youtube.com/watch?v=gGKZLfPYORs&list=PL7hQXLUOTdVEyqpNN5AmfE5TG1hlAIdqN&index=6&ab_channel=BandedeCodeurs" target="_blank"><img src="../images/bande-de-codeur.jpg" alt="Printscreen of the Bande de Codeur's Youtube 5min Git video" /></a>
</span>
Charlotte Vandenbulcke
committed
<p>We've already installed Git on my computer with my instructor, Sylvain Denis, and so he teached me :</p>
<ul>
<li>to find the right folder with "cd",</br>
<pre><code>cd "file name"</code></pre></li>
<li>to check that the modified files are taken into account with "git status",</br>
<pre><code>git status</code></pre></li>
<li>to select only the modified files with "add -A",</br>
<pre><code>git add -A</code></pre></li>
<li>comment your modifications to remind you later with "git commit -m",</br>
<pre><code>git commit -m "your comment"</code></pre></li>
<li>to finally load your modified files + comments on Gitlab with "git push"</br>
<pre><code>git push</code></pre></li>
Charlotte Vandenbulcke
committed
<blockquote>Note : you don't have to push the whole folder on your online repository as the ".git" folder contains too many files and is not needed.</blockquote>
<p>As I forgot to take notes to remember the steps at that time, I watched and followed (again) the <a href="https://www.youtube.com/watch?v=G0UV0jKgV4Y&list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&index=2&ab_channel=Grafikart.fr" target="_blank">Grafikart video</a> (in french) on how to install it.</p>
<span class="image object">
<a href="https://www.youtube.com/watch?v=G0UV0jKgV4Y&list=PLjwdMgw5TTLXuY5i7RW0QqGdW0NZntqiP&index=2&ab_channel=Grafikart.fr" target="_blank"><img src="../images/install-git-grafikart.jpg" alt="Printscreen of the Grafikart's Youtube how-to install Git video" /></a>
</span>
<p>With this video I've also learned how to check that everything is well installed on the computer by using " git help"</p>
<pre><code>git help</code></pre>
<p>After that, I learned how to add a folder with "mkdir" and to initialize Git in it.</p>
<pre><code>mkdir file-name</code></pre>
<pre><code>git init</code></pre>
<p>Next step was to configure my user name and email by using "git config --global user.name" and "git config --global user.email".</p>
Charlotte Vandenbulcke
committed
<pre><code>git config --global user.name "your name"</code></pre>
<pre><code>git config --global user.email "your email"</code></pre>
Charlotte Vandenbulcke
committed
<p>There's not so much to remember so I'm sure it will become easier after using it repeatedly ! :)</P>
</section>
<section>
<h3>My Project</h3>
Charlotte Vandenbulcke
committed
<p>I've already doodled my ideas in a big A4 notebook that I will used to sketch the designs and visual ideas.</p>
<span class="image object">
<img src="../images/project-ideas-doodle1.jpg" alt="My project ideas doodled in a notebook" />
</span>
<span class="image object">
<img src="../images/project-ideas-doodle2.jpg" alt="My project ideas doodled in a notebook" />
</span>
<p>I also searched for images of existing pet items to get inspired and made a <a href="https://pin.it/7dmomgOIu" target="_blank">Pinterest pinboard</a> with them.</p>
Charlotte Vandenbulcke
committed
<span class="image object">
<a href="https://pin.it/7dmomgOIu" target="_blank"><img src="../images/pinterest-pinboard1.jpg" alt="Printscreen of my Fab Academy project's pinboard on Pinterest" /></a>
</span>
<span class="image object">
<a href="https://pin.it/7dmomgOIu" target="_blank"><img src="../images/pinterest-pinboard2.jpg" alt="Printscreen of more pictures of my Fab Academy project's pinboard on Pinterest" /></a>
</span>
</section>
</div>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="../index.html">Homepage</a></li>
<li><a href="../assignments.html">Assignments</a></li>
<li>
<span class="opener">Week per week</span>
<ul>
<li><a href="../assignments/week01.html">1. Project Management</a></li>
<li><a href="../assignments/week02.html">2. Computer Aided Design</a></li>
<li><a href="../assignments/week03.html">3. Computer Controlled Cutting</a></li>
Charlotte Vandenbulcke
committed
<li><a href="../assignments/week04.html">4. Electronics Production</a></li>
<li><a href="../assignments/week05.html">5. 3D Scanning And Printing</a></li>
<li><a href="../assignments/week06.html">6. Embedded Programming</a></li>
<li><a href="../assignments/week07.html">7. Computer Controlled Machining</a></li>
<li><a href="../assignments/week08.html">8. Electronics Design</a></li>
<li><a href="../assignments/week09.html">9. Output Devices</a></li>
<li><a href="../assignments/week10.html">10. Mechanical Design And Machine Design</a></li>
<li><a href="../assignments/week11.html">11. Input Devices</a></li>
<li><a href="../assignments/week12.html">12. Molding and Casting</a></li>
<li><a href="../assignments/week13.html">13. Networking And Communications</a></li>
<li><a href="../assignments/week14.html">14. Interface And Application Programming</a></li>
<li><a href="../assignments/week15.html">15. Wildcard Week</a></li>
<li><a href="../assignments/week16.html">16. Applications And Implications</a></li>
<li><a href="../assignments/week17.html">17. Invention, Intellectual Property And Income</a></li>
<li><a href="../assignments/week18.html">18. Project Development</a></li>
</ul>
</li>
<li><a href="../final-project.html">Final Project</a></li>
<li><a href="../about.html">About Me</a></li>
</nav>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Charlotte - FabLab de Charleroi. Fab Academy 2024. All rights reserved. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>