kinh nghiệm liquid từ các case study tại egany
TRANSCRIPT
Trình bày: Nguyễn Anh Tú - Front-end Dev
Tài liệu thuộc: EGANY Technology - www.egany.com
Đơn vị tổ chức: Bizweb & Google Developers Group
LIQUID
TỪ DỰ ÁN THỰC TẾ
NỘI DUNG
1.• GIỚI THIỆU NGẮN VỀ EGANY
2.
• CÁC CASE STUDY THƯỜNG GẶP TẠI EGANY
• Tạo trang tuyển dụng
• Tạo trang FAQ – câu hỏi thường gặp
• Chia sẻ thêm…
3.• CHIA SẺ NHẬN ĐỊNH VỀ BIZWEB & LIQUID
4.• HỎI & ĐÁP
1 of 24
1. GIỚI THIỆU EGANY
2 of 24
Trang chủ: www.EGANY.com
Email liên hệ: [email protected]
Chuyên phát triển các giải pháp Thương Mại Điện Tử trên nền tảng:
2. CÁC CASE STUDY THƯỜNG GẶP TRONG CÁC DỰ ÁN TẠI EGANY
3 of 24
2.1 TẠO TRANG TUYỂN DỤNG
YÊU CẦU:
1. Trang đăng tin tuyển dụng
2. Có form nhập liệu theo mẫu
3. Ứng viên có thể upload file CV trong form
4. Thông tin ứng viên + tập tin đínhkèm tự động được gửi về email chủwebsite
4 of 24
2.1. TẠO TRANG TUYỂN DỤNG
HIỆN TRẠNG:1. Contact form của Bizweb không hỗ trợ upload file
2. Khách hàng cho biết nhu cầu nhận tuyển dụng của họ cũng không quá nhiều
3. Khách Hàng thường khó chấp nhận chi phí phátsinh
ĐỀ XUẤT GIẢI PHÁP:1. Tự viết Ứng Dụng Riêng (private app)
2. Tìm Ứng Dụng miễn phí trên Kho Ứng Dụng hiệncủa Bizweb
3. Giải pháp khác từ 3rd
5 of 24
Chi phí hosting Chi phí viết thêm web app Chi phí bảo trì web app Rủi ro do thiếu kinh nghiệm
Chưa có
Google từ khóa “best free HTML form builder embed”--> Kết quả: Jotform, Zoho form..v.v…
2.1. TẠO TRANG TUYỂN DỤNG
Giải pháp nhúng từ Jotform: sử dụng gói miễn phí
6 of 24
2.1. TẠO TRANG TUYỂN DỤNG
Giải pháp nhúng từ Jotform: thiết kế form bằng cách kéo thả
7 of 24
2.1. TẠO TRANG TUYỂN DỤNG
Giải pháp nhúng từ Jotform: lấy mã nhúng
8 of 24
2.1. TẠO TRANG TUYỂN DỤNG
Giải pháp nhúng từ Jotform: đưa vào file liquid
9 of 24
2.1. TẠO TRANG TUYỂN DỤNG
KẾT QUẢ
10 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
MỘT SỐ TRANG FAQs THÔNG DỤNG:
11 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
YÊU CẦU:
Tạo trang các câu hỏi thường gặp
Hiển thị câu hỏi và trả lời từ dữ liệu sẵn có.
Phân chia câu hỏi thành từng nhóm dạng tab
Ẩn câu trả lời, chỉ hiện ra khi muốn xem
12 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
HIỆN TRẠNG:Có thể tạo 1 page nội dung chứa các câu hỏi, nhưng
không đáp ứng được việc phân nhóm câu hỏi, khó trong việc expand câu hỏi
Khách hàng vẫn muốn hạn chế phát sinh chi phí.
ĐỀ XUẤT GIẢI PHÁP:1. Viết app
2. Tìm Ứng Dụng miễn phí trên Kho Ứng Dụng hiệncó của Bizweb
3. Customize những thành phần sẵn có
13 of 24
Chưa có
Một số thành phần của liquid có thể sử dụng như: ‘Blog’, ‘Article’, ‘Page’ …
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
FAQ
QA 1 QA2 QA3
14 of 24
BLOG
TAG: GROUP_1
ARTICLE
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
Giải pháp tạo trang faqs bằng blog: tạo nhóm bài viết (blog) tên câu hỏi thường gặp (có thể đặt tên khác)
15 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
Giải pháp tạo trang faqs bằng blog: Tạo các bài viết (article) có tiêu đề là câu hỏi, nội dung là câu trả lời.
16 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
Giải pháp tạo trang faqs bằng blog: blog trong liquid ngang cấp, nên phải dùng tag để phân nhóm cho câu hỏi.
17 of 24
Nhóm câu hỏi
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
Giải pháp tạo trang faqs bằng blog: khách hàng sẽ chọn blog chứa câu hỏi, tiêu đề cho từng nhóm câu hỏi để hiển thị ở trang faqs
18 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
Giải pháp tạo trang faqs bằng blog: Tạo giao diện faq theo thiết kế của khách hàng
19 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
Giải pháp tạo trang faqs bằng blog: Tạo page câu hỏi thường gặp, chọn giao diện faq vừa tạo
20 of 24
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
Giải pháp tạo trang faqs bằng blog: Lặp qua blog, kiểm tra tag để phân nhóm cho câu hỏi
21 of 24
Lặp qua blog “Câu hỏi thường gặp”
Kiểm tra tag để phân nhóm
2.2. TẠO TRANG FAQ – CÂU HỎI THƯỜNG GẶP
KẾT QUẢ
22 of 24
2.3. CHIA SẺ THÊM…
Tạo trang product có nhiều mô tả
Sản phẩm vừa xem
Sẽ chia thêm các Case Study thú vị khác trong những lần offline kế tiếp
Trang đối tác
Trang thương hiệu
…
Nếu các bạn quan tâm sâu hơn, có thể tham gia chương trình (full-time)
FRONT-END INTERSHIP 90 ngày tại EGANY
23 of 24
3. CHIA SẺ NHẬN ĐỊNH BIZWEB & LIQUID
Bizweb là nền tảng mở: chúng ta có API & toàn quyền customize giao diện với Liquid + HTML + CSS + JS
Hiểu Liquid, ta có cơ hội làm được trên các nền tảng sử dụng Liquid khác (như Shopify)
Có rất nhiều giải pháp để giải quyết cho cùng 1 vấn đề (app sẵn có, viết app riêng, giải pháp nhúng 3rd…)
Quan trọng vẫn là giải pháp nào đáp ứng được nhu cầu của Khách Hàng.
VD: thời gian triển khai, hiệu quả đầu tư so với chi phí bỏ ra..v.v....
24 of 24
