Đề tài xây dựng website bán áo quần

Mục tiêu , nhiệm vụ của đề tài Thiết kế Website bán quần áo thể thao online với giao diện bắt mắt, phù hợp với sản phẩm của bạn, thân thiện với người dùng, dễ sử dụng và dễ quản lý.. Ngô

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 2

Đề Tài: Xây dựng Website bán áo quần

ĐỒ ÁN CƠ SỞ 3

TÊN ĐỀ TÀI ABC

Sinh viên thực hiện :

Lớp :

Mã sinh viên :

Giảng viên hướng dẫn : Th.s Đỗ Công Đức

Sinh viên thực hiện: ABC

Lớp: xyz

Giảng viên hướng dẫn: TS Lê Thị Thu NgaAAA

i

Đà Nẵng, tháng 05 năm 2021

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 2

Đề Tài: Xây dựng Website bán áo quần

Sinh viên thực hiện :

Lớp :

Mã sinh viên :

Giảng viên hướng dẫn : Th.s Đỗ Công Đức

ĐỒ ÁN CƠ SỞ 3

TÊN ĐỀ TÀI ABC

Sinh viên thực hiện: ABC Mã: ABC Mã:

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

LỜI CẢM ƠN

Em xin gửi lời cảm ơn chân thành nhất đến quý thầy cô Trường Đại Công NghệThông Tin và Truyền Thông Việt Hàn, những người đã dìu dắt em tận tình, đãtruyền đạt cho em những kiến thức và bài học quý báu trong suốt thời gian em theohọc tại trường

Em xin trân trọng gửi lời cảm ơn đến tất cả các thầy cô trong khoa Công NghệThông Tin, đặc biệt là thầy giáo TS.Đỗ Công Đức, thầy đã tận tình hướng dẫn vàgiúp đỡ em trong suốt quá trình làm đồ án Với sự chỉ bảo của thầy, em đã cónhững định hướng tốt trong việc triển khai và thực hiện các yêu cầu trong quá trìnhlàm đồ án

Em xin cảm ơn những người thân và gia đình đã quan tâm, động viên và luôntạo cho em những điều kiện tốt nhất trong suốt quá trình học tập và làm tốt nghiệp

Em xin chân thành cảm ơn!

Em xin trân trọng cảm ơn

Sinh viên,

ABC

v

MỤC LỤC

ABC .iv

DANH MỤC CÁC TỪ VIẾT TẮT vii

DANH MỤC HÌNH VẼ .viii

MỞ ĐẦU 1

1 Giới thiệu 1

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

3 Nội dung và kế hoạch thực hiện 1

4 Bố cục báo cáo 1

Chương 1 TỔNG QUAN VỀ … 2

1 AAAAAAA 2

1.1 aaaaaaaa111 .2

1.2 aaaaaaa222 2

2 BBBBBBBBBBB 2

1.1 bbbbbbbbbb111 .2

1.2 bbbbbbbbbb22222 2

3 Kết chương 1 .2

Chương 2 PHÂN TÍCH … 3

1 .AAAAA

3

2 .BBBBBBB

3

3 .Kết chương 2

3

Chương 2 XÂY DỰNG … 4

1 .AAAAA

4

2 .BBBBBBB

4

3 .Kết chương 3

4

KẾT LUẬN 5

1 Kết quả đạt được

5

2 Hướng nghiên cứu

5

Với những hạn chế và tồn tại nêu trên, hướng nghiên cứu …dự kiến như sau: 5

PHỤ LỤC i

Error! Hyperlink reference not valid.ABC iv

Error! Hyperlink reference not valid.DANH MỤC CÁC TỪ VIẾT TẮT vii

Error! Hyperlink reference not valid.DANH MỤC HÌNH VẼ .viii

Error! Hyperlink reference not valid.MỞ ĐẦU 1

Error! Hyperlink reference not valid.1 Giới thiệu 1

Error! Hyperlink reference not valid.2 Mục tiêu của đề tài 1

Error! Hyperlink reference not valid.3. 1

Error! Hyperlink reference not valid.Nội dung và kế hoạch thực hiện 1

Error! Hyperlink reference not valid.4 Bố cục báo cáo 1

Error! Hyperlink reference not valid.Chương 1 TỔNG QUAN VỀ … 2

Error! Hyperlink reference not valid.1 AAAAAAA 2

Error! Hyperlink reference not valid.1.1 aaaaaaaa111 .2

Error! Hyperlink reference not valid.1.2 aaaaaaa222 .2

Error! Hyperlink reference not valid.2 BBBBBBBBBBB 2

Error! Hyperlink reference not valid.1.1 bbbbbbbbbb111 .2

Error! Hyperlink reference not valid.1.2 bbbbbbbbbb22222 2

Error! Hyperlink reference not valid.3 Kết chương 1 2

Error! Hyperlink reference not valid.Chương 2 PHÂN TÍCH … 3

Error! Hyperlink reference not valid.1. AAAAA

3

Error! Hyperlink reference not valid.2. BBBBBBB

3

Error! Hyperlink reference not valid.3. Kết chương 2

3

Error! Hyperlink reference not valid.Chương 2 XÂY DỰNG … 4

Error! Hyperlink reference not valid.1. AAAAA

4

Error! Hyperlink reference not valid.2. BBBBBBB

4

viii

Error! Hyperlink reference not valid.3. Kết chương 3

4

Error! Hyperlink reference not valid.KẾT LUẬN .5

Error! Hyperlink reference not valid.1. Kết quả đạt được

5

Error! Hyperlink reference not valid.2. Hướng nghiên cứu

5

Error! Hyperlink reference not valid.Với những hạn chế và tồn tại nêu trên, hướng nghiên cứu …dự kiến như sau: 5

Error! Hyperlink reference not valid.TÀI LIỆU THAM KHẢO i

Error! Hyperlink reference not valid.PHỤ LỤC i

Error! Hyperlink reference not valid.Danh mục các từ viết tắt .vi

Error! Hyperlink reference not valid.Danh mục hình vẽ .vii

Error! Hyperlink reference not valid.MỞ ĐẦU .1

Error! Hyperlink reference not valid.1 Giới thiệu

1

Error! Hyperlink reference not valid.2 Mục tiêu, nhiệm vụ của đề tài

1

Error! Hyperlink reference not valid.3 Đối tượng, phạm vi và phương pháp tiếp cận 1

Error! Hyperlink reference not valid.4 Đóng góp của đề tài .1

Error! Hyperlink reference not valid.5 Bố cục của luận văn .1

Error! Hyperlink reference not valid.Chương 1 TỔNG QUAN VỀ …

2

Error! Hyperlink reference not valid.1 AAAAAAA 2

Error! Hyperlink reference not valid.1.1 aaaaaaaa111 .2

Error! Hyperlink reference not valid.1.2 aaaaaaa222 .2

Error! Hyperlink reference not valid.2 BBBBBBBBBBB .2

Error! Hyperlink reference not valid.1.1 bbbbbbbbbb111 2

Error! Hyperlink reference not valid.1.2 bbbbbbbbbb22222 2

Error! Hyperlink reference not valid.3 Kết chương 1 2 Error! Hyperlink reference not valid.Chương 2 PHÂN TÍCH … 3 Error! Hyperlink reference not valid.1. AAAAA .3 Error! Hyperlink reference not valid 2. BBBBBBB .3 Error! Hyperlink reference not valid.3 Kết chương 2 3 Error! Hyperlink reference not valid.Chương 2 XÂY DỰNG … 4 Error! Hyperlink reference not valid.1 AAAAA 4 Error! Hyperlink reference not valid 2. BBBBBBB .4 Error! Hyperlink reference not valid.3 Kết chương 3 4 Error! Hyperlink reference not valid.KẾT LUẬN 5 Error! Hyperlink reference not valid.1 Kết quả đạt được 5 Error! Hyperlink reference not valid.2 Hướng nghiên cứu 5 Error! Hyperlink reference not valid.TÀI LIỆU THAM KHẢO .i

x

DANH MỤC CÁC TỪ VIẾT TẮT

5E Engagement, Exploration, Explanation, Elaboration, Evaluation

DANH MỤC HÌNH VẼ

No table of figures entries found Error! Hyperlink reference not valid.Hình 1.1 aaaaaaa .11

Error! Hyperlink reference not valid.Hình 1.2 bbbbbbbbbbbb .12

Error! Hyperlink reference not valid.Hình 1.3 ccccccccccccccccc 17

Error! Hyperlink reference not valid.Hình 2.1.ddddddd .24

Error! Hyperlink reference not valid.Hình 2.2 eeeeeeeeeee .28

xii

MỞ ĐẦU

1 Giới thiệu

Việc kinh doanh mua bán là nhu cầu không thể thiếu với mỗi chúng ta

Trong thời đại cạnh tranh hiện nay việc giới thiệu sản phẩm đến từng cá

nhân với chi phí thấp, hiệu quả cao là một vấn đề nan giải của người kinh

doanh cùng với nhu cầu mua sắm với những sản phẩm đa chủng loại, đạt

chất lượng năng suất cao với nhiều mẫu mã đa dạng và hớp túi tiền của

khách hàng vì vậy thương mại điện tử đã ra đời và phát triển mạnh trên

toàn thế giới

Việc phổ biến các sản phẩm của cửa hàng kinh doanh đến khách hàng

thông qua các bảng báo giá tuy nhiên chi phí khá cao vì số lượng sản phẩm

ngày một đa dạng và giá cả thay đổi liên tục và tính phổ biến không cao

chưa đáp ứng được nhu cầu người dùng Mặt khác cửa hàng còn gặp nhiều

khó khăn như chưa quản lý được người dùng, thông tin nhà sản xuất, cập

nhật giá sản phẩm, quản lý sản phẩm Nắm bắt tình hình trên nhóm em

tiến hành thiết kế trang web bán hàng online để mong sao giúp cho các cửa

hàng phát triển hơn, giúp quản lý cửa hàng 1 cách dễ dàng hơn mà vẫn đạt

hiệu quả như mong đợi

Thế kỷ XXI, xã hội đề cao tầm quan trọng và sự kết nối của Khoa học, Kỹthuật, Công nghệ

2 Mục tiêu , nhiệm vụ của đề tài

Thiết kế Website bán quần áo thể thao online với giao diện bắt mắt, phù hợp với sản phẩm của bạn, thân thiện với người dùng, dễ sử dụng và dễ quản lý

- Thiết kế Website bán đồ quần áo thể thao với chi phí hợp lý nhất

- Hỗ trợ bảo mật nhiều lớp cho Website của bạn tránh bị hacker quấy phá.

3 Nội dung và kế hoạch thực hiện

3 Đốối t ượ ng, ph m vi và ph ạ ươ ng pháp tiếốp c n ậ

54 Đốối t ượ nghiến c u ng ứ

Đối tượng nghiên cứu của đề tài là:

- Lý thuyết php, sql, html …

- Sử dụng các phần mềm để dựng nên Website gồm các công cụ như: Xampp,Visual Studio CodeBố cục của đề tàibáo cáo

2

- Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau:

- Chương 1 Tổng quan về … Trong chương này, báo cáo trình bày các kháiniệm, đặc điểm,

- Chương 2 Phân tích thiết kế … Nội dung chương bao gồm các

- Chương 3 Xây dựng … Chương này đề xuất…

- Cuối cùng là Kết luận Tài liệu tham khảo, và Phụ lục liên quan đến đề tài.-

Chương 1 TỔNG QUAN VỀ …CÔNG CỤ KĨ THUẬT

- Có quá trình học đơn giản và trực tiếp

- Mã nguồn mở và hoàn toàn miễn phí

- Dễ dàng tích hợp với các ngôn ngữ phụ trợ như PHP và Node.js

- Một số trình duyệt chậm hỗ trợ tính năng mới

2 Tìm hiểu về ngôn ngữ lập trình JavaScript:

- JavaScript là một ngôn ngữ kịch bản (scriping language) dùng để tương tác với các trang HTML dựa trên đối tượng (object-based scriping language) Ngôn ngữ này chủ yếu dùng cho kỹ thuật lập trình ở phía client

- JavaScript có một số đặc điểm sau:

4

+ Là một ngôn ngữ thông dịch (interpreted language), nghĩa là các script thi hành không cần biên dịch trước (precompile)

+ Giống như C và Java, chúng có phân biệt chữ HOA và thường

3 Tìm hiểu về CSS – Cascading Style Sheets:

* Ưu điểm của CSS:

- Kết hợp và làm tăng sức mạnh cho HTML

- Có thể đặt các đối tượng ở bất kì vị trí nào trên webpage

- CSS tương thích với hầu hết các trình duyệt

- Hỗ trợ tối đa việc tùy biến webpage

Vì vậy, đây là ngôn ngữ lập trình được người dùng đánh giá là khá dễ đọc Ngôn ngữ PHP cũng trở thành ngôn ngữ web dev phổ biến mà các lập trình viên phải học trước khi bắt đầu vào nghề

4.2 Ngôn ngữ lập trình web PHP có ưu nhược điểm gì?

o Ưu điểm của lập trình PHP là gì?

PHP là một trong những ngôn ngữ lập trình phổ biến nhất vì những lợi ích mà nó đemlại Về cơ bản, có 4 ưu điểm chính:

 Tính đơn giản và linh động: PHP sử dụng mã nguồn mở nên việc cài đặt và sử

dụng nó rất dễ dàng Ngôn ngữ này phù hợp với cả những người hoàn toàn mới

với nghề lập trình viên Bạn chỉ cần học chăm chỉ trong 3 – 6 tháng để thuần

thục nó

 Cộng đồng hỗ trợ lớn: PHP là một ngôn ngữ phổ biến nên các diễn đàn, đội

nhóm chuyên sâu của PHP thuộc hàng ngũ đầu của ngành Bên cạnh đó, thị trường tuyển dụng cho công việc này cũng chưa bao giờ giảm nhiệt

 Cơ sở dữ liệu đa dạng: PHP cho phép kết nối với hầu hết các loại cơ sở dữ liệu

như MySQL, mSQL, MS-SQL, SQLite, PostgreSQL, v.v Nhờ vậy, bạn sẽ không bị giới hạn và có thể chọn cơ sở dữ liệu tối ưu nhất cho ứng dụng của mình

 Thư viện phong phú: Nhiều sách hướng dẫn và các tài liệu tham khảo có sẵn,

cung cấp các kiến thức hữu ích cho các lập trình viên mới làm quen dần

o Hạn chế của ngôn ngữ PHP là gì?

Mặc dù ngôn ngữ lập trình PHP hữu ích cho việc phát triển web, nhưng nó cũng cómột số nhược điểm nhất định Trong đó, hạn chế lớn nhất có thể kể đến chính là lỗibảo mật đến từ hai nguyên do chính:

 Bản chất mã nguồn PHP: Ngôn ngữ PHP có mã nguồn mở Điều này có nghĩa

là các lỗ hổng của mã nguồn sẽ bị công khai ngay sau khi chúng được tìm thấy

Do đó, trước khi kịp sửa chữa, các lỗ hổng có thể bị khai thác cho các mục đích xấu

 Một số ứng dụng bằng ngôn ngữ PHP được thiết kế bởi người thiếu kinh nghiệm: Bởi PHP phù hợp với lập trình viên mới vào nghề Cho nên một số

trang web và ứng dụng được phát triển bởi những người còn thiếu kinh nghiệm cũng sẽ đem đến hiệu suất và bảo mật kém hơn

5 Phần mềm Visual Studio Code:

5.1 Visual Studio Code là gì?

- Visual Studio Code (VS Code hay VSC) là một trong những trình soạn thảo mã nguồn phổ biến nhất được sử dụng bởi các lập trình viên Nhanh, nhẹ, hỗ trợ đa nền tảng, nhiều tính năng và là mã nguồn mở chính là những ưu điểm vượt trộ khiến VS Code ngày càng được ứng dụng rộng rãi

5.2 Lý do nên chọn Visual Studio Code:

- Lý do nên sử dụng Visual Studio Code là vì nó có rất nhiều ưu điểm vượt trội so với bất kỳ IDE nào khác:

+ Hỗ trợ đa nền tảng: Windows, Linux, Mac

+ Hỗ trợ đa ngôn ngữ: C/C+, C#, Visual Basic, HTML, CSS, JavaScript, JSON + Tính năng mạnh mẽ

+ Giao diện thân thiện

- Và trên hết, Visual Studio Code là phần mềm miễn phí, được đông đảo lập trình viên trên thế giới sử dụng

6

6 Tìm hiểu về xampp

6.1 Xampp là gì ?

XAMPP là một loại phần mềm khá phổ biến với người dùng Công cụ này thườngđược các lập trình viên sử dụng để xây dựng và phát triển các dự án website theo ngônngữ PHP XAMPP thường được dùng để tạo máy chủ web được tích hợp sẵn PHP,MySQL, Apache, FTP Server, Mail Server và các công cụ như phpMyAdmin.Đặc biệt thì Xampp có giao diện quản lý khá tiện lợi Chúng cho phép người dùng chủđộng bật tắt hoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào Phần mềm nàycũng được thiết lập và phát triển dựa trên mã nguồn mở

Nhìn chung thì XAMPP được xem là một bộ công cụ hoàn chỉnh dành cho lập trìnhviên PHP trong việc thiết lập và phát triển các website Chúng tích hợp các thành phầnquan trọng và tương thích lẫn nhau như:

 Apache

 PHP (tạo môi trường chạy các tập tin script *.php);

 MySql (hệ quản trị dữ liệu mysql);

6.2 Ưu điểm của Xampp

Các ưu điểm của XAMPP bao gồm:

 XAMPP có thể chạy được trên toàn bộ các hệ điều hành như Window, MacOS,Cross-platform và Linux

 XAMPP có cấu hình đơn giản cùng như nhiều chức năng hữu ích cho ngườidùng Tiêu biểu là giải lập Server, giả lập Mail Server, hỗ trợ SSL trênLocalhost

 XAMPP tích hợp nhiều thành phần với các chức năng Apache, PHP hayMySql…

 Thay vì phải cài đặt từng thành phần trên thì giờ đây bạn chỉ cần dùng XAMPP

là đã có được một web server hoàn chỉnh

 Mã nguồn mở: : Không như Appserv, XAMPP có giao diện quản lý khá tiện lợi.Nhờ đó, người dùng có thể chủ động bật tắt hoặc khởi động lại các dịch vụ máychủ bất kỳ lúc nào.

6.2 Nhược điểm của Xampp

Tuy nhiên do cấu hình đơn giản nên XAMPP không được hỗ trợ cấu hình Module nêncũng không có Version MySQL Do đó đôi khi sẽ mang đến sự bất tiện cho từngngười Trong khi WAMP có nhiều tùy chọn hơn vì nó có nhiều phiên bản cho từngthành phần của server như PHP, Apache, MySQL

Dung lượng của XAMPP cũng tương đối nặng, dung lượng file cài đặt của XAMPP là

141Mb, nặng hơn nhiều so với WAMP chỉ 41Mb.Chương này trình bày khái niệm, nêu các kiến thức, ngôn ngữ, công cụ,…sẽ sử dụng

6.4 Thành phần chính của Xampp

o Apache

Apache là website software sử dụng mã nguồn mở hoàn toàn miễn phí, được sử dụngbởi 46% trên tổng số các website trên toàn cầu Phần mềm web này được thiết lập vàcập nhật bởi Apache Software Foundation

o MySQL

MySQL là hệ thống quản lý cơ sở dữ liệu liên kết có ưu điểm nhanh chóng, dễ dùngcho các lập trình viên MySQL được ứng dụng khá nhiều cho các website nhanh chóngTMĐT hiện nay

Hệ thống có những ưu điểm sau:

 MySQL là mã nguồn mở và hoàn toàn miễn phí Hiệu suất hoạt động củaMySQL rất mạnh, kể cả khi khối lượng dữ liệu khổng lồ Hệ thống này sử dụngngôn ngữ dữ liệu MySQL để cấu trúc hóa website của bạn

 MySQL tương thích với hầu hết các hệ điều hành cùng các ngôn ngữ lập trìnhnhư PHP, C++, Java…

 MySQL có hệ thống thông tin khổng lồ, chứa đến 50 triệu hàng dữ liệu trong 1board Dữ liệu tối thiểu của MySQL này là 4GB, còn tối đa là 8TB MySQL

8

cho phép điều chỉnh tùy ý để các lập trình viên có thể thực hiện thao tác thayđổi cho website của mình.

o PHP

PHP là một ngôn ngữ lập trình kịch bản được ứng dụng trong các loại website và ứngdụng website Các script được viết bằng ngôn ngữ lập trình PHP sẽ được các server cócài đặt PHP hiểu được và tiêu hóa chúng Cụ thể các script này sẽ được lưu dưới dạngtệp đuôi “.php”, sau đó các server sẽ diễn giải chúng và đưa lên website tùy theotemplate web mà lập trình viên lựa chọn

Ngôn ngữ lập trình PHP có thể được nhúng trong HTML Công cụ cũng được ứngdụng trong quản lý các loại nội dung website, quản lý các dữ liệu thống kê liên quanđến website như số phiên, thời gian phiên,… PHP được sử dụng nhiều trong các loạiDatabase phổ biến như MySQL, PostgreSQL, Oracle, Sybase, Informix, và MicrosoftSQL Server

o Perl

PERL – Practical Extraction and Report Language là một trong những ngôn ngữ lậptrình hiện đại hoạt động song song với PHP trong Xampp Công cụ này còn có khảnăng lọc bỏ dữ liệu thừa Đồng thời còn cung cấp dữ liệu quan trọng trong việc thiếtlập website Tuy không nổi bằng PHP nhưng Perl cũng có những ưu điểm riêng khiếnnhiều lập trình viên trên toàn thế giới ấn tượng và ứng dụng cho website của mình

Tự động quản lý và phân tích dữ liệu website Nó có thể hoạt động tốt với các chuỗi cúpháp, ký tự Cộng đồng sử dụng Perl khá lớn và góp công vào việc xây dựng cho mãlệnh CPAN khổng lồ cho các lập trình viên

Mặc dù hiện nay XAMPP vẫn có một vài nhược điểm khá khó chịu Tuy nhiên, nhữngtính năng tuyệt vời mà XAMPP mang lại là không thể phủ nhận Do đó mà người dùngcần có sự cân nhắc hợp lý khi lựa chọn phần mềm tạo máy chủ web phù hợp nhất chomáy tính của mình

1 AAAAAAA

Chương 2 PHÂN TÍCH … THIẾT KẾ HỆ THỐNG

1 Phân tích hê thống

Figure Các chức năng cơ bản của Website 1

12

2 Mô tả hệ thống

o Sơ đồ use case tổng quát

Figure Sơ đồ Use Case tổng quát 2

Ch ương này trình bày các yêu cầu, các bước thiết kế…để thực hiện nhằm giải quyết vấn đề…

o Sơ đồ user case Khách Hàng

Figure Sơ đồ Use Case Khách hàng 3

o Sơ đồ use case Quản Trị Viên

14

Figure Sơ đồ Use Case QTV 4