BÁO cáo đồ án cơ sở 1 đề tài xây DỰNG WEBSITE bán đồ ăn

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CNTT – TT VIỆT HÀN BÁO CÁO ĐỒÁNCƠSỞ1 ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĂN Sinh viên thực Lớp Giảng viên hướng dẫn : Đà Nẵng, ngày 26 tháng 05 năm 2022 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CNTT – TT VIỆT HÀN BÁO CÁO ĐỒÁNCƠSỞ1 ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĂN Sinh viên thực Lớp Giảng viên hướng dẫn : Đà Nẵng, ngày 26 tháng 05 năm 2022 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat NHẬN XÉT (Của Giảng viên hướng dẫn) Đà Nẵng, ngày 25 tháng 05 năm 2021 Giảng viên hướng dẫn Th.S Phan Thị Lan Anh TIEU LUAN MOI download : skknchat123@gmail.com moi nhat LỜI CẢM ƠN Để dự án đạt kết tốt đẹp, em nhận hỗ trợ, giúp đỡ thầy cô Với tình cảm sâu sắc, chân thành, cho phép em bày tỏ lòng biết ơn sâu sắc đến tất quý thầy cô tạo điều kiện giúp đỡ trình học tập nghiên cứu phát triển đề tài Trước hết em xin gửi tới thầy cô trường Đại học Công nghệ thông tin truyền thông Việt – Hàn lời chào trân trọng, lời chúc sức khỏe lời cảm ơn sâu sắc Với quan tâm, dạy dỗ, bảo tận tình chu đáo giảng viên truyền tải kĩ cần thiết, đến em hồn thành Đồ án sở Đặc biệt em xin gửi lời cảm ơn chân thành tới cô giáo – ThS Phan Thị Lan Anh quan tâm, giúp đỡ tận tình em hồn thành tốt đồ án thời gian qua Với điều kiện thời gian kinh nghiệm cịn hạn chế, đồ án khơng thể tránh thiếu sót Em mong nhận bảo, đóng góp ý kiến thầy để em có điều kiện bổ sung, nâng cao ý thức mình, phục vụ tốt cơng tác thực tế sau Em xin chân thành cảm ơn! TIEU LUAN MOI download : skknchat123@gmail.com moi nhat MỞ ĐẦU Thế kỷ XXI, xã hội đề cao tầm quan trọng kết nối Khoa học, Kỹ thuật, Công nghệ Sự phát triển thương mại điện tử phủ điện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay quán ăn, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cầu khác hàng cần thiết Vậy phải quảng bá xây dựng Website cho cửa hàng nhằm quảng bá tất sản phẩm bán Chính em chọn thực đề tài “XÂY DỰNG WEBSITE BÁN ĐỒ ĂN” cho cửa hàng bán mì quảng Bà Mua Người chủ cửa hàng sẻ đưa sản phẩm lên website quản lý website Khách hàng đặt mua hàng website mà không cần đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền Tuy nhiên nỗ lực đồ án khó tránh khỏi thiếu sót Em mong nhận thơng cảm, lời góp ý bảo tận tình q Thầy Cô bạn TIEU LUAN MOI download : skknchat123@gmail.com moi nhat MỤC LỤC Trang LỜI CẢM ƠN ……………………………………………………………… MỞ ĐẦU ……………………………….……………………………….…… DANH MỤC CÁC TỪ VIẾT TẮT ……………………….………………….1 DANH MỤC HÌNH VẼ ………………………………………………………2 DANH MỤC SƠ ĐỒ ………………………………………………………….3 Chương 1: Giới thiệu đề tài ……………………………………….………….4 1.1 Tên đề tài…………………………………………………………4 1.2 Giới thiệu dự án …………………………………………… 1.3 Mục tiêu………………………………………………………….4 1.4 Công cụ thiết kế website ……………………………………… Chương 2: Công cụ kĩ thuật …………………………………….……………6 2.1 Tìm hiểu HTML ………………………………….………… 2.2 Giới thiệu tổng qua ngơn ngữ lập trình JavaScript ………… 2.3 Tìm hiểu CSS – Cascading Style Sheets ………… …………7 2.4 Bootstrap ………………………………………………….…… 2.5 Phần mềm Visual Studio Code ……………………………… Chương 3: Phân tích thiết kế hệ thống ………………………………… 3.1 Khảo sát trạng xây dựng hệ thống ……………… 3.2 Phân tích hệ thống …………………………………………… Chương 4: Triển khai xây dựng website ………………………………… .13 4.1 Tên Website………………………….……………………… 13 4.2 Hệ thống thông tin …………………………………………… .13 4.3 Cấu trúc trang web ……………………………………… 13 4.4 Hình ảnh chi tiết Website ………………………………………14 Tổng kết …………………………………………….……………………… 19 Kết …………………………………………………………………19 Hướng phát triển …………………………………………… ……….19 DANH MỤC TÀI LIỆU THAM KHẢO ………………………………… 20 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ HyperText Ma Cascading Sty Microsoft Fro World Wide W DANH MỤC HÌNH VẼ TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình – 4: Giao diện sử dụng phần mềm Visual Studio Code ……………… Hình – 2: Logo website ………………………………………………………… 14 Hình – – 1: Trang chủ ………………………………………………………….15 Hình – – 2: Trang danh mục sản phẩm ……………………………………… 16 Hình – – 3: Trang chi tiết sản phẩm ………………………………………… 17 Hình – – 4: Trang hỗ trợ khách hàng ………………………………………… 18 Hình – – 5: Trang thơng tin hình thức tốn 19 DANH MỤC SƠ ĐỒ Hình – – 1: Biểu đồ luồng liệu mức khung cảnh……………….… … Hình – – 2: Sơ đồ phân cấp chức mức đỉnh…………… ………10 Hình – – 3: Sơ đồ chức Khách hàng………………………………… 11 Hình – – 4: Sơ đồ chức nghiệp vụ quản lý kho …… ……………… 12 Hình – – 5: Sơ đồ chức nghiệp vụ bán hàng………………………… 13 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1.1 Tên đề tài: “Xây dựng website bán đồ ăn” 1.2 Giới thiệu dự án: Thế giới ngày phát triển, đời sống người ngày đại hóa, nhu cầu đời sống vật chất tinh thần người ngày cao có nhiều địi hỏi khắt khe Hằng ngày người đề phải có nhu cầu thiết yếu như:ăn uống, mua sắm, xem phim, nghe nhạc phải tới trung tâm giải trí hay mua sắm để mua sản phảm muốn hay đơn giản thưởng thức nhạc Nắm bắt nhu cầu xét thấy phát triển vượt bật mạng Internet khắp nơi giới nói chung nước ta năm gần nói riêng nên việc ứng dụng cơng nghệ thơng tin vào lĩnh vực tìm kiếm thơng tin, truy cập liệu từ xa khơng cịn khó khăn Người ta tận dụng tối đa lợi ích mà lĩnh vực mang lại 2TL FOOD trang web đặc thù áp dụng công nghệ thông tin vào hoạt động: bán thức ăn qua mạng sau có xu hướng mở rộng 2TL FOOD nhà hàng ln sáng tạo cải tiến ăn để phục vụ cho khách hàng Việc giao dịch với khách hàng chủ yếu diễn trang web Mục tiêu việc xây dựng trang web nhằm giúp cho khách hàng mua hàng trực tiếp từ xa thông qua mạng internet phổ biến Khách hàng nhà hay cơng ty dễ dàng tham khảo thơng tin sản phẩm tìm, so sánh giá mặt hàng lựa chọn cho loại sản phẩm phù hợp nhu cầu mình, giúp cơng việc mua sắm cách nhanh chóng, tiện lợi, tiết kiệm thời gian, đáp ứng nhu cầu thực tế Hệ thống tìm kiếm dễ dàng, giao diện thân thiện Chỉ cần đăng nhập vào hệ thống với tài khoản có (nếu khách hàng hội viên cửa hàng) hay TIEU LUAN MOI download : skknchat123@gmail.com moi nhat cần vài thao tác đăng kí đơn gian khách hàng tự chọn mua tạo đơn đặt hàng hệ thống Bên cạnh thơng tin tin tức công ty 1.3 Mục tiêu dự án: - Nhằm giới thiệu rộng rãi ăn quán đến người dùng với chi tiết mặt hàng giá cách xác để tăng doanh thu bán hàng thuận lợi - Áp dụng kiến thức công nghệ web môn học vừa học - Nghiên cứu phát triển Website “” - Thiết kế tối ưu hóa Website chuẩn CEO, thân thiện với trang tìm kiếm Google, Bing, v.v…giúp bạn tiếp cận khách hàng tốt - Tích hợp giao diện mobile làm thuận tiện cho khách hàng việc sử dụng điện thoại, máy tính bảng,… - Được tích hợp công nghệ thiết kế Website : HTML5, CSS3, Bootstrap - Thiết kế Website bán điện thoại trực tuyến tối ưu hoạt động theo công nghệ mạnh giới độ tương thích với hệ điều hành 1.4 Cơng cụ thiết kế Website - Sử dụng ngôn ngữ lập trình web HTML, Javascript cơng cụ hỗ trợ định dạng CSS bootstrap để tạo Website tĩnh - Sử dụng Visual Studio Code TIEU LUAN MOI download : skknchat123@gmail.com moi nhat CHƯƠNG 3: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 3.1 Khảo sát trạng xây dựng hệ thống mới: * Sau khảo sát nhóm em nắm bắt thơng tin: - Quản lý khách hàng: Mỗi khách hàng quản lý thông tin sau: Họ tên, địa chỉ, số điện thoại, ngày sinh, email… - Quản lý ăn: Tên ăn, đơn giá, số lượng, hình ảnh, chi tiết - Xử lý đơn hàng thống kê * Khách hàng: Người lựa chọn ăn để mua Khác với mua trực tiếp nhà hàng, khách hàng tự thao tác thông qua bước cụ thể để mua hàng Trên mạng mặt hàng xếp theo thứ tự dễ dàng tìm kiếm 3.2 Phân tích hệ thống: - Sau khảo sát trạng hệ thống xây dựng hệ thống em đưa tệp CSDL “WEBSITE BÁN ĐỒ ĂN” - Qua trình khảo sát, phân tích thực trạng xây dựng hướng phát triển cho hệ thống em xây dựng cấu trúc hệ thống “WEBSITE BÁN ĐỒ ĂN” - Xây dựng biểu đồ phân cấp chức - Biểu đồ luồng liệu: Ta xây dựng biểu đồ luồng “WEBSITE BÁN ĐỒ ĂN” TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Danh Mục DM hàng hóa DM loại hàng DM tin tức Thống kê Đặt hàng Kiểm tra khách hàng Tra cứu mặt hàng Kiểm tra đặt hàng Xử lý mặt hàng Hình Biểu đ liệu m cảnh: TIEU LUAN MOI download : skknchat123@gmail.c om moi nhat Hình – – 2: Sơ đồ phân cấp chức mức đỉnh 10 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình – – 3: Sơ đồ chức Khách hàng 11 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình – – 4: Sơ đồ chức nghiệp vụ quản lý kho 12 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình – – 5: Sơ đồ chức nghiệp vụ bán hàng 13 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat CHƯƠNG 4: TRIỂN KHAI XÂY DỰNG WEBSITE 4.1 Tên Website (Tên cửa hàng): Sau lên ý tưởng tham khảo ý kiến giáo viên hướng dẫn chúng em định đặt tên website 2TL FOOD Vừa đơn giản, giúp người dùng nhớ tên website tìm kiếm cách dễ dàng cơng cụ tìm kiếm phổ biến 4.2 Logo Website: Hình 4.2: Logo Website Logo website thiết kế đơn giản với sắc màu nhẹ nhàng đẹp Giúp người dùng ấn tượng với logo trang, không bị hòa lẫn với logo đầy màu sắc trang khác 4.3 Cấu trúc Website: Đây website bán giới thiệu sản phẩm cửa hàng, công ty đến người dùng với chi tiết mặt hàng với giá thành xác Website gồm có trang: 14 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 15 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat 4.4 Hình ảnh chi tiết Website: Hình – – 1: Trang chủ 16 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình – –2: Trang danh mục sản phẩm 17 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình – –3: Trang chi tiết sản phẩm 18 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình 4-4-4: Trang hỗ trợ khách hàng 19 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Hình 4-4-5: Trang BLOG TỔNG KẾT Kết Trên nghiên cứu ngôn ngữ Website ứng dụng lập trình Dưới hướng dẫn cô Phan Thị Lan Anh, em thiết kế thành công Website bán đồ ăn Tuy kết đạt chưa cao, Website nhiều điểm hạn chế chưa khắc phục được, bước khởi đầu để em hướng tới Website hồn thiện kinh doanh Bên cạnh đó, q trình xây dựng Website demo, chúng em học hỏi nhiều thứ, kĩ bootstrap, javascript, CSS để thiết kế Website có chất lượng cao sau Về Website demo, sau em lấy ý kiến giáo viên cá bạn khoa Website đạt kết khả quan có tiềm phát triển lớn tương lai 20 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat Em sinh viên bước đầu lập trình, nên Website khơng thể tránh khỏi lỗi, điểm chưa hợp lí động lực để em làm tốt sau Hướng phát triển: Có nhiều hướng phát triển cho Website này, phát triển nhiều mặt, xây dựng thêm trang Admin dành cho chủ cửa hàng để quản lí khách hàng, cập nhật sản phẩm giá thành sản phẩm, xây dựng Website hỗ trợ tìm kiếm em phát triển Có thể xây dựng thêm Website đa ngơn ngữ, để vị khách hàng xem hiểu Hướng phát triển Website tiến đến thương mại điện tử với đầy đủ chức toán tiền qua mạng Nhưng nước ta vấn đề tốn qua mạng cịn gặp nhiều khó khăn chưa phổ biến chức Website dùng để hỗ trợ cho nhà quản trị hạn chế Vấn đề Website phục vụ việc quảng cáo Từ đó, bên cạnh việc thương mại vấn đề cần phải tập trung thu hút khách hàng liên hệ thỏa thuận thiết kế, lắp đặt cơng trình thuộc lĩnh vực chun mơn công ty, cửa hàng DANH MỤC TÀI LIỆU THAM KHẢO [1] Mr Web Designer 21 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat ... ……………… 12 Hình – – 5: Sơ đồ chức nghiệp vụ bán hàng………………………… 13 TIEU LUAN MOI download : skknchat123@gmail.com moi nhat CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1. 1 Tên đề tài: ? ?Xây dựng website bán đồ ăn? ?? 1. 2... – TT VIỆT HÀN BÁO CÁO ĐỒÁNCƠS? ?1 ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĂN Sinh viên thực Lớp Giảng viên hướng dẫn : Đà Nẵng, ngày 26 tháng 05 năm 2022 TIEU LUAN MOI download : skknchat123@gmail.com... bá xây dựng Website cho cửa hàng nhằm quảng bá tất sản phẩm bán Chính em chọn thực đề tài “XÂY DỰNG WEBSITE BÁN ĐỒ ĂN? ?? cho cửa hàng bán mì quảng Bà Mua Người chủ cửa hàng sẻ đưa sản phẩm lên website