Đồ án trang thương mại điện tử ashopmart

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (3.75 MB, 41 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

<b>TRƯỜNG ĐẠI HỌC NÔNG LÂM HCMKHOA CÔNG NGHỆ THÔNG TIN</b>

<b>ĐỒ ÁN </b>

<b>TRANG THƯƠNG MẠI ĐIỆN TỬ</b>

<b>Giảng viên hướng dẫn:Nguyễn Đức Công SongSinh viên thực hiện:20130230 – Trần Trung DơngKhóa: K46</b>

<b>Lớp: DH20DTC</b>

<b>Khoa:Cơng nghệ thơng tin</b>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

<b>5.1Use case diagram...3</b>

<b>5.2 Entity relationship diagram...3</b>

<b>6.1.3Thay đổi số lượng sản phẩm trong giỏ hàng...7</b>

<b>6.3.1Xem câu hỏi thường gặp...14</b>

<b>6.3.2Tìm kiếm thơng tin...17</b>

<b>6.3.3Liên hệ hỗ trợ khách hàng...19</b>

<b>6.4.4Liên hệ với người bán...23</b>

<b>6.5.1Trang giỏ hàng...24</b>

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

<b>6.6.3Doanh thu đơn hàng...366.7Khách hàng thân thiết...376.7.1Ưu đãi mỗi thứ hạng...38</b>

<b>1.Giới thiệu </b>

Ashopmart là trang web mua sắm trực tuyến và là sàn giao dịch thương mại điện tử phổ biến nhất tại Việt Nam. Ashopmart mang đến trải nghiệm mua sắm trực tuyến tích hợp với vơ số sản phẩm đa dạng chủng loại, cộng đồng người dùng đơng đảo.

Ashopmart có nhiều hoạt động mạnh mẽ trên mặt trận quảng cáo truyền thông, với những ưu đãi cực hot, mã giảm giá cho đến miễn phí vận chuyển đã thu hút người tiêu dùng Việt, những chiến lược này đều rất thành công về mặt gia tăng độ phủ trên thị trường.

<b>2.Mục tiêu:</b>

Trang web Ashopmart được phát triển với mục đích cung cấp cho người dùng một nền tảng mua sắm trực tuyến thuận tiện và an toàn.

 <b>Tạo Ra Một Trải Nghiệm Mua Sắm Thuận Tiện: Ashopmart được phát triển để mang đến </b>

cho người dùng một trải nghiệm mua sắm trực tuyến thuận tiện và dễ dàng. Tính năng như tìm kiếm sản phẩm, bộ lọc, và giỏ hàng mua sắm được thiết kế để giúp người dùng dễ dàng tìm kiếm và mua các sản phẩm mình quan tâm.

 <b>Tăng Cường Sự Đa Dạng trong Danh Mục Sản Phẩm: Ashopmart cung cấp một loạt các </b>

danh mục sản phẩm, từ điện tử đến thời trang, làm đẹp, và nhiều lĩnh vực khác. Mục tiêu là mang đến sự đa dạng và phong phú để đáp ứng nhu cầu mua sắm đa dạng của người tiêu dùng.

 <b>Tạo Ra Môi Trường Giao Dịch An Toàn: Ashopmart cam kết đảm bảo an toàn cho các </b>

giao dịch mua bán trên nền tảng của mình. Điều này bao gồm việc hỗ trợ các phương thức thanh tốn an tồn và bảo vệ thơng tin cá nhân của người dùng.

 <b>Khuyến Khích Tính Minh Bạch và Đánh Giá Tốt: Ashopmart khuyến khích tính minh </b>

bạch trong giao dịch bằng cách cung cấp chức năng đánh giá và nhận xét sản phẩm. Điều này giúp xây dựng niềm tin trong cộng đồng người dùng và tạo điều kiện cho trải nghiệm mua sắm thông tin và minh bạch.

 <b>Hỗ Trợ Cộng Đồng Người Bán Nhỏ và Cá Nhân: Ashopmart không chỉ là nơi cho các </b>

doanh nghiệp lớn mà còn là một sân chơi cho những người bán nhỏ và cá nhân. Mục đích là tạo cơ hội kinh doanh và tăng cường nền kinh tế địa phương.

 <b>Đa Nền Tảng và Tiện Ích Di Động: Ashopmart được phát triển để tương thích trên nhiều </b>

nền tảng, bao gồm cả di động (iOS và Android), giúp người dùng dễ dàng tiếp cận và thực hiện giao dịch từ mọi thiết bị.

Ứng dụng được thiết kế để hỗ trợ việc duyệt sản phẩm, khám phá sản phẩm và thực hiện giao dịch

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

<b>3.Phạm vi</b>

Ashopmart là một trang thương mại điện tử cung cấp cho người dùng trải nghiệm mua sắm trực tuyến tiện lợi và hấp dẫn. Ashopmart kết nối giữa người mua và người bán hàng. Phạm vi của ứng dụng bao gồm các chức năng chính như quản lý tài khoản, mua sắm trực tuyến, bán hàng, và các tính năng hỗ trợ tài chính.

Người dùng:

-Người mua sắm: là những người muốn mua sắm trực tuyến các sản phẩm và dịch vụ.

-Người bán hàng: là những người muốn bán sản phẩm và dịch vụ của mình thơng qua ứng dụng Ashopmart.

<b>4.Định nghĩa và các từ viết tắt </b>

<b>5.Tổng quan </b>

<b>5.1Use case diagram</b>

<b>5.2 Entity relationship diagram</b>

<b>6.Yêu cầu chức năng</b>

<b>6.1Giỏ hàng</b>

Chức năng giỏ hàng là một phần quan trọng của trang web thương mại điện tử, được thiết kế để giúp người dùng thuận tiện trong việc lựa chọn và xác nhận các sản phẩm mà họ muốn mua trước khi thực hiện thanh toán. Khi người dùng chọn một hoặc nhiều sản phẩm để mua, chúng sẽ được thêm vào giỏ hàng. Chức năng giỏ hàng cho phép người dùng kiểm tra tổng số lượng và giá trị của các sản phẩm đã chọn trước khi quyết định tiếp tục mua sắm hoặc tiến hành thanh toán.

Trong q trình mua sắm, người dùng có thể thêm, xóa hoặc chỉnh sửa số lượng của các sản phẩm trong giỏ hàng. Chức năng này giúp họ quản lý đơn đặt hàng của mình và điều chỉnh nó theo nhu cầu và ngân sách cá nhân. Khi người dùng đã hồn tất q trình chọn mua, họ có thể chuyển đến trang thanh tốn để nhập thơng tin thanh tốn và hồn tất giao dịch.

Sản phẩm được thêm vào giỏ hàng sẽ được hiển thị ở trang giỏ hàng, bao gồm các thông tin

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

- Tổng giá trị sản phẩm

Các sản phẩm được phân chia theo shop và được hiển thị theo theo thứ tự thêm vào giỏ hàng (sản phẩm mới nhất thì nằm trên cùng).

Tại đây các sản phẩm khơng cịn hoạt động sẽ được tự động xóa khỏi giỏ hàng, giỏ hàng sẽ hiển thị tổng tiển của giỏ hàng mà khơng cần phải chọn tất cả.

Ngồi ra giỏ hàng còn hiển thị thêm một mục cho phép người dùng xem tổng giá tiền của các sản phẩm được đánh dấu để xác định số tiền cần phải trả.

<b>6.1.1Thêm sản phẩm vào giỏ hàng</b>

Khi bạn xem các sản phẩm trên trang chi tiết sản phẩm của trang web Ashopmart, bạn có thể thêm sản phẩm vào giỏ hàng bằng cách chọn phân loại hàng (màu sắc, kích thước… nếu có) rồi nhấp vào nút "Thêm vào giỏ hàng" để đưa sản phẩm vào giỏ hàng.

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

Nếu bạn chưa chọn phân loại hàng mà nhấn nút “Thêm vào giỏ hàng” thì bạn sẽ nhận được thơng báo “Vui lịng chọn Phân loại hàng” bằng popup.

Sau khi nhấp vào nút này, sản phẩm sẽ tự động được thêm vào giỏ hàng của bạn và đồng thời hiện lên thông báo là “Sản phẩm đã được thêm vào Giỏ hàng” tuy nhiên bạn vẫn sẽ ở lại trang chi tiết sản phẩm chứ không được điều hướng đến bất cứ trang nào khác. Bạn sẽ thấy số lượng sản phẩm trong giỏ hàng cập nhật trên biểu tượng giỏ hàng góc phải trên cùng của trang web.

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

Số lượng sản phẩm ban đầu sẽ mặc định là 1, bạn có thể thay đổi nó bằng cách nhấn nút “+” để tăng số lượng, nhấn “-” để giảm số lượng hoặc bạn có thể nhập thẳng số lượng vào ơ số lượng. Số lượng nhập vào phải nhỏ hơn hoặc bằng số lượng sản phẩm có sẵn và đồng thời phải lớn hơn 0, nếu nhập số lương lớn hơn số lượng có sẵn nó sẽ cập nhật bằng số lượng có sẵn và đồng thời hiển thị thơng báo bằng popup “Số lượng bạn chọn đã đạt mức tối đa cho sản phẩm này”, sẽ không nhập được các kí tự khác ngồi số. Khi số lượng đến giới hạn thì nút “+” hoặc “-” sẽ được làm mờ đi vào không thể nhấn được.

Các phân loại hàng đã hết hàng sẽ được làm mờ và khơng nhấn được.

Tại đây người có thể chọn nhiều hơn một phân loại hàng khác nhau để thêm vào giỏ hàng với số lượng mặc định là 1.

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

<b>6.1.2Xóa sản phẩm khỏi giỏ hàng</b>

Trong giỏ hàng, bạn có thể xem tất cả các sản phẩm bạn đã thêm vào. Nếu bạn muốn xóa bất kỳ sản phẩm nào khỏi giỏ hàng, bạn có thể nhấp vào nút "Xóa" tương ứng với sản phẩm bạn muốn xóa hệ thống sẽ hiển thị thơng báo xác nhận xóa. Bạn cũng có thêm nhấn chọn nhiều sản phẩm để xóa một lần bằng cách đánh dấu vào các ô nằm ở đầu sản phẩm hoặc bạn có thể nhấn vào chọn tất cả để xóa toàn bộ sản phẩm trong giỏ hàng khi nhấn xóa.

Xóa sản phẩm bằng cách đưa số lượng sản phẩm về 0.

Bạn có thể nhấn vào “ Bỏ sản phẩm khơng hoạt động” để xóa các sản phẩm đã ngừng hoạt động như hết hàng, ngừng bán…

<b>6.1.3Thay đổi số lượng sản phẩm trong giỏ hàng</b>

Để mua nhiều hơn một sản phẩm cụ thể, bạn có thể tăng số lượng sản phẩm trong giỏ hàng. Trên giao diện giỏ hàng, bạn sẽ thấy số lượng sản phẩm hiện tại của mỗi sản phẩm và sẽ có biểu tượng "+" kế bên. Bạn có thể nhấp vào biểu tượng "+" để tăng số lượng sản phẩm hoặc thay đổi số lượng trong ô nhập liệu đồng thời sẽ hiển thị thông báo nếu số lượng nhập vào quá lớn. Số lượng và tổng tiền sẽ được cập nhật tức thì.

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

Để mua nhiều hơn một sản phẩm cụ thể, bạn có thể giảm số lượng sản phẩm trong giỏ hàng. Trên giao diện giỏ hàng, bạn sẽ thấy số lượng sản phẩm hiện tại của mỗi sản phẩm và sẽ có biểu tượng "-" kế bên. Bạn có thể nhấp vào biểu tượng "-" để giảm số lượng sản phẩm hoặc thay đổi số tự động trong ô nhập liệu. Số lượng và tổng tiền sẽ được cập nhật tức thì.

<b>6.1.4Thay đổi phân loại hàng</b>

Nó cho phép bạn sửa lại phân loại của sản phẩm trong giỏ hàng như màu sắc, kích thước,… mà không cần vào lại trang chi tiết sản phẩm để thêm lại loại sản phẩm khác.

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

<b>6.2 Tìm kiếm sản phẩm</b>

<b>6.2.1 Tìm kiếm</b>

Người dùng muốn sử dụng chức năng tìm kiếm thì ở bất kỳ trang nào của Ashopmart thấy ơ tìm kiếm ở trên cùng của trang hoặc trong menu điều hướng.

Nếu người dùng nhấn Enter hoặc biểu tượng tìm kiếm mà khơng nhập từ khóa thì website sẽ chuyển liên kết đến trang sự kiện mà Ashopmart muốn quảng cáo ngày hơm đó.

Người dùng nhấn vào khung tìm kiếm thì các kết quả đã từng tìm kiếm sẽ hiển thị ngay lập tức, người dùng có thể chọn lại các sản phẩm đã từng tìm kiếm.

Khi người dùng nhập từ khoá, các kết quả tương tự sẽ hiển thị ngay lập tức, người dùng có thể chọn theo gợi ý của ứng dụng hoặc nhấn Enter hoặc biểu tượng tìm kiếm .

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<b>6.2.2 Lọc và sắp xếp kết quả</b>

Ứng dụng hiển thị danh sách các sản phẩm phù hợp với từ khóa tìm kiếm của người dùng. Mỗi sản phẩm được trình bày với hình ảnh, giá cả, xếp hạng đánh giá, và tên người bán.

Người dùng có thể sử dụng một trong các tùy chọn Sắp xếp theo:

● Liên quan

● Mới nhất

● Bán chạy

● Giá

Khi sử dụng thì kết quả hiển thị sẽ hiệu quả hơn với mục đích sử dụng.

Và người dùng muốn tìm kiếm nâng cao và có chọn lọc hơn thì tiếp tục sử dụng bộ lọc tìm kiếm. Người dùng có thể chọn nhiều bộ lọc để kết hợp với nhau cụ thể hơn bao gồm:

● Theo Danh Mục

</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">

● Nơi Bán

● Đơn Vị Vận Chuyển

● Thương Hiệu

</div><span class="text_page_counter">Trang 14</span><div class="page_container" data-page="14">

● Khoảng Giá

● Loại Shop

● Tình Trạng

● Đánh Giá

</div><span class="text_page_counter">Trang 15</span><div class="page_container" data-page="15">

● Dịch Vụ & Khuyến Mãi

Với mỗi một bước chọn bộ lọc và hủy chọn bộ lọc thì website sẽ cập nhật kết quả tìm kiếm liên tục và hiển thị cho người dùng nhìn thấy.

<b>6.2.3 Chi tiết sản phẩm</b>

Khi người dùng bấm vào một sản phẩm trong danh sách kết quả tìm kiếm, người dùng sẽ được chuyển đến trang chi tiết sản phẩm. Tại đây, người dùng có thể xem thơng tin chi tiết về sản phẩm, đánh giá từ người mua khác, mô tả chi tiết, và thông tin về người bán.

</div><span class="text_page_counter">Trang 16</span><div class="page_container" data-page="16">

<b>6.3Hỗ trợ</b>

<b>6.3.1 Xem câu hỏi thường gặp</b>

Khi người dùng truy cập vào trang chính của Ashopmart, người dùng sẽ thấy liên kết “Hỗ trợ” ở trên góc bên phải của trang thương mại điện tử.

Sau khi người dùng truy cập vào liên kết trên, website sẽ chuyển tiếp tới trang Hỗ trợ. Các câu hỏi này được tổ chức thành từng danh mục hoặc chủ đề giúp bạn tìm kiếm thơng tin một cách dễ dàng hơn.

</div><span class="text_page_counter">Trang 17</span><div class="page_container" data-page="17">

Khi bạn nhấn vào một danh mục thì nó sẽ chuyển tiếp đến trang chứa danh sách danh mục và các danh mục chi tiết trong danh mục đó.

Ở phần Câu hỏi thường gặp, trang sẽ hiển thị danh sách các câu hỏi phổ biến và vấn đề mà người dùng thường gặp phải.

</div><span class="text_page_counter">Trang 18</span><div class="page_container" data-page="18">

Người dùng có thể nhấn vào tiêu đề câu hỏi để xem nội dung chi tiết.

</div><span class="text_page_counter">Trang 19</span><div class="page_container" data-page="19">

<b>6.3.2 Tìm kiếm thơng tin</b>

Sau khi đã ở trang Hỗ trợ của Ashopmart, người dùng nhấn vào ơ tìm kiếm để nhập từ khóa hoặc câu hỏi cụ thể mà bạn muốn tìm hiểu.

Sau khi người dùng đã nhập từ khóa tìm kiếm, nhấn biểu tượng tìm kiếm để bắt đầu quá trình tìm kiếm. Hệ thống sẽ tìm kiếm thơng tin liên quan đến từ khóa của bạn. Ví dụ, nếu bạn đang gặp vấn đề với việc đổi/trả hàng, bạn có thể nhập "đổi/trả hàng" hoặc "làm thế nào để đổi hàng."

</div><span class="text_page_counter">Trang 20</span><div class="page_container" data-page="20">

Trang sẽ hiển thị kết quả tìm kiếm với danh sách các bài viết hoặc câu hỏi có liên quan. Mỗi kết quả tìm kiếm sẽ có tiêu đề và mơ tả ngắn. Xem danh sách kết quả tìm kiếm và chọn kết quả mà người dùng nghĩ sẽ giúp giải quyết vấn đề của bản thân. Nhấp vào tiêu đề hoặc kết quả để xem nội dung chi tiết.

</div><span class="text_page_counter">Trang 21</span><div class="page_container" data-page="21">

Nội dung chi tiết cung cấp hướng dẫn hoặc bước giải quyết vấn đề, làm theo hướng dẫn cụ thể đã được cung cấp.

<b>6.3.3 Liên hệ hỗ trợ khách hàng</b>

Sau khi đã ở trang Hỗ trợ của Ashopmart, người dùng có thể nhìn thấy một số phương thức liên hệ trực tuyến như:

- Cuộc gọi điện thoại: Người dùng có thể gọi điện thoại để liên hệ với đội hỗ trợ khách hàng. Khi thực hiện cuộc gọi để tương tác người dùng sẽ nhận được hỗ trợ và hướng dẫn cụ thể từ đội hỗ trợ.

</div><span class="text_page_counter">Trang 22</span><div class="page_container" data-page="22">

-Trị chuyện trực tuyến: Nếu có tùy chọn này, bạn có thể bắt đầu cuộc trị chuyện trực tuyến với đại diện hỗ trợ khách hàng.

<b>6.4Quản lý đơn hàng</b>

<b>6.4.1 Hiển thị danh sách đơn hàng</b>

Mô tả: Chức năng này cho phép người dùng xem danh sách các đơn hàng của họ trên ứng dụng Ashopmart. Danh sách này cung cấp thông tin cơ bản về các đơn hàng đã đặt hàng trước đó, bao gồm các thông tin như mã đơn hàng, tên sản phẩm, ngày đặt hàng, giá trị đơn hàng và tình trạng hiện tại.

</div><span class="text_page_counter">Trang 23</span><div class="page_container" data-page="23">

Khi bạn đã đăng nhập vào ứng dụng Ashopmart, trên giao diện người dùng sẽ hiển thị danh sách đơn hàng. Để tối ưu trải nghiệm, bạn có thể sử dụng tính năng lọc để thuận tiện tìm kiếm theo tình trạng đơn hàng (ví dụ: "Đang vận chuyển," "Đã giao hàng," "Hồn thành") hoặc theo khoảng thời gian đặt hàng (ví dụ: "Trong 7 ngày gần đây").

Bạn cũng có thể tìm kiếm đơn hàng theo mã đơn hàng, ngày đặt, tên sản phẩm, tên cửa hàng

Để giữ cho quá trình quản lý đơn hàng trở nên thuận lợi, bạn cũng có thể đánh dấu các đơn hàng quan trọng hoặc cần lưu ý.

Mỗi mục trong danh sách đơn hàng sẽ hiển thị các thông tin chi tiết như sau:

 Mã Đơn hàng: Mã duy nhất để nhận diện đơn hàng.

 Tên Sản phẩm: Tên sản phẩm đã được đặt hàng.

 Ngày Đặt hàng: Ngày và giờ mà đơn hàng được đặt.

 Giá trị Đơn hàng: Tổng giá trị của đơn hàng, bao gồm giá sản phẩm, phí vận chuyển và thuế (nếu có)

 Tình trạng Hiện tại: Tình trạng hiện tại của đơn hàng, như "Đang vận chuyển," "Đã giao hàng," "Hoàn thành," hoặc "Chờ xử lý."

<b>6.4.2 Xem chi tiết đơn hàng</b>

Mô tả: Chức năng này cho phép người dùng xem chi tiết về một đơn hàng cụ thể mà họ đã đặt hàng trên ứng dụng Ashopmart. Chi tiết đơn hàng bao gồm thông tin về sản phẩm, số lượng, địa chỉ giao hàng, thơng tin vận chuyển (nếu có), và lịch sử cập nhật tình trạng đơn hàng.

</div><span class="text_page_counter">Trang 24</span><div class="page_container" data-page="24">

Để truy cập chức năng này, người dùng có thể nhấp vào một đơn hàng cụ thể từ danh sách đơn hàng trên giao diện Theo dõi Đơn hàng. Chi tiết đơn hàng cần bao gồm các thông tin sau:

 Tên Sản phẩm:Tên sản phẩm đã được đặt hàng.  Mã Sản phẩm: Mã sản phẩm (nếu có).

 Số lượng: Số lượng sản phẩm trong đơn hàng.  Giá sản phẩm: Giá của mỗi sản phẩm.

 Tổng giá trị Đơn hàng:Tổng giá trị đơn hàng, tính từ giá sản phẩm, phí vận chuyển, và thuế (nếu có).  Ngày Đặt hàng: Ngày và thời gian mà đơn hàng đã được đặt.

 Địa chỉ Giao hàng: Địa chỉ giao hàng đầy đủ với thông tin liên hệ của người nhận.

 Thơng tin Vận chuyển (nếu có): Thơng tin về dịch vụ vận chuyển, bao gồm tên dịch vụ, mã vận đơn (nếu có), và dự kiến ngày giao hàng.

 Lịch sử cập nhật Tình trạng Đơn hàng: Danh sách các sự kiện và cập nhật liên quan đến đơn hàng, với thời gian và mơ tả chi tiết. Ví dụ: "Đã xác nhận," "Đang vận chuyển," "Đã giao hàng," "Hoàn thành."

Người dùng có thể xem thơng tin chi tiết về sản phẩm bằng cách nhấp vào một sản phẩm cụ thể trong đơn hàng. Chi tiết sản phẩm sẽ bao gồm tên sản phẩm, mơ tả, hình ảnh, giá, và số lượng.

Nếu có các tùy chọn khác nhau cho sản phẩm, như kích thước hoặc màu sắc, người dùng cũng có thể thấy các tùy chọn này trong chi tiết sản phẩm khi đơn hàng ở trạng thái “Chờ thanh tốn”.

Trong trạng thái “Đang vận chuyển”, người dùng có thể thay đổi địa chỉ giao hàng và cập nhật chi phí giao hàng sau khi thay đổi. Người dùng cũng có thể chia sẻ thơng tin đơn hàng để giới thiệu sản phẩm của nền tảng với người khác bằng cách nhấn vào nút hoặc liên kết chia sẻ.

Cuối cùng, người dùng có thể đánh giá các đơn hàng đã ở trạng thái “Đã hoàn thành” để chia sẻ ý kiến và trải nghiệm về sản phẩm.

<b>6.4.3 Hủy đơn hàng</b>

Mô tả: Chức năng này cho phép người dùng hủy một đơn hàng đã đặt hàng trước đó trong ứng dụng Ashopmart Clone. Điều này giúp người dùng quản lý và điều chỉnh đơn hàng của họ dựa trên nhu cầu thay đổi hoặc sự cố không mong muốn.

</div>