Đề tài website bán đồ ăn

Các ứng dụng của công nghệ thông tin ngày càng đi sâu vào đời sống con người trở thành một bộ phận không thể thiếu của thế giới văn minh.. Khi internet đã trở thành một thành phần tất yế

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

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

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

LỜI CẢM ƠN

Để hoàn thành bài báo cáo này, trước hết, em xin cảm ơn các thầy cô giáo khoa công nghệ thông tin Trường Đại học CNTT và Truyền Thông Việt - Hàn, em đã nhận được rất nhiều sự quan tâm, giúp đỡ của quý thầy cô cùng bạn bè Em cũng xin gửi lời cảm ơn đến ban giám hiệu nhà trường đã tạo điều kiện tốt nhất cho em củng như các bạn trong suốt thời gian học tập

Em xin bày tỏ lòng biết ơn xâu sắc nhất tới cô giáo TS.Phạm Hồ Trọng Nguyên, người đã hướng dẫn, chỉ bảo tận tình để em hoàn thành quá trình làm đồ án tốt nghiệp Xin cảm ơn bạn bè và gia đình đã động viên cổ vũ, đóng góp ý kiến, trao đổi, động viên trong suốt quá trình học cũng như làm đồ án tốt nghiệp, gúp em hoàn thành

MỤC LỤC

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

DANH MỤC HÌNH VẼ viii

MỞ ĐẦU 1

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

2 Mục tiêu đạt được 1

3 Nhiệm vụ và hướng giải quyết 1

4 Ý nghĩa thực tiển của đề tài 2

5 Bố cục của đồ án 2

Chương 1 CÔNG CỤ CÔNG NGHỆ 3

1.1 Công cụ phần mềm 3

1.1.1 Visual Studio Code 3

1.1.2 Microsoft SQL Server 4

1.2 Công nghệ 4

1.2.1 HTML , CSS 4

1.2.2 C# Error! Bookmark not defined 1.2.3.ASP.Net Error! Bookmark not defined 1.2.4 SQL Server 6

Chương 2 PHÂN TÍCH MÔ HÌNH HỆ THỐNG 7

2.1 Phân tích yêu cầu 8

2.1.1 Yêu cầu chức năng hệ thống 8

2.1.2 Yêu cầu về hình thức 9

2.2 Sơ đồ chức năng 9

2.2.1 Sơ đồ UseCase chung 9

2.2.2 Về người dùng 10

2.2.3 Về người quản trị 10

2.3 Phân tích cơ sở dữ liệu 11

2.3.1 Bảng tài khoản 11

2.3.2 Bảng sản phẩm 11

2.3.3 Bảng nhóm sản phẩm 12

2.3.4 Bảng giỏ hàng 12

2.3.5 Bảng đơn hàng 12

2.3.6 Bảng chi tiết đơn hàng 13

Chương 3 XÂY DỰNG WEBSITE 14

3.1 Giao diện cho người dùng 14

3.1.1 Giao diện trang đồ ăn Error! Bookmark not defined 3.1.2 Giao diện trang đồ uống Error! Bookmark not defined 3.1.3 Giao diện trang giỏ hàng Error! Bookmark not defined 3.2 Giao diện người quản trị Error! Bookmark not defined 3.2.1 Giao diện đăng nhập Error! Bookmark not defined KẾT LUẬN 16

1 Kết quả đạt được 16

2 Hạn chế và hướng phát triển 16

2.1 Hạn chế 16

2.2 Hướng phát triển 17

TÀI LIỆU THAM KHẢO

iPHỤ LỤC i

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

VIẾT TẮT NỘI DUNG

DANH MỤC HÌNH VẼ

Hình 1: Ứng dụng của Visual Studio Code 3

Hình 2: Ứng dụng Microsoft SQL Server 4

Hình 3: HTML 5

Hình 4: Đoạn code dùng CSS 5

Hình 5: Ngôn ngữ C# 6

Hình 6: Ngôn ngữ ASP.Net 7

Hình 7: Sơ đồ Usecase 9

Hình 8: Sơ đồ Usecase của khách hàng 10

Hình 9 Sơ đồ Usecase của Admin 10

Hình 10: Trang đồ ăn 14

Hình 11: Trang đồ uống 14

Hình 12: Trang giỏ hàng 15

Hình 13: Trang Login 15

MỞ ĐẦU

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

Ngày nay, công nghệ thông tin không ngừng phát triển một cách mạnh mẽ và hiện đại Các ứng dụng của công nghệ thông tin ngày càng đi sâu vào đời sống con người trở thành một bộ phận không thể thiếu của thế giới văn minh Hiện nay, nhịp sống ngày một hối

hả, những lúc bận rộn, các bạn trẻ khó có thể chấp nhận việc đi một quãng đường dài chỉ để mua đồ ăn vặt thỏa mãn “cơn đói” của mình Vì thế, em đã chọn đề tài Thiết kế Website Bán

đồ ăn vặt để khắc phục được khó khăn trên và đáp ứng nhu cầu của giới trẻ hiện nay

2 Mục tiêu đạt được

Thông tin hiện nay là một lĩnh vực rất quan trọng đối với cuộc sống hiện nay, bên cạnh đó còn có các nhu cầu nghe nhìn giải trí trao đổi thông tin, … Ngoài ra đồ ăn vặt luôn là thức quà yêu thích không chỉ của các bạn trẻ mà còn cả người trưởng thành Khi internet đã trở thành một thành phần tất yếu của cuộc sống, đặt đồ qua mạng trở thành một thói quen của số đông người dân thì kinh doanh đồ ăn vặt online thật sự là một ý

phần nào đó giúp khách hàng có thể lựa chọn và mua những món ăn ngon mọi lúc mọi nơi, không cần đi xa mà đồ ăn về tận nhà chỉ cần một cái click chuột

Khách hàng có thể lựa chọn nhiều phương thức thanh toán cũng như thời gian và địa điểm nhận hàng

3 Nhiệm vụ và hướng giải quyết

Từ các yêu cầu đặt ra, đề tài tiến hành phân tích và đưa ra hướng giải quyết theo các bước sau:

- Hoàn chỉnh các chức năng cơ bản của một trang web thương mại điện tử: Các chức năng như đăng nhập, xem giỏ hàng, xem các sản phẩm trên

hệ thống

- Quản lý thông tin các mặt hàng: Các món ăn đều có thông tin xuất xứ,

cũng như có các đánh giá từ người dùng để lấy lòng tin từ khách hàng

- Quản lý thông tin về đơn mua hàng: Thông tin về các món ăn trong giỏ

hàng đều được hiển thị đầy đủ, chi tiết trong phần quản lý giỏ hàng của

người mua

4 Ý nghĩa thực tiển của đề tài

Ý nghĩa thực tiển của đề tài như sau:

- Ý nghĩa đối với người sử dụng hệ thống website: Mua đồ ăn dể dàng,

không cần đi xa, và được phục vụ tận tình từ nhân viên website

- Ý nghĩa đối với cá nhân sinh viên: Tạo một website thân thiện và hiệu

quả hơn trong việc quản lý hay bán các mặt hàn Hoàn thành tốt đồ án tốt

nghiệp đồng thời qua đó nâng cao trình độ của mình

5 Bố cục của đồ án

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

công cụ công nghệ để xây dựng website

các:

người dùng và của người quản trị

Chương 1 CÔNG CỤ CÔNG NGHỆ

1.1 Công cụ phần mềm

1.1.1 Visual Studio Code

Visual Studio Code 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 Visual Studio Code ngày càng được ứng dụng rộng rãi

Hình 1: Ứng dụng của Visual Studio Code

Visual Studio Code có thể hỗ trợ nhiều ngôn ngữ lập trình, hỗ trợ đa nền tảng, cung cấp kho tiện ích mở rộng, kho lưu trữ an toàn, hỗ trợ web, lưu trữ dữ liệu dạng phân cấp, hỗ trợ viết code, hỗ trợ thiết bị đầu cuối, màn hình đa nhiệm,

hỗ trợ Git

1.1.2 Microsoft SQL Server

Hình 2: Ứng dụng Microsoft SQL Server

bởi Microsoft Là một máy chủ cơ sở dữ liệu, nó là một sản phẩm phần mềm có chức năng chính là lưu trữ và truy xuất dữ liệu theo yêu cầu của các ứng dụng phần mềm khác Có thể chạy trên cùng một máy tính hoặc trên một máy tính khác trên mạng (bao gồm cả Internet) Microsoft tiếp thị ít nhất một chục phiên bản Microsoft SQL Server khác nhau, nhắm vào các đối tượng khác nhau và cho khối lượng công việc khác nhau, từ các ứng dụng máy

1.2 Công nghệ

1.2.1 HTML , CSS

HTML được viết tắt của từ “Hyper Text Markup Language” dùng để

Hình 3: HTML

HTML giúp người tạo và cấu trúc các thành phần trong trang web hoặc

ứng dụng, phân chia các đoạn văn, heading, links, blockquotes, vâng vâng

CSS là viết tắt của từ “Cascading Style Sheets” , nó là một ngôn ngữ

được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi các ngôn ngữ

đánh dấu (HTML)

Hình 4: Đoạn code dùng CSS

Có thể hiểu CSS đóng vai trò như một công cụ giúp chúng ta thêm vào

những thay đổi về mặt hình thức như đổi bố cục, màu sắc, font chữ CSS hoạt động

bằng cách khoanh vùng chọn dựa vào tên một thẻ HTML, ID hay Class

Hình 5: Sử dụng JavaScript

1.2.2 C#

C# (C Sharp, đọc là "xi-sáp") là một ngôn ngữ lập trình hướng đối tượng đa năng,

mạnh mẽ được phát triển bởi Microsoft, C# là phần khởi đầu cho kế hoạch NET của họ

Tên của ngôn ngữ bao gồm ký tự thăng theo Microsoft nhưng theo ECMA là C#, chỉ bao

gồm dấu số thường Microsoft phát triển C# dựa trên C++ và Java C# được miêu tả là ngôn ngữ có được sự cân bằng giữa C++, Visual Basic, Delphi và Java

C# được thiết kế chủ yếu bởi Anders Hejlsberg kiến trúc sư phần mềm nổi tiếng với các sản phẩm Turbo Pascal, Delphi, J++, WFC Phiên bản gần đây nhất là 9.0, được phát hành vào năm 2020 cùng với Visual Studio 2019 phiên bản 16.8

Hình 5: Ngôn Ngữ C#

1.2.3 ASP.Net

ASP.NET là một nền tảng ứng dụng web (web application framework) được phát

triển và cung cấp bởi Microsoft, cho phép những người lập trình tạo ra những trang web động, những ứng dụng web và những dịch vụ web Lần đầu tiên được đưa ra thị trường vào tháng 1 năm 2002 cùng với phiên bản 1.0 của.NET framework, là công nghệ nối tiếp của Microsoft's Active Server Pages(ASP) ASP.NET được biên dịch dưới

Hình 6: Ngôn ngữ ASP.Net

1.2.4 SQL Server

Chương 2 PHÂN TÍCH MÔ HÌNH HỆ THỐNG

2.1 Phân tích yêu cầu

2.1.1 Yêu cầu chức năng hệ thống

Khi khách hàng đăng nhập và nhập đúng thông tin thì sẽ chuyển đến trang chủ của website bán đồng hồ Nếu khách hàng nhập không đúng thông

tin thì hệ thống sẽ hiển thị thông báo “Sai Tên Đăng Nhập Hoặc Mật Khẩu”

và khách hàng sẽ phải nhập lại

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

Khi khách hàng tìm kiếm sản phẩm thì hệ thống sẽ hiển thị sản phẩm theo từ khóa gần giống nhất cho khách hàng Và khách hàng có thể lọc tìm sản phẩm theo giá, màu sắc, kích thước, chất liệu hoặc thương hiệu của sản phẩm để người dùng có thể chọn phù hợp với nhu cầu của mình

- Xem chi tiết sản phẩm

Khi khách hàng bấm vào sản phẩm sẽ được chuyển đến trang chi tiết sản phẩm của sản phẩm đó, ở đây hệ thống sẽ hiển các thông tin của sản phẩm đó và khách hàng có thể thêm sản phẩm vào giỏ hàng hoặc mua ngay tại đây

- Thêm giỏ hàng

Khi khách hàng chọn và ấn thêm sản phẩm vào giỏ hàng thì sản phẩm sẽ được thêm vào trong giỏ hàng của khách hàng và khách hàng có thể điều chỉnh tăng giảm số lượng hoặc xoá bỏ sản phẩm đấy tuỳ thích tại giỏ hàng của mình

- Đặt hàng

Khi khách hàng muốn đặt hàng thì vào phần giỏ hàng để thanh toán, khi bấm nút thanh toán sẽ đưa khách hàng đến trang thanh toán để điền chính xác thông tin giao hàng và đặt hàng

Khách hàng cũng có thể đặt hàng bằng cách bấm vào nút mua ngay

để đến trang thanh toán và điền các thông tin giao hàng rồi đặt hàng

Về phía Admin:

- Đăng nhập

- Giao diện bắt mắt, thân thiện và dễ dùng

- Logo, màu sắc, phông chữ được thiết kế hài hoà

- Thân thiện với các công cụ tìm kiếm để các khách hàng dễ dàng tìm kiếm

- Hỗ trợ tư vấn – hỏi đáp

2.2 Sơ đồ chức năng

2.2.1 Sơ đồ UseCase chung

Hình 7: Sơ đồ Usecase

2.2.2 Về người dùng

Hình 8: Sơ đồ Usecase của khách hàng

2.2.3 Về người quản trị

2.3 Phân tích cơ sở dữ liệu

2.3.1 Bảng tài khoản

Tên cột Kiểu dữ liệu Mô tả

2.3.3 Bảng nhóm mặt hàng

Tên cột Kiểu dữ liệu Mô tả

Bảng 3: Bảng nhóm sản phẩm

2.3.4 Bảng giỏ hàng

Tên cột Kiểu dữ liệu Mô tả

Bảng 4: Bảng giỏ hàng

2.3.6 Bảng chi tiết đơn hàng

Tên cột Kiểu dữ liệu Mô tả

Bảng 6: Bảng chi tiết đơn hàng

Chương 3 XÂY DỰNG WEBSITE

3.1 Giao diện cho người dùng

3.1.1 Giao diện trang đồ ăn

Hình 10: Trang Đồ ăn

3.1.2 Giao diện trang đồ uống

3.1.3 Giao diện trang giỏ hàng

Về phía người quản trị:

- Chưa thể hoàn thành đầy đủ các chức năng của trang web như ban đầu đã đưa ra

2.2 Hướng phát triển

Đề tài có thể tiếp tục hoàn thiện và phát triển theo các nội dung sau:

thống ngân hàng

TÀI LIỆU THAM KHẢO

[1] http://www.w3school.com