�ݺ�ߣ

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ệ: hello@egany.com
 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 đính
kè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át
sinh
ĐỀ 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ện
củ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…

 Giải pháp nhúng từ Jotform: sử dụng gói miễn phí
6 of 24

 Giải pháp nhúng từ Jotform: thiết kế form bằng cách kéo thả
7 of 24

 Giải pháp nhúng từ Jotform: lấy mã nhúng
8 of 24

 Giải pháp nhúng từ Jotform: đưa vào file liquid
9 of 24

 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

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

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ện
có 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’ …

FAQ
QA 1 QA2 QA3
14 of 24
 BLOG
TAG: GROUP_1
ARTICLE 

 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

 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

 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

 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

 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

 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

 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

 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

Kinh nghiệm Liquid từ các case study tại EGANY

�ݺ�ߣ

Kinh nghiệm Liquid từ các case study tại EGANY

More Related Content

Kinh nghiệm Liquid từ các case study tại EGANY

Editor's Notes