Xây dựng website tin tức công nghệ

LỜI CÁM ƠN Trong trình thực đồ án tốt nghiệp, em nhận giúp đỡ, đóng góp ý kiến bảo nhiệt tình từ thầy cô, gia đình bạn bè Em xin bày tỏ lòng cảm ơn chân thành giúp đỡ Em xin gửi lời cảm ơn chân thành đến ThS Nguyễn Hồng Tân, giảng viên trường đại học Công Nghệ Thông Tin Và Truyền Thông, anh Đặng Văn Nam trưởng phòng giải pháp Công Ty Cổ Phần Công Nghệ HINET Việt Nam hướng dẫn bảo em suốt trình làm đồ án tốt nghiệp Em xin chân thành cảm ơn thầy cô giáo trường đại học Công Nghệ Thông Tin Và Truyền Thông nói chung thầy cô giáo bên môn Công Nghệ Phần Mềm nói riêng dậy cho em kiến thức môn đại cương môn chuyên ngành, giúp em nắm vững sở lý thuyết tạo điều kiện giúp em suốt trình học tâp Cuối cùng, em xin kính chúc thầy cô trường đại học Công Nghệ Thông Tin Và Truyền Thông sức khỏe, niềm tin để tiếp tục thực sứ mệnh cao đẹp truyền đạt lại kiến thức bổ ích cho hệ sau Em xin chân thành cám ơn! SINH VIÊN THỰC HIỆN LỜI CAM ĐOAN Em xin cam đoan Đồ Án Tốt Nghiệp kết nghiên cứu cá nhân em Các số liệu, ví dụ trích dẫn Đồ Án Tốt Nghiệp đảm bảo xác, tin cậy trung thực Sản phẩm Đồ Án Tốt Nghiệp thân em nghiên cứu xây dựng nên Em xin chịu hoàn toàn trách nhiệm trước nhà trường cam đoan NGƯỜI CAM ĐOAN DANH MỤC HÌNH ẢNH Hình 1.1 Tổng quan mô hình MVC 10 Hình 1.2 Sự tương tác ứng dụng MVC Hình 2.1 Biểu đồ Use – Case cho người dùng 15 39 Hình 2.2 Biểu đồ Use – Case cho khách vãng lai 39 Hình 2.3 Biểu đồ Use – Case cho quản trị viên 40 Hình 2.4 Biểu đồ Use – Case cho quản lý tin tức 40 Hình 2.5 Biểu đồ Use – Case cho quản lý tài khoản người dùng Hình 2.6 Biểu đồ trình tự đăng kí thành viên Hình 2.7 Biểu đồ trình tự đăng nhập 46 46 Hình 2.8 Biểu đồ trình tự cập nhật thông tin tài khoản 47 Hình 2.9 Biểu đồ trình tự xem tin tức 47 Hình 2.10 Biểu đồ trình tự tìm kiếm tin tức 48 Hình 2.11 Biểu đồ trình tự thêm tin tức 48 Hình 2.12 Biểu đồ trình tự xóa tin tức 49 Hình 2.13 Biểu đồ trình tự cập nhật tin tức Hình 3.1 Giao diện trang chủ website 49 55 Hình 3.2 Giao diện đăng nhập website 56 Hình 3.3 Giao diện đăng kí website 56 Hình 3.4 Giao diện danh mục tin tức website 57 Hình 3.5 Giao diện danh mục tin tức website 58 41 DANH MỤC BẢNG Bảng 1.1 Lịch sử phát triển ASP NET MVC 14 Bảng 1.2 Bảng so sánh ASP NET WebForm với ASP NET MVC 20 Bảng 2.1 Bảng mô tả liệu 50 Bảng 2.2 Bảng mô tả liệu tin tức 50 Bảng 2.3 Bảng mô tả liệu người dùng 51 Bảng 2.4 Bảng mô tả liệu quản trị viên 51 Bảng 2.5 Bảng mô tả liệu bình luận 51 Bảng 2.6 Bảng mô tả liệu danh mục tin 52 Bảng 2.7 Bảng mô tả liệu thông tin 52 Bảng 2.8 Bảng mô tả liệu liên kết nhanh 52 Bảng 2.9 Bảng mô tả liệu liên kết website 53 MỞ ĐẦU  Giới thiệu website tin tức công nghệ Chúng ta sống giới có khoa học phát triển đại Thế kỷ 21 kỷ công nghệ thông tin nói chung tin học nói riêng Đó thành tựu vĩ đại mà người đạt thiên niên kỷ Với phát triển mạnh mẽ thay đổi không ngừng mặt công nghệ, tin học ngày sâu vào đời sống xã hội Nó thâm nhập vào lĩnh vực đời sống phát huy hiệu lĩnh vực Tin tức nhiều lĩnh vực quan tâm người Tin tức nhu cầu thiếu người Trước đây, thường tiếp nhận tin tức thông qua việc truyền qua lại người hay nghe qua đài, tờ báo Với phát triển mạnh mẽ công nghệ thông tin thời gian dành cho tin tức không nhiều, đáp ứng nhu cầu mặt tin tức Chính lẽ mà website thiết bị công nghệ người dùng hưởng ứng tích cực Website tin tức công nghệ xây dựng với mục tiêu chủ yếu hỗ trợ người dùng có nhu cầu tìm hiểu tin tức công nghệ hay sảm phẩm dịch vụ công nghệ bật quan tâm nước Hệ thống hoạt động sau:  Khi người dùng có nhu cầu xem tin tức liên quan đến công nghệ người dùng chọn danh mục quan tâm hay xem tin bật có sở liệu hệ thống  Khi người dùng có nhu cầu tìm kiếm thông tin liên quan đến công nghệ, người dùng vào khu vực tìm kiếm để tìm tin tức công nghệ có sở liệu hệ thống Trường hợp không tìm thấy thông tin cần thiết sở liệu, người dùng gửi yêu cầu tới người quản trị hệ thống  Người quản trị theo dõi trình yêu cầu người dùng, đăng tin tức, quản lý bình luận, thêm, sửa, xóa sở liệu hay toàn quyền với sở liệu hệ thống  Đối tượng phạm vi ứng dụng  Đối tượng: Website Tin Tức Công Nghệ xây dựng hướng đến đối tượng người dùng có nhu cầu liên quan đến thông tin tổng hợp công nghệ  Phạm vi: Website Tin Tức Công Nghệ xây dựng để hỗ trợ phục vụ người dùng phạm vi nước xoay quanh vấn đề liên quan đến tin tức công nghệ tổng hợp  Mục tiêu cần đạt cách tiếp cận toán  Mục tiêu cần đạt được: Thực đầy đủ chức tìm kiếm tin tức, đăng kí tài khoản, xem tin tức, bình luận tin tức gửi đánh giá phản hồi tới người quản trị website tin tức công nghệ Quản trị hệ thống đăng kí tài khoản, quản lý tin tức, quản lý bình luận  Các tiếp cận toán: Website Tin Tức Công Nghệ không xa lạ với người dùng nước lợi ích Vì nhu cầu xây dựng Website tin tức công nghệ cần thiết tất yếu Nhưng bắt đầu xây dựng hệ thống, điều cần quan tâm tổ chức việc lưu trữ liệu Nếu liệu tổ chức tốt hệ thống cải thiện mặt tốc độ truy xuất, chi phí lưu trữ, thời gian cập nhật… Như vậy, làm cách tổ chức tốt việc lưu trữ liệu, Website Tin Tức Công Nghệ hoạt động môi trường Internet, môi trường đa người dùng  Hướng giải  Sử dụng hệ quản trị sở liệu SQL Server 2014 để tổ chức sở liệu hệ thống  Sử dụng mô hình MVC ASP NET để xây dựng Website Tin Tức Công Nghệ  Dùng ADO NET Entity Framework tảng sử dụng để làm việc với sở liệu thông qua chế ánh xạ Nhờ đó, truy vấn, thao tác với sở liệu gián tiếp thông qua đối tượng lập trình Do thời gian có hạn, trình độ kinh nghiệm hạn chế nên thực tập tốt nghiệp tránh khỏi thiếu sót Kính mong quan tâm bảo thầy cô giáo để báo cáo em hoàn thiện tốt Em mong tiếp thu ý kiến đóng góp chân thành, bảo để em có điều kiện bổ sung, nâng cao kiến thức để phục vụ tốt cho công tác thực tế sau Chương CƠ SỞ LÝ THUYẾT  Phát biểu toán Hiện nay, công nghệ thông tin ngành mũi nhọn quốc gia, đặc biệt quốc gia phát triển để tiến hành công nghiệp hóa đại hóa đất nước Sự bùng nổ thông tin phát triển mạnh mẽ thời đại công nghệ đặc biệt ứng dụng web ngày trở nên phổ biến Sự phát triển nhanh chóng website trở thành thành phần thiếu sống Từ ý tế, tổ chức giáo dục… Đặc biệt, website tin tức người dùng hưởng ứng tích cực Hiện tại, nguồn tin tức công nghệ quan tâm người dân nước Các website tin tức công nghệ chưa đáp ứng yêu cầu cần thiết người dùng như: vấn đề cập nhật tin tức, tải trang chậm địa chưa tối ưu… Nhận thấy cần thiết việc đáp ứng yêu cầu người dùng, em lựa chọn xây dựng đề tài cho đồ án tốt ngành Kĩ Thuật Phần Mềm – Khoa Công Nghệ Thông Tin, trường Đại Học Công Nghệ Thông Tin Truyền Thông với đề tài “Xây Dựng Website Tin Tức Công Nghệ” với công nghệ sử dụng ASP NET MVC  Tổng quan MVC  Giới thiệu tổng quan Tất bắt đầu vào năm 70 kỉ 20, phòng thí nghiệm Xerox Parc Palo Alto Sự đời giao diện đồ họa lập trình hướng đối tượng cho phép lập trình viên làm việc với thành phần đồ họa đối tượng đồ họa có thuộc tính phương thức riêng Không dừng lại đó, nhà nghiên cứu Xerox Parc xa cho đời gọi kiến trúc MVC (viết tắt Model – View – Controller) MVC phát minh Xerox Parc vào năm 70, TrygveReenskaug MVC lần xuất công khai Smalltalk – 80 Các giấy tờ quan trọng công bố MVC “A Cookbook for Using the Model – View – Controller User Interface Paradigm in Smalltalk - 80”, Glenn Krasner Stephen Pope, xuất tháng năm 1988  Kiến trúc mô hình MVC Trong kiến trúc MVC, đối tượng đồ họa người dùng bao gồm phần bản: Model, View, Controller Model có trách nhiệm với toàn liệu trạng thái đối tượng đồ họa.View thể trực quan Model, hay nói cách khác giao diện đồ họa Và Controller điều khiển việc tương tác đối tượng đồ họa với người sử dụng đối tượng khác Hình 1.1 Tổng quan mô hình MVC Khi người sử dụng đối tượng khác cần thay đổi trạng thái đối tượng đồ họa, tương tác thông qua Controller đối tượng đồ họa Controller thực việc thay đổi Model Khi có thông điệp xẩy Model, phát thông điệp thông báo cho View Controller biết Nhân thông điệp từ Model, View cập nhật lại thể mình, đảm bảo thể trực quan Model Còn Controller, nhận thông điệp từ Model có tương tác cần thiết phản hồi lại cho người dùng đối tượng khác 10 Bảng 2.4 Bảng mô tả liệu quản trị viên 69  Bảng bình luận Tên cột Kiểu giá trị Cho phép rỗng Mô tả BinhLuanId bigint Not null Khóa chính, id bảng TenBL nvarchar(250) Not null Tên hiển thị bình luận TinTucId bigint Not null Id tin tức bình luận NoiDung ntext Not null Nội dung bình luận ThuTu bigint Allow Thứ tự bình luận Bảng 2.5 Bảng mô tả liệu bình luận  Bảng danh mục tin Tên cột Kiểu giá trị Cho phép rỗng Mô tả DanhMucId bigint Not null Khóa chính, id bảng TenDanhMuc nvarchar(500) Allow null Tên danh mục tin tức TenHienThi nvarchar(250) Not null Tên danh mục tin tức DiaChi nvarchar(250) Not null Địa danh mục tin ThuTu Bigint Thứ tự danh mục tin Not null Bảng 2.6 Bảng mô tả liệu danh mục tin  Bảng thông tin Tên cột Kiểu giá trị Cho phép rỗng Mô tả ThongTinId bigint Not null Khóa chính, id bảng TieuDe nvarchar(1000) Allow null Tiêu đề thông tin NoiDung nvarchar(1000) Not null Nội dung thông tin ThuTu Bigint Thứ tự thông tin Not null 70 Bảng 2.7 Bảng mô tả liệu thông tin  Bảng liên kết nhanh Tên cột Kiểu giá trị Cho phép rỗng Mô tả LienKetId bigint Not null Khóa chính, id bảng DiaChi nvarchar(1000) Allow null Địa liên kết HinhAnh nvarchar(1000) Allow null Hình ảnh liên kết nhanh TieuDe nvarchar(1000) Allow null Tiêu đề liên kết nhanh ThuTu Bigint Thứ tự liên kết nhanh Not null Bảng 2.8 Bảng mô tả liệu liên kết nhanh  Bảng liên kết website Tên cột Kiểu giá trị Cho phép rỗng Mô tả LienKetId bigint Not null Khóa chính, id bảng DiaChi nvarchar(1000) Allow null Địa liên kết TieuDe nvarchar(1000) Allow null Tiêu đề liên kết website NgayDang nvarchar(1000) Allow null Ngày đăng liên kết website ThuTu bigint Thứ tự liên kết website Not null Bảng 2.9 Bảng mô tả liệu liên kết website 71 Chương CHƯƠNG TRÌNH THỰC NGHIỆM  Môi trường cài đặt  Các công cụ sử dụng để xây dựng chương trình  Microsoft Visual Studio Ultimate 2013  Microsoft SQL Server Management Studio 2014  Thử nghiệm Locahost  Hệ điều hành Windows Home Basic  IIS 8.0  Microsoft Visual Studio Ultimate 2013  Trình duyệt web Google Chrome phiên 50.0.2661.102  Xây dựng website tin tức công nghệ Website Tin Tức Công Nghệ xây dựng ngôn ngữ lập trình ASP NET MVC, sử dụng công cụ lập trình Visual Studio Ultimate 2013 sử dụng hệ quản trị sở liệu SQL Server 2014 Mặc dù có nhiều cố gắng thời gian làm ngắn kinh nghiệm lập trình hạn chế, nên không tránh sai xót Rất mong nhận góp ý chân thành thầy cô để website hoàn thiện  Giao diện trang chủ Dưới giao diện trang chủ Website Tin Tức Công Nghệ Ở trang web người dùng sử dụng số chức sau: 72  Xem tin tức bật  Xem tin tức quan tâm  Liên kết đến số website công nghệ  Có thể lựa chọn liên kết nhanh website  Xem nhanh số tin tức đăng Hình 3.1 Giao diện trang chủ website  Giao diện tài khoản Dưới giao diện trang tài khoản website, người dùng lựa chọn số chức sau: 73  Đăng nhập: Nếu đăng kí tài khoản website tin tức công nghệ Hãy sử dụng chức để đăng nhập vào website để sử dụng chức hữu ích website  Đăng kí: Nếu chưa có tài khoản website tin tức công nghệ Hãy sử dụng chức để đăng kí tài khoản website tin tức công nghệ Và điều hoàn toàn miễn phí Hình 3.2 Giao diện đăng nhập website 74 Hình 3.3 Giao diện đăng kí website 75  Giao diện danh mục tin tức Dưới giao diện danh mục tin tức máy tính website tin tức công nghệ Người dùng xem tin tức danh mục chọn để xem tin tức Hình 3.4 Giao diện danh mục tin tức website 76  Giao diện quản trị viên Dưới giao diện trang quản trị viên người quản trị có tài khoản quản trị viên đăng nhập vào trang web Ở đây, người quản trị có toàn quyền với sở liệu sử dụng số chức sau:  Xem thông kê liệu tổng hợp  Chọn ngày để xem thông kế liệu website  Quản lý tin tức  Quản lý danh mục tin  Quản lý tài khoản  Quản lý bình luận  Quản lý liên kết nhanh  Quản lý liên kết website  Xem giao diện trang chủ  Thoát khỏi tài khoản 77 Hình 3.5 Giao diện danh mục tin tức website  Đánh giá website tin tức công nghệ Sau hoàn tất chương trình , em có số nhận xét sau:  Ưu điểm  Chương trình hoạt động tốt trình duyệt web thông dụng  Tốc độ tải trang nhanh nhờ sử dụng Ajax 78  Giao diện thân thiện với người dùng  Chương trình dễ sử dụng, nhập xuất liệu cách nhanh chóng thuận tiện  Cập nhật thông tin cách nhanh chóng đầy đủ  Thiết lập báo cáo website giúp việc quản lý dễ dàng  Nhược điểm Tuy vậy, lực thân nhiều yếu nên nhận hướng dẫn nhiệt tình từ thầy cô giáo trình thiết kế gặp nhiều khó khăn chương trình chưa hoàn thiện Mới dừng lại mức xử lý vấn đề website tin tức công nghệ, tạo số chức định  Hướng phát triển Tiếp tục nghiên cứu sâu website tin tức, tổng hợp nguồn tin cách trung thực đa dạng Nghiên cứu công nghệ ASP NET MVC để hiểu sử dụng tính công nghệ cách hoàn thiện 79 KẾT LUẬN Website tin tức Công Nghệ hoàn thiện, chạy trình duyệt thông dụng Với yêu cầu đặt đề tài, website tin tức thực chức website tin tức công nghệ Chương trình ứng dụng vào mục đích cập nhật tin tức cho hầu hết người Đề tài, “Xây dựng Website Tin Tức Công Nghệ” đề tài hay thiết thực Trong trình nghiên cứu, tìm hiểu, em có dịp ôn lại nhiều kiến thức học phân tích hệ thống thông tin kiến thức môn Công nghệ Dot NET… Bên cạch đó, em biết thêm cách quản lý liệu với SQL Server để củng cố vững kiến thức thân Em xin chân thành cám ơn! Sau thời gian thực đề tài này, với hướng dẫn thầy Nguyễn Hồng Tân giảng viên Trường Đại Học Công Nghệ Thôn Tin Và Truyền Thông anh Đặng Văn Nam trưởng phòng giải pháp Công Ty Cổ Phần Công Nghệ HINET em hiểu phần kiến thức ngôn ngữ lâp trình NET ứng dụng Tuy đề tài khép lại nhiều vấn đề cần nghiên cứu phát triển thêm nhằm mở rộng website tin tức công nghệ Mặc dù em muốn làm cho website tin tức tối ưu khả thi trình độ em hạn chế nên không tránh thiếu sót Rất mong nhận ý kiến đóng góp bổ sung từ phía thầy cô bạn 80 TÀI LIỆU THAM KHẢO [1] Bùi Anh Tú, Giáo trình công nghệ DotNET, Trường Đại Học Công Nghệ Thông Tin Và Truyền Thông – Đại Học Thái Nguyên [2] Steven Sanderson, Pro ASP NET MVC, Apress [3] John Sharp, Microsoft Visual C# 2013, Microsoft [4] Đào Hải Nam, LINQ to SQL Tutorial, 2009 [5] Andrew Siemer, GASP NET MVC Cookbook, 2011 81 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN ……………………………………………………………………………………… …………………………………………………………………………………… … ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… 82 ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… …………, ngày…… tháng……năm 20… 83 ...  Đối tượng: Website Tin Tức Công Nghệ xây dựng hướng đến đối tượng người dùng có nhu cầu liên quan đến thông tin tổng hợp công nghệ  Phạm vi: Website Tin Tức Công Nghệ xây dựng để hỗ trợ... công nghệ thông tin thời gian dành cho tin tức không nhiều, đáp ứng nhu cầu mặt tin tức Chính lẽ mà website thiết bị công nghệ người dùng hưởng ứng tích cực Website tin tức công nghệ xây dựng. .. phản hồi tới người quản trị website tin tức công nghệ Quản trị hệ thống đăng kí tài khoản, quản lý tin tức, quản lý bình luận  Các tiếp cận toán: Website Tin Tức Công Nghệ không xa lạ với người