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

LỜI MỞ ĐẦUTrong sự phát triển mạnh mẽ của khoa học công nghệ thế giới, có thể nóirằ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

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

Chuyên ngành : CÔNG NGHÊ= PHẦN MỀM

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

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óirằ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ầnmềm đã mang lại hiệu quả không thể phủ nhận Song thực tin luôn đặt ra nh ngyê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ỏamã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ó đóngvai 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ườibấ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ưutậ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ôngvă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 nhanhnhấ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ặpphả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& chophé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ânquen v& dần trở th&nh công cụ không thể thiếu trong cuộc s,ng thì lợi ích cảuWebsite đ,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& tolớ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& nhanhchó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ảnphẩ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ô nt cách to&n diê nn, với thủ tục nhanh chóng để có được mô ntđô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ổngquát Nó rất thích hợp với web v& có thể nhúng v&o trang HTML Do được t,i ưuhó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 PHPlậ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 RasmusLerdorf tạo ra năm 1994, ban đầu được xem như l& một tập con đơn giản củacá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 ôngtrê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ớnhơ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ểncác ứng dụng web đơn giản Rasmus đã quyết định công b, mã nguồn của PHP/FIcho 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 ứngdụ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 tintrê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&nhng&nh nghề đem lại lợi nhuận cao, nhiều doanh nghiệp hiện nay cung cấp các mặth&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ọnmộ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ếtgiớ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ò Chức năng

Quản trị viên (Admin) -Đă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ấtkì

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ỐNG1.C^c t^c nhận của hệ thống

Tác nhân Admin có thểthực hiện được tất cả các chứcnăng có trong hệ th,ng của quảntrị như: đăng nhập, quản lý b&iviế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…

website, xem các nội dung củawebsite

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&iviết về khuyến mãi, các meu gi&ymới…

Khách h&ng được hỗ trợ trựctuyến, có thể đóng góp ý kiến về

5 Quản lý b&i viét xem, sửa, xóa, xem thông tin về b&i viếtChức năng n&y cho phép Admin thêm,

6 Xem b&i viết hoặc Admin xem thông tin b&i viết.Chức năng n&y cho phép khách h&ng

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.

Trong quá trình nghiên cứu v& ho&n thiện dự án Website n&y thì nhóm đã nỗ lựcho&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ềukiến thức mới

-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 toán bằng ngânh&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ằngchatbox

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, chuyên 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áchs,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ủathầ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 quá 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&nth&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êmkinh nghiệm bước v&o tương lai

Chân thành cảm ơn!