Kemungkinan CMS di Masa Depan Komputasi Spasial

Dalam peran saya di WP Engine, saya memiliki kesempatan untuk berkeliling dunia sebagai duta untuk cara-cara baru dan menarik dalam menggunakan WordPress. Saya baru-baru ini di Raleigh, North Carolina, di All Things Open berbicara tentang kemungkinan CMS di masa depan komputasi spasial. Ini adalah topik yang tinggi untuk pembicaraan selama 45 menit, jadi saya pikir saya akan membagikan pandangan yang lebih mendalam tentang cara baru untuk membangun pengalaman Extended Reality (XR) dengan WordPress menggunakan pendekatan tanpa kepala.

Kegilaan Tanpa Kepala

Saya pikir banyak dari kita melihat headless terutama sebagai cara untuk membuat situs kita lebih cepat dan memisahkannya dari CMS yang mengontrol konten kita. Meskipun benar dalam beberapa kasus, ini mungkin bukan lensa yang paling menarik untuk melihat konsep ini ketika kita mempertimbangkan apa artinya ini bagi aplikasi asli dan Augmented, Virtual dan Mixed Reality, yang lebih luas didefinisikan sebagai Extended Reality.

Untuk memahami bagaimana WordPress dapat mendukung pengalaman XR, kita harus mundur selangkah dan memahami fitur utama yang diinginkan pengembang dan desainer dalam aplikasi interaktif.

Apa daya tarik inti dari CMS?

Memperkecil dan melihat apa itu CMS pada intinya menyoroti beberapa fitur utama yang membuat imajinasi masa depan saya berlomba. Sebuah CMS dapat secara luas didefinisikan sebagai:

• data posting/halaman
• meta yang terkait dengan data seperti pengguna dan posting
• sistem pengguna yang aman
• editor konten yang kaya
• perpanjangan melalui plugin/tema/dll.

WordPress bersinar terang di seluruh spektrum ini dan, memasangkannya dengan fleksibilitas sumber terbuka, Anda dapat membangun apa pun yang Anda impikan. Sistem dan konten pengguna adalah persyaratan utama dalam aplikasi interaktif dan kaya media seperti XR. Solusi sumber terbuka seperti WordPress memberi pengembang kebebasan lebih besar dan kontrol lebih besar atas kode sumber dan perangkat lunak yang berarti mereka dapat mengubahnya untuk melakukan apa yang mereka inginkan, tidak dibatasi oleh lisensi. Tingkat kebebasan lain dicapai ketika editor Gutenberg baru digabungkan ke WordPress 5.0, semakin mendemokratisasi kekuatan CMS paling populer di dunia.

Kemungkinan dengan Editor WordPress Baru

Kami telah menghabiskan banyak waktu untuk memikirkan manfaat front-end secara terpadu untuk mengontrol markup menggunakan blok. Saya pikir salah satu aspek editor WordPress baru yang sebagian besar telah diabaikan dalam pengembangan front-end adalah struktur data dari blok itu sendiri.

Menarik data melalui REST API biasanya mengembalikan markup akhir dari sebuah posting. Ini mempersulit aplikasi berbasis non-html untuk mengurai atau menggunakan data. Anda tentu saja dapat membersihkan hasil akhir, tetapi itu tidak memberikan kepercayaan diri untuk maju dan sering menghilangkan konteks penting.

Sebelum posting membuat markup di front end, ada atribut berharga yang digunakan untuk menentukan markup akhir itu. Opsi ini sering kali berguna untuk aplikasi non-browser seperti halnya untuk pengalaman berbasis browser; itu hanya masalah memastikan konten dibersihkan untuk tujuan Anda.

Mari kita bayangkan kita memiliki blok audio dengan atribut src , loop , autoplay , dll. Atribut tersebut sama pentingnya untuk aplikasi non-browser yang mengharapkan keputusan yang sama dibuat saat runtime. Dengan menanyakan posting Gutenberg, seseorang dapat menarik file audio dan juga atribut tentang bagaimana seharusnya berperilaku, yang mengarah ke aplikasi yang disatukan dengan perilaku browser.

Dalam waktu yang tidak terlalu lama, dunia fisik dan digital akan terus menyatu. Karena generasi muda semakin berinteraksi dengan cara selain melalui layar, keyboard, dan mouse, kita mungkin harus mulai membuat konten dengan mempertimbangkan masa depan itu. Apakah kita benar-benar ingin semua markup itu disimpan? Apakah itu bahkan penting? Jika ya, mungkin atribut itu harus disimpan, dikunci, dan diekspos melalui JSON. Markup benar-benar hanya berguna untuk rendering front-end.

Konsep Pembaca Blog AR Hanya Suara

Bose memelopori pendekatan yang menarik untuk augmented reality. Mereka dengan cepat memperbarui penawaran produk mereka untuk menyertakan sensor 6 Derajat Kebebasan (6DoF) di dalam headphone dan kacamata hitam mereka untuk memberi daya pada pengalaman AR hanya suara. Ini memberi kita tiga mekanisme penting untuk XR; Pelacakan kepala 6DoF, pengalaman suara pribadi, dan pengenalan gerakan. Saya memutuskan untuk menggunakan teknologi ini untuk menggambarkan potensi dalam struktur data blok Gutenberg.

Menggunakan Gutenberg Object Plugin open-source dan dibangun oleh Roy Sivan dan kontributor, saya dapat mengekspos data atribut dengan cara yang ramah REST. Saya kemudian dapat mengalihkan fokus saya pada mekanik bangunan dan aplikasi MVP untuk membaca blog tanpa melihat. Aplikasi menempatkan tombol dalam ruang 3D di sekitar pengunjung. Di sebelah kanan, tombol "Posting Berikutnya". Tepat di depan mereka, tombol badan posting yang memutar pembacaan data posting. Teknologi suara-ke-teks dimungkinkan dengan menggunakan Amazon AI Plugin untuk WordPress.

Saat mengetuk dua kali pada bingkai kacamata sambil menghadap ke badan pos, sebuah suara meminta pengunjung untuk menggunakan gerakan anggukan untuk memutar audio pos. Dalam 24 jam setelah membuat sketsa ide, saya memiliki bukti konsep yang berfungsi dan saya mengaitkannya sebagian besar dengan tidak harus memikirkan cara menyiapkan data saya. Blok dan JSON melakukan semuanya untuk saya!

Gambar berikut adalah sketsa konsep beserta produk akhir.

Blok di Augmented Reality Tradisional

Spatializing blok menarik bagi saya, jadi saya membangun bukti konsep lain yang menunjukkan bagaimana objek prefab 3D di mesin game dapat dikaitkan dengan blok 2D di halaman web. Di bawah ini adalah tangkapan layar dari pos Gutenberg yang dirender di sekitar kamar hotel saya.

Sementara representasi literal 1: 1 dari halaman web di AR menggambarkan bahwa kita dapat menggabungkan keputusan desain kita di dalam dan di luar browser, saya pikir kita bisa melangkah lebih jauh. Sebuah blok dapat mewakili banyak hal; jadi mengapa tidak menggunakan blok khusus untuk mengabstraksi ide 3D?

Jenis File Non-Standar dan Abstrak Objek 3D

HTML memiliki daftar terbatas jenis file yang diizinkan di luar kotak. Itu tidak berarti kita terbatas hanya pada pilihan-pilihan itu. WordPress cukup fleksibel untuk diperluas ke orang lain hanya dengan menambahkan jenis yang diizinkan.

Saya telah membuat game musik bernama Broken Place yang memungkinkan pemain berinteraksi dengan musik real-time di AR. Mesin suara menjalankan bahasa pemrograman sumber terbuka yang disebut Data Murni (PD) yang memiliki jenis file yang sangat spesifik yang hanya dapat dibaca olehnya. Di WordPress, saya mengelola konten posting dalam jenis posting khusus yang disebut "lagu" di mana pemain dapat mengunggah tambalan PD mereka. Pemain cukup masuk ke situs web sebagai peran pengguna kontributor dan mengunggah tambalan mereka. Postingan lagu ditanyakan dari aplikasi asli dan tambalan dimuat.

Opsi pengiriman konten membuka potensi yang memungkinkan pengguna merancang tata letak mereka sendiri untuk antarmuka musik. Bayangkan dalam grafik di bawah, bahwa setiap tombol 3D yang digambarkan terkait dengan blok Gutenberg yang disebut "Knob" dan masing-masing tombol tersebut memiliki atribut yang terkait dengan pesan suara yang dikirim ke mesin audio. Pembuat konten dapat menentukan bagaimana pesan suara dipetakan dalam kotak menggunakan blok kolom. Saat Anda menyarangkan blok di dalam blok kolom, respons REST juga menyarangkan objek sebagai anak dari blok dan logika dapat diterapkan menggunakan struktur JSON.

Potensi Desain Narasi

Dalam data pos, kami bercerita; beberapa informasional, beberapa pribadi, tetapi mereka berfungsi sebagai kapsul pemikiran. Saya memimpikan masa depan di mana posting lebih dari sekadar teks dan gambar di layar. Spatializing konten memberikan peluang luar biasa untuk desain naratif. Saya telah melihat potensi ini terwakili dalam Cerita AMP dan berharap struktur tersebut dapat membantu menginspirasi cerita yang diceritakan dalam ruang fisik 3D.

Bayangkan struktur posting yang sama dari cerita AMP, tetapi untuk ruang 3D yang dapat Anda letakkan di rumah atau kantor Anda. Mozilla Hubs memimpin dalam ruang XR kolaboratif yang terbuka untuk semua perangkat dan saya melihat potensi menarik dalam menggabungkan desain naratif WordPress untuk Mozilla Hubs untuk memungkinkan berbagi pengalaman bercerita.

Saya bersemangat untuk terus mengeksplorasi cara baru menggunakan WordPress tanpa kepala untuk mendukung pengalaman XR dan membantu mengantarkan era yang sama sekali baru dalam cara kita berinteraksi dan membuat konten digital.