Báo cáo chuyên Đề học phần phần mềm mã nguồn mở Đề tài xây dựng website bán phim ảnh croplab bằng wordpress

Plugin có thể được sử dụng để thêm những thứ như biểu mẫu đăng nhập, biểumẫu đăng ký, công cụ phân tích và một số công cụ SEO có thể cải thiện đáng kểthứ hạng của trang web trên Google..

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN PHẦN MỀM MÃ NGUỒN MỞ ĐỀ

Hà Nội, tháng 12 năm 2023

Sinh viên:

PHIẾU CHẤM ĐIỂM

Họ và tên sinh

viên

Hoàng Minh Đạo

20810340225

Phân tích hệ thống , làm báo cáo

Giáo viên chấm thi:

Giảng viên chấm 1:

Giảng viên chấm 2:

MỤC LỤC

LỜI NÓI ĐẦU 1

CHƯƠNG 1: TỔNG QUAN 2

1.1 Tổng quan về đề tài 2

1.1.1 Tên đề tài 2

1.1.2 Mục tiêu 2

1.2 Tổng quan về phần mềm mã nguồn mở 2

1.2.1 Phần mềm mã nguồn mở là gì? 2

1.2.2 Wordpress 2

1.2.3 Xampp 2

1.2.4 MySQL 3

1.2.5 Những lý do nên chọn Wordpress thiết kế website 3

1.2.6 Khảo sát hiện trạng 4

1.2.7 Xác định bài toán cần giải quyết 4

1.3 Xác định yêu cầu của hệ thống 5

1.3.1 Yêu cầu chức năng nghiệp vụ 5

1.3.2 Yêu cầu phi chức năng 5

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

2.1 Biểu đồ UseCase 7

2.1.1 Biểu đồ UseCase tổng quát 7

2.1.2 Biểu đồ UseCase khách hàng 8

2.1.3 Biểu đồ UseCase Đăng nhập 9

2.1.5 Biểu đồ UseCase Quản lý sản phẩm 10

2.1.6 Biểu đồ UseCase Quản lý đơn hàng 12

2.2.Biểu đồ trình tự 13

2.2.1 Biểu đồ trình tự chức năng đăng nhập 13

2.2.3 Biểu đồ trình tự chức năng quản lý sản phẩm 14

2.2.4 Biểu đồ trình tự chức năng quản lý đơn hàng 15

2.2.5 Biểu đồ trình tự chức năng xem chi tiết sản phẩm 16

2.2.6 Biểu đồ trình tự chức năng tìm kiếm sản phẩm 17

2.3.Biểu đồ lớp 17

2.4.Thiết kế cơ sở dữ liệu 18

2.4.1 Bảng admin 18

2.4.2 Bảng giỏ hàng 18

2.4.3 Bảng order 18

2.4.4 Bảng comment khách hàng 19

2.4.5 Bảng products 19

2.4.6 Bảng transaction 19

CHƯƠNG 3: HƯỚNG DẪN CÀI ĐẶT 20

3.1 Cài đặt phần mềm hỗ trợ Server ảo (Xampp/Lampp) 20

3.2 Cài đặt Wordpress 21

CHƯƠNG 4 : CƠ SỞ DỮ LIỆU VÀ WEBSITE 28

4.1 Cơ sở dữ liệu và giao diện quản lý 28

4.2 Website 29

4.2.1 Giao diện đăng nhập Wordpress 29

4.2.2 Giao diện đăng nhập tài khoản cho khách hàng 30

4.2.3 Giao diện trang chủ 31

4.2.4 Giao diện blog 34

4.2.5 Giao diện chi tiết blog 35

4.2.6 Giao diện điều khoản & điều lệ 36

4.2.7 Giao diện Liên hệ 37

4.2.8 Giao diện xem giỏ hàng 38

4.2.8 Giao diện Thanh toán 39

TỔNG KẾT 40

TÀI LIỆU THAM KHẢO 41

biểu DANH MỤC HÌNH ẢNH - BẢNG BIỂU

Biểu đồ 2 1 :UseCase Tổng quát 7

Biểu đồ 2 2.UseCase Khách hàng 8

Biểu đồ 2 3.UseCase đăng nhập 9

Biểu đồ 2 4.UseCase quản lý sản phẩm 10

Biểu đồ 2 5.UseCase quản lý đơn hàng 12

Biểu đồ 2 6.Biểu đồ trình tự đăng nhập 13

Biểu đồ 2 7.Biểu đồ trình tự quản lý sản phẩm 14

Biểu đồ 2 8.biểu đồ trình tự đơn hàng 15

Biểu đồ 2 9.Biểu đồ trình tự chi tiết sản phẩm 16

Biểu đồ 2 10.Biểu đồ trình tự tìm kiếm sản phẩm 17

Biểu đồ 2 11.Biểu đồ lớp 17

1 Hình ảnh Hình 3 1: Cơ sở dữ liệu 28

Hình 3 2: đăng nhập Wordpress 29

Hình 3 3 đăng nhập tài khoản cho khách hàng 30

Hình 3 4: trang chủ 31

Hình 3 5: blog 34

Hình 3 6 chi tiết blog 35

Hình 3 7: điều khoản & điều lệ 36

Hình 3 8 Liên hệ 37

Hình 3 9 giỏ hàng 38

Hình 3 10 Thanh toán 39

LỜI NÓI ĐẦU

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là mộttrong những yếu tố mang tính quyết định trong hoạt động của các chính phủ, tổchức, cũng như của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ranhững bước đột phá mạnh mẽ

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử,công nghệ thông tin cũng có được những công nghệ có đẳng cấp và lần lượt chinhphục hết đỉnh cao này đến đỉnh cao khác Mạng internet là một trong những sảnphẩm có giá trị hết sức lớn lao và ngày càng trở thành một công cụ không thểthiếu, là nền tảng chính cho sự truyển tải, trao đổi thông tin trên toàn cầu

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sửdụng, chỉ cần có một máy tính kết nối Internet và một dòng dữ liệu truy tìm thì gầnnhư lập tức cả thế giới về vấn đề mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thôngtin, hình ảnh và thậm chí đôi lúc có cả những âm thanh nếu bạn cần

Bằng Internet, chúng ta đã thực hiện được nhiều công việc với tốc độ nhanhhơn và chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đãthúc đẩy sự khai sinh và phát triển của thương mại điện tử và chính phủ điện tửtrên khắp thể giới, làm biến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộcsống con người

Vì vậy em chọn đề tài: “Xây dựng website tiệm trang sức decoco bằng

wordpress” làm đề tài cho báo cáo của nhóm.

Nội dung báo cáo học phần bao gồm 4 chương chính:

Chương I: Tổng quan.

Chương II: Phân tích và thiết kế hệ thống.

Chương III: Hướng dẫn cài đặt.

Chương IV: Cơ sở dữ liệu và Website.

CHƯƠNG 1: TỔNG QUAN1.1 Tổng quan về đề tài

- Được trải nghiệm và rút kinh nghiệm qua dự án thực tế

- Xây dựng các tài liệu cho dự án một cách tường minh và đầy đủ

- Kiểm soát được các vấn đề xảy ra

- Hoàn thiện sản phẩm, kết thúc bài tập lớn thành công

1.2 Tổng quan về phần mềm mã nguồn mở

1.2.1 Phần mềm mã nguồn mở là gì?

Phần mềm nguồn mở là những phần mềm được cung cấp dưới cả dạng mã vànguồn, không chỉ là miễn phí về giá mua mà chủ yếu là miễn phí về bản quyền:người dùng có quyền sửa đổi, cải tiến, phát triển, nâng cấp theo một số nguyên tắcchung quy định trong giấy phép phần mềm nguồn mở (General Public Licence -GPL) mà không cần xin phép ai, điều mà họ không được phép làm đối với cácphần mềm nguồn đóng (tức là phần mềm thương mại)

1.2.2 Wordpress

WordPress là một công cụ mã nguồn mở được viết bằng PHP để tạo ra cácWebsite Đây là hệ thống quản lý nội dung (CMS) được sử dụng nhiều nhất trênthế giới hiện nay WordPress có khả năng tạo ra bất kỳ chủ đề nào của trang web,

từ một blog đơn giản đến một trang web kinh doanh đầy đủ tính năng Bạn thậmchí có thể sử dụng WordPress để tạo một cửa hàng trực tuyến (sử dụng pluginWooCommerce)

1.2.3 Xampp

Xamp là chương trình tạo máy chủ Web đượ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ắthoặc khởi động lại các dịch vụ máy chủ bất kỳ lúc nào

1.2.4 MySQL

MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (RelationalDatabase Management System, viết tắt là RDBMS) hoạt động theo mô hình client-server RDBMS là một phần mềm hay dịch vụ dùng để tạo và quản lý các cơ sở dữliệu (Database) theo hình thức quản lý các mối liên hệ giữa chúng

1.2.5 Những lý do nên chọn Wordpress thiết kế website

 Templates

WordPress có rất nhiều templates và themes (giao diện) giá rẻ, dễ tích hợp và

có thể giúp bạn tiết kiệm khá nhiều tiền nếu bạn thuê người làm Chỉ với dưới 20$,bạn đã có thể sở hữu những templates và themes giá rẻ nhưng lại cực kỳ đẹp trênThemeForest rồi đó

Vì vậy, nếu bạn là người mới không có kinh nhiệm về thiết kế website, bạn cóthể mua themes với giá 30$, thay đổi một số nội dung và bạn đã có một trang websẵn sàng hoạt động mà không cần code hoặc có kiến thức gì về web cả

 Thân thiện với người mới

Một trong những ưu điểm lớn nhất của WordPress là hầu như bất kỳ ai cũng

có thể học cách sử dụng chỉ bằng việc xem một vài video trên YouTube, và có thểmất vài tháng để học viết code

WordPress có giao diện người dùng thân thiện, cho phép bạn nhanh chóngthay đổi nội dung, cài đặt hoặc cập nhật plugin, thêm hình ảnh hoặc bất cứ thứ gìbạn muốn, giúp giảm thời gian cần thiết để tạo ra một trang web Vì vậy, nếu bạn

là một nhà lập trình web giỏi, nhưng bạn cần xây dựng một số trang web cơ bản,như blog, thì việc sử dụng WordPress có thể nhanh hơn nhiều khi tự code

 Plugin

Plugin là thứ đôi khi có thể rất tốt và cũng rất tệ Nó tốt vì tất cả các tính năng

mà bạn có thể nhận được, nhưng nó cũng rất tệ vì chúng cần được cập nhật thườngxuyên, điều này có thể rất khó chịu nếu bạn cài đặt khoảng 20 plugin

Plugin có thể được sử dụng để thêm những thứ như biểu mẫu đăng nhập, biểumẫu đăng ký, công cụ phân tích và một số công cụ SEO có thể cải thiện đáng kểthứ hạng của trang web trên Google Mặt khác, nếu bạn tạo trang web bằng code,bạn sẽ không nhận được các tính năng như thế này, cũng có mặt lợi và mặt hại của

nó thôi

 Chủ yếu dành cho các blogger

WordPress là phần mềm ban đầu được xây dựng để tạo ra các blog và đó lànhững gì nó làm tốt nhất Các loại trang web khác, năng động hơn như một sốtrang web được sử dụng để cung cấp một số dịch vụ phần mềm, các trang web lưutrữ, chỉnh sửa ảnh,….Nếu bạn muốn tạo các trang web như vậy, bạn không nêndùng WordPress Tốt hơn là tự viết code hoặc thuê ai đó làm cho bạn

Mặt khác, nếu bạn muốn xây dựng các trang web tĩnh, như blog hoặc một sốtrang web cho công ty chỉ giới thiệu các dịch vụ của họ, như web của nhà hàng.Đối với những loại web đó, dùng WordPress sẽ tốt hơn Những người thuê bạn viếtweb sẽ không quan tâm bạn đã tạo ra trang web đó như thế nào, cái họ quan tâm làtrang web của họ có hoạt động tốt không

 Themes

Ở phần trên, mình đã nói rằng các themes của WordPress rất rẻ và đó là mộtđiểm cộng, nhưng những themes này rất giống nhau và hầu hết mọi người muốntrang web của họ trông phải khác biệt và phải thật độc đáo, điều đó có nghĩa là bạn

sẽ cần phải sửa đổi themes hoặc họ sẽ tìm ai đó khác để làm việc này

1.2.6 Khảo sát hiện trạng

Hiện nay với sự phát triển không ngừng của công nghệ thì nhu cầu của conngười ngày càng tăng.Đặc biệt đối với những người làm trong ngành công nghệthông tin thì việc sở hữu một công cụ làm việc đó là chiếc máy tính là điều khôngthể thiếu Giày là sản phẩm không thể thiếu đối với chúng ta, chính vì thế chúng

em muốn tạo ra trang web bán giày để đưa lên thị trường những mẫu giày mới nhất

mà có thể người dùng chưa biết đến

1.2.7 Xác định bài toán cần giải quyết

Thực tế đã cho thấy ngày càng có nhiều Website quảng bá, mua bán trựctuyến ra đời và đã giải quyết được những hạn chế của việc kinh doanh Offline.Nhưng bên cạnh đó cũng gặp những thách thức vì sự cạnh tranh của các công tyquảng cáo trên internet cũng ngày càng gay gắt nhưng cũng không thể phủ nhận lợiích mà nó mang lại.Một Website giới thiệu về các sản phẩm đồ gia dụng sẽ đápứng được tất cả nhu cầu của người sử dụng về sản phẩm của mình, cung cấp thôngtin một cách nhanh chóng, đầy đủ Chỉ một vài thao tác Click chuột bạn đã có thểtìm được sản phầm phù hợp với mình mà không phải ra quá nhiều công sức, từ giá

cả đến kiểu dáng , tính năng phù hợp với mọi tầng lớp người sử dụng Thỏa mãnnhu cầu người sử dụng và nhanh chóng là thành công mà Website mang lại

1.3 Xác định yêu cầu của hệ thống

1.3.1 Yêu cầu chức năng nghiệp vụ

1.3.1.3 Khách hàng

- Tìm kiếm sản phẩm

- Xem thông tin sản phẩm

- Thêm sản phẩm vào giỏ hàng

1.3.2 Yêu cầu phi chức năng

- Giao diện trực quan, dễ dàng cho người dùng thao tác

- Vẫn đảm bảo được về yêu cầu thiết kế trang web, tính thẩm mỹ

- Hoạt động mượt mà, không có hoặc ít xảy ra tình trạng chậm chễ, gián đoạncho trải nghiệm người dùng

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG1.1 Biểu đồ UseCase

1.1.1 Biểu đồ UseCase tổng quát

Biểu đồ 2 1 :UseCase Tổng quát

1.1.2 Biểu đồ UseCase khách hàng

Biểu đồ 2 2.UseCase Khách hàng

1.1.3 Biểu đồ UseCase Đăng nhập

Biểu đồ 2 3.UseCase đăng nhập Đặc tả usecase

 Mô tả tóm tắt:

- Tên usecase : Đăng nhập

- Tác nhân:Quản lý ,nhân viên

 Mô tả khái quát:

- Quản lý truy cập vào hệ thống để thực hiện các chức năng : quản lý nhân viên ,

- Quản lý sản phẩm, quản lý đơn hàng,quản lý bình luận ,quản lý maxg giảm giá ,thống kê và báo cáo

- Nhân viên truy cập vào hệ thống để thực hiện các chức năng : Quản lý sản phẩm, quản lý đơn hàng,quản lý bình luận ,quản lý maxg giảm giá ,thống kê và báo cáo

 Mô tả các kịch bản

Điều kiện đầu vào: sử dụng bắt đầu khi người dùng muốn đăng nhập vào hệ thống

 Kịch bản chính:

- Hệ thống yêu cầu nhập tên đăng nhập và mật khẩu

- Người dùng nhập tên đăng nhập và mật khẩu

- Hệ thống kiểm tra tên và mật khẩu vừa nhập, nếu đúng sẽ cho phép vào hệ thống

 Kịch bản phụ

- Nếu trong kịch bản chính tên hoặc mật khẩu bị sai thì hệ thống báo lỗi

Người dùng có thể nhập lại hoặc hủy bỏ việc đăng nhập khi đó ca sử dụng sẽ kết thúc

2.1.5 Biểu đồ UseCase Quản lý sản phẩm

Biểu đồ 2 4.UseCase quản lý sản phẩm Đặc tả usecase

 Mô tả tóm tắt:

- Tên usecase : Quản lý sản phẩm

- Tác nhân: quản lý,nhân viên

- Mục đích: Nhà quản lý luôn cần nắm bắt nhanh nhạy về các thông tin sản phẩm,

về đối tác kinh doanh của công ty, để đưa ra chiến lược kinh doanh cho công ty.Đưa ra những thông tin cần thiết để yêu cầu nhân viên cập nhật thông tin cho hệthống

- Tóm lược: Ca sử dụng cho phép nhà quản lý duy trì thông tin sản phẩm trong hệthống Bao gồm các thao tác: xem thông tin, thêm mới, sửa, xóa sản phẩm trong hệthống

- Hệ thống kiểm tra thấy mật khẩu đúng đắn và hiển thị danh sách sản phẩm

- Hệ thống yêu cầu nhà quản lý có thể chọn một số chức năng cần thực hiện: thêm,hiệu chỉnh , xóa, thoát

- Nếu Thêm được chọn thì kịch bản phụ: P1- Thêm sản phẩm được thực hiện

- Nếu Hiệu chỉnh được chọn thì kịch bản phụ: P2- Hiệu chỉnh thông tin được thực hiện

- Nếu Xóa được chọn thì kịch bản phụ: P3- Xóa sản phẩm được thực hiện

- Nếu Thoát được chọn thì ca sử dụng kết thúc

+ Sản phẩm được thêm vào hệ thống

+ Danh sách sản phẩm được cập nhật lại và hiển thị

- P2: Hiệu chỉnh thông tin sản phẩm

+ Hệ thống truy xuất và hiển thị sản phẩm đã được người quản lý chọn từ danh sách

+ quản lý sửa thông tin sản phẩm đã chọn

+ Sau khi sửa thông tin xong chọn chức năng cập nhật Hệ thống kiểm tra tính hợp

lệ của thông tin

+ Sản phẩm được cập nhật lại và hiển thị ra màn hình

- P3 Xóa thông sản phẩm

+ Hệ thống truy xuất và hiển thị sản phẩm đã được quản lý chọn

+ quản lý chấp nhận xóa, sản phẩm được xóa hoàn toàn ra khỏi hệ thống

2.1.6 Biểu đồ UseCase Quản lý đơn hàng

Biểu đồ 2 5.UseCase quản lý đơn hàng Đặc tả usecase

 Mô tả tóm tắt:

- Tên usecase : Quản lý đơn hàng

- Tác nhân: quản lý ,nhân viên

- Tóm lược: Ca sử dụng cho phép tác nhân xem thông tin đơn hàng mà khách hàng đã đặt

- Tác nhân tra cứu thông tin đơn hàng được đặt

- Tác nhân có thể chọn chức năng in đơn hàng

- Giao diện in hiện ra với đầy đủ các thông tin khách hàng đã đặt hàng

2.2.Biểu đồ trình tự

2.2.1 Biểu đồ trình tự chức năng đăng nhập

Biểu đồ 2 6.Biểu đồ trình tự đăng nhập

2.2.3 Biểu đồ trình tự chức năng quản lý sản phẩm

Biểu đồ 2 7.Biểu đồ trình tự quản lý sản phẩm

2.2.4 Biểu đồ trình tự chức năng quản lý đơn hàng

Biểu đồ 2 8.biểu đồ trình tự đơn hàng

2.2.5 Biểu đồ trình tự chức năng xem chi tiết sản phẩm

Biểu đồ 2 9.Biểu đồ trình tự chi tiết sản phẩm

2.2.6 Biểu đồ trình tự chức năng tìm kiếm sản phẩm

2.3.Biểu đồ lớp Biểu đồ 2 10.Biểu đồ trình tự tìm kiếm sản phẩm

Biểu đồ 2 11.Biểu đồ lớp

CHƯƠNG 3: HƯỚNG DẪN CÀI ĐẶT

3.1 Cài đặt phần mềm hỗ trợ Server ảo (Xampp/Lampp)

Bước 1: Download Xampp theo đường link

3.2 Cài đặt Wordpress

Bước 1: Tải Wordpress theo đường link https://wordpress.org/

Sau đó bạn giải nén file vừa tải được ra sẽ có được một thư mục mang tên

“wordpress“ Có thể thư mục wordpress này sẽ được lồng trong một thư mục kháctên là wordpress-x (x ở đây là số phiên bản), nhưng nói chung bạn cứ vào sẽ cóđược một thư mục tên wordpress như hình dưới

Tiếp tục, hãy truy cập vào thư mục wordpress, bạn sẽ thấy có một số thư mụctên là wp-admin, wp-includes, wp-content và một số tập tin tên là index.php, wp- config-sample.php,…Tất cả tập tin và thư mục này, chúng ta gọi nó là mã nguồn

WordPress