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

    • ของเดิม

      • แทนที่ข้อความ 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