ajout modif besnik du 4 mars
Some checks are pending
Deploy production (servyass) / deploy (push) Waiting to run
Some checks are pending
Deploy production (servyass) / deploy (push) Waiting to run
This commit is contained in:
Yasder5
parent
0f70b82e4b
commit
2cb4def949
5 changed files with 220 additions and 157 deletions
205
views/about.tpl
205
views/about.tpl
|
|
@ -8,151 +8,190 @@
|
|||
{block name="content"}
|
||||
|
||||
<section aria-label="À propos de FOLLIOW">
|
||||
|
||||
<div class="row g-5">
|
||||
|
||||
<!-- CONTENU PRINCIPAL -->
|
||||
<div class="col-lg-8">
|
||||
|
||||
<section aria-labelledby="presentation">
|
||||
<h3 id="presentation" class="h4 mb-3">
|
||||
<i class="fas fa-lightbulb me-2 text-primary"></i>
|
||||
<!-- 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>
|
||||
<strong>FOLLIOW</strong> est une plateforme web développée dans le cadre d’un projet pédagogique.
|
||||
Elle permet aux utilisateurs de publier, consulter et partager des projets numériques
|
||||
à travers une interface simple et structurée.
|
||||
<p class="lead fs-4">
|
||||
<strong>FOLLIOW</strong> est un réseau social dédié aux portfolios numériques.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Ce projet a été conçu afin de mettre en pratique les compétences acquises en
|
||||
développement web, notamment l’architecture MVC, la gestion des bases de données
|
||||
et la sécurisation des échanges.
|
||||
<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>
|
||||
</section>
|
||||
|
||||
<section aria-labelledby="fonctionnalites" class="mt-4">
|
||||
<h3 id="fonctionnalites" class="h4 mb-3">
|
||||
<i class="fas fa-cogs me-2 text-primary"></i>
|
||||
<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>
|
||||
|
||||
<ul>
|
||||
<li>Création et gestion de projets</li>
|
||||
<li>Affichage dynamique des contenus</li>
|
||||
<li>Gestion des utilisateurs</li>
|
||||
<li>Partage d’un projet par email</li>
|
||||
<li>Interface responsive et accessible</li>
|
||||
</ul>
|
||||
</section>
|
||||
<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>
|
||||
|
||||
<section aria-labelledby="objectifs" class="mt-4">
|
||||
<h3 id="objectifs" class="h4 mb-3">
|
||||
<i class="fas fa-bullseye me-2 text-primary"></i>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<section aria-labelledby="technologies" class="mt-4">
|
||||
<h3 id="technologies" class="h4 mb-3">
|
||||
<i class="fas fa-code me-2 text-primary"></i>
|
||||
<!-- 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-3">
|
||||
<div class="row g-4">
|
||||
|
||||
<div class="col-md-6">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<strong>Backend</strong>
|
||||
<p class="small mb-0">
|
||||
PHP orienté objet – Architecture MVC – MySQL
|
||||
</p>
|
||||
</div>
|
||||
<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="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<strong>Frontend</strong>
|
||||
<p class="small mb-0">
|
||||
HTML5 – CSS3 – Bootstrap – Smarty
|
||||
</p>
|
||||
</div>
|
||||
<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="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<strong>Emails</strong>
|
||||
<p class="small mb-0">
|
||||
PHPMailer – SMTP – Brevo
|
||||
</p>
|
||||
</div>
|
||||
<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="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body">
|
||||
<strong>Sécurité</strong>
|
||||
<p class="small mb-0">
|
||||
Validation des données – Protection des formulaires – Gestion des sessions
|
||||
</p>
|
||||
</div>
|
||||
<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>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Sidebar -->
|
||||
<!-- SIDEBAR -->
|
||||
<div class="col-lg-4">
|
||||
<div class="card shadow-sm p-4">
|
||||
|
||||
<h4 class="h5 mb-3">
|
||||
<i class="fas fa-graduation-cap me-2 text-primary"></i>
|
||||
Projet pédagogique
|
||||
</h4>
|
||||
<div class="sticky-top" style="top: 90px;">
|
||||
|
||||
<p class="small">
|
||||
FOLLIOW a été réalisé dans le cadre d’une formation en développement web.
|
||||
Il s’agit d’un projet démonstratif à visée éducative.
|
||||
</p>
|
||||
<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>
|
||||
|
||||
<hr>
|
||||
<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>
|
||||
|
||||
<h4 class="h5 mb-3">
|
||||
<i class="fas fa-envelope me-2 text-primary"></i>
|
||||
Contact
|
||||
</h4>
|
||||
<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="small mb-1">
|
||||
Pour toute question :
|
||||
</p>
|
||||
<p class="fs-5 mb-2">
|
||||
Pour toute question :
|
||||
</p>
|
||||
|
||||
<a href="mailto:projet.folliow@hotmail.com" class="small">
|
||||
projet.folliow@hotmail.com
|
||||
</a>
|
||||
<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