BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN PHẦN MỀM MÃ NGUỒN MỞ ĐỀ TÀI: WEBSITE BÁN GIÀY VANS

lOMoARcPSD|17838488

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC
KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN
PHẦN MỀM MÃ NGUỒN MỞ
ĐỀ TÀI: WEBSITE BÁN GIÀY VANS
Sinh viên thực hiện

: NGUYỄN HỮU MINH DƯƠNG
ĐOÀN NGUYÊN VU
BÙI QUỐC HUY

Giảng viên hướng dẫn : NGUYỄN QUANG TRUNG
Ngành

: CÔNG NGHỆ THÔNG TIN

Chuyên ngành

: CÔNG NGHỆ PHẦN MỀM

Lớp

: D14CNPM3

Khóa

: 2019-2023
Hà Nội, ngày 14 tháng 12 năm 2021.

lOMoARcPSD|17838488

PHIẾU CHẤM ĐIỂM
Sinh viên thực hiện:
Họ và tên

Chữ ký

Ghi chú

Nguyễn Hữu Minh
Dương
Đoàn Nguyên Vu

Bùi Quốc Huy

Giảng viên chấm:
Họ và tên
Giảng viên chấm 1:

Giảng viên chấm 2:

Chữ ký

Ghi chú


lOMoARcPSD|17838488

LỜI MỞ ĐẦU
Trong sự phát triển mạnh mẽ của khoa học cơng nghệ thế giới, có thể nói
rằng nghành cơng nghệ thông tin phát triển với tốc độ nhanh nhất và ngày càng thể
hiện được vai trò to lớn, hết sức quan trọng đối với toàn bộ đời sống con người.
Hầu hết các lĩnh vực trong xã hội đều ứng dụng công nghệ thông tin, nhiều phần
mềm đã mang lại hiệu quả không thể phủ nhận. Song thực tiễn luôn đặt ra những
u cầu mới địi hỏi ngành cơng nghệ thông tin không ngừng phát triển để thỏa
mãn và đáp ứng những thay đổi của cuộc sống. Ngày nay, ứng dụng cơng nghệ
thơng tin và việc tin học hóa được xem là một trong những yếu tớ mang tính quyết
định trong hoạt động của các chính phủ, tổ chức cung như của các cơng ty, nó đóng
vai trị hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ.
Việc xây dựng các trang web để phục vụ cho các nhu cầu riêng của các tổ
chức, công ty thậm chí các cá nhân, ngày nay, khơng lấy gì làm xa lạ. Một người
bất kì có thể trở thành chủ của một website giới thiệu về bất cứ gì anh ta quan tâm:
một website giới thiệu bản thân và gia đình, hay một website trình bày các bộ sưu
tập hình ảnh các loại xe hơi mà anh ta thích chẳng hạn.
Đới với các cơng ty thì việc xây dựng các website riêng càng ngày càng trở
nên cấp thiết. Thông qua những website này, thông tin về họ cung như các cơng
văn, thơng báo, quyết định của chính phủ hay các sản phẩm dịch vụ mới của công
ty sẽ đến với những người quan tâm, đến với khách hàng của họ một cách nhanh
nhất, kịp thời, tránh những phiền hà mà phương thức giao tiếp truyền thống gặp
phải.
Hoạt động của shop bán giày có quy mơ khá lớn sẽ càng được tăng cường và
mở rộng nếu xây dựng được một website có khả năng giới thiệu được shop và cho
phép quản lý các mẫu giày một cách nhanh chóng và chính xác nhất. Bắt nguồn
với ý tưởng này, em đã thực hiện đề tài “website bán giày Vans”.


lOMoARcPSD|17838488

CHƯƠNG I: GIỚI THIỆU ĐỀ TÀI
1.Tìm hiểu “Xây dựng website bán giày Vans”
Trong thời đại công nghệ thông tin như hiện nay, khi mà Internet trở lên thân
quen và dần trở thành công cụ không thể thiếu trong cuộc sống thì lợi ích cảu
Website đới với việc quảng bá sản phẩm và thương hiệu của một công ty thật là to
lớn. Các mặt hàng điện tử sẽ đến với khách hàng một cách trực quan và nhanh
chóng.
Tùy từng lĩnh vực kinh doanh của từng doanh nghiệp mà Website mang lại
những lợi ích khác nhau. Đặc biệt, các mặt hàng điện tử là hàng hóa dễ bán hơn
những sản phầm khác. Website trở thành một cửa ngõ để doanh nghiệp tiếp thị sản
phẩm của mình đến khách hàng.
Dự án “Xây dựng website bán giày Vans” nhằm đưa người dùng có những sự
lựa chọn về giày Vans mô ̣t cách toàn diê ̣n, với thủ tục nhanh chóng để có được mơ ̣t
đơi giày ưng ý nhất.
2.Cơng cụ lập trình
-Hệ quản trị cơ sở dữ liệu: My SQL
-Cơng cụ lập trình: PhpStorm, Visual Studio Code
-Ngơn ngữ lập trình: PHP
3.Giới thiệu ngơn ngữ lập trình PHP
Php là ngơn ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để
phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng
qt. Nó rất thích hợp với web và có thể nhúng vào trang HTML. Do được tới ưu
hóa cho các ứng dụng web, tớc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ
học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác


lOMoARcPSD|17838488

nên PHP đã nhanh chóng trở thành một ngơn ngữ lập trình web phổ biến nhất thế

giới.
Ngơn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và
có sự đóng góp rất lớn của Zend Inc., công ty do các nhà phát triển cốt lõi của PHP
lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển ở quy
mô doanh nghiệp.
PHP được phát triển từ một sản phẩm có tên là PHP/FI. PHP/FI do Rasmus
Lerdorf tạo ra năm 1994, ban đầu được xem như là một tập con đơn giản của
các mã kịch bản Perl để theo dõi tình hình truy cập đến bản sơ yếu lý lịch của ông
trên mạng. Ông đã đặt tên cho bộ mã kịch bản này là 'Personal Home Page Tools'.
Khi cần đến các chức năng rộng hơn, Rasmus đã viết ra một bộ thực thi bằng C lớn
hơn để có thể truy vấn tới các cơ sở dữ liệu và giúp cho người sử dụng phát triển
các ứng dụng web đơn giản. Rasmus đã quyết định công bố mã nguồn của PHP/FI
cho mọi người xem, sử dụng cung như sửa các lỗi có trong nó đồng thời cải tiến
mã nguồn.
4.Giới thiệu hệ quản trị cơ sở dữ liệu My SQL
MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và
được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng. Vì
MySQL là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả
chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện
ích rất mạnh. Với tớc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng
dụng có truy cập CSDL trên internet. Người dùng có thể tải về MySQL miễn phí từ
trang chủ. MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: window,
linux, MAC OS,...


lOMoARcPSD|17838488

MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan
hệ sử dụng Ngơn ngữ truy vấn có cấu trúc (SQL). MySQL được sử dụng cho việc
bổ trợ NodeJs, PHP, Perl, và nhiều ngôn ngữ khác, làm nơi lưu trữ những thông tin

trên các trang web viết bằng NodeJs, PHP hay Perl,...

CHƯƠNG II: KHẢO SÁT HIỆN TRẠNG
1.Hiện trạng thực tế
Các trang web trên toàn thế giới đang phát triển với một tốc độ vu bão, và sớ
lượng người kết nới với nó cung ngày càng tăng. Kinh doanh online trở thành
ngành nghề đem lại lợi nhuận cao, nhiều doanh nghiệp hiện nay cung cấp các mặt
hàng điện tử trực tuyến. Tất cả những gì bạn cần truy cập vào Website, lựa chọn
một sản phẩm phù hợp với mình và đặt mua.
2.Mơ hình nghiệp vụ của hệ thống
2.1 Sơ đồ cơ cấu tổ chức

Hình 1: Sơ đồ cơ cấu tổ chức
2.2 Chức năng từng bộ phận

Quản trị viên (Admin): Quản lý trực tiếp website, chịu trách nhiệm vận hành và
bảo trì trang web. Quản trị viên chịu trách nhiệm quản lý thông tin các mẫu giày,
bảo mật thông tin trên website.
Người xem (Viewer): Có các chức năng tìm kiếm, xem thơng tin giày, bài viết
giới thiệu


lOMoARcPSD|17838488

Khách Hàng (Customer): Có các chức năng cơ bản như người xem (Viewer).
Chức năng đăng nhập, đặt sản phẩm.
2.3 Yêu cầu chức năng nghiệp vụ của hệ thống


lOMoARcPSD|17838488

Vai trò
Quản trị viên (Admin)

Chức năng
-Đăng nhập, đăng xuất
-Quản lý thông tin các mẫu giày Vans
-Quản lý các bài viết giới thiệu về tiểu sử Vans
-Quản lý các đơn đặt hàng của người dùng
-Quản lý thớng kê

Người xem (Viewer)

-Đăng ký
-Tìm kiếm thông tin mẫu giàu Vans, bài viết giới thiệu

Khách hàng (Customer)

-Có đầy đủ chức năng cơ bản của người xem(Viewer)
-Đăng nhập, đăng xuất,
-Đặt giày
-Nhận email sau khi hoàn thành đặt được 1 mẫu giày bất
kì

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

-Hệ thống chạy đúng, ổn định.
-Giao diện thân thiện, dễ sử dụng.
-Đáp ứng hầu hết các yêu cầu cảu người dùng.

lOMoARcPSD|17838488

CHƯƠNG III. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
1.Các tác nhận của hệ thống
ST
T

Tác nhân

Ý nghĩa, nhiệm vụ của
Actor
Tác nhân Admin là tác
nhân giữ vai trị chính của hệ
thớng website, là người điều
hành, quản lý và theo dõi mọi
hoạt động của hệ thớng.

1

Tác nhân Admin có thể
thực hiện được tất cả các chức
năng có trong hệ thớng của quản
trị như: đăng nhập, quản lý bài
viết, quản lý các mẫu giày, quản
lý danh mục, quản lý khách hàng,
tìm kiếm…

2

Khách hàng truy cập vào
website, xem các nội dung của
website.
Khách hàng truy cập có thể
thực hiện tìm kiếm, xem, chọn,
đặt các sản phẩm. Xem cái bài
viết về khuyến mãi, các mẫu giày
mới…
Khách hàng được hỗ trợ trực
tuyến, có thể đóng góp ý kiến về


lOMoARcPSD|17838488

website.

2.Các chức năng của hệ thống
Dựa trên văn bản mô tả bài tốn và việc phân tích các tác nhân, ta xác định
được các ca sử dụng như sau:

STT

Tên chức năng

Mô tả

Chức năng này cho phép Admin, Khách Hàng
1
Đăng nhập

thành viên vào hệ thống bằng tài khoản để
thực hiện các chức năng của họ.
Chức năng này cho phép khách hàng duyệt gi

2

3

Đặt giày

Thêm các mẫu
giày yêu thích

trên website và nhấn nút đặt giày đã chọn.
Chức năng này cho phép khách hàng thêm các
mẫu giày vào danh sách yêu thích
Chức năng này cho phép Admin thêm, xem,

4

Quản lý giày

sửa, xóa các thơng tin và hình ảnh của giày.
Chức năng này cho phép Admin thêm,

5

Quản lý bài viét

xem, sửa, xóa, xem thơng tin về bài viết

Chức năng này cho phép khách hàng

6

Xem bài viết

hoặc Admin xem thông tin bài viết.


lOMoARcPSD|17838488

7

Gửi phản hồi

Chức năng này cho phép khách hàng
trao đổi qua mail với quản trị viên

3.Biểu đồ use case
3.1.Biểu đồ use case khác hàng

Hình 3.1 Biểu đồ use case khách hàng

Downloaded by hây hay ()


lOMoARcPSD|17838488

3.2.Biểu đồ use case quản trị viên

Hình 3.2 Biểu đồ use case quản trị viên
3.3 Sơ đồ use case chức năng đăng nhập

Downloaded by hây hay ()


lOMoARcPSD|17838488

Hình 3.3 Biểu đồ use case đăng nhập
3.4. Biểu đồ use case chức năng đặt giày

Hình 3.4 Biểu đồ use case chức năng đặt giày

Downloaded by hây hay ()


lOMoARcPSD|17838488

CHƯƠNG IV: THIẾT KẾ GIAO DIỆN VÀ KIỂM THỬ
1.Thiết kế giao diện
1.1 Giao diện Admin

1.1.1 Form đăng nhập

Hình 1.1.1 Form đăng nhập Admin

Downloaded by hây hay ()


lOMoARcPSD|17838488

1.1.2 Form thêm mới mẫu giày

Hình 1.1.2 Form thêm mới mẫu giày

Downloaded by hây hay ()


lOMoARcPSD|17838488

1.1.3 Form thêm mới bài viết

Hình 1.1.3 Form thêm mới bài viết

Downloaded by hây hay ()


lOMoARcPSD|17838488

1.2 Giao diện người dùng

1.2.1 Form trang chu

Hình 1.2.1a Form trang chu

1.2.2 Form các mẫu giày

Hình 1.2.2 Form các mẫu giày

Downloaded by hây hay ()

lOMoARcPSD|17838488

1.2.3 Form đặt giày

Hình 1.2.3 From đặt giày

Downloaded by hây hay ()


lOMoARcPSD|17838488

1.2.4 Form lịch sử Vans

Hình 1.2.4 Form lịch sử cua Vans

Downloaded by hây hay ()


lOMoARcPSD|17838488

1.2.5. Form Admin

1.2.6. Form Tin Tức

Downloaded by hây hay ()