Copie propre du code final de Folliow (projet d'équipe DWWM)
This commit is contained in:
commit
eed64cfeb6
67 changed files with 17897 additions and 0 deletions
197
views/about.tpl
Normal file
197
views/about.tpl
Normal file
|
|
@ -0,0 +1,197 @@
|
|||
{extends file="views/layout.tpl"}
|
||||
|
||||
{block name="title" append} - À propos{/block}
|
||||
|
||||
{block name="h2"}À propos{/block}
|
||||
{block name="p"}Plateforme de partage de portfolio – Projet pédagogique{/block}
|
||||
|
||||
{block name="content"}
|
||||
|
||||
<section aria-label="À propos de FOLLIOW">
|
||||
|
||||
<div class="row g-5">
|
||||
|
||||
<!-- CONTENU PRINCIPAL -->
|
||||
<div class="col-lg-8">
|
||||
|
||||
<!-- INTRO -->
|
||||
<div class="mb-5">
|
||||
<h3 class="h4 mb-3">
|
||||
<i class="bi bi-lightbulb me-2 text-primary"></i>
|
||||
Présentation du projet
|
||||
</h3>
|
||||
|
||||
<p class="lead fs-4">
|
||||
<strong>FOLLIOW</strong> est un réseau social dédié aux portfolios numériques.
|
||||
</p>
|
||||
|
||||
<p class="fs-5">
|
||||
La plateforme permet à chacun de créer un profil personnalisé, de mettre en avant ses projets
|
||||
et de valoriser ses compétences à travers une présentation claire et professionnelle.
|
||||
</p>
|
||||
|
||||
<p class="fs-5">
|
||||
Les recruteurs et visiteurs peuvent rechercher des profils, consulter les réalisations
|
||||
et prendre contact avec les utilisateurs qui les intéressent.
|
||||
</p>
|
||||
|
||||
<p class="fs-5">
|
||||
Ce projet a été développé dans un cadre pédagogique afin de concevoir une application web
|
||||
complète simulant un environnement professionnel réel.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- FONCTIONNALITÉS -->
|
||||
<div class="mb-5">
|
||||
<h3 class="h4 mb-3">
|
||||
<i class="bi bi-gear me-2 text-primary"></i>
|
||||
Fonctionnalités principales
|
||||
</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<ul class="list-unstyled fs-5">
|
||||
<li class="mb-2">
|
||||
<i class="bi bi-check-circle text-success me-2"></i>
|
||||
Création et gestion de projets
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<i class="bi bi-check-circle text-success me-2"></i>
|
||||
Affichage dynamique des contenus
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<i class="bi bi-check-circle text-success me-2"></i>
|
||||
Gestion des utilisateurs
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<ul class="list-unstyled fs-5">
|
||||
<li class="mb-2">
|
||||
<i class="bi bi-check-circle text-success me-2"></i>
|
||||
Partage d’un projet par email
|
||||
</li>
|
||||
<li class="mb-2">
|
||||
<i class="bi bi-check-circle text-success me-2"></i>
|
||||
Interface responsive et accessible
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- OBJECTIFS -->
|
||||
<div class="mb-5">
|
||||
<h3 class="h4 mb-3">
|
||||
<i class="bi bi-bullseye me-2 text-primary"></i>
|
||||
Objectifs pédagogiques
|
||||
</h3>
|
||||
|
||||
<p class="fs-5">
|
||||
L’objectif principal de FOLLIOW est de démontrer la capacité à concevoir
|
||||
une application web complète, structurée et sécurisée.
|
||||
</p>
|
||||
|
||||
<ul class="fs-5">
|
||||
<li>Structuration d’un projet en architecture MVC</li>
|
||||
<li>Manipulation de bases de données relationnelles</li>
|
||||
<li>Validation et sécurisation des données</li>
|
||||
<li>Implémentation d’un système d’envoi d’emails</li>
|
||||
<li>Respect des bonnes pratiques (RGPD, accessibilité, organisation du code)</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- TECHNOLOGIES -->
|
||||
<div>
|
||||
<h3 class="h4 mb-4">
|
||||
<i class="bi bi-code-slash me-2 text-primary"></i>
|
||||
Technologies utilisées
|
||||
</h3>
|
||||
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="border rounded p-3 h-100">
|
||||
<strong class="fs-5">Backend</strong>
|
||||
<p class="small text-muted mb-0">
|
||||
PHP orienté objet – Architecture MVC – MySQL
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="border rounded p-3 h-100">
|
||||
<strong class="fs-5">Frontend</strong>
|
||||
<p class="small text-muted mb-0">
|
||||
HTML5 – CSS3 – Bootstrap – Smarty
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="border rounded p-3 h-100">
|
||||
<strong class="fs-5">Emails</strong>
|
||||
<p class="small text-muted mb-0">
|
||||
PHPMailer – SMTP – Brevo
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="border rounded p-3 h-100">
|
||||
<strong class="fs-5">Sécurité</strong>
|
||||
<p class="small text-muted mb-0">
|
||||
Validation des données – Protection des formulaires – Gestion des sessions
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- SIDEBAR -->
|
||||
<div class="col-lg-4">
|
||||
|
||||
<div class="sticky-top" style="top: 90px;">
|
||||
|
||||
<div class="border rounded p-4 mb-4">
|
||||
<h4 class="h5 mb-3">
|
||||
<i class="bi bi-mortarboard me-2 text-primary"></i>
|
||||
Projet pédagogique
|
||||
</h4>
|
||||
|
||||
<p class="fs-5 mb-0">
|
||||
FOLLIOW a été développé dans le cadre du module PROJET WEB 2,
|
||||
consacré à la conception d’une application web dynamique en PHP orienté objet (architecture MVC),
|
||||
au sein d’une formation en Développement Web et Web Mobile à CCI Campus Colmar.
|
||||
Il s’agit d’une plateforme démonstrative réalisée à des fins pédagogiques.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="border rounded p-4">
|
||||
<h4 class="h5 mb-3">
|
||||
<i class="bi bi-envelope me-2 text-primary"></i>
|
||||
Contact
|
||||
</h4>
|
||||
|
||||
<p class="fs-5 mb-2">
|
||||
Pour toute question :
|
||||
</p>
|
||||
|
||||
<a href="mailto:projet.folliow@hotmail.com" class="fs-5 text-decoration-none">
|
||||
projet.folliow@hotmail.com
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
{/block}
|
||||
Loading…
Add table
Add a link
Reference in a new issue