Présentation d'OpenFlyers 4 : Différence entre versions

Aller à : navigation, rechercher
(Structure avec un faible débit internet)
 
(60 révisions intermédiaires par 4 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 
__TOC__
 
__TOC__
  
=Présentation=
+
=Migrer vers OpenFlyers 4=
 +
==Les nouveautés de la version 4==
 +
OpenFlyers repense son interface avec la version 4 afin d'offrir un confort d'utilisation pour les utilisateurs disposant d'écran à forte résolution ou d'écrans tactiles.
  
L'objet de cette page est de présenter la [[#Présentation-de-la-version-4|version 4 d'OpenFlyers]] qui embarque un certain nombre de [[Historique-des-versions#OpenFlyers-version-4|nouveautés]] par rapport à la version obsolète 3. Des présentations vidéos sont également disponibles sur [[#Prise-en-main-de-l'interface-en-vidéo|YouTube]].
+
Ainsi, la version 4 est prévue être accessible via trois interfaces graphiques différentes :
 +
*L'[[#Appli-OpenFlyers|appli téléchargeable]] (actuellement en développement).
 +
*L'[[#Interface-dynamique|interface dynamique]] (en version alpha)
 +
*L'[[#Interface-légère|interface légère]] qui correspond à l'interface historique d'OpenFlyers qui a fait son succès et qui a été rafraichie pour l'occasion afin de garder un caractère moderne tout en maintenant sa légèreté qui lui permet d'être facilement utilisable dans des lieux où le débit du réseau est limité.
  
=Présentation de la version 4=
+
Outre ses nouvelles interfaces, OpenFlyers 4 offre de nombreuses nouvelles fonctionnalités et continue de s'enrichir au fil des semaines en fonction des demandes de ses clients. Notamment le stockage des validités permet aux organismes ATO ou DTO de dématérialiser l'archivage des documents associés à certaines validités des utilisateurs tout en étant conforme à la réglementation.
  
==Ancienne / Nouvelle interface==
+
De nombreuses nouvelles fonctionnalités sont disponibles. Il est possible de retrouver la liste complète dans l'historique des versions :
  
La version 4 dispose de '''deux interfaces graphiques''' :
+
https://openflyers.com/fr/doc/of4/Historique-des-versions
*l'interface historique avec l'ensemble des fonctionnalités qui étaient présentes sur la version 3
+
*[[#Refonte-complète-du-design-et-de-l'ergonomie|une nouvelle interface adaptée aux écrans tactiles]]
+
  
Selon le paramétrage effectué, une plateforme OpenFlyers sous version 4 est soit une version 4 '''bridée''', soit une version 4 '''complète'''. Les différences sont les suivantes :
+
==Tester la version 4 avant de migrer==
*Une version 4 bridée permet d'avoir toutes les fonctionnalités de l'ancienne version 3.6. Par contre, elle ne permet pas de tirer profit de l'intégralité des [[Historique-des-versions#OpenFlyers-version-4|nouveautés]] de la version 4.
+
Il est possible pour les clients sous version 3.6 de [[Compte-client-OpenFlyers-et-modèle-commercial#Plateforme-supplémentaire-de-test|créer automatiquement une recopie de leur base de données sur une plateforme OF4]] pour pouvoir la découvrir et la tester avant de passer en production dessus.
*A l'inverse, une version 4 complète permet d'avoir toutes les nouvelles fonctionnalités de la version 4 mais dans ce cas, des interfaces de l'ancienne version ne sont plus accessibles.
+
C'est ainsi que, par exemple, sous version 4 complète, l'ancienne interface du planning de réservation n'est plus disponible : seule est disponible la nouvelle interface.
+
  
Lors d'une création de plateforme ou lors d'une demande de montée de version, c'est la version 4 bridée qui est mise en place par défaut.
+
Pour les autres clients, il suffit d'aller sur une plateforme de démonstration :
 +
https://openflyers.com/fr/etudes-cas
  
Il est possible pour les clients sous l'ancienne version 3.6 de [[Compte-client-OpenFlyers-et-modèle-commercial#Plateforme-supplémentaire-de-test|créer automatiquement une recopie de leur base de données sur une plateforme OF4]] pour pouvoir la découvrir et la tester.
+
==Demander à migrer vers la version 4==
 +
Les clients disposant d'une plateforme OpenFlyers sous une ancienne version et souhaitant migrer vers la version 4 peuvent le faire très simplement en effectuant les actions suivantes :
 +
*Uniquement pour les clients First-Price : créer et payer la facture de 100 € HT de demande de migration dans l'espace client https://client.openflyers.com
 +
*Pour tous les clients : envoyer un email à OpenFlyers en tant que responsable OpenFlyers de sa structure et demandant la migration.
  
==Structure avec un faible débit internet==
+
Dans l'email, il faut préciser s'il faut activer l'interface dynamique qui est, pour le moment, en version "alpha".
  
Jusqu'à la version 3, notre désir était que nos plateformes soient accessibles au plus grand nombre. Encore aujourd'hui, beaucoup de structures, comme les aéroclubs, sont dans des endroits assez reculés où les débits internets peuvent être faibles.  
+
En général, la migration est effectuée la semaine suivant la demande sauf le vendredi et de préférence le lundi.
  
Avec l'arrivée des nouvelles technologies, nous souhaitions faire profiter aux utilisateurs des avantages qu'elles procurent. C'est pourquoi nous avons travaillé sur une nouvelle interface adaptée aux écrans tactiles. Cependant, ces nouvelles technologies nécessitent d'avoir des machines plus récentes mais aussi un débit internet plus conséquent. C'est pourquoi, dans la version 4, [[#Ancienne-/-Nouvelle-interface|nous continuons de proposer notre interface historique]]. Si vous êtes dans ce cas, [[Connexion#Changer-l'interface-affichée-par-défaut|alors vous pouvez changer l'interface affichée par défaut]].
+
'''Attention''' : la migration est irréversible et les rapports personnalisés ne sont pas mis à jour. D'ailleurs l'accès à ces derniers est supprimé sauf demande express pour les conserver. Il est recommandé de ne le faire que si la structure dispose d'un informaticien qui s'engage à les maintenir.
  
==Prise en main de l'interface en vidéo==
+
=Les interfaces de la version 4=
 +
==Appli OpenFlyers==
 +
Une appli OpenFlyers est en cours de finalisation. Elle sera téléchargeable dans un premier temps sous Android puis ensuite sous iOS.
  
Afin de faciliter la prise en main de la nouvelle interface, nous avons mis sur [https://www.youtube.com/user/OpenFlyersFr notre chaîne YouTube], des vidéos de présentation :
+
==Interface légère==
*[https://www.youtube.com/watch?v=-lqPyrtf1i4 Présentation OF4]
+
L'interface légère correspond à l'interface historique d'OpenFlyers. Elle contient non seulement l'ensemble des fonctionnalités qui étaient présentes sur l'ancienne version 3 mais également les nouvelles fonctionnalités qui font leur apparition progressivement sur la version 4 en fonction des demandes des clients. Cette interface a le mérite de pouvoir être facilement accessible lorsque la connexion internet souffre d'un débit limité.
*[https://www.youtube.com/watch?v=qNACMM6vv7sI Utilisation du menu]
+
*[https://www.youtube.com/watch?v=tzM6hyOIpnc Utilisation du planning de réservation]
+
*[https://www.youtube.com/watch?v=8J-AEtHrPqg Paiement à la réservation]
+
*[https://www.youtube.com/watch?v=YylSewaTm4c Utilisation des tableaux]
+
  
 
=Refonte complète du design et de l'ergonomie=
 
=Refonte complète du design et de l'ergonomie=
  
==Gestes==
+
==Fil d'Ariane==
Ce paragraphe présente les gestes permettant de manipuler OpenFlyers 4.
+
Le [[Wikipedia-fr:Fil_d'Ariane_(ergonomie)|fil d'Ariane]] est présent uniquement sur l'[[#Interface-légère|interface légère]]. En effet, il est construit d'après l'[[Wikipedia-fr:Arborescence|arborescence]] de la plateforme, celle-ci correspondant aux différents niveaux des menus et sous-menus.
  
===Balayage===
+
L'[[#Interface-dynamique|interface dynamique]] ne contient pas de fil d'Ariane car le [[Menu-de-l'interface-dynamique|menu]] est potentiellement ré-organisable par l'utilisateur.
Le '''balayage''' existe uniquement sur écran tactile. Il consiste à effleurer rapidement l'écran selon l'axe horizontal ou l'axe vertical.
+
 
+
Utilisation :
+
*Sur le menu de navigation ouvert : affiche la page à la gauche ou à la droite de la page actuelle selon le sens du balayage.
+
 
+
Vidéo : https://www.youtube.com/v/qNACMM6vv7s?start=32&end=46
+
 
+
===Clic court===
+
Le '''clic court''' consiste à presser brièvement le bouton gauche de la souris ou à appuyer avec un doigt brièvement sur l'écran tactile.
+
 
+
Utilisation :
+
Le clic court étant le clic standard, seules sont détaillées ici les utilisations notables dans d'OpenFlyers 4.
+
*Sur une réservation existante : édition de la réservation
+
 
+
Vidéo : https://www.youtube.com/v/tzM6hyOIpnc?start=67&end=75
+
 
+
===Clic long===
+
Le '''clic long''' consiste à presser le bouton gauche de la souris ou à appuyer avec un doigt 0,3 secondes sur l'écran tactile.
+
 
+
Utilisation :
+
*Sur un créneau des lignes du planning : crée une réservation.
+
 
+
Vidéo : https://www.youtube.com/v/tzM6hyOIpnc?start=139&end=149
+
 
+
===Glisser-déposer===
+
Le '''glisser-déposer''' consiste avec une souris à presser le bouton gauche de la souris sur un élément déplaçable, effectuer un déplacement avec la souris, et enfin relâcher le bouton gauche lorsque le déplacement est terminé.
+
 
+
Le '''glisser-déposer''' consiste avec un écran tactile à maintenir le doigt appuyé sur un élément déplaçable, effectuer un déplacement, et enfin enlever son doigt de l'écran lorsque le déplacement est terminé.
+
 
+
Utilisation :
+
*Sur un pictogramme du menu : déplace le pictogramme.
+
*Au milieu d'une réservation auparavant éditée avec un [[#Clic_court|clic court]] : déplace la réservation.
+
*Sur une zone de redimensionnement d'une réservation auparavant éditée avec un [[#Clic_court|clic court]] : redimensionne la réservation.
+
*Sur le bouton de déplacement d'une ligne de tableau : modifie la position de la ligne.
+
 
+
Vidéo :
+
https://www.youtube.com/v/YylSewaTm4c?start=225&end=267
+
  
 
==Interface graphique==
 
==Interface graphique==
Ligne 88 : Ligne 54 :
 
[[Fichier:Mailing.png]]
 
[[Fichier:Mailing.png]]
 
====Types d'emails====
 
====Types d'emails====
*[[Envoi-automatique-des-emails|Email automatiques]]
+
*[[Envoi-des-emails|E-mails automatiques]]
 
*[[Mailing|Mailing]]
 
*[[Mailing|Mailing]]
  
Ligne 100 : Ligne 66 :
 
*La '''taille''' des éléments est suffisamment grande pour les manipulations tactiles.
 
*La '''taille''' des éléments est suffisamment grande pour les manipulations tactiles.
  
==[[Menu|Menu de navigation]]==
+
===[[Ergonomie#Gestes|Gestes]]===
Une grande nouveauté d'OpenFlyers4 est son menu de navigation, visuel et souple d'utilisation.
+
  
[[Fichier:OF4-menu-standard.png]]
+
==[[Menu de navigation]]==
  
====[[Aspect du menu#Iconographie|Iconographie]]====
+
==Planning de réservation==
*Une navigation visuelle, avec de nombreux pictogrammes permettant d'identifier rapidement les actions proposées.
+
*Deux types de pictogrammes :
+
**Les [[Aspect du menu#Pictogramme-action|pictogrammes-actions]].
+
**Les [[Aspect du menu#Dossier|dossiers]].
+
 
+
====[[Utilisation-du-menu#Classement-dans-des-dossiers|Classement par dossiers]]====
+
L'utilisateur peut créer des dossiers et y glisser les pictogrammes-actions souhaitées.
+
 
+
====[[Utilisation-du-menu#Configuration|Configuration]]====
+
Le menu est personnalisable :
+
*[[Utilisation-du-menu#Ordonnancement|Ordonnancement]]
+
*[[Utilisation-du-menu#Configuration-des-pictogrammes-actions|Configuration des pictogrammes-actions]]
+
*[[Utilisation-du-menu#Configuration-des-dossiers|Configuration des dossiers]]
+
*etc.
+
 
+
==[[Planning de réservation|Planning de réservation]]==
+
  
 
[[File:OF4-planning-doigt.png]]
 
[[File:OF4-planning-doigt.png]]
Ligne 146 : Ligne 95 :
 
La publicité permet à OpenFlyers de proposer des [https://openflyers.com/fr/tarifs tarifs d'abonnements] modiques à ses clients.  
 
La publicité permet à OpenFlyers de proposer des [https://openflyers.com/fr/tarifs tarifs d'abonnements] modiques à ses clients.  
  
Elle s'affiche sous forme de bannières sur le [[Planning-de-réservation|planning de réservation]], la page de [[Connexion|connexion]] et les [[#Emails|emails]], selon la formule d'abonnement choisie.
+
Elle s'affiche sous forme de bannières sur le [[Aspect du planning de réservation|planning de réservation]], la page de [[connexion]] et les [[#Emails|emails]], selon la formule d'abonnement choisie.
  
 
{| class="wikitable"
 
{| class="wikitable"
Ligne 182 : Ligne 131 :
 
====[[Aspect des tableaux#Tableaux_à_pages|Tableaux à pages]]====
 
====[[Aspect des tableaux#Tableaux_à_pages|Tableaux à pages]]====
 
Certains tableau comportent des tableaux imbriqués. Ceux-ci sont accéssibles depuis le premier tableau grâce à un système de pagination.
 
Certains tableau comportent des tableaux imbriqués. Ceux-ci sont accéssibles depuis le premier tableau grâce à un système de pagination.
 
==[[Univers|Univers]]==
 
Un bandeau de couleur présent en haut de chaque page permet de savoir dans quel [[Univers|univers de l'application]] on se situe.
 

Version actuelle en date du 12 septembre 2023 à 14:35

Migrer vers OpenFlyers 4

Les nouveautés de la version 4

OpenFlyers repense son interface avec la version 4 afin d'offrir un confort d'utilisation pour les utilisateurs disposant d'écran à forte résolution ou d'écrans tactiles.

Ainsi, la version 4 est prévue être accessible via trois interfaces graphiques différentes :

  • L'appli téléchargeable (actuellement en développement).
  • L'interface dynamique (en version alpha)
  • L'interface légère qui correspond à l'interface historique d'OpenFlyers qui a fait son succès et qui a été rafraichie pour l'occasion afin de garder un caractère moderne tout en maintenant sa légèreté qui lui permet d'être facilement utilisable dans des lieux où le débit du réseau est limité.

Outre ses nouvelles interfaces, OpenFlyers 4 offre de nombreuses nouvelles fonctionnalités et continue de s'enrichir au fil des semaines en fonction des demandes de ses clients. Notamment le stockage des validités permet aux organismes ATO ou DTO de dématérialiser l'archivage des documents associés à certaines validités des utilisateurs tout en étant conforme à la réglementation.

De nombreuses nouvelles fonctionnalités sont disponibles. Il est possible de retrouver la liste complète dans l'historique des versions :

https://openflyers.com/fr/doc/of4/Historique-des-versions

Tester la version 4 avant de migrer

Il est possible pour les clients sous version 3.6 de créer automatiquement une recopie de leur base de données sur une plateforme OF4 pour pouvoir la découvrir et la tester avant de passer en production dessus.

Pour les autres clients, il suffit d'aller sur une plateforme de démonstration : https://openflyers.com/fr/etudes-cas

Demander à migrer vers la version 4

Les clients disposant d'une plateforme OpenFlyers sous une ancienne version et souhaitant migrer vers la version 4 peuvent le faire très simplement en effectuant les actions suivantes :

  • Uniquement pour les clients First-Price : créer et payer la facture de 100 € HT de demande de migration dans l'espace client https://client.openflyers.com
  • Pour tous les clients : envoyer un email à OpenFlyers en tant que responsable OpenFlyers de sa structure et demandant la migration.

Dans l'email, il faut préciser s'il faut activer l'interface dynamique qui est, pour le moment, en version "alpha".

En général, la migration est effectuée la semaine suivant la demande sauf le vendredi et de préférence le lundi.

Attention : la migration est irréversible et les rapports personnalisés ne sont pas mis à jour. D'ailleurs l'accès à ces derniers est supprimé sauf demande express pour les conserver. Il est recommandé de ne le faire que si la structure dispose d'un informaticien qui s'engage à les maintenir.

Les interfaces de la version 4

Appli OpenFlyers

Une appli OpenFlyers est en cours de finalisation. Elle sera téléchargeable dans un premier temps sous Android puis ensuite sous iOS.

Interface légère

L'interface légère correspond à l'interface historique d'OpenFlyers. Elle contient non seulement l'ensemble des fonctionnalités qui étaient présentes sur l'ancienne version 3 mais également les nouvelles fonctionnalités qui font leur apparition progressivement sur la version 4 en fonction des demandes des clients. Cette interface a le mérite de pouvoir être facilement accessible lorsque la connexion internet souffre d'un débit limité.

Refonte complète du design et de l'ergonomie

Fil d'Ariane

Le fil d'Ariane est présent uniquement sur l'interface légère. En effet, il est construit d'après l'arborescence de la plateforme, celle-ci correspondant aux différents niveaux des menus et sous-menus.

L'interface dynamique ne contient pas de fil d'Ariane car le menu est potentiellement ré-organisable par l'utilisateur.

Interface graphique

Emails

Aspect

Mailing.png

Types d'emails

Interface multi-supports

Adaptation aux différentes résolutions d'écrans

L'interface graphique d'OpenFlyers4 a été conçue pour s'adapter à l'écran de l'utilisateur. Que l'écran soit large (PC) ou étroit (tablette en mode portrait et bientôt sur smarphone), les éléments se redisposent de manière à offrir lecture et interactions optimisées.

Optimisation pour l'utilisation tactile

Les interactions sont aisément réalisables sur écrans tactiles :

  • De nombreuses actions s'effectuent par balayage ou glisser-déposer.
  • La taille des éléments est suffisamment grande pour les manipulations tactiles.

Gestes

Menu de navigation

Planning de réservation

OF4 planning doigt.png

Palette d'outils associée au planning

L'interaction entre les lignes du planning et la palette d'outils permet une gestion dynamique des réservations.

Pictogrammes et code-couleurs

De nombreux éléments visuels pour accéder rapidement à l'information et aux interactions.

Visualisation immédiate des ressources

Chaque ressource est identifiée par un pictogramme dédié, quel que soit l'emplacement où elle se trouve : palette d'outils, lignes du planning, réservation.

Réservations de l'utilisateur connecté

Pour distinguer immédiatement ses propres réservations.

Redimensionnement de la réservation

Le redimensionnement s'effectue directement sur les lignes du planning, par glisser-déposer.

Réservations incomplètes

Les réservations, même incomplètes, sont matérialisées sur le planning et affectées à un utilisateur.

Publicité

La publicité permet à OpenFlyers de proposer des tarifs d'abonnements modiques à ses clients.

Elle s'affiche sous forme de bannières sur le planning de réservation, la page de connexion et les emails, selon la formule d'abonnement choisie.

Formule d'abonnement Publicité sur le planning Publicité sur la page de connexion et les emails
Solo Oui Oui
First Price Oui Oui
Business Non Oui
Business+ Non Non
Première Non Non

Tableaux

Table4 1 generic.png

Adaptation à la taille de l'écran

Les dimensions du tableau s'adaptent à celles de l'écran de l'utilisateur. Il est ensuite possible de faire coulisser le contenu dans l'espace disponible. Ainsi, le contenu reste facilement accessible, quel que soit le support.

Éditions des données

Mise à jour instantanée, sans rechargement de page.

Ordonnancement

Il est possible de changer l'ordre des lignes du tableau par glisser-déposer.

Ajouter et supprimer des lignes

L'utilisateur peut ajouter ou supprimer des lignes rapidement.

Tableaux à onglets

Certains tableaux comportent plusieurs sections. Celles-ci sont accessibles par onglets.

Tableaux à pages

Certains tableau comportent des tableaux imbriqués. Ceux-ci sont accéssibles depuis le premier tableau grâce à un système de pagination.