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.

Présentation au sujet: "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."— Transcription de la présentation:

1 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

2 Sommaire Analyse du besoin Choix de développement : technologies et méthodes Interfaces et ergonomie 4/02/2011Webmail mobile2

3 Analyse du besoin Présentation de lexistant Objectifs du sondage Résultats du sondage Synthèse des attentes 4/02/2011Webmail mobile3

4 Login Boîte de réception Mail ouvert Ecriture dun mail Présentation de lexistant 4/02/2011Webmail mobile4

5 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

6 Résultats du sondage 286 réponses 4/02/20116Webmail mobile

7 Résultats du sondage 4/02/2011Webmail mobile7

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é dutilisation 4/02/2011Webmail mobile8

9 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

10 Choix de développement : technologies et méthodes Web ou application ? SquirrelMail vs. « from scratch » Choix technologiques 4/02/2011Webmail mobile10

11 Web ou application ? 4/02/2011Webmail mobile11

12 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 demails impossible Chargements multiples, temps de réponses du serveur importants Fluidité des applications, possibilités accrues

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/2011Webmail mobile13

14 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

15 Interfaces et ergonomie Étude des webmails existants Les choix que lon a fait 4/02/2011Webmail mobile15

16 Webmails mobiles existants : réception 4/02/2011Webmail mobile16

17 Webmails mobiles existants : réception 4/02/2011Webmail mobile17

18 Webmails mobiles existants : composer 4/02/2011Webmail mobile18

19 4/02/2011Webmail mobile19 Webmails mobiles existants : message

20 4/02/2011Webmail mobile20 Webmails mobiles existants : message

21 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

22 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

23 Placeholders et menus déroulants 4/02/2011Webmail mobile23

24 Menus 4/02/2011Webmail mobile24

25 Ergonomie tactile : pagination, swipe, toolbars 4/02/2011Webmail mobile25

26 Conclusion 4/02/2011Webmail mobile26 Analyse des problèmes rencontrés Ce que nous avons appris Extensions nécessaires Extensions possibles Avant/Après

27 Analyse des problèmes rencontrés Header et footer non fixes Problèmes dencodages persistants 4/02/2011Webmail mobile27

28 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

29 Extensions nécessaires Audit complet de sécurité Meilleure prise en charge du HTML 4/02/2011Webmail mobile29

30 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

31 Avant/Après 4/02/2011Webmail mobile31

32 4/02/2011Webmail mobile32 Avant/Après