Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M....
-
Upload
francette-verger -
Category
Documents
-
view
104 -
download
0
Transcript of Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M....
![Page 1: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/1.jpg)
Webmail mobile
A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud
4 Février 2011
https://m.webmail.polytech.unice.fr/
Encadrants : A-M. Déry, P. Sander
![Page 2: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/2.jpg)
Webmail mobile 2
Sommaire
Analyse du besoin
Choix de développement : technologies et méthodes
Interfaces et ergonomie
4/02/2011
![Page 3: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/3.jpg)
Webmail mobile 3
Analyse du besoinPrésentation de l’existantObjectifs du sondageRésultats du sondageSynthèse des attentes
4/02/2011
![Page 4: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/4.jpg)
Webmail mobile 4
Login Boîte deréception
Mailouvert
Ecritured’un mail
Présentation de l’existant
4/02/2011
![Page 5: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/5.jpg)
Webmail mobile 5
Objectifs du sondage
Notre sondage avait pour but de recenser :
les habitudes des étudiants Fréquence d’utilisation du webmail OS mobiles utilisés
leurs opinions sur l’existantleurs attentes pour un webmail mobile
4/02/2011
![Page 6: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/6.jpg)
Webmail mobile 6
Résultats du sondage
Résultats du sondage
286 réponses
4/02/2011
![Page 7: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/7.jpg)
Webmail mobile 7
Résultats du sondage
4/02/2011
![Page 8: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/8.jpg)
Webmail mobile 8
Synthèse des attentes
Attentes récurrentes des utilisateurs :
résolution d’écran smartphone ergonomie pensée pour le tactile affichage clair accessibilité rapide aux nouveaux mails facilité d’utilisation
4/02/2011
![Page 9: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/9.jpg)
Webmail mobile 9
Analyse du besoin
Conclusion : Concerne plus de 35% des étudiants Attentes exigeantes
Mettre l’accent sur l’ergonomie Etude à mener
sur les applications sur les webmails
4/02/2011
![Page 10: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/10.jpg)
Webmail mobile 10
Choix de développement :technologies et méthodes
Web ou application ?SquirrelMail vs. « from scratch »Choix technologiques
4/02/2011
![Page 11: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/11.jpg)
Webmail mobile 11
Web ou application ?
4/02/2011
![Page 12: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/12.jpg)
Webmail mobile 12
Web ou application ?
4/02/2011
Web Application
Site unique et multiplate-formes
Une application par OS mobile
Temps de développement minimal
Temps de développement trop important
Déploiement facile sur les serveurs de Polytech
Soumission aux stores onéreuse et potentiellement refusée
STMP de Polytech accessible Envoi d’emails impossible
Chargements multiples, temps de réponses du serveur importants
Fluidité des applications, possibilités accrues
![Page 13: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/13.jpg)
Webmail mobile 13
SquirrelMail vs. « from scratch »
Thème pour SquirrelMail Architecture de SquirrelMail lourde Solution inintéressante
« from scratch » Partir des fonctions protocoles Architecture MVC
4/02/2011
![Page 14: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/14.jpg)
Webmail mobile 14
Choix technologiques
Langage PHP Fonctions IMAP / SMTP Simplicité de déploiement
Framework JavaScript jQuery (AJAX) jQueryMobile (Eléments d’UI multiplate-
formes)
4/02/2011
![Page 15: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/15.jpg)
Webmail mobile 15
Interfaces et ergonomie
Étude des webmails existantsLes choix que l’on a fait
4/02/2011
![Page 16: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/16.jpg)
Webmail mobile 16
Webmails mobiles existants : réception
4/02/2011
![Page 17: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/17.jpg)
Webmail mobile 17
Webmails mobiles existants : réception
4/02/2011
![Page 18: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/18.jpg)
Webmail mobile 18
Webmails mobiles existants : composer
4/02/2011
![Page 19: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/19.jpg)
Webmail mobile 194/02/2011
Webmails mobiles existants : message
![Page 20: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/20.jpg)
Webmail mobile 204/02/2011
Webmails mobiles existants : message
![Page 21: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/21.jpg)
Webmail mobile 21
Analyse de l’existant
Gros boutons avec images (adaptés à la précision du doigt et de la surface tactile) vs simples liens HTML
Ne garder que les fonctionnalités essentielles pour ne pas surcharger l’interface, les autres sont regroupées dans des menus
Plusieurs solutions d’IHM envisageables pour les mêmes fonctionnalités
4/02/2011
![Page 22: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/22.jpg)
Webmail mobile 22
Les choix que l’on a fait
Optimiser l’espace
Placeholders
Détails dans bandeau déroulant
Menus
Ergonomie tactile : pagination, toolbars,
Swipe
4/02/2011
![Page 23: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/23.jpg)
Webmail mobile 23
Placeholders et menus déroulants
4/02/2011
![Page 24: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/24.jpg)
Webmail mobile 24
Menus
4/02/2011
![Page 25: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/25.jpg)
Webmail mobile 25
Ergonomie tactile : pagination, swipe, toolbars
4/02/2011
![Page 26: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/26.jpg)
Webmail mobile 26
Conclusion
4/02/2011
Analyse des problèmes rencontrésCe que nous avons apprisExtensions nécessairesExtensions possiblesAvant/Après
![Page 27: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/27.jpg)
Webmail mobile 27
Analyse des problèmes rencontrés
Header et footer non fixes
Problèmes d’encodages persistants
4/02/2011
![Page 28: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/28.jpg)
Webmail mobile 28
Ce que nous avons appris
Pratique des langages, protocoles et frameworks utilisés
Gestion d’un déploiement
Travail collaboratif Intégration du code et des modules
(modèles, contrôleurs, vues) SVN, GoogleDocs, DropBox
4/02/2011
![Page 29: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/29.jpg)
Webmail mobile 29
Extensions nécessaires
Audit complet de sécurité
Meilleure prise en charge du HTML
4/02/2011
![Page 30: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/30.jpg)
Webmail mobile 30
Extensions possibles
Gestion du carnet d’adresses
Ajout, suppression, édition d’adresses
Auto-complétion des destinataires
Attachement de pièces jointes
Actions groupées sur les listes de
messages
Gestion des favoris dans les mails
4/02/2011
![Page 31: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/31.jpg)
Webmail mobile 31
Avant/Après
4/02/2011
![Page 32: Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février 2011 Encadrants : A-M. Déry, P. Sander.](https://reader036.fdocument.pub/reader036/viewer/2022070309/551d9db5497959293b8d99e9/html5/thumbnails/32.jpg)
Webmail mobile 324/02/2011
Avant/Après