Bảo đã “lắp ráp” website Sense Feel It từ ngày 10 tháng 5 năm 2025, dựa trên nền tảng WordPress và những công cụ điển hình như Elementor Pro, Woocomerce. Vì đây là dự án ngắn hạn trong thời gian 1-2 tháng, sau đó website sẽ được khai tử và chúng tôi sẽ không sử dụng nó nữa. Nếu xóa nội dung website này, mình sẽ đảm bảo khai báo dừng lập chỉ mục trên các công cụ của Google, Bing để tránh những nội dung “rác” lan truyền trên mạng.
Cũng vì Website này (Sense Feel It) sẽ được khai tử trong tương lai, mình tạo bài viết này để ghi chép lại quá trình xây dựng. Với mục tiêu lưu lại những kiến thức, kinh nghiệm nhằm hỗ trợ mình khi có nhu cầu cần khởi tạo dựa án mới.
Giới thiệu dự án
Ý tưởng
Xây dựng 1 website đăng sản phẩm bao cao su, phát triển giao diện, nội dung, hình ảnh. Từ đó thu về lưu lượng truy cập (traffics). Cuối cùng, sử dụng kết quả đó để phân tích và làm báo cáo môn học Kỹ thuật phân tích tổng hợp (DOM203).
Thông tin tổng quan dự án
Tên thương hiệu: Bao cao su Sense Feel It
Lần cập nhật gần nhất:
Lưu ý về sản phẩm/dự án
Dự án xây dựng web Sense Feel It là sản phẩm của môn Kỹ Thuật Phân Tích Tổng Hợp (DOM203) thuộc nội dung chương trình học của trường cao đẳng FPT Polytechnic.
- *Bài viết này không phải nội dung tiểu luận (Assignment)
- *Miễn trừ trách nhiệm: Website Sense Feel It có những sản phẩm bao cao su giả tưởng, nghĩa là sản phẩm này không có thật. Trong trường hợp phát sinh đơn hàng, chúng tôi sẽ gửi 1 thông báo tới email rằng đây chỉ là sản phẩm không có thật.
Quy trình triển khai Website
Tiến trình triển khai website Sense Feel It được chia làm 4 giai đoạn dưới đây.
Giai đoạn 1: Chuẩn bị hạ tầng
(Tên miền, máy chủ)
Giai đoạn 1 trình bày quá trình chọn mua tên miền (domain), và cách cài đặt proxy (cloudflare), trỏ tên miền về máy chủ (hosting). Cuối cùng là cài đặt chứng chỉ bảo mật, và cấu hình máy chủ email (SMTP).
Lý do lựa chọn tên miền sensefeelit.com.vn
Tên miền có chứa hậu tố ‘.com.vn’ nhằm thể hiện mục đích thương mại và nguồn gốc của website; ám chỉ trang web có chức năng mua hàng, đăng sản phẩm. Ngoài ra hậu tố ‘vn’ để chỉ ra website hướng đến thị trường Việt Nam
Domain sensefeelit.com.vn được lựa chọn khá ngẫu nhiên nhờ vào ý kiến của vài thành viên trong nhóm. Tuy nhiên có thể hiểu lý do lựa chọn từ “Sense” với vài yếu tố như sau:
Chi tiết về tên miền
- Sense trong tiếng Việt là cảm giác. Nhắc đến từ ‘cảm giác, cảm nhận’ của các giác quan. Có khả năng sẽ gợi cho người đọc hiểu được Wesbite tập trung vào thứ gì đó liên quan tới xúc giác, sự cảm nhận, cảm xúc. Ưu điểm là liên quan tới sản phẩm bao cao su, nội dung đăng tải trên trang web. Nhược điểm là còn hơi mơ hồ, trong khi từ cảm giác bao gồm cả 5 giác quan (thị giác, thính giác, vị giác, xúc giác & khứu giác). Vậy có thể sử dụng từ này trong cả thương hiệu về nước hoa, shop bán hoa, kính mắt,.v.v..
- Từ ‘Feel It’ – nhấn mạnh giác quan xúc giác, nhằm thu hẹp lại chủ đề mà thương hiệu này mang lại là gì. Có thể là sản phẩm liên quan tới ‘Feel’ – cảm nhận thông qua xúc giác. Điểm cộng là gói gọn được tên thương hiệu về Bao Cao Su, tuy nhiên điều này lại khiến cho tên thương hiệu hơi khó nhớ, khi tên miền phải sử dụng tới 3 âm tiết, ngoài ra còn làm tên miền dài hơn, khó đánh máy chuẩn xác hơn. Chẳng hạn như tên miền: ‘apple.com’ hay ‘shopee.vn’ có 2 âm tiết, dễ nhớ, dễ nhập vào thanh trình duyệt so với ‘sensefeelit.com.vn’
Cài đặt tên miền & máy chủ
Để quản lý DNS dễ dàng và bảo mật trang web tốt, Website Sense Feel It sử dụng dịch vụ Proxy của Cloudflare và dịch vụ quản lý tên miền của Matbao.net.
Việc cấu hình Name Server được cung cấp bởi Cloudflare chỉ đơn thuần là việc copy Name Server 1,2 được cung cấp từ Cloudflarre và paste vào trang quản trị tên miền của Matbao.
Bước 1: Mua tên miền tại Mắt Bão
Bước 2: Cấu hình/cài đặt Name Server tại Cloudflare
Giai đoạn 2: cấu hình nền tảng
(WordPress, Theme & Plugin)
Giai đoạn [2] trình bày về cách cài đặt WordPress, cấu hình cơ bản về đường dẫn, tiêu chuẩn chung và các Theme, Plugin thiết yếu cho quá trình xây dựng giao diện và chức năng sau này. Phân tích các yếu tố cơ bản trong SEO như robot.txt.
Giai đoạn 3: thiết kế giao diện và chức năng
(Theme builder & Plugins)
Giai đoạn [3] trình bày cách ứng dụng plugin Elementor & Theme Hello làm công cụ chính trong việc thiết kế giao diện (UI). Bỏ qua bước vẽ Figma; hướng dẫn sử dụng chức năng Theme builder để có sẵn những mẫu giao diện chính như Trang Chủ, Blog, Cửa Hàng, Giỏ Hàng,..v..v..
Giai đoạn 4: kiểm thử và triển khai
- Kiểm tra tương thích trên các thiết bị: máy tính (desktop), di động (mobile), tablet.
- Khai báo lập chỉ mục (index), sơ đồ trang web (sitemap) website lên các công cụ Webmaster.
- Cài đặt và liên kết các công cụ đo lường.
*Lưu ý: Giữa giai đoạn [3] và [4] là hai giai đoạn chồng chéo nhau. Nghĩa là trong quá trình kiểm thử & đo lường Website, mình có thể sẽ quay trở lại sửa giao diện, chức năng bất kỳ lúc nào. Giai đoạn [1] & [2] yêu cầu sự tỉ mỉ, cẩn thận trong các yếu tố cài đặt vì thông thường các lỗi của 2 giai đoạn này sẽ tốn nhiều nỗ lực để sửa.