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...
Plan
Présentation du projet

Application web pour l’évaluation des stages des étudiants d’EI4 et EI5

3
Technologies utilisées

Les majeures technologies utilisées

4
Etapes de développement
Etapes suivies :

Diagramme GANT :

5
Etapes de développement
Responsive Web Design

Routing :
myApp.config(['$httpProvider','$routeProvider',
function($httpPro...
Etapes de développement
Le Responsive web design

Utiliser les « Media Queries »
Div {
background-image: url(‘/images/pict...
Structure de l’application
Le diagramme suivant résume comment fonctionne
l’application :

Données saisies

Applicatio
n

...
Résultats

Création de compte

9
Résultats

Authentification

10
Résultats

Choix de l’étudiant à évaluer

11
Résultats

Section d’évaluation

12
Résultats

Section d’évaluation

13
Résultats

Menu de configuration

14
Résultats

Exemple d’une page de configuration

15
Conclusion
Ce projet m’a permis de :

 Approfondissement des connaissances
en dévelopement web
 Direction d’un projet en...
Merci pour votre attention ! Des questions ?
Prochain SlideShare
Chargement dans…5
×

Soutenance projet Ei5

1 019 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 019
Sur SlideShare
0
Issues des intégrations
0
Intégrations
22
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 ?

×