Groupe i2013 MOYEN DE TÉLÉCOMMUNICATIONS Connaître Raspberry Pi Travail présenté à M. Kevin Gagnon ÉMICA | Annexe de Montréal Juin 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
EMICA_2022/Plan_Site.htm

460 lines
24 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Sigfrido Gonzalez Puga">
<meta name="description" content="Plan du Site du projet Tâche 2, module 462166.">
<title>EMICA Gr, i2013 Module 462166 - 2022</title>
<link href="./resources/css/main.css" rel="stylesheet">
<link rel="shortcut icon" href="./resources/images/logos/favicon.png" type="image/png">
<script src="./resources/js/jquery.min.js"></script>
<link href="./resources/css/bootstrap.min.css" rel="stylesheet">
<script src="./resources/js/bootstrap.bundle.min.js"></script>
<script src="https://kit.fontawesome.com/a5f1e023c3.js" crossorigin="anonymous"></script>
<script src="./resources/js/sweetalert2.all.min.js"></script>
<link rel='stylesheet' href='./resources/css/sweetalert2.min.css'>
<script src="./resources/js/main_begin_page.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="./resources/css/timeline.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@1,600&family=EB+Garamond:ital,wght@1,500&family=Roboto:wght@100&display=swap"
rel="stylesheet">
</head>
<body>
<div class="loader-page"></div>
<nav class="navbar navbar-expand-lg navbar-dark bg-color-berry-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="./resources/images/logos/favicon.png" height="28" alt="CoolBrand">
Connaître Raspberry Pi</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main_nav">
<ul class="navbar-nav">
<li class="nav-item"> <a class="nav-link" href="./Accueil.htm">Accueil </a> </li>
<li class="nav-item active"><a class="nav-link" href="./Plan_Site.htm"> Plan du site </a></li>
<li class="nav-item"><a class="nav-link" href="./Sites_Interets.htm"> Sites d’intérêts </a></li>
<li class="nav-item"><a class="nav-link" href="./FAQ.htm"> FAQ </a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown"> Connaître Raspberry Pi
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#histoire"> Un peu
d'histoire</a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#arduino"> Arduino... Qui
est-ce ? </a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#raspberry"> Pourquoi
Raspberry Pi et non Arduino ? </a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#composeRaspberry"> Comment
se compose Raspberry Pi ? <i class="fa-solid fa-circle-chevron-right"></i> </a>
<ul class="submenu submenu-left dropdown-menu">
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#hw"> <i
class="fa-solid fa-circle-chevron-left"></i> Le Hardware</a>
<ul class="submenu submenu-left dropdown-menu">
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#hw_cpu">CPU/GPU</a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#hw_ram">RAM</a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#hw_usb">USB
hub</a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#hw_ethernet">Ethernet</a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#hw_io">I/O</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#sw"> <i
class="fa-solid fa-circle-chevron-left"></i> Le Software</a>
<ul class="submenu submenu-left dropdown-menu">
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#sw_os">Système d'exploitation</a>
</li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#sw_app">Logiciel
d’applications</a></li>
</ul>
</li>
</ul>
</li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#quoi_faire"> Ce que vous
pouvez faire avec le Raspberry Pi <i class="fa-solid fa-circle-chevron-right"></i>
</a>
<ul class="submenu submenu-left dropdown-menu">
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#idees_Simples">Voici
quelques idées simples</a></li>
<li><a class="dropdown-item" href="./Connaitre_Raspberry_Pi.htm#idees_avancees">Et
pour les plus aventureux</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="./A_Propos.htm"> À propos </a></li>
<li class="nav-item"><a class="nav-link" href="./Contact.htm"> Contact </a></li>
</ul>
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link sweetalert2_login" href="#"> <i class="fa-regular fa-user"></i> Login
</a></li>
</ul>
</div>
<!-- navbar-collapse.// -->
</div>
<!-- container-fluid.// -->
</nav>
<!-- End menu (for all pages) -->
<div class="container">
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="./Accueil.htm">Accueil</a></li>
<li class="breadcrumb-item active">Plan du site</li>
</ol>
</nav>
<section class="timeline_area section_padding_130">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-sm-8 col-lg-6">
<!-- Section Heading-->
<div class="section_heading text-center">
<h1><i class="fa-solid fa-sitemap"></i> Plan du Site</h1>
<h3><i class="fa-brands fa-raspberry-pi"></i> Connaître Raspberry Pi</h3>
<div class="line"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<!-- Timeline Area-->
<div class="apland-timeline-area">
<!-- Single Timeline Content-->
<div class="single-timeline-area">
<div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-house-user"></i></div>
<div class="timeline-text">
<h6>Accueil</h6>
<p>Page d'accueil</p>
<p class="text-start"><a href="./Accueil.htm" target="_self" class="btn btn-info btn-small">
Visiter <i class="fa-solid fa-link"></i></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Single Timeline Content-->
<div class="single-timeline-area">
<div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-sitemap"></i></div>
<div class="timeline-text">
<h6>Plan du Site</h6>
<p>Voir Plan du site</p>
<p class="text-start"><a href="./Plan_Site.htm" target="_self" class="btn btn-info btn-small">
Visiter <i class="fa-solid fa-link"></i></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Single Timeline Content-->
<div class="single-timeline-area">
<div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-book-atlas"></i></div>
<div class="timeline-text">
<h6>Sites d’intérêts</h6>
<p>Visiter les sites de consultation</p>
<p class="text-start"><a href="./Sites_Interets.htm" target="_self"
class="btn btn-info btn-small"> Visiter <i class="fa-solid fa-link"></i></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Single Timeline Content-->
<div class="single-timeline-area">
<div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-circle-question"></i></div>
<div class="timeline-text">
<h6>FAQ</h6>
<p>Foire aux questions</p>
<p class="text-start"><a href="./FAQ.htm" target="_self" class="btn btn-info btn-small"> Visiter
<i class="fa-solid fa-link"></i></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Single Timeline Content-->
<div class="single-timeline-area">
<div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-circle-info"></i></div>
<div class="timeline-text">
<h6>À propos</h6>
<p class="text-start"><a href="./A_Propos.htm" target="_self" class="btn btn-info btn-small">
Visiter <i class="fa-solid fa-link"></i></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Single Timeline Content-->
<div class="single-timeline-area">
<div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-brands fa-raspberry-pi"></i></div>
<div class="timeline-text">
<h6>Connaître Raspberry Pi</h6>
<ul>
<li><a href="./Connaitre_Raspberry_Pi.htm#histoire" class="text-reset">Un peu d'histoire</a>
</li>
<li><a href="./Connaitre_Raspberry_Pi.htm#arduino" class="text-reset">Arduino... Qui est-ce
?</a></li>
<li><a href="./Connaitre_Raspberry_Pi.htm#raspberry" class="text-reset">Pourquoi Raspberry Pi
et non Arduino ?</a></li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.5s"
style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-microchip"></i></div>
<div class="timeline-text">
<h6>Comment se compose Raspberry Pi ?</h6>
<ul>
<li>Le Hardware
<ul>
<li><a href="./Connaitre_Raspberry_Pi.htm#hw_cpu" class="text-reset">CPU/GPU</a></li>
<li><a href="./Connaitre_Raspberry_Pi.htm#hw_ram" class="text-reset">RAM</a></li>
<li><a href="./Connaitre_Raspberry_Pi.htm#hw_usb" class="text-reset">USB hub</a></li>
<li><a href="./Connaitre_Raspberry_Pi.htm#hw_ethernet" class="text-reset">Ethernet</a>
</li>
<li><a href="./Connaitre_Raspberry_Pi.htm#hw_io" class="text-reset">I/O</a></li>
</ul>
</li>
<li>Le Software
<ul>
<li><a href="./Connaitre_Raspberry_Pi.htm#sw_os" class="text-reset">Système
d'exploitation</a></li>
<li><a href="./Connaitre_Raspberry_Pi.htm#sw_app" class="text-reset">Logiciel
d’applications</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.7s"
style="visibility: visible; animation-delay: 0.7s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-atom"></i></div>
<div class="timeline-text">
<h6>Ce que vous pouvez faire avec le Raspberry Pi</h6>
<ul>
<li><a href="./Connaitre_Raspberry_Pi.htm#idees_Simples" class="text-reset">Voici quelques
idées simples</a></li>
<li><a href="./Connaitre_Raspberry_Pi.htm#idees_avancees" class="text-reset">Et pour les plus
aventureux</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Single Timeline Content-->
<div class="single-timeline-area">
<div class="timeline-date wow fadeInLeft" data-wow-delay="0.1s"
style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInLeft;">
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="single-timeline-content d-flex wow fadeInLeft" data-wow-delay="0.3s"
style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInLeft;">
<div class="timeline-icon"><i class="fa-solid fa-paper-plane"></i></div>
<div class="timeline-text">
<h6>Contactez-nous</h6>
<p>Communiquer avec Nous</p>
<p class="text-start"><a href="./Contact.htm" target="_self" class="btn btn-info btn-small">
Visiter
<i class="fa-solid fa-link"></i></a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Single Timeline Content-->
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Footer, the same for all pages -->
<div class="w-auto p-3">
<!-- Footer -->
<footer class="text-center text-lg-start text-muted bg-color-berry-light">
<!-- Section: Social media -->
<div class="d-flex justify-content-center justify-content-lg-between p-4 txt_color_berry">
</div>
<!-- Section: Social media -->
<!-- Section: Links -->
<section class="txt_color_berry">
<div class="container text-center text-md-start mt-5">
<!-- Grid row -->
<div class="row mt-3">
<!-- Grid column -->
<div class="col-lg-4 text-center" style="width: 300px;">
<div class="text-start">
<!-- Links -->
<h6 class="text-uppercase fw-bold mb-4 souligne"><i class="fa-solid fa-sitemap"></i>
&nbsp;
Plan du
site</h6>
<ul class="list-unstyled">
<li class="shadow_menu"><a href="./Accueil.htm" class="underline"><i
class="fa-solid fa-house-user"></i> Accueil</a>
</li>
<li class="shadow_menu"><a href="./Plan_Site.htm" class="underline"><i
class="fa-solid fa-sitemap"></i> Plan du
site</a></li>
<li class="shadow_menu"><a href="./Sites_Interets.htm" class="underline"><i
class="fa-solid fa-book-atlas"></i> Sites
d’intérêts</a></li>
<li class="shadow_menu"><a href="./FAQ.htm" class="underline"><i
class="fa-solid fa-circle-question"></i>
FAQ</a></li>
<li class="shadow_menu"><a href="./Connaitre_Raspberry_Pi.htm" class="underline"><i
class="fa-brands fa-raspberry-pi"></i>
Connaître Raspberry Pi</a></li>
<li class="shadow_menu"><a href="./A_Propos.htm" class="underline"><i
class="fa-solid fa-circle-info"></i> À
propos</a></li>
<li class="shadow_menu"><a href="./Contact.htm" class="underline"><i
class="fa-solid fa-paper-plane"></i>
Contactez-nous</a></li>
</ul>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 text-center">
<!-- Content -->
<h6 class="text-uppercase fw-bold mb-4 souligne"><i class="fa-brands fa-raspberry-pi"></i>
EducaJeux inc.</h6>
<p>MOYEN DE TÉLÉCOMMUNICATIONS</p>
<p><b>Tâche 2</b>
<br>Gr. i2013, juin 2022
<br>Sigfrido Gonzalez Puga
</p>
<hr>
<div class="row">
<div class="">
<div class="demo-content text-center">Site web réactif et compatible avec <br> les
navigateurs les plus courants : <br> <i class="fa-brands fa-chrome" title="Chrome"></i> <i
class="fa-brands fa-opera" title="Opera"></i> <i class="fa-brands fa-safari" title="Safari"></i>
<i class="fa-brands fa-edge" title="Edge"></i> <i class="fa-brands fa-firefox" title="Firefox"></i>
</div>
</div>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-4 text-center">
<h6 class="text-uppercase fw-bold mb-4 souligne"><i class="fa-solid fa-paper-plane"></i>
Contactez-nous</h6>
<p>
<i class="fas fa-home me-3"></i> 6255 13e Ave., Montréal, QC H1X 2Y6 <br>
<i class="fas fa-envelope me-3"></i>it-system@sigop.net <br>
<i class="fas fa-phone me-3"></i> (514) 742 6198 <br>
<i class="fa-brands fa-internet-explorer"></i> <a href="https://school.sigop.net/EMICA/462166/"
target="_blank">https://school.sigop.net/EMICA/462166/</a>
</p> <br>
<hr>
Retrouvez-nous sur nos réseaux sociaux: <br>
<a href="https://sigop.net/" target="_blank" class="me-4 text-reset"><i
class="fa-regular fa-address-card"></i></a>
<a href="https://www.linkedin.com/in/sigop" target="_blank" class="me-4 text-reset"><i
class="fab fa-linkedin"></i></a>
<a href="https://github.com/sgonzalp" target="_blank" class="me-4 text-reset"><i
class="fab fa-github"></i></a>
<a href="https://sigop.wordpress.com/" target="_blank" class="me-4 text-reset"><i
class="fa-brands fa-wordpress"></i></a>
<a href="https://blog.sigop.net/" target="_blank" class="me-4 text-reset"><i
class="fa-thin fa-note"></i></a>
<a href="https://www.facebook.com/www.SiGoP.net" target="_blank" class="me-4 text-reset"><i
class="fa-brands fa-facebook-f"></i></a>
<a href="https://twitter.com/sigopnet" target="_blank" class="me-4 text-reset"><i
class="fa-brands fa-twitter"></i></a>
<a href="https://www.youtube.com/c/SigfridoGonzalezPuga" target="_blank" class="me-4 text-reset"><i
class="fa-brands fa-youtube"></i></a>
<a href="http://instagram.com/sgonzalp/" target="_blank" class="me-4 text-reset"><i
class="fa-brands fa-instagram"></i></a>
<a href="https://pinterest.com/sgonzalezpuga" target="_blank" class="me-4 text-reset"><i
class="fa-brands fa-pinterest-square"></i></a>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</div>
<div>&nbsp;</div>
</section>
<!-- Section: Links -->
<!-- Copyright -->
<div class="text-center p-4" style="background-color: #44B28A; color: #FFF;">
<p>Copyright &copy; 2022 EducaJeux inc.</p>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</div>
<script src="./resources/js/main_end_page.js"></script>
</body>
</html>