บทความนี้พูดเกี่ยวกับตัวช่วยสำหรับ การทำงาน step by step ของ CODE ที่เราเขียนด้วยเว็บ visualization python (ปล.Step Sister ตั้งเล่นเฉยๆ 555)
ข้อดี — เหมาะสำหรับการดูการทำงานของ code แบบตรรกศาสตร์ทดสอบเงื่อนไข เป็นไปแบบที่เราคิดหรือไม่ หรือบัคบางตัวที่ทำให้รู้ว่าเจอ error ที่ขั้นตอนไหน
ข้อเสีย — ไม่เหมาะสำหรับ การทำงานของ code ที่มีการดึงค่าต่างๆจากไฟล์อื่นมาใช้ หรือ import module บางตัวไม่สามารถใช้งานในนี้ได้
มาเริ่มกันเลย (code pyramid)
- เข้าเว็บนี้ ->>https://pythontutor.com/visualize.html#mode=edit
- นำ Code นี้ไปวาง เพื่อจะได้ง่ายต่อการอธิบาย
rows = int(input("Enter number of rows: "))
k = 0
for i in range(1, rows+1):
for space in range(1, (rows-i)+1):
print(end=" ")
while k!=(2*i-1):
print("* ", end="")
k += 1
k = 0
print()
3.ทำตามภาพ โดยเลือก python 3.6 , วาง code ,กด Visualize Execution
4. ระบุค่าจากแป้นพิมพ์ แล้วกด Submit
5. เริ่มการทำงาน step by step ดังนี้
5.1- ลูกศรสีเขียว คือ อยู่ใน process ปัจจุบัน -ลูกศรสีแดง คือ process ถัดไปต้องไปบรรทัดไหน
5.2 ปุ่มสำหรับไปขั้นตอนถัดไป หรือ กดดูขั้นตอนย้อนหลัง
5.3 สถานะบอกถึงตอนนี้อยู่ใน process ที่เท่าไหร่ จาก processทั้งหมด
5.4 ช่องที่บอก input อะไรไป และ ส่ง output อะไรกลับมาบ้าง
5.5 ช่องที่อธิบายตัวแปรต่างๆที่เราสร้างขึ้น แล้วตัวแปรนั้น เก็บค่าอะไรบ้าง
5.6 จบการทำงาน หรือออกมาแก้ไข code
6.ผลลัพธ์ที่ได้