Nội Dung CHƯƠNG I: GIAO DIỆN NGƯỜI DÙNG 06 CHƯƠNG II: Giao Diện Quản Trị 08 Đăng Nhập Quản Lý Website 10 Danh Mục Quản Lý Website 12 Quản Lý Trang Menu 14 Quản Lý Danh Mục Menu 16 Quản Lý Blog Sản Phẩm 18 Quản Lý Blog Cơng Trình 20 Quản Lý Blog Tin Tức 22 Quản Lý Thuộc Tính Hình Ảnh 24 Quản Lý Banner 26 Quản Lý Hình Ảnh 28 Quản Trị Nhóm Người Dùng 30 Quản Trị Người Dùng 32 ht Giao diện trang chủ Fujiwindows Giao diện trang chủ HDPWindow Giao diện dịch vụ HDPWindow Giao diện sản phẩm kính HDPWindow 06 Giao diện cơng trình HDPWindow 07 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 Đăng Nhập Quản Lý Website ĐĂNG NHẬP QUẢN LÝ WEBSITE Quên Mật Khẩu — — Vào địa www.hdpwindow.com/admin để đăng nhập quản trị Trong trường hợp bạn quên mật khẩu, nhấp vào quên mật nhập email khôi phục tài khoản 03 Quản Lý Trang Menu 04 Quản Lý Danh Mục Menu 05 Quản Lý Blog Sản Phẩm Đăng nhập vào hệ thống thành cơng có giao diện 06 Quản Lý Blog Cơng Trình Tên truy cập: ######## Mật khẩu: ######## 07 — Quản Lý Blog Tin Tức Nhấn nút để đăng nhập vào trang quản trị website 08 Quản Lý Banner 09 Quản Lý Hình Ảnh 10 Quản Trị Nhóm Người dùng 11 Quản Trị Người Dùng 10 • Menu (Bảng điều khiển trang menu) • Blog (Quản lý viết tin tức, sản phẩm, dự án khách hàng, ) • Media (Quản lý hình ảnh) • Thiết kế (Quản lý banner, thiết kế, ) • Hệ thống (Nơi quản lý người dùng, quản lý website) 11 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 DANH MỤC QUẢN LÝ WEBSITE — Đăng Nhập Quản Lý Website 03 MENU: Bảng điều khiển trang menu Quản Lý Trang Menu 04 Quản Lý Danh Mục Menu 05 Quản Lý Blog Sản Phẩm 06 Quản Lý Blog Cơng Trình Blog: Quản lý viết tin tức, sản phẩm, dự án khách hàng, 07 Quản Lý Blog Tin Tức 08 Quản Lý Banner 09 Media: Quản lý hình ảnh Quản Lý Hình Ảnh 10 Thiết kế: Quản lý banner, thiết kế, Quản Trị Nhóm Người dùng Hệ thống: Nơi quản lý người dùng, quản lý website 11 Quản Trị Người Dùng 12 13 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 3.2 Điều Chỉnh Thông Tin Trang Menu Hiện Có QUẢN LÝ TRANG MENU — — Đăng Nhập Quản Lý Website 3.1 Thêm Trang Menu 03 Bước 1: Vào MENU chọn Trang Bước 2: Chọn trang menu cần hiểu chỉnh bấm Quản Lý Trang Menu Bước 3: Thay đổi thông tin cần hiệu chỉnh trang menu Bước 4: Bấm 04 bấm Quản Lý Danh Mục Menu 05 để lưu lại trang menu để trở lại trang menu trước 3.3 Xóa Thơng Tin Trang Menu Hiện Có Quản Lý Blog Sản Phẩm — 06 Bước 1: Vào MENU chọn Trang Bước 2: Chọn trang menu cần xóa bấm Quản Lý Blog Cơng Trình Sẽ có hộp thoại u cầu xác nhận có muốn xóa hay khơng Chọn OK để xác nhận chọn hủy để hủy thao tác xóa quay lại trang menu trước 07 Quản Lý Blog Tin Tức 08 Quản Lý Banner 09 BƯỚC 1: Vào MENU chọn Trang Quản Lý Hình Ảnh BƯỚC 2: Bấm vào 10 BƯỚC 3: Bấm Quản Trị Nhóm Người dùng 11 Quản Trị Người Dùng 14 nhập thông tin cần thiết cho trang menu để lưu trang menu 3.4 Kết Quả Ở Giao Diện Người Dùng — Lưu ý: cần nhập nội dung cần thiết Tên Trang: Nhập tên trang cần hiển thị Trạng thái: Bật để hiển thị trang menu menu Hiện Thị Ở Menu: Bật có để hiển thị menu Liên Kết: Nhập liên kết cho trang menu 15 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 Đăng Nhập Quản Lý Website QUẢN LÝ DANH MỤC MENU Tên Danh Mục: Nhập tên danh mục cần Cha: Nếu danh mục menu — hiển thị giữ nguyên phần danh mục Meta Tag Title: Nhập tiêu đề cho viết để SEO Website cha Nếu danh mục chúng Meta Tag Description: Nhập thích ngắn gọn để SEO website chọn vào tên Meta Tag Keywords: Nhập thơng tin keyword để SEO Website Trạng Thái: Bật để hiển thị trang menu 4.1 Thêm Danh Mục Menu 03 ta nhập tên danh mục cha Banner: Nhập ảnh cho danh mục Quản Lý Trang Menu Lưu ý: 04 - Danh mục cha, có danh mục khơng hiển thị đề xuất ( bị hạn chế ), vui lịng nhập tên danh mục vào Ví dụ danh mục Sản Phẩm gõ vào "Sản phẩm" - Danh mục cha "Sản Phẩm" set sẵn, vậy, tạo danh mục đưa thẳng trang menu hình Quản Lý Danh Mục Menu 05 Quản Lý Blog Sản Phẩm 06 4.3 Điều Chỉnh Danh Mục Menu Hiện Có Quản Lý Blog Cơng Trình — 07 Thực thao tác tương tự Trang MENU Quản Lý Blog Tin Tức 4.4 Xóa Thơng Tin Danh Mục Menu Hiện Có 08 — Quản Lý Banner Thực thao tác tương tự Trang MENU 09 Quản Lý Hình Ảnh 4.5 Kết Quả Ở Giao Diện Người Dùng 10 — Quản Trị Nhóm Người dùng Ví dụ minh họa từ trang Cơng Trình 11 BƯỚC 1: Vào MENU chọn Danh Mục BƯỚC 2: Bấm vào nhập thông tin cần thiết cho danh mục menu Quản Trị Người Dùng BƯỚC 3: Bấm 16 để lưu danh mục menu 17 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 QUẢN LÝ BLOG SẢN PHẨM — Đăng Nhập Quản Lý Website 5.1 Thêm Blog Sản Phẩm Mới 03 Tiêu Đề: Nhập tiêu đề sản phẩm cần hiển thị Liên Kết Danh Mục: Tick vào danh mục liên kết Mô Tả Ngắn: Nhập đoạn ngắn sản phẩm vào mô tả ngắn tạo Mô Tả: Nội dung sản phẩm Trạng Thái: Bật để hiển thị sản phẩm cơng khai web Top: Có để hiển thị sản phẩm Meta Tag Title: Nhập tiêu đề cho sản phẩm để SEO Website 5.2 Thêm Ảnh Cho Sản Phẩm Quản Lý Trang Menu — 04 Quản Lý Danh Mục Menu 05 Quản Lý Blog Sản Phẩm 06 Quản Lý Blog Cơng Trình BƯỚC 1: Chuyển qua tab hình ảnh để chỉnh sửa 07 BƯỚC 2: Bấm vào Bấm Quản Lý Blog Tin Tức BƯỚC 3: Bấm 08 để Upload chỉnh sửa ảnh Bấm để thêm ảnh bấm để xóa ảnh để bỏ ảnh để lưu lại * Thứ tự xếp hình hiển thị theo số thứ tự Quản Lý Banner 5.3 Kết Quả Ở Giao Diện Người Dùng 09 — Quản Lý Hình Ảnh 10 Quản Trị Nhóm Người dùng 11 BƯỚC 1: Vào BLOG chọn Sản phẩm BƯỚC 2: Bấm vào nhập thông tin cần thiết cho sản phẩm Quản Trị Người Dùng BƯỚC 3: Bấm 18 để lưu blog sản phẩm 19 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 QUẢN LÝ BLOG CÔNG TRÌNH — Đăng Nhập Quản Lý Website 6.1 Thêm Blog Cơng Trình Mới 03 Tiêu Đề: Nhập tiêu đề cơng trình cần hiển thị Liên Kết Danh Mục: Tick vào danh mục liên kết Mô Tả Ngắn: Nhập đoạn ngắn cơng trình vào mơ tả ngắn tạo Mơ Tả: Nội dung cơng trình Trạng Thái: Bật để hiển thị blog cơng trình cơng khai web Meta Tag Title: Nhập tiêu đề cho cơng trình để SEO Website Top: Có để hiển thị cơng trình 6.2 Thêm Ảnh Cho Cơng Trình Quản Lý Trang Menu — 04 Thực thao tác tương tự Blog Sản Phẩm Quản Lý Danh Mục Menu 6.3 Tùy Chỉnh Nội Dung Cơng Trình 05 — Quản Lý Blog Sản Phẩm BƯỚC 1: Chuyển qua tab cơng trình để chỉnh sửa BƯỚC 2: Nhập hạng mục: Chủ đầu tư, hạng mục cơng trình, vị trí, 06 BƯỚC 3: Bấm Quản Lý Blog Cơng Trình để lưu lại 6.4 Kết Quả Ở Giao Diện Người Dùng 07 — Quản Lý Blog Tin Tức 08 Quản Lý Banner 09 Quản Lý Hình Ảnh 10 Quản Trị Nhóm Người dùng 11 BƯỚC 1: Vào BLOG chọn Cơng trình BƯỚC 2: Bấm vào nhập thông tin cần thiết cho cơng trình Quản Trị Người Dùng BƯỚC 3: Bấm 20 để lưu blog cơng trình 21 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 QUẢN LÝ BLOG TIN TỨC — Đăng Nhập Quản Lý Website 7.1 Thêm Blog Tin Tức Mới 03 Tiêu Đề: Nhập tiêu đề viết cần hiển thị Liên Kết Danh Mục: Tick vào danh mục liên kết Mô Tả Ngắn: Nhập đoạn ngắn mô tả vào mô tả ngắn tạo Mô Tả: Nội dung viết Trạng Thái: Bật để hiển thị blog cơng trình cơng khai web Meta Tag Title: Nhập tiêu đề cho cơng trình để SEO Website Top: Có để hiển thị cơng trình 7.2 Thêm Ảnh Đại Diện Cho Bài Viết Quản Lý Trang Menu — 04 Quản Lý Danh Mục Menu 05 Quản Lý Blog Sản Phẩm 06 Quản Lý Blog Cơng Trình 07 Chuyển sang tab hình ảnh, chọn ảnh làm đại diện cho viết Quản Lý Blog Tin Tức 7.3 Kết Quả Ở Giao Diện Người Dùng 08 — Quản Lý Banner 09 Quản Lý Hình Ảnh 10 Quản Trị Nhóm Người dùng 11 BƯỚC 1: Vào BLOG chọn Tin tức BƯỚC 2: Bấm vào nhập thông tin cần thiết cho viết Quản Trị Người Dùng BƯỚC 3: Bấm 22 để lưu viết lại 23 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 Thơng Tin Của Ảnh QUẢN LÍ THUỘC TÍNH HÌNH ẢNH — — Đăng Nhập Quản Lý Website Thao Tác Nhập Liệu 03 Đường dẫn hình ảnh Quản Lý Trang Menu Chú thích cho ảnh 04 Chiều rộng ảnh (pixel) Quản Lý Danh Mục Menu Chiều cao ảnh, khóa tỷ lệ ảnh kích thước gốc (pixel) 05 Quản Lý Blog Sản Phẩm 06 Quản Lý Blog Cơng Trình Phóng to/ thu nhỏ Chỉ số Màu In đậm Copy formatting Thuộc tính ảnh In nghiêng Xóa định dạng Upload ảnh Gạch chân Chèn thứ tự số Chèn video youtube Gạch xuyên ngang Chèn thứ tự symbol Chèn bảng Chỉ số Màu chữ Phân cách ngang Thêm viền cho ảnh Vị trí ảnh theo chiều ngang Vị trí ảnh theo chiều dọc Vị trí ảnh: Trái, phải 07 Quản Lý Blog Tin Tức Hiệu Chỉnh Thuộc Tính Ảnh Bấm đồng ý để xác nhận, bỏ qua để hủy bỏ — 08 Click chuột phải vào ảnh, bấm chọn thuộc tính ảnh Quản Lý Banner 09 Quản Lý Hình Ảnh 10 Quản Trị Nhóm Người dùng 11 Quản Trị Người Dùng 24 Tab liên kết Tab mở rộng 25 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 8.2 Điều Chỉnh Thông Tin Slide Banner Hiện Có QUẢN LÝ BANNER — — Đăng Nhập Quản Lý Website 8.1 Thêm Banner Mới Bước 1: Vào menu Blog chọn Blog 03 Bước 2: Chọn viết cần hiểu chỉnh bấm Quản Lý Trang Menu Bước 3: Thay đổi thông tin cần hiệu chỉnh viết 04 Bước 4: Bấm bấm Quản Lý Danh Mục Menu để lưu lại viết để trở lại trang danh sách viết trước 05 8.3 Xóa Thơng Tin Slide Banner Hiện Có Quản Lý Blog Sản Phẩm — 06 Bước 1: Vào Thiết kế chọn Banners Quản Lý Blog Cơng Trình 07 Quản Lý Blog Tin Tức 01 08 03 02 Quản Lý Banner Vào Thiết kế chọn Banners 09 Bấm vào để thêm banner Bấm để lưu lại banner bấm để trở lại trang danh sách từ banner Quản Lý Hình Ảnh Trạng thái: Cho phép slide banner xuất website hay không Nội dung slide: Bạn bấm Quản Trị Nhóm Người dùng 11 Quản Trị Người Dùng 26 Sẽ có hộp thoại yêu cầu xác nhận có muốn xóa hay khơng Chọn OK để xác nhận chọn Cancel để hủy thao tác xóa quay lại trang danh mục slide banner trước 8.4 Kết Quả Ở Giao Diện Người Dùng Tên Banner: Nhập tên banner 10 Bước 2: Chọn danh mục slide banner cần xóa bấm để thêm hình ảnh banner bấm để loại bỏ — hình ảnh banner có sẵn Thơng tin thêm bao gồm tiêu đề, liên kết, tải hình ảnh lên chọn thứ tự xuất hình ảnh Bấm để đăng hình ảnh sản phẩm lên website Bấm chỉnh sửa để thay đổi hình ảnh thêm trước Bấm xóa để hủy hình ảnh đăng tải 27 www.fujiwindows.vn www.motila.vn 01 Đăng Nhập Quản Lý Website 02 9.2 Thao Tác Thêm/ Xóa Ảnh QUẢN LÝ HÌNH ẢNH — — Đăng Nhập Quản Lý Website 9.1 Thêm Bài Viết Mới 03 Quản Lý Trang Menu Bấm để tải hình lên website Bấm để xóa hình lựa chọn khỏi website Bấm để cập nhật danh sách hình ảnh website Bấm để tạo thư mục website 9.3 Bộ lọc 04 — Quản Lý Danh Mục Menu 05 Quản Lý Blog Sản Phẩm 06 Nhập tên ảnh Quản Lý Blog Cơng Trình 07 Quản Lý Blog Tin Tức Danh mục cha 08 Quản Lý Banner 01 09 03 02 Quản Lý Hình Ảnh Vào menu Media chọn Hình ảnh 10 Bấm vào để mở giao diên đăng tải hình ảnh Chọn vị trí cần đăng Trạng thái: bật/ tắt Bấm lọc liệu để lấy kết tải hình ảnh lên website Quản Trị Nhóm Người dùng Để tìm nhanh nội dung dùng lọc chung theo danh mục cha Được áp dụng cho toàn blog 11 Quản Trị Người Dùng 28 29 www.motila.vn 01 Đăng Nhập Quản Lý Website 02 10.2 Hiệu Chỉnh Nhóm Phân Quyền Người Dùng 10 QUẢN TRỊ NHÓM NGƯỜI DÙNG — Đăng Nhập Quản Lý Website — 9.1 Tạo Nhóm Phân Quyền Người Dùng: Bước 1: Vào menu Hệ thống chọn người dùng, chọn nhóm người dùng 03 Bước 2: Chọn nhóm phân quyền người dùng cần hiểu chỉnh bấm Quản Lý Trang Menu Bước 3: Hiệu chỉnh thông tin 04 Bước 4: Bấm để lưu lại bấm để trở lại trang danh sách nhóm phân Quản Lý Danh Mục Menu quyền người dùng 05 10.3 Xóa Nhóm Phân Quyền Người Dùng Quản Lý Blog Sản Phẩm — 06 Bước 1: Vào menu Hệ thống chọn người dùng, chọn nhóm người dùng Quản Lý Blog Cơng Trình 01 07 03 02 Quản Lý Blog Tin Tức 08 Quản Lý Banner Vào menu Hệ thống chọn người dùng, chọn nhóm người dùng 09 Quản Lý Hình Ảnh 10 Bấm để thêm để lưu lại nhóm phân quyền dùng Nhập tên nhóm, người dùng tick chọn vào quyền bấm để trở lại trang mà cho phép nhóm danh sách nhóm phân quyền người dùng phân quyền người thực dùng Tên Nhóm: Đặt tên nhóm Quản Trị Nhóm Người dùng Bấm nhóm phân quyền người Quyền Hạn: Cấp quyền chỉnh sửa website Bước 2: Chọn nhóm phân quyền người dùng cần xóa bấm Sẽ có hộp thoại yêu cầu xác nhận có muốn xóa hay khơng Chọn OK để xác nhận chọn Cancel để hủy thao tác xóa quay lại trang danh nhóm phân quyền người dùng trước 11 Quản Trị Người Dùng 30 31 www.motila.vn 01 Đăng Nhập Quản Lý Website 02 11.2 Hiệu Chỉnh Người Dùng: 11 QUẢN TRỊ NGƯỜI DÙNG — — Đăng Nhập Quản Lý Website 11.1 Tạo Người Dùng Bước 1: Vào menu Hệ thống chọn người dùng, chọn người dùng 03 Bước 2: Chọn người dùng cần hiểu Quản Lý Trang Menu chỉnh bấm 04 Bước 3: Thay đổi thông tin cần hiệu chỉnh người dùng Bước 4: Bấm Quản Lý Danh Mục Menu dùng bấm để lưu lại người để trở lại trang danh sách nhóm người dùng 05 11.3 Xóa Người Dùng: Quản Lý Blog Sản Phẩm — 06 Bước 1: Vào menu Hệ thống chọn người dùng, chọn người dùng Quản Lý Blog Cơng Trình 07 Quản Lý Blog Tin Tức 08 01 03 02 Quản Lý Banner Bước 2: Chọn người dùng cần xóa bấm 09 Sẽ có hộp thoại yêu cầu xác nhận có muốn xóa hay không Chọn OK để xác nhận chọn Cancel để hủy thao tác xóa quay lại trang người dùng trước Quản Lý Hình Ảnh 10 Vào menu Hệ thống chọn người dùng, chọn người dùng Bấm để thêm người dùng Bấm để lưu lại người dùng bấm để trở lại trang danh sách người dùng Quản Trị Nhóm Người dùng 11 Quản Trị Người Dùng 32 Tên đăng nhập: Nhập tên đăng nhập Thuộc nhóm: Chọn quyền người dùng Họ: Nhập họ tên lót người dùng Tên: Nhập tên người dùng Email: Nhập email người dùng 10.4 Đăng Nhập Với Tên Người Dùng Đã Thêm Vào — Hình ảnh: Chọn hình đại diện Mật khẩu: Mật từ ký tự Xác nhận lại: Nhập lại mật Trạng thái: Cho phép người dùng truy cập hay khơng 33 © 2020 Motila Corporation