Đồ án cơ sở 2 thiết kế website bán sản phẩm smarthome

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Ở 2 THIẾT KẾ WEBSITE BÁN SẢN PHẨM SMARTHOME SVTH: Hà Văn Tốp Lớp: 22CEB CBHD: TS... TRƯỜNG

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Ở 2 THIẾT KẾ WEBSITE BÁN SẢN

PHẨM SMARTHOME

SVTH: Hà Văn Tốp Lớp: 22CEB CBHD: TS Đặng Quang Hiển

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

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Ở 2 THIẾT KẾ WEBSITE BÁN SẢN

PHẨM SMARTHOME

SVTH: Hà Văn Tốp Lớp: 22CEB CBHD: TS Đặng Quang Hiển

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

LỜI CẢM ƠN

Đây là năm thứ hai chúng em học tại trường Đại học Công nghệ thông tin

và Truyền thông Việt-Hàn Chúng em nghĩ mình thật may mắn khi được vào học tại trường Việt-Hàn Cơ sở vật chất trường rất tốt, thầy cô giảng viên rất nhiệt tình, quan tâm, chăm lo cho sinh viên

Để hoàn thành bài đồ án cơ sở này, bên cạnh sự nỗ lực của bản thân, chúng em đã nhận được nhiều sự chỉ dẫn, giúp đỡ của các thầy cô trường Đại học Công nghệ thông tin và Truyền thông Việt-Hàn, đặc biệt là sự hướng dẫn tận tình của TS Đặng Quang Hiển và các thầy cô giảng dạy Thầy đã tận tình hướng dẫn trong suốt quá trình em thực hiện báo cáo này Em xin chân thành cảm ơn cô

đã hết lòng hướng dẫn để em hoàn thành bài báo cáo này

Tuy nhiên, vì đây là đồ án cơ sở chúng em thực hiện một dự án cho bản thân mặc dù tìm tòi nghiên cứu nhưng không tránh khỏi những thiếu sót Chúng

em rất mong nhận được sự thông cảm và góp ý của thầy cô

MỤC LỤC

L I C M N Ờ Ả Ơ i

M C L C Ụ Ụ ii

CÁC T VIẾẾT TẮẾT Ừ iv

DANH M C HÌNH NH Ụ Ả v

DANH M C B NG BI U Ụ Ả Ể vi

CH ƯƠ NG 1 M ĐẦẦU Ở 1

-.1.1 Gi i thi u ớ ệ 1

-.2.1 M c tiêu c a đêề tài ụ ủ 1

-.3.1 N i dung và kêế ho ch th c hi n ộ ạ ự ệ 1

-1.3.1 Bốố c c báo cáo ụ 1

-CH ƯƠ NG 2 T NG QUAN Ổ 2

-.1.2 Bốếi C nh Th c Hi n ả ự ệ 2

-.2.2 Vấến Đêề Gi i Quyêết ả 2

-2.2.1 Website Đ ượ ạ c T o Ra Nhằằm 2

-2.2.2 Các phầằn mềằm l p trình s d ng trong đốằ án ậ ử ụ 2

-2.2.3 Các cống c hốỗ tr vi c thiềốt kềố s d ng trong đốằ án ụ ợ ệ ử ụ 3

-.3.2 Kêết ch ươ ng 1 4

-CH ƯƠ NG 3 PHẦN TÍCH VÀ THIẾẾT KẾẾ H THỐẾNG Ệ 5

-.1.3 Mố T Vêề H Thốếng Website Bán S n Ph m SmartHome ả ệ ả ẩ 5

-.2.3 H thốếng cho phép ệ 5

-3.2.1 Ch c a hàng ủ ử 5

3.2.2 Khách hàng 5

3.2.3 Nhần viền 6

-CH ƯƠ NG 4 XẦY D NG Ự WEBSITE BÁN S N PH M Ả Ẩ SMARTHOME 9

-.1.4 Hình nh minh h a vêề t ng quát ả ọ ổ 9

-CH ƯƠ NG 5 KẾẾT LU N Ậ 10

-.1.5 Kêết qu đ t đ ả ạ ượ - 10 - c 2.5 H ướ ng nghiên c u ứ 10

-TÀI LI U THAM KH O Ệ Ả vi

Tiếếng Vi t ệ vi

PH L C Ụ Ụ vii

CÁC TỪ VIẾT TẮT

VIẾT TẮT NỘI DUNG

HTML HyperText Markup Language

DHCP Dynamic Host Configuration Protocol

ISP Internet Service Provider

DANH MỤC HÌNH ẢNH

Hình 31 Tổng quát về hệ thống 6

Hình 32 Chi Tiết Về UseCase Khách Hàng 7

Hình 41 Trang Chủ 9

Hình 42 Trang Chi Tiết Sản Phẩm 9

-DANH MỤC BẢNG BIỂU

Bảng 31 Đặc Tả UseCase Mua Hàng 7

-CHƯƠNG 1 MỞ ĐẦU 1.1 Giới thiệu

Trong thời đại kinh tế phát triển ngày nay Con người dần dần trở nên bận rộn với các công việc cá nhân Sự đảm bảo về an ninh cho ngôi nhà là một nhu cầu thiết yếu Đó cũng như một sự yên tâm đảm bảo cho mỗi cá nhân khi ra xã hội làm việc

Ai trong chúng ta cũng có lúc vội vã rời khỏi nhà mà quên tắt thiết bị điện, máy lạnh hay quên đóng cửa sổ… Lúc đó chúng ta không tránh khỏi cảm giác lo lắng về an toàn cho ngôi nhà mình

.1.2 Mục tiêu của đề tài

Tạo Ra 1 Website cung cấp các thông tin về smarthome chính xác, và bán các mặt hàng uy tín ,khiến cho người dùng yên tâm khi mua các sản phẩm về smarthome mà không lo về chất lượng mẫu mã, bảo hành của sản phẩm

.1.3 Nội dung và kế hoạch thực hiện

1.3.1 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 Tổng quan về bối cảnh thực hiện,vấn đề giải quyết,và các đề

xuất thực hiện Trong chương này, báo cáo trình bày các khái niệm, đặc điểm về

các phầm mềm và công cụ hỗ trợ cho việc thực hiện đồ án lần này

Chương 2 Phân tích thiết kế … Nội dung chương bao gồm các Chương 3 Xây dựng … Chương này đề xuất…

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 TỔNG QUAN 2.1 Bối Cảnh Thực Hiện

Thời đại công nghệ số, lúc mà mỗi gia đình đều muốn mình sở hữu một món đồ tự động thông minh trong nhà để giúp cho chúng ta tiết kiệm thời gian

.2.2 Vấn Đề Giải Quyết

Mua ở đâu mới uy tín? Khi mua về rồi chúng ta dùng một thời gian muốn đổi thì làm thế nào? Nếu muốn mua những sản phẩm máy hút bụi ,máy rửa chén

tự động, v.v thì mua ở đâu?

Đề Xuất Nội Dung Cần Thực Hiện Tạo ra một trang web cung cấp các thông tin sản phẩm smarthome

2.2.1 Website Được Tạo Ra Nhằm

website của chúng em sẽ cung cấp bán các mặt hàng về đồ dùng gia đình thông minh, công nghệ tự động như: máy giặt, máy hút bụi, v.v Chúng em sẽ cung cấp thông tin của sản phẩm mà chúng em bán dựa trên nhận xét của bản thân và đánh giá khách quan từ sản phẩm smart home

2.2.2 Các phần mềm lập trình sử dụng trong đồ án

Xampp : Đây là công cụ giúp máy tính tạo một web server một cách đơn giản

 Visual Studio Code

 Notepad++

 Sublime Text…

Ưu điểm của các phần mềm này là nó rất dễ để có thể cài đặt và sử dụng, tất cả đều được tối ưu cho ngôn ngữ HTML và các ngôn ngữ lập trình web Các phần mềm đều có trình kiểm tra chính tả, số dòng, tự động hoàn thành, xem trước trang và là công cụ soạn thảo văn bản và hình ảnh Và đều tối ưu cho hệ điều hành Windows Hỗ trợ mạnh mẽ cho cộng đồng nhiều Plugins, snippets,

code auto complete, highlight beautiful, tùy biến giao diện, phím tắt, và rất nhiều thứ khác nữa Phát triển rất tích cực với sự hỗ trợ của Microsoft Các tài liệu chính thức được duy trì tốt Có sự hỗ trợ rất tích cực của cộng đồng với tất

cả các plugin bạn cần Nếu gửi một lỗi trên repo GitHub, bạn thường sẽ nhận được phản hồi trong vòng 4 ngày Thực hiện tính năng tìm kiếm và thay thế vô cùng dễ dàng, chính vì vậy giúp cho chúng ta nhanh chóng chỉnh sửa những đoạn code bị lỗi Tự động báo lỗi trong quá trình viết chương trình Phần mềm Bracker được tích hợp sẵn tính năng Quick Edit giúp cho mọi người có thể dễ dàng và nhanh chóng soạn thảo các chương trình Tự động báo lỗi khi lập trình javascript với công cụ JSLint

Nhược điểm của các phần mềm này là chưa tối ưu hoàn toàn về ngôn ngữ,

sẽ rất khó giải quyết khi gặp các lỗi bug, code, Các phím tắt mặc định không

có ý nghĩa và người dùng phải cấu hình lại gần như tất cả chúng Các phần mềm chia được ít cột hiện thi tập tin Đối với eclipse, phần mềm này khá tốn dung lượng bộ nhớ Một số phần mềm cần phải trả phí như Sublime Text…

2.2.3 Các công cụ hỗ trợ việc thiết kế sử dụng trong đồ án

Thư viện Bootstrap là một thư viện sẵn có nên việc sử dụng nó sẽ giúp bạn phát triển nhanh chóng website của mình Rất dễ sử dụng, vì nó được viết bằng html, css, javascript nên bạn chỉ cần có kiến thức cơ bản về 3 cái đó là có thể sử dụng bootstrap tốt Tính năng Responsive hữu ích: Bootstrap xây dựng sẵn reponsive css trên các thiết bị mobiles, tablets, và desktops nên bạn sẽ không mất thời gian viết cái đống css lằng nhằng nữa Tương thích với trình duyệt: Nó tương thích với tất cả các trình duyệt (Chrome, Firefox, Internet Explorer, Safari, and Opera)

Java Script sẽ giúp tăng tính tương tác trên website Script này chạy trên các trình duyệt của người dùng thay vì trên server và thường sử dụng thư viện của bên thứ 3 nên có thể tăng thêm chức năng cho website mà không phải code

từ đầu

Responsive để làm cho website có thể tự điều chỉnh kích thước theo màn hình, giúp cho người dùng có được trải nghiệm tối ưu mà không ảnh hưởng bởi loại thiết bị mà họ dùng để truy cập vào website Lợi ích đầu tiên là trang web

có thể tải một cách nhanh chóng mà không bị biến dạng, để cho người dùng không cần phải resize bằng tay

Jquery giúp cho việc hỗ trợ php về các xử lý mà không cần load lại trang mới, ngoài ra còn giúp tạo hiệu ứng về phía giao diện một cách thuận lợi Php đây là ngôn ngữ chính được sử dụng trong đồ án cơ sở của em lần này, Php khá dễ về mặt cú pháp và bên cạnh đó php còn có các hàm hỗ trợ mạnh

mẽ về phía server

.2.3 Kết chương 1

Thông qua tìm hiểu về các sản phẩm của smarthome và các kiến thức trong việc lập trình như là phân tích và thiết kế hệ thông , ngôn ngữ phps, javascript,.v.v Từ đó, làm cơ sở đề xuất cho hệ thống Website bán sản phẩm smarthome sẽ được trình bày trong chương tiếp theo

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

.3.1 Mô Tả Về Hệ Thống Website Bán Sản Phẩm

SmartHome

Một khách hàng là chủ của một cửa hàng bán sản phẩm về smarthome yêu cầu xây dựng một phần mềm hỗ trợ kinh doanh các sản phẩm smarthome Thông tin về cửa hàng như sau:

Những khách hàng có nhu cầu về các mặt hàng này có thể truy cập hệ thống để tìm kiếm, xem sản phẩm, được tư vấn và mua sản phẩm

Sau khi đặt hàng thành công, khách hàng có thể yêu cầu lắp đặt sản phẩm vừa mua từ nhân viên lắp đặt của cửa hàng

Chủ cửa hàng làm các công việc như: Quản lý tài chính, quản lý công việc của nhân viên, quản lý sản phẩm, tư vấn khách hàng,quản lý đơn hàng,quản lý khách hàng,…)

Nhân viên lắp đặt sẽ giao hàng và lắp đặt sản phẩm theo yêu cầu của khách hàng

.3.2 Hệ thống cho phép

3.2.1 Chủ cửa hàng

 Quản lý Khách Hàng

 Quản Lý Đơn Hàng

 Quản Lý Tài Chính

 Quản Lý Công Việc Nhân Viên

 Tư Vấn Khách Hàng

 Quản lý Sản Phẩm

3.2.2 Khách hàng

 Quản lý thông tin cá nhân

 Tìm kiếm và xem sản phẩm

 Tư Vấn Khách Hàng

 Mua sản phẩm

 Đánh giá sản phẩm

3.2.3 Nhân viên

 Quản lý Đơn Hàng

 Sơ Đồ Use-case

 Use-Case Tổng Quát

Hình 3-1 Tổng quát về hệ thống

 Use-Case Khách Hàng

Hình 3-2 Chi Tiết Về Use-Case Khách Hàng

Note : các use-case “Quản Lý Giỏ Hàng”,”Quản Lý Tài Khoản”,”Tra Cứu Hóa Đơn” Đều Phải Đăng Nhập Hoặc Đăng Ký Mới Kích Hoạt Được

Bảng 3-1 Đặc Tả Use-Case Mua Hàng

Tên Use-Case Mua Hàng

Mô Tả Use-case cho phép người dùng thực hiện thanh

toán khi chọn chức năng thanh toán trên hệ thống

Điều kiện kích hoạt Khi người dùng chọn chức năng mua hàng từ hệ

thống Tiền điều kiện Người dùng phải thực hiện thanh toán

Hậu điều kiện Mua hàng thành công

Luồng sự kiện chính hệ thống hiện thị màn hình giỏ hàng

nếu khách hàng chưa đăng nhập hoặc đăng

ký thì hệ thống sẽ chuyển hướng bạn đến màn hình đăng nhập hoặc đăng ký

nếu khách hàng đã đăng nhập hệ thống sẽ hiện thị các sản phẩm bên trong giỏ hàng của khách hàng, khách hàng tiến hành đặt hàng xác nhận số lượng và xác nhận địa chỉ khách hàng tiến hành thanh toán : lựa chọn trả sau hoặc là thông qua mã qr code khi thanh toán thành công hệ thống sẽ xuất hiện màn hình thành công và thông báo ngày được giao dự kiến

CHƯƠNG 4 XÂY DỰNG WEBSITE BÁN SẢN PHẨM SMARTHOME 4.1 Hình ảnh minh họa về tổng quát

Hình 4-3 Trang Chủ

Hình 4-4 Trang Chi Tiết Sản Phẩm

CHƯƠNG 5 KẾT LUẬN 5.1 Kết quả đạt được

Nêu những gì mình học được, đạt được qua quá trình làm đồ án

về mặt lý thuyết, về mặt thực nghiệm, trải nghiệm… [8]

Bên cạnh …

.5.2 Hướng nghiên cứu

Với những hạn chế và tồn tại nêu trên, hướng nghiên cứu …dự kiến như sau:

Tìm hiểu

Khai thác…

TÀI LIỆU THAM KHẢO

Tiếng Việt

[1] Quách Ngọc Ân (1992), “nhìn lại hai năm phát triển lúa lai”, Di truyền học ứng dụng, 98(1), tr 10 – 16

[2] Bộ Nông nghiệp và phát triển nông thôn (1996), Báo cáo tổng kết 5 năm (1992 - 1996) phát triển lúa lai, Hà Nội

[3] Nguyễn Hữu Đống, Đào Thanh Bằng, Lâm Quang Dụ, Phan Đức Trực (1997), Đột biến – Cơ sở lý luận và ứng dụng, NXB Nông nghiệp, Hà Nội Tiếng Anh

[4] Anderson, J.E (1985), The Relative Inefficiency of Quota, The Cheese Case, American Economic Review, 75(1), pp 178-90

[5] Boulding, K.E (1995), Economics Analysis, Hamish Hamilton, London

[6] Burton G W (1988), “Cytoplasmic male-sterility in pesrl millet (pennisetum glaucum L.)”, Agronomic Journal 50, pp 230-231

[7] Central Statistical Organization (1995), Statistical Year Book, Beijing [8] FAO (1971), Agricultural Commodity Projections (1970 - 1980), Vol

II Rome

vi

PHỤ LỤC

vii

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

viii