Dero: kod yazmadan entegre edilen 3D bisiklet park yeri yapılandırıcısı

Dero, Minneapolis, Minnesota merkezli bir bisiklet park ekipmanları üreticisi ve bir PlayCore şirketidir. Ticari ve özel üretim bisiklet park sehpaları, halka açık bisiklet tamir istasyonları, bisiklet barınakları, bisiklet dolapları, saha mobilyaları ve sokak düzenleme ürünleri üretir; tek bir sehpa satın alan ev sahiplerinden yüzlerce bisikletli için bisiklet odası planlayan mimarlara kadar müşterilerini 1995’ten beri desteklemektedir. Ürün sayfalarında teknik şartname hazırlayanların aradığı içerikler bulunur: broşürler, sunum föyleri, montaj kılavuzları, CAD, Revit ve SketchUp dosyaları ile CSI teknik şartnameleri.

Bu sayfalardan yedisinde artık Simplio3D ile oluşturulmuş ve yalnızca 3D Görüntüleyici başlığını taşıyan bir 3D bisiklet park sehpası yapılandırıcısı da bulunuyor. Bilinçli olarak temel tutulmuştur. Ziyaretçi sehpanın nasıl monte edileceğini seçer, sehpa bu seçeneği sunuyorsa bir dayama çubuğu ekler ve kaplamalarını dener; sehpa 3D olarak değişir. Fiyat, sepet veya form yoktur ve dero.com’a eklemek, kod yazmak yerine bir yerleştirme kod parçacığını yapıştırmayı gerektirmiştir.

Çözüm: yedi ürün sayfasında bir 3D bisiklet park sehpası yapılandırıcısı

dero.com’da her sehpanın açıklama, belgeler ve indirmeler ile Dero’nun satın alma veya teklif alma seçeneklerini içeren kendi ürün sayfası bulunur. Dero’nun bisiklet park standardı olarak tanımladığı Hoop Rack’ten bisiklet şeklindeki Bike Bike Rack’e kadar bunların yedisinde, sayfanın alt bölümlerinde artık 3D Görüntüleyici başlıklı bir bölüm yer alıyor.

Her 3D Görüntüleyici temel bir yapılandırıcıdır. Sehpa açık gri bir arka planda döner ve yakınlaştırılır; yanındaki panelde ise en fazla üç seçenek bulunur: montaj, dayama çubuğu ve kaplama. Hiçbir şey fiyatlandırılmaz, sepete eklenmez veya gönderilmez. Tek görevi sehpayı göstermektir; bu nedenle kurulumu da oldukça az işlem gerektirmiştir.

Montaj, dayama çubuğu ve kaplama; sehpada 3D olarak gösterilir

Bu üç seçenek, bir sehpanın kurulduktan sonra nasıl görüneceğini değiştiren unsurlardır:

• Montaj. Surface ve In-Ground seçeneklerini içeren bir açılır liste. Surface, sehpayı zemine cıvatalandığı taban plakaları üzerinde gösterir; In-Ground ise bunları zemine giren daha uzun ayaklarla değiştirir.
• Dayama çubuğu. Hoop Rack, Hoop Rack Heavy Duty, Downtown Rack ve Arc Rack üzerinde bulunan bir anahtar. Açıldığında sehpanın üzerinde yatay bir çubuk görünür; diğer üç sehpada ise bu anahtar hiç gösterilmez.
• Kaplama. Her sehpada aynı olan 22 renk örneği: Galvanized ve Stainless; ardından Black, Flat Black, White, Light Gray, Red, Yellow, Bright Yellow, Orange, Blue, Sky Blue, Green, Light Green, Hunter Green, Sepia Brown, Bronze, Silver, Dark Purple, Wine Red, Beige ve Iron Gray. Galvanizli renk örneği düz bir renk yerine galvanizli çeliğin benekli dokusunu gösterir.

Panelin altındaki küçük (i) düğmesi, seçimleri metin olarak listeleyen Yapılandırma Özetini açar: örneğin Swerve Rack için Select Mount: Surface ve Select Finish: Wine Red. Ziyaretçi buradan doğrudan aynı sayfadaki satın alma veya teklif seçeneklerine geçebilir.

Dero’nun kendi satın alma ve teklif seçeneklerinin yanında bir önizleme

Dero’nun ürün sayfaları zaten satış yapıyor. Her birinde Dero’nun kendi satın alma veya teklif alma seçenekleri bulunur: kaplama, montaj ve geçerli olduğu durumlarda dayama çubuğu; ardından adet, Sepete ekle ve Teklife ekle seçenekleri yer alır; daha yüksek adetler teklif listesi üzerinden işlenir. 3D Görüntüleyici aynı sayfada bulunur ve bunların hiçbirine müdahale etmez.

Kendine ait bir fiyatı, sepeti veya formu yoktur ve hiçbir yere veri göndermez. Ziyaretçi sehpaya düşündüğü montaj ve kaplama ile bakar, ardından aynı seçimleri Dero’nun seçeneklerinde yapar. Bu kadar sade tutulması, hızla yayına alınmasını sağlamıştır: bağlanacak ürün, eş zamanlı tutulacak fiyat veya yönlendirilecek form yoktur.

Kod yazmadan yerleştirildi

Her Simplio3D yapılandırıcısında paylaşım bağlantısı ve kopyalanacak bir iframe kod parçacığı bulunur. Her Dero ürün sayfasında bu kod parçacığı, tam genişlikte 3D Görüntüleyici başlığının altında yer alır. Eklenti, betik veya mağazayla bağlantı gerekmediğinden, bir görüntüleyiciyi yayına almak tek bir kod parçacığını tek bir sayfaya yapıştırmak anlamına gelmiştir.

Sayfada yalnızca bu kod parçacığı bulunduğu için 3D Görüntüleyici’nin yönetimi Simplio3D içinde yapılır. Yeni bir kaplama veya güncellenmiş bir model burada değiştirilir ve ürün sayfasını kimsenin düzenlemesine gerek kalmadan, sayfa bir sonraki yüklendiğinde dero.com’da görünür. Bu tür görüntüleyiciler hakkında daha fazla bilgi: 3D ürün görüntüleyici.

Böyle bir proje bugün neler eklerdi?

Bu bölümün hiçbir kısmı, yukarıda açıklanan ve Simplio3D’in önceki sürümünde çalışan Dero’nun 3D Görüntüleyicilerine ait değildir. Bugün bisiklet park sehpaları veya saha mobilyaları üreten bir firma için:

• Sehpa, yerleştirileceği yerde. Artırılmış gerçeklik, yapılandırılmış sehpayı uygulama gerektirmeden telefon aracılığıyla kaldırıma veya bisiklet odasına yerleştirir: iOS üzerinde AR Quick Look, Android üzerinde Scene Viewer ve masaüstü tarayıcısından bir QR kodu.
• Model üzerindeki ayrıntılar. Etkileşim noktaları; örneğin boru çapı veya sehpanın kaç bisiklet park edebildiği gibi bilgiler içeren açılır pencerelere sahip işaretleyiciler ekler; Scenery ise arka planı ve kamerayı değiştirir.
• Görüntüleyici ve sipariş formu eş zamanlı çalışır. Yerleştirilmiş bir yapılandırıcı, her değişikliği simplio3d:option.changed adlı bir tarayıcı olayı olarak bildirir; böylece isteyen bir site, kendi betiğine birkaç satır ekleyerek aynı kaplama ve montaj seçeneğini kendi sipariş formunda önceden seçebilir.
• Ürün gamının geri kalanı, daha hızlı. Başka bir sehpa için ilk yapılandırıcı yazılı bir açıklamadan oluşturulabilir; kategoriye göre toplu ekleme ise paylaşılan malzeme kitaplığındaki bir kaplama yelpazesini, her renk örneğini tek tek oluşturmadan bir renk örneği setine dönüştürür.
• Her görüntüleyicinin kontrolü. AI asistanı, örneğin her kaplamanın bir malzemeye sahip olup olmadığını doğrulamak üzere seçenek kapsamını ve koşullu mantığı denetleyebilir ve düzeltmeler önerebilir. MCP üzerinden çalışma alanına kapsamı belirlenmiş bir bağlantıyla bağlanan Claude gibi bir AI istemcisi de aynı kontrolleri yapabilir; fiyatlar veya SKU’lardaki değişiklikler ise yalnızca bir kişinin uyguladığı bekleyen değişiklikler olarak gelir.