Đề tài thiết kế và triển khai website quảng bá nhà hàng

lOMoARcPSD|17917457 lOMoARcPSD|17917457 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC THƯƠNG MẠI  BÀI THẢO LUẬN ĐỀ TÀI: Thiết kế triển khai website quảng bá nhà hàng Học phần: Thiết kế triển khai website Mã lớp HP: 2311ECIT0731 Giảng viên: ThS Bùi Quang Trường Nhóm thực hiện: 12 LỜI CẢM ƠN Chúng em xin bày tỏ lòng biết ơn sâu sắc tới thầy Bùi Quang Trường - giảng viên học phần Thiết kế triển khai website, tận tình giảng dạy, tạo điều kiện giúp đỡ hướng dẫn chúng em trình học tập, nghiên cứu để hoàn thành thảo luận Chúng em xin cảm ơn nguồn tài liệu bổ ích đóng góp vào thảo luận nhóm Trong q trình thực đề tài, nhóm chúng em có nhiều cố gắng, song khó tránh khỏi thiếu sót Vì vậy, chúng em mong nhận ý kiến đóng góp, phản hồi bạn để thảo luận chúng em hoàn thiện Chúng em xin chân thành cảm ơn! Danh sách, nhiệm vụ phân công đánh giá thành viên STT Họ tên Chức vụ 111 Trầần Thị Thùy Trầm Thư ký 112 Phạm Thành Trung Thành viên 113 Nguyêễnn Đình Tuầnấ Thành viên 114 Nguyêễnn Thị Thanh Vần Thành viên 115 Nguyêễnn Hoàng Việt Thành viên 116 Đinh Đức Vũ Nhóm trưởng 117 Nguyêễnn Thị Phương Vy Thành viên 118 Vũ Phạm Tường Vy Thành viên 119 Phạm Thị Yên Thành viên 120 Nguyêễnn Thị Hải Yêấn Thành viên Nhiệm vụ Đánh giá MỤC LỤC LỜI CẢM ƠN I Tổng quan website Giới thiệu vêầ website Mục đích xầy dựng website .5 II Các yêu cầu giao diện chức website Yêu cầầu vêầ giao diện Yêu cầầu vêầ chức 2.1 Chức Đăng nhập 2.2 Chức Đăng ký 2.3 Chức Giới thiệu 2.4 Chức Đặt bàn .8 2.5 Chức Liên hệ 2.6 Chức Phản hồi III Website N12Food 10 Các ngôn ngữ lập trình sử dụng để xây dựng website, demo phần cài đặt 10 Giao diện website (demo) .10 2.1 Trang hiển thị 10 2.2 Trang đặt bàn 11 2.3 Trang giới thiệu 12 2.4 Trang đăng ký 13 2.5 Trang đăng nhập 14 2.6 Trang thống kê 14 I Tổng quan website 1.Giới thiệu vêề website - Website N12Food trang nên tảng trang web nhà hàng dùng để quảng bá thương hiệu, giới thiệu sản phẩm nhà hàng đêấn với người tiêu dùng, cho phép khách hàng xem đánh giá, feedback, đặt bàn mà khơng cầần đêấn trực tiêấp nhà hàng - Các ăn menu N12Food seễn cập nhật liên tục Chúng tơi seễn tạo dựa đánh giá bổ sung, đêầ xuầất khách hàng để hồn thiện nhà hàng Mục đích xây dựng website Hiện nay, cơng nghệ thơng tin ngày phát triển với xu thêấ đặt đôầ ăn mạng thông qua website ngày tang, bạn trẻ thường khơng hay ngồi qn mà chọn đặt đôầ ăn qua thiêất bị điện tử Để băất kịp xu hướng đó, nhóm cho măất trang web N12Food để đem nhà hàng đêấn gầần với khách hàng hơn, tiêấp cận nhiêầu đơấi tượng khách hàng hêất sức II Các yêu cầu giao diện chức website Yêu vêề giao câu diện - Màu săấc đặc trưng website: Website lầấy màu trăấng làm màu săấc nêần chủ đạo Trong phong thủy, màu trăấng xem màu cực dương đơấi nghịch hồn tồn với màu đen Màu trăấng mang lại lượng tích cực, tươi mới, đem đêấn thịnh vượng Ý nghĩa màu trăấng phong thủy màu thuộc hệ Kim, thể sáng sủa, seễn, đầy màu không khởi đầầu mà kêất thúc trọn vẹn hồn myễn Chính thêấ, nhóm quyêất định lầấy màu chủ đạo làm màu trăấng để có giao diện sáng sủa, seễn hướng tới khởi đầầu hoàn myễn cho website - Kiểu bôấ cục website: Gôầm phầần: header (đầầu trang), content (nội dung trang) cuôấi footer (chần trang); + Header thường bao gôầm logo tên trang điêầu hướng cho trang web – menu giúp người đọc nhanh chóng tìm thầấy chuyên mục – viêất; + Phầần Content thường chia làm hai Left-content (Nội dung bên trái) Right- content (Nội dung bên phải) Một hai phầần seễn chứa nội dung viêất, phầần cịn lại chứa nội dung phụ tìm kiêấm, viêất nhầất, fanpage… Như trang tơi để nội dung bên trái – giao diện khác bạn thích để bên phải + Cuôấi footer (chần trang) – n để lại thông tin quyêần trang web, thời gian băất đầầu hoạt động, địa chỉ, sôấ điện thoại liên hệ, đánh giá khách hàng ghé qua, … Yêu câu vêề chức Website có chức dành cho: - Người dùng: Thực hiện đăng ký, đăng nhập, xem viêất, bình luận, tìm kiêấm, liên hệ - Admin: Thực đăng ký, đăng nhập, xem viêất, tìm kiêấm, liên hệ 2.1 Chức Đăng nhập Tên Đăng nhập Tác nhần Người dùng, Admin Mục đích Đăng nhập vào tài khoản để thực hành động website Mô tả bao quát Người sử dụng vào website N12Food click button Đăng nhập sau nhập Email Password để đăng nhập vào trang web Chuôấi kiện Người dùng chọn chức Đăng nhập Trang web hiển thị trang Đăng nhập Người dùng nhập Email Password Hệ thôấng kiểm tra Email Password Hệ thôấng thông báo người dùng đăng nhập thành công Kêất thúc ca sử dụng Ngoại lệ Email Password người sử dụng khơng xác - Hệ thơấng thơng báo Email Password khơng xác u cầuầ nhập lại Q trình đăng nhập xuầất lơễni - Hệ thôấng thông báo ghi nhận lôễni - Kêất thúc ca sử dụng 2.2 Chức Đăng ký Tên Đăng ký Tác nhần Người dùng, Admin Mục đích Đăng ký vào tài khoản để thực hành động website Mô tả bao quát Người sử dụng vào N12Food click button Đăng nhập để hiển thị form Đăng ký sau nhập thơng tin cầnầ thiêất theo mầuễn có săễnn để làm thành viên hệ thôấng Chuôấi kiện Người sử dụng vào website chọn chức Đăng nhập - Hệ thơấng hiển thị trang đăng kí - Người sử dụng nhập Nam, Email, Password chọn Đăng ký Ngoại lệ - Hệ thôấng lưu lại thông tin tạo tài khoản theo yêu cầuầ - Hệ thôấng thông báo đăng ký thành công - Kêất thúc ca sử dụng Người sử dụng bỏ trôấng không nhập hêất thông tin - Hệ thôấng không lầấy data thôấng báo trường băất buộc - Người sử dụng nhập lại thông tin cho đầầy đủ chọn đăng ký - Hệ thơấng quay lại lầng 2.3 Chức Giới thiệu Tên Giới thiệu Tác nhần Người dùng, Admin Mục đích Cho người sử dụng biêất thông tin vêầ nhà hàng Mô tả bao quát Người sử dụng đọc giới thiệu vêầ nhà hàng Chuôễni kiện Người sử dụng vào website Ngoại lệ Người sử dụng nhập ký tự tìm kiêấm khơng năầm danh sách tên ăn - Hệ thơấng hiển thị bảng trơấng thơng báo: Khơng tìm thầấy liệu 2.4 Chức Đặt bàn Tên Bình luận viêất Tác nhần Người dùng, Admin Mục đích Đặt bàn mà khách hàng muôấn ngôầi Mô tả bao quát Chuôễni kiện Người dùng click vào phầần đặt bàn đặt bàn mấn ngơầi Người dùng vào phầần đặt bàn Người dùng chọn bàn mấn ngôầi Người dùng click vào đặt bàn Hệ thơấng lưu hiển thị lên hình Kêất thúc ca sử dụng Ngoại lệ 2.5 Chức Liên hệ Tên Liên hệ Tác nhần Người dùng Mục đích Giúp người dùng gửi phản hơầi vêầ ăn, địa điểm, đóng góp ý tưởng tới Admin Mơ tả bao quát Người dùng vào phầần liên hệ viêất nội dung phản hơầi tới Admin để đóng góp ý kiêấn vêầ website Chuôễni kiện Người dùng click vào button Liên hệ góc bên phải hình Hệ thơấng hiển thị form Liên hệ Người dùng nhập đầầy đủ thông tin theo form click button Gửi Hệ thôấng ghi nhận lưu thông tin liên hệ Kêất thúc ca sử dụng Ngoại lệ 2.6 Chức Phản hồi Tên Phản hơầi Tác nhần Admin Mục đích Giúp khách hàng nêu nhận xét vêầ nhà hàng Mơ tả bao quát Người dùng click vào textbox comment viêất để thực bình luận Chễni kiện Người dùng vào xem viêất chi tiêất Người dùng click vào textbox comment nhập nội dung Người dùng ầấn Enter Hệ thôấng lưu hiển thị lên hình Kêất thúc ca sử dụng Ngoại lệ III Website N12Food Các ngôn ngữ lập trình sử dụng để xây dựng website, demo phần cài đặt - Các ngôn ngữ web: ● Ngôn ngữ định dạng văn bản: Html Css ● Ngơn ngữ lập trình: JavaScript, PHP ● Ngơn ngữ truy vầấn CSDL: SQL Giao diện website (demo) 2.1 Trang hiển thị 2.2 Trang đặt bàn 2.3 Trang giới thiệu 2.4 Trang đăng ký 2.5 Trang đăng nhập 2.6 Trang thống kê