Tìm hiểu ASP NET xây dựng website tin tức đa ngôn ngữ luận văn tốt nghiệp đại học

Đồng thời trong phần này cũngtìm hiểu về công nghệ ASP.NET, ngôn ngữ lập trình C# và Microsoft.NET, thưviện jquery, công nghệ ajax được sử dụng để triển khai bài toán.. DCOM, ứng dụng tr

Trờng đại học vinh Khoa công nghệ thông tin

Nghệ An - 05/2011

MỤC LỤCMỤC LỤC 3DANH MỤC TỪ VIẾT TẮT, THUẬT NGỮ 6DANH MỤC HèNH VẼ, ĐỒ THỊ 7

LỜI NÓI ĐẦU 8

CHƯƠNG 1 KHẢO SÁT HỆ THỐNG 10

1.1 Tổng quan về ASP.NET 10

1.1.1 Giới thiệu ngôn ngữ ASP.NET 10

1.1.2 Ưu điểm của ASP.NET 11

1.2 Tổng quan về ngôn ngữ lập trình C# 16

1.3 Thư viện Jquery 16

1.4 Ajax 19

1.5 Khảo sát hiện trạng của Website tin tức 23

1.5.1 Mục đích yêu cầu của trang web 23

1.5.2 Yêu cầu của hệ thống 24

1.6 Tổng kết 24

1.6.1 Chức năng User 24

1.6.2 Đối với người quản trị 25

1.6.3 Yêu cầu của hệ thống mới 25

CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG 26

2.1 Yêu cầu chi tiết về Website 26

2.1.1 Đối với người truy cập Website với chức năng User 26

2.1.2 Đối với người quản trị 26

2.2 Biểu đồ phân cấp chức năng, biểu đồ luồng dữ liệu 26

2.2.1 Mô tả các chức năng 26

2.2.2 Biểu đồ phân cấp chức năng 29

2.2.3 Biểu đồ luồng dữ liệu 31

CHƯƠNG 3 THIẾT KẾ CƠ SỞ DỮ LIỆU 34

3.1 Thiết kế cơ sở dữ liệu 34

3.2 Lựa chọn cài đặt CSDL 34

3.3 Xác định các thực thể 35

CHƯƠNG 4 ĐẶC TẢ GIAO DIỆN 40

4.1 Phần dành cho người sử dụng 40

4.1.1 Trang chủ 40

4.1.2 Trang chủ của từng lĩnh vực 41

4.1.3 Trang đăng nhập 41

4.1.4 Trang đăng ký 42

4.2 Phần quản trị website 43

4.2.1 Trang xem, nhập, sửa, xóa các bài viết theo lĩnh vực 43

4.2.2 Trang quản lý thành viên của website 44

4.2.3 Trang gửi bài viết 45

CHƯƠNG 5 GIAO DIỆN CHƯƠNG TRÌNH 46

5.1 Dành cho người sử dụng 46

5.1.1 Trang chủ 46

5.1.2 Trang chủ từng lĩnh vực 48

5.2 Dành cho người quản trị 49

KẾT LUẬN 50

1 Kết quả tự đánh giá 50

2 Kết luận 50 TÀI LIỆU THAM KHẢO 52

DANH MỤC TỪ VIẾT TẮT, THUẬT NGỮ

1 CSDL Cơ sở dữ liệu

2 ASP Active Server Page

3 ASP.NET Active Server Page Dot NET

4 SQL Structured Query Language

5 JQUERY Một thư viện mã Javascript

6 AJAX Asynchronous JavaScript and XML

7 COM Component Object Model

8 DCOM Distributed Component Object Model

9 DLL Dynamic Link Library

10 ADO.NET ActiveX Data Object Dot NET

11 VS.NET Visual Studio.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 eXtensible HyperText Markup Language

19 W3C World Wide Web Consortium

20 HTTP Hyper Text Transfer Protocol

21 DHTML Dynamic HyperText Markup Language

22 XAML eXtensible Application Markup Language

DANH MỤC HÌNH VẼ, ĐỒ THỊ

Hình 1.1 Quá trình xử lý tập tin ASPX……… …… … 13

Hình 1.2 Cấu trúc trang ASP.NET……….………… ….14

Hình 1.3 Cấu trúc trang ASP.NET……….………15

Hình 1.4 Cấu trúc một webform……… … 15

Hình 1.5 Sơ đồ thể hiện tính đồng bộ của Ajax……….… 22

Hình 2.1 Biểu đồ phân cấp chức năng : Hệ thống Website……… ….29

Hình 2.2 Biểu đồ phân cấp chức năng : Người quản trị……… … 30

Hình 2.3 Biểu đồ phân cấp chức năng : Thành viên Website………….…… 30

Hình 2.4 Biểu đồ luồng dữ liệu : Mức ngữ cảnh……….… 31

Hình 2.5 Biểu đồ luồng dữ liệu : Mức đỉnh……….……… 31

Hình 2.6 Biểu đồ luồng dữ liệu mức dưới đỉnh : Chức năng cập nhật…….….32

Hình 2.7 Biểu đồ luồng dữ liệu mức dưới đỉnh : Chức năng tìm kiếm……….32

Hình 2.8 Biểu đồ luồng dữ liệu mức dưới đỉnh : Chức năng đăng ký thành viên……….… 33

Hình 3.1 Bảng tbuser……….36

Hình 3.2 Bảng admin……….………36

Hình 3.3 Bảng BANTIN……… 37

Hình 3.4 Bảng LINHVUC……….……… 37

Hình 3.5 Bảng lang……….……… 38

Hình 3.6 Bảng COMMENT……….… … 38

Hình 3.7 Mô hình RelationShip của CSDL……….… 39

Hình 4.1 Đặc tả giao diện trang chủ (Index.aspx)……….40

Hình 4.2 Đặc tả giao diện trang đăng ký……….…… ….42

Hình 4.3 Đặc tả giao diện trang xem, nhập, sửa bài viết……… …43

Hình 4.4 Đặc tả giao diện trang quản lý thành viên……….….44

Hình 4.5 Đặc tả giao diện trang gửi bài viết……….…….45

Hình 5.1 Giao diện tiếng Việt của Website……….… 46

Hình 5.2 Giao diện tiếng Anh của Website……….… 47

Hình 5.3 Giao diện trang chủ từng lĩnh vực……….…….48

Hình 5.4 Giao diện trang quản trị……….….49

LỜI NÓI ĐẦU

Công nghệ thông tin thực sự đã trở thành một phần không thể thiếu trong đời sống của con người Đặc biệt trong thời gian gần đây là sự phát triển chóng mặt các mặt công nghệ Những công nghệ mới ra đời một cách nhanh chóng và liên

tục Để không bị lạc hậu trong quá trình phát triển của thời đại mới, việc nắm bắtcác thông tin về công nghệ mới của mọi người trở nên cần thiết hơn bao giờ hết

Đồ án “Tìm hiểu ASP.NET xây dựng Website tin tức đa ngôn ngữ” phần

nào giúp mọi người có thể có một cái nhìn tổng quan về sự biến đổi của thế giớicông nghệ hàng ngày Website được xây dựng trên hệ quản trị SQL server 2005 và

bộ phát triển NET MS Visual studio 2008, bên cạnh đó đề tài còn tìm hiểu thêm

về công nghệ website ASP.NET và thư viện Jquery, công nghệ Ajax

Cấu trúc đồ án như sau :

Chương 1 Khảo sát hệ thống

Trong chương này, chủ yếu giới thiệu bài toán xây dựng website tin tứccông nghệ một cách tổng quát, mô tả cơ cấu tổ chức, tìm hiểu quy trình hoạt độngcủa hệ thống, qua đó đánh giá về hệ thống hiện tại Đồng thời trong phần này cũngtìm hiểu về công nghệ ASP.NET, ngôn ngữ lập trình C# và Microsoft.NET, thưviện jquery, công nghệ ajax được sử dụng để triển khai bài toán

Chương 2, 3 Phân tích hệ thống, thiết kế cơ sở dữ liệu Website tin tức côngnghệ

Trong chương này thực hiện quá trình phân tích, thiết kế hệ thống và triểnkhai xây dựng Website tin tức công nghệ

Chương 4, 5 Đặc tả giao diện và giao diện chính của Website tin tức côngnghệ

Chương này giới thiệu qua về giao diện và một số tính năng của website

Và cuối cùng là kết luận của đồ án

Đồ án này được hoàn thành nhờ sự giúp đỡ tận tình, chu đáo của ThS CaoThanh Sơn Em xin bày tỏ lòng biết ơn sâu sắc tới thầy Cao Thanh Sơn cùng cácthầy cô trong tổ Các Hệ Thống Thông Tin đã góp ý giúp em thực hiện đồ án này.

Do nhiều yếu tố khách quan và do tầm hiểu biết chưa sâu sắc, đồ án tốtnghiệp chắc chắn còn nhiều sai sót và hạn chế Em rất mong được sự góp ý chânthành của thầy cô và các bạn

Em xin chân thành cảm ơn !

Sinh viên thực hiện:

Nguyễn Hoàng Hòa

CHƯƠNG 1 KHẢO SÁT HỆ THỐNG

1.1 Tổng quan về ASP.NET

1.1.1 Giới thiệu ngôn ngữ ASP.NET

Hiện tại ASP 3.0 đã 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ácnhau 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 2005 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 đổithô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ọithực thi đều nằm trên trình chủ (Server), có nghĩa là trình duyệt xử lý nhiềuvấ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áychủ có cấu hình mạnh và đòi hỏi băng thông có khả năng truyền dữ liệu vớikhố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ụngphá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ìnhcủ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 trangASP.NET

Công nghệ ASP.NET sẽ hướng các lập trình viên Web vào quỹ đạo củachúng bằng các lý do sau :

- Độc lập ngôn ngữ cho phép bạn không biên dịch ngôn ngữ, thực hiệntối ưu các ngôn ngữ kết hợp

- Dễ phát triển: ASP.NET cho phép bạn khai báo, viết mã và đơn giảnhóa vấn đề

- Tách mã và nội dung ra hai phần khác nhau: Trong mở Webform 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

- Tính mềm dẻo và khả năng nâng cấp: Cho phép chúng ta quản lý trạngthái của các Sesion và tạo form trên một ứng dụng sử dụng hệ thống Server

- Hỗ trợ nhiều trình khách có thể tự động nhận dạng trình khách để hiệnthị cho phù hợp.

- Thay vì sử dụng mô hình DLL, COM, DCOM trước đây, trong trườnghợ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 [1]

1.1.2 Ưu điểm của ASP.NET

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ớicá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 quacá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 bộc lộ những ưuđiểm sau đây :

- Những phần thực thi được của ứng dụng Web được biên dịch, vì vậychúng thực thi nhanh hơn là các kịch bản thông dịch

- 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ủ

- Truy cập tới NET Framework, có thể đơn giản hóa nhiều khía cạnhtrong lập trình Windows

- 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

- Giới thiệu ngôn ngữ lập trình mới mà nó cung cấp khả năng an toànkiểu, hướng đối tượng, so với ngôn ngữ lập trình C

- 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

- 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

- 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

- Hỗ trợ đầy đủ XML, CSS và các chuẩn Web đã được thiết lập hoặc mớikhác

- Các tính năng sẵn có để đệm các trang web thường xuyên được yêu cầutrê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 rakhả năng tương thích trình duyệt [7]

Cơ chế hoạt động

Khi Web server nhận được yêu cầu từ phía client, nó sẽ tìm kiếm tậptin được yêu cầu thông qua chuỗi URL được gởi về, sau đó, tiến hành xử lýtheo sơ đồ sau:

Hình 1.1

Webform trong ASP.NET

Để xây dựng ứng dụng web, ASP.NET cung cấp sẵn cho các nhà lậptrình rất nhiều lớp ngay khi cài đặt NET framework Trong số này có một lớpđặc biệt quan trọng là Page Mỗi lớp Page sẽ trình bày một trang tài liệu –tương ứng với một window – và được gọi là một webform Webform là mộtcông nghệ cho phép xây dựng các trang web trong đó có thể lập trình được.Các trang này gọi là ASP.NET web form pages hay ngắn gọn là webform.Các trang web xây dựng bằng ASP.NET sẽ không phụ thuộc vào trình duyệt(tức là trình duyệt nào cũng cho kết quả như nhau và hiển thị giống nhau)

Cấu trúc trang ASP.NET

Một trang ASP.NET bao gồm cả phần giao diện người dùng và phần

xử lý logic bên trong Giao diện người dùng chịu trách nhiệm hiển thị cácthông tin và tiếp nhận dữ liệu từ người dùng, trong khi đó phần xử lý (lậptrình) đảm nhiệm việc điều khiển sự tương tác của người dùng với trang web.Phần giao diện người dùng bao gồm một file chứa ngôn ngữ đánh dấu nhưHTML hoặc XML và server controls chẳng hạn File này được gọi là mộttrang (Page) và có đuôi mở rộng là aspx Phần đáp ứng các tương tác củangười dùng với trang web được thực hiện bởi một ngôn ngữ lập trình chẳnghạn như Visual Basic.NET và C# Chúng ta có thể thực hiện việc viết codebằng bất kỳ ngôn ngữ lập trình nào được hỗ trợ bởi CLR ở ngay trong trangASPX hoặc tách ra một file riêng File tách riêng này được gọi là file CodeBehind hay mới đây gọi là Code file Đuôi mở rộng của Code file là VB(Nếu dùng ngôn ngữ Visual Basic) hoặc CS (nếu dùng ngôn ngữ C#)

diện (HTML) còn trang web thứ hai đặt code và giao diện ra 2 file riêng biệt.default.aspx và default.cs.

Ngôn ngữ C# được xây dựng trên nền tảng của hai ngôn ngữ mạnhnhất là C++ và Java

Ngôn ngữ C# được phát triển bởi Microsoft, trong đó người dẫn đầu

là Anders Hejlsberg và Scott Wiltamuth Cả hai người này điều là nhữngngười nổi tiếng, trong đó Anders Hejlsberg được biết đến là tác giả của TurboPascal, một ngôn ngữ lập trình PC phổ biến Ông đứng đầu nhóm thiết kếBorland Delphi, một trong những thành công đầu tiên của việc xây dựng môitrường phát triển tích hợp (IDE) cho lập trình client/server Phần cốt lõi haycủa bất cứ ngôn ngữ lập trình hướng đối tượng là sự hỗ trợ của nó cho việcđịnh nghĩa và làm việc với những lớp (class) Những lớp định nghĩa nhữngkiểu dữ liệu mới, cho phép người phát triển mở rộng ngôn ngữ để tạo mô hìnhtốt hơn để giải quyết vấn đề [3]

1.3 Thư viện Jquery

Jquery là một thư viện Javascript kiểu mới, giúp chúng ta đơn giản hóacách viết Javascript và tăng tốc độ xử lý các sự kiện trên trang web Để thựchiện một chức năng nào đó, thay vì viết vài chục dòng lệnh JavaScript chánngắt, với Jquery chỉ cần vài dòng lệnh ngắn gọn

 Thay đổi nội dung (content) trang web

 Tương tác với người dùng

 Hiệu ứng động: fades, wipes,

 Lấy thông tin từ Server mà không cần load lại trang web (AJAX)

 Đơn giản hoá tác vụ của JavaScript

o Cách dùng :

Cần có file thư viện của jquery : jquery.js down ở trang chủ jquery.com cần attach file js trên vào file (htm,php,aspx ) muốn sử dụng Sửa thuộc tính src trong thẻ script để trỏ tới jquery.js Ví dụ, nếu jquery.js ở cùng thư mục với tệp HTML, có thể dùng:

<script type="text/javascript" src="jquery.js"></script>

Chạy mã lúc Document Ready (trang đã sẵn sàng) Có thể thấy rằng hầu hết các lập trình viên Javascript kết thúc mã thực thi bằng cách thêm các dòng mãvào script, tương tự như sau:

window.onload = function(){ }

Các mã bên trong đó sẽ được thực thi khi trang được tải xong Không còn gì phải bàn, tuy nhiên, mã Javascript không chạy cho đến khi tất cả các hình ảnh trong trang được tải xong (kể cả banner quảng cáo) Lý do cho việc sử dụng window.onload là để chắc chắn rằng HTML 'document' phải được tải xuống hết, sau đó mới chạy mã kia Để giải quyết, jQuery có câu lệnh đơn giản,

được biết như ready event:

Trong hầu hết các ví dụ được sử dụng trong loạt bài này thì có 3 thànhphần được sử dụng nhiều nhất đó chính là tài liệu HTML, Stylesheet CSS vàmột tài liệu JavaScript để thực hiện lệnh trên đó Trong ví dụ đầu tiên chúng ta

sẽ sử dụng một tài liệu HTML đơn giản với một header, sidebar, content và

footer Trong phần content sẽ có 3 đoạn văn bản và một số class có sẵn Tất

nhiên phải sử dụng CSS để định dạng cho tài liệu HTML này Thấy rằng, thư

viện jQuery được đặt ở dưới Stylesheet Đây là một điểm rất quan trọng màcần lưu ý là thứ tự của các file khi gọi Ban đầu phải là CSS load trước, khitrang web đã load xong phần CSS thì chúng ta mới thêm vào phần thư iệnjQuery cuối cùng mới là code jQuery chúng ta tự viết ra Nếu không khi codejQuery sẽ không làm việc đúng như mong đợi nếu thư viện jQuery chưa đượcload Bây giờ mở trình soạn thảo code lên và tạo một file tên là first-jquery.js

và file này đã được chúng ta chèn vào trong dòng code:

<script src=”first-jquery.js” type=”text/javascript”></script>

Gõ vào file vừa tạo 3 dòng code như sau:

1.4 Ajax

Ajax là viết tắt của Asynchronous JavaScript and XML - kỹ thuật kếthợp hai tính năng mạnh của JavaScript được các nhà phát trển đánh giá rấtcao :

o Gửi yêu cầu (request) đến máy chủ mà không cần nạp lại trang

o Phân tách và làm việc với XML

Các ứng dụng Ajax xoay quanh một tính năng có tên làXMLHttpRequest Ajax là sự phối hợp một loạt các công nghệ đang thu hút

sự quan tâm của giới công nghiệp trong thời gian gần đây Đó chính là :

o Trình bày trang Web dựa trên XHTML và CSS, các chuẩn của W3C,được

Firefox (Mozilla), Safari (Apple), Opera, Netscape 8.0 (nhân Firefox) hỗtrợ rất tốt

o Biểu diễn động và tương tác sử dụng Document Object Model

o Trao đổi và xử lý dữ liệu dùng XML

o Thu hồi dữ liệu bất đối xứng dùng dùng XMLHttpRequest

Hoạt động của ajax :

Thông thường ứng dụng máy tính rồi sẽ được lưu và chạy hoàn toàn trênweb thay vì trong ổ cứng Dù vậy, viễn cảnh đó vẫn chưa thể xảy ra do ứngdụng web bị hạn chế bởi nguyên lý rằng tất cả các thao tác phải được thựchiện thông qua HTTP (HyperText Transfer Protocol - Giao thức truyền tảiqua siêu liên kết) Những hoạt động của người sử dụng trên trang web sẽ tạo

ra một yêu cầu HTTP tới server Máy chủ thực hiện một số khâu xử lý nhưlấy lại dữ liệu, tính toán, kiểm tra sự hợp lệ của thông tin, sửa đổi bộ nhớ, sau

đó gửi lại một trang HTML hoàn chỉnh tới máy khách Về mặt kỹ thuật,phương pháp này nghe có vẻ hợp lý nhưng cũng khá bất tiện và mất thời gian,bởi khi server đang thực hiện vai trò của nó thì người phải chờ đợi Để khắcphục hạn chế trên, các chuyên gia phát triển giới thiệu hình thức trung gian -

cơ chế xử lý AJAX - giữa máy khách và máy chủ Ajax cho phép tạo ra mộtAjax Engine nằm giữa giao tiếp này Điều này giống như việc tăng thêm mộtlớp giữa cho ứng dụng để giảm quá trình "đi lại" của thông tin và giảm thờigian phản ứng Khi đó, các yêu cầu gửi resquest và nhận response do AjaxEngine thực hiện Thay vì trả dữ liệu dưới dạng HTML và CSS trực tiếp chotrình duyệt, web server có thể gửi trả dữ liệu dạng XML và Ajax Engine sẽtiếp nhận, phân tách và chuyển hóa thành XHTML+CSS cho trình duyệt hiểnthị Việc này được thực hiện trên client nên giảm tải rất nhiều cho server,đồng thời người sử dụng cảm thấy kết quả xử lý được hiển thị tức thì màkhông cần nạp lại trang Mặt khác, sự kết hợp của các công nghệ web nhưCSS và XHTML làm cho việc trình bày giao diện trang web tốt hơn nhiều vàgiảm đáng kể dung lượng trang phải nạp Và thay vì tải lại (refresh) toàn bộmột trang, nó chỉ nạp những thông tin được thay đổi, còn giữ nguyên các phầnkhác Vì thế, khi duyệt một trang hỗ trợ AJAX, người sử dụng không bao giờnhìn thấy một cửa sổ trắng (blank) và biểu tượng đồng hồ cát - dấu hiệu chothấy máy chủ đang thực hiện nhiệm vụ Ví dụ, trong một website ảnh, với ứngdụng truyền thống, toàn bộ trang chứa các ảnh sẽ phải mở lại từ đầu nếu cómột thay đổi nào đó trên trang Còn khi áp dụng AJAX, DHTML chỉ thay thếđoạn tiêu đề và phần vừa chỉnh sửa, do vậy tạo nên các giao dịch nhanhchóng "Mọi thao tác của người sử dụng sẽ gửi lệnh JavaScript tới bộ xử lý

AJAX, thay vì tạo ra một yêu cầu HTTP (HTTP request) và truy vấn tới máychủ", Jesse James Garrett đã ghi trong bài viết đầu tiên định nghĩa về thuậtngữ này "Nếu cần gì từ server, như tải về bổ sung mã giao diện hay nhận dữliệu mới, AJAX sẽ truyền yêu cầu tới máy chủ một cách không đồng bộ,thông thường sử dụng XML, mà không làm gián đoạn sự tương tác của ngườidùng với ứng dụng web" Tính không đồng bộ của các ứng dụng Ajax đượcthể hiện trong hình dưới đây.

Hình 1.5 Sơ đồ thể hiện tính không đồng bộ của Ajax

Điển hình của ứng dụng AJAX bao gồm những trích dẫn chứng khoánđược cập nhật liên tục mỗi giây, với màu xanh và đỏ nhấp nháy khi giá daođộng Microsoft cũng ứng dụng Ajax trong bản cập nhật Hotmail và đang xâydựng chương trình mới hỗ trợ sự phát triển Ajax Công nghệ thay thế XAML

sẽ cho phép nhiều ứng dụng phong phú hơn hoạt động trên trình duyệt Tuyvậy, Ajax chưa thể thực hiện tất cả mọi thứ Những ứng dụng phụ thuộc nhiềuvào máy tính cố định như Photoshop của Adobe sẽ không xuất hiện sớm trên

trình duyệt Ngay cả Google cũng phải tạo một phần mềm bản đồ trên desktop(Google Earth) và yêu cầu tải chương trình về để có thể hiển thị hình ảnh 3D

và thực hiện một số tính năng cải tiến khác Hơn nữa, ứng dụng web đòi hỏiphải liên tục kết nối với Internet, khiến công việc trên sẽ trở nên khó khăn nếu

bị gián đoạn [4]

1.5 Khảo sát hiện trạng của Website tin tức

1.5.1 Mục đích yêu cầu của Website

Sau khi được học và tìm hiểu về ngôn ngữ ASP.NET, bằng khả năngthực tế có được, em đã xây dựng Website tin tức, đây là trang web sẽ giớithiệu những tin tức công nghệ mới nhất trên thế giới cũng như ở Việt Nam

Qua tìm hiểu về các Website trên mạng như :

 Các thông tin được cập nhật liên tục, cho phép chúng ta xem theo chủ

đề, theo ngày tháng trước đấy…

 Màu sắc hài hoà, các chức năng rõ ràng dễ sử dụng…

 Bên cạnh đó cũng có những bài viết, những tin tức tồn tại rất lâu ngày.

- Đối với trang http:// www echip.com.vn :

 Thông tin về công nghệ được cập nhật liên tục

 Giao diện không được bắt mắt như trang thongtincongnghe.com

Tiến hành phỏng vấn với một số độc giả thường xuyên quan tâm đến tin tức công nghệ, đa phần thường vào trang thongtincongnghe.com Vì tin tức

ở trang này đa dạng hơn so với các trang web khác

Qua khảo sát và tham khảo ý kiến của các bạn đọc, em quyết định sẽ xây dựng một Website tin tức dựa vào trang thongtincongnghe.com [6]

1.5.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

- Cho phép tìm kiếm một cách nhanh chóng

- An toàn bảo mật dữ liệu

1.6 Tổng kết

Từ yêu cầu của hệ thống em đưa ra một số yêu cầu chi tiết về website nhưsau:

- 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 tìm kiếm, đăng ký, đăng nhập

- Hiển thị các thông tin mới diễn ra hằng ngày

1.6.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 phản hồi

1.6.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 Website và sau đó đăng bài

- Hiển thị thông tin lên nhóm tin, chuyên mục

1.6.3 Yêu cầu của hệ thống mới

- Hình thức thông tin đa dạng và 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 và phát triển hoạt động liên tục, không ngừng

- Thông tin được cập nhật và sửa đổi thường xuyên

- Có khả năng cập nhật, sửa, xoá

- Có khả năng tra và tìm kiếm một cách nhanh chóng

- An toàn dữ liệu

CHƯƠNG 2 PHÂN TÍCH HỆ THỐNG 2.1 Yêu cầu chi tiết về 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ị kết quả của việc tìm kiếm, đăng ký , đăng nhập.

- Hiện thị được các thông tin mới diễn ra hàng ngày

2.1.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, tìm kiếm thông tin

- Cho phép Post các bài bình luận về tin tức

2.1.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

2.2 Biểu đồ phân cấp chức năng, biểu đồ luồng dữ liệu

2.2.1 Mô tả các chức năng

Danh sách 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