Projet

Nos Projets

Projet 1 : Conception d’un site web WordPress

Cahier des charges :

Concevoir un site web qui sera composé de :
Un onglet « Accueil » ⇒ présentation du BTS SIO SLAM, liens, photos,
Un onglet « CV » ⇒ CV en HTML/CSS, CV téléchargeable en version PDF,
Un onglet « ÉCOLE » ⇒ présentation du CFA INSTA, lien du site, photos,
Un onglet « Entreprise » ⇒ présentation de l’entreprise, lien du site, photos,
Un onglet « Cours » ⇒ premier chapitre + série d’exercices + corrections,
Un onglet « Contact » ⇒ formulaire de contact (nom, prénom, e-mail, sujet, bouton envoyer).

Spécifications :

Utiliser « TRELLO » ⇒ gestion du projet (tâches),
Utiliser un « diagramme de Gantt » ⇒ gestion du temps,
Utiliser le Adobe XD pour la maquette et CMS WordPress pour la réalisation,
Utiliser un Server local (type Wamp), ou hébergement web (type OVH),
Créer un PowerPoint de présentation.

Accueil du site
Onglet contact

Projet 2 : Rajout de spécifications dans le cahier des charges

Amélioration de l’onglet Cours:

– Inclusion des traductions des algorithmes en C avec les fichiers exécutables téléchargeables, 
– Inclusion des programmes en PHP exécutables directement sur la page.

Ajout de l’onglet Veille Technologique:

Ajout de l’onglet veille technologique :

– Choisir un thème,
– Établir une veille sur le thème,
– Afficher les articles consultés sur le site et intégrer un Flux RSS.

Ajout de l’onglet Veille Juridique:

Ajout de l’onglet veille Juridique :

– Choisir un thème,
– Établir une veille sur le thème,
– Afficher les articles consultés sur le site et intégrer un Flux RSS.

Page Veille
Page Veille Juridique

Projet 3 : virtualisation et Création d'une plateforme technologique

Installation de la plateforme technologique :

– Virtualisation (VM ou VB)

– Installation des VM : 

      • Linux Serveur Web (Apache2, PHP),
      • Linux Serveur SGBD (MySQL, SSH),
      • Windows Server (AD, DNS, DHCP),
      • Client W10 intégré au domaine du serveur.

– Installer sur le serveur Web le portfolio,

– Installer sur le serveur SGBD la base de donnée de WP.

Réalisation d’une veille sur la Virtualisation :
    • Qu’est-ce-que c’est?
    • Comment cela fonctionne-t-il ?
    • Types de virtualisations
    • Ses avantages … etc.
Réalisation d’un tutoriel sur la Virtualisation :
    • Installation de l’hyperviseur et de l’OS choisi,
    • Installation de Apache2 / PHP / MySQL,
    • Installation WordPress à partir du terminal de l’OS ,
    • Importer son site sur WordPress.
Veille sur la Virtualisation
Tutoriel sur la Virtualisation

Projet 4 : Création d'un site de gestion de BASE DE DONNÉES (PHP/MySQL)

Le site Garage a été réalisé dans le cadre d’un travail dirigé à la fin d’un chapitre de cours sur PHP et la gestion des Bases de données avec MySQL. Le projet consistait à créer un site qui permet la gestion d’un garage.

  • Pour se faire, nous devions utiliser les langages PHP, JS, HTML5 et CSS3, le Framework Bootstrap, et l’SGBD MySQL.
  • Nous devions inclure quatre tables Client, Véhicule, Technicien, et Intervention
  • Le site devait permettre une connexion / déconnexion avec des rôles (User et Admin)
  • Le site devait avoir un menu de navigation avec les onglets Home, Client, Véhicule, Technicien, Intervention
  • Enfin, il devait également avoir un pied de page avec des informations utiles et des contacts,
  • Il devait permettre les actions usuelles sur les tables : Ajouter, Lister, Supprimer, Modifier
Site A.AKILAL, Page Connexion
Site A.AKILAL, Page Accueil
Site A.AKILAL, Page Client
Site D.LEVY, Page Connexion
Site D.LEVY, Page Accueil
Site D.LEVY, Page Client

Projet 5 : Création d'un site de gestion de BASE DE DONNÉES (PHP/MySQL)

Choisir un projet parmi les suivants :

1- Gestion de la vaccination avec les tables : personnes, centre de vaccination, vaccin, vaccination
2 Gestion des pilotes d’Air France : pilote, avion , vol, aéroport
3- Gestion de location des véhicules dans un comité d’entreprise : cadre salarié, service véhicule location
4- Gestion scolarité CFA : Etudiant, classe, professeur, matière.

Chaque site doit avoir :

1- une connexion / déconnexion avec des rôles
2- les actions usuelles sur les tables : ajouter, lister, supprime, modifier
3- une barre de menu et pied de page.

Taches et Outils à  utiliser:

– Conception de la maquettes avec Adobe xD
– Architecture du site (Xmind)
– Charte graphique
– Gestion de projet (Trello et gantt)

Présentation:

– Contexte
– Objectifs
– Périmètre du site (public cible, activités)
– Bilan (problèmes rencontrés et compétences acquises)

  •  
Site CFA INSTA, Page Connexion
Site CFA INSTA, Page Accueil
Site CFA INSTA, Page Client

Projet 6 : Création d'un site e-commerce avec le CMS Prestashop

Choisir un projet parmi les suivants :

– Un site e-commerce, une boutique de vente d’objets
– Un site de présentation des services et / ou la vente de services
– Un site d’interventions auprès des clients
– Un site de troc d’objets
– Un site de partage de souvenirs
– Etc

Chaque site doit intégrer les modules suivants :

– La connexion des utilisateurs
– Un carrousel d’images au milieu de la page
– Le paiement par Paypal (ou autre système)
– La gestion des produits (ou objets ou services) via des images ou vidéos.
– Le classement de produits par catégorie
– Le système de commentaires et de notation
– Un module de statistiques
– Une news Lettre
– Un hébergement en ligne via IONOS
– Implémenter des critères de recherche et de sélection des produits

Spécifications fonctionnelles :

– Pour chaque produit mis en vente, définir les caractéristiques réelles avec des photos de bonne qualité.
– Intégrer un paiement via un système hors banque : PayPal ou Strip (créer des comptes professionnels pour le site internet et réaliser de réels paiements.)
– Gestion de projet (Trello et gantt)

Livrables:

– Une présentation PPT du projet (conception, gestion de projet et réalisation)
– Contexte
– Charte graphique (couleurs et polices)
– Maquette du site (Adobe XD ou Figma)
– Architecture des pages (Xmind)
– Gestion de projet : Trello et Gantt
– Problèmes rencontrés
– Compétences acquises
– Un site fonctionnel.

Site ÉlÉGANCE Page Accueil
Site ÉlÉGANCE Page Caégorie Costumes
Site ÉlÉGANCE Page Catégorie Chemises