İçeriğe geç
AvanoxBilişim & Danışmanlık
AVX–CAD–103B ürün kütüphanesi

CAD Katalog

Teknik ürün kataloğu: modeli tarayıcıda döndür, ölç, kesitini al, istediğin formatta indir.

Sektör
Mühendislik & CAD
Dönem
2025
Durum
Sahada
Rolümüz
Ürün geliştirme

Çalışma alanıMühendislik ve CAD

CAD Katalog · Katalog görünümüMOCKUP
CAD Katalog — Katalog görünümü
Sistem ne yapıyor

CAD Katalog, teknik ürün satan firmaların müşterilerine model paylaşma sorununu çözmek için yapıldı. Müşteri, ürünü indirmeden önce tarayıcıda döndürüp inceleyebiliyor; ölçü alabiliyor, kesit çıkarabiliyor ve ihtiyacı olan formatı seçip indiriyor.

Katalog tarafı bir e-ticaret vitrini gibi değil, bir parça kütüphanesi gibi çalışıyor: kategori, malzeme ve format üzerinden filtreleme, parça kodu ve gabari üzerinden arama. Her karo bir katı modelin önizlemesi — kütüphane büyüdükçe fotoğraf çekmek gerekmiyor, önizlemeler modelden üretiliyor.

Görüntüleyici WebGL üzerinde çalışıyor. STEP ve IGES gibi katı model formatları sunucu tarafında dönüştürülüyor; tarayıcıya optimize edilmiş bir ağ yapısı gidiyor. Aynı dönüştürme adımında gabari, hacim, kütle tahmini ve yüzey/kenar sayısı da çıkarılıp ürün kartına yazılıyor.

Sistem tek parça değil, monorepo yapısında: dönüştürme servisi, görüntüleyici ve katalog arayüzü ayrı paketler hâlinde geliştiriliyor.

Künye

5
Üretilen format
Otomatik
Ölçü, kütle ve önizleme
WebGL
Tarayıcıda görüntüleme
Monorepo
Turborepo yapısı

Teknoloji

Arayüz

Next.jsThree.jsWebGLReact Three Fiber

Dönüştürme

OpenCascadeWASMNode.js

Altyapı

TurborepoDocker
Başlangıç durumu

Çözmeye geldiğimiz şey.

  • 01

    Model paylaşımı e-postayla yürüyordu

    Her müşteri talebi için mühendis dosya arıyor, formatı dönüştürüyor, sıkıştırıp gönderiyordu. Aynı iş her hafta tekrar ediyordu.

  • 02

    Müşteri hangi parçayı istediğini görmeden indiriyordu

    Yanlış model indirilip yanlış parça sipariş ediliyordu; hata teslimatta ortaya çıkıyordu.

  • 03

    Katalog fotoğrafı çekmek pahalıydı

    Yüzlerce parçanın stüdyo fotoğrafı hem maliyetli hem de her revizyonda yenilenmesi gereken bir iş.

  • 04

    Format talebi tahmin edilemiyordu

    Kimi müşteri STEP, kimi Parasolid, kimi baskı için STL istiyor. Her talep için ayrı dönüştürme yapılıyordu.

Kurgu

Nasıl kurduk.

  • Tarayıcıda görüntüleme

    Orbit kontrolü, X-Ray modu, patlatılmış görünüm, kesit alma ve tel kafes görünümü; mesafe, çap ve açı ölçümü; altı standart kamera açısı. Parça seçilince bilgisi açılıyor.

  • Yükle, gerisi otomatik

    Yüklenen katı model bir hatta giriyor: geometri okuma, ölçü ve kütle çıkarımı, beş formata dönüştürme, önizleme üretimi. Operatörün tek yaptığı dosyayı sürüklemek.

  • Önizleme modelden üretiliyor

    Katalog karolarındaki görseller fotoğraf değil, modelin kendisinden alınan render. Revizyon geldiğinde önizleme de kendiliğinden güncelleniyor.

  • Beş format hazır bekliyor

    STEP, IGES, Parasolid, STL ve glTF karşılıkları yükleme anında üretiliyor; müşteri indirirken bekleme olmuyor.

Arayüz

5 ekran.

Görsellerin kaynağı karo bazında değişiyor; hangisi olduğu her panonun künyesinde yazar.

Katalog görünümüMOCKUP
CAD Katalog — Katalog görünümü
Kategori, format ve malzeme filtreleri solda; her karo bir katı modelin önizlemesi, altında parça kodu, ölçü ve kaç formatta hazır olduğu. Karolardaki görseller fotoğraf değil, modelden üretilmiş render.
Ürün detayı ve görüntüleyiciMOCKUP
CAD Katalog — Ürün detayı ve görüntüleyici
Sol tarafta WebGL görüntüleyici: görünüm modları, ölçüm ve kesit araçları, kamera açıları, eksen göstergesi. Sağda modelden çıkarılmış gabari, hacim ve kütle bilgisi, özellik ağacı ve indirilebilir formatlar — her birinin dosya boyutuyla.
Yükleme ve dönüştürmeMOCKUP
CAD Katalog — Yükleme ve dönüştürme
Yüklenen dosya beş adımlı bir hattan geçiyor: geometri okuma, ölçü ve kütle çıkarımı, format üretimi, önizleme. Katı model içermeyen dosyalar (örneğin ağ tabanlı STL) ayrı işaretleniyor — onlardan katı formatlar üretilemiyor.
STEP çıktısıEKRAN GÖRÜNTÜSÜ
CAD Katalog — STEP çıktısı
Sunucuda dönüştürülüp tarayıcıda işlenen katı model. Görüntüleyicinin gerçek çıktısı.
glTF çıktısıEKRAN GÖRÜNTÜSÜ
CAD Katalog — glTF çıktısı
Aynı modelin web için optimize edilmiş ağ yapısı; katalog önizlemeleri bu çıktıdan üretiliyor.
Kapsam

9 modül.

  • 01

    Katalog

    Kategori, malzeme ve format filtresi; parça kodu ve gabari üzerinden arama.

  • 02

    Ürün detayı

    Gabari, hacim, kütle tahmini, katı/yüzey/kenar sayısı ve revizyon.

  • 03

    3B görüntüleyici

    Orbit, X-Ray, tel kafes, kesit, patlatılmış görünüm, kamera açıları.

  • 04

    Ölçüm

    Mesafe, çap ve açı ölçümü; mm/cm/inç birim değişimi.

  • 05

    Özellik ağacı

    Katı model özellikleri ya da montaj parçaları; tek tek gizleme ve yalıtma.

  • 06

    Yükleme

    Sürükle-bırak yükleme, biçim doğrulama, boyut sınırı.

  • 07

    Dönüştürme hattı

    Geometri okuma, ölçü/kütle çıkarımı, format üretimi, önizleme; kuyruk ve hata takibi.

  • 08

    İndirme

    Format seçimi, boyut bilgisi ve indirme kaydı.

  • 09

    Revizyon

    Sürüm geçmişi, güncel sürüm işareti, eski sürüme erişim.

Benzer bir sisteme mi ihtiyacınız var

Mühendislik & CAD tarafında konuşalım.

Mühendislik & CADSahada2025