Mekansal Hesaplama Geleceğinde Bir CMS'nin Olanakları

Yayınlanan: 2019-10-24

WP Engine'deki rolümde, WordPress'i kullanmanın yeni ve ilginç yolları için bir elçi olarak dünyayı dolaşma fırsatına sahibim. Geçenlerde Kuzey Carolina, Raleigh'de, All Things Open'da, uzaysal hesaplama geleceğinde bir CMS'nin olasılıkları hakkında konuşuyordum. Bu 45 dakikalık bir konuşma için çok önemli bir konuydu, bu yüzden WordPress ile başsız bir yaklaşım kullanarak Genişletilmiş Gerçeklik (XR) deneyimleri oluşturmanın yeni bir yolunu daha derinlemesine paylaşacağımı düşündüm.

Başsız Çılgınlığı

Sanırım çoğumuz sitelerimizi daha hızlı hale getirmenin ve onları içeriğimizi kontrol eden CMS'den ayırmanın bir yolu olarak başsız görüyoruz. Bazı durumlarda doğru olsa da, bunun yerel uygulamalar ve daha geniş anlamda Genişletilmiş Gerçeklik olarak tanımlanan Artırılmış, Sanal ve Karma Gerçeklik için ne anlama geldiğini düşündüğümüzde bu kavramı görmek için muhtemelen en çekici lens değildir.

WordPress'in XR deneyimlerini nasıl güçlendirebileceğini anlamak için bir adım geri gitmeli ve geliştiricilerin ve tasarımcıların etkileşimli uygulamalarda hangi temel özellikleri arzu ettiğini anlamalıyız.

Bir CMS'nin temel çekiciliği nedir?

Uzaklaşmak ve bir CMS'nin özünde ne olduğuna bakmak, geleceğe dönük hayal gücümü yarıştıran birkaç temel özelliği vurgular. Bir CMS genel olarak şu şekilde tanımlanabilir:

  • gönderi/sayfa verileri
  • kullanıcılar ve gönderiler gibi verilerle ilişkili meta
  • güvenli bir kullanıcı sistemi
  • zengin içerik düzenleyici
  • eklentiler/temalar/vb. aracılığıyla genişletilebilirlik.

WordPress tüm bu yelpazede ışıl ışıl parlıyor ve bunu açık kaynak esnekliğiyle birleştirerek hayal ettiğiniz her şeyi inşa edebilirsiniz. Kullanıcı sistemleri ve içeriği, XR gibi etkileşimli ve medya açısından zengin uygulamalarda temel gereksinimlerdir. WordPress gibi açık kaynaklı bir çözüm, geliştiricilere kaynak kodu ve yazılım üzerinde daha fazla özgürlük ve daha fazla kontrol sağlar, yani lisansla kısıtlama olmaksızın istedikleri gibi çalışacak şekilde ince ayar yapabilirler. Yeni Gutenberg editörü, dünyanın en popüler CMS'sinin gücünü daha da demokratikleştiren WordPress 5.0 ile birleştirildiğinde başka bir özgürlük düzeyine ulaşıldı.

Yeni WordPress Düzenleyici ile Olanaklar

Blokları kullanarak işaretlemeyi kontrol etmek için birleşik bir şekilde ön uç faydalarını düşünmek için çok zaman harcadık. Ön uç geliştirmede büyük ölçüde gözden kaçan yeni WordPress editörünün bir yönünün, blokların veri yapısı olduğunu düşünüyorum.

REST API aracılığıyla veri çekmek, genellikle bir gönderinin son işaretlemesini döndürür. Bu, html tabanlı olmayan uygulamaların verileri ayrıştırmasını veya kullanmasını zorlaştırır. Nihai çıktıyı kesinlikle sterilize edebilirsiniz, ancak ileriye dönük güven sağlamaz ve genellikle önemli bağlamı kaldırır.

Bir gönderi ön uçta işaretlemeyi oluşturmadan önce, bu son işaretlemeyi belirlemek için kullanılan değerli nitelikler vardır. Bu seçenekler genellikle tarayıcı tabanlı bir deneyim için olduğu kadar tarayıcı olmayan bir uygulama için de yararlıdır; bu sadece içeriğin amaçlarınız için sterilize edildiğinden emin olmanızla ilgili.

src , loop , autoplay vb. özniteliklere sahip bir ses bloğumuz olduğunu düşünelim. Bu öznitelikler, çalışma zamanında aynı kararların verilmesini bekleyen tarayıcı olmayan bir uygulama için de aynı derecede önemlidir. Bir Gutenberg gönderisini sorgulayarak, ses dosyası ve ayrıca nasıl davranması gerektiğine ilişkin nitelikler çekilebilir, bu da uygulamanın tarayıcı davranışıyla birleştirilmesine yol açar.

Çok uzak olmayan bir gelecekte, fiziksel ve dijital dünyalar birbirine karışmaya devam edecek. Genç nesiller ekranlar, klavyeler ve fareler dışında giderek daha fazla etkileşim kurduğundan, muhtemelen bu geleceği göz önünde bulundurarak içerik oluşturmaya başlamalıyız. Tüm bu işaretlemelerin kaydedilmesini gerçekten istiyor muyuz? Hatta önemli mi? Öyleyse, belki de bu öznitelik kaydedilmeli, anahtarlanmalı ve JSON aracılığıyla gösterilmelidir. İşaretleme gerçekten yalnızca ön uç oluşturma için yararlıdır.

Yalnızca Ses Artırılmış Gerçeklik Blog Okuyucu Konsepti

Bose, artırılmış gerçekliğe ilginç bir yaklaşıma öncülük ediyor. Yalnızca sesli AR deneyimlerini güçlendirmek için kulaklıklarının ve güneş gözlüklerinin içine 6 Derece Özgürlük (6DoF) sensörlerini dahil etmek için ürün tekliflerini hızla güncelliyorlar. Bu bize XR için üç önemli mekanik verir; 6DoF kafa takibi, özel ses deneyimleri ve hareket tanıma. Gutenberg bloklarının veri yapısındaki potansiyeli göstermek için bu teknolojiyi kullanmaya karar verdim.

Bose AR güneş gözlüklerinin fotoğrafı

Açık kaynaklı ve Roy Sivan ve katkıda bulunanlar tarafından oluşturulan Gutenberg Nesne Eklentisini kullanarak, nitelik verilerini REST dostu bir şekilde gösterebildim. Daha sonra odağımı bina mekaniğine ve bir MVP uygulamasına kaydırarak bir blogu görmeden okuyabildim. Uygulama, düğmeleri ziyaretçinin çevresine 3B alana yerleştirir. Sağda, bir "Sonraki Gönderi" düğmesi. Doğrudan önlerinde, gönderi verilerinin okunmasını oynatan bir gönderi gövdesi düğmesi. Sesten metne teknolojisi, WordPress için Amazon AI Eklentisi kullanılarak mümkün hale getirildi.

Direksiyon gövdesine bakarken gözlüğün çerçevesine iki kez dokunulduğunda, bir ses ziyaretçiden gönderi sesini oynatmak için bir baş hareketi kullanmasını ister. Fikri çizdikten sonraki 24 saat içinde, çalışan bir kavram kanıtım oldu ve bunu büyük ölçüde verilerimi nasıl hazırlayacağımı bulmak zorunda olmamama bağlıyorum. Blocks ve JSON benim için her şeyi yaptı!

Aşağıdaki görüntü, nihai ürünle birlikte konseptin bir taslağıdır.

Bose AR blog okuyucusunun çizimi.
Bose AR blog okuyucu prototipinin son tasarımı.

Geleneksel Artırılmış Gerçeklikte Bloklar

Blokları uzamsallaştırmak benim için ilginçti, bu yüzden bir oyun motorundaki 3B hazır nesnelerin bir web sayfasındaki 2B bloklarla nasıl ilişkilendirilebileceğini gösteren başka bir kavram kanıtı oluşturdum. Aşağıda otel odamın çevresinde oluşturulan bir Gutenberg gönderisinin ekran görüntüsü var.

Web sitesi ve AR deneyimi arasındaki ilişkiyi gösteren örnek.

AR'de bir web sayfasının birebir 1:1 temsili, tasarım kararlarımızı bir tarayıcının içinde ve dışında eşleştirebileceğimizi gösterse de, bence bir adım daha ileri gidebiliriz. Bir blok birçok şeyi temsil edebilir; öyleyse neden 3B fikirleri soyutlamak için özel bloklar kullanmıyorsunuz?

Standart Olmayan Dosya Türleri ve 3B Nesneleri Soyutlama

HTML, kutunun dışında izin verilen sonlu bir dosya türleri listesine sahiptir. Bu, yalnızca bu seçeneklerle sınırlı olduğumuz anlamına gelmez. WordPress, yalnızca izin verilen türleri ekleyerek başkalarına genişletecek kadar esnektir.

Oyuncuların AR'de gerçek zamanlı müzikle etkileşim kurmasını sağlayan Broken Place adlı bir müzik oyunu yapıyorum. Ses motoru, yalnızca okuyabileceği çok özel bir dosya türüne sahip Pure Data (PD) adlı açık kaynaklı bir programlama dili çalıştırıyor. WordPress'te, oyuncuların PD yamalarını yükleyebilecekleri "şarkılar" adlı özel bir gönderi türünde gönderi içeriğini yönetiyorum. Oyuncular, web sitesine katkıda bulunan kullanıcı rolü olarak giriş yapar ve yamalarını yükler. Şarkı gönderisi yerel uygulamadan sorgulanır ve yama yüklenir.

Sahilde bir Artırılmış gerçeklik sentezleyici

İçerik gönderme seçenekleri, kullanıcıların müzik arayüzleri için kendi düzenlerini tasarlamalarına izin verme potansiyelini açar. Aşağıdaki grafikte, resmedilen 3B düğmelerin her birinin “Düğme” adı verilen bir Gutenberg bloğu ile ilişkili olduğunu ve bu düğmelerin her birinin ses motoruna gönderilen sesli mesajla ilişkili bir niteliği olduğunu hayal edin. İçerik oluşturucular, sütun bloğunu kullanarak sesli mesajların bir ızgarada nasıl eşlendiğini belirleyebilir. Blokları bir sütun bloğu içine yerleştirdiğinizde, REST yanıtı da nesneleri bloğun alt öğeleri olarak iç içe yerleştirir ve JSON yapısı kullanılarak mantık uygulanabilir.

VR'de bir sentezleyici arayüzü

Anlatı Tasarım Potansiyeli

Gönderi verilerinde hikayeler anlatıyoruz; bazıları bilgilendirici, bazıları kişisel, ancak düşünce kapsülleri olarak hizmet ederler. Gönderilerin ekrandaki metin ve resimlerden çok daha fazlası olduğu bir gelecek hayal ediyorum. Uzamsallaştırıcı içerik, anlatı tasarımı için harika fırsatlar sunar. AMP Hikayelerinde temsil edilen bu potansiyeli gördüm ve yapının 3B fiziksel alanlarda anlatılan hikayelere ilham vermesini umuyorum.

AMP Hikayeleri bloğunun resmi

AMP hikayelerinin aynı post yapısını hayal edin, ancak evinize veya ofisinize bırakabileceğiniz 3B alanlar için. Mozilla Hubs, tüm cihazlara açık işbirlikçi XR alanlarındaki sorumluluğu yönetiyor ve paylaşılan hikaye anlatımı deneyimlerine izin vermek için Mozilla Hubs için bir WordPress anlatı tasarımını birleştirmede ilginç bir potansiyel görüyorum.

XR deneyimlerini güçlendirmek için başsız WordPress kullanmanın yeni yollarını keşfetmeye devam etmekten ve dijital içerikle etkileşim kurma ve oluşturma konusunda tamamen yeni bir çağın başlamasına yardımcı olmaktan heyecan duyuyorum.