Lotuz Studio làm chủ công nghệ VR360 — Tự phát triển hệ thống CRM360 quản trị virtual tour bất động sản
Virtual tour 360° (VR360) đã trở thành chuẩn mực mới trong cách các chủ đầu tư bất động sản giới thiệu dự án: thay vì hình phối cảnh tĩnh, khách hàng có thể “bước vào” không gian, xoay nhìn mọi hướng, di chuyển giữa các điểm nhìn và cảm nhận tỷ lệ thực — từ bất kỳ đâu, trên bất kỳ thiết bị nào. Tại Lotuz Studio, chúng tôi không chỉ sử dụng công nghệ VR360, mà làm chủ trọn vẹn chuỗi công nghệ: từ engine render đến một hệ thống quản trị virtual tour do chính đội ngũ Lotuz tự phát triển.
Bài viết này hé lộ phần “hậu trường kỹ thuật” của năng lực VR360 tại Lotuz — kiến trúc hệ thống, các con số mã nguồn thực tế, quy trình dựng tour tự động — cùng những dự án tiêu biểu mà chúng tôi đã triển khai, trong đó có Sunneva Island (Sun Group Đà Nẵng).

Nội dung chính

VR360 mang lại gì cho chủ đầu tư?
- Bán hàng từ xa, không giới hạn địa lý: khách ở Hà Nội, TP.HCM hay nước ngoài đều có thể “tham quan” dự án ở Đà Nẵng ngay trên trình duyệt, không cần cài app.
- Tăng tỷ lệ chuyển đổi: trải nghiệm nhập vai giúp khách hình dung không gian rõ ràng hơn nhiều so với brochure hay video, rút ngắn quyết định xuống tiền.
- Một lần dựng — dùng nhiều kênh: nhúng vào website, gửi link Zalo/Facebook, trình chiếu tại sự kiện, in QR lên ấn phẩm.
- Cập nhật linh hoạt: bổ sung cảnh mới, đổi điểm nhìn, gắn mặt bằng, video, hồ sơ PDF… mà không phải dựng lại từ đầu.
Điểm khác biệt là cách thực thi. Phần lớn đơn vị dừng ở việc dùng phần mềm đóng gói (Kolor Panotour, 3DVista…) để xuất tour. Lotuz đi xa hơn: chúng tôi làm chủ engine render cấp công nghiệp và xây dựng hệ thống quản trị riêng bao quanh nó — để kiểm soát hoàn toàn chất lượng, tốc độ và khả năng tuỳ biến.
Nền tảng render: engine krpano 1.23.3
Lotuz lựa chọn krpano — engine virtual tour 360° hàng đầu thế giới, được sử dụng bởi vô số hãng panorama chuyên nghiệp — làm lõi render. Đây là phần mềm thương mại có bản quyền mà Lotuz sở hữu license hợp lệ. Các đặc tính kỹ thuật chúng tôi khai thác:
- Render WebGL mượt trên mọi nền tảng — desktop, iOS, Android — không phụ thuộc Flash (đã khai tử).
- Multi-resolution tiling: ảnh panorama độ phân giải cao được cắt thành các “tile” nhiều cấp, tải dần theo góc nhìn và mức zoom — tour nét mà vẫn nhẹ.
- Hỗ trợ đa loại cảnh: panorama cầu (sphere 360°), ảnh phẳng 2D, object-movie (xoay quanh vật thể), little planet.
- Cơ chế viewer “branding-free”: krpano cung cấp công cụ
protectđể đóng gói viewer gọn, sạch logo — Lotuz tích hợp bước này vào quy trình dựng tour tự động (xem bên dưới).
Tuy nhiên, krpano chỉ là cỗ máy render. Để biến nó thành một nền tảng quản trị virtual tour dùng được cho đội kinh doanh — tạo dự án, upload ảnh, đặt điểm nhìn bằng thao tác kéo-thả, build và xuất bản chỉ với một nút bấm — cần một lớp phần mềm hoàn toàn riêng. Đó chính là CRM360.
CRM360 — Hệ thống quản trị virtual tour Lotuz tự phát triển
CRM360 là phần “tài sản công nghệ” cốt lõi của Lotuz: một ứng dụng web full-stack do chính đội ngũ Lotuz viết từ đầu, đóng vai trò “nhạc trưởng” điều phối toàn bộ vòng đời một virtual tour — từ dữ liệu thô đến tour hoàn chỉnh phát hành công khai.

Kiến trúc 3 tầng
| Tầng | Công nghệ | Vai trò |
|---|---|---|
| Dữ liệu | PostgreSQL 15 | 11 bảng quan hệ: tour, cảnh, hotspot, mặt bằng, album ảnh, video, người dùng… Cấu hình giao diện từng tour lưu dạng JSONB linh hoạt. |
| Sinh & build | Node.js (bộ sinh XML + orchestrator) | Đọc dữ liệu từ DB, sinh động XML krpano, gọi engine cắt tile, đóng gói viewer, xuất bản tour. |
| Phục vụ | Express 4 + giao diện quản trị SPA | API, xác thực phiên, streaming tiến trình build theo thời gian thực, link chia sẻ công khai cho khách. |
Toàn bộ hệ thống gồm hơn 8.400 dòng mã nguồn tự viết (không tính thư viện ngoài), được vận hành thực tế trên hạ tầng máy chủ riêng của Lotuz:
| Thành phần | Số dòng | Chức năng |
|---|---|---|
| Giao diện quản trị (SPA) | ~2.428 | Quản lý tour/cảnh/hotspot, kéo-thả, cấu hình giao diện |
| Máy chủ & API | ~1.038 | Xác thực, REST API, streaming build, link chia sẻ |
| Bộ sinh XML krpano | ~1.146 | 3 module sinh XML cho marker, callout, sidebar, mặt bằng, day/night, polygon… |
| Orchestrator build | ~203 | Điều phối DB → tile → XML → đóng gói → xuất bản |
| Trình biên tập trực quan | ~448 | Đặt hotspot & điểm mặt bằng bằng thao tác trên ảnh |
| Tổng (gồm CSS/HTML) | ~8.464 dòng | |
Trình biên tập cảnh & hotspot trực quan
Thay vì viết XML bằng tay, biên tập viên của Lotuz làm việc trên một giao diện kéo-thả: upload ảnh panorama hoặc render, đặt điểm nhìn (hotspot) trực tiếp lên ảnh, liên kết cảnh, gắn mặt bằng, album, video, thuyết minh… CRM360 hỗ trợ 10 loại hotspot (thông tin, liên kết cảnh, vùng polygon, gallery ảnh, video, PDF, tải file…) và nhiều loại cảnh (360°, 2D phẳng, spin 360°, nội thất).

Cấu hình giao diện không cần code
Mỗi tour có thể tuỳ biến thanh điều hướng, menu, nhãn song ngữ Việt/Anh, bản đồ Google, nhạc nền, hiệu ứng chuyển cảnh ngày/đêm — tất cả qua giao diện cấu hình, lưu dưới dạng JSONB và áp dụng khi build. Đội kinh doanh có thể tự dựng và chỉnh tour mà không cần lập trình viên.

Hệ thống theme giao diện viewer
CRM360 cho phép chọn theme viewer phù hợp từng loại dự án: theme Lotuz mặc định (mobile-first, nút tròn gradient thương hiệu), theme Cinema tối ưu xem video 360, theme Minimal tối giản cho bất động sản cao cấp. Mỗi theme là một bộ sinh giao diện độc lập, đảm bảo trải nghiệm nhất quán trên điện thoại.

Quy trình build tự động: từ dữ liệu đến tour phát hành
Trái tim kỹ thuật của CRM360 là orchestrator build — đoạn mã điều phối toàn bộ quá trình dựng tour. Khi biên tập viên bấm “Build”, hệ thống thực hiện tuần tự, đồng thời truyền tiến trình theo thời gian thực (%) về trình duyệt để theo dõi:
- Đọc dữ liệu tour, cảnh, hotspot, mặt bằng từ PostgreSQL.
- Sao chép ảnh panorama vào thư mục dựng, gọi engine krpano cắt multi-resolution tile.
- Sinh động
tour.xmlvàcustom.xml— toàn bộ marker, callout, sidebar, mặt bằng, hiệu ứng day/night… từ dữ liệu DB. - Sao chép tài nguyên: ảnh đêm (day/night crossfade), media POI, audio thuyết minh, frame spin360, ảnh mặt bằng.
- Đóng gói viewer “branding-free” và xuất bản tour ra thư mục công khai.
Một chi tiết kỹ thuật chúng tôi đặc biệt chăm chút là thanh tiến trình “mượt”: vì bước cắt tile của engine có thể “im lặng” cả phút khi xử lý ảnh nặng, orchestrator dùng thuật toán tiệm cận thời gian để thanh % bò đều, không bị “đơ” — trải nghiệm chờ đợi dễ chịu hơn cho người dùng.

Để hình dung mức độ “data-driven” của hệ thống, dưới đây là một lát cắt rút gọn của lược đồ cơ sở dữ liệu — mỗi tour, cảnh và hotspot đều là bản ghi quan hệ, cho phép chỉnh sửa và build lại bất kỳ lúc nào:
-- Lược đồ CRM360 (rút gọn) — PostgreSQL
CREATE TABLE tours (
id serial PRIMARY KEY,
name text NOT NULL,
slug text UNIQUE NOT NULL,
status text DEFAULT 'draft', -- draft | building | ready | published
design jsonb DEFAULT '{}' -- branding/menu/map/i18n từng tour
);
CREATE TABLE scenes (
id serial PRIMARY KEY,
tour_id int REFERENCES tours(id) ON DELETE CASCADE,
name text NOT NULL, -- krpano scene id
type text DEFAULT 'sphere',-- sphere | flat | spin | interior
night_file text, -- ảnh đêm (day/night crossfade)
hlookat real, vlookat real, fov real DEFAULT 110
);
CREATE TABLE hotspots (
id serial PRIMARY KEY,
scene_id int REFERENCES scenes(id) ON DELETE CASCADE,
type text NOT NULL, -- info | scenelink | polygon | gallery | video | pdf ...
ath real, atv real, -- toạ độ cầu của điểm nhìn
points jsonb, -- đa giác (polygon hotspot)
data jsonb DEFAULT '{}'
);
Lưu ý: đây là phần lược đồ minh hoạ. Bộ sinh XML, thuật toán build và các tối ưu hoá là know-how riêng của Lotuz.
Hạ tầng vận hành thực tế
CRM360 không phải bản demo — nó chạy thật trên hạ tầng máy chủ riêng của Lotuz Studio: container Linux (Debian 12) với Node.js 20 và PostgreSQL 15, phục vụ qua reverse proxy có chứng chỉ SSL, sao lưu định kỳ. Mô hình self-host này giúp Lotuz chủ động hoàn toàn về dữ liệu, chi phí và khả năng mở rộng — không phụ thuộc nền tảng SaaS đóng gói tính phí theo tour.
Dự án tiêu biểu
Năng lực VR360 của Lotuz đã được kiểm chứng qua nhiều dự án bất động sản nghỉ dưỡng và đô thị cao cấp. Tiêu biểu nhất là Sunneva Island — Sun Group Đà Nẵng: một virtual tour master plan quy mô lớn với hệ thống điểm nhìn dẫn dắt khách đi khắp khu đô thị ven sông, từ quảng trường, clubhouse đến từng dãy townhouse và villa.



Bạn có thể trải nghiệm trực tiếp các virtual tour này tại: Sunneva Island · Casa Del Jardin · EHR · Paradise Island.
Vì sao chọn Lotuz cho dự án VR360 của bạn?
- Làm chủ công nghệ, không phụ thuộc: Lotuz sở hữu cả engine bản quyền lẫn hệ thống quản trị tự phát triển — tuỳ biến được đến từng chi tiết, không bị “khoá” trong giới hạn của phần mềm đóng gói.
- Chất lượng hình ảnh cao: multi-resolution tiling cho tour sắc nét trên cả màn hình lớn lẫn điện thoại.
- Tuỳ biến sâu & song ngữ: giao diện, menu, hotspot, mặt bằng, day/night, video, hồ sơ — cấu hình theo nhận diện thương hiệu của từng chủ đầu tư.
- Chi phí vận hành tối ưu: hạ tầng self-host, không tính phí theo từng tour như các nền tảng SaaS.
- Trọn gói: Lotuz đồng hành từ chụp/ render panorama, dựng tour, đến nhúng website và bàn giao.
Liên hệ Lotuz Studio
Bạn là chủ đầu tư, sàn giao dịch hay đơn vị thiết kế cần một virtual tour 360° chuyên nghiệp cho dự án? Hãy để Lotuz Studio tư vấn giải pháp phù hợp — từ một căn hộ mẫu đến cả master plan khu đô thị.
- Website: lotuz.vn
- Email: nhatminh@lotuz.vn
- Dịch vụ: Virtual tour 360° · VR bất động sản · Phối cảnh kiến trúc · Giải pháp công nghệ AI & hình ảnh
Lotuz Studio — Công ty TNHH Tư Vấn Thiết Kế Kiến Trúc Lotuz Studio. Làm chủ công nghệ, kiến tạo trải nghiệm.