BÁO CÁO CHUYÊN đề HỌC PHẦN LẬP TRÌNH WEB NÂNG CAO đề TÀI 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 LẬP TRÌNH WEB NÂNG CAO

ĐỀ TÀI: WEBSITE BÁN GIÀY VANS

ĐỖ THỊ MAI HƯƠNG

Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH

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 cũng 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ọ cũng 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 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”.

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ạinhữ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ơnnhữ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ô ̣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ổ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 cũng 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 độ vũ bão, và sốlượng người kết nối với nó cũng 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 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ế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 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ấ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ỐNG

1.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 mẫu 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 mẫu giàymới…

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

2.Các chức năng của hệ thống

Dựa trên văn bản mô tả bài toá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:

1

Đăng nhập

Chức năng này cho phép Admin, Khách Hàngthà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ọ

5 Quản lý bài viét

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

6 Xem bài viết

Chức năng này cho phép khách hànghoặ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

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)

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 Quang Tran (quangvaytiennhanh1994@gmail.com)

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 Quang Tran (quangvaytiennhanh1994@gmail.com)

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 Quang Tran (quangvaytiennhanh1994@gmail.com)

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 Quang Tran (quangvaytiennhanh1994@gmail.com)

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 Quang Tran (quangvaytiennhanh1994@gmail.com)

1.2.3 Form đặt giày

Hình 1.2.3 From đặt giày

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)

1.2.4 Form lịch sử Vans

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

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)

1.2.5 Form Admin

1.2.6 Form Tin Tức

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)

1.2.7 Form giày nam

1.2.8 Form giày nữ

1.2.9 Form giỏ hàng.

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)

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 mẫu giày Vans mới nhất hay quá trình khách hàng đặtgià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ệmngườ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ự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

 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ệuMySQL và PHP

-Quản lý thông tin các mẫu 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

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)

-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

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)

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 dẫn, 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 dẫn và chỉ bảo tận tình củathầy Phương Văn Cảnh, người đã luôn hướng dẫn, quan tâm, động viên, thôngcả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ôihoà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êmkinh nghiệm bước vào tương lai

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

Downloaded by Quang Tran (quangvaytiennhanh1994@gmail.com)