1. Trang chủ
  2. » Luận Văn - Báo Cáo

Báo cáo chuyên Đề học phần môn lập trình web nâng cao Đề t#i xây dựng website bán quần áo

41 0 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Xây Dựng Website Bán Quần Áo
Tác giả Giang Ứng Hùng, Phạm Hải Nam, Nguyễn Đức Huy
Người hướng dẫn Cấn Đức Điệp
Trường học Trường Đại Học Điện Lực
Chuyên ngành Công Nghệ Thông Tin
Thể loại báo cáo
Năm xuất bản 2022
Thành phố Hà Nội
Định dạng
Số trang 41
Dung lượng 4,33 MB

Cấu trúc

  • 3.1.1 Tóm tắt hoạt động (12)
  • 3.1.2. Phạm vi dự án được ứng dụng (12)
  • 3.1.3. Đối tượng sử dụng (13)
  • 3.1.4. Mục đích của dự án (13)
  • 3.2. Xác định yêu cầu của khách hàng............................................................. 1. Hệ thống hiện hành của cửa hàng (13)
    • 3.2.2. Hệ thống đề nghị (14)
  • 3.3. Yêu cầu giao diện của website (15)
    • 3.3.1. Giao diện người dùng (15)
    • 3.3.2. Giao diện người quản trị (15)
  • 3.4. Phân tích các chức năng của hệ thống (16)
    • 3.4.2. Các chức năng của đối tượng khách hàng (18)
    • 3.4.3 Chức năng của Admin (18)
  • 3.5. Biểu đồ phân tích thiết kế hệ thống (20)
    • 3.5.1. Biểu đồ hoạt động (20)
    • 3.5.2. Đặc tả Use-case (32)
  • 3.6. Cách tổ chức dữ liệu và thiết kế chương trình cho trang Web (32)
  • CHƯƠNG 4. THIẾT KẾ GIAO DIỆN (35)
    • 4.1. Giao diện trang chủ (35)
    • 4.2. Giao diện Form đăng nhập (36)
    • 4.3. Giao diện Form đăng ký (36)
    • 4.4. Giao diện trang giỏ hàng (37)
    • 4.5. Giao diện trang sản phẩm (38)
    • 4.6. Giao diện trang liên hệ (38)
    • 4.7. Giao diện trang quản trị Admin (39)

Nội dung

Những khách hàng có nhu cầu mua cho mình một món đồ nhanh có thể trực tiếp mua thông quawebsite trực tuyến, không mất nhiều thời gian mà khách hàng đã có thể sở hữumón đồ mà mình yêu thí

Phạm vi dự án được ứng dụng

- Dành cho mọi đối tượng có nhu cầu mua sắm trên mạng.

Cửa hàng kết hợp nghiệp vụ truyền thống với công nghệ mới, giúp tối ưu hóa quy trình giao tiếp với khách hàng và xử lý hóa đơn một cách nhanh chóng, chính xác Điều này không chỉ rút ngắn thời gian làm việc mà còn giúp thông tin về sản phẩm mới được cập nhật nhanh chóng đến tay khách hàng.

Đối tượng sử dụng

Có 2 đối tượng sử dụng cơ bản là người dùng và nhà quản trị:

* Người dùng: Qua Website, khách hàng có thể xem thông tin, lựa chọn những sản phẩm ưa thích ở mọi nơi thậm chí ngay trong phòng làm việc của mình.

* Nhà quản trị: Nhà quản trị có toàn quyền sử dụng và cập nhật sản phẩm, hoá đơn, quản lý khách hàng, đảm bảo tính an toàn cho Website.

Mục đích của dự án

- Đáp ứng nhu cầu mua bán ngày càng phát triển của xã hội, xây dựng nên một môi trường làm việc hiệu quả.

- Thúc đẩy phát triển buôn bán trực tuyến.

Rút ngắn khoảng cách giữa người mua và người bán, chúng tôi tạo ra một website trực tuyến giúp cung cấp thông tin nhanh chóng và thuận tiện cho việc trao đổi, mua bán các loại điện thoại qua mạng.

- Việc quản lý hàng trở nên dễ dàng.

- Sản phẩm được sắp xếp có hệ thống nên người dùng dễ tìm kiếm sản phẩm

Xác định yêu cầu của khách hàng 1 Hệ thống hiện hành của cửa hàng

Hệ thống đề nghị

Để có thể vừa quảng cáo, bán hàng và giới thiệu sản phẩm của cửa hàng trên mạng thì website cần có các phần như:

Giao diện người dùng của website cần phải thân thiện và dễ sử dụng, nhằm nêu bật thế mạnh của website và tạo niềm tin cho khách hàng ngay từ lần truy cập đầu tiên Website cũng nên giới thiệu sản phẩm hiện có, bao gồm danh mục sản phẩm rõ ràng và chức năng đặt hàng, mua hàng tiện lợi Để tăng cường tương tác, cần có biểu mẫu đăng ký thành viên và biểu mẫu liên hệ Chức năng tìm kiếm sản phẩm là điều cần thiết, cùng với trang chi tiết cho mỗi loại sản phẩm Cuối cùng, mục đăng nhập cho khách hàng đã trở thành thành viên cần bao gồm tên đăng nhập và mật khẩu.

- Giao diện người quản trị. o Đơn giản, dễ quản lý và không thể thiếu các mục như:

 Quản lý mọi thay đổi của website.

- Người xây dựng nên hệ thống phải am hiểu về thương mại điện tử, hiểu rõ cách thức mua bán hàng qua mạng.

Người xây dựng hệ thống đặc biệt cần nắm vững các thông số kỹ thuật của máy tính để có thể đưa ra cái nhìn tổng quát và sâu sắc về sản phẩm.

- Người Admin có toàn quyền giữ bảo mật cho website bằng mật khẩu riêng.

- Quản lý User & Password của khách hàng an toàn: Thông tin của khách hàng được bảo mật

- Phần cứng: PC bộ vi xử lý pentium III, ram 128 trở lên, ổ cứng 10G trở lên.

- Hệ điều hành: Windown XP trở lên

- Phần mềm hỗ trợ: XAMPP, mySQL.

- Chương trình sử dụng ngôn ngữ PHP và cơ sở dữ liệu MySQL.

- Các công cụ mà hệ thống sử dụng: o Gói XAMPP: Cài đặt các thành phần Apache, PHP, MySQL.

 PHP 5.5.1 - Ngôn ngữ lập trình

 MySQL - Cơ sở dữ liệu

 FileZilla - Giả lập FTP server

MySQL được sử dụng để lưu trữ cơ sở dữ liệu, trong khi Javascript giúp bắt lỗi dữ liệu hiệu quả Dreamweaver là công cụ lý tưởng để tạo form và thiết kế giao diện, còn Photoshop và Flash hỗ trợ trong việc thiết kế giao diện một cách chuyên nghiệp.

Yêu cầu giao diện của website

Giao diện người dùng

Phải có một giao diện thân thiện dễ sử dụng:

 Màu sắc hài hoà làm nổi bật hình ảnh của sản phẩm, font chữ thống nhất, tiện lợi khi sử dụng.

Cửa hàng của chúng tôi cung cấp thông tin liên hệ đầy đủ để khách hàng dễ dàng kết nối Bạn có thể tìm thấy địa chỉ chính xác của cửa hàng và các đại lý trực thuộc Để được hỗ trợ nhanh chóng, hãy liên hệ với chúng tôi qua số điện thoại và email được cung cấp Chúng tôi luôn sẵn sàng phục vụ và giải đáp mọi thắc mắc của bạn.

 Sản phẩm của cửa hàng: sản phẩm đang có, sản phẩm bán chạy, sản phẩm mới nhất, sản phẩm sắp ra mắt…

Giao diện người quản trị

- Giao diện đơn giản, dễ quản lý dữ liệu.

- Phải được bảo vệ bằng User & Password riêng của Admin.

Phân tích các chức năng của hệ thống

Các chức năng của đối tượng khách hàng

+ Description: Cho Member login vào hệ thống.

+ Input: Người dùng nhập vào các thông tin về username, password để login.

+ Process: Kiểm tra username và password của người dùng nhập vào và so sánh với username và password trong CSDL.

Nếu thông tin đăng nhập chính xác, hệ thống sẽ hiển thị các chức năng của thành viên; ngược lại, sẽ có thông báo yêu cầu người dùng nhập lại thông tin.

+ Description: Cho phép người dùng đăng xuất khỏi hệ thống khi không còn nhu cầu sử dụng hệ thống.

+ Input: Người dùng click vào nút thoát trên hệ thống.

+ Process: Tiến hành xóa session lưu thông tin đăng nhập để dừng phiên làm việc của tài khoản Member trong hệ thống.

+ Output: Quay trở lại trang hiện hành Ẩn hết các chức năng của Member.

Chức năng đổi mật khẩu

+ Description: Cho phép thay đổi mật khẩu.

+ Input: Người dùng điền thông tin mật khẩu cũ và mới.

+ Process: Kiểm tra thông tin người dùng nhập vào Nếu đúng thì cập nhật các thông tin mới, ngược lại thì không.

+ Output: Hiển thị thông báo thành công nếu thông tin nhập vào chính xác hoặc hiển thị thông báo yêu cầu nhập lại nếu thông tin không chính xác

Chức năng xem hóa đơn đã được lập

+ Description: Cho phép Member xem các hóa đơn mua hàng của mình. + Input: Click chọn lịch sử giao dịch trên menu của Member.

+ Process: Gọi trang hiển thị thông tin hóa đơn đã được lập của Member đó

+ Output: Hiển thị thông tin chi tiết các hóa đơn.

Chức năng của Admin

 Chức năng xoá khách hàng:

+ Description: Giúp Admin có thể xóa Member ra khỏi CSDL.

+ Input: Chọn khách hàng cần xóa.

+ Process: Lấy các thông tin của Member và hiển thị ra màn hình để chắc chắn rằng Admin xóa đúng khách hàng cần thiết.

+ Output: Load lại danh sách khách hàng để biết được đã xoá thành công Member ra khỏi CSDL

 Chức năng chỉnh sửa thông tin sản phẩm:

+ Description: Giúp Admin thay đổi thông tin của sản phẩm đã có trong CSDL.

+ Input: Admin nhập thông tin mới của sản phẩm.

+ Process: Cập nhật thông tin mới cho sản phẩm.

+ Output: Hiển thị thông báo đã cập nhật sản phẩm.

 Chức năng xoá sản phẩm:

+ Description: Giúp Admin có thể xoá sản phẩm

+ Input: Chọn sản phẩm cần xoá

+ Output: Load lại danh sách sản phẩm

 Chức năng thêm sản phẩm:

+ Description: Giúp Admin có thể thêm sản phẩm mới.

Admin nhập thông tin cần thiết cho sản phẩm mới, sau đó kiểm tra các trường dữ liệu để đảm bảo không có trường nào để trống Nếu tất cả thông tin hợp lệ, sản phẩm sẽ được thêm vào cơ sở dữ liệu Ngược lại, nếu có trường không hợp lệ, sản phẩm sẽ không được thêm Cuối cùng, hệ thống sẽ tải lại danh sách sản phẩm để hiển thị sản phẩm mới đã được thêm vào cơ sở dữ liệu.

 Chức năng khuyến mại đối với sản phẩm:

+ Description: Giúp Admin có thể gán cho sản phẩm một chương trình khuyến Mại

+ Input: Chọn hãng của sản phẩm và tên của sản phẩm.

+ Process: Thêm thông tin khuyến mại vào trong CSDL

+ Output: Load lại danh sách sản phẩm để xem thông tin khuyến mại vừa đưa vào

 Chức năng xoá với người dùng:

+ Description: Giúp Admin có thể xoá người dùng.

+ Input: Tìm User cần xoá và chọn biểu tượng xoá

+ Process: Xoá User ra khỏi CSDL

+ Output: Load lại danh sách người dùng để xem thông tin vừa thay đổi.

 Chức năng xem thông tin chi tiết các đơn đặt hàng (đang chờ được xử lý, đang xử lý, đã hoàn thành, hoặc hoá đơn bị huỷ bỏ):

+ Description: Xem chi tiết đơn đặt hàng có trong CSDL

+ Input: Chọn tên hoá đơn hoặc tên khách hàng của hoá đơn đó.

+ Process: Lấy toàn bộ thông tin chi tiết của đơn đặt hàng có trong CSDL.

+ Output: Hiển thị chi tiết thông tin trong đơn đặt hàng.

Biểu đồ phân tích thiết kế hệ thống

Biểu đồ hoạt động

Hình 2 Biểu đồ hoạt động đăng nhập vào hệ thống

Hình 1 Biểu đổ hoạt động thoát ra khỏi hệ thốn

Hình 2 Biểu đồ hoạt động đăng kí thành viên

Hình 5 Biểu đồ hoạt động xem thông tin về sản phẩm

 Thêm sản phẩm vào giỏ hàng

Hình 6 Biểu đồ chức năng thêm SP vào giỏ hàng

Hình 7 Biểu đồ chức năng đặt hàng

Hình 8 Biểu đồ chức năng đổi mật khẩu

Hình 9 Biểu đồ chức năng xoá khách hàng

Hình 10 Biểu đồ chức năng thêm sản phẩm

 Sửa thông tin sản phẩm

Hình 11 Biểu đồ chức năng sửa thông tin sản phẩm

Hình 12 Biểu đồ chức năng xoá sản phẩm

Hình 13 Biểu đồ chức năng xoá User

Đặc tả Use-case

Hình 14 Use case tìm kiếm

Hình 15 Biểu đồ cộng tác chức năng tìm kiếm

Cách tổ chức dữ liệu và thiết kế chương trình cho trang Web

Việc tổ chức dữ liệu cần đáp ứng các yêu cầu phân tích để tạo ra giao diện website dễ nhìn, thân thiện và thu hút khách hàng Phương pháp phổ biến là quản lý theo nhóm sản phẩm, với mỗi nhóm được xác định bằng mã và tên riêng Trên website này, các sản phẩm sẽ được phân loại theo mã hãng và mã loại sản phẩm, trong đó mã này đóng vai trò là khóa chính trong bảng dữ liệu Dưới đây là một số bảng cơ sở dữ liệu quan trọng trong toàn bộ hệ thống.

Dùng để lưu thông tin về giỏ hàng của khách hàng

Dùng để quản lý sản phẩm

Dùng để quản lý người dùng

Dùng để quản lý trang web

THIẾT KẾ GIAO DIỆN

Giao diện trang chủ

Hình 25 Giao diện trang chủ

Trang chủ “Index.php”: Là trang chính, chứa tất cả các mục để lựa chọn.

Từ trang chủ khách hàng có thể tìm thấy mọi thông tin cần thiết:

Khách hàng có thể dễ dàng tìm thấy và đặt mua các sản phẩm yêu thích nhờ giao diện thân thiện và dễ sử dụng Điều này giúp họ lựa chọn những sản phẩm phù hợp với sở thích và ngân sách của mình.

- Các bài viết hay về thể giới máy tính được quản trị hệ thống chọn lọc

- Bạn có thắc mắc, góp ý với công ty…

Giao diện Form đăng nhập

Hình 26 Giao diện form đăng nhập

Trang "product.php" cho phép khách hàng đăng nhập vào website bằng cách nhập tên người dùng và mật khẩu Nếu khách hàng chưa có tài khoản, họ có thể nhấn vào nút Đăng ký để tạo tài khoản mới.

Giao diện Form đăng ký

Hình 27 Giao diện form đăng ký

Trang "customer_registration.php" cho phép khách hàng điền thông tin cá nhân và đăng ký tài khoản, giúp họ thực hiện việc mua sắm trên website một cách dễ dàng.

Giao diện trang giỏ hàng

Hình 28 Giao diện giỏ hàng

Trang "cart.php" cho phép khách hàng xem các sản phẩm đã chọn, bao gồm số lượng và tổng tiền phải thanh toán Tại đây, khách hàng có thể dễ dàng thêm, cập nhật hoặc xóa sản phẩm trong giỏ hàng Ngoài ra, trang cũng lưu trữ lịch sử mua hàng của khách hàng.

Giao diện trang sản phẩm

Hình 29 Giao diện trang sản phẩm

Trang "product.php" cung cấp thông tin chi tiết về sản phẩm như giá cả, bảo hành và thông số kỹ thuật, giúp khách hàng có cái nhìn tổng quan và đưa ra quyết định mua hàng chính xác.

Giao diện trang liên hệ

Hình 30 Giao diện liên hệ

Trang “Contact.php” là liên hệ với chủ người quản trị khi gặp vấn đề

Giao diện trang quản trị Admin

Giao diện trang quản trị Admin là công cụ thiết yếu dành cho người quản trị cửa hàng, cung cấp đầy đủ các tính năng như quản lý sản phẩm, quản lý thành viên và theo dõi các đơn đặt hàng.

Kết luận, đề tài "Xây dựng Website bán quần áo" phản ánh nhu cầu thực tế hiện nay, nhằm cung cấp nền tảng cơ sở ban đầu cho những ai muốn thiết kế Website cho công ty hoặc cá nhân.

Mặc dù đã nỗ lực tìm hiểu kiến thức và tra cứu tài liệu chuyên ngành, do hạn chế về thời gian, khả năng và kinh nghiệm, đề tài vẫn còn một số thiếu sót nhất định và chỉ đạt được mức độ hoàn thành nhất định.

- Tìm hiểu ngôn ngữ lập trình Web PHP & MySQL

- Áp dụng xây dựng ứng dụng thực nghiệm trang bán thời trang Schuppy:

Khám phá chi tiết về ngôn ngữ PHP và MySQL để nâng cao khả năng đáp ứng nhu cầu người dùng, đồng thời phát triển và tối ưu hóa hệ thống hiệu quả hơn.

- Kết hợp ngôn ngữ PHP với các hệ quản trị cơ sở dữ liệu lớn hơn: SQL Server, Oracle…

- Tìm hiểu thêm một số ngôn ngữ, các phần mềm ứng dụng để nâng cao giao diện đồ họa đẹp mắt, thân thiện hơn…

- Xây dựng trang Web quy mô lớn hơn với nhiều ứng dụng, chức năng

Ngày đăng: 20/01/2025, 14:09

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN