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 MỞ ĐẦU “Tin tức tích lũy gọi kiến thức,tài sản quý giá người” Hiện nay, phát triển nhanh chóng cơng nghệ thơng tin nói chung mạng Internet nói riêng đem lại cho người sống hoàn toàn khác Với mạng lưới Internet rộng khắp, người khơng cịn khó khăn việc tìm kiếm thơng tin mà cần Với mật độ phủ sóng Internet thời đại cơng nghệ nay, thơng tin khơng cịn trở nên khan Chỉ với cú click chuột, hàng loạt thông tin vấn đề mà bạn cần vài giây ngắn ngủi Tuy nhiên, nhiều thông tin gọi dao hai lưỡi nhiều người Bạn hồn tồn khơng biết đâu thơng tin xác mà bạn cần, đâu thông tin cải viết bừa bãi nhằm thu hút người đọc Với bùng nổ thơng tin internet, vai trị trang thông tin điện tử trực tuyến 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, tờ báo trực tuyến cung cấp tiện lợi việc cập nhật phát hành thơng tin Về phía người dùng, họ xem thơng tin lúc nơi Về phía người cung cấp thơng tin, nhà báo, họ dễ dàng cập nhật tin tức nhất, thời Do việc sử dụng trang thông tin trực tuyến điều cần thiết nhằm đáp ứng nhu cầu cập nhật thông tin người Lý chọn đề tài Mỗi người hồn tồn tạo website nhằm đáp ứng nhu cầu sở thích riêng Website dạng blog giới thiệu sống thân, sở thích hay vấn đề mà thân quan tâm Thậm chí, bạn tạo website với nội dung review ăn ngon bạn thưởng thức, đị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 người, đặc biệt khách du lịch đến với Đà Nẵng Những thơng tin xác, chất lượng, địa điểm du lịch, ăn Đà Nẵng, … mà người quan tâm thành phố biển Đà Nẵng xinh đẹp Chính lí em lựa chọn đề tài: “Nghiên cứu Bootstrap ứ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 nắm bắt nhiều thông tin địa điểm du lịch, ăn ngon viết liên quan đến Mục tiêu nhiệm vụ nghiên cứu ục tiêu để xây dựng website giới thiệu thông tin du lịch - ẩm thực giúp khách du lịch nắm rõ thơng tin xác thông tin, tin chất lượng, địa điểm du lịch - ẩm thực Đà Nẵng, thông tin liên quan đến du lịch, nghỉ dưỡng, học tập, … mà người quan tâm 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 Đối tƣợng phạm vi nghiên cứu Các công cụ xây dựng hệ thống mơ hình áp dụng: Framework Bootstrap CSS, PHP Mysql Phạm vi nghiên cứu đề tài xây dựng địa điểm du lịch - ẩm thực Đà Nẵng, viết du lịch- ẩm thực, số viết liên quan đến du lịch- ẩm thực Phƣơng pháp nghiên cứu Tìm hiểu thu thập thông tin du lịch - ẩm thực Đà Nẵng Tham khảo số website giới thiệu địa điểm du lịch Tìm hiểu nghiên cứu tài liệu liên quan đến CSS, PHP ootstrap ysql học hỏi kinh nghiệm anh/chị diễn đàn, nhóm Nghiên cứu cơng cụ xây dựng hệ thống Dự kiến kết Xây dựng hoàn thiện website giới thiệu thông tin du lịch - ẩm thực Đà Nẵng với số chức website Chức người xem gồm có đối tượng: Thành viên đăng kí tài khoản: - Đăng nhập - Xem viết - Bình luận biết Khách: - Xem viết Quyền 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 Ý nghĩa khoa học ý nghĩa thực tiễn Hiểu r công nghệ ootstrap CSS, phục vụ cho việc xây dựng website giới thiệu địa điểm du lịch - ẩm thực Đà Nẵng để áp dụng vào thực tiễn nhiều 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 cài đặt hệ thống Kết luận hướng phát triển Tài liệu tham khảo CHƢƠNG 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 “Ngôn ngữ đánh dấu siêu văn , ngơn ngữ trình bày World Wide Web tạo vào năm 1990 HT L kết hợp đoạn văn text với cấu trúc code để từ quy định cách text thể 1.2 GIỚI THIỆU VỀ FRAMEWORK BOOSTRAP Bootstrap Front-End framework, sưu tập miễn phí cơng cụ để tạo trang web ứng dụng web Nó chứa HT L CSS dựa mẫu thiết kế cho kiểu chữ, hình thức, nút, chuyển hướng thành phần giao diện khác, mở rộng JavaScript tùy chọn 1.3 GIỚI THIỆU VỀ CÔNG NGHỆ THIẾT KẾ WEB RESPONSIVE Responsive thuật ngữ công nghệ thiết kế website đa tảng phù hợp tất kích thước hình nhờ sở liệu layout gốc Sự đời công nghệ web responsive giải pháp tuyệt vời cho phép trang web chạy di động khác mà giữ nguyên giao diện ban đầu; cho phép người dùng tiếp cận trang web, URL 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 ngôn ngữ lập trình PHP PHP viết tắt "PHP: Hypertext Preprocessor" ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng qt Nó thích hợp với web dễ dàng nhúng vào trang HTML Do tối ưu hóa cho ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C Java, dễ học thời gian xây dựng sản phẩm tương đối ngắn so với ngôn ngữ khác nên PHP nhanh chóng trở thành ngơn ngữ lập trình web phổ biến giới 1.1.2 Hệ quản trị sở liệu MySQL MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì ySQL sở liệu tốc độ cao, ổn định dễ sử dụng, có tính khả chuyển, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, ySQL thích hợp cho ứng dụng có truy cập CSDL internet Người dùng tải trang chủ nhau: ySQL miễn phí từ ySQL có nhiều phiên cho hệ điều hành khác phiên Win32 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS, CHƢƠNG 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ị nhất, quản lý mặt website - User Thành viên : Đăng nhập, xem viết bình luận tương tác viết - Khách: Người xem viết, bình luận 2.2 CÁC TRƢỜNG HỢP SỬ DỤNG 2.2.1 Liệt kê trƣờng hợp sử dụng 2.2.2 Đặc tả 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 phương pháp khác nhau, em xác định lớp đối tượng website sau: - Users (Tài khoản): lớp chứa thông tin tài khoản, phân loại tài khoản gồm thành viên quản trị viên - Post (Tin tức viết): Chứa nội dung tin tức viết - Comment (Bình luận): Chứa bình luận viết - Loaitk (Loại tài khoản): phân loại tài khoản gồm thành viên 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 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 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 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 viết Hình 2.5 Biểu đồ trình tự sửa thơng tin 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 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 viết Hình 2.8 Biểu đồ trình tự bình luận 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 viết Hình 2.10 Biểu đồ trạng thái đăng viết 2.7.3 Biểu đồ trạng thái cập nhật viết Hình 2.11 Biểu đồ trạng thái cập nhật viết 2.7.4 Biểu đồ trạng thái bình luận viết Hình 2.12 Biểu đồ trạng thái bình luận 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 DEMO CHƢƠNG TRÌNH 3.1 3.1.1 PHÂN TÍCH YÊU CẦU HỆ THỐNG Yêu cầu chức hệ thống Hệ thống cho phép lưu trữ, cập nhật số thông tin vào sở liệu như: User: Nơi lưu trữ tài khoản mật thành viên sau đăng nhập hệ thống Post: ỗi tin tức gồm thông tin cần lưu trữ như: id viết, viết có mã, tên tiêu đề, tóm tắt viết, hình ảnh, nội dung viết, đăng vào ngày tháng Comment: Nội dung bình luận hiển thị viết lưu trữ vào sở liệu như: tên thành viên, nội dung bình luận, ngày bình luận 3.1.2 Yêu cầu chức 3.1.3 Yêu cầu phi chức 3.2 3.2.1 MỘT SỐ HÌNH ẢNH CỦA WEBSITE 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 viết Hình 3.5 Giao diện trang thông tin viết 15 3.2.6 Giao diện hiển thị tin tức theo địa điểm Hình 3.6 Giao diện trang hiển thị tin tức theo địa điểm 3.2.7 Giao diện hiển thị tin tức đọc nhiều viết Hình 3.7 Giao diện trang hiển thị tin tức đọc nhiều viết 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 viết Hình 3.9 Giao diện trang đăng nhập tài khoản vào bình luận 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 viết Hình 3.13 Giao diện trang tạo viết 18 KẾT LUẬN Công nghệ dần trở thành điều thiếu sống người, mang lại nhiều lợi ích cho người sử dụng nâng cao hiệu lĩnh vực giải trí cơng việc Ứng dụng CNTT xã hội, người dân doanh nghiệp có chuyển biến tích cực, tầng lớp xã hội miền đất nước tạo điều kiện để khai thác, sử dụng thơng tin điện tử ứng dụng công nghệ thông tin vào hoạt động Việt Nam trở thành nước có số lượng người dùng Internet cao nhất, sở thành tựu bước đầu ngành CNTT vậy, thấy r vai trị động lực nó, điều điều kiện thuận lợi cho website em tiếp cận đến người Sau hoàn thành đề tài giúp em có kinh nghiệm việc áp dụng ngôn ngữ cơng nghệ nghiên cứu, để ứng dụng tốt cơng việc sau này, nhiên có số tính chưa nghiên cứu, hứa hẹn thời gian tới hệ thống tiếp tục phát triển hoàn thiện Kết đạt đƣợc Dưới bảo hướng dẫn thầy Hồ Văn Phi với nổ lực em để thực đồ án với đề tài “Nghiên cứu Bootstrap CSS Framework ứng dụng xây dựng website giới thiệu du lịch - ẩm thực Đà Nẵng” em hoàn thành Với thuận lợi khó khăn q trình làm việc, website hồn thành khơng tránh phần sai sót Tuy nhiên em nổ lực website tin tức hồn thành nội dung sau: 19 - Vận dụng ngôn ngữ HTML, PHP – MYSQL 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 hệ thống quản lý liệu website, giúp cho người quản trị dễ dàng quản lý thông tin, liệu, xem, thêm, xóa, cập nhật liệu cho website Hƣớng phát triển Ngày Internet trở thành phương tiện tra cứu thông tin khổng lồ tiện dụng cho tất người giới Việc học hành tìm hiểu thơng tin qua mạng trở nên phổ biến Hiểu tầm quan trọng tin tức, em ln muốn hồn thiện website giới thiệu tốt xây dựng giao diện hồn thiện, có tính chun nghiệp mở rộng thêm nhiều chức đọc tin từ động từ trang web khác, thống kê số lượt người truy cập trang web, 20 ... vụ nghiên cứu ục tiêu để xây dựng website giới thiệu thông tin du lịch - ẩm thực giúp khách du lịch nắm rõ thơng tin xác thơng tin, tin chất lượng, địa điểm du lịch - ẩm thực Đà Nẵng, thông tin... vi nghiên cứu Các công cụ xây dựng hệ thống mơ hình áp dụng: Framework Bootstrap CSS, PHP Mysql Phạm vi nghiên cứu đề tài xây dựng địa điểm du lịch - ẩm thực Đà Nẵng, viết du lịch- ẩm thực, số... viết liên quan đến du lịch- ẩm thực Phƣơng pháp nghiên cứu Tìm hiểu thu thập thông tin du lịch - ẩm thực Đà Nẵng Tham khảo số website giới thiệu địa điểm du lịch Tìm hiểu nghiên cứu tài liệu liên