10. Processing on Google Site
การแทรก Java applet ของ Processing ลงใน Google Site
สร้าง 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 ของโปรโฟลเดอร์โปรเจคของเรา
สร้างหน้าเว็บที่ต้องการให้มี Java applet ของ Processing
ควรเลือกเทมเพลตเป็นแบบ ตู้เก็บเอกสาร (File cabinet)
เมื่อสร้าเสร็จจะปรากฎหน้าเว็บ ให้นำไฟล์ .jar ที่ได้จากข้อ 1 นำมาเก็บใว้ที่หน้าเว็บนี้ โดยคลิกที่ปุ่ม +เพิ่มไฟล์
ตรวจสอบที่อยู่ของเว็บ โดยดูจาก แถบตำแหน่งเว็บไซต์ (Address) เช่น https://sites.google.com/site/webtest
คัดลองที่อยู่ของเวบเพื่อนำมาใช้งานในขั้นตอนที่ 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 ที่ต้องการให้แสดงบนหน้าเว็บ
สร้าง 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
แทรก Gadget ลงในหน้าเว็บ
กลับไปที่หน้าเว็บที่สร้างจากข้อ 2
ใช้เมนู แทรก -> แกตเจ็ตเพิ่มเติม -> เพิ่ม Gadget โดยใช้ URL ให้ป้อนชื่อไฟล์พร้อมตำแหน่งที่ได้จากข้อ 4
เว็บนี้ทำบน google site มี Processing ที่น่าสนใจเยอะ https://sites.google.com/site/croyezaufutur/processing/images-apercus