diff --git a/.DS_Store b/.DS_Store index 4b7ca65..4078b56 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/J-W.png b/J-W.png new file mode 100644 index 0000000..bd92e7e Binary files /dev/null and b/J-W.png differ diff --git a/Taze.png b/Taze.png new file mode 100644 index 0000000..dc7ce36 Binary files /dev/null and b/Taze.png differ diff --git a/bash.png b/bash.png new file mode 100644 index 0000000..5b226b0 Binary files /dev/null and b/bash.png differ diff --git a/c.png b/c.png new file mode 100644 index 0000000..d80d6d2 Binary files /dev/null and b/c.png differ diff --git a/competences.html b/competences.html index 4c45518..fceb7a3 100644 --- a/competences.html +++ b/competences.html @@ -13,12 +13,13 @@ @@ -141,7 +142,88 @@ Sensibilisé à la Méthode AGILE.

+ +
+

Anglais : + + ★★★☆☆ +
+ J'ai un niveau B1 en anglais, ce qui me permet de communiquer efficacement à l'écrit et à + l'oral. + Je peux comprendre et participer à des conversations sur des sujets familiers, tels que le + travail, les études et la vie quotidienne. + Je suis également capable de rédiger des emails ou des rapports clairs et structurés en anglais. + Bien que je continue à améliorer mon vocabulaire et ma fluidité, je suis confiant dans ma + capacité à collaborer avec des collègues et des clients anglophones. +

+
+ +
+

Mes Qualités :

+
+

Minutieux

+

Lors de mon expérience professionnelle en tant qu’agent de maintenance + industriel, j’ai été + chargé du montage, du démontage et de + l’entretien de chaînes industrielles de plus de 20 mètres. + Ces équipements étaient essentiels au fonctionnement d’une usine employant plus + de 300 personnes. + Cette responsabilité exigeait une grande précision, chaque intervention devant + garantir la sécurité et la performance de l’installation. + Je suis donc capable de faire preuve d’une minutie exemplaire, un atout + indispensable pour mener à bien les missions qui me seront confiées. +

+
+
+

Proactif

+

Lors de mon expérience en tant qu’aide-menuisier, j’ai travaillé sur un + chantier d’envergure à la + Cité Administrative de Toulouse. Dans ce contexte, j’ai été amené à collaborer + avec un collègue + menuisier atteint de surdité. Face à cette situation, j’ai assumé le rôle de + représentant principal + de l’entreprise, que ce soit lors de réunions de chantier ou dans les échanges + avec les autres corps de métier. + De plus, j’ai pris l’initiative de concevoir un gabarit adapté pour optimiser + le travail, ce qui a permis de respecter les délais + imposés tout en facilitant la collaboration. Cet engagement témoigne de ma capacité à + anticiper les besoins, à prendre des initiatives + et à agir efficacement dans des situations complexes. +

+
+
+

Curieux

+

Ma curiosité me pousse à aller au-delà des attentes, que ce soit dans mon + travail ou mes + apprentissages. Je m’efforce de toujours approfondir mes connaissances, + notamment en recherchant + des informations et du savoir-faire complémentaires au cours + de l’I.U.T afin d’y être plus + complet et performant. Comme lors de la SAE + sur la création d’un portfolio avec les langages de + programmation HTML, CSS et PHP, où j’ai + intégré un fond d’écran dynamique à mon site avec le + langage JavaScript que nous n’avions pas encore étudié à ce moment-là. Cette + soif d’apprendre me + permet de m’adapter rapidement à de nouveaux environnements et d’apporter une vraie + valeur ajoutée à chaque projet auquel je contribue. +

+
+
+

Discret

+

Je suis une personne discrète, préférant me concentrer sur mon + travail et mon entourage proche. + Ma nature discrète et réservée se reflète dans ma manière + d’interagir : je préserve la confidentialité d’informations sensibles, + respecte les limites de chacun et maintiens un climat professionnel + sérieux. Cette discrétion est un + atout dans le cadre de relations de travail, où elle favorise un climat de + confiance et de respect mutuel. +

+
+
+ diff --git a/contact.html b/contact.html index 03becb4..6d54d80 100644 --- a/contact.html +++ b/contact.html @@ -13,25 +13,27 @@ -
- Aperçu CV Etienne Veau - - Télécharger mon CV - +

Contactez-moi

+



+ +
+ + + + \ No newline at end of file diff --git a/mon-vrai-tpweb/IMG1.JPG b/mon-vrai-tpweb/IMG1.JPG new file mode 100644 index 0000000..f8a7e32 Binary files /dev/null and b/mon-vrai-tpweb/IMG1.JPG differ diff --git a/mon-vrai-tpweb/IMG2.JPG b/mon-vrai-tpweb/IMG2.JPG new file mode 100644 index 0000000..a54f629 Binary files /dev/null and b/mon-vrai-tpweb/IMG2.JPG differ diff --git a/mon-vrai-tpweb/IMG3.JPG b/mon-vrai-tpweb/IMG3.JPG new file mode 100644 index 0000000..a119824 Binary files /dev/null and b/mon-vrai-tpweb/IMG3.JPG differ diff --git a/mon-vrai-tpweb/IMGF.JPG b/mon-vrai-tpweb/IMGF.JPG new file mode 100644 index 0000000..28517b5 Binary files /dev/null and b/mon-vrai-tpweb/IMGF.JPG differ diff --git a/mon-vrai-tpweb/IMGH.JPG b/mon-vrai-tpweb/IMGH.JPG new file mode 100644 index 0000000..d070098 Binary files /dev/null and b/mon-vrai-tpweb/IMGH.JPG differ diff --git a/mon-vrai-tpweb/IMGM.JPG b/mon-vrai-tpweb/IMGM.JPG new file mode 100644 index 0000000..da36f21 Binary files /dev/null and b/mon-vrai-tpweb/IMGM.JPG differ diff --git a/mon-vrai-tpweb/IMGN.JPG b/mon-vrai-tpweb/IMGN.JPG new file mode 100644 index 0000000..1a6ec77 Binary files /dev/null and b/mon-vrai-tpweb/IMGN.JPG differ diff --git a/mon-vrai-tpweb/en-savoir-plus-bouton.html b/mon-vrai-tpweb/en-savoir-plus-bouton.html new file mode 100644 index 0000000..a4e6d5f --- /dev/null +++ b/mon-vrai-tpweb/en-savoir-plus-bouton.html @@ -0,0 +1,158 @@ + + + + + + + mon-portfolio + + + + + +
+ +
+
+
+
+

Presentation

Lorem ipsum dolor Lorem ipsum dolor sit amet consectetur adipisicing elit. + Repellendus voluptatibus beatae labore magni culpa cum perferendis corporis doloribus obcaecati ex + neque, magnam perspiciatis vel odio eaque illo reiciendis nihil quaerat suscipit deleniti facilis atque. + Omnis quod beatae eligendi, ipsum voluptate voluptatibus dolor dolorum ipsam nam! Eum voluptatem id + harum. Animi fuga odio, tempore autem ullam aperiam, libero totam quos explicabo eius, officia expedita + voluptate voluptatem exercitationem corrupti non neque culpa pariatur consequatur quidem provident. + Incidunt aut aliquid quasi suscipit doloremque voluptatum ipsa aspernatur eaque alias veritatis odio, + numquam nulla amet consequatur, illum corrupti at veniam libero culpa voluptatem ea dolorum? Omnis + temporibus esse rem ex nesciunt necessitatibus vitae saepe sunt quo! Minima dolore ea, voluptate amet + porro a in ex tempora obcaecati dicta quos aliquid quaerat, officia natus vel corrupti est perferendis + perspiciatis eveniet nostrum? Nam, libero nulla pariatur magni explicabo corrupti quae quis harum hic + consectetur sit totam, porro eveniet tenetur officiis et accusamus obcaecati odit alias nisi molestiae + delectus rerum. Ad sapiente blanditiis eaque dolorem dolor omnis assumenda. Cumque magni nihil facere + id, accusantium veritatis nisi vero voluptatum vitae sed rerum, adipisci doloribus beatae itaque quas + nam. Ipsum assumenda doloribus beatae repudiandae hic molestias tempora obcaecati, omnis similique sunt + a ratione quibusdam fuga nam blanditiis minima vitae fugit molestiae in autem asperiores tempore + expedita, commodi incidunt. Aperiam, modi, aut nemo sint cupiditate voluptas nobis, quod optio minus + accusantium libero. Odit dignissimos eum doloremque autem quod deleniti, voluptates dolorum quo, amet + blanditiis similique nobis, ipsam eveniet accusamus nihil iste? Beatae, quos sed quia eius dignissimos + reprehenderit minima, deleniti soluta veniam neque eaque facere nulla molestias omnis harum. Fuga + architecto vitae corrupti, harum deleniti tenetur voluptatem a esse eveniet omnis pariatur magnam odit + libero minus. Accusamus magni consequatur corporis repudiandae dolores animi, perspiciatis qui + aspernatur dolorum cum voluptatum ipsa porro pariatur eligendi ratione accusantium, aliquam fugit + placeat facilis temporibus quaerat vitae consectetur. Quia, optio nihil? Dignissimos doloremque deserunt + placeat, laudantium cumque minima reprehenderit incidunt suscipit pariatur delectus? Accusamus eius + repudiandae vel. Amet tempore aut tempora culpa quos excepturi nam quod, consectetur fugit atque aliquam + nulla quam, assumenda ratione! Recusandae deserunt officiis reiciendis eligendi possimus voluptas sunt + dolores blanditiis? Magnam non fugiat doloribus voluptates! Error, sed recusandae! Deleniti deserunt + aspernatur dolore tenetur ipsum officia atque placeat nihil eaque! Molestiae maiores voluptatem alias + veniam tempore repudiandae sunt quas, cum illo, architecto autem explicabo, numquam aliquid et + exercitationem. Dolorem id mollitia quia dolorum laboriosam tempora aliquid, placeat voluptatem + molestiae accusantium dolor fugit delectus saepe numquam, voluptatum, deleniti soluta reiciendis? + Obcaecati possimus esse odit dignissimos eligendi aspernatur maiores tempore sunt natus alias, + necessitatibus atque, at quisquam reiciendis, explicabo molestiae? Iure quasi porro ad similique magnam + saepe praesentium, obcaecati consectetur dignissimos autem dolor laborum voluptatibus?sit amet + consectetur adipisicing elit. Ducimus, quod! Lorem ipsum dolor sit amet consectetur adipisicing elit. + Distinctio aperiam laborum aspernatur tempora! Hic est repudiandae expedita nam. Qui nihil dolores + commodi esse aliquid autem modi veritatis architecto aut alias id eveniet omnis beatae dolorem tempore + libero laboriosam ea dolor, voluptates natus. Harum tenetur voluptatibus incidunt soluta officia rerum + debitis? +
retour a l'accueil +
+

Caracteristique

Lorem,Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, incidunt + fuga, quos beatae officia expedita corrupti, voluptates quo dolor quaerat asperiores fugiat earum nihil + alias aliquid cupiditate perspiciatis? Eveniet neque sint asperiores incidunt, ut nesciunt voluptatum + corrupti temporibus necessitatibus consequuntur autem quaerat tempora, facilis veniam perferendis! Minus + ad deserunt doloremque nulla veritatis magnam. Nobis nisi modi minima vitae fugiat, saepe nihil + consequatur aliquid deleniti. Ducimus magnam consequatur amet id ullam, aperiam sapiente culpa sed + accusantium blanditiis dolore, quam minus saepe aliquid pariatur placeat eius odit veritatis deleniti + reiciendis corporis nostrum perferendis error non. Sed nobis totam ut nesciunt distinctio voluptas quas! + Minus omnis dicta vel, aperiam sunt ducimus rerum a earum voluptatem nesciunt dolorem qui enim atque + ipsa. Cum dignissimos tenetur dicta corrupti maiores earum incidunt hic harum rerum voluptate doloribus, + dolorum modi amet reprehenderit eos quod ea quae aut doloremque! Veritatis praesentium, in aspernatur + culpa est ipsa? Eaque, aliquam id consequuntur illo laborum quam ipsa, minima repellendus eligendi + tempora ex sed, optio fugiat? Asperiores minus quisquam dolores quia eius, suscipit qui corporis harum + inventore, ex natus praesentium maiores! Officia quis molestiae deserunt illo quisquam ad qui ipsam + repellat dicta sunt earum natus dolores, modi ex neque iure iusto recusandae vero harum culpa atque + voluptatem minima aliquid molestias. Sequi voluptatibus qui, saepe eius quam quibusdam nesciunt nostrum + corporis tempore voluptas dolores dicta, assumenda quaerat blanditiis reprehenderit! Porro voluptate + cupiditate itaque harum ad natus est, eos debitis expedita odit a temporibus accusamus molestias culpa + nisi animi quae? Itaque excepturi id ullam eos veritatis sequi ea est architecto illo nisi esse, + repudiandae nesciunt neque consequatur suscipit modi. Omnis, eligendi dolore porro soluta excepturi + perspiciatis distinctio alias? Numquam distinctio exercitationem, harum totam optio quod vero possimus + sit, officia eligendi et ducimus repellendus temporibus? Amet aperiam dignissimos ea animi molestias + sunt rem expedita sed. ipsum dolor sit amet consectetur adipisicing elit. Eius, eaque?Lorem ipsum dolor + sit amet consectetur adipisicing elit. Incidunt, harum veritatis. Modi necessitatibus laudantium tempora + alias corrupti similique, voluptatem optio non, voluptatum enim repellendus. Sit quam excepturi tempora + illum quidem. +
retour a l'accueil +
+
+ + + + + + + \ No newline at end of file diff --git a/mon-vrai-tpweb/en_savoir_plus.css b/mon-vrai-tpweb/en_savoir_plus.css new file mode 100644 index 0000000..31f1840 --- /dev/null +++ b/mon-vrai-tpweb/en_savoir_plus.css @@ -0,0 +1,138 @@ +canvas { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +body { + position: relative; + top: 78px; + display: flex; + flex-direction: column; +} + +body, +html, +article, +section { + font-family: 'Courier New', monospace; + color: #00ff00; +} + +.navbar { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 3; + height: 40px; +} + + +.liens-nav { + list-style: none; + display: flex; + gap: 20px; + padding: 60px; + position: relative; +} + +.liens-nav a { + color: #00ff00; + text-decoration: none; + font-size: 1em; + transition: color 0.3s ease; +} + +.liens-nav a:hover { + color: #3b9836; +} + +.navbar .liens-nav .active { + text-decoration: underline; + +} + +.hidden { + display: none; + position: absolute; + flex-direction: column; + cursor: pointer; + padding: 10px 0px; + background-color: #000000d3; + ; + z-index: 5; +} + +.hidden a { + cursor: pointer; + padding: 10px 0px; + +} + +.survol:hover .hidden { + display: flex; +} + + +section { + position: relative; + margin: auto; + z-index: 1; + width: 80%; + padding: 20px; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); + +} + +article { + position: relative; + z-index: 1; + width: 90%; + margin: auto; + padding: 20px; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); +} + +.pres { + display: flex; + padding: 10px; +} + +.pres img { + max-width: 50px; + height: auto; + border-radius: 10%; + margin-right: 10px; +} + +a { + text-decoration: none; + color: #1ccd1c; +} + +a:hover { + color: #21641d; +} + +footer { + background-color: #0000009a; + align-items: center; + width: 100%; + z-index: 3; + margin-top: 20px; +} \ No newline at end of file diff --git a/mon-vrai-tpweb/form.css b/mon-vrai-tpweb/form.css new file mode 100644 index 0000000..16f9659 --- /dev/null +++ b/mon-vrai-tpweb/form.css @@ -0,0 +1,158 @@ +canvas { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +body { + position: relative; + top: 78px; +} + +body, +html, +article, +section { + font-family: 'Courier New', monospace; + color: #00ff00; +} + + +.navbar { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 3; + height: 40px; +} + + + + +.liens-nav { + list-style: none; + display: flex; + gap: 20px; + padding: 60px; + position: relative; +} + +.liens-nav a { + color: #00ff00; + text-decoration: none; + font-size: 1em; + transition: color 0.3s ease; +} + +.liens-nav a:hover { + color: #3b9836; +} + +.navbar .liens-nav .active { + text-decoration: underline; + +} + +.hidden { + display: none; + position: absolute; + flex-direction: column; + cursor: pointer; + padding: 10px 0px; + background-color: #000000d3; + ; + z-index: 5; +} + +.hidden a { + cursor: pointer; + padding: 10px 0px; + +} + +.survol:hover .hidden { + display: flex; +} + + + + + +aside a:hover { + color: #3b9836; +} + + +.pres { + display: flex; + padding: 10px; +} + + +h2 { + display: flex; + flex-direction: column; + align-items: center; +} + +form { + max-width: 600px; + margin: auto; + padding: 20px; + background-color: #010101ae; + border-radius: 10px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); +} + +label { + display: block; + margin-bottom: 5px; +} + + +input, +select, +textarea { + width: 95%; + padding: 10px; + margin-bottom: 10px; + border: 2px solid #35a015; + border-radius: 5px; +} + +button { + padding: 10px 20px; + margin-right: 10px; + background-color: #16a927; + color: white; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s; +} + +button:hover { + background-color: #056017; +} + +footer { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + align-items: center; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + z-index: 3; + height: 10px; +} \ No newline at end of file diff --git a/mon-vrai-tpweb/index.php b/mon-vrai-tpweb/index.php new file mode 100644 index 0000000..c572d1a --- /dev/null +++ b/mon-vrai-tpweb/index.php @@ -0,0 +1,178 @@ + + + + + + + page contact + + + + + +
+ +
+ '', + 'email' => '', + 'téléphone' => '', + 'motif' => '', + 'datetime' => '', + 'première_demande' => '', + 'message' => '' + ]; + + if ($_SERVER["REQUEST_METHOD"] === "POST") { + if (empty($_POST['nom'])) { + $errors[] = "Le champ nom est requis."; + } else { + $formData['nom'] = htmlspecialchars($_POST['nom']); + } + + if (empty($_POST['email'])) { + $errors[] = "Le champ email est requis."; + } elseif (!filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)) { + $errors[] = "L'adresse email est invalide."; + } else { + $formData['email'] = htmlspecialchars($_POST['email']); + } + + $formData['téléphone'] = htmlspecialchars($_POST['téléphone']); + $formData['motif'] = htmlspecialchars($_POST['motif']); + $formData['datetime'] = htmlspecialchars($_POST['datetime']); + $formData['première_demande'] = htmlspecialchars($_POST['première_demande']); + $formData['message'] = htmlspecialchars($_POST['message']); + + if (empty($_POST['message'])) { + $errors[] = "Le champ message est requis."; + } + + if (empty($errors)) { + echo "

Merci pour votre message !

"; + echo "

Voici le récapitulatif de votre demande :

"; + echo "

Nom : " . $formData['nom'] . "

"; + echo "

Email : " . $formData['email'] . "

"; + echo "

Téléphone : " . $formData['téléphone'] . "

"; + echo "

Motif : " . $formData['motif'] . "

"; + echo "

Date et heure : " . $formData['datetime'] . "

"; + echo "

Première demande : " . $formData['première_demande'] . "

"; + echo "

Message : " . nl2br($formData['message']) . "

"; + exit; + } + } + ?> + +

Contactez-moi :

+
+ + + + + + + + + + + + + + + + + > Oui + > Non + + + + + + +
+ + "; + foreach ($errors as $error) { + echo "
  • $error
  • "; + } + echo ""; + } + ?> + + + + + + + \ No newline at end of file diff --git a/mon-vrai-tpweb/logo_insta.jpg b/mon-vrai-tpweb/logo_insta.jpg new file mode 100644 index 0000000..a9b3526 Binary files /dev/null and b/mon-vrai-tpweb/logo_insta.jpg differ diff --git a/mon-vrai-tpweb/logo_snap.jpg b/mon-vrai-tpweb/logo_snap.jpg new file mode 100644 index 0000000..449f615 Binary files /dev/null and b/mon-vrai-tpweb/logo_snap.jpg differ diff --git a/mon-vrai-tpweb/logo_youtube.jpg b/mon-vrai-tpweb/logo_youtube.jpg new file mode 100644 index 0000000..b48dbeb Binary files /dev/null and b/mon-vrai-tpweb/logo_youtube.jpg differ diff --git a/mon-vrai-tpweb/mon-portfolio.css b/mon-vrai-tpweb/mon-portfolio.css new file mode 100644 index 0000000..57674c9 --- /dev/null +++ b/mon-vrai-tpweb/mon-portfolio.css @@ -0,0 +1,233 @@ +canvas { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +body { + position: relative; + top: 78px; +} + +body, +html, +article, +section { + font-family: 'Courier New', monospace; + color: #00ff00; +} + + +.navbar { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 3; + height: 40px; +} + + + + +.liens-nav { + list-style: none; + display: flex; + gap: 20px; + padding: 60px; + position: relative; +} + +.liens-nav a { + color: #00ff00; + text-decoration: none; + font-size: 1em; + transition: color 0.3s ease; +} + +.liens-nav a:hover { + color: #3b9836; +} + +.navbar .liens-nav .active { + text-decoration: underline; + +} + +.hidden { + display: none; + position: absolute; + flex-direction: column; + cursor: pointer; + padding: 10px 0px; + background-color: #000000d3; + ; + z-index: 5; +} + +.hidden a { + cursor: pointer; + padding: 10px 0px; + +} + +.survol:hover .hidden { + display: flex; +} + + +section { + position: relative; + z-index: 1; + width: 40%; + margin-left: 10%; + padding: 20px; + float: left; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); + +} + +article { + position: relative; + z-index: 1; + width: 80%; + margin: auto; + padding: 20px; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); +} + +aside { + position: relative; + float: inline-end; + z-index: 1; + width: 25%; + margin-right: 10%; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); +} + +aside ul { + list-style: none; +} + +aside li { + display: flex; + justify-content: space-between; + align-items: center; + margin: 10px 0; +} + +aside a { + display: flex; + align-items: center; + text-decoration: none; + color: #00ff00; +} + +aside img { + width: 20px; + height: auto; + margin-left: 10px; +} + +aside a:hover { + color: #3b9836; +} + + +.pres { + display: flex; + padding: 10px; +} + + + + +.pres img { + max-width: 50px; + height: auto; + border-radius: 10%; + margin-right: 10px; +} + + + + +aside img { + position: relative; + height: 50px; + width: 50px; + border-radius: 20%; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.384), + 0 6px 20px rgba(0, 255, 0, 0.3); +} + + +a { + text-decoration: none; + color: #00ff0096; +} + +span { + padding: 10px; +} + +a img { + padding: 1px; +} + +a:hover { + text-decoration: underline; +} + + +h1, +h2 { + color: #12c012; + text-shadow: 0 0 10px #e3efe339, 0 0 20px #f3f7f35e; +} + +footer { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + align-items: center; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + z-index: 3; + height: 10px; +} + + +@media (max-width: 800px) { + + section { + flex-direction: column; + align-items: center; + width: 75%; + } + + aside { + margin-left: 0; + margin-top: 20px; + width: 80%; + } +} \ No newline at end of file diff --git a/mon-vrai-tpweb/mon-portfolio.html b/mon-vrai-tpweb/mon-portfolio.html new file mode 100644 index 0000000..ec7adb6 --- /dev/null +++ b/mon-vrai-tpweb/mon-portfolio.html @@ -0,0 +1,134 @@ + + + + + + + Mon Portfolio - Veau Etienne + + + + + + +
    + +
    + + + +
    + +
    +
    +

    Présentation

    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus, quod!

    + En savoir plus +
    + +
    +

    Caractéristiques

    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius, eaque?

    + En savoir plus +
    +
    +
    +
    + + +
    + + + + + + + \ No newline at end of file diff --git a/mon-vrai-tpweb/page_image.css b/mon-vrai-tpweb/page_image.css new file mode 100644 index 0000000..3e6bf78 --- /dev/null +++ b/mon-vrai-tpweb/page_image.css @@ -0,0 +1,163 @@ +canvas { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +body { + position: relative; + top: 78px; + display: flex; + flex-direction: column; +} + +body, +html, +article, +section { + font-family: 'Courier New', monospace; + color: #00ff00; +} + + +.navbar { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 3; + height: 40px; +} + + + + +.liens-nav { + list-style: none; + display: flex; + gap: 20px; + padding: 60px; + position: relative; +} + +.liens-nav a { + color: #00ff00; + text-decoration: none; + font-size: 1em; + transition: color 0.3s ease; +} + +.liens-nav a:hover { + color: #3b9836; +} + +.navbar .liens-nav .active { + text-decoration: underline; + +} + +.hidden { + display: none; + position: absolute; + flex-direction: column; + cursor: pointer; + padding: 10px 0px; + background-color: #000000d3; + z-index: 5; +} + +.hidden a { + cursor: pointer; + padding: 10px 0px; + +} + +.survol:hover .hidden { + display: flex; +} + + +section { + position: relative; + z-index: 1; + width: 60%; + margin: auto; + padding: 20px; + float: left; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); + +} + +figure { + position: relative; + z-index: 1; + width: 80%; + margin: auto; + padding: 20px; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); +} + + +.pres { + display: flex; + padding: 10px; +} + + +body img { + width: 100%; + height: auto; +} + +.pres .trombinoscope { + max-width: 40px; + height: 60px; + border-radius: 10%; + margin-right: 10px; + margin-top: 10px; +} + + +a { + text-decoration: none; + color: #00ff0096; +} + +a:hover { + text-decoration: underline; +} + + +h1, +h2 { + color: #12c012; + text-shadow: 0 0 10px #e3efe339, 0 0 20px #f3f7f35e; +} + +h1 { + text-align: center; + color: #0d9d03; + margin-bottom: 30px; +} + +footer { + background-color: #0000009a; + align-items: center; + width: 100%; + z-index: 3; + margin-top: 20px; +} \ No newline at end of file diff --git a/mon-vrai-tpweb/page_image.html b/mon-vrai-tpweb/page_image.html new file mode 100644 index 0000000..776814a --- /dev/null +++ b/mon-vrai-tpweb/page_image.html @@ -0,0 +1,107 @@ + + + + + + + page image + + + +
    + +
    + + +

    Galerie d'Art Surréaliste

    +
    +
    + + Description de l'image 1 + +
    La porte du désert
    +
    + +
    + + Description de l'image 2 + +
    Le temps qui s'échappe
    +
    + +
    + + Description de l'image 3 + +
    L'oeil dans l'oeuf
    +
    +
    + + + + + + \ No newline at end of file diff --git a/mon-vrai-tpweb/page_video.css b/mon-vrai-tpweb/page_video.css new file mode 100644 index 0000000..8e6d1c1 --- /dev/null +++ b/mon-vrai-tpweb/page_video.css @@ -0,0 +1,164 @@ +canvas { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +body { + position: relative; + top: 100px; +} + +body, +html, +article, +section { + font-family: 'Courier New', monospace; + color: #00ff00; +} + + +.navbar { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 3; + height: 40px; +} + + + + +.liens-nav { + list-style: none; + display: flex; + gap: 20px; + padding: 60px; + position: relative; +} + +.liens-nav a { + color: #00ff00; + text-decoration: none; + font-size: 1em; + transition: color 0.3s ease; +} + +.liens-nav a:hover { + color: #3b9836; +} + +.navbar .liens-nav .active { + text-decoration: underline; + +} + +.hidden { + display: none; + position: absolute; + flex-direction: column; + cursor: pointer; + padding: 10px 0px; + background-color: #000000d3; + ; + z-index: 5; +} + +.hidden a { + cursor: pointer; + padding: 10px 0px; + +} + +.survol:hover .hidden { + display: flex; +} + + + +article { + position: relative; + z-index: 1; + width: 80%; + margin: auto; + padding: 20px; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), + 0 6px 20px rgba(1, 250, 1, 0.535); +} + + + + +.pres { + display: flex; + padding: 10px; +} + + + + +.pres img { + max-width: 50px; + height: auto; + border-radius: 10%; + margin-right: 10px; +} + + + +a { + text-decoration: none; + color: #00ff0096; +} + + +a:hover { + text-decoration: underline; +} + + +h1, +h2 { + color: #12c012; + text-shadow: 0 0 10px #e3efe339, 0 0 20px #f3f7f35e; +} + +vidéo { + margin: 20px; +} + +section { + display: flex; + flex-direction: column; + width: 50%; + height: 320px; + padding: 20px; + background-color: rgba(0, 0, 0, 0.803); + border-radius: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.635), 0 6px 20px rgba(1, 250, 1, 0.535); + margin-left: 20px; +} + +footer { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + align-items: center; + position: fixed; + bottom: 0; + left: 0; + width: 100%; + z-index: 3; + height: 10px; +} \ No newline at end of file diff --git a/mon-vrai-tpweb/page_vidéo.html b/mon-vrai-tpweb/page_vidéo.html new file mode 100644 index 0000000..6a589f1 --- /dev/null +++ b/mon-vrai-tpweb/page_vidéo.html @@ -0,0 +1,105 @@ + + + + + + + page vidéo + + +
    + +
    + + + +
    + + +
    +
    +

    Présentation

    +

    La BMW M8 Gran Coupé Competition xDrive est équipée d'un moteur longitudinal avant huit cylindres en + V suralimenté développant un couple maximum de 750 Nm dès 1800 trs/min ainsi qu'une puissance + maximum de 625 ch à 6000 trs/min transmise aux quatre roues de 20 pouces par le biais d'une boîte de + vitesses automatique à 8 rapports.

    +
    +
    +
    + + + + + + + + + + + + \ No newline at end of file diff --git a/mon-vrai-tpweb/photodemoi.jpg b/mon-vrai-tpweb/photodemoi.jpg new file mode 100644 index 0000000..13dcd7c Binary files /dev/null and b/mon-vrai-tpweb/photodemoi.jpg differ diff --git a/mon-vrai-tpweb/table.css b/mon-vrai-tpweb/table.css new file mode 100644 index 0000000..b38ad53 --- /dev/null +++ b/mon-vrai-tpweb/table.css @@ -0,0 +1,159 @@ +canvas { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; +} + +body { + position: relative; + top: 78px; + display: flex; + flex-direction: column; +} + +body, +html, +article, +section { + font-family: 'Courier New', monospace; + color: #00ff00; +} + +.navbar { + background-color: #0000009a; + padding: 15px 20px; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + left: 0; + width: 100%; + z-index: 3; + height: 40px; +} + + +.liens-nav { + list-style: none; + display: flex; + gap: 20px; + padding: 60px; + position: relative; +} + +.liens-nav a { + color: #00ff00; + text-decoration: none; + font-size: 1em; + transition: color 0.3s ease; +} + +.liens-nav a:hover { + color: #3b9836; +} + +.navbar .liens-nav .active { + text-decoration: underline; + +} + +.hidden { + display: none; + position: absolute; + flex-direction: column; + cursor: pointer; + padding: 10px 0px; + background-color: #000000d3; + z-index: 5; +} + +.hidden a { + cursor: pointer; + padding: 10px 0px; + +} + +.survol:hover .hidden { + display: flex; +} + + + +.pres { + display: flex; + padding: 10px; +} + +.pres img { + max-width: 50px; + height: auto; + border-radius: 10%; + margin-right: 10px; +} + +body a { + text-decoration: none; + color: #f2f6f2; + text-align: center; + margin-top: 20px; +} + + + +a:hover { + color: #21641d; +} + + +table { + width: 80%; + border-collapse: collapse; + margin-top: 20px; + background-color: #070707af; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + border-radius: 10px; + margin: auto; +} + +caption { + font-size: 1.5em; + margin-bottom: 10px; + color: #f6f7f6; + +} + +th, +td { + padding: 15px; + text-align: left; + border: 1px solid #ddd; +} + +th { + background-color: #444; + color: white; +} + +td { + background-color: #030303bd; + color: white; +} + +td img { + width: 60px; + height: auto; + display: block; + margin: 0 auto; +} + +footer { + background-color: #0000009a; + width: 100%; + z-index: 3; + margin-top: 20px; + color: #00ff00; +} \ No newline at end of file diff --git a/mon-vrai-tpweb/table.html b/mon-vrai-tpweb/table.html new file mode 100644 index 0000000..5585e95 --- /dev/null +++ b/mon-vrai-tpweb/table.html @@ -0,0 +1,143 @@ + + + + + + + Planning Hebdomadaire + + + +
    + +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Mes activités extra-scolaires
    JourCréneauxActivitésImages
    Lundi17:00 - 18:30RévisionsRévisions
    21:00 - 22:30Root Me
    Mardi18:00 - 19:30NatationNatation
    Mercredi21:00 - 22:30MusculationMusculation
    Vendredi
    Samedi10:00 - 11:30RévisionsFootball
    15:00 - 16:30Football
    Dimanche10:00 - 11:30RévisionsRévisions
    15:00 - 16:30
    + + + + + +retour a l'accueil + + + \ No newline at end of file diff --git a/php.png b/php.png new file mode 100644 index 0000000..15d12bb Binary files /dev/null and b/php.png differ diff --git a/projet.html b/projet.html new file mode 100644 index 0000000..0c9521e --- /dev/null +++ b/projet.html @@ -0,0 +1,146 @@ + + + + + + + Projets - Etienne Veau + + + + + + + +
    +

    Mes Projets

    + +
    +
    +

    Création d'une Base de Données (SQL)

    +

    Projet d'étude

    +

    En C (en trinôme)
    + Nous devions concevoir de A à Z une Base de Données correspondant à une entreprise de location.
    + Nous avons fait le choix de créer une entreprise louant des Jet-ski et avons mis en place un MCD/MLD + avant de concevoir le script SQL permettant de créer et remplir notre bases de données avec un jeu + d'essais.
    + Ce projet m'a appris à appliquer concrètement mes connaissances SQL, le respect des 3 formes + normales, la mise en place de vérification automatique des données afin d'assurer la robustesse + de la base de données, ainsi que la création de jeu de données et de requête test pour vérifier + son bon + fonctionnement.
    Dans ce projet la partie sur la création de l'entreprise m'a sensibilisé + aux démarches RSE et m'a permis d'imaginer différentes facettes du fonctionnement d'une P.M.E. +
    + + +

    +
    +
    + +
    +
    +

    Administration d'un système Linux

    +

    Projet d'étude

    +

    Shell (seul)
    + Nous devions installer sur une machine vierge une distribution Debian,la configurer en installant + des paquets et des systèmes, partitionner des disques ou encore la mise en place de Backports et + l'utilisation de FlatPak
    + Ce projet m'a permis de m'exercer en autonomie à la recherche d'information sur internet afin + de comprendre et réaliser les tâches qui m'étaient demandées.
    Je me suis également + grandement + familiariser avec l'utilisation du terminal et ses lignes de commandes.
    + Enfin cela m'a permis d'en apprendre plus sur le fonctionnement d'un espace disque et d'un + système d'exploitation.
    +

    +
    +
    + +
    +
    +

    Gestion des stages de l'I.U.T

    +

    Projet d'étude

    +

    En C (en binôme)
    + Nous devions concevoir un algorithme capable de traiter les demandes de stage de l'I.U.T .
    + Le programme devait pouvoir gérer l'espace "Responsable", capable d'affecter un étudiant à un stage + sur lequel ils auraient préalablement candidater. Il y'a également un espace de saisie des notes + ainsi + que la possibilité de procéder à + l'ajout de nouvelles offres de stage. L'espace "étudiant" permet à l'étudiant de consulter les + stages + disponibles ainsi que d'y candidater.


    +

    Ce projet m'a permis de me familiariser avec le language C et m'a appris a gérer des tableaux de + manière + efficace (Chargement,Recherche,Trie,Affichage). Cela m'a également permis d'utiliser + différents types de fichiers afin d'effectuer des sauvegardes.

    +
    +
    + +
    +
    +

    Création d'un jeu type tour par tour sur le principe du Pierre,Feuille,Ciseaux

    +

    Projet d'étude

    +

    En C (en binôme)
    + Nous devions concevoir un jeu de combat tour par tour entre un chevalier et des monstres. Le cahier + des charges étant très complet, j'ai dû apporté un soin particulier au respect de l'utilisation des + différentes structures.


    +

    Ce projet a renforcé ma Compréhension des différentes formes de structures + Pile,File,Liste et donc Maillon.Cela m'a également servi de bonne Introduction à + la notion de Complexité et l'utilsation de fichier binaire pour effectuer des + sauvegardes. +

    +
    +
    + +
    +
    +

    En Cours...

    +

    Conception d'une réplique de jeu vidéo et élaboration d'un algorithme capable de battre le Jeu

    +

    Projet Personnel: (depuis le 31 Janvier 2025)

    +

    Ce projet en cours de production vise à concevoir une réplique fidèle du jeu "Crossy Road" à l'aide + du logiciel UNITY. Le jeu Crossy Road est un jeu d'arcade dont le but est de faire parcourir + la plus longue distance à notre personnage à travers un parcours d'obstacles au thème urbain.
    + Le projet consiste à reproduire fidèlement le jeu, puis à créer un algorithme en C# + capable d'interagir avec le jeu afin qu'il soit imbattable.
    + Lorsque mon programme sera fonctionnel, je souhaite entraîner une I.A. capable de battre le jeu + et par + la suite comparer les deux solutions en analysant celle qui obtient le meilleur score. + Ce projet personnel sera l'occasion de m'autoformer sur C# & UNITY, ainsi que de travailler sur + l'élaboration d'un projet complexe. Il servira également d'introduction aux notions d'IA et + de Robotique, des domaines de l'Informatique auxquels j'accorde un intérêt tout + particulier.
    + +

    +
    +
    +
    + + + + \ No newline at end of file diff --git a/projets.html b/projets.html index 5641ab8..6dfa51d 100644 --- a/projets.html +++ b/projets.html @@ -6,7 +6,6 @@ Projets - Etienne Veau - @@ -14,12 +13,11 @@ @@ -29,102 +27,140 @@
    -

    Création d'une Base de Données (SQL)

    -

    Projet d'étude

    -

    En C (en trinôme)
    - Nous devions concevoir de A à Z une Base de Données correspondant à une entreprise de location.
    - Nous avons fait le choix de créer une entreprise louant des Jet-ski et avons mis en place un MCD/MLD - avant de concevoir le script SQL permettant de créer et remplir notre bases de données avec un jeu - d'essais.
    - Ce projet m'a appris à appliquer concrètement mes connaissances SQL, le respect des 3 formes - normales, la mise en place de vérification automatique des données afin d'assurer la robustesse - de la base de données, ainsi que la création de jeu de données et de requête test pour vérifier - son bon - fonctionnement.
    Dans ce projet la partie sur la création de l'entreprise m'a sensibilisé - aux démarches RSE et m'a permis d'imaginer différentes facettes du fonctionnement d'une P.M.E. -
    +

    Exploitation d'une Base de Données – Projet OCTAVE

    +

    Contexte : Projet réalisé en trinôme à l'IUT.

    +

    Objectifs du projet : Concevoir une étude de marché pour le lancement d'une plateforme fictive + de streaming musical, en s'appuyant sur plusieurs jeux de données publics (issus de Kaggle).

    +

    Travail réalisé : Nous avons choisi trois jeux de données portant sur les habitudes d'écoute + de musique en ligne, les ventes par format et l'accès à Internet dans le monde. Après validation + auprès de l'enseignant, nous avons conçu un modèle relationnel (MCD/MLD), puis créé un script Python + pour construire et remplir notre base PostgreSQL. Nous avons également nettoyé les données + (suppression des doublons, renommage, jointures) et produit des visualisations pertinentes + (graphiques, heatmaps, histogrammes) afin d'extraire des tendances utiles à la stratégie de + lancement d’OCTAVE.

    +

    Résultats du projet : Ce projet m’a permis de développer des compétences concrètes en + traitement de données massives, en modélisation relationnelle, en automatisation via + Python/SQLAlchemy et en dataviz avec Matplotlib. Il m’a aussi sensibilisé à l’importance d’adapter + une stratégie commerciale aux spécificités régionales (connexion internet, genre musical, âge, type + d’abonnement).

    +

    Document :

    +
    +
    +
    +
    +

    Création d’un Portfolio Web

    +

    Contexte : Projet réalisé seul à l'IUT, visant à présenter nos + compétences techniques sous forme de site web personnel.

    +

    Objectifs du projet : Développer un portfolio web en utilisant HTML, CSS et PHP, permettant de + valoriser mes projets, mon parcours et mes compétences, tout en respectant les bonnes pratiques du + développement web.

    +

    Travail réalisé : J’ai conçu une interface responsive en HTML/CSS, intégrant plusieurs + sections (présentation,cursus,contact). En complément, je me suis autoformé + les bases de Java afin d’ajouter un fond d’écran animé et interactif, apportant une touche dynamique + à l’interface.

    +

    Résultats du projet : Ce projet m’a permis d’approfondir mes compétences en développement web + (HTML/CSS/PHP), d’améliorer ma capacité à mener un projet seul de bout en bout, et de découvrir les + bases de la programmation en Java. Il m’a également sensibilisé à l’importance de l’UX/UI et à la + cohérence graphique dans un site vitrine. j'ai obtenu la note de 16/20 pour mon travail la moyenne + pour ma promo est de 14/20

    +

    Site : Voir le + portfolio

    +

    +
    +
    + +
    +
    +

    Création d'une Base de Données (SQL)

    +

    Contexte : Projet d'étude en trinôme à l'IUT.

    +

    Objectifs du projet : Concevoir de A à Z une base de données correspondant à une entreprise de + location.

    +

    Travail réalisé : Nous avons choisi de créer une entreprise louant des Jet-ski et avons mis en + place un MCD/MLD avant de concevoir le script SQL permettant de créer et remplir notre base de + données avec un jeu d'essais.

    +

    Résultats du projet : Ce projet m'a appris à appliquer concrètement mes connaissances SQL, le + respect des 3 formes normales, la mise en place de vérifications automatiques des données pour + assurer la robustesse de la base, ainsi que la création de jeux de données et de requêtes tests pour + vérifier son bon fonctionnement. Dans ce projet, la partie sur la création de l'entreprise m'a + sensibilisé aux démarches RSE et m'a permis d'imaginer différentes facettes du fonctionnement d'une + PME.

    +

    Document :

    +

    Administration d'un système Linux

    -

    Projet d'étude

    -

    Shell (seul)
    - Nous devions installer sur une machine vierge une distribution Debian,la configurer en installant - des paquets et des systèmes, partitionner des disques ou encore la mise en place de Backports et - l'utilisation de FlatPak
    - Ce projet m'a permis de m'exercer en autonomie à la recherche d'information sur internet afin - de comprendre et réaliser les tâches qui m'étaient demandées.
    Je me suis également - grandement - familiariser avec l'utilisation du terminal et ses lignes de commandes.
    - Enfin cela m'a permis d'en apprendre plus sur le fonctionnement d'un espace disque et d'un - système d'exploitation.
    +

    Contexte : Projet d'étude individuel à l'IUT.

    +

    Objectifs du projet : Installer sur une machine vierge une distribution Debian, la configurer + en installant des paquets et des systèmes, partitionner des disques, et mettre en place des + Backports et l'utilisation de FlatPak.

    +

    Travail réalisé : Ce projet m'a permis de m'exercer en autonomie à la recherche d'informations + sur internet afin de comprendre et réaliser les tâches demandées. Je me suis également grandement + familiarisé avec l'utilisation du terminal et ses lignes de commandes. Enfin, cela m'a permis d'en + apprendre plus sur le fonctionnement d'un espace disque et d'un système d'exploitation.

    +

    Document :

    +
    -

    Gestion des stages de l'I.U.T

    -

    Projet d'étude

    -

    En C (en binôme)
    - Nous devions concevoir un algorithme capable de traiter les demandes de stage de l'I.U.T .
    - Le programme devait pouvoir gérer l'espace "Responsable", capable d'affecter un étudiant à un stage - sur lequel ils auraient préalablement candidater. Il y'a également un espace de saisie des notes - ainsi - que la possibilité de procéder à - l'ajout de nouvelles offres de stage. L'espace "étudiant" permet à l'étudiant de consulter les - stages - disponibles ainsi que d'y candidater.


    -

    Ce projet m'a permis de me familiariser avec le language C et m'a appris a gérer des tableaux de - manière - efficace (Chargement,Recherche,Trie,Affichage). Cela m'a également permis d'utiliser - différents types de fichiers afin d'effectuer des sauvegardes.

    +

    Gestion des stages de l'I.U.T

    +

    Contexte : Projet d'étude en binôme à l'IUT.

    +

    Objectifs du projet : Concevoir un algorithme capable de traiter les demandes de stage de + l'IUT.

    +

    Travail réalisé : Le programme devait pouvoir gérer l'espace "Responsable", capable d'affecter + un étudiant à un stage sur lequel il aurait préalablement candidaté. Il y avait également un espace + de saisie des notes ainsi que la possibilité de procéder à l'ajout de nouvelles offres de stage. + L'espace "Étudiant" permettait à l'étudiant de consulter les stages disponibles ainsi que d'y + candidater.

    +

    Résultats du projet : Ce projet m'a permis de me familiariser avec le langage C et m'a appris + à gérer des tableaux de manière efficace (Chargement, Recherche, Tri, Affichage). Cela m'a également + permis d'utiliser différents types de fichiers afin d'effectuer des sauvegardes.

    +

    Document :

    +
    -

    Création d'un jeu type tour par tour sur le principe du Pierre,Feuille,Ciseaux

    -

    Projet d'étude

    -

    En C (en binôme)
    - Nous devions concevoir un jeu de combat tour par tour entre un chevalier et des monstres. Le cahier - des charges étant très complet, j'ai dû apporté un soin particulier au respect de l'utilisation des - différentes structures.


    -

    Ce projet a renforcé ma Compréhension des différentes formes de structures - Pile,File,Liste et donc Maillon.Cela m'a également servi de bonne Introduction à - la notion de Complexité et l'utilsation de fichier binaire pour effectuer des - sauvegardes. +

    Création d'un jeu type tour par tour

    +

    Contexte : Projet d'étude en binôme à l'IUT.

    +

    Objectifs du projet : Concevoir un jeu de combat tour par tour entre un chevalier et des + monstres, basé sur le principe de Pierre-Feuille-Ciseaux.

    +

    Travail réalisé : Le cahier des charges étant très complet, j'ai dû apporter un soin + particulier au respect de l'utilisation des différentes structures (Pile, File, Liste). Ce projet a + renforcé ma compréhension des structures de données et m'a introduit à la notion de complexité et à + l'utilisation de fichiers binaires pour effectuer des sauvegardes.

    +

    Document :

    +
    -

    En Cours...

    -

    Conception d'une réplique de jeu vidéo et élaboration d'un algorithme capable de battre le Jeu

    -

    Projet Personnel: (depuis le 31 Janvier 2025)

    -

    Ce projet en cours de production vise à concevoir une réplique fidèle du jeu "Crossy Road" à l'aide - du logiciel UNITY. Le jeu Crossy Road est un jeu d'arcade dont le but est de faire parcourir - la plus longue distance à notre personnage à travers un parcours d'obstacles au thème urbain.
    - Le projet consiste à reproduire fidèlement le jeu, puis à créer un algorithme en C# - capable d'interagir avec le jeu afin qu'il soit imbattable.
    - Lorsque mon programme sera fonctionnel, je souhaite entraîner une I.A. capable de battre le jeu - et par - la suite comparer les deux solutions en analysant celle qui obtient le meilleur score. - Ce projet personnel sera l'occasion de m'autoformer sur C# & UNITY, ainsi que de travailler sur - l'élaboration d'un projet complexe. Il servira également d'introduction aux notions d'IA et - de Robotique, des domaines de l'Informatique auxquels j'accorde un intérêt tout - particulier.
    - -

    +

    Conception d'une réplique de jeu vidéo

    +

    Contexte : Projet personnel depuis janvier 2025.

    +

    Objectifs du projet : Reproduire le jeu "Crossy Road" avec Unity et concevoir un algorithme + imbattable en C#.

    +

    Travail réalisé : Ce projet consiste à reproduire fidèlement le jeu, puis à créer un + algorithme en C# capable d'interagir avec le jeu afin qu'il soit imbattable. Une fois le programme + fonctionnel, je souhaite entraîner une IA capable de battre le jeu et comparer les deux solutions + pour analyser celle qui obtient le meilleur score.

    +

    Résultats du projet : Ce projet m'a permis de m'autoformer sur Unity et C#, de travailler sur + un projet complexe, et de m'introduire aux notions d'IA et de robotique.

    +

    Document :

    +