Your SlideShare is downloading. ×
Soutenance transparences version_final
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Soutenance transparences version_final

522
views

Published on

Soutenance à l'ITC pour les étudiant ingénieur particuliarment les étudiant dans département Génie Informatic et Communication

Soutenance à l'ITC pour les étudiant ingénieur particuliarment les étudiant dans département Génie Informatic et Communication

Published in: Education

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
522
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
33
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Bonjour Dr. SENG Sopheap, Bonjour tous les membre de jury et bonjour tous le monde ! Je vous remercie de me voir ma présentation. Je m’appelle SAYVortana.Au jour d’hui, j’ai la plaisir de vous présenter mon projet que j’ai effectué pendant mon stage. Mon sujet est le Système de Gestion pour les Chefs du ChantierCe projet est encadré par Dr. SENG Sopheap et responsabilité à l’entreprise par M. KongKannika
  • Pour faire facile à comprendre au sujet de mon projet, j'ai divisé le plan de la présentation en 5 partie. Tout d'abord je vais dire au sujet de la présentation générale. après cela, je vais me concentrer sur l’analyse et Conception . Ensuite, je montre en détail l’implémentation du projet.Quatrième, je voudrais conclure mon exposé par conclusionet enfin je terminerai mon exposé par une démonstration du projet.
  • Actuellement, nous arrivons à la première partie de ma présentation, qui est la présentation générale.Mon stage est effectué dans l’entreprise CamMob qui est une agence spécialisée dans le développement d’application et site web sur mobile
  • Pendant mon stage à l’entreprise CamMob, J’ai obtenu deux projets distinguées.Le premier projet est le Système de Gestion pour les Chefs du Chantier. Ce projet est réalisé pour assurer l’efficacité du travail dans une société de construction.Le deuxième projet est le Store Multimédia pour la Société TC Computer qui est réalisé pour gérer les achats des applications, des musiques, et des vidéos soit vraiment essentielle et utile.À cause de temps limitée, j’ai choisi le premier projet pour vous présenter.
  • Engénérale, unesociétéde construction doitgérerplusieurschantiers.Il a les chefs de chantier qui visitedirectement pour contrôler de travail et rapporter les informationsconcernant des chantiers au manager.
  • Quellesont les informations qui ont été informer/rapporter au manager par le chef de chantier?Normalement, cesinformationssont le progrès du chantier, le nombre d’ouvriers, les produits dans la stocke, les problème existant dans chaque chantier et les activités des chefs du chantierComment manager peut…….
  • Ayant connu cette contexte de travail, Cammob a proposé une solution qui peut répondre aux besoins de la société de construction.Voilà, c’est le Système de Gestion pour les Chefs de Chantier.Cette système se compose une application mobile et une application web.Application mobile est utilisé par les chefs de chantier. Avec cette application, le chef de chantier peut faire son travail facilement.il est capable de check-in à site et check-out pour déclarer sa visite au chantier. Après, il peut informer/rapporter les informations concernant du chantier.En revanche, le manager peut utilise l’application web pour surveiller les informations concernant les activités des chefs de chantier.De plus, le manager peut consulter le rapport des activités de chaque chantier ou bien des activités des chefs de chantier dans chaque chantier.
  • Pour réalisé ce projet, il a trois personnes, M. KONG Kannika qui est mon chef du produit et Scrum Master.M. KEM Oudom, il est développeur de l’application mobile sur Android.Moi, SAY Vortana, je suis développeur de l’application web.
  • http://blog.exeisconseil.com/index.php/methode-agile-la-methode-agile-scrum-cest-toute-une-organisation/C’est quoi Scrum?Scrumestuneméthodologie agile qui estutilisé pour gèrer de projetIl a trios fondementsprincipauxPremièrement, Scrum met l'accent sur le fait d'avoir un langage commun entre l'équipe et le management. Ce langage commun doit permettre à tout observateur d'obtenir rapidement une bonne compréhension du projet.La deuxièmes, À intervalle régulier, Scrum propose de faire le point sur les différents artéfacts produits, afin de détecter toute variation indésirable. Ces inspections ne doivent pas être faites trop fréquemment, ou par un inspecteur mal formé : cela nuirait à l'avancement du projet.Troisième, Si une dérive est constatée pendant l'inspection, le processus doit alors être adapté. Scrum fournit des rituels, durant lesquels cette adaptation est possible. Il s'agit de la réunion de planification de sprint, de la mélée quotidienne, de la revue de sprint ainsi que de la rétrospective de sprint.
  • Maintenant, on arrive la deuxièmepartie qui est l’analyse et conception.On a parlerai des fonctionnalités de l’application web.Pour les besoins fonctionnels:Visualisation les géo localisations des chefs du chantier et les géo localisation des chantiers sur Google Map en temps réelRechercher un chantier par nomAfficher les informations détaillées de chantier Générer le rapport des activités du chef de chantier et le rapport des activités sur chantierGestion des chantiers, des utilisateurs et des produits
  • Premièrement, on a un serveur web qui se compose l’application web, la base de données et les APIs.Pour l’application web, on a le manager qui utilisenavigateur web pour utilisernotresystème. Cettesystèmepeutrécupérer les information de la base de donées. Après, ilvaenvoyer à navigateur web pour afficher les information demendé.En revanche, pour l’application mobile, on a appareils mobile qui sontinstalléesnotre application. Ces appareils utilisent les APIs pour récupérer les données de la base de données.
  • Maintenant, on arrive à l’implémentation du projet. Ils sont les ressources utilisés pour implémenter ce projet.Pour le côté client, on utilise HTML, CSS pour afficher contenu dans site web et désigner le site web. Javascript et Ajax sont utilisé pour faire interaction événement et charger les donnée asynchroneGoogle Map est utilisé pour afficher la cart dans site webTwitterBoostrap est utilisé pour supporter multi-écransEn fin, le DataTables est utilisé pour ajouté des contrôleursd’interactionavancées pour une table HTMLPour le côtéServeur, on a utilisé PHP et SQLPour les outils, on a LampServer qui estuneserveur web utilisédans LinuxNetbeanest un environnement de développement intégré (IDE)Firebug, un outil précieux d'aide au développement. En plus d'être un débuggeur JavaScript et un inspecteur DOM évoluéOn utiliseauusi les diffirentnavigateur web pour affichernotre application webTwitter boostrapIl estune collection d’outilsgratits pour créer des sites et des applications web Modèle de conception HTML et CSS-baséFormsButtonsGraphicsD’autrecomposants de l’interface
  • Pour attaindre dynamic resource map`googOverlaychantier (characterestic) lat,lonballon le numero de pin statuscheft offline online
  • Pour attaindre dynamic resource mapGoogle MapOverlay are objects on the map that are tied to latitude/longitude coordinates, so they move when you drag or zoom the map. Overlays reflect objects that you "add" to the map to designate points, lines, areas, or collections of objects.chantiercoleur : (characterestic) lat,lonballon le numero de pin statuscheft offline = déconnecté online =connecté
  • DataTablesest un plug-in pour la bibliothèqueJqueryFlexible, ajouté des contrôleursd’interactionavancées pour une table HTMLTwitter boostrapIl estune collection d’outilsgratits pour créer des sites et des applications web Modèle de conception HTML et CSS-baséFormsButtonsGraphicsD’autrecomposants de l’interface
  • DataTablesest un plug-in pour la bibliothèqueJqueryFlexible, ajouté des contrôleursd’interactionavancées pour une table HTMLTwitter boostrapIl estune collection d’outilsgratits pour créer des sites et des applications web Modèle de conception HTML et CSS-baséFormsButtonsGraphicsD’autrecomposants de l’interface
  • DataTablesest un plug-in pour la bibliothèqueJqueryFlexible, ajouté des contrôleursd’interactionavancées pour une table HTMLTwitter boostrapIl estune collection d’outilsgratits pour créer des sites et des applications web Modèle de conception HTML et CSS-baséFormsButtonsGraphicsD’autrecomposants de l’interface
  • Cette page démontre le bilan du projet. On a accompli toutes les fonctionnalités demandées.
  • Pendant la réalisation du projet, j’ai rencontré quelques difficultés comme l’analyse de projet, l’études des nouvelles technologies, et le changement des besoins et de la conception.En fait, ces difficultés m’ont aidé à gagner encore plus d’expériences. Grâce à ce stage, j’ai pratiqué l’auto-apprentissage et la recherche, la méthodologie comme scrum, et particulièrement le développement d’application sur Android.
  • Maintenant, je voudraisvous faire la démonstration du projet.
  • Merci pour votre attentionSi vousavez des questionsvouspouvez me posez
  • Transcript

    • 1. Institut de Technologie du Cambodge Mémoire de fin d’études d’ingénieur Génie Informatique et Communication Système de Gestion pour les Chefs du Chantier Maître de stage : Dr. SENG Sopheap Tuteur de stage : M. KONG Kannika Etudiant : M. SAY Vortana Durée du stage : Du 25 février au 25 juin 2013 Entreprise : CamMob
    • 2. 1. Présentation Générale 2. Analyse et Conception 3. Implémentation 4. Conclusion 5. Démo Plan de la présentation 2/22
    • 3. Entreprise de stage Présentation Générale Analyse et Conception Implémentation Conclusion Une agence cambodgienne spécialisée dans le développement d'application et site web mobile 3/22
    • 4. Missions Présentation Générale Analyse et Conception Implémentation Conclusion 1. Le Système de Gestion pour les Chefs du Chantier 2. Le Store Multimédia pour la Société TC Computer 4/22
    • 5. Présentation du projet Société de Construction Présentation Générale Analyse et Conception Implémentation Conclusion Chantier 1 Chantier 2 Chantier 3 Chef 1 Chef 2 Gérer Gérer 5/22
    • 6. Progrès du chantier Nombre du Travailleur Produits Problèmes… Société de Construction Quelle sont les informations pour surveiller?  Quel chantier être visité?  Quel chantier n’être pas visité?  Problèmes existant dans les chantiers  Les activités des chefs du chantier Chef de Chantier Manager Présentation du projet Présentation Générale Analyse et Conception Implémentation Conclusion comment le manager peut faire surveillance? 6/22
    • 7. La Solution Proposé Chef de chantier Manager Présentation Générale Analyse et Conception Implémentation Conclusion 7/22
    • 8. Organisation de l’équipe M. KONG Kannika Chef du produit et Scrum Master M. SAY Vortana Développeur de l’application web M. KEM Oudom Développeur de l’application mobile sur Android Présentation Générale Analyse et Conception Implémentation Conclusion 8/22
    • 9. Méthodologie SCRUM C’est quoi Scrum ? Scrum est une méthode agile de gestion de projets. Elle a trois fondements principaux : 1. Transparence vis-à-vis du client 2. Inspection le progrès du travail 3. Adaptation continuelle Présentation Générale Analyse et Conception Implémentation Conclusion 9/22
    • 10. Fonctionnalités de l’Application Web Présentation Générale Analyse et Conception Implémentation Conclusion 1. Visualiser les géo localisations des chefs du chantier sur Google Map en temps-réel 2. Visualiser les géo localisations des chantiers sur Google Map en temps-réel 3. Rechercher un chantier par nom 4. Afficher les informations détaillées de chantier dans Google Map 5. Générer le rapport des activités du chef de chantier 6. Générer le rapport des activités sur certain chantier 7. Gestion des chantiers, des utilisateurs et des produits Besoins Fonctionnels 10/22
    • 11. Fonctionnalités de l’Application Web Présentation Générale Analyse et Conception Implémentation Conclusion 1. Charger les données asynchrones sur Google Map 2. Il faut adapter multi-écrans 3. Interface est disponible en anglais et khmer Besoins Non-Fonctionnels 11/22
    • 12. Architecture Globale du Système Présentation Générale Analyse et Conception Implémentation Conclusion Application Web Application mobile Système de Gestion pour les Chefs de Chantier Serveur Web Navigateur web Manager 12/22
    • 13. Choix de Technologies HTML CSS JavaScript Ajax Google Maps Twitter Bootstrap DataTables LampServer Netbean 7.3 Firebug Navigateur web PHP SQL Présentation Générale Analyse et Conception Implémentation Conclusion Côté Client Côté Serveur Outils 13/22
    • 14. Implémentation 1. La carte des ressources dynamiques 2. Multi-écrans Présentation Générale Analyse et Conception Implémentation Conclusion 14/22
    • 15. La carte des ressources dynamiques 1. Comment afficher les information sur Google Map? 1. Mettre Google Map dans site web 2. Overlay • Localisation • Ballon • Couleur • Chantier • Orange= n’être pas visité • Rouge = problème • Bleu = être visité • Chef du chantier • Bleu = Online • Gris = offline Présentation Générale Analyse et Conception Implémentation Conclusion 15/22
    • 16. La carte des ressources dynamiques Présentation Générale Analyse et Conception Implémentation Conclusion 2. Comment mise à jour les informations sur Google Map? Requête Ajax Application Web Serveur Web JSON Data 16/22
    • 17. La carte des ressources dynamiques Présentation Générale Analyse et Conception Implémentation Conclusion JSON Data Application Web Serveur Web Requête Ajax Rafraîchir la requête en X seconde 2. Comment mise à jour les informations sur Google Map? 17/22
    • 18. Multi-écrans Présentation Générale Analyse et Conception Implémentation Conclusion Desktop Mobile/Tablet Twitter BootStrap 18/22
    • 19. Tâche Oui Non Visualiser les géo localisations des chefs du chantier sur Google Map Visualiser les géo localisations des chantiers sur Google Map Rechercher certain chantier Afficher les informations de chantier détaillé dans Google Map Générer le rapport des activités du chef de chantier Gestion des chantier, des utilisateurs du système Changer la langue entre français et khmer Bilan Présentation Générale Analyse et Conception Implémentation Conclusion 19/22
    • 20. Conclusion  Difficultés  Études des nouvelles technologies  Changement de la conception  Expériences  La méthodologie de travail du développement  La recherche sur les nouvelles technologies  La vie professionnelle du travail Présentation Générale Analyse et Conception Implémentation Conclusion 20/22
    • 21. Demo 21/22
    • 22. 22/22