Đồ án 1 đề tài lập trình website bán quần áo,phụ kiện

Danh Mục Hình ẢnhHình 1 Use Case tổng quát Hình 2 Use Csse dành cho tác nhân “Khách hàng” Hình 3 Use Case dành cho tác nhân “Admin” Hình 4 Usecase “Quản lý đon hàng” Hình 5 Usecase “Quản

TRƯỜNG ĐẠI HỌC PHƯƠNG ĐÔNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

-o0o -ĐỒ ÁN 1

ĐỀ TÀI

LẬP TRÌNH WEBSITE BÁN QUẦN ÁO,PHỤ KIỆN

Giáo viên hướng dẫn: ThS Trần Văn Lộc

Sinh viên thực hiện: Nguyễn lương Bằng

Mã sinh viên: 519100003

Lớp: 519100A

HÀ NỘI ,tháng 01 ,năm 2023

TRƯỜNG ĐẠI HỌC PHƯƠNG ĐÔNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

BÁO CÁO CHUYÊN ĐỀ THỰC TẬP LẬP TRÌNH WEBSITE BÁN QUẦN ÁO,PHỤ KIỆN

Sinh viên thực hiện: Nguyễn Lương Bằng

Mã sinh viên: 519100003

Giáo viên hướng dẫn : ThS Trần Văn Lộc

HÀ NỘI 01 – 2023

Danh Mục Hình Ảnh

Hình 1 Use Case tổng quát

Hình 2 Use Csse dành cho tác nhân “Khách hàng”

Hình 3 Use Case dành cho tác nhân “Admin”

Hình 4 Usecase “Quản lý đon hàng”

Hình 5 Usecase “Quản lý tài khoản”

Hình 6 Usecase “Quản lý đơn hàng” dành cho khách hàng

Hình 7 Usecase “Quản lý đơn hàng” dành cho Admin

Hình 8 Usecase “Quản lý thanh toán” dành cho khách hàng

Hình 9 Usecase “Quản lý thanh toán” dành cho Admin

Hình 10 Usecase “Quản lý sản phẩm”

Hình 11 Usecase “Quản lý khách hàng”

Hình 12 Biểu đồ hoạt động đăng nhập dành cho khách hàng và Admin

Hình 13 Biểu đồ hoạt động quản lý giỏ hàng dành cho khách hàng

Hình 14 Biểu đồ hoạt động tìm kiếm sản phẩm dành cho khách hàng

Hình 15 Biểu đồ hoạt động gửi ý kiến phản hồi khách hàng

Hình 16 Biểu đồ hoạt dộng quản lý đơn hàng của Admin

Hình 17 Biểu đồ hoạt động quản lý sản phẩm dành cho Admin

Hình 18 Biểu đồ hoạt động quản lý khách hàng của Admin

1.5.1 HTML,CSS,Javascript 1.5.2 PHP

1.5.3 MySQL Chương 2:PHÂN TÍCH HỆ THỐNG

2.1 Khảo sát hệ thống 2.1.1 Cơ cấu tổ chức của một cửa hàng 2.1.2 Xác định yêu cầu của từng cá nhân trong cửa hàng 2.2 Phân tích bài toán

2.3 Yêu cầu hệ thống

2.4 Mô hình website 2.5.Phân tích hệ thống

2.5.1 Use Case và chi tiết các use case

2.5.2 Biểu đồ hoạt động

Chương 3:CÀI ĐẶT VÀ THỬ NGHIỆM

3.1 Các giao diện của người quản trị (Admin) 3.2 Các giao diện của khách hàng

vô cùng cần thiết và là thật sự cần thiết Do đó, việc “quản lý mua bán hàng trên mạng” làkhông thể thiếu được trong các doanh nghiệp, cửa hàng vừa và nhỏ

Việt Nam cũng có thể coi là một nước có sự phát triển lớn mạnh trong các lĩnh vựcthương mại Việt Nam đã chính thức trở thành là một thành viên thứ 150 của tổ chức thươngmại thế giới (WTO) Là một đất nước đang có sự phát triển mạnh mẽ cũng như cuộc sống con

người ngày nay càng được nâng cao và sự gia tăng về mức tiêu thụ sản phẩm…Tóm lại ngàynay nhu cầu con người ngày càng cao trong lĩnh vực mua sắm hàng hóa Vì thế việc trao đổihàng hóa, mua bán và quản lý hàng hóa cần được thay đổi từ bán hàng thủ công sang bán hàngnhờ các công nghệ hiện đại với các thiết bị thông minh.

Chương trình đã sử dụng các ngôn ngữ như PHP, HTML, JavaScript, XML, CSS và hệquản trị cơ sở dữ liệu MySQL Và sử dụng Xampp là môi trường WebServer để hỗ trợ choPHP, MySQL, Apacher

Để hoàn thành tốt chuyên đề tốt nghiệp này, em xin gửi lời cảm ơn chân thành đến cácthầy, cô viện Công nghệ thông tin & Kinh tế số đã truyền đạt kiến thức vô cùng bổ ích cho em

trong quá trình học tập tại Viện, đặc biệt là thầy Trần Văn Lộc là người đã trực tiếp hướng

dẫn em trong quá trình làm chuyên đề một cách tận tình Em đã có cố gắng hết sức để tìm hiểucũng như phân tích thiết kế và cài đặt hệ thống nhưng sẽ không thể không tránh khỏi nhữngsai sót trong quá trình làm đề tài Em rất mong sẽ nhận được sự thông cảm cũng như góp ýcủa quý thầy, cô Em xin chân thành cảm ơn!

Nội dung báo cáo gôm 3 phần:

Chương 1: Tổng quan đề tài

của shop/dịch vụ ở bất cứ đâu chỉ cần có những thiết bị thông minh như máy tính hay điệnthoại

Website bán quần áo, phụ kiện online là một cửa hàng trực tuyến Một trang web bánquần áo với hình ảnh hấp dẫn, chuyên nghiệp có thể thu hút khách hàng giúp chúng ta có thểtạo ra hiệu ứng trong cộng đồng mạng làm tăng doanh số bán hàng, có thể giảm được bớt chiphí quảng cáo, xây dựng được hình ảnh thương hiệu của chính mình, kích thích khách hàngmua hàng Hơn nữa, chúng ta có thể tạo thêm các mối khách hàng dễ dàng qua Internet. 

Website bán quần áo, phụ kiện cung cấp giao diện cho các nghiệp vụ khác nhau của mộtcửa hàng như có quyền truy cập, nắm bắt, quản lý và báo cáo thông tin về mọi khía cạnh như:quản lý đơn hàng, quản lý sản phẩm, quản lý tài khoản, quản lý khách hàng, quản lý tài khoản,quản lý thanh toán,

1.2. Mục tiêu của đề tài 

- Giao diện thân thiện với khách hàng, thu hút nhiều khách hàng ở mọi nơi, mọi lúc

- Dễ dàng quản lý, bao quát được các sản phẩm, lượng khách hàng, thông tin khách hàng một cách nhanh chóng, chính xác nhất. 

- Giúp khách hàng mua hàng một cách nhanh chóng không cần phải đi đến tận cửa hàng mới có thể mua được sản phẩm

- Xây dựng hệ thống bao gồm các chức năng:

 Quản lý sản phẩm 

 Quản lý thông tin khách hàng

 Quản lý đặt hàng

 Quản lý thanh toán 

 Quản lý tổng quan và thống kê các đơn hàng, danh mục các loại sản phẩm

1.3. Phạm vi của đề tài

- Website chuyên bán quần áo, phụ kiện cho Nam, Nữ và trẻ em 

- Cho phép người tiêu dùng mua hàng 

- Quản lý việc đặt hàng, thông tin khách hàng, quản lý sản phẩm

- Vận chuyển qua 63 tỉnh thành Việt Nam (chưa hỗ trợ ship cho đơn nước ngoài)

- Nhà quản lý có thể thống kê các sản phẩm bán chạy, doanh thu của từng tháng, số đơn hàng theo tháng một cách nhanh nhất giúp hoạt động kinh doanh sản xuất của mình tốt hơn

1.4. Ý nghĩa thực tiễn của đề tài

 Ý nghĩa đối với người sử dụng hệ thống website

- Chúng ta có quyền được tra cứu, cập nhật, báo cáo thống kê về sản phẩm, đơn hàng, các thông tin khách hàng, thông tin hóa đơn…

- Mua hàng một cách dể dàng, nhanh chóng, thuật tiện, ít tốn kém

 Ý nghĩa đối với cá nhân sinh viên

Tạo ra một website thân thiện với người dùng, dễ sử dụng và giúp hiệu quả hơn trong quátrình quản lý, bán hàng bằng phương thức thủ công

1.5. Công cụ/ công nghệ sử dụng:

1.5.1. HTML, CSS, Javascript

1.5.1.1 HTML

HTML (Hyper Text Markup Language) – Ngôn ngữ đánh dấu siêu văn bản, là một

ngôn ngữ dùng cho các tài liệu để tạo ra một trang web. 

Tuy nhiên HTML không sử dụng như là một ngôn ngữ lập trình, HTML là nhằm xác địnhnhững ý nghĩa, mục đích và cấu tạo của một trang wbe Kết hợp với CSS và JavaScript, HTML

là một bộ ba – nguồn gốc của cácwebsite

Một trang web thường có rất nhiều trang web con Một trang web con bao gồm một tậpthư mục HTML riêng Tất cả đều được tạo ra từ ngôn ngữ HTML hay bạn có tạo ra một trangweb bằng một ngôn ngữ nào đi chăng nữa hay bằng bất cứ một Framework bất kì hay chạy trênmột nền tảng website nào đó. 

Chức năng chính của HTML là tạo ra một cấu trúc siêu văn bản của trang web, hay khikhai báo các tệp tin kỹ thuật số ví dụ như video, nhạc, hình ảnh HTML có chức năng dùng đểchia các blockquotes, heading, đoạn văn, links…

HTML được dùng để:

 Ngắt dòng điều khiển, định dạng đoạn văn, thêm tiêu đề

 Xây dựng danh sách, ký tự đặc biệt, liên kết, nhấn mạnh văn bản, chèn hình ảnh. 

 Xây dựng bảng, điều khiển một số kiểu mẫu

1.5.1.2 CSS

CSS là được viết bởi cụm từ “Cascading Style Sheets”, là ngôn ngữ nhằm tạo phong

cách cho một trang web CSS được xây dựng dựa trên cách các thành phần HTML sẽ được

hiện ra như thế nào trên một trang web

Nói cách khác, CSS để xây dựng styles và giải thích cho nhiều các nội dung của một trangweb CSS nhằm để bổ sung với HTML tạo ra một phong cách của một trang web

Các style CSS chính gồm 3 style:

 Style CSS Internal: style này được tải lên khi mà trang web được refresh.

 Style CSS Inline: được dùng khi chỉnh sửa bất kì yếu tố nào mà không cần truy vào hẳn

file CSS đó

 External style: xây dựng phong cách từ các file khác có thể được đưa CSS đến trang

web bạn cần xây dựng Nó sẽ giảm rất nhiều thời gian cần để tải trang Hơn thế nữa, việc dùng External Style CSS có thể áp dụng phong cách cho nhiều trang web cùng một lúc

Vai trò của CSS

 Định dạng cho các nhân tố sử dụng ngôn ngữ đánh dấu có thể kể đến là HTML và được

sử dụng để xây dựng phong cách cho trang web 

 Có thể dùng để định dạng nhiều website 

 Tìm ra sự khác biệt giữa cách hiển thị của một trang web đối với nội dung chính như font chữ, màu sắc và điều khiển bố cục.

1.5.1.3 Javascript

Thường được viết tắt là “JS”, JavaScript sử dụng nhằm chuyển website từ thể tĩnh sang

thể động, tương tác nhằm cải thiện hiệu suất giữa máy chủ và giúp cho trải nghiệm người sửdụng được nâng cao Có thể nói một cách gắn gọn, JavaScript là một ngôn ngữ phổ biến khi kếthợp với HTML/CSS để tạo nên web động

Vai trò của JavaScript

 Dễ dàng từ thư viện ảnh, các bước nhỏ, bố cục thay đổi … khi ta sử dụng JavaScript

 Xây dựng được nhiều trò chơi(2D, 3D), ứng dụng trên kho dữ liệu toàn diện

 Tăng cường các hoạt động, điều khiển mặc định từ các trình duyệt

JavaScript là ngôn ngữ lập trình thiết kế các trang web tương tác Hầu hết các trạng tháiđộng xuất hiện trên trang web đều có được từ JavaScript Do đó, có thể nói nó là một ngôn ngữrất khó học và vô cùng phức tạp

1.5.2 PHP

PHP được viết tắt bởi cụm từ Hypertext Preprocessor, nó là một ngôn ngữ lập

trình được gắn liền với máy chủ

Bộ đôi PHP/MYSQL để tạo ra một website, là một ngôn ngữ thông dụng, dễ dàng càiđặt, sử dụng và nhiều công ty, doanh nghiệp lớn dùng ví dụ như: Wikipedia, Yahoo, Facebook,Wordpress, Joomla Đối với Việt Nam là Zingme, Nhacso.net, Vnexpress, …

PHP sở hữu thư viện rất đa dạng và phong phú Các thư viện được nhiều cộng đồngphân phối miễn phí hoàn toàn, giải quyết được gần như là toàn bộ các vấn đề thường gặp khilập trình một trang web Với sự phong phú của thư viện như vậy, framework giúp ta dễ nghiêncứu học tập, lựa chọn “sản phẩm” phù hợp để triển khai ứng dụng website bán hàng Đó cũng

là nguyên do cốt yếu làm cho PHP càng ngày có tiềm lực để phát triển, phổ biên hơn và đại đa

số các nhà lập trình sử dụng chúng

1.5.3. MySQL

MySQL là một hệ quản trị cơ sở dữ liệu với mã nguồn mở miễn phí, nó tích hợp đểđược dùng chung với PHP, apache MySQL với mục đích quản lý dữ liệu bởi nhiều cơ sở dữliệu, mỗi một cơ sở dữ liệu bao gồm nhiều bảng chưa các dữ liệu quan hệ MySQL có cáchthức tổ chức phân quyền riêng cho mỗi người dùng, một người sử dụng bị cai quản bởi mộthoặc nhiều cơ sở dữ liệu khác nhau, và họ được cấp một user name hay được gọi là tên truycập và password là mật khẩu ứng với nhau để truy xuất cơ sở dữ liệu.

Để truy vấn đến cơ sở dữ liệu như MySQL, thì phải cung cấp một tên truy cập và mậtkhẩu tương ứng của tài khoản đó được quyền sử dụng đến cơ sở dữ liệu đó Nếu như không

giao diện thì mới có thể đưa tới truy vấn và có thể xem kết quả: các yêu cầu từ trình duyệt Web hoặc từ khách hàng

 Bảo mật và kết nối: có khả năng chia sẻ dữ liệu của mình với mọi người hay bất kỳ một nơi nào mà bên cạnh đó MySQL có thể kiểm soát được quyền truy cập

 Tính linh động: MySQL được chạy trên các hệ thống Windows, UNIX MySQL có khả năng chạy trên các với máy server hoặc PC

 Tính phân phối rộng: chỉ cần dùng trình duyệt web của bạn

 Sự hỗ trợ: Khi tìm thấy lỗi, các người phát triển có thể đưa ra các cách khắc phục

Kết hợp giữa PHP và MySQL

PHP và MySQL là bộ đôi đã tạo ra nền tảng tốt của một website Số người dùngchúng càng ngày được phổ biến trong ngành lập trình web, PHP và MySQL đã trở nên phổbiến, thông dụng PHP được kết hợp cùng MySQL đã tạo nên các ứng dụng chéo nền nhưcrossplatform hay còn được phát triển trên các ứng dụng như Windows hay máy chủ Unix

Chương 2: PHÂN TÍCH HỆ THỐNG

2.1 Khảo sát hệ thống

Chiến lược điều tra:

- Thông tin đã điều tra: được tham khảo các website như: shopee.com, yody.com

- Khảo sát các hoạt động từ hệ thống thủ công

- Phỏng vấn, khảo sát trực tiếp các chủ shop quần áo (chủ cửa hàng, nhân viên cửa hàng)

- Là khách hàng đê nắm bắt rõ được các yêu cầu thực tế cần phải có ở hệ thống website bán hàng

Sau khi khảo sát và tìm hiểu hệ thống hoạt động thủ công hiện tại ta có các nguyên tắc hoạtđộng, quản lý, tìm kiếm, quảng cáo sản phẩm của một hệ thống cửa hàng được xây dựng nhưsau:

2.1.1 Cơ cấu tổ chức của một cửa hàng

- Chủ của cửa hàng

- Nhân viên cửa hàng(bán hàng, thu ngân)

- Nhân viên của kho hàng 

2.1.2 Xác định những yêu cầu nghiệp vụ đối với từng cá nhân trong cửa hàng

 Chủ của cửa hàng:

 Điều phối và nắm bắt tổng quan về số lượng sản phẩm, đơn hàng toàn bộ hoạt động của cửa hàng 

 Kiểm tra hóa đơn để thu chi nhập xuất các sản phẩm

 Nhân viên bán hàng, thu ngân:

 Giới thiệu các sản phẩm, tư vấn giúp khách hàng lựa chọn theo nhu cầu , mong muốn và túi tiền của họ

 Thực hiện thu tiền của khách hàng, xác nhận đưa lên hệ thống để nó thông báo được tới nhân viên kho về các sản phẩm đã bán 

 Thống kê tài chính, số đơn hàng của cửa hàng

 Ghi nhận số sản phẩm được bán của mỗi một loại sản phẩm được ghi nhận vào hệthống, báo cáo đơn hàng cho chủ của cửa hàng sau mỗi ngày làm việc hoặc ca làm việc

 Nhân viên kho:

 Phụ trách về việc xuất, nhập hàng Khi chuẩn bị nhập hàng thì tiến hành nhập số liệu, sản phẩm mới vào hệ thống

 Thống kê về doanh thu, lượng hàng đã bán, nhập về định kỳ theo từng ngày, từngtháng

2.2 Phân tích bài toán:

Cửa hàng bán nhiều sản phẩm không chỉ riêng quần áo mà còn có cả phụ kiện nênchúng ta cần xây dựng được một cơ sở dữ liệu về các sản phẩm Chúng ta quản lý các thông tinsau: tên hàng, màu sắc, size, số lượng, giá vận chuyển, danh mục các sản phẩm Khách hàngđặt hàng thông qua cửa hàng để mua trực tiếp hoặc gọi đến só hotline của cửa hàng, hoặc liênlạc thông qua các trang mạng xã hội ví dụ Facebook, Tiktok Cửa hàng đưa cho khách hàngsản phẩm đó và thông tin hóa đơn bán hàng Chúng ta quản lý các hóa đơn thông qua các thôngtin: chi tiết khách hàng (ID khách hàng, tên, email), thông tin chi tiết sản phẩm (kích thước, tên

sản phẩm, màu sắc, số lượng, giá tiền), thông tin thanh toán(như phương thức thanh toán, IDthanh toán, thông tin giao dịch), số tiền thanh toán, trạng thái thanh toán, trạng thái giao hàng. Nếu một số hóa đơn bán hết hàng thì hệ thống sẽ không cho thêm sản phẩm vào giỏ hàng Khilên đơn cho khách hàng thì cần giao một phiếu cho khách hàng và giữ lại một phiếu.Admin củacửa hàng (chủ cửa hàng) có thể thêm/sửa/xóa sản phẩm và thay đổi lại ảnh bìa của websitehoặc là lời giới thiệu cửa hàng trên website thông qua tài khoản admin Đối với khách hàng thìadmin sẽ quản lý thông tin về tên khách hàng, email, tỉnh thành hơn nữa có thể thay đổi trạngthái hoạt động của tài khoản khách hàng.

2.3 Yêu cầu hệ thống

Website bán quần áo, phụ kiện

 Quản lý tài khoản:

  Admin: Hệ thống sẽ tự tạo 1 tài khoản Admin để quản lý, thay đổi trang web

 Khách hàng: có thể tự đăng ký tài khoản và đăng nhập vào trang web sau khi Admin thay đổi trạng thái hoạt động

 Quản lý giỏ hàng: Khách hàng có thể thêm sản phẩm vào giỏ hàng, cập nhật giỏ hàng,

xóa sản phẩm khỏi giỏ hàng, tiến hành thanh toán, thay đổi địa chỉ vận chuyển, địa chỉ thanh toán đơn hàng

 Quản lý thanh toán: Khách hàng sau khi đặt hành thì phải chọn phương thức thanh toán,

theo dãi trạng thái thanh toán đơn hàng

 Quản lý sản phẩm: Admin có quyền thêm/ xóa/ sửa sản phẩm, xem số lượng sản phẩm

hiện tại, quản lý sản phẩm nổi bật và sản phẩm thông thường 

 Quản lý khách hàng: Admin xem thông tin về khách hàng, thay đổi trạng thái của tất cả

các khách hàng đã đăng ký tài khoản 

Ngoài ra còn có:

 Quản lý cài đặt trang web: Admin quản lý và có thể thay đổi logo của shop, thay đổi

liên hệ của shop, cài đặt tin nhắn khi khách hàng đặt câu hỏi, xem thông tin, thay đổi trạng thái khách hàng đăng ký theo dõi bảng tin của shop, cài đặt biểu ngữ, cài đặt lại thông tin thanh toán của shop; xem được tổng quát các sản phẩm, các đơn hàng,

 Quản lý thanh trượt và các dịch vụ: Admin thêm/ sửa/ xóa ảnh bìa trên trang web và

thêm/ sửa/ xóa các dịch vụ của cửa hàng

Gửi ý kiến, câu hỏi 

Admin

Đăng nhậpQuản lý về sản phẩmQuản lý tài khoản khách hàngQuản lý các đơn hàng

Quản lý các câu hỏi, người đăng ký theo dõi Xem báo cáo và thống kê



2.5 Phân tích hệ thống 

2.5.1 Use Case và chi tiết các use case

2.5.1.1 Use Case tổng quát

Hình 1 Use Case tổng quát

2.5.1.2 Use Case dành cho tác nhân “Khách hàng”

Hình 2 Use Case dàng cho tác nhân “Khách hàng”

2.5.1.3 Use Case dành cho tác nhân “Admin”

Hình 3 Use Case dàng cho tác nhân “Admin”

2.5.1.4 Biểu đồ chi tiết Usecase “Quản lý đơn hàng”