Bộ Tiêu chuẩn cho website HAWA

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)

Các mã nguồn và ngôn ngữ lập trình của Website

• 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

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.
• Gtranslate: Hỗ trợ dịch và biên tập nhiều ngôn ngữ cho website
• 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: Hỗ trợ hạn chế tin nhắn Spam cho Website từ Form và Email
• Classic Editor:  Hỗ trợ chuyển đổi môi trường soạn thảo, giúp biên tập viên dễ dàng soạn thảo hơn
• Advanced Editor Tools: Hỗ trợ soạn thảo bài viết, văn bản, thêm các tính năng nâng cao trong soạn thảo
• Easy Table of Contents: Công cụ tạo mục lục tự động và hỗ trợ tối ưu SEO trên Page/Post
• Filter Everything: Hộ trợ bộ lọc, filter cho tìm kiếm
• Google Kit: Hỗ trợ kết nối các dịch vụ của Google trong đó có SEO, Search Console, Ads,..
• Microsoft  Clarity: Hỗ trợ các dịch vụ của Microsoft: SEO, Search, Ads,…
• Rank Math SEO và Rank Math SEO PRO: Công cụ hỗ trợ SEO cho Web trên các nền tảng Google, Bing, Mạng xã hội,…

3 – TÀI KHOẢN QUẢN TRỊ VÀ CÀI ĐẶT

3.1. Tài khoản Quản trị cao nhất

Tài khoản Administrator có quyền quản trị cao nhất bao gồm: Cài đặt mã nguồn, Lập trình, Cơ sở dữ liệu,…

3.2. Tài khoản Quản trị

Tài khoản quản trị là tài khoản của Webmaster, chỉ dưới quyền Administrator.

Năm 2025, chuyển toàn bộ quản trị về email: hawavn@gmail.com

3.3. Tài khoản Biên tập viên

• Có toàn quyền xử lý về Page, Post, các nội dung liên quan đến biên tập content web
• Có quyền cấp phát, thu hồi và sửa chữa các tài khoản user dưới quyền như: Marketing, Tác giả, Cộng tác viên,…

3.4. Tài khoản Digital Marketing

Dùng cho bộ phận Marketing và các user thuộc nhóm tài khoản Marketing.

Tài khoản email cài đặt cho quản trị kết nối Google, Bing,…là hawavn@gmail.com. Các tài khoản user thực hiện được share quyền từ tài khoản này. Các user không tự ý dùng tài khoản email này để thực hiện các quyền về cài đặt, quản trị để đảm bảo các an toàn bảo mật, an toàn thông tin.

3.5. Tài khoản nhận Email và Liên hệ

Tài khoản nhận Email và Liên hệ là tài khoản info@hawa.org.vn. Website chỉ nhận duy nhất tài khoản này làm tài khoản liên hệ với các cơ quan ban ngành nhà nước, các đối tác, hội, nhóm, hội viên và các công ty.

3.6. Các tài khoản khác

Tùy theo mục đích sử dụng, Adminstrator hoặc Webmaster sẽ cấp phát các tài khoản khác

4 – LOGO, MÀU SẮC VÀ NHẬN DẠNG THƯƠNG HIỆU

Việc sử dụng Logo và bộ nhận diện thương hiệu trên website HAWA cần tuân thủ thống nhất để đảm bảo tính đồng bộ, chuyên nghiệp và nhận diện thương hiệu rõ ràng.

4.1. Tỉ lệ và Kích thước chuẩn cho Logo

• Tỉ lệ kích thước chuẩn cho Logo: Tỉ lệ 2:1 (Width : Height)
• Kích thước tối đa hiển thị trên Web (Pixels): 800 x 400 pixels
• Kích thước ảnh tối thiểu hiển thị trên Web (Pixels): 400 x 200 pixels
• Định dạng: Chỉ sử dụng định dạng .PNG (nền trong suốt), hoặc .SVG (vector) để đảm bảo chất lượng hiển thị logo trên mọi thiết bị
• Không được kéo giãn, bóp méo hoặc thay đổi tỷ lệ nguyên bản của Logo.

4.2. Mã màu và phối màu Logo

• Màu chính của Logo
  Mã màu Hex: #00512C (Green HAWA)
  Nền: Trắng hoặc trong suốt
• Màu Logo biến thể (dùng trên nền tối)
  Mã màu Hex: #FFFFFF (White HAWA)
  Nền: Trắng hoặc trong suốt
• Không được tự ý thay đổi mã màu, thêm hiệu ứng bóng, viền hoặc gradient

4.3. Font chữ đi kèm Logo

• Font chữ chính: Work Sans (chỉ áp dụng cho Logo và tên Hội bằng Tiếng Việt)
• Font chữ phụ: Roboto (cho tiêu đề phụ tiếng Anh nếu có)
• Font chữ này chỉ sử dụng cố định trong Logo và không được thay thế bởi font khác để giữ nguyên bản sắc thương hiệu.

4.4. Vị trí và cách đặt Logo trên Website

• Logo luôn được đặt ở góc trên bên trái của Header website, dẫn link về trang chủ.
• Logo phải được canh giữa (vertical align) so với chiều cao của Header.
• Trên thiết bị di động, Logo phải được hiển thị rõ ràng, không bị che khuất, không thu nhỏ quá mức gây khó nhận diện.
• Không đặt các thành phần đồ hoạ, text khác chồng lấn hoặc quá sát Logo (phải có khoảng trắng tối thiểu bằng 1/4 chiều cao Logo xung quanh).

4.5. Các biến thể Logo được phép sử dụng

• Logo chính (HAWA Logo): Dùng trong hầu hết các trường hợp, trên nền trắng hoặc nền sáng.
• Logo biến thể trắng (HAWA Logo White): Dùng khi đặt trên nền tối, ảnh nền có độ tương phản cao.
• Không sử dụng các biến thể tự chỉnh sửa, Logo cũ hoặc phiên bản chưa được HAWA phê duyệt.

4.6. Quy định về nhận diện thương hiệu khác

• Màu sắc chủ đạo website:
  Màu chính: #00512C
Màu chữ nội dung: #1E1E1E, #222222, #333333

• Font chữ website:
  Sử dụng duy nhất font Roboto cho toàn bộ nội dung trên website (trừ phần Logo).
  Cỡ chữ mặc định: 15px cho nội dung bài viết (Post, Page).

• Tỉ lệ khung ảnh:
  Khuyến nghị 16:9 cho ảnh minh họa bài viết, 1:1 cho thumbnail.

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: #00512C
• Màu sắc cho toàn bộ nội dung bài viết: #1E1E1E (chính), #222222, #333333

5.2. Font chữ

• Loại Font: Work Sans (cho tên của HỘI MỸ NGHỆ & CHẾ BIẾN GỖ TP.HCM) và Roboto (cho toàn bộ bài viết)
  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ỡ chữ chung: 15px (Cho nội dung Post, Page,…)

Như vậy, gần như Website sử dụng một hệ thống font chữ là font Roboto.

5.3. Giao diện trên Desktop, Laptop

• Tiêu chuẩn giao diện: Màn hình máy tính phân giải HD 1366 x 768 pixels
• Chiều rộng tối đa: max-width = 1.300 pixels @media (min-width: 1025px)

Chế độ	Viewport (CSS)	Breakpoint CSS khuyến nghị	Ghi chú
Desktop	< =  1025px	@media (min-width: 1025px)	Layout 2–3 cột, tối đa 1300px width, canh giữa màn hình

5.4. Giao diện trên Mobile

Chế độ	Viewport (CSS)	Breakpoint CSS khuyến nghị	Ghi chú
Mobile dọc	< =  430 px	@media (max-width: 430px)	Chuẩn Mobile dọc (430 pixel), bao hầu hết table dọc hiện nay. Bao trọn iPhone Plus/Max dọc (430px) Android phổ biến (412 – 414px)
Mobile ngang	431px – 845px	@media (min-width: 431px) and (max-width: 845px)	Bao trọn iPhone 12/13/14/15/…ngang (844px). Không lẫn Tablet

• Tiêu chuẩn giao diện dọc: Kích thước là max-width = 430 pixels  (@media (min-width: 431px)
• Tiêu chuẩn giao diện ngang: Kích thước max-width = 845 pixels    (@media (min-width: 846px)

5.5. Giao diện trên Tablet

Chế độ	Viewport (CSS)	Breakpoint CSS khuyến nghị	Ghi chú
Tablet dọc	431px – 768px	@media (min-width: 431px) and (max-width: 768px)	Bao trọn hầu hết tablet dọc hiện nay (iPad Mini, iPad dọc, Android tablet)
Tablet ngang	846px – 1024px	@media (min-width: 846px) and (max-width: 1024px)	Chuẩn Tablet ngang (1024 pixel) Chuẩn ranh giới trước khi vào desktop layout

 

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

Tất cả nội dung được HAWA biên tập, sản xuất và xuất bản trên website (bao gồm nhưng không giới hạn ở bài viết, tin tức, thông cáo báo chí, nghiên cứu, dữ liệu thống kê) đều thuộc quyền sở hữu trí tuệ và bản quyền của HAWA.

Nội dung từ các ấn phẩm chính thức của HAWA như: tạp chí, báo cáo ngành, video, hình ảnh (poster, banner, infographic…) cũng được bảo hộ theo quy định pháp luật Việt Nam về bản quyền.

Việc sao chép, chỉnh sửa, trích dẫn hoặc tái sử dụng các nội dung này phải được sự cho phép bằng văn bản từ HAWA, trừ trường hợp được phép sử dụng theo nguyên tắc “trích dẫn hợp lý” kèm dẫn nguồn rõ ràng.

6.2. Công bố bản quyền HAWA

HAWA công bố rõ ràng trên website về việc toàn bộ nội dung thuộc quyền quản lý của Hội Mỹ nghệ và Chế biến gỗ TP.HCM (HAWA).

Mọi hành vi xâm phạm bản quyền, sử dụng nội dung không được cấp phép nhằm mục đích thương mại hoặc gây hiểu lầm về tính chính thống đều sẽ bị xử lý theo quy định pháp luật hiện hành.

6.3. Nội dung từ các nguồn khác

Trong một số trường hợp, HAWA có thể đăng tải hoặc chia sẻ các nội dung từ nguồn khác (báo chí, tổ chức quốc tế, doanh nghiệp…) nhằm mục đích cung cấp thông tin cho cộng đồng.

Các nội dung này luôn được dẫn nguồn đầy đủ, chính xác, và tuân thủ quyền tác giả của đơn vị sở hữu. HAWA không chịu trách nhiệm pháp lý đối với sai sót, lỗi kỹ thuật hoặc tính cập nhật của các thông tin được trích dẫn từ bên thứ ba.

6.4. Nội dung của Hội viên

HAWA khuyến khích hội viên đóng góp bài viết, nghiên cứu, tin tức doanh nghiệp để làm phong phú hệ thống thông tin ngành.

Tuy nhiên, hội viên phải đảm bảo:

• Nội dung đăng tải trung thực, chính xác, không vi phạm pháp luật.
• Không xâm phạm bản quyền, quyền sở hữu trí tuệ của bên thứ ba.
• HAWA có quyền kiểm duyệt, biên tập và từ chối các nội dung không phù hợp với định hướng của Hội.

Quyền sở hữu bài viết vẫn thuộc về tác giả/hội viên, nhưng khi gửi đăng tải, hội viên mặc nhiên đồng ý cho HAWA quyền sử dụng, lưu trữ, và phổ biến trên các kênh truyền thông chính thức của Hội.

6.5. Nội dung Quảng cáo

HAWA có thể tiếp nhận và đăng tải các nội dung quảng cáo, thông báo từ doanh nghiệp hội viên hoặc đối tác.

Mọi nội dung quảng cáo phải:

• Tuân thủ pháp luật Việt Nam về quảng cáo và thương mại điện tử.
• Đảm bảo minh bạch, không gây nhầm lẫn hoặc sai lệch thông tin cho người đọc.
• Được gắn nhãn phân biệt rõ ràng với nội dung biên tập.

HAWA giữ quyền từ chối hoặc gỡ bỏ các nội dung quảng cáo vi phạm chuẩn mực đạo đức, pháp luật hoặc gây ảnh hưởng tiêu cực đến cộng đồng ngành gỗ.

6.6. Trách nhiệm của Người dùng khi đăn gnooij dung trên website HAWA

Người dùng (bao gồm hội viên, đối tác, khách truy cập) khi đăng bài viết, gửi bình luận, hình ảnh, video hoặc bất kỳ nội dung nào lên website HAWA phải tuân thủ các quy định sau:

–  Chịu trách nhiệm pháp lý về tính chính xác, minh bạch và tính hợp pháp của nội dung mình đăng tải.

–  Không đăng tải nội dung vi phạm pháp luật Việt Nam, bao gồm nhưng không giới hạn ở:

• Nội dung bôi nhọ, xúc phạm cá nhân, tổ chức.
• Nội dung phản động, kích động bạo lực, gây mất đoàn kết, ảnh hưởng an ninh quốc gia.
• Nội dung chứa thông tin sai sự thật, lừa đảo, spam, hoặc chứa mã độc hại.
• Nội dung vi phạm bản quyền, sở hữu trí tuệ của bên thứ ba.

–  Không quảng cáo trá hình hoặc cài cắm liên kết thương mại nếu chưa được sự đồng ý bằng văn bản của HAWA.

–  Tuân thủ định dạng, tiêu chuẩn kỹ thuật mà HAWA quy định (kích thước hình ảnh, dung lượng file, chuẩn video…).

HAWA có quyền:

• Kiểm duyệt, biên tập, ẩn hoặc gỡ bỏ bất kỳ nội dung nào vi phạm quy định này mà không cần thông báo trước.

• Tạm khóa hoặc cấm vĩnh viễn tài khoản người dùng nếu có hành vi vi phạm nhiều lần hoặc nghiêm trọng.

• Hợp tác với cơ quan chức năng khi cần thiết để xử lý hành vi vi phạm pháp luật.

7 – DIGITAL MARKETING: SEO, SEM,…

7.1. Cài đặt tài khoản Digital

• Tài khoản Google:
  Website HAWA được kết nối với hệ thống Digital Marketing thông qua tài khoản Google hawavn@gmail.com.
  Tài khoản này được cài đặt một lần duy nhất trên website để quản trị dữ liệu, thông qua plugin Google Site Kit (kết nối Search Console, Analytics, Tag Manager, PageSpeed…).

• Tài khoản Microsoft:
  Đối với các hoạt động theo dõi hành vi người dùng từ Microsoft, website sử dụng plugin Microsoft Clarity để cài đặt công cụ phân tích phiên truy cập và bản đồ nhiệt (heatmap).

• Quyền truy cập:
  Bộ phận Marketing được cấp quyền thông qua chia sẻ từ tài khoản chính (quyền quản trị, không phải quyền sở hữu) nhằm đảm bảo tính bảo mật và tập trung quản lý dữ liệu.

7.2. Cấu hình và sử dụng Digital Marketing

• SEO: Website HAWA sử dụng plugin Rank Math SEO để quản lý tối ưu SEO (on-page SEO, sitemap XML, rich snippets, phân tích từ khóa).
• Phân tích dữ liệu: Bộ phận Marketing thường xuyên theo dõi số liệu từ Google Analytics và Microsoft Clarity để đánh giá hiệu quả chiến dịch, hành vi người dùng và đề xuất cải thiện.
• Kỹ thuật Content: Tất cả hoạt động đăng tải nội dung, tối ưu thẻ tiêu đề, mô tả meta, đường dẫn thân thiện đều tuân thủ chiến lược Digital Marketing của HAWA.

8 – ĐIỀU KHOẢN SỬ DỤNG

8.1. Điều khoản chung và Chính sách Bảo mật thông tin

Mọi hoạt động truy cập và sử dụng website HAWA phải tuân thủ Điều khoản chung và Chính sách Bảo mật thông tin được công bố công khai tại:
🔗 https://hawa.vn/dieu-khoan-chung-va-chinh-sach-bao-mat-thong-tin/

Người dùng được khuyến nghị đọc kỹ các điều khoản trước khi sử dụng website để đảm bảo hiểu rõ quyền lợi, nghĩa vụ và trách nhiệm pháp lý của mình.

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

Nhân sự thuộc HAWA (bao gồm nhân viên chính thức, cộng tác viên, hoặc người được ủy quyền) khi tham gia quản trị hoặc biên tập nội dung trên website phải tuân thủ:

• Quy định về bảo mật: Không tiết lộ thông tin đăng nhập, dữ liệu nội bộ hoặc các tài liệu mật của HAWA cho bên thứ ba khi chưa được phép.
• Quy trình phê duyệt nội dung: Mọi nội dung biên tập và xuất bản cần tuân thủ quy trình kiểm duyệt, được trưởng bộ phận hoặc người có thẩm quyền phê duyệt trước khi công khai.
• Đảm bảo tính chính xác: Nội dung được xuất bản phải trung thực, đúng sự thật và không vi phạm pháp luật hiện hành.
• Tuân thủ chuẩn kỹ thuật: Thực hiện đúng các tiêu chuẩn về giao diện, định dạng, SEO và bảo mật theo quy định của bộ phận IT và Marketing.
• Trách nhiệm pháp lý: Cá nhân chịu trách nhiệm trước HAWA và pháp luật về mọi hành vi quản trị hoặc xuất bản nội dung sai quy định.

9 – HƯỚNG DẪN SỬ DỤNG

9.1. Một số lưu ý khi sử dụng

• Truy cập ổn định: Sử dụng trình duyệt hiện đại (Chrome, Edge, Safari, Firefox phiên bản mới nhất) để đảm bảo trải nghiệm đầy đủ.
• Bảo mật thông tin: Không chia sẻ tài khoản, mật khẩu hoặc thông tin cá nhân của bạn với người khác. Đăng xuất khi sử dụng thiết bị công cộng.
• Tôn trọng bản quyền: Không sao chép, chỉnh sửa, khai thác nội dung từ website cho mục đích thương mại khi chưa có sự cho phép bằng văn bản của HAWA.
• Phản hồi sự cố: Nếu phát hiện lỗi hiển thị, liên kết hỏng hoặc thông tin sai lệch, vui lòng báo cho bộ phận quản trị website qua email: it@hawa.org.vn để kịp thời xử lý.
• Cập nhật thường xuyên: Kiểm tra website định kỳ để theo dõi tin tức, sự kiện và chính sách mới nhất từ HAWA.

9.2. Hướng dẫn sử dụng

Chi tiết cách đăng nhập, đăng bài, tìm kiếm thông tin, quản lý nội dung và khai thác các tiện ích trên website được trình bày đầy đủ trong tài liệu Hướng dẫn Sử dụng Website HAWA.

(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

HAWA cam kết duy trì và nâng cấp hệ thống website nhằm đáp ứng nhu cầu truyền thông cho tổ chức HAWA và phục vụ Hội viên một cách hiệu quả.

10.1. Cập nhật

• Thường xuyên cập nhật nội dung, tính năng, plugin và bảo mật để đảm bảo website hoạt động ổn định, an toàn.
• Cập nhật phiên bản CMS (WordPress), theme và các tiện ích mở rộng theo định kỳ, tuân thủ quy trình kiểm thử trước khi áp dụng lên website chính thức.

10.2. Phát triển

• Nghiên cứu và triển khai các tính năng mới, tối ưu giao diện, nâng cao trải nghiệm người dùng.
• Ứng dụng công nghệ mới (AI, tự động hoá, phân tích dữ liệu) để cải thiện hiệu quả truyền thông và vận hành.

10.3. Chuyển giao

• Lưu trữ tài liệu kỹ thuật, hướng dẫn sử dụng, thông tin quản trị hệ thống đầy đủ để phục vụ công tác đào tạo nhân sự mới.
• Thực hiện bàn giao (handover) có biên bản khi thay đổi nhân sự quản trị, nhà thầu phát triển hoặc đối tác dịch vụ, đảm bảo tính liên tục và không mất mát dữ liệu.