Stage ARGITIK — Annaëlle Champiau

Contexte de l'entreprise

Télétravail intégral — Bidarray, 64780

ARGITIK est une entreprise basée à Bidarray (Pyrénées-Atlantiques, Pays Basque) dont l'adresse est 295 Mendiburuko Bidea, 64780 Bidarray. La mission portait sur des services numériques : développement web et prise de rendez-vous en ligne.

La mission confiée portait sur la conception d'un site web de prise de rendez-vous sous forme de formulaire de contact en architecture MVC DAO, avec envoi automatique via PHPMailer et base de données MySQL. Le site comprend les pages : Accueil, Réservation, Prestations, À Propos et Contact.

Le stage s'est déroulé en télétravail en collaboration avec un binôme, avec des visios hebdomadaires avec le tuteur, en utilisant GitHub Codespace comme environnement de développement partagé.

ARGITIK

Services numériques — Bidarray, 64780

SecteurServices numériques

ModalitéTélétravail · Binôme

LivrableSite RDV · PHP MVC DAO

StackPHP · DAO · PHPMailer

HébergeurAlwaysData (SSH/FTP)

Durée5 jan → 13 fév 2026

Développement web MVC DAO

Mission & Problématique

"ARGITIK a besoin d'un site web permettant à ses clients de prendre rendez-vous en ligne. Comment concevoir et développer un site en PHP MVC DAO avec formulaire de contact, base de données MySQL, envoi automatique via PHPMailer, respect du RGPD (politique de confidentialité, mentions légales, CGU), et déployé sur AlwaysData en SSH/FTP ?"

Architecture de la solution

Visuels du projet

Visuel de la fonctionnalité d'envoi de mail

Fonctionnalité Mail — Rendu visuel

Aperçu du formulaire de contact et de la confirmation d'envoi vers la boîte Outlook ARGITIK.

Diagramme Entité-Association

Modélisation de la base de données du projet ARGITIK réalisée avec draw.io.

Documents & livrables

Cahier des charges complet Charte graphique ARGITIK

Outils & Technologies

HTML5

Structure sémantique du site vitrine : pages, sections, formulaire de contact avec attributs de validation natifs.

CSS3

Mise en page responsive, animations, variables CSS. Design adapté à l'identité visuelle d'ARGITIK et compatible mobile.

PHP · MVC DAO

Architecture MVC avec couche DAO pour l'accès à la base de données MySQL. Traitement des formulaires, validation et sécurisation des entrées côté serveur.

PHPMailer · MailDev

Bibliothèque PHPMailer pour l'envoi automatique des demandes de RDV par e-mail. Testé en local avec MailDev avant mise en production sur AlwaysData.

GitHub Codespace · Docker

Environnement de développement partagé via GitHub Codespace avec Docker, pour la collaboration à distance avec le binôme et la configuration des ports site/BDD.

AlwaysData

Hébergeur retenu pour le déploiement final. Accès SSH et FTP pour transférer les fichiers et configurer l'environnement de production du site.

Exemple — Script PHP (MVC DAO · PHPMailer)

PHP · Traitement formulaire de contact · envoi via PHPMailer

<?php
// Traitement du formulaire de contact — envoi vers Outlook

if ($_SERVER['REQUEST_METHOD'] === 'POST') {

  // Sécurisation des entrées
  $nom    = htmlspecialchars(strip_tags(trim($_POST['nom'])));
  $email  = filter_var(trim($_POST['email']), FILTER_SANITIZE_EMAIL);
  $sujet  = htmlspecialchars(strip_tags(trim($_POST['sujet'])));
  $message= htmlspecialchars(strip_tags(trim($_POST['message'])));

  // Validation
  if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
    $erreur = "Adresse e-mail invalide.";
  } elseif (empty($nom) || empty($message)) {
    $erreur = "Tous les champs sont requis.";
  } else {
    // Construction du message
    $destinataire = "contact@argitik.fr";
    $en_tete  = "From: $nom <$email>\r\n";
    $en_tete .= "Reply-To: $email\r\n";
    $en_tete .= "Content-Type: text/plain; charset=UTF-8\r\n";

    $corps = "Nouveau message de : $nom\n"
           . "E-mail : $email\n\n"
           . "$message";

    // Envoi via fonction mail() configurée SMTP (php.ini)
    if (mail($destinataire, $sujet, $corps, $en_tete)) {
      $succes = "Message envoyé avec succès !";
    }
  }
}
?>
    

Démonstration — Envoi du formulaire

Démonstration de la fonctionnalité d'envoi de formulaire de contact : saisie des données, traitement PHP côté serveur et réception automatique de l'e-mail dans la boîte Outlook ARGITIK.

Déroulement du stage

S1

Semaine 1 — 5 au 9 janvier 2026

Analyse du besoin & maquettage Canva

Communication avec le tuteur pour récupérer la charte graphique. Conception des maquettes des pages (Accueil, Réservation ×2, Contact) avec Canva, en respectant la charte graphique existante et en proposant plusieurs solutions. Configuration de l'environnement GitHub avec Docker (ports site et base de données). Présentation des maquettes en visio vendredi (partage d'écran, Q&R avec le tuteur).

S2

Semaine 2 — 12 au 16 janvier 2026

GitHub Codespace, BDD & architecture MVC DAO

Finalisation de la configuration GitHub Codespace et partage avec le binôme. Conception du diagramme entité-association et des premières requêtes SQL. Listing des dangers de sécurité (RGPD, cybersécurité). Développement des pages À Propos et Prestations (frontend et backend) avec architecture MVC DAO et base de données fonctionnelle. Début du formulaire de contact. Visio vendredi pour retours tuteur.

S3

Semaine 3 — 19 au 23 janvier 2026

PHPMailer, MailDev & corrections MVC DAO

Amélioration des sections À Propos, Contact et Prestations selon les retours tuteur. Intégration de PHPMailer pour l'envoi des données du formulaire par e-mail. Test en local avec MailDev. Correction des erreurs MVC DAO sur la partie contact. Finalisation du formulaire avec message de confirmation d'envoi. Visio vendredi 15h pour présentation du site complet fonctionnel.

S4

Semaine 4 — 26 au 30 janvier 2026

Implémentation complète MVC DAO & envoi mail

Mise en place complète des fichiers et dossiers en architecture MVC DAO. Finalisation de la fonctionnalité d'envoi par mail dans la partie du binôme. Correction des erreurs lors de l'implémentation. Correction de la demande client suite à retours visio. Adaptation de certains fichiers et méthodes pour s'adapter à la méthode MVC DAO. Visio 18h30 pour présenter le résultat.

S5

Semaine 5 — 2 au 6 février 2026

Déploiement sur AlwaysData (SSH/FTP)

Améliorations et corrections d'erreurs sur le site web. Recherche et sélection de l'hébergeur adapté à la fonctionnalité d'envoi de mail. Test du site en ligne sur AlwaysData via SSH et FTP. Deux visios avec le tuteur (mercredi 4 fév. 18h, jeudi 5 fév. 17h30) pour valider le déploiement et ajuster les objectifs.

S6

Semaine 6 — 9 au 13 février 2026

Correctifs finaux, pages légales RGPD & livraison

Correctifs des dernières erreurs. Vérification du bon fonctionnement du site et de l'absence de failles. Ajout des pages importantes : politique de confidentialité, mentions légales, CGU. Ajout des informations utilisateurs sur le site. Visio de validation finale avec le tuteur. Envoi des fichiers et versionnement sous forme de branches. Livraison finale du projet.

Résultats & Apprentissages

MVC

Architecture MVC DAO déployée

PHP

PHPMailer + formulaire RDV fonctionnel

RGPD

Pages légales (CGU, ML, politique confidentialité)

Ce stage m'a permis de mener un projet web de bout en bout — du recueil du besoin à la livraison finale — en télétravail en binôme. J'ai mis en pratique l'architecture MVC DAO avec PHP et MySQL, intégré PHPMailer pour l'envoi automatisé, et déployé le site sur AlwaysData en SSH/FTP.

J'ai également appris à travailler en collaboration avec un binôme via GitHub Codespace, à respecter les obligations légales (RGPD, mentions légales, CGU), et à gérer les points réguliers avec le tuteur pour valider chaque livrable et ajuster le cahier des charges.

Compétences BTS SIO validées

B2.1 Conception et développement d'une solution applicative PHP MVC DAO

B2.2 Maintenance corrective et évolutive : corrections, tests, améliorations

B2.3 Gestion des données : conception BDD (entité-association), requêtes SQL

B3.5 Cybersécurisation : listing des failles, protection OWASP, RGPD

A1.3 Développement de la présence en ligne (CGU, ML, politique confidentialité)

A1.5 Déploiement sur AlwaysData (SSH/FTP), tests d'intégration et d'acceptation

A1.4 Travail en mode projet : visios tuteur, binôme, ajustement cahier des charges

A1.6 Développement professionnel : mise en place GitHub Codespace / Docker