پلتفرم تعاملی معرفی محصول
پروژه VEBKO 3D Product Viewer یک پلتفرم تعاملی تحت وب برای مشاهده و بررسی تجهیزات تست رله از طریق مدلهای سهبعدی است. کاربران میتوانند محصول را از تمام زوایا بررسی کرده، قطعات مختلف را انتخاب کنند و به اطلاعات فنی و تجاری آنها دسترسی داشته باشند.
ASP.NET Core
فناوری پروژه
Online 3D Viewer — O3DV
فناوری پروژه
Three.js
فناوری پروژه
Interactive Mesh Selection
فناوری پروژه
نگاهی دقیقتر به این پروژه
پروژه VEBKO 3D Product Viewer یک پلتفرم تعاملی تحت وب برای مشاهده و بررسی تجهیزات تست رله از طریق مدلهای سهبعدی است. کاربران میتوانند محصول را از تمام زوایا بررسی کرده، قطعات مختلف را انتخاب کنند و به اطلاعات فنی و تجاری آنها دسترسی داشته باشند.
از نیاز اولیه تا راهکار نهایی
نیاز اولیه
پروژه به یک ابزار تعاملی متمرکز نیاز داشت تا تیم فروش، کارشناسان فنی، مشتریان و نمایندگان بتوانند محصولات وبکو را از راه دور بررسی کنند. این Viewer باید تصاویر ثابت و محدود محصولات را با تجربهای شامل چرخش، بزرگنمایی، شناسایی قطعات، اطلاعات اختصاصی هر بخش، پشتیبانی از چند مدل دستگاه و اتصال به سایر پلتفرمهای معرفی وبکو جایگزین میکرد.
چالش اصلی
محصولات صنعتی مانند دستگاههای تست رله دارای تعداد زیادی کانکتور، ورودی، خروجی، کنترل و جزء فنی هستند که معرفی دقیق آنها با تصاویر معمولی یا کاتالوگهای ثابت دشوار است. چالش اصلی، ایجاد یک تجربه روان تحت وب بود که مدلهای سهبعدی دقیق، انتخاب قطعات، نمایش اطلاعات کاربردی و عملکرد مناسب در اندازههای مختلف نمایشگر را بدون نیاز به نرمافزار تخصصی فراهم کند.
راهکار ارائهشده
من یک نمایشگر سهبعدی ماژولار تحت وب با استفاده از نسخه شخصیسازیشده Online 3D Viewer و رندر WebGL توسعه دادم. هر محصول دارای صفحه و مدل GLB اختصاصی است و کاربران میتوانند مدل را بچرخانند، بزرگنمایی کنند، نما را بازنشانی کنند، وارد حالت تمامصفحه شوند و اجزای مختلف آن را انتخاب کنند. با انتخاب هر قطعه، دوربین بهصورت کنترلشده حرکت کرده و پنل واکنشگرای اطلاعات شامل عنوان، توضیحات، مشخصات فنی و اطلاعات فروش باز میشود. حالت مدیریت نیز امکان اتصال Meshهای مدل به اطلاعات دوزبانه را بدون تغییر کد اصلی فراهم میکند.
مراحل توسعه و اجرای پروژه
تحلیل نیازها و طراحی تجربه محصول
نحوه چرخش، بررسی، انتخاب و مشاهده اطلاعات اجزای محصولات توسط مشتریان، تیم فروش و کارشناسان فنی مشخص شد.
Prepared and optimized the product models, object hierarchy, materials, textures, and mesh names for efficient browser-based loading and interaction.
مدلهای محصول، سلسلهمراتب اجزا، متریالها، بافتها و نام Meshها برای بارگذاری و تعامل بهینه در مرورگر آماده شدند.
پیادهسازی انتخاب تعاملی قطعات
تشخیص Mesh و انتخاب اجزای مختلف محصول پیادهسازی شد تا کاربران با کلیک روی هر قطعه به اطلاعات مرتبط دسترسی پیدا کنند.
طراحی حرکت دوربین و انیمیشن انتخاب
حرکتهای نرم دوربین به سمت قطعات انتخابشده طراحی شد و مشکلات ناپدیدشدن یا قطع رندر مدل هنگام انیمیشن برطرف شدند.
توسعه سیستم اطلاعات قطعات
یک پنل اطلاعات واکنشگرا و سیستم داده ساختاریافته برای نمایش عنوان، توضیحات، تصاویر، مشخصات و اطلاعات فروش دوزبانه ایجاد شد.
توسعه حالت مدیریت محتوا
یک حالت مدیریت طراحی شد که امکان انتخاب اجزای مدل و اتصال آنها به اطلاعات قابل ویرایش ذخیرهشده در پایگاه محلی PartInfo را فراهم میکند.
تصاویر و ویدئوهای منتخب پروژه
تصویر پروژه
تصویر پروژه
تصویر پروژه
دستاورد نهایی این پروژه
نتیجه نهایی، یک سیستم ارائه سهبعدی توسعهپذیر و قابل استفاده مجدد است که تجهیزات صنعتی پیچیده را به یک تجربه دیجیتال شفاف و جذاب تبدیل میکند. این سامانه امکان بررسی از راه دور محصولات، معرفی دقیق اجزای دستگاه، پشتیبانی از چند محصول وبکو و استفاده مستقل یا درون پلتفرمهای بزرگتر فروش و ارائه را فراهم کرده است. Viewer در حال حاضر برای نمایش تعاملی محصولاتی مانند AMT105 و AMT205 استفاده میشود.
بیایید یک تجربه دیجیتال حرفهای و مؤثر ایجاد کنیم.
از محتوای فنی و ارتباطات بصری تا وبسایت، سیستمهای تعاملی و ابزارهای اتوماسیون.