วันอังคารที่ 17 พฤษภาคม พ.ศ. 2554

การสร้างแบบทดสอบ Multiple Choice

     Captivate 5

ในหัวข้อนี้จะกล่าวถึงการสร้าง แบบทดสอบ Multiple Choice ด้วยโปรแกรม Adobe Captivate5 ซึ่งก็จะมีขั้นตอนในการสร้างแบบทดสอบดังนี้
  • ไปที่เมนู Insert แล้วเลือก Question Slide...

  • จะปรากฎหน้าต่าง Insert Questions
  • ให้เลือก Multiple Choice และกรอกตัวเลขจำนวนข้อตามต้องการ ในที่นี้จะกำหนดเป็น 5 ข้อ
  • จากนั้นกดปุ่ม Ok

 
  • เพียงเท่านี้ข้อสอบก็จะมาปรากฎอยู่บน stage


  • สังเกตที่พาเนล FILMSTRIP ก็จะปรากฎสไลค์ คำถามขึ้นมา


  • สำหรับขั้นตอนต่อไปให้แก้ไขคำถามในแต่ละสไลด์ตามที่ต้องการ


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

  • เมื่อดับเบิ้ลคลิกแล้ว ในพาเนล properties จะประกอบด้วย

  • General ประกอบด้วย
- Tyge : ชนิดของคำถามจะมีให้เลือก 2 แบบ ได้แก่
   Survey คือแบบสำรวจ, Graded จะเป็นแบบทดสอบ  ในที่นี้ให้เลือกเป็น Graded
- Answers: จำนวนตัวเลือก กำหนดให้เป็น 4 เพราะเราต้องการ 4 ตัวเลือก
- Shuffle Answers คือการสุ่ม ตัวเลือก
- Points: คะแนน
- Multiple Answers : เลือกตอบได้มากกว่า 1 ข้อ ในส่วนนี้ไม่ต้องเลือกครับ
- Numbering: รูปแบบจำนวนนับที่อยู่หน้าข้อ ในที่นี้ผมจะเลือกเป็น a),b),c),...
  • เมื่อ Option ที่ตามตัวอย่างข้างบนแล้ว ให้แก้ไขตัวเลือก c และ d ตามต้องการ



  • คราวนี้เราจะมาแก้สไลด์สุดท้ายซึ่งเป็นส่วนที่เป็น สไลค์แสดงผลรวมคะแนนหลังทำแบบทดสอบ
  • ในพาเนล FILMSTRIP ให้เลือกสไลค์สุดท้ายดังภาพ
  • แก้ไขข้อความดังตัวอย่าง
  • ต่อไปให้นำเมาส์ไปคลิกที่ Review Area  ในสไลค์ของคำถาม(สไลค์แรก)

  • จะปรากฎแท็บ REVIEW FEEDBACK MESSAGES ซึ่งในส่วนนี้จะหมายถึง Option การปรับแต่งการแสดงผล การให้ข้อมูลย้อนกลับใน Caption ของ Review Area

  • ให้เปลี่ยนข้อความใหม่ดังภาพ

  • คราวนี้ก็มาคลิกที่ Review Area  ของไลค์ที่แสดงผล Feedback (สไลค์สุดท้ายของแบบทดสอบ)
  • จะปรากฎ แท็บ REVIEW FEEDBACK MESSAGES

  • แก้ไขข้อความดังรูป

  • เพียงเท่านี้เราก็สามารถสร้างแบบทดสอบแบบ Multiple Choice ได้อย่างง่ายดาย
  • สามารถกดปุ่ม Ctrl + Enter เพื่อดูการแสดงผล ของแบบทดสอบได้ครับ


วันอาทิตย์ที่ 15 พฤษภาคม พ.ศ. 2554

สร้าง scroll pane ใน flash

    Flash CS5

  • เลือกเมนู Insert -> New Symbol

  • จะปรากฎหน้าต่าง Create New Symbol
  • ในช่อง Name: ตั้งชื่อขึ้นต้นด้วยภาษาอังกฤษ
  • และทำการเลือก Export for Action Script ดังรูป แล้วกดปุ่ม OK

  • สร้างข้อความขึ้นมาในพิกัด X=0, Y=0 ของ Movie Clip Text1



  • เมื่อสร้างข้อความเรียบร้อยแล้วก็กลับมาที่  Scene1
  • เปิด panel ของ Components ขึ้นมาโดยกด Ctrl+F7

  • ลาก ScrollPane มาวางไว้บน Stage

  • และ กำหนดความยาวและความสูง 600x400 pixel

  • ใส่กำหนดค่าพารามิเตอร์ Source ให้เป็นชื่อ Movie Clip ที่เราสร้างขึ้นมาในต้องแรกก็คือ Text1

  • กดปุ่ม Ctrl+Enter เพื่อดูการแสดงผล
  • สำหรับวิธีสร้าง Scroll pane ก็มีเพียงเท่านี้ครับ

      Actionscript flash

      ActionScript เป็นภาษาเชิงวัตถุการพัฒนามาใช้ Macromedia อิงค์ (ตอนนี้เป็นเจ้าของโดย Adobe Systems) มันคือภาษาของ ECMAScript (หมายถึงมันมีไวยากรณ์เหมือนกันและความหมายของที่รู้จักกันอย่างแพร่หลาย JavaScript) และใช้งานเป็นหลักสำหรับการพัฒนาเว็บไซต์และซอฟแวร์การกำหนดเป้าหมายแพลตฟอร์ม Adobe Flash Player ใช้บนหน้าเว็บในรูปแบบของการฝังตัวSWF ไฟล์ ภาษาตัวเองเป็นโอเพนซอร์สในที่สเปคของมันมีให้เสียค่าใช้จ่ายและทั้งคอมไพเลอร์ที่มาเปิด (เป็นส่วนหนึ่งของ Adobe Flex)และที่มาเปิดเครื่องเสมือน (Mozilla ทามาริน) มีอยู่
      ActionScript ถูกออกแบบมาสำหรับการควบคุมการเคลื่อนไหวแบบเวกเตอร์อย่างง่าย 2D ทำใน Adobe Flash (เดิมคือ Macromedia Flash) มุ่งเน้นในขั้นแรกในภาพเคลื่อนไหวเวอร์ชันก่อนหน้าของเนื้อหา Flash ที่นำเสนอคุณสมบัติในการโต้ตอบน้อยมากจึงมีความสามารถในการ จำกัด การเขียนสคริปต์ รุ่นใหม่กว่าเข้ามาทำงานเพื่อให้สามารถสร้างเกมบนเว็บและใช้งานอินเทอร์เน็ตเต็มไปด้วยสตรีมมิ่งสื่อ (เช่นภาพและเสียง) วันนี้, ActionScript เหมาะกับการใช้ในบางโปรแกรมฐานข้อมูลและในหุ่นยนต์ขั้นพื้นฐานเช่นเดียวกับการทำ Controller Kit
      Flash MX 2004 ActionScript 2.0 แนะนำภาษาการเขียนโปรแกรมสคริปต์เหมาะสมกับการพัฒนาของโปรแกรมแฟลช มันมักจะเป็นไปได้ที่จะประหยัดเวลาโดยการเขียนสคริปต์บางสิ่งบางอย่างมากกว่าการเคลื่อนไหวนั้นซึ่งมักจะยังช่วยให้ความยืดหยุ่นในระดับที่สูงขึ้นเมื่อมีการแก้ไข

      ใส่เสียงใน flash

          Flash CS5

      ในการใส่เสียงใน Flash นั้นหลายๆคนอาจจะพบ ปัญหาหลายๆ อย่างเช่นไม่สามารถ Import เสียงเข้ามายังโปรแกรม Flash บ้าง หรือว่าใส่เสียงไปแล้วเสียงเล่นซ้อนกัน เมื่อได้อ่านบทความนี้จนจบแล้ว ท่านก็จะสามารถแก้ไขปัญหาต่างๆ เหล่านั่นได้ครับ

      สำหรับขั้นตอนการนำเสียงเข้ามาใช้ใน Flash ก็มีขั้นตอนดังนี้
      • ไปที่เมนู File -> Import -> Import to Library...

      • จะปรากฎหน้าต่าง Import to Library ขึ้นมา เลือกไฟล์ที่จะนำเข้ามาให้ แล้ว กดปุ่ม Open


      • เสียงที่เราเลือกจะถูกนำเข้าไปไว้ใน library ดังรูป
      • จากนั้นเลือกเฟรมที่้ต้องการจะใส่เสียง
      • ไปที่พาเนล properties ที่ส่วนของ Name: ให้เลือกที่เสียงที่เรา import เข้ามา

      • ในส่วนของ Synce จะประกอบด้วย การตั้งค่าต่างดังนี้

             
              - Event : กำหนดให้เสียงเล่นโดยมีความสัมพันธ์กับเหตุการณ์ต่าง เช่น เมื่อกดปุ่ม หรือเมื่อ
                animation   เล่นเฟรมแรก ในกรณีที่ใส่เสียงในเฟรม หาก animation กับมาเล่นซ้ำที่เฟรมเดิมจะ
                ทำให้เกิดการเล่นเสียงเดิมอีกครั้งและเสียงจะเล่นซ้อนกัน
              - Start : มีลักษณะคล้ายกับ แบบ Event แต่จะไม่มีการเล่นเสียงซ้อนกัน 
              - Stop : หากมีการเลือก Sync แบบนี้จะทำให้เสียงหยุดเล่น
              - Stream : Sysnc แบบนี้จะมีการเล่นตามความยาวของเฟรม เมื่อ Animation เล่นจนหมดเฟรม
                เสียงจะหยุดเล่น และหาก Animation วนไปยังเฟรมแรกที่ใส่เสียง เสียงเริ่มเล่นใหม่ทันที

      • โดยส่วนใหญ่แล้วผมจะใช้แบบ Start ในเฟรม เพราะเวลาเล่นเสียงจะไม่ซ้อนกัน
      • เมื่อใส่เสียงลงไปในเฟรมเรียบร้อย ให้ลองเพิ่มเฟรม สังเกตที่เฟรมมีลักษณะเป็นกราฟดังภาพ



      ใส่เสียงใน flash ไม่ได้ ?

      • สำหรับวิธีที่แก้ไขผมจะใช้ Nero WaveEditor ในการแก้ไข
      • ก่อนอื่นมาดูตัวอย่าง เมื่อมีการ Import เสียงเข้ามา จะปรากฎ Error ดังรูป

      • สำหรับการแก้ไขก็ใช้ Nero WaveEditor เปิดไฟล์เสียงขึ้นมา

      • จากนั้นไปที่เมนู File เลือก Save As




      • ทำการ save ไฟล์ และตั้งชื่อตามต้องการ
      • หลังจากนั้นก็ทำการ Import ไฟล์เสียงที่เรา save ไว้ เข้ามาใน Flash ใหม่อีกครั้ง
      • เพียงเท่านี้ก็ไม่มีปัญหาเรื่องการนำเสียงเข้ามาใช้ในโปรแกรม Flash แล้วครับ

      วันอาทิตย์ที่ 8 พฤษภาคม พ.ศ. 2554

      สร้าง Scroll Panel ใน Flash Catalyst

           Flash Catalyst

      หากเราต้องการแสดงข้อความที่มีความยาวมากๆ ภายใน page เดียว จะต้องใช้ component ที่เรียกว่า Scroll Panel และนี่ก็คือรูปร่างหน้าตาของ Scroll Panel


      สำหรับวิธีการสร้าง Scroll panel นั้นก็มีขั้นตอนดังต่อไปนี้
      • ในพาเนล WIREFRAME COMPONENTS เลือก Component ที่ชื่อว่า Vertical Scrollbar

      • แล้วลากมาวางบน stage ดังรูป

      • ใช้เครื่องมือ Text  สร้างข้อความขึ้นมาดังรูป

      • ใช้เครื่องมือ Select เลือก Text และ Vertical Scrollbar 
       
      • จะปรากฎหน้าต่าง Convert Artwork to Component ให้เลือก Scroll Panel

      • เมื่อเลือกแล้วจะปรากฎหน้าต่าง Scroll Panel ให้คลิกปุ่ม Edit Parts

      • คลิกเลือกที่ ข้อความที่เราสร้างขึ้นมา
      • จะปรากฎหน้าต่าง Text ในส่วนของ Covert to Scroll Panel Part ให้เลือก
      • Scrolling Content(required) เพื่อทำให้ข้อความนี้สามารถถูกควบคุมด้วย Scroll Bar ได้
      • กดปุ่ม Ctrl + Enter เพื่อดูการแสดงผล

      • เพียงเท่านี้การสร้าง Scroll Panel ก็สำเร็จแล้วครับ

      Twitter Delicious Facebook Digg Stumbleupon Favorites More