Xây dựng website bán giày vans

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.

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ú


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 meu 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”.


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ơtncách to&n diê n,
n với thủ tục nhanh chóng để có được mơt n
đơ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


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,...


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 meu 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


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


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 meu 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 meu 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 meu 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.


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 meu 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 meu gi&y
mới…
Khách h&ng được hỗ trợ trực
tuyến, có thể đóng góp ý kiến về


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 meu
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
meu 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

5

Quản lý b&i viét

6

Xem b&i viết

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,
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
hoặc Admin xem thông tin b&i viết.


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

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


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


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


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

Hình 1.1.2 Form thêm mới m4u giy


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

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 m4u giy


1.2.3 Form đặt giày

Hình 1.2.3 From đặt giy


1.2.4 Form l(ch s* Vans

Hình 1.2.4 Form lịch s8 cua Vans


1.2.5. Form Admin

1.2.6. Form Tin Tức


1.2.7. Form giày nam

1.2.8. Form giày nữ

1.2.9. Form giƒ hàng.


TỔNG KẾT V HƯỚNG PHÁT TRIỂN
 Tổng kết
Website bán gi&y Vans được xây dựng nhằm mục đích giúp các doanh nghiệp có
thể: quản lý, vận h&nh các meu gi&y Vans mới nhất hay quá trình khách h&ng đặt
gi&y, giải quyết nh ng thắc mắc của khách h&ng qua hệ th,ng, tăng trải nghiệm
người d*ng.
Trong quá trình nghiên cứu v& ho&n thiện dự án Website n&y thì nhóm đã nỗ lực
ho&n thiện hầu hết nh ng chức năng cơ bản như: đẩy d liệu từ database; thêm,
xóa, sửa các bảng; th,ng kê.
Thông qua đề t&i, chúng em đạt được nhiều mục tiêu đặt ra v& bổ sung rất nhiều
kiến thức mới.
 Kết quả đạt được
-Phân tích v& thiết kế Database
-Nắm được ngơn ng lập trình
-Xây dựng cơ sở d liệu v& giao diện chương trình bằng hệ quản trị cơ sở d liệu
MySQL v& PHP
-Quản lý thông tin các meu gi&y
 Hạn chế
-Thiếu kinh nghiệm trong việc phát triển dự án nên gặp nhiều vấn đề về cách tổ
chức dự án v& thời gian thực hiện.
 Hướng ph^t triển


-Chỉnh sửa giao diện đẹp mắt hơn, trực quan, t,i ưu hóa hiện thị v& độ mượt m&
của website

-Phát triển thêm chức năng thanh toán online qua các cổng thanh tốn bằng ngân
h&ng v& ví điện tử
-Đăng nhập Website bằng t&i khoản Google, Facebook…
-Xây dựng v& ho&n thiện chức năng trao đổi trực tiếp với khách h&ng bằng
chatbox.


LỜI CẢM ƠN
Đầu tiên, chúng tôi xin chân th&nh cảm ơn đến các thầy cô, giảng viên trường
Đại học Điện Lực nói chung, chun ng&nh Cơng Nghệ Phần Mềm nói riêng vì đã
hướng den, cung cấp nh ng kiến thức quan trọng về cả khía cạnh chuyên ng&nh v&
xã hội, giúp chúng tơi có được kinh nghiệm, kỹ năng trong công việc, học tập, cách
s,ng thật đúng đắn.
Đặc biệt, chúng tôi xin chân th&nh cảm ơn sự hướng den v& chỉ bảo tận tình của
thầy Đặng Trần Đức, người đã luôn hướng den, quan tâm, động viên, thông cảm,
tạo điều kiện thuận lợi cho nhóm rất nhiều trong q trình thực hiện đề t&i. Các
định hướng v& sự hiểu biết về khoa học của thầy chính l& tiền đề để chúng tôi ho&n
th&nh được đề t&i n&y.
B&i báo cáo v& ứng dụng có thể cịn nhiều hạn chế. Kính mong các thầy cơ góp ý
để đề t&i chúng tơi ho&n thiện hơn. Cho chúng tôi nh ng lời khuyên để có thêm
kinh nghiệm bước v&o tương lai.
Chân thành cảm ơn!