การสร้างแบบฟรอมโดยใช้ app Inventor

ขั้นตอนการสร้างแบบฟรอมโดยใช้ app Inventor


    ขั้นตอนแรกให้เราล็อกอินโดย ใช้ Gmail เมื่อล็อกอินเสร็จแล้วก็ให้กด อนุญาติ หลังจากนั้นก็จะเข้าสู่ MIT app lnventer


ให้เราคลิ๊กไปที่ 


เพื่อสร้าง Project และให้เราใส่ชื่อ ที่เราจะตั้ง



ให้เรากดไปที่ Layout เพื่อทำการแบ่งเป็น 2 ฝั่ง ด้านขวา เป็นการกำหมด Columns,Rows



หลังจากนั้นให้เรากด User interface ให้เราเลือก Snipner เพื่อเป็นตัวเลือกคำนำหน้าชื่อ ชาย,หญิง เอาใส่ในช่องด้านขวา ElementsFromString และให้เราเลือกตัวเลือกที่เรากำหนดไว้  


ให้เราเลือก Textbox  เพื่อกรอก ชื่อ-นามสกุล ให้เราติกที่ด้านขวาที่ MultiLine คือให้เรากรอกตัวอักษรเท่านั้นแต่ถ้าเรา ติก NumbersOnly ก็จะเป็นตัวเลขเท่านั้น


ให้เราเลือก Label เพื่อเขียนข้อความหัวข้อที่เราจะกำหนด และให้เราคลิ๊กไปที่ Layout คลิกที่  HorizontalArrangement เพื่อเพิ่มช่อง ใน colums เพิ่มอีก 1 ช่อง เพื่อจะใส่ DataPickker เข้าไปเพื่อเลือกวันเดือนปีเกิด 



คลิกเลือก DatePiker และเลือกภาพไปใส่แทนข้อความเลือกที่ image และกำหนด Height เป็น 32 Width เพื่อกำหนดรูป ให้มีขนาดเล็กลง

 ให้เราคลิ๊กเลือก Spinner เพื่อเป็นตัวเลือกระดับชั้น ประถม  มัธยม   เอาไปใส่ในช่องด้านขวา ElementsFromString ใส่ตัวเลือกที่เราจะใส่ ประถม,มัธยม ต้องใส่ คอมม่า , เพื่อใส่ตัวเลือกถัดไปทุกครั้ง



เลือก CheckBoox เพิ่มทำตัวเลือกงานอดิเรก



ให้เราเลือก Label เพื่อกำหนดหัวข้อ เลือก TextBox เพื่อ ใส่ข้อความตามหัวข้อที่เรากำหนด



เลือก Label เพื่อกำหนดหัวข้อ เลือก  ElementsFromString เพื่อเพิ่มจังหวัด


ให้เราเลือกที่ Button เพื่อทำปุ่มกดส่งข้อมูลที่เรากรอกทั้งหมด





คลิกไปที่ Social เลือกที่ Sharing แชร์ข้อมูลผ่านเน็ตที่เราจะส่งข้อมูลไปเช่น Faecbook Gmail เป็นต้น




ให้เรากดปุ่มด้านขวาคำว่า  Blocks 


ให้เราเลือก DatePicker เพื่อทำการเมื่อเลือกวันที่ มันจะขึ้นเป็นวันที่ที่เราเลือก


ให้เราเลือก Label4 เพื่อทำให้เมนู วันเกิด แสดงขึ้น




เลือกที่ DatePicker เพื่อเลือก Day , Month และ Year




ให้เลือก Text เพื่อเลือกคำสั่ง Join 


เลือกที่ DatePicker และเลือกคำสั่งตามรูป เพื่อทำให้เมื่อเลือกวันที่ พอจะเลือกใหม่วันที่ที่เราเลือกครั้งแรกจะอยู่ที่เดิม


ให้เราเลือก Text เพื่อเลือกคำสั่ง Join 


เลือกที่ Control เพื่อเลือกคำสั่ง ตามภาพ



เลือกที่  CheckBox และเลือก ทั้ง 2 อันดังภาพ


เลือกที่ join และเลือกที่ CheckBox ทำแบบนี้ดังภาพทั้ง 4 อัน 



เลือกที่ Button เลือกตามภาพ




เลือกที่ Sharing และเลือกตามภาพเพื่อส่งข้อความไปยัง Facebook Gmail หรือ อื่นๆ


เลือกที่ join และทำตามภาพ 







นายปภินวิทย์ ลีกา สคฮ 2/3























ความคิดเห็น

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

โพสต์ยอดนิยมจากบล็อกนี้

blender การทำหุ่นเคลื่อนไหว

รูปภาพ
หลังจากที่เราได้อะธิบายการสร้างหุ่นแล้ว ขั้นตอนแรกให้เรา กดเข้าไปที่ File และกดไปที่ User Preferences หลังจากนั้นเราก็จะได้หน้านี้มา ให้เรากดเข้าไปที่ Add-ons         เมื่อเข้ามาแล้วให้เราเลื่อนลงหาคำว่า Rigging และให้เราทำการคลิ๊กเข้าไป ก็จะได้หน้านี้ขึ้นมา ให้เราติ๊กถูกแล้วกดออก เพี่ยงเท่านี้เราก็จะได้ Bone (กระดูก)กด Shift a เพื่อสร้าง กระดูก ผมเลือกที่จะใช้ Basic Human เป็นโครงสร้างกระดูกแบบคนนะครับ เมื่อเราสร้างกระดูกเสร็จแล้วก็จะได้แบบนี้ เมื่อกระดูกไม่ตรงกับตัวหุ่นให้เรากด R ตามด้วย Z เพื่อทำการหมุนโครงกระดูกตามที่เราต้องการ เมื่อโครงกระดูก เล็ก หรือ ใหญ่ กว่าหุ่นให้เราทำการกด S เพื่อขยายขนาด  เมื่อปรับขาดเสร็จแล้วให้เรานำโครงกระดูก ลากไปยังตัวหุ่น ให้เราทำการกดรูปคนและติ๊กคำว่า X-Ray เพราะเมื่อนำโครงกระดูกเข้าไปแล้วเราจะได้เห็นว่าโครงกระดูกอยู่ตำแหน่งไหน อยู่ส่วนไหนบ้าง ถ้าไม่ตรงจุดเราก็จะทำการปรับแต่งให้โครงกระดูกนั้นอยู่ตามส่วนที่เราต้องการ  เมื่อปรับแต่งเสร็จแล้วให้เราทำกา...
อ่านเพิ่มเติม

การทำแอพพลิเคชั่นสแกนบาร์โค้ด

รูปภาพ
   การสร้างแอพพลิเคชั่นสแกนบาร์โค้ดบนมือถือ ขั้นตอนแรกให้เราล็อกอินโดย ใช้ Gmail เมื่อล็อกอินเสร็จแล้วก็ให้กด อนุญาติ หลังจากนั้นก็จะเข้าสู่ MIT app lnventer  ให้เราคลิ๊กไปที่  เพื่อสร้าง Project และให้เราใส่ชื่อ ที่เราจะตั้ง เมื่อสร้างเสร็จแล้ว ให้เราเข้ามาที่ Project ก็จะได้หน้านี้ขึ้นมา ให้เราคลิ๊กไปที่ TextBox แล้วลากมาวางไว้ที่หน้าจอ ให้เราคลิ๊กที่ Layout แล้วลาก HorizontalArrangement มาวางที่หน้าจอ จากนั้นให้เราลาง Button มาวางในช่อง HorizontalArrangement มา2ปุ่ม ให้เรากด Social ให้เราลาก BarcodeScanner,Clock,Sharihg มาวางไว้ที่หน้าจอ ให้เราคลิ๊ก TextBox หลังจากนั้นให้เรากำหนดส่วนต่างๆ Hint (ให้เปลี่ยนเป็นไม่มีข้อความ) และให้เราติ๊ก MultiLine ให้เราคลิ๊ก HorizontalArrangement และให้เรากำหนด ความสูง และ ความกว้าง ของ HorizontalArrangement หลังจากนั้นให้เราเปลี่ยน Button1 เป็น Scan และ Button2 เป็น Share  และให้เรานำรูปมาใส่ Scan และ ...
อ่านเพิ่มเติม