Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Soutenance transparences version_final
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
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
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