- Trang Chủ
- Công nghệ thông tin
- 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
Xem mẫu
- 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
- MỞ ĐẦU
“Tin tức tích lũy trong mỗi chúng ta được gọi là kiến thức,tài
sản quý giá nhất của con người”
Hiện nay, sự phát triển nhanh chóng của công nghệ thông tin
nói chung và mạng Internet nói riêng đã đem lại cho mọi người một
cuộc sống hoàn toàn khác. Với mạng lưới Internet rộng khắp, con
người không còn khó khăn trong việc tìm kiếm những thông tin mà
mình cần. Với mật độ phủ sóng của Internet trong thời đại công nghệ
hiện nay, thông tin không còn trở nên khan hiếm. Chỉ với một cú
click chuột, hàng loạt các thông tin về vấn đề mà bạn cần đã hiện ra
chỉ trong vài giây ngắn ngủi. Tuy nhiên, quá nhiều thông tin cũng
được gọi là một con dao hai lưỡi đối với nhiều người. Bạn hoàn toàn
không hề biết được đâu là những thông tin chính xác mà bạn cần,
đâu là những thông tin lá cải được viết bừa bãi nhằm thu hút người
đọc.
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
1
- 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
Đà Nẵng xinh đẹp.
Nhiệm vụ:
Nghiên cứu công nghệ ootstrap CSS.
Phân tích thiết kế.
Xây dựng website.
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:
Framework Bootstrap CSS, PHP và Mysql.
2
- 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.
3
- 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
4
- 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
5
- 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,...
6
- 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.
2.2. CÁC TRƢỜNG HỢP SỬ DỤNG
2.2.1. Liệt kê các trƣờng hợp sử dụng
2.2.2. Đặc tả các trƣờng hợp sử dụng
2.2.3. Biểu đồ trƣờng hợp sử dụng
Hình 2.1. Biểu đồ trường hợp sử dụng.
2.3. XÁC ĐỊNH CÁC LỚP ĐỐI TƢỢNG
Dựa vào việc áp dụng các phương pháp khác nhau, em đã xác
định được các lớp đối tượng của website như sau:
- 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
7
- - Loaitk (Loại tài khoản): phân loại tài khoản gồm thành viên
và quản trị viên
2.4. BIỂU ĐỒ LỚP
Hình 2.2. Biểu đồ lớp
2.5. THIẾT KẾ CƠ SỞ DỮ LIỆU VẬT LÝ TRÊN HỆ CƠ SỞ
QUẢN TRỊ CSDL MYSQL
2.5.1. Bảng Admin (Bảng lƣu thông tin tài khoản admin)
2.5.2. Bảng Banner (Bảng lƣu thông tin hình ảnh banner)
2.5.3. Bảng Bình luận (Bảng bình luận bài viết)
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
8
- 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
9
- 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
Hình 2.8. Biểu đồ trình tự bình luận bài viết
10
- 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
11
- 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
Hình 2.14. Biểu đồ hoạt động quản lý tin tức
12
- 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ở
dữ liệu như:
User: Nơi lưu trữ tài khoản và mật khẩu của mỗi thành viên
sau khi đăng nhập hệ thống.
Post: ỗi tin tức gồm các thông tin cần được lưu trữ như: id
của bài viết, mỗi bài viết sẽ có một mã, tên tiêu đề, tóm tắt bài viết,
hình ảnh, nội dung bài viết, được đăng vào ngày tháng và giờ nào
Comment: Nội dung bình luận hiển thị trên các bài viết được
lưu trữ vào cơ sở dữ liệu như: tên thành viên, nội dung bình luận,
ngày giờ bình luận.
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
13
- 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.3. Giao diện trang giới thiệu du lịch Đà Nẵng
3.2.4. Giao diện trang giới thiệu ẩm thực Đà Nẵng
14
- 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
15
- 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ệ
Hình 3.8. Giao diện trang liên hệ
16
- 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
17
- 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
18
nguon tai.lieu . vn