Khóa luận tốt nghiệp Công nghệ thông tin: Xây dựng Website đại lý bán xe ô tô Visfast

1.1.2 Hướng tiếp cận đề tài - Nghiên cứu về sản phẩm và dịch vụ của hãng Vinfast: Tìm hiểu về các mẫu xe, tính năng, giá cả và các chính sách bảo hành để bạn có thể cung cấp thông tin

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 ĐẠI LÝ BÁN XE Ô TÔ HÃNG VINFAST

NGÀY SINH : 19/07/2002 LỚP : CNTT1 K21

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

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

Đặc biệt, em xin gửi lời cảm ơn chân thành về sự chỉ dậy, hứng dẫn tật tình của Th.S Phạm Thị Thùy Ni 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 trong suốt thời gian em thực hiện đồ án

Mặc dù trong quá trình làm đồ án em đã rất cố gắng tuy nhiên cũng không tránh khỏi những thiếu sót Em hy vọng rằng là sẽ nhận được những ý kiến nhận xét, góp ý của các thầy cô về những vấn đề được triển khai trong trong bài báo cáo đồ án tốt nghiệp của em được hoàn thiện và giúp em có thêm những kinh nghiệm quý báu

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ý

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

Mục Lục

LỜI CAM ĐOAN ii

LỜI CẢM ƠN iii

Danh Mục Hình Ảnh vi

Danh Mục Bảng Biểu 1

MỞ ĐẦU 2

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

1.1 Tổng quát 3

1.1.1 Mục tiêu đề tài 3

1.1.2 Hướng tiếp cận đề tài 3

1.1.3 Phương pháp nghiên cứu 4

1.2 Ca ́ c khái niê ̣m cơ bản 4

1.2.1 Localhost 4

1.2.2 MySQL 5

1.3 WordPress 6

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

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

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

1.4 XAMPP 9

CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 11

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

2.2.1 Yêu cầu chức năng 11

2.2.2 Yêu cầu phi chức năng 11

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

2.3 Biểu đồ UseCase 12

2.3.1 Danh sách Actor 12

2.3.2 danh sách UseCase 13

2.3.3 UseCase tổng quát 14

2.3.4 Đặc tả UseCase 15

2.4 Biểu đồ tuần tự 25

2.4.1 Biểu đồ tuần tự đăng nhập 25

2.4.2 Biểu đồ tuần tự quản lý sản phẩm 26

2.4.3 Biểu đồ tuần tự quản lý tin tức 27

2.4.4 Biểu đồ tuần tự thêm sản phẩm 28

CHƯƠNG 3: THIẾT KẾ GIAO DIỆN 30

3.1 Cài đặt giao diện 30

3.2 Hoàn thiện giao diện 33

KẾT LUẬN 38

TÀI LIỆU THAM KHẢO 39

Danh Mục Hình Ảnh

Hình 1.1 Danh sách actor 9

Hình 2.1 Sơ đồ Use Case tổng quát 14

Hình 2.2 Use Case đăng nhập 15

Hình 2.3 Use Case xem sản phẩm 16

Hình 2.4 Use- case xem chi tiết sản phẩm 17

Hình 2.5 Use- case quản lý sản phẩm 18

Hình 2.6 Use- case xem tin tức 19

Hình 2.7 Use- case mua trả góp 20

Hình 2.8 Use- case quản lý tin tức 21

Hình 2.9 Use- case quản lý giỏ hàng 22

Hình 2.10 Use- case đặt hàng 23

Hình 2.11 Use- case liên hệ 24

Hình 2.12 Biểu đồ tuần tự đăng nhập 25

Hình 2.13 Biểu đồ tuần tự quản lý sản phẩm 26

Hình 2.14 Biểu đồ tuần tự quản lý tin tức 27

Hình 2.15 Biểu đồ tuần tự thêm sản phẩm 28

Hình 2.16 Biểu đồ tuần tự đặt hàng 29

Hình 3.1 Cài đặt theme cho WordPress 30

Hình 3.2 Kích hoạt giao diện cho WordPress 30

Hình 3.3 Tạo chuyên mục cho Website 31

Hình 3.4 Tạo Menu cho trang web 31

Hình 3.5 Thêm bài viết 32

Hình 3.6 Giao diện trang chủ 33

Hình 3.7 Giao diện trang của hàng 33

Hình 3.8 Giao diện trang giỏ hàng 34

Hình 3.9 Giao diện trang chi tiết sản phẩm 34

Hình 3.10 Giao diện trang thanh toán 35

Hình 3.11 Giao diện trang mua trả góp 35

Hình 3.12 Giao diện trang tin tức 36

Hình 3.13 Giao diện trang liên hệ 36

Hình 3.14 Giao diện khu vực cuối trang 37

Danh Mục Bảng Biểu

Bảng 2.1Danh sách actor 12Bảng 2.2 Danh sách UseCase 14

MỞ ĐẦU

Dự án này nhằm tạo ra một nền tảng trực tuyến đáng tin cậy và thuận tiện để khách hàng có thể khám phá, tìm hiểu và mua các sản phẩm của hãng xe ô tô uy tín VinFast Như chúng ta đều biết, VinFast đã nhanh chóng trở thành một trong những thương hiệu

ô tô hàng đầu tại Việt Nam và trên thế giới Với sự cam kết về chất lượng, sự sáng tạo

và công nghệ tiên tiến, VinFast đã tạo ra những dòng xe đa dạng và đẳng cấp để đáp ứng nhu cầu của khách hàng

Với sự tăng trưởng nhanh chóng của ngành công nghiệp ô tô và sự thành công đáng kể của hãng Vinfast trong thời gian qua, việc xây dựng một trang web tối ưu và tiện ích cho đại lý bán xe ô tô hãng Vinfast trở thành một ưu tiên hàng đầu để nâng cao trải nghiệm khách hàng và gia tăng doanh số bán hàng, chính vì thế

em chọn đề tài “Xây dựng Website đại lý bán xe ô tô hãng Vinfast”

Mặc dù đã rất cố gắng để hoàn thành công việc, nhưng do thời gian có hạn và thiếu kinh nghiệm cũng như kỹ năng chưa cao nên việc phân tích và thiết kế còn nhiều thiếu sót, kính mong quý công ty và thầy cô góp ý, bổ sung để chúng em hoàn thiện cho bài tập tốt hơn nữa

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quát

1.1.1 Mục tiêu đề tài

- Sự tăng trưởng nhanh chóng của ngành công nghiệp ô tô: Ngành công nghiệp ô

tô đang phát triển mạnh mẽ và có tiềm năng lớn cho tương lai Việc xây dựng một trang web đại lý bán xe ô tô hãng Vinfast sẽ giúp các đại lý tận dụng cơ hội này và nắm bắt được khách hàng tiềm năng

- Thương hiệu hãng Vinfast: Hãng Vinfast đã nhanh chóng trở thành một trong những thương hiệu ô tô hàng đầu tại Việt Nam Một trang web đại lý chuyên nghiệp và bắt mắt sẽ giúp nâng cao lòng tin của khách hàng và tạo nên một hình ảnh tốt cho hãng Vinfast

-Trải nghiệm khách hàng tốt hơn: Một trang web được thiết kế tối ưu và dễ sử dụng sẽ cung cấp trải nghiệm mua sắm thuận tiện và tiện lợi cho khách hàng Họ có thể xem thông tin chi tiết về các mẫu xe, tham khảo giá cả, tìm kiếm đại lý gần nhất và thậm chí đặt mua trực tuyến

- Quản lý đơn hàng và chăm sóc khách hàng hiệu quả: Trang web đại lý bán xe

ô tô hãng Vinfast sẽ cung cấp công cụ quản lý đơn hàng thông minh, giúp đại lý dễ dàng theo dõi và xử lý đơn hàng Ngoài ra, khách hàng cũng có thể tương tác và nhận hỗ trợ

từ đại lý thông qua trang web này

- Tiếp cận đa dạng khách hàng: Internet là một phương tiện truyền thông phổ biến và mạnh mẽ Xây dựng một trang web đại lý sẽ giúp đại lý mở rộng phạm vi tiếp cận khách hàng và thu hút được nhiều đối tượng khách hàng mới

1.1.2 Hướng tiếp cận đề tài

- Nghiên cứu về sản phẩm và dịch vụ của hãng Vinfast: Tìm hiểu về các mẫu xe,

tính năng, giá cả và các chính sách bảo hành để bạn có thể cung cấp thông tin chính xác

và hấp dẫn trên trang web của mình

- Phân tích khách hàng tiềm năng: Xác định nhóm khách hàng mục tiêu muốn hướng đến Điều này sẽ giúp tạo ra nội dung và giao diện phù hợp, thu hút khách hàng

và đáp ứng nhu cầu của họ

- Thiết kế giao diện hấp dẫn và dễ sử dụng: Lựa chọn một giao diện thân thiện với người dùng, tối ưu hóa trải nghiệm người dùng và làm cho việc tìm kiếm thông tin trở nên dễ dàng Thêm vào đó, sử dụng hình ảnh và video chất lượng cao để trình bày

xe ô tô Vinfast một cách bắt mắt và chuyên nghiệp

- Cung cấp thông tin chi tiết về sản phẩm và dịch vụ: Xây dựng các trang thông tin riêng cho từng mẫu xe, bao gồm hình ảnh, mô tả về tính năng, thông số kỹ thuật và giá cả

- Đặt chế độ tìm kiếm: Tạo ra một công cụ tìm kiếm trong trang web để khách hàng có thể nhanh chóng tìm kiếm thông tin theo từ khóa hoặc tiêu chí cụ thể

- Gắn kết với các kênh truyền thông xã hội: Kết nối trang web của bạn với các mạng xã hội phổ biến như Facebook, Instagram, Twitter để mở rộng phạm vi tiếp cận

và tăng cường tương tác với khách hàng

1.1.3 Phương pháp nghiên cứu

- Thu thập thông tin: Cần thu thập thông tin về hãng Vinfast, bao gồm sản phẩm, dịch vụ, chính sách, giá cả và các thông tin liên quan khác Nghiên cứu trên trang web chính thức của hãng, tìm hiểu về các nguồn tin tức uy tín và tham khảo các báo cáo, bài viết, sách vở liên quan để có cái nhìn sâu sắc về Vinfast

- Xác định mục tiêu đề tài: Xác định rõ ràng mục tiêu và phạm vi của dự án xây dựng Website đại lý bán xe ô tô Vinfast Điều này giúp tập trung vào những khía cạnh quan trọng nhất của nghiên cứu và chú trọng vào việc thu thập thông tin liên quan

- Lập kế hoạch nghiên cứu: Xác định phương pháp nghiên cứu và công cụ sẽ được sử dụng để thu thập thông tin Có thể sử dụng phỏng vấn, khảo sát trực tuyến, xem xét các trang web tương tự

- Phân tích dữ liệu: Sau khi thu thập đủ dữ liệu, tiến hành phân tích và xử lý thông tin Áp dụng các phương pháp phân tích thích hợp để hiểu rõ hơn về xu hướng và nhu cầu của khách hàng, điều này sẽ giúp xây dựng trang web theo hướng phù hợp với người dùng

- Xây dựng trang web: Dựa trên kết quả phân tích, bắt đầu thiết kế và xây dựng trang web bán xe ô tô Vinfast theo yêu cầu và mục tiêu đã đặt ra Đảm bảo trang web có giao diện hấp dẫn, dễ sử dụng và chứa đựng thông tin chi tiết về sản phẩm và dịch vụ một cách rõ ràng

- Đánh giá và cải tiến: Khi hoàn thành trang web, tiến hành kiểm tra và đánh giá trang web để xác định những khía cạnh cần cải thiện và tối ưu hóa Tiếp tục theo dõi sự phản hồi của mọi người

1.2 Ca ́ c khái niê ̣m cơ bản

1.2.1 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.2 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 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 WordPress

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.1 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

- 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.2 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.3 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

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

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…

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

- 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ỗ trợ tốt cho Mobile (quản trị, giao diện responsive)

Nhược điểm:

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: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.2 Đặc tả hệ thống

2.2.1 Yêu cầu chức nă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ý sản phẩm, trả lời phản hồi từ khách hàng,…

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

tả (chất liệu, màu sắc, thông số…)

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

website

- Chức năng xem bài viết: cho phép khách hàng xem các tin tức liên quan đến sản

phẩm

- Chức năng mua tra góp: cho phép khách hàng biết về chương trình khuyễn mãi,

điều kiện, lưu ý… của sản phẩm

- 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 cập nhật giỏ hàng: cho phép khách hàng thêm sản phẩm cần mua vào

giỏ hàng, khách hàng có thể: tăng/giảm số lượng SP, xóa sản phẩm ra khỏi giỏ 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 và trả tiền mặt tận nơi sau khi nhận được hàng

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

trên website

- Chức năng liên hệ: cho phép khách hàng có thể liên hệ với admin

2.2.2 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ề lưu trữ thông tin: lưu trữ lượng thông tin lớn

- 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

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

- Yêu cầu về số lượng người vào website cùng 1 thời điểm: tối đa 100 khách

hàng

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

- Có 1 giao diện thân thiện, áp dụng được cho nhiều thiết bị như máy tính, điện

thoại, máy tính bảng…Các OS: window, ios, android

- 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

- 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

tham khảo, tìm hiểm các dòng xe trước khi mua

2 Admin Người quản trị hệ thống dưới quyền cao nhất

nhằm đảm bảo sự ổn định và tính toàn vẹn cho hệ thống

3 Sản phẩm Là các loại ô tô bao gồm cả xe mới lẫn xe

cũ, nhằm phục vụ cho việc trao đổi và mua bán trên hệ thống

Bảng 2.1Danh sách actor

2.3.2 danh sách UseCase

STT Tên Use-Case Ý nghĩa

1 Admin đăng nhập Cho phép admin đăng nhập để kiểm soát toàn bộ

chức năng hệ thống

2 Xem sản phẩm Cho phép người dùng xem sản phẩm trên các

màn hình khác nhau trong hệ thống

3 Xem chi tiết sản phẩm Cho phép người dùng xem chi tiết sản phẩm

khi người dùng nhấp vào bất kỳ sản phẩm nào có trên hệ thống

4

Quản lý sản phẩm Cho phép admin có thể thêm, sửa, xóa được

những sản phẩm cũng như thông tin sản phẩm trên hệ thống

5 Xem tin tức Cho phép người dùng xem các tin tức, sự kiên

liên quan đến dòng sản phẩm được admin đăng tải

6 Quản lý tin tức Cho phép admin có thể thêm, sửa, xóa được

9 Thanh toán Cho phép người dùng thanh toàn qua chuyển

khoản trực tiếp hoặc nhận hàng rồi thanh toán

10 Mua trả góp Người dùng có thể xem các thông tin cần thiết

đến việc mua trả góp trên hệ thống

11 Liên hệ Cho phép người dùng có thể thông qua các

phương thức khác nhau để liên hệ với admin hoặc những người có liên quan

Bảng 2.2 Danh sách UseCase

2.3.3 UseCase tổng quát

Hình 2.1 Sơ đồ Use Case tổng quát

1 Truy cập vào hệ quản trị của trang web

2 Tác nhân nhập thông tin đăng nhập

3 Tác nhân nhấn vào nút đăng nhập

4 Hệ thống kiểm tra tính hợp lệ của thông tin

5 Use Case kết thúc

- Dòng sự kiện phụ:

1 Thông tin nhập sai

2 Hệ thống yêu cầu tác nhân nhập lại thông tin

3 Use Case kết thúc

- Trạng thái hệ thống sau khi sử dụng Use Case

Thành công: Hệ thống ghi nhận đăng nhập và tiến đến trang chủ Thất bại: Hệ thống báo lỗi

- Trạng thái hệ thống sau khi sử dụng Use Case

Thành công: Hệ thống hiện thị trang sản phẩm Thất bại: Hệ thống báo lỗi