10 กุมภาพันธ์ 2558

รู้จักกับเจ้า Block Editoe

Open The Block Editor

     หลังจากทำการพัฒนา และออกแบบ Application แล้ว จะต้องทำการเปิด Block Editor เพื่อกำหนดคำสั่งลงไปใน Application แสดงขั้นตอนตามรูป


กด Open the Blocks Editor(อยู่ด้านขวาบนนะครับ)


ตรงมุมด้านล่างซ้ายจะขึ้นแบบนี้นะครับ ให้กด Keep ครับ


พอโหลดเสร็จมันจะเป็นหน้าตาประมาณนี้นะครับ กดที่ AppInventorForAnd.....jnlp ได้เลย(ไม่ต้องกดที่ตัวสามเหลี่ยมตัวเล็กนะครับ)


แล้วจะขึ้นหน้าตาประมาณนี้ครับ(JAVA มาแล้ว)


แล้วก็แบบนี้ต่อครับไม่ต้องกดอะไร แค่รอ(ใช้ระยะเวลาไม่นานนะครับ)


แล้วก็แบบนี้ต่อครับ กด RUN ได้เลยครับ(บางเครื่องอาจจะให้ ติ๊ก I Accept นะครับ)


มาแล้วครับตัว Block Editor เอาไว้เขียนโค้ด

        ทำความรู้จักกับส่วนประกอบของ Block Editor กันก่อนนะครับ


    • Tab A คือ ส่วนที่แสดงชื่อโปรเจ็คที่เรากำลังพัฒนา เช่น Project1-Screen1 คือ ชื่อ Project1 ที่เรากำลังพัฒนาและอยู่ในหน้าของ Screen1 (ในหนึ่งโปรเจ็คของเราอาจจะมีหลายสกรีนหรือหลายหน้าแล้วแต่การออกแบบครับ)
    • Tab B คือ ปุ่ม Save, Undo, Redo คือ อันไม่ขออธิบายครับ(มันจะ Save อัติโนมัติ ครับ)
    • Tab C คือ ส่วน Block รูแบบของ Block เพื่อใช้ในการออกแบบคำสั่ง(เดี๋ยวจะอธิบายอีกทีนะครับ สำหรับส่วนนี้)
    • Tab D คือ ปุ่ม New Emulator ใช้สำหรับจำลองหน้าจอของสมาร์ทโฟน หรือTablet ครับ เอาไว้จำลองว่าโปรเจ็คที่เราสร้างทำงานได้อย่างที่เขียนหรือไม่(ส่วนนี้เจ้าของ Blog ไม่นิยมใช้ครับ ช้ามาก นิยม Pack เป็น .APK แล้วรันในสมาร์ทโฟน หรือTablet)
    • Tab E คือ Conection To Device เอาไว้สังเกตตอนโหลด Block Editor ครับและอื่นๆ เดี๋ยวจะอธิบายภายหลัง


ถ้าขึ้นอักษรแบบนี้ มันกำลังโหลดไฟล์ทั้งหมดที่เราสร้างมาไว้ใน Block Editor ครับ ถ้าไฟล์ที่เราสร้างมีขนาดใหญ่มันก็จะโหลดช้าครับ ถ้าไฟล์ที่เราสร้างมีขนาดเล็กก็จะโหลดเร็วครับ และตามความเร็วของคอมพิวเตอร์และอินเตอร์เน็ต ด้วยนะครับ
    • Tab F คือ Zoom ลักษณะการทำงานก็ตามชื่อครับเอาไว้ซูม เข้า-ออก เอาไว้สำหรับ ดูโค้ดที่เราเขียน(ทำไปแล้วจะรู้เองนะครับว่าใช้ยังไง)
    • Tab G ส่วนของ Work Space พื้นที่การทำงานสำหรับลาก Block มาวางตามรูปแบบการออกคำสั่ง
    • Tab H คือ Recycle Bin คือ ถังขยะครับ ไม่ต้องบอกนะครับว่าเอาไว้ทำอะไร ถ้าจะลบตัวไหน ลากมาวางในถงขยะได้เลย 

แล้วจะออกแบบยังไงต่อ


พอโหลดเสร็จจะขึ้นหน้าตาประมาณนี้ครับ(ยังไม่มีโค้ด ใดๆ ครับ)


ไม่มีความคิดเห็น:

แสดงความคิดเห็น

like

ME