[{"data":1,"prerenderedAt":511},["ShallowReactive",2],{"{\"language\":\"fr\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/inventory-management-demo":3},{"data":4,"headers":488},{"story":5,"cv":469,"rels":470,"links":487},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":461,"full_slug":462,"sort_by_date":30,"position":463,"tag_list":464,"is_startpage":299,"parent_id":465,"meta_data":30,"group_id":466,"first_published_at":467,"release_id":30,"lang":415,"path":30,"alternates":468,"default_full_slug":30,"translated_slugs":30},"Inventory Management Demo","2026-03-27T14:56:46.412Z","2026-10-10T22:15:11.962Z","2026-10-10T22:15:12.023Z",159472871113299,"b0f7e637-33e5-42ef-8891-202db83f4370",{"_uid":13,"body":14,"date":355,"fold":356,"intro":418,"title":431,"gallery":432,"category":445,"metadata":447,"component":451,"demo_link":452,"thumbnail":454,"github_link":456,"last_updated":458,"open_graph_image":459,"include_open_graph":74,"block_search_engines":299},"f50d366a-d67c-4a10-86a7-4b5fc5c9f54e",[15,346],{"gap":16,"_uid":17,"align":16,"count":18,"width":19,"columns":20,"component":345,"remove_padding":74},"","f6f97b29-f4c1-4242-863b-a4543a5a2bbc","column-one","width-full",[21,75,86,90,171,254,288,329],{"_uid":22,"body":23,"alignment":72,"component":73,"is_full_width":74},"8de28e62-2cac-49b9-8930-9b99335e2e43",{"type":24,"content":25},"doc",[26,38,44,51,56],{"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],{"text":43,"type":34},"Dans cette démo, les utilisateurs peuvent filtrer en fonction du stock, des fabricants et du coût des pièces, vous permettant de représenter visuellement et intuitivement des informations supplémentaires sur les pièces provenant d'une base de données.",{"type":27,"attrs":45,"content":46},{"level":29,"textAlign":30},[47],{"text":48,"type":34,"marks":49},"Comment Utiliser",[50],{"type":37},{"type":39,"attrs":52,"content":53},{"textAlign":30},[54],{"text":55,"type":34},"Pour utiliser cette démo, cliquez simplement sur l'un des modèles disponibles dans le navigateur de modèles. De là, vous pouvez filtrer les pièces affichées à l'écran à l'aide des curseurs de stock et de coût disponibles, ainsi qu'à travers les filtres de fabricants. Vous pouvez changer le mode de rendu du filtre, et également changer la façon dont le dégradé de couleur est appliqué au modèle. Enfin, vous pouvez sélectionner une pièce individuelle au sein de l'assemblage pour afficher ses informations supplémentaires.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59,61,70],{"text":60,"type":34},"Cette démo est accompagnée d'un ",{"text":62,"type":34,"marks":63},"tutoriel étape par étape",[64],{"type":65,"attrs":66},"link",{"href":67,"uuid":30,"anchor":30,"target":68,"linktype":69},"https://docs.techsoft3d.com/hoops/visualize-web/tutorials/inventory-management/intro.html","_blank","url",{"text":71,"type":34}," qui vous montrera comment implémenter ce projet vous-même.","align-left","copy",true,{"_uid":76,"body":77,"alignment":72,"component":73,"is_full_width":74},"f543c157-d41b-4cc3-bfb5-8a8e65bf10d5",{"type":24,"content":78},[79],{"type":27,"attrs":80,"content":81},{"level":29,"textAlign":30},[82],{"text":83,"type":34,"marks":84},"Vidéo Démonstration de la Démo",[85],{"type":37},{"_uid":87,"code":88,"component":89},"75d2d6cc-fb66-4a6b-9f27-2a11781e7ec8","\u003Ciframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/DyXOj6rZv-s?si=S9jqgi7y_doc56i1\" 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":91,"body":92,"alignment":72,"component":73,"is_full_width":74},"de567d9f-5e33-4bf8-a22f-7197ecac474f",{"type":24,"content":93},[94,101],{"type":27,"attrs":95,"content":96},{"level":29,"textAlign":30},[97],{"text":98,"type":34,"marks":99},"Comment Cela a été Mis en Œuvre",[100],{"type":37},{"type":102,"content":103},"bullet_list",[104,116,127,138,149,160],{"type":105,"content":106},"list_item",[107],{"type":39,"attrs":108,"content":109},{"textAlign":30},[110],{"text":111,"type":34,"marks":112},"Mise en place du WebViewer",[113],{"type":65,"attrs":114},{"href":115,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/setting-up-the-main-viewer.html",{"type":105,"content":117},[118],{"type":39,"attrs":119,"content":120},{"textAlign":30},[121],{"text":122,"type":34,"marks":123},"Charger le modèle dans l'arborescence d'assemblage",[124],{"type":65,"attrs":125},{"href":126,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/loading-models.html#loading-the-model-into-the-assembly-tree",{"type":105,"content":128},[129],{"type":39,"attrs":130,"content":131},{"textAlign":30},[132],{"text":133,"type":34,"marks":134},"Liaison aux données d'application",[135],{"type":65,"attrs":136},{"href":137,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/linking-to-application-data.html",{"type":105,"content":139},[140],{"type":39,"attrs":141,"content":142},{"textAlign":30},[143],{"text":144,"type":34,"marks":145},"Création du filtre d'affichage",[146],{"type":65,"attrs":147},{"href":148,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/creating-the-display-filter.html",{"type":105,"content":150},[151],{"type":39,"attrs":152,"content":153},{"textAlign":30},[154],{"text":155,"type":34,"marks":156},"Ajout de dégradés de couleur",[157],{"type":65,"attrs":158},{"href":159,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/adding-color-gradients.html",{"type":105,"content":161},[162],{"type":39,"attrs":163,"content":164},{"textAlign":30},[165],{"text":166,"type":34,"marks":167},"Ajout de gestionnaires d'événements pour l'interface utilisateur",[168],{"type":65,"attrs":169},{"href":170,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/tutorials/inventory-management/adding-the-UI-event-listeners.html",{"_uid":172,"body":173,"alignment":72,"component":73,"is_full_width":74},"3db68134-7b3a-4873-98b3-16972e7ab12a",{"type":24,"content":174},[175,196],{"type":39,"attrs":176,"content":177},{"textAlign":30},[178,182,192],{"text":179,"type":34,"marks":180},"Cette démo a été créée en utilisant ",[181],{"type":37},{"text":183,"type":34,"marks":184},"HOOPS Visualize for Web",[185,191],{"type":65,"attrs":186},{"href":187,"uuid":188,"anchor":30,"target":189,"linktype":190},"/developers/products/hoops-visualize","b5115ad7-8d04-4a41-ae62-0680605c897d","_self","story",{"type":37},{"text":193,"type":34,"marks":194}," (anciennement HOOPS Communicator).",[195],{"type":37},{"type":102,"content":197},[198,213,228,241],{"type":105,"content":199},[200],{"type":39,"attrs":201,"content":202},{"textAlign":30},[203,205,211],{"text":204,"type":34},"Consultez la ",{"text":206,"type":34,"marks":207},"documentation",[208],{"type":65,"attrs":209},{"href":210,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://docs.techsoft3d.com/communicator/latest/",{"text":212,"type":34},"de HOOPS Visualize for Web (anciennement HOOPS Communicator).",{"type":105,"content":214},[215],{"type":39,"attrs":216,"content":217},{"textAlign":30},[218,220,226],{"text":219,"type":34},"Inscrivez-vous pour une ",{"text":221,"type":34,"marks":222},"évaluation",[223],{"type":65,"attrs":224},{"href":225,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://manage.techsoft3d.com/signup?product=communicator",{"text":227,"type":34},"gratuite.",{"type":105,"content":229},[230],{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235],{"text":234,"type":34},"Plongez directement dans le codage avec le ",{"text":236,"type":34,"marks":237},"3D Sandbox",[238],{"type":65,"attrs":239},{"href":240,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://3dsandbox.techsoft3d.com/",{"type":105,"content":242},[243],{"type":39,"attrs":244,"content":245},{"textAlign":30},[246,248],{"text":247,"type":34},"Rejoignez notre ",{"text":249,"type":34,"marks":250},"Forum Communautaire",[251],{"type":65,"attrs":252},{"href":253,"uuid":30,"anchor":30,"target":30,"linktype":69},"https://forum.techsoft3d.com/",{"_uid":255,"body":256,"alignment":72,"component":73,"is_full_width":74},"49bfa3fe-caaf-40b4-8123-f5361a510401",{"type":24,"content":257},[258,265,277],{"type":27,"attrs":259,"content":260},{"level":29,"textAlign":30},[261],{"text":262,"type":34,"marks":263},"Questions ou Commentaires ?",[264],{"type":37},{"type":39,"attrs":266,"content":267},{"textAlign":30},[268,270,275],{"text":269,"type":34},"Nous recherchons des commentaires et comment cet outil peut être amélioré pour répondre à vos besoins ! Veuillez vous connecter dans notre ",{"text":271,"type":34,"marks":272},"forum",[273],{"type":65,"attrs":274},{"href":253,"uuid":30,"anchor":30,"target":68,"linktype":69},{"text":276,"type":34},".",{"type":39,"attrs":278,"content":279},{"textAlign":30},[280,282],{"text":281,"type":34},"Vous pouvez également vous inscrire pour un essai de 60 jours de ",{"text":283,"type":34,"marks":284},"HOOPS Visualize. ",[285],{"type":65,"attrs":286},{"href":287,"uuid":30,"anchor":30,"target":189,"linktype":69},"https://developer.techsoft3d.com/hoops/visualize",{"_uid":289,"messages":290,"component":323,"background":324,"remove_padding":74,"is_verticalized":299},"2517b691-8590-46b2-b1a0-c989536a3b36",[291],{"_uid":292,"icon":16,"buttons":293,"content":304,"headline":311,"link_url":16,"metadata":318,"component":321,"icon_size":16,"link_label":16,"headline_heading":322},"1f7a4845-55d4-4520-b973-efe814118e45",[294],{"_uid":295,"href":16,"color":296,"label":297,"action":298,"new_tab":299,"outline":74,"alignment":16,"component":300,"text_link":299,"destination":301},"e25f6918-ec5e-43c9-9ad6-5e4bcf39b279","light","S'abonner","action-modal",false,"element-button",{"id":16,"url":302,"linktype":69,"fieldtype":303,"cached_url":302},"subscribe","multilink",{"type":24,"content":305},[306],{"type":39,"attrs":307,"content":308},{"textAlign":30},[309],{"text":310,"type":34},"Nous vous informerons dès que de nouveaux projets seront disponibles.",{"type":24,"content":312},[313],{"type":39,"attrs":314,"content":315},{"textAlign":30},[316],{"text":317,"type":34},"Soyez le premier informé des nouveaux projets",{"_uid":319,"title":16,"plugin":320,"description":16},"0fa59fa4-a396-48fd-8878-1ce90fb5c07c","meta-fields","element-callout-child","heading-h3","element-callout",{"id":325,"alt":16,"name":16,"focus":16,"title":16,"source":16,"filename":326,"copyright":16,"fieldtype":327,"meta_data":328,"is_external_url":299},72383172008371,"https://a-us.storyblok.com/f/1023536/1350x901/98f768d3c7/mosiac.jpg","asset",{},{"_uid":330,"body":331,"alignment":72,"component":73,"is_full_width":74},"ed21b4a6-d00f-4e0d-a54d-08aa82d4d29d",{"type":24,"content":332},[333],{"type":39,"attrs":334,"content":335},{"textAlign":30},[336,338,344],{"text":337,"type":34},"Besoin de nous contacter ? Envoyez-nous un e-mail à ",{"text":339,"type":34,"marks":340},"labs@techsoft3d.com",[341],{"type":65,"attrs":342},{"href":339,"uuid":30,"anchor":30,"target":189,"linktype":343},"email",{"text":276,"type":34},"columns",{"id":302,"_uid":347,"items":348,"component":354},"ca556064-0fa5-4110-8395-86e3f005ea32",[349],{"id":350,"_uid":351,"component":352,"business_unit":353},"dbdcd35d-8954-4b0d-9902-999e4cd25928","f78173e1-09c9-45b4-92d3-445b190c5ada","hubspot-form","toolkits","modal","2023-06-27 00:00",[357],{"_uid":358,"source":359,"component":417},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":360,"created_at":361,"published_at":362,"updated_at":363,"id":364,"uuid":365,"content":366,"slug":408,"full_slug":409,"sort_by_date":30,"position":410,"tag_list":411,"is_startpage":299,"parent_id":412,"meta_data":30,"group_id":413,"first_published_at":414,"release_id":30,"lang":415,"path":30,"alternates":416,"default_full_slug":30,"translated_slugs":30,"_stopResolving":74},"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":367,"items":368,"component":407},"8915070e-32eb-476d-b215-1c92ebdad15c",[369,389],{"_uid":370,"left_nav":16,"messages":371,"component":388,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[372,378,383],{"_uid":373,"icon":374,"link":375,"target":68,"message":376,"component":377},"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":379,"icon":380,"link":381,"target":68,"message":382,"component":377},"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":384,"icon":385,"link":386,"target":16,"message":387,"component":377},"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":390,"menu":391,"component":406,"has_notice":74},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[392,397,400,403],{"url":393,"_uid":394,"label":395,"new_tab":299,"component":396},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDK pour développeurs","top-menu-child",{"url":393,"_uid":398,"label":399,"new_tab":299,"component":396,"style_as_button":299},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Applications pour entreprises",{"url":393,"_uid":401,"label":402,"new_tab":299,"component":396,"style_as_button":299},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Entreprise",{"url":393,"_uid":404,"label":405,"new_tab":299,"component":396,"style_as_button":74},"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":419},[420],{"type":39,"attrs":421,"content":422},{"textAlign":30},[423,425,429],{"text":424,"type":34},"Cette démo montre comment ",{"text":183,"type":34,"marks":426},[427],{"type":65,"attrs":428},{"href":187,"uuid":188,"anchor":30,"target":189,"linktype":190},{"text":430,"type":34}," (anciennement HOOPS Communicator) peut être utilisé pour visualiser des informations provenant d'une base de données externe dans le navigateur.","Démo de gestion des stocks",[433,439],{"id":434,"alt":435,"name":16,"focus":16,"title":436,"source":16,"filename":437,"copyright":16,"fieldtype":327,"meta_data":438},159475726753543,"3D CAD model of motorbike in inventory management demo","3D Motorbike in Inventory Management","https://a-us.storyblok.com/f/1023536/1800x1012/897472fbbd/inventory-management-demo-2.jpg",{"alt":435,"title":436,"source":16,"copyright":16},{"id":440,"alt":441,"name":16,"focus":16,"title":442,"source":16,"filename":443,"copyright":16,"fieldtype":327,"meta_data":444},159475726765832,"Drill CAD model in inventory management 3D demo","Inventory Management 3D Model","https://a-us.storyblok.com/f/1023536/1654x1103/68a2e25b5d/inventory-management-demo-1.jpg",{"alt":441,"title":442,"source":16,"copyright":16},[446],"hoopsVisualize",{"_uid":448,"title":449,"plugin":320,"description":450},"d493837d-9528-4827-a849-70622e74ebd2","Gestion des stocks | Tech Soft 3D Labs","Cette démonstration montre comment HOOPS Visualize for Web (anciennement HOOPS Communicator) peut être utilisé pour visualiser des informations provenant d'une base de données externe dans le navigateur","lab",{"id":16,"url":453,"linktype":69,"fieldtype":303,"cached_url":453},"https://techsoft3d.github.io/inventory-management/",{"id":440,"alt":441,"name":16,"focus":16,"title":442,"source":16,"filename":443,"copyright":16,"fieldtype":327,"meta_data":455,"is_external_url":299},{"alt":441,"title":442,"source":16,"copyright":16},{"id":16,"url":457,"linktype":69,"fieldtype":303,"cached_url":457},"https://github.com/techsoft3d/inventory-management","Mardi, 27 juin 2023",{"id":440,"alt":441,"name":16,"focus":16,"title":442,"source":16,"filename":443,"copyright":16,"fieldtype":327,"meta_data":460,"is_external_url":299},{"alt":441,"title":442,"source":16,"copyright":16},"inventory-management-demo","fr/developers/labs/inventory-management-demo",-220,[],99359039112762,"a53444eb-25e6-4975-a83b-ff9023bff472","2026-04-03T18:44:11.695Z",[],1791995899,[471],{"name":360,"created_at":361,"published_at":362,"updated_at":363,"id":364,"uuid":365,"content":472,"slug":408,"full_slug":409,"sort_by_date":30,"position":410,"tag_list":485,"is_startpage":299,"parent_id":412,"meta_data":30,"group_id":413,"first_published_at":414,"release_id":30,"lang":415,"path":30,"alternates":486,"default_full_slug":30,"translated_slugs":30},{"_uid":367,"items":473,"component":407},[474,479],{"_uid":370,"left_nav":16,"messages":475,"component":388,"right_nav":16},[476,477,478],{"_uid":373,"icon":374,"link":375,"target":68,"message":376,"component":377},{"_uid":379,"icon":380,"link":381,"target":68,"message":382,"component":377},{"_uid":384,"icon":385,"link":386,"target":16,"message":387,"component":377},{"_uid":390,"menu":480,"component":406,"has_notice":74},[481,482,483,484],{"url":393,"_uid":394,"label":395,"new_tab":299,"component":396},{"url":393,"_uid":398,"label":399,"new_tab":299,"component":396,"style_as_button":299},{"url":393,"_uid":401,"label":402,"new_tab":299,"component":396,"style_as_button":299},{"url":393,"_uid":404,"label":405,"new_tab":299,"component":396,"style_as_button":74},[],[],[],{"cache-control":489,"connection":490,"content-encoding":491,"content-type":492,"date":493,"etag":494,"referrer-policy":495,"sb-be-version":496,"server":497,"strict-transport-security":498,"transfer-encoding":499,"vary":500,"via":501,"x-amz-cf-id":502,"x-amz-cf-pop":503,"x-cache":504,"x-content-type-options":505,"x-frame-options":506,"x-permitted-cross-domain-policies":507,"x-request-id":508,"x-runtime":509,"x-xss-protection":510},"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:46 GMT","W/\"baab94e4f5917b7bf391d9c0b25417af\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 28541d1c5ba94fa4ae7d6f7a2c07f4f8.cloudfront.net (CloudFront)","x5Zu5OPOP0DAd6yeK6gavkza1qCPRVZMHcIoAHFw2lKg0a4nUUJosA==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","b49d6cfb-61c3-422a-b92e-7e9233a6f013","0.049656","0",1791997366505]