Chương 3 Các vấn đề và giải pháp cho hệ thống xây dựng và vận hành robot thu thập thông tin trên internet

3.2. Môi trường tạo hướng dẫn cho robot



• Vấn đề

Như chúng em đã nói ở giải pháp cho vấn đề 1 thì tạo robot nghĩa là hướng dẫn cho

robot các hành động, các công việc mà robot cần làm đối với một nguồn thông tin

(tức một website) có sẵn chẳng hạn nhữ gõ một dòng text vào hộp textbox, chọn

một lựa chọn trong ô selectbox, hay click lên một link, một button, … Như vậy việc

hướng dẫn robot cần có một môi trường có khả năng online nghĩa là có khả năng

truy cập và thể hiện website để người dùng dựa trên website đó mà đưa ra hướng

dẫn cho robot các hành động cần thiết để robot có thể thực thi tự động nhằm đáp

ứng nhu cầu của mình. Rõ ràng, vấn đề đặt ra ở đây là làm thế nào để ta có được

một môi trường vừa trực quan lại vừa có khả năng online để việc hướng dẫn của

người dùng cho robot trở nên dễ dàng nhất có thể? Nhưng trước khi đi vào giải

pháp chúng ta cần phải tìm hiểu thế nào là một môi trường tạo hướng dẫn cho

Robot?

“Môi trường tạo hướng dẫn cho Robot chính là nơi mà người sử dụng hướng dẫn

cho các Robot các hành động mà Robot sẽ tương tác khi thực thi. Hay nói cách khác

nó chính là nơi ghi nhận lại các nhu cầu mà người sử dụng muốn Robot sẽ làm.”

• Giải pháp

Thông qua việc khảo sát chức năng cũng như giao diện của các hệ thống tương tự ở

chương 2 cùng với việc nghiên cứu sự hỗ trợ của các công nghệ hiện đại, hai giải

phải đã được đề xuất như sau:

• Giải pháp 1

Môi trường tạo robot phải có khả năng online để có thể đưa ra những hướng dẫn

cho robot đối với một website. Xuất phát từ yêu cầu này, giải pháp đầu tiên được đề

xuất: Môi trường tạo robot sẽ hoàn toàn dựa trên nền web người sử dụng sẽ thao tác

và hướng dẫn robot trên chính trình duyệt web của họ. Đối với giải pháp này hai

công nghệ nhóm xem xét là Silverlight và XBAP.

36



• Ưu điểm

Người sử dụng có thể dùng chính trình duyệt web của họ để tạo robot.

Có thể độc lập với hệ điều hành do ứng dụng chỉ phụ thuộc vào trình duyệt

web.

• Khuyết điểm

Tốc độ ắt hẳn chậm hơn so với hệ thống trên destop do phải thông qua

Internet và tương tác giữa máy khách và máy chủ.

Yêu cầu cao đối với hệ thống cung cấp dịch vụ. Máy chủ của hệ thống cung

cấp dịch vụ phải được cài đặt hỗ trợ các công nghệ mới như Silverlight hay

XBAP, đồng thời phải đủ mạnh để giao tiếp vời nhiều người dùng cùng lúc

đồng thời xử lý nhanh để đáp ứng yêu cầu của người dùng.

-



Máy tính của người sử dụng dịch vụ phải được cài đặt phần mềm để tương

thích với hệ thống. Ví dụ như plugin đối với Siverlight và .NET

Framework 3.5 đối với XBAP.

Không thể kiểm soát được các hành động của người dùng tương tác bên

ngoài trang web (tương tác với các hộp thoại tạo nên bởi javascript).

Không thể nhận biết được các hành động chuột và bàn phím.

• Giải pháp 2



Cũng xuất phát từ hai yêu cầu đối với việc tạo môi trường robot như thế nào, cùng

với tìm hiểu sự hỗ trợ của các công nghệ hiện tại, nhóm đã đề xuất giải pháp thứ 2

như sau. Công cụ tạo robot sẽ là một ứng dụng trên nền winform cho phép hệ thống

ghi nhận hành động của người dùng và người dùng tùy biến chức năng của robot.

• Ưu điểm

-



Tốc độ xử lý nhanh do các nghiệp vụ đều nằm trên máy của người dùng.

Có thể kiểm soát gần như tất cả hành động của người dùng bên trong hoặc

cả bên ngoài trang web bằng cách theo dõi các event của trang web hoặc

hook các sự kiện chuột và bàn phím.

• Khuyết điểm

37



-



Phụ thuộc vào hệ điều hành xây dựng ứng dụng.



 Như vậy, hai giải pháp trên đã đáp ứng được cả hai yêu câu của vấn đề đặt ra

trong khi tạo môi trường hướng dẫn robot là môi trường phải có khả năng online

đồng thời phải có tính trực quan để việc hướng dẫn trở nên dễ dàng nhất có thể cho

người dùng.



 Nhận xét

Mặc dù, cả hai giải pháp đều có thể đáp ứng được yêu cầu. Nhóm đã xem xét khả

năng của các công nghệ hiện tại và nhận thấy hiện nay các việc hỗ trợ cho ứng dụng

hoàn toàn trên web còn khá mới mẻ nên còn nhiều hạn chế đồng thời nếu thực hiện

theo giải pháp 1 sẽ mắc phải những vấn đề cố hữu của ứng dụng web, dẫn đến sẽ

không thực hiện được một số tính năng chính của hệ thống. Nhóm đã quyết định sử

dụng giải pháp 2 để xây dựng ứng dụng tạo robot, các phần còn lại của hệ thống vẫn

xây dựng trên nền web.



3.3. Chọn lựa công cụ tương tác web

Trong giai đoạn khảo sát nhóm đã tìm hiểu nhiều cách thức cho phép tương tác và

ghi nhận hành đồng của người dùng lên trang web. Nhóm đã đúc kết được cả hai

hướng tiếp cận vấn đề.

Hướng tiếp cận đầu tiên là sử dụng chính trình duyệt web có sẵn trên máy người

dùng để người dùng thao tác đồng thời ứng dụng sẽ ghi nhận lại các thao này để tạo

robot. Vấn đề gặp phải ở hướng tiếp cận này là gây khó khăn với người sử dụng do

phải tương tác với trình duyệt web đồng thời lại hướng dẫn và quản lý trên ứng

dụng tạo robot. Hơn nữa việc giao tiếp giữa trình duyệt web và ứng dụng rất hạn

chế đồng thời tốn nhiều tài nguyên.

Hướng tiếp cận thứ hai là sử dụng control để có thể tích hợp vào ứng dụng tạo robot

tạo nên một giao diện đồng nhất thân thiện với người dùng đồng thời việc tương tác

giữa ứng dụng và control duyệt web trở nên dễ dàng hơn. Sau thời gian tìm hiểu lợi

điểm và hạn chế của các control dùng để duyệt phép nên nền winform nhóm chọn

được ba control tiêu biểu sau:



38



3.3.1. WebBrowser control (.NET Framework)

.NET Framework hỗ trợ sẵn một control đóng vai trò như một trình duyệt web và

cũng cấp các lớp cho phép tương tác và điều khiển, ghi nhận các hành động của

người dùng. Tuy nhiên các lớp và hàm cung cấp sẵn của .NET Framework rất ít chỉ

vừa đủ đối với người sử dụng bình thường.

3.3.2. AxWebBrowser (ActiveX)

Đây chính cách sử dụng activeX Microsoft WebBrowser Control trong .NET. Việc

sử dụng đến tầng lõi của một web browser này cho phép chúng ta có thể sử dụng

được rất nhiều các tính năng đồng thời quản lý chặt chẽ hơn web browser control

này. Tuy nhiên vì đây là một ActiveX control nên được xây dựng bằng unmanagedcode, do đó việc thao tác với control này khá rườm rà để có thể sử dụng một cách

dễ dàng cần phải xây dựng các wrapper class cho phép dễ dàng sử dụng control này.

Việc bọc lại các tất cả interface và các lớp của ActiveX là một công việc tỉ mẫn và

rất nhiều thời gian do số lượng các interface và lớp của ActiveX control này không

hề ít.

3.3.3. csEXWB (opensource)

Đây có thể được xem là một wrapper đầy đủ nhất của Microsoft WebBrowser

Control. csEXWB cho phép thực hiện việc cấu hình cao cấp và điểu khiển toàn bộ

các tài nguyên của activeX. Hơn nữa từ csEXWB ta có thể dễ dàng thêm và tùy

chỉnh các chức năng cần thiết cho ứng dụng. Việc sử dụng csEXWB sẽ khiến cho

các đoạn mã chương trình ở nên mạch lạc rõ ràng và dễ hiểu vì hoàn toàn sử dụng

managed-code để điều khiển, nhận, xử lý các sự kiện.

Đây cũng chính là control mà nhóm chọn để phát triển hệ thống.



3.4. Các yêu cầu đặt ra cho môi trường tạo hướng dẫn

Liệu csEXWB có đáp ứng được các yêu cầu mà một một trường tạo hướng dẫn cho

robot đặt ra hay không? Đó là vấn đề mà nhóm cần phải giải quyết. Thế nhưng các

yêu cầu mà một môi trường hướng dẫn cần phải có là gì?

39



Thông qua việc tìm hiểu chức năng của các hệ thống phần mềm hàng đầu trên thế

giới về lĩnh vực này, nhóm đã rút ra được một số yêu cầu tối cần thiết – mà một môi

trường tạo hướng dẫn cho Robot phải có - để có thể tạo ra được các robot có khả

năng rút trích thông tin tự động trên Internet như sau:

3.4.1. Yêu cầu hiển thị trực quan cấu trúc trang web



• Vấn đề

Yêu cầu của một môi trường hướng dẫn robot là phải trực quan. Vì vậy, làm thế nào

môi trường phải có khả năng cho người dùng thấy được mã HTML của thành phần

mà mình đã chọn hay nói cách khác phải cho người dùng thấy được mã HTML của

nó trong toàn bộ source HTML của một trang web. Sở dĩ yêu cầu này được đưa ra

là do: khi ta click chọn một thành phần nào đó nhưng bên trong thành phần đó lại là

thành phần mà ta muốn lưu lại để cho robot tương tác trong quá trình thực thi.

(chẳng hạn như một image bên trong một hyperlink và thành phần mà ta muốn

robot tương tác là image chứ không phải hyperlink nhưng khi người dùng click

chọn thì nó chỉ biết đó là một hyperlink chứ không phải là image - do hyperlink là

thành phần cha của image).

• Giải pháp

Đối với toàn thể một trang web khi toàn bộ trang đã được tải về dựa vào interface

IHTMLDOMNode ta sẽ lần lượt duyệt từng node trong trang web và từ đó xây

dựng được một DOM Tree hiển thị cấu trúc của trang web đang hiển thị. Dựa vào

đó ta sẽ biết được cấu trúc tổng thể của một trang web bao gồm toàn bộ element của

trang web, element nào trước element nào, element nào chứa element nào, … Khi

người dùng tác động vào một element của trang web, ta dựa vào interface

IHTMLElement để lần vết xác định tọa độ của element đó trong trang web. Mỗi

IHTMLElement đều có mã HTML cho biết nội dung trong element đó trong mã

HTML của trang.



40



Hinh 3 Hiển thị trực quan cấu trúc trang web

̀



3.4.2. Yêu cầu thay đổi context menu



• Vấn đề

Do nguồn gốc của csEXWB dựa trên activeX Microsoft WebBrowser control nên

context menu mặc định sẽ là context menu của chính trình duyệt Internet Explorer

của máy. Tuy nhiên, do yêu cầu trên mà nảy sinh một yêu cầu khác là cần phải có

một context menu khác bao gồm các công việc khác nhau như click lên một thành

phần nào đó và lưu lại, hay rút trích toàn bộ text bên trong một thành phần nào đó…

mà một môi trường tạo robot cần phải có. Do vậy yêu cầu đặt ra là làm sao thay thế

context menu mặc định có sẵn của csEXWB bằng một context menu mà một môi

trường tạo hướng dẫn cho robot đòi hỏi.



41



• Giải pháp

Để thay đổi context menu đơn giản chỉ là tắt context menu mặc định và cho hiển thị

context menu tự tạo. Để làm điều này trong csEXWB ta chặn và xử lý sự kiện

WBContextMenu.



Hinh 3 Context menu đã được thay đổi

̀



3.4.3. Yêu cầu ghi nhận hành động của người dùng



• Vấn đề

Làm sao trong quá trình hướng dẫn cho robot khi người dùng click lên một thành

phần (element) nào đó trên trang web thì môi trường phải biết được người dùng đã

click lên thành phần nào của trang web. Mục đích của việc này là để có thể phục vụ

cho việc lưu lại các thành phần mà robot cần tương tác trong quá trình thực thi của

mình sau này.



42



• Giải pháp

Yêu cầu này sẽ được giải thích chi tiết ở mục 3.5

3.4.4. Yêu cầu thực hiện lại những thao tác của người dùng



• Vấn đề

Song song với việc ngăn chặn các kết quả khi click chọn một thành phần thì rõ ràng

một môi trường tạo hướng dẫn cho robot phải có thể thực thi được các sự kiện của

một thành phần nào đó của một trang web chẳng hạn như có khả năng kích hoạt sự

kiện click của một thành phần, hay có thể tự động đánh dấu chọn hay bỏ chọn của

một radio button, hay một checkbox trên trang web… Và đây là một yêu cầu khác

mà một môi trường tạo hướng dẫn cho robot cần phải đáp ứng.

• Giải pháp

Yêu cầu này sẽ được giải thích chi tiết ở mục 3.6

3.4.5. Yêu cầu rút trích dữ liệu



• Vấn đề

Robot không những có khả năng thực hiện lại mọi thao tác của người dùng mà phải

có khả năng rút trích dữ liệu từ nội dung của trang web. Đây mới chính là mục tiêu

chính của hệ thống nhằm biến đổi dữ liệu của mọi trang web thành dữ liệu chuẩn

nhằm sử dụng lại và gắn kết với các hệ thống khác

• Giải pháp

Dựa vào các chỉ thị của người dùng cần rút trích dữ liệu nào của đối tượng nào. Hệ

thống sẽ tìm đến đúng HTML Element đó để rút dữ liệu. Dữ liệu cần rút trích có thể

là text, url, HTML source, hay hình ảnh, nhạc, video, … Xem chi tiết ở mục 3.7

3.4.6. Yêu cầu lưu lại các hành động để tạo robot



• Vấn đề

43



Một môi trường tạo hướng dẫn cho robot còn phải có khả năng cho người dùng lưu

lại các hướng dẫn mà mình đã thực hiện để robot có thể thực thi lại.Yêu cầu đặt ra

là ta phải lưu lại script hướng dẫn đó dưới định dạng lưu trữ nào: nhị phân, text, cơ

sở dữ liệu hay XML, ...?

• Giải pháp

Nếu tham khảo các công nghệ hiện tại thì đương nhiên XML sẽ làm một ứng cử

viên sáng giá. Ta có thể dùng Seriallization để dễ dàng nhanh chóng đọc và lưu nội

dung thành XML. Nhưng nếu tùy vào mục đích sử dụng chương trình hệ thống phải

hỗ trợ các kiểu lưu robot khác nhằm tăng tính bảo mật của robot.

Ngoài ra, môi trường còn nhiều yêu cầu khác nữa. Đó chỉ là những yêu cầu tối thiểu

mà một môi trường tạo hướng dẫn và thực thi robot cần phải có để thực thi được

việc rút trich thông tin tự động trên Internet. Và các yêu cầu đó cũng chính là những

vấn đề mà nhóm gặp phải khi xây dựng hệ thống tự đông rút trích và so sánh thông

tin giá cả các sản phẩm điện tử.



3.5. Ghi nhận hành động của người dùng

Ứng dụng phải có khả năng ghi nhận lại các hành động của người dùng để việc tạo

robot trở nên hoàn toàn trong suốt với người dùng. Nghĩa là người dùng tương tác

với ứng dụng như là một trình duyệt web thông thường, ứng dụng sẽ ngầm định lưu

lại mọi hành động của người dùng để tạo robot.

Hướng tiếp cận đầu tiên là theo dõi tất cả sự kiện của tất cả element trong một trang

web. Đây là một cách đơn giản và không bỏ sót các sự kiện nào của trang web.

Nhưng số lượng các element trong một trang web rất lớn và người dùng chỉ thao tác

lên một số ít element do đó việc gắn các hàm theo dõi sự kiện vào tất cả các element

gây mất nhiều thời gian và tốn nhiều tài nguyên. Một hạn chế cực kì nghiêm trọng

của hướng tiếp cận này chính là việc theo dõi các element được tự động thêm vào

khi trang web có sử dụng AJAX. Dẫn đến không thể ghi nhận các hành động khi

người dùng thao tác trên các element mới này.



44



Một cách nhẹ nhàng và nhanh chóng hơn là theo dõi sự kiện chuột và bàn phím của

người dùng để phát sinh các hành động tổng quát của người dùng lên trang web.

Sau đây là các hành động tiêu biểu khi duyệt web:

3.5.1. Click

Đây là thao tác khi người dùng kích chuột vào một đối tượng trên trang web hoặc

hành động bấm Space, Enter khi có một đối tượng đang được kích hoạt.

Để nhận biết hành động này ta xem xét sự kiện kích chuột trái lên đối tượng và sự

kiện bấm phím Enter hay Space khi đối tượng đang được kích hoạt không được

dùng để nhập text.

3.5.2. Chọn giá trị trong combobox

Đây là hành động người dùng thay đổi giá trị trong combobox, cũng chính là thay

đổi giá trị chứa bên trong thẻ .

Ứng dụng sẽ ghi nhận bằng cách theo dõi sự kiện onchange của element

đang được kích hoạt.

3.5.3. Gõ văn bản

Đây là hành động người dùng điền giá trị vào một hoặc một

.<br /><br />Ứng dụng sẽ theo dõi và so sánh giá trị ban đầu và giá trị mới do người dùng để biết<br /><br />được có sự thay đổi nội dung do người dùng nhập vào.<br /><br />3.5.4. Submit form<br /><br />Hành động này xảy ra khi người dùng bấm Enter để bắt đầu gửi dữ liệu lên trang<br /><br />web.<br /><br />Ta sẽ xác định form đang chứa element đang được kích hoạt từ đó biết được form<br /><br />nào sẽ được submit khi có hành động này.<br /><br /><br /><br />45<br /><br /><br /><br />3.6. Thực hiện lại hành động của người dùng<br /><br />Sau khi ghi nhận các hành động của người dùng dĩ nhiên robot phải có khả năng lập<br /><br />lại các hành động đó để sử dụng cho các lần sau. Robot phải thông minh để có khả<br /><br />năng thực hiện tất cả mọi hành động có thể có của người dùng khi đang duyệt web<br /><br />tìm kiếm thông tin. Sau khi thực hiện bất cứ hành động nào nếu có sự chuyển trang<br /><br />ứng dụng cần phải đợi cho trình duyệt web đổi sang trang mới để có thể thực hiện<br /><br />hành động tiếp theo.<br /><br />Dưới đây là cách để thực hiện lại các hành động của người dùng, phần định nghĩa<br /><br />các hành động có thể xem tại mục 3.5.<br /><br />3.6.1. Click<br /><br />Thực hiện lại hành động Click lại dễ hơn rất nhiều so với việc ghi nhận hành động.<br /><br />Ta chỉ cần gọi hàm click() trong interface IHTMLElement của đối tượng mà ta cần<br /><br />click.<br /><br />3.6.2. Chọn giá trị trong combobox<br /><br />Ứng với hành động này ta thay đổi biến value trong interface IHTMLSelectElement<br /><br />thành giá trị mong muốn. Ngoài ra cũng cần phải kích hoạt sự kiện onchange của<br /><br /><SELECT> để trang web nhận biết và gọi các hàm Javascript tương ứng.<br /><br />3.6.3. Gõ văn bản<br /><br />Mỗi element đều có biến value của IHTMLElement, ta chỉ cần cập nhật lại biến này.<br /><br />3.6.4. Submit form<br /><br />Submit form bằng cách gọi hàm submit() của interface IHTMLFormElement.<br /><br /><br /><br />3.7. Rút trích dữ liệu<br /><br />3.7.1. Dữ liệu text<br /><br />Dữ liệu text bao gồm phần text của một hay nhiều element, hoặc phần mã HTML<br /><br />của một hay nhiều element. Để rút trích dữ liệu đầu tiên cần xác định được element<br /><br />46<br /><br /><br /><br /> </p> <p class="text-xl pb-40 overlay-read-more absolute bottom-0 left-0 w-full text-center bg-gradient-to-t from-white to-transparent"> </p> </div> <a href="javascript:" class="bg-secondary px-6 py-2 rounded text-white absolute bottom-0 left-1/2 mb-4 transform -translate-x-1/2" id="showmore">Xem Thêm</a> </div> <div style=" position: relative;" class="col-span-3 hidden md:block px-1 text-center"> <div style="position: sticky;top: 10px;height:600px"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-2979760623205174" data-ad-slot="8377321249"></ins><script defer>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div> </div> </div> <div class="vf_link_relate px-2 my-2"> <h2 class="vf_doc_relate text-2xl font-bold my-4">Tài liệu liên quan</h2> <ul class="grid grid-cols-12 gap-2"> <li class="col-span-6 md:col-span-2"><div class="card-doc"><a class="card-doc-img" href="/document/1616450-nghien-cuu-va-phat-trien-he-thong-xay-dung-va-van-hanh-tu-dong-webbot-thu-thap-thong-tin-tren-internet-de-cung-ung-cac-dich-vu-web-theo-yeu-cau.htm" title="nghiên cứu và phát triển hệ thống xây dựng và vận hành tự động webbot thu thập thông tin trên internet để cung ứng các dịch vụ web theo yêu cầu"><i class="icon i_type_doc i_type_doc3"></i><img class="lazy" src="https://media.store123doc.com/images/default/doc_normal.png" alt="nghiên cứu và phát triển hệ thống xây dựng và vận hành tự động webbot thu thập thông tin trên internet để cung ứng các dịch vụ web theo yêu cầu"/></a><a class="card-doc-title" title="nghiên cứu và phát triển hệ thống xây dựng và vận hành tự động webbot thu thập thông tin trên internet để cung ứng các dịch vụ web theo yêu cầu" href="/document/1616450-nghien-cuu-va-phat-trien-he-thong-xay-dung-va-van-hanh-tu-dong-webbot-thu-thap-thong-tin-tren-internet-de-cung-ung-cac-dich-vu-web-theo-yeu-cau.htm" >nghiên cứu và phát triển hệ thống xây dựng và vận hành tự động webbot thu thập thông tin trên internet để cung ứng các dịch vụ web theo yêu cầu</a><ul class="doc_tk_cnt"><li><i class="icon_doc"></i>91</li><li><i class="icon_view"></i>1,019</li><li><i class="icon_down"></i>0</li></ul></div></li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/204690-tinh-hinh-tieu-thu-mu-cao-su-cua-cac-ho-nong-dan-tinh-thua-thien-hue.htm" title="Tình hình tiêu thụ mủ cao su của các hộ nông dân tỉnh Thừa Thiên Huế"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/rc/sq/medium_sqw1363668008.jpg" alt="Tình hình tiêu thụ mủ cao su của các hộ nông dân tỉnh Thừa Thiên Huế" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Tình hình tiêu thụ mủ cao su của các hộ nông dân tỉnh Thừa Thiên Huế" href="https://toc.123docz.net/document/204690-tinh-hinh-tieu-thu-mu-cao-su-cua-cac-ho-nong-dan-tinh-thua-thien-hue.htm" target="_blank">Tình hình tiêu thụ mủ cao su của các hộ nông dân tỉnh Thừa Thiên Huế</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>88 </li> <li> <i class="icon_view"></i>1 </li> <li> <i class="icon_down"></i>8 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/204692-bang-phan-loai-cac-loai-go.htm" title="Bảng phân loại các loại gỗ"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/rc/ad/medium_adc1363668009.jpg" alt="Bảng phân loại các loại gỗ" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Bảng phân loại các loại gỗ" href="https://toc.123docz.net/document/204692-bang-phan-loai-cac-loai-go.htm" target="_blank">Bảng phân loại các loại gỗ</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>16 </li> <li> <i class="icon_view"></i>1 </li> <li> <i class="icon_down"></i>5 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/204693-bao-quan-lam-san.htm" title="Bảo Quản Lâm Sản"> <i class="icon i_type_doc i_type_doc1"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/rc/fp/medium_fpk1363668009.jpg" alt="Bảo Quản Lâm Sản" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Bảo Quản Lâm Sản" href="https://toc.123docz.net/document/204693-bao-quan-lam-san.htm" target="_blank">Bảo Quản Lâm Sản</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>8 </li> <li> <i class="icon_view"></i>7 </li> <li> <i class="icon_down"></i>32 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/204694-thiet-ke-bai-giang-vat-ly-11-nang-cao-1.htm" title="Thiết kế bài giảng vật lý 11 nâng cao 1"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/rc/iy/medium_iyf1363668010.jpg" alt="Thiết kế bài giảng vật lý 11 nâng cao 1" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Thiết kế bài giảng vật lý 11 nâng cao 1" href="https://toc.123docz.net/document/204694-thiet-ke-bai-giang-vat-ly-11-nang-cao-1.htm" target="_blank">Thiết kế bài giảng vật lý 11 nâng cao 1</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>205 </li> <li> <i class="icon_view"></i>3 </li> <li> <i class="icon_down"></i>19 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/204695-thiet-ke-bai-giang-vat-ly-11-nang-cao-1.htm" title="Thiết kế bài giảng vật lý 11 nâng cao 1"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/rc/un/medium_unn1363668011.jpg" alt="Thiết kế bài giảng vật lý 11 nâng cao 1" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Thiết kế bài giảng vật lý 11 nâng cao 1" href="https://toc.123docz.net/document/204695-thiet-ke-bai-giang-vat-ly-11-nang-cao-1.htm" target="_blank">Thiết kế bài giảng vật lý 11 nâng cao 1</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>207 </li> <li> <i class="icon_view"></i>1 </li> <li> <i class="icon_down"></i>11 </li> </ul> </div> </li> <li class="col-span-6 md:col-span-2"> <div class="card-doc"> <a class="card-doc-img" href="https://toc.123docz.net/document/204696-thiet-ke-bai-giang-vat-ly-11-co-ban-1.htm" title="Thiết kế bài giảng vật lý 11 cơ bản 1"> <i class="icon i_type_doc i_type_doc2"></i> <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-src="https://media.store123doc.com/images/document/13/rc/ue/medium_uef1363668012.jpg" alt="Thiết kế bài giảng vật lý 11 cơ bản 1" onerror="this.src='https://media.store123doc.com/images/default/doc_normal.png'"/> </a> <a class="card-doc-title" title="Thiết kế bài giảng vật lý 11 cơ bản 1" href="https://toc.123docz.net/document/204696-thiet-ke-bai-giang-vat-ly-11-co-ban-1.htm" target="_blank">Thiết kế bài giảng vật lý 11 cơ bản 1</a> <ul class="doc_tk_cnt"> <li> <i class="icon_doc"></i>178 </li> <li> <i class="icon_view"></i>6 </li> <li> <i class="icon_down"></i>48 </li> </ul> </div> </li> </ul> </div> <div class="ads_center text-center" style="height: 280px;"> <ins class="adsbygoogle" style="display:block; height: 300px;" data-ad-client="ca-pub-2979760623205174" data-ad-slot="7919569241" data-ad-format="auto"></ins><script defer>(adsbygoogle = window.adsbygoogle || []).push({});</script> </div></div><div id="to_top" class="w-10 h-10 fixed z-10 right-0 bottom-0 mr-4 mb-16 bg-white rounded-full cursor-pointer" onclick="scrollToTop()"> <svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" class="text-secondary w-10 h-10 rounded-full opacity-75 hover:opacity-100"> <circle cx="12" cy="12" r="10"></circle><polyline points="16 12 12 8 8 12"></polyline> <line x1="12" y1="16" x2="12" y2="8"></line> </svg></div><div class="detailBar fixed w-full left-0 bottom-0 bg-gray-100 z-10 border-t border-solid border-gray-300 text-center py-2"> <div class="flex justify-center items-center"> <a class="btn_download block py-2" href="https://123docz.net/document/1616450-nghien-cuu-va-phat-trien-he-thong-xay-dung-va-van-hanh-tu-dong-webbot-thu-thap-thong-tin-tren-internet-de-cung-ung-cac-dich-vu-web-theo-yeu-cau.htm" target="_blank"> <span class="rounded py-3"> Tải bản đầy đủ (.docx) </span> </a> <span class="ml-2 text-base">(91 trang)</span> </div></div><div class="background-transparent hidden bg-gray-300 opacity-50 fixed top-0 left-0 w-full h-full"></div><div class="popupText bg-white" gtm-element="GTM_Click_popup_text_redirect_document" gtm-label="GTM_Click_popup_text_redirect_document" onclick="window.open('https://123docz.net/document/1616450-nghien-cuu-va-phat-trien-he-thong-xay-dung-va-van-hanh-tu-dong-webbot-thu-thap-thong-tin-tren-internet-de-cung-ung-cac-dich-vu-web-theo-yeu-cau.htm', '_blank');hide_popup()"> <div class="relative px-8 py-6"> <p><img class="mx-auto" src="https://media.store123doc.com/images/email/icon_123doc.png"></p> <div class="popupText_body mt-4"> <h3 class=" mb-4 font-bold">Tài liệu bạn tìm kiếm đã sẵn sàng tải về</h3> <div class="bg-gray-300 py-2 px-4 rounded text-sm"> <a class=" "> <i class="icon i_type_doc i_type_doc3"></i> <label>(6.73 MB) - nghiên cứu và phát triển hệ thống xây dựng và vận hành tự động webbot thu thập thông tin trên internet để cung ứng các dịch vụ web theo yêu cầu-91 (trang)</label> </a> </div> <a class="bg-secondary px-4 py-2 rounded block mt-6 text-white text-center">Tải bản đầy đủ ngay <i class="icon_download"></i></a> </div> <a class="absolute top-0 right-0 px-4 py-2 text-3xl">×</a> </div></div><script defer> $(document).ready(function () { var $el, $ps, $up,$p ,showmore = document.querySelector("#showmore") , overlay = document.querySelector(".overlay-read-more"); ; showmore.addEventListener("click", (e) => { $el = e.target; $ps = document.querySelector(".content-text"); $ps.setAttribute("style","display:block; max-height: 100% !important;"); $el.classList.add("hidden"); overlay.classList.add("hidden"); e.target.innerHTML = "Rút gọn"; }) });</script> <div id="footer"> <footer class=""> <h3 class="doc_logo_footer text-center py-8"><a href="javascript:;"></a></h3> <div class="bg-main-background text-xs p-4 text-center text-text-default"> <div> <p>Copyright © 2020 123Doc. Design by 123DOC</p> </div> </div> </footer></div><div class="overlay fixed bg-gray-300 opacity-50 w-full h-full z-10 top-0 hidden"></div><script defer type="text/javascript"> let iconMenuLeft = document.querySelector(".icon_menu_left") , overLay = document.querySelector(".overlay") , body = document.querySelector("body") , toggleSearchIcon = document.querySelector("#search-toggle-icon") , searchIcon = document.querySelector("#GTM_Search_Search") , searchBox = document.querySelector("#search-box") , txtSearch = document.querySelector("#txtSearch"); iconMenuLeft.addEventListener("click", () => { let headerRight = document.querySelector(".headerRight") , overLay = document.querySelector(".overlay"); if (headerRight.classList.contains("hidden")) { headerRight.classList.remove("hidden"); overLay.classList.remove("hidden"); body.classList.add("overflow-hidden"); } else { headerRight.classList.add("hidden"); overLay.classList.add("hidden"); body.classList.remove("overflow-hidden"); } }); toggleSearchIcon.addEventListener("click", () => { if (searchBox.classList.contains("hidden")) { overLay.classList.remove("hidden"); searchBox.classList.remove("hidden"); body.classList.add("overflow-hidden"); txtSearch.focus(); } else { overLay.classList.add("hidden"); searchBox.classList.add("hidden"); body.classList.remove("overflow-hidden"); } }); function genKeyword(str) { q = str; var arrStr = str.split(' '); if (arrStr.length > 0) { q = ''; for (i = 0; i < arrStr.length; i++) { q += arrStr[i] + '+'; } q = q.substr(0, q.length - 1); } return q; } function searchEnter() { var q = genKeyword(txtSearch.value); var link = ''; link = '/doc/s/' + q; window.location.href = "http://123docz.net/" + link; } txtSearch.addEventListener("keydown", function (event) { if (event.which == 13) { searchEnter(); } });</script><script> const scrollToTop = () => { const c = document.documentElement.scrollTop || document.body.scrollTop; if (c > 0) { window.requestAnimationFrame(scrollToTop); window.scrollTo(0, c - c / 8); } };</script> <div id="fb-root"></div> <script defer>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script src="https://apis.google.com/js/platform.js" async defer></script> <!-- JS load sau các JS ngoài không cần thiết --> <script src="https://static.store123doc.com/static_v2/web_v2//common/js/jquery-3.5.1.min.js"></script> <script> var is_load = 0; function loadjs() { if (is_load == 0) { is_load = 1; $.getScript("https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js", function() { $('ins').each(function() { (adsbygoogle = window.adsbygoogle || []).push({}) }) }); } } $(window).scroll(function() { loadjs(); }); $(window).mousemove(function() { loadjs(); }); </script></body> <script type="text/javascript"> window.lazyLoadInstances = []; window.lazyLoadOptions = {}; window.addEventListener( "LazyLoad::Initialized", function (event) { window.lazyLoadInstance = event.detail.instance; }, false ); $(document).ready(function () { $("body").bind("ajaxComplete", function () { lazyLoadInstance.update(); }); }); </script> <script async type="text/javascript" src="https://static.store123doc.com/static_v2/web_v2//common/js/lazyload.min.js"></script> <script defer type="text/javascript" src="https://static.store123doc.com/static_v2/common/js/jquery.js"></script> <script defer type="text/javascript" src="https://static.store123doc.com/static_v2/text/js/popup_2.min.js?v=1"></script> <script defer> /*show ad*/ </script> <script defer type="text/javascript"> $(document).ready(function () { addEvent(window, "load", function (e) { addEvent(document.body, "click", function (e) { popunder("1616450","https://123docz.net/document/1616450-nghien-cuu-va-phat-trien-he-thong-xay-dung-va-van-hanh-tu-dong-webbot-thu-thap-thong-tin-tren-internet-de-cung-ung-cac-dich-vu-web-theo-yeu-cau.htm"); }); }); }); </script> <script defer>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-35572274-12', 'auto');ga('send', 'pageview');</script><script defer> $(document).ready(function () { if($('div').hasClass('ad_bottom_right_screen')){ ga('send', 'event', { eventCategory: 'Quảng cáo lead', eventAction: 'view', eventLabel: "trang_toc" }); } })</script><script> var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); var addStyle = addStylesNode.textContent; replacement.innerHTML = addStyle; document.body.appendChild(replacement); addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = requestAnimationFrame || mozRequestAnimationFrame || webkitRequestAnimationFrame || msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles);</script> </html>