Đồ án xây dụng website bán quần áo online theo chuẩn đại học bách khoa hà nội

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP Đề tài XÂY DỰNG WEBSITE BÁN QUẦN ÁO ONLINE GVHD NGHIÊM ĐÌNG MỪNG SVTH NGUYỄN ANH TUẤN Lớp LTMT4 – K10 Mã Sinh viên CD182642 HÀ NỘI , THÁNG 6 NĂM 2021 BỘ LAO ĐỘNG TB XÃ HỘI C.

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP

Đề tài:

XÂY DỰNG WEBSITE BÁN QUẦN ÁO ONLINE

GVHD: NGHIÊM ĐÌNG MỪNG SVTH: NGUYỄN ANH TUẤN Lớp: LTMT4 – K10

Mã Sinh viên: CD182642

HÀ NỘI , THÁNG 6 NĂM 2021

BỘ LAO ĐỘNG TB & XÃ HỘI CỘNG HÒA XÃ HÔI CHỦ NGHĨA

Xây dựng website bán quần áo online

2 Nội dung các phần thuyết minh và thực hiện : Bao gồm các chương :

Chương 1 : Tổng quan đề tài

Chương 2 : Giới thiệu về ngôn ngữ thực hiện

Chương 3 : Phân tích hệ thống

Chương 4 : Giao diện sản phẩm

Kết luận chung và tài liệu tham khảo

Họ tên giảng viên hướng dẫn: Nghiêm Đình Mừng

3 Ngày giao nhiệm vụ đồ án: 14/04/2021

4 Ngày hoàn thành đồ án: 08/11/2021

Ngày tháng năm 2021

Chủ nhiệm khoa Giảng viên hướng dẫn

MỤC LỤC

Trang

LỜI MỞ ĐẦU 1

CHƯƠNG I TỔNG QUAN ĐỀ TÀI 2

1.1 Giới thiệu về đề tài 2

1.2 Mục đích và phương pháp giải quyết vấn đề 2

1.3 Yêu cầu và giới hạn phạm vi của đề tài 2

1.4 Đối tượng nghiên cứu 3

1.5 Ý nghĩa thực tiễn 3

1.6 Giới thiệu chung về thương mại điện tử 4

1.7 Giới thiệu về cơ sở đồ án 5

1.8 Phương châm hoạt động 5

CHƯƠNG II : GIỚI THIỆU VỀ NGÔN NGỮ THỰC HIỆN 7

2.1 Giới thiệu về PHP……… 7

2.2 Giới thiệu về Mysql………10

2.3 Giới thiệu về HTML 13

2.4 Giới thiệu về CSS 15

2.5 Giới thiệu về Bootstrap 17

CHƯƠNG III : PHÂN TÍCH HỆ THỐNG VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU 20

3.1 Mô tả quy trình nghiệp vụ……….20

3.2 Đặc tả các chức năng sử dụng 25

3.3 Xây dựng biểu đồ phân cấp chức năng 32

3.4 Biểu đồ BLD mức đỉnh……….33.

3.5 Biểu đồ BLD mức phân rã………34

3.6 Biểu đồ quản lý sản phẩm 35

3.7 Biểu đồ quản lý khách hàng 36

3.8 Biểu đồ mức bối cảnh 37

3.9 Các bảng dữ liệu chính 38

CHƯƠNG IV : GIAO DIỆN SẢN PHẨM 40

4.1 Giao diện trang chủ 40

4.2 Giao diện trang đăng ký tài khoản 41

4.3 Giao diện trang đăng nhập tài khoản 42

4.4 Giao diện trang chi tiết sản phẩm………43

4.5 Giao diện trang giỏ đồ và thanh toán 44

4.6 Giao diện trang quản trị 45

4.7 Giao diện trang danh sách sản phẩm 46

4.8 Giao diện trang thêm sản phẩm mới 47

4.9 Giao diện trang sửa, xóa sản phẩm 48

KẾT LUẬN CHUNG 49

TÀI LIỆU THAM KHẢO 50

PHỤ LỤC 51

LỜI MỞ ĐẦU

Bán hàng là một giao dịch giữa hai hoặc nhiều bên trong đó người mua nhận được hàng hóa, cả hai dịch vụ hữu hình hoặc vô hình hoặc tài sản để đổi lấy tiền hoặc trong một số trường hợp, các tài sản khác được trả cho người bán Trong thị trường tài chính, việc bán hàng cũng có thể đề cập đến một thỏa thuận mà người mua và người bán đưa ra liên quan đến giá của chứng khoán.

Bất kể bối cảnh, bán hàng về cơ bản là một hợp đồng giữa người mua và người bán hàng hóa hoặc dịch vụ cụ thể được đề cập.

Việc bán hàng xác định rằng người bán cung cấp cho người mua hàng hóa hoặc dịch vụ, để đổi lấy một số tiền cụ thể hoặc tài sản cụ thể Để hoàn thành một giao dịch bán, cả người mua và người bán phải được coi là có thẩm quyền để thực hiện giao dịch Cả hai cũng phải thỏa thuận về các điều khoản cụ thể của việc bán hàng Ngoài ra, hàng hóa hoặc dịch vụ đang được cung cấp phải thực sự có sẵn để mua

và người bán phải có thẩm quyền chuyển hàng hóa hoặc dịch vụ cho người mua Trong thời buổi dịch covid 19 hiện nay , việc đi lại và mua sắm của người dùng khi phải ra đường ngày càng hạn chế hơn Vì vậy em chọn đề tài: “Xây dựng website bán quần áo online cho shop Độc” nhằm đáp ứng nhu cầu trên Với website bán quần áo này người dùng không phải đến trực tiếp mà vẫn có thể xem và đặt mua các sản phẩm mới nhất của shop ( bao gồm cả các sự kiện).

Cuối cùng em xin chân thành cảm ơn thầy Nghiêm Đình Mừng giảng viên bộ môn công nghệ thông tin Trường Cao Đẳng Nghề Bách Khoa Hà Nội đã tận tình chỉ bảo hướng dẫn em trong quá trình xây dựng và hoàn thành đồ án tốt nghiệp này Tuy nhiên do thời gian có hạn cũng như kinh nghiệm nên trong chương trình cũng như báo cáo khó tránh khỏi những thiếu sót, hạn chế Em rất mong nhận được

sự nhận xét, góp ý từ thầy cô và các bạn

CHƯƠNG I : TỔNG QUAN ĐỀ TÀI

1.1 Giới thiệu đề tài

Trên thị trường hiện nay có rất nhiều công ty cửa hàng buôn bán các loại hàng hóa như điện thoại,máy tính, quần áo chính vì vậy nhu cầu quảng

bá hình ảnh của công ty, cửa hàng ngày càng được đầu tư và mở rộng trên nhiều mặt Giới thiệu sản phẩm công ty trong công chúng và mở rộng thị trường là một phần tất yếu chiến lược phát triển kinh doanh của công ty.

Trong thời đại dịch covid hiện nay, việc đi đến cửa hàng để mua sắm quần áo là vô cùng hạn chế và có khi là các cửa hàng sẽ phải đóng cửa để chống dịch nhưng nhu cầu của con người vẫn là không ngừng Nhận được tính thiết thực của điều đó em đã nhận đề tài “ Xây dựng website bán quần áo online “ sử dụng ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu Mysql để đáp ứng nhu cầu đó

1.3 Yêu cầu của đề tài và giới hạn phạm vi

Website đáp ứng yêu cầu sau:

Khách hàng:

 Xem thông tin sản phẩm , giá cả , kiểu dáng,

 Tìm hiểu sản phẩm theo yêu cầu.

 Mua sản phẩm bằng cách đặt mua qua mạng an toàn ,nhanh chóng.

 Xem tin tức về sản phẩm mới trên thị trường, thông tin khuyến mại, Quản trị:

 Quản lý khuyễn mại

Yêu cầu về giao diện :Giao diện phải được thiết kế thân thiện, dễ sử dụng, màu sắchợp lý, có tính thẩm mỹ, tiện lợi cao, có các cấu trúc treeview và listview đểngười dùng có thể nắm bắt được cách sử dụng chương trình một cách nhanh chóng Web có dung lượng vừa đủ, xử lý nhanh và xử lý được đồng thời nhiều kết nối.Chương trình chạy trên môi trường window, tương thích tốt với cấu hình máy, với

Cơ sở dữ liệu, kiểu dữ liệu hay font chữ hiển thị nhất quán

Giới hạn phạm vi của đề tài: Xây dựng website bán quần áo này nhằm đáp ứng nhucầu mua sắm của học sinh, sinh viên nam

1.4 Đối tượng nghiên cứu

Tìm hiểu ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu Mysql và tìm hiểu

về quy trình xây dựng một website và cách thức làm việc của một website bán giới thiệu sản phẩm tới khách hàng Qua đó em sử dụng ngôn ngữ PHP và hệ quản trị cơ sở dữ liệu Mysql để “ Xây dưng website bán quần áo online cho cửa hàng shop Độc “.

1.5 Ý nghĩa thực tiễn

Với sự bùng nổ của internet hiện nay thì “ website bán quần áo “ sẽ mang lại rất nhiều ý nghĩa cho cửa hàng :

Giúp người tiêu dùng có thông tin chính xác và nhanh chóng về sản phẩm mà khách hàng không phải tốn thời gian tới tận nơi cửa hàng đặc biệt nhất là trong thời buổi dịch bệnh covid 19 hiện nay

Website là công cụ giới thiệu công ty tới sinh viên một cách nhanh nhất và tiện lợi nhất

Quảng bá được sản phẩm mọi lúc mọi nơi (24/24 ) mà chi phí lại cực kỳ rẻ Quản lý sản phẩm một cách dễ dàng

Khách hàng mua hàng một cách nhanh chóng và tiện lợi

1.6 Giới thiệu về thương mại điện tử

Thương mại điện tử ( E – commerce ) là hình thức hoạt động kinh doanh bằng các phương pháp điện tử là việc tra đổi thông tin kinh doanh thông qua các phương tiện công nghệ điện tử

Công nghệ tiên tiến hiện nay giúp cho doanh nghiệp biến website của mình thành những siêu thị hàng hóa trên internet , biến người mua thực sự trở thành những người chủ với toàn quyền trong việc lựa chọn sản phẩm, tìm kiếm thông tin so với giá cả, đặt mua hàng, ký hợp đồng với hệ thống tính toán tiền tự động, rõ ràng, trung thực.

Theo hiện nay thương mại điện tử không chỉ là bán hàng trên mạng hay bán hàng trên internet mà là hình thái hoạt động kinh doanh bằng các phương pháp điện tử. Hoạt động kinh doanh bao gồm tất cả các hoạt động trong kinhdoanh như giao dịch, mua bán, thanh toán, đặt hàng, quảng cáo và kể cả giao hàng.Các phương pháp điện tử ở đây không chỉ có Internet mà bao gồm việc sử dụng cácphương tiện công nghệ điện tử như điện thoại, máy FAX, truyền hình và mạng máytính (trong đó có Internet) Thương mại điện tử cũng bao hàm cả việc trao đổi thôngtin kinh doanh thông qua các phương tiện công nghệ điện tử

Thông tin ở đây không chỉ là những số liệu hay văn bản, tin tức mà nó gồm

cả hình ảnh, âm thanh và phim video Các phương tiện điện tử trong Thương mạiđiện tử:

Các hình thức hoạt động Thương mại điện tử :

 Thư tín điện tử (Email)

 Thanh toán điện tử

 Trao đổi giữ liệu điện tử

 Trao đổi số hóa các dung liệu

 Mua bán hàng hóa hữu hình

Thương mại điện tử hiện nay đã trở nên khá quen thuộc và trở thành một môitrường thương mại không thể thiếu được trong đời sống kinh tế xã hội phát triển ỞViệt Nam, Thương mại điện tử đang được các doanh nghiệp từng bước áp dụng vàohoạt động sản xuất kinh doanh của mình Thương mại điện tử có những thế mạnhvượt trội mà không một loại hình kinh doanh nào khác có được

1.7 Giới thiệu về cơ sở đồ án

Tên cửa hàng : Shop Độc

Địa chỉ : Số 110 Nhổn, phường Tây Tựu, quận Bắc Từ Liêm, thành phố

Hà Nội

Số điện thoại : 0978901995

Email: shopdoc@shopdoc.vn

Các chi nhánh của cửa hàng :

 326 Cầu Giấy – Hà Nội

 110 Phố Nhổn – Hà Nội

 154 Quang Trung – Hà Đông – Hà Nội

 225 Bạch Mai – Hà Nội

 131 Cầu Giấy – Hà Nội

1.8 Phương châm hoạt động

Với phương châm “ Tư duy sáng tạo – đổi mới thành công”, shop Độc chính

là một cộng sự đắc lực cho khách hàng Liên tục phát triển, sáng tạo, cải tiến vànâng cao chất lượng sản phẩm, áp dụng các công nghệ mới, hoàn thiện dịch vụ Sảnphẩm của chúng tôi luôn có giá cả hợp lý, chất lượng ổn định và có khả năng tạo giátrị lợi nhuận nhanh chóng cho khách hàng, luôn chắp cánh cùng khách hàng thamgia những trải nghiệm mới để đem lại thành công Shop Độc tự tin mang tới chokhách hàng những sản phẩm CNTT với chất lượng tốt nhất Các thiết kế ấn tượngchuyên nghiệp và giải pháp hoàn hảo cho website thương mại điện tử, nhằm nângcao tính cạnh tranh cho khách hàng trong việc quảng bá

Không những thế, shop Độc còn có một đội ngũ chuyên viên tư vấn dày dặn kinhnghiệm nhằm hỗ trợ khách hàng một cách hoàn hảo nhất về CNTT, đáp ứng cácnhu cầu đa dạng của khác

6

CHƯƠNG II : GIỚI THIỆU VỀ NGÔN NGỮ

THỰC HIỆN2.1 Giới thiệu về PHP

2.1.1 Định nghĩa về PHP

PHP (viết tắt của cụm từ Personal Home Page) là ngôn ngữ lập trình kịchbản (scripting language) mã nguồn mở được dùng phổ biến để ra tạo các ứng dụngweb chạy trên máy chủ Mã lệnh PHP có thể được nhúng vào trong trang HTMLnhờ sử dụng cặp thẻ PHP

2.1.2 Tại sao nên dùng ngôn ngữ PHP

 Mã nguồn mở : Có lẽ nhiều bạn cũng biết PHP là một sản phẩm mã nguồn

mở (Open-source) nên việc cài đặt và tùy biến PHP là miễn phí và tự do

Vì có ưu thế nguồn mở nên PHP có thể được cài đặt trên hầu hết các WebServer thông dụng hiện nay như Apache, IIS…

 Tính Cộng đồng của PHP : Là một ngôn ngữ mã nguồn mở cùng với sự phổbiến của PHP thì cộng đồng PHP được coi là khá lớn và có chất lượng.Với cộng đồng phát triển lớn, việc cập nhật các bản vá lỗi phiên bản hiện tạicũng như thử nghiệm các phiên bản mới khiến PHP rất linh hoạt

 Thư viện phong phú : Ngoài sự hỗ trợ của cộng đồng, thư viện script PHPcũng rất phong phú và đa dạng Từ những cái rất nhỏ như chỉ là 1 đoạn code,

1 hàm (PHP.net…) cho tới những cái lớn hơn như Framework (Zend,CakePHP, CogeIgniter, Symfony…) ,ứng dụng hoàn chỉnh (Joomla,

- Với thư viện code phong phú, việc học tập và ứng dụng PHP trở nên rất dễdàng và nhanh chóng Đây cũng chính là đặc điểm khiến PHP trở nên khánổi bật và cũng là nguyên nhân vì sao ngày càng có nhiều người sử dụngPHP để phát triển web

 Hỗ trợ kết nối nhiều hệ cơ sở dữ liệu : Nhu cầu xây dựng web có sử dụng cơ

sở dữ liệu là một nhu cầu tất yếu và PHP cũng đáp ứng rất tốt nhu cầu này.Với việc tích hợp sẵn nhiều Database Client trong PHP đã làm cho ứng dụngPHP dễ dàng kết nối tới các hệ cơ sở dữ liệu thông dụng

Việc cập nhật và nâng cấp các Database Client đơn giản chỉ là việc thay thếcác Extension của PHP để phù hợp với hệ cơ sở dữ liệu mà PHP sẽ làm việc.Một số hệ cơ sở dữ liệu thông dụng mà PHP có thể làm việc là: MySQL, MSSQL, Oracle, Cassandra…

 Lập trình hướng đối tượng : Ngày nay, khái niệm lập trình hướng đối tượng

(OOP) đã không còn xa lạ với lập trình viên Với khả năng và lợi ích của môhình lập trình này nên nhiều ngôn ngữ đã triển khai để hỗ trợ OOP

Từ phiên bản PHP 5, PHP đã có khả năng hỗ trợ hầu hết các đặc điểm nổibật của lập trình hướng đối tượng như là Inheritance, Abstraction,…Với việc ngày càng có nhiều Framework và ứng dụng PHP viết bằng môhình OOP nên lập trình viên tiếp cận và mở rộng các ứng dụng này trở nên

dễ dàng và nhanh chóng

 Khả năng mở rộng cho PHP : Bằng việc xây dựng trên nền ngôn ngữ C và là

mã nguồn mở nên khả năng mở rộng cho ứng dụng PHP có thể nói là không

có giới hạn

2.1.3 Ưu nhược điểm của PHP

Không phải ngẫu nhiên mà php được rất nhiều các lập trình viên ưa thích sử dụng Mình sẽ kể đến cho bạn 5 ưu điểm tuyệt vời của php, đã khiến chúng có sức lan tỏa mạnh mẽ trên thế giới hiện nay:

Php được sử dụng miễn phí, đây là yếu tố vô cùng tuyệt vời dành cho những ngườiyêu thích lập trình Đặc biệt là những người mới bắt đầu thì đây hoàn toàn là ngônngữ lập trình đáng để sử dụng Có rất nhiều hình thức học tập khác nhau cùng vớiphp Bạn có thể nhờ ai đó dạy hoặc tự học php theo dạng online, mà không cần lolắng đến việc sẽ phải mất một khoản chi phí học tập quá lớn

Ưu điểm :

8

 Php có cấu trúc cực kỳ đơn giản Đây là điểm rất thu hút đối với những bạnmới bắt đầu công việc lập trình viên Bạn sẽ không mất quá nhiều thời gian

để tìm hiểu và học một cách thành thạo Bởi thế đây luôn là một ưu điểm,khiến php là ngôn ngữ lập trình được thu hút hơn rất nhiều các ngôn ngữ lậptrình khác, đặc biệt là những người yêu thích về công nghệ thông tin.

 Nguồn thư viện mà php tạo ra vô cùng phong phú Khi gặp bất kỳ một thắcmắc hay vấn đề nào đó, bạn có thể tìm kiếm nguồn tài liệu này Trong trườnghợp gặp khó khăn, hãy cân nhắc đến việc tìm kiếm sự hỗ trợ đến từ cộngđồng phd, bạn sẽ được hỗ trợ một cách đắc lực nhất

 Nguồn thư viện mà php tạo ra vô cùng phong phú Khi gặp bất kỳ một thắcmắc hay vấn đề nào đó, bạn có thể tìm kiếm nguồn tài liệu này Trong trườnghợp gặp khó khăn, hãy cân nhắc đến việc tìm kiếm sự hỗ trợ đến từ cộngđồng phd, bạn sẽ được hỗ trợ một cách đắc lực nhất

 Giới công nghệ đã nhìn ra một tương lai vô cùng tươi sáng của ngôn ngữ lậptrình php Trong tương lai, php sẽ còn phát triển mạnh mẽ hơn nữa, có nhiềuứng dụng hơn nữa để khẳng định được vị trí của mình, luôn nằm trong topngôn ngữ lập trình đếm sử dụng nhất trong giới công nghệ thông tin

Nhược điểm :

 Php có sự hạn chế về cấu trúc ngữ pháp Đây là nhược điểm được nhắc đếnhàng đầu và người dùng dễ dàng có thể quan sát được Bởi vì php khôngđược thiết kế gọn gàng, cũng như đẹp mắt ,giống như ngôn ngữ lập trìnhkhác

 Php chỉ hoạt động và sử dụng được trên các ứng dụng web Đây là hạn chếtồn tại vô cùng lớn Do vậy một số công ty khi một phát triển và nhân rộnghơn nữa ra trong quá trình lập trình, hầu hết họ sẽ không chọn ngôn ngữ lậptrình php

2.1.4 Ngôn ngữ PHP dùng để làm gì ?

 Thiết lập chương trình máy chủ: Đây là trường mục tiêu truyền thống vàchính nhất cho PHP Bạn cần ba thứ để thực hiện công việc này: trình phân

web Bạn cần chạy máy chủ web, với bản cài đặt PHP được kết nối Bạn cóthể truy cập đầu ra chương trình PHP bằng trình duyệt web, xem trang PHPthông qua máy chủ Tất cả những thứ này có thể chạy trên máy chủ của bạnnếu bạn chỉ đang thử nghiệm lập trình PHP Xem phần hướng dẫn cài đặt đểbiết thêm thông tin.

 Tạo dòng tập lệnh: Bạn có thể tạo một tập lệnh PHP để chạy nó mà khôngcần bất kỳ máy chủ hoặc trình duyệt nào Bạn chỉ cần trình phân tích cú phápPHP để sử dụng nó theo cách này Kiểu sử dụng này là lý tưởng cho các tậplệnh được thực thi thường xuyên bằng cron (trên *nix hoặc Linux) hoặcTrình lập lịch tác vụ (trên Windows)

2.1.5 Phiên bản sử dụng hiện tại

là hệ quản trị cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có khả năng thay đổi

mô hình sử dụng phù hợp với điều kiện công việc khả chuyển MySQL hoạt độngtrê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

2.2.2 Tại sao nên sử dụng ngôn ngữ MySQL

 Tính linh hoạt: Máy chủ cơ sở dữ liệu MySQL cung cấp đặc tính linh hoạt,

có sức chứa để xử lý các ứng dụng được nhúng sâu với dung lượng chỉ 1MB

để chạy các kho dữ liệu đồ sộ lên đến hàng terabytes thông tin Sự linh hoạt

về flatform là một đặc tính lớn của MySQL với tất cả các phiên bản củaLinux, Unix, và Windows đang được hỗ trợ

 Tính thực thi cao: Kiến trúc storage-engine cho phép các chuyên gia cơ sở

dữ liệu cấu hình máy chủ cơ sở dữ liệu MySQL đặc trưng cho các ứng dụngđặc thù

 Có thể sử dụng ngay: Sự đáng tin cậy cao và tính “mì ăn liền” là những tiêu

chuẩn đảm bảo của MySQL MySQL đưa ra nhiều tùy chọn có thể dùngngay từ cấu hình tái tạo chủ/tớ tốc độ cao, để các nhà phân phối thứ 3 đưa ranhững giải pháp có thể dùng ngay duy nhất cho server cơ sở dữ liệu MySQL

 Hỗ trợ giao dịch mạnh: MySQL đưa ra một trong số những engine giao dịch

cơ sở dữ liệu mạnh nhất trên thị trường

 Nơi lưu trữ Web và Data đáng tin cậy: MySQL là nhà máy chuẩn cho các

web sites phải trao đổi thường xuyên vì nó có engine xử lý tốc độ cao, khảnăng chèn dữ liệu nhanh ghê gớm, và hỗ trợ mạnh cho các chức năng chuyêndụng của web như tìm kiếm văn bản nhanh

 Chế độ bảo mật dữ liệu mạnh: Vì bảo mật dữ liệu cho một công ty là công

việc số một của các chuyên gia về cơ sở dữ liệu, MySQL đưa ra tính năngbảo mật đặc biệt chắc chắn dữ liệu sẽ được bảo mật tuyệt đối

 Sự phát triển ứng dụng hỗn hợp: Một trong số các lý do khiến cho MySQL là

cơ sở dữ liệu mã nguồn mở phổ biến nhất thế giới là nó cung cấp hỗ trợ hỗnhợp cho bất kì sự phát triển ứng dụng nào cần

 Dễ dàng quản lý: MySQL trình diễn khả năng cài đặt nhanh đặc biệt với thời

gian ở mức trung bình từ lúc download phần mềm đến khi cài đặt hoàn thànhchỉ mất chưa đầy 15 phút

 Mã nguồn mở tự do và hỗ trợ 24/7: Nhiều công ty lưỡng lự trong việc giao

phó toàn bộ cho phần mềm mã nguồn mở vì họ tin họ không thể tìm đượcmột cách hỗ trợ hay mạng lưới an toàn phục vụ chuyên nghiệp, hiện tại, họtin vào phần mềm có bản quyền để chắc chắn về sự thành công toàn diện chocác ứng dụng chủ chốt của họ Những lo lắng của họ có thể được dẹp bỏ vớiMySQL, sự bồi thường là có trong mạng lưới MySQL

 Tổng chi phí thấp nhất: Bằng cách sử dụng MySQL cho các dự án phát triển

mới, các công ty đang thấy rõ việc tiết kiệm chi phí Được hoàn thành thôngqua sử dụng server cơ sở dữ liệu MySQL và kiến trúc scale-out, các doanhnghiệp đã tìm ra cái mà họ có thể đạt được ở mức ngạc nhiên về khả năng xử

lý Thêm vào đó, tính tin cậy và dễ duy trì của MySQL ở mức trung bình mà

người quản trị cơ sở dữ liệu không phải mất nhiều thời gian sửa chữa hayvấn đề thời gian chết.

2.2.3 Ưu và nhược điểm của MySQL

MySQL là một hệ quản trị cơ sở dữ liệu quan hệ tương đối phổ biến và được sửdụng nhiều Có thể nhận thấy ở công cụ này rất nhiều ưu điểm, tuy nhiên song songvới đó, nó cũng tồn tại một vài nhược điểm nhỏ

Ưu điểm của MySQL :

 Sử dụng dễ dàng: MySQL là cơ sở dữ liệu tốc độ cao và ổn định, công cụnày dễ sử dụng và hoạt động trên nhiều hệ điều hành cung cấp hệ thống lớncác hàm tiện ích

 Tính bảo mật cao: MySQL phù hợp với các ứng dụng có truy cập cơ sở dữliệu trên internet vì nó sở hữu nhiều tính năng bảo mật, thậm chí là bảo mậtcấp cao.

 Đa tính năng: MySQL có thể hỗ trợ hàng loạt các chức năng SQL từ hệ quảntrị cơ sở dữ liệu quan hệ trực tiếp và cả gián tiếp

 Khả năng mở rộng và mạnh mẽ: Công cụ MySQL có khả năng xử lý khối dữliệu lớn và có thể mở rộng khi cần thiết

 Tương thích trên nhiều hệ điều hành: MySQL tương thích để chạy trên nhiều

hệ điều hành, như Novell NetWare, Windows * Linux *, nhiều loại UNIX *(như Sun * Solaris *, AIX và DEC * UNIX), OS / 2, FreeBSD *, MySQLcũng cung cấp phương tiện mà các máy khách có thể chạy trên cùng mộtmáy tính với máy chủ hoặc trên một máy tính khác (giao tiếp qua mạng cục

 MySQL bị hạn chế dung lượng, cụ thể, khi số bản ghi của người dùng lớndần, sẽ gây khó khăn cho việc truy xuất dữ liệu, khiến người dùng cần ápdụng nhiều biện pháp để tăng tốc độ chia sẻ dữ liệu như chia tải database ranhiều server, hoặc tạo cache MySQL.

 So với Microsoft SQL Server hay Oracle, độ bảo mật của MySQL chưa caobằng Và quá trình Restore cũng có phần chậm hơn Tuy nhiên, những nhượcđiểm này không đáng kể với những hệ quản trị nội dung cỡ trung, bởi chỉnhững hệ thống lớn hoặc rất lớn mới phát sinh các yêu cầu phức tạp hơn

2.2.4 MySQL dùng để làm gì ?

 Hệ quản trị cơ sở dữ liệu MySQL chính là một trong những phần mềm quảntrị CSDL dạng server based, hệ gần giống với SQL server of Microsoft.MySQL là phần mềm quản lý dữ liệu thông qua CSDL Và mỗi một CSDLđều có bảng quan hệ chứa dữ liệu riêng biệt

 MySQL có cơ chế quản lý sử dụng riêng giúp cho mỗi người sử dụng đều cóthể quản lý cùng lúc một hay nhiều CSDL khác nhau Và mỗi người dùngđều có 1 username và password để truy nhập và truy xuất đến CSDL Khitruy vấn đến CSDL của MySQL, bạn phải cung cấp tài khoản và mật khẩu cóquyền sử dụng cơ sở dữ liệu đó

 MySQL tương thích tốt với môi trường PHP, giúp hệ thống hoạt động mạnh

mẽ Bạn có thể viết hoặc chỉnh sửa code MySQL trên các IDE dành cho PHP

2.2.5 Phiên bản MySQL hiện tại

Phiên bản hiện tại đang dùng : 2.0

2.3 Giới thiệu về HTML

2.3.1 HTML là gì ?

HTML viết tắt của Hypertext Markup Language là ngôn ngữ lập trình dùng

để xây dựng và cấu trúc lại các thành phần có trong Website HTML tạm dịch làngôn ngữ đánh dấu siêu văn bản Người ta thường sử dụng HTML trong việc phânchia các đoạn văn, heading, links, blockquotes,…

2.3.2 Tại sao nên dùng HTML

 Vì nó tương thích với các trang web đang tồn tại

 Đáp ứng được nhiều yêu cầu của người dùng

 Giải quyết được các nhu cầu thực tế

2.3.3 Ưu nhược điểm của HTML

HTML có khá nhiều những ưu điểm Tuy nhiên nó vẫn tồn tại một số nhữngđiểm trừ Hãy cùng Mắt Bão tìm hiểu chi tiết về ưu nhược điểm của ngôn ngữ lậptrình này

Ưu điểm của HTML :

HTML được sử dụng để tạo bố cục, cấu trúc trang web Nó có một số ưu điểm sau:

 Có nhiều tài nguyên hỗ trợ với cộng đồng người dùng vô cùng lớn

 Có thể hoạt động mượt mà trên hầu hết mọi trình duyệt hiện nay

 Học HTML khá đơn giản

 Các markup sử dụng trong HTML thường ngắn gọn, có độ đồng nhất cao

 Sử dụng mã nguồn mở, hoàn toàn miễn phí

 HTML là chuẩn web được vận hành bởi W3C

 Dễ dàng để tích hợp với các loại ngôn ngữ backend (ví dụ như: PHP,

Node.js,…)

Nhược điểm của HTML :

Bên cạnh ưu điểm, HTML cũng có các nhược điểm nhất định Cụ thể như sau:

 Chỉ được áp dụng chủ yếu cho web tĩnh Nếu muốn tạo các tính năng động,lập trình viên phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ

3 (ví dụ như: PHP)

 Mỗi trang HTML cần được tạo riêng biệt, ngay có khi có nhiều yếu tố trùng lặp như header, footer

 Khó để kiểm soát cách đọc và hiển thị file HTML của trình duyệt (ví dụ, một

số trình duyệt cũ không render được tag mới Do đó, dù trong HTMLdocument có sử dụng các tag này thì trình duyệt cũng không đọc được)

 Một vài trình duyệt còn chậm cập nhật để hỗ trợ tính năng mới của HTML

2.3.4 HTML dùng để làm gì ?

Giúp cấu thành các cấu trúc cơ bản trên một website (chia khung sườn, bốcục các thành phần trang web) và góp phần hỗ trợ khai báo các tập tin kĩ thuật sốnhư video, nhạc, hình ảnh

2.3.5 Phiên bản sử dụng hiện tại :

Phiên bản HTML 5

2.4 Giới thiệu về CSS

2.4.1 CSS là gì ?

CSS là chữ viết tắt của Cascading Style Sheets, nó là một ngôn ngữ được sử

dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ đánh dấu (ví

dụ như HTML)

2.4.2 Tại sao lại sử dụng css

Css có thể tùy chỉnh bố cục định dạng hiển thị nội dung,màu sắc căn chỉnhmàu nền,đường viền,đổ bóng… cho các thẻ html

Nếu 1 website mà chỉ làm bằng html không sử dụng css thì website đó nhìn sẽ rấtthô.Bạn có thể tưởng tượng nó như 1 cái nhà mà bỏ hết lớp vữa chát, lớp sơn bênngoài chỉ còn lại mỗi bộ khung và gạch vữa

CSS cung cấp cho bạn hàng trăm thuộc tính trình bày dành cho các đối tượng với sựsáng tạo cao nhất trong kết hợp các thuộc tính giúp mang lại hiệu quả

Ngoài ra, hiện tại CSS đã được hỗ trợ bởi tất cả các trình duyệt khác nhau

2.4.3 Ưu nhược điểm của CSS

Ưu điểm :

 Một stylesheet thường sẽ được lưu trữ trong bộ nhớ cache của trình duyệt,

và do đó có thể được sử dụng trên nhiều trang mà không được nạp lại,tăng tốc độ tải và giảm độ truyền dữ liệu qua mạng

 Với một sự thay đổi đơn giản của một dòng, một kiểu khác nhau có thểđược sử dụng cho cùng một trang Điều này có lợi thế để tiếp cận, cũngnhư cung cấp khả năng làm cho một trang hoặc trang web với các thiết bịmục tiêu khác nhau Hơn nữa, các thiết bị không thể hiểu được phong cáchvẫn sẽ hiển thị nội dung

 Bằng cách kết hợp CSS với các chức năng của một hệ thống quản trị nộidung, một số lượng đáng kể của sự linh hoạt có thể được lập trình thànhcác hình thức trình nội dung Điều này cho phép một người đóng góp,những người có thể không quen thuộc hoặc có thể hiểu hoặc chỉnh sửaCSS hoặc HTML để chọn bố cục của một bài viết hoặc trang khác mà họđang trình on-the-fly, trong các hình thức tương tự

 Khi CSS được sử dụng có hiệu quả, về thừa kế và "tầng", một kiểu toàncầu có thể được sử dụng để ảnh hưởng đến yếu tố phong cách và trangweb rộng Nếu tình hình phát sinh mà kiểu dáng của các yếu tố nên cầnphải được thay đổi hoặc điều chỉnh, những thay đổi này có thể được thựchiện dễ dàng, đơn giản chỉ bằng cách chỉnh sửa một vài quy tắc trongstylesheet toàn cầu

 Đối với thiết kế web và phát triển các giải pháp, sau đó truy cập một thiết

kế Web Philippines trang web trực tuyến để tìm hiểu thêm về nó

Nhược điểm :

 Margin sụp đổ là, trong khi cũng như các tài liệu và hữu ích, cũng phứctạp và thường không dự kiến của các tác giả, và không có cách nào tácdụng phụ phí đơn giản là có sẵn để kiểm soát nó

 Hiện nay không có khả năng xác định giá trị tài sản như các biểu thức đơngiản (như margin-left: 10% - 3em + 4px;) Điều này rất hữu ích trongnhiều trường hợp, chẳng hạn như tính toán kích thước của cột chịu mộtràng buộc trên tổng của tất cả các cột

 CSS không chứa biến Điều này làm cho nó cần thiết để làm một "thay thếtất cả" khi một trong những mong muốn thay đổi một hằng số cơ bản,chẳng hạn như màu sắc hoặc độ cao khác nhau và độ rộng.

 Trong khi bổ sung mới CSS3 cung cấp một, mạnh mẽ hơn bố trí bộ nhữngtính năng mạnh mẽ hơn, CSS vẫn còn rất nhiều bắt nguồn như một ngônngữ phong cách, không phải là một ngôn ngữ bố trí

 Trong khi có thể trong CSS hiện hành, bố trí với nhiều cột có thể phức tạp

để thực hiện Với CSS hiện tại, quá trình này thường được thực hiện bằngcách sử dụng các yếu tố nổi mà thường được kết xuất khác nhau bởi cáctrình duyệt khác nhau, hình dạng màn hình máy tính khác nhau, và tỷ lệmàn hình khác nhau đặt trên màn hình tiêu chuẩn

2.4.4 CSS dùng để làm gì ?

CSS dùng để thay đổi trình bày, bố cục, màu sắc, phông chữ của các ngôn ngữ đánhdấu… Trong đó sử dụng CSS nhiều và phổ biến nhất là HTML Bởi vì việc sửdụng CSS kết hợp với HTML thì người viết sẽ không cần lúc nào cũng phải địnhdạng lại 1 nội dung cho nhiều trang HTML khác nhau

2.4.5 Phiên bản CSS hiện đang dùng

cơ bản như HTML, CSS hay JavaScript template để xây dựng và phát triển cácwebsite responsive

2.5.2 Tại sao nên dùng Bootstrap ?

 Lý do đầu tiên khiến Bootstrap dần trở nên phổ biến và xứng đáng đượclựa chon đó là gần đây, các nhà lập trình đã bổ sung thêm tính năngCustomize (tùy chỉnh) Chức năng này giúp cho các nhà thiết kế linh hoạt

17

hơn trong việc lựa chọn những thuộc tính, phần tử phù hợp với dự án họđang theo đuổi Chức năng này cũng cho phép bạn không cần phải tải toàn

bộ mã nguồn về máy

 Bootstrap không đòi hỏi kiến thức phức tạp Chỉ cần biết sơ qua HTML,CSS, Javascript, Jquery là bạn có thể sử dụng nó để tạo nên một websitechuyên nghiệp Website theo yêu cầu đúng như mong muốn

 Boostrap được viết bởi những bộ não công nghệ tài năng trên khắp thếgiới Sự tương thích của trình duyệt với thiết bị đã được kiểm tra nhiều lầntrước khi đưa vào sử dụng Nên khi lựa chọn Bootstrap, bạn có thể tinrằng mình sẽ tạo nên những sản phẩm hoàn hảo

 Bootstrap sử dụng Grid System nên mặc định hỗ trợ Responsive.Bootstrap được viết theo xu hướng Mobile First tức là ưu tiên cho việctương thích với các giao diện trên thiết bị di động Sử dụng công nghệ nàycho website của bạn sẽ giúp website trở nên tương thích với tất cả kíchthước màn hình Một điều cực kì quan trọng và cần thiết trong trải nghiệmngười dùng

 Bootstrap hoạt động theo xu hướng mã nguồn mở nên bạn có thể vào mãnguồn của nó để thay đổi và chỉnh sửa tùy ý

2.5.3 Ưu nhược điểm của Bootstrap ?

Ưu điểm :

 Dễ dàng vận hành: Bootstrap được xây dựng dựa trên xu hướng mã nguồn

mở HTML, CSS và JavaScript, khi đó bạn chỉ cần có kiến thức cơ bản vềngôn ngữ lập trình trên thì có thể sử dụng Bootstrap hiệu quả để xây dựngwebsite chuyên nghiệp miễn phí

 Tính năng responsive: FrameWork Bootstrap luôn tích hợp mặc định sẵnresponsive và ưu tiên giúp website bạn tương thích với các thiết bị di độnghiện nay Có khả năng tự động điều chỉnh kích thước website theo khungtrình duyệt browser

 Dễ dàng tuỳ chỉnh: Bootstrap cho phép các lập trình viên dễ dàng làm việclinh hoạt, khi đó bạn có thể lựa chọn được những thuộc tính phần từ phù hợpvới dự án mà bạn đang làm việc.

 Bootstrap được hoạt động theo xu hướng mã nguồn mở ở trên, cho nên bạn

có thể dễ dàng vào mã nguồn mở chỉnh sửa theo ý muốn của dự án

Nhược điểm :

 Kém phổ biến: Bootstrap hiện chưa quá phổ biến tại Việt Nam, nên việc tìmmột công ty thiết kế web thành thạo công cụ này cũng không phải việc dễdàng

 Sản phẩm nặng, tốc độ tối ưu chưa cao: Đây là một điểm trừ khá lớn choBootstrap, bởi các sản phẩm nó rất khó để tối ưu

 Chưa hoàn thiện: Hiện nay, Bootstrap vẫn chưa có đầy đủ các thư viện cầnthiết để tạo ra một framework hoàn hảo Với những ưu, nhược điểm như vậy,

Bootstrap có thể được coi là một công cụ vô cùng hữu ích cho các nhà thiết

kế website

2.5.4 Bootstrap dùng để làm gì ?

 Bootstrap giúp người dùng tùy chỉnh framework trên website trước khi tải về

và có thể sử dụng nó tại website của khung

 Với việc cung cấp thư viện các thành tố khổng lồ, Bootstrap giúp người dùng

dễ dàng truy cập và thiết kế website hoàn chỉnh theo ý muốn

 Bootstrap bao gồm các tập tin CSS, Fonts và JavaScript được biên dịch vànén lại

 Trong trường hợp muốn tích hợp jQuery trên Bootstrap, bạn chỉ cần khai báocác tính năng sử dụng trong quá trình thiết kế web là xong

2.5.5 Phiên bản sử dụng hiện tại

Phiên bản bootstrap 4

CHƯƠNG III : PHÂN TÍCH HỆ THỐNG VÀ

THIẾT KẾ CƠ SỞ DỮ LIỆU3.1 Mô tả quy trình nghiệp vụ

Lưu ý: việc xác nhận thông tin khách hàng cung cấp hoàn toàn dựa vào việc tổ chứccủa công ty Việc này được thực hiện trực tiếp giữa người và người chứ không đượcxác nhận thông qua website.

Bộ phận quản lý website có chức năng điều hành website của mình, tương tác với

cơ sở dữ liệu, tổ chức hoạt động của website sau đó đưa lên giao diện giới thiệu chokhách hàng

Ta có thể chia bộ phận quản lý website ra thành các bộ phận nhỏ hơn, mỗi bộ phậnđảm đương 1 nhiệm vụ, 1 khâu trong tổ chức website, đảm bảo website vận hànhtốt, đạt được hiệu quả như mong muốn, giới thiệu và đưa sản phẩm tới người tiêudùng một cách thuận tiện nhất

Ta có thể chia như sau:

Bộ phận này cũng có quyền can thiệp vào CSDL, có thể cập nhật các thông tin vềsản phẩm, các mặt hàng được công ty kinh doanh

Bộ phận này đặc biệt quan trọng Họ có quyền phân quyền và yêu cầu đối với các

vụ khách hàng

c Bộ phận kinh doanh:

Bộ phận này có quyền đăng nhập vào hệ thống, quản lý kinh doanh của củahàng thông qua các đơn đặt hàng và hóa đơn thanh toán của khách hàng Khi cókhách hàng đặt hàng thông qua website, bộ phận kinh doanh sẽ xác nhận thông tincủa khách hàng, tiến hành lưu trữ đơn đặt hàng, in hóa đơn thanh toán và thông tintới bộ phận giao hàng để đưa sản phẩm tới tay khách hàng Khách hàng sẽ thanhtoán với bộ phận kinh doanh thông qua bộ phận trung gian đó là bộ phận giao hàng.Các hóa đơn và thông tin đặt hàng đã được xác nhận sẽ được lưu lại trong hệ thống

Bộ phận này cũng có khả năng hủy các đơn đặt hàng của khách hàng nếu kiểm trathấy thông tin đặt hàng thiếu chi tiết hoặc không chính xác

3.1.3 Quy trình xử lý

Khách hàng đăng kí tài khoản trực tuyến Khách hàng lựa chọn và đặt muahàng, hàng được chuyển vào giỏ hàng Khách hàng lựa chọn hình thức thanh toán.1-2 ngày sau hàng sẽ được chuyển tận nơi Hàng trong kho sẽ được cập nhật lại,nếu hết hàng thì sẽ không hiện thị lên web nữa hoặc hiển thị thêm dòng “hết hàng”

để khách chọn sản phẩm khác

d Yêu cầu đối với khách hàng

Khách hàng khi tới với website của cửa hàng có thể xem thông tin chi tiếtcác sản phẩm hiện của hàng đang bày bán

Khi khách hàng muốn đặt mua, khách hàng cần đăng ký một tài khoản miễn

phí tại website

Khi đã có tài khoản, khách hàng có thể tự do đặt hàng với các sản phẩm mình cầnmua Sau khi nhập thông tin cá nhân đầy đủ, khách hàng có thể nhấn lệnh đặt mua

22

Nếu thông tin chính xác, hàng sẽ được chuyển tận tay khách hàng sau 24 -36h trongthành phố và 36-72h nếu ở ngoại thành.

3.1.5 Yêu cầu đối với người sử dụng

Mỗi khi cập nhật sản phẩm cần lưu lại biên bản cập nhật để dễ tiến hành | kiểm trakhi có sai sót

3.1.6 Yêu cầu đối với khách hàng

Khách hàng khi tới với website của cửa hàng có thể xem thông tin chi tiếtcác sản phẩm hiện cửa hàng đang bày bán

Khi khách hàng muốn đặt mua, khách hàng cần đăng ký một tài khoản miễn phí tạiwebsite

Khi đã có tài khoản, khách hàng có thể tự do đặt hàng với các sản phẩm mình cầnmua Sau khi nhập thông tin cá nhân đầy đủ , khách hàng có thể nhấn lệnh đặt mua

Nếu thông tin chính xác, hàng sẽ được chuyển tận tay khách hàng sau 24-36h trongthành phố và 36-72h nếu ở ngoại thành

3.1.7 Yêu cầu chức năng

Xác định các chức năng cụ thể của các đối tượng tham gia hệ thống:

 Người dùng

a Đăng ký tài khoản

23