宅學習sls批改器

2017-11-08

前言

由於當助教改作業的流程很繁瑣(我hen懶),所以就寫了一個工具幫助自己簡化流程。

首先,學生會在一個名為宅學習的平臺上撰寫作業,寫完後存檔會得到一個unique的URL,接著將這個URL貼到臉書課程社團的作業繳交貼文之留言處。 然後助教在改作業時,就要點擊留言的網址,切換瀏覽器分頁,看完作業再關閉切換下一個。 所以改一份作業大概是三次點擊,假設修課人數有六十人… 大約就是180次的點擊🙄

正文

作業繳交貼文留言的格式如下

讓我們開啟瀏覽器的開發人員工具來檢視

程式碼如下

<span class="UFICommentBody">
  <a class="" dir="ltr" target="_blank"
   href="https://l.facebook.com/l.php?u=https%3A%2F%2Fsls.weco.net%2Fnode%2F28539&amp;h=ATOzewHOmxTiqORjcKQalUU4Q5Xc4M09fgfLDk7-4-Sf9BvMfqBoHTYK26mHWWKEyjnB8rhkhbF4kMWcAY64HgbYfbv_r5wggX01rVFusbyQ3zTEkl9QBauQ7zYEErTPtwSeRZZDtZf7x3E51A"rel="nofollow"
  >
   https://sls.weco.net/node/28539
  </a>
</span>

我們關注的會是這串連結

https://sls.weco.net/node/28539

而我們先將作業繳交貼文留言的程式碼複製貼上到 data.html的檔案裡,再寫一隻爬蟲parse.py去爬我們要的資訊 <!--more-->

# -*- coding: utf-8 -*-
# parse.py

# function import BeautifulSoup
from bs4 import BeautifulSoup

# genetic import codecs
import codecs

# 讀檔
f = codecs.open("data.html", 'r', 'utf-8')

透過 soup.select('span[class=UFICommentBody] a')會回傳所有class 為 UFICommentBody<span>下的 <a>。由於結果不只一筆,所以回傳的是一個陣列。透過for去走訪它,而我們需要的只有 <a> tag 裡的文字,因此用 .get_text() 去取得文字。


s = ""

for child in soup.select('span[class=UFICommentBody] a'):
    s = s + "\"" + child.get_text() + "\","

print(s)

輸出結果

output

"https://sls.weco.net/node/28888","https://sls.weco.net/node/28889","https://sls.weco.net/node/28890","https://sls.weco.net/node/28874"......

拿到這些連結後,我們只要再透過iFrame就能將所有的作業連結都呈現在同一頁了。

// index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>SLS Prettify</title>

</head>
<body>
  <script language="javascript" type="text/javascript" src="scripts.js"></script>
</body>
</html>
// script.js
var i = 0;
var arr = ["https://sls.weco.net/node/28888","https://sls.weco.net/node/28889","https://sls.weco.net/node/28890","https://sls.weco.net/node/28874","https://sls.weco.net/node/28891","https://sls.weco.net/node/28892","https://sls.weco.net/node/28894","https://sls.weco.net/node/28900","https://sls.weco.net/node/28901","https://sls.weco.net/node/28902","https://sls.weco.net/node/28905","https://sls.weco.net/node/28906","https://sls.weco.net/node/28903","https://sls.weco.net/node/28907","https://sls.weco.net/node/28908","https://sls.weco.net/node/28909","https://sls.weco.net/node/28910","https://sls.weco.net/node/28911","https://sls.weco.net/node/28912","https://sls.weco.net/node/28913","https://sls.weco.net/node/28914","https://sls.weco.net/node/28915","https://sls.weco.net/node/28916","https://sls.weco.net/node/28917","https://sls.weco.net/node/28918","https://sls.weco.net/node/28919","https://sls.weco.net/node/28921","https://sls.weco.net/node/28893","https://sls.weco.net/node/28922","https://sls.weco.net/node/28923","https://sls.weco.net/node/28924","https://sls.weco.net/node/28926","https://sls.weco.net/node/28925","https://sls.weco.net/node/28928","https://sls.weco.net/node/28920","https://sls.weco.net/node/28929","https://sls.weco.net/node/28930","https://sls.weco.net/node/28927","https://sls.weco.net/node/28933","https://sls.weco.net/node/28934","https://sls.weco.net/node/28931","https://sls.weco.net/node/28935","https://sls.weco.net/node/28936","https://sls.weco.net/node/28937","https://sls.weco.net/node/28939","https://sls.weco.net/node/28938","https://sls.weco.net/node/28940","https://sls.weco.net/node/28941","https://sls.weco.net/node/28942","https://sls.weco.net/node/28944","https://sls.weco.net/node/28943","https://sls.weco.net/node/28945","https://sls.weco.net/node/28946","https://sls.weco.net/node/28947","https://sls.weco.net/node/28948","https://sls.weco.net/node/28949","https://sls.weco.net/node/28950","https://sls.weco.net/node/28951","https://sls.weco.net/node/28952","https://sls.weco.net/node/28953","https://sls.weco.net/node/28954","https://sls.weco.net/node/28955","https://sls.weco.net/node/28956","https://sls.weco.net/node/28958","https://sls.weco.net/node/28959","https://sls.weco.net/node/28960","https://sls.weco.net/node/28961",];
while(i<arr.length){
    var Frame = document.createElement("Iframe");
    Frame.src = arr[i];
    Frame.width = "90%";
    Frame.height = "500px";
    document.body.appendChild(Frame);
    i=i+1;
    }

範例網頁

目前流程為:

把複製程式碼貼到data.html => 執行parse.py=>將輸出結果貼到script.js=>打開網頁index.html

但這樣的流程還是有點繁瑣,不過自動化,所以我寫了一個shell script來自動化(執行parse.py=>將輸出結果貼到script.js=>打開網頁index.html)這部分的流程。

#run.sh

#!/bin/bash

#將parse.py 的執行結果輸出到 output.txt中
python3 parse.py > output.txt
#把第二行刪掉
sed -i '' '2d' scripts.js
#在第一行的後面 加入 output.txt 的內容
sed -i '' '1 r output.txt' scripts.js
#開啟瀏覽器
open index.html

簡化後的流程:

把複製程式碼貼到data.html => 執行run.sh

簡化超多的xDDDD

心得

透過這次的寫工具讓我再次體會到偷懶使人進步xDDD,剛好透過這次的機會學會了一點shell script,也體會到自動化的強大,將繁瑣的事情交給電腦吧!

No Comments Yet