Đồ án cơ sở 1 xây dựng website coffee shop

Mọi người dù ở bất cứ nơi nào có mạng internetđều có thể biết đến quán café của bạn thông qua website quán coffee.. GIỚI THIỆU VỀ ĐỀ TÀI- Vì vậy, để đáp ứng nhu cầu tăng nhanh của khách

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

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1 XÂY DỰNG WEBSITE COFFEE SHOP

Sinh viên thực hiện: Nguyễn Quang Huy-21IT492 Hoàng Thị Diệu Hương-21IT278

Giảng viên hướng dẫn: Ths Dương Thị Mai Nga

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

i

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

TRUYỀN THÔNG VIỆT HÀN

Khoa Khoa Học Máy Tính

ĐỒ ÁN CƠ SỞ 1

XÂY DỰNG WEBSITE COFFEE SHOP

Sinh viên thực hiện: Nguyễn Quang Huy-21IT492 Hoàng Thị Diệu Hương-21IT278

Giảng viên hướng dẫn: Ths Dương Thị Mai Nga

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

ii

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

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

iii

Và để có được kết quả như ngày hôm nay, chúng tôi rất biết ơn gia đình đã động viên, khích lệ, tạo mọi điều kiện thuận lợi trong suốt quá trình học tập cũng như quá trình thực hiện đề tài này.

Xin chân thành cảm ơn các bạn, các anh chị trong khoa Khoa Học Máy Tính đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được cho nhóm chúng tôi trong quá trình nghiên cứu và thực hiện đề tài Nhóm chúng tôi xin chân thành cảm ơn!

Sinh viên, Hoàng Thị Diệu Hương Nguyễn Quang Huy

iv

MỤC LỤC

MỤC LỤC v

DANH MỤC BẢNG vii

DANH MỤC HÌNH ẢNH viii

CHƯƠNG 1 GIỚI THIỆU VỀ ĐỀ TÀI 2

1.1 Tên đề tài 2

1.2 Tổng quan 2

1.3 Mục tiêu 2

1.4 Cơ sở lý thuyết 2

1.4.1 Ngôn ngữ sử dụng 2

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

1.5.1 Các phương pháp nghiên cứu thực tiễn 3

1.5.2 Các phương pháp nghiên cứu lý thuyết: 3

1.6 Kết quả 4

CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN 5

2.1 Giới thiệu tài liệu 5

2.2 Lý do chọn đề tài 5

2.3 Phạm vi 5

2.4 Ưu điểm, nhược điểm của website 5

2.4.1 Ưu điểm: 5

2.4.2 Nhược điểm 6

2.5 Kết luận 6

2.6 Cấu trúc đồ án 6

CHƯƠNG 3 TRIỂN KHAI XÂY DỰNG HỆ THỐNG WEBSITE 7 3.1 Chiến lược dự án 7

3.2 Kế hoạch dự án 7

3.3 Phạm vi dữ liệu 7

3.4 Công nghệ thực hiện 7

3.5 Yêu cầu 7

3.6 Ước lượng thời gian hoàn thành: 7

3.7 Tổng kinh phí cho dự án: 8

3.8 Kế hoạch thực hiện 8

v

3.9 Kết quả của hệ thống: 8

CHƯƠNG 4 PHÂN TÍCH, THIẾT KẾ HỆ THỐNG WEBSITE 9 4.1 Vấn đề đặt ra 9

4.2 Mô hình tổng quan của hệ thống nghiên cứu Website 9

4.2.1 Thiết kế hệ thống phía giao diện 9

4.2.2 Thiết kế hệ thống phía cơ sở dữ liệu 10

4.3 Thiết kế chi tiết hệ thống website 10

4.3.1 Website công khai 10

4.3.2 Website đăng nhập tài khoản 11

4.4 Giao diện Website 11

4.4.1 Đăng ký 11

4.4.2 Đăng nhập 12

4.4.3 Trang chủ 13

4.4.4 Giới thiệu 14

4.4.5 Sản phẩm 14

4.4.6 Sản phẩm 15

4.4.7 Đánh giá 15

4.4.8 Bài viết 16

4.4.9 Giỏ hàng 16

CHƯƠNG 5 ĐÁNH GIÁ KẾT QUẢ VÀ HƯỚNG PHÁT TRIỀN.18 5.1 Kết quả đạt được 18

5.2 Hạn chế của đề tài 18

5.3 Hướng phát triển 18

DANH MỤC TÀI LIỆU THAM KHẢO 19

vi

DANH MỤC BẢNG

Sơ đồ 1:Giao diện website 8

Sơ đồ 2:Hệ thống cơ sở dữ liệu 8

Sơ đồ 3: Website công khai 9

Sơ đồ 4: Wesbite đăng nhập tài khoản 9

vii

DANH MỤC HÌNH ẢNH

Hình 1:Giao diện đăng ký 10

Hình 2: Giao diện đăng nhập 11

Hình 3: Giao diện trang chủ 11

Hình 4: Giao diện giới thiệu 12

Hình 5: Giao diện thực đơn 13

Hình 6: Giao diện sản phẩm 13

Hình 7: Giao diện đánh giá 14

Hình 8: Giao diện bài viết 14

Hình 9 Giao diện giỏ hàng 15

viii

MỞ ĐẦU

Thế giới đang bước vào cuộc cách mạng công nghiệp 4.0 với cả cơ hội vàthách thức, đòi hỏi thế hệ trẻ phải có những thay đổi phù hợp để có thể thíchnghi và thành công Như chúng ta đã biết, trong lịch sử, nhân loại đã trải qua bacuộc cách mạng công nghiệp, đem tới sự thay đổi toàn diện cho cuộc sống củacon người Không phải ngoại lệ, cuộc Cách mạng 4.0 với nền tảng là công nghệvạn vật kết nối, tự động hóa và trí tuệ nhân tạo, được dự đoán sẽ tạo ra một bộmặt hoàn toàn mới cho thế giới Công nghệ thông tin phát triển ngày càng hiệnđại và đổi mới bằng việc chinh phục hết đỉnh cao này đến đỉnh cao khác Mạnginternet trở thành mạng truyền thông có sức ảnh hưởng lớn nhất, không thểthiếu trong việc truyền tải và trao đổi thông tin, kết nói mọi người Rất nhiềulĩnh vực kinh tế, xã hội sử dụng Internet như giáo dục, y tế, thương mại, ngoạigiao, …Thậm chí một số người còn tuyên bố rằng cuộc sống của họ sẽ vô nghĩanếu như không có Internet Chúng ta có thể thấy được Internet đã và đang chiphối hầu như mọi lĩnh vực, từ bác sĩ, kĩ sư, thầy giáo đến những nhân viên làmviệc văn phòng Internet thật sự đã hỗ trợ rất nhiều cho công việc của đại bộphận các cá thể đó

Chính vì những lợi ích to lớn từ internet đã thúc đẩy sự ra đời và pháttriển của thương mại điện tử làm biến đổi bộ mặt văn hóa cũng như nâng caochất lượng cuộc sống của con người Cuộc sống ngày càng phát triển thì cácnhu cầu xã hội của con người ngày càng cao Từ đó đòi hỏi các nhà kinh doanhcần phải thay đổi, tìm ra các chiến lược phát triển phù hợp để có thể kinh doanhtốt, cạnh tranh với rất nhiều đối thủ trên thị trường

Quán coffee thuộc ngành dịch vụ trực tiếp, khách hàng chỉ có thể cảm nhậndịch vụ khi họ đến tận nơi, thưởng thức trực tiếp Để khách hàng biết đến quáncoofee Trước đây những người làm Marketing sử dụng chiêu thức tiếp thịtruyền miệng rất hiệu quả Giờ đây, cách thức để quảng bá quán cafe đã kháckhi mà công nghệ số lên ngôi Mọi người dù ở bất cứ nơi nào có mạng internetđều có thể biết đến quán café của bạn thông qua website quán coffee Websitequán coffe không chỉ góp phần quảng bá quán coffee của bạn mà còn góp phầntăng doanh thu qua hình thức bán online, hình thức bán hàng phù hợp với thờiđại hiện tại Bài báo cáo này chúng em nói về việc xây dựng một website báncoffee

1

CHƯƠNG 1 GIỚI THIỆU VỀ ĐỀ TÀI

- Vì vậy, để đáp ứng nhu cầu tăng nhanh của khách hàng, các chủ quáncoffee nên có một webiste để giới thiệu các thông tin liên quan đến cácsản phẩm, dịch vụ của quán để khách hàng tiếp cận

- Mở rộng quy mô kinh doanh, tăng khả năng tiếp cận và đáp ứng nhiềuđối tượng khách hàng chính là lý do khiến quán coffee của bạn cần mộtwebsite Quá trình kinh doanh trở nên thuận tiện hơn, doanh thu gia tăngngày càng cao

- Trang chủ: Người dùng khi tiếp cận tính năng này có thể biết được nhữngthông tin cơ bản về cửa hàng cà phê, một số hình ảnh đẹp, các dạng panelhay flash quảng cáo hai bên, …

- Giới thiệu: Các thông tin giới thiệu tổng quan về quán cà phê

- Thực đơn và sản phẩm: Tại đây người dùng có thể biết về thông tin (Tên,hình ảnh, chất lượng, nguyên liệu) của từng sản phẩm cà phê, đây cũngchính là những sản phẩm làm nên thương hiệu cho quán cà phê của bạn.Cũng với tính năng này người dùng có thể biết được những thông tin vềsản phẩm mới, ưu đãi hay hình thức tiếp cận mua hàng online

- Đánh giá: Cung cấp cảm nhận của khách hàng về dịch vụ, sản phẩm củaquán Qua đó giúp cho khách hàng có cái nhìn khách quan, tổng thể hơn

về quán và tạo được sự tin tưởng của khách hàng

- Bài viết: Cung cấp nhiều thông tin thú vị cho khách hàng về quán coffeenhư ngày sale, ưu đãi, sự kiện của quán, …

- Đăng nhập/ đăng kí: Đăng nhập hoặc đăng kí tài khoản thành viên để muahàng online trên trang web

2

1.4 Cơ sở lý thuyết

1.4.1 Ngôn ngữ sử dụng

1.4.1.1 HTML

- HTML là viết tắt của Hyper Text Markup Language

- HTML là ngôn ngữ đánh dấu tiêu chuẩn để tạo các trang Web

- HTML mô tả cấu trúc của một trang Web

- HTML bao gồm một loạt các phần tử

- Các phần tử HTML cho trình duyệt biết cách hiển thị nội dung

- Các phần tử HTML gắn nhãn các phần nội dung như "đây là một tiêu đề",

"đây là một đoạn văn", "đây là một liên kết", …

1.4.1.2 CSS

- CSS là viết tắt của Cascading Style Sheets

- CSS mô tả cách các phần tử HTML được hiển thị trên màn hình, giấyhoặc trong các phương tiện khác

- CSS tiết kiệm rất nhiều công việc Nó có thể kiểm soát bố cục của nhiềutrang web cùng một lúc

- Các bảng định kiểu bên ngoài được lưu trữ trong các tệp CSS

1.4.1.3 Javascrip

JavaScript (JS) là một ngôn ngữ lập trình nhẹ, được thông dịch hoặc đượcbiên dịch nhanh chóng với các hàm hạng nhất Mặc dù nó được biết đến nhiềunhất là ngôn ngữ kịch bản cho các trang Web, nhưng nhiều môi trường khôngphải trình duyệt cũng sử dụng nó, chẳng hạn như Node.js, Apache CouchDB vàAdobe Acrobat JavaScript là ngôn ngữ động dựa trên nguyên mẫu, đa mô hình,đơn luồng, hỗ trợ các kiểu hướng đối tượng, mệnh lệnh và khai báo (ví dụ: lậptrình chức năng)

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

- Tiến hành thu thập và phân tích những thông tin, tài liệu liên quan đến đềtài để hình thành nên những ý tưởng tổng quan

- Khảo sát thị trường

- Xác định các yêu cầu nhằm phân tích thiết kế hệ thống chương trình chophù hợp

- Triển khai chương trình và đánh giá kết quả

1.5.1 Các phương pháp nghiên cứu thực tiễn

- Là các phương pháp tác động trực tiếp vào đối tượng có trong thực tiễn

để làm rõ bản chất và các quy luật của đối tượng Gồm các phươngpháp:

+ Phương pháp quan sát khoa học

+ Phương pháp khảo sát/điều tra

+ Phương pháp thực nghiệm khoa học

3

+ Phương pháp phân tích tổng kết

+ Phương pháp chuyên gia

1.5.2 Các phương pháp nghiên cứu lý thuyết:

- Là các phương pháp thu thập thông tin khoa học trên cơ sở nghiên cứucác văn bản, tài liệu đã có và băng các thao tác tư duy logic để rút rakết luận khoa học cần thiết Gồm các phương pháp:

+ Phương pháp phân tích và tổng hợp lý thuyết

+ Phương pháp mô hình hóa

CHƯƠNG 2 NGHIÊN CỨU TỔNG QUAN

2.1 Giới thiệu tài liệu

Giai đoạn này tập trung vào việc thu thập các thông tin, tài liệu liên quantới cấu trúc của hệ thống và các hoạt động của hệ thống nhằm xác định một sốvấn đề trước khi bắt đầu xây dựng, phát triển một dự án Nội dung cần khảo sáttương ứng với những vấn đề cần giải quyết sao cho phù hợp với yêu cầu củangười sử dụng và quy mô của hệ thống thông tin Nhằm phân tích và định rõyêu cầu của khách hàng Tìm hiểu xem phần mềm cần làm những gì chứ khôngphải là làm như thế nào Đích cuối cùng của công việc phân tích dưới đây là tạo

ra đặc tả yêu cầu, là tài liệu ràng buộc giữa khách hàng và người phát triển để điđến cái đích chung đó là tạo ra phần mềm

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

Ngày nay, công nghệ thông tin ngày càng phát triển thì nhu cầu cuộc sốngcũng như việc ứng dụng Công nghệ thông tin vào công việc của con người đượcphát triển mạnh mẽ và ngày càng đa dạng hơn, đặc biệt vấn đề về quảng bá sảnphẩm trên internet cũng dành được sự chú ý của các nhà sản xuất với mục đíchthu về doanh thu lớn nhất Nhiều công nghệ sử dụng mới được áp dụng hàngngày, cũng như đưa phần mềm vào quản lý ngày càng trực quan và sinh độnghơn với người sử dụng, nhằm phục vụ nhu cầu truyền thông của con người, hoạtđộng kinh doanh quán coffee hằng ngày phát triển mạnh mẽ trong xu hướng bán

lẻ của các cửa hàng, doanh nghiệp Nhằm giúp các đối tượng kinh doanh quáncoffee giới thiệu, quảng bá sản phẩm rộng rãi tới người tiêu dùng, hỗ trợ việcmua bán qua mạng một cách nhanh chống, hiệu quả, tiết kiệm chi phí, thời gian.Giúp khách hàng có thể lựa chọn cho mình một quán coffee ưng ý khách hàng

có thể xem và mua hàng trực tuyến trên website

Từ những lý do trên em đã quyết định thực hiện đề tài “Xây dựng websiteCoffee shop”.Website cung cấp thông tin một cách nhanh chóng đầy đủ, chỉ mộtvà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, từgiá cả đến kiều dáng, tính năng phù hợp với mọi tầng lớp sử dụng Thỏa mãnnhu cầu của người dùng và nhanh chóng là thành công mà website mang đến

2.3 Phạm vi

Phục vụ cho các quán coffee có nhu cầu bán hàng qua mạng Và cho cácnhà sản xuất muốn giới thiệu, muốn quảng bá sản phẩm của mình tới người tiêudùng thông qua các quán coffee Phục vụ cho người tiêu dùng mua sắm trựctuyến thông qua Internet

2.4 Ưu điểm, nhược điểm của website

2.4.1 Ưu điểm:

- Website dễ truy cập và sử dụng

- Thân thiện với người sử dụng

5

- Tốc độ truy cập nhanh

- Giao diện bắt mắt, phù hợp với xu hướng hiện nay

- Giới thiệu đầy đủ thông tin của quán coffee

- Xây dựng được menu giúp người dùng dễ dàng lựa chọn

2.4.2 Nhược điểm

- Giới hạn về băng thông

- Một số tính năng chưa được hoàn thiện

2.5 Kết luận

Thiết kế quán coffee góp phần quảng bá hình ảnh và thu hút khách hàng,quảng cáo sản phẩm, dịch vụ của doanh nghiệp kinh doanh cà phê là cần thiết ởthời điểm hiện tại cũng như trong tương lai

2.6 Cấu trúc đồ án

Khi người dùng đang có ý định muốn mua đồ uống của quán nhưng đangcòn băn khoăn về giá cả, chất lượng sản phẩm thì người dùng sẽ truy cập vàowebsite này để tìm hiểu thông tin: tên, hình ảnh, giá cả, chất lượng của sảnphẩm cũng như thương hiệu, mô hình kinh doanh của quán Website sẽ đưa đếncho người dùng các thông tin hữu ích, giúp khách hàng hiểu rõ về quán coffeequa các thông số cụ thể, hình ảnh và các phản hội do khách hàng đã trải nghiệm.Ngoài ra, người dùng còn có thể đăng nhập, đăng ký thành viên của webiste để

có thể nắm bắt những event, ưu đãi của quán

6

CHƯƠNG 3 TRIỂN KHAI XÂY DỰNG HỆ THỐNG

WEBSITE3.1 Chiến lược dự án

- Thỏa mãn nhu cầu mua và bán cho người dùng Website

- Giúp khách hàng có cái nhìn khách quan hơn về quán coffee cũng nhưgóp phần quảng bá quán coffee đến khách hàng

- Liên hệ trực tiếp với dịch vụ khi có thắc mắc

3.2 Kế hoạch dự án

- Website dễ sử dụng, thân thiện và bảo mật tuyệt đối giúp người dùng cótrải nghiệm tốt nhất

- Tăng cường số lượng, chất lượng dịch vụ của website coffee

- Nâng cao chất lượng Website và dịch vụ cho người dùng

- Giải đáp các thắc mắc của người dùng

3.3 Phạm vi dữ liệu.

- Dữ liệu về người dùng: tên người dùng, email, mật khẩu

- Thông tin người dùng gửi về Website

+ Gần gũi và dễ dàng sử dụng đối với người sử dụng

+ Dễ dàng quản lí các người dùng của website

+ Dễ dàng nâng cấp và bảo trì hệ thống website

- Từ phía người dùng:

+ Hệ thống đăng ký, đăng nhập an toàn và bảo mật

+ Có tính hiệu quả cao

+ Dễ dàng theo dõi lịch sử vào ra website

- Xây dựng 1 Website hoàn chỉnh về việc cung cấp thông tin bổ ích về dịch

vụ, sản phẩm của quán coffee

- Có nguồn cơ sở dữ liệu bảo mật, từ đó có thể phát triển nhiều hơn về mặt

dữ liệu

- Website có tính ứng dụng cao, áp dụng được vào thực tiễn trong thời buổicông nghệ 4.0 đang phát triển không ngừng nghỉ

8

CHƯƠNG 4 PHÂN TÍCH, THIẾT KẾ HỆ THỐNG

WEBSITE4.1 Vấn đề đặt ra

- Quán coffee thuộc ngành dịch vụ trực tiếp, khách hàng chỉ có thể cảmnhận dịch vụ khi học đến trực tiếp cửa hàng Nhưng thời đại công nghệ sốlên ngôi, quảng cáo trên mạng Internet để thu hút khách hàng ghé thăm

và xu hướng trải nghiệm dịch vụ thông qua website trực tuyến ngày càngphổ biến Khách hàng có thể đặt đồ uống trước hay tham gia tích điểmthành viên trực tiếp bất cứ lúc nào

- Website là một trong những kênh marketing online rất được ưa chuộngngày nay Website của bạn xuất hiện khi người yêu thích cafe truy vấn từkhóa liên quan và tăng khả năng họ chọn và ghé thăm địa điểm của bạn.Lợi ích của thiết kế quán coffee không chỉ cho doanh nghiệp mà còn hữuích với người dùng:

+ Đáp ứng nhiều đối tượng khách hàng

+ Tạo uy tín và sự chuyên nghiệp cho quán coffee

+ Quảng bá thương hiệu và tăng khách hàng tiềm năng

+ Tăng tương tác giữa doanh nghiệp và khách hàng

+ Hoàn thiện về chât lượng cafe và cả dịch vụ chăm sóc khách

- Website cần phải có đầy đủ các tính năng chính như:

+ Hệ thống menu

+ Chức năng tìm kiếm

+ Đặt hàng và thanh toán

+ Livechat và hỗ trợ trực tuyến

4.2 Mô hình tổng quan của hệ thống nghiên cứu Website

Hệ thống Website Coffee Shop đáng thử được thiết kế và phân tích kỹcàng, hợp lí để đưa ra thị trường với kết cấu giao diện thân thiện, dễ sử dụngcùng với cấu trúc cơ sở dữ liệu chặt chẽ mang đến cho người dùng trải nghiệmtốt nhất có thể và được ứng dụng tích cực

9