第1359回-Trello 密技-把看板變成電子書- 雄哥修改版

-
在第1357回我講到，如何用 GitHub 的程式，把 Trello 看板內容轉換成 html 網頁，最後列印成PDF電子書來保存與觀看。

這一回講的是我和雄哥花了約五個小時改良 connie-clark 的 GitHub 專案的歷程與成果。


我們使用 GitHub - connie-clark/print-trello 後，覺得可以改良的是：

  •  json 轉換成 HTML 後，我發現卡片中的超連結網址，變成無法直接點選連到外部網頁
  • 以卡片附件形式記錄的網址，沒有被轉換出來
  • 以卡片附件形式記錄的照片，沒有被轉換出來
  • 我自己輸入在 comments 的文字換行ok，但從電子公文系統和縣網php網路公告上複製貼過來的文句，有的有換行，有的沒有換行。 
  • 我測試 comments 中有 url 的話，能不能被點選？ 結果是不行的
  • 在描述 description中的超連結文字，不能被點
  • 在 pref.js 中添加選項的中文說明
我和雄哥用臉書的私訊來來回回修改與測試了兩天，昨晚終於完成囉！

把 Trello 看板變成 PDF 電子書，流程如下：

  1. 在瀏覽器中打開一個你的 Trello 看板，從右邊選單中，點選「更多」，點選「列印與匯出」、點選「以JSON格式匯出」
  2. 接著你會看到一堆亂七八糟的文字碼，按鍵盤組合鍵 Ctrl + A 全選，Ctrl + C 複製
  3. 在瀏覽器的新分頁中開啟雄哥修改過的程式 Print Trello Lists/Cards
  4. 在文字方塊中，按鍵盤組合件 Ctrl + V 貼上，然後按下「READY」按鈕
  5. 根據你的個人偏好，在 step 2 中打勾或取消，如果懶得改就直接按最下面的「Save Preferences & Create the Report」即可
  6. 在瀏覽器中選擇列印，調整紙張大小、邊界與縮放比例等，列印成 PDF 
  7. 大功告成囉！

留言

張貼留言

這個網誌中的熱門文章

第1918回-師師有法寶-4-雄-筆順練習-南一-康軒-翰林-國小國語- QR Code 大合集

-
圖片
雄筆順練習 QR code 南一-康軒-翰林-國小國語 112學年下學期 112下 南一 國語生字 QR Code 雄筆順練習 Google 簡報 、 PDF 112下 翰林 國語生字 QR Code 雄筆順練習 Google 簡報 、 PDF 112下 康軒 國語生字 QR Code 雄筆順練習 Google 簡報 、 PDF 112學年上學期 TPET-生生用平板-師師有法寶-筆順QRCode-南一國語112上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-翰林國語112上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-康軒國語112上-分享用 111學年 TPET-生生用平板-師師有法寶-筆順QRCode-南一國語111上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-南一國語111下-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-康軒國語111上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-康軒國語111下-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-翰林國語111上-分享用 TPET-生生用平板-師師有法寶-筆順QRCode-翰林國語111下-分享用 前情提要 第1913回-師師有法寶-1-QrCode 三分鐘 第1916回-師師有法寶-2-如何製作QR Code？以生字筆順為例 第1917回-師師有法寶-3-雄-筆順練習- 三分鐘內秀出 QR Code 給學生掃 本回開始 製作歷程 (以下內有興趣再看即可，祝您備課愉快！) 20221120 第1913回-師師有法寶-1-QrCode 三分鐘 20230222 第1916回-師師有法寶-2-如何製作QR Code？以生字筆順為例 20230223 第1917回-師師有法寶-3-雄-筆順練習- 三分鐘內秀出 QR Code 給學生掃 晚上雄哥做出 QR Code 快速產生器，我超級興奮的！ 20230224 週五我用 TPET-生生用平板-師師有法寶-筆順QRCode樣版 試著做做看南一國小國語一二年級下學期每一個的生字，順利完成。 20230225 和范范老師用 TPET-生生用平板-師師有法寶-筆順QRCode樣版 來練習做康軒版國小國語二年級的生字筆順練習 QR Code，原本預計十分鐘做完，做完發現是100分
閱讀完整內容

第1670回-自主學習-如何印出中英對照的 TED 演講逐字稿

-
圖片
昨天在做 第1669回-我家私塾-英文單字-部件組合 時，我發現兒子很多中文字不太會寫，我覺得可能的原因是：平常中文字寫太少。我想要求他每天抄寫100個中文字，可是要抄什麼呢？ 兒子平常不太看書，這兩三個月來我放棄要求他多看書，改成看電影，而且最好是外語發音的影片，這樣他就非得閱讀字幕不可了。我家有訂 MOD 電影199，所以影片資源不是問題。兒子覺得若是英語發音的電影，最好是有中英文字幕並列，這樣還可同時增進英語的語感。 基於上述兩點，若要每天抄寫100個中文字，我第一個想到的是  TED  的演講影片。首先找到他有興趣的影片，在看過影片後，我把  TED  演講影片的逐字稿印出來給兒子看，他閱讀時用螢光筆標注他覺得值得抄寫的句子，然後每天抄一百個字。也許也可以中英文都抄，哈！可能我太貪心了。 好，所以現在問題縮小為：如何印出中英對照的 TED 演講逐字稿？ 如何找到有中文逐字稿的 TED 演講影片？ 我幫各位準備好這個連結： 有中文逐字稿的 TED 演講影片列表 ， 有中文字幕，且以觀看人次排列。 如何印出 中文的 TED 演講逐字稿？ 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 ，我挑選了  Colm Kelleher: What is Zeno's Dichotomy Paradox? | TED Talk  這部影片，點一下在影片下方的「Transcript」，選擇「中文繁體」，然後您就可以取得中文的 TED 演講逐字稿了！ 您還可以複製貼上到文書處理器中調整一下排版，這樣閱讀起來會更舒適。 如何印出 英文的 TED 演講逐字稿？ 同上述的方法，點一下在影片下方的「Transcript」，選擇「English」即可 如何印出 中英對照 的 TED 演講逐字稿？ 這裡是本篇網誌的重點喔！ 1. 其實你已經有中英對照的 TED 演講逐字稿了 怎麼說呢？啊既然你已經把 中文的 TED 演講逐字稿印在一張A4紙上，也把 英文的  TED 演講逐字稿印在一張A4紙上，把兩張紙擺在桌上，不就是 中英對照 了嗎？ 2. 我想要的是「逐段並列」的中英對照 逐字稿 例如，我瀏覽  有中文逐字稿的 TED 演講影片列表 我挑選了  Colm Kelleher: What is Zen
閱讀完整內容

第1804回- Google 文件如何一次看兩頁？

-
圖片
今天在使用 Google 文件跟學生共同創作一個用餐禮儀短劇的劇本時，編寫到差不多的時候，想要一次展示兩頁給學生看，但發現 Google 文件在現階段沒有這個功能。 在 Google 文件中一次只能看一頁，真不方便！有沒有可能兩頁左右並排來觀看文件呢？ 下班回家吃過晚餐、飯後散步時又想起這件事，回家後打開 Chromebook 上網查了一下資料，有找到一個方法，可以讓 Google 文件 像電腦的文書處理軟體或是PDF檢視器那樣，可以兩頁並排顯示。 我是用關鍵字  2-page view in google docs - Google 搜尋  找到這篇 2-page view in Google Docs (Example)  但我看不懂要怎麼使用這一串指令？ 不死心又繼續找，找到這篇， view 2 pages at once in google docs. ，在註解中有提到： Use this JS in your google doc browser console，我就根據這個線索，在 Chrome 瀏覽器右上方三個點那邊選「更多工具」，然後選「開發人員工具」，點一下「Console」然後把以下這一串指令複製貼上： // Use this JS in your google doc browser console // Courtesy https://coderwall.com/p/qvdxia/2-page-view-in-google-docs (function(d, t, z, s) {     s = d.createElement(t);     s.innerHTML = z + '-outer{left:0px !important;}' + z + '-outer,' + z + '-inner{width:100% !important;}.kix-page{float:left; width:48% !important;}';     d.getElementsByTagName(t)[0].parentNode.appendChild(s); })(document, 'style', '.kix-zoomdocumentplugin'); 複製貼上後
閱讀完整內容