LỜI MỞ ĐẦUCùng với sự phát triển không ngừng nghỉ của internet, việc ứng dụng côngnghệ này vào thực tế cuộc sống đã và đang được con người sử dụng rộng rãi bởinhững tính năng vượt trội c
Giới thiệu về dự án
Tên đề tài
Thiết kế website bán quần áo.
Lý do chọn đề tài
Hiện nay, việc sử dụng Website trong phát triển kinh doanh, đặc biệt trong ngành thời trang, đã trở nên phổ biến và hiệu quả Các cửa hàng và công ty sử dụng Website để giới thiệu và quảng bá sản phẩm của mình, giúp người tiêu dùng, đặc biệt là giới trẻ và các bạn nữ, dễ dàng tìm kiếm và mua sắm trực tuyến.
Thị trường thời trang đang trở thành một lĩnh vực tiềm năng và ngày càng quan trọng trong cuộc sống của mỗi người Thời trang không chỉ giúp nâng cao sự tự tin mà còn mang lại niềm vui và vẻ đẹp trong mắt người thân, bạn bè và đồng nghiệp Những bộ trang phục hàng ngày đóng vai trò quan trọng trong việc thể hiện phong cách và cá tính của mỗi cá nhân.
Bên cạnh đó, Website còn giúp giới thiệu hình ảnh cửa hàng đến với mọi người.
Em quyết định thực hiện đề tài này nhằm mang đến nhiều lựa chọn phong phú hơn cho khách hàng, đồng thời phát triển cửa hàng theo quy mô lớn hơn.
Hướng tiếp cận và Ưu nhược điểm của đề tài
3.1 Hướng tiếp cận Đề tài hướng đến các cửa hàng quần áo có quy mô vừa.
3.2 Ưu nhược điểm của đề tài
- Giới thiệu hình ảnh của cửa hàng đến với mọi người.
- Giao diện thân thiện, dễ sử dụng.
- Mua bán sản phẩm trực tiếp trên Website.
- Tìm kiếm thông tin sản phẩm, thông tin khách hàng, thông tin nhà cung cấp nhanh chóng, dễ dàng.
- Thống kê bán hàng, nhập hàng, doanh thu, sản phẩm bán chạy nhất một cách nhanh chóng, chính xác.
- Cập nhật những mẫu thời trang mới nhất đến với khách hàng nhanh chóng.
- Tốc độ xử lý còn chậm.
Cơ sở lý thuyết
Website, hay còn gọi là trang web, là một tập hợp các trang con bao gồm văn bản, hình ảnh, video và flash Tất cả các trang này được lưu trữ trong một tên miền hoặc tên miền phụ trên các máy chủ, hoạt động trực tuyến qua mạng Internet toàn cầu.
The website was invented and implemented around 1990-1991 by British scientist Tim Berners-Lee and Belgian Robert Cailliau at CERN in Geneva, Switzerland.
Một trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP hoặc HTTPS.
Website có thể được phát triển từ các tệp tin HTML hoặc thông qua các hệ thống quản lý nội dung (CMS) hoạt động trên máy chủ Ngoài ra, website cũng có thể được xây dựng bằng nhiều ngôn ngữ lập trình khác nhau như PHP, NET, Java, và Ruby on Rails.
Hiện nay, để một website có thể vận hành trên môi trường Word Wide, cần bắt buộc có 3 phần chính:
- Tên miền (là tên riêng và duy nhất của website).
- Hosting (là các máy chủ chứa các tệp tin nguồn).
- Source code (là các tệp tin html, xhtml, hoặc một bộ code/cms).
- Ngôn ngữ: HTML, CSS, JavaScript, PHP, …
- Phần mềm: Visual studio code, MySQL
Cấu trúc đồ án
Ngoài phần mở đầu và kết luận, nội dung báo cáo của em được chia làm bốn chương:
Chương 1: Giới thiệu về dự án.
Chương 2: Nghiên cứu tổng quan.
Chương 3: Phân tích thiết kế hệ thống.
Chương 4: Triển khai xây dựng.
Nghiên cứu tổng quan
Khảo sát thực trạng
Để xây dựng và phát triển một trang web cạnh tranh, không phải nhà phát triển nào cũng thành công do nhiều bất cập trong quản lý và điều hành Việc nhận thức rõ vai trò của người quản trị là cần thiết, cùng với một định hướng và chiến lược lâu dài để có thể cạnh tranh với các trang web khác Trong bối cảnh cạnh tranh gay gắt, nhà phát triển cần tạo ra điểm nổi bật cho trang web, ít nhất là đảm bảo có đầy đủ các chức năng cơ bản của một trang web bán hàng Qua khảo sát và phân tích thị trường, cần chú trọng quản lý các thông tin quan trọng.
- Quản lí số lượng người xem sản phẩm.
- Quản lí phần bình luận mà người dùng có thể để lại sau khi xem sản phẩm.
- Quản lí phần đặt câu hỏi là trả lời một cách chính xác và nhanh nhất.
Phương pháp nghiên cứu
Table 1 Phương pháp nghiên cứu
Tên Phương Pháp Ưu điểm Hạn chế Kết luận
1 Tham khảo thị trường, các shop quần áo offline và online
Khách quan, trung thực, chính xác.
Tốn kém, mất nhiều thời gian Kém hiệu quả
2 Tham khảo qua tài liệu, sách báo Thông tin cô đọng, dễ tiếp thu.
Nguồn thông tin chưa nhiều, không được cập nhật.
Thông tin được cập nhật thường xuyên.
Không biết chọn lọc thông tin sẽ gây rối thông tin Hiệu quả nhất
Kết hợp cả ba phương pháp, nhưng ưu tiên phương pháp 3, là cách tối ưu hóa hiệu quả trong xây dựng Website bán quần áo Nghiên cứu kỹ lưỡng sẽ giúp có cái nhìn tổng quan và sâu sắc, từ đó đưa ra những nhận định chính xác về kế hoạch phát triển trang web online.
Phân tích và thiết kế hệ thống
Phân tích các chức năng, tác nhân trong hệ thống
1.1 Các chức năng chính của hệ thống
Chức năng của hệ thống có thể chia làm các nhóm chức năng chính như sau:
Nhóm chức năng đăng ký, đăng nhập thành viên.
Nhóm chức năng xem thông tin, bao gồm xem thông tin giỏ hàng, xem thông tin đơn hàng, xem thông tin sản phẩm, xem thông tin cá nhân.
Nhóm chức năng quản lý thông tin, bao gồm quản lý thông tin cá nhân, quản lý danh sách thành viên, quản lý danh mục sản phẩm.
Nhóm chức năng mua hàng, tiếp nhận và xử lý đơn hàng.
1.2 Các tác nhân chính của hệ thống
Có thể xác định được các tác nhân chính của hệ thống như sau:
Khách hàng là người tham gia giao dịch với hệ thống thông qua việc đặt hàng, có khả năng lựa chọn sản phẩm, địa điểm và thời gian giao hàng theo ý muốn Ngoài ra, khách hàng cũng có thể đăng ký trở thành thành viên của hệ thống để nhận thêm ưu đãi và dịch vụ.
NHÂN VIÊN: là người tiếp nhận và xử lý các đơn hàng, các yêu cầu do người quản lý giao.
NGƯỜI QUẢN LÝ: là người điều hành, quản lý và theo dõi mọi hoạt động của hệ thống.
Thành viên bao gồm người quản lý, nhân viên và khách hàng đã đăng ký Sau khi đăng nhập, các thành viên không chỉ có quyền truy cập vào các chức năng chung mà còn được hưởng thêm những tính năng đặc thù phục vụ cho công việc riêng của từng đối tượng.
Xây dựng biểu đồ Use case
2.1 Xác định các Use case
Tác nhân “Khách hàng” có các UC sau:
Đăng kí làm thành viên
Xem thông tin sản phẩm
Xem thông tin giỏ hàng
Chọn sản phẩm cần mua
Thêm, bớt sản phẩm trong giỏ hàng
Thực hiện việc mua hàng
Tác nhân “Người quản lý” có các UC sau:
Giao cho nhân viên thực hiện
Quản lý danh sách thành viên
Quản lý danh mục sản phẩm
Tác nhân “Nhân viên” có các UC sau:
Ngoài ra, hệ thống còn có sự tham gia của người quản lý, nhân viên và khách hàng đã đăng ký làm thành viên, cùng với các UC khác.
Xem thông tin cá nhân
Sửa đổi thông tin cá nhân
2.2 Biểu đồ Use case tổng quát
Figure 1 Biểu đồ Use case tổng quát
Thiết kế và đặc tả cơ sở dữ liệu
The article outlines a database schema featuring a "Null" style naming convention with various fields: an 'id' of type bigint(20) that is not a primary key, a 'name' field as varchar(255) with no constraints, and an 'email' field also as varchar(255) without restrictions Additionally, it includes an 'email_verified_at' timestamp which can be null, a 'password' field of varchar(255) with no null values allowed, and a 'remember_token' of varchar(100) that can be null The schema also specifies a 'level' field as tinyint(4) with no nulls, a 'description' text field that can be null, and timestamps for 'created_at' and 'updated_at' which are allowed to be null.
Tên Kiểu Null Ràng buộc Mặc định id bigint(20) Không PK Không name varchar(255) Không Không created_at timestamp Có Null updated_at timestamp Có Null
The article discusses a database schema featuring a table with several fields: the 'id' field is defined as bigint(20) and is not a primary key; the 'product_id' is an int(10) and is not a foreign key; the 'path' is a varchar(255) with no constraints; and there are two timestamp fields, 'created_at' and 'updated_at', both of which allow null values.
The article outlines a database schema with the following attributes: a 'Null' type for 'id' as a bigint(20) without primary key constraints, 'product_id' as an int(10) without foreign key constraints, 'color' defined as a varchar(255) with no restrictions, and 'size' as a timestamp with no constraints Additionally, 'qty' is specified as an int(11) without restrictions, while 'created_at' and 'updated_at' are both timestamps that allow null values.
Tên Kiểu Null Ràng buộc Mặc định id bigint(20) Không PK Không name varchar(255) Không Không created_at timestamp Có Null updated_at timestamp Có Null
The article outlines a database schema for a "Null" type model, detailing various fields and their specifications The schema includes an ID field of type bigint(20) that is not a primary key, alongside brand_id and product_category_id fields of type int(10) which are not foreign keys The name field is defined as varchar(255) and is required, while the description and content fields are text types that allow null values The price is a double type that is mandatory, and qty is an int(11) type that is also required Additional fields include discount and weight as double types that can be null, a sku field as varchar(255) that allows null, a featured field as tinyint(1) that is required, and a tag field as varchar(255) that can be null Finally, created_at and updated_at fields are timestamps that allow null values.
The article outlines a database schema with a table that includes various fields: an ID of type bigint(20) without a primary key, a product_id of type int(10) with no foreign key, a user_id of type int(10) that is a foreign key, an email field of type varchar(255) with no constraints, a name field of type varchar(255) without restrictions, a messages field of type varchar(255) with no limitations, a rating field of type int(10) without constraints, and timestamps for created_at and updated_at that allow null values.
The article outlines a database schema featuring a table with various fields, including an ID of type bigint(20) that is not a primary key It includes personal information fields such as first_name and last_name, both of type varchar(255), as well as optional fields like company_name and country Additional address-related fields include street_address, postcode_zip, and town_city, all of type varchar(255) Contact information is captured through email and phone fields, also of type varchar(255) The schema specifies a payment_type field and includes timestamps for created_at and updated_at, with both timestamps allowing null values.
The database schema includes a table with the following fields: an ID of type bigint(20) that is not a primary key, an order ID of type int(10) that is not a foreign key, a product ID of type int(10) that is also not a foreign key, a quantity field of type int(11), and two double fields for amount and total, both of which are nullable Additionally, the table contains timestamps for created_at and updated_at, both of which can be null.
The article outlines the structure of a database table with the following key fields: an ID of type bigint(20) that is not a primary key, a user ID of type int(10) that is not a foreign key, and several varchar fields including title, subtitle, image, and category, each with a maximum length of 255 characters Additionally, there is a text field for content, along with two timestamp fields for created_at and updated_at, both of which can be null.
The article discusses a database schema with a table named "Kiểu Null," which includes several fields: an ID of type bigint(20) that is not a primary key, a blog_id of type int(10) that is not a foreign key, a user_id of type int(10) that is a foreign key, an email field of type varchar(255) that allows null values, a name field of type varchar(255) that does not allow null values, a messages field of type varchar(255) that does not allow null values, a created_at timestamp that allows null values, and an updated_at timestamp that also allows null values.
3.2 Biểu đồ quan hệ CSDL
Từ bảng thiết kế CSDL ở trên, ta có biểu đồ quan hệ CSDL như sau:
Figure 2 Hình ảnh biểu đồ quan hệ CSDL
Triển khai xây dựng
Các giao diện chính
Figure 3 Giao diện trang chủ (01)
Giao diện trang chủ nổi bật với thiết kế khoa học và cấu trúc rõ ràng, giúp người dùng dễ dàng tìm kiếm thông tin Các module và thanh menu được bố trí hợp lý, cùng với sự kết hợp màu sắc hài hòa, font chữ dễ đọc và hình ảnh sắc nét, tạo nên sự thu hút mạnh mẽ cho người dùng.
Figure 4 Giao diện trang chủ (02)
Figure 5 Giao diện cửa hàng (01)
Giao diện cửa hàng được thiết kế hợp lý, hiển thị đầy đủ sản phẩm cho khách hàng dễ dàng lựa chọn Với bộ lọc sản phẩm ở bên trái và giao diện sản phẩm bên phải, cửa hàng mang đến sự hài hòa, bắt mắt và dễ sử dụng.
Figure 6 Giao diện cửa hàng (02)
Figure 7 Giao diện giỏ hàng
Sau khi khách hàng chọn sản phẩm và nhấn “Thêm giỏ hàng”, họ sẽ được chuyển đến giao diện trang Giỏ hàng, nơi hiển thị thông tin chi tiết về giỏ hàng, bao gồm tên sản phẩm, giá cả, số lượng, khuyến mãi và tổng tiền thanh toán cho từng sản phẩm.
Trên trang giỏ hàng người mua sẽ có các thông tin sau:
1 Sản phẩm: Hình ảnh sản phẩm mà khách chọn mua.
2 Đơn giá: Giá bán của sản phẩm mà khách mua.
3 Số lượng Là tổng số lượng các sản phẩm khác nhau trong một giỏ hàng.:
4 Mã giảm giá: Sản phẩm có áp dụng giảm giá hay không Khách có thể sử dụng mã giảm giá Khi nhập vào đúng mã giảm giả và click vào áp dụng thì tùy vào sản phẩm, bộ sưu tập, đơn hàng sẽ được ưu đãi theo điều kiện chủ shop thiết lập.
5 Tổng tiền: là tổng số tiền của các sản phẩm khách chọn mua trong giỏ hàng.
6 Xóa: Khi khách nhấn vào nút này sẽ xóa sản phẩm mua hàng khỏi giỏ hàng.
1.4 Giao diện đặt hàng và thanh toán
Figure 8 Giao diện đặt hàng và thanh toán (01)
Khi khách hàng thực hiện mua sắm, giao diện đặt hàng và thanh toán sẽ xuất hiện Họ cần điền thông tin cần thiết vào biểu mẫu theo yêu cầu của trang web Nếu có mã giảm giá, khách hàng hãy nhập vào ô tương ứng và nhấn áp dụng Cuối cùng, hãy chọn phương thức thanh toán và hoàn tất đơn hàng.
Figure 9 Giao diện đặt hàng và thanh toán (02)
Kết luận và hướng phát triển
Sau thời gian thực hiện đề tài chương trình đã hoàn thành và đạt được một số kết quả sau:
1 Hiểu rõ quy trình bán hàng thời trang trực tuyến.
2 Xây dựng thành công website bán quần áo đáp ứng nhu cầu đặt ra của người dùng.
3 Tìm hiểu và nắm rõ công cụ phân tích thiết kế và xây dựng website.
4 Giao diện của chương trình thân thiện, dễ sử dụng.
5 Website đã giúp người dùng tiết kiệm thời gian công sức để có được một sản phẩm ưng ý Dễ dàng quản lý thông tin chi tiết của người dùng, các thông tin về sản phẩm và những đơn hàng của người mua sản phẩm từ đó sẽ thuận tiện cho việc thanh toán và mua hàng.
6 Thực hiện kiểm thử phần mềm ở mức độ lập trình
Hạn chế của đề tài:
Còn nhiều chức năng chưa được hoàn thiện.
Chưa thể cập nhập được hết những sản phẩm hiện đang có mặt trên thị trường.
Website chưa được thử nghiệm trên mạng internet.
Hướng phát triển của đề tài:
Với sự nỗ lực cá nhân, tôi đã hoàn thành yêu cầu của đề tài Tuy nhiên, do hạn chế về thời gian và năng lực, website của tôi hiện tại chỉ tập trung vào chức năng bán sản phẩm.
Chúng tôi hướng đến việc phát triển một website bán hàng chuyên nghiệp, cung cấp đầy đủ sản phẩm hiện có trên thị trường với giá cả hợp lý Bên cạnh việc bán hàng, chúng tôi cam kết mang đến dịch vụ uy tín và chất lượng tốt nhất để phục vụ khách hàng.