Sur d’autres sites (11737)

• Evolution #4749 (Nouveau) : [UX] Comportement des labels : quoi par défaut, quoi ponctuel ?

  27 avril 2021, par RastaPopoulos ♥

  Ce ticket sert à réfléchir et possiblement reconcevoir les choix par défaut pour les labels des formulaires.

  État des lieux¶

  On le sait, l’ergo c’est normalement beaucoup d’objectif : certains placements, certaines tailles, épaisseurs, etc fonctionnent mieux que d’autres, et ceci est prouvable par tests utilisateurs.

  Or cela fait des années que les tests par eye-tracking montrent que les formulaires sont
  1) lu plus rapidement
  2) avec une meilleure compréhension
  lorsque les labels sont au-dessus des champs.

  Ça ne veut pas dire qu’il faut totalement interdire autrement mais : ça veut clairement dire que ça devrait être le comportement par défaut. Et seulement ponctuellement, par choix explicite, pouvoir mettre les labels sur le côté.

  Par ailleurs les pros de l’ergo (sur base des mêmes tests) préconisent tou⋅tes : dans les rares cas où on met les labels sur le côté, ça devrait être calé à droite sur le champ, pour les mêmes raisons de compréhension.

  Les avantages des labels au-dessus :
  - prouvé que c’est bien mieux compris par tout le monde
  - lecture plus rapide
  - fonctionne de base sur tous les écrans, pas d’adaptation à faire
  - polyvalent et générique sur le contenu des labels : marche mieux quelque soit la longueur, et donc à prioriser dans un contexte multilingue
  => cela correspond bien au maximum de notre utilisation : un CMS multi-lingue, allant enfin vers le responsive, se souciant d’accessibilité.

  Le seul désavantage : allonge la hauteur des formulaires, mais ça n’a un impact surtout que pour les formulaires ayant vraiment vraiment beaucoup de champs, ce qui est rare !
  Quand un formulaire est extrêmement long, il y a même plusieurs méthodes qui peuvent être utilisées sans pour autant passer les labels sur le côté :
  1) placer certains champs sur le même ligne (prénom + nom, etc)
  2) découper le formulaire en plusieurs étapes.

  Proposition pour le futur¶

  - tous les labels doivent être au-dessus comme comportement par défaut
  - pour certains cas, une classe permet de mettre sur le côté : valable uniquement en grand écran, ça reste au-dessus en mobile first
  - si sur le côté : c’est mieux si aligné sur le champ (donc à droite en LTR)
  - ex de rare formulaire candidat : changement des dates

  Quelques sources¶

  Tests utilisateurs
  https://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php

  Placing a label above an input field works better in most cases
  Placing labels above input fields is preferable
  In most cases, when placing labels to the left of input fields, using left-aligned labels imposes a heavy cognitive workload on users
  if you choose to place them to the left of input fields, at least make them right aligned

  Chez le très connu cabinet d’ergo Nielsen Group
  https://www.nngroup.com/articles/form-design-white-space/

  We recommend placing field labels above the corresponding text fields [en gras chez eux !]
  it makes the form easier to scan, because users can see the text field in the same fixation as the label. Top placement also allows for longer field labels
  If the labels are too far to the left, it can be difficult to associate the correct label with its corresponding field

  Chez Adobe, ils préconisent de suivre les recommandations de la première source
  https://xd.adobe.com/ideas/principles/web-design/best-practices-form-design/

  Matteo Penzo’s 2006 article on label placement suggests that forms are completed faster if labels are on top of the fields. Top-aligned labels are good if you want users to scan the form as quickly as possible.
  The biggest advantage of top-aligned labels is that different-sized labels and localized versions can more easily fit the UI.
  Takeaway : If you want users to scan a form quickly, put labels above the fields. The layout will be easier to scan because the eye will move straight down the page. However, if you want users to read carefully, put labels to the left of the fields. This layout will slow down the reader and make them scan in a Z-shaped motion.

  Chez une appli de conception d’interface
  https://phase.com/magazine/usability-of-forms/

  from a cognitive point of view, the association is powerful
  Also, the eyes move only in one direction since the scanning is top down as compared to Z shape (left-right and top-bottom) for inline labels
  Design is space efficient and hence adaptable to all resolutions ; in short, responsive in nature
  We also get flexibility regarding the length of labels. This proves useful while working with variable label lengths like multilingual support for applications
  One drawback of this approach is the increased height of the form. However, it can be solved with alternate designs like a grouping of fields or stepper forms

• Encode video with H.264 using FFmpeg in Windows

  4 novembre 2019, par cbuchart

  I’m trying to encode a video with H.264 using FFmpeg (AV_CODEC_ID_H264), but I’m unable to init the codec correctly. No issues at all when using other codec like AV_CODEC_ID_MPEG1VIDEO.

  avcodec_register_all();
  
  
  
  auto codec = avcodec_find_encoder(AV_CODEC_ID_H264);
  
  if (!codec) { return false; }
  
  
  
  auto codec_context = avcodec_alloc_context3(codec);
  
  if (!codec_context) { return false; }
  
  
  
  codec_context->codec_id = codec->id;
  
  codec_context->codec_type = AVMEDIA_TYPE_VIDEO;
  
  
  
  codec_context->width = w; // w = 1280 on tests
  
  codec_context->height = h; // h = 1024 on tests
  
  codec_context->bit_rate = w * h * 4;
  
  
  
  codec_context->time_base = { 1, fps }; // fps = 50 on tests
  
  codec_context->framerate = { fps, 1 };
  
  
  
  codec_context->gop_size = 10;
  
  
  
  codec_context->pix_fmt = AV_PIX_FMT_YUV420P;
  
  
  
  if (codec->id == AV_CODEC_ID_H264) {
  
      av_opt_set(codec_context->priv_data, "preset", "veryfast", 0);
  
  }
  
  
  
  if (avcodec_open2(codec_context, codec, nullptr) < 0) { return false; } // < Fails here

  The first error message I received is :

  [h264_amf @ 08e75900] DLL amfrt32.dll failed to open

  As far as I was able to find, that DLL belongs to the Advanced Media Framework, a SDK to access HW acceleration from AMD hardware. I don’t own an AMD card, so I don’t have such drivers nor SDK installed in my computer. Anyway, I downloaded the SDK and copied driver’s DLLs to my binaries directory. The missing DLL error was removed, but, as expected, the module was not correctly initialized :

  [h264_amf @ 0375b600] CreateComponent(AMFVideoEncoderVCE_AVC) failed with error 13

  Question : Am I missing anything (parameters, dependencies) ? Is there any way to disable the AMF acceleration or to mark it as optional / auto-detect / whatever ?

  PS : I’m expecting to run the encoding executable in a very heterogeneous client-base, assuming Windows 10 and barely anything else, so I can’t mark as mandatory vendor-specific accelerations.

  PS : I’m using the pre-compiled LGPL build of FFmpeg 4.2.1 from https://ffmpeg.zeranoe.com/builds/ for Windows 32 bits. My code is being compiled using Visual Studio 2017.

  If the problem is in the pre-compiled version, I’m happy with re-building it. If so, which configuration parameters should I use when building x264 or ffmpeg then ?

• FFMpeg PHP : Unable to load FFProbe

  23 septembre 2023, par Artem Konyaev

  I am using the Lumen PHP framework which is the form of Laravel. On the server side I have Bitnami.

  


  I get the 500 error when the code that uses FFMpeg is being executed. My part of the code which leads to the problem :

  


  $ffmpeg = FFMpeg::create([
            'ffmpeg.binaries'   => '/opt/bitnami/apache/htdocs/vendor/php-ffmpeg/php-ffmpeg/src/FFMpeg',
            'ffprobe.binaries'  => '/opt/bitnami/apache/htdocs/vendor/php-ffmpeg/php-ffmpeg/src/FFProbe',
            'timeout' => 0
]);


  


  I also tried it without 'timeout'.

  


  Here are the details of the error that I get in the server response :

  


  


  [ExecutableNotFoundException](#trace-box-2) [ExecutableNotFoundException](#trace-box-1)

  


  HTTP 500 Internal Server Error

  


  Unable to load FFProbe

  


  Exceptions 2

  


  FFMpeg\Exception\ExecutableNotFoundException

  


  in /opt/bitnami/apache/htdocs/vendor/php-ffmpeg/php-ffmpeg/src/FFMpeg/Driver/FFProbeDriver.php (line 50)

  


  


  45.         $binaries = $configuration->get('ffprobe.binaries', ['avprobe', 'ffprobe']);

      


  


  46.         

      


  


  47.         try {

      


  


  48.             return static::load($binaries, $logger, $configuration);

      


  


  49.         } catch (BinaryDriverExecutableNotFound $e) {

      


  


  50.             throw new ExecutableNotFoundException('Unable to load FFProbe', $e->getCode(), $e);

      


  


  51.         }

      


  


  52.     }

      


  


  53. }

      


  


  


  


  I tried changing the project folder rights by sudo chmod -R 777 /opt/bitnami/apache/htdocs. Not sure if it worked. Here is the current state :

  


  


  $ ls -l /opt/bitnami/apache/htdocs
total 328
drwxrwxrwx 10 bitnami root   4096 Feb 20 16:16 app
-rwxrwxrwx  1 bitnami root   1094 Feb 20 16:16 artisan
drwxrwxrwx  2 bitnami root   4096 Feb 20 16:16 bootstrap
-rwxrwxrwx  1 bitnami root   1076 Jul  2 00:25 composer.json
-rwxrwxrwx  1 bitnami root 274159 Jul  2 00:25 composer.lock
drwxrwxrwx  5 bitnami root   4096 Feb 20 16:16 database
-rwxrwxrwx  1 bitnami root   4871 May 18 15:46 index_default.html
-rwxrwxrwx  1 bitnami root    592 Feb 20 16:16 phpunit.xml
drwxrwxrwx  2 bitnami root   4096 Feb 20 16:16 public
-rwxrwxrwx  1 bitnami root   1920 Feb 20 16:16 README.md
drwxrwxrwx  3 bitnami root   4096 Feb 20 16:16 resources
drwxrwxrwx  2 bitnami root   4096 Feb 20 16:16 routes
drwxrwxrwx  5 bitnami root   4096 Feb 20 16:16 storage
drwxrwxrwx  2 bitnami root   4096 Feb 20 16:16 tests
drwxrwxrwx 36 bitnami root   4096 Jul  2 00:46 vendor


  


  


  Tried adding this to my .env file in /opt/bitnami/apache/htdocs :

  


  


  FFMPEG_BINARIES=/opt/bitnami/apache/htdocs/vendor/php-ffmpeg/php-ffmpeg/src/FFMpeg
FFPROBE_BINARIES=/opt/bitnami/apache/htdocs/vendor/php-ffmpeg/php-ffmpeg/src/FFProbe