Recherche avancée

Sur d’autres sites (13885)

• Evolution #4753 (Nouveau) : Styles du privé : listes d’objets (suite des boîtes et des formulaires)

  30 avril 2021

  Les boîtes et les formulaires ont été visuellement « raccordés » ensembles.
  Je pense que logiquement les listes d’objets devraient suivre.
  En fait ce sont 3 variations d’un même composant : une boîte avec entête, corps et pied.

  Pour les listes on peut séparer la question en 2 aspects :

  1) L’emballage extérieur¶

  Là il s’agirait de reprendre les choix graphiques propres à « l’emballage extérieur » des boîtes et formulaires : bordure, arrondi, espacements.
  Exemple sur l’image suivant où les 3 sont visibles (nb : ceux en colonne sont automatiquement « ressérés », d’où la différence de padding etc.)

  

  Après en fonction de l’un ou de l’autre, il y aura peut-être lieu d’ajuster le padding ou la taille du titre. Mais pour l’instant ce sont ceux en place.

  2) L’intérieur¶

  Ensuite je propose de procéder à quelques ajustements à l’intérieur de ces listes.
  Je pense que certains choix ont été faits pour s’accommoder du manque de place en largeur à l’époque, et ne sont plus nécessaires maintenant.

  Pour me faire un idée de ce qui fonctionnerait le mieux, et comprendre les détails visuels qui me gênaient un peu, j’ai parcouru quelques articles de recommandations sur l’ergonomie des data tables.
  Alors ils traitent plutot des fonctionnalités de ces tables dans leur ensemble, mais il y a aussi quelques guidelines visuelles intéressantes.

  • https://uxdesign.cc/data-table-for-enterprise-ux-cb48fb9fdf1e
  • https://medium.com/nextux/design-better-data-tables-4ecc99d23356
  • https://www.uxbooth.com/articles/designing-user-friendly-data-tables/
  • https://uxdesign.cc/lets-design-data-tables-bf065a60e588

  Je retiens quelques règles simples :

  • Des espacements suffisants et consistants (le padding quoi)
  • Une taille de police identique partout (au moins dans le tbody). C’est fatiguant pour l’oeil et moins lisible quand on passe sans arrêt d’un taille de police à l’autre sur une même ligne. Et je ne suis pas sûr qu’il y ait forcément besoin de gras pour certains éléments comme les titres ou autres.
  • À quelques exceptions près (id, picto), pas de largeur fixes sur les colonnes, laisser faire le navigateur.

  Donc voilà, c’est pas grand chose à ajuster non plus.
  Les colonnes des tables ont des classes .importante et .secondaire.
  À mon avis elle ne devraient plus avoir d’incidence en vue « normale », mais juste décider quelles colonnes afficher et masquer en vue réduite, dans les colonnes ou ailleurs.

  Donc dans les grandes lignes ça donnerait quelques chose comme ça (juste une maquette) :

  

  3) Détails¶

  Enfin pour ces 3 composants, je propose qu’il y ait une classe modificatrice commune pour produire un affichage compact, c’est à dire ressérer tout le contenu.
  Cette classe serait automatiquement appliquée dans les colonnes.

  Ça pourrait être « compact », mais sur d’autres composants pour varier les tailles je suis parti sur mini / large. Donc mini aussi ?

• Reading colors encoded in image at a position changes its value after decoded from video using php and ffmpeg

  29 novembre 2022, par Jeenus Junanio

  I created a piece of code to encode unique color on image and converted the image to PNG so that it would be lossless. After This I created a video with the frame using this image using the ffmpeg in php shellexec(). After saving this video I reopened it to extract the frmae image added and tried to read those values from the image. Now the values on the image are a bit changed.

  


  Here is the code that I tried to create the video :

  


  $canvas = imagecreatefromjpeg('translate/first_frame.jpg');
        // create a random color
        $rand = str_pad(dechex(rand(0x000000, 0xFFFFFF)), 6, 0, STR_PAD_LEFT);
        $dec_color= hexdec($rand);

        // add the new color to image

        for ($i=0; $i < 24; $i++) { 
           imagesetpixel($canvas,$i,0,$dec_color);
        }

        // store the image and close the file opened

        // $filename = 'translate/test/output.png'; 
        $filename = 'translate/test/output.bmp'; 

        // imagepng($canvas, $filename);
        imagebmp($canvas, $filename);

        imagedestroy($canvas);

        $frame      = $filename; // an image(png,gif,etc)
        $audio      = 'translate/output/audio/abcdefghijklmnopqrstuvwxya.mp3';
        $output     = 'translate/output/video/'.time().'.mp4';   

        $cmd = 'ffmpeg -loop 1 -y -i '.$frame.' -i '.$audio.' -c:v libx264 -tune stillimage -c:a copy -shortest '.$output;
        shell_exec($cmd);


  


  This above code is creating the video with the image.

  


  Now I tried to extract the image video and color from image, the colors are a bit changed.

  


  if($request->hasFile(&#x27;video&#x27;)){&#xA;            $file = $request->file(&#x27;video&#x27;);&#xA;            $filename = $file->getClientOriginalName();&#xA;            $path = public_path(&#x27;translate/test/&#x27;);&#xA;        }else{&#xA;            return &#x27;No file uploaded&#x27;;&#xA;        }&#xA;        &#xA;        &#xA;        if ($file->move($path, $filename)) {&#xA;            $video = &#x27;translate/test/&#x27;.$filename;&#xA;        }else{&#xA;            return &#x27;error file upload&#x27;;&#xA;        }&#xA;&#xA;       &#xA;        // $output = &#x27;translate/output/image/&#x27;.time().&#x27;.png&#x27;;&#xA;        $output = &#x27;translate/output/image/&#x27;.time().&#x27;.bmp&#x27;;&#xA;        // $output = &#x27;translate/output/image/&#x27;.time().&#x27;.jpg&#x27;;&#xA;&#xA;        $cmd = &#x27;ffmpeg -i &#x27;.$video.&#x27; -vframes 1 &#x27;.$output;&#xA;        shell_exec($cmd);&#xA;&#xA;&#xA;// $dimg = imagecreatefrompng($output);&#xA;        $dimg = imageCreateFromBmp($output);&#xA;        // $dimg = imagecreatefromjpeg($output);&#xA;&#xA;        $extracted_color = array();&#xA;&#xA;        for ($x=0; $x &lt; 24 ; $x&#x2B;&#x2B;) { &#xA;          $extracted_color[]= imagecolorat($dimg, $x, 0);&#xA;        }&#xA;&#xA;        echo "<br />Retrived colors:<pre>".print_r($extracted_color,1)."</pre>";&#xA;&#xA;        imagedestroy($dimg);&#xA;&#xA;&#xA;&#xA;

  


  The color added was 44743072 but the colors retrieved are 4539914,4474121,4408072,4408326 from x=0,y=0 to x=24,y=0.

  


  In both PNG and BMP I am loosing the added pixels. You can clearly see in my code i have commented the code for png to read the image as bmp.

  


  Can someone let me know if I miss anything here.

  


• Bye Bye FATE Machine

  4 septembre 2010, par Multimedia Mike — FATE Server

  This is the computer that performed the lion’s share of FATE cycles for the past 1.5 years before Mans put a new continuous integration system into service. I’ve now decided to let the machine go. I can’t get over how odd this feels since this thing is technically the best machine I own.

  
  
  

  It’s a small form factor Shuttle PC (SD37P2 v2) ; Core 2 Duo 2.13 GHz ; 2 GB RAM ; 400 GB SATA HD ; equipped with the only consistently functional optical drive in my house (uh oh). I used it as my primary desktop from March 2007 – November 2008, at which point I repurposed it for FATE cycles.

  As mentioned, the craziest part is that this is technically the best computer in my house. My new EeePC 1201PN isn’t at quite the same level ; my old EeePC can’t touch it, of course ; the Mac Mini has a little more RAM but doesn’t stack up in nearly all other areas. But the Shuttle just isn’t seeing that much use since the usurpation. I had it running automated backup duty for multimedia.cx but that’s easy enough to move to another, lower-powered system.

  Maybe the prognosticators are correct and the PC industry has matured to the point where raw computing power simply doesn’t matter anymore. I fancy myself as someone who knows how to put CPU power to work but even I don’t know what to do with the computing capacity I purchased over 3 years ago.

  Where will the Shuttle go ? A good home, I trust– I know a family that just arrived in the country and could use a computer.