1 – MỤC ĐÍCH XÂY DỰNG
Đưa ra tiêu chuẩn về: Nội dung dữ liệu, Cấu trúc dữ liệu, Hình thức trình bày, thông tin liên hệ, Điều khoản sử dụng, Chính sách quyền riêng tư (Bảo mật thông tin người dùng), Bản quyền nội dụng của HAWA và các nội dung khác…
Tiêu chuẩn hóa hình thức cho nhận dạng thương hiệu như: LOGO, Các biến thể của Logo, Font chữ trên Logo, Mã màu Logo, tỉ lệ khung ảnh Logo,…
Tiêu chuẩn hóa về ứng dụng công nghệ thông như: Mã nguồn sử dụng, Ngôn ngữ lập trình, Hệ quản trị Cơ sở dữ liệu (Database) và các công cụ khác.
Tiêu chuẩn hóa về trải nghiệm người dùng, tương tác với website HAWA trên các thiết bị: Desktop, Tablet, Mobile cũng như các thiết bị PDA khác.
Các Nội dung được xây dụng trên Bộ tiêu chuẩn này sẽ được sử dụng làm tài liệu tham khảo để xây dựng các Phần mềm, Ứng dụng, Website và các Nền tảng vệ tinh khác thuộc Hội HAWA.
2 – MÃ NGUỒN VÀ NGÔN NGỮ LẬP TRÌNH
2.1. Mã nguồn (Source Code)
Mã nguồn: WordPress, tại trang chủ www.wordpress.org
Database: MySQL, Google Drive
Ngôn ngữ lập trình: PHP, CSS5, JavaScript
Đang cập nhật
Các mã nguồn và ngôn ngữ lập trình của Website
2.2. Plugin quan trọng
Elementor: Plugin Web Builder dùng để dựng giao diện Website trực quan. hỗ trợ tối ưu UX-UI
Elementor Pro: Là bản Elementor nâng cấp (bản Pro)
Advanced Custom Fields PRO: Dùng để tạo thêm các trường dữ liệu cho Web, hỗ trợ lập trình Web trực quan
Custom Post Type UI: Hỗ trợ Biên tập viên tạo nên các Chuyên mục bài viết độc lập với trình quản lý Post có sẵn trong WordPress. Giúp Quản trị Content được tốt hơn.
Member: Phân quyền và kiểm soát quyền người dùng trên website
Wordfence Security: Chống Virus, tưởng lửa và mã độc cho Website
FileBird Pro: Giúp quản trị nội dung Media (Hình ảnh, Video, File,…) trong mục Media mặc định của WordPress.
2.3. Plugin khác
Akismet Anti-spam: Spam Protection
3 – TÀI KHOẢN QUẢN TRỊ VÀ CÀI ĐẶT
3.1. Tài khoản Quản trị cao nhất
3.2. Tài khoản Quản trị
3.3. Tài khoản Digital Marketing
3.4. Tài khoản nhận Email và Liên hệ
3.5. Tài khoản Biên tập viên
3.6. Các tài khoản khác
4 – LOGO, MÀU SẮC VÀ NHẬN DẠNG THƯƠNG HIỆU
4.1. Tỉ lệ và Kích thước chuẩn
Tỉ lệ kích thước chuẩn cho Logo: Tỉ lệ 20 : 11 (Width : Height) Chưa có – tỉ lệ này do Cường tự đặt ra trong quá trình làm Web
Kích thước tối đa hiển thị trên Web (Pixels): 800 x 440
Kích thước tối thiểu hiển thị trên Web (Pixels): 400 x 220
4.2. Các Tỉ lệ và Kích thước khác
Chỉ áp dụng trong các trường hợp sử dụng logo để thể hiện trên các ấn phẩm, tài liệu nghệ thuật (ảnh, video,..), hình đại diện cho các Social Network.
4.3. Nhận dạng thương hiệu
Mã màu Hex cho Logo chính: Nội dung: #003E1D + Nền (trắng/trong suốt):
Mã màu Hex cho Logo biến thể: Nội dung: #003E1D + Nền (trắng/trong suốt):
Font chữ kèm theo Logo: (trên Web)
Mã màu Hex cho Chữ (tiếng Việt) trên Logo: #003E1D
Mã màu Hex cho Chữ (tiếng Anh) trên Logo: ????
Logo Chuẩn
Biển thể Đổi ngược màu
Các biến thể khác của Logo
5 – THỂ THỨC TRÌNH BÀY VÀ GIAO DIỆN NGƯỜI DÙNG
5.1. Màu sắc chính
Màu sắc chủ đạo lấy theo màu logo: #003E1D
Màu sắc thứ hai dùng cho các mục đích khác như Hover, làm nổi, hiệu ứng chuyển trang,…: #296045
Màu sắc cho toàn bộ nội dung bài viết: #1E1E1E
5.2. Font chữ
Loại Font: Roboto
Ngoại trừ font chữ đính kèm theo Logo của HAWA thì toàn bộ font chữ của website để sử dụng thống nhất bộ font duy nhất là Roboto.
Kích cỡ chung: 15px (Cho nội dung Post, Page,…)
5.3. Giao diện trên Desktop
– Tiêu chuẩn giao diện: Màn hình máy tính phân giải HD 1366 x 768 pixel
– Chiều rộng tối đa: max-width = 1300 pixel
5.4. Giao diện trên Mobile
5.5. Giao diện trên Tablet
6 – NỘI DUNG CÔNG KHAI VÀ BẢN QUYỀN HAWA
6.1. Nội dung xuất bản bởi HAWA
6.2. Công bố bản quyền HAWA
6.3. Nội dung từ các nguồn khác
6.4. Nội dung của Hội viên
6.5. Nội dung Quảng cáo
7 – DIGITAL MARKETING: SEO, SEM,…
6.1. Nội dung xuất bản bởi HAWA
6.2. Công bố bản quyền HAWA
6.3. Nội dung từ các nguồn khác
6.4. Nội dung của Hội viên
6.5. Nội dung Quảng cáo
8 – ĐIỀU KHOẢN SỬ DỤNG
9.1. Điều khoản chung và Chính sách Bảo mật thông tin
9.2. Điều khoản dành cho Nhân viên thuộc tổ chức HAWA có tham gia vào quản trị và biên tập nội dung Website
9 – HƯỚNG DẪN SỬ DỤNG
9.1. Một số lưu ý khi sử dụng
9.2. Hướng dẫn sử dụng
(Xem trong Tài liệu đính kèm ở cuối trang này)
10 – CẬP NHẬT, PHÁT TRIỂN VÀ CHUYỂN GIAO
Mã nguồn: WordPress, tại trang chủ www.wordpress.org
Database: MySQL, Google Drive
Ngôn ngữ lập trình: PHP, JavaScript
Các mã nguồn và ngôn ngữ lập trình của Website
Đưa ra tiêu chuẩn về: Nội dung dữ liệu, Cấu trúc dữ liệu, Hình thức trình bày, thông tin liên hệ, Điều khoản sử dụng, Chính sách quyền riêng tư (Bảo mật thông tin người dùng), Bản quyền nội dụng của HAWA và các nội dung khác…
Tiêu chuẩn hóa hình thức cho nhận dạng thương hiệu như: LOGO, Các biến thể của Logo, Font chữ trên Logo, Mã màu Logo, tỉ lệ khung ảnh Logo,…
Tiêu chuẩn hóa về ứng dụng công nghệ thông như: Mã nguồn sử dụng, Ngôn ngữ lập trình, Hệ quản trị Cơ sở dữ liệu (Database) và các công cụ khác.
Tiêu chuẩn hóa về trải nghiệm người dùng, tương tác với website HAWA trên các thiết bị: Desktop, Tablet, Mobile cũng như các thiết bị PDA khác.
Các Nội dung được xây dụng trên Bộ tiêu chuẩn này sẽ được sử dụng làm tài liệu tham khảo để xây dựng các Phần mềm, Ứng dụng, Website và các Nền tảng vệ tinh khác thuộc Hội HAWA.
2.1. Mã nguồn (Source Code)
Mã nguồn: WordPress, tại trang chủ www.wordpress.org
Database: MySQL, Google Drive
Ngôn ngữ lập trình: PHP, CSS5, JavaScript
Đang cập nhật
Các mã nguồn và ngôn ngữ lập trình của Website
2.2. Plugin quan trọng
Elementor: Plugin Web Builder dùng để dựng giao diện Website trực quan. hỗ trợ tối ưu UX-UI
Elementor Pro: Là bản Elementor nâng cấp (bản Pro)
Advanced Custom Fields PRO: Dùng để tạo thêm các trường dữ liệu cho Web, hỗ trợ lập trình Web trực quan
Custom Post Type UI: Hỗ trợ Biên tập viên tạo nên các Chuyên mục bài viết độc lập với trình quản lý Post có sẵn trong WordPress. Giúp Quản trị Content được tốt hơn.
Member: Phân quyền và kiểm soát quyền người dùng trên website
Wordfence Security: Chống Virus, tưởng lửa và mã độc cho Website
FileBird Pro: Giúp quản trị nội dung Media (Hình ảnh, Video, File,…) trong mục Media mặc định của WordPress.
2.3. Plugin khác
Akismet Anti-spam: Spam Protection
3.1. Tài khoản Quản trị cao nhất
3.2. Tài khoản Quản trị
3.3. Tài khoản Digital Marketing
3.4. Tài khoản nhận Email và Liên hệ
3.5. Tài khoản Biên tập viên
3.6. Các tài khoản khác
4.1. Tỉ lệ và Kích thước chuẩn
Tỉ lệ kích thước chuẩn cho Logo: Tỉ lệ 20 : 11 (Width : Height) Chưa có – tỉ lệ này do Cường tự đặt ra trong quá trình làm Web
Kích thước tối đa hiển thị trên Web (Pixels): 800 x 440
Kích thước tối thiểu hiển thị trên Web (Pixels): 400 x 220
4.2. Các Tỉ lệ và Kích thước khác
Chỉ áp dụng trong các trường hợp sử dụng logo để thể hiện trên các ấn phẩm, tài liệu nghệ thuật (ảnh, video,..), hình đại diện cho các Social Network.
4.3. Nhận dạng thương hiệu
Mã màu Hex cho Logo chính: Nội dung: #003E1D + Nền (trắng/trong suốt):
Mã màu Hex cho Logo biến thể: Nội dung: #003E1D + Nền (trắng/trong suốt):
Font chữ kèm theo Logo: (trên Web)
Mã màu Hex cho Chữ (tiếng Việt) trên Logo: #003E1D
Mã màu Hex cho Chữ (tiếng Anh) trên Logo: ????
Logo Chuẩn Biển thể Đổi ngược màu Các biến thể khác của Logo
5.1. Màu sắc chính
Màu sắc chủ đạo lấy theo màu logo: #003E1D
Màu sắc thứ hai dùng cho các mục đích khác như Hover, làm nổi, hiệu ứng chuyển trang,…: #296045
Màu sắc cho toàn bộ nội dung bài viết: #1E1E1E
5.2. Font chữ
Loại Font: Roboto
Ngoại trừ font chữ đính kèm theo Logo của HAWA thì toàn bộ font chữ của website để sử dụng thống nhất bộ font duy nhất là Roboto.
Kích cỡ chung: 15px (Cho nội dung Post, Page,…)
5.3. Giao diện trên Desktop
– Tiêu chuẩn giao diện: Màn hình máy tính phân giải HD 1366 x 768 pixel
– Chiều rộng tối đa: max-width = 1300 pixel
5.4. Giao diện trên Mobile
5.5. Giao diện trên Tablet
6.1. Nội dung xuất bản bởi HAWA
6.2. Công bố bản quyền HAWA
6.3. Nội dung từ các nguồn khác
6.4. Nội dung của Hội viên
6.5. Nội dung Quảng cáo
6.1. Nội dung xuất bản bởi HAWA
6.2. Công bố bản quyền HAWA
6.3. Nội dung từ các nguồn khác
6.4. Nội dung của Hội viên
6.5. Nội dung Quảng cáo
9.1. Điều khoản chung và Chính sách Bảo mật thông tin
9.2. Điều khoản dành cho Nhân viên thuộc tổ chức HAWA có tham gia vào quản trị và biên tập nội dung Website
9.1. Một số lưu ý khi sử dụng
9.2. Hướng dẫn sử dụng
(Xem trong Tài liệu đính kèm ở cuối trang này)
Mã nguồn: WordPress, tại trang chủ www.wordpress.org
Database: MySQL, Google Drive
Ngôn ngữ lập trình: PHP, JavaScript
Các mã nguồn và ngôn ngữ lập trình của Website
Tài liệu đính kèm
Template
