Quản lý thiết kế website tin tức

Quản lý thiết kế website tin tức

TRƯỜNG ĐẠI HỌC THÔNG TIN LIÊN LẠC KHOA CÔNG NGHỆ THÔNG TIN BÀI TẬP LỚN MÔN HỌC: THIẾT KẾ VÀ XÂY DỰNG PHẦN MỀM TÊN ĐỀ TÀI: THIẾT KẾ VÀ XÂY DỰNG WEBSITE TIN TỨC GVHD : Đỗ Văn Tuấn Lớp : Chuyên ngành CNPM Nha Trang ngày 19 tháng 11 năm 2018 NHẬN XÉT CỦA GIÁO VIÊN MỤC LỤC LỜI MỞ ĐẦU BẢNG PHÂN CÔNG NHIỆM VỤ CHƯƠNG 1: TỔNG QUAN 1.1 Giới thiệu đề tài Website Tin Tức 1.2 Phân tích tiêu chí hình thành Tin Tức 1.3 Yêu cầu Website 1.4 Mơ hình MVC……………………………………………………………………… CHƯƠNG 2: PHÂN TÍCH VÀ LỰA CHỌN CƠNG NGHỆ .5 2.1 Cài đặt Xampp CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1 Phân tích mức quan niệm liệu 3.1.1 Mô tả thực thể kết hợp 3.1.2 Mô tả mối kết hợp 10 3.1.3 Từ điển sở liệu .11 3.2 Mơ hình liệu quan hệ (Relational Data Diagram) 13 3.3 Mơ hình UML .13 3.3.1 Xác định Actor 13 3.3.2 Xác định chức Actor 14 3.3.3 Xác định Usecase .15 3.3.4 Đặc tả mơ hình UML 16 3.3.5 UseCase Diagram 17 3.3.6 Sequence Diagram 20 3.3.7 Class Diagram 26 CHƯƠNG 4: KẾT QUẢ THỰC NGHIỆM 31 4.1 Web User .31 4.1.1 Tổ chức 31 4.1.2 Hiện Thực .32 KẾT LUẬN 34 Kết đạt 34 Hướng phát triển 34 TÀI LIỆU THAM KHẢO 35 LỜI MỞ ĐẦU Ngành công nghệ thông tin ngành khoa học đà phát triển mạnh ứng dụng rộng rãi nhiều lĩnh vực Cùng với xu hướng phát triển phương tiện truyền thơng Báo, Radio… việc sử dụng Internet ngày phổ biến Truy cập Internet, có kho thông tin khổng lồ phục vụ nhu cầu, mục đích nhấp chuột Nhận thức nhu cầu tìm hiểu thơng tin, giải trí xã hội, đời hàng loạt website cho mục đích thương mại, giải trí, tin tức…Để đáp ứng với việc cập nhật thơng tin hàng ngày, tình hình xã hội, trị, thời sự, sức khỏe… website tin tức đời nhu cầu tất yếu Do đó, chúng em vận dụng ngôn ngữ PHP, SQL công cụ Sublime Text để xây dựng ứng dụng Website Tin tức Hồn thành xong để tài, chúng em vơ biết ơn thầy, nhiệt tình giảng dạy, hướng dẫn đặc biệt thầy Đỗ Văn Tuấn, người trực tiếp hướng dẫn nhiệt tình cho chúng em suốt trình nghiên cứu thực đề tài Quản lý thiết kế Website Tin Tức BẢNG PHÂN CƠNG NHIỆM VỤ Cơng việc phân Nghiên cứu, vận dụng, xử lý ngôn ngữ PHP,HML, SQL Nghiên cứu, vận dụng, xử lý ngôn ngữ HTML, CSS, SQL Nghiên cứu, vận dụng, xử lý ngôn ngữ HTML, CSS, SQL Nghiên cứu, vận dụng, xử lý ngôn ngữ HTML, CSS,SQL Quản lý thiết kế Website Tin Tức CHƯƠNG 1: TỔNG QUAN 1.1 Giới thiệu đề tài Website Tin Tức “Tin tức tích lũy gọi kiến thức, tài sản quý giá người” 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 Tin tức việc xãy dù tốt dù xấu, để giúp người biết chuyện xung quanh Thế giới Ngày nhờ thông tin truyền thông nhanh, chuyện vừa xãy đâu giới ta biết ngay, nhờ mà học nhiều hay tránh chuyện xấu xảy ra, trận sóng Thần, bão táp, núi lửa đến, chất độc hại thức ăn giúp người biết trước mà tránh khỏi nguy hiểm đến Tin tức vô quan trọng cho người ta tri thức sở để người ta tiến hành việc lớn nhỏ Khi có Internet, tin tức quan trọng tốc độ lan truyền nhanh ảnh hưởng tức diện rộng 1.2 Phân tích tiêu chí hình thành Tin Tức Tiêu chí dùng để xác định tin tức tóm gọn lại sau: Có liên quan, hữu ích, gây quan tâm Những tiêu chí áp dụng rộng rãi nhà báo hay quan báo chí sử dụng chúng theo bối cảnh đặc thù để nhấn mạnh ý nghĩa theo cách riêng Cái bối cảnh cơng chúng tạo Bạn đọc báo đăng báo in Trên truyền hình, viết có chi tiết hơn, bạn nhìn thấy đoạn băng quay cảnh nhân vật Quản lý thiết kế Website Tin Tức tranh luận Còn báo trực tuyến, báo bao gồm chi tiết đoạn phim – cộng thêm kết nối dễ dàng đến báo liên quan tư liệu đằng sau vụ việc Cách trình bày khác loại hình, giá trị tin tức làm cho trở nên quan trọng kỹ tường thuật việc yêu cầu kể lại câu chuyện có giống Sự liên quan, hữu ích gây quan tâm định hướng khái quát để thẩm định giá trị thông tin kiện, vấn đề hay nhân vật Cùng với tiêu chí rõ ràng đó, yếu tố đặc trưng tiềm tàng câu chuyện 1.3 Yêu cầu Website • Yêu cầu bạn đọc: Giao diện thân thiện Dễ tìm kiếm thông tin Tin tức website cập nhật thường xuyên • Yêu cầu thành viên: Cung cấp chức cập nhật tin tức dễ dàng 1.4MVC là gì? MVC là viết  tắt của Model – View – Controller. Là một kiến trúc phần mềm hay mơ hình thiết kế được sử  dụng trong kỹ thuật phần mềm. Nói cho dễ hiểu, nó là mơ hình phân bố source code thành 3 phần, mỗi thành phần có một nhiệm vụ riêng biệt và độc lập với các thành phần khác Các thành phần trong MVC Controller Giữ  nhiệm vụ nhận điều hướng các yêu cầu từ  người dùng và gọi đúng những phương thức xử  lý chúng… Chẳng hạn thành phần này sẽ nhận request từ url và form để thao tác trực tiếp với Model Model Đây là thành phần chứa tất cả các nghiệp vụ logic, phương thức xử lý, truy xuất database, đối tượng mô tả dữ liệu như các Class, hàm xử lý… View Quản lý thiết kế Website Tin Tức Đảm nhận việc hiển thị  thông tin, tương tác với người dùng, nơi chứa tất cả  các đối tượng GUI như  textbox, images…  Hiểu một cách đơn giản, nó là tập hợp các form hoặc các file HTML Luồng đi trong MVC Để giải thích, mình xin dùng 1 ví dụ đơn giản + hình minh họa sau Khi có một u cầu từ phía client gửi đến server, Bộ phận controller có nhiệm vụ nhận u cầu, xử lý u cầu đó. Và nếu cần, nó sẽ gọi đến phần model, vốn là bộ phần làm việc với Database Sau khi xử  lý xong, tồn bộ  kết quả  được đẩy về  phần View. Tại View, sẽ  gen ra mã Html tạo nên giao diện, và trả  tồn bộ  html về trình duyệt để hiển thị Quản lý thiết kế Website Tin Tức CHƯƠNG 2: PHÂN TÍCH VÀ LỰA CHỌN CƠNG NGHỆ 2.1 Cài đặt Xampp   Phần mềm Webserver tên Apache, webserver thông dụng Phần mềm Webserver để chạy ứng dụng website với địa http://127.0.0.1 Đây địa IP dạng localhost, ngồi bạn chạy localhost với đường dẫn http://localhost Sau tải file cài đặt xong, chạy nó, sau chọn Next Bạn nên để mặc định c:\xampp Tiếp tục ấn Next Quản lý thiết kế Website Tin Tức Hình 3.14 – Sequence diagram Thêm Thể loại • Sequence diagram Cập nhật Thể Loại Hình 3.15 – Sequence diagram Cập nhật Thể loại • Sequence diagram xóa Thể loại Quản lý thiết kế Website Tin Tức 22 Hình 3.16 – Sequence diagram Xóa Thể loại 3.3.6.3 Quản lý Loại Tin: • Sequence diagram Thêm Loại tin Hình 3.17 – Sequence diagram Thêm Loại tin • Sequence diagram Cập nhật Loại tin Hình 3.18 – Sequence diagram Cập nhật Loại tin • Sequence diagram Xóa Loại tin Quản lý thiết kế Website Tin Tức 23 Hình 3.19 – Sequence diagram Xóa Loại tin 3.3.6.4 Quản lý Tin Tức: • Sequence diagram Thêm Tin tức Hình 3.20 – Sequence diagram Thêm Tin tức • Sequence diagram Cập nhật Hình 3.21 – Sequence diagram Cập nhật Tin tức Quản lý thiết kế Website Tin Tức 24 • Sequence diagram Xóa Tin tức Hình 3.22 – Sequence diagram Xóa Tin tức 3.3.6.5 Đăng Ký thành viên: • Sequence diagram Đăng ký thành viên Hình 3.23 – Sequence diagram Đăng ký thành viên 3.3.6.6 Đăng nhập: Hình 3.24 – Sequence diagram Đăng nhập Quản lý thiết kế Website Tin Tức 25 3.3.6.7 Tìm kiếm: Hình 3.25 – Sequence diagram Tìm kiếm 3.3.6.8 Ý kiến: Hình 3.26 – Sequence diagram Ý kiến cho tin tức 3.3.7 Class Diagram 3.3.7.1 Quản lý User • Class diagram Thêm User Quản lý thiết kế Website Tin Tức 26 Hình 3.28 – Class diagram Thêm User • Class diagram Cập nhật User Hình 3.29 – Class diagram Cập nhật User • Class diagram XóaUser Hình 3.30 – Class diagram Xóa User 3.3.7.2 Quản lý Thể Loại • Class diagram Thêm Thể loại Hình 3.31 – Class diagram Thêm Thể loại • Class diagram Cập nhật Thể loại Quản lý thiết kế Website Tin Tức 27 Hình 3.32 – Class diagram Cập nhật Thể loại • Class diagram Xóa Thể loại Hình 3.33 – Class diagram Xóa Thể loại 3.3.7.3 Quản lý Loại Tin • Class diagram Thêm Loại tin Hình 3.34 – Class diagram Thêm Loại Tin • Class diagram Cập nhật Loại tin CapNhatLoaiTin Form Cap nhat thông tin loai tin() Nhan Update() CapNhatLoaiTin Control Luu loai tin() Luu loai tin() Hình 3.35 – Class diagram Cập nhật Loại Tin • Class diagram Xóa Loại tin Quản lý thiết kế Website Tin Tức 28 Hình 3.36 – Class diagram Xóa Loại Tin 3.3.7.4 Quản lý Tin • Class diagram Thêm Tin Hình 3.37 – Class diagram Thêm Tin • Class diagram Cập nhật Tin Hình 3.38 – Class diagram Cập nhật Tin • Class diagram Xóa Tin Quản lý thiết kế Website Tin Tức 29 Hình 3.39 – Class diagram Xoá Tin 3.3.7.5 Đăng ký thành viên Hình 3.40 – Class diagram Đăng ký thành viên 3.3.7.6 Đăng nhập Hình 3.41 – Class diagram Đăng nhập 3.3.7.7 Tìm kiếm Quản lý thiết kế Website Tin Tức 30 Hình 3.42 – Class diagram Tìm kiếm 3.3.7.8 Ý kiến Hình 3.43 – Class diagram Ý kiến Quản lý thiết kế Website Tin Tức 31 CHƯƠNG 4: KẾT QUẢ THỰC NGHIỆM 4.1 Web User 4.1.1 Tổ chức 4.1.1.1 Database Gổm bảng : • TheLoai: Chứa list thể loại tin Một thể loại tin có nhiều loại tin gồm field: id, Ten, TenKhongDau • LoaiTin: Chứa list loại tin Một loại tin có nhiều tin Gồm field: id, IdTheLoai, Ten, TenKhongDau • TinTuc: Chứa list tin Gồm field: id, TieuDe, TomTat, Hinh, TieuDeKhongDau, NoiDung, idLoaiTin, SoLuotXem, TinNoiBat • User: List user (bình thường, quản trị) Gồm field: id, name, Password, Email • comment: id, idTinTuc, NoiDung • slide: List hình ảnh: Gồm field: id, Ten, Hinh, link 4.1.1.2 Website • File index.php: trang chủ Hiện list thể loại, loại tin, tin xem nhiều, tin bật, TooltipHTML cho tiêu đề tin Hiện ngày hơm nay, tìm kiếm, form đăng nhập • File loaitin.php: tin loại tin, nhận tham số id Hiện tên loại tin trang tag title, phân trang, trạng thái record Sắp tin giảm dần theo cách: trước cũ sau • File chitiettin.php: chi tiết tin, tên loại tin, tin loại, tiêu đề tag title, phần ý kiến tin cho bạn đọc Nhận tham số id • File kqtim.php: kết tìm kiếm, phân trang, thơng báo khơng tìm được, số tin tìm • File dangky.php: Đăng ký thành viên Quản lý thiết kế Website Tin Tức 32 • File timkiem.php tìm kiếm tin tức theo tên khơng dấu 4.1.2 Hiện Thực 4.1.2.1 Trang Index.php 4.1.2.2 Trang loaitin.php 4.1.2.3 Trang chitiettin.php Quản lý thiết kế Website Tin Tức 33 4.1.2.4 Trang ketquatim.php 4.1.2.5 Trang dangky.php Quản lý thiết kế Website Tin Tức 34 KẾT LUẬN Kết đạt Trong khoảng thời gian không dài, với bảo hướng dẫn thầy Đỗ Văn Tuấn với nỗ lực làm việc nhóm thực đồ án, đề tài phân tích thiết kế xây dựng website tin tức chúng em hồ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, chúng em nổ lực website tin tức hồn thành nội dung sau: • Phân tích đánh giá yêu cầu website tin tức • Vận dụng ngơn ngữ HTML, PHP, SQL, CSS 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, tìm kiếm tin, ý kiến cho tin website cung cấp • Phần quản tri: Đã 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 nay, internet trở thàng phương tiện tra cứu thông tin khổn 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, chúng em muốn hồn thiện website tin tức tốt hơn, phân tích kỹ yêu cầu xây dựng giao diện hồn thiện hơn, có tính chun nghiệp Quản lý thiết kế Website Tin Tức 35 TÀI LIỆU THAM KHẢO Bài giảng Thiết kế phần mềm - PGS.TS Huỳnh Xuân Hiệpct325_tkpm phan tich va thiet ke phan mem thầy Đỗ Văn Tuấn – Khoa Công Nghệ THông Tin – Đại Học Thông Tin Lạc Giáo trình mơn Cơ Sở Dữ Liệu thầy Cao Tùng Anh - Khoa Công Nghệ Thông Tin – Đại học Kỹ Thuật Công Nghệ website http://www.w3schools.com website http://vnexpress.net Quản lý thiết kế Website Tin Tức 36 ... Cập nhật Loại tin • Sequence diagram Xóa Loại tin Quản lý thiết kế Website Tin Tức 23 Hình 3.19 – Sequence diagram Xóa Loại tin 3.3.6.4 Quản lý Tin Tức: • Sequence diagram Thêm Tin tức Hình 3.20... cho website • Người quản trị (admin): Người quản trị website đăng nhập vào hệ thống nhằm mục đích quản lý thơng tin liệu website, có tồn quyền thêm xóa sửa sở liệu Quản lý thiết kế Website Tin Tức. .. Thêm Tin tức • Sequence diagram Cập nhật Hình 3.21 – Sequence diagram Cập nhật Tin tức Quản lý thiết kế Website Tin Tức 24 • Sequence diagram Xóa Tin tức Hình 3.22 – Sequence diagram Xóa Tin tức