Báo cáo Đồ án cơ sở 1 Đề tài xây dựng web bưng lễ

Khi khách hàng muốn đặt dịch vụ thì khách hàng sẽ ấn vào đăng kí để tiến hànhnhập thông tin và xác nhận yêu cầu.. Thông tin mỗi khách hàng phải nhập baogồm: nhập họ và tên, ngày sinh, số

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ

TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH

BÁO CÁO ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEB BƯNG LỄ

HUỲNH ĐĂNG KHOA

Lớp : 21IT5

Giảng viên hướng dẫn: PGS.TS.HUỲNH CÔNG PHÁP

Đà Nẵng, tháng 05 năm 2022

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH

BÁO CÁO ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEB BƯNG LỄ

HUỲNH ĐĂNG KHOA - 21IT355 Lớp: 21IT5

Giảng viên hướng dẫn: PGS.TS.HUỲNH CÔNG PHÁP

Đà Nẵng, tháng 05 năm 2022

LỜI MỞ ĐẦU

Hiện nay chúng ta đang sống trong thời đại 4.0 thời đại của kĩ thuật số và côngnghệ, mọi thứ chúng ta dùng hoặc dịch vụ đều có thể đưa vào cùng công nghệ để tiếtkiệm, tiện lợi và nhanh chóng khi sử dụng Để giải quyết một số vấn đề trong cuộc sốngcũng khá cấp thiết là việc cưới hỏi là đặt lễ mâm quả và thuê người bưng lễ tiện lợi hơnthì việc làm ra một web có đầy đủ các chức năng sẽ giải quyết rất nhiều vấn đề trong cướihỏi

Đứng trước tình hình đất nước phát triển, mức sống cao, nhu cầu cao thì website sẽ lànơi được mọi người quan tâm, tham khảo và sử dụng, mọi thứ có thể số hóa ở mức tối ưunhất

Chúng ta có thể đặt mọi thứ qua mọi thiết bị điện tử có kết nối mạng Tiện lợi, tiếtkiệm thời gian, giá thành dễ dàng tham khảo Vì để áp dụng thực tế hơn bọn em dã chọn

“Web Kết Nối Yêu Thương” Đây sẽ là một website giúp người dùng có thể đặt mâm lễ

quả và thuê người bưng lễ một cách dễ dàng giá thành hợp lí, mang đến cảm giác dễ chịu

và trải nghiệm tốt khi đặt dịch vụ ở web

LỜI CẢM ƠN

Để đồ án này đạt kết quả tốt đẹp, chúng em đã nhận được sự hỗ trợ, giúp đỡ củathầy cô Với tình cảm sâu sắc, chân thành, cho phép em được bày tỏ lòng biết ơn sâu sắcđến tất cả quý thầy cô đã tạo điều kiện giúp đỡ trong quá trình học tập, nghiên cứu vàphát triển đề tài

Trước hết chúng em xin gửi tới quý thầy cô Khoa khoa học máy tính – Đại họcCNTT & TT Việt – Hàn – Đại học Đà Nẵng lời chào trân trọng, lời chúc sức khỏe, và lờicảm ơn sâu sắc nhất Với sự quan tâm, chỉ bảo tận tình và truyền đạt những kiến thức bổích cho chúng em suốt thời gian học kỳ vừa rồi, giúp em có thêm nhiều kiến thức và hiểu

rõ hơn các vấn đề mình nghiên cứu, đến nay chúng em đã có thể hoàn thành đề tài Đồ án

cở sở 1

Đặc biệt chúng em xin gửi lời cảm ơn chân thành nhất đến giảng viênPGS.TS.HUỲNH CÔNG PHÁP đã quan tâm giúp đỡ tận tình chúng em hoàn thành tốt

đồ án này trong thời gian qua

Với điều kiện thời gian cũng như kinh nghiệm còn nhiều hạn chế, đồ án này sẽkhông thể tránh được những thiếu sót Chúng em rất mong nhận được sự chỉ bảo, đónggóp ý kiến của các thầy cô, để chúng em có thể bổ sung, nâng cao kinh nghiệm và kỹnăng của bản thân để phục vụ cho những việc thực tế sau này

Chúng em xin chân thành cảm ơn!

Sinh viên

NHẬN XÉT

Đà Nẵng, ngày tháng năm 2022

Giảng viên hướng dẫn PGS.TS.Huỳnh Công Pháp

MỤC LỤC

CHƯƠNG 1: GIỚI THIỆU 8

1.1 Lý do chọn đề tài 8

1.2 Mục tiêu 8

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

⮚Về mặt lý thuyết 8

⮚Về mặt lập trình 9

1.4 Phạm vi nghiên cứu 9

⮚Về phạm vi phát triển 9

⮚Phạm vi thời gian 9

1.5 Ý nghĩa khoa học của đề tài 9

1.6 Bố cục báo cáo 9

CHƯƠNG 2: PHÂN TÍCH XÂY DỰNG WEB 10

2.1 Mô tả bài toán 10

2.2 Phân tích xây dựng web 10

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

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

2.2.3 Yêu cầu hệ thống 11

2.2.4 Yêu cầu về HTML, bootstrap, CSS 11

2.2.5 Các tác nhân của hệ thống 11

2.2.6 Các use case 12

2.2.7 Đặc tả use case 12

2.3 Thiết kế xây dựng web 15

CHƯƠNG 3: XÂY DỰNG HỆ THỐNG 16

3.1 Xây dựng giao diện hệ thống 16

3.1.1 Giao diện trang chủ 16

3.1.2 Giao diện website 16

KẾT LUẬN 23

TÀI LIỆU THAM KHẢO 24

CHƯƠNG 1: GIỚI THIỆU

1.1 Lý do chọn đề tài

Nhận thấy yêu cầu cấp thiết và nhu cầu cao của việc cưới hỏi hiện nay, nhất định

ai cũng muốn lễ cưới hỏi đó diễn ra tốt đẹp và hoàn hảo nhất, nhưng việc chọn lựa và

đi tìm hiểu quá mất nhiều thời gian Nó khiến bạn mệt mỏi với đủ thứ lo toan chocông việc

Dựa vào thực tế cho thấy nhu cầu cưới hỏi tăng cao rõ rệt trong những năm gần đây

Để giải quyết các vấn đề trên em nghĩ mình nên làm một cái gì đó để cải thiện tìnhtrạng này

Sau khi nghiên cứu và tìm hiểu thì em đã bắt tay vào xây dựng một website có thểcho người dùng tham khảo sản phẩm và đặt hàng mâm lễ quả cũng như nhân viên bê

lễ, giảm thiểu tối đa thời gian của mọi người Với thời đại kinh tế số thì nó lại càngphù hợp hơn bao giờ hết Người dùng thay vì phải lặn lội đi từng cửa tiệm để tìm hiểu

để tham khảo và đặt hàng rồi còn phải loay hoay mượn người bê lễ thì nay tất cả cóthể tiện lợi và rút gọn hơn Có thể ngồi ở nhà dùng điện thoại hoặc máy tính để đặthàng nhanh chóng Hiểu được tâm lí và xu hướng này chúng em quyết định chọn đềtài: “Website kết nối yêu thương” để nghiên cứu và thực hiện

1.2 Mục tiêu

- Xây dựng website cho thuê người bưng lễ mâm quả và đặt mâm lễ quả.

- Nghiên cứu các công nghệ phát triển Website

- Giải quyết tối ưu hóa mọi quá trình

- Đưa ra báo cáo, TK tổng hợp

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

⮚ Về mặt lý thuyết

- Hiểu cách thức hoạt động của Client – Server và cách lưu dữ liệu của hệ quản

trị cơ sở dữ liệu MySQL Server

- Tìm hiểu sâu hơn về ngôn ngữ lập trình, các hoạt động và đối tượng trong ASP

- Công cụ hỗ trợ :

+ JavaScrip, theo phiên bản hiện hành, là một ngôn ngữ lập trình kịch bản dựa

trên đối tượng được phát triển từ các ý niệm nguyên mẫu Ngôn ngữ được dùngrộng rãi cho các trang web, nhưng cũng được dùng để tạo khả năng Javascrip

sử dụng các đối tượng nằm sẵn trong các ứng dụng

+ Hệ quản trị dữ liệu MySQL: là hệ quản trị cơ sở dữ liệu mã nguồn mở phổ

biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát

triển ứng dụng Đây là hệ thống quản lý cơ sở dữ liệu (RDBMS ) nó chạy nhưmột máy chủ cho phép nhiều người dùng truy cập đến một số cơ sở dữ liệu

+ Apache (chương trình máy chủ HTTP): Là một chương trình dành cho máy

chủ đối thoại qua giao thức HTTP Apache chạy trên các hệ điều hành tương tựnhư Unix, Microsoft Windows, Novell Netware và các hệ điều hành khác.Apache đóng vai trò quan trọng trong quá trình phát triển của mạng web thếgiới (World Wide Web)

- Nghiên cứu và thực hiện kể từ tháng 4/2022 đến hiện nay.

1.5 Ý nghĩa khoa học của đề tài

Giúp giải quyết vấn đề cấp thiết trong cuộc sống hiện nay Thu gọn quá trình trình tổchức lễ cưới Giúp khách hàng lựa chọn, tham khảo được sản phẩm tốt Từ đó web sẽ lànơi lựa chọn và ưu tiên hàng đầu của khách hàng song song là thu về lợi nhuận cho web

1.6 Bố cục báo cáo

Sau phần Mở đầu, báo cáo được trình bày trong ba chương, cụ thể như sau:

Chương 1: Giới thiệu

Chương 2: Phân tích thiết kế hệ thống

Chương 3: Thiết kế giao diện hệ thống

Cuối cùng là Kết luận, Tài liệu tham khảo và Phụ lục liên quan đến đề tài

CHƯƠNG 2: PHÂN TÍCH XÂY DỰNG WEB

2.1 Mô tả bài toán

Tên bài toán: “Xây dựng web bưng lễ”

Khách hàng có thể truy cập vào website để tìm kiếm về thông tin các loại dịch vụcủa web Thông tin mỗi loại dịch vụ bao gồm : tên dịch vụ, loại dịch vụ, mức giáphù hợp Trong mỗi loại dịch vụ sẽ bao gồm nhiều lựa chọn khác nhau cho kháchhàng Tại đây khách hàng có thể tham khảo dịch vụ và lựa chọn dịch vụ phù hợpvới điều kiện kinh tế

Khi khách hàng muốn đặt dịch vụ thì khách hàng sẽ ấn vào đăng kí để tiến hànhnhập thông tin và xác nhận yêu cầu Thông tin mỗi khách hàng phải nhập baogồm: nhập họ và tên, ngày sinh, số điện thoại, số người bưng lễ, ngày tổ chức, địađiểm tổ chức, phong cách, dịch vụ, chọn mâm lễ, và tích vào ô đồng ý các điềukhoản của website Xong khi hoàn thành các bước trên khách hàng sẽ ấn đăng ký

và tiến hành đặt cọc

Mọi thắc mắc của khách hàng sẽ được giải đáp qua nút liên hệ, khách hàng có thểviết nội dung thắc mắc và gửi đi hoặc có thể liên hệ trực tiếp qua số điện thoại,zalo và email của web

2.2 Phân tích xây dựng web

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

Sau khi hoàn thiện Website đã đáp ứng đầy đủ các chức năng:

- Trang chủ, nơi giới thiệu về website

- Xem tất cả thông tin về dịch vụ của website

- Liên hệ với khách hàng khi họ cần tư vấn và đặt hàng

- Khách hàng có thể đăng ký để được tư vấn và đặt hàng sớm nhất

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

- Ứng dụng phải dễ sử dụng, khả năng truy nhập dữ liệu nhanh chóng và chínhxác

- Giao diện giữa người – máy được thiết kế một cách khoa học, thân thiện người

sử dụng, có tính thống nhất về phương pháp làm việc, các trình bày

- Cung cấp kịp thời các thông tin tổng hợp

- Dung lượng website vừa phải, tốc độ truy xuất nhanh Hệ thống thông tin phải

có chế độ bảo mật, không chấp nhận sai sót Cơ sở dữ liệu phải được đảm bảokhi hệ thống đang hoạt động Khi người dùng thực hiện việc đăng nhập vào hệthống phải thông qua các bước sau: nhập tên đăng nhập và mật khẩu Nếukhách hàng lần đầu tiên tham gia mua hàng thì yêu cầu đăng ký khách hàng và

khách hàng đó đã được gán một mã số riêng biệt Khi đăng ký khách hàng cầnđiền đầy đủ thông tin đăng nhập gồm Email, mật khẩu và nhập lại mật khẩu,ngoài ra cần phải cho biết thêm thông tin về địa chỉ và số điện thoại.

2.2.4 Yêu cầu về HTML, bootstrap, CSS.

- Chọn lựa tên miền cho website

- Xác định các tính năng của website

- Xác định yêu cầu về mặt giao diện website

- Sử dụng Mode màu RGB vì web chỉ hiển thị trên màn hình

- Chuyển trang web thành HTML

- Phối hợp chặt chẽ với bộ phận phụ trách nội dung giao diện website để bố cục,cấu trúc website rõ ràng hơn

2.2.5 Các tác nhân của hệ thống.

- Quản trị: Là người quản trị duy nhất quản lí mọi mặt của ứng dụng

- Khách hàng: Đăng ký , đăng nhập, yêu cầu mua hàng

- Khách xem: Người xem thông tin sản phẩm

Actor Chức năng

Khách hàng tham khảo sản phẩm Xem danh sách sản phẩm

Xem thông tin chi tiết sản phẩmĐăng ký

Nhân viên Có tất cả các chức năng của Khách hàng

thành viên và thêm một số chức năngkhác và yêu cầu Đăng nhập mới sử dụng:Xem danh sách đơn hàng

Cập nhật đơn hàngCập nhật sản phẩmCập nhật đơn giáGhi nhận đơn hàng

Các chức năng còn tùy thuộc vào quyền

của nhân viên Mỗi người có chức năngnhất định

2.2.6 Các use case

ID Tên Usecase Actor Sử Dụng

1 Xem danh sách sản phẩm Khách hàng viếng thăm, khách hàng thành viên,

nhân viên, giám đốc

2 Xem thông tin sản phẩm Khách hàng viếng thăm, khách hàng thành viên,

nhân viên, giám đốc

3 Đăng ký Khách hàng viếng thăm, khách hàng thành viên,

nhân viên, giám đốc

4 Đặt mua Khách hàng thành viên, nhân viên, giám đốc

5 Quản lý sản phẩm Nhân viên, giám đốc

6 Quản lý một số thông tin

khác Nhân viên, giám đốc

7 Thống kê, báo cáo Nhân viên, giám đốc

8 Quản lý nhân viên Giám đốc

- Mục tiêu: Cho phép khách hàng xem đăng ký làm thành viên của hệ thống.

- Tiền điều kiện: Khách hàng chưa có tài khoản thành viên của hệ thống.

- Hậu điều kiện: Khách hàng trở thành thành viên của hệ thống.

- Mô tả: Khách xem điền vào form đăng ký Sau khi hệ thống lưu các thông tin

cần thiết, khách hàng có thể đăng nhập vào hệ thống

Tóm tắt: Khách hàng tham khảo sử dụng use case “Đăng ký” để tạo tài khoản cho

B2 Hệ thống sẽ hiển thị giao diện đăng ký và Khách hàng viếng thăm nhập thôngtin vào giao diện để lưu vào cơ sở dữ liệu.

B3 Kết thúc Usecase

Trạng thái hệ thống khi bắt đầu thực hiện Use-case: Trước khi bắt đầu thực

hiện Use-case không cần điều kiện gì

Điểm mở rộng: Không có

⮚ UC Đăng nhập

- Tác nhân: Khách hàng, quản trị.

- Mục tiêu: Cho phép thành viên đăng kí vào hệ thống.

- Tiền điều kiện: thành viên chưa đăng nhập vào hệ thống.

- Hậu điều kiện: Thành viên đã đăng nhập thành công và có thể sử dụng các

chức năng mà hệ thống cung cấp

- Mô tả: Thành viên điền thông tin vào form đăng nhập Nếu đúng thông tin,

khách hàng có thể đặt hàng trên hệ thống Nếu không đúng, hệ thống sẽ yêucầu khách hàng kiểm tra lại tài khoản

Tóm tắt: Khách hàng thành viên sử dụng use case “Đăng nhập” để tham gia mua

B3 Kết thúc Usecase

Các dòng sự kiện khác: Nếu khách hàng thành viên không muốn đăng nhập thì

chọn “Thoát”

Các yêu cầu đặc biệt: Không có

Trạng thái hệ thống khi bắt đầu thực hiện Use-case: Trước khi bắt đầu thực

hiện Use-case yêu cầu phải Đăng ký

Trạng thái hệ thống sau khi thực hiện Use-case: Sau khi thực hiện Use-case hệ

thống sẽ thông báo đăng nhập thành công hay chưa

Điểm mở rộng: Khách hàng thành viên có thể chọn thoát khỏi chế độ đăng nhập

bất cứ khi nào (yêu cầu trước đó đã đăng nhập thành công)

⮚ UC Xem thông tin sản phẩm.

- Tác nhân: Khách hàng

- Mục tiêu: Cho phép xem thông tin về các dịch vụ trong website

- Mô tả: Thành viên trong hệ thống xem các thuộc tính của từng sản phẩm Nếu

thành viên là người quản lý thì có thể thay đổi thông tin sản phẩm

⮚ UC Đặt mua

Tóm tắt: Khách hàng thành viên sử dụng “đăng kí” để tham gia trực tuyến Actor: Khách hàng thành viên

Các dòng sự kiện chính:

B1 Trên giao diện đăng kí

B2 Hệ thống sẽ hiển thị giao diện chứa thông tin khách hàng và danh sách các sảnphẩm khách hàng đặt mua Sau khi nhập đầy đủ thông tin thì khách hàng xác nhậnđặt mua

B3 Kết thúc Usecase

Các dòng sự kiện khác: Nếu khách hàng thành viên không muốn đặt mua thì

chọn “Thoát”

Các yêu cầu đặc biệt: Để thực hiện được usecase này yêu cầu khách hàng thành

viên phải thực hiện đăng nhập vào hệ thống

Trạng thái hệ thống khi bắt đầu thực hiện Use-case: Trong giỏ hàng của khách

hàng phải có tối thiểu 1 sản phẩm

⮚ UC Liên hệ.

- Tác nhân: Khách hàng.

- Mục tiêu: Liên hệ, phản hồi về app một cách nhanh nhất và hiệu quả nhất

những đóng góp của khách hàng đối với app

- Mô tả: Khách hàng có điều muốn phản hồi hãy liên hệ để được biết nhiều hơn

về app và dịch vụ của app, thì khách hàng cần nhập đầy đủ thông tin như họtên, số điện thoại, email và phản hồi

2.3 Thiết kế xây dựng web

Giao diện website gồm có: Trang chủ, đặt lịch, phong cách, theo dõi đặt lịch, liên hệ,đánh giá

CHƯƠNG 3: XÂY DỰNG HỆ THỐNG

3.1 Xây dựng giao diện hệ thống

3.1.1 Giao diện trang chủ

Hình 1 : Hình ảnh website

3.1.2 Giao diện website

Hình 2 : Hình ảnh giao diện trang chủ website.

Hình 4 : Hình ảnh một số mâm lễ quả đầy đủ tham khảo.

Hình 6 : Hình ảnh đội bê lễ tại Đà Nẵng.

Hình 8 : Hình ảnh đội bê lễ tại TP Hồ Chí Minh

Hình 10 : Hình ảnh tham kaor mâm lễ phong cách hiện đại.

Hình 11.2

Hình 13 : Hình ảnh trang đánh giá.

KẾT LUẬN

Qua quá trình tìm hiểu và xây dựng hệ thống website bưng lễ qua mạng, cộng thêm sựgiảng dạy và hướng dẫn của thầy Huỳnh Công Pháp, chúng em đã phần nào hiểu đượcquy trình, cách thức xây dựng một hệ thống Chúng em đã hiểu hơn về các biểu đồ trình

tự, biểu đồ lớp, và thấy được tầm quan trọng của các biểu đồ trong các dự án.Mặc dù hệ thống đã hoàn thành còn đó nhiều thiếu sót nhưng là sự nỗ lực của chúng em,rất mong nhận được sự góp ý nhiệt tình từ thầy cô để website tốt hơn

Và trong thời gian tới thì chúng em sẽ cố gắng khắc phục các hạn chế, những vấn đề chưađược tốt và bổ sung thêm những chức năng mới cho hệ thống