Những khó khăn ban đầu trong việc phát triển dự án website cho "Mạng Xã Hội sáng Tác" của Vietales.
Back To Blogs1. Áp Lực Thời Gian Gắt Gao
Dự án chỉ có hai tuần để phát triển và ra mắt sản phẩm, nhằm kịp dịp sinh nhật của Vietales. Trong giai đoạn đầu, cả team đã họp bàn kỹ lưỡng để thiết kế một hệ thống đầy đủ tính năng. Tuy nhiên, để đảm bảo tiến độ, cả nhóm quyết định tạm gác lại các tính năng chưa thiết yếu và tập trung vào lõi của sản phẩm một mạng xã hội đơn giản nhưng hoạt động mượt mà cho người dùng.2. Đồng Bộ Giao Diện Với Thương Hiệu Vietales
Website cần có giao diện đồng bộ với hệ sinh thái thương hiệu của Vietales. Điều này đòi hỏi đội ngũ thiết kế và phát triển không chỉ hiểu gu thẩm mỹ của đối tác mà còn phải xử lý linh hoạt về mặt kỹ thuật để đưa tinh thần thương hiệu vào sản phẩm một cách nhất quán.
Ảnh minh họa Website cần có giao diện đồng bộ với hệ sinh thái thương hiệu của Vietales
3. Tối Ưu Trải Nghiệm Cho Người Viết Bài
Đối tượng chính của nền tảng là những người sáng tạo nội dung. Do đó, các tính năng cơ bản phục vụ viết và quản lý bài viết phải dễ dùng, trực quan và không cồng kềnh.
Ảnh minh họa tính năng cơ bản phục vụ viết và quản lý bài viết phải dễ dùng, trực quan và không cồng kềnh
4. Hỗ Trợ Người Vận Hành và Tùy Biến Cao
Người vận hành hệ thống cũng là đối tượng quan trọng. Yêu cầu đặt ra là: giao diện quản trị phải linh hoạt, dễ sử dụng, và có khả năng tùy biến cao để có thể thay đổi nội dung, cấu trúc trang một cách nhanh chóng mà không cần can thiệp sâu vào mã nguồn.
Ảnh minh họa giao diện quản trị phải linh hoạt, dễ sử dụng, và có khả năng tùy biến cao để có thể thay đổi nội dung, cấu trúc trang một cách nhanh chóng mà không cần can thiệp sâu vào mã nguồn.
5. Editor Cho Tác Giả: Một "Bài Toán Khó"
Editor là công cụ không thể thiếu đối với người viết. Tuy nhiên, các editor mặc định trong hệ thống Easy Article như MCO, TinyMCE hay GrabJS đều khó sử dụng và không thân thiện với người dùng cuối. Giải pháp được lựa chọn là tích hợp Editor JS, nhưng việc này không hề đơn giản vì:✅ Editor JS sử dụng định dạng JSON thay vì HTML.
✅ Đội ngũ phải viết trình chuyển đổi JSON → HTML riêng.
✅ Việc tích hợp mất đến 1.5 ngày, bao gồm cả thời gian làm việc cuối tuần.
Ảnh minh họa giao diện Editor.js truyền tải rất tốt 3 yếu tố: mục tiêu sản phẩm điểm mạnh công nghệ demo trải nghiệm. Với giao diện sạch, dễ hiểu và cách dẫn dắt tinh tế, đây là ví dụ điển hình của một sản phẩm mã nguồn mở “developer-first”, đồng thời dễ tích hợp cho các hệ thống CMS như Vietales đang sử dụng.
6. Tích Hợp Qua Email
Các công cụ như hệ thống đo lường, gửi email cũng gây không ít trở ngại trong quá trình tích hợp, do các API và cơ chế hoạt động phức tạp. Đòi hỏi phải có sự phối hợp chặt chẽ với các bên thứ ba để xử lý các vấn đề phát sinh.Tóm lại
✅ Được giao chỉ trong vòng hai tuần để hoàn thiện trang chính thức, đội ngũ đã tập trung vào tinh gọn tính năng, chỉ giữ lại phần lõi — một mạng xã hội đơn giản nhưng hoạt động mượt mà.
✅ Website cần giữ đúng bản sắc của hệ sinh thái Vil — đòi hỏi đội ngũ phải kết hợp kỹ lưỡng giữa thẩm mỹ thiết kế và khả năng kỹ thuật để đảm bảo giao diện nhất quán trên mọi nền tảng.
✅ Đối tượng chính là người sáng tạo nội dung, vì thế editor cần phải thân thiện, nhanh gọn và trực quan, không gây cản trở cho người viết.
✅ Giao diện quản trị cần linh hoạt, dễ sử dụng và dễ tùy chỉnh, giúp người vận hành có thể thay đổi nội dung, hình thức trang web ngay lập tức mà không cần can thiệp sâu vào code.
✅ EditorJS dùng định dạng JSON thay vì HTML, đòi hỏi đội ngũ phải tự viết trình chuyển đổi JSON → HTML. Việc này mất 1.5 ngày, bao gồm cả thời gian cuối tuần, như một minh chứng cho tinh thần quyết làm cho xong.
✅ Việc kết nối với các API phức tạp như đo lường, gửi email… đòi hỏi phối hợp chặt chẽ và kiểm thử kỹ lưỡng giữa Vietales và các bên cung cấp dịch vụ, đảm bảo vận hành trơn tru.