THIẾT KẾ VÀ XÂY DỰNG WEBSITETIN TỨC CÔNG NGHỆ
LỜI CẢM ƠN Lời đầu tiên chúng em xin chân thành cảm ơn Ban giám hiệu trường Đại Học Công Nghiệp Thực Phẩm Thành Phố Hồ Chí Minh đã tạo điều kiện để sinh viên chúng em có một môi trường học tập thoải mái về cơ sở hạ tầng cũng như cơ sở vật chất Chúng em xin cảm ơn khoa Công nghệ thông đã giúp chúng em được mở mang kiến thức hơn về các vấn đề xung quanh một chiếc máy tính. Qua đó chúng em có thể nhận thức một cách đầy đủ và toàn diện về tầm quan trọng của nghành công nghệ thông tin trong công cuộc xây dựng và phát triển đất nước ngày càng giàu mạnh hơn. Chúng em chân thành cảm ơn thầy Nguyễn Văn Giáp đã hướng dẫn tận tình để nhóm chúng em hoàn thành đồ án môn học này. Hi vọng thông qua những nỗ lực tìm hiểu của tất cả các thành viên, nhóm chúng em sẽ giúp các bạn hiểu rõ hơn về quá trình xây dụng một website và một số tính năng hỗ trợ của ngôn ngữ ASP.NET. Ngoài ra, nhóm cũng mong muốn giới thiệu tới các bạn những tính năng hay, nhưng cái ưu điểm nổi bậc của ngôn ngữ ASP.NET. ASP.NET là một trong những ngôn ngữ lập trình web động thông minh và chiếm thị phần khá nhiều trong làm WEB lớn. Nó mang đến một môi trường làm việc hiện đại, thân thiện trên môi trường website. Sự xuất hiện của ASP.NET làm cân bằng giữa lập trình ứng dụng trên môi trường windows và mô trường web. TRƯỜNG ĐH CÔNG NGHIỆP THỰC PHẨM – TP.HCM Khoa: CÔNG NGHIỆ THÔNG TIN Môn học: CÔNG NGHỆ WEB THẾT KẾ VÀ XÂY DỰNG WEBSITE TIN TỨC CÔNG NGHỆ GVHD: Nguyễn Văn Giáp Nhóm 245 – Lớp 11CDTH2 ĐỒ ÁN TP. HCM, tháng 06 năm 2013 Đề Tài: Xây Dựng Website Tin Tức Menu Page | 2 Đề Tài: Xây Dựng Website Tin Tức PHẦN 1: TỔNG QUAN VỀ HÊ THỐNG I. Tổng quan ngôn ngữ asp.net 1. Giới thiệu Hiện tại ASP đã và đang trở thành kịch bản được nhiều người sử dụng để thiết kế ứng dụng thương mại điện tử dưới nhiều hình thức khác nhau. Chúng được sự hộ trợ mạnh của ngôn ngữ lập trình C#, VB.NET… và cơ sở dữ liệu SQL Server 2012 cùng với sự ra đời của công nghệ COM và DCOM, ứng dụng trở nên hoàn hảo và ưu việt hơn trong quá trình trao đổi thông tin trên mạng Internet và Intranet. Tuy nhiên, Microsoft đã và đang nổ lực cho một công nghệ Web xử lý phía máy chủ hoàn toàn mới đó là ASP.NET độc lập với mọi trình duyệt. Điều này có nghĩa là trình duyệt không cần phải cài đặt bất kỳ công cụ hỗ trợ nào để duyệt trang Web dạng ASP.NET(.aspx). Với kỹ thuật cho phép mọi thực thi đều nằm trên trình chủ (Server), có nghĩa là trình duyệt xử lý nhiều vấn đề cùng một lúc cho nhiều người dùng, chính vì vậy đòi hỏi cấu hình máy chủ có cấu hình mạnh và đòi hỏi băngthông có khả năng truyền dữ liệu với khối lượng lớn và tốc độ truy cập nhanh. ASP.NET được thiết kế tương thích với các phiên bản ASP trước đó. Bạn có thể triển khai ứng dụng phát triển bằng ASP.NET chung với ứng dụng phát triển bằng ASP trên cùng một máy chủ mà không cần thay đổi cấu hình của ứng dụng ASP Những ngôn ngữ được dùng để viết ASP.NET là VBScript, Jscript, C#. Tùy thuộc vào khai báo chỉ mục trong đối tượng chỉ dẫn đầu trang ASP.NET, bạn có thể chỉ rõ ngôn ngữ lập trình bạn sử dụng để xây dựng trang ASP.NET. Page | 3 Đề Tài: Xây Dựng Website Tin Tức Công nghệ ASP.NET sẽ hướng các lập trình viên Web vào quỹ đạo của chúng bằng các lý do sau : a. Độc lập ngôn ngữ cho phép bạn không biên dịch ngôn ngữ, thực hiện tối ưu các ngôn ngữ kết hợp. b. Dễ phát triển: ASP.NET cho phép bạn khai báo và viết mã và đơn giản hóa vấn đề. c. Tính mềm dẻo và khả năng nâng cấp: Cho phép chúng ta quản lý trạng thái của các Sesion và tạo form trên một ứng dụng sử dụng hệ thống Server. d. Tách mã và nội dung ra hai phần khác nhau: Trong mở Web form bạn có thể khai báo một số thủ tục trên tập tin với các tên mở rộng. e. Thay vì sử dụng mô hình DLL, COM, DCOM trước đây, trong trường hợp ứng dụng sử dụng công nghệ ASP.NET bạn có thể sử dụng dịch vụ tương tự có tên là Web Services. f. Hỗ trợ nhiều trình khách có thể tự động nhận dạng trình khách để hiện thị cho phù hợp. 2. Ưu điểm ASP.NET có nhiều ưu điểm hơn các nền tảng khác khi dùng nó để tạo ứng dụng Web. Có thể phần lớn những ưu điểm quan trọng của nó đi kèm với các máy chủ Windows và các công cụ lập trình Windows. Ứng dụng web được tạo bởi ASP.NET được tạo ra, bắt lỗi và triển khai rất dễ dàng thông qua các tác vụ có thể thực thi trọn vẹn trong một môi trường phát triển duy nhất - Visual Studio. NET. Với những nhà phát triển ứng dụng Web, ASP.NET có những ưu điểm sau đây: a. Những phần thực thi được của ứng dụng Web được biên dịch, vì vậy chúng thực thi nhanh hơn là các kịch bản thông dịch. Page | 4 Đề Tài: Xây Dựng Website Tin Tức b. Truy cập tới .NET Framework, có thể đơn giản hóa nhiều khía cạnh trong lập trình Windows. c. Sử dụng nhiều những hiểu biết về ngôn ngữ lập trình C#, VB, vốn đã được tăng cường để hỗ trợ lập trình hướng đối tượng. d. Các cập nhập ngay lập tức giúp cho việc triển khai các ứng dụng Web mà không phải khởi động lại máy chủ. e. Giới thiệu ngôn ngữ lập trình mới mà nó cung cấp khả năng an toàn kiểu, hướng đối tượng, so với ngôn ngữ lập trình C. f. Tự động quản lý trạng thái để điều khiển trang Web (được gọi là Server Controls) vì vậy chúng có gì đó giống với các Windows Controls. g. Các tính năng bảo mật được xây dựng sẵn thông qua máy chủ Windows hoặc thông qua các phương thực xác nhận/phân quyền khác. h. Hỗ trợ đầy đủ XML, CSS và các chuẩn Web đã được thiết lập hoặc mới khác. i. Tích hợp chặt chẽ với ADO.NET để cung cấp các truy xuất CSDL và các công cụ thiết kế CSDL trực quan trong bộ VS.NET. j. Các tính năng sẵn có để đệm các trang web thường xuyên được yêu cầu trên máy chủ, các nội dung bản địa hóa cho các ngôn ngữ và trao đổi, nhận ra khả năng tương thích trình duyệt. II. Khảo sát thức tế các website tin tức 1. Mục đích và yêu cầu của trang website Sau khi học và tìm hiểu về ngôn ngữ ASP.NET, bằng khả năng thực tế có được, nhóm em đã xây dựng Website tin tức, đây là trang web sẽ giới thiệu những tin tức mới hằng ngày. Qua tìm hiểu website trên mạng: http://www.vnexpress.net http://www.thegioitin.com http://www.24h.com.vn http://www.dantri.com.vn Page | 5 Đề Tài: Xây Dựng Website Tin Tức http://www.vietbao.com và rút ra một số nhận xét sau: − Đối với trang vnexpress: Giao diện không chứa đầy các ảnh và bài viết như trang dân trí. Nhưng có đủ các Lisbox để đọc giả lựa chọn. Hình ảnh không đẹp bằng trang dân trí. − Đối với trang dantri.com.vn: Thông tin đa dạng từ các lĩnh vực như văn hóa, xã hội, sức khỏe, thể thao, điện ảnh, giải trí…trong nước và ngoài nước. Các thông tin được cập nhật liên tục, cho phép xem theo chủ đề, theo ngày tháng… Màu sắc hài hòa, chức năng rõ ràng dễ sử dụng 2. Yêu cầu của hệ thống. − Nguồn thông tin đa dạng và sống động. − Giao diện trang web thân thiện, dễ nhìn, dễ sử dụng, màu sắc hài hòa. − Thông tin được cập nhật và sửa đổi thường xuyên. III. Tổng kết hệ thống Từ nhưng gi đã tìm hiểu nhóm đã xác định một số yêu cấu của trang web: − Hiển thị các danh mục. − Hiển thị chi tiết về thông tin trong danh mục. − Hiển thị kết quả của việc đăng ký, đăng nhập. − Hiển thị các thông tin mới diễn ra hằng ngày. Page | 6 Đề Tài: Xây Dựng Website Tin Tức − Giao diên thân thiện, dễ nhìn, màu sắc không đối lập − Có khả năng cập nhật, sửa, xoá. − Hình thức thông tin đa dạng và sống động. 1. Chức năng user. − Cho phép đăng ký làm thành viên. − Cho phép sửa đổi − Cho phép xem tin tức, tìm kiếm thông tin − Cho phép Post các bài viết (Chỉ có phần giao diện chưa đi sâu vào thực hiện các chức năng) 2. Đối với người quản trị. − Quản lý các User: xóa, sửa, nhập thêm User, Admin − Cập nhật mới các thông tin liên quan, sửa thông tin, xóa thông tin. − Kiểm tra, chỉnh sửa các bài Post lên của User và sau đó đăng bài. − Hiển thị thông tin lên nhóm tin, chuyên mục. (Chỉ có phần giao diện chưa đi sâu vào thực hiện các chức năng) Page | 7 Đề Tài: Xây Dựng Website Tin Tức PHẦN 2: PHÂN TÍCH HỆ THỐNG I. Yêu cầu chi tiết của website. - Hiển thị các danh mục. - Hiển thị chi tiết về thông tin có trong danh mục. - Hiện thị đăng ký, đăng nhập. - Hiện thị được các thông tin mới diễn ra hàng ngày 1. Đối với người truy cập Website với chức năng User - Cho phép đăng ký thành viên. - Cho phép xem tin tức. - Cho phép Post các bài viết 2. Đối với người quản trị - Quản lý các user: xoá, sửa, nhập thêm User, Admin. - Cập nhật mới các thông tin liên quan, sửa thông tin , xoá thông tin. - Kiểm tra, chỉnh sửa các bài Post lên của user và sau đó đăng bài. - Hiển thị thông tin lên theo nhóm tin, chuyên mục. II. Biểu đồ phân cấp chức năng, biểu đồ luồng dữ liệu. 1. Mô tả các chức năng Các chức năng yêu cầu của Website tin tức: ∗ Đầu ra: Hiển thị thông tin − Hiện thị thông tin theo chủ đề. − Thông tin hiển thị theo khuôn có sẵn. Page | 8 Đề Tài: Xây Dựng Website Tin Tức ∗ Đầu vào: Quản lý thông tin − Cập nhật thông tin ( Sửa, xóa, thêm mới) theo chủ đề − Nhập thông tin và quản lý thông tin theo khuôn có sẵn. − Thống kê tin tức, liên hệ, phân phát quyền quản trị. Phân tích chức năng: ∗ Khuôn thông tin: − Mã bài viết: Là khóa chính. Đảm bảo tính duy nhất của thông tin. − Tiêu đề: Không được để rỗng. Mục tiêu là hiện thị tiêu đề và thể hiện nội dung một phần bản tin. − Ngày đăng tin: Hiện thị thời gian đăng bài. − Mã người dùng: không được rỗng. Hiển thị người dùng đã đăng thông tin. − Nội bài viết: Không được để rỗng. Thể hiện nội dung căn bản trong bản tin khi người đọc không có khả năng đọc toàn bộ bản tin vẫn hiểu được phần cốt lõi của bản tin. − Trạng thái: Không được để trống. Hiển thị bài viết chưa đăng, đã đăng hoặc đang kiểm duyệt. − Mã chuyên mục: Không được trống dùng. Dùng để xác định bài viết năm ở chuyên mục nào. − Nội dung tóm tắc: Có thể để trống. Là nội dung chính của bài viết. − Ảnh tiêu đề: Có thể được để rỗng. Thể hiện hình ảnh minh họa của bản tin (nếu có). − Đường dẫn tin: Có thể để trống Hiển thị nguồn thông tin đưa bản tin lên Website. ∗ Nhập nội dung theo khuôn: − Thiết kế nhập: Mã thông tin ký tự hay số trước. Số ký tự từ 5 – 10. Có thể nhập tự động hay bằng tay. Đưa ra cảnh báo nếu nhập ít hơn hoặc nhiều hơn số ký tự quy định. Page | 9 Đề Tài: Xây Dựng Website Tin Tức − Tiêu đề bản tin: Nhập toàn bộ ký tự số, ký tự đặc biệt máy sẽ đưa ra cảnh báo. − Nội dung chính: Nhập rỗng sẽ đưa ra cảnh báo. − Ảnh tiêu đề: Nếu để rỗng sẽ có thông bảo hỏi “ Bạn có muốn để rỗng hay không?” ∗ Update thông tin: Cho phép sửa xóa các thành phần phụ trong cơ sở dữ liệu mà không cho sưa đổi trường khóa. ∗ Xóa thông tin: Có thể xóa theo chủ đề hoặc một nhóm chủ đề. − Xóa theo chủ đề (Xóa rất nhiều thông tin). − Xóa theo bản tin (Thông tin về một vấn đề gì đó). − Xóa một bản tin. − Xóa những bản tin có chứa cụm nội dung không lành mạnh… ∗ Thống kê thông tin: − Số lượng bản tin trong Website. − Số lượng bản tin trong từng chủ đề − Số lượng bản tin của cùng một tác giả. − Số lượng bản tin trong cùng một ngày. − Số lượng bản tin cùng nói về một vấn đề nào đó. ∗ Liên hệ: (Liên hệ của người đọc vào Website) Người đọc phản ánh qua Website cho phép họ gửi nội dung vào website hoặc gửi vào cơ sở dữ liệu. Cho phép người đọc nhập thông tin cá nhân: Tên, tuổi, Email để khẳng định chính xác người đó, số điện thoại di động Quy định nội dung phải tránh những cụm từ không lành mạnh hoặc những cụm từ theo quy định của Website. Page | 10 [...]... khắc phục 3 Hướng phát triển trang website − Thêm tính năng quản lí Admin − Thêm vài tiện ích vào website − Thêm tính năng bảo mật Sau thời gian tìm hiểu và nghiên cứu đề tài Nhờ sự hướng dẫn tận tình của thầỳ Nguyễn Văn Giáp nhóm chúng em hoàn thành đề tài “ Thiết Kế Và Xây dựng Website tin tức công nghệ Nhưng do thời gian và kiến thức còn nhiều hạn chế nên nhóm chúng em không thể tránh khỏi những thiếu... Trang chủ (Trangchu.aspx) Menu Nhóm tin tức ảnh Tin tức nổi bật ảnh ảnh Tin mới và tin liên quan ảnh ảnh ảnh ảnh Menu − Menu : hiển thị các chủ đề cua trang (gồm : new, tech, tutorial, contract) − Nhóm tin tức: hiển thị các tin tức đã co trước đó − Nhóm tin nổi bất: hiển thị tin tức được đọc nhiều nhất Hiển thị tin tức liên quan Page | 20 Đề Tài: Xây Dựng Website Tin Tức II Trang đăng ký (dang_ky.aspx)... Website Các thông tin thành viên được lưu trữ trong CSDL Database Page | 15 Đề Tài: Xây Dựng Website Tin Tức PHẦN 3: THIẾT KẾ CƠ SƠ DỮ LIỆU I Thiết kế CSDL Cơ sở dữ liệu nhằm lưu giữ thông tin cần thiết cho chương trình Với mỗi một cơ sở dữ liệu sẽ thể hiện rõ thông tin tối thiểu cần có của việc quản lý Để lưu trữ CSDL và thực hiện các thao tác, cũng như thuật toán khác nhau với trang web thì cần phải... tượng cần thiết lưu trữ dữ liệu vào bảng Page | 16 Đề Tài: Xây Dựng Website Tin Tức − Admin( chỉ mang tín lý thuyết ): Đây là thực thể xác định quyền điều hành và quản trị hệ thống Người quản trị hệ thống có quyền hạn cao nhất trong hệ thống, thông tin về Admin được cung cấp bởi Username, Password, họ tên, mã nhóm, email − User: Đây là người sử dụng đăng nhập vào hệ thống để xem tin tức và gửi bài... Trả lời câu hỏi Thông tin của bạn Họ và tên Địa chỉ Số điện thoại Đăng ký Nhập lại Menu III Trang đăng nhập (dang_nhap.aspx) Menu Đăng Nhập Tên đăng nhập Mật khẩu Đăng nhập Menu − Sau khi đăng nhập thành công thành viên sẽ có chức năng viết bài, gửi Page | 21 Đề Tài: Xây Dựng Website Tin Tức PHẦN 5: GIAO DIỆN CHÍNH I Trang chủ Page | 22 Đề Tài: Xây Dựng Website Tin Tức II Trang chi tiết III Trang đăng... Trang V thêm tin: Sửa bài viết: Page | 23 Đề Tài: Xây Dựng Website Tin Tức PHẦN 6: KẾT LUẬN I Tự Đánh Giá 1 Ưu điểm − Trang web có giao diện thân thiện với người dùng, dễ sử dụng − Trang có màu sắc hài hòa − Cập nhật tin tức mới nhất − Hoàn thành và nộp bài đúng thời gian quy định 2 Nhược điểm − Còn thiếu kinh nghiệm − Website chưa hoạt động ổn định − Và một số thiếu sót trong quá trình làm, mà nhóm... quan, phụ thuộc vào từng bài toán và thuật toán cụ thể − SQL Server là hệ quản trị CSDL quen thuộc, gần gũi với HSSV do đó nhóm chúng em quyết định chọn SQL Server 2012 để lưu trữ CSDL cho đề tài thực tập của nhóm Sau đây nhóm chúng em sẽ tiến hành phân tích quá trình thiết kế CSDL III Xác định thực thể − Bước đầu trong phân tích thiết kế cơ sở dữ liệu là phân tích các yêu cầu của dữ liệu, tức là phải... có người có quyền Amin mới tham gia vào chức năng này như người quản trị toàn bộ hệ thống (Nhập, sửa, xóa, xem bài viết thành viên, quản lí tài khoản người sử dụng, tìm kiếm nhanh) Admin Xem bài viết Hệ thống WebSite Quản lý User Tìm kiếm - Thành viên WebSite: Dành cho User khi đăng nhập vào (Xem tin tức, gửi bài viết…) User Page | 11 Đề Tài: Xây Dựng Website Tin Tức Hệ thống Website Gửi bài viết Tìm... cầu đó và cấp phép có hoặc không đối với User − Biểu đồ dòng dữ liệu mức đỉnh Amin Page | 12 Đề Tài: Xây Dựng Website Tin Tức Quản trị HT Sửa đổi tin User Phân quyền Trang chủ Thông tin cập nhật Thông tin cập nhật Đăng nhập Hiển thị − Biểu đồ dòng dữ liệu mức dưới đỉnh Bổ sung Thông tin mới Thông tin Xóa Thông tin bổ sung Thêm TT mới Sửa Database Thông tin Thông tin Lưu Page | 13 Đề Tài: Xây Dựng Website... Thông tin Lưu Page | 13 Đề Tài: Xây Dựng Website Tin Tức + Chức năng cập nhật Thông tin mới vừa nhập sẽ lưu vào kho dữ liệu Các thông tin trong kho dữ liệu sẽ được cập nhật (sửa, xoá) + Chức năng đăng ký thành viên Thông tin chấp nhân/không Yêu cầu đăng nhập hệ thống Đăng ký/đăng nhập Database User Kết quả Page | 14 Đề Tài: Xây Dựng Website Tin Tức - Người dùng là thành viên thì có thể xem thông tin . trên môi trường windows và mô trường web. TRƯỜNG ĐH CÔNG NGHIỆP THỰC PHẨM – TP.HCM Khoa: CÔNG NGHIỆ THÔNG TIN Môn học: CÔNG NGHỆ WEB THẾT KẾ VÀ XÂY DỰNG WEBSITE TIN TỨC CÔNG NGHỆ GVHD: Nguyễn. thuộc vào khai báo chỉ mục trong đối tượng chỉ dẫn đầu trang ASP.NET, bạn có thể chỉ rõ ngôn ngữ lập trình bạn sử dụng để xây dựng trang ASP.NET. Page | 3 Đề Tài: Xây Dựng Website Tin Tức Công nghệ. trong CSDL Database. Page | 15 Đề Tài: Xây Dựng Website Tin Tức PHẦN 3: THIẾT KẾ CƠ SƠ DỮ LIỆU I. Thiết kế CSDL Cơ sở dữ liệu nhằm lưu giữ thông tin cần thiết cho chương trình. Với mỗi một cơ