Webmail mobile A. Bourdin, C. Chandelier, S. Fifre, Q. Grimaud 4 Février Encadrants : A-M. Déry, P. Sander
Sommaire Analyse du besoin Choix de développement : technologies et méthodes Interfaces et ergonomie 4/02/2011Webmail mobile2
Analyse du besoin Présentation de lexistant Objectifs du sondage Résultats du sondage Synthèse des attentes 4/02/2011Webmail mobile3
Login Boîte de réception Mail ouvert Ecriture dun mail Présentation de lexistant 4/02/2011Webmail mobile4
Objectifs du sondage Notre sondage avait pour but de recenser : les habitudes des étudiants Fréquence dutilisation du webmail OS mobiles utilisés leurs opinions sur lexistant leurs attentes pour un webmail mobile 4/02/2011Webmail mobile5
Résultats du sondage 286 réponses 4/02/20116Webmail mobile
Résultats du sondage 4/02/2011Webmail mobile7
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é dutilisation 4/02/2011Webmail mobile8
Analyse du besoin Conclusion : Concerne plus de 35% des étudiants Attentes exigeantes Mettre laccent sur lergonomie Etude à mener sur les applications sur les webmails 4/02/2011Webmail mobile9
Choix de développement : technologies et méthodes Web ou application ? SquirrelMail vs. « from scratch » Choix technologiques 4/02/2011Webmail mobile10
Web ou application ? 4/02/2011Webmail mobile11
Web ou application ? 4/02/2011Webmail mobile12 WebApplication Site unique et multiplate-formesUne 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 accessibleEnvoi d s impossible Chargements multiples, temps de réponses du serveur importants Fluidité des applications, possibilités accrues
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/2011Webmail mobile13
Choix technologiques Langage PHP Fonctions IMAP / SMTP Simplicité de déploiement Framework JavaScript jQuery (AJAX) jQueryMobile (Eléments dUI multiplate-formes) 4/02/2011Webmail mobile14
Interfaces et ergonomie Étude des webmails existants Les choix que lon a fait 4/02/2011Webmail mobile15
Webmails mobiles existants : réception 4/02/2011Webmail mobile16
Webmails mobiles existants : réception 4/02/2011Webmail mobile17
Webmails mobiles existants : composer 4/02/2011Webmail mobile18
4/02/2011Webmail mobile19 Webmails mobiles existants : message
4/02/2011Webmail mobile20 Webmails mobiles existants : message
Analyse de lexistant 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 linterface, les autres sont regroupées dans des menus Plusieurs solutions dIHM envisageables pour les mêmes fonctionnalités 4/02/2011Webmail mobile21
Les choix que lon a fait Optimiser lespace Placeholders Détails dans bandeau déroulant Menus Ergonomie tactile : pagination, toolbars, Swipe 4/02/2011Webmail mobile22
Placeholders et menus déroulants 4/02/2011Webmail mobile23
Menus 4/02/2011Webmail mobile24
Ergonomie tactile : pagination, swipe, toolbars 4/02/2011Webmail mobile25
Conclusion 4/02/2011Webmail mobile26 Analyse des problèmes rencontrés Ce que nous avons appris Extensions nécessaires Extensions possibles Avant/Après
Analyse des problèmes rencontrés Header et footer non fixes Problèmes dencodages persistants 4/02/2011Webmail mobile27
Ce que nous avons appris Pratique des langages, protocoles et frameworks utilisés Gestion dun déploiement Travail collaboratif Intégration du code et des modules (modèles, contrôleurs, vues) SVN, GoogleDocs, DropBox 4/02/2011Webmail mobile28
Extensions nécessaires Audit complet de sécurité Meilleure prise en charge du HTML 4/02/2011Webmail mobile29
Extensions possibles Gestion du carnet dadresses Ajout, suppression, édition dadresses 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/2011Webmail mobile30
Avant/Après 4/02/2011Webmail mobile31
4/02/2011Webmail mobile32 Avant/Après