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

Việc các doanh nghiệp đang dần hoàn thiện bộ máy tổ chức một cách linh hoạt nhất và việc ứng dụng công nghệ thông tin vào mọi hoạt động kinh doanh của doanh nghiệp là một việc làm tất yế

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

XÂY DỰNG WEBSITE QUẢNG BÁ VĂN HÓA ẨM

THỰC HÀN QUỐC

Sinh viên thực hiện : NGUYỄN HOÀI NAM Lớp: 19IT5

NGUYỄN HOÀNG LONG Lớp: 19IT5

Giảng viên hướng dẫn: TS LÊ THỊ THU NGA

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

ĐỒ ÁN CƠ SỞ 1

ĐỀ TÀI: XÂY DỰNG WEBSITE QUẢNG BÁ VĂN HÓA

ẨM THỰC HÀN QUỐC

LỜI CẢM ƠN

Để thực hiện và hoàn thành tốt đồ án này, em đã nhận được sự giúp đỡ và hướng dẫn rất tận tình của các 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 các thầy cô thuộc bộ môn chuyên ngành

đã cung cấp cho chúng em các thông tin, kiến thức vô cùng quý báu và cần thiết trong suốt thời gian quá để em có thể thực hiện và hoàn thành đồ án của mình Đặ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 trong thời gian thực hiện đồ án này

Cuối cùng, xin chân thành cảm ơn các bạn trong ngành công nghệ thông tin

đã ủng hộ, giúp đỡ, chia sẻ kiến thức, kinh nghiệm và tài liệu có được giúp chúng tôi trong quá trình nghiên cứu và thực hiện đề tài

Do giới hạn về mặt thời gian và kiến thức cũng như kinh nghiệm thực tiễn nên đề tài không tránh khỏi những sai xót Em rất mong nhận được sự thông cảm của quý thầy cô và mong đón nhận những góp ý của thầy cô và các 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 6

Chương 1 KIẾN THỨC TỔNG QUAN 9

1.1 Các hệ thống website tương tự 9

1.2 Các công cụ hỗ trợ thực hiện thiết kế website 9

1.2.1 Các phần mềm lập trình 9

1.2.2 Các ngôn ngữ và phần mềm sử dụng 9

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 về 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

1 Kết quả đạt được 20

2 Hướng phát triển 20

MỞ ĐẦU

1 Giới thiệu

Ngày nay cùng với sự bùng nổ của Internet, ngày càng mở rộng ở khắp nơi trên thế giới, chỉ cần máy tính kết nối Internet thì việc sử dụng nguồn tài nguyên này là vô cùng phong phú

Việc các doanh nghiệp đang dần hoàn thiện bộ máy tổ chức một cách linh hoạt nhất và việc ứng dụng công nghệ thông tin vào mọi hoạt động kinh doanh của doanh nghiệp là một việc làm tất yếu, một trong những cải tiến đó là doanh nghiệp

đã chủ động xây dựng những trang thông tin của riêng mình để quảng bá hình ảnh của công ty, mặt khác là để kinh doanh trực tuyến, áp dụng thương mại điện tử vào trong thương mại

Và một trong những công cụ hữu ích nhất cho việc phát triển này đó là xây dựng được một dự án công nghệ thông tin hoàn chỉnh, đáp ứng được các nhu cầu của 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 cũng giúp cho các doanh nghiệp xử lý công việc chính xác, hiệu quả, tiết kiệm chi phí, quảng

bá hình ảnh doanh nghiệp rộng rãi trong nước và quốc tế, mặt khác còn khắc phục được những yếu kém trong công tác quản lý nội bộ của doanh nghiệp và khách

hàng Từ những kiến thức được học,em đã tìm hiểu về đề tài “Xây dựng trang web

ẩm thực văn hóa Hàn Quốc”

2 Phương pháp, mục tiêu đề tài

- Trước tiên ta phải nêu bài toán, phân tích và thiết kế giao diện, hệ thống của website

- Dựa trên các 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 một số công cụ để lập trình như Sublime Text, …

3 Cấu trúc đồ án

Nỗi dung đồ án, ngoài phần mở đầu và kết luận, bao gồm 3 chương:

− Chương 1 Kiến thức tổng quan: trong chương này trình bày các nội dung

liên quan đến HTML, Java…

− Chương 2 Phân tích thiết kế website:

− Chương 3 Xây dựng website

Cuối cùng là Kết luận và hướng phát triển

Chương 1 KIẾN THỨC TỔNG QUAN

Để đạt độ thẩm mỹ cao, khả năng tương thích với tất cả các loại thiết bị, hoạt động ổn định, nên nhóm quyết định sử dụng ngôn ngữ HTML, ứng dụng Visual Code, cũng như các công cụ hỗ trợ để áp dụng vào thiết kế và 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 nay có một số website tương tự, tiêu biểu là các hệ thống website :

- http://korea.net.vn/

- https://www.koreanbapsang.com/

1.2 Các công cụ hỗ trợ thực hiện thiết kế website

1.2.1 Các phần mềm lập trình

- Visual Code

Ưu điểm của các phần mềm này là nó rất dễ để có thể cài đặt và sử dụng Mỗi phần mềm đảm bảo một tính năng riêng Như Visual Code là 1 IDE dùng để soạn thảo ngôn ngữ lập trình Phần mềm trên đều hỗ trợ chạy trên hệ điều hành Windows

1.2.2 Các ngôn ngữ và phần mềm sử dụng

- JavaScript

JavaScript là một ngôn ngữ lập trình của HTML và WEB Nó là nhẹ và được sử dụng phổ biến nhất như là một phần của các trang web, mà sự thi hành của chúng cho phép Client-Side script tương tác với người sử dụng

và tạo các trang web động Nó là một ngôn ngữ chương trình thông dịch với các khả năng hướng đối tượng

- CSS

CSS là ngôn ngữ tạo phong cách cho trang web – Cascading Style Sheet language Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết dưới dạng ngôn ngữ đánh dấu, như là HTML Nó có thể điều khiển định dạng của nhiều trang web cùng 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ị của trang web với nội dung chính của trang bằng cách điều khiển bố cục, màu sắc, và font chữ

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

2.1.2 Mô tả hệ thống

Thông qua website, người dùng có thể:

• Đọc các bài viết review

• Gửi thông tin liên hệ cho trự sở

• Đăng nhập và đăng kí tài khoản

• Đăng công thức

Website quảng văn hóa ẩm thực

Hàn Quốc

Người dùng

Đăng nhập

Đăng kí

Gửi thông tin liên hệ

Đọc các bài viết

Đăng công thức

Chương 3: Xây dựng WEBSITE

3.1 Tên website

Sau khi lên ý tưởng và tham khảo ý kiến của giáo viên hướng dẫn thì chúng

em quyết định đặt tên website là Korean Food Blog Vừa đơn giản, nhưng giúp người dùng có thể nhớ tên website và tìm kiếm một cách rất dễ dàng trên các công

cụ tìm kiếm phổ biến

3.2 Cấu trúc website

Website gồm có các phần:

- Trang chủ

- Đăng kí

- Đăng nhập

- Trang giới thiệu về 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ủ

Hình 1: Trang chủ

Ở trên là Trang chủ của website Trang chủ bao gồm tất cả những demo của các phần còn lại Bao gồm thông tin liên hệ, các mục món ăn, giúp khách truy cập nhanh chóng tìm thấy các thông tin, dịch vụ cần thiết trên trang một cách nhanh chóng Trang chủ còn giúp người dùng xem được tổng quan của trang web, và người dùng muốn xem chi tiết phần nào thì có thể chuyển tab rất dễ dàng

3.3.2 Trang đăng kí

Hình 6: Trang đăng kí

Trang đăng kí giúp người dùng tạo một tài khoản của riêng mình Ở đây, người dùng phải điền đầy đủ các thông tin của bản thân để giúp phân biệt giữa tài khoản này và tài khoản khác Cũng tiện cho việc xác minh danh tính của người

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 có thể đăng nhập tài khoản vào để sử dụng

3.4.4 Trang giới thiệu về website

Hình 8: Trang giới thiệu

Đây là trang web giới thiệu một cách đơn giản và khái quát nhất về website để cho người sử dụng sẽ biết được website có thể đem lại lợi ích gì cho họ

3.4.5 Trang đăng công thức

Trang đăng công thức giúp người viết bài dùng đăng lên một số thông

tin về món ăn ví dụ như: hình ảnh, giới thiệu, cách làm, nguyên liệu

Hinh 9 Trang đăng công thức

3.4.6 Trang câu chuyện

Tại đây người dùng có thể tìm đọc bài viết về văn hóa, câu chuyện xoay quanh các món ăn

Hình 10 Các câu chuyện

3.4.7 Trang liên hệ

Giúp những người muốn liên hệ để đặt quảng cáo hay liên hệ để đăng bài viết bao gồm các thông tin liên lạc:

- Số điện thoại

- Địa chỉ trụ sở

- Email

- Thông tin người gửi

Hình 11 Trang liên hệ

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

1 Kết quả đạt được

Qua việc làm đồ án này, em xin đưa ra kết quả thu được như sau:

• Bản thân tích lũy được kinh nghiệm trong việc phân tích và thiết kế hệ thống

• Xây dựng được website sử dụng công cụ Bootstrap và JavaScrip

• Cho phép tất cả mọi người có thể truy cập đến trang web để nhận và xem thông tin

• Cho phép người dùng có thể tương tác với nhau qua block bằng 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 được tốt

• Chương trình chưa kiểm tra hết các trường hợp có thể xảy ra

2 Hướng phát triển

• Xây dựng được giao diện thân thiện hơn với người dùng

• Kiểm tra các trường hợp còn thiếu sót

• Tận dụng thế mạnh của ngôn ngữ lập trình

• Xây dựng thêm nhiều chức năng để hệ thống đầy đủ và toàn vẹn hơn

• Tìm hiểu xu hướng của người dùng để chỉnh sửa, bổ sung hệ thống phù hợp theo yêu cầu