Tóm tắt Đồ án tốt nghiệp Công nghệ thông tin: Nghiên cứu Bootstrap và ứng dụng xây dựng website giới thiệu du lịch - ẩm thực Đà Nẵng

Mục tiêu để xây dựng website giới thiệu thông tin về du lịch - ẩm thực giúp khách du lịch nắm rõ những thông tin chính xác về thông tin, các tin chất lượng, mới nhất về các địa điểm du lịch - ẩm thực tại Đà Nẵng, cũng như những thông tin liên quan đến du lịch, nghỉ dưỡng, học tập, … mà mọi người quan tâm tại thành phố biển Đà Nẵng xinh đẹp.

TRƯỜNG CAO ĐẲNG CÔNG NGHỆ THÔNG TIN

HỮU NGHỊ VIỆT - HÀN

KHOA CÔNG NGHỆ THÔNG TIN



NGHIÊN CỨU BOOTSTRAP VÀ ỨNG DỤNG

ĐỂ XÂY DỰNG WEBSITE GIỚI THIỆU

DU LỊCH - ẨM THỰC ĐÀ NẴNG

TÓM TẮT ĐỒ ÁN TỐT NGHIỆP NGÀNH: CÔNG NGHỆ THÔNG TIN

NIÊN KHÓA: 2016 - 2019

HSSV : Lê Thị Thu Quyên

Mã HSSV : CCCT16A018 CBHD : TS Hồ Văn Phi

Đà Nẵng, 06/2019

Với sự bùng nổ thông tin trên internet, vai trò của các trang thông tin điện tử trực tuyến càng trở nên quan trọng Khác với báo chí truyền thông có giới hạn thời gian cập nhật tin tức, các tờ báo trực tuyến đã cung cấp được sự tiện lợi trong việc cập nhật và phát hành thông tin Về phía người dùng, họ có thể xem thông tin mọi lúc mọi nơi Về phía những người cung cấp thông tin, các nhà báo, họ có thể dễ dàng cập nhật những tin tức mới nhất, thời sự nhất Do đó việc

sử dụng các trang thông tin trực tuyến luôn là điều cần thiết hiện nay nhằm đáp ứng nhu cầu cập nhật thông tin của mỗi người

1 Lý do chọn đề tài

Mỗi người hoàn toàn có thể tạo ra được một website nhằm đáp ứng nhu cầu và sở thích của riêng mình Website dạng blog giới thiệu về cuộc sống của bản thân, những sở thích hay vấn đề mà bản

thân quan tâm Thậm chí, bạn có thể tạo ra một website với nội dung

là review những món ăn ngon bạn đã từng thưởng thức, những địa điểm ăn chơi thả ga với giá hạt dẻ Bắt nguồn từ ý tưởng này, em mong muốn đem lại cho mọi người, đặc biệt là khách du lịch đến với

Đà Nẵng Những thông tin chính xác, chất lượng, mới nhất về các địa điểm du lịch, cũng như các món ăn tại Đà Nẵng, … mà mọi người quan tâm tại thành phố biển Đà Nẵng xinh đẹp

Chính vì lí do trên em đã lựa chọn đề tài: “Nghiên cứu Bootstrap và ứng dụng xây dựng website giới thiệu du lịch - ẩm thực

Đà Nẵng” Thông qua website này, khách du lịch sẽ nắm bắt được nhiều thông tin về những địa điểm du lịch, các món ăn ngon và những bài viết liên quan đến nó

2 Mục tiêu và nhiệm vụ nghiên cứu

ục tiêu để xây dựng website giới thiệu thông tin về du lịch -

ẩm thực giúp khách du lịch nắm rõ những thông tin chính xác về thông tin, các tin chất lượng, mới nhất về các địa điểm du lịch - ẩm thực tại Đà Nẵng, cũng như những thông tin liên quan đến du lịch, nghỉ dưỡng, học tập, … mà mọi người quan tâm tại thành phố biển

3 Đối tƣợng và phạm vi nghiên cứu

Các công cụ xây dựng hệ thống và các mô hình áp dụng:

Phạm vi nghiên cứu đề tài xây dựng là địa điểm du lịch - ẩm thực Đà Nẵng, các bài viết về du lịch- ẩm thực, và một số bài viết liên quan đến du lịch- ẩm thực

4 Phương pháp nghiên cứu

Tìm hiểu và thu thập thông tin về du lịch - ẩm thực Đà Nẵng

Tham khảo một số website giới thiệu các địa điểm du lịch Tìm hiểu và nghiên cứu các tài liệu liên quan đến ootstrap CSS, PHP ysql và học hỏi kinh nghiệm của anh/chị trên các diễn đàn, các nhóm

Nghiên cứu các công cụ xây dựng hệ thống

5 Dự kiến kết quả

Xây dựng hoàn thiện website giới thiệu thông tin về du lịch -

ẩm thực Đà Nẵng với một số chức năng chính của website

Chức năng của người xem gồm có 2 đối tượng:

Thành viên đã đăng kí tài khoản:

- Đăng nhập

- Xem bài viết

- Bình luận bài biết

Khách:

- Xem bài viết

Quyền của quản trị Admin quản lý chung:

- Quản lý thành viên

- Quản lý tin tức

- Đăng nhập vào tài khoản với quyền admin

6 Ý nghĩa khoa học và ý nghĩa thực tiễn

Hiểu r được công nghệ ootstrap CSS, phục vụ cho việc xây dựng website giới thiệu những địa điểm du lịch - ẩm thực Đà Nẵng

để áp dụng vào thực tiễn nhiều hơn

7 Nội dung đồ án

Chương 1: Cơ sở lý thuyết

Chương 2: Phân tích thiết kế hệ thống

Chương 3: Thiết kế giao diện và cài đặt hệ thống Kết luận và hướng phát triển

Tài liệu tham khảo

CHƯƠNG 1 CƠ SỞ LÝ THUYẾT 1.1 GIỚI THIỆU VỀ HTML

HT L Tiếng anh viết tắt từ Hyper Text arkup Language hay là “Ngôn ngữ đánh dấu siêu văn bản , là ngôn ngữ được trình bày trên World Wide Web và được tạo ra vào năm 1990 HT L kết hợp các đoạn văn bản text với cấu trúc code để từ đó quy định cách các text đó thể hiện

1.2 GIỚI THIỆU VỀ FRAMEWORK BOOSTRAP

Bootstrap là Front-End framework, là một bộ sưu tập miễn phí các công cụ để tạo ra các trang web và các ứng dụng web Nó chứa

HT L và CSS dựa trên các mẫu thiết kế cho kiểu chữ, hình thức, các nút, chuyển hướng và các thành phần giao diện khác, cũng như

mở rộng JavaScript tùy chọn

1.3 GIỚI THIỆU VỀ CÔNG NGHỆ THIẾT KẾ WEB RESPONSIVE

Responsive là một trong những thuật ngữ của công nghệ thiết

kế website đa nền tảng và phù hợp trên tất cả các kích thước màn hình nhờ một cơ sở dữ liệu và một layout gốc Sự ra đời của công nghệ web responsive là một giải pháp tuyệt vời nhất cho phép một trang web khi chạy trên các nền di động khác nhau mà vẫn giữ nguyên giao diện ban đầu; cho phép người dùng tiếp cận một trang web, một URL trên mọi thiết bị

1.4 TỔNG QUAN VỀ NGÔN NGỮ LẬP TRÌNH PHP VÀ HỆ QUẢN TRỊ CƠ SỞ DỮ LIỆU MYSQL

1.1.1 Tổng quan về ngôn ngữ lập trình PHP

PHP viết tắt "PHP: Hypertext Preprocessor" là một ngôn

ngữ lập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho

mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới

1.1.2 Hệ quản trị cơ sở dữ liệu MySQL

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến

nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng Vì ySQL là cơ sở dữ liệu tốc độ cao, ổn định

và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Với tốc độ và tính bảo mật cao, ySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet Người dùng có thể tải về ySQL miễn phí từ trang chủ ySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 XÁC ĐỊNH CÁC TÁC NHÂN

- Admin (Quản trị viên : Là người quản trị duy nhất, quản lý

mọi mặt của website

- User Thành viên : Đăng nhập, xem bài viết và có thể bình

luận tương tác bài viết

- Khách: Người xem bài viết, không thể bình luận

- Users (Tài khoản): là lớp chứa các thông tin của tài khoản,

phân loại tài khoản gồm thành viên và quản trị viên

- Post (Tin tức bài viết): Chứa nội dung các tin tức bài viết

- Comment (Bình luận): Chứa các bình luận bài viết

- Loaitk (Loại tài khoản): phân loại tài khoản gồm thành viên

2.5.4 Bảng img_upload (Bảng tải ảnh lên )

2.5.5 Bảng menu_category (Bảng tên danh mục )

2.5.6 Bảng menu_location (Bảng tên địa điểm )

2.5.7 Bảng posts (Bảng tin tức)

2.5.8 Bảng user (Bảng đăng nhập vào bình luận)

2.6 BIỂU ĐỒ TRÌNH TỰ

2.6.1 Biểu đồ trình tự đăng nhập

Hình 2.3 Biểu đồ trình tự đăng nhập

2.6.2 Biểu đồ trình tự thêm tin tức mới

Hình 2.4 Biểu đồ trình tự thêm tin tức

2.6.3 Biểu đồ trình tự tự sửa thông tin bài viết

Hình 2.5 Biểu đồ trình tự sửa thông tin bài viết

2.6.4 Biểu đồ trình tự xóa tin tức

Hình 2.6 Biểu đồ trình tự xóa bài viết

2.6.5 Biểu đồ trình tự xóa tin tức

Hình 2.7 Biểu đồ trình tự xóa tin tức

2.6.6 Biểu đồ trình tự bình luận bài viết

2.7 BIỂU ĐỒ TRẠNG THÁI

2.7.1 Biểu đồ trạng thái đăng nhập

Hình 2.9 Biểu đồ trạng thái đăng nhập

2.7.2 Biểu đồ trạng thái đăng bài viết

Hình 2.10 Biểu đồ trạng thái đăng bài viết

2.7.3 Biểu đồ trạng thái cập nhật bài viết

Hình 2.11 Biểu đồ trạng thái cập nhật bài viết

2.7.4 Biểu đồ trạng thái bình luận bài viết

Hình 2.12 Biểu đồ trạng thái bình luận bài viết

2.8 BIỂU ĐỒ HOẠT ĐỘNG

2.8.1 Biểu đồ hoạt động đăng nhập

Hình 2.13 Biểu đồ hoạt động đăng nhập

2.8.2 Biểu đồ hoạt động quản lý tin tức

CHƯƠNG 3 DEMO CHƯƠNG TRÌNH

3.1 PHÂN TÍCH YÊU CẦU HỆ THỐNG

3.1.1 Yêu cầu chức năng của hệ thống

Hệ thống cho phép lưu trữ, cập nhật một số thông tin vào cơ sở

3.1.2 Yêu cầu chức năng

3.1.3 Yêu cầu phi chức năng

3.2 MỘT SỐ HÌNH ẢNH CỦA WEBSITE

3.2.1 Giao diện trang đăng nhập

Hình 3.1 Giao diện trang đăng nhập

3.2.2 Giao diện trang chủ

Hình 3.2 Giao diện trang chủ

3.2.3 Giao diện trang giới thiệu du lịch Đà Nẵng

Hình 3.4 Giao diện trang giới thiệu ẩm thực Đà Nẵng

3.2.5 Giao diện trang thông tin bài viết

Hình 3.5 Giao diện trang thông tin bài viết

3.2.6 Giao diện hiển thị tin tức theo từng địa điểm

Hình 3.6 Giao diện trang hiển thị tin tức theo từng địa điểm

3.2.7 Giao diện hiển thị tin tức đọc nhiều và bài viết mới

Hình 3.7 Giao diện trang hiển thị tin tức đọc nhiều và bài viết mới

3.2.8 Giao diện trang liên hệ

3.2.9 Giao diện trang đăng nhập tài khoản vào bình luận bài

viết

Hình 3.9 Giao diện trang đăng nhập tài khoản vào bình luận bài

viết

3.2.10 Giao diện trang quản lý địa điểm

Hình 3.10 Giao diện trang quản lý địa điểm

3.2.11 Giao diện trang quản lý banner

Hình 3.11 Giao diện trang quản lý banner

3.2.12 Giao diện trang quản lý upload ảnh

Hình 3.12 Giao diện trang quản lý upload ảnh

3.2.13 Giao diện trang tạo bài viết

Hình 3.13 Giao diện trang tạo bài viết

KẾT LUẬN

Công nghệ đang dần trở thành một điều không thể thiếu trong cuộc sống con người, mang lại rất nhiều lợi ích cho người sử dụng cũng như nâng cao hiệu quả trong lĩnh vực giải trí và công việc Ứng dụng CNTT trong xã hội, người dân và doanh nghiệp đã có những chuyển biến tích cực, các tầng lớp xã hội ở mọi miền đất nước đều được tạo điều kiện để có thể khai thác, sử dụng thông tin điện tử và ứng dụng công nghệ thông tin vào hoạt động của mình Việt Nam đã trở thành một trong những nước có số lượng người dùng Internet cao nhất, trên cơ sở những thành tựu bước đầu của ngành CNTT như vậy, chúng ta càng thấy r hơn vai trò động lực của nó, điều này là điều kiện thuận lợi cho website của em có thể tiếp cận đến mọi người

Sau khi hoàn thành đề tài này nó đã giúp em có kinh nghiệm hơn trong việc áp dụng các ngôn ngữ cũng như các công nghệ đã nghiên cứu, để có thể ứng dụng tốt hơn trong công việc của mình sau này, tuy nhiên có một số tính năng chưa được nghiên cứu, hứa hẹn trong thời gian sắp tới hệ thống sẽ tiếp tục được phát triển và hoàn thiện hơn nữa

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

Dưới sự chỉ bảo và hướng dẫn của thầy Hồ Văn Phi cùng với

sự nổ lực của em để thực hiện đồ án với đề tài “Nghiên cứu Bootstrap CSS Framework và ứng dụng xây dựng website giới thiệu

du lịch - ẩm thực Đà Nẵng” của em đã được hoàn thành Với những thuận lợi và khó khăn trong quá trình làm việc, website cơ bản đã hoàn thành nhưng không tránh phần sai sót Tuy nhiên em đã rất nổ lực và website tin tức đã hoàn thành những nội dung chính sau:

- Vận dụng ngôn ngữ HTML, PHP – MYSQL và công cụ php vào việc xây dựng website tin tức

- Phần giao diện người dùng: giao diện thân thiện, cho phép bạn đọc dễ dàng xem tin

- Phần quản trị: đã xây dựng được hệ thống quản lý dữ liệu của website, giúp cho người quản trị dễ dàng quản lý thông tin, dữ liệu, xem, thêm, xóa, cập nhật dữ liệu cho website

2 Hướng phát triển

Ngày nay Internet đã trở thành phương tiện tra cứu thông tin khổng lồ và tiện dụng cho tất cả mọi người trên thế giới Việc học hành tìm hiểu thông tin qua mạng cũng đã trở nên hết sức phổ biến Hiểu được tầm quan trọng của tin tức, em luôn muốn hoàn thiện website giới thiệu của mình tốt hơn và xây dựng giao diện hoàn thiện, có tính chuyên nghiệp và mở rộng thêm nhiều chức năng như đọc tin từ động từ các trang web khác, thống kê số lượt người truy cập trang web,