Tìm hiểu asp net xây dựng website tin tức đa ngôn ngữ

TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGƠN NG Tr-ờng đại học vinh Khoa công nghệ thông tin - - đồ án tốt nghiệp đại học Ngành: kỹ s- công nghệ thông tin Tìm hiểu asp.net xây dựng website tin tức đa ngôn ngữ gvhd: ths Cao sơn svth : nguyễn hoàng hßa líp : 47k – cntt NghƯ An - 05/2011 Trang TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ MỤC LỤC MỤC LỤC DANH MỤC TỪ VIẾT TẮT, THUẬT NGỮ DANH MỤC HÌNH VẼ, ĐỒ THỊ .8 LỜI NÓI ĐẦU CHƢƠNG KHẢO SÁT HỆ THỐNG 11 1.1 Tổng quan ASP.NET 11 1.1.1 Giới thiệu ngôn ngữ ASP.NET .11 1.1.2 Ưu điểm ASP.NET 12 1.2 Tổng quan ngơn ngữ lập trình C# .17 1.3 Thƣ viện Jquery 17 1.4 Ajax 20 1.5 Khảo sát trạng Website tin tức 24 1.5.1 Mục đích yêu cầu trang web 24 1.5.2 Yêu cầu hệ thống 25 1.6 Tổng kết .25 1.6.1 Chức User 25 1.6.2 Đối với người quản trị 26 1.6.3 Yêu cầu hệ thống 26 CHƢƠNG PHÂN TÍCH HỆ THỐNG 27 2.1 Yêu cầu chi tiết Website 27 2.1.1 Đối với người truy cập Website với chức User 27 Trang TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ 2.1.2 2.2 Đối với người quản trị 27 Biểu đồ phân cấp chức năng, biểu đồ luồng liệu .27 2.2.1 Mô tả chức 27 2.2.2 Biểu đồ phân cấp chức 30 2.2.3 Biểu đồ luồng liệu 32 CHƢƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU 35 3.1 Thiết kế sở liệu 35 3.2 Lựa chọn cài đặt CSDL 35 3.3 Xác định thực thể 36 CHƢƠNG ĐẶC TẢ GIAO DIỆN 41 4.1 Phần dành cho ngƣời sử dụng 41 4.1.1 Trang chủ 41 4.1.2 Trang chủ lĩnh vực 42 4.1.3 Trang đăng nhập 42 4.1.4 Trang đăng ký 43 4.2 Phần quản trị website 44 4.2.1 Trang xem, nhập, sửa, xóa viết theo lĩnh vực 44 4.2.2 Trang quản lý thành viên website 45 4.2.3 Trang gửi viết 46 CHƢƠNG GIAO DIỆN CHƢƠNG TRÌNH 47 5.1 Dành cho ngƣời sử dụng 47 5.1.1 Trang chủ .47 Trang TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ 5.1.2 Trang chủ lĩnh vực 49 5.2 Dành cho ngƣời quản trị 50 KẾT LUẬN .51 Kết tự đánh giá 51 Kết luận 51 TÀI LIỆU THAM KHẢO .53 Trang TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ DANH MỤC TỪ VIẾT TẮT, THUẬT NGỮ Giải nghĩa STT Từ viết tắt, thuật ngữ CSDL ASP ASP.NET Active Server Page Dot NET SQL Structured Query Language JQUERY Một thư viện mã Javascript AJAX Asynchronous JavaScript and XML COM Component Object Model DCOM DLL 10 ADO.NET 11 VS.NET 12 XML eXtensible Markup Language 13 CSS Cascading Style Sheet 14 URL Uniform Resource Locator 15 HTML HyperText Markup Language 16 CLR Common Language Runtime 17 IDE Integrated Development Environment 18 XHTML 19 W3C World Wide Web Consortium 20 HTTP Hyper Text Transfer Protocol 21 DHTML 22 XAML Cơ sở liệu Active Server Page Distributed Component Object Model Dynamic Link Library ActiveX Data Object Dot NET Visual Studio.NET eXtensible HyperText Markup Language Dynamic HyperText Markup Language eXtensible Application Markup Language Trang TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ DANH MỤC HÌNH VẼ, ĐỒ THỊ Hình 1.1 Hình 1.2 Hình 1.3 Hình 1.4 Hình 1.5 Hình 2.1 Hình 2.2 Hình 2.3 Hình 2.4 Hình 2.5 Hình 2.6 Hình 2.7 Hình 2.8 Hình 3.1 Hình 3.2 Hình 3.3 Hình 3.4 Hình 3.5 Hình 3.6 Hình 3.7 Hình 4.1 Hình 4.2 Hình 4.3 Hình 4.4 Hình 4.5 Hình 5.1 Hình 5.2 Hình 5.3 Hình 5.4 Quá trình xử lý tập tin ASPX………………………… …… … 13 Cấu trúc trang ASP.NET…………………………….………… ….14 Cấu trúc trang ASP.NET……………………………….……………15 Cấu trúc webform……………………………………… … 15 Sơ đồ thể tính đồng Ajax………………………….… 22 Biểu đồ phân cấp chức : Hệ thống Website……………… ….29 Biểu đồ phân cấp chức : Người quản trị………………… … 30 Biểu đồ phân cấp chức : Thành viên Website………….…… 30 Biểu đồ luồng liệu : Mức ngữ cảnh………………………….… 31 Biểu đồ luồng liệu : Mức đỉnh………………….……………… 31 Biểu đồ luồng liệu mức đỉnh : Chức cập nhật…….….32 Biểu đồ luồng liệu mức đỉnh : Chức tìm kiếm……….32 Biểu đồ luồng liệu mức đỉnh : Chức đăng ký thành viên……………………………………………………….… 33 Bảng tbuser………………………………………………………….36 Bảng admin………………………………………………….………36 Bảng BANTIN………………………………………………… 37 Bảng LINHVUC………………………………………….……… 37 Bảng lang………………………………………………….……… 38 Bảng COMMENT………………………………………….… … 38 Mơ hình RelationShip CSDL……………………………….… 39 Đặc tả giao diện trang chủ (Index.aspx)…………………………….40 Đặc tả giao diện trang đăng ký…………………………….…… ….42 Đặc tả giao diện trang xem, nhập, sửa viết………………… …43 Đặc tả giao diện trang quản lý thành viên……………………….….44 Đặc tả giao diện trang gửi viết…………………………….…….45 Giao diện tiếng Việt Website……………………………….… 46 Giao diện tiếng Anh Website……………………………….… 47 Giao diện trang chủ lĩnh vực…………………………….…….48 Giao diện trang quản trị………………………………………….….49 Trang TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ LỜI NĨI ĐẦU Cơng nghệ thơng tin thực trở thành phần thiếu đời sống người Đặc biệt thời gian gần phát triển chóng mặt mặt cơng nghệ Những cơng nghệ đời cách nhanh chóng liên tục Để khơng bị lạc hậu q trình phát triển thời đại mới, việc nắm bắt thông tin công nghệ người trở nên cần thiết hết Đồ án “Tìm hiểu ASP.NET xây dựng Website tin tức đa ngôn ngữ” phần giúp người có nhìn tổng quan biến đổi giới công nghệ hàng ngày Website xây dựng hệ quản trị SQL server 2005 phát triển NET MS Visual studio 2008, bên cạnh đề tài cịn tìm hiểu thêm cơng nghệ website ASP.NET thư viện Jquery, công nghệ Ajax Cấu trúc đồ án sau : Chương Khảo sát hệ thống Trong chương này, chủ yếu giới thiệu toán xây dựng website tin tức công nghệ cách tổng quát, mô tả cấu tổ chức, tìm hiểu quy trình hoạt động hệ thống, qua đánh giá hệ thống Đồng thời phần tìm hiểu cơng nghệ ASP.NET, ngơn ngữ lập trình C# Microsoft.NET, thư viện jquery, công nghệ ajax sử dụng để triển khai tốn Chương 2, Phân tích hệ thống, thiết kế sở liệu Website tin tức cơng nghệ Trong chương thực q trình phân tích, thiết kế hệ thống triển khai xây dựng Website tin tức cơng nghệ Trang TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ Chương 4, Đặc tả giao diện giao diện Website tin tức công nghệ Chương giới thiệu qua giao diện số tính website Và cuối kết luận đồ án Đồ án hoàn thành nhờ giúp đỡ tận tình, chu đáo ThS Cao Thanh Sơn Em xin bày tỏ lòng biết ơn sâu sắc tới thầy Cao Thanh Sơn thầy cô tổ Các Hệ Thống Thơng Tin góp ý giúp em thực đồ án Do nhiều yếu tố khách quan tầm hiểu biết chưa sâu sắc, đồ án tốt nghiệp chắn cịn nhiều sai sót hạn chế Em mong góp ý chân thành thầy cô bạn Em xin chân thành cảm ơn ! Sinh viên thực hiện: Nguyễn Hồng Hịa Trang 10 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ CHƢƠNG KHẢO SÁT HỆ THỐNG 1.1 Tổng quan ASP.NET 1.1.1 Giới thiệu ngôn ngữ ASP.NET Hiện ASP 3.0 trở thành kịch nhiều người sử dụng để thiết kế ứng dụng thương mại điện tử nhiều hình thức khác Chúng hỗ trợ mạnh ngôn ngữ lập trình C#, VB.NET… sở liệu SQL Server 2005 với đời công nghệ COM DCOM, ứng dụng trở nên hoàn hảo ưu việt q trình trao đổi thơng tin mạng Internet Intranet Tuy nhiên, Microsoft nổ lực cho công nghệ Web xử lý phía máy chủ hồn tồn ASP.NET độc lập với trình duyệt Điều có nghĩa trình duyệt khơng cần phải cài đặt cơng cụ hỗ trợ để duyệt trang Web dạng ASP.NET(.aspx) Với kỹ thuật cho phép thực thi nằm trình chủ (Server), có nghĩa trình duyệt xử lý nhiều vấn đề lúc cho nhiều người dùng, địi hỏi cấu hình máy chủ có cấu hình mạnh địi hỏi băng thơng có khả truyền liệu với khối lượng lớn tốc độ truy cập nhanh ASP.NET thiết kế tương thích với phiên ASP trước Bạn triển khai ứng dụng phát triển ASP.NET chung với ứng dụng phát triển ASP máy chủ mà khơng cần thay đổi cấu hình ứng dụng ASP Những ngôn ngữ dùng để viết ASP.NET VBScript, Jscript, C# Tùy thuộc vào khai báo mục đối tượng dẫn đầu trang ASP.NET, bạn rõ ngơn ngữ lập trình bạn sử dụng để xây dựng trang ASP.NET Công nghệ ASP.NET hướng lập trình viên Web vào quỹ đạo chúng lý sau : - Độc lập ngôn ngữ cho phép bạn không biên dịch ngôn ngữ, thực tối ưu ngôn ngữ kết hợp Trang 11 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ - Dễ phát triển: ASP.NET cho phép bạn khai báo, viết mã đơn giản hóa vấn đề - Tách mã nội dung hai phần khác nhau: Trong mở Webform bạn khai báo số thủ tục tập tin với tên mở rộng - Tính mềm dẻo khả nâng cấp: Cho phép quản lý trạng thái Sesion tạo form ứng dụng sử dụng hệ thống Server - Hỗ trợ nhiều trình khách tự động nhận dạng trình khách để thị cho phù hợp - Thay sử dụng mơ hình DLL, COM, DCOM trước đây, trường hợp ứng dụng sử dụng cơng nghệ ASP.NET bạn sử dụng dịch vụ tương tự có tên Web Services [1] 1.1.2 Ưu điểm ASP.NET ASP.NET có nhiều ưu điểm tảng khác dùng để tạo ứng dụng Web Có thể phần lớn ưu điểm quan trọng kèm với máy chủ Windows cơng cụ lập trình Windows Ứng dụng web tạo ASP.NET tạo ra, bắt lỗi triển khai dễ dàng thông qua tác vụ thực thi trọn v n môi trường phát triển Visual Studio NET Với nhà phát triển ứng dụng Web, ASP.NET bộc lộ ưu điểm sau : - Những phần thực thi ứng dụng Web biên dịch, chúng thực thi nhanh kịch thông dịch - Các cập nhập giúp cho việc triển khai ứng dụng Web mà khởi động lại máy chủ - Truy cập tới NET Framework, đơn giản hóa nhiều khía cạnh lập trình Windows - Sử dụng nhiều hiểu biết ngơn ngữ lập trình C#, VB, vốn tăng cường để hỗ trợ lập trình hướng đối tượng Trang 12 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ e Bảng lang Tên trƣờng Kiểu langID int langname nchar Độ rộng Ghi Mã ngơn ngữ 10 Tên ngơn ngữ Hình 3.5 f Bảng COMMENT Tên trƣờng Kiểu Độ rộng MaBanTin nvarchar 50 Macomment int noidung nvarchar langID int nguoigui nvarchar Ghi Mã tin Mã bình luận 50 Nội dung bình luận Mã ngơn ngữ 50 Người gửi bình luận Hình 3.6 Trang 39 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGƠN NGỮ Mơ hình quan hệ Relation Ship CSDL Hình 3.7 Trang 40 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ CHƢƠNG ĐẶC TẢ GIAO DIỆN 4.1 Phần dành cho ngƣời sử dụng 4.1.1 Trang chủ (Index.aspx) Hệ thống trang chủ hiển thị thông tin tất chức năng, thành phần Website tin tức Banner Đăng nhập Menu trái Tên chủ đề chọn Menu trái Đăng ký Quảng cáo Tiêu đề Ảnh Ngày đăng tin Nội dung tóm tắt Tên Ảnhchủ đề chọn Menu trái Tiêu đề Ảnh Ngày đăng tin Nội dung tóm tắt - Tên tiêu đề - Nội dung Copy Right @ 2011 by Nguyễn Hịa Hình 4.1 - Banner : Hiển thị tên website Đồng thời có chức Đăng nhập Đăng ký làm thành viên website - Tên tiêu đề Nội dung Trang 41 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ - Menu trái : Hệ thống gồm có chức hiển thị nhóm tin tức trang web : Cơng Nghệ Thông Tin, Viễn Thông, Thiết Bị Số, - Body : Hiển thị chi tiết tin đăng gần - Quảng cáo : Hiển thị liên kết đến website quảng cáo 4.1.2 Trang chủ lĩnh vực Hiển thị chi tiết tin lĩnh vực : - Công Nghệ Thông Tin : Thể viết công nghệ thơng tin, phần mềm, chương trình mới,… ngồi nước - Viễn Thơng : Thể viết mạng điện thoại, thiết bị viễn thông mới,… - Thiết Bị Số : Thể viết thiết bị số máy quay, loại đầu đĩa,… - Điện Tử : Thể viết thiết bị điện tử - Giải Trí : Thể viết video hài, truyện cười, văn thơ,… 4.1.3 Trang đăng nhập - Khi người dùng có tài khoản User đăng nhập vào có thêm chức gửi viết bình luận tin - Khi người dùng có tài khoản Admin đăng nhập vào xem, sửa, xóa, đăng viết, quản lý thành viên, xem, sửa, xóa viết thành viên Trang 42 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ 4.1.4 Trang đăng ký - Bất người dùng vào trang Web đăng ký thành viên WebSite gửi viết lên Banner Đăng nhập ĐĂNG KÝ Menu trái Đăng ký Quảng cáo Tên đăng nhập: Họ tên : Mật : Email : ĐĂNG KÝ THOÁT Copy Right @ 2011 by Nguyễn Hịa Hình 4.2 Trang 43 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ 4.2 Phần quản trị Website 4.2.1 Trang xem, nhập, sửa, xóa viết theo lĩnh vực Banner Xin chào admin Menu trái TÊN CHỦ ĐỀ ĐƯỢC CHỌN Quảng cáo Mã tin: Tiêu đề : Nội dung tóm tắt : Nội dung : Ảnh Hình ảnh : Chú thích hình : SỬA XĨA NHẬP Copy Right @ 2011 by Nguyễn Hịa Hình 4.3 Trang 44 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ 4.2.2 Trang quản lý thành viên website Banner Xin chào admin Menu trái QUẢN LÝ THÔNG TIN THÀNH Quảng cáo VIÊN User Name : nguoihatinh_06 Mã nhóm : Họ tên : Nguyễn Hồng Hịa Password : 123456 Email : nhh47eit@gmail.com Điện thoại : 0985393039 SỬA XÓA NHẬP Copy Right @ 2011 by Nguyễn Hịa Hình 4.4 Trang 45 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGƠN NGỮ 4.2.3 Trang gửi viết - Khi admin đăng nhập vào gửi viết lên Banner Xin chào admin GỬI BÀI VIẾT Menu trái Quảng cáo Tiêu đề : Nội dung tóm tắt : Nội dung : Browse… Hình ảnh : Chú thích hình : GỬI BÀI THỐT Copy Right @ 2011 by Nguyễn Hịa Hình 4.5 Trang 46 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGƠN NGỮ CHƢƠNG GIAO DIỆN CHƢƠNG TRÌNH 5.1 Dành cho ngƣời sử dụng 5.1.1 - Trang chủ Giao diện tiếng Việt : Hình 5.1 Trang 47 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ - Giao diện tiếng Anh : Hình 5.2 Trang 48 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGƠN NGỮ 5.1.2 Trang chủ lĩnh vực Hình 5.3 Trang 49 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGƠN NGỮ 5.2 Dành cho ngƣời quản trị Hình 5.4 Trang 50 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ KẾT LUẬN Kết tự đánh giá 1.1 Những kết đạt đƣợc đồ án Trong q trình thực đồ án, ngồi việc cố lại kiến thức học, em cịn tìm hiểu thêm số kiến thức, công nghệ Qua em đạt số thành : - Đã sử dụng công nghệ ASP.NET để xây dựng Website tin tức - Tìm hiểu thư viện jQuery công nghệ Ajax để ứng dụng vào thiết kế Web - Có thêm nhiều kinh nghiệp việc thiết kế giao diện Website 1.2 Hạn chế - Do có hạn chế mặt thời gian nên Website chưa thật hồn thiện hình thức nội dung - Tuy thực hầu hết yêu cầu, mục tiêu đề chương trình chưa tối ưu, chưa thực chuyên nghiệp Em mong khắc phục hạn chế thiếu sót cách sớm 1.3 Hƣớng phát triển - Tìm hiểu thêm ASP.NET để mở rộng thêm nhiều chức cho giao diện trở nên tiện dụng - Thêm số chức - Thêm chức bảo mật Kết luận Sau thời gian tìm hiểu nghiên cứu, nhờ hướng dẫn tận tình ThS Cao Thanh Sơn em hồn thành đồ án tốt nghiệp “Tìm hiểu ASP.NET xây dựng Website tin tức đa ngôn ngữ” Quá trình thực đồ Trang 51 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ án giúp em tìm hiểu thêm nhiều kiến thức củng cố lại kiến thức học Nhưng thời gian kiến thức nhiều hạn chế nên em khơng thể tránh khỏi thiếu sót Kính mong q thầy giáo bạn đóng góp ý kiến giúp đỡ em hoàn thành đồ án Em xin chân thành cảm ơn! Trang 52 TÌM HIỂU ASP.NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ TÀI LIỆU THAM KHẢO [1] Bill Evjen, Scott Hanselman, Farhan Muhammad, S.Srinivasa Sivakumar, Devin Rader , Professional ASP.NET 2.0, 2005 [2] Nguyễn Thiên Bằng, Giáo trình SQL Sever 2000, NXB Lao động - Xã hội, Hà Nội, 2005 [3] Phan Hoàng, Anh Quang, Giáo trình Tự Học Lập Trình C#, NXB Văn hóa Thông tin, Hà Nội, 2007 [4] Nguyễn Trường Sinh, Thiết Kế Web Với JavaScript Dom, NXB Phương Đông, Hà Nội, 2007 [5] Cao Thanh Sơn, Thiết kế lập trình web, Đại học Vinh, Nghệ An, 2006 [6] Cổng thông tin điện tử : http://www.thongtincongnghe.com [7] Cổng thông tin điện tử : http://www.asp.net.vn Trang 53 ... thành đồ án tốt nghiệp ? ?Tìm hiểu ASP. NET xây dựng Website tin tức đa ngôn ngữ? ?? Quá trình thực đồ Trang 51 TÌM HIỂU ASP. NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ án giúp em tìm hiểu thêm nhiều kiến... XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ - Giao diện tiếng Anh : Hình 5.2 Trang 48 TÌM HIỂU ASP. NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGƠN NGỮ 5.1.2 Trang chủ lĩnh vực Hình 5.3 Trang 49 TÌM HIỂU ASP. NET XÂY... thơng tin) - Xóa theo tin (Thơng tin vấn đề đó) - Xóa tin  Thống kê tin : - Số lượng tin Website Trang 29 TÌM HIỂU ASP. NET XÂY DỰNG WEBSITE TIN TỨC ĐA NGÔN NGỮ - Số lượng tin chủ đề - Số lượng tin