財務(wù)機(jī)器人開發(fā)與應(yīng)用實戰(zhàn) 教案 任務(wù)6-2 Web人機(jī)交互自動化

課堂教學(xué)設(shè)計授課教師所在部門會計學(xué)院課程名稱財務(wù)機(jī)器人開發(fā)與應(yīng)用實戰(zhàn)課時2學(xué)習(xí)單元6子任務(wù)Web人機(jī)交互自動化授課時間第六周授課地點會計實訓(xùn)室授課班級專業(yè)能力目標(biāo)C6-1學(xué)生能夠理解并應(yīng)用Web自動化組件C6-2學(xué)生能夠設(shè)計并實現(xiàn)自動化Web交互流程。知識目標(biāo)K6-1了解Web自動化組件的功能和操作。K6-2掌握使用RPA工具進(jìn)行Web數(shù)據(jù)抓取和交互的方法。素質(zhì)目標(biāo)方法能力培養(yǎng)學(xué)生的Web數(shù)據(jù)抓取和處理能力。社會能力通過團(tuán)隊合作，提升溝通協(xié)調(diào)能力和團(tuán)隊合作精神。重點及措施重點：學(xué)習(xí)并應(yīng)用Web自動化組件，設(shè)計自動化流程。措施：通過演示、實操和案例分析，加深學(xué)生對Web自動化組件的理解和應(yīng)用。難點及措施難點：理解并應(yīng)用Web自動化組件解決復(fù)雜的Web交互任務(wù)。措施：提供實際案例，引導(dǎo)學(xué)生分析問題并設(shè)計解決方案，鼓勵創(chuàng)新思維。教學(xué)資源序號資源名稱資源類型1教師、助教人力資源2會計實訓(xùn)室計算機(jī)、投影儀硬件資源3財務(wù)機(jī)器人開發(fā)軟件、瀏覽器信息資源4…評價辦法過程性課堂實訓(xùn)（20%），出勤率（10%），課堂表現(xiàn)（20%）結(jié)果性上機(jī)考試（50%）課后作業(yè)完成Web數(shù)據(jù)抓取和處理的自動化練習(xí)題。預(yù)習(xí)下一單元內(nèi)容。

教學(xué)過程設(shè)計教學(xué)環(huán)節(jié)預(yù)計時間（分鐘）任務(wù)（含情境）設(shè)計學(xué)生活動教師活動引入5介紹Web自動化在財務(wù)數(shù)據(jù)收集中的重要性思考討論引入話題，提出問題組件學(xué)習(xí)20學(xué)習(xí)Web自動化相關(guān)組件學(xué)習(xí)操作、提問講解組件功能、演示操作流程設(shè)計20設(shè)計自動化Web交互流程分組設(shè)計流程、討論指導(dǎo)設(shè)計、答疑解惑實操搭建40搭建自動化Web交互機(jī)器人分組搭建機(jī)器人巡回指導(dǎo)、提供反饋總結(jié)5回顧Web自動化組件的重點思考總結(jié)總結(jié)重點，布置作業(yè)課程思政點：討論自動化技術(shù)對提高工作效率的重要性，培養(yǎng)學(xué)生的專業(yè)責(zé)任感。通過小組合作，強(qiáng)化團(tuán)隊協(xié)作精神和社會責(zé)任感。

1．網(wǎng)頁組件應(yīng)用介紹1）【打開新網(wǎng)頁】組件①功能利用【打開新網(wǎng)頁】組件可以操作Chrome、Edge、IE瀏覽器，并且打開指定網(wǎng)址的網(wǎng)頁。②位置與語句【打開新網(wǎng)頁】組件的位置與語句如表6-1所示。表6-1【打開新網(wǎng)頁】組件的位置與語句位置語句③屬性與說明【打開新網(wǎng)頁】組件的屬性與說明如表6-2所示。表6-2【打開新網(wǎng)頁】組件的屬性與說明屬性當(dāng)前值說明輸入打開網(wǎng)址或其他網(wǎng)站通過在文本框中直接輸入、選擇已有變量、新增變量等方式填寫希望打開的網(wǎng)址瀏覽器類型Chrome默認(rèn)選擇Chrome單選按鈕，也可以選擇Edge、IE單選按鈕是否指定Chrome程序路徑否是否等待加載完成是設(shè)置是否等待加載完成單次執(zhí)行超時時間（秒）100用于設(shè)置單次執(zhí)行超時時間，默認(rèn)值為100秒輸出瀏覽器對象v_web_obj_1（默認(rèn)）2）【獲取已打開網(wǎng)頁】組件①功能利用【獲取已打開網(wǎng)頁】組件可以操作Chrome、Edge、IE瀏覽器，通過查找標(biāo)題或單擊URL的方式，指定獲取一個已打開的網(wǎng)頁。②位置與語句【獲取已打開網(wǎng)頁】組件的位置與語句如表6-3所示。表6-3【獲取已打開網(wǎng)頁】組件的位置與語句位置語句③屬性與說明【獲取已打開網(wǎng)頁】組件的屬性與說明如表6-4所示。表6-4【獲取已打開網(wǎng)頁】組件的屬性與說明屬性當(dāng)前值說明輸入瀏覽器類型Chrome默認(rèn)選擇Chrome單選按鈕，也可以選擇Edge、IE單選按鈕查找方式標(biāo)題可以通過查找頁面標(biāo)題或單擊URL的方式查找已打開的頁面查找內(nèi)容百度一下，你就知道輸入網(wǎng)頁的名稱查找規(guī)則包含基于上一項中填寫的查找內(nèi)容，選擇相等、正則或包含的匹配方式查找符合條件的網(wǎng)頁輸出瀏覽器對象v_web_obj_1（默認(rèn)）以變量的形式保存瀏覽器對象，變量名稱由系統(tǒng)默認(rèn)生成，也支持用戶以滿足變量命名規(guī)范的方式自定義變量3）【激活網(wǎng)頁】組件①功能利用【激活網(wǎng)頁】組件可以將一個已打開網(wǎng)頁所在的瀏覽器切換到Windows桌面的最前面，并且在瀏覽器內(nèi)激活該網(wǎng)頁。②位置與語句【激活網(wǎng)頁】組件的位置與語句如表6-5所示。表6-5【激活網(wǎng)頁】組件的位置與語句位置語句③屬性與說明【激活網(wǎng)頁】組件的屬性與說明如表6-6所示。表6-6【激活網(wǎng)頁】組件的屬性與說明屬性當(dāng)前值說明輸入激活已打開的瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面4）【最大化網(wǎng)頁】組件①功能利用【最大化網(wǎng)頁】組件可以將一個已打開網(wǎng)頁所在的瀏覽器切換到Windows桌面的最前面，并且在瀏覽器中將該網(wǎng)頁最大化。②位置與語句【最大化網(wǎng)頁】組件的位置與語句如表6-7所示。表6-7【最大化網(wǎng)頁】組件的位置與語句位置語句③屬性與說明【最大化網(wǎng)頁】組件的屬性與說明如表6-8所示。表6-8【最大化網(wǎng)頁】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面5）【滾動頁面】組件①功能利用【滾動頁面】組件可以將Chrome、Edge、IE瀏覽器中的網(wǎng)頁向左、向右、向下、向上滾動指定像素的距離。②位置與語句【滾動頁面】組件的位置與語句如表6-9所示。表6-9【滾動頁面】組件的位置與語句位置語句③屬性與說明【滾動頁面】組件的屬性與說明如表6-10所示。表6-10【滾動頁面】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面橫向滾動向右默認(rèn)向右橫向滾動，還可以設(shè)置為向左橫向滾動向右滾動距離（像素）—默認(rèn)值為0像素，用于設(shè)置向右滾動的距離縱向滾動向下默認(rèn)向下縱向滾動，還可以設(shè)置為向上縱向滾動向下滾動距離（像素）—默認(rèn)值為0像素，用于設(shè)置向下滾動的距離6）【頁面控件滾動到可視區(qū)域（網(wǎng)頁）】組件①功能利用【頁面控件滾動到可視區(qū)域（網(wǎng)頁）】組件可以通過使指定控件可視的方式，將Chrome、Edge、IE瀏覽器中的指定網(wǎng)頁滾動到指定位置。②位置與語句【頁面控件滾動到可視區(qū)域（網(wǎng)頁）】組件的位置與語句如表6-11所示。

表6-11【頁面控件滾動到可視區(qū)域（網(wǎng)頁）】組件的位置與語句位置語句③屬性與說明【頁面控件滾動到可視區(qū)域（網(wǎng)頁）】組件的屬性與說明如表6-12所示。表6-12【頁面控件滾動到可視區(qū)域（網(wǎng)頁）】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面目標(biāo)控件—在下拉列表中選擇或直接捕捉（參考捕捉控件）一個需要滾動到指定位置的控件，代表要操作的目標(biāo)控件7）【網(wǎng)頁截圖】組件①功能利用【網(wǎng)頁截圖】組件可以對Chrome、Edge、IE瀏覽器中的指定網(wǎng)頁進(jìn)行截圖。②位置與語句【網(wǎng)頁截圖】組件的位置與語句如表6-13所示。表6-13【網(wǎng)頁截圖】組件的位置與語句位置語句③屬性與說明【網(wǎng)頁截圖】組件的屬性與說明如表6-14所示。表6-14【網(wǎng)頁截圖】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面圖片保存至—支持通過選擇或創(chuàng)建變量、在文本框中直接輸入、單擊文件夾選擇路徑等方式輸入截圖文件的存儲路徑

續(xù)表屬性當(dāng)前值說明輸入圖片名*.jpg通過選擇或創(chuàng)建變量、在文本框中直接輸入等方式輸入希望截圖文件保存為的名稱和格式，如“截圖1.jpg”是否增加文件名后綴否如果選擇“是”單選按鈕，則會增加日期時間格式后綴，如保存的截圖文件名會由“截圖1.jpg”變?yōu)椤敖貓D1_202208081448.jpg”輸出圖片文件路徑v_web_image_path_1（默認(rèn)）以變量的形式保存截圖文件的存儲路徑，變量名稱由系統(tǒng)默認(rèn)生成，也支持用戶以滿足變量命名規(guī)范的方式自定義變量8）【關(guān)閉網(wǎng)頁】組件①功能利用【關(guān)閉網(wǎng)頁】組件可以關(guān)閉Chrome、Edge、IE瀏覽器中的指定網(wǎng)頁。②位置與語句【關(guān)閉網(wǎng)頁】組件的位置與語句如表6-15所示。表6-15【關(guān)閉網(wǎng)頁】組件的位置與語句位置語句③屬性與說明【關(guān)閉網(wǎng)頁】組件的屬性與說明如表6-16所示。表6-16【關(guān)閉網(wǎng)頁】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面9）【填寫輸入框（網(wǎng)頁）】組件①功能利用【填寫輸入框（網(wǎng)頁）】組件可以在Chrome、Edge、IE瀏覽器的指定網(wǎng)頁的指定輸入框中輸入內(nèi)容。②位置與語句【填寫輸入框（網(wǎng)頁）】組件的位置與語句如表6-17所示。

表6-17【填寫輸入框（網(wǎng)頁）】組件的位置與語句位置語句③屬性與說明【填寫輸入框（網(wǎng)頁）】組件的屬性與說明如表6-18所示。表6-18【填寫輸入框（網(wǎng)頁）】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1目標(biāo)控件捕捉控件在下拉列表中選擇或直接捕捉一個輸入控件，代表要操作的目標(biāo)輸入控件輸入類型文本可以根據(jù)需要選擇“文本”或“快捷鍵”單選按鈕，默認(rèn)選擇“文本”單選按鈕輸入內(nèi)容—通過選擇或創(chuàng)建變量、在文本框中直接輸入等方式填寫要輸入的內(nèi)容輸入方式覆蓋輸入可以根據(jù)需要選擇“覆蓋輸入”或“追加輸入”單選按鈕。如果選擇“覆蓋輸入”單選按鈕，則表示新輸入的內(nèi)容會對該輸入框中原有的內(nèi)容進(jìn)行覆蓋；如果選擇“追加輸入”單選按鈕，則表示新輸入的內(nèi)容會在該輸入框中原有的內(nèi)容的基礎(chǔ)上進(jìn)行追加。默認(rèn)選擇“追加輸入”單選按鈕10）【點擊控件（網(wǎng)頁）】組件①功能利用【點擊控件（網(wǎng)頁）】組件可以點擊Chrome、Edge、IE瀏覽器指定頁面中的指定控件。②位置與語句【點擊控件（網(wǎng)頁）】組件的位置與語句如表6-19所示。表6-19【點擊控件（網(wǎng)頁）】組件的位置與語句位置語句③屬性與說明【點擊控件（網(wǎng)頁）】組件的屬性與說明如表6-20所示。表6-20【點擊控件（網(wǎng)頁）】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1目標(biāo)控件捕捉控件在下拉列表中選擇或直接捕捉一個輸入控件，代表要操作的目標(biāo)輸入控件基準(zhǔn)位置相對控件中心點選擇偏移量坐標(biāo)基準(zhǔn)位置，默認(rèn)選擇“相對控件中心點”選項，也可以選擇“相對控件左上角”選項點擊方式左鍵單擊支持左鍵單擊、左鍵雙擊、右鍵單擊共3種點擊方式模擬點擊是設(shè)置是否模擬點擊操作11）【元素拖拽（網(wǎng)頁）】組件①功能利用【元素拖拽（網(wǎng)頁）】組件可以在Chrome、Edge、IE瀏覽器的指定頁面中拖曳指定元素（控件）。②位置與語句【元素拖拽（網(wǎng)頁）】組件的位置與語句如表6-21所示。表6-21【元素拖拽（網(wǎng)頁）】組件的位置與語句位置語句③屬性與說明【元素拖拽（網(wǎng)頁）】組件的屬性與說明如表6-22所示。表6-22【元素拖拽（網(wǎng)頁）】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面目標(biāo)控件捕捉控件在下拉列表中選擇或直接捕捉一個目標(biāo)控件，代表要操作的目標(biāo)元素（控件）速度模式勻速支持兩種拖曳模式：勻速拖動、模擬人工拖動（速度非勻速）橫向拖拽距離—需要橫向拖曳的像素距離，正數(shù)為向右拖曳的距離，負(fù)數(shù)為向左拖曳的距離縱向拖拽距離—需要縱向拖曳的像素距離，正數(shù)為向下拖曳的距離，負(fù)數(shù)為向上拖曳的距離④應(yīng)用示例自動登錄京東全球購物網(wǎng)站，具體流程如圖6-2所示。圖6-2【元素拖拽（網(wǎng)頁）】組件應(yīng)用示例的具體流程（1）利用【打開新網(wǎng)頁】組件，打開Chrome瀏覽器，訪問京東全球購物網(wǎng)站。（2）利用【點擊控件（網(wǎng)頁）】組件模擬單擊“你好，請登錄”超鏈接。此時默認(rèn)的登錄方式為“密碼登錄”。（3）利用【填寫輸入框（網(wǎng)頁）】組件填寫登錄用戶名和登錄密碼。（4）利用【點擊控件（網(wǎng)頁）】組件模擬單擊“登錄”按鈕。（5）執(zhí)行結(jié)果：在成功執(zhí)行上述流程后，首先打開Chrome瀏覽器并訪問京東全球購物網(wǎng)站，然后單擊“你好，請登錄”超鏈接，進(jìn)入登錄頁面，再填寫登錄用戶名和登錄密碼并單擊“登錄”按鈕，最后將滑塊橫向移動至指定位置，如圖6-3所示。圖6-3【元素拖拽（網(wǎng)頁）】應(yīng)用示例流程的執(zhí)行結(jié)果12）【上傳文件（網(wǎng)頁）】組件①功能利用【上傳文件（網(wǎng)頁）】組件可以在Chrome、Edge、IE瀏覽器的指定網(wǎng)頁中，通過單擊上傳文件按鈕，自動上傳指定的文件。②位置與語句【上傳文件（網(wǎng)頁）】組件的位置與語句如表6-23所示。表6-23【上傳文件（網(wǎng)頁）】組件的位置與語句位置語句③屬性與說明【上傳文件（網(wǎng)頁）】組件的屬性與說明如表6-24所示。表6-24【上傳文件（網(wǎng)頁）】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面目標(biāo)控件捕捉控件在下拉列表中選擇或直接捕捉一個目標(biāo)控件，代表要操作的目標(biāo)控件上傳文件的本地路徑設(shè)置路徑變量通過選擇或創(chuàng)建變量、在文本框中直接輸入等方式填寫待上傳文件的本地存儲路徑，該路徑的各級目錄需要使用“\\”符號隔開④應(yīng)用示例在指定網(wǎng)頁中自動上傳文件，具體流程如圖6-4所示。圖6-4【上傳文件（網(wǎng)頁）】組件應(yīng)用示例的具體流程（1）利用【獲取已打開網(wǎng)頁】組件打開“百度網(wǎng)盤”網(wǎng)頁或其他可上傳文件的網(wǎng)頁。（2）利用【上傳文件（網(wǎng)頁）】組件上傳指定的文件。執(zhí)行結(jié)果：在成功執(zhí)行上述流程后，會在Chrome瀏覽器的指定頁面中自動上傳指定的文件。13）【下載文件（網(wǎng)頁）】組件①功能利用【下載文件（網(wǎng)頁）】組件可以在Chrome、Edge、IE瀏覽器的指定頁面中，通過單擊下載文件按鈕，自動下載指定的文件。②位置與語句【下載文件（網(wǎng)頁）】組件的位置與語句如表6-25所示。表6-25【下載文件（網(wǎng)頁）】組件的位置與語句位置語句③屬性與說明【下載文件（網(wǎng)頁）】組件的屬性與說明如表6-26所示。表6-26【下載文件（網(wǎng)頁）】組件的屬性與說明屬性當(dāng)前值說明輸入已打開瀏覽器對象v_web_obj_1在下拉列表中選擇一個相關(guān)前置組件（如【打開新網(wǎng)頁】組件、【獲取已打開的網(wǎng)頁】組件）中輸出的瀏覽器對象，代表要操作的目標(biāo)瀏覽器頁面目標(biāo)下載控件捕捉控件在下拉列表中選擇或直接捕捉一個目標(biāo)控件，代表要操作的目標(biāo)控件保存下載文件路徑—支持通過選擇或創(chuàng)建變量、在文本框中直接輸入等方式填寫待下載文件的存儲路徑，以及通過單擊瀏覽文件夾選擇待下載文件的存儲路徑保存文件名稱*.docx支持通過選擇或創(chuàng)建變量、在文本框中直接輸入等方式填寫保存文件的名稱是否增加文件名后綴否默認(rèn)選擇“否”單選按鈕，如果選擇“是”單選按鈕，則可以在文件名后額外添加日期時間或日期的后綴等待文件下載完成是選擇是否等待文件下載完成輸出下載文件路徑v_file_path_1（默認(rèn)）④應(yīng)用示例在指定網(wǎng)頁中自動下載文件，具體流程如圖6-5所示。圖6-5【下載文件（網(wǎng)頁）】組件應(yīng)用