Đề Tài Xây Dựng Website Bán Bàn Ghế.pdf
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 (1.06 MB, 46 trang )
<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">
<b>HỌC THỦ DẦU MỘTKhoa Kỹ thuật - Công nghệ</b>
</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2"><b>3. Hướng tiếp cận của đề tài...2</b>
4. Ưu nhược điểm của đề tài...2
5. Ý nghĩa lí luận và ý nghĩa thực tiễn của đề tài...2
6. Cấu trúc của báo cáo...3
CHƯƠNG II: PHÂN TÍCH THIẾT KẾ VỚI UML...4
</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">Chương IV: XÂY DỰNG TRANG WEB BÁN BÀN GHẾ...26
1.Giao diện trang chủ dành cho khách hàng...26
1.1. Menu sản phẩm...26
1.2. Trang sản phẩm...27
1.3. Trang chi tiết sản phẩm...27
1.4. Trang Giỏ hàng...28
1.5.Trang thơng báo thanh tốn thành cơng...28
1.6.Trang thanh tốn bằng ngân hàng...29
1.7.Hóa đơn thanh tốn sản phẩm...29
1.8. Trang Đăng kí...30
1.9. Trang Đăng nhập...30
1.10. Trang Kết quả tìm kiếm...30
2. Giao diện dành cho ban quản trị...30
2.1. Trang đăng nhập Admin...31
2.2. Trang Admin...32
2.3. Trang quản lý Tài khoản QuảnTrị Viên...33
2.4. Trang thông tin Quản trị viên...33
2.5.Trang Quản lý tài khoản người dùng...34
2.6.Trang xem thông tin người dùng...35
2.7.Trang quản lý sản phẩm...35
2.8.Trang quản lý Đơn đặt hàng...36
Chương V: THỬ NGHIỆM VÀ ĐÁNH GIÁ CHƯƠNG TRÌNH...37
</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">2. Thử nghiệm...37
3. Đánh giá...37
Chương VI: KẾT LUẬN...38
TÀI LIỆU THAM KHẢO...39
</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">Bảng 5: Bảng Chi tiết hóa đơn...25
Bảng 6: Hóa đơn mua hàng...25
Hình ảnh 2: Biểu đồ usecase User...5
Hình ảnh 3: Biểu đồ usecase Admin...6
Hình ảnh 4: Usecase đăng nhập...6
Hình ảnh 5: Usecase đăng kí tài khoản...7
Hình ảnh 6: Usecase Xem thơng tin sản phẩm...8
Hình ảnh 7: Usecase đặt mua...9
Hình ảnh 8: Usecase thanh tốn...10
Hình ảnh 9: Usecase Tìm kiếm sản phẩm...11
Hình ảnh 10: Usecase Đăng nhập...12
Hình ảnh 11: Usecase Quản lý thơng tin...13
Hình ảnh 12: Biểu đồ tuần tự chức năng đăng kí...15
Hình ảnh 13: Biểu đồ tuần tự chức năng đăng nhập...15
Hình ảnh 14: Biểu đồ tuần tự chức năng đặt mua...16
Hình ảnh 15: Biểu đồ tuần tự chức năng thanh tốn...16
Hình ảnh 16: Biểu đồ tuần tự chức năng thêm sản phẩm...17
Hình ảnh 17: Biểu đồ tuần tự chức năng cập nhật thông tin sản phẩm...17
Hình ảnh 18:Biểu đồ tuần tự chức năng xóa sản phẩm...18
Hình ảnh 19: Biểu đồ tuần tự chức năng tìm kiếm...18
</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">Hình ảnh 28 Thanh tốn ngân hàng...29
Hình ảnh 29: Hóa đơn thanh tốn...29
Hình ảnh 35: Quản lý tài khoản Admin...33
Hình ảnh 36: Xem thơng tin Admin...33
Hình ảnh 37: Quản lý tài khoản người dùng...34
Hình ảnh 38:Thơng tin người dùng...35
Hình ảnh 39: Quản lý sản phẩm...35
Hình ảnh 40: Quản lý đơn hàng...36
</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7"><b>LỜI CẢM ƠN</b>
Em xin chân thành cảm ơn các thầy các cô trong Viện Kỹ thuật - Công nghệ đãtrang bị những kiến thức quý báu cho chúng em trong suốt quá trình học tập và làm đề tàitại Trường Đại học Thủ Dầu Một. Nhờ công lao giảng dạy, chỉ bảo tận tình của các thầycác cơ mà nhóm em đã có được những kiến thức chuyên ngành về công nghệ thông tin đểthực hiện đề tài này.
hướng dẫn, chỉ bảo, đưa ra những đóng góp ý kiến rất hữu ích và quý báu cho chúng emtrong suốt quá trình thực hiện đề tài này.Thầy đã hướng dẫn chúng em tiếp cận kiến thức,phát huy cho chúng em tính tự học tiếp cận đến khoa học công nghệ. Đồng thời trao dồicho chúng em kỹ năng học tập năng động và sáng tạo, giúp cho chúng em tiếp cận cácứng dụng thông minh trong thực tế một cách thiết thực hơn giúp chúng em hoàn thành đềtài.
Mặc dù đã cố gắng nỗ lực thực hiện đề tài với quyết tâm cao nhưng một phần hạnhẹp về thời gian và chưa nắm chắc kiến thức nên chắc hẳn đề tài khơng thể tránh khỏinhững thiếu sót. Nhóm chúng em rất mong nhận được những ý kiến đóng góp ý kiến củathầy cô và các bạn để đề tài của chúng em ngày càng hoàn thiện và hướng tới áp dụngthực tế hơn.Rất mong nhận được sự cảm thông, chia sẻ và tận tình đóng góp chỉ bảo củaq thầy cơ cũng như các bạn.
Em xin chân thành cảm ơn!
Thủ Dầu Một, tháng 11 năm 2023 Sinh viên thực hiện Phạm Tiến Quý
<b> Phạm Văn Đôn</b>
Trương Quang Linh
</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">Nhu cầu thị trường: Phân tích thấy nhu cầu mua bàn ghế trực tuyến đang tăng.Đam mê và sở thích: Sở thích về nội thất và thiết kế.
Cạnh tranh và lợi thế: Nhận thấy có thể tạo sự khác biệt trong thị trường.Trend thị trường: Thị trường nội thất trực tuyến đang phát triển.
Chất lượng và giá cả: Cam kết cung cấp bàn ghế chất lượng với giá cả hợp lý.Đối tượng mục tiêu: Hiểu rõ đối tượng mục tiêu và đáp ứng nhu cầu của họ.Kiến thức và kỹ năng: Sở hữu kiến thức và kỹ năng cần thiết để thành công trongdự
<b>3. Hướng tiếp cận của đề tài.</b>
Đề tài hướng đến các cửa hàng bán bàn ghế có quy mơ vừa và nhỏ.
<b>4. Ưu nhược điểm của đề tài.</b>
Ưu điểm
- Giao diện thân thiện, dễ sử dụng.- Mua bán sản phẩm trực tiếp trên Website.- Tìm kiếm thơng tin sản phẩm nhanh chóng, dễ dàng.
- Thống kê bán hàng, nhập hàng, sản phẩm một cách nhanh chóng, chính xác.- Cập nhật những mẫu thời trang mới nhất đến với khách hàng nhanh chóng.Nhược điểm
- Tốc độ xử lý cịn chậm.
</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9"><b>5. Ý nghĩa lí luận và ý nghĩa thực tiễn của đề tài.</b>
<b>- Giúp nhóm em hiểu rõ về quy trình và nghiệp vụ bán hàng trực tuyến.</b>
<b>- Tiếp cận và làm quen với các yêu cầu thực tế của cửa hàng cho một Website bán </b>
<b>- Ứng dụng đề tài vào quá trình bán hàng trực tuyến cho các cửa hàng vừa và nhỏ.- Nâng cấp Website để phục vụ các yêu cầu trong quá trình bán hàng của cửa hàng.6. Cấu trúc của báo cáo.</b>
- Nhận xét của giáo viên hướng dẫn.- Mục lục.
- Lời nói đầu.- Lời cảm ơn.
<b>Phần I: Mở đầu</b>
1.1. Tên đề tài.1.2. Lý do chọn đề tài.1.3. Hướng tiếp cận của đề tài.1.4. Ưu khuyết điểm của đề tài.
1.5. Ý nghĩa lý luận và ý nghĩa thực tiễn của đề tài1.6. Cấu trúc của báo cáo
<b>Phần II: Nội dung</b>
Chương I: Khảo sát, xác định yêu cầu, phân tích, hệ thốngChương II: Phân tích thiết kế với UML
- Biểu đồ Usecase- Biểu đồ lớp- Biểu đồ tuần tự
- Biểu đồ phân cấp chức năng.Chương III: Thiết kế CSDL
- Các bảng dữ liệu- Mô hình thực thể liên kết- Mơ hình dữ liệu quan hệ
Chương IV: Phân tích, thiết kế chương trình: mơ tả giao diện
<b>Phần III: thực nghiệm, đánh giá kết quả và hướng phát triển</b>
- Tài liệu tiếng việt
</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">- Tài liệu tiếng anh
<b>CHƯƠNG II: PHÂN TÍCH THIẾT KẾ VỚI UML</b>
<b>1. Biểu đồ usecaseDanh sách các ActorST</b>
Là những người truy cập vào website, có thể đăng kílàm thành viên hoặc khơng. Người dùng chỉ có mộtsố quyền nhất định đối với website
Bảng 1: Danh sách các Actor
<b>Danh sách các UsecaseST</b>
của User hoặc Admin
thành viên của User
website của User
</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">quản lý User, sản phẩm, nhà cung cấp của Admin
UC này mơ tả chức năng tìm kiếm các thông tinnhư: sản phẩm, khách hàng, nhà cung cấp, hãng sảnxuất của Admin
Bảng 2: Danh sách các Usecase
<b>1.1. Đặc tả usecase mức tổng quát1.1.1. Biểu đồ usecase tổng quát</b>
Hình ảnh 1: Biểu đồ usecase tổng quát
<b>1.1.2. Biểu đồ usecase User</b>
</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">Hình ảnh 2: Biểu đồ usecase User
<b>1.1.3. Biểu đồ usecase Admin</b>
Hình ảnh 3: Biểu đồ usecase Admin
<b>1.2. Đặc tả usecase</b>
<b>1.2.1. Đặc tả Usecase đăng nhập (User)</b>
Hình ảnh 4: Usecase đăng nhập
</div><span class="text_page_counter">Trang 13</span><div class="page_container" data-page="13">1. Tên UC:Đăng nhập
thống website bán hàng bằng tài khoản vàmật khẩu đã đăng ký.
Hệ thống hiển thị trang chủ của hệthống. Sau khi đăng nhập thànhcơng, Người dùng có thể thực hiệncác chức năng tương ứng vớiquyền đăng nhập của mình, như làthanh toán tiền, gửi ý kiến phảnhồi.
Trường hợp đăng nhập thất bại: Hệthống đưa ra thông báo đăng nhậpkhông thành công và hiển thị trangchủ.
7. Luồng sự kiện:
nhập từ trang chủ của website2. Trang chủ sẽ mở đến trang đăng
3. Người dùng nhập tài khoản củamình (bao gồm tên đăng nhập vàmật khẩu)
4. Hệ thống xác nhận thông tin đăngnhập
5. Hiển thị thông báo6. Kết thúc Usecase
</div><span class="text_page_counter">Trang 30</span><div class="page_container" data-page="30"><b>1.2. Bảng Chi tiết đơn hàng </b>
<b>1.3. Bảng Mã đơn hàng .</b>
<b>1.4. Bảng Admin</b>
</div><span class="text_page_counter">Trang 31</span><div class="page_container" data-page="31"><b>1.5. Bảng Mã SP.</b>
<b>1.6. Bảng Quản trị </b>
<b>1.7. Bảng Mã chất liệu .</b>
</div><span class="text_page_counter">Trang 32</span><div class="page_container" data-page="32"><b>1.8. Bảng Loại SP</b>
<b>1.9. Bảng Kích thước.</b>
<b>1.10. Bảng Mã đơn hàng </b>
</div><span class="text_page_counter">Trang 33</span><div class="page_container" data-page="33"><b>Chương IV: XÂY DỰNG TRANG WEB BÁN BÀN GHẾ</b>
Giao diện chính của chương trình bao gồm 2 phần : Phần dành cho nguời quản trị vàphần dành cho khách hàng.
<b>1.Giao diện trang chủ dành cho khách hàng.</b>
</div><span class="text_page_counter">Trang 34</span><div class="page_container" data-page="34"><b>1.2. Trang sản phẩm</b>
Hình ảnh 24: Sản phẩm
Trang sản phẩm hiển thị thông tin của tất cả các sản phẩm theo yêu cầu củakhách hàng bao gồm ảnh sản phẩm, tên sản phẩm và giá. Muốn xem thêm cácthông tin chi tiết của sản phẩm, khách hàng chỉ cần click vào ảnh sản phẩm hoặc
<b>tên sản phẩm để liên kết đến trang Chi tiết sản phẩm.</b>
<b>1.3. Trang chi tiết sản phẩm</b>
Hình ảnh 25: Chi tiết sản phẩm
Trang chi tiết sản phậm hiển thị các thông tin chi tiết của sản phẩm như trên.Bên dưới là các sản phẩm cùng loại bàn ghế với sản phẩm mà khách hàng lựachọn để khách hàng có thêm sự lựa chọn. Sau khi đã xem chi tiết các thông tin về
<b>sản phẩm, nếu ưng ý khách hàng điền đầy đủ thơng tin sau đó nhấn nút Thêm</b>
<b>vào giỏ hàng để cho sản phẩm vào giỏ hàng của mình chờ thanh tốn.</b>
</div><span class="text_page_counter">Trang 35</span><div class="page_container" data-page="35"><b>1.4. Trang Giỏ hàng</b>
Hình ảnh 26: Giỏ hàng
Giỏ hàng là trang lưu trữ các sản phẩm mà khách hàng đã chọn mua. Tại đâykhách hàng có thể:
- Sửa số lượng sau đó nhấn nút UPDATE
- Xóa sản phẩm: bằng cách click vào icon xóa thùng rác.
- Thanh toán: Khi bạn đã chắc chắn muốn mua các sản phẩm có trong giỏ
trình đặt mua sản phẩm
<b>1.5.Trang thơng báo thanh tốn thành cơng</b>
Hình ảnh 27: Thơng báo thanh tốn thành cơng
Khi nhấn Đắt hàng sẽ chuyển đến trang hiển thị thơng báo thanh tốn thành cơng.
</div><span class="text_page_counter">Trang 36</span><div class="page_container" data-page="36"><b>1.6.Trang thanh tốn bằng ngân hàng</b>
Hình ảnh 28: Thanh toán ngân hàng
Khi chọn phương thức chuyển khoản sẽ chuyển đến trang chọn phương thức thanh tốn qua VNPay.
<b>1.7.Hóa đơn thanh tốn sản phẩm</b>
Hình ảnh 29: Hóa đơn thanh tốn
Sau khi chọn phương thức thanh toán VNPay sẽ xuất ra hóa đơn sản phẩm.</div><span class="text_page_counter">Trang 37</span><div class="page_container" data-page="37"><b>1.8. Trang Đăng kí </b>
Hình ảnh 30: Đăng kí
Để đăng kí tài khoản khách hàng phải nhập đầy đủ các trường trong mụcthông tin tài khoản. Hệ thống khuyên bạn nên nhập các thơng tin cá nhân để tiệncho q trình thanh tốn.
<b>1.9. Trang Đăng nhập</b>
Hình ảnh 20: Đăng nhập
- Khách hàng có thể đăng nhập vào trang sau khi đã đăng ký thành cơng
<b>1.10. Trang Kết quả tìm kiếm</b>
</div><span class="text_page_counter">Trang 38</span><div class="page_container" data-page="38">Hình ảnh 22: Danh mục quản lý Admin
Khi Admin đăng nhập vào hệ thống có thể chọn các chức năng có trên thanh Menu để tương tác với hệ thống.
<b>2.1. Trang đăng nhập Admin.</b>
Hình ảnh 23: Login admin
</div><span class="text_page_counter">Trang 39</span><div class="page_container" data-page="39">Admin có thể tiến hàng đăng nhập vào trang chức năng admin bắng cách chọn vào chức năng đăng nhập sau đó đăng nhập vào tài khoản có phân quyền admin.
<b>2.2. Trang Admin</b>
Hình ảnh 24: Trang chủ admin
Admin sau khi đăng nhập sẽ được chuyển đến Trang chủ của admin, ở đây admincó thể chọn các chức năng có bên thanh menu đề tương tác với hệ thống.
</div><span class="text_page_counter">Trang 40</span><div class="page_container" data-page="40"><b>2.3. Trang quản lý Tài khoản QuảnTrị Viên</b>
Hình ảnh 25: Quản lý Tài khoản Quản trị viên
Khi truy cập vào trang quản lý Tài khoản Quản trị viên, admin có tồnquyền thêm, xóa, sửa Tài khoản Quản trị viên.
<b>2.4. Trang thông tin Quản trị viên</b>
</div><span class="text_page_counter">Trang 41</span><div class="page_container" data-page="41">Hình ảnh 26: Xem thơng tin Quản trị viên
Admin có thể xem thông tin của Quản trị viên bằng cách nhấn vào nút Xem thôngtin.
<b>2.5.Trang Quản lý tài khoản người dùng</b>
Hình ảnh 27: Quản lý tài khoản người dùng
Khi truy cập vào trang quản lý Tài khoản Ngươi dùng, admin có tồnquyền thêm, xóa, sửa Tài khoản Người dùng.
</div><span class="text_page_counter">Trang 42</span><div class="page_container" data-page="42"><b>2.6.Trang xem thơng tin người dùng.</b>
Hình ảnh 28 :Thơng tin người dùng
Admin có thể xem thơng tin của Người dùng bằng cách nhấn vào nút Xem thông tin.
<b>2.7.Trang quản lý sản phẩm.</b>
</div><span class="text_page_counter">Trang 44</span><div class="page_container" data-page="44"><b>Chương V: THỬ NGHIỆM VÀ ĐÁNH GIÁ CHƯƠNGTRÌNH.</b>
Các chức năng đã thiết kế chạy đúng và ổn định.
Tốc độ duyệt chương trình lần đầu tiên chưa thể nhanh vì giao diện quản trị đượcthiết kế hoàn toàn trên một trang asp.net.
</div><span class="text_page_counter">Trang 45</span><div class="page_container" data-page="45"><b>Chương VI: KẾT LUẬN</b>
Trong thời gian thực hiện đề tài, với sự cố gắng nỗ lực hết mình em đã hoànthành đề tài đúng thời gian quy định.
Kết quả đạt được:
Xây dựng thành công Website bán bán ghế có thể đáp ứng được u cầu củangười sử dụng.
Tìm hiểu tương đối kỹ về Website
Tìm hiểu tương đối căn bản và đầy đủ về ASP.Net, CSS, JavaScript, HTML....Phân tích thiết kế hệ thống tương đối đầy đủ.
Giao diện Website được thiết kế đơn giản, thân thiện và dễ sử dụngHạn chế:
Việc biểu diễn các thông tin trên Website chưa được linh hoạt.Các thao tác quản lý còn chậm, chưa nhanh so với winform.
Hạn hẹp về kiến thức và thời gian khiến cho sản phẩm vẫn chưa hoàn thiện.Giao diện Website cịn khá đơn giản, chưa có tính chun mơn hóa cao.Cơ sở dữ liệu cịn nghèo nàn, chưa phong phú.
Còn nhiều chức năng chưa được phát triển so với các Website đã có mặt trên thịtrường.
Sinh viên thực hiệnTrương Quang LinhPhạm Tiến QuýPhạm Văn Đôn
</div><span class="text_page_counter">Trang 46</span><div class="page_container" data-page="46"><b>TÀI LIỆU THAM KHẢO</b>
[1]. Dương Anh Đức, Giáo trình phân tích và thiết kế hướng đối tượng bằng UML.[2]. Huỳnh Anh Đức, Kỹ thuật và ứng dụng UML, NXB lao động.
[3].Nguyễn Tiến – Ngô Quốc Việt, Kỹ thuật và ứng dụng bằng UML, NXB thống kê. [4]. Giáo trình ASP.NET MVC 5 – Nhất Nghệ.
[5]. Website HiepsiIT: Hiệp sĩ IT (hiepsiit.com) .
</div>
