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 ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĂN Sinh viên thực : Nguyễn Thanh Hiệp Lương Vũ Bảo Duy Lớp : 21CE1 Giảng viên hướng dẫn : TS.Phan Thị Lan Anh Đà Nẵng, ngày 26 tháng 05 năm 2022 ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CNTT – TT VIỆT HÀN BÁO CÁO ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĂN Sinh viên thực : Nguyễn Thanh Hiệp Lương Vũ Bảo Duy Lớp : 21CE1 Giảng viên hướng dẫn : TS.Phan Thị Lan Anh Đà Nẵng, ngày 26 tháng 05 năm 2022 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 LỜI CẢM ƠN Để dự án đạt kết tốt đẹp, em nhận hỗ trợ, giúp đỡ thầy 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 hoà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 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! 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 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 DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ HyperText Markup Language Viết tắt HTML Cascading Style Sheets CSS Microsoft FrontPage MS FrontPage World Wide Web Consortium W3C DANH MỤC HÌNH VẼ 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 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 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 2.5.2 Lý nên chọn Visual Studio Code: - Lý nên sử dụng Visual Studio Code có nhiều ưu điểm vượt trội so với IDE khác: + Hỗ trợ đa tảng: Windows, Linux, Mac + Hỗ trợ đa ngôn ngữ: C/C+, C#, Visual Basic, HTML, CSS, JavaScript, JSON + Tính mạnh mẽ, Giao diện thân thiện - Và hết, Visual Studio Code phần mềm miễn phí, đơng đảo lập trình viên giới sử dụng - Giao diện sử dụng: Hình – 4: Giao diện sử dụng phần mềm Visual Studio Code 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” Danh Mục Đặt hàng DM hàng hóa DM loại hàng Hóa đơn Thống kê Kiểm tra khách hàng Tra cứu mặt hàng Kiểm tra đặt hàng DM tin tức Xử lý mặt hàng 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 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 15 4.4 Hình ảnh chi tiết Website: Hình – – 1: Trang chủ 16 Hình – –2: Trang danh mục sản phẩm 17 Hình – –3: Trang chi tiết sản phẩm 18 Hình 4-4-4: Trang hỗ trợ khách hàng 19 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 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 đó, 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 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 tốn tiền qua mạng Nhưng nước ta vấn đề toá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 ... VIỆT HÀN BÁO CÁO ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE BÁN ĐỒ ĂN Sinh viên thực : Nguyễn Thanh Hiệp Lương Vũ Bảo Duy Lớp : 21CE1 Giảng viên hướng dẫn : TS.Phan Thị Lan Anh Đà Nẵng, ngày 26 tháng 05... 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. .. 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 CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1. 1 Tên đề tài: