Ứ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 (https://writer.zoho.com) 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 https://docs.google.com 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: dongtx.it@gmail.com Chữ ký của tác giả: . 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. Đề 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