Categories

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).

Virtual tour VR360 dự án Sunneva Island Sun Group Đà Nẵng do Lotuz thực hiện
Virtual tour 360° toàn cảnh master plan dự án Sunneva Island — Sun Group Đà Nẵng, một trong các dự án tiêu biểu Lotuz triển khai. Hệ thống điểm nhìn (hotspot) cho phép khách di chuyển khắp khu đô thị.

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.

Hệ thống CRM360 Lotuz Studio - bảng điều khiển quản trị virtual tour VR360
Bảng điều khiển CRM360 — mỗi tour là một dự án virtual tour 360°. Engine krpano 1.23.3, viewer branding-free.

Kiến trúc 3 tầng

TầngCông nghệVai trò
Dữ liệuPostgreSQL 1511 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 & buildNode.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ị SPAAPI, 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ầnSố dòngChức năng
Giao diện quản trị (SPA)~2.428Quản lý tour/cảnh/hotspot, kéo-thả, cấu hình giao diện
Máy chủ & API~1.038Xác thực, REST API, streaming build, link chia sẻ
Bộ sinh XML krpano~1.1463 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).

Trình biên tập cảnh 360 trong CRM360 Lotuz - dự án Sunneva Island
Trình biên tập cảnh trong CRM360 — quản lý danh sách cảnh, thuộc tính góc nhìn (hlookat/vlookat/FOV), variant ngày/đêm, transition, kèm preview trực tiếp. Ảnh: dự án Sunneva Island.

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.

Cấu hình menu điều hướng đa ngôn ngữ VI/EN cho tour VR360
Cấu hình thanh điều hướng song ngữ VI/EN trong CRM360 — bật/tắt, sắp xếp, đặt nhãn và hành động cho từng nút mà không cần chạm vào mã nguồ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.

Hệ thống theme giao diện viewer VR360 của CRM360 Lotuz
Chọn theme giao diện cho viewer 360 — mỗi template tối ưu cho một loại dự án.

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:

  1. Đọc dữ liệu tour, cảnh, hotspot, mặt bằng từ PostgreSQL.
  2. Sao chép ảnh panorama vào thư mục dựng, gọi engine krpano cắt multi-resolution tile.
  3. Sinh động tour.xmlcustom.xml — toàn bộ marker, callout, sidebar, mặt bằng, hiệu ứng day/night… từ dữ liệu DB.
  4. 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.
  5. Đó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.

Quy trình build và xuất bản virtual tour 360 trên CRM360 Lotuz
Tab Build & Xuất bản — dựng tour (tile + giao diện) và phát hành chỉ với một nút bấm, theo dõi tiến trình realtime.

Để 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.

Virtual tour VR360 biệt thự Casa Del Jardin
Casa Del Jardin — tour biệt thự với điều hướng Tổng quan / Ngoại thất / Nội thất.
Virtual tour VR360 Paradise Island resort
Paradise Island — tour resort đảo với hệ thống villa trên biển.
Virtual tour VR360 khu biệt thự EHR
EHR — tour khu biệt thự ven nước, điểm nhìn trên cao và mặt đất.

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.

Leave a Comment

Your email address will not be published. Required fields are marked *