[{"data":1,"prerenderedAt":511},["ShallowReactive",2],{"{\"language\":\"es\",\"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},"Descripción general","text",[36],{"type":37},"bold",{"type":39,"attrs":40,"content":41},"paragraph",{"textAlign":30},[42],{"text":43,"type":34},"Dentro de esta demo, los usuarios pueden filtrar según el stock, los fabricantes y el costo de las partes, lo que le permite representar visual e intuitivamente información adicional de partes proveniente de una base de datos.",{"type":27,"attrs":45,"content":46},{"level":29,"textAlign":30},[47],{"text":48,"type":34,"marks":49},"Cómo Operar",[50],{"type":37},{"type":39,"attrs":52,"content":53},{"textAlign":30},[54],{"text":55,"type":34},"Para operar esta demo, simplemente haga clic en uno de los modelos disponibles en el navegador de modelos. Desde allí, puede filtrar las partes que se muestran en la pantalla utilizando los deslizadores de stock y costo disponibles, así como a través de los filtros de fabricantes. Puede cambiar el modo de representación de filtros, y también cambiar cómo se aplica el degradado de color al modelo. Por último, puede seleccionar una parte individual dentro del ensamblaje para mostrar su información adicional.",{"type":39,"attrs":57,"content":58},{"textAlign":30},[59,61,70],{"text":60,"type":34},"Esta demo viene con un ",{"text":62,"type":34,"marks":63},"tutorial paso a paso",[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}," que le mostrará cómo implementar este proyecto usted mismo.","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},"Video de Recorrido de la Demo",[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},"Cómo Fue Implementado",[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},"Configuración del 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},"Cargar el modelo en el árbol de ensamblaje",[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},"Vinculación con datos de la aplicación",[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},"Creación del filtro de visualización",[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},"Añadiendo gradientes de color",[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},"Añadiendo escuchadores de eventos de UI",[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},"Esta demo fue creada usando ",[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}," (anteriormente 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},"Consulte el ",{"text":206,"type":34,"marks":207},"Documentación",[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 (anteriormente HOOPS Communicator).",{"type":105,"content":214},[215],{"type":39,"attrs":216,"content":217},{"textAlign":30},[218,220,226],{"text":219,"type":34},"Regístrese para una ",{"text":221,"type":34,"marks":222},"evaluación",[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},"gratuita.",{"type":105,"content":229},[230],{"type":39,"attrs":231,"content":232},{"textAlign":30},[233,235],{"text":234,"type":34},"Empiece a codificar de inmediato con el ",{"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},"Únase a nuestro ",{"text":249,"type":34,"marks":250},"Foro de la Comunidad",[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},"¿Preguntas o Comentarios?",[264],{"type":37},{"type":39,"attrs":266,"content":267},{"textAlign":30},[268,270,275],{"text":269,"type":34},"¡Estamos buscando comentarios y cómo este kit de herramientas puede mejorarse para satisfacer sus necesidades! Por favor conéctese en nuestro ",{"text":271,"type":34,"marks":272},"foro",[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},"También puede registrarse para una prueba de 60 días 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","Suscribirse","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},"Le notificaremos tan pronto como nuevos proyectos estén disponibles.",{"type":24,"content":312},[313],{"type":39,"attrs":314,"content":315},{"textAlign":30},[316],{"text":317,"type":34},"Sea el primero en conocer los nuevos proyectos",{"_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},"¿Necesita contactarnos? Envíenos un correo electrónico a ",{"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","Nueva Investigación: Cómo los Fabricantes Satisfacen la Creciente Demanda de Datos de Ingeniería","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","Regístrese para nuestro próximo seminario web: Aprenda cómo VNTANA aprovechó los datos CAD a través de HOOPS Exchange",{"_uid":384,"icon":385,"link":386,"target":16,"message":387,"component":377},"87585227-383a-48e2-a5e5-1541d3b4b65a","tdesign:user-talk-1","/contact","¿Tiene preguntas sobre nuestros SDK o aplicaciones empresariales? Hable con un experto 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 para desarrolladores","top-menu-child",{"url":393,"_uid":398,"label":399,"new_tab":299,"component":396,"style_as_button":299},"e80ecf91-c6c8-4e7a-a5b7-10ec4e05ada0","Aplicaciones para empresas",{"url":393,"_uid":401,"label":402,"new_tab":299,"component":396,"style_as_button":299},"b3d091d9-83d1-4b72-bb8d-0f4be140beaa","Compañía",{"url":393,"_uid":404,"label":405,"new_tab":299,"component":396,"style_as_button":74},"f2040cd1-8c5b-4dcf-8ee1-5b56049d0fe2","Soporte","top","global","main-navigation","es/global/main-navigation",-30,[],27501948,"998e76b0-7b0e-4635-8abf-c9db0f0bf29c","2025-04-09T15:16:40.189Z","es",[],"reference",{"type":24,"content":419},[420],{"type":39,"attrs":421,"content":422},{"textAlign":30},[423,425,429],{"text":424,"type":34},"Esta demo muestra cómo ",{"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}," (anteriormente HOOPS Communicator) puede usarse para visualizar información de una base de datos externa en el navegador.","Demostración de Gestión de Inventario",[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},"bf209b4c-cf7a-4280-9d88-1b22f28ad3b1","Gestión de Inventario | Tech Soft 3D Labs","Esta demostración muestra cómo HOOPS Visualize for Web (anteriormente HOOPS Communicator) se puede usar para visualizar información de una base de datos externa en el navegador","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","martes, 27 de junio de 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","es/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/\"fd72292b69c553e880e974471d15302a\"","strict-origin-when-cross-origin","5.980.1","nginx/1.29.1","max-age=31536000","chunked","Origin,Accept-Encoding, Origin","1.1 3b2dd9ca40903562e8f0412d796f5600.cloudfront.net (CloudFront)","Dt0bTgz0i131sUbxKHYFFiROxZd1v74Ai-3scAcrcsOTkEULFAVgEw==","CMH68-P3","Miss from cloudfront","nosniff","SAMEORIGIN","none","2f72cb48-e299-4930-921a-b067286b7264","0.056627","0",1791997366557]