Luận văn Xây dựng website dạy nấu ăn trực tuyến và bán hàng qua mạng

Hiện nay, việc ứng dụng công nghệ thông tin vào kinh doanh là việc hết sức thiết thực. Mở ra một thị trường mới cho các nhà đầu tư và khách hàng hướng đến. Các nhà hàng sử dụng các trang web để quảng bá hình ảnh, bán hàng trực tuyến. Vì vậy việc xây dựng một website bán hàng, cập nhật tin tức, học trực tuyến là một điều rất cần thiết lúc này. Đặc biệt là website dạy nấu ăn và bán hàng qua mạng Đề tài “Xây dựng website dạy nấu ăn trực tuyến và bán hàng qua mạng” được xây dựng nhằm đáp ứng nhu cầu cơ bản về việc quản lý bán hàng qua mạng, dạy nấu ăn trực tuyến và đăng tin tức.

Trang 1

Lớp: ĐH CNTT Khóa: 3

Hậu Giang – Năm 2014

Trang 2



LUẬN VĂN TỐT NGHIỆP

XÂY DỰNG WEBSITE DẠY NẤU ĂN TRỰC TUYẾN

Lớp: ĐH CNTT Khóa: 3

Hậu Giang – Năm 2014

Trang 3

Sinh viên thực hiện

(Ký và ghi rõ họ tên)

Trang 4

ii



Luận văn này là kết quả học tập, trong suốt bốn năm đại học của tôi tại trường Đại học Võ Trường Toản Để hoàn thành tốt luận văn này tôi đã nhờ đến sự giúp đỡ rất nhiệt tình của quý thầy cô

Trước hết, tôi xin gửi lời cảm ơn sâu sắc đến Cô Bùi Thì Hồng Phúc đã tận tình hướng dẫn để tôi hoàn thành luận văn này

Xin được cảm ơn tất cả quý thầy cô đã tận tình chỉ dạy trong quá trình học tập và khoa Công nghệ thông tin trường Đại học Võ Trường Toản đã tạo điều kiện để tôi có thể thực hiện và thực hiện tốt phần luận văn này

Cuối cùng, một lần nữa tôi xin cảm ơn Cô Bùi Thị Hồng Phúc đã giúp

đỡ nhiệt tình và định hướng cho tôi cũng như đã cung cấp nhiều nguồn tài liệu tham khảo quý báo cho tôi để tôi hoàn thành khóa luận này

Xin chân thành cảm ơn

Trang 5

iii

 Họ và tên người hướng dẫn: Bùi Thị Hồng Phúc

 Học vị: Thạc sĩ

 Chuyên ngành: Công nghệ thông tin

 Cơ quan công tác: Đại học Võ Trường Toản

 Họ và tên : Nguyễn Hoàng Thạch

 Mã số sinh viên : 1051190040

 Chuyên ngành : Công nghệ thông tin

 Tên đề tài : Xây dựng website dạy nấu ăn và bán hàng qua mạng

NỘI DUNG NHẬN XÉT

1 Tính phù hợp của đề tài với chuyên ngành đào tạo:

2 Về hình thức:

3 Ý nghĩa khoa học, thực tiễn và tính cấp thiết của đề tài:

4 Độ tin cậy của số liệu và tính hiện đại của luận văn:

5 Nội dung và các kết quả đạt được:

6 Các nhận xét khác:

7 Kết luận:

………., ngày…… tháng …… năm…

Trang 6

iv

Hậu Giang, ngày … tháng … năm …

Giáo viên phản biện

Trang 7

vii

1.1 ĐẶT VẤN ĐỀ 1

1.2 LỊCH SỬ GIẢI QUYẾT VẤN ĐỀ 1

1.3 PHẠM VI ĐỀ TÀI 2

1.4 PHƯƠNG PHÁP NGHIÊN CỨU 2

CHƯƠNG 2……… 3

2.1 INTERNET 3

2.1.1 Internet là gì ? 3

2.1.2 Lợi ích 3

2.2 WORLD WIDE WEB 3

2.2.1 World wide web là gì ? 3

2.3 HTML 4

2.3.1 HTML là gì ? 4

2.3.2 Đánh dấu 4

2.4 HTML 5 4

2.5 CSS 6

2.5.1 CSS là gì ? 6

2.5.2 Cách chèn CSS là HTML 6

2.6 JAVASCRIPT 7

2.6.1 Javascript 7

2.6.2 Java, JavaScript và Jcript 8

2.6.3 Ứng dụng 8

2.7 MYSQL 9

2.7.1 MySQL là gì ? 9

2.8 SQL 9

2.8.1 SQL là ngôn ngữ cơ sỡ dữ liệu quan hệ 9

2.8.2 Câu lệnh SQL 10

2.9 PHP 11

2.9.1 PHP là gì ? 11

2.10 ADOBE DREAMWEAVER 12

2.10.1 Adobe dreamweaver công cụ lập trình 12

Trang 8

viii

3.1.1 Giới thiệu 13

3.1.2 Mục đích thiết kế Website 13

3.1.3 Đặc tả bài toán 14

3.2 GIẢI PHÁP PHÂN TÍCH, THIẾT KẾ MÔ HÌNH 19

3.2.1 Sơ đồ Use case 19

3.2.2 Sơ đồ class 21

3.2.3 Sơ đồ class Error! Bookmark not defined 3.2.4 Một số đặc tả usecase 46

3.2.4.1 Usecase đăng nhập 46

3.2.4.2 Usecase quản lý thông tin món ăn 47

3.2.4.3 Usecase cập thông thông tin giỏ hàng 49

3.2.4.4 Usecase đăng kí thành viên 51

3.2.4.5 Usercase quản lý khóa học 52

3.2.4.6 Usecase Quản lý đơn hàng 54

3.2.4.7 Usecase xem lịch sử giao dịch 55

3.2.4.8 Usecase Thống kê 56

3.2.5 Lưu đồ giải thuật 58

3.2.6 Sơ đồ tuần tự 60

3.3 KẾT QUẢ ĐẠT ĐƯỢC 66

3.3.1 Sơ đồ hệ thống 66

3.3.2 Một số giao diện của chương trình 68

3.3.2.1 Giao diện trang người dùng 68

3.3.2.2 Giao diện trang Admin Manager 83

3.4 THẢO LUẬN KẾT QUẢ 105

3.5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 109

3.5.3 Kết luận 109

3.5.4 Hướng phát triển 110

TÀI LIỆU THAM KHẢO……….1

Trang 9

ix

Hình 2 Adobe Dreamweaver CS6 12

Hình 3 Sơ đồ use case phân hệ khách hàng 19

Hình 4 Sơ đồ use case phân hệ quản lý website 20

Hình 5 Sơ đồ lớp quản lý website 21

Hình 6 Lưu đồ giải thuật tạo giỏ hàng 58

Hình 7 Lưu đồ giải thuật thanh toán 59

Hình 8 Sơ đồ tuần tự đăng nhập tài khoản quản lý 60

Hình 9 Sơ đồ tuần tự đổi mật khẩu 61

Hình 10 Sơ đồ tuần tự tạo giỏ hàng 62

Hình 11 Sơ đồ tuần tự thanh toán 63

Hình 12 Sơ đồ tuần tự thông tin khóa học 64

Hình 13 Sơ đồ tuần tự thanh toán giao hàng 65

Hình 14 Sơ đồ tổ chức chung của trang người dùng 66

Hình 15 Sơ đồ tổ chức của trang Admin Manager 67

Hình 16 Giao diện trang trang chủ 68

Hình 17 Giao diện trang giới thiệu website 70

Hình 18 Giao diện hiển thị các khóa học 71

Hình 19 Thông tin khóa học chi tiết 72

Hình 20 Giao diện đăng kí khóa học 73

Hình 21 Giao diện video hướng dẫn 74

Hình 22 Giao diện xem video chi tiết 74

Hình 23 Giao diện tin tức phân theo chuyện mục 75

Hình 24 Giao diện khi xem chi tiết nội dung tin tức 76

Hình 25 Thông tin sản phẩm hiện tại 77

Hình 26 Liệt kê sản phẩm có trong giỏ hàng 78

Hình 27 Lịch sữ giao dịch 78

Hình 28 Giao diện đăng nhập hệ thống 79

Hình 29 Thông báo mật khẩu mới 79

Hình 30 Giao diện đăng kí thành viên 80

Hình 31 Giao diện chỉnh sữa thông tin 81

Trang 10

x

Hình 34 Giao diện quản lý sự kiện và tin tức 83

Hình 35 Thêm sự kiện mới 84

Hình 36 Giao diện quản lý đơn hàng & người dùng trang Admin 84

Hình 37 Quản lý sản phẩm và khóa học trang Admin 85

Hình 38 Giao diện khi thêm một tin tức mới 85

Hình 39 Giao diện thao tác tin tức 86

Hình 40 Giao diện chỉnh sữa tin tức 86

Hình 41 Thông báo khi cập nhật không có hình ảnh tin tức 87

Hình 42 Giao diện thêm mới khóa học 87

Hình 43 Giao diện quản lý khóa học 87

Hình 44 Giao diện chỉnh sữa khóa học 88

Hình 45 Giao diện quản lý video 88

Hình 46 Giao diện chỉnh sữa video 89

Hình 47 Giao diện thêm một video mới 89

Hình 48 Giao diện hộp thư trả lời ý kiến khách hàng 90

Hình 49 Giao diện soạn thư mới 90

Hình 50 Menu chọn thêm người dùng mới 91

Hình 51 Giao diện thêm người dùng mới của Admin 91

Hình 52 Danh sách người dùng 92

Hình 53 Thông tin chi tiết người dùng 92

Hình 54 Nâng cấp người dùng 93

Hình 55 Hạ cấp người dùng 93

Hình 56 Lựa chọn menu truy vấn người dùng 93

Hình 57 Đơn hàng của người dùng có mua hàng 93

Hình 58 Đơn hàng của người dùng chưa mua hàng 94

Hình 59 Giao diện quản lý câu hỏi bảo mật 94

Hình 60 Danh sách đơn hàng mới 95

Hình 61 Danh sách tổng hợp đơn hàng 95

Hình 62 Xem chi tiết đơn hàng 96

Hình 63 Chi tiết đơn hàng 96

Trang 11

xi

Hình 66 Tổng danh sách sản phẩm 97

Hình 67 Thao tác chỉnh sữa sản phẩm 98

Hình 68 Giao diện chỉnh sữa món ăn 98

Hình 69 Danh sách thông tin khuyến mãi của sản phẩm 98

Hình 70 Tình trạng chờ khuyến mãi 99

Hình 71 Tình trạng đang khuyến mãi 99

Hình 72 Tình trạng khuyến mãi của sản phẩm khi thiết lập 99

Hình 73 Danh sách bản giá 99

Hình 74 Giao diện quản lý loại sản phẩm 100

Hình 75 Thay đổi món ăn 100

Hình 76 Giao diện quản lý sản phẩm 101

Hình 77 Giao diện quản lý nguồn gốc 101

Hình 78 Tạo bài giới thiệu website 102

Hình 79 Giao diện cấu hình website 102

Hình 80 Giao diện website bảo trì .103

Hình 81 Quản lý side ảnh 103

Hình 82 Giao diện thống kê 104

Trang 12

ix

Bảng 2 TBBINHLUAN 22

Bảng 3 TBCAUHOIBAOMAT 23

Bảng 4 TBDIPNAU 24

Bảng 5 TBCHITIETHOADON 25

Bảng 6 TBCHITIETNGUYENLIEU 26

Bảng 7 TBDIPNAU 26

Bảng 8 TBGIAOVIEN 27

Bảng 9 TBGIATIEN 28

Bảng 10 TBGIOITHIEU 29

Bảng 11 TBHOADON 30

Bảng 12 TBKHACHHANG 31

Bảng 13 TBKHOAHOC 32

Bảng 14 TBKHUYENMAI 33

Bảng 15 TBLOAIMON 34

Bảng 16 TBNGUYENLIEU 34

Bảng 17 TBTINTUC 35

Bảng 18 TBTRALOIKHACHHANG 36

Bảng 19 TBVIDEO 37

Bảng 20 TBUSER 38

Bảng 21 TBYKIENKHACHHANG 39

Bảng 22 TBMONAN 40

Bảng 23 TBCAUHINH 41

Bảng 24 TBPHUONGTHUCGIAOHANG 42

Bảng 25 TBTHANHTOAN 42

Bảng 26 TBCHITIETKHOAHOC 43

Bảng 27 TBLOAITINTUC 44

Bảng 28 TBSIDESHOW 45

Trang 13

x

BGDĐT: Bộ Giáo dục Đào tạo

CSDL: Cơ sở dữ liệu

IDE: Integrated Development Environment

PHP: Personal Home Page

SQL: Structured Query Language

HTML: HyperText Markup Language

WWW: World Wide Web

CSS: Cascading Style Sheet

JS: Javascript

DOM: Document Object Model

Trang 14

xi



Hiện nay, việc ứng dụng công nghệ thông tin vào kinh doanh là việc hết sức thiết thực Mở ra một thị trường mới cho các nhà đầu tư và khách hàng hướng đến Các nhà hàng sử dụng các trang web để quảng bá hình ảnh, bán hàng trực tuyến Vì vậy việc xây dựng một website bán hàng, cập nhật tin tức, học trực tuyến là một điều rất cần thiết lúc này Đặc biệt là website dạy nấu ăn và bán hàng qua mạng

Đề tài “Xây dựng website dạy nấu ăn trực tuyến và bán hàng qua mạng” được

xây dựng nhằm đáp ứng nhu cầu cơ bản về việc quản lý bán hàng qua mạng, dạy nấu

ăn trực tuyến và đăng tin tức

Hệ thống được xây dựng dựa trên:

 Phương pháp phân tích thiết kế hệ thống hướng đối tượng

 Ngôn ngữ lập trình HTML, XHTML, HTML5, PHP, JQUERY, AJAX

 Hệ quản trị cơ sở dữ liệu MySQL

Kết quả đạt được sau quá trình nghiên cứu và xây dựng website: Cơ bản đã tạo được hệ thống giỏ hàng, trưng bày sản phẩm theo loại, hỗ trợ đăng tin tức theo từng loại tin, mở các khóa học trực tuyến , hỗ trợ khách hàng thanh toán trực tuyến bằng thẻ cào điện thoại, xây dựng được chuyên mục đóng góp ý kiến khách hàng, quản lý món

ăn, đơn hàng, người dùng, khách hàng, mục ý kiến khách hàng Và các chức năng thống kê bằng biểu đồ

Trang 15

xii



Currently, the application of information technology in business is extremely practical Open up a new market for investors and customers towards The restaurant uses the site to promote the image, online sales So, the development of a sales website, news updates, online learning is an essential moment Specially website teach cooking and online sales

The theme "Building a cooking website and online sales" are built to meet the basic needs of the management of online sales, online cooking and posting news

The system is based on:

 Analysis method designed object-oriented systems

 Programming Languages HTML, XHTML, HTML5, PHP, JQUERY,AJAX

 Management System Database MYSQL

The results after the research process and build the website that you have created the shopping cart system, exhibiting the type of product, support news log on each type of message, open online courses, support online customer payment by phone scratch cards, built columnist customer opinions, food management, orders, users, customers, customer comments section Statistical functions and chart

Trang 16

GVHD: Ths Bùi Thị Hồng Phúc SVTH: Nguyễn Hoàng Thạch

1

CHƯƠNG 1 TỔNG QUAN

Ngày nay, công nghệ thông tin có những bước phát triển mạnh mẽ theo chiều rộng lẫn chiều sâu Máy tính điện tử không còn là một thứ quý hiếm mà đang ngày càng trở thành một công cụ làm việc và giải trí thông dụng của con người, không chỉ ở công sở mà con ngay trong các gia đình

Hiện nay, các công ty tin học hàng đầu thế giới không ngừng đầu tư và cải thiện các giải pháp cũng như các sản phẩm nhằm cho tiến hành thương mại hóa trên Internet Thông qua các sản phẩm và công nghệ này, chúng ta có thể dễ dàng nhận thấy được tính quan trọng và tất yếu của thương mại điện tử Với những thao tác đơn giản trên những máy tính có nối mạng Internet bạn sẽ có tận tay những gì mình cần mà không phải mất thiều thời gian đến các nhà hàng để lựa chọn Bạn chỉ cần vào các trang thương mại điện tử và làm theo các hướng dẫn và click vào những gì bạn cần sau

đó đặt hàng Các nhà cung cấp sẽ mang đến tận nhà cho bạn

Ở Việt Nam cũng có rất nhiều doanh nghiệp đang tiến hành thương mại hóa trên Internet, nó đóng vai trò hết sức quan trọng, đã và đang tạo ra những bước đột phá mới cho sự phát triển của loại hình kinh doanh mới này

Việc xây dựng các trang website để quảng cáo sản phẩm, bán hàng trực tuyến và đăng kí học online nhằm giúp các doanh nghiệp, các công ty có thể dễ dàng tăng doanh thu và mở rộng phạm vi kinh doanh

Chính vì vây, đề tài “ Xây dựng website dạy nấu ăn trực tuyến và bán hàng

qua mạng” sẽ giúp cho doanh nghiệp phát triển tốt hơn và có thể hướng tới người

dùng một cách tốt hơn, tiện lợi và an toàn

Trang 17

2

việc đó thì chưa đáp ứng được các nhu cầu như nếu khách hàng muốn học cách nấu ăn theo hương vị và phong cách đó của nhà hàng hoặc muốn đặt hàng ăn thử món ăn được hướng dẫn trên video của khóa học Chính vì vậy mà việc “Xây dựng website dạy nấu ăn trực tuyến và bán hàng qua mạng” có thể giúp các nhà hàng bán hàng tốt hơn và tăng được doanh thu nhiều hơn thông qua các khóa học

Đề tài “Xây dựng website dạy nấu ăn trực tuyến và bán hàng qua mạng”

được xem như một hệ thống hoàn chỉnh với đầy đủ các chức năng bán hàng và học trực tuyến

Đề tài này bao gồm 2 giao diện :

Giao diện trang người dùng

Giao diện Admin quản lý nội dung

Tuy nhiên để có thể đáp ứng hiệu quả được nhu cầu sử dụng của người dùng thì bắt buộc người tham gia vào đề tài này phải nghiên cứu tìm hiểu thật kỹ quy trình trình xử lý dữ liệu, xây dựng hệ thống và phải có một lượng kiến thức thật vững để có thể thực hiện tốt đề tài này Vì vậy đề tài này được xem là đề tài tương đối khó đối với người tham gia nghiên cứu và phát triển nó

Để có thể thực hiện tốt phần đề tài này bắt buộc người tham gia xây dựng và phát triển đề tài phải lập ra được một kế hoạch nghiên cứu phù hợp

Về lý thuyết liên quan: Có thể tham khảo thông tin cách xây dựng trang web, định hướng cách xử lý dữ liệu, cách tạo giỏ hàng, cách đăng kí khóa học trực tuyến

từ các trang web khác, tổ chức tin tức, cách lưu trữ, xử lý dữ liệu, cách tạo CSDL của một số trang web mẫu ở trong và ngoài nước, học hỏi cách tạo giao diện từ các diễn đàn

Về thực nghiệm, điều tra để giải quyết vấn đề: Liên hệ với một số thầy, cô khoa Công nghệ thông tin trường Đại học Võ Trường Toản tư vấn về quy trình xử lý CSDL, hướng phát triển của website, cách tạo CSDL, khảo sát thực tế nhằm tạo giao diện nhằm hướng đến người dùng để xây dựng hệ thống cho website dạy nấu ăn và bán hàng qua mạng

Trang 18

Internet (thường được đọc theo khẩu âm tiếng Việt là "in-tơ-nét") là một hệ

thống thông tin toàn cầu có thể được truy nhập công cộng gồm các mạng máy tính được liên kết với nhau Hệ thống này truyền thông tin theo kiểu nối chuyển gói dữ liệu

(packet switching) dựa trên một giao thức liên mạng đã được chuẩn hóa (giao thức IP)

Hệ thống này bao gồm hàng ngàn mạng máy tính nhỏ hơn của các doanh nghiệp, của các viện nghiên cứu và các trường đại học, của người dùng cá nhân và các chính phủ trên toàn cầu

2.1.2 Lợi ích

Mạng Internet mang lại rất nhiều tiện ích hữu dụng cho người sử dụng, một

trong các tiện ích phổ thông của Internet là hệ thống thư điện tử (email), trò chuyện trực tuyến (chat), công cụ tìm kiếm (search engine), các dịch vụ thương mại và

chuyển ngân và các dịch vụ về y tế giáo dục như là chữa bệnh từ xa hoặc tổ chức các lớp học ảo

2.2.1 World wide web là gì ?

World Wide Web, gọi tắt là Web hoặc WWW, mạng lưới toàn cầu là một không gian thông tin toàn cầu mà mọi người có thể truy nhập (đọc và viết) qua các máy tính nối với mạng Internet Thuật ngữ này thường được hiểu nhầm là từ đồng nghĩa với chính thuật ngữ Internet Nhưng Web thực ra chỉ là một trong các dịch vụ chạy trên Internet, chẳng hạn như dịch vụ thư điện tử Web được phát minh và đưa vào

sử dụng vào khoảng năm 1990, 1991 bởi viện sĩ Viện Hàn lâm Anh Tim Berners-Lee

và Robert Cailliau (Bỉ) tại CERN, Geneva, Switzerland

Hình 1 Logo của World Wide Web

Trang 19

4

2.3.1 HTML là gì ?

HTML (tiếng Anh, viết tắt cho Hyper Text Markup Language, hay là "Ngôn

ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web HTML

đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999) Sau đó, các nhà phát triển đã thay thế nó bằng XHTML Hiện nay, HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web

HTML không phải là ngôn ngữ lập trình, nó là ngôn ngữ trình bày

2.3.2 Đánh dấu

Có bốn loại phần tử đánh dấu trong HTML:

 Đánh dấu Có cấu trúc miêu tả mục đích của phần văn bản (ví dụ,

<h1>Golf</h1> sẽ điều khiển phần mềm đọc hiển thị "Golf" là đề mục cấp một)

 Đánh dấu trình bày miêu tả phần hiện hình trực quan của phần văn bản

bất kể chức năng của nó là gì (ví dụ, <b>boldface</b> sẽ hiển thị đoạn văn bản boldface)

 Đánh dấu liên kết ngoài chứa phần liên kết từ trang này đến trang kia (ví

dụ,<a href="http://www.wikipedia.org/">Wikipedia</a>sẽ hiển thị từ Wikipedia như là một liên kết ngoài đến một URL) cụ thể

 Các phần tử thành phần điều khiển giúp tạo ra các đối tượng (ví dụ, các

nút và các danh sách)

HTML5 là sự tiến triển tiếp theo của HTML, viết tắt của cụm từ Hyper Text Markup Language, đây là hình thức định dạng cốt lõi của hầu hết các trang web trên mạng Internet HTML4, là ngôn ngữ cuối cùng mạng tính chất lặp lại, xuất hiện vào năm 1997 và đã được nhiều lập trình viên sử dụng để đáp ứng nhiều nhu cầu về trang web

Trang 20

5

HTML5 là một ngôn ngữ cấu trúc và trình bày nội dung cho World Wide Web và sẽ là công nghệ cốt lõi của Internet trong tương lai không xa, được đề xuất đầu tiên bởi Opera Software Đây là phiên bản thứ 5 của ngôn ngữ HTML và hiện tại vẫn đang được phát triển bởi World Wide Web Consortium và WHATWG 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ữ được việc con người và các thiết bị, các chương trình máy tính như trình duyệt web, trình đọc màn hình, v.v có thể đọc, hiểu, hay xử lý một cách dễ dàng

HTML5 vẫn sẽ giữ lại những đặc điểm cơ bản của HTML4 và bổ sung thêm các đặc tả nổi trội của XHTML, DOM, đặc biệt là JavaScript

Là phiên bản tiếp sau của HTML 4.01 và XHTML 1.1, HTML5 là một phản ứng để đáp lại lời phê bình rằng HTML và XHTML được sử dụng phổ biến trên World Wide Web là một hỗn hợp các tính năng với các thông số kĩ thuật khác nhau, được giới thiệu bởi nhiều nhà sản xuất phần mềm ví dụ Adobe, Sun Microsystems, Mozilla, Apple, Google, và có nhiều lỗi cú pháp trong các văn bản web HTML5

là một ứng cử viên tiềm năng cho nền tảng ứng dụng di động Nhiều tính năng của HTML5 được xây dựng với việc xem xét chúng có thể sử dụng được trên các thiết

bị di động như điện thoại thông minh và máy tính bảng hay

Cụ thể hơn, HTML5 cho biết thêm về toàn bộ các tag markup mới:

Tag <header> và <footer> để giúp các bạn cô lập các đỉnh và đáy của khối

nội dung Có thể được sử dụng nhiều hơn một lần trên một trang duy nhất

Tag <article> trong đó xác định cụ thể một phần duy nhất của nội dung, ví

dụ như, một bài đăng blog hay lời nhận xét của người dùng

Tag <nav> để xác định các chỉ tiêu được xem là khối điều hướng

Tag <section> cho phép bạn xác định một phần chung của nội dung, tương

tự như các tag <div> hiện đang tồn tại

Tag <audio> và <video> để đánh dấu sự bao gồm các nội dung audio hay

video

Tag <canvas> cho phép bạn vẽ đồ họa sử dụng một ngôn ngữ kịch bản riêng

biệt

Trang 21

6

Tag <embed> để những nội dung bên ngoài hoặc các ứng dụng vào trang

HTML5 cũng bao gồm một số tag: <acronym>, <applet>, <font>,

<frame>, <frameset>, <noframes>, và một số khác nữa

Các tiêu chuẩn đặc điểm kỹ thuật đầy đủ của HTML5.1 dự kiến sẽ hoàn

thành vào năm 2016 không

2.5.1 CSS là gì ?

CSS là viết tắt của cụm từ "Cascading Style Sheet" , nó là một ngôn ngữ quy định cách trình bày của các thẻ html trên trang web Là ngôn ngữ đang được sử dụng rất nhiều trong lập trình web, có thể nói CSS ra đời đã tạo nên một cuộc cách mạng CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình duyệt gần như giống nhau, bằng cách quy định các thuộc tính cho thẻ HTML đó

2.5.2 Cách chèn CSS là HTML

Chúng ta có 3 cách để đưa nội dung của CSS vào trang web như sau:

+ Cách 1: Chèn nội dung CSS vào trong cặp thẻ <style> </style> trong phần

<head></head>của trang web:

+ Cách 2: Chèn trực tiếp vào bên trong thẻ HTML

 Chèn trực tiếp CSS vào bên trong các thẻ mở của HTML

 Nếu có nhiều thuộc tính cần quy định, ta ngăn cách giữa chúng bằng khoảng trắng

VD: Ở đây ta chèn CSS vào thẻ mở của cặp thẻ <p></p>

<html>

<head>

<title>Chen CSS-Cách 2</title>

</head><body>

Trang 22

7

<p style="Nội dung CSS ở đây, cách nhau bằng khoảng

trắng"></p></body>

</html>

Cách 3: Liên kết với một file *.css bên ngoài

 Đây là cách được dùng nhiều nhất trong sử dụng CSS vì tính tiện dụng và linh hoạt của nó Giả sử, bạn có một website gồm hàng trăm trang, khi bạn muốn thay đổi một chút cách trình này của website, thay vì gạch cạch đi gõ từng trang một, bạn chỉ cần sửa file CSS bên ngoài một chút, hàng trăm trang web của bạn đều được thay đổi

 Cú pháp: Thực hiện liên kết bằng thẻ <link> ( Không có tag đóng ), theo

cú pháp sau: <link rel="stylesheet" href="Đường dẫn đên file css" type="text/css" />

Tag này được đặt trong cặp tag <head></head> của trang web, và không cần đặt trong tag <style></style>

- Nếu bạn đặt file *.css cùng thư mục với trang web, thì trong thuộc tính

href bạn chỉ cần viết: href="<ten_file_css.css"

- Nếu file *.css không cùng thư mục với trang web: Bạn cần chỉ trong

đường dẫn tuyệt đối tới file *.css đó trong thuộc tính href

sử dụng các đối tượng nằm sẵn trong các ứng dụng Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi sau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript Giống Java, JavaScript có

cú pháp tương tự C, nhưng nó gần với Self hơn Java .js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript

Trang 23

8

2.6.2 Java, JavaScript và Jcript

Cùng thời điểm Netscape bắt đầu sử dụng công nghệ Java trên trình duyệt Netscape, LiveScript đã được đổi tên thành JavaScript để được chú ý hơn bởi ngôn ngữ lập trình Java lúc đó đang được coi là một hiện tượng JavaScript được bổ sung vào trình duyệt Netscape bắt đầu từ phiên bản 2.0b3 của trình duyệt này vào tháng

12 năm 1995 Trên thực tế, JavaScript không được phát triển dựa từ Java Do đó JavaScript chỉ dựa trên các cách đặt tên của Java Java Script gồm 2 mảng là client-server thực hiện lệnh trên máy của end-user và web-server

Sau thành công của JavaScript, Microsoft bắt đầu phát triển JScript, một ngôn ngữ có cùng ứng dụng và tương thích với JavaScript JScript được bổ sung vào trình duyệt Internet Explorer bắt đầu từ Internet Explorer phiên bản 3.0 được phát hành tháng 8 năm 1996

DOM (Document Object Model), một khái niệm thường được nhắc đến với JavaScript trên thực tế không phải là một phần của chuẩn ECMAScript, DOM là một chuẩn riêng biệt có liên quan chặt chẽ với XML

2.6.3 Ứng dụng

JavaScript là một ngôn ngữ lập trình dựa trên nguyên mẫu với cú pháp phát triển từ C Giống như C, JavaScript có khái niệm từ khóa, do đó, JavaScript gần như không thể được mở rộng

Cũng giống như C, JavaScript không có bộ xử lý xuất/nhập (input/output) riêng Trong khi C sử dụng thư viện xuất/nhập chuẩn, JavaScript dựa vào phần mềm ngôn ngữ được gắn vào để thực hiện xuất/nhập

Trên trình duyệt, rất nhiều trang web sử dụng JavaScript để thiết kế trang web động và một số hiệu ứng hình ảnh thông qua DOM JavaScript được dùng để thực hiện một số tác vụ không thể thực hiện được với chỉ HTML như kiểm tra thông tin nhập vào, tự động thay đổi hình ảnh, Một số công nghệ nổi bật dòng JavaScript

để tương tác với DOM bao gồm DHTML, Ajax và SPA

Trang 24

9

2.7 MySQL

2.7.1 MySQL là gì ?

MySQL là hệ quản trị cơ sở dữ liệu tự do 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 Vì MySQL là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Với tốc độ và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet

Một số đặc điểm của MySQL

- MySQL là một phần mền quản trị CSDL dạng server-based ( gần tương đương với SQL Server của Microsoft)

- MySQL quản lý dữ liệu thông qua các cơ sở dữ liệu, mỗi CSDL có nhiều bảng quan hệ chưa dữ liệu

- MySQL có cơ chế phân quyền người dùng riêng biệt nên mỗi người dùng có thể được quản lý một hoặc nhiều CSDL khác nhau, mỗi người dùng có một tên truy cập, mật khẩu tương ứng với từng CSDL

- Khi truy vấn, phải cung cấp đầy đủ thông tin tài khoản như : Account, pass Nếu không chúng ta không thể nào tác động được đến hệ thống

2.8 SQL

2.8.1 SQL là ngôn ngữ cơ sở dữ liệu quan hệ

SQL, viết tắt của Structured Query Language (ngôn ngữ hỏi có cấu trúc), là công cụ sử dụng để tổ chức, quản lý và truy xuất dữ liệu đuợc lưu trữ trong các cơ

sở dữ liệu SQL là một hệ thống ngôn ngữ bao gồm tập các câu lệnh sử dụng để tương tác với cơ sở dữ liệu quan hệ

 Định nghĩa dữ liệu: SQL cung cấp khả năng định nghĩa các cơ sở dữ liệu, các cấu trúc lưu trữ và tổ chức dữ liệu cũng như mối quan hệ giữa các thành phần dữ liệu

 Truy xuất và thao tác dữ liệu: Với SQL, người dùng có thể dễ dàng thực hiện các thao tác truy xuất, bổ sung, cập nhật và loại bỏ dữ liệu trong các cơ sở dữ liệu

Trang 25

SQL là một ngôn ngữ hoàn thiện được sử dụng trong các hệ thống cơ sở

dữ liệu và là một thành phần không thể thiếu trong các hệ quản trị cơ sở dữ liệu Mặc dù SQL không phải là một ngôn ngữ lập trình như C, C++, Java, song các câu lệnh mà SQL cung cấp có thể được nhúng vào trong các ngôn ngữ lập trình nhằm xây dựng các ứng dụng tương tác với cơ sở dữ liệu

2.8.2 Câu lệnh SQL

SQL chuẩn bao gồm khoảng 40 câu lệnh Bảng 1 liệt kê danh sách một số câu lệnh thường được sử dụng nhất trong số các câu lệnh của SQL

Bảng 1 MỘT SỐ CÂU LỆNH THÔNG DỤNG TRONG SQL

Trang 26

độ 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 đã trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

Thẻ <?php và thẻ ?> sẽ đánh đấu sự bắt đầu và sự kết thúc của phần mã PHP qua đó máy chủ biết để xử lý và dịch mã cho đúng Đây là một điểm khá tiện lợi của PHP giúp cho việc viết mã PHP trở nên khá trực quan và dễ dàng trong việc xây dựng phần giao diện ứng dụng HTTP

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

- PHP là công cụ mạnh mẽ để xây dựng các trang WEB động

- PHP được sử dụng rộng rãi, miễn phí, hiệu quả và là đối thủ cạnh tranh với dot Net của Microsoft

- PHP tương tự như các ngôn ngữ C++ hay Java

- PHP là 1 phần mềm mã nguồn mở

- Được hổ trợ bởi nhiều sever

- Là một ngôn ngữ phổ biến

Trang 27

12

2.10 ADOBE DREAMWEAVER

2.10.1 Adobe dreamweaver công cụ lập trình

Adobe Dreamweaver là một công cụ xử lý mạnh mẽ dành cho những người thiết kế web, người dùng có thể tự mình lập trình và phát triển ứng dụng web

Các tính năng mới trong Adobe Dreamweaver CS6

 jQuery Mobile support - hỗ trợ tốt rất tốt cho jquery, những hiệu ứng giúp website bạn trong đẹp mắt

 PhoneGap support - Hỗ trợ lập trình web trên android và ios

 Multiscreen Preview panel - kết nối nhanh chóng với những thiết

bị cầm tay như mobile, tablet

 Fluid grid layout - giao diện dễ sử dụng và nắm bắt nhịp dễ dàng với chức năng phân chia layout

 Live View - kiểm tra sản phẩm bạn trước khi xuất ra trang web, bạn có thể vừa viết code bạn lâp trình

 Adobe Dreamweaver CS6 hỗ trở tốt cả HTML5 và CSS3 giúp bạn thiết kế web hiệu quả

Trang 28

13

CHƯƠNG 3 NỘI DUNG VÀ KẾT QUẢ NGHIÊN CỨU

3.1.1 Giới thiệu

Website ẩm thực là một trang web được xây dựng lên với chức năng giới thiệu và hướng dẫn nấu các món ăn của đầy đủ các vùng miền, và các quốc gia khác nhau Website cung cấp công thức hướng dẫn các món ăn bằng 2 hình thức phổ biến nhất là: công thức mô tả bằng hình ảnh kèm chữ và video hướng dẫn Ngoài ra nếu khách hàng có thể đặt hàng món ăn

Ngoài ra, khách hàng có thể đặt món và danh sách đặt hàng sẽ được hiển thị trong giỏ hàng Nếu khách hàng thực hiện giao dịch Website sẽ tiến hành liên hệ

và giao hàng

Website luôn cập nhập món ăn mới mỗi ngày và nhận các món ăn theo đơn đặt hàng.Ngoài ra website đã có hổ trợ trực tuyến 12/24 để tạo mọi điều kiện thuận lợi cho các khách hàng và học viên có thể tìm hiểu đầy đủ các thông tin họ cần thiết, đăng tải các tin tức khóa học hiện đang mở của nhà hàng và các đầu bếp hiện có sẽ đứng lớp….Các chức năng này đều do người quản trị và người dùng được quản trị phân quyền cài đặt

3.1.2 Mục đích thiết kế Website

- Cho của hàng tiếp cận , mở rộng và khai thác khách hàng thông qua môi trường Internet

- Muốn xây dựng thương hiệu trên thị trường

- Muốn kết hợp kinh doanh truyền thông và trực tuyến

- Quảng bá hình ảnh sản phẩm kinh doanh

- Tiết kiệm chi phí quảng cáo Dễ dàng cung cấp thông tin, phục vụ tốt hơn cho những khách hàng muôn tìm hiểu về món ăn của nhà hàng mà không thể đến tận nơi

Trang 29

14

3.1.3 Đặc tả bài toán

A Quyền sử dụng website của khách hàng

 Tham khảo thông tin website

Khi khách hàng có nhu cầu tìm hiểu về thông tin về trang web, về các món ăn của từng vùng miền hoặc công thức của món ăn sẽ truy cập vào trang web

để tham khảo thông tin

Chức năng hiển thị thông tin về các món ăn và phân loại loại món ăn theo từng phần

Món ăn sẽ hiển thị lên website với đầy đủ các thông tin như: tên món

ăn, thông tin về món ăn, công thức, hình ảnh, loại món ăn, thuộc vùng hoặc quốc gia nào

Món ăn sẽ được phân loại theo từng loại món ăn (loại bánh, chiên, xào, nấu, nướng) hoặc theo từng vùng miền và quốc gia

Trên trang chủ thành phần chính sẽ hiển thị một số thông tin các món ăn mới được cập nhật của website

Thông tin khóa học hiển thị dưới dạng danh sách, tin tức hiển thị theo từng loại tin có sẳn trên hệ thống

 Đặt hàng

Sau khi tham khảo thông tin về các món ăn , nếu khách hàng có nhu cầu đặt hàng món ăn có thể nhấp vào nút đặt hàng Tự động link sẽ được chuyển đến giỏ hàng

Tại giỏ hàng khách hàng có thể thêm bớt số lượng món ăn và số tiền của từng món, và tổng tiền từng món, tổng hóa đơn mà khách hàng phải thanh toán Và phải đăng nhập ghi đầy đủ thông tin để nhà hàng có thể giao món ăn đúng địa chỉ

Mỗi khách hàng được quyền đăng kí một tài khoản trên website Tài khoản này sẽ được sử dụng cho việc đăng kí khóa học hoặc vào mục liên hệ góp ý hoặc khi khách hàng có nhu cầu giao dịch đặt hàng món ăn Các thông tin yêu cầu khi học viên đăng kí tại website bao gồm: họ tên, mật khẩu, CMND, số điện thoại, địa chỉ, nghề nghiệp, sở thích, ngày sinh, giới tính, email, câu hỏi bảo mật

Trang 30

15

Muốn truy cập vào phải đăng nhập hệ thống Khi nhấp vào buton đăng nhập Màn hình đăng nhập sẽ hiện ra yêu cầu người dùng điền username and password Nếu đúng sẽ trở về màn trang chủ và bắt đầu phiên làm việc Nếu không đúng sẽ trở lại form đăng nhập, và yêu cầu nhập lại

Khi khách hàng có thể xem lại thông tin giao dịch của mình trước đó Trong trường hợp khách hàng quên mật khẩu hay tải khoản, hệ thống sẽ cho phép lấy lại nếu trả lời đúng câu hỏi bảo mật

 Đăng kí khóa học

Với mỗi người dùng khi tham gia trang web được quyền xem các thông tin về các khóa học hiện có trên trang web Nhưng nếu muốn tham gia vào từng lớp học cụ thể người dùng phải đăng kí khóa học Hệ thống hỗ trợ đăng kí trực tuyến và thanh toán qua thẻ điện thoại di động Khi khách hàng thực hiện đăng kí thành công

Hệ thống sẽ thông báo số lượng video mà người dùng còn lại

Nếu người dùng đã đăng kí nhưng đã hết lượt xem video Hệ thống sẽ thông báo người dùng cần nạp thêm tiền

 Tìm kiếm, tra cứu món ăn, tin tức

Khi khách hàng có nhu cầu tìm kiếm Website sẽ cung cấp một ô tìm

kiếm với các tiêu chí tìm kiếm như:

- Tìm theo loại món ăn: Món canh, món cơm, món xào, món kho, món bánh

- Tìm theo dịp nấu: cơm gia đình hàng ngày, món tết, món giỗ

- Tìm kiếm thức ăn theo quốc gia

- Tìm kiếm theo tên miền (miền nam,miền bắc, miền trung)

- Tìm kiếm thức ăn theo gia vị

- Tìm kiếm theo giáo viên hướng dẫn nấu

- Tìm kiếm tin tức theo ngày đăng, tiêu đề tin, nội dung của tin

- Tìm kiếm theo từng khóa học

Trang 31

16

 Liên hệ và đóng góp ý kiến

Nếu khách hàng có bất kì thắc mắc hoặc góp ý với Ban quản trị hệ thống thì có thể liên hệ ở mục liên hệ góp ý về giao diện , cách tổ chức website, về sự đa dạng của sản phẩm

Nếu khách hàng có nhu cầu muốn tham gia khóa học tại nhà hàng Thì

có thể tham khảo các khóa học hiện tại mà website đăng tuyển Và điền vào các form mà website có sẵn để người quản trị có thể dễ dàng liên lạc và hoàn thành thủ tục tại trung tâm

Ngoài ra còn quản lý vùng miền, quốc gia, dịp nấu

 Quản lý danh sách các món ăn

Mỗi món ăn sẽ nằm trong từng loại món ăn nhất định Các thông tin bao gồm: tên món ăn, thông tin về món ăn, công thức, hình ảnh, video (nếu có), loại món ăn, thuộc vùng hoặc quốc gia nào, giáo viên hướng dẫn, giá, tình trạng (đang bán, hết hàng, không phục vụ)

 Quản lý giá tiền món ăn

Một món ăn có nhiều giá tiền khác nhau tại nhiều thời điểm nên người dùng cần quản lý tất cả các giá tiền của một món ăn Cũng như dễ dàng thay đổi giá tiền của món ăn hiện tại Các thông tin về giá tiền như: mã giá tiền, giá tiền áp dụng, ngày bắt đầu và ngày kết thúc, tình trạng hiện tại có còn hoạt động hay không

Trang 32

17

Trong các sự kiện đặc biệt như ngày lễ, nhà hàng có thực hiện khuyến mãi cho từng món ăn, và giá trị khuyến mãi là bao nhiêu phần trăm so với giá tiền chính thức hiện tại mà món ăn được trưng bày Các thông tin liên quan như mã khuyến mãi, phần trăm giá tiền khuyến mãi, ngày bắt đầu và ngày kết thúc khuyến mãi

 Chức năng quản lý user

Họ tên, mật khẩu, CMND, số điện thoại, địa chỉ, nghề nghiệp, sở thích, ngày sinh, giới tính, email, câu hỏi bảo mật Khi chọn vào người dùng sẽ hiện thị ra tất cả các đơn đặt hàng của người dùng đó Sắp xếp đơn hàng nào mới đặt sẽ ở trên cùng (Có thể tìm đơn đặt hàng theo các tiêu chí khác như theo ngày, trạng thái đã giao hàng chưa, đã thanh toán chưa, ) Nếu không hệ thống sẽ thông báo người dùng chưa từng tham gia mua hàng

Đối với những User thực hiện giao dịch với website thì cần lưu thông tin

để có thể dễ dàng truy xuất xem thông tin giao dịch

 Quản lý chức năng hổ trợ, liên hệ người dùng

Tất cả các thông tin khách hàng phản hồi, góp ý sẽ được lưu trữ Cho phép nhà quản trị có thể phản hồi lại tất cả khách hàng một cách tốt nhất

Bao gồm mã hóa đơn, tên khách hàng, ngày giao dịch, tổng hóa đơn, tình trạng Khi nhấp vào hóa đơn sẽ hiện ra danh sách chi tiết sản phẩm và đồng thời cũng liệt kê thông tin chi tiết khách hàng để có thể dễ dàng giao hàng Nếu người quản trị giao hàng sẽ nhấp vào nút giao hàng Hệ thống sẽ trở về danh sách đặt hàng

và đặt tình trạng hóa đơn đó đã giao hàng (Có thể tìm đơn đặt hàng theo các tiêu chí khác như theo ngày, trạng thái đã giao hàng chưa, đã thanh toán chưa, )

Bao gồm các thông tin được cập nhật liên tục như mã khóa học, tên khóa học, nội dung cần thiết, hình ảnh đại diện, ngày đăng, người đăng khóa học, giáo viên hướng dẫn lớp đó

Trang 33

18

Bao gồm các chuyên mục được phân theo từng chủ đề như mã tin, tên loại tin

 Quản lý danh sách tin tức đăng

Mỗi bài đăng được quản lý bởi các thông tin như mã thông tin, tiêu đề tin, hình ảnh đại diện của tin tức đó, nội dung, người đăng tin, ngày đăng Mỗi bài đăng được phân theo từng loại tin khác nhau

 Quản lý Video của khóa học

Ứng với mỗi khóa học người dùng có thể đăng nhiều video kèm theo Mỗi video được quản lý bằng mã video, hình ảnh, link của video trên youtube.com

 Chức năng thống kê

- Giao dịch hiện tại của tháng, của năm , doanh thu của tháng, năm

- Tổng lượt truy cập, số người online

- Số lượng món ăn, loại món hiện tại

- Thống kê khóa học, bình luận , số người dùng hiện tại của website, số người dùng đã mua hàng, số lượng thư thắc mắc liên hệ, thư đã trả lời

- Thống kê tình hình mua hàng, tình hình xử lý mail

- Thống kê sản phẩm bán chạy nhất của tháng

 Chức năng quản lý danh mục, nội dung website

- Quản lý các bài đăng theo danh mục từng loại món ăn

- Quản lý tin tức: Tin tức về các món ăn, về khóa học, về đầu bếp