Đề tài báo cáo xây dựng trang web quản lý bán điện thoại

Khách hàng ở nhà hay tại công ty vẫn có thể dễ dàng tham khảo thông tin sản phẩm mình tìm, so sánh giá cả các mặt hàng và lựa chọn cho mình loại sản phẩm phù hợp nhu cầu của mình, giúp c

Giáo viên hướng dẫn Dương Thị Thuý

Hà Nội - 2023

MỤC LỤC

TRƯỜNG ĐẠI HỌC TÀI NGUYÊN VÀ MÔI TRƯỜNG HÀ NỘI KHOA

TIN……… 1

MỞ ĐẦU……….……… 5

1 Mô tả mục tiêu……… ……… 5

2 Nhiệm vụ đồ án……….……….6

3 Mô tả tài liệu……….……….6

CHƯƠNG I: CƠ SỞ LÝ THUYẾT……… ……….7

1.1 Quy trình và mô hình xây dựng phần mềm……… 7

1.2 Khái niệm về Visual Studio Code……… 9

1.3 Tổng quan về PHP………

…… 10

1.4 Tổng quan về HTML………

… 11

1.5 Tổng quan về CSS………

11 1.6 Bảng kế hoạch xây dựng trang wed……… 12

CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG……… 13

2.1 Tổng quan ứng dụng………

13 2.2 Biểu đồ usercase tổng quát……… 14

2.3 Biểu đồ phân rã………

15 2.3.1 Biểu đồ phân rã quản lý sản phẩm……… 16

2.3.2 Biểu đồ phân rã quản lý danh mục……… 16

2.3.3 Biểu đồ phân dã quản lý giỏ

2.4 Biểu đồ hoạt động chức năng……… 17

2.4.1 Mô tả chức năng khách hàng đăng ký……… 17

2.4.1.1 Biểu đồ tuần tự khách hàng đăng ký……….18

2.4.1.2 Biểu đồ hoạt động chức năng đăng ký……… 19

2.4.2 Mô tả chức năng đăng nhập………

…….20

2.4.2.1 Biểu đồ tuần tự khách hàng đăng nhập……….21

2.4.2.2 Biểu đồ hoạt động chức năng đăng nhập……… 22

2.4.3 Mô tả chức năng khách hàng tìm kiếm……….23

2.4.3.1 Biểu đồ tuần tự khách hàng tìm kiếm………

24 2.4.3.2 Biểu đồ hoạt động chức năg tìm kiếm……… 24

2.4.4 Mô tả chức năng thêm sản phẩm vào giỏ……….……

25 2.4.4.1 Biểu đồ tuần tự thêm sản phẩm vào giỏ………

26 2.4.4.2 Biểu đồ hoạt động chức năng thêm sản phẩm vào giỏ……… 27

2.4.5 Mô tả chức năng xoá sản phẩm khỏi giỏ……… 28

2.4.5.1 Biểu đồ tuần tự xoá sản phẩm khỏi giỏ ………29

2.4.5.2 Biểu đồ hoạt động chức năng xoá sản phẩm khỏi giỏ………

30 2.4.6 Mô tả chức năng đặt hàng……….31

2.4.6.1 Biểu đồ tuần tự đặt hàng……….32

2.4.6.2 Biểu đồ hoạt động chức năng đặt

2.4.10.1 Biểu đồ tuần tự Admin thêm danh mục………43

2.4.10.2 Biểu đồ hoạt dộng chức năng Admin thêm danhmục……….44

2.4.11 Mô tả chức năng Admin xoá danhmục……… 45

2.4.11.1 Biểu đồ tuần tự Admin xoá danhmục……… 46

2.4.11.2 Biẻu đồ hoạt động chức năng Admin xoá danh mục………47

2.4.12 Mô tả chức năng Admin sửa danh mục……… 48 2.4.12.1 Biểu đồ tuần tự Admin sửa danh mục……….48 2.4.12.2 Biểu đồ hoạt động Admin sửa danhmục……….49

CHƯƠNG III: GIAO DIỆN HỆ THỐNG………50

3.1 Màn hình đăng ký đăng nhập……… 50

3.2 Màn hình giỏ hàng……… 50

3.3 Màn hình chính……… 51

3.4 Chi tiết sản phẩm……….51

3.5 Biểu mẫu thanh toán……… 52

3.6 Trang quản trị……… 52

Chương IV: THIẾT LẬP CƠ SỞ DỮ LIỆU 4.1 Các bảng trong cơ sở dữ liệu……… 53

4.1.1 Bảng thành viên……… 53

4.1.2 Bảng sản phẩm……….54

4.1.3 Bảng chi tiết đơn hàng……….55

4.1.4 Bảng danh mục……….56

4.1.5 Bảng quản lý đơn hàng……… 56

4.1.6 Sơ đồ dữ liệu quan hệ……… 57

MỞ ĐẦU

1 Mô tả và mục tiêu

Thế giới ngày một phát triển, đời sống con người ngày càng hiện đại hóa,nhu cầu về đời sống vật chất và tinh thần của con người mỗi ngày một cao và cónhiều đòi hỏi khắt khe hơn Hằng ngày mỗi người trong chúng ta đều phải cónhững nhu cầu thiết yếu như : ăn uống , mua sắm, xem phim, nghe nhạc và vì vậychúng ta phải đi tới các trung tâm giải trí hay mua sắm để mua những sản phẩmmình muốn hay đơn giản là thưởng thức những bản nhạc mới nhất Nắm bắt đượcnhu cầu đó và xét thấy sự phát triển vượt bậc của mạng Internet ở khắp nơi trên thếgiới nói chung và tại nước ta trong những năm gần đây nói riêng nên việc ứng dụngcông nghệ thông tin vào lĩnh vực tìm kiếm thông tin, truy cập dữ liệu từ xa khôngcòn khó khăn Người ta tận dụng tối đa những lợi ích mà lĩnh vực này mang lại.WEBSITE BÁN ĐIỆN THOẠI là một trong những trang web đặc thù áp dụngcông nghệ thông tin vào hoạt động: bán sản phẩm điện thoại qua mạng và sau này

sẽ có xu hướng mở rộng Việc giao dịch với khách hàng chủ yếu diễn ra tại đây.Mục tiêu của việc xây dựng trang web này nhằm giúp cho khách hàng có thể muahàng trực tiếp từ xa thông qua mạng internet phổ biến Khách hàng ở nhà hay tạicông ty vẫn có thể dễ dàng tham khảo thông tin sản phẩm mình tìm, so sánh giá cảcác mặt hàng và lựa chọn cho mình loại sản phẩm phù hợp nhu cầu của mình, giúpcông việc mua sắm một cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứngđược nhu cầu thực tế Hệ thống tìm kiếm dễ dàng, giao diện thân thiện Chỉ cầnđăng nhập vào hệ thống với tài khoản đã có (nếu khách hàng đã là hội viên của cửahàng) hay chỉ cần vài thao tác đăng ký đơn giản là khách hàng có thể tự do chọnmua và tạo đơn đặt hàng tại hệ thống WEB

Mục đích của tài liê Œu này là để cung cấp mô tả chi tiết về các yêu cầu chotrang web hỗ trợ viê Œc quản lý bán điện thoại Nó sẽ minh họa mục đích cụ thể vàthông tin chi tiết cho viê Œc phát triển hê Œ thống Tài liê Œu này sẽ nói lên đầy đủ về cácràng buô Œc của hê Œ thống, giao diê Œn người dùng và tương tác với trang web Nó được

đề xuất cho khách hàng phê duyê Œt và là tài liê Œu tham khảo đầu vào cho các giaiđoạn thiết kế, lập trình, kiểm thử trong quy trình tạo ra trang web này

2 Nhiệm vụ đồ án

Website bán điện thoại là một website kinh doanh khá thành công trong lĩnhvực bán hàng điện thoại di động Khách hàng ngày càng tăng lên cũng đồng nghĩavới nhu cầu và cung cách phục vụ của công ty phải tốt hơn website quyết định ápdụng thương mại điện tử vào lĩnh vực kinh doanh bắt đầu bằng việc giới thiệu sảnphẩm cho khách hàng qua mạng sau đó cho khách hàng đặt hàng và tương laikhông xa khi việc thanh toán qua mạng dễ dàng và an toàn hơn công ty sẽ nỗ lực đểthực hiện điều đó và cho ra đời website BÁN ĐIỆN THOẠI Hệ thống website chophép làm những công việc sau:

Đối với Admin:

✤

Điều hành mọi hoạt động của website

✢

✢ Thêm, xóa, sửa sản phẩm của cửa hàng

Tiếp nhận đơn hàng của khách

✢ Tham quan cửa hàng

Đăng ký hội viên

✢

✢ Xem lựa chọn, tìm kiếm sản phẩm

Đặt hàng

✢

3 Mô tả tài liệu

Chương I: Cơ sở lý thuyết

Chương II: Phân tích thiết kế hệ thống

Chương III: Thiết kế cơ sở dữ liệu

Chương IV: Giao diện Website

Kết luận

Tài liệu tham khảo

CHƯƠNG I: CƠ SỞ LÝ THUYẾT

Quy trình và mô hình xây dựng phần mềm

1.1.1 Quy trình xây dựng

Quy trình phát triển phần mềm là một cấu trúc bao gồm tập hợp các thao tác và cáckết quả tương quan sử dụng trong việc phát triển để sản xuất ra một sản phẩm phầnmềm

1.1.2 Mô hình xây dựng phần mềm

Mô hình thác nước là mô hình áp dụng theo tính tuần tự của các giai đoạn phát triển phần mềm

Có nghĩa là: giai đoạn sau chỉ được thực hiện tiếp khi giai đoạn trước đã kết thúcKhông được quay lại giai đoạn trước để xử lí các thay đổi trong yêu cầu

Đây được coi là mô hình phát triển phần mềm đầu tiên

Các giai đoạn được chia ra như sau:

• Thu thập yêu cầu (Requirement gathering): Đây là giai đoạn xác định các yêu cầu chức năng và phi chức năng mà hệ thống phần mềm cần có Kết quảcủa giai đoạn này là bản tài liệu đặc tả yêu cầu Tài liệu này sẽ là nền tảng cho những giai đoạn tiếp theo cho đến cuối dự án

• Phân tích hệ thống ( System Analysis): Là giai đoạn định ra làm thế nào để

hệ thống phần mềm đáp ứng đúng yêu cầu của khách hàng Giai đoạn này thực hiện phân tích, thiết kế hệ thống phần mềm

• Coding: Là giai đoạn thực hiện sản phẩm dựa trên đặc tả yêu cầu và tài liệu thiết kế module

• Testing: Tester sẽ nhận sản phẩm từ developer và thực hiện kiểm thử cho nhóm các thành phần và kiểm thử hệ thống Khâu kiểm thử cuối cùng sẽ là Kiểm thử chấp nhận, giai đoạn này còn có sự tham gia của khách hàng

• Implementation: Triển khai hệ thống ra môi trường của khách hàng

• Operations & Maintenance: Đây là giai đoạn cài đặt, cấu hình và đào tạo chokhách hàng Giai đoạn này sửa chữa những lỗi của sản phẩm (nếu có) và phát triển những thay đổi mới được khách hàng yêu cầu

• Các giai đoạn và hoạt động được xác định rõ ràng

• Xác nhận ở từng giai đoạn, đảm bảo phát hiện sớm các lỗi

• Nhược điểm:

• Rất khó để quay lại giai đoạn nào khi nó đã kết thúc

• Ít tính linh hoạt và phạm vi điều chỉnh của nó khá là khó khăn, tốn kém

1.2 Khái niệm về Visual Studio Code

Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và macOS, Visual Studio Code được phát triển bởi Microsoft Nó được xem là một sựkết hợp hoàn hảo giữa IDE và Code Editor

Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax

highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác

1.2.1 Một số tính năng của Visual studio code

•Hỗ trợ nhiều ngôn ngữ lập trình

Visual Studio Code hỗ trợ nhiều ngôn ngữ lập trình như C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, … Vì vậy, nó dễ dàng phát hiện và đưa ra thông báo nếu chương chương trình có lỗi

1.4 Tổng quan về HTML

1.4.1 Căn bản về HTML

HyperText Markup Language Đây là một ngôn ngữ đơn giản được sử dụng trong các tài liệu siêu văn bản Đừng choáng Nó cũng chỉ là các tài liệu văn bản bình thường nhưng có chứa các thành phần đặc biệt gọi là các thẻ (hoặc các cặp thẻ) đánh dấu Dựa theo các cặp thẻ này mà trình duyệt có thể biết được nó phải thực hiện cái gì Bản chất của HTML không phải là một ngôn ngữ lập trình nên cácbạn cũng chẳng cần lo lắng đến những thuật toán lằng nhằng Nó chỉ là một "ngôn ngữ" để đánh dấu văn bản thôi

1.5 Tổng quan về CSS

• CSS: Cascading Style Sheet: Đây là những mẫu để quy định cách thức thể hiện các thẻ HTML

• CSS có 3 cách sử dụng:

+ Sử dụng trực tiếp kèm với các thẻ HTML (Inline Style Sheet)

+ Định nghĩa trong 1 trang web (Internal Style Sheet)

+ Định nghĩa thành 1 file CSS riêng (External Style Sheet)

Hình 2.4.6.1 Biểu đồ tuần tự khách hàng đặt hàng

2.4.8 Admin xóa sản phẩm

Mô tả chức năng

Tên chức năng Xóa sản phẩm

Actor Admin, quản trị viên

Các bước Truy cập giao diện quản trị: Admin đăng nhập vào giao diện

quản trị của hệ thống, có quyền truy cập và quản lý danh sáchsản phẩm

Chọn sản phẩm cần xóa: Admin chọn sản phẩm cần xóa khỏidanh sách

Xác nhận xóa sản phẩm: Admin xác nhận việc xóa sản phẩm vàxác nhận hành động xóa

Mục đích Chức năng này cho phép admin xóa sản phẩm khỏi hệ thống,

giúp quản lý danh sách sản phẩm được cập nhật và loại bỏ cácsản phẩm không cần thiết

Tác nhân chính Hệ thống quản trị là tác nhân chính thực hiện chức năng xóa

sản phẩm, bao gồm xác thực quyền hạn của admin và loại bỏ sảnphẩm khỏi danh sách trong hệ thống

Tác nhân phụ Cơ sở dữ liệu sản phẩm chứa thông tin chi tiết về các sản phẩm

Hệ thống quản trị sử dụng cơ sở dữ liệu này để lưu trữ và xóasản phẩm khỏi danh sách sau khi admin đã xác nhận xóa

Hình 2.4.9.2 Biểu đồ hoạt động admin sửa sản phẩm

Hình 2.4.11.1 Biểu đồ tuần tự admin xóa danh mục

Hình 2.4.12.2 Biểu đồ hoạt động admin sửa danh mục

4.1.4 Bảng danh mục sản phẩm

Tên trường Kiểu dữ liệu Độ dài Cho phép null Mô tả

phép

Số id củadanh mục

phép

Tên danh mụcsản phẩm

4.1.5 Bảng quản lý đơn hàng

phép

Số id đơnhàng

phép

Mã của đơnhàng

phép

Tên kháchhàng

phép

Tài khoảnemail kháchhàng

phép

Số điện thoạikhách hàng

phép

Số lần đặthàng

phép

Ngày muahàng

phép

Nơi ở kháchhàng

4.1.6 Sơ đồ dữ liệu quan hệ