Conception et développement d'une application web.

3. Présentation des interfaces principales

Nous allons présenter dans cette section les différentes interfaces constituant notre application web et nous allons décrire le fonctionnement de chacune d'elles.

Notre application web est responsive : l'affichage des interfaces est compatible avec tous les appareils utilisés (tablette, smart phone, ordinateur...).

3.1 Page d'authentification et inscription

Pour s'authentifier ou s'inscrire il suffit de cliquer sur le bouton (s'inscrire/s'authentifier) qui s'ouvre pour l'internaute. Tout d'abord l'utilisateur assure le remplissage de formulaire pour s'inscrire ou s'authentifier. En cas d'authentification le serveur consulte la base des données et si les paramètres sont corrects alors l'accès à la page index et si les paramètres sont incorrects il reste sur la même page.

? Affichage sur un ordinateur :

Création d'une application web en ligne Allodoc.tn Hatem SLIMI

ESEN 2016-2017 Page 94

Figure 62 : Interface page connexion et inscription

? Présentation de la page d'authentification/d'inscription sur une tablette ou un smart phone :

Création d'une application web en ligne Allodoc.tn Hatem SLIMI

ESEN 2016-2017 Page 95

Figure 63 : Interface page connexion

3.2 Page d'accueil public

La page d'accueil de l'application web allodoc.tn contient le menu où se trouve l'espace d'authentification, une zone de recherche avancée, les derniers avis des patients et au-dessous une zone des informations générales.

? Page d'accueil :

La figure 65 illustre la page d'accueil d'AlloDoc.

Création d'une application web en ligne Allodoc.tn Hatem SLIMI

ESEN 2016-2017 Page 96

Figure 64 : Page d'accueil

Création d'une application web en ligne Allodoc.tn Hatem SLIMI

3.3 Espace de médecin (Tableau de bord)

Le menu change selon le droit d'accès. Dans notre cas on présente l'interface du médecin.

? Tableau de bord :

Figure 65 : Tableau de bord du médecin

3.4 Gérer planning (Médecin)

Pour créer son planning le médecin besoin à cette interface.

? Gérer planning :

ESEN 2016-2017 Page 97

Création d'une application web en ligne Allodoc.tn Hatem SLIMI

Figure 66 : Gérer planning

3.5 Ajouter assistant(e) (Médecin)

L'ajout d'un assistant(e) nécessite le remplissage de formulaire suivant :

? Ajouter assistant(e) :

Figure 67 : Ajouter assistant(e)

3.6 Ajouter patient (Médecin)

L'ajout d'un patient nécessite le remplissage de formulaire suivant :

ESEN 2016-2017 Page 98

Création d'une application web en ligne Allodoc.tn Hatem SLIMI

? Ajouter patient :

ESEN 2016-2017 Page 99

Figure 68 : Ajouter patient

3.7 Liste des patients (Médecin)

Après l'ajout d'un patient le médecin attend la vérification de l'insertion dans la base des données. En effet, si l'insertion bien terminer et sans aucun problème le patient alors s'affiche l'interface de la liste des patients.

? Ajouter patient :

Figure 69 : Liste des patients

Création d'une application web en ligne Allodoc.tn Hatem SLIMI