Đồ Án Cơ Sở 1 Đề Tài Xây Dựng Website Nhà Hàng.doc

MẪU ĐỒ ÁN KHOÁ LUẬN TỐT NGHIỆP TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập Tự do Hạnh phúc TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TH[.]

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

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

KHOA KHOA HỌC MÁY TÍNH

CỘNG HOÀ XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự do - Hạnh phúc

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

TRUYỀN THÔNG VIỆT – HÀN KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 1

MỞ ĐẦU

Xu hướng tìm kiếm các nhà hàng hay quán ăn trên mạnginternet ngày càng phổ biến Bởi vậy, việc thiết kế website nhà hàng,quán ăn chuyên nghiệp và ấn tượng sẽ giúp doanh nghiệp hay cánhân xây dựng nền tảng quảng bá online, đưa nhà hàng gần hơn đếnvới khách hàng

Theo kịp xu hướng phát triển chung của các nhà hàng tại Việt Nam: Thực tế kinh doanh ẩm thực nhà hàng, quán ăn là một ngành

phát triển mạnh mẽ trong bất cứ thời điểm nào Việc doanh nghiệpđầu tư thiết kế website nhà hàng, địa điểm ăn uống sẽ trở thành công

cụ đắc lực, giúp mở rộng hoạt động kinh doanh của mình Ưu điểmlớn nhất của kinh doanh online là xu hướng thời đại “không bao giờ lỗimốt” Bởi Internet ngày càng trở nên phổ biến và đại chúng hơn

Thực khách đang truy tìm các nhà hàng và món ăn ngon trên Internet: Với sự phát triển của nền kinh tế, người Việt Nam đang dần

chuyển từ mong muốn ăn no, mặc ấm sang ăn ngon, mặc đẹp Họ có

xu hướng tìm kiếm ngày càng nhiều các nhà hàng, quán ăn phục vụnhu cầu ăn uống và trải nghiệm ẩm thực Đi cùng với đó là sự đổi mớikhông ngừng của công nghệ với hình thức đặt bàn trực tuyến trênInternet được người dùng rất yêu thích Mang lại những trải nghiệmnhanh chóng và tốt nhất cho khách hàng

Bổ sung thêm phương thức tiếp cận thực khách hiệu quả trên Internet: Thiết kế website cho nhà hàng là giải pháp hợp lý bởi khả

năng tiết kiệm chi phí Đồng thời có thể triển khai các kế hoạchMarketing Online đi kèm như SEO, quảng cáo Google Adwords, giúp dễ dàng thu hút nhóm khách hàng tiềm năng và tăng doanh thukinh doanh hiệu quả

LỜI CẢM ƠN

Để hoàn thành tốt bài báo cáo này trước hết chúng em xin gửi đến quý thầy, cô TrịnhThị Ngọc Linh lời cảm ơn chân thành

Chúng em xin cảm ơn đến ban lãnh đạo nhà trường đã tạo mọi điều kiện tốt nhất để em

có cơ hội được trình bày ý tưởng của mình, từ đó áp dụng kiến thức, kỹ năng mình có

để đưa ý tưởng thành sản phẩm thực tế có thể áp dụng trong đời sống

Đặc biệt, chúng em xin gửi đến cô Trịnh Thị Ngọc Linh, người đã tận tình hướng dẫn,giúp đỡ trong việc nâng cao kiến thức chuyên môn, phát huy cho chúng em tính

tự học, tự tìm hiểu, từ đó hình thành cho chúng em phương phápnghiên cứu, tìm tòi, tiếp cận với khoa học công nghệ Đồng thời traudồi cho chúng em kỹ năng học tập năng động và sáng tạo, giúp chochúng em tiếp cận các ứng dụng thông minh trong thực tế một cáchthiết thực hơn

Vì kiến thức bản thân còn hạn chế, nên trong quá trình xây dựng đề tài này chúng em

MỤC LỤC Trang MỞ ĐẦU 1

Chương 1 Giới thiệu 1

1.1 Tổng quan 1

1.2 Phương pháp, kết quả 1

1.3 Cấu trúc đồ án 2

Chương 2 Nghiên cứu tổng quan 6

2.1 Các phương pháp 6

2.2 Hạn chế, tồn tại của các phương pháp 8

2.3 Kết luận 9

Chương 3 Phân tích thiết kế hệ thống 10

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

3.2 Thiết kế chi tiết 11

Chương 4 Triển khai xây dựng 13

Chương 5 Kết luận và Hướng phát triển 15

PHỤ LỤC

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

DANH MỤC HÌNH

Hình 1 1 Giao diện đầu tiên 1

Hình 1 2 HTML 2

Hình 1 3 CSS 3

Hình 1 4 JavaScipt 4

Hình 1 5 Jquery 5

Hinh 2 1 Trang chủ 11

Hinh 2 2 Giới thiệu 11

Hinh 2 3 Thực đơn 11

Hinh 2 4 Sự kiện 12

Chương 1 Giới thiệu

1.1 Tổng quan

Công ngh thông tin (CNTT) ngày càng có vai trò quan trọng trong cu cệ ộsống hằng ngày của chúng ta Vi c ứng dụng CNTT vào các lĩnh vực trong đờiệsống giúp công vi c được tiến hành nhanh chóng và hi u quả hơn Có rất nhiềuệ ệcông vi c mới phát triển song song với sự phát triển của CNTT M t trongệ ộnhững số đó là l p trình Website, hướng đi mang lại hi u quả kinh tế cao.Nhưậ ệchúng ta đã biết, ngày nay với nhịp sống tốc độ cao, nhu cầu của con người nàycàng lớn về mọi mặt Không như trước kia, con người chỉ cần “ăn no, mặc ấm” là

đủ thì bây giờ nhu cầu con người đã chuyển sang “ăn ngon, mặc đẹp”

Ẩm thực luôn gắn liền với cuộc sống, đặc biệt là ẩm thực dân dã, nó mang mộtnét riêng luôn hấp dẫn thực khách Một món ăn ngon không chỉ để thỏa mãnnhu cầu ăn uống mà nó còn mang trong mình một nghệ thuật, một nét đặctrưng của vùng miền nơi nó sinh ra

Ẩm thực là một phần văn hóa quan trọng trong tổng thể nền văn hóa của mộtquốc gia Khi nhắc đến một quốc gia nào đó thì ngoài những điểm nổi bật vềkiến trúc, nghệ thuật, tôn giáo… thì ẩm thực luôn được chú trọng Ví dụ như khinhắc đến Nhật Bản thì ta nghĩ ngay tới sushi, nhắc tới Ý thì nghĩ đến Pizza…ViệtNam cũng vậy, cũng có những nét ẩm thực riêng tạo nên bản sắc dân tộc Vậynên, em muốn được quảng bá, đưa ẩm thực Việt Nam trở nên phong phú vàphổ biến để bạn bè năm châu có thể biết đến ẩm thực Việt

Hình 1 1 Giao diện đầu tiên

2

1.3 Cấu trúc đồ án

Bố cục của luận văn gồm phần mở đầu trình bày các phương pháp, hạn chế

và tồn tại của các phương pháp,kết luận,phân tích thiết kế hệ thống Tiếp theo làtìm hiểu và trình bày những lý thuyết cơ bản về các ngôn ngữ dùng để lập trìnhnên trang web gồm các định nghĩa, tính chất, ví dụ hình ảnh…

Giới thiệu về các ngôn ngữ

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

Language, có nghĩa là ngôn ngữ đánh dấu siêu văn

bản HTML được sử dụng để định dạng và hiển thị

văn bản trên trình duyệt tới người sử dụng Nó là

xương sống của một trang web

Hình 1 2 HTML

-Vậy thì Hyper Text và Markup Language là gì?

+Hyper Text: siêu văn bản có nghĩa là "văn bản trong văn bản" Một văn

bản có chứa một liên kết (link) là một siêu văn bản Mỗi lần bản click vào một

từ từ đó đưa bạn tới một trang web mới, đó là siêu văn bản

+Markup Language: ngôn ngữ đánh dấu là một ngôn ngữ lập trình được sử

dụng để giúp văn bản dễ tương tác và linh động hơn Nó có thể đặt văn bản vàotrong các ảnh, bảng, liên kết

Các đặc điểm của HTML

1.Đây là một ngôn ngữ rất dễ dàng và đơn giản

2.Rất dễ dàng để trình bày hiệu quả với HTML vì nó có nhiều thẻ địnhdạng

3.Đây là một ngôn ngữ đánh dấu vì vậy có thể sử dụng nó một cách linhhoạt để thiết kế trang web cùng với văn bản

4.Có thể liên kết đến các trang web khac

5.Là một nền tảng độc lập vì nó có thể hiện thị trên bất kỳ nền tảng nàokhác như Windows,Linux và Max

6.Có thể thêm các hình ảnh,video,âm thanh vào các trang web khiến nóhấp dẫn và dễ tương tác hơn.

CSS là ngôn ngữ tạo phong cách cho trang web –

Cascading Style Sheet language Nó dùng để tạo

thể điều khiển định dạng của nhiều trang web cùng

lúc để tiết kiệm công sức cho người viết web Nó

phân biệt cách hiển thị của trang web với nội dung

chính của trang bằng cách điều khiển bố cục, màu

JavaScript, theo phiên bản hiện hành, là một ngôn

ngữ lập trình thông dịch được phát triển từ các ý

niệm nguyên mẫu Ngôn ngữ này được dùng rộng rãi

cho các trang web (phía người dùng) cũng như phía

máy chủ (với Nodejs) 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

Hình 1 4 JavaScipt

*Ứng dụng của JavaScript

+ 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 đượcdù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, Ở Việt Nam, JavaScriptcòn được ứng dụng để làm bộ gõ tiếng Việt giống như bộ gõ hiện đang sử dụngtrên trang Wikipedia tiếng Việt Tuy nhiên, mỗi trình duyệt áp dụng JavaScriptkhác nhau và không tuân theo chuẩn W3C DOM, do đó trong rất nhiều trườnghợp lập trình viên phải viết nhiều phiên bản của cùng một đoạn mã nguồn để cóthể hoạt động trên nhiều trình duyệt 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

JQuery là thư viện được viết từ JavaScript,Jquery giúp

xậy dựng các chức năng bằng JavaScript dễ dàng,

nhanh và giàu tính năng hơn

Hình 1 5 Jquery

*Các tính năng quan trọng của jQuery

+Gọn nhẹ: jQuery là một thư viện khá gọn nhẹ – có kích cỡ khoảng 19KB (gzipped)

+Tương thích đa nền tảng: Nó tự động sửa lỗi và chạy được trên mọi trình duyệt phổbiến như Chrome, Firefox, Safari, MS Edge, IE, Android và iOS

+Dễ dàng tạo Ajax: Nhờ thư viện jQuery, code được viết bởi Ajax có thể dễ dàng tương tác với server và cập nhật nội dung tự động mà không cần phải tải lại trang

+Xử lý nhanh nhạy thao tác DOM: jQuery giúp lựa chọn các phần tử DOM để traverse (duyệt) một cách dễ dàng, và chỉnh sửa nội dung của chúng bằng cách

sử dụng Selector mã nguồn mở, mà còn được gọi là Sizzle

+Đơn giản hóa việc tạo hiệu ứng: Giống với code snippet có hiệu ứng

animation, nó phủ các dòng code và bạn chỉ việc thêm biến/nội dung vào thôi

+Hỗ trợ tốt phương thức sự kiện HTML: Xử lý sự kiện − jQuery xử lý các sự kiện đa dạng mà không làm cho HTML code trở nên lộn xộn với các Event

Handler

* Ưu điểm của jQuery

+jQuery xử lý code rất nhanh và có khả năng mở rộng

+jQuery tạo điều kiện cho người dùng viết các mã chức năng bằng các dòng tối thiểu

+jQuery cải thiện hiệu suất lập trình web

+jQuery phát triển các ứng dụng có tương thích với trình duyệt

+Hầu hết các tính năng mới của trình duyệt mới đều được sủ dụng

6

Chương 2 Nghiên cứu tổng quan

2.1 Các phương pháp

[1] Phương pháp đọc tài liệu:

-Đặt vấn đề: nêu ra chủ đề và mục đích của đề tài nghiên cứu

-Tổng quan tài liệu: nêu ra các ứng dụng của nghiên cứu này ở trên thế giới, ở Việt Nam cùng với hiệu quả đạt được

-Đối tượng và phương pháp nghiên cứu: trả lời cho câu hỏi đề tài này nghiên cứu về đối tượng nào, phương pháp nghiên cứu là gì

-Kết quả: nêu ra kết quả đạt được sau khi nghiên cứu

-Bàn luận: giải thích tại sao lại chọn phương pháp nghiên cứu này

-Kết luận: tóm tắt quá trình và bàn luận kết quả

-Khuyến nghị: đưa ra ý kiến của bản thân rằng phương pháp này có tốt không, có nên thực hiện ở Việt Nam không và nên bổ sung những gì

+đọc các tài liệu về nghiên cứu thị trường,thị trường tổng quan,đối thủ cạnh tranh,nhu cầu khách hàng,xác định thị trường mục tiêu để có thể lên ý tưởng

mô hình kinh doanh nhà hàng và xác định mục tiêu,định hướng phát triền nhà hàng và từ đó tạo ra trang web.bởi vì thực khách dang truy tìm các nhà hàng và món ăn ngon trên internet,website giúp bán hàn trục tiếp theo cách mới,thiết kếwebsite cho nhà hàng gia tăng thực khách hiệu quả,giúp xây dựng thương hiệu nhà hàng và tăng cường tương tác với thực khách

[2]Phương pháp Cắt ghép hình ảnh:

-Giúp ta design ra một trang web mà doanh nghiệp mong muốn

-Cắt web là một công việc chính và thường xuyên của các Web Designer Côngviệc này đòi hỏi người thiết kế phải có các kiến thức cơ bản về HTML, CSS vàJavaScript cũng như phải hết sức cẩn thận, tỉ mỉ đến từng chi tiết nhỏ

Mức độ thành công của các chiến lược marketing, Seo, quảng cáo, truyền thông,rút kinh nghiệm để hoàn thiện hơn cho chiến dịch sau

8

 Mức độ tối ưu hóa nội dung của trang web đến đâu Điều này được thểhiện ở sự liên quan giữa các từ khóa được tìm kiếm với sản phẩm, dịch vụđược cung cấp bởi doanh nghiệp

Việc phân tích này được thực hiện dưới sự hỗ trợ của khá nhiều công cụ nhưGoogle Analytics, SEMrush, Clicky, Ahrefs, Heap Dựa trên kết quả phân tíchwebsite, doanh nghiệp sẽ đưa ra kế hoạch, phương hướng phát triển thích hợp

để giúp website hoạt động hiệu quả

-Các yếu tố quang trọng khi phân tích:

 Mục đích thiết kế trang web là gì?

 Giao diện website

 Nội dung website

 Onpage và offpage

 Lượng truy cập vào trang web

 Tốc độ tải của trang web

[4]Phương pháp thực nghiệm:

-thiết kế website nhà hàng là 1 lựa chọn Marketing chi phí thấp nhất nhưng hiệuquả lại rất cao Đặc biệt là giúp khách hàng dễ dàng tìm được địa chỉ nhà hàng,thông tin và các dịch vụ mà họ muốn đặt và có thể chủ động đặt bàn, đặt mónOnline thay vì phải trực tiếp đến nhà hàng

+Xây dựng kênh thông tin hữu ích, từ đó giúp việc tiếp cận khách hàng tiềm năng được thực hiện tốt Khi nhu cầu sử dụng mạng internet ngày càng tăng caothì lúc này tiếp cận của khách hàng được đảm bảo thực hiện tốt, đem tới hiệu quả cao, lý tưởng với lượng khách hàng tiềm năng đông đảo hơn

+Khẳng định được sự chuyên nghiệp của chính nhà hàng mình là một lợi ích không thể bỏ qua Cung cấp thông tin tới khách hàng trực quan, nhanh chóng và hiệu quả là điều được đảm bảo Lúc đó việc nâng cao uy tín, sự chuyên nghiệp

và chất lượng khi hoạt động trên thị trường đều dễ dàng đạt được

+Mang tới cho khách hàng sự tin tưởng hơn, dễ dàng hiểu hơn về nhà hàng

Từ đó quyết định sử dụng dịch vụ, tới thưởng thức các món ăn được cung cấp

dễ dàng đạt được Cải thiện doanh thu đáng kể, mở rộng thị trường với lượng khách hàng đông đảo

+Tạo thuận lợi cho việc cải thiện được sức cạnh tranh so với thị trường hiện nay Khi mà các nhà hàng hoạt động trên thị trường ngày càng đa dạng thì sức cạnh tranh được đảm bảo giúp chúng ta có được vị trí lý tưởng, hoạt động kinh doanh hiệu quả hơn Việc nâng cao nhận diện thương hiệu, khẳng định được sự

uy tín và chuyên nghiệp được thực hiện tốt

+Việc giao tiếp với khách hàng được hỗ trợ tốt và toàn diện Lúc đó khách hàng tìm hiểu hiệu quả về những sản phẩm dịch vụ mà doanh nghiệp cung cấp, trong khi đó mỗi nhà hàng chủ động trong việc tiếp cận với khách hàng khi hoạt động

2.2 Hạn chế, tồn tại của các phương pháp

[1]Phương pháp đọc tài liệu:

của tài liệu Internet Vì tài liệu Internet mang tính mở, bất cứ ai cũng có thểđóng góp ý kiến, có thể là tác giả thật, nhưng đa phần là những người khác thựchiện tính năng chia sẻ Ví dụ điển hình là báo điện tử, nhiều trang báo điện tửđăng tải các bài viết có nội dung giống hệt nhau, không có trích dẫn cụ thể là từnguồn nào Vì thế, người đọc không thể xác định được đâu là nguồn gốc chínhxác của bài viết đó để thẩm định mức độ khách quan của nó Còn đối với viết bàiluận, nếu trích dẫn trong tài liệu nào đó thì việc xác định nguồn gốc của tài liệu

là bắt buộc Vì thế việc xác định chính xác nguồn gốc của tài liệu trước khi sửdụng là rất cần thiết

Thứ hai, Nguồn tài liệu phong phú trên Internet sẽ khiến chúng ta quá lệ

thuộc vào nguồn tài liệu này Từ việc không xác định được nguồn gốc của tài liệuchính là nguyên nhân dẫn tới việc copy, ăn cắp bản quyền thông tin một cáchtràn lan Nhất là trong lĩnh vực giáo dục, học sinh, sinh viên có thể copy mộtphần hoặc toàn bộ nội dung của tài liệu như bài văn, bài tiểu luận,… của tác giả

đã đẳng tải lên Internet rồi đơn giản là “dán” vào bài của mình

Chính việc đọc và chép này sẽ làm cản trở sự phát huy khả năng tư duy,sáng tạo của con người, bộ óc không chịu tự thân vận động trong khi “cái miệngluôn há sẵn chờ sung rụng” Việc thu thập tài liệu quá phụ thuộc vào Internetkhiến người ta suốt ngày chỉ biết ngồi dán mắt vào màn hình máy tính, điệnthoại… không có kinh nghiệm thu thập tài liệu sơ cấp Phải kết hợp thu thập tàiliệu từ Internet và thu thập tài liệu từ các nguồn khác để tự rèn luyện cho mình

kỹ năng so sánh, đánh giá

Thứ ba, Lập trường của người đọc và độ chính xác của tài liệu Tài liệu

Internet rất đa dạng, nhiều chủng loại, mỗi vẫn đề được đưa ra bàn luận lại cónhững ý kiến đóng góp trái chiều, có cả những ý kiến đồng tình ủng hộ; cả những

ý kiến, quan điểm phản đối, bác bỏ Những điều này sẽ gây ra các tác độngkhông nhỏ đối với lập trường của người đọc Ngoài ra độ chính xác của nguồn tàiliệu Internet không được kiểm nghiệm chặt chẽ như các loại nguồn tài liệu khácnên mức độ tin cậy của nó cũng không được đánh giá cao Trước những hạn chếnày, người đọc phải có kỹ năng phân tích, chọn lọc những tài liệu có nguồn gốc

rõ ràng, có độ chính xác và tin cậy cao; sàng lọc, quan tâm, chú ý đến những ýkiến đúng đắn Loại bỏ những thông tin, ý kiến tiêu cực nhằm củng cố lập trườngcủa mình

[3]Phương pháp Phân tích:

-Chỉ có thể thu thập khi tương tác cùng với web server

-Máy chủ phải gán cookie cho khách truy cập

-chỉ có sẵn đối với các công ty sở hữu web server

-Không thể thu thập định vị khách hàng

[4]Phương pháp thực nghiệm:

10