Đồ án môn học phát triển phần mềm mã nguồn mở xây dựng website bán đồng hồ

Đối với một cửa hàng hayshop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhucu của khác hàng sẽ là cn thiết.. Vậy phải quảng bá thế nào đó là xây dựng đượ

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ

ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ

XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ

GVHD: Nguyễn Hữu Vĩnh SVTH: Cao Văn An

1824801030186 Nguyễn Thạnh Phước 18248010301843 LỚP: D18PM03

Bình Dương, 7/2021

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ

ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ

XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ

GVHD: Nguyễn Hữu Vĩnh SVTH: Cao Văn An

1824801030145 Nguyễn Thạnh Phước 1824801030143

LỚP: D18PM03

Bình Dương, 7/2021

I

LỜI CẢM ƠN

Để hoàn thành bài báo cáo này , em xin chân thành và cảm ơn thy đã giúp đỡ

em trong thời gian vừa qua Với vốn kiến thức được tiếp thu trong qua trình học tậpkhông chỉ là nền tảng trong quá trình học tập mà đó còn là hành trang để em trở thànhmột người lập trình viên trong tương lai

Mặc dù có cố gắng nhiều trong quá trình học tập song do thời gian có hạn nên

đề tài này không tránh khỏi những thiếu sót Em rất mong nhận được sự đánh giá củathy để bài báo cáo của em được hoàn thiện hơn

Cuối cùng em xin kính chúc thy dồi dào sức khoẻ , thành công trong sự nghiệpcao quý

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

II

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ

NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN

Họ và tên giảng viên: Nguyễn Hữu Vĩnh

Tên đề tài: XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ Nội dung nhận xét:

Điểm:

Bằng số:

Bằng chữ:

GIẢNG VIÊN CHẤM

(Ký, ghi rõ họ tên)

Nguyễn Hữu Vĩnh

III

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ột trongnhữ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ũngnhư của các công ty, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước độtphá 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 những công nghệ có đẳng cấp cao và ln lượt chinh phục hết đỉnhcao này đến đỉnh cao khác Mạng Internet là một trong những sản phẩm có giá trị hếtsức lớn lao và ngày càng trở nên 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n như 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ông tin, 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 độ nhanh hơn và chiphí 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ự khaisinh 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àmbiến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người Tronghoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định được vaitrò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửa hàng hayshop, việc quảng bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhucu của khác hàng sẽ là cn thiết

Vậy phải quảng bá thế nào đó là xây dựng được một Website cho cửa hàng của mìnhquảng bá tất cả các sản phẩm của mình bán

Vì vậy, em đã thực hiện đồ án “ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ” cho mộtshop bán Đồng hồ Người chủ cửa hàng đưa các sản phẩm đó lên website của mình vàquản lý bằng website đó, khách hàng có thể đặt và mua hàng trên website mà không

IV

cn đến cửa hàng Chủ cửa hàng sẽ gửi sản phẩm cho khách hàng khi nhận được tiền.Với sự hướng dẫn tận tình của Thy Nguyễn Hữu Vĩnh em đã hoàn thành cuốn báocáo đồ án tốt nghiệp này Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế và cài đặt

hệ thống nhưng chắc rằng không tránh khỏi những thiếu sót Em rất mong nhận được

sự thông cảm và góp ý của quí Thy cô Em xin chân thành cảm ơn

V

Mục Lục

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

1 Tổng quan đề tài: 1

1.1 Tên Đề Tài 1

1.2 Mục Tiêu Của Đề Tài 1

1.3 Ý Nghĩa Của Đề Tài 1

1.4 Đối Tượng Của Đề Tài 1

1.5 Một Số Trang Chính Của Website 1

2 Cơ sở lý thuyết: 1

2.1 Mã nguồn mở là gì? 1

2.2 Vì sao mã nguồn mở tiện lợi và nên sử dụng nhiều trong thiết kế web? 1

2.3 Các loại mã nguồn mở được dùng nhiều trong thiết kế website 2

CHƯƠNG 2 KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 3

2.1 Phân tích yêu cu đề tài 3

2.1.1 Tên đề tài 3

2.1.2 Chức năng 3

2.1.3 Yêu cầu đặt ra 3

2.2 Phân tích và thiết kế hệ thống 3

2.2.1 Khảo sát hiện trạng và xây dựng hệ thống 3

2.2.2 Phân tích hệ thống 4

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ VỚI UML 5

3.1 Biểu đồ Usecase 5

3.1.1 Biểu đồ Usecase mức tổng quát 6

3.1.2 Biểu đồ use case trang giỏ hàng 6

3.1.3 Biểu đồ use case quản lý sản phẩm 7

Đặt tả Usecase 7

3.2 Biểu đồ tun tự (Sequence Diagram) 9

3.2.1 Đăng ký 9

3.2.2 Đăng nhập 11

3.2.3 Xem giỏ hàng 12

CHƯƠNG 4 THIẾT KẾ CƠ SỞ DỮ LIỆU 14

4.1 Lược đồ quan hệ thực thể 14

VI

4.2 Lược đồ 14

4.3 Lược đồ chi tiết 15

CHƯƠNG 5 GIAO DIỆN WEBSITE 17

5.1 Giao diện người dùng 17

5.1.1 Giao diện trang chủ 17

5.1.2 Giao diện trang đăng ký 18

5.1.3 Giao diện trang đăng nhập 19

5.1.4 Giao diện giỏ hàng 19

5.2 Giao diện admin 20

5.2.1 Tổng giao diện trang admin 20

5.2.2 Giao diện quản lý danh mục sản phẩm 20

5.2.3 Giao diện quản lý sản phẩm 21

TÀI LIỆU THAM KHẢO 23

VII

DANH MỤC HÌNH

Hình 1: Use Case tổng quát 6

Hình 2: Use case giỏ hàng 6

Hình 3: Use case quản lý sản phẩm 7

Hình 4: Sơ đồ tuần tự đăng ký 10

Hình 5: Sơ đồ tuần tự đăng nhập 11

Hình 6: Sơ đồ tuần tự xem giỏ hàng 12

Hình 7: Sơ đồ tuần tự xóa giỏ hàng 13

Hình 8: Sơ đồ quan hệ thực thể 14

Hình 9: CSDL danh mục 15

Hình 10: CSDL thanh toán 15

Hình 11: CSDL giỏ hàng 15

Hình 12: CSDL sản phẩm 16

Hình 13: CSDL người dùng 16

Hình 14: Giao diện trang chủ 17

Hình 15: Giao diện trang đăng kí 18

Hình 16: Giao diện trang đăng nhập 19

Hình 17: Giao diện giỏ hàng 20

Hình 18: Giao diện trang chủ admin 21

Hình 19: Giao diện trang quản lý danh mục chủ đề 22

Hình 20: Giao diện trang quản lý sản phẩm 23

VIII

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

1 Tổng quan đề tài:

1.1 Tên Đề Tài

- XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ

1.2 Mục Tiêu Của Đề Tài

- Xây dựng website bán hàng cho shop đồng hồ

1.3 Ý Nghĩa Của Đề Tài

- Tối ưu và tiết kiệm thời gian của khách hàng.

- Giúp khách hàng tiếp cận sản phm dễ dàng hơn

- Giúp cửa hàng quảng bá rộng rãi với nhiều khách hàng hơn

1.4 Đối Tượng Của Đề Tài

- Đối tượng nghiên cứu chủ yếu là các loại đồng hồ

1.5 Một Số Trang Chính Của Website

- Home: Cung cấp một số thông tin dịch vụ cn thiết của khách hàng.

- Products: cung cấp cho khách hàng tất cả sản phẩm của cửa hàng

- Login: Người dùng đăng nhập và đăng kí để mua được sản phẩm của trang

- Top Brand: Cung cấp cho khách hàng có những thương hiệu gì

2 Cơ sở lý thuyết:

2.1 Mã nguồn mở là gì?

- Mã nguồn mở (Open Source) là khái niệm được nhắc đến khá nhiều trong lĩnhvực thiết kế website hiện nay Khi đặt dịch vụ thiết kế web, bạn có thể sẽ nghe họ nóiđến việc sử dụng công nghệ mã nguồn mở để thiết kế web cho bạn, hoặc khi sử dụngcác ứng dụng, chương trình phn mềm được tạo nên bởi các mã nguồn mở, bạn cũng

sẽ được nghe đến khái niệm này Vậy, Mã nguồn mở là gì? Mã nguồn mở hoạt động rasau? Bài viết này của WEBICO sẽ giúp bạn làm rõ các thông tin chi tiết!

- Mã nguồn mở là phn mềm có bộ source code mà bất kì ai cũng có thểdownload về, sửa đổi hoặc nâng cấp thêm cho nó những tính năng vượt trội khác.Thông thường, mã nguồn mở được phát hành miễn phí và sở hữu bởi các đơn vị,doanh nghiệp lớn về công nghệ, cũng có một số trường hợp các lập trình viên pháttriển mã nguồn mở và bày bán nó với các chức năng độc đáo hơn phiên bản gốc

- “Mã nguồn” (source code) là phn mềm mà hu hết người dùng máy tính khôngnhìn thấy Tuy nhiên, các lập trình viên có quyền truy cập vào mã nguồn này để cảithiện chương trình bằng cách thêm các tính năng hoặc sửa các phn không hoạt độngđúng

IX

2.2 Vì sao mã nguồn mở tiện lợi và nên sử dụng nhiều trong thiết kế web?

- Khả năng quản trị và điều khiển cao: Mã nguồn mở được giới chuyên môn

ưa chuộng nhiều do họ có khả năng quản lí và kiểm soát sản phẩm của mình nhiềuhơn Họ có thể cho phép phn nào hoạt động, phn nào không Còn trên phương diệnngười sử dụng sản phẩm, mặc dù không biết nhiều về khái niệm này nhưng họ lạiđược hưởng khá nhiều lợi ích từ loại mã nguồn này

- Tăng khả năng sáng tạo: Vì được thiết kế dưới dạng “mở”, nên nhiều người

có thể nghiên cứu để tạo ra các phn mềm tốt hơn Đây có thể xem là một sản phẩmthách thức nhiều lập trình viên trong quá trình sáng tạo của mình

- Độ an ninh cao: Một điều khá nghịch lý ở phn mềm mã nguồn mở là nó lại

được bảo mật và an ninh cao hơn các phn mềm độc quyền khác Lý do lý giải chođiều này là vì nhiều người lập trình có thể cùng làm việc trên một phn mềm nguồn

mở mà không cn xin phép từ các tác giả gốc, nên họ có thể sửa chữa, cập nhật vànâng cấp phn mềm mã nguồn mở nhanh hơn các phn mềm có bản quyền Nói cáchkhác, khi có cả một cộng đồng cùng tập trung “chăm sóc” một sản phẩm thì chắc chắn

nó sẽ cải tiến và sở hữu nhiều chức năng tốt hơn

- Ổn định: Nhiều người đánh giá cao mã nguồn mở vì cho rằng nó có thể hỗ

trợ cho nhiều công ty, doanh nghiệp trong các dự án quan trọng, có tính chất dài hạn

Ví dụ khi muốn mở rộng hay cải thiện các chức năng cho website công ty sau nhiềunăm hoạt động, đội ngũ lập trình viên trong công ty của họ có thể điều chỉnh mã nguồn

mở để đáp ứng các yêu cu này Đối với các mã nguồn có bản quyền thì quá trình nàylại gn như phức tạp hơn

2.3 Các loại mã nguồn mở được dùng nhiều trong thiết kế website

- WordPress: WordPress được đánh giá là mã nguồn mở với CMS hoạt động mạnh nhất từ trước đến nay Rất nhiều website trong nhiều lĩnh vực hiện nay đã và đang sử dụng mã nguồn mở để hoạt động và phát triển

- Joomla: Joomla cũng là một trong các mã nguồn mở được ưa chuộng hiện nayvới cấu hình mạnh và khả năng tương thích cao, có thể mở rộng và phát triển thêm nhiều tính năng ưu việt khác

- Drupal: Drupal được xây dựng từ PHP và nhiều loại database: MySQL, PostgreSQL, SQLite, Microsoft SQL Server, MongoDB hoặc MariaDB… và hỗ trợ tốtcho nhiều loại website hiện này

- Magento, OpenCart, WooCommerce: Nhắc tới ba phn mềm mã nguồn mở này thì phải kể đến ưu điểm tuyệt vời của nó trong việc hỗ trợ các website thương mại điện tử Các chức năng như bán hàng, thanh toán, giỏ hàng đều được phát triển mạnh

mẽ với Magento, OpenCart, WooCommerce…

- B2evolution: B2evolution ra đời vào năm 2003, được biết đến nhiều vì có hỗ trợ nhiều blog, admin và user chỉ với một ln cài đặt duy nhất, đặc biệt là tính năng

X

multi-blog B2evolution được xây dựng trên nền tảng PHP và MySQL, là một phn mềm sử dụng mã nguồn mở hoạt động khá hiệu quả.

XI

CHƯƠNG 2 KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 2.1 Phân tích yêu cầu đề tài

 Xem các mặt hàng chính của cửa hàng

 Đăng nhập, đăng kí vào cửa hàng

 Thêm vào giỏ hàng

 Trang quản lý của admin

2.1.3 Yêu cầu đặt ra

– Hệ thống có 2 phn:

Thứ nhất: Phn người dùng

 Hiện thị được giá của sản phẩm

 Khách hàng muốn mua hàng bấm vào nút đặt hàng

 Hiển thị giỏ hàng

Thứ hai: Phn quản trị viên

 Người làm chủ có quyền kiểm soát mọi hoạt động của hệ thống Ngườinày được cấp username và password để đăng nhập hệ thống thực hiệnchức năng của mình:

 Chức năng cập nhật, sửa, xoá các mặt hàng, loại hàng, nhà sản xuất

2.2 Phân tích và thiết kế hệ thống

2.2.1 Khảo sát hiện trạng và xây dựng hệ thống

– Sau khi khảo sát em đã nắm bắt được các thông tin:

 Quản lý sản phẩm: Mã hàng hoá, tên hàng hoá, đơn giá, số lượng, hìnhảnh, chi tiết, mã loại hàng, tên loại hàng

 Quản lý danh mục sản phẩm: Danh sách các thương hiệu, các loại đồnghồ

XII

XIII

CHƯƠNG 3 PHÂN TÍCH THIẾT KẾ VỚI UML 3.1 Biểu đồ Usecase

CHƯƠNG 8 CHƯƠNG 9

Đăng kí

CHƯƠNG 10

Đăng kí một tài khoản

CHƯƠNG 1Khách hàng

CHƯƠNG 12 CHƯƠNG 13

Đăng nhập

CHƯƠNG 14

Đăng nhập vào hệ thống

CHƯƠNG 1Khách hàngAdminCHƯƠNG 16 CHƯƠNG 17

Xem sản phẩm

CHƯƠNG 18

Xem các sản phẩm

CHƯƠNG 1Khách hàngAdminCHƯƠNG 20 CHƯƠNG 21

Thanh toán

CHƯƠNG 26

Sau khi chọn thanh toán dữliệu sẽ được lưu vào cơ sở

dữ liệu, ngườibán sẽ liên hệ

và giao hàng cho khách hàng bằng hình thức thanh toán khinhận hàng

CHƯƠNG 2Khách hàng

CHƯƠNG 28 CHƯƠNG 29

Quản lý giỏ hàng

CHƯƠNG 30

Khách hàng quản lý giỏ hàng của chính họ ( có thể thêm, sửa,xoá đã chọn)

CHƯƠNG 3Khách hàng

CHƯƠNG 32 CHƯƠNG 33

Quản lý sản phẩm

CHƯƠNG 34

Admin quản

lý các sản

CHƯƠNG 3Admin

14

và danh mục sản phẩm

phẩm/danh mục

CHƯƠNG 35 + Thêm mớiCHƯƠNG 36 + Chỉnh sửaCHƯƠNG 37 + Xoá

CHƯƠNG 39 Bảng 1: Mô tả UsecaseCHƯƠNG 40

CHƯƠNG 48 Hình 1: Use Case tổng quátCHƯƠNG 49

CHƯƠNG 50

50.1.1 Biểu đồ use case trang giỏ hàng

CHƯƠNG 51 Hình 2: Use case giỏ hàng

16

51.1.1 Biểu đồ use case quản lý sản phẩm

CHƯƠNG 52 Hình 3: Use case quản lý sản phẩmCHƯƠNG 53

 Đối tượng sử dụng (actor) bao gồm: khách hàng, admin

 Use case này mô tả các bước đăng nhập của các actor vào hệ thống

 Các bước thực hiện:

1 Hệ thống yêu cu actor cung cấp thông tin đăng nhập gồm: tên đăng nhập và mật khẩu

2 Actor nhập xong thông tin đăng nhập và click nút đăng nhập

3 Hệ thống check lại thông tin đăng nhập và thông báo thành công/thất bại cho actor.Nếu đăng nhập thành công hệ thống dựa trên thông tin đăng nhập sẽ đồng thời phân

17

quyền tùy theo loại nhân viên Nếu đăng nhập thất bại, hệ thống sẽ hiện thông báocho người dùng và yêu cu đăng nhập lại.

– Usecase đăng ký

 Actor Người dùng là người sử dụng Use Case này Use Case này được sử dụng để thựchiện chức năng đăng kí tài khoản của người dùng Sau khi đăng kí tài khoản, lúc đóNgười dùng mới có thể đăng nhập vào website và thực hiện được các chức năng nhưlà: Thanh toán tiền

 Dòng sự kiện chính

1 Người dùng chọn chức năng đăng ký từ trang chủ của website

2 Trang chủ sẽ mở đến trang đăng ký

3 Người dùng nhập đy đủ thông tin tài khoản và thông tin cá nhân

4 Hệ thống xác nhận thông tin và lưu lại

5 Hiển thị thông báo

6 Kết thúc Use Case

 Các dòng sự kiện khác

1 Người dùng hủy yêu cu đăng ký

2 Hệ thống bỏ qua trang đăng kí, trở lại trang hiện tại

3 Kết thúc Use Case

 Trạng thái hệ thống sau khi thực hiện Use Case

o Trường hợp đăng ký thành công: hệ thống hiển thị trang đăng nhập để người dùng cóthể đăng nhập vào website

o Trường hợp đăng ký thất bại: Hệ thống đưa ra thông báo đăng ký không thành công.– Usecase đặt mua

 Use Case này được sử dụng để thực hiện chức năng đặt mua sản phẩm của ngườidùng Sau khi truy cập vào website và xem thông tin sản phẩm, người dùng có thể đặtmua sản phẩm mà mình cảm thấy vừa ý

 Dòng sự kiện:

1 Người dùng chọn chức năng xem thông tin chi tiết của sản phẩm

18

2 Trang chủ sẽ mở đến trang thông tin chi tiết của sản phẩm.

3 Người dùng xem và nhấn vào nút “đặt hàng”

4 Hệ thống xác nhận thông tin và lưu lại

5 Hiển thị trang thông tin sản phẩm

6 Kết thúc Use Case

– Usecase thanh toán

- Use Case này được sử dụng để thực hiện chức năng thanh toán tiền cho sản phẩm đãđặt mua Sau khi đã đặt mua sản phẩm, giỏ hàng của người dùng đã tồn tại một hoặcnhiều sản phẩm, nếu muốn có trong tay các sản phẩm này người dùng cn phải chọn

UC này để thanh toán

- Dòng sự kiện

1 Người dùng chọn chức năng đặt mua

2 Trang chủ sẽ mở đến trang giỏ hàng của người dùng

3 Người dùng xem và nhấn vào nút “Thanh toán”

4 Hệ thống xác nhận thông tin và hiển thị trang thanh toán

5 Người dùng nhập đy đủ thông tin

6 Hệ thống đưa ra thông báo và quay trở lại trang giỏ hàng

7 Kết thúc Use Case

– Use Case Tìm kiếm

 Use Case này được sử dụng để thực hiện chức năng tìm kiếm sản phẩm Với chứcnăng này, Người dùng có thể tìm kiếm sản phẩm mà mình yêu thích và xem sản phẩm

đó có tồn tại trong website hay không

 Dòng sự kiện

1 Người dùng chọn chức năng tìm kiếm từ trang chủ

2 Người dùng nhập thông tin tìm kiếm

3 Hệ thống xác nhận thông tin và thực hiện tìm kiếm

4 Hệ thống trả về thông tin tìm kiếm

5 Kết thúc Use Case

60.1 Biểu đồ tuần tự (Sequence Diagram)

60.1.1 Đăng ký

19