Hangar 3D Configurator — ангарлар мен логистиканың 3D-калькуляторы
Web + Windows
Hebei Guanjia Ltd. үшін цифрлық калькулятор: ангар өлшемдері мен WebGL моделінен бастап спецификацияға, Қытайдан жеткізу логистикасына және дайын коммерциялық ұсынысқа дейін.
React 18Three.js 0.158React Three Fiber 8Electron 28ExcelJSPHP + MySQL
40 мең үлкен ені
2тіл
3шекара өткелі
Web + EXEөнім форматы
Параметриялық 3D-калькуляторНақты интерфейс · өнімнің нақты интерфейсі
01 / Контекст
Менеджер кесте, сызба, логистика және маржаны есептеу арасында уақытын жоғалтады
Тез тұрғызылатын ғимараттарды сатып алушы жылдам жауап күтеді: нысан қалай көрінеді, қанша металл мен панель керек, неше машина қажет және қорытынды құн қандай болады. Бұрын ұсыныстың бұл бөліктері бөлек есептеліп, бір параметр өзгергеннен кейін сәйкес келмей қалуы мүмкін еді. Бір конфигурация геометрияны, спецификацияны, қаптауды, маршрутты және коммерциялық есепті басқаратын бірыңғай параметрлік жүйе жасадық.
Тапсырма
Күрделі техникалық ұсынысты дайындауды тездету
Шешім
3D модель, материал, логистика және бағаны байланыстыру
02 / Мәселе → шешім
Инженерлік конфигурация мен сату арасындағы үзілістерді жойдық
01
Қайта есептеу тым ұзаққа созылады
Енді, рама қадамын немесе панель түрін өзгерту бірнеше кестені қолмен жаңартуды талап етеді.
Қалай шештік
Барлық есептеуді бір параметрлік модельге байланыстырдық: геометрия, массалар, аудандар және бекіткіштер өзара үйлесіп жаңарады.
02
Баға мен 3D әртүрлі болуы мүмкін
Визуализация материалдар ведомосынан бөлек тұрады, сондықтан клиент бір жинақты көреді, ал КП басқаны есептейді.
Қалай шештік
React Three Fiber есептеу ядросы алатын параметрлерден WebGL сахнасын құрады.
03
Логистика бөлек есептеледі
Панельдерді қаптау, фурлар саны және шекаралық өтпе қолмен салыстыруды және деректерді қайта енгізуді талап етеді.
Қалай шештік
Бумалау алгоритмін, жүкті машиналарға drag-and-drop арқылы бөлуді және Қорғас, Майқапшағай, Бақты арқылы маршруттарды салыстыруды қостық.
04
Ұсынысты клиентке түсіндіру қиын
Таблица болашақ объектіні көрсетпейді, ал есептің нұсқалары хат алмасуда жоғалады.
Қалай шештік
Фирмалық Excel құжатын және JSON конфигурациясын қалпына келтіру мүмкіндігі бар интерактивті 3D модельге қысқа сілтеме жасадық.
03 / Ақпараттық архитектура
Пайдаланушы жолы мазмұндық міндетке сай құрылған
Ғимараттың параметрлері→Есептеу ядросы→3D-геометрия→Материалдар ведомосі→Қаптау және жүк көліктері→Маршрут және салықтар→Excel + 3D сілтемесі
Архитектура ұсынылған құжаттамамен, қосымшаның құрылымымен және нақты өнім экрандарымен расталған.
04 / Негізгі UX
Бір өзгеріс нысанды да, коммерциялық модельді де бірден жаңартады
Менеджер өлшемдерді, секцияларды, шатыр сызбасын, болат түрін, панельдерді, қақпалар мен терезелерді белгілейді. Жүйе рамаларды, фермаларды, бағандарды, байланыстарды, прогондарды, аудандарды, бекіткіштерді және қосымша элементтерді бірден қайта есептейді. Сол сессияда көлік жүктемесін тексеріп, маршрут таңдап, валюта бағамын, бажды, ҚҚС-ты, кедендік рәсімдеуді және маржаны қолдануға болады.
Параметрлерді басқаруГеометрия, құрылымдық сызба және материалдар бірыңғай бүйір панельдеЛогистика және қорытынды құныМасса, фуры, маршрут, баж, ҚҚС, жеткізу және пайда
05 / Мазмұн үлгісі
Есеп модульдерге бөлінген, бірақ жобаның бір конфигурациясын пайдаланады
BuildingConfig
Геометрия
Ені, биіктігі, шатыры, секциялары, рама қадамы және болат түрі
Envelope
Панельдер мен ойықтар
Қабырғалар, шатыр, орналасу сызбасы, терезелер, қақпалар және қосымша элементтер
Bill of materials
Спецификация
Ұзындықтар, аудандар, массалар, сан және бекіткіштер
PackagePlan
Қаптама
Түрі, ұзындығы, қалыңдығы, тұғыры және жүк көлігі шектеулері ескерілген бумалар
CommercialModel
Экономика
Тауар бағасы, бағам, баж, ҚҚС, ресімдеу, логистика және маржа
SharedConfig
Бірлескен жұмыс
JSON, LZ-String, қысқа URL, өту статистикасы және жобаны қалпына келтіру
06 / Технологиялық стек
Бейнелеу, есептеулер, құжаттар және бірлескен жұмыс тәуелсіз дамып келеді
React 18 + Vite 5Компоненттік қолданба, hooks және жылдам production жинағыThree.js 0.158 + R3F 8Параметрлік WebGL сахнасы, камера, қабаттар және мөлдірлікExcelJSМеталл және панельдер үшін фирмалық XLSX үлгілерін толтыруdnd-kitКөлік бойынша топтамаларды және бөлуді қолмен түзетуPHP + PDO + MySQLREST-ке ұқсас қысқа сілтемелер және ауысу статистикасы сервисіElectron 28 + NSISОқшауланған preload контекстті Windows қолданбасы
07 / Интерактивті сценарийлер
Интерфейс тапсырманы артық ауысусыз аяқтауға көмектеседі
Orbit controls
Камераны айналдыру, масштабтау және жылжыту
Layer control
Көрінуін бөлек басқаруға болатын қаңқа, панельдер, ойықтар және тораптар
Live recalculation
Геометрия мен материалдар ведомосін бірден жаңарту
Truck planning
Автоматты қаптама және қолмен drag-and-drop
08 / Өнімді жеткізу
Бір есептеуді браузерде ашу, файлдан қалпына келтіру немесе клиентке жіберу мүмкін
Калькулятор браузерде және Windows қолданбасы ретінде жұмыс істейді. Конфигурация JSON форматында сақталып, сілтемемен жіберу үшін LZ-String арқылы сығылады және қайта енгізусіз қалпына келеді. Статикалық веб-жинақ Vercel, Netlify немесе PHP/Plesk үшін дайын; desktop жинағы NSIS орнатқышын жасайды. Әкімшілік модуль жарияланған сілтемелер мен өтулерді көрсетеді.
React + WebGLвеб-клиент
LZ-Stringықшам сілтеме
NSISWindows installer
XLSXкоммерциялық құжат
Есептеулер ұсыныс дайындауға арналған алдын ала бағалау ретінде берілген. Олар инженерлік тексеруді қажет етеді және конструкциялық жобаны, көтергіш қабілет есебін немесе жұмыс құжаттамасын алмастырмайды. Әкімшілік экрандағы сандар демонстрациялық.
09 / Бақылау жүйесі
Коммерциялық модуль клиентке баға құрылымын көрсетеді, ал менеджерге ставкаларды бақылауды қалдырады
Құн ретімен жиналады: тауарлар, бекіткіштер, қосымша элементтер, баж, ҚҚС, рәсімдеу, логистика және пайда. Менеджер ставкалар мен аудандарды түзетіп, маршруттарды салыстырады және деректерді сыртқы кестеге көшірмей фирмалық үлгіден құжат жасайды.
Материалдардың бағасы ағымдағы конфигурациямен байланысты
Маршрутты автоматты түрде таңдап алу немесе қолмен тіркеу
Фурлардың саны массасына және қаптамаға байланысты
Маржа және міндетті төлемдер жеке жолдармен көрінеді
Коммерциялық есепҰсыныс дайындаудың нақты экраны
10 / Техникалық тексеру
Техникалық контур алдын ала сатудың барлық циклін қамтиды
01
Параметриялық геометрия
Жеңіл және ауыр болат, бір және екі еңісті шатыр, ішкі бағандар мен секциялар.
02
Автоматты ауысу
20 м-ден астам енде жоба ауыр болат режиміне ауысады; интерфейстің шегі 40 м.
03
Панельдерді пішу
Шеткі қабырғаларға арналған үнемді және біріздендірілген нұсқалар.
04
Көлік
Бумалар ұзындықты, қалыңдықты, тұғырды және көлік шектеулерін ескереді.
05
Коммерция
Кеден, ҚҚС, рәсімдеу, логистика және пайда ретімен есептеледі.
06
Экспорт
ExcelJS XLSX үлгісін толтырады, ал JSON бастапқы конфигурацияны қалпына келтіреді.
11 / Нақты интерфейстер
Негізгі сценарийлер өнімнің жұмыс істейтін экрандарында көрсетілген
Жарияланған модельдерді бақылауДемонстрациялық деректері бар қысқа сілтемелер мен өту статистикасыҚозғалыстағы 3D модельWebGL-тің нақты моделі: ангарды айналдыру және геометрияны тексеру
12 / Нәтиже
Менеджерге клиентімен сөйлесу үшін бірыңғай құрал беріледі: объектіні 3D-де көрсетеді, параметрлерін нақты уақытта өзгертеді, материалдардың құрамын түсіндіреді, жеткізуді салыстырады және келісілген коммерциялық ұсынысты шығарады.
Өнім қолмен атқарылатын операцияларды және визуализация, спецификация мен баға арасындағы сәйкессіздік қаупін азайтады. Нақты уақыт үнемі мен конверсия өсімін пайдалану кезінде өлшеу қажет.
React 18Three.js 0.158React Three Fiber 8Electron 28ExcelJS
Келесі жоба
Сізге күрделі өнімді түсінікті коммерциялық ұсынысқа айналдыратын калькулятор қажет пе?
Аудиторияларды, контентті, интеграцияларды және іздеу сұранысын талдаймыз. Дизайн басталғанға дейін құрылым мен техникалық жүйені жобалаймыз.