Tu dong dat hang tu he thong ban le lon nhat trung quoc
1. Tự động đặt hàng từ
Hệ thống bán lẻ lớn nhất
Trung Quốc
Phan Thái Trung
PHP Day 2010
PHPDay 2010
LOGO
18/12/2010 1
2. Nội dung
1 Giới thiệu Đặt hàng web TQ
2 Giới thiệu Kami8x
3 Bên trong Kami8x
4 Kết luận – Trao đổi
2 18/12/2010
3. Giới thiệu Đặt hàng qua web Trung Quốc
Trung Quốc là trung tâm hàng hoá của
thế giới
Đặt hàng sỉ, lẻ qua web có nhiều ưu
điểm mà ai cũng biết
Đối tượng:
Các shop kinh doanh thời trang, mỹ phẩm
Người dùng lẻ
Hãy xem họ hoạt động như thế nào:
http://www.google.com.vn/search?
q=đặt+hàng+web+trung+quốc
3 18/12/2010
4. Alibaba.com & Taobao.com
Alibaba là thị trường giao dịch bán
buôn lớn nhất Trung quốc và thế giới.
Taobao.com
Là thương hiệu bán lẻ hàng hoá của Alibaba.
Là hệ thống trang web ưu tiên số 1 của
người mua hàng VN và thế giới.
“Cần tìm sản phẩm gì, vào taobao.com”.
4 18/12/2010
5. Ví dụ minh hoạ: Taobao.com
Thẻ nhớ SD 32 G SD SDHC
Vi mạch robot
Quạt không cánh Dyson
Áo thời trang dành cho teen giống các
hot girl
Áo da beo H&M: H&M 豹
http://item.taobao.com/item.htm?id=8579218972
http://item.taobao.com/item.htm?id=6013307001&
5 18/12/2010
6. Phần 2: Giới thiệu Kami8x
Dịch vụ đặt hàng toàn cầu
Có chi nhánh đại lý tại 4 tỉnh thành Hà
Nội, Hải Phòng, Đà Nẵng, Hồ Chí Minh.
Đầu tư rất kỹ cho đặt hàng
taobao.com mà không dịch vụ cạnh
tranh nào có được.
6 18/12/2010
7. Kami8x đặt hàng tự động như thế nào
Phía người dùng khách hàng
Chỉ cần nhập đường dẫn link web
Chọn thuộc tính sản phẩm (màu sắc, kích cỡ…) (tự
dịch từ tiếng TQ sang tiếng Việt)
Danh sách các sản phẩm cùng hình ảnh, giá, số
lượng và thuộc tính được quản lý trong CSDL.
Phía đại lý, nhân viên Kami8x
Tự động đặt hàng hàng nghìn sản phẩm mỗi đợt
Kiểm hàng về và báo cho khách qua email, SMS.
Quản lý danh sách các đợt hàng từ trước
7 18/12/2010
8. Các công nghệ đã sử dụng
Drupal CMS (Framework)
Tự động dịch: Google translate API
Taobao Open Platform (TOP)
http://open.taobao.com
PHP Http Client Class:
http://scripts.incutio.com/httpclient/
PHPExcel:
http://www.codeplex.com/PHPExcel
Mã PHP chuyển từ số sang chữ tiếng Việt (đếm bằng chữ)
SMS gate way
phpQuery:
jQuery-like DOM manipulation for PHP
Bảo Kim API (class BaoKimPayment)
Ngân lượng API (class NL_Checkout)
8 18/12/2010
9. Drupal CMS / Framework
Drupal là một hệ thống rất mạnh để phát
triển CMS và ứng dụng web
Với Drupal, người phát triển không phải lo
viết các mã cấp thấp mà chỉ tập trung vào
phát triển phần ứng dụng
Ví dụ nâng cao:
AHAH form
Batch API
Bulk Views Operations
Phân quyền khách, đại lý, quản lý
Sử dụng Google Apps Email (SMTP) cho gửi
mail với Drupal
9 18/12/2010
10. Công cụ dịch
Google dịch (tiếng TQ – tiếng Anh và ngược
lại)
http://translate.google.com.vn/#zh-CN|en|
Dịch tích hợp Mozilla Firefox:
gTranslator
https://addons.mozilla.org/en-US/firefox/addon/76233/
“Google translate gadget for firefox. This extension
translates entire webpages into a language of your
choice with one click. Idea comes from Google
Translation Bar for Chrome”.
Dịch tích hợp Internet Explorer:
Google Toolbar
Dịch tích hợp Google Chrome:
Đã tích hợp sẵn.
10 18/12/2010
12. Taobao Open Platform (TOP)
Hỗ trợ tự động tương tác với hệ thống
taobao qua API
Kami8x đã sử dụng các lệnh sau:
taobao.item.get
• Lấy thông tin thuộc tính, hình ảnh sản phẩm
taobao.itempropvalues.get
• Lấy thông tin về các thuộc tính (màu sắc, size…)
taobao.items.get
• Tự động nhập sản phẩm cho theo các danh mục hoặc theo
từng shop
taobao.itemcats.get
• Lấy hết các danh mục hàng hoá của taobao.com về.
12 18/12/2010
13. Taobao Open Platform (tiếp)
API test:
http://open.taobao.com/api_tool/api_test.html
Ví dụ minh hoạ:
13 18/12/2010
14. SMS gateway
Brand name SMS
gateway
Gateway API
Demo Gateway API
14 18/12/2010
15. Kami8x – tự động đặt hàng
Từ danh sách hàng nghìn sản phẩm của khách hàng
đã nhập
Dùng javascript (client side) mở cửa sổ named popup
sang đường link web sản phẩm
Dùng GreaseMonkey để chèn mã js vào trang web
Gọi hàm trigger để giả lập sự kiện kích nút Nhập vào
giỏ hàng.
var evt = document.createEvent("MouseEvents");
evt.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false,
false, false, false, 0, null);
var aaa = document.querySelector("ul li[data-value='" + data_key_value
+ "']:not(.tb-selected) a");
if (aaa) {
aaa.dispatchEvent(evt);
}
(tiếp trang sau)
15 18/12/2010
16. Kami8x – tự động đặt hàng (tiếp)
Dùng querySelector() để tìm thành
phần DOM
var li = document.querySelector("ul li[data-value='" +
data_key_value + "'].tb-selected");
Dùng addEventListener() với sự kiện
'DOMNodeInserted‘ để bắt sự kiện Giỏ
hàng thành công hay không
Dùng javascript opener.postMessage()
để phản hồi lại tình trạng tới người đặt
hàng
(Demo)
parentPopup[0].addEventListener ('DOMNodeInserted',
function (event) {
var textNode = event.target;
if (textNode.id == "J_CartInfo") {
if (opener) {
opener.postMessage( checksum , "*"); // feedback
}}}, false);
16 18/12/2010
17. Một ví dụ nữa của GreaseMonkey
Công cụ tính giá & đặt hàng ngay
trong Taobao
http://kami8x.net/cong-cu-tinh-gia-dat-hang-ngay-trong-taobao
“Với công cụ này, ngay trong trang web Taobao, người sử dụng
có thể trực tiếp tính giá sản phẩm theo VNĐ, và thực hiện đặt
hàng sản phẩm tới hệ thống của Kami8x.net một cách dễ dàng”
http://kami8x.net/sites/kami8x.net/files/greasemonkey/kami8x_order.user.js
17 18/12/2010
18. Kami8x – tự động kiểm hàng và báo
giá
Kiểm hàng bằng
Views Bulk
Operation (VBO)
Gửi thông báo có
hàng / hết hàng /
lỗi web tới khách
hàng qua Email,
SMS
Lập file báo giá
Excel và tính giá tuỳ
theo số lượng
18 18/12/2010
20. Tham khảo
How to Buy from Taobao (English
version)
http://taobaofieldguide.com/how-to-buy-from-
taobao/how-to-buy-from-taobao
Hướng dẫn xem hàng từ website
Taobao.com và Paipai.com
http://kami8x.net/huong-dan-xem-hang-tu-
website-taobaocom-va-paipaicom
Công cụ tính giá & đặt hàng ngay
trong Taobao
http://kami8x.net/cong-cu-tinh-gia-dat-hang-
ngay-trong-taobao
20 18/12/2010
21. Kết luận – Trao đổi
Kết luận
Sử dụng rất nhiều công nghệ để làm nên một
hệ thống thương mại điện tử tuỳ biến.
Trao đổi
Trao đổi với cử toạ
21 18/12/2010
22. Chúc hội thảo thành công tốt đẹp!
Phan Thái Trung
PHPDay 2010
LOGO
18/12/2010 22