tiểu luận đồ án cá nhân giữa kì công nghệ thương mại điện tử đề bài thuyết minh về trang web cá nhân

Thế nhưng, việc mua sắm hai mặt hàngnày trên các sàn thương mại điện tử, có thể khiến các bạn trẻ quan ngại về chất lượng,cũng như nguồn gốc xuất xứ, còn nếu mua trực tiếp trên website c

ĐẠI HỌC UEH

TRƯỜNG CÔNG NGHỆ VÀ THIẾT KẾKHOA CÔNG NGHỆ THÔNG TIN KINH DOANH

ĐỒ ÁN CÁ NHÂN GIỮA KÌCÔNG NGHỆ THƯƠNG MẠI ĐIỆN TỬ

ĐỀ BÀI:

THUYẾT MINH VỀ TRANG WEB CÁ NHÂN

Giảng viên hướng dẫn: ThS Trần Lê Phúc ThịnhMã học phần: 23D1INF50902601

Sinh viên thực hiện:

Họ và tên: Nguyễn Thị Lan Hương MSSV: 31201023860

Lớp: EC002

Thành phố Hồ Chí Minh, Tháng 03/2023

1.1 Chức năng tìm kiếm theo khung tìm kiếm và bộ lọc 71.2 Chức năng chọn mua sản phẩm 81.3 Chức năng quản lý giỏ hàng 131.4 Chức năng quản lý thông tin giao hàng 141.5 Chức năng sử dụng mã giảm giá 19

DANH MỤC SẢN PHẨM

Hình 1: Một số sản phẩm quần áo trên hiuimlh 3

Hình 2: Một số sản phẩm thiết bị số trên hiuimlh 3

Hình 3: Một sản phẩm tiêu biểu trong mục Ebook trên hiuimlh 4

Hình 4: Ví dụ cho mã thuế VNT 6

Hình 5: Ví dụ cho mã thuế HCM 7

Hình 6: Ví dụ cho mã thuế LAT 7

Hình 7: Ví dụ cho loại thuế ứng dụng cho sản phẩm Ebook 8

Hình 13: Các sản phẩm liên quan được đề xuất 12

Hình 14: Giao diện bán sản phẩm theo nhóm 12

Hình 15: Giao diện gợi ý sản phẩm up-sell 13

Hình 16: Giao diện sản phẩm được dẫn link đến trang bán hàng chính thống 13

Hình 17: Trang bán hàng chính thức 14

Hình 18: Cách để thêm sản phẩm vào giỏ hàng 14

Hình 19: Điều chỉnh số lượng sản phẩm 15

Hình 20: Cách xóa sản phẩm có trong giỏ hàng 15

Hình 21: Thêm địa chỉ giao hàng 16

Hình 22: Chỉnh sửa địa chỉ thanh toán 16

Hình 23: Ví dụ cho hình thức lấy hàng tại cửa hàng tại HCM 17

Hình 24: Ví dụ cho hình thức giao hàng nhanh tại TPHCM 17

Hình 25: Ví dụ cho hình thức giao hàng hỏa tốc tại TPHCM 18

Hình 26: Ví dụ cho hình thức giao hàng tiết kiệm trên lãnh thổ Việt Nam 18

Hình 27: Ví dụ cho hình thức giao hàng nhanh trên lãnh thổ Việt Nam 19

Hình 28: Ví dụ cho giao hàng nước ngoài 19

Hình 29: Ví dụ cho giao hàng giá trị cao 20

Hình 30: Ví dụ cho mã giảm giá GIAM1O 21

Hình 31: Ví dụ cho mã giảm giá GIAM100 21

Hình 32: Ví dụ cho mã giảm giá SACH20 22

Hình 33: Ví dụ cho mã giảm giá PHUNUVN 22

Hình 34: Trường thông tin thanh toán 23

Hình 35: Thông tin đơn hàng 24

Hình 36: Các hình thức thanh toán 24

Hình 37: Mã QR thanh toán 25

Hình 38: Nút liên hệ 25

Chương 1: TỔNG QUAN VỀ TRANG WEB 1.1 Lịch sử hình thành

Hiuimlh là website bán lẻ quần áo, thiết bị điện tử và sách ebook, được thành lập vàotháng 2 năm 2023

Hiuimlh phát triển dựa trên việc thấu hiểu nhu cầu của khách hàng Khi mà chúng tôinhận thấy được rằng, thời trang và các thiết bị số đang dần trở thành hai yếu tố khôngthể thiếu đối với người trẻ Thông qua thời trang và các thiết bị số, người trẻ có thểbộc lộ phong cách cũng như cá tính của họ Thế nhưng, việc mua sắm hai mặt hàngnày trên các sàn thương mại điện tử, có thể khiến các bạn trẻ quan ngại về chất lượng,cũng như nguồn gốc xuất xứ, còn nếu mua trực tiếp trên website chính thức của côngty, sẽ khiến các bạn tốn khá nhiều công sức cho một lần mua sắm, vì phải truy cậpnhiều website nếu như có nhu cầu mua sắm nhiều sản phẩm đến từ các công ty khácnhau

Chính vì lẽ đó, hiuimlh đã ra đời nhằm cung cấp cho khách hàng một nơi mua sắmthời trang và thiết bị số đáng tin cậy, bảo đảm về mặt uy tín, chất lượng và nguồn gốcxuất xứ

Save to a Studylist

1.4.1 Thời trang

Ở hiuimlh, chúng tôi cung cấp đa dạng các mặt hàng thời trang, đa phần theo phongcách trẻ trung và năng động Bên cạnh quần áo, phụ kiện đến từ những nhà sản xuấtnổi tiếng, chúng tôi cũng cung cấp các sản phẩm do chính hiuimlh sản xuất, với chấtlượng tốt và giá thành phải chăng

Một số mặt hàng tiêu biểu của chúng tôi là: Áo Ba Lỗ Gân Cổ Henley Dáng Ngắn, ÁoThun Gân Dáng Ngắn Kẻ Sọc Ngắn Tay Xếp Ly,

Hình 1: Một số sản phẩm quần áo trên hiuimlh

1.4.2 Thiết bị số

Hiện nay, khách hàng có thể dễ dàng tìm thấy các dòng điện thoại thông minh haylaptop phổ biến, hiện đại, đa chức năng trên website hiuimlh Các thiết bị này đến từcác thương hiệu nổi tiếng như Apple, Samsung, Và tất nhiên, chúng tôi cam kết chỉbán sản phẩm chính hãng, đi kèm đầy đủ các giấy tờ chứng minh

Một số mặt hàng tiêu biểu đại diện cho mục thiết bị số, chính là:điện thoại thôngminh, laptop,

1.4.3 Sách Ebook

Trong mục tiêu giúp khách hàng định hình phong cách cá nhân, hiuimlh cũng hỗ trợkhách hàng trong việc trau dồi, nâng cao phong cách sống và sự sáng tạo thông quaviệc bán thêm các đầu sách Ebook Sách ebook có thể tạo điều kiện thuận lợi chokhách hàng đọc mọi lúc, mọi nơi, bất cứ khi nào có thời gian rảnh rỗi

Hình 3: Một sản phẩm tiêu biểu trong mục Ebook trên hiuimlh

1.5 Bản màu chủ đạo

Website hiuimlh có bản màu chủ đạo là đen-vàng Với ý nghĩa như sau:

- Đen: Tượng trưng cho sự bí ẩn, bởi vì chúng tôi tin rằng mỗi bạn trẻ đều mangtrong mình một nét bí ẩn riêng biệt về tính cách và phong cách sống riêng biệt - Vàng: Tượng trưng cho sự tỏa sáng rực rỡ, những nét bí ẩn trong tính cách vàphong của mỗi cá nhân sẽ giúp cho họ tỏa sáng, tạo nên tính thu hút đặc biệtđối với mọi người

Kết luận: Bộ bản màu đen-vàng của website chính là muốn truyền tải thông điệp cácbạn trẻ hãy dùng những nét cá tính riêng biệt của mình để tỏa sáng trong tương lai

1.6 Một số trang chính trong website1.6.1 Trang chủ

Trang chủ là nơi trưng bày các sản phẩm nổi bật, cũng như cung cấp cho khách hàngmột cái nhìn tổng quan về những gì mà hiuimlh phục vụ Tại trang chủ, khách hàng cóthể dễ dàng tìm thấy các sản phẩm được ưa chuộng và các bài blog được đọc nhiềunhất, cũng như là thông tin liên hệ với hiuimlh.

Giao diện trang chủ: link

1.6.2 Trang giới thiệu

Đây là nơi giới thiệu về tổng quan về quá trình phát triển, mục tiêu, cũng như sứ mệnhcủa hiuimlh Từ đây, khách hàng có thể hiểu rõ hơn về những gì hiuimlh đang thựchiện và định hướng của chúng tôi trong tương lai

Giao diện trang giới thiệu: link

1.6.3 Trang blog

Nơi tổng hợp các bài blog được viết bởi hiuimlh, các bài blog tập trung về hai chủ đềchính, bao gồm: thời trang và các thiết bị số Các bài blog sẽ cập nhật nhanh chóngcác xu hướng nổi bật trong nền công nghiệp thời trang và thiết bị số, đồng thời đưa racác mẹo vặt, các hướng dẫn giúp bạn trẻ có thể thể hiện phong cách cá nhân thông quahai mặt hàng trên

Một số bài post trên trang web: - Bài post 1: link - Bài post 2: link

- Bài post 3: link

1.6.4 Trang sản phẩm

Trang sản phẩm là nơi trưng bày tất cả các sản phẩm được bán trên hiuimlh Mỗi khiđắn đo, chưa quyết định được nên mua sản phẩm nào, các bạn trẻ có thể dạo chơi trêntrang này, thong thả lựa chọn sản phẩm ưng ý và phù hợp với ý thích cá nhân Giao diện trang sản phẩm: link

1.6.5 Trang tài khoản

Đây là nơi khách hàng quản lý tài khoản cá nhân, từ trang này, khách hàng có thểchuyển hướng đến các trang khác như là: trang quản lý các đơn hàng gần đây, địa chỉcũng như là hóa đơn giao hàng,

Giao diện trang tài khoản: link

1.7 Các mức thuế áp dụng cho sản phẩm trên website

Hiện nay, trên hiuimlh có ba cách tính thuế dựa trên các cơ sở như sau:

- Mã 1: có tên là VNT - áp dụng với khách hàng trên lãnh thổ Việt Nam, mứcthuế là 5% trên mỗi sản phẩm

- Mã 2: có tên là HCM - áp dụng cho khách hàng có địa chỉ ở TPHCM, mức thuếlà 0% trên mỗi sản phẩm

Hình 5: Ví dụ cho mã thuế HCM

- Mã 3: LAT - áp dụng cho khách hàng sống tại Lào, mức thuế là 20% trên mỗisản phẩm

Hình 6: Ví dụ cho mã thuế LAT

- Riêng đối với sản phẩm Ebook thì sẽ được giảm 5% thuế bất kì.

Chương 2: CHỨC NĂNG TRANG WEB

1.1 Chức năng tìm kiếm theo khung tìm kiếm và bộ lọc

Khách hàng có thể tìm kiếm các sản phẩm thông qua thanh tìm kiếm Ở thanh tìmkiếm, khách hàng có thể nhập từ khóa mong muốn, sau đó hiuimlh sẽ hiển thị các kếtquả liên quan đến từ khóa

Hình 8: Khung tìm kiếm

Ngoài ra, người dùng có thể lọc sản phẩm phù hợp với nhu cầu theo danh mục sảnphẩm và giá cà dựa trên bộ lọc

1.2 Chức năng chọn mua sản phẩm

Khi khách hàng có ý định muốn mua một sản phẩm nào đó, họ có thể bấm vào để xemchi tiết thông tin sản phẩm, mỗi sản phẩm có thể bao gồm các thông tin cơ bản như:mô tả sơ lược hình dáng, chất liệu, kích cỡ, hướng dẫn bảo quản,

Bên cạnh các sản phẩm đơn giản, còn có các sản phẩm có thể có nhiều đặc tính vềkích cỡ hay màu sắc, khách hàng có thể lựa chọn đặc tính sản phẩm phù hợp với mongmuốn cá nhân bằng cách nhấp vào khung sổ xuống, sau đó lựa chọn đặc tính thích hợpvới nhu cầu

Sau khi đã lựa chọn được các đặc tính sản phẩm, khách hàng cũng có thể tùy chỉnh sốlượng sản phẩm muốn mua bằng cách nhấp vào mũi tên lên xuống ở ô vuông kế bênnút “Add to cart”, hoặc khách hàng cũng có thể nhập trực tiếp số lượng mong muốnvào ô này, sao cho số lượng mua hàng phải lớn hơn 1 và nhỏ hơn số lượng hàng tồnkho.

Hình 12: Điều chỉnh số lượng sản phẩm

Không những vậy, mỗi khi khách hàng xem bất cứ sản phẩm nào, hiuimlh cũng đềxuất các sản phẩm tương tự ở bên dưới, để có thể giúp khách hàng có đa dạng sự lựachọn về sản phẩm hơn

Ngoài các sản phẩm đơn lẻ, hiuimlh cũng cố gắng tiết kiệm công sức mua sắm củakhách hàng bằng cách bán các sản phẩm theo nhóm, các sản phẩm có chung đặc tínhsẽ được nhóm lại với nhau, có thể giúp khách hàng mua sắm trên cùng một giao diện,không cần chuyển sang giao diện khác

Hình 14: Giao diện bán sản phẩm theo nhóm

Cuối cùng, hiuimlh khi khách hàng lựa chọn một vài sản phẩm nhất định, hiuimlhcũng có thể đề xuất một vài món phụ kiện để phối chung với món đồ thời trang đó,giúp cho bộ trang phục của các bạn trẻ càng thêm phần cá tính, giúp gia tăng mức độtự tin cho người mặc

Ngoài ra, để tăng mức độ đáng tin của sản phẩm, đối với một số sản phẩm có giáthành cao, ví dụ Macbook Pro, sau khi khách hàng nhấn vào nút “Mua ngay”, hiuimlhsẽ chuyển hướng khách hàng đến trang bán hàng chính thức của Apple, sau đó kháchhàng có thể thực hiện thao tác mua sắm trên trang web này

Hình 16: Giao diện sản phẩm được dẫn link đến trang bán hàng chính thống

1.3 Chức năng quản lý giỏ hàng

Khách hàng có thể quản lý giỏ hàng thông qua ba thao tác: Thêm, xóa, sửa

Khách hàng có thể thêm sản phẩm ưa thích của mình thông qua nút “Add to cart” bêndưới mỗi sản phẩm

Hình 18: Cách để thêm sản phẩm vào giỏ hàng

Ngoài ra, khách hàng cũng có thể điều chỉnh số lượng sản phẩm hiển thị trong giỏhàng bằng cách nhấp vào mũi tên lên xuống ở ô vuông ở mục Quantity, hoặc kháchhàng cũng có thể nhập trực tiếp số lượng mong muốn vào ô này

Hình 19: Điều chỉnh số lượng sản phẩm

Và cuối cùng, khách hàng có thể loại bỏ các sản phẩm không còn mong muốn thôngqua việc nhấn vào dấu x màu đỏ phía trước sản phẩm, khi ấy sản phẩm sẽ bị xóa khỏigiỏ hàng.

Hình 20: Cách xóa sản phẩm có trong giỏ hàng

1.4 Chức năng quản lý thông tin giao hàng

Ở mục “tài khoản của tôi” khách hàng có thể quản lý thông tin thông qua các thao tác:thêm và sửa

Để thêm thông tin về địa chỉ giao hàng hay thanh toán, khách hàng có thể nhấn nút“Add” kế bên mỗi mục địa chỉ tương ứng

Sau đó trường nhập thông tin sẽ hiện ra để khách hàng nhập thông tin vào, sau khi đãnhập và kiểm tra kỹ lưỡng thông tin, khách hàng có thể nhấn nút “Add address” để lưulại địa chỉ

Khi có nhu cầu chỉnh sửa thông tin địa chỉ đã lưu, khách hàng nhấn vào nút “Edit” kếbên mục địa chỉ tương ứng

Hình 22: Chỉnh sửa địa chỉ thanh toán

Hiuimlh sẽ tính toán chi phí giao hàng dựa trên địa chỉ giao hàng của quý khách Ở hiuimlh, phí giao hàng sẽ chia ra thành ba loại địa chỉ: Nội thành (Thành Phố Hồ Chí Minh), Trong nước (Việt Nam) và nước ngoài Cụ thể như sau:

- Tại Thành phố Hồ Chí Minh, sẽ có ba hình thức giao hàng tương ứng với ba

mức giá:

+ Miễn phí ship cho quý khách lấy hàng tại cửa hàng

+ Đồng giá 20.000 VND đối với hình thức giao hàng nhanh

Hình 24: Ví dụ cho hình thức giao hàng nhanh tại TPHCM

+ Và cuối cùng là hình thức giao hàng hỏa tốc Đối với hình thức giao hàng này, hiuimlh sẽ tính phí giao hàng bằng 15% giá trị đơn hàng của quý khách Nếu kết quả tính ra thấp hơn 30.000đ thì tính 30.000 VND, còn nếu lớn hơn 50.000 VND thì vẫn tính là 50.000 VND

- Các cách tính trên chỉ áp dụng đối với nội thành Thành phố Hồ Chí Minh, còn

đối với các tỉnh thành khác nằm trong phạm vi lãnh thổ Việt Nam, sẽ được

tính phí giao hàng theo hai hình thức sau:

+ Hình thức đầu tiên là giao hàng tiết kiệm Phí giao hàng sẽ tính 10.000 VND trên mỗi sản phẩm Điều này có nghĩa là phí giao hàng sẽ bằng 10.000 VND nhân cho số lượng sản phẩm có trong giỏ hàng

Hình 26: Ví dụ cho hình thức giao hàng tiết kiệm trên lãnh thổ Việt Nam

+ Hình thức thứ hai chính là Giao hàng nhanh Đối với hình thức này, phí giao hàng sẽ cao hơn một chút là 20.000 VND đối với mỗi sản phẩm

- Cuối cùng, đối với các đất nước khác ngoài Việt Nam (nước ngoài), quý khách hàng chỉ có thể lựa chọn hình thức giao hàng là LA Express Cách thức giao hàng này sẽ có phí giao hàng là 15% giá trị đơn hàng Nếu kết quả tính ra thấp hơn 50.000 VND thì tính 50.000 VND Còn nếu lớn hơn 80.000 VND thì sẽ tính là 80.000 VND

Hình 28: Ví dụ cho giao hàng nước ngoài

- Tuy nhiên, có một lưu ý là đối với các mặt hàng giá trị cao, thì phí giao hàng sẽtính thêm 100.000 VND đối với tất cả các hình thức giao hàng

1.5 Chức năng sử dụng mã giảm giá

Thấu hiểu nhu cầu tìm kiếm sản phẩm giá cả phải chăng của khách hàng, hiuimlh đãcung cấp rất nhiều mã giảm giá cho khách hàng Hiện nay, hiuimlh hiện nay có bốnloãi mã giảm giá chính:

- Mã 1: có tên là GIAM10 Mã này giảm 10% toàn bộ đơn hàng với điều kiệntổng giá trị đơn hàng phải đạt tối thiểu 1.000.000 VND Mã này không thể sửdụng chung với các mã giảm giá khác, và vẫn có thể áp dụng cho các sản phẩmđã có giảm giá sẵn

- Mã 2: có tên là GIAM 100 Mã này giảm giá 100.000 VND cho đơn hàng tốithiểu 500.000 VND Mã này cũng không thể sử dụng chung với các mã giảmgiá khác, và không thể áp dụng cho sản phẩm đã giảm giá trước đó Đặc biệthơn, chỉ có 100 mã này được sử dụng cho 100 khách hàng đầu tiên

Hình 31: Ví dụ cho mã giảm giá GIAM100

- Mã 3: có tên là SACH20 Mã này sẽ giảm 20.000 VND cho các sản phẩmEbook và có thể áp dụng kèm các mã khuyến mãi khác Tuy nhiên, mỗi kháchhàng sẽ bị giới hạn số lần sử dụng là 2 lần

- Mã 4: có tên là PHUNUVN Mã này sẽ giảm giá 50% cho các sản phẩm thờitrang và có thời hạn sử dụng trước 15/03 Mã này sẽ không thể áp dụng chungvới các mã khuyến mãi khác, tuy nhiên vẫn có thể áp dụng cho các sản phẩmkhuyến mãi.

Hình 33: Ví dụ cho mã giảm giá PHUNUVN

1.6 Chức năng thanh toán

Thao tác cuối cùng phải thực hiện khi mua hàng trên hiuimlh đó chính là thanh toán,sau khi nhấn vào nút “Proceed to checkout”, khách hàng sẽ được chuyển đến giaodiện thanh toán.

Lúc này đây, sẽ có một trường thông tin sẽ hiện ra, khách hàng vui lòng điền đầy đủthông tin thanh toán được yêu cầu như sau:

Hình 34: Trường thông tin thanh toán

Ngoài ra, ở giao diện thanh toán, khách hàng cũng có thể kiểm tra thông tin đơn hàngtrước khi xác nhận đặt hàng

Với giao diện này, khách hàng vẫn có thể đổi lại phương thức vận chuyển sao cho phùhợp với nhu cầu của họ Và cuối cùng, là bước lựa chọn hình thức thanh toán Hiệnnay, ở hiuimlh, chúng tôi cung cấp hai hình thức thanh toán sau đây:

- Thanh toán trực tiếp bằng tiền mặt khi nhận hàng - Thanh toán thông qua việc quét mã QR

Hình 36: Các hình thức thanh toán

Khi khách hàng chọn hình thức thanh toán thông qua hình thức quét mã, họ sẽ tickchọn vào dòng này, cuối cùng là bấm nút “Place order” Khi này, một giao diện chứamã QR sẽ hiện ra và khách hàng có thể tiến hành quét mã để thanh toán