Rollover captions

     Captivate 5

 Rollover captions จะใช้เมื่อเราต้องการแสดงคำอธิบาย ขณะที่นำเมาส์ไปชี้ในบริเวณที่เรากำหนดเท่านั้น โดย Rollover captions จะประกอบด้วยส่วนของ Rollover caption ที่เป็นกรอบของคำอธิบาย และส่วน Rollover Area ที่เป็นสี่เหลียมสำหรับเป็นพื้นที่ในการนำเมาส์ไปชี้

การใช้ Rollover captions

• คลิกสัญลักษณ์ของ Rollover captions 
• จะปรากฎ Rollover Area และ Rollover caption 

• นำ Rollover Area และ Rollover caption ไปจัดวางไว้ในตำแหน่งที่ต้องการ ดังรูป

• ดับเบิ้ลคิกที่ Rollover caption ทำการเปลี่ยนคำอธิบายตามต้องการ

• นำเม้าส์ไปคลิกที่ Rollover Area เพื่อทำการปรับแต่งคุณบัติต่าง ซึ่งจะขอนำเสนอเฉพาะส่วนที่จำเป็น นั้นก็คือ Fill & Stroke ซึ่งจะเป็นการปรับ สีพื้นและสีเส้นของ Rollover Area โดยจะมีรายละเอียดดังนี้

        - Fill: สีพื้น

        - Stroke: สีเส้น

        - Fill Outer Area: เทสีพื้นภายของ Rollover Area

        - Width: ความหนาของเส้นขอบ

• นำเม้าส์ไปคลิกที่ Rollover Caption เพื่อปรับแต่งคุณสมบัติดังรายละเอียดดังนี้

        - Caption type: เป็นรูปแบบของ Rollover Caption ซึ่งมีให้เลือกมากมายหลาย

        - Callout type: ลักษณะของกรอบของ Rollover Caption 

     Character คือคุณบัติของตัวอักษร

         - Family : รูปแบบ Font 

         - Style : กำหนดความหนา ความเอียงของตัวอักษร

         - Size : ขนาดของตัวอักษร

         - Format: กำหนดความหนา ความเอียก และ การขีดเส้นใต้

         - Color: สีของตัวอักษร

         - Highlight: สี Highlight หรือสีเน้นข้อความ

     Format คือรูปแบบการจัดวางของตัวอักษร

         - Aligh: รูปแบบการจัดวาง
         - Indentation: การเยื้องของข้อความ
         - Numbering: รูปแบบหัวข้อ
         - Line Spacing: ระยะห่างระหว่างบรรทัด
         - Insert: แทกสัญลักษณ์พิเศษ

• หลังจากที่ปรับแต่งเรียบร้อยแล้ว ทำการทดสอบชิ้นงาน โดยกดปุ่ม Ctrl+Enter
• การแสดงผลของ Rollover captions จำเป็นต้องใส่ button เพื่อให้หยุดกับที่ ไม่เช่นนั้น captivate จะทำการเล่นสไลด์ถัด ทำให้แสดงผลไม่ทัน

Read more »

Text Animation

     Captivate 5

Text Animation เป็นเครื่องมือสำหรับใส่เทคนิคพิเศษให้กับข้อความ ตัวอย่างเช่น หัวข้อเรื่องต่างๆ หรือสไลค์หน้าแรกที่เราต้องการจะเน้นจุดสนใจให้ดูสะดุดตา โดย Captivate จะมีรูปแบบของการเคลื่อนไหวให้เลือกอยู่มากมาย

การใช้ Text Animation

• คลิกเลือกเครื่องมือ Text Animation 
• จะปรากฎหน้าต่างของ Text Animation Properties ขึ้นมา

• ในหน้าต่าง Text Animation Properties จะประกอบไปด้วยส่วนต่างๆ ดังนี้

1. Text เป็นช่องสำหรับกรอกข้อความที่ต้องการทำ Animation
2. Font ใช้เลือกรูปแบบตัวอักษร
3. Size คือขนาดของตัวอักษรที่ต้องการทำ Animation
4. Delay คือความหน่วงของ Animation ยิ่งค่ามากการเคลือนไหวก็จะช้าลง
5. เป็นสีของตัวอักษร
6. Loop เป็นการกำหนดให้ Animation เล่นซ้ำ

• เมื่อพิมพ์ข้อความในช่อง Text และปรับค่าต่างเสร็จเรียบร้อยแล้ว คลิกปุ่ม OK
• จะปรากฎภาพตัวอย่างใน พาเนล Properties Inspector

• นอกจากนั้นเรายังปรับแต่งคุณสมบัติต่างๆ ได้ ดังนี้

1. General ประกอบด้วย 

        - Effect เป็นรูปแบบ Animation ของข้อความ

        - Transparency คือความโปร่งใส ยิ่งค่ามากยิ่งโปร่งใสมาก

        - Properties. ให้แสดงหน้า Text Animation Properties

    2.  Timing

        - Display For ใช้กำหนดระยะเวลาการแสดง Animation

        - Appear After กำหนดให้ Animation แสดงเมื่อเข้าสู่สไลค์หลังจากเวลาที่เรากำหนด (วินาที)

    3.  Transition

       - Effect:

                     Fade In and Out  กำหนดให้มีการ Fade in และ Fade out

                     Fade In Only       กำหนดให้มีเพียงการ Fade in เท่านั้น

                     Fade Out Only     กำหนดให้มีเพียงการ Fade out เท่านนั้น

                     No Transition      ไม่มี Transition

       - In คือระยะเวลาของ Fade In

       - Out คือระยะเวลาของ Fade Out

    4.  Audio

      - Fade In คือระยะเวลาการ Fade In ของเสียง

      - Fade Out คือระยะเวลาการ Fade Out ของเสียง

      - Add Audio เพิ่มเสียงให้กับ Text Animation

    5.  Position & Size

      - x,y คือพิกัดในการจัดวางของ Text Animation

• กดปุ่ม Ctrl+Enter เพื่อดูการแสดงผล

Read more »

Text Entry Boxes

     Captivate 5

Text entry boxes คือ object ที่สามารถกรอกพิมพ์ข้อความลงไปได้ object ชนิดนี้เหมาะสำหรับที่จะใช้ทดสอบความรู้ของผู้เรียนได้เป็นอย่างดี หลังจากที่ได้กรอกข้อความลงไปใน Text entry boxes แล้ว Captivate จะตรวจสอบข้อความที่กรอกลงไป ว่าตรงกับข้อความที่เรากำหนดไว้หรือไม่ โดยให้ผลย้อนกลับโดยทันที และยังสามารถให้คำใบ้กับผู้เรียนได้อีกด้วย

การใช้ Text Entry Boxes

• คลิกสัญลักษณ์ของ Text Entry Boxes
• จะปรากฎ Text Entry Boxes ขึ้นมา ซึ่งจะประกอบด้วยส่วนต่างดังนี้

1. Text Entry Boxes เป็นช่องสำหรับกรอกข้อความ
2. Seccess Caption เป็นป้ายแสดงข้อเมื่อผู้ใช้พิมพ์ข้อความถูกต้อง
3. Failure Caption เป็นป้ายแสดงข้อเมื่อผู้ใช้พิมพ์ข้อความไม่ถูกต้อง
4. Hint Caption เป็นแสดงคำใบ้ โดยจะแสดงเมื่อมีการนำเมาส์ไปชี้ที่ Text Entry Boxes
5. Text Entry Button เป็นปุ่มสำหรับส่งคำตอบเมื่อของข้อความเสร็จแล้ว

• แก้ไขตัวอักษรโดย ดับเบิ้ลคลิกที่ Caption แต่ละอัน 

• ใช้เมาส์คลิกที่ Text Entry Boxes จะปรากฎหน้าต่าง Correct Entries ให้กด + เพื่อเพิ่มคำตอบที่ต้องการ

• กดปุ่ม Ctrl+Enter เพื่อดูการแสดงผล

ที่มาของภาพ : http://nattiyakorn.blogspot.com/2007/11/cpu.html

วิดีโอสอนการใช้ Text Entry Boxes

Read more »

Zoom Area

     Captivate 5

Zoom Area จะช่วยกระตุ้นผู้เรียนมีความสนใจ ในส่วนของรูปภาพที่ต้องการจะเน้นให้ผู้เรียนสังเกต โดยวิธีทำงานของมันจะขยายภาพให้ใหญ่ขึ้น ซึ่ง Zoom Area จะมีอยู่สองส่วนคือ

1. Zoom source areas เป็นเป็นบริเวณที่เราต้องการจะขยายภาพ
2. Zoom destination area  เป็นส่วนที่แสดงภาพที่ได้จากการข่าย

วิธีใช้งาน Zoom Area

• คลิกสัญลักษณ์ของ Zoom Area
• จะปรากฎ Zoom source areas และ Zoom destination area ขึ้นมาดังรูป

• นำ Zoom Source ไปวางไว้ในบริเวณที่ต้องการจะเน้นความสนใจ หรือส่วนที่ต้องการขยาย
• เราสามารถปรับขนาดของ Zoom Source Areas และ Zoom Destination Area ตามต้องการโดยนำเมาส์ไปคลิกที่จุดสี่เหลี่ยมของ Zoom Source Areas หรือ Zoom Destination Area แล้วลากเมาส์เพื่อปรับขยายพื้นที่ ดังรูป

• เมื่อจัดวางจนได้ตำแหน่งตามต้องการแล้ว ก็ให้กดปุ่ม Ctrl+Enter เพื่อดูการแสดงผล

วิดีโอสอนการใช้ Zoom Area

Read more »

ประวัติผู้สอน

นายพงศกร โกชารักษ์
กศ.บ. (เกียรตินิยมอันดับ 2)

ประวัติการศึกษา

• ระดับมัธยมศึกษา  จากโรงเรียนสุโขทัยวิทยาคม
• ระดับปริญญาตรี วุฒิ กศ.บ. (เกียรตินิยมอันดับ 2) มหาวิทยาลัยนเรศวร

ความสามารถ

• พัฒนาบทเรียนคอมพิวเตอร์ช่วยสอนด้วยโปรแกรม Flash
• สร้างเว็บไซต์CMS ด้วยโปรแกรม Joomla 

Read more »