Soutenance projet Ei5

1 110 vues

Publié le

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 110
Sur SlideShare
0
Issues des intégrations
0
Intégrations
20
Actions
Partages
0
Téléchargements
12
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Soutenance projet Ei5

  1. 1. Soutenu par ilyas DKHISSI Encadré par M. Mehdi LHOMMEAU Réalisée dans le cadre du projet de troisième année du cycle ingénieur de l’ISTIA option AGI (2013-2014)
  2. 2. Plan
  3. 3. Présentation du projet Application web pour l’évaluation des stages des étudiants d’EI4 et EI5 3
  4. 4. Technologies utilisées Les majeures technologies utilisées 4
  5. 5. Etapes de développement Etapes suivies : Diagramme GANT : 5
  6. 6. Etapes de développement Responsive Web Design Routing : myApp.config(['$httpProvider','$routeProvider', function($httpProvider,$routeProvider) { $routeProvider. when('/Accueil', { templateUrl: 'partials/Accueil.html', }); $routeProvider. when('/Saisie', { templateUrl: 'partials/Saisie.html', }); $routeProvider. when('/login', { templateUrl: 'partials/login.html', controller: LoginController }); $routeProvider.otherwise({ redirectTo: '/Accueil'}); Directives : <html lang="fr" ng-app="myApp"> <body> <div ng-view></div> </body> </html> ng-controller , ng-repeat , ng-model , ng-click ,… $httpProvider.responseInterceptors.push('IntercepteurHTTP'); }]); Controlleurs : myApp.controller('MyCtrl', function($scope) { $scope.name = 'exemple'; }); 6
  7. 7. Etapes de développement Le Responsive web design Utiliser les « Media Queries » Div { background-image: url(‘/images/picture.png’); } @media screen and (max-width:400px) { div { background-image: url(‘/images/picture-small.png’); } .social_icons { display: none } // .uneautreclasse{ …} } Avantages / inconvénients • • • • • • • L’adaptabilité du produit. Toucher un maximum d’utilisateurs. Un seul produit web à concevoir et à entretenir. Référencement plus simple. Une expérience utilisateur homogène. Pas de cloisonnement. L'assurance d'une URL unique. • Un coup de production plus élevé qu’un site classique (nécessite plus de compétences). • Des commanditaires assez réticents. • La négociation du contenu. • Le temps de téléchargement. 7
  8. 8. Structure de l’application Le diagramme suivant résume comment fonctionne l’application : Données saisies Applicatio n • • Donées archivées Données affichées Utilisateur Les caractéristiques attendues :  Complète  Autonome  Fiable  Simple d’utilisation (Intuitive) 8
  9. 9. Résultats Création de compte 9
  10. 10. Résultats Authentification 10
  11. 11. Résultats Choix de l’étudiant à évaluer 11
  12. 12. Résultats Section d’évaluation 12
  13. 13. Résultats Section d’évaluation 13
  14. 14. Résultats Menu de configuration 14
  15. 15. Résultats Exemple d’une page de configuration 15
  16. 16. Conclusion Ce projet m’a permis de :  Approfondissement des connaissances en dévelopement web  Direction d’un projet en autonomie  Développement de :  l’écoute.  la communication.  L’esprit d’analyse. 16
  17. 17. Merci pour votre attention ! Des questions ?

×