[{"data":1,"prerenderedAt":506},["ShallowReactive",2],{"{\"language\":\"de\",\"resolve_relations\":\"reference.source\",\"version\":\"published\"}developers/labs/inventory-management-demo":3},{"data":4,"headers":482},{"story":5,"cv":464,"rels":465,"links":481},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":456,"full_slug":457,"sort_by_date":30,"position":458,"tag_list":459,"is_startpage":299,"parent_id":460,"meta_data":30,"group_id":461,"first_published_at":462,"release_id":30,"lang":410,"path":30,"alternates":463,"default_full_slug":30,"translated_slugs":30},"Inventory Management Demo","2026-03-27T14:56:46.412Z","2026-04-23T12:28:54.871Z","2026-04-23T12:28:54.950Z",159472871113299,"b0f7e637-33e5-42ef-8891-202db83f4370",{"_uid":13,"body":14,"date":355,"fold":356,"intro":413,"title":426,"gallery":427,"category":440,"metadata":442,"component":446,"demo_link":447,"thumbnail":449,"github_link":451,"last_updated":453,"open_graph_image":454,"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},"Überblick","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"In dieser Demo können Benutzer nach Bestand, Herstellern und Kosten von Teilen filtern, sodass Sie zusätzliche Teileinformationen, die aus einer Datenbank stammen, visuell und intuitiv darstellen können.",{"type":27,"attrs":45,"content":46},{"level":29,"textAlign":30},[47],{"text":48,"type":34,"marks":49},"Bedienungsanleitung",[50],{"type":37},{"type":39,"attrs":52,"content":53},{"textAlign":30},[54],{"text":55,"type":34},"Um diese Demo zu bedienen, klicken Sie einfach auf eines der im Modellbrowser verfügbaren Modelle. Von dort aus können Sie die auf dem Bildschirm angezeigten Teile mithilfe der verfügbaren Bestands- und Kostenschieberegler sowie durch die Herstellerfilter filtern. Sie können den Filter-Render-Modus ändern und auch festlegen, wie der Farbverlauf auf das Modell angewendet wird. Schließlich können Sie ein einzelnes Teil innerhalb der Baugruppe auswählen, um zusätzliche Informationen anzuzeigen.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59,61,70],{"text":60,"type":34},"Diese Demo enthält ein vollständiges ",{"text":62,"type":34,"marks":63},"Schritt-für-Schritt-Tutorial",[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}," , das Ihnen zeigt, wie Sie dieses Projekt selbst implementieren können.","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},"Demo-Durchgangs-Video",[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},"Wie es implementiert wurde",[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},"Einrichten des WebViewers",[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},"Laden des Modells in den Baugruppenbaum",[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},"Verknüpfung mit Anwendungsdaten",[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},"Erstellen des Anzeige-Filters",[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},"Hinzufügen von Farbverläufen",[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},"Hinzufügen von UI-Ereignis-Listenern",[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},"Diese Demo wurde mit ",[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}," (ehemals HOOPS Communicator) erstellt.",[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},"Verweisen Sie auf die HOOPS Visualize for Web (ehemals HOOPS Communicator) ",{"text":206,"type":34,"marks":207},"Dokumentation",[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},".",{"type":105,"content":214},[215],{"type":39,"attrs":216,"content":217},{"textAlign":30},[218,220,226],{"text":219,"type":34},"Melden Sie sich für eine kostenlose ",{"text":221,"type":34,"marks":222},"Evaluation",[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},"an.",{"type":105,"content":229},[230],{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235],{"text":234,"type":34},"Springen Sie direkt ins Programmieren mit dem ",{"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},"Treten Sie unserem ",{"text":249,"type":34,"marks":250},"Community Forum",[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},"Fragen oder Feedback?",[264],{"type":37},{"type":39,"attrs":266,"content":267},{"textAlign":30},[268,270,275],{"text":269,"type":34},"Wir suchen nach Feedback und wie dieses Toolkit verbessert werden kann, um Ihren Bedürfnissen gerecht zu werden! Bitte treten Sie in unserem ",{"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},"bei.",{"type":39,"attrs":278,"content":279},{"textAlign":30},[280,282],{"text":281,"type":34},"Sie können sich auch für eine 60-tägige Testversion von ",{"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","Abonnieren","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},"Wir benachrichtigen Sie, sobald neue Projekte verfügbar sind.",{"type":24,"content":312},[313],{"type":39,"attrs":314,"content":315},{"textAlign":30},[316],{"text":317,"type":34},"Erfahren Sie als Erster von neuen Projekten",{"_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},"Müssen Sie uns kontaktieren? Schreiben Sie uns eine E-Mail an ",{"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":212,"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":412},"de63215b-57cd-4411-a03f-a0fc1f53addf",{"name":360,"created_at":361,"published_at":362,"updated_at":363,"id":364,"uuid":365,"content":366,"slug":403,"full_slug":404,"sort_by_date":30,"position":405,"tag_list":406,"is_startpage":299,"parent_id":407,"meta_data":30,"group_id":408,"first_published_at":409,"release_id":30,"lang":410,"path":30,"alternates":411,"default_full_slug":30,"translated_slugs":30,"_stopResolving":74},"Main Navigation","2025-04-09T14:04:01.876Z","2026-03-10T15:15:52.184Z","2026-04-14T21:06:12.239Z",27565407,"c5f4a23f-ca2c-41d7-946b-6822d34565a0",{"_uid":367,"items":368,"component":402},"8915070e-32eb-476d-b215-1c92ebdad15c",[369,384],{"_uid":370,"left_nav":16,"messages":371,"component":383,"right_nav":16},"fe7818a3-2c19-410c-adfd-6166e04c9bf0",[372,378],{"_uid":373,"icon":374,"link":375,"target":16,"message":376,"component":377},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","Have questions about our SDKs or enterprise applications? Talk to a Tech Soft 3D expert","element-notice-child",{"_uid":379,"icon":380,"link":381,"target":16,"message":382,"component":377},"45ffc4c7-d6cf-4d3c-9606-ec4154852aef","hugeicons:artificial-intelligence-04","/developers/products/hoops-ai","Check out our newest SDK, HOOPS AI, a framework for preparing CAD data for ML workflows","element-notice",{"_uid":385,"menu":386,"component":401,"has_notice":74},"192904e7-cc6e-44e5-95a7-187c8ef72d1e",[387,392,395,398],{"url":388,"_uid":389,"label":390,"new_tab":299,"component":391},"#","eada60f3-c50f-41c1-8c50-4ffedd119483","SDKs for Developers","top-menu-child",{"url":388,"_uid":393,"label":394,"new_tab":299,"component":391,"style_as_button":299},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Apps for Businesses",{"url":388,"_uid":396,"label":397,"new_tab":299,"component":391,"style_as_button":299},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Company",{"url":388,"_uid":399,"label":400,"new_tab":299,"component":391,"style_as_button":74},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Support","top","global","main-navigation","de/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","de",[],"reference",{"type":24,"content":414},[415],{"type":39,"attrs":416,"content":417},{"textAlign":30},[418,420,424],{"text":419,"type":34},"Diese Demo zeigt, wie ",{"text":183,"type":34,"marks":421},[422],{"type":65,"attrs":423},{"href":187,"uuid":188,"anchor":30,"target":189,"linktype":190},{"text":425,"type":34}," (ehemals HOOPS Communicator) verwendet werden kann, um Informationen aus einer externen Datenbank im Browser zu visualisieren.","Bestandsverwaltungs-Demo",[428,434],{"id":429,"alt":430,"name":16,"focus":16,"title":431,"source":16,"filename":432,"copyright":16,"fieldtype":327,"meta_data":433},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":430,"title":431,"source":16,"copyright":16},{"id":435,"alt":436,"name":16,"focus":16,"title":437,"source":16,"filename":438,"copyright":16,"fieldtype":327,"meta_data":439},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":436,"title":437,"source":16,"copyright":16},[441],"hoopsVisualize",{"_uid":443,"title":444,"plugin":320,"description":445},"54a2ef1e-aa5c-4f3b-9b9d-f866451ee8e6","Inventory Management | Tech Soft 3D Labs","This demo showcases how HOOPS Visualize for Web (formerly HOOPS Communicator) can be used to visualize information from an external database in the browser","lab",{"id":16,"url":448,"linktype":69,"fieldtype":303,"cached_url":448},"https://techsoft3d.github.io/inventory-management/",{"id":435,"alt":436,"name":16,"focus":16,"title":437,"source":16,"filename":438,"copyright":16,"fieldtype":327,"meta_data":450,"is_external_url":299},{"alt":436,"title":437,"source":16,"copyright":16},{"id":16,"url":452,"linktype":69,"fieldtype":303,"cached_url":452},"https://github.com/techsoft3d/inventory-management","Dienstag, 27. Juni 2023",{"id":435,"alt":436,"name":16,"focus":16,"title":437,"source":16,"filename":438,"copyright":16,"fieldtype":327,"meta_data":455,"is_external_url":299},{"alt":436,"title":437,"source":16,"copyright":16},"inventory-management-demo","de/developers/labs/inventory-management-demo",-220,[],99359039112762,"a53444eb-25e6-4975-a83b-ff9023bff472","2026-04-03T18:44:11.695Z",[],1777045065,[466],{"name":360,"created_at":361,"published_at":362,"updated_at":363,"id":364,"uuid":365,"content":467,"slug":403,"full_slug":404,"sort_by_date":30,"position":405,"tag_list":479,"is_startpage":299,"parent_id":407,"meta_data":30,"group_id":408,"first_published_at":409,"release_id":30,"lang":410,"path":30,"alternates":480,"default_full_slug":30,"translated_slugs":30},{"_uid":367,"items":468,"component":402},[469,473],{"_uid":370,"left_nav":16,"messages":470,"component":383,"right_nav":16},[471,472],{"_uid":373,"icon":374,"link":375,"target":16,"message":376,"component":377},{"_uid":379,"icon":380,"link":381,"target":16,"message":382,"component":377},{"_uid":385,"menu":474,"component":401,"has_notice":74},[475,476,477,478],{"url":388,"_uid":389,"label":390,"new_tab":299,"component":391},{"url":388,"_uid":393,"label":394,"new_tab":299,"component":391,"style_as_button":299},{"url":388,"_uid":396,"label":397,"new_tab":299,"component":391,"style_as_button":299},{"url":388,"_uid":399,"label":400,"new_tab":299,"component":391,"style_as_button":74},[],[],[],{"age":483,"cache-control":484,"connection":485,"content-encoding":486,"content-type":487,"date":488,"etag":489,"referrer-policy":490,"sb-be-version":491,"server":492,"strict-transport-security":493,"transfer-encoding":494,"vary":495,"via":496,"x-amz-cf-id":497,"x-amz-cf-pop":498,"x-cache":499,"x-content-type-options":500,"x-frame-options":501,"x-permitted-cross-domain-policies":502,"x-request-id":503,"x-runtime":504,"x-xss-protection":505},"175025","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application/json; charset=utf-8","Fri, 24 Apr 2026 16:03:56 GMT","W/\"e69979ae468ec50e55fdbc766ea7f118\"","strict-origin-when-cross-origin","5.764.0","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 91e9eebca810fe5496f5fcf7d3800df4.cloudfront.net (CloudFront)","q2q-aChTcr299b71_UEjs3-BZeA9-Z0Gr8UPn7GGwDqowNSsCa7WYA==","CMH68-P3","Hit from cloudfront","nosniff","SAMEORIGIN","none","60e829b9-be6f-4f4e-b2a5-b25ede9f2cb0","0.037269","0",1777221661459]