MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2021/01/1610588928-do-an-2.docx · Web viewNgoài ra, những vấn đề về giao thông, thời tiết, cũng như giá cả, …

ĐẠI HỌC ĐÀ NẴNGĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN

ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI:Web Bán Bánh – Tasty Cakes

Sinh viên thực hiện : 1. SO MINH HƯNG 2. HUỲNH TÍN NHẪN

Giảng viên hướng dẫn: THS. NGUYỄN LÊ TÙNG KHÁNHLớp : 19IT4

Đà nẵng, tháng 12 năm 2020

ĐẠI HỌC ĐÀ NẴNGĐẠI HỌC CÔNG NGHỆ THÔNG TIN & TRUYỀN THÔNG VIỆT HÀN

ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI:

Web Bán Bánh - Tasty Cakes

Đà nẵng, tháng 12 năm 2020

1

MỞ ĐẦU

Ngày nay, khoa học công nghệ đang phát triển bùng nổ. Công nghệ đang len lõi vào

từng ngóc ngách của cuộc sống. Cùng với sự phát triển kinh tế, đời sống của người dân

ngày càng được nâng cao thì mọi người ngày càng trở nên bận rộn hơn. Điều đó làm

cho yêu cầu mọi công việc phải được thực hiện nhanh chóng, chính xác hơn để đáp

ứng được nhu cầu của nhịp sống hiện đại ngày nay. Để giải quyết được vấn đề trên thì

công nghệ thông tin đóng vai trò cốt lõi, hết sức quan trọng, gó phần cải thiện cuộc

sống và tạo ra nhữ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 những thành tựu to

lớn. Mạng Internet là một trong những sản phẩm có giá trị hết sứ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.

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à 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ộc sống con người.

Trong hoạt động sản xuất, kinh doanh, thương mại điện tử đã khẳng định được

vai trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp. Đối với các công ty, cửa

hàng thì việc xây dựng các website bán hàng sẽ giúp họ quảng bá, giới thiệu những sản

phẩm của mình đến người tiêu dùng tốt hơn, tiếp cận được với nhiều khách hàng với

nhiều độ tuổi vùng miền hơn, mang lại những dịch vụ, trải nghiệm tốt hơn mà các cửa

hàng truyền thống không mang lại được. Điều đó, sẽ giúp các hoạt động của các công

ty, cửa hàng sẽ được tăng cường và mở rộng hơn. Bắt nguồn từ ý tưởng này, chúng em

đã lên ý tưởng xây dựng website bán bánh mang tên Tasty Cakes.

2

LỜI CẢM ƠN

Để bài báo cáo đồ án cơ sở 2 này đạt kết quả tốt đẹp, chúng em đã nhận được sự hỗ trợ

nhiệt tình của thầy cô. Với tình cảm sâu sắc, chân thành, cho phép chúng em được bày

tỏ lòng biết ơn sâu sắc đến tất cả các quý thầy cô đã tạo điều kiện giúp đỡ chúng em

trong quá trình học tập và quá trình nghiên cứu và phát triển đề tài. Trước hết chúng

em xin gửi tới các thầy cô - Đại học Đà Nẵng lời chúc sức khỏe và lời cảm ơn sâu sắc.

Với sự quan tâm, dạy dỗ, chỉ bảo tận tình và chu đáo của thầy cô, đến nay chúng em đã

có thể hoàn thành bài báo đồ án cơ sở 2.

Đặc biệt em xin gửi lời cảm ơn chân thành nhất tới Ths. Nguyễn Lê Tùng

Khánh đã quan tâm, giúp đỡ tận tình để chúng em có thể hoàn thành tốt đồ án báo cáo

này trong thời gian qua.

Với điều kiện thời gian cũng như kinh nghiệm còn hạn chế, bài báo cáo đồ án cơ sở 2

này khó tránh khỏi những thiếu sót, chúng em rất mong nhận được sự chỉ bảo, đóng

góp ý kiến của các thầy cô để có thể bổ sung, sữa chữa sai sót và trao dồi thêm kinh

nghiệm, phục vụ tốt hơn cho công tác thực tế sau này.

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

3

NHẬN XÉT(Của giảng viên hướng dẫn)

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

..................................................................................................................................

CHỮ KÝ GIẢNG VIÊN

4

MỤC LỤC

MỞ ĐẦU..............................................................................................................2DANH MỤC HÌNH............................................................................................7DANH MỤC CỤM TỪ VIẾT TẮT...................................................................8CHƯƠNG 1 – GIỚI THIỆU ĐỀ TÀI...............................................................9

1.1 Khảo sát thực tế và đánh giá thực tế.....................................................91.1.1 Khảo sát thực tế.................................................................................91.1.2 Đánh giá thực tế................................................................................9

1.2 Nội dung tổng quan của đề tài..............................................................111.3 Mục đích đề tài......................................................................................111.4 Giới hạn và phạm vi đề tài....................................................................121.5 Chức năng của hệ thống.......................................................................12

CHƯƠNG 2: CÔNG CỤ PHÁT TRIỂN........................................................142.1 PHP.........................................................................................................142.2 HTML5...................................................................................................142.3 CSS3........................................................................................................142.4 Javascript...............................................................................................152.5 Jquery.....................................................................................................152.6 Database.................................................................................................152.7 Sublime text............................................................................................152.8 Visual Studio Code................................................................................16

CHƯƠNG 3 – PHÂN TÍCH THIẾT KẾ HỆ THỐNG.................................173.1 Xác định các tác nhân (actors).............................................................173.2 Các trường hợp sử dụng (use case)......................................................173.3 Đặc tả các ca sử dụng (use case descriptions).....................................18

3.3.1 Phía người khách hàng (các ca sử dụng chính)............................183.3.2 Phía người quản trị (các ca sử dụng chính)..................................24

3.4 Biểu đồ ca sử dụng (use case diagrams)..............................................293.5 Các mối quan hệ của các lớp...............................................................353.6 Biểu đồ lớp phân tích............................................................................35

CHƯƠNG 4 - XÂY DỰNG WEBSITE VÀ KẾT QUẢ ĐẠT ĐƯỢC..........364.1 Các giai đoạn xây dựng.........................................................................36

5

4.1.1 Giai đoạn 1: Nghiên cứu thì trường, công cụ và nhu cầu của khách hàng..................................................................................................364.1.2 Giai đoạn 2: Phân tích và phát thảo hệ thống..............................364.1.3 Giai đoạn 3: Tiến hành thiết kế Website và lập trình..................364.1.4 Giai đoạn 4: Thử nghiệm và soát lỗi.............................................364.1.5 Giai đoạn 5: Vận hành trên internet.............................................37

4.2 Kết quả ban đầu của dự án...................................................................37CHƯƠNG 5 - KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN..............................42

5.1 Kết luận:.................................................................................................425.2 Hướng phát triển...................................................................................42

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

6

DANH MỤC HÌNH

Hình 1. Trang chủ................................................................................................37Hình 2. Đăng nhập...............................................................................................37Hình 3. Đăng ký...................................................................................................38Hình 4. Tìm Kiếm................................................................................................38Hình 5. Menu.......................................................................................................39Hình 6. Trao đổi với nhân viên CSKH................................................................39Hình 7. Chi tiết bánh............................................................................................40Hình 8. Giỏ hàng..................................................................................................40Hình 9. Xác nhận đơn hàng.................................................................................41

7

DANH MỤC CỤM TỪ VIẾT TẮT

STT Cụm từ Viết tắt1 Chăm sóc khách hàng CSKH2 Công nghệ thông tin CNTT

…..

8

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

1.1 Khảo sát thực tế và đánh giá thực tế1.1.1 Khảo sát thực tế

Trong nhịp sống hối hả, tấp nập hiện nay, nhất là những cư dân ở các thành phố lớn

hoặc những người làm nhân viên văn phòng, … có thời gian rảnh rỗi để đi mua sắm ở

các trung tâm, cửa hàng là rất ít. Ngoài ra, những vấn đề về giao thông, thời tiết, cũng

như giá cả, … khiến người dùng càng ngần ngại khi đi mua sắm truyền thống, đặc biệt

là trong hoàn cảnh dịch bệnh COVID 19 như hiện nay. Vì vậy dực trên nền tảng CNTT

phát triển mạnh mẽ, một xu hướng mới đang phát triển rất mạnh trên toàn cầu cũng

như ở nước ta đó là mua sắm trực tuyến.

Lợi thế của mua sắm trực tuyến đó là mua có thể dễ dàng so sánh và đưa ra lựa chọn

những sản phẩm phù hợp nhất với bản thân, chỉ với một cú click chuột là bạn đã hoàn

thành việc mua hàng thay vì phải chen lấp để đến được nơi mua hàng như bình thường.

Bạn cũng sẽ không bao giờ cảm thấy khó chịu khi gặp những người bán hàng khó tính

như mua sắm truyền thống. Cửa hàng cũng sẽ được mở cửa 24/7, nên bạn có thể mua

sắm bất kì lúc nào bạn muốn. Ngoài ra, bạn còn được giao hàng trực tiếp tại nhà một

cách nhanh chóng. Một trong những điều hấp dẫn nhất đối với người dùng khi đi mua

sắm trực tuyến đó là những ngày hội giảm giá, kích cầu, khuyến mãi, … đôi khi bạn sẽ

được giảm giá tới 40-50% giá trị mặt hàng mà bạn mua.

Một trong những mặt hàng được ưu chuộng hiện nay của mọi người chính là bánh,

ngoài nhu cầu hàng ngày tuỳ mỗi người thì nó có trong gần như hầu hết các dịp như

sinh nhật, ngày kỷ niệm, khai trương, đám tiệc, …

1.1.2 Đánh giá thực tế

Dựa trên các mong muốn và đáp ứng kịp thời nhu cầu của khách hàng, thương mại

điện tử chính là giải pháp vô cùng tuyệt vời, đáp ứng những mong đợi từ khách hàng

cũng như nâng cao hiệu quả kinh doanh của cửa hàng, Tasty Cakes, website bán bánh

được xây dựng để đáp ứng tất cả điều đó.

9

10

Người dùng chỉ cần một chiếc điện thoại thông minh hoặc một máy tính có kết

nối với Internet để truy cập vào website, khách hàng chỉ cần giành ra vài phút với vài

cái click thì có thể mua được chiếc bánh ưng ý nhất. Qua đó giúp người dùng có thể

mua sắm một cách tiện lợi và nhanh chóng.

1.2 Nội dung tổng quan của đề tài

Website bán bánh Tasty Cakes chuyên bán các loại bánh với nhiều các loại bánh

khác nhau. Website sẽ giới thiệu những chiếc bánh đẹp mắt và tinh tế đến với khách

hàng với một mức giá hợp lí nhất. Giúp người dùng có thể mua hàng một cách nhah

chóng và tiện lợi, ở bất kỳ đâu chỉ với một thiết bị có thể truy cập Internet. Giao diện

trang web đẹp mắt, thân thiện, dễ sử dụng, thuận tiện cho việc tìm kiếm thông tin sản

phẩm, mua hàng, thanh toán đối với người mua, cũng như chủ sỡ hữu trang web có thể

dễ dàng thao tác mà không cần đến sự trợ giúp của lập trình viên

Khách hàng có thể tìm kiếm thông tin sản phẩm, thêm vào giỏ hàng và đặt mua chúng.

Ngoài ra, người mua còn có thể đăng kí tài khoản và đăng nhập vào hệ thống để nhận

được những ưu đãi, khuyến mãi đến từ người bán, cũng như là quản lí giỏ hàng của

mình.

Người quản trị hệ thống quản lí hầu hết các hoạt động của hệ thống như: quản lí tài

khoản, quản lí giao diện, quản lý đơn hàng, thống kê, …

1.3 Mục đích đề tài

Xây dựng website bán bánh Tasty Cakes nhằm mục đích hỗ trợ các cửa hàng bánh

nâng cao doanh thu, dễ dàng tiếp cận được đến nhiều khách hàng và nhiều lứa tuổi và

đối tượng khác nhau, đồng thời giúp khách hàng có thể mua hàng nhanh chóng, tiết

kiệm tối đa chi phí và thời gian đi lại. Website bán bánh có giao diện trực quan sinh

động, không quá sặc sỡ, khách hàng có thể dễ dàng lựa chọn những sản phẩm mong

muốn. Qua đó giúp tăng doanh thu và giúp cửa hàng có thêm lượng lớn khách hàng,

cũng từ đó mà cửa hàng có thể thống kê, đánh giá và đưa ra những chính sách hay

khuyến mãi phù hợp.

11

1.4 Giới hạn và phạm vi đề tài

- Về nội dung: website trưng bày các sản phẩm bán của cửa hàng.

- Về chức năng: trang web có đầy đủ các chức năng cơ bản, giúp khách hàng thao

tác và lựa chọn, đặt mua chiếc bánh mà mình ưng ý nhất.

- Về phạm vi hoạt động: trang web có thể phục vụ cho tất cả hầu hết mọi khách

hàng ở Việt Nam với nhiều độ tuổi khác nhau.

1.5 Chức năng của hệ thống

- Chức năng người dùng

+ Chức năng xem sản phẩm

+ Chức năng xem chi tiết sản phẩm

+ Chức năng xem thông tin khuyến mãi

+ Chức năng đăng nhập

+ Chức năng đăng xuất

+ Chức năng đổi mật khẩu

+ Chức năng đăng ký

+ Chức năng thêm vào giỏ hàng

+ Chức năng thêm yêu thích

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

+ Chức năng gửi phản hồi

+ Chức năng mua hàng

+ Chức năng thanh toán

+ …

12

- Chức năng người quản trị

+ Chức năng chỉnh sửa banner

+ Chức năng chỉnh sửa màu giao diện

+ Chức năng chỉnh sửa khuyến mãi

+ Chức năng chính sửa danh ngôn

+ Chức năng xuất hoá đơn

+ Chức năng quản lý đơn hàng

+ Chức năng xuất đơn hàng

+ Chức năng xoá đơn hàng

+ Chức năng cập nhật đơn hàng

+ Chức năng tình trạng đơn hàng

+ Chức năng quản lý nhân viên

+ Chức năng thêm sản phẩm

+ Chức năng xoá sản phẩm

+ Chức năng cập nhật thông tin sản phẩm

+ Chức năng quản lý doanh thu

+ Chức năng quản lý thông tin người dùng

+ …

13

CHƯƠNG 2: CÔNG CỤ PHÁT TRIỂN

2.1 PHP

PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngôn ngữ

lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng

dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát. Nó rất

thích hợp với web và có thể dễ dàng nhúng vào trang HTML. Do được tối ưu

hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ

học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ

khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến

nhất thế giới.

Ngôn ngữ, các thư viện, tài liệu gốc của PHP được xây dựng bởi cộng đồng và

có sự đóng góp rất lớn của Zend Inc., công ty do các nhà phát triển cốt lõi của

PHP lập nên nhằm tạo ra một môi trường chuyên nghiệp để đưa PHP phát triển ở

quy mô doanh nghiệp.

2.2 HTML5

HTML hoặc Hyper-Text Markup Language có thể được hiểu là ngôn ngữ chính của

Word Wide Web. Hầu hết những trang web được host trên mạng đều được viết bởi vài

phiên bản của HTML. Đây là phiên bản thứ năm của ngôn ngữ HTML - được tạo ra

năm 1990 và chuẩn hóa như HTML4 năm 1997. Mục tiêu cốt lõi khi thiết kế ngôn ngữ

là cải thiện khả năng hỗ trợ cho đa phương tiện mới nhất trong khi vẫn giữ nó dễ dàng

đọc được bởi con người và luôn hiểu được bởi các thiết bị và các chương trình máy

tính như trình duyệt web, phân tích cú pháp, v.v... HTML5 vẫn sẽ giữ lại những đặc

điểm cơ bản của HTML4

2.3 CSS3

CSS3 là phiên bản mới nhất của Thuộc tính CSS. Thuật ngữ CSS3 không chỉ là một

tham chiếu đến các tính năng mới trong CSS, mà là cấp độ thứ 3 trong tiến trình của

Thuộc tính CSS. CSS3 chứa tất cả mọi thứ có trong CSS2.1 (phiên bản trước). Nó

14

cũng bổ sung các tính năng mới để giúp các nhà phát triển giải quyết một số vấn đề mà

không cần đánh dấu phi ngữ nghĩa, tập lệnh phức tạp hoặc hình ảnh bổ sung.

Thay đổi lớn nhất hiện của CSS3 là việc giới thiệu các mô-đun. Ưu điểm của các mô-đun là cho phép thuộc tính được hoàn thành và phê duyệt nhanh hơn vì các phân đoạn được hoàn thành và được phê duyệt theo từng khối. Các tính năng được bao gồm trong CSS3 bao gồm hỗ trợ cho các bộ chọn bổ sung, đổ bóng, góc tròn, nhiều hình nền, hình động, độ trong suốt, … Nó chứa “thuộc tính CSS”.

2.4 Javascript

JavaScript là một ngôn ngữ lập trình hoặc ngôn ngữ kịch bản cho phép triển khai những

chức năng phức tạp trên trang web như hiển thị các cập nhật nội dung kịp thời. Nó nhẹ

và được sử dụng phổ biến nhất như là một phần của các trang web, chúng cho phép

Client-Side script tương tác với người sử dụng và tạo các trang web động và nó là một

ngôn ngữ chương trình thông dịch với các chương trình hướng đối tượng.

2.5 Jquery

jQuery là một thư viện JavaScript được thiết kế đơn giản hóa thao tác HTML DOM,

cũng như xử lý sự kiện, hoạt ảnh CSS, và Ajax. Nó đã trở thành một thành phần không

thể thiếu trong các website có sử dụng Javascript.

2.6 Database

Database là tập hợp dữ liệu theo cùng một cấu trúc. Cơ sở dữ liệu, hay database, là nơi

chứa và sắp đặt dữ liệu. Dữ liệu được đặt trong một bộ dữ liệu chung, dataset, được tổ

chức sắp xếp giống như một bảng tính vậy. Mỗi “bảng” này có liên hệ với nhau theo

cách nào đó.

2.7 Sublime text

Sublime Text 3 là phần mềm lập trình đa nền tảng từ C, C++, C#, CSS, HTML, Java,

JavaScript cho tới Python, PHP, LaTeX, Ruby và cả TypeScript, với những ưu điểm

như cho phép mở file nhanh chỉ với vài phím tắt, lựa chọn thao tác nhiều đơn vị cùng

lúc, chế độ hạn chế mất tập trung, chuyển đổi giữa các dự án nhanh chóng, tùy biến dễ

dàng và chia sẻ màn hình dễ dàng để chỉnh sửa.

15

https://vi.wikipedia.org/w/index.php?title=Ajax_(programming)&action=edit&redlink=1

https://vi.wikipedia.org/w/index.php?title=CSS_animation&action=edit&redlink=1

https://vi.wikipedia.org/w/index.php?title=Event_handling&action=edit&redlink=1

https://vi.wikipedia.org/wiki/Document_Object_Model

https://vi.wikipedia.org/wiki/HTML

https://vi.wikipedia.org/w/index.php?title=Th%C6%B0_vi%E1%BB%87n_JavaScript&action=edit&redlink=1

2.8 Visual Studio Code

Visual Studio Code (VS Code hay VSC) là một trong những trình soạn thảo mã nguồn

phổ biến nhất được sử dụng bởi các lập trình viên. Nhanh, nhẹ, hỗ trợ đa nền tảng,

nhiều tính năng và là mã nguồn mở chính là những ưu điểm vượt trội khiến VS Code

ngày càng được ứng dụng rộng rãi. Nó hỗ trợ chức năng debug, đi kèm với Git, có

syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn. Nó

cũng cho phép tùy chỉnh, do đó, người dùng có thể thay đổi theme, phím tắt, và cá tùy

chọn khác.

16

https://vi.wikipedia.org/wiki/C%E1%BA%A3i_ti%E1%BA%BFn_m%C3%A3_ngu%E1%BB%93n

https://vi.wikipedia.org/w/index.php?title=Snippets&action=edit&redlink=1

https://vi.wikipedia.org/wiki/Git_(ph%E1%BA%A7n_m%E1%BB%81m)

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

3.1 Xác định các tác nhân (actors)

- Khách hàng tiềm năng: Các khách hàng mới ghé thăm trang web hoặc chưa có

tài khoảng trong trang web.

- Khách hàng: là những người đã đăng kí tài khoản trên hệ thống, hay thường

xuyên ghé thăm trang web.

- Người quản trị: điều hành, quản lí và theo dõi mọi hoạt động của hệ thống.

3.2 Các trường hợp sử dụng (use case)

- Khách hàng tiềm năng

Xem trang chủ và các trang con

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

Xem sản phẩm

Trao đổi với nhân viên CSKH

Xem chi tiết sản phẩm

Xem sản phẩm khuyến mãi

Đăng kí tài khoản

- Khách hàng (nhiều trường sử dụng hơn so với khách hàng tiềm năng)

Đăng nhập

Đăng xuất

Đổi mật khẩu

Quên mật khẩu

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

Xem sản phẩm


Xem chi tiết sản phẩm

Xem sản phẩm khuyến mãi

Mua hàng

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

Quản lí giỏ hàng

Bình luận, đánh giá sản phẩm.

17

18

- Người quản trị

Quản lí đơn hàng

Quản lí nhân viên CSKH

Quản lí tài khoản

Quản lí sản phẩm

Quản lí banner

Quản lí doanh thu

Quản lí khuyến mãi

3.3 Đặc tả các ca sử dụng (use case descriptions)

3.3.1 Phía người khách hàng (các ca sử dụng chính)

- Ca sử dụng: Đăng kí tài khoản

Tác nhân: Khách hàng tiềm năng

Điều kiện trước: Khách hàng ghé thăm hệ thống, chưa có tài khoản trong hệ

thống

Điều kiện sau: Khách hàng tiềm năng trở thành thành viên của hệ thống.

Mô tả: Khách hàng tiềm năng cung cấp đầy đủ thông tin cần thiết để đăng kí

thành viên hệ thống và có thêm nhiều quyền sử dụng như khách hàng.

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

Hành động của tác nhân Hành động của hệ thống

1. Khách hàng tiềm năng ghé thăm website và muốn mua một sản phẩm sẽ phải đăng ký để thực hiện.3. Khách hàng cung cấp đầy đủ thông tin cần thiết vào form đăng ký và nhấn “Đăng ký”.6. Khách hàng tiềm năng đã trở thành khách hàng của hệ thống.

2. Hiển thị form đăng ký.4. Hệ thống báo kết quả quá trình nhập thông tin cá nhân.5. Hệ thống cập nhật thông tin của khách hàng tiềm năng vừa đăng ký vào cơ sở dữ liệu.

Các sự kiện phụ (xảy ra hoặc có thể xảy ra)


1. Khách hàng không cung cấp đủ thông 2. Hệ thống sẽ thông báo yêu cầu

19

tin cần thiết hoặc nhập sai đinh dạng thông tin

khách hàng nhập đầy đủ thông tin và đúng định dạng hoặc thoát ra khỏi quy trình đăng kí.

- Ca sử dụng: Đăng nhập

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

Điều kiện trước: Người dùng đã đăng kí tài khoản

Điều kiện sau: Tên đăng nhập và mật khẩu của khách hàng hợp lệ, đăng

nhập thành công.

Mô tả: Người dùng nhập tài khoản đăng nhập và mật khẩu, hệ thống kiểm tra

và xác minh, thông tin, nếu chính xác, người dùng đăng nhập thành công.



1. Khách hàng chọn đăng nhập.

3. Khách hàng nhập tên đăng nhập và mật

khẩu .

2. Hệ thống hiển thị form đăng nhập.

4. Hệ thống kiểm tra tên đăng nhập và

mật khẩu của khách hàng có trùng khớp

với thông tin trên cơ sở dữ liệu.

5. Hệ thống hiển thị khách hàng đăng

nhập thành công.

Các sự kiện phụ (xảy ra hoặc có thể xảy ra)


1. Nếu khách hàng nhập tên hoặc mật

khẩu không hợp lệ.

2. Hệ thống báo thông tin không hợp lệ.

- Ca sử dụng: Đăng xuất

Các tác nhân: Khách hàng.

Điều kiện trước: Người dùng đăng nhập hệ thống.

Điều kiện sau: Người dùng thoát khỏi hệ thống thành công.

20



1. Khách hàng chọn đăng xuất.

3. Khách hàng xác nhận “có”.

2. Hệ thống hiển thị thông báo “Bạn có

muốn đăng xuất?”.

4. Hệ thống sẽ đăng xuất tài khoàn.

Các sự kiện phụ (xảy ra hoặc có thể xảy ra):


3. Khách hàng xác nhận “không”. 4. Hệ thống hiển thị trang chủ

- Ca sử dụng: Truy cập trang chủ

Các tác nhân: Khách hàng tiềm năng, khách hàng.

Điều kiện trước: Khách hàng tiềm năng, khách hàng vào website.

Điều kiện sau: Hiển thị trang chủ.



1. Khách hàng tiềm năng, khách hàng

bấm vào đường link của trang web hoặc

nút “Trang chủ”.

2. Hệ thống hiển thị trang chủ.




bấm vào đường link của trang web hoặc

nút “Trang chủ”.

2. Trang chủ gặp sự cố.

3. Hiển thị trang 404.

- Ca sử dụng: Tìm kiếm sản phẩm


21

Điều kiện trước: Khách hàng tiềm năng, khách vào website.

Điều kiện sau: Hiển thị thông tin sản phẩm mà người dùng tìm kiếm.




nhập từ khóa và nhấn tìm kiếm.

2. Hệ thống tìm trong cơ sở dữ liệu về

sản phẩm khách hàng tìm kiếm dựa

trên từ khoá.

3. Hệ thống hiển thị thông tin sản phẩm

phù hợp với từ khóa.




nhập từ khóa về sản phẩm không tồn tại

trong hệ thống.

2. Hệ thống thông báo không có sản

phẩm nào phù hợp với kết quả tìm kiếm.

- Ca sử dụng: Xem chi tiết sản phẩm



Điều kiện sau: Hiển thị chi tiết sản phẩm.

Mô tả: Khách hàng tiềm năng, khách hàng chọn xem sản phẩm.



1. Khách hàng tiềm năng, khách hàng chọn sản phẩm.

2. Hệ thống hiển thị chi tiết sản phẩm.

- Ca sử dụng: Trao đổi với nhân viên CSKH


22


Điều kiện sau: Giái đáp các thắc mắc hay yêu cầu của khách hàng.

Mô tả: Khách hàng tiềm năng, khách hàng vào website nhắn tin với

nhân viên CSKH.


Hành động của tác nhân Hành động của hệ thống1. Khách hàng nhấn vào biểu tượng messenger bên phía dưới bên phải màn hình trang chủ.3. Khách hàng phản hồi tin nhắn.

2. Hệ thống hiển thị cuộc trò chuyện giữa khách hàng và nhân viên CSKH.4. Hệ thống sẽ gửi thông báo đến nhân viên CSKH.


Hành động của tác nhân Hành động của hệ thống1. Khách hàng nhấn vào biểu tượng messenger bên phía dưới bên phải màn hình trang chủ.

2. Hệ thống sẽ gửi thông báo đến nhân viên CSKH.3. Tất cả các nhân viên CSKH điều bận hoặc không thể trả lời4. Hệ thống thông báo xin lỗi khách hàng, tất cả các nhân viên CSKH điều bận, chúng tôi sẽ phản hồi sẽ sớm nhất.

- Ca sử dụng: Mua hàng

Các tác nhân: Khách hàng

Điều kiện trước: Khách hàng đã đăng nhập thành công vào hệ thống.

Điều kiện sau: Xác nhận mua hàng thành công.

Mô tả: Khách hàng vào thanh toán giỏ hàng Các sự kiện chính:

Hành động của tác nhân Hành động của hệ thống1. Khách hàng đăng nhập vào hệ thống xem giỏ hàng.3. Khách hàng kiểm tra giỏ hàng và nhấn nút thanh toán.5. Khách hàng kiểm tra thông tin, nhập và

2. Hệ thống hiển thị thông tin giỏ hàng.4. Hệ thống hiển thị form xác nhận đơn hàng.6. Hệ thống xác nhận đặt hàng và thông báo tới khách hàng.

23

chọn các mục trong form xác nhận đơn hàng.

24


Hành động của tác nhân Hành động của hệ thống1. Khách hàng không thanh toán nữa. 2. Hệ thống trở lại trang giỏ hàng.

Hành động của tác nhân Hành động của hệ thống1. Khách hàng không nhập đủ hoặc nhập sai các định dạng thông tin trong xác nhận đơn hàng.

2. Hệ thống thông báo khách hàng nhập đẩy đủ và đúng định dạng.

- Ca sử dụng: Thêm sản phẩm vào giỏ hàng


Điều kiện trước: Khách hàng chọn sản phẩm cần thêm vào giỏ hàng.

Điều kiện sau: Sản phẩm được thêm vào giỏ hàng.

Mô tả: Khách hàng thêm sản phẩm vào giỏ hàng.


Hành động của tác nhân Hành động của hệ thống1. Khách hàng chọn sản phẩm mong muốn thêm vào giỏ hàng.

2. Hệ thống thêm sản phẩm vào giỏ hàng.3. Hệ thống thông báo đã thêm vào giỏ hàng thành công.

- Các sự kiện phụ (xảy ra hoặc có thể xảy ra):

Hành động của tác nhân Hành động của hệ thống3. Khách hàng lựa chọn sản phẩm đã hết hàng.

4. Hệ thống thông báo không thể thêm sản phẩm vào giỏ hàng vì hết hàng.

- Ca sử dụng: Quản lí giỏ hàng



Điều kiện sau: Hệ thống hiển thị và cập nhật giỏ hàng.

Mô tả: Khách hàng chọn biểu tượng giỏ hàng để xem, sửa, xóa thông

tin giỏ hàng.

25



1. Khách hàng đăng nhập chọn biểu

tượng giỏ hàng.

3. Khách hàng xem, sửa, xóa thông tin

giỏ hàng.

2. Hệ thống hiển thị thông tin giỏ hàng.

4. Hệ thống cập nhật và hiển thị giỏ

hàng.

- Ca sử dụng: Bình luận, đánh giá sản phẩm



Điều kiện sau: Khách hàng bình luận, đánh giá sản phẩm.

Mô tả: Khách hàng bình luận, đánh giá sản phẩm.



1. Khách hàng nhập vào bifnh luận vào đánh giá sản phẩm.

2. Hệ thống hiển thị kết quả đánh giá của khách hàng.

3.3.2 Phía người quản trị (các ca sử dụng chính)

- Ca sử dụng: Quản lí đơn hàng

Các tác nhân: Người quản trị.

Điều kiện trước: Người quản trị đăng nhập vào hệ thống thành công.

Điều kiện sau: Hiển thị và cập nhật thông tin đơn hàng, in đơn hàng.

Mô tả: Quản lí các đơn hàng của khách hàng.

26



1. Người quản trị đăng nhập thành công vào hệ thống và vào trang quản lí đơn hàng.3. Người quản trị cập nhật tình trạng hóa đơn.5. Người quản trị xác nhận hoàn thành và xuất đơn hàng thành file excel hoặc PDF, ...

2. Hệ thống hiển thị tất cả các đơn hàng của khách hàng.4. Hệ thống cập nhật và hiển thị tình trạng hóa đơn và yêu cầu xác nhận.6. Hệ thống xuất file đơn hàng và thông báo trên màn hình.



1. Người quản lí không xác nhận hoàn thành.

2. Hệ thống trở lại trang chủ.

- Ca sử dụng: Quản lí tài khoản


Điều kiện trước: Người quản trị đăng nhập thành công vào hệ thống.

Điều kiện sau: Người quản trị cập nhật, xem thông tin của các khách

hàng trong hệ thống.

Mô tả: Người quản trị vào hệ thống, truy cập vào chức năng quản lí

tài khoản, xem thông tin người dùng và cập nhập một số thông tin của

khách hàng.

27


Hành động của tác nhân Hành động của hệ thống1. Người quản trị truy cập vào hệ thống, chọn quản lí tài khoản.3. Người quản trị xem, xóa, sửa thông tin khách hàng.5. Người quản trị xác nhận hoàn thành.

2. Hệ thống hiển thị thông tin tài khoản người dùng.4. Hệ thống cập nhật thay đổi và yêu cầu xác nhận.6. Hệ thống quay về trang chủ và thông báo cập nhật thông tin tài khoản người dùng thành công thành công.





- Ca sử dụng: Quản lí sản phẩm



Điều kiện sau: Website được người quản trị cập nhật thông tin sản

phẩm.

Mô tả: Người quản trị kiểm tra bánh trong cửa hàng và cập nhật trên

hệ thống.



1. Người quản trị đăng nhập vào hệ thống thành công và chọn quản lí sản phẩm.

3. Người quản trị xem, thêm, xóa, sửa quản lí sản phẩm.5. Người quản trị xác nhận hoàn thành.

2. Hệ thống hiển thị form quản lí sản phẩm.4. Hệ thống hiển thị kết quả và yêu cầu xác nhận.6. Hệ thống quay về trang chủ và thông báo “Cập nhật sản phẩm thành công”.

28





- Ca sử dụng: Quản lí banner



Điều kiện sau: Website được người quản trị cập nhập các banner.

Mô tả: Người quản trị đăng nhập vào hệ thống và chọn quản lý

banner và chỉnh sửa.


1. Người quản trị đăng nhập thành công và chọn chức năng quản lý banner.

3. Người quản trị xem, thêm, xóa, sửa quản lí các banner.5. Người quản trị xác nhận hoàn thành..

2. Hệ thống hiển thị form quản lí banner.4. Hệ thống cập nhật thay đổi và yêu cầu xác nhận.6. Hệ thống quay về trang chủ và thông báo hoàn thành.





- Ca sử dụng: Quản lí doanh thu



Điều kiện sau: Website được người quản trị cập nhập thông tin các

khuyến mãi.

29

Mô tả: Người quản trị đăng nhập vào hệ thống và chọn quản lý thông

tin khuyến mãi và chỉnh sửa.

30


1. Người quản trị đăng nhập thành công và chọn quản lý doanh thu.3. Người quản trị xem, cập nhật và chọn in thống kê doanh thu.

2. Hệ thống hiển thị doanh thu theo tháng.4. Hệ thống cập nhật và in thống kê doanh thu thành file excel.

- Ca sử dụng: Quản lí loại sản phẩm



Điều kiện sau: Người quản trị cập nhập thông tin các sản phẩm.

Mô tả: Người quản trị đăng nhập vào hệ thống và chọn quản lí các

sản phẩm và chỉnh sửa.


1. Người quản trị đăng nhập thành công và chọn chức năng quản lý loại sản phẩm.3. Người quản trị xem, thêm, xóa, sửa quản lí các loại sản phẩm.5. Người quản trị xác nhận hoàn thành..

2. Hệ thống hiển thị form quản lí loại sản phẩm.

4. Hệ thống cập nhật thay đổi và yêu cầu xác nhận.6. Hệ thống quay về trang chủ và thông báo hoàn thành.

Các sự kiện phụ:




31

3.4 Biểu đồ ca sử dụng (use case diagrams)- Biểu đồ ca sử dụng tổng quát

32

- Biểu đồ ca - Biểu đồ ca sử dụng: Đăng kí tài khoản

- Biểu đồ ca sử dụng: Đăng nhập tài khoản

- Biểu đồ ca sử dụng: Đăng xuất tài khoản

33

- Biểu đồ ca sử dụng: Xem trang chủ

- Biểu đồ ca sử dụng: Tìm kiếm sản phẩm

- Biểu đồ ca sử dụng: Xem sản phẩm

34

- Biểu đồ ca sử dụng: Chat với nhân viên CSKH

- Biểu đồ ca sử dụng: Xem chi tiết sản phẩm

- Biểu đồ ca sử dụng: Xem sản phẩm khuyến mãi

35

- Biểu đồ ca sử dụng: Mua hàng

- Biểu đồ ca sử dụng: Quản lí giỏ hàng

- Biểu đồ ca sử dụng: Bình luận, đánh giá sản phẩm

36

- Biểu đồ ca sử dụng: Quản lí đơn hàng

- Biểu đồ ca sử dụng: Quản lí tài khoản

- Biểu đồ ca sử dụng: Quản lí sản phẩm

- Biểu đồ ca sử dụng: Quản lí banner

37

3.5 Các mối quan hệ của các lớp

3.6 Biểu đồ lớp phân tích

38

CHƯƠNG 4 - XÂY DỰNG WEBSITE VÀ KẾT QUẢ ĐẠT ĐƯỢC

4.1 Các giai đoạn xây dựng

4.1.1 Giai đoạn 1: Nghiên cứu thì trường, công cụ và nhu cầu của khách hàng

- Tìm hiểu thị trường, mong muốn thực tế của khách hàng.

- Chuẩn bị các kiến thức, nguồn nhân lực, công cụ xây dựng.

- Tham khảo các website hiện đại nổi tiếng.

- Bổ sung và khắc phục các hạn chế của các trang web trước đó.

- Tìm hiểu tư liệu, thông tin, hình ảnh phục vụ cho việc thiết kế website.

4.1.2 Giai đoạn 2: Phân tích và phát thảo hệ thống

- Dựa vào những kiến thức đã học và kinh nghiệm thực tế, phân tích rõ ràng mục

đích, yêu cầu, các hạn chế cần khắc phục và các khó khăn.

- Lập kế hoạch thực hiện dự án

- Căn cứ trên kết quả khảo sát, thông tin do khách hàng cung cấp chúng ta thiết kế

lập cấu trúc cho website và thiết kế chung cho toàn hệ thống.

- Thống nhất các ý tưởng của các thành viên, chọn lọc các ý kiến hay và xử lý các

ý tưởng có lỗ hổng.

4.1.3 Giai đoạn 3: Tiến hành thiết kế Website và lập trình

- Xem xét các yêu cầu về chức năng và tiến hành thiết kế website.

- Tiến hành xử lý hiệu ứng ảnh, thu thập tài liệu liên quan.

- Kiểm tra hình ảnh sản phẩm, banner, cách bố trí, màu sắc để đảm bảo tính thẩm

mỹ và thống nhất của hệ thống.

- Xây dựng cơ sở dữ liệu dựa trên thiết kế.

- Thống nhất trang web về bố cục và hệ thống các chức năng.

- Tiến hành kiểm tra, chỉnh sửa và thực hiện nghiệm thu nội bộ.

39

4.1.4 Giai đoạn 4: Thử nghiệm và soát lỗi

- Thử vận hành hệ thống và thử các biệt lệ.

- Kiểm tra và sửa lỗi.

4.1.5 Giai đoạn 5: Vận hành trên internet

- Mua host và đăng ký tên miền.

- Đăng tải hệ thống website lên internet.

4.2 Kết quả ban đầu của dự án

Trang chủ

40

Hình 1. Trang chủ

Đăng nhập

41

Hình 2. Đăng nhập

Đăng ký

Tìm kiếm

Menu

42

Hình 3. Đăng ký

Hình 4. Tìm Kiếm


Chi tiết bánh

43

Hình 6. Trao đổi với nhân viên CSKH

Hình 7. Chi tiết bánh

Giỏ hàng

Xác nhận đơn hàng

44

Hình 8. Giỏ hàng

CHƯƠNG 5 - KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN5.1 Kết luận:

Kết quả đạt được:

- Xây dựng được một website bán bánh cơ bản, với giao diện trực quan đẹp mắt,

dễ dàng sử dụng, với đầy đủ chức năng giúp người dùng có thể dễ dàng tìm

kiếm chiếc bánh mà mình mong muốn, các quy trình đơn giản và nhanh gọn.

, cũng như có đầy đủ chức năng của người quản trị hệ thống, giúp họ quản lý

trang web của họ 1 cách dễ dàng.

- Là bước đệm quan trọng và có thêm nhiều kinh nghiệm góp phần hoàn thành tốt

hơn cho những bài đồ án cũng như các nhiệm vụ thực tế sau này.

Hạn chế:

- Bên cạnh những điều đạt được vẫn còn tồn tại nhiều điểm hạn chế chưa được

khắc phục như tối ưu hơn nữa các chức năng và các tiện ích dành cho người

dùng, chưa thể tạo nên các chức năng nâng cao cho trang web, Tính bảo mật của

trang web chưa thực sự cao, chưa mang đến được sự hài lòng tối đa cho người

dùng.

5.2 Hướng phát triển

Dựa trên tình hình chung, nếu có thể phát triển hơn nữa chúng em sẽ phát triển theo

hướng:

- Liên tục đổi mới để bắt kịp xu thế và thời đại.

- Nâng cấp hệ thống với những chức năng tốt hơn nữa, mang đén trải nghiệm và

tiện ích hơn cho người dùng.

- Tiếp thu các phản hồi từ khách hàng để cải thiện hơn nữa về chất lượng.

- Quảng cáo và tiếp thị rộng rãi với mọi người.

- Mở rộng phạm vi trong nước và vươn ra thị trường nước ngoài.

45

DANH MỤC TÀI LIỆU THAM KHẢO 1. https://www.vanlanguni.edu.vn/ - Xu hướng ứng dụng công nghệ trong thiết kế

hiện đại

2. https://magenest.com/ - Thương mại điện tử: Dự đoán tương lai và hướng phát

triển năm 2020

3. https://vi.wikipedia.org/ - Theo Wikipedia – Wikipedia tiếng Việt.

4. https://nhatbook.com/ - Nguyễn Văn Ba (2006), Phân tích và thiết kế hệ thống

thông tin, NXB Đại học quốc gia Hà Nội

5. https://wiki.matbao.ne – CSS3, HTML5, javascript là gì?

6. https://quocdatit.com/ - Visual Studio Code là gì? Công cụ tuyệt vời và phổ biến

cho dân lập trình!

46

https://quocdatit.com/

https://wiki.matbao.ne/

https://magenest.com/

https://www.vanlanguni.edu.vn/

Documents

MỞ ĐẦU - udn.vndaotao.vku.udn.vn/uploads/2021/01/1610588928-do-an-2.docx · Web viewNgoài ra, những vấn đề về giao thông, thời tiết, cũng như giá cả, …