FILELEC FILELEC – Documentation technique Présenter par OUPHO Christian, SIMON Pierre, ZERRAI Sami 1 FILELEC SOMMAIRE Introduction............................................................ 3 Descriptif générale du produit ............................... 4 Mission ................................................................ 4 Constituants fonctionnels et matériels ................ 4 Explication du fonctionnement ............................ 4 Analyse et conception ........................................... 5 Cas d’utilisations ................................................. 5 MCD .................................................................... 5 Spécificités techniques........................................ 7 Développement ..................................................... 7 Informations générales........................................ 8 Annexes ................................................................ 9 Annexes .............................................................. 9 2 FILELEC Introduction Le dossier technique présenté ci-après a pour but de fournir à l'entreprise Filelec, les informations techniques nécessaires à la compréhension du fonctionnement de l'application en vue de son utilisation, sa maintenance et mise à jour ultérieure. Le dossier sera décomposé en plusieurs parties, vous trouverez en fin de dossier les annexes. Veuillez noter que les cas d'utilisations son non-exhaustifs. 3 FILELEC Descriptif générale du produit Mission La mission principale de l'application web a pour but d'automatiser certains aspects de l'entreprise tout en améliorant l'apparence du catalogue au sein de l’entreprise. L'application web permet donc aux potentiels clients d'accéder à la liste des produits mis à disposition par Filelec. Le projet a été initié fin 2016 et suivi par OUPHO Christian, SIMON Pierre et ZERRAI Sami. Constituants fonctionnels et matériels L'application web requiert au minimum : - Un serveur virtualisé Linux (Debian ou autre) - Serveur HTTP (Apache ou autre) - Base de données MySQL (MySQL) Explication du fonctionnement L'application est une application type web développé sous plusieurs langages, HTML pour la présentation des vues pour l'utilisateur, PHP pour la gestion côté serveur (notamment pour la communication site | base de données), CSS pour la mise en forme et l'aspect visuel des pages, JavaScript pour l'affichage et le traitement données dynamiques, MySQL pour la gestion de base de données. L'application utilise aussi plusieurs frameworks notamment Boostrap qui est un framework CSS qui inclut un nombre conséquent de styles qui facilite le développement des interfaces de l'application web et jQuery lui est un framework JavaScript qui facilite l'inclusion d'animations. 4 FILELEC Analyse et conception Cas d’utilisations 5 FILELEC MCD 6 FILELEC Spécificités techniques Architecture MVC L'application web tourne sous un serveur HTTP. Toute l'application a été développé sous une architecture MVC qui veut dire Model View Controller en Anglais et Modèle Vue Contrôleur en Français. En utilisant une architecture dite MVC, l'utilisateur ne reste réellement que sur l'index (index.php) qui est appelé le dispatcheur, de plus, avec une architecture MVC, les modifications sur certaines pages (vues, modèles et contrôleurs) n'empêchent pas les autres pages de fonctionner. À condition que le contrôleur et le modèle principale (les autres contrôleurs et modèles héritent d'eux) ne soit pas affectés, auquel cas, tout le site cesse de fonctionner. Schéma MVC : 7 FILELEC Développement Informations générales Outils utilisés Plusieurs outils ont été utilisés pendant le développement, GitHub a été utilisé en tant qu'outil de versioning. Les outils de versioning permettent d'avoir une vue sur les modifications effectuées par les différents développeurs en charge du projet, GitHub est un outil libre et gratuit, avec une communauté de plus de 9 millions d'utilisateurs, c'est l'un des plus utilisé. Brackets est un éditeur open source pour le web design et le développement sur des technologies Web telles que HTML, CSS et JavaScript. Le projet a été créé et est maintenu par Adobe, et est publié sous une licence MIT. 8 FILELEC Annexes Annexes 9