รวมปัญหาที่เกิดกับเจ้า App Inventor

รวมปัญหาที่เกิดกับเจ้า App Inventor

รวบรวมปัญหา และวิธีการแก้ปัญหา เกี่ยวกับ App Inventor ครับ(จากประสบการณ์ครับ)

      ต้องรู้หลักการทำงานก่อนนะครับ ว่า App Inventor ทำงานยังไง มีส่วนไหนบ้างที่เกี่ยวข้อง ขั้นตอนการติดตั้งแบบ Online และ Offline ถูกต้องนะครับ Java สำคัญมาก อื่นๆ อีกมากมาย

1. ปัญหาที่เกิดขึ้นกับ App Inventor แบบ Offline

• เปิดไฟล์ launch-buildserver หรือ  launch-buildserver 32 ที่อยู่ใน foder ที่มีชื่อว่า BuildServer แล้วไฟล์ดอสหน้าจอดำๆ รันได้แป็บเดี่ยวแล้วหายไป (คือปรกติแล้วพอกด ไฟล์สคริบจะรันจดเสร็จ) 
• เปิดไฟล์ที่สอง ชื่อว่า startAI จะอยู่ใน foder ที่มีชื่อว่า AppEngine ให้รอจนกว่า ไฟล์สคริปจะทำงานเสร็จ จนหยุดนิ่ง (ย้ำนะครับ ว่ารอจนกว่า ไฟล์สคริปจะทำงานเสร็จ จนหยุดนิ่ง)(พอเสร็จแล้วห้ามกดปิดนะครับ ให้ย่อไว้ด้านล่าง)
• จากที่เคยลองทำมา ไฟล์ launch-buildserver หรือ  launch-buildserver 32 ขึ้นมาแป็บเดียวแล้วหายไปก้อยังสามารถ สร้าง App Inventor แบบ Offline ได้อยู่นะครับ แต่ไฟล์ startAI รอจนกว่า ไฟล์สคริปจะทำงานเสร็จ จนหยุดนิ่ง แล้วให้ย่อหน้าต่างไว้ด้านล่างนะครับ
• Google Chrome อัพเดท Versions บ่อยๆ นะครับ
• แนะนำให้ใช้ Google Chrome นะครับ  เพราะ App Inventor เป็นของ Google + MIT ครับ
• ในช่องของ URL ให้พิมพ์ http://localhost:8888 แล้วกด Enter พอกดแล้วมันจะขึ้นแบบนี้นะครับ(ขึ้นแค่ localhost:8888 ส่วน http:// จะหายไปครับ)

•  ในช่อง Log In จะกรอก อีเมลล์จริงหรือเอาตามนี้ก็ได้นะครับ (E-mail ต้องเป็นของ Gmail เท่านั้นนะครับ แต่การทำแบบ Offline ไม่จำเป็นต้องกรอกอีเมลล์จริงครับ ไม่มีผล)

2. ปัญหาที่เกิดขึ้นกับ App Inventor แบบ Online

• ตัวอย่างปัญหาที่เกิดขึ้นกับ App Inventor แบบ Online คือ Open The Block Editor ไม่ได้ ทั้งนี้เพราะปัญหาอาจจะเกิด ตัว JAVA ของเราครับ  การทำงานของ Block Editor เป็นดังนี้ครับ

กด Open the Blocks Editor

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

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

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

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

แล้วก็แบบนี้ต่อครับ กด RUN ได้เลยครับ

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

**** ถ้าไม่เป็นไปตามนี้ก็น่าจะเกิดปัญหานะครับ อาจจะเกิดจาก ตัว JAVA หรือ Web Browser ลองดูว่าคอมพิวเตอร์ มีเจ้า Baidu ถ้ามีให้ Uninstall ออกทั้งตระกูล เลยนะครับ
  

**** อัพเดท java ให้เป็น Version ที่สูงกว่าครับ 
         Link เดียวช่วยได้ทุกอย่างครับ (แปลภาษาเอาเองนะครับ) 
         Link: http://beta.appinventor.mit.edu/learn/troubleshooting.html

""มีปัญหาอะไร Comment ไว้ด้านล่างนะครับ เดี๋ยวตอบให้""

App Inventor (Off line) จําลองเซิฟเวอร์

ขั้นตอนการติดตั้ง App Inventor (แบบ Offline นะครับ)

App Inventor (Off line) จําลองเซิฟเวอร์ 

1. ติดตั้ง Java Development Kit (JDK) หรือ Java Runtime Enviroment (JRE) อย่างใดอย่างหนึ่ง ตั้งแต่เวอร์ชั่น 6 ขึ้นไปและควรเลือกให้ตรงกับ Windows ที่ใช้ ที่มีทั้ง 32 bit(x86) และ 64 bit(x64)

• ไฟล์ JDK (Java Development Kit ) สามารถดาวโหลดได้ที่

          http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html

• jdk-7u75-windows-x64.exe for Windows 64(x64) bit
• jdk-7u75-windows-i586.exe for Windows 32(x86) bit

A. ติ๊ก เลือก Accept License Agreement

B. ตรงนี้ให้เลือกนะครับ ระหว่าง (x86)คือ Windows  32 bit และ(x64)Windows  64 bit(วิธีการดูว่า Windows ของเราเป็นแบบ 64(x64) หรือ 32(x86) ให้ Click ขวา ตรง MyComputer แล้วเลือกตรง แท็บ Properties และให้ดูตรง แท็บ system Type ว่าเป็น 32 หรือ 64 นะครับ)

*** ถ้าเลือกลง Java Development Kit (JDK) จะสามารถทำการ Package งาน Application ที่สร้างให้เป็นไฟล์ .apk ได้ทันที

2. ติดตั้ง appinventor setup installer v1.2

Link : http://beta.appinventor.mit.edu/learn/setup/setupwindows.html

3. เมื่อทำการติดตั้ง Software ครบแล้วให้ทำการ Copy Foder V1.4.6 ไว้ที่ใดในเครื่องก้อได้(เมื่อทำการใช้งานแล้วไม่ควรย้ายที่) Foder V1.4.6  สามารถดาวน์โหลดได้ที่

Link : http://sourceforge.net/projects/ai4a-configs/files/V1.4.6/

ภายใน Foder V1.4.6 จะประกอบด้วยไฟล์

4. ขั้นตอนการเข้าใช้งาน

     ให้เปิดไฟล์แรก ชื่อว่า launch-buildserver จะอยู่ใน foder ที่มีชื่อว่า BuildServer (ถ้า Windows เป็นแบบ 32 bit ให้เปิดไฟล์ชื่อ launch-buildserver32 ) เมื่อเปิดไฟล์แล้ว จะปรากฏหน้าต่าง ดังภาพ ให้รอจนกว่าไฟล์สคริปจะทำงานเสร็จ จนขึ้นข้อความว่า Sever running (พอเสร็จแล้วห้ามกดปิดนะครับ ให้ย่อไว้ด้านล่าง)

5. หลังจากนั้น

     ให้เปิดไฟล์ที่สอง ชื่อว่า startAI จะอยู่ใน foder ที่มีชื่อว่า AppEngine จะปรากฏหน้าต่างดังภาพ ให้รอจนกว่า ไฟล์สคริปจะทำงานเสร็จ จนหยุดนิ่ง (พอเสร็จแล้วห้ามกดปิดนะครับ ให้ย่อไว้ด้านล่าง)

****ระหว่างใช้งานโปรแกรม AppInventor ห้ามปิดหน้าต่าง ดอส ทั้งสองหน้าต่างนี้นะครับ และให้ย่อหน้าต่าง (Minimize) ลงไป

6. เปิดโปรแกรม web browser ขึ้นมา แนะนำให้ใช้ Google Chrome

     ที่ตำแหน่ง URL ให้พิมพ์ ้http://localhost:8888 จะปรากฏหน้าต่างเข้าใช้งาน ให้คลิ๊กเลือกที่ Log In เพื่อเข้าใช้งานได้เลย ไม่ต้องใส่อีเมลล์จริงก็ได้(ไม่จำเป็นต้องใส่อีเมลล์จริงนะครับ เพราะมัน offline)

เมื่อ Log In อาจจะเจอหน้าต่างแบบนี้หรือไม่เจอก็ได้นะครับ

ให้กด ตรง ปุ่ม I accept ..... นะครับ แล้วจะเข้าสู่หน้าต่างนี้ นะครับ

กดตรงปุ่ม New ได้เลยครับ เป็นการตั้งชื่อไฟล์โปรเจ็ค

7. ยังไม่จบนะครับ สำหรับแบบ Offline 

     หลังจากที่ได้ทำการติดตั้งโปรแกรม App Inventor จนเสร็จเรียบร้อยแล้ว ขั้นตอนสุดท้าย(ย้ำนะครับว่าขั้นตอนสุดท้ายสำหรับแบบ Offline) คือการเซ็ตค่า Java เพื่อสามารที่จะ Package งานเป็น .apk เอาไปลงใน สมาร์ทโฟนหรือ Tablet ที่เป็น android 

      

     เริ่มกันเลยนะครับ

1. Click ขวา ที่ My Computer เลือก Properties
2. Click แถบ Advanced system setting
1. ตรงแถบ Addvanced ให้ Click ปุ่ม Enviroment Variadles จะปรากฏหน้าต่างขึ้นมาใหม่อีกหนึ่งหน้าต่าง ชื่อของหน้าต่างคือ Enviroment Variadles แล้ว Click ปุ่ม New (ปุ่ม New ด้านล่างนะครับ ตรง Tab system variables) จะปรากฏหน้าต่างมาอีกหนึ่งหน้าต่างครับ ชื่อว่า Edit system variables ตรงช่อง variable Name: ให้ตั้งชื่อว่า JAVA_HOME (ต้องพิมพ์ตัวอักษรพิมพ์ใหญ่ ตามนี้นะครับ มี Underscore คั่นกลางด้วยนะครับ) จากนั้นในช่อง variable Value: .ให้ Copy address path โปรแกรม Java มาใส่ (วิธีการ Copy address path โปรแกรม Java มาใส่ คือ ไปที่ My Computer ไปที่ Drive C ไปที่ Program File ไปที่ Java แล้ว Click foder ที่อยู่ใน foder java นั้นแหละครับ พอ Click เข้าไปแล้ว ก้อทำการ  Copy address ในช่อง address ด้านบนนะครับ จะได้ประมาณนี้นะครับ ---->>>C:\Program Files\Java\jdk1.7.0_71<<<--------ปล. ตัวเลขอาจจะไม่ตรงกันนะครับ แล้วแต่ว่า Java ของท่านจะเป็นรุ่นอะไร ของผมเป็นรุ่น jdk1.7.0_71 นะครับ) เมื่อเราได้  Copy address path มาแล้ว ก็เอามาใส่ตรงช่อง variable Value ได้เลยครับ  จากนั้นกด Ok กด apply เป็นอันเสร็จ พิธีครับ 

3. เมื่อเสร็จทุกอย่างแล้วก็ Restart เครื่องซักครั้งนะครับ
4. เมื่อทำการจัดเตรียมระบบเรียบร้อยแล้ว ต่อไปก็ทำการเข้าสู่ App Inventor ได้โดยไปที่

• เปิดไฟล์ launch-buildserver หรือ launch-buildserver32(เลือกเอาหนึ่งตัวนะครับ ดูว่า Windows ของท่านเป็นกี่ Bit) จะอยู่ใน foder ที่มีชื่อว่า ""BuildServer""
• เปิดไฟล์ที่สอง ชื่อว่า startAI จะอยู่ใน foder ที่มีชื่อว่า AppEngine 
• ******ระหว่างใช้งานโปรแกรม AppInventor ห้ามปิดหน้าต่าง ดอส ทั้งสองหน้าต่างนี้นะครับ และให้ย่อหน้าต่าง (Minimize) ลงไป********
• เปิด Google Chrome ที่ตำแหน่ง URL ให้พิมพ์ ้http://localhost:8888 กด Enter กด Log In เป็นอันเสร็จพิธีครับ