Commit faab5061 authored by BOUCARD Corentin's avatar BOUCARD Corentin

MAJ 18.10.0

parent 3198f295
......@@ -4,7 +4,7 @@
<title>TIC</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<script type="text/javascript" src="https://ff.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=ArRCofixb-Ws6axic2BQuld8Qxl6CZQC9drOgzU-ltUwXMDmMtrfJyksXZPiR7stHqvwrnlETNMQSmFjxt43ORlwt8tFAPQaTP4Vqi7cIziEirdtqaMWAOoM7CuAmoLt3-7mGrZmwNMuQ7r8IxHfsA" charset="UTF-8"></script></head>
<body>
<header>
......@@ -55,16 +55,18 @@
</header>
<!-- Contenu principal-->
<main>
<div class="introduction">
<!-- Titre Innovation avec une introduction-->
<div class="introduction">
<h2 class="Title">Innovations</h2>
<p>
De nombreuses innovations sont à prévoir pour le futur des véhicules tel que l’amélioration des performances du véhicule, l’autonomie plus poussée, l'utilisation de nouvelle technologie…
</p>
</div>
<div class="img_bg" id="Technique">
<!-- Partie sur les innovations Techniques-->
<div class="img_bg" id="Technique"> <!-- Image avec le titre Techniques dessus-->
<div class="opacity"></div>
<img src="https://www.altronbsi.co.za/wp-content/uploads/2018/10/hero-Enterprise-Application-Innovation.png" alt="Image Futuriste avec un titre techniques" class="img_bg">
<h3>Techniques</h3>
......@@ -86,7 +88,8 @@
Enfin, le Commissariat à l’énergie atomique et l’Institut national de l’énergie solaire ont créé une voiture qui fonctionne à l’énergie solaire. Elle possède des panneaux photovoltaïques sur sa carrosserie. Pour l’instant l’autonomie du véhicule n’est pas suffisante mais les chercheurs continuent à travailler pour arriver à l’attente prévus. Nous pouvons alors imaginer qu’un jour la commercialisation et la location d’une voiture fait de matériaux écologiques mêlée à l’IA sera possible.
</p>
</article>
<div class="img_bg" id="Technologique">
<!--Partie sur les innovations Technologiques-->
<div class="img_bg" id="Technologique"> <!-- Image avec le titre Technologiques dessus-->
<img src=" http://lesarpenteurs.fr/wp-content/uploads/2017/02/PEV-2.jpg" alt="Images de tricycle futuriste avec un titre Technologiques" class="img_bg">
<h3>Technologiques</h3>
</div>
......@@ -99,7 +102,7 @@
</p>
</article>
</main>
<!-- Tableau des sources-->
<section>
<table>
<thead>
......@@ -131,7 +134,7 @@
</tbody>
</table>
</section>
<!-- Pied de page-->
<footer>
<div>
<a href="http://iut.ups-tlse.fr/" target="_blank"> <img src="logo_iut_info.PNG" alt=""></a>
......
......@@ -4,7 +4,7 @@
<title>TIC</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<script type="text/javascript" src="https://ff.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=LBlFK1x0pVNbGeUZumbqcEhV4lZ5C8fEPnWxk-8UJW80I7lBrlNSigu6YFQCpPPq4Bgfm61cO9q1paXz7qjT54L21Ou8SmQaySdH-HajTBdPAbxMKqw-If-my1r7h28yakhtJ0a3SZiP6tzyMcQKlg" charset="UTF-8"></script></head>
<body>
<header>
......@@ -53,7 +53,7 @@
</nav>
</header>
<!-- Titre Difficultés puis Introduction-->
<main>
<div class="introduction">
<h2 class="Title">Difficultés</h2>
......@@ -62,8 +62,8 @@
</p>
</div>
<div class="img_bg" id="Gestion">
<!--Partie des difficultés de gestion-->
<div class="img_bg" id="Gestion"> <!-- Image avec le titre Gestion dessus-->
<div class="opacityLess"></div>
<img src="https://i.ibb.co/7JjW305/gestion.png" alt="Image velib abandonné dans le l’eau avec un titre Gestion" class="img_bg">
<h3>Gestion</h3>
......@@ -73,24 +73,25 @@
Les premières difficultés se retrouvent au niveau des appareils eux-mêmes. En effet, que ce soit les trottinettes ou les vélos, les dégradations sont courantes et sont même prévues dans les prévisions budgétaires. De nombreuses images qui circulent dans les médias qui montrent des vélos jetés dans la Seine ou alors des trottinettes pour des raisons que l’on ignore ont souvent suscité l’indignation des internautes, car quelle que soit la ville où ces services sont implantées, les entreprises ont du mal à gérer les dégradations matérielles et ceci devient très vite un frein au développement et coûte très cher aux entreprises. De plus se pose le problème du rechargement des trottinettes électriques (effectué par des entreprises externes des distributeurs) ou encore le rangement désordonné de ces dernières sur les trottoirs. La gestion en devient compliquée et laisse en débat la place des trottinettes et des TIC dans nos rues.
</p>
</article>
<div class="img_bg" id="Techniques">
<!-- Partie des difficultés techniques-->
<div class="img_bg" id="Techniques"> <!-- Image avec le titre techniques dessus-->
<div class="opacity"></div>
<img src="https://www.downshift.fr/wp-content/uploads/2019/02/rouler-avec-pneu-crev%C3%A9.jpg" alt="Image pneu de voiture crevé avec un titre Techniques" class="img_bg">
<h3>Techniques</h3>
</div>
<article class="Problemes_article">
<article class="Problemes_article">
<p>
La deuxième difficulté liée aux transports individuels collectivités réside dans la logistique. En effet, la logistique est un enjeu pour l’implantation de ce service mais aussi pour le faire perdurer. Tout d’abord, au niveau des appareils qui nécessitent une recharge quotidienne, la mise en place de bornes n’est pas toujours facile, car les villes ne sont pas forcément équipées techniquement: à Paris par exemple, il existe des employés dont l’activité consiste en la récupération des trottinettes et leur recharge grâce à l’électricité domestique, car les entreprises sont dans l’incapacité de mettre en place des bornes de recharge dans cette ville dont les rues sont déjà surchargées. S’ensuit l’enjeu de la localisation. Au niveau des vélos par exemple, l’utilisateur les replace près de l’endroit où son déplacement s’achève et par conséquent il est souvent nécessaire de les déplacer et réorganiser la distribution afin qu’ils soient disponibles partout en ville au lancement de la journée suivante. Le Figaro parlait même, le 4/07/2018, de fiasco en ce qui concerne les nouveaux velibs parisiens.
</p>
</article>
</main>
<!-- Vidéo de Anne Hidalgo parlant des problèmes des velibs-->
<section class="video">
<div>
<iframe src="https://www.youtube.com/embed/oiZSgFvWdi4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div>
</section>
<!-- Tableau des sources utilisés pour la page Difficultés-->
<section>
<table>
<thead>
......@@ -116,7 +117,7 @@
Les articles pour nos recherches nous montrent que ces problèmes ne sont pas nouveaux et persistent depuis un bon bout de temps. Comme la débâcle du vélib dans les rues de Paris, qui peine à trouver une stabilité et à être entretenue.
</p>
</section>
<!-- Pied de page du site-->
<footer>
<div>
<a href="http://iut.ups-tlse.fr/" target="_blank"> <img src="logo_iut_info.PNG" alt=""></a>
......
......@@ -4,7 +4,7 @@
<title>TIC</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<script type="text/javascript" src="https://ff.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=UUW1RJLzqnVPLyZcORT7WxIvJwxI2spn3MTnSd39Mm_5QSLCtEpTLWHRlDkc92NIVxag1Upvrq7gVad8KoIKM7uEdXX8SGwTkEWkOeWvKh1K80J5HGuA7eGGaIj74unTMe-HTmG5kbtou4QA5YPDhw" charset="UTF-8"></script></head>
<body>
<header>
......@@ -59,10 +59,10 @@
<!-- CONTENU PRINCIPAL -->
<main>
<!-- Partie sur les vélo-->
<div class="Transport"><h2 class="Title">Transports</h2></div>
<div class="img_bg" id="Vélo">
<div class="img_bg" id="Vélo"> <!-- Image avec le titre Velo dessus-->
<div class="opacity"></div>
<img src="https://www.fitmeup.fr/wp-content/uploads/2019/03/alexander-shustov-73-unsplash.jpg" alt="Image vélo avec un titre Vélo" class="img_bg">
<h3>Vélo</h3>
......@@ -85,8 +85,8 @@
</p>
</article>
</div>
<div class="img_bg" id="Trottinette">
<!-- Partie sur les Trottinettes-->
<div class="img_bg" id="Trottinette"> <!-- Image avec le titre Trottinette dessus-->
<div class="opacity"></div>
<img src="https://i.ibb.co/v3dtKT3/trottinette.png" alt="Image Trottinette avec un titre Trottinette" class="img_bg" id="Gestion">
<h3>Trottinette</h3>
......@@ -110,8 +110,8 @@
</p>
</article>
</div>
<div class="img_bg" id="Voiture">
<!-- Partie sur les voitures-->
<div class="img_bg" id="Voiture"> <!-- Image avec le titre Voiture dessus-->
<div class="opacity"></div>
<img src="https://defense-92.fr/wp-content/uploads/2018/08/DSC_9199.jpg " alt="Image autolib avec un titre Voiture" class="img_bg" id="Gestion">
<h3>Voiture</h3>
......@@ -134,8 +134,8 @@
</article>
</div>
<div class="img_bg" id="Scooter">
<!-- Partie sur les scooters-->
<div class="img_bg" id="Scooter"> <!-- Image avec le titre Scooter dessus-->
<div class="opacity"></div>
<img src="https://partenaires.lepoint.fr/wp-content/uploads/2017/03/HAY_Cityscoot_Figurants_10.jpg " alt="Image City Scoot avec un titre Scooter" class="img_bg" id="Gestion">
<h3>Scooter</h3>
......@@ -160,7 +160,7 @@
</article>
</div>
</main>
<!-- Tableau des sources-->
<section>
<table>
<thead>
......@@ -184,7 +184,7 @@
</tbody>
</table>
</section>
<!-- Pied de page-->
<footer>
<div>
<a href="http://iut.ups-tlse.fr/" target="_blank"> <img src="logo_iut_info.PNG" alt=""></a>
......
......@@ -52,9 +52,9 @@
</nav>
</header>
<!-- Photo Arrière Plan haut de page -->
<img src="./photo_header_website.jpg" alt="Trottinettes Lime en face de Notre Dame de Paris" id="bgHome">
<!-- INTRODUCTION -->
<div class="accueil">
<article class="article_accueil début">
<p>
......@@ -76,12 +76,14 @@
Il est créé dans le but d’informer n’importe quelle personne souhaitant se renseigner sur les différents TIC, leurs innovations possibles mais aussi les problèmes engendrés par l’intégration de ces derniers dans les milieux urbains.
</p>
</article>
<!-- LES TYPES DE TIC PLUS SCHEMAS ILLUSTRATION -->
<article class="article_accueil">
<h3>Les différents types de TIC </h3>
<p>
On distingue dans les TIC deux types de mises en places. Ceux qui sont situés et posés à des bornes et d’un autre côté qui sont en libre service à n’importe quel endroit dans la rue (concept de free floating). Leur utilisation se fait de façon très similaire mais les différences logistiques entraînent des problèmes complètements autres pour les deux.
</p>
</article>
<!-- SCHEMA -->
<figure class="figure_schema">
<h5>Sur borne</h5>
......@@ -96,7 +98,7 @@
<figcaption class="dessin">Dessin 1: Schéma du système de vélo sur borne</figcaption>
</figure>
<!-- SCHEMA -->
<figure class="figure_schema">
<h5>Free Floating</h5>
<div class="schema sc1">
......@@ -107,7 +109,7 @@
</div>
<figcaption class="dessin">Dessin 2: Schéma du système de vélo en Free Floating</figcaption>
</figure>
<!-- LES ETUDIANTS PHOTOS -->
<article class="article_accueil">
<h4>Qui sommes-nous ?</h4>
<p>
......@@ -136,7 +138,7 @@
</div>
</div>
</div>
<!-- SOURCES -->
<section>
<table>
<thead>
......@@ -156,7 +158,7 @@
</tbody>
</table>
</section>
<!-- BAS DE PAGE -->
<footer>
<div>
<a href="http://iut.ups-tlse.fr/" target="_blank"> <img src="logo_iut_info.PNG" alt=""></a>
......
......@@ -353,6 +353,7 @@ main p{
main article p:not(:last-child){
margin-bottom:50px;
}
/* ACCUEIL */
.accueil{
background-color: #e1e1e1;
padding-bottom: 20px;
......@@ -382,6 +383,7 @@ main article p:not(:last-child){
background-color: #23a578;
padding: 20px;
}
/* PHOTOS */
.étudiants{
display: flex;
width: 80%;
......@@ -635,19 +637,22 @@ footer img{
}
/* BALISE TABLE */
section table{
background-color: #23a578;
margin: auto;
width: 50%;
border: 1px solid;
text-align: center;
border-collapse: collapse;
text-decoration: none;
}
section table td{
border: 1px solid;
border: 2px solid #097953;
width: 50%;
}
section table th{
border: 1px solid;
border: 2px solid #097953;
}
/* LES DIFFERENTS AFFICHAGES DES SCHEMAS SELON LA LARGEUR DE L ECRAN */
@media only screen and (max-width: 899px) {
.sc1 img:first-child{
display: none;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment