Tóm tắt Đồ án tốt nghiệp Công nghệ thông tin: Nghiên cứu Bootstrap CSS Framework và ứng dụng xây dựng website giới thiệu thông tin về các cây cầu bắc trên sông Hàn Đà Nẵng

Mục tiêu để xây dựng website giới thiệu thông tin về các cây cầu bắc trên sông Hàn Đà Nẵng là giúp khách du lịch nắm r những thông tin chính xác về thông tin, lịch sử hình thành, các tin chất lượng, mới nhất về các cây cầu 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.

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

KHOA CÔNG NGHỆ THÔNG TIN



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

Niên khóa : 2015 - 2018 CBHD : TS Nguyễn Thị Hoa Huệ

Đà Nẵng, tháng 06 năm 2018

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

KHOA CÔNG NGHỆ THÔNG TIN



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

Niên khóa : 2015 - 2018 CBHD : TS Nguyễn Thị Hoa Huệ

Đà Nẵng, tháng 06 năm 2018

MỞ ĐẦU

1 Lý do chọn đề tà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 đề 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

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 cây cầu 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

Chính vì lí do trên em đã lựa chọn đề tài: “Nghiên cứu Bootstrap CSS Framework và ứng dụng xây dựng website giới thiệu thông tin về các cây cầu bắc trên sông Hàn Đà 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ề lịch

sử, quá trình hình thành, vị trí địa lý từng cây cầu 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

Mục tiêu để xây dựng website giới thiệu thông tin về các cây cầu bắc trên sông Hàn Đà Nẵng là giúp khách du lịch nắm r những thông tin chính xác về thông tin, lịch sử hình thành, các tin chất lượng, mới nhất về các cây cầu 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ệ Bootstrap 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: Sublime Tex 3, Framework Bootstrap CSS, PHP và Mysql

Phạm vi nghiên cứu đề tài xây dựng là 6 cây cầu bắc trên sông Hàn – Đà Nẵng, bao gồm lịch sử, thông tin các hình thành, quá trình xây dựng, năm hình thành và vị trí các cây cầu

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

Tìm hiểu và thu thập thông tin về các cây cầu bắc trên sông

Hàn – Đà 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 Bootstrap CSS, PHP Mysql 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ề các cây cầu bắc trên sông Hàn Đà 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:

- Đăng kí

- 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à thực tiễn

Giúp khách du lịch có thể biết r lịch sử hình thành, quá trình xây dựng, năm hình thành và vị trí bản đồ của những cây cầu được

bắc trên sông Hàn Đà Nẵng

Hiểu r được công nghệ Bootstrap CSS, phục vụ cho việc xây dựng website giới thiệu những cây cầu bắc trên sông Hàn để áp dụng

vào thực tiễn nhiều hơn

7 Dự kiến 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

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

1.2 GIỚI THIỆU VỀ CSS

1.3 GIỚI THIỆU VỀ FRAMEWORK BOOTSTRAP

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

1.5 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

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

1.6 NHÓM THẺ PHỤC VỤ CHO VIỆC SEO TRANG WEB

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

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ự 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 đồ tình tự xóa bài viết

2.6.5 Biểu đồ trình tự đăng kí thành viên

Hình 2.7 Biểu đồ trình tự đăng kí thành viên

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

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

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

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

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

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

Hình 2.10 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.11 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.12 Biểu đồ trạng thái cập nhật bài viết

2.7.4 Biểu đồ cập nhật trạng thái đăng kí

Hình 2.13 Biểu đồ trạng thái đăng kí thành viên

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

Hình 2.14 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.15 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.16 Biểu đồ hoạt động quản lý tin tức

CHƯƠNG 3 KIẾN TRÚC VẬT LÝ VÀ GIỚI THIỆU

WEBSITE 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 Một số hình ảnh của website

3.2.1 Giao diện trang chủ

Hình 3.1 Giao diện trang chủ

3.2.2 Giao diện trang giới thiệu cây cầu

Hình 3.2 Giao diện trang giới thiệu cây cầu

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

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

3.2.4 Giao diện hiển thị tin tức theo từng tên cầu

Hình 3.4 Giao diện trang hiển thị tin tức theo tên cầu3.2.5 Giao

diện trang liên hệ

HÌnh 3.5 Giao diện trang trang liên h

3.2.6 Giao diện trang giới thiệu

Hình 3.6 Giao diện trang giới thiệu

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

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

3.2.8 Giao diện trang đăng kí tài khoản

Hình 3.8 Giao diện trang đăng kí3.2.9 Giao diện trang quản lý

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

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂ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 cô Nguyễn Thị Hoa Huệ 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 thông tin về các cây cầu được bắc trên sông Hàn Đà 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ụ Sublime Text 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,…