Affichage des articles dont le libellé est dessins. Afficher tous les articles
Affichage des articles dont le libellé est dessins. Afficher tous les articles

Comment réinventer le connecteur USB

 


L'étape suivante aux évolutions des connecteurs réversibles USB type C et Lightning d'Apple est selon moi l'arrivé d'une norme cylindriques comme les ports jacks audio qui se connectent encore plus facilement. Ils pourraient également être magnétiques.

A
L'idée de reprendre le principe du jack est intéressante et pourrait consister à simplement le miniaturiser et de le protéger. Ce schéma représente la vue de face et de côté de la prise mal.


B
Voici une étude qui propose des "pistes de lecture" en remplacement des "broches". Une version avec uniquement 4 contacteurs comme le Lightning au lieu de 6 comme sur le schéma la rendrait moins large. Ce schéma représente la vue de face et de côté de la prise mal.

 C
Voici donc une deuxième proposition "en étoile" avec un schéma représente les vues de face du port mal et le port femelle et celle de côté de la prise mal.:



 L’inconvénient est de distinguer les broches. J'imagine une solution par test pour repérer par exemple celle sous tension et en déduire les autres par rapport à leur positionnement à celle-ci. Un problème pourrait aussi apparaitre lorsque l'on tourne le port et nécessité une nouvelle identification des broches.


D
Une alternative pourrait être de lier par magnétisme un côté du connecteur pour qu'il trouve sa position et qu'il y reste. Ce schéma représente la vue de face et de côté de la prise mal.


E
Une alternative au A pourrait le rendre plus petit. Notons une erreur sur le schéma qui représente la vue en coupe de face et de côté de la prise mal car  nous ne devrions pas voir les connecteurs au centre.
F
Une alternative serait de réaliser des connecteurs obliques pour éviter que des connecteurs non associés soient en contact avant que la prise soit complètement enfoncée. Le schéma représente la vue en coupe de face et de côté de la prise mal


Remarques générales:

Une version avec uniquement 4 contacteurs comme le Lightning au lieu de 6 comme sur le schéma la rendrait plus courte. Et il doit être possible d'aller plus loin avec uniquement un ou deux contacteurs pour les données en plus de celui de l'alimentation et le "contour " pour la masse la masse.
Le placement des connecteurs devra aussi être optimisé par rapport à la facilité d'y amener les "fils".

 

Comment j'utilise Google Web Designer pour animer un dessin vectoriel svg et l'éditer en html5



"Google Web Designer est une application qui vous permet de concevoir et de créer des annonces HTML5 et d'autres contenus Web à l'aide d'une interface visuelle et de codage intégrée. Vous pouvez créer du contenu à l'aide d'outils de dessin, de textes et d'objets 3D, et vous pouvez animer des objets sur une timeline. Une fois le processus de création terminé, Google Web Designer génère des fichiers HTML5, CSS3 et JavaScript dans un format lisible par l'homme."


  • Comment insérer une image dans Google Web Designer:
Trop simple mais je vous le dit car j'ai essayé plusieurs méthodes avant d'y arriver:

Utiliser dans l'outil de Balisage (à gauche) l'élément image (en haut) puis entrer l'URL de l'image dans propriétés/source (à droite).
Il est alors possible d'insérer des images svg pour profiter d'images vectorielles légères avec transparence. Les png peuvent également être employées pour la gestion de la transparence. les jpg seront elles préférées comme toujours pour les photos et les dessins.

Notons que les créations peuvent consommer beaucoup de capacité de calcul et peuvent provoquer des bugs de chargement et même des plantages de navigateurs mais ne sont plus dépendantes de plug-ins comme Flash. Elles sont compatibles avec l'ensemble des navigateurs récents (enfin presque) qu'ils soient sur PC, tablettes ou téléphones. Pour info, mon animation  apparaît correctement sur chrome (W7, Ubuntu et iOS sur  iphone 4 et ipad4), sur safari ( ios sur iphone 4 et ipad4) et sur le navigateur d'Android 4  mais pas sur Firefox, Internet Explorer et Android2.2. Il est possible qu'une animation sans illustrations svg et mieux intégrée fonctionne sur plus de plateformes...

Télécharger la béta gratuite : Google Web Designer
l'aide en français de google