Download as pdf or txt
Download as pdf or txt
You are on page 1of 58

Chương 4

XÂY DỰNG HIỆN DIỆN WEBSITE TMĐT


Nguyễn Huỳnh Anh Vũ
vunha@hub.edu.vn
Mục tiêu học tập
• Hiểu các câu hỏi bạn phải hỏi và trả lời cũng như các bước bạn nên thực hiện để
phát triển sự hiện diện thương mại điện tử.
• Giải thích quy trình cần tuân thủ trong việc xây dựng sự hiện diện thương mại
điện tử.
• Xác định và hiểu những cân nhắc chính liên quan đến việc lựa chọn máy chủ web
và phần mềm máy chủ thương mại điện tử.
• Hiểu các vấn đề liên quan đến việc lựa chọn phần cứng phù hợp nhất cho trang
web thương mại điện tử.
• Xác định các công cụ bổ sung có thể cải thiện hiệu suất trang web.
• Hiểu những cân nhắc quan trọng liên quan đến việc phát triển trang web di động
và xây dựng ứng dụng di động.

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 2


Chiến lược đa kênh của Walmart:
Từ siêu trung tâm đến siêu ứng dụng
• Thảo luận trong lớp
• Vì sao Walmart bị coi là kẻ yếu thế trên đấu trường thương mại điện tử?
• Walmart có lợi thế gì khi theo đuổi mục tiêu trở thành nhà bán lẻ đa kênh?
• Việc thiết kế lại trang web, phát triển ứng dụng di động và tạo ra thiết kế
mới cho các cửa hàng thực tế đóng vai trò gì trong chiến lược đa kênh của
Walmart?
• Chiến lược của Walmart có hiệu quả không?

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 3


Nội dung chính

4.1 Lên ý tưởng cho Website

4.2 Xây dựng một website TMĐT

4.3 Chọn phần mềm và phần cứng

4.4 Các công cụ khác

4.5 Phát triển một Mobile website và xây dựng Mobile Apps
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 4
4.1 Lên ý tưởng cho Website

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 5


Hãy tưởng tượng sự hiện diện TMĐT của bạn
(1/3)
• Ý tưởng là gì ? Tầm nhìn bao gồm:
• Tuyên bố sứ mệnh (Mission statement)
• Khán giả mục tiêu (Đối tượng mục tiêu)
• Không gian thị trường dự kiến (Intended market space)
• Phân tích chiến lược (Strategic analysis)
• Ma trận tiếp thị (Marketing matrix)
• Dòng thời gian phát triển (Development timeline)
• Ngân sách sơ bộ (Preliminary budget)
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 6
Hãy tưởng tượng sự hiện diện TMĐT của bạn
(2/3)
• Tiền đâu ?
• (Các) mô hình kinh doanh
• (Các) mô hình doanh thu
• Đối tượng mục tiêu là ai và ở đâu?
• Nhân khẩu học , lối sống, mô hình tiêu dùng, v.v.
• Sân chơi (ballpark) là gì? Đặc điểm thị trường
• Quy mô, tăng trưởng, nhân khẩu học, cơ cấu

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 7


Hãy tưởng tượng sự hiện diện TMĐT của bạn
(3/3)
• Nội dung đến từ đâu?
• Biết mình: phân tích SWOT
• Phát triển bản đồ hiện diện thương mại điện tử
• Xây dựng dòng thời gian: Các mốc quan trọng
• Cái này sẽ có giá bao nhiêu?
• Trang web đơn giản: lên tới 5000 USD
• Khởi nghiệp nhỏ: 25.000 USD đến 50.000 USD
• Trang web công ty lớn: Từ 100.000 USD trở lên đến hàng triệu USD
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 8
Phân tích SWOT

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 9


Bản đồ hiện diện thương mại điện tử

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 10


4.2 Xây dựng một website TMĐT

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 11


Xây dựng một trang web thương mại điện tử:
Một cách tiếp cận có hệ thống
• Những thách thức quản lý quan trọng nhất:
• Phát triển sự hiểu biết rõ ràng về mục tiêu kinh doanh
• Biết cách lựa chọn công nghệ phù hợp để đạt được những mục tiêu đó
• Các yếu tố chính cần xem xét
• Sự quản lý
• Kiến trúc phần cứng
• Phần mềm
• Thiết kế
• Truyền thông
• Nguồn nhân lực

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 12


Lập kế hoạch: Chu trình phát triển hệ thống
• Phương pháp để hiểu mục tiêu kinh doanh của hệ thống và thiết kế
giải pháp phù hợp
• Năm bước chính
• Phân tích/lập kế hoạch hệ thống
• Thiết kế hệ thống
• Xây dựng hệ thống
• Kiểm tra
• Thực hiện

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 13


Chu trình phát triển hệ thống

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 14


Phân tích/Lập kế hoạch hệ thống
• Mục tiêu kinh doanh
• Danh sách các khả năng bạn muốn trang web của mình có
• Chức năng hệ thống
• Danh sách các khả năng của hệ thống thông tin cần thiết để đạt được mục
tiêu kinh doanh
• Yêu cầu thông tin
• Các yếu tố thông tin mà hệ thống phải tạo ra để đạt được mục tiêu kinh
doanh

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 15


Phân tích hệ thống, mục tiêu kinh doanh, chức năng
hệ thống và yêu cầu thông tin cho một trang web
thương mại điện tử điển hình (1/2)
Mục tiêu kinh doanh Chức năng Yêu cầu thông tin
Trưng bày hàng hóa Danh mục kỹ thuật số Danh mục văn bản và đồ họa
Cung cấp thông tin Cơ sở dữ liệu sản phẩm Mô tả sản phẩm, số lượng tồn kho, mức tồn kho
sản phẩm
Cá nhân hóa/tùy Theo dõi tại chỗ Nhật ký trang web cho mỗi lần khách hàng ghé thăm;
chỉnh sản phẩm của khách hàng khả năng khai thác dữ liệu để xác định đường dẫn
chung của khách hàng và phản hồi phù hợp
Thu hút khách hàng Blog tại chỗ; Nhận xét của khách hàng được ghi lại bằng phần
vào các cuộc trò diễn đàn người dùng mềm có chức năng viết blog và diễn đàn cộng đồng
chuyện
Thực hiện một giao Giỏ hàng/hệ thống thanh toán Thanh toán bù trừ thẻ tín dụng an toàn; nhiều lựa
dịch chọn thanh toán
Tích lũy thông tin Cơ sở dữ liệu khách hàng Tên, địa chỉ, số điện thoại và e-mail của tất cả khách
khách hàng hàng; đăng ký khách hàng trực tuyến
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 16
Phân tích hệ thống, mục tiêu kinh doanh, chức
năng hệ thống và yêu cầu thông tin cho một trang
web thương mại điện tử điển hình (2/2)
Mục tiêu kinh doanh Chức năng Yêu cầu thông tin
Cung cấp hỗ trợ khách Cơ sở dữ liệu bán hàng Mã khách hàng, sản phẩm, ngày, thanh
hàng sau bán hàng toán, ngày giao hàng
Phối hợp tiếp thị/ Máy chủ quảng cáo, máy chủ Nhật ký hành vi trang web của khách
quảng cáo e-mail, e-mail, người quản lý hàng tiềm năng và khách hàng được liên
chiến dịch, người quản lý biểu kết với các chiến dịch quảng cáo biểu
ngữ quảng cáo ngữ và e-mail
Hiểu hiệu quả tiếp thị Hệ thống theo dõi và báo cáo Số lượng khách truy cập duy nhất, số
trang web trang đã truy cập, sản phẩm đã mua,
được xác định bởi chiến dịch tiếp thị
Cung cấp liên kết sản Hệ thống quản lý hàng tồn kho Mức sản phẩm và tồn kho, mã nhà cung
xuất và nhà cung cấp cấp và liên hệ, dữ liệu số lượng đặt hàng
theo sản phẩm

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 17


Thiết kế hệ thống:
Nền tảng phần cứng và phần mềm
• Đặc tả thiết kế hệ thống
• Mô tả các thành phần chính của hệ thống và mối quan hệ của
chúng với nhau
• Hai thành phần của thiết kế hệ thống:
• Thiết kế logic
• Sơ đồ luồng dữ liệu, chức năng xử lý, cơ sở dữ liệu
• Thiết kế vật lí
• Chỉ định các thành phần vật lý, phần mềm, mô hình thực tế, v.v.

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 18


Xây dựng hệ thống:
Nội bộ so với gia công bên ngoài
• Gia công phần mềm: Thuê nhà cung cấp để cung cấp các dịch vụ liên quan
đến việc xây dựng trang web
• Xây dựng riêng và gia công phần mềm
• Xây dựng đội ngũ yêu cầu của riêng bạn với bộ kỹ năng đa dạng; lựa chọn công cụ
phần mềm ; cả rủi ro và lợi ích có thể có
• Máy chủ riêng và gia công phần mềm bên ngoài
• Lưu trữ: Công ty lưu trữ chịu trách nhiệm đảm bảo trang web có thể truy cập được
24/7, có tính phí hàng tháng
• Co-location: Công ty mua hoặc thuê máy chủ web (có quyền kiểm soát hoạt động của
nó), nhưng máy chủ được đặt tại cơ sở của nhà cung cấp

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 19


Các lựa chọn trong Xây dựng và Lưu trữ

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 20


Cái nhìn sâu sắc về kinh doanh:
Wix giúp việc tạo trang web trở nên dễ dàng
• Thảo luận trong lớp
• Wix mang lại giá trị gì cho các doanh nghiệp nhỏ?
• Có bất kỳ hạn chế nào khi sử dụng Wix để tạo sự hiện diện thương
mại điện tử không?
• Các nhà cung cấp dịch vụ như Wix đang thay đổi bản chất của
thương mại điện tử như thế nào?

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 21


Kiểm tra hệ thống
• Kiểm tra
• Kiểm tra đơn vị (Unit testing)
• Thử nghiệm hệ thống (System testing)
• Kiểm tra chấp nhận (Acceptance testing)
• Thử nghiệm A/B (thử nghiệm phân tách) (A/B testing (split testing))
• Thử nghiệm đa biến (Multivariate testing)

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 22


Triển khai, bảo trì và tối ưu hóa
• Hệ thống bị hỏng một cách khó lường
• Đang bảo trì (Maintenance is ongoing)
• Chi phí bảo trì: Tương tự như chi phí phát triển
• Một trang web thương mại điện tử trị giá 40.000 USDcó thể cần
40.000 USD hàng năm để bảo trì
• Điểm chuẩn (Benchmarking)

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 23


Các yếu tố trong việc tối ưu hóa trang web

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 24


Phương pháp phát triển web thay thế
• Tạo nguyên mẫu (Prototyping)
• Phát triển nhanh (Agile development)
• DevOps
• Phát triển dựa trên thành phần (Component-based development)
• Dịch vụ web (Web services)
• Kiến trúc hướng dịch vụ (SOA - Service-oriented architecture)
• Vi dịch vụ (Microservices)

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 25


Kiến trúc trang web nhiều tầng
• Kiến Trúc Hệ Thống ()
• Sự sắp xếp phần mềm, máy móc và nhiệm vụ trong hệ thống
thông tin cần thiết để đạt được một chức năng cụ thể
• Hai tầng (Two-tier)
• Web server and database server
• Nhiều tầng (Multi-tier)
• Web application servers
• Backend, legacy databases
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 26
Kiến trúc trang web
thương mại điện tử
hai tầng và nhiều tầng

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 27


4.3 Chọn phần mềm và phần cứng

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 28


Phần mềm máy chủ web
• Apache
• Phần mềm máy chủ web hàng đầu
• Hoạt động với hệ điều hành UNIX, Linux
• Đáng tin cậy, ổn định, là một phần của cộng đồng phần mềm mở
• Internet Information Server của Microsoft (IIS)
• Phần mềm máy chủ web lớn thứ hai
• Dựa trên Windows
• Tích hợp, dễ sử dụng
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 29
Công cụ quản lý trang web
• Các công cụ cơ bản có trong tất cả các máy chủ web
• Xác minh rằng các liên kết trên các trang vẫn hợp lệ
• Xác định các tập tin mồ côi
• Phần mềm của bên thứ ba để quản lý nâng cao
• Theo dõi việc mua hàng của khách hàng
• Hiệu quả chiến dịch tiếp thị
• Theo dõi số lần truy cập và số liệu thống kê khác
• Ví dụ: Webtrends
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 30
Công cụ tạo trang động
• Dynamic HTML (DHTML): được sử dụng để thay đổi giao diện của trang
web nhưng không tạo ra một trang web duy nhất
• Tạo trang động
• Nội dung được lưu trữ trong cơ sở dữ liệu và được tìm nạp khi cần để tạo một trang
web duy nhất
• Thuận lợi
• Giảm chi phí thực đơn
• Cho phép phân khúc thị trường trực tuyến dễ dàng
• Cho phép phân biệt giá miễn phí
• Cho phép hệ thống quản lý nội dung web (WCMS)

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 31


Máy chủ ứng dụng
• Máy chủ ứng dụng web
• Cung cấp chức năng kinh doanh cụ thể cần thiết cho một trang web
• Loại phần mềm trung gian
• Cô lập các ứng dụng kinh doanh khỏi máy chủ Web và cơ sở dữ liệu
• Các ứng dụng đơn chức năng đang được thay thế bằng các công cụ
phần mềm tích hợp kết hợp tất cả chức năng cần thiết cho trang
thương mại điện tử

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 32


Phần mềm máy chủ thương mại điện tử
(Nền tảng phần mềm thương mại điện tử) (1/3)
• Cung cấp các chức năng cơ bản cho việc bán hàng
• Danh mục trực tuyến
• Danh sách sản phẩm có sẵn trên website
• Giỏ hàng
• Cho phép người mua hàng đặt sang một bên, xem xét, chỉnh sửa các lựa
chọn và sau đó thực hiện mua hàng
• Xử lý thẻ tín dụng
• Thường hoạt động cùng với giỏ hàng
• Xác minh thẻ và chuyển tiền vào tài khoản của công ty khi thanh toán
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 33
Phần mềm máy chủ thương mại điện tử
(Nền tảng phần mềm thương mại điện tử) (2/3)
• Các lựa chọn khác nhau cho các doanh nghiệp có quy mô khác nhau
• Doanh nghiệp vừa và nhỏ: Shopify; WordPress (WooC Commerce), Wix ,
Square, Weebly, Squarespace, Bigc Commerce , giải pháp nguồn mở
• Tầm trung: HCL Commerce; Sitecore Experience Commerce
• Cao cấp: SAP Commerce, Oracle ATG Web Commerce, Adobe Commerce
• Nhiều giải pháp hiện có sẵn dưới dạng giải pháp SaaS dựa trên điện
toán đám mây.

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 34


Phần mềm máy chủ thương mại điện tử
(Nền tảng phần mềm thương mại điện tử) (3/3)
• Các yếu tố chính khi lựa chọn gói
• Chức năng
• Hỗ trợ cho các mô hình kinh doanh khác nhau, bao gồm cả thương mại điện tử
• Công cụ mô hình hóa quy trình kinh doanh
• Quản lý và báo cáo trang web trực quan
• Hiệu suất và khả năng mở rộng
• Kết nối với các hệ thống kinh doanh hiện có
• Tuân thủ các tiêu chuẩn
• Năng lực toàn cầu và đa văn hóa
• Các quy định về thuế bán hàng và vận chuyển địa phương

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 35


Chọn phần cứng
• Nền tảng phần cứng
• Thiết bị điện toán cơ bản cần thiết cho chức năng thương mại
điện tử
• Khách quan
• Đủ công suất nền tảng để đáp ứng nhu cầu cao điểm mà không
lãng phí tiền
• Điều quan trọng là phải hiểu các yếu tố ảnh hưởng đến tốc
độ, dung lượng và khả năng mở rộng của trang web
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 36
4.4 Các công cụ khác

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 37


Định cỡ phù hợp cho nền tảng phần cứng của bạn:
Phía cầu
• Nhu cầu khách hàng
• Yếu tố quan trọng nhất ảnh hưởng đến tốc độ của trang web
• Các yếu tố trong nhu cầu tổng thể
• Số lượng người dùng đồng thời trong thời gian cao điểm
• Bản chất yêu cầu của khách hàng (hồ sơ người dùng)
• Loại nội dung ( trang Web động và trang tĩnh)
• Bảo mật bắt buộc
• Số lượng mặt hàng trong kho
• Số lượng yêu cầu trang
• Tốc độ của các ứng dụng cũ
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 38
Định cỡ phù hợp cho nền tảng phần cứng của bạn:
Phía cung
• Khả năng mở rộng
• Khả năng của trang web để tăng kích thước khi nhu cầu đảm bảo
• Các cách để mở rộng quy mô phần cứng
• Theo chiều dọc
• Tăng sức mạnh xử lý của từng thành phần riêng lẻ
• Theo chiều ngang
• Sử dụng nhiều máy tính để chia sẻ khối lượng công việc
• Cải thiện kiến trúc xử lý
• Thuê ngoài hosting, sử dụng mạng phân phối nội dung

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 39


Kỹ thuật chia tỷ lệ theo chiều dọc và chiều ngang
Kỹ thuật Ứng dụng

Sử dụng máy tính nhanh hơn. Triển khai các máy chủ biên, máy chủ trình bày, máy chủ dữ liệu,
v.v.
Tạo một cụm máy tính. Sử dụng song song các máy tính để cân bằng tải.
Sử dụng máy chủ thiết bị. Sử dụng máy tính có mục đích đặc biệt được tối ưu hóa cho
nhiệm vụ của họ.
Phân khúc khối lượng công việc. Phân chia công việc đến cho các máy tính chuyên dụng.
Yêu cầu hàng loạt. Kết hợp các yêu cầu liên quan đến dữ liệu thành các nhóm, xử lý
theo nhóm.
Quản lý kết nối. Giảm kết nối giữa các tiến trình và máy tính đến mức tối thiểu.
Tổng hợp dữ liệu người dùng. Tổng hợp dữ liệu người dùng từ các ứng dụng cũ trong các
nhóm dữ liệu đơn lẻ.
Bộ nhớ đệm. Lưu trữ dữ liệu được sử dụng thường xuyên trong bộ đệm thay vì
trên đĩa.
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 40
Cải thiện kiến trúc xử lý trang web của bạn
Cải tiến kiến trúc Mô tả
Tách nội dung tĩnh khỏi nội dung Sử dụng máy chủ chuyên dụng cho từng loại khối lượng công việc.
động.
Lưu trữ nội dung tĩnh. Tăng RAM đến phạm vi gigabyte và lưu trữ nội dung tĩnh trong RAM.
Bảng tra cứu cơ sở dữ liệu bộ đệm. Sử dụng bảng bộ nhớ đệm dùng để tra cứu bản ghi cơ sở dữ liệu.
Hợp nhất logic kinh doanh trên các Đặt giỏ hàng, xử lý thẻ tín dụng và C PU Hoạt động chuyên sâu trên các
máy chủ chuyên dụng. máy chủ chuyên dụng.
Tối ưu hóa mã ASP. Kiểm tra mã của bạn để đảm bảo nó đang hoạt động một cách hiệu quả.
Tối ưu hóa lược đồ cơ sở dữ liệu. Kiểm tra thời gian tìm kiếm cơ sở dữ liệu của bạn và thực hiện các bước
để giảm thời gian truy cập.

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 41


Công cụ trang web thương mại điện tử khác
• Thiết kế trang web: Những cân nhắc cơ bản về kinh doanh
• Cho phép khách hàng tìm và mua những gì họ cần
• Công cụ tối ưu hóa công cụ tìm kiếm
• Vị trí công cụ tìm kiếm
• Thẻ meta, tiêu đề, nội dung
• Xác định các ngóc ngách thị trường
• Cung cấp chuyên môn
• Liên kết
• Mua quảng cáo
• Thương mại điện tử địa phương

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 42


Các tính năng của trang web thương mại điện tử
gây khó chịu cho khách hàng (1/2)
• Yêu cầu người dùng xem quảng cáo hoặc trang giới thiệu trước khi truy cập
nội dung trang web
• Quảng cáo và cửa sổ bật lên và bật xuống
• Quá nhiều lần nhấp để truy cập nội dung
• Các liên kết không hoạt động
• Điều hướng khó hiểu; không có chức năng tìm kiếm
• Yêu cầu đăng ký và đăng nhập trước khi xem nội dung hoặc đặt hàng
• Trang tải chậm
• Nội dung đã lỗi thời
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 43
Các tính năng của trang web thương mại điện tử
gây khó chịu cho khách hàng (2/2)
• Không thể sử dụng nút Back của trình duyệt
• Không có thông tin liên hệ (chỉ có mẫu web)
• Màn hình giật gân/flash, hoạt ảnh không cần thiết, v.v.
• Nhạc hoặc âm thanh khác tự động phát
• Yếu tố thiết kế không chuyên nghiệp
• Văn bản không dễ đọc do kích thước, màu sắc, định dạng
• Lỗi đánh máy
• Không có hoặc chính sách hoàn trả không rõ ràng

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 44


Tám yếu tố quan trọng nhất trong thiết kế
trang web thương mại điện tử thành công
Nhân tố Mô tả
Chức năng Các trang hoạt động, tải nhanh và hướng khách hàng đến sản phẩm của bạn
Thông tin Các liên kết mà khách hàng có thể dễ dàng tìm thấy để khám phá thêm về
bạn và sản phẩm của bạn
Dễ sử dụng Điều hướng dễ dàng đơn giản
Điều hướng dự phòng Điều hướng thay thế cho cùng một nội dung
Dễ dàng mua hàng Một hoặc hai cú nhấp chuột để mua hàng
Chức năng đa trình Trang web hoạt động với các trình duyệt phổ biến nhất
duyệt
Đồ họa đơn giản Tránh đồ họa và âm thanh gây mất tập trung, đáng ghét mà người dùng
không thể kiểm soát
Văn bản dễ đọc Tránh nền làm biến dạng văn bản hoặc làm cho văn bản khó đọc

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 45


Công cụ tương tác và nội dung hoạt động
• Java, JSP và JavaScript (bao gồm Node.js)
• Các công cụ dựa trên JavaScript: React, Vue, Angular JS, D3, jQuery và Ajax)
• Typescript
• ASP (Active Server Pages)/ASP.NET
• ColdFusion
• PHP, Ruby on Rails, Django
• Các yếu tố thiết kế khác:
• Widget, mashups
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 46
Công cụ cá nhân hóa
• Cá nhân hóa: khả năng đối xử với mọi người dựa trên phẩm chất cá
nhân và lịch sử sử dụng trang web trước đó
• Cá nhân hóa trang web thay đổi trang web dựa trên người đang xem nó
• Tùy chỉnh: khả năng thay đổi sản phẩm để phù hợp hơn với nhu cầu
của khách hàng
• Tùy chỉnh thương mại điện tử tập trung vào việc tạo đề xuất sản phẩm được
cá nhân hóa
• Cookie là một phương pháp cơ bản để đạt được sự cá nhân hóa
• Các công cụ phức tạp khác có sẵn
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 47
Bộ chính sách thông tin
• Chính sách bảo mật
• Bộ tuyên bố công khai tuyên bố cách trang web sẽ xử lý thông tin
cá nhân của khách hàng được trang web thu thập
• Quy tắc trợ năng
• Tập hợp các mục tiêu thiết kế nhằm đảm bảo người dùng khuyết
tật có thể truy cập trang web một cách hiệu quả

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 48


Cái nhìn sâu sắc về xã hội:
Thiết kế cho khả năng tiếp cận
• Thảo luận trong lớp
• Tại sao một số thương nhân có thể miễn cưỡng cung cấp trang web
của họ cho người dùng khuyết tật?
• Làm thế nào để các trang web có thể được truy cập dễ dàng hơn?
• Pháp luật có yêu cầu tất cả các trang web phải cung cấp “ các lựa chọn
thay thế tương đương” cho nội dung hình ảnh và âm thanh không?
• Thiết bị di động gây ra thêm vấn đề gì về khả năng tiếp cận?

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 49


4.5 Phát triển một Mobile website
và xây dựng Mobile Apps

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 50


Phát triển trang web di động
và xây dựng ứng dụng di động
• Các loại nền tảng thương mại điện tử
• Trang web di động (Mobile website)
• Ứng dụng gốc (Native app)
• Ứng dụng web di động (Mobile web app)
• Ứng dụng lai (Hybrid app)
• Chạy bên trong vùng chứa gốc (Runs inside native container)
• Phânbố ứng dụng (App distribution)
• Dựa trên HTML5, CSS , JavaScript

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 51


Lập kế hoạch và xây dựng sự hiện diện trên
thiết bị di động
• Xác định mục tiêu kinh doanh, chức năng hệ thống và yêu
cầu thông tin
• Lựa chọn
• Trang web di động hoặc ứng dụng web di động
• Ít tốn kém hơn
• Ứng dụng gốc
• Có thể sử dụng phần cứng thiết bị, khả dụng ngoại tuyến

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 52


Các tính năng độc đáo phải được tính đến khi
thiết kế hiện diện trên thiết bị di động
Tính năng Ý nghĩa đối với nền tảng di động
Phần cứng Phần cứng di động nhỏ hơn và có nhiều tài nguyên hơn hạn chế về khả
năng lưu trữ và xử lý dữ liệu.
Kết nối Nền tảng di động bị hạn chế bởi kết nối chậm hơn tốc độ hơn các trang
web trên máy tính để bàn.
Hiển thị Màn hình di động nhỏ hơn nhiều và yêu cầu đơn giản hóa. Một số màn
hình không hoạt động tốt dưới ánh sáng mặt trời.
Giao diện Công nghệ màn hình cảm ứng giới thiệu sự tương tác mới
khác với chuột và bàn phím truyền thống.
Nền tảng di động không phải là một công cụ nhập dữ liệu tốt nhưng có thể
là một công cụ điều hướng tốt.

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 53


Những cân nhắc về thiết kế hiện diện trên
thiết bị di động
• Hạn chế về nền tảng
• Đồ họa, kích thước tập tin
• Thiết kế di động đầu tiên
• Thiết kế trang web trên máy tính để bàn sau thiết kế trên thiết bị di động
• Thiết kế web đáp ứng (RWD - Responsive web design )
• Trang CSS điều chỉnh bố cục của trang theo độ phân giải màn hình của thiết bị
• Thiết kế web thích ứng (AWD - Adaptive web design )
• Máy chủ cung cấp các mẫu hoặc phiên bản khác nhau của trang web được tối
ưu hóa cho thiết bị
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 54
Công cụ phát triển ứng dụng di động đa
nền tảng
• Objective C, Java
• Các lựa chọn thay thế nguồn mở, chi phí thấp
• Flutter
• React Native
• Appery.io
• Codiqa
• Swiftic
• PhoneGap
• Axway Appcelerator

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 55


Hiện diện trên thiết bị di động:
Cân nhắc về hiệu suất và chi phí
• Thiết kế di động đầu tiên
• Hiệu quả nhất
• Trang web di động
• Thay đổi kích thước trang web hiện có để truy cập trên thiết bị di động ít tốn
kém nhất
• Ứng dụng web di động (Mobile web app)
• Có thể sử dụng trình duyệt API (Application Programming Interface)
• Ứng dụng gốc (Native app)
• Đắt nhất; cần lập trình nhiều hơn
16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 56
Hiểu biết sâu sắc về công nghệ: Ứng dụng
di động của Duolingo hỗ trợ việc học ngôn ngữ
• Thảo luận trong lớp
• Bạn nghĩ tại sao ứng dụng di động của Duolingo lại là nhân tố
chính tạo nên thành công của nó?
• Duolingo sử dụng mô hình kinh doanh nào?
• Tại sao thử nghiệm A/B là một phần quan trọng trong quy trình
của Duolingo?

16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 57


16/05/2024 19:03 Chương 4: Xây Dựng Hiện Diện Website TMĐT 58

You might also like