Đang tải... (xem toàn văn)
MÔ TẢ BÀI TOÁNHệ thống cung cấp chức năng cho phép người dùng có thể đăng nhập, đăngký ,đặt hàng điện thoại và phụ kiện điện thoạiKhách hàng có thể truy cập vào trang web qua tên miền,đă
Trang 1XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG ĐIỆN THOẠI NT
GVHD: ThS Nguyễn Hữu Vĩnh
LỚP: D20CNTT02
Trang 2TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT CÔNG NGHỆ
ĐỒ ÁN MÔN HỌCLẬP TRÌNH WEB
XÂY DỰNG WEBSITE QUẢN LÝ CỬA HÀNG ĐIỆN THOẠI NT
GVHD: ThS Nguyễn Hữu Vĩnh
SVTH: Trần Minh Tuấn MSSV: 2024802010507 LỚP: D20CNTT02
Trang 3iii
Trang 41.SƠ ĐỒ USE CASE 3
1.1 Sơ đồ Use Case Tổng Quát 3
1.2 Sơ đồ Use Case Quản lý khách hàng 4
1.3 Sơ đồ Use Case Quản lý sản phẩm 6
1.4 Sơ đồ Usecase Tương tác người dùng 8
1.5 Sơ đồ Use Case Quản lý thanh toán 10
1.6 Sơ đồ Use Case Quản lý kho hàng 12
1.7 Sơ đồ use case quản lý tài khoản khách hàng 14
1.8 Sơ đồ Use Case Quản lý tài khoản nhân viên 15
2 SƠ ĐỒ TRÌNH TỰ 17
2.1 Sơ đồ trình tự đăng nhập 17
2.2 Sơ đồ trình tự quản lý khách hàng 17
3 SƠ ĐỒ HOẠT ĐỘNG 19
3.1 Sơ đồ hoạt động đăng nhập 19
3.2 Sơ đồ hoạt động quản lý đổi mật khẩu 20
CHƯƠNG 3 THIẾT KẾ CƠ SỞ DỮ LIỆU 21
1 SƠ ĐỒ QUAN HỆ TRONG CSDL 21
2 MÔ TẢ BẢNG DỮ LIỆU 22
CHƯƠNG 4 XÂY DỰNG WEBSITE BÁN PHỤ KIỆN ĐIỆN THOẠI CHO CỬA HÀNGĐIÊN THOẠI NT 45
1 GIAO DIỆN TRANG CHỦ 45
2 GIAO DIỆN ĐĂNG KÝ 45
3 GIAO DIỆN ĐĂNG NHẬP 46
4 GIAO DIỆN TRANG ĐIỆN THOẠI 47
5 GIAO DIỆN TRANG PHỤ KIỆN 48
Trang 56 GIAO DIỆN TRANG QUẢN TRỊ 48
7 GIAO DIỆN TRANG QUẢN LÝ SẢN PHẨM 49
8 GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM 50
9 GIAO DIỆN TRANG GIỎ HÀNG 51
Trang 6DANH MỤC CÁC HÌN
Hình 2 1 Sơ đồ Usecase Tổng Quát 3
Hình 2 2 Sơ đồ Usecase Quản lý khách hàng 4
Hình 2 3 Sơ đồ Use Case Quản lý sản phẩm 6
Hình 2 4 Sơ đồ Use Case Tương tác người dùng 8
Hình 2 5 Sơ đồ Use Case Quản lý Thanh toán 10
Hình 2 6 Sơ đồ use case Quản lý kho hàng 12
Hình 2 7 Sơ đồ use case quản lý tài khoản khách hàng 14
Hình 2 8 Sơ đồ use case quản lý nhân viên 15
Hình 2 9 Sơ đồ trình tự đăng nhập 17
Hình 2 10 Sơ đồ trình tự quản lý khách hàng 18
Hình 2 11 Sơ đồ hoạt động đăng nhập 19
Hình 2 12 Sơ đồ hoạt động đổi mật khẩu 20
YHình 3 1 Sơ đồ quan hệ trong CSDL 21
Hình 4 1 Giao diện trang chủ 45
Hình 4 2 Giao diện trang đăng ký 45
Hình 4 3 Giao diện trang đăng nhập 46
Hình 4 4 Giao diện trang điện thoại 47
Hình 4 5 Giao diện trang phụ kiện 48
Hình 4 6 Giao diện trang quản trị 48
Hình 4 7 Giao diện trang quản lý sản phẩm 49
Hình 4 8 Giao diện trang thông tin sản phẩm 50
Hình 4 9 Giao diện trang chỉnh sửa sản phẩm 50
Hình 4 10 Giao diện trang chi tiết sản phẩm 51
Hình 4 11 Giao diện phần đánh giá sản phẩm 51
Hình 4 12 Giao diện trang giỏ hàng 52
Hình 4 13 Giao diện trang thanh toán 52
Trang 9
MỞ ĐẦU
Trong xã hội hiện nay chúng ta đang bước vào thời kỳ công nghệ số được ápdụng vào mọi mặt của đời sống xã hội.Chúng ta có thể bước vào thời kỳ đó bằngnhiều loại phương tiện khác nhau nhưng phương tiện phổ biến nhất đó chính là mộtchiếc điện thoại.Một chiếc điện thoại như là một chiếc cổng kết nối đến tất cả mọimặt của xã hội như là kinh doanh,giải trí,học tập Nó là một vật tuy nhỏ nhưng cósức mạnh vô cùng to lớn ảnh hưởng đến mọi ngóc nghách của đời sống.Vì vậy mọingười nên có một chiếc điện thoại để theo kịp được sự phát triển của đời sống để cócơ hội để tham gia vào một xã hội số cực lớn nơi mọi người có thể làm được mọi thứ.Chúng em chọn đề tài “Xây dựng website quản lý cửa hàng phụ kiện điện thoạicho công ty NT” đề giúp cho người dùng có thể tiếp cận những mẫu điện thoại tốtnhất có những chức năng và nghiệp vụ được phát triển bởi những nhà phát hành lớntrên thế giới để mọi người có một công cụ tốt nhất để mọi người có thể làm việc,họctập,giải trí một cách mượt mà và thoải mái nhất.
Cấu trúc của đồ án:- Phần mở đầu- Chương 1: Tổng quan- Chương 2: Phân tích hệ thống- Chương 3: Thiết kế cơ sở dữ liệu
- Chương 4: Xây dựng website bán phụ kiện điện thoại cho cửa hàng điện thoại NT- Kết luận và hướng phát triển
Trang 10CHƯƠNG 1 TỔNG QUAN1 MÔ TẢ BÀI TOÁN
Hệ thống cung cấp chức năng cho phép người dùng có thể đăng nhập, đăngký ,đặt hàng điện thoại và phụ kiện điện thoại
Khách hàng có thể truy cập vào trang web qua tên miền,đăng nhập,đăng ký vàotài khoản của khách hàng,xem sản phẩm ,thông tin sản phẩm, đặt hàng,thanh toán.
Nhân viên kiểm soát tài khoản khách hàng,kiểm soát số lượng kho hàng,đăngnhập,đăng ký vào tài khoản của nhân viên, quản lý thanh toán ,quản lý sản phẩm
2 CHỨC NĂNG HỆ THỐNG
STT CHỨC NĂNG MÔ TẢ
Quản lý Khách hàng
Nhân viên quản lý khách hàng qua thông tin tàikhoản khách hàng, thêm, xóa, sửa, xem thông tinkhách hàng.
Trang 11CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG1 SƠ ĐỒ USE CASE
1.1 Sơ đồ Use Case Tổng Quát
Hình 2 1 Sơ đồ Usecase Tổng Quát
Trang 12
1.2 Sơ đồ Use Case Quản lý khách hàng
Hình 2 2 Sơ đồ Usecase Quản lý khách hàng
Trang 52
Gồm có các trang sau:Trang chủ, Điện thoại, Phụ kiện, Liên hệ, Đăng nhập Người dùng click vào các biểu tượng để chọn các mục muốn thực hiện Người dùng lướt xuống phần cuối trang sẽ xem được phần thông tin của cửa hàng
2 GIAO DIỆN ĐĂNG KÝ
Hình 4 2 Giao diện trang đăng ký
Trang 53Ý nghĩa của hoạt động: Đăng ký sử dụng hệ thống.
Quy tắc hoạt động: Khách hàng đăng ký tài khoản của khách hàng để có thể có tài khoản đăng nhập vào hệ thống
Các thao tác màn hình: Khách hàng nhập thông tin của khách hàng và bấm đăng ký tài khoản
3 GIAO DIỆN ĐĂNG NHẬP
Hình 4 3 Giao diện trang đăng nhập
Ý nghĩa của hoạt động: Đăng nhập sử dụng hệ thống
Quy tắc hoạt động: Khách hàng đăng nhập tài khoản của khách hàng để có thể sử dụng chức năng của trang web
Các thao tác màn hình: Sau khi nhập xong tài khoản và mật khẩu thì hệ thống sẽ kiểm tra xem thông tin vừa nhập có chính xác hay không nếu không sẽ hiện thông báo nhập lại nếu sai sẽ đăng nhập vào tài khoản
Trang 544 GIAO DIỆN TRANG ĐIỆN THOẠI
Hình 4 4 Giao diện trang điện thoại
Ý nghĩa của hoạt động:Hiển thị thông tin của những điện thoại gồm tên của chiếc điện thoại và giá của chúng sẽ có thêm những mục bên trái màn hình để tìm nhanh hơn
Quy tắc hoạt động: Khi khách hàng click vào một sản phẩm trên trang web sẽ hiện thông tin của chiếc điện thoại đó
Các thao tác màn hình: Khách hàng sẽ click sản phẩm bấm vào các mục bên trái để tìm nhanh hơn bấm vào những con số bên dưới để qua trang khác
Trang 555 GIAO DIỆN TRANG PHỤ KIỆN
Hình 4 5 Giao diện trang phụ kiện
Ý nghĩa của hoạt động:Hiển thị thông tin của những phụ kiện gồm tên của phụ kiện và giá củachúng sẽ có thêm những mục bên trái màn hình để tìm nhanh hơn
Quy tắc hoạt động: Khi khách hàng click vào một sản phẩm trên trang web sẽ hiện thông tin củacủa phụ kiện đó
Các thao tác màn hình: Khách hàng sẽ click sản phẩm bấm vào các mục bên trái để tìm nhanh hơnbấm vào những con số bên dưới để qua trang khác
6 GIAO DIỆN TRANG QUẢN TRỊ
Hình 4 6 Giao diện trang quản trị
Trang 56Ý nghĩa của hoạt động:Trang quản trị của trang web
Quy tắc hoạt động: Người dung đăng nhập vào tài khoản để sử dụng trang quản trị của trang webCác thao tác màn hình: Trang sẽ gồm 3 thành phần là quản lý tài khoản,quản lý đặt hàng,quản lý sản phẩm,người dung thao tác để đến các trang,có thêm số người truy cập vào trang web,có thanh công cụ bên trái để người dùng tương tác
7 GIAO DIỆN TRANG QUẢN LÝ SẢN PHẨM
Hình 4 7 Giao diện trang quản lý sản phẩm
Ý nghĩa của hoạt động:Trang quản lý sản phẩm của trang web
Quy tắc hoạt động: Người dung đăng nhập vào tài khoản để sử dụng trang quản trị của trang webCác thao tác màn hình: Người dùng thao tác thao tác vào hành động sẽ hiện ra ba chức năng là xem,sửa,xóa sản phẩm,ở trên cùng là nút thêm mới sản phẩm
Trang 57Hình 4 8 Giao diện trang thông tin sản phẩm
Hình 4 9 Giao diện trang chỉnh sửa sản phẩm
8 GIAO DIỆN TRANG CHI TIẾT SẢN PHẨM
Trang 58Hình 4 10 Giao diện trang chi tiết sản phẩm
Ý nghĩa của hoạt động:Trang xem chi tiết sản phẩm
Quy tắc hoạt động: Người dùng xem chi tiết sản phẩm của điện thoại và xem các thông số kỹ thuậtCác thao tác màn hình: Người dùng thao tác vào màn hình nếu muốn mua hàng sẽ bấm vào mụcmua ngay và thêm vào giỏ thì sản phẩm sẽ được thêm vào giỏ hàng,khách hàng còn có thể đánh giásản phẩm.
Hình 4 11 Giao diện phần đánh giá sản phẩm
9 GIAO DIỆN TRANG GIỎ HÀNG
Trang 59Hình 4 12 Giao diện trang giỏ hàng
Ý nghĩa của hoạt động:Trang giỏ hàng sản phẩm
Quy tắc hoạt động: Người dùng sau khi ấn vào mua ngay hay giỏ hàng sản phẩm sẽ xuất hiện trêngiỏ hàng với những thông tin đơn hàng như tên,giá và số lượng sản phẩm
Các thao tác màn hình: Người dùng thao tác vào màn hình nếu muốn tăng số lượng sản phẩm mìnhmuốn mua,ấn vào hoàn tất thanh toán để đến với trang thanh toán.
10.Giao diện trang thanh toán
Hình 4 13 Giao diện trang thanh toán
Ý nghĩa của hoạt động:Trang thanh toán sản phẩm
Quy tắc hoạt động: Người dùng sau khi ấn vào hoàn tất thanh toán ở bên trang giỏ hàng sẽ hiệngiao diện trang thanh toán
Các thao tác màn hình: Người dùng nhập vào những thông tin cần thiết là thông tin nhận hàngkiểm tra các thông tin khi ấn đặt hàng ngay sẽ hiện thông báo bạn đã đặt hàng thành công.
Trang 61KẾT LUẬN
1 Kết quả đạt được
Nắm vững kiến thức của môn học để có thể hoàn thành một trang web hoàn chỉnh Hoàn thiện một số chức năng cơ bản của đề tài Có được những chức năng cơ bảnnhư thêm, sửa, xóa, tìm kiếm thông tin sản phẩm,xem thông tin sản phẩm, đặt hàng,thanh toán sản phẩm, đăng nhập, đăng ký sản phẩm,có được website tương đối hoànthành về các chức năng cần có của một cửa hàng điện thoại và phụ kiện
Giao diện website thân thiện, dễ sử dụng, trực quan và linh hoạt.
2 Đánh giá kết quả
Khó khăn: Trong quá trình thực hiện đề tài khó khăn lớn nhất là nghiên cứu nhữngchức năng nghiệp vụ của đề tài,thực hiện những chức năng nghiệp vụ của đề tài,thểhiện đầy đủ chức năng của hệ thống quản lý cửa hàng điện thoại và phụ kiện Hạn chế: Thời gian thực hiện có hạn nên chúng em chỉ hoàn thành một số chức năng
của đề tài còn một số chức năng còn sơ sài và chưa được hoàn thiện một cách hoànchỉnh như trang thanh toán,chưa hiển thị đầy đủ việc mô tả sản phẩm…
3 Hướng phát triển
Hệ thống cần phát triển thêm vài chức năng còn thiếu như là:
- Hệ thống cần cải thiện về tốc độ truy cập và chức năng thanh toán cầnđược hoàn thiện.
- Hệ thống cần đa dạng giao diện về việc mô tả sản phẩm một cách tốthơn,hoàn thiện tốt hơn các chức năng như là mô tả sản phẩm,hoàn thiệnchờ web đẹp hơn về giao diện…
Trang 62
TÀI LIỆU THAM KHẢO
Tiếng Việt:
[1] Nguyễn Tất Bảo Thiện,Phạm Quang Hiển(2012),NXB Thanh niên,Lập trình
Tiếng Anh:
[2] Laura Cowan(2014), Build Your Own Website For Beginners
Website:
[3] https://elearning.tdmu.edu.vn/,truy cập ngày 6/11/2022[4] https://sharecode.vn/,truy cập ngày 6/11/2022 [5] http://hiepsiit.com/,truy cập ngày 6/11/2022 [6] https://www.themeforest.net/,truy cập ngày 6/11/2022