LỜI CẢM ƠN

LỜI CẢM ƠN Trong suốt thời gian từ bắt đầu học tập giảng đường Đại Học đến nay, em nhận nhiều quan tâm, giúp đỡ q Thầy Cơ, gia đình bạn bè Với lòng biết ơn sâu sắc nhất, em xin gửi đến quý Thầy Cô Khoa ĐiệnĐiện Tử-Trường Đại Học Tôn Đức Thắng với tri thức tâm huyết để truyền đạt vốn kiến thức quý báu cho chúng em suốt thời gian học tập trường Và đặc biệt học kỳ này, chúng em nghiên cứu thực luận văn tốt nghiệp Em xin chân thành cảm ơn Thầy Phù Trần Tín hướng dẫn em thực đồ án Nếu khơng có lời hướng dẫn, dạy Thầy em nghĩ luận văn tốt nghiệp báo cáo em khó hồn thiện Một lần nữa, em xin chân thành cảm ơn thầy Tiếp đến lời cảm ơn tới người thân, bạn bè động viên em suốt thời gian làm đồ án thời gian học tập Họ người ln cho em góp ý nội dung giúp em thu thập tài liệu cần thiết phục vụ cho đồ án Bước đầu vào thực tế, tìm hiểu làm thực hành kiến thức em hạn chế nhiều bỡ ngỡ, khơng tránh khỏi thiếu sót Em mong nhận ý kiến đóng góp quý báu quý Thầy Cô bạn lớp học để kiến thức em lĩnh vực hồn thiện TP Hồ Chí Minh, ngày 30 tháng 12 năm 2014 Sinh viên thực Nguyễn Thị Hà Giang i CƠNG TRÌNH ĐƯỢC HỒN THÀNH TẠI TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG Tơi xin cam đoan cơng trình nghiên cứu riêng tơi hướng dẫn khoa học Thầy Phú Trần Tín Các nội dung nghiên cứu, kết đề tài trung thực chưa công bố hình thức trước Những số liệu bảng biểu phục vụ cho việc phân tích, nhận xét, đánh giá tác giả thu thập từ nguồn khác có ghi rõ phần tài liệu tham khảo Ngồi ra, luận văn cịn sử dụng số nhận xét, đánh số liệu tác giả khác, quan tổ chức khác có trích dẫn thích nguồn gốc Nếu phát có gian lận tơi xin hồn tồn chịu trách nhiệm nội dung luận văn Trường đại học Tơn Đức Thắng không liên quan đến vi phạm tác quyền, quyền tơi gây q trình thực (nếu có) TP Hồ Chí Minh, ngày 30 tháng 12 năm 2014 Sinh viên thực ii (Trang dùng để đính kèm Nhiệm vụ Đồ án tốt nghiệp có chữ ký Giảng viên hướng dẫn) iii TRƯỜNG ĐẠI HỌC TÔN ĐỨC THẮNG KHOA ĐIỆN –ĐIỆN TỬ - CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc iv MỤC LỤC DANH MỤC CÁC HÌNH ẢNH vii DANH MỤC CÁC BẢNG BIỂU .ix DANH MỤC CÁC TỪ VIẾT TẮT x CHƯƠNG GIỚI THIỆU .1 1.1 Nội dung đề tài 1.2 Khảo sát vấn đề 1.2.1 Giới thiệu 1.2.2 Phạm vi nghiêm cứu công cụ phát triển CHƯƠNG CÁC THÀNH PHẦN TRONG THIẾT KẾ .4 2.1 Phần mềm thiết kế web Dreamweaver CS6 2.2 Localhost Xampp 2.3 Các ngôn ngữ ứng dụng web .8 2.3.1 Ngôn ngữ HTML 2.3.2 Ngôn ngữ PHP 2.3.3 Cơ sở liệu MYSQL 11 CHƯƠNG PHÂN TÍCH VÀ THIẾT KẾ 12 3.1 Phân tích cách thức hoạt động .12 3.1.1 Bài toán 13 3.1.2 Hướng giải toán 13 3.1.3 Mơ hình đặt 13 3.2 Thiết kế 14 3.2.1 Cài đặt phần mềm Dreamweaver CS6 14 3.2.2 Cài đặt phần mềm Xampp 16 3.2.3 Tạo database PHPMYADMIN 19 3.2.4 Tạo site kết nối với Localhost .21 3.2.5 Thiết kế Template 23 v 3.2.6 Thành phần website 25 3.2.7 Các sở liệu cho ứng dụng 29 CHƯƠNG KẾT QUẢ THIẾT KẾ 31 4.1 Đăng ký host miễn phí .31 4.2 Tạo Database cho web 33 4.3 Giao diện trang đặt 35 4.4 Giao diện khu nhà bếp 37 4.5 Giao diện khu thu ngân 39 CHƯƠNG KẾT LUẬN 42 5.1 Đánh giá .42 5.1.1 Ưu điểm 42 5.1.2 Khuyết điểm 42 5.1.3 Về thân 42 5.2 Hướng phát triển 43 TÀI LIỆU THAM KHẢO 45 vi DANH MỤC CÁC HÌNH ẢNH Hình 2.1: Giao diện mở chương trình DW .5 Hình 2.2: Vùng thiết kế DW Hình 2.3: Vùng làm việc với mã nguồn DW Hình 2.4: Giao diện Localhost Hình 2.5: Giao diện Xampp Hình 2.6: Cấu trúc tổng quan trang HTML Hình 2.7: Sơ đồ hoạt động PHP .10 Hình 3.1: Chạy file cài đặt DW 14 Hình 3.2: Chọn hình thức cài đặt DW 14 Hình 3.3: Bấm cài đặt DW 15 Hình 3.4: Bắt đầu cài đặt DW .15 Hình 3.5: Xong cài đặt DW 16 Hình 3.6: Giao diện cài đặt Xampp 16 Hình 3.7: Lựa chọn service kèm theo XAMPP 17 Hình 3.8: Chọn thư mục lưu Xampp 17 Hình 3.9: Quá trình cài đặt Xampp .18 Hình 3.10: Kết thúc trình cài đặt Xampp .18 Hình 3.11: Khởi động Xampp 19 Hình 3.12: Giao diện Localhost 19 Hình 3.13: Tạo database 20 Hình 3.14: Tạo database thành công 20 Hình 3.15: Giao diện tạo site 21 Hình 3.16: Giao diện chọn Severs 21 Hình 3.17: Giao diện Advanced .22 Hình 3.18: Giao diện chọn thư mục cho Spy 22 Hình 3.19: Giao diện chọn thư mục cho Web Fonts 23 vii Hình 3.20: Menu chọn vùng thay đổi Template 23 Hình 3.21: Menu tạo Template 24 Hình 3.22: Tạo trang web từ Template 24 Hình 3.23: Sơ đồ thành phần Website 25 Hình 3.24: Sơ đồ liên kết bảng .29 Hình 4.1: Giao diện trang freewebhostingarea.com 31 Hình 4.2: Giao diện trang đăng ký tài khoản 31 Hình 4.3: Đăng nhập để upload website .32 Hình 4.4: Nơi để upload file website 32 Hình 4.5: Trang đăng nhập để tạo database cho website 33 Hình 4.6: Vào Manage DB để chọn mục PhpMyAdmin 33 Hình 4.7: Vào PhpMyAdmin để tạo database cho website 34 Hình 4.8: Trang index.php .35 Hình 4.8: Trang table.php 35 Hình 4.9: Trang thucdonchonmon.php 36 Hình 4.10: Trang cart.php 36 Hình 4.11: Trang thucdondachon.php 37 Hình 4.13: Trang bep.php 38 Hình 4.14: Trang baohetmon.php .38 Hình 4.15: Trang thungan_login.php 39 Hình 4.16: Xem thực đơn theo ngày trang thungan.php .39 Hình 4.17: Xem doanh thu theo ngày trang thungan.php 40 Hình 4.18: Giao diện trang doanhthu.php 40 Hình 4.19: Giao diện trang tinhtrang_ban.php .41 viii DANH MỤC CÁC BẢNG BIỂU Hình 3.1: Thuộc tính bảng ban_an 30 Hình 3.2: Thuộc tính bảng mon_an 31 Hình 3.3: Thuộc tính bảng chi_tiet_thuc_don 31 Hình 3.4: Thuộc tính bảng thuc_don 31 ix DANH MỤC CÁC TỪ VIẾT TẮT CSDL Cơ sở liệu CSS Cascading Style Sheet - Tập tin định kiểu theo tầng DW Dreamweaver HTML HyperText Markup Language - Ngôn ngữ đánh dấu siêu văn PHP Hypertext Preprocessor - Ngôn ngữ lập trình kịch SQL Structure Query Language - Hệ quản trị sở liệu XML Extensible Markup Language - Ngôn ngữ đánh dấu mở rộng URL Uniform Resource Locator - Định vị Tài nguyên thống XAMPP X + Apache +Mysql + PHP + Perl x ĐỒ ÁN TỐT NGHIỆP Trang 30/44 STT Name Type Collation id int(10) monan varchar(255) utf8_unicode_ci hinhanh varchar(255) utf8_unicode_ci giatien int(30) tinhtrang int(11) Attributes Extra Ghi unsigned Auto_increment primary unsigned Bảng 3.1: Thuộc tính bảng mon_an STT Name Type Collation Attributes Extra Ghi id_ban int(3) unsigned primary id int(10) unsigned primary thoigian datetime soluong int(3) tinhtrang int(11) primary unsigned Bảng 3.3: Thuộc tính bảng chi_tiet_thuc_don STT Name Type ma_td Collation Attributes Extra Ghi int(10) unsigned Auto_increment primary id_ban int(10) unsigned thoigian datetime thanhtoan int(11) Bảng 3.4: Thuộc tính bảng thuc_don Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 31/44 CHƯƠNG KẾT QUẢ THIẾT KẾ 4.1 Đăng ký host miễn phí:  Vào trang freewebhostingarea.com để tạo tài khoản Hình 4.1: Giao diện trang freewebhostingarea.com  Đăng ký tài khoản: Hình 4.2: Giao diện trang đăng ký tài khoản Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 32/44  Sau đăng ký tài khoản ghi lại thông cần thiết để đăng nhập sau  Vào trang orgfree.freewebhostingarea.com/ftp/ đăng nhập tài khoản để upload file web Hình 4.3: Đăng nhập để upload website  Sau login vào trang upload file website lên Hình 4.4: Nơi để upload file website Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 33/44 4.2 Tạo Database cho web:  Vào trang http://orgfree.freewebhostingarea.com/ đăng nhập để tạo database cho website Hình 4.5: Trang đăng nhập để tạo database cho website  Tạo tài khoản database Create DB, sau tạo xong ta vào thư mục Manage DB Hình 4.6: Vào Manage DB để chọn mục PhpMyAdmin Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 34/44  Chọn PhpMyAdmin để vào localhost host tạo Database Hình 4.7: Vào PhpMyAdmin để tạo database cho website  Tạo bảng database y phần thiết kế localhost Xampp  Sau vào file website up thay đổi username password code để kết nối với Database host  Website up lên mạng với tên miền tạo http://hagiang.orgfree.com/ Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 35/44 4.3 Giao diện trang đặt món:  Giao diện đăng nhập vào đặt món: Hình 4.8: Trang index.php  Giao diện chọn bàn: Bấm chọn bàn sau sẻ nhảy sang giao diện chọn Hình 4.8: Trang table.php Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 36/44  Giao diện chọn món: Bấm chọn để đặt thực đơn ưa thích Hình 4.9: Trang thucdonchonmon.php  Giao diện giỏ hàng: Hình 4.10: Trang cart.php Có thể chọn tiếp món, xóa món, cập nhật số lượng thực đơn sau bấm hồn tất đặt nhảy sang giao diện xem lại thực đơn vừa chọn Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 37/44  Giao diện lưu thực đơn chọn: Hình 4.11: Trang thucdondachon.php 4.4 Giao diện khu nhà bếp:  Giao diện đăng nhập: Hình 4.12: Trang bep_login.php Đăng nhập để vào trang nhà bếp Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 38/44  Giao diện lưu thực đơn bàn: Hình 4.13: Trang bep.php Xem thức đơn bàn để nhà bếp phục vụ xác nhận hoàn thành  Giao diện thơng báo hết món: Hình 4.14: Trang baohetmon.php Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 39/44 4.5 Giao diện khu thu ngân:  Giao diện đăng nhập: Hình 4.15: Trang thungan_login.php Đăng nhập để vào xem thực đơn doanh thu theo ngày, tháng  Giao diện xem thực đơn doanh thu theo ngày, tháng bàn: Hình 4.16: Xem thực đơn theo ngày trang thungan.php Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 40/44 Hình 4.17: Xem doanh thu theo ngày trang thungan.php  Giao diện tốn thực đơn: Hình 4.18: Giao diện trang doanhthu.php Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 41/44  Giao diện quan sát tình trạng bàn: Hình 4.19: Giao diện trang tinhtrang_ban.php Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 42/44 CHƯƠNG KẾT LUẬN 5.1 Đánh giá: 5.1.1 Ưu điểm:  Trong trình thực đề tài, tiếp thu nhiều kinh nghiệm việc lập trình web với ngơn ngữ PHP, xây dựng giao diện cơng cụ có sẵn, phân tích thiết kế ứng dụng với Dreamweaver CS6 Đồng thời học nhiều học cách làm việc nhiều kiến thức thực tiễn khác  Do thời gian thực đề tài có giới hạn, có nhiều vấn đề cần phải giải nên ưu tiên giải nhu cầu ứng dụng Đề tài giải nhu cầu trang web thực đơn điện tử như:  Thiết kế giao diện web  Tạo liệu thực đơn để lựa chọn, dễ dàng thay đổi thực đơn như: cập nhật số lượng xóa bỏ Sau tốn tiền  Thơng báo hết ăn từ khu vực bếp  Xem thực đơn đặt theo ngày, tháng theo bàn ăn  Quan sát bàn cịn trống có khách 5.1.2 Khuyết điểm:  Chưa hoàn thiện số chức in ấn, tìm kiếm nhanh, phân quyền người dùng  Khả phân tích thực tiễn cịn giới hạn nên chưa đáp ứng hết yêu cầu trang website thực đơn điện tử  Ứng dụng chưa kiểm tra kỹ lưỡng để đưa vào sử dụng thực tế  Chưa ứng dụng nhiều công nghệ vào web 5.1.3 Về thân:  Tìm hiểu thêm Dreamweaver CS6, HTML/CSS PHP Myadmin Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 43/44  Có thêm kinh nghiệm thiết kế giao diện lẫn lập trình  Hiểu rõ thêm yêu cầu thực tiễn ứng dụng web menu điện tử 5.2 Hướng phát triển:  Tìm hiểu sâu ngơn ngữ PHP & MySQL để đáp ứng nhiều nhu cầu người sử dụng, phát triển tối ưu hóa hệ thống  Xây dựng trang Web quy mô lớn với nhiều ứng dụng  Để cho đề tài hoàn thiện đưa vào thực tế cần phát triển phương hướng sau:  Thực chức quản trị hệ thống, phân quyền người dùng  Thiết kế lại giao diện cho đẹp mắt hơn, thêm chức in hóa đơn chức thơng báo có vừa đặt cho nhà bếp  Đưa thêm nhiều chức cho website để khảo sát ý kiến thực khách Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ĐỒ ÁN TỐT NGHIỆP Trang 44/44 TÀI LIỆU THAM KHẢO [1] http://doc.edu.vn/tai-lieu/luan-van-tim-hieu-ngon-ngu-lap-trinh-php-mysql- xay-dung-website-ban-hang-truc-tuyen-6058/ Tìm hiểu ngơn ngữ lập trình PHP MYSQL – Xây dựng website bán hàng trực tuyến [2] https://www.youtube.com/watch?v=bn6MlR62hDs Kết nối CSDL Mysql với Dreamweaver C6S [3] http://www.qhonline.info/php-can-ban/51/bai-19 viet-ung-dung-tao-gio- hang-shopping-cart-phan-1.html Viết ứng dụng tạo giỏ hàng Shopping Cart – Bùi Quốc Huy [4] https://www.youtube.com/playlist?list=PLhO9g56x4bmEgz_CdRfOtpdfg0Ug _a4Bf Thiết kế web với Dreamvweaver CS6 – Lưu Trường Hải Lân Ứng dụng web menu điện tử SVTH: Nguyễn Thị Hà Giang ... THÀNH PHẦN TRONG THI? ??T KẾ 2.1 Phần mềm thi? ??t kế web Dreamweaver CS6: ‾ Adobe Dreamweaver CS6 phần mềm thi? ??t kế web chuyên nghiệp cung cấp giao diện hình ảnh trực quan cho việc thi? ??t kế chỉnh sửa... Windows hay Linux, cho phép người sử dụng thao tác hành động liên quan đến Việc tìm hiểu cơng nghệ trước bắt tay vào việc viết mã kịch PHP, việc tích hợp hai cơng nghệ PHP MySQL công việc cần thi? ??t... không cố định, thường xuyên thay đổi  Tiết kiệm chi phí: Thay phải đầu tư cho thi? ??t bị máy móc cầu kỳ, tốn chi phí khơng gian cho nhà hàng bạn, bạn lựa chọn sử dụng thi? ??t bị không dây nhỏ gọn