[{"data":1,"prerenderedAt":455},["ShallowReactive",2],{"{\"language\":\"fr\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/work-procedure":3},{"data":4,"headers":432},{"story":5,"cv":413,"rels":414,"links":431},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":405,"full_slug":406,"sort_by_date":30,"position":407,"tag_list":408,"is_startpage":249,"parent_id":409,"meta_data":30,"group_id":410,"first_published_at":411,"release_id":30,"lang":365,"path":30,"alternates":412,"default_full_slug":30,"translated_slugs":30},"Work Procedure","2026-03-24T14:38:25.775Z","2026-10-10T22:15:41.487Z","2026-10-10T22:15:41.567Z",158406679769518,"36a2e89e-41e0-44d0-802a-7b50d73125f5",{"_uid":13,"body":14,"date":305,"fold":306,"intro":368,"title":382,"gallery":383,"category":384,"metadata":387,"component":391,"demo_link":392,"thumbnail":394,"github_link":400,"last_updated":402,"open_graph_image":403,"include_open_graph":78,"block_search_engines":249},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,296],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":295,"remove_padding":78},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,79,83,97,202,238,279],{"_uid":22,"body":23,"alignment":76,"component":77,"is_full_width":78},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38],{"type":27,"attrs":28,"content":31},"heading",{"level":29,"textAlign":30},2,null,[32],{"text":33,"type":34,"marks":35},"Aperçu","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42,49,59,64,71],{"text":43,"type":34,"marks":44},"Cette application web de démonstration présente HOOPS Visualize et HOOPS Exchange. ",[45],{"type":46,"attrs":47},"textStyle",{"color":48},"#5C5C5C",{"text":50,"type":34,"marks":51},"HOOPS Exchange",[52],{"type":53,"attrs":54},"link",{"href":55,"uuid":56,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-exchange","6bb4085d-b926-4852-81a8-7a02c45f5abc","_self","story",{"text":60,"type":34,"marks":61}," a été utilisé pour lire et convertir une porte d'automobile, un panneau intérieur, un accoudoir et un interrupteur de fenêtre en une forme de streaming légère. ",[62],{"type":46,"attrs":63},{"color":48},{"text":65,"type":34,"marks":66},"HOOPS Visualize for Web",[67],{"type":53,"attrs":68},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d",{"text":72,"type":34,"marks":73}," (anciennement HOOPS Communicator) affiche les données CAO dans un visualiseur 3D dans le cadre d'une application client léger. La bibliothèque de composants front-end offre un style unique à l'application.",[74],{"type":46,"attrs":75},{"color":48},"align-left","copy",true,{"_uid":80,"code":81,"component":82},"cc2f7021-299c-42a2-9acc-ce51fb5788eb","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/pLyDNLDJDtM?si=ye8yGQIIcbFMU1To\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>\u003C/iframe>","code",{"_uid":84,"body":85,"alignment":76,"component":77,"is_full_width":78},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":86},[87,92],{"type":39,"attrs":88,"content":89},{"textAlign":30},[90],{"text":91,"type":34},"La mise en surbrillance automatique dans le visualiseur 3D principal force l'affichage des pièces individuelles dans une seconde vue 3D pour inspection. Les métadonnées sur cette pièce, éventuellement issues du modèle CAO ou d'une base de données externe, comme le prix, peuvent être liées à un identifiant unique et affichées.",{"type":39,"attrs":93,"content":94},{"textAlign":30},[95],{"text":96,"type":34},"Grâce à l'API JavaScript puissante de HOOPS Visualize for Web (anciennement HOOPS Communicator), nous pouvons créer un animation par programmation qui montre le démontage et le remontage de la porte, y compris des vues zoomées détaillées. Nous pouvons changer la vue, ajouter des annotations rouges, et modifier la visibilité et l'opacité des objets.",{"_uid":98,"body":99,"alignment":76,"component":77,"is_full_width":78},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":100},[101,108,124,144],{"type":27,"attrs":102,"content":103},{"level":29,"textAlign":30},[104],{"text":105,"type":34,"marks":106},"Explorez HOOPS Visualize for Web",[107],{"type":37},{"type":39,"attrs":109,"content":110},{"textAlign":30},[111,115,120],{"text":112,"type":34,"marks":113},"Cette démonstration a été créée en utilisant ",[114],{"type":37},{"text":65,"type":34,"marks":116},[117,119],{"type":53,"attrs":118},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"type":37},{"text":121,"type":34,"marks":122}," (anciennement HOOPS Communicator).",[123],{"type":37},{"type":125,"content":126},"bullet_list",[127],{"type":128,"content":129},"list_item",[130],{"type":39,"attrs":131,"content":132},{"textAlign":30},[133,135,142],{"text":134,"type":34},"Essayez ce ",{"text":136,"type":34,"marks":137},"Tutoriel de construction d'une application de base",[138],{"type":53,"attrs":139},{"href":140,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/tutorials/basic-app/introduction.html","url",{"text":143,"type":34}," . Les mêmes concepts ont été utilisés pour créer cette démonstration.",{"type":125,"content":145},[146,161,176,189],{"type":128,"content":147},[148],{"type":39,"attrs":149,"content":150},{"textAlign":30},[151,153,159],{"text":152,"type":34},"Référez-vous à la ",{"text":154,"type":34,"marks":155},"Documentation",[156],{"type":53,"attrs":157},{"href":158,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://docs.techsoft3d.com/communicator/latest/",{"text":160,"type":34},"de HOOPS Visualize for Web (anciennement HOOPS Communicator).",{"type":128,"content":162},[163],{"type":39,"attrs":164,"content":165},{"textAlign":30},[166,168,174],{"text":167,"type":34},"Inscrivez-vous pour une ",{"text":169,"type":34,"marks":170},"évaluation",[171],{"type":53,"attrs":172},{"href":173,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://manage.techsoft3d.com/signup?product=communicator",{"text":175,"type":34},"gratuite.",{"type":128,"content":177},[178],{"type":39,"attrs":179,"content":180},{"textAlign":30},[181,183],{"text":182,"type":34},"Plongez directement dans le codage avec le ",{"text":184,"type":34,"marks":185},"3D Sandbox",[186],{"type":53,"attrs":187},{"href":188,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://3dsandbox.techsoft3d.com/",{"type":128,"content":190},[191],{"type":39,"attrs":192,"content":193},{"textAlign":30},[194,196],{"text":195,"type":34},"Rejoignez notre ",{"text":197,"type":34,"marks":198},"Forum Communautaire",[199],{"type":53,"attrs":200},{"href":201,"uuid":30,"anchor":30,"target":30,"linktype":141},"https://forum.techsoft3d.com/",{"_uid":203,"body":204,"alignment":76,"component":77,"is_full_width":78},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":205},[206,213,226],{"type":27,"attrs":207,"content":208},{"level":29,"textAlign":30},[209],{"text":210,"type":34,"marks":211},"Questions ou Retours ?",[212],{"type":37},{"type":39,"attrs":214,"content":215},{"textAlign":30},[216,218,224],{"text":217,"type":34},"Nous recherchons des retours et comment cet outil peut être amélioré pour répondre à vos besoins ! Veuillez vous connecter dans notre ",{"text":219,"type":34,"marks":220},"forum",[221],{"type":53,"attrs":222},{"href":201,"uuid":30,"anchor":30,"target":223,"linktype":141},"_blank",{"text":225,"type":34},".",{"type":39,"attrs":227,"content":228},{"textAlign":30},[229,231,237],{"text":230,"type":34},"Vous pouvez également vous inscrire pour un essai de 60 jours de la ",{"text":232,"type":34,"marks":233},"Plateforme Web HOOPS",[234],{"type":53,"attrs":235},{"href":236,"uuid":30,"anchor":30,"target":223,"linktype":141},"https://www.techsoft3d.com/products/hoops/web-platform",{"text":225,"type":34},{"_uid":239,"messages":240,"component":273,"background":274,"remove_padding":78,"is_verticalized":249},"2517b691-8590-46b2-b1a0-c989536a3b36",[241],{"_uid":242,"icon":16,"buttons":243,"content":254,"headline":261,"link_url":16,"metadata":268,"component":271,"icon_size":16,"link_label":16,"headline_heading":272},"1f7a4845-55d4-4520-b973-efe814118e45",[244],{"_uid":245,"href":16,"color":246,"label":247,"action":248,"new_tab":249,"outline":78,"alignment":16,"component":250,"text_link":249,"destination":251},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","S'abonner","action-modal",false,"element-button",{"id":16,"url":252,"linktype":141,"fieldtype":253,"cached_url":252},"subscribe","multilink",{"type":24,"content":255},[256],{"type":39,"attrs":257,"content":258},{"textAlign":30},[259],{"text":260,"type":34},"Nous vous informerons dès que de nouveaux projets sont disponibles.",{"type":24,"content":262},[263],{"type":39,"attrs":264,"content":265},{"textAlign":30},[266],{"text":267,"type":34},"Soyez le premier informé des nouveaux projets",{"_uid":269,"title":16,"plugin":270,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":275,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":276,"copyright":16,"fieldtype":277,"meta_data":278,"is_external_url":249},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":280,"body":281,"alignment":76,"component":77,"is_full_width":78},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":282},[283],{"type":39,"attrs":284,"content":285},{"textAlign":30},[286,288,294],{"text":287,"type":34},"Besoin de nous contacter ? Envoyez-nous un email à ",{"text":289,"type":34,"marks":290},"labs@techsoft3d.com",[291],{"type":53,"attrs":292},{"href":289,"uuid":30,"anchor":30,"target":57,"linktype":293},"email",{"text":225,"type":34},"columns",{"id":252,"_uid":297,"items":298,"component":304},"ca556064-0fa5-4110-8395-86e3f005ea32",[299],{"id":300,"_uid":301,"component":302,"business_unit":303},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2026-03-31 00:00",[307],{"_uid":308,"source":309,"component":367},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":310,"created_at":311,"published_at":312,"updated_at":313,"id":314,"uuid":315,"content":316,"slug":358,"full_slug":359,"sort_by_date":30,"position":360,"tag_list":361,"is_startpage":249,"parent_id":362,"meta_data":30,"group_id":363,"first_published_at":364,"release_id":30,"lang":365,"path":30,"alternates":366,"default_full_slug":30,"translated_slugs":30,"_stopResolving":78},"Main Navigation","2025-04-09T14:04:01.876Z","2026-10-10T22:18:15.264Z","2026-10-10T22:18:15.279Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":317,"items":318,"component":357},"8915070e-32eb-476d-b215-1c92ebdad15c",[319,339],{"_uid":320,"left_nav":16,"messages":321,"component":338,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[322,328,333],{"_uid":323,"icon":324,"link":325,"target":223,"message":326,"component":327},"1773ad80-3b42-4f4a-97eb-c9cd1258a7ed","cil:magnifying-glass","https://pages.techsoft3d.com/engineering-data-insights?utm_campaign=48796445-2026%20Build%20or%20Buy%20Research&utm_source=Website&utm_medium=Main%20Banner","Nouvelle recherche : comment les fabricants répondent à la demande croissante de données d'ingénierie","element-notice-child",{"_uid":329,"icon":330,"link":331,"target":223,"message":332,"component":327},"b4b88ef9-df13-42b9-8794-0acf2f43a408","hugeicons:calendar-04","https://pages.techsoft3d.com/get-the-most-out-of-your-cad-data-webinar","Inscrivez-vous à notre prochain webinaire : Découvrez comment VNTANA a exploité les données CAD grâce à HOOPS Exchange",{"_uid":334,"icon":335,"link":336,"target":16,"message":337,"component":327},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Vous avez des questions sur nos SDK ou applications d'entreprise ? Parlez à un expert de Tech Soft 3D","element-notice",{"_uid":340,"menu":341,"component":356,"has_notice":78},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[342,347,350,353],{"url":343,"_uid":344,"label":345,"new_tab":249,"component":346},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDK pour développeurs","top-menu-child",{"url":343,"_uid":348,"label":349,"new_tab":249,"component":346,"style_as_button":249},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Applications pour entreprises",{"url":343,"_uid":351,"label":352,"new_tab":249,"component":346,"style_as_button":249},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Entreprise",{"url":343,"_uid":354,"label":355,"new_tab":249,"component":346,"style_as_button":78},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","fr/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","fr",[],"reference",{"type":24,"content":369},[370],{"type":39,"attrs":371,"content":372},{"textAlign":30},[373,375,380],{"text":374,"type":34},"Cette démonstration présente ",{"text":376,"type":34,"marks":377},"HOOPS Visualize",[378],{"type":53,"attrs":379},{"href":69,"uuid":70,"anchor":30,"target":57,"linktype":58},{"text":381,"type":34}," pour le Web (anciennement HOOPS Communicator) avec son puissant API JavaScript, en créant un animation par programmation. ","Procédure de travail",[],[385,386],"hoopsExchange","hoopsVisualize",{"_uid":388,"title":389,"plugin":270,"description":390},"1ade817d-a5a7-4b59-81ec-13b0e7d7f1cd","Procédure de travail | Tech Soft 3D Labs","Cette démonstration met en évidence la puissante API JavaScript de HOOPS Visualize for Web, en créant une animation de manière programmatique.","lab",{"id":16,"url":393,"linktype":141,"fieldtype":253,"cached_url":393},"https://techsoft3d.github.io/work-procedure/?_gl=1*hjeini*_gcl_aw*R0NMLjE3NzM0MjMzMjguQ2p3S0NBanc2ODdOQmhCNEVpd0FRNjQ1ZGdXcHBjWEFxLS1iY3VqSnBITlpFOHhYYUZrMDJERDRCNlA2VTgtOVVJSnpsRVJKaC1zcDV4b0NmZTRRQXZEX0J3RQ..*_gcl_au*MTg2OTY2NDcwMi4xNzcwNjc2MjUyLjg5NjcyNjQzMC4xNzc0Mjk1NzQwLjE3NzQyOTY4MDg.*_ga*NDE0MjI1MTQ3LjE3NTUxMDU4MDY.*_ga_CPK350S2W0*czE3NzQzNjA5MzkkbzIxNyRnMSR0MTc3NDM2MzM2NSRqNjAkbDAkaDE1Mjk0NzA1NzM.",{"id":395,"alt":396,"name":16,"focus":16,"title":397,"source":16,"filename":398,"copyright":16,"fieldtype":277,"meta_data":399,"is_external_url":249},160841456215977,"A 3D model of a car door with individual animated parts","Work Procedure Demo","https://a-us.storyblok.com/f/1023536/1920x1080/953bc01dab/work-procedure-demo.jpg",{"alt":396,"title":397,"source":16,"copyright":16},{"id":16,"url":401,"linktype":141,"fieldtype":253,"cached_url":401},"https://github.com/techsoft3d/work-procedure","31 mars 2026",{"id":395,"alt":396,"name":16,"focus":16,"title":397,"source":16,"filename":398,"copyright":16,"fieldtype":277,"meta_data":404,"is_external_url":249},{"alt":396,"title":397,"source":16,"copyright":16},"work-procedure","fr/developers/labs/work-procedure",-130,[],99359039112762,"38f6dd5b-cf79-4be7-ad70-98c73058e302","2026-04-03T18:44:13.941Z",[],1791995899,[415],{"name":310,"created_at":311,"published_at":312,"updated_at":313,"id":314,"uuid":315,"content":416,"slug":358,"full_slug":359,"sort_by_date":30,"position":360,"tag_list":429,"is_startpage":249,"parent_id":362,"meta_data":30,"group_id":363,"first_published_at":364,"release_id":30,"lang":365,"path":30,"alternates":430,"default_full_slug":30,"translated_slugs":30},{"_uid":317,"items":417,"component":357},[418,423],{"_uid":320,"left_nav":16,"messages":419,"component":338,"right_nav":16},[420,421,422],{"_uid":323,"icon":324,"link":325,"target":223,"message":326,"component":327},{"_uid":329,"icon":330,"link":331,"target":223,"message":332,"component":327},{"_uid":334,"icon":335,"link":336,"target":16,"message":337,"component":327},{"_uid":340,"menu":424,"component":356,"has_notice":78},[425,426,427,428],{"url":343,"_uid":344,"label":345,"new_tab":249,"component":346},{"url":343,"_uid":348,"label":349,"new_tab":249,"component":346,"style_as_button":249},{"url":343,"_uid":351,"label":352,"new_tab":249,"component":346,"style_as_button":249},{"url":343,"_uid":354,"label":355,"new_tab":249,"component":346,"style_as_button":78},[],[],[],{"cache-control":433,"connection":434,"content-encoding":435,"content-type":436,"date":437,"etag":438,"referrer-policy":439,"sb-be-version":440,"server":441,"strict-transport-security":442,"transfer-encoding":443,"vary":444,"via":445,"x-amz-cf-id":446,"x-amz-cf-pop":447,"x-cache":448,"x-content-type-options":449,"x-frame-options":450,"x-permitted-cross-domain-policies":451,"x-request-id":452,"x-runtime":453,"x-xss-protection":454},"max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Wed, 14 Oct 2026 17:02:52 GMT","W/\"bde5d142dd230247287785cdb1b21e6a\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 604b77eecab133d2f1e4a87ee4ebe7e2.cloudfront.net (CloudFront)","HPRe06nAz6WUAPmUarSrRAmA8MMupuLN-fBpeO0SaM9iRC4qESPEZQ==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","57309fd8-a707-4347-a84b-3ebb10045b89","0.037383","0",1791997371931]