Introduction of Python Tutor (in Chinese) by a TFG student in 2022.

1. Python Tutor
基礎介紹
一年射班 20號 張芳瑜

2. 目錄
1. 功能簡介
2. 優點介紹
3. 缺點介紹
4. 使用動機
5. 同學介紹

3. 功能簡介
1. 選擇使用的程式語言(Python,
JavaScript, C, C++,Java)
2.開始編輯程式碼
3.按下「Visualize Execution」(使執行過程
可視化)
4.即可看到程式如何運作
線上網站
類型 使用說明
免費
費用
程式視覺化工具
用途

4. 實際操作
選擇使用的程式語言
(Python Javascript C C++ Java)

5. 實際操作
選擇使用語言的版本
Python 3.6
Python 2.7 [obsolete]
C(gcc 9.3, C++20 +GNU)
Java 8
JavaScript ES6
編譯程式碼區域
按下Visualize Execution(使
執行過程可視化)

6. 實際操作
若程式有輸入指令要在此處輸入
選擇要看的步數
First : 跳至第一步 Next : 下一步
Prev : 前一步 Last : 跳至最後一步
直接拖動滑桿
實際執行產生結
果
可將執行結果放大
可視化結果

7. 1. 免費
優點介紹
2. 無須安裝，無須註冊，即
可線上使用
3. 可將程式碼視覺化(將程
式碼每一步驟的結果都顯示
出來)，幫助程式設計者了解
程式碼的運作情形
4. 可以產生程式碼解說的專
屬網址，下次可直接使用
5. 清楚呈現程式碼運作後的
結果、解說、運作總步驟數
6. 若程式碼有誤，會一步一
步提醒修正，不會一次看到
一大串「error」

8. 實際操作
第4點 :
將葉面滑到最下方，點選Generate
permanent link即可產生專屬網址

9. 1. 全英文(痛苦)!!
缺點介紹
2. 若程式碼過多，會需要跑
很久
3. 容易養成依賴性造成邏輯
思考能力變差，之後寫程式
會覺得卡卡的
4. 許多套件都不支援，C
C++ Java JavaScript甚至不
支援使用者輸入

10. 實際操作
第4點舉例 :
Python tutor不支援
Python 中的套件
sys

11. 使用動機
開始接觸Python時，雖然起初容易理解；但後來越發覺得困
難。上網查詢相關資訊後，發現了這個好用的網站。不僅免註
冊、還可以分析程式每一步的運作。後來學校開始教C++後，
我使用這個網站的頻率越來越高。但隨著Python學得越深入
，我也發現許多套件都不支援。舉例來說，Python讀寫及連續
輸入十分好用的套件sys，Python Totor即不支援。不僅如此，
許多語言連最基本的輸入Python也不支援。使用到現在還是
很好用(因為只要把輸入的部分更改為實際數字或字串、字元
即可)。因此將其介紹給同學，希望同學能更加理解程式語言
的運作及執行。

12. 實際操作
使用原因 :
資訊課時，印出星星的程式碼
我一直沒有想懂，因此貼上來
看其執行
經由觀察a、b、c的變化，我更
能了解成是如何運作。

13. 實際操作
可清楚看見a、b、c
與星星的變化

14. 我印象最深刻的工具是slidesgo。因為這個資訊工具真的特別
容易用到。slidesgo是一個有各種模板的線上網站，上高中之後
，報告越來越多，有了它就可以快速找到許多好看的免費模板。
雖然它有一些模板需要付費使用，但還是有很多免費的模板可
以選擇。我使用它的頻率非常高，而且目前沒有遇到任何使用
上的不便。而且使用它可以依據不同主題查詢相對應的模板，
直接下載進行編輯，真的十分便利。(P.S.這則簡報的模板就是在
slidesgo上找的噢~)
同學介紹

15. 1. Python Tutor 網址 : https://pythontutor.com
2. Python Tutor 各種語言 相關規範 :
https://docs.google.com/document/d/13_Bc-l2FKMgwPx4dZb0sv7eMfYMHhRVgBRShha8
kgbU/edit#heading=h.xsw90kyed9ct
3. 使用過程範例網址 :
https://pythontutor.com/render.html#code=%23include%20%3Ciostream%3E%0A%0A%0Au
sing%20namespace%20std%3B%0A%0Aint%20main%28%29%7B%0A%0A%20%20%20%20i
nt%20a%3D0,%20b%3D0,%20c%3D0%3B%0A%0A%20%20%20%20for%20%28a%3D0%3B%2
0a%3C5%3B%20a%2B%2B%29%7B%0A%0A%20%20%20%20%20%20%20%20for%28b%3D0
%3B%20b%3C4-a%3B%20b%2B%2B%29cout%3C%3C%22%20%22%3B%0A%0A%20%20%20
%20%20%20%20%20for%28c%3D0%3B%20c%3C2*a%2B1%3B%20c%2B%2B%29cout%3C%
3C%22*%22%3B%0A%0A%20%20%20%20%20%20%20%20cout%3C%3Cendl%3B%0A%0A%
20%20%20%20%7D%0A%0A%20%20%20%20%20return%200%3B%0A%0A%7D&cumulative=
false&curInstr=24&heapPrimitives=nevernest&mode=display&origin=opt-frontend.js&py=cp
p_g%2B%2B9.3.0&rawInputLstJSON=%5B%5D&textReferences=false
網站網址