{"id":18600,"date":"2024-05-15T07:30:02","date_gmt":"2024-05-15T07:30:02","guid":{"rendered":"https:\/\/ig8df3bgexm.preview.infomaniak.website\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/"},"modified":"2025-05-02T07:44:45","modified_gmt":"2025-05-02T07:44:45","slug":"interface-utilisateur-ux-ui","status":"publish","type":"page","link":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/","title":{"rendered":"Interface utilisateur &#8211; UX\/UI"},"content":{"rendered":"\n    <div class=\"content-scada-page\">\n                    <h5 class=\"title-block full-width\" data-aos=\"fade-up\">\n                FONCTIONNALIT\u00c9S            <\/h5>\n        \n                        <div class=\"type-block content-default\">\n                    <div class=\"border-all full-width\" data-aos=\"fade-up\"><ol>\n<li>Biblioth\u00e8ques de symboles orient\u00e9es m\u00e9tier &#8211; Plus de 7200 images et 1500 symboles<\/li>\n<li>Objets 3D anim\u00e9s \u00e0 la pointe de la technologie<\/li>\n<li>Une gamme compl\u00e8te de plus de 60 animations int\u00e9gr\u00e9es<\/li>\n<li>En ligne sans avoir besoin de compiler ou de red\u00e9marrer<\/li>\n<\/ol>\n<\/div>\n            <\/div>\n            <\/div>\n\n\n\n\n    <div class=\"content-scada-page\">\n                    <h5 class=\"title-block full-width\" data-aos=\"fade-up\">\n                B\u00c9N\u00c9FICES            <\/h5>\n        \n                        <div class=\"type-block content-default\">\n                    <div class=\"border-all\" data-aos=\"fade-up\"><ol>\n<li>Conception et visualisation de graphismes anim\u00e9s de votre proc\u00e9d\u00e9<\/li>\n<li>R\u00e9duction des temps de configuration et de maintenance gr\u00e2ce \u00e0 l\u2019approche orient\u00e9e objet<\/li>\n<li>Modification en ligne pour une haute disponibilit\u00e9 des applications<\/li>\n<\/ol>\n<p>PcVue int\u00e8gre une interface graphique utilisateur puissante qui fournit tout ce dont vous avez besoin pour concevoir et afficher des graphiques anim\u00e9s sans programmation. Les applications d\u00e9velopp\u00e9es avec PcVue se composent d\u2019une ou plusieurs fen\u00eatres interactives reli\u00e9es entre elles et proposent \u00e0 l\u2019op\u00e9rateur des menus de navigation, des vues de proc\u00e9d\u00e9s, des pages d&#8217;\u00e9tats, etc. Chaque fen\u00eatre peut contenir des contr\u00f4les ActiveX\u00ae, des contr\u00f4les .NET, des images et peut int\u00e9grer toutes les animations graphiques natives de PcVue.<br \/>\nL&#8217;interface conviviale ainsi que les puissants outils graphiques rendent la conception de synoptiques simple, rapide et facilement maintenable.<\/p>\n<p>Les outils de d\u00e9veloppement int\u00e9gr\u00e9s et la conception interne de PcVue permettent les changements en ligne sans n\u00e9cessit\u00e9 de compilation ou de red\u00e9marrage.<br \/>\nLe m\u00eame synoptique peut \u00eatre ouvert \u00e0 la fois en mode conception et en mode ex\u00e9cution permettant la modification et le contr\u00f4le en temps r\u00e9el.<\/p>\n<\/div>\n            <\/div>\n    <div class=\"content-image\">\n                                    <div class=\"border-image\" data-aos=\"fade-up\">\n                    <picture>\n                        <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/05\/image-119.png\">\n                        <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/05\/image-119.png\" alt=\"image\" loading=\"lazy\" \/>\n                    <\/picture>\n                <\/div>\n                        <\/div>\n    <div class=\"content-tab-content\">\n        <div class=\"border-all\">\n            <div class=\"tab-select\"><\/div>\n            <div class=\"tab-header\">\n                                                                            <div class=\"title-tab active\" data-tab=\"conception-et-animations\" data-aos=\"fade-up\">Conception et animations<\/div>\n                                                                                                    <div class=\"title-tab \" data-tab=\"bibliotheques\" data-aos=\"fade-up\">Biblioth\u00e8ques<\/div>\n                                                                                                    <div class=\"title-tab \" data-tab=\"multi-ecran\" data-aos=\"fade-up\">Multi-\u00e9cran<\/div>\n                                                                                                    <div class=\"title-tab \" data-tab=\"exploitation\" data-aos=\"fade-up\">Exploitation<\/div>\n                                                                    <\/div>\n            <div class=\"tab-content\">\n                                                    <div class=\"tab-pane active\" data-tab=\"conception-et-animations\" data-aos=\"fade-up\">\n                                                                                                                                <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>Le gestionnaire de propri\u00e9t\u00e9s de dessin vous donne plus de contr\u00f4le sur la fa\u00e7on dont les propri\u00e9t\u00e9s sont appliqu\u00e9es aux \u00e9l\u00e9ments de dessin, \u00e0 la fois individuellement et en s\u00e9lection multiple. Il vous permet \u00e9galement de copier les propri\u00e9t\u00e9s d&#8217;un \u00e9l\u00e9ment sur d&#8217;autres \u00e9l\u00e9ments.<br \/>\nL&#8217;explorateur graphique permet d&#8217;avoir une vue hi\u00e9rarchique en un coup d\u2019\u0153il des \u00e9l\u00e9ments constitutif d\u2019un synoptique, et \u00e9galement de les modifier.<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image left\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/10\/mimic.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/10\/mimic.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>PcVue poss\u00e8de son propre \u00e9diteur graphique qui exploite les derni\u00e8res technologies de dessin vectoriel afin d\u2019offrir une productivit\u00e9 maximale lors de la cr\u00e9ation de synoptiques.\u00a0PcVue propose une gamme compl\u00e8te d&#8217;animations (plus de 60) comprenant le changement de couleur, la visibilit\u00e9, l&#8217;affichage du texte, , le mouvement, la rotation, le dimensionnement\u2026. Les images de type WMF, EMF, GIF (statique, anim\u00e9), BMP, JPEG, PNG et AVI peuvent \u00eatre import\u00e9es et anim\u00e9es ainsi que des objets 2D et 3D de type Direct-X en provenance de logiciel de CAO\/DAO.<br \/>\nIl est important de noter que les graphismes 3D peuvent \u00eatre anim\u00e9s avec\u00a0 PcVue.<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/05\/image-121.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/05\/image-121.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>Gr\u00e2ce \u00e0 la technologie orient\u00e9e objets, les objets graphiques sont facilement cr\u00e9\u00e9s et r\u00e9utilisables sans d\u00e9veloppement sp\u00e9cifique. La modification de tout objet se propage automatiquement partout o\u00f9 il est utilis\u00e9, r\u00e9duisant ainsi les risques d\u2019erreurs et facilitant la maintenance de l\u2019application. Vous pouvez cr\u00e9er et g\u00e9rer vos propres biblioth\u00e8ques d\u2019objets et de symboles afin de les exploiter dans vos diff\u00e9rents projets.<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                            <\/div>\n                                                        <div class=\"tab-pane \" data-tab=\"bibliotheques\" data-aos=\"fade-up\">\n                                                                                                                                <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>Les biblioth\u00e8ques PcVue ont \u00e9t\u00e9 con\u00e7ues pour faciliter le d\u00e9veloppement de projets graphiques en utilisant une approche modulaire.\u00a0Les objets de base sont faciles \u00e0 combiner et assembler \u00e0 l&#8217;infini en fonction des besoins des clients comme un puzzle. Les objets pr\u00e9d\u00e9finis livr\u00e9s couvrent les usages les plus communs et sont enti\u00e8rement personnalisables.<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries_4.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries_4.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>Les images et symboles pr\u00e9d\u00e9finis ont \u00e9t\u00e9 d\u00e9velopp\u00e9s pour \u00eatre le plus proche des besoins rencontr\u00e9s dans les diff\u00e9rents domaines gr\u00e2ce \u00e0 une \u00e9tude approfondie des applications de nos partenaires (pompes, vannes, commandes, affichages &#8230;). Des biblioth\u00e8ques sp\u00e9cifiques (proc\u00e9d\u00e9s, GTB , Gestion \u00e9lectrique\u2026) sont livr\u00e9es en standard avec le produit.<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries_2.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries_2.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>Toutes ces biblioth\u00e8ques sont d\u00e9velopp\u00e9es avec un graphisme r\u00e9solument modernes (ombres, 3D &#8230;), sans oublier l&#8217;aspect fonctionnel pour assurer le meilleur compromis\u00a0<strong>&#8220;temps de d\u00e9veloppement \/ rendu graphique&#8221;<\/strong><br \/>\nLes biblioth\u00e8ques PcVue comprennent plus de 7200 images au format PNG, environ 1500 objets anim\u00e9s et plus de 100 mod\u00e8les pr\u00e9d\u00e9finis contenant des variables instanci\u00e9es, des alarmes, des symboles, des traitements de seuils.<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries_3.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/libraries_3.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                            <\/div>\n                                                        <div class=\"tab-pane \" data-tab=\"multi-ecran\" data-aos=\"fade-up\">\n                                                                                                                                <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/IMG_20170210_1740152.jpg\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/IMG_20170210_1740152.jpg\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                            <\/div>\n                                                        <div class=\"tab-pane \" data-tab=\"exploitation\" data-aos=\"fade-up\">\n                                                                                                                                <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>L\u2019IHM de PcVue offre de nombreuses fonctionnalit\u00e9s d&#8217;ex\u00e9cution qui permettent d\u2019am\u00e9liorer l\u2019environnement d\u2019exploitation et les services propos\u00e9s aux utilisateurs pour contr\u00f4ler et surveiller leur production.<\/p>\n<p><strong>Calques<\/strong><\/p>\n<p>L\u2019IHM propose une gestion de calques \u00e0 l\u2019image de ce qui est propos\u00e9 dans les outils de CAO.<br \/>\nLes objets graphiques peuvent \u00eatre affect\u00e9s \u00e0 un ou plusieurs calques. Ainsi, en Run-time, l&#8217;utilisateur peut facilement afficher ou masquer des objets graphiques en activant ou d\u00e9sactivant des calques. Les niveaux de calques peuvent \u00e9galement \u00eatre associ\u00e9s \u00e0 des profils d&#8217;utilisateur pour que les objets graphiques soient automatiquement affich\u00e9s ou masqu\u00e9s en fonction de l&#8217;utilisateur connect\u00e9.<\/p>\n<p><strong>Zooms<\/strong><\/p>\n<p>Les fonctionnalit\u00e9s standards de zoom sont support\u00e9es\u00a0(Zoom avant, zoom arri\u00e8re, Zoom Zone) ainsi que des fonctions plus complexes tel que le \u00ab decluttering \u00bb qui consiste \u00e0 permettre l&#8217;affichage d&#8217;objets graphiques en fonction du niveau de zoom. Il est \u00e9galement possible de d\u00e9finir des mod\u00e8les de decluttering qui permettent l&#8217;affichage des couches en fonction du niveau de zoom.<br \/>\nCette fonction est tr\u00e8s utile en Run-time afin de r\u00e9duire automatiquement la quantit\u00e9 d&#8217;informations visibles, de sorte que l&#8217;information la plus importante soit rapidement accessible.<\/p>\n<p><strong>Navigation par onglet<\/strong><\/p>\n<p>La cr\u00e9ation d\u2019onglets de contr\u00f4les pour naviguer entre diff\u00e9rents synoptiques est une fonctionnalit\u00e9 int\u00e9gr\u00e9e de PcVue. Elle vous permet de d\u00e9finir plusieurs pages dans un synoptique.<br \/>\nLes synoptiques affich\u00e9s dans un onglet ont les m\u00eames propri\u00e9t\u00e9s que les synoptiques standards.<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/mimic_control.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/mimic_control.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p><strong>Le navigateur de synoptique<\/strong><\/p>\n<p>Le navigateur de synoptique est une autre m\u00e9thode de navigation dans un synoptique lorsque celui-ci est plus grand que sa fen\u00eatre d\u2019affichage. C\u2019est un outil int\u00e9gr\u00e9 disponible aussi bien en mode cr\u00e9ation qu\u2019en mode ex\u00e9cution.<\/p>\n<p>Le navigateur de synoptique s\u2019affiche comme une version miniature du synoptique avec un rectangle noir repr\u00e9sentant la vue en cours. Le rectangle peut \u00eatre d\u00e9plac\u00e9 avec le curseur, ou la souris, changeant ainsi la zone de vue du synoptique.<\/p>\n<p>Cette fonction est tr\u00e8s utile pour aider l&#8217;utilisateur \u00e0 naviguer dans des synoptiques repr\u00e9sentant enti\u00e8rement des proc\u00e9d\u00e9s de grande taille (b\u00e2timents, infrastructures de transports ou de distribution \u00e9lectriques\u2026).<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/navigator.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/navigator.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p><strong>Objets contextuels pour un acc\u00e8s facile aux donn\u00e9es<\/strong><\/p>\n<p>L\u2019IHM de PcVue met en \u0153uvre le concept d&#8217;objet contextuel qui permet \u00e0 un objet d\u2019obtenir les donn\u00e9es contextuelles d&#8217;un autre objet.<br \/>\nPar exemple, il est possible de d\u00e9finir une relation m\u00e8re \/ enfant entre deux synoptiques. Dans ce cas, la fen\u00eatre fille h\u00e9rite du contexte du synoptique m\u00e8re.<\/p>\n<p>Cette fonctionnalit\u00e9 associ\u00e9e \u00e0 l\u2019organisation objet de la base de donn\u00e9e de PcVue permet de d\u00e9velopper facilement des synoptiques pop-up contextuels tels que les synoptiques de d\u00e9tails.<\/p>\n<p>Le m\u00eame principe peut s\u2019appliquer \u00e0 d&#8217;autres objets tels que les symboles, les programmes, les bulles d\u2019aides contextuelles, &#8230;<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/contextual_objects.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/contextual_objects.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"content-default content-tab\" data-aos=\"fade-up\">\n                                                                                            <div class=\"border-content-tab full-width\"><p>Dans l&#8217;exemple ci-dessus, le synoptique de d\u00e9tail du thermostat est unique, et il est utilis\u00e9 avec diff\u00e9rentes donn\u00e9es contextuelles en fonction du symbole du thermostat \u00e0 partir duquel il est ouvert. En outre, l&#8217;info-bulle r\u00e9cup\u00e8re automatiquement le contexte du symbole associ\u00e9 pour afficher la description de l&#8217;appareil.<\/p>\n<p>Par ailleurs, il est possible de mettre en place un synoptique contextuel sp\u00e9cifique pour les alarmes (voir le\u00a0<a href=\"https:\/\/10.0.0.50\/pcvue_france\/index.php\/component\/content\/?id=432:alarms-events-log-and-sequence-of-events&amp;catid=1:pcvue-solutions&amp;Itemid=415\">sujet alarmes<\/a>\u00a0pour plus de d\u00e9tails)<\/p>\n<p><strong>Contr\u00f4les<\/strong><\/p>\n<p>PcVue fournit des contr\u00f4les int\u00e9gr\u00e9s qui sont simples \u00e0 mettre en \u0153uvre (pas de script), et permettent de simplifier \u00e0 la fois le d\u00e9veloppement de l\u2019application mais \u00e9galement de fournir aux exploitants des solutions classiques de navigation ou de s\u00e9lections (tree-view, list box\u2026).<\/p>\n<p>&nbsp;<\/p>\n<\/div>\n                                                                                    <\/div>\n                                                                                                                                                                            <div class=\"image-tab content-image\" data-aos=\"fade-up\">\n                                                                                                                                                <div class=\"border-image\">\n                                                        <picture>\n                                                            <source media=\"(max-width:767.98px)\" srcset=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/control.png\">\n                                                            <img decoding=\"async\" src=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/07\/control.png\" alt=\"image\" loading=\"lazy\" \/>\n                                                        <\/picture>\n                                                    <\/div>\n                                                                                                                                    <\/div>\n                                                                                                                                            <\/div>\n                                                <\/div>\n        <\/div>\n    <\/div>\n            <\/div>\n\n\n\n\n    <div class=\"content-scada-page merge-block container d-flex\">\n        \n                            <div class=\"type-block content-button\">\n            <a class=\"button arrow\" href=\"https:\/\/www.pcvue.com\/fr\/service-client\/formation\/\" target=\"_self\">Besoin d&#039;une formation ?<\/a>\n        <\/div>\n    \n    <div class=\"content-quote\">\n        <div class=\"border-all\">\n            \n                                    <div class=\"info-all-quote\">\n                                                    \n                                            <\/div>\n                \n                \n                    <\/div>\n    <\/div>\n        <div class=\"type-block content-button\">\n            <a class=\"button arrow btn-view-pdf\" href=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2016\/10\/PcVue_Fonctionnalites_Brochure.pdf\" target=\"_self\">Plus de fonctionnalit\u00e9s<\/a>\n            <div class=\"flip-reader hidden\">\n                <div class=\"_df_thumb \" id=\"df_rand223249874\"  data-title=\"\" wpoptions=\"true\" thumbtype=\"\" source=\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2016\/10\/PcVue_Fonctionnalites_Brochure.pdf\" >Open Book<\/div>             <\/div>\n        <\/div>\n    \n    <div class=\"content-quote\">\n        <div class=\"border-all\">\n            \n                                    <div class=\"info-all-quote\">\n                                                    \n                                            <\/div>\n                \n                \n                    <\/div>\n    <\/div>\n            <\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":15227,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/scada.php","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-18600","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Interface utilisateur - UX\/UI - PcVue<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interface utilisateur - UX\/UI - PcVue\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/\" \/>\n<meta property=\"og:site_name\" content=\"PcVue\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-02T07:44:45+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/\",\"url\":\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/\",\"name\":\"Interface utilisateur - UX\/UI - PcVue\",\"isPartOf\":{\"@id\":\"https:\/\/www.pcvue.com\/fr\/#website\"},\"datePublished\":\"2024-05-15T07:30:02+00:00\",\"dateModified\":\"2025-05-02T07:44:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pcvue.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nos offres\",\"item\":\"https:\/\/www.pcvue.com\/our-offers\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Par Applications\",\"item\":\"https:\/\/www.pcvue.com\/our-offers\/by-application\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Fonctions SCADA\",\"item\":\"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Interface utilisateur &#8211; UX\/UI\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pcvue.com\/fr\/#website\",\"url\":\"https:\/\/www.pcvue.com\/fr\/\",\"name\":\"PcVue\",\"description\":\"LET&#039;S ENGINEER\",\"publisher\":{\"@id\":\"https:\/\/www.pcvue.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pcvue.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.pcvue.com\/fr\/#organization\",\"name\":\"PcVue\",\"url\":\"https:\/\/www.pcvue.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.pcvue.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/04\/fullColor.svg\",\"contentUrl\":\"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/04\/fullColor.svg\",\"caption\":\"PcVue\"},\"image\":{\"@id\":\"https:\/\/www.pcvue.com\/fr\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interface utilisateur - UX\/UI - PcVue","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/","og_locale":"fr_FR","og_type":"article","og_title":"Interface utilisateur - UX\/UI - PcVue","og_url":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/","og_site_name":"PcVue","article_modified_time":"2025-05-02T07:44:45+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/","url":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/","name":"Interface utilisateur - UX\/UI - PcVue","isPartOf":{"@id":"https:\/\/www.pcvue.com\/fr\/#website"},"datePublished":"2024-05-15T07:30:02+00:00","dateModified":"2025-05-02T07:44:45+00:00","breadcrumb":{"@id":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/interface-utilisateur-ux-ui\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pcvue.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Nos offres","item":"https:\/\/www.pcvue.com\/our-offers\/"},{"@type":"ListItem","position":3,"name":"Par Applications","item":"https:\/\/www.pcvue.com\/our-offers\/by-application\/"},{"@type":"ListItem","position":4,"name":"Fonctions SCADA","item":"https:\/\/www.pcvue.com\/fr\/nos-offres\/par-applications\/fonctions-scada\/"},{"@type":"ListItem","position":5,"name":"Interface utilisateur &#8211; UX\/UI"}]},{"@type":"WebSite","@id":"https:\/\/www.pcvue.com\/fr\/#website","url":"https:\/\/www.pcvue.com\/fr\/","name":"PcVue","description":"LET&#039;S ENGINEER","publisher":{"@id":"https:\/\/www.pcvue.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pcvue.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.pcvue.com\/fr\/#organization","name":"PcVue","url":"https:\/\/www.pcvue.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.pcvue.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/04\/fullColor.svg","contentUrl":"https:\/\/www.pcvue.com\/wp-content\/uploads\/2024\/04\/fullColor.svg","caption":"PcVue"},"image":{"@id":"https:\/\/www.pcvue.com\/fr\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/pages\/18600","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/comments?post=18600"}],"version-history":[{"count":7,"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/pages\/18600\/revisions"}],"predecessor-version":[{"id":28400,"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/pages\/18600\/revisions\/28400"}],"up":[{"embeddable":true,"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/pages\/15227"}],"wp:attachment":[{"href":"https:\/\/www.pcvue.com\/fr\/wp-json\/wp\/v2\/media?parent=18600"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}