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

<b>HÀNH FPT-POLYTECHNIC HÀNỘI</b>

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

LỜI CẢM ƠN

Chúng em xin chân thành cảm ơn Khoa Công nghệ thông tin trường Cao đẳngThực hành FPT Polytechnic đã tạo điều kiện thuận lợi cho chúng em tiếp tục quá trìnhhọc tập tại nhà trường.

Chúng em xin chân thành cảm ơn đến quý Thầy/Cô Khoa Công nghệ thơng tin đãln tận tình chỉ dạy cho chúng em những điều hay, những kiến thức bổ ích. Trang bị chochúng em những kiến thức quý báu khi ra ngoài cuộc sống mới.

Chúng em xin bày tỏ lòng biết ơn sâu sắc đến thầy Vương Minh Thái, đã tận tìnhhướng dẫn, đề xuất ý tưởng, hướng giải quyết khi chúng em gặp khó khăn, giúp chúngem hồn thành đề tài đúng tiến độ.

Và hơn hết, chúng con cũng xin gửi những lời cảm ơn chân thành nhất đến ba mẹ,người đã tạo điều kiện về mặt vật chất cũng như tinh thần, động viên, khích lệ, hỗ trợchúng con trong suốt thời gian qua. Chúng em xin chân thành cảm ơn đến sự quan tâmgiúp đỡ và ủng hộ của anh chị, bạn bè trong suốt quá trình thực hiện đề tài.

Dù đã cố gắng hoàn thành đề tài trong những phạm vi và khả năng cho phép,nhưng cũng khơng tránh khỏi những thiếu sót. Chúng em rất mong nhận được sự thơngcảm, góp ý và tận tình chỉ bảo của quý Thầy/Cô và các bạn.

Em xin chân thành cảm ơn!

Hà Nội, ngày 01 tháng 12 năm 2023Sinh viên thực hiện

Sinh viên 1: Trần Minh Hoàng ĐạiSinh viên 2: Hà Thế Bảo

Sinh viên 3: Phạm Khánh Long

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

MỤC LỤC

Contents

<small>CHƯƠNG 3:PHÂN TÍCH THIẾT KẾ...8</small>

<small>3.1.Phân tích User Case...8</small>

<small>3.1.1.Phân quyền Actor...8</small>

<small>3.1.2.Phân tích các User Case của hệ thống...8</small>

<small>3.1.3.Biểu đồ User Case tổng quát...10</small>

<small>3.1.4.Biểu đồ User Case phân rã...11</small>

<small>CHƯƠNG 4 THIẾT KẾ HỆ THỐNG...17</small>

<small>4.1.Giao diện Admin...17</small>

<small>4.2.Giao diện Client...24</small>

<small>CHƯƠNG 5: XÂY DỰNG CƠ SỞ DỮ LIỆU...28</small>

<small>5.1.Cơ sở dữ liệu...28</small>

<small>5.2.Chi tiết cơ sở dữ liệu...29</small>

<small>KẾT LUẬN...33</small>

<small>1. Mức độ hoàn thành dự án...33</small>

<small>2. Những khó khăn gặp phải và cách giải quyết...33</small>

<small>3. Những bài học rút ra sau khi làm dự án...33</small>

<small>4. Hướng phát triển dự án trong tương lai...34</small>

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

PRO1014 – Báo cáo AssignmentCHƯƠNG 1: TỔNG QUAN DỰ ÁN1.1.Lý do chọn đề tài

- Thương mại điện tử đang là là xu hướng đối với thế giới, để dễ dàng tiếp cận ngành thương mại điện tử ta cần phải có cơng cụ hỗ trợ, chúng em nhận ra rằng việc tạo lập 1 webite bán hàng là 1 điều cần thiết để làm điều đó

- Việc tạo ra 1 website bán hàng giúp cho chúng ta dễ dàng chuyển đổi số từ bán hàng truyền thống sang bán hàng online

- Để dễ tiếp cận nhiều khách hàng chúng em chọn đề tài: Xây dựng trang website bán quần áo.

1.2.Mục tiêu đề tài

- Khi bắt đầu làm đề tài mục tiêu của chúng em là:

o Bên người dùng có thể: mua hàng , đặt hàng , thanh toán , xem đơn hàng ,xem giỏ hàng , quản lí thơng tin (sdt, địa chỉ, emai,…)

o Bên người quản lí có thể: quản lí được tất cả sản phẩm, quản lí được đơnhàng, quản lí tài khoản , thống kê doanh thu ,….

1.3.Các công cụ và công nghệ sử dụng1.3.1Các công cụ sử dụng

<b>your phone? Save to</b>

read later on yourcomputer

Save to a Studylist

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

- Thiết kế giao diện và phát triển website

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

CHƯƠNG 2: KHẢO SÁT HỆ THỐNG2.1.Thống kê khảo sát

<small> Hình ảnh 1 : Loại hàng hóa, dịch vụ thường được mua trên mạng</small>- Các hệ thơng tương tự:

<small>Hình ảnh 2: Website bán hàng MOJI</small>- Điểm mạnh:

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

o Trải nhiệm mượi mà dễ dàngo Thông tin đầy đủ chi tiếto Thanh tốn nhanh chóng- Điểm yếu

o Bố trí nội dung chưa hợp lío Đăng ký đăng nhập cịn khó khăn2.2.Xác định vấn đề

- Qua việc thống kê và khảo sát các hệ thông tương tự chúng em đã xác định được: tạo 1 website cần phải có bố cục rõ ràng đầy đủ các chức năng mua hàng, dễ dàng cho việc sử dụng để cho khách hàng có thể trải nghiệm từng chức năng 1 cách tốt nhất

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

CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ3.1.Phân tích User Case

3.1.1.Phân quyền Actor

<small>- Quản lí khách hàng- Quản lí sản phẩm- Quản lí đơn hàng- Quản lí danh mục- Quản lí bình luận- Quản lí ngưởi dùng- Quản lí khuyến mại</small>

<small>- Quản lí hệ thống (Tên , logo , địa chỉ , số điện thoại)- Quản lí liên hệ</small>

<small>- Quản lí sản phẩm biến thể(màu sắc kính thước )- Quản lí tin tức</small>

<small>- Xem khách hàng- Xem sản phẩm- Xem đơn hàng- Xem danh mục- Xem bình luận- Xem ngưởi dùng</small>

<small>- Xem hệ thống (Tên , logo , địa chỉ , số điện thoại)- Xem liên hệ</small>

<small>- Xem sản phẩm biến thể(màu sắc kính thước )- Xem tin tức</small>

<small>- Quản lí sản phẩm</small>

<small>- Đăng kí- Đăng nhập- Bình luận- Mua hàng- Thanh toán- Danh sách đơn hàng</small>

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

3.1.2.Phân tích các User Case của hệ thống

<small>1Đăng nhập</small> ^{Chức năng này để người quản lí , nhân viên và người}_{dùng đăng nhập sử dụng hệ thống}

<small>sản phẩm</small>

<small>3</small> ^{Quản lí tài khoản} _{khoản, thơng tin cá nhân và vai trò của nhân viên và}^{Chức năng dành cho người quản lí có thể quản lí tài}<small>khách hàng</small>

<small>4</small> ^{Quản lí hệ thống} _{thống và khách hàng có thể xem thơng tin hệ thống}^{Chức năng dùng để người quản lí có thể quản lí hệ}

<small>5</small> ^{Quản lí danh mục} <small>danh mục , nhân viên xem danh sách và thông tin chi</small>^{Chức năng này để người quản lí có thể thêm sửa xóa}<small>tiết danh mục</small>

<small>6</small> ^{Quản lí liên hệ} ^{Chức năng được xây dựng để người dùng có thể liên hệ}<small>hoặc phản hồi thông tin liên quan đến sản phẩm7 </small> ^{Quản lí giở hàng} ^{Chức năng được dây dựng để giúp khách hàng có thể}<small>mua nhiều sản phẩm cùng 1 lúc 8</small> ^{Quản lí khuyến mại} <small>khuyến mãi, khách hàng có thể xem danh sách khuyến</small>^{Chức năng này để người quản lí có thể quản lí mã}

<small>9</small> ^{Quản lí mua hàng và thanh tốn} <small>có thể xem thơng tin hàng hóa dựa vào đó có thể thống</small>^{Chức năng giúp ngườ dùng cso thể mua hàng , admin}<small>kê doanh thu</small>

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

3.1.3.Biểu đồ User Case tổng quát

<small>Hình ảnh 3: Biểu đồ User Case tổng quát</small>

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

3.1.4.Biểu đồ User Case phân rã

<small>Hình ảnh 4: User Case Đăng nhập</small>

<small>Hình ảnh 4: User Case đăng kí</small>

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

<small>Hình ảnh 5: User Case quản lí khách hàng</small>

<small>Hình ảnh 6: User Case quản lí sản phẩm</small>

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

<small>Hình ảnh 7: User Case quản lí danh mục</small>

<small>Hình ảnh 8: User Case quản lí đơn hàng</small>

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

<small>Hình ảnh 9: User Case quản lí liên hệ</small>

<small>Hình ảnh 10: User Case quản lí hệ thống</small>

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

<small>Hình ảnh 11: User Case quản lí mua hàng và thanh tốn</small>

<small>Hình ảnh 12: User Case quản lí khuyễn mãi</small>

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

3.1.5.Biểu đồ User flow

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

CHƯƠNG 4: THIẾT KẾ HỆ THỐNG4.1.Giao diện Admin

<small>Hình ảnh 13: Giao diện chính của Admin</small>

<small>Hình ảnh 15: Quản lí danh mục</small>

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

<small>Hình ảnh 16: Quản lí sản phẩm</small>

<small>Hình ảnh 17: Quản lí biến thể sản phẩm</small>

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

<small>Hình ảnh 18: Quản lí khách hàng</small>

<small>Hình ảnh 19: Quản lí người dùng</small>

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

<small>Hình ảnh 20: Quản lí chức vụ</small>

<small>Hình ảnh 21: Quản lí bình luận</small>

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

<small>Hình ảnh 22: Quản lí thơng tin hệ thống</small>

<small>Hình ảnh 23: Quản lí banner</small>

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

<small>Hình ảnh 24: Quản lí tin tức</small>

<small>Hình ảnh 25: Quản lí khuyến mại</small>

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

<small>Hình ảnh 26: Quản lí liên hệ</small>

<small>Hình ảnh 27: Quản lí đơn hàng</small>

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

4.2.Giao diện Client

<small>Hình ảnh 28: Trang chủ</small>

<small>Hình ảnh 29: Trang danh mục sản phẩm</small>

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

<small>Hình ảnh 30: Trang tin tức</small>

<small>Hình ảnh 31: Trang liên hệ</small>

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

<small>Hình ảnh 32: Trang đăng kí đăng nhập</small>

<small>Hình ảnh 33: Trang giở hàng</small>

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

<small>Hình ảnh 34: Trang thanh tốn</small>

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

CHƯƠNG 5: XÂY DỰNG CƠ SỞ DỮ LIỆU5.1.Cơ sở dữ liệu

<small>Hình ảnh 35: Cơ sở dữ liệu</small>

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

5.2.Chi tiết cơ sở dữ liệu

Bảng hệ thống :

<small>Tên trườngKiểu dữ liệuMô tả</small>

<small>gNVARCHAR(225) tên cửa hàng</small>

<small>SđtNVARCHAR(225) số điện thoại</small>

<small>EmailNVARCHAR(225) email</small>

<small>DiachiNVARCHAR(225) địa chỉ</small>

Bảng tin tức:

<small>Tên trườngKiểu dữ liệuMô tả</small>

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

<small>tứcnoi_dungNVARCHAR(225)</small> ^{nội dung tin}<small>tứchinh_anhNVARCHAR(225)</small> ^{hình ảnh tin}<small>tứctrang_thaiNVARCHAR(225)</small> ^{trạng thái tin}<small>tức</small>

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

Bảng tài khoản :

<small>Tên Trường Kiểu dữ liệu Mô tảid_tkint(11)id tài khoảnuser_name NVARCHAR(50) tên người dùngPassNVARCHAR(50) mật khẩu tài khoảnho_tenNVARCHAR(50) hộ tên người dùngngay_sinhdatengày sinh người dùngStdNVARCHAR(10) số điện thoại người dùngEmailNVARCHAR(50) email người dùng dia_chiVARCHAR(225) đỉa chỉ người dùngtrang_thaivarchar(10)trạng tháiid_chuc_vu int(11)chuc vụ tài khoản</small>

Bảng liên hệ :

<small>id_userintid khách hàngnoi_dungnvarchar nội dungtrang_thainvarchar trạng thái liên hệ</small>

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

Bản hóa đơn :

<small>Tên trường Kiểu dữ liệu Mơ tả Idint(11)id của hóa đơn tong_hdint(11)Tơng hóa đơnten_khvarchar(225) Tên khách hàngdia_chivarchar(225) Địa chỉ nhận hàngstdvarchar(10) Số dt khách hàngemailvarchar(50)Email khách hàngngay_datdateNgày đặt hàng</small>

<small>trạng thái đơn hàng("0.Đơn hàng mới1.Đang chuẩn bị</small>

<small>2.Đang giao3.Hoàn tất đơn hàng")ghi_chutextghi chú đơn hàngpt_thanhtoa</small>

<small>id_userint(11)id khách hàngid_kmint(11)id khuyến mãi</small>

Bảng khuyến mãi :

<small>Tên trường Kiểu dữ liệu Mô tả </small>

<small>ma_kmnvarcharmã khuyến mạiten_kmvarchar(250) tên khuyễn mãiphan_tram_k</small>

<small>mintphần trăm khuyến mạibat_daudatengày bắt đầu khuyến mạiket_thucdatengày kết thúc khuyến mại</small>

<small>Motanvarcharmơ tả trương trình khuyến mạiTrangthaibittrạng thái </small>

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

KẾT LUẬN

1. Mức độ hoàn thành dự án

So với mục tiêu đề ra ban đầu thì nhóm thì mức độ hồn thành đạt85%. Còn nhiều phần đã lên ý tưởng phát triển song do thời gian cũng nhưnhân lực còn chưa đáp ứng đủ nên dự án khơng thể hồn thành mức 100% .ST

Nhiệm vụ hoành thành Mức độ hoàn thành1 Lên ý tưởng và khảo sát hệ thống 95%

3 Phân tích actor và use case cho hệ thống 80%

7 Test tất cả các chức năng của hệ thống 95%8 Hoàn thiện báo cáo và slide thuyết trình 100%

2. Những khó khăn gặp phải và cách giải quyết

Trong quá trình làm dự án với nhau, chúng em đã gặp một chút khó khăn và hạn chế song bên cạnh đó chúng em đã có hướng đi và cách khắc phục để dự án hoàn thiện tốt hơn.

<small>Conflicts khi ghép code trên githubTổ chức họp nhóm tìm hướng giải quyếtMột số chức năng chưa tìm được hướng giải </small>

<small>quyết tối ưu</small>

<small>Nhờ gợi ý từ GVHD Tạ Văn Định</small>

3. Những bài học rút ra sau khi làm dự án

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

Trong q trình làm việc nhóm chung với nhau, chúng em rút ra được kinh nghiệm như sau:

<small>●</small> Tôn trọng ý kiến của người khác

<small>●</small> Giúp đỡ nhau trong công việc

<small>●</small> Các thành viên nên giao tiếp nhiều, công việc sẽ được giải quyết nhanh.

<small>●</small> Chủ động trong cơng việc: hồn thành cơng việc cá nhân, gặp vấn đề khó chủ động tìm kiếm sự giúp đỡ xung quanh.

<small>●</small> Trách nhiệm trong công việc: kiểm tra các đầu công việc của bản thân cẩn thận tránh phát sinh lỗi về sau.

4. Hướng phát triển dự án trong tương lai

Sau khi kết thúc dự án, kế hoạch phát triển trong tương lai của nhóm chúng em là tiếp tục nghiên cứu, tìm tịi để phát triển thêm các chức năng như:

<small>●</small> Thêm quảng cáo

<small>●</small> Thanh toán online (PayPal)

</div>