![\"\"](\"https:\/\/commons.wikimedia.org\/wiki\/File:Rube_Goldberg%27s_%22Self-Operating_Napkin%22_(cropped).gif\")
<\/a><\/p>\nAuto- serviette d’op\u00e9ration Professeur Lucifer Gorgonzola. Rub\u00e9 Goldberg<\/a><\/p>\n Dans ma jeunesse, j’ai travaill\u00e9 sur une application de commande de taxi. Dans le programme, vous pouvez s\u00e9lectionner un point de prise en charge, un point de d\u00e9p\u00f4t, calculer le co\u00fbt du trajet, le type de tarif et, effectivement, commander un taxi. J’ai re\u00e7u l’application lors de la derni\u00e8re \u00e9tape du pr\u00e9-lancement ; apr\u00e8s avoir ajout\u00e9 plusieurs correctifs, l’application a \u00e9t\u00e9 publi\u00e9e dans l’AppStore. D\u00e9j\u00e0 \u00e0 ce stade, toute l’\u00e9quipe a compris qu’il \u00e9tait tr\u00e8s mal impl\u00e9ment\u00e9, que les mod\u00e8les de conception n’\u00e9taient pas utilis\u00e9s, que tous les composants du syst\u00e8me \u00e9taient \u00e9troitement li\u00e9s, en g\u00e9n\u00e9ral, il \u00e9tait possible de l’\u00e9crire dans une grande classe continue (objet Dieu), rien n’aurait chang\u00e9, de m\u00eame la mani\u00e8re dont les classes ont m\u00e9lang\u00e9 leurs fronti\u00e8res de responsabilit\u00e9 et, dans leur masse totale, se sont superpos\u00e9es dans un couplage mort. Plus tard, la direction a d\u00e9cid\u00e9 d’\u00e9crire l’application \u00e0 partir de z\u00e9ro, en utilisant la bonne architecture, ce qui a \u00e9t\u00e9 fait et le produit final a \u00e9t\u00e9 impl\u00e9ment\u00e9 chez plusieurs dizaines de clients B2B.<\/p>\n Cependant, je vais d\u00e9crire un curieux incident de l’architecture pass\u00e9e, dont je me r\u00e9veille parfois avec des sueurs froides au milieu de la nuit, ou dont je me souviens soudainement au milieu de la journ\u00e9e et me mets \u00e0 rire hyst\u00e9riquement. Le probl\u00e8me, c’est que je n’ai pas r\u00e9ussi \u00e0 frapper le gars sur le poteau du premier coup, ce qui a fait \u00e9chouer la plupart des applications, mais avant tout.<\/p>\n C’\u00e9tait une journ\u00e9e de travail ordinaire, l’un des clients a re\u00e7u pour t\u00e2che d’affiner l\u00e9g\u00e8rement la conception de l’application – Il est simple de d\u00e9placer l\u2019ic\u00f4ne au centre de l\u2019\u00e9cran de s\u00e9lection de l\u2019adresse de retrait de quelques pixels. Eh bien, apr\u00e8s avoir professionnellement estim\u00e9 la t\u00e2che \u00e0 10 minutes, j’ai \u00e9lev\u00e9 l’ic\u00f4ne de 20 pixels, ne me doutant absolument de rien, j’ai d\u00e9cid\u00e9 de v\u00e9rifier la commande de taxi.<\/p>\n Quoi\u00a0? L’application n’affiche plus le bouton de commande ? Comment est-ce arriv\u00e9\u00a0?<\/p>\n Je n’en croyais pas mes yeux\u00a0; apr\u00e8s avoir augment\u00e9 l’ic\u00f4ne de 20 pixels, l’application a cess\u00e9 d’afficher le bouton Continuer la commande. Apr\u00e8s avoir annul\u00e9 le changement, j’ai revu le bouton. Quelque chose n\u2019allait pas ici. Apr\u00e8s avoir pass\u00e9 20 minutes dans le d\u00e9bogueur, j’en avais un peu marre de d\u00e9rouler les spaghettis d’appels \u00e0 des classes qui se chevauchent, mais j’ai d\u00e9couvert que *d\u00e9placer l’image change vraiment la logique de l’application*<\/p>\n Tout \u00e9tait question de l’ic\u00f4ne au centre – un homme sur un poteau, en d\u00e9pla\u00e7ant la carte il sautait pour animer le mouvement de la cam\u00e9ra, cette animation \u00e9tait suivie de la disparition du bouton en bas. Apparemment, le programme pensait que l’homme d\u00e9cal\u00e9 de 20 pixels \u00e9tait en train de sauter, donc selon sa logique interne, il a cach\u00e9 le bouton de confirmation.<\/p>\n Comment cela peut-il arriver\u00a0? L’*\u00e9tat* de l’\u00e9cran ne d\u00e9pend-il vraiment pas du mod\u00e8le de la machine \u00e0 \u00e9tats, mais de la *repr\u00e9sentation* de la position de l’homme sur le poteau\u00a0?<\/p>\n Il s’est av\u00e9r\u00e9 que chaque fois que la carte est dessin\u00e9e, l’application *a pouss\u00e9 visuellement<\/a>* au milieu de l’\u00e9cran et a v\u00e9rifi\u00e9 ce qu’il y avait l\u00e0, s’il y a un homme sur un poteau, cela signifie que l’animation de changement de carte est termin\u00e9e et doit \u00eatre affich\u00e9e bouton. Si l’homme n’est pas l\u00e0, alors la carte est d\u00e9cal\u00e9e et le bouton doit \u00eatre masqu\u00e9.<\/p>\n Dans l’exemple ci-dessus, tout va bien, d’une part, c’est un exemple de machines Goldberg (machines abscons), et d’autre part, un exemple de la r\u00e9ticence du d\u00e9veloppeur \u00e0 interagir d’une mani\u00e8re ou d’une autre avec d’autres d\u00e9veloppeurs de l’\u00e9quipe (essayez de le comprendre sans moi), troisi\u00e8mement, vous pouvez lister tous les probl\u00e8mes selon SOLID, les mod\u00e8les (odeurs de code), les violations MVC et bien plus encore.<\/p>\n Essayez de ne pas faire cela, d\u00e9veloppez-vous dans toutes les directions possibles, aidez vos coll\u00e8gues dans leur travail. Bonne ann\u00e9e \u00e0 tous)<\/p>\n https:\/\/ru.wikipedia.org\/wiki\/Goldberg_Machine<\/a> <\/p>\n https:\/\/ru.wikipedia.org\/wiki\/SOLID<\/a> <\/p>\n https:\/\/refactoring.guru\/ru\/refactoring\/smells<\/a> <\/p>\n https:\/\/ru.wikipedia.org\/wiki\/Model -View-Controller<\/a><\/p>\n https:\/\/refactoring.guru\/ru\/design-patterns\/state <\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Dans cette note, j’\u00e9crirai sur l’importance des d\u00e9cisions architecturales lors du d\u00e9veloppement, de la prise en charge d’une application et dans un environnement de d\u00e9veloppement en \u00e9quipe. Auto- serviette d’op\u00e9ration Professeur Lucifer Gorgonzola. Rub\u00e9 Goldberg Dans ma jeunesse, j’ai travaill\u00e9 sur une application de commande de taxi. Dans le programme, vous pouvez s\u00e9lectionner un pointContinue reading “Comment j’ai rat\u00e9 le gars sur le poteau ou une histoire d’ing\u00e9niosit\u00e9 incroyable”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[61,52],"tags":[171,95,170],"class_list":["post-2872","post","type-post","status-publish","format-standard","hentry","category-techie","category-tutorials","tag-bugs","tag-patterns","tag-software-architecture","entry"],"translation":{"provider":"WPGlobus","version":"3.0.2","language":"fr","enabled_languages":["en","ru","zh","de","fr","ja","pt"],"languages":{"en":{"title":true,"content":true,"excerpt":false},"ru":{"title":true,"content":true,"excerpt":false},"zh":{"title":true,"content":true,"excerpt":false},"de":{"title":true,"content":true,"excerpt":false},"fr":{"title":true,"content":true,"excerpt":false},"ja":{"title":true,"content":true,"excerpt":false},"pt":{"title":true,"content":true,"excerpt":false}}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/2872","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/comments?post=2872"}],"version-history":[{"count":23,"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/2872\/revisions"}],"predecessor-version":[{"id":3902,"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/posts\/2872\/revisions\/3902"}],"wp:attachment":[{"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/media?parent=2872"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/categories?post=2872"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/demensdeum.com\/blog\/fr\/wp-json\/wp\/v2\/tags?post=2872"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Liens<\/h3>\n