Đồ án Kỹ thuật: lập trình web nâng cao xây dựng website cửa hàng bán quần

Đồ án kỹ thuật nghiên cứu lập trình web nâng cao xây dựng website cửa hàng bán quần áo trẻ em rio kids, thiết kế chi tiết, tính toán kỹ thuật theo tiêu chuẩn, đánh giá tính khả

Trường đại học

Trường Đại Học Điện Lực

Chuyên ngành

Công Nghệ Thông Tin

Người đăng

Ẩn danh

Thể loại

Đồ án

2022

68
0
0

Phí lưu trữ

30 Point

Tóm tắt

I. Tổng quan về Lập trình web nâng cao và xây dựng website

Lập trình web nâng cao là một lĩnh vực thiết yếu trong công nghệ thông tin hiện đại, đóng vai trò quan trọng trong việc xây dựng website chuyên nghiệp và hiệu quả. Đồ án này tập trung vào việc phát triển các kỹ năng thực tiễn, từ thiết kế giao diện người dùng đến xây dựng hệ thống backend mạnh mẽ. Thông qua xây dựng website quản lý cửa hàng, sinh viên có cơ hội áp dụng kiến thức lý thuyết vào các bài toán thực tế. Dự án Rio Kids là một ví dụ điển hình, nơi lập trình web nâng cao được sử dụng để tạo ra một nền tảng thương mại điện tử hoàn chỉnh, giúp quản lý sản phẩm và tương tác với khách hàng một cách hiệu quả.

1.1. Khái niệm lập trình web nâng cao

Lập trình web nâng cao bao gồm các kỹ thuật tiên tiến như xử lý dữ liệu phức tạp, tích hợp cơ sở dữ liệu, và phát triển ứng dụng web đa tầng. Nó yêu cầu hiểu biết sâu về cả front-endback-end development, cùng với các công nghệ như PHP, JavaScript, HTML/CSS, và các framework hiện đại để xây dựng website mạnh mẽ.

1.2. Mục tiêu đồ án xây dựng website

Mục tiêu của đồ án lập trình web nâng cao là giúp sinh viên nắm vững quy trình xây dựng website hoàn chỉnh, từ phân tích yêu cầu, thiết kế giao diện, đến triển khai hệ thống. Dự án Rio Kids minh họa cách ứng dụng những kiến thức này vào một website quản lý cửa hàng thực tế, nâng cao khả năng giải quyết vấn đề của sinh viên.

II. Phân tích yêu cầu và thiết kế hệ thống

Giai đoạn phân tích yêu cầu là nền tảng quan trọng trong quá trình xây dựng website. Với dự án Rio Kids, nhóm phát triển phải khảo sát nhu cầu của cửa hàng bán quần áo trẻ em, bao gồm quản lý sản phẩm, xử lý đơn hàng, và thống kê doanh thu. Lập trình web nâng cao đòi hỏi phải thiết kế một kiến trúc hệ thống vững chắc, với database được tối ưu hóa. Việc phân chia công việc giữa front-end (giao diện người dùng) và back-end (xử lý logic và dữ liệu) là điều cần thiết để xây dựng website hiệu quả. Đồ án này giúp sinh viên hiểu rõ quy trình từ yêu cầu ban đầu đến thiết kế chi tiết.

2.1. Khảo sát nhu cầu khách hàng

Khảo sát hệ thống là bước đầu tiên để xây dựng website thành công. Cửa hàng Rio Kids cần một nền tảng để quản lý kho hàng, tạo danh sách sản phẩm, và xử lý đơn mua hàng online. Khách hàng mong muốn trải nghiệm mua sắm mượt mà, tìm kiếm sản phẩm dễ dàng, và thanh toán an toàn. Lập trình web nâng cao phải đáp ứng tất cả những yêu cầu này.

2.2. Thiết kế kiến trúc hệ thống

Kiến trúc hệ thống website quản lý cửa hàng cần được chia thành ba lớp: presentation layer (giao diện), business logic layer (xử lý logic), và data access layer (quản lý dữ liệu). Lập trình web nâng cao sử dụng các mô hình MVC hoặc các framework hiện đại để đạt được kiến trúc sạch, dễ bảo trì và mở rộng.

III. Công nghệ và công cụ sử dụng trong phát triển

Để xây dựng website chuyên nghiệp, dự án lập trình web nâng cao Rio Kids sử dụng các công nghệ hiện đại và phổ biến. Front-end được phát triển với HTML5, CSS3 và JavaScript, kết hợp với các framework như Bootstrap hoặc Vue.js để tạo giao diện responsive và thân thiện. Back-end sử dụng PHP hoặc Node.js để xử lý logic ứng dụng, kết nối với MySQL cho lưu trữ dữ liệu. Các công cụ phát triển như Visual Studio Code, Git cho quản lý phiên bản mã nguồn, và các công cụ kiểm tra được sử dụng để đảm bảo chất lượng. Việc sử dụng các công nghệ này giúp sinh viên tiếp cận với thực tiễn ngành công nghệ thông tin hiện nay.

3.1. Công nghệ front end

Lập trình web nâng cao phía front-end sử dụng HTML5 để cấu trúc trang web, CSS3 để định kiểu giao diện, và JavaScript để xử lý tương tác người dùng. Framework CSS như Bootstrap giúp xây dựng website responsive, tự động thích ứng với các kích thước màn hình khác nhau, cải thiện trải nghiệm người dùng trên mobile.

3.2. Công nghệ back end và cơ sở dữ liệu

Back-end development trong đồ án này sử dụng PHP để xử lý các yêu cầu từ phía client, thực hiện logic quản lý sản phẩm, đơn hàng và thanh toán. MySQL được chọn làm cơ sở dữ liệu, đảm bảo lưu trữ an toàn và truy vấn hiệu quả. Lập trình web nâng cao đòi hỏi xử lý lỗi, xác thực dữ liệu, và bảo mật thông tin.

IV. Kết quả và hướng phát triển trong tương lai

Đồ án lập trình web nâng cao - xây dựng website Rio Kids đã hoàn thành thành công với đầy đủ các chức năng cơ bản: quản lý sản phẩm, xử lý đơn hàng, quản lý khách hàng, và hệ thống thanh toán. Website này không chỉ giúp cửa hàng Rio Kids có một nền tảng bán hàng online chuyên nghiệp, mà còn nâng cao khả năng cạnh tranh trên thị trường thương mại điện tử. Dự án đã cho thấy tầm quan trọng của lập trình web nâng cao trong việc giải quyết các bài toán thực tế. Hướng phát triển tiếp theo bao gồm tích hợp các phương thức thanh toán thêm, cải thiện hệ thống tìm kiếm, và phát triển ứng dụng mobile để xây dựng website ngày càng hoàn hảo hơn.

4.1. Các tính năng đã hoàn thành

Dự án đã xây dựng website với các tính năng: danh sách sản phẩm động, tìm kiếm và lọc sản phẩm, giỏ hàng, quản lý tài khoản khách hàng, và lịch sử đơn hàng. Lập trình web nâng cao được áp dụng để tạo ra hệ thống quản lý nội bộ cho nhân viên, cho phép thêm, sửa, xóa sản phẩm, và xem thống kê bán hàng.

4.2. Hướng phát triển tương lai

Để tiếp tục xây dựng website hiệu quả hơn, các cải tiến có thể bao gồm: tích hợp AI cho gợi ý sản phẩm, phát triển ứng dụng mobile, tối ưu SEO để tăng lưu lượng truy cập, và nâng cao bảo mật. Lập trình web nâng cao sẽ tiếp tục phát triển để theo kịp xu hướng công nghệ.

28/12/2025

Trích đoạn nội dung tài liệu

CHƯƠNG I: KHẢO SÁT VÀ XÁC LẬP BÀI TOÁN 1. Khảo sát hệ thống 1. Giới thiệu về website RIO KIDS tự tin là địa chỉ chuyên nghiệp và uy tín bậc nhất trong việc cung cấp các sản phẩm quần áo, phụ kiện trẻ em theo phong cách phi giới tính khác biệt. Đến với RIO KIDS các mẹ sẽ tìm được mọi thứ bạn cần cho bản thân mình.

Địa chỉ: Số 24 LK6B – C17 Bộ Công An, Mỗ Lao, Hà Đông, Hà Nội Với đội ngũ nhân viên chuyên nghiệp và nhận được sự ủng hộ từ mọi người, RIO KIDS sẽ không ngừng cố gắng để mở rộng quy mô, nâng cao dịch vụ nhằm mang đến hệ thống cửa hàng cùng nhiều tiện ích tốt nhất, phục vụ tối ưu nhất nhu cầu của khách hàng. Đánh giá thực tế Đến với RIO KIDS, bạn sẽ nhận được sự tư vấn tận tình, chuyên nghiệp đến từ đội ngũ nhân viên bán hàng trẻ trung nhưng đầy nhiệt huyết và kinh nghiệm trong việc tư vấn thời lOMoARcPSD|17160101 trang và phong cách. Hơn thế nữa, RIO KIDS còn có các chương trình ưu đãi, khuyến mãi dành cho khách hàng diễn ra thường xuyên. Hiện nay, cửa hàng đã có website của riêng mình, tuy nhiên, trang web chưa được hoàn thiện và được khai thác, sử dụng đúng công năng mà một trang web nên có.

Xác định bài toán cần giải quyết - Để chấm dứt những vấn đề đã nêu trên cũng như để phù hợp với phương châm làm việc của cửa hàng, trang web cần phải được nâng cấp đề phù hợp với một số yêu cầu sau: + Giao diện, hình ảnh, bố cục website đẹp. + Thông tin các mặt hàng được cập nhật đầy đủ, chi tiết. + Thao tác mua, đặt hàng, thanh toán thuận lợi, rõ ràng. + Giao diện admin dễ nhìn, dễ sử dụng + Thao tác với hệ thống đơn giản, thuận tiện.

Yêu cầu website 1. Yêu cầu chức năng - Các chức năng chính quản lý cửa hàng: + Quản lý đăng nhập + Quản lý đơn hàng + Quản lý sản phẩm + Quản lý nhân viên lOMoARcPSD|17160101 + Quản lý báo cáo thống kê 1. Yêu cầu phi chức năng 1. Yêu cầu bảo mật.

Điều quan trọng cần chú ý nhất đó là thông tin khách hàng do khách hàng cung cấp, nếu không được khách hàng cho phép cần phải được bảo mật tuyệt đối. Yêu cầu về sao lưu. Việc sao lưu dữ liệu cũng rất quan trong bởi cũng có rất nhiều dữ liệu quan trọng như thông tin đơn hàng, thông tin sản phẩm, hay báo cáo thống kê thường kì rất được các quản lý cửa hàng chú trọng nên họ sẽ thường xuyên sao lưu dữ liệu. Hoặc khi đang thanh toán cho khách hàng mà đột nhiên gặp sự cố mất điện xảy ra mà ta chưa sao lưu thì sẽ mệt cho cả 2 bên.

Yêu cầu về tính năng sử dụng. + Sử dụng được đầy đủ các chức năng trên phần mềm. + Cập nhật được thời gian thực. + Đảm bảo nhiều người có thể sử dụng hệ thống cùng một lúc.

+ Cung cấp đầy đủ các thông tin cần thiết. Yêu cầu phần cứng. + Hệ điều hành Window 7 trở lên. + Bộ xử lý: CPU lớn hơn hoặc bằng 2.

lOMoARcPSD|17160101 + Ram: lớn hơn hoặc bằng 4GB. + Ổ cứng: lớn hơn hoặc bằng 200GB. Phần mềm được sử dụng. + Cơ sở dữ liệu: My SQL.

+ Ngôn ngữ: PHP. Yêu cầu khi sử dụng phần mềm. + Nhân viên sẽ được phổ biến rõ hơn các chức năng của cửa hàng khi sử dụng 1. Các yêu cầu khác.

+ Giao diện dễ nhìn, dễ sử dụng, và thu hút người sử dụng. + Khi mới sử dụng cần có hướng dẫn chi tiết. + Hiệu suất: phản hồi nhanh. + Khả năng bảo trì.

lOMoARcPSD|17160101 CHƯƠNG II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2. Xác định các Actor và Use case tổng quát của hệ thống. Xác định các Actor của hệ thống 2. Người quản lý: - Quản lý có thể nhập thông tin nhân viên, xóa thông tin nhân viên, sửa thông tin nhân viên, tìm kiếm thông tin nhân viên.

- Quản lý có trách nhiệm thống kê thu chi, hóa đơn nhập/ xuất hàng, thống kê các sản phẩm còn tồn trong kho. Sau đó in ra báo cáo. - Là người quản lý tất cả các chức năng trong hệ thống. - Khi hệ thống bị lỗi, quản lý hệ thống là người sẽ tìm cách khắc phục, sửa lỗi hoặc update lại hệ thống.

Khách hàng: lOMoARcPSD|17160101 - Sau khi được nhân viên tư vấn về thông tin Hàng hóa và các dịch vụ của WEBSIDE thì khách hàng có thể quyết định chọn Hàng hóa và dịch vụ mà khách hàng mong muốn sau đó sẽ cung cấp thông tin cá nhân để nhân viên có thể lập hóa đơn. - Khách hàng có thể thanh toán ngay thông qua hai hình thức là qua thẻ ngân hàng hoặc tiền mặt. Khách hàng có thể lập thẻ tích điểm để tích điểm giảm giá các lần chơi kế tiếp tại WEBSIDE. Nhân viên: - Vào mỗi đầu giờ khi nhận ca, nhân viên làm theo ca hoặc nhân viên làm full-time sẽ đăng nhập vào hệ thống tích điểm danh ca làm.

- Nhân viên có thể tìm các Hàng hóa theo mã Hàng hóa. Nhập thông tin về Hàng hóa hoặc tên khách hàng hệ thống sẽ tìm kiếm theo yêu cầu và gửi kết quả lại cho nhân viên biết. - Nhân viên có thể tìm khách hàng theo mã hoặc tên sau đó có thể tùy chọn các chương năng tương ứng như nhập thông tin khách hàng, xóa thông tin khách hàng, sửa thông tin khách hàng… - Nhân viên có thể nhập thông tin tên dịch vụ mà khách hàng đã lựa chọn tài WEBSIDE. Sau khi nhập hết thông tin khách hàng cùng thông tin dịch vụ mà khách hàng chọn thì nhân viên tiến hành in hóa đơn cho khách hàng và lưu thông tin hóa đơn vào hệ thống.

- Nhân viên có thể nhập, xóa, sửa và tìm kiếm thông tin hàng hóa được nhập vào kho thông qua các trường như: Mã hàng hóa, tên hàng hóa, giá tiền,… 2. Biểu đồ Use case của toàn hệ thống lOMoARcPSD|17160101 Hình 2. Use case của toàn hệ thống 2. Phân tích chi tiết từng chức năng của hệ thống 2.

Chức năng đăng nhập: 2. Biểu đồ Use case chức năng đăng nhập: *Đặc tả use case đăng nhập: - Tác nhân: Quản lý cửa hàng, nhân viên - Mô tả: Mỗi khi tác nhân sử dụng hệ thống quản lý thì cần thực hiện chức năng đăng nhập vào hệ thống. Khi dùng xong phần mềm thì đăng xuất tài khoản ra khỏi phần mềm quản lý. - Dòng sự kiện chính: + Tác nhân yêu cầu giao diện đăng nhập vào hệ thống.

+ Hệ thống hiện thị giao diện đăng nhập cho tác nhân. + Tác nhân : nhập tên đăng nhập (usename) và mật khẩu (password). lOMoARcPSD|17160101 + Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thống. + Thông tin đúng thì hệ thống gửi thông báo và đưa tác nhân vào hệ thống chính.

+ Kết thúc use case đăng nhập. - Dòng sự kiện phụ: + Sự kiện 1: Nếu tác nhân đăng nhập đúng, nhưng lại muốn thoát khỏi hệ thống. Hệ thống thông báo thoát bằng cách đăng xuất. Kết thúc use case.

+ Sự kiện 2: Nếu tác nhân đăng nhập sai. Hệ thống thông báo đăng nhập lại hoặc thoát. Sau khi tác nhân chọn thoát. Kết thúc use case.

- Các yêu cầu đặc biệt: Không có - Trạng thái hệ thống trước khi sử dụng use case: Không có yêu cầu - Trạng thái hệ thống sau khi sử dụng use case: + Nếu đăng nhập thành công: Hệ thống sẽ gửi thông báo “Bạn đã đăng nhập thành công!!!” và hiển thị giao diện chính cho tác nhân thực hiện các chức năng khác. + Nếu đăng nhập thất bại: Hệ thống cũng sẽ gửi thông báo “Bạn đã đăng nhập thất bại!!!” và quay lại chức năng đăng nhập cho bạn đăng nhập lại thông tin của mình.2 Use case chức năng đăng nhập 2. Biểu đồ hoạt động chức năng đăng nhập a. Người thực hiện Quản lý cửa hàng, nhân viên.

Điều kiện kích hoạt Quản lý cửa hàng đăng nhập vào hệ thống. Sơ đồ luồng nghiệp vụ cơ bản lOMoARcPSD|17160101 Hình 2.3: Biểu đồ hoạt động chức năng đăng nhập d. Mô tả các bước Bước 1: Quản lý đăng nhập vào hệ thống, nhập vào tên đăng nhập và mật khẩu. Bước 2: Hệ thống sẽ kiểm tra thông tin đăng nhập nếu đúng thì đăng nhập vào hệ thống nếu sai yêu cầu nhập lại thông tin.

Bước 3: Kết thúc. Biểu đồ trình tự chức năng đăng nhập: Hình 2.4: Biểu đồ trình tự chức năng đăng nhập *Mô tả chi tiết biểu đồ trình tự với chức năng đăng nhập - Bước 1: Tác nhân cụ thể là quản lý cửa hàng khi yêu cầu đăng nhập hệ thống bán hàng. - Bước 2: Yêu cầu hệ thống hiển thị giao diện đăng nhập. - Bước 3: Hệ thống trả về form đăng nhập.

- Bước 4: Hệ thống yêu cầu nhập thông tin tài khoản username và password. - Bước 5: nhập thông tin tài khoản gồm username và password. - Bước 6: Click vào button đăng nhập để hệ thống xử lý thông tin. - Bước 7: Kiểm tra thông tin đăng nhập.

- Bước 8: Kiểm tra thông tin đăng nhập trên cơ sở dữ liệu. lOMoARcPSD|17160101 - Bước 9: Xác nhận thôn tin đăng nhập và dối chiếu kết quả với cơ sở dữ liệu. - Bước 10-11: Gửi kết quả sau khi đối chiếu. - Bước 12-13: Gửi thông báo ra màn hình: + Nếu kết quả nhận được trùng với kết quả trên cơ sở dữ liệu thì hiển thị thông báo cho tác nhân “Bạn đã đăng nhập thành công! ”.

+ Và ngược lại, nếu kết quả không trùng nhau thì gửi thông báo cho tác nhân “Bạn đã đăng nhập thất bại lêu lêu! ”. Chức năng quản lý hóa đơn: 2. Biểu đồ use case chức năng quản lý hóa đơn: Hình 2.6: Biểu đồ Use Case chức năng quản lý hóa đơn lOMoARcPSD|17160101 *Đặc tả use case hóa đơn: - Tác nhân: Nhân viên. - Mô tả: Tác nhân tiến hành đăng nhập thành công.

Sau đó tác nhân sử dụng hệ thống quản lý hóa đơn để thao tác tới hóa đơn như thêm, sửa, xóa, tìm kiếm, in hóa đơn. - Dòng sự kiện chính: + Tác nhân đăng nhập hệ thống bằng tài khoản đã được cấp thành công. + Tác nhân yêu cầu giao diện quản lý hóa đơn. + Hệ thống hiện thị giao diện quản lý hóa đơn cho tác nhân.

+ Tác nhân sẽ: Thêm, sửa, xóa, tìm kiếm, in hóa đơn. + Hệ thống kiểm tra dữ liệu và xác nhận thông tin từ tác nhân gửi vào hệ thống. + Thông tin đúng thì hệ thống gửi thông báo và lưu hóa đơn thành công hoặc in hóa đơn. + Kết thúc use case hóa đơn.

Nội dung được bảo vệ bản quyền — Tải xuống đầy đủ