Tổng quan hệ thống
	 
	Đối tượng sử dụng: Khách truy cập (Frontend), Nhân viên kinh doanh (Sales), Biên tập viên (Editor), Quản trị viên (Admin).
	 
	Mục tiêu: Giới thiệu dự án BĐS, thu thập khách hàng tiềm năng (lead), quản trị nội dung/danh mục/dự án, theo dõi hiệu quả.
	 
	1) Chức năng Frontend (Khách truy cập)
	- 
		Trang chủ
		
			- 
				Slider dự án nổi bật (ảnh, tiêu đề, CTA “Xem chi tiết”).
 
			- 
				Khối “Dự án mới” “Tin tức nổi bật”.
 
		
	 
	- 
		Danh sách dự án.
 
	- 
		Sắp xếp: Mới nhất
 
	- 
		Chế độ xem lưới/danh sách, phân trang.
 
	- 
		Thông tin tổng quan: Tên dự án, chủ đầu tư, pháp lý, vị trí (map), quy mô, giá tham chiếu.
 
	- 
		Thư viện ảnh/Video; Tải brochure/PDF (nếu có).
 
	- 
		Tiện ích nội/ngoại khu, tiến độ thi công (mốc thời gian + hình ảnh).
 
	- 
		Form Đăng ký tư vấn/Liên hệ (ghi nhận lead).
 
	- 
		Chọn ngày/giờ mong muốn, thông tin liên hệ → tạo lead.
 
	- 
		Nút nổi Chat Zalo/Messenger, nút gọi hotline.
 
	- 
		Ảnh WebP, lazy-load, cache tĩnh, responsive (Bootstrap).
 
	- 
		Chi tiết dự án
 
	- 
		Tin tức/Blog
 
	2) Chức năng Admin (Phân quyền + CRUD)
	- 
		Đăng nhập/Đăng xuất
		
			- 
				Xác thực tài khoản, bảo vệ CSRF, khóa sau N lần sai.
 
		
	 
	- 
		Phân quyền người dùng
 
	- 
		Admin: toàn quyền.
 
	- 
		Editor: quản lý nội dung (dự án, bài viết) không truy cập cấu hình hệ thống.
 
	- 
		Sales: xem leads được phân bổ, cập nhật trạng thái, ghi chú.
 
	- 
		Tạo/sửa/xóa, đặt vai trò, đổi mật khẩu, kích hoạt/vô hiệu.
 
	- 
		Thông tin cơ bản: tên, slug/URL, chủ đầu tư, pháp lý, vị trí (Tỉnh/Quận/Phường + toạ độ), mô tả ngắn/dài.
 
	- 
		Tiện ích (tick list), tiến độ (mốc thời gian + ảnh), thư viện ảnh/video, tài liệu (PDF).
 
	- 
		Cấu hình hiển thị: “Nổi bật”, “Bán chạy”, thứ tự.
 
	- 
		Loại hình BĐS, Danh mục tin tức;.
 
	- 
		Soạn thảo (Rich Text), ảnh đại diện, SEO (title/description), tags, lịch đăng.
 
	- 
		Danh sách lead từ form liên hệ/đăng ký/lịch hẹn: tên, SĐT, email, nguồn (Trang chi tiết/Trang chủ/Quảng cáo…).
 
	- 
		Phân công Sales, trạng thái (Mới → Đang chăm → Hẹn gặp → Chốt/Không phù hợp), ghi chú nội bộ.
 
	- 
		Quản lý slider trang chủ, banner chuyên mục (ảnh, liên kết, thứ tự).
 
	- 
		Logo, favicon, màu sắc (giữ #102E50 / #E78B48), font Roboto, mã nhúng Zalo/Facebook
 
	- 
		Ghi nhận ai tạo/sửa/xóa nội dung và thời điểm.
 
	- 
		Quản lý Người dùng (CRUD)
 
	- 
		Quản lý Dự án (CRUD)
 
	- 
		Danh mục & Từ điển
 
	- 
		Bài viết/Tin tức (CRUD)
 
	- 
		Leads/Khách hàng tiềm năng
 
	- 
		Slider/Banner
 
	- 
		Cấu hình hệ thống
 
	- 
		Nhật ký hoạt động (Audit log) (tuỳ chọn)
 
	- 
		Phân trang & tìm kiếm trong Admin
 
	3) Quy trình nghiệp vụ chính
	- 
		Nhập dự án → soạn nội dung, ảnh, thông số → Duyệt (Admin/Editor) → Công bố lên Frontend.
 
	- 
		Lead vào hệ thống từ form/Chat → Phân công Sales → Chăm sóc & cập nhật trạng thái → Báo cáo.
 
	- 
		Tin tức → biên tập → duyệt → xuất bản.
 
	 
	 4.  Tương tác & SEO/Hiệu năng
	- 
		Nút nổi Zalo/Messenger, Hotline.
 
	Hiệu năng: Ảnh WebP, lazy-load, cache tĩnh, responsive Bootstrap
                        
                            
                            XEM THÊM ==> Hướng dẫn cài đặt chi tiết
                        
                        
                        
                                    
                                    HƯỚNG DẪN CÀI ĐẶT
                                    
	Vào Xampp Tạo database : tra72421_bds05 , sau đó chèn file tra72421_bds05 phien ban 3 từ hosting về xampp.sql là sử dụng
	Tài khoản và mật khẩu : admin/admin
	Trang đăng nhập giao diện
	http://localhost/public_html3/admin/login.php
	 
                                    
                        Nguồn: Topcode.vn