Khóa luận tốt nghiệp Công nghệ thông tin: Xây dựng Website quản lý ra vào bãi container

Localhost bao gồm nhiều ứng dụng đi kèm với nhau và tất cả các ứng dụng đó sẽ kết hợp với nhau để tạo ra một môi trường có thể chạy mã nguồn WordPress trên máy tính của chính bạn bao gồm

TRƯỜNG ĐẠI HỌC HẢI PHÒNG KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO

ĐỒ ÁN TỐT NGHIỆP

ĐỀ TÀI:

XÂY DỰNG WEBSITE BÁN TRÀ CHO PHÚC LONG

HỌ VÀ TÊN SINH VIÊN : Nguyễn Quang Long NGÀY SINH : 14/07/2002

LỚP : CNTT1 K21

MÃ SỐ SINH VIÊN : 203148201024 GIẢNG VIÊN HƯỚNG DẪN : ThS Phạm Thị Thùy Ni

Hải Phòng, Tháng 4 năm 2024

ii

LỜI CAM ĐOAN

Tôi xin cam đoan đây là công trình nghiên cứu của riêng tôi Các số liệu, kết quả nêu trong báo cáo là kết quả trung thực và chưa được ai công bố trong bất kỳ công trình nào khác Tôi xin cam đoan rằng các thông tin trính dẫn trong báo cáo đều đã ghi

LỜI CẢM ƠN

Để hoàn thành được đề tài đồ án tốt nghiệp này, trước hết em gửi lời cảm ơn chân thành nhất đến các thầy cô trong trường đại học Hải Phòng nói chung, các thầy cô trong khoa Công Nghệ Thông Tin nói riêng đã đạy đỗ cho kiếm thức về các môn đại cương cũng như các môn chuyên ngành, giúp em có được cơ sở lý thuyết vững vàng và tạo điều kiện giúp đỡ em trong suốt quá trình học tập để em có được ngày hôm nay

Em xin chân thành cảm ơn Th.S Phạm Thi ̣ Thùy Ni đã tận tình hướng dẫn, chỉ bảo em trong suốt thời gian thực hiện đề tài này, làm cho em được mở rộng thêm các kiến thức mới mà chưa được học trong trường và giúp em định hướng thêm một con đường tương lai có thể đi

Cuối cùng, em xin kính chúc các thầy cô giảng viên trường Đại học Hải Phòng nói chung và các thầy cô khoa Công Nghệ Thông Tin nói riêng luôn dồi dào sức khỏe

và thành công trong sự nghiệp giảng dậy cao quý

Hải Phòng, tháng 04 năm 2024

iv

Mục lục

LỜI CAM ĐOAN ii

LỜI CẢM ƠN iii

LỜI NÓI ĐẦU 1

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 2

1.1 Các khái niê ̣m cơ bản 2

1.1.1 Domain 2

1.1.2 Web Hosting 2

1.1.3 Localhost 3

1.2 Ngôn ngữ lâ ̣p trình 3

1.2.1 HTML 3

1.2.2 CSS 4

1.2.3 PHP 4

1.2.4 MySQL 4

1.3 Tìm hiểu về WordPress 5

1.3.1 WordPress là gì? 5

1.3.2 Ca ́ c thành phần của wordpress 6

1.3.3 Cấu trúc cơ bản của bộ quản trị WordPress 7

1.3.4 Lợi ích của việc sử dụng WordPress 7

1.4 Tìm hiểu về XAMPP 9

CHƯƠNG 2: KHẢO SÁT HỆ THỐNG 10

2.1 Tổng quan về đề tài 10

2.1.1 Khảo sát hiê ̣n tra ̣ng 10

2.1.2 Khảo sát hê ̣ thống 10

2.1.3 Kết luận 11

2.2 Đặc tả hệ thống website 11

2.2.1 Phương pháp đặc tả 11

2.2.2 Các yêu cầu phần mềm 11

2.2.3 Tài liệu đặc tả phần mềm 13

2.3 Danh sách Actor và UseCase 21

2.3.1 Danh sách Actor.: 21

2.3.2 Danh sách các UseCase 21

2.4 Xây Dựng Biểu Đồ Use Case Tổng Quát 21

2.5 Sơ đồ phân rã Use Case 22

2.5.1 Sơ đồ phân rã UC: quản lý thông tin khách hàng 23

2.5.2 Sơ đồ phân rã UC quản lý tài khoản 24

2.5.3Sơ đồ phân rã UC: quản lý đơn hàng 25

2.5.4 Sơ đồ phân rã UC: quản lý sản phẩm 26

2.5.5 Sơ đồ phân rã UC: quản lý giỏ hàng 27

2.6 Luồng sự kiện: 27

Bảng 2.6.1: Quản lý chức năng đăng nhập 28

Bảng 2.6.2: Quản lý chức năng sửa sản phẩm 28

Bảng 2.6.3: Quản lý chức năng thêm sản phẩm 29

Bảng 2.6.4: Quản lý chức năng xóa sản phẩm 29

Bảng 2.6.5: Quản lý chức năng đặt hàng 30

2.7 Biểu đồ tuần tự 30

2.7.1 Biểu đồ tuầ n tự cho chức năng đăng nhâ ̣p 30

2.7.2 Biểu đồ tuầ n tự cho chức năng tìm kiếm 31

2.7.3 Biểu đồ tuầ n tự cho chức năng thêm sản phẩm 31

2.8 Biểu đồ cộng tác 32

2.8.1 Biểu đồ cộng tác cho chức năng thêm sản phẩm 32

2.8.2 Biểu đồ cộng tác cho chức năng xóa sản phẩm 33

2.8.3 Biểu đồ cộng tác cho chức năng tìm kiếm sản phẩm 34

CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG 34

4.1 Cài đặt giao diện 34

4.2 Tạo chuyên mục 38

4.3 Tạo menu cho trang Web 38

4.4 Thêm bài viết 39

4.5 Thêm sản phẩm 39

KẾT LUẬN 42

vi

Danh mục hình ảnh

Hình 1: WordPress 8

Hình 2: Biểu đồ Usecase tổng quát 22

Hình 3: Sơ đồ phân rã UC: quản lý thông tin khách hàng 23

Hình 4: Sơ đồ phân rã UC quản lý tài khoản 24

Hình 5: Sơ đồ phân rã UC: quản lý đơn hàng 25

Hình 6: Sơ đồ phân rã UC: quản lý sản phẩm 26

Hình 7: Sơ đồ phân rã UC: quản lý giỏ hàng 27

Hình 8: Biểu đồ tuần tự cho chức năng đăng nhập 30

Hình 9: Biểu đồ tuần tự cho chức năng tìm kiếm 31

Hình 10: Biểu đồ tuần tự cho chức năng thêm sản phẩm 31

Hình 11: Biểu đồ cộng tác cho chức năng thêm sản phẩm 32

Hình 12: Biểu đồ cộng tác cho chức năng xóa sản phẩm 33

Hình 13: Biểu đồ cộng tác cho chức năng tìm kiếm sản phẩm 34

Hình 14: Cài đặt theme cho WordPress 35

Hình 15: Kích hoạt giao diện cho WordPress 35

Hình 16: Plugin WooCommerce 36

Hình 17: Tạo chuyên mục cho Website 38

Hình 18: Tạo Menu cho trang web 38

Hình 19: Thêm bài viết 39

Hình 20: Thêm sản phẩm 39

Hình 21: Website hoàn chỉnh 40

Hình 22: Trang sản phẩm 40

Hình 23: Trang giỏ hàng 41

Hình 24: Các phương thức thanh toán 41

1

LỜI NÓI ĐẦU

Ngày nay chúng ta đang sống trong kỹ nguyên của khoa học công nghệ, đặc biệt

là công nghệ thông tin phát triển một cách vượt bậc như hiện nay Trong thời đại bùng

nổ thông tin và có rất nhiều phương thức truyền đạt thông tin thì phương thức truyền thông tin bằng công nghệ số là nhanh và phổ biến nhất, được nhiều người tiếp cận nhất Công nghệ thông tin không chỉ dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà còn đi sâu vào đời sống chính trị, kinh tế, xã hội… trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho con người, đặc biệt trong lĩnh vực kinh tế, công nghệ thông tin đã có nhiều đóng góp quan trọng trong công việc quản lý, quản cáo sản phẩm, hàng hóa của công ty, xí nghiệp, doanh nghiệp lớn và nhỏ trên toàn thế giới Những ứng dụng của công nghệ thông tin đã mang lại nhiều lợi ích không nhỏ, đạt hiệu quả kinh tế vượt bậc cho những công ty, xí nghiệp đó Muốn bán và đưa các sản phẩm cho mọi người biết một cách rộng rãi và nhanh chống thì cần phải quảng cáo Vì vậy, xây dựng website quảng cáo và bán các sản phẩm là điều tối cần thiết đối với mọi công ty, doanh nghiệp

để tồn tại và phát triển trong nền kinh tế thị trường cạnh tranh khốc liệt hiện nay

Thực tế, các websie bán hàng trực tuyến đều được xây dựng dựa trên các mã nguồn xây dựng sẵn, có nhiều ưu điểm giúp cho doanh nghiệp có thể đưa gian hàng của mình lên thị trường internet Chính vì vậy, em đã chọn đề tài “Xây dựng website bán trà cho Phú c Long”

Mặc dù đã cố gắng hoàn thành báo cáo trong phạm vi và khả năng cho phép nhưng chắc chắn sẽ không tránh khỏi những thiếu sót Em kính mong nhận được sự cảm thông và góp ý của quý thầy cô và các bạn để bài báo cáo này được hoàn thiện hơn

Em Xin Chân Thành Cảm Ơn!

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Ca ́ c khái niê ̣m cơ bản

1.1.1 Domain

Domain hay tên miền là địa chỉ website của bạn trên không gian mạng, khi bạn nhập tên miền trên một trình duyệt, bạn có thể truy cập vào được website bất kỳ Chúng được thể hiện bằng các chuỗi văn bản gồm chữ, số và ký tự trong bảng chữ cái, thay cho địa chỉ IP gồm những dãy số dài và khó đọc, khó nhớ

Nói một cách đơn giản, bạn hãy hình dung website là một ngôi nhà thì domain chính là địa chỉ nhà của bạn.Khi bạn nhập tên miền trên trình duyệt, trình duyệt sẽ gửi 1 yêu cầu đến DNS DNS sẽ tìm kiếm địa chỉ IP tương ứng với domain và chuyển hướng bạn đến trang web bạn muốn truy cập

Tên miền đóng vai trò quan trọng trong quá trình xây dựng website và mang lại giá trị đáng kể cho các hoạt động kinh doanh Dưới đây, tôi sẽ liệt kê ra một vài nguyên nhân chính giải thích về tầm quan trọng của domain:

+ Tên miền giúp người dùng, khách hàng dễ dàng tìm kiếm và nhận diện thương hiệu

+ Giúp sở hữu và bảo vệ thương hiệu, ngăn chặn đối thủ sử dụng tên miền tương tự

+ Tên miền độc đáo và phong cách nhất quán từ mạng xã hội đến website tăng tính nhận diện thương hiệu

+ Khiến website của bạn sẽ trông uy tín hơn khiến cho khách hàng bạn cảm thấy an tâm khi để lại email, số điện thoại,… hoặc mua hàng

Tóm lại, tên miền thật sự rất quan trọng đối với trang web Tuy nhiên việc lựa chọn tên miền cho website của mình không đơn giản đặc biệt đối với những ai mới tạo website

1.1.2 Web Hosting

Là không gian trên máy chủ có cài đặt các dịch vụ Internet như www, ftp, mail…

ta có thể chứa nội dung trang web hay dữ liệu trên không gian đó Web hosting đồng thời cũng là nơi diễn ra tất cả các hoạt động giao dịch, trao đổi thông tin giữa website với người sử dụng Internet và hỗ trợ các phần mềm Internet hoạt động

Lý do ta phải thuê Web hosting để chứa nội dung trang web, dịch vụ mail, ftp…

Vì những máy tính đó luôn có một địa chỉ cố định khi kết nối vào Internet (địa chỉ IP), còn nếu như ta truy cập vào Internet như thông thường hiện nay thông qua các IPS

3

(Internet Service Provider – Nhà cung cấp dịch vụ Internet) thì địa chỉ IP trên máy bạn luôn bị thay đổi, do đó dữ liệu trên máy của bạn không thể truy cập được từ những máy khác trên Internet

Hai khái niệm cơ bản của Web hosting:

+ Dung lượng: dung lượng của web hosting là khoảng không gian bạn được phép lưu trữ dữ liệu của mình trên ổ cứng của máy chủ

+ Băng thông: băng thông của web hosting là lượng dữ liệu (tính bằng Mbytes) trao đổi giữa website với người sử dụng trong một tháng

1.1.3 Localhost

Localhost là từ ghép của hai chữ “local” và “host“ Local dịch theo nghĩa IT là máy tính của bạn, Host theo nghĩa IT là máy chủ Vậy localhost nghĩa là một máy chủ được vận hành trên máy tính của bạn

Localhost bao gồm nhiều ứng dụng đi kèm với nhau và tất cả các ứng dụng đó sẽ kết hợp với nhau để tạo ra một môi trường có thể chạy mã nguồn WordPress trên máy tính của chính bạn bao gồm:

+ Phần mềm Webserver tên Apache, đây là webserver thông dụng nhất

+ Phần mềm PHP để xử lý mã PHP vì WordPress viết bằng ngôn ngữ PHP + Phần mềm MySQL Server để lưu trữ và xử lý cơ sở dữ liệu, do WordPress sử dụng MySQL làm nền tảng cơ sở dữ liệu Cơ sở dữ liệu thường được mình viết theo chữ tiếng Anh là database

+ Phần mềm PHPMyAdmin để xem và quản lý cơ sở dữ liệu MySQL

Như vậy, đối chiếu với yêu cầu cơ bản của một website WordPress thì localhost

đã hoàn toàn đáp ứng được

1.2 Ngôn ngư ̃ lâ ̣p trình

1.2.1 HTML

HTML (HyperText Markup Language – Ngôn ngữ đánh dấu siêu văn bản) là ngôn ngữ được sử dụng để tạo một trang web trên một website có thể sẽ chứa nhiều trang và mỗi trang được quy ra là một tài liệu HTML ( một tập tin HTML)

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements) được quy định bằng các cặp thẻ (tag), các cặp thẻ này được bao bọc bởi một dấu ngoặc nhọn (ví dụ <html>) và thường là sẽ được khai báo thành một cặp, bao gồm thẻ mở và thẻ đóng (ví dụ <strong> và </strong>) Các văn bản muốn được đánh dấu bằng HTML

sẽ được khai báo bên trong cặp thẻ (ví dụ <strong>Đây là chữ in đậm</strong>) Nhưng

một số thẻ đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằm trong các thuộc tính (ví dụ như thẻ <img>)

Một tập tin HTML sẽ bao gồm các phần tử HTML và được lưu lại dưới đuôi mở

rộng là html hoặc htm

1.2.2 CSS

CSS (Cascading Style Sheets – Các tập tin định kiểu theo tầng) 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)

Có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng… thì CSS sẽ giúp ta có thể thêm một chút “phong cách” vào các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc…

Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn

có thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác Sau đó là nó sẽ áp dụng các thuộc tính cần thay đổi lên vùng chọn đó

PHP chỉ phân tích các đoạn mã nằm trong những dấu giới hạn của nó Bất cứ mã nào nằm ngoài những dấu giới hạn đều được xuất ra trực tiếp không thông qua xử lý bởi PHP

1.2.4 MySQL

MySQL là một database Server, là hệ thống quản lý cơ sở dữ liệu quan hệ Trong việc lưu trữ, tìm kiếm, sắp xếp và truy vấn dữ liệu, nó tỏ ra rất nhanh và mạnh mẽ MySQL Server điều khiển truy cập dữ liệu đa người dùng cùng một thời điểm, cung cấp khả năng truy cập dữ liệu nhanh, đảm bảo cho người sử dụng được cấp quyền truy cập

dữ liệu của hệ thống Do vậy MySQL là đa người dùng đa luồng Nó sử dụng các câu

5

lệnh truy vấn SQL (ngôn ngữ truy vấn có cấu trúc) là một chuẩn ngôn ngữ truy vấn cơ

sở dữ liệu hiện nay trên Web

MySQL có thể quản lý tới hàng Terabyte dữ liệu, hàng triệu bản ghi, chạy trên nhiều môi trường khác nhau, có giao diện tương đối dễ sử dụng, có thể truy vấn cơ sở

dữ liệu thông qua câu lệnh SQL MySQL thường được sử dụng chung với PHP trong những trang Web cần sử dụng đến cơ sở dữ liệu

Như chúng ta đã biết có rất nhiều dạng Database khác nhau như : Oracle, MSSQL, Access, MySQL… tùy theo các yêu cầu thực tế mà các lập trình viên sử dụng một Database hợp lý cho riêng mình trong đó MySQL được rất nhiều lập trình viên chú trọng mà nhất là viết ứng dụng cho Web chạy trên nền PHP Điểm mạnh của MySQL

là chạy trên mọi ngôn ngữ như ASP, Net, PHP, JSP… khi chạy nó không đòi hỏi tài nguyên máy quá lớn như CPU, Ram chẳng hạn Nhược điểm là độ bảo mật chưa cao bằng MSSQL hay Oracle… và quá trình Restore có phần chậm chạp hơn

Tuy nhiên những nhược điểm đó là không đáng kể cho các bạn viết các hệ quản trị nội dung cỡ trung bình khá, vì chỉ có những hệ thống từ lớn đến rất lớn mới có những yêu cầu phức tạp hơn Cơ sở dữ liệu MySQL đã trở thành cơ sở dữ liệu mã nguồn mở phổ biến nhất trên thế giới vì cơ chế xử lý nhanh và ổn định của nó, sự đáng tin cậy cao

và dễ sử dụng Nó được sử dụng mọi nơi – ngay cả châu Nam Cực - bởi các nhà phát triển Web riêng lẻ cũng như rất nhiều các tổ chức lớn nhất trên thế giới để tiết kiệm thời gian và tiền bạc cho những Websites có dung lượng lớn, phần mềm đóng gói – bao gồm

cả những nhà đi đầu trong lĩnh vực công nghiệp như Yahoo!, Alcatel-Lucent, Google, YouTube và Zappos.com

MySQL không chỉ là cơ sở dữ liệu mã nguồn mở phổ biến nhất trên thế giới, nó còn trở thành cơ sở dữ liệu được chọn cho thế hệ mới của các ứng dụng xây dựng trên nền Linux, Apache, MySQL, PHP/Perl/Python MySQL chạy trên hơn 20 flatform bao gồm: Linux, Windows, OS/X, HP-UX, AIX, Netware, mang đến cho bạn tính linh hoạt trong việc sử dụng

1.3 Ti ̀m hiểu về WordPress

1.3.1 WordPress là gì?

WordPress là một dạng mã nguồn mở được viết bằng ngôn ngữ lập trình PHP và CDSL MySQL, hiện là hệ thống quản lý nội dung (CMS) phổ biến nhất hiện nay WordPress xuất hiện từ năm 2003, tên được sử dụng trước đó là b2/cafelog Nhà sáng

lập chính là Matt Mullenweg Tuy nhiên, cái tên WordPress do bạn của Matt Mullenweg

là Christine Selleck đề xuất

Nói nôm na, WordPress là mã nguồn mà chúng ta sẽ sử dụng để cài đặt vào Hosting để có thể chỉnh sửa thành website hoặc blog riêng cho mình WordPress có rất nhiều tính năng, tương đối dễ sử dụng (những người không am hiểu về lập trình web vẫn có thể làm được) Rất nhiều Website nổi tiếng đang sử dụng WordPress làm nền tảng để phát triển như CNN, Ebay, Bata, đơn giản như vậy, WordPress còn có chức năng như mọi Website khác

Theo thống kê về tỉ lệ sử dụng CMS hiện nay, WordPress đang áp đảo các đối thủ khác với tỷ lệ 75% Theo thống kê của Alexa trong 1.000.000 website đứng đầu thế giới thì số website sử dụng WordPress chiếm đến khoảng 55.3% Tỷ lệ đó gấp hơn 5 lần

so với hạng nhì là Joomla, gấp 8.7 lần so với hạng 3 là Drupal Blogger của gã khổng lồ Google chỉ đồng xếp thứ 5 với Typo3 chỉ có 2.7% Bên cạnh đó, “ông trùm diễn đàn” VBuletin xếp thứ 4 với 6.2% và phpBB – một diễn đàn mã nguồn mở cũng nổi tiếng không kém – xếp gần chót bảng chỉ với 2%

1.3.2 Ca ́ c thành phần của wordpress

Themes WordPress (WordPress template): Là giao diện của website hoặc blog

sử dụng WordPress Có rất nhiều themes wordpress, bao gồm miễn phí và trả phí Bạn

có thể tha hồ lựa chọn themes phù hợp với mình để xây dựng website

WordPress Plugin: Đây là các thành phần mở rộng của WordPress, được chia sẻ trên kho Plugin của WordPress Những Plugin này do chính những người trong nhóm sáng lập WordPress viết ra hoặc cũng có thể do người dùng tự viết và chia sẻ Plugin này cũng có 2 dạng: 1 dạng miễn phí và 1 dạng phải trả phí

Ngoài ra, WordPress còn hỗ trợ nhiều thành phần như:

- Widget: Là một dạng Modul kéo thả, có thể tùy biến ở nhiều vị trí của

website/blog của bạn Widget này được viết kèm theo Themes, hỗ trợ theo Plugin hoặc chúng ta có thể tự viết bằng mã PHP, HTML

7

- Tag: Mặc định của WordPress hỗ trợ thành phần Tag khá là tiện ích Đó là các

từ khóa chính cho Trang và Bài viết trên website của bạn

1.3.3 Cấu trúc cơ bản của bộ quản trị WordPress

Bộ quản trị Wordpress gồm các phần sau:

- Dashboard: Tổng quan về quản trị WordPress, bao gồm thông tin tóm tắt về

website WordPress, viết blog nhanh, một số bình luận mới nhất, bài từ wordpress.org blog, plugin mới và phổ biến nhất, và link đến website của bạn

- Updates: Hiển thị tất cả các theme và plugin có bản mới

- Posts: Quản lý bài viết, tag và danh mục (category)

- All posts: Quản lý tất cả các bài viết

- Add new: Đăng bài viết mới

- Categories: Quản lý tất cả các danh mục

- Tags: Quản lý tất cả các Post Tag

- Appearance: Quản lý giao diện

- Plugins: Quản lý các thành phần mở rộng

- Settings: Thiết lập các tùy chọn

1.3.4 Lợi ích của việc sử dụng WordPress

- Cài đặt đơn giản và cực kì nhanh chóng, với trình cài đặt 5 phút nổi tiếng

- Hệ thống Plugin phong phú và cập nhật liên tục

- Hỗ trợ nhiều ngôn ngữ (bao gồm cả tiếng Việt)

- Được cập nhật, vá lỗi và hỗ trợ liên tục

- Có rất nhiều Theme miễn phí, chuyên nghiệp và SEO rất tốt

- Dễ dàng quản lý và thao tác, việc quản lý blog, bài viết giống như các phần mềm

thiết kế web chuyên nghiệp

- Tích hợp sẵn Latex – công cụ soạn thảo công thức toán học, bạn có thể viết công

thức toán học ngay trong bài viết

- Upload và quản lý hình ảnh một cách dễ dàng, đặc biệt là chức năng tạo thumbnail

rất hay

- Có một hệ thống Widget đa dạng (ứng dụng tạo thêm) như thống kê số người

truy cập, danh sách các bài viết mới, các bài viết nổi bật, được xem nhiều, được

comment nhiều, liệt kê các chuyên mục, liệt kê các trang, bài viết theo ngày tháng,… có đến trên 23 Widget để bạn tha hồ lựa chọn

- Thống kê số truy cập từng ngày đối với mỗi bài viết của blog Trên cơ sở đó bạn

sẽ có định hướng nên viết gì tiếp theo Hệ thống quản lý và duyệt Comment rất hay, có thể chặn spam theo IP

- Hệ thống phân quyền với nhiều cấp độ khác nhau như: Administrator, Author, Editor, Contributer, Subcriber Mỗi phân quyền sẽ có các quyền hạn khác nhau như được phép đăng bài viết, sửa bài viết, xóa bài viết, duyệt comment…

- Sao lưu dữ liệu một cách dễ dàng để backup hoặc chuyển nhà sang một nơi khác

- Hỗ trợ import đa năng từ các blog khác như Blogspot, Tumblr, Blogger, LiveJournal…

- WordPress hỗ trợ 3 GB để lưu trữ hình ảnh và văn bản

- Hàng ngày WordPress sẽ thống kê 100 bài viết trên các blog tiếng Việt được nhiều người đọc nhất Nhờ đó bạn biết được các thông tin quan trọng nhất đang diễn ra

- Và đặc biệt mới đây nhất WordPress hỗ trợ việc quản lý blog qua mobile rất thuận tiện và dễ dàng

Hình 1: WordPress

- Nhiễu Theme Framework hỗ trợ (Genesis, Thesis, Gantry, )

- Hỗ trợ SEO (Search Engine Optimized) rất tốt

- Hỗ trợ tốt cho Mobile (quản trị, giao diện responsive)

Nhược điểm:

- Nhiều hàm có sẵn khó nắm bắt

- Theme đẹp hầu hết phải trả phí

- Để custom WordPress đẹp thì phải biết kiến thức tốt về web

- Mức độ an ninh chưa tốt

1.4 Ti ̀m hiểu về XAMPP

Xampp là chương trình tạo máy chủ Web (Web Server) được tích hợp sẵn Apache, PHP, MySQL FTP Server, Mail Server và các công cụ như phpMyAdmin Không như Appserv, Xampp có chương trình quản lý khá tiện lợi, cho phép 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

Xampp là một mã nguồn mở máy chủ web đa nền được phát triển bởi Apache Friends, bao gồm chủ yếu là Apache HTTP Server, MariaDB database, và interpreters dành cho những đối tượng sử dụng ngôn ngữ PHP và Perl Xampp là viết tắt của Cross- Platform (đa nền tảng-X), Apache (A), MariaDB (M), PHP(P) và Perl (P) Nó phân

bố Apache nhẹ và đơn giản, khiến các lập trình viên có thể dễ dàng tạo ra máy chủ web local để kiểm tra và triển khai trang web của mình Tất cả mọi thứ cần cho phát triển một trang web - Apache (ứng dụng máy chủ), Cơ sở dữ liệu (MariaDB) và ngôn ngữ lập trình (PHP) được gói gọn trong 1 tệp Xampp cũng là 1 đa nền tảng vì nó có thể chạy tốt trên cả Linux, Windows và Mac Hầu hết việc triển khai máy chủ web thực tế đều sử dụng cùng thành phần như XAMPP nên rất dễ dàng để chuyển từ máy chủ local sang máy chủ online

CHƯƠNG 2: KHẢO SÁT HỆ THỐNG 2.1 Tổng quan về đề ta ̀i

2.1.1 Kha ̉ o sát hiê ̣n tra ̣ng

Nhận thấy rằ ng so với viê ̣c kinh doanh truyền thống thì thương ma ̣i điê ̣n tử có chi phí thấp hơn, hiê ̣u quả cao hơn cùng với lợi thế của công nghê ̣ internet nên viê ̣c truyền tải thông tin về sản phẩm nhanh chóng và thuâ ̣n tiê ̣n hơn

Tiềm năng phát triển của Shop còn lớn mạnh bởi shop có một đội ngũ cán bộ, nhân viên có trình độ, tinh thần làm việc hăng hái và có trách nhiệm với công ty cùng với cơ sở vật chất hiện đại

Shop cung cấp các mặt hàng kinh doanh chủ yếu bao gồm: trà và cà phê, mu ̣c tiêu hướng tới mo ̣i lứa tuổi Hiện tại shop hoạt động chủ yếu mang tính thủ công, dựa vào hệ thống kinh nghiệm của quản lý cùng nhân viên Do đặc điểm lượng hàng hóa nhập xuất ngày càng lớn, quy mô shop ngày càng mở rộng nên công tác quản lý, mua bán mất rất nhiều thời gian và không thể đáp ứng được cho tất cả khách hàng muốn mua hàng Vì vậy Shop có ý định xây dựng một website bán hàng online để đưa sản phẩm tới với lượng khách hàng lớn hơn ở toàn miền Bắc Tương lai Shop sẽ mở rộng ra cả nước với các chi nhánh ở khắp các tỉnh thành trên toàn quốc

2.1.2 Kha ̉ o sát hê ̣ thống

Không đáp ứng được quản lý và kinh doanh và chất lượng phục vụ hiện tại và trong tương lai

Trước tình hình đó, vấn đề đặt ra là cần phải xậy dựng một website bán hàng online để đáp ứng được các yêu cầu cơ bản sau:

- Có thể thống kê được từng loại hàng, mặt hàng hoặc lượng hàng dự trữ trong

kho một cách nhanh chóng và chính xác

- Tự động in hóa đơn, phiếu xuất cho khách hàng

- Có khả năng lưu trữ lượng thông tin lớn và lâu dài

- Lập báo cáo định kì, đột xuất nhanh chóng và chính xác

11

- Có chức năng quản lý nhân viên

- Giảm khối lượng ghi chép, đảm bảo truy vấn nhanh, lưu trữ và cập nhật kịp

thời, thuận tiện

- Khách hàng có thể đặt hàng ở bất kỳ đâu có một thiết bị thông minh (máy tính,

smartphone, ipad…) có kết nối internet

- Chế độ chăm sóc khách hàng online 24/7

2.1.3 Kết luận

-Mong muốn đưa trà Phúc Long đến gần với mo ̣i người hơn thông qua website -Giú p tối ưu hóa chi phí, nâng cao hiê ̣u quả kinh doanh dễ dàng quản lý, kiểm soát cửa hàng

-Quảng bá được hình ảnh, xây dựng thương hiê ̣u trà Phúc Long và uy tín cho cửa

hàng

-Xây dựng website bán trà cho Phúc Long là viê ̣c cần thiết để ta ̣o điều kiê ̣n thuâ ̣n

lợi cho người tiêu dùng tiếp câ ̣n được sản phẩm và di ̣ch vu ̣ mo ̣i lúc mo ̣i nơi

2.2 Đặc tả hệ thống website

2.2.1 Phương pháp đặc tả

Sử dụng phương pháp đặc tả hình thức: đặc tả chính xác (không thể dẫn tới những cách hiểu khác nhau), được diễn đạt bằng ngôn ngữ đại số và logic toán học, rất chặt chẽ và không nhập nhằng

2.2.2 Các yêu cầu phần mềm

a Yêu cầu chức năng:

- Chức năng đăng ký: cho phép khách hàng tạo 1 tài khoản để tham gia mua và

đánh giá sp

- Chức năng đăng nhập (khách hàng): cho phép khách hàng thanh toán hàng hóa

trong giỏ hàng, đánh giá sp sau khi mua hàng thành công và xem lại những đơn hàng mình đã đặt thành công

- Chức năng đăng nhập (admin): cho phép admin quản lý giao diện trang web,

quản lý thành viên, quản lý các blog, quản lý sp, quản lý mã giảm giá, xử lý các đơn hàng, trả lời phản hồi từ khách hàng,…

- Chức năng thanh toán: cho phép khách hàng thanh toán sau khi đặt hàng, có 2 hình

thức thanh toán: chuyển khoản qua ATM và trả tiền mặt tận nơi sau khi nhận được hàng

- Chức năng đặt hàng: cho phép khách hàng đặt hàng trực tiếp trên website của cửa

hàng

- Chức năng tìm kiếm: cho phép khách hàng tìm kiếm sp theo tên sp

- Chức năng xem sp: cho phép khách hàng xem thông tin về sp: giá, mô tả (chất

liệu, màu sắc,…)

- Chức năng cập nhật giỏ hàng: cho phép khách hàng thêm sp cần mua vào giỏ hàng,

khách hàng có thể: tăng/giảm số lượng sp, xóa sp ra khỏi giỏ hàng và nhập mã ưu đãi

- Chức năng cập nhật sp: cho phép admin thêm, sửa, xóa sp được bày bán trên website

- Chức năng bài viết: cho phép admin đăng bài viết, thông báo lên blog của website

b Yêu cầu phi chức năng:

- Yêu cầu thời gian phản hồi của hệ thống: nhanh, thời gian phản hồi của các chức

năng cơ bản của hệ thống không quá 10 giây

- Yêu cầu về số lượng lưu trữ thông tin: lưu trữ đơn hàng khách hàng đang đặt

hàng mà chưa được bàn giao thành công

- Yêu cầu về giao diện: giao diện thân thiện, dễ sử dụng: người dùng dễ dàng nắm

được nội dung website, người dùng có thể di chuyển dễ dàng thông qua điều hướng trực quan, người dùng có thể nhận diện được từng trang thuộc về trang web Header: tên website và các thanh điều hướng Left-Content: thể loại, nổi bật, tìm kiếm và từ khóa Right-Content: sp nổi bật, đang giảm giá và bán chạy Footer: liên hệ, thời gian hoạt động và copyright

- Yêu cầu sản phẩm: sản phẩm đạt chất lượng cao

- Yêu cầu về thanh toán: nhanh và an toàn

- Yêu cầu về giao hàng: giao hàng đúng yêu cầu của khách hàng, trong thời gian

sớm nhất có thể (tùy vào địa phương gần hoặc xa mà từ 1-7 ngày)

13

- Yêu cầu về số lượng người đăng nhập vào website cùng 1 thời điểm: tối đa 50

khách hàng

c Yêu cầu miền ứng dụng:

- Có 1 giao diện thân thiện, áp dụng được cho cả máy tính, điện thoại, máy tính

bảng…Các OS: window, ios, androi

- Các thông tin được lưu trữ 1 cách khoa học trong CSDL hệ thống

- Khả năng có thể hiểu được: các yêu cầu được biểu diễn dưới ngôn ngữ của lĩnh

vực ứng dụng

- Đội phát triển hệ thống phải chuyên nghiệp, thực hiện kịp tiến độ và đảm bảo

thiết kế đúng với yêu cầu chức năng của hệ thống

2.2.3 Tài liệu đặc tả phần mềm

2.2.3.1 Giới thiệu

a Mục đích của tài liệu yêu cầu

Mục đích của tài liệu này là để cung cấp mô tả chi tiết về các yêu cầu cho phần mềm hỗ trợ việc bán hàng Nó sẽ mô tả mục đích cụ thể và thông tin chi tiết cho việc phát hệ thống Tài liệu này sẽ nói lên đầy đủ về các ràng buộc của hệ thống, giao diện người dùng và tương tác với các ứng dụng bên ngoài Nó được đề xuất cho khách hàng phê duyệt và là tài liệu tham khảo đầu vào cho các giao đoạn thiết kế, lập trình, kiểm thử trong quy trình sản xuất phần mềm này

b Phạm vi của sản phẩm

Phần mềm được cài đặt trên hệ thống máy tính của qtv, giúp người quản trị kiểm soát được việc đăng ký tài khoản của khách hàng, quản lý việc giao hàng, thanh toán nhanh chóng cho khách hàng Là cơ sở giao tiếp của các thành viên và là căn cứ để thiết

kế, kiểm thử

d Các tham chiếu

- Các tài liệu tham khảo trên Internet

- Bài giảng về công nghệ phần mềm do giáo viên cung cấp

e Tổng quan về tài liệu yêu cầu (mô tả cấu trúc tài liệu)

Giới thiệu Mô tả 1 cách khái quát nhất,

phạm vi, mục đích tài liệu cần đạt được

Đưa ra các công việc cần thực hiện của tài liệu

Phân tích quy trình

nghiệp vụ

Các chức năng của hệ thống Phân tích quy trình nghiệp vụ

một cách cụ thể nhất Đặc tả yêu cầu Các yêu cầu về chức năng và hiệu

b Quản lý việc thanh toán

- Nhập thông tin sp khách hàng yêu cầu (tên, số lượng, …)

- Thanh toán và in hóa đơn cho khách hàng (hóa đơn điện tử hoặc hóa đơn giấy)

c Quản lý thông tin trong CSDL

- Lưu trữ danh sách các sp trên website -> đối chiếu với sp khách hàng đặt mua

để thanh toán 1 cách chính xác và in hóa đơn cho khách hàng

- Lưu trữ các hóa đơn được thanh toán theo thời gian -> phục vụ cho việc kiểm

tra đổi trả, khiếu nại sau này

- Đối tượng người dùng:

Phần mềm được ứng dụng cho 2 đối tượng là: khách hàng và quản trị viên: + Khách hàng thao tác với phần mềm thông qua giao diện người dùng với các chức năng: đăng ký, đăng nhập, xem, cập nhật giỏ hàng, thanh toán, phản hồi

và đánh giá sp

+ Quản trị viên cập nhật CSDL của website, cập nhật phản hồi của khách hàng -> trả lời, cập nhật đơn hàng -> giúp khách hàng thanh toán nhanh chóng, quản lý user, quản lý UI, tạo phiếu giảm giá và phân quyền người

sử dụng phần mềm

- Các ràng buộc tổng thể:

+ Ràng buộc bởi yêu cầu của khách hàng: khi khách hàng có yêu cầu thanh toán online qua ATM mới tạo 1 mã ID cho hóa đơn online gửi qua mail cho khách hàng

+ Ràng buộc về dữ liệu đầu vào so với dữ liệu trong CSDL: áp dụng cho chức năng tìm kiếm theo tên sp

+ Ràng buộc với ứng dụng bên ngoài: gửi thông tin chi tiết đơn hàng qua mail của khách hàng

- Giả thiết và các phụ thuộc:

Phần mềm chỉ được cài đặt trên hệ thống của cửa hàng SHOP STAR, khi đó hệ thống phần mềm mới kết nối được với CSDL của shop này Nếu cài đặt trên máy tính khác buộc phải có CSDL của nó thì mới thực hiện được đầy đủ các chức năng nghiệp

vụ của website

2.2.3.3 Đặc tả yêu cầu

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

- Yêu cầu chức năng đăng nhập của khách hàng:

+ Giới thiệu: Cho phép khách hàng thanh toán hàng hóa trong giỏ hàng, đánh giá sp sau khi mua hàng thành công và xem lại những đơn hàng mình

đã đặt thành công

+ Dữ liệu vào: Khách hàng nhập ID và mật khẩu

+ Xử lý: Hệ thống kiểm tra thông tin ID và password khách hàng vừa nhập với thông tin trong CSDL khách hàng xem hợp lệ hay không

+ Kết quả: Nếu đúng ID và mật khẩu thì vào UI Ngược lại, nếu sai ID thì hiển thị thông báo “tên người dùng không hợp lệ”, nếu đúng ID mà sai mật khẩu thì thông báo “mật khẩu mà bạn đã nhập cho người dùng xxx chưa đúng”

- Yêu cầu chức năng cập nhật giỏ hàng:

+ Giới thiệu: Cho phép khách hàng thêm sp cần mua vào giỏ hàng, khách hàng có thể: tăng/giảm số lượng sp, xóa sp ra khỏi giỏ hàng và nhập mã

ưu đãi

+ Dữ liệu đầu vào: Khách hàng ấn vào nút “Thêm vào giỏ”

+ Xử lý: Hệ thống sẽ thêm sp vào giỏ hàng

+ Kết quả: Trong giỏ hàng có thêm 1 sản phẩm vừa thêm với số lượng bằng một

- Yêu cầu chức năng thanh toán:

17

+ Giới thiệu: Cho phép khách hàng thanh toán sau khi đặt hàng, có 2 hình thức thanh toán: chuyển khoản qua ATM và trả tiền mặt tận nơi sau khi nhận được hàng

+ Dữ liệu đầu vào: Sau khi khách hàng ấn vào nút “thanh toán” -> chọn hình phương thanh toán -> ấn vào nút “đặt hàng”

+ Xử lý:

• Kiểm tra địa chỉ khách hàng

• Kiểm tra hình thức thanh toán

• Kiểm tra địa chỉ giao hàng + Kết quả:

• Nếu địa chỉ giao hàng cùng với địa chỉ của khách hàng và ở Thái Nguyên thì tổng số tiền không tính thêm phí vận chuyển, ngược lại tính phí 2%

• Nếu hình thức thanh toán là ATM thì khi bên QTV sát nhận đã nhận được tiền thì hệ thống sẽ gửi mail đến người dùng 1 biên lai thanh toán

• Lưu đơn hàng vào CSDL

- Yêu cầu chức năng tìm kiếm:

+ Giới thiệu: Cho phép khách hàng tìm kiếm sp theo tên sp

+ Dữ liệu vào: Khách hàng nhập tên sp vào khung tìm kiếm

+ Xử lý: So sánh dữ liệu khách hàng vừa nhập với các tên sp trong CSDL

hệ thống và đưa ra sản phẩm

+ Kết quả: Nếu tìm thấy thì đưa ra sản phẩm, ngược lại thông báo “không tìm thấy sản phẩm nào khớp với lựa chọn của bạn”

- Yêu cầu cho chức năng xem sản phẩm:

+ Giới thiệu: Cho phép khách hàng xem thông tin về sp: giá, mô tả (chất liệu, màu sắc,…)

+ Dữ liệu vào: Người dùng click vào hình ảnh sp

+ Xử lý: Hệ thống đưa ra thông tin từ CSDL hệ thống

+ Kết quả: Hiển thị ra 1 giao diện gồm các thông tin về giá cả và mô tả của sản phẩm

- Yêu cầu về chức năng đăng ký:

+ Giới thiệu: Cho phép khách hàng tạo 1 tài khoản để tham gia mua và đánh giá

“xóa”, “xem” và “sao chép”

+ Xử lý: Kiểm tra yêu cầu của admin để thực hiện các thao tác thêm, sửa, xóa trên CSDL

+ Kết quả:

• Nếu thêm thì sẽ có thêm sản phẩm vào CSDL và hiện thị ra UI sản phẩm này

• Nếu chỉnh sửa thì thông tin sp ngoài UI cũng bị thay đổi theo

• Nếu xóa thì sp ngoài UI sẽ biến mất

b Các yêu cầu phi chức năng

- Các thuộc tính của hệ thống:

+ Hiệu năng hoạt động: thời gian phản hồi của hệ thống không quá 10s, tận dụng tối đa tài nguyên của hệ thống và cho phép truy cập tối đa 50 khách hàng vào website cùng 1 thời điểm

+ Tương thích: phù hợp với nhiều thiết bị (pc, moble,…) và os(android, ios,…)

+ Tính khả dụng: phù hợp với nhu cầu của khách hàng, UI thân thiện, dễ sử dụng

19

+ Tính tin cậy: khả năng khắc phục lỗi cao, ít xảy ra sự cố gây gián đoạn hoạt động của hệ thống

+ An toàn thông tin: bảo mật, toàn vẹn, xác thực

+ Duy trì được, hiệu chỉnh được và khả chuyển

- Các ràng buộc của hệ thống:

+ Ràng buộc về thời gian

+ Ràng buộc về hiệu năng

+ Các tiêu chuẩn được sử dụng

 Những yêu cầu này ảnh hưởng đến chất lượng, khả năng sử dụng của hệ thống

và có tác động trực tiếp đến sự hài lòng của người sử dụng, do đó, quyết định sự thành công của hệ thống

c Các yêu cầu khác

- Yêu cầu phi chức năng cho công cụ tiềm kiếm, thống kê, xây dựng báo cáo

- Lưu trữ: là tính đáp ứng của hệ thống đối với danh mục tiêu chuẩn, quy chuẩn

kỹ thuật về ứng dụng công nghệ thông tin trong cơ quan nhà nước

- Nền tảng công nghệ nền, phát triển ứng dụng là yêu cầu, định hướng lựa chọn

công nghệ nền tảng dùng để xây dựng, phát triển hệ thống trong các dịch vụ công trực tuyến cấp huyện được triển khai độc lập, ưu tiên lựa chọn hệ quản trị cơ sở dữ liệu miễn phí đối với các phần mềm ứng dụng nội bộ đang có trên thị trường, ưu tiên lựa chọn các phần mềm miễn phí mã nguồn mở

2.2.3.4 Mô hình hệ thống để phát triển phần mềm – mô hình ứng xử

Mô hình ứng xử được sử dụng để mô tả toàn bộ ứng xử của hệ thống Có hai kiểu

mô hình ứng xử là:

- Mô hình luồng dữ liệu: biểu diễn cách xử lý dữ liệu trong hệ thống

- Mô hình máy trạng thái: biểu diễn cách đáp ứng của hệ thống với các sự kiện

xảy ra