SlideShare a Scribd company logo
1 of 7
Download to read offline
constructivism
การสร้างสถานการณ์ปัญหา
ความแตกต่างด้านความคิด
การออกแบบและวิเคราะห์ Key Concept




                         การพั ฒ นาเว็ บ ไซต์ ต้ อ งพั ฒ นาด้ ว ยการเขี ย น
                Source Code การสร้างกราฟฟิก การจัดองค์ประกอบเว็บ
                และเทคนิคใหม่ ๆ เพื่อให้เว็บไซต์นั้นถูกพัฒนาขึ้นอย่าง
                ถูกต้อง ผู้พัฒนาต้องมีความรู้อย่างเพียงพอ ในการที่จะลง
                มือสร้างแต่ละครั้ง
การนา KEY CONCEPT มาสร้างสถานการณ์ปัญหา


        สมศักดิ์ เป็นผู้ที่มีความรู้ด้านของการออกแบบงานกราฟฟิก สมศักดิ์สามารถ
นากราฟฟิกที่พัฒนามาสร้างเป็นเว็บไซต์ด้วยโปรแกรม Adobe Dreamweaver ได้
        หลั ก การของสมศั ก ดิ์ คื อ การน ารู ป ภาพกราฟฟิ ก มาจั ด เรี ย งในโปรแกรม
Adobe Dreamweaver ตามที่คิดว่าสวย ส่วนไหนที่ยากต้องลงมือเขียน Source
Code สมศักดิ์ก็จะข้ามส่วนนั้นไป เพราะสมศักดิ์ไม่มีความรู้ความเข้าใจในเรื่องของ
Source Code เนื่องจากสมศักดิ์มีแนวคิดที่ว่า การพัฒนาเว็บไซต์ต้องเน้นที่ความ
สวยงาม เพื่อเป็นจุดดึงดูด และที่สาคัญโปรแกรม Adobe Dreamweaver ก็ทาการ
สร้าง Source Code ให้อยู่แล้ว ไม่จาเป็นต้องทาความเข้าอีก..
การนา KEY CONCEPT มาสร้างสถานการณ์ปัญหา


          สมมุติว่าที่ท่านเป็นสมศักดิ์ ที่จะมีวิธีการแก้ปัญหาอย่างไร ในการที่ท่านจะ
เป็นผู้มีความรู้ในการพัฒนาเว็บไซต์อย่างถูกวิธี และและสามารถพัฒนาเว็บไซต์ที่มี
ความสลับซับซ้อน ได้อย่างเข้าใจ..
สร้ างลักษณะ แก้ ไข และสร้ างภาพเคลื่อนไหวให้ กับสื่อของคุณ
ภารกิจที่จะกระตุ้นผู้เรียน HIGH ORDER THINKING


1. ถ้าท่านเป็นสมศักดิ์ ถ้าท่านได้รับหน้าที่ให้พัฒนาเว็บไซต์ที่มีความสลับซับซ้อน
   ท่านจะมีวิธีการแก้ปัญหาอย่างไร
2. ถ้าท่านเป็นเพื่อนของ สมศักดิ์ ท่านจะมีวิธีการช่วยเหลือแนะนาสมศักดิ์อย่างไร
   ให้สมศักดิ์สามารถเข้าในเรื่องของ Source Code ได้
3. ถ้าท่านเป็นสมศักดิ์ ท่านจะมีการพัฒนาตนอย่างไร ให้เป็นผู้ที่มีความรู้ความ
   เข้าใจในการพัฒนาเว็บไซต์อย่างถ่องแท้
สร้างสถานการณ์ปัญหา

More Related Content

Similar to สร้างสถานการณ์ปัญหา

เสนอผ่านเว็บ
เสนอผ่านเว็บเสนอผ่านเว็บ
เสนอผ่านเว็บAii Wayu
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์Pongpitak Toey
 
ใบงานที่7
ใบงานที่7ใบงานที่7
ใบงานที่7Mintra Han-kla
 
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”Orraya Swager
 
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”Net'Net Zii
 
โปรแกรม Webpage maker
โปรแกรม Webpage makerโปรแกรม Webpage maker
โปรแกรม Webpage maker491320129
 
การออกแบบ และพัฒนาเว็บไซต์303
การออกแบบ และพัฒนาเว็บไซต์303การออกแบบ และพัฒนาเว็บไซต์303
การออกแบบ และพัฒนาเว็บไซต์303Chalermsak Pumkum
 
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์Moon Sweet
 
Slide for 04022011
Slide for 04022011Slide for 04022011
Slide for 04022011ubonlibrary
 

Similar to สร้างสถานการณ์ปัญหา (16)

เสนอผ่านเว็บ
เสนอผ่านเว็บเสนอผ่านเว็บ
เสนอผ่านเว็บ
 
กระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บกระบวนการพัฒนาเว็บ
กระบวนการพัฒนาเว็บ
 
(บทที่ 3)
(บทที่ 3)(บทที่ 3)
(บทที่ 3)
 
Ch10
Ch10Ch10
Ch10
 
หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์หลักการออกแบบเว็บไซต์
หลักการออกแบบเว็บไซต์
 
ใบงานที่7
ใบงานที่7ใบงานที่7
ใบงานที่7
 
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
 
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
ใบงานที่ 7 เรื่อง โครงงานประเภท “การประยุกต์ใช้งาน”
 
โปรแกรม Webpage maker
โปรแกรม Webpage makerโปรแกรม Webpage maker
โปรแกรม Webpage maker
 
Unit2
Unit2Unit2
Unit2
 
การออกแบบ และพัฒนาเว็บไซต์303
การออกแบบ และพัฒนาเว็บไซต์303การออกแบบ และพัฒนาเว็บไซต์303
การออกแบบ และพัฒนาเว็บไซต์303
 
01 intro
01 intro01 intro
01 intro
 
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
ขั้นตอนในขั้นตอนการพัฒนาเว็บไซด์
 
Slide for 04022011
Slide for 04022011Slide for 04022011
Slide for 04022011
 
Outline
OutlineOutline
Outline
 
Outline
OutlineOutline
Outline
 

สร้างสถานการณ์ปัญหา

  • 2. การออกแบบและวิเคราะห์ Key Concept การพั ฒ นาเว็ บ ไซต์ ต้ อ งพั ฒ นาด้ ว ยการเขี ย น Source Code การสร้างกราฟฟิก การจัดองค์ประกอบเว็บ และเทคนิคใหม่ ๆ เพื่อให้เว็บไซต์นั้นถูกพัฒนาขึ้นอย่าง ถูกต้อง ผู้พัฒนาต้องมีความรู้อย่างเพียงพอ ในการที่จะลง มือสร้างแต่ละครั้ง
  • 3. การนา KEY CONCEPT มาสร้างสถานการณ์ปัญหา สมศักดิ์ เป็นผู้ที่มีความรู้ด้านของการออกแบบงานกราฟฟิก สมศักดิ์สามารถ นากราฟฟิกที่พัฒนามาสร้างเป็นเว็บไซต์ด้วยโปรแกรม Adobe Dreamweaver ได้ หลั ก การของสมศั ก ดิ์ คื อ การน ารู ป ภาพกราฟฟิ ก มาจั ด เรี ย งในโปรแกรม Adobe Dreamweaver ตามที่คิดว่าสวย ส่วนไหนที่ยากต้องลงมือเขียน Source Code สมศักดิ์ก็จะข้ามส่วนนั้นไป เพราะสมศักดิ์ไม่มีความรู้ความเข้าใจในเรื่องของ Source Code เนื่องจากสมศักดิ์มีแนวคิดที่ว่า การพัฒนาเว็บไซต์ต้องเน้นที่ความ สวยงาม เพื่อเป็นจุดดึงดูด และที่สาคัญโปรแกรม Adobe Dreamweaver ก็ทาการ สร้าง Source Code ให้อยู่แล้ว ไม่จาเป็นต้องทาความเข้าอีก..
  • 4. การนา KEY CONCEPT มาสร้างสถานการณ์ปัญหา สมมุติว่าที่ท่านเป็นสมศักดิ์ ที่จะมีวิธีการแก้ปัญหาอย่างไร ในการที่ท่านจะ เป็นผู้มีความรู้ในการพัฒนาเว็บไซต์อย่างถูกวิธี และและสามารถพัฒนาเว็บไซต์ที่มี ความสลับซับซ้อน ได้อย่างเข้าใจ..
  • 5. สร้ างลักษณะ แก้ ไข และสร้ างภาพเคลื่อนไหวให้ กับสื่อของคุณ
  • 6. ภารกิจที่จะกระตุ้นผู้เรียน HIGH ORDER THINKING 1. ถ้าท่านเป็นสมศักดิ์ ถ้าท่านได้รับหน้าที่ให้พัฒนาเว็บไซต์ที่มีความสลับซับซ้อน ท่านจะมีวิธีการแก้ปัญหาอย่างไร 2. ถ้าท่านเป็นเพื่อนของ สมศักดิ์ ท่านจะมีวิธีการช่วยเหลือแนะนาสมศักดิ์อย่างไร ให้สมศักดิ์สามารถเข้าในเรื่องของ Source Code ได้ 3. ถ้าท่านเป็นสมศักดิ์ ท่านจะมีการพัฒนาตนอย่างไร ให้เป็นผู้ที่มีความรู้ความ เข้าใจในการพัฒนาเว็บไซต์อย่างถ่องแท้