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à
Trang 2MỤ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ỏ
Trang 32.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
Trang 42.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
Trang 5CHƯƠ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
Trang 6MỞ ĐẦ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
Trang 72 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
Trang 8CHƯƠ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
Trang 9Mô 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
Trang 10• 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
Trang 11Trong trường hợp lập trình viên muốn sử dụng một ngôn ngữ lập trình không nằm trong số các ngôn ngữ Visual Studio hỗ trợ, họ có thể tải xuống tiện ích
mở rộng Điều này vẫn sẽ không làm giảm hiệu năng của phần mềm, bởi vì phần
mở rộng này hoạt động như một chương trình độc lập
•Kho lưu trữ an toàn
Đi kèm với sự phát triển của lập trình là nhu cầu về lưu trữ an toàn Với Visual Studio Code, người dùng có thể hoàn toàn yên tâm vì nó dễ dàng kết nối với Git hoặc bất kỳ kho lưu trữ hiện có nào
1.3.1 Lịch sử phát triển của PHP
• PHP được phát triển từ một sản phẩm có tên là PHP/FI PHP/FI do Rasmus Lerdorf tạo ra năm 1995 Nó được viết bằng C các bạn nhé Và nó được sửa lại lần nữa năm 1997
Trang 121.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)
Trang 131.6 Bảng kế hoạch xây dựng trang web
Trang 14CHƯƠNG II: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.1.2 Các chức năng chính của website
✤ Đăng nhập (đăng ký), đăng xuất
Khi sử dụng website, admin và khách hàng cần phải đăng nhập bằng tàikhoản đã có sẵn hoặc có thể đăng ký, từ đó có thể sử dụng các chức năng củawebsite Khi thực hiện chức năng xong, admin và khách hàng có thể thoát bằngchức năng đăng xuất
✤ Tìm kiếm sản phẩm
Chức năng giúp người dùng có thể tìm kiếm các sản phẩm tương ứng trong
cơ sở dữ liệu
✤ Thêm vào giỏ hàng và đặt hàng
Chức năng này giúp khách hàng thêm vào giỏ hàng các sản phẩm, từ đó cóthể đặt hàng nhiều sản phẩm cùng một lúc
Trang 15✤ Quản lý đơn hàng
Chức năng này cho phép admin tiếp nhận và xác nhận đơn đặt hàng từ kháchhàng Sau khi liên hệ với khách hàng thông qua đơn đặt hàng, đơn hàng được xácnhận
✤ Quản lý thông tin tài khoản
Phần mềm cho phép admin thêm, sửa, xóa thông tin tài khoản khách hàng.2.1.3 Xác định các Usercase
✤ Đăng nhập (đăng ký), đăng xuất
✤ Quản lý thông tin tài khoản
2.2 Biểu đồ Usercase tổng quát
Trang 16Hình 2.2.1 Biểu đồ usercase tổng quát
2.3 Biểu đồ phân rã
Trang 17Hình 2.3.1 Biểu đồ phân rã quản lí sản phẩm
Hình 2.3.2 Biểu đô phân rã quản lí danh mục
Trang 18Hình 2.3.3 Biểu đồ khách hàng quản lí giỏ hàng
2.4 Hoạt động chức năng
2.4.1 Khách hàng đăng kí tài khoản
Mô tả chức năng
Tên chức năng Đăng ký tài khoản
Actor Người dùng muốn tạo tài khoản
Các bước Chức năng này cho phép khách hàng tạo tài khoản trong hệ thống,
giúp họ truy cập và sử dụng các tính năng, dịch vụ của hệ thống.Mục đích Truy cập giao diện đăng ký: Khách hàng truy cập vào giao diện
đăng ký trong hệ thống
Nhập thông tin cá nhân: Khách hàng nhập thông tin cá nhân nhưtên, địa chỉ email, mật khẩu và các thông tin khác cần thiết.Xác nhận đăng ký: Khách hàng xác nhận thông tin đã nhập vàđồng ý với các điều khoản, quy định của hệ thống
Tạo tài khoản: Hệ thống đăng ký tạo ra tài khoản cho khách hàngdựa trên thông tin đã nhập và lưu trữ trong cơ sở dữ liệu kháchhàng
Tác nhân chính Hệ thống đăng ký là tác nhân chính thực hiện chức năng đăng ký,
bao gồm xác thực thông tin, tạo tài khoản và lưu trữ thông tinkhách hàng
Tác nhân phụ Cơ sở dữ liệu khách hàng chứa thông tin cá nhân của khách hàng
Trang 19đã đăng ký Hệ thống đăng ký sử dụng cơ sở dữ liệu này để lưu trữ
và quản lý thông tin khách hàng
Hỉnh 2.4.1.1 Biểu đồ tuần tự khách hàng đăng kí tài khoản
Trang 20Hình 2.4.1.2 Biểu đồ hoạt động khách hàng đăng kí tài khoản
Trang 212.4.2 Người dùng đăng nhập
Mô tả chức năng
Tên chức năng Đăng nhập tài khoản
Actor Khách hàng, người dùng đã đăng ký
Các bước Truy cập giao diện đăng nhập: Khách hàng truy cập vào giao diện
đăng nhập của hệ thống
Nhập thông tin đăng nhập: Khách hàng nhập thông tin đăng nhập,bao gồm địa chỉ email hoặc tên đăng nhập và mật khẩu đã đăng kýtrước đó
Xác thực thông tin: Hệ thống xác thực thông tin đăng nhập với cơ sở
dữ liệu khách hàng, kiểm tra tính hợp lệ của thông tin đăng nhập Truy cập tài khoản cá nhân: Nếu thông tin đăng nhập hợp lệ, kháchhàng được chuyển hướng và truy cập vào tài khoản cá nhân trong hệthống
Mục đích Chức năng này cho phép khách hàng truy cập vào tài khoản cá nhân
trong hệ thống, giúp họ xem và quản lý thông tin, hoạt động liên quanđến tài khoản
Tác nhân chính Hệ thống xác thực là tác nhân chính thực hiện chức năng đăng nhập,
bao gồm xác thực thông tin đăng nhập của khách hàng và quyết địnhviệc truy cập tài khoản cá nhân
Tác nhân phụ Cơ sở dữ liệu khách hàng chứa thông tin tài khoản cá nhân của
khách hàng Hệ thống xác thực sử dụng cơ sở dữ liệu này để kiểm tratính hợp lệ của thông tin đăng nhập và cung cấp quyền truy cập vàotài khoản cá nhân
Trang 22Hình 2.4.2.1 Biểu đồ tuần tự người dùng đăng nhập
Trang 242.4.3 Khách hàng tìm kiếm sản phẩm
Mô tả chức năng
Tên chức năng Tìm kiếm sản phẩm
Actor Khách hàng, người dùng đã đăng ký
Các bước Người dùng nhập các tiêu chí tìm kiếm như tên sản phẩm, danh
mục, giá cả, và các thuộc tính khác vào hộp tìm kiếm Sau đó,nhập vào hình tìm kiếm hoặc “Enter” rồi đợi hệ thống xử lý yêucầu và hiện ra các kết quả phù hợp với tiêu chí của người tìm kiếmMục đích Chức năng này cho phép người dùng tìm kiếm các sản phẩm trong
hệ thống dựa trên các tiêu chí cụ thể như tên sản phẩm, danh mục,giá cả, và các thuộc tính khác
Tác nhân chính Hệ thống tìm kiếm là tác nhân chính thực hiện quá trình tìm kiếm
dựa trên các tiêu chí do người dùng cung cấp
Tác nhân phụ Cơ sở dữ liệu sản phẩm chứa thông tin chi tiết về tất cả các sản
phẩm có sẵn trong hệ thống Hệ thống tìm kiếm sẽ truy vấn cơ sở
dữ liệu để lấy thông tin về sản phẩm và hiển thị kết quả tìm kiếmcho người dùng
Trang 25Hình 2.4.3.1 Biểu đồ tuần tự khách hàng tìm kiếm sản phẩm
Trang 26Hình 2.4.3.2 Biểu đồ hoạt động khách hàng tìm kiếm sản phẩm
2.4.4 Khách hàng thêm sản phẩm vào giỏ hàng
Thêm sản phẩm vào giỏ hàng: Khách hàng chọn thêm sản phẩm vào giỏ để thêm sản thêm vào giỏ hàng
Mục
đích
Chức năng này cho phép khách hàng thêm sản phẩm muốn mua vào giỏ hàng của mình Điều này giúp khách hàng quản lý danh sách sản phẩm trong giỏ hàng một cách linh hoạt
Trang 27Hình 2.4.4.1 Biểu đồ tuần tự khách hàng thêm sản phẩm vào giỏ
Trang 28Hình 2.4.4.1 Biểu đồ hoạt động chức năng thêm sản phẩm vào giỏ
Trang 292.4.5 Khách hàng xóa sản phẩm trong giỏ hàng
Mô tả chức năng
Tên chức năng
X
Actor NCác bước
Tdan Xcác XbiểMục đích
CgiỏtroTác nhân chính
Htroph
Trang 30Hình 2.4.5.1 Biểu đồ tuần tự khách hàng xóa sản phẩm trong giỏ
Hình 2.4.5.2 Biểu đồ hoạt động khách hàng xóa sản phẩm trong giỏ