KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNGĐỒ ÁN CƠ SỞ 1XÂY DỰNG WEBSITE QUẢNG BÁ VĂN HÓA ẨMTHỰC HÀN QUỐC

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ XÂY DỰNG WEBSITE QUẢNG BÁ VĂN HÓA ẨM THỰC HÀN QUỐC Sinh viên thực : NGUYỄN HOÀI NAM Lớp: 19IT5 NGUYỄN HOÀNG LONG Giảng viên hướng dẫn: TS LÊ THỊ THU NGA Đà nẵng, tháng 06 năm 2020 Lớp: 19IT5 ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢNG BÁ VĂN HÓA ẨM THỰC HÀN QUỐC Đà Nẵng, tháng năm 2019 LỜI CẢM ƠN Để thực hoàn thành tốt đồ án này, em nhận giúp đỡ hướng dẫn tận tình thầy cô thuộc Khoa Công nghệ Thông tin Và Truyền thông – Đại học Đà Nẵng Em xin cảm ơn thầy cô thuộc môn chuyên ngành cung cấp cho chúng em thông tin, kiến thức vô quý báu cần thiết suốt thời gian để em thực hồn thành đồ án Đặc biệt em xin chân thành cảm ơn thành cô Lê Thị Thu Nga người trực tiếp hướng dẫn chúng em thời gian thực đồ án Cuối cùng, xin chân thành cảm ơn bạn ngành công nghệ thông tin ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm tài liệu có giúp chúng tơi trình nghiên cứu thực đề tài Do giới hạn mặt thời gian kiến thức kinh nghiệm thực tiễn nên đề tài không tránh khỏi sai xót Em mong nhận thơng cảm q thầy mong đón nhận góp ý thầy bạn Em xin chân thành cảm ơn! NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày 06 tháng 06 năm 2020 Giảng viên hướng dẫn TS LÊ THỊ THU NGA MỞ ĐẦU Chương KIẾN THỨC TỔNG QUAN 1.1 Các hệ thống website tương tự .9 1.2 Các công cụ hỗ trợ thực thiết kế website .9 1.2.1 Các phần mềm lập trình 1.2.2 Các ngôn ngữ phần mềm sử dụng Chương 2: Phân tích thiết kế website 11 2.1 Mơ hình tổng quan hệ thống .11 2.1.1 Biểu đồ phân tích thiết kế hướng đối tượng .11 2.1.2 Mô tả hệ thống .11 Chương 3: Xây dựng WEBSITE .12 3.1 Tên website 12 3.2 Cấu trúc website 12 3.3 Chi tiết 12 3.3.1 Trang chủ 12 13 3.3.2 Trang đăng kí 14 3.4.3 Form đăng nhập 15 3.4.4 Trang giới thiệu website 16 3.4.5 Trang đăng công thức 17 3.4.6 Trang câu chuyện 17 3.4.7 Trang liên hệ 19 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN .20 Kết đạt 20 Hướng phát triển 20 MỞ ĐẦU Giới thiệu Ngày với bùng nổ Internet, ngày mở rộng khắp nơi giới, cần máy tính kết nối Internet việc sử dụng nguồn tài nguyên vô phong phú Việc doanh nghiệp dần hoàn thiện máy tổ chức cách linh hoạt việc ứng dụng công nghệ thông tin vào hoạt động kinh doanh doanh nghiệp việc làm tất yếu, cải tiến doanh nghiệp chủ động xây dựng trang thơng tin riêng để quảng bá hình ảnh cơng ty, mặt khác để kinh doanh trực tuyến, áp dụng thương mại điện tử vào thương mại Và công cụ hữu ích cho việc phát triển xây dựng dự án cơng nghệ thơng tin hồn chỉnh, đáp ứng nhu cầu người dùng Đối với ngành công nghệ thực phẩm, việc ứng dụng công nghệ thông tin giúp cho doanh nghiệp xử lý cơng việc xác, hiệu quả, tiết kiệm chi phí, quảng bá hình ảnh doanh nghiệp rộng rãi nước quốc tế, mặt khác khắc phục yếu công tác quản lý nội doanh nghiệp khách hàng Từ kiến thức học,em tìm hiểu đề tài “Xây dựng trang web ẩm thực văn hóa Hàn Quốc” Phương pháp, mục tiêu đề tài - Trước tiên ta phải nêu tốn, phân tích thiết kế giao diện, hệ thống website - Dựa mục tiêu cụ thể để tìm kiếm thơng tin sử dụng, thiết kế giao diện phù hợp - Sau xây dựng website sử dụng ngôn ngữ HTML, JavaScript, sử dụng số cơng cụ để lập trình Sublime Text, … Cấu trúc đồ án Nỗi dung đồ án, phần mở đầu kết luận, bao gồm chương: − Chương Kiến thức tổng quan: chương trình bày nội dung liên quan đến HTML, Java… − Chương Phân tích thiết kế website: − Chương Xây dựng website Cuối Kết luận hướng phát triển Chương KIẾN THỨC TỔNG QUAN Để đạt độ thẩm mỹ cao, khả tương thích với tất loại thiết bị, hoạt động ổn định, nên nhóm định sử dụng ngôn ngữ HTML, ứng dụng Visual Code, công cụ hỗ trợ để áp dụng vào thiết kế xây dựng website “Xây dựng trang web ẩm thực văn hóa Hàn Quốc” 1.1 Các hệ thống website tương tự Hiện có số website tương tự, tiêu biểu hệ thống website : - http://korea.net.vn/ - https://www.koreanbapsang.com/ 1.2 Các công cụ hỗ trợ thực thiết kế website 1.2.1 Các phần mềm lập trình - Visual Code Ưu điểm phần mềm dễ để cài đặt sử dụng Mỗi phần mềm đảm bảo tính riêng Như Visual Code IDE dùng để soạn thảo ngơn ngữ lập trình Phần mềm hỗ trợ chạy hệ điều hành Windows 1.2.2 Các ngôn ngữ phần mềm sử dụng - JavaScript JavaScript ngơn ngữ lập trình HTML WEB Nó nhẹ sử dụng phổ biến phần trang web, mà thi hành chúng cho phép Client-Side script tương tác với người sử dụng tạo trang web động Nó ngơn ngữ chương trình thơng dịch với khả hướng đối tượng - CSS CSS ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet language Nó dùng để tạo phong cách định kiểu cho yếu tố viết dạng ngôn ngữ đánh dấu, HTML Nó điều khiển định dạng nhiều trang web 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ị trang web với nội dung trang cách điều khiển bố cục, màu sắc, font chữ 10 Chương 2: Phân tích thiết kế website 2.1 Mơ hình tổng quan hệ thống 2.1.1 Biểu đồ phân tích thiết kế hướng đối tượng Website quảng văn hóa ẩm thực Hàn Quốc Người dùng Đăng nhập Gửi thông tin Đọc Đăng công Đăng kí liên hệ viết thức 2.1.2 Mơ tả hệ thống Thơng qua website, người dùng có thể: • Đọc viết review • Gửi thơng tin liên hệ cho trự sở • Đăng nhập đăng kí tài khoản • Đăng công thức 11 Chương 3: Xây dựng WEBSITE 3.1 Tên website 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 Korean Food Blog 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 3.2 Cấu trúc website Website gồm có phần: - Trang chủ - Đăng kí - Đăng nhập - Trang giới thiệu website - Trang đăng công thức - Trang câu chuyện - Trang liên hệ 3.3 Chi tiết 3.3.1 Trang chủ 12 Hình 1: Trang chủ Ở Trang chủ website Trang chủ bao gồm tất demo phần cịn lại Bao gồm thơng tin liên hệ, mục ăn, giúp khách truy cập nhanh chóng tìm thấy thơng tin, dịch vụ cần thiết trang cách nhanh chóng Trang chủ cịn giúp người dùng xem tổng quan trang web, người dùng muốn xem chi tiết phần chuyển tab dễ dàng 13 3.3.2 Trang đăng kí Hình 6: Trang đăng kí Trang đăng kí giúp người dùng tạo tài khoản riêng Ở đây, người dùng phải điền đầy đủ thông tin thân để giúp phân biệt tài khoản tài khoản khác Cũng tiện cho việc xác minh danh tính người dùng sau 14 3.4.3 Form đăng nhập Hình 7: Form đăng nhập Khi đăng kí tài khoản, người có nhu cầu tìm kiếm đăng nhập tài khoản vào để sử dụng 15 3.4.4 Trang giới thiệu website Hình 8: Trang giới thiệu Đây trang web giới thiệu cách đơn giản khái quát website người sử dụng biết website đem lại lợi ích cho họ 16 3.4.5 Trang đăng công thức Trang đăng công thức giúp người viết dùng đăng lên số thơng tin ăn ví dụ như: hình ảnh, giới thiệu, cách làm, nguyên liệu Hinh Trang đăng công thức 3.4.6 Trang câu chuyện Tại người dùng tìm đọc viết văn hóa, câu chuyện xoay quanh ăn 17 Hình 10 Các câu chuyện 18 3.4.7 Trang liên hệ Giúp người muốn liên hệ để đặt quảng cáo hay liên hệ để đăng viết bao gồm thông tin liên lạc: - Số điện thoại - Địa trụ sở - Email - Thông tin người gửi Hình 11 Trang liên hệ 19 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Qua việc làm đồ án này, em xin đưa kết thu sau: • Bản thân tích lũy kinh nghiệm việc phân tích thiết kế hệ thống • Xây dựng website sử dụng cơng cụ Bootstrap JavaScrip • Cho phép tất người truy cập đến trang web để nhận xem thơng tin • Cho phép người dùng tương tác với qua block việc đăng nhập đơn giản vào website • Website hỗ trợ tiếng Việt Unicode Về hạn chế: • Giao diện chưa tốt • Chương trình chưa kiểm tra hết trường hợp xảy Hướng phát triển • • • • • Xây dựng giao diện thân thiện với người dùng Kiểm tra trường hợp cịn thiếu sót Tận dụng mạnh ngơn ngữ lập trình Xây dựng thêm nhiều chức để hệ thống đầy đủ tồn vẹn Tìm hiểu xu hướng người dùng để chỉnh sửa, bổ sung hệ thống phù hợp theo yêu cầu 20