lập trình WEBSITE TIN tức

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM ĐỒ ÁN MÔN HỌC WEBSITE TIN TỨC Ngành: CÔNG NGHỆ THÔNG TIN Chuyên ngành: CÔNG NGHÊ PHẦN MỀM Giảng viên hướng dẫn : Huỳnh Khắc Duy LỜI NÓI ĐẦU Ngày nay, cách mạng khoa học – cơng nghệ thành tựu góp phần biến đổi nhanh chóng sâu sắc mặt đời sống xã hội, trở thành công cụ thiếu nhiều lĩnh vực hoạt động như: kinh tế, quân sự, giáo dục, y tế… Đặc biệt, công tác quản lý, Công nghệ thông tin (CNTT) khẳng định mạnh rõ ràng ngày thay phương thức quản lý thủ công Việc ứng dụng CNTT mang lại bước đột phá cho cơng tác quản lý học tập cách xác nhất.Từ đó, người học đưa kế hoạch đắng, giảm chi phí tăng khả cạnh tranh, nâng cao kết Nhờ hướng dẫn tận tình thầy khoa suốt năm qua bước nghiên cứu vận dụng kiến thức học để xây dựng chương trình đáp ứng số yêu cầu trên, nhóm em xây dựng phát triển trang “Website tin tức” Tuy kiến thức hạn chế nên chương trình chắn khơng tránh thiếu sót, em mong góp ý Thầy Cơ để bước xây dựng chương trình hồn thiện, hiệu người dùng Em xin trân thành cảm ơn Thầy, cô môn khoa CNTT tạo điều kiện cho em hoàn tốt đề tài MỤC LỤC LỜI NÓI ĐẦU MỤC LỤC CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Mục đích, yêu cầu trang web 1.2 Yêu cầu hệ thống 1.3 Yêu cầu chi tiết website Chương 2: CƠ SỞ LÝ THUYẾT .3 2.1 Tổng quan ASP.NET .3 2.2 Các website phổ biến xây dựng ASP.NET .3 2.3 Tìm hiểu sâu ASP.NET MVC 2.4 Mơ hình MVC áp dụng ASP.NET MVC 2.5 Tổng quan vệ hệ thống 2.6 Hoạt động hệ thống ASP.Net mơ hình MVC 2.7 Xây dựng website tin tức Chương 3: THIẾT KẾ HỆ THỐNG 13 3.1 Thiết kế CSDL 13 3.2 Lựa chọn cài đặt CSDL 13 3.3 Xác định thực thể 13 3.4 Kết luận chương 15 Chương : KẾT LUẬN VÀ ĐÁNH GIÁ HỆ THỐNG .16 4.1 Thực Website tin tức 16 4.2 Kết thực nghiệm Website tin tức 16 KẾT LUẬN 20 TÀI LIỆU THAM KHẢO 21 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI 1.1 Mục đích, yêu cầu trang web Sau học tìm hiểu ngôn ngữ ASP.NET, khả thực tế kiến thức có được, nhóm em xây dựng Website Tin tức , trang web giới thiệu tin tức hàng ngày qua mục xếp hợp lý Qua nghiên cứu tìm hiểu Website có mạng http://www.dantri.com.vn,http://www.thegioitin.com,http://www.24h.com.vn, http://www.vietbao.com…nhóm chúng em rút yêu cầu mục đích mà trang Web Tin tức cần đạt được: 1.2 Yêu cầu hệ thống - Hình thức thơng tin đa dạng sống động - Giao diên thân thiện, dễ nhìn, màu sắc khơng đối lập - Cung cấp thơng tin phát triển hoạt động 24/24 - Thông tin cập nhật sửa đổi thường xuyên - Có khả cập nhật, sửa, xố - Có khả tra tìm kiếm cách nhanh chóng - An toàn liệu 1.3 Yêu cầu chi tiết website - Hiển thị danh mục - Hiển thị chi tiết thơng tin có danh mục - Hiện thị kết việc tìm kiếm, đăng ký , đăng nhập - Hiện thị thông tin diễn hàng ngày a Đối với người truy cập Website với chức User - Cho phép đăng ký thành viên - Cho phép xem tin tức, tìm kiếm thông tin - Cho phép Post viết b Đối với người quản trị - Quản lý user: xoá, sửa, nhập thêm User, Admin - Cập nhật thơng tin liên quan, sửa thơng tin , xố thông tin - Kiểm tra, chỉnh sửa Post lên user sau đăng - Hiển thị thơng tin lên theo nhóm tin, chun mục Chương 2: CƠ SỞ LÝ THUYẾT 2.1 Tổng quan ASP.NET ASP.NET tảng ứng dụng web (web application framework) phát triển cung cấp Microsoft, cho phép người lập trình tạo trang web động, ứng dụng web dịch vụ web.Lần đưa thị trường vào tháng năm 2002 với phiên 1.0 của.NET framework, công nghệ nối tiếp Microsoft's Active Server Pages(ASP).ASP.NET biên dịch dạng Common Language Runtime (CLR), cho phép người lập trình viết mã ASP.NET với ngôn ngữ hỗ trợ bởi.NET language 2.2 Các website phổ biến xây dựng ASP.NET Một số website phổ biến sử dụng ASP.NET là: StackOverflow: StackOverflow có lẽ trang phổ biến giới lập trình viên tồn giới Bạn có vấn đề hay lỗi lập trình, bạn khơng biết hỏi hiệu quả, đơn giản đăng lên đây, hàng trăm nghìn mắt xem xét bạn giải vấn đề vài chục comment giải pháp Microsoft: Có lẽ khơng cần nhắc đến website nhiều, ASP.NET MVC Microsoft làm ra, khơng có lý khơng sử dụng Microsoft DELL: DELL nhà phân phối sản xuất laptop lớn giới thiệu.Nền tảng ASP.NET MVC lựa chọn để xây dựng website DELL Visual Studio: Một sản phẩm quen thuộc, ASP.NET MVC tích hợp Visual Studio Microsoft sản xuất, hiển nhiên website Visual Studio xây dựng ASP.NET MVC cách tốt quảng bá thương hiệu Wild Tangent: Bạn muốn chơi game online, thử chơi hay mua trò chơi, đơn giản đến website này, có đủ loại trị chơi tảng khác Desktop, Mobile,… Diply.com: Nếu bạn vào trang này, thử nghiệm loanh quanh, bạn cấu trúc controller, action Category/Inspirational quen quen ASP.MVC sử dụng ASP.NET MVC 2.3 Tìm hiểu sâu ASP.NET MVC 2.3.1 Mở đầu ASP.NET MVC Những u thích lập trình web sử dụng cơng nghệ ASP.NET Microsoft chắn điều phải biết đến Webform, công nghệ cũ Microsoft giúp lập trình web.Tuy nhiên với cơng nghệ ASP.Net webform có nhiều nhược điểm nhược điểm đáng ý giao diện webform phải sử dụng toolbox sẵn có, linh hoạt việc điều khiển giao diện Vì vậy, “ông lớn” Microsoft cho đời công nghệ lập trình web ASP.Net MVC với nhiều ưu điểm, 2.3.2 Bắt đầu với ASP.NET MVC Mẫu kiến trúc Model – View – Controller sử dụng nhằm chi ứng dụng thành ba thành phần chính: model, view controller Nền tảng ASP.NET MVC giúp cho tạo ứng dụng web áp dụng mơ hình MVC thay tạo ứng dụng theo mẫu ASP.NET Web Forsm.Nền tảng ASP.NET MVC có đặc điểm bật nhẹ (lighweigt), dễ kiểm thử phần giao diện (so với ứng dụng Web Forms), tích hợp tính có sẵn ASP.NET Nền tảng ASP.NET MVC định nghĩa namespace System.Web.Mvc phần name space System.Web ASP.NET phác thảo lại từ số khơng, thay đổi tận gốc rễ phát triển phù hợp với yêu cầu vạch hướng vững cho tương lai tin học, Lý Microsoft chán nản việc thêm thắt kết hợp cơng cụ vào kiểu mẫu lập trình hay thiết kế mạng theo kiểu cổ điển nên Microsoft nghĩ tốt nên làm kiểu mẫu hồn tồn thay vá víu chỗ chỗ vào ASP Đó chưa kể tới nhiều phát minh đời sau dựa khái niệm mẻ theo xu hướng phát triển công nghệ tin học (Information Technology) cần đưa vào kiểu mẫu phát triển đó.ASP.NET cung cấp phương pháp hoàn toàn khác biệt với ASP 2.3.3 Khái niệm kiến trúc ASP.NET MVC ASP.NET phần NET Framework.Để xây dựng trang asp.NET bạn cần phải thêm vào đặc tính NET framework, ASP.Net Framework chứa đựng hai phần FrameWork Class Library Commom Language Runtime, 2.3.4 Những phần ASP.NET MVC Language/Ngôn ngữ: Có nhiều ngơn ngữ lập trình khác tồn net framework.Các ngôn ngữ VB.net C #, sử dụng để phát triển ứng dụng web Library/Thư viện: NET Framework gồm có lớp library chuẩn.Library phổ biến sử dụng cho ứng dụng web trong.net Web library Web library bao gồm tất thành phần cần thiết sử dụng phát triển ứng dụng web-based, Common Language Runtime/Thời gian chạy ngơn ngữ lập trình thông thường hay CLR: Common Language Infrastructure - Cơ sở hạ tầng ngơn ngữ lập trình phổ thơng hay CLI tảng dùng để chạy chương trình Net Trong đó, CLR thực tác vụ bao gồm xử lý trường hợp cá biệt thu gom rác 2.3.5 Cơ sở liệu ASP.NET MVC Chúng em xây dựng phần mềm Database First, tức xây dựng sở liệu trước xây dựng phần mềm.Database First cho phép đảo ngược mơ hình từ database tồn từ trước.Mơ hình lưu tập tin tên EDMX (.edmx) xem sửa Entity Framework Designer (phần thiết kế Entity Framework) Các lớp bạn tương tác ứng dụng tự động phát sinh từ tập tin EDMX Tạo database Trước hết, bạn phải tạo database để truy cập liệu.Server database cài đặt nơi khác tùy thuộc vào phiên Visual Studio,  Nếu VS 2010 bạn tạo SQL Express  Nếu dùng VS 2012 bạn tạo LocalDb  Hoặc bạn tạo đầu miễn SQL Server Để tạo database Visual Studio, chọn View -> Server Explorer.Chuột phải vào Database Connections -> Add Connections… Bạn kết nối với (localdb)\v11.0 SQL Express.\SQLEXPRESS tùy theo bạn cài.Sau điền tên database CONTEXTX Tiếp đến chọn OK, bạn hỏi tạo database vừa đặt tên, chọn Yes để tạo database.Sau đó, chuột phải lên database vừa tạo, chọn New Query copy & paste đoạn script sql, nhấn Excute (Ctrl + Shift + E) để thực thi Tạo ứng dụng Sau tạo database xong, xây dựng ứng dụng C# console dùng Database First để thực truy cập Mở Visual Studio, chọn File -> New -> Project… Chọn Visual C# từ bên menu trái chọn Console Application, đặt tên dự án CONTEXTX, chọn OK Xây dựng mơ hình Bước xây dựng mơ hình cách sử dụng Entity Framework Designer, tích hợp sẵn Visual Studio, Chọn Project -> Add New Item…, sau chọn Data từ menu trái chọn ADO.NET Entity Data Model, điền tên cho mơ hình DammioModel nhấn OK Sau cửa sổ Entity Data Model Wizard lên, chọn EF Designer from database, nhấn Next chọn database đặt tên cho chuỗi kết nối tới database DammioDatabaseFirstEntities Trong cửa sổ Entity Data Model Wizard, nhấn chọn Tables để chọn bảng gieo thành lớp mã nguồn, sau nhấn Finish Sau bạn nhấn Finish để tạo mơ hình, tập tin EDMX tạo với nội dung mơ hình database 2.3.6 Chức nguyên lý hoạt động ASP.NET MVC Dựa vào hình mơ phía khái sơ qua chế hoạt động ASP.Net MVC User gửi yêu cầu tới server cách truyền vào URL browser Yêu cầu gửi tới controller đầu tiên, controller xử lý yêu cầu, yêu cầu cần truy xuất liệu controller chuyển qua tầng model Tại tầng model, liệu truy xuất từ database sau truyền qua view thơng qua controller Controller giúp liệu chuyển từ model qua view View tầng cuối giao tiếp với User, liệu hiển thị cho User thông qua tầng View 2.4 Mơ hình MVC áp dụng ASP.NET MVC MVC (Model – View - Controller) design partern tồn lâu ngành công nghệ phần mềm Một ứng dụng viết theo mơ hình MVC bao gồm thành phần tách biệt Model, View, Controller Giống cấu trúc Three – Tier, mơ hình MVC giúp tách biệt tầng mơ hình lập trình web, giúp tối ưu ứng dụng, dễ dàng thêm chỉnh sửa code giao diện  Model: giúp lưu trữ liệu ứng dụng trạng thái Nó sở liệu tập tin XML  View: coi giao diện người dùng sử dụng khách truy cập trang web bạn để nhìn thấy liệu Các trang ASPX thường sử dụng để hiển thị view ứng dụng ASP.NET MVC  Controller: chịu trách nhiệm xử lý tương tác người dùng với trang web Nó sử dụng để xác định loại view cần phải hiển thị Controller sử dụng cho mục đích giao tiếp với model Ưu điểm: Do sử dụng mô hình MVC nên ASP.Net MVC tách biệt tầng mơ hình lập trình web giúp tối ưu ứng dụng dễ dàng việc viết code, giao diện Giao diện ASP.Net MVC sử dụng công nghệ thiết kế web HTML, CSS việc thiết kế giao diện trở nên dễ dàng giúp cho designer linh hoạt việc thiết kế ASP.Net MVC khơng sử dụng view state trang web khơng bị tăng kích thước hiệu hoạt động khơng bị bị giảm Nội dung chương nói kiến thức tổng quan sâu framework ASP.NET MVC, tìm hiểu hệ thống phát triển framework mơ hình MVC, làm tiền đề cho việc tìm hiểu xây dựng Website luyện thi anh văn trực tuyến 2.5 Tổng quan vệ hệ thống ASP.NET MVC framework tuyệt vời hỗ trợ pattern MVC cho ASP.NET.Nếu bạn muốn hiểu ASP.NET MVC làm việc nào, bạn cần phải có hiểu biết rõ ràng mơ hình MVC.MVC cụm từ viết tắt Model-ViewController, phân chia pattern ứng dụng thành phần - model, controller view 2.6 Hoạt động hệ thống ASP.Net mơ hình MVC 2.6.1 Cài đặt phần mềm cần thiết - Cài đặt Visual Studio 2017-2019 Cài SQL Server 2014 2.6.2 Model ASP.NET Model giúp lưu trữ liệu ứng dụng trạng thái nó.Nó sở liệu tập tin XML 2.6.3 Controller ASP.NET Controller chịu trách nhiệm xử lý tương tác người dùng với trang web.Nó sử dụng để xác định loại view cần phải hiển thị.Controller sử dụng cho mục đích giao tiếp với model.Framework nhẹ cung cấp khả kiểm thử, tích hợp với tính có ASP.NET xác thực (authentication) dựa membership master page 2.6.4 View ASP.NET View coi giao diện người dùng sử dụng khách truy cập trang web bạn để nhìn thấy liệu Các trang ASPX thường sử dụng để hiển thị view ứng dụng ASP.NET MVC 2.6.5 Mơ hình MVC MVC (Model – View - Controller) design partern tồn lâu ngành công nghệ phần mềm Một ứng dụng viết theo mơ hình MVC bao gồm thành phần tách biệt Model, View, Controller Giống cấu trúc Three – Tier, mơ hình MVC giúp tách biệt tầng mơ hình lập trình web, giúp tối ưu ứng dụng, dễ dàng thêm chỉnh sửa code giao diện Chương giới thiệu kiến thức hệ thống ASP.NET, MVC làm tiền đề cho việc xây dựng tổng quan hệ thống cho chương sau 2.7 Xây dựng website tin tức 2.7.1 Phần quản lý admin Chức login: Đảm bảo tính bảo mật cho tồn hệ thồng có người có quyền Amin tham gia vào chức người quản trị toàn hệ thống (Nhập, sửa, xóa, xem viết thành viên, quản lí tài khoản người sử dụng, tìm kiếm nhanh) 2.7.2 Phần giao diện người dùng - Website không nên phức tạp tránh ảnh hưởng đến trải nghiệm - tốc độ load trang Tích hợp responsive đáp ứng dùng với phiên máy tính điện - thoại Phải có đăng ký đăng nhập thành viên Hiển thị danh sách tin tức Font chữ đơn giản, dễ nhìn, bắt mắt -Các yêu cầu phi chức Mục Tên yêu cầu Mô tả yêu cầu Giao diện Giao diện hệ thống phải dễ sử dụng, trực quan, thân thiện với người dùng Tốc độ xử lý Hệ thống phải xử lý nhanh chóng xác Tương thích Tương thích với đa phần trình duyệt web 2.7.3 Hệ thống quản trị trang web - Quản lý danh sách tài khoản thành viên - Quản lý tin tức - Quản lý admin 2.7.4 Hệ thống WebSite Tin tức 2.7.5 Biểu đồ luồng liệu - Biểu đồ luồng liệu mức khung cảnh Qua biểu đồ mức khung cảnh ta thấy: User gửi yêu cầu đến quản lý, Admin người trực tiếp quản lý trang Web xử lý u cầu cấp phép có khơng User 2.7.6 Biểu đồ luồng liệu mức đỉnh 2.7.7 Chức cập nhật Thông tin vừa nhập lưu vào kho liệu.Các thông tin kho liệu cập nhật (sửa, xoá) 2.7.8 Chức tìm kiếm 2.7.9 Chức đăng ký thành viên - Người dùng thành viên xem thơng tin Website hệ thống login thực việc kiểm tra đăng nhập đăng ký thành viên cho phép User thành viên Website.Các thông tin thành viên lưu trữ CSDL Database Chương 3: THIẾT KẾ HỆ THỐNG 3.1 Thiết kế CSDL - Cơ sở liệu nhằm lưu giữ thơng tin cần thiết cho chương trình.Với sở liệu thể rõ thơng tin tối thiểu cần có việc quản lý - Để lưu trữ CSDL thực thao tác thuật toán khác với trang web cần phải tìm cấu trúc liệu thích hợp để mơ tả q trình hoạt động trang web - Để tạo sở liệu, trước hết ta phải xác định thơng tin cần thiết - Sau ta thiết kế, tạo bảng chứa trường định nghĩa kiểu liệu có.Sau tạo cấu trúc sở liệu, sở liệu chứa liệu dạng ghi 3.2 Lựa chọn cài đặt CSDL - Lựa chọn hệ quản trị CSDL để thực lưu trữ CSDL cho chương trình có vai trị quan trọng định không nhỏ đến thành công chương trình.Lựa chọn hệ quản trị CSDL chịu tác động nhiều yếu tố khách quan chủ quan, phụ thuộc vào toán thuật toán cụ thể - SQL Server hệ quản trị CSDL quen thuộc,gần gũi với HSSV nhóm chúng em định chọn SQL Server 2005 để lưu trữ CSDL cho đề tài thực tập nhóm.Sau nhóm chúng em tiến hành phân tích ngắn gọn q trình thiết kế CSDL 3.3 Xác định thực thể Bước đầu phân tích thiết kế sở liệu phân tích yêu cầu liệu, tức ta phải xác định thông tin cần quản lý để xác đinh đối tượng cần thiết lưu trữ liệu vào bảng - Admin: Đây thực thể xác định quyền điều hành quản trị hệ thống.Người quản trị hệ thống có quyền hạn cao hệ thống, thông tin Admin cung cấp Username, Password, họ tên, mã nhóm, email - User: Đây người sử dụng đăng nhập vào hệ thống để xem tin tức gửi viết Thông tin User gồm Username, password, họ tên, mã nhóm, email - Loại thơng tin: loại thơng tin có mã loại thông tin để phân biệt với loại thơng tin khác.Cùng với mã loại thơng tin cịn có tiêu đề loại thơng tin - Bản tin: tin có mã tin để phân biệt với tin khác Một tin gồm thông tin: title, shortcut, body, picture, creatdate, tags Bảng khách hàng Tên trường Kiểu MaKH Int Độ rộng Ghi Mã khách hàng HoTen Nvarchar 50 Họ tên Taikhoan Varchar 50 Tài khoản Matkhau Varchar 50 Mật Email Varchar 100 Email DiachiKH Nvarchar 200 Địa DienthoaiKH Varchar 50 Điện thoại Bảng chủ đề tin tức Tên trường Kiểu MaCD Int TenCD Nvarchar Độ rộng Ghi Mã chủ đề 50 Tên chủ đề Bảng tin tức Tên trường Kiểu Độ rộng Ghi Matintuc int Tentintuc nvarchar 100 Tên tin tức Mota nvarchar Max Mô tả Ảnhbia varchar 50 Ảnh bìa Ngaycapnhat Datetime Ngày cập nhật MaCD int Mã chủ đề Mã tin tức  Trong bảng Matintuc khóa a Bảng Tb_GroupNews: Tên trường Kiểu Độ rộng UserAdmin varchar PassAdmin varchar 500 Hoten nvarchar 1000 Ghi Họ tên Mơ hình quan hệ Relationship CSDL: 3.4 Kết luận chương Chương đưa mơ hình hệ thống, xây dựng cơng cụ hệ thống Trình bày chức hệ thống quy trình xây dựng Website tin tức Cấu hình triển khai làm tiền đề cho việc thực nghiệm hệ thống chương sau Chương : KẾT LUẬN VÀ ĐÁNH GIÁ HỆ THỐNG 4.1 Thực Website tin tức Mơi trường thử nghiệm Để xây dựng chương trình thử nghiệm nhóm em sử dụng cơng cụ cơng nghệ sau để xây dựng: Ngơn ngữ lập trình giao diện (Front-end): Sử dụng HTML, CSS, JavaScript, SCSS Framework, BootStrap Framework Ngôn ngữ để viết chức (Back-end): Sử dụng ASP.NET Framework (mơ hình MVC) Cơng cụ viết Back-end: Visual Studio 2015 Công cụ viết sở liệu: SQL Server 2014 4.2 Kết thực nghiệm Website tin tức Giao diện website Giao diện tin tức theo chủ đề thời Giao diện tin tức theo chủ đề giới Giao diện tin tức theo chủ đề tài chính-kinh doanh Giao diện tin tức theo chủ đề đời sống Trang đăng ký đăng nhập vào website KẾT LUẬN Khóa luận thực nghiên cứu vấn đề liên quan đến Framework ASP.NET mô hình MVC, xây dựng Website tin tức.Dựa sở lý thuyết để xây dựng Website, kiến thức khóa luận tiến hành triển khai thiết kế, xây dựng cài đặt hệ thống Framework ASP.NET Thực thử nghiệm xây dựng Website tin tức cho hệ thống TÀI LIỆU THAM KHẢO [1] https://www.howkteam.vn/course/lap-trinh-website-voi-aspnet-mvc-co-ban/gioithieu-tong-quan-cong-nghe-web-aspnet-mvc-123 [2] https://dotnet.microsoft.com/ [3] https://dotnet.microsoft.com/apps/aspnet/web-apps [4] http://www.dantri.com.vn [5] http://www.thegioitin.com [6] http://www.24h.com.vn [7]http://www.vietbao.com [8]http://www.thanhnien.vn ... thực nghiệm Website tin tức Giao diện website Giao diện tin tức theo chủ đề thời Giao diện tin tức theo chủ đề giới Giao diện tin tức theo chủ đề tài chính-kinh doanh Giao diện tin tức theo chủ... tin: loại thơng tin có mã loại thơng tin để phân biệt với loại thông tin khác.Cùng với mã loại thông tin cịn có tiêu đề loại thơng tin - Bản tin: tin có mã tin để phân biệt với tin khác Một tin. .. Bảng chủ đề tin tức Tên trường Kiểu MaCD Int TenCD Nvarchar Độ rộng Ghi Mã chủ đề 50 Tên chủ đề Bảng tin tức Tên trường Kiểu Độ rộng Ghi Matintuc int Tentintuc nvarchar 100 Tên tin tức Mota nvarchar