10. Processing on Google Site

การแทรก Java applet ของ Processing ลงใน Google Site

• 1. สร้าง Java applet ของงานที่ต้องการนำไปใว้ใน Google site

     • ที่โปรแกรม Processing ให้ตรวจสอบว่าเงื่อนไขการสร้าง Java applet ของ Processing เป็นไฟล์เดียวหรือไม่ โดยตรวจสอบจาก เมนู File -> preferences ที่ตัวเลือก Use multiple .jar files when exporting applets... ต้องไม่ถูกติก คือต้องการให้สร้างเป็นไฟล์เดียว

     • ที่โปรแกรม Processing เมื่อเขียนโปรแกรมเสร็จและทดสอบดูแล้วว่าตรงตามที่ต้องการ ให้ทำการ Export Applet โดยใช้เมนู File -> Export Applet ได้ไฟล์ .jar เช่น test.jar อยู่ในโฟลเดอร์ applet ของโปรโฟลเดอร์โปรเจคของเรา

  2. สร้างหน้าเว็บที่ต้องการให้มี Java applet ของ Processing

     • ควรเลือกเทมเพลตเป็นแบบ ตู้เก็บเอกสาร (File cabinet)

     • เมื่อสร้าเสร็จจะปรากฎหน้าเว็บ ให้นำไฟล์ .jar ที่ได้จากข้อ 1 นำมาเก็บใว้ที่หน้าเว็บนี้ โดยคลิกที่ปุ่ม +เพิ่มไฟล์

     • ตรวจสอบที่อยู่ของเว็บ โดยดูจาก แถบตำแหน่งเว็บไซต์ (Address) เช่น https://sites.google.com/site/webtest

     • คัดลองที่อยู่ของเวบเพื่อนำมาใช้งานในขั้นตอนที่ 3

  3. เขียนคำสั่งเรียกใช้ Applet

     • โดยเขียนดังนี้

• • <applet code="test" archive="https://sites.google.com/site/webtest/test.jar" width="300" height="300" mayscript="true">

    • ความหมาย

  • test หมายถึง Applet ที่ต้องการให้ทำงาน

  • "https://sites.google.com/site/webtest/test.jar" หมายถึงตำแหน่งที่อยู่ของไฟล์ Applet ที่ได้มาจากข้อ 2

  • width และ height หมายถึง ขนาดของ Applet ที่ต้องการให้แสดงบนหน้าเว็บ

• 1. สร้าง Google gadget

     • เปิดเว็บ http://code.google.com/intl/th/apis/gadgets/docs/legacy/gs.html

     • ใช้ Google Gadgets Editor (GGE) เพื่อวางคำสั่งเรียกใช้ Applet จากข้อ 3 ลงไปแทนที่ของเดิม ดังภาพนี้

• • ของเดิม

• • • แทนที่ข้อความ Hello, world! ด้วย <applet code="test" archive="https://sites.google.com/site/webtest/test.jar" width="300" height="300" mayscript="true">

• • • บันทึกไฟล์นี้ด้วยคำสั่ง File> Save as ตั้งชื่อไฟล์ จะได้ชื่อไฟล์พร้อมตำแหน่งที่เก็บเช่น

• • http://hosting.gmodules.com/ig/gadgets/file/11353417389327058/test-applet-1.xml

• 1. แทรก Gadget ลงในหน้าเว็บ

     • กลับไปที่หน้าเว็บที่สร้างจากข้อ 2

     • ใช้เมนู แทรก -> แกตเจ็ตเพิ่มเติม -> เพิ่ม Gadget โดยใช้ URL ให้ป้อนชื่อไฟล์พร้อมตำแหน่งที่ได้จากข้อ 4

เว็บนี้ทำบน google site มี Processing ที่น่าสนใจเยอะ https://sites.google.com/site/croyezaufutur/processing/images-apercus