SlideShare une entreprise Scribd logo
1  sur  22
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
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
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
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
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
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
La Solution Proposé
Chef de chantier Manager
Présentation Générale Analyse et Conception Implémentation Conclusion
7/22
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
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
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
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
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
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
Implémentation
1. La carte des ressources dynamiques
2. Multi-écrans
Présentation Générale Analyse et Conception Implémentation Conclusion
14/22
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
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
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
Multi-écrans
Présentation Générale Analyse et Conception Implémentation Conclusion
Desktop Mobile/Tablet
Twitter BootStrap
18/22
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
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
Demo
21/22
22/22

Contenu connexe

En vedette

Soutenance de thèse professionnelle
Soutenance de thèse professionnelleSoutenance de thèse professionnelle
Soutenance de thèse professionnelleGérard Buasa
 
French Conversations Georgia +Natalie
French Conversations Georgia +NatalieFrench Conversations Georgia +Natalie
French Conversations Georgia +NatalieS Green
 
Robert doisneau 100e-anniversaire-jb__1
Robert doisneau 100e-anniversaire-jb__1Robert doisneau 100e-anniversaire-jb__1
Robert doisneau 100e-anniversaire-jb__1Albert Antebi
 
Galerie traitements adultes cas traitçs dr eric ursat
Galerie traitements adultes   cas traitçs dr eric ursatGalerie traitements adultes   cas traitçs dr eric ursat
Galerie traitements adultes cas traitçs dr eric ursatwebdentiste
 
Tibet le-train_le_+_haut_du_monde (1)
Tibet  le-train_le_+_haut_du_monde (1)Tibet  le-train_le_+_haut_du_monde (1)
Tibet le-train_le_+_haut_du_monde (1)Albert Antebi
 
Figtree : Cabinet de Conseil Créatif
Figtree : Cabinet de Conseil CréatifFigtree : Cabinet de Conseil Créatif
Figtree : Cabinet de Conseil CréatifFigtree
 
Webinaire convertir vos_leads_15_mai_2014
Webinaire convertir vos_leads_15_mai_2014Webinaire convertir vos_leads_15_mai_2014
Webinaire convertir vos_leads_15_mai_2014Simon Hénault
 
Encombrements sévères traités sans extractions
Encombrements sévères traités sans extractionsEncombrements sévères traités sans extractions
Encombrements sévères traités sans extractionswebdentiste
 
Presentation hotel ampere 2010
Presentation hotel ampere 2010Presentation hotel ampere 2010
Presentation hotel ampere 2010Hôtel Ampère
 
PAMLA KAMOGELO KEKANA' S CV
PAMLA KAMOGELO KEKANA' S CVPAMLA KAMOGELO KEKANA' S CV
PAMLA KAMOGELO KEKANA' S CVKamogelo2 Pamla
 
C'est cool, j'ai un site web…
C'est cool, j'ai un site web…C'est cool, j'ai un site web…
C'est cool, j'ai un site web…IgniteStrasbourg
 

En vedette (18)

Soutenance de thèse professionnelle
Soutenance de thèse professionnelleSoutenance de thèse professionnelle
Soutenance de thèse professionnelle
 
L'OpenURL en France
L'OpenURL en FranceL'OpenURL en France
L'OpenURL en France
 
French Conversations Georgia +Natalie
French Conversations Georgia +NatalieFrench Conversations Georgia +Natalie
French Conversations Georgia +Natalie
 
Robert doisneau 100e-anniversaire-jb__1
Robert doisneau 100e-anniversaire-jb__1Robert doisneau 100e-anniversaire-jb__1
Robert doisneau 100e-anniversaire-jb__1
 
Galerie traitements adultes cas traitçs dr eric ursat
Galerie traitements adultes   cas traitçs dr eric ursatGalerie traitements adultes   cas traitçs dr eric ursat
Galerie traitements adultes cas traitçs dr eric ursat
 
Tibet le-train_le_+_haut_du_monde (1)
Tibet  le-train_le_+_haut_du_monde (1)Tibet  le-train_le_+_haut_du_monde (1)
Tibet le-train_le_+_haut_du_monde (1)
 
St val gifts
St val giftsSt val gifts
St val gifts
 
Figtree : Cabinet de Conseil Créatif
Figtree : Cabinet de Conseil CréatifFigtree : Cabinet de Conseil Créatif
Figtree : Cabinet de Conseil Créatif
 
hindi_asaramayan
hindi_asaramayanhindi_asaramayan
hindi_asaramayan
 
Ecole d'autrefois
Ecole d'autrefoisEcole d'autrefois
Ecole d'autrefois
 
Webinaire convertir vos_leads_15_mai_2014
Webinaire convertir vos_leads_15_mai_2014Webinaire convertir vos_leads_15_mai_2014
Webinaire convertir vos_leads_15_mai_2014
 
Encombrements sévères traités sans extractions
Encombrements sévères traités sans extractionsEncombrements sévères traités sans extractions
Encombrements sévères traités sans extractions
 
Presentation hotel ampere 2010
Presentation hotel ampere 2010Presentation hotel ampere 2010
Presentation hotel ampere 2010
 
Alex & Gisele
Alex & GiseleAlex & Gisele
Alex & Gisele
 
Stats2011
Stats2011Stats2011
Stats2011
 
3 JCOMS
3 JCOMS3 JCOMS
3 JCOMS
 
PAMLA KAMOGELO KEKANA' S CV
PAMLA KAMOGELO KEKANA' S CVPAMLA KAMOGELO KEKANA' S CV
PAMLA KAMOGELO KEKANA' S CV
 
C'est cool, j'ai un site web…
C'est cool, j'ai un site web…C'est cool, j'ai un site web…
C'est cool, j'ai un site web…
 

Similaire à Soutenance transparences version_final

Projet PFE corrigé latest
Projet PFE corrigé latestProjet PFE corrigé latest
Projet PFE corrigé latestahed bf
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études TombariAhmed
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptxMinaNouhii
 
Développement d'une application de cartographie interactive sur internet
Développement d'une application de cartographie interactive sur internetDéveloppement d'une application de cartographie interactive sur internet
Développement d'une application de cartographie interactive sur internetKhadim Mbacké
 
Soutenanceshili mohamed
Soutenanceshili mohamedSoutenanceshili mohamed
Soutenanceshili mohamedShili Mohamed
 
Gcf présentation pfe_final_2
Gcf présentation pfe_final_2Gcf présentation pfe_final_2
Gcf présentation pfe_final_2Bomber Man
 
Rapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaouiRapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaouiIssaoui Ilyes
 
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfqnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfAlbertbenBarry1
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking Khaled Fayala
 
Présentation stage ing_finale
Présentation stage ing_finalePrésentation stage ing_finale
Présentation stage ing_finaleAhmed Abdeljelil
 
Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]Ahmed rebai
 
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdfComment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdfGDG Bujumbura
 
Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...
Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...
Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...Zaineb Erraji
 
Présentation finale.pptx
Présentation finale.pptxPrésentation finale.pptx
Présentation finale.pptxWalidElMouhtadi
 

Similaire à Soutenance transparences version_final (20)

Projet PFE corrigé latest
Projet PFE corrigé latestProjet PFE corrigé latest
Projet PFE corrigé latest
 
Pfe m2 glsi_elhadji_yacouba
Pfe m2 glsi_elhadji_yacoubaPfe m2 glsi_elhadji_yacouba
Pfe m2 glsi_elhadji_yacouba
 
presentation soutenance
presentation soutenance presentation soutenance
presentation soutenance
 
Projet de fin d’études
Projet de fin d’études  Projet de fin d’études
Projet de fin d’études
 
App_Gestion_QR.pptx
App_Gestion_QR.pptxApp_Gestion_QR.pptx
App_Gestion_QR.pptx
 
Développement d'une application de cartographie interactive sur internet
Développement d'une application de cartographie interactive sur internetDéveloppement d'une application de cartographie interactive sur internet
Développement d'une application de cartographie interactive sur internet
 
Soutenanceshili mohamed
Soutenanceshili mohamedSoutenanceshili mohamed
Soutenanceshili mohamed
 
gestion de projet
gestion de projetgestion de projet
gestion de projet
 
Gcf présentation pfe_final_2
Gcf présentation pfe_final_2Gcf présentation pfe_final_2
Gcf présentation pfe_final_2
 
Gp finale
Gp finaleGp finale
Gp finale
 
Rapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaouiRapport pfe ingénieur ilyes issaoui
Rapport pfe ingénieur ilyes issaoui
 
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdfqnbkhaledetsamy-150408161919-conversion-gate01.pdf
qnbkhaledetsamy-150408161919-conversion-gate01.pdf
 
Conception et réalisation d’une application Mobile banking
Conception et réalisation d’une application  Mobile banking  Conception et réalisation d’une application  Mobile banking
Conception et réalisation d’une application Mobile banking
 
Présentation stage ing_finale
Présentation stage ing_finalePrésentation stage ing_finale
Présentation stage ing_finale
 
Mobilité && SAP
Mobilité && SAPMobilité && SAP
Mobilité && SAP
 
Final présention [recovered]
Final présention [recovered]Final présention [recovered]
Final présention [recovered]
 
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdfComment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
 
Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...
Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...
Mise en place d’un module de génération du Simpl-IS pour L’ERP ODOO (ex. Open...
 
Présentation finale.pptx
Présentation finale.pptxPrésentation finale.pptx
Présentation finale.pptx
 
Cv analyste programmeur
Cv analyste programmeurCv analyste programmeur
Cv analyste programmeur
 

Dernier

Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesLeBaobabBleu1
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en FranceTxaruka
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfOssamaLachheb
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"ArchivesdeLyon
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxAbderrahim GHASSOUB
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbainesSocratis Vasiopoulos
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationLeBaobabBleu1
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseTxaruka
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONfrizzole
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024IEN_Jonzac
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxAbderrahim GHASSOUB
 

Dernier (11)

Texte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigéesTexte avec différentes critiques positives, négatives ou mitigées
Texte avec différentes critiques positives, négatives ou mitigées
 
Àma Gloria.pptx Un film tourné au Cap Vert et en France
Àma Gloria.pptx   Un film tourné au Cap Vert et en FranceÀma Gloria.pptx   Un film tourné au Cap Vert et en France
Àma Gloria.pptx Un film tourné au Cap Vert et en France
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdf
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
Fiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciationFiche de vocabulaire pour faire une appréciation
Fiche de vocabulaire pour faire une appréciation
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTIONCALENDRIER ET COMPTE RENDU REUNION DIRECTION
CALENDRIER ET COMPTE RENDU REUNION DIRECTION
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 

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
  • 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
  • 22. 22/22

Notes de l'éditeur

  1. 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
  2. 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.
  3. 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
  4. 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.
  5. 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.
  6. 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…….
  7. 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.
  8. 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.
  9. 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.
  10. 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
  11. 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.
  12. 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
  13. Pour attaindre dynamic resource map`googOverlaychantier (characterestic) lat,lonballon le numero de pin statuscheft offline online
  14. 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é
  15. 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
  16. 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
  17. 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
  18. Cette page démontre le bilan du projet. On a accompli toutes les fonctionnalités demandées.
  19. 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.
  20. Maintenant, je voudraisvous faire la démonstration du projet.
  21. Merci pour votre attentionSi vousavez des questionsvouspouvez me posez