Ứng dụng công nghệ AJAx để xây dựng website thư viện điện tử trực tuyến

Tuyển tập Báo cáo Hội nghị Sinh viên Nghiên cứu Khoa học lần thứ 8 Đại học Đà Nẵng năm 2012
1
ỨNG DỤNG CÔNG NGHỆ AJAX ĐỂ XÂY DỰNG WEBSITE
THƯ VIỆN ĐIỆN TỬ TRỰC TUYẾN
USING AJAX FOR CREATING ONLINE LIBRARY

SVTH: Trần Xuân Đồng
Lớp 09I2, Khoa Công nghệ Thông tin, Trường CĐ Công nghệ Thông tin, Đại học Đà Nẵng
GVHD: ThS. Nguyễn Văn Bình
Khoa Công nghệ Thông tin, Trường CĐ Công nghệ Thông tin, Đại học Đà Nẵng

TÓM TẮT
Thư viên điện tử trực tuyến ngày càng phát triển thuận tiện cho việc tìm kiếm tài liệu,
thông tin của mọi người, đặc biệt là sinh viên. Đề tài này nghiên cứu công nghệ Asynchronous
JavaScript and XML (AJAX) để xây dựng website thư viên điện tử trực tuyến giúp người dùng
không chỉ tìm kiếm tải tài liệu mà còn có thể chia sẻ, quản lý tài liệu của mình. Bên cạnh đó hệ
thống cũng tích hợp chức năng sinh viên có thể nộp bài trực tuyến cho giảng viên qua internet trên
website. Ứng dụng trên là vô cùng hữu ích và tiện lợi, tiết kiệm nhiều thời gian công sức không chỉ
cho giảng viên mà cả cho sinh viên. Trong đó ứng dụng Ajax đã tạo được sự linh hoạt, nhanh
nhẹn hơn, đơn giản hơn, thân thiện với người dùng hơn. Phát triển theo tiêu chuẩn web 2.0 hiện
nay.
Từ khóa: Thư viện điện tử trực tuyến; công nghệ AJAX; hệ thống; ứng dụng Ajax; tiêu
chuẩn web 2.0
ABSTRACT
Online electronic library grows convenient for finding documents and information of all
people, especially students. This research study technology Asynchronous JavaScript
and XML (AJAX) to buildwebsite online electronic library enables users to search not
only download documents, but also be able to share and manage your documents. Besides the
integrated system also features students can submit online through the internet on the faculty
website. Application on is extremely useful and convenient, saving much time and effort not only for
faculty but also for students. In Ajax applications that have created flexible, more agile, more

simple, more user friendly. Development of the current web 2.0 standards.
Key words: Electronic library online; AJAX technology; system; Ajax applicationns;
standards web 2.0

1. Đặt vấn đề
Sự phát triển vượt bậc của ngành công nghệ thông tin đã làm cho nó len lõi vào
cuộc sống từng con người,cộng đồng, xã hội. Tầm ảnh hưởng quan trọng của nó là không
thể phủ nhận trong tất cả các lĩnh vực học tập, giải trí, công việc, nghiên cứu… của con
người. Trên đà phát triển đó thì ứng dụng của nghành công nghệ thông tin càng ngày càng
xa hơn,càng ngày càng rộng hơn. Bạn có thể tưởng tượng trong vòng một nửa thập kỷ tới
ta có thể ngồi một chỗ để du lịch khắp vũ trụ.
Ở khía cạnh là sinh viên thì công nghệ thông tin phục vụ tốt hơn, thuận tiện hơn,
chính xác hơn và là một công cụ đắc lực trong học tập và nghiên cứu. Phổ biến nhất là việc
tìm kiếm thông tin, tài liệu trên mạng internet.
Hiện nay có nhiều trang web cung cấp tài liệu, thông tin như tailieu.vn, docx.vn…
Thông thường các trang web này yêu cầu người sử dụng phải đóng tiền để được thao khảo
tài liệu, hoặc giới hặn số tài liệu được xem.
Mục tiêu dự án này nhằm tạo một website thư viện để lưu trữ và cung cấp tài liệu
học, bài giảng thầy cô, đồ án sinh viên... trong phạm vi nhà trường. Nếu đạt hiệu quả và
được sự quan tâm đầu tư thì sẽ hoàn thiện hơn, mở rộng hơn.
Tuyển tập Báo cáo Hội nghị Sinh viên Nghiên cứu Khoa học lần thứ 8 Đại học Đà Nẵng năm 2012
2
2. Công Nghệ AJAX và ứng dụng
2.1. Giới thiệu AJAX
AJAX (tiếng Anh: “Asynchronous JavaScript and XML” – nghĩa là “JavaScript và
XML không đồng bộ”) là một nhóm các công nghệ phát triển web được sử dụng để tạo các
ứng dụng web động hay các ứng dụng giàu tính
Internet (rich Internet application). Từ Ajax
được ông Jesse James Garrett đưa ra và dùng lần
đầu tiên vào tháng 2 năm 2005 để chỉ kỹ thuật

này, mặc dù các hỗ trợ cho Ajax đã có trên các
chương trình duyệt từ 10 năm trước. Ajax là một
kỹ thuật phát triển web có tính tương tác cao
bằng cách kết hợp các ngôn ngữ:
 HTML (hoặc XHTML) với CSS
trong việc hiển thị thông tin.
 Mô hình DOM (Document Object
Model), được thực hiện thông qua JavaScript,
nhằm hiển thị thông tin động và tương tác với
những thông tin được hiển thị.
 Đối tượng XMLHttpRequest để
trao đổi dữ liệu một cách không đồng bộ với
máy chủ web. (Mặc dù, việc trao đổi này có thể
được thực hiện với nhiều định dạng như HTML,
văn bản thường, JSON và thậm chí EBML,
nhưng XML là ngôn ngữ thường được sử dụng).
 XML thường là định dạng cho dữ liệu truyền, mặc dù bất cứ định dạng nào
cũng có thể dùng, bao gồm HTML định dạng trước, văn bản thuần (plain text), JSON và
ngay cả EBML.
2.2. Ưu điểm và hạn chế AJAX
2.2.1. Ưu điểm
 Trong nhiều trường hợp, các trang web chứa rất nhiều nội dung thông thường
trong trang. Nếu sử dụng các phương pháp truyền thống, những nội dụng đó sẽ phải nạp lại
toàn bộ với từng yêu cầu. Tuy nhiên, nếu sử dụng Ajax, một ứng dụng web có thể chỉ yêu
cầu cho các nội dung cần thiết phải cập nhật, do đó giảm lượng lớn băng thông và thời gian
nạp trang.
 Nó giúp việc thiết kế web đa dạng hơn và tăng tính tương tác của website với
người dùng.
 Nó sử dụng các công nghệ đã có sẵn nên dễ học và sử dụng.
 Nhờ tính phổ biến của nó, đã khuyến khích việc phát triển các khuôn mẫu mà sẽ

giúp lập trình viên tránh khỏi các vết xe đổ trước.
 Được hỗ trợ trong các trình duyệt phổ biến hiện nay.
2.2.2. Hạn chế.
 Bạn không thể bookmark nó vào favourite trên trình duyệt hay gữi link đến
cho bạn bè, vì tất cả quá trình nó thực hiện ngầm và không hiển thị trên Address.
 Không thể hiện thị nội dung trên các trang tìm kiếm vì các trang tìm kiếm hiện
nay vẫn chưa hỗ trợ tìm vì rất khó tìm và gần như không thể tìm đc.
Hình 1. sơ đồ miêu tả hoạt động AJAX

Tuyển tập Báo cáo Hội nghị Sinh viên Nghiên cứu Khoa học lần thứ 8 Đại học Đà Nẵng năm 2012
3
 Không thể sử dụng nút back vì back cũng là chính nó.
 Với một số trình duyệt, do nhu cầu bảo mật, sẽ tắt chức năng thực hiện
Javascript nên ajax không thể chạy, hay trong một vài host, không hỗ trợ vào sâu cấu hình
server nên hay bị lỗi "Access denied".
2.3. Ứng dụng thực tế AJAX
- Xử lý văn bản trên Net: Zoho Writer () Trình xử lý văn
bản Ajax có thể cung cấp môi trường hợp tác và chức năng cơ sở tốt. Cũng có thể nói đến
là có các tuỳ chọn xử lý word chắc chắn dễ hiểu, chương trình có
thể tự động tạo file HTML và khả năng chuyển thành các kiểu đa định dạng
như:.DOC,.RTF,.PDF,.HTML, và OpenOffice.
- Giao tiếp, liên lạc.
- Chia sẻ và lưu trữ file: mediafire.com là một trang web ứng dụng Ajax chia sẻ dữ
liệu miễn phí và không giới hạn.
- Bản đồ trực tuyến: http:// google.com là hệ thống ứng dụng khá nhiều Ajax như
http:// maps.google.com và search google là cái chứng ta thường thấy.
- Tìm kiếm trực tuyến: hầu như các site đều sử dụng công nghệ Ajax và chức năng
tìm kiếm của site như tìm kiếm của google.com, yahoo.com, bing…
3. Phân tích bài toán xây dựng thư viên điện tử.
3.1. Phân tích thiết kế hệ thống

3.1.1. Nội dung cơ bản
Trang web gồm các nội dung cơ bản sau:
- Up-download tài liệu: tên tài lệu, loại tài liệu, nội dung tài liệu, lượt
down, thành viên đăng…
- Thực hiện việc đăng ký tài khoản để tiến hành up-down tài liệu.
- Đăng nhập để kiểm tra thông tin, quản lý tài liệu của mình.
- Sinh viên nộp bài cho giáo viên qua chức năng nộp bài.
- Giáo viên đăng nhập để tải bài sinh viên nộp cho mình.
- Sinh viên học qua các bài giảng ví dụ trực tuyến.
- Hệ thống có các chức năng: Thống kê các tài liệu tải nhiều nhất, thành
viên up nhiều tài liệu, hỗ trợ trực tuyến, quảng cáo, thống kế,…
3.1.2. Biểu đồ ngữ cảnh của hệ thống.



Hình 2. biểu đồ ngữ cảnh của hệ thống

Tuyển tập Báo cáo Hội nghị Sinh viên Nghiên cứu Khoa học lần thứ 8 Đại học Đà Nẵng năm 2012
4
3.2. Những ứng dụng AJAX
* Form tìm kiếm: khi người dùng gõ từ khóa để tìm kiếm, hệ thống sẽ tự động tìm
kiếm các tài liệu tương ứng trong CSDL và hiển thị dưới dạng danh sách sổ xuống để
người dùng tham khảo và lựa chọn.
VD: Người dùng gõ từ khóa “Đồ Án” thì hiển thị danh sách sổ xuống gồm có :
- Đồ Án Quản Lý Thư Viên.
- Đồ Án Thư Viên Điện Tử.
- Đồ Án Game show.
- Đồ Án …
Với sự thuận tiện đó người dùng sẽ tìm nhanh được tài liệu mình cần tham khảo và
chọn để download. Như hình 3.

* Form nộp bài của sinh viên cho giảng viên: khi sinh viên nộp bài cho giảng viên,
thì chọn giảng viên muốn nộp bài. Hệ thống sẽ tự động kiểm tra trong CSDL, giảng viên
đó được phân công dạy những học phần nào và tải ra môn giảng viên dạy mà không cần
phải load lại trang.
VD: Giảng viên “Nguyên Văn A” được phân công dạy các học phần như:
- Tin Đại Cương (1)
- Tin Đại Cương (3)
- Lập Trình Căn Bản C(6)
Khi sinh viên nộp bài chọn giảng viên “Nguyên Văn A” sẽ sổ xuống các học phận
tương ứng, và chọn học phần mình cần nộp bài. Như hình 4.
* Form đăng nhập: khi người dùng gõ tài khoản và mật khẩu đăng nhập hệ thống sẻ
tự động kiểm tra và thông báo lại với người dùng tức khắc, không cần nhấn submit.









Hình 3. Demo form Search bằng Ajax

Hình 4. Demo form search bằng Ajax

Cơ chế AJAX
Hình 5. Hệ thống đăng nhập xử lý bằng Ajax

Bắt đầu
Nhập Tài Khoản và Mật
Khẩu
Kiểm tra
Hạn chế quyền
Vào Hệ Thống

Tuyển tập Báo cáo Hội nghị Sinh viên Nghiên cứu Khoa học lần thứ 8 Đại học Đà Nẵng năm 2012
5
4. Kết luận
+ Đáp ứng những yêu cầu cần thiết tìm kiếm, chia sẻ thông tin tài liệu, hoàn thiện
chức năng sinh viên nộp bài qua mạng internet cho website. Phần quản trị đã quản lý thêm
xóa sửa được thành viên, tài liệu và cấu hình… site, phân môn dạy cho giảng viên.
+ Đã tìm hiểu và ứng dụng Ajax vào site, để hoàn thiện tính năng sử dụng
site linh hoạt hơn.
+ Site có thế đưa vào ứng dụng thực tiễn
Từ mô hình ta đã thấy với hệ thống site, cơ sở dữ liệu hiện có thể triển khải mở
rộng các modules như bán hàng, tin tức,... không chỉ giới hạn là trang thư viên điện tử mà
là một hệ thông site đa năng.
TÀI LIỆU THAM KHẢO
[1] Phạm Hữu Khang, Lập trình web bằng php 5.3 và cơ sở dữ liệu MySQL 5.1 – Tập 1-
Tập 2, nhà xuất bản Phương Đông.
[2] Julie C. Meloni, PHP Essential, nhà xuất bản Prima Tech.
[3] Bruce W.Perry, March (2006), Ajax Hacks Tips & Tool for Creating Responsive Web
Sites.


Liên Hệ
Họ và tên: Trần Xuân Đồng
Địa chỉ: 09i2-Trường CĐ Công Nghệ Thông Tin – Đại Học Đà Nẵng

Số điện thoại: 01696817739
Email:
Chữ ký của tác giả: