Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 44 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
44
Dung lượng
1,78 MB
Nội dung
LỜI CẢM ƠN
Lời đầu tiên em xin gửi lời cảm ơn sâu sắc đến ThS. Nguyễn Thị Hồng Khánh đã tận
tình chỉ bảo, giúp đỡ em trong suốt quá trình thực tập tốt nghiệp tại khoa Công Nghệ Thông
Tin, trường đại học Điện Lực đồng thời động viên lúc em gặp khó khăn trong quá trình
nghiên cứu.
Em xin gửi lời cảm ơn tới khoa Công Nghệ Thông Tin- Trường Đại Học Điện Lực vì
đã tạo điều kiện thuận lợi cho chúng em trong suốt quá trình học tập tại trường.
Em xin gửi lời cảm ơn tới toàn thể thầy cô giáo khoa Công Nghệ Thông Tin -Trường
Đại Học Điện Lực, đã tận tình giảng dạy trang bị cho em những kiến thức quý báu trong
những năm học vừa qua .
Em xin gửi lời cảm ơn đến những người thân trong gia đình, bạn bè đã động viên và
tạo mọi điều kiện giúp chúng em trong quá trình học tập cũng như trong cuộc sống.
Em xin chân thành cảm ơn!
Hà Nội, tháng 10 năm 2015
Sinh viên thực hiện:
MỤC LỤC
DANH MỤC HÌNH
DANH MỤC BẢNG
LỜI MỞ ĐẦU
Trước đây, khi việc dùng máy tính và Internet chưa phổ biến. Nếu muốn tra cứu một từ
Tiếng Anh nào đó ta phải sử dụng những cuốn từ điển dày cộm. Vì thế để tra được một từ
trong đó rất mất thời gian. Nếu một người hoàn toàn không biết gì về Tiếng Anh nhưng lại
cần dịch một đoạn văn bản dài thì người đó sẽ mất hàng giờ, thậm chí nhiều ngày mới hoàn
thành được. Với sự phát triển mạnh mẽ của Khoa học kỹ thuật, máy tính ra đời và đã giúp
con người được rất nhiều việc. Thay vì phải sử dụng cuốn từ điển, bạn có thể dùng các phần
mềm chuyên tra cứu từ điển. Lúc đó công việc tra cứu sẽ nhanh hơn, hiệu quả hơn nhiều.
Nhưng phần mềm đó không thể theo bạn đi mọi nơi được. Ví dụ khi bạn sử dụng máy tính ở
một nơi nào đó không cài phần mềm tra cứu từ điển thì bạn sẽ không thể tra cứu từ điển
được.
Ajax có thể nói là một công nghệ khá mới, đặc biệt là ở Việt Nam nhưng nó được sử
dụng ngày càng phổ biến vì khả năng tương tác cao, làm cho các ứng dụng web gần với ứng
dụng Desktop hơn. Google và một số tổ chức đã sử dụng Ajax để xây dựng những gì có tính
chất cộng đồng được mong đợi giống như những gì mà một ứng dụng web có thể thực hiện.
Ajax cho phép thực hiện điều này tốt hơn, thông minh hơn mà chỉ sử dụng các kỹ thuật đã
được cài đặt sẵn trên các máy tính hiện đại. Đây là một công nghệ thể hiện tính đáp ứng
nhanh cao, thích hợp cho việc xây dựng các ứng dụng đòi hỏi tính tức thời trên môi trường
web. Từ điển đa phương tiện trực tuyến là một ứng dụng điển hình.
Xuất phát từ điều đó em đã chọn đề tài “SỬ DỤNG CÔNG NGHỆ AJAX XÂY
DỰNG TỪ ĐIỂN ĐA PHƯƠNG TIỆN TRÊN MÔI TRƯỜNG PHP”.
Khi truy cập vào website mọi người có thể tra cứu từ điển ở mọi nơi, mọi lúc rất thuận
tiện và hiệu quả.
Tuy nhiên do thời gian có hạn và kinh nghiệm của bản thân chưa nhiều nên đề tài
không tránh khỏi những hạn chế và thiếu sót. Em rất mong nhận được những ý kiến góp ý
và chỉ bảo thêm của thầy cô để đề tài này có thể phát triển và hoàn thiện hơn.
Bố cục của đề tài gồm có 3 chương:
Chương 1: Tổng quan.
Chương 2: Phân tích thiết kế hệ thống.
Chương 3: Cài đặt và giao diện.
CHƯƠNG 1: TỔNG QUAN
1.1 Giới thiệu về từ điển đa phương tiện
1.1.1 Từ điển đa phương tiện
Ngày nay với sự phát triển như vũ bão của công nghệ thông tin nói chung và công nghệ
đa phương tiện nói riêng đã đem lại một hình thức mới cho từ điển: Từ điển đa phương tiện.
Với khả năng lưu trữ lớn, tìm kiếm thông tin nhanh của máy tính, đa dạng về thông tin thì
nguồn thông tin mà từ điển đa phương tiện đem lại không chỉ là những tri thức được thể hiện
bằng chữ mà còn kèm theo cả âm thanh hình ảnh một cách trực quan sinh động mang lại cho
người dùng lượng thông tin nhiều hơn, phong phú hơn.
1.1.2 Các hệ thống đang sử dụng
Là một loại tài nguyên của tổ chức, phải được quản lý chu đáo giống như mọi tài
nguyên khác. Việc xử lý thông tin đòi hỏi chi phí về thời gian, tiền bạc và nhân lực.
Việc xử lý thông tin phải hướng tới khai thác tối đa tiềm năng của nó.
Hiện nay trong cuộc sống hàng ngày của con người không thể thiếu được các
công cụ tra cứu, nhất là học sinh sinh viên, các bộ từ điển đã phần nào thỏa mãn được
các nhu cầu tra cứu, học tập của họ.
Cũng nằm trong việc đáp ứng nhu cầu bức xúc đó, các bộ phần mềm từ điển ra
đời. Ngay từ khi mới xuất hiện nó đã trở thành một công cụ đồng hành của giới nghiên
cứu cũng như những người yêu thích tin học. Tuy nhiên với sự phát triển không ngừng
của xã hội thì những phần mềm từ điển cũng phải không ngừng phát triển để bắt kịp
với đà tăng trưởng đó. Từ điển đa phương tiện online ra đời không nằm ngoài xu
hướng đó. Ngoài khả năng cung cấp thông tin bằng text, nó còn cung cấp cho người sử
dụng những thông tin bằng hình ảnh, âm thanh.
1.1.3 Từ điển trực tuyến
Từ điển trực tuyến là một website cho phép người dùng tra cứu các từ hoặc cụm từ theo
nhiều chủ đề.
Ưu điểm:
- Cho phép truy cập trực tuyến mọi lúc, mọi nơi.
- Phát hành miễn phí, tất cả mọi người đều có thể sử dụng.
- Thường xuyên cập nhật từ vựng mới.
Nhược điểm:
-
Không thể truy cập khi không có internet.
Một số website tra cứu từ điển trực tuyến hiện nay như:
- Hellochao.com.vn
- Tratu.soha.vn
- Translate.google.com.vn
- vdict.com
1.1.4 Khái quát về hệ thống
Website từ điển đa phương tiện được chia làm hai phần:
4
•
•
•
-
•
•
•
•
•
Giao diện người dùng tra cứu: giao diện người dùng cung cấp những chức năng cơ
bản như:
Giao diện trang chủ và giới thiệu: hiển thị những thông tin cơ bản của website đến
người dùng.
Giao diện tra cứu: người dùng truy cập vào website thực hiện tra cứu từ theo chủ đề
mà website cung cấp.
Giao diện góp ý: người dùng có thể gửi ý kiến phản hồi về hoạt động của hệ thống
thông qua giao diện góp ý liên hệ.
Giao diện quản trị: giao diện quản trị thực hiện quản lý các thông tin của website.
Giao diện đăng nhập: muốn sử dụng các chức năng quản lý của website thì quản trị
viên phải đăng nhập vào hệ thống.
Quản lý chủ đề từ điển: gồm các thông tin của chủ đề từ điển mà hệ thống cung cấp
như: từ vựng ngành điện, từ vựng trái cây, …
Quản lý từ: gồm thông tin của từ như nghĩa từ, phiên âm, hình ảnh, âm thanh, từ
loại…
Quản lý góp ý: gồm các góp ý mà người dùng tra cứu gửi về hệ thống.
Quản lý người dùng: quản lý thông tin của người quản trị.
1.2 Tổng quan về Ajax
1.2.1 Ajax là gì?
AJAX, viết tắt từ Asynchronous JavaScript and XML (JavaScript và XML không
đồng bộ), là bộ công cụ cho phép tăng tốc độ ứng dụng web bằng cách cắt nhỏ dữ liệu
và chỉ hiển thị những gì cần thiết, thay vì tải đi tải lại toàn bộ trang web. AJAX không
phải một công nghệ đơn lẻ mà là sự kết hợp một nhóm công nghệ với nhau. Trong đó,
HTML và CSS đóng vai hiển thị dữ liệu, mô hình DOM trình bày thông tin động, đối
tượng XMLHttpRequest trao đổi dữ liệu không đồng bộ với máy chủ web, còn XML
là định dạng chủ yếu cho dữ liệu truyền. Đây đều là công nghệ sẵn có nhưng Javacript
đã lắp ráp chúng lại để thực hiện những điều đáng khâm phục.
1.2.2 Lợi thế của Ajax
Hầu hết các ứng dụng Web sử dụng phương thức request/response (yêu cầu/phản
hồi) để chuyển tải một trang HTML từ máy chủ. Kết quả cứ đến và đi bằng các thao
tác click vào button, chờ đợi máy chủ, click button khác, chờ đợi tiếp...Với Ajax và đối
tượng XMLHttpRequest, bạn có thể sử dụng phương thức yêu cầu/phản hồi mà người
dùng hầu như không phải chờ đợi máy chủ trả lời. 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. Việc dùng các
yêu cầu không đồng bộ (Asynchronous request) cho phép giao diện người dùng của
ứng dụng hiển thị trên trình duyệt giúp người dùng trải nghiệm sự tương tác cao, với
nhiều phần riêng lẻ. Việc sử dụng Ajax có thể làm giảm các kết nối đến server, do các
mã kịch bản (script) và các style sheet chỉ phải yêu cầu một lần.
Ajax là một tập hợp các công nghệ, trong đó mỗi công nghệ cung cấp một hệ
thống cơ sở nền tảng cho thiết kế và phát triển ứng dụng Web:
5
- XHTML hay HTML và Cascading Style Sheets (CSS) cung cấp các tiêu chuẩn
-
-
-
thể hiện nội dung trang Web với người dùng.
Document Object Model (DOM) cung cấp cấu trúc cho phép hiển thị động nội
dung và các tương tác liên quan. DOM mở ra nhiều cách thức mạnh cho người
dùng khi muốn truy cập và thao tác với đối tượng nằm trong một văn bản bất
kỳ.
XML và XSLT cung cấp kiểu định dạng cho dữ liệu, để dữ liệu có thể đượcthao
tác, truyền tải hoặc trao đổi giữa máy chủ (server) và máy khách (client).
XMLHttpRequesst Điểm bất cập lớn nhất trong xây dựng ứng dụng Web là mỗi
lần một webpage được tải về trình duyệt của người dùng, kết nối server liên
quan sẽ bị cắt. Hơn nữa, đường dẫn bên trong trang còn đòi hỏi phải thiết lập
một kết nối khác với server và tải về toàn bộ trang cho dù người dùng chỉ muốn
mở rộng một đường link đơn giản. XMLHttpRequest cho phép truy vấn dữ liệu
không đồng bộ và đảm bảo các trang web không bị load trở lại khi thay đổi
trong yêu cầu người dùng ở mức nhỏ nhất.
JavaScript (JS) là ngôn ngữ kịch bản hợp nhất các đối tượng để hoạt động với
nhau một cách hiệu quả, do đó giữ vai trò đáng kể trong ứng dụng web.
Chính bởi các thành phần này mà khi nói đến AJAX người ta thường nghĩ đến
khả năng tương tác cao, tốc độ nhanh và dễ dùng.
1.2.3 Các công nghệ trong Ajax
Như đã nói ở trên, Ajax là tập hợp của nhiều công nghệ. Chúng ta sẽ tìm hiểu
thêm về các công nghệ có trong Ajax.
1.2.3.1 Casscading Style Sheet – CSS
CSS tạm dịch là một kiểu bảng xếp chồng – là một phần không thể thiếu trong
thiết kế Web. Một Style Sheet đưa ra cách kiểm soát các định dạng trực quan, nó có
thể áp dụng cho các phần riêng lẻ trên một trang.
CSS định dạng một trang Web theo ba cách:
- Sử dụng trực tiếp kèm với các thẻ HTML.
- Định nghĩa trong một trang Web.
- Định nghĩa thành một file CSS riêng.
Các ưu điểm của CSS trong thiết kế Web:
- Giúp tiết kiệm thời gian và công sức trong thiết kế Web.
- Cho phép điều khiển các định dạng và cách bố trí của cùng lúc nhiều trang web
với chỉ duy nhất một lần thay đổi tại một vị trí.
- Có thể định nghĩa nhiều StyleSheet trong một thẻ HTML.
Cú pháp cơ bản của CSS gồm ba thành phần:
- Thành phần lựa chọn (thường là một thẻ HTML) (Selector).
- Thuộc tính (Property).
- Giá trị (Value).
1.2.3.2 Document Objet Model – DOM
6
DOM giúp phân tích một tài liệu phục vụ cho cơ chế của JavaScript. Sử dụng
DOM, cấu trúc của tài liệu được phân rã theo cấu trúc cây và thao tác theo các nút.
Đây là một khả năng đặc biệt hữu ích để viết một ứng dụng Ajax. Trong một ứng dụng
Ajax, sự thay đổi giao diện người dùng chủ yếu được tạo ra bởi DOM. Các thẻ HTML
trong trang web được tổ chức theo cấu trúc cây. Gốc cây là thẻ , để biểu diễn
tài liệu. Trong đó, thẻ biểu diễn phần thân tài liệu, là gốc của phần hiển thị tài
liệu. Trong phần thân tài liệu có các bảng, list và các thẻ khác, các thẻ ở mức thấp hơn.
Yêu cầu đầu tiên để làm việc trên DOM với JavaScript là đi tìm kiếm một phần
tử để thay đổi. Trước hết cần tham chiếu một phần tử qua nút gốc – root node, nút này
thể hiện qua biến toàn cục document. Mỗi nút trong Dom là một nút con (nút cấp hai,
hoặc cấp ba…) của document. Trong nhiều trường hợp, cần tạo các nút mới và thêm
nó vào tài liệu, JavaScript cung cấp một số phương thức để làm điều đó. DOM cũng
cung cấp các thuộc tính để chỉnh sửa style. Các phần tử DOM của các trình duyệt web
đều hỗ trợ một thuộc tính gọi là innerHTML, cho phép các nội dung kiểu string tùy ý
được gán cho các phần tử theo thuộc tính này.
1.2.3.3 XMLHttpRequest
XMLHttpRequest là đối tượng trọng tâm của Ajax, được dùng để gửi yêu cầu và
nhận phản hồi. Các ứng dụng web truyền thống đều phải tái nạp toàn bộ trang web khi
gửi yêu cầu đến server, điều này thường dẫn đến một sự ngắt quãng cho công việc của
người dùng. Vì thế yêu cầu đặt ra là làm cho các yêu cầu của server không đồng bộ và
người dùng vẫn có thể làm việc trong khi đợi tín hiệu trả lời từ server.
XMLHttpRequest đã được đưa ra như là một giải pháp mạnh mẽ và hiệu quả.
GET yêu cầu: khi mục đích là không làm thay đổi trạng thái của server và mô
hình dữ liệu của ứng dụng. Như ý nghĩa của nó, mỗi khi bạn thực hiện yêu cầu này, dữ
liệu trả về của nó sẽ như nhau.
POST yêu cầu: dữ liệu mà yêu cầu dạng này gửi cho server có thể được sử dụng
để thay đổi trạng thái của ứng dụng; ví dụ như thêm một dòng vào database hoặc xóa
thông tin từ server.
7
Hình 1.1 Mô hình tương tác chuẩn trong một ứng dụng Ajax
Quá trình tương tác:
1. Một event client-side gây ra một sự kiện - Ajax event. Bất kỳ một tác động nào
cũng có thể gây ra Ajax event, từ một sự kiện onchange đơn giản cho đến một số tác
động của người dùng.
2. Một thể hiện của XMLHttpRequest được tạo ra. Dùng phương thức open(), tạo
lời gọi hàm - địa chỉ URL được thiết lập cùng với phương thức HTTP yêu cầu, thông
thường là GET hay POST. Yêu cầu được tạo ra qua việc gọi phương thức send().
3. Một yêu cầu được tạo và gửi đến server.
4. Server xử lí các yêu cầu.
5. Phản hồi được trả về cho trình duyệt. Trường Content-Type được thiết lập ở
dạng text/xml; XMLHttpRequest chỉ có thể xử lí kết quả dạng text/html.
6. Cấu hình XMLHttpRequest để gọi hàm callback() khi kết quả xử lí được trả
về. Hàm này kiểm tra thuộc tính readyState trên đối tượng XMLHttpRequest và sau đó
xem xét mã trạng thái trả về từ server.
Các phương thức điển hình của XMLHttpRequest là:
- Abrot(): hủy yêu cầu hiện thời.
- getAIIRResponseHeaders(): trả về tất cả các phản hồi headers cho các HTTP
yêu cầu dưới dạng cặp key/value.
- getResponseHeader (‘header’) trả về giá trị của kiểu string xác định.
- open (‘method’,’url’) thiết lập giai đoạn cho một lời gọi tới server. Tham số
method có thể là GET, POST, hay PUT.
- send(content) gửi yêu cầu tới server.
- setRequestHeader(‘header’,’value’) thiết lập header xác định cho giá trị cung
cấp.
Phần mở rộng thuộc tính:
8
- onreadystatechange bộ xử lý sự kiện cho một sự kiện phát sinh mỗi khi có
-
-
sựthay đổi trạng thái
readyStady trạng thái của yêu cầu, có 5 giá trị:
0 (Uninitialize) đối tượng được tạo nhưng phương thức open() chưa được
gọi
1 (Loading) phương thức open() đã được gọi nhưng yêu cầu chưa được gửi
2(Loaded) yêu cầu đã được gửi
3(Interactive) một phần Respone được nhận
4(Complete) tất cả dữ liệu được nhận từ Respone và kết nối được đóng.
responseText Response trả về từ server dưới dạng chuỗi.
responseXML Response trả về từ server dưới dạng XML
status mã trạng thái HTTP từ server (chẳng hạn 200 nếu có lỗi, 404 cho lỗi Not
Found,…)
statusText thông điệp của mã trạng thái HTTP (chẳng hạn OK hay Not
Found…)
1.2.3.4 JavaScript
JavaSccript là ngôn ngữ lập trình kịch bản dựa trên đối tượng. Nó vốn được phát
triển bởi Brendan Eich tại hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồi
sau đó đổi tên thành LiveScript, và cuối cùng là JavaScript. Có cú pháp giống C (.js là
phần mở rộng thường được dùng cho tệp tin mã nguồn JavaScript). Trong môi trường
trình duyệt web, các chức năng cơ bản của trình duyệt, gồm CSS, DOM, và các đối
tượng XMLHttpReqest, được coi là các phương tiện của JavaScript, cho phép các nhà
phát triển điều khiển các trang ở các mức độ khác nhau.
1.2.4 Cơ chế hoạt động của các ứng dụng Web thông thường
Web ra đời là một cuộc cách mạng (truy cập mọi nơi, không cần nâng cấp). Khác
với các phần mềm chạy độc lập ở máy khách có những khả năng dường như vô tận
trong cách thức tương tác với người dùng, các ứng dụng web bị giới hạn bởi chính
nguyên lý hoạt động của nó: tất cả các giao dịch phải thực hiện thông qua phương thức
giao dịch HTTP là giao thức truyền tải siêu liên kết. Mỗi lệnh trong nó đều thực hiện
một cách độc lập, lệnh sau không biết gì về các lệnh đến trước mình. Đây chính là hạn
chế, khiếm khuyết của HTTP. Nó cũng là nguyên nhân chính của tình trạng rất khó
thực thi các trang web có khả năng phản ứng thông minh đối với mã lệnh người dùng
nạp vào.
9
Hình 1.2 Mô hình ứng dụng web truyền thống
1.2.5 Cơ chế hoạt động của Ajax
Ajax đóng vai trò như là một lớp trung gian giữa giao diện trên trình duyệt và máy chủ
xử lý thông tin. Có thể mô tả cách thức hoạt động của Ajax như sau:
- Ajax thực hiện tương tác với máy chủ bằng cách sử dụng đối tượng
XMLHttpRequest, nhận kết quả về dưới dạng XML và phân tích kết quả bằng
công nghệ DOM.
- Tương tác giữa Ajax và giao diện người dùng được thực hiện thông qua các mã
Javascript và XHTML + CSS.
10
Hình 1.3 Mô hình ứng dụng web sử dụng Ajax
Một trong những điểm mấu chốt của công nghệ Ajax là không tương tác trực tiếp với
máy chủ như cách truyền thống mà là qua một lớp trung gian của Ajax (Ajax Engine). Khi đó,
các yêu cầu gửi yêu cầu và nhận phản hồi do Ajax Engine thực hiện. Thay vì phải nạp lại cả
trang, vào thời điểm khởi động phiên, trình duyệt nạp AJAX engine. Engine này có nhiệm vụ
đảm trách việc trả lại kết xuất cho người dùng thấy và đóng vai trò thông tin liên lạc với
server. AJAX engine cho phép người dùng tương tác với ứng dụng bất đồng bộ, độc lập trong
việc liên lạc với server. Do đó, người dùng không phải chờ đợi server xử lý một tác vụ nào đó.
Không phải lúc nào cũng cần phải tương tác với máy chủ. Như trong trường hợp của
Gmail, một khi giao diện của Gmail đã được tải về xong (để ý khoảng thời gian ngắn từ khi
đăng nhập cho đến khi giao diện của Gmail xuất hiện) thì những tác vụ như chuyển từ thư
mục này sang xem thư mục khác không nhất thiết phải hỏi lại máy chủ (tất nhiên với điều
kiện dữ liệu đã có sẵn).
Bằng cách chỉ nhận những thông tin cần thiết (ở dạng XML), dung lượng truyền tải giữa
máy tính của bạn và máy chủ sẽ giảm đi rất nhiều. Sau khi giao diện đã được tải về 1 lần,
Ajax sẽ không cần phải tải lại toàn bộ giao diện đó mỗi khi tương tác với máy chủ. Thay vào
đó, Ajax sẽ gởi yêu cầu đến máy chủ và nhận kết quả từ máy chủ về những gì đã thay đổi sau
11
khi máy chủ thực hiện yêu cầu đó. Ajax sau đó sẽ thông báo cho phần giao diện (thông qua
các lời gọi Javascript) thực hiện các thay đổi tương ứng trên giao diện.
Tương tác giữa phần giao diện và Ajax là tương tác nội bộ bên trong trình duyệt, giúp
cho các thay đổi sẽ được thể hiện gần như tức thì. Điều này giúp cho các ứng dụng Web củ
phản hồi nhanh hơn. Ngoài ra, điểm dặc biệt trong công nghệ Ajax nằm ở chỗ Asynchronouns
- bất đồng bộ - tức là gửi yêu cầu của mình tới server và tiếp tục thực thi tác vụ hiện tại mà
không cần trả lời. Khi nào server xử lý xong yêu cầu của nó, nó sẽ báo hiệu và ta sẽ đón để
thể hiện những thay đổi cần thiết.
Hình 1.4 Mô hình tương tác trong một ứng dụng web truyền thống
Hình 1.5 Mô hình tương tác trong một ứng dụng web dùng Ajax
12
Mọi sự thay đổi đều được Ajax xem xét, nếu chỉ là các thao tác đơn giản thì không cần
yêu cầu trình duyệt. Với các thao tác có sự thay đổi dữ liệu thì chỉ thay đổi một phần, đó
chính là cơ chế bất đồng bộ.
Hình 1.6 Sơ đồ tương tác giữa trình duyệt và server
1.3 Lập trình Ajax với ngôn ngữ PHP
13
1.3.1 Giới thiệu về ngôn ngữ PHP
PHP là một ngôn ngữ lập trình kịch bản (ngôn ngữ lập trình cấp cao, tương đối minh
bạch, đơn giản và nhanh tương tự các ngôn ngữ Perl và ASP). PHP là viết tắt hồi quy “PHP:
Hypertext Preprocessor”. PHP là công cụ mạnh mẽ để xây dựng các trang WEB động. PHP
được sử dụng rộng rãi, miễn phí, hiệu quả và là đối thủ cạnh tranh với dot Net của Microsoft.
PHP được thực thi trên máy chủ (Server) và trả về mã HTML cho trình duyệt (Client). PHP hỗ
trợ nhiều cơ sơ dữ liệu khác nhau (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL,
Generic ODBC .v.v...). PHP là 1 phần mềm mã nguồn mở, được hỗ trợ bởi cộng đồng rộng
lớn và có nhiều ứng dụng phát triển trên nó (WordPress, Facebook…).
1.3.2 Ajax PHP
Ngôn ngữ lập trình PHP và cơ sở dữ liệu MySQL là sự kết hợp hoàn hảo cho
những những ứng dụng web động, hơn nữa khi kết hợp PHP và Ajax cung cấp thêm
một nền tảng mạnh để tạo ra các trang web hoặc các ứng dụng dựa trên web với các
tính năng vững mạnh, tiện dụng như các ứng dụng Desktop.
Theo truyền thống, để trình duyệt khách gửi nội dung đến máy chủ để xử lý hoặc
lưu trữ trong một cơ sở dữ liệu, thường sử dụng một hành động POST để gửi nội dung
từ các trường đầu vào thu thập được ở phía khách tới máy chủ. Máy chủ xử lý nội
dung này bằng cách sử dụng PHP, đọc hoặc lưu dữ liệu bằng cách sử dụng một cơ sở
dữ liệu, và trả lại các kết quả được nhúng bên trong mã HTML. Sau đó HTML sẽ được
trình duyệt xử lý và một trang mới được biểu hiện ra cho người sử dụng cuối cùng
xem.
Hình 1.7 Quy trình đệ trình dữ liệu và nhận kết quả PHP & MySQL
14
CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG
2.1 Tổng thể hệ thống
Mô hình tổng thể hệ thống xác định người sử dụng của hệ thống và các nhiệm vụ mà họ
phải thực hiện với hệ thống. Ở đây:
• Người sử dụng (Actor) gồm: người tra cứu từ điển, nhân viên quản trị hệ thống.
• Nhiệm vụ (Use case) gồm: tra từ, gửi góp ý, quản trị tài khoản, quản trị từ điển,
quản trị góp ý, đăng nhập, quản trị chủ đề từ điển.
Hình 2.1: Tổng thể hệ thống
2.1.1 Danh sách actor
Các actor của hệ thống: nhân viên quản trị kế thừa thuộc tính và phương thức của người
tra từ. Thể hiện tính kế thừa trong lập trình hướng đối tượng.
15
Hình 2.2 Sơ đồ kế thừa actor
Có hai actors chính tác động đến hệ thống:
Bảng 2.1 Danh sách các actor
STT
1
Actor
Ý nghĩa
Nhân viên quản trị hệ thống.
NhanVienQuanT ri
16
2
Người vào hệ thống nhằm mục đích
thực hiện tra cứu từ hoặc có thể gửi
góp ý đến ban quản trị sau khi đã sử
dụng dịch vụ của hệ thống.
Nguoi tra tu
2.1.2 Danh sách usecase
Bảng 2.2 Danh sách usecase
STT
1
Usecase
Ý nghĩa
Tra cứu từ
TraTu
2
Gửi góp ý về hệ thống
GopY
3
Quản lý thông tin tài khoản nhân
viên quản trị.
QuanTriTaiKhoan
4
Quản lý thông tin từ điển.
QuanTriTuDien
5
Quản lý thông tin góp ý từ người
dùng tra từ.
QuanTriGopY
6
Đăng nhập hệ thống.
DangNhap
17
7
Quản lý thông tin chủ đề từ điển.
QuanTriChuDe
2.2 Biểu đồ hoạt động
Biểu đồ hoạt động (Activity Diagrams)
Biểu đồ hoạt động là một con đường khác để chỉ ra sự tương tác, nhưng chúng tập trung
vào công việc. Khi các đối tượng tương tác với nhau, các đối tượng cũng thực hiện các tác vụ,
tức là các hoạt động. Những hoạt động này cùng thứ tự của chúng được miêu tả trong biểu đồ
hoạt động.
Dòng điều ở đây chạy giữa các trạng thái hoạt động liên kết với nhau.
Biểu đồ còn có thể chỉ ra quyết định, các điều kiện cũng như phần thực thi song song
của các trang thái hành động.
Biểu đồ ngoài ra còn có thể chứa các loại đặc tả cho các thông điệp được gửi đi hoặc
nhận về, trong tư cách là thành phần của hành động được thực hiện.
2.2.1 Biểu đồ hoạt động quản lý từ điển
Hoạt động quản lý từ điển của quản trị viên bao gồm hoạt động thêm, sửa, xóa các
thông tin liên quan đến từ điển.
18
Hình 2.3 Biểu đồ hoạt động quản lý từ điển
2.2.2 Biểu đồ hoạt động góp ý
Sau khi sử dụng dịch vụ tra cứu mà hệ thống cung cấp, người dùng tra cứu nếu có ý
kiến gì cần phản hồi thì sẽ thực hiện gửi góp ý qua giao diện góp ý. Khi thực hiện góp ý, hệ
thống sẽ kiểm tra thông tin như bạn đã nhập đủ các thông tin bắt buộc chưa, nếu đúng sẽ được
lưu vào cơ sở dữ liệu, ngược lại bạn phải nhập lại thông tin và quá trình được tiếp tục.
Hình 2.4 Biểu đồ hoạt động góp ý
2.2.3 Biểu đồ hoạt động đăng nhập
Hoạt động đăng nhập được thực hiện khi quản trị viên muốn thực hiện hoạt động quản
lý website của mình. Khi đăng nhập hệ thống, quản trị viên phải nhập thông tin như tên đăng
nhập, mật khẩu. Sau khi nhập thông tin hệ thống sẽ kiểm tra nếu thông tin tồn tại trong CSDL
quản trị viên sẽ đăng nhập thành công và sử dụng hệ thống. Ngược lại nếu thông tin của bạn
sai hoặc không tồn tại bạn sẽ được thông báo kiểm tra lại.
19
Hình 2.5 Biểu đồ hoạt động đăng nhập
2.2.4 Biểu đồ hoạt động tra từ
Hoạt động tra từ được thực hiện qua giao diện tra từ. Hệ thống sẽ kiểm tra thông tin mà
bạn nhập vào ô tìm kiếm và đưa ra các từ gợi ý với với chủ đề mà bạn đang chọn. Nếu từ mà
bạn nhập vào có trong cơ sở dữ liệu hoặc bạn chọn từ trong danh sách từ gợi ý hiện ra thì
thông tin về từ sẽ được hiển thị.
20
Hình 2.6 Biểu đồ hoạt động tra từ
2.3 Biểu đồ trạng thái
Biểu đồ trạng thái (State Diagram)
Biểu đồ trạng thái miêu tả một đối tượng có thể có những trạng thái nào trong vòng đời
của nó, ứng xử trong các trạng thái đó cũng như các sự kiện nào gây ra sự chuyển đổi trạng
thái.
Một trạng thái đại diện cho một tập hợp các giá trị cho một đối tượng.
Một trạng thái có thể chuyển đổi sang một trạng thái khác khi có thỏa mãn một điều
kiện nhất định.
Vòng tròn nhỏ màu đen là trạng thái ban đầu
Một vòng tròn xung quanh một vòng tròn nhỏ màu đen là trang thái cuối cùng.
2.3.1 Biểu đồ trạng thái cho từ điển
a, Chức năng thêm từ
21
Hình 2.7 Biểu đồ trạng thái thêm từ
b, Chức năng sửa thông tin từ
Hình 2.8 Biểu đồ trạng thái sửa thông tin từ
c, Chức năng xóa từ
22
Hình 2.9 Biểu đồ trạng thái xóa từ
2.3.2 Biểu đồ trạng thái góp ý
Hình 2.10 Biểu đồ trạng thái góp ý
2.4 Biểu đồ trình tự
Biểu đồ trình tự (Sequence Diagram)
Biểu đồ trình tự: miêu tả các đối tượng tương tác và giao tiếp với nhau ra sao. Tiêu điểm
trong các biểu đồ tuần tự là thời gian. Các biểu đồ tuần tự chỉ ra chuỗi của các thông điệp
được gửi và nhận giữa một nhóm các đối tượng, trình tự tương tác giữa các đối tượng, nhằm
mục đích thực hiện một số chức năng. Mô hình hóa các hành vi động của hệ thống và dễ hình
dung cách liên lạc giữa các đối tượng.Biểu đồ tương tác có ích cho việc xác định các đối
tượng bổ sung tham gia trong các UseCase.
23
2.4.1 Biểu đồ trình tự đăng nhập
Hình 2.11 Biểu đồ trình tự đăng nhập
Mô tả trình tự đăng nhập:
Đầu tiên bạn phải nhập tên đăng nhập và mật khẩu. Sau đó hệ thống tiến hành kiểm tra,
lấy thông tin ở CSDL để so sánh và đưa ra câu trả lời và hiển thị kết quả lên form.
2.4.2 Biểu đồ trình tự tra từ
24
Hình 2.12 Biểu đồ trình tự tra từ
Mô tả trình tự tra từ:
Người tra từ nhập vào từ cần tra, hệ thống lấy thông tin kiểm tra và trả lời. Nếu từ người
dùng nhập vào có trong cơ sở dữ liệu thì thông tin về từ sẽ được hiển thị trên giao diện tra từ.
2.4.3 Biểu đồ trình tự góp ý
25
Hình 2.13 Biểu đồ trình tự góp ý
Mô tả trình tự góp ý:
Người dùng nhập thông tin góp ý, hệ thống lấy thông tin kiểm tra và xử lý. Nếu thông
tin nhập vào hợp lệ thì thông tin được lưu vào cơ sở dữ liệu và hệ thống gửi trả lời.
2.4.4 Biểu đồ trình tự quản lý từ điển
26
Hình 2.14 Biểu đồ trình tự quản lý từ điển
Mô tả trình tự quản lý từ điển:
Quản trị viên mở giao diện quản lý từ điển, chọn chức năng cần thực hiện như thêm, sửa
hoặc xóa. Với chức năng tương ứng thì giao diện form sẽ hiện lên tương ứng. Quản trị viên
nhập thông tin cần cập nhật, gửi yêu cầu đến hệ thống xử lý. Hệ thống kiểm tra và thực hiện
cập nhật dữ liệu và gửi trả lời.
2.5 Biểu đồ cộng tác
Biểu đồ cộng tác (Collaboration Diagram)
Biểu đồ cộng tác: cũng miêu tả các đối tượng tương tác với nhau ra sao, nhưng trọng
điểm trong một biểu đồ cộng tác là sự kiện. Tập trung vào sự kiện có nghĩa là chú ý đặc biệt
đến mối quan hệ( nối kết) giữa các đối tượng và vì thế mà phải thể hiện chúng một cách rõ
ràng trong biểu đồ.
Việc lựa chọn sử dụng biểu đồ trình tự hay biểu đồ cộng tác thường sẽ được quyết định
theo nguyên tắc chung sau:
Nếu thời gian hay trình tự là yếu tố quan trọng nhất cần phải nhấn mạnh thì hãy chọn
biểu đồ cộng tác.
Trình tự tương tác giữa các đối tượng được thực hiện trong cả hai loại biểu đồ này.
2.5.1 Biểu đồ cộng tác đăng nhập
27
Hình 2.15 Biểu đồ cộng tác đăng nhập
2.5.2 Biểu đồ cộng tác tra từ
Hình 2.16 Biểu đồ cộng tác tra từ
2.5.3 Biểu đồ cộng tác góp ý
28
Hình 2.17 Biểu đồ cộng tác góp ý
2.5.4 Biểu đồ cộng tác quản lý từ điển
Hình 2.18 Biểu đồ cộng tác quản lý từ điển
2.6 Biểu đồ triển khai
29
Biểu đồ triển khai chỉ ra kiến trúc vật lý của phần cứng cũng như phần mềm trong hệ
thống. Bạn có thể chỉ ra từng máy tính cụ thể và từng trang thiết bị cụ thể đi kèm sự kết nối
giữa chúng với nhau, bạn cũng có thể chỉ ra loại của các mối kết nối đó. Bên trong nút mạng,
các thành phần thực thi được cũng như các đối tượng sẽ được xác định vị trí để chỉ ra những
phần mềm nào sẽ được thực thi tại những nút mạng nào. Bạn cũng có thể chỉ ra sự phụ thuộc
giữa các thành phần. Biểu đồ triển khai chỉ ra hướng nhìn triển khai, miêu tả kiến trúc vật lý
thật sự của hệ thống.
Hình 2.19 Biểu đồ triển khai
2.7 Thiết kế cơ sở dữ liệu
Các bước thiết kế cơ sở dữ liệu:
Khi thiết kế cơ sở dữ liệu phải phân biệt rõ với thiết kế quá trình xử lý dữ liệu, tránh
dư thừa lưu trữ.
- Bước 1: Xác định mục tiêu khai thác CSDL.
- Bước 2: Xác định các bảng dữ liệu cần thiết. Mỗi đối tượng thông tin sẽ hình thành
một bảng trong CSDL của chúng ta.
- Bước 3: Sau khi đã xác định xong các bảng cần thiết, tiếp đến ta phải chỉ rõ thông tin
nào cần quản lý trong mỗi bảng, đó là xác định các trường. Mỗi loại thông tin trong
bảng gọi là trường.
- Bước 4: Xác định các mối quan hệ giữa các bảng.
- Bước 5: Tinh chế, hiệu chỉnh lại thiết kế. Phân tích lại thiết kế ban đầu để tìm lỗi, tạo
bảng dữ liệu và nhập vào vài bản ghi, thử xem CSDL đó phản ánh thế nào với những
yêu cầu truy xuất của chúng ta, có rút được kết quả đúng từ những bảng dữ liệu đó
không. Thực hiện các chỉnh sửa thiết kế nếu thấy cần thiết.
30
Hình 2.20 Cơ sở dữ liệu vật lý
2.7.1 Mô tả các bảng
a, Bảng admin
Bảng 2.3 Bảng admin
STT
Thuộc tính
Kiểu
dữ
Allow null
liệu
1
IDadmin
Int
Not null
2
TenDangN
Varchar
Not null
3
Pass
Varchar
Not null
4
Avatar
Varchar
null
hap
31
5
Hoten
Varchar
null
6
diachi
Varchar
null
7
email
Varchar
null
8
sdt
Varchar
null
b, Bảng góp ý
Bảng 2.4 Bảng góp ý
STT
Thuộc tính
Kiểu
dữ
Allow null
liệu
1
IDgopy
Int
Not null
2
Ten
Varchar
null
3
email
Varchar
null
4
Noidung
Varchar
null
c, Bảng nav
Bảng 2.5 Bảng navigation
STT
Thuộc tính
Kiểu
dữ
Allow null
liệu
1
IDnav
Int
Not null
2
Navtext
Varchar
null
3
Navlink
Varchar
null
d, Bảng loaitudien
32
Bảng 2.6 Bảng loại từ điển
STT
Thuộc tính
Kiểu
dữ
Allow null
liệu
1
IDloaitudien
Int
Not null
2
Tenloai
Varchar
Not null
3
Mota
Varchar
null
e, Bảng tudien
Bảng 2.7 Bảng từ điển
STT
Thuộc tính
Kiểu
dữ
Allow null
liệu
1
IDtu
int
Not null
2
IDloaitudie
int
Not null
3
word
Varchar
null
4
phienam
Varchar
null
5
nghiatu
Varchar
null
6
tenanh
Varchar
null
7
amthanh
Varchar
null
8
tuloai
Varchar
null
n
CHƯƠNG 3: CÀI ĐẶT VÀ GIAO DIỆN
3.1 Tổng quan và cài đặt hệ thống
33
3.1.1 Ngôn ngữ PHP
Ngôn ngữ PHP ra đời năm 1994 Rasmus Lerdorf sau đó được phát triển bởi nhiều người
trải qua nhiều phiên bản.
PHP là ngôn ngữ lập trình phía server được thiết kế để dễ dàng xây dựng các trong Web
động. Mã PHP có thể thực thi trên server để tạo ra mã HTML và xuất ra trình duyệt web theo
yêu cầu của người sử dụng.
Ưu điểm của PHP:
• PHP là mã nguồn mở.
• Hoàn toàn miễn phí.
• Dễ học và dễ viết.
• Mã nguồn không phải sửa lại nhiều khi chạy cho các hệ điều hành khác nhau.
• Làm việc tốt với nhiều hệ quản trị cơ sở dữ liệu.
Để chạy được kịch bản PHP:
Để chạy được mã lệnh php chúng ta cần phải có môi trường server. Vì PHP là ngôn ngữ
làm việc trên server. Để tạo ra môi trường server thì cách tốt nhất và nhanh nhất chúng ta nên
sử dụng gói cài đặt xampp. Xampp là gói cài đặt đã tích hợp sẵn apache, mysql và PHP.
XAMPP cũng bao gồm phpMyAdmin – một công cụ dạng web giúp cho người lập trình quản
trị database một các dễ dàng và rất nhiều thư viện hỗ trợ lập trình khác như: OpenSSL, pdf
class.
3.1.2 Cài đặt server
XAMPP là một công cụ để cài đặt PHP, ApacheServer, MySQL, phpMyAdmin vào hệ
thống một cách nhanh chóng và dễ dàng. Các bước thực hiện như sau:
1. Mở file setup XAMPP để bắt đầu cài đặt
34
Hình 3.1 Mở file setup XAMPP
2. Tùy chọn Components vì không phải cái nào trong gói XAMPP cũng cần thiết
35
Hình 3.2 Tùy chọn Components
3. Chọn thư mục cài đặt XAMPP. Mặc định khi cài đặt hệ thống sẽ chọn ổ
c:\xampp.
Hình 3.3 Chọn thư mục cài đặt XAMPP
4. Chờ hệ thống cài đặt xong thì khởi động lại máy tính để hệ thống làm mới
thông tin và khởi động localhost
5. Khởi động localhost. Nhấp chuột vào Start với Apache và MySQL
36
Hình 3.4 Khởi động localhost
6. Test localhost trên trình duyệt
Hình 3.5 Test localhost trên trình duyệt
3.2 Giao diện hệ thống
Một số giao diện của hệ thống:
37
3.2.1 Giao diện trang chủ
Hình 3.6 Giao diện trang chủ
3.2.2 Giao diện tra cứu
Hình 3.7 Giao diện tra cứu
38
3.2.3 Giao diện kết quả tra cứu
Hình 3.8 Giao diện kết quả tra cứu
3.2.4 Giao diện gửi góp ý
39
Hình 3.9 Giao diện gửi góp ý
3.2.5 Giao diện đăng nhập quản trị
Hình 3.10 Giao diện đăng nhập quản trị
40
3.2.6 Giao diện trang quản trị
Hình 3.11 Giao diện trang quản trị
3.2.7 Giao diện quản lý chủ đề từ điển
Hình 3.12 Giao diện quản lý chủ đề từ điển
3.2.8 Giao diện quản lý góp ý
41
Hình 3.13 Giao diện quản lý góp ý
3.2.9 Giao diện quản lý danh sách từ
Hình 3.14 Giao diện quản lý danh sách từ
3.2.10 Giao diện quản lý thông tin quản trị viên
Hình 3.15 Giao diện quản lý thông tin quản trị viên
42
KẾT LUẬN
Qua quá trình thực hiện đồ án, em đã thu thập được rất nhiều kiến thức bổ ích về
công nghệ Ajax trên môi trường PHP. Với quỹ thời gian có hạn, em đã xây dựng được
một ứng dụng từ điển đa phương tiện trên môi trường PHP với chức năng khá đầy đủ.
Các chức năng nâng cao phục vụ cho việc tra từ, cũng như cho việc quản trị nâng cấp
chương trình đòi hỏi nhiều thời gian, kỹ thuật, em đang tìm hiểu và sẽ hoàn thành
trong thời gian tới.
Những kết quả đạt được
Qua quá trình tìm hiểu và hoàn thành chương trình, em đã đạt được những kết
quả sau:
Trình bày cơ sở lý thuyết về Ajax và các công nghệ trong đó.
Tìm hiểu các vấn đề đặc trưng của một ứng dụng từ điển đa phương tiện.
Thời gian xử lý yêu cầu nhanh và chính xác.
Giao diện thân thiện, dễ sử dụng.
Nâng cao kỹ năng lập trình...
Những hạn chế và hướng phát triển:
Mặc dù đã cố gắng, nỗ lực hết mình song thời gian tìm hiểu về đề tài chưa được
nhiều và những hạn chế về khả năng lập trình, điều kiện nghiên cứu còn nhiều hạn chế
nên không thể tránh khỏi những khuyết thiếu và hạn chế, em rất mong nhận được
những góp ý, nhận xét quý báu của quý thầy cô và bạn bè để kết quả của đề tài hoàn
thiện hơn.
DANH MỤC TÀI LIỆU THAM KHẢO
Tiếng Việt
43
[1]
Trần Đình Quế, Giáo trình phân tích và thiết kế hệ thống thông tin (2013) .
[2]
Bùi Quốc Huy, Giáo trình PHP & MYSQL (2006) .
[3]
Nguyễn Trường Sinh, Sử dụng PHP và MySQL thiết kế web động, (2005).
Tiếng Anh:
[4]
Edmond Woychowsky, Ajax, (2006) - Creating Web Pages with Asynchronous
JavaScript and XML.
[5]
Dave Crane, Eric Pascarello with Darren James,(2006). “Ajax in action”.
Manning Publications Co.
[6]
Kris Hadlock, (2007). “Ajax for Web Application Developers”. Sam Publishing.
[7]
Joshua Eichorn, (2007), “Understanding Ajax: Using JavaScript to Create Rich
Internet Applications”.
[8]
Lee Babin, (2007). “Begining Ajax with PHP: From Novice to Professional”.
Springer-Verlag New York.
[9]
Cristain Darie, Brinzarea Bogdan, Filip Chereches-Tosa, Mihai Bucia, (2006).
“Ajax and PHP – Building Responsive Web Applications”. Packt Publishing.
44
[...]... kiểm tra và xử lý Nếu thông tin nhập vào hợp lệ thì thông tin được lưu vào cơ sở dữ liệu và hệ thống gửi trả lời 2.4.4 Biểu đồ trình tự quản lý từ điển 26 Hình 2.14 Biểu đồ trình tự quản lý từ điển Mô tả trình tự quản lý từ điển: Quản trị viên mở giao diện quản lý từ điển, chọn chức năng cần thực hiện như thêm, sửa hoặc xóa Với chức năng tương ứng thì giao diện form sẽ hiện lên tương ứng Quản trị viên... thông điệp được gửi đi hoặc nhận về, trong tư cách là thành phần của hành động được thực hiện 2.2.1 Biểu đồ hoạt động quản lý từ điển Hoạt động quản lý từ điển của quản trị viên bao gồm hoạt động thêm, sửa, xóa các thông tin liên quan đến từ điển 18 Hình 2.3 Biểu đồ hoạt động quản lý từ điển 2.2.2 Biểu đồ hoạt động góp ý Sau khi sử dụng dịch vụ tra cứu mà hệ thống cung cấp, người dùng tra cứu nếu có... nghĩa Nhân viên quản trị hệ thống NhanVienQuanT ri 16 2 Người vào hệ thống nhằm mục đích thực hiện tra cứu từ hoặc có thể gửi góp ý đến ban quản trị sau khi đã sử dụng dịch vụ của hệ thống Nguoi tra tu 2.1.2 Danh sách usecase Bảng 2.2 Danh sách usecase STT 1 Usecase Ý nghĩa Tra cứu từ TraTu 2 Gửi góp ý về hệ thống GopY 3 Quản lý thông tin tài khoản nhân viên quản trị QuanTriTaiKhoan 4 Quản lý thông tin... với hệ thống Ở đây: • Người sử dụng (Actor) gồm: người tra cứu từ điển, nhân viên quản trị hệ thống • Nhiệm vụ (Use case) gồm: tra từ, gửi góp ý, quản trị tài khoản, quản trị từ điển, quản trị góp ý, đăng nhập, quản trị chủ đề từ điển Hình 2.1: Tổng thể hệ thống 2.1.1 Danh sách actor Các actor của hệ thống: nhân viên quản trị kế thừa thuộc tính và phương thức của người tra từ Thể hiện tính kế thừa... hoạt động góp ý 2.2.3 Biểu đồ hoạt động đăng nhập Hoạt động đăng nhập được thực hiện khi quản trị viên muốn thực hiện hoạt động quản lý website của mình Khi đăng nhập hệ thống, quản trị viên phải nhập thông tin như tên đăng nhập, mật khẩu Sau khi nhập thông tin hệ thống sẽ kiểm tra nếu thông tin tồn tại trong CSDL quản trị viên sẽ đăng nhập thành công và sử dụng hệ thống Ngược lại nếu thông tin của bạn... cộng tác tra từ Hình 2.16 Biểu đồ cộng tác tra từ 2.5.3 Biểu đồ cộng tác góp ý 28 Hình 2.17 Biểu đồ cộng tác góp ý 2.5.4 Biểu đồ cộng tác quản lý từ điển Hình 2.18 Biểu đồ cộng tác quản lý từ điển 2.6 Biểu đồ triển khai 29 Biểu đồ triển khai chỉ ra kiến trúc vật lý của phần cứng cũng như phần mềm trong hệ thống Bạn có thể chỉ ra từng máy tính cụ thể và từng trang thiết bị cụ thể đi kèm sự kết nối giữa... Tra cứu từ TraTu 2 Gửi góp ý về hệ thống GopY 3 Quản lý thông tin tài khoản nhân viên quản trị QuanTriTaiKhoan 4 Quản lý thông tin từ điển QuanTriTuDien 5 Quản lý thông tin góp ý từ người dùng tra từ QuanTriGopY 6 Đăng nhập hệ thống DangNhap 17 7 Quản lý thông tin chủ đề từ điển QuanTriChuDe 2.2 Biểu đồ hoạt động Biểu đồ hoạt động (Activity Diagrams) Biểu đồ hoạt động là một con đường khác để chỉ ra sự... nội dung đến máy chủ để xử lý hoặc lưu trữ trong một cơ sở dữ liệu, thường sử dụng một hành động POST để gửi nội dung từ các trường đầu vào thu thập được ở phía khách tới máy chủ Máy chủ xử lý nội dung này bằng cách sử dụng PHP, đọc hoặc lưu dữ liệu bằng cách sử dụng một cơ sở dữ liệu, và trả lại các kết quả được nhúng bên trong mã HTML Sau đó HTML sẽ được trình duyệt xử lý và một trang mới được biểu... chỉ ra sự phụ thuộc giữa các thành phần Biểu đồ triển khai chỉ ra hướng nhìn triển khai, miêu tả kiến trúc vật lý thật sự của hệ thống Hình 2.19 Biểu đồ triển khai 2.7 Thiết kế cơ sở dữ liệu Các bước thiết kế cơ sở dữ liệu: Khi thiết kế cơ sở dữ liệu phải phân biệt rõ với thiết kế quá trình xử lý dữ liệu, tránh dư thừa lưu trữ - Bước 1: Xác định mục tiêu khai thác CSDL - Bước 2: Xác định các bảng dữ liệu... định các bảng dữ liệu cần thiết Mỗi đối tượng thông tin sẽ hình thành một bảng trong CSDL của chúng ta - Bước 3: Sau khi đã xác định xong các bảng cần thiết, tiếp đến ta phải chỉ rõ thông tin nào cần quản lý trong mỗi bảng, đó là xác định các trường Mỗi loại thông tin trong bảng gọi là trường - Bước 4: Xác định các mối quan hệ giữa các bảng - Bước 5: Tinh chế, hiệu chỉnh lại thiết kế Phân tích lại thiết ... việc xây dựng ứng dụng đòi hỏi tính tức thời môi trường web Từ điển đa phương tiện trực tuyến ứng dụng điển hình Xuất phát từ điều em chọn đề tài “SỬ DỤNG CÔNG NGHỆ AJAX XÂY DỰNG TỪ ĐIỂN ĐA PHƯƠNG... thiệu từ điển đa phương tiện 1.1.1 Từ điển đa phương tiện Ngày với phát triển vũ bão công nghệ thông tin nói chung công nghệ đa phương tiện nói riêng đem lại hình thức cho từ điển: Từ điển đa phương. .. từ điển bạn tra cứu từ điển Ajax nói công nghệ mới, đặc biệt Việt Nam sử dụng ngày phổ biến khả tương tác cao, làm cho ứng dụng web gần với ứng dụng Desktop Google số tổ chức sử dụng Ajax để xây