Master 1 : AIGLE Travail d'étude et de recherche

Transcription

1 Université Montpellier 2 Sciences et Techniques - France. Master 1 : AIGLE Travail d'étude et de recherche Application web pour gestion et hébergement de fichiers Réalisé par : EL BOUHADI Mohammed Encadré par : Pr. Mathieu Lafourcade Année Universitaire :

2 Remerciement Avant de commencer la présentation de notre modeste Projet que nous avions réalisé durant notre TER, nous profitons de cette occasion pour exprimer nos vifs remerciements à notre encadrant pédagogique Pr. Mathieu Lafourcade pour son soutien, sa disponibilité, ses précieux conseils et ses efforts qui nous ont permis de réaliser ce travail. Enfin, nous voudrions témoigner notre gratitude à tous nos professeurs de Master Informatique pour leur accueil et mise à disposition à notre faveur du maximum possible d informations et de formation. 2

3 Dédicaces Avec les sentiments les plus sincères, nous tenons à dédier ce travail à : Nos chers parents, source du sacrifice, la générosité, l amour, la patience, et le bon esprit. Nos sœurs et frères, signe de soutien moral et d aide au quotidien. Nos amis qui avec eux, nous avons partagé des moments de travail et de bonheur. Nos professeurs drapeau de la deuxième parenté, qui nous ont donné le plus possible de leur temps et de ce que nous devrons savoir. Tous ceux qui ont contribué de près ou de loin à notre formation et à la réalisation de ce modeste travail. 3

4 Sommaire Introduction...5 Chapitre1 : Dossier d'analyse Présentation du Projet Répartition des lectures et des rôles/tâches dans le groupe Diagramme de GANT...7 Chapitre 2 : Dossier de conception Modélisation UML...7 a. Qu'est-ce que UML?...7 b. Choix d UML Diagrammes UML...8 a. Diagramme de cas d utilisation...8 a. Diagramme de classe...9 Chapitre 3 : Dossier de Développement Langages et Outils utilisés Langages a. UML b. SQL Outils a. Visual Paradigm for UML b. MySQL c. Adobe Photoshop d. Microsoft Office Word Composants Interfaces Conclusion Références

5 Introduction Dans le cadre de nos études pour obtenir le Master 1 AIGLE et à défaut pour approfondir nos connaissances dans le domaine d informatique, notre Faculté des Sciences et Techniques propose un TER obligatoire pour les étudiants de la première année de Master. Ce TER a pour but de mettre en pratique les connaissances théoriques de l étudiant afin de gagner en expérience et avoir une formation de bon niveau, d inculquer à l étudiant la responsabilité, la discipline, le savoir-être et le savoir-faire dans le monde professionnel. En effet la mission qui nous a été confiée durant notre TER concerne l élaboration d une «Application web pour gestion et hébergement de fichiers». Le présent rapport est composé, en fait, de trois chapitres articulés comme suit : Le première chapitre explicite, en premier lieu, les objectifs et le cadre de notre TER ainsi que la spécification des besoins notamment fonctionnels et techniques et en second lieu une présentation des démarches à suivre. Le deuxième chapitre détaille la conception du système, qui présente les diagrammes UML et la définition de la structure de la base de données. Enfin, dans le troisième et dernier chapitre nous allons détailler les différentes configurations nécessaires à la création du projet (Outil de développement, langage de programmation et SGBD utilisé) et présenter les différentes interfaces de l application et ses fonctionnements. 5

6 Chapitre1 : Dossier d'analyse 1.1. Présentation du Projet Dans le cadre de notre TER nous avons choisit «Application web pour gestion et hébergement de fichiers» comme sujet de travail. L objectif de ce TER est de créer une application web permettant de gérer/héberger des vidéos, images. Le site propose ainsi de l écoute de la musique sur sa page d accueil. L idée c est de créer aussi un réseau social interne pour pouvoir partagés ces ressources mais aussi de pouvoir laisser des commentaires et des notations. Chaque utilisateur peut s authentifier et s inscrire. Une fois l utilisateur est connecté sur la page et il peut y accéder au ressources supplémentaires, laisser des commentaires ainsi que des notations. Cette application peut être utile concernant l'échange d'informations. On pourrait éventuellement partager d'autres types de fichier tels que des pdf ou autres. Elle permet de créer un environnement de loisir, de compétition et d échanges entre les étudiants en informatique Répartition des lectures et des rôles/tâches dans le groupe 6

7 1.3. Diagramme de GANT Chapitre 2 : Dossier de conception 2.1. Modélisation UML a. Qu'est-ce que UML? UML (Unified Modeling Langage, en français : «Langage de Modélisation Unifié») est une notation permettant de modéliser un problème de façon standard. Ce langage est né de la fusion de plusieurs méthodes existant auparavant, et est devenu désormais la référence en termes de modélisation objet. Il est apparu dans le monde du génie logiciel, dans le cadre de la «conception orientée objet». Couramment utilisé dans les projets logiciels, il peut être appliqué à toutes sortes de systèmes et il ne se limite pas au domaine informatique. b. Choix d UML Durant notre phase de modélisation, nous avons adopté le langage UML et nous nous intéressons uniquement aux «Cinque diagrammes» les plus importants qui sont : le diagramme de cas d utilisation, le diagramme de classe, le diagramme de séquence, le diagramme d état et enfin le diagramme d activité. 7

8 Nous l avons choisit tout simplement parce que la majorité des nouveaux projets industriels utilisent la notation UML. Pour convaincre les récalcitrants, nous pourrions citer le nom des entreprises appartenant au consortium ayant mis en place UML : DEC, HP, IBM, Microsoft, Oracle et Unisys pour parler des plus connues. Tous les cursus universitaires informatiques, qu ils soient théoriques ou techniques, incluent l étude d UML Diagrammes UML a. Diagramme de cas d utilisation Les diagrammes de cas-utilisation (use-case) sont des diagrammes UML utilisées pour donner une vision globale du comportement fonctionnel d un système logiciel. Un cas d utilisation représente une unité discrète d interaction entre un utilisateur (humain ou machine) et un système. Il est considéré comme une unité significative de travail. Dans un diagramme de cas-utilisation, les utilisateurs sont souvent appelés des acteurs, ces derniers interagissent avec les cas-utilisation. 1 Selon Christian Soutou et Frédéric Brouard, UML2 pour les bases de données, Eyrolles 2012, 322 pages. 8

9 a. Diagramme de classe Le diagramme de classe constitue un élément très important de modélisation, il permet de définir quelle seront les composants du système final, le diagramme de classe permet de structurer le travail de développement de manière très efficace et de représenter la structure statique du système sous la forme de classes et de relations entre ces classes. 9

10 Chapitre 3 : Dossier de Développement 3.1. Langages et Outils utilisés Langages a. UML UML se définit comme un langage de modélisation graphique et textuel destiné à comprendre et décrire des besoins, spécifier et documenter des systèmes, esquisser des architectures logicielles, concevoir des solutions et communiquer des points de vue. b. SQL SQL (sigle de Structured Query Language) est un langage informatique normalisé qui sert à effectuer des opérations sur des bases de données. La partie langage de manipulation de données de SQL permet de rechercher, d'ajouter, de modifier ou de supprimer des données dans les bases de données Outils a. Visual Paradigm for UML Visual Paradigm for UML (VP-UML) est un outil de conception UML et UML conçu pour l'aide au développement de logiciels. VP-UML supporte les normes clés de l'industrie telles qu Unified Modeling Language (UML), SysML, BPMN, XMI, etc. Il offre une gamme complète d'outils logiciels de développement des équipes pour les besoins de capture, de logiciel de planification, de la planification des tests, de la modélisation de classe, de la modélisation des données, etc. b. MySQL Le logiciel MySQL est un serveur base de données SQL, très rapide, multithread, multi utilisateurs et robuste. Le serveur MySQL est destiné aux missions stratégiques ainsi qu à l intégration dans des logiciels déployés à grande échelle, MySQL est une marque déposée de MySQL AB, il dispose de deux licences, les utilisateurs peuvent choisir entre utiliser MySQL comme un logiciel open source, ou bien ils peuvent acheter une licence commerciale auprès de MySQL AB 3. MySQL est un système de gestion de bases de données. 2 Pour plus d informations, consulter le lien suivant : 3 Cette information via ce site ( 10

11 MySQL est un serveur de bases de données relationnel. MySQL est Open Source. Les caractéristiques techniques du serveur MySQL Le logiciel de bases de données MySQL est un système client/serveur, constitué d'un serveur SQL multithread qui supporte différents systèmes de stockage, plusieurs logiciels clients et librairies, outils d'administration. Nous avons choisit MySQL grâce à sa popularité dont le plus populaire des serveurs de bases de données SQL open source, ses fonctionnalités de plus en plus riches, ses performances, son ouverture à tous les principaux langages du marché, son fonctionnement sur les systèmes les plus courants (les distributions classiques de Linux, Windows, Mac OS, BSD, Novell et les dérivés d Unix) et de sa facilité d utilisation pour des applications de taille moyenne 4. c. Adobe Photoshop Photoshop est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité par Adobe. Il est principalement utilisé pour le traitement de photographies numériques, mais sert également à la création d images ex nihilo 5. Nous avons utilisé Photoshop pour créer des logos, des icones, des boutons et des interfaces simples afin de les établir dans notre application. d. Microsoft Office Word Microsoft Office Word est un logiciel de traitement de texte. Il est considéré comme le programme central de Microsoft Office. Il domine le marché du logiciel de traitement de texte. Nous l avons utilisé dans le but de mener notre projet de rapport d une manière très professionnelle. 4 Ça dépend de livre Apprendre SQL avec MySQL : Christian Soutou 5 Ex nihilo signifie «à partir de rien». 11

12 3.2. Composants Caractéristiques des Vidéos Réglages personnalisés pour la vidéo : Chemin du serveur (RTMP) : Utilisé pour enregistrer la vidéo et la lecture recodé (Streaming) à partir de ce serveur. Échelle du Joueur: Utilisé pour fixer la largeur et la hauteur du joueur. Echelle de Recorder : Utilisé pour fixer la largeur et de la hauteur enregistreur. Durée maximum : Durée maximale d'enregistrement des commentaires vidéo. Ajout de vidéos à travers la méthode de chargement: Quatre domaines seront visibles lorsqu Upload est sélectionné. 1) Si vous voulez donner aux utilisateurs la possibilité de basculer entre les vidéos HD et non HD, vous devez télécharger deux formats de vidéos. 2) Si vous ne voulez pas donner aux utilisateurs un choix, alors vous pouvez télécharger l'un quelconque des vidéo HD ou Non HD. Laisser le deuxième champ "Upload Video HD (en option)" en tant que blanc. 3) Après le téléchargement des vidéos, vous pouvez aussi avoir des options pouce image et de l à télécharger pour les vidéos correspondantes. 4) En dessous, il ya la section des infos sur la vidéo où vous pouvez ajouter Titre, Description, URL cible pour le vidéo, Assigne catégorie, l'ordre de tri (récemment, nous avons ajouté Ajax tri où vous pouvez trier les vidéos simplement par cliquer et faire glisser à partir de l'onglet Vidéos). 5) En outre, permettre poster rouleau et annonces pré-roll pour les vidéos. 12

13 3.3. Interfaces o La barre qui offre la possibilité de recherche et de partages des vidéos préférées : o Utilisation des réseaux sociaux comme Face Book pour commenter des vidéos. 13

14 o La possibilité de regarder des vidéos récentes : o Pour accéder à la partie privée de ce site, il faut se connecter comme suit : 14

15 o Après une Authentification réussie, la fenêtre My Videos sera ouverte : 15

16 o La fenêtre pour transférer des vidéos : o La fenêtre suivante sert à l inscription sur le site : 16

17 Conclusion En guise de conclusion, l expérience menée nous a permis de découvrir un bon nombre de techniques dans les domaines du développement d applications informatiques et dans la conception de base de données. Le TER a été l occasion pour nous de mettre en pratique nos connaissances acquises tout au long de notre cursus universitaire. Ils nous ont permis aussi d aborder de nombreuses et diverses notions comme l organisation et la répartition des tâches, la documentation, le respect d'un cahier des charges et le respect des délais. 17

18 Références Bibliographie: Christian Soutou et Frédéric Brouard, UML2 pour les bases de données, Eyrolles, 2012, 322 pages. Christian Soutou SQL avec MySQL Eric Daspet, Cyril Pierre De Geyer, Eyrolles, 724 pages Stéphane Mariel avec la contribution de Jean Zundel, PHP5 : Eyrolles, 2004, 276 pages Webographie: Documents: Create modern Web sites using HTML5 and CSS3 the perfect site guide Creating an online video video hosting service youtube and video hosting website 18