Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (19)
Ähnlich wie Soutenance projet Ei5
Ähnlich wie Soutenance projet Ei5 (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Soutenance projet Ei5
- 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. Plan
- 3. Présentation du projet Application web pour l’évaluation des stages des étudiants d’EI4 et EI5 3
- 4. Technologies utilisées Les majeures technologies utilisées 4
- 5. Etapes de développement Etapes suivies : Diagramme GANT : 5
- 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. 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. 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
- 11. Résultats Choix de l’étudiant à évaluer 11
- 15. Résultats Exemple d’une page de configuration 15
- 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. Merci pour votre attention ! Des questions ?